html,body{width: 100%; height: 100%; overflow: hidden;font-family: '微软雅黑'; line-height: 2;}
img{display: block; width: 100%}
.pos-r{position: relative}
.pos-a{position: absolute}
.wrap{
    width: 100%;
    height: 100%;
}
.right_bg{width:25%; top:0; right:0 }
.right_bg img{width:102%; }
.bg{ position:absolute; left: 0; width: 100%}
.section { overflow: hidden; position: relative; display: none}
.active{display: block}
.header{position: fixed; top:0;  right: 0; width: 8%; height:100%; z-index: 1000; }
.header .sgs-nav{position: relative;  top:10%; left: 0; width: 100% }
.header .sgs-nav li{ cursor: pointer; margin-bottom: 10px; }
.header .sgs-nav a{display: block; height: 100%; line-height: 50px; font-size: 16px; color:#fff; text-align: left}
#menu .active {color:#023793; border-bottom: 1px solid #023793}
.djs-wrap .logo{left: 3%; width: 14.7%; top:3%;z-index: 10}
.djs-wrap .slogan{width:34%; left:22%; top:12%}
.djs-wrap .sec1 .build{width:100%; left:0; bottom:0%}
.djs-wrap .train{width:14.8%; left:2%; bottom:0%}
.djs-wrap .cloud{width:27.5%; left:0%; bottom:0%}
.djs-wrap  .light{width:42.8%; left:0%; top:18%}
.djs-wrap .sec1 .fly,.djs-wrap .sec2 .fly{width:12.2%; left:50%; top:5%}
.djs-wrap .ball1{width:6.5%; left:0%; top:8%}
.djs-wrap .ball2{width:7%; left:16%; top:14%}
.djs-wrap .ball3{width:6.5%; left:18%; top:74%}
.djs-wrap .ball4{width:7%; left:75%; top:12%}
.djs-wrap .sec2 .title{width:7.8%; left:41%; top:20%}
.djs-wrap .sec2 .con{width:26%; left:32%; top:28%; color: #fff;}
.djs-wrap .sec2 .con p{font-size:20px;line-height: 2.5;}
.djs-wrap .sec2 .build{width: 65%; right: 0; bottom: 0}
.djs-wrap .sec2 .train{width: 12%; left: 5%}
.djs-wrap .sec2 .light{top:27%}
.djs-wrap .sec2 .ball2{width:6%;}
.djs-wrap .sec2 .ball3{width:5%; left: 20%}
.djs-wrap .sec2 .ball4{width:6%; left: 72%}
/*岗位介绍*/
.djs-wrap .sec3 .cloud1{width:20%; left: 0%; bottom: 0}
.djs-wrap .sec3 .peo{width:28%; left:56%; bottom: 0}
.djs-wrap .sec3 .fly{left:58%; width: 12%; top:7%}
.djs-wrap .sec3 .ball1{left:5%;}
.djs-wrap .sec3 .title{top:13%}
.djs-wrap .sec3 .c_con{width: 65%;top:18%; left:8% }
.djs-wrap .c_con .left{float: left; width:11% }
.djs-wrap .c_con .right{float: right; width:86% }
.djs-wrap .c_con span{color:#fff;; cursor: pointer;}
.djs-wrap .c_con .cur{background:#36d09f; border-radius: 5px }
.djs-wrap .c_con .province,.djs-wrap .c_con .city{margin-bottom: 10px;}
.djs-wrap .c_con .city_list{padding-right:12%; width:74%;
    color: white;
    line-height: 2.2;}

/*培训发展*/
.djs-wrap .sec4 .title{width:7%; left: 8%; top:30%}
.djs-wrap .sec4 .fly{width:13.8%; left: 2%; top:17%}
.djs-wrap .sec4 .d_con1{width:17.5%; left: 12%; top:41%}
.djs-wrap .sec4 .d_con2{width:17.5%; left:29.4%; top:36%}
.djs-wrap .sec4 .d_con3{width:18%; left:46.8%; top:31%}
.djs-wrap .sec4 .line1{width:54%; left:12%; top:80%}
.djs-wrap .sec4 .line2{width:10%; left:63%; top:57%}
.djs-wrap .sec4 .cloud1{width:20%; left: 0%; bottom:0%}
.djs-wrap .sec4 .cloud2{width:32%; left:53%; bottom:0%}
.djs-wrap .sec4 .ball3{left:6%; width: 4%}
.djs-wrap .sec4 .txt{width: 90%; left:5%; top:1%}
.djs-wrap .sec4 .txt p{color: #fff;text-align: center;font-size: 18px; line-height: 40px;}
.djs-wrap .sec4 dt{color: #ff7652; line-height: 2;
    font-size: 16px;}
.djs-wrap .sec4 dd{color: #fff; line-height: 2;
    font-size: 16px;}
.djs-wrap .sec4 dl{
    margin-top: 10px;
    line-height: 2.5;
    font-size: 16px;
}
/*福利*/
/*.djs-wrap .sec5 .fly{width:13.8%; left: 2%; top:17%}*/
/*.djs-wrap .sec5 .title{width:7%; left: 8%; top:30%}*/
.djs-wrap .sec5 .cloud1{width:20%; left: 0%; bottom:0%}
.djs-wrap .sec5 .peo{width:32%; left:53%; bottom:0%}
.djs-wrap .sec5 .e_con1{width:68%; left:8%; top:34%}
.djs-wrap .sec5 .e_con2{width:17%; left:8%; top:58%}
.djs-wrap .sec5 .e_con3{width:17%; left:24%; top:58%}
.djs-wrap .sec5 .e_con4{width:17%; left:40%; top:58%}
.djs-wrap .sec5 .e_con5{width:17%; left:56%; top:58%}
.djs-wrap .title{width:7%; left: 8%; top:27%}
.djs-wrap .fly{width:13.8%; left: 2%; top:15%}
.djs-wrap .sec6 .peo{width:81%; left:0%; bottom:-4%}
.djs-wrap .sec6 .lc{width:65%; left:14%; top:28%}
.djs-wrap .sec7 .g-con{width:60%; left:18%; top:20%}
.djs-wrap .sec7 .qa-con{width:66%; left: 5%; top:5%}
.djs-wrap .sec7 dt{color: #ff7652; font-size: 18px; padding:5px 0;font-weight: bold}
.djs-wrap .sec7 dd{color: #fff; font-size: 16px; padding: 2px 0;line-height: 2;}
.djs-wrap .sec7 .peo{width:28%; left:56%; bottom:0}

/*滚动条*/
#scroller {
    position: relative;
    width: 95%;
    float: left;
    /*border-right:1px solid #7c808f;*/
    padding: 0 40px 40px 40px;
}

.container {
    height: auto;
    margin: 0 auto;
    width:90%;
    left: 0%;
    top:5%;
    position: absolute;
}

.container .div_scroll {
    width: 100%;
    height:400px;
    overflow: auto;
}

.container .scroll_container {
    overflow: hidden;
    position: relative;
}

.container .scroll_absolute {
    position: absolute;
}

.container .scroll_vertical_bar {
    position: absolute;
    top: 0;
    right: 0px;
    bottom: 0;
    width: 14px;
    height: 100%;
    background: transparent;
    margin: 0;
    padding: 0;
    opacity: 50%;
    filter:alpha(opacity = 50)
}

.container .scroll_track {
    position: relative;
    background-color: transparent;
    border: 2px solid #e37c61;
    box-sizing: border-box;
    height: 100%!important;
}

.container .scroll_drag {
    position: relative;
    top: 0;
    left: -6px;
    cursor: pointer;
    background-color: #e37c61;
    /*border-radius: 10px;*/
}

.container .scroll_arrow {
    text-indent: -20000px;
    display: block;
    cursor: pointer;
    background-color: #369DB4;
}
.container .scroll_vertical_bar .scroll_arrow {height: 0px;}
.job-list{color: #fff; width: 96%; line-height: 22px;padding-left:6%}
.job-list dl{overflow: hidden}
.job-list dt{
    background: url(../images/dj/job-bg.png) no-repeat;;height: 27px;display: inline-block;vertical-align: middle;
    margin-bottom: 15px;
    padding-left: 15px;
}
.job-list dt i{background: url(../images/dj/down.png) no-repeat;width: 16px;height: 15px;display: inline-block;vertical-align: middle;background-size: contain}
.job-list dt.act i{background-image: url(../images/dj/up.png)!important;background-size: contain;}
.job-list dt span{float: left;  height:26px;text-align: left; line-height: 26px; color:#005ea0;  margin-right: 15px;font-size: 15px;font-weight: bold}
 .post-btn{
    position: absolute;
     width: 20%;
     top:107%;
     left: 42%;

}
.job-list dd h3{color:#fff;}
.job-list dd{ margin: 10px 0; display: none; padding-left:32px;padding-right: 20px }
.job-list dd p{line-height: 2;}
.job-list dd h3{  margin-bottom: 6px;}
.job-list dd h2{  margin:15px 0 10px; font-weight: bold}
.job-list .on dd{display: block}
.job-list .on em{background:url(../img/sgs/d_arr2.png) no-repeat center 0;  }
.back-btn{width:30%; right:10%; top:2% }
.none{display: none}