body {
  background: #e9d6b1 url(../images/collect-bg.png) top no-repeat;
}

.container {
  width: 1200px;
  margin: 0 auto;
  margin-top: 500px;
  margin-bottom: 45px;
 
}

a:hover {
  color: unset;
}

.flex {
  display: flex;
}

.justify-between {
  justify-content: space-between;
}

.header{
  width: 1630px;
  margin: 0 auto;
  background: transparent;
}

.content {
  position: relative;
  padding: 25px 30px;
  background-color: #fff;
  /* border-top: 4px solid #4a382f; */
  /* border-top: 4px solid; */
  /* border-image: linear-gradient(to right left,#b26536 ,#382f2d); */
}

.content::after {
  position: absolute;
  top: -4px;
  left: 0;
  content: '';
  height: 4px;
  width: 100%;
  background-image: linear-gradient(90deg,#3a322d 0%, #b9815d 100%);
}

.swiper-container {
  width: 59%;
  height: 430px;
  margin: 0;
}

.swiper-slide {
  border-radius: 4px;
  overflow: hidden;
}

img{ 
  object-fit: cover;
}

.swiper-slide img{
  width: 100%;
  height: 100%;
}

.swiper-slide .describe {
  padding-left: 20px;
  height: 42px;
  font-size: 16px;
  line-height: 42px;
}

.swiper-slide .describe>div{
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.swiper-container:hover .swiper-button-next {
  right: 0;
}

.swiper-container:hover .swiper-button-prev {
  left: 0;
}


.swiper-button-next {
  background-image: url(../images/swiper-next.png);
  right: -27px;
  left: auto;
}

.swiper-button-prev {
  background-image: url(../images/swiper-prev.png);
  left: -27px;
  right: auto;
}

.news-page {
  padding-right: 20px;
  text-align: right;
}

.news-page .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  border: 1px solid #fff;
}

.news-page .swiper-pagination-bullet-active{
  background-color: #fff;
}
 
.new-list-header {
  width: 100%;
}

.new-list-header img {
  width: 100%;
}

.new-list-box {
  width: 39%;
}

.new-list {
  margin-top: 5px;
  padding-left: 25px;
  list-style-image: url(../images/new-icon.png);
  font-size: 16px;
}


.new-list li a{
  display: block;
  line-height:  42px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.new-list li a:hover{
  color: #e9d6b1;
}


.collect-inlet {
  margin-top: 35px;
}

.collect-inlet .new-list-header {
  margin-bottom: 50px;
}

.collect-inlet-item {
  width: 50%;
}

.collect-inlet-item img {
  width: 100%;
}

.interpret {
  margin-top: 20px;
}

.interpret .new-list-header {
  margin-bottom: 20px;
}

.interpret-item {
  display: block;
  padding: 22px 20px;
  width: 49.5%;
  height: 175px;
  border-radius: 4px;
  background: #fff;
  color: #232323;
  text-decoration: none;
  box-shadow: 0 0 5px 2px rgba(189, 189, 189, 0.44);
}

.interpret-item:hover {
  color: #fff;
  background-image: linear-gradient(90deg,#3a322d 0%, #b9815d 100%);
  cursor: pointer;
}

.interpret-item:hover {
  color: #fff;
}


.interpret-item .more {
  color: #ae6434;
}

.interpret-item:hover .more {
  color: #fff;
}

.interpret-item-title {
  position: relative;
  font-size: 18px;
}

.interpret-item-title>div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.interpret-item-content {
  margin-top: 20px;
  text-indent: 2em;
  min-height: 48px;
  overflow:hidden; 
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2; 
}

.interpret-item-info {
    margin-top: 15px;
    font-size: 14px;
}

.interpret-item .interpret-item-title::after{
  position: absolute;
  content: '';
  top: 0;
  left: -20px;
  width: 6px;
  height: 100%;
  background-image: linear-gradient(#3a322d 0%, #b9815d 100%);
}

.interpret-item:hover .interpret-item-title::after{
  display: none;
}

.meet-hubei {
  margin-top: 35px;
}

.meet-hubei .new-list-header {
  margin-bottom: 30px;
}

.meet-hubei-content {
  width: 100%;
}

.meet-hubei-video {
  width: 50%;
  flex-wrap: wrap;
}

.video-item {
  position: relative;
  width: 50%;
  height: 200px;
  border: 3px solid #a27256;
}

.video-item>img{
  width: 100%;
  height: 100%;
}

.describe {
  position: absolute;
  bottom: 0;
  padding-left: 10px;
  width: 100%;
  color: #fff;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: rgba(0, 0, 0, .4);
}

.play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  cursor: pointer;
}

.meet-hubei-img {
  position: relative;
  width: 50%;
  flex-wrap: wrap;
}

.img-item {
  width: 50%;
  height: 200px;
  border: 3px solid #fff;
  overflow: hidden;
}

/*.meet-hubei-img:hover .img-item{
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0;
}*/

.img-item>img{
  width: 100%;
  height: 100%;
}



/* 弹框视频 */

.disgraceful-box {
  z-index: 101;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.disgraceful-box svg {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
  width: 64px;
  height: 64px;
  fill: #fff;
}

.disgraceful {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .7);
  /* display: none; */
}

.disgraceful-box .disgraceful-content {
  width: 1200px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 50;
}

.disgraceful-box .disgraceful-content video {
  width: 1200px;
}

/* 弹框视频end */


@media (max-width:900px) {
    body{
      background-size: 100% !important;
      background-position-y: 10px;
    }

    .header {
      width: 100%;
    }

    .header h1 {
      width: 50%;
      height: 40px;
      background-position: 0;
      background-size: 100% 100%;
    }

    .container {
      margin-top: 85px;
      width: 98vw;
    }

    .news-swiper-box {
      flex-wrap: wrap;
    }

    .news-swiper,.new-list-box {
      width: 100%;
    }

    .content {
      padding: 25px 15px;
    }

    .swiper-container {
      height: 190px;
    }

    .swiper-slide .describe>div {
      width: 65%;
    }

    .new-list-box {
      margin-top: 15px;
    }

    .collect-box {
      flex-wrap: wrap;
    }

    .collect-inlet-item {
      width: 100%;
    }

    .interpret-box {
      flex-wrap: wrap;
    }

    .interpret-item {
      width: 100%;
    }

    .interpret-item + .interpret-item{
      margin-top: 15px;
    } 

    .meet-hubei-content {
      flex-wrap: wrap;
    }

    .meet-hubei-video {
      width: 100%;
    }

    .video-item,.img-item {
      width: 100%;
    }

    .meet-hubei-img {
      width: 100%;
    }

    .news-swiper-box .new-list-header img {
      display: block;
    }

    .new-list-header img {
      display: none;
    }

    .collect-inlet .new-list-header {
      margin-bottom: 20px;
    }

    .collect-inlet .new-list-header {
      height: 30px;
      background: url(../images/collect-inlet-title.png) center no-repeat;
      background-size: 200%;
    }

    .interpret .new-list-header{
      height: 30px;
      background: url(../images/interpret-title.png) center no-repeat;
      background-size: 200%;
    }

    .meet-hubei .new-list-header{
      height: 30px;
      background: url(../images/meet-hubei-title.png) center no-repeat;
      background-size: 200%;
    }

    .disgraceful-box .disgraceful-content {
      width: 85%;
    }
    
}