﻿.wrap_main{
  position: relative;
background: #F5F5F5 url(/Sites/Uploaded/Image/2021/03/096375089472468852186273007.jpg)no-repeat;
}
.wrap_main .linkmap{
  background: transparent;
  position: absolute;
  top: 10px;
  left: 50%;
  margin:0;
  transform:translateX(-50%);
  font-size: 14px;
  color: #FFFFFF;
  padding-left: 0;
}
.wrap_main .linkmap a{
  color: #FFFFFF;
}
.wrap_main .linkmap span{
  color: #FFFFFF;
}
.banner {
  display: block;
}
.cont_com .lb {
  width: 585px;
}
.lb .swiper-box {
 width: 100%;
 height: 390px;
 overflow: hidden;
 position: relative;
}
.swiper-wrapper .content_box{
 position: absolute;
 bottom: 0;
 left: 0;
 height: 64px;
 line-height: 64px;
 background:rgba(0, 0, 0, 0.4);
 width: 100%;
 padding-left:32px;
 box-sizing: border-box;
}
.swiper-slide .Img_Box img{
 width:100%;
}
.zt_items{
  /* width: 1200px; */
  position: relative;
  
}
.swiper-zhuanti{
  width: 100%;
  height: 180px;
  padding-top: 18px;
  overflow: hidden;
}
.swiper-zhuanti .swiper-slide{
   text-align: center;
}
.zt_items .arrow_btn{
  border-radius: 50px;
  position: absolute;
  width: 20px;
  height: 35px;
  top: 42%;
  background: #C52B30 ;
  color: #FFFFFF;
  opacity: .8;
  }
.arrow-left{
  left: -20px;
  text-align: center;
  line-height: 35px;
  
  }
  .zt_items .arrow-right{
  right: -20px;
  text-align: center;
  line-height: 35px;
  }
.content_box h2 a{
 font-size: 16px;
 font-weight: 400;
 color: #FFFFFF;
}
.lb .swiper-box .pagination{
 position: absolute;
 bottom: 22px;
 z-index: 11;
 right: 10px;
 left: auto;
 text-align: right;
}
.pagination span{
 width: 24px;
 height: 4px;
 background: rgba(255, 255, 255, 0.8);;
 border-radius: 2px;
}
.pagination span.swiper-pagination-bullet-active{
 background: #FFFFFF;
}
.dt_box ul.news_list li span.span_date {
 color: #999;
 float: right;
}
.dt_box .news_list li a {
 font-size: 16px;
 color: #333;
 font-weight: bold;
 width: 78%;
 float: left;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
}
.news_list li:hover a{
  color: #C52B30;
}
.dt_box ul.news_list li{
 overflow: hidden;
 line-height: initial;
 margin-top: 36px;
 background: url(/Content/Areas/Common/images/Article/icon_2.png) no-repeat 0 7px;
 padding-left: 15px;
}

h2.tit_header1 {
 font-size: 22px;
 color: #C52B30;
 border-bottom: 2px solid #eee;
 height: 40px;
 position: relative;
}
h2.tit_header1 a {
 color: #C52B30;
 font-weight: bold;
 display: inline-block;
}
h2.tit_header1 a.MORE{
 font-size: 14px;
 transition:all 0.3s;
}
h2.tit_header1 a.MORE:hover{
 transform:scale(1.1);
}

h2.tit_header1::after {
 display: block;
 content: '';
 width: 230px;
 height: 2px;
 background: #C52B30;
 position: absolute;
 bottom: -2px;
}
.dt_box {
 width: 585px;
}

.bg_data {
  margin-top: 60px;
  background: url(/Sites/Uploaded/UserUpLoad/20210512/20210512134914.png) no-repeat;
  background-size: cover;
  padding: 50px 0 20px;
}
ul.article_list_img li {
 width: 280px;
 overflow: hidden;
 border-radius: 10px;
}
ul.article_list_img li  img{
 width: 100%;
 transition: all 0.2s;
}
ul.article_list_img li:hover img {
 transform: scale(1.05);
}
ul.article_list_img {
 overflow: hidden;
 display: flex;
 align-items: center;
 justify-content: space-between;
 margin-top: 30px;
 margin-bottom: 30px;
}
ul.article_list_img li .title_type {
 display: none;
}
.bk_fff{
  padding: 50px 0;
  background:#fff;
}
.hj_img{
  width: 585px;
  overflow:hidden;
}
.hj_img img{
  width: 100%
}
.column_wrapper .dt_box{
  min-height: 400px;
}
.column_wrapper .dt_box:nth-child(odd){
  float: left;
}
.column_wrapper .dt_box:nth-child(even){
  float: right;
}

 @media only screen and (max-width:768px) {
  .lb .swiper-box{
 width: 100%;
  }
  .dt_box{
 width: 100%;
 margin-top: 0.3rem;
  }
  .cont_com .lb {
 width: 100%;
  }
  .mt60{
 margin-top: 0;
  }
  .hj_img{
 width: 100%;
 margin-top: 0.4rem;
  }
  ul.article_list_img{
 flex-wrap: wrap;
 margin-bottom: 0;
  }
  ul.article_list_img li {
 width: 48%;
 margin: 2% 0;
  }
  .bg_data{
 padding: 0.4rem;
  }
  .bk_fff{
 padding: 0;
  }
  .dt_box ul.news_list li{
 margin-top: 0.4rem;
  }
  .column_wrapper .dt_box{
   min-height: auto;
  margin-top: 0.4rem;
  }
  .swiper-wrapper .content_box {
  height: 0.8rem;
  line-height: 0.8rem;
 padding-left: 0.2rem;
  }
 }
 @media only screen and (max-width:420px) {
   ul.article_list_img li{
 width: 100%;
   }
   .dt_box .news_list li a{
 width: 70%;
 font-weight: 400;
   }
   .lb .swiper-box{
 height: 240px;
   }
   .lb .swiper-box .pagination{
 display:none;
   }
   .swiper-wrapper .content_box{
 padding-left: 15px;
   }
   .content_box h2 a{
 font-size: 15px;
   }
 }  