@font-face {
	font-family: sscb;
	src: url(../font2/SourceHanSansCN-Bold.otf);
}
@font-face {
	font-family: sscr;
	src: url(../font2/SourceHanSansCN-Regular.otf);
}
@font-face {
	font-family: sscn;
	src: url(../font2/SourceHanSansCN-Normal.otf);
}
@font-face {
	font-family: sscm;
	src: url(../font2/SourceHanSansCN-Medium.otf);
}


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

body{background: #f3f6fb;}
.section1{position: relative;background: url(../images/banner_bg_01.jpg) center center;background-size: 100% 100%;padding: 130px 0 0 0;}
.section1 .swiper-slide a{display: block;font-size: 0;position: relative;}
.s1_r{width: 55.6%;margin-left: 44.4%;padding-right: 6.3%;box-sizing: border-box;}
.s1_r img{width: 100%;}
.s1_l{position: absolute;top: 12%;left: 13.5%;width: 36.45%;opacity: 0;}
.section1 .swiper-slide-active .s1_l{opacity: 1;}
.s1_l h4{font-size: 28px;color: #fff;font-family: sscb;line-height: 34px;}
.s1_l h4 i{display: block;font-size: 34px;color: #fff;font-family: sscb;line-height: 34px;}
.s1_l h4::after{content: '';display: block;width: 85px;height: 4px;background: #205ca3;border-radius: 4px;margin: 22px 0 26px;margin-left: -52px;}
.s1_l h3{font-size: 36px;color: #fff;font-family: sscb;line-height: 46px;margin-bottom: 28px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	line-clamp: 2;
}
.s1_l p{font-size: 16px;color: rgba(255,255,255,.8);width: 80%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	line-clamp: 2;
}
.s1_l h5{font-size: 18px;color: #fff;font-family: sscb;display: block;width: 240px;line-height: 68px;text-align: center;background: #205ca3;margin-top: 50px;}
.s1_l h5:hover{background:#fff;color:#205ca3;}
.section1 .swiper-pagination{left: 13.5%;bottom: 15%;}
.section1 .swiper-pagination .swiper-pagination-bullet{display: inline-block;width: 16px;height: 16px;border-radius: 50%;border: 1px solid #fff;background: none;margin-right: 20px;opacity: 1;position: relative;
	box-sizing: border-box;
}
.section1 .swiper-pagination .swiper-pagination-bullet::before{content: '';display: block;width: 6px;height: 6px;background: #fff;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%);opacity: 0;
}
.section1 .swiper-pagination .swiper-pagination-bullet-active::before{opacity: 1;}

.section2{padding: 118px 0 90px;background: url(../images/s2bg_02.jpg) center center;background-size: 100% 100%;position: relative;margin-top: -40px;font-size: 0;}
.s2_l,.s2_r{display: inline-block;vertical-align: top;box-sizing: border-box;position: relative;}
.s2_l{width: 39.1%;}
.s2_r{width: 60.9%;padding-left: 46px;}
.s2_l img{width: 100%;}
.s2_l_txt{position: absolute;top: 50%;left: 15%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}
.s2_l_txt h3{font-size: 28px;color: #fff;line-height: 46px;font-family: sscb;position: relative;}
.s2_l_txt h3 strong{display: inline-block;color: transparent;font-size: 30px;font-family: sscb;margin-right: 5px;
	background-image: linear-gradient(to right, #5abef6, #225fa6);
	background-image: -webkit-linear-gradient(to right, #5abef6, #225fa6);
	background-image: -o-linear-gradient(to right, #5abef6, #225fa6);
	background-image: -moz-linear-gradient(to right, #5abef6, #225fa6);
	background-clip: text;
	-webkit-background-clip: text;
	-o-background-clip: text;
	-moz-background-clip: text;
}
.s2_l_txt h3::before{content: '';display: block;width: 16px;height: 16px;background: url(../images/s2ico_03.png) center center;background-size: 100% 100%;position: absolute;top: 16px;left: -34px;}
.s2_l_txt a{display: block;width: 160px;line-height: 50px;text-align: center;font-size: 18px;color: #fff;font-family: sscb;background: #205ca3;margin-top: 20px;}
.s2_l_txt a:hover{background: #1d2a46;}
.s2_r h2{display: block;width: 160px;line-height: 50px;text-align: center;font-size: 18px;color: #fff;font-family: sscb;background: #205ca3;margin-bottom: 15px;}
.s2_r h3{font-size: 22px;color: #333;font-family: sscb;line-height: 34px;margin-bottom: 12px;width: 80%;}
.s2_r p{font-size: 16px;color: rgba(51,51,51,.8);line-height: 34px;}
.s2_r a{font-size: 18px;color: #205ca3;font-family: sscb;position: relative;margin-top: 70px;display: block;}
.s2_r a::before{content: '';display: inline-block;width: 16px;height: 16px;background: url(../images/s2ico_03.png) center center;background-size: 100% 100%;margin-right: 6px;vertical-align: middle;}
.s2_r a:hover{color: #1d2a46;}

.section3{padding: 78px 0 45px;font-size: 0;}
.s3_l,.s3_r{display: inline-block;vertical-align: top;box-sizing: border-box;}
.s3_l{width: 39.1%;}
.s3_r{width: 60.9%;}
.section3 h2{font-size: 32px;color: #1d2a46;font-family: sscb;line-height: 32px;margin-bottom: 32px;}
.s3_l_list a{display: block;position: relative;}
.s3_l_list a::before{content: '';display: block;width: 100%;height: 100%;background: rgba(1,36,73,.4);position: absolute;top: 0;left: 0;z-index: 2;}
.s3_l_list a img{width: 100%;}
.s3_l_list a span{overflow: hidden;display: block;}
.s3_l_txt{position: absolute;top: 50%;width: 100%;padding: 0 20% 0 10%;box-sizing: border-box;z-index: 3;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}
.s3_l_txt h4{font-size: 28px;color: #fff;font-family: sscb;margin-bottom: 5px;}
.s3_l_txt h5{font-size: 34px;color: #fff;font-family: sscb;}
.s3_l_txt h5::after{content: '';display: block;width: 144px;height: 6px;background: #205ca3;margin: 38px 0;}
.s3_l_txt h3{font-size: 24px;color: #fff;line-height: 34px;font-family: sscb;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
}
.s3_l_list a h6{display: block;width: 160px;line-height: 50px;font-size: 16px;color: #fff;text-align: center;font-family: sscb;background: #205ca3;position: absolute;left: 10%;bottom: -25px;z-index: 3;}
.s3_l_list a:hover img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-moz-transform: scale(1.2);
}
.s3_r_t{font-size: 0;padding-left: 46px;}
.s3_r_t h2,.s3_r_t h6{display: inline-block;width: 50%;box-sizing: border-box;}
.s3_r_t h6{text-align: right;}
.s3_r_t h6 a{display: inline-block;font-size: 16px;color: #205ca3;font-family: sscb;}
.s3_r_t h6 a:hover{color: #1d2a46;}
.s3_r ul{font-size: 0;}
.s3_r ul li{display: inline-block;vertical-align: top;box-sizing: border-box;width: 50%;padding-left: 46px;}
.s3_r ul li a{display: block;position: relative;}
.s3_r ul li h6{position: relative;overflow: hidden;}
.s3_r ul li h6 img{width: 100%;}
.s3_r ul li h3{font-size: 20px;color: #1d2a46;line-height: 28px;font-family: sscb;margin-bottom: 24px;height: 56px;margin-top: 36px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	line-clamp: 2;
}
.s3_r ul li p{font-size: 16px;color: rgba(51,51,51,.6);line-height: 26px;height: 72px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	line-clamp: 3;
}
.s3_r ul li span{font-size: 16px;color: #205ca3;font-family: sscb;margin-top: 46px;display: block;}
.s3_r ul li a::before{content: '';display: block;border: 1px dashed #cdd1d7;height: 86%;position: absolute;top: 0;left: -23px;}
.s3_r ul li a:hover img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-moz-transform: scale(1.2);
}

.section4{padding-top: 110px;}
.s4{font-size: 0;background: url(../images/s4bg1_03.jpg) center center;background-size: 100% 100%;padding: 60px 105px;box-sizing: border-box;}
.s4_l,.s4_r{display: inline-block;vertical-align: middle;box-sizing: border-box;width: 50%;}
.s4_l h4{font-size: 24px;color: #5ed1f8;font-family: sscb;margin-bottom: 20px;}
.s4_l h3{font-size: 36px;color: #fff;font-family: sscb;margin-bottom: 25px;}
.s4_l p{font-size: 16px;color: #fff;padding-left: 15px;position: relative;width: 68%;}
.s4_l p::before{content: '';display: block;width: 6px;height: 6px;background: #5ed1f8;border-radius: 50%;position: absolute;left: 0;top: 12px;}
.s4_l h6{margin-top: 42px;font-size: 0;}
.s4_l h6 a{display: inline-block;width: 192px;line-height: 50px;background: #205ca3;font-size: 16px;color: #fff;font-family: sscb;text-align: center;}
.s4_l h6 a:last-of-type{background: #64d1fa;}
.s4_l h6 a span{display: inline-block;margin-right: 12px;}
.s4_l h6 a:hover{background: #1d2a46;}
.s4_r{padding-left: 76px;}
.s4_r_t{font-size: 0;padding-bottom: 25px;margin-bottom: 30px;border-bottom: 1px solid rgba(255,255,255,.1);}
.s4_r_t_l,.s4_r_t_r{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.s4_r_t_l h3{font-size: 16px;color: #fff;line-height: 25px;}
.s4_r_t_l a{display: block;font-size: 12px;color: #5ed1f8;font-family: sscb;line-height: 15px;width: 72%;word-break: break-all;margin-top: 6px;}
.s4_r_t_l{width: 65%;}
.s4_r_t_r{width: 35%;text-align: right;}
.s4_r_t_r img{max-width: 100%;}
.s4_r_b h3{font-size: 16px;color: #67d6f9;font-family: sscm;line-height: 25px;}
.s4_r_b p{font-size: 14px;color: #fff;line-height: 25px;font-family: sscm;}

.section5{padding: 120px 0 80px;font-size: 0;}
.s5lb{display: inline-block;vertical-align: top;box-sizing: border-box;width: 30.7%;margin-right: 3.95%;position: relative;}
.s5lb:last-of-type{margin-right: 0;}
.s5lb::after{content: '';display: block;height: 100%;border: 1px dashed rgba(29,42,70,.2);position: absolute;top: 0;right: -6.5%;}
.s5_t{position: relative;margin-bottom: 15px;}
.s5_t img{width: 100%;}
.s5_t h2{position: absolute;top: 50%;left: 10%;font-size: 32px;color: #fff;font-family: sscb;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}
.s5_c{height: 410px;}
.s5list{margin-bottom: 30px;padding: 0 45px;box-sizing: border-box;}
.s5list a{display: block;position: relative;}
.s5list a::before{content: '';display: block;width: 6px;height: 6px;background: #99acc2;border-radius: 50%;position: absolute;top: 12px;left: -16px;}
.s5list:hover{box-shadow:0 0 10px 3px #c5d9f3;border-radius:100px;}
.s5list a h3{font-size: 16px;color: #1d2a46;font-family: sscm;}
.s5_b{margin-top: 40px;padding: 0 45px;box-sizing: border-box;}
.s5_b a{display: inline-block;font-size: 16px;color: #1c5ba9;font-family: sscb;}
.s5list a:hover h3{color: #1c5ba9;}
.s5_b a:hover{color: #1d2a46;}