/* CSS Document */

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

	.nav li a{padding:0 20px;}
	.navBar{ margin-left:20%;}
	.bgbxo{ padding: 0 3%;}

}
@media all and (min-width:1201px) and (max-width:1230px) {
	.navBar { margin-left: 20%;}
	.nav li a {padding: 0 16px;}
}
@media all and (min-width:1231px) and (max-width:1490px) {
	.navBar { margin-left: 20%;}
	.nav li a {padding: 0 26px;}
}
@media all and (min-width:1095px) and (max-width:1200px) {
	.nav li a {padding: 0 16px;}

}
@media all and (min-width:981px) and (max-width:1094px) 
{
	
    .nav li a{padding:0 10px;}
}


@media screen and (max-width: 980px) {
	.top{ padding:0 3% !important; }
	header .nav,#search{ display:none;}
	header .m-btn{display: block;}
	.top .logo{ width:130px; padding-top:10px; }
	.proleft{ width:30%; height:auto; margin-right:1.5%; float:left; }
	.prorig{ width:68.5%;}
	.prorig ul li{ width:48%;  margin-bottom:3%;}
	.prorig ul li .pic img{ height:auto;}
	

}
@media screen and (max-width: 768px) {
	
	.banner_pc,.dyip h2 span,.derp h2 span{ display:none;}
	.banner_yd{ display:block; margin-top:0px;}
	.dyip h2,.derp h2{font-size:30px; font-weight:300; text-align:center; padding:5% 0;}
	.dyip ul li{ width:31.33%;}
	.derp ul li{ width:48%;}
	
	.wbkks{width:87%; padding-left:3%; }
	.foot_nav dl{width:45%;  }
	.navxob{ padding:5% 0 !important;}
	.aboutbanner{ padding:17% 3%; }
	
	.procon{  margin:8% auto;}
	.proconlf{ width:100%; float:none;}
	.game163 .bigImg{ height:230px !important; position: relative; border:0;}
	.game163 .bigImg li img{  width:100%;  }
	.game163 .smallImg{ width:100%;}
	.proconrg{ width:100%; float:none;}
	.proconrg h3{ font-size:1.58rem; margin-bottom:20px; }
	.prode h2,.prodwon h2,.proxx h2{font-size:1.7rem;  margin-bottom:4%; padding-top:3%;}
	.newsbox h2,.ccbox h2{font-size:1.7rem;  margin-bottom:0%; padding-top:3%;}
	.prode ul{ width:100%; float:none; margin-right:0%;}
	.prode ul li{ padding-left:8%; padding-bottom:3%;}
	.prodwon li{ width:86%; }
	.fangF{ width:100%;}
	
	.proleft{ width:40%; height:auto; margin-right:1.5%; float:left; }
	
	.prorig{ width:58.5%;}
	.prorig ul{margin-right:0%;}
	.prorig ul li{ width:100%; float:none; margin-right:0%; margin-bottom:3%;}
	.newsbox ul li{ width:100%; height:auto; overflow:hidden; margin:8% 0;}
	.newsbox ul li p{ display:none;}

	
	
	
}
@media screen and (max-width: 575px) {
	.dyip ul li{ width:48%;}
	.derp ul{margin-right:0%;}
	.derp ul li{ width:100%; margin-right:0;}
	.aboutbanner h2 {font-size:20px; line-height:25px;}
	.sec-head{ font-size: 1rem; width:100% !important;}
	
	.probox{ margin:8% auto;}
	.proleft{ width:100%; margin-right:0%; float:none; }
	.proleft h2{ background:#000; color:#fff; padding:7%;}
	
	.prorig{ width:100%; float:none;}
	.prorig ul{margin-right:0%; padding-bottom:15px;}
	.prorig ul li{ width:100%; float:none; margin-right:0; margin-top:5%; }
	.newsbox ul li .pic{ width:100%; float:none;}
	.newsbox ul li .nesrg{ float:none; margin-left:0%; width:100%;}
	.newsbox ul li .nesrg h3{ font-size:1.5rem;  font-weight:300; padding-top:5%;}



}