



.section1 .swiper-slide>a{display: block;position: relative;height: 100%;width: 100%;}

.section1 .swiper-container {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
	height: 100%;
}
.section1 .swiper-slide>a>img {
    width: 100%;
    height: 100%;
	animation: banrun1 5s linear infinite;

}





.shuttertxt{position: absolute;top: 50%;left: 0;width: 100%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
    z-index: 99;
}

.shuttertxt h2{font-size: 4em;line-height: 55px;color: #595757;
	transform: skew(-15deg);
	-webkit-transform: skew(-15deg);
	-o-transform: skew(-15deg);
	-moz-transform: skew(-15deg);
}
.shuttertxt h3{font-size: 44px;color: #595757;font-family: serif;font-weight: bold;margin: 20px 0 90px;
	transform: skew(-15deg);
	-webkit-transform: skew(-15deg);
	-o-transform: skew(-15deg);
	-moz-transform: skew(-15deg);
}
.more{display: block;width: 230px;line-height: 48px;text-align: center;border: 1px solid #cac9c9;font-size: 14px;color: #595757;
	transform: skew(-15deg);
	-webkit-transform: skew(-15deg);
	-o-transform: skew(-15deg);
	-moz-transform: skew(-15deg);
}
.more:hover{background: #f38936;color: #fff;border: 1px solid #f38936;}

.section2{font-size: 0;}
.section2_l,.section2_r{display: inline-block;vertical-align: middle;width: 50%;box-sizing: border-box;}
.section2_l{padding-left: 13.54%;padding-right: 6.9%;}
.section2_r img{width: 100%;height: 100%;display: block;}
.section2_r{height: 100%;}
.sybt h2{font-size: 44px;color: #595757;font-weight: bold;line-height: 48px;display: inline-block;}
.sybt h2 i{display: block;font-size: 22px;color: rgba(89,87,87,.7);font-weight: bold;text-transform: uppercase;margin-top: 5px;margin-bottom: 60px;}
.syxcp{display: inline-block;vertical-align: top;margin-left: 55px;}
.syxcp h4{display: block;width: 188px;line-height: 50px;background: #e5f5f4;border-radius: 50px;font-size: 16px;color: #595757;cursor: pointer;}
.syxcp h4 span{display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;background: #27a9a1;border-radius: 50%;margin-left: 5px;border: 2px solid #b9e3e1;margin-right: 12px;
	font-size: 18px;color: #fff;margin-top: 4px;
}
.syxcp h4:hover{background: #27a9a1;color: #fff;}

.sp1{position: fixed;z-index: 999999;width: 66%;height: auto;background: #e5f5f4;padding: 100px;box-sizing: border-box;display: none;
	top: 50%;left: 50%;    transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	-o-transform: translateY(-50%) translateX(-50%);
}
.sp1.ac{display: block;}
.sp1 video{display: block;margin: 0 auto;width: 100%;}
.sp1 span{position: absolute;right: 30px;top: 30px;font-size: 50px;color: #fff;font-weight: bold;cursor: pointer;background: none;}

.section2_l p{font-size: 16px;color: #595757;}
.section2_l .more,.section3_r .more{margin-top: 96px;position: relative;border: 1px solid #cac9c9;}
.section2_l .more i,.section3_r .more i{position: relative;color: #fff;margin-top: 10px;display: block;}
.section2_l .more::before,.section3_r .more::before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 5px;left: 5px;background: #f38936;}
.section2_l .more:hover,.section3_r .more:hover{background: #27a9a1;border: 1px solid #27a9a1;}

.section3{font-size: 0;background: #ebf2f5;}
.section3_l,.section3_r{display: inline-block;vertical-align: middle;box-sizing: border-box;width: 50%;}
.section3_l{height: 100%;}
.section3_l img{width: 100%;height: 100%;}
.section3_r{padding-right: 13.54%;padding-left: 11%;}
.section3_r ul{font-size: 0;}
.section3_r ul li{display: inline-block;vertical-align: top;text-align: center;}
.section3_r ul li:first-of-type{margin-right: 100px;}
.section3_r ul li span{font-size: 50px;color: #333333;}
.section3_r ul li h3{font-size: 22px;color: #595757;padding-top: 18px;}
.section3_r ul li:hover span{color: #039a91;}
.s4bg h6{height: 100%;position: absolute;left: 0;top: 0;width: 100%;opacity: 0;}
.s4bg h6.ac{opacity: 1;}
.s4bg h6 img{width: 100%;height: 100%;}
.s4bg{height: 100%;}
.section4 .sybt{position: absolute;top: 25%;width: 100%;z-index: 9;}
.section4 .sybt h2,.section4 .sybt h2 i{color: #fff;}
.s4lb{position: absolute;top: 0;width: 100%;left: 0;height: 100%;}
.s4lb .divbox{height: 100%;}
.s4lb ul{font-size: 0;height: 100%;padding: 0 50px;box-sizing: border-box;}
.s4lb ul li{display: inline-block;vertical-align: middle;height: 100%;width: 33.33%;text-align: center;position: relative;cursor: pointer;}
.s4lb ul li::before{content: '';display: block;width: 100%;height: 100%;background: rgba(15,160,150,.7);opacity: 0;position: absolute;top: 0;left: 0;
	transform: skew(-10deg);
	-webkit-transform: skew(-10deg);
	-o-transform: skew(-10deg);
	-moz-transform: skew(-10deg);
}
.s4lb ul li.ac::before{opacity: 1;}
.s4lb ul li a{display: block;height: 100%;}
.s4lbtxt{display: block;position: absolute;top: 50%;text-align: center;width: 100%;
	transform: translateY(-50%);
}
.s4lbtxt h3{font-size: 28px;color: #fff;margin-top: 30px;}

.section5{font-size: 0;}
.section5_l,.section5_r{display: inline-block;vertical-align: middle;width: 50%;box-sizing: border-box;position: relative;}
.section5_r{height: 100%;}
.s5lb{display: none;width: 100%;height: 100%;position: relative;}
.s5lb.ac{display: block;}
.s5lb h6{width: 100%;height: 100%;}
.s5lb img{width: 100%;height: 100%;}
.s5txt{position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(235,242,245,.8);padding: 70px 200px;box-sizing: border-box;}
.s5txt h3{font-size: 20px;color: #595757;margin-bottom: 25px;}
.s5txt p{font-size: 14px;color: #595757;margin-bottom: 12px;}
.s5txt i{font-size: 14px;color: #039a91;}
.s5lb:hover .s5txt{background: #039a91;}
.s5lb:hover .s5txt h3,.s5lb:hover .s5txt p,.s5lb:hover .s5txt i{color: #fff;}
.section5_l{padding-left: 13.54%;z-index: 9;}
.s5bt a{display: block;font-size: 18px;color: #595757;margin-bottom: 36px;position: relative;z-index: 9;}
.s5bt a img{margin-left: 26px;opacity: 0;}
.section5_l .more{margin-top: 96px;position: relative;border: 1px solid #cac9c9;}
.section5_l .more i{position: relative;color: #fff;margin-top: 10px;display: block;}
.section5_l .more::before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 5px;left: 5px;background: #f38936;}
.section5_l .more:hover{background: #27a9a1;border: 1px solid #27a9a1;}
.s5bt a.ac{font-size: 18px;color: #0fa096;font-weight: bold;}
.s5bt a.ac img{opacity: 1;}
.s5bt a::before{content: '';display: block;width: 7px;height: 7px;background: #039a91;position: absolute;
	top: 50%;left: -20px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	z-index: 2;
	opacity: 0;
}
.s5bt a::after{content: '';display: block;width: 7px;height: 7px;background: #bedbd9;position: absolute;
	top: 56%;left: -18px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	opacity: 0;
}
.s5bt a.ac::before,.s5bt a.ac::after{opacity: 1;}
.s5lb::before{content: '';display: block;width: 160px;height: 100%;background: #fff;position: absolute;top: 0;left: -9%;
	transform: skew(-8deg);
	-webkit-transform: skew(-8deg);
	-o-transform: skew(-8deg);
	-moz-transform: skew(-8deg);
	z-index: 5;
}

.section6{background: #f3f7f9;text-align: center;position: relative;}
.section6 .divbox{position: relative;}
.s6{position: relative;}
.s6 img{max-width: 100%;}
.s6 ul li span{display: block;width: 12px;height: 12px;background: #039a91;border-radius: 50%;border: 7px solid #9fd0cf;position: relative;animation: banrun2 5s linear infinite;}
.s6 ul li span::before{content: '';display: block;width: 98px;height: 98px;background: rgba(3,154,145,.2);border-radius: 50%;position: absolute;
	top: 50%;left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
}
.s6 ul li span::after{content: '';display: block;width: 280px;height: 280px;background: rgba(3,154,145,.1);border-radius: 50%;position: absolute;
	top: 50%;left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);

}
.s6 ul li{position: absolute;}
.s6 ul li:nth-of-type(1){top: 34%;right: 32%;}
.s6 ul li:nth-of-type(2){top: 36%;right: 30%;}
.s6 ul li:nth-of-type(2) span::after{display: none;}
.s6 ul li:nth-of-type(3){top: 39%;right: 77%;}
.s6txt{padding: 20px;box-sizing: border-box;background: rgba(255,255,255,.4);box-shadow: 0 0 15px 2px #ccc;position: absolute;width: 420px;text-align: left;}
.s6txt h3{font-size: 18px;color: #595757;}
.s6txt p{font-size: 16px;color: rgba(89,87,87,.5);margin: 5px 0;}
.s6txt a{font-size: 14px;color: #039a91;}
.s6 ul li:nth-of-type(1) .s6txt{top: -200px;left: 50px;}
.s6 ul li:nth-of-type(2) .s6txt{top: -50px;left: 100px;}
.s6 ul li:nth-of-type(3) .s6txt{top: 60px;left: -420px;}
.section6 .sybt{text-align: left;position: absolute;}
.s6 ul li h2{font-size: 18px;color: #595757;position: relative;left: -20px;top: 10px;}
.s6 ul li:nth-of-type(2) h2{display: none;}
.s6 ul li:nth-of-type(4){top: 60%;right: 30%;}
.s6 ul li:nth-of-type(5){top: 51%;right: 32%;}
.s6 ul li:nth-of-type(5) .s6txt{right: 100%;top: -100%;}
.s6 ul li:nth-of-type(5) .s6txt a{display: none;}



.active .section2_l,
.active .section2_r,
.active .section3_l,
.active .section3_r,
.active .section5_l,
.active .section5_r{
     transform: translateX(0);
     -ms-transform: translateX(0);
     -webkit-transform: translateX(0);
}



.section2_l,.section3_l,.section5_l{
    transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
}

.section2_r,.section3_r,.section5_r{
    transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
}

.active .section2_l,.section2_l,.section3_l,.section5_l,.section2_r,.section3_r,.section5_r,
.active .section2_r,
.active .section3_l,
.active .section3_r,
.active .section5_l,
.active .section5_r{
	transition: 1.5s ease-in-out;
	-ms-transition: 1.5s ease-in-out;
	-o-transition: 1.5s ease-in-out;
	-webkit-transition: 1.5s ease-in-out;
	-moz-transition: 1.5s ease-in-out;
}








