@charset "UTF-8";html{-webkit-font-smoothing: antialiased;}
blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul{margin: 0;padding: 0;}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin: 0;padding: 0;}
table{border-collapse: collapse;border-spacing: 0;}
table, th, td{border: 1px solid black;}
fieldset, img{border: 0;}
address, caption, cite, code, dfn, em, var{font-style: normal;font-weight: 400;}
dl, ol, ul{list-style-type: none;}
h1, h2, h3, h4, h5, h6{font-size: 100%;}
a{text-decoration: none;blr: expression(this.onFocus=this.blur());color: inherit;}
a:hover{text-decoration: none;-webkit-tap-highlight-color: rgba(255, 0, 0, 0);outline: 0;outline: none;blr: expression(this.onFocus=this.blur());}
a:focus, a:hover, a:active{outline: none;blr: expression(this.onFocus=this.blur());}
sup{vertical-align: text-top;}
sub{vertical-align: text-bottom;}
textarea{resize: none;outline: none;font-family: Arial, Microsoft Yahei;}
img{vertical-align: middle;height: auto;}
@media (min-width: 1201px){
	img{image-rendering: -webkit-optimize-contrast;image-rendering: -o-crisp-edges;image-rendering: -moz-crisp-edges;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;}
}
button, input[type=submit], input[type=text], input[type=button]{outline: none;-webkit-appearance: none;-webkit-tap-highlight-color: rgba(255, 0, 0, 0);outline: 0;blr: expression(this.onFocus=this.blur());}
input{outline: 0;border-radius: 0;}
input::-webkit-input-safebox-button{display: none;/*去掉搜狗浏览器密码软盘*/}
body{color: #000;line-height: 1;overflow-x: auto !important;font-family: Arial, Microsoft Yahei;}
body *{box-sizing: border-box;}
#web-ietip{width: 610px;height: 173px;padding: 83px 0 0 84px;overflow: hidden;background: url(../css/ietip/browser.png) no-repeat center center;margin: 200px auto 0;}
#web-ietip a{display: block;width: 65px;height: 80px;float: left;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;line-height: 0;font-size: 0;}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.eps2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.img-hover{position: relative;overflow: hidden;}
.img-hover img{display: block;transform: scale(1.001);vertical-align: top;transition: all 0.5s ease 0s;}
.img-hover:hover img{transform: scale(1.07);}
.pic-hover{overflow: hidden;position: relative;}
.pic-hover img{transition: transform 12s cubic-bezier(0.23, 1, 0.32, 1);transform: scale(1);}
.pic-hover:hover img{transform: scale(1.1);}
html{font-size: 5.2083333333vw;}
@media (max-width: 900px){
	html{font-size: 46.875px;}
}
*{line-height: 1;font-weight: normal;}
/* 取消input[type="number"]的上下箭头 */ /* 针对 Chrome 浏览器 */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0;}
/* 针对 Firefox 浏览器 */ input[type=number]{-moz-appearance: textfield;}
button, label{cursor: pointer;}
body{font-size: 0.16rem;}
[data-eps]{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;/*! autoprefixer: off */ -webkit-box-orient: vertical;/* autoprefixer: on */ -webkit-box-orient: vertical;}
[data-eps="1"]{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
[data-eps="2"]{-webkit-line-clamp: 2;}
[data-eps="3"]{-webkit-line-clamp: 3;}
[data-eps="4"]{-webkit-line-clamp: 4;}
[data-eps="5"]{-webkit-line-clamp: 5;}
[data-eps="6"]{-webkit-line-clamp: 6;}
[data-eps="7"]{-webkit-line-clamp: 7;}
[data-eps="8"]{-webkit-line-clamp: 8;}
[data-eps="9"]{-webkit-line-clamp: 9;}
[data-eps="10"]{-webkit-line-clamp: 10;}
@media (max-width: 600px){
	*[data-hidden="600"]{display: none !important;}
}
@media (max-width: 700px){
	*[data-hidden="700"]{display: none !important;}
}
@media (max-width: 800px){
	*[data-hidden="800"]{display: none !important;}
}
@media (max-width: 900px){
	*[data-hidden="900"]{display: none !important;}
}
@media (max-width: 1000px){
	*[data-hidden="1000"]{display: none !important;}
}
@media (max-width: 1100px){
	*[data-hidden="1100"]{display: none !important;}
}
@media (max-width: 1200px){
	*[data-hidden="1200"]{display: none !important;}
}
@media (max-width: 1584px){
	body{font-size: 13.2px;}
}
.s12{font-size: calc(12 * 1rem / 100);}
@media (max-width: 1920px){
	.s12{font-size: 12px;}
}
.s13{font-size: calc(13 * 1rem / 100);}
@media (max-width: 1817px){
	.s13{font-size: 12.3px;}
}
.s14{font-size: calc(14 * 1rem / 100);}
@media (max-width: 1728px){
	.s14{font-size: 12.6px;}
}
.s15{font-size: calc(15 * 1rem / 100);}
@media (max-width: 1651px){
	.s15{font-size: 12.9px;}
}
.s16{font-size: calc(16 * 1rem / 100);}
@media (max-width: 1584px){
	.s16{font-size: 13.2px;}
}
.s17{font-size: calc(17 * 1rem / 100);}
@media (max-width: 1525px){
	.s17{font-size: 13.5px;}
}
.s18{font-size: calc(18 * 1rem / 100);}
@media (max-width: 1472px){
	.s18{font-size: 13.8px;}
}
.s19{font-size: calc(19 * 1rem / 100);}
@media (max-width: 1425px){
	.s19{font-size: 14.1px;}
}
.s20{font-size: calc(20 * 1rem / 100);}
@media (max-width: 1382px){
	.s20{font-size: 14.4px;}
}
.s21{font-size: calc(21 * 1rem / 100);}
@media (max-width: 1344px){
	.s21{font-size: 14.7px;}
}
.s22{font-size: calc(22 * 1rem / 100);}
@media (max-width: 1309px){
	.s22{font-size: 15px;}
}
.s23{font-size: calc(23 * 1rem / 100);}
@media (max-width: 1277px){
	.s23{font-size: 15.3px;}
}
.s24{font-size: calc(24 * 1rem / 100);}
@media (max-width: 1248px){
	.s24{font-size: 15.6px;}
}
.s25{font-size: calc(25 * 1rem / 100);}
@media (max-width: 1221px){
	.s25{font-size: 15.9px;}
}
.s26{font-size: calc(26 * 1rem / 100);}
@media (max-width: 1196px){
	.s26{font-size: 16.2px;}
}
.s27{font-size: calc(27 * 1rem / 100);}
@media (max-width: 1173px){
	.s27{font-size: 16.5px;}
}
.s28{font-size: calc(28 * 1rem / 100);}
@media (max-width: 1152px){
	.s28{font-size: 16.8px;}
}
.s29{font-size: calc(29 * 1rem / 100);}
@media (max-width: 1132px){
	.s29{font-size: 17.1px;}
}
.s30{font-size: calc(30 * 1rem / 100);}
@media (max-width: 1114px){
	.s30{font-size: 17.4px;}
}
.s31{font-size: calc(31 * 1rem / 100);}
@media (max-width: 1096px){
	.s31{font-size: 17.7px;}
}
.s32{font-size: calc(32 * 1rem / 100);}
@media (max-width: 1080px){
	.s32{font-size: 18px;}
}
.s33{font-size: calc(33 * 1rem / 100);}
@media (max-width: 1065px){
	.s33{font-size: 18.3px;}
}
.s34{font-size: calc(34 * 1rem / 100);}
@media (max-width: 1050px){
	.s34{font-size: 18.6px;}
}
.s35{font-size: calc(35 * 1rem / 100);}
@media (max-width: 1037px){
	.s35{font-size: 18.9px;}
}
.s36{font-size: calc(36 * 1rem / 100);}
@media (max-width: 1024px){
	.s36{font-size: 19.2px;}
}
.s37{font-size: calc(37 * 1rem / 100);}
@media (max-width: 1012px){
	.s37{font-size: 19.5px;}
}
.s38{font-size: calc(38 * 1rem / 100);}
@media (max-width: 1000px){
	.s38{font-size: 19.8px;}
}
.s39{font-size: calc(39 * 1rem / 100);}
@media (max-width: 990px){
	.s39{font-size: 20.1px;}
}
.s40{font-size: calc(40 * 1rem / 100);}
@media (max-width: 979px){
	.s40{font-size: 20.4px;}
}
.s41{font-size: calc(41 * 1rem / 100);}
@media (max-width: 969px){
	.s41{font-size: 20.7px;}
}
.s42{font-size: calc(42 * 1rem / 100);}
@media (max-width: 960px){
	.s42{font-size: 21px;}
}
.s43{font-size: calc(43 * 1rem / 100);}
@media (max-width: 951px){
	.s43{font-size: 21.3px;}
}
.s44{font-size: calc(44 * 1rem / 100);}
@media (max-width: 943px){
	.s44{font-size: 21.6px;}
}
.s45{font-size: calc(45 * 1rem / 100);}
@media (max-width: 934px){
	.s45{font-size: 21.9px;}
}
.s46{font-size: calc(46 * 1rem / 100);}
@media (max-width: 927px){
	.s46{font-size: 22.2px;}
}
.s47{font-size: calc(47 * 1rem / 100);}
@media (max-width: 919px){
	.s47{font-size: 22.5px;}
}
.s48{font-size: calc(48 * 1rem / 100);}
@media (max-width: 912px){
	.s48{font-size: 22.8px;}
}
.s49{font-size: calc(49 * 1rem / 100);}
@media (max-width: 905px){
	.s49{font-size: 23.1px;}
}
.s50{font-size: calc(50 * 1rem / 100);}
@media (max-width: 899px){
	.s50{font-size: 23.4px;}
}
.s51{font-size: calc(51 * 1rem / 100);}
@media (max-width: 892px){
	.s51{font-size: 23.7px;}
}
.s52{font-size: calc(52 * 1rem / 100);}
@media (max-width: 886px){
	.s52{font-size: 24px;}
}
.s53{font-size: calc(53 * 1rem / 100);}
@media (max-width: 880px){
	.s53{font-size: 24.3px;}
}
.s54{font-size: calc(54 * 1rem / 100);}
@media (max-width: 875px){
	.s54{font-size: 24.6px;}
}
.s55{font-size: calc(55 * 1rem / 100);}
@media (max-width: 869px){
	.s55{font-size: 24.9px;}
}
.s56{font-size: calc(56 * 1rem / 100);}
@media (max-width: 864px){
	.s56{font-size: 25.2px;}
}
.s57{font-size: calc(57 * 1rem / 100);}
@media (max-width: 859px){
	.s57{font-size: 25.5px;}
}
.s58{font-size: calc(58 * 1rem / 100);}
@media (max-width: 854px){
	.s58{font-size: 25.8px;}
}
.s59{font-size: calc(59 * 1rem / 100);}
@media (max-width: 849px){
	.s59{font-size: 26.1px;}
}
.s60{font-size: calc(60 * 1rem / 100);}
@media (max-width: 845px){
	.s60{font-size: 26.4px;}
}
.s61{font-size: calc(61 * 1rem / 100);}
@media (max-width: 840px){
	.s61{font-size: 26.7px;}
}
.s62{font-size: calc(62 * 1rem / 100);}
@media (max-width: 836px){
	.s62{font-size: 27px;}
}
.s63{font-size: calc(63 * 1rem / 100);}
@media (max-width: 832px){
	.s63{font-size: 27.3px;}
}
.s64{font-size: calc(64 * 1rem / 100);}
@media (max-width: 828px){
	.s64{font-size: 27.6px;}
}
.s65{font-size: calc(65 * 1rem / 100);}
@media (max-width: 824px){
	.s65{font-size: 27.9px;}
}
.s66{font-size: calc(66 * 1rem / 100);}
@media (max-width: 820px){
	.s66{font-size: 28.2px;}
}
.s67{font-size: calc(67 * 1rem / 100);}
@media (max-width: 817px){
	.s67{font-size: 28.5px;}
}
.s68{font-size: calc(68 * 1rem / 100);}
@media (max-width: 813px){
	.s68{font-size: 28.8px;}
}
.s69{font-size: calc(69 * 1rem / 100);}
@media (max-width: 810px){
	.s69{font-size: 29.1px;}
}
.s70{font-size: calc(70 * 1rem / 100);}
@media (max-width: 806px){
	.s70{font-size: 29.4px;}
}
.s71{font-size: calc(71 * 1rem / 100);}
@media (max-width: 803px){
	.s71{font-size: 29.7px;}
}
.s72{font-size: calc(72 * 1rem / 100);}
@media (max-width: 800px){
	.s72{font-size: 30px;}
}
.s73{font-size: calc(73 * 1rem / 100);}
@media (max-width: 797px){
	.s73{font-size: 30.3px;}
}
.s74{font-size: calc(74 * 1rem / 100);}
@media (max-width: 794px){
	.s74{font-size: 30.6px;}
}
.s75{font-size: calc(75 * 1rem / 100);}
@media (max-width: 791px){
	.s75{font-size: 30.9px;}
}
.s76{font-size: calc(76 * 1rem / 100);}
@media (max-width: 788px){
	.s76{font-size: 31.2px;}
}
.s77{font-size: calc(77 * 1rem / 100);}
@media (max-width: 785px){
	.s77{font-size: 31.5px;}
}
.s78{font-size: calc(78 * 1rem / 100);}
@media (max-width: 783px){
	.s78{font-size: 31.8px;}
}
.s79{font-size: calc(79 * 1rem / 100);}
@media (max-width: 780px){
	.s79{font-size: 32.1px;}
}
.s80{font-size: calc(80 * 1rem / 100);}
@media (max-width: 778px){
	.s80{font-size: 32.4px;}
}
@media (max-width: 750px){
	html{font-size: 13.3333333333vw;}
}
@media (max-width: 750px){
	.s12{font-size: 0.22rem;}
.s13{font-size: 0.23rem;}
.s14{font-size: 0.24rem;}
.s15{font-size: 0.25rem;}
.s16{font-size: 0.26rem;}
.s17{font-size: 0.27rem;}
.s18{font-size: 0.28rem;}
.s19{font-size: 0.29rem;}
.s20{font-size: 0.3rem;}
.s21{font-size: 0.31rem;}
.s22{font-size: 0.32rem;}
.s23{font-size: 0.33rem;}
.s24{font-size: 0.34rem;}
.s25{font-size: 0.35rem;}
.s26{font-size: 0.36rem;}
.s27{font-size: 0.37rem;}
.s28{font-size: 0.38rem;}
.s29{font-size: 0.39rem;}
.s30{font-size: 0.4rem;}
.s31{font-size: 0.41rem;}
.s32{font-size: 0.42rem;}
.s33{font-size: 0.43rem;}
.s34{font-size: 0.44rem;}
.s35{font-size: 0.45rem;}
.s36{font-size: 0.46rem;}
.s37{font-size: 0.47rem;}
.s38{font-size: 0.48rem;}
.s39{font-size: 0.48rem;}
.s40{font-size: 0.48rem;}
.s41{font-size: 0.48rem;}
.s42{font-size: 0.48rem;}
.s43{font-size: 0.48rem;}
.s44{font-size: 0.48rem;}
.s45{font-size: 0.48rem;}
.s46{font-size: 0.48rem;}
.s47{font-size: 0.48rem;}
.s48{font-size: 0.48rem;}
.s49{font-size: 0.48rem;}
.s50{font-size: 0.48rem;}
.s51{font-size: 0.48rem;}
.s52{font-size: 0.48rem;}
.s53{font-size: 0.48rem;}
.s54{font-size: 0.48rem;}
.s55{font-size: 0.48rem;}
.s56{font-size: 0.48rem;}
.s57{font-size: 0.48rem;}
.s58{font-size: 0.48rem;}
.s59{font-size: 0.48rem;}
.s60{font-size: 0.48rem;}
.s61{font-size: 0.48rem;}
.s62{font-size: 0.48rem;}
.s63{font-size: 0.48rem;}
.s64{font-size: 0.48rem;}
.s65{font-size: 0.48rem;}
.s66{font-size: 0.48rem;}
.s67{font-size: 0.48rem;}
.s68{font-size: 0.48rem;}
.s69{font-size: 0.48rem;}
.s70{font-size: 0.48rem;}
.s71{font-size: 0.48rem;}
.s72{font-size: 0.48rem;}
.s73{font-size: 0.48rem;}
.s74{font-size: 0.48rem;}
.s75{font-size: 0.48rem;}
.s76{font-size: 0.48rem;}
.s77{font-size: 0.48rem;}
.s78{font-size: 0.48rem;}
.s79{font-size: 0.48rem;}
.s80{font-size: 0.48rem;}
}
.cn-wh, .cn-w, .cv-wh, .cv-w{width: 100%;}
.cn-wh, .cn-h, .cv-wh, .cv-h{height: 100%;}
.cn-wh, .cn-w, .cn-h{-o-object-fit: contain;object-fit: contain;}
.cv-wh, .cv-w, .cv-h{-o-object-fit: cover;object-fit: cover;}
.cf{color: #fff;}
a{cursor: pointer;}
.icon{display: inline-block;width: 1em;height: 1em;}
.btn-box{display: inline-block;}
:root{--expand-index: 52;--mask-index: 51;--dialog-index: 60;--theme-color: #00a2ff;--theme-sub-color: #022d93 --gradient: #022d93, #0d81e2;}
.dialog{position: fixed;top: 0;left: 0;display: none;justify-content: center;align-items: center;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5333333333);z-index: var(--dialog-index);}
.dialog .dialog-inner{position: relative;}
.dialog .dialog-main{padding: 0.3rem;min-width: 5rem;min-height: 2rem;border-radius: 0.08rem;background-color: #fff;}
.dialog .dialog-cancel{position: absolute;top: 0.1rem;right: 0.1rem;width: 1em;height: 1em;background-size: 100%;cursor: pointer;}
.dialog .dialog-cancel::after{content: "✕";display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;font-weight: bold;color: #666;}
.dialog.dialog-show{display: flex !important;}
.expand-bar{height: 100vh;min-width: 40%;transition: 0.3s;position: fixed;right: 0;top: 0;background-color: #fff;overflow-y: auto;z-index: var(--expand-index);transform: translateX(100%);}
.expand-bar .expand-list{padding: 0.3rem 0;}
.expand-bar .expand-list li{position: relative;flex-direction: column;display: flex;justify-content: space-evenly;align-items: center;padding-top: 0.01rem;transition: 0.3s;border-bottom: 0.01rem solid #eee;}
.expand-bar .expand-list li.active .expand-item{background-color: var(--theme-color);color: #fff;}
.expand-bar .expand-list li.active .expand-item:has(+ .expand-sub-list)::after{transform: rotate(180deg);filter: invert(1);}
.expand-bar .expand-list li.active .expand-sub-list{display: flex;}
.expand-bar .expand-item{display: flex;align-items: center;justify-content: space-between;padding: 0.1rem 0.5rem;width: 100%;height: 100%;color: #333;line-height: 2;transition: 0.3s;}
.expand-bar .expand-item:has(+ .expand-sub-list)::after{content: "";width: 1em;height: 1em;margin-left: 0.3rem;background: url("../images/icon/dropdown.png") no-repeat center/contain;transition: 0.3s;}
.expand-bar .expand-sub-list{display: none;flex-direction: column;width: 100%;background-color: #f8f8f8;padding-bottom: 0.2rem;padding-left: 0.2rem;}
.expand-bar .expand-sub-item{position: relative;padding: 0.05rem 0.5rem;line-height: 2;color: #444;}
.expand-bar.expand-show{opacity: 1;transform: translateX(0);}
.expand-mask{position: fixed;top: 0;right: 0;height: 100%;width: 0;opacity: 0;background-color: rgba(0, 0, 0, 0.5333333333);transition: 0.5s;opacity: 0;z-index: var(--mask-index);}
.expand-mask.mask-show{width: 100%;opacity: 1;}
.dialog-search .dialog-main{position: relative;display: flex;align-items: center;justify-content: center;padding: 0;min-width: 0;min-height: 0;background-color: transparent;}
.dialog-search .search-ipt{max-width: 80vw;height: 3em;width: 40em;padding: 0.15rem 0;padding-left: 0.2rem;padding-right: 3.2em;outline: none;border: none;border-radius: 0.05rem;background-color: #fff;}
.dialog-search .search-btn{background-size: 40%;position: absolute;top: 0.02rem;right: 0.02rem;width: 3em;height: calc(100% - 0.04rem);border-radius: 0.05rem;padding: 0.1rem;background-color: #000;outline: none;border: none;cursor: pointer;}
.dialog-search img{filter: grayscale(1) brightness(10);}
.to-c{transform-origin: center;}
.to-lt{transform-origin: left top;}
.to-lb{transform-origin: left bottom;}
.to-rt{transform-origin: right top;}
.to-rb{transform-origin: right bottom;}
@keyframes ani-slide-top{to{transform: translateY(0);opacity: 1;}
}
[ani-slide-top]{transform: translateY(-50%);opacity: 0;}
@keyframes ani-bounce{10%{transform: translateY(0);animation-timing-function: ease-out;opacity: 1;}
28%{transform: translateY(-15%);animation-timing-function: ease-in-out;}
45%{transform: translateY(0);animation-timing-function: ease-out;}
58%{transform: translateY(-8%);animation-timing-function: ease-in;}
69%{transform: translateY(0);animation-timing-function: ease-out;}
80%{transform: translateY(-4%);animation-timing-function: ease-in;}
87%{transform: translateY(0);animation-timing-function: ease-out;}
93%{transform: translateY(-2%);animation-timing-function: ease-in;}
100%{transform: translateY(0);animation-timing-function: ease-out;opacity: 1;}
}
[ani-bounce]{transform: translateY(-50%);opacity: 0;}
.ani-bounce{animation: ani-bounce 1s ease-in-out forwards;}
@keyframes ani-bounce2{10%{transform: translateY(0);animation-timing-function: ease-out;opacity: 1;}
45%{transform: translateY(-25%);animation-timing-function: ease-in-out;}
56%{transform: translateY(0);animation-timing-function: ease-out;}
62%{transform: translateY(-8%);animation-timing-function: ease-in;}
78%{transform: translateY(0);animation-timing-function: ease-out;}
89%{transform: translateY(-3%);animation-timing-function: ease-in;}
100%{transform: translateY(0);animation-timing-function: ease-out;opacity: 1;}
}
[ani-bounce2]{transform: translateY(-50%);opacity: 0;}
.ani-bounce2{animation: ani-bounce2 1.5s ease-in-out forwards;}
@keyframes ani-slide-bottom-back{80%{transform: translateY(-10%);}
100%{transform: translateY(0);opacity: 1;}
}
[ani-slide-bottom-back]{transform: translateY(50%);opacity: 0;}
.ani-slide-bottom-back{animation: ani-slide-bottom-back 0.7s ease-in-out forwards;}
@keyframes ani-slide-top{to{transform: translateY(0);opacity: 1;}
}
[ani-slide-top]{transform: translateY(-50%);opacity: 0;transform-origin: center;}
.ani-slide-top{animation: ani-slide-top 0.8s ease-in-out forwards;}
@keyframes ani-slide-bottom{to{transform: translateY(0);opacity: 1;}
}
[ani-slide-bottom]{transform: translateY(50%);opacity: 0;transform-origin: center;}
.ani-slide-bottom{animation: ani-slide-bottom 0.8s ease-in-out forwards;}
@keyframes ani-slide-left{to{transform: translateX(0);opacity: 1;}
}
[ani-slide-left]{transform: translateX(-50%);opacity: 0;transform-origin: center;}
.ani-slide-left{animation: ani-slide-left 0.8s ease-in-out forwards;}
@keyframes ani-slide-right{to{transform: translateX(0);opacity: 1;}
}
[ani-slide-right]{transform: translateX(50%);opacity: 0;transform-origin: center;}
.ani-slide-right{animation: ani-slide-right 0.8s ease-in-out forwards;}
@keyframes ani-lessen{to{transform: scale(1);opacity: 1;}
}
[ani-lessen]{transform: scale(1.5);opacity: 0;transform-origin: center;}
.ani-lessen{animation: ani-lessen 0.8s ease-in-out forwards;}
@keyframes ani-scale{to{transform: scale(1);opacity: 1;}
}
[ani-scale]{transform: scale(0.5);opacity: 0;transform-origin: center;}
.ani-scale{animation: ani-scale 0.8s ease-in-out forwards;}
@keyframes ani-rotate{to{transform: rotateZ(0);opacity: 1;}
}
[ani-rotate]{transform: rotateZ(-90deg);opacity: 0;transform-origin: center;}
.ani-rotate{animation: ani-rotate 0.8s ease-in-out forwards;}
@keyframes ani-rotate-reverse{to{transform: rotateZ(0);opacity: 1;}
}
[ani-rotate-reverse]{transform: rotateZ(90deg);opacity: 0;transform-origin: center;}
.ani-rotate-reverse{animation: ani-rotate-reverse 0.8s ease-in-out forwards;}
@keyframes ani-scale-x{to{transform: scaleX(1);}
}
[ani-scale-x]{transform: scaleX(0);transform-origin: left;}
.ani-scale-x{animation: ani-scale-x 0.8s ease-in-out forwards;}
@keyframes ani-scale-y{to{transform: scaleY(1);}
}
[ani-scale-y]{transform: scaleY(0);transform-origin: left;}
.ani-scale-y{animation: ani-scale-y 0.8s ease-in-out forwards;}
@keyframes ani-filter-white{to{filter: none;opacity: 1;}
}
[ani-filter-white]{filter: brightness(5);opacity: 0;}
.ani-filter-white{animation: ani-filter-white 0.8s ease-in-out forwards;}
@keyframes ani-filter-black{to{filter: none;opacity: 1;}
}
[ani-filter-black]{filter: brightness(0);opacity: 0;}
.ani-filter-black{animation: ani-filter-black 0.8s ease-in-out forwards;}
.wrap{padding: 0 0.6rem;max-width: 100%;overflow: hidden;}
.area{margin: 0 auto;width: 100%;max-width: 12rem;}
input{border: none;outline: none;background-color: transparent;width: 100%;height: 100%;line-height: 1;}
button{background-color: transparent;border: none;}
.scroll-x{overflow-x: auto;}
.scroll-x *{-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.scroll-x::-webkit-scrollbar{display: none;}
.root-2{display: flex;align-items: flex-start;}
.root-2::after{content: "2";font-size: 0.5em;}
.root-3{display: flex;align-items: flex-start;}
.root-3::after{content: "3";font-size: 0.5em;}
.hover-line{position: relative;}
.hover-line::after{content: "";position: absolute;bottom: -0.02rem;left: 0;width: 0;height: 0.02rem;background-color: var(--theme-color);transition: 0.3s;}
.hover-line:hover::after{width: 100%;}
.hover-shadow{cursor: pointer;transition: 0.3s;}
.hover-shadow:hover{box-shadow: 0.02rem 0.02rem 0.05rem rgba(0, 0, 0, 0.5333333333), -0.02rem -0.02rem 0.05rem rgba(0, 0, 0, 0.2) inset, 0.02rem 0.02rem 0.05rem rgba(255, 255, 255, 0.5333333333) inset;}
/* <div class="paging-turner"> <a class="paging-prev s18"></a> <div class="paging-index-list"> <a class="paging-index active"><span class="s16 c2">1</span></a> <a class="paging-index"><span class="s16 c2">2</span></a> <div class="paging-eps"><span class="s16 c2">...</span></div> <a class="paging-index"><span class="s16 c2">9</span></a> </div> <a class="paging-next s18"></a> </div> */ .paging-turner{display: flex;align-items: center;justify-content: center;}
.paging-turner .paging-index-list{display: flex;align-items: center;}
.paging-turner .paging-prev, .paging-turner .paging-next, .paging-turner .paging-index, .paging-turner .paging-eps{display: flex;align-items: center;justify-content: center;width: 0.44rem;height: 0.44rem;margin-right: 0.1rem;cursor: pointer;transition: 0.3s;}
.paging-turner .paging-prev span, .paging-turner .paging-next span, .paging-turner .paging-index span, .paging-turner .paging-eps span{-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.paging-turner .paging-prev::after, .paging-turner .paging-next::after{content: "";display: block;width: 0.06rem;height: 0.12rem;background: url("../images/icon/go-detail.png") no-repeat center/contain;}
.paging-turner .paging-next::after{background: url("../images/icon/go-detail.png") no-repeat center/contain;}
.paging-turner .paging-prev::after{transform: rotateZ(180deg);}
.paging-turner .paging-prev:hover, .paging-turner .paging-next:hover, .paging-turner .paging-index:hover{box-shadow: 0 0 0.01rem 0 rgba(0, 0, 0, 0.0666666667);}
.paging-turner .paging-prev:hover span, .paging-turner .paging-next:hover span, .paging-turner .paging-index:hover span{color: var(--theme-color);}
.paging-turner .paging-index.active{background-color: var(--theme-color);}
.paging-turner .paging-index.active span{color: #fff !important;}
.z-toast-box{position: fixed;display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;top: 10%;z-index: 100;}
.z-toast-box .z-toast{display: flex;align-items: center;transform: translateY(100%);color: #fff;background: rgba(0, 0, 0, 0.5333333333);padding: 0.1rem 0.2rem;border-radius: 0.08rem;width: auto;height: auto;transition: 0.5s;opacity: 0;}
.z-toast-box .z-toast.success{color: #67c23a;background-color: #f0f9eb;}
.z-toast-box .z-toast.success::before{background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzQ3Nzk3NDQ2MTkyIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI2MTQiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48cGF0aCBkPSJNNDY5LjMzMzMzMyA2NDBsMC4zODQgMC4zODRMNDY5LjMzMzMzMyA2NDB6IG0tMTA2LjI4MjY2NiAwbC0wLjM4NCAwLjM4NCAwLjM4NC0wLjM4NHogbTQ4LjUxMiAxMDYuNjY2NjY3YTg3LjQ2NjY2NyA4Ny40NjY2NjcgMCAwIDEtNjEuNjUzMzM0LTI0Ljg3NDY2N2wtMTc5LjUyLTE3My42MzJhNjcuNzk3MzMzIDY3Ljc5NzMzMyAwIDAgMSAwLTk4LjI0YzI4LjAzMi0yNy4xNTczMzMgNzMuNDkzMzMzLTI3LjE1NzMzMyAxMDEuNTg5MzM0IDBsMTM5LjU4NCAxMzQuOTk3MzMzIDMxOS4xNjgtMzA4LjU0NGMyOC4wMzItMjcuMTU3MzMzIDczLjQ5MzMzMy0yNy4xNTczMzMgMTAxLjU4OTMzMyAwYTY3LjkyNTMzMyA2Ny45MjUzMzMgMCAwIDEgMCA5OC4yNEw0NzIuOTgxMzMzIDcyMi4wNjkzMzNBODcuNTMwNjY3IDg3LjUzMDY2NyAwIDAgMSA0MTEuNTYyNjY3IDc0Ni42NjY2Njd6IiBmaWxsPSIjNjdjMjNhIiBwLWlkPSIyNjE1Ij48L3BhdGg+PC9zdmc+");}
.z-toast-box .z-toast.error{color: #f56c6c;background-color: #fef0f0;}
.z-toast-box .z-toast.error::before{background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzQ3Nzk3NTc3NDk3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM2NjUiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48cGF0aCBkPSJNODc4LjA4IDczMS4yNzQ2NjdhMzIgMzIgMCAwIDEtNTQuODgtMzIuOTM4NjY3QTM2MC43ODkzMzMgMzYwLjc4OTMzMyAwIDAgMCA4NzQuNjY2NjY3IDUxMmMwLTIwMC4yOTg2NjctMTYyLjM2OC0zNjIuNjY2NjY3LTM2Mi42NjY2NjctMzYyLjY2NjY2N1MxNDkuMzMzMzMzIDMxMS43MDEzMzMgMTQ5LjMzMzMzMyA1MTJzMTYyLjM2OCAzNjIuNjY2NjY3IDM2Mi42NjY2NjcgMzYyLjY2NjY2N2EzNjAuNzg5MzMzIDM2MC43ODkzMzMgMCAwIDAgMTg2LjMxNDY2Ny01MS40NDUzMzQgMzIgMzIgMCAwIDEgMzIuOTI4IDU0Ljg4QTQyNC43Nzg2NjcgNDI0Ljc3ODY2NyAwIDAgMSA1MTIgOTM4LjY2NjY2N0MyNzYuMzYyNjY3IDkzOC42NjY2NjcgODUuMzMzMzMzIDc0Ny42MzczMzMgODUuMzMzMzMzIDUxMlMyNzYuMzYyNjY3IDg1LjMzMzMzMyA1MTIgODUuMzMzMzMzczQyNi42NjY2NjcgMTkxLjAyOTMzMyA0MjYuNjY2NjY3IDQyNi42NjY2NjdjMCA3OC4yOTMzMzMtMjEuMTUyIDE1My41NjgtNjAuNTg2NjY3IDIxOS4yNzQ2Njd6TTU1NS4yMzIgNTEybDg2LjQ3NDY2NyA4Ni40NzQ2NjdhMzAuNTcwNjY3IDMwLjU3MDY2NyAwIDEgMS00My4yMzIgNDMuMjMyTDUxMiA1NTUuMjMybC04Ni40NzQ2NjcgODYuNDc0NjY3YTMwLjU3MDY2NyAzMC41NzA2NjcgMCAxIDEtNDMuMjMyLTQzLjIzMkw0NjguNzY4IDUxMmwtODYuNDc0NjY3LTg2LjQ3NDY2N2EzMC41NzA2NjcgMzAuNTcwNjY3IDAgMSAxIDQzLjIzMi00My4yMzJMNTEyIDQ2OC43NjhsODYuNDc0NjY3LTg2LjQ3NDY2N2EzMC41NzA2NjcgMzAuNTcwNjY3IDAgMSAxIDQzLjIzMiA0My4yMzJMNTU1LjIzMiA1MTJ6IiBmaWxsPSIjZjU2YzZjIiBwLWlkPSIzNjY2Ij48L3BhdGg+PC9zdmc+");}
.z-toast-box .z-toast.warn{color: #e6a23c;background-color: #fdf6ec;}
.z-toast-box .z-toast.warn::before{background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzQ3Nzk3NjEyMzA5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQ3MDAiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48cGF0aCBkPSJNNTQ5LjI4IDU3OS41ODRjLTIuNTI4IDI3LjU4NC0yMC4wNjQgNDAuNDgtMzcuMzc2IDQwLjQ4LTEyLjg2NCAwIDAgMCAwIDAtMTYuNDQ4LTMuMTA0LTI5LjIxNi0xMC4xMTItMzQuODE2LTM4LjAxNmwtMjIuNjI0LTI2MC44YzAtMjYuMjA4IDMxLjg3Mi00OS40MDggNTguOTEyLTQ5LjQwOHM1Ni4xNiAyNC4yNTYgNTYuMTYgNTAuNDMyTDU0OS4yOCA1NzkuNTg0ek01MTIgNjU0LjE3NmMtMjcuMDQgMC00OC45OTIgMjEuOTItNDguOTkyIDQ4Ljk5MnMyMS45MiA0OS4wMjQgNDguOTkyIDQ5LjAyNCA0OC45OTItMjEuOTUyIDQ4Ljk5Mi00OS4wMjRjMC0yNy4wNC0yMS45Mi00OC45OTItNDguOTkyLTQ4Ljk5MnpNODk5LjgwOCA1MTJjMCAyMTQuMTc2LTE3My42IDM4Ny43NzYtMzg3Ljg0IDM4Ny43NzYtMjE0LjE0NCAwLTM4Ny43NzYtMTczLjYtMzg3Ljc3Ni0zODcuNzc2czE3My42MzItMzg3LjgwOCAzODcuNzc2LTM4Ny44MDhjMjE0LjIwOCAwIDM4Ny44NCAxNzMuNjMyIDM4Ny44NCAzODcuODA4ek04MjggNTEyYzAtMTc0LjUyOC0xNDEuNDcyLTMxNS45NjgtMzE2LTMxNS45NjhTMTk2LjAzMiAzMzcuNDcyIDE5Ni4wMzIgNTEyYzAgMTc0LjQ5NiAxNDEuNDQgMzE1Ljk2OCAzMTUuOTY4IDMxNS45NjhTODI4IDY4Ni40OTYgODI4IDUxMnoiIGZpbGw9IiNlNmEyM2MiIHAtaWQ9IjQ3MDEiPjwvcGF0aD48L3N2Zz4=");}
.z-toast-box .z-toast.info{color: #909399;background-color: #f4f4f5;}
.z-toast-box .z-toast.info::before{background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzQ3Nzk3NjkyMzU4IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjEzNjc5IiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTM0My43OTcyMzIgNDU1Ljk5NzkwNWM0MC44OTMyNzctNDUuMDM5OTEzIDc4LjIxNzA5MS03Ny4wODUyNiAxMTEuOTYxMjA4LTk2LjEyNjgzMiAzMy43NDQxMTctMTkuMDM5NTI1IDYyLjQ2OTctMjguNTYwODIzIDg2LjE5NDE0Ni0yOC41NjA4MjMgMTcuMDUxMTQ2IDAuODU4NTk1IDQyLjAwNzcxMS0xLjc1MTk4NCA0MC40OTAwNzUgMzEuOTM5OTQyIDAgMTEuODgxMTU1LTEzLjI3MjkxOCA2Mi4yNDc2MzItMzkuODE2NzA3IDE1MS4wOTg0MDgtNDMuMjg1ODgyIDE0NS4zNzA2ODgtNjQuOTI3Nzk5IDIzMy4wMDQ2OTUtNjQuOTI3Nzk5IDI2Mi44ODk3MzkgMCA1LjczNzk1MyAxLjQzMDY1MSAxMC41NDU2NzYgNC4yOTkxMTYgMTQuNDMyMzggMi44NTkyNTUgMy44OTc5NiA1LjkzMTM2NyA1LjgzNjE5NSA5LjIxNDI5MSA1LjgzNjE5NSAxMy4xMDA5OTQgMCAxMjQuNjg4Njc4LTUyLjgyMTUwNiAxMjQuNjg4Njc4LTUyLjgyMTUwNi01Ni4xMDY0NzcgNTIuODIxNTA2LTk3LjA0NjgyOCA4Ni42MDQ1MTEtMTIyLjg0NzY2MiAxMDEuMzQ2OTY3LTI1Ljc5Nzc2MyAxNC43NDE0MzMtNDYuODkyMTg2IDIyLjExMTYzOC02My4yNjQ4NDcgMjIuMTExNjM4LTE0LjMzNzIwOCAwLTI1LjcwMTU2OC00LjUxMDk1LTM0LjA4Nzk2NS0xMy41MTIzODMtOC4zOTg2NzctOS4wMDM0OC0xMi41OTIzODctMjEuNDk3NjI0LTEyLjU5MjM4Ny0zNy40NjkxMyAwLTUxLjE4MjA5MSAzMC43MTE5MTUtMTc2LjI4MjE1OCA5Mi4xMzM3LTM3NS4yOTA5OTEgMi44NTkyNTUtOS40MTQ4NjkgMTMuOTU2NTE5LTQxLjA3NzQ4MS02Ljc1NzIxNS0zNy40NjgxMDdDNDYwLjI4NzgxMSA0MDQuNDAzNDAyIDM0My43OTcyMzIgNDU1Ljk5NzkwNSAzNDMuNzk3MjMyIDQ1NS45OTc5MDV6TTU3OC42MDYxMDIgMTExLjc1MDM5N2MxNi40MTI1NzIgMCAyOS45MjA4NjIgNS40MzcwODcgNDAuNTI1ODkzIDE2LjI4OTc2OSAxMC41OTA3MDQgMTAuODYyOTE2IDE1Ljg4OTYzOCAyNC43NjgyNjggMTUuODg5NjM4IDQxLjcxNjA1NSAwIDIzLjMxNjEyNy04LjA4MDQxMyA0My44Mzg0OTQtMjQuMjMzMDUzIDYxLjU4MDQwNC0xNi4xNjY5NjcgMTcuNzU0MTkxLTM0LjMwNjk2MyAyNi42MTg0OTQtNTQuNDMxMjQ0IDI2LjYxODQ5NC0xNS44OTI3MDggMC0yOS4xMzc5OTUtNS41NjE5MzYtMzkuNzI4Njk5LTE2LjY4NjgzMS0xMC42MDUwMzEtMTEuMTIzODcyLTE1Ljg5MjcwOC0yNS42ODgyNjQtMTUuODkyNzA4LTQzLjcwMjM4NyAwLTIzLjgzODAzOCA3LjY3MjA5NS00NC4xMDA0NzMgMjMuMDQxODY4LTYwLjc4NzMwNEM1MzkuMTM3MzM1IDEyMC4wOTM4MTMgNTU3LjQxNDQ2MSAxMTEuNzUwMzk3IDU3OC42MDYxMDIgMTExLjc1MDM5N3oiIHAtaWQ9IjEzNjgwIiBmaWxsPSIjOTA5Mzk5Ij48L3BhdGg+PC9zdmc+");}
.z-toast-box .z-toast:nth-child(n+2){margin-top: 0.1rem;}
.z-toast-box .z-toast::before{content: "";display: inline-block;margin-right: 0.05rem;width: 1.5em;height: 1.5em;background-size: contain;background-position: center;background-repeat: no-repeat;}
.drop-down .drop-down-label{position: relative;display: flex;align-items: stretch;justify-content: space-between;width: 100%;height: 100%;background-color: #fff;border: 0.01rem solid #e1e1e1;padding: 0 0.3rem;cursor: pointer;}
.drop-down .drop-down-title{display: flex;align-items: center;width: 100%;border: none;}
.drop-down .drop-down-icon{display: flex;align-items: center;width: 1em;justify-content: center;transition: 0.3s;pointer-events: none;}
.drop-down .drop-down-list{position: absolute;top: 100%;left: 0;width: 100%;transform: scaleY(0);transform-origin: top;transition: 0.3s;background-color: #fff;box-shadow: 0 0 0 0.01rem #e1e1e1;z-index: 1;}
.drop-down .drop-down-list.country{overflow-y: auto;}
.drop-down .drop-down-item{display: flex;align-items: center;min-height: 3.375em;padding: 0 0.3rem;border-bottom: 0.01rem solid #e1e1e1;transition: 0.3s;}
.drop-down .drop-down-item:last-child{border-bottom: none;}
.drop-down .drop-down-item:hover{color: #fff;background-color: #333;}
.drop-down .opt-item.menu{display: none;}
.drop-down.active .drop-down-list{transform: scaleY(1);}
.drop-down.active .drop-down-icon{transform: rotateZ(-180deg);}
.pic-box{width: 100%;height: 100%;overflow: hidden;}
.pic-box img{transition: 0.5s;}
.mod-title{line-height: 1.357;font-family: "MiSans-Semibold";}
.btn-more{display: inline-flex;align-items: center;justify-content: space-between;min-width: 1.8rem;min-height: 0.5rem;padding: 0.15rem 0.4rem;color: #fff;line-height: 1.5;background-color: var(--theme-color);}
.btn-more i{display: flex;align-items: center;justify-content: center;width: 1em;}
@font-face{font-family: "MiSans-Bold";src: url("../font/MiSans-Bold.ttf");}
@font-face{font-family: "MiSans-Demibold";src: url("../font/MiSans-Demibold.ttf");}
@font-face{font-family: "MiSans-ExtraLight";src: url("../font/MiSans-ExtraLight.ttf");}
@font-face{font-family: "MiSans-Heavy";src: url("../font/MiSans-Heavy.ttf");}
@font-face{font-family: "MiSans-Light";src: url("../font/MiSans-Light.ttf");}
@font-face{font-family: "MiSans-Medium";src: url("../font/MiSans-Medium.ttf");}
@font-face{font-family: "MiSans-Normal";src: url("../font/MiSans-Normal.ttf");}
@font-face{font-family: "MiSans-Regular";src: url("../font/MiSans-Regular.ttf");}
@font-face{font-family: "MiSans-Semibold";src: url("../font/MiSans-Semibold.ttf");}
@font-face{font-family: "MiSans-Thin";src: url("../font/MiSans-Thin.ttf");}
body{font-family: "MiSans-Regular";}
/* #page-nav start */
 .page-nav-wrap{position: fixed;top: 0;left: 0;width: 100%;overflow: visible;background-color: #fff;z-index: 50;}
.page-nav-wrap .page-nav{display: flex;align-items: center;justify-content: space-between;height: 1rem;color: #222;}
.page-nav-wrap .logo-box{height: 100%;}
.page-nav-wrap .logo{display: flex;align-items: center;height: 100%;padding: 0.15rem 0;color: #000;}
.page-nav-wrap .name-box{display: flex;flex-direction: column;justify-content: space-between;margin-left: 0.15rem;}
.page-nav-wrap .name-cn{white-space: nowrap;line-height: 1.2;font-family: MiSans-Bold;}
.page-nav-wrap .name-en{white-space: nowrap;line-height: 1.1;}
.page-nav-wrap .nav-list{display: flex;align-items: center;height: 100%;margin: 0 0.5rem;font-family: "MiSans-Normal";}
.page-nav-wrap .nav-item{position: relative;padding: 0.05rem 0;margin: 0 0.32rem;height: 100%;white-space: nowrap;}
.page-nav-wrap .nav-item.active{box-shadow: 0 -0.03rem 0 0 inset var(--theme-color);}
.page-nav-wrap .nav-item:hover .sub-nav{transform: translateX(-50%) scaleY(1);}
.page-nav-wrap .nav-label{display: flex;align-items: center;justify-content: center;height: 100%;}
.page-nav-wrap .sub-nav, .page-nav-wrap .lang-drop{position: absolute;top: 100%;left: 50%;min-width: 100%;background-color: #222;border-radius: 0.1rem;padding: 0.05rem;transform-origin: center top;transform: translateX(-50%) scaleY(0);transition: 0.3s;}
.page-nav-wrap .sub-nav{top: 75%;}
.page-nav-wrap .sub-nav-item, .page-nav-wrap .lang-item{display: flex;align-items: center;justify-content: center;padding: 0.05rem 0.2rem;border-radius: 0.1rem;line-height: 1.5;color: #fff;white-space: nowrap;transition: 0.3s;}
.page-nav-wrap .sub-nav-item:hover, .page-nav-wrap .lang-item:hover{background-color: var(--theme-color);}
.page-nav-wrap .nav-options{display: flex;align-items: center;}
.page-nav-wrap .nav-opt{position: relative;display: flex;align-items: center;justify-content: center;padding: 0.15rem 0.1rem;font-size: unset;color: #fff;}
.page-nav-wrap .nav-opt.menu{display: none;}
.page-nav-wrap .lang-box{box-shadow: 0 0 0 0.01rem inset #fff;border-radius: 0.5rem;}
.page-nav-wrap .lang-box span{margin-left: 0.1rem;}
.page-nav-wrap .lang-box:hover .lang-drop{transform: translateX(-50%) scaleY(1);}
.page-nav-wrap .nav-opt-icon{width: 1em;height: 1em;}
.page-nav-wrap .lang-drop{top: 100%;}
@media (max-width: 1200px){
	.page-nav-wrap{top: 0;}
.page-nav-wrap .nav-list{display: none;}
.page-nav-wrap .nav-opt.menu{display: block;}
}
/* #page-nav end */
 
/* #swp-banner start */
 .swp-banner{position: relative;}
.swp-banner .pic-box{height: 6rem;background-color: #f1f1f3;}
.swp-banner .txt-cover{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.swp-banner .txt-box{display: flex;flex-direction: column;justify-content: center;height: 100%;padding: 0.6rem 0;}
.swp-banner .wb-title{line-height: 1.28;font-family: "MiSans-Semibold";}
.swp-banner .wb-subtitle{margin-top: 0.14rem;}
.swp-banner .swp-pagination{max-width: 13.2rem;width: 100%;padding: 0 0.6rem 0.1rem;left: 50%;transform: translateX(-50%);text-align: left;}
.swp-banner .swiper-pagination-bullet{width: 0.4rem;height: 0.03rem;background-color: #999;border-radius: 0;opacity: 0.5;}
.swp-banner .swiper-pagination-bullet-active{background-color: var(--theme-color);opacity: 1;}
/* #swp-banner end */
 
/* #index-about start */
 .index-about-wrap{padding-top: 1.4rem;padding-bottom: 1.5rem;}
.index-about-wrap .ia-txt{width: 100%;max-width: 12rem;line-height: 2;}
.index-about-wrap .ia-txt *{line-height: unset;}
.index-about-wrap .data-view{display: flex;margin-top: 0.4rem;}
.index-about-wrap .data-item:nth-child(n+2){margin-left: 1.2rem;}
.index-about-wrap .data-main{display: flex;font-family: "MiSans-Demibold";}
.index-about-wrap .data-title{color: #222;line-height: 2;max-width: 2.1rem;}
.index-about-wrap .btn-box{padding-top: 0.3rem;margin-top: 0.3rem;}
@media (max-width: 750px){
	.index-about-wrap .data-view{flex-direction: column;}
.index-about-wrap .data-item:nth-child(n+2){margin-left: 0;margin-top: 0.5rem;}
.index-about-wrap .data-title{max-width: 100%;}
}
/* #index-about end */
 
/* #index-product start */
 .index-product-wrap{padding-top: 1.4rem;padding-bottom: 1.5rem;background-color: #f1f1f3;}
.index-product-wrap .module-header{display: flex;justify-content: space-between;align-items: center;}
.index-product-wrap .ip-class{display: flex;align-items: center;justify-content: center;margin-top: 0.7rem;}
.index-product-wrap .ipc-item{margin: 0 0.7rem;}
.index-product-wrap .ipc-icon{height: 0.5rem;}
.index-product-wrap .ipc-name{margin-top: 0.19rem;text-align: center;}
.index-product-wrap .ip-list{display: flex;height: 4.8rem;margin-top: 0.4rem;display: none;}
.index-product-wrap .ip-list.active{display: flex;}
.index-product-wrap .ip-bitem, .index-product-wrap .ip-sitem{padding: 0.35rem;width: calc((100% - 0.4rem) / 3);background-color: #fff;}
.index-product-wrap .ip-bitem{display: flex;flex-direction: column;height: 100%;}
.index-product-wrap .pic-box{display: flex;align-items: center;justify-content: center;flex: 1; margin-top: 0.6rem;}
.index-product-wrap .ip-title{line-height: 1.2;font-family: MiSans-Demibold;}
.index-product-wrap .ip-line{width: 0.23rem;height: 0.03rem;margin-top: 0.15rem;background-color: var(--theme-color);}
.index-product-wrap .ip-info{margin-top: 0.08rem;line-height: 1.75;}
.index-product-wrap .ip-sitem-list{display: flex;flex: 1 0 0;flex-wrap: wrap;height: 100%;}
.index-product-wrap .ip-sitem{display: flex;flex-direction: column;width: calc((100% - 0.4rem) / 2);height: calc((100% - 0.2rem) / 2);margin-left: 0.2rem;}
.index-product-wrap .ip-sitem:nth-child(n+3){margin-top: 0.2rem;}
.index-product-wrap .ip-sitem .pic-box{justify-content: flex-end;margin-top: 0;}
.view-dialog .dialog-inner{height:100vh}.view-dialog .view-container{height:100%}.view-dialog .dialog-main{background-color:hsla(0,0%,100%,0)}.view-dialog .dialog-cancel{color:#fff}.view-dialog .dialog-inner{max-width:100%;max-height:100%}.view-dialog .view-container,.view-dialog .dialog-inner{pointer-events:none}.view-dialog .view-pic,.view-dialog .dialog-cancel{pointer-events:auto}
@media (max-width: 750px){
	.index-product-wrap .ip-list{height: auto;flex-direction: column;}
.index-product-wrap .ip-bitem{width: 100%;}
.index-product-wrap .ip-sitem{width: 100%;height: auto;}
.index-product-wrap .ip-sitem:nth-child(n){margin-left: 0;margin-top: 0.2rem;}
}
/* #index-product end */
 
/* #index-news start */
 .index-news-wrap{padding-top: 1.4rem;padding-bottom: 1.5rem;}
.index-news-wrap .in-swp-box{display: flex;justify-content: space-between;align-items: center;}
.index-news-wrap .in-swp-box{width: 100%;max-width: 14.4rem;margin: 0.5rem auto 0;}
.index-news-wrap .in-swp{width: 100%;max-width: 12rem;}
.index-news-wrap .ins-item{position: relative;display: block;width: 3.8rem;}
.index-news-wrap .ins-item:hover .ins-title{color: var(--theme-color);}
.index-news-wrap .ins-item:hover .pic-box img{transform: scale(1.05);}
.index-news-wrap .pic-box{height: 2.6rem;}
.index-news-wrap .ins-content{width: 100%;min-height: 1.5rem;padding: 0.27rem 0.3rem;background-color: #f1f1f3;}
.index-news-wrap .ins-title{color: #222;line-height: 1.43;font-family: MiSans-Demibold;transition: 0.3s;}
.index-news-wrap .ins-info{line-height: 1.625;margin-top: 0.12rem;color: #666;font-family: MiSans-Normal;}
.index-news-wrap .swp-prev{margin-right: 0.3rem;}
.index-news-wrap .swp-next{margin-left: 0.3rem;}
.date-tag{position: absolute;top: 0;left: 0;width: 0.8rem;height: 0.9rem;display: flex;flex-direction: column;align-items: center;justify-content: center;color: #fff;background-color: #606772;padding: 0.1rem;}
.date-tag .date.d{font-family: ArialMT;}
.date-tag .data-ym{margin-top: 0.12rem;font-family: MiSans-Regular;}
.swp-prev, .swp-next{display: flex;align-items: center;justify-content: center;flex-shrink: 0;width: 0.4rem;height: 0.4rem;padding: 0.14rem;background-color: #999;transition: 0.3s;}
.swp-prev::after, .swp-next::after{content: "";display: block;width: 100%;height: 100%;background: url("../images/icon/prev.png") no-repeat center/contain;}
.swp-prev:hover, .swp-next:hover{background-color: var(--theme-color);}
.swp-next::after{background: url("../images/icon/next.png") no-repeat center/contain;}
/* #index-news end */
 
/* #page-end start */
 .page-end-wrap{padding-top: 0.83rem;color: #fff;background-color: #0f0f10;}
.page-end-wrap .page-end{display: flex;justify-content: space-between;}
.page-end-wrap .pe-right{margin-left: 0.5rem;}
.page-end-wrap .pe-qrcode{display: flex;}
.page-end-wrap .qrcode-item:nth-child(n+2){margin-left: 0.3rem;}
.page-end-wrap .qr-code{width: 1.4rem;height: 1.4rem;aspect-ratio: 1;}
.page-end-wrap .qc-txt{text-align: center;margin-top: 0.18rem;color: #f6f8fa;opacity: 0.6;}
.page-end-wrap .pe-contact{margin-top: 0.2rem;}
.page-end-wrap .pec-item{width: 100%;max-width: 3.08rem;line-height: 1.57;}
.page-end-wrap .pec-item:nth-child(n+2){margin-top: 0.1rem;}
.page-end-wrap .copyright{display: flex;align-items: center;justify-content: space-between;min-height: 0.8rem;color: rgba(255, 255, 255, 0.7);border-top: 0.01rem solid rgba(255, 255, 255, 0.1);margin-top: 0.6rem;padding: 0.15rem 0;}
.pe-link{position: relative;display: inline-flex;align-items: center;margin-top: 0.5rem;}
.pe-link::after{content: "";position: absolute;top: 50%;right: 0.2rem;width: 0.1rem;height: 0.1rem;transform: translateY(-50%);transform-origin: center center;background: url("../images/icon/arr-down.png") no-repeat center/contain;transition: 0.3s;}
.pe-link .select-box{position: relative;display: flex;align-items: center;padding: 0 0.2rem;color: #fff;line-height: 1.5;background-color: #1b1b1c;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 2.9rem;height: 0.5rem;border: 0.01rem solid rgba(255, 255, 255, 0.0862745098);padding-right: 0.2rem;line-height: 0.5rem;background-size: 5%;cursor: pointer;}
.pe-link .select-list{position: absolute;bottom: 100%;left: -0.01rem;transform: scaleY(0);transform-origin: bottom center;transition: 0.3s;pointer-events: none;}
.pe-link .select-item{display: flex;align-items: center;width: 2.9rem;height: 0.5rem;padding: 0 0.2rem;background-color: #1b1b1c;border: 0.01rem solid rgba(255, 255, 255, 0.0862745098);transition: 0.3s;}
.pe-link .select-item:hover{background-color: #777;}
.pe-link .select-item:nth-child(n+2){border-top: none;}
.pe-link.active::after{transform: rotateZ(-180deg);}
.pe-link.active .select-list{transform: scaleY(1);pointer-events: auto;}
.pen-list{display: flex;font-family: MiSans-Normal;}
.pen-list dl:nth-child(n+2){margin-left: 0.5rem;}
.pen-list dt{margin-bottom: 0.24rem;}
.pen-list dd{line-height: 2.25;opacity: 0.4;transition: 0.3s;}
.pen-list dd:hover{opacity: 1;color: var(--theme-color);}
@media (max-width: 750px){
	.page-end-wrap .pe-right{display: none;}
.page-end-wrap .copyright{flex-direction: column;align-items: center;text-align: center;}
.page-end-wrap .cr-left, .page-end-wrap .cr-right{line-height: 2;}
}
/* #page-end end */
 
/* #module-nav start */
 .module-nav-wrap{background-color: #fff;}
.module-nav-wrap.dark{background-color: #f1f5fa;}
.module-nav-wrap.bd{border-bottom: 0.01rem solid #f3f3f3;}
.module-nav-wrap .module-nav{display: flex;justify-content: space-between;align-items: stretch;overflow-x: auto;height: 0.9rem;}
.module-nav-wrap .module-nav-list{display: flex;padding-right: 0.5rem;}
.module-nav-wrap .module-nav-item{display: flex;align-items: center;justify-content: center;height: 100%;white-space: nowrap;flex-shrink: 0;transition: 0.3s;}
.module-nav-wrap .module-nav-item:nth-child(n+2){margin-left: 1rem;}
.module-nav-wrap .module-nav-item.active{box-shadow: 0 -0.03rem 0 0 inset var(--theme-color);}
.module-nav-wrap .module-nav-item:hover{color: var(--theme-color);}
.module-nav-wrap .breadcrumbs{display: flex;align-items: center;white-space: nowrap;}
.module-nav-wrap .breadcrumbs a{display: flex;align-items: center;color: #666;line-height: 1.5;transition: 0.3s;}
.module-nav-wrap .breadcrumbs a:nth-child(n+2)::before{content: "/";display: inline-block;color: #666;margin: 0 0.05rem;}
.module-nav-wrap .breadcrumbs a:hover{color: var(--theme-color);}
.module-nav-wrap .back-home{width: 1em;margin-right: 0.1rem;}
@media (max-width: 750px){
	.module-nav-wrap:has(.module-nav-item) .breadcrumbs{display: none;}
}
/* #module-nav end */
 
/* #about start */
 .about-wrap{padding-top: 0.1rem;padding-bottom: 0.45rem;}
.about-wrap .ia-txt{width: 100%;max-width: 12rem;line-height: 2;}
.about-wrap .ia-txt *{line-height: unset;}
.about-wrap .data-view{display: flex;margin-top: 0.4rem;}
.about-wrap .data-item:nth-child(n+2){margin-left: 1.2rem;}
.about-wrap .data-main{display: flex;font-family: "MiSans-Demibold";}
.about-wrap .data-title{color: #222;line-height: 2;max-width: 2.1rem;}
.about-wrap .btn-box{padding-top: 0.3rem;margin-top: 0.3rem;}
@media (max-width: 750px){
	.about-wrap .data-view{flex-direction: column;}
.about-wrap .data-item:nth-child(n+2){margin-left: 0;margin-top: 0.5rem;}
.about-wrap .data-title{max-width: 100%;}
}
/* #about end */
 
/* #offering start */
 .offering-wrap{padding-top: 0.45rem;padding-bottom: 1.13rem;}
.offering-wrap .offering-txt{margin-top: 0.45rem;line-height: 1.875;color: #222;}
.offering-wrap .offering-txt *{line-height: unset;}
/* #offering end */
 
/* #history start */
 .history-wrap{padding-top: 1.1rem;padding-bottom: 1.1rem;background-color: #f1f1f3;}
.history-wrap .history-list{position: relative;margin-top: 0.65rem;}
.history-wrap .history-list::before{content: "";position: absolute;left: 0.135rem;top: 0;height: 100%;width: 0.01rem;background-color: #ddd;}
.history-wrap .history-item{position: relative;display: flex;color: #222;z-index: 1;}
.history-wrap .history-item:nth-child(n+2){margin-top: 1.65rem;}
.history-wrap .history-item:last-child{background-color: #f1f1f3;}
.history-wrap .history-point{width: 0.27rem;height: 0.27rem;flex-shrink: 0;margin-right: 0.4rem;padding: 0.08rem;border-radius: 50%;background-color: var(--theme-color);}
.history-wrap .history-point::before{content: "";display: block;width: 100%;height: 100%;border-radius: 50%;background-color: #fff;}
.history-wrap .history-txt{line-height: 2;color: #222;}
.history-wrap .history-txt *{line-height: unset;}
/* #history end */
 
/* #future start */
 .future-wrap{padding-top: 1.1rem;padding-bottom: 1.1rem;}
.future-wrap .future-label{margin-top: 0.45rem;font-family: MiSans-Demibold;}
.future-wrap .future-txt{margin-top: 0.12rem;line-height: 1.875;color: #222;}
.future-wrap .future-txt *{line-height: unset;}
/* #future end */
 
/* #product start */
 .product-wrap{padding-top: 0.3rem;padding-bottom: 1.2rem;}
.product-wrap .product-filter{display: flex;flex-wrap: wrap;max-width: 12.2rem;width: 100%;margin: 0.4rem auto 0;}
.product-wrap .filter-item{position: relative;margin: 0.1rem 0.1rem;z-index: 10;}
.product-wrap .filter-item.active .icon-drop img{transform: rotateZ(-180deg);}
.product-wrap .filter-item.active .filter-drop{transform: scaleY(1);}
.product-wrap .filter-label, .product-wrap .filter-select{display: flex;align-items: center;justify-content: space-between;min-width: 2.4rem;min-height: 0.46rem;padding: 0.15rem 0.3rem;border: solid 0.01rem #e3e3e3;white-space: nowrap;background-color: #fff;}
.product-wrap .filter-select{background-color: #fefefe;border: none;cursor: pointer;transition: 0.3s;}
.product-wrap .filter-select:hover, .product-wrap .filter-select.active{background-color: var(--theme-color);color: #fff;}
.product-wrap .icon-drop{margin-left: 0.8rem;-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.product-wrap .icon-drop img{transition: 0.3s;}
.product-wrap .filter-drop{position: absolute;top: 100%;left: 0;min-width: 100%;transform: scaleY(0);transform-origin: top center;border: solid 0.01rem #e3e3e3;}
.product-wrap .product-swp-box{display: flex;justify-content: space-between;align-items: center;max-width: 14rem;margin: 0 auto;margin-top: 0.3rem;}
.product-wrap .product-name{margin-top: 0.3rem;text-align: center;line-height: 1.3;}
.product-wrap .swiper-slide .pic-box{padding: 0;height: 3.2rem;/* background-color: #f1f1f3; */}
.product-wrap .swp-prev{margin-right: 0.6rem;}
.product-wrap .swp-next{margin-left: 0.6rem;}
/* #product end */
 
/* #contact start */
 .contact-wrap{padding-top: 0.3rem;padding-bottom: 1.2rem;background-color: #f1f1f3;}
.contact-wrap .mod-title{text-align: center;}
.contact-wrap .contact-main{display: flex;flex-wrap: wrap;margin-top: 0.9rem;}
.contact-wrap .contact-item{display: flex;flex-direction: column;align-items: center;width: calc((100% - 0.9rem) / 4);padding: 0.4rem 0.3rem;background-color: #fff;}
.contact-wrap .contact-item:nth-child(n+2){margin-left: 0.3rem;}
.contact-wrap .contact-icon{flex-shrink: 0;width: 1rem;height: 1rem;}
.contact-wrap .contact-title{margin-top: 0.19rem;text-align: center;font-family: MiSans-Demibold;}
.contact-wrap .contact-info{text-align: center;line-height: 1.5;color: #666;margin-top: 0.1rem;}
.contact-wrap .contact-info *{line-height: unset;}
@media (max-width: 750px){
	.contact-wrap .contact-item{width: 100%;}
.contact-wrap .contact-item:nth-child(n+2){margin-left: 0;margin-top: 0.3rem;}
}
/* #contact end */
 
/* #contact-form start */
 .contact-form-wrap{padding-top: 1rem;padding-bottom: 1.2rem;}
.contact-form-wrap .mod-title{text-align: center;}
.contact-form-wrap .contact-form-main{margin-top: 0.5rem;}
.contact-form-wrap .form-row{display: flex;flex-wrap: wrap;}
.contact-form-wrap .form-row:nth-child(n+2){margin-top: 0.2rem;}
.contact-form-wrap .form-item{position: relative;display: flex;flex: 1 0 0;}
.contact-form-wrap .form-item:nth-child(n+2){margin-left: 0.2rem;}
.contact-form-wrap .form-item.required .form-cover::after{content: "*";color: var(--theme-color);}
.contact-form-wrap .ipt-item, .contact-form-wrap .area-item{width: 100%;min-height: 0.6rem;padding: 0.15rem 0.3rem;background-color: transparent;border-radius: 0.06rem;background-color: #f1f1f3;}
.contact-form-wrap .area-item{min-height: 1.8rem;padding: 0.22rem 0.3rem;border: none;}
.contact-form-wrap .form-cover{position: absolute;top: 0;left: 0;width: 100%;height: 0.6rem;display: flex;align-items: center;padding: 0.15rem 0.3rem;color: #999;pointer-events: none;transition: 0.3s;}
.contact-form-wrap .form-cover.hide{opacity: 0;}
.contact-form-wrap .icon-btn i{margin-right: 0;margin-left: 0.2rem;}
.contact-form-wrap .form-btn{margin: 0.3rem auto 0;}
/* #contact-form end */
 
/* #news start */
 .news-wrap{padding-top: 0.3rem;padding-bottom: 1rem;background-color: #f1f1f3;}
.news-wrap .news-header{display: flex;}
.news-wrap .news-header:hover .pic-box img{transform: scale(1.05);}
.news-wrap .news-header:hover .go-detail{background-color: var(--theme-color);}
.news-wrap .news-header:hover .go-detail img{filter: grayscale(1) brightness(10);}
.news-wrap .nh-left, .news-wrap .nh-right{width: 50%;}
.news-wrap .nh-right{display: flex;flex-direction: column;padding: 0.5rem;background-color: #fff;}
.news-wrap .nh-date{color: #666;line-height: 1.875;}
.news-wrap .nh-title{line-height: 1.38;color: #111;font-family: MiSans-Semibold;}
.news-wrap .nh-info{line-height: 1.333;color: #666;margin-bottom: 0.3rem;}
.news-wrap .go-detail{height: 0.5rem;width: 0.5rem;padding: 0.15rem;margin-top: auto;border: solid 0.01rem #dddddd;transition: 0.3s;}
.news-wrap .new-item{display: flex;align-items: center;padding: 0.45rem 0.55rem;background-color: #fff;margin-top: 0.4rem;}
.news-wrap .new-item .go-detail{margin-left: 0.5rem;}
.news-wrap .new-item:hover .date-d, .news-wrap .new-item:hover .date-ym{color: var(--theme-color);}
.news-wrap .new-item:hover .go-detail{background-color: var(--theme-color);}
.news-wrap .new-item:hover .go-detail img{filter: grayscale(1) brightness(10);}
.news-wrap .news-date{line-height: 1.666;font-family: MiSans-Semibold;white-space: nowrap;text-align: center;color: #111111;transition: 0.3s;}
.news-wrap .date-d{transition: 0.3s;}
.news-wrap .date-ym{color: #666;margin-top: 0.14rem;font-family: MiSans-Medium;transition: 0.3s;}
.news-wrap .news-content{width: 100%;max-width: 8.6rem;margin-left: 0.44rem;}
.news-wrap .news-title{font-family: MiSans-Semibold;}
.news-wrap .news-info{margin-top: 0.12rem;line-height: 1.333;color: #666;}
.news-wrap .paging-turner{margin-top: 0.6rem;}
@media (max-width: 750px){
	.news-wrap .news-header{flex-direction: column;}
.news-wrap .nh-left, .news-wrap .nh-right{width: 100%;}
.news-wrap .news-date{display: none;}
.news-wrap .news-content{width: 80%;margin-left: 0;flex: 1;}
.news-wrap .news-btn{flex: 1 0 0;}
}
/* #news end */
 
/* #news-article start */
 .news-article-wrap{padding-top: 0.3rem;padding-bottom: 1rem;background-color: #f1f1f3;}
.news-article-wrap .news-article{padding: 0.4rem;background-color: #fff;}
.news-article-wrap .na-header{padding-bottom: 0.32rem;padding-top: 0.15rem;border-bottom: 0.01rem solid #ededed;}
.news-article-wrap .na-title{line-height: 1.2;text-align: center;}
.news-article-wrap .na-date{color: #999;text-align: center;line-height: 1.875;margin-top: 0.15rem;}
.news-article-wrap .na-main{padding-top: 0.44rem;padding-bottom: 0.39rem;line-height: 1.777;color: #222;}
.news-article-wrap .na-main *{line-height: unset;}
.news-article-wrap .na-main p{margin-bottom: 0.26rem;}
.news-article-wrap .na-main img, .news-article-wrap .na-main video{position: relative;left: 50%;transform: translateX(-50%);margin-top: 0.09rem;margin-bottom: 0.33rem;max-width: 100%;}
.news-article-wrap .na-footer{display: flex;align-items: center;justify-content: space-between;padding-top: 0.37rem;border-top: 0.01rem solid #ededed;}
.news-article-wrap .na-turner{max-width: 100%;}
.news-article-wrap .na-prev, .news-article-wrap .na-next{line-height: 2.375;transition: 0.3s;}
.news-article-wrap .na-prev:hover, .news-article-wrap .na-next:hover{color: var(--theme-color);}
@media (max-width: 750px){
	.news-article-wrap .na-footer{flex-direction: column;}
.news-article-wrap .na-btn{margin-top: 0.5rem;}
}
/* #news-article end */

.pe-link{flex-direction: column;align-items: flex-start;}
.pe-link::after{display: none;}
.pe-link p{line-height: 1.5;}
.pe-link p:nth-child(n+2){margin-top: .2rem;}