/*最大768px*/
@media (max-width: 768px) {
	.hidden-l {
		display: none !important;
	}

	.hidden-g {
		display: block !important;
	}
}

/*最小768px*/
@media (min-width: 768px) {
	.hidden-l {
		display: none;
	}

	.hidden-g {
		display: block;
	}
}


/*768px至992px*/
@media (min-width: 768px) and (max-width: 992px) {
	.hidden-l {
		display: none;
	}

	.hidden-g {
		display: block;
	}
}

/*992px至1200pox*/
@media (min-width: 992px) and (max-width: 1200px) {
	.hidden-l {
		display: block;
	}

	.hidden-g {
		display: none;
	}
}

/*最小1200px*/
@media (min-width: 1200px) {
	.hidden-l {
		display: block;
	}

	.hidden-g {
		display: none;
	}
}

@media (max-width: 768px) {

	.mobile-header .h-nav-g img{
		width: 80%;
		height: auto;
	}
	.index-product .index-product-title{
		margin: 20px auto;
		font-size: 20px;
	}
	.index-product .index-product-type a{
		margin: 2px;
		padding: 8px;
	}
	.index-product-lunbo-mobile{
		margin: 20px auto;
	}
	.index-solution{
		height: auto;
		background-image: none;
		background-color: #333333;
	}
	.index-solution .index-solution-title{
		width: 100%;
		font-size: 14px;
		margin: 30px auto;
	}
	.index-solution .index-solution-title b:last-child{
		margin-left: 50px;
	}
	
	.index-solution ul li{
		width: 100%;
		margin-bottom: 20px;
		height: 50px;
	}
	.index-solution ul li em{
		line-height: 50px;
		font-size: 16px;
	}
	.index-solution ul li .box{
		font-size: 14px;
		line-height: 20px;
		padding: 4px 20px;
	}
	.index-advantage{
		padding: 0px;
	}
	.index-advantage .index-advantage-title{
		background-size: 200%;
	}
	
	.index-company{
		padding-bottom: 30px;
	}
	.index-company .index-company-title{
		margin: 0px auto 20px;
		font-size: 20px;
	}
	.index-company-intro .intro{
		padding: 0px 10px;
	}
	.index-company-intro .intro a{
		margin-top: 10px;
	}
	
	.index-honor-team-environmental-activity{
		padding: 20px 0px 0px 0px;
	}
	.index-honor-team-environmental-activity .type{
		margin-bottom: 20px;
	}
	.index-honor-team-environmental-activity .type a{
		margin: 2px;
		padding: 8px;
	}
	
	.index-news-problem{
		padding: 10px;
	}
	.index-news-problem .index-news-type .top-title{
		margin-bottom:20px;
	}
	.index-news-problem .index-news-type .news-list .item .intro{
		width: 100%;
		margin-bottom: 0px;
	}
	.index-news-problem .index-news-type .news-list .item .intro b{
		margin-top: 0px;
		margin-bottom: 6px;
	}
	.index-news-problem .index-news-type .news-list .item .intro a{
		margin-top: 10px;
	}
	.index-news-problem .index-news-type .news-list .item ul li a span:nth-child(1){
		width: 70%;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap; 
	}
	.index-news-problem .index-news-type .news-list .item ul li a span:nth-child(2){
		width: 30%;
		text-align: right;
	}
	
	.index-links{
		width: 100%;
		padding: 30px;
		margin-bottom: 0px;
	}
	footer.footer{
		padding: 0px;
		height: auto;
	}
	.footer-admin{
		margin-top: 0px;
		padding: 0px 15px;
	}
	
	.footer-fixed a:nth-child(3){
		width: 60%;
	}
	
	.location{
		margin-bottom: 10px;
	}
	.news_title{
		font-size: 16px;
		margin: 0px auto;
	}
	.username_click{
		margin: 0px auto;
	}
	
	.main{
		margin: 20px auto;
	}
	
	.banner-nei{
		height: 150px;
	}
	.sidebar>.sidebar-title{
		font-size: 16px;
		line-height: 40px;
	}
	.sidebar>.sidebar-contact>.title>b{
		font-size: 16px;
	}
	.sidebar>ul>li{
		line-height: 30px;
	}
	.index-company-intro .intro span{
		font-size: 16px;
	}
	.index-company-intro .intro a{
		line-height: 30px;
		height: 30px;
	}
	.index-news-problem .index-news-type .index-news-list .item .intro a{
		height: 30px;
		line-height: 30px;
	}
	
	.nav-public-type{
		margin-bottom: 20px;
	}
	.nav-public-type a{
		padding: 4px 8px;
		margin: 0px 2px;
	}
	
	.footer-fixed a{
		width: 40%;
	}
	.public-image-list ul li img{
		height: 100px;
	}
	footer.footer .box01 .line{
		line-height: 30px;
		height: 30px;
	}
	footer.footer .box01 .line b{
		font-size: 18px;
	}
	div.page{
		margin-top: 0px;
	}
	div.page a{
		margin: 0px;
	}
	
	.product-list-img{
		margin-bottom: 0px;
	}
	
	.product-info-lunbo{
		width: 100%;
	}
	.product-info-lunbo-intro .intro{
		width: 100%;
	}
	.product-info-lunbo-intro .intro a{
		margin: 0px auto 20px;
	}
	.details-info{
		padding: 0px 15px;
	}
	
	.banner-nei{
		height: 150px;
	}
	.banner-nei-product{
		background: url('../images/mobile/banner_nei_product.jpg')no-repeat center center;
	}
	.banner-nei-service{
		background: url('../images/mobile/banner_nei_service.jpg')no-repeat center center;
	}
	.banner-nei-company{
		background: url('../images/mobile/banner_nei_company.jpg')no-repeat center center;
	}
	.banner-nei-news{
		background: url('../images/mobile/banner_nei_news.jpg')no-repeat center center;
	}
	.banner-nei-message{
		background: url('../images/mobile/banner_nei_message.jpg')no-repeat center center;
	}
	.banner-nei-contact{
		background: url('../images/mobile/banner_nei_contact.jpg')no-repeat center center;
	}
	.banner-nei-video{
		background: url('../images/mobile/banner_nei_video.jpg')no-repeat center center;
	}
	
}
@media (min-width: 768px) and (max-width: 992px) {
	body{
		padding-top: 60px;
	}
	.index-solution ul li:nth-child(1){
		margin-right: 0px;
	}
	.mobile-header .h-nav-g img{
		width: 80%;
		height: auto;
	}
	.news-list ul li a.title{
		margin-bottom: 8px;
	}
	.news-list ul li p{
		line-height: 26px;
	}
}