﻿@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 .webLink{
		display: none;
	}
	.menus .language-warp{
		display: none;
	}
	.burger_menu{
		display: block !important;
		top: 0 !important;
		float: right;
		margin-top: 10px;
		margin-left: 35px;
	} 
}

@media ( min-width:768px) and ( max-width:1024px) {
	 .sub-about-content .row .item .data{
		font-size:35px;
	}
}
@media ( max-width:960px) {
	  .index-about,
	  .index-contact{
	  	width: 100%;
	  }
	  .index-about-content .info{
	  	float: left;
	  	margin-left: 26px;
	  }
	  .index-contact{
	  	margin-top: 30px;
	  	float: left;
	 	overflow: hidden;
	  }
	   .index-contact .info-contact{
	   	overflow: hidden;
	   	padding-bottom: 0;
	   }
	  .index-contact .info-contact .item{
	  	width: 45%;
	  	float: left;
	  	padding-right: 5%;	
	  }
	  .index-about-wrap{
	  	margin-bottom: 30px;
	  }
	  .prodcuct .row{
	  	margin-left: -10px;
	  	margin-right: -10px;
	  }
	  .prodcuct .row .p9{
	  	padding: 0 10px;
	  }
}

@media ( min-width:768px) and ( max-width:780px) {
	 
}

@media (max-width:845px) {
	 .index-about-content .info{
	 	width:50% ;
	 }
}

@media ( max-width:768px) {
	 .gloab-tit h1{
	 	font-size: 20px;
	 }
	 .mt30{
	 	margin-top: 10px;
	 }
	 .index-pro-wrap{
	 	margin-top: 10px;
	 }
	 .index-pro-wrap .swiper-slide h2{
	 	font-size: 13px;
	 	height: 35px;
	 	line-height: 35px;
	 }
	 .index-about-wrap{
	 	margin-top: 15px;
	 }
	 .index-about-content{
	 	margin-top: 15px;
	 }
	 .sub-right .loacal-nav h2{
	 	font-size: 16px;
	 }
	.prodcuct .row .p9 .pro-info h2{
	 	font-size: 14px;
	 	font-weight: normal;
	 	height: auto;
	 }
	 .gloab-tit h1{
	 	font-size: 14px;
	 }
	 .gloab-tit h3{
	 	width: 62%;
	 	line-height: 14px;
	 	margin-top: 5px;
	 	font-size: 12px;
	 }
	 .gloab-tit span{
	 	margin-left: 5px;
	 	margin-right: 5px;
	 }	 
	 .index-contact .gloab-tit  h3{
	 	line-height: 30px;
	 }
	 .index-contact .info-contact{
	 	width: 100%;
	 }
	 .news a.news-item .news-left{
	 	height: 90px;
	 }
	 .prodcuct .row .p9 .pro-info{
	 	padding: 15px 0 5px 0;
	 }
	 .prodcuct .row .p9{
	 	margin-bottom: 15px;
	 }
	 .newsde .newsinfo h1{
	 	font-size: 16px;
	 }
	 .news a.news-item{
	 	padding: 10px 0;
	 }
}
@media(max-width:600px){
	.index-about-content .pic,
	.index-about-content .info{
		width: 100%;
		margin-left: 0;
	}
	.index-about-content .info{
		margin-top: 20px;
	}
	.index-contact .info-contact .item{
		width: 100%;
	}
	.index-contact .info-contact{
		padding-bottom: 15px;
	}
	.index-contact{
		margin-top: 10px;
	}
	.index-contact .info-contact{
		margin-top: 0;
	}
	.menus .language{
		width: 50px;
		height: 25px;
		background-size: 100%;
		margin-top: 5px;
	}
	.menus .head-ss{
		margin-top: 0;
	}
	.gloab-tit .pro-control{
		width: 26px;
		height: 26px;
		background-size: 100%;
	}
}