.clearfix {
    zoom:1
}
.clearfix:after {
    display:block;
    content:"";
    overflow:hidden;
    height:0;
    clear:both;
    line-height:0
}
body {
    font-family:'microsoft yahei'
}
.ab_nav {
    width:1160px;
    height:84px;
    overflow:hidden;
    margin:0 auto
}

.ab_nav .nav {
    margin-left:87px;
    float:left;
    margin-top:32px
}
.ab_nav .nav li {
    float:left;
    width:72px;
    height:18px;
    font-size:18px;
    line-height:18px;
    margin-right:80px
}
.ab_nav .nav li a {
    color:#000
}
.ab_nav .s-nav {
    float:right;
    margin-right:20px;
    line-height:17px;
    margin-top:34px
}
.ab_nav .s-nav a {
    margin-left:25px;
    font-size:14px;
    font-weight:300;
    color:#8a8a8a
}
.ab-footer {
    height:100px;
    border-top:#e5e5e5 1px solid;
    text-align:center;
    font-size:16px;
    color:#b1b1b1;
    line-height:100px;
    font-family:Helvetica, Arial
}
.ab-footer span {
    font-family:Arial
}
.content {
    margin:0 auto;
    overflow:hidden
}
.content .banner {
    position:relative;
    height:580px;
    background:#f1ea00
}
.content .banner img {
    position:absolute;
    left:50%;
    margin-left:-800px;
    top:0;
    display:block;
    border:none;
    width:1600px;
    height:580px
}
.content .s-banner {
    position:relative;
    height:180px;
    background:#000
}
.content .s-banner img {
    position:absolute;
    left:50%;
    margin-left:-800px;
    top:0;
    display:block;
    border:none;
    width:1600px;
    height:180px
}
.content .slogan {
    width:1160px;
    margin:0 auto;
    color:#000;
    height:188px;
    border-bottom:#e5e5e5 1px solid;
    overflow:hidden
}
.content .slogan .tit {
    font-size:36px;
    line-height:54px;
    margin-top:50px;
    text-align:center
}
.content .slogan .des {
    font-size:16px;
    line-height:30px;
    text-align:center;
    color:#666
}
.content .c-bliks {
    overflow:hidden;
    width:1160px;
    margin:70px auto 70px
}
.content .c-bliks ul {
    width:1200px
}
.content .c-bliks ul li {
    float:left;
    width:360px;
    margin-right:40px;
    height:360px
}
.content .c-bliks ul li a {
    display:block;
    width:360px;
    height:360px;
    position:relative
}
.content .c-bliks ul li a img {
    display:block;
    border:none;
    max-width:100%
}
.content .c-bliks ul li a i {
    position:absolute;
    left:50%;
    top:50%;
    margin-top:-30px;
    margin-left:-110px;
    display:block;
    font-style:normal;
    color:#fff;
    width:220px;
    height:60px;
    border-radius:100px;
    background:#f8504c;
    text-align:center;
    line-height:58px;
    font-size:24px
}
.content .wrapper {
    padding-top:60px;
    width:1160px;
    margin:0 auto;
    overflow:hidden
}
.content .wrapper.pt0 {
    padding-top:0
}
.content .wrapper .left {
    float:left;
    width:150px;
    border-top:#2389ff 3px solid;
    padding-top:10px
}
.content .wrapper .left li a {
    font-size:18px;
    line-height:38px;
    color:#000
}
.content .wrapper .left li a.on {
    color:#2389ff
}
.content .wrapper .left li .sub a {
    color:#dcdcdc;
    font-size:14px;
    line-height:28px
}
.content .wrapper .left li .sub a.active {
    color:#000
}
.content .wrapper .right {
    float:left;
    width:910px;
    margin-left:100px;
    overflow:hidden
}
.content .wrapper .right .tit {
    height:44px;
    line-height:44px;
    color:#323232
}
.content .wrapper .right .tit .l {
    float:left;
    font-size:36px;
    margin-right:20px
}
.content .wrapper .right .tit .t {
    float:left;
    font-size:20px
}
.content .wrapper .right .name {
    color:#323232;
    font-size:18px;
    height:24px;
    line-height:24px;
    padding:15px 0 40px;
    border-bottom:#e5e5e5 1px solid
}
.content .wrapper .right .name a {
    font-size:16px;
    color:#235eb7
}
.content .wrapper .right .name.line {
    height:0;
    overflow:hidden
}
.content .wrapper .right .des {
    font-size:16px;
    line-height:30px;
    color:#5d5d5d;
    padding-top:28px
}
.content .wrapper .right .des p {
    padding-top:10px
}
.content .wrapper .right .ppjz {
    border-top:#e5e5e5 1px solid;
    margin-top:58px;
    padding-bottom:70px
}
.content .wrapper .right .ppjz .tit {
    font-size:20px;
    height:20px;
    line-height:20px;
    color:#323232;
    padding-top:60px
}
.content .wrapper .right .ppjz .ig {
    text-align:center;
    padding-top:40px
}
.content .wrapper .right .detail {
    padding-top:32px;
    overflow:hidden;
    padding-bottom:70px
}
.content .wrapper .right .detail li {
    font-size:16px;
    line-height:30px;
    margin-top:10px
}
.content .wrapper .right .detail li .d {
    float:left;
    width:90px;
    margin-right:40px;
    color:#b1b1b1
}
.content .wrapper .right .detail li .e {
    float:left;
    width:780px;
    color:#5d5d5d
}
.content .wrapper .right .legal .notice {
    border-top:#e5e5e5 1px solid;
    padding-top:40px;
    overflow:hidden;
    padding-bottom:40px
}
.content .wrapper .right .legal .notice .t {
    height:20px;
    font-size:20px;
    color:#323232;
    margin-bottom:10px;
    line-height:20px
}
.content .wrapper .right .legal .notice .t.blue {
    color:#3f77a5
}
.content .wrapper .right .legal .notice .con {
    font-size:16px;
    line-height:30px;
    color:#5d5d5d;
    padding-top:10px
}
.content .wrapper .right .legal .notice .con ul li {
    float:left;
    width:152px;
    height:50px;
    margin-right:20px;
    margin-bottom:20px
}
.content .wrapper .right .legal .notice .con ul li a {
    display:block;
    width:152px;
    height:50px
}
.content .wrapper .right .legal .notice .con ul li a img {
    display:block;
    max-width:100%;
    border:none
}
.content .wrapper .right .legal .notice .con .city {
    float:left;
    width:70px;
    height:30px;
    color:#323232;
    line-height:30px;
    margin-right:26px
}
.content .wrapper .right .legal .notice .con .contact {
    float:left;
    width:800px
}
.content .wrapper .right .legal .notice .con .contact a {
    margin-right:25px;
    color:#3f77a5
}
.content .wrapper .right .legal .notice.nob {
    border:none
}
.content .wrapper .right .legal .notice.pb18 {
    padding-bottom:18px
}
.content .wrapper .top-tab {
    border-bottom:#e5e5e5 1px solid;
    border-left:#e5e5e5 1px solid;
    width:1180px;
    margin:0 auto
}
.content .wrapper .top-tab li {
    float:left;
    width:192px;
    border-right:#e5e5e5 1px solid;
    height:96px;
    line-height:96px;
    color:#323232;
    font-size:18px;
    text-align:center;
    cursor:pointer;
    position:relative
}
.content .wrapper .top-tab li span {
    position:absolute;
    top:24px;
    right:29px;
    width:24px;
    height:24px;
    color:#fff;
    font-size:14px;
    line-height:24px;
    background-color:#f23939;
    border-radius:50%
}
.content .wrapper .top-tab li.on {
    border-bottom:#ff871d 6px solid;
    height:90px;
    color:#ff871d;
    font-size:24px
}
.content .wrapper .positions {
    border:solid 1px #e5e5e5;
    overflow:hidden;
    margin-bottom:70px;
    padding-bottom:60px;
    margin-top:20px;
    display:none
}
.content .wrapper .positions .section {
    width:980px;
    margin:0 auto;
    border-bottom:#e5e5e5 1px solid;
    position:relative;
    overflow:hidden
}
.content .wrapper .positions .section .tit {
    font-size:20px;
    line-height:20px;
    height:20px;
    color:#323232;
    padding-bottom:60px;
    padding-top:60px;
    cursor:pointer
}
.content .wrapper .positions .section .tit .tip {
    color:#f8504c;
    margin-left:20px;
    font-weight:500
}
.content .wrapper .positions .section .tit .arrow {
    position:absolute;
    right:0;
    top:64px;
    width:26px;
    height:14px;
}
.content .wrapper .positions .section .con {
    font-size:16px;
    line-height:30px;
    margin-top:10px;
    color:#5d5d5d
}
.content .wrapper .positions .section .con.mt50 {
    margin-top:50px
}
.content .wrapper .positions .section .btn-apply {
    position:absolute;
    right:0;
    bottom:60px;
    width:220px;
    height:60px;
    background-color:#f8504c;
    border-radius:100px;
    text-align:center;
    color:#fff;
    line-height:60px;
    font-size:24px
}
.content .wrapper .positions .section .btn-apply a {
    display:block;
    width:220px;
    height:60px;
    color:#fff
}
.content .wrapper .positions .section .c-wrap {
    height:0;
    overflow:hidden;
    padding-bottom:0;
    position:relative
}
.content .wrapper .positions .section.on .tit {
    padding-bottom:40px
}
.content .wrapper .positions .section.on .c-wrap {
    height:auto;
    padding-bottom:60px
}
.content .wrapper .positions .section.on .arrow {
}
