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

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

	.width_all{ max-width:980px;}
	
	.company_name{ margin:41px 0 0 8px;}
	.rexian dl dt{ font-size:12px;}
	.rexian dl dd{ font-size:18px;}
	
	.advantages dl dd .jieshao span{ font-size:30px;}
	.advantages dl.adv2 dt{ top:-54px;}

	.f_left{ width:24%; margin:0 2% 0 0;}
	.f_left em{ padding:0 8% 0 0;}
	.f_center{ width:42%;}
	.f_right{ width:30%;}
	.f_right dl dt{ width:38%;}
	.f_right dl dd{ width:58%;}
	
	
	.product_right{ width:40%;}

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

	.width_all{ width:96%;}
	.head_center{ display:none;}
	.head_right{ display:none;}
	
	.collar_width{ width:96%;}
	.collar_department h1{ width:212px; margin:16px 0;}
	.company_name{ display:none;}
	.rexian{ display:none;}
	
	.nav{ display:none;}
	.menu{ display:block; position:absolute; right:4%; top:29px;}
	.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:106px; width:70%; z-index:100; background:rgba(53, 83, 93, .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 #35535d; 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;}
	
	.banner_pc{ display:none;}
	.banner_sj{ display:block;}
	
	.search{ padding:10px 0;}
	.search .sea_wz{ display:none;}
	.search .searchBox{ float:none;}
	
	
	.about .about_left{ width:100%; float:none;}
	.about .about_right{ float:none; width:90%; margin:0 auto 18px auto;}
	
	.news_faq .news{ float:none; width:100%; margin:0 0 28px 0;}
	.news_faq .news .news_nrong{ background:none;}
	.news_faq .faq{ float:none; width:100%;}
	.news_faq .faq .faq_nrong{ margin:0;}
	
	.footer .footer_nav{ padding:2px 2% 22px 2%; width:96%;}
	.footer .footer_nav a{ line-height:25px; margin:0 10px;}
	
	.f_left{ float:none; background:none; min-height:inherit; width:100%; margin:20px 0 16px 0;}
	.f_left strong{ margin:0 0 8px 0;}
	.f_center{ float:none; background:none; width:100%; min-height:inherit;}
	.f_center strong{ margin:0 0 8px 0;}
	.f_right{ display:none;}
	
	.company_icp{ padding:12px 2%;}
	
	
	.cont_left{ float:none; width:100%; margin:0 0 26px 0;}
	.cont_right{ float:none; width:100%;}
	
	.game163{ display:none;}
	.pro_sj{ display:block;}
	.product_right{ float:none; width:100%; margin:22px 0 0 0;}
	
}

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

	.hezuo_p{ width:75%;}
	.hezuo_p li{ width:6%; margin:0 0.45% 0 0;}
	
	.new_product .new_p_left{ width:100%; float:none; margin:0 0 20px 0;}
	.new_product .new_p_left ul li a{ line-height:48px;}
	.new_product .new_p_right{ width:100%; float:none;}
	.new_product .new_p_right dl{ float:none; width:100%; margin:0 0 6% 0; overflow:hidden; border-bottom:#ccc 1px solid;}
	
	.advantages dl{ position:inherit;}
	.advantages dl dd .shuzi{ margin:0;}
	
	.advantages dl.adv1 dd{ float:none; width:100%; margin:0 0 18px 0; overflow:hidden;}
	.advantages dl.adv1 dd .jieshao{ width:80%;}
	.advantages dl.adv1 dt{ float:none; width:100%;}
	.advantages dl.adv2 dd{ float:none; width:100%; margin:0 0 18px 0; overflow:hidden;}
	.advantages dl.adv2 dd .jieshao{ width:80%;}
	.advantages dl.adv2 dd .jieshao span{ line-height:32px; margin:8px 0 22px 0;}
	.advantages dl.adv2 dt{ width:100%; position:inherit;}
	.advantages dl.adv3 dd{ float:none; width:100%; margin:0 0 18px 0; overflow:hidden;}
	.advantages dl.adv3 dd .jieshao{ width:80%;}
	.advantages dl.adv3 dt{ width:100%; position:inherit;}
	.advantages dl.adv4 dd{ float:none; width:100%; margin:0 0 18px 0; overflow:hidden;}
	.advantages dl.adv4 dd .jieshao{ width:80%;}
	.advantages dl.adv4 dt{ float:none; width:100%;}
	.advantages dl.adv5 dd{ float:none; width:100%; margin:0 0 18px 0; overflow:hidden;}
	.advantages dl.adv5 dd .jieshao{ width:80%;}
	.advantages dl.adv5 dt{ float:none; width:100%;}
	
	.yingyong dl{ float:none; width:100%; overflow:hidden; margin:0 0 5% 0;}
	.yingyong dl:nth-child(3n){ margin:0 0 5% 0;}
	
	.a_width ul li{ width:100%; float:none; margin:0 0 5% 0;}
	
	.news_faq .news .news_nrong ul li{ float:none; width:96%; padding:0 0 0 4%;}
	
	
	.hot_product{ display:none;}
	
	.yanfa ul li{ width:48%; margin:0 4% 4% 0;}
	.yanfa ul li:nth-child(2n){ margin:0 0 4% 0;}
	
	.clientele ul li{ width:48%; margin:0 4% 4% 0;}
	.clientele ul li:nth-child(2n){ margin:0 0 4% 0;}
	.clientele ul li:nth-child(5n){ margin:0 4% 4% 0;}
	
	.products dl{ float:none; width:100%; margin:0 0 6% 0; overflow:hidden; border-bottom:#ccc 1px solid;}
	.products dl:nth-child(2n){ margin:0 0 6% 0;}
	.product_left{ float:none; width:100%; margin:0 0 22px 0;}
	.product_right{ float:none; width:100%;}
	
	.ny_news ul li .news_fl{ width:100%; float:none; margin:0 0 16px 0;}
	.ny_news ul li .news_fr{ width:95%; float:none;}
	
	.contact_lx{ float:none; width:100%; margin:0 0 20px 0;}
	.feedback{ width:100%; float:none;}

}