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

	.navwidth{ width:92%;}
	.navwidth .logo{ float:none; margin:12px auto;}	
	
	.header{ margin:0;}
	#demo-b{ display:none;}	
	.header .nav{ display:none;}
	.header .naverbox{ display:block; position:absolute; top:16px; left:2%; z-index:100;}
	.header .naverbox .btn{ height:58px;}
	.header .naverbox .btn span{ display:inline-block; width:58px; height:58px; color:#fff; background:url(../images/menu.png) no-repeat center; background-size:100%; cursor:pointer; border-radius:4px;}
	.sidebar-wrapper{ position:relative; height:100%; overflow:auto;}
	#dowebok{ display:block; background:#eee;}
	#dowebok .naver{}
	#dowebok .naver li{ position:relative;}

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

	#dowebok .naver li p.you.active span{ width:50px; height:50px; background:#ccc url(../images/menu_jt.png) no-repeat center;}
	#dowebok .naver li p{ line-height:50px;} 
	#dowebok .naver li p a{ display:block; padding:0 20px; color:#20448e; font-size:16px; text-decoration:none;}
	#dowebok .naver li p:hover{ background:#ccc;}
	#dowebok .naver li dl{ line-height:40px; display:none;}
	#dowebok .naver li dl a{ color:#20448e; display:block; padding:0 40px; font-size:14px;}
	#dowebok .naver li dl a:hover{ color:#20448e; display:block; background:#ccc; text-decoration:none;}
	[data-simplersidebar='active'] {}
	#dowebok .naver li a.currnet{ background:#ccc;}
	
	.banner_pc{ display:none;}
	.banner_sj{ display:block;}
	
	.h_content{ width:92%;}
	.h_content .about_us{ width:100%; float:none; margin:0 0 25px 0;}
	.h_content .news{ width:100%; float:none; margin:0 0 25px 0;}
	.h_content .video{ width:100%; float:none;}
	
	.footer .footer_nav{ width:92%; margin:25px auto;}
	.footer .footer_nav .foot_nav{ float:none; margin:0;}
	.footer .footer_nav .foot_nav dl{ float:none; border-bottom:#e6e6e6 1px solid; border-left:none; padding:0; margin:0 0 16px 0;}
	.footer .footer_nav .foot_nav dl dt{ display:none;}	
	.footer .footer_nav .footer_contact{ float:none;}
	
	.links{ width:92%; margin:25px auto;}
	
	.footer .footer_icp{ width:92%; padding:14px 4%;}
	
	
	.lj_content{ width:92%;}
	
	.content{ width:92%;}
	.content .con_left{ float:none; width:100%;}
	.content .con_right{ width:100%; float:none; margin:0 0 42px 0;}
	
	
	
	.news_width .news_left{ float:none; width:100%;}
	.news_width .news_right{ float:none; width:92%; margin:0 4%;}
	
	
	.join_dd .join_lft{ width:100%; float:none; margin:0 0 20px 0;}
	.join_dd .join_rgt{ float:none; width:100%;}
	
}

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

	.my-gallery figure{ width:48%; margin:0 4% 4% 0;}
	.my-gallery figure:nth-child(2n){ margin:0 0 4% 0;}
	.my-gallery figure:nth-child(3n){ margin:0 4% 4% 0;}
	.my-gallery figure:nth-child(6n){ margin:0 0 4% 0;}
	
	.n_company ul li{ width:48%; margin:0 4% 4% 0;}
	.n_company ul li:nth-child(2n){ margin:0 0 4% 0;}
	
	.products ul li{ float:left; 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;}
	
	.img-list li .p_right{ width:30%; margin:0 10% 0 0;}
	
	.chaxun .chaxun_nr dl dd{ float:none; width:100%; margin:0 0 26px 0;}
	.chaxun .chaxun_nr dl dt{ float:none; width:100%;}

}