*,:after,:before{border-width:0;border-style:solid;border-color:#e5e7eb}
:after,:before{--tw-content:""}
:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;
    font-family:"Microsoft YaHei", 微软雅黑;
    font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}
body{margin:0;line-height:inherit}
hr{height:0;color:inherit;border-top-width:1px}
abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
a{text-decoration:inherit}
b,strong{font-weight:bolder}
code,kbd,pre,samp{font-family:"Microsoft YaHei", 微软雅黑;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
table{text-indent:0;border-color:inherit;border-collapse:collapse}
button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}
button,select{text-transform:none}
button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}
:-moz-focusring{outline:auto}
:-moz-ui-invalid{box-shadow:none}
progress{vertical-align:baseline}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
summary{display:list-item}
blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}
fieldset{margin:0}
fieldset,legend{padding:0}
menu,ol,ul{list-style:none;margin:0;padding:0}
dialog{padding:0}
textarea{resize:vertical}
input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}
input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}
[role=button],button{cursor:pointer}
:disabled{cursor:default}
audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
[hidden]{display:none}
:root {
    --color-vi: 237 112 32;
    --color-vi-deep: 237 112 32;
    --color-white: 255 255 255;
    --color-black: 0 0 0;
    --color-gray-25: 252 252 252;
    --color-gray-50: 250 250 250;
    --color-gray-100: 245 245 245;
    --color-gray-200: 229 229 229;
    --color-gray-300: 214 214 214;
    --color-gray-400: 163 163 163;
    --color-gray-500: 115 115 115;
    --color-gray-600: 82 82 82;
    --color-gray-700: 66 66 66;
    --color-gray-800: 41 41 41;
    --color-gray-900: 20 20 20;
    --color-gray-950: 15 15 15;
    --color-warm-gray-25: 253 253 252;
    --color-warm-gray-50: 250 250 249;
    --color-warm-gray-100: 245 245 244;
    --color-warm-gray-200: 231 229 228;
    --color-warm-gray-300: 215 211 208;
    --color-warm-gray-400: 169 162 157;
    --color-warm-gray-500: 121 113 107;
    --color-warm-gray-600: 87 83 78;
    --color-warm-gray-700: 68 64 60;
    --color-warm-gray-800: 41 37 36;
    --color-warm-gray-900: 28 25 23;
    --color-warm-gray-950: 23 20 18;
    --color-cool-gray-25: 252 252 252;
    --color-cool-gray-50: 250 250 250;
    --color-cool-gray-100: 244 244 245;
    --color-cool-gray-200: 228 228 231;
    --color-cool-gray-300: 209 209 214;
    --color-cool-gray-400: 160 160 171;
    --color-cool-gray-500: 112 112 123;
    --color-cool-gray-600: 81 82 92;
    --color-cool-gray-700: 63 63 70;
    --color-cool-gray-800: 38 39 43;
    --color-cool-gray-900: 24 24 27;
    --color-cool-gray-950: 19 19 22
}
html{font-size:16px}
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59, 130, 246, .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:;--tw-contain-size:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-style:}
::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59, 130, 246, .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:;--tw-contain-size:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-style:}

.time3,.time3 *{transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s;}

.in001{width:100%;height:100vh;float:left;clear:both;position:relative;}
.in001 ul{ list-style-type: none;}
.in001 li{text-align:center;font-size:18px;background:#fff;overflow:hidden;}
.in001 .slide-inner{position:absolute;width:100%;height:100%;left:0;top:0;background-size:cover;background-position:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:#fff;}
.in001 li .bj01{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.2);z-index:9;}
.in001 .an_qt{ width: 46px; position: absolute;z-index:3;right: 129px; top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.in001 .an01,.in001 .an02{width:46px;height:46px; float: left;cursor:pointer;background-color: rgba(255, 255, 255, .7);background-position:center;background-repeat:no-repeat;background-size:60%;
border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;}
.in001 .an01:hover,.in001 .an02:hover{background-color:#ed7020;}
.in001 .an01{background-image:url(../img/ico13.png);}
.in001 .an02{margin-top: 1rem; display:inline; background-image:url(../img/ico14.png);}
.in001 .swiper-pagination{width:100%;right:0;left:0;bottom:46px;z-index:10; display: none;}
.in001 .swiper-pagination .swiper-pagination-bullet{opacity:1;background-color:rgba(255, 255, 255, .7);border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
.in001 .swiper-pagination .swiper-pagination-bullet-active{background-color:#ed7020;width:50px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}

.bann_pc{ display: unset;}
.bann_wap{display: none;}
@media (max-width:991.98px){
    .bann_pc{ display: none;}
    .bann_wap{display: unset;}
    .in001 .swiper-pagination{ display: unset;}
    .in001 .an_qt{ display: none;}
}

.bann_dow{ width:100%;float: left; clear: both; position: relative;}
.bann_dow ul{ list-style-type: none;}
.bann_dow li{ width: 100%;height:100vh;float:left;clear:both;position:relative;overflow: hidden;}

.bann_dow li img{ width: 100%; height: auto; display: none;}

.bann_dow li .bann_bja{ position: absolute;top: 0; left: 0; width: 100%;  height: 100%;background-size: cover; background-position:center;  transition: transform 0.3s ease-out;}
.bann_dow li .wz_qt{ position: absolute;  top: 0; bottom: 0;}
.bann_dow li .bann_wz1{position: absolute;color: #000;}
.bann_dow li .bann_wz1 .tp1{ width: 100%; float: left; clear: both;}
.bann_dow li .bann_wz1 .tp1 img{ width: 100px; height: auto; border: 0;}
.bann_dow li .bann_wz1 .wz1{width: 100%; float: left; margin-top: 6px; display: inline;clear: both; font-size: 60px; line-height: 1em;color: #000; font-weight: lighter;}
.bann_dow li .bann_wz1 .wz2{width: 100%; float: left;  clear: both;font-size:60px; line-height: 1.2em; color: #000; font-weight: lighter;}
.bann_dow li .bann_wz1 .wz2::after{ content: ""; width: 100%; height: 50px; float: left; clear: both;}
.bann_dow li .bann_wz1 .wz2::before{ content: "";width: 100%; height: 50px; float: left; clear: both;}


.an_qt01{ height: 50px; float: left; clear: both;    border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px; background-color: #000;}
.an_qt01 .an_wz1{  color: #ed7020; float: left; margin: 0 10px 0 28px; display: inline; font-size: 16px; line-height: 50px;}
.an_qt01 .an_right{ width: 34px; height: 34px; float: left; margin: 8px 10px 0 10px; display: inline; border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
background-color:#ed7020;
background-position:center;background-repeat:no-repeat;background-size:40%;background-image:url(../img/ion01a.png);}
.an_qt01:hover{background-color:  #ed7020;}
.an_qt01:hover  .an_wz1{  color: #000; }
.an_qt01:hover  .an_right{background-color: #000;background-image:url(../img/ion01b.png);}
@media (max-width:991.98px){
.an_qt01{ height:44px;}
.an_qt01 .an_wz1{  margin: 0 0 0 18px; font-size: 12px; line-height: 44px;}
.an_qt01 .an_right{ width: 28px; height: 28px; margin: 8px 10px 0 10px;}
}


.an_qt02{ height: 50px; float: left; clear: both;    border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px; background-color: #ed7020;}
.an_qt02 .an_wz1{ color: #000; float: left; margin: 0 10px 0 28px; display: inline; font-size: 16px; line-height: 50px;}
.an_qt02 .an_right{ width: 34px; height: 34px; float: left; margin: 8px 10px 0 10px; display: inline; border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
background-color:#000;
background-position:center;background-repeat:no-repeat;background-size:40%;background-image:url(../img/ion01b.png);}
.an_qt02:hover{background-color:  #000;}
.an_qt02:hover  .an_wz1{ color: #ed7020; }
.an_qt02:hover  .an_right{background-color: #ed7020;background-image:url(../img/ion01a.png);}

@media (max-width:991.98px){
.an_qt02{ height:44px;}
.an_qt02 .an_wz1{  margin: 0 0 0 18px; font-size: 12px; line-height: 44px;}
.an_qt02 .an_right{ width: 28px; height: 28px; margin: 8px 10px 0 10px;}
}

.an_qt03{ height: 50px; float: left; clear: both;    border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px; background-color: #26272b;}
.an_qt03 .an_wz1{ color: #fff; float: left; margin: 0 10px 0 28px; display: inline; font-size: 16px; line-height: 50px;}
.an_qt03 .an_right{ width: 34px; height: 34px; float: left; margin: 8px 10px 0 10px; display: inline;
background-position:center;background-repeat:no-repeat;background-size:40%;background-image:url(../img/ion01b.png);}
.an_qt03:hover{background-color:  #ed7020;}
.an_qt03:hover  .an_wz1{ color: #000; }
.an_qt03:hover  .an_right{background-image:url(../img/ion01a.png);}
.an_qt03_r{position: absolute; right: 0; top: 82px; float: unset;}

@media (max-width:991.98px){
.an_qt03{ height:44px;}
.an_qt03 .an_wz1{  margin: 0 0 0 18px; font-size: 12px; line-height: 44px;}
.an_qt03 .an_right{ width: 28px; height: 28px; margin: 8px 10px 0 0;}
.an_qt03_r{top: 42px;}
}


.an_qt04{ height: 50px; float: left; clear: both;    border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px; background-color: #26272b;}
.an_qt04 .an_wz1{ color: #fff; float: left; margin: 0 10px 0 28px; display: inline; font-size: 16px; line-height: 50px;}
.an_qt04 .an_right{ width: 34px; height: 34px; float: left; margin: 8px 10px 0 10px; display: inline;
 background-position:center;background-repeat:no-repeat;background-size:40%;background-image:url(../img/ion01b.png);}
.an_qt04:hover{background-color:  #ed7020;}
.an_qt04:hover  .an_wz1{ color: #000; }
.an_qt04:hover  .an_right{background-image:url(../img/ion01a.png);}
@media (max-width:991.98px){
.an_qt04{ height:44px;}
.an_qt04 .an_wz1{  margin: 0 0 0 18px; font-size: 12px; line-height: 44px;}
.an_qt04 .an_right{ width: 28px; height: 28px; margin: 8px 10px 0 0;}
.an_qt04_r{top: 42px;}
}



.bann_dow_pc{ display: unset;}
.bann_dow_wap{display: none;}
@media (max-width:991.98px){
.bann_dow_pc{ display: none;}
.bann_dow_wap{display: unset;}
.bann_dow li{float:left;height: auto; clear:both;overflow: unset;}
.bann_dow li img{ display: inline;}
.bann_dow li .bann_wz1 .wz1{font-size: 2.2rem;}
.bann_dow li .bann_wz1 .wz2{font-size: 2.2rem;line-height: 1em;}

.bann_dow li .bann_wz1 .wz2::after{ content: ""; width: 100%; height: 20px; float: left; clear: both;}
.bann_dow li .bann_wz1 .wz2::before{ content: "";width: 100%; height: 20px; float: left; clear: both;}

}





.ab001_nr_edit{}
@media (max-width:991.98px){.ab001_nr_edit{ display: flex!important;}}

.ab001_qt{ width: 1550px; margin: 0 auto; clear: both;}
.ab001_qt::after{ content: ""; width: 100%; height: 30px; float: left; clear: both;}
.ab001_qt::before{ content: ""; width: 100%; height: 30px; float: left; clear: both;}
@media (max-width:1800px){.ab001_qt{ width: 100%; width: calc(100% - (6% * 2)); float: left;clear: both; margin: 0 6%; display: inline;}}
@media (max-width:991.98px){
    .ab001_qt::before{height: 0px;}
    .ab001_qt::after{height: 0px;}
}

.ab001{width: 100%;float: left;clear: both;}
.ab001::after{ content: ""; width: 100%; height:60px; float: left; clear: both;}
.ab001::before{ content: ""; width: 100%; height:60px; float: left; clear: both;}
@media (max-width:991.98px){
    .ab001::before{height: 20px;}
    .ab001::after{height: 20px;}
}

.ab001_c{width: 100%;position: relative; float: left;clear: both;}

.ab001_l{width:50%; width: calc(50% - 16px); float: left; position: -webkit-sticky;position: sticky;top: 80px;}
.ab001_l::after{ content: ""; width: 100%; height:30px; float: left; clear: both;}
.ab001_l::before{ content: ""; width: 100%; height:30px; float: left; clear: both;}
.ab001_l .tp1{ width: 100%; float: left; clear: both;}
.ab001_l .tp1 img{ width: 158px; height: auto; float: left;border: 0;}
.ab001_l .wz1{ float: left; margin-top: 10px; display: inline;text-transform: uppercase; clear: both; height: 32px; font-size: 14px; line-height: 32px; font-weight: bold; padding: 0 15px;background-color: #ed7020; color: #000;border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px;}
.ab001_l .wz2_qt{ width: 100%; float: left;  clear: both;}
.ab001_l .wz2_qt::after{ content: ""; width: 100%; height: 60px; float: left; clear: both;}
.ab001_l .wz2_qt::before{ content: ""; width: 100%; height: 60px; float: left; clear: both;}
.ab001_l .wz2_qt .wz2{width: 100%; float: left;font-size: 60px;color: #000;}
.ab001_l .wz2_qt .wz3{ width: 100%; float: left; margin-top: 20px; display: inline; font-size: 14px;color: #000;text-transform: uppercase; }
.ab001_l .wz4_an{ width: 42px; height: 42px; float: left;
    background-color: #ed7020;color: #000;font-size: 14px;line-height: 42px;  text-align: center;
    border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;font-weight: bold;
    /*transform: rotate(120deg);*/ /* 初始旋转角度 */
    /*transition: transform 0.5s ease;*/ /* 平滑过渡 */
}
.ab001_l .wz4_an_wap{ display: none; width: 42px; height: 42px; float: left;
    background-color: #ed7020;color: #000;font-size: 14px;line-height: 42px;  text-align: center;
    border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;font-weight: bold;
}
@media (max-width:991.98px){
    .ab001_l{width:100%; width: calc(100%); float: left; position:unset;position: unset;top: 0;}
    .ab001_l .wz2_qt::after{  height: 40px;}
    .ab001_l .wz2_qt::before{  height: 40px;}
    .ab001_l .wz2_qt .wz2{font-size: 32px; line-height: 38px;}
    .ab001_l .wz2_qt .wz3{ margin-top:10px; }
    .ab001_l .wz4_an{ display: none;}
    .ab001_l .wz4_an_wap{ display: unset;}
}

.ab001_r{width: 50%; width: calc(50% - 16px);float: right; position: relative;}
.ab001_r_wz1{ width: 100%; float: left;}
.ab001_r_wz1::after{ content: ""; width: 100%; height: 60px; float: left; clear: both;}
.ab001_r_wz1a::after{ content: ""; width: 100%; height: 0; float: left; clear: both;}
.ab001_r_wz1 .wz1{width: 100%; float: left; margin-top: 30px; display: inline; clear: both; font-size: 40px; line-height: 47px; color: #000;}
.ab001_r_wz1 .wz2{width: 100%; float: left;clear: both; margin-top: 24px; display: inline; font-size: 14px; line-height: 22px; color: #777;}
.ab001_r_wz1 .hen1{ width: 100%; height: 20px; float: left; margin-top: 20px; display: inline; border-top: solid 1px #ededed;}
.ab001_r_wz1 .wz1_qt{ width: 100%; float: left;  clear: both;font-size: 14px; line-height: 22px; color: #777;}
.ab001_r_wz1 .wz1_qt::before{ content: ""; width: 100%; height: 60px; float: left; clear: both;}
.ab001_r_wz1 .wz1_qt p{ width: 100%;float: left;  margin-top: 22px; display: inline; text-align: justify;}

@media (max-width:991.98px){
    .ab001_r{width: 100%; width: calc(100%);float: left; clear: both;}
    .ab001_r_wz1::after{height: 30px;}
    .ab001_r_wz1 .wz1{font-size: 22.4px; line-height: 28px;}
    .ab001_r_wz1 .wz2{ margin-top: 10px;}
    .ab001_r_wz1 .wz1_qt::before{height:20px;}
}

.ab001_r_wz1 .wz3_qt{ width: 100%; float: left;clear: both;}
.ab001_r_wz1 .wz3_qt::after{ content: ""; width: 100%; height: 34px; float: left; clear: both;}
.ab001_r_wz1 .wz3_qt ul{width: 100%; float: left; list-style-type: none;display: flex; justify-content: space-between;flex-wrap: wrap;}
.ab001_r_wz1 .wz3_qt li{ width: 50%; width: calc(50% - 35px);display: inline;  font-size: 14px; line-height: 22px; color: #777; text-align: justify;}

.ab001_r_wz1 .wz3_qt li span{color: #ed7020; padding-right: 8px;}
.ab001_r_wz1 .wz3_qt li p:nth-child(1){ line-height: 35px;}
.ab001_r_wz1 .wz3_qt li::after{ content: ""; width: 100%; height: 24px; float: left; clear: both;}

.ab001_r_wz1 .wz3_qt li .tp1{ width: 100%; float: left; text-align: center;}
.ab001_r_wz1 .wz3_qt li .tp1 img{ width:94px; height: auto; display: inline-block;}
.ab001_r_wz1 .wz3_qt li .tp1::after{ content: ""; width: 100%; height: 50px; float: left; clear: both;}
.ab001_r_wz1 .wz3_qt li .tp1::before{ content: ""; width: 100%; height: 40px; float: left; clear: both;}


@media (max-width:991.98px){
    .ab001_r_wz1 .wz3_qt::after{  height: 64px;}
.ab001_r_wz1 .wz3_qt li{ width: 100%; width: calc(100%); margin: 0 0 0 0;}
.ab001_r_wz1 .wz3_qt li:nth-child(even){ margin: 0 0 0 0;}
.ab001_r_wz1 .wz3_qt li::after{  height:10px; }
.ab001_r_wz1 .wz3_qt li .tp1{ width: 100%; float: left; }
.ab001_r_wz1 .wz3_qt li .tp1 img{ width:42%; }
.ab001_r_wz1 .wz3_qt li .tp1::after{  height: 40px; }
.ab001_r_wz1 .wz3_qt li .tp1::before{  height: 40px; }

}

.ab001_r_wz1 .wz4_qt{ width: 100%; float: left;clear: both;}
.ab001_r_wz1 .wz4_qt ul{width: 100%; width: calc(100% - 223px - 20px); float: left; list-style-type: none;}
.ab001_r_wz1 .wz4_qt li{ width: 100%; float: left;display: inline;  font-size: 14px; line-height: 22px; color: #777;}
.ab001_r_wz1 .wz4_qt li span{color: #ed7020; padding-right: 8px;}
.ab001_r_wz1 .wz4_qt li::after{ content: ""; width: 100%; height: 24px; float: left; clear: both;}

.ab001_r_wz1 .wz4_qt .tp1{ width: 223px; float: right; text-align: center;}
.ab001_r_wz1 .wz4_qt .tp1 img{ width:94px; height: auto; display: inline-block;}

@media (max-width:991.98px){
    .ab001_r_wz1 .wz4_qt ul{width: 100%; width: calc(100%);}
    .ab001_r_wz1 .wz4_qt .tp1{ width: 100%; float: left; }
    .ab001_r_wz1 .wz4_qt .tp1 img{ width:42%; }
    .ab001_r_wz1 .wz4_qt .tp1::after{ content: ""; width: 100%; height: 50px; float: left; clear: both;}
    .ab001_r_wz1 .wz4_qt .tp1::before{ content: ""; width: 100%; height: 40px; float: left; clear: both;}
}

.ab001_r_wz1 .wz5_qt ul{ width: calc(100%);}


.ab001_r_wz1 .wz6_qt{ width: 100%; float: left;}
.ab001_r_wz1 .wz6_qt ul{ width: 100%; float: left; list-style-type: none;}
.ab001_r_wz1 .wz6_qt li{ width: 100%; float: left;  font-size: 14px; line-height: 22px; color: #777; position: relative;}
.ab001_r_wz1 .wz6_qt li::after{ content: ""; width: 100%; height: 40px; float: left; clear: both;}
.ab001_r_wz1 .wz6_qt li:nth-last-child(1)::after{ height: 0;}
.ab001_r_wz1 .wz6_qt li .wz6_qt{width: 100%; width: calc(100% - 42px); float: right;}
.ab001_r_wz1 .wz6_qt li .wz6{width: 100%; float: left; font-size: 24px; font-weight: bold; color: #000;}
.ab001_r_wz1 .wz6_qt li p{width: 100%; float: left; margin-top: 22px; display: inline;}

@media (max-width:991.98px){
    .ab001_r_wz1 .wz6_qt li .wz6{width: 100%; float: left; font-size: 18px; font-weight: bold; color: #000;}
}

.ab001_r_wz1 .wz6_qt li .bz01{ width: 11px; height: 11px; position: absolute; left: 0; top: 7px; border: solid 2px #18181b; background-color: #fff; z-index: 2;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%; overflow: hidden;}
.ab001_r_wz1 .wz6_qt li .hen2{ width: 1px; background-color: #e4e4e7; position: absolute; top: 0; bottom: 0; left: 5px; overflow: hidden;}
.ab001_r_wz1 .wz6_qt li:nth-child(1) .hen2{ top: 11px;}

.ab001_r_wz1 .wz6_qt li dl{width: 100%; float: left;display: flex;justify-content: space-between; flex-wrap: wrap;}
.ab001_r_wz1 .wz6_qt li dl::before{ content: ""; width: 100%; height: 22px; float: left; clear: both;}
.ab001_r_wz1 .wz6_qt li dd{ width: 50%; width: calc(50% - 35px); margin: 0 35px 0 0; float: left;display: inline;  }
.ab001_r_wz1 .wz6_qt li dd:nth-child(even){ margin: 0 0 0 35px;}
.ab001_r_wz1 .wz6_qt li dd span{width: 100%; float: left;color: #000; font-weight: bolder;}
.ab001_r_wz1 .wz6_qt li dd .hen1{ width: 100%; height: 15px; float: left; margin-top: 15px; display: inline; border-top: solid 1px #ededed;}

.ab001_r_wz1 .wz6_qt li dd::after{ content: ""; width: 100%; height: 22px; float: left; clear: both;}

.ab001_r_wz2{ width: 100%; float: left; clear: both; overflow: hidden;}
.ab001_r_wz2 ul{width: 100%;width: calc(100% + 10px); float: left; clear: both; list-style-type: none; display: flex;justify-content: space-between;  flex-wrap: wrap; }
.ab001_r_wz2 li{ width: calc(25% - 10px); float: left; margin: 10px 10px 0 0; display: inline; border: solid 1px #f2f2f5; text-align: center;}
.ab001_r_wz2 li::after{ content: ""; width: 100%; height: 40px; float: left; clear: both;}
.ab001_r_wz2 li::before{ content: ""; width: 100%; height: 40px; float: left; clear: both;}
.ab001_r_wz2 li .tp1{ width: 80px; height: 80px; display: inline-block;  background-position:center;background-repeat:no-repeat;background-size:contain;}

.ab001_r_wz2 li .wz1{ width: 100%; float: left;margin-top: 30px; display: inline; font-size: 14px; line-height: 22px; color: #000; font-weight: bold;}
.ab001_r_wz2 li .wz2{ width: 100%; float: left;margin-top: 10px; display: inline; font-size: 12px; line-height: 22px; color: #b5b5b5;}

@media (max-width:991.98px){
    .ab001_r_wz2 li{ width: calc(50% - 10px);}
}


.ab001_r_wz3{ width: 100%; float: left;}
.ab001_r_wz3::before{ content: ""; width: 100%; height: 30px; float: left; clear: both;}
.ab001_r_wz3 ul{ width: 100%; float: left; list-style-type: none;}
.ab001_r_wz3 li{ width: 100%; float: left;  font-size: 14px; line-height: 22px; color: #777; position: relative;}
.ab001_r_wz3 li::after{ content: ""; width: 100%; height: 80px; float: left; clear: both;}

.ab001_r_wz3 li .wz1_qt{ width: 160px; float: left;color: #000;}
.ab001_r_wz3 li .wz1_qt .wz1{width: 100%; float: left;  font-size: 60px; line-height: 75px; font-weight: bold; font-style: italic;}
.ab001_r_wz3 li .wz1_qt .wz2{width: 100%; float: left; font-size: 24px; line-height: 30px;}
.ab001_r_wz3 li .wz1_qt .wz2 span{font-style: italic;font-weight: bold;}

.ab001_r_wz3 li .wz6_qt{width: 100%; width: calc(100% - 160px - 70px); float: right;font-size: 18px; font-weight: bold; color: #000; line-height: 29px;}
.ab001_r_wz3 li .wz6_qt p{width: 100%; float: left; }
.ab001_r_wz3 li .wz6_qt p::after{ content: ""; width: 100%; height: 22px; float: left; clear: both;}
.ab001_r_wz3 li .wz6_qt p:nth-last-child(1)::after{ height: 0;}

.ab001_r_wz3 li .bz01{ width: 11px; height: 11px; position: absolute; left: 180px; top:10px; border: solid 2px #18181b; background-color: #fff; z-index: 2;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%; overflow: hidden;}
.ab001_r_wz3 li .hen2{ width: 1px; background-color: #e4e4e7; position: absolute; top: 0; bottom: 0; left:185px; overflow: hidden;}
.ab001_r_wz3 li:nth-child(1) .hen2{ top: 11px;}

@media (max-width:991.98px){
.ab001_r_wz3 li .wz1_qt{ width: 119px; }
.ab001_r_wz3 li .wz1_qt .wz1{font-size: 32px; line-height: 40px;}
.ab001_r_wz3 li .wz1_qt .wz2{ font-size: 18px; line-height: 28px;}
.ab001_r_wz3 li .wz6_qt{width: 100%; width: calc(100% - 119px - 18px);font-size: 14px;line-height: 18px;}
.ab001_r_wz3 li .bz01{  left: 98px; top:10px;}
.ab001_r_wz3 li .hen2{ left:103px;}
}


.ab001_r_wz4{ width: 100%; float: left; overflow: hidden;}
.ab001_r_wz4 ul{width: 100%; width: calc(100% + 70px); float: left; margin-top: 40px; display: inline; }
.ab001_r_wz4 li{ width:50%; width: calc(50% - 70px); float: left; margin-right: 70px; display: inline; font-size: 14px; line-height: 22px;color: #777; }
.ab001_r_wz4 li::after{ content: ""; width: 100%; height: 22px; float: left; clear: both;}


.ab001_r_wz4 li:nth-child(1){width:100%; width: calc(100% - 70px); float: left; }
.ab001_r_wz4 li:nth-child(2){width:100%; width: calc(100% - 70px); float: left; }

.ab001_r_wz4 li p{ width: 100%; float: left; clear: both;font-size: 18px; line-height: 28px;color: #000; font-weight: bold; }
.ab001_r_wz4 li p img{ max-width: 100%; height: auto; width: auto; border: 0;}
.ab001_r_wz4 .hen1{ clear: both;}
@media (max-width:991.98px){
.ab001_r_wz4 ul{width: 100%; width: calc(100% ); margin-top: 0;  }
.ab001_r_wz4 li{ width:100%; width: calc(100%); margin-right: 0;font-size: 14px; line-height: 22px;color: #777; }

}
.ab001_r_wz5{width: 100%;float: left;clear: both;}
.ab001_r_wz5 .wz2_qt{ width: 100%; float: left;  clear: both;}
.ab001_r_wz5 .wz2_qt::after{ content: ""; width: 100%; height:20px; float: left; clear: both;}
.ab001_r_wz5 .wz2_qt::before{ content: ""; width: 100%; height: 60px; float: left; clear: both;}
.ab001_r_wz5 .wz2_qt .wz2{width: 100%; float: left;font-size: 60px;color: #000;}
.ab001_r_wz5 .wz2_qt .wz3{ width: 100%; float: left; margin-top: 20px; display: inline; font-size: 14px;color: #000;text-transform: uppercase; }
.ab001_r_wz5 .wz3_qt{ width: 100%; float: left; clear: both;}
.ab001_r_wz5 .wz3_qt iframe{ width: 100%; height: 400px; float: left; border: 0;}
@media (max-width:991.98px){
    .ab001_r_wz5 .wz2_qt::before{ height: 0;}
.ab001_r_wz5 .wz2_qt .wz2{font-size: 32px; line-height: 38px;}
.ab001_r_wz5 .wz2_qt .wz3{  margin-top: 10px;}
.ab001_r_wz5 .wz3_qt iframe{ width: 100%; height: 600px; float: left; border: 0;}
}

.ab001_r_wz6{ width:100% ; float: left;}
.ab001_r_wz6::after{ content: ""; width: 100%; height:60px; float: left; clear: both;}
.ab001_r_wz6::before{ content: ""; width: 100%; height: 60px; float: left; clear: both;}
.ab001_r_wz6 ul{width:100% ; float: left; display: flex;justify-content: space-between;flex-wrap: wrap;}
.ab001_r_wz6 li{ float: left; }
.ab001_r_wz6 li .tp1{ width: 100%; float: left;}
.ab001_r_wz6 li .tp1 img{ width: 100px; height:auto;}
.ab001_r_wz6 li .wz1{ width: 100%; float: left; font-size: 12px; font-weight: bold;color: #333; line-height: 22px;}
.ab001_r_wz6 li .wz2{ width: 100%; margin-top: 40px; display: inline; font-size: 48px;font-weight: bold;color: #ed7020; line-height: 57px;}
.ab001_r_wz6 li .wz3{ width: 100%;  font-size: 16px;color: #333; line-height: 25px;}
@media (max-width:1390px){
    .ab001_r_wz6 li .wz2{ margin-top:20px; font-size:35px; line-height:40px;}

}

@media (max-width:991.98px){
.ab001_r_wz6::after{height:30px;}
.ab001_r_wz6::before{height: 10px;}

.ab001_r_wz6 li .wz2{ margin-top:20px; font-size:30px; line-height:38px;}
.ab001_r_wz6 li .wz3{ font-size: 14px;line-height: 25px;}

}

.ab001_r_wz7{ width:100% ; float: left;}
.ab001_r_wz7 ul{width:100% ; float: left; display: flex;justify-content: space-between;flex-wrap: wrap;}
.ab001_r_wz7 li{ float: left;width:calc(100% / 3 - 32px); }
.ab001_r_wz7 li::after{ content: ""; width: 100%; height:30px; float: left; clear: both;}
.ab001_r_wz7 li .tp1{ width: 100%; float: left; position: relative; overflow: hidden;}
.ab001_r_wz7 li .tp1 .img1{  position: absolute; left: 0;  right: 0; top: 0; bottom: 0; background-position:center;background-repeat:no-repeat;background-size:100%;}
.ab001_r_wz7 li .tp1 img{ width: 100%; height: auto; opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;}
.ab001_r_wz7 li .wz1{ width: 100%; height: 32px; float: left;margin-top:20px; display: inline; font-size: 20px; font-weight: bold;color: #000; line-height: 32px; overflow: hidden;}
.ab001_r_wz7 li .wz2{ width: 100%;height: 22px; float: left;  font-size: 14px;color: #777; line-height: 22px; overflow: hidden;}

.ab001_r_wz7 li:hover .tp1 .img1{  position: absolute; left: 10px;  right: 10px; top: 10px; bottom: 10px;  background-position:center;background-repeat:no-repeat;background-size:115%;}
@media (max-width:991.98px){
.ab001_r_wz7 li{ float: left;width:calc(100%); }
.ab001_r_wz7 li .tp1 .img1{ display: none;}
.ab001_r_wz7 li .tp1 img{ opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;}
.ab001_r_wz7 li .wz1{ font-size:18px;}
}

.pro_qt{ width: 100%; float: left; position: relative;}
@media (max-width:991.98px){
.pro_qt{ width: 100%; width: calc(100% - (6% * 2)); float: left; margin: 0 6%; display: inline; position: relative;}  
}
.pro_l_tp{width:50%; width: calc(50% - 40px); float: left; position: -webkit-sticky;position: sticky;top: 80px; left: 20px; bottom: 0;}
.pro_l_tp img{ width: 100%; height: auto;}
@media (max-width:991.98px){
.pro_l_tp{width:50%; width: calc(100%); float: left; margin-top: 72px; display: inline; position:unset;position: unset;top: unset; left: unset; bottom: unset;}
}
.pro_r{width: 50%; width: calc(50% - 80px); float: right; margin-right: 80px; display: inline; position: relative; }
.pro_r::before{ content: ""; width: 100%; height: 60px; float: left; clear: both;}
.pro_r_wz1{ width: 100%; float: left; position: relative;}
.pro_r_wz1::after{ content: ""; width: 100%; height: 10px; float: left; clear: both;}
.pro_r_wz1 .wz1{width: 100%; float: left; margin-top: 30px; display: inline; clear: both; font-size: 3rem; line-height: 4rem; color: #000;}
.pro_r_wz1 .wz2{width: 100%; float: left;clear: both;font-size: 1rem;line-height: 2rem; color: #777;}
.pro_r_wz1 .wz2::after{ content: ""; width: 100%; height: 20px; float: left; clear: both;}
.pro_r_wz1 .wz2::before{ content: ""; width: 100%; height: 20px; float: left; clear: both;}
@media (max-width:991.98px){
    .pro_r{width: 100%; width: calc(100%); float: left; margin-right: 20px;  }
    .pro_r::before{  height: 10px; }
    .pro_r_wz1::after{ width: 100%; height: 20px;}
    .pro_r_wz1 .wz1{margin-top: 0;font-size: 2rem; line-height: 2.4rem; }
}

.pro_r_wz2_qt{ width: 100%; float: left; display: flex; justify-content: space-between;}
.pro_r_wz2_l{ width: 50%; width: calc(100% - 20px); padding: 0 44px; background-color: #fff; font-size: 1rem; line-height: 2rem; color: #777;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;}
.pro_r_wz2_l span{font-size: 1.4rem; line-height: 3rem; color: #000;}
.pro_r_wz2_l span::after{ content: ""; width: 100%; height: 14px; float: left; clear: both;}
.pro_r_wz2_l::after{ content: ""; width: 100%; height: 44px; float: left; clear: both;}
.pro_r_wz2_l::before{ content: ""; width: 100%; height: 44px; float: left; clear: both;}
.pro_r_wz2_r{ width: 50%; float: right;padding: 0 44px; background-color: #fff;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px; font-size: 14px; line-height: 22px; color: #777;}
.pro_r_wz2_r::after{ content: ""; width: 100%; height: 44px; float: left; clear: both;}
.pro_r_wz2_r::before{ content: ""; width: 100%; height: 44px; float: left; clear: both;}
@media (max-width:991.98px){
.pro_r_wz2_qt{ display: unset; justify-content:unset;}
.pro_r_wz2_l{ width: 100%; width: calc(100% - 2px); float: left; padding: 0 20px; border: solid 1px #dfdfdf; }
.pro_r_wz2_l::after{height:20px;}
.pro_r_wz2_l::before{height: 20px;}
.pro_r_wz2_r{ width: 50%; width: calc(100% - 2px);float: left; margin-top: 20px; display: inline; padding: 0 20px; border: solid 1px #dfdfdf;}
.pro_r_wz2_r::after{height:20px;}
.pro_r_wz2_r::before{height: 20px;}
}

.in001a_qt{width:100%; width: calc(100%); float:left;clear:both;position:relative;}
.in001a{width:100%;height:16vw;margin:0 auto;clear:both;}
.in001a ul{width:100%;height:100%;float:left;list-style-type:none;}
.in001a li{width:100%;height:100%;clear:both;position:relative;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:5;overflow:hidden;}
.in001a li:nth-child(1){background-size:contain;}
.in001a_qt .an01{ display: none; width:46px;height:46px;position:absolute;cursor:pointer;z-index:3;left:20px;top:50%;margin-top:-20px;background-color:rgba(0,0,0,0.1);background-image:url(../images/ion02a.png);background-position:center!important;background-repeat:no-repeat;background-size:30%;border-radius:70px;-webkit-border-radius:70px;-moz-border-radius:70px;}
.in001a_qt .an01:hover{background-color:rgba(255,151,0,1);}
.in001a_qt .an02{display: none;width:46px;height:46px;position:absolute;cursor:pointer;z-index:3;right:20px;top:50%;margin-top:-20px;background-color:rgba(0,0,0,0.1);background-image:url(../images/ion01a.png);background-position:center!important;background-repeat:no-repeat;background-size:30%;border-radius:70px;-webkit-border-radius:70px;-moz-border-radius:70px;}
.in001a_qt .an02:hover{background-color:rgba(255,151,0,1);}
.in001a_qt_bottm{width:100%;float:left;clear:both;}
.bottma_tp{width:100%;height:3vw;float:left;margin-top:16px;display:inline;}
.bottma_tp dl{width:100%;height:100%;float:left;}
.bottma_tp dd{height:100%;float:left;cursor:pointer;background-position:center!important;background-repeat:no-repeat;background-size:cover;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; overflow: hidden;}
.bottma_tp dd:nth-child(1){background-size:contain;}
.bottma_tp .swiper-slide{opacity:.8;filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;}
.bottma_tp .swiper-slide-thumb-active{opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;}
.bottma_tp .swiper-slide::after{ content: ""; position:absolute;left:0;right:0;bottom:0;top:0;border:solid 1px #e8eaec;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.bottma_tp .swiper-slide-thumb-active::after{border:solid 2px #000;}

@media (max-width:991.98px){
    .in001a{height:70vw;}
    .bottma_tp{height:10vw}
}


.pro_r_wz3{ width: 100%; float: left; padding: 0 44px; margin-top: 20px; display: inline;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px; font-size: 14px; line-height: 22px; color: #777;}
.pro_r_wz3::after{ content: ""; width: 100%; height: 44px; float: left; clear: both;}
.pro_r_wz3::before{ content: ""; width: 100%; height: 44px; float: left; clear: both;}
.pro_r_wz3 span{font-size: 1.4rem; line-height: 3rem; color: #000;}
.pro_r_wz3 span::after{ content: ""; width: 100%; height: 14px; float: left; clear: both;}
.pro_r_wz3 table {width: 100%;border-collapse: 0;border-spacing: 0;border-top: solid 1px #e8eaec;border-left: solid 1px #e8eaec;line-height: 40px;font-size: 15px;clear: both;}
.pro_r_wz3 td {border-bottom: solid 1px #e8eaec;border-right: solid 1px #e8eaec;padding: 0 15px;}
.pro_r_wz3 tr:nth-child(odd) {background-color: #f2f4f5;}
.pro_r_wz3 img{ width: 100%; height: auto; border: 0;}

@media (max-width:991.98px){
    .pro_r_wz3{ width: 100%; width: calc(100% - 2px);padding: 0 20px; border: solid 1px #dfdfdf; }
}

.shadow01{ box-shadow:0px 8px 20px 0px rgba(0,0,0,0.15);-moz-box-shadow:0px 8px 20px 0px rgba(0,0,0,0.15);-webkit-box-shadow:0px 8px 20px 0px rgba(0,0,0,0.15);}
@media (max-width:991.98px){
    .shadow01{ box-shadow:unset;-moz-box-shadow:unset;-webkit-box-shadow:unset;}
}

.new_qt{ width: 100%;min-height: 700px; float: left; background:-webkit-linear-gradient(to bottom,#ddedff, #fff 703px);background:-moz-linear-gradient(to bottom,#ddedff, #fff 703px);background:-o-linear-gradient(to bottom,#ddedff, #fff 703px);background:linear-gradient(to bottom,#ddedff, #fff 703px);}
.new_qt::after{ content: ""; width: 100%; height:80px; float: left; clear: both;}
.new_qt_c{ width: 1200px; margin: 0 auto;}
.new_qt_c::before{ content: ""; width: 100%; height: 220px; float: left; clear: both;}
.new_qt_c .wz1_qt{ width: 100%;float: left; clear: both; text-align: center; }
.new_qt_c .wz1_qt .wz1{ display: inline-block; background-color: #ed7020;padding: 5px 15px; font-size: 12px; line-height: 20px;color: #fff; border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;}
.new_qt_c .wz1_qt .wz1 img{ height: 20px; width: auto; padding-right: 10px; float: left;}
.new_qt_c .wz1_qt::after{ content: ""; width: 100%; height:30px; float: left; clear: both;}
.new_qt_c h1{ width: 100%;float: left;font-weight: normal; font-size: 42px; line-height: 44px; text-align: center;}
.new_qt_c .wz3{width: 100%;float: left;font-size: 14px;  line-height: 22px; color: #777; text-align: center;}
.new_qt_c .wz3::before{ content: ""; width: 100%; height:30px; float: left; clear: both;}
.new_qt_c .hen1{ width: 100%; height:20px; float: left; margin-top: 56px; display: inline;  border-top: solid 1px #e4e4e7;}

.new_qt_c .wz2{  width: 100%;float: left;font-size: 18px;  line-height: 28px; color: #000; text-align: center;}

.new_qt_c .wz3_qt{ width: 100%; width: calc(100% - (72px * 2)); float: left; margin: 80px 72px 0 72px; display: inline; font-size: 14px; line-height: 22px; color: #777; text-align:justify;}

.new_qt_c .wz3_qt::after{ content: ""; width: 100%; height:30px; float: left; clear: both;}
.new_qt_c .wz3_qt img{ width: 100%; height: auto;}
.new_qt_c .wz3_qt strong{font-size: 16px; line-height: 30px; font-weight: bold;color: #333; }
.new_qt_c .wz3_qt p:empty{height: 22px;}
@media (max-width:1300px){
    .new_qt_c{ width: calc(100% - (6% * 2)); float: left; margin: 0 6%; display: inline;}
}

@media (max-width:991.98px){
.new_qt::after{ height:0;}
.new_qt_c::before{height: 112px;}
.new_qt_c h1{ font-size: 26px; line-height:30px;}
.new_qt_c .hen1{ margin-top: 36px; }
.new_qt_c .wz2{  font-size: 14px;  line-height: 22px; }    
.new_qt_c .wz3_qt{ width: 100%; width: calc(100% - (22px * 2)); margin:50px 22px 0 22px;}
}

.pro001{width:100%;float:left;clear:both; margin-top: 30px; display: inline; position:relative;background-color:#fff;}
.pro001 ul{width:100%;height:auto;float:left;list-style-type:none;}
.pro001 li{width:100%;height:100%;clear:both;position:relative;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:5;overflow:hidden;}
.pro001 .swiper-pagination{width:100%;right:0;left:0;bottom:2rem;z-index:10;}
.pro001 .swiper-pagination .swiper-pagination-bullet{ width: 16px; height: 16px; opacity:1;background-color:rgba(255,255,255,.6);border: solid 2px #000; border-radius:9px;-webkit-border-radius:9px;-moz-border-radius:9px;}
.pro001 .swiper-pagination .swiper-pagination-bullet-active{background-color:rgba(0,0,0,1);border: solid 2px #000;border-radius:9px;-webkit-border-radius:9px;-moz-border-radius:9px;}
.pro001 li img{width:100%;height:auto;float:left;clear:both;}

.pro_list1{width:100%;}


.cm0022{width:100%;float:left;margin-top:16px;display:inline;font-size:36px;line-height:52px;color:#333;font-weight:normal;text-align:center;
    width:100%;height:calc(100vh - 0.62rem);
     display: flex;justify-content: space-between;flex-wrap: wrap;/*平均分没有左右只有间隔 space-around 平均分有左右*/
    background-image:-webkit-linear-gradient(91.32deg,#BF14DB 40%,#D80033 59%);background-image:-moz-linear-gradient(91.32deg,#BF14DB 40%,#D80033 59%);background-image:-o-linear-gradient(91.32deg,#BF14DB 40%,#D80033 59%);background-image:linear-gradient(91.32deg,#BF14DB 40%,#D80033 59%);
    background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
    .cm0022{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;white-space:nowrap;text-overflow:ellipsis;}
    .cm01color{background:#cff3e8 rgb(28, 106, 82) #aaafaf}
    .cm01:nth-last-child(1){opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;font-family:"Ali-Bold";
    width:60%;width:calc(60% - (1px * 2));-webkit-filter:drop-shadow(.48rem 0 0 rgba(43, 43, 43, 1));filter:drop-shadow(.48rem 0 0 rgba(43, 43, 43, 1));transform:translateX(-.48rem);
    border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;
    background:linear-gradient(90deg,rgb(175, 137, 88),#eecd9e);
    border-radius:0 30px 0 30px;-webkit-border-radius:0 30px 0 30px;-moz-border-radius:0 30px 0 30px;
    background-position:center;background-repeat:no-repeat;background-size:cover;background-image:url(../img/tp30.jpg);
    background-position:center!important;background-repeat:no-repeat;background-size:contain;background-image:url(../img/tp34.jpg);
    box-shadow:15px 10px 20px rgba(0,0,0,0.15);-moz-box-shadow:15px 10px 20px rgba(0,0,0,0.15);-webkit-box-shadow:15px 10px 20px rgba(0,0,0,0.15);
    background:-webkit-linear-gradient(0degc,#167f7d 203px, #fff 203px);background:-moz-linear-gradient(0deg,#167f7d 203px, #fff 203px);background:-o-linear-gradient(0deg,#167f7d 203px, #fff 203px);background:linear-gradient(0deg,#167f7d 203px, #fff 203px);
    background:-webkit-radial-gradient(rgba(231,108,0,.8) 50px,rgba(237,72,0,.8));background:-moz-radial-gradient(rgba(231,108,0,.8) 50px,rgba(237,72,0,.8));background:-o-radial-gradient(rgba(231,108,0,.8) 50px,rgba(237,72,0,.8));background:radial-gradient(rgba(231,108,0,.8) 50px,rgba(237,72,0,.8));
    border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
    top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);
    left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);
    top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);
    transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);
    }
.container{width:100%}
.visible{visibility:visible}
.static{position:static}
.relative{position:relative}
.z-10{z-index:10}
.z-20{z-index:20}
.ml-auto{margin-left:auto}
.mt-2{margin-top:.5rem}
.mt-2\.5{margin-top:.625rem}
.mt-5{margin-top:1.25rem}
.inline-block{display:inline-block}
.flex{display:flex}
.inline-flex{display:inline-flex}
.grid{display:grid}
.inline-grid{display:inline-grid}
.hidden{display:none}
.h-full{height:100%}
.w-fit{width:-moz-fit-content;width:fit-content}
.w-full{width:100%}
.flex-1{flex:1 1 0%}
.flex-shrink-0{flex-shrink:0}
.flex-grow{flex-grow:1}
.rotate-90{--tw-rotate:90deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.cursor-pointer{cursor:pointer}
.resize{resize:both}
.grid-flow-row-dense{grid-auto-flow:row dense}
.grid-flow-col-dense{grid-auto-flow:column dense}
.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.items-start{align-items:flex-start}
.items-end{align-items:flex-end}
.items-center{align-items:center}
.justify-end{justify-content:flex-end}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.gap-4{gap:1rem}
.self-center{align-self:center}
.justify-self-end{justify-self:end}
.overflow-hidden{overflow:hidden}
.text-nowrap{text-wrap:nowrap}
.border-ue-cool-gray-200{--tw-border-opacity:1;border-color:rgb(var(--color-cool-gray-200)/var(--tw-border-opacity))}
.bg-ue-cool-gray-50{--tw-bg-opacity:1;background-color:rgb(var(--color-cool-gray-50)/var(--tw-bg-opacity))}
.text-left{text-align:left}
.text-center{text-align:center}
.text-ue-black{--tw-text-opacity:1;color:rgb(var(--color-black)/var(--tw-text-opacity))}
.opacity-0{opacity:0}
.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
@media (max-width:991.98px){.lg\:block{display:block}
    .lg\:flex{display:flex}
    .lg\:items-center{align-items:center}
    .lg\:justify-end{justify-content:flex-end}
    .lg\:justify-center{justify-content:center}}
@media (max-width:767.98px){.md\:block{display:block}}
*,:after,:before{box-sizing:border-box}
:after,:before{text-decoration:inherit;vertical-align:inherit}
:where(:root){cursor:default;line-height:1.5;overflow-wrap:break-word;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}
:where(body){margin:0}
:where(h1){font-size:2em;margin:.67em 0}
:where(dl, ol, ul) :where(dl, ol, ul){margin:0}
:where(hr){color:inherit;height:0}
:where(nav) :where(ol, ul){list-style-type:none;padding:0}
:where(nav li):before{content:"\200B";float:left}
:where(pre){font-family:monospace, monospace;font-size:1em;overflow:auto}
:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
:where(b, strong){font-weight:bolder}
:where(code, kbd, samp){font-family:monospace, monospace;font-size:1em}
:where(small){font-size:80%}
:where(audio, canvas, iframe, img, svg, video){vertical-align:middle}
:where(iframe){border-style:none}
:where(svg:not([fill])){fill:currentColor}
:where(table){border-collapse:collapse;border-color:inherit;text-indent:0}
:where(button, input, select){margin:0}
:where(button, [type=button i], [type=reset i], [type=submit i]){-webkit-appearance:button}
:where(fieldset){border:1px solid #a0a0a0}
:where(progress){vertical-align:baseline}
:where(textarea){margin:0;resize:vertical}
:where([type=search i]){-webkit-appearance:textfield;outline-offset:-2px}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}
::-webkit-input-placeholder{color:inherit;opacity:.54}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}
:where(dialog:not([open])){display:none}
:where(details>summary:first-of-type){display:list-item}
:where([aria-busy=true i]){cursor:progress}
:where([aria-controls]){cursor:pointer}
:where([aria-disabled=true i], [disabled]){cursor:not-allowed}
:where([aria-hidden=false i][hidden]){display:initial}
:where([aria-hidden=false i][hidden]:not(:focus)){clip:rect(0, 0, 0, 0);position:absolute}
:where(iframe, img, input, video, select, textarea){height:auto;max-width:100%}
:where(button, input, select, textarea){background-color:transparent;border:1px solid WindowFrame;color:inherit;font:inherit;letter-spacing:inherit;padding:.25em .375em}
:where(select){-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E") no-repeat 100% /1em;border-radius:0;padding-right:1em}
:where([type=color i], [type=range i]){border-width:0;padding:0}
html{font-family:"Microsoft YaHei", 微软雅黑;}
code,kbd,pre,samp{font-family:"Microsoft YaHei", 微软雅黑;}
@font-face{font-family:ueicon;src:url(../fonts/icon.eot);src:url(../fonts/icon.eot#iefix) format("embedded-opentype"), url(../fonts/icon.woff2) format("woff2"), url(../fonts/icon.woff) format("woff"), url(../fonts/icon.ttf) format("truetype"), url(../img/icon.svg#icon) format("svg")}
[class*=" ueicon-"],[class^=ueicon-]{font-family:ueicon !important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.ueicon-Instagram:before{content:"\ea01"}
.ueicon-arrow-down:before{content:"\ea02"}
.ueicon-arrow-left-2:before{content:"\ea03"}
.ueicon-arrow-left:before{content:"\ea04"}
.ueicon-arrow-right-2:before{content:"\ea05"}
.ueicon-arrow-right:before{content:"\ea06"}
.ueicon-arrow-up-right:before{content:"\ea07"}
.ueicon-arrow-up:before{content:"\ea08"}
.ueicon-awards:before{content:"\ea09"}
.ueicon-bilibili:before{content:"\ea0a"}
.ueicon-book:before{content:"\ea0b"}
.ueicon-close:before{content:"\ea0c"}
.ueicon-code:before{content:"\ea0d"}
.ueicon-database:before{content:"\ea0e"}
.ueicon-dewu:before{content:"\ea0f"}
.ueicon-discard:before{content:"\ea10"}
.ueicon-dots:before{content:"\ea11"}
.ueicon-douyin:before{content:"\ea12"}
.ueicon-dribbble:before{content:"\ea13"}
.ueicon-earth:before{content:"\ea14"}
.ueicon-email:before{content:"\ea15"}
.ueicon-facebook:before{content:"\ea16"}
.ueicon-github:before{content:"\ea17"}
.ueicon-helper:before{content:"\ea18"}
.ueicon-mail-02:before{content:"\ea19"}
.ueicon-map:before{content:"\ea1a"}
.ueicon-minapp:before{content:"\ea1b"}
.ueicon-pdf:before{content:"\ea1c"}
.ueicon-pinterest:before{content:"\ea1d"}
.ueicon-product:before{content:"\ea1e"}
.ueicon-restart:before{content:"\ea1f"}
.ueicon-search:before{content:"\ea20"}
.ueicon-twitter:before{content:"\ea21"}
.ueicon-uemo:before{content:"\ea22"}
.ueicon-video-play:before{content:"\ea23"}
.ueicon-weibo:before{content:"\ea24"}
.ueicon-weixin:before{content:"\ea25"}
.ueicon-x-2:before{content:"\ea26"}
.ueicon-xiaohongshu:before{content:"\ea27"}
.ueicon-youTube:before{content:"\ea28"}
:root{--safe-screen-h:1vh;--color-font:color(var(--ue-black));--color-module-title:#121926;--color-module-subtitle:#364152;--size-nav-height:var(--size-nav-normal-height);--size-nav-height2:180px;--size-nav-normal-height:80px;--size-nav-mini-height:80px;--size-mobile-nav-height:var(--size-mobile-nav-normal-height);--size-mobile-nav-normal-height:72px;--size-mobile-nav-mini-height:72px;--size-font-base:0.75rem;--size-container-width:var(--size-container-width--regular);--size-container-width--small:1520px;--size-container-width--medium:1560px;--size-container-width--regular:1680px;--size-container-width--extra:1840px;--size-container-space:3%;--safe-area-inset-top:env(safe-area-inset-top, 50px);--safe-area-inset-right:env(safe-area-inset-right, 50px);--safe-area-inset-bottom:env(safe-area-inset-bottom, 50px);--safe-area-inset-left:env(safe-area-inset-left, 50px);--z-index-site-nav:9999}
@supports(height:1dvh){:root{--safe-screen-h:1dvh}}
html{overflow:auto;width:100%;height:100%}
body{font-family:"Microsoft YaHei", 微软雅黑;font-size:var(--size-font-base);font-weight:400;line-height:1.4;min-width:1200px;min-height:100vh;color:var(--color-font);background-color:#fff}
body,img{-webkit-user-select:none;-moz-user-select:none;user-select:none}
img{content:normal !important;vertical-align:top}
a{text-decoration:none;color:inherit}
button{border-width:0;outline:none}
.u-wrapper--limit-width--small{--size-container-width:var(--size-container-width--small)}
.u-wrapper--limit-width--medium{--size-container-width:var(--size-container-width--medium)}
.u-wrapper--limit-width--extra{--size-container-width:var(--size-container-width--extra)}
.u-wrapper--limit-width{width:calc(var(--size-container-width) + var(--size-container-space)*2);max-width:100%;margin:0 auto;padding:0 var(--size-container-space)}
.u-wrapper--limit-width .u-wrapper--limit-width{--size-container-space:0px}
.u-hide{position:absolute !important;display:inline-block;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0;-webkit-clip-path:inset(0 0 99.9% 99.9%);clip-path:inset(0 0 99.9% 99.9%)}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto !important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:hidden}
.lenis.lenis-smooth iframe{pointer-events:none}
.splitting .char,.splitting .whitespace,.splitting .word{line-height:inherit;display:inline-flex;vertical-align:text-bottom}
.splitting .whitespace:after{content:""}
.marquee{display:flex;overflow:hidden;transition:.01;align-items:center}
@media(max-width:1679.98px){:root{--size-container-width--small:1320px;--size-container-width--medium:1360px;--size-container-width--regular:1480px;--size-container-width--extra:1640px}}
@media(max-width:1559.98px){:root{--size-container-width--small:1220px;--size-container-width--medium:1260px;--size-container-width--regular:1380px;--size-container-width--extra:1540px}}
@media(max-width:1439.98px){:root{--size-container-width--small:1020px;--size-container-width--medium:1060px;--size-container-width--regular:1180px;--size-container-width--extra:1340px;--size-nav-normal-height:70px;--size-nav-mini-height:56px}}
@media(max-width:991.98px){:root{--size-container-space:4%;--size-container-width--small:89vw;--size-container-width--medium:89vw;--size-container-width--regular:89vw;--size-container-width--extra:93.6vw}
    body{min-width:0}}
:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}
.enter-animate,.wow{visibility:hidden}
.wow{animation-duration:.66s;animation-fill-mode:forwards}
.wow-long-dur{animation-duration:1s}
.wow-group .wow:nth-child(4n+1){animation-delay:.1s}
.wow-group .wow:nth-child(4n+2){animation-delay:.2s}
.wow-group .wow:nth-child(4n+3){animation-delay:.3s}
.wow-group .wow:nth-child(4n+4){animation-delay:.4s}
.wow-group-2 .wow:nth-child(odd){animation-delay:.1s}
.wow-group-2 .wow:nth-child(2n+2){animation-delay:.2s}
.wow-group-3 .wow:nth-child(3n+1){animation-delay:.1s}
.wow-group-3 .wow:nth-child(3n+2){animation-delay:.2s}
.wow-group-3 .wow:nth-child(3n+3){animation-delay:.3s}
.wow-group-4 .wow:nth-child(4n+1){animation-delay:.1s}
.wow-group-4 .wow:nth-child(4n+2){animation-delay:.2s}
.wow-group-4 .wow:nth-child(4n+3){animation-delay:.3s}
.wow-group-4 .wow:nth-child(4n+4){animation-delay:.4s}
.wow-group-5 .wow:nth-child(5n+1){animation-delay:.1s}
.wow-group-5 .wow:nth-child(5n+2){animation-delay:.2s}
.wow-group-5 .wow:nth-child(5n+3){animation-delay:.3s}
.wow-group-5 .wow:nth-child(5n+4){animation-delay:.4s}
.wow-group-5 .wow:nth-child(5n+5){animation-delay:.5s}
.wow-group-6 .wow:nth-child(6n+1){animation-delay:.1s}
.wow-group-6 .wow:nth-child(6n+2){animation-delay:.2s}
.wow-group-6 .wow:nth-child(6n+3){animation-delay:.3s}
.wow-group-6 .wow:nth-child(6n+4){animation-delay:.4s}
.wow-group-6 .wow:nth-child(6n+5){animation-delay:.5s}
.wow-group-6 .wow:nth-child(6n+6){animation-delay:.6s}
@media(max-width:1199.98px){.xl\:wow-group-5 .wow:nth-child(5n+1){animation-delay:.1s}
    .xl\:wow-group-5 .wow:nth-child(5n+2){animation-delay:.2s}
    .xl\:wow-group-5 .wow:nth-child(5n+3){animation-delay:.3s}
    .xl\:wow-group-5 .wow:nth-child(5n+4){animation-delay:.4s}
    .xl\:wow-group-5 .wow:nth-child(5n+5){animation-delay:.5s}}
@media(max-width:991.98px){.lg\:wow-group-1 .wow:nth-child(1n+1){animation-delay:0s}
    .lg\:wow-group-4 .wow:nth-child(4n+1){animation-delay:.1s}
    .lg\:wow-group-4 .wow:nth-child(4n+2){animation-delay:.2s}
    .lg\:wow-group-4 .wow:nth-child(4n+3){animation-delay:.3s}
    .lg\:wow-group-4 .wow:nth-child(4n+4){animation-delay:.4s}}
@media(max-width:767.98px){.md\:wow-group-3 .wow:nth-child(3n+1){animation-delay:.1s}
    .md\:wow-group-3 .wow:nth-child(3n+2){animation-delay:.2s}
    .md\:wow-group-3 .wow:nth-child(3n+3){animation-delay:.3s}}
@keyframes fadeInUp50{0%{transform:translate3d(0, 50px, 0);opacity:0}
    to{transform:translateZ(0);opacity:1}}
.animate__fadeInUp-50{animation-name:fadeInUp50;opacity:0}
@keyframes fadeInUp100{0%{transform:translate3d(0, 100px, 0);opacity:0}
    to{transform:translateZ(0);opacity:1}}
.animate__fadeInUp-100{animation-name:fadeInUp100;opacity:0}
@keyframes fadeInUp30Percent{0%{transform:translate3d(0, 30%, 0);opacity:0}
    to{transform:translateZ(0);opacity:1}}
.animate__fadeInUp-30_percent{animation-name:fadeInUp30Percent;opacity:0}
@keyframes fadeInUp50Percent{0%{transform:translate3d(0, 50%, 0);opacity:0}
    to{transform:translateZ(0);opacity:1}}
.animate__fadeInUp-50_percent{animation-name:fadeInUp50Percent;opacity:0}
@keyframes fadeInLeft30{0%{transform:translate3d(-30px, 0, 0);opacity:0}
    to{transform:translateZ(0);opacity:1}}
.animate__fadeInLeft-30{animation-name:fadeInLeft30;opacity:0}
@keyframes fadeInLeft50{0%{transform:translate3d(-50px, 0, 0);opacity:0}
    to{transform:translateZ(0);opacity:1}}
.animate__fadeInLeft-50{animation-name:fadeInLeft50;opacity:0}
@keyframes fadeInLeft30Percent{0%{transform:translate3d(-30%, 0, 0);opacity:0}
    to{transform:translateZ(0);opacity:1}}
.animate__fadeInLeft-30_percent{animation-name:fadeInLeft;opacity:0}
@keyframes fadeInLeft50Percent{0%{transform:translate3d(-50%, 0, 0);opacity:0}
    to{transform:translateZ(0);opacity:1}}
.animate__fadeInLeft-50_percent{animation-name:fadeInLeft;opacity:0}
@keyframes fadeInRight30{0%{transform:translate3d(30px, 0, 0);opacity:0}
    to{transform:translateZ(0);opacity:1}}
.animate__fadeInRight-30{animation-name:fadeInRight30;opacity:0}
@keyframes fadeInRight50{0%{transform:translate3d(50px, 0, 0);opacity:0}
    to{transform:translateZ(0);opacity:1}}
.animate__fadeInRight-50{animation-name:fadeInRight50;opacity:0}
@keyframes fadeInRight10Percent{0%{transform:translate3d(10%, 0, 0);opacity:0}
    to{transform:translateZ(0);opacity:1}}
.animate__fadeInRight-10_percent{animation-name:fadeInRight10Percent;opacity:0}
@keyframes fadeInRight30Percent{0%{transform:translate3d(30%, 0, 0);opacity:0}
    to{transform:translateZ(0);opacity:1}}
.animate__fadeInRight-30_percent{animation-name:fadeInRight30Percent;opacity:0}
@keyframes fadeInRight50Percent{0%{transform:translate3d(50%, 0, 0);opacity:0}
    to{transform:translateZ(0);opacity:1}}
.animate__fadeInRight-50_percent{animation-name:fadeInRight50Percent;opacity:0}
@keyframes fadeIn{0%{opacity:0}
    to{opacity:1}}
.animate__fadeIn{animation-name:fadeIn;opacity:0}
@keyframes zoomIn{0%{transform:scale3d(.8, .8, .8);opacity:0}
    to{opacity:1}}
.animate__zoomIn{animation-name:zoomIn;opacity:0}
@keyframes zoomIn2{0%{transform:scale3d(.8, .8, .8)}}
.animate__zoomIn2{animation-name:zoomIn2}
body{--u-module-pt:120px;--u-module-pb:120px;overflow:hidden;width:100%}
.u-module{position:relative;z-index:20;background-color:#fff}
.u-text-logo-2{--u-width:380;--u-height:65;position:relative;overflow:hidden;width:190px}
.u-text-logo-2>img{position:absolute;width:100%;height:100%}
@supports(object-fit:cover){.u-text-logo-2>img{top:0;left:0;object-fit:contain;object-position:left center}}
@supports not (object-fit:cover){.u-text-logo-2>img{top:50%;left:50%;transform:translate3d(-50%, 50%)}}
.u-text-logo-2:after{display:block;width:100%;padding-top:calc(var(--u-height)/var(--u-width)*100%);content:""}
.u-btn{font-size:16px;font-weight:400;line-height:1.5em;padding:7px 7px 7px 30px;border-radius:1000px;background-color:rgb(var(--color-black)/1)}
.u-btn,.u-btn .text{transition:.36s ease}
.u-btn .text{margin-right:20px;color:rgba(var(--color-vi)/1)}
.u-btn .ic-box{width:36px;height:36px;border-radius:50%;font-size:18px;transition:.36s ease;color:rgb(var(--color-black)/1)}
.u-btn .ic-box,.u-btn:hover{background-color:rgba(var(--color-vi)/1)}
.u-btn:hover .text{color:#000}
.u-btn:hover .ic-box{color:rgba(var(--color-vi)/1);background-color:#000}
.u-btn-2{--bg-color:#000;font-size:16px;font-weight:400;line-height:1.5em;padding:14px 28px;transition:.36s ease;color:#fff;border-radius:100px;background-color:var(--bg-color)}
.u-btn-2 .ic{font-size:1.5em;margin-left:.625em}
.u-btn-2:hover{color:#000;background-color:rgba(var(--color-vi)/1)}
.u-module-head{margin-bottom:60px}
.u-module-head .m-title{font-size:42px;font-weight:700;line-height:1.1428571429em;letter-spacing:-.03em;color:#000}
.u-module-head-2{font-weight:500;margin-bottom:60px}
.u-module-head-2 .m-title{font-size:60px;line-height:1.1em;letter-spacing:-.04em}
.u-module-head-2 .m-subtitle{font-family:"Microsoft YaHei", 微软雅黑;font-size:14px;line-height:20px;margin-top:20px;color:rgb(var(--color-cool-gray-500)/1)}
.u-module-head-2 .category-group{font-size:16px;line-height:1.75em;gap:16px}
.u-module-head-2 .category-item{position:relative;padding:5px 18px;transition:.26s ease;border-radius:100px}
.u-module-head-2 .category-item[data-active]{background-color:#ed7020; color: #fff;}
.u-module-head-2 .category-item:hover:after{top:.4em;left:.3em;opacity:1}
.u-module-head-2 .category-item:after{width:6px;height:6px;border-radius:50%;position:absolute;top:1em;left:.6em;content:"";transition:.26s ease;opacity:0;background-color:#ed7020;}
.u-product-card{position:relative;display:block;width:100%;padding:0 30px 60px;transition:box-shadow .36s ease;background-color:#fff;box-shadow:0 0 0 0 rgba(16, 24, 40, .14)}
.u-product-card .color-option-bar{position:absolute;z-index:10;bottom:0;left:0;width:100%;padding:20px 0}
.u-product-card .color-option{--size:14px;position:relative;padding:5px;cursor:pointer;border-radius:100px}
.u-product-card .color-option .option--inner{width:var(--size);height:var(--size);border-radius:100px;background:var(--color);background-size:cover}
.u-product-card .color-option[data-select=true] .option--inner{transform:scale(.7)}
.u-product-card .color-option[data-select=true]:after{opacity:1}
.u-product-card .color-option:after{top:50%;left:50%;transform:translate3d(-50%, -50%, 0);position:absolute;width:calc(var(--size) + 2px);height:calc(var(--size) + 2px);content:"";opacity:0;border:2px solid #000;border-radius:100px}
.u-product-card .card-thumb{--u-width:240;--u-height:240;position:relative;overflow:hidden;width:480px;z-index:-1;width:100%}
.u-product-card .card-thumb>img{position:absolute;width:100%;height:100%}
@supports(object-fit:cover){.u-product-card .card-thumb>img{top:0;left:0;object-fit:cover;object-position:center}}
@supports not (object-fit:cover){.u-product-card .card-thumb>img{top:50%;left:50%;transform:translate3d(-50%, 50%)}}
.u-product-card .card-thumb:after{display:block;width:100%;padding-top:calc(var(--u-height)/var(--u-width)*100%);content:""}
.u-product-card .card-thumb img{display:none}
.u-product-card .card-thumb img:first-child{display:block}
.u-product-card .card-tag-group{margin:-4px}
.u-product-card .card-tag-box{padding:4px}
.u-product-card .card-tag{font-size:12px;font-weight:400;line-height:1.5em;padding:5px 15px;text-align:center;border-radius:100px;background-color:rgb(var(--color-cool-gray-100)/1)}
.u-product-card .card-title{font-size:24px;font-weight:400;line-height:1.3333333333em}
.u-product-card .card-subtitle{font-size:14px;font-weight:500;line-height:1.5714285714em;color:rgb(var(--color-cool-gray-500)/1)}
.u-product-card:hover{z-index:100;box-shadow:0 32px 64px -12px rgba(16, 24, 40, .14)}
.u-news-card{position:relative;display:block;min-width:0;max-width:100%}
.u-news-card:after{position:absolute;right:0;bottom:0;left:0;width:40%;height:2px;margin:0 auto;content:"";transition:.36s ease;opacity:0;background-color:#ed7020;}
.u-news-card:hover:after{width:100%;opacity:1}
.u-news-card:hover .item-title .ic{color:rgba(var(--color-vi-deep)/1)}
.u-news-card .item-thumb{--u-width:1078;--u-height:679;position:relative;overflow:hidden;width:100%}
.u-news-card .item-thumb>img{position:absolute;width:100%;height:100%}
@supports(object-fit:cover){.u-news-card .item-thumb>img{top:0;left:0;object-fit:cover;object-position:center}}
@supports not (object-fit:cover){.u-news-card .item-thumb>img{top:50%;left:50%;transform:translate3d(-50%, 50%)}}
.u-news-card .item-thumb:after{display:block;width:100%;padding-top:calc(var(--u-height)/var(--u-width)*100%);content:""}
.u-news-card .item-info{width:100%;padding-top:20px;padding-bottom:20px}
.u-news-card .item-title{font-size:20px;font-weight:400;line-height:180%;margin-bottom:10px;color:rgb(var(--color-cool-gray-900)/1);gap:20px;grid-template-columns:1fr auto}
.u-news-card .item-title .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1;min-width:0}
.u-news-card .item-title .ic{font-size:24px;transition:.26s ease}
.u-news-card .item-desc{overflow:hidden;text-overflow:ellipsis;line-height:1;font-size:15px;font-weight:500;font-style:normal;line-height:180%;margin-bottom:40px;color:rgb(var(--color-cool-gray-600)/1)}
.u-news-card .item-date{font-family:"Microsoft YaHei", 微软雅黑;font-size:20px;font-weight:700;line-height:1.5em;color:rgb(var(--color-cool-gray-600)/1)}
.u-page-banner{position:relative;-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}
.u-page-banner .m-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center}
.u-page-banner .m-info-group{transform:translateY(30px)}
.u-page-banner .m-title{font-family:"Microsoft YaHei", 微软雅黑;font-size:72px;font-weight:700;line-height:1em;max-width:6.3888888889em;letter-spacing:-.04em}
.u-page-banner .m-info{overflow:hidden;margin-top:80px}
.u-page-banner .m-info .m-thumb-box{--u-width:67;--u-height:6;position:relative;overflow:hidden;width:100%;width:402px}
.u-page-banner .m-info .m-thumb-box>img{position:absolute;width:100%;height:100%}
@supports(object-fit:cover){.u-page-banner .m-info .m-thumb-box>img{top:0;left:0;object-fit:cover;object-position:center}}
@supports not (object-fit:cover){.u-page-banner .m-info .m-thumb-box>img{top:50%;left:50%;transform:translate3d(-50%, 50%)}}
.u-page-banner .m-info .m-thumb-box:after{display:block;width:100%;padding-top:calc(var(--u-height)/var(--u-width)*100%);content:""}
.u-page-banner .m-bg{overflow:hidden}
.u-page-banner[data-theme=white] .m-info .m-tag{color:rgba(var(--color-vi)/1);background-color:rgb(var(--color-black)/1)}
.c-pages-tab .pages-tab-link{font-family:"Microsoft YaHei", 微软雅黑;font-size:14px;font-weight:500;line-height:1.4285714286em;display:flex;width:40px;height:36px;transition:.36s ease;color:rgb(var(--color-cool-gray-600)/1);align-items:center;justify-content:center}
.c-pages-tab .pages-tab-link:hover{color:rgb(var(--color-black)/1)}
.c-pages-tab .pages-tab-item[data-active] .pages-tab-link{color:rgb(var(--color-black)/1);border-radius:6px;background-color:rgba(var(--color-vi)/1)}
.c-pages-tab .btn--go-next .pages-tab-link,.c-pages-tab .btn--go-prev .pages-tab-link{width:36px;height:36px;border-radius:50%}
.c-pages-tab .btn--go-next:hover .pages-tab-link,.c-pages-tab .btn--go-prev:hover .pages-tab-link{background-color:rgba(var(--color-vi)/1)}
.u-ue-builder-area{min-height:100vh;background-color:#fff}
.layer--pop{position:fixed;z-index:100000;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0, 0, 0, .5)}
.layer--pop .video-panel{overflow:hidden;width:1200px;max-width:89%;border-radius:10px;background-color:#000;box-shadow:0 0 40px rgba(0, 0, 0, .6)}
.layer--pop .code-panel img{max-width:600px;border-radius:10px}
.u-progress-bar{--progress:0;position:absolute;z-index:100;right:0;bottom:20px;left:0;width:26.666667vw;margin:0 auto;border-radius:100px;background-color:rgb(var(--color-black)/.5)}
.u-progress-bar .u-progress-bar--inner{width:var(--progress);height:3px;border-radius:100px;background-color:rgba(var(--color-vi)/1)}
@media(max-width:1679.98px){.u-module-head-2 .m-title{font-size:56px}}
@media(max-width:1559.98px){.u-page-banner .m-title{font-size:68px}
    .u-page-banner .m-info{margin-top:65px}
    .u-module-head-2 .m-title{font-size:52px}
    .u-module-head-2 .category-group{font-size:15px}
    .u-module-head .m-title{font-size:40px}
    .u-btn{font-size:14px}
    .u-btn .ic-box{width:34px;height:34px}
    .u-btn-2{font-size:14px;padding:.8571428571em 1.2857142857em .8571428571em 2em}
    .u-product-card .card-title{font-size:22px}
    .u-text-logo-2{width:180px}}
@media(max-width:1439.98px){.u-module-head .m-title{font-size:36px}
    .u-btn-2{font-size:12px}
    .u-product-card{padding:0 20px 40px}
    .u-product-card .card-title{font-size:20px}
    .u-product-card .card-subtitle{font-size:13px}
    .u-news-card .item-info{padding-top:20px;padding-bottom:30px}
    .u-news-card .item-date,    .u-news-card .item-title{font-size:18px}
    .u-news-card .item-desc{font-size:14px}
    .u-text-logo-2{width:160px}
    .u-page-banner .m-title{font-size:46px}
    .u-page-banner .m-info{width:341.7px;margin-top:45px}
    .u-module-head-2 .m-title{font-size:36px}
    .u-module-head-2 .category-group{font-size:14px;gap:10px}
    .u-module-head-2 .m-subtitle{font-size:13px;margin-top:15px}}
@media(max-width:991.98px){.u-progress-bar{display:block}
    .u-page-banner{padding-top:var(--size-mobile-nav-height)}
    .u-page-banner .m-inner{height:256px}
    .u-page-banner .m-bg{height:100%}
    .u-page-banner .m-bg>img{width:100%;height:100%;object-fit:cover;object-position:center}
    .u-page-banner .m-container{align-items:flex-end}
    .u-page-banner .m-container--inner{padding-bottom:40px}
    .u-page-banner .m-title{font-size:30px;font-weight:700;line-height:1.2666666667em}
    .u-page-banner .m-info-group{transform:none}
    .u-page-banner .m-info{margin-top:30px}
    .u-page-banner .m-thumb-box{max-width:181px}
    .u-page-banner .logo-tag .logo{width:85px}
    .layer--pop .code-panel img{max-width:210px}
    .u-module-head-2{display:block;margin-bottom:20px}
    .u-module-head-2 .m-title{font-size:24px;font-weight:400;line-height:1.3333333333em}
    .u-module-head-2 .m-subtitle{margin-top:6px}
    .u-module-head-2 .state--pos-right{margin-top:30px}
    .u-module-head-2 .category-group{display:block;overflow:auto;padding-bottom:10px;white-space:nowrap}
    .u-module-head-2 .category-item{font-size:16px;font-weight:500;line-height:1.75em;display:inline-block;margin-right:16px}
    .u-module-head-2 .category-item:last-child{margin-right:0}
    .u-news-card{font-size:18px;line-height:1.4444444444em}
    .u-news-card .item-desc{font-size:12px;line-height:1.5em;margin-bottom:30px}
    .u-news-card .item-info{padding:30px 0 0}
    .u-news-card .item-date{font-size:16px;line-height:1.5em}
    .u-btn-2{font-size:14px}
    .u-module-head .m-title{font-size:24px}
    .u-product-card .card-tag{min-width:90px;white-space:nowrap}
    .u-product-card .color-option{--size:24px}}

.site-flow-course{--curse-circle-color:#ed7020;--curse-circle-contrast-color:#ed7020;position:fixed;z-index:99999;top:0;left:0;width:0;height:0;transition:color .2s ease;pointer-events:none;opacity:0;color:var(--curse-circle-contrast-color)}
.site-flow-course[data-cursor-theme=dark]{--curse-circle-contrast-color:var(--color-vi)}
.site-flow-course .flow-course--inner{top:50%;left:50%;transform:translate3d(-50%, -50%, 0);position:absolute;--flow-dot-size:94px;width:var(--flow-dot-size);height:var(--flow-dot-size)}
.site-flow-course .course-circle{transition:transform .45s ease, opacity .3s ease, background .45s ease;transform:scale(.2);background-color:var(--curse-circle-color)}
.site-flow-course .course-circle,.site-flow-course .course-mark{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;border-radius:50%}
.site-flow-course .course-mark{font-size:16px;z-index:10;display:flex;transition:opacity .3s ease;align-items:center;justify-content:center}
.site-flow-course .course-mark--drag{--flow-dot-arrow-space:8px;color:#000}
.site-flow-course .course-mark--drag .mark--left,.site-flow-course .course-mark--drag .mark--right{width:24px;height:24px;transition:transform .2s ease, opacity .2s ease}
.site-flow-course .course-mark--drag .mark--left svg,.site-flow-course .course-mark--drag .mark--right svg{width:100%;height:100%}
.site-flow-course .course-mark--drag .mark--left{transform:translateX(calc(var(--flow-dot-arrow-space)*-1))}
.site-flow-course .course-mark--drag .mark--right{transform:translateX(var(--flow-dot-arrow-space))}
.site-flow-course .course-mark--link{overflow:hidden;perspective:300;transform-style:preserve-3d}
.site-flow-course .course-mark--link .svg-box{transition:.4s ease;transition-delay:.1s;transform:rotateX(-10deg);transform-origin:center center -100px;opacity:0}
.site-flow-course[data-enter-type] .course-circle{transform:scale(1);opacity:1}
.site-flow-course[data-enter-type=link] .course-mark--link,.site-flow-course[data-enter-type=text] .course-mark--text{opacity:1}
.site-flow-course[data-enter-type=link] .course-mark--link .svg-box{transform:rotateX(0deg);opacity:1}
.site-flow-course[data-enter-type=drag] .course-mark--drag,.site-flow-course[data-enter-type=play] .course-mark--text{opacity:1}
.site-flow-course[page-pointerdown],.site-flow-course[page-pointerdown][data-enter-type=drag] .course-mark--drag{color:var(--curse-circle-color)}
.site-flow-course[page-pointerdown][data-enter-type=drag] .course-circle{transform:scale(.15);background:var(--curse-circle-color)}
.site-flow-course[page-pointerdown] .course-mark--drag .mark--left{transform:translateX(calc(var(--flow-dot-arrow-space)*-2))}
.site-flow-course[page-pointerdown] .course-mark--drag .mark--right{transform:translateX(calc(var(--flow-dot-arrow-space)*2))}
.m-site-nav{--size-subnav-height:0px;position:fixed;z-index:9999;top:0;left:0;width:100%;min-width:1200px;transition:.26s ease;}
.m-site-nav .c-logo{--u-width:185;--u-height:70;position:relative;overflow:hidden;width:185px;width:calc(var(--size-nav-height)*1.983);transition:width .26s ease}
.m-site-nav .c-logo>img{position:absolute;width:100%;height:100%}
@supports(object-fit:cover){.m-site-nav .c-logo>img{top:0;left:0;object-fit:contain;object-position:center}}
@supports not (object-fit:cover){.m-site-nav .c-logo>img{top:50%;left:50%;transform:translate3d(-50%, 50%)}}
.m-site-nav .c-logo:after{display:block;width:100%;padding-top:calc(var(--u-height)/var(--u-width)*100%);content:""}
.m-site-nav .m-container--inner{height:var(--size-nav-height);transition:height .26s ease;grid-template-columns:200px 1fr 200px}
.m-site-nav .nav-item--inner{font-size:.875rem;line-height:1.375rem;font-weight:400;padding:10px 20px;transition:.26s ease;color:#525252}
.m-site-nav .nav-item--inner .text{position:relative}
.m-site-nav .nav-item--inner .ic{font-size:16px;display:none;margin-left:4px;transition:.26s ease;color:#a3a3a3}
.m-site-nav .nav-item--inner .text:after{position:absolute;bottom:-2px;left:0;width:100%;height:1px;content:"";transition:.26s ease;transform:scaleX(.8);opacity:0;background-color:currentColor}
.m-site-nav .nav-item:hover .nav-sub-group{visibility:visible;opacity:1}
.m-site-nav .nav-item:hover .nav-item--inner,.m-site-nav .nav-item[data-active] .nav-item--inner{color:rgb(var(--color-black)/1)}
.m-site-nav .nav-item:hover .nav-item--inner .text:after,.m-site-nav .nav-item[data-active] .nav-item--inner .text:after{bottom:-2px;transform:scaleX(1);opacity:1}
.m-site-nav .nav-item:hover .nav-item--inner .ic,.m-site-nav .nav-item[data-active] .nav-item--inner .ic{color:#000}
.m-site-nav .nav-sub-group{top:0;left:0;visibility:hidden;overflow:hidden;padding:0 20px;transition:.24s cubic-bezier(.4, 0, .6, 1), height 0s;opacity:0}
.m-site-nav .nav-sub-group,.m-site-nav:before{position:absolute;width:100%;height:calc(var(--size-nav-height) + var(--size-subnav-height))}
.m-site-nav:before{content:"";background-color:rgba(0, 0, 0, .75)}
.m-site-nav .nav-sub-btn-group{margin-bottom:20px;gap:10px}
.m-site-nav .nav-sub-btn-group .btn{font-size:18px;font-weight:500;font-style:normal;line-height:1.4444444444em;padding:20px 40px;transition:.36s ease;border:1px solid rgb(var(--color-cool-gray-200)/1)}
.m-site-nav .nav-sub-btn-group .btn .ic{margin-right:10px}
.m-site-nav .nav-sub-btn-group .btn:hover{border-color:currentColor}
.m-site-nav .nav-sub-group--inner{margin-top:var(--size-nav-height)}
.m-site-nav .nav-sub-list{position:relative;transition:margin-top .26s ease;color:#fff;gap:30px}
.m-site-nav .nav-sub-list>li{list-style:none;}
.m-site-nav .nav-sub-list>li .subnav{padding-bottom: 30px;}
.m-site-nav .nav-sub-list .subnav li a{padding: 5px 0px; font-size: .875rem; font-weight: 400; font-style: normal; display: block; color: #ccc;}
.m-site-nav .nav-sub-list .subnav li a:hover{color:#ed7020;}

.m-site-nav .nav-sub-list .js-active-shadow{position:absolute;z-index:10;top:0;bottom:0;left:0;width:300px;height:100%;border-width:1px;border-style:solid}
.m-site-nav .nav-sub-item{font-size:.875rem;line-height:1.375rem;font-weight:400;font-style:normal;line-height:1.4375em;position:relative;z-index:20;padding:30px 0;transition:color .26s ease;text-align:center;display: block;}
.m-site-nav .nav-sub-item:hover,.m-site-nav .nav-sub-item[data-active]{color:#ed7020;}
.m-site-nav .nav-sub-item .nav-thumb{--u-width:224;--u-height:188;position:relative;overflow:hidden;width:224px;width:80%}
.m-site-nav .nav-sub-item .nav-thumb>img{position:absolute;width:100%;height:100%}
@supports(object-fit:cover){.m-site-nav .nav-sub-item .nav-thumb>img{top:0;left:0;object-fit:cover;object-position:center}}
@supports not (object-fit:cover){.m-site-nav .nav-sub-item .nav-thumb>img{top:50%;left:50%;transform:translate3d(-50%, 50%)}}
.m-site-nav .nav-sub-item .nav-thumb:after{display:block;width:100%;padding-top:calc(var(--u-height)/var(--u-width)*100%);content:""}
.m-site-nav .nav-sub-item .ic{--u-width:98;--u-height:19;position:relative;overflow:hidden;width:49px;margin-top:4px}
.m-site-nav .nav-sub-item .ic>img{position:absolute;width:100%;height:100%}
@supports(object-fit:cover){.m-site-nav .nav-sub-item .ic>img{top:0;left:0;object-fit:cover;object-position:center}}
@supports not (object-fit:cover){.m-site-nav .nav-sub-item .ic>img{top:50%;left:50%;transform:translate3d(-50%, 50%)}}
.m-site-nav .nav-sub-item .ic:after{display:block;width:100%;padding-top:calc(var(--u-height)/var(--u-width)*100%);content:""}
.m-site-nav .oper-item[data-name=search] .oper-link{height:48px;width:48px}
.m-site-nav .oper-item[data-name=search] .ic{font-size:calc(var(--size-nav-height)*.3);transition:.26s ease;color:#424242}
.u-nav-cover{position:fixed;z-index:9998;top:0;right:0;bottom:0;left:0;visibility:hidden;width:100%;height:100%;transition:opacity .32s cubic-bezier(.4, 0, .6, 1) 80ms, visibility .32s step-end 80ms;opacity:0;background:rgba(232, 232, 237, .4);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.g-body[data-subnav-open=true] .u-nav-cover{visibility:visible;transition:opacity .32s cubic-bezier(.4, 0, .6, 1) 80ms, visibility .32s step-start 80ms;opacity:1}
.m-mobile-site-nav{position:fixed;z-index:9999;top:0;left:0;display:none;width:100%;transition:.26s ease}
.m-mobile-site-nav .c-logo{--u-width:380;--u-height:85;position:relative;overflow:hidden;width:106px;transition:width .26s ease}
.m-mobile-site-nav .c-logo>img{position:absolute;width:100%;height:100%}
@supports(object-fit:cover){.m-mobile-site-nav .c-logo>img{top:0;left:0;object-fit:contain;object-position:center}}
@supports not (object-fit:cover){.m-mobile-site-nav .c-logo>img{top:50%;left:50%;transform:translate3d(-50%, 50%)}}
.m-mobile-site-nav .c-logo:after{display:block;width:100%;padding-top:calc(var(--u-height)/var(--u-width)*100%);content:""}
.m-mobile-site-nav .m-container--inner{height:var(--size-mobile-nav-height);transition:height .26s ease;grid-template-columns:100px 1fr 100px}
.m-mobile-site-nav .btn--open-fold-nav{height:40px;width:40px;--font-color:rgb(var(--color-black)/1);position:relative;cursor:pointer;align-items:center;justify-content:center}
.m-mobile-site-nav .btn--open-fold-nav .btn--inner{position:relative;width:20px;height:2px;pointer-events:none}
.m-mobile-site-nav .btn--open-fold-nav:hover .line{background-position:0}
.m-mobile-site-nav .btn--open-fold-nav .line{--line-distance:5px;position:absolute;left:0;overflow:hidden;width:100%;height:100%;transition:.36s ease;transition-delay:calc(var(--delay, 0)*.1s);border-radius:4px;background-color:var(--font-color);background-position:100%;background-size:200% 100%}
.m-mobile-site-nav .btn--open-fold-nav .line:first-child{top:calc(var(--line-distance)*-1)}
.m-mobile-site-nav .btn--open-fold-nav .line:last-child{bottom:calc(var(--line-distance)*-1)}
.m-mobile-site-nav .btn--open-search{height:40px;width:40px;font-size:24px}
.m-mobile-site-nav-layer{position:fixed;z-index:9998;top:0;left:0;visibility:hidden;width:100%;height:calc(var(--safe-screen-h)*100);padding-top:var(--size-mobile-nav-height);padding-bottom:calc(var(--safe-area-inset-bottom) + 50px);transition:.26s ease;opacity:0;background-color:#fff}
.m-mobile-site-nav-layer .nav-list-group{overflow:auto;height:100%}
.m-mobile-site-nav-layer .nav-item{font-size:16px;font-weight:500;line-height:1.75em;color:rgb(var(--color-cool-gray-500)/1);border-bottom:1px solid rgb(var(--color-cool-gray-100)/1)}
.m-mobile-site-nav-layer .nav-item[data-state-open] .nav-sub-group{height:auto}
.m-mobile-site-nav-layer .nav-item[data-state-open] .nav-item--inner .ic{transform:rotate(180deg)}
.m-mobile-site-nav-layer .nav-item--inner{padding:13px 20px 13px 30px}
.m-mobile-site-nav-layer .nav-item--inner .ic{font-size:20px}
.m-mobile-site-nav-layer .nav-item--inner[data-active]{color:rgb(var(--color-black)/1)}
.m-mobile-site-nav-layer .nav-sub-group{overflow:hidden;height:0}
.m-mobile-site-nav-layer .nav-sub-group .nav-sub-group--inner{padding:16px 20px}
.m-mobile-site-nav-layer .nav-sub-group .btn{margin-bottom:4px;padding:13px 20px 13px 30px}
.m-mobile-site-nav-layer .nav-sub-group .btn:last-child{margin-bottom:0}
.m-mobile-site-nav-layer .nav-sub-group .btn[data-active]{color:rgb(var(--color-black)/1)}
.m-mobile-site-nav-layer .nav-sub-group .btn2{margin-bottom:4px;padding:13px 20px 13px 60px}
.m-mobile-site-nav-layer .nav-sub-group .btn2:last-child{margin-bottom:0}
.m-mobile-site-nav-layer .nav-sub-group .btn2[data-active]{color:rgb(var(--color-black)/1)}
.m-mobile-site-nav-layer .nav-sub-group .ic{font-size:24px;display:inline-block;margin-right:7px;transition:.26s ease;color:rgb(var(--color-black)/1)}
html.nav-fold-open .m-mobile-site-nav{background-color:#fff}
html.nav-fold-open .m-mobile-site-nav .btn--open-fold-nav .line:first-child{top:0;transform:rotate(45deg)}
html.nav-fold-open .m-mobile-site-nav .btn--open-fold-nav .line:last-child{bottom:0;width:100%;transform:rotate(-45deg)}
html.nav-fold-open .m-mobile-site-nav-layer{visibility:visible;opacity:1}
.g-body[data-has-scroll="1"] .m-site-nav{--size-nav-height:var(--size-nav-mini-height);background-color:#fff;box-shadow:0 1px 3px 0 rgba(16, 24, 40, .05), 0 1px 2px 0 rgba(16, 24, 40, .03)}
.g-body[data-has-scroll="1"] .m-mobile-site-nav{background-color:#fff}
@media(max-width:1679.98px){.m-site-nav .nav-sub-btn-group .btn{font-size:16px;padding:15px 40px}}
@media(max-width:1559.98px){.m-site-nav .nav-sub-item .nav-thumb{width:80%}
    .m-site-nav .nav-sub-item{font-size:14px;padding-bottom:27px}}
@media(max-width:1439.98px){.m-site-nav .c-logo{width:calc(var(--size-nav-height)*1.883)}
    .m-site-nav .m-container--inner{grid-template-columns:160px 1fr 160px}
    .m-site-nav .nav-item--inner{font-size:.775rem}
    .m-site-nav .oper-item[data-name=search] .ic{font-size:calc(var(--size-nav-height)*.28)}
    .m-site-nav .nav-sub-btn-group .btn{font-size:14px;padding:12px 20px}}
@media(max-width:991.98px){.m-site-nav{display:none}
    .m-mobile-site-nav,    .m-mobile-site-nav-layer{display:block}}
.m-contact{--size-container-width:var(--size-container-width--regular);position:relative;background-color:rgb(var(--color-black)/1);-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}
.m-contact .m-inner{position:fixed;bottom:0;left:0;width:100%;padding-top:60px}
.m-contact .m-head{margin-bottom:100px}
.m-contact .m-head .c-logo{--u-width:370;--u-height:140;position:relative;overflow:hidden;width:185px}
.m-contact .m-head .c-logo>img{position:absolute;width:100%;height:100%}
@supports(object-fit:cover){.m-contact .m-head .c-logo>img{top:0;left:0;object-fit:contain;object-position:center}}
@supports not (object-fit:cover){.m-contact .m-head .c-logo>img{top:50%;left:50%;transform:translate3d(-50%, 50%)}}
.m-contact .m-head .c-logo:after{display:block;width:100%;padding-top:calc(var(--u-height)/var(--u-width)*100%);content:""}
.m-contact .m-body{margin-bottom:100px;color:#fff}
.m-contact .m-body .site-info-group{font-size:14px;font-weight:500;line-height:1.5714285714em;gap:16px 100px}
.m-contact .m-body .site-info-group .name{font-weight:500;margin-right:7px;color:#737373}
.m-contact .m-body .site-info-group .value{font-weight:700}
.m-contact .m-body .social-group{gap:14px}
.m-contact .m-body .social-item{width:48px;height:48px;border-radius:50%;font-size:20px;display:flex;transition:.36s ease;border:1px solid hsla(0, 0%, 100%, .15);align-items:center;justify-content:center}
.m-contact .m-body .social-item:hover{color:#000;background-color:#fff}
.m-contact .m-footer{font-size:12px;font-weight:500;line-height:1.5em;padding:20px 0;color:#737373;border-top:1px solid rgb(var(--color-cool-gray-800)/1)}
.m-contact .m-footer .author{margin-left:30px}
.m-contact .m-footer .ic{font-size:16px}
@media(max-width:1559.98px){.m-contact .m-head{margin-bottom:80px}}
@media(max-width:1439.98px){.m-contact .m-body .site-info-group{font-size:13px;gap:16px 40px}
    .m-contact .m-body .site-info-group .name{white-space:nowrap}
    .m-contact .m-head{margin-bottom:50px}
    .m-contact .m-body{margin-bottom:80px}
    .m-contact .m-head .c-logo{width:165px}
    .m-contact .m-footer{padding:18px 0}}
@media(max-width:991.98px){.m-contact{height:auto !important}
    .m-contact .m-inner{position:static}
    .m-contact .m-body{display:block;margin-bottom:50px}
    .m-contact .state--pos-right{margin-top:40px}
    .m-contact .m-body .social-group{display:inline-grid;gap:12px}
    .m-contact .m-body .site-info-group{display:block}
    .m-contact .m-body .site-info-group .info-row{display:block;margin-bottom:16px}
    .m-contact .m-body .site-info-group .info-row:last-child{margin-bottom:0}
    .m-contact .m-body .site-info-group .name{font-size:14px;font-weight:500;line-height:1.7142857143em;color:rgb(var(--color-cool-gray-500)/1)}
    .m-contact .m-body .site-info-group .value{font-size:14px;font-weight:400;line-height:1.4285714286em;color:rgb(var(--color-cool-gray-100)/1)}
    .m-contact .m-footer{display:block;padding:20px 0}
    .m-contact .m-footer .author{margin:0;margin-top:6px}
    .m-contact .m-head .c-logo{width:174px}
    .m-contact .m-body .social-item{width:40px;height:40px;border-radius:50%;font-size:18px}}
@font-face{font-family:swiper-icons;src: url(../fonts/somg.woff) format("woff");font-weight:400;font-style:normal}
:root{--swiper-theme-color:#007aff}
:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}
.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}
.swiper-vertical>.swiper-wrapper{flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}
.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}
.swiper-horizontal{touch-action:pan-y}
.swiper-vertical{touch-action:pan-x}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}
.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform, height}
.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}
.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}
.swiper-3d .swiper-wrapper{transform-style:preserve-3d}
.swiper-3d{perspective:1200px}
.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}
.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}
.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}
.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}
.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}
.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, .15)}
.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)}
.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)}
.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)}
.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)}
.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}
.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}
.swiper-lazy-preloader-black{--swiper-preloader-color:#000}
@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}
    to{transform:rotate(1turn)}}
.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}
.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}
.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}
.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.g-body[data-page-name=index]{background-color:rgb(var(--color-cool-gray-50)/1)}
.g-body[data-page-name=index] .u-module{overflow:hidden;margin:0 auto}
.g-body[data-page-name=index] .m-page-banner{position:relative;-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}
.g-body[data-page-name=index] .m-page-banner .u-progress-bar{bottom:36px}
.g-body[data-page-name=index] .m-page-banner .l-info{position:absolute;z-index:20;top:0;left:0;width:100%;height:100%;pointer-events:none}
.g-body[data-page-name=index] .m-page-banner .info-area{padding-bottom:40px}
.g-body[data-page-name=index] .m-page-banner .m-tag{margin-bottom:52px}
.g-body[data-page-name=index] .m-page-banner .m-tag .text{font-size:16px;font-weight:500;line-height:1.75em;color:#3f3f46}
.g-body[data-page-name=index] .m-page-banner .m-title{font-size:72px;font-weight:500;line-height:1.0555555556em;margin-bottom:80px;letter-spacing:-.03em;color:#000}
.g-body[data-page-name=index] .m-page-banner .m-body{padding:0 80px}
.g-body[data-page-name=index] .m-page-banner .m-btn-group{gap:16px}
.g-body[data-page-name=index] .m-page-banner .m-btn{font-size:18px;font-weight:500;line-height:1.4444444444em;padding:10px 40px;border-radius:100px}
.g-body[data-page-name=index] .m-page-banner .m-btn:first-child{color:rgba(var(--color-vi)/1);background-color:#000}
.g-body[data-page-name=index] .m-page-banner .m-btn:nth-child(2){color:#000;background-color:rgba(var(--color-vi)/1)}
.g-body[data-page-name=index] .m-page-banner .swiper .l-info{pointer-events:all}
.g-body[data-page-name=index] .m-page-banner .swiper .slide-inner{height:100vh}
.g-body[data-page-name=index] .m-page-banner .swiper .slide-inner img{width:100%;height:100%;object-fit:cover;object-position:center center}
.g-body[data-page-name=index] .m-page-banner .swiper-ctrl{pointer-events:all}
.g-body[data-page-name=index] .m-page-banner .swiper-ctrl [class^=btn--]{width:48px;height:48px;border-radius:50%;font-size:24px;cursor:pointer;transition:.36s ease;background-color:#fff}
.g-body[data-page-name=index] .m-page-banner .swiper-ctrl [class^=btn--]:hover{background-color:rgba(var(--color-vi)/1)}
.g-body[data-page-name=index] .m-accessories,.g-body[data-page-name=index] .m-recommend{padding:var(--u-module-pt) 0 var(--u-module-pb)}
.g-body[data-page-name=index] .m-accessories .swiper,.g-body[data-page-name=index] .m-recommend .swiper{--swiper-progress:0.5;overflow:visible;cursor:grab}
.g-body[data-page-name=index] .m-accessories .swiper a,.g-body[data-page-name=index] .m-recommend .swiper a{cursor:inherit}
.g-body[data-page-name=index] .m-accessories .swiper[data-touch],.g-body[data-page-name=index] .m-recommend .swiper[data-touch]{cursor:grabbing}
.g-body[data-page-name=index] .m-accessories .swiper[data-touch] .swiper-wrapper,.g-body[data-page-name=index] .m-recommend .swiper[data-touch] .swiper-wrapper{transition:transform .3s cubic-bezier(.2, .6, .3, 1) !important}
.g-body[data-page-name=index] .m-accessories .swiper .swiper-wrapper,.g-body[data-page-name=index] .m-recommend .swiper .swiper-wrapper{transition:transform .6s cubic-bezier(.2, .6, .3, 1) !important}
.g-body[data-page-name=index] .m-accessories .swiper .swiper-slide,.g-body[data-page-name=index] .m-recommend .swiper .swiper-slide{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-right:30px}
.g-body[data-page-name=index] .m-accessories .swiper .swiper-slide:hover,.g-body[data-page-name=index] .m-recommend .swiper .swiper-slide:hover{z-index:20}
.g-body[data-page-name=index] .m-accessories .swiper .c-progress-bar,.g-body[data-page-name=index] .m-recommend .swiper .c-progress-bar{width:260px;height:5px;margin:0 auto;margin-top:58px;border-radius:100px;background:rgb(var(--color-cool-gray-200)/1)}
.g-body[data-page-name=index] .m-accessories .swiper .c-progress-bar--inner,.g-body[data-page-name=index] .m-recommend .swiper .c-progress-bar--inner{width:calc(var(--swiper-progress)*100%);height:100%;border-radius:100px;background-color:rgb(var(--color-black)/1)}
.g-body[data-page-name=index] .m-accessories .swiper .u-product-card,.g-body[data-page-name=index] .m-recommend .swiper .u-product-card{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}
.g-body[data-page-name=index] .m-accessories .swiper .u-product-card .card-thumb,.g-body[data-page-name=index] .m-recommend .swiper .u-product-card .card-thumb{width:480px}
.g-body[data-page-name=index] .m-product{display:flex;min-height:calc(100vh - var(--size-nav-mini-height));align-items:center}
.g-body[data-page-name=index] .m-product .m-container{flex:0 0 auto;width:100%;min-width:0}
.g-body[data-page-name=index] .m-product .product-card{position:relative;overflow:hidden;margin-right:30px}
.g-body[data-page-name=index] .m-product .product-card:last-child{margin-right:0}
.g-body[data-page-name=index] .m-product .product-card .layer--info{position:absolute;top:0;right:0;bottom:0;left:0;padding:0 13.136095%}
.g-body[data-page-name=index] .m-product .product-card .card-info{max-width:352px}
.g-body[data-page-name=index] .m-product .product-card .card-tag{margin-bottom:40px}
.g-body[data-page-name=index] .m-product .product-card .card-tag .logo{width:106px}
.g-body[data-page-name=index] .m-product .product-card .card-tag .text{font-size:12px;font-weight:400;line-height:1.5em;color:rgb(var(--color-cool-gray-600)/1)}
.g-body[data-page-name=index] .m-product .product-card .card-thumb{--height:min(calc(100vh - var(--size-nav-mini-height)), 1000px);position:relative;width:calc(var(--height)*1.87778);height:var(--height)}
.g-body[data-page-name=index] .m-product .product-card .card-thumb img{width:120%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.g-body[data-page-name=index] .m-product .product-card .card-title{font-size:72px;font-weight:500;line-height:1.0555555556em;margin-bottom:50px;letter-spacing:-.03em}
.g-body[data-page-name=index] .m-product .product-card .count-group{font-family:"Microsoft YaHei", 微软雅黑;font-size:18px;font-weight:700;line-height:1.5555555556em}
.g-body[data-page-name=index] .m-product .product-card .count-group .divide-line{display:inline-block;width:2px;height:.9em;margin:0 .2em;transform:rotate(20deg);background-color:currentColor}
.g-body[data-page-name=index] .m-product .card-group,.g-body[data-page-name=index] .m-product .card-group img{will-change:transform}
.g-body[data-page-name=index] .m-score{padding-top:var(--u-module-pt)}
.g-body[data-page-name=index] .m-score .intro-group{margin-bottom:120px}
.g-body[data-page-name=index] .m-score .intro-card{width:328px}
.g-body[data-page-name=index] .m-score .intro-card .card-ic .logo{width:106px;margin-bottom:2px}
.g-body[data-page-name=index] .m-score .intro-card .card-ic .text{font-size:20px;font-weight:400;line-height:1.5em;color:rgb(var(--color-cool-gray-900)/1)}
.g-body[data-page-name=index] .m-score .intro-card .card-title{font-size:28px;font-weight:400;line-height:1.2142857143em;color:rgb(var(--color-cool-gray-900)/1)}
.g-body[data-page-name=index] .m-score .intro-card .counter-group{font-family:"Microsoft YaHei", 微软雅黑;font-size:72px;font-weight:700;line-height:1.25em;margin-top:40px;margin-bottom:8px;letter-spacing:-.04em;color:#ed7020;}
.g-body[data-page-name=index] .m-score .m-footer{max-width:3840px;margin:0 auto}
.g-body[data-page-name=index] .m-score .marquee-item .item-thumb{--u-width:580;--u-height:846;position:relative;overflow:hidden;width:290px}
.g-body[data-page-name=index] .m-score .marquee-item .item-thumb>img{position:absolute;width:100%;height:100%}
@supports(object-fit:cover){.g-body[data-page-name=index] .m-score .marquee-item .item-thumb>img{top:0;left:0;object-fit:cover;object-position:center}}
@supports not (object-fit:cover){.g-body[data-page-name=index] .m-score .marquee-item .item-thumb>img{top:50%;left:50%;transform:translate3d(-50%, 50%)}}
.g-body[data-page-name=index] .m-score .marquee-item .item-thumb:after{display:block;width:100%;padding-top:calc(var(--u-height)/var(--u-width)*100%);content:""}
.g-body[data-page-name=index] .m-brand .m-container--inner{min-height:100vh}
.g-body[data-page-name=index] .m-brand .logo{width:190px;margin-bottom:100px}
.g-body[data-page-name=index] .m-brand .m-title{font-size:72px;font-weight:500;line-height:1.0555555556em;max-width:6.9444444444em;letter-spacing:-.03em}
.g-body[data-page-name=index] .m-brand .m-desc{font-size:18px;font-weight:500;line-height:1.4444444444em;color:rgb(var(--color-cool-gray-600)/1)}
.g-body[data-page-name=index] .m-brand .state-pos--right{max-width:824px;padding-right:80px}
.g-body[data-page-name=index] .m-brand .counter-group{margin:46px 0;padding:30px 50px;border:1px solid rgb(var(--color-cool-gray-200)/1);gap:131px}
.g-body[data-page-name=index] .m-brand .counter-group .value{font-family:"Microsoft YaHei", 微软雅黑;font-size:48px;font-weight:700;line-height:1.25em;letter-spacing:-.02em}
.g-body[data-page-name=index] .m-brand .counter-item{position:relative}
.g-body[data-page-name=index] .m-brand .counter-item:last-child:after{display:none}
.g-body[data-page-name=index] .m-brand .counter-item:after{position:absolute;top:0;right:-65px;bottom:0;width:1px;content:"";transform:rotate(25deg);background-color:#e4e4e7}
.g-body[data-page-name=index] .m-competition{position:relative;color:#fff}
.g-body[data-page-name=index] .m-competition .m-container--inner{height:880px;max-height:calc(100vh - var(--size-nav-mini-height) - 40px);padding-bottom:193px}
.g-body[data-page-name=index] .m-competition .m-decoration .logo{width:106px;margin-bottom:4px}
.g-body[data-page-name=index] .m-competition .m-title{font-size:72px;font-weight:500;line-height:1.0555555556em;margin-top:40px;margin-bottom:60px;letter-spacing:-.03em}
.g-body[data-page-name=index] .m-competition .layer-bg{position:absolute;top:0;right:0;left:0;width:95.833333vw;max-width:1840px;height:100%;margin:0 auto;background-repeat:no-repeat;background-attachment:fixed;background-position:50%;background-size:cover}
.g-body[data-page-name=index] .m-competition .layer-bg:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background-color:rgba(0, 0, 0, .3)}
.g-body[data-page-name=index] .m-news{padding:var(--u-module-pt) 0 var(--u-module-pb)}
.g-body[data-page-name=index] .m-news .news-list{flex:0 0 auto;min-width:0;gap:32px}
.g-body[data-page-name=index] .m-exchange{position:relative;padding-top:236px;padding-bottom:203px}
.g-body[data-page-name=index] .m-exchange .layer-bg{position:absolute;top:0;right:0;bottom:0;left:0}
.g-body[data-page-name=index] .m-exchange .m-body{margin-bottom:80px}
.g-body[data-page-name=index] .m-exchange .m-title{font-size:60px;font-weight:500;line-height:1.1em;max-width:8em;margin-top:40px}
.g-body[data-page-name=index] .m-exchange .info-title{font-size:18px;font-weight:400;line-height:1.4444444444em}
.g-body[data-page-name=index] .m-exchange .info-num{font-family:"Microsoft YaHei", 微软雅黑;font-size:48px;font-weight:700;line-height:1.25em;letter-spacing:-.02em}
.g-body[data-page-name=index] .m-exchange .divide-line{width:1px;margin:0 80px;background-color:rgba(0, 0, 0, .2)}
.g-body[data-page-name=index] .m-exchange .wx-code{font-size:14px;font-weight:500;line-height:1.5714285714em}
.g-body[data-page-name=index] .m-exchange .wx-code .code-img{--u-width:100;--u-height:100;position:relative;overflow:hidden;width:100px;margin-bottom:12px}
.g-body[data-page-name=index] .m-exchange .wx-code .code-img>img{position:absolute;width:100%;height:100%}
@supports(object-fit:cover){.g-body[data-page-name=index] .m-exchange .wx-code .code-img>img{top:0;left:0;object-fit:cover;object-position:center}}
@supports not (object-fit:cover){.g-body[data-page-name=index] .m-exchange .wx-code .code-img>img{top:50%;left:50%;transform:translate3d(-50%, 50%)}}
.g-body[data-page-name=index] .m-exchange .wx-code .code-img:after{display:block;width:100%;padding-top:calc(var(--u-height)/var(--u-width)*100%);content:""}
.g-body[data-page-name=index] .m-exchange .map-box{--u-width:1916;--u-height:1496;position:relative;overflow:hidden;width:63.026316%}
.g-body[data-page-name=index] .m-exchange .map-box>img{position:absolute;width:100%;height:100%}
@supports(object-fit:cover){.g-body[data-page-name=index] .m-exchange .map-box>img{top:0;left:0;object-fit:cover;object-position:center}}
@supports not (object-fit:cover){.g-body[data-page-name=index] .m-exchange .map-box>img{top:50%;left:50%;transform:translate3d(-50%, 50%)}}
.g-body[data-page-name=index] .m-exchange .map-box:after{display:block;width:100%;padding-top:calc(var(--u-height)/var(--u-width)*100%);content:""}
@media(max-width:1679.98px){.g-body[data-page-name=index] .m-page-banner .m-title{font-size:68px}
    .g-body[data-page-name=index] .m-accessories .swiper .u-product-card .card-thumb,    .g-body[data-page-name=index] .m-recommend .swiper .u-product-card .card-thumb{width:400px}
    .g-body[data-page-name=index] .m-product .product-card .card-title{font-size:68px}
    .g-body[data-page-name=index] .m-product .product-card .card-info{max-width:332px}
    .g-body[data-page-name=index] .m-brand .m-title,    .g-body[data-page-name=index] .m-competition .m-title{font-size:68px}
    .g-body[data-page-name=index] .m-exchange .m-title{font-size:58px}}
@media(max-width:1559.98px){.g-body[data-page-name=index] .m-page-banner .m-body{padding:0 40px}
    .g-body[data-page-name=index] .m-page-banner .m-title{font-size:58px;margin-bottom:70px}
    .g-body[data-page-name=index] .m-page-banner .m-btn{font-size:16px;padding:10px 33px}
    .g-body[data-page-name=index] .m-accessories .swiper .u-product-card .card-thumb,    .g-body[data-page-name=index] .m-recommend .swiper .u-product-card .card-thumb{width:360px}
    .g-body[data-page-name=index] .m-product .product-card .card-title{font-size:56px}
    .g-body[data-page-name=index] .m-product .product-card .card-info{max-width:273px}
    .g-body[data-page-name=index] .m-product .product-card .layer--info{padding:0 9.136095%}
    .g-body[data-page-name=index] .m-score .intro-card .counter-group{font-size:62px}
    .g-body[data-page-name=index] .m-score .intro-card .card-title{font-size:26px}
    .g-body[data-page-name=index] .m-score .marquee-item .item-thumb{width:270px}
    .g-body[data-page-name=index] .m-brand .logo{width:170px}
    .g-body[data-page-name=index] .m-brand .m-title{font-size:56px}
    .g-body[data-page-name=index] .m-brand .state-pos--right{max-width:724px;padding-right:0}
    .g-body[data-page-name=index] .m-brand .counter-group{padding:30px 40px}
    .g-body[data-page-name=index] .m-competition .m-title{font-size:58px;margin-top:36px;margin-bottom:50px}
    .g-body[data-page-name=index] .m-exchange .m-title{font-size:52px}
    .g-body[data-page-name=index] .m-exchange .info-num{font-size:46px}
    .g-body[data-page-name=index] .m-exchange .divide-line{margin:0 65px}
    .g-body[data-page-name=index] .m-page-banner .m-tag{margin-bottom:42px;transform:scale(.8);transform-origin:left bottom}
    .g-body[data-page-name=index] .m-score .intro-card .card-ic .text{font-size:18px}}
@media(max-width:1439.98px){.g-body[data-page-name=index] .m-page-banner .m-title{font-size:52px;margin-bottom:62px}
    .g-body[data-page-name=index] .m-page-banner .m-tag{margin-bottom:38px;transform:scale(.7)}
    .g-body[data-page-name=index] .m-product .product-card .card-thumb{--height:min(calc(100vh - var(--size-nav-mini-height)), 600px)}
    .g-body[data-page-name=index] .m-score .intro-card .counter-group{font-size:52px;margin-top:30px}
    .g-body[data-page-name=index] .m-score .intro-card .card-title{font-size:22px}
    .g-body[data-page-name=index] .m-score .marquee-item .item-thumb{width:220px}
    .g-body[data-page-name=index] .m-brand .m-title{font-size:50px}
    .g-body[data-page-name=index] .m-brand .logo{width:150px;margin-bottom:70px}
    .g-body[data-page-name=index] .m-brand .state-pos--right{max-width:664px}
    .g-body[data-page-name=index] .m-brand .counter-group{padding:30px}
    .g-body[data-page-name=index] .m-brand .counter-group .value{font-size:42px}
    .g-body[data-page-name=index] .m-competition .m-container--inner{padding:0 30px;padding-bottom:14vh}
    .g-body[data-page-name=index] .m-competition .m-title{font-size:55px}
    .g-body[data-page-name=index] .m-exchange{padding-top:148.8px}
    .g-body[data-page-name=index] .m-exchange .m-title{font-size:46px}
    .g-body[data-page-name=index] .m-exchange .info-num{font-size:42px}
    .g-body[data-page-name=index] .m-exchange .m-body{margin-bottom:60px}
    .g-body[data-page-name=index] .m-exchange .map-box{top:-30px}
    .g-body[data-page-name=index] .m-exchange .divide-line{margin:0 55px}
    .g-body[data-page-name=index] .m-score .intro-card .card-ic .text{font-size:16px}}
@media(max-width:991.98px){
    .g-body[data-page-name=index] .m-news .news-list{gap:60px;grid-template-columns:1fr}
    .g-body[data-page-name=index] .m-exchange .m-body,    .g-body[data-page-name=index] .m-exchange .m-footer{display:block}
    .g-body[data-page-name=index] .m-exchange .layer-bg{position:-webkit-sticky;position:sticky}
    .g-body[data-page-name=index] .m-exchange .map-box{width:100%}
    .g-body[data-page-name=index] .m-exchange .m-title{font-size:32px;font-weight:400;line-height:1.25em;margin-top:30px}
    .g-body[data-page-name=index] .m-exchange .info-num{font-size:36px;font-weight:700;line-height:1.2222222222em}
    .g-body[data-page-name=index] .m-exchange{padding:40px 0}
    .g-body[data-page-name=index] .m-exchange .divide-line{margin:0 auto}
    .g-body[data-page-name=index] .m-exchange .info-title{font-size:12px;line-height:1.5em}
    .g-body[data-page-name=index] .m-exchange .state-pos--left .info-item{padding:13px 0}
    .g-body[data-page-name=index] .m-exchange .state-pos--right{display:flex;margin-top:40px}
    .g-body[data-page-name=index] .m-exchange .state-pos--right .text{font-size:14px;line-height:1.7142857143em}
    .g-body[data-page-name=index] .m-competition .m-container--inner{padding:0;padding-bottom:calc(var(--safe-area-inset-bottom) + 100px)}
    .g-body[data-page-name=index] .m-competition .m-title{font-size:46px}
    .g-body[data-page-name=index] .m-brand .m-container--inner .m-body{display:block}
    .g-body[data-page-name=index] .m-brand .counter-group{margin:46px 0;padding:0;border-width:0;gap:0}
    .g-body[data-page-name=index] .m-brand .counter-group .title{font-size:12px;line-height:1.5em}
    .g-body[data-page-name=index] .m-brand .counter-group .value{font-size:24px;line-height:1.3333333333em}
    .g-body[data-page-name=index] .m-brand .m-title{font-size:32px;font-weight:400;line-height:1.25em;margin-bottom:70px}
    .g-body[data-page-name=index] .m-brand .logo{margin-bottom:43px}
    .g-body[data-page-name=index] .m-brand .m-desc{font-size:14px;font-weight:400;line-height:1.7142857143em}
    .g-body[data-page-name=index] .m-competition .layer-bg{background-attachment:scroll}
    .g-body[data-page-name=index] .m-score{background-color:rgb(var(--color-cool-gray-50)/1)}
    .g-body[data-page-name=index] .m-score .marquee-item .item-thumb{width:27.733333vw}
    .g-body[data-page-name=index] .m-score .intro-group{display:grid;margin-bottom:60px;gap:40px;grid-template-columns:repeat(2, 1fr)}
    .g-body[data-page-name=index] .m-score .intro-card .counter-group{font-size:42px;font-weight:400;line-height:1.1428571429em;margin:0;margin-top:20px;letter-spacing:-.03em}
    .g-body[data-page-name=index] .m-score .intro-card .card-title{font-size:14px;font-weight:400;line-height:1.4285714286em}
    .g-body[data-page-name=index] .m-score .intro-card{width:auto;min-width:0}
    .g-body[data-page-name=index] .m-score .intro-card:first-child{grid-area:1/1/2/span 2}
    .g-body[data-page-name=index] .m-accessories,    .g-body[data-page-name=index] .m-recommend{padding-top:76px;padding-bottom:0;background-color:rgb(var(--color-cool-gray-50)/1)}
    .g-body[data-page-name=index] .m-recommend{padding-bottom:70px}
    .g-body[data-page-name=index] .m-accessories .swiper-wrapper,    .g-body[data-page-name=index] .m-recommend .swiper-wrapper{display:grid;gap:20px}
    .g-body[data-page-name=index] .m-accessories .swiper .u-product-card,    .g-body[data-page-name=index] .m-recommend .swiper .u-product-card{width:auto}
    .g-body[data-page-name=index] .m-accessories .swiper .u-product-card .card-thumb,    .g-body[data-page-name=index] .m-recommend .swiper .u-product-card .card-thumb{width:100%}
    .g-body[data-page-name=index] .m-accessories .swiper .swiper-slide,    .g-body[data-page-name=index] .m-recommend .swiper .swiper-slide{width:100%;min-width:0;margin:0}
    .g-body[data-page-name=index] .m-accessories .swiper .c-progress-bar,    .g-body[data-page-name=index] .m-page-banner .swiper-ctrl,    .g-body[data-page-name=index] .m-recommend .swiper .c-progress-bar{display:none}
    .g-body[data-page-name=index] .m-page-banner .m-body{padding:0}
    .g-body[data-page-name=index] .m-page-banner .m-title{font-size:28px;font-weight:400;line-height:1.25em;margin-bottom:50px}
    .g-body[data-page-name=index] .m-page-banner .m-btn{font-size:14px;padding:10px 28px}
    .g-body[data-page-name=index] .m-page-banner .m-tag{transform:scale(1)}
    .g-body[data-page-name=index] .m-page-banner .m-tag .u-text-logo-2{width:154px}
    .g-body[data-page-name=index] .m-page-banner .m-tag .text{font-size:13px}
    .g-body[data-page-name=index] .m-product{min-height:auto}
    .g-body[data-page-name=index] .m-product .product-card{width:100%}
    .g-body[data-page-name=index] .m-product .product-card .card-thumb{--u-width:375;--u-height:364;position:relative;overflow:hidden;width:100%;height:auto}
    .g-body[data-page-name=index] .m-product .product-card .card-thumb>img{position:absolute;width:100%;height:100%}
    @supports(object-fit:cover){.g-body[data-page-name=index] .m-product .product-card .card-thumb>img{top:0;left:0;object-fit:cover;object-position:center
        }}
    @supports not (object-fit:cover){.g-body[data-page-name=index] .m-product .product-card .card-thumb>img{top:50%;left:50%;transform:translate3d(-50%, 50%)
        }}
    .g-body[data-page-name=index] .m-product .product-card .card-thumb:after{display:block;width:100%;padding-top:calc(var(--u-height)/var(--u-width)*100%);content:""}
    .g-body[data-page-name=index] .m-product .card-group{overflow:auto}
    .g-body[data-page-name=index] .m-product .product-card .layer--info{padding:0 calc(4vw + 20px)}
    .g-body[data-page-name=index] .m-product .product-card .card-title{font-size:28px;font-weight:400;line-height:1.2142857143em;max-width:140px;margin-bottom:30px}
    .g-body[data-page-name=index] .m-product .product-card .card-tag{margin-bottom:28px}
    .g-body[data-page-name=index] .m-brand .counter-item:after{right:37px}
    .g-body[data-page-name=index] .m-score .intro-card .card-ic .text{font-size:14px}}
.g-body[data-page-name=product]{position:relative;padding-top:0;background-color:rgb(var(--color-cool-gray-50)/1)}
.g-body[data-page-name=product] .m-product-banner{-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}
.g-body[data-page-name=product] .m-product{padding-top:60px;padding-bottom:100px;background-color:#fff}
.g-body[data-page-name=product] .m-product .u-wrapper--limit-width{/*width:100%*/}
.g-body[data-page-name=product] .m-product .m-body{padding-bottom:58px}
.g-body[data-page-name=product] .m-product .m-body .card-group{gap:28px 30px}
.g-body[data-page-name=product] .m-product .m-footer{padding:20px 0;border-top:1px solid rgb(var(--color-cool-gray-200)/1)}
.g-body[data-page-name=product] .m-product .m-head{width:263px;margin-right:97px}
.g-body[data-page-name=product] .m-product .m-title{font-size:32px;line-height:1.25em;margin-bottom:40px}
.g-body[data-page-name=product] .m-product .m-list-wrapper{flex:1 1 auto}
.g-body[data-page-name=product] .m-product .m-site-map{font-size:14px;line-height:1.7142857143em;margin-bottom:60px;gap:12px;align-items: center; display: flex;}

.g-body[data-page-name=product] .m-product .m-site-map i.svgsite{
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.0229 4.77265C4.2865 4.50905 4.71389 4.50905 4.97749 4.77265L8.72749 8.52265C8.9911 8.78626 8.9911 9.21364 8.72749 9.47725L4.97749 13.2272C4.71389 13.4909 4.2865 13.4909 4.0229 13.2272C3.75929 12.9636 3.75929 12.5363 4.0229 12.2727L7.2956 8.99995L4.0229 5.72725C3.75929 5.46364 3.75929 5.03626 4.0229 4.77265ZM9.2729 4.77265C9.5365 4.50905 9.96389 4.50905 10.2275 4.77265L13.9775 8.52265C14.2411 8.78626 14.2411 9.21364 13.9775 9.47725L10.2275 13.2272C9.96389 13.4909 9.5365 13.4909 9.2729 13.2272C9.00929 12.9636 9.00929 12.5363 9.2729 12.2727L12.5456 8.99995L9.2729 5.72725C9.00929 5.46364 9.00929 5.03626 9.2729 4.77265Z" fill="black"/> </svg>');
      width: 18px;height: 18px;
}

.g-body[data-page-name=product] .m-product .category-group{gap:24px}
.g-body[data-page-name=product] .m-product .category-item{font-size:16px;line-height:1.75em;color:#51525c}
.g-body[data-page-name=product] .m-product .category-item[data-active]{font-weight: bold;color: #0056a4;line-height: 2.5em;}
.g-body[data-page-name=product] .m-product .category-group .claslist:hover .category-item{font-weight: bold;color: #0056a4;}
.g-body[data-page-name=product] .m-product .category-item .ic{font-size:20px}

/*产品二级分类*/
.g-body[data-page-name=product] .m-product .category-group .claslist{position: relative;list-style: none;}
.g-body[data-page-name=product] .m-product .category-group .claslist:hover .subnav{opacity: 1; visibility: visible;}
.g-body[data-page-name=product] .m-product .category-group .claslist .subnav{/*position: absolute;*/ left: 80%; transition: all 0.36s ease; opacity: 1; /*visibility: hidden;*/ width: auto; height: auto; /*max-height: 300px;*/ /*display: flex;*/ flex-wrap: wrap; flex-direction: column; border-left: 2px solid #0054a3; z-index: 99; }
.g-body[data-page-name=product] .m-product .category-group .claslist .subnav li{cursor: pointer; flex: 10 0 calc(300px / 6); width: 160px; border: 1px solid rgba(170, 170, 170, 0.2); padding: 4px 0; display: flex; align-items: center; /*box-shadow: 4px 3px 9px 0px rgba(0, 0, 0, 0.05)*/; background: white; }
.g-body[data-page-name=product] .m-product .category-group .claslist .subnav li[data-active]{background-color: #0054a3;}
.g-body[data-page-name=product] .m-product .category-group .claslist .subnav li[data-active] a{color: #fff;}
.g-body[data-page-name=product] .m-product .category-group .claslist .subnav li a{width: calc(100% - 12px); margin: 0 auto; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; display: block; font-size: 16px; color: #51525c; }
.g-body[data-page-name=product] .m-product .category-group .claslist .subnav li:hover{background-color: #0054a3; }
.g-body[data-page-name=product] .m-product .category-group .claslist .subnav li:hover a{color: #fff; }

.g-body[data-page-name=product] .m-product .condition-group{gap:24px}
.g-body[data-page-name=product] .m-product .condition-group .condition-item.active .options{display:grid !important}
.g-body[data-page-name=product] .m-product .condition-group .condition-item.active .ic{transform:rotate(90deg)}
.g-body[data-page-name=product] .m-product .condition-group .condition-title{font-size:16px;line-height:1.75em}
.g-body[data-page-name=product] .m-product .condition-group .condition-title .ic{font-size:20px;transition:.26s ease}
.g-body[data-page-name=product] .m-product .condition-group .options{padding:24px 0 4px;gap:12px}
.g-body[data-page-name=product] .m-product .condition-group .option-item{font-size:14px;font-weight:500;line-height:1.7142857143em;cursor:pointer}
.g-body[data-page-name=product] .m-product .condition-group .option-item .ic{margin-left:auto}
.g-body[data-page-name=product] .m-product .condition-group .option-item input:checked~.text{color:#000}
.g-body[data-page-name=product] .m-product .condition-group .option-item input:checked~.c-checkbox .c-checkbox--inner{display:block}
.g-body[data-page-name=product] .m-product .condition-group .option-item input:checked~.counter{color:#fff;background:#000}
.g-body[data-page-name=product] .m-product .condition-group .option-item input{position:absolute !important;display:inline-block;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0;-webkit-clip-path:inset(0 0 99.9% 99.9%);clip-path:inset(0 0 99.9% 99.9%);-webkit-appearance:none;-moz-appearance:none;appearance:none}
.g-body[data-page-name=product] .m-product .condition-group .option-item input[type=radio]{margin:0}
.g-body[data-page-name=product] .m-product .condition-group .option-item .c-checkbox{height:16px;width:16px;display:flex;margin-right:12px;border:2px solid #e4e4e7;border-radius:100px;align-items:center;justify-content:center}
.g-body[data-page-name=product] .m-product .condition-group .option-item .c-checkbox--inner{height:6px;width:6px;display:none;border-radius:100px;background-color:#000}
.g-body[data-page-name=product] .m-product .condition-group .option-item .counter{font-size:12px;font-weight:500;line-height:1.5em;padding:1px 8px;color:#51525c;border-radius:100px}
@media(max-width:1679.98px){.g-body[data-page-name=product] .m-product .m-head{width:240px;margin-right:56px}}
@media(min-width:1560px)and (max-width:1679.98px){.g-body[data-page-name=product] .m-product .m-body .card-group{gap:24px 20px}
    .g-body[data-page-name=product] .m-product .u-product-card{padding:0 24px 60px}
    .g-body[data-page-name=product] .m-product .u-product-card .card-title{font-size:22px;font-weight:400;line-height:1.3333333333em}}
@media(max-width:1439.98px){.g-body[data-page-name=product] .m-product .m-body .card-group{gap:20px 20px;grid-template-columns:repeat(2, minmax(0, 1fr))}
    .g-body[data-page-name=product] .m-product .u-wrapper--limit-width{width:calc(var(--size-container-width) + var(--size-container-space)*2)}}
@media(max-width:991.98px){.g-body[data-page-name=product] .m-main-area{display:block}
    .g-body[data-page-name=product] .m-product .m-title{font-size:24px;margin-bottom:30px}
    .g-body[data-page-name=product] .m-product .m-site-map{display:none}
    .g-body[data-page-name=product] .m-product .m-head{width:100%}
    .g-body[data-page-name=product] .m-product{padding-top:30px}
    .g-body[data-page-name=product] .m-product .u-product-card{margin-bottom:20px}
    .g-body[data-page-name=product] .m-product .u-product-card:last-child{margin-bottom:0}
    .g-body[data-page-name=product] .m-product .filter-bar{font-size:16px;font-weight:400;line-height:1.75em;width:100%;margin-bottom:20px;padding:10px 20px;color:#fff;border-radius:6px;background-color:#000}
    .g-body[data-page-name=product] .m-product .filter-bar .ic{font-size:24px}
    .g-body[data-page-name=product] .m-product .m-body .card-group{display:block}
    .g-body[data-page-name=product] .m-product .layer--filter-setting{position:fixed;z-index:99999;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;background-color:#fff}
    .g-body[data-page-name=product] .m-product .layer--filter-setting .btn--close-layer{height:85px;width:85px}
    .g-body[data-page-name=product] .m-product .layer--filter-setting .btn--close-layer .ic{font-size:24px}
    .g-body[data-page-name=product] .m-product .layer--filter-setting .layer--body{overflow:auto;max-height:calc(100vh - 85px);padding:16px 30px}
    .g-body[data-page-name=product] .m-product .layer--filter-setting .category-group,.g-body[data-page-name=product] .m-product .layer--filter-setting .condition-group{gap:0}
    .g-body[data-page-name=product] .m-product .layer--filter-setting .category-item,.g-body[data-page-name=product] .m-product .layer--filter-setting .condition-item{padding:24px 0;border-bottom:1px solid #e4e4e7}
    .g-body[data-page-name=product] .m-product .layer--filter-setting .condition-group .options{gap:16px}
    .g-body[data-page-name=product] .m-product .layer--filter-setting .layer--footer{margin-top:auto;padding:16px 30px 40px}
    .g-body[data-page-name=product] .m-product .layer--filter-setting .layer--footer .btn--confirm{font-size:14px;font-weight:400;line-height:1.4285714286em;width:100%;padding:10px 20px;color:#fff;border-radius:6px;background-color:#000}
    .u-sticky-page-banner{padding-top:var(--size-mobile-nav-height)}}
.g-body[data-page-name=news]{--size-container-width:var(--size-container-width--medium)}
.g-body[data-page-name=news] .m-banner{position:relative;color:#fff;-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}
.g-body[data-page-name=news] .m-banner .m-bg{position:relative}
.g-body[data-page-name=news] .m-banner .m-bg:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;top:55.692308%;content:"";background:linear-gradient(180deg, transparent 1.83%, rgba(0, 0, 0, .8))}
.g-body[data-page-name=news] .m-banner .m-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;padding-bottom:60px;align-items:flex-end}
.g-body[data-page-name=news] .m-banner .m-container .m-title{font-size:42px;font-weight:400;line-height:1.1428571429em;letter-spacing:-.03em;-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}
.g-body[data-page-name=news] .m-banner .m-container .m-subtitle{font-size:18px;font-weight:500;line-height:1.4444444444em;margin-top:10px;color:rgb(var(--color-cool-gray-200)/1);-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}
.g-body[data-page-name=news] .m-banner .m-container .m-date{font-family:"Microsoft YaHei", 微软雅黑;font-size:24px;font-weight:700;line-height:1.3333333333em;margin-top:30px;-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);}
.g-body[data-page-name=news] .m-banner .m-container .ic{font-size:24px;line-height:2em;margin-left:20px;transform:translateY(.1em)}
.g-body[data-page-name=news] .m-news{padding-top:120px;padding-bottom:100px}
.g-body[data-page-name=news] .m-news .m-body{padding-bottom:58px}
.g-body[data-page-name=news] .m-news .m-body .card-group{gap:28px 30px}
.g-body[data-page-name=news] .m-news .m-footer{padding:20px 0;border-top:1px solid rgb(var(--color-cool-gray-200)/1)}
.g-body[data-page-name=news] .m-news .news-list{gap:40px 32px}
@media(max-width:1679.98px){.g-body[data-page-name=news] .m-banner .m-container .m-title{font-size:38px}
    .g-body[data-page-name=news] .m-banner .m-container .m-date{font-size:22px;margin-top:25px}}
@media(max-width:1559.98px){.g-body[data-page-name=news] .m-banner .m-container{padding-bottom:50px}
    .g-body[data-page-name=news] .m-banner .m-container .m-title{font-size:36px}
    .g-body[data-page-name=news] .m-banner .m-container .m-subtitle{font-size:16px}
    .g-body[data-page-name=news] .m-banner .m-container .m-date{font-size:20px}}
@media(max-width:1439.98px){.g-body[data-page-name=news] .m-news .news-list{gap:30px 22px}
    .g-body[data-page-name=news] .m-banner .m-container .m-title{font-size:28px}
    .g-body[data-page-name=news] .m-banner .m-container .m-subtitle{font-size:14px;margin-top:6px}
    .g-body[data-page-name=news] .m-banner .m-container .m-date{font-size:18px;margin-top:20px}
    .g-body[data-page-name=news] .m-banner .m-container{padding-bottom:40px}}
@media(max-width:991.98px){.g-body[data-page-name=news] .m-banner{padding-top:var(--size-mobile-nav-height);color:#000}
    .g-body[data-page-name=news] .m-banner .m-inner .m-bg{height:256px}
    .g-body[data-page-name=news] .m-banner .m-bg{overflow:hidden;height:100%}
    .g-body[data-page-name=news] .m-banner .m-bg>img{width:100%;height:100%;object-fit:cover;object-position:center}
    .g-body[data-page-name=news] .m-banner .m-container{position:-webkit-sticky;position:sticky;padding-top:20px;padding-bottom:30px;border-bottom:1px solid rgb(var(--color-cool-gray-100)/1)}
    .g-body[data-page-name=news] .m-banner .m-bg:after{display:none}
    .g-body[data-page-name=news] .m-banner .m-container .m-title{font-size:18px;font-weight:400;line-height:1.4444444444em}
    .g-body[data-page-name=news] .m-banner .m-container .m-title .ic{display:none}
    .g-body[data-page-name=news] .m-banner .m-container .m-subtitle{font-size:12px;font-weight:400;line-height:1.5em;margin-top:10px;color:rgb(var(--color-cool-gray-500)/1)}
    .g-body[data-page-name=news] .m-banner .m-container .m-date{font-size:16px;font-weight:700;line-height:1.5em;color:rgb(var(--color-cool-gray-600)/1)}
    .g-body[data-page-name=news] .m-news .news-list{display:block}
    .g-body[data-page-name=news] .m-news .news-list .u-news-card{margin-bottom:30px}
    .g-body[data-page-name=news] .m-news .news-list .u-news-card:last-child{margin-bottom:0}
    .g-body[data-page-name=news] .m-news{padding:30px 0 50px}}


.g-body[data-page-name=about],.g-body[data-page-name=contact]{--size-container-width:var(--size-container-width--medium)}
@keyframes animationSignal{0%{transform:scale(0);opacity:0}
    1%{opacity:.25}
    20%{opacity:.25}
    60%{transform:scale(1);opacity:0}}
@keyframes animationSignal2{0%{opacity:0}
    1%{opacity:.2}
    20%{opacity:.17}
    60%{opacity:0}}

.js-split-text{--shadow-text-color:rgba(0, 0, 0, .2)}
.js-split-text[data-is-lighter=true]{--shadow-text-color:hsla(0, 0%, 100%, .2)}
.js-split-text .js-split-line-wrapper{perspective:1000px;transform-style:preserve-3d}
.js-split-text .js-split-line{--clip-path-progress:100%;transform-origin:center center -2em !important;white-space:nowrap;clip-path:polygon(0 0, 100% 0, 100% 110%, 0 110%)}
.js-split-text .js-split-word{position:relative}

.g-body[data-page-name=search]{--size-container-width:1200px;padding-top:var(--size-nav-normal-height)}
.g-body[data-page-name=search] .m-search{padding-top:30px;padding-bottom:100px}
.g-body[data-page-name=search] .m-search .m-body{min-height:calc(100vh - 250px)}
.g-body[data-page-name=search] .m-search .search-wrapper{padding:20px 0}
.g-body[data-page-name=search] .m-search .search-bar{margin-bottom:16px}
.g-body[data-page-name=search] .m-search .search-input-area{font-size:16px;padding:.75em 1.5em;border-radius:100px;background-color:rgb(var(--color-cool-gray-100)/1)}
.g-body[data-page-name=search] .m-search .search-input-area .ic{font-size:1.125em;margin-right:.75em;color:rgb(var(--color-cool-gray-300)/1)}
.g-body[data-page-name=search] .m-search .search-input-area .search-input{font-weight:400;line-height:2em;color:rgb(var(--color-cool-gray-700)/1);border-width:0 !important;outline:none !important}
.g-body[data-page-name=search] .m-search .search-submit-button{font-family:"Microsoft YaHei", 微软雅黑;font-size:18px;line-height:1.5555555556em;margin-left:16px;padding:.7777777778em 1.6666666667em;color:#fff;border-radius:100px;background-color:rgb(var(--color-cool-gray-600)/1)}
.g-body[data-page-name=search] .m-search .search-submit-button .ic{font-size:1.3333333333em}
.g-body[data-page-name=search] .m-search .search-submit-button .text{font-weight:700}
.g-body[data-page-name=search] .m-search .search-tip{font-size:14px;font-weight:400;line-height:24px;padding:0 24px;color:rgb(var(--color-cool-gray-700)/1)}
.g-body[data-page-name=search] .m-search .search-tip .search-text{color:rgba(var(--color-vi-deep)/1)}
.g-body[data-page-name=search] .m-search .search-result-list{padding:20px}
.g-body[data-page-name=search] .m-search .search-result-item{margin-bottom:40px}
.g-body[data-page-name=search] .m-search .search-result-item:last-child{margin-bottom:0}
.g-body[data-page-name=search] .m-search .search-result-item:hover .item-title{color:rgba(var(--color-vi-deep)/1)}
.g-body[data-page-name=search] .m-search .search-result-item:hover .item-title .text{background-position:0 100%;background-size:100% 2px}
.g-body[data-page-name=search] .m-search .search-result-item .item-title{font-size:20px;font-weight:400;line-height:1.4em;margin-bottom:.8em;transition:.25s ease}
.g-body[data-page-name=search] .m-search .search-result-item .item-title .text{transition:background-size .55s cubic-bezier(.2, .75, .5, 1);background-image:linear-gradient(90deg, currentColor 0, currentColor);background-repeat:no-repeat;background-position:100% 100%;background-size:0 2px}
.g-body[data-page-name=search] .m-search .search-result-item .item-desc{height:3.4285714286em;display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;box-orient:vertical;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:400;line-height:1.7142857143em;color:rgb(var(--color-cool-gray-600)/1)}
.g-body[data-page-name=search] .m-search .search-result-item .state-pos--left{margin-right:24px}
.g-body[data-page-name=search] .m-search .search-result-item .state-pos--right{padding:20px 0}
.g-body[data-page-name=search] .m-search .search-result-item .item-thumb-box{--u-width:224;--u-height:146;position:relative;overflow:hidden;width:224px;border:1px solid rgb(var(--color-cool-gray-200)/1);border-radius:8px}
.g-body[data-page-name=search] .m-search .search-result-item .item-thumb-box:after{display:block;width:100%;padding-top:calc(var(--u-height)/var(--u-width)*100%);content:""}
.g-body[data-page-name=search] .m-search .search-result-item img{top:50%;left:50%;transform:translate3d(-50%, -50%, 0);position:absolute;max-width:96%;max-height:96%;border-radius:6px}
.g-body[data-page-name=search] .m-search .m-footer{margin-top:20px;padding:20px 0;border-top:1px solid rgb(var(--color-cool-gray-200)/1)}
.g-body[data-page-name=search] .m-search[data-state=empty] .m-footer,.g-body[data-page-name=search] .m-search[data-state=empty] .result-tip,.g-body[data-page-name=search] .m-search[data-state=empty] .search-result-list{display:none}
.g-body[data-page-name=search] .m-search[data-state=empty] .empty-area{display:flex;height:500px;text-align:center;color:rgb(var(--color-cool-gray-200)/1);align-items:center;justify-content:center}
.g-body[data-page-name=search] .m-search[data-state=empty] .empty-area .ic{font-size:60px;margin-bottom:10px}
.g-body[data-page-name=search] .m-search[data-state=empty] .empty-area .text{font-size:24px;display:block}
@media(max-width:1439.98px){
    .g-body[data-page-name=search] .m-search .search-input-area,    .g-body[data-page-name=search] .m-search .search-submit-button{font-size:14px}
    .g-body[data-page-name=search] .m-search .search-result-item .item-title{font-size:18px}}
@media(max-width:991.98px){.g-body[data-page-name=search] .m-search .search-result-list{padding:0}
    .g-body[data-page-name=search] .m-search .search-result-item{display:block;margin:0;padding:30px 0;border-bottom:1px solid rgb(var(--color-cool-gray-200)/1)}
    .g-body[data-page-name=search] .m-search .search-result-item:last-child{border-bottom:0}
    .g-body[data-page-name=search] .m-search .search-result-item .state-pos--left{margin:0;margin-bottom:20px}
    .g-body[data-page-name=search] .m-search .search-result-item .state-pos--right{padding:0 10px}
    .g-body[data-page-name=search] .m-search .search-result-item .item-thumb-box{width:100%}
    .g-body[data-page-name=search] .m-search .search-wrapper{padding:0}
    .g-body[data-page-name=search] .m-search .search-result-item .item-title{font-size:16px;font-weight:500}
    .g-body[data-page-name=search] .m-search .search-tip{text-align:center}
    .g-body[data-page-name=search] .m-search[data-state=empty] .empty-area .ic{font-size:40px;margin-bottom:10px}
    .g-body[data-page-name=search] .m-search[data-state=empty] .empty-area .text{font-size:20px}}
.m-site-nav[data-theme=dark] .nav-item--inner,.m-site-nav[data-theme=dark] .nav-item:hover,.m-site-nav[data-theme=dark] .nav-item:hover .nav-item--inner,.m-site-nav[data-theme=dark] .nav-item[data-active],.m-site-nav[data-theme=dark] .nav-item[data-active] .nav-item--inner,.m-site-nav[data-theme=dark] .oper-item[data-name=search] .ic{color:#fff}
.g-body[data-has-scroll="1"] .m-site-nav[data-theme=dark]{--size-nav-height:var(--size-nav-mini-height);background-color:#000;box-shadow:none}
.m-mobile-site-nav[data-theme=dark]{background-color:#000}
.m-mobile-site-nav[data-theme=dark] .btn--open-fold-nav{--font-color:#fff}
.m-mobile-site-nav[data-theme=dark] .btn--open-search{color:#fff}
.m-mobile-site-nav-layer[data-theme=dark]{background-color:#000}
.m-mobile-site-nav-layer[data-theme=dark] .nav-item--inner[data-active]{color:#fff}
.m-mobile-site-nav-layer[data-theme=dark] .nav-item{color:#ccc;border-color:hsla(0, 0%, 100%, .2)}
.g-body[data-has-scroll="1"] .m-mobile-site-nav[data-theme=dark],.g-body[data-page-name=index][data-page-theme=black] .u-module,html.nav-fold-open .m-mobile-site-nav[data-theme=dark]{background-color:#000}
.g-body[data-page-name=index][data-page-theme=black] .u-module-head .m-title{color:#fff}
.g-body[data-page-name=index][data-page-theme=black] .u-btn-2{--bg-color:#26272b}
.g-body[data-page-name=index][data-page-theme=black] .m-accessories .swiper .c-progress-bar,.g-body[data-page-name=index][data-page-theme=black] .m-recommend .swiper .c-progress-bar{background-color:#3f3f46}
.g-body[data-page-name=index][data-page-theme=black] .m-accessories .swiper .c-progress-bar--inner,.g-body[data-page-name=index][data-page-theme=black] .m-recommend .swiper .c-progress-bar--inner{background-color:#fff}
.g-body[data-page-name=index][data-page-theme=black] .m-brand,.g-body[data-page-name=index][data-page-theme=black] .m-brand .m-desc,.g-body[data-page-name=index][data-page-theme=black] .m-brand .m-title,.g-body[data-page-name=index][data-page-theme=black] .m-score .intro-card .card-ic .text,.g-body[data-page-name=index][data-page-theme=black] .m-score .intro-card .card-title{color:#fff}
.g-body[data-page-name=index][data-page-theme=black] .u-btn{background-color:rgba(var(--color-vi)/1)}
.g-body[data-page-name=index][data-page-theme=black] .u-btn .text{color:#000}
.g-body[data-page-name=index][data-page-theme=black] .u-btn .ic-box{color:rgba(var(--color-vi)/1);background-color:#000}
.g-body[data-page-name=index][data-page-theme=black] .u-news-card .item-desc{color:#a0a0ab}
.g-body[data-page-name=index][data-page-theme=black] .m-exchange,.g-body[data-page-name=index][data-page-theme=black] .u-news-card .item-date,.g-body[data-page-name=index][data-page-theme=black] .u-news-card .item-title,.m-mobile-site-nav-layer .nav-sub-group .btn[data-active]{color:#fff}

@media (max-width: 991.98px) {
.g-body[data-page-name=product] .m-product .layer--filter-setting .category-item{width: 100%;color: #0056a4;}
.g-body[data-page-name=product] .m-product .layer--filter-setting .category-item[data-active]{color: #e62129;}
.g-body[data-page-name=product] .m-product .category-group .claslist{
    flex-direction: column;}
.g-body[data-page-name=product] .m-product .category-group .claslist .subnav{position: static; opacity: 1; width: 100%; visibility: visible; display: block; max-height: none; border-left: none; }
.g-body[data-page-name=product] .m-product .category-group .claslist .subnav li{padding: 10px 0px;width: 100%;}
}