@media only screen and (min-width: 320px) and (max-width: 768px) {
img{ width:100%;}
.mian{ width:99%;}
.head{ display:none; }
.menu{ width:100%; margin:10px auto 0 auto; height:auto; float:right;}
.menu li{width:22%; float:left; height:35px; background:#0168b7; overflow:hidden;   margin-right:1%; margin-left:2%; text-align:center; margin-bottom:1%;}
.menu li a{line-height:35px; color:#FFF; font-weight:100;}
.menu li a:hover{ color:#fff; background:#333; display:block; }
.menu ul li .current{ background:#333; color:#FFF; display:block;}
.tel{ display:none;}
.mian_top{ margin-top:20px; margin-bottom:30px;}
.txt_t{ font-size: 20px;  float:left; color:#666; margin-left:10px; line-height:70px;}
.about_txt{ background:#117fe1; width:96%; float:right; overflow:hidden; padding:2%;height: auto;}
.menu1{ width:650px; margin:25px auto 0 auto; height:50px; float:left; margin-left:150px;}
.menu1 li{width:100px; float:left; text-align:center;   text-align:center;  }
.menu1 li a{height:50px; line-height:50px; font-size:16px; font-weight:500; text-align:center;color:#333;  text-decoration:none;}
.menu1 li a:hover{ color:#000;  display:block; }
.menu1 ul li .current{ background:#333; color:#FFF;display:block;}
.index_about{ width:100%; height:260px; float: none; overflow:hidden;}
.about_n{ display:none;}
.about_right{ width:100%; float:right; overflow:hidden;}

.index_product li{ width:50%; float:left; height:60vw; overflow: hidden;}
.index_product_img{ width:100%; height: auto;  overflow:hidden;}

.footer_weixin{ width:30%; text-align:center; float:none; margin:0 auto;}
.index_news{ width:100%; float:left; overflow:hidden; margin-right:0PX; margin-left:0PX;}

.linknav{ display:none;}
.news_img{ display:none;}
.nes{ width:100%;  float: none;}
.footer_info{ width:100%; float:left; overflow:hidden; line-height:180%; color:#FFF;}

	}