@font-face {
    font-family: 'MiSans';
    src: url('HarmonyOSMedium.woff') format('truetype');
}
.w1600{max-width:1920px;width:100%;padding:0 10rem;height:100%;margin:0 auto;display:block;position:relative}
::selection{color:#fff;background-color:#0370aa}
::-moz-selection{color:#fff;background-color:#0370aa}
::-webkit-selection{color:#fff;background-color:#0370aa}
::-webkit-scrollbar{width:3px;height:3px;background-color:#F5F5F5}
::-webkit-scrollbar-track{border-radius:10px;background-color:#E2E2E2}
::-webkit-scrollbar-thumb{border-radius:10px;background-color:#0370aa}
.ar_article{font-size:1rem;color:#656565;line-height:2.125rem;text-align:justify}
.ar_article strong{font-weight:bold}
.ar_article caption{background:#e8e8e8;border:1px solid #e8e8e8;padding:.875rem 1.75rem;font-size:1.25rem;color:#000}
.ar_article table{width:100%;border-collapse:collapse;text-align:center;margin:1.5rem 0}
.ar_article td,.ar_article th{padding:.875rem 1.75rem;border:1px solid #e8e8e8}
.ar_article th{color:#333;background:#f9f9f9;font-size:1rem}
.ar_article td{font-size:.9375rem}
.ar_article td p,.ar_article th p{padding-bottom:0;margin-bottom:0;text-align:inherit}
.ar_article img{margin:1.5rem 0;display:inline-block}
.ar_article p:first-child img:first-child{margin-top:0}
.ar_article img:last-child{margin-bottom:0}
.ar_article p:last-child img:last-child{margin-bottom:0}
.ar_article video{max-width:100%;display:inline-block}
.ar_article a{color:#363636}
.ar_article ul li,.ar_article ol li{padding-bottom:0 !important;margin-bottom:0 !important}
.ar_article ul li p,.ar_article ol li p{padding-bottom:0;margin-bottom:3px !important}
.ar_article ul li{list-style:disc;margin-left:1.625rem}
.ar_article ol li{list-style:decimal;margin-left:1.625rem}
.ar_article h1{font-size:2.125rem;color:#000}
.ar_article h2{font-size:1.875rem;color:#000}
.ar_article h3{font-size:1.75rem;color:#000}
.ar_article h4{font-size:1.5rem;color:#000}
.ar_article h5{font-size:1.25rem;color:#0370aa;white-space:normal;margin: 1rem 0;}
.ar_article h6{font-size:1.125rem;color:#333}
@media(max-width:480px){.ar_article h1{font-size:1.875rem}
.ar_article h2{font-size:1.75rem}
.ar_article h3{font-size:1.625rem}
.ar_article h4{font-size:1.375rem}
.ar_article td,.ar_article th{padding:.75rem .375rem}
}::-webkit-input-placeholder{color:#a6a6a6}
::-moz-placeholder{color:#a6a6a6}
::-moz-placeholder{color:#a6a6a6}
::-ms-input-placeholder{color:#a6a6a6}
:focus::-webkit-input-placeholder{color:transparent !important}
:focus:-moz-placeholder{color:transparent !important}
:focus::-moz-placeholder{color:transparent !important}
:focus:-ms-input-placeholder{color:transparent !important}
:focus:-ms-input-placeholder{color:transparent !important}
.flexcenter{display:flex;align-items:center;justify-content:center}
.flexcenter.column{flex-direction:column}
.flexend{display:flex;justify-content:flex-end;align-items:center}
.flexbetween{display:flex;align-items:center;justify-content:space-between}
.weiyuanse:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;transition:.5s}
.miaodian,.maodian{position:relative;transform:translateY(-15rem);display:block}
:before,:after{display:block;transition:.5s}
body{font-size:100%;line-height:1.1;width:100%;position:relative;font-weight:400;overflow-x:hidden;background:#fff;font-family: "MiSans";}
@keyframes roll{from{transform:rotate(0deg)}
to{transform:rotate(359deg)}
}button{cursor:pointer;outline:0;border:0}
.tc_close{cursor:pointer}
*{padding:0;margin:0}
*{margin:0;padding:0;outline:0;box-sizing:border-box;min-width:0}
*:before,*:after{box-sizing:border-box}
a{color:inherit}
a:focus{outline:none !important}
h4,.h4,h5,.h5,h6,.h6,h1,.h1,h2,.h2,h3,.h3,p{margin:0}
.ovh{overflow:hidden;width:100%}
.bt_txt1{overflow:hidden;-webkit-line-clamp:1;line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;white-space:nowrap}
.bt_txt2{overflow:hidden;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box}
.bt_txt3{overflow:hidden;-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box}
.bt_txt4{overflow:hidden;-webkit-line-clamp:4;line-clamp:4;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box}
.bt_txt5{overflow:hidden;-webkit-line-clamp:5;line-clamp:5;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box}
.bt_txt6{overflow:hidden;-webkit-line-clamp:6;line-clamp:6;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box}
.bt_txt7{overflow:hidden;-webkit-line-clamp:7;line-clamp:7;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box}
.bt_txt8{overflow:hidden;-webkit-line-clamp:8;line-clamp:8;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box}
.txtleft{text-align:left !important}
.txtcenter{text-align:center !important}
svg{display:block}
:focus{outline:0}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
ins{background-color:#a3004a;color:#000;text-decoration:none}
mark{background-color:#a3004a;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
hr{display:block;height:1px;border:0;border-top:1px solid #e3e3e3;margin:1em 0;padding:0}
li,ul{list-style-type:none}
a{text-decoration:none}
a:link,a:hover,a:active,a:visited{text-decoration:none}
h1,h2,h3,h4,h5,h6,dl,dd,dt,i,em{font-weight:normal;font-style:normal}
ul,li{list-style:none;margin:0;padding:0}
.fl{float:left}
.fr{float:right}
.h5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.h5 a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clear{clear:both}
.relative{position:relative}
.tc{position:fixed;left:0;top:0;z-index:1000;width:100%;height:100%;overflow:hidden;opacity:0;visibility:hidden;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.tc.act{opacity:1;visibility:visible}
.tc.center{display:flex;align-items:center;justify-content:center}
.tc_bg{position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;background:rgba(0,0,0,.8)}
.tc_close{position:absolute;right:.75rem;top:.75rem;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.tc_close:hover{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg)}
.tc_btn{cursor:pointer}
.tc_ewm{width:14rem;height:auto;position:relative;background:#fff;border-radius:5px;padding:2rem 1.25rem 1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center}
.tc_ewm img{width:10rem;height:10rem;margin-bottom:1rem}
.tc_ewm p{font-size:.875rem !important;color:#333 !important;font-weight:bold}
.tc_ewm div{font-size:.875rem !important;color:#999 !important}
input{font-weight:normal;background:0;box-shadow:none;-webkit-appearance:none;appearance:none;border-radius:0;font-weight:normal}



.menu-btn{position:absolute;display:block;width:100%;height:9px}
.menu-btn:before,.menu-btn:after{content:'';position:absolute;top:0;height:100%;background:#aaa;transition:all .3s;border-radius:3px}
.menu-btn:before{left:0;right:55%}
.menu-btn:after{left:55%;right:0}
.menu-btn.up{top:10px}
.menu-btn.down{bottom:8px}
.mtrans,.mtrans:hover{-webkit-transition:all .8s cubic-bezier(.19,1,.22,1) 0s;-moz-transition:all .8s cubic-bezier(.19,1,.22,1) 0s;transition:all .8s cubic-bezier(.19,1,.22,1) 0s;-ms-transition:all .8s cubic-bezier(.19,1,.22,1) 0s}
.menu-handler{z-index:1000000;background:rgba(0,0,0,0.35);width:48px;height:45px;cursor:pointer;position:relative;transition:all .3s cubic-bezier(.445,.145,.355,1);-webkit-transition:all .3s cubic-bezier(.445,.145,.355,1);-moz-transition:all .3s cubic-bezier(.445,.145,.355,1);transform:scale(.7)}
.menu-handler .box{display:block;height:45px;overflow:hidden;position:relative}
.menu-handler::after{width:48px;height:45px;box-sizing:border-box;content:'';display:block;position:absolute;top:0;left:0;pointer-events:none;border:5px solid rgba(0,0,0,.3);-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:intervalHamburgerBorder;animation-name:intervalHamburgerBorder;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
@-webkit-keyframes intervalHamburgerBorder{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
80%{-webkit-transform:scale(1.6);transform:scale(1.6)}
100%{opacity:0;-webkit-transform:scale(1.6);transform:scale(1.6)}
}@keyframes intervalHamburgerBorder{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
80%{-webkit-transform:scale(1.6);transform:scale(1.6)}
100%{opacity:0;-webkit-transform:scale(1.6);transform:scale(1.6)}
}.hamburger{width:45px;height:45px;display:block;position:relative;cursor:pointer;float:right;z-index:110;margin-top:50px;margin-right:20px;border:1px solid #fff;pointer-events:auto;-webkit-tap-highlight-color:transparent}
.menu-handler .burger{width:26px;height:2px;background:#fff;display:block;position:absolute;z-index:5;top:13px;left:50%;margin:0 0 0 -13px;transform-origin:center;-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;-ms-transform-origin:center}
.menu-handler .burger-2{top:21px}
.menu-handler .burger-3{top:29px}
.menu-handler.active .burger-1{top:22px;-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg)}
.menu-handler.active .burger-2{-ms-filter:alpha(opacity=0);filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;left:-100%}
.menu-handler.active .burger-3{top:22px;-webkit-transform:rotate(-225deg);-moz-transform:rotate(-225deg);-ms-transform:rotate(-225deg);transform:rotate(-225deg)}
.fp-viewing-page1 .menu-handler{opacity:0;visibility:hidden}
.nicescroll-cursors{border:0 !important;background-color:rgba(66,66,66,.5) !important}
@keyframes clipPathLeft{0%{clip-path:polygon(30% 44%,65% 44%,65% 63%,30% 63%)}100%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}
@keyframes clipPathDown{0%{clip-path:polygon(0 0,0 0,0 100%,0% 100%)}10%{clip-path:polygon(0 0,100% 0,100% 78%,0 36%)}100%{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}}
@keyframes fadeUpAni{0%{opacity:0;transform:translate3d(0,100%,0)}100%{opacity:1;transform:translate3d(0,0%,0)}}
@keyframes opacityAni{0%{opacity:0}100%{opacity:1}}
.menubtn{width:2.1875rem;height:2.1875rem;position:relative;cursor:pointer;display:flex;align-items:center}
.menubtn span{display:block;width:2.1875rem;height:3px;background:#383635;position:relative;vertical-align:middle;-webkit-transition-duration:.3s,.3s;-moz-transition-duration:.3s,.3s;-ms-transition-duration:.3s,.3s;-o-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-delay:.3s,0s;-moz-transition-delay:.3s,0s;-ms-transition-delay:.3s,0s;-o-transition-delay:.3s,0s;transition-delay:.3s,0s}
.menubtn span:after,.menubtn span:before{content:"";position:absolute;display:inline-block;width:100%;height:3px;left:0;background-color:#383635;-webkit-transition-duration:.3s,.3s;-moz-transition-duration:.3s,.3s;-ms-transition-duration:.3s,.3s;-o-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-delay:.3s,0s;-moz-transition-delay:.3s,0s;-ms-transition-delay:.3s,0s;-o-transition-delay:.3s,0s;transition-delay:.3s,0s}
.menubtn span:before{top:-10px;-webkit-transition-property:top,transform;-moz-transition-property:top,transform;-ms-transition-property:top,transform;-o-transition-property:top,transform;transition-property:top,transform}
.menubtn span:after{bottom:-10px;-webkit-transition-property:bottom,transform;-moz-transition-property:bottom,transform;-ms-transition-property:bottom,transform;-o-transition-property:bottom,transform;transition-property:bottom,transform}
.menubtn.active span{background-color:transparent;-webkit-transition-delay:0s,0s;-moz-transition-delay:0s,0s;-ms-transition-delay:0s,0s;-o-transition-delay:0s,0s;transition-delay:0s,0s}
.menubtn.active span:after,.menubtn.active span:before{-webkit-transition-delay:0s,.3s;-moz-transition-delay:0s,.3s;-ms-transition-delay:0s,.3s;-o-transition-delay:0s,.3s;transition-delay:0s,.3s}
.menubtn.active span:before{top:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.menubtn.active span:after{bottom:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}




.hvr-bounce-to-bottom{overflow:hidden;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}
.hvr-bounce-to-bottom:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.1);-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-bounce-to-bottom:hover:before,.hvr-bounce-to-bottom:focus:before,.hvr-bounce-to-bottom:active:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66)}
 



.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}
.popup{background-color:white;padding:20px;border-radius:4px;width:300px;transform:scale(0.8);transition:transform 0.3s ease}
.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:20px;cursor:pointer}
.popup input{width:100%;padding:10px;margin-bottom:15px;box-sizing:border-box}
.submit-button{padding:10px 20px;background-color:#a3004a;color:white;border:none;border-radius:4px;cursor:pointer}
.overlay.active{opacity:1;visibility:visible}
.overlay.active .popup{transform:scale(1)}