@charset "utf-8";


@font-face{
    font-family: AlibabaPuHuiTi_3_65_Medium;
    src: url('../fonts/AlibabaPuHuiTi_3_65_Medium.ttf');
}
@font-face{
    font-family: YouSheBiaoTiHei;
    src: url('../fonts/YouSheBiaoTiHei.ttf');
}
@font-face{
    font-family: AlibabaPuHuiTi_3_105_Heavy;
    src: url('../fonts/AlibabaPuHuiTi_3_105_Heavy.ttf');
}
@font-face{
    font-family: HarmonyOS_Sans_SC_Bold;
    src: url('../fonts/HarmonyOS_Sans_SC_Bold.ttf');
}
@font-face{
    font-family: HarmonyOS_Sans_SC_Medium;
    src: url('../fonts/HarmonyOS_Sans_SC_Medium.ttf');
}

@keyframes shine { 100% {left: 115%;} }
@keyframes beat {0%,to{-webkit-transform: scale(1); transform: scale(1);} 25%{-webkit-transform: scale(.9,1.1); transform: scale(.9,1.1);} 50%{-webkit-transform: scale(1.1,.9); transform: scale(1.1,.9);} 75%{-webkit-transform: scale(.95,1.05); transform: scale(.95,1.05);} }
@keyframes rotate { 0% {-webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);} 100% {-webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);} }
*{box-sizing: border-box}
html, body {color: #333;font-size: 16px;margin-left: auto !important;margin-right: auto !important;text-align: left;font-family:'Microsoft YaHei',Arial,sans-serif;-webkit-font-smoothing:antialiased}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p,b,section,nav{padding: 0;margin: 0;font-weight: normal;box-sizing: border-box}
i,em,b{font-style: normal;}
ol,ul {list-style: none;}
li{list-style-type: none;}
a{text-decoration: none;color:inherit;}
a:focus,div:focus{border: none;outline: none;}
img, input {border: 0;}
input,button{border: none;outline: none;color:inherit;background-color: transparent;}
.f0{font-size: 0;}
input[type='text']:focus-visible{outline: none;}
.clear:after{content: '';display: block;clear: both;}
.icon img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;max-width: 100%;max-height: 100%;margin: auto;transition: .8s}
.img_zd{position: relative;overflow: hidden;}
.img_zd .img_hezi{background-position: 50%;background-size: cover;background-repeat: no-repeat;transition: .8s}
.img_zd>img{position: absolute;left: 0;top:0;width: 100%;height: 100%;object-fit: cover;transition: .8s}
.pic {position: relative;overflow: hidden;}
.pic:before {content: '';position: absolute;top: 0;left: -86%;z-index: 2;display: block;width: 50%;height: 100%;-webkit-transform: skewX(-25deg);transform: skewX(-25deg);background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.1));background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.1));}
.pic .a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: 50%;background-repeat: no-repeat;background-size: cover;transition: .8s}
.bg-mask:hover .pic .a {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.pic img:hover, .bg-mask:hover .cover_img .a{transform: scale(1.05);}
.bg-mask:hover .pic:before {-webkit-animation: shine .5s;animation: shine .5s;}
.fl{float: left;}
.fr{float: right;}
.noflex{display: block !important;}
.flex{display:flex;justify-content:space-between;flex-wrap:wrap;}
.flex-left{display:flex;flex-wrap:wrap;}
.flex-center{display:flex;flex-wrap:wrap;justify-content: center;}
.flex-right{display:flex;flex-wrap:wrap;justify-content: flex-end;}
.flex-v-center{display:-webkit-flex;display:flex;flex-direction:column;justify-content:center;}
.flex-v{display:-webkit-flex;display:flex;align-items:center;justify-content:space-between;}
.flex-v-bottom{display: -webkit-flex;display: flex;align-items: flex-end;flex-wrap: wrap;justify-content: left;}
.eclip {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.l2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.pore{position:relative;}
.aline_r {position: relative;background-image: linear-gradient( #153D97, #153D97);background-position: 0 100%;background-size: 0 1px;background-repeat: no-repeat;transition: background-size .5s;}
.alin_r:hover .aline_r{background-size: 100% 1px; color: #153D97;}
html::-webkit-scrollbar {width:4px;height: 8px;background-color: #F5F5F5;}
html::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;}
html::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #333;}
.zi3{position: relative;z-index: 3;}
/*@media screen and (max-width:1024px){  html{font-size: 100px!important;}}
@media screen and (max-width:900px){  html{font-size: 7.5rem!important;}}
@media screen and (max-width:640px){  html{font-size: 87px!important;}}
@media screen and (max-width:480px){  html{font-size: 64px!important;}}
@media screen and (max-width:375px){  html{font-size: 50px!important;}}
@media screen and (max-width:360px){  html{font-size: 50px!important;}}*/
.wp{padding: 0 0.56rem;}
.none{display: none;}
.ar_wap{display: none;}
/*body{max-width: 950px; margin: 0 auto;}*/
html, body{font-size: 50px;}