﻿@media ( min-width:768px) and ( max-width:991px) {
	html {
		width: 100%;
		height: 100%;
		font-size: 62.5%;
		/* 10÷16=62.5% */
	}
	body {
		font-size: 16px;
		font-size: 1.6rem;
		/* 12÷10=1.2 */
	}
	.container {
		margin-right: auto;
		margin-left: auto;
		width: 96%;
	}
	.container:before,
	.container:after {
		content: " ";
		display: table;
	}
	.container:after {
		clear: both;
	}
	.container:before,
	.container:after {
		content: " ";
		display: table;
	}
	.container:after {
		clear: both;
	}
	.subbanner {
		height: 200px;
	}
	.news-item p.text {
		font-size: 14px;
		word-break: break-all;
		text-overflow: ellipsis;
		display: -webkit-box;
		/** 对象作为伸缩盒子模型显示 **/
		-webkit-box-orient: vertical;
		/** 设置或检索伸缩盒对象的子元素的排列方式 **/
		-webkit-line-clamp: 2;
		/** 显示的行数 **/
		overflow: hidden;
		/** 隐藏超出的内容 **/
		height: auto;
		margin-bottom: 20px;
	} 
	.menus .topNav{
		display: none;
	}
	.burger_menu{
		display: block !important;
		top: 0 !important;
		float: right;
		margin-top: 3.6%;
	} 
	.indexProductClass .item .tilt{
		display: none;
	}
	.indexProductClass .item:hover{
		margin-top: 50px;
	}
	.indexProductClass .row div:nth-child(5),
	.indexProductClass .row div:nth-child(6){
		display: none;
	}
	.index_news_product_show_bg{
		height: 300px;
	}
	.indexAboutWarp .indexAbout .info{
		width: 100%;
		padding-top: 25px;
	}
	.indexAboutWarp .indexAbout .sccjTit{
		display: none;
	}
	.indexAboutWarp .indexAbout .sccjBox{
		width: 100%;
		margin-top: 38px;
		}
	.indexHonor .zsBox{
		width: 55%;
		margin-left: 2%;
	}
	.indexHonor .zsBox .zs{
		width: 100%;
		cursor: all-scroll;
	}
	.indexCulture .InfoBox .Info1{
		width: 50%;
	}
	.indexCulture .InfoBox .Info2{
		width: 50%;
	}
	.indexCulture .InfoBox .Info3 .Box1{
		width: 100%;
		border-top: 1px solid #e5e5e5;
	}
	.indexCulture .InfoBox .Info3 .Box1 {
		background-size: 100% 100%;
	}
	.indexCulture .InfoBox .Info3 .Box2 {
		background-size: 100% 100%;
	}
	.indexCulture .InfoBox .Info3 .Box2{
		width: 100%;
	}
	.indexCulture .InfoBox .Info3{
		width: 100%;
	}
	.indexAboutWarp .indexHonor{
		height: 330px;
	}
	.indexHonor .zsBox .swiper-button-next{
		display: none;
	}
	.indexHonor .zsBox .swiper-button-prev{
		display: none;
	}
	.indexNews .content .leftBox .itemBox .itemList .list .tit{
		width: 62%;
	}
	.indexNews .content .rightBox ul li .subInfo .tit{
		font-size: 12px;
	}
	.indexNews .content .rightBox ul li .subInfo .sub{
		-webkit-line-clamp: 1;
		margin-top: 5px;
	}
	.footWarp{
		display: none;
	}
	.foot{
		display: none;
	}
	.foot-copy{
		display: none;
	}
	.footH{
		display: block;
	}
	.footFix{
		display: flex;
	}   
	.about-qywh .Box1 .leftInfo{
		width: 100%;
	}
	.about-qywh .Box1 .rightBox{
		width: 100%;
		margin-top: 15px;
	}
	.about-qywh .row{
		display: none;
	}
	.about-qywh .Box1 .rightBox .nr{
		width: 55%;
	}
	.about-zzzs .hd .sub{
		display: none;
	}
	.about-zzzs .hd .line{
		display: none;
	}
	.about-zzzs .hd .zsen{
		display: none;
	}
	.about-zzzs .hd .zstit{
		font-size: 18px;
		padding-top: 15px;	
	}
	.about-zzzs .hd ul{
		margin-top: 15px;
		height: 420px;
	}
	.about-sccj .row .item p{
		font-size: 14px;
	}
	.productClass{
		width: 30%;
	}
	.product .productList{
		width: 67.5%;
	}
	.about-zzzs .bd{
		padding: 20px 12px 21px 13px;
	}
	.productDe .rightXgcp{
		display: none;
	}
	.productDe .leftContent{
		width: 100%;
	}
	.SalesAgent form#msg{
		width: 100%;
	}
	.CompanyInfo .item{
		margin-bottom: 35px
	}
	.MapsBox .hd ul li{
		width: 21%;
		background-size: 100% auto;
	}
	.MapsBox .hd ul li.on{
		background-size: 100% auto;
	}
	.index_news_product_show_bg .img1{
		display: none;
	}
	.index_news_product_show_bg{
		background: url(../images/0sscj.png) no-repeat center top;
		height: 300px;
		background-size: cover;	
	}
}

@media ( min-width:768px) and ( max-width:1024px) {
	 
}
@media ( min-width:768px) and ( max-width:930px) {
	  
}

@media ( min-width:768px) and ( max-width:780px) {
	 
}

@media ( min-width:768px) and ( max-width:875px) {
	 
}

@media ( max-width:810px) {
	 
}