body, ul, li, p, h1, h2, h3, h4, h5, h6 {padding: 0;margin: 0;}
li {list-style: none;}
a {text-decoration: none}
img {border: 0;vertical-align: top;}
.clearfix:after {content: "";display: block;line-height: 0px;height: 0px;clear: both;visibility: hidden}
ul,li{ list-style:none;}
a{ text-decoration:none; color:#000;}
a:hover{ text-decoration:none;color:#000;}
img{ border:none;}
.clear{clear:both;}
.equal{ padding-bottom:9999px; margin-bottom:-9999px; overflow:hidden;}
input,textarea,select,button,a:focus {outline: none;}
body{width: 100%;height: 100%;margin: 0 auto;}
input,textarea,select,button,a:focus {outline: none;}
.left{float: left;}
.right{float: right;}


.paging {
    width: 100%;
    margin: 0px auto 20px;
    position: absolute;
    bottom: 0px;
}

.pager{
    text-align: right;
}

.paging a {
    margin-right: 10px;
    font-size: 16px;
    color: #1A1A1A;
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid #E6E6E6;
    text-align: center;
    line-height: 40px;
    border-radius: 4px;
    cursor: pointer;
}

.paging .next {
    width: 70px;
}

.paging .pre {
    width: 70px;
}

.paging a:hover {
    color: #fff;
    background: #9B0000;
    border: 1px solid #E6E6E6;
}

.paging .page-curr {
    color: #fff;
    background: #9B0000;
    border: 1px solid #E6E6E6;
}

.paging .zwsj{height:0px !important;overflow:hidden;}

/*-----------------------*/

.ddh-container {
  width: 1200px;
  margin: 0 auto;
}

.header {
  width: 100%;
  height: auto;
  background-color: #9B0000;
}
.header img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bread-nav {
  width: 100%;
  height: 40px;
  background-color: #F5F5F5;
}
.bread-nav span,
.bread-nav a { color: #4D4D4D;font-size: 14px;line-height: 40px;}
.bread-nav a:hover,
.bread-nav a.active {
  color: #C30606;
}
.container {margin-top: 20px;}

.left-nav {width: 176px;}
.left-nav .one-ul > li{width: 100%;line-height: 56px;position: relative;}
.left-nav ul li a{display: inline-block;height: 56px;font-size: 18px;color: #666666;padding-left: 22px;width: 100%;box-sizing: border-box;}
.left-nav .one-ul > li:hover > a,
.left-nav .one-ul > li.active > a{background-color: #C30606;}
.left-nav ul li:hover > a,
.left-nav ul .active > a{color: #fff;}
.left-nav .two-ul {
  display: none;
  margin-top: 8px;
}
.left-nav .two-ul a {padding-left: 40px;font-size: 16px;}
.left-nav li.active .two-ul {
  display: block !important;
}
.left-nav li.active .two-ul li,
.left-nav li.active .two-ul li a {
  height: 34px;
  line-height: 34px;
}
.left-nav li.active .two-ul li:hover a,
.left-nav li.active .two-ul li.active a {
  color: #C30606;
  font-size: 16px;
}
.left-nav .one-ul>li span {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: url('../img_ddh/icon+.png') no-repeat center;
  position: absolute;
  right: 10px;
  top: 25px;
  background-size:cover;
}
.left-nav .one-ul>li.active span {
  background: url('../img_ddh/icon-.png') no-repeat center;
}

.content-box { width: 82.08%;margin-bottom: 20px;min-height:600px;position: relative;}
.content-box > .top {height: 48px;background-color: #F2F1F1;margin-bottom: 20px;}
.content-box > .top h2 {font-size: 20px;color: #000000;margin-left: 20px;line-height: 48px;font-weight: 400;font-family: Source Han Sans CN;}

.list-box .list-content .list-item{width: 100%;height: 60px;margin-bottom: 20px;padding: 5px 0px;border-radius: 5px;}
.list-box .list-content .list-item .date{width: 72px;height: 60px;background: #F2F1F1;text-align: center;display: flex;
flex-direction: column;color: #666666;justify-content: center;}
.list-box .list-content .list-item .date .day{font-size: 22px;font-weight: bold;}
.list-box .list-content .list-item .date .year-month{font-size: 12px;}
.list-box .list-content .list-item .content {width: 890px;font-family: Source Han Sans CN;height: 32px;display: block;}
.list-box .list-content .list-item .content > .title {
  display: inline-block;color: #1A1A1A;font-size: 18px;height: 28px;cursor: pointer;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;}
.list-box .list-content .list-item:hover,
.list-box .list-content .list-item:hover .date {background-color: #C30606;color: #fff;}
.list-box .list-content .list-item .content > .description{
  font-size: 14px;color: #666666;height: 30px;overflow: hidden;text-overflow: ellipsis;width: 100%;
  white-space: nowrap;}
.list-box .list-content .list-item:hover .content >.title,
.list-box .list-content .list-item:hover .content >.description{color: #fff;}
.list-box .list-content {margin-bottom:80px;}
.list-box .list-content .list-item img{width:320px;height:181px;}

.list-box > .year{margin-bottom: 20px;}
.list-box > .year ul {display: flex;justify-content: space-between;}
.list-box > .year ul li{width: 180px;height: 49px;line-height: 49px;text-align: center;border: 1px solid #DFE0E9;}
.list-box > .year ul li a{display: inline-block;width: 100%;height: 100%;color: #5C5C5C;}
.list-box > .year ul li a:hover,
.list-box > .year ul li.active a{color: #fff;background-color: #C30606;}

.list-img-box .list-item {clear: both;width: 100%;height: 200px;margin:30px 0;}
.list-img-box .list-item > a{ display: inline-block; cursor: pointer;width: 100%;height: 100%;padding: 20px 0 0;margin-bottom: 40px;
transition: background-color 0.2s 0s ease-in;clear: both;}
.list-img-box .list-item > a .date {width: 97px;height: 85px;border-top: 4px solid #94070A;padding-top: 30px;text-align: right;margin-right: 43px;}
.list-img-box .list-item > a .date .year-month {color: #999999;font-size: 14px;}
.list-img-box .list-item > a .date .day {color: #94070A;font-size: 28px;}
.list-img-box .list-item > a img{float: left;width: 320px;height: 181px;object-fit: cover;}
.list-img-box .list-item > a .content {width: 485px;font-family: Source Han Sans CN;height: 32px;display: block;}
.list-img-box .list-item > a .content > .title {
  display: inline-block;color: #1A1A1A;font-size: 18px;height: 32px;line-height: 32px;cursor: pointer;}
.list-img-box .list-item > a .content > .description{
  font-size: 14px;color: #666666;line-height: 26px;overflow: hidden;text-overflow: ellipsis;width: 100%;
  height: 148px;}
.list-img-box .list-item > a:hover {background-color: #94070A;}
.list-img-box .list-item > a:hover .date .year-month,
.list-img-box .list-item > a:hover .date .day,
.list-img-box .list-item > a:hover .title,
.list-img-box .list-item > a:hover .description{color: #fff;}
.list-img-box  .list-content{margin-bottom:100px;}
.list-gif-box{with:100%;height:172px;}
.list-gif-box .list-gif{ float:left; margin-left: 24px;}

.news-box > .title {font-size: 24px;color:#333333;text-align: center;line-height: 30px;margin-bottom: 10px;}
.news-box > .sub-title {font-size: 14px;color: #999999;text-align: center;margin-bottom: 20px;}
.news-box > .news-content{min-height: 500px;font-size: 16px;}
.news-box > .news-content img {max-width: 100%;}
.sub-title {margin-bottom: 20px; margin-top：20px;}
.img-box {min-height:219px;}
.img-box a{display:inline-block;}
.img-box img{width:292px;height:219px;}
.img-box {margin-bottom:20px;}
.video-box a{display:inline-block;position:relative;}
.video-box a span{dispaly:inline-block;background:url('../img_ddh/icon03.png') no-repeat;width:30px;height:30px;position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-15px;}
video{max-width:90%;margin: 0 auto;}
.video-box ul {display:grid;grid-template-columns: repeat(3, 321px);grid-gap: 20px;}
.video-box ul li img{object-fit: cover;}
.video-box {margin-bottom:20px;}

.news-box  .tabNews {
   margin: 30px 0;
}
.news-box  .tabNews a {
    display: block;
    font-size: 14px;
    margin-top: 8px;
    color: #1A1A1A;
}

.news-box  .tabNews a span {
    margin-left: 10px;
}

.news-box  .tabNews a:hover {
    color: #9B0000;
}

.footer {
    clear: both;
    width: 100%;
    padding-top: 20px;
    height: 380px;
    background: #9B0000;
    color: #fff;
}

.footer .block {
    width: auto;
    margin: 0 110px;
}

.footer .flogo {
    display: block;
    margin: 0 auto 50px;
}

.footer .content {
    display: flex;
    justify-content: space-between;
}

.footer .content p {
    font-size: 16px;
    line-height: 40px;
}

.footer .content p img {
    margin-right: 10px;
}

.footer .content .fsydw {
    width: 80px;
    height: 80px;
    margin-top: 10px;
}
.footer a{
 color:#fff;
}
@media (max-width: 1260px) {
 .ddh-container { width: 80%;}
.bread-nav div{        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;}
 .left-nav {width:14.6%;}
.list-box .list-content .list-item .content {
   width:74.1%;
}
.list-img-box .list-item > a img{display:none;}
.news-box > .news-content {width:61.6%;}
.img-box img{width:100%;}
}