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

.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: url("../img/gy/gybg.jpg") no-repeat; background-size: 100% 100%;}
.wrap1{ position: relative;width: 100%;overflow: hidden; background:#37b4d2;}

.box{ position: relative; height: auto;width: 100%;min-height:100%;
    background:#37b4d2 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: 27%; left: 2%; top:2%}
.title{width: 33%; left: 33%; top:8%}
.xc{width: 100%; left: 0; top:12%}
.bottom{width: 100%; bottom: 0%}
/*仕官生首页*/
.build{width: 100%; bottom: -7%; left: 0;}
/*.slogan{width: 100%; left: 0; top:6%;}*/
.slogan{width: 88%; top: 5%; left: 6%;}
.back{width: 7%; right:3%; top:13px;z-index: 100;}
.sgs-con{width: 80%;top: 110%;left: 10%;}
.sgs-con a{width:44%; left: 0; top:0; display:inline-block; margin-bottom: 7% }
.sgs-con .nav2,.sgs-con .nav4,.sgs-con .nav6,.sgs-con .nav8{ margin-left: 10%}
.sgs-con .nav7{ margin-left:27%}
.heart{position: absolute;top: 51%;width: 13.7%;left: 42%;}
.heart2{position: absolute;top: 72%;width: 4.6%;left: 28%;}
.build2{width: 100%; bottom: -7%; left: 0;}    
.buildnew{width: 100%; bottom: 0%; left: 0;}
.con{width: 100%;top:15%;left: 0;}
.con2{top: 17%;}
.title2{width: 33%; left: 2%; top:10%}
.title3{top: 14%;}
.xmjs_btn{    width: 35%;
    margin-left: 33%;}
.gwjs_btn{    width: 35%;
    margin-left: 33%;}
.sec1 .cloud1-1{
    width: 15.8%;
    /* margin-left: 42%; */
    top: 32%;
    left: 11%;
}
.sec1 .cloud1-2{
    width: 11.8%;
    /* margin-left: 42%; */
    top: 17%;
    left: 85%;
}
.cloud1{width: 13%;margin-left: 45%;top: 5%;}
.cloud2{width: 18.8%;margin-left: 71%;top: 8%;}
.cloud1gw{width: 13%;margin-left: 81%;top: 13%;}
.cloud2gw{width: 18.8%;margin-left: 42%;top: 7%;}


.schul::-webkit-scrollbar
{
	border-radius: 10px;
    width: 9px;
    height: 16px;
    background-color: #F5F5F5;
}
 
/*定义滚动条轨道 内阴影+圆角*/
.schul::-webkit-scrollbar-track
{
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    border-radius: 10px;
    background-color: #96d7e8;
}
 
/*定义滑块 内阴影+圆角*/
.schul::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow:none;
    /*-webkit-box-shadow: inset 0 0 6px rgba(255,255,255,.3);*/
    background-color: #fff;
}


.schul{
	width: 65%;
    margin-left: 19%;
    color: #0058b2;
    font-size: 14px;
    /*border: 1px solid red;*/
    top: 3%;
    height: 90%;
    overflow-y:scroll ;

}
.schul li{margin-bottom: 12px;}
.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;
}


/*适配*/
/*iphoneX*/
/*@media (max-device-aspect-ratio:375/578) {
    .slogan{top: 11%;}
}*/

.clr:after, .clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clr, .clearfix {
    zoom: 1;
}

/*@media (max-device-aspect-ratio:375/650) {
    .gwjsbtn{bottom: 16%;}
}
@media (min-device-aspect-ratio:375/580) {
    .gwjsbtn{bottom: 3%;}
}*/




@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) {

.build{bottom: -8%;}
    .slogan{top: 8%;}
}


@media only screen and (device-width: 375px) and (device-height: 812px){
    .slogan{width: 100%; left: 0; top:12%;}
}