@charset "utf-8";



/* 响应式原则：调大看小 */

@media screen and (max-width: 1920px) {

    .career-value-list-bg{

        width: 31.4%;

    }

    /* 1920end */

}

@media screen and (max-width: 1680px) {

    :root{

        --font48: 44px;

        --font40: 36px;

        --font32: 28px;

        --font24: 22px;

        --space140: 120px;

        --space120: 100px;

        --space80: 70px;

        --space60: 50px;

        --space50: 40px;

        --space40: 35px;

        --space18: 14px;

    }

    .head-nav-item {

        padding: 0 30px;

    }

    .head-nav {

        margin: 0 -30px;

    }

    .ys-hd-pc {

        padding-left: 60px;

        padding-right: 70px;

    }

    .std-btn2-box{

        padding: 0 40px;

    }

    .std-btn2-box p {

        line-height: 44px;

    }

    .contact-wrap-le .std-text1 {

        margin-bottom: 40px;

    }

    .cwli-li {

        margin-bottom: 35px;

    }

    .cwli-li-icon {

        width: 76px;

        height: 76px;

    }

    .cwli-li-icon img {

        width: 36px;

    }

    .cwli-li-text {

        width: calc(100% - 76px);

        padding-left: 20px;

    }

    .contact-wrap-ri {

        padding: 40px 68px 54px;

    }

    .ys-form-inof-submit {

        margin-top: 28px;

    }

    .std-btn1-box p {

        line-height: 50px;

    }

    .ys-form-inof-submit .std-btn1-box {

        padding: 0 74px;

    }

    .ys-footer {

        padding-top: 80px;

        padding-bottom: 50px;

    }

    .ys-footer-tp {

        margin-bottom: 50px;

    }

    .yx-search3xlbox {

        height: 300px;

    }

    .newdet-wrap-text {

        padding-bottom: 60px;

        margin-bottom: 30px;

    }

    .hnsl-text {

        padding: 30px 40px 37px;

    }

    .hnsl-text-btn {

        margin-top: 60px;

    }

    .hnsl-text-tit {

        margin-top: 14px;

    }

    .slick-arrow,

    .hatb-btn-icon {

        width: 40px;

        height: 40px;

    }

    .slick-prev {

        left: -50px;

    }

    .slick-next {

        right: -50px;

    }

    .hatb-btn-prev{

        left: calc(-1 * (var(--space18) + 50px));

    }

    .hatb-btn-next{

        right: calc(-1 * (var(--space18) + 50px));

    }

    .nwlt-li-text-wrap {

        padding: 45px 60px 10px;

    }

    .new-wrap-list-tp .hnsl-text-btn {

        margin-top: 34px;

    }

    .hnsl-text-parga {

        margin-top: 18px;

    }

    .nnlb-icon {

        width: 50px;

        height: 50px;

    }

    .nwlb-ul-li-btn {

        width: 80px;

        height: 80px;

    }

    .nwlb-ul-li-text {

        padding: 0 70px;

    }

    .nult-wrap .hnsl-text-parga {

        margin-top: 26px;

    }

    .nwlb-ul-li {

        margin-bottom: 50px;

    }

    .nwlb-ul-li:last-child {

        margin-bottom: 80px;

    }

    .career-ban-tit {

        margin-bottom: 60px;

    }

    .career-ban-pic {

        padding: 0 60px;

    }

    .pplh-li p {

        padding: 35px 15px;

    }

    .pro-pipeline-list-bd {

        margin-top: 26px;

    }

    .pplb-item-ri-li {

        margin-bottom: 26px;

    }

    .pirl-li::after, .pirl-li4-li::after,

    .pirl-li4::before,

    .pirl-li4::after,

    .pplb-item-ri-li::after{

        height: 26px;

        top: -26px;

    }

    .pro-pop .ys-modal-content {

        padding: 80px;

    }

    .team-pop .ys-modal-close {

        width: 50px;

        top: 30px;

        left: calc(50% - 90px);

    }

    .ppwi-li {

        margin-bottom: 40px;

    }

    .pro-pop-wrap {

        height: calc(100vh - 160px);

    }

    .ys-ban-parga {

        margin-top: 36px;

    }

    .apbt-li-tit span {

        top: -5px;

    }

    .hdbs-li-cont {

        padding: 40px 35px 70px;

    }

    .hdbs-li-cont-wrap .std-h4 {

        padding-bottom: 20px;

        margin-bottom: 15px;

    }

    .about-team .hats-li-cont {

        mask-size: 380px 470px;

    }

    .hats-li-cont-name {

        margin-bottom: 25px;

    }

    .hats-li-cont {

        padding: 38px 56px 30px;

    }

    .tpwt-text {

        padding-right: 30px;

    }

    .tpwt-text-logo-li {

        height: 34px;

        padding: 0 8px;

    }

    .tpwt-text-logo {

        margin: 50px -8px 0;

    }

    .team-pop .ys-modal-content {

        padding: 50px 80px;

        border-radius: 0;

    }

    .vacancy-pop-wrap-cont{

        padding-left: 80px;

    }

    .team-pop-wrap,

    .vacancy-pop-wrap-tit {

        padding-top: 30px;

    }

    .team-pop-wrap-tp {

        margin-bottom: 50px;

    }

    .team-pop-wrap-info {

        height: calc(100vh - var(--height) - 180px);

    }

    .career-main .career-ban-tit {

        margin-bottom: 80px;

    }

    .cvla-ul-li-icon {

        width: 90px;

        height: 90px;

    }

    .cvla-ul-li-icon img {

        width: 42px;

    }

    .cvla-ul-li-tit {

        width: calc(100% - 90px);

        padding-left: 25px;

    }

    .cvla-ul-li {

        margin-top: 70px;

    }

    .career-value-list {

        margin-bottom: 180px;

    }

    .vacancy-pop-wrap {

        height: calc(100vh - 100px);

    }

    .vacancy-pop-wrap-tit .std-h3 {

        margin-bottom: 10px;

    }

    .vacancy-pop-wrap-tit {

        margin-bottom: 28px;

    }

    .ys-ban-info {

        margin-top: 25px;

    }

    .ys-ban-btn {

        margin-top: 46px;

    }

    .std-btn1-box {

        padding: 0 58px;

    }

    .hlcw-num {

        bottom: 22px;

        right: 35px;

    }

    .home-pro-cont {

        top: 13%;

    }

    .home-pro-cont-tit .std-text1 {

        margin-top: 18px;

    }

    .hpcs-li-cont {

        padding: 40px 40px 112px 50px;

    }

    .hpcs-li-cont-icon {

        width: 50px;

        right: 40px;

        bottom: 46px;

    }

    .home-pro-cont-slick {

        margin-bottom: 70px;

    }

    .home-about-svg {

        top: -200px;

    }

    .home-about-cont {

        padding-top: 300px;

        padding-bottom: 120px;

    }

    .haut-parga {

        margin-bottom: 70px;

    }

    .home-about-team {

        margin-top: 90px;

    }

    .home-about-bg {

        width: 110%;

    }

    .ys-horse-inof-nub1 {

        width: 280px;

    }

    .ys-horse-inofs {

        width: calc(280px* var(--total));

    }

    .home-partner-list {

        padding: 70px 0;

    }

    .home-join-text .std-h4 {

        margin-bottom: 70px;

    }

    .home-about-us-text {

        margin-bottom: 80px;

    }

    .tech-plat-list-li {

        margin-bottom: 20px;

    }

    .tpll-wrap{

        padding: 25px 30px;

    }

    .tech-key-text-parga p {

        margin-bottom: 12px;

    }

    .tech-plat-img{

        width: 360px;

    }

    .tech-plat-list{

        width: calc(100% - 360px);

        padding-left: 100px;

    }

    .tpll-text {

        padding-left: 30px;

    }

    .tpil-li:nth-child(1) {

        width: 232px;

    }

    .tpil-li:nth-child(2) {

        width: 156px;

        top: 49%;

    }

    .tpil-li:nth-child(3) {

        width: 210px;

    }

    .vacancy-pop-wrap-tit .std-h3::before {

        left: -80px;

    }

    .home-about-team-bg{

        bottom: -120px;

    }

    .head-nav-item-title p{

        font-size: 16px;

    }

    .head-nav-item {

        padding: 0 20px;

    }

    .head-nav {

        margin: 0 -20px;

    }

    .about-team .hats-li-cont {

        mask-size: 390px 495px;

    }

    .about-team .hats-li-cont {

        -webkit-mask-image: url(../images/b1_bg01_1.svg);

        mask-image: url(../images/b1_bg01_1.svg);

    }

    @media screen and (min-width: 1200px) {

        .hats-li-wrap:hover .hats-li-cont {

            mask-position: 100% 100%;

        }

    }

    .tpwt-text-logo-li {

        height: 50px;

        margin-top: 16px;

    }

    .tpwt-text-logo {

        margin: 34px -8px 0;

    }

    .about-culture-wrap-circle h2 {

        font-size: 30px;

    }

    .tpwt-text-logo-li img {

        width: 90%;

    }
    .pro-main .career-ban-tit-info {
        width: 50.5%;
    }
    /* 1680end */

}

@media screen and (max-width: 1440px) {

    :root {

        --font48: 38px;

        --font40: 32px;

        --font32: 24px;

        --font24: 20px;

        --font20: 18px;

        --font18: 16px;

        --font16: 14px;

        --headh: 70px;

        --space140: 100px;

        --space120: 80px;

        --space80: 60px;

        --space60: 45px;

        --space50: 35px;

        --space40: 30px;

        --space18: 10px;

    }

    .ys-modal-content {

        max-height: 650px;

    }

    .head-nav-item {

        padding: 0 20px;

    }

    .head-nav {

        margin: 0 -20px;

    }

    .head-logo {

        width: 130px;

    }

    .std-btn2-box{

        padding: 0 35px;

    }

    .std-btn2-box p {

        line-height: 40px;

    }

    .head-search-btn,

    .head-lang-top-circle {

        width: 22px;

    }

    .contact-wrap-ri h2 {

        font-size: 26px;

        margin-bottom: 8px;

    }

    .contact-wrap-ri {

        padding: 30px 40px 44px;

    }

    .ys-fic-auth-img {

        width: 120px;

    }

    .contact-wrap-le h1 {

        margin-bottom: 10px;

    }

    .cwli-li-icon {

        width: 70px;

        height: 70px;

    }

    .contact-wrap-le .std-text1 {

        margin-bottom: 35px;

    }

    .cwli-li-text {

        width: calc(100% - 70px);

    }

    .cwli-li-text p {

        margin-bottom: 4px;

    }

    .cwli-li {

        margin-bottom: 30px;

    }

    .ys-form-inof-item {

        padding: 0 8px;

    }

    .ys-form-inof {

        margin: 0 -8px;

    }

    .ys-fii-input {

        height: 50px;

    }

    .ys-fii-name {

        line-height: 50px;

    }

    .ys-form-email {

        margin-bottom: 18px;

    }

    .ys-fic-auth-text {

        padding-right: 16px;

    }

    .ys-form-inof-code {

        margin-bottom: 26px !important;

    }

    .std-btn1-box p {

        line-height: 46px;

    }

    .ys-form-inof-submit .std-btn1-box {

        padding: 0 65px;

    }

    .ys-footer-tp-list li {

        padding: 0 28px;

    }

    .ys-footer-tp-list ul {

        margin: 0 -28px;

    }

    .ys-footer-tp {

        margin-bottom: 40px;

    }

    .ys-footer-bt-info a {

        margin-left: 18px;

    }

    .ys-footer {

        padding-top: 70px;

    }

    .hnit-icon {

        width: 14px;

        height: 14px;

    }

    .head-nav-item-down {

        width: 140px;

        padding-top: 10px;

    }

    .hnid-ul {

        padding: 25px 0;

    }

    .hnid-ul-li {

        margin-bottom: 18px;

    }

    .contact-wrap-le {

        padding-right: 30px;

    }

    .newdet-main h1 {

        margin-top: 15px;

    }

    .newdet-ban-time,

    .hnsl-text-time{

        padding: 0 12px;

    }

    .newdet-wrap-text {

        padding-bottom: 50px;

    }

    .hnsl-text {

        padding: 30px 30px 28px;

    }

    .hnsl-text-btn {

        margin-top: 50px;

    }

    .std-btn3-box-icon {

        width: 28px;

    }

    .hnsl-text-tit {

        margin-top: 10px;

    }

    .slick-arrow,

    .hatb-btn-icon {

        width: 36px;

        height: 36px;

    }

    .slick-prev {

        left: -42px;

    }

    .slick-next {

        right: -42px;

    }

    .hatb-btn-prev{

        left: calc(-1 * (var(--space18) + 42px));

    }

    .hatb-btn-next{

        right: calc(-1 * (var(--space18) + 42px));

    }

    .newdet-main .ys-nybanner {

        padding-top: 80px;

        padding-bottom: 60px;

    }

    .new-wrap-list {

        padding-top: 150px;

    }

    .nwlt-li-text-wrap {

        padding: 40px 50px 10px;

    }

    .nwlt-li:nth-child(2n+1) .nwlt-li-text {

        padding-left: 50px;

    }

    .nwlt-li:nth-child(2n+2) .nwlt-li-text {

        padding-right: 50px;

    }

    .new-wrap-list-tp .hnsl-text-btn {

        margin-top: 30px;

    }

    .hnsl-text-parga {

        margin-top: 14px;

    }

    .nwlb-ul-li-text {

        padding: 0 60px;

    }

    .nult-wrap .hnsl-text-parga {

        margin-top: 20px;

    }

    .nnlb-icon {

        width: 46px;

        height: 46px;

    }

    .nwlb-ul-li-btn {

        width: 76px;

        height: 76px;

    }

    .nwlb-ul-li {

        margin-bottom: 40px;

    }

    .nwlb-ul-li:last-child {

        margin-bottom: 60px;

    }

    .pc-fenye li {

        width: 36px;

        height: 36px;

        line-height: 36px;

        margin: 0 6px;

    }

    .mod-back {

        width: 38px;

    }

    .career-ban h1 {

        margin-bottom: 10px;

    }

    .pro-main .career-ban-tit-info {

        width: 50%;

    }

    .career-ban-tit {

        margin-bottom: 50px;

    }

    .career-ban-pic {

        padding: 0 50px;

    }

    .career-ban-pic-img {

        border-radius: 30px;

    }

    .pplh-li p {

        padding: 30px 10px;

    }

    .pirl-li1 {

        padding: 30px 10px;

    }

    .pirl-li4-bg {

        height: 8px;

    }

    .pirl-li4-bg-pro img {

        width: 20px;

        right: -10px;

    }

    .pirl-li1 p {

        padding-left: 15px;

    }

    .pirl-li1 p::before {

        width: 3px;

        height: 18px;

    }

    .pro-pop .ys-modal-content {

        padding: 60px;

    }

    .pro-pop-wrap {

        height: calc(100vh - 120px);

    }

    .mod-line::before {

        width: 4px;

        height: 20px;

    }

    .ppwi-li-tit {

        padding-bottom: 15px;

        margin-bottom: 15px;

    }

    .vacancy-pop .mCSB_scrollTools, .pro-pop .mCSB_scrollTools {

        right: -40px;

    }

    .ppwi-li-text ul li::before {

        top: 9px;

    }

    .pplb-item-tit .std-h5 {

        margin-bottom: 10px;

    }

    .apbt-li-tit span {

        top: -6px;

    }

    .apbt-li-tit .std-h5 {

        padding-left: 12px;

    }

    .about-problem-bt-text {

        padding-right: 80px;

    }

    .apbt-li-info p::before {

        top: 9px;

    }

    .hdbs-li-cont {

        padding: 30px 25px 70px;

    }

    .hats-li-cont-name {

        margin-bottom: 20px;

    }

    .hats-li-cont {

        padding: 32px 40px 30px;

    }

    .hats-li-cont .ys-imgbox-cover {

        margin-bottom: 26px;

    }

    .hats-li-cont-post p {

        padding: 0 15px;

    }

    .about-team .hats-li-cont {

        mask-size: 360px 446px;

    }

    .acwt-li {

        width: 200px;

    }

    .ys-ban-parga {

        margin-top: 30px;

    }

    .team-pop .ys-modal-content {

        padding: 40px 60px;

    }

    .vacancy-pop-wrap-cont{

        padding-left: 60px;

    }

    .tpwt-text-logo-li {

        height: 30px;

        padding: 0 5px;

    }

    .tpwt-text-logo {

        margin: 40px -5px 0;

    }

    .tpwt-text-post {

        margin-top: 10px;

    }

    .team-pop-wrap-tp {

        margin-bottom: 40px;

    }

    .team-pop-wrap-info li {

        padding-left: 15px;

        margin-bottom: 10px;

    }

    .team-pop-wrap-info {

        height: calc(100vh - var(--height) - 150px);

    }

    .team-pop-wrap-info li::before {

        top: 9px;

    }

    .career-main .career-ban-tit {

        margin-bottom: 70px;

    }

    .cvla-ul-li-icon {

        width: 80px;

        height: 80px;

    }

    .cvla-ul-li-icon img {

        width: 36px;

    }

    .cvla-ul-li-tit {

        width: calc(100% - 80px);

        padding-left: 20px;

    }

    .cvla-ul-li {

        margin-top: 50px;

    }

    .career-value-list {

        margin-bottom: 160px;

    }

    .ys-horse-inof-nub {

        width: 400px;

    }

    .ys-horse-inof {

        width: calc(400px * var(--total));

    }

    .career-vacancy-tit {

        margin-bottom: 40px;

    }

    .career-vacancy-tit-text h2 {

        margin-bottom: 10px;

    }

    .career-vacancy-tit-btn .std-btn1-box {

        padding: 0 30px;

    }

    .std-btn1-box img {

        width: 18px;

        margin-left: 8px;

    }

    .cvll-cont {

        padding: 40px 46px 42px;

    }

    .cvll-cont-tit {

        padding-bottom: 15px;

        margin-bottom: 17px;

    }

    .career-vacancy-list-li {

        margin-top: 30px;

    }

    .cvll-cont-tit .std-h4::before {

        left: -46px;

    }

    .career-value-list {

        margin-bottom: 120px;

    }

    .vacancy-pop-wrap {

        height: calc(100vh - 80px);

    }

    .vacancy-pop-wrap-info {

        margin-bottom: 34px;

    }

    .vacancy-pop-wrap-info p,

    .vacancy-pop-wrap-info h6{

        margin-bottom: 8px;

    }

    .std-btn1-box {

        padding: 0 48px;

    }

    .ys-ban-info {

        margin-top: 20px;

    }

    .ys-ban-btn {

        margin-top: 40px;

    }

    .ys-ban-control {

        bottom: 40px;

    }

    .hlcw-num {

        bottom: 20px;

        right: 25px;

    }

    .hpcs-li-cont-icon {

        width: 45px;

        right: 30px;

        bottom: 40px;

    }

    .hpcs-li-cont {

        padding: 35px 30px 95px 45px;

    }

    .hpcs-li-cont .std-text2 {

        margin-top: 10px;

    }

    .home-pro-cont-slick {

        margin-bottom: 50px;

    }

    .home-pro-cont-tit .std-text1 {

        margin-top: 12px;

    }

    .home-about-cont {

        padding-top: 260px;

        padding-bottom: 100px;

    }

    .home-about-bg {

        width: 115%;

    }

    .home-about-us-text {

        padding-left: 25px;

        margin-bottom: 70px;

    }

    .haut-tit h2 {

        margin-bottom: 4px;

    }

    .haut-parga {

        margin-bottom: 60px;

    }

    .home-about-svg {

        top: -150px;

    }

    .home-about-team {

        margin-top: 70px;

    }

    .home-join-text .std-h4 {

        margin-bottom: 60px;

    }

    .home-partner-list {

        padding: 60px 0;

    }

    .ys-horse-inof-nub1 {

        width: 220px;

    }

    .ys-horse-inofs {

        width: calc(220px* var(--total));

    }

    .home-partner-tit-box {

        width: 140px;

    }

    .home-partner {

        padding-top: 80px;

    }

    .hlcw-list-li::before {

        top: 11px;

    }

    .tech-plat-list{

        width: calc(100% - 300px);

        padding-left: 70px;

    }

    .tech-plat-list-li {

        margin-bottom: 15px;

    }

    .tpll-wrap{

        padding: 20px 25px;

    }

    .tpll-text {

        padding-left: 20px;

    }

    .tpil-li:nth-child(1) {

        width: 195px;

        top: 22%;

    }

    .tpil-li:nth-child(2) {

        width: 120px;

        top: 51%;

    }

    .tpil-li:nth-child(3) {

        width: 172px;

    }

    .tpll-text .std-h4 {

        padding-left: 15px;

    }

    .tech-plat {

        padding-bottom: 30px;

    }

    .tech-key-text {

        padding-right: 80px;

    }

    .tech-key-text-parga p {

        margin-bottom: 8px;

    }

    .vacancy-pop-wrap-tit .std-h3::before {

        width: 4px;

        height: 28px;

        left: -60px;

    }

    .home-about-team-bg{

        bottom: -100px;

    }

    .head-nav-item-title p {

        font-size: 14px;

    }

    .head-nav-item {

        padding: 0 15px;

    }

    .head-nav {

        margin: 0 -15px;

    }

    .std-btn2-box {

        padding: 0 30px;

    }

    .hnit-icon {

        width: 12px;

        height: 12px;

    }

    .about-team .hats-li-cont {

        -webkit-mask-image: url(../images/b1_bg01.svg);

        mask-image: url(../images/b1_bg01.svg);

    }

    @media screen and (min-width: 1200px) {

        .hats-li-wrap:hover .hats-li-cont {

            mask-position: 99% 100%;

        }

    }

    .tpwt-text-logo-li {

        height: 40px;

        margin-top: 10px;

    }

    .about-culture-wrap-circle h2 {

        font-size: 26px;

    }

    .tech-key-text-parga li{

        padding-left: 15px;

    }

    .tech-key-text-parga li::before {

        top: 11px;

    }

    .tech-key-text-parga li {

        margin-bottom: 6px;

    }

    .tpwt-text-logo-li img {

        width: 100%;

    }

    sup{

        font-size: 8px;

    }

    .pro-main .career-ban-tit-info {
        width: 55%;
    }
    /* 1440end */

}

@media screen and (max-width: 1199px) {

    :root {

        --font48: 32px;

        --font40: 28px;

        --font32: 22px;

        --font24: 18px;

        --font20: 16px;

        --space140: 80px;

        --space120: 60px;

        --space80: 50px;

        --space60: 35px;

        --space50: 30px;

        --space40: 25px;

        --font14: 12px;

        --headh: 56px;

    }

    .ys-page-wrap.act .ys-main {

        margin-top: 56px;

    }

    .contact-wrap-le {

        width: 100%;

        padding-right: 0;

    }

    .contact-wrap-ri {

        width: 100%;

        margin-top: 50px;

        padding: 30px;

    }

    .pro-pipeline-ph{

        display: block;

    }

    .pro-pipeline-pc{

        display: none;

    }

    .cwli-li-icon {

        width: 60px;

        height: 60px;

    }

    .cwli-li-icon img {

        width: 30px;

    }

    .cwli-li-text {

        width: calc(100% - 60px);

    }

    .cwli-li {

        margin-bottom: 24px;

    }

    .contact-wrap-ri h2 {

        font-size: 22px;

    }

    .ys-footer {

        padding-top: 50px;

    }

    .ys-footer-tp-list li {

        padding: 0 15px;

    }

    .ys-footer-tp-list{

        width: 100%;

        margin-top: 20px;

    }

    .ys-footer-tp-list ul {

        margin: 0 -15px;

    }

    .ys-footer-tp {

        margin-bottom: 40px;

    }

    .ys-footer-bt-link {

        margin-bottom: 10px;

    }

    .ys-form-inof-submit .std-btn1-box {

        padding: 0 55px;

    }

    .std-btn1-box p {

        line-height: 40px;

    }

    .contact-wrap-bg1 {

        top: 0;

    }

    .contact-wrap{

        overflow: hidden;

    }

    .newdet-main .ys-nybanner {

        padding-top: 70px;

        padding-bottom: 50px;

    }

    .newdet-wrap-text {

        padding-bottom: 30px;

        margin-bottom: 25px;

    }

    .hnsl-text-btn {

        margin-top: 40px;

    }

    .hnsl-text {

        padding: 25px;

    }

    .slick-arrow,

    .hatb-btn-icon {

        width: 32px;

        height: 32px;

    }

    .slick-prev {

        left: -32px;

    }

    .slick-next {

        right: -32px;

    }

    .hatb-btn-prev{

        left: calc(-1 * (var(--space18) + 32px));

    }

    .hatb-btn-next{

        right: calc(-1 * (var(--space18) + 32px));

    }

    .std-btn3-box p {

        margin-left: 10px;

    }

    .hnsl-text-time {

        line-height: 28px;

    }

    .new-wrap-list {

        padding-top: var(--space140);

    }

    .nwlt-li-text-wrap {

        padding: 30px 40px 10px;

    }

    .nwlt-li:nth-child(2n+1) .nwlt-li-text {

        padding-left: 30px;

    }

    .nwlt-li:nth-child(2n+2) .nwlt-li-text {

        padding-right: 30px;

    }

    .nwlt-li-text-wrap {

        padding: 24px 20px 10px;

    }

    .nwlb-ul-li-text {

        padding: 30px;

        width: 60%;

    }

    .nwlb-ul-li-img{

        width: 40%;

    }

    .nult-wrap .hnsl-text-parga {

        margin-top: 14px;

    }

    .nwlb-ul-li:last-child {

        margin-bottom: 50px;

    }

    .mod-bread{

        display: none;

    }

    .pro-main .career-ban-tit-info {

        width: 65%;

    }

    .career-ban-pic {

        padding: 0 40px;

    }

    .career-ban-tit {

        margin-bottom: 40px;

    }

    .career-ban-pic-img {

        border-radius: 20px;

    }

    .pill-line.act .pirl-li4-bg-pro {

        animation: fadeInLeft 2s ease both .1s;

        visibility: visible;

    }

    .pirl-li4-bg-pro img {

        width: 16px;

        right: -8px;

    }

    .pirl-li4-bg {

        height: 6px;

    }

    .team-pop .ys-modal-content {

        width: 60%;

        margin-left: 40%;

        padding: 40px;

    }

    .vacancy-pop-wrap-cont{

        padding-left: 40px;

    }

    .team-pop .ys-modal-close {

        width: 44px;

        left: calc(40% - 60px);

    }

    .vacancy-pop .mCSB_scrollTools, .pro-pop .mCSB_scrollTools {

        right: -30px;

    }

    .ppwi-li-text p,.newdet-wrap-text h6, .yxedr-active h6 {

        margin-bottom: 8px;

    }

    .ppwi-li {

        margin-bottom: 30px;

    }

    .pro-pop-wrap {

        height: calc(100vh - 80px);

    }

    .about-problem-bt-text {

        width: 100%;

        padding-right: 0;

    }

    .apbt-li-tit span {

        top: -5px;

    }

    .about-problem-bt-img {

        width: 100%;

        margin-top: 40px;

    }

    .hdbs-li-cont {

        padding: 30px 20px 60px;

    }

    .about-team .hats-li-cont{

        -webkit-mask-image: none;

        mask-image: none;

    }

    .hats-li{

        width: 33.333333%;

    }

    .hats-li-cont {

        padding: 25px 30px;

    }

    .about-culture-wrap-circle {

        width: 55%;

    }

    .acwt-li {

        width: 150px;

    }

    .acwt-li1,

    .acwt-li2 {

        top: 40px;

    }

    .acwt-li3,

    .acwt-li4 {

        bottom: 40px;

    }

    .about-culture-wrap-circle h2 {

        width: 35%;

        height: 35%;

    }

    .ys-ban-parga {

        margin-top: 25px;

    }

    .hdbs-li{

        width: 50%;

    }

    .hats-li{

        width: 33.333333%;

    }

    .tpwt-text-logo {

        margin: 20px -5px 0;

    }

    .tpwt-text {

        padding-right: 20px;

    }

    .tpwt-text-logo-li{

        margin-top: 10px;

    }

    .team-pop-wrap-info {

        height: calc(100vh - var(--height) - 200px);

    }

    .career-main .career-ban-tit {

        margin-bottom: 50px;

    }

    .career-value-tit .std-h4 {

        width: 80%;

    }

    .cvll-img {

        width: 74%;

        margin-left: 30px;

    }

    .career-value-list-bg {

        width: 29%;

    }

    .career-value-list-logo {

        width: 26%;

    }

    .cvll-img {

        width: 65%;

    }

    .cvla-ul-li-icon {

        width: 70px;

        height: 70px;

    }

    .cvla-ul-li-icon img {

        width: 28px;

    }

    .cvla-ul-li-tit {

        width: calc(100% - 70px);

        padding-left: 15px;

    }

    .career-value-list-adv{

        width: 74%;

        padding-left: 30px;

    }

    .cvla-ul-li {

        margin-top: 40px;

    }

    .career-value-list {

        margin-bottom: 100px;

    }

    .ys-horse-inof-nub {

        width: 300px;

        padding: 0 6px;

    }

    .ys-horse-inof {

        width: calc(300px * var(--total));

    }

    .std-btn1-box img {

        width: 16px;

        margin-left: 6px;

    }

    .career-vacancy-tit-btn .std-btn1-box {

        padding: 0 25px;

    }

    .cvll-cont {

        padding: 30px 26px 32px;

    }

    .cvll-cont-tit .std-h4::before {

        left: -26px;

    }

    .career-vacancy-list-li {

        margin-top: 25px;

    }

    .vacancy-pop-wrap-tit .std-h3 {

        margin-bottom: 6px;

    }

    .vacancy-pop-wrap-tit {

        margin-bottom: 22px;

    }

    .vacancy-pop-wrap-info {

        margin-bottom: 28px;

    }

    .ys-ban-info {

        width: 60%;

        margin-top: 15px;

    }

    .ys-ban-slick .slick-prev {

        left: 20px;

    }

    .ys-ban-slick .slick-next {

        right: 20px;

    }

    .ys-ban-btn {

        margin-top: 30px;

    }

    .ys-ban-control {

        bottom: 30px;

    }

    .std-btn1-box {

        padding: 0 40px;

    }

    .ys-ban-txtbox{

        padding: 0 20px;

    }

    .ys-ban-slick.empty .ys-ban-txtbox{

        padding: 0;

    }

    .ybcd-li::after {

        width: 6px;

        height: 6px;

    }

    .ybcd-li {

        margin: 0 5px;

    }

    .hpcs-li-cont {

        padding: 30px 25px 75px;

    }

    .home-pro-cont {

        position: static;

        padding: var(--space140) 0;

    }

    .hpcs-li-cont-icon {

        width: 40px;

        right: 30px;

        bottom: 25px;

    }

    .hpcs-li{

        width: 50%;

    }

    .home-pro-bg{

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

        z-index: -1;

    }

    .home-pro-bg img{

        height: 100%;

        object-fit: cover;

    }

    .home-about-cont {

        padding-top: 200px;

        padding-bottom: 80px;

    }

    .home-about-svg {

        top: -100px;

    }

    .home-pro-cont-slick {

        margin-bottom: 40px;

    }

    .home-about-bg {

        width: 140%;

    }

    .haut-parga {

        margin-bottom: 40px;

    }

    .home-about-us-text {

        padding-left: 20px;

        margin-bottom: 50px;

    }

    .mod-back.act {

        right: 35px;

    }

    .home-about-team {

        margin-top: 60px;

    }

    .home-join-text .std-h4 {

        margin-bottom: 50px;

    }

    .home-partner {

        padding-top: 60px;

    }

    .home-partner-tit-box {

        width: 120px;

    }

    .ys-horse-inof-nub1 {

        width: 180px;

    }

    .ys-horse-inofs {

        width: calc(180px * var(--total));

    }

    .home-partner-list {

        padding: 50px 0;

    }

    .hlcw-num {

        right: 20px;

    }

    .tech-key-text {

        padding-right: 40px;

    }

    .tpll-wrap {

        padding: 20px;

    }



    .tech-plat-list {

        width: 100%;

        padding-left: 0;

    }

    .tech-plat-list {

        width: calc(100% + 20px);

        padding-left: 0;

        margin: 0 -10px;

    }

    .tech-plat-img{

        display: none;

    }

    .tech-plat-tit{

        margin-bottom: var(--space40);

    }

    .tech-plat-list-li {

        margin-bottom: 0;

        padding: 0 10px;

    }

    .tech-plat-list-li:not(:first-child){

        display: none;

    }

    .tpll-wrap{

        height: 100%;

    }

    .tech-plat-list .slick-list{

        padding-bottom: 30px;

    }

    .tech-plat-list .slick-dots{

        bottom: 0;

    }

    .tech-plat-list .slick-dots li {

        width: 6px;

        height: 6px;

        background: var(--colormain2) !important;

        opacity: 0.5;

    }

    .tech-plat-list .slick-dots li.slick-active{

        opacity: 1;

    }

    .vacancy-pop-wrap-tit .std-h3::before {

        height: 24px;

        left: -40px;

    }

    .home-about-team-bg{

        bottom: -80px;

    }

    .pppw-item{

        margin-bottom: 32px;

    }

    .pppw-item:last-child{

        margin-bottom: 0;

    }

    .career-value-tit .std-h4 {

        width: 85%;

    }

    .about-culture-wrap-circle h2 {

        font-size: 22px;

    }

    /* 1199end */

}

@media screen and (max-width: 767px) {

    .ys-ban-pc, .ys-nyban-pc{

        display: none;

    }

    .ys-ban-video{

        display: none;

    }

    .ys-ban-ph, .ys-nyban-ph{

        display: block;

    }

    .ys-modal-content {

        max-height: 550px;

        padding: 50px 20px;

    }

    :root {

        --font48: 24px;

        --font40: 22px;

        --font32: 20px;

        --font24: 16px;

        --font20: 16px;

        --space140: 42px;

        --space120: 42px;

        --space80: 32px;

        --space60: 30px;

        --space50: 25px;

        --space40: 20px;

        --font14: 12px;

        --line175: 1.5;

        --font18: 14px;

        --radius: 10px;

        --space18: 6px;

    }

    .cwli-li-icon {

        width: 50px;

        height: 50px;

    }

    .cwli-li-icon img {

        width: 26px;

    }

    .cwli-li-text {

        width: calc(100% - 50px);

        padding-left: 14px;

    }

    .contact-wrap-le .std-text1 {

        margin-bottom: 28px;

    }

    .cwli-li {

        margin-bottom: 20px;

    }

    .cwli-li-text .std-h4{

        font-size: 16px;

    }

    .contact-wrap-ri {

        margin-top: 32px;

        padding: 32px 20px;

    }

    .contact-wrap-ri h2 {

        font-size: 20px;

    }

    .ys-form-inof-item2 {

        width: 100%;

    }

    .ys-fii-name {

        line-height: 40px;

    }

    .ys-fii-input {

        height: 40px;

    }

    .ys-form-inof-item{

        margin-bottom: 20px;

    }

    .ys-fic-auth-img {

        width: 100px;

    }

    .ys-fic-auth-text{

        width: calc(100% - 100px);

    }

    .ys-form-inof-code {

        margin-bottom: 20px !important;

    }

    .ys-form-inof-submit{

        margin-bottom: 0;

        margin-top: 0;

    }

    .ys-form-inof-submit .std-btn1-box {

        padding: 0 48px;

    }

    .ys-footer-tp-list li {

        padding: 0 10px;

        width: 33.333333%;

        margin-top: 10px;

    }

    .ys-footer-tp-list ul {

        margin: 0 -10px;

        flex-wrap: wrap;

    }

    .ys-footer-tp-list li:nth-child(1),

    .ys-footer-tp-list li:nth-child(2),

    .ys-footer-tp-list li:nth-child(3){

        margin-top: 0;

    }

    .ys-footer{

        padding: 32px 0;

    }

    .ys-footer-tp-logo {

        width: 120px;

    }

    .ys-footer-bt-link a {

        padding-right: 16px;

    }

    .ys-footer-bt-link a::before {

        right: 6px;

    }

    .ys-footer-bt-info a{

        margin-left: 0;

    }

    .ys-footer-tp {

        margin-bottom: 25px;

    }

    .contact-wrap-le h1 {

        margin-bottom: 5px;

    }

    .newdet-main .ys-nybanner {

        padding-top: var(--space140);

        padding-bottom: var(--space140);

    }

    .ys-nyban-bg {

        width: 100%;

    }

    .newdet-ban-time p {

        line-height: 28px;

    }

    .newdet-ban-time, .hnsl-text-time {

        padding: 0 10px;

    }

    .newdet-main .ys-nybanner{

        overflow: hidden;

    }

    .newdet-wrap{

        padding-top: var(--space120);

    }

    .newdet-wrap-text p {

        margin-bottom: 8px;

    }

    .newdet-wrap-text {

        padding-bottom: 22px;

        margin-bottom: 20px;

    }

    .slick-dots li{

        width: 6px !important;

        height: 6px !important;

        margin: 0 3px;

        background: var(--colormain2) !important;

        opacity: 0.5;

    }

    .slick-dots li.slick-active{

        opacity: 1;

    }

    .slick-dots{

        bottom: 0;

    }

    .home-new-slick .slick-list{

        padding-bottom: 30px;

    }

    .home-new-slick.empty .slick-list{

        padding-bottom: 0px;

    }

    .hnsl-text {

        padding: 30px 20px;

    }

    .hnsl-text-tit {

        height: 3em;

        font-size: 16px;

    }

    .hnsl-text-btn {

        margin-top: 20px;

    }

    .std-btn3-box-icon {

        width: 24px;

    }

    .nwlb-ul-li-img {

        width: 100%;

    }

    .nwlb-ul-li-text{

        width: 100%;

        padding: 20px;

    }

    .nwlt-li:nth-child(2n+1) .nwlt-li-text {

        padding-left: 0;

    }

    .nwlt-li:nth-child(2n+2) .nwlt-li-text {

        padding-right: 0;

    }

    .nwlt-li:nth-child(2n+1) .nwlt-li-text{

        border: none;

    }

    .hnsl-text-parga p {

        height: 3em;

    }

    .nwlb-ul-li-text {

        border-radius: 0 0 var(--radius) var(--radius);

        border-left: 1px solid #E0E0E0;

        border-top: none;

    }

    .nwlb-ul-li {

        margin-bottom: 25px;

    }

    .mod-back.act {

        right: 24px;

        width: 36px;

        bottom: 32px;

    }

    .pc-fenye li {

        width: 30px;

        height: 30px;

        line-height: 30px;

        margin: 0 4px;

    }

    .nwlb-ul-li:last-child {

        margin-bottom: 32px;

    }

    .nwlt-li-text {

        margin-top: 0;

    }

    .nwlt-li-text-wrap {

        padding: 20px;

    }

    .new-wrap-list-tp .slick-list{

        padding-bottom: 10px;

    }

    .new-wrap-list-tp.empty .slick-list{

        padding-bottom: 0;

    }

    .hnsl-text-tit {

        margin-top: 14px;

    }

    .new-wrap-list-tp .hnsl-text-btn {

        margin-top: 22px;

    }

    .ys-ph-navbar1 .ys-phnav-header-font, .ys-ph-navbar4 .ys-phnav-header-font {

        font-size: 14px;

    }

    .ys-cont1580 {

        width: 100vw;

        max-width: 100%;

        padding: 0 20px;

    }

    .new-wrap-ban{

        position: static;

    }

    .new-wrap-list{

        padding-top: 0;

        margin-top: -100px;

    }

    .pro-main .career-ban-tit-info {

        width: 100%;

    }

    .career-ban-pic {

        padding: 0 20px;

    }

    .career-ban-tit {

        margin-bottom: 32px;

    }

    .pppw-item-tit {

        padding: 18px 20px;

    }

    .pppw-item-tit-box {

        font-size: 18px;

    }

    .pill-sort-li span {

        padding-right: 10px;

    }

    .pill-sort-li {

        padding: 14px 10px;

    }

    .pill-info-li,

    .pill-line-li {

        padding: 14px 0;

    }

    .pirl-li4-bg-pro img {

        width: 14px;

        right: -7px;

    }

    .team-pop .ys-modal-content {

        width: 100%;

        margin-left: 0;

        padding: 40px 20px;

        max-width: 100%;

    }

    .vacancy-pop-wrap-cont{

        padding-left: 20px;

    }

    .team-pop .ys-modal-close {

        width: 50px;

        left: auto;

        right: 0;

        top: 0;

        background: transparent;

    }

    .pro-pop-wrap {

        height: calc(100vh - 80px);

    }

    .ppwi-li-text ul li {

        padding-left: 12px;

    }

    .vacancy-pop .mCSB_scrollTools, .pro-pop .mCSB_scrollTools {

        right: -18px;

    }

    .ys-ban-parga {

        margin-top: 20px;

    }

    .about-problem-bt-img {

        margin-top: 32px;

    }

    .home-develop-bt-slick .slick-list,

    .home-about-team-slick .slick-list{

        padding-bottom: 30px;

    }

    .home-develop-bt-slick.empty .slick-list,

    .home-about-team-slick.empty .slick-list{

        padding-bottom: 0px;

    }

    .hats-li-cont {

        padding: 20px 15px;

    }

    .hats-li-cont-name {

        margin-bottom: 15px;

    }

    .hats-li-cont-post p {

        padding: 0;

    }

    .hats-li-cont .ys-imgbox-cover {

        margin-bottom: 20px;

    }

    .about-culture-wrap-circle {

        width: 100%;

    }

    .about-culture-wrap-circle h2{

        position: static;

        transform: inherit;

        border-radius: 0;

        background: transparent;

        width: 100%;

        height: auto;

        margin-bottom: var(--space40);

    }

    .acwc-img{

        width: 100%;

        position: static;

        transform: inherit;

    }

    .acwc-svg,

    .acwc-img-bg,

    .acwc-img-mask{

        display: none;

    }

    .acwc-img .ys-slick{

        margin: 0 -10px;

        border-radius: 0;

    }

    .about-culture-wrap-circle>img{

        display: none;

    }

    .acwc-img-li-text{

        display: block;

        margin-top: 20px;

        text-align: center;

    }

    .about-culture-wrap-text{

        display: none;

    }

    .acwc-img-li-text .std-h2{

        font-size: 20px;

    }

    .acwc-img-li{

        width: 100%;

        padding: 0 10px;

    }

    .acwc-img .slick-list{

        padding-bottom: 30px;

    }

    .hdbs-li-cont {

        padding: 20px;

    }

    .hdbs-li{

        width: 100%;

    }

    .hats-li{

        width: 50%;

    }

    .team-pop-wrap-info {

        height: calc(100vh - var(--height) - 240px);

    }

    .team-pop-wrap,

    .vacancy-pop-wrap-tit {

        padding-top: 25px;

    }

    .mCSB_outside+.mCSB_scrollTools {

        right: -15px;

    }

    .team-pop-wrap-tp {

        margin-bottom: 30px;

    }

    .career-main .career-ban-tit {

        margin-bottom: 32px;

    }

    .career-value-tit .std-h4 {

        width: 100%;

    }

    .career-value-list-adv {

        width: 100%;

        padding-left: 0;

    }

    .career-value-list-logo{

        display: none;

    }

    .cvla-ul-li-icon {

        width: 50px;

        height: 50px;

    }

    .cvla-ul-li-icon img {

        width: 20px;

    }

    .cvla-ul-li-tit {

        width: calc(100% - 50px);

        padding-left: 10px;

        font-size: 16px;

    }

    .ys-horse-inof-nub {

        width: 240px;

    }

    .ys-horse-inof {

        width: calc(240px * var(--total));

    }

    .career-vacancy-tit-text{

        width: 100%;

    }

    .career-vacancy-tit-btn{

        margin-top: 20px;

    }

    .career-vacancy-tit {

        margin-bottom: 32px;

    }

    .cvll-cont {

        padding: 20px;

    }

    .cvll-cont-tit .std-h4::before {

        width: 3px;

        height: 18px;

        left: -20px;

    }

    .career-vacancy-list-li {

        width: 100%;

        margin-top: 20px;

    }

    .career-vacancy-list-li:nth-child(2){

        margin-top: 20px;

    }

    .cvll-cont-tit {

        padding-bottom: 14px;

        margin-bottom: 14px;

    }

    .career-value-list {

        margin-bottom: var(--space140);

    }

    .career-value-list-bg{

        display: none;

    }

    .vacancy-pop-wrap-info {

        margin-bottom: 20px;

    }

    .career-ban-pic-img {

        border-radius: 10px;

    }

    .slick-arrow{

        display: none !important;

    }

    .ys-ban-info {

        width: 100%;

    }

    .std-btn1-box {

        padding: 0 32px;

    }

    .home-develop-tp-tit{

        width: 100%;

    }

    .home-develop-tp-btn{

        width: 100%;

        margin-top: 15px;

    }

    .home-develop .hdbs-li-cont{

        padding-bottom: 60px;

    }

    .hlcw-list-li::before {

        top: 7.5px;

    }

    .hatb-btn{

        display: none;

    }

    .hpcs-li-cont {

        padding: 20px 15px 60px;

    }

    .hpcs-li-cont-icon {

        width: 30px;

        right: 15px;

        bottom: 20px;

    }

    .home-pro-cont-slick .slick-list{

        padding-bottom: 30px;

    }

    .home-pro-cont-slick.empty .slick-list{

        padding-bottom: 0;

    }

    .home-pro-cont-slick {

        margin-bottom: 20px;

    }

    .home-join-text {

        width: 100%;

        padding-right: 20px;

    }

    .home-join-img {

        width: 100%;

        margin-top: 32px;

    }

    .home-partner-list {

        padding: 32px 0;

    }

    .ys-horse-inof-nub1 {

        width: 120px;

    }

    .ys-horse-inofs {

        width: calc(120px * var(--total));

    }

    .home-join-text .std-h4 {

        margin-bottom: 30px;

    }

    .home-partner {

        padding-top: var(--space140);

    }

    .home-about-cont {

        padding-top: 5%;

        padding-bottom: var(--space140);

    }

    .home-about-team {

        margin-top: var(--space140);

        overflow: hidden;

    }

    .home-about-us-text {

        padding-left: 20px;

        padding-right: 20px;

        margin-bottom: 0;

        width: 100%;

        margin-top: 32px;

    }

    .haut-parga {

        margin-bottom: 30px;

    }

    .home-about-bg{

        display: none;

    }

    .haui-pic {

        margin-left: 0;

    }

    .haui-bg {

        right: -15%;

    }

    .home-about-us-img {

        width: 60%;

        margin: auto;

    }

    .home-about-svg{

        width: 100%;

        top: -5%;

    }

    .home-about-svg-ph{

        display: block;

        opacity: 0;

    }

    .home-about-svg-ph.on{

        opacity: 1;

    }

    .home-about-svg-pc{

        display: none;

    }

    .about-culture-wrap-circle h2,

    .acwc-img .ys-slick{

        visibility: hidden;

    }

    .about-culture-wrap-circle h2.act{

        animation: ysfadeInUp .8s ease-in-out both;

        animation-delay: .2s;

        visibility: visible;

    }

    .acwc-img .ys-slick.act{

        animation: ysfadeInUp .8s ease-in-out both;

        animation-delay: .3s;

        visibility: visible;

    }

    .home-about-us{

        padding-right: 0;

    }

    .home-about-cont{

        overflow: visible;

    }

    .tech-key-text {

        padding-right: 0;

        width: 100%;

    }

    .tech-key-img {

        width: 80%;

        margin: 32px auto 0;

    }

    .tpll-text{

        width: 100%;

        padding-left: 0;

        margin-top: 20px;

    }

    .tpll-img {

        width: 30%;

    }

    .tech-plat {

        padding-bottom: var(--space120);

    }

    .ys-footer-tp-list a::before {

        width: 4px;

        height: 4px;

    }

    .tpll-wrap{

        display: block;

    }

    .vacancy-pop-wrap-tit .std-h3::before {

        width: 3px;

        height: 20px;

        left: -20px;

    }

    .home-about-team-bg{

        bottom: 0;

    }

    .apbt-li-info p::before {

        top: 7.5px;

    }

    .home-join-text .std-h4{

        width: 90%;

    }

    .career-value-tit {

        padding: 0 30px;

    }

    .pill-sort-li p, .pill-sort-li span {

        font-size: 12px;

    }

    .home-about::after{

        content: "";

        width: 100%;

        height: 200px;

        background: #184385;

        position: absolute;

        top: 0;

        left: 0;

        z-index: -3;

    }

    .home-about-us-text {

        margin-top: 100px;

    }

    .home-pro-bg{

        height: auto;

    }

    .home-pro-bg img{

        height: auto;

        object-fit: none;

    }

    .about-culture-wrap-circle h2 {

        font-size: var(--font40);

    }

    .tech-key-text-parga li::before {

        top: 8px;

    }

    /* 767end */

}