
/* CSS Document */
@media only screen and (min-width:1920px) {
html {
	font-size: 11px;
}
}
@media only screen and (min-width: 1420px){
	.w{width: 1200px}
	.mokuai{width: 1200px}
}
@media only screen and (max-width: 1200px) {
.navli a {
	line-height: 32px;
}

#fnav_r {
	display: none;
}
#footer .qr_code .qr_code_l {
	width: 32.29%;
}
#footer .qr_code .qr_code_r {
	width: 64.58%;
}
.collect {
	display: none;
}

	.logo{width: 100%;margin-left: 0;}
	.search,#search_all{display: none;}
	#searchbtn{display: block!important}
	.header_top{background: #fff;}
	.ht_l,.ht_r{display: none;}
	.about_bottom{height: 50px;}
}

@media only screen and (max-width: 992px) {
html {
	font-size: 9.5px;/* 整体字体缩小 */
}
#main_left {
	display: none;
}
#main_right {
	width: 100%;
}
	.qr_code_l{width: 50%;}
.qr_code_r {
	width: 42%;
}
	.qr_code_map{width: 100%;float: none;text-align: center;}
	.qr_code_map img{float:none;}
	#copyright{
		margin-bottom: 65px;
	}

.tab-tle {
	display: none;
}
#top_product .swiper-container {
	height: auto
}

#kefu_wrap {
	display: none;/* QQ不显示 */
}
.tbox {
	display: none;
}
.tbox #gotop {
	display: none;
}
.swiper-pagination-bullet {
	display: none;
}
.swiper-button-prev, .swiper-button-next {
	display: none;
}
#mess_index_l {
	display: none;
}
.nav_map {
	display: block;
}


#search {
	display: none;
}
#case .pic:hover .pic_top:before,#case .pic:hover .pic_h{
	display: none;
}	
}

@media only screen and (max-width: 768px) {
html {
	font-size: 9px;/* 整体字体缩小 */
}
.image-item {
	width: 42.6%;
}



	.title{text-align: center}
	
	.wap{display: block;}
	.pc{display: none;}
	.about_l{width: 100%;position: static;text-align: center;}
	.about_r{width: 100%}
	.about_top{width: 100%;margin:auto;}
	.about_title{text-align: center;}
	.about_more{left: 50%;transform: translate(-50%,-50%);}
	.mokuai{position: static;transform: translate(0,0);height: 280px;}
	.mokuai_list{width: 50%;height: 140px}
	.mokuai_description{display: none;}
	.mokuai_title,.mokuai_img{width: 100%;text-align: center;}
	#index_about {
	padding-top: 30px;
	padding-bottom: 30px;
}
	.product_title2{display: none;}
	#top_product{padding-bottom: 30px;padding-top: 30px;}
	.product_bottom{margin-top: 30px;}
	#top_product .swiper-container{margin-top: 30px;}
	.product_list{margin-right: 15px;margin-left: 15px;padding-right: 15px;padding-left: 15px;}
	#case{padding-top: 30px;}
	.case_all{margin-top: 10px}
	#case .pic{margin-left: 4%;width: 48%}
	#case .pic:nth-child(odd){margin-left: 0}
	#case .pic:nth-child(4){margin-left: 4%}
	#news{padding-top: 30px;}
	.news_l{text-align: center;position: static;width: 100%;}
	.news_c{width: 100%;text-align: center;float: left;margin-top: 30px;}
	.news_r{width: 100%;margin-top: 30px;}
	.zanzhu{margin-top: 30px;margin-bottom: 30px;}
	.zanzhu_list{width: 33.33%}
	.footer_l{display: none}
	.footer_r{text-align: center;width: 100%;}
	.footer_bottom{margin-top: 30px;}
	#footer{padding-top: 30px;}
}

@media only screen and (max-width: 576px) {
html {
	font-size: 8.5px;/* 整体字体缩小 */
}
	
.qr_code_l{width: 100%;}
.qr_code_r {
	width: 100%;
	margin-left: 0;
}
	.qr_code_title{
		
		margin-top: 30px;
	}
	
.wp{width: 84.4%;}

#content_lm span {
	display: none;
}
#content_lm {
	text-align: center;
}


.m_nav {
	display: block;
}
.zanzhu_list{width: 50%}
}

@media only screen and (max-width: 414px) {
#copyright {
	margin-bottom: 60px;
}
}

@media only screen and (max-width: 375px) {
#copyright {
	margin-bottom: 50px;
}
}

@media only screen and (max-width: 360px) {
#copyright {
	margin-bottom: 40px;
}
}
