/* banner */
.banner{
}
.banner>.bannerSwiper{
  width: 100%;
  height: 3.2rem;
  overflow: hidden;
  position: relative;
}
.banner>.bannerSwiper>.swiper-wrapper{

}
.banner>.bannerSwiper>.swiper-wrapper>.swiper-slide{
  width: 100vw;
  height: 100%;
}
.banner>.bannerSwiper>.swiper-wrapper>.swiper-slide>img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bannerSwiper>.swiper-pagination{
  bottom: .12rem;
}
.bannerSwiper>.swiper-pagination>span{
  width: .096rem;
  height: .096rem;
}
.bannerSwiper>.swiper-pagination>span.swiper-pagination-bullet-active{
  background-color: #FF6F00;
  width: .24rem;
  border-radius: .4rem;
}


/* mainContent */
.mainContent{
  margin-top: .208rem;
}
.mainContent>.container{

}
.mainContent>.container>.row{

}
.mainContent .main_box{

}
.mainContent .main_box>.content{
  width: 3.92rem;
  height: 100%;
  background-color: #EFEFEF;
  border-radius: .064rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.mainContent .main_box>.content>.top_img{
  width: 100%;
  height: 1.92rem;
  object-fit: cover;
}
.mainContent .main_box>.content>.company_box{
  height: .8rem;
  flex: 1;
  min-height: 1.32rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mainContent .main_box>.content>.company_box>.companyMsg{
  width: 80%;
}
.mainContent .main_box>.content>.company_box>.companyMsg>.title{
  font-size: .176rem;
  text-align: center;
  color: #000;
  margin-bottom: .5em;
}
.mainContent .main_box>.content>.company_box>.companyMsg>.info{
  font-size: .144rem;
  color: #3D3D3D;
  margin-bottom: .5em;
}

/* 新闻列表 */
.mainContent .notice_box{

}
.mainContent .notice_box>.top_box{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mainContent .notice_box>.top_box>.notice_nav{
  display: flex;
  align-items: center;
}
.mainContent .notice_box>.top_box>.notice_nav>li{
  padding: 0 .24rem;
  position: relative;
  cursor: pointer;
}
.mainContent .notice_box>.top_box>.notice_nav>li::after{
  content: '';
  display: block;
  width: 1px;
  height: .224rem;
  background-color: #D8D8D8;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.mainContent .notice_box>.top_box>.notice_nav>li:last-child::after{
  display: none;
}
.mainContent .notice_box>.top_box>.notice_nav>li:first-child{
  padding-left: 0;
}
.mainContent .notice_box>.top_box>.notice_nav>li:last-child{
  padding-right: 0;
}
.mainContent .notice_box>.top_box>.notice_nav>li>span{
  display: block;
  border-radius: 4px;
  font-size: .176rem;
  color: #303030;
}
.mainContent .notice_box>.top_box>.notice_nav>li>span:hover{
  color: #3D90D7;
}
.mainContent .notice_box>.top_box>.notice_nav>li.active>span{
  padding: .064rem .12rem;
  color: #fff;
  background-color: #3D90D7;
}
.mainContent .notice_box>.top_box>.more{
  font-size: .144rem;
  color: #3D3D3D;
}

.mainContent .notice_box>.list_box{
  margin-top: .168rem;
}
.mainContent .notice_box>.list_box>ul{
  margin: 0;
}
.mainContent .notice_box>.list_box>ul.hydt{
  display: none;
}
.mainContent .notice_box>.list_box>ul>li{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .096rem 0;
  padding-left: .16rem;
  border-bottom: 1px dashed #8A8A8A;
  margin-bottom: .032rem;
}
.mainContent .notice_box>.list_box>ul>li:last-child{
  margin-bottom: 0;
}
.mainContent .notice_box>.list_box>ul>li::after{
  content: '';
  display: block;
  width: .064rem;
  height: .064rem;
  background-color: #3D90D7;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.mainContent .notice_box>.list_box>ul>li>a{
  width: 100px;
  flex: 1;
  font-size: .144rem;
  color: #3D3D3D;
  margin-right: .16rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mainContent .notice_box>.list_box>ul>li>a:hover{
  color: #3D90D7;
}
.mainContent .notice_box>.list_box>ul>li>.time{
  display: block;
  width: .88rem;
  font-size: .144rem;
  color: #8A8A8A;
  text-align: right;
}


/* notice */
.notice>.title_box{
  /* margin-bottom: 50px; */
}
.notice>.title_box>.title{
  line-height: 1;
}

/* photo_wall */
.photo_wall{
  margin-top: .8rem;
  margin-bottom: .16rem;
}
.photo_wall>div>h2{
  font-size: .192rem;
  color: #333;
  text-align: center;
  margin-bottom: .272rem;
}
.photo_wall>div>.swiper_box{
  position: relative;
  padding: 0 .16rem;
}
.photo_wall>div>.swiper_box>.PicSwiper{
  overflow-x: hidden;
  user-select: none;
}
.photo_wall>div>.swiper_box>.PicSwiper>.swiper-wrapper{

}
.photo_wall>div>.swiper_box>.PicSwiper>.swiper-wrapper>.swiper-slide{
  padding: 0 .16rem;
}
.photo_wall>div>.swiper_box>.PicSwiper>.swiper-wrapper>.swiper-slide>.img_box{
  height: 1.784rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.photo_wall>div>.swiper_box>.PicSwiper>.swiper-wrapper>.swiper-slide>.img_box>img{
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.photo_wall>div>.swiper_box>.PicSwiper>.swiper-wrapper>.swiper-slide>p{
  text-align: center;
  font-size: .12rem;
  margin: 0;
  margin-top: .12rem;
}
.photo_wall .swiper-button-next,
.photo_wall .swiper-button-prev{
  width: .24rem;
  height: .24rem;
  border-radius: 50%;
  background-size: 100%;
  margin-top: 0;
  transform: translateY(-50%);
}
.photo_wall .swiper-button-next{
  right: -0.2rem;
  background-image: url('../img/icon/show_next.png');
}
.photo_wall .swiper-button-prev{
  left: -0.2rem;
  background-image: url('../img/icon/show_prev.png');
}


/* banner高度 */
@media screen and (max-width: 1499px){
  /* .banner>.swiper{
    height: 250px;
  } */
}
@media screen and (max-width: 1199px){
  /* .banner>.swiper{
    height: 230px;
  } */
}
@media screen and (max-width: 991px){
  /* .banner>.swiper{
    height: 200px;
  } */
}
/* 移动端 */
@media screen and (max-width: 767px){
  
  .banner>.bannerSwiper{
    height: 3.6232rem;
  }

  .banner .swiper-button-next, .banner .swiper-button-prev{
    width: .4831rem;
    height: 1.2077rem;
  }
  .bannerSwiper>.swiper-pagination>span{
    width: .2415rem;
    height: .2415rem;
  }
  .banner .swiper-pagination>span.swiper-pagination-bullet-active{
    width: .6039rem;
    border-radius: .2415rem;
  }

  .mainContent{
    margin-top: .7246rem;
  }
  .mainContent .main_box>.content{
    width: 100%;
    height: auto;
    background-color: #EFEFEF;
    border-radius: .1932rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }
  .mainContent .main_box>.content>.top_img{
    height: auto;
  }
  .mainContent .main_box>.content>.company_box{
    height: auto;
    padding: .7246rem 0;
    flex: unset;
  }
  .mainContent .main_box>.content>.company_box>.companyMsg>.title{
    font-size: .4348rem;
  }
  .mainContent .main_box>.content>.company_box>.companyMsg>.info{
    font-size: .3382rem;
  }
  /* notice_box */
  .mainContent .notice_box{
    margin-top: .9662rem;
  }
  .mainContent .notice_box>.top_box>.notice_nav>li{
    padding: 0 .4831rem;
  }
  .mainContent .notice_box>.top_box>.notice_nav>li>span{
    font-size: .4348rem;
  }
  .mainContent .notice_box>.top_box>.notice_nav>li.active>span{
    padding: .1932rem .3623rem;
  }
  .mainContent .notice_box>.top_box>.notice_nav>li::after{
    width: .0483rem;
    height: .4831rem;
  }
  .mainContent .notice_box>.top_box>.more{
    font-size: .3865rem;
  }
  .mainContent .notice_box>.list_box{
    margin-top: .3623rem;
  }

  .mainContent .notice_box>.list_box>ul>li{
    padding: .2899rem 0;
    padding-left: .4831rem;
    margin-bottom: .0966rem;
  }
  .mainContent .notice_box>.list_box>ul>li::after{
    width: .1932rem;
    height: .1932rem;
  }
  .mainContent .notice_box>.list_box>ul>li>a{
    font-size: .3865rem;
    margin-right: .3623rem;
  }
  .mainContent .notice_box>.list_box>ul>li>.time{
    width: 2.657rem;
    font-size: .3865rem;
  }

  /* photo_wall */
  .photo_wall{
    margin-bottom: .9662rem;
  }
  .photo_wall>div>h2{
    font-size: .628rem;
    text-align: left;
    margin-bottom: .9662rem;
  }
  .photo_wall .swiper-button-next, .photo_wall .swiper-button-prev{
    display: none;
  }
  .photo_wall>div>.swiper_box{
    padding: 0;
  }
  .photo_wall>div>.swiper_box>.PicSwiper>.swiper-wrapper>.swiper-slide{
    padding: 0;
  }
  .photo_wall>div>.swiper_box>.PicSwiper>.swiper-wrapper>.swiper-slide>.img_box{
    height: 6.7633rem;
  }
  .photo_wall>div>.swiper_box>.PicSwiper>.swiper-wrapper>.swiper-slide>p{
    font-size: .3865rem;
    margin-top: .2415rem;
  }
}