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

	.layout{ max-width:980px;}
	
	.maxwidth{ max-width:980px;}
	
	.headwidth{ max-width:980px;}
	
	.nav{ max-width:979px;}
	.nav .m{ width:108px;}
	.nav .m:nth-child(2n){ width:107px;}
	
	
	.why_img{ height:925px; background:url(../images/why2.jpg) bottom center no-repeat;}
	.why_img .why_img_txt p.why2{ width:540px;}
	.why_t2{ right:-46px; top:286px;}
	.why_t3{ left:1px; top:586px;}
	
	.lc_name{ padding:76px 0 77px 0;}
	.lc_name:before{ right:-12px; top:-12px;}
	.lc_name:after{ left:-12px; bottom:-12px;}
	
	.whole_wz b{ font-size:30px; line-height:36px; margin:4px 0 6px 0;}
	.whole_wz p{ line-height:18px;}
	
	.footer_nav .footer_nav_compat{ max-width:980px;}
	
	.footer{ max-width:980px;}
	
	.content{ max-width:980px;}

	.xq_right{ width:36%;}

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

	.layout{ width:92%;}
	.maxwidth{ width:92%;}
	.head_top dl{ display:none;}
	
	.headwidth{ width:92%;}
	.headwidth .logo{ display:none;}
	.headwidth .sj_logo{ display:block; margin:13px 0;}
	.headwidth .sj_logo img{ width:147px; height:83px;}
	.headwidth .rexian{ display:none;}
	
	.header .nav{ display:none;}
	.header .naverbox{ display:block; position:absolute; top:73px; right:4%; z-index:10;}
	.header .naverbox .btn{ height:40px; background:#0a48af; 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;}
	
	.new_p_left{ width:100%; float:none; margin:0 0 16px 0;}
	.new_p_right{ width:100%; float:none;}
	
	.why_us{ display:none;}
	
	.lc_name{ width:100%; float:none; padding:42px 0 43px 0;}
	.lc_name:before{ right:-30px; top:-30px;}
	.lc_name:after{ left:-30px; bottom:-30px;}
	.lc_sming{ width:96%; float:none;}
	
	.whole{ display:none;}
	.whole_wz{ width:100%; float:none; margin:0 0 12px 0;}
	.whole_wz b{ margin:6px 0;}
	.whole_wz p{ line-height:24px;}
	.hearted{ float:none; width:100%;}
	
	.footer_nav .footer_nav_compat{ width:92%;}
	.wx_show{ margin-left:-42%; width:80%;}
	
	.footer{ width:92%;}
	.footer .footer_left{ float:none; margin:0 0 12px 0;}
	.footer .footer_right{ float:none;}
	
	
	.banner .pic_yi{ display:none;}
	.banner .pic_er{ display:block; width:100%; margin:0;}
	
	.content{ width:92%;}
	
	.ny_p_left{ width:100%; float:none;}
	.ny_p_right{ width:100%; float:none; margin:0 0 16px 0;}
	.p_tuijian ul li{ width:100%; float:none; margin:0;}
	
	.game163{ display:none;}
	.pro_sj{ display:block;}
	.xq_right{ float:none; width:100%; margin:18px 0 0 0;}
	
	.ny_news ul li .news_right{ width:26%;}
	
	.ny_contact .ny_cont_left{ float:none; width:100%; margin:0 0 25px 0;}
	.ny_contact .ny_cont_right{ float:none; width:100%;}
	
}

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

	.new_product ul li{ width:48%; margin:0 4% 4% 0;}
	.new_product ul li:nth-child(2n){ margin:0 0 4% 0;}
	.new_product ul li:nth-child(3n){ margin:0 4% 4% 0;}
	.new_product ul li:nth-child(6n){ margin:0 0 4% 0;}
	
	.hearted ul li{ width:48%; margin:0 4% 4% 0;}
	.hearted ul li:nth-child(2n){ margin:0 0 4% 0;}
	
	.customer .work_piece ul li{ width:48%; margin:0 4% 4% 0;}
	.customer .work_piece ul li:nth-child(2n){ margin:0 0 4% 0;}
	.customer .work_piece ul li:nth-child(5n){ margin:0 4% 4% 0;}
	.customer .work_piece ul li:nth-child(10n){ margin:0 0 4% 0;}
	
	.honor{ float:none; width:99.4%; margin:0 0 32px 0;}
	.company{ float:none; width:100%;}
	.company .com_py{ margin:10px 0 18px 0;}
	
	.services .ser_left{ float:left; width:18%;}
	.services .ser_right{ float:right; width:70%; margin:0 12px 0 0}
	
	.footer_nav .footer_nav_compat .footer_nav_l{ float:none; margin:16px 0;}
	.footer_nav .footer_nav_compat .footer_nav_l a{ margin:0 10px 0 0;}
	.footer_nav .footer_nav_compat .footer_nav_r{ float:none; margin:16px 0; overflow:hidden;}
	.footer_nav .footer_nav_compat .footer_nav_r .f_nav_l{ text-align:left;}
	.footer_nav .footer_nav_compat .footer_nav_r .f_nav_r{ float:left; margin:0 16px 0 0;}
	
	
	.products ul li{ 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;}
	
	.ny_nav ul li{ width:33.33333334%;}
	
	.shili ul li{ width:48%; margin:0 4% 4% 0;}
	.shili ul li:nth-child(2n){ margin:0 0 4% 0;}
	
	.partner ul li{ width:32%;}
	.partner ul li:nth-child(3n){ margin:0 0 2% 0;}
	.partner ul li:nth-child(5n){ margin:0 2% 2% 0;}
	
	#spa>li{ width:47%; margin:0 4% 4% 0;}
	.spa>li{ width:47% !important;}
	#spa>li:nth-child(2n){ margin:0 0 4% 0;}
	#sp{ margin-left:-170px; margin-top:-85px; width:340px;}

}