.join-container {
    margin-top: 50px
}

.join-container .careers--articles .careers--subtitle {
    font-size: 24px
}

.join-container .careers--articles .careers_article {
    /*border: 1px solid #e9e9e9;*/
    border-radius: 3px;
    position: relative;
    text-align: center;
    padding: 30px 5px 20px;
    /*border-top: 1px solid #e9e9e9;*/
    margin-bottom: 10px;


}

.index-container .service_item .fonticon{
    display: block;
    text-align: center;
    vertical-align: middle;
    /*height: 69px;*/
    margin: 0px auto;
    display: table-cell;

}

.join-container .am-g{align-items:center; display: -webkit-flex;justify-content:center; display: -webkit-flex;}
.kt1{background:url("../images/yanjiu1.jpg") center top;width:265px; height:274px;}
.kt2{background:url("../images/yanjiu2.jpg");width:313px; height:296px;margin: 0px auto;}
.kt3{background:url("../images/yanjiu3.jpg");width:416px; height:191px;margin: 0px auto;}
.kt4{background:url("../images/yanjiu4.jpg");width:487px; height:289px;margin: 0px auto;}
.kt5{background:url("../images/yanjiu5.jpg");width:478px; height:268px;margin: 0px auto;}
.kt6{background:url("../images/yanjiu6.jpg");width:267px; height:325px;margin: 0px auto;}
.kt7{background:url("../images/yanjiu7.jpg");width:300px; height:301px;margin: 0px auto;}

.ab1{background:url("../images/ab1.jpg") center top;width:242px; height:190px;}
.ab2{background:url("../images/ab2.jpg") center center;width:589px; height:270px;margin: 0px auto;}
.ab3{background:url("../images/ab3.jpg") center no-repeat; height:388px; margin-top: 160px}
.ab4{background:url("../images/ab4.jpg") center center;width:684px; height:473px;margin: 0px auto;}
.ab5{background:url("../images/ab5.jpg") center center;width:300px; height:224px;margin: 0px auto;}
.ab6{background:url("../images/ab6.jpg") center center;width:400px; height:224px;margin: 0px auto;}

.careers_article--text a{color: #999999;}
.join-container .careers--articles .careers_article .careers_article--title {
    font-size: 40px;
    margin-top: 5px;
    margin-bottom: 35px;
    font-weight: normal;
    letter-spacing:10px;
    color: #000000;

}
.join-container .careers--articles .careers_article .zizhi {
    height: 180px;
}
.lpd{min-height: 124px;}
/*.am-u-md-2{ position: relative; padding-right: 0; padding-left: 0;}*/

.join-container .careers--articles .careers_article .careers_article--text {
    font-size: 18px;
    line-height: 40px;
    color: #999999;
    text-align: left;
    padding-left: 20px;

}

.join-container .careers--articles .careers_article .about_line{
    line-height: 20px;
}
.join-container .careers--articles .careers_article .about_line2 p{
    text-indent: 2em;
    line-height: 20px;
}
.join-container .careers--articles .careers_article .zizhi2 {
    line-height: 24px;
    padding-left: 0;

}
.join-container .careers--articles .careers_article .rjzl p span {
    float:right;
    margin-right: 35px;

}
.careers_article--text h4{color: #000000; text-indent: 2em;}

.join-container .careers--articles .careers_article .careers_article--footer .link:after {
    content: "\f178";
    margin-left: 4px
}

.join-container .careers--subtitle {
    font-size: 24px
}

.join-container .am-panel-hd{
    height: 60px;
    line-height: 60px;
}
.join-container .careers--vacancies .am-panel-title {
    color: #34c1e4;
    font-size: 16px;
    cursor: pointer;
    /* padding: 13px 15px;
     position: relative;*/
    height: 50px;
    line-height: 50px;
    padding: 0;
    margin: 0;
    float: left;
}
.panel-time{float:right;height: 50px; line-height: 50px;}
.am-panel-hd span.titlel {
    /*content: '';*/
    display: inline-block;
    /*position: absolute;*/
    width: 3px;
    height: 36px;
    background: #34c1e4;
    margin-top: 5px;
    float:left;
    margin-right: 5px;
    /*left: 0;
    top: 15%;
    transform: translate(0, -50%)*/
}
.join-container .careers--vacancies .am-panel-title:nth-of-type(2):before {
    background: #ffbf57
}
.about-section{padding-top:0px;}
.join-container .careers--articles .careers_article .about_article--text {
    font-size: 18px;
    line-height: 40px;
    color: #999999;
    text-align: left;
    padding-left: 20px;
    text-indent: 2em;

}
.zizhidisplay{display: none}
@media screen and (max-width: 1280px) {
    .join-container .careers--articles .keti1  p{
         padding-left: 40px;
     }
    .join-container .careers--articles .keti1 .careers_article--title{
        padding-left: 40px;
    }
    .join-container .careers--articles .careers_article .careers_article--title{letter-spacing:5px;}
}
@media screen and (max-width: 800px) {
    .join-container .careers--articles{
        margin: 0 auto;
        width:98%;
    }
    .join-container .careers--articles .careers_article {
        border: 1px solid #e9e9e9;
        border-radius: 3px;
        text-align: center;
        padding: 30px 5px 20px;
        border-top: 1px solid #e9e9e9;
        margin-bottom: 10px;

    }
    .re1{display: none}
    .re7{width:75%}
    .re8{width:100%; text-align: left;margin-left: 20px;}
    .re9{width:100%;}
    .zizhidisplay{display: block}
    .section .section--header .section--title {
        font-size: 18px;
    }
    .join-container .careers--articles .careers_article .careers_article--title {
        font-size: 18px;
        padding-left: 0;
    }
    .section .section--header .section--description {
        font-size: 16px;
    }
    .join-container .careers--articles .keti1 p {
        padding-left: 0px;
    }
    .join-container .careers--articles .careers_article .careers_article--text{
        font-size:16px;
        line-height: 24px;
    }
.careers_article img{max-width: 100%;}

}
@media screen and (max-width: 360px) {
    .careers_article .am-u-md-2{width:10%;}
    .careers_article .am-u-md-2 .fonticon{display: none;}

}