/*titleBox*/
.titleBox{ border-bottom:1px solid #aaaaaa; height:34px;}
.titleBox h4{ border-bottom:3px solid #aa0114; color:#333333; font-size:20px; font-weight:bold; line-height:20px; padding:0 10px 12px 0; height:20px; float:left;}

/*article*/
.article-nav{ width:1200px; margin:0 auto 30px;}
.article-nav-container{ overflow:hidden; margin:-15px 0 0 -12px;}
.article-nav-container a{ display:block; float:left; line-height:32px; height:32px; margin:15px 0 0 12px; padding:0 10px; background-color:#eeeeee; color:#222222; font-size:14px;}
.article-nav-container a.current{ color:#fff; background-color:#aa0114;}
.article-nav-container a.current:hover{ color:#fff; background-color:#aa0114;}
.article-nav-container a:hover{ color:#fff; background-color: rgba(170, 1, 20,0.8);}

/*article-container*/
.article-container{ width:1200px; margin:0 auto 80px;}
.article-container .main{ float:left; width:880px;}

/*newest-article-column*/
.newest-article-column li{ overflow:hidden; margin:28px 0 0 0;}
.newest-article-column li .theImg{ float:left; width:280px; height:160px; overflow:hidden;}
.newest-article-column li .theImg img{ display:block; width:100%; height:100%; object-fit:cover;transition:all .5s ease 0s}
.newest-article-column li .theImg img:hover{transform:scale(1.1,1.1)}
.newest-article-column li .theInfo{ float:right; width:580px; position:relative; height:160px;}
.newest-article-column li .theInfo .tit{ color:#333333; font-size:20px; font-weight:bold; line-height:35px; height:35px; overflow:hidden; display:block; margin:0 0 10px 0 0;}
.newest-article-column li .theInfo .tit:hover{ color:#aa0114;}
.newest-article-column li .theInfo p{ color:#666666; font-size:14px; line-height:24px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3; }
.newest-article-column li .theInfo .nr{ overflow:hidden; position:absolute; left:0; bottom:5px; width:100%;}
.newest-article-column li .theInfo .nr .nr-style{ float:left; color:#fff; font-size:14px; line-height:22px; height:22px; background-color:#aa0114; padding:0 6px; margin:0 10px 0 0;}
.newest-article-column li .theInfo .nr .nr-style02{ float:left; color:#333; font-size:14px; line-height:22px; height:22px; background-color:#f5e0e2; padding:0 6px; margin:0 10px 0 0;}
.newest-article-column li .theInfo .nr .nr-style:hover,.newest-article-column li .theInfo .nr .nr-style02:hover{ opacity:0.8;filter(alpha=80)}
.newest-article-column li .theInfo .nr .time{ float:right; color:#999999; font-size:14px; line-height:22px; height:22px;}

/*tab-container*/
.tab-container{ width:1200px; margin:0 auto 40px; overflow:hidden;}
.tab-container .theImg{ display:block; float:left; width:400px; height:240px; overflow:hidden;}
.tab-container .theImg img{ display:block; width:100%; height:100%; object-fit:cover;transition:all .5s ease 0s}
.tab-container .theImg img:hover{transform:scale(1.1,1.1)}
.tab-container .theInfo{ background-color:#f9f7f3; width:720px; height:160px; float:right; padding:40px;}
.tab-container .theInfo h1{ color:#333333; font-size:24px; font-weight:bold; line-height:24px; margin:0 0 20px 0;}
.tab-container .theInfo p{ color:#333333; font-size:14px; line-height:28px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4; }

/*article-detail-column*/
.article-detail-column{ background-color:#f9f7f3; padding:40px; margin:0 0 40px 0;}
.article-detail-column .adc-title h1{ font-size: 32px; color:#333333; font-weight: bold; line-height:32px; text-align:center;}
.article-detail-column .adc-title .nr{ text-align:center; margin:25px 0 0 0;}
.article-detail-column .adc-title .nr .name{ color:#999999; font-size:12px; margin:0 30px;}
.article-detail-column .adc-title .nr .time{ color:#999999; font-size:12px; margin:0 30px;}
.article-detail-column .adc-detail p{ color:#333333; font-size:18px; text-indent:2em; line-height:32px; margin:15px 0;}
.article-detail-column .adc-detail img{ display:block; max-width:100%; margin:15px auto;}
.article-detail-column .adc-detail h3{margin:.3rem;padding-left:.3rem;border-left:.08rem solid #a90013;background:#fff6f7;color:#a90013;font-weight:400;font-weight:700;font-size:1.3rem;line-height:1.8rem}
.article-detail-column .adc-detail h2 *,.article-detail-column .adc-detail h3 *{color:#E36C09;font-size:1.3rem;line-height:1.8rem}

/*recommend-column*/
.recommend-column{ margin:0 0 20px 0;}
.recommend-column ul{ margin:26px 0 0 -30px; overflow:hidden;}
.recommend-column li{ float:left; width:197px; margin:0 0 15px 30px;}
.recommend-column .theImg{ display:block; width:197px; height:117px; overflow:hidden;}
.recommend-column .theImg img{ display:block; width:100%; height:100%; object-fit:cover;}
.recommend-column .theImg img:hover{ opacity:0.9;filter(alpha=90)}
.recommend-column .theInfo{ display:block; width:197px; margin:5px 0 0 0;}
.recommend-column .theInfo p{ color:#333333; font-size:14px; width:197px; line-height:21px; height:42px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.recommend-column .theInfo p:hover{ color:#aa0114;}

/*adc-label*/
.adc-label{ margin:50px 0 0 0;}
.adc-label span{ color:#333333; font-size:16px; font-weight:bold; line-height:22px; height:22px; margin:0 20px 0 0; padding:0 0 0 29px; background:url(../images/icon-bg.png); background-position:-141px -13px;}
.adc-label a{ color:#fff; font-size:14px; line-height:22px; height:22px; background-color:#ac8963; padding:0 6px; margin:0 10px 0 0; cursor:pointer;}
.adc-label a:hover{ opacity:0.9;filter(alpha=90)}

/*TurnPage*/
.TurnPage{ margin:30px 0 0 0; overflow:hidden;}
.TurnPage li{ width:48%; float:left;}
.TurnPage .TurnPage-left{ margin:0 4% 0 0;}
.TurnPage li p{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.TurnPage li .instr{ color:#333333; font-size:18px; font-weight:bold; line-height:39px; height:39px;}
.TurnPage li .txt{ color:#333333; font-size:16px; line-height:39px; height:39px;}
.TurnPage li .txt:hover{ color:#aa0114; text-decoration:underline;}
@media screen and (min-width:320px) and (max-width:768px) {
.article-nav {
  width: 96%;
  margin: 0 2% 30px;
}
.article-container .main {
  float: left;
  width: 100%;
}
.article-container {
  width: 100%;
  margin: 0 auto 80px;
}
.newest-article-column li .theImg {
  float: left;
  width: 30%;
  height: 80px;
  overflow: hidden;
}.newest-article-column li {
  overflow: hidden;
  margin: 20px auto;
  width: 96%;
}
.newest-article-column li .theInfo {
  float: right;
  width: 65%;
  position: relative;
  height: 100px;
}
.newest-article-column li .theInfo p {
  color: #666666;
  font-size: 14px;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  height: 30px;
}
.newest-article-column li .theInfo .tit {
  color: #333333;
  font-size: 16px;
  font-weight: bold;
  line-height: 16px;
  height: 22px;
  overflow: hidden;
  display: block;
  margin: 0 0 10px 0 0;
}
.newest-article-column li .theInfo .nr {
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 100%;
}
.pagination a {
  display: inline-block;
  padding: 5px 8px;
  margin: 0 3px;
  height: 14px;
  line-height: 14px;
  _display: inline;
  _zoom: 1;
}
.article-container .sidebar {
  float: right;
  width: 100%;
}

.article-container .sidebar {
  float: none;
  width: 96%;
  margin: 0 auto;
}
.wrap1200 {
  width: 100%;
  margin: 0 auto;
}
.TurnPage li {
  width: 100%;
  float: left;
}
.recommend-column ul {
  margin: 26px 0 0 0;
  overflow: hidden;
}
.recommend-column li {
  float: left;
  width: 42%;
  margin-left: 20px;
}
.recommend-column .theImg {
  display: block;
  width: 100%;
  height: 117px;
  overflow: hidden;
}
.recommend-column .theInfo {
  display: block;
  width: 100%;
  margin: 5px 0 0 0;
}
.recommend-column .theInfo p {
  color: #333333;
  font-size: 14px;
  width: 100%;
  line-height: 21px;
  height: 42px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
}