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

	.width_all{ max-width:980px;}
	
	.nav .m{ margin:0 0 0 22px;}
	
	.all_name:after{ left:24%;}
	.all_name:before{ right:24%;}
	
	.product_right{ width:32%;}

}

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

	.width_all{ width:96%;}
	
	.head_top .logo{ margin:16px auto; width:59px;}
	
	.header .nav{ display:none;}
	.header .naverbox{ display:block; position:absolute; top:28px; right:5.75%; z-index:10;}
	.header .naverbox .btn{ height:42px; background:#ec302f;}
	.header .naverbox .btn span{ display:inline-block; width:42px; height:42px; color:#fff; background:url(../images/menu.png) no-repeat center; background-size:80%; cursor:pointer;}
	.sidebar{ background:#fff; padding:0 3.75%;}
	.sidebar-wrapper{ position:relative; overflow:auto;}
	#dowebok{ display:none; width:92.5%; margin:0 auto; overflow:hidden; border-top:#ec302f 2px solid;}
	#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:#eee 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:#000; font-size:15px; text-transform:uppercase; font-weight:600;}
	#dowebok .naver li p a:hover{ color:#ec302f; text-decoration:none;}
	#dowebok .naver li dl{ line-height:32px; display:none; padding:8px 0;}
	#dowebok .naver li dl a{ color:#000; display:block; padding:0 0 0 10px; font-size:16px; font-weight:normal;}
	#dowebok .naver li dl a:hover{ color:#ec302f; display:block; text-decoration:none;}
	[data-simplersidebar='active'] {}
	
	.banner_sj{ display:block;}
	.banner_pc{ display:none;}
	
	.all_name:after{ left:18%;}
	.all_name:before{ right:18%;}
	
	.new_p_width li{ width:6%; margin:0 0.5% 0 0;}
	
	.foot_l{ float:none; margin:0 0 14px 0;}
	.foot_r{ float:none; text-align:left;}
	
	.content .cont_left{ width:100%; float:none; margin:0 0 28px 0;}
	.content .cont_right{ width:100%; float:none;}
	
	.game163{ display:none;}
	.pro_sj{ display:block;}
	.pro_sj .flex-direction-nav a{ width:15%; height:100%; display:block; position:absolute; top:0; text-indent:-9000px;}
	.pro_sj .flex-direction-nav a.flex-prev{ left:0;}
	.pro_sj:hover .flex-direction-nav a.flex-prev{ background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));}
	.pro_sj .flex-direction-nav a.flex-next{ right:0;}
	.pro_sj:hover .flex-direction-nav a.flex-next{ background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));}
	.pro_sj .flex-direction-nav a i{ position:absolute; left:50%; top:50%; width:16px; height:40px; margin:-8px 0 0 -20px;}
	.pro_sj:hover .flex-direction-nav a.flex-prev i{ background:url(../images/b_prev_h.png) center no-repeat; transition:all .5s;}
	.pro_sj:hover .flex-direction-nav a.flex-next i{ background:url(../images/b_next_h.png) center no-repeat; transition:all .5s;}
	.pro_sj .flex-direction-nav a:hover.flex-prev i{ background:url(../images/b_prev.png) center no-repeat;}
	.pro_sj .flex-direction-nav a:hover.flex-next i{ background:url(../images/b_next.png) center no-repeat;}
	.product_right{ float:none; width:100%; margin:22px 0 0 0;}
	
	.contact dl dd{ width:20%;}
	.contact dl dt{ width:80%;}

}

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

	.all_name:after{ left:8%; width:6%;}
	.all_name:before{ right:8%; width:6%;}
	
	.new_p_width ul{ width:1600%;}
	.new_p_width li{ width:6.25%; margin:0 0 0 0;}
	
	.products li{ width:48%; margin:0 4% 4% 0;}
	.products li:nth-child(2n){ margin:0 0 4% 0;}
	
	.contact dl dd{ width:34%;}
	.contact dl dt{ width:66%;}

}