﻿.h65{height:65px;width:100%;}
.h45{height:50px;width:100%;}
menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline; text-align:left;}
/* http://sonspring.com/journal/clearing-floats */
.clear{ clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystifie*/
.clearfix:before,.clearfix:after{ content: "\0020"; display: block; overflow: hidden; visibility: hidden; width: 0; height:0; }
.clearfix:after{ clear: both; }

/* IE < 8 */
.clearfix{ zoom: 1; }


/**
* 工程透明
*/
.Engineering-zhuanjia-box-rb{font-family:'宋体';}

.ml27{margin-left:27px;}
.ml29{margin-left:29px;}

.Engineering-yangcheng,.Engineering-shiji-bt,.Engineering-shiji-pic{width:1190px;}

.Engimg{background-image:url(../images/engineering/1.png); background-repeat:no-repeat}
.Engineering-Slide{width:100%; height:450px; background-image:url(../images/engineering/100.jpg); background-position:center; clear:both}
.Engineering-menu{height:65px; width:100%; background-color:#ED182A; z-index:200}
.Engineering-menu-box,.Engineering-zhuanjia-box{width:1190px;}
.Engineering-menu-box{height:65px; margin:0px auto}
.Engineering-menu ul {padding:0px; margin:0px; height:65px;}
.Engineering-menu ul li {list-style:none; height:65px; line-height:65px; float:left; color:#FFF; font-size:20px; font-weight:bold; padding:0px 25px 0px 24px; color:#FFF}
.Engineering-menu ul li a:link{color:#FFF}
.Engineering-shuoming{width:100%; height:249px; background-image:url(../images/engineering/101.jpg); background-position:center}
.Engineering-shuomingbox{width:1190px; height:249px; margin:0px auto}
.Engineering-shuomingboxtxt{width:620px; height:170px; font-size:18px; text-align:left; line-height:35px; color:#FFF; float:left; margin:45px auto auto 70px;}

.Engineering-tongku{height:800px;}
.Engineering-tongkubox{height:790px; margin:0px auto}
.Engineering-tongku{width:100%; background-color:#D9E3E5}
.Engineering-tongkubox{padding-top:20px;}
.Engineering-tongkubox,.Engineering-tongkubox-bt,.Engineering-tongkubox-pic{width:1190px;}
.Engineering-tongkubox-bt{height:90px;}
.Engineering-tongkubox-pic{height:650px; margin-top:20px;}
.Engineering-tongkubox-pic .list{width:276px; height:296px; float:left; background-color:#FFF; margin-bottom:26px; }
.Engineering-tongkubox-pic .list .name{height:40px; line-height:40px; font-size:16px; color:#399ECA;text-align:center;}
.Engineering-tongkubox-pic .list .photo{width:276px; height:203px; margin-top:3px;}
.Engineering-tongkubox-pic .list .show{height:40px; line-height:40px; font-size:12px; color:#399ECA}
.Engineering-zhuanjia{width:100%; background-color:#FFF}
.Engineering-zhuanjia{height:410px; margin:0px auto}
.Engineering-zhuanjia-box{height:386px; margin:35px auto}
.Engineering-zhuanjia-box-l,.Engineering-zhuanjia-box-r{float:left; height:386px;}
.Engineering-zhuanjia-box-l{width:528px; }
.Engineering-zhuanjia-box-l p{line-height:25px; font-size:14px; font-family:'宋体'; color:#666; margin-top:4px;}
.Engineering-zhuanjia-box-r{width:556px; margin-left:78px;}
.Engineering-zhuanjia-box-ra{height:103px; background-position:0px -105px;}
.Engineering-zhuanjia-box-rb{height:auto; overflow:auto; font-size:14px; line-height:25px; color:#666; text-align:left;}
.Engineering-zhuanjia-box-r1 {float:left; height:386px;}


.Engineering-sgd{width:100%; background-color:#f8f8f8}
.Engineering-sgd{height:2136px; margin:0px auto}
.Engineering-sgd-jieshao{width:1190px; background-position:750px -280px}
.Engineering-sgd-jieshao{height:473px; margin:0px auto}
.Engineering-sgd-jieshao-a{width:630px; padding:0px; height:203px; float:left; margin:40px auto; background-position:0px -800px}
.Engineering-sgd-jieshao-a ul{margin:155px auto auto 5px; padding:0px; float:left;}
.Engineering-sgd-jieshao-a ul li{width:70px;height:30px; line-height:30px; font-size:14px; list-style:none; display:inline; float:left; margin-right:14px; }
.Engineering-jieshaotxt{width:688px; height:140px; text-align:left; font-size:16px; color:#333; line-height:30px; margin:30px auto; float:left;}
.Engineering-pk{width:1190px; height:536px; background-image:url(../images/engineering/111.jpg); background-position:center; margin:0px auto; clear:both}
.Engineering-pktxt1,.Engineering-pktxt2,.Engineering-pktxt3,.Engineering-pktxt4,.Engineering-pktxt5,.Engineering-pktxt6,.Engineering-pktxt7,.Engineering-pktxt8,.Engineering-pktxt9,.Engineering-pktxt10{width:425px; height:30px; line-height:30px; font-size:18px; float:left; text-align:left}
.Engineering-pktxt1{margin:170px auto auto 100px;}
.Engineering-pktxt2{margin:170px auto auto 175px;}
.Engineering-pktxt3{margin:45px auto auto 100px;}
.Engineering-pktxt4{margin:45px auto auto 175px;}
.Engineering-pktxt9{margin:45px auto auto 100px;}
.Engineering-pktxt5,.Engineering-pktxt7{margin:40px auto auto 100px;}
.Engineering-pktxt6,.Engineering-pktxt8,.Engineering-pktxt10{margin:43px auto auto 175px;}

.Engineering-zlc{width:1190px;height:659px; margin:20px auto; background-color:#fff; border:2px solid #D7E1E9;}
.Engineering-zlc-bt{height:47px; line-height:47px; font-size:18px; text-align:left; font-weight:bold; background-color:#D7E1E9; text-indent:20px;}
.Engineering-zlc-sdnmbt{height:64px; width:1190px;}
.Engineering-zlc-bijiaobt,.Engineering-zlc-bijiaobt1{height:40px; width:247px; line-height:40px; font-size:18px; text-align:center; float:left; background-position:0px -1012px;}
.Engineering-zlc-bijiaobt{ margin:10px auto auto 187px;}
.Engineering-zlc-bijiaobt1{margin:10px auto auto 287px;}
.Engineering-zlc-pic{width:1190px; height:233px;text-align:center;}
.Engineering-zlc-pic .pic{width:262px; height:233px; float:left; margin-left:20px;}
.Engineering-zlc-pic .pic p{font-size:14px; line-height:40px;}

.Engineering-yangcheng{ background-color:#fff; border:2px solid #D7E1E9; height:355px; margin:0px auto ; overflow:hidden}
.Engineering-yangcheng-bt{height:40px; line-height:40px; text-align:left; font-size:18px; color:#333; background-color:#D7E1E9; font-weight:bold; text-indent:20px;}
.Engineering-yangcheng-js{width:1190px; height:260px; margin:20px auto; background-position:5px -1118px; padding-top:5px;}
.Engineering-yangcheng-js .jj{width:1045px; height:50px; line-height:25px; text-align:left; font-size:16px; margin:25px auto auto 40px;}
.Engineering-yangcheng-js .jjj{width:800px; height:128px;line-height:35px; height:35px; font-size:16px; text-align:left; margin:15px auto auto 80px;}
.Engineering-yangcheng-pic{width:1190px;height:430px}
.Engineering-yangcheng-pic .list{width:292px; height:410px; margin:auto auto auto 5px; float:left; overflow:hidden}


.Engineering-shiji{width:100%; height:778px; background-color:#fff;}
.Engineering-shiji-bt{height:95px; background-position:0px -1550px; margin:35px auto}
.Engineering-shiji-pic{height:587px; margin:25px auto}
.Engineering-shiji-pic .list{width:290px; height:188px; float:left; margin:5px 5px auto auto}
.Engineering-shiji-pic .list1{height:188px; width:590px; float:left; margin:5px 5px auto auto; background-color:#369D4A}
.Engineering-shiji-pic .lista{width:290px; height:188px; background-color:#000; position:relative; left:0px; top:-188px;  filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;z-index:100; }
.Engineering-shiji-pic .lista p{line-height:188px; font-size:24px; text-align:center; color:#FFF; font-weight:bold;}
.Engineering-shiji-pic .lista dt{line-height:25px; font-size:18px; text-align:center; color:#FFF; margin-top:20px;}
.Engineering-shiji-pic .lista dl{line-height:25px; font-size:14px; text-align:center; color:#FFF; padding-top:5px;}
.Engineering-shiji-pic .lista dd{line-height:25px; font-size:12px; text-align:center; color:#FFF; padding-top:5px; font-family:'宋体'; color:#00CCFF;filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1;}


.Engineering-wenming{width:100%; height:903px; background-color:#f8f8f8; clear:both}
.Engineering-wenming-box{width:1190px; height:860px; margin:0px auto; padding-top:25px;}
.Engineering-wenming-box-bt{width:1190px; height:87px; background-position:0px -1420px}
.Engineering-wenming-box-pic{width:1190px; height:710px; background-position: 0px -1704px; margin-top:25px;}
.Engineering-wm-list,.Engineering-wm-list1,.Engineering-wm-list2,.Engineering-wm-list3{width:290px; height:350px; margin:10px auto; float:left}
.Engineering-wm-list4,.Engineering-wm-list5,.Engineering-wm-list6,.Engineering-wm-list7{width:290px; height:350px; margin:50px auto; float:left}


.Engineering-wm-list p,.Engineering-wm-list1 p,.Engineering-wm-list2 p,.Engineering-wm-list3 p,.Engineering-wm-list4 p,.Engineering-wm-list5 p,.Engineering-wm-list6 p,.Engineering-wm-list7 p{font-size:20px; font-weight:bold; margin-top:10px;text-align:center;}

.Engineering-wm-list p{color:#B2A641;} .Engineering-wm-list dd{color:#B2A641;}
.Engineering-wm-list1 p{color:#61BA80} .Engineering-wm-list1 dd{color:#61BA80;}
.Engineering-wm-list2 p{color:#0279B6} .Engineering-wm-list2 dd{color:#0279B6;}
.Engineering-wm-list3 p{color:#E6816D} .Engineering-wm-list3 dd{color:#E6816D;}
.Engineering-wm-list4 p{color:#CC976D} .Engineering-wm-list4 dd{color:#CC976D;}
.Engineering-wm-list5 p{color:#E88A6B} .Engineering-wm-list5 dd{color:#E88A6B;}
.Engineering-wm-list6 p{color:#766570} .Engineering-wm-list6 dd{color:#766570;}
.Engineering-wm-list7 p{color:#006B69} .Engineering-wm-list7 dd{color:#006B69;}

.Engineering-style,.Engineering-style-box{height: 605px;}
.Engineering-style{width: 100%;}
.Engineering-style-box{margin:0px auto;}
.Engineering-style-box,.Engineering-style-box-bt,.Engineering-style-box-ppt,.Engineering-style-box-stylelist,.Engineering-style-box-ppt{width: 1190px;}
.Engineering-style-box-bt{height: 50px; background-position: 0px -2450px; margin-top: 35px;}
.Engineering-style-box-ppt{height: 430px;}
.Engineering-style-box-stylelist{line-height:35px; line-height:35px; text-align:left; font-size:18px;}

.Engineering-sgd-jieshaoa{width: 500px; height: 60px; background-image:url(../images/engineering/1.png); background-position: 0px -230px; margin-left:0px; }
.Engineering-sgd-jieshaob{width:630px; height:120px; float:left; margin-top:30px; background-image:url(../images/engineering/ico.jpg); margin-left:0px; background-repeat:no-repeat; background-position:0px 5px; float:left}
.Engineering-sgd-jieshaob .list{width:68px; line-height:25px; float:left; margin-top:75px; margin-right:21px;}
.Engineering-sgd-jieshaoc{width:688px; height:180px; margin-top:20px; margin-left:0px; float:left; font-size:16px; text-align:left; line-height:35px;}
/*共用*/
.bg_F { background: #F8F8F8; }
.top-alert { height: 35px; line-height: 35px; font-size: 14px; background: #FF9900; color: #FFFFFF; text-align: center; }
.yahei{font-family:"Microsoft YaHei","微软雅黑" !important;}
.w { width: 1190px; }
.w109 { width: 109px; }
.h34 { height: 34px; }
.row { margin:0 auto; }
.hidden { overflow: hidden; }
.normal { font-style: normal; }
.relative { position: relative; }
.absolute{ position: absolute; }
.text_c {text-align:center; }
.font_b { font-weight: 600; }
.radius { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius :5px; }
.btn_bg,.btn_bg2 { display: inline-block; width: 109px; height: 34px; line-height: 34px; text-align: center; background: url(../images/environmental/sprite_icon.png) no-repeat 0 -48px; margin:45px 0 0 32px; }
.btn_bg2 { width: 130px; background-position: 0 -106px; }

/*浮动*/
.fl { float: left; }
.fr { float: right; }

/*字体*/
.fs12 { font-size: 12px; }
.fs14 { font-size: 14px; }
.fs18 { font-size: 18px; }
.fs20 { font-size: 20px; }
.fs22 { font-size: 22px; }
.fs30 { font-size: 30px; }
.fs36 { font-size: 36px; }
.fs46 { font-size: 46px; }
.fs60 { font-size: 60px; }

/*内边距*/
.pl5 { padding-left: 5px; }
.pl7 { padding-left: 7px; }
.pl25 { padding-left: 25px; }
.pl35 { padding-left: 35px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt29 { padding-top: 29px; }
.pb10 { padding-bottom: 10px; }
.pb26 { padding-bottom: 26px; }
.pb28 { padding-bottom: 28px; }
.pr10 { padding-right: 10px; }

/*外边距*/
.mt35 { margin-top: 35px; }
.ml55 { margin-left: 55px; }

/*颜色*/
.col0 { color: #00CCFF; }
.colf { color: #FFFFFF; }
.cole { color: #ED182A; }
.col3 { color: #323232; }
.col4 { color: #488726; }
.col5 { color: #505050; }
.col6 { color: #666666; }
.col9 { color: #999999; }
.col_red { color: #FF0000; }

/*行距*/
.lh23 { line-height: 23px; }
.lh25 { line-height: 35px; }
.lh34 { line-height: 34px; }
.lh45 { line-height: 45px; }

/*首页banner*/
.banner { width: 100%; height: 450px; background: url(../images/environmental/banner.jpg) no-repeat center top; clear:both}

/*导航*/
#menu { width: 100%; height: 65px; background: #51972A; z-index:2; }
#menu .subnav { width: 1230px; }
#menu .subnav { height: 65px; line-height: 65px; }
#menu .subnav li { padding-right:40px; float: left; }
#menu .subnav li a { color: #FFFFFF; font-weight: bold; }

/*title*/
.index_hd i { display: inline-block; background: url(../images/environmental/sprite_icon.png) no-repeat; }
.index_hd i.dot { width: 15px; height: 18px; background-position: right top; margin: 15px 15px 0 0; }
.index_hd i.hd_1 { width: 165px; height: 47px; }

/*牛刀小秀*/
.index_box_1 { width: 1220px; height: 307px; }
.index_box_1 li { margin-right: 24px; float: left; }

/*不环保的根源*/
.index_box_2 { height: 462px; }
.index_box_2 .index_box_2_l { width: 728px; font-family:"宋体"; line-height: 25px; }
.index_box_2 .index_box_2_r { top: 35px; right: 0; width: 385px; height: 316px; font-weight: 500; padding: 30px 20px 0 24px; background: #fff; border: 1px #E2E2E2 solid; box-shadow: 1px 3px 6px #D8D8D8; -moz-box-shadow: 1px 3px 6px #D8D8D8;-khtml-box-shadow: 1px 3px 6px #D8D8D8; -webkit-box-shadow: 1px 3px 6px #D8D8D8; }

/*九级环保*/
.index_box_3 {width: 1200px; height: 629px; }
.index_box_3 li{height: 188px; margin: 0 10px 10px 0; position: relative; float: left; overflow: hidden; }
.index_box_3 a{display: block; width: 100%; height: 163px; color: #FFFFFF; text-align: center; line-height: 33px; background: #000;filter: alpha(opacity=60); opacity:.6; padding-top: 25px; position: absolute; top: 0; left: 0; }



/*辅材品牌表*/
.index_box_4 { height: 992px; }
.index_box_4 .index_box_4_w { height: 849px; border: 2px #BDE3C8 solid; background: #F1F7F2; position: relative; top:15px; left: 0; z-index:0 }
.index_box_4 .index_box_4_c { width:99.6%; height: 847px; background: #E1F7E8; top: 104px; left: 8px; z-index:99; filter: alpha(opacity=70); opacity: .7; }
.index_box_4 .index_box_4_b { top: 124px; left: 8px; font-weight: bold; z-index:100; }

/*环保装修全过程*/
.index_box_5 { height: 582px; }
.index_box_5 ul li { font-family:"宋体"; float: left; }

/*我们的环保案例*/
.index_box_6 { height: 795px; }
.index_box_6 ul { width: 1200px; padding-top: 4px; clear:both;}
.index_box_6 ul li { width: 384px; height: 316px; margin: 18px 16px 0 0; position: relative; float: left; }
.index_box_6 .index_case .caseImg { padding: 2px 0 0 2px; }
.index_box_6 .index_case .caseTit a { color: #666666; }
.index_box_6 .index_case .caseTit a:hover { color: #F68B94; }
.index_box_6 .index_case .caseInfo { height: 40px; padding-top: 9px; border-top: 1px #F2F2F2 solid; background: #F7F7F7; }
.index_box_6 .index_case .infoBtn { width: 384px; height: 36px; font-size: 12px; text-indent: 5px; border-bottom: 1px #F2F2F2 solid; position: absolute; top:315px; left:0; z-index:9999; display: none; }
.index_box_6 .index_case .infoBtn a { display: inline-block; width: 104px; height:24px; line-height: 24px; text-align: center; color:#FFFFFF; background: url(../images/environmental/sprite_icon.png) no-repeat 0 -82px; margin-right: 5px; float:right; }

.index_box_6 .case_data .z_hide { display: inline-block; width: 65px; height: 17px; background: url(../images/sprite_icon.png) #F7F7F7 no-repeat -140px -47px; text-indent: 7px; overflow: hidden }
.index_box_6 .case_data .view { display: inline-block; background: url(../images/environmental/dot1.png) no-repeat right; padding-right: 13px; }

.index_box_6 .sdw1 ,.index_box_6 .sdw2 ,.index_box_6 .sdw3 { height: 1px; overflow: hidden; }
.index_box_6 .sdw1 { background:#D4D4D4; }
.index_box_6 .sdw2 { background:#DDDDDD; }
.index_box_6 .sdw3 { background:#E7E7E7; }

/*设计师介绍*/
.index_box_7 { height: 830px; }
.index_box_7 .index_box_focus1 { width: 100%; height: 717px; overflow: hidden; }
.index_box_7 .index_box_focus1 .w1064 { width: 1064px; }
.index_box_7 .index_box_focus1 li { height:607px; padding: 110px 0 0 560px; }
.index_box_7 .index_box_focus1 li .f_title { width: 110px; height: 40px; line-height: 40px; color: #FFFFFF; font-weight:bold; background: #FFD510; }
.index_box_7 .index_box_focus1 span { display: block; width:450px; line-height: 25px; padding: 10px 0 25px 0; }
.index_box_7 .index_box_focus1 .zixun { display:block; width: 149px; height: 33px; line-height: 33px; background: #ED182A; }
.index_box_7 .prev ,.index_box_7 .next { display: block; width: 32px; height:108px; position: absolute; top: 288px; background:url(../images/sprite_icon.png) no-repeat -143px -64px;}
.index_box_7 .next { right:0px; background-position: -175px -64px; right:0 }


/*环保*/
.index_box_8 { height: 580px; padding-top: 15px; }
.index_box_focus2 { width: 1182px; height: 387px; margin-top: 45px; }
.index_box_focus2 li { width: 1182px; float: left; }
.index_box_focus2 .img img { width: 551px; border: 10px #FFFFFF solid; }
.index_box_focus2 .focus_info { width: 560px; line-height: 27px; padding-left: 50px; }
.index_box_focus2 .focus_info h1 { width:305px; height:45px; line-height: 45px; margin-bottom: 15px; background:#488726;}

/*活动*/
.index_box_9 { height: 381px; }
.index_box_9 .hd_list { width:1220px; }
.index_box_9 .hd_list li { float: left; margin-right: 22px; text-align: center; }
.index_box_9 .hd_list li a { color: #323232; font-size: 14px; }
.index_box_9 .hd_list li a:hover { text-decoration: underline; }
.index_box_9 .hd_list li span { display:block; padding-top: 8px; }

/*底部*/
.huanfooter { height: 321px; background:url(../images/environmental/banner2.jpg) #CFD7E2 no-repeat center top }
