body{
  background-color:#d2ead9!important;
}
.headlines-first-img{
  display:none;
}
body .inner, body main{
  max-width:1100px;
  padding: 0 40px;
}
body .site-footer{
  background-color: #0998c0;
}
body .swiper-container{
  height:unset;
}
.first-box,.second-box{
  display:flex;
  justify-content:space-between;
}
.second-box-left,.swiper1{
  width:590px;
  flex:none;
}
.swiper1{
  margin:0;
  height:332px;
}
.first-box-right,.second-box-right{
  width:400px;
  flex:none;
}
.swiper1 .wrap{
  position:relative;
}
.swiper1 .hasbg{
  position:relative;
  z-index:10;
}
.swiper1 .text{
  position:absolute;
  z-index:30;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, #000000 100%);
  left:0;
  bottom:0;
  width:100%;
  height:50px;
  padding-left:18px;
}
.swiper1 .article-title{
  color:#ffffff!important;
  max-width:471px;
  height:100%;
  line-height:53px;
  font-size: 24px;
}
.swiper1.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
  width:unset;
  right:10px;
  left:unset;
}
.swiper-pagination-bullet{
  opacity: 1;
  background:#ffffff;
}
.swiper-pagination-bullet-active{
  background:#f17e21;
}
.column-title{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.title-img{
  height:57px;
  flex:none;
}
.more{
  font-size: 16px;
  color: #777777;
}
.video-list .top-right-child{
  margin-top:13.5px;
  width:100%;
}
.video-list .video-box{
  display:flex;
  width:100%;
  height:123px;
}
.video-list .aimg{
  position:relative;
  width:220px;
  flex:none;
  height:100%;
}
.video-list .video-btn{
  width:48px;
  display:block;
  left:7px;
  bottom:7px;
  height: unset;
}
.video-list .story-title-div{
  height:100%;
  flex:1;
  background-image: linear-gradient(-45deg, #007cbf 0%, #1b7f64 79%);
}
.video-list .fourLine{
  color: #ffffff!important;
  font-size: 18px;
  line-height:21px;
}
.video-list .post-date{
  color: #eeeeee!important;
  font-size: 12px;
}
.banner-box{
  padding-top:48px;
  display:flex;
}
.banner-box-unit{
  flex:1;
  margin-left:30px;
}
.banner-box-unit:first-of-type{
  margin-left:0;
}
.second-box{
  margin-top:48px;
}
.news-list{
  margin-top:22px;
}
.news-list .item{
  padding: 3px 0;
  border-top:solid 1px #b6d3be;
}
.news-list .item:first-of-type{
  border-top:0;
}
.news-list .storyTub{
  display:flex;
  justify-content:space-between;
  align-items: center;
}
.news-list .storyTub>a{
  width:220px;
  display: inline-block;
  flex:none;
}
.news-list .right-box{
  margin-left:20px;
  flex:1;
}
.news-list .title{
  font-size: 18px;
  line-height: 28px;
  height:53px;
}
.news-list .storyTime{
  padding:0;
  margin-top:4px;
}
.news-list .storySummary{
  font-size: 14px;
  line-height: 20px;
  height:55px;
  color:#555555!important;
  margin-top:5px;
  text-indent:0;
}
.news-list .post-date{
  font-size: 12px;
  color: #999999;
}
.swiper2{
  margin-top:33px;
}
.comment-box{
  background:#f3fef6;
  padding-top:21px;
  margin-top:48px;
  padding-bottom:30px;
}
.comment{
  display:flex;
  width:100%;
  margin-top:42px;
  justify-content:space-between;
}
.comment .item{
  width:325px;
  flex:none;
}
.comment .article-title{
  font-size: 18px;
  line-height: 28px;
  height:54px;
  margin-top:15px;
}
.comment .post-content{
  font-size: 14px;
  line-height: 20px;
  height:55px;
  margin-top:14px;
  color:#555555!important;
}
.comment .post-meta{
  font-size: 12px;
  color: #999999;
  margin-top:9px;
}
.bottom_box{
  margin-top:53px;
}
body .roll-view{
  margin-top:41px;
}
.composition{
  max-width:1100px;
  margin-top:41px;
  margin-left:auto;
  margin-right:auto;
}
body footer{
  margin-top:41px;
}
body .headlines{
  padding:37px 0 50px 0;
}
.video-list .top-right-child .storyTitleFontFamily{
    border-bottom:0;
}
.video-btn img{
  width:100%!important;
}
.swiper2 img{
  width:100%;
}
.map-banner-box{
  width:100%;
  position:fixed;
  left:0;
  bottom:0;
  z-index:999;
  display:none;
}
.map-banner-href{
  position:relative;
  z-index:10;
  width:100%;
}
.map-banner{
  width:100%;
}
.map-banner-close{
  width:24px;
  position:absolute;
  z-index:99;
  right:13.91vw;
  top:2.97vw;
  cursor:pointer;
}
@media (max-width:1099px){
  body footer{
    margin-top: 4vw;
  }
  .second-box-left,.swiper1{
    width:53vw;
  }
  .swiper1{
    height:29.5vw;
  }
  .first-box-right, .second-box-right{
    width: calc( 100vw - 80px - 53vw - 40px);
  }
  .title-img{
    height: 5.1vw;
  }
  .more{
    font-size: 1.5vw;
  }
  .video-list .top-right-child{
    margin-top: 1vw;
  }
  .video-list .aimg{
    width:20vw;
  }
  .video-list .video-box{
    height: 11.2vw;
    overflow:hidden;
  }
  .video-list .fourLine{
    font-size: 1.7vw;
    line-height: 1.9vw;
  }
  .video-list .video-btn{
    width:5vw;
  }
  .video-list .storyTime{
    padding: 0.5vw 0;
  }
  .video-list .post-date{
    font-size: 1.2vw;
  }
  .swiper1 .article-title{
    max-width: 40vw;
    font-size:2vw;
  }
  .swiper1 .article-title{
    line-height:4.6vw;
  }
  .swiper1 .text{
    padding-left: 1vw;
  }
  .swiper1 .text{
    height:4.5vw;
  }
  .news-list{
    margin-top: 2vw;
  }
  .news-list .storyTub>a{
    width:20vw;
  }
  .news-list .right-box{
    margin-left: 1.5vw;
  }
  .news-list .title{
    font-size: 1.7vw;
    line-height: 2.2vw;
    height: 4.3vw;
  }
  .news-list .storySummary{
    font-size: 1.4vw;
    line-height: 1.8vw;
    height: 5.2vw;
    margin-top: 0.2vw;
  }
  .news-list .storyTime{
    margin-top:0.2vw;
  }
  .news-list .post-date{
    font-size: 1.1vw;
  }
  .news-list .item{
    padding: 0.41vw 0;
  }
  .swiper2{
    margin-top: 2.5vw;
  }
  body .headlines{
    padding: 4vw 0 4vw 0;
  }
  .banner-box{
    padding-top: 4vw;
  }
  .second-box{
    margin-top:4vw;
  }
  .bottom_box{
    margin-top:4vw;
  }
  body .roll-view,.composition{
    margin-top:2vw;
  }
  .comment-box{
    margin-top: 4vw;
    padding-top: 2vw;
    padding-bottom: 3vw;
  }
  .comment{
    margin-top: 4vw;
  }
  .comment .item{
    width: calc(30vw - 10px);
  }
  .comment .article-title{
    font-size: 1.7vw;
    line-height: 2.5vw;
    height: 4.8vw;
    margin-top: 1vw;
  }
  .comment .post-content{
    font-size: 1.4vw;
    line-height: 1.8vw;
    margin-top: 1vw;
    height:5.2vw;
  }
  .comment .post-meta{
    font-size: 1.1vw;
    margin-top: 0.8vw;
  }
}
@media (max-width:767px){
  body .inner, body main{
    padding-left:1.87vw;
    padding-right:1.87vw;
  }
  .first-box,.second-box{
    display:block;
  }
  .swiper1,.second-box-left{
    width:100%;
  }
  .swiper1{
    height:unset;
    margin-top:3vw;
  }
  .swiper1 .text{
    height:11vw;
  }
  .swiper1 .article-title{
    font-size: 4.27vw;
    line-height:11.5vw;
    max-width: 64vw;
  }
  .first-box-right, .second-box-right{
    width:100%;
    margin-top: 7vw;
  }
  .title-img{
    height:9.1vw;
  }
  .more{
    font-size: 3.73vw;
  }
  .video-list .top-right-child{
    margin-top: 4vw;
  }
  .video-list .aimg{
    width: 40vw;
  }
  .video-list .video-box{
    height: 22.6vw;
  }
  .video-list .fourLine{
    font-size: 4.27vw;
    line-height: 5.33vw;
    -webkit-line-clamp: 3;
  }
  .video-list .storyTime{
    padding: 0;
    font-size: 3.75vw;
  }
  .video-list .video-btn{
    width: 10vw;
  }
  .banner-box{
    display:block;
    padding-top:7vw;
  }
  .banner-box-unit{
    margin-left: 0;
    margin-top: 4vw;
    display: block;
  }
  .banner-box-unit:first-of-type{
    margin-top: 0;
  }
  .second-box{
    margin-top: 7vw;
  }
  .first-box-left{
    width:100%;
  }
  .news-list .storyTub>a{
    width:40vw;
  }
  .news-list{
    margin-top: 4vw;
  }
  .news-list .item{
    padding: 2vw 0;
  }
  .news-list .right-box{
    margin-left: 3vw;
  }
  .news-list .title{
    font-size: 4.27vw;
    line-height: 5.33vw;
    height: unset;
  }
  .news-list .storySummary{
    margin-top: 2vw;
    font-size: 3.73vw;
    line-height: 4.5vw;
    height: unset;
    -webkit-line-clamp: 2;
  }
  .news-list .storyTime{
    margin-top: 1vw;
  }
  .news-list .post-date{
    font-size: 3.3vw;
  }
  .swiper2{
    margin-top:4vw;
  }
  .comment-box{
    margin-top:7vw;
    padding-top: 4vw;
    padding-bottom: 7vw;
  }
  .comment{
    display:block;
  }
  .comment .item{
    width:100%;
  }
  .comment .article-title{
    font-size: 4.27vw;
    line-height: 5.33vw;
    height: unset;
    margin-top: 2vw;
  }
  .comment .post-content{
    font-size: 3.73vw;
    line-height: 4.8vw;
    height: unset;
    margin-top: 2vw;
  }
  .comment .post-meta{
    font-size: 3.3vw;
    margin-top: 1vw;
  }
  .comment .item{
    margin-top: 4vw;
  }
  .comment .item:first-of-type{
    margin-top: 0;
  }
  body .roll-view,.composition{
    margin-top: 4vw;
  }
  body footer{
    margin-top: 7vw;
  }
  .swiper1.swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: 2.5vw;
  }
  .video-list .post-date{
    font-size: 3.3vw;
  }
  .map-banner-close{
    width:5vw;
    right:3vw;
  }
}