@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1171px)
{
	#header .header,#dongtai .dongtai,#keji .keji,#index-about .index-about,#index-zixun .index-zixun,#footer .footer,.nav { width:100%; float:left; padding-left:20px; padding-right:20px;}
	#header .header .nav ul li a{ padding:0 10px;}
	#ymmain .ymmain{ width:100%; float:left;padding-left:20px; padding-right:20px;}
}
@media screen and (max-width:1024px)
{
	.nav ul{ width: 100%;}
	
	
	#header .header .nav li,#header .header .nav li a{ width:100%; text-align:center; box-sizing:border-box;}
	#header .header .search-box{ width:auto;}
	#header .header .search-box a.click-nav{ display: inline-block;}
}
@media screen and (max-width:900px)
{
	#keji .keji .col-4{ width:33.33%;}
	.detail-model{ font-size:18px;}
}
@media screen and (max-width:867px)	
{.nav ul li{ width:16.5%}
	.right{ width:100%; margin-left:0;}
	.left{ width:100%;}
	.tel{ display:none}
	.en{ display:none}
}
@media screen and (max-width:780px)	
{
	.zixun-form{ width:100%; padding:0 20px; float:left;}
}
@media screen and (max-width:768px)
{
	.col-3{ width:100%; padding-bottom:20px;}
	#dongtai .dongtai .col-3{ text-align:center;}
	.col-2{ width:100%;}
	#keji .keji .kj-search .kj-txt,#keji .keji .kj-search .kj-txt2{ text-align:center; width:100%; padding-bottom:20px;}
	#keji .keji .col-4{ width:50%;}
	.pro-box{ text-align:center;}
	.pro-box img{ float:none; width:100%;}
	#index-about .index-about .col-4{ width:50%;}
	#header .header .logo{ text-align:center;width:100%;}
	#header .header .search-box{ text-align:center; width:100%;}
	
	.right .ym-title .road{ width:100%;margin-top: 10px;}
	.md-col-3{ width:50%;}
	.pro-box:hover .port{background: url(../images/fdj.png) no-repeat rgba(28,79,132,0.8) 50% 100%;}
}
@media screen and (max-width:600px)
{
	.nfirst-pic,.nfirst-text{ width:100%;}
	.nfirst-pic img{ width:100%;}
	.md-col-3{ width:100%;}
	.col-5-3-m{ width:100%}
	.col-5-3-m.padding-10{ padding:0}
	.jszc,#footer .footer{ width:100%; float:left; text-align:center;}
	.inquiry{ width:100%;}
	#footer .footer{ line-height:30px; padding-top:8px;}
	.nav ul li a{ font-size:14px;}
	
}
@media screen and (max-width:570px)
{
	.btn-blank,.btn-blue2{ width:100%; margin-bottom:10px;}
	.btn-blue2{ margin-left:0}
}
@media screen and (max-width:500px)
{
	.col-3-2,.col-3-1{ width:100%; text-align:center;}
	.col-4,#keji .keji .col-4,#index-about .index-about .col-4{ width:100%;}
	.erweima{ float: none;}
	.search-input{ width:100%;}
}