.section1 img{height: 100%;}
.section1 .swiper-slide{position: relative;overflow: hidden;z-index:11;}
.section1 .swiper-slide a{display: block;width: 100%;height: 100%;position: relative;}
.section1 .swiper-slide a>img{min-width: 100%;height: 100%;}
.section1 aside{position: absolute;height: 50%;width: 660px;background: #fff;top: 25%; right: -585px;z-index: 11;height: 470px;}
.mark{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(61,95,196,0);z-index: 1;}
.mark img{height: 208px;}
.section1 aside img{height: auto;width: 580px;vertical-align: middle;}
.section1 aside p{width: 75px;height: 100%;position: relative;}
.section1 aside p span{width: 15px;display: block;}
.section1 aside p span:after{position: absolute;content: '';display: block;border: 8px solid transparent;border-right-color: #A0A0A0;top: 50%;margin-top: -8px;left: -25px;}
.section1 aside:before, .section1 aside:after{content: '';display: block;width: 75px;position: absolute;}
.section1 aside:before{height: 95%;z-index: 0;left: -37px;background: rgba(255,255,255,0.7);}
.section1 aside:after{height: 90%;z-index: 0;left: -75px;background: rgba(255,255,255,0.3);}
.section1 aside.active{right: 0;}
.mark.active{width: calc(100% - 585px);}
.mark.active img{height: 130px;}
.section2{position: relative;}
.section2 section{position: absolute;width: 100%;height: 50%;left: 0;bottom: 0;background: rgba(255,255,255,0.6);}
.case{transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);}
.case li{width: 42.57%;position: relative;}
.case li:nth-of-type(1){margin-left: 14.28%;}
.case li img, .banner .swiper-slide img{display: block;}
.case li div, .banner .swiper-slide div{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.case li div p, .banner .swiper-slide div p{width: 50%;height: 100%;position: relative;}
.case li div p:nth-of-type(2), .banner .swiper-slide div p:nth-of-type(2){background: url(../images/ico-12.png) no-repeat center;background-size: cover !important;}
.case li div p img, .banner .swiper-slide div p img{display: block;opacity: 0;}
.case li div p span, .banner .swiper-slide div p span{color: #595959;width: 100%;text-align: center;left: 0;}
.case li:hover div p img, .banner .swiper-slide:hover div p img{opacity: 1;}
.case li:hover div p span, .banner .swiper-slide:hover div p span{color: #5dbc01;}
.case li:hover div, .banner .swiper-slide:hover div{background: rgba(0,0,0,0.2);}
.case li:hover div p:nth-of-type(2), .banner .swiper-slide:hover div p:nth-of-type(2){background: url(../images/ico-11.png) no-repeat center left;}
.banner .swiper-slide a>img{height: 100%;}
.section2 article.divBox>div{width: 50%;margin-top: -160px;padding: 0 25px;}
.section2 article.divBox>div:nth-of-type(2){margin-top: -135px;}
.section2 article.divBox>div strong{font-size: 60px;color: #000;}
.section2 article.divBox>div h2{color: #fff;font-size: 36px;}
.section2 article.divBox>div .more{color: #fff;border: 1px solid rgba(255,255,255,0.5);}
.section2 article.divBox>div h3{font-size: 30px;color: #0f1827;margin-bottom: 10px;}
.section2 article.divBox>div p{font-size: 14px;color: #000;}
.section3{position: relative;}
.section3 section{position: absolute;width: 70%;height: 100%;top: 0;right: 0;background: rgba(53,170,2,0.6);}
.section3 article{width: 950px;}
.plan h3{color: #fff;font-size: 44px;margin-bottom: 10px;padding-left: 70px;}
.plan strong{color: #fff;font-size: 24px;font-weight: normal;padding-left: 70px;}
.plan p{color: #fff;font-size: 14px;width: 399px;}
.plan strong, .plan .more, .plan p{display: inline-block;vertical-align: middle;}
.plan .more{margin: 0 30px 0 30px;}
.plan .more:hover, .section2 .more:hover{background: #7dbc00;color: #fff;}
.planList{position: relative;width: 100%;height: 494px;margin-top: 100px;}
.planList li{position: absolute;top: 0;left: 0;width: 100%;}
.planList p{z-index: 0;width: 200px;height: 85px;text-indent: 90px; cursor: pointer; line-height: 85px;background-color: rgba(255,255,255,0.67);position: absolute;left: -90px; border-radius: 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px;-o-border-radius: 50px;}
.planList p a{font-size: 18px;color: #fff;}
.planList li.active p{background: #5dbc01;z-index: 2;}
.planList li:nth-of-type(1) p{top: 0;background-image: url(../images/ico-13.png);background-repeat: no-repeat;background-position: 40px center;}
.planList li:nth-of-type(2) p{top: 86px;background-image: url(../images/ico-6.png);background-repeat: no-repeat;background-position: 40px center;}
.planList li:nth-of-type(3) p{top: 173px;background-image: url(../images/ico-7.png);background-repeat: no-repeat;background-position: 40px center;}
.planList li:nth-of-type(1).active p{background-image: url(../images/ico-5.png);}
.planList li:nth-of-type(2).active p{background-image: url(../images/ico-8.png);}
.planList li:nth-of-type(3).active p{background-image: url(../images/ico-9.png);}
footer ul li:nth-of-type(3){height: 31px;}
footer ul li:nth-of-type(3) div, footer ul li:nth-of-type(3) div span{width: 141px;height: 31px;}
footer ul li:nth-of-type(3) div span{display: block;}
.planList img{width: 100%;height: auto;display: block;}
.planList li.active{z-index: 1;}
/*.planList li.active img{opacity: 1;}*/
.planList li figure{border: 1px solid #fff;}
.planList li figure figcaption{display: none;}
.section4{position: relative;}
.section4 section{position: absolute;left: 0;bottom: 0;width: 100%;}
.case2{width: 100%;background: rgba(0,0,0,0.4);}
.big{position: relative;}
.big li{position: absolute;z-index: 0;opacity: 0;width: 100%;}
.big li img{width: 100%;}
.big li.active{z-index: 1;opacity: 1;}
.smal{width: 100%;height: 120px;position: relative;background: #fff;overflow: hidden;}
.smal ul{padding-left: 35px;width: 1000%;left: 0;}
.smal li{width: 175px;border: 1px solid #fff;margin-right: 20px;text-align: center;line-height: 56px;}
.smal li:hover, .smal li.active{border-color: #D8E4FA;}
.smal li img{max-width: 100%;}
.case3 strong{font-size: 60px;color: #fff;}
.case3 h3{font-size: 36px;color: #fff;font-weight: normal;}
.case3 .more{background: rgba(255,255,255,0);border: 1px solid rgba(255,255,255,0.6);color: #fff;margin-top: 25px;}
.case3 .more:hover{background: #fff;color: #0A1D40;}
.case2 h4{font-size: 24px;color: #fff;margin-left: 160px;line-height: 37px;}
.case3{margin: 65px 0 60px;}
.section5 h2{font-size: 34px;font-weight: normal;color: #62b301;}
.section5 h3{font-size: 20px;font-weight: normal;color: #404040;margin: 20px 0 35px;}
.section5 article p{color: rgba(64,64,64,0.7);line-height: 28px;}
.section5 .more{font-size: 12px;color: #000;background: rgba(0,0,0,0);border: 1px solid #A8ABB0;margin-top: 35px;}
.section5 .more:hover{background: #fff;}
.section5 article{padding: 80px 0 0 75px;width: 480px;margin-right: 225px;position: relative;}
.section5 article svg{position: absolute;width: 208px;height: 204px;left: 0;top: 0;stroke-dasharray: 0 530px;
				transition: 1s all ease-in-out 0.7s;-webkit-transition: 1s all ease-in-out 0.7s;-moz-transition: 1s all ease-in-out 0.7s;-o-transition: 1s all ease-in-out 0.7s;}
.section5 .divBox.active article svg{stroke-dasharray: 530 0;}
.about strong{font-size: 16px;color: #000;display: block;clear: both;}
.about p{font-size: 12px;font-family: arial, "微软雅黑";color: #000;text-transform: uppercase;margin-top: 5px;margin-bottom: 25px;}
.about li{margin-right: 46px;margin-bottom: 18px;}
.about li:first-child div{border: 4px solid #fef7ca; background: #f4dd48;padding: 4px;}
.about li:nth-child(2) div{border: 4px solid #fef5c7; background: #f0d23a;padding: 4px;}
.about li:nth-child(3) div{border: 4px solid #fdebc4; background: #fbb41e;padding: 4px;}
.about li:last-child div{border: 4px solid #ffdad8; background:#fd9089;padding: 4px;}
.about li:nth-of-type(2n){margin-right: 0;}
.about li:hover div{background: #e6fdca;border-color: #e6fdca;}

.about li a{display: block;border: 1px solid transparent;padding: 15px 0 10px 5px;width: 151px;height: 151px;}
.about li:hover a{border-color: #fff;background: #62b301;}
.about li:hover p, .about li:hover strong{color: #fff;}
.about li .line{width: 20px;height: 1px;background: #0F1728;display: block;}
.about li:hover p{margin-bottom: 8px;}
.about li:hover .line{background: #fff;}
.about{width: 380px;}
.about li img{opacity: 0;display: block;float: right;}
.about li:hover img{opacity: 1;margin-bottom: 16px;}
.section, .section6 .fp-tableCell{display: block;height: auto !important;}
.section6{background: #25292c;}

.section{overflow: hidden;}
.section2 section, .section2 article.divBox>div, .case li, .case2, .case3, .case2 h4, footer form, footer ul li, footer figure, .coppyright{opacity: 0;}
.section2 article.divBox>div:nth-of-type(1), .case li:nth-of-type(4), .case li:nth-of-type(5), .case li:nth-of-type(6){transform: translateX(-200px);-webkit-transform: translateX(-200px);-moz-transform: translateX(-200px);-o-transform: translateX(-200px);}
.section2 article.divBox>div:nth-of-type(2), .case li:nth-of-type(1), .case li:nth-of-type(2), .case li:nth-of-type(3){transform: translateX(200px);-webkit-transform: translateX(200px);-moz-transform: translateX(200px);-o-transform: translateX(200px);}
.case3, .case2 h4, footer form, footer ul li, footer figure, .coppyright{transform: translateY(200px);}
.section2.active section, .section2.active article.divBox>div, .section4.active .big, .section4.active .smal, .section5 .divBox.active article, footer.active form, footer.active ul li, footer.active figure, footer.active .coppyright{opacity: 1;transform: translateX(0);-webkit-transform: translateX(0);-moz-transform: translateX(0);-o-transform: translateX(0);}
.section4.active .case3, .section4.active .case2 h4{transform: translateY(0);opacity: 1;}
.section3 section{right: -200px;opacity: 0;}
.section3.active section{right: 0;opacity: 1;}
.plan, .planList{opacity: 0;transform: translateX(200px);}
.section2.active .case li, .section3.active .plan, .section3.active .planList{opacity: 1;transform: translateX(0);}
.big{opacity: 0; transform: translateX(200px);-webkit-transform: translateX(200px);-moz-transform: translateX(200px);-o-transform: translateX(200px);}
.smal, .section5 article{opacity: 0;transform: translateX(-200px);-webkit-transform: translateX(-200px);-moz-transform: translateX(-200px);-o-transform: translateX(-200px);}
.about li{opacity: 0; transform: translateY(200px);}
.section5 .divBox.active .about li{opacity: 1; transform: translateY(0);}
.section4.active .case2{opacity: 1;}
footer.active ul{border-right-color: rgba(255,255,255,0.2);}

.section2 section, .section3 section, .case2, .section5 article, footer form, .case li{transition: all 0.8s ease-in-out 0.4s;}
.plan, .big, .smal, .about li:nth-of-type(1), footer ul li:nth-of-type(1), .section2 article.divBox>div{transition: all 0.8s ease-in-out 1.0s;}
.planList, .case3, .about li:nth-of-type(2), footer ul li:nth-of-type(2){transition: all 0.8s ease-in-out 1.4s;}
.case2 h4, .about li:nth-of-type(3), footer figure{transition: all 0.8s ease-in-out 1.8s;}
.about li:nth-of-type(4), .coppyright{transition: all 0.8s ease-in-out 2.2s;}
footer ul{transition: all 0.8s ease-in-out 2.6s;}
/*.case li:nth-of-type(6){transition: all 0.8s ease-in-out 4.4s;}*/
/*.section2 article.divBox>div{transition: all 0.8s ease-in-out 5.1s;}*/
#fp-nav ul li a span:after{display: none;}
#fp-nav ul li a span:before{left: 0;top: -7px;color: #fff;width: 56px;display: block;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;}
#fp-nav ul li a span, .fp-slidesNav ul li a span, menu span{background: #fff;}
#fp-nav ul li.act1 a span:before{color: #5dbc01;}
#fp-nav ul li.act1 a span, .fp-slidesNav ul li.act1 a span{background: #5dbc01;}
#fp-nav ul li.act2 a span:before{color: #2d2d2d;}
#fp-nav ul li.act2 a span, .fp-slidesNav ul li.act2 a span, menu.act2 span{background: #2d2d2d;}
#fp-nav ul li.act3 a span:before{color: #bbbaba;}
#fp-nav ul li.act3 a span, .fp-slidesNav ul li.act3 a span, menu.act3 span{background: #bbbaba;}
.section1, .section1 .fp-tableCell{display: block !important;height: 100% !important;}
.indexBan {height: 100%;}
.indexBan .swiper-pagination .swiper-pagination-bullet{width: 60px;height: 5px;margin: 0 5px;
	border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-o-border-radius: 0;}
.indexBan .swiper-pagination{bottom: 45px;}
.indexBan .swiper-pagination .swiper-pagination-bullet-active, .indexBan .swiper-pagination .swiper-pagination-bullet:hover{background: rgba(255,255,255,1);}
.indexBan .swiper-pagination span a.active span, .indexBan .swiper-pagination span:hover a.active span, .indexBan .swiper-pagination span:hover a span{width: 80px;height: 5px;background: #fff;}
.section1{position: relative;}
.section1 .yuan{width: 70px;height: 70px;text-align: center;line-height: 70px;bottom: 115px;z-index: 11;height: auto;}
.section1 .yuan:before, .section1 .yuan:after{content: '';display: block;}
.section1 .yuan:before{border: 1px solid rgba(255,255,255,1);width: 70px;height: 70px;
	transition:all .8s ease-in-out 0s;
  -webkit-transition:all .8s ease-in-out 0s;
   -moz-transition:all .8s ease-in-out 0s; 
  -ms-transition:all .8s ease-in-out 0s; 
  -o-transition:all .8s ease-in-out 0s;}
.section1 .yuan:after{border: 2px solid rgba(255,255,255,0);width: 0;height: 0;
	transition:all .8s ease-in-out 0s;
  -webkit-transition:all .8s ease-in-out 0s;
   -moz-transition:all .8s ease-in-out 0s; 
  -ms-transition:all .8s ease-in-out 0s; 
  -o-transition:all .8s ease-in-out 0s; }
.section1 .yuan:hover:before{width: 100px;height: 100px; border-color: rgba(255,255,255,0);}
.section1 .yuan:hover:after{border-color: rgba(255,255,255,1);width: 70px;height: 70px;background: rgba(255,255,255,0.1);}
.section1 .yuan{cursor: pointer;}
.fp-controlArrow.fp-prev, .fp-controlArrow.fp-next{display: none !important;}
.banner{display: none;transform: translateY(-50%);}
.gallery-top, .gallery-thumbs{display: none;}
.section4 .swiper-container {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
.section4 .swiper-slide {
        background-size: cover;
        background-position: center;
    }
    .gallery-top {
        height: auto;
        width: 100%;
    }
    .gallery-top img, .gallery-thumbs img{width: 100%;}
    .gallery-thumbs {
        height: auto;
        box-sizing: border-box;
        padding: 10px 0;
        background: #fff;
    }
    .gallery-thumbs .swiper-slide {
        height: auto;
        border: 1px solid transparent;
    }
    .gallery-thumbs .swiper-slide-active {
        opacity: 1;
        border-color: #D8E4FA;
    }
footer{width: 1060px;max-width: 95%;margin: 0 auto;}
#fp-nav ul li a.active span, #fp-nav ul li:hover a span{background: transparent;}

footer form{transition: all 0.6s ease-in-out 0.6s;}
footer ul{transition: all 0.7s ease-in-out 1.5s;}
footer ul li:nth-of-type(1){transition: all 0.6s ease-in-out 0.8s;}
footer ul li:nth-of-type(2){transition: all 0.7s ease-in-out 0.8s;}
footer ul li:nth-of-type(3){transition: all 0.8s ease-in-out 0.8s;}
footer figure{transition: all 0.8s ease-in-out 0.8s;}
.coppyright{transition: all 0.9s ease-in-out 0.8s;}