@charset "utf-8";
/* CSS Document */
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,body,span{
padding:0;margin:0;}
ul,li{list-style:none;}
img{border:0 none;}
a{ text-decoration:none !important; color:#333; }
.fl{float:left;}
.fr{float:right;}
@font-face {
    font-family: "HarmonyOSRegular";
    src: url("../font/HarmonyOS_Sans_SC_Regular.ttf") format("opentype");
    font-weight: normal;
    font-style: normal;
  }
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
body{ 
	/* font-family:"微软雅黑";  */
	font-size:16px; 
	color:#333; 
	line-height:24px; 
    font-family: "HarmonyOSRegular";
}
a{
    font-family: "HarmonyOSRegular";
}
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;} 
.clearfix { zoom:1;}
/****最小宽度****/
@media(max-width:449px){
.col-xss-12{width:100%;}
}
@media(max-width:449px){
.col-xss-6{width:50%;}
}
@media(max-width:449px){
.col-xss-4{width:33.3333333%;}
}
/* @media(max-width:600px){
.col-xxs-12{width:100%;}
} */
/* 分页 */
.page-box{
    text-align: center;
}
.pro-page{
    margin-top: 20px;
}
.page-box a{
    display: inline-block;
    height: 32px;
    border: 1px solid transparent;
    line-height: 32px;
    font-family: "sLight";
    font-size: 16px;
    margin: 0px 3px;
    text-align: center;
}
.page-box a.page-btn{
  background-color: #fff;
  border: 1px solid #e1e1e1;
  margin-right: 12px;
}
.page-box a.page-sum{
    margin-right: 0px;
}
.page-box a:hover{
    background-color:#ffffff;     
    border: 1px solid #e1e1e1;
    /* color: #fff;                            */
}
.page-box a.page-btn:hover{
    background-color: #fff;
    border: 1px solid #e1e1e1;
}
.page-box a.page-on{
    color: #fff;
    background-color:#05297e;
    border: 1px solid #e1e1e1;
}
@media(max-width: 991px){

}
@media(max-width:449px){
    
}




.load {
    width: 24px;
    height:24px;
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    top: 50%;
} 
.loadon{
    width: 24px;
    height: 24px;
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    top: 50%;
    
 } 
  
 @keyframes dash {
    0% {
       stroke-dasharray: 150, 200;
       stroke-dashoffset:200;
     }
     /* 50% {
       stroke-dasharray: 130,200;
       stroke-dashoffset:0;
     } */
     100% {
       stroke-dasharray: 150, 200;
       stroke-dashoffset:0;
     }
 }
.loading {
    stroke:#c3cad9;
    stroke-width:3;
    fill: none;
}

.banner-swiper .swiper-pagination-bullet-active .loadingon{
    stroke: rgb(255,255,255);
    stroke-width:4;
    fill: none;
    animation:dash 7s linear;
}

@media(max-width:991px){
    .load {
        width:30px;
        height:30px;
    } 
    .loadon{
        width: 30px;
        height: 30px;
     } 
}