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

	.width_all{ max-width:1200px;}
	
	.product_right{ width:45%;}

}

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

	.width_all{ max-width:1080px;}
	
	.nav a{ padding:0 20px;}
	
	.product_right{ width:39%;}

}

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

	.width_all{ max-width:980px;}
	
	.head_top .cnen{ margin:28px 0 28px 1%;}
	.nav a{ padding:0 12px;}
	
	.new_p_name{ width:68%;}
	.new_p_name i:after{ width:36%;}
	.new_p_name i:before{ width:36%;}
	
	.about_name{ width:68%;}
	.about_name i:after{ width:30.5%;}
	.about_name i:before{ width:30.5%;}
	
	.partner .partner_name{ width:68%;}
	.partner .partner_name i:after{ width:36%;}
	.partner .partner_name i:before{ width:36%;}
	
	.news .news_name{ width:68%;}
	.news .news_name i:after{ width:36%;}
	.news .news_name i:before{ width:36%;}
	
	
	.product_right{ width:32%;}

}

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

	.width_all{ width:92%;}
	
	.head_top .cnen{ margin:28px 0;}
	
	#navToggle{ height:auto; padding:7px 9px; margin:19px 0 0 0; display:block; float:right; transition:0.5s;}
	#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:#023d6c;}
	#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:#023d6c;}
	.nav{ display:none;}
	
	.new_p_name{ width:78%;}
	.new_p_name i:after{ width:34%;}
	.new_p_name i:before{ width:34%;}
	.categories ul li .p_more{ font-size:30px;}
	.categories ul li .p_more span{ font-size:66px;}
	
	.advantage01_l{ width:100%; float:none;}
	.advantage01_r{ position:inherit; width:92%; margin:0 auto 32px auto;}
	.advantage02_l{ float:none; width:100%; margin:0 0 32px 0;}
	.advantage02_r{ float:none; width:100%;}
	.advantage03_r{ float:none; width:100%; margin:0 0 32px 0;}
	.advantage03_l{ float:none; width:100%;}
	.advantage04_l{ position:inherit; width:92%; margin:0 auto 32px auto;}
	.advantage04_r{ float:none; width:100%;}
	
	.about_name{ width:78%;}
	.about_name i:after{ width:29%;}
	.about_name i:before{ width:29%;}	
	.about_width .about_left{ float:none; width:100%; margin:0 0 42px 0;}
	.about_width .about_right{ float:none; width:auto;}
	
	.partner .partner_name{ width:78%;}
	.partner .partner_name i:after{ width:34%;}
	.partner .partner_name i:before{ width:34%;}
	
	.news .news_name{ width:78%;}
	.news .news_name i:after{ width:34%;}
	.news .news_name i:before{ width:34%;}
	
	.footer_nav a{ float:left; width:33.3333333334%; margin:8px 0;}
	.footer_nav a:nth-child(1){ display:none;}
	
	.footer_contact{ text-align:left;}
	.footer_contact p{ display:block; margin:12px 0; overflow:hidden;}
	
	.subnav ul li{ float:left; width:49%; margin:0 2% 2% 0; border:none;}
	.subnav ul li:nth-child(2n){ margin:0 0 2% 0;}
    .subnav ul li a{ padding:0; border:#eee 1px solid; text-align:center;}
	
	.game163{ display:none;}
	.pro_sj{ display:block;}
	.flexslider{ position:relative;}
	.flexslider .slides > li{ display:none; -webkit-backface-visibility:hidden;}
	.flexslider .slides img{ width:100%; display:block;border-radius:0px;}
	.flex-pauseplay span{ text-transform:capitalize;}
	.flex-control-nav{ width:100%; text-align:center; position:absolute; bottom:10px;}
	.flex-control-nav li{ margin:0 3px; display:inline-block; zoom:1;}
	.flex-control-paging li a{ width:8px; height:8px; border-radius:50%; background:#023d6c; display:block; cursor:pointer; text-indent:-9999px;}
	.flex-control-paging li a:hover{ background:#e60213;}
	.flex-control-paging li a.flex-active{ background:#e60213; cursor:default;}
	.product_right{ float:none; width:100%; margin:22px 0 0 0;}
	
	.ny_news ul li .news_time{ float:left; width:36%;}
    .ny_news ul li .news_images{ float:right; width:60%; margin:0 0 0 4%;}
    .ny_news ul li .news_show{ float:none; width:100%; overflow:hidden;}
    .ny_news ul li .news_show span{ margin:12px 0 4px 0;}
    .p_next ol{ width:82%;}

}

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

	.new_p_name{ width:88%;}
	.about_name{ width:88%;}
	.partner .partner_name{ width:88%;}
	.news .news_name{ width:88%;}

}

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

	.new_p_name{ font-size:28px; line-height:40px;}
	.new_p_name:after{ width:56px; margin:0 0 0 -28px;}
	.new_p_name:before{ width:202px; margin:0 0 0 -102px;}
	.new_p_name i:after{ width:30.6%;}
	.new_p_name i:before{ width:30.6%;}
	.categories ul li{ width:48%; margin:0 4% 4% 0;}
	.categories ul li:nth-child(2n){ margin:0 0 4% 0;}
	
	.advantage_name{ font-size:28px; padding:14px 0;}
	.advantage_name span{ font-size:18px;}
	.advantage01_la_r{ width:78%;}
	.advantage01_la_r p:nth-child(1){ font-size:20px;}
	.advantage01_la_r p:nth-child(2){ font-size:16px;}
	.advantage02_ra_r{ width:78%;}
	.advantage02_ra_r p:nth-child(1){ font-size:20px;}
	.advantage02_ra_r p:nth-child(2){ font-size:16px;}
	.advantage03_la_r{ width:78%;}
	.advantage03_la_r p:nth-child(1){ font-size:20px;}
	.advantage03_la_r p:nth-child(2){ font-size:16px;}
	.advantage04_ra_r{ width:78%;}
	.advantage04_ra_r p:nth-child(1){ font-size:20px;}
	.advantage04_ra_r p:nth-child(2){ font-size:16px;}
	
	.about_name{ font-size:28px; line-height:40px;}
	.about_name:after{ width:56px; margin:0 0 0 -28px;}
	.about_name:before{ width:202px; margin:0 0 0 -102px;}
	.about_name i:after{ width:24.6%;}
	.about_name i:before{ width:24.6%;}
	
	.shengchan{ padding:48px 0;}
	.shengchan .shengchan_sw ul li{ width:48%; margin:0 4% 4% 0;}
	.shengchan .shengchan_sw ul li:nth-child(2n){ margin:0 0 4% 0;}
	
	.partner .partner_name{ font-size:28px; line-height:40px;}
	.partner .partner_name:after{ width:56px; margin:0 0 0 -28px;}
	.partner .partner_name:before{ width:202px; margin:0 0 0 -102px;}
	.partner .partner_name i:after{ width:30.6%;}
	.partner .partner_name i:before{ width:30.6%;}
	.partner ul li{ width:48%; margin:0 4% 4% 0;}
	.partner ul li:nth-child(2n){ margin:0 0 4% 0;}
	.partner ul li:last-child{ display:none;}
	
	.news .news_name{ font-size:28px; line-height:40px;}
	.news .news_name:after{ width:56px; margin:0 0 0 -28px;}
	.news .news_name:before{ width:202px; margin:0 0 0 -102px;}
	.news .news_name i:after{ width:30.6%;}
	.news .news_name i:before{ width:30.6%;}
	.news ul li{ float:none; width:100%; margin:0 0 6% 0; overflow:hidden;}
	
	.subnav ul li{ float:none; width:100%; margin:0 0 2% 0;}
	
	.products ul li{ width:48%; margin:0 4% 4% 0; position:relative;}
    .products ul li:nth-child(2n){ margin:0 0 4% 0;}
    
    .honor ul li{ width:48%; margin:0 4% 4% 0;}
    .honor ul li:nth-child(2n){ margin:0 0 4% 0;}
    
    
    .contact_left{ float:none; width:92%; margin:0 4%; overflow:hidden; padding:4% 0 0 0;}
    .contact_right{ float:none; width:100%;}

}