@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1440px) {

	.footer_nav .f_menu{ margin:0 0 0 8%;}
	.footer_nav .f_menu dl{ margin:0 96px 0 0;}
	.footer_nav .f_erweima{ width:32%;}

}

@media screen and (max-width:1280px) {

	.width_all{ width:92%;}
	
	.head_nav .logo{ width:196px;}
	.head_nav .cnen{ margin:21px 0 21px 10px;}
	#demo-b{ margin:21px 0 0 0;}
	.nav li a{ font-size:16px; line-height:68px; padding:0 30px 0 0;}
	
	input[type=search]:focus{ width:82px;}	
	#demo-b input[type=search]:focus{ width:82px;}
	
	.footer_nav .f_logo{ width:196px;}
	.footer_nav .f_menu{ margin:0 0 0 4%;}
	.footer_nav .f_menu dl{ margin:0 56px 0 0;}
	.footer_nav .f_erweima{ width:40%;}

}

@media screen and (max-width:1024px) {

	.news_all{ width:92%;}

.banner_pc img {position: static;}
	.nav li a{ font-size:14px; padding:0 12px 0 0;}
	
	input[type=search]:focus{ width:68px;}	
	#demo-b input[type=search]:focus{ width:68px;}
	
	.footer_nav .f_logo{ display:none;}
	.footer_nav .f_menu{ margin:0;}
	.footer_nav .f_erweima{ width:45%;}
	.footer_nav .f_erweima ul li span{ font-size:12px;}

}

@media screen and (max-width:800px) {

	.head_nav .cnen{ margin:23px 40px 23px 6px;}
	.head_nav .cnen a{ line-height:22px; padding:0 3px;}
	
	.header{ float:none;}
	.header .nav{ display:none;}
	.menu{ position:absolute; display:block; z-index:999; right:3%; top:14px;}
	.openclose{ display:block; margin:0; width:40px; height:40px; line-height:40px; text-align:center; background:url(../images/menu.png) center center no-repeat;}
	.openclose:hover{ background:url(../images/menu_hover.png) center center no-repeat;}
	.menu a:hover{ text-decoration:none;}
	.sub_menu{ display:none; position:fixed; left:4%; top:68px; width:92%; z-index:10000; background:rgba(0,0,0,.8);}
	.sub_menu .box{ padding:12px 22px;}
	.sub_menu .nav_er ul{ margin:0 auto;}
	.sub_menu .nav_er li{ line-height:40px; border-bottom:1px solid #eee;}
	.sub_menu .nav_er li a{ color:#eee; display:block; font-size:16px;}
	.sub_menu .nav_er li a:hover{ color:#fff; display:block; text-decoration:none;}
	
	/*.banner_pc{ display:none;}*/
	.banner_sj{ display:block;}
	.banner_sj img{ max-width:100%;}
	.flex-control-nav li a{ width:52px;}
	
	.new_product{ width:98%; margin:28px auto 48px auto;}
	.new_product .new_p_left{ float:none; width:100%; margin:0 auto 2% auto;}
	.new_product .new_p_left .put2{ margin:2% auto 0 auto;}
	.new_product .new_p_center{ float:none; width:100%; margin:0 auto 2% auto;}
	.new_product .new_p_right{ position:inherit; width:100%;}
	.new_product .new_p_right .put3{ margin:2% auto 0 auto;}
	
	.ny_nav ul li a{ font-size:20px;}
	
	.download_width ul li{ padding:0 0 3.5% 0;}
	.download_width ul li .download_l{ float:none; width:100%; margin:0 0 2% 0;}
	.download_width ul li .download_r{ float:none; width:100%; margin:0;}
	
	.video_center{ width:98%;}
	
	.news_width ul li{ padding:0 0 3.5% 0;}
	.news_width ul li .news_l{ float:none; width:100%; margin:0 0 2% 0;}
	.news_width ul li .news_r{ float:none; width:100%; margin:0;}
	
}

@media screen and (max-width:640px) {

	input[type=search]:focus{ width:42px;}	
	#demo-b input[type=search]:focus{ width:42px;}
	
	#sp{ margin-left:-150px; margin-top:-200px; width:300px; height:auto; z-index:99; transition:0.3s;}
	
	.footer_nav .f_menu{ float:none; margin:0 0 28px 0;}
	.footer_nav .f_menu dl{ width:32%; margin:0 2% 0 0;}
	.footer_nav .f_erweima{ float:none; width:100%;}
	.footer_nav .f_erweima ul li{ width:32%; margin:0 2% 0 0;}
	
	.lanmu_name{ top:28%;}
	
	.ny_nav{ width:92%; left:4%;}
	.ny_nav ul li{ float:none; width:100%;}
	.ny_nav ul li a{ border-right:none; border-bottom:#888 1px solid; padding:10px 0;}
	.ny_nav ul li:last-child a{ border-bottom:none;}
	.ny_nav ul li a:hover, .ny_nav ul li a.httd{ border-bottom:#fdd000 1px solid;}
	
	.product_all li{ width:48%; margin:0 4% 4% 0;}
    .product_all li:nth-child(2n){ margin:0 0 4% 0;}
	
	.video_center ul li{ width:48%; margin:0 4% 4% 0;}
	.video_center ul li:nth-child(2n){ margin:0 0 4% 0;}
	.video_center ul li:nth-child(3n){ margin:0 4% 4% 0;}
	.video_center ul li:nth-child(6n){ margin:0 0 4% 0;}
	
	.com_left{ float:none; width:100%;}
	.com_right{ float:none; width:100%; margin:0 0 20px 0;}

}