:root {
	--normal-color:#607080;
	--theme-color: #1366EC;
    --dark-color:#111;
    --link-color:#111;
	--extra-color:#87909a;
    --secondary-color:#999;
    --paper: #f7f8f9;
    --line: #d9e0e5;
    --accent: #d94c3d;
    --font-size12: 12px;
    --font-size14: 14px;
    --font-size15: 15px;
    --font-size16: 16px;
    --font-size17: 17px;
    --font-size18: 18px;
    --font-size20: 20px;
    --font-size22: 22px;
    --font-size24: 24px;
    --font-size30: 30px;
    --font-size32: 32px;
    --font-size36: 36px;
    --font-size48: 48px;
    --font-size60: 60px;
}


*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
button,input,input[type=submit],input[type=reset],input[type=button]{resize:none}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}
button{border:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
img{height:auto;width:auto\9;-ms-interpolation-mode:bicubic}
a,article,aside,body,button,dd,details,div,dl,dt,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,img,input,li,menu,nav,ol,p,section,select,table,tbody,td,textarea,th,tr,ul{margin:0;padding:0;border:none;-webkit-tap-highlight-color:transparent}
em,i{font-style:normal}
.clearfix:after{content:"";display:block;visibility:hidden;height:0;clear:both}
.clearfix{zoom:1}
.clear{clear:both}
/*火狐去掉按钮、连接的虚线*/
a:focus, a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {border: 0;outline : 0;} 
input,button,textarea{outline:none;-webkit-appearance:none;font-family:-apple-system, PingFang SC,Microsoft YaHei,微软雅黑,STXihei,华文细黑,sans-serif;}
body, body a, body button, body input, body textarea { letter-spacing: 0; }
div{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;sans-serif; font-weight:normal; line-height:1.4}
img{border:none;vertical-align:middle}

a{color:var(--link-color);text-decoration:none;outline:0;transition:all .3s ease-out 0s;}
a:hover,a:focus{color:var(--theme-color);text-decoration:none;outline:0;}


body {
    width:100%;
    margin:0 auto;
    color: var(--normal-color);
    font-family: -apple-system, PingFang SC, Microsoft YaHei, 微软雅黑, STXihei, 华文细黑, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.6;
    overflow-x:hidden;
    background-image: url('../images/body-bg.jpg');
    background-size: 100% auto;
    background-position: center bottom;
    background-color: #f8fcff;
    background-repeat: no-repeat;
}

.body-en{
    font-family: Helvetica, Arial, sans-serif
}

.site-container,.main { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }



.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}

.fl{float:left}
.fr{float:right}

.clearfix:after{content:"";display:block;visibility:hidden;height:0;clear:both}
.clearfix{zoom:1}
.clear{clear:both}

.h5{height:5px;width:100%;clear:both;}
.h10{height:10px;width:100%;clear:both;}
.h15{height:15px;width:100%;clear:both;}
.h20{height:20px;width:100%;clear:both;}
.h25{height:25px;width:100%;clear:both;}
.h30{height:30px;width:100%;clear:both;}
.h40{height:40px;width:100%;clear:both;}
.h50{height:50px;width:100%;clear:both;}
.h60{height:60px;width:100%;clear:both;}
.h70{height:70px;width:100%;clear:both;}
.h80{height:80px;width:100%;clear:both;}
.h90{height:90px;width:100%;clear:both;}
.h100{height:100px;width:100%;clear:both;}
.max_img{width:100%;line-height:0;text-align:center; position: relative;}
.max_img img{max-width:100%; height: auto;}


.max100{width:100%;line-height:0;text-align:center; position: relative;}
.max100 img{width:100%; height: auto;}


.line{height: 1px;width: 100%; background-color: #e5e5e5; clear: both; margin: 20px 0;}

.row {
    margin-left:-10px;
    margin-right:-10px
}
.row::before, .row::after {
    content: " ";
    display: table;
}
.row::after {clear: both;}


.row5 {
    margin-left:-5px;
    margin-right:-5px
}
.row5::before, .row5::after {
    content: " ";
    display: table;
}
.row5::after {clear: both;}

.row15{
    margin-left:-15px;
    margin-right:-15px;
}
.row20{
    margin-left:-20px;
    margin-right:-20px;
}

.row25{
    margin-left:-25px;
    margin-right:-25px;
}

.row30{
    margin-left:-30px;
    margin-right:-30px;
}

.row25::before, .row25::after {
    content: " ";
    display: table;
}
.row25::after {clear: both;}

.row50{
    margin-left:-50px;
    margin-right:-50px;
}
.row50::before, .row50::after {
    content: " ";
    display: table;
}
.row50::after {clear: both;}

.text-overflow{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.text-clamp2{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}



.green{
	color: green;
}
.green-bg{
	background-color: green !important;
}

.none-data {
  position: absolute;
  width: 300px;
  left: 50%;
  top: 30%;
  transform: translate(-50%, -50%);
  z-index: 99;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
}

.none-data-normal {
  width: 100%;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--secondary-color);
  min-height:45vh;
}


/* 分页容器背景和边框 */

.pagination-box {
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0 0;
}
.pagination-box .pagination {
    display: flex;
    gap: 6px;
}

.pagination-box > .pagination > li > a,
.pagination-box > .pagination > li > span {
    min-width: 34px;
    color: var(--theme-color);               /* 按钮文字颜色 */
    background-color: #fff;      /* 按钮背景 */
    /*border: 1px solid var(--link-color);*/
    color: var(--link-color);
    text-align: center;
    
}

/* 鼠标悬停和焦点状态 */
.pagination-box > .pagination > li > a:hover,
.pagination-box > .pagination > li > a:focus {
    color: #fff;
    background-color: var(--link-color);
    border-color: var(--link-color);
}

/* 当前激活页 */
.pagination-box > .pagination > li.active > a,
.pagination-box > .pagination > li.active > span,
.pagination-box > .pagination > li.active > a:hover,
.pagination-box > .pagination > li.active > span:hover,
.pagination-box > .pagination > li.active > a:focus,
.pagination-box > .pagination > li.active > span:focus {
    color: #fff;
    background-color: var(--link-color); /* 当前页背景色 */
    border-color: var(--link-color);
    cursor: default;
}

/* 禁用按钮 */
.pagination-box > .pagination > li.disabled > span {
    color: var(--secondary-color);
    background-color: #f5f5f5;
    border-color: #ddd;
    cursor: not-allowed;
}

.breadcrumb{background-color:transparent;padding: 10px 0; margin:0;text-align:right;}

/*底部*/
.footer { 
    width:100%;
    background-image: url('../images/foot-bg.jpg');
    background-size: 100% auto;
    background-position: center top;
    background-color: #ddedff;
    background-repeat: no-repeat;
}
.footer .site-container { display: block; padding: 64px 0 62px; }
.footer .footer-logo { display: block; line-height:0;}
.footer .footer-logo img { width: auto; height: 50px; }
.footer .footer-content {  margin-top:30px; display: flex; gap: 60px; justify-content: space-between; }

.footer .footer-navigation { flex: 1; display: grid; grid-template-columns: repeat(7, minmax(0,1fr)); gap: 20px; min-width: 0; }
.footer .footer-group h2 { margin: 0 0 20px; font-size: 16px; font-weight: 500; line-height: 1.2; }
.footer .footer-group ul { list-style: none; padding: 0; margin: 0; }
.footer .footer-group li { margin-bottom: 10px; }
.footer .footer-group li a { font-size: 14px; color: #8b9bac; line-height: 1.2; }
.footer .footer-contact { flex: 0 0 180px; }
.footer .footer-contact h2 { font-size: 16px; margin: 0 0 15px; font-weight: 500; color:var(--link-color);}
.footer .footer-contact-icon { width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-right: 6px; }
.footer .footer-contact-qr { width: 100px; height: 100px; object-fit: contain; margin-top: 15px; }
.footer .footer-copyright { border-top: 1px solid #c9dff2; padding: 20px ; text-align: center; line-height: 1.2; }


.footer-qr{
    width: 80px;
    margin-top:10px;
    line-height: 0;
}
.footer-qr img{
    width: 100%;
    height: auto;
}
.backTop {width:60px; height:60px; border-radius:50%; background:#fff; cursor:pointer; position:fixed; bottom:10%; right:3%; z-index: 7; color:#fff;display: flex; align-items: center; justify-content: center;box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.backTop img{width:24px;height:24px;}
.backTop img.n{display: block;}
.backTop img.h{display: none;}
.backTop:hover{ background:var(--theme-color); }
.backTop:hover img.n{ display: none; }
.backTop:hover img.h{ display: block; }