/*当屏幕尺寸小于600px时，应用下面的CSS样式*/
@media screen and (max-width: 600px) { 
  .head .nav {
    display:none;
  }
  .head .tel{
	display:none
  }
  .container{
	width:95%;
	margin:auto;
  }
  .mobile-nav{
	display:block;
	position: relative;
  }
  .mobile-nav-body{
	display:block;
	width:60%;
	height:100vh;
	background:#fefefe ;
	position: absolute;
	z-index:999;
	right:-65%
  }
  .mobile-nav-body li{
	padding:15px 20px;
	border-bottom:1px solid #ccc;
  }
  .mobile-nav-body li a{
	  font-size:18px;
	  font-weight:bold;
	  }
  .mobile-nav-body .child-nav .nav_ul_name a{
	  font-size:15px;
	  color:#666;
	  font-weight:normal;
	  padding-left:10px;
	  background: url(hs_xtb.jpg) no-repeat center left;
	  }
  .mobile-nav-body .child-nav{
	display:none
  }
  .mobile-nav-body .child-nav .nav_ul_name{
	margin-top:5px;
  }
  .mobile-nav .mobile-nav-postion{
	margin-top:22px;
	float:right;
	font-size:16px;
	background: #cd2b00;
	border-radius:2px;
	height:36px;
	line-height:36px;
	color:#fff;
	width:80px;
	text-align:center;
  }
  
  .mobile-nav-bg{
	position: fixed;
	z-index:990;
    width: 100vw;
    height: 100vh;
	margin-left:-5%;
	background:rgba(0,0,0,0.7);
	display:none
  }
  .mobile-nav-bg:after{
	color:#fff;
	display:block;
	font-size:16px;
	width:100px;
	height:100px;
  }
.head{
	height:auto;
	padding-bottom:15px;
	} 
.logo{
	width:40%;
	margin-top: 15px;
	}
.logo img{
	width:100%;
	}  
.swiper-button-next, .swiper-button-prev{
	display:none;
	}
.i_product_bt h4{
	font-size:50px;
	}
.i_product_bt h2{
	font-size:24px;
	}
.i_product_bt p{
	font-size:12px;
	}
.accordion ul li{
	width:100% !important;
	}
.accordion ul li{
	height:auto;
	padding-bottom:30px;
	transition:all 0.6s;
	background-size: cover
	}
.accordion{
	height:auto;
	}
.accordion ul li h2{
	padding: 30px 30px 15px 30px;
	}
.accordion ul .item2 a{
	width:33%;
	}
.accordion ul li h4{
	display:none;
	}
.accordion ul li p{
	padding:0 30px ;
	opacity:1;
	}
.accordion ul .active  p{
	display:block;
	} 
.accordion ul li a{
	width:25%;
	}
.accordion ul li .ljgd{
	position:static;
	width:100%;
	padding-left:30px;
	padding-top:5px;
	font-weight:bold;
	}
.bt{
	padding:30px 0 15px 0;
	}
.bt ul {
	position:relative;
	}
.bt ul .left{
	width:100%;
	text-align:center;
	top:15px;
	}
.bt .right{
	font-size:50px;
	width:100%;
	text-align:center;
	}
.bt .left{
	position:absolute;
	}
.bt .left b{
	font-size:24px;
	}

.bt .left p{
	font-size:12px;
	text-align:center;
	}
/**/
.about .about_top li{
	width:100%;
	}
.about .about_top li h2{
	font-size:24px;
	}
.about .about_top li i{
	font-size:12px;
	margin-bottom:5px;
	}
.about .about_top li span{
	display:none;
	}
.about .about_top{
	margin-top:0px;
	}
.about .about_top img{
	width:100%;
	margin-top:20px;
	}
.about .about_bot{
	margin-top:20px;
	}
.about .about_bot li{
	width: 48%;
	margin:2px 1% 2px 0
	}
/**/
.wmdys_bj{
	height:auto;
	padding-bottom:20px;
	}
.wsdys_nr{
	width:100%;
	height:auto;
	}
.wsdys_nr ul img{
	width:100%;
	float:none;
	position:relative;
	left:0px;
	margin:0px;
	}
.wsdys_nr ul li{
	width:100%;
	float:none;
	height:330px;
	padding:20px;
	}
.wsdys_nr ul li h2{
	font-size:20px;
	}
.wsdys_bt{
	position:relative;
	top:0px;
	width:100%;
	height:auto;
	}
.wsdys_bt li{
	width:50%;
	height:55px;
	line-height:35px;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	font-size:15px;
	padding: 10px 0px 0 20px;
	}
.wsdys_bt li span{
	width:35px;
	height:35px;
	}
.wsdys_bt li span img{
	width:100%;
	}
.wsdys_bt .hover span img{
	margin-top:-35px;
	}
.wsdys_nr ul li span{
	position:relative;
	display:none;
	}
.i_product_bt{
	width:95%;
	margin:auto;
	}
.xbanner h6{
	width:90%;
	font-size: 18px;
	}
.case_bot{
	margin:15px auto;
	}

#map-container{
	height:400px;
	}
.news .news_top li{
	width:100%;
	margin-right: 0%;
	margin-bottom:5px;
	}
.news .news_bot li{
    width:100%;
	}
.news ul{
	width:100%;
	}
.news_bj{
	padding-bottom:50px;
	}
.foot{
	padding:20px 0; 
	}
.foot_nav{
	display:none;
	}
.foot_contatc{
	width:100%;
	}
.foot ul h2{
	font-size: 20px;
	padding-bottom: 15px;
    margin-bottom: 15px;
	}
.foot_contatc span{
	width:40%;
	float:left;
	margin-top:15px;
	}
.foot_contatc p{
	width:100%;
	}
.foot_contatc p a{
	display:none;
	
	}
.bqsy ul{
	text-align:center;
	}
.bqsy a{
	display:block;
	float:none;
	text-align:center;
	}

/**/
.banner_n{
	background-size: cover
	}
.banner_n ul p{
	width:100%;
	font-size:13px;
	}
.banner_n ul .pc{
	display:none;
	}
.banner_n ul .mb{
	display:inline-block;
	}
.mian{
	padding:15px;
	}
.mian_bj{
	padding-bottom: 50px;
	}
.caselist ul{
	width:102%;
	}
.caselist ul li{
	width:48%;
	margin-right:2%;
	}
.caselist ul li p{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	width:90%;
	margin:auto;
	}
.showimg , .products_show_r{
	width:100%;
	}
.news_bt{
	font-size:18px;
	}
.newslist ul li{
	padding:25px ;
	}
.newslist ul li p{
	padding:8px 0;
	}
.nr40{
	width:49%;
	}
.nr20{
	width:99%;
	float:left;
	margin-top:10px;
	}
.nr100{
	width:99%;
	}
.contact_xj , .map_lx , #allmap{
	width:100%;
	}
.contact_xj{
	padding:20px 30px;
	}
.product_left{
	width:100%;
	}
.product_fl ul{
	width:90%;
	padding:15px 0;
	margin:auto;
	}
.product_fl ul li{
	width:50%;
	}
.product_fl_bot{
	display:none;
	}
.productlist{
	width:100%;
	margin-top:20px;
	}
.productlist ul{
	width:102%;
	}
.productlist ul li{
	width:48%;
	margin-right:2%;
	}
.productlist ul li p{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	width:90%;
	margin:auto;
	}
.position span{
	display:none;
	}
.showbanner{
	padding-top:0px;
	}
.products_show_r p a{
	width:50%;
	}
.products_show_r h4{
	width:102%;
	}
.products_show_r h4 span{
	text-align:center;
	width:48.5%;
	line-height: 40px;
	}
/**/
.fdjxxcs ul h4{
	font-size:20px;
	padding:8px 0;
	}
.fdjxxcs ul li{
	font-size:12px;
	line-height:35px;
	width:60.5%;
	height:35px;
	padding:0 5px;
	}
.fdjxxcs ul .fdjxxr{
	width:38.5%;
	margin-right:0.5%;
	}
.fdjxxcs ul .fdjxx1 , .fdjxxcs ul .fdjxx3{
	background:#fff;
	color:#333;
	}
.fdjxxcs ul .fdjxx2 , .fdjxxcs ul .fdjxx4{
	background:#3b91d1;
	color:#fff;
	}
.showproduct img{
	max-width:100%;
	}
}