:root {
	--normal-color:#555;
    --dark-color:#111;
    --link-color:#333;
	--extra-color:#777;
    --secondary-color:#999;
    --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;}
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%;font-family:-apple-system, PingFang SC,Microsoft YaHei,微软雅黑,STXihei,华文细黑,sans-serif; font-weight:normal; line-height:1.4}
img{border:none;vertical-align:middle}
body,html{width:100%;margin:0 auto;font-family:-apple-system, PingFang SC,Microsoft YaHei,微软雅黑,STXihei,华文细黑,sans-serif;}

a{color:var(--link-color);text-decoration:none;outline:0;transition:all .3s ease-out 0s;font-family:-apple-system, PingFang SC,Microsoft YaHei,微软雅黑,STXihei,华文细黑,sans-serif;}
a:hover,a:focus{color:var(--theme-color);text-decoration:none;outline:0;}
body{
	width:100%;
	overflow-x:hidden;
	font-size: 16px;
	line-height: 1.4;
    background:#fff;
    color: #555;
    font-family:-apple-system, PingFang SC,Microsoft YaHei,微软雅黑,STXihei,华文细黑,sans-serif;
}

.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}

.w,.w75{zoom:1; width:75%; margin:auto;}
.w:after{content:"";display:block;visibility:hidden;height:0;clear:both}

.w80{zoom:1;width: 80%; margin:auto;}
.w90{zoom:1;width: 90%; margin:auto;}
.main{zoom:1;width:1220px; margin:auto;}
.w100{zoom:1;padding: 0 20px; margin:auto;}
.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;
}


.footer {
	background-color: #2b2b2b;
	padding: 20px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	
}
.footer .foot-menus {
	display: flex;
	align-items: center;
	justify-content: center;
}
.footer .foot-menus li{
	margin: 5px 30px;
}

.footer .foot-menus li a{
	font-weight: bold;
	font-size: var(--font-size-medium);
	color: #fff;
}
.footer .foot-menus li a:hover{
	color: var(--theme-color);
}

.copyright {padding:20px 0; text-align: center;color: var(--secondary-color); font-size: var(--font-size-small);}
.copyright img{width: auto; height: 24px;}

.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; }

.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;
}

.pagination-box > .pagination > li > a,
.pagination-box > .pagination > li > span {
    color: var(--theme-color);               /* 按钮文字颜色 */
    background-color: #fff;      /* 按钮背景 */
    
}

/* 鼠标悬停和焦点状态 */
.pagination-box > .pagination > li > a:hover,
.pagination-box > .pagination > li > a:focus {
    color: #fff;
    background-color: var(--theme-color);
    border-color: var(--theme-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(--theme-color); /* 当前页背景色 */
    border-color: var(--theme-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;}