@font-face {
	font-family: sscb;
	src: url(../font2/SourceHanSerifCN-Bold.otf);
}


@keyframes banrun2{
	0%{top: 10px;}
	50%{top: 0;}
	100%{top: 10px;}
}






.section1{position: relative;}
.banner img{width: 100%;display: block;position: relative;
	animation: banrun1 10s linear infinite;
}
.banner .swiper-slide::before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,.2);z-index: 2;}
.bannerinner{position: absolute;top: 50%;left: 0;width: 100%;z-index: 9;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}
.bannerinner h2{font-size: 80px;color: #fff;line-height: 100px;font-family: sscb;}
.bannerinner h4{font-size: 60px;color: #fff;line-height: 100px;font-family: sscb;}
.bannerinner a{display: block;font-size: 17px;color: #fff;line-height: 53px;width: 200px;text-align: center;margin-top: 50px;border: 1px solid #fff;}
.bannerinner a span{display: inline-block;margin-left: 15px;font-size: 20px;}
.bannerinner a:hover{background: #fff;color: #0971d2;}

.down{position: absolute;z-index: 2;bottom: 6%;left: 60px;}
.share{position: absolute;z-index: 2;bottom: 6%;right: 60px;}
.share a{display: inline-block;vertical-align: top;box-sizing: border-box;width: 41px;height: 41px;border: 1px solid #fff;border-radius: 50%;margin-right: 18px;}
.share a img{width: 100%;}
.share a:last-of-type{margin-right: 0;}
.share a:hover{background: #0971d2;border: 1px solid #0971d2;}


.sybt h2{font-size: 40px;color: #333;text-align: center;line-height: 40px;font-family: "Times New Roman";font-weight: bold;}
.sybt h4{font-size: 20px;color: #0971d2;margin-top: 15px;text-align: center;font-weight: bold;font-family: "Times New Roman";}
.sybt h4::after{content: '';display: block;width: 50px;height: 3px;margin: 15px auto 0;background: #0971d2;display: none;}


.section2{padding-top: 160px;
	/* background: url(../images/s2bg_02.jpg) center center;background-size: cover; */
}
.s2a{text-align: center;}
.s2a p{margin-top: 42px;font-size: 22px;color: #333;line-height: 36px;display: inline-block;width: 79%;text-align: justify;}
.s2b{margin-top: 100px;box-sizing: border-box;}

/*xin*/
.s2a{font-size: 0;}
.s2a_l,.s2a_r{display: inline-block;vertical-align: middle;box-sizing: border-box;width: 50%;}
.s2a_r img{width: 100%;}
.s2a_l{text-align: left;}




.zzlist{font-size: 0;text-align: center;}
.zzlist>li {
	display: inline-block;
	width: 25%;
    text-align: left;
	position: relative;
	box-sizing: border-box;
	text-align: center;
	vertical-align: bottom;
	font-size: 0;
	/* margin-bottom: 110px; */
	padding: 70px 0;
	cursor: pointer;
}

.zzlist>li:hover:first-of-type{background: url(../images/3.gif) center center;background-size: 100% 100%;}
.zzlist>li:hover:nth-of-type(2){background: url(../images/2.gif) center center;background-size: 100% 100%;}
.zzlist>li:hover:nth-of-type(3){background: url(../images/1.gif) center center;background-size: 100% 100%;}
.zzlist>li:hover .dataNums .tt span{color: #0971d2;}
.zzlist>li:hover span{color: #0971d2;}


.s2b_l,.s2b_r{display: inline-block;vertical-align: middle;box-sizing: border-box;text-align: left;}
.s2b_l{width: 30%;padding-right: 35px;text-align: center;}
.s2b_r{width: 100%;text-align: center;}
.s2b_l img{max-width: 100%;}
.s2b_r h3{font-size: 52px;color: #0971d2;font-family: sscb;line-height: 75px;}

.more{display: block;font-size: 17px;color: #0971d2;line-height: 53px;width: 200px;text-align: center;margin-top: 50px;border: 1px solid #0971d2;margin: 0 auto;}
.more span{display: inline-block;margin-left: 15px;font-size: 20px;}
.more:hover{background: #0971d2;color: #fff;}


.zzlist>li h6 {
	display: inline-block;
}

.zzlist>li p {
	color: #333;
	font-size: 20px;
}
.zzlist>li span{
	display: inline-block;
	font-size: 60px;
	color: #333;
	font-family: sscb;
}
.dataNums {

	top: 50%;
	display: block;
	width: 100%;
	text-align: center;
}

.dataNums .dataOne {
	width: 35px;
	height: 65px;
	text-align: left;
	display: inline-block
}

.dataNums .dataBoc {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.dataNums .dataBoc .tt {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.dataNums .tt span {
	width: 100%;
	height: 100%;
	font: 60px "h";
	color: #333;
    display: block;
    font-family: sscb;
}


.s2c{padding-top: 190px;}
.s2cimg{margin-top: 110px;padding: 0 7%;box-sizing: border-box;}
.s2cimg img{width: 100%;}
.s2cimg a{display: block;position: relative;overflow: hidden;}
.s2cimg .swiper-slide:nth-of-type(odd){margin-top: 110px;}
.s2c_txt{position: absolute;bottom: 18px;left: 0;width: 100%;padding: 0 18px;box-sizing: border-box;}
.s2c_txt h3{font-size: 30px;color: #333;line-height: 34px;text-align: center;margin-bottom: 20px;font-weight: bold;}
.s2c_txt p{color: #333;line-height: 29px;font-weight: bold;padding-left: 10px;position: relative;}
.s2c_txt p::before{content: '';display: block;width: 4px;height: 4px;background: #333;border-radius: 50%;position: absolute;top: 14px;left: 0;}
/* .s2c_txt p:last-of-type{color: rgba(51,51,51,.4);} */
.s2cimg a:hover img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-moz-transform: scale(1.2);
}



.section3{padding-top: 252px;}
.section3 ul{font-size: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.section3 ul li{display: inline-block;vertical-align: top;box-sizing: border-box;width: 12.5%;border-right: 1px solid rgba(255,255,255,.3);height: 100%;}
.section3 ul li:last-of-type{border-right: none;}
.section3 ul li.ac{width: 50%;}
.section3 ul li a{display: block;position: relative;background: rgba(0,48,140,.4);height: 100%;}
.section3 ul li.ac a{background: linear-gradient(to bottom,rgba(10,70,188,.1),rgba(10,70,188,.3),rgba(10,70,188,1));}
.s3txt{height: 0;overflow: hidden;width: 100% !important;font-size: 0;}
.s3box{position: absolute;bottom: 50%;left: 0;width: 100%;text-align: center;
	transform: translateY(50%);
	-webkit-transform: translateY(50%);
	-o-transform: translateY(50%);
	-moz-transform: translateY(50%);
}
.section3 ul li h6 img{width: 64px;}
.section3 ul li h3{font-size: 42px;color: #fff;line-height: 46px;font-weight: lighter;margin-top: 40px;font-weight: bold;}
.section3 ul li h3 span{position: absolute;right: 0;top: 00%;display: block;width: 57px;height: 57px;border-radius: 50%;border: 1px solid rgba(255,255,255,.5);text-align: center;line-height: 57px;font-size: 20px;
	color: #fff;opacity: 0;
}
.section3 ul li.ac .s3txt{height: 140px;}
.s3txt p{display: inline-block;font-size: 18px;color: rgba(255,255,255,.6);width: 33.333%;text-align: left;font-weight: bold;vertical-align: top;}
.section3 ul li.ac .s3box{padding: 0 77px;box-sizing: border-box;text-align: left;}
.section3 ul li.ac .s3box h3{position: relative;}
.section3 ul li .s3box h3::after{content: '';display: block;width: 0;height: 1px;background: rgba(255,255,255,.3);margin: 30px 0 20px;}
.section3 ul li .s3box h3::before{content: '';display: block;width: 0;height: 2px;background: #00bcf9;position: absolute;bottom: -1px;left: 0;}
.section3 ul li.ac .s3box h3 span{opacity: 1;}
.section3 ul li.ac .s3box{bottom: 35%;}
.section3 ul li.ac .s3box h3::before{width: 120px;}
.section3 ul li.ac .s3box h3::after{width: 100%;}
.section3 ul li.ac h6 img{width: 106px;}



.s3{position: relative;margin-top: 30px;}
.s3img{position: relative;width: 100%;}
.s3img img{position: absolute;top: 0;left: 0;width: 100%;}
.s3img h5{display: none;}
.s3img h5.ac{display: block;}
.s3img h5.ac img{position: relative;}






.section4{position: relative;padding: 160px 0 120px;background: url(../images/s4bg_02.jpg) center center;background-size: 100% 100%;}
.s4{margin: 80px 0 60px;position: relative;padding: 0 135px;box-sizing: border-box;}
.s4 a{display: block;text-align: center;}
.s4 a h6{position: relative;overflow: hidden;}
.s4 a h6 img{width: 100%;}
.s4 a h3{font-size: 28px;color: #333;margin-bottom: 10px;margin-top: 30px;}
.s4 a h4{font-size: 18px;color: rgba(51,51,51,.6);}
.s4 a:hover img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-moz-transform: scale(1.2);
}
.s4 a:hover h3{color: #0971d2;}
.swiper-button-prev,.swiper-button-next{display: block;width: 36px;height: 36px;text-align: center;line-height: 36px;border: 1px solid rgba(10,113,210,.5);border-radius: 50%;font-size: 20px;color: #0a71d2;
	background: none;
}
.swiper-button-prev:hover,.swiper-button-next:hover{background: #0971d2;color: #fff;}
.s5blist{display: none;}
.s5blist.active{display: inline-block;}

.s5t a{display: block;}
.s5t a img{width: 100%;}
.s5t{padding: 40px 0 60px;position: relative;}
.s5t::before{content: '';display: block;width: 100%;height: 100%;background: url(../images/s5bg_02.png) center center;background-size: 100% 100%;position: absolute;
	top: 0;left: 0;z-index: 2;
}
.section5{padding-top: 150px;position: relative;}
.s5b{text-align: center;position: relative;margin-top: -50px;z-index: 3;}
.s5blist{text-align: center;width: 26%;}
.s5blist h4{font-size: 18px;color: #666666;font-family: sscb;}
.s5blist h3{font-size: 28px;color: #333;line-height: 40px;margin: 10px 0 25px;}
.s5blist a i,.s5blist a span{display: inline-block;color: #0971d2;font-weight: bold;}
.s5blist a i{margin-right: 12px;font-size: 17px;}

.section5 .swiper-button-prev{left: 30%;}
.section5 .swiper-button-next{right: 30%;}



.section6{padding-top: 140px;}
.section6 ul{font-size: 0;margin-top: 70px;}
/* .section6 ul li{display: inline-block;vertical-align: bottom;box-sizing: border-box;width: 49.9%;margin-right: 0.2%;}
.section6 ul li:last-of-type{margin-right: 0;}
.section6 ul li a{display: block;position: relative;overflow: hidden;}
.section6 ul li a img{width: 100%;} */

.s6txt{position: absolute;bottom: 0;left: 0;width: 100%;padding: 140px 50px 30px 77px;box-sizing: border-box;font-size: 0;
	background: linear-gradient(to bottom,rgba(40,136,196,.1),rgba(40,136,196,.8),rgba(40,136,196,1));
}
.s6_l,.s6_r{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.s6_l{width: 68px;border: 1px solid #fff;text-align: center;}
.s6_l h4 span{display: block;font-size: 40px;line-height: 55px;font-family: sscb;color: #fff;}
.s6_l h4 i{display: block;background: #fff;font-size: 14px;color: #0971d2;font-family: sscb;}
.s6_r{width: calc(100% - 68px);padding-left: 24px;}
.s6_r h3{font-size: 28px;color: #fff;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
}
/* .section6 ul li a:hover img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-moz-transform: scale(1.2);
} */
.dbxcy{padding: 110px 0 100px;background: url(../images/s7bg_01.jpg) center center;background-size: cover;}
.dbxcy .sybt h2{text-align: left;}




.sybt{text-align: center;}
.sybt h2{display: inline-block;position: relative;}
.sybt h2::before,.sybt h2::after{content: '';display: block;width: 130px;height: 10px;position: absolute;top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}
.sybt h2::before{background: url(../images/zuo_03.png) center center;background-size: 100% 100%;right: 120%;}
.sybt h2::after{background: url(../images/you_03.png) center center;background-size: 100% 100%;left: 120%;}
.zzlist>li:hover:nth-of-type(4){background: url(../images/3.gif) center center;background-size: 100% 100%;}