@font-face {
  font-family:'HarmonyOS Sans SC Medium';
  src:url('/assets/font/HarmonyOS_Sans_SC_Medium.ttf') format('truetype');
}
@font-face {
  font-family:'HarmonyOS Sans SC? Bold';
  src:url('/assets/font/HarmonyOS_Sans_SC_Bold.ttf') format('truetype');
}
@font-face {
  font-family:'HarmonyOS Sans SC?';
  src:url('/assets/font/HarmonyOS_Sans_SC_Regular.ttf') format('truetype');
}
@font-face {
  font-family:'HarmonyOS Sans SC? Regular';
  src:url('/assets/font/HarmonyOS_Sans_SC_Regular.ttf') format('truetype');
}
@font-face {
  font-family:'HarmonyOS Sans SC Light';
  src:url('/assets/font/HarmonyOS_Sans_SC_Light.ttf') format('truetype');
}


@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1116px;
    }
}
a{
	color: #3e78f8;
}
.pt-10{
	padding-top: 6rem;
}
body{
    font-family: "HarmonyOS Sans SC? Regular" ,"HarmonyOS Sans SC?" ,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #323232;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "HarmonyOS Sans SC? Bold" ,"HarmonyOS Sans SC Regular" ,"HarmonyOS Sans SC?" ,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 600;
    /*color: #323232;*/
}
strong{
    font-family: "HarmonyOS Sans SC? Bold" ,"HarmonyOS Sans SC Regular" ,"HarmonyOS Sans SC?" ,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    /*color: #323232;*/
}
img{max-width: 100%;}
.btn-primary {
    background-color: #1449df;
    border-color: #1449df;
    font-size: 0.875rem;
    padding: .475rem 1.2rem;
    border-radius: 15rem;
}
.bg-f7f8f8{
	background-color: #f7f8f8;
}
h4{
	font-size: 1.375rem;
}
@media (max-width: 767.98px) {
	.h1, h1 {
	    font-size: 2.2rem;
	}
    .pt-5, .py-5 {
        padding-top: 2.2rem !important;
    }
    .pb-5, .py-5 {
        padding-bottom: 2.2rem !important;
    }
}
.img-radius{
	border-radius: 12px;
}
.inbox1 .desc{
	color: #666464;
}
.inbox1 .desc strong{
	color: #323232;
}


/*nav*/
.navbar-collapse{
	justify-content: flex-end;
	font-family: "HarmonyOS Sans SC Medium" ,"HarmonyOS Sans SC Regular" ,"HarmonyOS Sans SC?" ,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	
}
.navbar-nav{
	justify-content: space-evenly;
	width: 85%;
}
.navbar-nav a{
	color: #fff;
	line-height: 1.5;
	position: relative;
	color: #fff;
	padding-left: 0;
	padding-right: 0;
	cursor: pointer;
}
.navbar-nav a span{
	position: relative;
}
.navbar-nav a:hover,.navbar-nav .nav-item.active a{
	color: #3e78f8;
    font-family: "HarmonyOS Sans SC? Bold" ,"HarmonyOS Sans SC Regular" ,"HarmonyOS Sans SC?" ,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}
.navbar-nav a:hover span:after,.navbar-nav .nav-item.active a span:after{
	content: "";
	border-bottom:2px solid #3e78f8;
	position: absolute;
	bottom:-7px;
	left:0;
	width: 100%;
}
.navbar {
	background-color: transparent;
	transition: all 0.3s ease;
	box-shadow: none;
}
.navbar.scrolled {
	background: rgba(50, 50, 50, 0.95);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.navbar-toggler .navbar-toggler-icon {
    background-image: url(/assets/css/"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http:/www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}
.navbar-toggler-custom{
	display: none;
}
.navbar-mobile{
	display: none;
}
@media (max-width: 991.98px) {
	.navbar-collapse{
		display: none;
	}
    .offcanvas-collapse {
        height: 100vh;
        width: 280px;
        position: fixed;
        top: 0;
        right: -280px;
        background: #fff;
        box-shadow: -5px 0 15px rgba(0,0,0,0.1);
        transition: all 0.3s ease;
        z-index: 1050;
        padding: 20px;
    }
    .offcanvas-collapse.show {
        right: 0;
    }
    .nav-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 1040;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s;
    }
    .nav-overlay.active {
        opacity: 1;
        visibility: visible;
    }
    .navbar-toggler-custom{
    	display: block;
    }

    .navbar-mobile{
    	display: block;
    	font-family: "HarmonyOS Sans SC? Medium" ,"HarmonyOS Sans SC Regular" ,"HarmonyOS Sans SC?" ,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    	color: #fff;
    	background: rgba(50, 50, 50, 0.95);
	    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }
}
@media (max-width: 767.98px) {
    .navbar-dark .offcanvas-collapse {
        background-color: #343a40;
    }
    .logo{
    	height: 26px;
    	display: block;
    }
}




/*banner*/
.video-banner {
	position: relative;
	height: 100vh; /* 满屏高度 */
	overflow: hidden;
}

.video-container {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	transform: translate(-50%, -50%);
	z-index: 0;
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	z-index: 1;
}

.bannerpobg{
	width: 45%;
	height: 100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.img-banner{
	background: no-repeat center; 
	background-size: cover;
	height: 600px;
	align-items: center;
	color: #fff;
	font-size: 1.56rem;
	display: flex;
	position: relative;
}
.img-banner h1{
	color: #fff;
}
.img-banner .mask{
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.3);
	align-items: center;
	display: flex;
}
.img-banner .newst{
	text-align: center;
	font-size: 4.0625rem;
}
.img-banner h1{
	font-size: 4.8rem;
	padding-bottom: 1.5rem;
}


@media (max-width: 991.98px) {
	.img-banner h1{font-size: 4rem;}
}

@media (max-width: 767.98px) {
	.img-banner h1{font-size:3rem;}
	.img-banner{
		font-size: 1.3rem;
	}
}







@keyframes float {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-20px); }
}

@media (max-width: 991.98px) {
	.centered-image {
		width: 50%;
		max-width: 200px;
	}
	.video-banner {
		height:70vh;
	}
	.video-container{
		max-height: 100%;
	}
}






/*slide*/
.carousel-indicators li{
    border-bottom-width: 30px;
    background: none;
    width: 18px;
}
.carousel-indicators li:after{
	content: "";
	width: 100%;
	height: 6px;
	background-color: #bcbabb;
	border-radius: 5px;
	display: block;
}
.carousel-indicators li.active{
	width: 36px;
}
@media (max-width: 767.98px) {
    .slide .pt-10{
        padding-top: 3rem;
    }
    .carousel-indicators li{
    	border-bottom-width: 15px;
    }
    .carousel-indicators li:after{
    	background-color: #ffffff;
    }
}



/*index zyul*/
.zyul .custom-col{
    padding-top: 1.5rem;
}
.zyul .text-muted{
    color: #666464 !important;
}
.zyul .text-muted strong{
    color: #323232;
}
.zyul .custom-col img{
	max-height: 49px;
}
.zyul .custom-col h4{
	padding:1.6rem 0 1.2rem;
	border-bottom:1px solid #5e86fd;
}
@media (min-width: 992px) {
    .zyul{
    	margin-left: -3.125rem;
        margin-right: -3.125rem;
    }
    .zyul .custom-col{
    	padding-left: 3.125rem;
        padding-right: 3.125rem;
        padding-top: 1.5rem;
    }
}



/*imgbox*/
.imgbox {
	/*height: 56.25vw;*/
	position: relative;
	overflow: hidden;
}

	.imgbox img {
		/*position: absolute;*/
		top: 50%;
		left: 50%;
		min-width: 100%;
		/*min-height: 100%;*/
		width: auto;
		height: auto;
		/*transform: translate(-50%, -50%);*/
		max-width: 100%;
		/*max-height: 100%;*/
	}

@media (max-width: 991.98px) {
	.imgbox {
		height: 56.25vw;
	}

		.imgbox img {
			position: absolute;
			top: 50%;
			left: 50%;
			min-width: 100%;
			min-height: 100%;
			width: auto;
			height: auto;
			transform: translate(-50%, -50%);
			max-width: initial;
			max-height: 100%;
		}
}
/*@media (min-width: 992px) {
	.imgbox{
		height: 650px;
	}
    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}
*/





/*footer*/
.footer-dark{
	background-color: #242425;
}
.footer{
	color: #fff;
	font-size: 0.875rem;
	font-family: "HarmonyOS Sans SC? Light" ,"HarmonyOS Sans SC Regular" ,"HarmonyOS Sans SC?" ,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}
.footer hr{
	border-top: 1px solid #dadada;
}
.footer a{
	color: #fff;
}
.footer .flogo{
	height:29px;
	display: block;
}
.footer .fbox1{
	display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.footer .fbox1 .fbor{
	display: flex;
	align-items: center;
	gap: 10px;
}
.footer .fbox1 .tcbox{
	position: relative;
	cursor: pointer;
}
.footer .fbox1 .tcx{
	position: absolute;
	left:50%;
	bottom: 90%;
	transform: translate(-50%,0);
	width: 85px;
	padding-bottom: 30%;
	display: none;
	will-change: transform;
	backface-visibility: hidden; /* 修复边沿闪灼 */
}
.footer .fbox1 .tcx img{
	border-radius: 6px;

}
.footer .fbox1 .tcbox:hover .tcx{
	display: block;
}
.footer .fbox1 svg{
	width: 25px;
	height: 25px;
}
.footer .fbox1 svg.wx{
	width: 30px;
	height: 30px;
}
.footer .fbox2{
	display: flex;
	justify-content: space-between;
    flex-wrap: wrap;
}

@media (max-width: 767.98px) {
    .footer .flogo{
    	height:24px;
    }
}


/*aboutbox1*/
.aboutbox1 .box1 .col{
	flex: 0 0 20%; max-width: 20%;
	text-align: center;

}
.aboutbox1 .box1 .col h6{
	padding-top: 1rem;
	line-height: 1.7;
}

.aboutbox1 .desc{
	line-height: 1.7;
	color: #474747;
}
@media (max-width: 991.98px) {
	.aboutbox1 .box1{
		justify-content: center;
	}

	.aboutbox1 .box1 .col{
		flex: 0 0 33.3%; max-width: 33.3%;
		padding-bottom: 0.5rem;
	}
}
@media (max-width: 767.98px) {
	.aboutbox1 .box1 .col{
		flex: 0 0 50%; max-width: 50%;
		padding-bottom: 0.5rem;
	}
}


.textbox .txt{
	line-height: 1.7;
	color: #666464;
}
.textbox .txt strong{
    color: #323232;
}
.textbox .txt h1{
	padding-bottom: 2rem;
    color: #323232;
}

.txt-img{
	display: flex;
}
.txt-img .txt{
	width: 31%;
	color: #666464;
}
.txt-img .txt strong{
    color: #323232;
}

.txt-img .img{
	width: 69%;
	text-align: right;
	padding-left: 2%;
}

.mapimg{
	text-align: center;
}

@media (max-width: 991.98px) {
	.txt-img{flex-wrap: wrap;}
	.txt-img .txt{width: 100%;padding-bottom: 1.5rem;}
	.txt-img .img{width: 100%;}
}






.historybox .box1{
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.historybox .box1 h2{
	font-size: 1.875rem;
}
.timeline-nav-wrapper {
  	max-width: 65%;
  	margin-right: 40px;
}
.timeline-nav-scroll {
	scroll-behavior: smooth;
	-ms-overflow-style: none;  /* IE 隐藏转动条 */
	scrollbar-width: none;     /* Firefox 隐藏转动条 */
}
.timeline-nav-scroll::-webkit-scrollbar {
	display: none; /* Chrome/Safari 隐藏转动条 */
}
.timeline-year {
	flex: 0 0 auto;
	padding: 7px 38px;
	margin: 0 5px;
	cursor: pointer;
	border-radius:90px;
	transition: all 0.3s;
	font-size: 1.56rem;
	color: #b5b5b6;
    font-family: "HarmonyOS Sans SC? Bold" ,"HarmonyOS Sans SC Regular" ,"HarmonyOS Sans SC?" ,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.timeline-nav-scroll .timeline-year:last-child {
	margin-right: 0;
}
.timeline-year.active {
	background: #1044dc;
	color: #fff;
}

.historybox .timeline-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	z-index: 10;
	cursor: pointer;
	justify-content: center;
	align-items: center;
	display: flex;
}
.historybox .timeline-arrow .icon{
	width:15px;
	height:15px;
}
.historybox .timeline-arrow-left {
	left: -40px;
}
.historybox .timeline-arrow-right {
	right: -40px;
}
.timeline-item {
	display: none;
}
.timeline-item.active {
	display: block;
	animation: fadeIn 0.5s;
}
.timeline-item .row{
	justify-content: space-between;
	margin-left: 0;
	margin-right: 0;
}
.timeline-item .fimg{
	width: 45%;
	padding-right: 2%;
}
.timeline-item .txtbox{
	width: 52%;
	padding:48px 60px;
	line-height: 1.7;
}
.timeline-item .txtbox .desc{
	color: #666464;
}
.timeline-item .txtbox .desc strong{
    color: #323232;
}

@media (max-width: 991.98px) {
	.historybox .box1{flex-wrap: wrap;}
	.timeline-nav-wrapper{
		max-width: 100%;
		width: 100%;
	}
	.timeline-year{
		padding: 5px 38px;
		font-size: 1.3rem;
	}

	.timeline-item .txtbox{
	    padding: 0 30px;
	}

	.timeline-nav-wrapper{
		margin-right: 0;
		padding:0 40px;
	}
	.historybox .timeline-arrow-right{
		right: 0;
	}
	.historybox .timeline-arrow-left{
		left: 0;
	}
}
@media (max-width: 767.98px) {
	.timeline-item .fimg{
		width: 100%;
		padding-right: 0;
	}
	.timeline-item .txtbox {
	    width: 100%;
	    padding: 0;
	    padding-top: 1rem;
	}
	.timeline-nav-wrapper{
		padding:0 30px;
	}
	.historybox .timeline-arrow{
		width: 30px;
		height: 30px;
	}
	.timeline-year {
	    padding: 4px 26px;
	    font-size: 1rem;
	}
}


@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}



.aboutbox2 .box1 .li{
	border-radius: 12px;
	overflow: hidden;
	position: relative;
}
.aboutbox2 .box1 .li h2{
	font-size: 2.18rem;
	background-color: #fff;
	color: #3e78f8;
    border-radius: 0 0 12px 0;
    padding:10px 30px;
    position: absolute;
    left:0;
    top:0;
}
.aboutbox2 .box1 .li .tc{
	position: absolute;
	width: 100%;
	height: 100%;
	left:0;
	top:0;
	background-color: rgba(62,120,248,.8);
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.125rem;
	line-height: 1.66;
	opacity: 0;
    transition: all 0.3s ease;
}
.aboutbox2 .box1 .li:hover h2{
	background-color: rgba(255,255,255,.8);
}
.aboutbox2 .box1 .li:hover .tc{
	display: flex;
	opacity: 1;
}
@media (max-width: 991.98px) {
	.aboutbox2 .box1 .li h2{
		font-size: 1.6rem;
	    padding: 6px 20px;
	}
}
@media (max-width: 767.98px) {
	.aboutbox2 .box1 .li{
		margin-bottom: 1rem;
	}
}

.aboutbox3 .imgb1{
	position: relative;
}
.aboutbox3 .imgb1 img{
	width: 100%;
}
.aboutbox3 .box1 h3{
	position: absolute;
	left:0;
	bottom:2rem;
	background: linear-gradient(
	    to right,
	    rgba(62, 120, 248, 0.3) 0%,
	    rgba(62, 120, 248, 0.3) 70%,
	    rgba(62, 120, 248, 0) 100%
	);
	font-size: 1.56rem;
	color: #fff;
	padding:10px 48px;
	display: flex;
	align-items: center;
}
.aboutbox3 .box1 h3.green{
	background: linear-gradient(
	    to right,
	    rgba(49, 185, 13, 0.3) 0%,
	    rgba(49, 185, 13, 0.3) 70%,
	    rgba(49, 185, 13, 0) 100%
	);
}
.aboutbox3 .box1 h3 span{
	border-radius: 10rem;
	width: 32px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.875rem;
	background-color: #3e78f8;
	margin-right: 12px;
}
.aboutbox3 .box1.reversal{
	flex-direction: row-reverse;
}

.aboutbox3 .box1 .li{
	border-bottom:2px solid #e2e3e3;
	display: flex;
	align-items: center;
	padding:1.5rem;
	font-size: 0.875rem;
	flex-wrap: wrap;
	min-height: 8.125rem;
	overflow: hidden;
	position: relative;
}
.aboutbox3 .box1 .li h4{
	font-size: 1.25rem;
	position: relative;
	left:0;
	top:0;
	z-index: 10;
    transition: all 0.3s ease;
}
.aboutbox3 .box1 .li:last-child{
	border-bottom:0;
}
.aboutbox3 .box1 .li .desc2{
	/*display: none;*/
	height: 100%;
	overflow: hidden;
    transition: all 0.3s ease;
    position: absolute;
    bottom:0;
    left:0;
	background-color: #3e78f8;
	color: #fff;
	transform: translateY(100%);
	display: flex;
	padding:3.5rem 1.5rem 1.5rem;
}
.aboutbox3 .box1 .li:hover{
	/*background-color: #3e78f8;*/
	color: #fff;
	border-radius: 12px;
	border-bottom:0;
}
.aboutbox3 .box1 .li:hover h4{
	position: relative;
	left:0;
	top:-1.5rem;
}
/*.aboutbox3 .box1 .green .li:hover{
	background-color: #42bf12;
}*/
.aboutbox3 .box1 .green .desc2{
	background-color: #42bf12;
}
.aboutbox3 .box1 .li:hover .desc2{
	/*display: block;*/
	/*max-height: 400px;*/
	transform: translateY(0%);
}


.hire4 h2{
	font-size: 2.1875rem;
    font-family: "HarmonyOS Sans SC Medium" ,"HarmonyOS Sans SC Regular" ,"HarmonyOS Sans SC?" ,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.hire4 h3{
	font-size: 1.5625rem;
}
.hire4 .desc{
	line-height: 1.8;
	color: #666464;
}
.hire4 .desc strong{
    color: #323232;
}

.hire4 hr{
	margin:2rem 0;
    border-top: 2px solid #d8d8d8;
}
.hire4 .tbx{
	margin-left: 0;
	margin-right: 0;
}
.hire4 .tbx .col{
	padding-top: 2rem;
	max-width: 22%;
	-ms-flex: 0 0 22%;
	flex: 0 0 22%;
	padding-left: 2%;
	line-height: 1.8;
}
.hire4 .tbx .col .t1{
	padding-bottom: 0.2rem;
	color: #666464;
    font-family: "HarmonyOS Sans SC? Light" ,"HarmonyOS Sans SC Regular" ,"HarmonyOS Sans SC?" ,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.hire4 .tbx .col .t2{
	color: #474747;
}
.hire4 .tt2{
	position: relative;
	display: flex;
	align-items: center;
}
.hire4 .title{
	position: relative;
	display: flex;
	align-items: center;
	padding-right:80px;
}
.hire4 .share{
	font-size: 1rem;
	position: absolute;
	right: 0;
	color: #666;
	text-decoration: none;
	display: flex;
	align-items: center;
    font-family: "HarmonyOS Sans SC? Regular" ,"HarmonyOS Sans SC?" ,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.hire4 .ebtn{
	color: #1044dc;
	border:1px solid #1044dc;
	border-radius: 18px;
	margin-left: 15px;
	padding:2px 26px 3px;
	font-size: 1.625rem;
    font-family: "HarmonyOS Sans SC? Bold" ,"HarmonyOS Sans SC Regular" ,"HarmonyOS Sans SC?" ,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

@media (max-width: 767.98px) {
	.hire4 .title{
		padding-right: 0;
		flex-wrap: wrap;
	}
	.hire4 .share{
		margin-top: 1rem;
		position: relative;
	}

	.hire4 .tbx .col{
		max-width: 50%;
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	}
	.hire4 .tt2{
		align-items: flex-start;
		flex-direction: column;
	}
	.hire4 .ebtn{
		margin-top: 1rem;
		margin-left: 0;
		font-size: 1.35rem;
	}
}






.hire3{
	background-color: #fff;
	border-radius: 12px;
	padding:2rem 0;
}
.hire3 .title{
	font-size: 2.1875rem;
	display: flex;
	align-items: center;
	padding:0 2rem;
}
.hire3 .title .io{
	font-size: 1rem;
	color: #1044dc;
	background-color: #e7ecfb;
	margin-left: 8px;
	padding:2px 12px;
	border-radius: 2rem;
	transform: translateY(2px);
    font-family: "HarmonyOS Sans SC? Regular" ,"HarmonyOS Sans SC?" ,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.hire3 hr{
	margin:2rem 0;
    border-top: 1px solid #d8d8d8;
}
.hire3 .li{
    padding: 0 2rem 2.5rem;
}
.hire3 .li .tbox{
    border-top: 1px solid #d8d8d8;
    padding: 2.5rem 0 0;
}
.hire3 .li .t1{
    justify-content: space-between;
    position: relative;
    display: flex;
}
.hire3 .li .t1 h3{
    font-size: 1.375rem;
}
.hire3 .li .t1 .time{
    font-size: 1rem;
}

.hire3 .li .t2{
    position: relative;
    display: flex;
    padding-right: 80px;
    align-items: center;
    margin-top: .5rem;
    color: #666464;
}
.hire3 .li .t2 .fm{
	position: absolute;
	right: 0;
	cursor: pointer;
	background-color: #eeeeee;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 0.875rem;
	padding:2px 16px;
	border-radius: 3rem;
	display: none;
}
.hire3 .li .t2 .fm svg{
	margin-right: 4px;
}
.hire3 .li .t2 .fm.expand svg{
	margin-right: 4px;
  	transform: rotate(-180deg);
}
.hire3 .li .descbox{
	/*display: none;*/
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.5s ease;
}

.hire3 .li .descbox .desc{
	line-height: 2;
	color: #666464;
}
.hire3 .li .descbox .tt2{
	font-size: 1.125rem;
}
.hire3 .li .descbox .tt2 a{
	color: inherit;
}

.hire3 .li:hover{
	background-color: #f7f8f8;
}
.hire3 .li:hover .fm.expand{
	display: block;
	background-color: #dfe6f5;
	color: #1044dc;
}
.hire3 .li:hover .fm.expand svg{
	fill: #1044dc;
}
.hire3 .li:hover .fm.expand svg path{
	fill: #1044dc;
}

.hire3 .li.show:hover{
	background-color: #fff;
}
.hire3 .li.show:hover .fm.expand{
	display: none;
}
.hire3 .li.show .fm.retract{
	display: block;
}
.hire3 .li.show .descbox{
	/*display: block;*/
	max-height: 2000px;
}
.hire3 .li.show .descbox h3{
    font-family: "HarmonyOS Sans SC Medium" ,"HarmonyOS Sans SC Regular" ,"HarmonyOS Sans SC?" ,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}


.paging{
	padding:0 2rem 0;
}
.paging .pbox{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	line-height: 48px;
	border-top: 1px solid #d8d8d8;
	padding-top: 2.5rem;
}
.paging a{
	text-decoration: none;
	color: #666;
}
.paging .abtn, .paging .paginator a {
	background-color: #f6f7f7;
	text-align: center;
	padding: 11px 17px;
	margin: 0 6px;
	border-radius: 6px;
	min-width: 48px;
}

.paging .abtn.active, .paging .abtn:hover, .paging .paginator a:hover {
	background-color: #1677ff;
	color: #fff;
}
.paging .abtn.active svg,.paging .abtn:hover svg{
	fill: #fff;
}
.paging .abtn.active svg path,.paging .abtn:hover svg path{
	fill: #fff;
}
.paging2 .pbox{
	justify-content: center;
	line-height: 26px;
	border-top: 0;
	padding-top: 5rem;
	padding-bottom: 1rem;
}
.paging .abtn2, .paging2 .paginator2 a {
	padding: 0 4px;
	margin: 0 2px;
}

.paging2 .abtn2.active, .paging2 .abtn2:hover, .paging2 .paginator2 a:hover {
	color: #1677ff;
}

.paging .abtn2.active svg, .paging .abtn2:hover svg {
	fill: #1677ff;
}

.paging .abtn2.active svg path, .paging .abtn2:hover svg path {
	fill: #1677ff;
}




@media (max-width: 767.98px) {
	.hire3 .title{padding: 0 1.5rem;}
	.hire3 .li{padding: 0 1.5rem 2rem;}
	.hire3 .li .tbox{padding-top: 2rem;}
	.hire3 .li .t1{
	    flex-wrap: wrap;
	}
	.hire3 .li .t1 .time{
	    font-size: 0.875rem;
	}
	.hire3 .li .t2{
		padding-right: 0;
	    align-items: center;
	    font-size: 0.875rem;
	}
	.paging .pbox {
		flex-wrap: wrap;
		padding-top: 2rem;
	}

	.hire3 .li.show .fm.retract{
		display: none;
	}
	.hire3 .li:hover .fm.expand{
		display: none;
	}
	.paging .pbox{
		line-height:28px;
	}
	.paging .abtn{
	    min-width:28px;
	    margin:0 4px;
	}
}









.hire2 .title{
	font-size: 2rem;
}
.hire2 .tbx{
    align-items: stretch;
}
.hire2 .tbx .col-md-6{
	margin-top: 1.75rem;
}
.hire2 .tbx .li{
	background-color: #fff;
	border-radius: 12px;
	box-shadow: 3px 3px 5px -10px #eee;
	padding:1.4rem;
	height: 100%;
	position: relative;
    font-family: "HarmonyOS Sans SC? Bold" ,"HarmonyOS Sans SC Regular" ,"HarmonyOS Sans SC?" ,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.hire2 .tbx .li h4{
	font-size: 1.375rem;
	padding-bottom: 1.2rem;
}
.hire2 .tbx .li a{
	color: #666;
}
.hire2 .tbx .li a:hover{
	color: #1044dc;
	text-decoration: none;
}
.hire2 .tbx .li .img{
	position: absolute;
	width: 28px;
	right:1.4rem;
	top:1.4rem;
}




.newsinfo h1{
	text-align: center;
}
.newsinfo hr{
    border-top: 1px solid #b8b7b7;
    margin: 2rem 0;
}
.newsinfo .time{
	text-align: center;
	color: #474747;
}
.content{
	line-height: 1.75;
	color: #666464;
}
.content p {
	margin-bottom: 2rem;
}
.infobtnbox{
	display: flex;
    gap: 30px;
}
.infobtnbox a{
	color: #333;
	text-decoration: none;
	font-size: 1.25rem;
	font-weight: 500;
}
.infobtnbox a:hover{
	color: #3e78f8;
}



.newslist .newul .col-lg-3{
	margin-top: 2rem;
}
.newslist .newul .li{
	background-color: #fff;
	display: block;
	border-radius: 10px;
	overflow: hidden;
	color: #333;
	cursor: pointer;
	color: #474747;
}
.newslist .newul .li:hover{
	color: #3e78f8;
	text-decoration: none;
}
.newslist .newul .li .time{
	padding:18px 18px 2px 18px;
}
.newslist .newul .li h6{
	padding:2px 18px 18px 18px;
}



.welfarelist .ul{
    align-items: stretch;
}
.welfarelist .ul a{
	display: block;
	color: #666;
	text-decoration: none;
	height: 100%;
}
.welfarelist .ul .col-md-6{
	margin-top: 2rem;
}
.welfarelist .ul .li:hover{background-color:#F3F8FC}
.welfarelist .ul .li h6{
	color: #474747;
	margin-bottom: 1.2rem;
	margin-top: 0.2rem;
	width: 100%;
}
.welfarelist .ul .li .time{
	color: #474747;
	width: 100%;
}
.welfarelist .ul .li .desc{
	width: 100%;
	color: #666464;
    font-family: "HarmonyOS Sans SC? Light" ,"HarmonyOS Sans SC Regular" ,"HarmonyOS Sans SC?" ,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.welfarelist .ul a:hover{
	color: #3e78f8;
}
.welfarelist .ul a:hover h6{
	color: #3e78f8;
}
.welfarelist .ul .img{
	border-radius: 12px;
	display: block;
	object-fit: cover;
}
.welfarelist .ul .li{
	background-color: #f9fafa;
	border-radius: 12px;
	padding:1rem 4.5rem;
	display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-items: center;
    align-content: center;
    line-height: 1.6875;
}

@media (max-width: 991.98px) {
	.welfarelist .ul .li{
		padding:1rem 2.5rem;
	}
}
@media (max-width: 767.98px) {
	.welfarelist .ul .li{
		padding:1rem 1.5rem;
	}
}











.mapimg2{
	padding:2rem 8% 1rem;
}
	.mapimg2 .mbox {
		position: relative;
		max-width: 1116px;
		margin:0 auto;
	}
.mapimg2 .tcb{
	position: absolute;
	/*left:50%;
	top:50%;*/
	width: 100%;
	height: 100%;
	left: 0;
	top:0;
}
.mapimg2 .tt{
	color: #898989;
	position: absolute;
	display: flex;
    flex-direction: column;
    align-items: center;
	transform: translate(-50%,0);
	width:39px;
	transition: all 0.3s ease;
}
.mapimg2 .line{
	width:2px;
	background-color: #898989;
	flex:1;
	transition: all 0.3s ease;
}
.mapimg2 .point{
	width:20px;
	height:33px;
	background:url(/assets/images/point.png) no-repeat top center;
	background-size: contain;
	transition: all 0.3s ease;
}

.mapimg2 .txt{
	text-align: center;
	position: absolute;
	/*top:-100%;*/
	white-space: nowrap;
	transform: translate(0,-100%);
}
.mapimg2 .txt h5{
	font-size: 1.2rem;
	margin-bottom: 0;
}
.mapimg2 .tt:hover{
	color: #1449df;
	z-index: 3;
}
.mapimg2 .tt:hover .line{
	background-color: #1449df;
}
.mapimg2 .tt:hover .point{
	width:20px;
	height:33px;
	background-image:url(/assets/images/point_h.png);
}

.mapimg2 .tt.tt1{
    height: 49%;
    left: 21.3%;
    bottom: 38.7%;
}
.mapimg2 .tt.tt1_ca {
	height: 33%;
    left: 15%;
    bottom: 42%;
}
.mapimg2 .tt.tt2 {
    height: 43%;
    left: 46%;
    bottom: 45.5%;
}
.mapimg2 .tt.tt2_xby {
    height: 37%;
    left: 44.2%;
    bottom: 40%;
}
.mapimg2 .tt.tt3 {
    height: 35.5%;
    left: 48.4%;
    bottom: 43.5%;
}
.mapimg2 .tt.tt4 {
    height: 22.5%;
    left: 50.9%;
    bottom: 44.5%;
}
.mapimg2 .tt.tt5 {
    height: 45.5%;
    left: 68.8%;
    bottom: 33.4%;
}
.mapimg2 .tt.tt6 {
    height: 55.5%;
    left: 74.7%;
    bottom: 33.34%;
}
.mapimg2 .tt.tt6_ml {
	height: 5%;
	left: 74.7%;
	bottom: 18%;
}
.mapimg2 .tt.tt7 {
    height: 65.5%;
    left: 78.1%;
    bottom: 33.6%;
}
.mapimg2 .tt.tt8 {
    height: 44%;
    left: 83.5%;
    bottom: 41.6%;
}
.mapimg2 .tt.tt9 {
    height: 52.2%;
    left: 85.4%;
    bottom: 14.8%;
}
.mapimg2 .tt3 .txt,.mapimg2 .tt4 .txt,.mapimg2 .tt9 .txt{
	transform: translate(50%,-100%);
	text-align: left;
}
.mapimg2 .tt6_ml .txt{
	transform: translate(-75%,0%);
	text-align: left;
}
.mapimg2 .tt2_xby .txt{
	transform: translate(-50%,-100%);
	text-align: left;
}

@media (max-width: 1199.98px) {
	.mapimg2 {
	    padding: 2rem 2rem 0;
	}
}
@media (max-width: 991.98px) {
	.mapimg2 .tcb{
		zoom:0.7;
	}
}
@media (max-width: 767.98px) {
	.mapimg2 {
	    padding: 2rem 1rem 0;
	}
	.mapimg2 .tcb{
		zoom:0.5;
	}
	.mapimg2 .point{
        height: 21px;
        width: 13px;
	}
	.mapimg2 .tt:hover .point{
		height:26px;
		width: 16px;
	}
	.mapimg2 .txt{
		font-size: 0.875rem;
	}
	.mapimg2 .txt h5{
		font-size: 1.225rem;
	}
}
<!--耗时1754098690.2615秒-->