html,body{width: 100%; height: 100%;  font-family: '微软雅黑'; font-size: 14px; color: #fff;}
.wrap{position: relative;width: 100%; max-width: 640px; margin: 0 auto;min-height: 100%}

.pos-r{position: relative;}
.pos-a{position: absolute;}
img{display: block; width: 100%;}
.none{display: none}

.wrap{ position: relative;width: 100%; height: 100%; overflow: hidden; background:#5F74E0;}
.wrap1{ position: relative;width: 100%;overflow: hidden; background:#5F74E0;min-height: 100%}
.wraps{ position: relative;width: 100%; height: 100%;overflow-x: hidden; background:#5F74E0;min-height: 100%}
.box{ position: relative; height: auto;width: 100%;min-height:100%;
    background:#012e8b url(../img/sgs/pro_bg.jpg) no-repeat center 0;
    -webkit-background-size:100% auto;
    background-size:100% auto;
}
/*.box .sec{min-height:100%}*/
.bg{width: 100%; height: 100%; top:0; left: 0}
.logo{width: 37%; left: 5%; top:12px; z-index: 1000}
.title{ top:9%}
.xc{width: 100%; left: 0; top:12%}
.bottom{width: 100%; bottom: 0%}
/*仕官生首页*/
.build{width: 100%; bottom: 0; left: 0;}
.slogan{width: 100%; left: 0; top:12%;}
.back{width: 7%; right:3%; top:13px;z-index: 100;}
.sgs-con{width:70%; bottom:28%; left: 15%;z-index: 99;}
.sgs-con a{width:40%; left: 0; top:0; display:inline-block; margin-bottom: 2% }
.sgs-con .nav2,.sgs-con .nav4,.sgs-con .nav6,.sgs-con .nav8{ margin-left: 15%}
/*.sgs-con .nav7{ margin-left:27%}*/
/*福利*/
.wel1{width: 100%; top:20%}
.qa{width: 100%; top:22%}
/*流程*/
.map{width: 100%; margin-top:10px}
.hb{width:19%; left: 64%; top:17% }
.hz{width:15%; left: 58%; top:39% }
.hd{width:16%; left: 70%; top:35% }
.hn{width:15%; left: 66%; top:54% }
.xn{width:26%; left: 35%; top:35% }
.sch-con{width: 100%; top:50%;margin-top: -12%;}
.box .logo{padding-top:15px}
.box .title{margin-top:10px; left: 50%}
.box .bottom{bottom:0;}

.dt_btn{    
	position: absolute;
    width: 40%;
    bottom: 3%;
    left: 29%;
    height: 40px;}
.dtchild_btn{
	position: absolute;
    width: 40%;
    bottom: 3%;
    left: 29%;
    height: 40px;}
 
.jobul{
	width: 95%;
	margin-left: 6%;
	margin-top: -24%;
} 
.jobul1 li{
	background:#f8b601;
}  
.jobul2 li{
	background:#00c0be;
} 
.jobul3 li{
	background:#3880fb;
} 
.jobul4 li{
	background:#fabf00;
} 

.jobul ul li{
	float: left;	
	padding: 8px 7%;
	border-radius: 5px;
	font-size: 12px;
	margin-bottom: 20px;
	margin-right: 3%;	
}

.gwjsbtn2{
	width: 40%;
    position: absolute;
    bottom: 4%;
    left: 30%;
}
.gwjsbtn3{
	width: 40%;
    position: absolute;
    bottom: -2%;
    left: 30%;
}

/*岗位介绍*/
.gwjsbtn{
	/*position: absolute;*/
    width: 28%;
    margin-left: 36%;
    margin-top: 3%;
    /*bottom: 5%;*/

}
.gwjs{
	top: 0%;
	left: 0;
	width: 100%;
}
.schul{
	width: 60%;
	margin-left: 27%;
	color: #f8b601;
	font-size: 14px;
}
.city{
	margin-left: 20px;
	color: #fff;
	font-size: 12px;
}
.school{
	font-size: 16px;
    margin-bottom: 3px;
    background: url(../img/sgs/dingwei.png) no-repeat 0 3px;
    padding: 0px 0 0 20px;
}
.tips{
	    /* width: 60%; */
    /* margin-left: 27%; */
    margin-top: 15%;
    /* padding-left: 18px; */
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #f8b601;
}
/*适配*/
/*iphoneX*/
@media (max-device-aspect-ratio:375/605) {
    /*.build{bottom: 8%}*/
    /*.logo{width: 30%; left: 5%; top:5%}*/
    /*.xc{ top:20%}
    .title{ top:10%}
    .slogan{ top:13%;}
    .bottom{ bottom:0;}*/
    .gwjsbtn{margin-top: 5%;}

}


@media screen and (max-width:330px) {
    .jobul ul li{
		padding: 8px 5%;
	}
	.jobul{
		margin-left: 5%;
	}
}
.clr:after, .clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clr, .clearfix {
    zoom: 1;
}


.nav9{ width: 26%; bottom: 6%; left: 37%}

.bott{bottom:0;}
.zhong{top:9%;}
.xc2{width: 100%; top: 30%;}
.pxfz,.zpxc{width: 100%; bottom: 0;}
.gwjs_list .des{width: 90%;margin:2% auto;}
.gwjs_last{position: fixed;bottom: 0;}
.des_child{border: 1px solid white;border-top: 0;padding: 4%;margin-top: -1%;}
.left{float: left;}
.gwjs_list dl{margin-bottom:9px}
/*.gwjs_list dl dt{position: relative; background: url("../img/sxs/classify.png") no-repeat; height: 24px; line-height: 24px; background-size: auto 100%}*/
.gwjs_list dl dt{position: relative; border:1px solid #fff; height: 24px; line-height: 24px; background-size: auto 100%; margin-bottom: 5px}
.gwjs_list dl span{color: #fff;font-weight: bold; padding-left: 5px }
.gwjs_list em{position: absolute; right:10px; top:0px;width:24px; height: 24px; background: url(../img/sxs/jt1.png) no-repeat center center; }
.gwjs_list dl p{;margin-left: 3%;
    font-size: 12px;text-align: justify}
.gwjs_list .on em{background: url("../img/sxs/jt2.png") no-repeat center center;}
.gwjs_list dd{display: none;}
.on dd{display: block;}



.des_child {  width:90%;  height: 265px;  margin: 0 auto;  overflow-y:scroll ;  }
.des_child::-webkit-scrollbar {  width: 8px;  height:10px;}

/*定义滚动条轨道 内阴影+圆角*/
.des_child::-webkit-scrollbar-track
{  border-radius: 10px;  background-color: #6e8cff;  opacity: 0.1;  }

/*定义滑块 内阴影+圆角*/
.des_child::-webkit-scrollbar-thumb
{  border-radius: 10px;  -webkit-box-shadow:none;  background-color: #a8c2ff;  }

.jl{width:33%;margin-top:7%;left: 32.8%;}
.tu{bottom: 18%;  width:20%;}
.tu1{bottom: 25%;right: 1%;width:13%;}
.bto{position: fixed; bottom:0;}
.sec{z-index: 10}
/*@media (max-device-aspect-ratio:360/519) {*/
    /*.des dl p{width: 68%;}*/
/*}*/


/*@media(max-width: 320px) {
    .des dl p{width: 68%;}
}
@media(min-width: 360px) {
    .des dl p{width: 72%;}
}*/
.des .container{display: none}
.des .active{display: block}