*{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; }
ul{list-style-type:none;}

.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: 100px;
    position: fixed;
    display: flex;
    justify-content: center;
    width: 100%;
    background-color: #fff;
    z-index: 100;
}

.common-container{padding-top:80px;}

.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:not(.page-link){color: #333333;  font-size: 14px; display: inline-block; padding: 2px 5px;}
.common-paging li a:not(.page-link).active{background-color: #0B81F9; color: #fff; border-radius: 2px;}
.common-paging li a:not(.page-link):hover{background-color: #0B81F9; color: #fff;border-radius: 2px;}
/* 与原站 paging.js 一致：Bootstrap page-link + common-paging 激活色 */
.common-paging .page-link{color: #333333; font-size: 14px;}
.common-paging .page-link.active,
.common-paging .page-link:hover{background-color: #0B81F9; color: #fff; border-color: #0B81F9; border-radius: 2px;}
.common-paging .page-item{display: inline-block;}

/*********************************************************友情链接************************************************************/
.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; margin-bottom: 12px;}
.contract-to-remark h1{color: #fff; font-size: 24px; font-weight: 400; font-family: "source han sans cn"; margin: 16px 0 24px;}
.contract-to-remark p{color: #fff; font-size: 14px; margin-bottom: 36px;}
.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; max-height: 48px; width: auto; object-fit: contain;}
.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;}

/*********************************************************悬浮窗口************************************************************/
.contract{display: flex; gap: 20px; position: fixed; bottom: 200px; right: 20px; height:311px;}
.contract-left{display: flex; flex-direction: column; justify-content: space-between; gap: 20px; background-color: #fff; box-shadow: 0px 0px 10px #dfdfdf; padding:20px ; flex-grow: 1;}
.contract-item{display: flex;  flex-direction: row; gap: 20px;}
.contract-item div{display: flex; align-items: center;}
.contract-item p{display: inline-block;}
.contract-item p span:first-child{ font-size: 14px; font-family: "source han sans cn"; color: #2d3849;  }
.contract-item p span:last-child{  color: #87878d; display: block; }
.contract-item p label{display: block; color:#1163f7; font-size: 14px; font-weight: 400;}
.contract-item:nth-child(2)>div:nth-child(1){align-items:start;}
.contract-item:nth-child(2)>div:nth-child(2){display:flex; flex-direction:column; gap:10px; align-items:start;}

.contract-right{display: flex; flex-direction: column; justify-content: start; width: 60px; border-top-left-radius: 50px; border-top-right-radius: 50px;border-bottom-left-radius: 50px; border-bottom-right-radius: 50px;  background-color: #fff; box-shadow: 0px 0px 10px #dfdfdf; padding:10px ;gap: 5px; align-items: center; justify-content:center; cursor:pointer !important; height:228px;}
.contract-right label{text-orientation: upright; /* 文字直立显示 */ font-size: 14px; color: #474751;  letter-spacing: 8px; display: inline-block; border-bottom: 1px solid #dfdfdf; width:15px; cursor:pointer;}
.contract-right label.contract-me{margin-bottom: 6px !important;}
.contract-right span{color: #87878d;}

.menu-hover-bg{position:fixed; z-index:999; background:#333333; opacity:0.4; left:0px; top:100px; right:0px; bottom:0px; width:100%; height:calc(100vh - 100px); }
.menu-hover{position:fixed; z-index:9999; background:#fff; left:0px; top:100px; right:0px; bottom:0px; width:100%; height:250px; margin:0 auto;}

.menu-panel{width:1280px; height:100%; display:flex; flex-direction:row; justify-content:space-between; margin:0 auto;}
.menu-panel>div:first-child{ background-repeat:no-repeat; background-size:contain; padding:20px; width:200px;}
.menu-panel>div:first-child label{font-size:18px; font-weight:500; color:#333; margin-bottom:10px; display:block;}
.menu-panel>div:first-child span{font-size:14px; color:#999999; letter-spacing:2px;}
.menu-panel>div:last-child{flex:1; padding:20px;}
.menu-panel>div:last-child label{font-size:16px; color:#999999; display:inline-block; padding:10px 0px; border-bottom:1px solid #dfdfdf; width:200px; margin-bottom:10px;}

.menu-panel>div:last-child ul li{display:block; padding:5px 0px;}
.menu-panel>div:last-child ul li a{color:#333; font-size:14px;}
.menu-panel>div:last-child ul li:hover a{color:#1163F7 !important;}

.menu-panel-bg-zxdt{background-image:url(../imgs/common/img_info.png);}/**咨询动态*/
.menu-panel-bg-hykj{background-image:url(../imgs/common/img_industry.png);}/**行业空间*/
.menu-panel-bg-gywm{background-image:url(../imgs/common/img_About.png);}/**关于我们*/
.menu-panel-bg-jszc{background-image:url(../imgs/common/img_Technical.png);}/**技术支持*/

.menu-panel-group{width:100%; height:100%; display:flex; gap:20px;}

/* 站点主按钮色（模板使用 btn-blue；Bootstrap 无此类名，需自行定义） */
.btn-blue {
  color: #fff;
  background-color: #0B81F9;
  border-color: #0B81F9;
}
.btn-blue:hover {
  color: #fff;
  background-color: #0766cc;
  border-color: #0766cc;
}
.btn-blue:focus,
.btn-blue.focus {
  color: #fff;
  background-color: #0766cc;
  border-color: #0766cc;
  box-shadow: 0 0 0 0.2rem rgba(11, 129, 249, 0.35);
}
.btn-blue:not(:disabled):not(.disabled):active,
.btn-blue:not(:disabled):not(.disabled).active,
.show > .btn-blue.dropdown-toggle {
  color: #fff;
  background-color: #0558ad;
  border-color: #0558ad;
}
.btn-blue:disabled,
.btn-blue.disabled {
  color: #fff;
  background-color: #0B81F9;
  border-color: #0B81F9;
  opacity: 0.65;
}

/* 原站 Ubold bootstrap 扩展类；标准 BS4 无此类名，数据详情「发表评论」等依赖 */
.btn-outline-blue {
  color: #0B81F9;
  background-color: transparent;
  border-color: #0B81F9;
}
.btn-outline-blue:hover {
  color: #fff;
  background-color: #0766cc;
  border-color: #0766cc;
}
.btn-outline-blue:focus,
.btn-outline-blue.focus {
  color: #fff;
  background-color: #0766cc;
  border-color: #0766cc;
  box-shadow: 0 0 0 0.2rem rgba(11, 129, 249, 0.35);
}
.btn-outline-blue:disabled,
.btn-outline-blue.disabled {
  color: #0B81F9;
  background-color: transparent;
  border-color: #0B81F9;
  opacity: 0.65;
}
.btn-outline-blue:not(:disabled):not(.disabled):active,
.btn-outline-blue:not(:disabled):not(.disabled).active,
.show > .btn-outline-blue.dropdown-toggle {
  color: #fff;
  background-color: #0558ad;
  border-color: #0558ad;
}
.btn-outline-blue:not(:disabled):not(.disabled):active:focus,
.btn-outline-blue:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-blue.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(11, 129, 249, 0.35);
}