.banner{height: 100%;}


.section1 video{width: 100%;height: 100%;object-fit: cover;}
.section1:after{content: '';display:block;width: 100%;height: 100%;background: url(../images/wenli.png) repeat;position: absolute;top: 0;left: 0;z-index: 2;}
.banner4{display: block;}

.banner5{display: none;}
.banner .swiper-slide{overflow: hidden;}
.banner a{display: block;height: 100%;width: 100%; position: relative;}
.banner a img{ min-height: 100%;min-width: 100%;display: block;}

.banner5 a img{}
.banner .swiper-pagination-bullet{border-radius: 0;width: 70px;height: 3px;background: #fff;margin: 0 10px;opacity: 0.6;}
.banner .swiper-pagination-bullet-active{opacity: 0.9 !important;}
.inTitle h2{font-size: 36px;color: #027e72;margin-bottom: 5px;}
.inTitle p{font-family: arial;text-transform: uppercase;color: #333;}
.inTitle .line{width: 30px;height: 2px;background: #E5E5E5;display: block;margin: 15px 0;}
.divBox1{width: 1740px;max-width: 90%;margin: 0 auto;}
.styleRight{width: 80%;overflow: hidden;position: relative;}
.styleRight img{width: 100%;height: auto;}
.section2 .inTitle, .section4 .inTitle{width: 20%;}
.section2 .inTitle li{font-size: 18px;cursor: pointer; line-height: 47px;margin-bottom: 1px;width: 105px;position: relative;}
.section2 .inTitle li:after{content: '';display: block;width: 100%;height: 100%;position: absolute;left: -100%;top: 0;}
.section2 .inTitle li.active, .section2 .inTitle li:hover, .section2 .inTitle li.active:after, .section2 .inTitle li:hover:after{color: #fff;background: #027e72;}
.styleRight .swiper-container{position: absolute;top: 0;left: 0;z-index: -1;background: #fff;width: 100%;}
.styleRight .swiper-container.active{position: inherit;z-index: 1;}
.styleRight .swiper-button-prev, .styleRight .swiper-button-next{position: inherit;display: inline-block;vertical-align: middle;background: #E5E5E5;margin-top: 15px;width: 55px;height: 55px; line-height: 55px;text-align: center;left: 0;right: 0;margin-right: 10px;opacity: 1;}
.styleRight .swiper-button-prev i, .styleRight .swiper-button-next i{color: #027e72;}
.styleRight .swiper-button-prev:hover i, .styleRight .swiper-button-next:hover i{color: #fff;}
.styleRight .swiper-button-prev:hover, .styleRight .swiper-button-next:hover{background: #027e72;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{pointer-events: inherit;}
.styleRight .swiper-slide a{display: block;position: relative;}
.styleRight .swiper-slide a p{position: absolute;color: #fff;font-size: 24px;z-index: 2;opacity: 0;left: 50%;top: 50%; transform: translate(-50%,-50%) scale(0);-webkit-transform: translateX(-50%,-50%) scale(0);-moz-transform: translateX(-50%,-50%) scale(0);-o-transform: translateX(-50%,-50%) scale(0);}
.styleRight .swiper-slide a:after{width: 100%;height: 100%;z-index: 1;opacity: 0; background: rgba(0,0,0,0.51);border: 1px solid #fff;content: '';display: block;}
.styleRight .swiper-slide:hover a:after{width: 90%;height: 85%;opacity: 1;}
.styleRight .swiper-slide:hover a p{opacity: 1;transform: translate(-50%,-50%) scale(1);-webkit-transform: translateX(-50%,-50%) scale(1);-moz-transform: translateX(-50%,-50%) scale(1);-o-transform: translateX(-50%,-50%) scale(1);}
.section3 .inTitle h2, .section3 .inTitle p{color: #fff;}
.section3 .inTitle .line{background: #697C64;}
.section3{position: relative;}
.section3 .inTitle{top: 140px;z-index: 99;}

.section3 .swiper-button-prev, .section3 .swiper-button-next{background: rgba(0,0,0,0.5);display: none;text-align: center;line-height: 44px;}

.section3 .swiper-button-prev{left: 0;}

.section3 .swiper-button-next{right: 0;}

.section3 .swiper-button-prev i, .section3 .swiper-button-next i{color: #fff;}
.lyggBar{height: 100%;}
.lyggBar img{min-height: 100%;min-width: 100%;} 
.lyggBar .swiper-slide{position: relative;}
.lyggBar .swiper-slide div{text-align: center;width: 80%;}
.lyggBar .swiper-slide div i{font-size: 38px;color: #fff;display: block;margin: 0 auto 50px;width: 88px;height: 88px; line-height: 88px;border: 1px solid #fff;border-radius: 50%;}
.lyggBar .swiper-slide div h3{font-size: 30px;color: #fff;font-weight: normal;}
.lyggBar .swiper-slide div .line{display: block;margin: 20px auto;width: 25px;height: 1px;background: #fff;opacity: 0.5;}
.lyggBar .swiper-slide div p{font-size: 15px;color: #fff;line-height: 30px;}
.lyggBar .swiper-slide div a{display: block; width: 110px;line-height: 30px;color: #fff;text-align: center;margin: 60px auto 0;font-family: arial; border-top: 1px solid rgba(194, 204, 230, 0);border-bottom: 1px solid rgba(194, 204, 230, 0);}
.lyggBar .swiper-slide:hover div{padding-bottom: 45px;}
.lyggBar .swiper-slide:hover div .line{transform: rotateZ(90deg);}
.lyggBar .swiper-slide:hover div a{border-bottom-color: rgba(194, 204, 230, 1); border-top-color: rgba(194, 204, 230, 1);}
.section4{background: #F8F8F8;}
.productBar{width: 80%;}

.productBar .swiper-slide figure{height: 241px;width: 100%;display: block;text-align:center;}
/*.productBar .swiper-slide figure img{width: 100%;display: block;height: 100%;}*/
.productBar .swiper-slide figure img{height: 100%; text-align:center;}
.productBar .swiper-slide:nth-child(2n) a{display: flex;  flex-direction: column-reverse;}
/*.productBar .swiper-slide:nth-child(2n) div, .productBar .swiper-slide:nth-child(2n) figure{flex: 1;}*/

.productBar .swiper-slide div{padding: 40px;box-sizing: border-box;height: 241px;}
.productBar .swiper-slide div h3{color: #027e72;font-size: 24px;font-weight: normal;}
.productBar .swiper-slide div p{line-height: 22px;opacity: 0.6;margin: 15px auto 30px;}
.productBar .swiper-slide div .line{display: block;width: 35px;height: 2px;background: #027e72;}
.productBar .swiper-slide{position: relative;}
.productBar .swiper-slide a:after{display: block;content: '';width: 100%;height: 100%;opacity: 0;}
.productBar .swiper-slide:hover a:after{width: 93%;height: 95%;border: 1px solid #fff;opacity: 1;}

.productBar .swiper-slide:hover{background: #E4E9E2;}
.productBar .swiper-slide:hover div p{color: #027e72;}
/*.productBar .swiper-slide:hover .line{width: 100%;}*/
.section4 .divBox1{position: relative;}
.section4 .divBox1:after{position: absolute;top: 49.98%;left: -50%;content: '';display: block;width: 200%;height: 1px;background: #AFBDA9;}
.section4 .inTitle{padding-top: 3%;}
.section4 .swiper-pagination{bottom: -70px;text-align: center;width: 100%;}
.section4 .swiper-pagination-bullet{display: inline-block;width: 10px;height: 10px;margin: 0 5px;background: #027e72;opacity: 1; border: 1px solid transparent;}
.section4 .swiper-pagination-bullet-active{background: transparent;border-color: #027e72;}
.section5 .inTitle{width: 45%;}
.aboutBar{position: absolute;right: 0;width: 50%;height: 100%;z-index: 1;top: 0;}
.section5  .aboutMan{line-height: 26px;padding: 35px 0 50px;border-bottom: 1px solid #D0D0D0;position: relative;}
.section5  .aboutMan:after{position: absolute;bottom: -1px;left: 0;content: '';display: block; width: 50px;height: 2px;background: #027e72;}
.section5 ul{margin: 50px 0;}
.section5 ul li{text-align: center;width: 120px;margin-right: 10px;}
.section5 ul i{display: block;margin: 0 auto 15px;position: relative; width: 97px;height: 97px;line-height: 97px;background: #F2F5F0;color: #027e72;border-radius: 50%;font-size: 30px;}
.section5 ul i:after{position: absolute;top: 50%;left: 50%;content: '';display: block;width: 102px;height: 102px;border: 1px dashed #BBC7B5;border-radius: 50%;margin: -53px 0 0 -53px;}
.section5 ul p{font-size: 15px;}
.section5 ul li:hover i{background: #027e72;color: #fff;}
.section5 ul li:hover i:after{animation: move 0.6s linear infinite;}
@keyframes move{
	from{transform: rotateZ(0);}
	to{transform: rotateZ(360deg);}
}
.section5 .inTitle>a{display: block;width: 170px;line-height: 40px;text-align: center;font-size: 15px;color: #fff;background: #027e72;}
.section5 .inTitle>a:hover{background: #1e6906;}
.aboutBar .swiper-slide{overflow: hidden;}
.aboutBar a{display: block;height: 100%;width: 100%;position: relative;}
.aboutBar a img{width: auto;height: 100%;display: block;}
.aboutBar .swiper-pagination{bottom: 60px;}
.aboutBar .swiper-pagination-bullet{width: 80px;height: 4px;background: #fff;border-radius: 0;opacity: 0.5;}
.aboutBar .swiper-pagination-bullet-active{background: #38B607;}
.section6 ol{float: right;margin-top: 30px;}
.section6 ol li{line-height: 40px;padding: 0 35px;position: relative;cursor: pointer;color: #027e72;font-size: 18px;}
.section6 ol li:after{content: '';display: block;position: absolute; width: 1px;height: 13px;background: #4C6B40;opacity: 0.3;right: 0;top: 50%;margin-top: -6px;}
.section6 ol li:last-child:after{display: none;}
.section6 ol li.active, .section6 ol li:hover{color: #fff;background: #027e72;}
.newsBox{margin-top: 70px;}
.newsBox .swiper-slide{background: #fff;position: relative;border-top: 5px solid #fff;border-radius: 5px;padding: 70px 58px 30px;}
.newsBox .swiper-slide:hover{border-top-color: #027e72;}
.newsBox .swiper-slide:after{content: '';display: block;opacity: 0; width: 0;height: 0;border: 8px solid transparent;border-top-color: #027e72;position: absolute;top: 0;left: 50%;margin-left: -8px;}
.newsBox .swiper-slide:hover:after{opacity: 1;}
.newsBox .swiper-slide time b{color: #027e72;font-size: 30px;font-family: arial;margin-right: 8px;}
.newsBox .swiper-slide time{color: rgba(16,20,24,0.5);}
.newsBox .swiper-slide h3{color: #101418;margin: 20px 0;height: 70px;line-height: 24px;overflow: hidden;border-bottom: 1px solid #E6E6E6;}
.newsBox .swiper-slide img{width: 100%;height: auto;display: block;}
.newsBox .swiper-slide a{display: block;width: 100%;}
.newsBox .swiper-slide div{height: 141px;overflow: hidden;width: 100%;box-sizing: border-box;position: relative;}
.newsBox .swiper-slide figure{position: absolute;left: 0;top: 141px;display: block;width: 100%;z-index: 1;}
.newsBox .swiper-slide:hover figure{top: 0;}
.newsBox .swiper-slide i{display: block;width: 35px;height: 35px; line-height: 35px;background: #027e72;border-radius: 50%;text-align: center;font-size: 14px;color: #fff;position: absolute;left: 0;bottom: 0;z-index: 2;}
.newsBox .swiper-slide:hover i{bottom: 50%;left: 50%;margin-left: -18px;margin-top: 18px;background: rgba(17,66,1,0.7);}
.newsBox{height: 391px;overflow: hidden;position: relative;}
.newsBox>div{position: absolute;top: 0;left: 0;width: 100%;opacity: 0;z-index: -1;}
.newsBox>div.active{opacity: 1;z-index: 1;}
.section7 .inTitle ul, .section7 .inTitle div{display: inline-block;vertical-align: bottom;}
.section7 .inTitle ul p{color: rgba(51,51,51,0.6);}
.section7 .inTitle ul p b{color: #027e72;font-size: 30px;font-family: arial;display: block;}
.section7 .inTitle ul i{width: 50px;height: 50px;line-height: 50px;text-align: center;background: #027e72;font-size: 20px;color: #fff;margin-right: 15px;border-radius: 50%;}
.section7 .inTitle ul li{font-size: 15px;margin-bottom: 10px;}
.section7 .inTitle ul li:first-child{padding: 20px 0;border-bottom: 1px solid #EEEEEE;}
.section7 .inTitle div{margin: 0 180px 0 100px;}
.section7 .inTitle div a{display: inline-block;vertical-align: bottom;margin-right: 15px;}
.section7 form{width: 800px;}
.section7 form ul{font-size: 0;}
.section7 form li{position: relative;width: 33%;margin-right: 0.5%;display: inline-block;}
.section7 form li:nth-child(3n), .section7 form li:last-child{margin-right: 0;}
.section7 form li:last-child{width: 100%;}
.section7 form input{height: 60px;border: none;border-bottom: 1px solid #EDEDED;width: 100%;text-indent: 7em;outline: none;}
.section7 form li textarea{resize: none; display: block;height: 150px;padding-top: 21px; padding-left: 9em;outline: none;border: none;border-bottom: 1px solid #EDEDED;width: 100%;}
.section7 form input:focus, .section7 form li textarea:focus{border-bottom-color: #97AA8E;}
.section7 form input:focus + p, .section7 form li textarea:focus + p,
.section7 form input:focus + p span, .section7 form li textarea:focus + p span{color: #027e72;}
.section7 form li p{line-height: 60px;font-size: 15px;position: absolute;top: 0;left: 0;}
.section7 form li p span{color: #aeaeae;font-size: 15px;}
.section7 form input[type=submit]{width: 120px;margin-top: 20px;cursor: pointer; text-indent: 0; display: block; height: 40px;outline: none;border: none;background: #027e72;color: #fff;font-size: 15px;}
.section7 form input[type=submit]:hover{background: #1E6906;}
.section7 figure img{width: 100%;height: auto;}
.section7 .fp-tableCell, .section3 .fp-tableCell{display: block;}
.section7 .divBox1{padding-top: 95px;}


#fp-nav ul li a span, .fp-slidesNav ul li a span{width: 2px;height: 2px;background: #A2A2A2; border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span,
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, 
.fp-slidesNav ul li:hover a.active span{width: 8px;height: 8px;background: transparent;border: 2px solid #585858;margin-left: -5px;margin-top: -5px;}
#fp-nav ul li a span:before{display: none;}
#fp-nav ul li a span:after{background: #F2F2F2;}
#fp-nav ul li, .fp-slidesNav ul li{margin: 14px 0;}
#fp-nav.active1{/*display: none;*/}
#fp-nav.active2 ul li a span{background: #fff;}
#fp-nav.active2 ul li:hover a span, #fp-nav.active2 ul li a.active span, #fp-nav.active2 ul li:hover a.active span{/*border-color: #fff;*/background: transparent;}

.section1{position: relative;}
.mouse img{display: inline-block;height: auto;}
.mouse{z-index: 99; display: block;position: absolute;width: 80px;height: 80px;line-height: 80px;text-align: center;border-radius: 50%;left: 50%;bottom: 80px;margin-left: -40px;}
.mouse:before, .mouse:after{content: '';display: block;width: 100%;height: 100%;border: 1px solid #fff;border-radius: 50%;
	transition:all .8s ease 0s;
  -webkit-transition:all .8s ease 0s;
   -moz-transition:all .8s ease 0s; 
  -ms-transition:all .8s ease 0s; 
  -o-transition:all .8s ease 0s;}
.mouse:after{width: 0;height: 0;border-color: #fff;opacity: 0;}
.mouse:hover:before{width: 120%;height: 120%;opacity: 0;}
.mouse:hover:after{width: 100%;height: 100%;opacity: 1;}

section, .lyggBar .swiper-slide{overflow: hidden;}

.inTitle h2, .inTitle p, .inTitle .line, .section2 .inTitle li, .section7 .inTitle ul li{transform: translateX(-50px);opacity: 0;}
.lyggBar .swiper-slide{transform: translateY(100%);opacity: 0;}
.lyggBar .swiper-slide div{transform: scale(0) translate(-50%,-50%);opacity: 0;}
.productBar .swiper-slide:nth-child(2n+1) figure, .productBar .swiper-slide:nth-child(2n) div{transform: translateY(-50px);opacity: 0;}
.productBar .swiper-slide:nth-child(2n) figure, .productBar .swiper-slide:nth-child(2n+1) div,
.section4 .swiper-pagination, .newsBox .swiper-slide, .section7 .inTitle div, .section5 ul li,
.section7 form, .section5 .inTitle h2, .section5 .inTitle p, .section5 .inTitle .line,
.aboutMan, .section5 .inTitle>a{transform: translateY(50px);opacity: 0;}
.aboutBar{transform: translateX(100%) scale(0);opacity: 0;}
.styleRight, .section6 ol{transform: translateX(100%);opacity: 0;}

.section2.active .inTitle h2, .section2.active .inTitle p, .section2.active .inTitle .line, .section2.active .inTitle li,
.section3.active .inTitle h2, .section3.active .inTitle p, .section3.active .inTitle .line, 
.section4.active .inTitle h2, .section4.active .inTitle p, .section4.active .inTitle .line,
.section6.active .inTitle h2, .section6.active .inTitle p, .section6.active .inTitle .line,
.section7.active .inTitle h2, .section7.active .inTitle p, .section7.active .inTitle .line, .section7.active .inTitle ul li,
.section2.active .styleRight, .section6.active ol{transform: translateX(0);opacity: 1;}
.section3.active .lyggBar .swiper-slide, .section4.active .productBar .swiper-slide div,  .section4.active .productBar .swiper-slide figure,
.section6.active .newsBox .swiper-slide, .section7.active .inTitle div, .section7.active form, .section5.active .inTitle h2, 
.section5.active .inTitle p, .section5.active .inTitle .line, .section5.active .aboutMan, .section5.active ul li, 
.section5.active .inTitle>a, .section4.active .swiper-pagination{transform: translateY(0);opacity: 1;}
.section3.active .lyggBar .swiper-slide div{transform: scale(1) translate(-50%,-50%);opacity: 1;}
.section5.active .aboutBar{transform: translateX(0) scale(1);opacity: 1;}

.inTitle h2, .lyggBar .swiper-slide:nth-child(1){transition: all 0.8s ease-in-out 0.4s;}
.inTitle p, .lyggBar .swiper-slide:nth-child(2),  
.section6 ol{transition: all 0.8s ease-in-out 0.6s;}
 .lyggBar .swiper-slide:nth-child(1) div{transition: transform 0.8s ease-in-out 0.6s, padding-bottom 0.4s ease-in-out 0s;}
.inTitle .line, .lyggBar .swiper-slide:nth-child(3){transition: all 0.8s ease-in-out 0.8s;}
.lyggBar .swiper-slide:nth-child(2) div{transition: transform 0.8s ease-in-out 0.8s, padding-bottom 0.4s ease-in-out 0s;}
.lyggBar .swiper-slide:nth-child(4), .aboutMan, .section5 ul li:nth-child(1), .section7 .inTitle ul li:nth-child(1){transition: all 0.8s ease-in-out 1s;}
.newsBox .swiper-slide:nth-child(1){transition: transform 0.8s ease-in-out 1s, opacity 0.8s ease-in-out 1s, border-top 0.4s ease-in-out 0s;}
.lyggBar .swiper-slide:nth-child(3) div{transition: transform 0.8s ease-in-out 1s, padding-bottom 0.4s ease-in-out 0s;}
.section2 .inTitle li:nth-child(1){transition: transform 0.8s ease-in-out 1s, background 0.4s ease-in-out 0s, opacity 0.8s ease-in-out 1s;}
.section5 ul li:nth-child(2), .section7 .inTitle ul li:nth-child(2){transition: all 0.8s ease-in-out 1.2s;}
.newsBox .swiper-slide:nth-child(2){transition: transform 0.8s ease-in-out 1.2s, opacity 0.8s ease-in-out 1.2s, border-top 0.4s ease-in-out 0s;}
.lyggBar .swiper-slide:nth-child(4) div{transition: transform 0.8s ease-in-out 1.2s, padding-bottom 0.4s ease-in-out 0s;}
.section2 .inTitle li:nth-child(2){transition: transform 0.8s ease-in-out 1.2s, background 0.4s ease-in-out 0s, opacity 0.8s ease-in-out 1.2s;}
.section3 .inTitle h2, .section5 ul li:nth-child(3), .section7 .inTitle ul li:nth-child(3){transition: all 0.8s ease-in-out 1.4s;}
.newsBox .swiper-slide:nth-child(3){transition: transform 0.8s ease-in-out 1.4s, opacity 0.8s ease-in-out 1.4s, border-top 0.4s ease-in-out 0s;}
.section2 .inTitle li:nth-child(3){transition: transform 0.8s ease-in-out 1.4s, background 0.4s ease-in-out 0s, opacity 0.8s ease-in-out 1.4s;}
.section3 .inTitle p, .section5 ul li:nth-child(4), .section7 .inTitle div{transition: all 0.8s ease-in-out 1.6s;}
.newsBox .swiper-slide:nth-child(4) {transition: transform 0.8s ease-in-out 1.6s, opacity 0.8s ease-in-out 1.6s, border-top 0.4s ease-in-out 0s;}
.section2 .inTitle li:nth-child(4){transition: transform 0.8s ease-in-out 1.6s, background 0.4s ease-in-out 0s, opacity 0.8s ease-in-out 1.6s;}
.section3 .inTitle .line, .section7 form{transition: all 0.8s ease-in-out 1.8s;}
.section2 .inTitle li:nth-child(5){transition: transform 0.8s ease-in-out 1.8s, background 0.4s ease-in-out 0s, opacity 0.8s ease-in-out 1.8s;}
.aboutBar{transition: all 1.4s ease-in-out 0.4s;}

.styleRight{transition: all 1.4s ease-in-out 0.4s;}
.section5 .inTitle>a{transition: transform 0.8s ease-in-out 2s, opacity 0.8s ease-in-out 2s, background 0.4s ease-in-out 0s;}

.productBar .swiper-slide:nth-child(1) figure{transition: all 0.8s ease-in-out 0.8s;}
.productBar .swiper-slide:nth-child(1) div{transition: all 0.8s ease-in-out 1s;}
.productBar .swiper-slide:nth-child(2) div{transition: all 0.8s ease-in-out 1.2s;}
.productBar .swiper-slide:nth-child(2) figure{transition: all 0.8s ease-in-out 1.4s;}
.productBar .swiper-slide:nth-child(3) figure{transition: all 0.8s ease-in-out 1.6s;}
.productBar .swiper-slide:nth-child(3) div{transition: all 0.8s ease-in-out 1.8s;}
.section4.active .swiper-pagination{transition: all 0.8s ease-in-out 2.0s;}

footer{position: fixed;right: 20px;bottom: 0;z-index: 99;display: none;}
footer p{margin-right: 12px;opacity: 0.5;line-height: 35px;}
/*footer a{display: block;line-height: 35px;vertical-align: middle}*/
footer li{padding: 0 15px;color: #027e72;position: relative;}

footer li img{width: 100px;height: auto;opacity: 0;position: absolute;right: -200px;bottom: 100%;}
footer li i{opacity: 0.5;color: #333;font-size: 20px;}
footer li:after{position: absolute;content: '';display: block;height: 13px;width: 1px;background: #E8EDE7;top: 50%;right: 0;margin-top: -6px;}
footer li:last-child:after{display: none;}
footer li:hover i{opacity: 1;}

footer li:hover img{right: 0;opacity: 1;}

@media only screen and (max-width: 1200px) {
	footer{padding-left: 10px;background: rgba(255,255,255,0.4);width: 100%;box-sizing: border-box;right: 0;padding: 5px 10px;}
	footer p{line-height: 15px;}
	footer li{padding: 0 7px;}
	footer a{line-height: 20px;}
}