﻿#fadetab li {float:left;}
#fadetab li  a{
	background:url(../images/case_tab2.jpg) repeat-x;
	padding: 0px 35px;line-height:47px;
	height:47px;
	display: inline-block;
	text-decoration: none;
	color: #fff;font-size: 16px;}

#fadetab li.current a{background:url(../images/case_tab1.jpg) repeat-x;}
div#fadetab li#tab_li5 a{padding-right:39px;}
ul#fadetab {margin-bottom: 25px;}
 .sublist li{width:328px;float:left;margin-right: 32px;margin-bottom: 10px;text-align: center;}
 .sublist li a{display:inline-block;}
 .sublist li.no_margin{margin-right:0px;}
.sublist li .img{width:328px;height:223px;border:1px solid #D3D3D3;}

div#conditioning  .sublist li .img{width:285px;height:195px;}
 .sublist li img{width:328px;height:223px;}
 .sublist li h5{font-size:14px;color:#333333;text-align: center;line-height: 35px;height: 35px;overflow: hidden;}
 .sublist li a:hover h5{color:#666;text-decoration:underline;}
.sublist {position: relative;}
div#show_case  .mt{background:none;border:0px;border-bottom:1px dashed #D5D5D5;margin-bottom: 25px;padding-bottom: 15px;}
div#show_case  .mt h2{text-align:center;font-size: 24px;float: none;margin-left: 0px;}
div#show_case {padding:25px 30px;}
div#case_content .img img{}
div#case_content {color: #333;}
.border{border:1px solid #D5D5D5;}
.top {opacity:0;filter:alpha(opacity=0);
position: fixed;
top: 400px;
right: 9%;
}
.top a:hover{text-shadow:0px 0px 5px #fff;}
div#indexbanner {margin-top: -5px;height:457px;overflow: hidden;}
div#index_container{background:url(../images/bg_1.png) repeat-x 0px top;}
#index_container .m{border:none;margin:0px;}
div#system {padding-top: 37px;height: 365px;}
div#system li {float: left;}
div#system li#system_li0{width:527px;}
div#system li#system_li1{width:523px;}
div#system li .info {text-align: center;height: 42px;margin-top: -75px;}
div#system li .info a{display:inline-block;width:209px;padding:6px 0px;font-size:18px;text-align:center;}
div#system li .info a.btn_understand{background:url(../images/bg_2.png) repeat-x 0px center;color:#373737;}
div#system li .info a.btn_chat{background:url(../images/bg_3.png) repeat-x 0px center;color:#fff;}
div#system li .info a:hover{opacity:0.8;filter:alpha(opacity=80);-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;}

div#advantage li{float:left;border:1px solid #DBDBDB;width:512px;height: 280px;overflow: hidden;}
div#advantage li h2 {font-size:24px;color:#ff7b00;font-weight:bold;line-height: 35px;border-bottom: 1px solid #E2E2E2;margin-bottom: 10px;
padding-bottom: 10px;}
div#advantage li h2 i{font-size:36px;color:#ff7b00;font-family:Arial;font-weight:bold;}
div#advantage li p{font-size:14px;color:#373737;line-height: 25px;}
div#advantage li.left img{float: left;}
div#advantage li.right img{float: right;}
div#advantage li .number {margin-top: 55px;margin-left: 30px;}

div#advantage  .center_phone{width:250px;padding-top: 130px;padding-bottom: 70px;text-align: center;background:url(../images/advantage_phone.png) no-repeat center top;}
li#advantage_li0 {margin-right: 22px;margin-bottom: 22px;}
li#advantage_li2 {margin-right: 22px;}  
div#advantage{border-top: 1px solid #EDEDED;margin-top: 130px;}
div#advantage  .top_text{font-size: 14px;
color: #373737;
text-align: center;
line-height: 25px;
position: absolute;
top: -125px;
left: 375px;}
div#advantage  .top_text img{margin-left: 22px;}
#advantage .advantage{position:relative;padding-top: 20px;}
#advantage .advantage .center_phone{position:absolute;top:186px;
left: 400px;}
li#advantage_li2 img,li#advantage_li3 img{margin-top: 35px;}
li#advantage_li1 img{margin-left: -8px;}
div#conditioning{background:url(../images/conditioning_bg.jpg) no-repeat center top;height: 630px;}
#conditioning {margin-top: 30px;}
.conditioning {padding-top: 40px;}

div#conditioning  div#fadecon{position:relative;height: 475px;overflow: hidden;clear: both;}
div#conditioning  div#fadecon li{position:absolute;}
div#conditioning  div#fadecon li.conli_0 {width:285px;height:195px;left:0px;top:0px;}
div#conditioning  div#fadecon li.conli_1 {width:285px;height:195px;left:0px;bottom: -474px;}
div#conditioning  div#fadecon li.conli_2 {width:745px;height:475px;right:0px;top:0px;}
div#conditioning  div#fadecon li.conli_0 img{width:285px;height:195px;}
div#conditioning  div#fadecon li.conli_1 img{width:285px;height:195px;}
div#conditioning  div#fadecon li.conli_2 img{width:745px;height:475px;}

div#conditioning   ul#fadetab{margin-bottom:15px;}
div#conditioning .sublist li .img{border:none;}
div#conditioning  .sublist li{margin:0px;padding:0px;}
div#conditioning  a.want{width:285px;background: url(../images/case_tab1.jpg) repeat-x;
line-height: 47px;
height: 47px;text-align:center;
text-decoration: none;
color: #fff;
font-size: 16px;position: absolute;display:block !important;
top: 215px;left: -305px;}
.condition_right{width:275px;height:475px;position: absolute;z-index: 9999999;text-align: center;
top: 0px;right: 0px;}
.condition_right_bg{opacity:0.2;filter:alpha(opacity=20);background:#333;width:275px;height:475px;position: absolute;
top: 0px;right: 0px;}
.condition_right a{display:inline-block;padding:7px 23px;margin: 10px 2px;font-size:16px;}
.condition_right a.btn_understand{background:#fff;color:#373737;}
.condition_right a.btn_chat{background:#FF7B00;color:#fff;}
.condition_right img{margin-top: 25px;}
.condition_right span{line-height:25px;}
.condition_right a:hover{text-decoration:underline;}
#fadetab li.tab_li5 a{padding-right: 38px;}
div#conditioning div#fadecon li:hover img{box-shadow:3px 3px 10px #DBDBDB;border-radius:8px;-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;}

div#vs {border-top: 2px solid #ececec;}
.quality {position: relative;}
#vs .top_text{background: url(../images/vs_bg.png) no-repeat center top;text-align: center;padding: 10px 0px 45px;font-size:21px;color:#fff;margin-top: 20px;}
.container .arrow {position: absolute;
top: -20px;
z-index: 999999;
left: 480px;}
#vs .vs_title{background: url(../images/vs_title.png) no-repeat 215px top;text-align: center;font-size:24px;color:#373737;font-weight:bold;padding-top: 40px;
padding-bottom: 90px;z-index: 9999;position: relative;}
#vs .vs_title a{color:#fff;font-size: 14px;display: inline-block;padding-top:13px;font-weight: normal;}
#vs ul li{float:left;height: 387px;}
#vs ul li h2{font-size:24px;color:#373737;font-weight:bold;line-height: 55px;}
#vs ul li p{font-size:16px;color:#373737;}
#vs ul li .info {padding-left: 5px;line-height: 25px;}

#vs ul li.center h2{font-style:italic;font-size:21px;color:#FF7B00;font-weight:bold;text-align:center;}
#vs ul.vs1 {border-bottom: 1px dashed #CECECE;margin-bottom: 70px;padding-bottom: 25px;height: 385px;}
#vs ul.vs2{height: 387px;}
#vs ul li.center .info{padding:0px;}
#vs ul li.center .info h2{line-height:25px;}
#vs ul li.center img{margin-top: 45px;border:none;}
#vs ul li img{border:1px solid #ECECEC;}
#vs .vs_content{border:3px solid #ECECEC;padding: 60px 25px 20px;margin-top: -86px;}
#vs .vs{background: url(../images/vs_content_bg.png) no-repeat center bottom;padding-bottom: 31px;position: relative;}
div#vs .arrow {top: -40px;}
div#brand{background: url(../images/brand.png) no-repeat center top;padding-top: 145px;padding-bottom: 50px;
margin-top: -120px;}
#brand .top_text { 
font-size: 14px;border-bottom:1px solid #ececec;
color: #373737;
text-align: center;
line-height: 25px;}
div#brand ul{}
div#brand ul li{float:left;margin-right: 18px;} 
div#brand ul li.no_margin{margin-right:0px;}
div#brand ul li img{border:3px solid #E7E7E7;}
#brand .top_text img{margin-bottom: -9px;margin-left: 22px;}
#brand .more{text-align:center;font-size:14px;color:#373737;line-height:45px;}
#brand li:hover img {
box-shadow: 3px 3px 10px #DBDBDB;
border-radius: 8px;-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;}

div#quality li{float:left;background: url(../images/quality.png) no-repeat center top;padding:53px 33px 24px;margin-top: 75px;position:relative;}
div#quality li:hover{box-shadow: 3px 3px 10px #DBDBDB;
border-radius: 8px;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;}
div#quality li.turn:hover{box-shadow:none;}
div#quality .qua_left{float:left;border-right: 1px solid #ECECEC;height: 422px;}
div#quality {border-top: 2px solid #ececec;border-bottom: 1px solid #ececec;height: 420px;}
div#quality li.turn{background:none;padding: 130px 10px;}
div#quality .quality_content {position: relative;}
div#quality li span{position: absolute;
left: 6px;
top: 1px;
font-size: 26px;
color: #fff;
font-weight: bold;}
div#quality li a{display:block;}
.quality_content ul {margin-left: 187px;}
div#quality li .info{font-size:14px;color:#666666;line-height: 25px;}
div#quality li h2{font-size:20px;color:#2f2f35;text-align:center;font-weight: bold;line-height: 35px;}
div#quality li img{margin-left:35px;}
div#quality li.turn img{margin:0px;}

#environment .top_text {
font-size: 16px;padding: 68px 0px 50px;
background: url(../images/environment.png) no-repeat 310px top;
text-align: center;}
#environment .top_text  a{font-size: 16px;color: #fff;}
div#environment {margin-top: 20px;}

#env_move{position: relative;}
#environment  .bx_wrap {background: url(../images/env_pre_bg.png) no-repeat 0px top;padding-left: 40px;}
#environment  .bx_wrap ul img { border:3px solid #E7E7E7; }
#environment  .bx_wrap ul li{text-align:center;float: left;}
#environment  .bx_wrap ul li a:hover{}
#environment  .bx_wrap a.prev {width:25px;height:46px;outline-style:none;outline-width: 0;position:absolute; top:55px; left:0px; text-indent:-999em; background: url(../images/env_pre.png) no-repeat;}
#environment  .bx_wrap a.next {width:25px;height:46px;right:-20px;position: absolute;top:55px; text-indent:-999em; background:url(../images/env_next.png) no-repeat;}

#environment .environment_content{background: url(../images/env_next_bg.png) no-repeat right top;position: relative;padding: 0px 25px;}


div#brief{margin-top: 45px;background: url(../images/brief_bg.png) no-repeat center 290px;padding-bottom: 30px;border-bottom: 1px solid #EDEDED;margin-bottom: 20px;}
div#brief li .left{float:left;font-size:16px;color:#222222;margin-left: 15px;margin-right: 30px;}
div#brief li h3{font-size:36px;color:#ff7b00;line-height: 45px;}
div#brief li  img.float{float:left;margin-right: 20px;} 
div#brief li .info{float:left;width: 440px;line-height: 27px;}
div#brief li .img{background: url(../images/pic_bg2.png) no-repeat right top;float: left;
height: 258px;padding-top: 10px;padding-right: 10px;}
div#brief li .img img{background: url(../images/pic_bg1.png) no-repeat 0px bottom;padding-bottom: 10px;padding-left: 10px;}
div#brief li .right{float:right;font-size:16px;color:#222222;margin-left: 15px;margin-right: 30px;}
div#brief #brief_li0{height: 425px;}
#index_container .mt{background:none;height:55px;line-height:55px;border: none;}
#testimonials .mt h3{background: url(../images/testimonials.png) no-repeat 0px center;line-height: 55px;
text-indent: -999999px;width: 285px;}
#testimonials .mt span{font-size:14px;color:#636363;font-weight:bold;}
div#index_container .mt .more{font-size:12px;color:#636363;float:right;}
#testimonials .mc img{float:left;margin-right: 20px;}
#testimonials .mc h3{font-size:18px;color:#373737;font-weight: bold;line-height: 30px;
margin-top: 15px;margin-bottom: 5px;}
#testimonials .mc li{background:#F2F2F2;float:left;width: 500px;padding-right: 15px;height:295px;
overflow: hidden;}
#testimonials .mc li#brief_li1{margin-left: 20px;}
#testimonials .mc li .name{background: url(../images/testimonials_bg.png) no-repeat 245px center;padding: 8px 0px;margin-bottom:5px;font-size:14px;color:#fff;text-indent: 6px;}
#testimonials .mc li  .info{font-size:14px;color:#373737;line-height:25px;}

div#testimonials {border-bottom: 1px solid #ECECEC;padding-bottom: 40px;}
#news .mt h3{background: url(../images/news.png) no-repeat 0px center;line-height: 55px;
text-indent: -999999px;width: 285px;}
div#news {width: 485px;padding-right:40px;float: left;}
div#news li{font-size: 13px;color: #666;line-height: 30px;clear: both;position: relative;}
div#news li .date{display: inline-block;font-size: 13px;color: #666;position: absolute;
top: 0px;right: 0px;}
div#news li em{}
div#news li  .before {line-height:23px;overflow: hidden;display:none;}
div#news li  .before img{float:left;margin-right: 15px;}
div#news li  .before h3{font-size:14px;color:#373737;overflow: hidden;
text-overflow: ellipsis;white-space: nowrap;}
div#news li  .before p{font-size:13px;color:#666666;height: 70px;overflow: hidden;}
div#news li  .before span{font-size:13px;color:#ff7b00;}
div#news li  .behind{overflow:hidden;}
#expert{float: left;width: 525px;}
#expert .mt h3{background: url(../images/expert.png) no-repeat 0px center;line-height: 55px;
text-indent: -999999px;width: 285px;}
#expert .bx-wrapper .bx-pager {
font-size: .85em;
font-family: Arial;
font-weight: bold;
width:75px;
color: #666;
text-align: center;
}

#expert  .bx-wrapper .bx-pager.bx-default-pager a:hover, #expert .bx-wrapper .bx-pager.bx-default-pager a.active{background:#EF4C1C;
width: 10px ;
height: 10px ;}

#expert .bx-wrapper .bx-pager.bx-default-pager a {
background: #fff;
display: block;
width: 10px;
height: 10px;
margin: 5px;
text-indent: -9999999px;
outline: 0;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
#expert  .bx-wrapper {width: 247px;float: left;}
#expert  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
position: absolute;top: 300px;left: 95px;}
#expert .right {width: 220px;float:left;font-size: 14px;margin-left: 20px;
color: #373737;line-height: 24px;}
#expert .phone {text-align: center;font-size: 26px;color: #FF7B00;margin:45px 0px 15px;}
#expert  a.btn_understand {background: #fff;color: #373737;border: 1px solid #C2C2C2;}
#expert a.btn_chat {padding: 7px 22px !important;
background: url(../images/case_tab1.jpg) repeat-x;
color: #fff;}
#expert .right a {
display: inline-block;
padding:6px 20px;
font-size: 16px;}
#expert .right a.more{padding:0px;color:#ff7b00;font-size: 14px;}
.honor_move{position:relative;}

div#honor {border-top: 1px solid #ECECEC;margin-top: 40px;padding-top: 25px;margin-bottom: 15px;}
#honor .mt h3{background: url(../images/honor.png) no-repeat 0px center;line-height: 55px;
text-indent: -999999px;width: 285px;}
#honor  .bx_wrap {background: url(../images/env_pre_bg.png) no-repeat 0px top;padding-left: 40px;}
#honor  .bx_wrap ul li{text-align:center;float: left;}
#honor  .bx_wrap ul li a:hover{}
#honor  .bx_wrap a.prev {width:25px;height:46px;outline-style:none;outline-width: 0;position:absolute; top:55px; left:0px; text-indent:-999em; background: url(../images/env_pre.png) no-repeat;}
#honor  .bx_wrap a.next {width:25px;height:46px;right:-20px;position: absolute;top:55px; text-indent:-999em; background:url(../images/env_next.png) no-repeat;}

#honor .mc{background: url(../images/env_next_bg.png) no-repeat right top;position: relative;padding: 0px 25px;}
#honor .mc li{float:left;background: url(../images/honor_bg.png) no-repeat center bottom;padding: 15px 17px 49px;text-align: center;}

 









#indexbanner .bx-wrapper .bx-pager.bx-default-pager a:hover,
#indexbanner .bx-wrapper .bx-pager.bx-default-pager a.active { 
background: url(../images/controls.png) no-repeat -4px -3px;  padding: 5px;}


#pro_system {
width: 960px;
height: 770px;
position: relative;
margin: 0 auto;
padding-bottom: 30px;
background: url(../images/center_bg.jpg) no-repeat;
}
.pro_title{background: url(../images/pic_tit.jpg) no-repeat center top;height:73px;line-height:73px;margin: 20px 0px;
text-align: center;
text-indent: -9999999px;}
.vold_0 {
width: 395px;
position: absolute;
left: 60px;
top: 15px;
}
.vold_1 {
width: 395px;
position: absolute;
left: 60px;
top: 162px;
}
.vold_2 {
width: 395px;
position: absolute;
left: 573px;
top: 337px;
}
.vold_3 {
width: 395px;
position: absolute;
left: 573px;
top: 479px;
}
.vold_4 {
width: 395px;
position: absolute;
left: 60px;
top: 638px;
}
.vold_tit {
width: 395px;
height: 45px;
border-bottom: 1px dotted #C4C4C4;
}
.vold_tit h1 {
font: 18px/25px "微软雅黑";
color: #004c9d;
font-weight: bold;
}
.vold_tit h2 {
font: 10px/15px "微软雅黑";
color: #ababab;
}
.vold_cnter {
width: 395px;
}
.vold_cnter p {
font: 14px/25px "微软雅黑";
font-weight: bold;
margin-left: 10px;
}
}



.footer .top{width:50px;position: fixed;top: 55%;right: 8%;opacity: 0;filter: alpha(opacity=0);}
.footer .top a{background: url(../images/right_top.png) no-repeat center 10px #FF7B00;font-size:14px;color:#fff;padding: 40px 18px 25px;
display: inline-block;}
.footer .top a:hover{text-shadow:0px 0px 5px #fff;}

div#envir li {margin: 15px 10px 0px 40px;float: left;}
#envir li img{border-radius: 8px;} 
#envir li:hover img {cursor:pointer;
box-shadow: 3px 3px 10px #DBDBDB;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
