*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Microsoft YaHei, Microsoft YaHei;
}
html,body{
  width: 100%;
  height: 100%;
  background: #181F32;
}
header{
  width: 100%;
  height: 61px;
  background: #111111;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #1A1A1A;
  position: fixed;
  z-index: 9;
}
.header-left{
  padding-left: 2.5%;
  width: 12.5%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.logo2{
  width: 90px;
  height: 26px;
}
.logo-content{
  width: 90px;
  margin: 0 20px;
  text-align: center;
  cursor: pointer;
}
.logo{
  width: 38px;
  height: 34px;
}
.header-item{
  width: 90px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  position: relative;
  font-size: 12px;
  color: #FFFFFF;
  cursor: pointer;
}
.header-item:hover{
  color: #C3AB71;
}
.header-item-content{
  /* min-width: 1128px; */
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 75%;
  display: flex;
}
.main{
  /* min-width: 1128px; */
  margin: 0 auto;
  width: 75%;
  padding-bottom: 60px;
  background: #003951;
}
.main-bg{
  width: 100%;
  position: relative;
  margin-bottom: 36px;
}
.main-bg2{
  width: 100%;
}
.main-logo{
  width: 16.8%;
  height: auto;
  position: absolute;
  top: 35px;
  left: 3.4%;
}
/* 资讯 */
.info-box{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.infomation{
  width: 90%;
}
.info-title{
  padding: 0 10px;
  font-weight: bold;
  font-size: 24px;
  color: #FFFFFF;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.info-title .more{
  font-size: 12px;
  color: #fff;
  cursor: pointer;
  font-weight: normal;
}
.infomation-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.info-item{
  margin-top: 24px;
  width: 320px;
  transition: all .3s;
  cursor: pointer;
  padding: 0 10px;
}

.info-item-img-box{
  width: 100%;
  height: 180px;
  overflow: hidden;
} 

.info-img{
  max-width: 100%;
  max-height: 100%;
  transition: all .3s;
  object-fit: contain;
  object-position: center;
}
.info-img:hover{
  transform: scale(1.10);
}
.info-name{
  margin-top: 8px;
  width: 100%;
  font-size: 18px;
  color: #FFFFFF;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.info-time{
  font-size: 12px;
  margin-top: 8px;
  color: rgba(255,255,255,.6);
}
.main-logo3{
  width: 100%;
  display: block;
  height: auto;
  margin: 0 auto;
  margin-top: 105px;
  margin-bottom: 85px;
}
.tips{
  font-size: 12px;
  color: #FFFFFF;
  line-height: 18px;
  text-align: center;
}
.video-container{
  margin-top: 33px;
  padding: 0 10.14%;
  margin-bottom: 60px;
  position: relative;
}
.video-container video{
  width: 100%;
  height: auto;
  display: none;
}
.img-content{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.play-bg{
  width: 100%;
  height: auto;
}
.play-btn{
  width: 50px;
  height: 50px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -25px;
  margin-left: -25px;
  cursor: pointer;
}
.qrcode-img{
  width: 18.75%;
  height: auto;
  margin: 0 auto;
  margin-top: 30px;
  display: block;
}
footer{
  width: 100%;
  height: 157px;
  background: #111111;
  border-top: 2px solid #343434;
}
.media-content{
  padding-top: 30px;
  display: flex;
  justify-content: center;
}
.media-item{
  width: 30px;
  height: 30px;
  margin-right: 15px;
}
.media-item:nth-last-of-type(1){
  margin-right: 0;
}
.media-item img{
  width: 100%;
  height: 100%;
}
.copyright{
  font-size: 11px;
  color: #737373;
  margin-top: 24px;
  margin-bottom: 6px;
  text-align: center;
}
.extra{
  font-size: 11px;
  color: #737373;
  text-align: center;
}
.extra a{
  color: #737373;
}
@media (min-width: 1280px) and (max-width: 1663px) {
  .logo{
    margin: 0 1.5%;
    width: 38px;
    height: 34px;
  }
  .infomation{
    width: 90%;
  }
}
@media (min-width: 1664px) and (max-width: 1919px){
  .infomation{
    width: 90%;
  }
}
@media (min-width: 1920px) and (max-width: 2559px) {
  .infomation{
    width: 70%;
  }
}
@media (min-width: 2560px) {
  .infomation{
    width: 50%;
  }
}