@media ( min-width:414px) and ( max-width:767px) {
	html {
		width: 100%;
		height: 100%;
		font-size: 62.5%;
		/* 10÷16=62.5% */
	}
	body {
		font-size: 14px;
		font-size: 1.4rem;
		/* 12÷10=1.2 */
	}
	.container {
		margin-right: auto;
		margin-left: auto;
		width: 90%;
	}
	.container:before,
	.container:after {
		content: " ";
		display: table;
	}
	.container:after {
		clear: both;
	}
	.container:before,
	.container:after {
		content: " ";
		display: table;
	}
	.container:after {
		clear: both;
	} 
}

@media ( min-width:333px) and ( max-width:550px) {
	.menus .Htel{
	 	display: none;
	}
}

@media ( min-width:551px) and ( max-width:650px) {
	.menus .Htel{
		display: none;
	}
}



@media ( min-width:600px) and ( max-width:767px) {
	.menus .Htel{
		display: none;
	}
}

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

@media ( max-width:767px) {
	.menus form#search{
		display: none;
	}
	.menus .Htel{ 
	}
	.menu-box{
		height: 90px;
	}
	.menu-wrap .ul-wrap li{
		width: 25%;
	}
	.menu-wrap .ul-wrap li:last-child{
		display: none;
	}
	.Htel span{
		font-size: 18px;
	}
	.Htel a{
		display: none;
	}
	.Htel i.wxico{
		display: none;
	}
	.productList .col-xs-6:nth-child(7),
	.productList .col-xs-6:nth-child(8),
	.productList .col-xs-6:nth-child(9),
	.productList .col-xs-6:nth-child(10),
	.productList .col-xs-6:nth-child(11),
	.productList .col-xs-6:nth-child(12){
		display: none;
	}
	.h1-tit{
		font-size: 16px;
	}
	.h2-tit{
		font-size: 14px;
	}
	.indexBox1{
		padding: 20px 0 0 0;
	}
	.indexBox2 h1{
		font-size: 20px;
	}
	.indexBox2 .Vs .vsImg{
		display: none;
	}
	.Vs #left{
		width: 100%;
		margin-left: 0;
	}
	.indexBox2 .Vs{
		height: auto;
	}
	.Vs #right{
		width: 100%;
	}
	.Vs #right li{
		background-size: 100% 100%;
	}
	.Vs #left li{
		background-size: 100% 100%;
	}
	.Vs h2{
		margin-top: 15px;
		margin-bottom: 20px;
	}
	.indexTel i.hx{
		display: none;
	}
	.indexTel .Title{
		display: none;
	}
	.wzpm-content .words{
		width: 100%;
	}
	.wzpm-content .Img{
		width: 100%;
	}
	.indexBox5 .content .subcont{
		width: 100%;
	}
	.indexBox5 .content .subImg{
		width: 100%;
	}
	.indexBox5 .content .subcont h1{
		font-size: 14px;
		line-height: 28px;
	}
	.indexBox7 .leftNews{
		width: 100%;
	}
	.leftNews .bd .Oneli{
		display: none;
	}
	.indexBox2{
		
	}
	.indexBox2 .Vs{
		display: none;
	}
	.indexBox2 .palce a{
		margin: 0 14px;
		font-size: 12px;
		line-height: 18px;
		background-size: 15px 15px;
	}
	.indexBox4 .sub{
		padding: 2%;
		
	}
	.indexBox4 .sub p{
		font-size: 12px;
		line-height: 20px;
	}
	.indexBox7 .rightQuestion{
		width: 100%;
		margin-top: 15px;
	}
	.Link{
		display: none;
	}
	.foot{
		display: none;
	}
	.footH{
		display: block;
	}
	.footFix{
		display: flex;
	}
	.welcome{
		display: none;
	}
	.wzpm-content .words span a.wz{
		font-size: 18px;
	}
	.wzpm-content{
		padding: 15px 0 0 0;
	}
	.menu-wrap .ul-wrap li a{
		font-size: 12px;
	}
	.menus{
		padding-bottom: 14px;
	}
	.indexTel .left{
		margin-left: 4%;
		margin-top: 8%;
	}
	.NyLeft{
		width: 100%;
		margin-bottom: 0;
		margin-top: 10px;
	}
	.NyLeft .leftLx{
		display: none;
	}
	.NyRight{
		width: 100%;
	}
	.productDe .imgShow .right{
		display: none;
	}
	.productDe .imgShow .left{
		width: 99.9%;
	}
	.p-prev{
		top: 50%;
		margin-top: -15px;
		left: 0;
	}
	.p-next{
		top: 50%;
		margin-top: -15px;
		right: 0;
	}
	.NyRight .topClass a{
		font-size: 12px;
	}
	.NyLeft .Tit{
		padding: 15px 0 10px 0;
	}
	.NyLeft .Tit h1{
		font-size: 20px;
	}
	.NyRight .topClass a{
		width: 25%;
	}
	.news ul#xw li img{
		width: 100%;
	}
	.news ul#xw li .nr{
		width: 100%;
	}
	.newsDe .Title h1{
		font-size: 15px;
	}
	.newsDe .Title{
		margin-top: 15px;
		padding-bottom: 15px;
	}
	.newsDe .newsShare{
		display: none;
	}
	.NyLeft > ul li ul li a{
		line-height: 35px;
	}
	.message{
		padding: 20px 3% 20px 3%;
	}
	form#mess input#name{
		width: 100%;
	}
	form#mess input#tel{
		width: 100%;
		margin-left: 0;
		margin-top: 15px;
	}
	form#mess input#email{
		width: 100%;
		margin-left: 0;
		margin-top: 15px;
	}
	form#mess input[type=button]{
		width: 100%;
		margin: 15px auto 0;
	}
	.contact .NyLeft{
		display: none;
	}
	.newsDe .NyLeft{
		display: none;
	}
	.news ul#xw li .nr h1{
		font-size: 16px;
	}
	.wzpm-content .words span{
		width: 100%;
	}
	.h2-tit i{
		width: 10px;
	}
	.indexBox5{
		padding: 15px 0 0 0;
	}
	.NyRight .topClass p{
		display: none;
	}
	.Decont .wzpm-content .words{
		width: 100%;
	}
	.menus .Logo{
		margin-top: 0;
	}
	.message h1{
		font-size: 15px;
	}
	.message form#mess{
		margin-top: 15px;
	}
	.problem .NyLeft,
	.indexBox4#ny .NyLeft,
	.news .NyLeft,
	.about .NyLeft{
		display: none;
	}
	.pro-sub-zx .tel{
		width: 100%;
		font-size: 14px;
		margin-top: 5px;
	}
	.leftNews .bd ul li .tit{
		width: 65%;
		min-height: 35px;
		display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
	}
	.leftNews .bd ul li{
		line-height: 35px;
	}
}