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

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

	.head_top .head_kuang{ max-width:980px;}
	
	.logo_nav{ max-width:980px;}
	.nav li{ margin:0 0 0 32px;}
	
	.about_honor{ max-width:980px;}
	.about_honor .about .about_img{ width:46%;}
	.about_honor .about .about_nrong{ width:51%;}
	
	.new_product .new_pro_name{ max-width:980px;}
	.new_p_sm{ max-width:980px;}
	.img-scroll{ max-width:980px;}
	
	.why_name{ max-width:980px;}
	.why_img{ max-width:980px;}
	
	.footer_nav .foot_nav_ewm{ max-width:980px;}
	.footer_nav .foot_nav_ewm .fot_nav dl{ margin:0 88px 0 0;}
	
	.footer .footer_add{ max-width:980px;}
	
	
	.content{ max-width:980px;}
	.content .ny_right{ width:74%;}

}

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

	.head_top .head_kuang{ width:92%;}
	
	.logo_nav{ width:92%;}
	
	.nav{ display:none;}
	.menu{ display:block; position:absolute; right:4%; top:34px;}
	.openclose{ display:block; margin:25px 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:absolute; right:0px; top:124px; width:70%; z-index:100; background:rgba(0, 160, 233, .9); border-radius:0px 0 0 5px;}
	.sub_menu .box{ padding:2% 5% 5% 5%;}
	.sub_menu .nav_er ul{ margin:0 auto;}
	.sub_menu .nav_er li{ line-height:40px; border-bottom:1px solid #0395d8; text-transform:uppercase;}
	.sub_menu .nav_er li a{ color:#fff; display:block; font-size:14px;}
	.sub_menu .nav_er li a:hover{ color:#eee; display:block; text-decoration:none;}
	
	.main_visual{ display:none;}
	.sj_banner{ display:block; width:100%; margin:0 auto; overflow:hidden;}
	.flexslider{ position:relative;}
	.flexslider .slides > li{ display:none; -webkit-backface-visibility:hidden;}
	.flexslider .slides img{ width:100%; display:block;border-radius:0px;}
	.flex-pauseplay span{ text-transform:capitalize;}
	.flex-control-nav{ width:100%; text-align:center; position:absolute; bottom:10px;}
	.flex-control-nav li{ margin:0 6px; display:inline-block; zoom:1;}
	.flex-control-paging li a{ width:14px; height:14px; display:block; background:#666; background:#fff; cursor:pointer; text-indent:-9999px; -webkit-border-radius:14px; -moz-border-radius:14px; -o-border-radius:14px; border-radius:14px;}
	.flex-control-paging li a:hover{ background:#ff7f27; }
	.flex-control-paging li a.flex-active{ background:#ff7f27; cursor:default;}
	
	.about_honor{ width:92%;}
	.about_honor .about{ float:none; width:100%; margin:0 0 28px 0;}
	.about_honor .honor{ float:none; width:100%;}
	
	.new_product .new_pro_name{ width:92%;}
	.new_p_sm{ width:92%;}
	.img-scroll{ width:92%;}
	.img-list li{ width:6%; margin:0 0.5% 0 0;}
	
	.why_us{ display:none;}
	
	.news{ width:92%; float:none; margin:0 auto 45px auto;}
	
	.faq{ width:92%; float:none; margin:0 auto 0 auto;}
	
	.footer_nav .foot_nav_ewm{ width:92%;}
	.footer_nav .foot_nav_ewm .fot_nav{ width:100%; float:none;}
	.footer_nav .foot_nav_ewm .fot_nav dl{ float:none; margin:0 0 10px 0;}
	.footer_nav .foot_nav_ewm .fot_nav dl dd{ margin:0;}
	.footer_nav .foot_nav_ewm .fot_nav dl dd a{ border:#ccc 1px solid; display:block; color:#333; line-height:32px; text-align:center; border-radius:6px;}
	.footer_nav .foot_nav_ewm .fot_nav dl dd a:hover{ border:#00a0e9 1px solid; background:#00a0e9; color:#fff; text-decoration:none;}
	.footer_nav .foot_nav_ewm .fot_nav dl dt{ display:none;}
	.footer_nav .foot_nav_ewm .fot_ewm{ width:100%; float:none; margin:20px 0 0 0;}
	.footer_nav .foot_nav_ewm .fot_ewm img{ width:168px; height:168px;}
	
	.footer .footer_add{ width:92%;}
	
	
	.content{ width:92%;}
	.content .ny_left{ float:none; width:100%;}
	.content .ny_left ul{ border-right:none; width:100%; padding:20px 0 0 0;}
	.content .ny_left ul li{ width:100%;}
	.content .ny_left .l_contact{ display:none;}
	.content .ny_right{ float:none; width:100%; margin:28px 0 0 0;}
	
	
	.ny_news .ny_img{ float:none; width:100%; margin:0 0 10px 0;}
	.ny_news .ny_sm{ float:none; width:100%;}

}

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

.liucheng ul li{ width:40%; margin:0 10% 10% 0;}

}

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

	.logo_nav h1{ width:245px;}
	
	.openclose{ margin:13px 0;}
	.sub_menu{ top:100px;}
	
	.about_honor .about .about_img{ float:none; width:100%; margin:0 0 12px 0;}
	.about_honor .about .about_nrong{ float:none; width:100%;}
	
	.img-list li{ width:12.5%; margin:0;}
	
	.news ul li{ float:none; width:100%; margin:0 0 28px 0;}
	
	.product_intro .pro_images p{ width:100%; float:none; margin:0 0 12px 0;}
	.product_intro .pro_images span{ width:100%; float:none;}
	
	.products ul li{ width:48%; margin:0 4% 4% 0;}
	.products ul li:nth-child(2n){ margin:0 0 4% 0;}
	.products ul li:nth-child(3n){ margin:0 4% 4% 0;}
	.products ul li:nth-child(6n){ margin:0 0 4% 0;}

}