@charset "utf-8";

.banner{ position:relative; width:100%;  }
.banner .bd{ width:100%; position:relative; z-index:1;}
.banner .bd ul li{display: block;overflow: hidden;}
.banner .bd img{vertical-align: bottom;width:100%;height: auto;transition: all 3s;}
.banner .hd{ left:50%;margin-left:-650px; position:absolute; bottom:86px; z-index:3; text-align:center;border-bottom: 1px solid #4b555e}
.banner .hd ul li{float: left;padding: 0 4px;margin-right: 50px;font-size: 18px;color: #4b555e;font-style: italic;padding-bottom: 3px;position: relative;cursor: pointer;}
.banner .hd ul li:last-child{margin-right: 0}
.banner .hd ul li.on::after{content: '';position: absolute;bottom: -13px;left: 50%;width: 24px;height: 5px;margin-left: -12px;background: #8ab923}

.pagination{position: absolute; left:0;bottom:10%;height:8px;width: 100%; z-index:980;}
.pagination{width: 100%;height:8px;text-align: center;}
.pagination .swiper-pagination-bullet{display: inline-block;background:#ffffff;width: 6px;height: 6px;border-radius: 100%;text-indent:99999px; overflow:hidden; margin:0 2px;cursor: pointer;transition: all 0.5s;opacity: 1;}
.pagination .swiper-pagination-bullet-active{background: #8ab923;}

.sj-banner{ position:relative;overflow:hidden;width: 100%;height: auto;z-index: 3;display: none}
.sj-banner img{width: 100%;height: auto;}
.sj-banner .swiper-slide{opacity: 0!important}
.sj-banner .swiper-slide-active{opacity: 1!important}

@media screen and (max-width: 1360px){
	.banner .hd{margin-left: -600px;bottom: 50px}
}
@media screen and (max-width: 1280px){
	.banner .hd{margin-left: -500px}
}
@media screen and (max-width: 1024px){
	.banner{display: none}
	.sj-banner{display: block;}
}

.topArea{font-size: 30px;color: #333333}

.s1{padding: 88px 0 65px}
.s1 .s1-t{margin-bottom: 75px;}
.s1 .s1-t .hd{float: left;}
.s1 .s1-t .more{display: block;float: right;position: relative;z-index: 2;width: 31px;height: 31px;background: url("more.png") no-repeat;margin-top: 4px;background-size: contain;}
.s1 .s1-t .hd ul li{float: left;position: relative;}
.s1 .s1-t .hd ul li::after{content: '';position: absolute;right: -1px;top: 50%;width: 2px;height: 26px;margin-top: -13px;background: #333}
.s1 .s1-t .hd ul li:last-child::after{display: none}
.s1 .s1-t .hd ul li a{font-size: 24px;color: #333333;padding: 2px 22px;position: relative;z-index: 4;display: block;}
.s1 .s1-t .hd ul li::before{content: '';position: absolute;height: 16px;bottom: 0;background: #8ab923;left: 10px;width: 0;transition: .5s ease;opacity: 0}
.s1 .s1-t .hd ul li.on::before{width: calc(100% - 20px);opacity: 1}
.s1 .bd ul li{float: left;width: 300px;margin-bottom: 25px;margin-right: 33px;}
.s1 .bd ul li a{display: block;position: relative;overflow: hidden;}
.s1 .bd ul li:nth-child(4n){margin-right: 0}
.s1 .bd ul li .pic{overflow: hidden;}
.s1 .bd ul li .pic img{width: 100%;height: auto;}
.s1 .bd ul li .title{font-size: 18px;color: #999999;padding: 15px 30px 15px 15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;background: url("ico_01.png") no-repeat 230px center;}
.s1 .bd ul li .mask{position: absolute;top: -100%;left: 0;right: 0;height: 100%;background: rgba(138,185,35,.9);z-index: 4;box-sizing: border-box;padding-top: 120px;transition: all .5s ease;}
.s1 .bd ul li .mask .t{text-align: center;width: 100%;box-sizing: border-box;padding: 0 15px 50px;background: url("ico_02.png") no-repeat bottom center;font-size: 24px;color: #fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.s1 .bd ul li:hover .mask{top: 0}

@media screen and (max-width: 1360px){
	.topArea{font-size: 26px}
	.s1{padding: 70px 0 55px}
	.s1 .s1-t{margin-bottom: 65px}
	.s1 .s1-t .hd ul li a{font-size: 18px;}
	.s1 .s1-t .hd ul li.on::before{height: 10px}
	.s1 .s1-t .more{margin-top: 0;width: 24px;height: 24px}
	.s1 .bd ul li{width: 24%;margin-right: 1.33333%;margin-bottom: 20px;}
	.s1 .bd ul li .title{font-size: 14px;background: url("ico_01.png") no-repeat 217px center;}
	.s1 .bd ul li .mask{padding-top: 85px;}
	.s1 .bd ul li .mask .t{font-size: 16px}
}
@media screen and (max-width: 1024px){
	.topArea{font-size: 24px}
	.s1{padding: 50px 0 40px}
	.s1 .s1-t{margin-bottom: 30px;}
	.s1 .s1-t .hd ul li a{font-size: 16px;}
	.s1 .s1-t .hd ul li::after{width: 1px;right: 0;height: 18px;margin-top: -9px}
	.s1 .s1-t .hd ul li.on::before{height: 7px}
	.s1 .bd ul li{width: 49%;margin-right: 2%;margin-bottom: 12px}
	.s1 .bd ul li:nth-child(2n){margin-right: 0}
	.s1 .bd ul li .title{font-size: 12px;padding: 8px 5px;background: none;text-align: center;}
	.s1 .bd ul li .mask{display: none}
}
@media screen and (max-width: 750px){
	.topArea{font-size: 20px}
	.s1 .s1-t .hd{width: 100%;float: unset;}
	.s1 .s1-t .hd ul li{float: left;text-align: center;width: 25%;margin-right: 0}
	.s1 .s1-t .hd ul li:nth-child(4n){}
	.s1 .s1-t .hd ul li a{font-size: 15px;padding: 0}
	.s1 .s1-t .more{float: unset;margin: 10px auto 0 auto;}
}

.s2{padding: 82px 0 106px;background: url("bg_01.jpg") no-repeat center center;background-size: cover;}
.s2 .topArea{color: #fff}
.s2 .s2-c{margin-top: 30px;}
.s2 .s2-c .hd{}
.s2 .s2-c .hd ul li{float: left;width: 25%;text-align: center;position: relative;padding: 35px 0;cursor: pointer;overflow: hidden;}
.s2 .s2-c .hd ul li::after{content: '';position: absolute;top: 0;left: 50%;width: 0;transform: translateX(-50%);height: 6px;background: #8ab923;opacity: 0;visibility: hidden;transition: all .5s ease;transition: .5s ease}
.s2 .s2-c .hd ul li.on::after{visibility: visible;opacity: 1;width: 100%}
.s2 .s2-c .hd ul li .h{font-size: 18px;color: #fff;transition: all .5s ease;}
.s2 .s2-c .hd ul li .p{margin-top: 10px;transition: all .5s ease;}
.s2 .s2-c .hd ul li .p span{font-size: 18px;color: #fff;display: inline-block;position: relative;transition: all .5s ease;font-weight: bold;}
.s2 .s2-c .hd ul li .p span::before{content: '';position: absolute;left: -35px;width: 18px;height: 1px;background: #8ab923;top: 50%;margin-top: -1px;opacity: 0;visibility: hidden;transition: all .5s ease;}
.s2 .s2-c .hd ul li .p span::after{content: '';position: absolute;right: -35px;width: 18px;height: 1px;background: #8ab923;top: 50%;margin-top: -1px;opacity: 0;visibility: hidden;transition: all .5s ease;}
.s2 .s2-c .hd ul li.on .p span::before{visibility: visible;opacity: 1}
.s2 .s2-c .hd ul li.on .p span::after{visibility: visible;opacity: 1}
.s2 .s2-c .hd ul li.on .h{color: #8ab923}
.s2 .s2-c .hd ul li.on .p span{color: #8ab923}
.s2 .s2-c .bd{margin-top: 25px;height: 95px;}
.s2 .s2-c .bd ul li{width: 100%;min-height: 95px;box-sizing: border-box;padding: 20px 25px 10px;font-size: 14px;color: #ffffff;line-height: 24px;background: #8ab923}

@media screen and (max-width: 1360px){
	.s2 .s2-c{margin-top: 35px}
	.s2{padding: 70px 0 80px;}
	.s2 .s2-c .bd ul li{padding: 30px 15px}
}
@media screen and (max-width: 1280px){

}
@media screen and (max-width: 1024px){
	.s2{padding: 50px 0 60px;}
	.s2 .s2-c .hd ul li::after{height: 4px}
	.s2 .s2-c .hd ul li{padding: 15px 0;}
	.s2 .s2-c .hd ul li .h{font-size: 14px;}
	.s2 .s2-c .hd ul li .p{margin-top: 6px;}
	.s2 .s2-c .hd ul li .p span{font-size: 16px}
	.s2 .s2-c .bd{margin-top: 35px}
	.s2 .s2-c .bd ul li{padding: 20px 10px}
}
@media screen and (max-width: 750px){
	.s2{padding: 40px 0}
	.s2 .s2-c .hd ul li::after{height: 1px}
	.s2 .s2-c .hd ul li{padding: 10px 0}
	.s2 .s2-c .hd ul li .h{font-size: 12px;}
	.s2 .s2-c .hd ul li .p{margin-top: 5px}
	.s2 .s2-c .hd ul li .p span{font-size: 14px}
	.s2 .s2-c .hd ul li .p span::before{display: none}
	.s2 .s2-c .hd ul li .p span::afgter{display: none}
	.s2 .s2-c .bd{height: 240px;}
	.s2 .s2-c .bd ul li{min-height: 240px}
}


.s3{padding: 115px 0 85px}
.s3 .leftArea{float: left;width: 610px;}
.s3 .leftArea img{width: 100%;height: auto;}
.s3 .rightArea{float: right;width: 635px;}
.s3 .rightArea .h{font-size: 30px;color: #333333;line-height: 30px}
.s3 .rightArea .p{font-size: 18px;color: #333333;padding: 8px 0 8px 16px;border-left: 1px solid #ffcc11;margin-top: 30px;font-weight: 120}
.s3 .rightArea .cont{margin-top: 34px;font-size: 14px;color: #333333;line-height: 26px;height: 104px;overflow: hidden;}
.s3 .rightArea .m{margin-top: 20px;text-align: right;}
.s3 .rightArea .m a{display: inline-block;width: 22px;height: 9px;background: url("ico_03.png") no-repeat;}
.s3 .rightArea .list{margin-top: 66px;}
.s3 .rightArea .list ul li{float: left;width: 150px;margin-right: 11px;background: #f6f6f6;transition: all .5s ease;}
.s3 .rightArea .list ul li a{display: block;height: 145px;box-sizing: border-box;padding-top: 34px;}
.s3 .rightArea .list ul li:last-child{margin-right: 0}
.s3 .rightArea .list ul li .icon{width: 50px;margin: 0 auto;position: relative;transition: .5s ease}
.s3 .rightArea .list ul li .icon img{width: 100%;height: auto;}
.s3 .rightArea .list ul li:hover .icon{transform: rotateY(360deg);}
.s3 .rightArea .list ul li .icon .img1{opacity: 1;transition: all .5s ease;visibility: visible;}
.s3 .rightArea .list ul li .icon .img2{opacity: 0;visibility: hidden;transition: all .5s ease;position: absolute;left: 0;top: 0}
.s3 .rightArea .list ul li .txt{font-size: 16px;color: #333333;margin-top: 2px;text-align: center;transition: all .5s ease;}
.s3 .rightArea .list ul li:hover{background: #8ab923}
.s3 .rightArea .list ul li:hover .txt{color: #fff}
.s3 .rightArea .list ul li:hover .icon .img1{opacity: 0;visibility: hidden;}
.s3 .rightArea .list ul li:hover .icon .img2{opacity: 1;visibility: visible;}

@media screen and (max-width: 1360px){
	.s3{padding: 85px 0}
	.s3 .leftArea{width: 580px;}
	.s3 .rightArea{width: 600px;}
	.s3 .rightArea .list{margin-top: 57px}
	.s3 .rightArea .list ul li{width: 140px;margin-right: 13px;}
	.s3 .rightArea .list ul li a{height: 130px;padding-top: 27px}
}
@media screen and (max-width: 1280px){
	.s3{padding: 50px 0}
	.s3 .leftArea{width: 480px;}
	.s3 .rightArea{width: 500px}
	.s3 .rightArea .h{font-size: 26px;}
	.s3 .rightArea .p{font-size: 16px;padding: 4px 0 4px 10px;margin-top: 20px;}
	.s3 .rightArea .cont{margin-top: 20px;line-height: 22px;height: 88px;}
	.s3 .rightArea .list{margin-top: 47px}
	.s3 .rightArea .list ul li{width: 115px;}
	.s3 .rightArea .list ul li a{height: 110px;padding-top: 15px}
}
@media screen and (max-width: 1024px){
	.s3{padding: 40px 0}
	.s3 .leftArea{width: 100%;float: unset;margin-bottom: 30px}
	.s3 .rightArea{width: 100%;float: unset;}
	.s3 .rightArea .cont{height: unset;}
	.s3 .rightArea .list ul li{width: 24%;margin-right: 1.333%}
}
@media screen and (max-width: 750px){
	.s3 .rightArea .list{margin-top: 30px}
	.s3 .rightArea .list ul li .icon{width: 40px;}
	.s3 .rightArea .list ul li a{height: 90px;padding-top: 10px}
	.s3 .rightArea .list ul li .txt{font-size: 14px}
}

.s4{}
.s4 .topArea{width: 1300px;margin: 0 auto}
.s4 .s4-c{margin-top: 8px;position: relative;}
.s4 .s4-c .bd ul li{}
.s4 .s4-c .bd ul li img{width: 100%;height: auto;}
.s4 .s4-c .hd{position: absolute;top: 0;right: 50%;margin-right: -650px;z-index: 4}
.s4 .s4-c .hd ul li{margin-bottom: 5px}
.s4 .s4-c .hd ul li:last-child{margin-bottom: 0}
.s4 .s4-c .hd ul li a{display: block;padding: 30px 105px 0 45px;box-sizing: border-box;height: 120px;width: 650px;background: rgba(255,255,255,.5);position: relative;}
.s4 .s4-c .hd ul li a::before{content: '';position: absolute;width: 20px;height: 20px;top: 50%;margin-top: -10px;background: url("ico_04.png") no-repeat;right: 65px;transition: all .5s ease;}
.s4 .s4-c .hd ul li.on a::before{background: url("ico_05.png") no-repeat;transform: translateX(15px);}
.s4 .s4-c .hd ul li .icon{width: 60px;float: left;margin-right: 40px;position: relative;transition: .5s ease}
.s4 .s4-c .hd ul li .icon img{width: 100%;height: auto;}
.s4 .s4-c .hd ul li:hover .icon{transform: rotateY(360deg);}
.s4 .s4-c .hd ul li .icon .img1{opacity: 1;visibility: visible;transition: all .5s ease;}
.s4 .s4-c .hd ul li .icon .img2{opacity: 0;visibility: hidden;transition: all .5s ease;position: absolute;top: 0;left: 0}
.s4 .s4-c .hd ul li .txt{float: left;width: 380px;}
.s4 .s4-c .hd ul li .txt .h{font-size: 24px;color: #333333;transition: all .5s ease;}
.s4 .s4-c .hd ul li .txt .p{font-size: 14px;color: #666666;transition: all .5s ease;}
.s4 .s4-c .hd ul li.on a{background: #8ab923}
.s4 .s4-c .hd ul li.on .icon .img1{opacity: 0;visibility: hidden;}
.s4 .s4-c .hd ul li.on .icon .img2{opacity: 1;visibility: visible;}
.s4 .s4-c .hd ul li.on .txt .h{color: #fff}
.s4 .s4-c .hd ul li.on .txt .p{color: #fff}

@media screen and (max-width: 1640px){
	.s4 .s4-c .hd ul li a{height: 100px;padding: 20px 105px 0 45px}
}

@media screen and (max-width: 1360px){
	.s4 .topArea{width: 1200px;}
	.s4 .s4-c .hd{margin-right: -600px}
	.s4 .s4-c .hd ul li a{width: 400px;padding: 10px 50px 10px 20px;height: auto;}
	.s4 .s4-c .hd ul li a::before{right: 20px}
	.s4 .s4-c .hd ul li .icon{margin-right: 20px;width: 50px}
	.s4 .s4-c .hd ul li .txt{width: 236px}
	.s4 .s4-c .hd ul li .txt .h{font-size: 18px;}
	.s4 .s4-c .hd ul li .txt .p{font-size: 12px}
}
@media screen and (max-width: 1280px){
	.s4 .s4-c .hd{margin-right: -500px}
	.s4 .s4-c .hd ul li.on a::before{transform: translateX(0);}
}
@media screen and (max-width: 1024px){
	.s4 .topArea{width: 96%}
	.s4 .s4-c .hd{position: unset;width: 96%;margin: 20px auto 10px auto;}
	.s4 .s4-c .hd ul li{width: 49%;margin-right: 2%;margin-bottom: 10px;float: left;}
	.s4 .s4-c .hd ul li:nth-child(2n){margin-right: 0}
	.s4 .s4-c .hd ul li:last-child{margin-bottom: 10px}
	.s4 .s4-c .hd ul li a{width: 100%;padding-right: 40px}
	.s4 .s4-c .hd ul li .txt{width: calc(100% - 85px)}
}
@media screen and (max-width: 750px){
	.s4 .s4-c .hd ul li{width: 100%;float: unset;}
	.s4 .s4-c .hd ul li .txt .h{font-size: 16px;}
	.s4 .s4-c .hd ul li .txt .p{margin-top: 3px}
}


.s5{padding: 86px 0 104px;}
.s5 .s5-c{margin-top: 18px}
.s5 .s5-c .leftArea{float: left;width: 700px;background: #f6f6f6;position: relative;}
.s5 .s5-c .leftArea .pic{width: 312px;height: 437px;float: left;overflow: hidden;}
.s5 .s5-c .leftArea .pic img{display:block;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all .5s;max-width: 100%;}
.s5 .s5-c .leftArea: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); }
.s5 .s5-c .leftArea .txt{width: 295px;float: right;padding-top: 36px;padding-right: 50px;}
.s5 .s5-c .leftArea .txt .time .h{font-size: 58px;color: #333333;line-height: 58px;}
.s5 .s5-c .leftArea .txt .time .p{font-size: 16px;color: #333;}
.s5 .s5-c .leftArea .txt .ti{margin-top: 30px;min-height: 48px;}
.s5 .s5-c .leftArea .txt .ti a{display: block;font-size: 16px;color: #333}
.s5 .s5-c .leftArea:hover .txt .ti a{color: #8ab923}
.s5 .s5-c .leftArea .txt .cont{font-size: 12px;color: #a8a8a8;margin-top: 30px;line-height: 18px;min-height: 54px;}
.s5 .s5-c .leftArea .txt .m{margin-top: 72px;}
.s5 .s5-c .leftArea .txt .m a{display: block;width: 20px;height: 20px;background: url("ico_06.png") no-repeat;}
.s5 .s5-c .rightArea{width: 585px;float: right;}
.s5 .s5-c .rightArea ul li{height: 131px;margin-bottom: 22px;box-sizing: border-box;padding: 30px 50px 0 32px;background: #f6f6f6}
.s5 .s5-c .rightArea ul li:last-child{margin-bottom: 0}
.s5 .s5-c .rightArea ul li .time{float: left;width: 75px;border-right: 1px solid #d1d1d1;margin-right: 20px}
.s5 .s5-c .rightArea ul li .time .h{font-size: 48px;color: #999999;line-height: 1;}
.s5 .s5-c .rightArea ul li .time .p{font-size: 14px;color: #b9b8b8;line-height: 1;margin-top: 8px}
.s5 .s5-c .rightArea ul li .txt{}
.s5 .s5-c .rightArea ul li .txt .h a{display: block;font-size: 18px;color: #222222;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.s5 .s5-c .rightArea ul li .txt .cont{font-size: 12px;color: #888888;line-height: 18px;margin-top: 7px;height: 36px;overflow: hidden;}
.s5 .s5-c .rightArea ul li:hover .txt .h a{color: #8ab923}

@media screen and (max-width: 1360px){
	.s5{padding: 80px 0}
	.s5 .s5-c .leftArea{width: 650px;}
	.s5 .s5-c .leftArea .pic{width: 300px;height: unset;}
	.s5 .s5-c .leftArea .pic img{width: 100%;height: auto;}
	.s5 .s5-c .leftArea .txt{width: 280px}
	.s5 .s5-c .rightArea{width: 535px;}
	.s5 .s5-c .rightArea ul li{height: 125px;padding-top: 25px}
}

@media screen and (max-width: 1280px){
	.s5{padding: 70px 0}
	.s5 .s5-c .leftArea{width: 300px;}
	.s5 .s5-c .leftArea .pic{width: 100%}
	.s5 .s5-c .leftArea .txt{position: absolute;width: 100%;padding: 15px 10px;bottom: 0;left: 0;right: 0;float: unset;background: rgba(255,255,255,.8);box-sizing: border-box;}
	.s5 .s5-c .leftArea .txt .time{display: none}
	.s5 .s5-c .leftArea .txt .ti{margin-top: 10px;min-height: unset;}
	.s5 .s5-c .leftArea .txt .ti a{}
	.s5 .s5-c .leftArea .txt .m{display: none}
	.s5 .s5-c .leftArea .txt .cont{margin-top: 22px}
	.s5 .s5-c .rightArea{width: 660px}
}
@media screen and (max-width: 1024px){
	.s5{padding: 60px 0}
	.s5 .s5-c .rightArea{width: calc(100% - 320px)}
	.s5 .s5-c .rightArea ul li{padding: 30px 20px 0 15px}
}
@media screen and (max-width: 750px){
	.s5{padding: 50px 0}
	.s5 .s5-c .leftArea{display: none;}
	.s5 .s5-c .rightArea{width: 100%;float: unset;}
	.s5 .s5-c .rightArea ul li{padding: 15px 15px 15px 5px;height: unset;}
}
@media screen and (max-width: 500px){
	.s5 .s5-c .leftArea{display: block;float: unset;width: 100%}
	.s5 .s5-c .leftArea .txt .cont{margin-top: 13px;}
	.s5 .s5-c .rightArea{margin-top: 20px}
	.s5 .s5-c .rightArea ul li{padding: 10px 10px 10px 5px;;margin-bottom: 10px}
	.s5 .s5-c .rightArea ul li .time{width: 70px;margin-right: 12px;height: 57px;text-align: center;padding-top: 15px}
	.s5 .s5-c .rightArea ul li .time .h{font-size: 26px;}
	.s5 .s5-c .rightArea ul li .time .p{font-size: 12px;margin-top: 5px}
	.s5 .s5-c .rightArea ul li .txt .h a{font-size: 16px;}
	.s5 .s5-c .rightArea ul li .txt .cont{}
}