*{font-family: "source han sans cn";}
*:focus{ outline: none !important;}
*:active{outline: none !important;}
body{background-color: #fff;}
ul,p,label,h1,h2,h3,h4,h5,h6{margin: 0px; padding: 0px; }

.hide{display: none !important;}
.show{display: block !important;}

.common-item{width: 1280px; margin: 0px auto;}

/************************************************************导航***************************************************/
.common-nav{ display: flex; flex-direction: row;  justify-content: center; gap: 60px; align-items:start; }
.common-nav-border{ background-image: url(../imgs/common/img_border_common.png); background-size: contain; background-repeat: no-repeat;  background-position: bottom; height: 97px;}
.common-nav img{display: inline-block; margin-top:15px;}

.common-nav ul{flex-grow: 1;}
.common-nav ul li{display: inline-flex; padding: 30px 20px;}
.common-nav ul li:last-child{float: right;}
.common-nav ul li a{font-size: 16px; font-weight: 500; color: #333333; height: 34px; display: inline-block; font-family: "source han sans cn"; }
.common-nav ul li.active a{color: #0B81F9; border-bottom:3px solid #145CFA ;}
.common-nav ul li:hover a{border-bottom: 3px solid #145CFA; }
.common-nav span{font-size:16px; font-weight:500;}
/************************************************************分页***************************************************/
.common-paging {
    list-style: none;
    display: block;
    text-align: right;
}
.common-paging li{padding: 4px 6px; text-align: center;display: inline-block;}
.common-paging li span{color: #333333; font-size: 14px;}
.common-paging li a{color: #333333;  font-size: 14px; display: inline-block; padding: 2px 5px;}
.common-paging li a.active{background-color: #0B81F9; color: #fff; border-radius: 2px;}
.common-paging li a:hover{background-color: #0B81F9; color: #fff;border-radius: 2px;}

/*********************************************************友情链接************************************************************/
.contract-to{display: flex; flex-direction: column; justify-content: center; align-items: center; }
.contract-to-remark{height: 288px; width: 100%; background-size: cover; background-image: url(../imgs/home/img_Contact_Us_bg.png); display: flex; flex-direction: column; justify-content: center; align-items: center;}
.contract-to-remark span{font-size: 22px; line-height: 32px; font-weight: 400; font-family: "source han sans cn"; white-space: break-spaces; color: #29d3ff;}
.contract-to-remark h1{color: #fff;}
.contract-to-remark p{color: #fff; font-size: 14px;}
.contract-to-remark a{color: #fff; background: #0B81F9;font-size: 16px;font-weight: 400; font-family: "source han sans cn"; padding: 8px 20px; border-radius: 20px;}

.contract-to-flag{display: flex; flex-direction: row; justify-content: center; gap:80px; width: 1280px; margin: 0px auto; padding: 40px 0px; border-bottom: 1px solid #e9e9e9;}
.contract-to-flag img{margin-right: 10px;}
.contract-to-flag span{font-size: 20px; color: #2773ff;}

/*********************************************************友情链接************************************************************/
.fplink{padding: 30px 0px; width: 1280px; margin: 0 auto;}
.fplink img{margin: 20px 0px;}
.fplink div{display: flex; flex-direction: row; align-items:center; gap:20px; justify-content:space-between;}
.fplink div span{font-size: 14px ;  font-family: "source han sans cn";  color: #636364;}

/*********************************************************loading************************************************************/
.ybsy-loading{margin:auto; position:absolute; z-index:9999999; left:0px; top:0px; bottom:0px; right:0px; box-shadow:0 0 30px #7a7a7a; width:300px; height:150px;}
.ybsy-loading .card{margin:0px !important; height:150px;}
.sk-grid-cube{background-color:#02c0ce !important;}