@charset "utf-8";
/* CSS Document */
@media screen and (min-width:1430px) and (max-width:2580px){
	header .top{ height:auto; padding:1px 0.5% ;max-width:1430px;}
	.wd{ padding:0 0.5%;max-width:1430px;}
	
}
@media screen and (min-width:1280px) and (max-width:1428px){
	header{ height:95px;}.nav ul li{float:left;line-height:95px;}
	header .top{ height:auto;  padding:1px 0.5% ;max-width:1280px;}
	header .top h1 {width:18%;float: left;}
	.wd{ padding:0;max-width:1280px;}
	.nav { width:60%;}
	.nav ul li a {margin: 0 20px;font-size: 16px;}
	.yy {float: left;}
	.Hfirst .gui-sz {margin-top: 42px;}
	.ewm {margin-right: 62px;}
	.boxright { margin-right:0;}
	.shearb .txt {width: 118px;}.yy{ line-height:95px;}.shearb {
    float: right;
    margin-top: 33px;
    width: 15%;
}
	
}
@media screen and (min-width:1024px) and (max-width:1279px){
	header .top{ height:auto;  padding:10px 0.5% 0 0.5% ;max-width:1000px;}
	.wd{ padding:0 0.5%;max-width:1000px;}
	.ads {width:29%; margin-left:1%;}
	.nav { width:50%;}
	.nav ul li a {margin: 0 12px;font-size: 15px;}
	.yy {float: left;}
	.Hfirst .gui-sz {margin-top:18px;}
	.ewm {margin-right: 18px;}
	.boxcon {margin-left: 30px;}
	.boxright { margin-left: 30px;margin-right:40px;}
	.Hfirst .gui h2 em { line-height:1.7;}
	.Hfirst .gui h2{ margin-bottom:0;}
	.Hfirst .gui strong{ margin-bottom:10px;}
.recruitment ul li {    height: 820px;}	
}

@media screen and (min-width:960px) and (max-width: 1024px) {
	header .top h1{  float:left; padding-top:0px;    width: 30%;}
	.nav { width:40%; margin-left:18%;}.shearb{ display:none;} header{ height:100px; height:auto; overflow:hidden;}
	header .top{ height:auto;  padding:0 ;min-width:960px; overflow:hidden;}
	.wd{ min-width:960px;}
	.nav ul li a {margin: 0 10px;font-size: 16px;}.nav ul li{ line-height:100px;}
	.ads{ display:none;}.yy {float: left; width:12%; line-height:100px;}
	.wd{ padding:0;}
.Hfirst{ margin:0.5% 0 0px 0;}
.flex-control-nav { bottom:10px;}
.flex-control-paging li a {width: 32px;}
.Hfirst ul li {width:50%;float: left;}
.Hforue .hfleft {width: 40%;float: left;}
.Hforue .hfright {width: 58%;float: right;}
.Hforue .hfright ul li .box p {line-height: 1.5;}
.Hforue .hfright ul li .box span {margin: 0;}
.Hforue .hfright ul li {margin-bottom: 14px;}
.footbox .fbright ul li:nth-child(1){ display:none;}
.footbox .fbright ul li {width: 25%;float: left;}
.game163 .bigImg{ height:425px !important;}


}
@media screen and (min-width:640px) and (max-width:960px){
	header{ height:90px; }
	.nav,.shearb{ display:none;}
	.demo-buttons{ display:block;}
	.ads{ display:none;}.yy {float:left;line-height:90px; margin-left:27%;  width:30%;}
.Hfirst{ margin:0.5% 0 0px 0;}
.flex-control-nav { bottom:10px;}
.flex-control-paging li a {width: 32px;}
.Hfirst ul li {width:50%;float: left;}
header .top h1 {width: 40%;float: left;margin-left: 1%;}
.Hthird{ padding:8% 0 0 0;}
.Hforue .fenlen ul li {width: 13%;}
.Hthird .third {float: none;width:100%; margin-bottom:30px;}
.Hthird .third p {line-height: 2;padding: 30px 0 30px 0;}
.Hthird .thsright {width:100%;float: right;}.Hthird .thsright img{ width:100%;}
.more a {width: 115px;font-size: 12px;}
.more {width: 115px;line-height: 35px;}
.Hthird .third h2 {font-size: 32px; text-align:center;}
.footbox .fbright ul li{ margin-bottom:3%;}
.footbox .fbright ul li .box .ff {width: 50%;}
.Hforue .hfleft{ display:none;}
.Hforue .hfright{ width:100%;}
.Hforue .hfright ul li {margin-bottom: 13px;}
.footbox{ padding:6% 0;}
.footbox .fbleft {width: 45%;float: left;}
.footbox .fbright {width: 47%;float: right;}
.footbox .fbright ul li {width: 50%;float: left; min-height:155px;}
.footbox .fbright ul li:nth-child(1){ display:none;}
.nyabout .naleft{ width:100%;}
.nyabout .naright{ width:100%; margin-top:30px;}
.contactbox .list li {width: 50%;}
.news_box_pages ul li{ line-height:25px; font-size:16px; float:none; width:100%;}

.jcfwbox ul li {
    width: 96%;
    margin-right: 0%;
    float: none;
}
.recruitment ul{ margin-right:0%;}
.recruitment ul li{ width:100%; float:left; margin-right:0%; background:#fff; height:auto; overflow:hidden;}

}

@media screen and (max-width:460px){
.wd{ padding:0 3%;}
header{ height:60px; }
header .top h1 {width:42%;}header .top h1 img{ padding-left:8%;}
header .top h1 img {max-width: 55%;vertical-align: middle;margin-top: 19px;}
.nav,.shearb{ display:none;}
.demo-buttons{ display:block; line-height:60px;}.fancynav-close{ line-height:60px;}
.ads{ display:none;}.yy {float:left;line-height:60px; margin-left:12%;  width: 45%;}
.Hfirst{ margin:3% 0 0px 0;}
.Hfirst {padding: 13% 0;}
.Hfirst h2 {font-size: 28px;}
.Hfirst p {font-size: 16px;}
.flex-control-nav { bottom:10px;}
.flex-control-paging li a {width: 52px; height:3px;}

.Hsecond,.derp {padding: 12% 0;}
.Hsecond ul li{ width:98%; margin-right:0; margin-bottom:5%;}
.dyip{ margin:13% 0;}
.dyip ul li{ width:97%; margin-right:0; margin-bottom:5%;}
.dyip ul li .wb_bj .jjfa_wb .jjfa_wb_t{ font-size:24px;}
.dyip ul li .wb_bj .jjfa_wb .jjfa_wb_b{ font-size:16px;}
.derp .left,.derp .right{ width:100%;}
.derp .right ul li .bt{ font-size:40px;}
.derp .right ul li p{ font-size:15px;}
.dsanp .box ul li{ width:97%; margin-bottom:5%;}
.dsip .pic{ width:100%;}
.footbox .copy .bo{ display:none;}

.ny_about,.nydyip,.contact{ padding:12% 0;}
.ny_about h2,.nydyip h2 {font-size: 2rem;}
.nspr ul{ margin-right:0;}
.nspr ul li{ width:100%; margin-right:0; margin-bottom:5%;}
.boxprolist .left{ width:100%;}
.products{ width:100%; margin-top:8%;}
.products ul{ margin-right:0;}
.products ul li{ width:98%; margin-right:0; margin-bottom:4%;}
.contact .left,.contact .right{ width:100%;}.contact .right{ margin-top:8%;}
.contact h2{ font-size:27px;}
.apply .left,.apply .right{ width:100%;}
.apply .right{ margin-top:8%; margin-bottom:8%;}
.applybox .fonr ul{ margin-right:0;}
.applybox .fonr ul li{ width: 99%;  margin-right:0; }
.applybox .twox .box ul{  margin-right:0%;}
.applybox .twox .box ul li{ width:99%; margin-right:0%;  }
.fonrr ul{ margin-right:0%;}
.fonrr ul li{ width:99%;  margin-right:0;}
.twrox ul{  margin-right:0%;}
.twrox ul li{ width:99%;  margin-right:0%; }

}