html{
    /* background: url('../img/mission-bg1.png') no-repeat top center;
    background-size: auto 9.74rem; */
    background-color: #e5e5e5;
    overflow-x: hidden;
}
/* .global-nav a.ac:hover{
    color: #74ebbf !important;
} */
body{
    background: url('../img/mission/bg01.jpg') no-repeat top center;
    background-size: 15rem auto;
}
.mission-content-01{
    height: 8.31rem;
    overflow: hidden;
    /* background: url('../img/icon-inside.png') no-repeat center;
    background-size: cover; */
}
.inside-mission{
    position: absolute;
    top: 0.2rem;
    left: 5.4rem;
    width: 2.22rem;
    height: auto;
    display: block;
}
.car-mission{
    position: absolute;
    display: block;
    right: -.70rem;
    top: 1.20rem;
    width: 9.22rem;
    height: auto;
}
.mission-civilian{
    padding-top: 2.4rem;
    margin-left: 1.08rem;
    text-align: right;
    position: relative;
    width: 5.5rem;
}
.mission-civilian .text{
    font-size: .70rem;
    color: #0d286a;
    padding-bottom: .16rem;
    text-align: left;
}
.mission-civilian .ai-driver{
    font-size: .32rem;
    line-height: 1.8em;
    color: #0d286a;
    width: 5.50rem;
    margin-left: 0.1rem;
    text-align: left;
}
.mission-radius-01{
    position: absolute;
    left: .78rem;
    top: 0;
    display: block;
    width: 8.65rem;
    height: auto;
    padding-top: 1.2rem;
}
.mission-content-02{
    height: 10rem;
    /* background: url('../img/mission/bg02.png') no-repeat top center;
    background-size: cover; */
    /* margin-top: -2px; */
}
.mission-content-04 {
    height: 5.26rem;
    position: relative;
    background: #f0f5f9;
    color: #4d4d4d;
}
.mission-content-04 .text-x{
    color: #4d4d4d;
    position: absolute;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    letter-spacing: 2px;
    line-height: 1.6em;
    top: 1.68rem;
    text-align: center;
    padding: 0 1rem;
}
.mission-content-04 .text-x::after,.mission-content-04 .text-x::before{
    content: "";
    
    width: .72rem;
    height: .72rem;
    position: absolute;
    top: .3rem;
}
.mission-content-04 .text-x::after{
    left: 0rem;
    background: url(../img/mission/arr-left.png) no-repeat center;
    background-size: .52rem auto;
}
.mission-content-04 .text-x::before{
    right: 0rem;
    background: url(../img/mission/arr-right.png) no-repeat center;
    background-size: .52rem auto;
}
.mission-content-05{
    padding: .85rem 0;
    background: #FFF;
}
.mission-content-05 .kl-position{
    width: 13.30rem;
    position: relative;
    overflow: hidden;
    background: #0250fa;
    margin: 0 auto;
}
.mission-content-05 .kl-position .kl-car-content{
    width: 13.6rem;
    padding: .4rem;
    padding-bottom: .2rem;
}
.mission-content-05 .kl-position .kl-car-content .list{
    float: left;
    width: 2.67rem;
    margin-right: .6rem;
}
.kl-car-content .list .icon-name{
    font-size: 0;
    height: .6rem;
    padding-bottom: .15rem;
}
.kl-car-content .list01 .icon-name .icon{
    width: .95rem;
}
.kl-car-content .list02 .icon-name .icon{
    width: .4rem;
}
.kl-car-content .list03 .icon-name .icon{
    width: .5rem;
}
.kl-car-content .list04 .icon-name .icon{
    width: .59rem;
}
.kl-car-content .list05 .icon-name .icon{
    width: .53rem;
}
.kl-car-content .list06 .icon-name .icon{
    width: .53rem;
}
.kl-car-content .list07 .icon-name .icon{
    width: .4rem;
}
.kl-car-content .list08 .icon-name .icon{
    width: .83rem;
}
.kl-car-content .list09 .icon-name .icon{
    width: .59rem;
}
.kl-car-content .list .icon-name{
    display: flex;
    justify-content: center;
    align-items: center;
}
.kl-car-content .list10 .icon-name .icon{
    width: .63rem;
}
.kl-car-content .list .icon-name .name{
    /* display: inline-block; */
    color: #FFF;
    font-size: .21rem;
    padding-left: .1rem;
    /* float: left; */
    line-height: 1em;
}
.no-body{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.32rem;
    background: #0250fa;
    font-size: .42rem;
    width: 13.3rem;
    margin: 0 auto;
    margin-top: .1rem;
    color: #FFF;
}
.no-body img{
    height: 1.15rem;
    display: block;
    margin-right: .55rem;
}
.mission-content-05 .content-img{
    position: relative;
    overflow: hidden;
    height: 1.55rem;
    width: 2.67rem;
}
.mission-content-05 .content-img img{
    display: block;
    width: 100%;
    height: 100%;
}
.about-autox{
    float: right;
    width: 5.90rem;
    padding-top: 1.45rem;
    color: #FFF;
    margin-right: .78rem;
}
.about-autox .title{
    font-size: .4rem;
    padding-bottom: 30px;
}
.about-autox .content{
    font-size: 14px;
    line-height: 1.6em;
    letter-spacing: 2px;
    text-align: justify;
}
.mission-content-03{
    /* height: 6.52rem; */
    /* background: url('../img/mission/bg03.png') no-repeat top center;
    background-size: cover; */
    text-align: center;
    color: #FFF;
    background-color: #0250fa;
}
.safety-mission{
    font-size: .4rem;
    padding-bottom: 12px;
}
.mission-task{
    font-size: 16px;
    padding-bottom: 38px;
}
.mission-task-list{
    padding: 0 1rem;
    padding-bottom: 1.1rem;
}
.mission-task-list .title{
    font-size: 26px;
    padding-top: 30px;
    padding-bottom: 18px;
    line-height: 1em;
}
.mission-task-list .content{ 
    font-size: 14px;
    line-height: 1.8em; 
    width: 6.3rem;
    margin: 0 auto;
}
.mission-task-list .content .mini-sre{
    display: block;
}
.mission-task-list img{
    display: block;
    width: 5.76rem;
    height: 2.61rem;
    height: auto;
    margin: 0 auto;
}
.mission-task-list .safety-left,.mission-task-list .safety-right{
    width: 50%;
}
.m-inside-mission,.m-ai-driver{
    display: none;
}
@media (max-width: 1440px) {
    .mission-task-list .content{
        width: 6.3rem;
        margin: 0 auto;
    }
    .mission-content-03{
        padding-top: 1rem;
    }
}
@media (max-width: 1200px) {
    .about-autox{
        padding-top: 1rem;
    }
    .mission-content-04 .text-x{
        padding: 0;
        width: 8.3rem;
        padding: 0 1rem;
    }
    .car-mission{
        right: -1.2rem;
    }
    .mission-civilian .ai-driver{
        width: 5.1rem;
    }
    /* .about-autox .title{
        color: #000;
    } */
    .global-nav a.active{
        color: #74ebbf !important;
    }
}
/* @media (max-width: 1440px) {
    .inside-mission {
        left: 74px;
    }
    .mission-civilian {
        margin-left: 0;
        width: 349px;
    }
    .mission-civilian .text{
        font-size: 40px;
    }
    .mission-civilian .ai-driver{
        font-size: 18px;
    }
    .about-autox{
        padding-top: 220px;
        margin-right: 0;
        width: 600px;
    }
    .mission-task-list img{
        width: 490px;
    }
} */
@media screen and (max-width: 751px) {
    body{
        background: url(../img/mission/m_bg01.jpg) no-repeat top center;
        background-size: 7.5rem auto;
    }
    .inside-mission{
        display: none;
    }
    .car-mission {
        right: -.35rem;
        top: .6rem;
        width: 4.61rem;
    }
    .mission-content-01{
        height: 8rem;
        width: 7.5rem;
        position: relative;
        overflow: hidden;
    }
    .m-inside-mission{
        display: block;
    }
    .mission-civilian{
        width: 100%;
        padding-top: 0.4rem;
        margin: 0;
        text-align: center;
    }
    .mission-civilian .text{
        text-align: center;
        font-size: .68rem;
    }
    .mission-civilian .ai-driver{
        display: none;
    }
    .mission-civilian .m-ai-driver{
        display: block;
        font-size: .26rem;
        text-align: center;
        width: 100%;
        margin: 0;
    }
    .car-mission{
        top: 3.4rem;
        right: -0.85rem;
        width: 6.01rem;
    }
    
    .m-inside-mission{
        width: 2rem;
    }
    .inside-mission {
        top: 2.4rem;
        left: 0.8rem;
    }
    .mission-radius-01{
        position: absolute;
        left: 0.68rem;
        top: -2.8rem;
        width: 7.1rem;
        z-index: 9;
    }
    .mission-content-02{
        height: auto;
    }
    .about-autox{
        float: none;
        width: 100%;
        margin: 0;
        background-color: #0250fa;
        margin-top: 1.6rem;
        box-sizing: border-box;
        padding: 0 .68rem;
        padding-top: 4.4rem;
    }
    
    .safety-mission{
        padding-bottom: .22rem;
    }
    .mission-task-list .safety-left, .mission-task-list .safety-right{
        float: none;
        width: 100%;
    }
    .mission-task{
        font-size: .21rem !important;
        padding-bottom: .38rem;
        width: 4.2rem;
        margin: 0 auto;
    }
    .mission-task-list img{
        width: 6.3rem;
        height: 2.86rem;
    }
    .mission-task-list .content{
        padding-bottom: .6rem;
        /* width: 6.8rem; */
    }
    .mission-task-list .content .mini-sre{
        width: 6.9rem;
        margin-left: -0.15rem;
    }
    .mission-task-list{
        padding: 0;
        padding-bottom: .4rem;
    }
    .mission-content-04{
        height: auto;
    }
    .mission-content-04 .text-x{
        position: relative;
        top: 0;
        padding: 0 1rem;
        padding-top: 1.56rem;
        padding-bottom: 1.54rem;
        letter-spacing: 0.02rem;
        width: 5.8rem;
        font-size: .21rem !important;
    }
    .mission-content-04 .text-x::after, .mission-content-04 .text-x::before{
        content: "";
        width: 1.42rem;
        height: 1.22rem;
        position: absolute;
        top: 1.6rem;
    }
    .mission-content-04 .text-x::before,.mission-content-04 .text-x::after {
        background-size: 0.32rem auto;
    }
    .mission-content-04 .text-x::after{
        left: -0.1rem;
    }
    .mission-content-05{
        padding: .6rem 0;
    }
    .mission-content-05 .kl-position{
        width: 6.3rem;
    }
    .no-body{
        width: 6.3rem;
        height: .62rem;
        font-size: .21rem;
        margin-top: .06rem;
    }
    .no-body img{
        height: .5525rem;
        margin-right: .275rem;
    }
    .mission-content-05 .kl-position .kl-car-content{
        padding: .2rem;
        padding-bottom: .1rem;
        width: 7rem;
    }
    .mission-content-05 .content-img{
        width: 1.4rem;
        height: .76rem;
    }
    .mission-content-05 .kl-position .kl-car-content .list{
        width: 1.4rem;
        margin-right: .1rem;
    }
    .kl-car-content .list .icon-name .name{
        font-size: .13rem;
    }
    .kl-car-content .list01 .icon-name .icon{
        width: .475rem;
    }
    .kl-car-content .list02 .icon-name .icon{
        width: .2rem;
    }
    .kl-car-content .list03 .icon-name .icon{
        width: .25rem;
    }
    .kl-car-content .list04 .icon-name .icon{
        width: .295rem;
    }
    .kl-car-content .list05 .icon-name .icon{
        width: .2515rem;
    }
    .kl-car-content .list06 .icon-name .icon{
        width: .285rem;
    }
    .kl-car-content .list07 .icon-name .icon{
        width: .2rem;
    }
    .kl-car-content .list08 .icon-name .icon{
        width: .415rem;
    }
    .kl-car-content .list09 .icon-name .icon{
        width: .295rem;
    }
    .kl-car-content .list10 .icon-name .icon{
        width: .315rem;
    }
    .kl-car-content .list .icon-name{
        height: .3rem;
        padding-bottom: .05rem;
    }
    .about-autox .title{
        padding-bottom: .2rem;
    }
}