﻿
/***框架布局***/
.titleAx{margin:10px 0;}
.titleAx img{ display: block; margin: auto;}

.titleBx{position: relative;color:#009b45;font-size:35px;text-align: center;width: 580px;margin: auto;}
.titleBx:before{content: "";display: block;position: absolute;left: 0;top: 25px;width: 200px;height:1px;background: #009944;}
.titleBx:after{content: "";display: block;position: absolute;width: 200px;height:1px;right: 0;background: #009944;top: 25px;}

.advert{ position:relative;width:100%;height:220px; overflow: hidden;}
.advert img{ position:absolute;left:50%; display:block;width:1920px; margin-left:-960px;}

.bg1{ background: #f5f5f5;}


@media (min-width:760px){
#body0 .header .paintLeft{z-index:-1;left:-150px}
#body0 .header .paintRight{ z-index:-1;right:-150px}
}

@media (min-width:1000px){
#body0 .header .paintLeft{z-index:-1;left:-120px}
#body0 .header .paintRight{ z-index:-1;right:-120px}
}

@media (min-width:1440px){
#body0 .header .paintLeft{z-index:-1;left:0}
#body0 .header .paintRight{ z-index:-1;right:0}
}

@media (min-width:1920px){
#body0 .header .paintLeft{z-index:1;left:0}
#body0 .header .paintRight{ z-index:1;right:0}
}

.homeAdvantage .container{ background:#fff}
.homeAbout .container{ background:#fff}


/*==顶部==*/
.header{ position: relative;}
.header .top{ padding: 10px 0 5px 0; border-bottom: 1px #a7d2f0 solid; line-height: 25px; background:  url(../images/top-bg.png) repeat-x top center;}
.header .top p{color:#535353;font-size:12px;}
.header .top .right{ position:relative; z-index:99;width:450px;}
.header .top .right a{margin: 0 0px 0 15px;color:#535353;font-size:12px;background: url(../images/icoA.png) 0 0px no-repeat;padding-left: 21px;}
.header .top .right a.en{ border:1px #ddd solid; padding:3px 10px; border-radius:10px; background:none;}
.header .top .right a.en:hover{ border:1px #009944 solid;color:#fff; background:#009944 }
.header .top .right a.weibo{  background-position:0 0;}
.header .top .right a.weixin{position: relative;background-position: 0 -18px;}
.header .top .right a.lianxi{background-position: 0 -38px;}
.header .top .right a.ditu{background-position: 0 -56px;}
.header .top .right a.weixin .img{ display: none; position:absolute;width:120px;top:30px;left:-20px;z-index:9999;border: 1px #ddd solid; }
.header .top .right a.weixin:hover img{ display: block;}
.header .top .right a:hover{color:#009944}
.header .long{padding:20px 0; overflow: hidden;}
.header .long .logo{}
.header .long .tel{margin-top:20px;padding-left:50px;color:#009a44; font-size:30px;background: url(../images/icoA.png) 0 -73px no-repeat;}
.header .long .tel span{ display:block;font-size:14px;color:#808080;}
.header .long .shop{margin:30px 20px 0 0}
.header .long .shop a{display:inline-block;margin:0 10px;}
.header .nav{ background: #009944; border-bottom: 1px #006b2f solid;}
.header .nav ul{  width:100%;}
.header .nav li{display:inline-block;border-right: 1px #00be54 solid;}
.header .nav ul li:nth-child(7),.header .nav ul li:nth-child(8){ position: relative; z-index:99}
.header .nav li a{ display: block;width:148px;color:#fff;padding:20px 0;font-size:16px; text-align: center;} 
.header .nav li a:hover,.header .nav li.active a{ background: #ffd800;color:#5c4e00}
.header .nav li:last-child{ border: noen;}
.header .paintLeft{position:absolute;left:0;bottom: 27px;width: 424px;height: 176px;background:  url(../images/paint01.png) no-repeat;z-index: 1;}
.header .paintRight{position:absolute;right:0;top: 0;width: 613px;height: 276px;background:  url(../images/paint02.png) no-repeat;z-index: 1;}


/*==搜索==*/
.homeKey{ padding:10px 0;border-bottom: 1px #ddd solid;}
.homeKey .keyword{width:870px;  line-height: 35px;}
.homeKey .keyword h3{display: inline-block;color:#009944;font-size:12px;font-weight:bold;}
.homeKey .keyword a{ display:inline-block; margin:0 10px 0 0; color:#686868;font-size:12px}
.homeKey .keyword a:hover{color:#009944}
.homeKey .search{width:300px;}
.homeKey .search form{ position: relative;width:100%; border: 1px #ddd solid;} 
.homeKey .search form input{width:100%;padding: 5px 5px 5px 25px;background: url(../images/icoA.png) 0 -130px no-repeat;border: none;height: 35px;margin-left: 5px;}
.homeKey .search form button{position: absolute;right:0;top:0;padding:10px;color:#fff;font-size:12px;background: #009b45;border: none;height: 35px;padding: 0 15px;cursor: pointer;}

/*==首页==*/
.homeProduct{margin:50px 0 0 0;}
.homeProduct .left{width:240px;}
.homeProduct .right{width:920px;}
.homeProduct .right .tone{height:45px;padding:0 0 10px 0; border-bottom: 2px #ddd solid;}
.homeProduct .right .tone b{color:#fff;font-size:14px; padding:10px 20px;background: #b2b2b2;cursor: pointer;}
.homeProduct .right .tone b:hover,.homeProduct .right .tone b.hit{ background: #009944;}
.homeProduct .right .tone a{ float:right;color:#009944; font-size:14px;}
.homeProduct .right .down{ margin:10px 0 0 0}
.homeProduct .right .down .pane{ display: none;} 
.product-list ul{}
.product-list ul li{ position:relative;float:left;width:286px;padding:5px;margin:10px; border-bottom:3px #cbcbcb solid;  background: #f2f2f2;-webkit-transition: color .4s ease-in-out;
	transition: color .4s ease-in-out;}
.product-list ul li:before {content: "";display: block;position: absolute;bottom: -3px;left:0;width: 0;height:3px;background:#009944;-webkit-transition: width .4s ease-in-out;transition: width .4s ease-in-out;}
.product-list ul li:hover:before {width:100%;}
.product-list ul li:hover{}
.product-list ul li .frame h4{ display:block;color:#000;margin-bottom:5px;padding:7px 0;font-size:14px; border-bottom:1px #ccc dashed;}
.product-list ul li .frame a:hover{color:#009944}
.product-list ul li:hover .frame h4 a{color:#009944}
/*.product-list ul li .frame h4 a:hover{color:#009944}*/
.product-list ul li .frame{padding:0 10px;}
.product-list ul li .frame span{ display:block;padding:5px 0 5px 20px;color:#353535; font-size:12px;background: url(../images/icoA.png) 0 -130px no-repeat;}
.product-list ul li .frame span a{color:#353535; font-size:12px;}
.product-list ul li .frame span.details{float:left;background-position:0 -199px ;}
.product-list ul li .frame span.online{float:right;background-position:0 -178px ;}

.homeProblem{margin:50px 0 0 0;padding:50px 0 70px 0;background:#dff1ff;}
.homeProblem #tab{margin:30px 0 0 0;width:100%;}
.homeProblem #tab .tab_menu{float:left;width:200px;z-index:1;}
.homeProblem #tab .tab_menu li{float:left;width:100%;height:80px;color:#727272; font-size:20px; border-bottom:1px #dff1ff solid;line-height:80px;cursor:pointer;text-align:center; background: #ffffff;}
.homeProblem #tab .tab_box{float:right;width:970px;height:320px;background: #fff;}
.homeProblem #tab .tab_menu .selected{background:#009944;color:#fff;cursor:pointer;}
.homeProblem #tab .tab_box .box .left{float:left;width: 400px;}
.homeProblem #tab .tab_box{padding: 30px 30px;} 
.homeProblem #tab .tab_box h2{font-size:25px;color:#000;}
.homeProblem #tab .tab_box h2 font{color:#009944; font-weight:bold;}
.homeProblem #tab .tab_box p{margin: 5px 0 0 0;padding: 35px 20px 35px 25px;color:#858585;font-sizE:14px;/*background: url(../images/line01.png) no-repeat bottom center;*/height: 130px;}
.homeProblem #tab .tab_box img{float:right;width: 440px;}
.homeProblem .hide{display:none;}


.homeService{ position:relative;margin:50px 0}
.homeService .paintBg{ position: absolute; bottom:0px;left:0;width:100%; height:688px;background: url(../images/paint03.png) no-repeat center;}
.homeService ul{width:1210px; margin:40px 0 0 -10px}
.homeService ul li{ position: relative; float:left; width:392px;height:255px;margin:10px 0px 0 10px;}
.homeService ul li:nth-child(4),.homeService ul li:nth-child(5){width:595px;}
.homeService ul li .frame{ opacity: 0; position: absolute; top:20px; left:20px;right:20px;bottom:20px;padding:20px; transform:rotateX(80deg);background:rgba(44,164,94,0.8);-webkit-transition: .4s ease-in-out;
	transition:.4s ease-in-out;}
.homeService ul li .frame h3{color:#Fff; font-size:25px;}
.homeService ul li .frame p{margin:15px 0 0 0; color:#fff; font-size:14px;}
.homeService ul li:hover .frame{ opacity: 1;transform:rotateX(0deg);}

.homeField{ padding:30px 0 50px 0; background: #2ca45e;}
.homeField ul{margin:30px 0 0 0}
.homeField ul li.box1{position:relative; width: 510px; overflow: hidden;}
.homeField ul li.box1 .frame{ opacity:0; position:absolute; bottom:-100%;left:0;width:100%;padding:20px; background: rgba(0,0,0,0.5);-webkit-transition: .6s ease-in-out;
	transition:.6s ease-in-out;}
.homeField ul li.box1 img{width:100%;/* height:400px; */}
.homeField ul li.box1:hover .frame{ opacity: 1;bottom:0;}
.homeField ul li.box2{width: 670px;margin: 0 0 20px 0;}
.homeField ul li .img{float:left;width: 157px;/* height: 152px; */}
.homeField ul li.box2 .frame{float:right;width: 490px;}
.homeField ul li.box2 .frame h4,.homeField ul li.box1 .frame h4{color:#fff; font-size:16px;}
.homeField ul li.box2 .frame p,.homeField ul li.box1 .frame p{margin: 16px 0 20px 0;color:#fff;font-size:14px;}
.homeField ul li.box2 img{width:100%;/* height: 157px; */}
.homeField ul li a.button{ display:inline-block;margin:0 10px 0 0; color:#fff; font-size:12px; padding:7px 20px; background: #07602c;-webkit-transition: .4s ease-in-out;
	transition:.4s ease-in-out;}
.homeField ul li a.button:hover{color:#009944; background:#fff}

.homeAdvantage{ position:relative;margin:70px 0 30px 0; }
.homeAdvantage .paintLeft{position: absolute;left:0;top: 250px;z-index:-1;width: 550px;height: 773px;background: url(../images/paint04.png) no-repeat;}
.homeAdvantage .paintRight{ position: absolute; right:0;top:380px;z-index:-1;width:510px;height:797px; background: url(../images/paint05.png) no-repeat}
.homeAdvantage .clear{display: block;height: 60px;}
.homeAdvantage .box{width: 550px;}
.homeAdvantage .box .bin{position: relative;margin: 0 0 50px 0;padding: 0 0 0 50px;}
.homeAdvantage .box .bin h1{color:#000;font-size:25px;margin: 0 0 15px 0;}
.homeAdvantage .box .bin h1 font{ color:#009944;}
.homeAdvantage .box .bin u{position: absolute;left:-70px;top:-15px; vertical-align:top;color: #009944;font-size:85px;text-decoration:none;vertical-align: top;}
.homeAdvantage .box .bin p{ position:relative;padding-left:20px;margin: 7px 0;color:#414141;font-size:14px;}
.homeAdvantage .box .bin p:before{content: "";display: block;position: absolute;left:0;top: 9px;width: 9px;border: 1px #999 solid;height: 8px;border-radius: 50px;background: #fff;z-index: 1;}
.homeAdvantage .box .bin p:after{content: "";display: block;position: absolute;left: 5px;top:10px;width: 1px;height: 50px;background: #aaa;}
.homeAdvantage .box .bin p:last-child:after{ background: #fff;}
.homeAdvantage .img{width: 560px;}
.homeAdvantage .img img{max-width:100%;}

.homeFlow{  padding:50px 0; background:#00abd0 ;}
.homeFlow .long{ margin:50px 0 20px 0; text-align: center;}
.homeFlow .long img{ display: block; margin: auto;}


.homeCooperation{margin:50px 0 20px 0}
.homeCooperation .picScroll-left{width:1100px;position:relative;margin:auto;}
.homeCooperation .picScroll-left .hd{ }
.homeCooperation .picScroll-left .hd .prev,.homeCooperation .picScroll-left .hd .next{position:absolute;top: 30px;left:-50px;display:block;width: 18px;height: 36px;overflow:hidden;cursor:pointer;background:url("../images/arrow01.png") 0 0 no-repeat;}
.homeCooperation .picScroll-left .hd .next{left:initial;right:-50px;background-position: -23px 0px;}
.homeCooperation .picScroll-left .hd .prev:hover{background-position: 0px -36px;}
.homeCooperation .picScroll-left .hd .next:hover{background-position: -23px -36px;}
.homeCooperation .picScroll-left .bd{margin:20px 0 0 0;overflow: hidden;}
.homeCooperation .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.homeCooperation .picScroll-left .bd ul li{width:220px;/* margin:0 10px; */float:left;_display:inline;overflow:hidden;text-align:center;}
.homeCooperation .picScroll-left .bd ul li img{width:100%;height:93px;}
.homeCooperation .picScroll-left .bd ul li:hover img{opacity:1;-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); }
.homeCooperation .picScroll-left .bd ul li img{opacity:0.6;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}


.homeAbout{ position:relative;margin:20px 0}
.homeAbout .top{margin:50px 0 0 0}
.homeAbout .top embed{float:left;width:500px;height: 330px;}
.homeAbout .top .right{width: 590px;margin-top:-20px}
.homeAbout .top .right h2{color:#000;font-size:30px;font-weight:bold; 
 -webkit-box-reflect: below 1px -webkit-gradient(linear, 0 0, 0 110%, from(transparent), color-stop(.5, transparent), to(rgba(3,3,3,.2)));
    background: -webkit-linear-gradient(top, rgba(174,188,191,1) 0%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 100%,rgba(0,0,0,1) 100%);
    -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.homeAbout .top .right .wx{margin:40px 0 20px 0;color:#494949;font-size:13px;line-height: 22px;}
.homeAbout .top .right a{display: inline-block;margin:0 10px 0 0;padding:10px 20px;border-bottom: 3px #232323 solid;background: #4b4b4b;-webkit-transition: .4s ease-in-out;transition:.4s ease-in-out;border-radius: 5px;}
.homeAbout .top .right a img{ display: block;margin: auto;}
.homeAbout .top .right a h4{margin:5px 0 0 0;color:#fff; font-size:12px;}
.homeAbout .top .right a:hover{ background: #00b04e;border-bottom: 3px #006e31 solid;}


.homeAbout .bottom{margin:10px 0 0 0}
.homeAbout .bottom .tone{ border-bottom:1px #ddd solid;}
.homeAbout .bottom .tone b{display: inline-block; line-height:50px;margin:0 20px 0 0; color:#575757; font-size:16px;border-bottom: solid 3px #fff ;cursor: pointer;}
.homeAbout .bottom .tone b:hover,.homeAbout .bottom .tone b.hit{ color:#009944; border-bottom: solid 3px #009944 ;}
.homeAbout .bottom .down{width:1225px;margin:20px 0 0 -25px;}
.homeAbout .bottom .down a{ display:inline-block; width:280px;margin:0 0 0 25px}
.homeAbout .bottom .down a h4{ display:table; padding-left:20px;margin:10px auto;font-size:14px;color:#9b9b9b;background:url("../images/icoA.png") 0 -162px no-repeat;}
.homeAbout .bottom .down a:hover h4{color:#009944}
.homeAbout .paintLeft{position: absolute;left:0;top: 90px;z-index:-1;width: 337px;height: 530px;background: url(../images/paint06.png) no-repeat;}
.homeAbout .paintRight{position: absolute;right:0;top: -160px;z-index:-1;width: 362px;height: 646px;background: url(../images/paint07.png) no-repeat;}


.homeArticle{padding:50px 0; background: #f3f3f3;}
.homeArticle .left{width: 820px;}
.homeArticle .left .tone{border-bottom: 2px #00b04e solid;/* float: left; */height: 37px;}
.homeArticle .left .tone b{font-size:14px;color:#fff;background:#a1a1a1;padding: 7px 30px;cursor: pointer;/* float: left; */}
.homeArticle .left .tone b:hover,.homeArticle .left .tone b.hit{background: #00b04e;}
.homeArticle .left .tone a.more{ float:right;color:#707070;line-height:30px; font-size:12px;}
.homeArticle .left .tone a.more:hover{color:#009944}
.homeArticle .left .down{ margin:20px 0 0 0}
.homeArticle .left .down .pane{}
.homeArticle .left .down .pane .one{ float: left;width: 100%;margin:0 0 20px 0;}
.homeArticle .left .down .pane .one .img{float:left;width: 277px;border: 1px #aaa solid;/**/padding: 5px;box-shadow:0px 5px 5px #999;}
.homeArticle .left .down .pane .one .frame{width: 520px;}
.homeArticle .left .down .pane .one .frame span{ color:#d4d4d4; font-size:25px;font-style: italic}
.homeArticle .left .down .pane .one .frame h4{line-height: 35px;margin: 0px 0 10px 0;color:#000000;border-bottom: 1px #ddd dashed;font-size:14px;}
.homeArticle .left .down .pane .one .frame p{color:#757575; font-size:12px;line-height: 23px;}
.homeArticle .left .down .pane .one .frame b{padding:5px 10px;margin:13px 0 0 0;color:#fff;font-size:12px;background: #00b04e;display: inline-block;}
.homeArticle .left .down .pane .two{float:left;padding-left:20px;border-bottom: 1px #ddd dashed;line-height: 37px;margin-right: 80px;width: 370px;background: url("../images/icoA.png") 0 -324px no-repeat;}
.homeArticle .left .down .pane .two:nth-child(even) {}
.homeArticle .left .down .pane .two:nth-child(odd) {margin-right:0px;}
.homeArticle .left .down .pane .two a{color:#000; font-size:14px; }
.homeArticle .left .down .pane .two a:hover{color:#009944}
.homeArticle .left .down .pane .two span{font-size:10px;color:#656565;float: right;}
.homeArticle .left .down .pane .one a:hover h4,.homeArticle .left .down .pane .two{color:#009944}
.homeArticle .left .down .pane .one a:hover b{ background: #009944;}
.homeArticle .right{width:340px}
.homeArticle .right .tone{border-bottom: 2px #00b04e solid;/* float: left; */height: 37px;}
.homeArticle .right .tone b{font-size:14px;color:#fff;background:#00b04e;padding: 7px 30px;cursor: pointer;/* float: left; */}

.homeArticle .right a.more{ float:right;color:#707070;line-height:30px; font-size:12px;}
.homeArticle .right a.more:hover{color:#009944}

.homeArticle .right .box{margin:20px 0}
.homeArticle .right .box li{ margin:0 0 12px 0; padding:0 0 12px 0; border-bottom:1px #ddd dashed;}
.homeArticle .right .box li h4{margin:5px 0;padding-left:30px;color:#222121; font-size:14px; background:url("../images/icoB.png") 0 0px no-repeat;}
.homeArticle .right .box li p{line-height:22px;padding-left:30px;color:#717171; font-size:12px;background:url("../images/icoB.png") 0 -20px no-repeat;}
.homeArticle .right .box li a:hover h4{color:#009944}
.homeArticle .right .box li:last-child{ border: none;}


/*==field-list==*/
.field-list{}
.field-list li{float:left;width: 570px;margin: 0 10px 20px 10px;border: 2px #eee solid;padding: 20px;}
.field-list li .img{float:left;width: 200px;height: 120px;}
.field-list li .frame{float:right;width: 310px;}
.field-list li .frame h4 a{color:#666; font-size:15px; font-weight: bold;}
.field-list li .frame p{margin:12px 0 12px 0;color:#999; font-size:14px;}
.field-list a.button{ display:inline-block;margin:0 10px 0 0; color:#fff; font-size:12px; padding:7px 20px; background: #aaa;-webkit-transition: .4s ease-in-out;
	transition:.4s ease-in-out;}
.field-list li a.button:hover{color:#fff; background:#00b04e}
.field-list li h4 a:hover,.field-list li:hover h4 a{color:#009944}
.field-list li:hover{ border:2px #009944 solid;}


/*==关于我们==*/
.about{}
.about .one .left{width: 685px;}
.about .one .left h1{color:#009b45; font-size: 35px;}
.about .one .left h1 b{margin-left:20px;color:#eeeeee; font-size:80px;}
.about .one .left .wx{margin:20px 0 0 0; color:#363636; font-size:14px; line-height: 25px;}
.about .one .right{width: 455px;}

.about .two{margin:70px 0 20px 0;padding:40px 0; background: #f3f3f3;}
.about .two .long{margin:50px 0 10px 0; text-align: center;}

.about .three {margin:30px 0;}
.about .three .picScroll-left{width:100%;position:relative;margin:50px auto 0;}
.about .three .picScroll-left .hd{ }
.about .three .picScroll-left .hd .prev,.about .three .picScroll-left .hd .next{position:absolute;top: 110px;left:-50px;display:block;width: 30px;height: 55px;overflow:hidden;cursor:pointer;background:url("../images/arrow04.png") 0 0 no-repeat;}
.about .three .picScroll-left .hd .next{left:initial;right:-50px;background-position: -31px 0px;}
.about .three .picScroll-left .hd .prev:hover{background-position: 0px -62px;}
.about .three .picScroll-left .hd .next:hover{background-position: -31px -62px;}
.about .three .picScroll-left .bd{margin:20px 0 0 0;overflow: hidden;}
.about .three .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.about .three .picScroll-left .bd ul li{width:380px; margin:0 10px; /**/float:left;_display:inline;overflow:hidden;text-align:center; }
.about .three .picScroll-left .bd ul li h4{padding:10px 0; text-align:center;color:#ababab; font-size:18px;}
.about .three .picScroll-left .bd ul .boder{ border: 1px #ddd solid;padding:5px;}
.about .three .picScroll-left .bd ul li .effect-one{}
.about .three .picScroll-left .bd ul li img{width:100%;}
.about .three .picScroll-left .bd ul li a:hover h4{color:#009b45}
.about .three .picScroll-left .bd ul li a:hover .boder{ border:1px #009B45 solid;}

.about .four{margin:20px 0;padding: 60px 0 35px 0;background: #f4f4f4;}
.about .four ul{margin:40px 0 0 0;float: left;overflow: hidden;padding-bottom: 60px;}
.about .four ul li{float:left;width:380px;margin:0 10px;vertical-align: bottom;height: 508px;position: relative;}
.about .four ul li a{display: block;height: 100%;vertical-align: bottom;}
.about .four ul li img{/* max-height:290px; */display: block;margin:auto;vertical-align: bottom;-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(75%, transparent) , to(rgba(250, 250, 250, 0.1)));max-width: 100%;position: absolute;bottom: 0;}



.about .five{margin: 0px 0 -30px 0;background: #f4f4f4;padding: 50px 0;}
.about .five .picScroll-left{width:1100px;position:relative;margin: 40px auto 0;}
.about .five .picScroll-left .hd{ }
.about .five .picScroll-left .hd .prev,.about .five .picScroll-left .hd .next{position:absolute;top: 30px;left:-50px;display:block;width: 18px;height: 36px;overflow:hidden;cursor:pointer;background:url("../images/arrow01.png") 0 0 no-repeat;}
.about .five .picScroll-left .hd .next{left:initial;right:-50px;background-position: -23px 0px;}
.about .five .picScroll-left .hd .prev:hover{background-position: 0px -36px;}
.about .five .picScroll-left .hd .next:hover{background-position: -23px -36px;}
.about .five .picScroll-left .bd{margin:20px 0 0 0;overflow: hidden;}
.about .five .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.about .five .picScroll-left .bd ul li{width:220px;/* margin:0 10px; */float:left;_display:inline;overflow:hidden;text-align:center;}
.about .five .picScroll-left .bd ul li img{width:100%;height:93px;}
.about .five .picScroll-left .bd ul li:hover img{opacity:1;-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); }
.about .five .picScroll-left .bd ul li img{opacity:0.6;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}


/*==底部==*/
.footer{ padding:40px 0 30px 0; background:#3e3e3e;}
.footer ul{float:left;width: 655px;}
.footer ul li{float:left;margin: 0 60px 0 0;}
.footer ul li:nth-child(3),.footer ul li:nth-child(4),.footer ul li:nth-child(5){ display: none;} 
.footer ul li h3{color: #fff; font-size:14px; margin:0 0 15px 0}
.footer ul li a{ margin:5px 0;display: block; color:#9c9c9c; font-size:12px;}
.footer ul li a:hover{color:#fff}
.footer .middle{float:left;width: 268px;margin: 0 60px;line-height:23px;color: #fff;font-size:12px;}
.footer .middle b{font-size:25px;color:#fff;}
.footer .middle a{color:#fff; font-size:12px;}
.footer .middle a:hover{color:#666;}
.footer .right{width: 120px;}
.footer .right img{display: block;}
.footer .right h4{margin-top: 10px;padding-left: 30px;color:#fff;font-size:12px;background: url(../images/icoA.png) 0 -229px no-repeat;} 
.footer .link{ margin:20px 0 0 0} 
.footer .link h3{ line-height:40px; margin:0 0 10px 0;color:#ffffff; font-size:14px; border-bottom: 1px dashed #999;}
.footer .link a{ display: inline-block;color:#fff;font-size:12px; margin:0 10px 0 0;}
.footer .link a:hover{color:#666}

.footer .container{ position:relative;}
.backtop{  position:absolute; right:-80px;top:200px; display:block; width:35px;height:40px; background:  url(../images/backtop.jpg) }

