﻿

.white{ color: #fff}
.banner span img{width: 100%;height: 100%;}
.xt_ban{position: absolute;top:55%;width: 100%;transform: translateY(-50%);box-sizing: border-box;padding: 0 5%;text-align: center;}
.ban1_list,.banner{height: 100%;}



.banner .swiper-slide{ background-size: cover; background-position: center; background-repeat: no-repeat;}


.xt_ban img{max-width: 100%;}
.xt_ban font{display: block;font-size: 14px;color: rgba(250,250,250,1);line-height: 18px;transform: translateY(200px);transition: 1s ease-in-out 0.3s;opacity: 0;}
.xt_ban h1{font-size: 48px;font-weight: bold;color: white;text-transform: uppercase;transform: translateX(200px);transition:1s ease-in-out 0.3s;opacity: 0;}
.xt_ban p{font-size: 22px;color: white;margin-bottom: 22px;transform: translateX(-200px);transition: 1s ease-in-out 0.3s;opacity: 0;margin-top: 24px;}
.banner .swiper-pagination{bottom:55px;}
.banner .swiper-pagination span{width: 25px;height: 2px;background: rgba(250,250,250,.8);opacity: 1;border-radius: 0;transition: 0.4s ease-out;margin: 0 8px !important;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background: #fff;width: 100px;}
.banner .xt_ban font img{opacity: 0;}
.banner .swiper-slide-active .xt_ban font img{}
.banner .swiper-slide-active h1,.banner .swiper-slide-active p{transform: translateX(0);opacity: 1;}
.banner .swiper-slide-active font{transform: translateY(0);opacity: 1;}

.ban1_list_i{display: inline-block;width: 75px;height: 75px;text-align: center;line-height: 75px;border: 1px solid rgba(250,250,250,.5);border-radius: 50%;
cursor: pointer;margin-top: 65px;transition: 1s ease-in-out .35s;transform:translateY(100px);opacity: 0;}
.banner .swiper-slide-active .ban1_list_i{transform: translateY(0);opacity: 1;}
.ban1_list_i img{animation: ran 2s linear infinite;}
.ban1_list_i a{display: block;}
@keyframes ran{
	0%{transform: translateY(-3px);}
	25%{transform: translateY(0px);}
	50%{transform: translateY(3px);}
	75%{transform: translateY(0px);}
	100%{transform: translateY(-3px);}
}



.section2_zong{display: block;height: 100%;font-size: 0;}
.sec2_left,.sec2_right{display: inline-block;vertical-align: middle;height: 100%;width: 50%;position: relative;}
.sec2_left img,.sec2_right img{width: 100%;height: 100%;}
.sec2_left {background: url(../images/sec2_03.jpg) no-repeat center center;background-size: cover;}
.sec2_right {background: url(../images/sec2_05.jpg) no-repeat center center;background-size: cover;text-align: center;}
.sec2_left_div{position: absolute;width: 100%;text-align: center;bottom: 65px;left: 0;}
.sec2_left_div h1{color: white;font-weight: bold;font-family: "arial black";font-size: 30px;}
.sec2_left_div p{font-size: 16px;color: rgba(250,250,250,.5);text-transform: uppercase;}
.sec2_left_div p:after{content: '';display: block;margin: 0 auto;width: 2px;height: 30px;background: #00923d;transform: rotate(25deg);margin-top: 30px;}
.sec2_left:after{content: '';display: block;width: 140px;height: 13px;background:#00923d;position: absolute;top: 50%;margin-top: -6px;right: -70px;z-index: 2;}
.sec2_right_div{display: inline-block;width: 400px;text-align: left;position: absolute;top: 50%;left: 45%;transform: translate(-50%,-50%);}
.sec2_right_div1 h1{display: inline-block;vertical-align: bottom;font-size: 35px;font-weight: bold;font-family: "arial black";color: #00923d;text-transform: uppercase;
line-height: 35px;}
.sec2_right_div1 font{display: inline-block;vertical-align: bottom;font-size: 18px;color: #00923d;font-weight: bold;margin-left: 5px;position: relative;top: -3px;}
.sec2_right_div1:after{content: '';display: block;width: 70px;height: 2px;background: #a6cc11;margin-top: 15px;}
.sec2_right_div .jianjie{-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;}
.sec2_right_div p{font-size: 16px;color: #282828;line-height: 30px;margin-top: 30px;}


.sec2_right_more{margin-top: 40px;}
.sec2_right_more i{font-size: 18px;color: #282828;font-weight: bold;font-family: "arial black";position: relative;z-index: 2;left: -25px;transition: 0.3s ease-out;}
.sec2_right_more a{display: block;width: 100px;height: 40px;text-align: center;line-height: 38px;position: relative;}
.sec2_right_more a:after{content: '';display: block;width: 55px;height: 10px;background: #a6cc11;position: absolute;left: 10px;bottom: 7px;transition: 0.3s ease-out;}
.sec2_right_more a:hover:after{width: 100%;height: 100%;left: 0;bottom: 0;}
.sec2_right_more a:hover i{left: 0px;}

.sec2_right_more1{margin-top: 40px;}
.sec2_right_more1 i{font-size: 18px;color: #fff;font-weight: bold;font-family: "arial black";position: relative;z-index: 2;left: -25px;transition: 0.3s ease-out;}
.sec2_right_more1 a{display: block;width: 100px;height: 40px;text-align: center;line-height: 38px;position: relative;}
.sec2_right_more1 a:after{content: '';display: block;width: 55px;height: 10px;background: #a6cc11;position: absolute;left: 10px;bottom: 7px;transition: 0.3s ease-out;}
.sec2_right_more1 a:hover:after{width: 100%;height: 100%;left: 0;bottom: 0;}
.sec2_right_more1 a:hover i{left: 0px;}



.sec2_right_bof{margin-top: 50px;}
.sec2_right_bof img{width: auto;}
.section3{background: url(../images/sec3_bg_03.jpg) no-repeat center center;background-size: cover;}


.section3 .divBox{font-size: 0;}
.sec3_left{display: inline-block;vertical-align: middle;width: 400px;box-sizing: border-box;padding-right: 80px;}
.sec3_left .sec2_right_div1 h1{ color: #00923d;}
.sec3_left .sec2_right_div1 font{margin-left: -30px; color: #00923d}
.sec3_left p{font-size: 16px;color: #282828;line-height: 30px;margin-top: 30px;}


.sec3_left1{display: inline-block;vertical-align: middle;width: 400px;box-sizing: border-box;padding-right: 80px;}
.sec3_left1 .sec2_right_div1 h1{ color: #fff;}
.sec3_left1 .sec2_right_div1 font{margin-left: -30px; color: #fff}
.sec3_left1 p{font-size: 16px;color: #fff;line-height: 30px;margin-top: 30px;}


.sec3_right{display: inline-block;vertical-align: middle;width: calc(100% - 400px);}
.sec3_right .swiper-slide{box-sizing: border-box;padding-bottom: 60px;}
.sec3_right .swiper-slide a{display: block;position: relative;text-align: center;background: #fff;box-sizing: border-box;/*border: 1px solid #fff;*/}
.sec3_right .swiper-slide a:after{content: '';display: block;width: 0%;height: 1px;background:#a6cc11;position: absolute;right: 0;top: 0;transition: 0.5s ease-out;z-index: 2;}
.sec3_right .swiper-slide a:before{content: '';display: block;width: 1px;height: 0%;background:#a6cc11;position: absolute;right: 0;top: 0;transition: 0.5s ease-out;z-index: 2;}
.sec3_right .swiper-slide a span:after{content: '';display: block;width: 0%;height: 1px;background:#a6cc11;position: absolute;left: 0;bottom: 0;transition: 0.5s ease-out;z-index: 2;}
.sec3_right .swiper-slide a span:before{content: '';display: block;width:1px;height: 0%;background:#a6cc11;position: absolute;left: 0;bottom: 0;transition: 0.5s ease-out;z-index: 2;}
.sec3_right .swiper-slide a:hover:after,.sec3_right .swiper-slide a:hover span:after{width: 100%;}
.sec3_right .swiper-slide a:hover:before,.sec3_right .swiper-slide a:hover span:before{height: 100%;}


.sec3_right .swiper-slide a span{display: block;}
.sec3_right .swiper-slide a span img{max-width:100%;transform: translateX(0);}
.sec3_right_div{box-sizing: border-box;padding:28px 35px 40px;}
.sec3_right_div h1{font-size: 18px;color: #2c3238;transition: 0.3s ease-out;-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;}
.sec3_right_div p{position: relative;margin-top: 5px;}
.sec3_right_div p:after{content: '';display: block;width: 100%;height: 1px;background: #cecfd1;position: absolute;top: 50%;left: 0;}
.sec3_right_div p font{display: inline-block;font-size: 14px;color:#a7acb5;background: #fff;box-sizing: border-box;padding: 0 15px;z-index: 2;position: relative;}
.sec3_right .swiper-slide a i{display: block;width: 45px;height: 45px;line-height: 45px;text-align: center;border-radius: 50%;background: #a6cc11;
position: absolute;bottom: -20px;left: 50%;margin-left: -22px;z-index: 3;transition: 0.3s ease-in-out;transform: translateY(20px);opacity: 0;}
.sec3_right .swiper-slide a i img{transition: 0.3s ease-out;transform:translateX(0px);}
.sec3_right .swiper-slide a i:hover img{transform:translateX(0px) rotate(180deg);}
.sec3_right .swiper-slide a:hover i{transform: translateY(0);opacity: 1;}
.sec3_right .swiper-slide a:hover h1{color: #a6cc11;}
.sec3_right .swiper-pagination{text-align: left;display: inline-block;width: auto;margin-left: 22px;}
.sec3_right .swiper-pagination span{background: #fff;opacity: 1;border-radius: 10px;transition: 0.3s ease-out;}
.sec3_right .swiper-pagination .swiper-pagination-bullet-active{width: 55px;background:#00923d;}
.sec3_right .swiper-button-next,.sec3_right .swiper-button-prev{width: 10px;height: 10px;text-align: center;line-height: 10px;background: transparent;color: #fff;
font-size: 12px;}
.sec3_right .swiper-button-next{right: auto;top: auto;bottom: 8px;left: 255px;}
.sec3_right .swiper-button-prev{right: auto;top: auto;bottom: 8px;left: 0;}
.sec3_right .swiper-button-next:hover,.sec3_right .swiper-button-prev:hover{color:#00923d;}





.section5{background: url(../images/sec5_03.jpg) no-repeat center center;background-size: cover;}
.section5 .divBox{font-size: 0;}
.sec5_right{display: inline-block;vertical-align: middle;width: calc(100% - 400px);}
.sec5_left .sec2_right_div1 font{margin-left: 5px;}
.sec5_right .swiper-slide a{display: block;box-sizing: border-box;padding-bottom: 30px;}
.sec5_right .swiper-slide a span{display: block;overflow: hidden;position: relative;}
.sec5_right .swiper-slide a span img{width: 100%;transition: 0.3s ease-in-out;}
.sec5_right .swiper-slide a span:after{content: '';display: block;width: 100%;height: 2px;background:#a6cc11;position: absolute;bottom: 0;left: 0;
transition: 0.3s ease-out;transform: scaleX(0);}
.sec5_right .swiper-slide a:hover span img{transform: scale(1.05);}
.sec5_right .swiper-slide a:hover span:after{transform: scale(1);}
.sec5_right_div time{display: block;text-align: center;font-size: 12px;color: #999999;}
.sec5_right_div{margin-top: 35px;box-sizing: border-box;padding: 0 20px;}
.sec5_right_div h1{font-size: 16px;color: #282828;margin-top: 7px;text-align: center;transition: 0.3s ease-in-out; height:45px;}

.sec5_right_div .new_jj{font-size: 14px;color: #999999;line-height: 25px;/*height:120px;*/margin-top: 5px;position: relative; padding-bottom:20px;}

.sec5_right_div p{
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;

}
.sec5_right .swiper-slide a:hover .sec5_right_div h1{color:#00923d;}
.sec5_right_div .new_jj:after{content: '';display: block;width: 2px;height: 22px;background: #2c3238;transform: rotate(25deg);position: absolute;bottom: -23px;left: 50%;
transition: 0.3s ease-in-out;}
.sec5_right .swiper-container:after{content: '';display: block;width: 100%;height: 1px;border-bottom: 1px dashed #c3c3c3;bottom: 18px;position: absolute;}
.sec5_right .swiper-slide a:hover .sec5_right_div .new_jj:after{transform: rotate(180deg);background:#a6cc11;}
.sec5_right .swiper-button-next,.sec5_right .swiper-button-prev{display: none;}

.alw{position: absolute;right:40px;top: 50%;transform: translateY(-50%);z-index: 3;}
.section6 .fp-tableCell,.section6 {height: auto !important;}
.section4{background: url(../images/sec4_03.jpg) no-repeat center center;background-size: cover;}



.section4 .divBox{font-size: 0;height: 100%;}
.sec4_left{display: inline-block;vertical-align: middle;width: calc(100% - 400px);height: 100%;}
.section4  .sec2_right_div1 h1,.section4 .sec2_right_div1 font{/*color: #00923d;*/color: #fff;}
.section4 .sec2_right_div1 font{margin-left: 11px;}

.sec4_right h2{font-size: 18px;color: white;font-weight: bold;margin-top: 20px;}
.sec4_right p{color: rgba(250,250,250,1);margin-top: 25px;}
.sec4_right .sec2_right_more i{color:#fff;}
.sec4_right .sec2_right_more a:after{background: #888785;}

.sec4_right .sec2_right_more1 i{color:#00923d;}
.sec4_right .sec2_right_more1 a:after{background: #888785;}

.sec4_left ,.sec4_left_right,.sec4_left_right .swiper-container{height: 800px;}
.sec4_left_right{width: 350px;}
.sec4_left_right .swiper-slide span,.sec4_left_left_u1 li span{display: block;width: 100%;height: 100%;overflow: hidden;box-sizing: border-box;border: 4px solid #7d7c79;}
.sec4_left_right .swiper-slide span img{width: 100%;height: 100%;}
.sec4_left_right .swiper-slide a{display: block;position: relative;width: 100%;height: 100%;}
.sec4_left_right .swiper-slide a:after{content: '';display: block;width: 100%;height: 100%;background: rgba(52,56,65,.2);position: absolute;top: 0;left: 0;
box-sizing: border-box;border: 1px solid rgba(250,250,250,.6);transform: scale(0.9);transition: 0.4s ease-out;}
.sec4_left_right .swiper-slide a:before{content: '';display: block;width: 100%;height: 100%;background: rgba(0,146,61,.2);position: absolute;top: 0;left: 0;
opacity: 0;transition: 0.4s ease-out;box-sizing: border-box;border: 1px solid rgba(250,250,250,.6);}
.sec4_left_right .swiper-slide a p{width: 100%;position: absolute;font-size: 18px;color: white;font-weight: bold;bottom: 30px;text-align: center;z-index: 3;
transform: translateY(-20px);opacity: 0;transition: 0.4s ease-out;}
.sec4_left_right .swiper-slide a:hover:after{transform: scale(1.1);opacity: 0;}
.sec4_left_right .swiper-slide a:hover:before{transform: scale(0.9);opacity: 1;}
.sec4_left_right .swiper-slide a:hover p{transform: translateY(0);opacity: 1;}
/*.sec4_left_right .swiper-slide:after{content: '';display: block;width: 100px;height: 10px;background: #fccf1c;position: absolute;right: -50px;top: 50%;
margin-top: -5px;}*/


.sec4_left_left{display: inline-block;vertical-align: middle;width: 350px;margin-right: 50px;}
.sec4_left_right{display: inline-block;vertical-align: middle;}
.sec4_left_left_u1{}
.sec4_left_left_u1 li img{width: 100%;}
.sec4_left_left_u1 li a{display: block;position: relative;}
.sec4_left_left_u1 li  a:after{content: '';display: block;width: 100%;height: 100%;background: rgba(52,56,65,.2);position: absolute;top: 0;left: 0;
box-sizing: border-box;border: 1px solid rgba(250,250,250,.6);transform: scale(0.9);transition: 0.4s ease-out;}
.sec4_left_left_u1 li  a:before{content: '';display: block;width: 100%;height: 100%;background: rgba(0,146,61,.2);position: absolute;top: 0;left: 0;
opacity: 0;transition: 0.4s ease-out;box-sizing: border-box;border: 1px solid rgba(250,250,250,.6);}
.sec4_left_left_u1 li a p{width: 100%;position: absolute;font-size: 18px;color: white;font-weight: bold;bottom: 30px;text-align: center;z-index: 3;
transform: translateY(-20px);opacity: 0;transition: 0.4s ease-out;}
.sec4_left_left_u1 li a:hover:after{transform: scale(1.1);opacity: 0;}
.sec4_left_left_u1 li a:hover:before{transform: scale(0.9);opacity: 1;}
.sec4_left_left_u1 li a:hover p{transform: translateY(0);opacity: 1;}
.sec4_left_left_u1 li:nth-child(2){margin-top: 50px;}
.sec4_left_right{position: relative;}
.sec4_left_right_div{position: absolute;bottom: 45px;right: -145px;}
.sec4_left_right_div font{display: inline-block;vertical-align: middle;font-size: 12px;color: rgba(250,250,250,.4);margin-left:10px;margin-top: 3px;}
.sec4_left_right_div img{animation: ran 3s linear infinite;}





.sec2_right_div1 h1,.sec2_right_div1 font,.sec2_right_div p,.sec2_right_more,.sec2_right_bof,.sec3_left p,.sec3_right,.sec4_right h2,.sec4_right p,
.sec5_right{transform: translateY(200px);opacity: 0;}

.sec2_right_div1 h1,.sec2_right_div1 font,.sec2_right_div p,.sec2_right_more1{transform: translateY(200px);opacity: 0;}


.sec2_right_div1 h1{transition: 1s ease-in-out .4s;}
.sec2_right_div1 font{transition: 1s ease-in-out .6s;}
.sec2_right_div1:after{transition: 1s ease-in-out .8s;}
.sec2_right_div1:after{transform: translateX(200px);opacity: 0;}
.section2.active .sec2_right_div1 h1,.section2.active .sec2_right_div1 font,.section2.active .sec2_right_div p,.section2.active .sec2_right_div .sec2_right_more,
.section2.active .sec2_right_bof,.section3.active .sec2_right_div1 h1,.section3.active .sec2_right_div1 font
,.section4.active .sec2_right_div1 h1,.section4.active .sec2_right_div1 font,.section5.active .sec2_right_div1 h1,.section5.active .sec2_right_div1 font,
.section3.active .sec3_left p,.section3.active .sec2_right_more,.section3.active .sec3_right,.section4.active .sec4_right h2,.section4.active .sec4_right p,
.section4.active .sec4_right .sec2_right_more,.section5.active .sec5_left p,.section5.active .sec5_left .sec2_right_more,.section5.active .sec5_right{transform: translateY(0);opacity: 1;}


.section2.active .sec2_right_div1 h1,.section2.active .sec2_right_div1 font,.section2.active .sec2_right_div p,.section2.active .sec2_right_div .sec2_right_more1,
.section2.active .sec2_right_bof,.section3.active .sec2_right_div1 h1,.section3.active .sec2_right_div1 font
,.section4.active .sec2_right_div1 h1,.section4.active .sec2_right_div1 font,.section5.active .sec2_right_div1 h1,.section5.active .sec2_right_div1 font,
.section3.active .sec3_left p,.section3.active .sec2_right_more1,.section3.active .sec3_right,.section4.active .sec4_right h2,.section4.active .sec4_right p,
.section4.active .sec4_right .sec2_right_more1,.section5.active .sec5_left p,.section5.active .sec5_left .sec2_right_more1,.section5.active .sec5_right{transform: translateY(0);opacity: 1;}


.section2.active .sec2_right_div1:after,.section3.active .sec2_right_div1:after,.section4.active .sec2_right_div1:after,.section5.active .sec2_right_div1:after{transform: translateX(0);opacity: 1;}

.sec2_right_div p:nth-of-type(1),.sec3_left  p:nth-of-type(1),.sec4_right h2{transition: 1s ease-in-out 1s;}
.sec2_right_div p:nth-of-type(2),.sec3_left  p:nth-of-type(2),.section3 .sec2_right_more{transition: 1s ease-in-out 1.1s;}
.sec2_right_div .sec2_right_more,.sec3_right,.sec4_right p{transition: 1s ease-in-out 1.2s;}
.sec2_right_div p:nth-of-type(2),.sec3_left  p:nth-of-type(2),.section3 .sec2_right_more1{transition: 1s ease-in-out 1.1s;}
.sec2_right_div .sec2_right_more1,.sec3_right,.sec4_right p{transition: 1s ease-in-out 1.2s;}

.sec2_right_bof{transition: 1s ease-in-out 1.3s;}

.section4.active .sec4_left_right{opacity: 1;}
.section4.active .sec4_left_left_u1 li{transform: translateX(0);opacity: 1;}
.sec4_left_right{opacity: 0;transition: 1.5s ease-in-out .6s;}
.sec4_left_left_u1 li{transform: translateX(-200px);opacity: 0;}
.sec4_left_left_u1 li:nth-child(1){transition: 1s ease-in-out 1s;}
.sec4_left_left_u1 li:nth-child(2),.sec5_left .sec2_right_more{transition: 1s ease-in-out 1.2s;}
.sec4_left_left_u1 li:nth-child(2),.sec5_left .sec2_right_more1{transition: 1s ease-in-out 1.2s;}


.sec4_right .sec2_right_more,.sec5_right{transition: 1s ease-in-out 1.3s;}

.sec4_right .sec2_right_more1{transition: 1s ease-in-out 1.3s;}

.alw img{transform: translateX(50px);opacity: 0;transition: 0.8s ease-out 1s;}
.section2.active .alw img,.section3.active .alw img,.section4.active .alw img,.section5.active .alw img{transform: translateX(0);opacity: 1;}

@media only screen and (max-width:1600px) {
	
	.sec4_left_right{width: 270px;}
	.sec4_left_left{width: 365px;}
}

@media only screen and (max-width:1500px) {
	
}
@media only screen and (max-width:1366px) {
	.sec4_left_left{width: 200px;}
	.sec4_left_right{width: 315px;}
}





@media only screen and (max-width:768px) {
	.banner span img{width: auto;height: 100%;}
}