.rel {position: relative}
.abs {position: absolute}
.fixed {position: fixed}
.spanAfter span {background-size: 100% 1px;background-position: 0 100%}
.lineAniAfter:after {transition: transform .5s ease;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform-origin: left}
.flex {display: flex;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox}
.flex-wrap {flex-flow: wrap}
.flex-between {-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between}

.inline-block {display: inline-block}
.block {display: block}
.hide {display: none}
.bold {font-weight: 700}
.txt-center {text-align: center}
.txt-left {text-align: left}
.txt-right {text-align: right}
.before {opacity: 0;visibility: hidden}
.after {opacity: 1;visibility: visible}
.font {font-family: Arial}
.txt {overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.upper {text-transform: uppercase}
.middle {vertical-align: middle}
.background {background-size: contain;background-repeat: no-repeat;background-position: center center}
.coverbackground {background-size: cover;background-repeat: no-repeat;background-position: center center}
body {font-size: 16px;overflow-x: hidden;-webkit-tap-highlight-color: transparent}
.rl {writing-mode: tb-rl;writing-mode: vertical-lr}

@font-face {
	font-family: "regular";
	src: url('../font/MISANS-NORMAL.TTF');
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "medium";
	src: url('../font/MiSans-Medium.ttf');
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "light";
	src: url('../font/MISANS-LIGHT.TTF');
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "mr";
	src: url('../font/Montserrat-Regular.otf');
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "mm";
	src: url('../font/Montserrat-Medium.otf');
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "mb";
	src: url('../font/MontserratBold.ttf');
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "bm";
	src: url('../font/BARLOW-MEDIUM.TTF');
	font-weight: normal;
	font-style: normal
}

html {
	overflow-y: scroll
}

:root {
	--mainW: 15.8rem;
	--btnH: .5rem
}

@media (max-width: 1440px) {
	:root {
		--mainW: 15rem
	}
}

@media (max-width: 1366px) {
	:root {
		--mainW: 1100px
	}
}

@media (max-width: 1004px) {
	:root {
		--btnH: .76rem
	}
}

.light {font-family: "light";font-weight: 100}
.regular {font-family: "regular"}
.medium {font-family: "medium"}
.mr {font-family: "mr"}
.mm {font-family: "mm"}
.mb {font-family: "mb"}
.bm {font-family: "bm"}
.box-container {width: var(--mainW);margin: 0 auto}
.w1200 {width: 1200px;margin: 0 auto}

@media (max-width: 1004px) {
.box-container,
.w1200 {width: 100%;padding: 0 .3rem}
}
.pic {font-size: 0;overflow: hidden;display: block;width: 100%}
.pic img {width: 100%;display: block;transition: transform .8s ease;-webkit-transition: transform .8s ease;-moz-transition: transform .8s ease;-ms-transition: transform .8s ease;-o-transition: transform .8s ease}
.pic img.phone {display: none}

@media (max-width: 1004px) {
.pic img.pc {display: none}
.pic img.phone {display: block}
}

.phone-nav {display: none}

.content,
.desc {text-align: justify}

.swiper-box {position: relative}
.swiper-btn {display: inline-block;background-size: contain;background-repeat: no-repeat;background-position: center center;position: absolute;z-index: 10;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease}
.content img,
.content input[type="image"] {max-width: 100%;height: auto !important;display: block;margin: 0 auto}
.noborder .header-wrapper:before {display: none}
.scroll .header-wrapper {top: -1.1rem}
.scroll .header-wrapper .pc-nav-box .child-box {top: -0.1rem}
.border .header-wrapper {background: #f3f4f5}
.border .header-wrapper .logo-box .init {display: none}
.border .header-wrapper .logo-box .on {display: block}
.border .header-wrapper .pc-nav-box>ul>li:hover>a,
.border .header-wrapper .pc-nav-box>ul>li.on>a {color: #00338c}
.border .header-wrapper .pc-nav-box>ul>li:hover>a:after,
.border .header-wrapper .pc-nav-box>ul>li.on>a:after {transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1)}
.border .header-wrapper .pc-nav-box>ul>li>a {color: #333}
.border .header-wrapper .lang .caption {color: #333;font-weight: 700}
.border .header-wrapper .lang .caption svg path {fill: #00338c}
.border .header-wrapper .search svg path {fill: #00338c}
.border .header-wrapper .nav-icon span {background-color: #00338c}
.border .p_h {height: 1rem}
.header-wrapper {position: fixed;left: 0;top: 0;z-index: 30;width: 100%;transition: all .48s ease;-webkit-transition: all .48s ease;-moz-transition: all .48s ease;-ms-transition: all .48s ease;-o-transition: all .48s ease}
.header-wrapper:before {content: "";width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;z-index: 1;background: rgba(255, 255, 255, 0.2)}
.header-wrapper.on,
.header-wrapper.active {background: #f3f4f5}
.header-wrapper.on .logo-box .init,
.header-wrapper.active .logo-box .init {display: none}

.header-wrapper.on .logo-box .on,
.header-wrapper.active .logo-box .on {display: block}

.header-wrapper.on .pc-nav-box>ul>li:hover>a,
.header-wrapper.active .pc-nav-box>ul>li:hover>a,
.header-wrapper.on .pc-nav-box>ul>li.on>a,
.header-wrapper.active .pc-nav-box>ul>li.on>a {color: #00338c}
.header-wrapper.on .pc-nav-box>ul>li:hover>a:after,
.header-wrapper.active .pc-nav-box>ul>li:hover>a:after,
.header-wrapper.on .pc-nav-box>ul>li.on>a:after,
.header-wrapper.active .pc-nav-box>ul>li.on>a:after {transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1)}
.header-wrapper.on .pc-nav-box>ul>li>a,
.header-wrapper.active .pc-nav-box>ul>li>a {color: #333}

.header-wrapper.on .lang .caption,
.header-wrapper.active .lang .caption {color: #333;font-weight: 700}

.header-wrapper.on .lang .caption svg path,
.header-wrapper.active .lang .caption svg path {fill: #00338c}

.header-wrapper.on .search svg path,
.header-wrapper.active .search svg path {fill: #00338c}

.header-wrapper.on .nav-icon span,
.header-wrapper.active .nav-icon span {background-color: #00338c}
.header-wrapper .box {height: 1rem;display: flex;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;align-items: center;padding: 0 .6rem}
.header-wrapper .logo-box {display: block;/* width: 132px */}
.header-wrapper .logo-box img {width: 100%;max-height: .7rem;object-fit: contain;object-position: left center}
.header-wrapper .logo-box .init {display: block}
.header-wrapper .logo-box .on {display: none}
.header-wrapper .other-box {display: flex;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;align-items: center}
.header-wrapper .search {cursor: pointer}
.header-wrapper .search svg {width: 22px}
.header-wrapper .search path {fill: #fff;transition: all .48s ease;-webkit-transition: all .48s ease;-moz-transition: all .48s ease;-ms-transition: all .48s ease;-o-transition: all .48s ease}
.header-wrapper .lang {position: relative;margin-right: .5rem}
.header-wrapper .lang .caption {cursor: pointer;line-height: 30px;font-size: 18px;color: #fff;font-family: "light";font-weight: 100;line-height: 1rem;transition: color .48s ease;-webkit-transition: color .48s ease;-moz-transition: color .48s ease;-ms-transition: color .48s ease;-o-transition: color .48s ease}
.header-wrapper .lang .caption svg {width: 20px;margin-right: 10px;display: inline-block;vertical-align: middle;position: relative;top: -1px}
.header-wrapper .lang .caption svg path {fill: #fff;transition: all .48s ease;-webkit-transition: all .48s ease;-moz-transition: all .48s ease;-ms-transition: all .48s ease;-o-transition: all .48s ease}
.header-wrapper .lang .list {width: 140px;left: 50%;margin-left: -70px;padding: 10px;top: 100%}
.header-wrapper .lang .list:before {left: 50%;margin-left: -8px}
.header-wrapper .lang .list a {text-align: center;line-height: 44px;padding: 0 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: var(--fs18);transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease}
.header-wrapper .lang .list a:hover {background-color: #00338c;color: #fff}
.header-wrapper .lang .list,
.header-wrapper .navs {position: absolute;top: 100%}

.header-wrapper .lang .list,
.header-wrapper .navs,
.header-wrapper .child-box {background-color: #f3f4f5;border-top: 2px solid #00338c;opacity: 0;visibility: hidden;transform: translateY(-10px);-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);z-index: 10;transition: all .48s ease;-webkit-transition: all .48s ease;-moz-transition: all .48s ease;-ms-transition: all .48s ease;-o-transition: all .48s ease}

.header-wrapper .lang .list:before,
.header-wrapper .navs:before,
.header-wrapper .child-box .angle:before {content: '';position: absolute;background: #f3f4f5 url(../image/angle.png) no-repeat;width: 17px;height: 10px;top: -10px}
.header-wrapper .angle {width: 17px;height: 10px;position: absolute;left: 0;top: 0;z-index: 1}

.pc-nav-box {
	flex: 1;
	margin: 0 .9rem
}

.pc-nav-box ul {
	list-style-type: none;
	margin-bottom: 0
}

.pc-nav-box>ul {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	justify-content: flex-end
}

.pc-nav-box>ul>li {
	position: relative;
	text-align: center;
	margin-right: 1rem
}

.pc-nav-box>ul>li:last-child {
	margin-right: 0
}

.pc-nav-box>ul>li.has-sub:hover .navs,
.pc-nav-box>ul>li.has-sub:hover .child-box {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0)
}

.pc-nav-box>ul>li>a {
	position: relative;
	color: #fff;
	line-height: 1rem;
	font-size: var(--fs20);
	transition: color .3s ease;
	-webkit-transition: color .3s ease;
	-moz-transition: color .3s ease;
	-ms-transition: color .3s ease;
	-o-transition: color .3s ease
}

.pc-nav-box>ul a {
	display: block
}

.pc-nav-box .navs {
	width: 200px;
	left: 50%;
	margin-left: -100px;
	padding: 10px
}

.pc-nav-box .navs:before {
	left: 50%;
	margin-left: -8px
}

.pc-nav-box .navs a {
	line-height: 44px;
	padding: 0 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: var(--fs18);
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease
}

.pc-nav-box .navs a:hover {
	background-color: #00338c;
	color: #fff
}

.pc-nav-box .child-box {
	position: fixed;
	width: 100%;
	left: 0;
	top: 1rem;
	padding-top: .4rem;
	padding-bottom: 1rem
}

.pc-nav-box .main {
	position: relative;
	padding: 0 1rem;
	margin: 0 auto;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	flex-flow: wrap;
	max-height: calc(100vh - 1rem);
	overflow-y: auto;
	align-items: flex-start
}

.pc-nav-box .main::-webkit-scrollbar {
	width: 4px
}

.pc-nav-box .main::-webkit-scrollbar-track {
	background-color: #eaeaea
}

.pc-nav-box .main::-webkit-scrollbar-thumb {
	background-color: #00338c
}

.pc-nav-box .main {
	text-align: left
}

.pc-nav-box .solution .item {
	padding-right: .6rem;
	width: 16.66%
}

.pc-nav-box .goods .item {
	flex: 1;
	padding: 0 .5rem .6rem 0
}

.pc-nav-box .item {
	width: 20%;
	padding: 0 .9rem .6rem 0;
	padding-left: 0
}

.pc-nav-box .item a {
	transition: color .3s ease;
	-webkit-transition: color .3s ease;
	-moz-transition: color .3s ease;
	-ms-transition: color .3s ease;
	-o-transition: color .3s ease
}

.pc-nav-box .item .cat {
	display: block;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-bottom: .24rem;
	line-height: 32px;
	margin-bottom: .24rem;
	font-size: var(--fs20);
	font-family: "medium"
}

.pc-nav-box .item .cat img {
	height: 32px;
	position: relative;
	vertical-align: middle;
	top: -1px;
	margin-right: .2rem
}

.pc-nav-box .item .cat:hover {
	color: #00338c
}

.pc-nav-box .item ul:focus,
.pc-nav-box .item ul:active,
.pc-nav-box .item ul:link {
	outline: none
}

.pc-nav-box .item li,
.pc-nav-box .item li a {
	color: #555;
	font-size: var(--fs18);
	line-height: 24px
}

.pc-nav-box .item li {
	margin-bottom: .14rem
}

.pc-nav-box .item li:last-child {
	margin-bottom: 0
}

.pc-nav-box .item li:hover {
	color: #00338c
}

.pc-nav-box .item li:hover a:after {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0)
}

.pc-nav-box .item li a {
	position: relative;
	display: block
}

.pc-nav-box .item li a:after {
	content: "";
	width: 5px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
	background: url(../image/right3.png) no-repeat left center;
	background-size: 10px;
	opacity: 0;
	visibility: hidden;
	transform: translateX(-6px);
	-webkit-transform: translateX(-6px);
	-moz-transform: translateX(-6px);
	-ms-transform: translateX(-6px);
	-o-transform: translateX(-6px);
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease
}

.pc-nav-box .item li a:hover {
	color: #00338c
}

@media screen and (min-width: 1004px) {
	.header-wrapper:hover {
		background: #f3f4f5
	}

	.header-wrapper:hover .logo-box .init {
		display: none
	}

	.header-wrapper:hover .logo-box .on {
		display: block
	}

	.header-wrapper:hover .pc-nav-box>ul>li:hover>a,
	.header-wrapper:hover .pc-nav-box>ul>li.on>a {
		color: #00338c
	}

	.header-wrapper:hover .pc-nav-box>ul>li:hover>a:after,
	.header-wrapper:hover .pc-nav-box>ul>li.on>a:after {
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1)
	}

	.header-wrapper:hover .pc-nav-box>ul>li>a {
		color: #333
	}

	.header-wrapper:hover .lang .caption {
		color: #333;
		font-weight: 700
	}

	.header-wrapper:hover .lang .caption svg path {
		fill: #00338c
	}

	.header-wrapper:hover .search svg path {
		fill: #00338c
	}

	.header-wrapper .lang:hover .caption {
		color: #00338c
	}

	.header-wrapper .lang:hover .list {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transition: all .5s ease;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		-o-transition: all .5s ease
	}

	.header-wrapper .lang:hover .list:before {
		opacity: 1;
		visibility: visible
	}

	.header-wrapper .lang:hover .list a {
		display: block;
		animation: navInUp50 .6s ease;
		animation-fill-mode: forwards
	}
}

@media (max-width: 1600px) {
	.border .p_h {
		height: .9rem
	}

	.header-wrapper .box {
		height: .9rem
	}

	.header-wrapper .lang .caption,
	.pc-nav-box>ul>li>a {
		line-height: .9rem
	}

	.pc-nav-box .child-box {
		top: .9rem
	}

	.pc-nav-box>ul>li {
		margin-right: .9rem
	}
}

@media (max-width: 1440px) {
	.header-wrapper .logo-box img {
		max-height: .66rem
	}

	.pc-nav-box>ul>li {
		margin-right: .8rem
	}

	.pc-nav-box .item li {
		margin-bottom: .06rem
	}

	.pc-nav-box .item .cat img {
		height: 22px;
		margin-right: .12rem
	}

	.pc-nav-box .child-box {
		padding-bottom: .8rem
	}

	.pc-nav-box .item .cat {
		padding-bottom: .16rem;
		margin-bottom: .2rem
	}

	.pc-nav-box .item .cat {
		font-size: var(--fs18)
	}

	.pc-nav-box .item li,
	.pc-nav-box .item li a {
		font-size: var(--fs17)
	}

	.pc-nav-box .main {
		padding: 0 .8rem
	}
}

@media (max-width: 1366px) {
	.pc-nav-box>ul>li {
		margin-right: .7rem
	}

	.shares .icon img {
		height: .4rem
	}

	.shares .icon {
		background-size: .2rem
	}
}

@media (max-width: 1004px) {
	.pc-nav-box {
		display: none
	}

	.border .p_h {
		height: 1.2rem
	}

	.header-wrapper .box {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		height: 1.2rem;
		padding: 0 .3rem
	}

	.header-wrapper .logo-box {
		width: 30%
	}

	.header-wrapper .logo-box img {
		max-height: .9rem
	}

	.header-wrapper .lang.on .list {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0)
	}

	.header-wrapper .lang .caption {
		font-size: var(--fs18);
		line-height: 1.2rem
	}

	.header-wrapper .lang .list {
		width: 100px;
		margin-left: -50px;
		padding: 6px
	}

	.header-wrapper .lang .list:before {
		display: none
	}

	.header-wrapper .lang .list a {
		display: block;
		line-height: 30px;
		padding: 0 10px
	}
}

.search-form {
	position: fixed;
	height: 100vh;
	z-index: 100;
	top: 0;
	left: 0;
	opacity: 0;
	pointer-events: none;
	background: rgba(0, 0, 0, 0.45);
	width: 100%;
	transition: opacity .2s ease, background-color 1s ease
}

.search-form:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.05));
	z-index: -1;
	box-sizing: border-box;
	transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	opacity: 0;
	visibility: hidden
}

.search-form.active {
	opacity: 1;
	pointer-events: all
}

.search-form.active:before {
	opacity: 1;
	visibility: visible
}

.search-form .container {
	padding: 0 .8rem
}

.search-form .main {
	position: relative;
	padding-top: 1.6rem
}

.search-form .form {
	padding-top: .4rem;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	align-items: center;
	border-top: 2px solid rgba(255, 255, 255, 0.16)
}

.search-form .form .text {
	font-size: var(--fs40);
	line-height: .6rem;
	height: .6rem;
	flex: 1;
	color: rgba(255, 255, 255, 0.8);
	padding-right: 2rem;
	background: transparent;
	overflow: hidden
}

.search-form .form ::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.6);
	font-size: var(--fs40)
}

.search-form .form :-moz-placeholder {
	color: rgba(255, 255, 255, 0.6);
	font-size: var(--fs40)
}

.search-form .form ::-moz-placeholder {
	color: rgba(255, 255, 255, 0.6);
	font-size: var(--fs40)
}

.search-form .form :-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.6);
	font-size: var(--fs40)
}

.search-form .close {
	position: absolute;
	right: 0;
	top: 1.1rem;
	z-index: 10;
	display: block;
	cursor: pointer
}

.search-form .close:hover svg {
	transform: rotate(90deg)
}

.search-form .close:hover svg path {
	fill: #00338c
}

.search-form .close svg {
	width: 36px;
	height: 36px;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease
}

.search-form .close svg path {
	fill: #fff;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease
}

.search-form .searchbtn {
	display: inline-block;
	position: relative;
	margin-right: 15px
}

.search-form .searchbtn svg {
	width: 54px;
	height: 54px
}

.search-form .searchbtn svg path {
	fill: rgba(255, 255, 255, 0.6)
}

.search-form .go {
	transform: rotateY(180deg)
}

.search-form .go:hover svg path {
	fill: rgba(255, 255, 255, 0.8)
}

.search-form .go svg {
	width: 30px;
	height: 30px
}

.search-form .go svg path {
	fill: rgba(255, 255, 255, 0.8);
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease
}

@media (max-width: 1004px) {
	.search-form .main {
		padding-top: 1.2rem
	}

	.search-form .container {
		padding: 0 .3rem
	}

	.search-form .close {
		top: 20px
	}

	.search-form .close svg {
		width: 24px;
		height: 24px
	}

	.search-form .form {
		border-top-width: 1px;
		padding-top: 5px
	}

	.search-form .form .text {
		font-size: var(--fs26);
		padding-right: .7rem;
		height: .8rem;
		line-height: .8rem
	}

	.search-form .searchbtn {
		font-size: 0;
		margin-right: .1rem
	}

	.search-form .searchbtn svg {
		width: .56rem;
		height: .56rem
	}

	.search-form .go svg {
		width: 24px;
		height: 24px
	}

	.nav-icon {
		margin-left: .5rem
	}

	.nav-icon span {
		display: block;
		width: 25px;
		height: 2px;
		background: #fff;
		margin: 4px 0px;
		border-radius: 10px;
		transition: all ease .5s
	}

	.nav-icon span:nth-child(2) {
		width: 15px
	}

	.nav-icon span:nth-child(3) {
		width: 20px
	}

	.nav-icon.on span:nth-child(1) {
		transform: rotate(45deg)
	}

	.nav-icon.on span:nth-child(2) {
		display: none
	}

	.nav-icon.on span:nth-child(3) {
		transform: rotate(134deg);
		margin-top: -6px;
		width: 25px
	}

	.phone-nav {
		width: 100%;
		height: calc(100% - 1.2rem);
		position: fixed;
		right: 0;
		top: 1.2rem;
		background: #fff;
		z-index: 501;
		overflow: auto;
		border-top: 1px solid #f3f3f3
	}

	.phone-nav ul {
		width: 100%;
		margin: 0 auto;
		position: relative;
		height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		transition: max-height .8s ease;
		-webkit-transition: max-height .8s ease;
		-moz-transition: max-height .8s ease;
		-ms-transition: max-height .8s ease;
		-o-transition: max-height .8s ease
	}

	.phone-nav ul::-webkit-scrollbar {
		width: 4px
	}

	.phone-nav ul::-webkit-scrollbar-track {
		background-color: #eaeaea
	}

	.phone-nav ul::-webkit-scrollbar-thumb {
		background-color: #00338c
	}

	.phone-nav ul li {
		position: relative
	}

	.phone-nav ul li.show .cat:before,
	.phone-nav ul li.active .cat:before {
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg)
	}

	.phone-nav ul li.show .cat:before,
	.phone-nav ul li.show .cat:after {
		background: #333
	}

	.phone-nav ul li.active .cat {
		color: #00338c
	}

	.phone-nav ul li.show .navs {
		display: block
	}

	.phone-nav ul li>a {
		position: relative;
		display: block;
		font-size: var(--fs20);
		color: #000;
		line-height: .96rem;
		padding: 0 .8rem 0 0.3rem;
		font-weight: 700;
		border-bottom: 1px solid #f3f3f3
	}

	.phone-nav ul li .item>a {
		font-family: "medium";
		font-size: var(--fs18)
	}

	.phone-nav ul li .cate {
		position: relative
	}

	.phone-nav ul li .cate.remove:after {
		transform: rotate(0deg)
	}

	.phone-nav ul li .cate:after {
		content: "";
		width: 9px;
		height: 100%;
		position: absolute;
		right: .3rem;
		top: 0;
		z-index: 1;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		background-image: url(../image/iright.png);
		transform: rotate(90deg)
	}

	.phone-nav ul li .cat:before,
	.phone-nav ul li .cat:after {
		content: "";
		display: inline-block;
		background: #00338c;
		position: absolute;
		z-index: 10
	}

	.phone-nav ul li .cat:before {
		width: .06rem;
		height: .26rem;
		right: .4rem;
		top: .36rem;
		transition: transform .3s ease;
		-webkit-transition: transform .3s ease;
		-moz-transition: transform .3s ease;
		-ms-transition: transform .3s ease;
		-o-transition: transform .3s ease
	}

	.phone-nav ul li .cat:after {
		width: .26rem;
		height: .06rem;
		right: .3rem;
		top: .46rem
	}

	.phone-nav ul li.on>a {
		font-weight: 700;
		color: #00338c
	}

	.phone-nav ul li .navs {
		background: rgba(238, 238, 238, 0.15);
		width: 100%;
		display: none
	}

	.phone-nav ul li .navs .item>a {
		font-size: 14px;
		display: block;
		padding-left: 0;
		line-height: 1rem;
		padding: 0 .3rem
	}

	.phone-nav ul li .item {
		border-bottom: 1px solid #f3f3f3
	}

	.phone-nav ul li .item:last-child {
		border-bottom: none
	}

	.phone-nav ul li .child {
		padding: 0 .3rem .3rem;
		overflow: hidden
	}

	.phone-nav ul li .child a {
		display: block;
		width: 50%;
		float: left;
		font-size: var(--fs16);
		color: #666;
		line-height: 22px;
		margin-bottom: .2rem;
		padding-right: .3rem
	}

	.phone-nav ul li .child a:last-child {
		margin-bottom: 0
	}
}

.footer-wrapper {
	padding: .98rem 0 .85rem;
	background: #02296d;
	background-size: cover
}

.footer-wrapper .part-1,
.footer-wrapper .part-2,
.footer-wrapper .part-3 {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.footer-wrapper .part-1 {
	align-items: flex-end;
	padding-bottom: .3rem
}

.footer-wrapper .part-1 .caption {
	font-size: var(--fs30);
	color: #fff;
	line-height: .36rem;
	margin-bottom: .36rem
}

.footer-wrapper .part-2 {
	padding-top: .74rem;
	border-top: 1px solid rgba(255, 255, 255, 0.1)
}

.footer-wrapper .part-2 .qrcode {
	border-radius: 5px;
	width: 1.6rem;
	margin-right: 0;
	margin-left: auto;
	overflow: hidden;
	margin-bottom: .44rem
}

.footer-wrapper .part-2 .qrcode img {
	display: block;
	width: 100%
}

.footer-wrapper .part-3 {
	margin-top: .9rem
}

.footer-wrapper .tel-box {
	text-align: right
}

.footer-wrapper p {
	font-size: var(--fs16);
	line-height: 24px;
	color: rgba(255, 255, 255, 0.6);
	margin-top: 5px
}

.footer-wrapper .tel {
	font-size: var(--fs36);
	line-height: .4rem;
	color: #fff;
	font-family: "mm"
}

.footer-wrapper .copyright,
.footer-wrapper .copyright a {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.4);
	font-family: "light";
	font-weight: 100
}

.footer-wrapper .copyright {
	line-height: 24px
}

.footer-wrapper .copyright a {
	transition: color .3s ease;
	-webkit-transition: color .3s ease;
	-moz-transition: color .3s ease;
	-ms-transition: color .3s ease;
	-o-transition: color .3s ease
}

.footer-wrapper .copyright a:hover {
	color: #fff
}

.footer-nav-box {
	width: 67.34%
}

.footer-nav-box ul {
	list-style-type: none;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	margin-bottom: 0
}

.footer-nav-box li {
	width: 20%;
	padding-right: 15px
}

.footer-nav-box li:last-child {
	padding-right: 0
}

.footer-nav-box li>a {
	font-family: "medium";
	color: #fff;
	line-height: 30px;
	font-size: var(--fs20);
	margin-bottom: .2rem
}

.footer-nav-box a {
	display: block;
	transition: color .48s ease;
	-webkit-transition: color .48s ease;
	-moz-transition: color .48s ease;
	-ms-transition: color .48s ease;
	-o-transition: color .48s ease
}

.footer-nav-box .navs a {
	font-family: "light";
	font-weight: 100;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: .1rem;
	color: rgba(255, 255, 255, 0.6)
}

.footer-nav-box .navs a:hover {
	color: #fff
}

.footer-nav-box .navs a:last-child {
	margin-bottom: 0
}

.shares a {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-right: .7rem
}

.shares a:last-child {
	margin-right: 0
}

.shares a.on .icon {
	opacity: 1
}

.shares a.on .hidebox {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0)
}

.shares .hidebox {
	position: absolute;
	left: 50%;
	margin-left: -65px;
	width: 130px;
	z-index: 10;
	bottom: 120%;
	border-radius: 5px;
	background: #fff;
	text-align: center;
	padding: 5px;
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-o-transform: translateY(10px)
}

.shares p {
	font-size: 14px;
	color: #666;
	font-family: "light";
	font-weight: 100;
	line-height: 24px;
	margin-top: 2px
}

.shares .icon {
	position: relative;
	padding-left: 36px;
	background: url(../image/right2.png) no-repeat left bottom;
	background-size: 25px;
	opacity: .8;
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease
}

.shares .icon img {
	width: auto;
	height: .51rem;
	display: block
}

.friendlink {
	position: relative;
	z-index: 10;
	width: 246px
}

.friendlink.on .caption {
	border-radius: 0
}

.friendlink .caption {
	color: rgba(255, 255, 255, 0.6);
	font-size: 14px;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 50px 0 18px;
	line-height: 46px;
	border-radius: 5px;
	border: solid 1px rgba(218, 218, 218, 0.4);
	background-image: url(../image/up.png);
	background-repeat: no-repeat;
	background-position: right 23px center
}

.friendlink .list {
	position: absolute;
	left: 0;
	bottom: 100%;
	z-index: 10;
	width: 100%;
	max-height: 264px;
	overflow-y: auto;
	border: solid 1px rgba(218, 218, 218, 0.4);
	border-bottom: none;
	background-color: #00338c;
	display: none
}

.friendlink .list::-webkit-scrollbar {
	width: 3px;
	background-color: rgba(0, 0, 0, 0.1)
}

.friendlink .list::-webkit-scrollbar-thumb {
	background-color: #fff
}

.friendlink .list a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 18px;
	line-height: 43px;
	font-size: 14px;
	background-color: #00338c;
	color: rgba(255, 255, 255, 0.6);
	border-bottom: 1px solid rgba(218, 218, 218, 0.4);
	transition: color .3s ease;
	-webkit-transition: color .3s ease;
	-moz-transition: color .3s ease;
	-ms-transition: color .3s ease;
	-o-transition: color .3s ease
}

.friendlink .list a:hover {
	color: #fff
}

.friendlink .list a:last-child {
	border-bottom: none
}

.links {
	font-size: 0
}

.links a {
	position: relative;
	font-size: 14px;
	padding-right: 12px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: top;
	line-height: 24px;
	transition: color .3s ease;
	-webkit-transition: color .3s ease;
	-moz-transition: color .3s ease;
	-ms-transition: color .3s ease;
	-o-transition: color .3s ease;
	color: rgba(255, 255, 255, 0.4)
}

.links a:hover {
	color: #fff
}

.links a:after {
	content: "";
	display: inline-block;
	position: absolute;
	right: 0;
	top: 5px;
	z-index: 1;
	width: 1px;
	height: 13px;
	background: rgba(255, 255, 255, 0.4)
}

.links a:last-child {
	margin-right: 0;
	padding-right: 0
}

.links a:last-child:after {
	display: none
}

@media screen and (min-width: 1004px) {
	.shares a:hover .icon {
		opacity: 1
	}

	.shares a:hover .hidebox {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0)
	}
}

@media (max-width: 1600px) {
	.shares .icon {
		background-size: .23rem
	}

	.shares .icon img {
		height: .48rem
	}

	.footer-wrapper .part-2 {
		padding-top: .6rem
	}

	.footer-wrapper {
		padding: .8rem 0
	}
}

@media (max-width: 1440px) {
	.shares .icon {
		padding-left: 32px
	}

	.shares .icon img {
		height: .44rem
	}

	.footer-wrapper .part-2 {
		padding-top: .5rem
	}

	.footer-wrapper {
		padding: .7rem 0
	}

	.footer-nav-box li>a {
		margin-bottom: .15rem
	}
}

@media (max-width: 1004px) {
	.footer-nav-box {
		display: none
	}

	.footer-wrapper .part-1,
	.footer-wrapper .part-2,
	.footer-wrapper .part-3 {
		display: block
	}

	.footer-wrapper .part-1 {
		padding-bottom: .3rem
	}

	.footer-wrapper .part-1 .caption {
		font-size: var(--fs24);
		line-height: .48rem;
		margin-bottom: .3rem
	}

	.footer-wrapper .part-2 {
		padding-top: 0;
		border-top: none
	}

	.footer-wrapper .part-2 .qrcode {
		width: 2rem;
		margin: 0 auto .7rem
	}

	.footer-wrapper .part-3 {
		margin-top: .48rem
	}

	.footer-wrapper .shares {
		padding-bottom: .48rem;
		margin-bottom: .6rem;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1)
	}

	.footer-wrapper .shares a {
		margin-right: .2rem
	}

	.footer-wrapper .tel-box {
		text-align: center
	}

	.footer-wrapper p {
		font-size: 14px
	}

	.footer-wrapper .tel {
		font-size: var(--fs48);
		line-height: .6rem
	}

	.footer-wrapper .copyright {
		line-height: 20px;
		text-align: center
	}

	.shares a {
		margin-right: .3rem
	}

	.shares .hidebox {
		margin-left: -65px;
		width: 130px;
		bottom: 120%
	}

	.shares p {
		font-size: 12px;
		line-height: 20px
	}

	.shares .icon {
		padding-left: 30px;
		background-size: 14px
	}

	.shares .icon img {
		height: .48rem
	}

	.friendlink {
		width: 60%;
		margin: 0 auto
	}

	.friendlink .caption {
		padding: 0 40px 0 15px;
		line-height: 40px;
		background-position: right 15px center
	}

	.friendlink .list {
		max-height: 370px
	}

	.friendlink .list a {
		padding: 0 15px;
		line-height: 36px
	}

	.links {
		text-align: center;
		margin-top: .2rem
	}
}

.index-banner-wrapper {
	position: relative
}

.index-banner-wrapper .index-banner-swiper .swiper-slide-active img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05)
}

.index-banner-wrapper .swiper-slide {
	overflow: hidden
}

.index-banner-wrapper .swiper-slide a {
	display: block
}

.index-banner-wrapper .swiper-slide img {
	display: block;
	width: 100%;
	transition: transform 6s ease;
	-webkit-transition: transform 6s ease;
	-moz-transition: transform 6s ease;
	-ms-transition: transform 6s ease;
	-o-transition: transform 6s ease
}

.index-banner-wrapper .swiper-slide img.phone {
	display: none
}

.index-banner-wrapper .swiper-slide video {
	width: 100%;
	object-fit: cover
}

.index-banner-wrapper .info {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	align-items: center
}

.index-banner-wrapper .info-2 {
	text-align: center;
	height: auto;
	top: auto;
	bottom: 1.5rem
}

.index-banner-wrapper .info-2 .title {
	font-size: var(--fs60);
	line-height: .7rem;
	color: #ffffff;
	animation-delay: .48s
}

.index-banner-wrapper .info-2 .title:after {
	display: none
}

.index-banner-wrapper .info-2 .title span {
	margin-right: .26rem
}

.index-banner-wrapper .info-2 .title span:last-child {
	margin-right: 0
}

.index-banner-wrapper .swiper-slide-active .ani {
	display: block
}

.index-banner-wrapper .ani {
	display: none
}

.index-banner-wrapper .title {
	font-size: var(--fs72);
	line-height: .84rem;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: .34rem;
	animation-delay: .48s
}

.index-banner-wrapper .title:after {
	content: "";
	display: block;
	margin-top: .3rem;
	width: 20px;
	height: 3px;
	background: #fff
}

.index-banner-wrapper .en {
	font-family: "light";
	font-weight: 100;
	font-size: var(--fs16);
	line-height: 24px;
	color: #ffffff;
	animation-delay: 1s
}

.index-banner-wrapper .swiper-pagination-bullet {
	width: .08rem;
	height: .08rem;
	background: rgba(255, 255, 255, 0.8);
	position: relative
}

.index-banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #fff
}

.index-banner-wrapper .swiper-pagination-bullet svg {
	width: .38rem;
	height: .38rem;
	position: absolute;
	top: 50%;
	margin-top: -0.19rem;
	left: 50%;
	margin-left: -0.19rem
}

.index-banner-wrapper .swiper-pagination-bullet svg:nth-child(2) {
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.index-banner-wrapper .swiper-pagination-bullet {
	fill: none
}

.index-banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__background {
	stroke: rgba(255, 255, 255, 0.2);
	stroke-width: 1
}

.index-banner-wrapper .circle-chart__circle {
	stroke-linecap: square;
	fill: none
}

.index-banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle {
	stroke: #fff;
	stroke-width: 2;
	stroke-linecap: square;
	fill: none;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform-origin: center;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	-moz-transform-origin: center
}

.index-banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle {
	animation: circle-chart-fill 3.8s linear reverse;
	-moz-animation: circle-chart-fill 3.8s linear reverse;
	-webkit-animation: circle-chart-fill 3.8s linear reverse;
	-ms-animation: circle-chart-fill 3.8s linear reverse
}

.index-banner-wrapper .swiper-pagination-bullet.one.swiper-pagination-bullet-active .circle-chart__circle {
	animation: circle-chart-fill 2.4s linear reverse;
	-moz-animation: circle-chart-fill 2.4s linear reverse;
	-webkit-animation: circle-chart-fill 2.4s linear reverse;
	-ms-animation: circle-chart-fill 2.4s linear reverse
}

.index-banner-wrapper .swiper-pagination {
	bottom: .65rem
}

.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet {
	margin: 0 .18rem;
	opacity: 1
}

.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet:focus,
.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet:active,
.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet:link {
	outline: none
}

.index-banner-wrapper .play {
	position: absolute;
	left: calc((100% - var(--mainW)) / 2);
	bottom: .8rem;
	z-index: 10;
	width: 1.05rem;
	height: 1.05rem;
	box-shadow: 2px 12px 51px 0 rgba(255, 255, 255, 0.56);
	border-radius: 50%
}

.index-banner-wrapper .play:before,
.index-banner-wrapper .play:after {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 50%;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.5);
	animation: iconScale 4s linear infinite;
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease;
	opacity: 0
}

.index-banner-wrapper .play:after {
	background: rgba(255, 255, 255, 0.2);
	animation-delay: .8s
}

.index-banner-wrapper .play i {
	position: relative;
	z-index: 10;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../image/play.png)
}

.page-banner-wrapper {
	position: relative;
	overflow: hidden;
	background-color: #000
}

.page-banner-wrapper .info {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10
}

.page-banner-wrapper .pic {
	position: relative;
	z-index: 1;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.page-banner-wrapper .pic:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.2);
	z-index: 10
}

.page-banner-wrapper .pic img {
	opacity: 0;
	visibility: hidden
}

.page-banner-wrapper .info {
	z-index: 10;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	align-items: center;
	padding-top: 1rem
}

.page-banner-wrapper .title {
	font-size: var(--fs72);
	line-height: .9rem;
	color: #fff;
	font-weight: 700;
	margin-bottom: 0
}

.page-banner-wrapper .desc {
	font-size: var(--fs18);
	line-height: 24px;
	color: #ffffff;
	font-weight: 700;
	margin-top: .1rem
}

.btn-box {
	margin-top: .54rem
}

.btn-box a {
	display: block;
	width: 2.4rem;
	height: var(--btnH);
	line-height: var(--btnH);
	background-color: #ffffff;
	border-radius: calc(var(--btnH) / 2);
	text-align: center;
	font-size: var(--fs18);
	padding: 0 15px;
	color: #00338c;
	margin: 0 0 .1rem
}

.btn-box a:last-child {
	margin-bottom: 0
}

.btn-box a:hover {
	color: #fff;
	background-color: #00338c
}

.btn-box a:hover:after {
	background-position: right center;
	transform: translateX(6px);
	-webkit-transform: translateX(6px);
	-moz-transform: translateX(6px);
	-ms-transform: translateX(6px);
	-o-transform: translateX(6px)
}

.btn-box a:after {
	content: "";
	display: inline-block;
	margin-left: .2rem;
	width: 5px;
	height: 9px;
	vertical-align: middle;
	position: relative;
	top: -1px;
	background: url(../image/right3.png) no-repeat left center;
	background-size: 10px;
	transition: transform .48s ease;
	-webkit-transition: transform .48s ease;
	-moz-transition: transform .48s ease;
	-ms-transition: transform .48s ease;
	-o-transition: transform .48s ease
}

@media screen and (min-width: 1004px) {
	.page-banner-wrapper .btn-box {
		margin-top: .4rem
	}

	.page-banner-wrapper .btn-box a {
		margin-bottom: .2rem
	}

	.page-banner-wrapper .btn-box a:last-child {
		margin-bottom: 0
	}

	.page-nav-wrapper {
		position: relative;
		z-index: 20;
		background-color: #fff;
		width: 100%
	}

	.page-nav-wrapper:after {
		content: "";
		width: 100%;
		height: 1px;
		background-color: #e6e6e6;
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 1
	}

	.page-nav-wrapper .intruction-caption {
		display: none
	}

	.page-nav-wrapper .box-container {
		width: 100%;
		padding: 0 1rem
	}

	.page-nav-wrapper .nav {
		position: relative;
		z-index: 2;
		font-size: 0;
		display: flex;
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		justify-content: center
	}

	.page-nav-wrapper .nav>a {
		position: relative;
		font-size: var(--fs18);
		line-height: 1rem;
		text-align: center;
		transition: all .5s ease;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		-o-transition: all .5s ease;
		margin-right: .9rem;
		color: #333
	}

	.page-nav-wrapper .nav>a:last-child {
		margin-right: 0
	}

	.page-nav-wrapper .nav>a:last-child:after {
		display: none
	}

	.page-nav-wrapper .nav>a.on,
	.page-nav-wrapper .nav>a:hover {
		color: #00338c
	}

	.page-nav-wrapper .nav>a.on {
		font-family: "medium"
	}

	.page-nav-wrapper .nav>a.on:before {
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1)
	}

	.page-nav-wrapper .nav>a:before {
		content: "";
		display: block;
		width: 100%;
		height: 2px;
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 0;
		transform: scale(0);
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		background-color: #00338c;
		transition: all .3s ease;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-ms-transition: all .3s ease;
		-o-transition: all .3s ease
	}
}

@media (max-width: 1600px) {
	.page-banner-wrapper .info {
		padding-top: .9rem
	}

	.page-banner-wrapper .title {
		font-size: .68rem;
		line-height: .8rem
	}

	.btn-box {
		margin-top: .48rem
	}

	.page-nav-wrapper .nav>a {
		line-height: .9rem;
		margin-right: .6rem
	}

	.index-banner-wrapper .play {
		width: 1rem;
		height: 1rem
	}
}

@media (max-width: 1440px) {
	.page-nav-wrapper .nav>a {
		font-size: var(--fs20)
	}

	.page-banner-wrapper .title {
		font-size: .64rem;
		line-height: .76rem
	}

	.btn-box a {
		width: 2.3rem
	}

	.page-nav-wrapper .nav>a {
		line-height: .8rem;
		margin-right: .48rem
	}
}

@media (max-width: 1366px) {
	.page-banner-wrapper .title {
		font-size: .6rem;
		line-height: .7rem
	}
}

@media (max-width: 1004px) {
	.page-nav-wrapper {
		position: relative;
		padding: 0;
		height: auto;
		margin-top: 0;
		top: 0;
		width: 100%;
		z-index: 20;
		background: #f4f4f4
	}

	.page-nav-wrapper .box-container {
		height: auto;
		padding: 0
	}

	.page-nav-wrapper .intruction-caption {
		position: relative;
		display: block;
		line-height: .88rem;
		padding: 0 .3rem;
		background: #00338c;
		color: #fff;
		font-size: .26rem
	}

	.page-nav-wrapper .intruction-caption.extend:after {
		transform: rotateX(180deg)
	}

	.page-nav-wrapper .intruction-caption:after {
		display: inline-block;
		position: absolute;
		right: .3rem;
		top: 0;
		z-index: 10;
		content: "";
		width: .26rem;
		height: 100%;
		background: url(../image/down.png) no-repeat center center;
		background-size: contain
	}

	.page-nav-wrapper .nav {
		position: absolute;
		left: 0;
		top: 100%;
		z-index: 10;
		width: 100%;
		background: #f7f8f9;
		display: none
	}

	.page-nav-wrapper .nav a {
		display: block;
		width: 100%;
		text-align: left;
		line-height: .84rem;
		padding: 0 .3rem;
		font-size: .26rem;
		border-top: 1px solid #f2f2f2
	}

	.page-nav-wrapper .nav a:first-child {
		border-top: none
	}

	.page-nav-wrapper .nav>a.on,
	.page-nav-wrapper .nav>a:hover {
		background: none
	}

	.page-nav-wrapper .nav>a:after {
		display: none
	}

	.page-banner-wrapper .pic img {
		height: 5.6rem;
		object-fit: cover
	}

	.page-banner-wrapper .info {
		padding-top: 1.2rem
	}

	.page-banner-wrapper .title {
		font-size: var(--fs50);
		line-height: .7rem
	}

	.page-banner-wrapper .title:after {
		width: 20px;
		height: 2px;
		margin-top: .16rem
	}

	.page-banner-wrapper .desc {
		font-size: var(--fs18);
		line-height: .44rem;
		margin-top: .24rem
	}

	.btn-box {
		margin-top: .4rem;
		display: flex;
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox
	}

	.btn-box a {
		width: 2.6rem;
		font-size: var(--fs18);
		margin: 0 .24rem 0 0
	}

	.btn-box a:after {
		margin-left: .24rem
	}

	.index-banner-wrapper .swiper-slide img {
		display: none
	}

	.index-banner-wrapper .swiper-slide img.phone {
		display: block
	}

	.index-banner-wrapper .info-2 {
		bottom: 1.8rem
	}

	.index-banner-wrapper .info-2 .title {
		font-size: var(--fs36)
	}

	.index-banner-wrapper .info-2 .title span {
		margin-right: .2rem
	}

	.index-banner-wrapper .title {
		font-size: var(--fs60)
	}

	.index-banner-wrapper .swiper-pagination-bullet svg {
		width: .48rem;
		height: .48rem;
		margin-top: -0.24rem;
		margin-left: -0.24rem
	}

	.index-banner-wrapper .swiper-pagination {
		bottom: .6rem
	}

	.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet {
		margin: 0 .24rem
	}

	.index-banner-wrapper .play {
		left: .3rem;
		bottom: .6rem
	}
}

.pt120 {
	padding-top: 1.2rem
}

.pb120 {
	padding-bottom: 1.2rem
}

.mt100 {
	margin-top: 1rem
}

.padding {
	padding: 1.2rem 0 1.4rem
}

.page-title-box {
	margin-bottom: .6rem
}

.page-title-box.white .title,
.page-title-box.white .brief,
.page-title-box.white .desc {
	color: #fff
}

.page-title-box.txt-center .brief {
	margin-left: auto;
	margin-right: auto
}

.page-title-box .title {
	font-size: var(--fs60);
	color: #000;
	line-height: .7rem;
	margin-bottom: 0;
	font-weight: 700;
	font-family: "medium"
}

.page-title-box .brief {
	font-size: var(--fs18);
	line-height: .36rem;
	color: #666;
	width: 69%;
	margin-top: 5px;
	text-transform: capitalize
}

.join-wrapper-1 .main {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	border-radius: .1rem;
	overflow: hidden
}

.join-wrapper-1 .pic:hover img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05)
}

.join-wrapper-1 .info,
.join-wrapper-1 .pic {
	width: 50%
}

.join-wrapper-1 .info {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	align-items: center;
	background-color: #f6f8fa;
	padding: 1rem 1.4rem 1rem 1rem
}

.join-wrapper-1 .info .title {
	font-size: var(--fs34);
	line-height: .48rem;
	color: #333;
	margin-bottom: .2rem
}

.join-wrapper-1 .inner {
	width: 100%
}

.join-wrapper-1 .desc {
	font-size: var(--fs18);
	color: #666;
	font-family: "light";
	font-weight: 100;
	line-height: .32rem
}

.join-wrapper-2 .main {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox
}

.join-wrapper-2 .item {
	position: relative;
	width: 34.64%;
	margin-right: 20px;
	transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease
}

.join-wrapper-2 .item:last-child {
	margin-right: 0
}

.join-wrapper-2 .item.on {
	width: 67.88%
}

.join-wrapper-2 .item.on .pic:after {
	opacity: .6
}

.join-wrapper-2 .item.on .ani {
	display: block
}

.join-wrapper-2 .item.on .pic .name {
	opacity: 0;
	visibility: hidden;
	transform: translateY(5px);
	-webkit-transform: translateY(5px);
	-moz-transform: translateY(5px);
	-ms-transform: translateY(5px);
	-o-transform: translateY(5px)
}

.join-wrapper-2 .item:hover .pic img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05)
}

.join-wrapper-2 .pic {
	border-radius: .1rem;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	height: 7rem
}

.join-wrapper-2 .pic:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	opacity: .5;
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease;
	background: url(../image/joinbg.png) repeat-x left bottom
}

.join-wrapper-2 .name {
	font-size: var(--fs36);
	line-height: .48rem;
	color: #fff;
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease
}

.join-wrapper-2 .pic .name,
.join-wrapper-2 .info {
	position: absolute;
	left: 0;
	z-index: 10;
	bottom: .42rem;
	width: 100%;
	padding: 0 1rem 0 .6rem
}

.join-wrapper-2 .info .name {
	animation-delay: .15s
}

.join-wrapper-2 .ani {
	display: none
}

.join-wrapper-2 .desc {
	font-family: "light";
	font-weight: 100;
	line-height: 32px;
	font-size: var(--fs20);
	color: #fff;
	animation-delay: .3s;
	margin-top: .2rem
}

.join-wrapper-2 .desc b {
	font-family: "medium";
	font-weight: 500
}

.active-box .swiper-slide {
	width: calc((100% - .92rem) / 3);
	margin-right: .46rem
}

.active-box .swiper-slide:last-child {
	margin-right: 0
}

.active-box .swiper-slide:hover .pic img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05)
}

.active-box .swiper-slide:hover .name {
	color: #00338c
}

.active-box .pic {
	border-radius: .1rem
}

.active-box .pic img {
	height: 2.8rem;
	object-fit: cover
}

.active-box .info {
	margin-top: .3rem;
	padding-right: .74rem
}

.active-box .time {
	font-size: 16px;
	line-height: 24px;
	color: #2e2624;
	opacity: .32;
	font-family: "mm";
	margin-bottom: .06rem
}

.active-box .name {
	font-size: var(--fs20);
	height: 60px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	line-height: 30px;
	color: #333333
}

.active-box .page-more {
	margin-top: .54rem
}

.swiper-container .base-swiper-pagination {
	display: block;
	bottom: 0;
	font-size: 0;
	width: 100%;
	text-align: center
}

.swiper-container .base-swiper-pagination .swiper-pagination-bullet {
	opacity: 1;
	background: #ccc;
	margin: 0 .1rem;
	width: 7px;
	height: 7px;
	border: none;
	transition: width .5s ease;
	-webkit-transition: width .5s ease;
	-moz-transition: width .5s ease;
	-ms-transition: width .5s ease;
	-o-transition: width .5s ease
}

.swiper-container .base-swiper-pagination .swiper-pagination-bullet:link,
.swiper-container .base-swiper-pagination .swiper-pagination-bullet:visited,
.swiper-container .base-swiper-pagination .swiper-pagination-bullet:active,
.swiper-container .base-swiper-pagination .swiper-pagination-bullet:focus {
	outline: none
}

.swiper-container .base-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #00338c;
	width: .4rem;
	border-radius: 20px
}

.page-more {
	display: inline-block;
	background: #00338c;
	height: var(--btnH);
	line-height: var(--btnH);
	min-width: 1.6rem;
	padding: 0 15px;
	font-size: 16px;
	border-radius: calc(var(--btnH) / 2)
}

.page-more:hover {
	color: #fff
}

.page-more:hover:after {
	transform: translateX(6px);
	-webkit-transform: translateX(6px);
	-moz-transform: translateX(6px);
	-ms-transform: translateX(6px);
	-o-transform: translateX(6px)
}

.page-more:after {
	content: "";
	display: inline-block;
	margin-left: .2rem;
	width: 5px;
	height: 9px;
	vertical-align: middle;
	position: relative;
	top: -1px;
	background: url(../image/right3.png) no-repeat right center;
	background-size: 10px;
	transition: transform .48s ease;
	-webkit-transition: transform .48s ease;
	-moz-transition: transform .48s ease;
	-ms-transition: transform .48s ease;
	-o-transition: transform .48s ease
}

.page-more.submit {
	min-width: 1.7rem;
	line-height: .56rem;
	height: .56rem;
	border-radius: .28rem
}

.page-more.submit:after {
	display: none
}

@media screen and (min-width: 1004px) {

	.phoneswiper .swiper-container,
	.phoneswiper .swiper-wrapper {
		overflow: inherit
	}
}

@media (max-width: 1600px) {
	.pt120 {
		padding-top: 1.1rem
	}

	.pb120 {
		padding-bottom: 1.1rem
	}

	.padding {
		padding: 1.1rem 0 1.3rem
	}

	.join-wrapper-1 .info {
		padding-right: 1.3rem
	}

	.join-wrapper-2 .pic .name,
	.join-wrapper-2 .info {
		padding-left: .56rem;
		padding-right: .9rem
	}

	.join-wrapper-2 .desc {
		margin-top: .12rem
	}
}

@media (max-width: 1440px) {
	.join-wrapper-1 .info {
		padding: .9rem 1.2rem .9rem .9rem
	}
}

@media (max-width: 1004px) {
	.pt120 {
		padding-top: 1rem
	}

	.pb120 {
		padding-bottom: 1rem
	}

	.padding {
		padding: 1rem 0 1.2rem
	}

	.page-title-box {
		margin-bottom: .48rem
	}

	.page-title-box .title {
		font-size: var(--fs48);
		line-height: .6rem
	}

	.page-title-box .brief {
		line-height: .48rem;
		width: 100%
	}

	.page-more.submit {
		min-width: 2.2rem;
		line-height: var(--btnH);
		height: var(--btnH);
		border-radius: calc(var(--btnH) / 2)
	}

	.join-wrapper-1 .main {
		display: block
	}

	.join-wrapper-1 .info,
	.join-wrapper-1 .pic {
		width: 100%
	}

	.join-wrapper-1 .info {
		padding: .6rem
	}

	.join-wrapper-1 .info .title {
		line-height: .56rem
	}

	.join-wrapper-1 .desc {
		line-height: .48rem
	}

	.join-wrapper-2 .main {
		display: block
	}

	.join-wrapper-2 .item {
		width: 100%;
		margin-right: 0;
		margin-bottom: .3rem
	}

	.join-wrapper-2 .item:last-child {
		margin-bottom: 0
	}

	.join-wrapper-2 .item.on {
		width: 100%
	}

	.join-wrapper-2 .item:hover .pic:after {
		opacity: 1
	}

	.join-wrapper-2 .item:hover .ani {
		display: block
	}

	.join-wrapper-2 .item:hover .pic .name {
		opacity: 0;
		visibility: hidden;
		transform: translateY(5px);
		-webkit-transform: translateY(5px);
		-moz-transform: translateY(5px);
		-ms-transform: translateY(5px);
		-o-transform: translateY(5px)
	}

	.join-wrapper-2 .pic {
		height: auto
	}

	.join-wrapper-2 .pic:after {
		background-size: 100% 100%;
		opacity: .6
	}

	.join-wrapper-2 .name {
		font-size: var(--fs30)
	}

	.join-wrapper-2 .pic .name,
	.join-wrapper-2 .info {
		bottom: .4rem;
		padding: 0 .4rem
	}

	.join-wrapper-2 .desc {
		line-height: .44rem;
		font-size: var(--fs16);
		max-height: 3.08rem;
		overflow-y: auto;
		padding-right: 14px;
		margin-top: .1rem
	}

	.join-wrapper-2 .desc::-webkit-scrollbar {
		width: 3px;
		background-color: #f7f8f9
	}

	.join-wrapper-2 .desc::-webkit-scrollbar-thumb {
		background-color: #00338c
	}

	.join-wrapper-3 .box-container {
		padding: 0
	}

	.join-wrapper-3 .swiper-container {
		padding-left: .3rem;
		padding-right: .3rem
	}

	.active-box .swiper-container {
		padding-bottom: .6rem
	}

	.active-box .swiper-slide {
		width: 60%;
		margin-right: .3rem
	}

	.active-box .pic img {
		height: auto
	}

	.active-box .info {
		padding-right: .48rem
	}

	.active-box .time {
		line-height: .44rem
	}

	.active-box .name {
		font-size: var(--fs24);
		height: .96rem;
		line-height: .48rem
	}

	.active-box .page-more {
		margin-top: .7rem
	}

	.page-more {
		min-width: 2.2rem;
		font-size: var(--fs16)
	}
}

.contact-box {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	flex-flow: wrap;
	justify-content: center
}

.contact-box .item {
	width: calc((100% - 1.08rem) / 4);
	background-color: #ffffff;
	box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.08);
	border-radius: .1rem;
	margin-right: .36rem;
	text-align: center;
	padding: .7rem .66rem .8rem
}

.contact-box .item:hover .icon img {
	transform: rotateY(180deg)
}

.contact-box .item:hover .icon:before {
	opacity: 1;
	visibility: visible;
	animation: iconScale2 1s linear
}

.contact-box .item:hover .icon:after {
	opacity: 1;
	visibility: visible;
	animation: iconScale2 1s .4s linear
}

.contact-box .icon {
	position: relative;
	width: 1.05rem;
	height: 1.05rem;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	background: #00338c;
}

.contact-box .icon:before,
.contact-box .icon:after {
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 1px solid rgba(0, 51, 140, 0.4);
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease;
	opacity: 0;
	visibility: hidden
}

.contact-box .icon img {
	max-width:0.4rem;
	display: block;
	width: 100%;
	position: relative;
	z-index: 10;
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease
}

.contact-box .name {
	font-size: var(--fs18);
	line-height: 24px;
	color: #262323;
	font-family: "medium";
	margin: .36rem auto .1rem
}

.contact-box .address,
.contact-box .tel {
	font-family: "light";
	font-weight: 100;
	line-height: 28px;
	color: #808080
}

.contact-box .address {
	font-size: var(--fs18)
}

.contact-box .tel {
	font-size: var(--fs20)
}

.contact-wrapper-2 {
	background: url(../image/contactbg.jpg) no-repeat center bottom;
	background-size: cover;
	margin-top: .3rem
}

.contact-wrapper-2 .form {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	flex-flow: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.contact-wrapper-2 .group {
	margin-top: 20px;
	width: calc((100% - 20px) / 2)
}

.contact-wrapper-2 .group:nth-child(-n+2) {
	margin-top: 0
}

.contact-wrapper-2 .group.max {
	width: 100%
}

.contact-wrapper-2 .group:last-child {
	margin-top: .5rem
}

.contact-wrapper-2 .text,
.contact-wrapper-2 .msg {
	width: 100%;
	background-color: #ffffff;
	border-radius: 5px;
	border: solid 1px #ededed;
	font-size: 16px;
	padding-left: .3rem;
	padding-right: .3rem;
	font-family: "light";
	font-weight: 100;
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease
}

.contact-wrapper-2 .text:focus,
.contact-wrapper-2 .msg:focus {
	border-color: #00338c
}

.contact-wrapper-2 ::-webkit-input-placeholder {
	color: #666;
	font-size: 16px
}

.contact-wrapper-2 :-moz-placeholder {
	color: #666;
	font-size: 16px
}

.contact-wrapper-2 ::-moz-placeholder {
	color: #666;
	font-size: 16px
}

.contact-wrapper-2 :-ms-input-placeholder {
	color: #666;
	font-size: 16px
}

.contact-wrapper-2 .text {
	height: 55px;
	line-height: 53px
}

.contact-wrapper-2 .msg {
	resize: none;
	height: 2rem;
	line-height: 30px;
	padding-top: 12px;
	padding-bottom: 12px;
	font-family: inherit
}

@media screen and (min-width: 1004px) {
	.contact-box .item:nth-child(-n+4) {
		margin-top: 0
	}

	.contact-box .item:nth-child(4n),
	.contact-box .item:last-child {
		margin-right: 0
	}
}

@media (max-width: 1600px) {
	.contact-box .item {
		padding: .6rem .48rem
	}

	.contact-wrapper-2 .text {
		height: 52px;
		line-height: 50px
	}

	.contact-box .name,
	.contact-box .address {
		font-size: var(--fs17)
	}

	.contact-box .address,
	.contact-box .tel {
		line-height: 26px
	}
}

@media (max-width: 1440px) {
	.contact-box .icon {
		width: 1rem;
		height: 1rem
	}

	.contact-box .item {
		padding-left: .4rem;
		padding-right: .4rem
	}
}

@media (max-width: 1366px) {
	.contact-box .item {
		padding-left: .3rem;
		padding-right: .3rem
	}
}

@media (max-width: 1004px) {
	.contact-box {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		align-items: flex-start
	}

	.contact-box .item {
		width: calc((100% - .3rem) / 2);
		margin-right: 0;
		padding: .6rem .4rem;
		margin-top: 0
	}

	.contact-box .item:nth-child(even) {
		margin-top: .4rem
	}

	.contact-box .name {
		font-size: var(--fs20);
		line-height: .48rem;
		margin-bottom: .12rem
	}

	.contact-box .address,
	.contact-box .tel {
		line-height: 24px
	}

	.contact-wrapper-2 {
		margin-top: 0
	}

	.contact-wrapper-2 .form {
		display: block
	}

	.contact-wrapper-2 .group {
		margin-top: .3rem;
		width: 100%
	}

	.contact-wrapper-2 .group:nth-child(2) {
		margin-top: .3rem
	}

	.contact-wrapper-2 .group:last-child {
		margin-top: .6rem
	}

	.contact-wrapper-2 .text,
	.contact-wrapper-2 .msg {
		font-size: var(--fs16)
	}

	.contact-wrapper-2 ::-webkit-input-placeholder {
		color: #666;
		font-size: var(--fs16)
	}

	.contact-wrapper-2 :-moz-placeholder {
		color: #666;
		font-size: var(--fs16)
	}

	.contact-wrapper-2 ::-moz-placeholder {
		color: #666;
		font-size: var(--fs16)
	}

	.contact-wrapper-2 :-ms-input-placeholder {
		color: #666;
		font-size: var(--fs16)
	}

	.contact-wrapper-2 .text {
		height: .8rem;
		line-height: calc(.8rem - 2px)
	}

	.contact-wrapper-2 .msg {
		height: 2rem;
		line-height: 24px;
		padding-top: 10px;
		padding-bottom: 10px
	}
}

.tab-box {
	margin-bottom: .7rem;
	position: relative;
	z-index: 11
}

.tab-box ul {
	list-style-type: none;
	margin-bottom: 0;
	font-size: 0
}

.tab-box li {
	display: inline-block;
	margin-right: .4rem
}

.tab-box li:last-child {
	margin-right: 0
}

.tab-box li:last-child:after {
	display: none
}

.tab-box li.on a {
	color: #00338c;
	font-family: "regular"
}

.tab-box li.on a:after {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1)
}

.tab-box li a {
	display: inline-block;
	font-size: var(--fs20);
	font-family: "light";
	font-weight: 100;
	color: rgba(0, 0, 0, 0.6);
	line-height: 24px;
	position: relative;
	padding-bottom: .14rem;
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease
}

.tab-box li a:after {
	content: "";
	width: 100%;
	height: 2px;
	background: #00338c;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease;
	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0)
}

html.act {
	height: 100vh;
	overflow: hidden
}

.video-modal-wrapper {
	position: fixed;
	display: table;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 110;
	transform: scale(0);
	-webkit-transform: scale(0)
}

.video-modal-wrapper.one {
	transform: scaleY(.01) scaleX(0);
	animation: unfoldIn 1s cubic-bezier(.165, .84, .44, 1) forwards;
	-webkit-transform: scaleY(.01) scaleX(0);
	-webkit-animation: unfoldIn 1s cubic-bezier(.165, .84, .44, 1) forwards
}

.video-modal-wrapper.one.out {
	transform: scale(1);
	animation: unfoldOut 1s .3s cubic-bezier(.165, .84, .44, 1) forwards;
	-webkit-transform: scale(1);
	-webkit-animation: unfoldOut 1s .3s cubic-bezier(.165, .84, .44, 1) forwards
}

.video-modal-wrapper.one.out .w1200 {
	animation: zoomOut .5s cubic-bezier(.165, .84, .44, 1) forwards;
	-webkit-animation: zoomOut .5s cubic-bezier(.165, .84, .44, 1) forwards
}

.video-modal-wrapper.one .w1200 {
	transform: scale(0);
	animation: mzoomIn .5s .8s cubic-bezier(.165, .84, .44, 1) forwards;
	-webkit-transform: scale(0);
	-webkit-animation: mzoomIn .5s .8s cubic-bezier(.165, .84, .44, 1) forwards
}

.video-modal-wrapper .main {
	display: table-cell;
	background: rgba(0, 0, 0, 0.7);
	text-align: center;
	vertical-align: middle
}

.video-modal-wrapper .w1200 {
	text-align: center
}

.video-modal-wrapper .w1200 video {
	max-width: 100%;
	height: auto;
	display: inline-block;
	margin: 0 auto;
	max-height: 80vh;
	width: auto
}

.video-modal-wrapper .box {
	position: relative;
	display: inline-block
}

.video-modal-wrapper .close {
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0;
	top: -0.4rem;
	z-index: 10;
	transition: transform .3s ease;
	-webkit-transition: transform .3s ease;
	-moz-transition: transform .3s ease;
	-ms-transition: transform .3s ease;
	-o-transition: transform .3s ease
}

.video-modal-wrapper .close:hover {
	transform: rotate(90deg)
}

.video-modal-wrapper iframe {
	width: 12rem;
	height: 80vh
}

@keyframes unfoldIn {
	0% {
		transform: scaleY(.005) scaleX(0)
	}

	50% {
		transform: scaleY(.005) scaleX(1)
	}

	100% {
		transform: scaleY(1) scaleX(1)
	}
}

@keyframes mzoomIn {
	0% {
		transform: scale(0)
	}

	100% {
		transform: scale(1)
	}
}

@keyframes unfoldOut {
	0% {
		transform: scaleY(1) scaleX(1)
	}

	50% {
		transform: scaleY(.005) scaleX(1)
	}

	100% {
		transform: scaleY(.005) scaleX(0)
	}
}

@keyframes zoomOut {
	0% {
		transform: scale(1)
	}

	100% {
		transform: scale(0)
	}
}

.video-wrapper {
	position: relative
}

.video-wrapper.showVideo .play,
.video-wrapper.showVideo img {
	display: none
}

.video-wrapper.showVideo video {
	display: block;
	animation: fadeIn .6s ease
}

.video-wrapper video {
	display: none;
	width: 100%
}

.video-wrapper .pic {
	border-radius: .1rem
}

.video-wrapper .play {
	width: .8rem;
	height: .8rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -0.4rem;
	margin-top: -0.4rem;
	cursor: pointer
}

.video-wrapper .play:before {
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 50%;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-image: url(../image/circle.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	animation: iconRotate 4s 1s linear infinite
}

.video-wrapper .play i {
	display: block;
	width: 40%;
	margin: 0 auto;
	height: 100%;
	position: relative;
	z-index: 10;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../image/play2.png)
}

@keyframes iconRotate {
	100% {
		transform: rotate(1turn)
	}
}

@media screen and (min-width: 1004px) {
	.box-container .tab-box {
		display: inline-block
	}

	.tab-box li a:hover {
		color: #00338c
	}
}

@media (max-width: 1600px) {
	.tab-box {
		margin-bottom: .6rem
	}
}

@media (max-width: 1004px) {
	.tab-box {
		margin-bottom: .48rem
	}

	.tab-box li {
		margin-right: .3rem
	}

	.tab-box li a {
		padding-bottom: .08rem;
		font-size: var(--fs22)
	}

	.tab-box li a:after {
		height: 1px
	}
}

.main {
	position: relative
}

.top-box {
	position: relative;
	z-index: 10;
	margin-bottom: .56rem;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: center
}

.top-box .tab-box {
	margin-bottom: 0
}

.form-wrapper.position {
	margin-top: -0.7rem
}

.form-wrapper.position .form-box {
	top: -50px
}

.form-box {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	position: relative;
	z-index: 10;
	justify-content: flex-end
}

.form-box .group {
	position: relative;
	margin-right: 16px
}

.form-box .group:last-child {
	margin-right: 0
}

.form-box .caption {
	position: relative;
	width: 240px;
	cursor: pointer
}

.form-box .caption.on:after {
	transform: rotate(180deg)
}

.form-box .caption:after {
	display: inline-block;
	content: "";
	background-image: url(../image/down2.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	width: 9px;
	height: 100%;
	vertical-align: middle;
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease;
	position: absolute;
	right: 20px;
	top: 0;
	z-index: 1
}

.form-box .list {
	position: absolute;
	left: 0;
	top: 115%;
	z-index: 10;
	width: 100%;
	background: #fff;
	box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	max-height: 480px;
	overflow-y: auto;
	display: none
}

.form-box .list::-webkit-scrollbar {
	width: 4px
}

.form-box .list::-webkit-scrollbar-track {
	background-color: #eaeaea
}

.form-box .list::-webkit-scrollbar-thumb {
	background-color: #00338c
}

.form-box .list a {
	display: block;
	line-height: 48px;
	padding: 0 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
	color: #666;
	font-family: "light";
	font-weight: 100;
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05)
}

.form-box .list a:last-child {
	border: none
}

.form-box .list a:not(.on):hover {
	color: #fff;
	border-color: #fff;
	background: #00338c
}

.form-box .list a.on {
	color: #00338c
}

.form-box .caption,
.form-box .text {
	font-family: "light";
	font-weight: 100;
	font-size: 16px;
	height: 62px;
	line-height: 62px;
	border-radius: 5px;
	color: #666;
	padding-left: 20px;
	padding-right: .8rem;
	background-color: #f6f6f6
}

.form-box .text {
	width: 320px;
	transition: color .48s ease;
	-webkit-transition: color .48s ease;
	-moz-transition: color .48s ease;
	-ms-transition: color .48s ease;
	-o-transition: color .48s ease
}

.form-box ::-webkit-input-placeholder {
	color: #666;
	font-size: 16px
}

.form-box :-moz-placeholder {
	color: #666;
	font-size: 16px
}

.form-box ::-moz-placeholder {
	color: #666;
	font-size: 16px
}

.form-box :-ms-input-placeholder {
	color: #666;
	font-size: 16px
}

.form-box .search {
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -11px;
	width: 22px;
	z-index: 10
}

.form-box .search svg path {
	fill: #00338c
}

.news-box .item {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: center;
	position: relative;
	cursor: pointer;
	padding-bottom: .7rem;
	margin-bottom: .7rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08)
}

.news-box .item:last-child {
	margin-bottom: 0
}

.news-box .item:after {
	content: "";
	width: 100%;
	height: .03rem;
	background: #00338c;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	opacity: 0;
	visibility: hidden;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease
}

.news-box .item:hover:after {
	opacity: 1;
	visibility: visible
}

.news-box .item:hover .pic img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05)
}

.news-box .item:hover .title {
	color: #00338c
}

.news-box .item:hover .imore:after {
	opacity: 1;
	visibility: visible;
	animation: iconScale 1.5s linear infinite
}

.news-box .pic {
	width: 472px;
	border-radius: 10px
}

.news-box .info {
	padding-left: .68rem;
	width: calc(100% - 472px)
}

.news-box .date {
	font-size: 16px;
	line-height: 24px;
	color: #c5c8ca;
	margin-bottom: .28rem;
	font-family: "mr"
}

.news-box .title {
	font-family: "medium";
	font-size: var(--fs24);
	line-height: .36rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	height: .36rem;
	transition: color .48s ease;
	-webkit-transition: color .48s ease;
	-moz-transition: color .48s ease;
	-ms-transition: color .48s ease;
	-o-transition: color .48s ease
}

.news-box .desc {
	font-size: var(--fs16);
	line-height: .3rem;
	color: #666666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	max-height: .6rem;
	margin: .1rem auto .5rem
}

.imore {
	display: block;
	position: relative;
	width: 44px;
	height: 44px;
	line-height: 44px;
	border-radius: 50%;
	text-align: center;
	cursor: pointer;
	background: #00338c
}

.imore:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 81, 153, 0.4);
	border-radius: 50%;
	opacity: 0;
	visibility: hidden
}

.imore i {
	display: block;
	position: relative;
	z-index: 10;
	width: 5px;
	height: 100%;
	margin: 0 auto;
	background: url(../image/right3.png) no-repeat right center;
	background-size: 10px
}

.newsinfo-wrapper .top {
	padding-bottom: .45rem
}

.newsinfo-wrapper .title {
	font-size: var(--fs36);
	color: #222;
	line-height: .5rem;
	margin-bottom: .3rem;
	font-family: "medium"
}

.newsinfo-wrapper .other {
	font-size: 0
}

.newsinfo-wrapper .other span {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #999;
	line-height: 24px;
	margin-right: .18rem
}

.newsinfo-wrapper .other span:before {
	content: "";
	background-image: url(../image/ni-icon.png);
	background-repeat: no-repeat;
	background-size: 53px;
	display: inline-block;
	margin-right: 8px;
	vertical-align: middle;
	position: relative;
	top: -1px;
	height: 16px
}

.newsinfo-wrapper .other .views:before {
	width: 18px;
	background-position: left top
}

.newsinfo-wrapper .other .share:before {
	width: 17px;
	background-position: left -20px top
}

.newsinfo-wrapper .other .time:before {
	width: 14px;
	background-position: right top
}

.newsinfo-wrapper .content {
	padding: .6rem 0;
	font-size: var(--fs18);
	font-family: "light";
	font-weight: 100;
	line-height: .36rem;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	border-bottom: 1px solid rgba(0, 0, 0, 0.08)
}

.newsinfo-wrapper .content p {
	min-height: .36rem
}

.newsinfo-wrapper .relative-btn {
	margin-top: .52rem
}

.newsinfo-wrapper .relative-btn p {
	margin-bottom: 6px;
	line-height: 30px;
	font-family: "light";
	font-weight: 100
}

.newsinfo-wrapper .relative-btn p:last-child {
	margin-bottom: 0
}

.newsinfo-wrapper .relative-btn p:hover {
	color: #00338c
}

.newsinfo-wrapper .relative-btn p:hover b,
.newsinfo-wrapper .relative-btn p:hover a {
	color: #00338c
}

.newsinfo-wrapper .relative-btn p,
.newsinfo-wrapper .relative-btn p a,
.newsinfo-wrapper .relative-btn p b {
	font-size: 16px;
	color: #666;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease
}

.newsinfo-wrapper .relative-btn b {
	font-weight: 500;
	font-family: "medium";
	text-transform: uppercase
}

@media screen and (min-width: 1004px) {
	.imore:hover:after {
		opacity: 1;
		visibility: visible;
		animation: iconScale .65s linear
	}
}

@media (max-width: 1600px) {
	.form-box .text {
		width: 300px
	}

	.form-box .caption,
	.form-box .text {
		height: 56px;
		line-height: 56px
	}

	.form-wrapper.position .form-box {
		top: -40px
	}

	.form-wrapper.position {
		margin-top: -0.6rem
	}
}

@media (max-width: 1440px) {
	.form-box .caption {
		width: 2.6rem
	}

	.form-box .text {
		width: 3.5rem
	}

	.news-box .pic {
		width: 450px
	}

	.news-box .info {
		width: calc(100% - 450px)
	}

	.form-box .caption,
	.form-box .text {
		height: 52px;
		line-height: 52px
	}
}

@media (max-width: 1366px) {
	.form-box .text {
		width: 280px
	}

	.form-box .caption {
		width: 200px
	}

	.form-box .caption,
	.form-box .text {
		height: 50px;
		line-height: 50px
	}
}

@media (max-width: 1004px) {
	.form-wrapper.position {
		margin-top: -0.12rem;
		margin-bottom: .56rem
	}

	.form-wrapper.position .form-box {
		top: 0
	}

	.form-box {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between
	}

	.form-box .group {
		margin-right: 0
	}

	.form-box .keywords {
		width: calc(100% - 120px - .24rem)
	}

	.form-box .caption {
		width: 120px
	}

	.form-box .caption:after {
		width: 10px;
		margin-left: .2rem
	}

	.form-box .list {
		max-height: 360px
	}

	.form-box .list::-webkit-scrollbar {
		width: 3px
	}

	.form-box .list a {
		line-height: 36px;
		padding: 0 .3rem;
		font-size: var(--fs16)
	}

	.form-box ::-webkit-input-placeholder {
		color: #666;
		font-size: var(--fs16)
	}

	.form-box :-moz-placeholder {
		color: #666;
		font-size: var(--fs16)
	}

	.form-box ::-moz-placeholder {
		color: #666;
		font-size: var(--fs16)
	}

	.form-box :-ms-input-placeholder {
		color: #666;
		font-size: var(--fs16)
	}

	.form-box .caption,
	.form-box .text {
		font-size: var(--fs16);
		height: .82rem;
		line-height: calc(.82rem - 2px);
		border-width: 1px;
		padding-left: .3rem;
		padding-right: .3rem
	}

	.form-box .text {
		width: 100%;
		padding-left: .3rem;
		padding-right: 60px
	}

	.top-box {
		display: block
	}

	.top-box .form-box {
		margin-top: .3rem
	}

	.news-box .item {
		padding-bottom: .6rem;
		margin-bottom: .6rem;
		display: block
	}

	.news-box .item:after {
		height: 2px
	}

	.news-box .pic {
		width: 100%;
		border-radius: .1rem
	}

	.news-box .info {
		margin-top: .4rem;
		width: 100%;
		padding-left: 0
	}

	.news-box .date {
		font-size: var(--fs16);
		line-height: .4rem;
		margin-bottom: .1rem
	}

	.news-box .title {
		line-height: .48rem;
		height: auto;
		max-height: .96rem;
		-webkit-line-clamp: 2
	}

	.news-box .desc {
		line-height: .44rem;
		max-height: .88rem
	}

	.imore {
		width: .64rem;
		height: .64rem;
		line-height: .64rem
	}

	.newsinfo-wrapper .content p {
		min-height: .48rem
	}

	.newsinfo-wrapper .content {
		line-height: .48rem
	}

	.newsinfo-wrapper .title {
		line-height: .6rem
	}

	.newsinfo-wrapper .other span {
		font-size: 12px;
		line-height: 20px;
		margin-right: .2rem
	}

	.newsinfo-wrapper .other span:before {
		background-size: 48px;
		height: 14px
	}

	.newsinfo-wrapper .other .views:before {
		width: 16px
	}

	.newsinfo-wrapper .other .share:before {
		width: 16px;
		background-position: left -18px top
	}

	.newsinfo-wrapper .other .time:before {
		width: 12px
	}

	.newsinfo-wrapper .other span {
		font-size: 12px;
		line-height: 20px;
		margin-right: .24rem
	}

	.newsinfo-wrapper .relative-btn {
		margin-top: .6rem
	}

	.newsinfo-wrapper .relative-btn p {
		line-height: 24px
	}

	.newsinfo-wrapper .relative-btn p,
	.newsinfo-wrapper .relative-btn p a,
	.newsinfo-wrapper .relative-btn p b {
		font-size: 12px
	}
}

.swiper-pagination-progressbar {
	height: 2px;
	position: relative;
	flex: 1;
	overflow: hidden
}

.swiper-pagination-progressbar:before {
	content: "";
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 1px;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	z-index: 0
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	z-index: 1;
	background-color: #00338c;
	width: 100%;
	transform-origin: left center
}

.swiperbtn-box {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	align-items: center;
	margin-right: .3rem
}

.swiperbtn-box a {
	position: relative;
	width: .56rem;
	height: .56rem;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	align-items: center
}

.swiperbtn-box a:hover:before {
	opacity: 0;
	visibility: hidden;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1)
}

.swiperbtn-box a:hover:after {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1)
}

.swiperbtn-box a:before,
.swiperbtn-box a:after {
	content: "";
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease
}

.swiperbtn-box a:before {
	background-color: #fff;
	border: solid 1px #e5e5e5
}

.swiperbtn-box a:after {
	transform: scale(.85);
	-webkit-transform: scale(.85);
	-moz-transform: scale(.85);
	-ms-transform: scale(.85);
	-o-transform: scale(.85);
	opacity: 0;
	visibility: hidden;
	background: #00338c
}

.swiperbtn-box i {
	position: relative;
	z-index: 10;
	display: block;
	margin: 0 auto;
	background: url(../image/swiperbtn.png) no-repeat;
	background-size: 16px;
	width: 8px;
	height: 14px
}

.swiperbtn-box .prev {
	margin-right: 15px
}

.swiperbtn-box .prev:hover i {
	background-position: bottom left
}

.swiperbtn-box .prev i {
	background-position: top left
}

.swiperbtn-box .next:hover i {
	background-position: bottom right
}

.swiperbtn-box .next i {
	background-position: top right
}

.bottom-box {
	display: flex !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -webkit-flex !important;
	display: -moz-flex !important;
	display: -ms-flexbox !important;
	align-items: center;
	margin-top: .48rem
}

.social-wrapper-1 .box-container {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: center
}

.social-wrapper-1 .page-title-box {
	margin-bottom: .3rem
}

.social-wrapper-1 .content {
	font-size: var(--fs17);
	line-height: .34rem;
	color: #666;
	font-family: "light";
	font-weight: 100
}

.social-wrapper-1 .info {
	width: calc(50% - 1.1rem)
}

.social-wrapper-1 .pic {
	width: 50%;
	border-radius: .1rem
}

.social-wrapper-1 .pic:hover img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05)
}

.social-wrapper-2 .swiper-slide {
	width: 22%
}

.social-wrapper-2 .swiper-slide:hover .pic img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05)
}

.social-wrapper-2 .swiper-slide:hover .name {
	color: #00338c
}

.social-wrapper-2 .swiper-slide:hover .ani {
	display: block
}

.social-wrapper-2 .pic {
	position: relative;
	display: block;
	border-radius: .1rem
}

.social-wrapper-2 .pic img {
	height: 4.99rem;
	object-fit: cover;
	transition-property: all
}

.social-wrapper-2 .pic svg {
	width: 40px;
	animation-delay: .2s;
	margin: 0 auto
}

.social-wrapper-2 .pic svg path {
	fill: #fff
}

.social-wrapper-2 .hidebox {
	display: none
}

.social-wrapper-2 .ani {
	display: none
}

.social-wrapper-2 .info {
	margin-top: .28rem
}

.social-wrapper-2 .name {
	font-family: "medium";
	font-size: var(--fs18);
	line-height: 30px;
	color: #333333;
	transition: color .48s ease;
	-webkit-transition: color .48s ease;
	-moz-transition: color .48s ease;
	-ms-transition: color .48s ease;
	-o-transition: color .48s ease
}

.social-wrapper-2 p {
	font-family: "mr";
	font-size: 14px;
	line-height: 24px;
	color: #bababa;
	margin-bottom: 0;
	margin-top: .08rem
}

.social-wrapper-2 .idownload {
	font-size: 16px;
	line-height: 24px;
	color: #00338c;
	display: inline-block;
	padding-left: 30px;
	margin-left: 26px;
	background: url(../image/download.png) no-repeat left center;
	background-size: 22px;
	vertical-align: middle;
	position: relative;
	top: -1px
}

.social-wrapper-2 .idownload span {
	position: relative
}

.social-wrapper-2 .idownload span:after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 1px;
	background: #00338c;
	transition: transform .5s ease;
	transform-origin: right;
	transform: scaleX(0)
}

.social-wrapper-2 .idownload:hover span:after {
	transition: transform .5s ease;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform-origin: left
}

@media (max-width: 1600px) {
	.social-wrapper-2 .pic img {
		height: 4.45rem
	}
}

@media (max-width: 1004px) {
	.social-wrapper-1 .box-container {
		display: block
	}

	.social-wrapper-1 .content {
		line-height: .48rem
	}

	.social-wrapper-1 .info {
		width: 100%
	}

	.social-wrapper-1 .pic {
		width: 100%;
		margin-top: .6rem
	}

	.social-wrapper-2 .box-container {
		padding: 0
	}

	.social-wrapper-2 .bottom-box,
	.social-wrapper-2 .page-title-box,
	.social-wrapper-2 .swiper-container {
		padding-left: .3rem;
		padding-right: .3rem
	}

	.social-wrapper-2 .swiper-slide {
		width: 100%
	}

	.social-wrapper-2 .pic img {
		height: auto
	}

	.social-wrapper-2 .pic svg {
		width: .64rem
	}

	.social-wrapper-2 .hidebox p {
		font-size: 14px;
		margin-top: .2rem
	}

	.social-wrapper-2 .info {
		margin-top: .36rem
	}

	.social-wrapper-2 .name {
		line-height: 24px
	}

	.social-wrapper-2 p {
		margin-top: .1rem
	}

	.social-wrapper-2 .idownload {
		font-size: 14px;
		padding-left: 24px;
		margin-left: .3rem;
		background-size: 18px
	}

	.swiperbtn-box a {
		width: .64rem;
		height: .64rem
	}

	.swiperbtn-box .prev {
		margin-right: .2rem
	}

	.swiperbtn-box i {
		background-size: 12px;
		width: 6px;
		height: 11px
	}
}

.business-box {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	flex-flow: wrap
}

.business-box .item {
	position: relative
}

.business-box .item:hover .pic:before {
	opacity: .4
}

.business-box .item:hover .pic {
	background: #00338c
}

.business-box .item:hover .icon img {
	opacity: 1;
	visibility: visible
}

.business-box .item:hover .icon .init {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	opacity: 0;
	visibility: hidden
}

.business-box .item:hover .icon .on {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1)
}

.business-box .item:hover .name {
	color: #fff
}

.business-box .item:hover .brief {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0)
}

.business-box .item:hover .top {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0)
}

.business-box .item:hover .bottom {
	opacity: 0;
	visibility: hidden
}

.business-box .pic {
	background: #f4f4f5;
	border-radius: .1rem;
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease;
	position: relative
}

.business-box .pic:before {
	content: "";
	width: 100%;
	height: 100%;
	background: linear-gradient(201deg, #f4f4f4, rgba(244, 244, 245, 0.5), transparent);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease
}

.business-box .pic img {
	opacity: .25
}

.business-box .key {
	font-size: 1.2rem;
	line-height: 1.2rem;
	font-family: "mb";
	position: absolute;
	left: 0;
	top: calc(100% - 1rem);
	z-index: 0;
	width: 100%;
	text-align: center;
	background-image: -webkit-linear-gradient(top, rgba(0, 51, 140, 0.3), rgba(0, 51, 140, 0.05), transparent);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	transition: all .8s ease;
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-ms-transition: all .8s ease;
	-o-transition: all .8s ease
}

.business-box .key.top {
	top: .43rem;
	transform: translateY(-0.8rem);
	-webkit-transform: translateY(-0.8rem);
	-moz-transform: translateY(-0.8rem);
	-ms-transform: translateY(-0.8rem);
	-o-transform: translateY(-0.8rem);
	opacity: 0;
	visibility: hidden;
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05), transparent)
}

.business-box .icon {
	position: relative;
	width: 1rem;
	height: 1rem;
	background-color: #00338c;
	border-radius: 50%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.business-box .icon .init {
	display: block
}

.business-box .icon img {
	width: 100%;
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease;
	max-width: 0.5rem;
	filter: brightness(0) invert(1);
	transform: scale(1);
}
.business-box .item:hover .icon{ background-color: #fff;}
.business-box .item:hover .icon img {
	transform: scale(1.05);
	filter: none;
}

.business-box .icon .on {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	transform: scale(.9);
	-webkit-transform: scale(.9);
	-moz-transform: scale(.9);
	-ms-transform: scale(.9);
	-o-transform: scale(.9)
}

.business-box .info {
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	padding: 1rem .5rem .52rem
}

.business-box .name {
	font-size: var(--fs30);
	line-height: 36px;
	color: #333;
	font-family: "medium";
	margin: .44rem auto .16rem
}

.business-box .brief {
	font-size: var(--fs16);
	line-height: 30px;
	color: #fff;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-o-transform: translateY(10px);
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease;
	overflow-y: auto;
	height: 120px;
	padding-right: .1rem;
	padding-left: .1rem;
	text-align: justify
}

.business-box .brief::-webkit-scrollbar {
	width: 3px;
	background-color: rgba(255, 255, 255, 0.8)
}

.business-box .brief::-webkit-scrollbar-thumb {
	background-color: #00338c
}

@media screen and (min-width: 1004px) {
	.business-box.normal .item {
		width: calc((100% - 72px) / 4);
		margin-right: 24px;
		margin-top: 24px;
		overflow: hidden
	}

	.business-box.normal .item:nth-child(4n) {
		margin-right: 0
	}

	.business-box.normal .item:nth-child(-n+4) {
		margin-top: 0
	}

	.business-box.service .item {
		width: calc((100% - 60px) / 3);
		margin-right: 30px;
		margin-top: 30px;
		overflow: hidden
	}

	.business-box.service .item:hover .pic img {
		opacity: .1
	}

	.business-box.service .item:nth-child(3n) {
		margin-right: 0
	}

	.business-box.service .item:nth-child(-n+3) {
		margin-top: 0
	}
}

@media (max-width: 1600px) {
	.business-box .info {
		padding: .8rem .4rem .5rem
	}

	.business-box .name {
		margin-top: .3rem
	}

	.business-box .brief {
		height: 78px;
		line-height: 26px
	}
}

@media (max-width: 1440px) {
	.business-box .info {
		padding: .7rem .3rem .5rem
	}

	.business-box .brief {
		line-height: 24px;
		height: 72px
	}
}

@media (max-width: 1004px) {
	.business-box {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		align-items: flex-start
	}

	.business-box.normal .item {
		width: calc((100% - .3rem) / 2)
	}

	.business-box.normal .item:nth-child(-n+2) {
		margin-top: 0
	}

	.business-box.normal .item:nth-child(odd) {
		margin-top: 0
	}

	.business-box.normal .item:nth-child(even) {
		margin-top: .3rem
	}

	.business-box.normal .item .key.top {
		top: 0
	}

	.business-box.normal .item:hover .info {
		padding-top: .5rem
	}

	.business-box.normal .item:hover .name {
		margin-top: .2rem
	}

	.business-box.service .item {
		width: 100%;
		margin-bottom: .3rem
	}

	.business-box.service .item:last-child {
		margin-bottom: 0
	}

	.business-box.service .item:hover .info {
		padding-top: 1rem
	}

	.business-box.service .item .info {
		padding: 2rem .6rem .8rem
	}

	.business-box.service .item .icon {
		width: 1.2rem;
		height: 1.2rem
	}

	.business-box.service .item .brief {
		line-height: .48rem;
		height: 3.36rem
	}

	.business-box.service .item .name {
		margin: .48rem auto .3rem;
		font-size: var(--fs30)
	}

	.business-box .key {
		font-size: 1rem;
		line-height: 1rem;
		top: calc(100% - .9rem)
	}

	.business-box .icon {
		width: .86rem;
		height: .86rem
	}

	.business-box .info {
		padding: .8rem .24rem .4rem;
		transition: all .48s ease;
		-webkit-transition: all .48s ease;
		-moz-transition: all .48s ease;
		-ms-transition: all .48s ease;
		-o-transition: all .48s ease
	}

	.business-box .name {
		font-size: var(--fs24);
		line-height: .48rem;
		margin: .3rem auto .1rem
	}

	.business-box .brief {
		line-height: .4rem;
		font-size: var(--fs14);
		height: 2.4rem
	}
}

.question-box .item {
	cursor: pointer;
	border-bottom: 1px solid #eee;
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease;
	position: relative;
	overflow: hidden
}

.question-box .item:first-child {
	border-top: 1px solid #eee
}

.question-box .item:after {
	content: "";
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 2px solid #00338c;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	border-radius: .1rem;
	opacity: 0;
	visibility: hidden;
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease
}

.question-box .item.on {
	border-radius: .1rem;
	border-color: transparent
}

.question-box .item.on:after {
	opacity: 1;
	visibility: visible
}

.question-box .item.on .info {
	background: #00338c
}

.question-box .item.on .info .tags {
	background: #fff;
	color: #00338c
}

.question-box .item.on .title,
.question-box .item.on .icon {
	color: #fff
}

.question-box .item.on .icon i:before,
.question-box .item.on .icon i:after {
	background: #fff
}

.question-box .item.on .icon i:after {
	transform: rotate(90deg)
}

.question-box .tags {
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 2px;
	z-index: 1;
	color: #fff;
	background-color: #00338c;
	font-size: 18px;
	font-family: "mr"
}

.question-box .info,
.question-box .detail {
	position: relative;
	z-index: 10
}

.question-box .info {
	padding-top: .3rem;
	padding-bottom: .3rem;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: flex-start
}

.question-box .title {
	flex: 1;
	overflow: hidden;
	margin-right: 1rem;
	font-size: var(--fs18);
	color: #333;
	transition: color .48s ease;
	-webkit-transition: color .48s ease;
	-moz-transition: color .48s ease;
	-ms-transition: color .48s ease;
	-o-transition: color .48s ease
}

.question-box .content {
	font-size: 16px;
	color: #666666
}

.question-box .info,
.question-box .detail {
	padding-left: 50px;
	padding-right: 50px
}

.question-box .content,
.question-box .title {
	position: relative;
	padding-left: 56px;
	line-height: .36rem
}

.question-box .detail {
	padding-top: .36rem;
	padding-bottom: .42rem;
	display: none
}

.question-box .icon {
	font-size: 16px;
	color: #666666;
	line-height: 24px
}

.question-box .icon i {
	margin-left: 12px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -1px;
	width: 12px;
	height: 12px
}

.question-box .icon i:before,
.question-box .icon i:after {
	position: absolute;
	content: "";
	background: #666;
	z-index: 1
}

.question-box .icon i:before {
	width: 100%;
	height: 2px;
	left: 0;
	top: 50%;
	margin-top: -1px
}

.question-box .icon i:after {
	width: 2px;
	height: 100%;
	left: 50%;
	margin-left: -1px;
	top: 0;
	transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease
}

.cat-box {
	text-align: center;
	margin-bottom: .48rem;
	font-size: 0
}

.cat-box.mb120 {
	margin-bottom: .9rem
}

.cat-box.md a {
	min-width: 1.8rem;
	height: 54px;
	line-height: 52px;
	font-size: var(--fs20);
	border-radius: 26px
}

.cat-box a {
	min-width: 2.2rem;
	height: .6rem;
	line-height: .58rem;
	border-radius: .3rem;
	border: solid 1px #e5e5e5;
	text-align: center;
	padding: 0 15px;
	display: inline-block;
	margin-right: .3rem;
	margin-bottom: .3rem;
	font-size: var(--fs22);
	color: #222;
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease
}

.cat-box a:last-child {
	margin-right: 0
}

.cat-box a.on {
	color: #fff;
	background: #00338c
}

.loading-box {
	margin-top: .8rem
}

.loading-box a {
	font-size: 16px;
	color: #333;
	display: inline-block;
	line-height: 34px;
	vertical-align: middle;
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease
}

.loading-box a:hover {
	color: #00338c;
	font-family: "medium"
}

.loading-box a:hover i:before {
	transform: rotate(180deg)
}

.loading-box a i {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -1px;
	border: solid .03rem #00338c;
	margin-right: .16rem
}

.loading-box a i:before {
	content: "";
	width: 47%;
	height: 100%;
	position: absolute;
	left: 26.5%;
	top: 0;
	z-index: 1;
	background: url(../image/dots.png) no-repeat center center;
	background-size: contain;
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease
}

@media screen and (min-width: 1004px) {
	.cat-box a:not(.on):hover {
		color: #00338c;
		border-color: #00338c
	}

	.question-box .item:not(.on):hover .title {
		color: #00338c
	}

	.question-box .item:not(.on):hover .icon {
		color: #00338c
	}

	.question-box .item:not(.on):hover .icon i:before,
	.question-box .item:not(.on):hover .icon i:after {
		background: #00338c
	}
}

@media (max-width: 1600px) {
	.cat-box a {
		min-width: 2.1rem
	}

	.cat-box.mb120 {
		margin-bottom: .7rem
	}
}

@media (max-width: 1440px) {
	.cat-box a {
		margin-right: .24rem;
		margin-bottom: .24rem;
		font-size: var(--fs20);
		min-width: 2rem
	}

	.cat-box.md a {
		height: 50px;
		line-height: 48px
	}
}

@media (max-width: 1004px) {
	.question-box .item:after {
		border-width: 1px
	}

	.question-box .tags {
		width: 24px;
		height: 24px;
		line-height: 24px;
		top: 0;
		font-size: 13px
	}

	.question-box .info {
		padding-top: .3rem;
		padding-bottom: .3rem
	}

	.question-box .content {
		font-size: var(--fs16)
	}

	.question-box .info,
	.question-box .detail {
		padding-left: .3rem;
		padding-right: .3rem
	}

	.question-box .content,
	.question-box .title {
		padding-left: 35px;
		line-height: .44rem
	}

	.question-box .detail {
		padding-top: .48rem;
		padding-bottom: .48rem
	}

	.question-box .title {
		margin-right: .5rem;
		line-height: 24px
	}

	.question-box .icon {
		font-size: 12px;
		line-height: 20px
	}

	.question-box .icon i {
		margin-left: 8px;
		width: 10px;
		height: 10px
	}

	.cat-box {
		white-space: nowrap;
		overflow-x: auto;
		padding: 0 .3rem;
		margin: 0 -0.3rem
	}

	.cat-box.md a {
		height: .7rem;
		line-height: .66rem;
		font-size: var(--fs18);
		border-radius: .35rem
	}

	.cat-box::-webkit-scrollbar {
		width: 0;
		height: 0
	}

	.cat-box a {
		min-width: 1.8rem;
		height: .7rem;
		line-height: .66rem;
		border-radius: .35rem;
		font-size: var(--fs18);
		margin-right: .2rem;
		margin-bottom: .2rem
	}

	.cat-box a:last-child {
		margin-right: 0
	}

	.loading-box {
		margin-top: .6rem
	}

	.loading-box a {
		font-size: 14px;
		line-height: 30px
	}

	.loading-box a i {
		width: 30px;
		height: 30px;
		border-width: 2px
	}
}

.solutioninfo-wrapper {
	padding-bottom: 30px
}

.solutioninfo-wrapper .pic {
	width: var(--mainW);
	margin: 0 auto;
	border-radius: 5px;
	transition: width 1s ease;
	-webkit-transition: width 1s ease;
	-moz-transition: width 1s ease;
	-ms-transition: width 1s ease;
	-o-transition: width 1s ease
}

@media screen and (min-width: 1004px) {
	.solutioninfo-wrapper .pic.animated {
		width: calc(100% - 60px);
		border-radius: .1rem
	}
}

@media (max-width: 1004px) {
	.solutioninfo-wrapper {
		padding-bottom: 1rem
	}

	.solutioninfo-wrapper .pic {
		width: calc(100% - .6rem);
		border-radius: .1rem
	}
}

.solution-box {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	flex-flow: wrap
}

.solution-box .item {
	display: block;
	position: relative;
	width: calc((100% - 72px) / 4);
	margin-right: 24px;
	margin-top: 24px;
	border-radius: .1rem;
	overflow: hidden
}

.solution-box .item:hover .pic img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05)
}

.solution-box .item:hover .info {
	background-color: #00338c
}

.solution-box .item:hover .ani {
	display: block
}

.solution-box .info {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	padding: .4rem .34rem;
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease
}

.solution-box .name {
	font-family: "medium";
	font-size: var(--fs30);
	line-height: .4rem;
	color: #fff;
	margin-bottom: .17rem
}

.solution-box ul {
	list-style-type: none;
	margin-bottom: 0;
	overflow-y: auto;
	padding-right: 10px;
	height: 330px
}

.solution-box ul::-webkit-scrollbar {
	width: 3px;
	background-color: rgba(255, 255, 255, 0.8)
}

.solution-box ul::-webkit-scrollbar-thumb {
	background-color: #063762
}

.solution-box li {
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	margin-bottom: 6px;
	font-family: "light";
	font-weight: 100
}

.solution-box li:last-child {
	margin-bottom: 0
}

.solution-box li:hover {
	text-decoration: underline
}

.solution-box li:before {
	content: ">";
	display: inline-block;
	font-size: 16px;
	margin-right: 8px;
	font-family: "light";
	font-weight: 100
}

.solution-box .ani {
	display: none
}

@media screen and (min-width: 1004px) {
	.solution-box .item:nth-child(-n+4) {
		margin-top: 0
	}

	.solution-box .item:nth-child(4n) {
		margin-right: 0
	}
}

@media (max-width: 1600px) {
	.solution-box ul {
		height: 270px
	}
}

@media (max-width: 1440px) {
	.solution-box ul {
		height: 240px
	}
}

@media (max-width: 1366px) {
	.solution-box ul {
		height: 180px
	}
}

@media (max-width: 1004px) {
	.solution-box {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between
	}

	.solution-box .item {
		width: calc((100% - .3rem) / 2);
		margin-right: 0;
		margin-top: .3rem
	}

	.solution-box .item:nth-child(-n+2) {
		margin-top: 0
	}

	.solution-box .info {
		padding: .4rem .3rem 0
	}

	.solution-box .name {
		font-size: var(--fs24);
		line-height: .48rem
	}

	.solution-box ul {
		height: 120px
	}

	.solution-box li {
		font-size: var(--fs16);
		margin-bottom: 0;
		line-height: 20px
	}

	.solution-box li:before {
		font-size: 14px;
		margin-right: 8px
	}

	.solution-box .ani {
		display: none
	}
}

.company-box .page-title-box {
	margin-bottom: .38rem
}

.company-box .page-title-box .brief {
	width: 100%
}

.company-box .item {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1.5rem
}

.company-box .item:last-child {
	margin-bottom: 0
}

.company-box .item:nth-child(odd) {
	flex-direction: row-reverse
}

.company-box .animated .pic {
	clip-path: inset(0 0% 0 0)
}

.company-box .pic {
	width: 50%;
	border-radius: .1rem;
	opacity: 1 !important;
	clip-path: inset(0 100% 0 0);
	transition: 2s .3s !important;
	transition-duration: 2s !important
}

.company-box .pic:hover img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05)
}

.company-box .info {
	position: relative;
	width: calc(50% - 1rem);
	overflow: hidden
}

.company-box .view,
.company-box .phonenumber {
	font-size: 16px
}

.company-box .hidedesc,
.company-box .desc,
.company-box .view,
.company-box .phonenumber {
	line-height: 32px
}

.company-box .scroll .desc {
	overflow-y: auto
}

.company-box .scroll .desc::-webkit-scrollbar {
	width: 4px;
	background-color: #f7f8f9
}

.company-box .scroll .desc::-webkit-scrollbar-thumb {
	background-color: #00338c
}

.company-box .desc,
.company-box .page-title-box {
	padding-right: .2rem
}

.company-box .desc {
	font-family: "Tahoma";
	font-size: 12pt;
	color: #666;
	height: 352px;
	overflow: hidden
}

.company-box .hidedesc {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	z-index: -1;
	display: block !important
}

.company-box .view {
	color: #00338c;
	font-family: "light";
	font-weight: 100;
	cursor: pointer;
	display: none
}

.company-box .view.on {
	display: inline-block
}

.company-box .view:hover {
	text-decoration: underline
}

.company-box .phonenumber {
	color: #00338c;
	font-family: "medium";
	margin-top: .32rem
}

@media (max-width: 1600px) {
	.company-box .desc {
		height: 240px
	}

	.company-box .hidedesc,
	.company-box .desc,
	.company-box .view,
	.company-box .phonenumber {
		line-height: 30px
	}

	.company-box .item {
		margin-bottom: 1.3rem
	}

	.company-box .page-title-box {
		margin-bottom: .3rem
	}
}

@media (max-width: 1440px) {
	.company-box .info {
		width: calc(50% - .8rem)
	}

	.company-box .phonenumber {
		margin-top: .24rem
	}

	.company-box .page-title-box {
		margin-bottom: .2rem
	}
}

@media (max-width: 1004px) {
	.company-box .item {
		display: block;
		margin-bottom: .8rem
	}

	.company-box .pic {
		width: 100%
	}

	.company-box .info {
		width: 100%;
		margin-top: .6rem
	}

	.company-box .hidedesc,
	.company-box .desc,
	.company-box .view,
	.company-box .phonenumber {
		font-size: var(--fs16);
		line-height: .44rem
	}

	.company-box .desc,
	.company-box .page-title-box {
		padding-right: 0
	}

	.company-box .scroll .desc {
		height: auto
	}

	.company-box .desc {
		height: 4rem
	}
}

.hotgoods-box table {
	width: 100%
}

.hotgoods-box th {
	height: 60px;
	background-color: #00338c;
	color: #fff;
	font-family: "medium";
	font-weight: 500;
	text-align: left
}

.hotgoods-box tr:hover td {
	background: #edf2f7;
	border-color: #00338c
}

.hotgoods-box th,
.hotgoods-box td {
	padding-right: .2rem
}

.hotgoods-box th:first-child,
.hotgoods-box td:first-child {
	width: 22.74%;
	padding-left: .4rem;
	text-align: center
}

.hotgoods-box th:nth-child(2),
.hotgoods-box td:nth-child(2),
.hotgoods-box th:nth-child(3),
.hotgoods-box td:nth-child(3) {
	width: 11.3%
}

.hotgoods-box th:nth-child(4),
.hotgoods-box td:nth-child(4) {
	width: 17.85%
}

.hotgoods-box th:last-child,
.hotgoods-box td:last-child {
	padding-right: .4rem;
	width: 34.81%
}

.hotgoods-box td {
	padding-top: .24rem;
	padding-bottom: .24rem;
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease;
	border-bottom: 1px solid #e0e0e0
}

.hotgoods-box th,
.hotgoods-box td,
.hotgoods-box .desc {
	font-size: 16px
}

.hotgoods-box .desc,
.hotgoods-box td {
	color: #666666;
	font-family: "light";
	font-weight: 100
}

.hotgoods-box .desc {
	line-height: 30px;
	height: 30px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	margin-bottom: .15rem
}

.hotgoods-box .desc.auto {
	height: auto !important;
	overflow: inherit;
	display: block
}

.hotgoods-box .btnbox {
	font-size: 0;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.hotgoods-box .btnbox a {
	display: inline-block;
	height: 34px;
	line-height: 34px;
	vertical-align: middle
}

.hotgoods-box .btnbox a.detail {
	background: #00338c;
	width: 110px;
	border-radius: 17px;
	margin: 0
}

.hotgoods-box .btnbox a.detail:hover {
	color: #fff
}

.hotgoods-box .btnbox a.detail:after {
	background-position: right center
}

.btnbox .detail:after,
.more:after {
	content: "";
	display: inline-block;
	width: 5px;
	height: 9px;
	background-image: url(../image/right3.png);
	background-size: 10px;
	background-repeat: no-repeat;
	background-position: left center;
	vertical-align: middle;
	position: relative;
	top: -2px;
	margin-left: .14rem
}

.more {
	color: #00338c
}

.more:hover {
	text-decoration: underline
}

.more:hover:after {
	transform: translateX(4px);
	-webkit-transform: translateX(4px);
	-moz-transform: translateX(4px);
	-ms-transform: translateX(4px);
	-o-transform: translateX(4px)
}

.more:after {
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease
}

.more.white {
	color: #fff
}

.more.white:after {
	background-position: right center
}

@media (max-width: 1440px) {
	.hotgoods-box td {
		padding-top: .2rem;
		padding-bottom: .2rem
	}
}

@media (max-width: 1004px) {
	.hotgoods-box {
		overflow-x: auto;
		padding-bottom: .1rem
	}

	.hotgoods-box::-webkit-scrollbar {
		height: 3px;
		background-color: #f7f8f9
	}

	.hotgoods-box::-webkit-scrollbar-thumb {
		background-color: #00338c
	}

	.hotgoods-box table {
		width: 15rem
	}

	.hotgoods-box th {
		height: 50px
	}

	.hotgoods-box th:first-child {
		background: #00338c
	}

	.hotgoods-box th,
	.hotgoods-box td {
		padding-right: .3rem;
		padding-left: .3rem
	}

	.hotgoods-box th:nth-child(2),
	.hotgoods-box td:nth-child(2),
	.hotgoods-box th:nth-child(3),
	.hotgoods-box td:nth-child(3) {
		width: 13%
	}

	.hotgoods-box th:first-child,
	.hotgoods-box td:first-child {
		position: sticky;
		left: 0
	}

	.hotgoods-box td {
		padding-top: .24rem;
		padding-bottom: .24rem;
		background: #fff
	}

	.hotgoods-box th,
	.hotgoods-box td,
	.hotgoods-box .desc {
		font-size: var(--fs16)
	}

	.hotgoods-box .desc {
		line-height: 24px;
		height: 24px
	}

	.hotgoods-box .btnbox a {
		height: 26px;
		line-height: 26px;
		font-size: 12px
	}

	.hotgoods-box .btnbox a.detail {
		width: 90px;
		border-radius: 13px
	}
}

.filter-box {
	width: 360px
}

.filter-box .title {
	font-size: var(--fs24);
	line-height: 30px;
	color: #222222;
	margin-bottom: .32rem
}

.filter-box li:last-child>a {
	border-bottom: none
}

.filter-box li {
	border-bottom: 1px solid #eee
}

.filter-box li:last-child {
	border-bottom: none
}

.filter-box li>a {
	line-height: .7rem;
	font-size: var(--fs18);
	padding-left: .3rem;
	padding-right: .6rem;
	color: #333
}

.filter-box li>a:hover {
	text-decoration: none
}

.filter-box li>a.on,
.filter-box li>a:not(.cat).active {
	color: #00338c;
	font-weight: 700
}

.filter-box ul {
	border: 1px solid #eee
}

.filter-box .cat {
	position: relative
}

.filter-box .cat:after {
	content: "";
	position: absolute;
	background: url(../image/filter.png) no-repeat;
	background-size: 11px;
	z-index: 1;
	width: 11px;
	height: 11px;
	top: 50%;
	right: .28rem;
	margin-top: calc(-11px / 2);
	background-position: left top
}

.filter-box .cat.on {
	color: #fff;
	background-color: #00338c
}

.filter-box .cat.on:after {
	background-position: left bottom
}

.filter-box .detail {
	padding: .25rem .3rem;
	display: none
}

.filter-box a {
	display: block
}

.filter-box a:hover {
	text-decoration: none
}

.filter-box ul {
	margin-bottom: .78rem;
	list-style-type: none
}

.filter-box ul:last-child {
	margin-bottom: 0
}

.filter-box .child a,
.filter-box .item>a {
	font-size: 16px;
	line-height: 24px;
	color: #333
}

.filter-box .item {
	margin-bottom: .2rem
}

.filter-box .item:last-child {
	margin-bottom: 0
}

.filter-box .item>a.active,
.filter-box .item>a.on {
	color: #00338c;
	font-weight: 700
}

.filter-box .item a {
	line-height: 24px
}

.filter-box .child {
	padding: .18rem 10px 0;
	display: none
}

.filter-box .child a {
	position: relative;
	padding-left: 13px;
	margin-bottom: .2rem
}

.filter-box .child a:last-child {
	margin-bottom: 0
}

.filter-box .child a:before {
	content: "";
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #666;
	position: absolute;
	left: 0;
	top: 10px;
	z-index: 1
}

.filter-box .child a.active,
.filter-box .child a.on {
	color: #00338c
}

.filter-box .filter-foot {
	display: none
}

.filter-result {
	font-size: 0;
	margin-bottom: .65rem
}

.filter-result .inner {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox
}

.filter-result .result span,
.filter-result .name {
	font-size: var(--fs18);
	color: #333
}

.filter-result .result span,
.filter-result .name {
	height: .56rem;
	line-height: .56rem
}

.filter-result .name {
	width: 54px
}

.filter-result .result {
	flex: 1;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	flex-flow: wrap;
	align-items: flex-start
}

.filter-result .result span {
	min-width: 1rem;
	background-color: #f6f6f6;
	border-radius: .1rem;
	text-align: center;
	padding: 0 18px;
	margin-left: .15rem;
	margin-bottom: .15rem;
	cursor: pointer;
	user-select: none;
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease
}

.filter-result .result span:after {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../image/close2.png);
	margin-left: .12rem;
	vertical-align: middle;
	position: relative;
	top: -1px
}

.search-box {
	position: relative;
	margin-bottom: 20px
}

.search-box .text,
.search-box .submitbtn {
	height: .66rem;
	font-size: var(--fs18)
}

.search-box .text {
	width: 100%;
	line-height: calc(.66rem - 4px);
	background-color: #ffffff;
	border-radius: 5px;
	border: solid 2px #e5e5e5;
	padding: 0 4rem 0 .3rem;
	transition: border .48s ease;
	-webkit-transition: border .48s ease;
	-moz-transition: border .48s ease;
	-ms-transition: border .48s ease;
	-o-transition: border .48s ease
}

.search-box .text:focus {
	border-color: #00338c
}

.search-box .submitbtn {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	width: 2rem;
	line-height: .66rem;
	background-color: #00338c;
	border-radius: 0px 5px 5px 0px;
	color: #fff;
	text-align: center
}

.search-box .submitbtn svg {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -1px;
	width: 22px;
	margin-left: .14rem
}

.search-box .submitbtn svg path {
	fill: #fff
}

.goods-wrapper .box-container {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.goods-wrapper .main-box {
	width: calc(100% - 4.74rem)
}

.goods-wrapper .hotgoods-box .desc {
	-webkit-line-clamp: 2;
	height: 52px;
	line-height: 26px
}

.goods-wrapper .hotgoods-box td {
	padding-top: .2rem;
	padding-bottom: .2rem
}

@media screen and (min-width: 1004px) {
	.filterIcon {
		display: none
	}

	.filter-box li>a:not(.on):hover,
	.filter-box .item>a:hover,
	.filter-box .child a:hover {
		color: #00338c
	}

	.cate:hover:before {
		background: #00338c
	}

	.filter-result .result span:hover {
		background: #fff;
		box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1)
	}
}

@media (max-width: 1600px) {
	.filter-box ul {
		margin-bottom: .6rem
	}
}

@media (max-width: 1440px) {
	.filter-box {
		width: 320px
	}
}

@media (max-width: 1366px) {
	.filter-box {
		width: 300px
	}
}

@media (max-width: 1004px) {
	.filterIcon {
		width: .76rem;
		height: .76rem;
		border-radius: 50%;
		border: 1px solid #00338c;
		position: fixed;
		right: .3rem;
		top: 50%;
		z-index: 20;
		text-align: center;
		background: #fff
	}

	.filterIcon svg {
		width: 50%;
		margin: 0 auto
	}

	.filterIcon svg path {
		fill: #00338c
	}

	.filter-box {
		position: fixed;
		left: 0;
		z-index: 204;
		width: 100%;
		background: rgba(0, 0, 0, 0.9);
		bottom: 0;
		height: 100%;
		display: none
	}

	.filter-box.on {
		display: block;
		animation: fadeIn 1s ease
	}

	.filter-box.on .main {
		display: block;
		animation: fadeInUp50 .5s ease
	}

	.filter-box.remove .main {
		animation: fadeOutUp50 .5s ease
	}

	.filter-box .box {
		display: flex;
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		height: 100%;
		align-items: flex-end
	}

	.filter-box .main {
		background: #fff;
		padding: .6rem 0 2rem .6rem;
		height: auto;
		max-height: calc(100vh - 1.4rem);
		width: 100%;
		padding: .48rem 0 2.4rem .48rem;
		border-radius: 5px 5px 0 0
	}

	.filter-box .title {
		font-size: var(--fs24);
		line-height: 30px;
		margin-bottom: .32rem
	}

	.filter-box .list {
		max-height: 80vh;
		overflow-y: auto;
		padding-right: .48rem;
		padding-bottom: 1rem
	}

	.filter-box .list::-webkit-scrollbar {
		width: 5px;
		border-radius: 3px
	}

	.filter-box .list::-webkit-scrollbar-track {
		background-color: #eee
	}

	.filter-box .list::-webkit-scrollbar-thumb {
		background-color: #00338c
	}

	.filter-box li>a {
		line-height: .9rem
	}

	.filter-box ul {
		margin-bottom: .6rem
	}

	.filter-box .child a,
	.filter-box .item>a {
		font-size: var(--fs16)
	}

	.filter-box .child {
		padding: .2rem 10px 0
	}

	.filter-box .child a {
		display: inline-block;
		margin-right: .2rem;
		margin-bottom: .1rem
	}

	.filter-box .child a:last-child {
		margin-right: 0
	}

	.filter-box .filter-foot {
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 10;
		width: 100%;
		background: #fff;
		padding: .5rem;
		box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.04), 0 -8px 16px 0 rgba(0, 0, 0, 0.04)
	}

	.filter-box .filter-foot a {
		display: block;
		margin: 0 auto;
		height: .88rem;
		line-height: .84rem;
		border-radius: .44rem;
		font-size: var(--fs18);
		border: solid 1px #666666;
		text-align: center;
		background-color: #00338c;
		color: #fffefe;
		transition: all .4s ease;
		-webkit-transition: all .4s ease;
		-moz-transition: all .4s ease;
		-ms-transition: all .4s ease;
		-o-transition: all .4s ease
	}

	.search-box {
		margin-bottom: .4rem
	}

	.search-box .text,
	.search-box .submitbtn {
		height: .84rem
	}

	.search-box .text {
		line-height: calc(.84rem - 4px);
		border-width: 1px
	}

	.search-box .submitbtn {
		width: 2.4rem;
		line-height: .84rem
	}

	.search-box .submitbtn svg {
		width: .3rem;
		margin-left: .1rem
	}

	.filter-result {
		margin-bottom: .4rem
	}

	.filter-result .inner {
		display: block
	}

	.filter-result .result span,
	.filter-result .name {
		height: .64rem;
		line-height: .64rem
	}

	.filter-result .name {
		width: 100%;
		margin-bottom: 4px
	}

	.filter-result .result span {
		min-width: 1rem;
		border-radius: .1rem;
		padding: 0 .2rem;
		margin-left: 0;
		margin-right: .15rem
	}

	.filter-result .result span:last-child {
		margin-right: 0
	}

	.goods-wrapper .box-container {
		display: block
	}

	.goods-wrapper .main-box {
		width: 100%
	}
}

.goodsinfo-wrapper .box {
	width: 1280px;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 0 auto
}

.goodsinfo-wrapper .left {
	width: 67.18%
}

.goodsinfo-wrapper .left .title {
	font-family: "mb";
	font-size: var(--fs58);
	line-height: .6rem;
	color: #00338c;
	margin-bottom: .06rem
}

.goodsinfo-wrapper .left .sub-title {
	font-weight: 700;
	font-size: var(--fs36);
	color: #333333;
	margin-bottom: 0;
	line-height: .48rem;
	margin-bottom: .23rem
}

.goodsinfo-wrapper .left .desc {
	font-size: var(--fs18);
	line-height: .34rem;
	color: #555555;
	font-family: "light";
	font-weight: 100;
	margin-bottom: .58rem
}

.goodsinfo-wrapper .caption {
	font-family: "medium";
	font-size: var(--fs24);
	line-height: 30px;
	color: #333;
	margin-bottom: .5rem;
	position: relative
}

.goodsinfo-wrapper .caption:after {
	content: "";
	width: 100%;
	height: 1px;
	background: rgba(0, 0, 0, 0.1);
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 0
}

.goodsinfo-wrapper .caption span {
	display: inline-block;
	padding-bottom: .15rem;
	border-bottom: 2px solid #00338c
}

.goodsinfo-wrapper .advantage {
	margin-bottom: .67rem
}

.goodsinfo-wrapper .advantage ul {
	list-style-type: none
}

.goodsinfo-wrapper .advantage li {
	padding: .2rem .3rem;
	background-color: #ffffff;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.06);
	border-radius: 5px 0px 0px 5px;
	border-left: 3px solid #00338c;
	font-size: var(--fs20);
	color: #333;
	line-height: 30px;
	margin-bottom: 10px
}

.goodsinfo-wrapper .advantage li:last-child {
	margin-bottom: 0
}

.goodsinfo-wrapper .content,
.goodsinfo-wrapper .content td,
.goodsinfo-wrapper .content div {
	font-size: var(--fs18);
	line-height: 24px;
	color: #333;
	font-family: "light";
	font-weight: 100
}

.goodsinfo-wrapper .content table {
	width: 100%;
	table-layout: fixed;
	border-top: 2px solid #00338c
}

.goodsinfo-wrapper .content td {
	height: .9rem;
	padding: .2rem .4rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.goodsinfo-wrapper .content td:first-child {
	font-weight: 700;
	font-family: "regular"
}

.goodsinfo-wrapper .right {
	width: 26.56%
}

.goodsinfo-wrapper .page-more {
	margin-bottom: .7rem
}

.goodsinfo-wrapper .page-more.phone {
	display: none
}

.page-caption {
	font-size: var(--fs36);
	font-weight: 700;
	line-height: .48rem;
	color: #222;
	margin-bottom: .55rem
}

.page-caption:after {
	content: "";
	width: 40px;
	height: 3px;
	background-color: #000000;
	opacity: .2;
	display: block;
	margin-top: .23rem
}

.relative-goods-box a {
	display: block;
	padding: .55rem 0;
	border-bottom: 1px solid #ebebeb
}

.relative-goods-box a:last-child {
	border-bottom: none;
	padding-bottom: 0
}

.relative-goods-box a:hover .title {
	color: #00338c
}

.relative-goods-box a:first-child {
	padding-top: 0
}

.relative-goods-box .title {
	font-family: "mb";
	font-size: var(--fs24);
	color: #333333;
	line-height: 30px;
	transition: color .48s ease;
	-webkit-transition: color .48s ease;
	-moz-transition: color .48s ease;
	-ms-transition: color .48s ease;
	-o-transition: color .48s ease
}

.relative-goods-box .desc {
	font-family: "light";
	font-weight: 100;
	font-size: 16px;
	line-height: 26px;
	color: #555555;
	max-height: 52px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin: .08rem auto .18rem
}

.relative-goods-box .more {
	line-height: 24px
}

html.act {
	overflow: hidden
}

.consult-modal {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 204;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	display: none
}

.consult-modal.on .main {
	display: block;
	animation: fadeInUp50 .5s ease
}

.consult-modal.remove .main {
	animation: fadeOutUp50 .5s ease
}

.consult-modal .box {
	width: 100%;
	height: 100%;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	align-items: center
}

.consult-modal .main {
	position: relative;
	background-color: #fff;
	border-radius: .1rem;
	width: var(--mainW);
	margin: 0 auto;
	padding: 1rem 1.4rem .8rem;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.21);
	font-size: 0;
	text-align: center;
	display: none
}

.consult-modal .form {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	flex-flow: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.consult-modal .group {
	width: calc((100% - .2rem) / 2);
	margin-bottom: .2rem
}

.consult-modal .group.max {
	width: 100%
}

.consult-modal .group:last-child {
	margin-bottom: 0
}

.consult-modal .text,
.consult-modal .msg {
	width: 100%;
	padding-left: .3rem;
	padding-right: .3rem;
	background-color: #ffffff;
	border-radius: 5px;
	border: solid 1px #e8e8e8;
	text-align: left;
	font-size: 16px;
	font-family: "light";
	font-weight: 100;
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease
}

.consult-modal .text:focus,
.consult-modal .msg:focus {
	border-color: #00338c
}

.consult-modal ::-webkit-input-placeholder {
	color: #666;
	font-size: 16px
}

.consult-modal :-moz-placeholder {
	color: #666;
	font-size: 16px
}

.consult-modal ::-moz-placeholder {
	color: #666;
	font-size: 16px
}

.consult-modal :-ms-input-placeholder {
	color: #666;
	font-size: 16px
}

.consult-modal .text {
	height: 55px;
	line-height: 55px
}

.consult-modal .msg {
	height: 2rem;
	resize: none;
	padding-top: .12rem;
	padding-bottom: .12rem;
	line-height: 30px
}

.consult-modal .submit {
	margin: .5rem auto 0
}

.consult-modal .close {
	position: absolute;
	right: .6rem;
	top: .6rem;
	z-index: 10;
	width: .3rem;
	opacity: 1;
	text-shadow: none;
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease
}

.consult-modal .close:hover {
	opacity: .6
}

.consult-modal .close svg {
	width: 100%
}

.consult-modal .close svg path {
	fill: #00338c;
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease
}

@media (max-width: 1600px) {
	.goodsinfo-wrapper .box {
		width: 13rem
	}

	.consult-modal .main {
		padding-top: .9rem
	}
}

@media (max-width: 1440px) {
	.consult-modal .main {
		padding-top: .8rem;
		padding-bottom: .7rem
	}

	.consult-modal .text {
		height: 52px;
		line-height: 50px
	}

	.consult-modal .msg {
		height: 1.7rem
	}
}

@media (max-width: 1004px) {
	.goodsinfo-wrapper .box {
		width: 100%;
		display: block;
		padding: 0 .3rem
	}

	.goodsinfo-wrapper .left {
		position: relative;
		width: 100%
	}

	.goodsinfo-wrapper .left .title {
		font-size: var(--fs48);
		line-height: .5rem;
		margin-bottom: .2rem;
		padding-right: 3rem
	}

	.goodsinfo-wrapper .left .sub-title {
		font-size: var(--fs30);
		margin-bottom: .2rem
	}

	.goodsinfo-wrapper .left .desc {
		line-height: .48rem;
		margin-bottom: .6rem
	}

	.goodsinfo-wrapper .left .page-more {
		position: absolute;
		right: 0;
		top: -0.1rem;
		z-index: 1;
		margin-bottom: 0
	}

	.goodsinfo-wrapper .caption {
		line-height: .48rem;
		margin-bottom: .4rem
	}

	.goodsinfo-wrapper .advantage {
		margin-bottom: .8rem
	}

	.goodsinfo-wrapper .advantage li {
		padding: .3rem;
		border-radius: 3px 0px 0px 3px;
		border-left-width: 2px;
		line-height: 24px;
		margin-bottom: .2rem
	}

	.goodsinfo-wrapper .content,
	.goodsinfo-wrapper .content td {
		font-size: var(--fs16);
		line-height: .44rem
	}

	.goodsinfo-wrapper .content table {
		border-top: 1px
	}

	.goodsinfo-wrapper .content td {
		height: 1rem;
		padding: .3rem .2rem
	}

	.goodsinfo-wrapper .right {
		width: 100%;
		margin-top: .8rem
	}

	.goodsinfo-wrapper .page-more {
		margin-bottom: .6rem
	}

	.goodsinfo-wrapper .page-more.phone {
		display: inline-block
	}

	.goodsinfo-wrapper .page-more.pc {
		display: none
	}

	.page-caption {
		font-size: var(--fs30);
		line-height: .5rem;
		margin-bottom: .4rem
	}

	.page-caption:after {
		width: 30px;
		height: 2px
	}

	.relative-goods-box a {
		padding: .4rem 0
	}

	.relative-goods-box .title {
		line-height: 24px
	}

	.relative-goods-box .desc {
		font-size: var(--fs16);
		line-height: .44rem;
		max-height: .88rem
	}

	.consult-modal .box {
		padding-left: .3rem;
		padding-right: .3rem
	}

	.consult-modal .main {
		width: 100%;
		padding: .8rem .4rem
	}

	.consult-modal .group {
		width: 100%
	}

	.consult-modal .text {
		height: .76rem;
		line-height: .76rem
	}

	.consult-modal .msg {
		height: 2rem;
		padding-top: .15rem;
		padding-bottom: .15rem;
		line-height: 24px
	}

	.consult-modal .close {
		right: .1rem;
		top: .1rem;
		width: .5rem
	}

	.consult-modal .close svg {
		width: 100%
	}
}

.honor-box {
	position: relative
}

.honor-box .cat-box {
	margin-bottom: .4rem
}

.honor-box .swiper-box {
	padding: 0 60px
}

.honor-box .item {
	position: relative;
	display: none;
	animation-delay: .2s
}

.honor-box .item.noSwiper:after {
	display: none
}

.honor-box .item:after {
	content: "";
	width: 100%;
	height: .75rem;
	background: url(../image/honorbg.png) no-repeat center bottom;
	background-size: 100%;
	position: absolute;
	left: 0;
	bottom: 1.02rem;
	z-index: -1
}

.honor-box .swiper-slide {
	width: calc((100% - 180px) / 4);
	margin-right: 60px
}

.honor-box .swiper-slide:last-child {
	margin-right: 0
}

.honor-box .swiper-slide:hover .pic img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05)
}

.honor-box .picbox {
	position: relative;
	padding-right: .2rem
}

.honor-box .picbox:after {
	content: "";
	width: .2rem;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
	background: url(../image/honorshadow.png) no-repeat left top;
	background-size: 100% 100%
}

.honor-box figcaption {
	font-size: var(--fs18);
	line-height: 30px;
	color: #333333;
	text-align: center;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 60px;
	padding: 0 .3rem;
	margin-top: .3rem
}

.honor-box .bottom-box {
	margin-top: .32rem;
	opacity: 0;
	visibility: hidden
}

.honor-box .bottom-box.show {
	opacity: 1;
	visibility: visible
}

.about-wrapper-1 {
	position: relative;
	z-index: 10;
	padding-top: 1.06rem
}

.about-wrapper-1 .info {
	background-color: #ffffff;
	border-radius: 0 0 0 .8rem;
	margin-right: 0;
	margin-left: auto;
	width: calc(100% - (100% - var(--mainW)) / 2);
	padding-right: calc((100% - var(--mainW)) / 2);
	padding-left: 1rem;
	padding-bottom: 1.1rem
}

.about-wrapper-1 .en {
	font-size: var(--fs200);
	font-family: "mb";
	line-height: 2rem;
	letter-spacing: .2rem;
	color: rgba(219, 219, 219, 0.2);
	text-transform: uppercase;
	background-image: -webkit-linear-gradient(rgba(219, 219, 219, 0.2), rgba(219, 219, 219, 0.1), rgba(219, 219, 219, 0.01));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.about-wrapper-1 .title {
	font-weight: 700;
	font-size: var(--fs36);
	line-height: .48rem;
	color: #3f3f3f;
	margin-top: -1.06rem
}

.about-wrapper-1 .since {
	font-family: "bm";
	font-weight: 700;
	font-size: var(--fs72);
	line-height: .9rem;
	color: #00338c;
	margin-top: 5px
}

.about-wrapper-1 .content {
	font-family: "light";
	font-weight: 100;
	font-size: var(--fs19);
	line-height: .36rem;
	color: #666666;
	margin-top: .3rem
}

.about-wrapper-1 .content p {
	min-height: .36rem
}

.about-wrapper-2 {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	overflow: hidden;
	height: 10.2rem;
	padding-top: 3.32rem;
	margin-top: -1.8rem;
	z-index: 2;
	position: relative
}

.about-wrapper-2 .item {
	display: none
}

.about-wrapper-2 .item.on {
	display: block
}

.about-wrapper-2 .page-title-box .title {
	animation-delay: .2s
}

.about-wrapper-2 .page-title-box .brief {
	animation-delay: .4s
}

.about-wrapper-2 .swiper-box {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	width: 100%;
	border-top: 1px solid rgba(255, 255, 255, 0.2)
}

.about-wrapper-2 .swiper-box .box-container {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox
}

.about-wrapper-2 .swiper-container {
	width: 100%
}

.about-wrapper-2 .swiper-slide {
	width: 20%;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	align-items: center;
	cursor: pointer;
	height: 2.2rem;
	padding: .1rem .1rem .1rem .3rem;
	border-right: 1px solid rgba(255, 255, 255, 0.1);
	transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease
}

.about-wrapper-2 .swiper-slide.on {
	background: #00338c
}

.about-wrapper-2 .swiper-slide:first-child {
	border-left: 1px solid rgba(255, 255, 255, 0.1)
}

.about-wrapper-2 .swiper-slide .info {
	flex: 1;
	overflow: hidden
}

.about-wrapper-2 .description {
	font-size: var(--fs36);
	color: #ffffff;
	line-height: .6rem;
	width: 68%;
	margin: 0 auto;
	text-align: center;
	animation-delay: .6s;
	min-height: 1.2rem
}

.about-wrapper-2 .icon {
	margin-right: .2rem;
	width: .84rem;
	height: .84rem;
	background: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	object-fit: cover
}
.about-wrapper-2 .icon  img{ max-width: 0.45rem;}

.about-wrapper-2 .name {
	font-family: "medium";
	font-size: var(--fs30);
	line-height: 36px;
	color: #ffffff
}

.about-wrapper-2 p {
	font-family: "mr";
	font-size: var(--fs18);
	line-height: 24px;
	color: #ffffff;
	margin-bottom: 0;
	margin-top: .1rem;
	text-transform: capitalize
}

.about-wrapper-2 .swiperbtn-box {
	display: none
}

.about-wrapper-3 .swiper-box,
.about-wrapper-3 .detail-box {
	padding-left: 2rem;
	padding-right: 2rem
}

.about-wrapper-3 .swiper-slide {
	height: auto;
	opacity: 0;
	visibility: hidden;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 100%
}

.about-wrapper-3 .swiper-slide.swiper-slide-active {
	opacity: 1;
	visibility: visible
}

.about-wrapper-3 .swiper-slide.swiper-slide-active .ani {
	display: block
}

.about-wrapper-3 .inner {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.about-wrapper-3 .ani {
	display: none
}

.about-wrapper-3 .year-box {
	flex: 1
}

.about-wrapper-3 .year {
	font-size: .86rem;
	line-height: 1rem;
	color: #00338c;
	font-family: "bm";
	font-weight: 700;
	animation-delay: .2s
}

.about-wrapper-3 .name {
	font-size: var(--fs72);
	line-height: .8rem;
	color: #333333;
	font-family: "light";
	font-weight: 100;
	animation-delay: .4s;
	margin-top: .22rem
}

.about-wrapper-3 .content {
	position: relative;
	font-family: "light";
	font-weight: 100;
	width: 56%;
	font-size: var(--fs18);
	line-height: .36rem;
	color: #333;
	animation-delay: .6s;
	border-top: 1px solid #e0e1e3;
	padding-top: .22rem;
	margin-top: 3.5px
}

.about-wrapper-3 .content:before,
.about-wrapper-3 .content:after {
	content: "";
	background: #e0e1e3;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	position: absolute;
	top: -3.5px;
	z-index: 10
}

.about-wrapper-3 .content:before {
	left: 0
}

.about-wrapper-3 .content:after {
	right: 0
}

.about-wrapper-3 .item {
	position: relative;
	flex: 1;
	height: .8rem;
	line-height: .8rem;
	text-align: center;
	font-size: var(--fs22);
	color: #444444;
	cursor: pointer;
	font-family: "bm";
	transition: color .48s ease;
	-webkit-transition: color .48s ease;
	-moz-transition: color .48s ease;
	-ms-transition: color .48s ease;
	-o-transition: color .48s ease
}

.about-wrapper-3 .item.on {
	color: #00338c;
	font-family: "mm"
}

.about-wrapper-3 .item.on:after {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1)
}

.about-wrapper-3 .item:after {
	content: "";
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #00338c;
	position: absolute;
	left: 50%;
	bottom: .24rem;
	z-index: 10;
	margin-left: -2px;
	transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0)
}

.about-wrapper-3 .detail-box {
	position: relative;
	background-color: #f5f7f8;
	border-radius: .4rem;
	margin-top: .7rem
}

.about-wrapper-3 .years {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	justify-content: center
}

.about-wrapper-3 .swiperbtn-box a {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	z-index: 10
}

.about-wrapper-3 .swiperbtn-box a:before {
	display: none
}

.about-wrapper-3 .swiperbtn-box a.swiper-button-disabled {
	cursor: no-drop
}

.about-wrapper-3 .swiperbtn-box .prev {
	left: .96rem
}

.about-wrapper-3 .swiperbtn-box .next {
	right: .96rem
}

.about-wrapper-5 .main {
	position: relative;
	margin-top: -0.2rem
}

.about-wrapper-5 .main:before,
.about-wrapper-5 .main:after {
	content: "";
	width: 2rem;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 10
}

.about-wrapper-5 .main:before {
	left: 0;
	background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0.6), transparent)
}

.about-wrapper-5 .main:after {
	right: 0;
	background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0.6), transparent)
}

.about-wrapper-5 .swiper-container {
	padding: .2rem 0;
	z-index: 1
}

.about-wrapper-5 .pic {
	background: #fff;
	transition: box-shadow .48s ease;
	-webkit-transition: box-shadow .48s ease;
	-moz-transition: box-shadow .48s ease;
	-ms-transition: box-shadow .48s ease;
	-o-transition: box-shadow .48s ease;
	width: 2rem;
	padding: 5px
}

.about-wrapper-5 .pic:hover {
	box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1)
}

.about-wrapper-5 .pic:hover img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05)
}

.about-wrapper-5 .pic img {
	height: .9rem;
	object-fit: contain;
	mix-blend-mode: multiply
}

@media screen and (min-width: 1004px) {
	.years .item:hover {
		color: #00338c
	}
}

@media (max-width: 1600px) {
	.honor-box figcaption {
		padding: 0 .24rem
	}

	.honor-box .item:after {
		bottom: 1.1rem
	}

	.honor-box .swiper-box {
		padding: 0 50px
	}

	.about-wrapper-3 .swiper-box,
	.about-wrapper-3 .detail-box {
		padding-left: 1.5rem;
		padding-right: 1.5rem
	}

	.about-wrapper-5 .pic img {
		height: .76rem
	}

	.about-wrapper-3 .year {
		font-size: .8rem
	}

	.about-wrapper-2 .icon {
		width: .76rem;
		height: .76rem
	}

	.about-wrapper-2 .swiper-slide {
		height: 2rem
	}

	.about-wrapper-2 {
		height: 9.6rem
	}

	.honor-box .swiper-slide {
		width: calc((100% - 150px) / 4);
		margin-right: 50px
	}
}

@media (max-width: 1440px) {
	.honor-box .swiper-box {
		padding: 0 40px
	}

	.about-wrapper-2 .icon {
		width: .72rem;
		height: .72rem
	}

	.about-wrapper-2 p {
		font-size: var(--fs16)
	}

	.about-wrapper-2 .name {
		line-height: 30px
	}

	.honor-box figcaption {
		line-height: 26px;
		height: 52px
	}

	.honor-box .item:after {
		bottom: 1.05rem
	}

	.honor-box .swiper-slide {
		width: calc((100% - 120px) / 4);
		margin-right: 40px
	}
}

@media (max-width: 1366px) {
	.honor-box .item:after {
		bottom: 1.16rem
	}
}

@media (max-width: 1004px) {
	.honor-box {
		margin-top: .3rem
	}

	.honor-box .swiper-box {
		padding: 0 .3rem
	}

	.honor-box .item:after {
		bottom: 1.7rem
	}

	.honor-box .swiper-slide {
		width: calc((100% - 10px) / 2);
		margin-right: 10px
	}

	.honor-box .picbox {
		padding-right: .24rem
	}

	.honor-box .picbox:after {
		width: .24rem
	}

	.honor-box figcaption {
		font-size: var(--fs16);
		line-height: .4rem;
		height: .8rem;
		padding: 0 .2rem
	}

	.honor-box .bottom-box {
		margin-top: .32rem;
		padding-left: .3rem;
		padding-right: .3rem
	}

	.about-wrapper-1 {
		padding-top: 1rem
	}

	.about-wrapper-1 .info {
		border-radius: 0 0 0 .8rem;
		width: calc(100% - .3rem);
		padding-right: .48rem;
		padding-left: .48rem;
		padding-bottom: 1rem
	}

	.about-wrapper-1 .en {
		line-height: 1.6rem
	}

	.about-wrapper-1 .title {
		margin-top: -0.8rem
	}

	.about-wrapper-1 .since {
		font-size: var(--fs60);
		line-height: .8rem
	}

	.about-wrapper-1 .content {
		font-size: var(--fs18);
		line-height: .48rem
	}

	.about-wrapper-1 .content p {
		min-height: .48rem
	}

	.about-wrapper-2 {
		position: relative;
		background-attachment: inherit;
		height: auto;
		padding-top: 2.6rem;
		margin-top: -1.2rem
	}

	.about-wrapper-2 .page-title-box {
		margin-bottom: .3rem
	}

	.about-wrapper-2 .swiper-slide {
		height: auto;
		padding: .28rem .24rem;
		width: 50%
	}

	.about-wrapper-2 .swiper-slide:first-child {
		border-left: none
	}

	.about-wrapper-2 .description {
		font-size: var(--fs24);
		line-height: .54rem;
		width: 90%;
		min-height: 1.62rem
	}

	.about-wrapper-2 .icon {
		width: .7rem;
		height: .7rem
	}

	.about-wrapper-2 .name {
		font-size: var(--fs24);
		line-height: .48rem
	}

	.about-wrapper-2 p {
		font-size: var(--fs13);
		line-height: .36rem;
		margin-top: 0
	}

	.about-wrapper-2 .swiper-box {
		position: relative;
		margin-top: .6rem
	}

	.about-wrapper-2 .swiper-box .box-container {
		padding: 0
	}

	.about-wrapper-2 .swiperbtn-box {
		display: block
	}

	.about-wrapper-2 .swiperbtn-box a {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		z-index: 10
	}

	.about-wrapper-2 .swiperbtn-box a:before {
		display: none
	}

	.about-wrapper-2 .swiperbtn-box a.swiper-button-disabled {
		cursor: no-drop
	}

	.about-wrapper-2 .swiperbtn-box .prev {
		left: 0
	}

	.about-wrapper-2 .swiperbtn-box .prev i {
		background-position: bottom left
	}

	.about-wrapper-2 .swiperbtn-box .next {
		right: 0
	}

	.about-wrapper-2 .swiperbtn-box .next i {
		background-position: bottom right
	}

	.about-wrapper-3 .swiper-box,
	.about-wrapper-3 .detail-box {
		padding-left: .4rem;
		padding-right: .4rem
	}

	.about-wrapper-3 .swiper-slide {
		display: block
	}

	.about-wrapper-3 .year-box {
		width: 100%
	}

	.about-wrapper-3 .year {
		font-size: var(--fs60);
		line-height: .8rem
	}

	.about-wrapper-3 .name {
		font-size: var(--fs48);
		line-height: .6rem
	}

	.about-wrapper-3 .content {
		width: 100%;
		line-height: .48rem;
		padding-top: .4rem;
		margin-top: .4rem
	}

	.about-wrapper-3 .content:before,
	.about-wrapper-3 .content:after {
		width: 6px;
		height: 6px;
		top: -3px
	}

	.about-wrapper-3 .item {
		height: 1rem;
		line-height: 1rem;
		font-size: var(--fs18)
	}

	.about-wrapper-3 .item:after {
		bottom: .2rem
	}

	.about-wrapper-3 .detail-box {
		border-radius: .5rem;
		margin-top: .8rem
	}

	.about-wrapper-3 .swiperbtn-box a:after {
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		opacity: 1;
		visibility: visible
	}

	.about-wrapper-3 .swiperbtn-box .prev {
		left: -0.3rem
	}

	.about-wrapper-3 .swiperbtn-box .prev i {
		background-position: bottom left
	}

	.about-wrapper-3 .swiperbtn-box .next {
		right: -0.3rem
	}

	.about-wrapper-3 .swiperbtn-box .next i {
		background-position: bottom right
	}

	.about-wrapper-4 .box-container {
		padding: 0
	}

	.about-wrapper-4 .cat-box {
		margin-left: auto;
		margin-right: auto
	}

	.about-wrapper-5 {
		padding-bottom: .8rem
	}

	.about-wrapper-5 .main:before,
	.about-wrapper-5 .main:after {
		width: 1.6rem
	}

	.about-wrapper-5 .swiper-container {
		padding: .4rem 0;
		margin-top: -0.4rem
	}

	.about-wrapper-5 .pic {
		width: 2.2rem
	}

	.about-wrapper-5 .pic img {
		height: auto
	}
}

.innovation-wrapper-1 .main {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox
}

.innovation-wrapper-1 .item {
	position: relative;
	width: 20.38%;
	margin-right: 10px;
	transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease
}

.innovation-wrapper-1 .item:last-child {
	margin-right: 0
}

.innovation-wrapper-1 .item.on {
	width: 57.97%
}

.innovation-wrapper-1 .item.on .ani {
	display: block
}

.innovation-wrapper-1 .item.on .pic .name {
	opacity: 0;
	visibility: hidden;
	transform: translateY(5px);
	-webkit-transform: translateY(5px);
	-moz-transform: translateY(5px);
	-ms-transform: translateY(5px);
	-o-transform: translateY(5px)
}

.innovation-wrapper-1 .item.on .pic:before {
	visibility: visible;
	opacity: .1
}

.innovation-wrapper-1 .item:hover .pic img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05)
}

.innovation-wrapper-1 .item a {
	display: block
}

.innovation-wrapper-1 .pic {
	border-radius: .15rem;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	height: 5.92rem
}

.innovation-wrapper-1 .pic:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	background: #000;
	opacity: 0;
	visibility: hidden;
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease
}

.innovation-wrapper-1 .pic:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease;
	background-image: url(../image/ishadow.png);
	background-repeat: repeat-x;
	background-position: left bottom
}

.innovation-wrapper-1 .name {
	line-height: .48rem;
	color: #fff;
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease;
	font-weight: 700;
	letter-spacing: 1px
}

.innovation-wrapper-1 .pic .name,
.innovation-wrapper-1 .info {
	position: absolute;
	left: 0;
	z-index: 10;
	width: 100%
}

.innovation-wrapper-1 .info {
	bottom: .33rem;
	padding: 0 .38rem
}

.innovation-wrapper-1 .info .name {
	animation-delay: .15s;
	font-size: var(--fs36)
}

.innovation-wrapper-1 .pic .name {
	font-size: var(--fs24);
	bottom: .26rem;
	padding: 0 .24rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.innovation-wrapper-1 .ani {
	display: none
}

.innovation-wrapper-1 .desc {
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	animation-delay: .3s;
	margin-top: .1rem;
	padding-right: 1.38rem;
	background: url(../image/iright.png) no-repeat right center;
	background-size: .54rem
}

.innovation-wrapper-2 .main {
	padding: 0 .3rem
}

.innovation-wrapper-2 .item {
	width: var(--mainW);
	height: 8.8rem;
	position: relative;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	margin: 0 auto .3rem;
	transition: all 1.2s ease;
	-webkit-transition: all 1.2s ease;
	-moz-transition: all 1.2s ease;
	-ms-transition: all 1.2s ease;
	-o-transition: all 1.2s ease;
	border-radius: .1rem;
	overflow: hidden
}

.innovation-wrapper-2 .item:last-child {
	margin-bottom: 0
}

.innovation-wrapper-2 .item:nth-child(even):before {
	background: linear-gradient(to left, rgba(0, 81, 153, 0.8), rgba(0, 81, 153, 0.5), rgba(255, 255, 255, 0.1))
}

.innovation-wrapper-2 .item:before {
	content: "";
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, rgba(0, 51, 140, 0.8), rgba(0, 51, 140, 0.5), rgba(255, 255, 255, 0.1));
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1
}

.innovation-wrapper-2 .item.on {
	width: 100%
}

.innovation-wrapper-2 .item.on .info {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0)
}

.innovation-wrapper-2 .item.on .ani {
	display: block
}

.innovation-wrapper-2 .item:nth-child(even) .info {
	left: auto;
	right: calc((100% - var(--mainW)) / 2)
}

.innovation-wrapper-2 .item.animated.on>.page-title-box {
	opacity: 0;
	visibility: hidden;
	transform: translateY(-1rem);
	-webkit-transform: translateY(-1rem);
	-moz-transform: translateY(-1rem);
	-ms-transform: translateY(-1rem);
	-o-transform: translateY(-1rem)
}

.innovation-wrapper-2 .item.animated>.page-title-box {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0)
}

.innovation-wrapper-2 .item>.page-title-box {
	position: absolute;
	left: 0;
	top: 15%;
	z-index: 10;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-1rem);
	-webkit-transform: translateY(-1rem);
	-moz-transform: translateY(-1rem);
	-ms-transform: translateY(-1rem);
	-o-transform: translateY(-1rem);
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease
}

.innovation-wrapper-2 .ani {
	display: none
}

.innovation-wrapper-2 .info {
	width: 660px;
	position: absolute;
	left: calc((100% - var(--mainW)) / 2);
	top: 0;
	z-index: 10;
	height: 100%;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	align-items: center;
	opacity: 0;
	visibility: hidden;
	transition: all 1.5s ease;
	-webkit-transition: all 1.5s ease;
	-moz-transition: all 1.5s ease;
	-ms-transition: all 1.5s ease;
	-o-transition: all 1.5s ease
}

.innovation-wrapper-2 .info .page-title-box {
	animation-delay: .3s
}

.innovation-wrapper-2 .info .page-title-box .brief {
	width: 96%
}

.innovation-wrapper-2 .inner {
	width: 100%
}

.innovation-wrapper-2 ul {
	list-style-type: none;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	flex-flow: wrap;
	margin-bottom: 0
}

.innovation-wrapper-2 li {
	margin-top: .4rem;
	width: 246px;
	padding-right: 15px
}

.innovation-wrapper-2 li:nth-child(3n) {
	width: 160px;
	padding-right: 0
}

.innovation-wrapper-2 li:nth-child(-n+3) {
	margin-top: 0
}

.innovation-wrapper-2 .num {
	font-family: "bm";
	display: inline-block;
	position: relative;
	line-height: .8rem;
	font-size: var(--fs70);
	color: #fff;
	font-weight: 700
}

.innovation-wrapper-2 .num span {
	display: inline-block;
	height: .8rem
}

.innovation-wrapper-2 .num em,
.innovation-wrapper-2 .num i {
	letter-spacing: -1px;
	color: #fff;
	font-family: "bm";
	display: inline-block;
	font-weight: 500;
	position: relative
}

.innovation-wrapper-2 .num em {
	vertical-align: bottom;
	top: -3px;
	font-size: var(--fs16);
	height: 24px;
	line-height: 24px;
	margin-left: 6px
}

.innovation-wrapper-2 .num i {
	vertical-align: top;
	height: 15px;
	line-height: 15px;
	top: .14rem;
	font-size: var(--fs26);
	margin-left: .08rem
}

.innovation-wrapper-2 .num em+i {
	margin-left: 0;
	position: absolute;
	right: 0;
	z-index: 1
}

.innovation-wrapper-2 p {
	font-family: "light";
	font-weight: 100;
	font-size: var(--fs16);
	line-height: 24px;
	color: #ffffff
}

.innovation-wrapper-3 .left .num,
.innovation-wrapper-3 .left p {
	font-size: var(--fs16);
	color: #666;
	line-height: 24px
}

.innovation-wrapper-3 .left p {
	margin-bottom: 0;
	margin-top: 5px
}

.innovation-wrapper-3 .num span {
	font-family: "bm";
	color: #00338c;
	font-size: var(--fs60);
	height: .7rem;
	line-height: .7rem;
	display: inline-block;
	font-weight: 700;
	margin-right: .08rem
}

.innovation-wrapper-3 .right {
	width: 87.6%;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-flow: wrap
}

.innovation-wrapper-3 .part {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: center;
	margin-bottom: .2rem
}

.innovation-wrapper-3 .part:last-child {
	margin-bottom: 0
}

.innovation-wrapper-3 .part .pic {
	width: calc((100% - .2rem) / 2);
	background-color: #000000;
	border-radius: .1rem;
	position: relative
}

.innovation-wrapper-3 .part .pic:hover img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	opacity: .6
}

.innovation-wrapper-3 .part .pic img {
	opacity: .7;
	transition-property: all
}

.innovation-wrapper-3 .part figcaption {
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 10;
	width: 100%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	font-size: var(--fs36);
	line-height: .48rem;
	color: #ffffff;
	text-align: center;
	font-weight: 700;
	padding: .48rem
}

.innovation-wrapper-3 ul {
	list-style-type: none;
	margin-bottom: 0;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	flex-flow: wrap;
	width: 100%
}

.innovation-wrapper-3 li {
	text-align: center;
	cursor: default;
	height: 1.6rem;
	line-height: 1.6rem;
	background-color: #f4f6f9;
	border-radius: .1rem;
	width: calc((100% - 1rem) / 6);
	margin-right: .2rem;
	margin-top: .2rem;
	font-size: var(--fs24);
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease
}

.innovation-wrapper-3 li:last-child {
	margin-right: 0
}

.innovation-wrapper-3 li:hover {
	background: #fff;
	box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1)
}

.innovation-wrapper-4 .innovation-box .brief {
	height: 180px
}

.innovation-box {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	flex-flow: wrap
}

.innovation-box .item {
	position: relative;
	width: calc((100% - 60px) / 4);
	margin-right: 20px;
	margin-top: 20px;
	overflow: hidden
}

.innovation-box .item:hover .pic:before {
	opacity: .4
}

.innovation-box .item:hover .pic {
	background: #00338c
}

.innovation-box .item:hover .pic img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	opacity: .1
}

.innovation-box .item:hover .icon img {
	opacity: 1;
	visibility: visible
}

.innovation-box .item:hover .icon .init {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	opacity: 0;
	visibility: hidden
}

.innovation-box .item:hover .icon .on {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1)
}

.innovation-box .item:hover .name {
	color: #fff
}

.innovation-box .item:hover .line {
	background: #fff
}

.innovation-box .item:hover .brief {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0)
}

.innovation-box .pic {
	background: #f4f4f5;
	border-radius: .1rem;
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease;
	position: relative
}

.innovation-box .pic:before {
	content: "";
	width: 100%;
	height: 100%;
	background: linear-gradient(201deg, #f4f4f4, rgba(244, 244, 245, 0.5), transparent);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease
}

.innovation-box .pic img {
	opacity: .25
}

.innovation-box .icon {
	position: relative;
	width: .9rem;
	height: .9rem;
	background-color: #00338c;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto
}

.innovation-box .icon .init {
	display: block
}

.innovation-box .icon img {
	width: 100%;
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease;
	max-width: 0.4rem;
	filter: brightness(0) invert(1);
	transform: scale(1);
}

.innovation-box .item:hover .icon{ background-color: #fff;}
.innovation-box .item:hover .icon img {
	transform: scale(1.05);
	filter: none;
}

.innovation-box .icon .on {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	transform: scale(.9);
	-webkit-transform: scale(.9);
	-moz-transform: scale(.9);
	-ms-transform: scale(.9);
	-o-transform: scale(.9)
}

.innovation-box .info {
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	padding: .75rem .44rem .4rem
}

.innovation-box .name {
	font-size: var(--fs30);
	line-height: 36px;
	color: #1c1d25;
	font-family: "medium";
	margin: .45rem auto 0
}

.innovation-box .line {
	width: 26px;
	height: 3px;
	background-color: #00338c;
	border-radius: 2px;
	margin: .23rem auto;
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease
}

.innovation-box .brief {
	font-size: var(--fs17);
	line-height: 30px;
	color: rgba(255, 255, 255, 0.7);
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-o-transform: translateY(10px);
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease;
	overflow-y: auto;
	height: 90px;
	padding-right: .1rem;
	padding-left: .1rem;
	text-align: justify
}

.innovation-box .brief::-webkit-scrollbar {
	width: 3px;
	background-color: rgba(255, 255, 255, 0.8)
}

.innovation-box .brief::-webkit-scrollbar-thumb {
	background-color: #00338c
}

@media screen and (min-width: 1004px) {
	.innovation-wrapper-3 .part .pic:nth-child(-n+2) {
		margin-top: 0
	}

	.innovation-wrapper-3 .part li:nth-child(-n+6) {
		margin-top: 0
	}

	.innovation-wrapper-3 .part li:nth-child(6n),
	.innovation-wrapper-3 .part:last-child {
		margin-right: 0
	}

	.innovation-box .item:nth-child(4n) {
		margin-right: 0
	}

	.innovation-box .item:nth-child(-n+4) {
		margin-top: 0
	}

	.innovation-wrapper-2.supply-wrapper-1 {
		margin-top: .3rem
	}

	.innovation-wrapper-2.supply-wrapper-1 .info {
		width: 670px
	}

	.innovation-wrapper-2.supply-wrapper-1 .page-title-box .brief {
		width: 100%
	}

	.innovation-wrapper-2.supply-wrapper-1 .data li:nth-child(3) {
		margin-top: .4rem
	}

	.innovation-wrapper-2.supply-wrapper-1 .data li:nth-child(odd) {
		width: 246px
	}

	.innovation-wrapper-2.supply-wrapper-1 .data li:nth-child(even) {
		width: 424px
	}
}

@media (max-width: 1600px) {
	.innovation-box .info {
		padding: .5rem .4rem .4rem
	}

	.innovation-box .name {
		margin-top: .36rem
	}

	.innovation-box .line {
		margin: .2rem auto
	}

	.innovation-box .brief {
		line-height: 26px;
		height: 78px
	}

	.innovation-wrapper-4 .innovation-box .brief {
		height: 130px
	}
}

@media (max-width: 1440px) {
	.innovation-box .info {
		padding: .44rem .3rem .4rem
	}

	.innovation-box .line {
		margin: .16rem auto
	}

	.innovation-box .brief {
		line-height: 24px;
		height: 72px
	}

	.innovation-wrapper-4 .innovation-box .brief {
		height: 120px
	}
}

@media (max-width: 1004px) {
	.innovation-wrapper-1 .main {
		display: block
	}

	.innovation-wrapper-1 .item {
		width: 100%;
		margin-right: 0;
		margin-bottom: .3rem
	}

	.innovation-wrapper-1 .item:last-child {
		margin-bottom: 0
	}

	.innovation-wrapper-1 .item:hover .pic:before {
		opacity: .2;
		visibility: visible
	}

	.innovation-wrapper-1 .item:hover .ani {
		display: block
	}

	.innovation-wrapper-1 .item:hover .pic .name {
		opacity: 0;
		visibility: hidden;
		transform: translateY(5px);
		-webkit-transform: translateY(5px);
		-moz-transform: translateY(5px);
		-ms-transform: translateY(5px);
		-o-transform: translateY(5px)
	}

	.innovation-wrapper-1 .pic {
		height: auto;
		background: #00338c
	}

	.innovation-wrapper-1 .pic:before {
		z-index: 1
	}

	.innovation-wrapper-1 .pic:after {
		background-size: 100% 100%
	}

	.innovation-wrapper-1 .name {
		letter-spacing: 0
	}

	.innovation-wrapper-1 .info {
		bottom: .4rem;
		padding: 0 .4rem
	}

	.innovation-wrapper-1 .info .name {
		font-size: var(--fs30)
	}

	.innovation-wrapper-1 .pic .name {
		bottom: .4rem;
		padding: 0 .4rem;
		font-size: var(--fs30)
	}

	.innovation-wrapper-1 .desc {
		font-size: var(--fs16);
		line-height: .44rem;
		padding-right: 1rem;
		background-size: .6rem
	}

	.innovation-wrapper-2 {
		padding-top: .3rem
	}

	.innovation-wrapper-2 .main {
		padding: 0 .3rem
	}

	.innovation-wrapper-2 .item {
		width: 100%;
		height: 8rem;
		transition: all 1.2s ease;
		-webkit-transition: all 1.2s ease;
		-moz-transition: all 1.2s ease;
		-ms-transition: all 1.2s ease;
		-o-transition: all 1.2s ease;
		border-radius: .1rem;
		padding: 1rem 0
	}

	.innovation-wrapper-2 .item:nth-child(odd) {
		background-position: left center
	}

	.innovation-wrapper-2 .item.animated .info {
		opacity: 1;
		visibility: visible;
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0)
	}

	.innovation-wrapper-2 .item.animated .ani {
		display: block
	}

	.innovation-wrapper-2 .item:nth-child(even) {
		background-position: right center
	}

	.innovation-wrapper-2 .item:nth-child(even) .info {
		right: 0
	}

	.innovation-wrapper-2 .item>.page-title-box {
		display: none
	}

	.innovation-wrapper-2 .info {
		width: 100%;
		left: 0;
		padding: 0 .6rem
	}

	.innovation-wrapper-2 .info .page-title-box .brief {
		width: 100%
	}

	.innovation-wrapper-2 ul {
		display: flex;
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		flex-flow: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between
	}

	.innovation-wrapper-2 li {
		width: 48%;
		padding-right: 0;
		margin-top: .48rem
	}

	.innovation-wrapper-2 li:nth-child(3n) {
		width: 48%
	}

	.innovation-wrapper-2 li:nth-child(3) {
		margin-top: .48rem
	}

	.innovation-wrapper-2 .num i {
		font-size: var(--fs30);
		right: 4px;
		top: .1rem;
		margin-left: .12rem
	}

	.innovation-wrapper-2 .num em+i {
		right: 4px
	}

	.innovation-wrapper-3 .left {
		width: 100%;
		margin-bottom: .3rem;
		text-align: center
	}

	.innovation-wrapper-3 .left p {
		margin-top: 0
	}

	.innovation-wrapper-3 .num span {
		font-size: var(--fs70)
	}

	.innovation-wrapper-3 .right {
		width: 100%
	}

	.innovation-wrapper-3 .part {
		display: block;
		margin-bottom: .6rem
	}

	.innovation-wrapper-3 .part .pic {
		width: 100%;
		margin-bottom: .3rem
	}

	.innovation-wrapper-3 .part .pic:last-child {
		margin-bottom: 0
	}

	.innovation-wrapper-3 .part figcaption {
		padding: .4rem
	}

	.innovation-wrapper-3 li {
		height: 1.8rem;
		line-height: 1.8rem;
		width: calc((100% - .6rem) / 3);
		margin-right: .3rem;
		margin-top: .3rem
	}

	.innovation-wrapper-3 li:nth-child(-n+3) {
		margin-top: 0
	}

	.innovation-wrapper-3 li:nth-child(3n) {
		margin-right: 0
	}

	.innovation-wrapper-4 .innovation-box .brief {
		height: 2.2rem
	}

	.innovation-box {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		align-items: flex-start
	}

	.innovation-box .item {
		position: relative;
		width: calc((100% - .3rem) / 2);
		margin-right: 0
	}

	.innovation-box .item:nth-child(-n+2) {
		margin-top: 0
	}

	.innovation-box .item:nth-child(odd) {
		margin-top: 0
	}

	.innovation-box .item:nth-child(even) {
		margin-top: .3rem
	}

	.innovation-box .icon {
		width: .8rem;
		height: .8rem
	}

	.innovation-box .info {
		padding: .6rem .3rem .4rem
	}

	.innovation-box .name {
		font-size: var(--fs24);
		line-height: .48rem;
		margin-top: .3rem
	}

	.innovation-box .line {
		width: .4rem;
		height: 2px;
		margin: .3rem auto
	}

	.innovation-box .brief {
		line-height: .44rem;
		height: 1.32rem
	}
}

.supply-wrapper-2 .swiper-box {
	padding: 0 .47rem
}

.supply-wrapper-2 .swiper-slide-active.pic img {
	opacity: 1;
	visibility: visible
}

.supply-wrapper-2 .pic {
	overflow: inherit
}

.supply-wrapper-2 .pic img {
	opacity: 0;
	visibility: hidden;
	transition-property: all
}

.supply-wrapper-2 ul {
	list-style-type: none
}

.supply-wrapper-2 ul li {
	position: absolute;
	z-index: 10
}

.supply-wrapper-2 ul li.hasInfo {
	z-index: 11
}

.supply-wrapper-2 .circle-box,
.supply-wrapper-2 .circle-1,
.supply-wrapper-2 .circle-2 {
	position: absolute;
	border-radius: 50%
}

.supply-wrapper-2 .circle-box {
	width: 2.83rem;
	height: 2.83rem;
	background-color: rgba(0, 94, 184, 0.02);
	border: solid 1px rgba(0, 94, 184, 0.1);
	bottom: -0.5rem;
	left: 50%;
	margin-left: -1.415rem;
	z-index: -1;
	transform: scale(.1);
	-webkit-transform: scale(.1);
	-moz-transform: scale(.1);
	-ms-transform: scale(.1);
	-o-transform: scale(.1);
	transform-origin: center bottom;
	transition: all 1.6s ease;
	-webkit-transition: all 1.6s ease;
	-moz-transition: all 1.6s ease;
	-ms-transition: all 1.6s ease;
	-o-transition: all 1.6s ease;
	opacity: 0;
	visibility: hidden;
	transition-delay: .15s
}

.supply-wrapper-2 .circle-1 {
	width: 59.36%;
	height: 59.36%;
	background-color: rgba(0, 94, 184, 0.05);
	border: solid 1px rgba(8, 48, 120, 0.1);
	left: 20.32%;
	bottom: 3%;
	z-index: 6;
	transform: scale(.1);
	-webkit-transform: scale(.1);
	-moz-transform: scale(.1);
	-ms-transform: scale(.1);
	-o-transform: scale(.1);
	transform-origin: center bottom;
	transition: all 1.6s ease;
	-webkit-transition: all 1.6s ease;
	-moz-transition: all 1.6s ease;
	-ms-transition: all 1.6s ease;
	-o-transition: all 1.6s ease;
	opacity: 0;
	visibility: hidden;
	transition-delay: .5s
}

.supply-wrapper-2 .circle-2 {
	width: 27.56%;
	height: 27.56%;
	background-color: rgba(0, 94, 184, 0.2);
	border: solid 1px rgba(8, 48, 120, 0.6);
	z-index: 7;
	left: 36.22%;
	bottom: 15%;
	transform-origin: center bottom;
	transition: all 1.6s ease;
	-webkit-transition: all 1.6s ease;
	-moz-transition: all 1.6s ease;
	-ms-transition: all 1.6s ease;
	-o-transition: all 1.6s ease;
	opacity: 0;
	visibility: hidden;
	transition-delay: .9s
}

.supply-wrapper-2 .ani {
	display: none
}

.supply-wrapper-2 .swiper-slide-active li.ani {
	display: block
}

.supply-wrapper-2 .international li:first-child {
	left: 37.5%;
	top: 30.5%
}

.supply-wrapper-2 .international li:first-child .icon i {
	width: .38rem;
	height: .52rem
}

.supply-wrapper-2 .international li:first-child .title {
	font-size: var(--fs24)
}

.supply-wrapper-2 .international li:nth-child(2) {
	left: 41.6%;
	top: 41%
}

.supply-wrapper-2 .international li:nth-child(3) {
	left: 10.8%;
	top: 32.3%
}

.supply-wrapper-2 .international li:nth-child(4) {
	left: 19.8%;
	top: 31.3%
}

.supply-wrapper-2 .international li:nth-child(5) {
	left: 22.1%;
	top: 28.6%
}

.supply-wrapper-2 .international li:nth-child(5) .inner {
	flex-direction: row-reverse
}

.supply-wrapper-2 .international li:nth-child(5) .title {
	margin-left: 0;
	margin-right: .06rem
}

.supply-wrapper-2 .international li:nth-child(6) {
	left: 22%;
	top: 37%
}

.supply-wrapper-2 .international li:nth-child(7) {
	left: 27.6%;
	top: 36.5%
}

.supply-wrapper-2 .international li:nth-child(8) {
	left: 4%;
	top: 51%
}

.supply-wrapper-2 .international li:nth-child(8) .inner {
	display: block;
	text-align: center
}

.supply-wrapper-2 .international li:nth-child(9) {
	left: 9.8%;
	top: 47.8%
}

.supply-wrapper-2 .international li:nth-child(10) {
	left: 10.8%;
	top: 53%
}

.supply-wrapper-2 .international li:nth-child(11) {
	left: 19%;
	top: 48%
}

.supply-wrapper-2 .international li:nth-child(12) {
	left: 18%;
	top: 69%
}

.supply-wrapper-2 .international li:nth-child(13) {
	left: 32.2%;
	top: 41%
}

.supply-wrapper-2 .international li:nth-child(13) .inner {
	flex-direction: row-reverse
}

.supply-wrapper-2 .international li:nth-child(13) .title {
	margin-left: 0;
	margin-right: .06rem
}

.supply-wrapper-2 .international li:nth-child(14) {
	left: 33.2%;
	top: 46%
}

.supply-wrapper-2 .international li:nth-child(14) .inner {
	flex-direction: row-reverse
}

.supply-wrapper-2 .international li:nth-child(14) .title {
	margin-left: 0;
	margin-right: .06rem
}

.supply-wrapper-2 .international li:nth-child(15) {
	left: 33%;
	top: 49%
}

.supply-wrapper-2 .international li:nth-child(15) .inner {
	flex-direction: row-reverse
}

.supply-wrapper-2 .international li:nth-child(15) .title {
	margin-left: 0;
	margin-right: .06rem
}

.supply-wrapper-2 .international li:nth-child(16) {
	left: 37.5%;
	top: 48%
}

.supply-wrapper-2 .international li:nth-child(17) {
	left: 42%;
	top: 48.5%
}

.supply-wrapper-2 .international li:nth-child(18) {
	left: 35.6%;
	top: 54%
}

.supply-wrapper-2 .international li:nth-child(19) {
	left: 43.3%;
	top: 70%
}

.supply-wrapper-2 .international li:nth-child(19) .inner {
	display: block;
	text-align: center
}

.supply-wrapper-2 .international li:nth-child(20) {
	left: 56%;
	top: 83%
}

.supply-wrapper-2 .international li:nth-child(21) {
	left: 77.5%;
	top: 26%
}

.supply-wrapper-2 .international li:nth-child(22) {
	left: 94%;
	top: 66%
}

.supply-wrapper-2 .international .icon {
	position: relative;
	display: inline-block
}

.supply-wrapper-2 .international .icon:before,
.supply-wrapper-2 .international .icon:after {
	content: '';
	display: inline-block;
	position: absolute;
	left: 50%
}

.supply-wrapper-2 .international .icon:before {
	width: .1rem;
	height: .05rem;
	margin-left: -0.05rem;
	bottom: -3px;
	background: url(../image/dot.png) no-repeat;
	background-size: contain;
	animation: circleFadeIn infinite 2s ease;
	z-index: 2
}

.supply-wrapper-2 .international .icon:after {
	width: .26rem;
	height: .13rem;
	background: url(../image/dot2.png) no-repeat;
	background-size: contain;
	margin-left: -0.13rem;
	animation: circleFadeIn infinite 2s ease;
	animation-delay: .5s;
	z-index: 1;
	bottom: -7px
}

.supply-wrapper-2 .international .icon i {
	display: block;
	width: .16rem;
	height: .22rem;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../image/local.png);
	margin: 0 auto;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	position: relative;
	z-index: 11
}

.supply-wrapper-2 .international .inner {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	align-items: flex-end
}

.supply-wrapper-2 .international .title {
	font-size: var(--fs16);
	color: #333;
	font-family: "medium";
	margin-left: .06rem;
	position: relative;
	top: 3px
}

.supply-wrapper-2 .internal li {
	font-size: 0;
	width: .22rem;
	height: .31rem
}

.supply-wrapper-2 .internal li:hover {
	z-index: 15
}

.supply-wrapper-2 .internal li:hover .icon {
	background-position: right top
}

.supply-wrapper-2 .internal li:hover .ani {
	display: block
}

.supply-wrapper-2 .internal li:hover .circle-2,
.supply-wrapper-2 .internal li:hover .circle-1,
.supply-wrapper-2 .internal li:hover .circle-box {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1)
}

.supply-wrapper-2 .internal li:hover .mapline {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1)
}

.supply-wrapper-2 .internal li .icon {
	position: relative;
	z-index: 10;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-position: center center;
	background-image: url(../image/local2.png);
	background-size: .44rem;
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 0
}

.supply-wrapper-2 .internal li:first-child {
	left: 56.4%;
	bottom: 12%
}

.supply-wrapper-2 .internal li:first-child .mapline {
	left: -0.46rem;
	bottom: -0.6rem;
	width: 1.7rem;
	height: 1.79rem;
	transform-origin: center left
}

.supply-wrapper-2 .internal li:nth-child(2) {
	left: 57.5%;
	bottom: 12%
}

.supply-wrapper-2 .internal li:nth-child(2) .mapline {
	left: -0.6rem;
	bottom: -0.5rem;
	width: 1.7rem;
	height: 1.79rem;
	transform-origin: center left
}

.supply-wrapper-2 .internal li:nth-child(3) {
	left: 44.5%;
	bottom: 30.7%
}

.supply-wrapper-2 .internal li:nth-child(3) .mapline {
	left: -2.44rem;
	bottom: -0.9rem;
	width: 3.59rem;
	height: 4.1rem
}

.supply-wrapper-2 .internal li:nth-child(4) {
	left: 57%;
	bottom: 53.8%
}

.supply-wrapper-2 .internal li:nth-child(4) .mapline {
	left: -0.56rem;
	bottom: -1.5rem;
	width: 2.32rem;
	height: 3.68rem;
	transform-origin: center left
}

.supply-wrapper-2 .internal li:nth-child(5) {
	left: 58.3%;
	bottom: 53.8%
}

.supply-wrapper-2 .internal li:nth-child(5) .mapline {
	left: -0.56rem;
	bottom: -1.5rem;
	width: 2.32rem;
	height: 3.68rem;
	transform-origin: center left
}

.supply-wrapper-2 .internal li:nth-child(6) {
	left: 63.6%;
	bottom: 42%
}

.supply-wrapper-2 .internal li:nth-child(6) .mapline {
	left: -1.4rem;
	bottom: -0.64rem;
	width: 2.41rem;
	height: 3.68rem
}

.supply-wrapper-2 .internal li:nth-child(7) {
	left: 57%;
	bottom: 46.7%
}

.supply-wrapper-2 .internal li:nth-child(7) .mapline {
	left: 0;
	bottom: -0.7rem;
	width: 1.74rem;
	height: 1.77rem;
	transform-origin: center left
}

.supply-wrapper-2 .internal li:nth-child(8) {
	left: 56%;
	bottom: 47%
}

.supply-wrapper-2 .internal li:nth-child(8) .mapline {
	left: 0;
	bottom: -0.7rem;
	width: 1.74rem;
	height: 1.77rem;
	transform-origin: center left
}

.supply-wrapper-2 .hasInfo {
	cursor: pointer
}

.supply-wrapper-2 .hidebox {
	position: absolute;
	left: calc(100% + 48px);
	bottom: 0;
	z-index: 10;
	width: 300px;
	background-color: #ffffff;
	box-shadow: 3px 4px 30px 0 rgba(0, 0, 0, 0.14);
	border-radius: 8px;
	padding: .1rem;
	animation-delay: .8s
}

.supply-wrapper-2 .hidebox:hover .img img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05)
}

.supply-wrapper-2 .hidebox .img {
	overflow: hidden;
	animation-delay: .2s
}

.supply-wrapper-2 .hidebox .img img {
	transition: all .8s ease;
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-ms-transition: all .8s ease;
	-o-transition: all .8s ease
}

.supply-wrapper-2 .hidebox .img img {
	height: 1.8rem;
	object-fit: cover
}

.supply-wrapper-2 .hidebox .info {
	padding: 23px 14px 14px;
	animation-delay: .4s
}

.supply-wrapper-2 .hidebox .name {
	font-size: var(--fs24);
	line-height: .32rem;
	color: #222222;
	font-family: "medium"
}

.supply-wrapper-2 .hidebox .brief {
	font-size: var(--fs16);
	font-family: "light";
	font-weight: 100;
	color: #444444;
	line-height: 24px;
	margin-top: 4px
}

.supply-wrapper-2 .mapline {
	position: absolute;
	z-index: -2;
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 0;
	visibility: hidden;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transform: scale(.5);
	-webkit-transform: scale(.5);
	-moz-transform: scale(.5);
	-ms-transform: scale(.5);
	-o-transform: scale(.5);
	transform-origin: bottom center
}

.supply-wrapper-2 .swiperbtn-box a {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	z-index: 10
}

.supply-wrapper-2 .swiperbtn-box a:before {
	background: #eee;
	border: none
}

.supply-wrapper-2 .swiperbtn-box .prev {
	margin-right: 0;
	left: -0.56rem
}

.supply-wrapper-2 .swiperbtn-box .next {
	right: -0.56rem
}

@keyframes circleFadeIn {
	0% {
		opacity: 0;
		transform: scale(0);
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0)
	}

	100% {
		opacity: 1;
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1)
	}
}

.supply-wrapper-3 .pic {
	/* padding: .72rem .3rem; */
	background-color: #ffffff;
	border-radius: .1rem;
	/* border: solid 1px #ededed */
}

.download-box ul {
	list-style-type: none;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	flex-flow: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.download-box li {
	width: calc((100% - .2rem) / 2);
	margin-top: .2rem;
	background-color: #ffffff;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.07);
	padding: .35rem 1.5rem .32rem .44rem;
	border-left: .05rem solid #00338c;
	border-radius: 5px 0px 0px 0px
}

.download-box li:nth-child(-n+2) {
	margin-top: 0
}

.download-box li:hover .title {
	color: #00338c
}

.download-box li a {
	display: inline-block;
	font-family: "light";
	font-weight: 100;
	font-size: 14px;
	color: #666666;
	background-image: url(../image/download.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	padding-left: .36rem;
	background-position: left center;
	background-size: .22rem;
	position: absolute;
	right: .6rem;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transition: color .48s ease;
	-webkit-transition: color .48s ease;
	-moz-transition: color .48s ease;
	-ms-transition: color .48s ease;
	-o-transition: color .48s ease
}

.download-box li a:hover {
	color: #00338c;
	font-family: "medium";
	text-decoration: underline
}

.download-box .title {
	font-size: var(--fs24);
	line-height: 30px;
	color: #333333;
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease;
	margin-bottom: .1rem
}

.download-box p {
	font-family: "light";
	font-weight: 100;
	font-size: var(--fs16);
	line-height: .3rem;
	color: #333333
}

@media (max-width: 1600px) {
	.supply-wrapper-2 .international li:first-child {
		left: 37%;
		top: 29.5%
	}

	.supply-wrapper-2 .international .title {
		font-size: var(--fs15)
	}

	.supply-wrapper-2 .circle-box {
		width: 2.56rem;
		height: 2.56rem
	}
}

@media (max-width: 1366px) {
	.supply-wrapper-2 .circle-box {
		width: 2.35rem;
		height: 2.35rem
	}
}

@media (max-width: 1004px) {
	.supply-wrapper-2 .swiper-box {
		padding: 0 .3rem
	}

	.supply-wrapper-2 ul {
		display: none
	}

	.supply-wrapper-2 .circle-box {
		display: none
	}

	.supply-wrapper-2 .swiperbtn-box .prev {
		left: -0.3rem
	}

	.supply-wrapper-2 .swiperbtn-box .next {
		right: -0.3rem
	}

	.supply-wrapper-3 .pic {
		padding: .6rem .3rem
	}

	.download-box li {
		width: 100%;
		margin-top: 0;
		margin-bottom: .3rem;
		padding: .4rem 1.8rem .4rem .4rem
	}

	.download-box li:last-child {
		margin-bottom: 0
	}

	.download-box li a {
		font-size: var(--fs14);
		right: .3rem;
		background-size: .3rem
	}

	.download-box .title {
		line-height: .48rem
	}

	.download-box p {
		line-height: .44rem
	}
}

.index-box-1 {
	padding: .3rem .3rem 0
}

.index-box-1 .item {
	position: relative;
	margin-bottom: .3rem
}

.index-box-1 .item:last-child {
	margin-bottom: 0
}

.index-box-1 .item:nth-child(even) .info {
	left: auto;
	right: calc((100% - var(--mainW)) / 2)
}

.index-box-1 .item.on .swiper-box {
	padding-right: 10px
}

.index-box-1 .item.on .swiper-btn {
	width: 10px;
	height: 10px;
	transform: none;
	top: 10px
}

.index-box-1 .item.on .swiper-btn.swiper-button-disabled {
	display: none
}

.index-box-1 .item.on .swiper-btn:before {
	content: "";
	width: 50%;
	height: 100%;
	position: absolute;
	left: 25%;
	top: 0;
	z-index: 10;
	background-image: url(../image/right3.png);
	background-size: 10px;
	background-repeat: no-repeat;
	background-position: right center
}

.index-box-1 .item.on .swiper-btn.prev {
	left: -20px
}

.index-box-1 .item.on .swiper-btn.prev:before {
	transform: rotateY(180deg)
}

.index-box-1 .item.on .swiper-btn.next {
	right: 0;
	left: auto
}

.index-box-1 .pic {
	height: 9.2rem;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: .1rem
}

.index-box-1 .title {
	font-weight: 700;
	font-size: .68rem;
	color: #fff;
	line-height: .72rem;
	letter-spacing: 3px
}

.index-box-1 .desc {
	font-size: var(--fs22);
	font-family: "light";
	font-weight: 100;
	line-height: .36rem;
	color: #fffefe;
	margin: .17rem auto .47rem
}

.index-box-1 .detailItem {
	display: none
}

.index-box-1 .detailItem.on {
	display: block
}

.index-box-1 .detailItem.on .brief {
	display: -webkit-box
}

.index-box-1 .detailItem.on .more {
	display: inline-block
}

.index-box-1 .brief {
	font-size: var(--fs16);
	line-height: 28px;
	height: 112px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	color: #fffefe;
	font-family: "light";
	font-weight: 100;
	display: none;
	text-align: justify;
	animation-delay: .1s
}

.index-box-1 .more {
	line-height: 24px;
	display: none;
	animation-delay: .2s;
	margin-top: .1rem
}

.index-box-1 .info {
	width: 611px;
	position: absolute;
	top: 2.54rem;
	left: calc((100% - var(--mainW)) / 2);
	z-index: 10
}

.index-box-1 .swiper-box {
	margin-bottom: .34rem
}

.index-box-1 .swiper-box:after {
	content: "";
	width: 100%;
	height: 1px;
	background: rgba(255, 255, 255, 0.2);
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 0
}

.index-box-1 .swiper-slide {
	width: auto;
	font-size: var(--fs16);
	color: #fff;
	font-family: "light";
	font-weight: 100;
	padding-bottom: .12rem;
	margin-right: .4rem;
	cursor: pointer;
	line-height: 30px
}

.index-box-1 .swiper-slide:last-child {
	margin-right: 0
}

.index-box-1 .swiper-slide:after {
	content: "";
	width: 100%;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease
}

.index-box-1 .swiper-slide.on {
	font-weight: 700
}

.index-box-1 .swiper-slide.on:after {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1)
}

@media (max-width: 1600px) {
	.index-box-1 .pic {
		height: 8.8rem
	}

	.index-box-1 .title {
		font-size: .64rem
	}

	.index-box-1 .info {
		top: 2rem
	}
}

@media (max-width: 1004px) {
	.index-box-1 .item:nth-child(even) .info {
		right: 0
	}

	.index-box-1 .item.on .swiper-btn.prev {
		left: -16px
	}

	.index-box-1 .item.on .swiper-btn.next {
		right: -16px
	}

	.index-box-1 .pic {
		height: auto;
		background: none !important
	}

	.index-box-1 .pic:after {
		content: "";
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.2);
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
		border-radius: .1rem
	}

	.index-box-1 .pic img {
		height: 7rem;
		object-fit: cover
	}

	.index-box-1 .title {
		font-size: var(--fs40);
		line-height: .6rem;
		letter-spacing: 1px
	}

	.index-box-1 .desc {
		line-height: .48rem;
		margin-bottom: .3rem
	}

	.index-box-1 .brief {
		line-height: .44rem;
		max-height: 1.76rem;
		height: auto
	}

	.index-box-1 .info {
		width: 100%;
		top: 1rem;
		padding: 0 .48rem;
		left: 0
	}

	.index-box-1 .swiper-slide {
		margin-right: .3rem
	}

	.index-box-1 .swiper-slide:after {
		height: 1px
	}

	.index-box-1 .more {
		font-size: var(--fs12);
		margin-top: .16rem
	}
}

.index-box-2 {
	padding-left: .3rem;
	padding-right: .3rem
}

.index-news-box {
	text-align: center
}

.index-news-box ul {
	list-style-type: none;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	flex-flow: wrap
}

.index-news-box li {
	cursor: pointer;
	width: calc((100% - 1.2rem) / 3);
	margin-top: .6rem;
	margin-right: .6rem;
	background-color: #ffffff;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.07);
	border-radius: .1rem;
	overflow: hidden
}

.index-news-box li:last-child {
	margin-right: 0
}

.index-news-box li:hover .pic img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05)
}

.index-news-box li:hover .title {
	color: #00338c
}

.index-news-box li:hover .learn {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0)
}

.index-news-box .pic img {
	height: 3.2rem;
	object-fit: cover
}

.index-news-box .info {
	padding: .4rem;
	position: relative;
	text-align: left
}

.index-news-box .title {
	font-size: var(--fs26);
	line-height: .36rem;
	color: #333;
	height: .72rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	transition: color .48s ease;
	-webkit-transition: color .48s ease;
	-moz-transition: color .48s ease;
	-ms-transition: color .48s ease;
	-o-transition: color .48s ease
}

.index-news-box .desc {
	font-family: "light";
	font-weight: 100;
	font-size: var(--fs16);
	line-height: 24px;
	color: #666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 48px;
	margin: .18rem auto .36rem
}

.index-news-box .date {
	font-size: var(--fs20);
	line-height: .4rem;
	color: #000000;
	opacity: .35
}

.index-news-box .learn {
	position: absolute;
	right: .4rem;
	bottom: .4rem;
	z-index: 10;
	background-image: url(../image/iright2.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	width: .4rem;
	height: .4rem;
	transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-o-transform: translateY(10px)
}

.index-news-box .page-more {
	margin-top: .6rem
}

@media screen and (min-width: 1004px) {
	.index-news-box li:nth-child(-n+3) {
		margin-top: 0
	}

	.index-news-box li:nth-child(3n) {
		margin-right: 0
	}
}

@media (max-width: 1600px) {
	.index-news-box .pic img {
		height: 3.24rem
	}
}

@media (max-width: 1004px) {
	.index-news-box li {
		width: 100%;
		margin-top: 0;
		margin-right: 0;
		margin-bottom: .3rem
	}

	.index-news-box li:last-child {
		margin-bottom: 0
	}

	.index-news-box .pic img {
		height: auto
	}

	.index-news-box .info {
		padding: .48rem
	}

	.index-news-box .title {
		font-size: var(--fs26);
		line-height: .48rem;
		height: .96rem
	}

	.index-news-box .desc {
		line-height: .44rem;
		height: .88rem
	}

	.index-news-box .learn {
		right: .48rem;
		bottom: .48rem;
		width: .44rem;
		height: .44rem
	}
}

.pageNum {
	text-align: center;
	font-size: 0;
	margin-top: .8rem
}

.pageNum a {
	position: relative;
	display: inline-block;
	color: #4d4d4d;
	font-size: 14px;
	vertical-align: middle;
	margin: 0 .1rem;
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	padding: 0;
	transition: background .5s ease;
	-webkit-transition: background .5s ease;
	-moz-transition: background .5s ease;
	-ms-transition: background .5s ease;
	-o-transition: background .5s ease
}

.pageNum a:first-child {
	margin-left: 0
}

.pageNum a:last-child {
	margin-right: 0
}

.pageNum a:hover:before {
	opacity: 0;
	visibility: hidden
}

.pageNum a:hover:after {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1)
}

.pageNum a:before,
.pageNum a:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	border-radius: 50%;
	box-sizing: border-box
}

.pageNum a:before {
	box-sizing: border-box;
	border: solid 1px #eaeaea
}

.pageNum a:after {
	background: #00338c;
	opacity: 0;
	visibility: hidden;
	transform: scale(.85);
	-webkit-transform: scale(.85);
	-moz-transform: scale(.85);
	-ms-transform: scale(.85);
	-o-transform: scale(.85)
}

.pageNum i {
	position: relative;
	z-index: 10
}

.pageNum .dot {
	line-height: 38px
}

.pageNum .btn i {
	display: block;
	margin: 19.5px auto 0;
	width: 5px;
	height: 9px;
	background-image: url(../image/right3.png);
	background-size: 10px;
	background-repeat: no-repeat;
	background-position: left center
}

.pageNum .btn:hover i {
	background-position: right center
}

.pageNum .prev i {
	transform: rotateY(180deg)
}

.pageNum a:hover,
.pageNum .a_cur {
	color: #fff
}

.pageNum a:hover:before,
.pageNum .a_cur:before {
	opacity: 0;
	visibility: hidden
}

.pageNum a:hover:after,
.pageNum .a_cur:after {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1)
}

.pageMore {
	display: none;
	margin: .6rem auto 0;
	width: 150px
}

.pageMore a {
	display: block;
	width: 100%;
	text-align: center;
	height: .8rem;
	line-height: .8rem;
	background: #00338c;
	color: #fff;
	font-size: 12px;
	border-radius: .4rem
}

@media (max-width: 1004px) {
	.pageNum {
		/* display: none */
	}
	.pageNum a{
		font-size: 12px;
		width: 36px;
		height: 36px;
		line-height: 36px;
	}
	.pageNum .btn i{
		margin: 11px auto 0;
	}

	.pageMore {
		/* display: block */
	}
}

.page-wrapper .content {
	font-size: var(--fs18);
	line-height: .36rem;
	font-family: "light";
	font-weight: 100
}

@media (max-width: 1004px) {
	.page-wrapper .content {
		line-height: .48rem
	}
}

.search-wrapper {
	border-top: 1px solid #eee
}

.search-wrapper .result {
	margin-bottom: .2rem
}

.search-wrapper .result span {
	display: inline-block;
	font-size: var(--fs16);
	margin-right: .3rem;
	line-height: .48rem
}

.search-wrapper .result b {
	display: inline-block;
	margin: 0 4px;
	color: #00338c;
	font-weight: 700;
	text-decoration: underline
}

.search-wrapper .tips {
	text-align: center;
	font-size: var(--fs18);
	line-height: 30px;
	margin: .48rem auto 0
}

.search-wrapper .tips b {
	font-weight: 700;
	color: #00338c
}

.search-wrapper .list ul {
	list-style-type: none;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	flex-flow: wrap;
	margin-bottom: 0
}

.search-wrapper .list li {
	position: relative;
	list-style: none;
	width: calc((100% - .8rem) / 3);
	margin-right: .4rem;
	margin-top: .3rem;
	border: 1px solid #eee;
	border-radius: 5px;
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease
}

.search-wrapper .list li:hover {
	box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
	border-color: #fff
}

.search-wrapper .list li:hover .title {
	color: #00338c
}

.search-wrapper .list li:hover p:before {
	color: #000
}

.search-wrapper .list li:hover p:after {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0)
}

.search-wrapper .list li a {
	padding: .2rem .3rem;
	display: block
}

.search-wrapper .list .title {
	font-size: var(--fs18);
	color: #000;
	line-height: 24px;
	transition: color .3s ease;
	-webkit-transition: color .3s ease;
	-moz-transition: color .3s ease;
	-ms-transition: color .3s ease;
	-o-transition: color .3s ease;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden
}

.search-wrapper .list p {
	text-align: right;
	font-size: 0;
	margin-top: .2rem
}

.search-wrapper .list p:before {
	transition: all .48s ease;
	-webkit-transition: all .48s ease;
	-moz-transition: all .48s ease;
	-ms-transition: all .48s ease;
	-o-transition: all .48s ease;
	vertical-align: middle;
	content: "MORE";
	font-size: var(--fs16);
	color: #666
}

@media screen and (min-width: 1004px) {
	.search-wrapper .list li:nth-child(-n+3) {
		margin-top: 0
	}

	.search-wrapper .list li:last-child,
	.search-wrapper .list li:nth-child(3n) {
		margin-right: 0
	}
}

@media (max-width: 1004px) {
	.search-wrapper .result {
		margin-bottom: .3rem
	}

	.search-wrapper .result span {
		font-size: var(--fs14);
		margin-right: .48rem
	}

	.search-wrapper .list li {
		width: 100%;
		margin-right: 0;
		margin-top: .3rem
	}

	.search-wrapper .list li:first-child {
		margin-top: 0
	}

	.search-wrapper .list li a {
		padding: .3rem
	}

	.search-wrapper .list .title {
		font-size: var(--fs18);
		line-height: .48rem;
		margin-right: .6rem
	}

	.search-wrapper .list p:before {
		color: #333
	}

	.search-wrapper .list p:after {
		opacity: 1;
		visibility: visible;
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		width: .2rem;
		height: .2rem
	}
}

@media screen and (min-width:1024px) {
	::-webkit-scrollbar {
		width: 5px;
		background-color: #f7f8f9
	}

	::-webkit-scrollbar-thumb {
		background-color: #00338c
	}
}

.btnbg {
	position: relative;
	text-align: center;
	color: #fff;
	transition: all .1s;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto
}

.btnbg:hover i {
	-moz-animation: anim-out .75s;
	-webkit-animation: anim-out .75s;
	animation: anim-out .75s
}

.btnbg:hover i:after {
	-moz-animation: anim-out-pseudo .75s;
	-webkit-animation: anim-out-pseudo .75s;
	animation: anim-out-pseudo .75s
}

.btnbg span {
	position: relative;
	z-index: 1
}

.btnbg i {
	display: block;
	-moz-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 0
}

.btnbg i:before {
	position: relative;
	content: '';
	display: block;
	margin-top: 100%
}

.btnbg i:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 50%
}

@keyframes iconScale {
	0% {
		transform: scale(.5);
		-webkit-transform: scale(.5);
		-moz-transform: scale(.5);
		-ms-transform: scale(.5);
		-o-transform: scale(.5);
		opacity: 1
	}

	100% {
		transform: scale(2);
		-webkit-transform: scale(2);
		-moz-transform: scale(2);
		-ms-transform: scale(2);
		-o-transform: scale(2);
		opacity: 0
	}
}

@keyframes iconScale2 {
	0% {
		transform: scale(.8);
		-webkit-transform: scale(.8);
		-moz-transform: scale(.8);
		-ms-transform: scale(.8);
		-o-transform: scale(.8);
		opacity: 1
	}

	100% {
		transform: scale(1.5);
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		-o-transform: scale(1.5);
		opacity: 0
	}
}

@keyframes iconScale3 {
	0% {
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		opacity: 1
	}

	100% {
		transform: scale(2);
		-webkit-transform: scale(2);
		-moz-transform: scale(2);
		-ms-transform: scale(2);
		-o-transform: scale(2);
		opacity: 0
	}
}

.circleOn:before {
	animation: iconScale 2s .2s linear
}

.circleOn:after {
	animation: iconScale 2s 1s linear
}

.circle {
	width: 70px;
	height: 70px;
	position: absolute;
	right: -35px;
	bottom: -35px;
	z-index: 0
}

.circle:before,
.circle:after {
	content: "";
	border: 1px solid rgba(255, 255, 255, 0.6);
	box-sizing: border-box;
	border-radius: 50%;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	opacity: 0
}ity:0}