@charset "utf-8";
/* CSS Document */
@media screen and (min-width:1025px){
	#mingmei .navigation-down-inner dl:first-of-type{ margin-left:200px !important}
	#case .navigation-down-inner dl:first-of-type{    margin-left:300px !important; }
	#product .navigation-down-inner dl:first-of-type{    margin-left:380px !important;}
	#news .navigation-down-inner dl:first-of-type{    margin-left:470px !important;}
	#jiameng .navigation-down-inner dl:first-of-type{ margin-left:560px !important}
	#online .navigation-down-inner dl:first-of-type{margin-left:650px !important;}
	#contact .navigation-down-inner dl:first-of-type{margin-left:610px !important;}
}
@media screen and (min-width:1280px){
	.scroll_horizontal .prev,
	.scroll_horizontal .next{position:absolute;top:50%;width:67px;height:67px;background:url(../images/control.png) no-repeat;cursor:pointer;}
	.scroll_horizontal .prev{left:-80px;background-position:0 0;}
	.scroll_horizontal .next{right:-80px;background-position:-71px 0;}
}
@media screen and (min-width:992px){
	.nav_box ul li.second{padding:10px} 
	.contect{ padding:0px !important}
	.head_box {padding:5px 0px !important}
	.contect .bt p{ width:50% !important}
	.head-v3 .navigation-up .navigation-v3 li h2 a {padding: 0 20px !important;}
	
	
	
}
@media screen and (max-width:1024px){
	#mingmei .navigation-down-inner dl:first-of-type{ margin-left:131px !important}
	#case .navigation-down-inner dl:first-of-type{    margin-left:223px !important; }
	#product .navigation-down-inner dl:first-of-type{    margin-left:312px !important;}
	#news .navigation-down-inner dl:first-of-type{    margin-left:404px !important;}
	#jiameng .navigation-down-inner dl:first-of-type{ margin-left:497px !important}
	#online .navigation-down-inner dl:first-of-type{margin-left:585px !important;}
	#contact .navigation-down-inner dl:first-of-type{margin-left:538px !important;}
	}


@media screen and (max-width:992px){
	.head-v3{ display:none}
	.menu{ display:block}
	.footabout .top1 .mail{ margin-left:50px}
}
@media screen and (max-width:768px){
	.scroll_horizontal .list li{padding: 0 30px;}
	.news_con ul li .news_right {padding-left: 10px; padding-top: 15px;}
   .news_con ul li:hover .news_right,.news_con ul li .news_right{ background-image:none !important}
}
@media screen and (max-width:767px){
	.head_left,.search,.head,.pf{ display:none}
	.scroll_horizontal .prev{left:38%;}
	.scroll_horizontal .next{right:38%;}
	.content p.d1{ font-size:40px;}	
	.content p.d1 span{ width:172px}
	.footabout .top1 .mail{ margin-left:0}	
	.contect_box .img{ float:none !important; width:50%}
	.contect .bt h3{ font-size:28px !important}
	.contect .bt p{ margin:0 auto !important}
	.banner .mainbtbox{ margin-top:0}
	.case ul li:before{ border:none !important}
	#wrapper #carousel-wrapper .caroufredsel_wrapper{ width:100% !important}
	.synews .synewslist ul li .synewsleft { margin-bottom:20px}
	.contect .contect_box h3{ font-size:18px;}
	.banner{ min-height:200px !important}
	.nav_head { background: #fff;}
	.menu{ float:none}
	.logo{ display:block; float:left}
	.logo img{ width:60%;    margin: 5px 0 5px 10px;}
	.menu .menu_tub{ float:right;margin:5px 10px 0 0; color:#69411e}
	.menu>ul{ top:55px}
}
@media screen and (max-width:700px){
	.scroll_horizontal .list li{padding: 0 10px;}
	.news_con ul li .news_right span { font-size: 24px !important}
    .news_con ul li .news_right time {font-size: 16px !important;}
	#comp{ display:none}
	.banner_back{ display:block !important}
}
@media screen and (max-width:600px){
	.scroll_horizontal .list li{padding: 0 120px;}
}
@media screen and (max-width:500px){
	.scroll_horizontal .list li{padding: 0 80px;}
	.name .top1{ display:none}
	.foot .foot_box .last{ width:100%}
	.contect .second_nav ul li{ width:135px !important; background-image:none !important; text-align:center !important}
	.contect .second_nav ul li.cur a,.contect .second_nav ul li:hover a{ background-image:none !important}
	.contect .second_nav ul li a{ padding-left:0 !important; padding-right:0 !important}
	.news_con ul li .news_left { width: 68%;}
    .news_con ul li .news_right { width: 32%; !important }
    .news_con ul li {padding: 20px 10px; !important}
	.news_con ul li .news_right span { font-size:20px !important}
	.contect_box .s_x a{ width:100% !important}
}
@media screen and (max-width:400px){
	.scroll_horizontal .list li{padding: 0 20px;}
	.contect_box .input_box input{ width:70% !important}
}
@media screen and (max-width:320px){
	.scroll_horizontal .list li{padding: 0px;}
	.contect_box .news_con ul li{ padding-left:10px}
}