@media (max-width:1600px){
 .head_nav .nav ul li a{
     padding:0 10px;
 }
}

@media (max-width:1460px){
  .i_cl ul li .box{
      padding: 40px 120px;
  }
  .about .company .cont h1{
      line-height: 60px;
  }
}



@media (max-width:1300px){
  
}







@media (min-width:1200px){

}
@media (max-width:1200px){
 html{
    font-size: 50%;
  }
 
}


@media (min-width:992px){


}


@media (max-width:992px){
  html{
    font-size: 46%;
  }
 .head_pc{
   display: none;
 }
  .head_wap{
    display: block;
   
  }
 
  .head_wap .con1200{
    padding:14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 0 16px #ccc;
  }

  .head_wap .nav_button{
    display: block;
  }
  .head_wap .logo{
    max-width: 218px;
    max-height: 66px;
  }
  .head_wap .logo img{
    max-height: 60px;
  }
  .head_wap .lng{
    width: 23px;
  }
.con1300{
  padding:0 8px;
  
}

#banner{
  margin-top: 0;
}
.i_num{
  margin: 8px;
  overflow: hidden;
}
.i_num ul{
  flex-wrap: wrap;
  margin:0 -16px;
  overflow: hidden;
}
.i_num ul li{
  flex: auto;
  width: 50%;
  padding: 16px;
}

.i_num ul li .img{
  
  text-align: center;
}
.i_num ul li .img img{
  max-width: 30px;
}
.i_num ul li h2{
  font-size: 30px;
  margin: 5% 0;
}
.i_about{
  padding: 8px;
}
.i_about .con1600{
  flex-wrap: wrap;
}

.i_about .con1600 .img{
  width: 100%;
  flex: auto;
}
.i_about .con1600 .cont{
  width: 100%;
  padding: 10px;
  flex: auto;
}
.i_type h1{
  font-size: 26px;
}
.more{
  width: 120px;
  line-height: 40px;
}
.i_pro{
  padding: 4% 8px;
}

.i_cl ul li{
  background: none;
}
.i_cl .cl{
  width: 100px;
  height: 100px;
}

.i_cl{
  height: auto;
  background-size: contain;
}
.i_cl ul li .tit{
  display: block;
}
.i_cl ul li .tit h2{
  font-size: 18px;
  width: 100%;
  text-align: center;
  color: #fff;
}
.i_cl ul li .box{
  width: 200px;
  height: 100px;
  padding: 14px;
}
.i_cl ul li .box .more{
  display: none;
}

.i_cl ul li .tit h5{
  // display: none;
  font-size: 20px;
}
.i_cl ul li{
  height: 100px;
  background: none !important;
}
.i_cl ul li .img{
  display: none;
}
.foo_bottom #scroll_top,
.foo_nav{
  display: none;
}

.i_cl ul li .cont{
  display: flex;
  align-items: center;
  justify-content: center;
}
.foo_info ul,
.i_news .news_list,
.i_news .news_type{
  flex-wrap: wrap;
}
.i_news .news_type h1{
  width: 100%;
  text-align: center;
}
.i_news .news_type ul{
  justify-content: center;
  padding: 2% 0;
  width: 100%;
}

.i_news .news_list .news_left{
  width: 100%;
}


.i_news .news_list .news_rig{
  width: 100%;
  padding: 3% 0;
}
.i_news .news_list .news_rig ul li a{
  padding:0 8px;
  flex-direction: column-reverse;
  line-height: 32px;
  padding:5px 8px; 
    
}
.i_news .news_list .news_rig ul li a .time{
  margin-right: 18px;
}
.i_news .news_list .news_left .time{
  width: 100px;
  height: 100px;
}
.i_news .news_list .news_left .time i{
  line-height: 64px;
  font-size: 40px;
}

.i_news .news_type ul a{
  padding: 0 10px;
}

.foo_info{
  padding: 8px;
}
.foo_info ul{
  border:none;
}
.foo_bottom{
  flex-wrap: wrap;
  padding:5px 8px;
}

.banner{
  margin-top: 0;
}
.about{
  padding: 6% 8px;
}
.about .company{
  flex-wrap: wrap;
}
.about .company > div{
  flex:auto;
}
.about .company .img{
  width: 100%;
}
.about .company .cont{
  width: 100%;
}

.about .company .cont h1{
  line-height: 70px;

  padding:0 10px;
}

.about .company .cont .sum{
  padding: 10px;
  line-height: 30px;
}

.about .ab_num{
  margin: 4% 0;
}

.network .sum{
  padding: 10px;
}
.pub_left{
  display: none;
}
.products{
  padding: 6% 8px;
}
.products .list_ul ul{
  margin: -5px;
}
.products .list_ul ul li{
    width: 50%;
    padding: 5px;
} 
.products .list_ul ul li h3{
  line-height: 40px;
}
.pro_main{
  flex-wrap: wrap;
}
.news .news_list ul li a .cont,
.pro_main .main_left,
.pro_main .pro_img{
  width: 100%;
}


.pro_main #thumbs{
  display: none;
}
.leave h1.typename,
.pro_main .main_left h1{
  font-size: 20px;
}
.news .news_list ul li a .img{
  display: none;
}
.news_read .read_con{
  padding: 8px;
}
.news_read .cc_book{
  padding: 20px 8px;
}
.schj_one .swiper-container{
  display: none;
}
.schj_one .cont{
  width: 100%;
  padding: 10px;
  background-color: #f5f5f5;
}
.schj_one .cont i{
  font-size: 30px;
}
.schj_one .cont h2{
  font-size: 20px;
  background: none;
  margin: 0;
}
.schj_one .thumbs{
  width: 100%;
}
.schj_one .thumbs img{
  padding: 0;
}

.schj{
  padding: 6% 8px;
}
.schj_one{
  padding: 0;
 flex-wrap: wrap;
}
.schj_one .thumbs{
  position: static;
}
.join .con1600 .join_rig .main .join_list ul li{
  // flex:1;
  padding: 0 !important;
}
.join .con1600 .join_rig .main .join_list ul li:nth-child(2){
  width: auto;
}
.join .con1600 .join_rig .main .join_list ul li:nth-child(3){
  width: auto;
}

.join .con1600 .join_rig .main .join_list .main_cont .td{
  justify-content: space-between;
  padding:0 8px;
}

.join .con1600 .join_rig .main .join_list ul li:last-child{
  width: auto;
}
.join .con1600 .join_rig .main .join_list .cont{
  flex-wrap: wrap;
}
.join .con1600 .join_rig .main .join_list .cont .cont_rig,
.join .con1600 .join_rig .main .join_list .cont .cont_left{
  width: 100%;
}
.join .con1600 .join_info h1{
  font-size: 24px;
}
.join{
  padding: 6% 8px;
}

.join .con1600 .join_rig .main .join_list ul li:nth-child(1){
  width: auto;
}

.join .con1600 .img{
  padding: 4% 0;
}
.contact .info ul{
  flex-wrap: wrap;
}

.contact .info ul li{
  width: 100%;
  flex:auto;
}
.contact .info ul li a{
  justify-content: flex-start;
}
.contact .info ul li a .cont h3{
  font-size: 16px;
}

.swiper-button-next:after, .swiper-button-prev:after{
  font-size: 18px;
}

#amap_container{
  height: 300px;
}



.leave .mess_form{
  width: 100%;
  
}
.leave .mess_form p{
  display: block;
  margin-bottom: 0;
}
.leave .mess_form p input{
  width: 100%;
  margin-bottom: 10px;
}
.leave{
  padding: 4% 5px 5px 5px;
}
#foo_wap{
  display: block;
}
div.info-top div{
  width: 300px;
}

.i_pro .i_type p{
    padding:4% 0;
}

}