.swiper-container {width: 100%;height: 100vh;   }
.swiper-slide {
          text-align: center;
          font-size: 18px;
          background: #fff;

          /* Center slide text vertically */
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center; overflow:hidden;
        }
.swiper-slide img{height: 100vh;}

.swiper1{height: 100%;}




@media(max-width: 767px){

.swiper-container {width: 100%;  }
.swiper-slide {
          text-align: center;
          font-size: 18px;
          background: #fff;

          /* Center slide text vertically */
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center; overflow:hidden;
        }
 .swiper-container{
    --swiper-theme-color: #fff;/* 设置Swiper风格 */
    --swiper-navigation-color: #fff;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 18px;/* 设置按钮大小 */
  }

.swiper-button-prev{top:90%; --swiper-theme-color: #fff;--swiper-navigation-color: #fff;--swiper-navigation-size: 20px;left: 7vw;right: auto;width: 12px;height: 19px;}
.swiper-button-next{top:90%; --swiper-theme-color: #fff;--swiper-navigation-color: #fff;--swiper-navigation-size: 20px;left: auto;right: 70vw;width: 12px;height: 19px;}
.swiper-slide{background:#000;}
.swiper-slide img{filter:alpha(Opacity=70);-moz-opacity:0.7;opacity: 0.7;height:auto; }
.swiper-pagination{top:11vh;left:0;padding-left: 7vw; color:#fff;display:flex;font-size:14px;}
.swiper1{}
.banner_title{position:absolute;top:16vh;left:0;padding-left: 7vw;font-size:14px; color:#fff;z-index: 3000;}

.content_layer{width: 92%;padding:0 4%;}
.about_txt{float: left;width: 100%; font-size:12px; ; padding: 30px 0 10px 0; line-height: 160%; overflow:hidden;}
.about_logo{float: left;width: 100%; text-align: center; padding: 10px 0;overflow:hidden;}
.about_logo img{margin:0 auto; width: 100%;}

.pro_back{display: none;}
.caption{float: left; width: 100%; height: 60px;line-height: 60px; font-size: 16px; font-weight:bold;}
.pro_caption{float: left; width: 100%; height: 50px;line-height: 50px; font-size: 16px; font-weight:bold;}

.pro_layer{width: 100%;height: auto; overflow:hidden; clear:both;}
.pro_left{float: left; width: 100%; height: auto; overflow:hidden;}

.pro_right{float: left;width: 100%;height: auto; overflow:hidden;}
.pro_left img{width: 100%;}
.pro_right img{width: 100%;}
.pro_title{float:left; font-weight:bold;font-size:15px; width: 100%; padding: 5px 0 10px 0; height: 35px; color: #000; clear:both;}
.pro_title span{color: #ccc;font-size:14px; width: 100%;display: block;font-weight: 100;}


.pro_left2{float: left; width: 100%;height: auto;   overflow:hidden;}

.pro_right2{float: left;width: 100%; height: auto; overflow:hidden;}
.pro_left2 img{width: 100%; height: 100%;}
.pro_right2 img{width: 100%;height: 100%;}




}






@media(min-width:1200px){
.sp_header{display: none; }
.sjj_nav{display: none; }
.m_cnen{display: none; }
.swiper-pagination{color:#fff;}
.swiper-container{
    --swiper-theme-color: #fff;/* 设置Swiper风格 */
    --swiper-navigation-color: #fff;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 18px;/* 设置按钮大小 */
  }

.swiper-button-prev{top:96%; --swiper-theme-color: #fff;--swiper-navigation-color: #fff;--swiper-navigation-size: 20px;left: 2vw;right: auto;width: 12px;height: 19px;}
.swiper-button-next{top:96%; --swiper-theme-color: #fff;--swiper-navigation-color: #fff;--swiper-navigation-size: 20px;left: auto;right: 53vw;width: 12px;height: 19px;}


.content_layer{width: 92%;padding:0 4%;overflow: hidden;}

.caption{float: left; width: 100%; height: 60px;line-height: 60px; font-size: 16px; font-weight:bold;}
.pro_caption{float: left; width: 100%;margin-top: -10px; height: 60px;line-height: 50px; font-size: 16px; font-weight:bold;}
.pro_layer{width: 100%;height: auto; overflow:hidden; clear:both;}
.pro_left{float: left; width: 40%; height: auto; overflow:hidden;}

.pro_right{float: left;width: 60%;height: auto; overflow:hidden;}
.pro_left img{width: 100%;}
.pro_right img{width: 100%;}
.pro_title{float:left; font-weight:bold;font-size:12px; width: 100%; padding: 10px 0; height: 80px; color: #000; clear:both;}
.pro_title span{color: #ccc;font-size:12px; width: 100%;display: block;}


.pro_left2{float: left; width: 40%;height: auto;   overflow:hidden;}

.pro_right2{float: left;width: 60%; height: auto; overflow:hidden;}
.pro_left2 img{width: 100%; height: 100%;}
.pro_right2 img{width: 100%;height: 100%;}







.full { height: 100%; padding:0; box-sizing: border-box ;overflow: hidden; }    
   .lb-data .lb-close {
position: fixed;    
    top: 9%;
    right: 15%;
    z-index: 100000;
  float: right;
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}


}

@media(min-width:1900px){ 
.sp_header{display: none; }
.sjj_nav{display: none; }
.m_cnen{display: none; }
.swiper-pagination{color:#fff;}
.swiper-container{
    --swiper-theme-color: #fff;/* 设置Swiper风格 */
    --swiper-navigation-color: #fff;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 18px;/* 设置按钮大小 */
  }

.swiper-button-prev{top:95%; --swiper-theme-color: #fff;--swiper-navigation-color: #fff;--swiper-navigation-size: 20px;left: 2vw;right: auto;width: 12px;height: 19px;}
.swiper-button-next{top:95%; --swiper-theme-color: #fff;--swiper-navigation-color: #fff;--swiper-navigation-size: 20px;left: auto;right: 53vw;width: 12px;height: 19px;}

.content_layer{width: 100%;padding:0 4%;overflow: hidden;}
.about_txt{float: left;width: 45%; padding: 90px 0; line-height: 160%; overflow:hidden;}
.about_logo{float: left;width: 55%; text-align: center; padding: 80px 0;overflow:hidden;}
.about_logo img{margin:0 auto; width: 100%;}

.caption{float: left; width: 100%; height: 60px;line-height: 60px; font-size: 16px; font-weight:bold;}
.pro_caption{float: left; width: 100%;margin-top: -10px; height: 60px;line-height: 50px; font-size: 16px; font-weight:bold;}
.pro_left{float: left; width: 40%; overflow:hidden;}
.pro_right{float: left;width: 60%;overflow:hidden;}
.pro_left img{width: 100%; height: 100%;}
.pro_right img{width: 100%;height: 100%;}
.pro_title{font-weight:bold;font-size:12px; width: 100%; padding: 10px 0; height: 100px; color: #000;}
.pro_title span{color: #ccc;font-size:12px; width: 100%;display: block;}


.pro_left2{float: left; width: 40%; overflow:hidden;}

.pro_right2{float: left;width: 60%; overflow:hidden;}
.pro_left2 img{width: 100%;}
.pro_right2 img{width: 100%;}



.lb-data .lb-close {
position: fixed;    
    top: 8%;
    right: 16%;
    z-index: 100000;
  float: right;
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}


}


.hzkhlistc img {max-width:90%;}