@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1120px) {
	
	.width_all{ max-width:980px;}
	
	.footer_nav .f_nav_width .f_nav_left dl{ margin:0 40px 0 0;}
	
	
	

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

	.width_all{ width:92%;}
	.head_top{ margin:18px auto;}
	.head_top .cnen{ display:none;}
	.head_top .search_pc{ display:none;}
	
	.header .nav{ display:none;}
	.header .naverbox{ display:block; position:absolute; top:23px; right:4%; z-index:10;}
	.header .naverbox .btn{ height:40px; background:#1a61a3; 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{ display:none; background:#fff; padding:0 4%;}
	.sidebar-wrapper{ position:relative; overflow:auto;}
	#dowebok{ width:92%; margin:0 auto; overflow:hidden;}
	#dowebok .naver{ background:#fff; border-top:1px solid #ccc;}
	#dowebok .naver li{ position:relative;}
	.open{ display:block;}
	.close{ display:none;}
	
	#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 #eee;}

	#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:hover{ color:#e6212a; 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:#e6212a; display:block; text-decoration:none;}
	[data-simplersidebar='active'] {}
	
	.new_p_name span{ display:none;}
	.new_p_name a{ margin:3px 0 0 0;}
	
	.center_banner{ display:none;}
	
	.about_files{ width:100%; float:none;}
	.about_img{ width:100%; float:none; margin:0 0 26px 0;}
	
	.news_width .news_left{ float:none; width:100%; margin:0 0 26px 0;}
	.news_width .news_right{ float:none; width:100%;}
	
	.client ul li{ width:23.5%; margin:0 2% 2% 0;}
	.client ul li:nth-child(4n){ margin:0 0 2% 0;}
	.client ul li:nth-child(6n){ margin:0 2% 2% 0;}
	.client ul li:nth-child(12n){ margin:0 0 2% 0;}
	
	.footer_nav .f_nav_width .f_nav_left{ float:none; margin:0 0 16px 0;}
	.footer_nav .f_nav_width .f_nav_left dl{ float:none; margin:0;}
	.footer_nav .f_nav_width .f_nav_left dl dd{ margin:0 0 10px 0;}
	.footer_nav .f_nav_width .f_nav_left dl dd a{ background:#e6e6e6; line-height:22px; color:#333; text-align:center; display:block; padding:6px 0; border-radius:6px;}
	.footer_nav .f_nav_width .f_nav_left dl dd a:hover{ text-decoration:none; color:#e6212a;}
	.footer_nav .f_nav_width .f_nav_left dl dt{ display:none;}
	.footer_nav .f_nav_width .footer_contact{ float:none; width:100%;}
	
	
	.content .con_left{ float:none; width:100%;}
	.content .con_right{ float:none; width:100%; margin:0 0 28px 0;}
	
	.contact_left{ float:none; width:100%; margin:0 0 28px 0;}
	.contact_right{ float:none; width:100%;}
	.contact_right iframe{ height:378px;}

}

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

	.head_top .head_name{ display:none;}
	
	.banner_pc{ display:none;}
	.banner_sj{ display:block;}
	
	.new_p_img li{ width:48%; margin:0 4% 4% 0;}
	.new_p_img li:nth-child(2n){ margin:0 0 4% 0;}
	
	.client ul li{ width:31%; margin:0 3.5% 3.5% 0;}
	.client ul li:nth-child(3n){ margin:0 0 3.5% 0;}
	.client ul li:nth-child(4n){ margin:0 3.5% 3.5% 0;}
	.client ul li:nth-child(6n){ margin:0 0 3.5% 0;}
	.client ul li:nth-child(12n){ margin:0 0 3.5% 0;}
	
	.shengchan ul li{ width:48%; margin:0 4% 4% 0;}
	.shengchan ul li:nth-child(2n){ margin:0 0 4% 0;}
	
	.partner ul li{ width:31%; margin:0 3.5% 3.5% 0;}
	.partner ul li:nth-child(3n){ margin:0 0 3.5% 0;}
	.partner ul li:nth-child(4n){ margin:0 3.5% 3.5% 0;}
	.partner ul li:nth-child(12n){ margin:0 0 3.5% 0;}
	
	.products ul li{ width:48%; margin:0 4% 4% 0;}
	.products li:nth-child(2n){ margin:0 0 4% 0;}
	.products li:nth-child(3n){ margin:0 4% 4% 0;}
	.products li:nth-child(6n){ margin:0 0 4% 0;}

}