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}
#wrapper{
    width: 100%;
    height: 100%;
}
.back-btn{width:30%; right:10%; top:2% }
.bg{ position:absolute; left: 0; width: 100%; top:0}
.section { overflow: hidden; position: relative; display: none; background:#3e3590 }
.active{display: block}
.header{position: fixed; top:0;  right: 0; width: 10%; height:100%; z-index: 1000; }
.header .sxs-nav{position: relative;  top:10%; left: 0; width: 100% }
.header .sxs-nav li{ cursor: pointer; margin-bottom: 10px;}
.header .sxs-nav a{display: block; height: 100%; line-height: 50px; font-size: 16px; color:#fefefe; text-align: left}
#menu .active {color:#173cbe; border-bottom: 1px solid #173cbe;}
/*.right_bg{width:25%; top:0; right:0 }*/

.logo{left: 2%; width: 13%; top:2%}
.a_slogan{width:56%; left:13%; top:8%}
.a_txt{width: 40%; top:86%; left:21%;}
.a_ele{width: 84%; top:5%; left:2.2%;}
.a_word{width:37.5%; top:26%; left:0%;}

.b_ele{width: 83%; top:4%; left:0%;}
.b_title{width: 7.8%; top:6%; left:36%;}
.b_info{width: 52%; top:12%; left:14.5%;}
.b_slogan{width: 38.5%; top:46%; left:20%;}
.b_left{width: 7%; top:42%; left:7%;}
.b_right{width: 6.5%; top:23%; left:66%;}

.c_ele{width: 83%; top:12%; left:0;}
.c_title{width: 14%; top:11%; left:33%;}
.c_con{width: 60%; left: 12%; top:20%}
.c_tab{
    padding-left: 2%;
    overflow: hidden;
}
.c_tab li{float: left;  margin-right:0%;text-align: center; line-height: 2; width:12.2%}
.c_tab li img{display: block; width: 74%; margin: 0 auto}
.c_tab li.on{background: url(../images/sxs/c_tabbg.png) no-repeat center center; background-size: 100% 100%;}
.c_tab li a{color: #fff;}
.c_jobs_wrap,.jobs_bg{width: 100%}
.jobs_bg{top:0; left: 0}
.c_title-dt{width:60%; top:67%; left:12%;}
.c_title-btn{
    width: 16%;
    top: 83%;
    left: 32%;
}



.d_ele{width: 83%; top:4%; left:0;}
.d_title{width: 14%; top:11%; left:36%;}
.d_con1{width: 50%; top:18%; left:16%;}
.d_con2{width: 50%; top:56%; left:16%;}
.d_right{width: 7%; top:62%; left:58%;}

.e_ele{width: 83%; top:4%; left:0;}
.e_title{width: 14%; top:10%; left:36%;}
.e_title1{width: 26%; top:12%; left:0;}
.e_title2{width: 26%; top:54%; left:0;}
.e_con1{width: 60%; top:26%; left:10%;}
.e_con2{width: 61%;
    top: 58%;
    left: 9%;}
.e_right{
    width: 6%;
    top: 51%;
    left: 58%;
}

.jobs{top:20px}
.post-list{color: #fff; width: 96%; line-height: 22px;}
.sxs-wrap .post-list dt span{
    float: left;
    width: 284px;
    background: url(../images/sxs/c_title_bg.png) no-repeat 0 0;
    height:34px;
    text-align: center;
    line-height: 34px;
    color:#fff;
    margin-right:14px;
    font-size: 16px;
    font-weight: bold;
}
.post-list dt em{float: right; margin-right: 20px; width:34px; height: 34px; background: url(../images/sxs/c_arr1.png) no-repeat center center; }
.post-list dd h3{color:#fabe00;line-height: 1.8;}
.post-list dt{margin-bottom: 20px;overflow: hidden}
.post-list dl{
    margin-bottom: 10px;
    line-height: 2;
    overflow: hidden;
}
.post-list dl p{ line-height: 1.6; width: 82%}
.post-list dd{  margin-bottom: 10px; display: none; margin-bottom: 10px}
.post-list dd h3{ font-size: 16px; margin-right: 5px; color: #fff;}
.post-list .on dd{display: block}
.post-list .on em{background:url(../images/sxs/c_arr2.png) no-repeat center center;  }
/*������*/
#scroller {
    position: relative;
    width: 95%;
    float: left;
    /*border-right:1px solid #7c808f;*/
    padding: 0 40px 40px 40px;
}

.container {
    height: auto;
    margin: 0 auto;
    width:85%;
    left: 3%;
    top:6%;
    position: relative;
}

.container .div_scroll {
    width: 100%!important;
    height: 300px;
    overflow: auto;
}
.container1 .div_scroll{
    height:300px
}
.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: #4937b8;
    margin: 0;
    padding: 0;
    opacity: 1;
    filter:alpha(opacity = 100)
}

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

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

.container .scroll_arrow {
    text-indent: -20000px;
    display: block;
    cursor: pointer;
    background-color: #369DB4;
}
.container .scroll_vertical_bar .scroll_arrow {height: 0px;}
.postBtn{position: relative; width: 14%; margin: 3% auto; display: block; z-index: 100}
@media (max-width: 1500px) {
    .sxs-wrap .post-list dt span,.post-list dd h3{
        font-size: 14px;
    }
}