* {
	margin: 0;
	padding: 0;
}

*:focus {
	outline: none;
}

body,
html {
	color: black;
	box-sizing: border-box;
}

a {
	text-decoration: none;
}

body::-webkit-scrollbar {
	width: 6px;
	background: rgba(2, 86, 156, 0.2);
}

body::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background: rgba(2, 86, 156, 1);
}

.main {
	width: 83.3333vw;
	margin: 0 auto;
}

.main2 {
	width: 89.2vw;
	margin: 0 auto;
}

@font-face {
	font-family: "HarmonyOS_Sans_SC_Black";
	src: url('https://tulashi2023.oss-cn-shenzhen.aliyuncs.com/font/HarmonyOS_Sans_SC_Black.ttf');
}

@font-face {
	font-family: "HarmonyOS_Sans_SC_Bold";
	src: url('https://tulashi2023.oss-cn-shenzhen.aliyuncs.com/font/HarmonyOS_Sans_SC_Bold.ttf');
}

@font-face {
	font-family: "HarmonyOS_Sans_SC_Light";
	src: url('https://tulashi2023.oss-cn-shenzhen.aliyuncs.com/font/HarmonyOS_Sans_SC_Light.ttf');
}

@font-face {
	font-family: "HarmonyOS_Sans_SC_Medium";
	src: url('https://tulashi2023.oss-cn-shenzhen.aliyuncs.com/font/HarmonyOS_Sans_SC_Medium.ttf');
}

@font-face {
	font-family: "HarmonyOS_Sans_SC_Regular";
	src: url('https://tulashi2023.oss-cn-shenzhen.aliyuncs.com/font/HarmonyOS_Sans_SC_Regular.ttf');
}

@font-face {
	font-family: "HarmonyOS_Sans_SC_Thin";
	src: url('https://tulashi2023.oss-cn-shenzhen.aliyuncs.com/font/HarmonyOS_Sans_SC_Thin.ttf');
}

@font-face {
	font-family: "BebasNeue";
	src: url('https://tulashi2023.oss-cn-shenzhen.aliyuncs.com/font/BebasNeue.otf');
}

.section {
	overflow: hidden;
}

.fa-in {
	transform: translateX(20.8333vw);
	transition: 5s ease-out;
	opacity: 0;
}

.section.active .fa-in {
	transform: translateX(0);
	transition: 1.7s ease-out;
	opacity: 1;
}

.fa-in2 {
	transform: translateX(-20.8333vw);
	transition: 5s ease-out;
	opacity: 0;
}

.section.active .fa-in2 {
	transform: translateX(0);
	transition: 1.7s ease-out;
	opacity: 1;
}

.fa-in3 {
	transform: translateY(20.8333vw);
	transition: 5s ease-out;
	opacity: 0;
}

.section.active .fa-in3 {
	transform: translateY(0);
	transition: 1.7s ease-out;
	opacity: 1;
}


/* header */
.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9;
	background: #FFFFFF;
	transition: all 0.5s;
}

.header.htop {
	transform: translateY(-6.7708vw);
}

.header.on {
	box-shadow: 0 0 10px rgba(2, 86, 156, 0.2);
}

.h-logo img {
	width: 11vw;
	max-width: 100%;
	height: 5vw;
	object-fit: contain;
	object-position: left;
}

.logo2 {
	display: none;
}

.logo1 {
	display: block;
}

.h-box {
	display: flex;
	align-items: center;
	padding-left: 2vw;
	justify-content: space-between;
	position: relative;
}

.h-right {
	display: flex;
	align-items: center;
}

.h-nav {
	display: flex;
	align-items: center;
	list-style-type: none;
	transition: all .3s;
	grid-gap: 3.8229vw;
	padding-right: 2.9792vw;
	margin-right: 2.5625vw;
	border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.h-a {
	font-size: .9375vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: rgba(0, 0, 0, 0.8);
	transition: all .3s;
	position: relative;
	cursor: pointer;
	padding-bottom: .4688vw;
}

.h-a::before {
	content: '';
	position: absolute;
	bottom: 0vw;
	right: 0;
	width: 0;
	height: 1px;
	background: #02569C;
	transition: all .8s;
}

.h-a:hover::before {
	width: 100%;
	left: 0;
	right: auto;
}

.h-a:hover {
	color: #02569C;
}

.h-li.on .h-a::before {
	width: 100%;
	left: 0;
	right: auto;
}

.h-ss {
	padding-right: 2.2vw;
}

.h-ss img {
	width: .9896vw;
	max-width: 100%;
}

.h-ss1 {
	display: block;
}

.h-ss2 {
	display: none;
}

.h-yy {
	padding: 0 2vw;
	margin-left: 2.4063vw;
	display: flex;
	align-items: center;
	grid-gap: .7292vw;
	font-size: .9375vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: #FFFFFF;
	background: #02569C;
	height: 5.25vw;
}

.h-yy img {
	width: 1.25vw;
	max-width: 100%;
}

.gif2 {
	display: block;
}

.gif1 {
	display: none;
}

.header:hover {
	background: #FFFFFF;
}

.header:hover .h-ss2 {
	display: none;
}

.header:hover .h-ss1 {
	display: block;
}

.header:hover .logo2 {
	display: none;
}

.header:hover .logo1 {
	display: block;
}

.header:hover .h-a {
	color: rgba(0, 0, 0, 0.8);
}

.header:hover .h-a:hover {
	color: #02569C;
}

.h-search {
	position: absolute;
	top: calc(100% - 2px);
	left: 0;
	right: 0;
	background: #FFFFFF;
	padding: 2.0833vw 0;
	display: none;
	box-shadow: 0px 0px 10px 0px rgba(2, 86, 156, 0.16);
}

.h-search2 {
	padding-bottom: .5208vw;
	border-bottom: 1px solid rgba(2, 86, 156, 0.1);
	display: flex;
	align-items: center;
	grid-gap: 1.0417vw;
	margin: 0 auto;
	width: fit-content;
}

.h-search3 {
	width: 23.4375vw;
	outline: none;
	border: none;
	font-size: .8333vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: #02569C;
}

.h-search3::-webkit-input-placeholder {
	font-size: .8333vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: rgba(0, 0, 0, 0.8);
}

.h-search4 {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	background: transparent;
	width: 1.3021vw;
	cursor: pointer;
}

.h-search4 img {
	width: 100%;
	display: block;
	max-width: 100%;
}

.m-header {
	display: none;
}

.h-xl {
	position: absolute;
	top: calc(100% - 2px);
	right: 7.05vw;
	z-index: 999999;
	background: #FFFFFF;
	box-shadow: 0px 0px 10px 0px rgba(2, 86, 156, 0.16);
	display: none;
}

.h-xlb {
	display: flex;
	align-items: stretch;
	height: 100%;
}

.h-xlb2 {
	padding: 1.7188vw 2.0833vw;
	display: flex;
	flex-direction: column;
}

.h-xlb3 {
	font-size: .9375vw;
	font-family: "HarmonyOS_Sans_SC_Bold";
	color: #02569C;
	margin-bottom: .7813vw;
}

.h-xlb4 {
	display: flex;
	align-items: stretch;
	flex: 1;
}

.h-xlb9 {
	border-right: 1px solid rgba(2, 86, 156, 0.1);
	padding-right: 2.0833vw;
	margin-right: 2.0833vw;
}

.h-xlb6 {
	font-size: .8333vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: rgba(0, 0, 0, 0.8);
	display: flex;
	align-items: center;
	padding: .6771vw .7813vw;
	border-radius: 2px;
	grid-gap: 1.3021vw;
	cursor: pointer;
	transition: all .2s;
}

.h-xlb6.on {
	background: rgba(2, 86, 156, 0.1);
	color: #02569C;
}

.h-xlb6jt {
	opacity: 0;
	transition: all .5s;
	transform: translateX(-0.5208vw);
}

.h-xlb6.on .h-xlb6jt {
	opacity: 1;
	transform: translateX(0);
}

.h-xlb7 {
	min-width: 15.625vw;
}

.h-xlb8 {
	display: none;
}

.h-xlb7 .h-xlb6:hover {
	background: rgba(2, 86, 156, 0.1);
	color: #02569C;
}

.h-xlb7 .h-xlb6:hover .h-xlb6jt {
	opacity: 1;
	transform: translateX(0);
}

.h-xlb10 {
	background: rgba(2, 86, 156, 0.1);
}

.h-xlb12 {
	margin-bottom: 2.0833vw;
	font-size: .8333vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: rgba(0, 0, 0, 0.8);
}

.h-xlb13 {
	overflow: hidden;
	width: 8.3333vw;
	margin-bottom: 2.0833vw;
}

.h-xlb13 img {
	width: 100%;
	max-width: 100%;
	display: block;
	transition: all 1s;
}

.h-xlb14 {
	font-size: .7292vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: #02569C;
}

.h-xlb11:hover .h-xlb13 img {
	transform: scale(0.9);
}

.h-xlb15 {
	padding: 1.7188vw 2.0833vw;
	display: flex;
	flex-wrap: wrap;
	grid-gap: 0 2.0833vw;
	width: 21vw;
	align-content: flex-start;
}

.h-xlb16 {
	font-size: .8333vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: rgba(0, 0, 0, 0.8);
	display: flex;
	align-items: center;
	padding: .6771vw .7813vw;
	border-radius: 2px;
	cursor: pointer;
	transition: all .2s;
	min-width: 7.8125vw;
}

.h-xlb16:hover {
	background: rgba(2, 86, 156, 0.1);
	color: #02569C;
}

.h-xlb16:hover .h-xlb6jt {
	opacity: 1;
	transform: translateX(0);
}

.h-xlb16 .w2-b4 {
	margin-right: 0.8vw;
}

.h-xlb16:hover .w2-b4 img {
	filter: brightness(1);
}

.h-xl2 .w2-b4 {
	width: 1.35vw;
}

/* footer */
.footer {
	background: #2B303E;
}

/* .section .footer .left-nav{display: flex;} */
.section .footer .left-nav {
	display: none;
}

.section .footer .left-box {
	margin: 0;
}

.section .footer .left-box::after {
	display: none;
}

/* .footer .left-box::after{content: '';position: absolute;top: 0;bottom: 0;left: 0;width: 2px;height: 100%;background: rgba(255, 255, 255, 0.1);} */
.footer .left-nav {
	display: none;
}

.footer .left-nav3 {
	opacity: 0;
}

.footer .left-nav2 {
	position: relative;
}

.footer .left-nav2::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 200%;
	width: 100%;
	background: #02569C;
}

/* .f-bottom{margin-right: 5.7292vw;margin-left: 5.2083vw;flex: 1;} */
.f-bottom {
	margin: 0 8.3333vw;
	flex: 1;
}
.f-b {
	/* padding: 3.5vw 0 3.5vw; */
	padding: 3.5vw 0 3.5vw;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.f-r3 .m-hlitr {
	display: none;
}

.f-l2 {
	margin-bottom: 1.0417vw;
	display: flex;
}

.f-l2 img {
	width: 14vw;
	max-width: 100%;
	display: block;
}

.f-l3 {
	font-size: .8333vw;
	font-family: "HarmonyOS_Sans_SC_Medium";
	color: rgba(255, 255, 255, 0.6);
	margin-bottom: .7292vw;
}

.f-l4 {
	font-family: "BebasNeue";
	font-size: 2.0833vw;
	color: #FFFFFF;
	margin-bottom: 1.1458vw;
	line-height: 1;
}

.f-l5 {
	display: flex;
	align-items: center;
	grid-gap: .6771vw;
}

.f-l6 {
	width: 72px;
	height: 72px;
	position: relative;
}

.f-l6img {
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer;
	opacity: 0.6;
	transition: all .5s;
}

.f-l6:hover .f-l6img {
	opacity: 1;
}

.f-l7 {
	position: absolute;
	left: 50%;
	top: 130%;
	transform: translateX(-50%);
	display: none;
}

.f-l7 img {
	width: 150px;
	height: 150px;
	object-fit: contain;
	background: #FFFFFF;
}

.f-right {
	display: flex;
	align-items: flex-start;
	grid-gap: 6vw;
}

.f-r3 {
	font-size: 1.0417vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: #FFFFFF;
	margin-bottom: 1.3021vw;
}

.f-r4 {
	list-style-type: none;
}

.f-r5 {
	font-size: .8333vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: rgba(255, 255, 255, 0.4);
	line-height: 2;
	transition: all .3s;
}

.f-r5:hover {
	color: #FFFFFF;
}

.f-lj {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: .8333vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: rgba(255, 255, 255, 0.4);
	padding: 1.5625vw 0;
}

.f-lj a {
	font-size: .8333vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: rgba(255, 255, 255, 0.4);
}

.f-lj2 {
	display: flex;
	align-items: center;
}

.f-lj3 {
	opacity: 0.1;
}

.five.on .left-nav4::after {
	bottom: 0;
}

.five.on .fa-in3 {
	transform: translateY(0);
	transition: 1.5s ease-out;
	opacity: 1;
}

/* banner */
.banner .header {
	position: absolute;
	background: #FFFFFF;
	transition: all .5s;
	box-shadow: none;
}

/* .banner .h-search{right: 5.75vw;}
.banner .h-nav{border-color: rgba(255, 255, 255, 0.2);}
.banner .gif1{display: block;}
.banner .gif2{display: none;}
.banner .h-yy{background: #FFFFFF;color: #02569C;}
.banner .h-ss2{display: block;}
.banner .h-ss1{display: none;}
.banner .logo1{display: none;}
.banner .logo2{display: block;}
.banner .h-a{color: #FFFFFF;transition: all 0.3s;}
.banner .h-a::before{background: #FFFFFF;}
.banner .header:hover{background: transparent;}
.banner .header:hover .h-ss1{display: none;}
.banner .header:hover .h-ss2{display: block;}
.banner .header:hover .logo1{display: none;}
.banner .header:hover .logo2{display: block;}
.banner .header:hover .h-a{color: #FFFFFF;}
.banner .header:hover .h-a:hover{color: #FFFFFF;} */
.banner {
	position: relative;
	height: 100vh;
	width: 100%;
	background: #f1f1f1;
}

.banner-lunbo {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	z-index: 2;
}

.banner-lunbo .swiper-slide {
	overflow: hidden;
}

.banner-box {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: flex-end;
}

.banner-img {
	position: relative;
	width: 100%;
	height: calc(100% - 5.25vw);
}

/* .banner-img::after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(2, 86, 156, 0.15);} */
.banner-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: 100%;
}

.banner-img video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: 100%;
}

.banner-txt {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
}

.banner-txtb {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.banner-txt2 {
	font-size: 1.5625vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	text-transform: uppercase;
	-webkit-text-stroke: 1px rgba(255, 255, 255, 0.4);
	-webkit-text-fill-color: transparent;
	margin-bottom: 1.3021vw;
	line-height: 1;
}

/* .banner-txt3{font-size: 2.0833vw;font-family: "HarmonyOS_Sans_SC_Regular";color: #FFFFFF;box-shadow: 0 -0.7292vw #1C509C inset;margin-bottom: 1.8229vw;} */
.banner-txt3 {
	font-size: 2.0833vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: #FFFFFF;
	margin-bottom: 1.8229vw;
}

.banner-txt4 {
	font-size: 1.0417vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: #FFFFFF;
	line-height: 1.5;
	margin-bottom: 2.6042vw;
}

.banner-txt5 {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	grid-gap: 1.0417vw;
}

.banner-txt6 {
	padding: 1.9271vw 3.125vw 1.7188vw;
	border: 1px solid rgba(255, 255, 255, 0.2);
	display: flex;
	flex-direction: column;
	align-items: center;
	transition: all 0.5s;
	overflow: hidden;
}

.banner-txt7 {
	margin-bottom: 1.25vw;
}

.banner-txt7 img {
	height: 2.0833vw;
	max-width: 100%;
	display: block;
	transition: all 0.5s;
}

.banner-txt8 {
	font-size: .8333vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: #FFFFFF;
	transition: all 0.5s;
}

.banner-txt6:hover {
	border-color: #FFFFFF;
}

.banner-txt6:hover img {
	transform: translateY(0.2604vw);
}

.banner-txt6:hover .banner-txt8 {
	transform: translateY(-0.2604vw);
}

.banner-blue {
	position: absolute;
	left: 5.7292vw;
	bottom: 0;
	top: 0;
	right: 0;
	background: #02569C;
	display: none;
}

.banner-logo {
	position: absolute;
	bottom: 4.5vh;
	right: 9.0104vw;
	z-index: 2;
	opacity: 1;
}

.banner-logo2 {
	position: relative;
	width: 17.7604vw;
	height: 15.4167vw;
	overflow: hidden;
}

.banner-logo3 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 17.7604vw;
	height: 15.4167vw;
	animation: change2 3.5s linear infinite;
	overflow: hidden;
}

.banner-logo2 img {
	width: 17.7604vw;
	height: 15.4167vw;
	max-width: 100%;
	display: block;
}

@keyframes change2 {
	0% {
		height: 0;
		opacity: 1;
	}

	80% {
		height: 15.4167vw;
		opacity: 1;
	}

	100% {
		height: 15.4167vw;
		opacity: 0;
	}
}

/* .banner .swiper-pagination{position: absolute;left: 10.4167vw;bottom: 4.5vh;right: 70%;height: 2px;background: rgba(255, 255, 255, 0.3);z-index: 2;} */
.banner .swiper-pagination {
	position: absolute;
	left: calc((100vw - 83.3333vw)/2);
	bottom: 4.5vh;
	right: 70%;
	height: 2px;
	background: rgba(255, 255, 255, 0.3);
	z-index: 2;
}

.banner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: rgba(255, 255, 255, 1);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top;
}

.banner-fl {
	position: absolute;
	right: 0;
	top: 0;
	width: 5.7292vw;
	height: 6.2vw;
	background: #FFFFFF;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.banner-fl .h-yy {
	color: #02569C;
	display: flex;
	margin: 0;
}

.banner-scroll {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: absolute;
	right: 2.5vw;
	bottom: 10vh;
	z-index: 2;
}

.banner-scroll2 {
	writing-mode: vertical-rl;
	font-size: .8333vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: #FFFFFF;
	margin-bottom: 1.4063vw;
}

.banner-scroll3 {
	position: relative;
	width: .5729vw;
	height: 6.25vw;
	overflow: hidden;
}

.banner-scroll3 img {
	position: absolute;
	bottom: 100%;
	left: 0;
	right: 0;
	width: .5729vw;
	height: 6.25vw;
	display: block;
	animation: change 3s linear infinite;
}

@keyframes change {
	0% {
		bottom: 100%;
	}

	100% {
		bottom: -100%;
	}
}

/* 数字导航 */
/* .left-box{margin-left: 5.3125vw;position: relative;height: 100%;display: flex;align-items: center;} */
.left-box {
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
	margin-left: 0;
}

/* .left-nav{position: absolute;left: 0;top: 0;bottom: 0;display: flex;flex-direction: column;align-items: center;grid-gap: 1.0417vw;z-index: 2;} */
.left-nav {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	grid-gap: 1.0417vw;
	z-index: 2;
	display: none;
}

.left-nav2 {
	width: 2px;
	height: 5.2083vw;
	background: #1C509C;
}

.left-nav3 {
	font-size: .8333vw;
	color: #02569C;
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.left-nav4 {
	flex: 1;
	width: 2px;
	background: rgba(0, 32, 129, 0.1);
	position: relative;
}

.left-nav4::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 100%;
	background: #02569C;
	transition: all 2.6s;
}

.section.active .left-nav4::after {
	bottom: 0;
}

/* 标题 */
.title2 {
	font-size: 1.5625vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	text-transform: uppercase;
	-webkit-text-stroke: 1px rgba(13, 54, 122, 0.4);
	-webkit-text-fill-color: transparent;
	line-height: 1;
	margin-bottom: 1.0417vw;
}

.title3 {
	font-size: 2.0833vw;
	font-family: "HarmonyOS_Sans_SC_Bold";
	color: #000000;
	line-height: 1;
}


/* w1 */
.w1 {
	width: 100%;
	height: 100vh;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

/* .w1-box{margin-left: 5.2083vw;padding-right: 5.7292vw;width: calc(100% - 5.2083vw - 5.7292vw);} */
.w1-box {
	margin: 0 auto;
	width: 78.3333vw;
}

.w1-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	grid-gap: 5.2083vw;
	margin-bottom: 3.3333vw;
}

/* .w1-top2{display: flex;align-items: center;flex-wrap: wrap;grid-gap: .7292vw;} */
.w1-top2 {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.w1-top3 {
	padding: 0.6vw 1.4vw;
	border: 1px solid rgba(2, 86, 156, 0.2);
	border-radius: 4px;
	font-size: .8333vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: #000;
	cursor: pointer;
	transition: all .3s;
}

.w1-top3.on {
	color: #FFFFFF;
	background: linear-gradient(180deg, #0067b9 0, #053f70 100%);
	box-shadow: #03325a 0px 7px 2px;
	border-color: #03325a;
}

.w1-top3.ojbk {
	background: transparent;
	color: #000;
	box-shadow: none;
	border: 1px solid rgba(2, 86, 156, 0.2);
}

.w1-top3.ok {
	background: linear-gradient(180deg, #0067b9 0, #053f70 100%);
	color: #FFFFFF;
	box-shadow: #03325a 0px 7px 2px;
	border-color: #03325a;
}

/* .w1-b{width: calc(100% + 5.7292vw);} */
.w1-b {
	width: calc(100% + 10.8135vw);
}

.w1-b2 {
	display: none;
}

.w1-b6 {
	padding: 1.4vw 1.4vw 2.6042vw;
	display: flex;
	flex-direction: column;
	grid-gap: 2.0833vw;
	position: relative;
	z-index: 1;
	box-shadow: 0 0 13px rgba(13, 54, 122, 0.15);
}

.w1-b6::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(13, 54, 122, 0.1);
	z-index: -2;
}

.w1-b6::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #02569C;
	z-index: -1;
	opacity: 0;
	transition: all 0.8s;
	border-radius: 50%;
	width: 0;
	height: 0;
}

.w1-b6:hover::after {
	opacity: 1;
	width: 100%;
	height: 100%;
	border-radius: 0;
}

.w1-b6:hover .w1-b9 img {
	transform: scale(1.1);
}

.w1-b6:hover .w1-b11 {
	color: #FFFFFF;
}

.w1-b6:hover .w1-b12 {
	color: rgba(255, 255, 255, 0.6);
}

.w1-b7 {
	height: 15.1875vw;
	background: #FFFFFF;
	clip-path: polygon(0 0, 31vw 0, 94% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
	position: relative;
	overflow: hidden;
}

.w1-b8 {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.w1-b8 img {
	width: 10vw;
	max-width: 100%;
	display: block;
	opacity: 0.1;
}

.w1-b9 {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.w1-b9 img {
	max-width: 100%;
	display: block;
	transition: all 1s;
	margin: 0 auto;
}

.w1-b11 {
	font-size: 1.25vw;
	color: #000000;
	font-family: "HarmonyOS_Sans_SC_Regular";
	margin-bottom: 1.0417vw;
	transition: all .5s;
}

.w1-b12 {
	font-size: .8333vw;
	color: rgba(0, 0, 0, 0.6);
	font-family: "HarmonyOS_Sans_SC_Regular";
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	transition: all .5s;
}

/* .w1-b3{overflow: hidden;} */
.w1-b3 .swiper-container {
	overflow: initial;
}

.w1-b4 .swiper-button-next,
.w1-b4 .swiper-button-prev {
	position: initial;
	transform: none;
}

.w1-b4 .swiper-pagination {
	position: initial;
	height: 2px;
	background: rgba(13, 54, 122, 0.1);
	width: 100%;
}

.w1-b4 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: rgba(13, 54, 122, 1);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top;
}

.w1-b4 {
	display: flex;
	align-items: center;
	grid-gap: 4.4271vw;
	margin-right: 10.8333vw;
	margin-top: 3.4896vw;
}

.w1-b5 {
	display: flex;
	align-items: center;
}

.w1-b4 .swiper-button-next,
.w1-b4 .swiper-button-prev {
	width: 4.5833vw;
	height: 3.125vw;
	background: #FFFFFF;
	color: #02569C;
	font-size: .9375vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .5s;
}

.w1-b5b.on {
	background: #02569C;
	color: #FFFFFF;
}

.w1-b4 .swiper-button-next {
	clip-path: polygon(0 0, 150% 0, 84% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
}

.w1-b4 .swiper-button-prev {
	clip-path: polygon(0 25%, 100% -120%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
}

/* w2 */
.w2 {
	background: #FFFFFF;
	width: 100%;
	height: 100vh;
	position: relative;
}

.w2 .left-box {
	align-items: flex-start;
	z-index: 3;
	pointer-events: none;
}

/* .w2-top{margin: 5.2083vw 0 0 5.7292vw;} */
.w2-top {
	margin: 5.2083vw 0 0 10.8333vw;
}

.w2-b {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	display: flex;
	align-items: flex-end;
}

/* .w2-b2{padding-left: 10.9375vw;background: #F6F6F6;display: flex;flex-direction: column;grid-gap: 1.3021vw;position: relative;z-index: 2;} */
.w2-b2 {
	padding-left: 10.8333vw;
	background: #F6F6F6;
	display: flex;
	flex-direction: column;
	grid-gap: 1.3021vw;
	position: relative;
	z-index: 2;
}

.w2-b4 {
	width: 1.5625vw;
	height: 1.875vw;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 1.3542vw;
}

.w2-b4 img {
	max-width: 100%;
	display: block;
	filter: brightness(0);
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.w2-b3 {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 29.1667vw;
	height: 4vw;
	background: #FFFFFF;
	clip-path: polygon(0 0, 110% 0, 95% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
	cursor: pointer;
	position: relative;
	transition: all 1s;
}

.w2-b5 {
	font-size: 1.25vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: #000000;
	margin-right: 4.0104vw;
	transition: all .3s;
}

.w2-b6 {
	font-size: 1.25vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: #000000;
	transition: all .3s;
}

.w2-b7 {
	flex: 1;
	position: relative;
	height: 100vh;
}

.w2-b7b {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	transition: all 1s;
	opacity: 0;
}

.w2-b7b.on {
	z-index: 1;
	opacity: 1;
}

.w2-b8 {
	position: relative;
	display: flex;
}

.w2-b9 {
	width: 100%;
}

.w2-b9 img {
	height: 100vh;
	width: 100%;
	display: block;
	max-width: 100%;
	object-fit: cover;
}

.w2-b10 {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	padding: 4.1667vw 3.6458vw;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	background: linear-gradient(to bottom, rgba(28, 80, 156, 0), rgba(28, 80, 156, 0), rgba(28, 80, 156, 0.7));
}

.w2-b11 {
	font-size: 1.25vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: #FFFFFF;
	padding-bottom: .7292vw;
	margin-bottom: 1.3542vw;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.w2-b12 {
	font-size: .8333vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: rgba(255, 255, 255, 0.6);
	line-height: 1.5;
}

.w2-b3b {
	transition: all 1s;
}

.w2-b3b::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: #02569C;
	opacity: 0;
	transition: all .5s;
}

.w2-b3b.on::after {
	opacity: 1;
}

.w2-b3b.on {
	box-shadow: 0px 10px 20px 0px rgba(0, 53, 134, 0.17);
	transform: translateX(2.8646vw);
}

.w2-b3b.on .w2-b3 {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
}

.w2-b3b.on .w2-b4 img {
	filter: brightness(1);
}

.w2-b3b.on .w2-b5 {
	color: #02569C;
}

.w2-b3b.on .w2-b6 {
	color: #02569C;
}

/* w3 */
.w3 {
	height: 100vh;
	width: 100%;
	position: relative;
}

.w3-bj {
	position: absolute;
	right: 0;
	bottom: 0;
}

.w3-bj img {
	width: 20.5729vw;
	height: 36.6146vw;
	max-width: 100%;
	display: block;
}

/* .w3-box{margin: 0 5.7292vw;} */
.w3-box {
	margin: 0 10.8333vw;
}

.w3-top {
	margin-bottom: 4.4271vw;
}

.w3-b {
	display: flex;
	align-items: flex-start;
	grid-gap: 9.375vw;
}

.w3-l2 {
	display: flex;
	flex-wrap: wrap;
	grid-gap: 3.3333vw;
	width: 24.3958vw;
	margin-bottom: 6.6146vw;
}

.w3-l3 {
	padding-left: 2.3958vw;
	border-left: 2px solid rgba(0, 53, 134, 0.2);
	min-width: 6.7708vw;
}

.w3-l4 {
	font-size: .8333vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: #02569C;
	margin-bottom: 1.0417vw;
}

.w3-l5 {
	display: flex;
	align-items: flex-end;
	grid-gap: .6771vw;
}

.w3-l6 {
	font-size: 3.0833vw;
	font-family: "HarmonyOS_Sans_SC_Bold";
	color: #02569C;
	line-height: 0.9;
	position: relative;
}

.w3-p1 {
	opacity: 0;
	animation: change4 3s linear infinite;
	animation-delay: 3s;
}

.w3-p2 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-transform: uppercase;
	-webkit-text-stroke: 2px rgba(13, 54, 122, 0.4);
	-webkit-text-fill-color: transparent;
	width: 0;
	overflow: hidden;
	animation: change3 3s linear infinite;
}

@keyframes change3 {
	0% {
		text-transform: uppercase;
		-webkit-text-stroke: 2px rgba(13, 54, 122, 0.4);
		-webkit-text-fill-color: transparent;
		width: 0;
		overflow: hidden;
		opacity: 1;
	}

	40% {
		text-transform: uppercase;
		-webkit-text-stroke: 2px rgba(13, 54, 122, 0.4);
		-webkit-text-fill-color: transparent;
		width: 100%;
		overflow: hidden;
		opacity: 1;
	}

	90% {
		text-transform: uppercase;
		-webkit-text-stroke: 2px rgba(13, 54, 122, 0.4);
		-webkit-text-fill-color: transparent;
		width: 100%;
		overflow: hidden;
		opacity: 1;
	}

	100% {
		text-transform: uppercase;
		-webkit-text-stroke: 2px rgba(13, 54, 122, 0.4);
		-webkit-text-fill-color: transparent;
		width: 100%;
		overflow: hidden;
		opacity: 0;
	}
}

@keyframes change4 {
	0% {
		opacity: 0;
	}

	40% {
		opacity: 0;
	}

	90% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.w3-l7 {
	font-size: .8333vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: #02569C;
	line-height: 1;
}

.w3-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 10vw;
	height: 3.125vw;
	font-size: .8333vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: #02569C;
	border: 1px solid rgba(0, 53, 134, 0.1);
	border-radius: 4px;
	position: relative;
	z-index: 1;
	transition: all .5s;
	overflow: hidden;
}

.w3-btn::after {
	content: '';
	position: absolute;
	right: 0;
	width: 0;
	top: 0;
	bottom: 0;
	background: #02569C;
	z-index: -1;
	transition: all 1s;
}

.w3-btn:hover {
	color: #FFFFFF;
}

.w3-btn:hover::after {
	left: 0;
	right: auto;
	width: 100%;
}

.w3-right {
	padding-top: 2.0833vw;
}

.w3-r2 {
	font-size: .8333vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: rgba(0, 0, 0, 0.6);
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 8;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	margin-bottom: 3.6458vw;
}

.w3-r3 img {
	width: 100%;
	height: 22.3958vw;
	max-width: 100%;
	object-fit: cover;
	display: block;
	transition: all 1s;
}

.w3-r3 {
	clip-path: polygon(0 0, 110% 0, 95% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%);
	transition: all 1s;
}

.w3-r3:hover {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%);
}

.w3-r3:hover img {
	transform: scale(1.1);
}

/* w4 */
.w4 {
	background: #f1f1f1;
	height: 100vh;
	width: 100%;
}

.w4-box {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}

.w4-b {
	width: calc(100% / 3);
	position: relative;
	z-index: 1;
	display: flex;
}

.w4-b::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #02569C;
	z-index: -1;
	opacity: 0;
	transition: all 0.8s;
	border-radius: 50%;
	width: 0;
	height: 0;
}

.w4-b2 {
	padding: 2.6042vw 2.0833vw;
	border: 1px solid rgba(13, 54, 122, 0.1);
	display: flex;
	flex-direction: column;
	grid-gap: 2.3438vw;
	flex: 1;
	justify-content: space-between;
}

.w4-b4 {
	font-size: .8333vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: rgba(0, 0, 0, 0.6);
	margin-bottom: 1.0417vw;
	transition: all .5s;
}

.w4-b5 {
	font-size: 1.25vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: #000000;
	padding-bottom: 1.0417vw;
	margin-bottom: 1.1458vw;
	border-bottom: 1px solid rgba(13, 54, 122, 0.1);
	transition: all .5s;
}

.w4-b5b {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.w4-b6 {
	font-size: .8333vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: rgba(0, 0, 0, 0.6);
	line-height: 1.5;
	transition: all .5s;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.w4-b7 {
	clip-path: polygon(0 0, 31vw 0, 94% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
	overflow: hidden;
}

.w4-b7 img {
	width: 100%;
	height: 14.7917vw;
	object-fit: cover;
	display: block;
	max-width: 100%;
	transition: all 1s;
}

.w4-b:hover::after {
	opacity: 1;
	width: 100%;
	height: 100%;
	border-radius: 0;
}

.w4-b:hover .w4-b4 {
	color: rgba(255, 255, 255, 0.6);
}

.w4-b:hover .w4-b5 {
	color: rgba(255, 255, 255, 1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.w4-b:hover .w4-b6 {
	color: rgba(255, 255, 255, 0.6);
}

.w4-b:hover .w4-b7 img {
	transform: scale(1.1);
}

.w4-xoxo {
	display: none;
}

/* banner_top */
.banner_top {
	margin-top: 5.25vw;
}

.banner_top2 {
	position: relative;
}

.banner_top3 img {
	width: 100%;
	max-width: 100%;
	height: 26.0417vw;
	display: block;
	object-fit: cover;
}

.banner_top4 {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
}

.banner_top .title2 {
	-webkit-text-stroke: 1px rgba(255, 255, 255, 0.4);
}

.banner_top .title3 {
	color: #FFFFFF;
}

.ny-title {
	font-size: 1.5625vw;
	color: #02569C;
	font-family: "HarmonyOS_Sans_SC_Bold";
}

/* mulu */
.mulu-b {
	display: flex;
	align-items: center;
	color: #B1B1B1;
	font-size: .8333vw;
	padding: 1.1458vw 0;
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.mulu-b a {
	color: #B1B1B1;
	font-size: .8333vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	white-space: nowrap;
}

.mulu-b a:last-child {
	color: #02569C;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* w5 */
.w5-box {
	padding-top: 6.7708vw;
	padding-bottom: 6.7708vw;
}

.w5-top {
	margin-bottom: 2.8646vw;
}

.w5-b {
	display: flex;
	flex-wrap: wrap;
	grid-gap: 1.4583vw 1.3021vw;
}

.w5-b2 {
	width: calc((100% - 2.6542vw)/3);
	height: 14.5833vw;
	display: flex;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.w5-b3 {
	flex: 1;
	padding: 2.8646vw 2.6042vw;
	display: flex;
	align-items: stretch;
	grid-gap: .2604vw;
}

.w5-b4 {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
}

.w5-b5 {
	font-size: 1.25vw;
	color: #000000;
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.w5-b6 {
	font-size: .8333vw;
	color: #02569C;
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.w5-b7 img {
	width: 14.0625vw;
	height: 8.8542vw;
	object-fit: contain;
	display: block;
	transition: all 1s;
}

.w5-b2:hover .w5-b7 img {
	transform: scale(0.9);
}

.w5-b6 p {
	opacity: 0;
	transform: translateX(-0.2604vw);
	display: inline-block;
	transition: all .5s;
}

.w5-b6:hover p {
	opacity: 1;
	transform: translateX(0);
}

/* w6 */
.w6-box {
	padding-bottom: 9.375vw;
}

.w6-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 3.0208vw;
}

.w6-top .w1-b4 {
	margin: 0;
}

.w6-top .w1-b5b {
	position: relative;
	right: auto;
	left: auto;
	background: rgba(2, 86, 156, 0.1);
	z-index: 1;
}

.w6-top .w1-b5b::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 2px;
	background: #FFFFFF;
	transition: all .5s;
	z-index: -1;
}

.w6-top .swiper-button-prev::after {
	margin-right: 0;
	clip-path: polygon(0 25%, 100% -120%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
}

.w6-top .swiper-button-next::after {
	margin-left: 0;
	clip-path: polygon(0 0, 150% 0, 84% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
}

.w6-top .w1-b5b.on {
	background: #02569C;
}

.w6-top .w1-b5b.on::after {
	background: #02569C;
}

.w6-b2 {
	position: relative;
	clip-path: polygon(0 0, 46vw 0, 95% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
	display: flex;
	transition: all 1s;
}

.w6-b3 {
	overflow: hidden;
	width: 100%;
	height: 22.0833vw;
}

.w6-b3 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	max-width: 100%;
	transition: all 1s;
}

.w6-b4 {
	position: absolute;
	bottom: 0;
	right: 0;
	top: 0;
	left: 0;
	padding: 2.0833vw 1.9271vw;
	font-size: 1.25vw;
	font-family: "HarmonyOS_Sans_SC_Bold";
	color: #FFFFFF;
	display: flex;
	align-items: flex-end;
	background: linear-gradient(to bottom, rgba(28, 80, 156, 0), rgba(28, 80, 156, 0), rgba(28, 80, 156, 0.7));
}

.w6-b2:hover {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
}

.w6-b2:hover .w6-b3 img {
	transform: scale(1.1);
}

/* w7 */
.w7-box {
	padding: 5.7292vw 0 10.4167vw;
}

.w7-b {
	display: flex;
	flex-wrap: wrap;
	grid-gap: 1.3021vw;
}

.w7-b .w6-b2 {
	width: calc((100% - 2.6542vw)/3);
}

/* w8 */
.w8-b2 {
	padding: 6.7708vw 0 8.3333vw;
}

.w8-b2:nth-child(2n) {
	background: #F7F7F7;
}

.w8-b3 {
	margin-bottom: 1.8229vw;
}

.w8-b4 {
	font-size: .8333vw;
	color: rgba(0, 0, 0, 0.6);
	font-family: "HarmonyOS_Sans_SC_Regular";
	line-height: 1.5;
	max-width: 67.1875vw;
	margin-bottom: 3.6458vw;
}

.w8-b5 {
	display: flex;
	flex-wrap: wrap;
	grid-gap: 1.0417vw;
}

.w8-b6 {
	display: flex;
	width: calc((100% - 1.0917vw)/2);
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	height: 17.7083vw;
}

.w8-b9 {
	padding: .2604vw;
	flex: 1;
	display: flex;
	align-items: stretch;
}

.w8-b7 {
	width: 21.875vw;
	height: 100%;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	overflow: hidden;
}

.w8-b7 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	max-width: 100%;
	transition: all 1s;
}

.w8-b8 {
	flex: 1;
	padding: 3.6458vw 2.6042vw 3.3854vw;
}

.w8-b8 .w5-b4 {
	height: 100%;
}

.w8-b6:hover .w8-b7 img {
	transform: scale(1.1);
}

/* w9 */
.w9-box {
	padding: 4.1667vw 0 11.4583vw;
}

.w9-b {
	margin-bottom: 4.4792vw;
}

.w9-title {
	padding-bottom: 2.0313vw;
	margin-bottom: 2.0313vw;
	border-bottom: 2px solid rgba(13, 54, 122, 0.06);
}

.w9-b4 {
	font-size: .8333vw;
	color: rgba(0, 0, 0, 0.6);
	font-family: "HarmonyOS_Sans_SC_Regular";
	line-height: 1.5;
}

.w9-b2 {
	display: flex;
	align-items: flex-start;
	grid-gap: 6.7708vw;
	margin-bottom: 1.0417vw;
}

.w9-b3 {
	flex: 1;
}

.w9-b6 img {
	width: 35.1042vw;
	max-width: 100%;
	display: block;
}

.w9-b7 {
	font-size: 1.0417vw;
	color: #002081;
	font-family: "HarmonyOS_Sans_SC_Regular";
	text-align: center;
	margin-top: .7813vw;
}

.w9-b8 {
	margin-bottom: 2.9167vw;
}

/* w10 */
.w10-box {
	padding: 6.25vw 0;
}

.w10-b {
	display: flex;
	align-items: flex-start;
	grid-gap: 5.2083vw;
}

.w10-b2 {
	flex: 1;
}

.w10-b3 {
	margin-bottom: 2.2917vw;
}

.w10-b4 {
	font-size: 1.25vw;
	color: #000;
	font-family: "HarmonyOS_Sans_SC_Regular";
	margin-bottom: 2.3958vw;
}

.w10-b5 {
	font-size: .8333vw;
	color: rgba(0, 0, 0, 0.6);
	font-family: "HarmonyOS_Sans_SC_Regular";
	line-height: 1.5;
}

.w10-b6 {
	position: relative;
}

.w10-b6 img {
	width: 44.2188vw;
	max-width: 100%;
	display: block;
}

/* w11 */
.w11-box {
	padding: 6.7708vw 0 9.6354vw;
	background: #F9F9F9;
}

.w11-title {
	margin-bottom: 3.2813vw;
	text-align: center;
}

.w11-b {
	display: flex;
	align-items: stretch;
	grid-gap: .4167vw;
}

.w11-b8 {
	position: relative;
	overflow: hidden;
	clip-path: polygon(0 0, 45vw 0, 91% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
}

.w11-b9 img {
	height: 28.9963vw;
	width: 17.8125vw;
	max-width: 100%;
	display: block;
	object-fit: cover;
	transition: all 1s;
}

.w11-b2 {
	flex: 1;
	display: flex;
	flex-direction: column;
	grid-gap: .4167vw;
}

.w11-b3 {
	overflow: hidden;
	position: relative;
	clip-path: polygon(0 0, 47vw 0, 96% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
}

.w11-b4 img {
	width: 100%;
	height: 14.2708vw;
	max-width: 100%;
	display: block;
	object-fit: cover;
	transition: all 1s;
}

.w11-b5 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(to bottom, rgba(28, 80, 156, 0.2), rgba(28, 80, 156, 0.9));
	padding: 1.8229vw 1.7188vw;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.w11-b6 {
	font-size: 1.25vw;
	color: #FFFFFF;
	font-family: "HarmonyOS_Sans_SC_Regular";
	margin-bottom: .7813vw;
}

.w11-b7 {
	font-size: .8333vw;
	color: rgba(255, 255, 255, 0.6);
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.w11-b3:hover .w11-b4 img {
	transform: scale(1.1);
}

.w11-b8:hover .w11-b9 img {
	transform: scale(1.1);
}

.w11-bb img {
	width: 100%;
	max-width: 100%;
	display: block;
}

/* w12 */
.w12-box {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 100vh;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	overflow: hidden;
}

.w12-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.w12-top3 {
	display: flex;
	align-items: center;
	grid-gap: .8854vw;
}

.w12-top4 img {
	width: 14px;
	height: 21px;
	display: block;
}

.w12-top4 {
	position: relative;
}

.w12-top4::after {
	content: '';
	position: absolute;
	top: 20%;
	left: 50%;
	transform: translateX(-50%);
	width: 1px;
	height: 5px;
	background: #000000;
	animation: change5 1s linear infinite;
}

@keyframes change5 {
	0% {
		top: 20%;
		opacity: 0;
	}

	50% {
		top: 30%;
		opacity: 1;
	}

	100% {
		top: 40%;
		opacity: 0;
	}
}

.w12-top5 {
	font-size: .8333vw;
	color: #000000;
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.w12-b {
	display: flex;
	align-items: center;
	margin-top: 3.5938vw;
	margin-left: calc((100vw - 89.3vw)/2);
}

.w12-b2 img {
	width: 33px;
	height: 29px;
	display: block;
}

.w12-right {
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.w12-b3 {
	padding: 7.8125vw 0;
}

.w12-right::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	width: 100%;
	height: 1px;
	background: rgba(0, 32, 129, 0.1);
	z-index: -1;
}

.w12-b5 {
	font-size: 1.5625vw;
	font-family: "HarmonyOS_Sans_SC_Bold";
	color: #02569C;
	text-align: center;
	white-space: nowrap;
	line-height: 1;
}

.w12-b6 {
	width: .625vw;
	height: .625vw;
	background: #02569C;
	border-radius: 100%;
	margin: 1.5625vw auto;
	position: relative;
	z-index: 1;
}

.w12-b6::after {
	content: '';
	position: absolute;
	background: rgba(0, 32, 129, 0.5);
	border-radius: 50%;
	z-index: -1;
	animation: change6 2s linear infinite;
}

@keyframes change6 {
	0% {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		opacity: 1;
	}

	100% {
		top: -0.52vw;
		left: -0.52vw;
		right: -0.52vw;
		bottom: -0.52vw;
		opacity: 0;
	}
}

.w12-b7 {
	position: relative;
	margin: 2.6042vw 0;
	width: 20.1042vw;
	height: 16.4063vw;
	background: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
}

.w12-b7 img {
	width: 90%;
	height: 80%;
	object-fit: contain;
	display: block;
}

.w12-b7::after {
	content: '';
	width: 0;
	height: 0;
	border-bottom: 2.0313vw solid #FFFFFF;
	border-right: 1.9271vw solid transparent;
	border-left: 1.9271vw solid transparent;
	position: absolute;
	top: -1.3021vw;
	left: 50%;
	transform: translateX(-50%);
}

.w12-b3 {
	display: flex;
	align-items: center;
	grid-gap: 3.125vw;
}

.w12-b4:nth-child(2n) .w12-b7::after {
	bottom: -1.3021vw;
	top: auto;
	border-top: 2.0313vw solid #FFFFFF;
	border-bottom: none;
}

.w12-b4 {
	transform: translateY(9.2708vw);
}

.w12-b4:nth-child(2n) {
	transform: translateY(-9.2708vw);
}

.w12-b7 {
	clip-path: polygon(0 0, 32vw 0, 93% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
}

.w12-b4:nth-child(2n) .w12-b7 {
	clip-path: polygon(0 0, 18.5vw 0, 167% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
}

.w11-bbb {
	display: flex;
	flex-wrap: wrap;
	grid-gap: 1.5625vw 1.0417vw;
	align-items: stretch;
}

.w11-bbb2 {
	width: calc((100% - 3.1751vw)/4);
	background: rgba(2, 86, 156, 0.1);
	display: flex;
	clip-path: polygon(0 0, 38vw 0, 95% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
}

.w11-bbb3 {
	padding: 3.6458vw;
	margin: 2px;
	background: #FFFFFF;
	flex: 1;
	clip-path: polygon(0 0, 38vw 0, 95% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	z-index: 1;
}

.w11-bbb3::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(to bottom, rgba(28, 80, 156, 0), rgba(28, 80, 156, 0), rgba(28, 80, 156, 0.9));
	z-index: 1;
	transition: all .5s;
}

.w11-bbb4 img {
	width: 100%;
	max-width: 100%;
	display: block;
	object-fit: contain;
	height: 19.5833vw;
}

.w11-bbb5 {
	margin-top: 2.6042vw;
	text-align: center;
	font-size: 1.25vw;
	color: rgba(0, 0, 0, 0.6);
	font-family: "HarmonyOS_Sans_SC_Regular";
	position: relative;
	z-index: 2;
	transition: all .3s;
}

.w11-bbb4 {
	position: relative;
	z-index: 2;
}

.w11-bbb2:hover .w11-bbb5 {
	color: #FFFFFF;
}

.w11-bbb2:hover .w11-bbb3::after {
	top: 0;
}

/* news-nav */
.news-nav {
	margin: 4.1667vw 0 2.0833vw;
}

.news-nav2 {
	display: flex;
	align-items: center;
}

.news-nav3 {
	width: 9.375vw;
	height: 3.125vw;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	background: rgba(2, 86, 156, 0.1);
	font-size: .9375vw;
	color: rgba(0, 0, 0, 0.8);
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.news-nav3.on {
	background: #02569C;
	color: #FFFFFF;
}

/* w13 */
.w13-lunbo {
	clip-path: polygon(0 0, 106vw 0, 97% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
}

.w13-lunbo .swiper-slide {
	height: 36.7708vw;
	overflow: hidden;
}

.w13-b {
	margin-bottom: 5.2083vw;
}

.w13-b2 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.w13-b3 {
	width: 100%;
	height: 100%;
}

.w13-b3 img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	max-width: 100%;
}

.w13-b3 video {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	max-width: 100%;
}

.w13-lunbo .swiper-pagination {
	position: absolute;
	bottom: 3.125vw;
	left: 2.6042vw;
	display: flex;
	align-items: center;
	grid-gap: .8333vw;
}

.w13-lunbo .swiper-pagination-bullet {
	width: .7292vw;
	height: .7292vw;
	border-radius: 0;
	background: rgba(255, 255, 255, 0.4);
	opacity: 1;
	transition: all .3s;
}

.w13-lunbo .swiper-pagination-bullet-active {
	background: #003586;
}

.w13-b4 {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 2.6042vw 3.8542vw;
	background: rgba(2, 86, 156, 0.6);
	width: 40.625vw;
}

.w13-b5 {
	font-size: 1.25vw;
	color: #FFFFFF;
	font-family: "HarmonyOS_Sans_SC_Regular";
	padding-bottom: 1.5625vw;
	margin-bottom: 1.0417vw;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.w13-b6 {
	font-size: .8333vw;
	color: rgba(255, 255, 255, 0.6);
	font-family: "HarmonyOS_Sans_SC_Regular";
	line-height: 1.5;
	margin-bottom: 2.6042vw;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.w13-b7 {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.w13-b8 {
	font-size: .8333vw;
	color: rgba(255, 255, 255, 0.6);
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.w13-b9 {
	width: 7.8125vw;
	height: 2.8125vw;
	background: rgba(255, 255, 255, 0.1);
	font-size: .8333vw;
	color: rgba(255, 255, 255, 1);
	font-family: "HarmonyOS_Sans_SC_Regular";
	display: flex;
	align-items: center;
	justify-content: center;
	clip-path: polygon(0 0, 10vw 0, 92% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
	transition: all .3s;
}

.w13-b9:hover {
	background: #FFFFFF;
	color: #000000;
}

.w13-bottom {
	margin-bottom: 3.125vw;
}

/* fenye */
.fenye {
	display: flex;
	align-items: center;
	grid-gap: .625vw;
	justify-content: center;
	margin-bottom: 9.375vw;
}

.fenye-a {
	width: 3.2292vw;
	height: 3.2292vw;
	border: 1px solid rgba(0, 0, 0, 0.06);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .8333vw;
	color: rgba(0, 0, 0, 0.6);
	font-family: "HarmonyOS_Sans_SC_Regular";
	cursor: pointer;
}

.fenye-a svg {
	width: .3125vw;
	max-width: 100%;
	display: block;
}

.fenye-a.on {
	background: #02569C;
	color: #FFFFFF;
}

.fenye-a.on .cls-1 {
	fill: #FFFFFF;
}

/* w14 */
.w14 {
	margin-top: 6.25vw;
	background: rgba(0, 0, 0, 0.03);
}

.w14-b {
	padding: 5.2083vw 7.8125vw 7.2917vw;
	background: #FFFFFF;
}

.w14-b2 {
	padding-bottom: 1.5625vw;
	margin-bottom: 3.125vw;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.w14-b3 {
	font-size: 2.0833vw;
	font-family: "HarmonyOS_Sans_SC_Bold";
	color: #000000;
	margin-bottom: 2.0833vw;
}

.w14-b4 {
	display: flex;
	align-items: center;
}

.w14-b5 {
	font-size: .8333vw;
	color: rgba(0, 0, 0, 0.6);
	font-family: "HarmonyOS_Sans_SC_Regular";
	padding-right: 1.0417vw;
	margin-right: 1.0417vw;
	border-right: 1px solid rgba(0, 0, 0, 0.6);
	line-height: 1;
}

.w14-b5:last-child {
	padding: 0;
	margin: 0;
	border: none;
}

.w14-b6 {
	font-size: .8333vw;
	color: rgba(0, 0, 0, 0.6);
	font-family: "HarmonyOS_Sans_SC_Regular";
	line-height: 1.5;
	padding-bottom: 3.9583vw;
	margin-bottom: 3.125vw;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.w14-b6 img {
	max-width: 100%;
	display: block;
}

.w14-b7 {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.w14-b8 {
	display: flex;
	flex-direction: column;
	grid-gap: 0.6vw;
}

.w14-b9 {
	font-size: .8333vw;
	color: rgba(0, 0, 0, 1);
	font-family: "HarmonyOS_Sans_SC_Regular";
	transition: all .3s;
}

.w14-b9:hover {
	color: #02569C;
}

.w14-b10 .w13-b9 {
	background: #02569C;
	color: #FFFFFF;
}

/* w15 */
.w15-box {
	padding: 5.2083vw 0 10.4167vw;
}

.w15-top {
	font-size: .8333vw;
	color: rgba(0, 0, 0, 0.6);
	font-family: "HarmonyOS_Sans_SC_Regular";
	line-height: 1.5;
	margin-bottom: 3.4896vw;
}

.w15-b2 {
	display: flex;
	align-items: stretch;
}

.w15-b3 {
	width: 56.7708vw;
	height: 23.4375vw;
	overflow: hidden;
}

.w15-b3 img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	transition: all 1s;
}

.w15-b4 {
	flex: 1;
	background: rgba(2, 86, 156, 0.1);
	display: flex;
	clip-path: polygon(0 0, 48vw 0, 95% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
}

.w15-b7 {
	flex: 1;
	margin: 2px 2px 2px 0;
	background: #FFFFFF;
	padding: 3.125vw;
	display: flex;
	flex-direction: column;
	justify-content: center;
	clip-path: polygon(0 0, 48vw 0, 95% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
}

.w15-b5 {
	margin-bottom: 2.0833vw;
}

.w15-b6 {
	font-size: .8333vw;
	color: rgba(0, 0, 0, 0.6);
	font-family: "HarmonyOS_Sans_SC_Regular";
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 10;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.w15-b {
	display: flex;
	flex-direction: column;
	grid-gap: 1.8229vw;
}

.w15-b2:nth-child(2n) {
	flex-direction: row-reverse;
}

.w15-b2:nth-child(2n) .w15-b7 {
	margin: 2px 0 2px 2px;
}

.w15-b2:nth-child(2n) .w15-b4 {
	clip-path: polygon(0 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 6% 100%, 0% 89%, 0 0);
}

.w15-b2:nth-child(2n) .w15-b7 {
	clip-path: polygon(0 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 6% 100%, 0% 89%, 0 0);
}

.w15-b3:hover img {
	transform: scale(1.1);
}

/* w16 */
.w16-box {
	padding: 5.2083vw 0 10.4167vw;
}

/* w17 */
.w17-box {
	padding-bottom: 10.9375vw;
}

.w17-b {
	padding: 3.3854vw 1.5625vw 4.5833vw;
}

.w17-img img {
	width: 100%;
	max-width: 100%;
	display: block;
}

.w17-b {
	position: relative;
}

.w17-dw2 {
	position: relative;
}

.w17-dw3 img {
	width: .7292vw;
	max-width: 100%;
	display: block;
}

.w17-wz9 .w17-dw3 img {
	width: 1.1458vw;
	max-width: 100%;
	display: block;
	animation: change7 1.5s ease-in-out infinite alternate;
}

@keyframes change7 {
	0% {
		transform: scale(1.0);
	}

	100% {
		transform: scale(1.5);
	}
}

.w17-dw4 {
	position: absolute;
	right: 100%;
	top: 50%;
	transform: translateY(-50%);
	font-size: .9375vw;
	color: #02569C;
	font-family: "HarmonyOS_Sans_SC_Regular";
	white-space: nowrap;
}

.w17-wz9 .w17-dw4 {
	left: 150%;
	right: auto;
}

.w17-wz12 .w17-dw4,
.w17-wz11 .w17-dw4,
.w17-wz10 .w17-dw4,
.w17-wz8 .w17-dw4,
.w17-wz6 .w17-dw4,
.w17-wz5 .w17-dw4,
.w17-wz4 .w17-dw4,
.w17-wz3 .w17-dw4 {
	left: 170%;
	right: auto;
}

.w17-wz1 {
	position: absolute;
	top: 12.9vw;
	left: 10.4vw;
}

.w17-wz2 {
	position: absolute;
	top: 16.8vw;
	left: 12vw;
}

.w17-wz3 {
	position: absolute;
	top: 13.8vw;
	left: 12.7vw;
}

.w17-wz4 {
	position: absolute;
	top: 16.3vw;
	left: 14.7vw;
}

.w17-wz5 {
	position: absolute;
	top: 27.5vw;
	left: 23.7vw;
}

.w17-wz6 {
	position: absolute;
	top: 30.5vw;
	left: 30vw;
}

.w17-wz7 {
	position: absolute;
	top: 24.2vw;
	left: 33.2vw;
}

.w17-wz8 {
	position: absolute;
	top: 24.8vw;
	left: 33.7vw;
}

.w17-wz9 {
	position: absolute;
	top: 23.1vw;
	left: 34.8vw;
}

.w17-wz10 {
	position: absolute;
	top: 21.9vw;
	left: 35.7vw;
}

.w17-wz11 {
	position: absolute;
	top: 20vw;
	left: 40.2vw;
}

.w17-wz12 {
	position: absolute;
	top: 21vw;
	left: 74.4vw;
}

.w17-bb {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	grid-gap: 1.3021vw;
}

.w17-bb2 {
	width: calc((100% - 2.6542vw)/3);
	background: rgba(2, 86, 156, 0.1);
	clip-path: polygon(0 0, 40vw 0, 95% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
	display: flex;
	position: relative;
	transition: all .5s;
}

.w17-bb2::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 5px;
	background: #02569C;
	transition: all .5s;
	border-radius: 6px;
	width: 0;
}

.w17-bb2:hover::after {
	right: 0;
	width: 100%;
}

.w17-bb2:hover {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
}

.w17-bb2:hover .w17-bb5 {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
}

.w17-bb5 {
	padding: 3.9583vw 2.6042vw 3.75vw;
	margin: 2px;
	background: #FFFFFF;
	clip-path: polygon(0 0, 40vw 0, 95% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
	flex: 1;
	transition: all .5s;
}

.w17-bb3 {
	margin-bottom: 1.5625vw;
}

.w17-bb4 {
	font-size: .8333vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: rgba(0, 0, 0, 0.6);
	line-height: 1.5;
}

/* w18 */
.w18-box {
	padding: 5.2083vw 0 14.5833vw;
}

.w18-top {
	border-radius: 6px;
	overflow: hidden;
	padding: 8.0729vw 4.1667vw 11.3021vw;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 7.0313vw;
	position: relative;
	z-index: 1;
}

.w18-top::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	z-index: 1;
}

.w18-top3 .ny-title {
	color: #FFFFFF;
}

.w18-top3 {
	margin-bottom: 1.25vw;
}

.w18-top2 {
	width: 28.3333vw;
	position: relative;
	z-index: 2;
}

.w18-top4 {
	font-size: .8333vw;
	color: #FFFFFF;
	font-family: "HarmonyOS_Sans_SC_Regular";
	line-height: 1.5;
	margin-bottom: 2.0833vw;
}

.w18-top5 {
	display: flex;
	flex-wrap: wrap;
	grid-gap: .625vw;
}

.w18-top6 {
	width: 10.4167vw;
	height: 3.3333vw;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 1.25vw;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 6px;
	font-size: .8333vw;
	color: #FFFFFF;
	font-family: "HarmonyOS_Sans_SC_Regular";
	transition: all .3s;
}

.w18-top6:hover {
	background: #02569C;
}

.w18-top8 {
	transition: all .5s;
}

.w18-top6:hover .w18-top8 {
	transform: translateX(.2604vw);
}

.w18-b2 {
	display: flex;
	align-items: center;
	grid-gap: 7.0313vw;
}

.w18-b2:nth-child(2n) {
	flex-direction: row-reverse;
}

.w18-b7 {
	width: 48.9583vw;
	height: 25vw;
	border-radius: 6px;
	overflow: hidden;
}

.w18-b7 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	max-width: 100%;
	transition: all 1s;
}

.w18-b3 {
	flex: 1;
}

.w18-b4 {
	margin-bottom: 1.25vw;
}

.w18-b5 {
	font-size: .8333vw;
	color: rgba(0, 0, 0, 0.6);
	font-family: "HarmonyOS_Sans_SC_Regular";
	line-height: 1.5;
	margin-bottom: 2.6042vw;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 10;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.w18-b6 .w18-top6 {
	background: #02569C;
}

.w18-b7:hover img {
	transform: scale(1.1);
}

.w18-b {
	display: flex;
	flex-direction: column;
	grid-gap: 5.9896vw;
}

/* w20 */
.w20 {
	background: #f7f7f7;
}

.w20-box {
	padding: 2.0833vw 0 9.375vw;
}

.w20-b {
	padding: 5.7292vw 6.7708vw 6.7708vw;
	background: #FFFFFF;
	font-size: .8333vw;
	color: rgba(0, 0, 0, 0.6);
	font-family: "HarmonyOS_Sans_SC_Regular";
	line-height: 1.5;
}

.w20-b img {
	max-width: 100%;
	display: block;
}

/* w21 */
.w21 {
	overflow: hidden;
}

.w21-b {
	position: relative;
}

.w21 .map {
	height: 51.0417vw;
	width: 100%;
	display: block;
}

.w21-b2 {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 50vw;
	clip-path: polygon(0 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 3% 100%, 0 93%, 0 0);
}

.w21-b3 {
	padding: 5.7292vw 8.3333vw 6.7708vw 6.25vw;
	background: #FFFFFF;
}

.w21-b4 {
	padding-bottom: 1.8229vw;
	border-bottom: .1042vw solid #02569C;
}

.w21-b6 {
	padding: 2.1875vw 0;
	border-bottom: 1px solid rgba(0, 66, 139, 0.1);
	display: flex;
	align-items: flex-start;
	grid-gap: .8854vw;
}

.w21-b7 {
	width: 2.6042vw;
	height: 2.6042vw;
	border: 1px solid rgba(0, 66, 139, 0.1);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.5s;
}

.w21-b7 img {
	width: 100%;
	height: 100%;
	display: block;
}

.w21-b8 {
	flex: 1;
}

.w21-b9 {
	font-size: .7292vw;
	color: rgba(0, 0, 0, 0.6);
	font-family: "HarmonyOS_Sans_SC_Regular";
	margin-bottom: .5208vw;
}

.w21-b10 {
	font-size: .8333vw;
	color: #02569C;
	font-family: "HarmonyOS_Sans_SC_Bold";
}

.w21-b6:hover .w21-b7 {
	border-radius: 0;
}

.w21-b6:last-child {
	padding-bottom: 0;
	border: none;
}

/* w22 */
.w22-box {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 10.1563vw 0 11.7188vw;
}

.w22-b {
	display: flex;
	align-items: flex-start;
	grid-gap: 10.1563vw;
}

.w22-b2 {
	width: 21.875vw;
}

.w22-b3 {
	margin-bottom: 1.5625vw;
}

.w22-b4 {
	font-size: .8333vw;
	color: rgba(0, 0, 0, 0.6);
	font-family: "HarmonyOS_Sans_SC_Regular";
	line-height: 1.5;
}

.w22-b5 {
	flex: 1;
}

.w22-b8 {
	display: flex;
	flex-wrap: wrap;
	grid-gap: 1.0417vw;
}

.w22-b6 {
	width: calc((100% - 2.1334vw)/3);
	display: flex;
}

.w22-b6 input {
	width: inherit;
	padding: 1.3021vw 1.4583vw;
	border: 1px solid rgba(0, 32, 129, 0.1);
	border-radius: 6px;
	flex: 1;
	background: transparent;
	outline: none;
	font-size: .8333vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: rgba(0, 32, 129, 0.6);
}

.w22-b6 input::-webkit-input-placeholder {
	font-size: .8333vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: rgba(0, 32, 129, 0.6);
}

.w22-b7 {
	width: 100%;
	display: flex;
}

.w22-b7 textarea {
	padding: 1.3021vw 1.4583vw;
	border: 1px solid rgba(0, 32, 129, 0.1);
	border-radius: 6px;
	flex: 1;
	background: transparent;
	outline: none;
	font-size: .8333vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: rgba(0, 32, 129, 0.6);
	resize: none;
	height: 11.9792vw;
}

.w22-b7 textarea::-webkit-input-placeholder {
	font-size: .8333vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: rgba(0, 32, 129, 0.6);
}

.w22-btn {
	width: 10.9375vw;
	height: 3.125vw;
	border-radius: 6px;
	border: none;
	cursor: pointer;
	margin-top: 2.0833vw;
	background: #02569C;
	font-size: 1.0417vw;
	color: #FFFFFF;
	font-family: "HarmonyOS_Sans_SC_Regular";
	display: flex;
	align-items: center;
	justify-content: center;
	clip-path: polygon(0 0, 12vw 0, 93% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
	transition: all .5s;
}

.w22-btn:hover {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
}

/* w23 */
.w23-box {
	padding: 4.6875vw 0 6.25vw;
}

.w23-title {
	margin-bottom: 2.5vw;
}

.w23-b2 {
	background: rgba(0, 32, 129, 0.1);
	display: flex;
	clip-path: polygon(0 0, 34vw 0, 95% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
	height: 100%;
	position: relative;
	transition: all .5s;
}

.w23-b2::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 5px;
	background: #02569C;
	transition: all .5s;
	border-radius: 6px;
	width: 0;
}

.w23-b2:hover::after {
	right: 0;
	width: 100%;
}

.w23-b2:hover {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
}

.w23-b2:hover .w23-b3 {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
}

.w23-b3 {
	clip-path: polygon(0 0, 34vw 0, 95% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
	background: #FFFFFF;
	margin: 2px;
	padding: 4.6875vw 2.3438vw 5.2083vw;
	flex: 1;
	transition: all .5s;
}

.w23-b4 {
	height: 2.5vw;
	margin-bottom: 2.0833vw;
}

.w23-b4 img {
	height: 100%;
	display: block;
	max-width: 100%;
}

.w23-b5 {
	font-size: 1.0417vw;
	color: #000000;
	font-family: "HarmonyOS_Sans_SC_Bold";
	margin-bottom: 1.0417vw;
}

.w23-b6 {
	font-size: .8333vw;
	color: rgba(0, 0, 0, 0.6);
	font-family: "HarmonyOS_Sans_SC_Regular";
	line-height: 1.5;
}

.w23-lunbo {
	margin-bottom: 2.6042vw;
}

.w23-lunbo .swiper-wrapper {
	align-items: stretch;
}

.w23-lunbo .swiper-slide {
	height: auto;
}

.w23-bottom .swiper-pagination {
	position: initial;
	height: 2px;
	background: rgba(0, 32, 129, 0.1);
	z-index: 1;
	flex: 1;
}

.w23-bottom .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: rgba(0, 32, 129, 1);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top;
}

.w23-bottom {
	display: flex;
	align-items: center;
	grid-gap: 4.1667vw;
}

.w23-bottom .w6-top {
	margin-bottom: 0;
}

/* w24 */
.w24-box {
	padding-bottom: 6.25vw;
}

.w24-title {
	display: flex;
	align-items: center;
	margin-bottom: 2.8646vw;
	grid-gap: 2.0833vw;
}

.w24-title .ny-title {
	opacity: 0.2;
	transition: all .3s;
	cursor: pointer;
}

.w24-title .ny-title.on {
	opacity: 1;
}

.w24-b2 {
	overflow: hidden;
	display: none;
}

.w24-b3 {
	padding-left: 5.2vw;
}

.w24-b3 .swiper-container {
	overflow: initial;
	margin-bottom: 2.6042vw;
}

.w24-b4 {
	width: 100%;
	height: 31.25vw;
	overflow: hidden;
	clip-path: polygon(0 0, 78vw 0, 97% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
}

.w24-b4:hover img {
	transform: scale(1.1);
}

.w24-b4 img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	transition: all 1s;
}

.w24-b4 video {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.w24-bottom .swiper-pagination {
	position: initial;
	height: 2px;
	background: rgba(0, 32, 129, 0.1);
	z-index: 1;
	flex: 1;
}

.w24-bottom .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: rgba(0, 32, 129, 1);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top;
}

.w24-bottom {
	display: flex;
	align-items: center;
	grid-gap: 4.1667vw;
}

.w24-bottom .w6-top {
	margin-bottom: 0;
}

/* w25 */
.w25-box {
	padding-bottom: 9.6354vw;
}

.w25-title {
	margin-bottom: 3.6458vw;
}

.w25-b2 {
	background: #FFFFFF;
	box-shadow: 0px 0px 6px 0px rgba(0, 32, 129, 0.14);
	overflow: hidden;
	margin-bottom: .8333vw;
}

.w25-b2:last-child {
	margin-bottom: 0;
}

.w25-b3 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	grid-gap: 10px;
	padding: 1.5625vw 3.125vw;
	position: relative;
	cursor: pointer;
}

.w25-b3::after {
	content: '';
	position: absolute;
	left: -5px;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 1.25vw;
	background: #02569C;
	transition: all .5s;
}

.w25-b2.on .w25-b3::after {
	left: 0;
}

.w25-b4 {
	font-size: 1.0417vw;
	color: #000000;
	font-family: "HarmonyOS_Sans_SC_Regular";
	transition: all .3s;
}

.w25-b5 {
	width: 1.3542vw;
	height: 1.3542vw;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.2);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .5s;
}

.w25-b2.on .w25-b5 {
	background: #02569C;
}

.w25-b5 img {
	transition: all .5s;
	width: .7292vw;
	max-width: 100%;
	display: block;
}

.w25-b2.on .w25-b5 img {
	transform: rotate(90deg);
}

.w25-b6 {
	padding: 2.6042vw 3.125vw 5.2083vw;
	border-top: 1px solid rgba(0, 32, 129, 0.06);
	display: none;
}

.w25-b7 {
	font-size: .7292vw;
	color: rgba(0, 0, 0, 0.6);
	font-family: "HarmonyOS_Sans_SC_Regular";
	line-height: 1.5;
}

.w25-b8 {
	margin-top: 2.0833vw;
	font-size: .8333vw;
	color: #02569C;
	font-family: "HarmonyOS_Sans_SC_Regular";
	display: flex;
	width: fit-content;
}

.w25-b2:hover .w25-b4 {
	color: #02569C;
}

.w25-b2.on .w25-b4 {
	color: #02569C;
}

/* w26 */
.w26-box {
	padding: 4.1667vw 0 10.4167vw;
}

.w26-top {
	font-size: .8333vw;
	color: rgba(0, 0, 0, 0.6);
	font-family: "HarmonyOS_Sans_SC_Regular";
	line-height: 1.5;
}

.w26-top2 {
	display: flex;
	align-items: center;
	grid-gap: .9375vw;
	padding-bottom: .9896vw;
	border-bottom: 1px solid rgba(2, 86, 156, 0.1);
	margin-bottom: .6771vw;
	margin-top: 4.1667vw;
}

.w26-top3 {
	width: .9896vw;
	height: .9896vw;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	outline: none;
	cursor: pointer;
}

.w26-top3 img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.w26-top3 svg {
	width: 100%;
	height: 100%;
	display: block;
}

.w26-top4 {
	flex: 1;
	border: none;
	outline: none;
	font-size: .8333vw;
	color: rgba(0, 0, 0, 1);
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.w26-top5 {
	background: transparent;
	border: none;
	font-size: .7292vw;
	color: #02569C;
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.w26-top5 a {
	color: #02569C;
	background: transparent;
	border: none;
}

.w26-b {
	margin-top: 4.0104vw;
	display: flex;
	align-items: flex-start;
	grid-gap: 2.6042vw;
}

.w26-left {
	min-width: 17.7083vw;
}

.w26-le2 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1.1979vw;
	grid-gap: 15px;
}

.w26-le3 {
	font-size: 1.0417vw;
	color: #000000;
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.w26-le4 {
	font-size: .8333vw;
	color: #02569C;
	font-family: "HarmonyOS_Sans_SC_Regular";
	border-radius: 4px;
	border: 1px solid rgba(2, 86, 156, 0.2);
	width: 3.125vw;
	height: 1.875vw;
	display: flex;
	align-items: center;
	justify-content: center;
	background: none;
	outline: none;
	cursor: pointer;
}

.w26-le5 {
	border-top: 1px solid rgba(2, 86, 156, 0.2);
}

.w26-le7 {
	background: rgba(2, 86, 156, 0.1);
	height: 3.6458vw;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 1.1458vw;
	grid-gap: 15px;
}

.w26-le8 {
	padding-left: 26px;
	font-size: .8333vw;
	color: #000000;
	font-family: "HarmonyOS_Sans_SC_Regular";
	position: relative;
}

.w26-le8::after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	background: #02569C;
	border-radius: 2px;
}

.w26-le9 {
	width: 14px;
	height: 8px;
}

.w26-le9 img {
	width: 100%;
	height: 100%;
	display: block;
	transition: all .5s;
}

.w26-le10 {
	padding: 1.5625vw 1.1458vw 2.6042vw;
	display: none;
}

.w26-le11 {
	margin-bottom: 1.5625vw;
	overflow-y: scroll;
	height: 9.375vw;
	padding-right: 15px;
}

.w26-le11::-webkit-scrollbar {
	width: 4px;
	background: rgba(2, 86, 156, 0.2);
}

.w26-le11::-webkit-scrollbar-thumb {
	border-radius: 6px;
	background: rgba(2, 86, 156, 1);
}

.w26-le12 {
	display: flex;
	align-items: center;
	grid-gap: 10px;
	margin-bottom: .9375vw;
}

.w26-le12:last-child {
	margin-bottom: 0;
}

.w26-le13[type=checkbox] {
	width: 16px;
	height: 16px;
	border: 1px solid #02569C;
	border-radius: 2px;
	appearance: none;
	position: relative;
}

.w26-le13[type=checkbox]::after {
	content: '✔';
	position: absolute;
	color: #FFFFFF;
	font-size: 12px;
	left: 0;
	right: 0;
	bottom: 1px;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.w26-le13:checked {
	background: #02569C;
}

.w26-le14 {
	font-size: .8333vw;
	color: #000000;
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.w26-le15 {
	font-size: .8333vw;
	color: #FFFFFF;
	font-family: "HarmonyOS_Sans_SC_Regular";
	background: #02569C;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	outline: none;
	width: 5.7292vw;
	height: 2.5vw;
	border: none;
}

.w26-le6.on .w26-le9 img {
	transform: rotate(-180deg);
}

.w26-le6 {
	border-bottom: 1px solid #FFFFFF;
}

.w26-r4 table {
	border-collapse: collapse;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.w26-r4 table tr td {
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding: 0.5vw 1.0417vw;
}

.w26-r4 thead tr td {
	background: #02569C;
	color: #FFFFFF;
	border: 1px solid rgba(255, 255, 255, 1);
	padding: 1.0417vw;
	position: sticky;
	position: -ms-sticky;
	position: -webkit-sticky;
	top: 0;
	z-index: 1;
}

.w26-r4 thead tr td:first-child {
	border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.w26-r4 thead tr td:last-child {
	border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.w26-r4 thead a {
	color: #FFFFFF;
}

.w26-r4 thead {
	position: sticky;
	position: -ms-sticky;
	position: -webkit-sticky;
	top: 0;
	z-index: 1;
}

.w26-r4 td,
.w26-r4 a {
	font-size: .8333vw;
	color: rgba(0, 0, 0, 0.6);
	font-family: "HarmonyOS_Sans_SC_Regular";
	white-space: nowrap;
	text-align: center;
	line-height: 1.7;
}

.w26-r4 a {
	display: block;
}

.w26-r2 {
	overflow: scroll;
}

.w26-r2::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	background: rgba(2, 86, 156, 0.2);
}

.w26-r2::-webkit-scrollbar-thumb {
	border-radius: 6px;
	background: rgba(2, 86, 156, 1);
}

.w26-r3 {
	padding-right: 40px;
	padding-bottom: 40px;
}

.w26-right {
	flex: 1;
	overflow: hidden;
	max-height: 80vh;
	display: flex;
}

.w26-right {
	position: relative;
}

.w26-right::before {
	content: '';
	position: absolute;
	bottom: 5.2px;
	left: 0;
	right: 0;
	height: 30px;
	background: #FFFFFF;
	z-index: 2;
}

.w26-right::after {
	content: '';
	position: absolute;
	top: 0;
	right: 5.2px;
	bottom: 0;
	width: 30px;
	background: #FFFFFF;
	z-index: 2;
}

.w26-r4 table tr td:first-child {
	position: sticky;
	position: -ms-sticky;
	position: -webkit-sticky;
	left: 0;
	background: #FFFFFF;
	border-left-color: transparent;
	border-right-color: transparent;
}

.w26-r4 table tr td:first-child a {
	color: #02569C;
}

.w26-r4 table thead tr td:first-child {
	background: #02569C;
	position: sticky;
	position: -ms-sticky;
	position: -webkit-sticky;
	left: 0;
	border-left-color: transparent;
	border-right-color: transparent;
	z-index: 2;
}

.w26-r4 table thead tr td:first-child::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: -1px;
	width: 1px;
	background: rgba(0, 0, 0, 0.1);
}

.w26-r4 table thead tr td:first-child::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: -1px;
	width: 1px;
	background: #FFFFFF;
}

.w26-r4 table tr td:first-child::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: -1px;
	width: 1px;
	background: rgba(0, 0, 0, 0.1);
}

.w26-r4 table tr td:first-child::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: -1px;
	width: 1px;
	background: rgba(0, 0, 0, 0.1);
}

/* w27 */
.w27 {
	margin-top: 5.25vw;
	border-top: 1px solid rgba(13, 54, 122, 0.1);
}

.w27-box {
	padding: 3.4375vw 0 7.0313vw;
	border-top: 1px solid rgba(13, 54, 122, 0.1);
}

.w27-b2 {
	margin-bottom: 2.0833vw;
}

.w27-b3 {
	display: flex;
	align-items: flex-start;
	grid-gap: 4.5313vw;
}

.w27-left {
	overflow: hidden;
	padding: 10px;
	transform: translateX(-10px);
}

.w27-le2 {
	width: 610px;
	height: 365px;
	background: #FFFFFF;
	box-shadow: 0px 0px 6px 0px rgba(0, 32, 129, 0.14);
	border-radius: 6px;
	overflow: hidden;
	margin-bottom: 1.0417vw;
}

.w27-le2 .swiper-container {
	width: 100%;
	height: 100%;
}

.w27-le3 {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.w27-le3 img {
	display: block;
	object-fit: contain;
	width: 70%;
	height: 70%;
}

.w27-le2 .swiper-button-next,
.w27-le2 .swiper-button-prev {
	transition: all .3s;
	background: #E8E8E8;
	width: 36px;
	height: 36px;
	font-size: 16px;
	color: #02569C;
	font-family: "HarmonyOS_Sans_SC_Regular";
	display: flex;
	align-items: center;
	justify-content: center;
}

.w27-le2 .swiper-button-next:hover,
.w27-le2 .swiper-button-prev:hover {
	background: #02569C;
	color: #FFFFFF;
}

.w27-le2 .swiper-button-prev {
	left: 0;
}

.w27-le2 .swiper-button-next {
	right: 0;
}

.w27-le4 {
	width: 190px;
	height: 139px;
}

.w27-le4 .swiper-container {
	width: 100%;
	height: 100%;
	overflow: initial;
}

.w27-le4 .w27-le3 {
	background: #FFFFFF;
	box-shadow: 0px 0px 6px 0px rgba(0, 32, 129, 0.14);
	border-radius: 6px;
	overflow: hidden;
}

.w27-r2 {
	display: flex;
	align-items: center;
	border-bottom: 1px solid rgba(13, 54, 122, 0.1);
	margin-bottom: 1.7708vw;
}

.w27-r3 {
	padding: .7813vw 2.5vw;
	background: #FFFFFF;
	color: rgba(0, 0, 0, 0.6);
	font-family: "HarmonyOS_Sans_SC_Regular";
	border-radius: 4px;
	transition: all .3s;
	cursor: pointer;
	font-size: .8333vw;
}

.w27-r3.on {
	background: #02569C;
	color: #FFFFFF;
}

.w27-r5 {
	display: none;
}

.w27-r6 table {
	border-collapse: collapse;
	width: 100%;
}

.w27-r6 tr {
	border-bottom: 1px solid #FFFFFF;
	background: rgba(13, 54, 122, 0.06);
	transition: all .3s;
}

.w27-r6 tr:hover {
	background: #f0f5f9;
}

.w27-r6 td {
	padding: 1.0417vw 2.9167vw;
	font-size: .8333vw;
	color: rgba(0, 0, 0, 0.6);
	font-family: "HarmonyOS_Sans_SC_Regular";
	vertical-align: top;
	line-height: 1.1;
}

.w27-r7 {
	display: flex;
	align-items: center;
	padding: 1.0417vw 2.9167vw;
	justify-content: space-between;
	background: rgba(13, 54, 122, 0.06);
	cursor: pointer;
	transition: all .3s;
	border-bottom: 1px solid #FFFFFF;
}

.w27-r7:hover {
	background: #f0f5f9;
}

.w27-r8 {
	font-size: 0.8333vw;
	color: rgba(0, 0, 0, 0.6);
	font-family: HarmonyOS_Sans_SC_Regular;
	display: flex;
	align-items: center;
	grid-gap: 10px;
}

.w27-r8 img {
	width: 1.1625vw;
	display: block;
	max-width: 100%;
	min-width: 1.1625vw;
}

.w27-r9 {
	transition: all .3s;
	width: 10.4167vw;
	height: 3.3333vw;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 1.25vw;
	background: rgba(13, 54, 122, 0.06);
	border-radius: 6px;
	font-size: .8333vw;
	color: rgba(0, 0, 0, 0.6);
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.w27-r9:hover {
	background: #f0f5f9;
}

.w27-right {
	flex: 1;
}

.w27-r10 {
	display: flex;
	flex-wrap: wrap;
	grid-gap: 20px;
}

.w27_bottom {
	padding-bottom: 10.9896vw;
}

/* w28 */
.w28-box {
	padding: 4.6875vw 0 9.375vw;
}

.w28-b {
	display: flex;
	align-items: flex-start;
	grid-gap: 5.7292vw;
}

.w28-left {
	flex: 1;
}

.w28-l2 {
	margin-bottom: 2.0833vw;
}

.w28-l3 {
	display: flex;
	align-items: stretch;
	padding-right: 1.5625vw;
	margin-bottom: 4.1667vw;
}

.w28-l3 button {
	width: 6.5104vw;
	height: 3.3333vw;
	background: #02569C;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #02569C;
	outline: none;
	cursor: pointer;
}

.w28-l3 button img {
	width: 1.4063vw;
	max-width: 100%;
	display: block;
}

.w28-l3 input {
	border: 1px solid rgba(0, 32, 129, 0.1);
	flex: 1;
	padding: 0 1.25vw;
	font-size: .8333vw;
	color: rgba(2, 86, 156, 0.6);
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.w28-l3 input::-webkit-input-placeholder {
	font-size: .8333vw;
	color: rgba(2, 86, 156, 0.6);
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.w28-l4 {
	font-size: 1.0417vw;
	color: #000000;
	font-family: "HarmonyOS_Sans_SC_Regular";
	margin-bottom: 1.5625vw;
}

.w28-l4 a {
	color: #000000;
}

.w28-l6 table {
	width: 100%;
	border-collapse: collapse;
}

.w28-l6 tr td {
	border: 1px solid rgba(2, 86, 156, 0.1);
	font-size: .9375vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	padding: 1.3542vw;
	text-align: center;
}

.w28-l6 tr td a {
	color: rgba(0, 0, 0, 0.6);
	display: block;
}

.w28-l6 tbody tr td {
	color: rgba(0, 0, 0, 0.6);
}

.w28-l6 tbody tr td a {
	transition: all 0.3s;
	color: #02569C;
}

.w28-l6 tbody tr td a:hover {
	color: #02569C;
	font-weight: bold;
}

.w28-l6 thead tr {
	background: #02569C;
}

.w28-l6 thead td {
	color: #FFFFFF;
	border-color: #FFFFFF;
	border-top-color: #02569C;
	border-bottom-color: #02569C;
}

.w28-l6 thead td:first-child {
	border-left-color: #02569C;
}

.w28-l6 thead td:last-child {
	border-right-color: #02569C;
}

.w28-l6 {
	height: 40vw;
	overflow-y: scroll;
	padding-right: 1.5625vw;
}

.w28-l6::-webkit-scrollbar {
	width: 4px;
	background: rgba(2, 86, 156, 0.2);
}

.w28-l6::-webkit-scrollbar-thumb {
	border-radius: 6px;
	background: rgba(2, 86, 156, 1);
}

.w28-l5 {
	margin-bottom: 7.2917vw;
}

.w28-l7 {
	margin-bottom: 2.6042vw;
}

.w28-l8 img {
	width: 100%;
	max-width: 100%;
	display: block;
}

.w28-r2 {
	font-size: 1.25vw;
	color: #02569C;
	font-family: "HarmonyOS_Sans_SC_Regular";
	padding-bottom: 1.6667vw;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.w28-r4 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	grid-gap: 20px;
	padding: 1.5625vw 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	cursor: pointer;
}

.w28-r5 {
	display: flex;
	align-items: center;
	grid-gap: 18px;
}

.w28-r6 img {
	width: 1.5625vw;
	min-width: 1.5625vw;
	max-width: 100%;
	display: block;
}

.w28-r7 {
	font-size: .9375vw;
	color: #000000;
	font-family: "HarmonyOS_Sans_SC_Regular";
	transition: all .3s;
}

.w28-r4:hover .w28-r7 {
	color: #02569C;
}

.w28-right {
	width: 28.5417vw;
}


.search-b {
	padding: 7vw 0 15vw;
}

.search-b .w21-nav2 {
	margin: 0 auto 4.60vw auto;
	justify-content: center;
	display: flex;
	align-items: center;
}

.search-b .w21-nav5 {
	width: 25vw;
	height: 3vw;
	font-size: 0.94vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: rgba(2, 86, 156, 0.6);
	background: transparent;
	border: 1px solid rgba(0, 32, 129, 0.1);
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
	padding: 0 3vw;
}

.search-b .w21-nav5::-webkit-input-placeholder {
	font-size: 0.94vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: rgba(2, 86, 156, 0.6);
}

.search-b .w21-nav6 {
	height: 3.1vw;
	width: 4.79vw;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	background: #02569C;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(0, 32, 129, 0.1);
	cursor: pointer;
}

.search-b .w21-nav6 img {
	width: 1.30vw;
	height: 1.30vw;
}

.search-b .s1-b9 {
	display: flex;
	align-items: center;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: rgba(0, 0, 0, .6);
	margin-bottom: 1vw;
	line-height: 1;
	font-size: 0.82vw;
}

.search-b .s1-b9 a {
	color: #02569C;
}

.search-b .s1-b10 {
	padding-bottom: 1vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: #000000;
	font-size: 1.5625vw;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	margin-bottom: 3vw;
}


.pc {
	display: block;
}

.yd {
	display: none;
}

@media (min-width: 1200px) and (max-width: 1600px) {
	.h-logo img {
		width: calc(11vw * 1.1);
	}

	.h-yy,
	.h-a {
		font-size: calc(0.9375vw * 1.3);
	}

	.h-ss img {
		width: calc(.9896vw * 1.3);
	}

	.h-yy img {
		width: calc(1.25vw * 1.3);
	}

	.banner-txt2 {
		font-size: calc(1.5625vw * 1.3);
	}

	.banner-txt3 {
		font-size: calc(2.0833vw * 1.3);
	}

	.banner-txt4 {
		font-size: calc(1.0417vw * 1.3);
	}

	.w26-top4,
	.w26-top,
	.h-search3,
	.h-search3::-webkit-input-placeholder,
	.h-xlb16,
	.h-xlb12,
	.h-xlb6,
	.f-r5,
	.f-l3,
	.w4-b6,
	.w4-b4,
	.w3-r2,
	.w3-btn,
	.w3-l7,
	.w3-l4,
	.w2-b12,
	.w1-b12,
	.w1-top3,
	.banner-scroll2,
	.banner-txt8 {
		font-size: calc(.8333vw * 1.3);
	}

	.left-nav3 {
		font-size: calc(.8333vw * 1.3);
	}

	.banner-txt7 img {
		height: calc(2.0833vw * 1.3);
	}

	.title2 {
		font-size: calc(1.5625vw * 1.3);
	}

	.title3 {
		font-size: calc(2.0833vw * 1.3);
	}

	.w4-b5,
	.w2-b11,
	.w2-b6,
	.w2-b5,
	.w1-b11 {
		font-size: calc(1.25vw * 1.3);
	}

	.w1-b4 .swiper-button-next,
	.w1-b4 .swiper-button-prev {
		font-size: calc(.9375vw * 1.3);
	}

	.w2-b4 {
		width: calc(1.5625vw * 1.3);
		height: calc(1.875vw * 1.3);
	}

	.w3-l6 {
		font-size: calc(3.0833vw * 1.3);
	}

	.w3-l3 {
		min-width: calc(6.7708vw * 1.3);
	}

	.w3-l2 {
		width: calc(24.3958vw * 1.3);
	}

	.f-l2 img {
		width: calc(14vw * 1.2);
	}

	.f-l4 {
		font-size: calc(2.0833vw * 1.3);
	}

	.f-r3 {
		font-size: calc(1.0417vw * 1.3);
	}

	.h-xlb3 {
		font-size: calc(.9375vw * 1.3);
	}

	.h-xlb14 {
		font-size: calc(.7292vw * 1.3);
	}

	.banner-fl {
		height: 6.9vw;
	}

	.h-xlb15 {
		width: 23vw;
	}

	.h-xl {
		right: 6.45vw;
	}

	.h-xlb16 {
		min-width: 8.4vw;
	}

	.w28-r2,
	.w11-bbb5,
	.w13-b5,
	.w11-b6,
	.w10-b4,
	.w6-b4,
	.w5-b5 {
		font-size: calc(1.25vw * 1.3);
	}

	.ny-title {
		font-size: calc(1.5625vw * 1.3);
	}

	.w28-l3 input::-webkit-input-placeholder,
	.w28-l3 input,
	.w27-r9,
	.w27-r8,
	.w27-r6 td,
	.w27-r3,
	.w26-le15,
	.w26-le14,
	.w26-le8,
	.w26-le4,
	.w26-top5,
	.w25-b8,
	.w23-b6,
	.f-lj a,
	.f-lj,
	.w22-b6 input::-webkit-input-placeholder,
	.w22-b6 input,
	.w22-b4,
	.w21-b10,
	.w20-b,
	.w18-b5,
	.w18-top6,
	.w18-top4,
	.w17-bb4,
	.w15-b6,
	.w15-top,
	.w14-b9,
	.w14-b6,
	.w14-b5,
	.w13-b9,
	.w13-b8,
	.w13-b6,
	.w12-top5,
	.w11-b7,
	.w10-b5,
	.w9-b4,
	.w8-b4,
	.w5-b6,
	.mulu-b a,
	.mulu-b {
		font-size: calc(.8333vw * 1.3);
	}

	.w26-r4 td,
	.w26-r4 a {
		font-size: calc(.8333vw * 1.1);
	}

	.w28-l4,
	.w26-le3,
	.w25-b4,
	.w23-b5,
	.w22-btn,
	.w9-b7 {
		font-size: calc(1.0417vw * 1.3);
	}

	.w9-b2 {
		margin-bottom: 5vw;
	}

	.w28-r7,
	.w28-l6 tr td,
	.news-nav3 {
		font-size: calc(.9375vw * 1.3);
	}

	.w13-lunbo .swiper-pagination-bullet {
		width: calc(.7292vw * 1.3);
		height: calc(.7292vw * 1.3);
	}

	.w14-b3 {
		font-size: calc(2.0833vw * 1.3);
	}

	.w15-b3 {
		height: calc(23.4375vw * 1.3);
	}

	.w25-b7,
	.w21-b9 {
		font-size: calc(.7292vw * 1.3);
	}

	.w21-b7 {
		width: calc(2.6042vw * 1.3);
		height: calc(2.6042vw * 1.3);
	}

	.w25-b5 {
		width: calc(1.3542vw * 1.3);
		height: calc(1.3542vw * 1.3);
	}

	.f-l6 {
		width: 52px;
		height: 52px;
	}

	.w27-le2 {
		width: 450px;
		height: 280px;
	}

	.w27-le4 {
		width: 137px;
		height: 95px;
	}
}

@media (max-width: 1000px) {
	.pc {
		display: none;
	}

	.yd {
		display: block;
	}

	.main {
		width: 90%;
	}

	.main2 {
		width: 90%;
	}

	.fa-in {
		transform: none;
		opacity: 1;
	}

	.fa-in2 {
		transform: none;
		opacity: 1;
	}

	.fa-in3 {
		transform: none;
		opacity: 1;
	}

	/* header */
	.header {
		display: none;
	}

	.m-header {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 9;
		transition: all .5s;
	}

	.m-ul {
		list-style-type: none;
	}

	.m-ul.on .v1 {
		transform: translateY(9px) rotate(45deg);
		transition: all .3s;
	}

	.m-ul.on .v2 {
		opacity: 0;
	}

	.m-ul.on .v3 {
		transform: translateY(-7px) rotate(-45deg);
		transition: all .3s;
	}

	.m-li {
		margin: 6px 0;
		height: 2px;
		width: 26px;
		background: #02569C;
		border-radius: 0.7vw;
		transition: all .3s;
	}

	.m-hnav {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 5%;
		background: #FFFFFF;
		box-shadow: 0px 0px 20px 0px rgba(0, 74, 138, 0.1);
		height: 54px;
	}

	.m-hlogo {
		width: 110px;
		height: 54px;
	}

	.m-hlogo a {
		display: block;
		width: 100%;
		height: 100%;
	}

	.m-hlogo img {
		width: 100%;
		display: block;
		max-width: 100%;
		object-fit: contain;
		height: 100%;
		object-position: left;
	}

	.m-hbox {
		display: none;
	}

	.m-hlia {
		font-size: 15px;
		font-family: "HarmonyOS_Sans_SC_Regular";
		color: #02569C;
		flex: 1;
	}

	.m-hbox {
		overflow-y: scroll;
		position: absolute;
		top: 54px;
		left: 0;
		right: 0;
		bottom: 0;
		background: #FFFFFF;
		height: calc(100vh - 54px);
		border-top: 1px solid rgba(0, 0, 0, 0.1);
	}

	.m-hul {
		list-style-type: none;
		padding: 40px 10%;
	}

	.m-hli {
		padding: 15px 0;
		border-bottom: 1px solid rgba(0, 66, 139, 0.2);
	}

	.m-hxl {
		padding-top: 15px;
		display: flex;
		flex-direction: column;
	}

	.m-hxla {
		padding: 10px 0;
		font-size: 13px;
		font-family: "HarmonyOS_Sans_SC_Regular";
		color: #162141;
	}

	.m-hlitr {
		list-style-type: none;
		position: relative;
		transition: all .5s;
		width: 14px;
	}

	.m-hlitr1 {
		width: 14px;
		height: 2px;
		background: #02569C;
	}

	.m-hlitr2 {
		width: 2px;
		height: 14px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background: #02569C;
	}

	.m-hlit.on .m-hlitr {
		transform: rotate(90deg);
	}

	.m-hlit.on .m-hlitr1 {
		opacity: 0;
	}

	.m-hlit {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.m-hxlb {
		display: none;
	}

	.m-hli2 {
		display: flex;
		margin: 15px 0;
		border: 1px solid #02569C;
		overflow: hidden;
	}

	.m-hss {
		width: 25px;
		height: 25px;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 8px 10px;
		background: #02569C;
	}

	.m-hss img {
		width: 20px;
		display: block;
		max-width: 100%;
		filter: grayscale(1) brightness(100);
	}

	.m-hinput {
		border: none;
		outline: none;
		font-size: 15px;
		font-family: "HarmonyOS_Sans_SC_Regular";
		color: #02569C;
		padding: 8px 10px;
		width: calc(100% - 65px);
	}

	.m-header.on {
		position: fixed;
		background: #FFFFFF;
		box-shadow: 0 0 10px rgba(0, 47, 167, .2);
	}

	.m-header.top {
		transform: translateY(-70px);
	}

	.m-header.top .m-hbox {
		display: none !important;
	}

	.f-r2.on .m-hlitr {
		transform: rotate(90deg);
	}

	.f-r2.on .m-hlitr1 {
		opacity: 0;
	}

	.f-r3 .m-hlitr {
		display: block;
	}

	.banner {
		z-index: 100;
	}

	.banner-scroll {
		display: none;
	}

	.banner-lunbo {
		width: 100%;
		clip-path: none;
		height: calc(100vh - 50px);
		top: 50px;
	}

	.banner .swiper-pagination {
		left: 10%;
		bottom: 3vh;
		width: 35%;
	}

	.banner-blue {
		left: 5%;
	}

	.banner-logo {
		bottom: 3vh;
		opacity: 0.5;
	}

	.banner-logo2 img,
	.banner-logo3,
	.banner-logo2 {
		width: 120px;
		height: 104px;
	}

	@keyframes change2 {
		0% {
			height: 0;
			opacity: 1;
		}

		80% {
			height: 104px;
			opacity: 1;
		}

		100% {
			height: 104px;
			opacity: 0;
		}
	}

	.banner-txt2 {
		font-size: 16px;
		margin-bottom: 5px;
	}

	.banner-txt3 {
		font-size: 24px;
		margin-bottom: 10px;
		box-shadow: 0 -10px #1C509C inset;
	}

	.banner-txt4 {
		font-size: 14px;
		margin-bottom: 20px;
	}

	.banner-txt4 br {
		display: none;
	}

	.banner-txt5 {
		grid-gap: 10px;
	}

	.banner-txt6 {
		padding: 20px 15px;
	}

	.banner-txt7 img {
		height: 25px;
	}

	.banner-txt8 {
		font-size: 12px;
	}

	/* .left-box{margin-left: calc(5% - 7px);} */
	.left-box {
		margin: 0 5%;
	}

	.left-nav3 {
		font-size: 14px;
	}

	.left-nav2 {
		height: 10vh;
	}

	.left-nav4::after {
		bottom: 0;
	}

	.w1 {
		height: auto;
	}

	/* .w1-box{margin-left: 10%;width: calc(100% - 15%);padding: 70px 5% 70px 0;} */
	.w1-box {
		margin: 0;
		width: 100%;
		padding: 70px 0;
	}

	.w1-top {
		flex-direction: column;
		align-items: flex-start;
		grid-gap: 30px;
		margin-bottom: 20px;
	}

	.title2 {
		font-size: 16px;
		margin-bottom: 5px;
	}

	.title3 {
		font-size: 24px;
	}

	.w1-b {
		width: 100%;
	}

	/* .w1-top2{grid-gap: 10px;} */
	.w1-top3 {
		padding: 5px 10px;
		font-size: 12px;
	}

	.w1-b7 {
		clip-path: none;
		height: 35vh;
	}

	.w1-b6 {
		padding: 10px 10px 20px;
		grid-gap: 25px;
	}

	.w1-b8 img {
		width: 60%;
	}

	.w1-b11 {
		font-size: 14px;
		margin-bottom: 10px;
	}

	.w1-b12 {
		font-size: 12px;
	}

	.w1-b4 .swiper-button-prev {
		clip-path: none;
	}

	.w1-b4 .swiper-button-next {
		clip-path: none;
	}

	.w1-b4 {
		margin: 20px 0 0 0;
		grid-gap: 20px;
	}

	.w1-b4 .swiper-button-next,
	.w1-b4 .swiper-button-prev {
		width: 30px;
		height: 30px;
		font-size: 12px;
	}

	.w2 {
		height: auto;
	}

	.w2-box {
		width: 100%;
	}

	.w2-top {
		margin: 0 0 40px 0;
	}

	.w2-b {
		display: none;
	}

	/* .w2-box{margin-left: 10%;padding: 70px 0;margin-right: 5%;width: calc(100% - 15%);} */
	.w2-box {
		margin: 0;
		padding: 70px 0;
		width: 100%;
	}

	.w2 .left-box {
		pointer-events: auto;
	}

	.w2-b8 {
		display: flex;
		width: 100%;
		height: 100%;
	}

	.w2-b9 img {
		height: 70vh;
	}

	.w2-b10 {
		width: calc(100% - 30px);
	}

	.w2-b11 {
		font-size: 14px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

	.w2-b12 {
		font-size: 12px;
	}

	.w2-b10 {
		padding: 30px 15px;
	}

	.w3 {
		height: auto;
	}

	/* .w3-box{margin-left: 10%;margin-right: 5%;padding: 70px 0;} */
	.w3-box {
		margin: 0;
		padding: 70px 0;
	}

	.w3-b {
		flex-direction: column;
		grid-gap: 40px;
	}

	.w3-top {
		margin-bottom: 40px;
	}

	.w3-l2 {
		width: 100%;
		grid-gap: 20px 30px;
		margin-bottom: 30px;
	}

	.w3-l3 {
		padding-left: 15px;
		min-width: 80px;
	}

	.w3-l4 {
		font-size: 12px;
		margin-bottom: 10px;
	}

	.w3-l7 {
		font-size: 12px;
	}

	.w3-l6 {
		font-size: 18px;
	}

	.w3-btn {
		width: 110px;
		height: 30px;
		font-size: 12px;
	}

	.w3-r2 {
		font-size: 12px;
		margin-bottom: 30px;
	}

	.w3-r3 img {
		height: auto;
	}

	.w3-r3 {
		clip-path: none;
	}

	.w4 {
		height: auto;
	}

	.w4-box {
		flex-direction: column;
	}

	.w4-b {
		width: 100%;
	}

	.w4-b2 {
		border: 1px solid rgba(13, 54, 122, 0.1);
		border-bottom: none;
		padding: 25px 15px;
		grid-gap: 30px;
	}

	.w4-b:last-child .w4-b2 {
		border-bottom: 1px solid rgba(13, 54, 122, 0.1);
	}

	.w4-b4 {
		font-size: 12px;
		margin-bottom: 5px;
	}

	.w4-b5 {
		font-size: 14px;
		padding-bottom: 10px;
		margin-bottom: 15px;
	}

	.w4-b6 {
		font-size: 12px;
	}

	.w4-b7 {
		clip-path: none;
	}

	.w4-b7 img {
		height: auto;
	}

	/* .f-bottom{margin-left: 10%;margin-right: 5%;} */
	.f-bottom {
		margin: 0;
	}

	.section .footer .left-box {
		margin: 0 5%;
	}

	.f-b {
		flex-direction: column;
		padding: 70px 0;
		grid-gap: 30px;
	}

	.f-right {
		flex-direction: column;
		gap: 0;
		flex: none;
		width: 100%;
		align-items: stretch;
	}

	.f-r3 {
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 14px;
		padding: 20px 0;
		margin-bottom: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}

	.f-r4 {
		display: none;
		padding-top: 7px;
	}

	.f-r5::before {
		display: none;
	}

	.f-left .f-lj {
		display: flex;
		justify-content: flex-start;
		padding: 20px 0 15px;
		margin: 0;
		gap: 15px;
		border: none;
	}

	.f-r5 {
		font-size: 13px;
	}

	.footer .m-hlitr1 {
		background: #FFFFFF;
	}

	.footer .m-hlitr2 {
		background: #FFFFFF;
	}

	.f-left {
		width: 100%;
	}

	.f-l2 {
		margin-bottom: 10px;
	}

	.f-l2 img {
		width: 170px;
	}

	.f-l3 {
		font-size: 12px;
		margin-bottom: 5px;
	}

	.f-l4 {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.f-l5 {
		grid-gap: 10px;
	}

	.f-l6 {
		width: 50px;
		height: 50px;
	}

	.f-l7 {
		z-index: 9;
	}

	.f-l7 img {
		width: 110px;
		height: 110px;
	}

	.f-lj {
		flex-direction: column;
		display: contents;
		font-size: 12px;
	}

	.f-lj2 {
		display: contents;
	}

	.f-lj a {
		font-size: 12px;
	}

	.f-b {
		border: none;
	}

	.f-bottom {
		padding-bottom: 10px;
	}

	.banner_top {
		margin-top: 54px;
	}

	.banner_top3 img {
		height: 30vh;
	}

	.mulu-b {
		padding: 15px 0;
		font-size: 12px;
	}

	.mulu-b a {
		font-size: 12px;
	}

	.w5-box {
		padding: 35px 0 70px;
	}

	.ny-title {
		font-size: 24px;
	}

	.w5-top {
		margin-bottom: 30px;
	}

	.w5-b2 {
		width: 100%;
		background-image: none !important;
		background: #FFFFFF;
		box-shadow: 0px 0px 6px 0px rgba(0, 32, 129, 0.14);
		border-radius: 6px;
		height: auto;
	}

	.w5-b {
		grid-gap: 30px;
	}

	.w5-b3 {
		padding: 30px 20px;
		grid-gap: 10px;
	}

	.w5-b5 {
		font-size: 14px;
	}

	.w5-b6 {
		font-size: 12px;
	}

	.w5-b7 img {
		width: 170px;
		height: 80px;
	}

	.w6-top {
		margin-bottom: 30px;
	}

	.w6-top .w1-b5b::after {
		display: none;
	}

	.w6-top .w1-b5b {
		background: #FFFFFF;
		box-shadow: 0px 0px 6px 0px rgba(0, 32, 129, 0.14);
	}

	.w6-b2 {
		clip-path: none;
	}

	.w6-b3 {
		height: 200px;
	}

	.w6-b4 {
		padding: 20px;
		font-size: 14px;
	}

	.w7-box {
		padding: 35px 0 70px;
	}

	.w7-b .w6-b2 {
		width: 100%;
	}

	.w7-b {
		grid-gap: 30px;
	}

	.w8-b2 {
		padding: 70px 0;
	}

	.w8-b2:first-child {
		padding-top: 35px;
	}

	.w8-b3 {
		margin-bottom: 30px;
	}

	.w8-b4 {
		font-size: 12px;
		max-width: 100%;
		margin-bottom: 30px;
	}

	.w8-b6 {
		width: 100%;
	}

	.w8-b5 {
		grid-gap: 30px;
	}

	.w8-b6 {
		background-image: none !important;
		background: #FFFFFF;
		box-shadow: 0px 0px 6px 0px rgba(0, 32, 129, 0.14);
		border-radius: 4px;
		height: auto;
	}

	.w8-b9 {
		padding: 0;
	}

	.w8-b7 {
		width: 140px;
	}

	.w8-b8 {
		padding: 30px 20px;
	}

	.w9-box {
		padding: 35px 0 70px;
	}

	.w9-b8 {
		margin-bottom: 30px;
	}

	.w9-b2 {
		flex-direction: column;
		grid-gap: 20px;
		margin-bottom: 30px;
	}

	.w9-title {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	.w9-b4 {
		font-size: 12px;
	}

	.w9-b6 img {
		width: 100%;
	}

	.w9-b7 {
		font-size: 14px;
		margin-top: 20px;
	}

	.w9-b {
		margin-bottom: 70px;
	}

	.w10-box {
		padding: 35px 0 70px;
	}

	.w10-b {
		flex-direction: column;
		grid-gap: 30px;
	}

	.w10-b3 {
		margin-bottom: 20px;
	}

	.w10-b4 {
		font-size: 14px;
		margin-bottom: 35px;
	}

	.w10-b5 {
		font-size: 12px;
	}

	.w10-b6 img {
		width: 100%;
	}

	.w11-box {
		padding: 70px 0;
	}

	.w11-title {
		margin-bottom: 30px;
	}

	.w11-b {
		flex-direction: column;
		grid-gap: 30px;
	}

	.w11-b8,
	.w11-b3 {
		clip-path: none;
	}

	.w11-b2 {
		grid-gap: 30px;
	}

	.w11-b4 img {
		height: 180px;
	}

	.w11-b5 {
		padding: 20px;
	}

	.w11-b6 {
		font-size: 14px;
		margin-bottom: 10px;
	}

	.w11-b7 {
		font-size: 12px;
	}

	.w11-b7 br {
		display: none;
	}

	.w11-b9 img {
		height: 180px;
		width: 100%;
	}

	.w11-bb img {
		height: 220px;
		width: auto;
		max-width: none;
	}

	.w11-bb {
		overflow-x: scroll;
		overflow-y: hidden;
		padding-bottom: 30px;
	}

	.w11-bb::-webkit-scrollbar {
		height: 6px;
		background: rgba(2, 86, 156, 0.2);
	}

	.w11-bb::-webkit-scrollbar-thumb {
		border-radius: 4px;
		background: rgba(2, 86, 156, 1);
	}

	.w12-top5 {
		font-size: 12px;
	}

	.w12-top3 {
		grid-gap: 5px;
	}

	.w12-b {
		margin: 30px 0 0 5%;
	}

	.w12-b5 {
		font-size: 22px;
	}

	.w12-b6 {
		width: 8px;
		height: 8px;
		margin: 20px auto;
	}

	@keyframes change6 {
		0% {
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			opacity: 1;
		}

		100% {
			top: -10px;
			left: -10px;
			right: -10px;
			bottom: -10px;
			opacity: 0;
		}
	}

	.w12-b7 {
		margin: 30px 0;
		clip-path: none;
		width: 220px;
		height: 180px;
	}

	.w12-b4:nth-child(2n) .w12-b7 {
		clip-path: none;
	}

	.w12-b3 {
		grid-gap: 30px;
		padding: 75px 0;
	}

	.w12-b7::after {
		border-bottom: 20px solid #FFFFFF;
		border-right: 15px solid transparent;
		border-left: 15px solid transparent;
		top: -12px;
	}

	.w12-b4 {
		transform: translateY(99px);
	}

	.w12-b4:nth-child(2n) {
		transform: translateY(-99px);
	}

	.w11-bbb {
		grid-gap: 30px;
	}

	.w11-bbb2 {
		width: 100%;
		clip-path: none;
		background: #FFFFFF;
		box-shadow: 0px 0px 6px 0px rgba(0, 32, 129, 0.14);
		border-radius: 6px;
		overflow: hidden;
	}

	.w11-bbb3 {
		margin: 0;
		clip-path: none;
		padding: 30px 20px;
	}

	.w11-bbb4 img {
		height: 220px;
	}

	.w11-bbb5 {
		font-size: 14px;
		margin-top: 20px;
	}

	.news-nav {
		margin: 35px 0 30px;
	}

	.news-nav3 {
		width: 100px;
		height: 30px;
		font-size: 12px;
	}

	.w13-lunbo .swiper-slide {
		height: 400px;
	}

	.w13-lunbo {
		clip-path: none;
	}

	.w13-b4 {
		padding: 20px;
		width: calc(100% - 40px);
	}

	.w13-b5 {
		font-size: 14px;
		padding-bottom: 10px;
		margin-bottom: 15px;
	}

	.w13-b6 {
		font-size: 12px;
		margin-bottom: 30px;
	}

	.w13-lunbo .swiper-pagination {
		display: none;
	}

	.w13-b8 {
		font-size: 12px;
	}

	.w13-b9 {
		width: 100px;
		height: 30px;
		font-size: 12px;
		clip-path: none;
	}

	.w13-b {
		margin-bottom: 50px;
	}

	.w13-bottom {
		margin-bottom: 50px;
	}

	.fenye {
		margin-bottom: 70px;
		grid-gap: 3px;
	}

	.fenye-a {
		width: 25px;
		height: 25px;
		font-size: 12px;
	}

	.fenye-a svg {
		width: 4px;
	}

	.w14 {
		margin-top: 54px;
	}

	.w14-b {
		padding: 30px 20px 50px;
	}

	.w14-b3 {
		font-size: 16px;
		margin-bottom: 15px;
	}

	.w14-b4 {
		flex-wrap: wrap;
		grid-gap: 5px 15px;
	}

	.w14-b5 {
		font-size: 12px;
		padding: 0;
		margin: 0;
		border: none;
	}

	.w14-b2 {
		padding-bottom: 10px;
		margin-bottom: 30px;
	}

	.w14-b6 {
		font-size: 12px;
		padding-bottom: 30px;
		margin-bottom: 40px;
	}

	.w14-b9 {
		font-size: 12px;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 1;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	.w14-b7 {
		grid-gap: 20px;
	}

	.w14-b8 {
		grid-gap: 5px;
	}

	.w15-box {
		padding: 35px 0 70px;
	}

	.w15-top {
		font-size: 12px;
		margin-bottom: 30px;
	}

	.w15-b2:nth-child(2n),
	.w15-b2 {
		flex-direction: column-reverse;
	}

	.w15-b2:nth-child(2n) .w15-b7,
	.w15-b2:nth-child(2n) .w15-b4,
	.w15-b4,
	.w15-b7 {
		clip-path: none;
	}

	.w15-b2:nth-child(2n) .w15-b7,
	.w15-b7 {
		margin: 0;
	}

	.w15-b2 {
		background: #FFFFFF;
		box-shadow: 0px 0px 6px 0px rgba(0, 32, 129, 0.14);
		border-radius: 6px;
		overflow: hidden;
	}

	.w15-b {
		grid-gap: 30px;
	}

	.w15-b3 {
		width: 100%;
		height: auto;
	}

	.w15-b7 {
		padding: 30px 20px;
	}

	.w15-b6 {
		font-size: 12px;
	}

	.w15-b5 {
		margin-bottom: 20px;
	}

	.w16-box {
		padding: 35px 0 70px;
	}

	.w17-b {
		padding: 35px 70px 0;
	}

	.w17-img img {
		width: 1000px;
		max-width: none;
	}

	.w17-map {
		overflow-x: scroll;
		overflow-y: hidden;
		margin-bottom: 70px;
	}

	.w17-map::-webkit-scrollbar {
		height: 6px;
		background: rgba(2, 86, 156, 0.2);
	}

	.w17-map::-webkit-scrollbar-thumb {
		border-radius: 4px;
		background: rgba(2, 86, 156, 1);
	}

	.w17-dw4 {
		font-size: 12px;
	}

	.w17-wz9 .w17-dw3 img {
		width: 15px;
		min-width: 15px;
	}

	.w17-dw3 img {
		width: 10px;
		min-width: 10px;
	}

	.w17-wz1 {
		position: absolute;
		top: 144px;
		left: 171px;
	}

	.w17-wz2 {
		position: absolute;
		top: 188px;
		left: 191px;
	}

	.w17-wz3 {
		position: absolute;
		top: 155px;
		left: 197px;
	}

	.w17-wz4 {
		position: absolute;
		top: 184px;
		left: 224px;
	}

	.w17-wz5 {
		position: absolute;
		top: 310px;
		left: 327px;
	}

	.w17-wz6 {
		position: absolute;
		top: 348px;
		left: 400px;
	}

	.w17-wz7 {
		position: absolute;
		top: 276px;
		left: 437px;
	}

	.w17-wz8 {
		position: absolute;
		top: 280px;
		left: 442px;
	}

	.w17-wz9 {
		position: absolute;
		top: 261px;
		left: 452px;
	}

	.w17-wz10 {
		position: absolute;
		top: 247px;
		left: 466px;
	}

	.w17-wz11 {
		position: absolute;
		top: 225px;
		left: 514px;
	}

	.w17-wz12 {
		position: absolute;
		top: 240px;
		left: 916px;
	}

	.w17-bb {
		grid-gap: 30px;
	}

	.w17-bb2 {
		width: 100%;
		clip-path: none;
		background: #FFFFFF;
		box-shadow: 0px 0px 6px 0px rgba(0, 32, 129, 0.14);
		border-radius: 6px;
		overflow: hidden;
	}

	.w17-bb5 {
		margin: 0;
		clip-path: none;
		padding: 30px 20px 40px;
	}

	.w17-bb3 {
		margin-bottom: 20px;
	}

	.w17-bb4 {
		font-size: 12px;
	}

	.w17-bb2:hover,
	.w17-bb2:hover .w17-bb5 {
		clip-path: none;
	}

	.w17-bb2::after {
		display: none;
	}

	.w17-box {
		padding-bottom: 70px;
	}

	.w18-box {
		padding: 35px 0 70px;
	}

	.w18-top {
		padding: 40px 20px 70px;
		margin-bottom: 70px;
	}

	.w18-top2 {
		width: 100%;
	}

	.w18-top3 {
		margin-bottom: 15px;
	}

	.w18-top4 {
		font-size: 12px;
		margin-bottom: 30px;
	}

	.w18-top5 {
		grid-gap: 10px;
	}

	.w18-top6 {
		width: 100px;
		height: 30px;
		font-size: 12px;
		padding: 0 20px;
	}

	.w18-b {
		grid-gap: 70px;
	}

	.w18-b2 {
		grid-gap: 40px;
		flex-direction: column;
	}

	.w18-b2:nth-child(2n) {
		flex-direction: column;
	}

	.w18-b4 {
		margin-bottom: 20px;
	}

	.w18-b5 {
		font-size: 12px;
		margin-bottom: 30px;
	}

	.w18-b7 {
		width: 100%;
		height: auto;
	}

	.w20-box {
		padding: 35px 0 70px;
	}

	.w20-b {
		padding: 30px 20px 50px;
		font-size: 12px;
	}

	.w21 .map {
		height: 450px;
	}

	.w21-b2 {
		position: initial;
		transform: none;
		width: 100%;
		background: #FFFFFF;
		box-shadow: 0px 0px 6px 0px rgba(0, 32, 129, 0.14);
		border-radius: 6px;
		overflow: hidden;
		clip-path: none;
	}

	.w21-b3 {
		padding: 30px 5% 50px;
	}

	.w21-b4 {
		padding-bottom: 15px;
	}

	.w21-b6 {
		padding: 20px 0;
		grid-gap: 20px;
	}

	.w21-b7 {
		width: 35px;
		height: 35px;
	}

	.w21-b9 {
		font-size: 12px;
		margin-bottom: 2px;
	}

	.w21-b10 {
		font-size: 14px;
	}

	.w22-box {
		padding: 70px 0;
	}

	.w22-b {
		flex-direction: column;
		grid-gap: 30px;
	}

	.w22-b2 {
		width: 100%;
	}

	.w22-b3 {
		margin-bottom: 20px;
	}

	.w22-b4 {
		font-size: 12px;
	}

	.w22-b5 {
		flex: none;
		width: 100%;
	}

	.w22-b6 {
		width: 100%;
	}

	.w22-b6 input {
		padding: 14px 20px;
		font-size: 12px;
	}

	.w22-b6 input::-webkit-input-placeholder {
		font-size: 12px;
	}

	.w22-b7 textarea {
		padding: 14px 20px;
		font-size: 12px;
		height: 200px;
	}

	.w22-b7 textarea::-webkit-input-placeholder {
		font-size: 12px;
	}

	.w22-b8 {
		grid-gap: 15px;
	}

	.w22-btn {
		width: 100%;
		height: 43px;
		clip-path: none;
		font-size: 12px;
		margin-top: 30px;
	}

	.w23-box {
		padding: 35px 0 70px;
	}

	.w23-title {
		margin-bottom: 20px;
	}

	.w23-b2::after {
		display: none;
	}

	.w23-b2 {
		clip-path: none;
		background: #FFFFFF;
		box-shadow: 0px 0px 6px 0px rgba(0, 32, 129, 0.14);
		border-radius: 6px;
		overflow: hidden;
	}

	.w23-b2:hover,
	.w23-b2:hover .w23-b3 {
		clip-path: none;
	}

	.w23-b3 {
		clip-path: none;
		margin: 0;
		padding: 30px 20px;
	}

	.w23-lunbo {
		margin-bottom: 30px;
		padding: 10px;
	}

	.w23-b4 {
		height: 35px;
		margin-bottom: 20px;
	}

	.w23-b5 {
		font-size: 14px;
		margin-bottom: 20px;
	}

	.w23-b6 {
		font-size: 12px;
	}

	.w24-b3 .swiper-container {
		margin-bottom: 40px;
	}

	.w24-title {
		margin-bottom: 20px;
		grid-gap: 15px;
	}

	.w24-box {
		padding-bottom: 70px;
	}

	.w25-box {
		padding-bottom: 70px;
	}

	.w25-title {
		margin-bottom: 20px;
	}

	.w25-b2 {
		margin-bottom: 20px;
	}

	.w25-b3 {
		padding: 15px 20px;
	}

	.w25-b4 {
		font-size: 14px;
	}

	.w25-b5 {
		width: 20px;
		height: 20px;
		min-width: 20px;
	}

	.w25-b5 img {
		width: 8px;
	}

	.w25-b3::after {
		height: 18px;
	}

	.w25-b6 {
		padding: 30px 20px 50px;
	}

	.w25-b7 {
		font-size: 12px;
	}

	.w25-b8 {
		font-size: 12px;
		margin-top: 30px;
	}

	.w24-b4 {
		clip-path: none;
		height: 280px;
	}

	.w24-b3 {
		padding-left: 0;
		margin: 0 5%;
		overflow: hidden;
	}

	.w5-b4 {
		grid-gap: 20px;
	}

	.w26-box {
		padding: 35px 0 70px;
	}

	.w26-top {
		font-size: 12px;
	}

	.w26-top br {
		display: none;
	}

	.w26-top3 {
		width: 19px;
		height: 19px;
	}

	.w26-top4 {
		font-size: 14px;
	}

	.w26-top4::-webkit-input-placeholder {
		font-size: 14px;
	}

	.w26-top2 {
		grid-gap: 15px;
		padding-bottom: 10px;
		margin-bottom: 40px;
		margin-top: 30px;
	}

	.w26-top5 {
		font-size: 13px;
	}

	.w26-b {
		margin-top: 20px;
		align-items: stretch;
		flex-direction: column;
		grid-gap: 40px;
	}

	.w26-le2 {
		margin-bottom: 20px;
	}

	.w26-le3 {
		font-size: 14px;
	}

	.w26-le4 {
		width: 50px;
		height: 25px;
		font-size: 12px;
	}

	.w26-le7 {
		height: 38px;
		padding: 0 20px;
	}

	.w26-le8 {
		font-size: 12px;
	}

	.w26-le10 {
		padding: 30px 20px 40px;
	}

	.w26-le12 {
		margin-bottom: 15px;
	}

	.w26-le14 {
		font-size: 12px;
	}

	.w26-le11 {
		height: 150px;
		margin-bottom: 20px;
	}

	.w26-le15 {
		width: 100px;
		height: 30px;
		font-size: 12px;
	}

	.w26-r4 table tr td {
		padding: 10px;
	}

	.w26-r4 td,
	.w26-r4 a {
		font-size: 12px;
	}

	.w26-right {
		height: 85vh;
		flex: none;
	}

	.w26-right::after {
		display: none;
	}

	.w26-right::before {
		display: none;
	}

	.w26-r3,
	.w26-r2 {
		padding: 0;
	}

	.w27-b3 {
		flex-direction: column;
		align-items: stretch;
	}

	.w27 {
		margin-top: 54px;
	}

	.w27-box {
		padding: 35px 0 70px;
	}

	.w27-b2 {
		margin-bottom: 20px;
	}

	.w27-left {
		transform: none;
	}

	.w27-le2 {
		width: 100%;
		height: 35vh;
		margin-bottom: 20px;
	}

	.w27-le4 {
		width: 29.1%;
		height: 65px;
	}

	.w27-b3 {
		grid-gap: 50px;
	}

	.w27-r3 {
		padding: 8px 18px;
		font-size: 12px;
	}

	.w27-r2 {
		margin-bottom: 20px;
	}

	.w27-r6 td {
		padding: 10px 20px;
		font-size: 12px;
	}

	.w27-r8 {
		font-size: 12px;
	}

	.w27-r8 img {
		width: 16px;
		min-width: 16px;
	}

	.w27-r7 {
		padding: 10px 20px;
	}

	.w27-r9 {
		width: 100px;
		height: 30px;
		font-size: 12px;
	}

	.w28-box {
		padding: 35px 0 70px;
	}

	.w28-b {
		flex-direction: column;
		align-items: stretch;
		grid-gap: 70px;
	}

	.w28-l2 {
		margin-bottom: 30px;
	}

	.w28-l3 input {
		padding: 0 15px;
		font-size: 12px;
	}

	.w28-l3 input::-webkit-input-placeholder {
		font-size: 12px;
	}

	.w28-l3 button {
		width: 60px;
		height: 35px;
	}

	.w28-l3 button img {
		width: 13px;
	}

	.w28-l3 {
		margin-bottom: 30px;
	}

	.w28-l4 {
		font-size: 14px;
		margin-bottom: 15px;
	}

	.w28-l6 tr td {
		padding: 15px;
		font-size: 12px;
	}

	.w28-l6 {
		height: 50vh;
	}

	.w28-l5 {
		margin-bottom: 70px;
	}

	.w28-right {
		width: 100%;
	}

	.w28-l7 {
		margin-bottom: 30px
	}

	.w28-r2 {
		font-size: 18px;
		padding-bottom: 20px;
	}

	.w28-r4 {
		padding: 14px 0;
	}

	.w28-r7 {
		font-size: 14px;
	}

	.w28-r6 img {
		width: 20px;
		min-width: 20px;
	}

	.w28-l8 {
		overflow: scroll;
		height: 70vh;
	}

	.w28-l8 img {
		max-width: none;
		width: 800px;
	}

	.w28-l8::-webkit-scrollbar {
		height: 4px;
		width: 4px;
		background: rgba(2, 86, 156, 0.2);
	}

	.w28-l8::-webkit-scrollbar-thumb {
		border-radius: 6px;
		background: rgba(2, 86, 156, 1);
	}

	.search-b {
		padding: 35px 0 70px;
	}

	.search-b .w21-nav5 {
		height: 43px;
		font-size: 13px;
		flex: 1;
		padding: 0 15px;
	}

	.search-b .w21-nav5::-webkit-input-placeholder {
		font-size: 13px;
	}

	.search-b .w21-nav6 {
		width: 55px;
		height: 45px;
	}

	.search-b .w21-nav6 img {
		width: 16px;
		height: 16px;
	}

	.search-b .w21-nav2 {
		margin-bottom: 30px;
		width: 100%;
	}

	.search-b .s1-b9 {
		font-size: 12px;
		margin-bottom: 5px;
	}

	.search-b .s1-b10 {
		font-size: 14px;
		padding-bottom: 5px;
		margin-bottom: 20px;
	}

	.banner-img {
		height: 100%;
	}

	.w1-top3.on {
		box-shadow: none;
	}
}


.w26-right {
	flex: 1 1 0% !important;
	width: 100% !important;
	min-width: 0;
}

.w26-r2,
.w26-r3,
.w26-r4 {
	width: 100% !important;
}

.w26-r4 table {
	width: 100% !important;
	table-layout: fixed !important;
}

.w26-r4 table thead tr td:first-child {
	width: 18% !important;
	/* 第一列占 22%，其余列平分剩余 78% */
}