@charset "utf-8";

body{color: #333; background: url(../images/body_bg.jpg) no-repeat center top;}
a{color: #333;}
a:hover{color: #e00c14;}

.infoList li h4 a{color: #333;}
.infoList li h4 a:hover{color: #e00c14;}
.infoList li h4 a:before{top: -2px; width: 5px; height: 5px; background-color: #333;}
.infoList li h4 a:hover:before{background-color: #e00c14;}
.infoList li h4 .time{color: #999;}
.infoList.hadLine li:before{border-top-color: #ddd;}

.crumb{border-bottom: 1px solid #ccc;}
.crumb>div{width: auto; padding: 1.375em 0; line-height: 24px;} 
.crumb dl dt{top: 0; width: 19px; height: 24px; background-image: url(../images/crumb.png);}
.crumb dl dd em{display: inline-block;}
.crumb a{color: #333;}
.crumb a:hover{color: #e00c14;}
.crumb span{color: #e00c14;}
.crumb span a{font-weight:bold; color: #e00c14 !important;}

.common-owl-arrow .owl-nav>div{margin-top: -16px; width: 32px; height: 32px; background-color: #d2bdb7; box-shadow: none !important;}
.common-owl-arrow .owl-nav>div i{color: #fff; line-height: 32px;}
.common-owl-arrow .owl-nav>div:hover{background-color: #e00c14;}
.common-owl-arrow .owl-nav>div.disabled{ background-color: #000; opacity: .1;}
.common-owl-arrow .owl-nav>div.disabled i{color: #f7f7f7;}
.common-owl-arrow .owl-nav>div.disabled:hover{background-color: #000;}
.owl-carousel .owl-dots{display: none;}

.pagediv .arrow a:hover,
.page_jump a:hover,
.pagediv .arrow .current{background: #e00c14; border-color: #e00c14;}

.topic-header .container{position: relative;}
.topic-header .banner{text-align: left;}
.topic-footer{background-color: #a50800;}
.topic-footer .bg{background: url(../images/footer_bg.jpg) no-repeat center top; background-size: cover;}
.topic-footer .bqxx{padding: 4%; color: #fff; text-align: center;}
.topic-box{background-image: url(../images/white_mask_90.png); box-shadow: 0px 5px 8px 4px rgb(69 0 0 / 3%);}

.topic-index .crumb{border-bottom: none;}

.introduce{padding: 2.2% 3%;}
.introduce dl{overflow: hidden;}
.introduce dl dt{width: 35%;float: left;}
.introduce dl dd{font-size: 1.125em; line-height: 2em; text-align: justify;width: 61%;float: right;text-indent: 2em;}
.introduce dl dd a{color: #e00c14;}

.topic-column{position: relative; text-align: center;}
.topic-column a{position: relative; z-index: 3; display: inline-block;font-size: 26px;font-weight: bold;color: #be0900;}
.topic-column span{position: absolute; bottom: 30%; display: block; border-top: 2px solid #e00814;}
.topic-column span.left{left: 0;}
.topic-column span.right{right: 0;}
.topic-item{position: relative; padding: 1.25em; border: 1px solid #fff;}
.topic-item dt{font-weight: bold; line-height: 1.5em; overflow: hidden;}
.topic-item dd a{display: inline-block; color: #e00c14;}
.topic-item dd{padding-top: 1.25em; color: #666; line-height: 1.75em; text-align: justify; overflow: hidden;}
.topic-item:hover{border-color: #e00c14;}
.topic-item:hover dt a{color: #e00c14;}

.file-main .owl-carousel .owl-stage-outer{padding-bottom: 1.25em;}
.file-main .topic-item dt{height: 6em; border-bottom: 1px solid #f9ced0;}
.file-main .topic-item dt div{-webkit-line-clamp: 3;}
.file-main .topic-item dd{height: 12.25em; text-indent: 2em; -webkit-line-clamp: 7; }

.work-list{margin-right: -12px; margin-left: -13px;}
.work-list .item{float: left; width: 50%;}
.work-list .topic-item{margin: 0 12px 25px 13px;}
.work-list .topic-item dd{padding-top: .5em;}

.compile-list .left{float: left; width: 45%;}
.compile-list .right{float: right; width: 45%;}

.result-list{margin-right: -12px; margin-left: -13px;}
.result-list li{float: left; width: 25%;}
.result-list li a{position: relative; display: block; height: 60px; padding: 0 3.125em 0 2em; margin: 0 12px 25px 13px; background-image: url(../images/ztzl/jczwgk/white_mask_90.png); border-radius: 5px; box-shadow: 0px 5px 8px 4px rgb(69 0 0 / 3%);}
.result-list li a i{position: absolute; top: 50%; right: 15px; margin-top: -10px; width: 20px; height: 20px; line-height: 20px; font-size: 1em; text-align: center; color: #fff; background-color: #d2bdb7; border-radius: 50%;}
.result-list li a span{position: relative; width: 100%; height: 98%; display: table; vertical-align: middle;}
.result-list li a span font{position: relative; width: 100%; display: table-cell; vertical-align: middle; font-size: 1.25em; text-align: center;}
.result-list li a:hover{color: #fff; background: #e53036;} 
.result-list li a:hover i{color: #e53036; background-color: #fff;}

.topic-grid{padding: 0 20px 45px;}
.topic-grid .inBox{padding: 15px 30px 0;}
.topic-grid .pageList{padding-top: 0;}
.topic-grid .article-title{padding-top: .5em; font-size: 1.625em; font-weight: bold; color: #333;}

.owl-carousel .item img{
  height: 284px;
}

.article-content a{
  color:blue;font-weight: bold;text-decoration: underline;
}
.article-content table {
  word-break: break-all !important;
  table-layout: auto!important;
}
@media (max-width: 991px){
  .infoList li{border-bottom: none;}
  .topic-grid{padding: 0 0 15px;}	
  .crumb{margin-bottom: 0; background-color: transparent;}
  .crumb>div{padding-top: 1em; padding-bottom: 1em; margin-right: 15px; margin-left: 15px;}
  .topic-grid .inBox{padding: 0 15px;}
  .topic-item{padding: 1em;}
  .introduce dl dt{text-align: center;}
  .introduce dl dt,.introduce dl dd{float: none;width: 100%;}
  .compile-list .left{width: 48%;}
  .compile-list .right{width: 48%;}
  .topic-index .inBox{padding-right: 15px; padding-left: 15px;}
  .result-list{margin-right: -7px; margin-left: -8px;}
  .result-list li{width: 33.33333%;}
  .result-list li a{padding-right: 2.5em; padding-left: 15px; margin: 0 7px 15px 8px;}
  .result-list li a i{right: 10px;}
  .work-list{margin-right: -7px; margin-left: -8px;}
  .work-list .topic-item{margin: 0 7px 15px 8px;}
}

@media (max-width: 768px){
  .work-list .item{width: 100%;}
  .work-list .topic-item dt,
  .work-list .topic-item dt a{white-space: normal;}
}

@media (max-width: 800px){
  .compile-list .left{float: none; width: auto;}
  .compile-list .right{width: auto; display: none;}
}

@media (max-width: 640px){
  .result-list li{width: 50%;}
}

@media (max-width: 600px){
  .introduce{padding: 15px;}
  .introduce dl dt{position: static; margin-top: 0; width: auto; padding-bottom: 15px; margin-bottom: 15px; text-align: center;}
  .result-list li a span font{font-size: 1.0625em;}
}

@media (max-width: 450px){
  .topic-column a img{height: 80px;}
  .file-main .topic-item dt{height: auto; padding-bottom: 1em;}
  .file-main .topic-item dd{height: auto;}
}