@charset "utf-8";
body,div,li,ul,ol,dl,dd,dt,span,b,strong,p,h1,h2,h3,h4,h5,input{margin:0;padding:0;}
ul,li,dl,dt,dd,ol{list-style:none;list-style-type:none;}
a img,a,a:hover,a:active,a:visited{border:none;text-decoration:none; outline:none;}
body{font-size:14px;}
*{box-sizing: border-box;}
@font-face {font-family: 'Sarasa Gothic'; /*自定义字体名称 */src: url('fonts/sarasa-gothic-sc-regular.ttf') format('truetype'); /* 常规体 */font-weight: normal; /* 字体粗细 */font-style: normal; /* 字体样式 */}
input,body,textarea,pre,code{ font-family:"Sarasa Gothic","PingFang SC", "Microsoft YaHei","Helvetica Neue",Helvetica,"Hiragino Sans GB",Arial,sans-serif;}
/* 可以对选中文本进行自定义样式设计，例如改变选中文本的背景色、文字颜色等 */
::selection{background:#D7000F;color:#fff;}
/* 是一个用于 Firefox 浏览器的 CSS 伪元素选择器，与 ::selection 类似，但它专为 Firefox 设计 */
::-moz-selection{background:#D7000F;color:#fff;}
/* 可以为输入框的占位符文本设置特定的样式，例如颜色、字体、大小 */
::-webkit-input-placeholder{text-overflow:ellipsis}
/* 设置滚动条 */
::-webkit-scrollbar{width:8px;height:8px;overflow:auto}
::-webkit-scrollbar-thumb{background-color:#e6e6e6;min-height:25px;min-width:25px;border:1px solid #e0e0e0}
::-webkit-scrollbar-track{background-color:#f7f7f7;border:1px solid #efefef}

/*分页*/
.ui-bhpage{ width:auto; height:auto; overflow:hidden; clear:both; text-align:center;  margin:20px auto 20px auto;}
.ui-bhpage li{min-width:46px; height:41px;text-align:center; display:inline-block; line-height:41px; margin-right:4px;border:solid 1px #d9d9d9; border-radius:4px;margin-bottom: 10px;}
.ui-bhpage li:first-child a,.ui-bhpage li:last-child a{box-sizing: border-box;padding: 0 10px;}
.ui-bhpage li a{ width:100%; height:41px; text-align:center; line-height:41px; display:block; font-size:14px; color:#666; box-sizing: border-box; }
.ui-bhpage li:hover,.ui-bhpage li.active{ background:#D7000F; color:#fff; border:solid 1px #D7000F; }
.ui-bhpage li:hover a{ color: #fff;}

/* 文章详情 */
.ui-article {margin-top: 120px;padding: 6% 12%;}
.ui-article h2{line-height: 40px; font-size: 25px; text-align: center;}
.ui-art-tags{ text-align: center; line-height: 35px; font-size: 13px; color: #999; border-top: solid 1px #efefef;border-bottom: solid 1px #efefef; margin: 15px auto;}

/* 新闻详情 */
.ui-content{ width: 100%; min-height: 350px; margin: 10px auto; overflow: hidden;line-height:180%;word-wrap:break-word}
.ui-content p{ line-height: 36px; font-size: 18px;word-wrap:break-word;}
.ui-content img{ max-width: 100%;  border-radius: 3px; cursor: pointer; display: inline-block;}
.ui-content table{ width: 100%; border-collapse: collapse; margin: 10px auto;}
.ui-content table th{ padding:8px 12px; text-align: center; vertical-align: middle; background-color: #fafafa; border: solid 1px #dcdcdc;}
.ui-content table td{ padding:8px 12px; border: solid 1px #dcdcdc; font-size: 14px;}
.ui-content table tr:hover td{background-color: #fafafa;}
.ui-content table th:hover td{background-color: #efefef;}
.ui-content video{border:solid 1px #dcdcdc; overflow:hidden; padding:5px; border-radius:4px;margin: 0 auto;}
.ui-content pre{ background-color: #f6f8fa; border: solid 1px #dcdcdc; border-radius: 4px; line-height: 160%; padding: 10px 12px; font-size: 13px; color: #666;}
.ui-content pre code{ padding: 0; border: 0;}
.ui-content code{background-color: #f6f8fa; border: solid 1px #dcdcdc; border-radius: 4px; padding: 4px 6px; font-size: 12px; margin:0 2px;}
.ui-content input{ margin-right: 5px;}

/* 详情页码 */
.article-pager{  width:100%; height:38px; margin:15px auto 15px auto; clear:both; text-align:center;}
.article-pager li{ width:128px; height:38px;border:solid 1px #efefef; text-align:center; display:inline-block; 
line-height:38px; box-sizing:border-box; border-radius:4px; background:#fff; margin-right:7px;}
.article-pager li a{ width:100%; height:38px; display:block; color:#333; font-size: 13px;}
.article-pager li a span{ font-size: 13px;}
.article-pager li:hover{  border:solid 1px #e62129;}
.article-pager li:hover a{ color:#e62129;}

/* 暂无数据 */
.ui-nodata {width: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column; text-align: center; padding: 20px; box-sizing: border-box; overflow: hidden;}
.ui-nodata img{ display:block; margin: 0 auto;}
.ui-nodata p{ font-size: 13px; color: #666; line-height: 38px;}

/* 双伪元素清除法 */
.clearfix::before,.clearfix::after {content: "";display: table;}
.clearfix::after {clear: both;}

/* 显示一行超出省略号 */
.ellipsis {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/* 版心 */
.w {width: 100%;padding: 0 12%;height: auto;overflow: hidden;box-sizing: border-box;margin: 10px auto;}

/* 头部 */
.header {position: fixed;box-sizing: border-box;top: 0px;width: 100%;height: 120px; background: #fff; z-index: 9999;padding: 0 4%;display: flex;justify-content: space-between;align-items: center;  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}
.header .left {display: flex;align-items: center;height: auto;overflow: hidden;}
.header .left h1 {font-size: 0;height: 85px;}
.header .left h1 img {width: 100%;height: 100%;object-fit: contain;}
.header .left h1 a {width: 100%;height: 100%;}
.header .left .code {height: 40px;border-left: 1px solid #b9b9b9;margin-left: 14px;padding-left: 14px;display: flex;flex-direction: column;justify-content: space-between;}
.header .left .code h6 {font-size: 18px;color: #4d4d4d;}
.header .left .code h2 {font-size: 20px;color: #e62129;}
.header .right {position: relative;height: 100%;flex: 1;}
.header .right ul {display: flex;height: 100%;}
.header .right li {position: relative;display: flex;align-items: center;justify-content: center;width: calc(100%/9);}
.header .right ul li a {font-size: 20px;text-align: center;}
.header .right ul li a:hover,.header .right ul li a.active {font-weight: bold;color: #e62129;}
.header .right li .downtable {position: absolute;width: 200px;left: calc(50% - 100px); top: 118px;background-color: #fff;height: auto;display: none;}
.header .right li .downtable a {padding: 0;font-size: 16px;border-bottom: 0.5px solid rgba(178, 178, 178, 0.4);width: 100%;display: flex;height: 60px;line-height: 30px;align-items: center;justify-content: center;color: #000;}
.header .right li .downtable a:hover {font-weight: normal;color: #e62129;}
.header .right li .downtable a:last-child{border-bottom: 0;}
/* 分类 */
.header .classify {display: none;position: absolute;right: 15px;height: 44px;width: 44px;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s; z-index: 999;}
.header .classify:hover {cursor: pointer;background-color: rgba(255, 255, 255, 0.2);}
.header .classify span {position: absolute;left: calc((100% - 25px) / 2);top: calc((100% - 2px) / 2);width: 25px;height: 2px;
background-color: #000;}
.classify span:nth-child(1) {transform: translateY(10px) rotate(0deg);}
.classify span:nth-child(2) {opacity: 0;}
.classify span:nth-child(3) {transform: translateY(-10px) rotate(0deg);}
.classify-active span:nth-child(1) {animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}
.classify-active span:nth-child(2) {animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}
.classify-active span:nth-child(3) {animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickthird;}
/*第一条线旋转动画*/
@keyframes clickfirst {0% {transform: translateY(8px) rotate(0deg);}100% {transform: translateY(0) rotate(45deg);}}
/*第二条线淡入淡出动画动画*/
@keyframes clicksecond {0% {opacity: 1;}100% {opacity: 0;}}
/*第三条线旋转动画*/
@keyframes clickthird {0% {transform: translateY(-8px) rotate(0deg);}100% {transform: translateY(0) rotate(-45deg);}}
.classify-out span:nth-child(1) {animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;}
.classify-out span:nth-child(2) {animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
.classify-out span:nth-child(3) {animation-duration: 0.5s;animation-fill-mode: both;animation-name: outthird;}
@keyframes outfirst {0% {transform: translateY(0) rotate(-45deg);}100% {transform: translateY(-8px) rotate(0deg);}}
@keyframes outsecond {0% {opacity: 0;}100% {opacity: 1;}}
@keyframes outthird {0% {transform: translateY(0) rotate(45deg);} 100% {transform: translateY(8px) rotate(0deg);}}

/* 分类容器 */
.asidewrap {position: fixed;top: 0px; left: 0;  right: 0;  bottom: 0; z-index: 999;display: none;background-color: #f5f5f5;padding: 0 15px; padding-top: 120px;}
.asidewrap ul {width: 100%;overflow-y: auto;height: calc(100vh - 110px);}
.asidewrap li {border-bottom: 1px solid #dcdcdc;font-size: 16px;}
.asidewrap li .asideheader {display: flex;justify-content: space-between;align-items: center;height: 60px;}
.asidewrap li .asideheader .tit {flex: 1;font-size: 16px;color: #333;line-height: 60px;}
.asidewrap li .asideheader .kz {width: 60px;font-size: 35px;font-style: normal;font-weight: normal;text-align: right;color: #666;}
.asidewrap li .asideheader .tit:hover {color: #e62129;}
.asidewrap li .asidecontent {padding: 0 15px;display: none;}
.asidewrap li .asidecontent a {display: block;position: relative;line-height: 44px;color: #666;font-size: 14px;padding-left: 15px;}
.asidewrap li .asidecontent a:hover {color: #e62129;}

/* 底部 */
.footer {background-color: #323232;}
.footer .w {overflow: visible;}
.footer .top {display: flex;justify-content: space-between;align-items: center;height: 160px;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.footer .top h1 {font-size: 0;height: 75px;}
.footer .top h1 img {height: 100%;width: 100%;object-fit: contain;}

.footer .top .right {background-color: transparent;display: flex;justify-content: space-between;}
.footer .top .right .item {width: 120px;height: 160px;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-right: 15px;}
.footer .top .right .item:last-child {margin-right: 0;}
.footer .top .right .item img {width: 90px;height: 90px;overflow: hidden;border-radius: 10px;object-fit: contain;}
.footer .top .right .item text {font-size: 14px;color: #fff;line-height: 20px;text-align: center;margin-top: 6px;}

.footer .main {padding: 22px 0;display: flex;justify-content: space-between;}
.footer .main dl dt {font-size: 18px;color: #fff;line-height: 40px;}
.footer .main dl dd a {font-size: 16px;color: rgba(255, 255, 255, 0.5);line-height: 41px;}
.footer .main dl dd a:hover{color: #e62129;}
.footer .foot {padding: 45px 0;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.footer .foot a {font-size: 16px;color: #cecece;line-height: 30px;}
.footer .foot a:hover {color: #e62129;}
.footer .foot .left {display: flex;align-items: center;flex-wrap: wrap;}
.footer .foot .left a {margin-left: 5px;}
.footer .foot .left span {color: #cecece;font-size: 16px;line-height: 30px;}
.footer .foot .left .an {display: flex;align-items: center;}
.footer .foot .left .an img {width: 14px;height: 16px;overflow: hidden;margin-right: 5px;}

/* 其他页面广告 */
.banner {width: 100%;height: 500px;margin-top: 120px;overflow: hidden;position: relative;}
.banner img {width: 100%;height: 100%;object-fit: cover;}
.banner .mask {display: flex;justify-content: center;align-items: center;flex-direction: column;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.banner .mask h1 {font-size: 72px;color: #fff;font-weight: 600;}
.banner .mask h2 {font-weight: 400;color: #fff;line-height: 35px;font-size: 24px;margin-top: 5px;}

/* 其他导航栏 */
.othernav {background-color: #fff;width: 100%;padding: 0 12%;box-shadow: 0px 1px 0px 0px rgba(147, 147, 147, 0.35);height: 80px;display: flex;justify-items: center;align-items: center;}
.othernav .navMain {overflow-x: auto;width: 100%;display: flex;justify-content: center;align-items: center;white-space: nowrap;}
.othernav .navMain a {padding: 0 30px;line-height: 80px;font-size: 18px;color: #666666;display: flex;flex-direction: column;}
.othernav .navMain a:hover{color: #e62129;}
.othernav .navMain a.active {color: #e62129;}
.othernav .navMain::-webkit-scrollbar{height: 0;}
.othernav .navMain a.active::after {content: '';width: 100%;height: 2px;background-color: #e62129;}


@media only screen and (max-width: 768px) {

    .w {width: 100%;padding: 0 15px;}
    .header {height: 64px;padding: 0 15px;}
    .header .left h1 {height: 44px;}
    .header .left .code {margin-left: 10px;padding-left: 10px;}
    .header .left .code h6 {font-size: 14px;}
    .header .left .code h2 {font-size: 16px;}
    .header .right {display: none;}    
    .header .classify {display: block;}
    .asidewrap {padding-top: 64px;}
    .footer .top {display: none;}
    .footer .main {display: none;}
    .footer .foot a {font-size: 12px;}
    .footer .foot .left span {font-size: 12px;}
    .footer .foot .left .an img {width: 10px;height: 12px;}
    .footer .foot {padding: 22.5px 0;}   
    .banner {margin-top: 64px;height: 150px;}

    .othernav {padding: 0 15px;height:45px;}
    .othernav .navMain a {padding: 0 15px;line-height: 45px;font-size: 14px;}

}

@media only screen and (min-width: 768px) and (max-width: 996px) {

    .w {width: 100%;padding: 0 15px;}
    .header {height: 64px; padding: 0 15px;}
    .header .left h1 {height: 45px;}
    .header .left .code {margin-left: 10px;padding-left: 10px;}
    .header .left .code h6 {font-size: 14px;}
    .header .left .code h2 {font-size: 16px;}
    .header .right {display: none;}    
    .header .right {display: none;}    
    .header .classify {display: block;}
    .asidewrap {padding-top: 64px;}
    /* .footer .top{height: 90px;} */
    .footer .top h1 {height: 45px;}
    /* .footer .top .right {width: 165px;height: 45px;}
    .footer .top .right .item {height: 45px;width: 45px;}
    .footer .top .right .item .pop {width: 80px;height: 80px;}
    .footer .top .right .item .pop::after {top: 80px;border-top: 8px solid #fff; border-left: 8px solid transparent;  border-right: 8px solid transparent;}
    .footer .top .right .item .pop {left: calc(50% - 40px);top: -90px;width: 80px;height: 80px;} */
    .footer .main dl dt {font-size: 16px;}
    .footer .main dl dd a {font-size: 14px;}
    .footer .foot a {font-size: 14px;}
    .footer .foot .left span {font-size: 14px;}
    .banner {margin-top: 64px;height: 250px;}
    .othernav {padding: 0 15px;height: 60px;}
    .othernav .navMain a {padding: 0 15px;line-height: 60px;font-size: 14px;}


}

@media only screen and (min-width: 996px) and (max-width: 1440px) {

    .w {width: 100%;padding: 0 15px;}
    .header {height: 98px;padding: 0 15px;}
    .header .left h1 {height: 60px;}
    .header .left .code {margin-left: 10px;padding-left: 10px;}
    .header .left .code h6 {font-size: 14px;}
    .header .left .code h2 {font-size: 16px;}
    .header .right ul li a {font-size: 16px;}
    .header .right li .downtable {width: 140px;top: 98px; left: calc(50% - 70px);}
    .header .right li .downtable a {font-size: 14px;height: 45px;}
    .asidewrap {padding-top: 98px;}
    .footer .top h1 {height: 60px;}
    /* .footer .top .right {width: 165px;height: 45px;}
    .footer .top .right .item {height: 45px;width: 45px;}
    .footer .top .right .item .pop {width: 80px;height: 80px;}
    .footer .top .right .item .pop::after {top: 80px;border-top: 8px solid #fff; border-left: 8px solid transparent;  border-right: 8px solid transparent;}
    .footer .top .right .item .pop {left: calc(50% - 40px);top: -90px;width: 80px;height: 80px;} */
    .footer .foot {padding: 30px 0;}
    .banner {margin-top: 98px;}
    .othernav {padding: 0 15px;}


}