﻿@media( 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;
	}

	.burger_menu{
		display: block !important;
		top: 0 !important;
		float: right;
		margin-top: 22px;
		margin-left: 33px;
	} 
	.menus .header{
		padding: 10px 0;
	}
	.menus.fixedbg .header{
		display: block;
		
	}
	.menus.fixedbg{
		box-shadow: rgba(0,0,0,0.5) 0 5px 5px -5px;
		border-bottom: #ddd solid 1px;
	}
	.menus .dhwrap{
		display: none;
	}
	 
	.menus .head-right
	{
		display: none;
	}
	 
	.submain{
		padding: 20px 0;
	}
 
	 .sub-solution .dl-box h1{
	 	padding-top: 10px;
	 }
	 
	 .detail-box .detial-box-nav a{
	 	width: 20%;
	 }
	 .submain-left .catalog-box .title{
	 	font-size: 18px;
	 }
	 .submain-left .catalog-box .list a{
	 	font-size: 14px;
	 }
	 .submain-left .contact-box .tel{
	 	font-size: 18px;
	 }
	 .sub-solution .item .title{
	 padding: 20px 0;
	 }
}

@media( max-width:991px){
	 
	.gloab-tit h2{
		font-size: 22px;
	}
	.gloab-tit{
		margin-bottom: 20px;
	}
	.pro-wrap .pro-box{
		flex-wrap: wrap;
	}
	.pro-wrap .item{
		width: 33.33%;
	}
	.contact-box-right{
		font-size: 20px;
	}
	.contact-box-left p{
		height: 50px;
		overflow: hidden;
	}
	.hot-search{
		margin-top: 30px;
	}
	.gloab-tit{
		font-size: 20px;
	}
 .sk-advantage .info-box h2{
 	font-size: 20px;
 }

}
@media( max-width:970px){
	.hot-search form input{
		width: 70%;
	}
	.menus .Logo{
		width:45%;
		max-width:inherit;
	}
	.sub-newsspec-list ul li .title p.data{
		padding: 5px 0;
	}
}
@media( max-width:890px){
	.index-news-rec{
		width: 100%;
		
	}
	.index-news-right{
		width: 100%;
	}
}
@media( max-width:850px){
	.sub-solution .item p{
		margin-bottom: 15px;
	}
	.menus .Logo a .h2{
		font-size: 15px;
		line-height: 15px;
	}
	.menus .Logo a .h1{
		font-size: 20px;
	}
}
@media( max-width:830px){
	 #catalog{
		margin-top: 0;
		height:370px ;
	}  
	#catalog .swiper-slide a{
		height: 27px;
		line-height: 27px;
		margin-bottom: 8px;
	}
	
}
@media( max-width:768px){
	 .menus .Logo a .h1{
	 	margin-top: 10px;
	 }
	 .hot-search .hot-search-box{
	 	padding: 10px;
	 }
	 .hot-search form{
	 	width: 100%
	 }
	 .hot-search .keysword-list{
	 	width: 100%;
	 	margin-left: 0;
	 }
	 .sk-index-catalog{
	 	margin-top: 30px;
	 }
	 .sk-catalog{
	 	box-shadow: none;
	 	border: none;
	 }
	 .mobile-catalog{
	 	display: block;
	 	position: relative;
	 }
	 .mobile-catalog   .swiper-container{
	 	width: 92%;
	 	margin: 0 auto;
	 }
	 .mcatelog-button-prev {
		position: absolute;
		left: 0;
		color: #aaaaaa;
		font-size: 27px;
		cursor: pointer;
		top: 2px;
		outline: none;
	}
	.mcatelog-button-next {
		position: absolute;
		right: 0;
		cursor: pointer;
		color: #aaaaaa;
		top: 2px;
		outline: none;
	}
	.mcatelog-button-prev i,
	.mcatelog-button-next i {
		font-size: 27px;
		cursor: pointer;
	}
	.mcatelog-button-prev:hover i,
	.mcatelog-button-next:hover i {
		color: #7fa50c;
	}
	 .catalog-list{
	 	width: 100%;
	 	overflow: hidden;
	 }
	 .pc-catalog{
	 	display: none;
	 }
	 .sk-catalog{
	 	width: 100%;
	 }
	 .sk-catalog .title{
	 	display: none;
	 }
	a.about-more{
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.sub-solution .dl-box h1{
		font-size: 18px;
		padding: 5px 0;
	}
	.sub-solution .dl-box span{
		margin-top: 5px;
	}
	.sub-solution .dl-box p{
		margin: 10px 0 0 0 ;
		width: 100%;
	}
	.sub-newsspec-list ul li .a{
		padding: 10px 0;
	}
	.newsde{
		padding-top: 10px;
	}
	 
	.sub-product-left{
		width: 100%;
		padding-top: 0;
	}
	.sub-product-right{
		width: 100%;
		padding-top: 10px;
	}
	.detail-box .detial-box-nav.fixed{
		width: 100%;
		left: 0;
	}
	.detail-box{
		margin-top: 20px;
	}
	.detail-box .detial-box-nav a{
		font-size: 13px;
	}
	
	.gloab-tit h2{
		font-size: 18px;
	}
	.sk-advantage .fn-right .pic,.sk-advantage .item .pic{
		clear: both;
		float: none;
		margin: 0 auto;
		padding-bottom:25px;
	}
	.sk-advantage .item .item-left{
		width: 60%;
		clear: both;
		float: none;
		margin: 0 auto;
		padding-top: 20px;
	}
	.sk-advantage .item{
		padding-bottom: 0;
	}
	.product-detail-txt .title{
		font-size: 18px;
	}
	
	.product-detail-title{
		font-size: 18px;
	}
	.product-detail-pic{
		width: 100%;
	}
	.product-detail-txt{
		width: 100%;
	}
	
	.sub-newsspec-list ul li .title p.data{
		font-size: 13px;
	}
	.sub-newsspec-list ul li .title p.subtitle{
		font-size: 14px;
		line-height: 22px;
		height: 48px;
	}
	.case-detail .h1{
		font-size: 20px;
	}
	.catalog-list .testwrapper span:last-child{
		font-size: 20px;
	}
	
}
