.logo-nav {
    width: 10vw;
    /*margin-left: 7.3vw;*/
    cursor: pointer;
}

.nav-bar {
    width: 90%;
    border-top: 0.5px solid #999;
}

.about-us {
    font-size: 1.1vw;
    color: #666;
    font-weight: bold;
    padding-bottom: 0.5vw;
}

.sub-item {
    font-size: .9vw;
    font-weight: 500;
    text-align: center;
    width: 6vw;
    color: #666;
    font-weight: bold;
}

.item-img {
    height: 1.3vw;
    width: 5vw;
    background-size: 100% 100%;
    cursor: pointer;
    transition: .1s;
}

.left-bar {
    width: 100%;
    height: 2.8vw;
}

.small-bar {
    width: 9vw;
    height: 100%;
}

.header-banner {
    width: 100%;
    height: 22.03vw;
}

.hb-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: -15px;
    padding-right: -15px;
}

.header-title {
    font-size: 3.5vw;
    font-weight: 700;
    line-height: 1.14;
    color: #333;
}

.header-subtitle {
    width: 40vw;
    margin-top: 1.2vw;
    font-size: 1.3vw;
    font-weight: 400;
    font-style: normal;
    line-height: 1.31;
    color: #000;
}

.header-title,
.header-subtitle {
    margin-left: 7.3vw;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
}

.header-title-frame {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 27.4vw;
}

.header-banner {
    width: 100%;
    height: 22.03vw;
    background-size: 100% 130%;
    background-position: 0 70%;
}

.banner-bar img,
.header-image {
    width: 100%;
    height: 100%;
}

.mobile-page-header {
    display: block;
    width: 100vw;
    height: auto;
}

.hb-md-12 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 100%;
    margin-left: -15px;
}

.left-bar {
    width: 100%;
    height: 2.8vw;
}

.small-bar {
    width: 9.6vw;
    height: 100%;
}

.mobile-header-heading {
    width: 100%;
    height: 43.2vw;
    padding-top: 7.68vw;
    padding-left: 9vw;
}

.pc-show {
    display: block;
}

.mobile-show {
    display: none;
}

.footer-frame {
    background-color: #fff;
}


/*************footer************************/
/*
.back-top-container {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-bottom: .5px solid #b0b0b0;
    height: 4.9vw;
    margin-bottom: 1.5vw;
}

.v-select.customize .vs__selected {
    font-size: 1vw;
    margin: 0;
    padding: 0;
    position: absolute;
}

.global-btn {
    background-color: transparent;
    width: 1vw;
    height: 1vw;
    padding: 0;
    border: none;
    margin-left: 1vw;
    cursor: pointer;
}

.select-container {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: .9vw;
}

.vs__actions {
    display: flex;
    align-items: center;
    padding: 4px 6px 0 10px;
}

.site-map {
    width: 47vw !important;
    align-items: center;
    align-content: center;
}

.site-map,
.footer-item {
    font-weight: 500;
    font-size: 1vw;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.15;
    letter-spacing: normal;
    color: #000;
    text-align: center;
    cursor: pointer;
}

.item-hover {
    color: #666!important;
    transition: .4s;
}

.footer-container,
.site-map {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer-tools {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 40vw;
    justify-content: space-between;
    font-weight: 400;
    font-size: 1vw;
    PADDING-TOP: 1VW;
}

.tool-items {
    width: 14vw;
    display: flex;
    justify-content: space-between;
    font-weight: 400;
    font-size: 1vw;
    WIDTH: 53%;
    PADDING-LEFT: 9VW;
}

.social-items {
    display: flex;
    margin-left: 3vw;
    width: 40%;
    justify-content: space-between;
}

.footer-tools,
.social-items,
.tool-items a {
    color: #000;
}

.social-items li img {
    width: 1.6vw;
    height: 1.6vw;
}

*/
/*****************/
/*
.m-site-map {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: 4.693vw;
}

.footer-item-2 {
    cursor: pointer;
    width: 50%;
    margin-top: 2.6vw;
    color: #fff!important;
    text-align: left;
    padding-left: 2vw;
    font-weight: 300;
    font-size: 4vw;
}

.m-select-container {
    width: 100%;
    height: 15vw;
    border-bottom: 1px solid #fff;
    font-weight: 300;
    font-size: 4vw;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.15;
    letter-spacing: normal;
    color: #fff;
    padding-left: 2vw;
}

.m-footer-tools {
    width: 100%;
    font-weight: 300;
    font-size: 4vw;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.15;
    letter-spacing: normal;
    color: #fff;
    padding-left: 2vw;
}

.term-of-use {
    padding: 4.693vw 0;
    line-height: 8vw;
    display: flex;
    justify-content: flex-start;
    color: #fff;
}

.footer-item-2 a {
    color: #fff;
}

.m-select-container span a {
    color: #fff;
}

.term-of-use li a {
    color: #fff;
}

.term-of-use li+li {
    margin-left: 3.2vw;
}

.m-social-items li+li {
    margin-left: 3.2vw;
}

.m-social-items {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    font-weight: 400;
    font-size: 3.467vw;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.15;
    letter-spacing: normal;
    padding: 0vw 0;
}

.m-social-items li img {
    width: 8vw;
    height: 8vw;
}
*/

/***************************/
/*
.culture_company {
    margin: 0 auto;
    width: 88%;
}

.mt-8 {
    margin-top: 8vw;
}

.culture_company-bg-w {
    margin: 0 auto;
    width: 86%;
}

.culture-item {
    height: 32vw;
    margin: 0 auto;
    transition: all .6s;
    box-sizing: border-box;
    position: relative;
    width: 98%;
    position: relative;
}

.culture-item h2 {
    color: #fff;
    width: 100%;
    font-weight: 700;
    font-size: 2.24vw;
    line-height: 1.3;
       margin: 0 0 1vw;
    padding-top: 3.5vw;
    padding-left: 20px;
    box-sizing: border-box;
}

.culture-item p {
    display: none;
    padding: 0 6%;
    height: 12.5vw;
    font-weight: 400;
    font-size: 1.08vw;
    color: #fff;
    text-align: left;
    line-height: 1.5;
    margin: 0 auto;
    top: 30%;
    box-sizing: border-box;
}

.culture-item:hover p {
    display: block
}

.culture-item a {
    position: absolute;
    font-weight: 400;
    font-size: .9vw;
    color: #fff;
    line-height: 1.41;
    bottom: 2vw;
    right: 1vw;
    padding: .6vw 1vw;
}

.culture-item a:hover {
    text-decoration: none;
    background-color: #fff;
    color: #000;
    border-radius: 30px;
}

.company-green {
    background-image: url("/?originalUrl=https%3A%2F%2Fwebapi.adata.com%2Fimages%2Fgreen.26d6e2c.png");
    background-size: cover;
}

.company-green:hover {
    background-image: linear-gradient(90deg, #3cd56b, #3cd56b) !important;
}

.company-hotpink {
    background-image: url("/?originalUrl=https%3A%2F%2Fwebapi.adata.com%2Fimages%2Fhotpink.c999e4b.png") !important;
    background-size: cover !important;
}

.company-hotpink:hover {
    color: #fff;
    background-image: linear-gradient(90deg, #fd617b, #fd617b) !important;
}

.company-blue {
    background-image: url("/?originalUrl=https%3A%2F%2Fwebapi.adata.com%2Fimages%2Fblue.999eb01.png") !important;
    background-size: cover !important;
}

.company-blue:hover {
    background-image: linear-gradient(90deg, #2ab6e2, #2ab6e2) !important;
    color: #fff;
}

.company-yellow {
    background-image: url("/?originalUrl=https%3A%2F%2Fwebapi.adata.com%2Fimages%2Fyellow.ab3171a.png") !important;
    background-color: rgba(0, 0, 0, .6);
    background-size: cover !important;
}

.company-yellow:hover {
    background-image: linear-gradient( 90deg, #f4c703, #f4c703) !important;
    color: #fff;
}

.hr-title h1 {
    margin: auto;
    padding-top: 5vw;
    padding-bottom: 3vw;
    font-size: 3.5vw;
    font-weight: 700;
    color: #616161;
}

.hr-title h2 {
    margin: auto;
    padding-top: 5vw;
    padding-bottom: 3vw;
    font-size: 2.5vw;
    font-weight: 700;
    color: #616161;
    text-align: center;
}

.hr-title-2 {
    margin-bottom: 2vw;
}

.hr-title-2 h2 {
    margin: auto;
    padding-top: 5vw;
    padding-bottom: 3vw;
    font-size: 2.5vw;
    font-weight: 700;
    color: #616161;
    text-align: center;
}

.hr-title-2 h3 {
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.14;
    color: #616161;
    padding-top: 0rem;
}

.hr-title-2 p {
    width: 40vw;
    margin-top: 1.2vw;
    font-size: 1.5vw;
    font-weight: 400;
    font-style: normal;
    line-height: 1.31;
    color: rgb(95, 95, 95);
}

.hr-title-3 {
    margin-bottom: 2vw;
}

.hr-title-3 h3 {
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.14;
    color: #616161;
}

.hr-title-3 p {
    margin-top: 1.2vw;
    font-size: 1.5vw;
    font-weight: 400;
    font-style: normal;
    line-height: 1.31;
    color: rgb(95, 95, 95);
}

.culture-item-2 {
    height: 25vw;
    margin: 0 auto;
    transition: all .6s;
    box-sizing: border-box;
    position: relative;
    width: 98%;
    position: relative;
}

.culture-item-2 h2 {
    color: #fff;
    width: 100%;
    font-weight: 700;
    font-size: 2.24vw;
    line-height: 1.3;
    margin: 0 0 1vw;
    padding-top: 3.5vw;
    padding-left: 20px;
    box-sizing: border-box;
}

.culture-item-2 p {
    display: none;
    padding: 0 6%;
    height: 12.5vw;
    font-weight: 400;
    font-size: 1.08vw;
    color: #fff;
    text-align: left;
    line-height: 1.5;
    margin: 0 auto;
    top: 30%;
    box-sizing: border-box;
}

.culture-item-2:hover p {
    display: block
}

.culture-item-2 a {
    position: absolute;
    font-weight: 400;
    font-size: .9vw;
    color: #fff;
    line-height: 1.41;
    bottom: 2vw;
    right: 1vw;
    padding: .6vw 1vw;
}

.culture-item-2 a:hover {
    text-decoration: none;
    background-color: #fff;
    color: #000;
    border-radius: 30px;
}

.company-green-2 {
    background-image: url("/?originalUrl=https%3A%2F%2Fwebapi.adata.com%2Fimages%2Fhr_join_01.jpg");
    background-size: cover;
}

.company-green-2:hover {
    background-image: linear-gradient(90deg, #3cd56b, #3cd56b) !important;
}

.company-hotpink-2 {
    background-image: url("/?originalUrl=https%3A%2F%2Fwebapi.adata.com%2Fimages%2Fhr_join_02.jpg") !important;
    background-size: cover !important;
}

.company-hotpink-2:hover {
    color: #fff;
    background-image: linear-gradient(90deg, #fd617b, #fd617b) !important;
}

.company-blue-2 {
    background-image: url("/?originalUrl=https%3A%2F%2Fwebapi.adata.com%2Fimages%2Fhr_join_03.jpg") !important;
    background-size: cover !important;
}

.company-blue-2:hover {
    background-image: linear-gradient(90deg, #2ab6e2, #2ab6e2) !important;
    color: #fff;
}

.company-join {
    background-color: rgb(224, 224, 224);
    height: 25vw;
    margin-top: 2vw;
    margin-bottom: 2vw;
    padding-top: 2vw;
}

.spped-item {
    height: auto;
    margin: 0 auto;
    margin-top: 2.5vw;
    transition: all .6s;
    box-sizing: border-box;
    position: relative;
    width: 98%;
}

.spped-item h2 {
    color: #fff;
    width: 100%;
    font-weight: 700;
    font-size: 2vw;
    line-height: 1.3;
    text-align: center;
    margin: 0 0 1vw;
    padding-top: 2.5vw;
    padding-bottom: 1.5vw;
    box-sizing: border-box;
}

.bg-blue {
    background-color: #2ab6e2;
}

.bg-yellow {
    background-color: #f4c703;
}

.bg-pink {
    background-color: #fd617b;
}

.bg-green {
    background-color: #3cd56b;
}

.learn-1 {
    height: 80px;
    background-color: #f3c702;
    font-size: 1.5vw;
    color: #FFF;
    text-align: center;
    padding-top: 20px;
    margin: 5px;
    font-weight: 700;
    width: 19%;
}

.learn-2 {
    background-color: #3cd56b;
    margin: 5px;
    height: 215px;
    padding-top: 30px;
    width: 25%;
}

.learn-3 {
    background-color: #2cb5e2;
    margin: 5px;
    height: 215px;
    padding-top: 30px;
    width: 48%;
}

.learn-4 {
    background-color: #fe617b;
    margin: 5px;
    height: 215px;
    padding-top: 30px;
    width: 25%;
}

.learn-2 h5,
.learn-3 h5,
.learn-4 h5 {
    font-size: 3.5vw;
    color: #FFF;
    text-align: center;
    font-weight: 700;
}

.jt h2 {
    font-size: 2.5vw !important;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

.jt-p {
    display: block;
    padding-right: -15px !important;
    padding-left: -15px !important;
}

.job-t-1 {
    background-color: #3cd56b;
    margin: 5px;
    height: 215px;
    padding-top: 13px;
    font-size: 2.24vw;
    font-weight: 700;
    color: #fff;
    height: 80px;
    text-align: center;
}

.job-t-2 {
    background-color: #fe617b;
    margin: 5px;
    height: 215px;
    padding-top: 13px;
    font-size: 2.24vw;
    font-weight: 700;
    color: #fff;
    height: 80px;
    text-align: center;
}

.job-t-3 {
    background-color: #2cb5e2;
    margin: 5px;
    height: 215px;
    padding-top: 13px;
    font-size: 2.24vw;
    font-weight: 700;
    color: #fff;
    height: 80px;
    text-align: center;
}

.job-t-4 {
    background-color: #f3c702;
    margin: 5px;
    height: 215px;
    padding-top: 13px;
    font-size: 2.24vw;
    font-weight: 700;
    color: #fff;
    height: 80px;
    text-align: center;
}

.pt-h50 {
    padding-top: 9vw;
}

.award-item h2 {
    color: #616161;
    width: 100%;
    font-weight: 700;
    font-size: 2vw;
    line-height: 1.3;
    text-align: center;
    margin: 0 0 1vw;
    padding-top: 2vw;
    padding-bottom: 1vw;
    box-sizing: border-box;
}

.award-item p {
    color: rgb(95, 95, 95);
    font-size: 1.5vw;
    text-align: center;
    padding-bottom: 5vw;
}*/

@media (min-width: 280px) {
    .pc-show {
        display: none;
    }
    .mobile-show {
        display: block;
    }
    .logo-nav {
        width: 30vw;
        cursor: pointer;
    }
     
    .item-img {
        height: 4.3vw;
        width: 17vw;
        background-size: 100% 100%;
        cursor: pointer;
        transition: .1s;
    }

    /*
    .header-banner-2 {
        height: 44.03vw;
        background-size: 100% 130%;
        background-position: 0 70%;
    }
    .header-title {
        width: 86vw;
        margin-left: 0;
        font-size: 7vw;
        font-weight: 700;
        font-stretch: normal;
        line-height: 1.14;
        letter-spacing: normal;
        text-align: left;
        color: #333;
    }
    .header-subtitle {
        margin-left: 0;
        font-size: 4vw;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
        text-align: left;
        width: 81.1vw;
        height: 15.7vw;
        margin-top: 3vw;
        font-weight: 400;
        line-height: 1.31;
        color: #707070;
    }
    .page-header {
        display: none;
    }
    /******************/
    /*
    .hr-title h1 {
        margin: auto;
        padding-top: 10vw;
        padding-bottom: 0vw;
        font-size: 6.5vw;
        font-weight: 700;
        color: #616161;
    }
    .hr-title h2 {
        margin: auto;
        font-size: 6.5vw;
        font-weight: 700;
        color: #616161;
        text-align: center;
        padding: 7vw;
    }
    .hr-title-2 h2 {
        margin: auto;
        font-size: 5.5vw;
        font-weight: 700;
        color: #616161;
        text-align: center;
        padding: 7vw;
    }
    .hr-title-2 h3 {
        font-size: 5.5vw;
        font-weight: 700;
        line-height: 1.14;
        color: #616161;
        padding-top: 0rem;
    }
    .hr-title-2 p {
        width: 100%;
        margin-top: 1.2vw;
        font-size: 4vw;
        font-weight: 400;
        font-style: normal;
        line-height: 1.31;
        color: rgb(95, 95, 95);
    }
    .award-item h2 {
        color: #616161;
        width: 100%;
        font-weight: 700;
        font-size: 6vw;
        line-height: 1.3;
        text-align: center;
        margin: 0 0 1vw;
        padding-top: 2vw;
        padding-bottom: 1vw;
        box-sizing: border-box;
    }
    .award-item p {
        color: rgb(95, 95, 95);
        font-size: 5.5vw;
        text-align: center;
        padding-bottom: 5vw;
    }
    .hr-title-3 h3 {
        font-size: 6.5vw;
        font-weight: 700;
        line-height: 1.14;
        color: #616161;
    }
    .hr-title-3 p {
        margin-top: 1.2vw;
        font-size: 4.5vw;
        font-weight: 400;
        font-style: normal;
        line-height: 1.31;
        color: rgb(95, 95, 95);
    }
    .learn-1 {
        height: 70px;
        background-color: #f3c702;
        font-size: 5.5vw;
        color: #FFF;
        text-align: center;
        padding-top: 20px;
        margin: 5px;
        font-weight: 700;
        width: 100%;
    }
    .learn-2 {
        background-color: #3cd56b;
        margin: 5px;
        height: 100px;
        padding-top: 30px;
        width: 100%;
    }
    .learn-3 {
        background-color: #2cb5e2;
        margin: 5px;
        height: 100px;
        padding-top: 30px;
        width: 100%;
    }
    .learn-4 {
        background-color: #fe617b;
        margin: 5px;
        height: 100px;
        padding-top: 30px;
        width: 100%;
    }
    .learn-2 h5,
    .learn-3 h5,
    .learn-4 h5 {
        font-size: 5.5vw;
        color: #FFF;
        text-align: center;
        font-weight: 700;
    }
    .jt h2 {
        font-size: 5.5vw !important;
        font-weight: 700;
        color: #fff;
        text-align: center;
        margin-top: 4vw;
    }
    .culture-item {
        height: 90vw;
        margin: 0 auto;
        transition: all .6s;
        box-sizing: border-box;
        position: relative;
        width: 98%;
        position: relative;
    }
    .culture-item h2 {
        font-size: 6.24vw;
        margin-top: 2VW;
    }
    .culture-item-2 {
        height: 60vw;
        margin: 0 auto;
        transition: all .6s;
        box-sizing: border-box;
        position: relative;
        width: 98%;
        position: relative;
        margin-top: 2vw;
    }
    .culture-item-2 h2 {
        color: #fff;
        width: 100%;
        font-weight: 700;
        font-size: 6.24vw;
        line-height: 1.3;
        margin: 0 0 1vw;
        padding-top: 3.5vw;
        padding-left: 20px;
        box-sizing: border-box;
    }
    .company-join {
        background-color: rgb(224, 224, 224);
        height: 86vw;
        margin-top: 2vw;
        margin-bottom: 2vw;
        padding-top: 8vw;
        width: 77%;
    }
}
*/
@media (min-width: 768px) {

    .pc-show {
        display: none;
    }
    .mobile-show {
        display: block;
    }
    .item-img {
        height: 3.0vw;
        width: 12vw;
        background-size: 100% 100%;
        cursor: pointer;
        transition: .1s;
    }
    .logo-nav {
        width: 16vw;
        cursor: pointer;
    }

    /*
    .hr-title h1 {
        margin: auto;
        padding-top: 5vw;
        padding-bottom: 3vw;
        font-size: 4.5vw;
        font-weight: 700;
        color: #616161;
    }
    .hr-title h2 {
        margin: auto;
        padding-top: 5vw;
        padding-bottom: 3vw;
        font-size: 3.5vw;
        font-weight: 700;
        color: #616161;
        text-align: center;
    }
    .hr-title-2 h2 {
        margin: auto;
        padding-top: 5vw;
        padding-bottom: 3vw;
        font-size: 3.5vw;
        font-weight: 700;
        color: #616161;
        text-align: center;
    }
    .hr-title-2 h3 {
        font-size: 3.5vw;
        font-weight: 700;
        line-height: 1.14;
        color: #616161;
        padding-top: 0rem;
    }
    .hr-title-2 p {
        width: 100%;
        margin-top: 1.2vw;
        font-size: 2.5vw;
        font-weight: 400;
        font-style: normal;
        line-height: 1.31;
        color: rgb(95, 95, 95);
    }
    .award-item h2 {
        color: #616161;
        width: 100%;
        font-weight: 700;
        font-size: 2vw;
        line-height: 1.3;
        text-align: center;
        margin: 0 0 1vw;
        padding-top: 2vw;
        padding-bottom: 1vw;
        box-sizing: border-box;
    }
    .award-item p {
        color: rgb(95, 95, 95);
        font-size: 1.5vw;
        text-align: center;
        padding-bottom: 5vw;
    }
    .hr-title-3 h3 {
        font-size: 3.8vw;
        font-weight: 700;
        line-height: 1.14;
        color: #616161;
    }
    .hr-title-3 p {
        margin-top: 0.8vw;
        font-size: 2vw;
        font-weight: 400;
        font-style: normal;
        line-height: 1.31;
        color: rgb(95, 95, 95);
    }
    .pt-h50 {
        padding-top: 4vw;
    }
    .hr-title h1 {
        margin: auto;
        padding-top: 5vw;
        padding-bottom: 3vw;
        font-size: 4.5vw;
        font-weight: 700;
        color: #616161;
    }
    .learn-1 {
        height: 60px;
        background-color: #f3c702;
        font-size: 1.5vw;
        color: #FFF;
        text-align: center;
        padding-top: 20px;
        margin: 5px;
        font-weight: 700;
        width: 18%;
    }
    .learn-2 {
        background-color: #3cd56b;
        margin: 5px;
        height: 115px;
        padding-top: 30px;
        width: 25%;
    }
    .learn-3 {
        background-color: #2cb5e2;
        margin: 5px;
        height: 115px;
        padding-top: 30px;
        width: 45%;
    }
    .learn-4 {
        background-color: #fe617b;
        margin: 5px;
        height: 115px;
        padding-top: 30px;
        width: 25%;
    }
    .learn-2 h5,
    .learn-3 h5,
    .learn-4 h5 {
        font-size: 2.5vw;
        color: #FFF;
        text-align: center;
        font-weight: 700;
    }
    .jt h2 {
        font-size: 2.5vw !important;
        font-weight: 700;
        color: #fff;
        text-align: center;
        margin-top: 1.8vw;
    }
    .culture-item {
        height: 32vw;
        margin: 0 auto;
        transition: all .6s;
        box-sizing: border-box;
        position: relative;
        width: 98%;
        position: relative;
    }
    .culture-item h2 {
        font-size: 2vw;
        margin-top: 2VW;
    }
    .culture-item-2 {
        height: 25vw;
        margin: 0 auto;
        transition: all .6s;
        box-sizing: border-box;
        position: relative;
        width: 98%;
        position: relative;
        margin-top: 2vw;
    }
    .culture-item-2 h2 {
        color: #fff;
        width: 100%;
        font-weight: 700;
        font-size: 2.24vw;
        line-height: 1.3;
        margin: 0 0 1vw;
        padding-top: 3.5vw;
        padding-left: 20px;
        box-sizing: border-box;
    }
    .company-join {
        background-color: rgb(224, 224, 224);
        height: 28vw;
        margin-top: 2vw;
        margin-bottom: 2vw;
        padding-top: 0vw;
        width: 82%;
    }
}*/

@media (min-width: 1023px) {
    .pc-show {
        display: block;
    }
    .mobile-show {
        display: none;
    }
   .item-img {
        height: 1.3vw;
        width: 5vw;
        background-size: 100% 100%;
        cursor: pointer;
        transition: .1s;
    }
    /*
    .header-title {
        font-size: 3.5vw;
        font-weight: 700;
        line-height: 1.14;
        color: #333;
        padding-top: 12vw;
    }
    .header-subtitle {
        width: 40vw;
        margin-top: 1.2vw;
        font-size: 1.3vw;
        font-weight: 400;
        font-style: normal;
        line-height: 1.31;
        color: #000;
    }
    .header-title,
    .header-subtitle {
        margin-left: 7.3vw;
        font-stretch: normal;
        letter-spacing: normal;
        text-align: left;
    }
    .header-title-frame {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        height: 27.4vw;
    }
    .hr-title h1 {
        margin: auto;
        padding-top: 5vw;
        padding-bottom: 3vw;
        font-size: 4.5vw;
        font-weight: 700;
        color: #616161;
    }
    .hr-title h2 {
        margin: auto;
        padding-top: 5vw;
        padding-bottom: 3vw;
        font-size: 3.5vw;
        font-weight: 700;
        color: #616161;
        text-align: center;
    }
    .hr-title-2 h2 {
        margin: auto;
        padding-top: 5vw;
        padding-bottom: 3vw;
        font-size: 3.5vw;
        font-weight: 700;
        color: #616161;
        text-align: center;
    }
    .hr-title-2 h3 {
        font-size: 3.5vw;
        font-weight: 700;
        line-height: 1.14;
        color: #616161;
        padding-top: 0rem;
    }
    .hr-title-2 p {
        width: 100%;
        margin-top: 1.2vw;
        font-size: 1.5vw;
        font-weight: 400;
        font-style: normal;
        line-height: 1.31;
        color: rgb(95, 95, 95);
    }
    .award-item h2 {
        color: #616161;
        width: 100%;
        font-weight: 700;
        font-size: 2vw;
        line-height: 1.3;
        text-align: center;
        margin: 0 0 1vw;
        padding-top: 2vw;
        padding-bottom: 1vw;
        box-sizing: border-box;
    }
    .award-item p {
        color: rgb(95, 95, 95);
        font-size: 1.5vw;
        text-align: center;
        padding-bottom: 5vw;
    }
    .hr-title-3 h3 {
        font-size: 3.8vw;
        font-weight: 700;
        line-height: 1.14;
        color: #616161;
    }
    .hr-title-3 p {
        margin-top: 0.8vw;
        font-size: 1.8vw;
        font-weight: 400;
        font-style: normal;
        line-height: 1.31;
        color: rgb(95, 95, 95);
    }
    .pt-h50 {
        padding-top: 4vw;
    }
    .learn-1 {
        height: 70px;
        background-color: #f3c702;
        font-size: 1.5vw;
        color: #FFF;
        text-align: center;
        padding-top: 20px;
        margin: 5px;
        font-weight: 700;
        width: 18%;
    }
    .learn-2 {
        background-color: #3cd56b;
        margin: 5px;
        height: 140px;
        padding-top: 30px;
        width: 25%;
    }
    .learn-3 {
        background-color: #2cb5e2;
        margin: 5px;
        height: 140px;
        padding-top: 30px;
        width: 46%;
    }
    .learn-4 {
        background-color: #fe617b;
        margin: 5px;
        height: 140px;
        padding-top: 30px;
        width: 25%;
    }
    .learn-2 h5,
    .learn-3 h5,
    .learn-4 h5 {
        font-size: 2.5vw;
        color: #FFF;
        text-align: center;
        font-weight: 700;
    }
    .culture-item {
        height: 32vw;
        margin: 0 auto;
        transition: all .6s;
        box-sizing: border-box;
        position: relative;
        width: 98%;
        position: relative;
    }
    .culture-item h2 {
        font-size: 2vw;
        margin-top: 2VW;
    }
    .culture-item-2 {
        height: 25vw;
        margin: 0 auto;
        transition: all .6s;
        box-sizing: border-box;
        position: relative;
        width: 98%;
        position: relative;
        margin-top: 2vw;
    }
    .culture-item-2 h2 {
        color: #fff;
        width: 100%;
        font-weight: 700;
        font-size: 2.24vw;
        line-height: 1.3;
        margin: 0 0 1vw;
        padding-top: 3.5vw;
        padding-left: 20px;
        box-sizing: border-box;
    }
    .company-join {
        background-color: rgb(224, 224, 224);
        height: 28vw;
        margin-top: 2vw;
        margin-bottom: 2vw;
        padding-top: 0vw;
        width: 86%;
    }
    .jt h2 {
        font-size: 2.5vw !important;
        font-weight: 700;
        color: #fff;
        text-align: center;
        margin-top: 0.5vw;
    }
}
*/
@media (min-width: 1365px) {
    .logo-nav {
        width: 10vw;
        cursor: pointer;
    }
    .pc-show {
        display: block;
    }
    .mobile-show {
        display: none;
    }
        .item-img {
        height: 1.3vw;
        width: 5vw;
        background-size: 100% 100%;
        cursor: pointer;
        transition: .1s;
    }
    /*
    .header-title {
        font-size: 3.5vw;
        font-weight: 700;
        line-height: 1.14;
        color: #333;
        padding-top: 12vw;
    }
    .header-subtitle {
        width: 40vw;
        margin-top: 1.2vw;
        font-size: 1.3vw;
        font-weight: 400;
        font-style: normal;
        line-height: 1.31;
        color: #000;
    }
    .header-title,
    .header-subtitle {
        margin-left: 7.3vw;
        font-stretch: normal;
        letter-spacing: normal;
        text-align: left;
    }
    .header-title-frame {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        height: 27.4vw;
    }
    .hr-title h1 {
        margin: auto;
        padding-top: 5vw;
        padding-bottom: 3vw;
        font-size: 3.5vw;
        font-weight: 700;
        color: #616161;
    }
    .hr-title h2 {
        margin: auto;
        padding-top: 5vw;
        padding-bottom: 3vw;
        font-size: 2.5vw;
        font-weight: 700;
        color: #616161;
        text-align: center;
    }
    .hr-title-2 h2 {
        margin: auto;
        padding-top: 5vw;
        padding-bottom: 3vw;
        font-size: 2.5vw;
        font-weight: 700;
        color: #616161;
        text-align: center;
    }
    .hr-title-2 h3 {
        font-size: 2.5vw;
        font-weight: 700;
        line-height: 1.14;
        color: #616161;
        padding-top: 0rem;
    }
    .hr-title-2 p {
        width: 40vw;
        margin-top: 1.2vw;
        font-size: 1.5vw;
        font-weight: 400;
        font-style: normal;
        line-height: 1.31;
        color: rgb(95, 95, 95);
    }
    .award-item h2 {
        color: #616161;
        width: 100%;
        font-weight: 700;
        font-size: 2vw;
        line-height: 1.3;
        text-align: center;
        margin: 0 0 1vw;
        padding-top: 2vw;
        padding-bottom: 1vw;
        box-sizing: border-box;
    }
    .award-item p {
        color: rgb(95, 95, 95);
        font-size: 1.5vw;
        text-align: center;
        padding-bottom: 5vw;
    }
    .hr-title-3 h3 {
        font-size: 2.5vw;
        font-weight: 700;
        line-height: 1.14;
        color: #616161;
    }
    .hr-title-3 p {
        margin-top: 1.2vw;
        font-size: 1.5vw;
        font-weight: 400;
        font-style: normal;
        line-height: 1.31;
        color: rgb(95, 95, 95);
    }
    .pt-h50 {
        padding-top: 8.5vw;
    }
    .learn-1 {
        height: 70px;
        background-color: #f3c702;
        font-size: 1.5vw;
        color: #FFF;
        text-align: center;
        padding-top: 20px;
        margin: 5px;
        font-weight: 700;
        width: 19%;
    }
    .learn-2 {
        background-color: #3cd56b;
        margin: 5px;
        height: 178px;
        padding-top: 30px;
        width: 25%;
    }
    .learn-3 {
        background-color: #2cb5e2;
        margin: 5px;
        height: 178px;
        padding-top: 30px;
        width: 47%;
    }
    .learn-4 {
        background-color: #fe617b;
        margin: 5px;
        height: 178px;
        padding-top: 30px;
        width: 25%;
    }
    .culture-item {
        height: 32vw;
        margin: 0 auto;
        transition: all .6s;
        box-sizing: border-box;
        position: relative;
        width: 98%;
        position: relative;
    }
    .culture-item h2 {
        color: #fff;
        width: 100%;
        font-weight: 700;
        font-size: 2.24vw;
        line-height: 1.3;
        margin: 0 0 1vw;
        padding-top: 3.5vw;
        padding-left: 20px;
        box-sizing: border-box;
    }
    .culture-item-2 {
        height: 25vw;
        margin: 0 auto;
        transition: all .6s;
        box-sizing: border-box;
        position: relative;
        width: 98%;
        position: relative;
    }
    .culture-item-2 h2 {
        color: #fff;
        width: 100%;
        font-weight: 700;
        font-size: 2.24vw;
        line-height: 1.3;
        margin: 0 0 1vw;
        padding-top: 3.5vw;
        padding-left: 20px;
        box-sizing: border-box;
    }
    .culture-item-2 p {
        display: none;
        padding: 0 6%;
        height: 12.5vw;
        font-weight: 400;
        font-size: 1.08vw;
        color: #fff;
        text-align: left;
        line-height: 1.5;
        margin: 0 auto;
        top: 30%;
        box-sizing: border-box;
    }
    .company-join {
        background-color: rgb(224, 224, 224);
        height: 25vw;
        margin-top: 2vw;
        margin-bottom: 2vw;
        padding-top: 2vw;
        width: 85%;
    }
}
*/
@media (min-width: 1918px) {
    .logo-nav {
        width: 10vw;
        cursor: pointer;
    }
    .pc-show {
        display: block;
    }
    .mobile-show {
        display: none;
    }
    
    .item-img {
        height: 1.3vw;
        width: 5vw;
        background-size: 100% 100%;
        cursor: pointer;
        transition: .1s;
    }
    /*
    .header-title {
        font-size: 3.5vw;
        font-weight: 700;
        line-height: 1.14;
        color: #333;
        padding-top: 12vw;
    }
    .header-subtitle {
        width: 40vw;
        margin-top: 1.2vw;
        font-size: 1.3vw;
        font-weight: 400;
        font-style: normal;
        line-height: 1.31;
        color: #000;
    }
    .header-title,
    .header-subtitle {
        margin-left: 7.3vw;
        font-stretch: normal;
        letter-spacing: normal;
        text-align: left;
    }
    .header-title-frame {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        height: 27.4vw;
    }
    .hr-title h1 {
        margin: auto;
        padding-top: 5vw;
        padding-bottom: 3vw;
        font-size: 3.5vw;
        font-weight: 700;
        color: #616161;
    }
    .hr-title h2 {
        margin: auto;
        padding-top: 5vw;
        padding-bottom: 3vw;
        font-size: 2.5vw;
        font-weight: 700;
        color: #616161;
        text-align: center;
    }
    .hr-title-2 h2 {
        margin: auto;
        padding-top: 5vw;
        padding-bottom: 3vw;
        font-size: 2.5vw;
        font-weight: 700;
        color: #616161;
        text-align: center;
    }
    .hr-title-2 h3 {
        font-size: 2.5vw;
        font-weight: 700;
        line-height: 1.14;
        color: #616161;
        padding-top: 0rem;
    }
    .hr-title-2 p {
        width: 40vw;
        margin-top: 1.2vw;
        font-size: 1.5vw;
        font-weight: 400;
        font-style: normal;
        line-height: 1.31;
        color: rgb(95, 95, 95);
    }
    .award-item h2 {
        color: #616161;
        width: 100%;
        font-weight: 700;
        font-size: 2vw;
        line-height: 1.3;
        text-align: center;
        margin: 0 0 1vw;
        padding-top: 2vw;
        padding-bottom: 1vw;
        box-sizing: border-box;
    }
    .award-item p {
        color: rgb(95, 95, 95);
        font-size: 1.5vw;
        text-align: center;
        padding-bottom: 5vw;
    }
    .hr-title-3 h3 {
        font-size: 2.5vw;
        font-weight: 700;
        line-height: 1.14;
        color: #616161;
    }
    .hr-title-3 p {
        margin-top: 1.2vw;
        font-size: 1.5vw;
        font-weight: 400;
        font-style: normal;
        line-height: 1.31;
        color: rgb(95, 95, 95);
    }
    .pt-h50 {
        padding-top: 9vw;
    }
    .learn-1 {
        height: 80px;
        background-color: #f3c702;
        font-size: 1.5vw;
        color: #FFF;
        text-align: center;
        padding-top: 20px;
        margin: 5px;
        font-weight: 700;
        width: 19%;
    }
    .learn-2 {
        background-color: #3cd56b;
        margin: 5px;
        height: 215px;
        padding-top: 30px;
        width: 25%;
    }
    .learn-3 {
        background-color: #2cb5e2;
        margin: 5px;
        height: 215px;
        padding-top: 30px;
        width: 48%;
    }
    .learn-4 {
        background-color: #fe617b;
        margin: 5px;
        height: 215px;
        padding-top: 30px;
        width: 25%;
    }
    .culture-item {
        height: 32vw;
        margin: 0 auto;
        transition: all .6s;
        box-sizing: border-box;
        position: relative;
        width: 98%;
        position: relative;
    }
    .culture-item h2 {
        color: #fff;
        width: 100%;
        font-weight: 700;
        font-size: 2.24vw;
        line-height: 1.3;
        margin: 0 0 1vw;
        padding-top: 3.5vw;
        padding-left: 20px;
        box-sizing: border-box;
    }
    .culture-item p {
        display: none;
        padding: 0 6%;
        height: 12.5vw;
        font-weight: 400;
        font-size: 1.08vw;
        color: #fff;
        text-align: left;
        line-height: 1.5;
        margin: 0 auto;
        top: 30%;
        box-sizing: border-box;
    }
    .culture-item:hover p {
        display: block
    }
    .culture-item a {
        position: absolute;
        font-weight: 400;
        font-size: .9vw;
        color: #fff;
        line-height: 1.41;
        bottom: 2vw;
        right: 1vw;
        padding: .6vw 1vw;
    }
    .culture-item a:hover {
        text-decoration: none;
        background-color: #fff;
        color: #000;
        border-radius: 30px;
    }
    .company-green {
        background-image: url("/?originalUrl=https%3A%2F%2Fwebapi.adata.com%2Fimages%2Fgreen.26d6e2c.png");
        background-size: cover;
    }
    .company-green:hover {
        background-image: linear-gradient(90deg, #3cd56b, #3cd56b) !important;
    }
    .company-hotpink {
        background-image: url("/?originalUrl=https%3A%2F%2Fwebapi.adata.com%2Fimages%2Fhotpink.c999e4b.png") !important;
        background-size: cover !important;
    }
    .company-hotpink:hover {
        color: #fff;
        background-image: linear-gradient(90deg, #fd617b, #fd617b) !important;
    }
    .company-blue {
        background-image: url("/?originalUrl=https%3A%2F%2Fwebapi.adata.com%2Fimages%2Fblue.999eb01.png") !important;
        background-size: cover !important;
    }
    .company-blue:hover {
        background-image: linear-gradient(90deg, #2ab6e2, #2ab6e2) !important;
        color: #fff;
    }
    .company-yellow {
        background-image: url("/?originalUrl=https%3A%2F%2Fwebapi.adata.com%2Fimages%2Fyellow.ab3171a.png") !important;
        background-color: rgba(0, 0, 0, .6);
        background-size: cover !important;
    }
    .company-yellow:hover {
        background-image: linear-gradient( 90deg, #f4c703, #f4c703) !important;
        color: #fff;
    }
    .culture-item {
        height: 32vw;
        margin: 0 auto;
        transition: all .6s;
        box-sizing: border-box;
        position: relative;
        width: 98%;
        position: relative;
    }
    .culture-item-2 {
        height: 25vw;
        margin: 0 auto;
        transition: all .6s;
        box-sizing: border-box;
        position: relative;
        width: 98%;
        position: relative;
    }
    .culture-item-2 h2 {
        color: #fff;
        width: 100%;
        font-weight: 700;
        font-size: 2.24vw;
        line-height: 1.3;
        margin: 0 0 1vw;
        padding-top: 3.5vw;
        padding-left: 20px;
        box-sizing: border-box;
    }
    .culture-item-2 p {
        display: none;
        padding: 0 6%;
        height: 12.5vw;
        font-weight: 400;
        font-size: 1.08vw;
        color: #fff;
        text-align: left;
        line-height: 1.5;
        margin: 0 auto;
        top: 30%;
        box-sizing: border-box;
    }
    .company-join {
        background-color: rgb(224, 224, 224);
        height: 25vw;
        margin-top: 2vw;
        margin-bottom: 2vw;
        padding-top: 2vw;
        width: 86%;
    }
    .jt h2 {
        font-size: 2.5vw !important;
        font-weight: 700;
        color: #fff;
        text-align: center;
        margin-top: 0vw;
    }
}*/