@charset "utf-8";

/* 响应式原则：调大看小 */
@media screen and (max-width: 1920px) {
    .home-mode-media-svg {
        transform-origin: 50% 67.8%;
    }

    .high-deve-le {
        padding-bottom: 300px;
    }

    .high-deve-le::after {
        height: calc(100% - 300px);
    }

    .high-deve-ri {
        top: 200px;
    }

    /* 1920end */
}

@media screen and (max-width: 1680px) {
    :root {
        /* 字号 */
        --font80: 68px;
        --font64: 54px;
        --font48: 42px;
        --font32: 28px;
        --font24: 22px;
        --font20: 18px;
        /* 段落字号 */
        --font18: 16px;
        --font16: 16px;
        --font14: 14px;
        /* 导航 */
        --line80: 70px;
        --radius20: 15px;
        /* 板块间距 */
        --space150: 120px;
        --space80: 80px;
        --space60: 50px;
        /* 段落间距 */
        --parpspace10: 10px;
        --parpspace12: 12px;
    }

    .mod-nav {
        padding: 0 80px;
    }

    .ctact-btn .std-btn1-box,
    .std-btn2-box {
        padding: 7px 10px 7px 20px;
        border-radius: 30px;
    }

    .std-btn1-box,
    .std-btn2-box {
        padding: 7px 20px;
    }

    .std-btn-icon,
    .std-btn2-icon {
        width: 28px;
        height: 28px;
        margin-left: 16px;
    }

    .std-btn3-icon {
        width: 28px;
        height: 28px;
        margin-left: 10px;
    }

    .arrow-icon {
        width: 36px;
        height: 36px;
    }

    .head-nav-item {
        padding: 0 16px;
    }

    .head-nav {
        margin: 0 -16px;
    }

    .head-logo {
        width: 160px;
        margin-right: 150px;
    }

    .mod-nav-ri-lang {
        width: 22px;
        margin-right: 20px;
    }

    .ys-search1 .ys-search1-btn {
        width: 22px;
        margin-right: 24px;
    }

    .lmul-list-item,
    .lmul-text {
        margin-bottom: 16px;
    }

    .lmul-box {
        padding-bottom: 40px;
    }

    .lang-modal-ul-li {
        padding: 0 20px;
        margin-bottom: 40px;
    }

    .lang-modal-ul {
        margin: 0 -20px;
    }

    .prod-pull-wrap,
    .solu-pull-wrap,
    .about-pull-wrap {
        padding: 30px 0 60px;
    }

    .hnid-text {
        margin-bottom: 26px;
    }

    .ppul-link .ys-imgbox-cover {
        width: 140px;
        margin: 0 auto;
        margin-bottom: 24px;
        border-radius: 15px;
    }

    .ppul-link .ys-imgbox-cover::before,
    .ppul-link .ys-imgbox-cover::after {
        border-radius: 15px;
    }

    .prod-pull-cont {
        max-height: 270px;
    }

    .solu-pull .prod-pull-ul-li {
        padding: 0 10px;
    }

    .solu-pull .prod-pull-ul {
        margin: 0 -10px;
    }

    .solu-pull .prod-pull-ul-li .ys-imgbox-cover {
        border-radius: 15px;
        margin-bottom: 10px;
    }

    .ys-ban-slick .slick-dots {
        bottom: 40px;
    }

    .slick-dots li {
        margin: 0 8px;
    }

    .hom-tab {
        margin-bottom: 20px;
    }

    .hom-tab p {
        padding-bottom: 6px;
    }

    .home-about-ri {
        padding-left: 90px;
    }

    .haru-li-icon {
        width: 40px;
        margin-bottom: 16px;
    }

    .home-about-le .std-btn1 {
        margin-top: 60px;
    }

    .home-mode-media-svg {
        transform-origin: 50% 67.8%;
    }

    .htul-tit p {
        line-height: 2;
        padding-right: 17px;
    }

    .hmvb-top-ul-li {
        margin-bottom: 14px;
    }

    .hmvb-bot-textbox .std-btn2 {
        margin-top: 50px;
    }

    .hmvp-dots-icon span {
        width: 18px;
        height: 18px;
    }

    .hmvp-dots-pop-cry {
        width: 470px;
        border-radius: 10px;
        padding: 18px 26px 28px 26px;
    }

    .hmvp-dots-pop-tit {
        margin-bottom: 10px;
    }

    .hmvp-dots-pop .std-btn3 {
        margin-top: 15px;
    }

    .hmvp-dots-pop {
        padding-left: 30px;
    }

    .mod-foot-top-le {
        width: 40%;
    }

    .mod-foot-top-ri {
        width: 56%;
    }

    .mftr-sear,
    .mftr-sear form {
        margin-bottom: 64px;
    }

    .mftr-sear-input {
        width: 80%;
        height: 58px;
    }

    .mftr-sear-word {
        width: 80%;
    }

    .mftr-sear-input {
        margin-bottom: 20px;
    }

    .mftr-sear .std-btn2-box {
        height: 58px;
    }

    .mftr-ul-li ul li {
        margin-bottom: 16px;
    }

    .mftl-bt {
        margin-top: 140px;
    }

    .mftl-logo {
        width: 180px;
        margin-bottom: 40px;
    }

    .mftl-word {
        margin-bottom: 60px;
    }

    .mod-foot-bot {
        padding: 20px 0 30px;
    }

    .lang-modal .ys-modal-content {
        width: 900px;
        padding: 50px 90px 50px 70px;
    }

    .lang-modal .mCSB_outside+.mCSB_scrollTools {
        right: -38px !important;
        top: 14px;
        bottom: 14px;
        width: 6px;
    }

    .ys-nyban-title p {
        margin-bottom: 22px;
    }

    .ys-nyban-title h1 {
        margin-bottom: 32px;
    }

    .yntu-li::after {
        height: 80%;
    }

    .mode-gala-le {
        width: 56%;
        padding-right: 50px;
    }

    .mode-gala-ri {
        width: 44%;
    }

    .mgru-li-icon {
        width: 26px;
        margin-right: 10px;
    }

    .mgru-li {
        margin-bottom: 25px;
    }

    .msli-cont-le {
        width: 34%;
    }

    .mode-slide-list-item:nth-child(2n) .msli-cont-le {
        width: 40%;
    }

    .page-slide-cont {
        width: 48%;
    }

    .page-slid-swip {
        padding-bottom: 100px !important;
    }

    .page-slide-cont .mod-arrows {
        width: 94px;
    }

    .page-slide-cont .swiper-container-horizontal>.swiper-pagination-progressbar,
    .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
        width: calc(100% - 120px) !important;
    }

    .mllu-li {
        margin-bottom: 120px;
    }

    .mllu-li-tit {
        margin-bottom: 40px;
    }

    .mode-main .comp-labor-cry h2 {
        width: 70%;
        text-align: left;
    }

    .mode-main .comp-labor-cry {
        top: 100px;
    }

    .mode-vari .mode-word {
        width: 62%;
    }

    .mode-instal-swip {
        padding-bottom: 80px !important;
    }

    .mode-instal .swiper-container-horizontal>.swiper-pagination-progressbar,
    .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
        bottom: 15px !important;
    }

    .mode-tech-item-cont {
        padding: 0 100px;
    }

    .mode-tech-list {
        width: 76%;
    }

    .mulb-fr span {
        margin-bottom: 20px;
    }

    .cprc-ul-li {
        margin-bottom: 22px;
    }

    .mulb-fr {
        padding-left: 60px;
    }

    .mulb-fr-load {
        margin: 0 -10px;
    }

    .mulb-fr-load-swlect {
        margin-right: 0;
        width: 33.333333% !important;
        padding: 0 10px;
    }

    .mulb-fr-load-swlect .ys-select {
        border-radius: 4px;
        padding: 0 12px;
    }

    .mfls-icon {
        width: 14px;
        margin-right: 8px;
    }

    .mulb-fr-load-swlect .iconfont {
        font-size: 12px;
    }

    .mulb-fr-load-swlect .ys-select-hd input {
        height: 36px;
        font-size: 14px;
    }

    .mulb-fl .slick-dots li {
        width: 22px;
        height: 22px;
    }

    .mulb-fl .slick-dots {
        bottom: -66px;
        padding: 10px 8px;
        border-radius: 24px;
    }

    .mnul-link-tit {
        margin-bottom: 10px;
    }

    .mnul-link-word p {
        margin-bottom: 2px;
        font-size: 14px;
    }

    .resou-pull-ul-li {
        padding: 0 20px;
    }

    .resou-pull-ul {
        margin: 0 -20px;
    }

    .rpul-link-icon {
        width: 28px;
        margin-right: 12px;
    }

    .rpul-link-ri-icon {
        width: 18px;
        margin-left: 12px;
    }

    .faq-list-ul-li {
        margin-bottom: 26px;
    }

    .case-ctact-word {
        width: 55%;
    }

    .case-ctact-cont {
        padding: 90px 0;
    }

    .mvlu-li p {
        font-size: 32px;
    }

    .mvlu-li {
        margin-bottom: 40px;
    }

    .mulb-fr-load-swlect .ys-select-bd {
        border-radius: 20px;
        max-height: 150px;
    }

    .mulb-fr-load-swlect .ys-select-li a,
    .mulb-fr-load-swlect .ys-select-li a::after {
        font-size: 14px;
    }

    .mulb-fr-load-swlect .ys-select-li a {
        padding: 14px 0;
    }

    .plul-le {
        width: 30%;
        padding-right: 60px;
    }

    .plul-ri {
        width: 70%;
    }

    .plul-ul-li::after {
        height: 64%;
        ;
    }

    .plul-ul-li {
        padding: 0 12px;
    }

    .plul-ul {
        margin: 0 -12px;
    }

    .plul-word {
        margin-bottom: 36px;
    }

    .casedet-top h1 {
        padding-bottom: 40px;
        margin-bottom: 60px;
    }

    .casedet-min-ri {
        padding: 40px 30px;
        bottom: -60px;
        right: 120px;
    }

    .casedet-min-ri-tit {
        margin-bottom: 16px;
    }

    .casedet-list-ul {
        margin: 70px -20px;
    }

    .casedet-list-ul-li {
        padding: 0 20px;
    }

    .clul-box-icon {
        width: 73px;
        margin-bottom: 12px;
    }

    .clul-box-num {
        margin-bottom: 10px;
    }

    .case-list .mnul-link-tit {
        margin-bottom: 16px;
    }

    .loads-list-ul-li a,
    .loads-list-ul-li p {
        padding: 24px 0;
    }

    .loads-list.start .loads-list-ul-li a {
        padding: 18px 0;
    }

    .loads-wrap-ul-li {
        padding: 0 14px;
    }

    .loads-wrap-ul {
        margin: 0 -14px;
    }

    .lwul-link {
        padding: 12px 28px;
    }

    .loads-wrap .case-list-top-ri {
        height: 48px;
    }

    .case-list-top-ri {
        width: 540px;
    }

    .cltr-input input {
        padding: 0 142px 0 24px;
    }

    .lwlu-li-link {
        padding: 18px 30px;
    }

    .loads-wrap-le {
        width: 230px;
        padding: 18px 0;
    }

    .lwri-tit {
        padding-bottom: 20px;
        margin-bottom: 34px;
    }

    .lwri-ul-li {
        padding: 0 15px;
    }

    .lwri-ul {
        margin: 0 -15px;
    }

    .loads-wrap-ri-image,
    .loads-wrap-ri-video {
        padding-bottom: 80px;
    }

    .home-news-ul-li .ys-imgbox-cover {
        margin-bottom: 16px;
    }

    .home-news-tab p {
        line-height: 24px;
        padding: 0 12px;
    }

    .home-news-ul-li {
        padding: 0 10px;
    }

    .home-news-ul {
        margin: 0 -10px;
    }

    .home-news-tab {
        margin-bottom: 12px;
    }

    .loads-wrap-ri-video .home-news-tit {
        margin-bottom: 40px;
        height: 4.5em;
        -webkit-line-clamp: 3;
    }

    .lwrd-ul-li-link {
        padding: 30px 0;
    }

    .lull-le-tit {
        margin-bottom: 16px;
    }

    .lull-ri-icon {
        width: 18px;
        margin-left: 34px;
    }

    .video-list-le .video-list-le-icon {
        width: 40px;
    }

    .vlru-li-link-tit {
        font-size: 22px;
        line-height: var(--line15);
        margin-bottom: 22px;
    }

    .vlru-li-link {
        padding: 60px 24px 100px;
    }

    .slick-dots li {
        width: 8px;
        height: 8px;
        margin: 0 5px;
    }

    .vlru-li-link-tab {
        margin-bottom: 20px;
    }

    .case-list-top-le {
        width: 30%;
    }

    .cltl-sect {
        padding: 0 22px;
    }

    .ys-select-bd {
        border-radius: 20px;
        padding: 6px 22px;
        max-height: 170px;
    }

    .case-list-top-ri {
        height: 58px;
    }

    .video-item .home-news-ul-li {
        margin-bottom: 50px;
    }

    .caru-li-num .ys_demo_num,
    .caru-li-num-text {
        font-size: 76px;
    }

    .comp-about-ri {
        padding-left: 140px;
    }

    .caru-li {
        padding: 0 54px;
        margin-top: 66px;
    }

    .comp-about-ri-ul {
        margin: 0 -54px;
    }

    .comp-cert-ul-li {
        padding: 0 40px;
    }

    .comp-cert-ul {
        margin: 0 -40px;
    }

    .comp-build-min-ul {
        width: calc(100% - 100px);
        margin: -36px auto 0;
    }

    .clli-box-bot span {
        margin-left: 10px;
    }

    .clli-text {
        font-size: 38px;
    }

    .comp-labor-cry {
        width: 70%;
    }

    .crlu-li {
        width: 340px;
        margin-right: 40px;
    }

    .comp-runing-list-ul {
        width: calc(calc(340px* var(--width-shu)) + calc(40px* var(--width-shu)));
    }

    .about-green-ri {
        padding-left: 100px;
    }

    .about-green-word {
        margin-bottom: 118px;
    }

    .aulb-icon {
        width: 44px;
        margin-right: 34px;
    }

    .agru-ul-li {
        margin-bottom: 60px;
    }

    .adul-pop-wrap {
        width: 540px;
    }

    .adul-pop-wrap-link {
        padding: 44px 35px;
    }

    .apwl-slide {
        margin-bottom: 20px;
    }

    .adul-icon {
        width: 30px;
    }

    .high-deve-le {
        padding-right: 110px;
        padding-left: 90px;
    }

    .hdlu-li-year {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .hdlu-li-year::before {
        left: -88px;
        width: 44px;
        height: 44px;
    }

    .hdlu-li-year::after {
        left: -74px;
        top: 14px;
        width: 16px;
        height: 16px;
    }

    .hdlu-li {
        margin-bottom: 60px;
    }

    .high-hornor-ul-li {
        padding: 0 30px;
        margin-bottom: 30px;
    }

    .high-hornor-ul {
        margin: 0 -30px;
    }

    .hnul-sect .ys-imgbox-cover {
        width: 130px;
        margin-bottom: 12px;
    }

    .ys-share-img {
        width: 40px;
    }

    .career-edr-wrap h3 {
        font-size: 36px;
    }

    .show-cont {
        width: 525px;
        max-height: 465px;
        padding: 36px 30px 40px 40px;
    }

    .show-cont-ul {
        padding-right: 26px;
    }

    .show-addr p {
        padding: 10px 18px;
    }

    .show-pop {
        padding-bottom: 20px;
        bottom: 100%;
        right: -100%;
    }

    .show-main .adul-icon2 {
        width: 8px;
        height: 8px;
    }

    .cfss-ul-li {
        width: 320px !important;
    }

    .culb-cry {
        width: calc(100% - 40px);
        bottom: 30px;
    }

    .culb-cry-name {
        margin-bottom: 6px;
    }

    .career-future-slide-swip {
        padding-bottom: 90px !important;
    }

    .celu-li {
        width: 600px;
        margin-right: 26px;
    }

    .career-enjoy-list-ul {
        width: calc(calc(600px* var(--width-shu)) + calc(26px* var(--width-shu)));
    }

    .cjul-link {
        padding: 30px 30px;
    }

    .cjul-link-icon {
        width: 48px;
        margin-bottom: 14px;
    }

    .cjul-link-tit {
        margin-bottom: 12px;
    }

    .cjul-link-btn {
        padding: 6px 14px 7px 16px;
    }

    .cjul-link-btn-icon {
        margin-right: 10px;
    }

    .career-join-ul-li {
        padding: 0 10px;
        margin-bottom: 24px;
    }

    .career-join-ul {
        margin: 0 -10px;
    }

    .career-future-slide {
        margin-top: 100px;
    }

    .career-future h2,
    .carport-select h2 {
        margin-bottom: 30px;
    }

    .yntu-li {
        padding: 0 12px;
    }

    .roof-text h2 {
        margin-bottom: 32px;
    }

    .roof-word {
        width: 78%;
    }

    .ccul-links {
        padding: 50px 25px;
    }

    .ccul-link-top-icon {
        width: 50px;
        margin-right: 14px;
    }

    .ccul-links-top {
        margin-bottom: 20px;
    }

    .carport-swip .mod-arrows {
        width: 92px;
    }

    .cscw-cry {
        padding-bottom: 80px !important;
    }

    .clul-links .ys-imgbox-cover {
        margin-bottom: 30px;
    }

    .cpru-li-icon {
        width: 26px;
        margin-right: 12px;
    }

    .cpru-li {
        padding: 0 10px;
        margin-bottom: 15px;
    }

    .carport-pane-ri-ul {
        margin: 0 -10px;
    }

    .carport-pane-ri-cont {
        margin-top: 10px;
        padding: 40px 33px;
    }

    .roof-text h2 span {
        margin-bottom: 12px;
    }

    .roof-apply-ul-li .ys-imgbox-cover {
        margin-bottom: 24px;
    }

    .rssu-li-tit {
        width: calc(100% - 100px);
        bottom: 40px;
    }

    .ctact-ctmap h2 {
        margin-bottom: 26px;
    }

    .ccsc-ul-li {
        padding: 0 10px;
    }

    .ccsc-ul {
        margin: 0 -10px;
    }

    .ccsc-ul-li-box {
        padding: 35px 18px 40px;
    }

    .culb-top-tit {
        font-size: 30px;
    }

    .culb-top-logo {
        width: 34px;
    }

    .culb-top {
        margin-bottom: 22px;
    }

    .crul-box-list-lis {
        margin-bottom: 20px;
    }

    .ctact-ctmap .about-addr.on {
        transform: scale(1.8);
    }

    .ys-form-inof label,
    .ys-form-inof-select .ys-select-hd {
        padding: 0 20px;
    }

    .ys-form-inof-text label {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .ys-fii-input {
        height: 54px;
    }

    .ys-form-inof-item {
        margin-bottom: 14px;
    }

    .ys-form-inof-text .ys-fii-input {
        height: 80px;
    }

    .ys-fic-auth-img {
        height: 54px;
    }

    .ctact-form h2 {
        margin-bottom: 26px;
    }

    .crul-box {
        padding: 35px 30px 45px;
    }

    .cbll-sect-pic {
        width: 14px;
        margin-right: 10px;
        margin-top: 4px;
    }

    .crul-logo {
        width: 110px;
        margin-bottom: 20px;
    }

    .ctact-regions-ul-li {
        padding: 0 10px;
    }

    .ctact-regions-ul {
        margin: 0 -10px;
    }

    .loads-wrap-ri {
        width: calc(100% - 230px);
    }

    .mode-main .ys-nyban-title h1 {
        margin-bottom: 24px;
    }

    .cbll-sect p,
    .cbll-sect p a {
        font-size: 16px;
    }

    .mod-paging-ri-input {
        width: 66px;
        height: 36px;
        margin-left: 16px;
    }

    .mod-paging-ri-btn a,
    .mod-paging-ri-btn {
        width: 66px;
        height: 36px;
        line-height: 36px;
    }

    .ys-form-inof-text label {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .load-modal-cont h2 {
        margin-bottom: 20px;
    }

    .load-modal .ys-modal-content {
        width: 1200px;
        padding: 60px 50px;
    }

    .load-modal .ys-fii-input {
        height: 44px;
    }

    .load-modal .ys-form-inof-item {
        margin-bottom: 12px;
    }

    .load-modal .ys-form-inof-text .ys-fii-input {
        height: 50px;
    }

    .load-modal .ys-form-inof-text label {
        padding: 14px 20px;
    }

    .load-modal .ys-fic-auth-img {
        height: 44px;
    }

    .mod-foot-add-ri .mftr-sear-input {
        margin-bottom: 0px;
        height: 58px;
    }

    .mod-foot .mftr-sear .std-btn2-icon {
        margin-left: 24px;
    }

    .mod-foot .mftr-sear .std-btn2-box {
        padding: 8px 16px 8px 26px;
    }

    .mftr-sear-input input {
        padding-right: 180px;
    }

    .mod-foot-add {
        padding: 40px 50px;
    }

    .mod-foot-add-le .mftl-tit {
        font-size: 38px;
        margin-bottom: 16px;
    }

    .mod-foot {
        padding-top: 150px;
    }

    .lwul-link {
        padding: 12px 24px;
    }

    .career-join-more-box {
        padding: 6px 16px;
    }

    .mulb-fl-btul-lis span {
        width: 24px;
        height: 24px;
    }

    .mulb-fl-btul-lis {
        padding: 0 5px;
    }

    .mulb-fl-btul {
        bottom: -60px;
        padding: 8px 10px;
        border-radius: 30px;
    }

    .mftc-text {
        padding: 12px;
        margin: 14px auto 0px auto;
    }

    .mod-foot-add-le .mftl-tit {
        margin-bottom: 10px;
    }

    .mod-foot-add {
        padding: 30px 45px;
    }

    .about-main.comp-main .mod-foot-add {
        margin-top: -100px;
    }

    .plul-le {
        width: 30%;
        padding-right: 40px;
    }

    .loads-wrap {
        padding-top: 80px;
    }

    .cltl-sect-cry {
        padding: 0 22px;
    }

    .ctact-ctmap {
        padding-bottom: 170px;
    }

    .mode-main .ys-nyban-title p,
    .mode-main .ys-nyban-title h1,
    .mode-main .ys-nyban-title-ul {
        text-align: left;
        width: 60%;
    }

    .high-deve-le {
        padding-bottom: 240px;
    }

    .high-deve-le::after {
        height: calc(100% - 240px);
    }

    .cjul-link-tit,
    .cjul-link-tit::after {
        font-size: 24px;
    }

    .ctact-form .mftc-text {
        padding: 50px;
        font-size: 26px;
    }



    /* 1680end */
}

@media screen and (max-width: 1440px) {
    .ys-modal-content {
        max-height: 650px;
    }

    :root {
        /* 字号 */
        --font80: 54px;
        --font64: 46px;
        --font48: 36px;
        --font32: 24px;
        --font24: 20px;
        --font20: 16px;
        /* 段落字号 */
        --font18: 16px;
        --font16: 14px;
        --font14: 14px;
        /* 导航 */
        --line80: 60px;
        --radius20: 10px;
        /* 板块间距 */
        --space150: 100px;
        --space80: 70px;
        --space60: 40px;
        /* 段落间距 */
        --parpspace10: 8px;
        --parpspace12: 10px;
    }

    .mod-nav {
        padding: 0 50px;
    }

    .head-logo {
        width: 150px;
        margin-right: 90px;
    }

    .head-nav-item {
        padding: 0 12px;
    }

    .head-nav {
        margin: 0 -12px;
    }

    .std-btn-icon,
    .std-btn2-icon {
        width: 24px;
        height: 24px;
        margin-left: 12px;
    }

    .ctact-btn .std-btn1-box,
    .std-btn2-box {
        padding: 6px 10px 6px 16px;
        border-radius: 30px;
    }

    .std-btn1-box,
    .std-btn2-box {
        padding: 6px 16px;
    }

    .mod-nav-ri-lang {
        width: 20px;
        margin-right: 18px;
    }

    .ys-search1 .ys-search1-btn {
        width: 20px;
        margin-right: 22px;
    }

    .std-btn3-icon {
        width: 24px;
        height: 24px;
        margin-left: 8px;
    }

    .arrow-icon {
        width: 32px;
        height: 32px;
    }

    .prod-pull-ul-li {
        width: 20%;
        padding: 0 15px;
        margin-bottom: 20px;
    }

    .prod-pull-ul {
        margin: 0 -15px;
    }

    .ppul-link .ys-imgbox-cover {
        width: 130px;
        margin: 0 auto;
        margin-bottom: 20px;
        border-radius: 15px;
    }

    .prod-pull-cont {
        max-height: 245px;
    }

    .hnid-text {
        margin-bottom: 20px;
    }

    .solu-pull .prod-pull-ul-li .ys-imgbox-cover {
        border-radius: 10px;
        margin-bottom: 10px;
    }

    .lmul-box {
        padding-bottom: 30px;
    }

    .lang-modal-ul-li {
        padding: 0 15px;
        margin-bottom: 30px;
    }

    .lang-modal-ul {
        margin: 0 -15px;
    }

    .lmul-list-item,
    .lmul-text {
        margin-bottom: 12px;
    }

    .llil-pic {
        width: 20px;
        margin-right: 12px;
    }

    .ys-ban-word {
        width: 55%;
    }

    .ys-ban-title {
        margin-bottom: 18px;
    }

    .ys-ban-slick .slick-dots li {
        width: 6px;
        height: 6px;
        margin: 0 5px;
    }

    .ys-ban-slick .slick-dots li.slick-active {
        width: 16px;
    }

    .ys-ban-slick .slick-dots {
        bottom: 30px;
    }

    .haru-li-icon {
        width: 36px;
        margin-bottom: 14px;
    }

    .home-about-le .std-btn1 {
        margin-top: 50px;
    }

    .hmvp-dots-wrap p img {
        width: 16px;
        margin-right: 8px;
    }

    .hmvp-dots-wrap p span {
        font-size: var(--font14);
        line-height: 26px;
    }

    .hmvp-dots-wrap {
        padding: 0px 8px 0px 6px;
    }

    .hmvp-dots-icon span {
        width: 16px;
        height: 16px;
    }

    .hmvb-bot-textbox {
        top: 110px;
    }

    .hmvb-bot-textbox .std-btn2 {
        margin-top: 40px;
    }

    .htul-tit p {
        line-height: 1.75;
        padding-right: 15px;
    }

    .hmvb-top-ul-li {
        margin-bottom: 10px;
    }

    .hmvb-top {
        top: 110px;
        right: 60px;
    }

    .hmvp-dots-pop-cry {
        width: 400px;
        border-radius: 10px;
        padding: 20px 18px;
    }

    .home-news-tab p {
        line-height: 26px;
        padding: 0 12px;
        border-radius: 4px;
    }

    .home-news-tab {
        margin-bottom: 12px;
    }

    .mftr-sear-input {
        width: 70%;
        height: 48px;
        margin-bottom: 16px;
    }

    .mftr-sear .std-btn2-box {
        height: 48px;
    }

    .mftr-sear-input input {
        padding-right: 130px;
        padding-left: 20px;
        ;
    }

    .mftr-sear-word {
        width: 70%;
    }

    .mftr-sear-word p {
        padding-left: 20px;
    }

    .mftr-ul-link {
        margin-bottom: 22px;
    }

    .mftr-sear,
    .mftr-sear form {
        margin-bottom: 42px;
    }

    .mftl-logo {
        width: 160px;
        margin-bottom: 28px;
    }

    .mftl-bt {
        margin-top: 90px;
    }

    .mod-foot-top-le {
        width: 42%;
    }

    .mftl-word {
        margin-bottom: 50px;
    }

    .mod-foot-bot {
        padding: 18px 0 26px;
    }

    .mfbr-ul-li {
        padding: 0 10px;
    }

    .mfbr-ul {
        margin: 0 -10px;
    }

    .case-ctact-cont {
        padding: 70px 0;
    }

    .case-ctact h2 {
        margin-bottom: 22px;
    }

    .case-ctact-word {
        width: 60%;
    }

    .flul-box-tp-text {
        width: 30px;
        height: 30px;
        margin-right: 20px;
    }

    .flul-box-tp {
        padding: 20px 70px 20px 24px;
    }

    .flul-box-bt {
        padding: 0px 70px 24px 76px;
    }

    .flul-box-tp::after {
        right: 48px;
        width: 20px;
    }

    .flul-box-tp::before {
        right: 57px;
        height: 20px;
    }

    .resou-pull-ul-li {
        padding: 0 15px;
    }

    .resou-pull-ul {
        margin: 0 -15px;
    }

    .mode-were-cont {
        margin-bottom: 54px;
    }

    .mode-were-min img {
        width: 20%;
    }

    .mod-news-ul-li {
        padding: 0 10px;
    }

    .mod-news-ul {
        margin: 0 -10px;
    }

    .mode-tech-item-cont {
        padding: 0 60px;
    }

    .mulb-fr-load-swlect .ys-select {
        padding: 0 10px;
    }

    .mfls-icon {
        width: 14px;
        margin-right: 6px;
    }

    .mulb-fr-load-swlect .iconfont {
        font-size: 10px;
    }

    .cprc-ul-li {
        margin-bottom: 20px;
    }

    .mulb-fr span {
        margin-bottom: 15px;
    }

    .mode-instal .mod-arrows {
        width: 90px;
    }

    .mode-instal .swiper-container-horizontal>.swiper-pagination-progressbar,
    .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
        width: calc(100% - 120px) !important;
    }

    .mvlu-li p {
        font-size: 28px;
    }

    .mvlu-li {
        margin-bottom: 36px;
    }

    .mode-vari .mode-word {
        width: 72%;
    }

    .mode-main .comp-labor-cry {
        top: 80px;
    }

    .mllu-li {
        margin-bottom: 90px;
    }

    .mllu-li-tit {
        margin-bottom: 30px;
    }

    .mode-slide-list-item:nth-child(2n) .msli-cont-le {
        width: 44%;
    }

    .msli-cont-le-tit {
        font-size: 36px;
        margin-bottom: 20px;
    }

    .msli-cont-le {
        width: 38%;
    }

    .page-slide-cont .mod-arrows {
        width: 86px;
    }

    .page-slid-swip {
        padding-bottom: 80px !important;
    }

    .mgru-li {
        margin-bottom: 20px;
    }

    .mulb-fl .slick-dots li {
        width: 18px;
        height: 18px;
    }

    .mulb-fr-load-swlect .ys-select-bd {
        border-radius: 15px;
        max-height: 110px;
    }

    .mulb-fr-load-swlect .ys-select-li a {
        padding: 6px 0;
    }

    .mulb-fr-load-swlect {
        padding: 0 6px;
    }

    .mulb-fr-load {
        margin: 0 -6px;
    }

    .mulb-fr-load-swlect .ys-select-hd input {
        height: 32px;
        font-size: 12px;
    }

    .plul-ri {
        width: 66%;
    }

    .plul-le {
        width: 34%;
    }

    .ys-nyban-title p {
        margin-bottom: 16px;
    }

    .ys-nyban-title h1 {
        margin-bottom: 28px;
    }

    .casedet-top h1 {
        padding-bottom: 30px;
        margin-bottom: 50px;
    }

    .casedet-min-ri {
        padding: 30px 25px;
        bottom: -60px;
        right: 100px;
        width: 45%;
    }

    .casedet-min-ri-tit {
        margin-bottom: 12px;
    }

    .casedet-list-ul {
        margin: 60px -20px;
    }

    .casedet-list-ul-li {
        padding: 0 20px;
    }

    .clul-box-icon {
        width: 66px;
        margin-bottom: 10px;
    }

    .clul-box-num {
        margin-bottom: 8px;
    }

    .case-list .mnul-link-tit {
        margin-bottom: 12px;
    }

    .loads-list.start .loads-list-ul-li a {
        padding: 14px 0;
    }

    .loads-list .loads-list-ul-li a {
        font-size: 16px;
    }

    .loads-list-ul-li a,
    .loads-list-ul-li p {
        padding: 18px 0;
    }

    .lwul-link {
        padding: 10px 20px;
    }

    .loads-wrap-ul-li {
        padding: 0 8px;
    }

    .loads-wrap-ul {
        margin: 0 -8px;
    }

    .case-list-top-ri {
        width: 440px;
    }

    .loads-wrap .case-list-top-ri {
        height: 44px;
    }

    .lwri-tit {
        padding-bottom: 20px;
        margin-bottom: 26px;
    }

    .loads-wrap-le {
        width: 200px;
        padding: 16px 0;
    }

    .lwlu-li-link {
        padding: 14px 20px;
    }

    .loads-wrap-ri {
        padding-left: 50px;
    }

    .lwri-ul-li {
        padding: 0 10px;
    }

    .lwri-ul {
        margin: 0 -10px;
    }

    .loads-wrap-ri-image,
    .loads-wrap-ri-video {
        padding-bottom: 60px;
    }

    .lwrv-top-icon {
        width: 28px;
    }

    .home-news-tab p {
        line-height: 22px;
        padding: 0 7px;
        border-radius: 4px;
        font-size: 12px;
    }

    .lwrv-tablist .home-news-tab {
        margin-right: 10px;
    }

    .loads-wrap-ri-video .home-news-tit {
        margin-bottom: 30px;
        height: 4.5em;
        -webkit-line-clamp: 3;
    }

    .lull-ri-icon {
        width: 14px;
        margin-left: 20px;
    }

    .lwrd-ul-li-link {
        padding: 22px 0;
    }

    .cltl-sect {
        width: 47.5%;
        height: 44px;
    }

    .case-list-top-le {
        width: 32%;
    }

    .ys-select-li,
    .ys-select-li a {
        padding: 12px 0;
    }

    .ys-select-bd {
        border-radius: 15px;
        padding: 6px 22px;
        max-height: 138px;
    }

    .case-list-top-ri {
        height: 50px;
    }

    .pc-fenye li {
        width: 28px;
        height: 28px;
        line-height: 28px;
        font-size: 16px;
    }

    .first li::before,
    .next li::before,
    .prev li::before,
    .end li::before {
        font-size: 14px;
    }

    .video-list-le {
        width: 55%;
    }

    .video-list-ri {
        width: 45%;
        padding-left: 30px;
    }

    .video-list-le .video-list-le-icon {
        width: 38px;
    }

    .vlru-li-link {
        padding: 44px 22px 70px;
    }

    .video-list-ri-ul .slick-dots {
        padding-right: 60px;
        bottom: 30px;
    }

    .vlru-li-link-tit {
        font-size: 20px;
        margin-bottom: 18px;
    }

    .caru-li-num .ys_demo_num,
    .caru-li-num-text {
        font-size: 62px;
    }

    .comp-about-ri {
        padding-left: 100px;
    }

    .caru-li {
        padding: 0 40px;
        margin-top: 60px;
    }

    .comp-about-ri-ul {
        margin: 0 -40px;
    }

    .comp-cert-ul-li {
        padding: 0 30px;
    }

    .comp-cert-ul {
        margin: 0 -30px;
    }

    .comp-build-min-ul {
        width: calc(100% - 80px);
        margin: -26px auto 0;
    }

    .cbmu-li-pic {
        width: 100px;
    }

    .clli-box-bot span {
        margin-left: 10px;
    }

    .clli-text {
        font-size: 30px;
    }

    .comp-labor-cry {
        width: 76%;
    }

    .crlu-li {
        width: 280px;
        margin-right: 30px;
    }

    .comp-runing-list-ul {
        width: calc(calc(280px* var(--width-shu)) + calc(30px* var(--width-shu)));
    }

    .comp-runing::after,
    .comp-runing::before {
        width: 12%;
    }

    .comp-about-ri-word {
        padding-right: 61px;
        height: 270px;
    }

    .adul-icon {
        width: 26px;
    }

    .adul-icon2 {
        width: 12px;
        height: 12px;
    }

    .adul-pop-wrap {
        width: 440px;
    }

    .adul-pop-wrap-link {
        padding: 35px 28px;
    }

    .apwu-tit {
        font-size: 20px;
    }

    .apwl-slide .arrow-icon {
        width: 28px;
        height: 28px;
    }

    .apwl-slide .mod-arrows {
        width: calc(100% + 28px);
    }

    .about-green-ri {
        padding-left: 60px;
    }

    .about-green-word {
        margin-bottom: 96px;
    }

    .aulb-icon {
        width: 40px;
        margin-right: 26px;
    }

    .agru-ul-li {
        margin-bottom: 46px;
    }

    .high-hornor-ul-li {
        padding: 0 20px;
        margin-bottom: 20px;
    }

    .high-hornor-ul {
        margin: 0 -20px;
    }

    .hnul-sect .ys-imgbox-cover {
        width: 100px;
        margin-bottom: 10px;
    }

    .high-deve-le {
        padding-right: 60px;
        padding-left: 90px;
    }

    .career-edr-wrap h3 {
        font-size: 30px;
    }

    .show-main .about-dots-ul-li.left .adul-pop {
        padding-right: 40px;
    }

    .show-cont {
        width: 385px;
        max-height: 425px;
        padding: 35px 25px 36px 25px;
    }

    .show-cont .mCSB_outside+.mCSB_scrollTools {
        right: 12px !important;
        top: 36px;
        bottom: 40px;
    }

    .show-cont-close {
        width: 26px;
        top: 8px;
        right: 8px;
    }

    .show-addr p {
        padding: 8px 14px;
    }

    .cjul-link {
        padding: 25px 20px;
    }

    .cjul-link-icon {
        width: 40px;
        margin-bottom: 8px;
    }

    .cjul-link-tit {
        margin-bottom: 8px;
    }

    .cjul-link-word p {
        font-size: 1.5;
    }

    .celu-li-ri img {
        margin-bottom: 20px;
        border-radius: 10px;
    }

    .celu-li {
        width: 500px;
        margin-right: 22px;
    }

    .career-enjoy-list-ul {
        width: calc(calc(500px* var(--width-shu)) + calc(22px* var(--width-shu)));
    }

    .career-future-slide {
        margin-top: 80px;
    }

    .cfss-ul-li {
        width: 300px !important;
    }

    .career-future-slide-swip {
        padding-bottom: 70px !important;
    }

    .career-future-slide .arrow-icon {
        width: 32px;
        height: 32px;
    }

    .career-future-slide .mod-arrows {
        width: 90px;
    }

    .career-future h2 {
        margin-bottom: 22px;
    }

    .ccul-links {
        padding: 32px 20px;
    }

    .ccul-link-top-icon {
        width: 40px;
        margin-right: 12px;
    }

    .cscw-cry {
        padding-bottom: 60px !important;
    }

    .carport-swip .mod-arrows {
        width: 84px;
    }

    .carport-swip .swiper-container-horizontal>.swiper-pagination-progressbar,
    .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
        width: calc(100% - 130px) !important;
        bottom: 15px !important;
    }

    .roof-apply-ul-li {
        padding: 0 10px;
    }

    .roof-apply-ul {
        margin: 0 -10px;
    }

    .roof-apply-ul-li .ys-imgbox-cover {
        margin-bottom: 16px;
    }

    .roof-main .flul-box-bt {
        padding-right: 160px;
    }

    .roof-text h2 {
        margin-bottom: 22px;
    }

    .crul-logo {
        width: 100px;
        margin-bottom: 16px;
    }

    .crul-box {
        padding: 30px 25px;
    }

    .culb-top-logo {
        width: 30px;
    }

    .culb-top-tit {
        font-size: 26px;
    }

    .crul-box-list-lis {
        margin-bottom: 15px;
    }

    .ctact-ctmap .adul-icon2 {
        width: 8px;
        height: 8px;
    }

    .ys-fii-input {
        height: 48px;
    }

    .ys-form-inof-item {
        margin-bottom: 12px;
    }

    .ys-form-inof-text .ys-fii-input {
        height: 70px;
    }

    .ys-fic-auth-img {
        height: 48px;
    }

    .loads-wrap-ri {
        width: calc(100% - 200px);
    }

    .mode-main .ys-nyban-title h1 {
        margin-bottom: 18px;
    }

    .mode-main .ys-nyban-title p,
    .mode-main .ys-nyban-title h1,
    .mode-main .ys-nyban-title-ul {
        text-align: left;
        width: 70%;
    }

    .mod-paging-ri-input {
        width: 62px;
        height: 34px;
        margin-left: 12px;
    }

    .mod-paging-ri-btn a,
    .mod-paging-ri-btn {
        width: 62px;
        height: 34px;
        line-height: 34px;
    }

    .mod-paging-ri-total {
        margin-left: 16px;
    }

    .ctact-form h2 {
        margin-bottom: 18px;
    }

    .load-modal .ys-fii-input {
        height: 40px;
    }

    .load-modal .ys-form-inof-text .ys-fii-input {
        height: 44px;
    }

    .load-modal .ys-modal-content {
        width: 1000px;
        padding: 45px 40px;
    }

    .load-modal-cont h2 {
        margin-bottom: 12px;
    }

    .load-modal .ys-fic-auth-img {
        height: 40px;
    }

    .mod-foot-add-le .mftl-tit {
        font-size: 32px;
        margin-bottom: 16px;
    }

    .mod-foot-add-ri .mftr-sear-input {
        margin-bottom: 0px;
        height: 50px;
    }

    .mod-foot-add-ri .mftr-sear-input input {
        padding-left: 0px;
    }

    .mod-foot-add-ri {
        width: 52%;
    }

    .mftr-sear-input input {
        padding-right: 160px;
    }

    .mftl-word p {
        font-size: 14px;
    }

    .mod-foot {
        padding-top: 130px;
    }

    .mod-foot-bot-le p,
    .mod-foot-bot-le p span,
    .mod-foot-bot-le p a,
    .mfbr-ul-li a {
        font-size: 12px;
    }

    .mod-foot-add-le {
        width: 42%;
    }

    .lwul-link {
        padding: 8px 14px;
    }

    .career-join-more-box {
        padding: 5px 14px;
    }

    .mulb-fl-btul-lis span {
        width: 20px;
        height: 20px;
    }

    .mulb-fl-btul-lis {
        padding: 0 4px;
    }

    .mulb-fl-btul {
        bottom: -60px;
        padding: 6px 8px;
        border-radius: 30px;
    }

    .mod-foot-add-le .mftl-tit {
        margin-bottom: 10px;
    }

    .mftc-text {
        border: 3px solid #7ec370;
        padding: 8px 10px;
        margin: 12px auto 0px auto;
    }

    .loads-wrap {
        padding-top: 60px;
    }

    .ctact-regions-ul-li {
        padding: 0 10px;
    }

    .ctact-regions-ul {
        margin: 0 -10px;
    }

    .ctact-ctmap {
        padding-bottom: 140px;
    }

    .mode-main .ys-nyban-title p,
    .mode-main .ys-nyban-title h1,
    .mode-main .ys-nyban-title-ul {
        text-align: left;
        width: 62%;
    }

    .high-deve-le {
        padding-bottom: 180px;
    }

    .high-deve-le::after {
        height: calc(100% - 180px);
    }

    .ys-bread-list::before {
        top: 51%;
        width: 6px;
    }

    .high-deve-ri {
        top: 180px;
    }

    .cjul-link-tit,
    .cjul-link-tit::after {
        font-size: 20px;
    }

    .ctact-form .mftc-text {
        padding: 40px;
        font-size: 24px;
    }


    /* 1440end */
}

@media screen and (max-width: 1200px) {
    :root {
        /* 字号 */
        --font80: 44px;
        --font64: 38px;
        --font48: 30px;
        --font32: 22px;
        --font24: 20px;
        --font20: 18px;
        /* 段落字号 */
        --font18: 16px;
        --font16: 14px;
        --font14: 14px;
        /* 导航 */
        --line80: 60px;
        /* 板块间距 */
        --space150: 90px;
        --space80: 70px;
        --space60: 40px;
        /* 段落间距 */
        --parpspace10: 8px;
        --parpspace12: 10px;
    }

    /* 1200end */
}

@media screen and (max-width: 1199px) {
    :root {
        /* 字号 */
        --font80: 36px;
        --font64: 30px;
        --font48: 24px;
        --font32: 20px;
        --font24: 18px;
        --font20: 16px;
        /* 段落字号 */
        --font18: 14px;
        --font16: 14px;
        --font14: 12px;
        /* 导航 */
        --line80: 56px;
        --radius20: 5px;
        /* 板块间距 */
        --space150: 60px;
        --space80: 50px;
        --space60: 26px;
        /* 段落间距 */
        --parpspace10: 6px;
        --parpspace12: 8px;
    }

    .ys-hd-pc {
        display: none !important;
    }

    .std-btn-icon,
    .std-btn2-icon {
        width: 22px;
        height: 22px;
        margin-left: 8px;
    }

    .ctact-btn .std-btn1-box,
    .std-btn2-box {
        padding: 6px 10px 6px 14px;
        border-radius: 30px;
    }

    .std-btn1-box,
    .std-btn2-box {
        padding: 6px 14px;
    }

    .std-btn3-icon {
        width: 22px;
        height: 22px;
        margin-left: 8px;
    }

    .home-mode {
        height: auto;
    }

    .home-mode-conts {
        display: none;
    }

    .home-mode-cont {
        top: auto !important;
        height: auto;
        position: relative;
    }

    .home-mode-ph {
        display: block;
    }

    .home-mode-ph-first {
        width: 100%;
        position: relative;
    }

    .hmps-ul-li-sect {
        width: 100%;
        position: relative;
    }

    .hmps-ul-list {
        width: calc(100% - 40px);
        margin: 0 auto;
    }

    .hmps-ul-list-item .hmvp-dots-pop {
        position: relative;
        top: auto;
        left: auto;
        transform: inherit;
        display: block !important;
        box-shadow: 0px 4px 11.7px rgba(0, 0, 0, 0.05);
    }

    .home-mode-ph-pull {
        position: relative;
    }

    .ys-ph-navbar2 .ys-phnav-logo {
        height: 56px;
    }

    .ys-phnav-logo img {
        width: 100%;
    }

    .ys-ban-word {
        width: 68%;
    }

    .ys-ban-title {
        margin-bottom: 14px;
    }

    .home-mode-box {
        height: auto;
    }

    .home-mode-media {
        display: none;
    }

    .home-mode-textbox {
        width: 100%;
        position: relative;
        left: auto;
        top: auto;
        transform: inherit;
        z-index: 11;
    }

    .hmtc-word {
        width: 85vw;
    }

    .hom-tab p {
        padding-bottom: 4px;
        font-size: 14px;
    }

    .hom-tab {
        margin-bottom: 16px;
    }

    .home-mode h2 {
        margin-bottom: 22px;
    }

    .home-about-cont {
        flex-direction: column;
    }

    .home-about-le,
    .home-about-ri {
        width: 100%;
    }

    .home-about-ri {
        padding-left: 0px;
    }

    .home-about-le .std-btn1 {
        margin-top: 36px;
    }

    .home-about-ri-ul {
        margin: 0 -10px;
    }

    .haru-li {
        width: 25%;
        padding: 0 10px;
        margin-top: 50px;
    }

    .haru-li:nth-child(4n+1) {
        animation-delay: 0.2s;
    }

    .haru-li:nth-child(4n+2) {
        animation-delay: 0.3s;
    }

    .haru-li:nth-child(4n+3) {
        animation-delay: 0.4s;
    }

    .haru-li:nth-child(4n+4) {
        animation-delay: 0.5s;
    }

    .haru-li-word p {
        font-size: 12px;
    }

    .hmvp-dots-wrap p span {
        line-height: 20px;
    }

    .hmvp-dots-wrap p img {
        width: 12px;
        margin-right: 6px;
    }

    .hmps-ul-li .hmvp-dots-wrap {
        padding: 0;
        background: transparent;
        pointer-events: none;
    }

    .hmvb-bot-textbox {
        top: 40px;
    }

    .hmpf-img {
        position: relative;
    }

    .hmps-ul-li .home-mode-ph-pull .hmpf-img::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 100%;
        background: linear-gradient(90deg, #000 1.2%, rgba(0, 0, 0, 0.00) 99.8%);
        opacity: 0.5;
        display: block !important;
    }

    .home-mode-ph-pull .hmpf-img::after {
        display: none;
    }

    .hmps-ul-list {
        margin: 0 auto 62px;
    }

    .hmps-ul-list-item .hmvp-dots-pop {
        padding-left: 0px;
    }

    .hmps-ul-list .hmps-ul-list-item {
        padding: 0 10px;
        -webkit-user-select: text;
        -khtml-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text;
    }

    .hmps-ul-list .hmps-ul-list-item.slick-slide:not(:first-child) {
        display: none;
    }

    .hmps-ul-list .slick-list {
        padding-bottom: 10px;
    }

    .hmps-ul-list .slick-dots {
        bottom: -20px
    }

    .hmps-ul-list .slick-dots li.slick-active {
        background: rgba(230, 0, 18, 1);
        width: 20px;
    }

    .hmps-ul-list .slick-dots li {
        width: 6px;
        height: 6px;
        border-radius: 6px;
        background: rgba(230, 0, 18, 0.1);
        margin: 0 4px;
    }

    .hmvp-dots-pop-cry {
        width: 100%;
    }

    .mftr-ul {
        display: none;
    }

    .mod-foot-top {
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .mod-foot-top-le {
        width: 100%;
    }

    .mftl-tit {
        margin-bottom: 20px;
    }

    .mftl-word {
        margin-bottom: 24px;
    }

    .mftl-logo {
        width: 134px;
        margin-bottom: 20px;
    }

    .mftl-bt {
        margin-top: 60px;
    }

    .mod-foot-top-ri {
        width: 45%;
        position: absolute;
        bottom: 30px;
        right: 7.5vw;
        z-index: 3;
    }

    .mftr-sear-input {
        width: 100%;
        height: 40px;
        margin-bottom: 14px;
    }

    .mftr-sear-word {
        width: 100%;
    }

    .mftr-sear-word p {
        padding-left: 20px;
        font-size: 12px;
    }

    .mftr-sear .std-btn2-box {
        height: 40px;
    }

    .mod-foot {
        padding-top: 60px;
    }

    .mod-bread {
        top: 18px;
    }

    .ys-bread-list::before {
        top: 51%;
        right: -2px;
        width: 6px;
    }

    .ys-bread-list {
        padding: 0 10px;
    }

    .ys-bread {
        margin: 0 -10px;
    }

    .ys-nyban-title p {
        margin-bottom: 16px;
        font-size: 18px;
    }

    .yntu-li p {
        font-size: var(--font18) !important;
    }

    .yntu-li {
        padding: 0 10px;
    }

    .ys-nyban-title-ul {
        margin: 0 -10px;
    }

    .ys-nyban-title h1 {
        margin-bottom: 28px;
    }

    .mode-gala-le {
        width: 52%;
        padding-right: 30px;
    }

    .mode-gala-ri {
        width: 48%;
    }

    .mgru-li-icon {
        width: 22px;
        margin-right: 10px;
    }

    .mgru-li {
        margin-bottom: 18px;
    }

    .mgru-li-box p {
        font-size: 14px;
    }

    .mode-slide-list-item {
        height: auto;
    }

    .msli-cont-le-tit {
        font-size: 22px;
        margin-bottom: 16px;
    }

    .msli-cont-le {
        width: 44%;
    }

    .page-slide-cont .mod-arrows {
        width: 80px;
    }

    .page-slide-cont .swiper-container-horizontal>.swiper-pagination-progressbar,
    .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
        width: calc(100% - 100px) !important;
    }

    .page-slid-swip {
        padding-bottom: 60px !important;
    }

    .mode-slide,
    .mode-slide-wrap {
        height: auto;
    }

    .mode-slide-fixed {
        position: relative;
        left: auto;
        height: auto;
    }

    .mode-slide-container {
        position: relative;
        top: auto;
        left: auto;
        transform: inherit;
    }

    .mvlu-li p {
        font-size: 22px;
    }

    .mode-vari .mode-word {
        width: 100%;
    }

    .mode-instal-swip {
        padding-bottom: 60px !important;
    }

    .mode-tech-item-cont {
        padding: 0 30px;
    }

    .mode-tech-list-item p {
        padding-bottom: 14px;
    }

    .mode-tech-list {
        width: 84%;
    }

    .mulb-fl .slick-dots li {
        width: 14px;
        height: 14px;
    }

    .mulb-fl .slick-dots {
        bottom: -66px;
        padding: 8px 6px;
        border-radius: 20px;
    }

    .mulb-fr {
        padding-left: 30px;
    }

    .cprc-ul-li {
        margin-bottom: 16px;
    }

    .mulb-fr-load-swlect {
        margin-right: 0;
        width: 50% !important;
        padding: 0 10px;
        margin-bottom: 6px;
    }

    .mulb-fr-load {
        flex-wrap: wrap;
    }

    .mnul-link-word p {
        margin-bottom: 2px;
        font-size: 12px;
    }

    .mnul-link-tit {
        margin-bottom: 4px;
    }

    .resou-pull-ul {
        flex-wrap: wrap;
        margin: 0 -10px;
    }

    .resou-pull-ul-li {
        padding: 0 10px;
        margin-bottom: 12px;
    }

    .rpul-link-ri-icon {
        width: 14px;
        margin-left: 10px;
    }

    .rpul-link-icon {
        width: 26px;
        margin-right: 10px;
    }

    .mode-were-cont {
        margin-bottom: 38px;
    }

    .flul-box-tp {
        padding: 16px 50px 16px 18px;
    }

    .flul-box-bt {
        padding: 0px 50px 16px 62px;
    }

    .flul-box-tp-text {
        width: 26px;
        height: 26px;
        margin-right: 16px;
    }

    .flul-box-tp::after {
        right: 26px;
        width: 16px;
    }

    .flul-box-tp::before {
        right: 33px;
        height: 16px;
    }

    .case-ctact-word {
        width: 90%;
    }

    .case-ctact h2 {
        margin-bottom: 10px;
    }

    .case-ctact-cont {
        padding: 50px 0;
    }

    .mtic-ul .slick-list {
        padding-bottom: 110px;
    }

    .mode-tech {
        padding-bottom: 0;
    }

    .mulb-fr-load-swlect .ys-select-bd {
        border-radius: 10px;
        max-height: 110px;
        padding: 8px 20px;
    }

    .mulb-fr-load-swlect .ys-select-li a,
    .mulb-fr-load-swlect .ys-select-li a::after {
        font-size: 12px;
    }

    .plul-ri {
        width: 64%;
    }

    .plul-le {
        width: 36%;
        padding-right: 30px;
    }

    .ys-nyban-title p {
        margin-bottom: 14px;
        font-size: 18px;
    }

    .plul-word {
        margin-bottom: 26px;
    }

    .plul-ul-li {
        padding: 0 8px;
    }

    .plul-ul {
        margin: 0 -8px;
    }

    .casedet-main .mod-wrap {
        padding-top: 0px !important;
    }

    .casedet-top h1 {
        padding-bottom: 30px;
        margin-bottom: 40px;
    }

    .casedet-min-ri {
        padding: 25px 20px;
        width: 40%;
        position: relative;
        bottom: auto;
        right: auto;
    }

    .clul-box-icon {
        width: 56px;
        margin-bottom: 6px;
    }

    .clul-box-num {
        margin-bottom: 6px;
    }

    .casedet-min .casedet-top-wrap {
        align-items: stretch;
    }

    .casedet-min-le img {
        height: 100%;
        object-fit: cover;
    }

    .casedet-list-ul {
        margin: 40px -20px;
    }

    .lwul-link {
        padding: 8px 14px;
    }

    .loads-list {
        display: none;
    }

    .loads-wrap-ul {
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: scroll;
        margin: 0 -4px;
    }

    .loads-wrap-ul-li {
        padding: 0px 4px;
    }

    .loads-wrap-cont {
        flex-direction: column;
    }

    .loads-wrap-le {
        width: 100%;
        padding: 10px 4px;
        margin-bottom: 10px;
        position: relative;
        top: auto;
    }

    .loads-wrap-le-ul {
        display: flex;
        flex-wrap: wrap;
    }

    .lwlu-li-link {
        padding: 10px 14px;
    }

    .loads-wrap-ri {
        width: 100%;
        padding-left: 0px;
        margin-top: 26px;
    }

    .loads-wrap-ri-image,
    .loads-wrap-ri-video {
        padding-bottom: 50px;
    }

    .lwlu-li-link {
        border-radius: 80px;
    }

    .video-list-le .video-list-le-icon {
        width: 34px;
    }

    .vlru-li-link {
        padding: 32px 20px 45px;
    }

    .vlru-li-link-tab p {
        line-height: 26px;
        padding: 0 12px;
    }

    .vlru-li-link-tab {
        margin-bottom: 14px;
    }

    .vlru-li-link-tit {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .vlru-li-link-btn {
        margin-top: 44px;
    }

    .video-list-ri-ul .slick-dots {
        padding-right: 40px;
        bottom: 20px;
    }

    .slick-dots li {
        width: 6px;
        height: 6px;
        margin: 0 5px;
    }

    .video-item .home-news-ul-li {
        margin-bottom: 40px;
        width: 50%;
    }

    .video-item .home-news-ul-li:nth-child(2n+1) {
        animation-delay: 0.2s;
    }

    .video-item .home-news-ul-li:nth-child(2n+2) {
        animation-delay: 0.3s;
    }

    .cltr-input input {
        padding: 0 128px 0 16px;
    }

    .case-list-top-ri {
        width: 380px;
        height: 44px;
    }

    .case-list-top-le {
        width: 40%;
    }

    .cltl-sect {
        width: 47%;
        height: 42px;
    }

    .cltl-sect {
        padding: 0 16px;
    }

    .ys-select-li,
    .ys-select-li a {
        padding: 8px 0;
    }

    .ys-select-bd {
        border-radius: 10px;
        padding: 6px 16px;
        max-height: 115px;
    }

    .cltl-sect .icon-arrow-down:before {
        font-size: 10px;
    }

    .ys-pcfy {
        display: block !important;
    }

    .pc-fenye li {
        width: 24px;
        height: 24px;
        line-height: 24px;
        font-size: 14px;
    }

    .first li::before,
    .next li::before,
    .prev li::before,
    .end li::before {
        font-size: 12px;
    }

    .faq-list-ul-li {
        margin-bottom: 20px;
    }

    .comp-about-ri {
        padding-left: 50px;
    }

    .comp-about-ri-word {
        padding-right: 20px;
        height: 150px;
    }

    .caru-li-num .ys_demo_num,
    .caru-li-num-text {
        font-size: 40px;
    }

    .caru-li {
        padding: 0 20px;
        margin-top: 40px;
    }

    .comp-about-ri-ul {
        margin: 0 -20px;
    }

    .caru-li-word p {
        font-size: 12px;
    }

    .caru-li-num span {
        font-size: 12px;
        line-height: 2;
        color: var(--colorfff);
    }

    .comp-about-ri-word .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 4px;
    }

    .comp-about-ri-word .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
        width: 4px;
    }

    .ccul-boxs-icon {
        width: 94px;
        margin: 0 auto 18px;
    }

    .clli-text {
        font-size: 20px;
    }

    .clli-box-bot span {
        margin-left: 8px;
        font-size: 16px;
    }

    .clli-word p {
        font-size: 16px;
    }

    .clli-box {
        padding-top: 14px;
    }

    .comp-labor-cry {
        width: calc(100% - 40px);
    }

    .comp-labor-cry h2 {
        margin-bottom: 16px;
    }

    .crlu-li {
        width: 210px;
        margin-right: 18px;
    }

    .comp-runing-list-ul {
        width: calc(calc(210px* var(--width-shu)) + calc(18px* var(--width-shu)));
    }

    .about-green-word p {
        font-size: 14px;
    }

    .about-green-ri {
        padding-left: 30px;
    }

    .about-green-word {
        margin-bottom: 30px;
    }

    .aulb-icon {
        width: 32px;
        margin-right: 18px;
    }

    .aulb-ri-word p {
        font-size: 12px;
    }

    .agru-ul-li {
        margin-bottom: 26px;
    }

    .adul-icon {
        width: 22px;
    }

    .adul-pop-wrap {
        width: 320px;
    }

    .adul-pop-wrap-link {
        padding: 25px 20px;
    }

    .apwu-tit {
        font-size: 16px;
    }

    .adul-icon2 {
        width: 8px;
        height: 8px;
    }

    .adul-pop {
        padding-left: 8px;
    }

    .about-dots-ul-li.left .adul-pop {
        padding-right: 12px;
    }

    .apwl-slide .arrow-icon {
        width: 24px;
        height: 24px;
    }

    .apwl-slide .mod-arrows {
        width: calc(100% + 24px);
    }

    .high-deve-le {
        padding-right: 25px;
        padding-left: 50px;
    }

    .hdlu-li-year::before {
        left: -43px;
        width: 34px;
        height: 34px;
        top: 3px;
    }

    .hdlu-li-year::after {
        left: -32px;
        top: 14px;
        width: 12px;
        height: 12px;
    }

    .hdlu-li-word ul li p {
        font-size: 14px;
    }

    .ys-share-img {
        width: 36px;
    }

    .career-edr-wrap p {
        margin-bottom: 12px;
    }

    .career-edr-wrap h4 {
        margin-bottom: 12px;
    }

    .career-edr-wrap h3 {
        font-size: 24px;
        margin-bottom: 16px;
    }

    .show-main .adul-icon2 {
        width: 4px;
        height: 4px;
    }

    .show-main .adul-pop {
        padding-left: 25px;
    }

    .show-cont {
        width: 280px !important;
        height: 325px;
        padding: 25px 20px;
    }

    .show-cont .mCSB_outside+.mCSB_scrollTools {
        right: 9px !important;
        top: 30px;
        bottom: 25px;
    }

    .scul-word p {
        font-size: 1.45;
    }

    .scul-min-link {
        width: 18px;
    }

    .scul-min-tit {
        padding-right: 10px;
    }

    .scul-min {
        margin-bottom: 10px;
        margin-top: 14px;
    }

    .show-cont-ul {
        padding-right: 10px;
    }

    .celu-li {
        width: 360px;
        margin-right: 20px;
    }

    .career-enjoy-list-ul {
        width: calc(calc(360px* var(--width-shu)) + calc(20px* var(--width-shu)));
    }

    .career-future-slide {
        margin-top: 60px;
    }

    .cfss-ul-li {
        width: 300px !important;
    }

    .career-future-slide-swip {
        padding-bottom: 50px !important;
    }

    .career-future-slide .arrow-icon {
        width: 30px;
        height: 30px;
    }

    .career-future-slide .mod-arrows {
        width: 84px;
    }

    .cfss-ul-li {
        width: 260px !important;
    }

    .roof-word {
        width: 100%;
    }

    .roof-word p {
        font-size: 14px !important;
    }

    .carport-pane-le {
        width: 45%;
    }

    .carport-pane-ri {
        width: 55%;
        padding-left: 40px;
    }

    .carport-pane h2 {
        margin-bottom: 16px;
    }

    .cpru-li {
        width: 100%;
    }

    .cpru-li-icon {
        width: 22px;
        margin-right: 10px;
    }

    .carport-pane-ri-cont {
        margin-top: 5px;
        padding: 25px 20px;
    }

    .cprc-ul-li-box {
        align-items: flex-start;
    }

    .roof-main .flul-box-bt {
        padding-right: 60px;
    }

    .rssu-li-tit {
        width: calc(100% - 60px);
        bottom: 30px;
    }

    .roof-text h2 {
        margin-bottom: 16px;
    }

    .roof-text h2 span {
        margin-bottom: 8px;
    }

    .ctact-ctmap h2 {
        margin-bottom: 16px;
    }

    .ctact-ctmap .mod-word {
        width: 100%;
        margin: 0 auto;
    }

    .ctact-ctmap {
        padding-bottom: 260px;
    }

    .ctact-ctmap-wrap {
        height: auto;
    }

    .ctact-ctmap .adul-icon2 {
        width: 6px;
        height: 6px;
    }

    .ys-form-inof label,
    .ys-form-inof-select .ys-select-hd {
        padding: 0 14px;
    }

    .ys-fii-input {
        height: 44px;
    }

    .ys-form-inof-text label {
        padding-top: 14px;
        padding-bottom: 14px;
    }

    .ys-form-inof-item {
        margin-bottom: 14px;
    }

    .ys-form-inof-text .ys-fii-input {
        height: 80px;
    }

    .ys-fic-auth-img {
        height: 44px;
        margin-left: 16px;
    }

    .ys-fia-text-btn {
        width: 14px;
        height: 14px;
    }

    .ctact-regions .cltl-sect {
        width: 22%;
    }

    .ctact-main h2 {
        margin-bottom: 12px;
    }

    .ctact-regions {
        padding-bottom: 80px;
    }

    .ctact-regions .slick-dots {
        bottom: -30px;
    }

    .ctact-regions-ul {
        padding-bottom: 30px;
    }

    .mode-main .ys-nyban-title h1 {
        margin-bottom: 16px;
    }

    .lwlu-li-link {
        padding: 6px 14px;
        white-space: nowrap;
    }

    .loads-wrap-le-ul {
        flex-wrap: nowrap;
        overflow-x: scroll;
        padding-bottom: 10px;
    }

    .loads-wrap-le {
        padding-bottom: 0px;
    }

    .case-list-top-ri {
        width: 100%;
    }

    .load-modal .ys-modal-content {
        padding: 40px 30px;
    }

    .load-modal .ys-form-inof-text label {
        padding: 10px 14px;
    }

    .mod-foot {
        padding-top: 130px;
    }

    .mod-foot-add {
        padding: 30px 25px;
        flex-direction: column;
        align-items: flex-start;
    }

    .mod-foot-add-le {
        width: 100%;
        margin-bottom: 18px;
    }

    .mod-foot-add-ri {
        width: 100%;
    }

    .mod-foot-add-ri .mftr-sear {
        padding: 0px;
    }

    .ys-footer {
        padding-top: 100px;
    }

    .mod-foot-add-ri .mftr-sear-input {
        margin-bottom: 0px;
        height: 40px;
    }

    .mod-foot-add-le .mftl-tit {
        font-size: 28px;
        margin-bottom: 8px;
    }

    .mod-foot-bot {
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .mod-foot-bot-ri {
        margin-bottom: 6px;
    }

    .mftc-text {
        width: 40%;
        border: 2px solid #7ec370;
        padding: 6px 10px;
        margin: 12px auto 0px auto;
        font-size: 12px;
    }

    .carport-main section {
        overflow: hidden;
    }

    .cltl-sect-cry {
        padding: 0 16px;
    }

    .case-list-top {
        flex-wrap: wrap;
    }

    .case-list-top-le {
        width: 100%;
        margin-bottom: 10px;
    }

    .ys-select-li,
    .ys-select-li a {
        padding: 8px 0;
        display: inline-block;
        width: 100%;
        color: transparent;
        background: linear-gradient(100deg, #FFA768 -4.86%, #E60012 48.77%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent;
    }

    .ys-select-bd {
        background: rgba(255, 255, 255, 0.80);
        max-height: 120px;
    }

    .ctact-regions-ul-li {
        width: 50%;
    }

    .high-deve-le {
        padding-bottom: 90px;
    }

    .high-deve-le::after {
        height: calc(100% - 100px);
    }

    .high-deve-ri {
        top: 110px;
    }

    .cjul-link-tit,
    .cjul-link-tit::after {
        font-size: 18px;
    }

    .ctact-form .mftc-text {
        padding: 30px;
        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 {
        /* 字号 */
        --font80: 26px;
        --font64: 24px;
        --font48: 22px;
        --font32: 20px;
        --font24: 18px;
        --font20: 16px;
        /* 段落字号 */
        --font18: 14px;
        --font16: 14px;
        --font14: 12px;
        /* 导航 */
        --line80: 56px;
        /* 板块间距 */
        --space150: 42px;
        --space80: 42px;
        --space60: 18px;
        /* 段落间距 */
        --parpspace10: 6px;
        --parpspace12: 8px;
    }

    .slick-dots li {
        width: 6px;
        height: 6px;
    }

    .slick-dots {
        bottom: -20px;
    }

    .mod-bread,
    .home-mode-conts,
    .aapu-li {
        display: none;
    }

    .adul-pop {
        display: none;
        position: static;
        transform: inherit;
    }

    .about-addr-ph,
    .about-addr-ph .adul-pop,
    .home-mode-ph {
        display: block !important;
    }

    .show-main .aapu-li {
        display: block;
    }

    .show-main .aapu-li.slick-slide:not(:first-child) {
        display: none;
    }

    .hmvp-dots-icon span {
        width: 12px;
        height: 12px;
    }

    .hmvp-dots-icon span::before {
        height: 6px;
    }

    .hmvp-dots-icon span::after {
        width: 6px;
    }

    .hmpf-img {
        height: 260px;
    }

    .hmpf-img img {
        height: 100%;
        object-fit: cover;
    }

    .hmvb-bot-textbox-tit {
        width: 60%;
        font-size: 20px;
    }

    .hmvb-bot-textbox {
        top: 24px;
    }

    .hmvb-bot-textbox {
        top: 24px;
    }

    .hmps-ul-list {
        width: calc(100% - 0px);
        margin: 0 auto 52px;
    }

    .hmvp-dots-wrap p span {
        clip-path: inset(0px 100% 0px 0%);
        transition: all .4s;
        width: 0px;
    }

    .hmvp-dots-wrap.act p span {
        width: auto;
        clip-path: inset(0px 0% 0px 0%);
    }

    .hmvp-dots-wrap {
        background: transparent;
        transition: all .4s;
        border: solid 1px transparent;
    }

    .home-about-le .std-btn1 {
        margin-top: 28px;
    }

    .haru-li {
        width: 50%;
        margin-top: 36px;
    }

    .haru-li:nth-child(2n+1) {
        animation-delay: 0.2s;
    }

    .haru-li:nth-child(2n+2) {
        animation-delay: 0.3s;
    }

    .haru-li-icon {
        width: 34px;
        margin-bottom: 12px;
    }

    .ys-ban-word {
        width: 100%;
    }

    .ys-ban-word p {
        line-height: 1.5;
    }

    .hmtc-word {
        width: 100%;
    }

    .hmpf-dots {
        width: 100%;
        height: 100%;
    }

    .home-main .home-news {
        padding-bottom: 60px;
    }

    .home-news-top {
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
    }

    .home-news-top .std-btn1 {
        margin-top: 14px;
    }

    .mod-foot-top-ri {
        width: 45%;
        position: absolute;
        bottom: 30px;
        right: 20px;
        z-index: 3;
    }

    .mod-foot {
        padding-top: 42px;
    }

    .mftl-tit {
        margin-bottom: 16px;
    }

    .mftl-word p {
        font-size: 14px;
    }

    .mftl-word {
        margin-bottom: 20px;
    }

    .mftl-bt {
        margin-top: 36px;
    }

    .mod-foot-top-ri {
        display: none;
    }

    .mod-foot-bot {
        padding: 15px 0 20px;
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .mod-foot-bot-ri {
        margin-bottom: 8px;
    }

    .ys-nyban-title p {
        margin-bottom: 12px;
        font-size: 14px;
    }

    .yntu-li {
        margin-bottom: 8px;
    }

    .yntu-li::after {
        display: none;
    }

    .yntu-li p {
        font-size: 12px !important;
    }

    .mode-main .ys-nyban-title-ul {
        width: 64%;
    }

    .ys-nyban-title-ul {
        flex-wrap: wrap;
    }

    .mode-gala-wrap {
        flex-wrap: wrap;
    }

    .mode-gala-le {
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px;
    }

    .mode-gala-ri {
        width: 100%;
    }

    .msli-cont,
    .mode-slide-list-item:nth-child(2n) .msli-cont {
        flex-direction: column-reverse;
    }

    .msli-cont-le,
    .mode-slide-list-item:nth-child(2n) .msli-cont-le {
        width: 100%;
    }

    .msli-cont-ri {
        width: 100%;
        margin-bottom: 20px;
    }

    .page-slide .msli-cont {
        flex-direction: column;
    }

    .page-slide .msli-cont-le {
        margin-bottom: 24px;
    }

    .page-slide .msli-cont-ri {
        margin-bottom: 0px;
    }

    .page-slide-cont {
        padding-right: 0px !important;
    }

    .page-slide-cont .mod-arrows {
        width: 80px;
        right: 0px;
    }

    .mode-list-ri {
        width: 100%;
        padding-left: 0;
        position: relative;
        top: auto;
        margin-bottom: 20px;
    }

    .mode-list-wrap {
        flex-direction: column-reverse;
    }

    .mode-list-le {
        width: 100%;
    }

    .mllu-li {
        opacity: 1 !important;
        margin-bottom: 30px;
    }

    .mllu-li-tit {
        margin-bottom: 14px;
    }

    .mllu-li-word p {
        font-size: 14px;
    }

    .mode-main .comp-labor-cry {
        top: 20px;
        padding: 0;
    }

    .mode-main .comp-labor-cry h2 {
        width: 100%;
    }

    .mode-vari-wrap {
        flex-direction: column-reverse;
    }

    .mode-vari-le {
        width: 100%;
        padding-right: 0;
    }

    .mode-vari-le-ul {
        display: flex;
        margin: 0 -10px;
        flex-wrap: wrap;
    }

    .mvlu-li {
        width: 50%;
        padding: 0 10px;
        margin-bottom: 8px;
    }

    .mvlu-li p {
        font-size: 18px;
    }

    .mode-vari-ri {
        width: 100%;
        margin-bottom: 20px;
    }

    .mode-instal .mod-arrows {
        width: 80px;
    }

    .mode-instal .swiper-container-horizontal>.swiper-pagination-progressbar,
    .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
        width: calc(100% - 100px) !important;
    }

    .mode-instal-swip {
        padding-bottom: 40px !important;
    }

    .mode-tech-list {
        width: 100%;
    }

    .mode-tech-list-item p {
        padding-bottom: 12px;
    }

    .mode-tech-list-item {
        width: 120px;
        flex-shrink: 0;
    }

    .mode-tech-list {
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .mtic-ul-li-boxs {
        flex-direction: column;
    }

    .mulb-fl {
        width: 60%;
        margin: 0 auto 20px;
    }

    .mulb-fr {
        width: 100%;
        padding-left: 0;
    }

    .mulb-fl-ul .slick-list {
        padding-bottom: 40px !important;
    }

    .mulb-fl .slick-dots {
        bottom: 0px;
    }

    .mode-tech-item .mod-arrows {
        display: none;
    }

    .mode-tech-item-cont {
        padding: 0;
    }

    .mulb-fr-load-swlect {
        width: 100% !important;
    }

    .mulb-fr-load-swlect:last-child {
        margin-bottom: 0px;
    }

    .mod-news-ul-li {
        width: 100%;
        margin-bottom: 16px;
    }

    .mod-news-ul-li:last-child {
        margin-bottom: 0px;
    }

    .mod-news .mod-news-ul {
        flex-wrap: wrap;
    }

    .mod-news-ul-li:nth-child(n) {
        animation-delay: 0.2s;
    }

    .mode-were .resou-pull-ul {
        justify-content: flex-start;
    }

    .resou-pull-ul-li {
        width: 50%;
        padding: 0 10px;
        margin-bottom: 12px;
    }

    .mode-were-cont {
        margin-bottom: 26px;
    }

    .rpul-link-ri p,
    .rpul-link-ri p::after {
        font-size: 14px;
    }

    .rpul-link-icon {
        width: 22px;
        margin-right: 8px;
    }

    .flul-box-tp {
        padding: 14px 30px 14px 14px;
        align-items: flex-start;
    }

    .flul-box-tp::after {
        right: 12px;
        width: 14px;
        top: 32%;
    }

    .flul-box-tp::before {
        right: 18px;
        height: 14px;
        top: 32%;
    }

    .flul-box-tp-text {
        width: 24px;
        height: 24px;
        margin-right: 12px;
    }

    .flul-box-tp-text span {
        font-size: 12px;
    }

    .flul-box-bt {
        padding: 0px 16px 16px 16px;
    }

    .case-ctact-cont {
        padding: 42px 0;
    }

    .case-ctact-word p {
        font-size: 14px;
    }

    .mulb-fr-load-swlect .ys-select-bd {
        border-radius: 10px;
        max-height: 66px;
        padding: 6px 20px;
    }

    .mtic-ul .slick-list {
        padding-bottom: 80px;
    }

    .plul-box,
    .prod-list-ul-li:nth-child(2n) .plul-box {
        flex-direction: column-reverse;
    }

    .plul-ri {
        width: 100%;
        margin-bottom: 16px;
    }

    .prod-list-ul-li:nth-child(2n) .plul-le {
        padding-right: 0px !important;
        padding-left: 0;
    }

    .plul-le {
        width: 100%;
    }

    .prod-list-ul-li {
        margin-bottom: 30px;
    }

    .ys-nyban-title h1 {
        margin-bottom: 22px;
    }

    .plul-word p {
        margin-bottom: 6px;
    }

    .plul-word {
        margin-bottom: 16px;
    }

    .plul-ul-li::after {
        height: 58%;
    }

    .casedet-top-wrap {
        width: 100%;
        margin: 0 auto;
    }

    .casedet-top h1 {
        padding-bottom: 20px;
        margin-bottom: 22px;
    }

    .casedet-min .casedet-top-wrap {
        flex-direction: column;
    }

    .casedet-min-le,
    .casedet-min-ri {
        width: 100%;
    }

    .casedet-min-ri-tit {
        margin-bottom: 6px;
    }

    .casedet-list-ul {
        flex-wrap: wrap;
        margin: 20px -8px;
    }

    .clul-box-icon {
        width: 40px;
        margin-bottom: 4px;
    }

    .casedet-list-ul-li {
        padding: 0 8px;
        width: 100%;
        margin-bottom: 18px;
    }

    .casedet-list-ul-li:last-child {
        margin-bottom: 0xp;
    }

    .clul-box-word p {
        font-size: 12px;
    }

    .clul-box-num {
        margin-bottom: 2px;
    }

    .slick-dots li {
        margin: 0 4px;
    }

    .casedet-main .case-list {
        padding-bottom: 60px;
    }

    .case-list-top-ri {
        width: 100%;
    }

    .lwlu-li-link {
        font-size: 14px;
        padding: 6px 9px;
    }

    .cltr-input input {
        padding: 0 105px 0 16px;
    }

    .loads-wrap .case-list-top-ri {
        height: 40px;
    }

    .loads-wrap-le {
        margin-bottom: 0px;
    }

    .lwri-tit {
        padding-bottom: 16px;
        margin-bottom: 18px;
    }

    .lwri-ul-li:nth-child(n) {
        animation-delay: 0.2s;
    }

    .lwri-ul-li {
        width: 100%;
        margin-bottom: 20px;
    }

    .lwri-ul {
        flex-wrap: wrap;
    }

    .loads-wrap .case-list-top-ri {
        margin-bottom: 26px;
    }

    .loads-wrap-ri-video .home-news-ul {
        display: block;
    }

    .loads-wrap-ri-video .home-news-ul-li {
        width: 100%;
        margin-bottom: 24px;
    }

    .loads-wrap-ri-video .home-news-ul-li:last-child {
        margin-bottom: 0px;
    }

    .loads-wrap-ri-video .home-news-ul-li:nth-child(n) {
        animation-delay: 0.2s;
    }

    .loads-wrap-ri-image,
    .loads-wrap-ri-video {
        width: 100%;
        padding-bottom: 42px;
    }

    .loads-wrap-ri-video .home-news-tit {
        margin-bottom: 14px;
        height: auto;
        -webkit-line-clamp: inherit;
    }

    .lull-le-tit {
        margin-bottom: 12px;
    }

    .lwrd-ul-li-link {
        flex-wrap: wrap;
    }

    .lull-le {
        width: 100%;
        padding-right: 0px;
        margin-bottom: 20px;
    }

    .lull-ri-icon {
        width: 12px;
        margin-left: 14px;
    }

    .video-list-cont {
        flex-direction: column;
    }

    .video-list-le {
        width: 100%;
        margin-bottom: 15px;
    }

    .video-list-le .video-list-le-icon {
        width: 30px;
    }

    .video-list-ri {
        width: 100%;
        padding-left: 0px;
    }

    .vlru-li-link {
        padding: 25px 20px 50px;
    }

    .vlru-li-link-btn {
        margin-top: 30px;
    }

    .case-list-top {
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .case-list-top-le {
        width: 100%;
    }

    .cltl-sect {
        width: 100%;
        height: 38px;
        margin-bottom: 10px;
    }

    .case-list-top-ri {
        height: 38px;
    }

    .cltr-input input::placeholder {
        font-size: 12px;
    }

    .video-item .home-news-ul-li {
        margin-bottom: 30px;
        width: 100%;
    }

    .home-news-tit {
        height: auto;
        -webkit-line-clamp: inherit;
        margin-bottom: 12px;
    }

    .faq-list-ul-li {
        margin-bottom: 18px;
    }

    .comp-labor-bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .comp-labor-bg img:nth-child(1) {
        display: none;
    }

    .comp-labor-bg img:nth-child(2) {
        display: block;
    }

    .comp-labor-bg {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .comp-labor-cry {
        width: 100%;
        position: relative;
        top: auto;
        left: auto;
        transform: inherit;
        padding: 42px 20px;
    }

    .crlu-li {
        width: 180px;
        margin-right: 10px;
    }

    .comp-runing-list-ul {
        width: calc(calc(180px* var(--width-shu)) + calc(10px* var(--width-shu)));
    }

    .comp-news {
        padding-bottom: 60px;
    }

    .comp-build-min-ul {
        width: calc(100% - 40px);
        margin: -20px auto 0;
    }

    .cbmu-li-pic {
        width: 100%;
    }

    .cbbu-li-list-item {
        width: 50%;
        padding: 0 8px;
        margin-top: 16px;
    }

    .cbbu-li-list {
        margin: 0 -8px 0;
        flex-wrap: wrap;
    }

    .clli-word p {
        font-size: 14px;
    }

    .clli-box-bot span {
        margin-left: 6px;
        font-size: 14px;
    }

    .clli-box {
        padding-top: 10px;
    }

    .comp-cert {
        padding-bottom: 60px;
    }

    .ccul-boxs-icon {
        width: 80px;
        margin: 0 auto 14px;
    }

    .comp-cert-ul-li {
        padding: 0 10px;
    }

    .comp-cert-ul {
        margin: 0 -10px;
    }

    .comp-about-wrap {
        flex-direction: column;
    }

    .comp-about-le {
        width: 100%;
        margin-bottom: 20px;
    }

    .comp-about-ri {
        padding-left: 0;
        width: 100%;
    }

    .caru-li-num .ys_demo_num,
    .caru-li-num-text {
        font-size: 32px;
    }

    .comp-about-ri-ul {
        margin: 0 -10px;
    }

    .caru-li {
        padding: 0 10px;
        margin-top: 30px;
    }

    .about-green-wrap {
        flex-direction: column;
    }

    .about-green-le {
        width: 100%;
        margin-bottom: 20px;
    }

    .about-green-ri {
        padding-left: 0px;
        width: 100%;
    }

    .aulb-icon {
        width: 28px;
        margin-right: 14px;
    }

    .adul-icon {
        width: 12px;
    }

    .adul-icon2 {
        width: 4px;
        height: 4px;
    }

    .adul-pop-wrap {
        width: 100%;
    }

    .high-deve-ri {
        position: relative;
        top: auto;
    }

    .high-deve-wrap {
        flex-direction: column-reverse;
    }

    .high-deve-ri {
        width: 100%;
        margin-bottom: 20px;
    }

    .hdru-li {
        position: relative;
        opacity: 1;
        -webkit-user-select: text;
        -khtml-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text;
    }

    .hdru-li.slick-slide:not(:first-child) {
        display: none;
    }

    .high-deve-le {
        width: 100%;
        padding: 0;
    }

    .high-deve-le::after,
    .hdlu-li-year:after,
    .hdlu-li-year::before,
    .high-deve-ri::after {
        display: none;
    }

    .hdlu-li.slick-slide:not(:first-child) {
        display: none;
    }

    .high-deve-le-ul {
        margin: 0 -10px;
    }

    .hdlu-li {
        -webkit-user-select: text;
        -khtml-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text;
        padding: 0 10px;
        margin-bottom: 0px;
    }

    .hdlu-li-year {
        font-size: 26px;
        margin-bottom: 14px;
    }

    .high-deve {
        overflow: hidden !important;
        padding-bottom: 60px;
    }

    .high-hornor-ul {
        display: block;
        margin: 0 -10px;
    }

    .high-hornor-ul-li {
        margin-bottom: 0px;
        padding: 0 10px;
    }

    .high-hornor-ul-li:nth-child(n) {
        animation-delay: 0.2s;
    }

    .hnul-word p {
        font-size: 12px;
        line-height: 1.5;
    }

    .high-hornor {
        padding-bottom: 60px;
    }

    .hnul-sect .ys-imgbox-cover {
        width: 60px;
    }

    .ys-share-img {
        width: 30px;
    }

    .mediadet-main-le p {
        font-size: 12px;
    }

    .career-edr-wrap h3 {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .show-main .about-addr::after {
        display: none;
    }

    .ctact-ctmap-wrap::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 34.34%, rgba(18, 18, 18, 1) 100%);
    }

    .about-addr-pic::after {
        display: none;
    }

    .show-cont {
        width: 100% !important;
    }

    .about-addr-ph {
        padding: 22px 0 60px;
    }

    .show-cont-ul-li {
        -webkit-user-select: text;
        -khtml-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text;
    }

    .show-cont-ul-li.slick-slide:not(:first-child) {
        display: none;
    }

    .show-main .adul-pop {
        padding-left: 0;
    }

    .slick-dots li {
        width: 5px;
        height: 5px;
        margin: 0 3px;
    }

    .career-join-ul-li {
        width: 100%;
    }

    .career-join-ul-li:nth-child(n) {
        animation-delay: 0.2s;
    }

    .celu-li {
        width: 260px;
        margin-right: 14px;
    }

    .career-enjoy-list-ul {
        width: calc(calc(260px* var(--width-shu)) + calc(14px* var(--width-shu)));
    }

    .celu-li-ri img {
        margin-bottom: 14px;
        border-radius: 5px;
    }

    .cfss-ul-li {
        width: 100% !important;
    }

    .career-future-slide .mod-arrows {
        width: 76px;
    }

    .career-future .swiper-container-horizontal>.swiper-pagination-progressbar,
    .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
        width: calc(100% - 100px) !important;
        bottom: 14px !important;
    }

    .career-future-slide-swip {
        padding-bottom: 40px !important;
    }

    .career-future-slide {
        margin-top: 26px;
    }

    .career-future h2 {
        margin-bottom: 14px;
    }

    .roof-text h2 {
        margin-bottom: 22px;
    }

    .clul-links .ys-imgbox-cover {
        margin-bottom: 16px;
    }

    .csli-word p {
        font-size: 12px;
        line-height: 1.45;
    }

    .csli-img {
        margin-bottom: 10px;
    }

    .carport-pane .std-btn1 {
        margin-top: 16px;
    }

    .carport-word p {
        font-size: 14px !important;
    }

    .carport-pane-wrap {
        flex-direction: column;
        margin-top: 26px;
    }

    .carport-pane-le {
        width: 100%;
        margin-bottom: 24px;
        position: relative;
        top: auto;
    }

    .carport-pane-ri {
        width: 100%;
        padding-left: 0px;
    }

    .carport-main .case-list {
        padding-bottom: 60px;
    }

    .mode-main .ys-nyban-title-ul {
        width: 100%;
    }

    .roof-text h2 {
        margin-bottom: 14px;
    }

    .roof-text h2 span {
        margin-bottom: 6px;
        font-size: 14px;
    }

    .roof-apply-ul {
        flex-wrap: wrap;
    }

    .roof-apply-ul-li {
        width: 100%;
        margin-bottom: 20px;
    }

    .roof-apply-ul-li:nth-child(n) {
        animation-delay: 0.2s;
    }

    .roof-apply-ul-li .ys-imgbox-cover {
        margin-bottom: 10px;
    }

    .rssu-li-tit {
        width: calc(100% - 32px);
        bottom: 16px;
    }

    .roof-second-slide .roof-apply-btn {
        margin-top: 50px;
    }

    .roof-main .flul-box-bt {
        padding-right: 20px;
    }

    .ctact-regions {
        padding-bottom: 60px;
    }

    .ctact-regions .slick-dots {
        bottom: -20px;
    }

    .ctact-regions .cltl-sect {
        width: 100%;
    }

    .ys-form-inof-item2 {
        width: 100%;
    }

    .ys-fii-input {
        height: 38px;
    }

    .ys-form-inof-item {
        margin-bottom: 10px;
    }

    .ys-form-inof-text .ys-fii-input {
        height: 60px;
    }

    .ys-fic-auth-img {
        height: 38px;
        margin-left: 14px;
        flex-shrink: 0;
    }

    .ys-fii-name {
        font-size: 12px;
    }

    .ys-fic-auth label {
        width: 100%;
    }

    .ys-fii-input input,
    .ys-fii-input textarea {
        padding: 0 6px;
    }

    .ys-form-inof label,
    .ys-form-inof-select .ys-select-hd {
        padding: 0 10px;
    }

    .ys-form-inof-text label {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .ys-form-inof-code .ys-fii-input {
        padding-left: 4px;
    }

    .ys-form-inof-item .ys-select-li {
        padding: 4px 12px;
    }

    .ys-form-inof-item .ys-select-li {
        font-size: 12px;
    }

    .ys-form-inof-item .ys-select-bd {
        max-height: 140px;
        padding: 10px 0 !important;
    }

    .mode-main .comp-labor-bg {
        position: relative;
        top: auto;
        left: auto;
    }

    .mode-main .comp-labor-cry {
        top: 42px;
        padding: 0;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .case-list-top-le {
        flex-wrap: wrap;
    }

    .comp-main .about-addr-ph {
        padding: 0px;
    }

    .mode-main .ys-nyban-title p,
    .mode-main .ys-nyban-title h1 {
        width: 100%;
    }

    .mfbr-ul {
        flex-wrap: wrap;
    }

    .hmvp-dots-wrapk.act p span {
        display: block;
        clip-path: inset(0 0% 0% 0%);
        border: 1px solid rgba(255, 255, 255, 0.20);
        background: rgba(255, 255, 255, 0.60);
        padding: 0px 10px 0px 7px;
        box-shadow: 0px 2.39404px 5.32008px 0px rgba(73, 126, 218, 0.03), 0px 8.04107px 17.86905px 0px rgba(73, 126, 218, 0.04), 0px 36px 80px 0px rgba(73, 126, 218, 0.08);
        border-radius: 25px;
        position: absolute;
        top: 102%;
        left: 50%;
        transform: translateX(-50%);
        font-size: 10px;
    }

    .hmvp-dots-wrapk.act p {
        flex-direction: column;
    }

    .mode-main .ys-nyban-title {
        top: 24%;
    }

    .home-main {
        overflow: hidden;
    }

    .loads-wrap-ul {
        padding-bottom: 6px;
    }

    .hmvp-dots-pop-cry {
        padding: 20px 20px;
    }

    .hmps-ul-list .hmps-ul-list-item {
        padding: 0px;
    }

    .cpru-li-icon {
        margin-top: 0px;
    }

    .comp-about-ri {
        padding-bottom: 0px;
    }

    body.active .ys-nyban-title {
        top: 38%;
    }

    .mod-paging-ri {
        display: none !important;
    }

    .case-list .mod-button {
        margin-top: var(--space60) !important;
    }

    .ys-form-inof-item .ys-select-xtbbox .icon-arrow-down:before {
        font-size: 10px;
    }

    .ys-form-inof-item .ys-select-xtbbox {
        right: 10px;
    }

    .ctact-form .ys-form-inof-item.ys-form-third-country .ys-select-bd {
        padding: 0px !important;
    }

    .load-modal .ys-modal-content {
        padding: 30px 20px;
    }

    .load-modal-cont h2 {
        margin-bottom: 8px;
    }

    .load-modal .ys-fii-input {
        height: 34px;
    }

    .load-modal .ys-form-inof-item {
        margin-bottom: 8px;
    }

    .load-modal .ys-form-inof-text label {
        padding: 8px 10px;
    }

    .load-modal .ys-fic-auth-img {
        height: 32px;
    }

    .ys-fia-text-word {
        font-size: 12px;
    }

    .ys-fia-text-btn {
        width: 12px;
        height: 12px;
        top: 4px;
        left: 1px;
    }

    .load-modal .ys-form-inof-text .ys-fii-input {
        height: 40px;
    }

    .ys-fic-auth {
        align-items: center;
    }

    .mod-foot-add-ri {
        display: none;
    }

    .mod-foot-add {
        background: transparent;
    }

    .mod-foot-add-le .mftl-tit {
        color: #fff;
        font-size: 24px;
    }

    .mod-foot-add {
        position: relative;
        top: auto;
        left: auto;
        transform: inherit;
        padding: 0 20px;
    }

    .mftl-word p {
        color: #9A9A9A;
    }

    .ys-footer {
        padding-top: 0;
    }

    .mftc-text {
        width: 100%;
        border: 3px solid #7ec370;
        padding: 16px 10px;
    }

    .roof-main .ys-nyban-title {
        top: 50% !important;
    }

    .mode-tech-list {
        justify-content: flex-start;
    }

    .comp-about-ri-word p {
        font-size: 14px;
    }

    .mode-tech-lists .mod-arrows {
        display: none;
    }

    .show-cont-close {
        display: none;
    }

    .show-main .about-addr {
        margin-bottom: 0;
    }

    .home-main .home-news .mod-button {
        margin-top: 35px;
    }

    .lwlu-li-link {
        font-size: 12px;
        padding: 4px 9px;
    }

    .load-modal .ys-fii-name {
        font-size: 10px;
    }

    .load-modal .ys-fic-auth-img {
        margin-left: 8px;
    }

    .hdru-li,
    .video-list-le-list {
        padding: 0 10px;
    }

    .high-deve-ri-ul,
    .video-list-cont-ul {
        margin: 0 -10px;
    }

    .video-list-cont-ul {
        width: auto;
    }

    .mode-vari-ri-ph {
        display: block;
    }

    .mvlu-li.slick-slide:not(:first-child) {
        display: none;
    }

    .mvlu-li {
        -webkit-user-select: text;
        -khtml-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text;
        margin-bottom: 0px;
    }

    .mode-vari-le {
        position: relative;
    }

    .mode-vari-ri-ph .mod-arrows {
        width: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        pointer-events: none;
    }

    .mode-vari-le-ul {
        display: block;
        margin: 0;
        width: calc(100% - 80px);
        left: 50%;
        position: relative;
        transform: translateX(-50%);
    }

    .mvlu-li p {
        text-align: center;
    }

    .mvlu-li.slick-current p {
        color: var(--colormain1);
    }

    .mode-vari-le-ul .slick-track {
        display: flex;
        align-items: stretch;
    }

    .mvlu-li {
        height: auto !important;
    }

    .mvlu-li p {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .mvru-li {
        display: block;
        -webkit-user-select: text;
        -khtml-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text;
    }

    .mvru-li.slick-slide:not(:first-child) {
        display: none;
    }

    .mode-instal .mnul-link-tit,
    .mode-instal .mnul-link-tit::after {
        height: auto;
        -webkit-line-clamp: inherit;
    }

    .mode-instal-swip {
        padding-bottom: 32px !important;
    }

    .home-news-tit::after {
        height: auto;
        -webkit-line-clamp: inherit;
    }

    .career-join-more-box {
        padding: 4px 14px;
    }

    .mulb-fl-btul-lis span {
        width: 16px;
        height: 16px;
    }

    .mulb-fl-btul {
        bottom: 0;
        padding: 5px 6px;
        border-radius: 30px;
    }

    .about-main.comp-main .mod-foot-add {
        margin-top: 0;
    }

    .about-main.comp-main .adul-icon2 {
        width: 8px;
        height: 8px;
    }

    .about-main.comp-main .adul-icon {
        width: 18px;
    }

    .loads-wrap {
        padding-top: 42px;
    }

    .loads-wrap-ul-li {
        margin-bottom: 0;
    }

    .carport-main section {
        overflow: hidden;
    }

    .ctact-ctmap::after {
        display: none;
    }

    .ctact-ctmap {
        padding-bottom: 300px;
    }

    .ccsc-ul-li.slick-current .ccsc-ul-li-box,
    .ccsc-ul-li-box {
        background: #d6d6d6;
    }

    .ctact-ctmap-slide {
        bottom: 20px;
    }

    .arrow-icon {
        width: 28px;
        height: 28px;
    }

    .ctact-ctmap-wrap .mod-arrows {
        width: 100vw;
        max-width: 100%;
        top: 42%;
        padding: 0 20px;
    }

    .ctact-regions-ul-li {
        width: 100%;
        margin-bottom: 16px;
    }

    .ctact-regions-ul-li:last-child {
        margin-bottom: 0px;
    }

    .mode-main .ys-nyban-title-ul {
        width: auto;
    }

    .ctact-form .mftc-text {
        padding: 10px;
        font-size: 16px;
    }

    .ctact-form .mod-foot-top-cont {
        top: 45%;
    }

    /* 767end */
}


/* 2025.3.10 star */
@media screen and (max-width: 1920px) {}

@media screen and (max-width: 1680px) {
    .regions-cont-top .ys-select {
        margin-right: 20px;
    }

    .regions-cont-top {
        margin-bottom: 55px;
    }

    .rcbu-wrap {
        padding: 32px 40px;
    }

    .rcbu-wrap-top {
        padding-bottom: 16px;
        margin-bottom: 30px;
    }

    .rcbu-wrap-btm {
        padding-bottom: 10px;
    }

    .rcbu-wrap-btm-li {
        margin-bottom: 20px;
    }

    .mftl-bt-added-jump {
        padding-left: 30px;
        margin-left: 25px;
    }

    .mbaj-link p {
        padding-left: 15px;
    }

    .mftl-bt-added-jump::after {
        height: 36px;
    }

    .ys-footer-top {
        width: 48px;
        height: 48px;
        right: 35px;
    }

    .ys-footer-top img {
        width: 38px;
    }

    .cwrd-ul-li {
        width: 250px;
    }

}

@media screen and (max-width: 1440px) {
    .regions-cont-top {
        margin-bottom: 40px;
    }

    .rcbu-wrap {
        padding: 25px 25px;
    }

    .rcbu-li {

        padding: 0 10px;
        margin-bottom: 28px;
    }

    .regions-cont-btm-ul {
        margin: 0 -10px;
    }

    .regions-cont-top .ys-select {
        margin-right: 12px;
    }

    .regions-cont-top .cltl-sect {
        width: 25%;
    }

    .rcbu-wrap-top-le {
        width: 120px;
    }

    .rcbu-wrap-top {
        padding-bottom: 14px;
        margin-bottom: 22px;
    }

    .rcbu-wrap-btm-li {
        margin-bottom: 15px;
    }

    .rcbu-wrap {
        padding: 25px 20px;
    }

    .ys-footer-top {
        width: 46px;
        height: 46px;
        right: 16px;
    }

    .ys-footer-top img {
        width: 30px;
    }

    .rcbu-wrap {
        border-radius: 10px;
    }

    .rcbu-wrap-top-ri {
        width: 32px;
    }

    .rcbu-wrap-btm-li {
        margin-bottom: 14px;
    }

    .rcbu-wrap-btm {
        padding-bottom: 0px;
    }

    .hcbl-li {
        width: 130px;
        height: 130px;
        margin-right: 18px;
    }

    .rwbl-le p {
        padding-left: 6px;
    }

    .mbaj-link img {
        width: 30px;
    }

    .mftl-bt-added-jump {
        padding-left: 22px;
        margin-left: 15px;
    }



}

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

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

    .rwbl-le {
        width: 36%;
    }

    .rwbl-ri {
        width: 64%;
    }

    .hcbl-li {
        width: 108px;
        height: 108px;
        margin-right: 13px;
    }

    .mbaj-link p {
        padding-left: 8px;
    }

    .regions-cont-top .cltl-sect {
        width: calc(50% - 5px);
        margin-right: 0;
        margin-bottom: 15px;
    }

    .regions-cont-top {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .regions-cont-top {
        margin-bottom: 15px;
    }

    .rcbu-li {
        width: 50%;
    }

    .rcbu-wrap {
        padding: 23px 16px;
    }

    .rcbu-li {
        margin-bottom: 22px;
    }

    .ys-footer-top {
        width: 36px;
        height: 36px;
        right: 10px;
        /* bottom: 45px; */
    }

    .ys-footer-top img {
        width: 22px;
    }

    .ys-footer-top-wrap {
        border-radius: 4px;
    }

    .ys-footer-top {
        border-radius: 4px;
    }


}

@media screen and (max-width: 767px) {
    .regions-cont-top .cltl-sect {
        width: 100%;
    }

    .rcbu-li {
        width: 100%;
    }

    .rcbu-wrap-top-le {
        width: 110px;
    }

    .rcbu-li {
        margin-bottom: 17px;
    }

    .hcbl-li {
        width: 94px;
        height: 94px;
    }

    .mbaj-link img {
        width: 24px;
    }

    .mftl-bt-added-jump {
        padding-left: 15px;
        margin-left: 12px;
    }

    .mftl-bt-added-jump::after {
        height: 24px;
    }

    .rcbu-wrap-btm-li {
        margin-bottom: 8px;
    }


}

/* 2025.3.10 end */


/* 2025.4.10新增star */
@media screen and (max-width: 1920px) {}

@media screen and (max-width: 1680px) {
    .ruul-top {
        margin-bottom: 50px;
    }

    .rbsu-li-ri {
        padding-left: 36px;
    }

    .rbsu-li-ri-tit {
        margin-bottom: 12px;
    }

    .rbsu-li-ri-info {
        margin-bottom: 30px;
    }

    .rlrm-link {
        padding: 8px 30px;
    }

    .ruul-btm-line {
        margin-top: 55px;
    }

    .ruul-btm-swiper {
        width: 82.5%;
    }

    .ruul-btm-line .arrow-icon {
        width: 42px;
        height: 42px;
    }

    .rabu-link-ri {
        padding-left: 25px;
    }

    .rabu-link-le {
        border-radius: 20px;
    }

    .rooftop-articl-top {
        margin-bottom: 35px;
    }

    .mode-vari-swiper {
        margin-bottom: 60px;
    }

    .mvwu-wrap-ri {
        padding-right: 55px;
    }

    .csli-wrap-ri {
        padding-left: 55px;
    }

    .csli-wrap-ri-mod {
        margin-bottom: 15px;
    }

    .csli-wrap-ri-tit {
        margin-bottom: 22px;
    }

    .csli-wrap-ri-tit {
        margin-bottom: 22px;
    }

    .csli-wrap-ri-ul {
        margin-bottom: 38px;
    }

    .cwrd-tit {
        margin-bottom: 22px;
    }

    .cwrd-ul-li {
        /* width: 187px; */
        margin-right: 15px;
    }

    .cwrd-ul-li .cltl-sect-cry {
        padding: 0 16px;
        padding-left: 40px
    }

}

@media screen and (max-width: 1440px) {
    .ruul-tit {
        margin-bottom: 10px;
    }

    .ruul-top {
        margin-bottom: 35px;
    }

    .rbsu-li-le {
        border-radius: 12px;
    }

    .ruul-top {
        margin-bottom: 25px;
    }

    .rbsu-li-ri {
        padding-left: 26px;
    }

    .ruul-btm-line {
        margin-top: 40px;
    }

    .ruul-btm-line .arrow-icon {
        width: 38px;
        height: 38px;
    }

    .rabu-link-le {
        border-radius: 14px;
    }

    .rabu-link-ri-lable p {
        font-size: 14px;
        padding: 4px 12px;
    }

    .rabu-link-le {
        border-radius: 8px;
    }

    .rabu-link-ri {
        padding-left: 15px;
    }

    .rlrm-link {
        padding: 7px 20px;
        font-size: 14px;
    }

    .ruul-top {
        margin-bottom: 20px;
    }

    .rooftop-articl-top {
        margin-bottom: 26px;
    }

    .rooftop-upgrad {
        padding-top: 55px;
    }

    .rabu-li {
        margin-bottom: 30px;
    }

    .mode-vari-swiper {
        margin-bottom: 45px;
    }

    .mvwu-wrap-ri {
        padding-right: 25px;
    }

    .csli-wrap-ri {
        padding-left: 15px;
    }

    .csli-wrap-ri-mod {
        margin-bottom: 8px;
    }

    .csli-wrap-ri-tit {
        margin-bottom: 12px;
    }

    .cwru-li p:nth-child(1) {
        width: 39%;
    }

    .cwru-li p:nth-child(2) {
        width: 61%;
    }

    .cwru-li {
        margin-bottom: 12px;
    }

    .cwrd-ul-li .cltl-sect-cry {
        padding-left: 35px;
    }

    .solu-pull-change .prod-pull-ul-li {
        min-height: 290px;
    }

    .ppul-btm-link p {
        font-size: 14px;
    }

    .ppul-btm-link img {
        margin-left: 10px;
    }

    .ppul-btm-li {
        margin-bottom: 6px;
    }

    .mvwu-wrap-le img {
        border-radius: 14px;
    }

}


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

@media screen and (max-width: 1199px) {
    .rooftop-upgrad {
        padding-top: 0px;
    }

    .mode-vari-swiper {
        margin-bottom: 26px;
    }

    .csli-wrap-le {
        width: 100%;
    }

    .csli-wrap-ri {
        width: 100%;
        padding-left: 0 !important;
        padding-top: 15px;
    }

}

@media screen and (max-width: 767px) {
    .ruul-tit {
        margin-bottom: 5px;
    }

    .ruul-top {
        margin-bottom: 15px;
    }

    .ruul-btm-swiper {
        width: 100%;
    }

    .rbsu-li-le {
        width: 100%;
    }

    .rbsu-li-ri {
        width: 100%;
        padding-top: 10px;
        padding-left: 0 !important;
        padding-bottom: 0 !important;
    }

    .rbsu-li-ri-tit {
        margin-bottom: 5px;
    }

    .rbsu-li-ri-info {
        margin-bottom: 12px;
    }

    .ruul-btm-line {
        margin-top: 28px;
    }

    .ruul-btm-line .arrow-icon {
        width: 36px;
        height: 36px;
    }

    .ruul-btm-line .arrows-prev {
        margin-right: 12px;
    }

    .rabu-li {
        width: 100%;
    }

    .rooftop-articl-top-ph {
        display: block;
    }

    .rooftop-articl-top-pc {
        display: none;
    }

    .rooftop-articl-top {
        margin-bottom: 24px;
    }

    .rabu-li {
        margin-bottom: 15px;
    }

    .rabu-link-ri-lable p {
        font-size: 12px;
        padding: 3px 12px;
    }

    .rabu-link-ri-tit .std-h4 {
        font-size: 16px;
    }

    .rabu-link-ri-lable {
        margin-bottom: 5px;
    }

    .rooftop-articl-top-ph {
        justify-content: center;
        padding-top: 15px;
        display: flex;
    }

    .mvwu-wrap-le {
        width: 100%;
    }

    .mvwu-wrap-ri {
        width: 100%;
        padding-right: 0 !important;
        padding-top: 15px !important;
    }

    .mvwu-wrap-ri p {
        font-size: 16px;
    }

    .csli-wrap-ri-mod {
        margin-bottom: 5px;
    }

    .cwru-li {
        margin-bottom: 8px;
    }

    .csli-wrap-ri-ul {
        margin-bottom: 20px;
    }

    .cwrd-tit {
        margin-bottom: 15px;
    }

    .cwrd-ul {
        flex-wrap: wrap;
    }

    .cwrd-ul-li {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 8px;
    }

    .cwrd-ul-li .ys-select-bd {
        background: rgba(255, 255, 255, 1)
    }

    /* .mode-vari .loads-wrap-ul {
        overflow: hidden !important;
        white-space: wrap;
        flex-wrap: wrap;
    } */

    /* .mode-vari .loads-wrap-ul {
        border-radius: 0px;
        background: transparent;
    } */

    /* .mode-vari .loads-wrap-ul-li {
        margin-bottom: 15px !important;
        margin-right: 15px !important;
    } */

    .mvwu-wrap-le img {
        border-radius: 8px;
    }
    .mode-vari .loads-wrap-ul {
        padding: 4px !important;
    }
    
}

/* 2025.4.10新增end */

/*2025.5.22新增 star*/
@media screen and (max-width: 1920px) {
    
}

@media screen and (max-width: 1680px) {
    .hnbu-le {
        width: 72px;
    }
    .hnbu-ri {
        padding-left: 22px;
    }
    
    .horizon-newly-top .std-h3 {
        width: 900px;
    }
    .hnbu-le {
        width: 56px;
    }
}

@media screen and (max-width: 1560px) {
    .hnbu-le {
        width: 46px;
    }
    .hnbu-ri {
        padding-left: 15px;
    }
    .hnbu-li {
        padding-right: 28px;
    }
}

@media screen and (max-width: 1440px) {
    .carport-pane-btmu .mod-arrows {
        width: calc(100% + 100px);
    }
    
    .horizon-newly-top .std-h3 {
        width: 800px;
    }
    
    .hnbu-le {
        width: 60px;
    }
    
    .hnbu-ri {
        padding-left: 15px;
    }
        .hnbu-le {
        width: 46px;
    }
    
}

@media screen and (max-width: 1280px) {
    .hnbu-le {
        width: 50px;
    }
    .hnbu-ri {
        padding-left: 10px;
    }
    
    .hnbu-le {
        width: 36px;
    }
    
    .hnbu-li {
        padding-right: 20px;
    }
    
}

@media screen and (max-width: 1199px) {
    .hnbu-li {
        width: 50%;
        margin-top: 20px;
    }
    
    .horizon-newly-wrap {
        padding: 40px 0;   
    }
    .horizon-newly-btm-ul {
        justify-content: flex-start;
    }
    
    .hnbu-li {
        max-width: 30%;
    }
    
}

@media screen and (max-width: 767px) {
    .carport-pane-btmu .slick-dots {
        position: relative;
        bottom: auto;
        margin-top: 20px;
    }
    
    .hnbu-le {
        width: 34px;
    }
    
    .hnbu-ri {
        font-size: 12px;
        
    }
    
    .hnbu-li {
        padding-right: 10px;
        margin-top: 12px;
    }
    
    .horizon-newly-wrap {
        padding: 32px 0;
    }
    
    .horizon-newly-btm-ul {
       justify-content: flex-start;
    }
    
   .hnbu-li {
        max-width: 50%;
        width: 50% !important;
    }
    
}

/*2025.5.22新增 end*/