.header{position: fixed;}

.main{width: 1360px;position: relative;margin: 0 auto;position: relative;bottom: -53px}

@media screen and (max-width: 1400px) and (min-width: 1024px){
	.main{width: 13.6rem;bottom: -.53rem}
}


.banner { position:relative;  text-align:center; overflow:hidden; }
.banner .bd { position:relative;width: 100%;height: 100%; }
.banner .bd ul li a {display: block; background-size:cover !important; height:100%;background-repeat: no-repeat;background-position: center;}
.banner .hd { position:absolute; bottom:100px;z-index:9; text-align:center;right: 50%;margin-right: -600px}
.banner .hd ul {line-height: 4px;  }
.banner .hd ul li { display:inline-block; *display:inline; text-indent: 999px;zoom:1;overflow:hidden; cursor:pointer;background: #fff; width: 27px;height: 8px;margin:0 2px;transition: all .5s ease;}
.banner .hd ul .on { background: #00923f ;width:54px;padding: 0}
.banner .bd img{vertical-align: bottom}

.animateA{transition: all 1.2s ease;position: relative;opacity: 0}
.active .animateA{opacity: 1}

.section2{}
.section2 .main{}
.section2 .topArea{float: left;}
.section2 .topArea .h{font-size: 24px;color: #000; text-transform: uppercase;}
.section2 .topArea .p{font-size: 13px;color: rgba(0,0,0,.6);font-family: arial;text-transform: uppercase;}
.section2 .s2-t{}
.section2 .s2-t .hd{float: right;margin-top: 30px}
.section2 .s2-t .hd ul li{float: left;margin: 0 12px}
.section2 .s2-t .hd ul li a{display: block;padding: 2px 10px;font-size: 15px;text-transform: uppercase;}
.section2 .s2-t .hd ul li.on a{background: #22ac38;color: #fff}
.section2 .s2-b{margin-top: 30px;}
.section2 .bd{}
.section2 .bd .ss{overflow: hidden;}
.section2 .bd ul{}
.section2 .bd ul li{float: left;width: 260px;margin-bottom: 20px;margin-right: 104px;}
.section2 .bd ul li:nth-child(4n){margin-right: 0}
.section2 .bd ul li .pic{width: 260px;height: 300px;border: 1px solid #e0e0e0;overflow: hidden;position: relative;box-shadow: 3px 3px 7px rgba(0,0,0,.2)}
.section2 .bd ul li .pic img{width: 100%;height: auto;position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0}
.section2 .bd ul li .mask{position: absolute;z-index: 2;left: 0;top: 0;width: 100%;height: 100%;background: rgba(41,175,62,.85);text-align: center;transition: all .5s ease;transform: translateY(100%);}
.section2 .bd ul li .mask .in{position: absolute;top: 50%;width: 100%;transform: translateY(-50%);box-sizing: border-box;padding:0 4%;}
.section2 .bd ul li .mask .h{font-size: 20px;color: #ffffff;padding-bottom: 10px;position: relative;}
.section2 .bd ul li .mask .h:after{content: '';position: absolute;left: 50%;width: 46px;height: 3px;margin-left: -23px;background: #fff;bottom: 0}
.section2 .bd ul li .mask .p{font-size: 14px;color: #ffffff;margin-top: 26px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;-webkit-box-orient: vertical;}
.section2 .bd ul li .txt{height: 40px;line-height: 40px;padding-bottom: 2px;position: relative;}
.section2 .bd ul li .txt:before{content: '';width: 21px;height: 20px;background: url(../images/ico_02.png) no-repeat;position: absolute;right: 6px;top: 6px;opacity: 0;transition: all .5s ease;}
.section2 .bd ul li .txt:after{content: '';height: 2px;background: #29af3e;width: 0;position: absolute;left: 0;bottom: 0;transition: all .5s ease;}
.section2 .bd ul li .txt a{font-size: 16px;color: #1b1b1b;display: block;}
.section2 .bd ul li:hover .mask{transform: translateY(0);}
.section2 .bd ul li:hover .txt:after{width: 100%}
.section2 .bd ul li:hover .txt:before{opacity: 1}
.section2 .bd .prev{width: 29px;height: 16px;background: url(../images/prev.png) no-repeat;cursor: pointer;float: left;}
.section2 .bd .next{width: 29px;height: 16px;background: url(../images/next.png) no-repeat;cursor: pointer;float: right;}

@media screen and (max-width: 1700px) and (min-width: 1601px){
	.section2 .s2-b{margin-top: 20px;}
	.section2 .bd ul li{margin-bottom: 15px;}
}
@media screen and (max-width: 1600px) and (min-width: 1401px){
	.section2 .s2-b{margin-top: 15px}
	.section2 .bd ul li{margin-bottom: 10px;}
	.section2 .bd ul li .pic{height: 230px}
}
@media screen and (max-width: 1400px) and (min-width: 1024px){
	.section2 .topArea .h{font-size: .24rem}
	.section2 .topArea .p{font-size: .13rem}
	.section2 .s2-t .hd{margin-top: .3rem}
	.section2 .s2-t .hd ul li{margin: 0 .12rem}
	.section2 .s2-b{margin-top: .15rem}
	.section2 .bd ul li{width: 3.8rem;margin-bottom: .1rem;margin-right: 1.04rem}
	.section2 .bd ul li .pic{width: 3.82rem;height: 2.06rem}
	.section2 .bd ul li .mask .h{font-size: .2rem;padding-bottom: .1rem}
	.section2 .bd ul li .mask .h:after{width: .46rem;height: .03rem;margin-left: -.23rem}
	.section2 .bd ul li .mask .p{font-size: .14rem;margin-top: .26rem}
	.section2 .bd ul li .txt{height: .32rem;line-height: .32rem;}
}

.section3{}
.section3 .leftArea{float: left;width: 830px}
.section3 .leftArea .topArea{}
.section3 .leftArea .topArea .h{font-size: 43px;color: #ededed;font-weight: bold;font-style: italic;text-transform: uppercase;line-height: 43px;padding-left: 10px;}
.section3 .leftArea .topArea .p{font-size: 28px;color: #484848;margin-top: -25px; text-transform: uppercase;}
.section3 .leftArea .ti{margin-top: 40px;font-size: 20px;line-height: 42px;color: #000000}
.section3 .leftArea .cont{font-size: 14px;color: #000000;margin-top: 40px;line-height: 24px;width: 710px}
.section3 .leftArea .more{display: block;width: 37px;height: 37px;background: url(../images/ico_03.png) no-repeat;margin-top: 45px}
.section3 .leftArea .list{margin-top: 72px;}
.section3 .leftArea .list ul li{float: left;border: 1px solid rgba(41,175,62,.0);transition: all .5s ease;margin-right: 15px;}
.section3 .leftArea .list ul li a{display: block;width: 250px;height: 98px;box-sizing: border-box;padding: 18px 10px 0 25px}
.section3 .leftArea .list ul li:last-child{margin-right: 0}
.section3 .leftArea .list ul li:hover{border: 1px solid rgba(41,175,62,1);}
.section3 .leftArea .list ul li .h{line-height: 34px; text-transform: uppercase;}
.section3 .leftArea .list ul li .h em{position: relative;display: inline-block;}
.section3 .leftArea .list ul li .h .img1{opacity: 1;transition: all .5s ease;}
.section3 .leftArea .list ul li .h .img2{position: absolute;left: 0;top: 0;opacity: 0;transition: all .5s ease;}
.section3 .leftArea .list ul li:hover .h .img1{opacity: 0}
.section3 .leftArea .list ul li:hover .h .img2{opacity: 1}
.section3 .leftArea .list ul li .h span{display: inline-block;font-size: 16px;color: #1b1b1b;margin-left: 6px;padding-left: 8px;position: relative;}
.section3 .leftArea .list ul li .h span:after{content: '';position: absolute;left: 0;top: 50%;width: 1px;height: 14px;margin-top: -7px;background: #aeaeae}
.section3 .leftArea .list ul li .p{font-size: 12px;color: rgba(27,27,27,.6);margin-top: 15px}
.section3 .rightArea{float: right;width: 295px;padding: 6.8% 0}
.section3 .rightArea ul li{margin-bottom: 60px;position: relative;}
.section3 .rightArea ul li:after{content: '';position: absolute;width: 60px;height: 3px;background: #fff;left: -155px;top: 50%;margin-top: -2px;opacity: 0;visibility: hidden;transition: all .5s ease;}
.section3 .rightArea ul li:hover:after{opacity: 1;visibility: visible;}
.section3 .rightArea ul li:last-child{margin-bottom: 0}
.section3 .rightArea ul li .h{vertical-align: bottom;font-size: 22px;color: #fdfdfd; text-transform: uppercase;}
.section3 .rightArea ul li .h span{font-size: 59px;font-family: arial;color: #fdfdfd;line-height: 60px;margin-right: 5px}
.section3 .rightArea ul li .p{font-size: 16px;color: #fdfdfd;margin-top: 6px}

@media screen and (max-width: 1400px) and (min-width: 1024px){
	.section3 .leftArea{width: 8.3rem}
	.section3 .leftArea .topArea .h{font-size: .43rem}
	.section3 .leftArea .topArea .p{font-size: .28rem;margin-top: -.25rem}
	.section3 .leftArea .ti{margin-top: .3rem;font-size: .2rem;line-height: .42rem;color: #000}
	.section3 .leftArea .cont{margin-top: .3rem;width: 7.1rem}
	.section3 .leftArea .list{margin-top: .5rem}
	.section3 .leftArea .list ul li{margin-right: .15rem}
	.section3 .leftArea .list ul li a{width: 2.5rem;padding: .18rem .1rem 0 .25rem}
	.section3 .rightArea{}
	.section3 .rightArea ul li{margin-bottom: .6rem}
	.section3 .rightArea ul li:after{width: .6rem;left: -1.55rem}
	.section3 .rightArea ul li .h{font-size: .22rem}
	.section3 .rightArea ul li .h span{font-size: .59rem;line-height: .6rem;}
	.section3 .rightArea ul li .p{font-size: .16rem}
}

.section8{}
.section8 .topArea{float: left;}
.section8 .topArea .h{font-size: 24px;color: #fff}
.section8 .topArea .p{font-size: 13px;color: rgba(255,255,255,.6);font-family: arial;text-transform: uppercase;}
.section8 .s8-t{}
.section8 .s8-t .more{font-size: 18px;color: #ffffff;font-family: arial;width: 102px;height: 28px;line-height: 28px;text-align: center;text-transform: uppercase;display: block;float: right;margin-top: 15px;background: #0fbc2b}
.section8 .s8-b{margin-top: 15px;}
.section8 .s8-b .item{float: left;width: 33.33%;background: #0fbc2b}
.section8 .s8-b .item .pic{width: 100%;height: 265px;overflow: hidden;}
.section8 .s8-b .item .pic img{width: 100%;height: 100%;display:block;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all .5s;max-width: 100%;}
.section8 .s8-b .item:hover .pic img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); }
.section8 .s8-b .item .txt{width: 100%;height: 265px;display: table-cell;vertical-align: middle;box-sizing: border-box;padding: 0 20px;}
.section8 .s8-b .item .txt .h{font-size: 28px;color: #ffffff;font-weight: bold;padding-bottom: 12px;position: relative;}
.section8 .s8-b .item .txt .h:after{content: '';position: absolute;bottom: 0;left: 0;width: 50px;height: 2px;background: #fff}
.section8 .s8-b .item .txt .h span{color: #fff100}
.section8 .s8-b .item .txt .p{font-size: 18px;color: #ffffff;line-height: 25px;margin-top: 26px;}
.section8 .s8-b .item .txt .p span{color: #fff100}

@media screen and (max-width: 1400px) and (min-width: 1024px){
	.section8 .topArea .h{font-size: .24rem}
	.section8 .topArea .p{font-size: .13rem}
	.section8 .s8-t .more{font-size: .18rem;width: 1.02rem;height: .28rem;line-height: .28rem}
	.section8 .s8-b{margin-top: .15rem}
	.section8 .s8-b .item .pic{height: 2.65rem}
	.section8 .s8-b .item .txt{height: 2.65rem}
	.section8 .s8-b .item .txt .h{font-size: .28rem;padding-bottom: .12rem}
	.section8 .s8-b .item .txt .h:after{width: .5rem;height: .02rem}
	.section8 .s8-b .item .txt .p{font-size: .18rem;line-height: .25rem;margin-top: .26rem}
}

.section4{background: #f5f7f5}
.section4 .topArea{float: left;}
.section4 .topArea .h{font-size: 24px;color: #000000}
.section4 .topArea .p{font-size: 13px;color: rgba(0,0,0,.6);font-family: arial;text-transform: uppercase;}
.section4 .s4-t{text-transform: uppercase;}
.section4 .s4-t .more{font-size: 16px;color: rgba(0,0,0,.6);font-family: arial;border: 1px solid #b3b3b3;width: 120px;height: 33px;line-height: 33px;text-align: center;text-transform: uppercase;display: block;float: right;margin-top: 10px}
.section4 .s4-t .more:hover{color: #00923f;border: 1px solid #00923f;}
.section4 .s4-b{margin-top: 25px;}
.section4 .s4-b .leftArea{float: left;width: 680px;height: 434px;overflow: hidden;position: relative;}
.section4 .s4-b .leftArea a{display: block;height: 100%}
.section4 .s4-b .leftArea .img{width: 100%;height: 100%;display: block;}
.section4 .s4-b .leftArea .mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;box-sizing: border-box;padding: 100px 88px 0 75px;background: rgba(41,175,62,.8);opacity: 0;transition: all .5s ease;}
.section4 .s4-b .leftArea .mask .h{font-size: 30px;color: #ffffff;font-weight: bold;padding-bottom: 10px;border-bottom: 1px solid rgba(255,255,255,.6)}
.section4 .s4-b .leftArea .mask .p{font-size: 18px;color: #ffffff;font-weight: bold;margin-top: 10px;}
.section4 .s4-b .leftArea .mask .cont{font-size: 15px;color: #ffffff;margin-top: 36px;line-height: 22px;height: 88px;overflow: hidden;text-overflow: ellipsis;}
.section4 .s4-b .leftArea .mask .more{width: 29px;height: 29px;background: url(../images/ico_04.png) no-repeat;margin-top: 40px}
.section4 .s4-b .leftArea:hover .mask{opacity: 1}
.section4 .s4-b .rightArea{float: right;width: 680px;height: 434px;}
.section4 .s4-b .rightArea ul li{float: left;width: 50%;height: 434px;}
.section4 .s4-b .rightArea ul li .pic{width: 100%;height:50%;overflow: hidden;}
.section4 .s4-b .rightArea ul li .pic img{width: 100%;height: 100%;display:block;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all .5s;max-width: 100%;}
.section4 .s4-b .rightArea ul li .txt{width: 100%;height: 50%;box-sizing: border-box;padding: 14px 13px 0 13px}
.section4 .s4-b .rightArea ul li .txt .h a{font-size: 23px;color: #3d3c41;font-weight: bold;display: block;white-space: nowrap;overflow: hidden; text-overflow: ellipsis; }
.section4 .s4-b .rightArea ul li .txt .h{padding-bottom: 4px;border-bottom: 1px solid #bdbfbf;margin-bottom: 5px}
.section4 .s4-b .rightArea ul li .txt .p{font-size: 18px;color: #3d3c41;font-weight: bold;display: block;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.section4 .s4-b .rightArea ul li .txt .cont{font-size: 15px;color: #3d3c41;margin-top: 15px}
.section4 .s4-b .rightArea ul li:hover .pic img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); }
.section4 .s4-b .rightArea ul li:hover .txt .h a{color: #00923f}
.section4 .s4-b .control{margin-top: 32px}
.section4 .s4-b .prev{width: 29px;height: 16px;background: url(../images/prev.png) no-repeat;cursor: pointer;float: left;}
.section4 .s4-b .next{width: 29px;height: 16px;background: url(../images/next.png) no-repeat;cursor: pointer;float: right;}

@media screen and (max-width: 1400px) and (min-width: 1024px){
	.section4 .topArea .h{font-size: .24rem}
	.section4 .topArea .p{font-size: .13rem}
	.section4 .s4-t .more{font-size: .16rem;width: 1.2rem;height: .33rem;line-height: .33rem}
	.section4 .s4-b .leftArea{width: 50%;height: 4.34rem}
	.section4 .s4-b .leftArea .mask{padding:1rem .88rem 0 .75rem}
	.section4 .s4-b .leftArea .mask .h{font-size: .3rem;padding-bottom: .1rem}
	.section4 .s4-b .leftArea .mask .p{font-size: .18rem;margin-top: .1rem}
	.section4 .s4-b .leftArea .mask .cont{font-size: .15rem;margin-top: .25rem;line-height: .22rem;height: .88rem}
	.section4 .s4-b .leftArea .mask .more{margin-top: .3rem}
	.section4 .s4-b .rightArea{width: 50%;height: 4.34rem}
	.section4 .s4-b .rightArea ul li{height: 4.34rem}
	.section4 .s4-b .rightArea ul li .txt{padding: .14rem .13rem 0 .13rem}
	.section4 .s4-b .rightArea ul li .txt .h a{font-size: .23rem}
	.section4 .s4-b .rightArea ul li .txt .h{margin-bottom: .05rem;padding-bottom: .04rem}
	.section4 .s4-b .rightArea ul li .txt .p{font-size: .18rem}
	.section4 .s4-b .rightArea ul li .txt .cont{font-size: .15rem;margin-top: .15rem}
	.section4 .s4-b .control{margin-top: .32rem}
}

.section5 .topArea{float: left;}
.section5 .topArea .h{font-size: 24px;color: #000000}
.section5 .topArea .p{font-size: 13px;color: rgba(0,0,0,.6);font-family: arial;text-transform: uppercase;}
.section5 .s5-t{}
.section5 .s5-t .hd{float: right;margin-top: 30px}
.section5 .s5-t .hd ul li{float: left;margin: 0 12px;}
.section5 .s5-t .hd ul li a{display: block;padding: 2px 10px; text-transform: uppercase; font-size: 15px}
.section5 .s5-t .hd ul li.on a{background: #22ac38; color: #fff}
.section5 .s5-b{margin-top: 26px;}
.section5 .s5-b .bd{overflow: hidden;}
.section5 .s5-b .bd ul li{width: 411px;float: left;margin-right: 60px;background: #fff;position: relative;}
.section5 .s5-b .bd ul li .pic{width: 100%;height: auto;overflow: hidden;}
.section5 .s5-b .bd ul li .pic img{width: 100%;height: auto;display:block;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all .5s;max-width: 100%;}
.section5 .s5-b .bd ul li:hover .pic img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); }
.section5 .s5-b .bd ul li .txt{padding: 10px 8px 12px}
.section5 .s5-b .bd ul li .txt .h a{font-size: 22px;color: #000000;font-weight: bold;}
.section5 .s5-b .bd ul li .txt .p{font-size: 17px;color: #7d7d7d;margin-top: 4px}
.section5 .s5-b .bd ul li .txt .s{height: 30px;margin-top: 18px}
.section5 .s5-b .bd ul li .txt .s .time{font-size: 18px;color: #a0a0a0;font-family: arial;font-weight: normal;position: relative;bottom: -8px}
.section5 .s5-b .bd ul li .txt .s .more{width: 30px;height: 30px;background: url(../images/more01.png) no-repeat;background-size: contain;display: block;float: right;}
.section5 .s5-b .bd ul li .txt .s .more:hover{background: url(../images/more02.png) no-repeat;background-size: contain;}
.section5 .s5-b .bd ul li:after{content: '';position: absolute;left: 0;bottom: 0;width: 0;height: 2px;background: #23ac39;transition: all .5s ease;}
.section5 .s5-b .bd ul li:hover:after{width: 100%}
.section5 .s5-b .control{margin-top: 30px;text-align: center;}
.section5 .s5-b .control .prev{display: inline-block;width: 54px;height: 20px;background: url(../images/prev01.png) no-repeat;cursor: pointer;margin: 0 65px}
.section5 .s5-b .control .next{display: inline-block;width: 54px;height: 20px;background: url(../images/next01.png) no-repeat;cursor: pointer;margin: 0 65px}

@media screen and (max-width: 1400px) and (min-width: 1024px){
	.section5 .topArea .h{font-size: .24rem}
	.section5 .topArea .p{font-size: .13rem}
	.section5 .s5-t .hd{margin-top: .3rem}
	.section5 .s5-t .hd ul li{margin: 0 .12rem}
	.section5 .s5-t .hd ul li a{font-size: .15rem;padding: .02rem .1rem}
	.section5 .s5-b{margin-top: .26rem}
	.section5 .s5-b .bd ul li{width: 4.11rem;margin-right: .6rem}
	.section5 .s5-b .bd ul li .txt{padding: .1rem .08rem .12rem}
	.section5 .s5-b .bd ul li .txt .h a{font-size: .22rem}
	.section5 .s5-b .bd ul li .txt .p{font-size: .17rem;margin-top: .04rem}
	.section5 .s5-b .bd ul li .txt .s{height: .3rem;margin-top: .18rem;}
	.section5 .s5-b .bd ul li .txt .s .time{font-size: .18rem;bottom: -.08rem}
	.section5 .s5-b .bd ul li .txt .s .more{width: .3rem;height: .3rem;background-size: .3rem .3rem}
	.section5 .s5-b .bd ul li .txt .s .more:hover{background-size: .3rem .3rem}
	.section5 .s5-b .control{margin-top: .3rem}

}

.section6{background: #f5f7f5}
.section6 .topArea{}
.section6 .topArea .h{font-size: 24px;color: #000; text-transform: uppercase; }
.section6 .topArea .p{font-size: .13px;color: rgba(0,0,0,.6);font-family: arial;text-transform: uppercase;}
.section6 .s6-c{margin-top: 75px}
.section6 .leftArea{float: left;width: 280px;}
.section6 .leftArea ul li{background: url(../images/p1.png) no-repeat left center;padding: 19px 0 19px 45px}
.section6 .leftArea ul li:first-child{background: url(../images/p2.png) no-repeat left center;}
.section6 .leftArea ul li .h{font-size: 19px;color: #000000}
.section6 .leftArea ul li .p{font-size: 18px;color: #535353}
.section6 .rightArea{float: right;width: 1066px;height: 372px;}
.section6 .rightArea img{width: 100%;height: auto; border:1px solid #ccc;}

@media screen and (max-width: 1400px) and (min-width: 1024px){
	.section6 .topArea .h{font-size: .24rem}
	.section6 .topArea .p{font-size: .13rem}
	.section6 .s6-c{margin-top: .5rem}
	.section6 .leftArea{width: 2.8rem}
	.section6 .leftArea ul li{padding: .19rem 0 .19rem .45rem}
	.section6 .leftArea ul li .h{font-size: .19rem}
	.section6 .leftArea ul li .p{font-size: .18rem}
	.section6 .rightArea{width: 10.66rem;height: 3.72rem}
}