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

	.maxwidth{ max-width:980px;}
	
	.headwidth{ max-width:980px;}
	.headwidth .logo{ width:337px;}
	.headwidth .logo img{ width:337px; height:67px;}
	.headwidth .guanggao{ margin:29px 0 28px 10px; font-size:16px; line-height:23px; padding:0 0 0 10px;}
	.headwidth .hed_right{ margin:26px 0 0 0;}
	
	.nav{ max-width:980px;}
	.nav .m{ width:140px;}
	.nav li:hover a, .nav li a.hoert{ background:url(../images/nav_hover2.png) center center no-repeat;}
	.nav .sub{ width:140px;}
	.nav .sub li a{ background:#006dc8;}
	
	.jieshao{ max-width:980px;}
	
	.category{ max-width:980px;}
	
	.new_prod_name{ max-width:980px;}
	
	.new_product{ max-width:980px;}
	
	.h_content{ max-width:980px;}
	
	.links .link_name{ max-width:980px;}
	.links .link_neirong{ max-width:980px;}
	
	.footer .footer_nav{ max-width:980px;}
	.footer .footer_nav .foot_nav dl{ padding:0 32px;}
	
	.footer .footer_icp{ max-width:980px;}
	
	
	.content{ max-width:980px;}
	
	.products{ width:100%; overflow-x:scroll;}

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

	.maxwidth{ width:92%;}
	.head_top dl{ display:none;}
	
	.headwidth{ width:92%;}
	.headwidth .logo{ margin:8px auto;}
	.headwidth .guanggao{ display:none;}
	.headwidth .hed_right{ display:none;}
	
	.header{ border:0;}
	.header .nav{ display:none;}
	.header .naverbox{ display:block; position:absolute; top:53px; right:4%; z-index:10;}
	.header .naverbox .btn{ height:40px; background:#006dc8; border-radius:4px;}
	.header .naverbox .btn span{ display:inline-block; width:40px; height:40px; color:#fff; background:url(../images/menu.png) no-repeat center; background-size:80%; cursor:pointer;}
	.sidebar{ background:#fff; padding:0 4%;}
	.sidebar-wrapper{ position:relative; overflow:auto;}
	#dowebok{ display:none; width:92%; margin:0 auto; overflow:hidden;}
	#dowebok .naver{ background:#fff;}
	#dowebok .naver li{ position:relative;}

	#dowebok .naver li p.active span,#dowebok .naver li p.you span{ position:absolute; right:0px; top:0px; width:42px; height:42px; background:#fff url(../images/menu_jt_next.png) no-repeat center; cursor:pointer;}
	#dowebok .naver li p{ border-bottom:1px solid #e0e0e0;}

	#dowebok .naver li p.you.active span{ width:42px; height:42px; background:#fff url(../images/menu_jt.png) no-repeat center;}
	#dowebok .naver li p{ line-height:42px;} 
	#dowebok .naver li p a{ display:block; color:#333; font-size:16px; text-decoration:none;}
	#dowebok .naver li p a:hover{ color:#81c8dc; text-decoration:none;}
	#dowebok .naver li dl{ line-height:32px; display:none; padding:8px 0;}
	#dowebok .naver li dl a{ color:#333; display:block; padding:0 0 0 10px; font-size:14px; font-weight:normal;}
	#dowebok .naver li dl a:hover{ color:#81c8dc; display:block; text-decoration:none;}
	[data-simplersidebar='active'] {}
	
	.banner_pc{ display:none;}
	.banner_sj{ display:block;}
	.flex-control-nav{ bottom:20px;}
	
	.jieshao{ width:94%;}
	
	.center_banner{ display:none;}
	.sj_center{ display:block; width:100%; margin:0px auto; overflow:hidden;}
	.sj_center img{ width:100%;}
	
	.category{ width:94%;}
	
	.new_prod_name{ width:94%;}
	
	.new_product{ width:94%;}
	
	.center_banner2{ display:none;}
	
	.h_content{ width:94%;}
	.h_content .about_us{ width:94%; float:none; padding:3%; margin:0 0 45px 0; overflow:hidden;}
	.h_content .news{ width:94%; float:none; padding:3%; overflow:hidden;}
	
	.links .link_name{ width:94%;}
	.links .link_neirong{ width:94%;}
	
	.footer .footer_nav{ width:94%; margin:25px auto;}
	.footer .footer_nav .foot_nav{ float:none; margin:0 0 20px 0;}
	.footer .footer_nav .foot_nav dl{ float:none; border:#ccc 1px solid; padding:0; margin:0 0 3px 0;}
	.footer .footer_nav .foot_nav dl dd{ margin:0;}
	.footer .footer_nav .foot_nav dl dd a{ padding:10px;}
	.footer .footer_nav .foot_nav dl dt{ display:none;}
	.footer .footer_nav .footer_contact{ float:none; width:152px;}
	
	.footer .footer_icp{ width:92%;}
	
	
	.content{ width:92%;}
	.content .content_left{ width:100%; float:none; margin:26px 0 0 0;}
	.content .content_left h2{ display:none;}
	.content .content_left h3{ display:none;}
	.content .content_right{ width:100%; float:none;}
	
}

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

	.jieshao{ margin:0px auto 0px auto;}
	.jieshao ul li{ float:none; width:100%; margin:0 0 25px 0;}
	
	.category{ margin:45px auto 20px auto;}
	.category ul li{ width:47%; margin:0 6% 25px 0;}
	.category ul li:nth-child(2n){ margin:0;}
	.c-title{ font-size:12px;}
	
	.h_content{ margin:20px auto 25px auto;}
	
	
	.honor ul li{ width:48%; margin:0 4% 4% 0;}
	.honor ul li:nth-child(2n){ margin:0 0 4% 0;}
	.honor ul li:nth-child(3n){ margin:0 4% 4% 0;}
	.honor ul li:nth-child(6n){ margin:0 0 4% 0;}

}