<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.index-body {
    width: 100%;
    max-width: 1920px;
}

.head-bar {
    background-color: #fff !important;
    color: #0F0F0F !important;
}

.head-title li .txt {
    color: #0F0F0F !important;
}


/*  */
.con {
    padding-top: .74rem /* 74/100 */;
    width: 100%;
    /* height: 1474px; */
    background-image: url(../images/jion-us/background.png);
    -o-background-size: cover;
       background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding-bottom: .4rem /* 40/100 */;
    min-height: 100vh;
}

.con .background {
    width: 100%;
    min-width: 16rem /* 1600/100 */;
}

.con .center {
    width: 80%;
    height: 100%;
    max-width: 16rem /* 1600/100 */;
    min-height: 8rem /* 800/100 */;
    padding-top: 74px;
    margin: auto;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    color: #000;
}

.con .center h1 {
    height: .85rem /* 85/100 */;
    padding: .2rem /* 20/100 */;
    border-bottom: 2px solid #323232;
    font-size: .5rem /* 50/100 */;
    font-weight: normal;
    color: #0F0F0F;
    line-height: 1.05rem /* 105/100 */;
    margin-top:0.2rem;
}

.con .center .contact {
    margin-top: .3rem /* 30/100 */;
    padding: .2rem /* 20/100 */;
    background: #FFFFFF;
    min-width: 4.45rem /* 445/100 */;
    font-size: .2rem /* 20/100 */;
    font-family: AlibabaPuHuiTiR;
    font-weight: 400;
    color: #F98700;
    border-radius: .6rem /* 60/100 */;
    margin-bottom: .5rem /* 50/100 */;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.con .center .contact div {
    min-width: 3rem /* 300/100 */;
    text-align: center;
}

@media (max-width: 960px) {
    .con .center .contact {
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}

.position-list {
    width: 80%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-bottom: .5rem /* 50/100 */;
}

.position-list li {
    width: 20%;
    text-align: center;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.position-list li .i-bg {
    width: 1rem /* 100/100 */;
    height: 1rem /* 100/100 */;
    background-color: #FFFFFF;
    border-radius: 50%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: .2rem /* 20/100 */;
    box-shadow: 0 0.09rem 0.18rem 0 rgba(0, 0, 0, 0.15);
}

.position-list li .i-bg i {
    font-size: .51rem /* 51/100 */;
}

.position-list li p {
    margin-bottom: .03rem /* 10/100 */;
    letter-spacing: .01rem /* 1/100 */;
    font-size: .18rem /* 18/100 */;
}

.con .center .code {
    width: 1.6rem /* 160/100 */;
}</pre></body></html>