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

	.width_all{ width:75%;}
	
	.new_product{ width:65%;}
	
	.limited_edition{ width:40%;}
	
	.brand{ width:65%;}
	
	.product_right{ width:34%;}

}

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

	.limited_edition{ width:48%;}
	
	.brand{ width:75%;}
	
	.product_right{ width:26%;}

}

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

	.width_all{ width:92%;}
	
	.new_product{ width:75%;}
	
	.limited_edition{ width:56%;}
	
	.brand{ width:92%;}
	
	.footer .footer_left dl{ margin:0 14% 0 0;}
	
	.product_right{ width:25%;}

}

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

	.head_top{ margin:18px auto 12px auto; overflow:hidden;}
	.head_top h1{ float:left; margin:0 0 0 4%; width:135px;}
	.head_top .cnen{ display:none;}
	.head_top .gouwudai{ display:none;}
	
	.banner_sj{ display:block;}
	.banner_pc{ display:none;}

	#navToggle{ height:auto; padding:9px; margin:0 -9px 0 0; display:block; position:absolute; right:4%; top:-62px;}
	#navToggle span{ position:relative; width:25px; height:1px; margin-top:19px;}
	#navToggle span:before,#navToggle span:after{ content:''; position:relative; width:100%; height:1px; left:0;}
	#navToggle span,#navToggle span:before,#navToggle span:after{ -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; display:block; background:#4f4f4f;}
	#navToggle span:before{ top:8px;}
	#navToggle span:after{ bottom:10px;}
	#navToggle.open span:before{ top:10px; -webkit-transform:translateY(-11px) rotate(-45deg); -moz-transform:translateY(-11px) rotate(-45deg); -ms-transform:translateY(-11px) rotate(-45deg); -o-transform:translateY(-11px) rotate(-45deg); transform:translateY(-11px) rotate(-45deg);}
	#navToggle.open span:after{ bottom:12px; -webkit-transform:translateY(10px) rotate(45deg); -moz-transform:translateY(10px) rotate(45deg); -ms-transform:translateY(10px) rotate(45deg); -o-transform:translateY(10px) rotate(45deg); transform:translateY(10px) rotate(45deg);}
	#navToggle.open span{ background:none;}
	#navToggle.open span:before,#navToggle.open span:after{ background:#4f4f4f;}
	.nav{ display:none;}
	
	.flex-control-nav{ bottom:2px;}
	.flex-control-nav li{ margin:0 5px;}
	.flex-control-paging li a{ width:28px; height:3px; border-radius:2px;}
	
	.new_product{ width:92%;}
	
	.limited_edition{ width:66%;}
	
	.video{ width:92%;}
	
	.footer .footer_left{ float:none; width:100%; overflow:hidden; margin:0 0 28px 0;}
	.footer .footer_left dl{ width:23%; margin:0;}
	.footer .footer_left dl:nth-child(3n){ width:31%;}
	.footer .footer_right{ float:none; width:100%; overflow:hidden;}
	
	.product .product_l{ float:none; width:100%; overflow-x:scroll; margin:0 0 15px 0;}	
	.product .product_l ul{ width:720px; padding:0 0 5px 0;}
	.product .product_l ul li{ float:left; padding:0; margin:0 10px 0 0;}
	.product .product_l ul li a{ padding:0 10px;}
	.product .product_l ul li.hert a{ background:#000; color:#fff;}
	.product .product_l ul li i{ width:8px; height:1px; background:#333; float:left; margin:12px 5px 11px 0;}
	.product .product_l ul li.hert i{ width:8px; height:1px; background:#fff; margin:12px 5px 11px 0;}
	.product .product_l ul li:hover:after{ display:none;}	
	.product .product_r{ float:none; width:100%;}
	
	.game163{ display:none;}
	.pro_sj{ display:block;}
	.product_right{ float:none; width:100%; margin:26px 0 0 0;}
	
	.product_right .prr_name{ text-align:center;}
    .product_right .p_ggao{ text-align:center;}
	.product_right .miaoshu{ display:none;}
	.product_right .goumai{ margin:10px auto;}
	.product_right .goumai a{ float:none; width:100%; margin:0 0 4% 0; text-align:center; position:relative;}
	.product_right .goumai a i{ float:inherit; position:absolute; left:50%; top:8px; margin:0 0 0 -48px;}
	.product_right .goumai a:nth-child(3n) i{ margin:0 0 0 -62px;}
	.product_right .jiagou{ text-align:center;}
	
	.services dl dd{ float:none; width:100%; margin:0 0 30px 0;}
	.services dl dt{ float:none; width:100%;}

}

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

	.new_product ul li{ width:47%; margin:0 6% 6% 0;}
	.new_product ul li:nth-child(2n){ margin:0 0 6% 0;}
	.new_product ul li:nth-child(3n){ margin:0 6% 6% 0;}
	.new_product ul li:nth-child(6n){ margin:0 0 6% 0;}

	.limited_edition{ width:75%;}
	.slidesjs-pagination{ width:140px;}
	.slidesjs-pagination span{ width:60px;}
	
	.brand_gushi i:after{ position:absolute; left:0; top:50%; width:30%; height:1px; background:#ccc; content:"";}
	.brand_gushi i:before{ position:absolute; right:0; top:50%; width:30%; height:1px; background:#ccc; content:"";}
	
	.product .product_r ul li{ width:48%; margin:0 4% 6% 0;}
	.product .product_r ul li:nth-child(2n){ margin:0 0 6% 0;}
	.product .product_r ul li:nth-child(3n){ margin:0 4% 6% 0;}
	.product .product_r ul li:nth-child(2n){ margin:0 0 6% 0;}

}