@font-face {
	font-family: ssr;
	src: url(../font2/SourceHanSansCN-Regular.otf);
}
@font-face {
	font-family: ssm;
	src: url(../font2/SourceHanSansCN-Medium.otf);
}
@font-face {
	font-family: ssn;
	src: url(../font2/SourceHanSansCN-Normal.otf);
}
@font-face {
	font-family: ssb;
	src: url(../font2/SourceHanSansCN-Bold.otf);
}
@font-face {
	font-family: hsr;
	src: url(../font2/HarmonyOS_Sans_Regular.ttf);
}
@font-face {
	font-family: hst;
	src: url(../font2/HarmonyOS_Sans_Thin.ttf);
}

@keyframes banrun1{
	0%{transform: scale(1)}
	50%{transform: scale(1.05)}
	100%{transform: scale(1)}
}


.banner{position: relative;padding-top: 100px;}
.banner .swiper-slide::before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;
	background: linear-gradient(180deg, rgba(6, 9, 33, .02) 0%, rgba(15, 59, 99, 0.5) 100%);
	z-index: 2;
}
.banner img{width: 100%;display: block;animation: banrun1 15s linear infinite;}
.banner h1 img:last-of-type{display: none;}
.banner_list,.banner_list2{position: absolute;left: 0;width: 100%;z-index: 3;}
.banner_list{top: 20%;text-align: center;}
.banner_list2{bottom: 0;text-align: center;}
.banner_list h2,.banner_list h2 strong{font-size: 32px;color: #fff;line-height: 46px;}
.banner_list h2 strong{font-family: ssb;}
.banner_list a{display: block;width: 230px;line-height: 45px;background: rgba(62, 72, 87, 0.9);border-radius: 54px;text-align: center;font-size: 16px;color: #fff;
	margin: 36px auto 0;
}
.banner_list a:hover{background: rgba(0, 56, 148, 1);}
.banner_list2 ul{font-size: 0;}
.banner_list2 ul li{display: inline-block;vertical-align: top;box-sizing: border-box;margin-bottom: 88px;margin-right: 70px;position: relative;}
.banner_list2 ul li:last-of-type{margin-right: 0;}
.banner_list2 ul li h3{font-size: 80px;line-height: 97px;font-family: hsr;color: #fff;}
.banner_list2 ul li h3 i{font-size: 50px;display: inline-block;vertical-align: top;line-height: 70px;font-family: hst;margin-left: 5px;}
.banner_list2 ul li p{font-size: 18px;color: #fff;}
.banner_list2 ul li::after{content: '';display: block;width: 2px;height: 60px;background: rgba(255, 255, 255, .5);position: absolute;top: 50%;right: -34px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}
.banner_list2 ul li:last-of-type::after{display: none;}
.banner_list3{display: none;}

.sybt{text-align: center;}
.sybt h2,.sybt h2 strong{font-size: 36px;color: rgba(33, 37, 43, 1);line-height: 40px;margin-bottom: 26px;font-family: ssm;font-family: ssb;}
.sybt h2 strong{font-family: Arial;font-weight: 1000;}

.section2{padding-top: 100px;}
.section2 p{font-size: 18px;color: rgba(63, 70, 84, 1);line-height: 36px;}

.section3{padding-top: 100px;}
.section3 ul{margin-top: 46px;font-size: 0;}
.section3 ul li{display: inline-block;vertical-align: top;box-sizing: border-box;width: 31%;margin-right: 3.5%;position: relative;margin-bottom: 33px;cursor: pointer;}
.section3 ul li a{display: block;position: relative;}
.section3 ul li:nth-of-type(3n){margin-right: 0;}
.section3 ul li img{width: 100%;}
.section3 ul li a::before{content: '';display: block;width: 100%;height: 100%;background: url(../images/glsj_bg1.png) center center;background-size: 100% 100%;
	position: absolute;top: 0;left: 0;
}
.section3 ul li a::after{content: '';display: block;width: 100%;height: 100%;background: url(../images/glsj_bg2.png) center center;background-size: 100% 100%;
	position: absolute;top: 0;left: 0;opacity: 0;
}
.section3 ul li h3{position: absolute;top: 50%;left: 0;width: 100%;text-align: center;font-family: ssm;font-size: 28px;color: #fff;z-index: 2;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}
.section3 ul li:hover::before{opacity: 0;}
.section3 ul li:hover::after{opacity: 1;}

.section4{padding-top: 100px;}
.section4 ul{margin-top: 34px;font-size: 0;}
.section4 ul li{display: inline-block;vertical-align: top;box-sizing: border-box;width: 32%;margin-right: 2%;margin-bottom: 20px;cursor: pointer;text-align: center;}
.section4 ul li a{display: block;position: relative;background: #F3F7FB;padding: 60px 0;border-radius: 25px;overflow: hidden;}
.section4 ul li a::before{content: '';display: block;width: 100%;height: 0;position: absolute;background: #003894;border-radius: 25px;
	top: 0%;left: 50%;
	transform: translate(-50%);
	-webkit-transform: translate(-50%);
	-o-transform: translate(-50%);
	-moz-transform: translate(-50%);
}
.section4 ul li a:hover::before{width: 100%;height: 100%;}
.section4 ul li:nth-of-type(3n){margin-right: 0;}
.section4 ul li:nth-of-type(4),.section4 ul li:nth-of-type(5),.section4 ul li:nth-of-type(6){margin-bottom: 0;}
.section4 ul li h6,.section4 ul li h3,.section4 ul li p{position: relative;}
.section4 ul li h6{margin-bottom: 34px;}
.section4 ul li h3{font-size: 28px;color: #003894;margin-bottom: 20px;font-family: ssb;font-family: ssm;line-height: 30px;}
.section4 ul li p{font-size: 18px;color: #7F828A;height: 30px;line-height: 24px;}
.section4 ul li:hover h3{color: #fff;}
.section4 ul li:hover p{color: rgba(255,255,255,.6);}

.section5{padding-top: 100px;}
.s5{margin-top: 38px;background: #F3F7FB;border-radius: 25px;padding: 60px 50px 57px 65px;box-sizing: border-box;}
.s5 h2{text-align: right;margin-bottom: 20px;}
.s5 h2 img{max-width: 50%;}
.s5_t{font-size: 0;cursor: pointer;}
.s5_tl,.s5_tr{display: inline-block;vertical-align: middle;box-sizing: border-box;width: 50%;}
.s5_tl{padding-right: 50px;text-align: center;}
.s5_tl img{max-width: 100%;}
.s5_tr{padding-left: 70px;}
.s5 p{font-size: 18px;color: #5A6069;position: relative;line-height: 38px;}
.s5_tr p::before{content: '';display: block;width: 10px;height: 10px;background: #2A82E4;border-radius: 50%;position: absolute;top: 50%;left: -21px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	opacity: 0;
}
.s5_tr p::after{content: '';display: block;width: 0;height: 2px;background: #8ebcef;position: absolute;top: 50%;right: calc(100% + 21px);
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}
.s5_t:hover .s5_tr p::before{opacity: 1;}
.s5_t:hover .s5_tr p::after{width: 101px;}
.s5_b{font-size: 0;cursor: pointer;margin-top: 20px;}
.s5_bl,.s5_br{display: inline-block;vertical-align: middle;box-sizing: border-box;width: 50%;}
.s5_br{padding-left: 60px;text-align: right;}
.s5_br img{max-width: 100%;}
.s5_bl{padding-right: 50px;}
.s5_bl p:first-of-type{margin-bottom: 66px;}
.s5_bl p::before{content: '';display: block;width: 10px;height: 10px;background: #2A82E4;border-radius: 50%;position: absolute;top: 50%;right: -21px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	opacity: 0;
}
.s5_bl p::after{content: '';display: block;width: 0;height: 2px;background: #8ebcef;position: absolute;top: 50%;left: calc(100% + 21px);
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}
.s5_b:hover .s5_bl p::before{opacity: 1;}
.s5_b:hover .s5_bl p::after{width: 80px;}
.s5_b:hover .s5_bl p:last-of-type:after{width: 56px;}
.s5_bl p:last-of-type::before{right: -40px;}
.s5_bl p:last-of-type::after{left: calc(100% + 40px)}
.s5 a{display: block;width: 230px;line-height: 45px;text-align: center;background: #3E4857;font-size: 16px;color: #fff;border-radius: 54px;margin: 88px auto 0;}
.s5 a:hover{background: #003894;}

.section6{padding-top: 100px;}
.section6 ul{margin-top: 56px;font-size: 0;}
.section6 ul li{display: inline-block;vertical-align: top;box-sizing: border-box;width: 23.5%;margin-right: 2%;}
.section6 ul li:nth-of-type(4n){margin-right: 0;}
.section6 ul li a{display: block;border-radius: 25px;box-shadow: 0 0 10px 3px #ededed;padding: 30px 18px 45px;box-sizing: border-box;text-align: center;}
.section6 ul li a h3{font-size: 22px;margin-bottom: 40px;}
.section6 ul li a img{margin-bottom: 50px;height: 75px;}
.section6 ul li a p{font-size: 16px;color: #3B3F45;line-height: 32px;font-family: ssn;text-align: left;height: 160px;}
.section6 ul li a h6{display: block;width: 120px;line-height: 36px;text-align: center;background: #3E4857;font-size: 14px;color: #fff;border-radius: 36px;margin: 54px auto 0;}
.section6 ul li a:hover h6{background: #003894;}

.section7{padding: 100px 0;}
.section7 h6{margin-top: 60px;text-align: center;}
.section7 h6 img{max-width: 100%;height: auto;}
.section7 ul{font-size: 0;margin-top: 72px;}
.section7 ul li{display: inline-block;vertical-align: top;box-sizing: border-box;width: 22.75%;margin-right: 3%;background: #F3F7FB;text-align: center;padding: 40px 10px 20px;border-radius: 25px;}
.section7 ul li:nth-of-type(4n){margin-right: 0;}
.section7 ul li img{height: 95px;margin-bottom: 26px;}
.section7 ul li h3{font-size: 18px;color: #21252B;}

.section8{padding: 0 0 119px;}
.s8{margin-top: 39px;font-size: 0;}
.s8_l,.s8_r{display: inline-block;vertical-align: bottom;box-sizing: border-box;width: 48%;}
.s8_l{margin-right: 4%;padding-bottom: 5px;}
.s8_l a{display: block;border-bottom: 2px solid #E5E5E5;padding: 20px 20px 0;}
.s8_l a h4 img{width: 100%;}
.s8_l a h3{font-size: 24px;color: #000;font-family: ssb;margin: 10px 0 20px;
	overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.s8_l a p{font-size: 14px;color: #808080;font-family: ssm;
	overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.s8_l a h6{margin-top: 40px;text-align: right;}
.s8_l a:hover{box-shadow: 0 0 10px 3px #d2d2d2;border-bottom: 2px solid #003894;}
.s8 h6{text-align: right;}
.s8 h6 i,.s8 h6 img{display: inline-block;}
.s8 h6 i{margin-right: 10px;font-size: 14px;color: #808080;font-family: ssn;}
.s6lb a{display: block;padding: 16px 30px;box-sizing: border-box;border-bottom: 2px solid #ABBDD9;}
.s6lb:first-of-type a{border-top: 2px solid #ABBDD9;}
.s6lb a h3{font-size: 20px;color: #000;font-family: ssb;margin-bottom: 10px;
	overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.s6lb a p{font-size: 14px;color: #808080;font-family: ssm;
	overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.s6lb a:hover{box-shadow: 0 0 10px 3px #d2d2d2;border-bottom: 2px solid #003894;}

.section9{padding: 100px 0;background: url(../images/s9bg.png) center center;background-size: 100% 100%;text-align: center;}
.section9 .sybt h2{color: #fff;margin-bottom: 38px;}
.section9 p{font-size: 18px;color: #fff;line-height: 34px;font-family: ssm;}
.section9 img{margin-top: 38px;max-width: 100%;height: auto;}