@charset "utf-8";

body{font-size:14px;font-family:"PingFang SC", "Microsoft YaHei","Helvetica Neue",Helvetica,"Hiragino Sans GB",Arial,sans-serif;}

*{box-sizing: border-box;}

::selection{background:#06f;color:#fff;}
::-moz-selection{background:#06f;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:32px; height:32px;text-align:center; display:inline-block; line-height:32px; margin-right:4px;border:solid 1px #d9d9d9; border-radius:4px;}
.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:32px; text-align:center; line-height:32px; display:block; font-size:14px; color:#666; box-sizing: border-box; }
.ui-bhpage li:hover,.ui-bhpage li.active{ background:#38a0f4; color:#fff; border:solid 1px #38a0f4; }
.ui-bhpage li:hover a{ color: #fff;}

/* 新闻内容 */
.ui-article {padding: 50px 0;}
.ui-article h2 {line-height: 40px;font-size: 25px;text-align: center;font-weight: normal;}
.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-art-tags i {font-style: normal;}
.ui-art-tags span{ margin: 0 5px;}
.ui-content{ width: 100%; min-height: 350px; margin: 10px auto; overflow: hidden;line-height:180%;word-wrap:break-word}
.ui-content p{ line-height: 32px; font-size: 14px;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;}
.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 #0167bb;}
.article-pager li:hover a{ color:#23438c;}

/* 双伪元素清除法 */
.clearfix::before,.clearfix::after {content: "";display: table;}
.clearfix::after {clear: both;}
/* 显示一行超出省略号 */
.ellipsis {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/* 没有数据 */
.ui-nodata{ 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;}

.container {width:1400px;background-color: transparent;overflow: hidden;box-sizing: border-box;margin: 0 auto;}
.section {width: 100%;box-sizing: border-box;padding: 90px 0px;overflow: hidden;background-color: transparent;}

/* 头部 */
.header {position: fixed;box-sizing: border-box;top: 0px;width: 100%;height: 100px;background: transparent;z-index: 9999;}
.header .container {display: flex;justify-content: space-between;align-items: center;height: 100%;overflow: visible;}
.header .logo {width: 180px;height: 58px;overflow: hidden;font-size: 0;}
.header .logo img {width: 100%;height: 100%;object-fit: contain;}
.header .nav {flex: 1;margin-left: 200px;display: flex;justify-content: space-between;align-items: center;height: 58px;}
.header .nav li {position: relative;display: flex;align-items: center;height: 100%;}
.header .nav li .navitem {font-size: 18px; color: #fff;}
.header .nav li.active .navitem {color: #0956a5;}
.header .nav li:hover .navitem {color: #0956a5;}
.header .nav li .menuwrap {display: none;position: absolute; top: 58px;left: -30px;width: calc(100% + 60px);max-height: 300px;
 background-color: #fff;overflow-y: auto;}
.header .nav li .menuwrap .menuitem {display: block;line-height: 44px;padding: 0 15px;font-size: 14px;color: #222;}
.header .nav li .menuwrap .menuitem:hover {background-color: #0956a5;color: #fff;}

.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: #fff;}
.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);}}
.fade-in {background-color: #fff;background: #fff;}
.fade-in .nav li .navitem {color: #222222;}
.fade-in .classify span {background-color: #222;}

/* 分类容器 */
.asidewrap {position: fixed;top: 0px; left: 0;  right: 0;  bottom: 0; z-index: 999;display: none;background-color: #f5f5f5;padding: 0 15px; padding-top: 64px;}
.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: #0956a5;}
.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: #0956a5;}

/* 底视图 */
.footer {background-color: #323232;width: 100%;}
.footer .top {padding: 30px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.footer .top .container {display: flex;justify-content: space-between;align-items: center;overflow: visible;}
.footer .top .nav {display: flex;flex: 1;}
.footer .top .nav a {color: #fff;font-size: 18px;display: flex;justify-content: space-between;align-items: center;}
.footer .top .nav a:not(:last-child):after {content: '';height: 16px;width: 1px;background-color: #8c8c8c;margin: 0 40px;}
.footer .top .nav a:hover {color: #0956a5;}
.footer .top .tool {display: flex;align-items: center;justify-content: space-between;}
.footer .top .tool .toolitem {position: relative;width: 65px;height: 65px;display: flex;align-items: center;justify-content: center;background-color: rgba(255, 255, 255, 0.06);border-radius: 50%;cursor: pointer;margin-left: 30px;}
.footer .top .tool .toolitem i {font-size: 30px;color: #fff;}
.footer .top .tool .toolitem .pop {display: none;position: absolute;left: calc(50% - 60px);top: -130px;width: 120px;height: 120px;    background-color: #fff;z-index: 99;}
.footer .top .tool .toolitem .pop::after {content: '';position: absolute;top: 120px; right:calc(50% - 10px); width: 0; height: 0; border-top: 10px solid #fff; border-left: 10px solid transparent;  border-right: 10px solid transparent;}
.footer .top .tool .toolitem .pop img {object-fit: contain;width: 100%;height: 100%;}
.footer .foot {padding: 35px 0;}
.footer .foot .container {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;color: #cecece;font-size: 16px;line-height: 30px;}
.footer .foot .des {display: flex; align-items: center; flex-wrap: wrap;}
.footer .foot .des .gaba {display: flex;align-items: center;margin-left: 5px;}
.footer .foot .des .gaba img {margin-right: 5px;}
.footer .foot .des a {margin-left: 5px;}
.footer .foot a:hover {color: #0956a5;}
/* 其他页面banner */
.otherBanner {width: 100%;height: 600px;overflow: hidden;}
.otherBanner img {width: 100%;height: 100%;object-fit: cover;}

.otherNav {width: 100%;background-color: #fff;overflow: hidden;border-bottom: 1px solid #ebebeb;}
.otherNav .othernavwrap {padding: 30px 0;display: flex;flex-wrap: wrap;line-height: 30px;}
.otherNav .othernavwrap a {font-size: 16px;color: #666666;}
.otherNav .othernavwrap span {margin: 0 10px;}
.otherNav .othernavwrap a:hover {color: #0956a5;}

/* 对于小屏幕设备（手机等） */
@media only screen and (max-width: 600px) {
	.container {width: 100%; padding: 0 15px;}
	.section {padding: 30px 0px;}

    /* 头部 */
    .header {position: fixed;height: 64px;}
    .header .logo {width: auto;height: 44px;}
    .header .nav {display: none;}
    .header .classify {display: block;}

    /* 底部 */
    .footer .top .nav {display: none;}
    .footer .foot .des a {margin-left: 0;}
    .footer .foot .des .gaba {margin-left: 0;}

    .otherBanner {height: 300px;}
    .otherNav .othernavwrap {padding: 15px 0;}

}
/* 对于中等屏幕设备（平板等） */
@media only screen and (min-width: 601px) and (max-width: 1199px) {
	.container {width: 100%;padding: 0 15px;}
	.section {padding: 60px 0px;}

    /* 头部 */
    .header {position: fixed;height: 64px;}
    .header .logo {width: auto;height: 44px;}
    .header .nav {display: none;}
    .header .classify {display: block;}

    
    /* 底部 */
    .footer .top .nav {display: none;}

    
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {

    .container {width: 1200px;}

}