@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1450px) {
	.dyip{ padding:30px 0;}
	.derp{background:#fff;padding:25px 0;}
	.floatwindow_fd_conct,.J_sidebar{border:none; background: none;}
}
@media screen and (max-width: 1180px) {
	header .top .nav{ width: 72%;}
	header .yy{ width: 28%;}
	
	.dyip .L_jian{float: left; width: 55%; }
	.dyip .F_feed{float: right; width: 40%; }

	.product li .box{max-width: 980px;}


	.product_con{max-width: 980px;}

	.foot_t .box{max-width: 980px;}
	.foot_b .box{max-width: 980px;}

}

@media screen and (max-width: 980px) {
	.top-bar{ display:none;}
	.toper{width: 100%; height: 80px;background: #f7f7f7; }
	.toper h1{ width:375px; margin: 10px auto; }
	header{display:none;}

	.toper .m-btn{display:block;}

	.dyip .L_jian{float: left; width: 100%; margin-bottom: 3%;}
	.dyip .F_feed{float: left; width:100%; }
	.fazhan_con .box{margin:10px 0;display: inline-block; width: 100%; overflow-y: hidden; height: auto;}
	
	.derp .txter{font-size: 25px;}
	.derp .ab_img{float: left; width: 100%; margin-bottom: 2%; overflow: hidden;}
	.derp .txtyi{float: left; width: 100%; font-size: 15px;  line-height:28px; }
	.derp .zs_img ul li{width:48%; margin-bottom: 2%; }
	
	
	.dsanp{padding:30px 0;}
	.dsanp li{width: 47%;margin-left: 3%; margin-bottom: 6%;}
	.dsanp li .title{padding-bottom: 10px;font-size: 15px; font-weight: bold; color: #000;}

	.dsip .title{ font-size: 25px;}
	.dsip .box{ overflow: hidden; width: 100%; margin:25px auto;}
	.dsip .box ul li{float: left; width: 30.333%; }
	.dsip .box ul li img{max-width:95%; margin: 0; }

	.dwup{padding:0px 0 10px 0; overflow: hidden;}
	.dwup .title{ font-size: 25px;padding: 20px 0 10px 0;}
	.dwup .box ul li{float: left; width: 45%;}
	.dwup .box ul li img{max-width:100%; }
	.dwup .box ul li p{text-align: center; line-height: 32px; font-size: 13px;}
	
	.page-nav a{display:inline-block;width:145px;}
	
	.pro_left{width: 100%; float: left; margin: 20px 0;}
	.pro_left ul{ padding:0 4% 5%;}
	.pro_left ul li ul{width: 90%;}
	
	.pro_right{width: 100%; padding: 15px; float: left; margin-top:0;}
	
	.Horimg li, .Ulimg li{width: 48%;}
	.products li{width: 50%; }
	.products li a{ padding: 10px;}
	.products li:nth-of-type(2n) a{ border-right: 1px  solid #ebebeb; }
	.products li:nth-of-type(3) a,
	.products li:nth-of-type(4) a{ border-top:none; }
	.q_video ul li{ width: 47%;}
	
	
	#tablist li{display: inline-block;padding: 0px 10px;font-size: 13px;line-height: 36px;}
	
	
	.scrollleft2 li{width:200px; }
	
	.product_details .details_pic{float: left; width:100%; }
	.product_details .details_top{float: left; width:100%; margin-top: 15px;}
	
	
	.m_contact .lx_coms{float: left; width: 100%; font-size: 14px; line-height: 30px;}
	.m_contact .fed_coms{float: left; width: 100%; margin-top: 20px;}

	#map_container{height: 450px; margin-top: 15px;}


	.foot_t .box{width: 95%; margin: 0 auto;}
	.foot_b .box{width: 95%; margin: 0 auto;}
	.foot_b .box .t_l{float: left; width: 100%;}
	.foot_b .box .t_r{float: left; width: 100%;border-top: 1px solid #444;margin-top: 20px; padding-top: 20px}
	
	.floatwindow_fd_conct,.J_sidebar{display:none;}
}

@media screen and (max-width: 720px) {
	.toper h1{ width:335px; margin: 15px 4px; }
	
	.banner_pc{ display:none;}
	.banner_sj{ display:block; }


	.dwup .box .dwup_L{float: left; width: 100%;}
	.dwup .box .dwup_R{float: left; width: 100%; margin-top: 3%;}

	.page-nav a{display:inline-block;width:125px;height:35px;line-height:33px;font-size:13px;}

	.foot_b .box{padding-top: 25px;overflow: hidden;}
	.foot_b .box .t_l{display: none;}
	.foot_b .box .t_r{float: left; width: 100%;border-top: 0px solid #444;margin-top: 0; padding-top: 20px; font-size: 13px;}
	
	.foot_t .box li{margin-left: 18px;}
	.pro_left ul li ul{width:100%;}
	
	.about-box{
		display: block;
		padding: 20px 0;
	}
	.about-box>div{
		position: static;
		width: 100%;
	}
	.about-box>div>div{
		position: static;
		width: 100%;
		padding:20px 0 0px;
		overflow-y: hidden;
	}

}
@media screen and (max-width: 480px) {
	.toper h1{ width:285px; margin: 18px 4px; float:left;}
}