@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) {}



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

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

@media ( max-width:767px) {   
	.burger_menu{
		display: block !important;
		top: 0 !important;
		float: right;
		margin-top: 4%;
	} 
	.menus .Logo{
		width: 70%;
		padding-bottom: 15px;
	}
	.foot{
		display: none;
	}
	.foot-copy{
		display: none;
	}
	.footH{
		display: block;
	}
	.footFix{
		display: flex;
	}   
	.menus .topNav{
		display: none;
	}
	.indexProductClass .item .tilt{
		display: none
	}
	.indexProductClass .item{
		margin-top: 25px;
	}
	.indexProductClass .item:hover{
		margin-top: 25px
	}
	.indexProductClass .item .SubInfo .tit{
		font-size: 12px;
		padding-top: 0;
		margin-top: 6px;
	}
	.indexProductClass .item .SubInfo{
		padding-top: 8px;
	}
	.indexProductClass .item .SubInfo .num .hx{
		width: 9px;
		margin-top: 0;
	}
	.index_news_product_show_bg{
/*		height: 160px;*/
	}
	.index_news_product_show_tit .titBox{
		padding: 20px 0 10px 0;
	}
	.index_news_product_show_tit .titBox h4{
		font-size: 24px;
	}
	.indexAboutWarp .indexAbout .info{
		width: 100%;
		padding-top: 25px;
	}
	.indexAboutWarp .indexAbout .sccjTit{
		display: none;
	}
	.indexAboutWarp .indexAbout .sccjBox{
		width: 100%;
		margin-top: 25px;
		margin-bottom: 15px;
	}
	.indexAboutWarp .indexAbout .sccjBox .sccj{
		width: 100%;
	}
	.indexAboutWarp .indexAbout .sccjBox .swiper-button-next{
		display: none;
	}
	.indexAboutWarp .indexAbout .sccjBox .swiper-button-prev{
		display: none;
	}
	.indexNews .content .leftBox{
		width: 100%;
	}
	.indexNews .content .leftBox .itemBox .itemList .list .tit{
		width: 64%;
	}
	.indexNews .content .rightBox{
		width: 100%;
		margin-top: 15px;
	}
	.indexNews .content .rightBox ul li .subInfo .sub{
		-webkit-line-clamp: 1;
		line-height: 20px;
		margin-top: 10px;
	}
	.indexNews{
		padding: 24px 0 12px 0; 
	}
	.indexNews .T-Box hr{
		margin: 12px 0 20px 0;
	}
	.footWarp{
		display: none;
	}
	.indexCulture .InfoBox .Info1{
		width: 50%;
		padding: 16px 16px 0 16px;
	}
	.indexCulture .InfoBox .Info2{
		width: 50%;
		    padding: 16px 10px 0 10px;
	}
	.indexCulture .InfoBox .sub{
		font-size: 12px;
	}
	.indexCulture .InfoBox .Info3{
		width: 100%;
	}
	.indexCulture .InfoBox .Info3 .Box1{
		border-top: 1px solid #e5e5e5;
		padding: 16px 0 0 16px;
	}
	.indexCulture .InfoBox .Info3 .Box1 .bkIco{
		background: url(../images/qywhIco3.png) no-repeat center right 30px;
	}
	.indexCulture .InfoBox .Info3 .Box1:hover .bkIco{
		background: url(../images/qywhIco3_2.png) no-repeat center right 30px;
	}
	.indexCulture .InfoBox .Info3 .Box2{
		padding: 16px 0 0 16px;
	}
	.indexCulture .InfoBox .Info3 .Box2 .bkIco{
		    background: url(../images/qywhIco4.png) no-repeat center right 20px;
	}
	.indexCulture .InfoBox .Info3 .Box2:hover .bkIco{
		background: url(../images/qywhIco4_2.png) no-repeat center right 20px;
	}
	.indexCulture .InfoBox .tit{
		font-size: 16px;
	}
	.about-gsjj .cont .Pic{
		width: 100%;
	}
	.about-gsjj .cont .SubInfo{
		width: 100%;
		margin-top: 15px;
	}
	.about-gsjj .cont .SubInfo .tit{
		font-size: 16px;
		padding-bottom: 18px;
		margin-bottom: 15px;
	}
	.about-gsjj{
		padding: 26px 0 20px 0;
	}
	.productClass{
		width: 100%;
	}
	.productClass .title{
		line-height: 50px;
		font-size: 18px;
	}
	.productClass .classBox h3 span{
		height: 30px;
		line-height: 30px;
		font-size: 12px;
	}
	.productClass .classBox ul li{
		height: 25px;
		line-height: 25px;
	}
	.productClass .classBox ul li a{
		line-height: 25px;
		font-size: 12px;
	}
	.productClass .classBox ul{
		padding-bottom: 5px;
	}
	.product .productList{
		width: 100%;
	}
	.product .productList h2{
		font-size: 18px;
		line-height: 55px;
	}
	.productDe .rightXgcp{
		display: none;
	}
	.productDe .leftContent {
		width: 100%;
	}
	.productDe .leftContent .content{
		padding: 15px 26px 20px 22px;
	}
	.productDe .leftContent .ImgShow{
		width: 100%;
	}
	.about-zzzs .bd{
		padding: 10px;
	}
	.about-zzzs .hd .zsen{
		display: none;
	}
	.about-zzzs .hd .line{
		display: none;
	}
	.about-zzzs .hd .sub{
		display: none;
	}
	.about-zzzs .hd .zstit{
		font-size: 14px;
		padding-top: 10px;
		padding-bottom: 5px;
	}
	.about-zzzs .hd ul{
		margin-top: 15px;
		height: 260px;
	}
	.about-zzzs .hd ul li{
		margin-bottom: 8px;
	}
	.about-qywh .Box1 .leftInfo{
		width: 100%;
	}
	.about-qywh .Box1 .leftInfo .cn{
		font-size: 16px;
		padding-top: 18px;
	}
	.about-qywh .Box1 .leftInfo .en{
		width: 50%;
	}
	.about-qywh .Box1 .leftInfo .line{
		margin: 18px 0 12px 0;
	}
	.about-qywh .Box1 .leftInfo .sub{
		font-size: 12px;
	}
	.about-qywh .Box1 .rightBox{
		width: 100%;
	}
	.about-qywh .Box1 .rightBox .nr{
		position: relative;
		padding: 35px 0  18px 0;
	}
	.about-qywh .item img{
		display: none;
	}
	.about-qywh .item .nr{
		position: relative;
		padding: 15px 0 18px 0;
	}
	.about-qywh .row{
		margin-top: 12px;
	}
	.about-qywh{
		height: auto;
	}
	.about-qywh .Box1 .rightBox img{
		display: none;
	}
	.NyPosition .Nya a{
		font-size: 12px;
		margin-right: 8px;
	}
	.NyPosition .location{
		font-size: 12px;
	}
	.SalesAgent form#msg{
		width: 100%;
		padding: 15px 15px 15px 15px;
	}
	form#msg table td.dwlx label:nth-child(2){
		margin: 0 auto !important;
	} 
	.DeFy .leftA{
		width: 100%;
	}
	.DeFy .Rshare{
		float: left;
	}
	.newsDe{
		padding: 20px 0 38px 0;
	}
	.newsDe .keys{
		font-size: 12px;
	}
	.news .classBox a{
		width: 29%;
		background-size: 100% 100%;
	}
	.news{
		padding: 20px  0 20px 0;
	}
	.agent .row div .tit{
		font-size: 12px;
	}
	.agent .row div{
		margin-bottom: 18px;
	}
	.agent .row{
		margin-top: 28px;
	}
	.agent{
		padding: 20px 0 20px 0;
	}
	.CompanyInfo .item{
		margin-bottom: 35px;
	}
	.CompanyInfo .item{
		padding: 38px 15px 10px 10px; 
	}
	.CompanyInfo .item .tit{
		font-size: 14px;
	}
	.contact{
		padding: 28px 0 20px 0;
	}
	.agent .row div .info{
		font-size: 12px;
		min-height: 210px;
		max-height: 210px;
	}
	.MapsBox .hd ul li{
		width: 22%;
		margin: 0 2%;
	}
	.MapsBox .hd ul li{
		background-size: 100% auto;
		font-size: 12px;
	}
	.MapsBox .hd ul li.on{
		background-size: 100% auto;
	}
	.MapsBox .bd{
		margin-top: -25px;
	}
	.indexProductClass{
		padding: 20px 0 20px 0;
	}
	.headTop .headTel{
		display: none;
	}
	.indexProductClass .item .SubInfo .num img{
		width: 17px;
		height: 17px;
	}
	.indexAboutWarp{
		padding: 80px 0 28px 0;
	}
	.indexAboutWarp .indexAbout .info h4{
		font-size: 18px;
		padding-bottom: 20px;
	}
	.indexAboutWarp .indexHonor{
		height: 246px;
	}
	.indexHonor .zsBox{
		margin-top: 30px;
		padding-left: 2%;
	}
	.indexHonor .zsBox{
		width: 55%;
	}
	.indexHonor .zsBox .zs{
		width: 100%;
	}
	.indexHonor .zsBox .swiper-button-next{
		display: none;
	}
	.indexHonor .zsBox .swiper-button-prev{
		display: none;
	}
	.indexAboutWarp .indexAbout .sccjBox p{
		font-size: 12px;
	}
	.indexNews .content .rightBox ul li .subInfo .tit{
		font-size: 12px;
	}
	.SalesAgent .Info2 ul li{
		margin: 0 5px;
	}
	.TbPc{
		display: none;
	}
	.TbMb{
		display: block;
	}
}