/*! 混入文件 */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 #000}
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;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 .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}
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield}
button,label{cursor:pointer}
body{font-size:.16rem}
[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: 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}
}
/*! 公用样式 start */input,button{background-color:rgba(0,0,0,0);border:none;outline:none;margin:0;padding:0}
.s100{font-size:calc(100*1rem/100)}
@media(max-width: 737px){
	.s100{font-size:38.4px}
}
@media(max-width: 750px){
	.s100{font-size:0.6remrem}
}
.s140{font-size:calc(140*1rem/100)}
@media(max-width: 691px){
	.s140{font-size:50.4px}
}
@media(max-width: 750px){
	.s140{font-size:0.7remrem}
}
.icon-box{display:flex;align-items:center;justify-content:center;width:1em;height:1em;max-width:100%;max-height:100%;transition:.3s}
.icon-box.tr-x{transform:rotateY(180deg)}
.icon-box.tr-y{transform:rotateX(180deg)}
.icon-box.white{filter:grayscale(1) brightness(15)}
.cn-wh,.cn-w,.cv-wh,.cv-w{width:100%}
.cn-wh,.cn-h,.cv-wh,.cv-h{height:100%}
.cn,.cn-wh,.cn-w,.cn-h{object-fit:contain}
.cv,.cv-wh,.cv-w,.cv-h{object-fit:cover}
.pic-box{max-width:100%;max-height:100%}
.pic-box img{max-width:100%;max-height:100%}
[data-eps]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;max-height:0;/*! autoprefixer: off */-webkit-box-orient:vertical;-webkit-box-orient:vertical;max-width:100%}
[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}
.icon-btn{display:inline-flex;align-items:center;justify-content:space-between;min-height:.48rem;min-width:1.6rem;color:#fff;border-radius:.3rem;background-color:#000;padding:.15rem .45rem;white-space:nowrap}
.icon-btn .icon-box{margin-left:.2rem}
.icon-btn.fill{color:#fff;border:none;background-color:#000}
.icon-btn.fill .icon-box{filter:grayscale(1) brightness(15)}
.wrap{padding-left:.6rem;padding-right:.6rem;max-width:100%;overflow:hidden}
.area{margin:0 auto;width:100%;max-width:16.8rem}
.expand-mask{position:fixed;top:0;right:0;height:100%;width:0;opacity:0;background-color:rgba(0,0,0,.5333333333);transition:.5s;opacity:0;z-index:51}
.expand-mask.mask-show{width:100%;opacity:1}
.mod-head{display:flex;justify-content:space-between;align-items:center}
.mod-title{font-weight:bold;color:#222;line-height:1.2777777778}
.hover-line{position:relative}
.hover-line::after{content:"";position:absolute;bottom:-0.02rem;left:0;width:0;height:.02rem;background-color:#000;transition:.3s}
.hover-line:hover::after{width:100%}
.hover-shadow{cursor:pointer;transition:.3s}
.hover-shadow:hover{box-shadow:.02rem .02rem .05rem rgba(0,0,0,0.5333333333),-0.02rem -0.02rem .05rem rgba(0,0,0,.2) inset,.02rem .02rem .05rem hsla(0,0%,100%,0.5333333333) inset}
.hover-pic .pic-box{max-width:100%;max-height:100%;border-radius:.2rem;overflow:hidden}
.hover-pic .pic-box img{transition:.5s}
.hover-pic:hover .pic-box img{transform:scale(1.05)}
@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 .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 .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 .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 .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 .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 .8s ease-in-out forwards}
@keyframes ani-scale-x{to{transform:scaleX(1);opacity:1}
}
[ani-scale-x]{transform:scaleX(0);opacity:0;transform-origin:center}
.ani-scale-x{animation:ani-scale-x .8s ease-in-out forwards}
@keyframes ani-scale-y{to{transform:scaleY(1);opacity:1}
}
[ani-scale-y]{transform:scaleY(0);opacity:0;transform-origin:center}
.ani-scale-y{animation:ani-scale-y .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 .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 .8s ease-in-out forwards}
@keyframes ani-filter-white{to{filter:none;opacity:1}
}
[ani-filter-white]{filter:brightness(5)}
.ani-filter-white{animation:ani-filter-white .8s ease-in-out forwards}
.bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}
.flex{display:flex}
.flex-y{display:flex;flex-direction:column}
.flex-c{display:flex;justify-content:center;align-items:center}
.flex-cs{display:flex;align-items:center;justify-content:space-between}
.flex-xc{display:flex;align-items:center}
.learn-more{display:inline-flex;align-items:center;justify-content:center;min-height:2em;padding:.15rem .35rem;border:1px solid #fff;border-radius:1em;transition:.3s}
.learn-more:hover{color:#000;background-color:#fff}
.learn-more.dark{border:none;color:#fff;background-color:#000}
.learn-more.dark:hover{color:#000;background:#fff}
.vdo-cover{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:5}
.vdo-ctrl{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:.54rem;height:.54rem;border-radius:50%;padding:0;background-color:rgba(0,0,0,0);border:1px solid #fff}
.vdo-ctrl .icon-box{transform:translateX(25%)}
.bgc{background-color:#f2f2f2}
.video-window .dialog{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:rgba(0,0,0,.5333333333);opacity:0;pointer-events:none;transform:translateY(100%);z-index:60}
.video-window .dialog.dialog-show{opacity:1;pointer-events:auto;transform:translateY(0)}
.video-window .dialog.dialog-show .dialog-inner{animation:dialog-show .5s forwards}
@keyframes dialog-show{0%{transform:scale(0) translateY(100%)}
30%{transform:scale(0.001, 0.001) translateY(0)}
60%{transform:scale(0.001, 1) translateY(0)}
100%{transform:scale(1, 1) translateY(0)}
}
.video-window .dialog-inner{position:relative;transition:.5s}
.video-window .dialog-main{padding:.3rem;border-radius:.08rem;background-color:#fff}
.video-window .dialog-cancel{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2em;height:2em;border-radius:50%;padding:0;background-color:#fff;position:absolute;top:0;right:0;transform:translate(50%, -50%);cursor:pointer;transition:.3s;z-index:65}
.video-window .dialog-cancel .cross{position:relative;width:1em;height:1em;flex-shrink:0;aspect-ratio:1;cursor:pointer}
.video-window .dialog-cancel .cross::before,.video-window .dialog-cancel .cross::after{content:"";position:absolute;top:50%;left:50%;width:100%;height:2px;transform:translate(-50%, -50%);background-color:#000;transition:.5s}
.video-window .dialog-cancel .cross::before{transform:translate(-50%, -50%) rotate(90deg)}
.video-window .dialog-cancel .cross::after{transform:translate(-50%, -50%) rotate(180deg)}
.video-window .dialog-cancel .cross{width:1em;height:1em;transition:.3s;transform:rotateZ(45deg)}
.video-window .dialog-cancel:hover{box-shadow:0 0 5px rgba(0,0,0,.3333333333)}
.video-window .dialog-cancel:hover .cross{transform:rotateZ(135deg)}
.video-window .dialog-inner{display:flex;align-items:center;justify-content:center}
.video-window .dialog-main{position:relative;display:flex;align-items:center;justify-content:center;padding:0;max-width:95vw;max-height:95vh;width:13rem;border-radius:.1rem;overflow:hidden}
.video-window .dialog-main{position:relative}
.video-window .dialog-main::before{content:"";display:block;width:100%;padding-top:61.8%}
.video-window .dialog-main .fill{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;z-index:1}
/*! 公用样式 end */

/*! 混入文件 */
/*! #page-head start */
.page-head-wrap{position:fixed;top:0;left:0;width:100%;overflow:visible;font-family:AlibabaPuHuiTi_2_55_Regular;background-color:#fff;z-index:50}
.page-head-wrap .page-head{display:flex;justify-content:space-between;height:.9rem}
.page-head-wrap .logo-box{display:flex;align-items:center;justify-content:center}
.page-head-wrap .logo{display:block;height:.41rem}
.page-head-wrap .page-nav{display:flex;height:100%}
.page-head-wrap .pv-item{padding:0 .375rem}
.page-head-wrap .pv-item.active .pv-entry{border-bottom:2px solid #000}
.page-head-wrap .pv-item:hover .pv-drop{transform:scaleY(1);opacity:1;pointer-events:auto}
.page-head-wrap .pv-entry{display:flex;align-items:center;justify-content:center;height:100%;padding:.1rem 0}
.page-head-wrap .pv-drop{position:absolute;top:100%;left:0;display:flex;justify-content:center;width:100%;min-height:.7rem;background-color:#fff;transition:.3s;transform-origin:top center;transform:scaleY(0);opacity:0;pointer-events:none}
.page-head-wrap .pvd-item{padding:0 .3rem}
.page-head-wrap .pvd-item.active .pvd-entry,.page-head-wrap .pvd-item:hover .pvd-entry{box-shadow:0 -2px 0 0 #000 inset}
.page-head-wrap .pvd-entry{display:flex;align-items:center;height:100%;padding:.1rem 0;transition:.3s}
.page-head-wrap .page-opt{display:flex;align-items:center}
.page-head-wrap .search-form{display:flex;height:1em;width:5em;padding-right:.25rem;background-color:#f2f2f2;border-radius:.25rem}
.page-head-wrap .search-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding-left:.1rem;height:100%;aspect-ratio:1}
.page-head-wrap .search-ipt{flex:1}
.page-head-wrap .lang{position:relative;margin-left:.3rem}
.page-head-wrap .lang:hover .lang-list-box{transform:translateX(-50%) scaleY(1);pointer-events:auto}
.page-head-wrap .lang-label{display:flex;align-items:center;cursor:pointer}
.page-head-wrap .icon-drop{width:.5em;height:.5em;margin-left:.1rem}
.page-head-wrap .lang-list-box{position:absolute;top:100%;left:50%;padding-top:.1rem;transform:translateX(-50%) scaleY(0);transform-origin:top center;pointer-events:none;transition:.3s}
.page-head-wrap .lang-list{box-shadow:2px 2px 5px rgba(0,0,0,.2);background-color:#fff}
.page-head-wrap .lang-item:hover .lang-entry,.page-head-wrap .lang-item.active .lang-entry{color:#fff;background-color:#000}
.page-head-wrap .lang-entry{display:block;padding:.15rem .2rem;white-space:nowrap;transition:.3s}
.page-head-wrap .po-btn.menu{display:none}
.page-head-wrap .po-btn{display:flex;align-items:center;justify-content:center;height:100%;margin-left:.1rem;aspect-ratio:1}
.expand-box .expand-bar{height:100vh;min-width:60vw;transition:.3s;position:fixed;right:0;top:0;background-color:#fff;overflow-y:auto;z-index:52;transform:translateX(100%)}
.expand-box .expand-bar .cross{position:relative;width:1em;height:1em;flex-shrink:0;aspect-ratio:1;cursor:pointer}
.expand-box .expand-bar .cross::before,.expand-box .expand-bar .cross::after{content:"";position:absolute;top:50%;left:50%;width:100%;height:2px;transform:translate(-50%, -50%);background-color:#000;transition:.5s}
.expand-box .expand-bar .cross::before{transform:translate(-50%, -50%) rotate(90deg)}
.expand-box .expand-bar .cross::after{transform:translate(-50%, -50%) rotate(180deg)}
.expand-box .expand-bar .cross{display:none}
.expand-box .expand-bar .exp1-list{width:100%;flex-direction:column}
.expand-box .expand-bar .exp2-list{display:none}
.expand-box .expand-bar .exp1-item{position:relative;flex-direction:column;display:flex;justify-content:space-evenly;align-items:center;width:100%;padding-top:.01rem;transition:.3s;border-bottom:.01rem solid #eee}
.expand-box .expand-bar .exp1-item:has(.exp2-list) .exp1-entry .cross{display:flex}
.expand-box .expand-bar .exp1-item.active .exp1-entry{background-color:rgba(0,0,0,.85);color:#fff}
.expand-box .expand-bar .exp1-item.active .exp1-entry .cross::before,.expand-box .expand-bar .exp1-item.active .exp1-entry .cross::after{background-color:#fff}
.expand-box .expand-bar .exp1-item.active .exp1-entry .cross::before{transform:translate(-50%, -50%) rotate(360deg)}
.expand-box .expand-bar .exp1-item.active .exp1-entry .cross::after{transform:translate(-50%, -50%) rotate(360deg)}
.expand-box .expand-bar .exp1-item.active .exp2-list{display:flex}
.expand-box .expand-bar .exp1-entry{display:flex;align-items:center;justify-content:space-between;padding:.1rem .5rem .1rem 1em;width:100%;height:100%;color:#333;line-height:2;transition:.3s}
.expand-box .expand-bar .exp1-label{position:relative;flex:1;line-height:2}
.expand-box .expand-bar .exp2-list{width:100%;flex-direction:column}
.expand-box .expand-bar .exp3-list{display:none}
.expand-box .expand-bar .exp2-item{position:relative;flex-direction:column;display:flex;justify-content:space-evenly;align-items:center;width:100%;padding-top:.01rem;transition:.3s;border-bottom:.01rem solid #eee}
.expand-box .expand-bar .exp2-item:has(.exp3-list) .exp2-entry .cross{display:flex}
.expand-box .expand-bar .exp2-item.active .exp2-entry{background-color:rgba(0,0,0,.7);color:#fff}
.expand-box .expand-bar .exp2-item.active .exp2-entry .cross::before,.expand-box .expand-bar .exp2-item.active .exp2-entry .cross::after{background-color:#fff}
.expand-box .expand-bar .exp2-item.active .exp2-entry .cross::before{transform:translate(-50%, -50%) rotate(360deg)}
.expand-box .expand-bar .exp2-item.active .exp2-entry .cross::after{transform:translate(-50%, -50%) rotate(360deg)}
.expand-box .expand-bar .exp2-item.active .exp3-list{display:flex}
.expand-box .expand-bar .exp2-entry{display:flex;align-items:center;justify-content:space-between;padding:.1rem .5rem .1rem 2em;width:100%;height:100%;color:#333;line-height:2;transition:.3s}
.expand-box .expand-bar .exp2-label{position:relative;flex:1;line-height:2}
.expand-box .expand-bar .exp1-entry{padding-left:.5rem}
.expand-box .expand-bar.expand-show{opacity:1;transform:translateX(0)}
.expand-box .search-form{display:flex;align-items:center;padding:.15rem .2rem;background-color:#fafafa;height:.9rem}
.expand-box .search-btn{padding:.15rem .2rem}
@media(max-width: 750px){
	.page-head-wrap .page-nav,.page-head-wrap .search-form{display:none}
.page-head-wrap .po-btn.menu{display:flex}
}
/*! #page-head end */

/*! #page-head-placeholder start */
.page-head-placeholder{height:.9rem}
/*! #page-head-placeholder end */

/*! #index-banner start */
.index-banner-wrap{position:relative}
.index-banner-wrap .ibn-swp{height:8.5rem}
.index-banner-wrap .ibn-item{display:block}
.index-banner-wrap .ibn-pic{width:100%;height:100%}
.index-banner-wrap .ibn-cover{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff}
.index-banner-wrap .ibn-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;height:100%;padding:.95rem 0}
.index-banner-wrap .ibn-model{line-height:1.5555555556;color:hsla(0,0%,100%,.6)}
.index-banner-wrap .ibn-name{line-height:1.2;margin-top:.09rem}
.index-banner-wrap .ibn-info{line-height:1.3333333333;margin-top:.07rem;color:hsla(0,0%,100%,.6);max-width:4.65rem}
.index-banner-wrap .ibn-btn{margin-top:.37rem}
.index-banner-wrap .swiper-pagination-bullet{width:16px;height:4px;border-radius:.02rem;background-color:#fff;transition:.3s;opacity:.6}
.index-banner-wrap .swiper-pagination-bullet-active{width:.3rem;background-color:#000;opacity:1}
.index-banner-wrap .swp-turner{position:absolute;top:50%;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;transform:translateY(-50%);pointer-events:none;z-index:10}
.index-banner-wrap .swp-prev,.index-banner-wrap .swp-next{display:flex;align-items:center;justify-content:center;width:.48rem;height:.96rem;border-radius:0 .08rem .08rem 0;pointer-events:auto;transition:.3s}
.index-banner-wrap .swp-prev:hover,.index-banner-wrap .swp-next:hover{background-color:rgba(0,0,0,.3)}
.index-banner-wrap .swp-next{border-radius:.08rem 0 0 .08rem}
/*! #index-banner end */

/*! #gallery start */
.gallery-wrap{max-width:100%;padding-top:.95rem;padding-bottom:1rem;overflow:hidden;color:#222}
.gallery-wrap .gallery-title{line-height:1.2083333333;text-align:center;font-weight:bold}
.gallery-wrap .gallery-main{display:flex;align-items:center;justify-content:space-between;max-width:100%;padding:0 .2rem;margin-top:.45rem}
.gallery-wrap .swp-box{padding:0 .125rem;overflow:hidden}
.gallery-wrap .gallery-swp{width:100%}
.gallery-wrap .gallery-item{width:2.73rem}
.gallery-wrap .gallery-item:hover .gallery-pic::after{opacity:1}
.gallery-wrap .gallery-item:hover .gallery-pic img{transform:translate(-50%, -50%) scale(1.05)}
.gallery-wrap .gallery-pic{width:100%;border-radius:.1rem;background-color:#f2f2f2}
.gallery-wrap .gallery-pic{position:relative}
.gallery-wrap .gallery-pic::before{content:"";display:block;width:100%;padding-top:100%}
.gallery-wrap .gallery-pic .fill{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;z-index:1}
.gallery-wrap .gallery-pic img{transition:.3s}
.gallery-wrap .gallery-pic::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #000;border-radius:inherit;transition:.3s;z-index:2;opacity:0}
.gallery-wrap .gallery-pic .fill{max-width:100%;max-height:100%;width:auto;height:auto}
.gallery-wrap .gallery-name{line-height:1.5555555556;margin-top:.2rem}
.gallery-wrap .gallery-info{line-height:1.25;margin-top:.12rem;color:#666}
.gallery-wrap .swp-prev,.gallery-wrap .swp-next{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:.5rem;height:.5rem;border-radius:50%;padding:0;background-color:#999;transition:.3s}
.gallery-wrap .swp-prev:hover,.gallery-wrap .swp-next:hover{background-color:#000}
/*! #gallery end */

/*! #showcase start */
.showcase-wrap{padding:0 .2rem;color:#333}
.showcase-wrap .showcase{position:relative;border-radius:.2rem;overflow:hidden;transition:.3s}
.showcase-wrap .showcase:hover{box-shadow:0 0 10px rgba(0,0,0,.5333333333)}
.showcase-wrap .showcase:hover .bg,.showcase-wrap .showcase:hover .showcase-pic{transform:scale(1.1)}
.showcase-wrap .bg{transition:.5s}
.showcase-wrap .showcase-cover{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:8rem;z-index:5}
.showcase-wrap .showcase-content{display:flex;flex-direction:column;justify-content:center;height:100%;padding:1rem 1.35rem}
.showcase-wrap .showcase-model{line-height:1.4166666667}
.showcase-wrap .showcase-title{line-height:1.2083333333;margin-top:.08rem;color:#222}
.showcase-wrap .showcase-info{line-height:1.2;margin-top:.2rem;color:#333}
.showcase-wrap .showcase-btn{margin-top:.58rem}
.showcase-wrap .showcase-pic{display:flex;align-items:center;justify-content:center;flex:1;max-height:100%;transition:.5s}
.showcase-wrap .showcase-pic img{max-width:100%}
@media(max-width: 750px){
	.showcase-wrap .showcase-cover{flex-direction:column}
}
/*! #showcase end */

/*! #card start */
.card-wrap{padding:.2rem}
.card-wrap .card-list{display:flex;flex-wrap:wrap}
.card-wrap .card-item{width:calc((100% - .2rem)/2)}
.card-wrap .card-item:nth-child(n+2){margin-left:.2rem}
.card-wrap .card-item:nth-child(2n+1){margin-left:0}
.card-wrap .card-item:nth-child(n+3){margin-top:.2rem}
.card-wrap .card-entry{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;height:8rem;padding:.75rem;border-radius:.2rem;overflow:hidden;transition:.5s}
.card-wrap .card-entry:hover{box-shadow:0 0 10px rgba(0,0,0,.5333333333)}
.card-wrap .card-entry:hover .bg img,.card-wrap .card-entry:hover .card-pic img{transform:scale(1.1)}
.card-wrap .card-title{line-height:1.2777777778;flex-shrink:0}
.card-wrap .card-info{line-height:1.25;margin-top:.15rem;flex-shrink:0;min-height:.4rem}
.card-wrap .card-btn{margin-top:.38rem;flex-shrink:0}
.card-wrap .learn-more{border-color:#000}
.card-wrap .learn-more:hover{color:#fff;background-color:#000}
.card-wrap .card-pic{display:flex;align-items:flex-end;justify-content:center;flex:1}
.card-wrap .card-pic img{max-width:100%;max-height:100%;object-fit:contain;transition:.5s}
@media(max-width: 750px){
	.card-wrap .card-item{width:calc((100% - 0rem)/1)}
.card-wrap .card-item:nth-child(n+2){margin-left:.2rem}
.card-wrap .card-item:nth-child(1n+1){margin-left:0}
.card-wrap .card-item:nth-child(n+2){margin-top:.2rem}
}
/*! #card end */

/*! #vdo-list start */
.vdo-list-wrap{max-width:100%;padding-top:.75rem;padding-bottom:1rem;overflow:hidden}
.vdo-list-wrap .vdo-list-title{font-weight:bold;text-align:center;line-height:1.2083333333}
.vdo-list-wrap .vdo-swp{margin-top:.55rem}
.vdo-list-wrap .vdo-item{width:7.75rem}
.vdo-list-wrap .vdo-box{position:relative;width:100%;border-radius:.2rem;overflow:hidden;cursor:pointer}
.vdo-list-wrap .vdo-box{position:relative}
.vdo-list-wrap .vdo-box::before{content:"";display:block;width:100%;padding-top:58.5806451613%}
.vdo-list-wrap .vdo-box .fill{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;z-index:1}
.vdo-list-wrap .swp-pagination{position:static;display:flex;justify-content:center;margin-top:.3rem}
.vdo-list-wrap .swiper-pagination-bullet{display:block;width:.32rem;height:.03rem;background-color:#d9d9d9;border-radius:0;opacity:1;transition:.3s}
.vdo-list-wrap .swiper-pagination-bullet-active{width:.8rem;background-color:#000}
.vdo-list-wrap .swp-turner{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:.2rem;pointer-events:none;z-index:10}
.vdo-list-wrap .swp-prev,.vdo-list-wrap .swp-next{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:.5rem;height:.5rem;border-radius:50%;padding:0;background-color:rgba(0,0,0,.4);pointer-events:auto;transition:.3s}
.vdo-list-wrap .swp-prev:hover,.vdo-list-wrap .swp-next:hover{background-color:#fff}
.vdo-list-wrap .swp-prev:hover .icon-box,.vdo-list-wrap .swp-next:hover .icon-box{filter:invert(1)}
/*! #vdo-list end */

/*! #knee start */
.knee-wrap{display:flex;min-height:5.3rem;padding:1rem .6rem;background-repeat:no-repeat;background-position:center center;background-size:3.2rem 3.2rem;background-color:#f2f2f2}
.knee-wrap .knee{display:flex;align-items:center;justify-content:center}
.knee-wrap .knee-title{text-align:center;font-weight:bold}
/*! #knee end */

/*! #page-foot start */
.page-foot-wrap{display:flex;padding-top:1.2rem;min-height:5.45rem;background-color:#191919}
.page-foot-wrap .page-foot{display:flex;flex-direction:column}
.page-foot-wrap .pf-main{display:flex}
.page-foot-wrap .logo-box{height:.49rem}
.page-foot-wrap .logo{display:flex;height:100%}
.page-foot-wrap .pf-share{display:flex;margin-top:.4rem}
.page-foot-wrap .pfs-item:nth-child(n+2){margin-left:10px}
.page-foot-wrap .pfs-entry{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2em;height:2em;border-radius:50%;padding:0;background-color:hsla(0,0%,100%,.1);transition:.3s}
.page-foot-wrap .pfs-entry:hover{background-color:#fff}
.page-foot-wrap .pfs-entry:hover img{filter:invert(1)}
.page-foot-wrap .pf-right{padding-left:2rem;margin-left:2rem;flex:1;border-left:1px solid hsla(0,0%,100%,.2)}
.page-foot-wrap .copyright{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:.2rem 0;min-height:.9rem;color:hsla(0,0%,100%,.3);border-top:1px solid hsla(0,0%,100%,.2)}
.pf-nav{display:flex;justify-content:space-between;color:#fff}
.pf-nav dt{line-height:1.2;margin-top:-0.02rem;margin-bottom:.05rem}
.pf-nav dd{line-height:1.875;color:hsla(0,0%,100%,.5);transition:.3s}
.pf-nav dd:hover{color:#fff}
@media(max-width: 750px){
	.page-foot-wrap .pf-right{display:none}
.page-foot-wrap .copyright{margin-top:1rem;padding:.5rem 0;flex-direction:column;text-align:center}
.page-foot-wrap .cr-right{margin-top:.3rem}
}
/*! #page-foot end */

/*! #mod-banner start */
.mod-banner-wrap .mod-banner{position:relative}
.mod-banner-wrap .mod-pic{width:100%;height:100%}
.mod-banner-wrap .mod-cover{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}
.mod-banner-wrap .mod-content{padding:1.15rem .6rem}
.mod-banner-wrap .mod-title{line-height:1.2;text-align:center;color:#fff}
/*! #mod-banner end */

/*! #breadcrumb start */
.breadcrumb-wrap{position:relative}
.breadcrumb-wrap .breadcrumb{display:flex;align-items:center;justify-content:space-between;height:100%}
.breadcrumb-wrap .breadcrumb-abs{position:absolute;left:0;right:0;width:100%;height:.85rem}
.breadcrumb-wrap .breadcrumb-list{display:flex;height:100%;color:#999}
.breadcrumb-wrap .icon-home{margin-right:.13rem}
.breadcrumb-wrap .breadcrumb-item{display:flex;padding-right:.12rem}
.breadcrumb-wrap .breadcrumb-item:nth-child(n+2) .breadcrumb-entry::before{content:"-";padding-right:.12rem}
.breadcrumb-wrap .breadcrumb-entry{display:flex;align-items:center}
.breadcrumb-wrap .page-opt{height:100%;display:none}
.breadcrumb-wrap .page-btn{display:flex;align-items:center;justify-content:center;height:100%;padding:0 .2rem}
@media(max-width: 750px){
	.breadcrumb-wrap .page-opt{display:block}
}
/*! #breadcrumb end */

/*! #distributor start */
.distributor-wrap{padding-top:1rem;padding-bottom:1rem;background-color:#f2f2f2}
.form .hover-drop{position:relative}
.form .hover-drop:hover .drop-list{transform:translateX(-50%) scaleY(1)}
.form .select.drop-list{position:absolute;top:100%;left:50%;min-width:100%;background-color:#fff;transform-origin:center top;transform:translateX(-50%) scaleY(0);box-shadow:.02rem .02rem .05rem 0 rgba(0,0,0,.1333333333);z-index:10;transition:.3s}
.form .select.drop-list .drop-item{position:relative}
.form .select.drop-list .drop-item:hover .drop-entry{color:#fff;background-color:#000}
.form .drop-entry{display:flex;align-items:center;min-height:.54rem;padding:.1rem .3rem;line-height:1.5;color:#222;white-space:nowrap;transition:.3s}
.form .form-row{display:flex}
.form .select-box:hover .icon-drop{transform:rotateZ(-180deg)}
.form .select-label{display:flex;align-items:center;justify-content:space-between;min-height:.5rem;min-width:3.4rem;padding:.1rem .3rem;background-color:#fff;border-radius:.06rem;border:solid 1px #666}
.form .icon-drop{margin-left:.6rem;transition:.3s}
.dist-main{margin-top:.32rem}
.dist-main .dist-head{display:flex}
.dist-main .dist-class{padding-left:.2rem;padding:.12rem 0;color:#333;line-height:1.6666666667}
.dist-main .dist-list{width:100%;font-weight:bold;color:#222}
.dist-main .dist-item{display:flex;padding:.1rem 0;border-radius:.04rem;background-color:#fff;overflow:hidden}
.dist-main .dist-item:nth-child(n+2){margin-top:.2rem}
.dist-main .dist-c1,.dist-main .dc-1{width:20.0595238095%}
.dist-main .dist-c2,.dist-main .dc-2{width:23.8095238095%}
.dist-main .dist-c3,.dist-main .dc-3{flex:1}
.dist-main .dist-c2,.dist-main .dist-c3,.dist-main .dist-c4{border-left:1px solid #ebebeb}
.dist-main .dist-c3 .cell,.dist-main .dist-c4 .cell{border-bottom:1px solid #ebebeb}
.dist-main .dist-c3{padding:0 .2rem}
.dist-main .cell,.dist-main .dist-group{display:flex;align-items:center;min-height:.35rem;padding:.05rem 0}
.dist-main .rows{display:flex}
.dist-main .rows:nth-child(n+2){border-top:1px solid #ebebeb}
.dist-main .dist-group{display:flex;flex:1 0 0}
.dist-main .dist-group:nth-child(n+2){padding-left:.2rem;border-left:1px solid #ebebeb}
.dist-main .dist-c1.cell,.dist-main .dist-c2.cell{padding-left:.2rem;padding-right:.2rem}
.dist-main .dist-key{display:flex;flex-shrink:0;width:1.45rem}
.dist-main .dist-val{display:flex;color:#666;font-weight:normal}
@media(max-width: 750px){
	.distributor-wrap .dist-head{display:none}
.distributor-wrap .dist-item{flex-direction:column}
.distributor-wrap .dist-c1,.distributor-wrap .dist-c2,.distributor-wrap .dist-c3{width:100%}
.distributor-wrap .rows{flex-direction:column}
.distributor-wrap .cell,.distributor-wrap .dist-group{min-height:.5rem;padding:.1rem 0}
.distributor-wrap .cell:nth-child(n+2){border-top:1px solid #ebebeb}
.distributor-wrap .dist-group:nth-child(n+2){padding-left:0;border-left:none;border-top:1px solid #ebebeb}
}
/*! #distributor end */

/*! #contact start */
.contact-wrap{padding-top:1rem;padding-bottom:1rem;background-color:#f2f2f2;color:#666}
.contact-wrap .contact{display:flex;border-radius:.2rem;background-color:#fff;overflow:hidden}
.contact-wrap .contact-content,.contact-wrap .contact-map{flex:1 0 0}
.contact-wrap .contact-content{padding:.6rem 1rem}
.contact-wrap .contact-title{line-height:1.2;color:#333}
.contact-wrap .contact-methods{margin-top:.5rem}
.contact-wrap .cm-item{display:flex;align-items:flex-start}
.contact-wrap .cm-item:nth-child(n+2){margin-top:.4rem}
.contact-wrap .cm-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:.6rem;height:.6rem;border-radius:50%;padding:0;background-color:#f4f4f6;margin-right:.3rem}
.contact-wrap .cm-txt{line-height:1.5;display:flex;padding-top:.15rem}
@media(max-width: 750px){
	.contact-wrap .contact{flex-direction:column}
.contact-wrap .cm-txt{flex-direction:column}
}
/*! #contact end */

/*! #article start */
.article-wrap{padding-top:.95rem;padding-bottom:1rem}
.article-wrap.about{padding-bottom:0}
.article-wrap.about .article-head{padding-bottom:0}
.article-wrap.about .article-head,.article-wrap.about .article-mein{border:none}
.article-wrap .article{margin:0 auto;width:100%;max-width:12rem}
.article-wrap .article-head{text-align:center;padding-bottom:.5rem;border-bottom:1px solid rgba(0,0,0,.08)}
.article-wrap .article-title{line-height:1.2;font-weight:bold}
.article-wrap .article-info{color:#666;line-height:1.7142857143;margin-top:.11rem}
.article-wrap .article-foot{display:flex;justify-content:center;padding-top:.6rem}
.article-wrap .learn-more{background-color:#999}
.article-wrap .learn-more:hover{color:#fff;background-color:#000}
.article-wrap .learn-more:nth-child(n+2){margin-left:.6rem}
.article-main{line-height:1.6666666667;padding-top:.5rem;border-bottom:1px solid rgba(0,0,0,.08);padding-bottom:.5rem;color:#222}
.article-main img,.article-main video{max-width:100%;margin:.3rem 0;object-fit:contain;text-align:center}
.article-wrap.about{padding-bottom:0}
.article-wrap.about .article-head{padding-bottom:0}
.article-wrap.about .article-head,.article-wrap.about .article-mein{border:none}
.article-wrap.about .article-main{padding-top:.1rem}
/*! #article end */

/*! #result start */
.result-wrap{padding-top:.55rem;padding-bottom:1rem;background-color:#f2f2f2}
.result-wrap .result-head{display:flex;justify-content:center;padding-bottom:.6rem;border-bottom:1px solid rgba(0,0,0,.05)}
.result-wrap .result-search{display:flex;align-items:center;min-height:.6rem;border-radius:.4rem;width:100%;max-width:7.55rem;padding:0 .1rem;background-color:#fff}
.result-wrap .submit{display:flex;align-items:center;justify-content:center;height:100%;padding:0 .2rem}
.result-wrap .res-ipt{flex:1}
.result-wrap .reset{height:100%;padding:.1rem}
.result-wrap .reset .cross{position:relative;width:1em;height:1em;flex-shrink:0;aspect-ratio:1;cursor:pointer}
.result-wrap .reset .cross::before,.result-wrap .reset .cross::after{content:"";position:absolute;top:50%;left:50%;width:100%;height:1px;transform:translate(-50%, -50%);background-color:#999;transition:.5s}
.result-wrap .reset .cross::before{transform:translate(-50%, -50%) rotate(90deg)}
.result-wrap .reset .cross::after{transform:translate(-50%, -50%) rotate(180deg)}
.result-wrap .reset .cross{transform:rotateZ(45deg)}
.result-wrap .res-title{padding-top:1rem;padding-bottom:.35rem;font-weight:bold;line-height:1.3125}
.result-wrap .resc-list{display:flex;flex-wrap:wrap}
.result-wrap .resc-item{border-radius:.1rem;overflow:hidden;transition:.3s}
.result-wrap .resc-item{width:calc((100% - .4rem)/2)}
.result-wrap .resc-item:nth-child(n+2){margin-left:.4rem}
.result-wrap .resc-item:nth-child(2n+1){margin-left:0}
.result-wrap .resc-item:nth-child(n+3){margin-top:.4rem}
.result-wrap .resc-item:hover{box-shadow:1px 1px 5px rgba(0,0,0,.2)}
.result-wrap .resc-item:hover .resc-pic img{transform:scale(1.1)}
.result-wrap .pd25{padding:.25rem}
.result-wrap .resc-entry{display:flex;padding:.4rem;background-color:#fff}
.result-wrap .resc-pic{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.6rem;height:1.6rem;margin-right:.37rem;border-radius:.1rem;background-color:#f2f2f2;overflow:hidden}
.result-wrap .resc-pic{position:relative}
.result-wrap .resc-pic::before{content:"";display:block;width:100%;padding-top:100%}
.result-wrap .resc-pic .fill{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;z-index:1}
.result-wrap .resc-pic img{transition:.3s}
.result-wrap .resc-pic img.cn{object-fit:contain}
.result-wrap .resc-pic img.cv{object-fit:cover}
.result-wrap .resc-content{display:flex;flex-direction:column;flex:1;overflow:hidden}
.result-wrap .resc-name{line-height:1.4166666667;font-weight:bold}
.result-wrap .resc-info{line-height:2;margin-top:.19rem;color:#666}
.result-wrap .resc-opt{display:flex;justify-content:flex-end;margin-top:auto}
.result-wrap .resl-list{display:flex;flex-wrap:wrap}
.result-wrap .resl-item{transition:.3s}
.result-wrap .resl-item{width:calc((100% - .4rem)/2)}
.result-wrap .resl-item:nth-child(n+2){margin-left:.4rem}
.result-wrap .resl-item:nth-child(2n+1){margin-left:0}
.result-wrap .resl-item:nth-child(n+3){margin-top:.4rem}
.result-wrap .resl-item:hover{box-shadow:1px 1px 5px rgba(0,0,0,.2)}
.result-wrap .resl-entry{display:flex;align-items:center;padding:.25rem;border-radius:4px;background-color:#fff;overflow:hidden}
.result-wrap .resl-txt{margin-left:.1rem;color:#222}
.result-wrap .resl-txt{line-height:1.5555555556}
@media(max-width: 750px){
	.result-wrap .resl-item{width:calc((100% - 0rem)/1)}
.result-wrap .resl-item:nth-child(n+2){margin-left:.4rem}
.result-wrap .resl-item:nth-child(1n+1){margin-left:0}
.result-wrap .resl-item:nth-child(n+2){margin-top:.4rem}
.result-wrap .resc-item{width:calc((100% - 0rem)/1)}
.result-wrap .resc-item:nth-child(n+2){margin-left:.4rem}
.result-wrap .resc-item:nth-child(1n+1){margin-left:0}
.result-wrap .resc-item:nth-child(n+2){margin-top:.4rem}
}
/*! #result end */

/*! #view start */
.view-wrap{padding-top:1rem;background-color:#f2f2f2;overflow:visible}
.view-wrap .view{position:relative;display:flex;align-items:flex-start;justify-content:space-between}
.view-wrap .view-main{flex:1;max-width:12.8rem;width:100px}
/*! #view end */

/*! #sidebar start */
.sidebar{position:sticky;top:.9rem;left:0;max-width:3.4rem;flex-shrink:0;width:100%}
.sidebar .sidebar-item.active .sidebar-entry{color:#fff;background-color:#000}
.sidebar .sidebar-item.active .fold .cross::before,.sidebar .sidebar-item.active .fold .cross::after{background-color:#fff}
.sidebar .sidebar-item.active .fold .cross::before{transform:translate(-50%, -50%) rotate(360deg)}
.sidebar .sidebar-item.active .fold .cross::after{transform:translate(-50%, -50%) rotate(360deg)}
.sidebar .sidebar-entry{display:flex;align-items:center;justify-content:space-between;height:.7rem;white-space:nowrap;padding:.1rem 0 .1rem .3rem;background-color:#fff;cursor:pointer;transition:.3s}
.sidebar .fold{display:flex;align-items:center;justify-content:center;height:100%;padding:0 .3rem}
.sidebar .fold .cross{position:relative;width:1em;height:1em;flex-shrink:0;aspect-ratio:1;cursor:pointer}
.sidebar .fold .cross::before,.sidebar .fold .cross::after{content:"";position:absolute;top:50%;left:50%;width:100%;height:2px;transform:translate(-50%, -50%);background-color:#999;transition:.5s}
.sidebar .fold .cross::before{transform:translate(-50%, -50%) rotate(90deg)}
.sidebar .fold .cross::after{transform:translate(-50%, -50%) rotate(180deg)}
.sidebar .sidebar-drop{display:none;padding:.15rem .6rem;background-color:#fff}
.sidebar .sd-item:hover .sd-entry{color:#000}
.sidebar .sd-entry{display:flex;align-items:center;min-height:.4rem;color:#666;cursor:pointer;transition:.3s}
.sidebar .sd-entry.active{color:#000}
.sidebar-expand-box .expand-bar{height:100vh;min-width:60vw;transition:.3s;position:fixed;right:0;top:0;background-color:#fff;overflow-y:auto;z-index:52;transform:translateX(100%)}
.sidebar-expand-box .expand-bar .cross{position:relative;width:1em;height:1em;flex-shrink:0;aspect-ratio:1;cursor:pointer}
.sidebar-expand-box .expand-bar .cross::before,.sidebar-expand-box .expand-bar .cross::after{content:"";position:absolute;top:50%;left:50%;width:100%;height:2px;transform:translate(-50%, -50%);background-color:#000;transition:.5s}
.sidebar-expand-box .expand-bar .cross::before{transform:translate(-50%, -50%) rotate(90deg)}
.sidebar-expand-box .expand-bar .cross::after{transform:translate(-50%, -50%) rotate(180deg)}
.sidebar-expand-box .expand-bar .cross{display:none}
.sidebar-expand-box .expand-bar .exp1-list{width:100%;flex-direction:column}
.sidebar-expand-box .expand-bar .exp2-list{display:none}
.sidebar-expand-box .expand-bar .exp1-item{position:relative;flex-direction:column;display:flex;justify-content:space-evenly;align-items:center;width:100%;padding-top:.01rem;transition:.3s;border-bottom:.01rem solid #eee}
.sidebar-expand-box .expand-bar .exp1-item:has(.exp2-list) .exp1-entry .cross{display:flex}
.sidebar-expand-box .expand-bar .exp1-item.active .exp1-entry{background-color:rgba(0,0,0,.85);color:#fff}
.sidebar-expand-box .expand-bar .exp1-item.active .exp1-entry .cross::before,.sidebar-expand-box .expand-bar .exp1-item.active .exp1-entry .cross::after{background-color:#fff}
.sidebar-expand-box .expand-bar .exp1-item.active .exp1-entry .cross::before{transform:translate(-50%, -50%) rotate(360deg)}
.sidebar-expand-box .expand-bar .exp1-item.active .exp1-entry .cross::after{transform:translate(-50%, -50%) rotate(360deg)}
.sidebar-expand-box .expand-bar .exp1-item.active .exp2-list{display:flex}
.sidebar-expand-box .expand-bar .exp1-entry{display:flex;align-items:center;justify-content:space-between;padding:.1rem .5rem .1rem 1em;width:100%;height:100%;color:#333;line-height:2;transition:.3s}
.sidebar-expand-box .expand-bar .exp1-label{position:relative;flex:1;line-height:2}
.sidebar-expand-box .expand-bar .exp2-list{width:100%;flex-direction:column}
.sidebar-expand-box .expand-bar .exp3-list{display:none}
.sidebar-expand-box .expand-bar .exp2-item{position:relative;flex-direction:column;display:flex;justify-content:space-evenly;align-items:center;width:100%;padding-top:.01rem;transition:.3s;border-bottom:.01rem solid #eee}
.sidebar-expand-box .expand-bar .exp2-item:has(.exp3-list) .exp2-entry .cross{display:flex}
.sidebar-expand-box .expand-bar .exp2-item.active .exp2-entry{background-color:rgba(0,0,0,.7);color:#fff}
.sidebar-expand-box .expand-bar .exp2-item.active .exp2-entry .cross::before,.sidebar-expand-box .expand-bar .exp2-item.active .exp2-entry .cross::after{background-color:#fff}
.sidebar-expand-box .expand-bar .exp2-item.active .exp2-entry .cross::before{transform:translate(-50%, -50%) rotate(360deg)}
.sidebar-expand-box .expand-bar .exp2-item.active .exp2-entry .cross::after{transform:translate(-50%, -50%) rotate(360deg)}
.sidebar-expand-box .expand-bar .exp2-item.active .exp3-list{display:flex}
.sidebar-expand-box .expand-bar .exp2-entry{display:flex;align-items:center;justify-content:space-between;padding:.1rem .5rem .1rem 2em;width:100%;height:100%;color:#333;line-height:2;transition:.3s}
.sidebar-expand-box .expand-bar .exp2-label{position:relative;flex:1;line-height:2}
.sidebar-expand-box .expand-bar .exp1-entry{padding-left:.5rem}
.sidebar-expand-box .expand-bar.expand-show{opacity:1;transform:translateX(0)}
@media(max-width: 750px){
	.sidebar{display:none}
}
/*! #sidebar end */

/*! #product start */
.product-wrap{padding-bottom:1rem}
.product-wrap .product-list{display:flex;flex-wrap:wrap}
@keyframes show{from{transform:translateY(0.3rem);opacity:0}
to{transform:translateY(0);opacity:1}
}
.product-wrap .product-item{border-radius:.1rem;animation:show .3s linear forwards;transition:.3s}
.product-wrap .product-item{width:calc((100% - .4rem)/3)}
.product-wrap .product-item:nth-child(n+2){margin-left:.2rem}
.product-wrap .product-item:nth-child(3n+1){margin-left:0}
.product-wrap .product-item:nth-child(n+4){margin-top:.2rem}
.product-wrap .product-item:hover{box-shadow:2px 2px 10px rgba(0,0,0,.3333333333)}
.product-wrap .product-item:hover .product-pic img{transform:scale(1.1)}
.product-wrap .product-entry{display:flex;flex-direction:column;height:4.7rem;text-align:center;padding:.6rem .54rem;border-radius:inherit;background-color:#fff}
.product-wrap .product-pic{display:flex;justify-content:center;max-height:2rem}
.product-wrap .product-pic img{max-width:100%;transition:.5s}
.product-wrap .product-name{margin-top:auto;font-weight:bold;line-height:1.4166666667}
.product-wrap .product-info{line-height:1.3333333333;margin-top:.13rem;color:#666}
.product-wrap .btn-box{display:flex;justify-content:center;margin-top:.6rem}
@media(max-width: 750px){
	.product-wrap .product-item{width:calc((100% - 0rem)/1)}
.product-wrap .product-item:nth-child(n+2){margin-left:.2rem}
.product-wrap .product-item:nth-child(1n+1){margin-left:0}
.product-wrap .product-item:nth-child(n+2){margin-top:.2rem}
}
/*! #product end */

/*! #problem start */
.problem-wrap{background-color:#fff}
.problem-wrap .problem{padding:.6rem}
.problem-wrap .problem-head{line-height:1;padding-bottom:.65rem;text-align:center}
.problem-wrap .problem-item{overflow:hidden;max-width:100%}
.problem-wrap .problem-item p{line-height:1.3636363636}
.problem-wrap .problem-item:last-child .problem-entry{border-bottom:1px solid rgba(0,0,0,.08)}
.problem-wrap .problem-item.active .problem-entry .cross::before,.problem-wrap .problem-item.active .problem-entry .cross::after{background-color:#000}
.problem-wrap .problem-item.active .problem-entry .cross::before{transform:translate(-50%, -50%) rotate(360deg)}
.problem-wrap .problem-item.active .problem-entry .cross::after{transform:translate(-50%, -50%) rotate(360deg)}
.problem-wrap .problem-entry{display:flex;align-items:center;justify-content:space-between;font-weight:bold;min-height:1rem;border-top:1px solid rgba(0,0,0,.08);cursor:pointer}
.problem-wrap .problem-entry .cross{position:relative;width:1em;height:1em;flex-shrink:0;aspect-ratio:1;cursor:pointer}
.problem-wrap .problem-entry .cross::before,.problem-wrap .problem-entry .cross::after{content:"";position:absolute;top:50%;left:50%;width:100%;height:3px;transform:translate(-50%, -50%);background-color:#000;transition:.5s}
.problem-wrap .problem-entry .cross::before{transform:translate(-50%, -50%) rotate(90deg)}
.problem-wrap .problem-entry .cross::after{transform:translate(-50%, -50%) rotate(180deg)}
.problem-wrap .problem-entry .cross{height:1em;width:1em}
.problem-wrap .problem-answer{line-height:1.3333333333;display:none;padding:.19rem .28rem;color:#666;background-color:#f7f7f7}
/*! #problem end */

/*! #news start */
.news-wrap{padding-bottom:1rem}
.news-wrap .btn-box{display:flex;justify-content:center;margin-top:.6rem}
.news-list{display:flex;flex-wrap:wrap}
.news-list .news-item{border-radius:.16rem;transition:.3s}
.news-list .news-item{width:calc((100% - .6rem)/3)}
.news-list .news-item:nth-child(n+2){margin-left:.3rem}
.news-list .news-item:nth-child(3n+1){margin-left:0}
.news-list .news-item:nth-child(n+4){margin-top:.3rem}
.news-list .news-item:hover{box-shadow:2px 2px 10px rgba(0,0,0,.3333333333)}
.news-list .news-item:hover .news-pic img{transform:translate(-50%, -50%) scale(1.1)}
.news-list .news-entry{display:block;background-color:#fff;border-radius:inherit;overflow:hidden}
.news-list .news-pic{overflow:hidden}
.news-list .news-pic{position:relative}
.news-list .news-pic::before{content:"";display:block;width:100%;padding-top:60.0985221675%}
.news-list .news-pic .fill{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;z-index:1}
.news-list .news-pic img{transition:.5s}
.news-list .news-content{display:flex;flex-direction:column;justify-content:center;min-height:1.42rem;padding:.2rem .3rem}
.news-list .news-date{color:#666;line-height:1.7142857143}
.news-list .news-title{line-height:1.3333333333;margin-top:.14rem}
@media(max-width: 750px){
	.news-wrap .news-item{width:calc((100% - 0rem)/1)}
.news-wrap .news-item:nth-child(n+2){margin-left:.5rem}
.news-wrap .news-item:nth-child(1n+1){margin-left:0}
.news-wrap .news-item:nth-child(n+2){margin-top:.5rem}
.news-wrap .news-content{padding:.4rem .3rem}
}
/*! #news end */

/*! #video start */
.video-wrap{padding-bottom:1rem}
.video-wrap .btn-box{display:flex;justify-content:center;margin-top:.3rem}
.video-list{display:flex;flex-wrap:wrap}
.video-list .video-item{width:calc((100% - .6rem)/3)}
.video-list .video-item:nth-child(n+2){margin-left:.3rem}
.video-list .video-item:nth-child(3n+1){margin-left:0}
.video-list .video-item:nth-child(n+4){margin-top:.3rem}
.video-list .video-entry{display:block}
.video-list .video-box{border-radius:.1rem;cursor:pointer;overflow:hidden}
.video-list .video-box{position:relative}
.video-list .video-box::before{content:"";display:block;width:100%;padding-top:66.5024630542%}
.video-list .video-box .fill{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;z-index:1}
.video-list .video-box:hover .vdo-cover{opacity:1}
.video-list .video-content{padding:.2rem 0}
.video-list .video-title{line-height:1.3333333333}
.video-list .video-date{line-height:1.7142857143;margin-top:.12rem;color:#666}
.video-list .vdo-cover{opacity:0;transition:.3s}
@media(max-width: 750px){
	.video-wrap .video-item{width:calc((100% - 0rem)/1)}
.video-wrap .video-item:nth-child(n+2){margin-left:.5rem}
.video-wrap .video-item:nth-child(1n+1){margin-left:0}
.video-wrap .video-item:nth-child(n+2){margin-top:.5rem}
}
/*! #video end */

/*! #download start */
.download-wrap{padding:.6rem;background-color:#fff}
.download-wrap .download-head{display:flex;align-items:center;justify-content:space-between}
.download-wrap .download-title{color:#333;font-weight:bold;line-height:1.25}
.download-wrap .download-search{display:flex;align-items:center;min-width:2.6rem;min-height:.5rem;padding:0 .14rem;border-radius:6px;border:solid 1px #666;background-color:#fff}
.download-wrap .download-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0 .1rem}
.download-wrap .download-sipt{flex:1}
.download-wrap .download-list{margin-top:.3rem;color:#222}
.download-wrap .download-item,.download-wrap .download-opts,.download-wrap .dlo-label,.download-wrap .dli-main{display:flex;align-items:center}
.download-wrap .download-item{padding:.2rem .3rem;background-color:#f7f7f7;justify-content:space-between}
.download-wrap .download-item:nth-child(n+2){margin-top:.2rem}
.download-wrap .dli-main{flex:1;max-width:100%;padding-right:.2rem;overflow:hidden}
.download-wrap .download-opts{position:relative}
.download-wrap .dlopt-group{display:flex;flex:1}
.download-wrap .dlopt-group{width:calc((100% - .2rem)/2)}
.download-wrap .dlopt-group:nth-child(n+2){margin-left:.2rem}
.download-wrap .dlopt-group:nth-child(2n+1){margin-left:0}
.download-wrap .dlopt-group:nth-child(n+3){margin-top:.2rem}
.download-wrap .download-opt{flex:1}
.download-wrap .download-opt:nth-child(n+2){margin-left:.2rem}
.download-wrap .download-opt:hover .dlo-label{background-color:#fff;box-shadow:1px 1px 5px 0 rgba(0,0,0,.2)}
.download-wrap .download-opt:hover .dlo-drop{transform:scaleY(1);opacity:1;pointer-events:auto}
.download-wrap .download-opt.disable .dlo-label{color:#8a8a8a;box-shadow:none;background-color:#f5f5f5;cursor:not-allowed}
.download-wrap .download-opt.disable .dlo-label .icon-box{display:none}
.download-wrap .download-opt.disable .dlo-drop{display:none !important;pointer-events:none}
.download-wrap .download-opt.disable .dlo-label{border:solid 1px #8a8a8a}
.download-wrap .dlo-label{justify-content:space-between;min-width:1.4rem;min-height:.36rem;padding:.1rem .2rem;border-radius:.06rem;border:solid 1px #222;transition:.3s;cursor:default}
.download-wrap .download-txt{margin-left:.1rem;line-height:1.5555555556}
.download-wrap .dlo-drop{position:absolute;right:0;top:100%;min-width:100%;padding:0 .2rem .2rem;border-radius:.1rem;background-color:#fff;overflow:hidden;transition:.3s;z-index:5;transform-origin:top center;transform:scaleY(0);opacity:0;pointer-events:none}
.download-wrap .dlod-entry{display:flex;align-items:center;min-height:.45rem;color:#666;transition:.3s}
.download-wrap .dlod-entry:hover{color:#000}
@media(max-width: 750px){
	.download-wrap .download-head{flex-direction:column;align-items:flex-start}
.download-wrap .download-search{margin-top:.2rem}
.download-wrap .download-item{flex-direction:column}
.download-wrap .download-opts{flex-wrap:wrap;margin-top:.3rem}
.download-wrap .dlopt-group{position:relative}
.download-wrap .dlopt-group{width:calc((100% - 0rem)/1)}
.download-wrap .dlopt-group:nth-child(n+2){margin-left:.2rem}
.download-wrap .dlopt-group:nth-child(1n+1){margin-left:0}
.download-wrap .dlopt-group:nth-child(n+2){margin-top:.2rem}
}
/*! #download end */

/*! #product-view start */
.product-view-wrap{padding-top:1rem;padding-bottom:.8rem;background-color:#f2f2f2}
.product-view-wrap .product-view{display:flex;justify-content:space-between}
.product-view-wrap .pv-main{display:flex;height:4.73rem;flex:1 0 0}
.product-view-wrap .thumb-box{display:flex;flex-direction:column;width:1.1rem}
.product-view-wrap .thumb-swp{flex:1;margin-left:0;margin-right:0}
.product-view-wrap .thumb-item{width:100%;height:auto;background-color:#fff;border-radius:.04rem}
.product-view-wrap .thumb-item{position:relative}
.product-view-wrap .thumb-item::before{content:"";display:block;width:100%;padding-top:100%}
.product-view-wrap .thumb-item .fill{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;z-index:1}
.product-view-wrap .thumb-item.active .thumb-pic::after{opacity:1}
.product-view-wrap .thumb-pic{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit}
.product-view-wrap .thumb-pic::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:inherit;opacity:0;transition:.3s;z-index:6}
.product-view-wrap .thumb-pic::after{box-shadow:0 0 0 1px #000 inset}
.product-view-wrap .thumb-pic img{max-width:75%;max-height:75%;object-fit:contain}
.product-view-wrap .swp-prev,.product-view-wrap .swp-next{display:flex;justify-content:center;align-items:flex-start;width:100%;height:.28rem}
.product-view-wrap .swp-prev .icon-box,.product-view-wrap .swp-next .icon-box{height:auto}
.product-view-wrap .swp-next{align-items:flex-end}
.product-view-wrap .view-box{display:flex;align-items:center;max-width:7rem;width:100%;margin-left:.4rem;flex:1 0 0}
.product-view-wrap .pv-view{aspect-ratio:700/473;display:flex;align-items:center;justify-content:center;width:100%;border-radius:.2rem;background-color:#fff}
.product-view-wrap .pv-view{position:relative}
.product-view-wrap .pv-view::before{content:"";display:block;width:100%;padding-top:67.5714285714%}
.product-view-wrap .pv-view .fill{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;z-index:1}
.product-view-wrap .pv-img{display:flex;align-items:center;justify-content:center;width:100%;height:100%;max-height:5rem;padding:.6rem}
.product-view-wrap .pv-img img{width:100%;height:100%;object-fit:contain}
.product-view-wrap .pv-txt{display:flex;align-items:center}
.product-view-wrap .pv-info{max-width:7.11rem;width:100%;min-height:4.73rem}
.product-view-wrap .pvi-head{padding-bottom:.3rem;border-bottom:1px solid #dfdfdf}
.product-view-wrap .pvi-title{line-height:1}
.product-view-wrap .pvi-txt{padding:.35rem 0;line-height:1.875}
.product-view-wrap .pvi-txt .s20{line-height:1.4}
.product-view-wrap .MagicZoomPlus{width:100% !important;height:100% !important}
.product-view-wrap .view-output{position:absolute;top:0;left:100%;pointer-events:none}
.product-view-wrap .view-output .MagicZoomBigImageCont{background-color:#fff}
.product-view-wrap .icon-search{position:absolute;bottom:0;right:0;padding:.15rem;z-index:10}
@media(max-width: 750px){
	.product-view-wrap .product-view{flex-direction:column}
.product-view-wrap .pv-main{height:auto;width:100%;padding-bottom:1rem;flex-direction:column-reverse}
.product-view-wrap .thumb-box{display:flex;width:100%;margin-top:.3rem}
.product-view-wrap .thumb-swp{width:100%}
.product-view-wrap .view-box{margin-left:0}
.product-view-wrap .thumb-item{width:1.5rem}
.product-view-wrap .swp-prev,.product-view-wrap .swp-next{display:none}
}
/*! #product-view end */

/*! #detail-nav start */
.detail-nav-wrap{position:sticky;top:.9rem;left:0;background-color:#fff;border-bottom:1px solid #eee;z-index:45}
.detail-nav-wrap::-webkit-scrollbar{background-color:#eee;border-radius:.025rem}
.detail-nav-wrap::-webkit-scrollbar-thumb{background-color:#000;border-radius:.025rem}
.detail-nav-wrap{overflow-x:auto}
.detail-nav-wrap::-webkit-scrollbar{height:.05rem}
.detail-nav-wrap .detail-nav{display:flex}
.detail-nav-wrap .dtn-list{display:flex;margin:0 auto;height:.75rem}
.detail-nav-wrap .dtn-item{padding:0 .3rem}
.detail-nav-wrap .dtn-item.active .dtn-entry{font-weight:bold}
.detail-nav-wrap .dtn-item.active .dtn-entry{box-shadow:0 -2px 0 0 #000 inset}
.detail-nav-wrap .dtn-entry{display:flex;align-items:center;justify-content:center;height:100%;padding:.1rem 0;line-height:2.125;transition:.3s}
/*! #detail-nav end */

/*! #media-wall start */
.media-wall-wrap{text-align:center;padding-bottom:.4rem;}
.media-wall-wrap.pt80{padding-top:.8rem}
.media-wall-wrap.pt100{padding-top:1rem}
.media-wall-wrap.pb120{padding-bottom:1.2rem}
.media-wall-wrap.has-bgc{background-color:#f2f2f2}
.media-wall-wrap .mw-title{line-height:1.4583333333;color:#222}
.media-wall-wrap .mw-info{line-height:1.5;margin-top:.03rem;padding-bottom:.05rem;color:#666}
.media-wall-wrap .mw-media{width:100%;margin-top:.4rem;border-radius:.2rem;overflow:hidden}
.media-wall-wrap video{cursor:pointer}
@media(max-width: 750px){
	.media-wall-wrap .mw-info{padding:.6rem 0}
}
/*! #media-wall end */

/*! #photo-wall start */
.photo-wall-wrap{padding-top:1.2rem;padding-bottom:1.2rem;color:#222;background-color:#f2f2f2}
.photo-wall-wrap .pw-item{display:flex;align-items:center;justify-content:space-between}
.photo-wall-wrap .pw-item:nth-child(even){flex-direction:row-reverse}
.photo-wall-wrap .pw-item:nth-child(n+2){margin-top:1.2rem}
.photo-wall-wrap .pw-content{display:flex;flex-direction:column;justify-content:center;min-height:5.4rem;max-width:7rem;width:100%;flex:1}
.photo-wall-wrap .pw-pic{max-width:8.4rem;width:100%;border-radius:.2rem;overflow:hidden}
.photo-wall-wrap .pw-pic{position:relative}
.photo-wall-wrap .pw-pic::before{content:"";display:block;width:100%;padding-top:64.2857142857%}
.photo-wall-wrap .pw-pic .fill{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;z-index:1}
.photo-wall-wrap .pw-title{line-height:1.4583333333}
.photo-wall-wrap .pw-info{line-height:1.5;margin-top:.35rem}
@media(max-width: 750px){
	.photo-wall-wrap .pw-item:nth-child(n){flex-direction:column}
}
/*! #photo-wall end */

/*! #extre start */
.extre-wrap{padding-top:1.05rem;padding-bottom:.5rem;color:#222;text-align:center}
.extre-wrap .extre-title{line-height:1.4583333333}
.extre-wrap .extre-info{line-height:1.5;margin-top:.14rem;color:#666}
.extre-wrap .extre-picbox{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:.44rem}
.extre-wrap .extre-pic{background-color:#f7f7f7;border-radius:.2rem;overflow:hidden}
.extre-wrap .extre-pic{position:relative}
.extre-wrap .extre-pic::before{content:"";display:block;width:100%;padding-top:61.25%}
.extre-wrap .extre-pic .fill{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;z-index:1}
.extre-wrap .extre-pic{width:calc((100% - .4rem)/2)}
.extre-wrap .extre-pic:nth-child(n+2){margin-left:.4rem}
.extre-wrap .extre-pic:nth-child(2n+1){margin-left:0}
.extre-wrap .extre-pic:nth-child(n+3){margin-top:.4rem}
.extre-wrap .extre-pic img{transition:.5s}
.extre-wrap .extre-pic:hover img{transform:scale(1.1)}
@media(max-width: 750px){
	.extre-wrap .extre-picbox{flex-direction:column}
.extre-wrap .extre-pic{width:calc((100% - 0rem)/1)}
.extre-wrap .extre-pic:nth-child(n+2){margin-left:.6rem}
.extre-wrap .extre-pic:nth-child(1n+1){margin-left:0}
.extre-wrap .extre-pic:nth-child(n+2){margin-top:.6rem}
}
/*! #extre end */

/*! #extre2 start */
.extre2-wrap{padding-top:.58rem;padding-bottom:1.2rem}
.extre2-wrap .extre-title{line-height:1.4583333333;text-align:center}
.extre2-wrap .extre-cards{display:flex;flex-wrap:wrap;margin-top:.37rem}
.extre2-wrap .ec-item{background-color:#f7f7f7;border-radius:.2rem;overflow:hidden}
.extre2-wrap .ec-item{width:calc((100% - .4rem)/2)}
.extre2-wrap .ec-item:nth-child(n+2){margin-left:.4rem}
.extre2-wrap .ec-item:nth-child(2n+1){margin-left:0}
.extre2-wrap .ec-item:nth-child(n+3){margin-top:.4rem}
.extre2-wrap .ec-item:hover .ec-pic img{transform:scale(1.1)}
.extre2-wrap .ec-pic{width:100%;overflow:hidden}
.extre2-wrap .ec-pic{position:relative}
.extre2-wrap .ec-pic::before{content:"";display:block;width:100%;padding-top:61.25%}
.extre2-wrap .ec-pic .fill{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;z-index:1}
.extre2-wrap .ec-pic img{transition:.5s}
.extre2-wrap .ec-content{padding:.3rem .42rem .25rem}
.extre2-wrap .ec-title{line-height:1.7142857143}
.extre2-wrap .ec-info{line-height:1.75;margin-top:.12rem}
@media(max-width: 750px){
	.extre2-wrap .ec-item{width:calc((100% - 0rem)/1)}
.extre2-wrap .ec-item:nth-child(n+2){margin-left:.6rem}
.extre2-wrap .ec-item:nth-child(1n+1){margin-left:0}
.extre2-wrap .ec-item:nth-child(n+2){margin-top:.6rem}
}
/*! #extre2 end */

/*! #features start */
.features-wrap{padding-top:1.15rem;padding-bottom:.6rem}
.features-wrap .features-main{display:flex;justify-content:center;align-items:flex-start;margin-top:.4rem}
.features-wrap .features-title{text-align:center;line-height:1.2083333333}
.features-wrap .features-pic{width:8.4rem;max-width:100%;border-radius:.2rem;flex-shrink:0;overflow:hidden}
.features-wrap .features-pic{position:relative}
.features-wrap .features-pic::before{content:"";display:block;width:100%;padding-top:61.9047619048%}
.features-wrap .features-pic .fill{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;z-index:1}
.features-wrap .features-content{display:flex;flex-direction:column;justify-content:center;padding-left:.8rem;flex:1;min-height:5.2rem;line-height:2.1111111111;color:#333}
.features-wrap .features-content li:nth-child(n+2){margin-top:.14rem}
.features-wrap .features-content.has-point ul{list-style-type:disc}
@media(max-width: 750px){
	.features-wrap .features-main{flex-direction:column}
.features-wrap .features-content{padding-left:0;margin-top:.6rem}
}
/*! #features end */

/*! #params start */
.params-wrap{padding-top:.55rem;padding-bottom:.6rem}
.params-wrap .params-title{line-height:1.2083333333;text-align:center;color:#333}
.params-wrap .params-table{margin-top:.35rem}
.params-wrap table{width:100%;border:none}
.params-wrap td{height:.6rem;padding:.1rem .3rem;color:#555;border:solid 1px #f1f1f1}
.params-wrap tr{background-color:#fff}
.params-wrap tr:nth-child(even){background-color:#fcfcfc}
/*! #params end */

/*! #download-list start */
.download-list-wrap{padding-top:.55rem;padding-bottom:.6rem}
.download-list-wrap .download-list-title{line-height:1.2083333333;text-align:center;color:#333}
.download-list-wrap .dl-title{width:100%;line-height:1}
.download-list-wrap .dl-list{display:flex;flex-wrap:wrap;margin-top:.3rem;padding-bottom:.6rem}
.download-list-wrap .dl-item{display:flex;align-items:center;justify-content:space-between;min-height:.7rem;padding:.1rem .4rem;line-height:1.5555555556;color:#222;background-color:#f7f7f7}
.download-list-wrap .dl-item{width:calc((100% - .4rem)/2)}
.download-list-wrap .dl-item:nth-child(n+2){margin-left:.4rem}
.download-list-wrap .dl-item:nth-child(2n+1){margin-left:0}
.download-list-wrap .dl-item:nth-child(n+3){margin-top:.3rem}
.download-list-wrap .dl-txt{flex:1;overflow:hidden}
.download-list-wrap .download-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:.46rem;height:.46rem;border-radius:50%;padding:0;background-color:#fff;margin-left:.2rem;transition:.3s}
.download-list-wrap .download-btn:hover{background-color:#000}
.download-list-wrap .download-btn:hover .icon-box{filter:grayscale(1) brightness(10)}
@media(max-width: 750px){
	.download-list-wrap .dl-item{width:calc((100% - 0rem)/1)}
.download-list-wrap .dl-item:nth-child(n+2){margin-left:.4rem}
.download-list-wrap .dl-item:nth-child(1n+1){margin-left:0}
.download-list-wrap .dl-item:nth-child(n+2){margin-top:.4rem}
}
/*! #download-list end */


.showcase-wrap{display: block;}