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

	.width_all{ max-width:980px;}
	
	

}

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

	.width_all{ width:96%;}
	
	.header .spain{ display:none;}
	.h_name{ margin:6px auto;}
	.h_name .rexian{ margin:12px 0 0 0;}
	.h_name .c_name{ display:none;}
		
	.nav{ display:none;}
	.menu{ display:block; position:absolute; top:34px; right:248px;}
	.openclose{ display:block; margin:30px 8px 30px 0; width:40px; height:40px; line-height:40px; text-align:center; background:url(../images/menu.png) center center no-repeat; transition:all .35s;}
	.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:130px; width:70%; z-index:100; background:#eee; border-radius:0px 0 0 5px; }
	.sub_menu .box{ padding:5%;}
	.sub_menu .nav_er ul{ margin:0 auto;}
	.sub_menu .nav_er li{ line-height:40px; border-bottom:1px solid #f8f8f8; text-transform:uppercase;}
	.sub_menu .nav_er li a{ color:#1c5f98; display:block; font-size:14px;}
	.sub_menu .nav_er li a:hover{ color:#1c5f98; display:block; text-decoration:none;}
	.active-nav .openclose{ margin:18px 8px 18px 0;}
	.active-nav .sub_menu{ top:76px;}
	
	.banner_sj{ display:block;}
	.banner_pc{ display:none;}
	
	.new_p_name a{ display:none;}
	.img-list li{ width:12.5%; margin:0;}
	
	.profession{ padding:36px 0 48px 0;}
	.profession .prof_sm{ width:88%; margin:16px auto 26px auto;}
	.profession ul li{ width:90%; float:none; margin:0 0 16px 0;}
	.profession ul li:last-child{ margin:0;}
	.profession .prof_more{ margin:30px auto 0 auto;}
	
	.about_us .about_left{ float:none; width:100%; margin:0 0 16px 0;}
	.about_us .about_right{ float:none; width:100%;}
	
	.center .cent_left{ float:none; width:100%; margin:0 0 12px 0;}
	.center .cent_right{ float:none; width:100%;}
	
	.img-list2 li{ width:12.5%; margin:0;}
	
	.footer .footer_contact{ float:none; width:100%;}
	.footer .footer_mage{ float:none; width:100%; margin:42px 0 0 0;}
	
	
	.content .content_left{ float:none; width:100%;}
	.content .content_left ul{ margin:0;}
	.content .content_left .cn1{ display:none;}
	.content .content_left small{ display:none;}
	.content .content_right{ width:100%; float:none; margin:0 0 22px 0;}
	

}

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

	.h_name h1{ width:58px;}
	.h_name .rexian{ display:none;}
	
	.menu{ top:20px; right:2%;}
	.sub_menu{ top:102px;}
	
	.new_p_img li{ width:48%; margin:0 4% 4% 0;}
	.new_p_img li:nth-child(2n){ margin:0 0 4% 0;}
	
	.footer_logo img{ max-width:75%;}
	
	
	.ny_sj_banner{ display:block; margin:12px auto 22px auto;}
	.ny_sj_banner img{ width:100%;}
	.ny_banner{ display:none;}
	
	.products li{ width:48%; margin:0 4% 4% 0;}
	.products li:nth-child(2n){ margin:0 0 4% 0;}
	.product_left{ float:none; width:100%; margin:0 0 6px 0;}
	.product_right{ float:none; width:100%;}
	
	.shengchan ul li{ width:48%; margin:0 4% 4% 0;}
	.shengchan ul li:nth-child(2n){ margin:0 0 4% 0;}
	
	.yingyong ul li{ width:48%; margin:0 4% 4% 0;}
	.yingyong ul li:nth-child(2n){ margin:0 0 4% 0;}

}