html,body{width: 100%; height: 100%; overflow: hidden;font-family: '微软雅黑'; line-height: 1.8;min-width: 1200px;
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    background: #142074;
}
img{display: block; width: 100%}
.pos-r{position: relative}
.pos-a{position: absolute}
.wrap{
    width: 100%;
    height: 100%;
}
.star1{
    width: 6%;
    top:0;
    right:34%;
}
.star2{
    width: 5%;
    top:0;
    right:-5%;
}
.star3{
    width: 7%;
    top:-10%;
    right:-10%
}
.zfs{
    width:28%;
    left: 0;
    bottom: -2%;
}
.sgs{
    width:34%;
    left: 33%;
    top: 14%;
}
.djs{
    width:31%;
    right: -2%;
    top:-4%;
}
.gys{
    width: 20%;
    right:0%;
    bottom:0%;
}
.qc{
    width: 18%;
    left: -2%;
    top: 8%;
}
.logo{
    width:12%;
    top:2%;
    left: 4%;
}
.nav{
    /*width: 40%;*/
    top:5%;
    left:50%;
}
.nav li{
    float: left;
    font-weight: bold;
    font-size: 16px;
}
.nav li a{
    color:#fabe00;
}
.nav li a:hover,.nav li .on{
    color:#fff;
}
.nav li span{
    padding: 10px;
    font-weight: normal;
    color: #b38627;
}
.hover{display: none}
.mask{display: none; position: absolute; width: 100%; height: 100%; top:0; left: 0; background: #000; opacity: 0.2; filter:alpha(opacity=20)}
.pop{display: none; position: absolute; width:20%; left: 40%; top:40% }
.cir{cursor: pointer}
.cir:hover .hover{display: block}
.cir .hover{position: absolute; width: 100%; top:0; left: 0;}
/*.zfs .hover{width: 50%; left: 15%; top:50%}*/
/*.gys .hover{width: 50%; left: 35%; top:40%}*/
/*.djs .hover{width: 50%; left: 20%; top:40%}*/
.line{width: 48%; left: 25%; top:9%}
.link{width: 32%; left: 34%; bottom:2%}
.back-btn{width:30%; right:10%; top:2% }
.cube{width: 1.6%; left: 73%; top:33%}
/*ʿ����*/
.bg{ position:absolute; left: 0; width: 100%;right: 0;top:0;bottom: 0;height: 100%;background: #0b0085;background-size: cover}
.bg img{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.section { overflow: hidden; position: relative; display: none}
.active{display: block}
.header{position: fixed; top:0;  right: 0; width: 10%; 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: #f6a301; border-bottom: 1px solid #f6a301}
.sgs-wrap .logo{left: 2%;}
.sgs-wrap .slogan{width:40%; left: 1%; top:16%}
.sgs-wrap .sec1 .build{width:80%; left: 2%; top:5%}

.sgs-wrap .sec2 .title{width:25%; left: 0; top:18% }
.sgs-wrap .sec2 .b_con{width:33%; left: 9%; top:30%}
.sgs-wrap .sec2 .b_con1{color: #ea5404;font-weight: bold;top: 5%;left: 4%;
    font-size:18px ;}
.sgs-wrap .sec2 .b_con2{color: #fff;left: 4%;top: 20%;width: 92%; }
.sgs-wrap .sec2 .b_con2 p{text-indent: 2em; font-size: 16px;line-height:2;}
.sgs-wrap .sec2 .build{left:12%;top:5%;width:77%;}

.sgs-wrap .sec3 .build1{bottom: 0; left: 0; width:26%}
.sgs-wrap .sec3 .title{width:25%; left: 0; top:18% }
.sgs-wrap .sec3 .con{width:50%; left: 24%; top:20% }
.sgs-wrap .sec3 .info1{width:92%; left: 4%; top:8%; color: #fff;font-size: 16px; line-height:1.8 }
.sgs-wrap .sec3 .info2{width:92%; left: 4%; top:50%; color: #fff;font-size: 16px; }
.sgs-wrap .sec3 .info3{width:90%; left: 4%; top:75%;color: #fff;font-size: 16px; line-height:1.8 }
.sgs-wrap .sec3 .c_btn{width: 13%; left: 38%; top:83%}

    /*�г�*/
.sgs-wrap .sec5 .title{width:19%; left: 0; top:18% }
.sgs-wrap .sec5 .build{width:36%; left: -2%; bottom:-2% }
.sgs-wrap .sec5 .lc1{width:11.8%; left: 10%; top:42% }
.sgs-wrap .sec5 .lc2{width:8.6%; left: 22%; top:34% }
.sgs-wrap .sec5 .lc3{width:15%; left:27%; top:56% }
.sgs-wrap .sec5 .lc4{width:12.6%; left: 43%; top:46% }
.sgs-wrap .sec5 .lc5{width:8.75%; left: 58%; top:30% }
.sgs-wrap .sec5 .lc6{width:14.5%; left: 68%; top:50% }

/*����*/
.sgs-wrap .sec6 .tip{left:60%; top:80%; color: #fff;
    text-align: center; margin-top: 10px; font-weight: bold}
.sgs-wrap .sec6 .title{width:26%; left: 0; top:18% }
.sgs-wrap .sec6 .map{width:34%; left: 10%; top:30% }
.sgs-wrap .sec6 .build1{width:7%; left: 75%; bottom:8%}
.sgs-wrap .sec6 .build2{width:17%; left: 0; bottom:0 }
.sgs-wrap .sec6 .build3{width:1%; left: 77%; bottom:0}
.sgs-wrap .sec6 .hb{width:7.6%; left: 31%; top:41.6% }
.sgs-wrap .sec6 .hn{width:6.25%; left: 31.5%; top:64% }
.sgs-wrap .sec6 .hd{width:6.6%; left: 32.8%; top:52.7% }
.sgs-wrap .sec6 .hz{width:5.9%; left:29%; top:55% }
.sgs-wrap .sec6 .xn{width:10%; left:20%; top:50% }
.sgs-wrap .sec6 .map-right{width:30%; left:44.5%; top:10%;
    background: url(../img/sgs/f_con.png) no-repeat center 0;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
.sgs-wrap .sec6 .map-right-bg{visibility: hidden}
.sgs-wrap .sec6 .fy{display: none;}
.sgs-wrap .sec6 .cur .fy{display: block;}
.sgs-wrap .sec6 .city img{position: absolute; width: 100%}
.map-right .list{
    width:90%;
    left:0;
    top:0;
}
.map-right .list li{
    color: #fff;
    border-bottom: 1px solid #5089e5;
    padding-bottom: 14px;
    margin-bottom: 14px;
}
.map-right .list li h4{
    font-size: 16px;
    margin-bottom: 10px;
    background: url(../img/sgs/f_dw.png) no-repeat 0 0;
    padding:10px 0 0 30px;

}
.map-right .list li p{
    padding: 3px 30px;
}
.sgs-wrap .sec6 .star1{width:3%; left: 40%; top:10% }
.sgs-wrap .sec6 .star2{width:2%; left: 60%; top:30% }
.sgs-wrap .sec6 .star3{width:2%; left: 50%; top:20% }
.sgs-wrap .sec7 .g_title{width:13%; left: 7.8%; top:15% }
.sgs-wrap .sec7 .g_con{width:54%; left: 24%; top:15% }
.sgs-wrap .sec7 .build{width:26%; left:0%; bottom:0% }
.none{display: none}
/*������*/
#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: 10%;
    top:6%;
    position: absolute;
}

.container .div_scroll {
    width: 100%;
    height: 300px;
    overflow: auto;
}
.container1 .div_scroll{
    height:600px
}
.container .scroll_container {
    overflow: hidden;
    position: relative;
}

.container .scroll_absolute {
    position: absolute;
}

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

.container .scroll_track {
    position: relative;
    background-color: transparent;
}

.container .scroll_drag {
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    background-color: #96bcf8;
    border-radius: 10px;
}

.container .scroll_arrow {
    text-indent: -20000px;
    display: block;
    cursor: pointer;
    background-color: #369DB4;
}
.container .scroll_vertical_bar .scroll_arrow {height: 0px;}
/*�����*/
.container2{left: -2%; width: 102%}
.container2 .div_scroll{height: 400px}
.sgs-wrap .sec4 .build1{width: 34%; left: 0; bottom:0}
.sgs-wrap .sec4 .build2{width: 9.5%; left: 67%; top:0}
.sgs-wrap .sec4 .build3{width: 3%; left: 56%; bottom:0}
.sgs-wrap .sec4 .cube{width: 1.6%; left: 73%; top:94%}
.sgs-wrap .d-con .left{float: left; width:13% }
.sgs-wrap .d-con .right{float: right; width:84% }
.sgs-wrap .d-con span{ padding: 2px 6px; cursor: pointer; color: #fff}
.sgs-wrap .d-con .cur{background:#36d09f; border-radius: 5px }
.sgs-wrap .d-con .province,.sgs-wrap .d-con .city{margin-bottom: 10px;}
.sgs-wrap .d-con .pro_list,.sgs-wrap .d-con .city_list{padding-right:9%; width:75%;line-height: 2.2;}
.d-con{width: 48%; left:24.8%; top:18% }
.sgs-wrap .sec4 .title{width:25%; left: 0; top:15% }
.post-list{color: #fff; width: 96%; line-height: 22px;}
.sgs-wrap .post-list dt span{float: left; width:170px; background: url(../img/sgs/d_title_bg.png) no-repeat 0 0; height:26px;
    text-align: center; line-height: 20px; color:#005ea0; margin-right:14px }
.post-list dt em{float: left; width:20px; height: 20px; background: url(../img/sgs/d_arr1.png) no-repeat center 0; }
.post-list dt .post-btn{float: right; width: 94px;margin-bottom: 8px;}
.post-list dd h3{color:#fabe00}
.post-list dd{ padding-left: 60px; margin-bottom: 10px; display: none}
.post-list dd h3{ padding-left:25px; background: url(../img/sgs/dot2.png) no-repeat 0 center;margin-bottom: 6px;}
.post-list .on dd{display: block}
.post-list .on em{background:url(../img/sgs/d_arr2.png) no-repeat center 0;  }
.qiu1{width: 2%; left: 30%; bottom: 5%; display: none}
.sgs-wrap .sec9 .build{width: 33%; left: 0; bottom: 0}
.sgs-wrap .sec9 .title{width: 26%; left: 0; top:16%}
.sgs-wrap .sec9 .i-con{width: 48%; left: 25%; top:18%}
/*qa*/
.qa-con{width: 80%; left: 5%; top:8%}
.qa-con dd{color: #fff;margin-bottom: 10px; line-height: 2;}
.qa-con dt{color: #f9bd00;margin-bottom: 10px;font-size: 16px;}
.i-code{width:12%;margin:0 auto 10px;}
.sgs-wrap .sec9 .cube{width: 1.6%; left: 73%; top:94%}
/*��ѵ��չ*/
.sgs-wrap .sec8 .title{width: 26%; left: 0; top:14%}
.sgs-wrap .sec8 .build1{width: 10%; left: 0; bottom: 0}
.sgs-wrap .sec8 .build2{width: 9%; left:53%; bottom: 0}
.sgs-wrap .sec8 .build3{width: 12.5%; left:68%; bottom: 0}
.sgs-wrap .sec8 .build4{width: 7%; left: 77%; bottom: 0}
.sgs-wrap .sec8 .h_con1{width: 48%; left: 25%; top: 18%}
.sgs-wrap .sec8 .h_con2{width: 65%; left: 9%; top:39%}
.sgs-wrap .sec8 .h_con3{width: 65%; left: 9%; top:79%}

.right_bg{width:25%; top:0; right:0 }


/*培训发展*/
.pxfz_con1{color: #fff;margin-bottom: 10px; line-height: 2;width: 90%;left: 5%;top: 19%;}
.pxfz_con2{color: #fabe00;top: -7%;left: 0%;}
.pxfz_con3{color: #b9dcff;top: 35%;}
.pxfz_con4{color: #fff;top: 19%;font-weight: bold;font-size: 16px;}
.con3lf1{left: 4.5%;width: 22%;}
.con3lf2{left: 41%;width: 21%;}
.con3lf3{left: 76%;width: 21%;}

/*薪酬发展*/
.xcfz_con{color: #fff;width: 83%;top: 33%;left: 17%; line-height: 2}
.xcfla1{color: #fabe00;left: 12%;top: 19%;}
.xcfla2{color: #fff;left: 29%;top: 19%;}
.xcfla3{color: #fff;left: 55%;top: 19%;}
.xcfla4{color: #fff;left: 77.5%;top: 19%;}

.xcflb1{color: #fabe00;left: 20%;top: 34%;}
.xcflb2{color: #fff;left: 20%;top: 38%;}

.xcflc1{color: #fabe00;left: 20%;top: 52%;}
.xcflc2{color: #fff;left: 20%;top: 56.5%;width: 71%;line-height: 1.5 !important;}

.xcfld{color: #fff;;top: 80%;width: 80%;left: 10%;}

.sec11 .build{width:35%; bottom: 0; left: 0 }
.sec11 .title,.sec12 .title,.sec13 .title{width:25.5%;top:14%; left: 0 }
.sec11 .bg1,.sec12 .bg1,.sec13 .bg1{width:48%;top:17.5%; left: 25% }
.sec11 .bg2,.sec12 .bg2,.sec13 .bg2{width:48%;top:55%; left: 25% }
.sec12 .bg2{top:50%}

.sec11 h2,.sec12 h2,.sec13 h2{top:-3%; left:3%; color: #ea5404;font-size: 18px;}
.sec11 p,.sec11 dl{ color: #fff;top:8%; left: 3%; width: 92%;font-size: 16px; line-height:1.8}
.sec11 .bg2 p{top:18%;}
.sec11 dl dt,.sec11 dl dd{font-size: 16px; line-height: 2}
.sec11 dl dd{padding-left: 20px; background: url(../img/sgs/dot1.png) no-repeat 0 0px;}
.sec12 .build1,.sec13 .build1{width:25%; bottom: 0; left: 0}
.sec12 .build2{width:23%; bottom: 0; left:60%}
.sec12 p,.sec13 .schedule li,.sec13 .bg2 p{color: #fff;font-size: 16px; line-height:1.8}
.sec12 .bg2 p{top:18%; left: 3%; width: 92%}
.sec12 .bg2 p span{color: #ea5404; }
.sec12 .gw1{left: 12%; top:30%}
.sec12 .gw2{left:11%; top:46%}
.sec12 .gw3{left: 54%; top:46%}
.sec12 .gw4{left: 11%; top:74%}
.sec12 .gw5{left: 54%; top:17%}
.sec12 .p_btn{width:11%; left: 25%; top:72% }
.sec11 .bg2{top:60%}
.sec13 .bg2{top:17.5%}
.sec13 .schedule{top:5%; left: 3%; width: 92%}
.sec13 .build2,.sec11 .build2{top:80%; left: 73%; width:2%}
.sec13 .build3,.sec11 .build3{top:60%; left: 76%; width:1.5%}
.star{top:35%; left: 79%; width:4%}
.star5{top:40%; left: 9%; width:4%}

.sec13 .lc{top:4%; left: 3%; width: 92%}
.sec13 .lc .lct{width: 98%}
/*.sec13 .schedule li{font-size: 14px; padding-left: 28px; background: url(../img/sgs/q_icon.png) no-repeat 0 0; margin: 2% 0;}*/
.sec13 .schedule li{font-size: 14px; padding-left: 28px;  margin: 1% 0;}
.sec13 .schedule .green,.sec13 .lc span{
    color:#55ebb1;
    font-size: 16px;
}
.sec13 .schedule .green{margin-right: 10px}
.sec13 .lc p{margin: 2% 0;}