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;
}

.logo{width: 38%; left: 5%; top:12px; z-index: 1000;position: absolute}
.title{ top:9%}
.xc{width: 100%; left: 0; top:12%}
.bottom{width: 100%; bottom: 0%}
/*仕官生首页*/

.slogan{width:80%; left:10%; top:12%;}
.back{width: 7%; right:3%; top:13px;z-index: 100;}
.sgs-con{width:80%;top:45%; left: 10%;z-index: 99;}
.sgs-con a{width:43%; left: 0; top:0; display:inline-block; margin-bottom: 2%;}
.sgs-con .nav2,.sgs-con .nav4{ margin-left:10%;}
.bott{bottom: 0}
.bottom{bottom: -5%}




/*适配*/
/*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;
}



/*定义滚动条轨道 内阴影+圆角*/
.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;  }

/*@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}