@media screen and (min-width: 1921px) {
    .contact-us-left-list {
        padding-bottom: 100px;
    }

    .contact-us-right {
        width: 882px;
        height: 750px;
    }

    .contact-us .ys-cont1400, .contact-us-right {
        min-height: 750px;
    }

    .why-select .yx-case3-box {
        height: 55vh;
    }

    /* tammy - end */
    /* 1920end */
}

/* 响应式原则：调大看小 */
@media screen and (max-width: 1920px) {
    .head-nav-item3 .hnid-remod {
        width: 180px;
    }

    /* 1920end */
}

@media screen and (max-width: 1680px) {
    :root {
        --font80: 70px;
        --font64: 60px;
        --font48: 44px;
        --font32: 30px;
        --font28: 24px;
        --space1: 120px;
        --space2: 110px;
        --space3: 38px;
        --radius: 32px;
        --data170: 150px;
    }

    .service-title-right .std-text2 {
        margin-bottom: 32px;
    }

    .service-title-right .std-h4 {
        margin-bottom: 58px;
    }

    .spcl-item-data {
        font-size: 120px;
    }

    .spcl-item {
        padding-top: 52px;
        padding-bottom: 62px;
    }

    .spcl-item:first-child .std-h6 {
        margin-bottom: 7px;
    }

    .spcl-item .std-h6 {
        margin-bottom: 25px;
    }

    .service-firm {
        padding-bottom: 120px;
    }

    .service-firm-top {
        --distance37: 32px;
        margin-bottom: 70px;
    }

    .sfri-cry .std-text1 {
        padding-top: 40px;
    }

    .sfri-cry-list-item {
        padding: 9px 0;
    }

    .service-firm-rotate {
        margin-bottom: 160px;
    }

    .wicn-box-text .std-h6 {
        margin-bottom: 22px;
    }

    .wicn-box-text {
        padding: 0 58px 60px;
    }

    .wicn-box-play {
        width: 75px;
    }

    .wicn-box-icon {
        width: 55px;
    }

    .wicn-box-data span {
        margin-right: 6px;
    }

    .wicn-box-data {
        margin-bottom: 22px;
    }

    .why-inof-cry-nub2 .wicn-box {
        padding: 48px 54px 68px;
    }

    .wicn3-core {
        padding: 60px 54px;
    }

    .wicn4-core .std-h6 {
        margin-bottom: 20px;
    }

    .wicn4-core {
        padding: 42px 48px 0;
    }

    .why-inof-cry-nub5 .wicn-box {
        padding: 44px 52px;
    }

    .wecl-item-text {
        padding-left: 46px;
        padding-right: 50px;
        padding-top: 18px;
        padding-bottom: 12px;
    }

    .wecl-item-text-inof {
        padding-left: 26px;
    }

    .wecl-item-data-font {
        font-size: 88px;
    }

    .why-case-cry {
        margin-bottom: 40px;
    }

    .why-case-cry-left .std-h3 {
        margin-left: 21px;
    }

    .why-case-cry-right {
        padding-top: 80px;
    }

    .wclh-list-item {
        padding: 0 10px;
    }

    .why-approve .std-h3 {
        margin-bottom: 20px;
    }

    .wacl-list-item-text {
        padding-right: 50px;
        padding-left: 25px;
    }

    .wsli-text-inof {
        padding: 46px 35px;
    }

    .wsli-text .std-text1 {
        margin-bottom: 13px;
    }

    .wali-link {
        padding: 36px 18px 38px 44px;
    }

    .waon-link-img {
        margin-bottom: 18px;
    }

    .waon-link-text .std-h6 {
        margin-bottom: 12px;
    }

    .waon-link-text {
        padding: 0 26px 34px;
    }

    .home-part {
        padding: 110px 0;
    }

    .company-partner-list {
        max-width: 90vw;
    }

    .cpli-box-play {
        width: 70px;
    }

    .mod-arrow .swiper-button-prev, .mod-arrow .swiper-button-next, .swiper-arrow-left, .swiper-arrow-right, .mod-arrow .slick-prev, .mod-arrow .slick-next {
        width: 50px;
        height: 50px;
    }

    .company-partner.mod-arrow .slick-prev, .company-founder-alway.mod-arrow .slick-prev, .company-who.mod-arrow .slick-prev {
        right: 66px;
    }

    .company-founder-person-left .std-h3 {
        margin-bottom: 44px;
    }

    .company-founder-person-left {
        padding-right: 80px;
    }

    .cfal-item-link {
        padding: 37px 38px 20px;
    }

    .cfal-item-link .ys-imgbox-cover {
        width: 92%;
        margin: 0 auto;
        margin-bottom: 16px;
    }

    .cwli-link-img {
        margin-bottom: 18px;
    }

    .company-who-list {
        --jian20: 18px;
    }

    .company-active-list1 {
        margin-bottom: 8px;
    }

    .company-active-list2-left {
        margin-top: 32px;
    }

    .company-active-list-item5 {
        margin-top: 100px;
    }

    .company-active .std-h1 {
        margin-bottom: 10px;
    }

    .company-active-list-item2 {
        margin-top: 35px;
    }

    .company-active-font {
        font-size: 24vw;
    }

    .company-value {
        --width: 427px;
        --jian54: 52px;
    }

    .cvli-box .std-text2 {
        margin-bottom: 28px;
    }

    .contact-us-left {
        width: calc(100% - 850px);
        padding-right: 40px;
    }

    .contact-us-right {
        width: 850px;
    }

    .contact-us {
        padding-top: 72px;
    }

    .contact-us-left .std-h3 {
        margin-bottom: 80px;
    }

    .cull-item {
        margin-bottom: 68px;
    }

    .contact-start-box .std-text2 {
        margin-bottom: 68px;
    }

    .service-process .ys-cont1400::before {
        margin-right: -8.75vw;
        width: calc(100% + 8.75vw);
    }

    .why-exp-cry .ys-cont1400 {
        width: 82.5vw;
    }

    /* tammy - end */
    /* Linda-start */
    .solution-energy-tp-text {
        padding-right: 140px;
    }

    .solution-info-item-tit, .solution-info-item-tit span {
        font-size: 450px;
    }

    .siiw-titbox {
        padding-left: 90px;
    }

    .siiw-list {
        margin-top: 80px;
    }

    .sowt-tit {
        margin-bottom: 80px;
    }

    .sown-data {
        font-size: 90px;
    }

    .solution-news .hnbc-bot-item a, .news-main .hnbc-bot-item a {
        padding-bottom: 150px;
    }

    .solution-news {
        padding-bottom: 0 !important;
    }

    .lab-main .no-top {
        margin-top: var(--head);
    }

    .lab-ban-title {
        width: 55vw;
        height: 9.02vw;
    }

    /* Linda-end */
    .cta-rihgt {
        padding: 50px 85px;
    }

    .casedt-sur {
        padding-top: 170px;
    }

    .casedt-spec {
        margin-bottom: 180px;
    }

    .casedt-case-img {
        margin-bottom: 70px;
    }

    .casedt-case .swiper-slide .std-h4 {
        margin-bottom: 120px;
    }

    .casedt-sur {
        margin-bottom: 180px;
    }

    .error-title {
        font-size: 90px;
    }

    .submit-left-title {
        font-size: 26px;
        margin-bottom: 18px;
    }

    .hsbt-num-cont {
        font-size: 230px;
    }

    .home-solu-bot {
        margin-top: 50px;
    }

    .home-solu-bot-data {
        margin-bottom: 70px;
    }

    .ys-footer-bot {
        padding: 120px 0 26px;
    }

    .hnid-left-ul {
        width: 580px;
    }

    .hnid-left-li-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 14px 17px;
        border-radius: 10px;
    }

    .hnid-mid {
        width: 190px;
        padding-left: 30px;
        padding-right: 18px;
    }

    .hnid-left-two {
        padding-left: 16px;
    }

    /* 网站建设欣赏页面-start */
    .appreciate-img-bt-list {
        margin-top: 110px;
    }

    /* 网站建设欣赏页面-end */
    .casetab-suff-top-cont {
        width: 64.286%;
    }

    .ys-footer-top-ul {
        width: 18.5%;
    }

    .yftl-float {
        padding: 26px 18px 24px 23px;
    }

    .solution-info .swiper-wrapper {
        margin-bottom: 0;
    }

    /*2024.9.6修改 start*/
    .case-bot-add {
        font-size: 50px;
        margin-bottom: 18px;
    }

    .casetab-brand-li-text .std-h6 {
        margin-bottom: 50px;
    }

    .cblt-num-text {
        margin-bottom: 36px;
    }

    /*2024.9.6修改 end*/
    /*2024.09.05新增 start*/
    .website-section {
        padding-top: 90px;
    }

    .website-section-tit {
        margin-bottom: 65px;
    }

    .wsul-link {
        padding: 40px 32px 30px;
    }

    .wsul-link-img {
        margin-bottom: 30px;
    }

    .website-section-page {
        margin-top: 70px;
        margin-bottom: 36px;
    }

    /*2024.09.05新增 end*/
    .casedt-free .std-h3 {
        margin-bottom: 44px;
    }

    .cfct-top {
        padding: 26px 36px 22px 36px;
    }

    .cfct-top-name-logo {
        width: 45px;
    }

    .cfct-top-follow-btn {
        padding: 5px 22px 5px 19px;
    }

    .casedt-free {
        --height2: 94px;
    }

    .cfct-scroll-box {
        padding: 28px 42px 40px 40px;
    }

    .cfct-scroll-box .std-h5 {
        margin-bottom: 24px;
    }

    .cfct-inof-nub {
        margin-bottom: 30px;
    }

    .casedt-detail, .casedt-free {
        padding-bottom: 180px;
    }

    .why-approve1-bg {
        width: calc(50vw + 30vw);
    }

    .why-approve1 .std-h3 {
        margin-bottom: 54px;
    }

    .why-approve1-text::before, .why-approve1-text::after {
        width: 80px;
        height: 80px;
    }

    .why-approve1-text {
        margin-bottom: 36px;
    }

    .why-approve1-dots {
        margin-top: 60px;
    }

    .why-video-pop .ys-videom-close {
        width: 60px;
        height: 60px;
        top: -56px;
        right: -82px;
    }

    .home-rely-btm {
        padding-top: 40px;
    }

    .hnid-left-more {
        padding-left: 16px;
        margin-top: 25px;
    }

    .siiw-list {
        padding-bottom: 72px;
    }

    .swiper-button-icons {
        bottom: -72px;
    }

    .siiw-list .swiper-button-prev {
        right: 66px;
    }

    .case-tab-item {
        margin-bottom: 14px;
    }

    .case-tab-item li {
        margin-right: 36px;
    }

    .hlll-left .std-text2, .hnid-left-li-link .std-text2 {
        padding-right: 15px !important;
    }

    .hnid-left-li-link img {
        margin-right: 15px !important;
    }

    /* 1680end */
}

@media screen and (max-width: 1560px) {
    :root {
        --font80: 64px;
        --font64: 56px;
        --font48: 42px;
        --font20: 18px;
        --space1: 110px;
        --space2: 100px;
        --space3: 36px;
        --radius: 28px;
        --btnh1: 46px;
        --head: 70px;
        --anchor: 46px;
        --data170: 142px;
    }

    .head-nav-item-title, .head-right .std-btn8 {
        margin-top: 16px;
    }

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

    .hnic-num {
        top: -9px;
    }

    .head-logo {
        width: 152px;
    }

    .head-nav {
       /* margin-right: 28px;*/
    }

    .head-search {
        margin-left: 28px;display:none;
    }

    .head-change {
        margin: 0 28px;
    }

    .service-title-right {
        width: 42%;
    }

    .service-title-right .std-h4 {
        margin-bottom: 48px;
    }

    .service-title-right .std-text2 {
        margin-bottom: 28px;
    }

    .sili-text p {
        margin-bottom: 14px;
    }

    .spcl-item {
        padding-top: 50px;
        padding-bottom: 56px;
    }

    .service-process-cry-list {
        --distance160: 140px;
        margin-top: -38px;
    }

    .sfri-cry .std-text1 {
        width: 38%;
        padding-top: 36px;
    }

    .sfri-cry-list-item .std-h6 {
        padding-left: 25px;
    }

    .sfri-cry-list {
        padding-top: 22px;
        padding-bottom: 24px;
    }

    .sfri-cry-list-item {
        padding: 8px 0;
    }

    .service-firm-rotate {
        margin-bottom: 150px;
    }

    .service-card-item {
        padding: 38px 5px 36px;
    }

    .service-card-item-icon {
        width: 76px;
        margin-bottom: 16px;
    }

    .service-firm {
        padding-bottom: 114px;
    }

    .mod-cta-text {
        padding: 0 82px;
    }

    .waon-link-text {
        padding: 0 22px 32px;
    }

    .why-awards {
        --jian15: 12px;
    }

    .why-select {
        padding-bottom: var(--space2);
    }

    .wicn-box-text {
        padding: 0 50px 50px;
    }

    .wicn-box-text .std-h6 {
        margin-bottom: 20px;
    }

    .why-inof-cry-nub2 .wicn-box {
        padding: 44px 50px 58px;
    }

    .wicn-box-data {
        margin-bottom: 20px;
    }

    .wicn3-core {
        padding: 55px 45px;
    }

    .wlln-icon {
        width: 80px;
        margin-left: 40px;
    }

    .wecl-item-logo {
        width: 342px;
        height: 342px;
    }

    .wecl-item-text {
        width: calc(59.2% - 200px);
    }

    .wecl-item-data {
        width: calc(40.8% - 142px);
    }

    .wecl-item {
        padding: 27px 30px 26px;
    }

    .wecl-item-text {
        padding-left: 40px;
        padding-right: 44px;
        padding-bottom: 10px;
    }

    .wecl-item-text-inof {
        padding-left: 18px;
    }

    .wecl-item-data-font {
        font-size: 86px;
        margin-bottom: 10px;
    }

    .wccr-item {
        padding-top: 13px;
        padding-left: 8px;
        padding-right: 10px;
    }

    .wclh-lil-wrap-text .std-h6 {
        margin-bottom: 3px;
    }

    .wacl-list-item-img {
        width: 480px;
    }

    .wacl-list-item-text {
        width: calc(100% - 480px);
    }

    .wacl-lit-yin {
        width: 45px;
        margin-bottom: 16px;
    }

    .wacl-list-item-text {
        padding-right: 36px;
        padding-left: 20px;
    }

    .cfpr-img-btn-text {
        padding-left: 18px;
    }

    .cfpr-img-btn {
        padding: 12px 35px 12px 12px;
    }

    .why-approve-cry-right {
        padding-bottom: 110px;
        width: 330px;
    }

    .why-approve-cry-left {
        width: calc(100% - 330px);
    }

    .wacl-core {
        padding: 10px 24px 0;
    }

    .wacl-core-icon {
        width: 76px;
    }

    .wecl-item-text-inof {
        width: calc(100% - 76px);
    }

    .why-approve-cry-list {
        height: 452.6px;
    }

    .why-share .std-h3 {
        margin-bottom: 52px;
    }

    .wsli-text-inof {
        padding: 40px 30px;
    }

    .wsli-text .std-text1 {
        margin-bottom: 11px;
    }

    .wali-link-img {
        width: 310px;
    }

    .wali-link {
        padding: 32px 10px 36px 32px;
    }

    .std-btn9-icon {
        right: 6px;
    }

    @media screen and (min-width: 1200px) {
        .mod-btn .std-btn9-box:hover .std-btn9-icon {
            right: calc(var(--btnw) - 36px - 6px);
        }
    }

    .waon-link-text {
        padding: 0 17px 32px;
    }

    .ys-bbl-item-nub .ys-imgbox-cover {
        padding: 10px;
    }

    .cpli-box-play {
        width: 66px;
    }

    .company-founder-person-left .std-h3 {
        margin-bottom: 40px;
    }

    .company-founder-person-left .std-text1, .company-founder-person-left .std-text1 p {
        margin-bottom: 14px;
    }

    .cfpr-img-btn-icon {
        width: 54px;
    }

    .cfpr-img-btn-text {
        padding-left: 14px;
    }

    .cfpr-img-btn-text .std-text2 {
        margin-top: 0px;
    }

    .cfpr-img-btn {
        padding: 10px 32px 10px 10px;
    }

    .cfal-item-link {
        padding: 37px 29px 20px;
    }

    .company-founder-alway-list {
        --jian30: 24px;
    }

    .cwli-link-img-play {
        width: 62px;
    }

    .company-value {
        --width: 390px;
        --jian54: 50px;
    }

    .company-value-view .std-h3 {
        top: -100px;
    }

    .cvli-box .std-text2 {
        margin-bottom: 22px;
    }

    .contact-us-left {
        width: calc(100% - 780px);
        padding-right: 30px;
    }

    .contact-us-right {
        width: 780px;
    }

    .contact-us-left .std-h3 {
        margin-bottom: 72px;
    }

    .cull-item-inof-nub {
        margin-bottom: 8px;
    }

    .cull-item .std-h6 {
        margin-bottom: 16px;
    }

    .cull-item {
        margin-bottom: 60px;
    }

    /* tammy - end */
    /* Linda-start */
    .solution-energy-tp {
        padding-top: 70px;
        padding-bottom: 90px;
    }

    .setv-wrap-btn .cfpr-img-btn-icon {
        width: 70px;
    }

    .setv-wrap-btn.cfpr-img-btn {
        padding: 10px 30px 10px 10px;
        left: 30px;
        bottom: 40px;
    }

    .setv-wrap-btn.cfpr-img-btn::before {
        width: 90px;
    }

    .solution-energy-tp-text {
        padding-right: 120px;
    }

    .sett-btn {
        margin-top: 50px;
    }

    .solution-energy .home-cust-top-li {
        margin-top: 30px;
    }

    .solution-main .home-cust-top-ul {
        padding-bottom: 50px;
    }

    .solution-info-item-tit, .solution-info-item-tit span {
        font-size: 420px;
    }

    .siiw-list {
        margin-top: 70px;
    }

    .siiw-list-swiper {
        padding-right: 200px !important;
    }

    .slsl-text-subtit {
        margin-top: 18px;
    }

    .slsl-text-parga {
        margin-top: 35px;
    }

    .solution-info-item {
        margin-bottom: 70px;
    }

    .solution-opinion-wrap-text {
        padding-left: 45px;
        padding-right: 50px;
    }

    .sowt-tit {
        margin-top: 20px;
        margin-bottom: 70px;
    }

    .sown-data {
        font-size: 86px;
    }

    .sslu-item {
        padding: 0 65px;
        margin-top: var(--space3);
    }

    .scwl-slick-li {
        padding: 0 65px;
    }

    .scwl-slick, .scwl-slick-li-ul {
        margin: 0 -65px;
    }

    .sslu-item-logo {
        width: 160px;
        height: 160px;
    }

    .sslu-item-text {
        width: calc(100% - 160px);
    }

    .hnbc-bot-item a {
        padding: 24px 24px 65px 24px;
    }

    .solution-news .hnbc-bot-item a, .news-main .hnbc-bot-item a {
        padding-bottom: 140px;
    }

    .hnbc-bot-item {
        padding: 0 11px;
    }

    .hnbc-bot {
        margin: 0 -11px;
    }

    .hnbc-bot-item-arrow {
        left: 24px;
    }

    .solution-news-wrap, .solution-custom-wrap {
        margin-bottom: 90px;
    }

    .lab-ban {
        padding-top: 160px;
        padding-bottom: 100px;
    }

    .liib-swiper-item-icon {
        width: 54px;
    }

    /* Linda-end */
    .news-bot-li a {
        padding: 36px;
    }

    .news-bot-li-text {
        padding-left: 30px;
    }

    .news-bot-right-item {
        margin-bottom: 60px;
    }

    .cta-left-cont-service {
        margin-top: 20px;
        margin-bottom: 100px;
    }

    .casetab-sulo-icon {
        width: 60px;
    }

    .casedt-sur-logo {
        margin: 0 auto 50px;
    }

    .casedt-sur {
        padding-top: 150px;
    }

    .casedt-spec {
        margin-bottom: 170px;
    }

    .casedt-case-img {
        margin-bottom: 60px;
    }

    .casedt-case .swiper-slide .std-h4 {
        margin-bottom: 100px;
    }

    .casedt-sur-title {
        margin-bottom: 80px;
    }

    .casedt-sur-logo {
        margin: 0 auto 40px;
    }

    .casedt-sur {
        margin-bottom: 150px;
    }

    .hsbt-num-cont {
        font-size: 220px;
    }

    .home-solution .hsbt-num-cont-span2 {
        font-size: 122px;
    }

    .hulc-bt {
        padding: 30px 24px;
    }

    .home-data-li:last-child {
        padding-bottom: 20px;
    }

    .ys-footer-bot {
        padding: 100px 0 26px;
    }

    .ys-footer-bot .std-h3 {
        margin-bottom: 110px;
    }

    .home-rely-list-mid {
        margin-bottom: 160px;
    }

    .solution-info-item {
        margin-bottom: 10px;
    }

    /* 网站建设欣赏页面-start */
    .appreciate-contact-text {
        padding-left: 75px;
    }

    .appreciate-img h2 {
        margin-bottom: 40px;
    }

    .appreciate-img-bt-list {
        margin-top: 95px;
    }

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

    .appreciate-img {
        padding-top: 70px;
        padding-bottom: 150px;
    }

    .appreciate-case {
        padding-top: 110px;
        padding-bottom: 100px;
    }

    /* 网站建设欣赏页面-end */
    .casetab-suff-top-cont .std-h2 {
        margin-bottom: 16px;
    }

    .casetab-suff-top-cont .std-text1 {
        margin-bottom: 22px;
    }

    .yftl-float {
        padding: 20px 16px 20px 20px;
    }

    .ys-footer-top-ul {
        width: 19.5%;
    }

    .cfpr-add-top {
        top: 25px;
        left: 22px;
    }

    .company-video-controls-audio {
        width: 34px;
        height: 34px;
    }

    /*2024.9.5 start*/
    .cta-left-service-add {
        margin-top: 20px;
        margin-bottom: 100px;
    }

    /*2024.9.5 end*/
    /*2024.9.6修改 start*/
    .case-bot-add {
        font-size: 46px;
        margin-bottom: 14px;
    }

    .cblt-num-text {
        margin-bottom: 30px;
    }

    /*2024.9.6修改 end*/
    /*2024.9.5新增 start*/
    .website-section-page {
        margin-top: 60px;
        margin-bottom: 30px;
    }

    /*2024.9.5新增 end*/
    .casedt-detail, .casedt-free {
        padding-bottom: 150px;
    }

    .casedt-detail .ys-cont1100 {
        transform: translateX(40px);
    }

    .cdcc-nub {
        margin-bottom: 40px;
    }

    .casedt-sur-title {
        margin-bottom: 32px;
    }

    .casedt-sur .std-h6 {
        margin-bottom: 40px;
    }

    .why-approve1-text::before {
        left: -90px;
    }

    .why-approve1-text::after {
        left: calc(100% + 100px);
        bottom: -24px;
    }

    .why-approve1 .std-h3 {
        margin-bottom: 46px;
    }

    .why-approve1-other-play {
        width: 52px;
        margin-bottom: 19px;
    }

    .wa1oc-left-pos {
        margin-top: 3px;
    }

    .wa1oc-logo {
        padding-left: 16px;
    }

    .hrlt-ul-end-top {
        padding: 40px 35px 40px;
    }

    .hrlt-ul-end-btm p {
        font-size: 150px;
    }

    .hrlt-ul-end-video {
        width: 72%;
    }

    /* 2024.09.27 */
    .solution-energy .home-cust-top-li {
        margin-top: 0;
    }

    .solution-main .home-cust-top-ul {
        padding-top: 44px;
        padding-bottom: 44px;
    }

    .yfts-link-top {
        padding: 14px 13px;
    }

    .yfts-lxn-core {
        padding: 13px 0;
    }

    .yfts-link-xia {
        height: 225px;
    }

    .case-tab-item li {
        margin-right: 32px;
    }

    .hnbc-top-left {
        padding-top: 80px;
    }

    .hnbc-top-right {
        padding-left: 11px;
    }

    /* 1560end */
}

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

    .ys-cont900 {
        width: 882px;
    }
.tit-80{font-size: 3.3rem;}
    :root {
        --font80: 60px;
        --font64: 50px;
        --font48: 40px;
        --font32: 28px;
        --font28: 24px;
        --font24: 20px;
        --font20: 18px;
        --space1: 100px;
        --space2: 90px;
        --space3: 32px;
        --radius: 28px;
        --btnh1: 46px;
        --head: 60px;
        --anchor: 44px;
        --data170: 132px;
    }

    .head-logo {
        width: 142px;
    }

    .sili-text p {
        margin-bottom: 12px;
    }

    .spcl-item-data {
        font-size: 110px;
    }

    .spcl-item {
        padding-top: 50px;
        padding-bottom: 48px;
    }

    .spcl-item .std-h6 {
        margin-bottom: 23px;
    }

    .service-firm-rotate .slick-prev, .service-firm-rotate .slick-next {
        top: -52px;
    }

    .service-firm-rotate .slick-prev {
        right: 58px;
    }

    .service-firm-top {
        --distance37: 30px;
        margin-bottom: 62px;
    }

    .sfri-cry .std-text1 {
        width: 41%;
        padding-top: 35px;
    }

    .sfri-cry-list-item .std-h6::before {
        top: 10px;
    }

    .service-firm-rotate {
        margin-bottom: 132px;
    }

    .service-card-item-icon {
        width: 74px;
        margin-bottom: 13px;
    }

    .service-card-item {
        padding: 32px 5px 32px;
    }

    .why-inof {
        padding-top: calc(var(--space2) / 2);
    }

    .wicn-box-play {
        width: 70px;
    }

    .stretch-font::before {
        width: 13px;
        height: 80px;
        top: -18px;
    }

    .stretch-font::after {
        width: 13px;
        height: 80px;
        bottom: -18px;
    }

    .why-link .std-h3 {
        margin-bottom: calc(var(--space2) / 3 * 2);
    }

    .wclh-list-item {
        width: 160px;
    }

    .wclh-lil-circle {
        width: 140px;
        height: 140px;
    }

    .wclh-list {
        width: calc(160px * var(--width-shu));
    }

    .wclh-lil-circle {
        transform-origin: center center;
    }

    @media screen and (min-width: 1200px) {
        .wclh-list-item-link:hover .wclh-lil-circle {
            transform: scale(1.16);
        }
    }

    .wali-link {
        padding: 30px 5px 32px 28px;
    }

    .cpli-box-play {
        width: 60px;
    }

    .company-founder-person-left {
        padding-right: 70px;
    }

    .company-founder-person-left .std-h3 {
        margin-bottom: 36px;
    }

    .cfpr-img-btn {
        bottom: 36px;
        left: 34px;
    }

    .company-value-view .std-h3 {
        top: -95px;
    }

    .cvli-box .std-text2 {
        margin-bottom: 18px;
    }

    .company-value {
        --width: 370px;
    }

    .cvli-dots-nub div {
        width: 9px;
        height: 9px;
    }

    .contact-us-left {
        width: calc(100% - 760px);
        padding-right: 18px;
    }

    .contact-us-right {
        width: 760px;
    }

    .cull-iin-link .std-text2 {
        padding-left: 4px;
    }

    .cull-item {
        margin-bottom: 55px;
    }

    .contact-start-box .std-h3 {
        margin-bottom: 15px;
    }

    .contact-start-box .std-text2 {
        margin-bottom: 56px;
    }

    .company-who .std-h3, .company-founder-alway .std-h3, .company-partner .std-h3 {
        margin-bottom: 36px;
    }

    .contact-start-box-list {
        width: 320px;
    }

    .head-nav-item-title, .head-right .std-btn8 {
        margin-top: 11px;padding: 0 15px;
    }

    .anchor-box-list {
        --distance17d5: 15px;
    }

    .why-case-img {
        width: 450px;
    }

    .company-founder-alway {
        --top70: 60px;
    }

    .company-founder-person {
        padding-bottom: 56px;
    }

    /* tammy - end */
    /* Linda-start */
    .cimbt-play {
        width: 54px;
    }

    .sett-btn {
        margin-top: 40px;
    }

    .solution-info-item-tit, .solution-info-item-tit span {
        font-size: 400px;
    }

    .siiw-list {
        margin-top: 60px;
    }

    .siiw-list-swiper, .liib-swiper {
        padding-bottom: 30px !important;
    }

    .sown-data {
        font-size: 82px;
    }

    .sowt-tit {
        margin-bottom: 58px;
    }

    .lab-ban {
        padding-top: 140px;
    }

    .lab-ban-btn {
        margin-top: 200px;
    }

    .lab-ban .std-h5 {
        margin-top: 30px;
    }

    .lab-info-item-bt {
        margin-top: 50px;
    }

    .liib-swiper {
        padding-right: 200px !important;
    }

    /* Linda-end */
    .nbri-ul1 .std-text1 {
        padding: 12px 18px;
    }

    .news-top {
        padding: 80px 0;
    }

    .nbri-ul2 li a {
        padding: 0 0 22px;
        margin-bottom: 22px;
    }

    .news-bot-right-item {
        margin-bottom: 50px;
    }

    .nbri-ewm .ys-pos-center {
        padding: 0 35px;
    }

    .news-bot-right-item .std-h6 {
        margin-bottom: 20px;
    }

    .news-top-play {
        width: 60px;
    }

    .news-bot-right {
        width: 25%;
    }

    .news-bot-left, .newsdt-top-cont {
        width: 65%;
    }

    .newsdt-main .newsdt-top-cont {
        padding: 80px 0 40px;
    }

    .newsdt-top-cont .std-h3 {
        margin: 18px 0;
    }

    .newsdt-guide-text {
        padding: 0 60px 0 20px;
    }

    .newsdt-guide-img {
        left: 70px;
    }

    .cta-left {
        width: 50%;
        padding-right: 8.76%;
    }

    .cta-rihgt {
        padding: 40px 20px 40px 60px;
        width: 50%;
    }

    .case-bot .item {
        margin-bottom: 100px;
    }

    .case-top-info .std-h2 {
        font-size: 40px;
    }

    .casetab-brand-li-text .std-h6 {
        margin-bottom: 40px;
    }

    .cblt-num-text {
        margin-bottom: 30px;
    }

    .casetab-suff {
        margin-top: 130px;
    }

    .casetab-brand-li {
        margin-bottom: 80px;
    }

    .casetab-sulo-icon {
        width: 54px;
    }

    .casedt-sur-logo {
        margin: 0 auto 30px;
        width: 300px;
    }

    .casedt-sur-title {
        margin-bottom: 60px;
    }

    .casedt-sur {
        padding-top: 130px;
    }

    .casedt-sur-intro {
        margin-bottom: 60px;
    }

    .casedt-sur {
        margin-bottom: 130px;
    }

    .casedt-sur h1 {
        font-size: 26px;
    }

    .error-title {
        font-size: 80px;
    }

    .submit-left-title {
        font-size: 24px;
    }

    .submit-cont {
        padding: 0 27px 25px 80px;
    }

    .home-cust-bot .swiper-slide {
        padding: 46px 60px 30px;
    }

    .home-cust-bot .swiper-pagination {
        position: absolute;
        top: 45px !important;
        left: 60px !important;
    }

    .home-cust-bot .swiper-button-prev {
        left: 60px !important;
        bottom: 45px !important;
    }

    .home-cust-bot .swiper-button-next {
        left: 132px !important;
        bottom: 45px !important;
    }

    .home-rely-list-tp .hrlt-ul-li:nth-child(1) .hrlt-ul-li-cont {
        background: var(--colormain2);
        padding: 10px;
    }

    .cwli-link-img-play {
        width: 56px;
    }

    .home-part {
        padding: 90px 0;
    }

    .ys-footer-bot {
        padding: 80px 0 26px;
    }

    .ys-footer-bot .std-h3 {
        margin-bottom: 90px;
    }

    .home-cust-bot .home-cust-bot-left {
        top: 45px;
    }

    .hsbt-num-cont {
        font-size: 200px;
    }

    .home-solution .hsbt-num-cont-span2 {
        font-size: 112px;
    }

    .home-solu-bot-data {
        margin-bottom: 50px;
    }

    .home-solu-bot {
        margin-top: 40px;
    }

    .home-rely-list-mid {
        margin-bottom: 140px;
    }

    .hrlb-img-icon {
        width: 75px;
        right: -13px;
        top: 45px;
    }

    .hsbt-text {
        width: 40.6%;
    }

    .hnid-mid {
        width: 150px;
        padding-left: 20px;
        padding-right: 0;
    }

    .hnid-remod {
        width: 270px;
        margin-left: 15px;
    }

    .hnid-left-li-link {
        padding: 12px 15px;
    }

    .hnid-remod-item-img {
        margin-top: 16px;
        border-radius: 15px;
    }

    .head-nav-item-down {
        left: 100%;
    }

    /* 网站建设欣赏页面-start */
    .appreciate-contact {
        padding: 80px 0;
    }

    .appreciate-img-bt-list {
        margin-top: 92px;
    }

    .aibl-li {
        padding: 16px;
    }

    .appreciate-img-bt-list {
        padding-left: 100px;
    }

    .appreciate-img {
        padding-bottom: 140px;
    }

    .appreciate-case {
        padding-top: 100px;
        padding-bottom: 90px;
    }

    .appreciate-case-list-li a {
        padding: 40px 30px 55px 38px;
    }

    .appreciate-img-bt-list {
        margin-top: 87px;
    }

    .appreciate-img-bt-side {
        top: 70px;
    }

    /* 网站建设欣赏页面-end */
    .casetab-suff-top-cont {
        width: 66.286%;
    }

    .yftl-float {
        padding: 18px 14px 18px 16px;
    }

    .ys-footer-top-ul {
        width: 20%;
    }

    .ys-footer-top-li {
        margin-bottom: 36px;
    }

    .cfpr-add-top {
        top: 20px;
        left: 20px;
    }

    .cfpr-add-top-icon {
        width: 9px;
        margin-right: 8px;
    }

    .cfpr-add-top {
        padding: 7px 15px 7px 19px;
    }

    .siiw-titbox .std-h6 {
        margin-top: 10px;
    }

    .company-video-controls-audio {
        width: 32px;
        height: 32px;
    }

    .company-video-controlsp-btn {
        width: 32px;
        height: 32px;
    }

    .company-video-controls-audio .ys-imgbox-cover {
        width: 51%;
    }

    .company-video-controls .company-video-controlsp-btn .svsb-play {
        width: 8px;
    }

    .company-video-controls .company-video-controlsp-btn .cvcb-pause {
        width: 10px;
    }

    .company-video-controls-time {
        line-height: 34px;
        font-size: 14px;
    }

    /*2024.9.5 start*/
    .clsa-top-le {
        width: 40px;
    }

    .clsa-top-ri {
        padding-left: 14px;
    }

    /*2024.9.5 end*/
    /*2024.9.6修改 start*/
    .case-bot-add {
        font-size: 42px;
        margin-bottom: 12px;
    }

    /*2024.9.6修改 end*/
    /*2024.9.5新增 start*/
    .website-section {
        padding-top: 80px;
    }

    .website-section-tit {
        margin-bottom: 55px;
    }

    .wsul-link {
        padding: 36px 28px 28px;
    }

    .website-section-ul-list {
        width: 50%;
        padding: 0 12px;
        margin-bottom: 30px;
    }

    .website-section-ul {
        margin-left: -12px;
        margin-right: -12px;
    }

    .wsul-link-img {
        margin-bottom: 20px;
    }

    .wsul-link-btm-tit {
        margin-bottom: 18px;
    }

    .wlbi-img {
        width: 25px;
        margin-right: 12px;
    }

    .wsul-link-btm-icon {
        padding: 9px 20px 9px 14px;
        border-radius: 11px;
    }

    .website-section-page {
        margin-top: 50px;
        margin-bottom: 26px;
    }

    /*2024.9.5新增 end*/
    .casedt-detail, .casedt-free {
        padding-bottom: 130px;
    }

    .cfct-scroll-box .std-h5 {
        margin-bottom: 20px;
    }

    .cfct-scroll-box {
        padding: 28px 38px 40px 36px;
    }

    .cfct-top {
        padding: 22px 34px 20px 34px;
    }

    .casedt-free {
        --height2: 88px;
    }

    .casedt-sur-title {
        margin-bottom: 30px;
    }

    .casedt-sur .std-h6 {
        margin-bottom: 38px;
    }

    .wa1di-box {
        width: 64px;
        padding: 6px;
    }

    .why-video-pop .ys-videom-close {
        width: 50px;
        height: 50px;
        top: -33px;
        right: -66px;
    }

    .hnid-left-more {
        margin-top: 18px;
    }

    .news-bot-left, .newsdt-top-cont {
        width: 69%;
    }

    .casedt-main .home-part .std-text1 {
        width: 50%;
        margin-left: 0;
    }

    /* 20241212-修改-start */
    .ys-btn-cont.act .ybcu-li::after {
        border-radius: 30px;
    }

    .ybcu-li-text::after {
        width: 38px;
    }

    /* 20241212-修改-end */
    /* 1440end */
}

@media screen and (max-width: 1360px) {
    :root {
        --font80: 56px;
        --font64: 46px;
        --font48: 36px;
        --space1: 90px;
        --space2: 85px;
        --data170: 128px;
    }

    .service-title-right .std-text2 {
        margin-bottom: 24px;
    }

    .service-title-right .std-h4 {
        margin-bottom: 40px;
    }

    .spcl-item-data {
        font-size: 104px;
    }

    .spcl-item .std-h6 {
        margin-bottom: 20px;
    }

    .sfri-cry-list-item {
        padding: 6px 0;
    }

    .mod-cta-text {
        padding: 0 60px;
    }

    .mod-btn {
        --btnw: 178px;
    }

    .wicn-box-play {
        width: 66px;
    }

    .wicn-box-text .std-h6 {
        margin-bottom: 18px;
    }

    .why-inof-cry-nub2 .wicn-box {
        padding: 38px 40px 40px;
    }

    .wicn3-core {
        padding: 36px 34px;
        width: 280px;
    }

    .wicn3-core .std-h4 {
        margin-bottom: 16px;
    }

    .wicn4-core .std-h6 {
        margin-bottom: 15px;
    }

    .wicn4-core {
        padding: 40px 38px 0;
    }

    .why-inof-cry-nub5 .wicn-box {
        padding: 42px 42px;
    }

    .why-inof-cry-nub5 .std-h6 {
        margin-bottom: 78px;
    }

    .wecl-item-logo {
        width: 330px;
        height: 330px;
    }

    .wecl-item-text {
        width: calc(59.2% - 190px);
    }

    .wecl-item-data {
        width: calc(40.8% - 140px);
    }

    .wecl-item-text {
        padding-left: 35px;
        padding-right: 40px;
        padding-bottom: 8px;
    }

    .wecl-item-text-inof {
        padding-left: 13px;
    }

    .wecl-item {
        margin-bottom: 23px;
    }

    .why-approve-cry-right {
        width: 300px;
    }

    .wacl-core {
        padding: 8px 18px 0;
    }

    .wacl-core-icon {
        width: 72px;
    }

    .wecl-item-text-inof {
        width: calc(100% - 72px);
    }

    .why-approve-cry-list {
        height: 420px;
    }

    .why-approve-cry-left {
        width: calc(100% - 300px);
    }

    .wacl-list-item-img {
        width: 440px;
    }

    .wacl-list-item-text {
        width: calc(100% - 440px);
    }

    .wacl-list-item-text {
        padding-right: 26px;
        padding-left: 18px;
    }

    .why-share .std-h3 {
        margin-bottom: 42px;
    }

    .wsli-text-inof {
        padding: 34px 26px;
    }

    .wali-link-img {
        width: 300px;
    }

    .wali-link-text {
        width: calc(100% - 300px);
        padding-top: 32px;
    }

    .why-awards {
        --jian15: 10px;
    }

    .company-value {
        --width: 350px;
    }

    .cvli-box .std-text2 {
        margin-bottom: 14px;
    }

    .company-active-list-item2 {
        margin-top: 20px;
    }

    .company-active-list2-left {
        margin-top: 25px;
    }

    .company-active-list1 {
        margin-bottom: 4px;
    }

    .company-active-list-item5 {
        margin-top: 84px;
    }

    .mod-arrow .swiper-button-prev, .mod-arrow .swiper-button-next, .swiper-arrow-left, .swiper-arrow-right, .mod-arrow .slick-prev, .mod-arrow .slick-next {
        width: 45px;
        height: 45px;
    }

    .mod-arrow .swiper-button-next::after, .mod-arrow .slick-next::after, .mod-arrow .swiper-button-prev::after, .mod-arrow .slick-prev::after {
        width: 26px;
        height: 18px;
    }

    .company-founder-person-left .std-h3 {
        margin-bottom: 26px;
    }

    .company-founder-person-left {
        padding-right: 50px;
    }

    .company-founder-alway-list {
        --jian30: 18px;
    }

    .contact-us-left {
        width: calc(100% - 700px);
        padding-right: 12px;
    }

    .contact-us-right {
        width: 700px;
    }

    .contact-us-left .std-h3 {
        margin-bottom: 62px;
    }

    .contact-us {
        padding-top: 64px;
    }

    .cull-item {
        margin-bottom: 46px;
    }

    .cull-item .std-h6 {
        margin-bottom: 14px;
    }

    .cull-item-inof-nub {
        margin-bottom: 7px;
    }

    .cull-item {
        margin-bottom: 40px;
    }

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

    .head-nav-item-title .std-text2 {
        padding-right: 6px;
    }

    .head-nav {
        margin-right: 22px;
    }

    .head-search {
        margin-left: 22px;
    }

    .head-change {
        margin: 0 22px;
    }

    .home-part {
        padding: var(--space1) 0;
    }

    .service-firm {
        padding-bottom: var(--space1);
    }

    /* tammy - end */
    /* Linda-start */
    .solution-energy-tp-text {
        padding-right: 100px;
    }

    .solution-energy-tp {
        padding-top: 60px;
        padding-bottom: 80px;
    }

    .solution-info-item-tit, .solution-info-item-tit span {
        font-size: 430px;
        line-height: 1.2;
    }

    .siiw-list-swiper {
        padding-right: 150px !important;
    }

    .solution-opinion-wrap-text {
        padding-left: 40px;
        padding-right: 45px;
    }

    .sowt-tit {
        margin-bottom: 40px;
    }

    .sown-data {
        font-size: 78px;
    }

    .sslu-item, .scwl-slick-li {
        padding: 0 55px;
    }

    .scwl-slick, .scwl-slick-li-ul {
        margin: 0 -55px;
    }

    .sslu-item-logo {
        width: 150px;
        height: 150px;
    }

    .sslu-item-text {
        width: calc(100% - 150px);
    }

    .solution-news .hnbc-bot-item a, .news-main .hnbc-bot-item a {
        padding-bottom: 120px;
    }

    .solution-news-wrap, .solution-custom-wrap {
        margin-bottom: 90px;
    }

    .lab-ban .std-h5 {
        width: 72%;
    }

    .lab-ban {
        padding-top: 120px;
        padding-bottom: 90px;
    }

    /* Linda-end */
    .news-bot-right {
        margin-top: 20px;
    }

    .newsdt-guide {
        padding: 76px 40px 76px 220px;
    }

    .newsdt-guide-img {
        left: 50px;
        top: -40px;
    }

    .casetab-sulo-ul {
        margin: 0 -60px;
    }

    .casetab-sulo-ul li {
        padding: 0 60px;
    }

    .casetab-news .ys-slick-item a {
        padding: 50px 30px 90px;
    }

    .casetab-news-arrow {
        bottom: 40px;
        left: 30px;
    }

    .hulc-bt {
        padding: 26px 24px;
    }

    .hulc-tp-icon {
        width: 60px;
    }

    .hulc-tp-tit span {
        font-size: 24px;
    }

    .home-service-text-img {
        width: 20px;
    }

    .home-service-text-img img:last-child {
        width: 12px;
    }

    /* 网站建设欣赏页面-start */
    .appreciate-contact-text {
        padding-left: 60px;
    }

    /* 网站建设欣赏页面-end */
    .casetab-suff-top-cont {
        width: 70.286%;
    }

    /*2024.9.6修改 start*/
    .casetab-brand-li-text {
        padding-top: 24px;
    }

    /*2024.9.6修改 end*/
    .casedt-detail .ys-cont1100 {
        transform: translateX(30px);
    }

    .ys-cont1100 {
        max-width: 82.5%;
    }

    .cfct-scroll-box {
        padding: 28px 29px 40px 36px;
    }

    .why-approve1 .std-h3 {
        margin-bottom: 28px;
    }

    .why-approve1-text::before, .why-approve1-text::after {
        width: 60px;
        height: 60px;
    }

    .why-approve1-other-play {
        width: 48px;
        margin-bottom: 15px;
    }

    .why-approve1-dots {
        margin-top: 42px;
    }

    .home-rely-btm {
        padding-top: 0px;
    }

    .hrlt-ul-end-cont {
        padding: 22px 22px;
    }

    .hrlt-ul-end-btm p {
        font-size: 136px;
    }

    .casedt-main .home-part .mod-cta-text {
        padding: 82px 100px;
    }

    .casedt-main .home-part .std-text1 {
        width: 46%;
    }

    .siiw-list .swiper-button-prev {
        right: 60px;
    }

    .siiw-list {
        padding-bottom: 67px;
    }

    .swiper-button-icons {
        bottom: -67px;
    }

    .siiw-list .swiper-button-prev::after, .siiw-list .slick-prev::after, .siiw-list .swiper-button-next::after, .siiw-list .slick-next::after {
        width: 24px;
        height: 24px;
    }

    .case-tab-item {
        margin-bottom: 12px;
    }

    .case-tab-item.case-tab-item3 {
        margin-top: 17px;
    }

    .hnbc-top-left {
        padding-top: 70px;
    }

    /* 1360end */
}

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

    :root {
        --font80: 54px;
        --font64: 42px;
        --font48: 34px;
        --font32: 26px;
        --font28: 24px;
        --font24: 20px;
        --space1: 85px;
        --space2: 80px;
        --radius: 24px;
        --btnh1: 40px;
        --anchor: 42px;
        --data170: 120px;
    }

    .head-nav-item-title .std-text2 {
        font-size: 14px;
    }

    .hnit-icon {
        width: 11px;
        height: 11px;
    }

    .hnic-num {
        top: -6px;
        padding: 0px 6px;
        line-height: 18px;
    }

    .head-nav {
        margin-right: 20px;
    }

    .head-search {
        margin-left: 20px;
    }

    .head-change {
        margin: 0 20px;
    }

    .std-btn9-icon {
        width: 30px;
        height: 30px;
    }

    @media screen and (min-width: 1200px) {
        .mod-btn .std-btn9-box:hover .std-btn9-icon {
            right: calc(var(--btnw) - 30px - 6px);
        }
    }

    .mod-btn {
        --btnw: 168px;
    }

    .service-title-right .std-h4 {
        margin-bottom: 30px;
    }

    .service-title-right {
        width: 44%;
    }

    .service-title-right .std-text2 {
        margin-bottom: 22px;
    }

    .sili-text p::before {
        width: 20px;
        height: 20px;
    }

    .sili-text p::after {
        width: 12px;
        height: 8px;
    }

    .sili-text p {
        padding-left: 28px;
        margin-bottom: 10px;
    }

    .sili-text {
        margin-bottom: 36px;
    }

    .spcl-item:first-child .std-h6 {
        margin-bottom: 2px;
    }

    .spcl-item-data {
        font-size: 98px;
    }

    .spcl-item .std-h6 {
        margin-bottom: 16px;
    }

    .service-process-cry-list {
        --distance160: 120px;
    }

    .service-firm-top {
        --distance37: 28px;
        margin-bottom: 52px;
    }

    .service-firm-rotate .slick-prev, .service-firm-rotate .slick-next {
        top: -46px;
    }

    .service-firm-rotate {
        margin-bottom: 116px;
    }

    .service-card-item-icon {
        width: 70px;
        margin-bottom: 12px;
    }

    .why-select .ys-cont900 {
        width: 64%;
    }

    .wicn-box-play {
        width: 56px;
    }

    .wicn-box-text {
        padding: 0 44px 45px;
    }

    .why-inof-cry-nub2 .wicn-box {
        padding: 36px 36px 38px;
    }

    .stretch-font::before, .stretch-font::after {
        height: 70px;
    }

    .wecl-item-data-font {
        font-size: 74px;
    }

    .why-case-cry-right {
        padding-top: 60px;
        width: 350px;
    }

    .why-approve-cry-right {
        padding-bottom: 90px;
    }

    .why-approve-cry-right .swiper-button-next {
        bottom: 50px;
    }

    .wacl-list-item-img {
        width: 420px;
    }

    .wacl-list-item-text {
        width: calc(100% - 420px);
    }

    .wacl-lit-yin {
        width: 42px;
        margin-bottom: 12px;
    }

    .wacl-list-item-text {
        padding-right: 22px;
        padding-left: 12px;
    }

    .why-share .std-h3 {
        margin-bottom: 36px;
    }

    .mod-cta-text {
        padding: 0 52px;
    }

    .company-partner-box {
        --jian15: 12px;
    }

    .cpli-box-play {
        width: 58px;
    }

    .company-partner.mod-arrow .slick-prev, .company-founder-alway.mod-arrow .slick-prev, .company-who.mod-arrow .slick-prev {
        right: 60px;
    }

    .company-founder-alway-list {
        --jian30: 14px;
    }

    .cfal-item-link {
        padding: 37px 20px 20px;
    }

    .company-who-list {
        --jian20: 14px;
    }

    .cvli-box .std-text2 {
        margin-bottom: 12px;
    }

    .company-value {
        --width: 330px;
        --jian54: 40px;
    }

    .company-value-view .std-h3 {
        top: -80px;
    }

    .cvli-dots-nub:nth-child(2) {
        left: -15px;
    }

    .cvli-dots-nub:nth-child(4) {
        left: 15px;
    }

    .cvli-dots-nub:nth-child(1) {
        left: -30px;
    }

    .cvli-dots-nub:nth-child(5) {
        left: 30px;
    }

    .contact-us-left {
        width: calc(100% - 680px);
        padding-right: 10px;
    }

    .contact-us-right {
        width: 680px;
    }

    .contact-us-left .std-h3 {
        margin-bottom: 50px;
    }

    .contact-us {
        padding-top: 56px;
    }

    .contact-start-box-list {
        width: 280px;
    }

    .contact-start-box .std-text2 {
        margin-bottom: 48px;
    }

    .contact-start-pop-item1 {
        width: 152px;
        top: 17px;
    }

    .contact-start-pop-item5 {
        width: 124px;
    }

    .contact-start-pop-item2 {
        width: 98px;
        bottom: 80px;
    }

    .contact-start-pop-item4 {
        width: 92px;
        bottom: 90px;
    }

    .contact-start-pop-item3 {
        width: 80px;
    }

    .std-btn9-box {
        padding: 4px 9px;
    }

    /* tammy - end */
    /* Linda-start */
    .solution-energy-tp-text {
        padding-right: 80px;
    }

    .setv-wrap-btn .cfpr-img-btn-icon {
        width: 64px;
    }

    .setv-wrap-btn.cfpr-img-btn::before {
        width: 84px;
    }

    .sett-btn {
        margin-top: 30px;
    }

    .solution-energy .home-cust-top-li {
        margin-top: 20px;
    }

    .solution-main .home-cust-top-ul {
        padding-bottom: 40px;
    }

    .solution-info-item-tit, .solution-info-item-tit span {
        font-size: 410px;
    }

    .siiw-list {
        margin-top: 40px;
    }

    .siiw-list {
        margin-top: 70px;
    }

    .slsl-text {
        padding-left: 38px;
    }

    .solution-info-item {
        margin-bottom: 0 !important;
    }

    .solution-opinion-wrap {
        padding: 26px 18px;
    }

    .sown-data {
        font-size: 74px;
    }

    .sslu-item-text {
        padding-left: 20px;
    }

    .hnbc-bot-item a {
        padding: 20px 20px 55px 20px;
    }

    .hnbc-bot-item {
        padding: 0 8px;
    }

    .hnbc-bot {
        margin: 0 -8px;
    }

    .hnbc-bot-item-arrow {
        width: 20px;
        left: 20px;
    }

    .solution-opinion-wrap-num {
        right: 18px;
        bottom: 26px;
    }

    .sown-data {
        font-size: 68px;
    }

    .solution-opinion-wrap-text {
        width: 47%;
        padding-left: 35px;
        padding-right: 40px;
    }

    .solution-opinion-wrap-num {
        width: 27%;
    }

    .sowt-tit {
        margin-top: 10px;
        margin-bottom: 35px;
    }

    .sslu-item, .scwl-slick-li {
        padding: 0 40px;
    }

    .scwl-slick, .scwl-slick-li-ul {
        margin: 0 -40px;
    }

    .sslu-item-logo {
        width: 140px;
        height: 140px;
    }

    .sslu-item-text {
        width: calc(100% - 140px);
    }

    .lab-ban-btn {
        margin-top: 170px;
    }

    .liib-swiper-item-icon {
        width: 50px;
    }

    .lab-info-item-bt {
        margin-top: 40px;
    }

    /* Linda-end */
    .news-bot-right {
        width: 27%;
    }

    .news-bot-li a {
        padding: 30px;
    }

    .news-bot-ul {
        margin-bottom: 50px;
    }

    .newsdt-main .newsdt-top-cont {
        padding: 60px 0 30px;
    }

    .news-bot {
        margin-top: 30px;
    }

    .nbri-ewm {
        width: 80%;
    }

    .nbri-ewm-img {
        padding: 26px 30px;
    }

    .topic-share-img {
        width: 70px;
    }

    .topic-share-top {
        margin-bottom: 30px;
    }

    .topic-share {
        padding: 30px 25px;
    }

    .case-top {
        margin-bottom: 60px;
    }

    .case-bot .item {
        margin-bottom: 60px;
    }

    .case-bot .item:nth-child(2n) {
        top: 40px;
    }

    .case-top-info .std-h2 {
        font-size: 32px;
    }

    .casetab-brand-li-text .std-h6 {
        margin-bottom: 30px;
    }

    .cbit-img {
        margin-bottom: 20px;
    }

    .casetab-brand-li {
        margin-bottom: 70px;
    }

    .casetab-sulo-ul {
        margin: 0 -40px;
    }

    .casetab-sulo-ul li {
        padding: 0 40px;
    }

    .casetab-news .ys-slick-item a {
        padding: 40px 24px 78px;
    }

    .casetab-news-arrow {
        bottom: 30px;
        left: 24px;
    }

    .casetab-sulo-icon {
        width: 50px;
    }

    .casedt-sur {
        margin-bottom: 100px;
    }

    .casedt-case .swiper-slide .std-h4 {
        margin-bottom: 80px;
    }

    .casedt-case-img {
        margin-bottom: 40px;
    }

    .csil-title {
        top: 32px;
        padding: 0 40px;
    }

    .casedt-spec {
        margin-bottom: 150px;
    }

    .casedt-case {
        margin-bottom: 140px;
    }

    .casedt-case h3 {
        font-size: 36px;
    }

    .casedt-sur h1 {
        font-size: 24px;
    }

    .error-title {
        font-size: 70px;
    }

    .submit-left-title {
        font-size: 22px;
    }

    .submit-cont {
        padding: 0 27px 25px 60px;
    }

    .home-rely-list-mid {
        margin-bottom: 100px;
    }

    .home-service-text {
        padding: 20px 22px;
    }

    .home-data-li {
        padding: 36px 0;
    }

    .ys-footer-bot {
        padding: 40px 0 26px;
    }

    .ys-footer-bot .std-h3 {
        margin-bottom: 65px;
    }

    .yfts-bot-tel a {
        font-size: 32px;
    }

    .yftn-left>ul>li {
        margin-bottom: 45px;
    }

    .hsbt-num-cont {
        font-size: 190px;
    }

    .home-solution .hsbt-num-cont-span2 {
        font-size: 100px;
    }

    .hnid-left-li-link {
        padding: 10px 15px;
    }

    .hnid-remod-top {
        padding: 16px;
    }

    .solution-info-item-tit, .solution-info-item-tit span {
        font-size: 360px;
    }

    /* 网站建设欣赏页面-start */
    .appreciate-contact {
        padding: 60px 0;
    }

    .appreciate-img {
        padding-top: 60px;
        padding-bottom: 120px;
    }

    .appreciate-img h2 {
        margin-bottom: 35px;
    }

    .appreciate-img-bt-list {
        margin-top: 75px;
    }

    .aibs-ul-li {
        padding: 8px;
        margin-bottom: 12px;
    }

    .appreciate-case {
        padding-top: 90px;
        padding-bottom: 80px;
    }

    .appreciate-contact-text-parga p {
        font-size: 16px;
    }

    /* 网站建设欣赏页面-end */
    .casetab-suff-top-cont {
        width: 75.286%;
    }

    .yftl-float {
        padding: 16px 14px 16px 15px;
    }

    .yftl-float .yftl-btn {
        left: 3px;
    }

    /*2024.9.6修改 start*/
    .case-bot-add {
        font-size: 40px;
        margin-bottom: 10px;
    }

    /*2024.9.6修改 end*/
    /*2024.9.5新增 start*/
    .website-section {
        padding-top: 60px;
    }

    .website-section-tit {
        margin-bottom: 40px;
    }

    .wsul-link {
        padding: 28px 24px 24px;
        border-radius: 30px;
    }

    .wsul-link-img {
        margin-bottom: 16px;
    }

    .wsul-link-btm-tit {
        margin-bottom: 14px;
    }

    .wlbi-img {
        width: 22px;
        margin-right: 10px;
    }

    .wlbi-text {
        font-size: 16px;
    }

    .website-section-page {
        margin-top: 34px;
        margin-bottom: 20px;
    }

    .website-section-ul-list {
        padding: 0 10px;
        margin-bottom: 24px;
    }

    .website-section-ul {
        margin-left: -10px;
        margin-right: -10px;
    }

    /*2024.9.5新增 end*/
    .casedt-detail, .casedt-free {
        padding-bottom: 100px;
    }

    .casedt-free .std-h3 {
        margin-bottom: 36px;
    }

    .cfct-top {
        padding: 18px 26px 16px 28px;
    }

    .cfct-top-follow-code {
        width: 132px;
    }

    .cfct-top-follow-code, .cfct-top-follow-code img {
        border-radius: 20px;
    }

    .cfct-scroll-box {
        padding: 28px 28px 32px 32px;
    }

    .cfct-inof-nub {
        margin-bottom: 26px;
    }

    .cfct-scroll-box .std-h5 {
        margin-bottom: 18px;
    }

    .casedt-control-play {
        width: 44px;
        height: 44px;
    }

    .casedt-control-dots {
        height: 44px;
        padding: 0 22px;
        margin-left: 12px;
    }

    .why-approve1-text {
        width: 65%;
    }

    .solution-news .siiw-list-btn {
        margin-top: 2px !important;
    }

    /* 2024.09.27 */
    .solution-energy .home-cust-top-li {
        margin-top: 0px;
    }

    .solution-main .home-cust-top-ul {
        padding-top: 38px;
        padding-bottom: 38px;
    }

    .ys-footer-top-nav {
        padding: 0 5%;
    }

    .cfct-scroll {
        max-height: calc(860px - 120px);
    }

    /* 20241212-修改-start */
    .ybcu-li-text::after {
        width: 34px;
        right: -60px;
    }

    /* 20241212-修改-end */
    .hnbc-top-left {
        padding-top: 60px;
    }

    .hnbc-top-right {
        padding-left: 8px;
    }

    /* 1280end */
}

@media screen and (max-width: 1200px) {
    :root {
        --font28: 22px;
        --space1: 80px;
        --space2: 75px;
        --data170: 120px;
    }

    .service-process .ys-cont1400::before {
        margin-right: -40px;
        width: calc(100% + 40px);
    }

    .service-process .ys-cont1400::before {
        left: 40px;
    }

    .why-exp-cry .ys-cont1400 {
        width: 100%;
    }

    .why-exp {
        padding-left: 20px;
        padding-right: 20px;
    }

    .why-approve .std-h3 {
        margin-bottom: 6px;
    }

    .why-share {
        --jian64: 40px;
    }

    .mod-cta-text {
        padding: 0 82px;
    }

    .company-value-view .std-h3 {
        left: 40px;
    }

    .company-value {
        --width: 310px;
    }

    .company-value-view .std-h3 {
        top: -76px;
    }

    .company-partner.mod-arrow .slick-next, .company-founder-alway.mod-arrow .slick-next, .company-who.mod-arrow .slick-next {
        right: 40px;
    }

    .company-founder-alway.mod-arrow .slick-next {
        right: 0;
    }

    .company-partner.mod-arrow .slick-prev, .company-founder-alway.mod-arrow .slick-prev, .company-who.mod-arrow .slick-prev {
        right: 94px;
    }

    .company-founder-alway.mod-arrow .slick-prev {
        right: 54px;
    }

    .mod-arrow .swiper-button-prev, .mod-arrow .swiper-button-next, .swiper-arrow-left, .swiper-arrow-right, .mod-arrow .slick-prev, .mod-arrow .slick-next {
        width: 42px;
        height: 42px;
    }

    .mod-arrow .swiper-button-next::after, .mod-arrow .slick-next::after, .mod-arrow .swiper-button-prev::after, .mod-arrow .slick-prev::after {
        width: 24px;
        height: 16px;
    }

    .company-partner-list {
        max-width: 100%;
    }

    .company-founder-alway-list {
        padding-right: 40px;
    }

    .company-who-list {
        padding-right: 20px;
    }

    .contact-start-pop-item1 {
        left: 40px;
    }

    .contact-start-pop-item5 {
        right: 48px;
    }

    .contact-start-box .std-text2 {
        margin-bottom: 42px;
    }

    .contact-start-box-list {
        width: 260px;
    }

    /* tammy - end */
    /* Linda-start */
    .solution-info-item-tit, .solution-info-item-tit span {
        font-size: 390px;
    }

    .solution-info-item {
        margin-bottom: 40px;
    }

    /* Linda-end */
    .news-top {
        padding: 60px 0;
    }

    .news-top-play {
        width: 52px;
    }

    .solution-news .hnbc-bot-item a, .news-main .hnbc-bot-item a {
        padding-bottom: 100px;
    }

    .newsdt-main .newsdt-top-cont {
        padding: 50px 0 30px;
    }

    .cta-rihgt::before {
        display: none;
    }

    .cta-rihgt {
        border-radius: var(--radius);
    }

    .cta-rihgt {
        padding: 40px;
        width: 50%;
    }

    .cta-left-cont-service {
        margin-top: 0;
        margin-bottom: 80px;
    }

    .casedt-main .mod-cta .ys-cont1400 {
        position: relative;
        width: calc(100% - 80px);
    }

    .casedt-case h3 {
        font-size: 30px;
    }

    /*2024.9.5 start*/
    .cta-left-service-add {
        margin-top: 0px;
        margin-bottom: 80px;
    }

    /*2024.9.5 end*/
    .ys-cont1100 {
        max-width: 100%;
    }

    .casedt-detail .ys-cont1100 {
        transform: translateX(0px);
    }

    .why-approve1-bg {
        width: calc(100vw - 150px);
    }

    .wa1di-box {
        width: 60px;
    }

    .wa1oc-logo img {
        height: 48px;
    }

    .wa1oc-left-pos {
        margin-top: 1px;
    }

    .why-approve1-dots {
        margin-top: 36px;
    }

    .why-approve1 {
        padding-top: 0;
    }

    .cfct-scroll {
        max-height: calc(860px - 60px);
    }

    .yfts-top-item {
        margin-right: 30px;
    }

    .siiw-list .swiper-button-prev {
        right: 58px;
    }

    .siiw-list {
        padding-bottom: 64px;
    }

    .swiper-button-icons {
        bottom: -64px;
    }

    .siiw-list .swiper-button-prev::after, .siiw-list .slick-prev::after, .siiw-list .swiper-button-next::after, .siiw-list .slick-next::after {
        width: 24px;
        height: 24px;
    }

    .hsbt-text-btn {
        width: 180px;
        margin-top: 20px;
    }

    .hsbt-text-btn-li img {
        width: 16px;
    }

    .hnbc-top-left {
        padding-top: 80px;
    }

    /* 1200end */
}

@media screen and (max-width: 1199px) {
    .icon-search:before {
        color: #666;
    }

    .ys-phnav-search .iconfont {
        font-size: 22px;
    }

    .lab-ban h1 {
        font-family: var(--familyM);
        background: linear-gradient(90deg, #26B29C 0%, #45C2E2 54%, #4193C6 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        display: inline-block;
    }

    .lab-ban-title video {
        display: none;
    }

    :root {
        --font80: 48px;
        --font64: 40px;
        --font48: 32px;
        --space1: 75px;
        --space2: 70px;
        --space3: 28px;
        --data170: 110px;
        --head: 56px;
        --radius: 22px;
    }

    .ys-ph-navbar, .ys-phnav-header {
        height: var(--head);
    }

    .ys-phnav-header a, .ys-phnav-header-font, .ys-phnav-logo, .ys-phnav-r>div {
        line-height: var(--head);
    }

    .ys-phnav-logo {
        width: 106px;
    }

    .ys-phnav-logo a {
        font-size: 0;
    }

    .mod-anchor {
        display: none;
    }

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

    .service-main .ys-main, .why-main .ys-main, .company-main .ys-main, .contact-main .ys-main {
        margin-top: 0;
    }

    .service-title-right .std-text2 {
        margin-bottom: 18px;
    }

    .sili-text p::before {
        top: 6px;
    }

    .sili-text p::after {
        left: 10px;
        top: 17px;
    }

    .sili-text p {
        margin-bottom: 8px;
    }

    .service-title-right .std-text2 {
        margin-bottom: 14px;
    }

    .sili-text {
        margin-bottom: 30px;
    }

    .service-title-right .std-h4 {
        margin-bottom: 26px;
    }

    .service-process-cry-list {
        --distance160: 100px;
    }

    .sfri-cry .std-text1 {
        width: 42%;
    }

    .service-firm-rotate {
        margin-bottom: 92px;
    }

    .service-card-item {
        padding: 26px 5px 26px;
    }

    .service-card-item-icon {
        width: 64px;
        margin-bottom: 8px;
    }

    .ys-videom-content {
        max-width: calc(100vw - 120px);
    }

    .ys-videom-close {
        width: 40px;
        height: 40px;
        top: -1.5em;
        right: -1.5em;
    }

    .ys-videom-close .icon-close {
        font-size: 12px;
    }

    .wicn-box-text .std-h6 {
        margin-bottom: 16px;
    }

    .wicn-box-text {
        padding: 0 36px 38px;
    }

    .wicn-box-icon {
        width: 50px;
    }

    .why-inof-cry-nub2 .wicn-box {
        padding: 30px 32px 32px;
    }

    .wicn3-core {
        padding: 28px 30px;
        width: 260px;
    }

    .wicn4-core, .why-inof-cry-nub5 .wicn-box {
        padding: 34px 32px 0;
    }

    .why-inof-cry-nub5 .std-h6 {
        margin-bottom: 66px;
    }

    .wecl-item-logo {
        width: 280px;
        height: 280px;
    }

    .wecl-item-logo-icon {
        width: 230px;
    }

    .wecl-item-text {
        width: calc(59.2% - 160px);
    }

    .wecl-item-data {
        width: calc(40.8% - 120px);
    }

    .wecl-item {
        padding: 22px 20px 22px;
    }

    .wecl-item-text {
        padding-left: 30px;
        padding-right: 28px;
        padding-bottom: 6px;
    }

    .wecl-item-text-inof {
        padding-left: 10px;
    }

    .wecl-item-data {
        padding: 0 0 10px 20px;
    }

    .wecl-item-data-font {
        font-size: 64px;
    }

    .why-link {
        padding-top: var(--space1);
    }

    .why-case-cry-left .std-h3 {
        margin-left: 18px;
        padding-bottom: 10px;
    }

    .why-case-cry-right {
        padding-top: 30px;
        width: 330px;
    }

    .wccr-item {
        padding-top: 11px;
        padding-left: 6px;
        padding-right: 8px;
    }

    .why-case-img {
        width: 45vw;
    }

    .why-case-cry {
        margin-bottom: 20px;
    }

    .why-case-logo {
        padding-top: 26px;
    }

    .wclh-list-item {
        width: 130px;
        padding: 0 7px;
    }

    .wclh-list {
        width: calc(130px * var(--width-shu));
    }

    .wclh-lil-circle {
        width: 116px;
        height: 116px;
    }

    .why-case-logo-horse {
        margin-bottom: 7px;
    }

    .wacl-list-item-img {
        width: 380px;
    }

    .wacl-list-item-text {
        width: calc(100% - 380px);
    }

    .why-approve-cry-right {
        width: 280px;
    }

    .why-approve-cry-left {
        width: calc(100% - 280px);
    }

    .wsli-text-inof {
        padding: 26px 24px;
    }

    .wsli-text .std-text1 {
        margin-bottom: 8px;
    }

    .why-share {
        --jian64: 28px;
    }

    .wali-link-img {
        width: 250px;
    }

    .wali-link {
        padding: 22px 3px 22px 24px;
    }

    .wali-link-text {
        width: calc(100% - 250px);
        padding-top: 28px;
    }

    .wali-link-text .std-h5 {
        margin-bottom: 18px;
    }

    .cpli-box-play {
        width: 50px;
    }

    .company-partner-list {
        max-width: calc(100% + calc(var(--jian15) * 2));
    }

    .company-founder-person-left {
        padding-right: 32px;
    }

    .company-founder-person-left .std-text1, .company-founder-person-left .std-text1 p {
        margin-bottom: 12px;
    }

    .company-founder-person-left .std-h3 {
        margin-bottom: 22px;
    }

    .cfpr-img-btn {
        bottom: 26px;
        left: 24px;
    }

    .company-founder-alway-list {
        padding-right: 0;
    }

    .company-founder-alway-list {
        --jian30: 12px;
    }

    .company-who-list {
        --jian20: 12px;
    }

    .cfal-item-link .ys-imgbox-cover {
        width: 86%;
        margin-bottom: 14px;
    }

    .company-who-list {
        padding-right: 0;
    }

    .cwli-link-img-play {
        width: 52px;
    }

    .cwli-link-img {
        margin-bottom: 16px;
    }

    .contact-us-left .std-h3 {
        margin-bottom: 40px;
    }

    .contact-us-left {
        width: 320px;
        padding-right: 10px;
    }

    .contact-us-right {
        width: calc(100% - 320px);
    }

    .cull-item {
        margin-bottom: 32px;
    }

    .cull-item .std-h6 {
        margin-bottom: 12px;
    }

    .cull-item-inof-nub {
        margin-bottom: 5px;
    }

    .contact-start-box-list {
        width: 240px;
    }

    .contact-start-box .std-text2 {
        margin-bottom: 38px;
    }

    .contact-start-box .std-h3 {
        margin-bottom: 12px;
    }

    /* tammy - end */
    /* Linda-start */
    .solution-main .ys-main {
        margin-top: 0;
    }

    .hrlb-cont-btn .mod-btn {
        --btnw: 140px;
    }

    .std-btn9-box p {
        left: 20px;
    }

    .hrlb-cont-btn-li2 .std-btn9 {
        --btnw: 230px;
    }

    .setv-wrap-btn.cfpr-img-btn {
        left: 20px;
        bottom: 30px;
    }

    .solution-energy-tp-text {
        padding-right: 70px;
    }

    .siiw-list {
        margin-top: 60px;
    }

    .siiw-list-swiper {
        padding-right: 120px !important;
    }

    .slsl-text {
        padding-left: 30px;
    }

    .slsl-text-logo {
        width: 150px;
    }

    .slsl-text-parga {
        margin-top: 30px;
    }

    .solution-news .hnbc-bot-item a, .news-main .hnbc-bot-item a {
        padding-bottom: 100px;
    }

    .hnbc-bot-item-arrow {
        bottom: 20px;
    }

    .solution-info-item-tit, .solution-info-item-tit span {
        font-size: 380px;
        line-height: 1.1;
    }

    .lab-main .no-top {
        margin-top: 0;
    }

    .lab-ban-title video {
        display: block;
    }

    .lab-ban {
        padding-top: 100px;
        padding-bottom: 80px;
    }

    .lab-ban-btn {
        margin-top: 150px;
    }

    .lab-ban-title {
        width: 60vw;
        height: 9.84vw;
    }

    /* Linda-end */
    .why-select .yx-case3-box {
        height: 20vh;
    }

    .no-top {
        display: none;
    }

    .news-main .ys-main {
        margin-top: 0;
    }

    .news-bot-right {
        margin-top: 16px;
    }

    .ys-pcfy {
        display: block;
    }

    .newsdt-guide-img {
        left: 30px;
        top: -40px;
        width: 100px;
    }

    .newsdt-guide {
        padding: 50px 32px 40px 150px;
    }

    .newsdt-guide-text {
        padding: 0 30px 0 10px;
    }

    .newsdt-guide .mod-btn {
        --btnw: 130px;
    }

    .topic-share-top {
        margin-bottom: 20px;
    }

    .topic-share-text-icon .yfts-top-item-icon {
        width: 30px !important;
    }

    .news-bot-right-item .std-h6 {
        margin-bottom: 15px;
    }

    .topic-share {
        padding: 22px 25px;
    }

    .topic-theme-text {
        margin-bottom: 12px;
    }

    .news-bot-right-item {
        margin-bottom: 30px;
    }

    .cta-main .ys-main {
        margin-top: 80px;
    }

    .case-cont {
        margin-top: 80px;
    }

    .case-bot .item {
        padding: 0 60px;
    }

    .case-bot-masonry {
        margin: 0 -60px 20px;
    }

    .casetab-suff {
        margin-top: 70px;
    }

    .casetab-brand-li-text {
        padding-left: 35px;
        padding-top: 10px;
    }

    .casetab-sulo-ul li {
        padding: 0 25px;
    }

    .casetab-sulo-ul {
        margin: 0 -25px;
    }

    .casedt-sur {
        padding-top: 80px;
        margin-bottom: 80px;
    }

    .csil-title .std-h4 {
        width: 90%;
        font-size: 22px;
    }

    .casedt-spec {
        margin-bottom: 100px;
    }

    .casedt-case .swiper-slide {
        margin-right: 20px;
        padding: 30px 18px;
    }

    .casedt-main .home-part .mod-cta-text {
        padding: 62px 0;
    }

    .casedt-cta-img {
        right: 0;
        width: 360px;
    }

    .casedt-sur .ys-cont1000 {
        padding: 0;
    }

    .casedt-sur-leader {
        padding: 60px 70px;
    }

    .casedt-spec .std-h3 {
        margin-bottom: 50px;
    }

    .submit-cont {
        margin-top: 0;
    }

    .submit-cont {
        padding: 0 20px 20px;
    }

    .error-title {
        font-size: 60px;
    }

    .submit-left-title {
        font-size: 20px;
    }

    .std-btn9 {
        --btnw: 130px;
    }

    .submit-left {
        padding-right: 20px;
    }

    /* .home-page {         height: calc(100vh - 56px);     } */
    .hsbt-num-cont {
        font-size: 180px;
    }

    .home-solution .hsbt-num-cont-span2 {
        font-size: 86px;
    }

    .hsbl-logo-li {
        width: 120px;
    }

    .hsbl-logo-li .ys-imgbox-cover {
        width: 120px;
        height: 120px;
    }

    .hrlt-ul-li-cont .cfpr-img-btn-icon {
        width: 36px;
    }

    .hrlt-ul-li-cont .cfpr-img-btn-text {
        padding-left: 6px;
    }

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

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

    .hrlt-ul-li-cont .cfpr-img-btn {
        padding: 10px 14px 16px;
        border-radius: 45px;
    }

    .cfpr-img-btn-text {
        width: calc(100% - 36px);
    }

    .home-rely-list-tp {
        margin-bottom: 18px;
    }

    .home-service-text li {
        margin-bottom: 10px;
    }

    .home-service-text .std-h4 {
        margin-bottom: 12px;
    }

    .hrlb-img-icon {
        width: 62px;
    }

    .hrlb-img {
        bottom: 68px;
    }

    .mod-cta .std-btn9, .home-ban .std-btn9 {
        --btnw: 160px;
    }

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

    .ys-footer-bot-cont {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .ys-footer-ul {
        padding-left: 0;
        margin: 0 -25px 10px;
        width: 100%;
    }

    .ys-ban-video {
        display: none;
    }

    /* 网站建设欣赏页面-start */
    .appreciate-main .ys-main {
        margin-top: 0;
    }

    .appreciate-contact-text {
        padding-left: 50px;
    }

    .appreciate-img-bt-list {
        padding-left: 80px;
    }

    .appreciate-img {
        padding-bottom: 100px;
    }

    .appreciate-case {
        padding-top: 80px;
    }

    .appreciate-case-list-li a {
        padding: 35px 25px 45px 30px;
    }

    /* 网站建设欣赏页面-end */
    .yftl-float {
        padding: 14px 11px 14px 14px;
    }

    .ys-footer-top-ul {
        width: 21%;
    }

    .cfpr-add-top-font {
        display: none;
    }

    .cfpr-add-top-icon {
        margin-right: 0;
    }

    .cfpr-add-top {
        padding: 7px 15px 7px 17px;
    }

    /*2024.9.5 start*/
    .clsa-top-le {
        width: 34px;
    }

    .clsa-top-ri {
        padding-left: 10px;
    }

    .clsa-top {
        margin-bottom: 8px;
    }

    /*2024.9.5 end*/
    /*2024.9.6修改 start*/
    .case-bot-add {
        font-size: 34px;
        margin-bottom: 8px;
    }

    .casetab-brand-li-text .std-h6 {
        margin-bottom: 24px;
    }

    .cblt-num-text {
        margin-bottom: 20px;
    }

    /*2024.9.6修改 end*/
    /*2024.9.5新增 start*/
    .wsul-link {
        padding: 20px 20px 20px;
        border-radius: 20px;
    }

    .website-section-ul-list {
        padding: 0 8px;
        margin-bottom: 20px;
    }

    .website-section-ul {
        margin-left: -8px;
        margin-right: -8px;
    }

    .wlbi-img {
        width: 20px;
        margin-right: 8px;
    }

    .wsul-link-btm-icon {
        padding: 7px 14px 7px 10px;
        border-radius: 10px;
    }

    /*2024.9.5新增 end*/
    .casedt-detail, .casedt-free {
        padding-bottom: 80px;
    }

    .ys-cont1100 {
        max-width: calc(100% - 80px);
    }

    .casedt-free-core-img {
        width: 100%;
    }

    .casedt-free-core-left {
        width: 60%;
    }

    .casedt-free-core-text {
        width: 40%;
    }

    .casedt-free {
        --height1: calc(calc(100vw - 80px) * 0.6 / 675 * 900);
    }

    .casedt-detail-core-code {
        max-width: none;
    }

    .casedt-detail-core .std-text2 {
        width: calc(100% - 100px);
        flex-grow: 1;
        padding-right: 36px;
    }

    .casedt-detail-core .cdcc-nub .std-text2 {
        width: 100%;
        padding-right: 0;
    }

    .casedt-sur-title {
        margin-bottom: 26px;
    }

    .casedt-sur .std-h6 {
        margin-bottom: 35px;
    }

    .why-approve1 {
        height: calc(100vh - 56px);
    }

    .why-approve1-bg {
        --radius1: calc(calc(100vh - 56px) / 2);
    }

    .why-approve1-text::before, .why-approve1-text::after {
        width: 42px;
        height: 42px;
    }

    .why-approve1-text {
        width: 80%;
    }

    .why-approve1-text::before {
        left: -50px;
    }

    .why-approve1-text::after {
        left: calc(100% + 50px);
        bottom: -18px;
    }

    .why-approve1-bg {
        width: calc(100vw - 88px);
    }

    .hrlt-ul-end-top {
        border-radius: 16px;
    }

    .hrlt-ul-end-top {
        padding: 22px 22px 22px;
    }

    .hrlt-ul-end-top img {
        bottom: -18px;
    }

    .hrlt-ul-end-btm p {
        font-size: 114px;
    }

    .casedt-main .home-part .std-text1 {
        width: 65%;
    }

    .cfct-scroll {
        max-height: calc(730px - 110px);
    }

    .yfts-top-item-ewm {
        width: 110px;
    }

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

    .yfts-top-ul {
        flex-wrap: wrap;
    }

    .yfts-top-item:first-child .yfts-top-item-icon {
        width: 50px;
    }

    .yfts-top-item-icon {
        width: 28px;
    }

    .yfts-top-item {
        margin-right: 20px;
    }

    .ys-phnav-menu {
        top: 56px;
        height: calc(100% - 56px);
    }

    .home-banner1.act .home-banner-img img {
        opacity: 1;
    }

    .ys-pcfy {
        display: none;
    }

    .ys-phfy {
        display: block;
    }

    .siiw-list .swiper-button-prev::after, .siiw-list .slick-prev::after, .siiw-list .swiper-button-next::after, .siiw-list .slick-next::after {
        width: 22px;
        height: 22px;
    }

    .case-tab-item li {
        margin-right: 28px;
    }

    .case-tab-item:not(.case-tab-item3) li {
        margin-right: 24px;
    }

    .case-tab {
        margin-bottom: 36px;
    }

    /* 2025.02.11 - start */
    .home-banner.home-banner1 .ys-ban-video {
        display: block;
    }

    /* 2025.02.11 - end */
    /*2025.3.7 star*/
    .ys-phnav-haschild.yxnav-active1 > ul {
        display: block;
    }

    .ys-phnav-header .ys-phnavss-modal {
        background: #F9F8F5;
    }

    .ys-modal-wrap-top {
        width: 100%;
        position: relative;
        padding: ;
    }

    .ys-phnav-header .ys-modal-wrap {
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    .ys-phnavss-modal .ys-phnavss-form {
        border-bottom: 1px solid #DFDFDF;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .ys-phnavss-modal .ys-modal-close .icon-close:before, .ys-phnavss-modal .icon-close {
        color: #333333 !important;
    }

    .ys-phnavss-modal .ys-modal-close {
        top: calc(50% - 2px);
        transform: translateY(-50%);
    }

    .ys-phnav-header .ys-phnavss-form img {
        width: 26px;
    }

    .ys-phnav-header .ys-phnavss-form {
        display: flex;
        align-items: center;
    }

    .ys-phnav-header #phkeywords {
        padding-left: 18px;
        color: #333 !important;
    }

    .ys-phnav-header input::-webkit-input-placeholder {
        color: #666;
    }

    .ys-phnav-header input:-moz-placeholder {
        color: #666;
    }

    .ys-phnav-header input::-moz-placeholder {
        color: #666;
    }

    .ys-phnav-header input:-ms-input-placeholder {
        color: #666;
    }

    .seart-wrap {
        width: 100%;
        position: relative;
        padding-top: 18px;
        padding: 0 20px;
    }

    .seart-wrap-tit {
        font-size: 16px;
        line-height: 1.5;
        color: #333;
    }

    .seart-wrap-tit {
        margin-bottom: 12px;
    }

    .seart-wrap-li a {
        font-size: 14px;
        line-height: 1.5;
        color: #666;
    }

    .seart-wrap-li {
        margin-bottom: 12px;
    }

    .ys-phnavss-modal .ys-modal-content {
        padding: 20px 0 20px;
    }

    .seart-wrap-tit {
        margin-bottom: 13px;
    }

    .ys-modal-wrap-btm {
        width: 100%;
        position: relative;
        background: #;
        padding: 18px 20px;
        display: flex;
        align-items: center;
    }

    .ymwb-le {
        width: 104px;
        text-align: center;
    }

    .ymwb-le-icon {
        width: 100%;
    }

    .ymwb-le-icon img {
        width: 100%;
    }

    .ymwb-le-info {
        margin-top: 6px;
    }

    .ymwb-le-info p {
        font-size: 14px;
        line-height: 1.5;
        color: #666666;
    }

    .ymwb-ri {
        width: calc(100% - 104px);
        padding-left: 46px;
        position: relative;
    }

    .ymwb-ri::after {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 24px;
        width: 1px;
        height: 118px;
        background: #D3D3D3;
    }

    .ymwb-ri-tit p {
        font-size: 14px;
        line-height: 1.5;
        color: #666666;
    }

    .ymwb-ri-tit {
        margin-bottom: 4px;
    }

    .ymwb-ri-num a {
        font-size: 22px;
        line-height: 1.5;
        color: #333333;
        display: block;
    }

    .ymwb-ri-num {
        margin-bottom: 12px;
    }

    .ys-phnavss-modal .ys-modal-container, .ys-phnavss-modal .ys-modal-content {
        width: 100%;
        max-width: 100%;
    }

    .ys-phnavss-modal .ys-modal-content {
        max-height: 420px;
    }

    .ys-modal-wrap-ty {
        width: 100%;
    }

    .ys-ph-navbar4 .ys-phnav-icon::after, .ys-ph-navbar4 .ys-phnav-icon::before {
        display: none;
    }

    .ys-phnav-icon img {
        width: 24px;
    }

    .ys-phnav-icon {
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
    }

    .ys-ph-nav .ys-phnav-header-font, .ys-ph-nav a {
        font-size: 16px;
    }

    .ys-phnav-haschild .ys-phnav-haschild .ys-phnav-lisbox {
        border-bottom: none !important;
    }

    .ys-ph-nav > li > .ys-phnav-lisbox .ys-phnav-header-font {
        color: #333;
    }
    .ys-ph-nav > li > .ys-phnav-lisbox:hover .ys-phnav-header-font {
        color: #009fab;font-weight: 600;
    transition: 0.4s;
    }
    .ys-ph-nav > li > ul > li > .ys-phnav-lisbox .ys-phnav-header-font {
        color: #666;
    }

    .ys-ph-nav > li > ul > li >ul > li .ys-phnav-header-font {
        color: rgba(102, 102, 102, 0.7);
    }

    .ys-ph-nav > li > ul .ys-phnav-lisbox {
        border-bottom: none !important;
    }

    .ys-phnav-lisbox>.ys-phnav-header-font, .ys-phnav-lisbox>a {
        padding: 0.6em 0;
    }

    .ys-ph-navbar4 .ys-phmenu-scroll {
        width: 100%;
        max-height: calc(100vh - 56px);
        /*padding-bottom: 35px;*/
    }

    .ys-ph-navbar4 .ys-phnav-menu {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 0 !important;
    }

    .ys-phnav-menu-wrap {
        width: 100%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .ys-ph-navbar4 .ys-phmenu-scroll {
        padding-left: 20px;
        padding-right: 20px;
    }

    .ymwb-ri-more {
        display: flex;
    }

    .ys-ph-navbar4 .ys-modal-wrap-btm {
        margin-top: 35px;
    }

    .ys-ph-navbar4 .ys-phnav-lisbox {
        border-bottom: none;
    }

    .ys-ph-nav > li {
        border-bottom: 1px solid rgba(0, 0, 0, .05);
    }

    .ys-ph-nav > li > ul {
        padding-bottom: 12px;
    }

    .ys-phnav-lisbox-label {
        border-radius: 50px;
        background: #DFEFD7;
        padding: 2px 9px;
        margin-top: 4px;
        margin-left: 5px;
    }

    .ys-phnav-lisbox-label p {
        color: #333;
        line-height: 1.5;
        font-size: 12px;
    }

    .ys-phnav-lisbox-le {
        display: flex;
        align-items: center;
    }

    .ys-phnav-lisbox-le a {
        padding: 3px 0;    width: 100%;
    text-align: center;
    }

    .ys-phnav-lag a {
        font-size: 16px;
        line-height: 1.5;
        color: #333;
    }

    .ys-phnav-header-le {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .ys-phnav-header-le .ys-phnav-logo {
        /* margin-left: 20px; */
    }

    .ys-phnav-header-ri {
        display: flex;
        align-items: center;
    }

    .ys-phnav-lag {
        margin-right: 15px;
    }

    .yphr-more {
        margin-right: 15px;
    }

    .yphr-more .std-btn8-box {
        padding: 3px 12px;
    }

    .ys-ph-navbar4 .ys-phmenu-scroll {
        padding-left: 0px;
        padding-right: 0px;
    }

    .ys-phmenu-scroll .ys-ph-nav {
        padding-left: 20px;
        padding-right: 20px;
    }

    .seart-wrap, .ys-ph-nav {
        min-height: calc(100vh - 119px - 164px);
    }

    .ys-phnavss-modal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 2px !important;
        background-color: rgba(153, 153, 153, .4) !important;
    }

    .ys-phnavss-modal .mCSB_container {
        margin-right: 0 !important;
    }

    .ys-modal-wrap-ty {
        height: 100%;
    }

    /*.ys-phnavss-modal .ys-modal-container {*/
    /*    height: calc(100vh - 61px);*/
    /*}*/
    .ys-phnavss-modal .ys-modal-content {
        max-height: inherit !important;
        height: calc(100vh - 41px);
    }

    /*2025.3.7 end*/
    .hnbc-top-left {
        padding-top: 60px;
    }

    /* 1199end */
}

@media screen and (max-width: 991px) {
    :root {
        --font80: 44px;
        --font64: 36px;
        --font48: 30px;
        /* --font32: 26px;        --font28: 24px;        */
        --font24: 18px;
        --font20: 16px;
        --space1: 70px;
        --space2: 65px;
        --space3: 28px;
        --data170: 90px;
        --head: 56px;
        --radius: 22px;
        /* --btnh1: 40px; */
    }

    .about-list1 .text {
        margin-right: 0;
        width: 100%;
    }

    .important-box {
        height: 19rem;
    }

    .important-box .text-box {
        top: 30%;
    }

    .important-box .text-box .tit1 {
        font-size: 1.8rem;
        line-height: 4rem;
    }

    .answer-box .big-text .txt2 {
        font-size: 2.8rem;
        margin-top: 2rem;
        line-height: 3rem;
    }

    .point-list {
        padding: 0.25rem 0 0;
    }

    .point-list .desc {
        font-size: 2rem;
        line-height: 5rem;
        color: #222;
        padding-bottom: 2rem;
        border-bottom: 1px solid #ddd;
    }

    .point-list li {
        padding: 5rem 0;
        border-bottom: 1px solid #ddd;
    }

    .point-list li:last-child {
        border-bottom: none;
    }

    .point-list li .red-tit {
        font-size: 1.8rem;
        line-height: 3rem;
        color: #ff6900;
    }

    .point-list li .tit {
        font-size: 2rem;
        line-height: 2.3rem;
        line-height: 2.rem;
        lor: #222;
        margin-top: 0.3rem;
    }

    .point-list li .con {
        font-size: 1.2rem;
        line-height: 1rem;
        color: #222;
        margin-top: 2rem;
    }

    .point-list li .con p {
        line-height: 2;
        font-family: "PingFang SC","Source Han Sans CN","Microsoft YaHei", "Microsoft JhengHei","Helvetica Neue", Helvetica, "Heiti SC",Arial, sans-serif;
        font-weight: 300;
    }

    .point-foot {
        padding: 3.25rem 0 4rem;
        background: #fff;
        font-weight: 400;
    }

    .point-foot .en {
        font-size: 1.8rem;
        line-height: 2rem;
        color: #444;
        font-family: "PingFang SC","Source Han Sans CN","Microsoft YaHei", "Microsoft JhengHei","Helvetica Neue", Helvetica, "Heiti SC",Arial, sans-serif;
    }

    .point-foot .cn {
        font-size: 1.8rem;
        line-height: 2.3rem;
        color: #444;
        margin-top: 1rem;
    }

    .change-box {
        height: 18rem;
    }

    .change-box .text-box {
    }

    .change-box .text-box .tit1 {
        font-size: 1.8rem;
        line-height: 4rem;
    }

    .change-box .text-box .tit2 {
        line-height: 2rem;
        font-size: 2rem;
    }

    .effect-box .big-text {
        margin-bottom: 2rem;
    }

    .important-box .text-box .tit2 {
        font-size: 2rem;
    }

    .answer-box {
        padding: 3rem 0;
    }

    .answer-box .big-text .txt1 {
        font-size: 2rem;
        line-height: 1.6rem;
    }

    .service-title-cry, .sili-cry {
        flex-wrap: wrap;
    }

    .about-list1 {
        padding: 0rem 0 1.5rem;
    }

    .service-title-left {
        width: 100%;
        margin-bottom: 22px;
    }

    .service-title-right {
        width: 100%;
    }

    .service-title-right .std-text2 {
        margin-bottom: 24px;
    }

    .sili-ph {
        display: block;
    }

    .sili-ph {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .sili-cry .std-h3, .sili-cry .std-h4 {
        display: none;
    }

    .sili-cry {
        display: none;
    }

    .service-inof-list-item {
        position: relative;
        top: 0;
    }

    .sili-ph-icon {
        width: 28px;
        transition: all .4s ease;
    }

    .sili-ph-icon img {
        width: 100%;
    }

    .service-inof-list-item {
        padding-top: 0;
        padding-bottom: 0;
    }

    .sili-ph {
        cursor: pointer;
        padding-top: calc(var(--space2) / 3 * 2);
        padding-bottom: calc(var(--space2) / 3 * 2);
    }

    .service-inof-list-item.act .sili-ph-icon {
        transform: rotate(180deg);
    }

    .sili-cry {
        padding-bottom: var(--space2);
    }

    .service-title-left {
        margin-bottom: 26px;
    }

    .service-process-cry {
        padding: 40px 0 40px 40px;
    }

    .service-process-cry .std-h3 {
        width: 50%;
    }

    .spcl-item-data {
        font-size: 84px;
    }

    .service-process-cry-list {
        --distance160: 65px;
    }

    .spcl-item {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .spcl-item:first-child {
        padding-bottom: 28px;
    }

    .service-firm-top {
        --distance37: 22px;
        margin-bottom: 40px;
    }

    .mod-arrows1 .slick-prev::before, .mod-arrows1 .slick-next::before {
        width: 20px;
        height: 20px;
    }

    .service-firm-rotate .slick-prev {
        right: 46px;
    }

    .service-firm-rotate .slick-prev, .service-firm-rotate .slick-next {
        top: -42px;
    }

    .sfri-cry-list-item .std-h6::before {
        width: 12px;
        height: 12px;
        top: 9px;
    }

    .sfri-cry-list-item .std-h6 {
        padding-left: 20px;
    }

    .sfri-cry .std-text1 {
        padding-top: 30px;
        width: 44%;
    }

    .service-card-item-icon {
        width: 58px;
        margin-bottom: 6px;
    }

    .service-card-item {
        padding: 20px 3px 20px;
    }

    .service-firm-rotate {
        margin-bottom: 70px;
    }

    .service-firm::before {
        top: -50%;
        height: 50%;
    }

    .why-select .std-h1 {
        margin-bottom: 18px;
    }

    .why-select .ys-cont900 {
        width: 78%;
    }

    .wicn-box-play {
        width: 52px;
    }

    .wicn-box-text .std-h6 {
        margin-bottom: 13px;
    }

    .wicn-box-text {
        padding: 0 28px 30px;
    }

    .wicn-box-text .std-h6 {
        margin-bottom: 11px;
    }

    .why-inof-cry {
        --distance15: 10px;
    }

    .why-inof-cry-nub2 .wicn-box {
        padding: 23px 26px 24px;
    }

    .wicn-box-icon {
        width: 42px;
    }

    .wicn-box-data {
        margin-bottom: 12px;
    }

    .wicn3-core {
        padding: 20px 22px;
        width: 221px;
    }

    .wicn4-core, .why-inof-cry-nub5 .wicn-box {
        padding: 28px 25px 0;
    }

    .wicn4-core .std-h6 {
        margin-bottom: 11px;
    }

    .why-inof-cry-nub5 .std-h6 {
        margin-bottom: 38px;
    }

    .stretch-font::before, .stretch-font::after {
        height: 60px;
    }

    .stretch-font::before {
        top: -14px;
    }

    .stretch-font::after {
        transform: translateY(-7px);
    }

    .wlln-icon {
        width: 50px;
        margin-left: 30px;
    }

    .wecl-item-logo {
        width: 220px;
        height: 220px;
    }

    .wecl-item-text {
        width: calc(59.2% - 100px);
    }

    .wecl-item-data {
        width: calc(40.8% - 120px);
    }

    .wecl-item-logo-icon {
        width: 180px;
    }

    .wecl-item-data-font {
        font-size: 50px;
    }

    .wecl-item-text-inof {
        padding-left: 7px;
        width: calc(100% - 60px);
    }

    .wecl-item-text-inof p {
        margin-bottom: 0px;
    }

    .wecl-item-text {
        padding-top: 4px;
        padding-left: 22px;
        padding-right: 16px;
        padding-bottom: 2px;
    }

    .wecl-item {
        padding: 20px 14px 20px;
    }

    .wecl-item {
        margin-bottom: 20px;
    }

    .why-case-cry-right {
        padding-top: 20px;
        width: 250px;
    }

    /* .wacl-list-item{        flex-direction: column-reverse;    }    .wacl-list-item-text {        width: 100%;    } */
    .why-approve-cry {
        flex-wrap: wrap;
    }

    .why-approve-cry-left {
        width: 100%;
    }

    .why-approve-cry-right {
        width: 100%;
    }

    .why-approve .std-h3 {
        margin-bottom: 28px;
    }

    .why-approve-cry-right {
        display: none;
    }

    .wacl-list .slick-track .slick-slide {
        display: flex !important;
    }

    .wacl-list .slick-initialized .slick-slide {
        display: flex !important;
    }

    .wacl-list-item {
        position: relative;
        display: flex;
        width: 100%;
    }

    .wacl-list-item:not(:first-child) {
        display: none !important;
    }

    .why-approve-cry {
        width: 100%;
    }

    .why-inof-cry {
        --distance15: 8px;
    }

    .why-case-cry-left .std-h3 {
        margin-left: 10px;
        padding-bottom: 1px;
    }

    .why-case-logo {
        padding-top: 24px;
    }

    .wacl-list {
        width: 100%;
    }

    .wacl-list-item {
        width: calc(100vw - 80px);
    }

    .wacl-list .slick-dots {
        bottom: 26px;
        width: calc(100% - 380px);
        right: 0;
        text-align: left;
        padding-left: 6px;
    }

    .why-share-list {
        --jian6d5: 4px;
    }

    .wsli-text-inof {
        padding: 18px 15px;
    }

    .wsli-text .std-text1 {
        font-size: 14px;
    }

    .wsli-text .std-text1 {
        margin-bottom: 2px;
    }

    .wsli-text .std-h5 {
        font-size: 20px;
    }

    .std-btn9-box p {
        font-size: 14px;
    }

    .mod-btn {
        --btnw: 150px;
    }

    .std-btn9-box p {
        left: 19px;
    }

    .wali-link {
        padding: 20px 0px 20px 18px;
    }

    .wali-link-img {
        width: 190px;
    }

    .wali-link-text {
        width: calc(100% - 190px);
        padding-top: 12px;
    }

    .wali-link-text .std-h5 {
        margin-bottom: 16px;
    }

    .why-awards {
        --jian15: 7px;
    }

    .waon-link-img {
        margin-bottom: 12px;
    }

    .waon-link-btn {
        padding-left: 1px;
    }

    .waon-link-text .std-h6 {
        margin-bottom: 6px;
    }

    .waon-link-btn-icon {
        width: 20px;
    }

    .waon-link-btn .std-text2 {
        margin-right: 5px;
    }

    .waon-link-text {
        padding: 0 15px 24px;
    }

    .mod-cta-text .std-text2 {
        margin: 10px 0 22px;
    }

    .mod-cta-text {
        padding: 0 70px;
    }

    .mod-cta-text {
        top: 46%;
    }

    .ys-bbl-item-nub .ys-imgbox-cover {
        padding: 6px;
    }

    .company-outline-text .ys-cont900 {
        max-width: calc(100% - 80px);
    }

    .mod-arrow .swiper-button-prev, .mod-arrow .swiper-button-next, .swiper-arrow-left, .swiper-arrow-right, .mod-arrow .slick-prev, .mod-arrow .slick-next {
        width: 38px;
        height: 38px;
    }

    .mod-arrow .swiper-button-next::after, .mod-arrow .slick-next::after, .mod-arrow .swiper-button-prev::after, .mod-arrow .slick-prev::after {
        width: 19px;
        height: 11px;
    }

    .company-partner.mod-arrow .slick-prev, .company-founder-alway.mod-arrow .slick-prev, .company-who.mod-arrow .slick-prev {
        right: 89px;
    }

    .company-founder-alway.mod-arrow .slick-prev {
        right: 49px;
    }

    .company-partner-box {
        --jian15: 10px;
    }

    .cpli-box-play {
        width: 44px;
    }

    .company-who .std-h3, .company-founder-alway .std-h3, .company-partner .std-h3 {
        margin-bottom: 32px;
    }

    .company-founder-person-left .std-h3 {
        margin-bottom: 16px;
    }

    .company-founder-person-left {
        padding-right: 24px;
    }

    .company-founder-person-left .std-text1, .company-founder-person-left .std-text1 p {
        margin-bottom: 10px;
    }

    .cfpr-img-btn-icon {
        width: 40px;
    }

    .cfpr-img-btn-text {
        padding-left: 9px;
    }

    .cfpr-img-btn-text .std-text1, .cfpr-img-btn-text .std-text1 p, .cfpr-img-btn-text .std-text2, .cfpr-img-btn-text .std-text2 p {
        font-size: 14px;
    }

    .cfpr-img-btn {
        padding: 6px 24px 6px 6px;
    }

    .cfpr-img-btn {
        bottom: 19px;
        left: 15px;
    }

    .company-active-list-item1 {
        width: 30.57%;
        margin-left: 3.42857%;
    }

    .company-active-list-item2 {
        width: 25.57%;
        margin-right: 1.5714%;
    }

    .company-active-list2-left {
        width: 33.285714%;
    }

    .company-active-list2-right {
        width: 34.928571%;
        margin-right: -4px;
    }

    .company-active-list-item3 {
        width: 72.317073%;
    }

    .company-active-list-item4 {
        margin-top: 84px;
        width: 70.365854%;
    }

    .company-active-list-item7 {
        width: 64.886836%;
    }

    .company-founder-alway {
        --top70: 50px;
    }

    .company-founder-person {
        padding-bottom: 50px;
    }

    /* tammy - end */
    /* Linda-start */
    .solution-energy-tp-text {
        padding-right: 25px;
    }

    .hrlb-cont-btn .mod-btn {
        --btnw: 120px;
    }

    .hrlb-cont-btn-li2 .std-btn9 {
        --btnw: 200px;
    }

    .hrlb-cont-btn-li1 {
        margin-right: 10px;
    }

    .home-cust-top-li {
        width: 16.666666%;
    }

    .home-cust-top-ul {
        justify-content: flex-start;
    }

    .siiw-titbox {
        padding-left: 50px;
    }

    .siiw-list-swiper {
        padding-right: 40px !important;
    }

    .siiw-list {
        margin-top: 50px;
    }

    .sown-data {
        font-size: 60px;
    }

    .solution-opinion-wrap-text {
        padding-left: 30px;
        padding-right: 30px;
    }

    .sowt-tit {
        margin-top: 0;
        margin-bottom: 25px;
    }

    .sslu-item, .scwl-slick-li {
        padding: 0 15px;
    }

    .scwl-slick, .scwl-slick-li-ul {
        margin: 0 -15px;
    }

    .sslu-item-text-lab {
        padding: 3px 10px;
    }

    .sslu-item-logo {
        width: 120px;
        height: 120px;
    }

    .sslu-item-text {
        width: calc(100% - 120px);
    }

    .hnbc-bot-item a {
        padding: 15px 15px 40px 15px;
    }

    :root {
        --font32: 24px;
        --font28: 22px;
    }

    .hnbc-bot-item {
        padding: 0 8px;
    }

    .hnbc-bot {
        margin: 0 -8px;
    }

    .solution-news .hnbc-bot-item a, .news-main .hnbc-bot-item a {
        padding-bottom: 80px;
    }

    .hnbc-bot-item-arrow {
        bottom: 15px;
        width: 18px;
        left: 15px;
    }

    .slsl-text-logo {
        width: 140px;
    }

    .slsl-text-tit {
        margin-top: 14px;
    }

    .slsl-text-subtit {
        margin-top: 12px;
    }

    .slsl-text-parga {
        margin-top: 24px;
    }

    .solution-info-item-tit, .solution-info-item-tit span {
        font-size: 320px;
    }

    .lab-ban .std-h5 {
        width: 80%;
        margin-top: 25px;
    }

    .lab-ban-btn {
        margin-top: 130px;
    }

    .lab-ban-btn-wrap img {
        width: 34px;
    }

    .liit-parga {
        width: 50%;
    }

    .lab-info-item-tp .std-h3 {
        width: 50%;
    }

    .liib-swiper {
        padding-right: 100px !important;
    }

    .siiw-list-swiper, .liib-swiper {
        padding-bottom: 20px !important;
    }

    .liib-swiper-item-icon {
        width: 44px;
    }

    /* Linda-end */
    .contact-start-pop-item1 {
        width: 124px;
        top: 2px;
    }

    .contact-start-pop-item1 {
        left: 20px;
    }

    .contact-start-pop-item5 {
        right: 20px;
    }

    .contact-start-pop-item5 {
        width: 110px;
    }

    .contact-start-pop-item2 {
        width: 90px;
        left: 16.642857%;
        bottom: 80px;
    }

    .contact-start-box-list {
        width: 220px;
    }

    .contact-start-box .std-text2 {
        margin-bottom: 35px;
    }

    .csbl-nub {
        margin-bottom: 12px;
    }

    .contact-us-left {
        width: 280px;
        padding-right: 6px;
    }

    .contact-us-right {
        width: calc(100% - 280px);
    }

    .cull-item {
        margin-bottom: 24px;
    }

    .contact-us-right {
        padding-top: 74px;
    }

    .news-bot-right {
        width: 100%;
    }

    .news-bot-left, .newsdt-top-cont {
        width: 100%;
    }

    .news-bot .ys-cont1400 {
        flex-wrap: wrap;
    }

    .nbri-ul1 {
        display: flex;
        margin: 0 -15px;
    }

    .nbri-ul1 li {
        width: 50%;
        padding: 0 15px;
    }

    .news-bot-right-item {
        margin-bottom: 40px;
    }

    .nbri-ewm {
        width: 280px;
    }

    .news-bot-left {
        margin-bottom: 40px;
    }

    .nbri-ul1 {
        flex-wrap: wrap;
    }

    .topic-share-img {
        width: 60px;
    }

    .topic-main .news-bot .ys-cont1400 {
        flex-direction: column-reverse;
    }

    .topic-main .news-bot-right {
        margin-top: 0;
    }

    .news-bot-right-topic {
        display: none;
    }

    .cta-left-cont .home-cust-top-li {
        margin-bottom: 30px;
    }

    .home-cust-top-ul {
        padding: 20px 0 0;
    }

    .cta-left {
        width: 100%;
        padding-right: 0;
    }

    .cta-cont {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .cta-main .ys-main {
        margin-top: 60px;
    }

    .cta-rihgt {
        padding: 40px 30px;
        width: 100%;
        margin-bottom: 40px;
    }

    .case-cont {
        margin-top: 50px;
    }

    .case-top {
        margin-bottom: 40px;
    }

    .case-bot .item {
        padding: 0 40px;
    }

    .case-bot-masonry {
        margin: 0 -40px 20px;
    }

    .case-top-info .std-h2 {
        font-size: 26px;
    }

    .casetab-suff {
        margin-top: 50px;
    }

    .cblt-num-text {
        margin-bottom: 10px;
    }

    .cbit-img {
        margin-bottom: 6px;
    }

    .cblt-num-text-data .ys-demo-num {
        font-size: 32px;
    }

    .cblt-num-text-data .std-h4 {
        font-size: 20px;
    }

    .casetab-brand-li-text .std-h6 {
        margin-bottom: 10px;
    }

    .casetab-brand-li {
        padding: 20px;
        margin-bottom: 60px;
    }

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

    .casetab-sulo-ul {
        margin: 0 -15px;
    }

    .casetab-sulo-icon {
        width: 46px;
    }

    .casetab-news .slick-dots {
        bottom: -30px;
    }

    .casedt-sur-leader {
        padding: 50px 40px;
        border-radius: 30px;
    }

    .casedt-spec .std-h3 {
        margin-bottom: 50px;
    }

    .csil-title .std-h4 {
        width: 100%;
        font-size: 18px;
    }

    .csil-title {
        top: 20px;
        padding: 0 25px;
    }

    .casedt-case .swiper-slide {
        width: 33.333333% !important;
    }

    .casedt-case h3 {
        font-size: 30px;
    }

    .casedt-case .swiper-slide .std-h4 {
        margin-bottom: 60px;
    }

    .casedt-case-img {
        margin-bottom: 30px;
        width: 130px;
    }

    .casedt-case .swiper-slide .std-h4 {
        margin-bottom: 60px;
        font-size: 22px;
    }

    .casedt-cta-img {
        display: none;
    }

    .casedt-case {
        margin-bottom: 100px;
    }

    .home-ban .home-cust-top-ul {
        padding: 40px 0;
    }

    .home-ban .home-cust-top-li {
        width: 12.5%;
    }

    .home-cust-bot .swiper-slide {
        padding: 28px 22px 22px;
    }

    .hcbl-icon {
        margin-bottom: 0px;
        width: 160px;
    }

    .home-cust-bot .home-cust-bot-left {
        top: 20px;
        width: 42%;
    }

    .home-cust-bot .swiper-pagination {
        top: 20px !important;
        left: 29px !important;
    }

    .home-cust-bot-left .std-h4 {
        margin-bottom: 22px;
    }

    .home-cust-bot .swiper-button-prev {
        left: 26px !important;
        bottom: 25px !important;
    }

    .home-cust-bot .swiper-button-next {
        left: 80px !important;
        bottom: 25px !important;
    }

    .home-solu-tab-item p {
        width: 100px;
    }

    .home-solu-top-bj {
        width: 100px;
    }

    .hsbt-num-cont {
        font-size: 140px;
    }

    .home-solution .hsbt-num-cont-span2 {
        font-size: 74px;
    }

    .hrlt-ul-li {
        width: 50%;
        margin-bottom: 20px;
    }

    .home-rely-list-tp {
        margin-bottom: 0;
    }

    .home-rely-list-midk .hrlt-ul-li:nth-child(3) {
        width: 100%;
    }

    .hrlb-cont {
        padding: 38px 60px 42px 30%;
    }

    .hrlb-img-icon {
        width: 50px;
        top: 16px;
    }

    .hnbc-top-left {
        padding-right: 6%;
        padding-top: 16px;
    }

    .ys-footer-top-nav {
        padding: 0 0 0 4%;
    }

    .yftn-left>ul>li {
        margin-bottom: 12px;
    }

    .yftn-left a {
        margin-bottom: 8px;
    }

    .yfts-bot-tel a {
        font-size: 26px;
    }

    .yfts-top {
        margin-bottom: 35px;
    }

    .ys-footer-bot .std-h3 {
        margin-bottom: 40px;
    }

    .ys-footer-bot {
        padding: 0px 0 26px;
    }

    .ys-footer-top-li {
        margin-bottom: 40px;
    }

    /* 网站建设欣赏页面-start */
    .appreciate-contact-text {
        padding-left: 40px;
    }

    .appreciate-contact-text-parga {
        margin-top: 15px;
    }

    .appreciate-contact-text-parga p {
        font-size: 14px;
    }

    .appreciate-img {
        padding-top: 50px;
        padding-bottom: 90px;
    }

    .appreciate-img-bt-list {
        padding-left: 60px;
    }

    .appreciate-img h2 {
        margin-bottom: 30px;
    }

    .appreciate-img-bt-list {
        margin-top: 69px;
    }

    .aibl-li {
        padding: 14px;
    }

    .aibs-ul-li {
        padding: 6px;
        margin-bottom: 10px;
    }

    .appreciate-case {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .appreciate-case-list-li {
        padding: 0 10px;
    }

    .appreciate-case-list {
        margin: 0 -10px;
    }

    .appreciate-case-list-li a {
        padding: 30px;
    }

    /* 网站建设欣赏页面-end */
    .casetab-suff-top-cont .std-h2 {
        margin-bottom: 13px;
    }

    .casetab-suff-top-cont .std-text1 {
        margin-bottom: 17px;
    }

    .ys-footer-top-li .ys-imgbox-cover {
        border-radius: 10px;
    }

    .yftl-float {
        padding: 11px 8px 14px 11px;
    }

    .ys-footer-top-ul {
        width: 24%;
    }

    .ys-footer-top-li .std-text2 {
        margin: 6px 0;
    }

    .ys-footer-top-li {
        margin-bottom: 32px;
    }

    /*2024.9.6修改 start*/
    .case-bot-add {
        font-size: 32px;
        margin-bottom: 5px;
    }

    /*2024.9.6修改 end*/
    .casedt-free .std-h3 {
        margin-bottom: 32px;
    }

    .cfct-top {
        padding: 16px 25px 14px 22px;
    }

    .cfct-top-name-logo {
        width: 41px;
    }

    .cfct-top-name .std-text2 {
        padding-left: 10px;
    }

    .cfct-top-follow-btn .std-text2 {
        padding-left: 6px;
    }

    .cfct-tfb-add {
        width: 14px;
        height: 14px;
    }

    .cfct-top-follow-btn {
        padding: 3px 16px 3px 16px;
    }

    .casedt-free {
        --height2: 72px;
    }

    .cfct-top-follow-code {
        width: 118px;
    }

    .cfct-scroll-box {
        padding: 24px 19px 28px 26px;
    }

    .cfct-scroll-box .std-h5 {
        margin-bottom: 15px;
    }

    .cfct-inof-nub .std-text1 {
        margin-bottom: 4px;
    }

    .cfct-inof-nub {
        margin-bottom: 22px;
    }

    .casedt-detail-core .std-text2 {
        padding-right: 26px;
    }

    .cdcc-nub {
        margin-bottom: 32px;
    }

    .why-approve1 {
        height: auto;
        padding-top: var(--space1);
        padding-bottom: var(--space1);
    }

    .why-approve1-text {
        width: 90%;
    }

    .why-approve1-text::before, .why-approve1-text::after {
        width: 36px;
        height: 36px;
    }

    .why-approve1-text::before {
        left: -24px;
    }

    .why-approve1-text::after {
        left: calc(100% + 26px);
        bottom: -10px;
    }

    .why-approve1-other-play {
        width: 44px;
        margin-bottom: 13px;
    }

    .wa1oc-logo img {
        height: 44px;
    }

    .wa1oc-left {
        padding-right: 16px;
    }

    .wa1oc-logo {
        padding-left: 12px;
    }

    .wa1di-box {
        width: 50px;
    }

    .why-video-pop .ys-videom-content {
        width: 340px;
    }

    .home-rely-btm {
        padding-top: 80px;
    }

    .home-rely-btm {
        padding-top: 40px;
    }

    .news-bot-add .home-solu-tab-item::after {
        display: block;
    }

    .news-bot .home-solu-top-bj {
        display: none;
    }

    .hrlt-ul-end-btm {
        position: relative;
        margin-top: 90px;
        bottom: -26px;
        right: -33px;
        width: 100%;
    }

    .hrlt-ul-end-btm p {
        font-size: 100px;
    }

    .hrlt-ul-end-top {
        width: 80%;
    }

    .ys-footer-top-nav {
        padding: 0 0 0 3%;
    }

    .yftn-left a {
        font-size: 14px;
    }

    .yftn-left>ul>li>a, .yftn-right>ul>li>a {
        margin-bottom: 12px;
    }

    .casedt-main .home-part .std-text1 {
        width: 100%;
    }

    .cfct-scroll {
        max-height: 440px;
    }

    .yfts-top-item {
        margin-bottom: 20px;
    }

    .yfts-top {
        margin-bottom: 15px;
    }

    .siiw-list .swiper-button-prev {
        right: 54px;
    }

    .siiw-list .swiper-button-prev::after, .siiw-list .slick-prev::after, .siiw-list .swiper-button-next::after, .siiw-list .slick-next::after {
        width: 22px;
        height: 22px;
    }

    .ys-btn-cont-bt li {
        padding: 4px 0;
    }

    .casetab-suff-top-cont .std-text1 {
        margin-bottom: 12px;
    }

    .ybcu-li-text, .ys-btn-cont-bt li p {
        font-size: 34px;
    }

    .ys-btn-cont.act .ybcu-li::after {
        border-radius: 20px;
    }

    .casetab-suff-top-cont .std-h2 {
        margin-bottom: 10px;
    }

    .sili-cry-img video {
        display: none;
    }

    .hsin-box-ts1 {
        display: block;
        opacity: 0;
    }

    .hsin-box-ts1.on {
        opacity: 1;
    }

    .yfts-link-top .std-text2, .yfts-lxn-core {
        font-size: 14px;
    }

    .yfts-link-icon {
        width: 10px;
        height: 5px;
    }

    .yfts-link-top {
        padding: 12px 10px;
    }

    .yfts-link-name {
        margin-bottom: 4px;
    }

    .yfts-link-xia {
        padding: 2px 5px 9px 15px;
    }

    .yfts-lxn-core {
        padding: 11px 0;
    }

    .yfts-link-xia {
        height: 187px;
    }

    .yfts-bot {
        margin-bottom: 35px;
    }

    :root {
        --font48: 28px;
    }

    .news-top .hnbc-top-left {
        padding-right: 4%;
    }

    .hnbc-top-left {
        padding-top: 25px;
    }

    /* 991end */
    /* 2026.07.21 - tammy - start */
    .sub-nav {
        display: block;
    }

    /* 2026.07.21 - tammy - end */
}

@media screen and (max-width: 767px) {
    /* Linda-start */ .siiw-list-swiper {
        padding-right: 0px !important;
    }
.i-banner .text2 .tab-ul .zcn{margin-left: -5px;}
    .hnbc-bot-item {
        width: 50%;
        margin-top: 20px;
    }
 .tit-80{
        font-size: 1.8rem;
        line-height: 1.2;
    }
    .hnbc-bot {
        flex-wrap: wrap;
    }

    .hnbc-bot-item:nth-child(1), .hnbc-bot-item:nth-child(2) {
        margin-top: 0;
    }

    .solution-opinion-wrap-text {
        width: 73%;
        padding-left: 0;
    }

    .solution-opinion-wrap-img {
        width: 30%;
        margin-bottom: 20px;
    }

    .solution-info-item-tit, .solution-info-item-tit span {
        font-size: 300px;
    }

    .solution-energy-tp {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .solution-news-wrap, .solution-custom-wrap {
        margin-bottom: 65px;
    }

    .lab-ban-title {
        width: 70vw;
        height: 11.48vw;
    }

    .lab-ban .std-h5 {
        width: 90%;
    }

    /* Linda-end */
    .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: 40px;
        --font64: 36px;
        --font48: 28px;
        --font32: 24px;
        --font28: 22px;
        --font24: 18px;
        --font20: 16px;
        --space1: 65px;
        --space2: 60px;
        --space3: 28px;
        --data170: 64px;
        --head: 56px;
        --radius: 22px;
        /* --btnh1: 40px; */
    }

    .service-title-left {
        margin-bottom: 20px;
    }

    .service-title-right .std-text2 {
        margin-bottom: 22px;
    }

    .service-title-right .std-text2 {
        margin-bottom: 11px;
    }

    .sili-text p::before {
        top: 4px;
    }

    .sili-text p::after {
        top: 15px;
    }

    .sili-text p {
        margin-bottom: 6px;
    }

    .sili-text {
        margin-bottom: 22px;
    }

    .sili-cry {
        padding-bottom: calc(var(--space2) / 3 * 2);
    }

    .service-process .ys-cont1400::before {
        left: 20px;
    }

    .service-process-cry {
        padding: 36px 0 36px 36px;
    }

    .service-process-cry .std-h3 {
        width: 100%;
    }

    .service-process-cry-list {
        margin-top: 12px;
    }

    .spcl-item .std-h6 {
        font-size: 16px;
    }

    .service-process-cry-list {
        --distance160: 30px;
    }

    .spcl-item-data {
        font-size: 60px;
    }

    .spcl-item .std-h6 {
        margin-bottom: 12px;
    }

    .spcl-item {
        padding-top: 36px;
        padding-bottom: 36px;
    }

    .sfri-cry {
        flex-wrap: wrap;
    }

    .sfri-cry .std-text1 {
        width: 100%;
    }

    .sfri-cry-list {
        width: 100%;
    }

    .sfri-cry-list {
        padding-top: 18px;
        padding-bottom: 18px;
    }

    .service-card-item {
        width: 33.333333%;
    }

    .service-card-item {
        padding: 14px 3px 14px;
    }

    .service-card {
        padding: 10px 0;
    }

    .service-firm::before {
        top: -40%;
        height: 40%;
    }

    .service-title-right .std-text2 {
        margin-bottom: 20px;
    }

    .sili-cry .service-title-right .std-text2 {
        margin-bottom: 12px;
    }

    .why-select .ys-cont900 {
        width: 86%;
    }

    .wicn-box-text {
        padding: 0 23px 25px;
    }

    .wicn-box-text .std-h6 {
        margin-bottom: 7px;
    }

    .wicn-box-play {
        width: 46px;
    }

    .why-inof-cry {
        --distance15: 6px;
    }

    .wicn-box-data span {
        margin-right: 2px;
    }

    .why-inof-cry-nub2 .wicn-box {
        padding: 17px 18px 18px;
    }

    .wicn-box-bot .std-h4 {
        font-size: 18px;
    }

    .wicn-box-icon {
        margin-bottom: 18px;
    }

    .wicn3-core {
        padding: 16px 14px;
        width: 180px;
    }

    .wicn3-core .std-h4 {
        font-size: 22px;
    }

    .wicn3-core .std-h4 {
        margin-bottom: 7px;
    }

    .wicn3-core .std-h6 {
        font-size: 16px;
    }

    .wicn4-core, .why-inof-cry-nub5 .wicn-box {
        padding: 17px 18px 0;
    }

    .wicn4-core .std-h6, .why-inof-cry-nub5 .std-h6 {
        font-size: 14px;
    }

    .wicn4-core .std-h6 {
        margin-bottom: 8px;
    }

    .wicn4-core .std-h4 {
        font-size: 18px;
    }

    .why-inof-cry-nub5 .std-h3 {
        font-size: 20px;
    }

    .why-inof-cry-nub5 .std-h3 {
        padding: 0 9px;
        width: calc(8em + 18px);
    }

    .stretch-font span {
        margin-bottom: 8px;
    }

    .why-inof-cry-nub5 .std-h6 {
        margin-bottom: 26px;
    }

    .stretch-font::before {
        top: -10px;
        left: -6px;
    }

    .stretch-font::before, .stretch-font::after {
        height: 40px;
    }

    .stretch-font::after {
        transform: translate(6px, -10px);
    }

    .wlln-font {
        line-height: 1.2;
    }

    .wecl-item {
        flex-wrap: wrap;
    }

    .wecl-item-logo {
        width: 200px;
        height: 200px;
        margin-bottom: 18px;
    }

    .wecl-item-text {
        width: 64%;
        padding-left: 0;
    }

    .wecl-item-data {
        width: 36%;
    }

    .wecl-item-text .std-h6 {
        margin-bottom: 12px;
    }

    .wecl-item {
        padding: 18px 10px 18px;
    }

    .wecl-item-text-inof {
        padding-left: 2px;
    }

    .why-case-cry {
        flex-wrap: wrap;
    }

    .why-case-img {
        width: 60vw;
    }

    .wccr-item {
        padding-top: 8px;
        padding-left: 4px;
        padding-right: 6px;
        padding-bottom: 4px;
    }

    .why-case-cry-right {
        padding-top: 18px;
    }

    .wclh-list-item {
        width: 120px;
        padding: 0 5px;
    }

    .wclh-lil-circle {
        width: 110px;
        height: 110px;
    }

    .wclh-list {
        width: calc(120px * var(--width-shu));
    }

    .wacl-list-item-img {
        width: 55%;
    }

    .wacl-list-item-text {
        width: 45%;
    }

    .wacl-list-item-text {
        padding-right: 0;
        padding-left: 8px;
        padding-bottom: 26px;
    }

    .wacl-lit-yin {
        width: 30px;
        margin-bottom: 7px;
    }

    .wacl-list-item-text .std-h6, .wacl-list-item-text .std-h6 p {
        line-height: 1.4;
    }

    .wacl-list-item {
        width: calc(100vw - 40px);
    }

    .wacl-list-item-text .std-h6 {
        margin-bottom: 16px;
    }

    .cfpr-img-btn-text {
        padding-left: 10px;
    }

    .cfpr-img-btn {
        padding: 7px 20px 7px 7px;
    }

    .cfpr-img-btn-icon {
        width: 40px;
    }

    .wacl-list .slick-dots {
        bottom: 26px;
        width: 45%;
        padding-left: 3px;
    }

    .cfpr-img-btn-text .std-text2, .cfpr-img-btn-text .std-text2 p {
        font-size: 14px;
    }

    .cibt-parga1 p {
        line-height: 1.5 !important;
    }

    .wacl-list .slick-dots {
        bottom: 13px;
    }

    .why-share-list-item {
        width: 50%;
    }

    .why-awards-list-item {
        width: 100%;
    }

    .why-awards {
        --jian15: 5px;
    }

    .why-awards-other-nub {
        width: 50%;
    }

    .why-awards-other-nub:not(:first-child) {
        display: none;
    }

    .why-awards-other .slick-track {
        display: flex;
    }

    .why-awards-other .slick-slide {
        height: auto;
    }

    .why-awards-other .slick-dots {
        bottom: 0;
    }

    .why-awards-other.slick-dotted {
        padding-bottom: 24px;
    }

    .mod-cta-text {
        padding: 0 42px;
    }

    .mod-cta-text .std-text2 {
        margin: 6px 0 16px;
    }

    .mod-cta-text {
        position: relative;
        top: 0;
        left: 0;
        transform: translate(0);
        padding-left: 22px;
        padding-right: 41%;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .mod-cta-bj {
        position: absolute;
        width: calc(100% - 40px);
        height: 100%;
    }

    .mod-cta-bj img {
        height: 100%;
        object-fit: cover;
    }

    .why-share .std-h3 {
        margin-bottom: 24px;
    }

    .why-share {
        --jian64: 18px;
    }

    .wsli-text-inof {
        padding: 22px 22px;
    }

    .wsli-text .std-text1 {
        margin-bottom: 6px;
    }

    .ys-bbl-item-nub {
        width: 50%;
    }

    .ys-bbl-item {
        flex-wrap: wrap;
    }

    .company-outline .std-h1 {
        font-size: 8vw;
    }

    .company-partner.mod-arrow .slick-next, .company-founder-alway.mod-arrow .slick-next, .company-who.mod-arrow .slick-next {
        right: 20px;
    }

    .company-founder-alway.mod-arrow .slick-next {
        right: 0;
    }

    .mod-arrow .swiper-button-prev, .mod-arrow .swiper-button-next, .swiper-arrow-left, .swiper-arrow-right, .mod-arrow .slick-prev, .mod-arrow .slick-next {
        width: 34px;
        height: 34px;
    }

    .mod-arrow .swiper-button-prev, .mod-arrow .swiper-button-next, .swiper-arrow-left, .swiper-arrow-right, .mod-arrow .slick-prev, .mod-arrow .slick-next {
        border-radius: 10px;
    }

    .mod-arrow .swiper-button-next::after, .mod-arrow .slick-next::after, .mod-arrow .swiper-button-prev::after, .mod-arrow .slick-prev::after {
        width: 18px;
        height: 8px;
    }

    .company-partner.mod-arrow .slick-prev, .company-founder-alway.mod-arrow .slick-prev, .company-who.mod-arrow .slick-prev {
        right: 65px;
    }

    .company-founder-alway.mod-arrow .slick-prev {
        right: 45px;
    }

    .company-who .std-h3, .company-founder-alway .std-h3, .company-partner .std-h3 {
        margin-bottom: 28px;
    }

    .company-founder-person {
        flex-wrap: wrap;
    }

    .company-founder-person-left {
        padding-right: 0;
        width: 100%;
        margin-bottom: 16px;
    }

    .company-founder-person-right {
        width: 68.72%;
    }

    .company-founder-alway {
        --top70: 40px;
    }

    .company-founder-person {
        padding-bottom: 46px;
    }

    .company-founder-alway-list {
        --jian30: 8px;
    }

    .cfal-item-link {
        padding: 24px 14px 18px;
    }

    .cfal-item-link .ys-imgbox-cover {
        margin-bottom: 10px;
    }

    .company-who-list {
        --jian20: 8px;
    }

    .cwli-link-img-play {
        width: 46px;
    }

    .cwli-link-img {
        margin-bottom: 12px;
    }

    .company-active-list-item1 {
        width: 40%;
        margin-left: 2.1%;
    }

    .company-active-list-item2 {
        width: 36%;
        margin-right: 0.4%;
    }

    .company-active-list2-left {
        width: 38%;
    }

    .company-active-list-item5 {
        width: 21%;
    }

    .company-active-list2-right {
        width: 44%;
        margin-right: -4px;
    }

    .company-active-list-item6 {
        width: 80%;
    }

    .company-active-list-item7 {
        width: 70%;
    }

    .company-value-list {
        white-space: normal;
        margin: calc(var(--jian54)* -1) 0;
    }

    .company-value-list-item {
        margin: var(--jian54) 0;
    }

    .cvli-dots {
        position: absolute;
        /* top: 50%;        transform: translateY(-50%);        left: calc(100% + var(--jian54)); */
        top: calc(100% + var(--jian54));
        left: 50%;
        transform: translateX(-50%);
    }

    .cvli-dots-nub {
        left: -4.5px !important;
        transform: translateY(-50%);
    }

    .cvli-dots-nub:nth-child(2) {
        top: -15px;
    }

    .cvli-dots-nub:nth-child(4) {
        top: 15px;
    }

    .cvli-dots-nub:nth-child(3) {
        top: 0px;
    }

    .cvli-dots-nub:nth-child(1) {
        top: -30px;
    }

    .cvli-dots-nub:nth-child(5) {
        top: 30px;
    }

    .company-value-inof {
        transform: translateX(0);
    }

    .company-value {
        min-height: auto;
        height: auto;
    }

    .company-value.on2 .company-value-view {
        position: relative;
        top: auto;
    }

    .company-value-view {
        height: auto;
    }

    .company-value.on1 .company-value-view {
        position: relative;
    }

    .company-value-view, .company-value.on1 .company-value-view {
        position: sticky;
        top: 56px;
    }

    .company-value-view .std-h3 {
        position: relative;
        top: 0;
        left: 0;
    }

    .company-value-ph {
        display: block;
        width: 100%;
        height: 60vh;
    }

    .company-value-view {
        --jian: calc(50vh - 28px);
        --scaleh: calc(var(--value1) * 80%);
        clip-path: circle(var(--scaleh) at 50% var(--jian));
    }

    .company-value-list-item::before {
        -webkit-transition: opacity .6s linear, width .6s cubic-bezier(0.165, 0.84, 0.44, 1), height .6s cubic-bezier(0.165, 0.84, 0.44, 1);
        -o-transition: opacity .6s linear, width .6s cubic-bezier(0.165, 0.84, 0.44, 1), height .6s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity .6s linear, width .6s cubic-bezier(0.165, 0.84, 0.44, 1), height .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .company-value-list-item.act::before {
        width: 100%;
        height: 100%;
        opacity: 1;
    }

    .cvli-box {
        -webkit-transition: opacity .6s linear;
        -o-transition: opacity .6s linear;
        transition: opacity .6s linear;
    }

    .company-value-list-item.act .cvli-box {
        opacity: 1;
    }

    .cvli-dots-nub {
        -webkit-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
    }

    .company-value-list-item.act .cvli-dots-nub {
        opacity: 1.0;
    }

    .company-value.actx .company-value-view {
        clip-path: none;
    }

    /* tammy - end */
    /* Linda-start */
    .solution-energy-tp-text {
        padding-right: 0;
        width: 100%;
    }

    .solution-energy-tp-video {
        width: 100%;
        margin-top: 40px;
    }

    .solution-energy-tp h1 {
        margin-top: 12px;
    }

    .sett-parga {
        margin-top: 20px;
    }

    .sett-btn {
        margin-top: 25px;
    }

    .home-cust-top-li {
        width: 25%;
    }

    .solution-main .home-cust-top-ul {
        padding-top: 10px;
        padding-bottom: 30px;
    }

    .solution-info-item-tit, .solution-info-item-tit span {
        font-size: 240px;
    }

    .siiw-titbox {
        padding-left: 0;
    }

    .slsl-img {
        width: 100%;
    }

    .slsl-text {
        padding-left: 0;
        width: 100%;
        margin-top: 30px;
    }

    .siiw-list-swiper, .liib-swiper {
        padding-bottom: 20px !important;
    }

    .siiw-list {
        margin-top: 40px;
    }

    .siiw-titbox .std-h6 {
        margin-top: 10px;
    }

    .solution-opinion-wrap-text {
        width: 100%;
    }

    .solution-opinion-wrap-num {
        width: 100%;
        position: static;
        padding-left: 0;
    }

    .solution-opinion-wrap-text {
        padding-right: 0;
        border-right: none;
        margin-bottom: 30px;
    }

    .solution-opinion-wrap-img {
        width: 50%;
    }

    .sowt-tit {
        margin-top: 0;
        margin-bottom: 15px;
    }

    .sslu-item {
        width: 100%;
    }

    .sown-data {
        font-size: 54px;
    }

    .liit-parga {
        width: 100%;
        margin-top: 20px;
    }

    .lab-info-item-tp .std-h3 {
        width: 100%;
    }

    .lab-info-item-bt {
        margin-top: 30px;
    }

    .liib-swiper {
        padding-right: 0px !important;
    }

    .liib-swiper-item-icon {
        width: 36px;
    }

    .lab-ban {
        padding-top: 80px;
        padding-bottom: 70px;
    }

    .ys-videom-content {
        max-width: calc(100vw - 80px);
    }

    /* Linda-end */
    .contact-us-left {
        width: 100%;
        padding-right: 0;
    }

    .contact-us .ys-cont1400 {
        flex-wrap: wrap;
    }

    .contact-us-right {
        width: 100%;
    }

    .contact-us {
        padding-bottom: 15vw;
    }

    .contact-us-right {
        padding-top: 30px;
    }

    .cull-item {
        margin-bottom: 0px;
    }

    .cull-item:not(:first-child) {
        display: none;
    }

    .contact-us-left-list .slick-dots {
        bottom: 0;
    }

    .contact-us-left-list.slick-dotted {
        padding-bottom: 20px;
    }

    .contact-us .ys-cont1400 {
        min-height: auto;
    }

    .contact-start .ys-cont1400 {
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .contact-start-pop-item1 {
        width: 100px;
        top: 0px;
    }

    .contact-start-pop-item5 {
        width: 88px;
        right: 16px;
    }

    .contact-start-pop-item2 {
        width: 80px;
        left: 8%;
        bottom: 60px;
    }

    .contact-start-pop-item4 {
        width: 82px;
        bottom: 70px;
        right: 5.357143%;
    }

    .contact-start-box .std-text2 {
        margin-bottom: 22px;width: 85%;
    margin: 0 auto;
    }

    .std-btn8-box {
        padding: 5px 18px;
    }

    .std-btn8-box p {
        font-size: 14px;
    }

    .contact-start-box-list {
        width: 180px;
    }

    .csbl-nub {
        margin-bottom: 8px;
    }

    .cull-item:not(:first-child) {
        display: none;
    }

    .news-top .hnbc-top-left {
        width: 100%;
        padding-right: 0;
    }

    .news-top .hnbc-top-right {
        width: 100%;
        margin-bottom: 20px;
    }

    .news-top .hnbc-top {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .news-bot-li .ys-imgbox-cover {
        width: 100%;
        margin-bottom: 20px;
    }

    .news-bot-li-text {
        width: 100%;
        padding-left: 0;
    }

    .news-bot-li a {
        flex-wrap: wrap;
    }

    .news-bot-li a {
        padding: 20px 15px;
    }

    .nbri-ul1 li {
        width: 100%;
    }

    .nbri-ewm {
        width: 220px;
    }

    .nbri-ewm-img {
        padding: 26px;
    }

    .hnbc-bot-item {
        width: 50%;
    }

    .newsdt-main .newsdt-top-cont {
        padding: 40px 0 20px;
    }

    .newsdt-top-cont .std-h3 {
        margin: 14px 0;
    }

    .yxedr-active p {
        margin-bottom: 12px;
    }

    .newsdt-guide-img {
        display: none;
    }

    .newsdt-guide {
        padding: 40px 20px;
    }

    .newsdt-guide {
        flex-wrap: wrap;
    }

    .newsdt-guide-text {
        padding: 0;
        margin-bottom: 20px;
    }

    .newsdt-guide {
        margin-top: 50px;
    }

    .topic-main .news-bot .ys-cont1400 {
        flex-direction: column-reverse;
    }

    .case-top-info .std-h2 {
        font-size: 20px;
    }

    .case-top-info .std-h6 {
        font-size: 16px;
    }

    .case-top-num {
        padding-right: 15px;
    }

    .case-top .ys-slick {
        width: 150px;
    }

    .case-bot-icon {
        top: 16px;
        left: 30px;
        width: 100px;
    }

    .case-bot .item {
        padding: 0 20px;
    }

    .case-bot-masonry {
        margin: 0 -20px 20px;
    }

    .casetab-suff-top-cont .std-h2 {
        margin-bottom: 10px;
    }

    .casetab-brand-title .std-text1, .casetab-brand-title .std-h3 {
        width: 100%;
    }

    .casetab-brand-title {
        flex-wrap: wrap;
    }

    .casetab-brand-title .std-h3 {
        margin-bottom: 20px;
    }

    .casetab-brand-li {
        flex-wrap: wrap;
    }

    .casetab-brand-li-text {
        width: 100%;
        padding: 20px 0 0;
    }

    .casetab-brand-ul .case-bot-pic {
        width: 100%;
    }

    .casetab-brand-li {
        padding: 30px 20px;
        margin-bottom: 40px;
    }

    .casetab-sulo-ul li {
        width: 100%;
        margin-bottom: 30px;
    }

    .casetab-sulo-ul .std-h4 {
        margin-bottom: 10px;
    }

    .casetab-sulo-ul li:last-child {
        margin-bottom: 0;
    }

    .casedt-sur-logo {
        width: 250px;
    }

    .casedt-sur-title {
        margin-bottom: 40px;
    }

    .casedt-sur-vio {
        margin-bottom: 50px;
    }

    .casedt-sur-num-text {
        padding-left: 6px;
        font-size: 20px;
    }

    .casedt-sur-leader-left {
        width: 100%;
        margin-top: 20px;
    }

    .casedt-sur-leader {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .casedt-sur-leader {
        padding: 40px 30px;
    }

    .casedt-spec-item-left {
        width: 100%;
        margin-bottom: 30px;
    }

    .casedt-spec-item-top {
        flex-wrap: wrap;
    }

    .casedt-spec-item-top, .casedt-spec-item-top {
        margin-bottom: 0;
    }

    .casedt-case .swiper-slide {
        width: 50% !important;
    }

    .casedt-spec {
        margin-bottom: 60px;
    }

    .casedt-main .mod-cta .ys-cont1400 {
        width: calc(100% - 40px);
    }

    .casedt-main .home-part .mod-cta-text {
        padding: 40px 0;
    }

    .casedt-case {
        margin-bottom: 30px;
    }

    .casedt-case .swiper-pagination {
        bottom: -35px !important;
    }

    .home-part {
        padding: var(--space1) 0 0;
    }

    .submit-cont {
        flex-wrap: wrap;
        flex-direction: column-reverse;
        justify-content: flex-end;
    }

    .submit-left {
        width: 100%;
        padding: 0;
    }

    .submit-right {
        width: 100%;
        height: 45%;
    }

    .submit-right img {
        width: 40%;
    }

    .submit-left {
        width: 100%;
        padding: 20px 0 0;
    }

    .submit-right::before {
        height: 100%;
        animation: pic1 1.2s ease-out 0s normal forwards;
    }

    @keyframes pic1 {
        0% {
            width: 100%;
        }

        100% {
            width: 100%;
        }
    }

    .submit-right img {
        animation: pic2 1s ease-out 0s normal forwards;
    }

    @keyframes pic2 {
        0% {
            opacity: 1;
            transform: translate(-50%, -50%);
        }

        100% {
            opacity: 1;
            transform: translate(-50%, -50%);
        }
    }

    .submit-left-ewm {
        margin-top: 30px;
    }

    .submit-left .std-text1 {
        width: 100%;
    }

    .submit-left-cont .std-btn9 {
        margin-top: 10px;
    }

    .home-banner-img-ph {
        display: block;
    }

    .home-banner-img-pc {
        display: none;
    }

    .home-banner-title {
        width: 70%;
    }

    .mod-cta .std-btn9, .home-ban .std-btn9 {
        --btnw: 148px;
    }

    .home-ban .home-cust-top-li {
        width: 25%;
        margin-bottom: 10px;
    }

    .home-ban .home-cust-top-ul {
        padding: 20px 0 10px;
    }

    .home-cust-bot .home-cust-bot-left {
        top: 0;
        width: 100%;
        position: static;
    }

    .home-cust-bot-right {
        width: 100%;
    }

    .home-cust-bot-cont {
        position: static;
        display: flex;
        flex-direction: column-reverse;
    }

    .home-customer .swiper-pagination {
        display: none;
    }

    .home-cust-bot .swiper-slide {
        padding: 28px 20px 90px;
    }

    .std-btn9 {
        --btnw: 120px;
    }

    .home-cust-bot .swiper-button-next {
        left: 72px !important;
    }

    .hrlb-img {
        display: none;
    }

    .hrlb-cont {
        padding: 30px 20px;
        flex-wrap: wrap;
    }

    .hrlb-cont-text {
        margin-bottom: 20px;
    }

    .hrlb-cont-bg {
        width: 50%;
    }

    .home-solu-bot-data {
        flex-wrap: wrap;
    }

    .hsbt-text {
        width: 100%;
    }

    .home-solu-bot-data {
        margin-bottom: 30px;
    }

    .hsbl-logo-li .ys-imgbox-cover {
        width: 100px;
        height: 100px;
    }

    .hsbl-logo-li {
        width: 100px;
    }

    .home-solu-bot {
        margin-bottom: 40px;
    }

    .hsbt-num-cont {
        font-size: 110px;
    }

    .home-solution .hsbt-num-cont-span2 {
        font-size: 58px;
    }

    .home-solu-tab {
        width: 100%;
    }

    .home-solu-bot {
        margin-top: 30px;
    }

    .hulc-bt {
        padding: 20px 24px;
        border-radius: 30px;
    }

    .hulc-tp-tit span {
        font-size: 20px;
    }

    .hulc-bt-tit {
        font-size: 20px;
    }

    .hrlt-ul-li-cont .cfpr-img-btn {
        left: 16px;
    }

    .home-rely-list-mid {
        margin-bottom: 50px;
    }

    .home-service {
        padding-top: 40px !important;
    }

    .home-data-bg {
        top: 0px;
    }

    .home-news-top {
        flex-wrap: wrap;
    }

    .home-news .home-solu-top-cont {
        margin-top: 20px;
    }

    .hnbc-top-left {
        padding-right: 0;
        padding-top: 0;
        width: 100%;
        margin-bottom: 30px;
    }

    .hnbc-top-right {
        width: 100%;
    }

    .hnbc-top {
        flex-wrap: wrap;
    }

    .hnbc-top-left .std-h5 {
        margin: 15px 0 20px;
    }

    .mod-cta {
        padding: 40px 0;
    }

    .home-solu-top-cont {
        overflow-x: auto;
        white-space: nowrap;
        display: inline-block;
    }

    .home-solu-tab {
        width: 600px;
        white-space: nowrap;
        display: inline-block;
    }

    .home-customer {
        padding-bottom: 30px;
    }

    .home-solu-top-cont {
        display: block;
    }

    .home-service .home-service-title {
        flex-wrap: nowrap;
    }

    .ys-footer-top-nav {
        display: none;
    }

    .ys-footer-top-ul {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .ys-footer-top-li {
        width: calc(50% - 10px);
    }

    /* .ys-footer-top-li:first-child{        padding-right: 20px;    } */
    .ys-footer-top-share {
        width: 100%;
        margin-bottom: 20px;
    }

    .ys-footer-top {
        flex-wrap: wrap;
    }

    .ys-footer-bot {
        padding: 20px 0 26px;
    }

    .ys-footer-bot-cont p a, .ys-footer-bot-cont p span {
        line-height: 1.5;
    }

    .yfts-top-item:first-child .yfts-top-item-icon {
        width: 50px;
    }

    .yfts-top-item-icon {
        width: 24px;
    }

    .solution-opinion {
        padding-bottom: 60px;
    }

    /* 网站建设欣赏页面-start */
    .appreciate-contact-img {
        width: 100%;
    }

    .appreciate-contact-text {
        padding-left: 0;
        width: 100%;
        margin-top: 40px;
    }

    .appreciate-contact {
        padding: 50px 0;
    }

    .appreciate-contact-text-parga p {
        height: auto;
        -webkit-line-clamp: inherit;
    }

    .appreciate-img-bt-list {
        margin-top: 66px;
        padding-left: 40px;
    }

    .aibl-li::after {
        border-radius: 20px;
    }

    .appreciate-img {
        padding-bottom: 70px;
    }

    .aibl-li img {
        border-radius: 10px;
    }

    .aibl-li {
        padding: 10px;
    }

    .appreciate-case {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .appreciate-case-list-li {
        width: 100%;
    }

    .appreciate-case h2 {
        margin-bottom: 30px;
    }

    /* 网站建设欣赏页面-end */
    .mod-cta-bj video {
        display: none;
    }

    .casetab-suff-top-cont {
        width: calc(100% - 68px);
    }

    .casetab-suff-top-cont .std-text1 {
        margin-bottom: 9px;
    }

    .casetab-suff-top-cont .std-h2 {
        margin-bottom: 8px;
    }

    .casetab-suff-top-cont .std-text1, .casetab-suff-top-cont .std-text1 p {
        line-height: var(--line15);
    }

    .yftl-float {
        padding: 14px 12px 14px 14px;
    }

    .wali-link-text .std-h5 {
        height: auto;
    }

    .company-video-controls {
        padding: 0 12px 15px;
    }

    .company-video-controlsp-btn {
        width: 28px;
        height: 28px;
    }

    .company-video-controls .company-video-controlsp-btn .cvcb-pause {
        width: 8px;
        margin-left: 1px;
    }

    .company-video-controls .company-video-controlsp-btn .svsb-play {
        width: 6px;
    }

    .company-video-controls-audio {
        width: 28px;
        height: 28px;
    }

    /*2024.9.5 start*/
    .clsa-top-le {
        width: 26px;
    }

    .clsa-top-ri {
        padding-left: 6px;
    }

    /*2024.9.5 end*/
    /*2024.9.6修改 start*/
    .case-bot-add {
        font-size: 30px;
        margin-bottom: 4px;
    }

    /*2024.9.6修改 end*/
    /*2024.9.5新增 start*/
    .website-section-ul-list {
        width: 100%;
    }

    .wsul-link-img {
        border-radius: 10px;
    }

    .wsul-link {
        padding: 15px;
        border-radius: 15px;
    }

    .website-section-tit {
        margin-bottom: 30px;
    }

    .website-section {
        padding-top: 40px;
    }

    .website-section-page {
        margin-top: 24px;
        margin-bottom: 16px;
    }

    .wsul-link-btm-tit {
        height: auto;
        -webkit-line-clamp: inherit;
    }

    .wlbi-text {
        font-size: 14px;
    }

    .casedt-main .casedt-sur-vio-img video {
        display: none !important;
    }

    /*2024.9.5新增 end*/
    .ys-cont1100 {
        max-width: calc(100% - 40px);
    }

    .casedt-free .std-h3 {
        margin-bottom: 30px;
    }

    .casedt-free-core {
        flex-wrap: wrap;
    }

    .casedt-free-core-left {
        width: 100%;
        position: relative;
    }

    .casedt-free-core {
        height: auto;
        max-height: none;
    }

    .casedt-free-core-text {
        width: 100%;
    }

    .casedt-free {
        --height1: calc(calc(100vw - 40px) / 675* 900);
    }

    .casedt-detail-core {
        flex-wrap: wrap;
    }

    .casedt-detail-core .std-text2 {
        padding-right: 0;
        width: 100%;
    }

    .casedt-detail-core-code {
        width: 100%;
        padding-top: var(--space3);
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }

    .cdcc-nub {
        width: 100px;
    }

    .cdcc-nub .std-text2, .cdcc-nub .std-text2 p {
        font-size: 14px;
    }

    .cdcc-nub {
        margin-bottom: 0;
    }

    .casedt-sur-title {
        margin-bottom: 26px;
    }

    .why-approve1 .std-h3 {
        margin-bottom: 20px;
    }

    .why-approve1-text::before, .why-approve1-text::after {
        width: 30px;
        height: 30px;
    }

    .why-approve1-text::before {
        left: -6px;
    }

    .why-approve1-text::after {
        left: calc(100% + 6px);
    }

    .why-approve1-text {
        margin-bottom: 24px;
    }

    .why-approve1-other-play {
        width: 40px;
        margin-bottom: 10px;
    }

    .why-video-pop .ys-videom-content {
        width: 280px;
    }

    .solution-main .home-cust-top-ul {
        padding-top: 28px;
        padding-bottom: 28px;
    }

    .cfct-scroll {
        height: auto !important;
        max-height: auto !important;
    }

    .cfct-scroll {
        max-height: inherit !important;
    }

    .ys-footer-top-share {
        position: relative;
        z-index: 20;
    }

    .home-solu-tab-item {
        float: none !important;
        display: inline-block;
    }

    .home-solu-tab {
        width: 100% !important;
    }

    .siiw-list .swiper-button-prev {
        right: 50px;
    }

    .siiw-list {
        padding-bottom: 56px;
    }

    .swiper-button-icons {
        bottom: -56px;
    }

    .siiw-list .swiper-button-prev::after, .siiw-list .slick-prev::after, .siiw-list .swiper-button-next::after, .siiw-list .slick-next::after {
        width: 20px;
        height: 20px;
    }

    .home-solu-top-cont {
        display: inline-block;
    }

    .csti-img2 {
        display: block;
    }

    .csti-img1 {
        display: none;
    }

    .news-bot-page-li {
        max-width: 100%;
        width: 100%;
    }

    .news-bot-page {
        flex-wrap: wrap;
    }

    .news-bot-page-li:last-child .nbpl-cont, .news-bot-page-li:last-child .nbpl-left {
        flex-direction: row;
    }

    .yfts-bot {
        margin-bottom: 30px;
    }

    .yfts-lxn-core {
        padding: 9px 0;
    }

    .yfts-link-xia {
        height: 171px;
    }

    .home-banner.home-banner1 .ys-ban-video {
        display: none;
    }

    .hnbc-top-left .std-h3 {
        -webkit-line-clamp: inherit;
        height: auto;
    }

    .hnbc-top-left {
        padding-top: 0px;
    }

    .hnbc-top-right {
        padding-left: 0;
    }

    /* 767end */
}

@media screen and (max-width: 480px) {
    :root {
        --font80: 30px;
        --font64: 26px;
        --font48: 24px;
        --font32: 20px;
        --font28: 20px;
        --font24: 18px;
        --font20: 16px;
        --font16: 14px;
        --space1: 40px;
        --space2: 32px;
        --space3: 22px;
        --data170: 52px;
        --btnh1: 36px;
        --radius: 12px;
        /* --btnh1: 40px; */
    }

    .sili-ph-icon {
        width: 22px;
    }

    .service-title-left {
        margin-bottom: 16px;
    }

    .spcl-item:first-child {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
    }

    .spcl-item:first-child {
        padding-bottom: 26px;
    }

    .service-process-cry-list {
        margin-top: 22px;
    }

    .spcl-item-data {
        font-size: 44px;
    }

    .service-process-cry {
        padding: 32px 0 32px 24px;
    }

    .service-process-cry-list {
        --distance160: 20px;
    }

    .spcl-item .std-h6 {
        font-size: 14px;
    }

    .spcl-item {
        padding-top: 26px;
        padding-bottom: 26px;
    }

    .service-firm-top {
        --distance37: 14px;
        margin-bottom: 30px;
    }

    .mod-arrows1 .slick-prev::before, .mod-arrows1 .slick-next::before {
        width: 16px;
        height: 16px;
    }

    .service-firm-rotate .slick-prev, .service-firm-rotate .slick-next {
        top: -36px;
    }

    .service-firm-rotate .slick-prev {
        right: 36px;
    }

    .sfri-cry .std-text1 {
        padding-top: 24px;
    }

    .service-firm-rotate {
        margin-bottom: var(--space1);
    }

    .service-card-item-icon {
        width: 50px;
    }

    .service-card-item .std-text1 {
        font-size: 14px;
    }

    .service-card-item {
        padding: 10px 7px 10px;
    }

    .why-select .std-h1 {
        margin-bottom: 14px;
    }

    .why-select .ys-cont900 {
        width: calc(100% - 40px);
    }

    .why-inof {
        padding-top: 0;
    }

    .wicn-box-text .std-h6 {
        font-size: 14px;
        margin-bottom: 4px;
    }

    .wicn-box-text .std-h4 {
        font-size: 18px;
    }

    .wicn-box-text {
        padding: 0 17px 18px;
    }

    .wicn-box-play {
        width: 40px;
    }

    .why-inof-cry {
        --distance15: 4px;
    }

    .why-inof-cry-nub {
        width: 100%;
    }

    .why-inof-cry-nub5 .wicn-box {
        height: 50vw;
    }

    .why-link {
        padding-top: 70px;
        padding-bottom: var(--space2);
    }

    .why-link .std-h3 {
        margin-bottom: 18px;
    }

    .wlln-icon {
        width: 30px;
        margin-left: 20px;
    }

    .why-exp-cry {
        padding-top: 32px;
    }

    .wecl-item-logo {
        width: 180px;
        height: 180px;
        margin-bottom: 12px;
    }

    .wecl-item-logo-icon {
        width: 160px;
    }

    .wecl-item-text {
        width: 100%;
        padding-right: 0;
        margin-bottom: 16px;
    }

    .wecl-item-data {
        border-left: 0;
        padding-left: 0;
        padding-bottom: 0;
    }

    .wecl-item-text .std-h6 {
        margin-bottom: 10px;
    }

    .wecl-item-data-font {
        font-size: 48px;
    }

    .wecl-item {
        margin-bottom: 16px;
    }

    .wecl-item {
        padding: 14px 6px 16px;
    }

    .wecl-item.on::before, .wecl-item.on::after {
        width: calc(100% + 16px);
    }

    .wecl-item-data-font {
        font-size: 40px;
    }

    .why-case-cry-right {
        padding-top: 6px;
    }

    .wccr-item {
        padding-top: 6px;
        padding-left: 3px;
        padding-right: 4px;
        padding-bottom: 3px;
    }

    .why-case-cry {
        margin-bottom: 16px;
    }

    .why-case-logo-horse {
        margin-bottom: 5px;
    }

    .wclh-list-item {
        width: 110px;
        padding: 0 4px;
    }

    .wclh-lil-circle {
        width: 102px;
        height: 102px;
    }

    .wclh-list {
        width: calc(110px * var(--width-shu));
    }

    .wacl-list-item-text .std-h6 {
        font-size: 14px;
        line-height: 1.3;
    }

    .wacl-list-item {
        align-items: flex-end;
    }

    .wacl-lit-yin {
        width: 24px;
        margin-bottom: 4px;
    }

    .wacl-list-item-text .std-h6 {
        margin-bottom: 12px;
    }

    .cfpr-img-btn-text .std-text2, .cfpr-img-btn-text .std-text2 p {
        font-size: 12px;
    }

    .cfpr-img-btn-icon {
        width: 36px;
    }

    .cfpr-img-btn-text {
        padding-left: 8px;
    }

    .cfpr-img-btn {
        padding: 6px 18px 6px 6px;
    }

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

    .wacl-list-item-img {
        width: 52%;
    }

    .wacl-list-item-text {
        width: 48%;
    }

    .why-approve .std-h3 {
        margin-bottom: 16px;
    }

    .wacl-list-item-text {
        padding-bottom: 35px;
    }

    .wacl-list .slick-dots {
        width: 48%;
        padding-left: 2px;
    }

    .wsli-text-inof {
        padding: 18px 16px;
    }

    .wsli-text .std-text1 {
        margin-bottom: 3px;
    }

    .why-share-list {
        --jian18: 14px;
    }

    .wsli-text .std-h5 {
        font-size: 18px;
    }

    .wsli-text::before {
        border-bottom: 10px solid var(--bg);
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        top: -10px;
    }

    .why-share-list-item:nth-of-type(2n) .wsli-text::before {
        bottom: -11px;
    }

    .why-share-list-item:nth-of-type(2n) .wsli-text::before {
        border-top: 12px solid var(--bg);
    }

    .wali-link-text .std-h5 {
        margin-bottom: 15px;
    }

    .waon-link-text {
        padding: 0 12px 18px;
    }

    .why-awards-other.slick-dotted {
        padding-bottom: 20px;
    }

    .mod-cta-text {
        padding: 32px 28px;
    }

    .mod-cta-text .std-text2 {
        margin: 4px 0 12px;
    }

    .std-btn9-icon {
        width: 28px;
        height: 28px;
    }

    .std-btn9-box {
        padding: 3px 6px;
    }

    .std-btn9-icon {
        right: 5px;
    }

    .std-btn9-box p {
        left: 16px;
    }

    .mod-btn {
        --btnw: 140px;
    }

    .wali-link-img {
        width: 160px;
    }

    .why-select .std-h4 {
        font-size: 20px;
    }

    .ys-bgimg-box {
        --core: calc(calc(var(--prox)* 64%) + 16%);
    }

    .company-outline-text .ys-cont900 {
        max-width: calc(100% - 40px);
    }

    .company-outline-text .yx-case3 {
        font-size: 20px;
    }

    .company-who .std-h3, .company-founder-alway .std-h3, .company-partner .std-h3 {
        font-size: 22px;
        width: calc(100% - 65px);
    }

    .mod-arrow .swiper-button-prev, .mod-arrow .swiper-button-next, .swiper-arrow-left, .swiper-arrow-right, .mod-arrow .slick-prev, .mod-arrow .slick-next {
        width: 30px;
        height: 30px;
    }

    .company-partner.mod-arrow .slick-prev, .company-founder-alway.mod-arrow .slick-prev, .company-who.mod-arrow .slick-prev {
        right: 55px;
    }

    .company-partner.mod-arrow .slick-next, .company-partner.mod-arrow .slick-prev, .company-who.mod-arrow .slick-next, .company-who.mod-arrow .slick-prev {
        top: 1px;
    }

    .company-who .std-h3, .company-founder-alway .std-h3, .company-partner .std-h3 {
        margin-bottom: 22px;
    }

    .cpli-box-play {
        width: 38px;
    }

    .company-founder-person-left .std-h3 {
        margin-bottom: 12px;
    }

    .company-founder-person-left .std-text1, .company-founder-person-left .std-text1 p {
        font-size: 14px;
    }

    .company-founder-person-left .std-text1, .company-founder-person-left .std-text1 p {
        margin-bottom: 8px;
    }

    .company-founder-person-left {
        margin-bottom: 10px;
    }

    .company-founder-person-right {
        width: 90%;
    }

    .company-founder-person {
        padding-bottom: 40px;
    }

    .company-founder-alway {
        --top70: 35px;
    }

    .company-founder-alway.mod-arrow .slick-prev {
        right: 35px;
    }

    .company-founder-alway.mod-arrow .slick-next, .company-founder-alway.mod-arrow .slick-prev {
        top: calc(var(--top70) + 1px);
    }

    .company-active-list-item1 {
        width: 48%;
        margin-left: 0%;
    }

    .company-active-list-item2 {
        width: 48%;
        margin-right: 0%;
    }

    .company-active-list2-left {
        margin-top: 15px;
    }

    .company-active-list2 {
        flex-wrap: wrap;
    }

    .company-active-list2-left {
        width: 100%;
    }

    .company-active-list-item5 {
        width: 38%;
    }

    .company-active-list2-right {
        margin-top: 6px;
        width: 80%;
        margin-right: -4px;
    }

    .company-active-list2-right {
        width: 100%;
        margin-right: -4px;
        padding-bottom: 53%;
        margin-top: 0;
    }

    .company-active-list1 {
        flex-wrap: wrap;
    }

    .company-active-list-item7 {
        width: 60%;
        position: relative;
        left: 40%;
        top: auto;
        margin-top: -8%;
    }

    .company-active-list-item6 {
        width: 68%;
    }

    .company-active-list-item4 {
        margin-top: 40%;
        width: 70.365854%;
    }

    .company-active-list-item5 {
        width: 58%;
        margin: 20px auto;
    }

    .company-active-list2-right {
        padding-bottom: 13%;
    }

    /* tammy - end */
    /* Linda-start */
    .solution-energy-tp {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .solution-energy-tp-video {
        margin-top: 30px;
    }

    .hrlb-cont-btn-li2 .std-btn9 {
        --btnw: 195px;
    }

    .hrlb-cont-btn .mod-btn {
        --btnw: 110px;
    }

    .sett-btn {
        margin-top: 20px;
    }

    .setv-wrap-btn .cfpr-img-btn-icon {
        width: 50px;
    }

    .cimbt-play {
        width: 40px;
    }

    .setv-wrap-btn.cfpr-img-btn {
        padding: 5px 20px 5px 5px;
        left: 20px;
        bottom: 20px;
    }

    .setv-wrap-btn.cfpr-img-btn::before {
        width: 60px;
    }

    .home-cust-top-li {
        width: 33.333333%;
    }

    .solution-info-item-tit, .solution-info-item-tit span {
        font-size: 180px;
    }

    .solution-info-item {
        margin-bottom: 30px;
    }

    .siiw-list {
        margin-top: 30px;
    }

    .slsl-text {
        margin-top: 24px;
    }

    .slsl-text-parga {
        margin-top: 16px;
    }

    .swiper-wrapper {
        margin-bottom: 10px;
    }

    .solution-opinion-wrap {
        padding: 20px;
    }

    .solution-opinion-wrap-img {
        width: 100%;
    }

    .solution-opinion-wrap-text {
        margin-bottom: 20px;
    }

    .sown-data {
        font-size: 48px;
    }

    .home-service-title {
        flex-wrap: wrap;
    }

    .home-service-title h2 {
        width: 100%;
        margin-bottom: 20px;
    }

    .sslu-item-logo {
        width: 110px;
        height: 110px;
    }

    .sslu-item-text {
        width: calc(100% - 110px);
    }

    .hnbc-bot-item {
        width: 100%;
    }

    .hnbc-bot-item:nth-child(2) {
        margin-top: 20px;
    }

    .siiw-list-swiper, .liib-swiper {
        padding-bottom: 15px !important;
    }

    .lab-ban .std-h5 {
        width: 100%;
        margin-top: 20px;
    }

    .liit-parga .hrlb-cont-btn {
        margin-top: 14px;
    }

    .lab-ban {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .lab-ban-btn {
        margin-top: 90px;
    }

    .lab-ban-title {
        width: 80vw;
        height: 13.12vw;
    }

    /* Linda-end */
    .contact-us {
        padding-top: 44px;
    }

    .contact-us-left .std-h3 {
        margin-bottom: 28px;
    }

    .cull-item .std-h6 {
        margin-bottom: 10px;
    }

    .curi-name {
        padding-bottom: 10px;
    }

    .contact-start-box-list {
        width: 170px;
    }

    .contact-start-box .std-h3 {
        margin-bottom: 8px;
    }

    .contact-start-box .std-text2 {
        margin-bottom: 16px;
    }

    .contact-start-pop-item2 {
        left: 4%;
    }

    .contact-start-pop-item4 {
        right: 3.357143%;
    }

    .contact-start-pop-item4 {
        width: 72px;
    }

    @keyframes popmove {
        0% {
            transform: translateY(0px) rotate(0deg);
            -webkit-transform: translateY(0px) rotate(0deg);
        }

        25% {
            transform: translateY(5px) rotate(0deg);
            -webkit-transform: translateY(5px) rotate(0deg);
        }

        50% {
            transform: translateY(0px) rotate(0deg);
            -webkit-transform: translateY(0px) rotate(0deg);
        }

        75% {
            transform: translateY(-5px) rotate(0deg);
            -webkit-transform: translateY(-5px) rotate(0deg);
        }

        100% {
            transform: translateY(0px) rotate(0deg);
            -webkit-transform: translateY(0px) rotate(0deg);
        }
    }

    @-webkit-keyframes popmove {
        0% {
            transform: translateY(0px) rotate(0deg);
            -webkit-transform: translateY(0px) rotate(0deg);
        }

        25% {
            transform: translateY(5px) rotate(0deg);
            -webkit-transform: translateY(5px) rotate(0deg);
        }

        50% {
            transform: translateY(0px) rotate(0deg);
            -webkit-transform: translateY(0px) rotate(0deg);
        }

        75% {
            transform: translateY(-5px) rotate(0deg);
            -webkit-transform: translateY(-5px) rotate(0deg);
        }

        100% {
            transform: translateY(0px) rotate(0deg);
            -webkit-transform: translateY(0px) rotate(0deg);
        }
    }

    .contact-us-left .std-h3 {
        margin-bottom: 24px;
    }

    @keyframes growmove {
        0% {
            left: 100%;
        }

        100% {
            left: 5.114583%;
        }
    }

    @-webkit-keyframes growmove {
        0% {
            left: 100%;
        }

        100% {
            left: 5.114583%;
        }
    }

    .company-active-font {
        font-size: 25vw;
    }

    .company-active .std-h1 {
        margin-bottom: 0;
    }

    .company-active-list2-left {
        margin-top: 12px;
    }

    .company-active-list1 {
        margin-bottom: 8px;
    }

    .company-active-list-item3 {
        width: 67.317073%;
    }

    .company-active-list-item4 {
        width: 58.365854%;
    }

    .company-active-list-item1 {
        width: 50%;
    }

    .company-active-list-item1 {
        width: 70%;
    }

    .company-active-list-item2 {
        width: 60%;
        left: 40%;
        position: relative;
    }

    .company-active-list-item2 {
        margin-top: 16px;
    }

    .company-active-list-item5 {
        margin: 16px auto;
    }

    .company-outline .std-h1 {
        font-size: 12vw;
    }

    .news-top {
        padding: 30px 0;
    }

    .news-top .hnbc-top-left-tag {
        margin-bottom: 10px;
    }

    .news-top .std-text1 {
        margin: 12px 0;
    }

    .news-bot-li a {
        padding: 18px 10px;
    }

    .news-bot {
        margin-top: 20px;
    }

    .pc-fenye li {
        line-height: 24px;
        width: 26px;
        height: 26px;
        margin: 0 8px;
        font-size: 12px;
    }

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

    .news-bot-right-item {
        margin-bottom: 30px;
    }

    .nbri-ul1 li:last-child {
        margin-bottom: 0;
    }

    .nbri-ul1 li {
        margin-bottom: 20px;
    }

    .news-bot-ul {
        margin-bottom: 30px;
    }

    .std-btn9 {
        --btnw: 116px;
    }

    .news-bot-right-item .std-h6 {
        margin-bottom: 14px;
    }

    .nbri-ewm {
        width: 180px;
    }

    .nbri-ewm-img {
        padding: 20px 20px 15px;
    }

    .nbri-ewm .std-text2 {
        line-height: 1.5;
    }

    .newsdt-guide {
        margin-top: 30px;
    }

    .newsdt-guide {
        padding: 30px 20px;
    }

    .nbri-ul2 li a {
        padding: 0 0 16px;
        margin-bottom: 16px;
    }

    .nbri-cta .std-btn9 {
        margin-top: 20px;
    }

    .solution-news .hnbc-bot-item a, .news-main .hnbc-bot-item a {
        padding-bottom: 50px;
    }

    .hnbc-bot-item .std-h6 {
        margin: 7px 0;
    }

    .topic-title .std-h3 {
        margin: 18px 0 15px;
    }

    .news-bot-left {
        margin-bottom: 30px;
    }

    .topic-title {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .cta-form-li {
        width: 100%;
    }

    .cta-form {
        flex-wrap: wrap;
    }

    .cta-rihgt {
        padding: 30px 20px;
        width: 100%;
        margin-bottom: 30px;
    }

    .cta-main .ys-main {
        margin-top: 40px;
    }

    .cta-form textarea {
        height: 120px;
    }

    .cta-form img {
        width: 95px;
    }

    .cta-form-valid input {
        width: calc(100% - 105px);
    }

    .cta-form input, .cta-form textarea {
        font-size: 14px;
    }

    .cta-agree-icon {
        width: 16px;
        height: 16px;
    }

    .cta-agree-icon img {
        width: 10px;
    }

    .cta-rihgt button {
        font-size: 16px;
        line-height: 42px;
    }

    .cta-left-vio-play {
        bottom: 20px;
        left: 20px;
        width: 45px;
    }

    .cta-left-cont .home-cust-top-li {
        width: 33.333333%;
        margin-bottom: 20px;
    }

    .cta-left-cont-service img {
        margin-top: 3px;
        width: 18px;
    }

    .cta-left-cont-service {
        margin-top: 0;
        margin-bottom: 40px;
    }

    .case-top-cont {
        display: block;
    }

    .case-top .ys-slick {
        width: auto;
    }

    .case-cont {
        margin-top: 30px;
    }

    .case-tab-item-name {
        width: 54px;
    }

    .case-tab-item ul {
        width: calc(100% - 54px);
    }

    .case-tab-item li {
        margin-right: 20px;
        margin-bottom: 8px;
    }

    .case-bot .item {
        width: 100%;
    }

    .case-bot .item {
        margin-bottom: 30px;
    }

    .case-bot .item:nth-child(2n) {
        top: 0;
    }

    .case-bot-icon {
        top: 18px;
        left: 30px;
        width: 150px;
    }

    .case-tab {
        margin-bottom: 30px;
    }

    .casetab-suff {
        margin-top: 30px;
    }

    .casetab-brand-title .std-h3 {
        margin-bottom: 12px;
    }

    .cbit-img {
        width: 150px;
    }

    .swiper-arrow img {
        width: 18px;
    }

    .swiper-arrow-right {
        margin-left: 9px;
    }

    .casetab-news .std-margin1 {
        margin-bottom: 70px;
    }

    .casetab-news .slick-dots {
        bottom: -35px;
    }

    .mod-cta-text {
        padding: 32px 20px;
        width: 68%;
    }

    .ys-modal-ul-li a {
        font-size: 20px;
    }

    .casedt-sur {
        padding-top: 50px;
        margin-bottom: 50px;
    }

    .casedt-sur-logo {
        width: 220px;
    }

    .casedt-sur-title {
        margin-bottom: 30px;
    }

    .casedt-sur-vio-play img {
        width: 32px;
    }

    .casedt-sur-intro {
        margin-bottom: 30px;
    }

    .casedt-sur-vio {
        margin-bottom: 30px;
    }

    .casedt-sur-num-text {
        padding-left: 0;
        font-size: 18px;
    }

    .casedt-sur-num-data .ys_demo_num1 {
        font-size: 30px;
    }

    .casedt-spec .std-h3 {
        margin-bottom: 30px;
    }

    .casedt-case h3 {
        font-size: 22px;
    }

    .casedt-case .swiper-slide {
        width: 100% !important;
    }

    .casedt-spec {
        margin-bottom: 40px;
    }

    .casedt-sur h1 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .casedt-sur-logo {
        margin: 0 auto 20px !important;
    }

    .ys-videom-close {
        width: 25px;
        height: 25px;
    }

    .csil-title .std-h6 {
        margin-bottom: 5px;
    }

    .csil-title {
        padding: 0 20px;
    }

    .casedt-case .swiper-slide .std-h4 {
        margin-bottom: 60px;
        font-size: 20px;
    }

    .submit-right img {
        width: 200px;
    }

    .error-title {
        font-size: 46px;
    }

    .submit-left-title {
        font-size: 18px;
    }

    .submit-left-cont .std-btn9 {
        margin-top: 10px;
    }

    .submit-left-ewm-item {
        width: 90px;
        margin-right: 26px;
    }

    .submit-left-title {
        margin-bottom: 10px;
    }

    .submit-left-ewm {
        margin-top: 20px;
    }

    .submit-right {
        height: 40%;
    }

    .submit-right img {
        width: 170px;
    }

    .cta-form-li:last-child {
        margin-bottom: 0;
    }

    .cta-form-li {
        margin-bottom: 15px;
    }

    .cta-form {
        margin-bottom: 15px;
    }

    .home-solu-tab-item p {
        line-height: 36px;
    }

    .home-solu-top-bj {
        height: 36px;
    }

    .hsbt-num-cont {
        font-size: 90px;
    }

    .home-solution .hsbt-num-cont-span2 {
        font-size: 48px;
    }

    .hsbt-num .std-text2 {
        margin-top: 12px;
        margin-bottom: 10px;
    }

    .hsbt-text .std-h4 {
        margin-bottom: 10px;
    }

    .hsbl-logo-li .ys-imgbox-cover {
        width: 80px;
        height: 80px;
    }

    .hsbl-logo-li {
        width: 80px;
    }

    .home-solu-bot {
        margin-bottom: 30px;
    }

    .hrlt-ul-li {
        padding: 0 5px;
        margin-bottom: 10px;
    }

    .hulc-tp-tit span {
        font-size: 16px;
    }

    .hulc-tp-icon {
        width: 40px;
    }

    .hulc-tp {
        padding: 0 10px;
    }

    .hulc-bt {
        padding: 16px 18px;
        border-radius: 25px;
    }

    .hrlt-ul-li-cont .cfpr-img-btn {
        padding: 10px 15px 14px;
        border-radius: 49px;
        bottom: 15px;
        left: 10px;
    }

    .hrlt-ul-li-cont .cfpr-img-btn-icon {
        width: 30px;
    }

    .cfpr-img-btn-text {
        width: calc(100% - 30px);
    }

    .hrlt-ul-li-cont .cfpr-img-btn {
        padding: 10px 10px;
        border-radius: 45px;
        bottom: 15px;
        left: 10px;
    }

    .cwli-link-img-play {
        width: 30px;
    }

    .home-rely-list-mid {
        margin-bottom: 30px;
    }

    .home-cust-bot .swiper-slide {
        margin-right: 20px;
    }

    .ys-cont16001 {
        margin-right: 0px;
    }

    .home-data .std-h3 {
        margin-bottom: 0;
    }

    .home-data-li {
        padding: 25px 0;
    }

    .home-service-text {
        padding: 20px 18px;
    }

    .ys-footer-bot-cont p a, .ys-footer-bot-cont p span {
        display: block;
    }

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

    .ys-footer-top-li {
        margin-bottom: 26px;
    }

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

    .ys-footer-bot {
        padding: 20px 0 12px;
    }

    .ys-footer-top-li {
        width: calc(50% - 7px);
    }

    .ys-footer-top-li .ys-imgbox-cover {
        border-radius: 15px;
    }

    .solution-opinion {
        padding-bottom: 45px;
    }

    .wacl-list-item-img {
        width: 45%;
    }

    .wacl-list-item-text {
        width: 55%;
    }

    .why-share {
        padding-bottom: 80px;
    }

    .hsbt-text h3 {
        font-size: 20px;
    }

    /* 网站建设欣赏页面-start */
    .appreciate-contact {
        padding: 40px 0;
    }

    .appreciate-contact-text {
        margin-top: 30px;
    }

    .appreciate-img-bt-side {
        width: 100%;
    }

    .appreciate-img-bt-list {
        margin-top: 30px;
        padding-left: 0;
        width: 100%;
    }

    .appreciate-img {
        padding-bottom: 40px;
        padding-top: 40px;
    }

    .appreciate-img h2, .appreciate-case h2 {
        margin-bottom: 24px;
    }

    .appreciate-case {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .appreciate-case-list-li a {
        padding: 25px 20px;
    }

    .appreciate-case-list .slick-list {
        padding-bottom: 30px;
    }

    .aibs-ul-li {
        margin-bottom: 0;
    }

    /* 网站建设欣赏页面-end */
    .casetab-suff-top-img {
        height: 260px;
    }

    .casetab-suff-top-img img {
        height: 100%;
        object-fit: cover;
    }

    .casetab-suff-top-cont .std-text1, .casetab-suff-top-cont .std-text1 p {
        font-size: var(--font16);
    }

    .ys-footer-top-li .ys-imgbox-cover {
        border-radius: 10px;
    }

    .ys-footer-top-li {
        width: calc(50% - 5px);
    }

    .yftl-float .yftl-btn {
        left: 1px;
        font-size: 12px;
    }

    .yftl-float {
        padding: 12px 12px 12px 12px;
    }

    .yftl-btn-icon {
        width: 14px;
        margin-left: 6px;
    }

    .cfpr-add-top {
        top: 14px;
        left: 13px;
    }

    .cfpr-add-top {
        padding: 6px 12px 6px 14px;
    }

    .solution-opinion-wrap:not(:last-child) {
        margin-bottom: 24px;
    }

    .contact-start-box-list .std-btn8-box {
        padding: 6px 24px;
    }

    /*2024.9.5 start*/
    .cta-left-service-add {
        margin-top: 0px;
        margin-bottom: 40px;
    }

    /*2024.9.5 end*/
    /*2024.9.6修改 start*/
    .case-bot-add {
        font-size: 26px;
    }

    /*2024.9.6修改 end*/
    /*2024.9.5新增 start*/
    .website-section {
        padding-top: 30px;
    }

    .website-section-tit {
        margin-bottom: 22px;
    }

    .wlbi-img {
        width: 18px;
        margin-right: 8px;
    }

    .wlbi-text {
        font-size: 12px;
    }

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

    .wsul-link-img {
        margin-bottom: 12px;
    }

    /*2024.9.5新增 end*/
    .casedt-detail, .casedt-free {
        padding-bottom: 50px;
    }

    .casedt-free .std-h3 {
        margin-bottom: 24px;
    }

    .casedt-control-play {
        width: 38px;
        height: 38px;
    }

    .casedt-control-dots {
        height: 38px;
        padding: 0 17px;
        margin-left: 8px;
        --jian: 5px;
    }

    .cfct-scroll-box {
        padding: 24px 16px 28px 16px;
    }

    .cfct-top {
        padding: 16px 25px 14px 16px;
    }

    .cdcc-nub {
        width: 86px;
    }

    .cdcc-nub .std-text2, .cdcc-nub .std-text2 p {
        font-size: 12px;
    }

    .casedt-sur .std-h6 {
        margin-bottom: 22px;
    }

    .casedt-sur-title {
        margin-bottom: 16px;
    }

    .why-video-pop .ys-videom-close {
        width: 40px;
        height: 40px;
        top: -30px;
        right: -45px;
    }

    .why-video-pop .ys-videom-content {
        width: 260px;
    }

    .why-approve1-text::before, .why-approve1-text::after {
        width: 26px;
        height: 26px;
    }

    .why-approve1-text::before {
        transform: translate(-100%, -37.6%);
    }

    .why-approve1-text {
        margin-bottom: 20px;
    }

    .why-approve1-other-play {
        width: 36px;
        margin-bottom: 8px;
    }

    .wa1oc-left {
        padding-right: 10px;
    }

    .wa1oc-logo {
        padding-left: 8px;
    }

    .why-approve1-dots {
        --jian: 3px;
    }

    .why-approve1-dots {
        margin-top: 24px;
    }

    .wa1di-box {
        width: 45px;
        padding: 3px;
    }

    .ys-footer-top-li {
        width: 100%;
    }

    .ys-footer-top-ul {
        flex-wrap: wrap;
    }

    .yftl-pc {
        display: none;
    }

    .yftl-ph {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .yftl-ph img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
    }

    .ys-footer-top-li .yftl-float {
        position: relative;
        top: auto;
        left: auto;
        z-index: 10;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
    }

    .ys-footer-top-li .std-text2 {
        margin: 0 !important;
    }

    .ys-footer-top-li .yftl-btn {
        margin-top: 2px !important;
        flex: none;
    }

    .ys-footer-top-li {
        margin-bottom: 10px;
    }

    .ys-footer-bot, .ys-footer-top-share {
        padding-left: 15px;
        padding-right: 15px;
    }

    .yfts-bot .std-h6, .yfts-top .std-h6 {
        font-weight: normal;
        color: rgba(255, 255, 255, 0.6);
    }

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

    .ys-footer-top-ul {
        padding-bottom: 12px;
    }

    .ys-footer-bot .std-h3 {
        text-align: left;
    }

    .ys-footer-bot .std-h3 {
        margin-bottom: 0;
    }

    .ys-footer-ul {
        margin: 0px 0px 60px;
        justify-content: space-between;
    }

    .ys-footer-ul li {
        padding: 0 0px;
        padding-right: 15px;
    }

    .ys-footer-bot-cont {
        width: 100%;
    }

    .ys-footer-bot-cont p a, .ys-footer-bot-cont p span {
        display: inline-block;
        color: rgba(255, 255, 255, 0.6);
        line-height: 2;
        font-weight: 400;
    }

    .ys-footer-bot-cont span {
        color: rgba(255, 255, 255, 0.6) !important;
    }

    .fot-anbei {
        display: flex !important;
        align-items: center;
    }

    .fot-anbei img {
        margin-right: 8px;
    }

    .ys-footer-ul a {
        color: rgba(255, 255, 255, 0.6) !important;
    }

    .ys-footer-bot {
        padding-bottom: 25px;
    }

    .solution-main .hnbc-bot-item {
        margin-top: 0 !important;
    }

    .solution-news .home-service-title {
        margin-bottom: 22px;
    }

    .solution-news .home-service-title h2 {
        margin-bottom: 14px;
    }

    .home-rely-btm {
        padding-top: 10px;
    }

    .home-rely-more {
        margin-top: 30px;
    }

    .cfct-top {
        padding-top: 40px;
    }

    .solution-info-item-ph {
        display: block;
    }

    .solution-info-item-pc {
        display: none;
    }

    .hrlt-ul-end {
        width: 100%;
    }

    .hrlt-ul-end-cont {
        padding: 16px 16px;
    }

    .hrlt-ul-end-top {
        border-radius: 10px;
    }

    .hrlt-ul-end-video {
        display: none;
    }

    .hrlt-ul-end-img {
        display: block;
    }

    .solution-main .home-cust-top-ul {
        padding-top: 26px;
        padding-bottom: 26px;
    }

    .case-main .case-bot-text .std-h6 {
        margin-top: 18px;
        margin-bottom: 12px;
    }

    .cblt-num-text-data .ys-demo-num {
        font-size: 22px;
    }

    .cblt-num-text-data .std-h4 {
        font-size: 14px;
    }

    .home-solu-tab {
        width: 500px;
    }

    .hnbc-top {
        flex-direction: column-reverse;
    }

    .hnbc-top-left {
        margin-bottom: 5px;
        margin-top: 20px;
    }

    .home-cust-top-li {
        width: 50%;
    }

    .home-cust-top-ul {
        padding-left: 30px;
        padding-right: 30px;
    }

    .solution-opinion-wrap {
        padding-left: 15px;
        padding-right: 15px;
    }

    .solution-opinion-wrap-img img {
        transform: translateZ(0) scale(1);
    }

    .casedt-sur-num-data .ys_demo_num1 {
        font-size: 22px;
    }

    .casedt-sur-num-text {
        font-size: 14px;
    }

    .home-data-bg-layer img:nth-child(2) {
        left: -4px;
    }

    .mod-cta-text {
        width: 100%;
    }

    .yx-case3 span {
        transition: all 0s ease-in-out;
    }

    /* 2024.11.6Linda修改 */
    .curi-name {
        font-size: 14px;
    }

    .company-who .std-h3, .company-founder-alway .std-h3, .company-partner .std-h3 {
        width: calc(100% - 80px);
    }

    .hrlt-ul-li-cont .cfpr-img-btn {
        width: calc(100% - 20px);
    }

    .siiw-list {
        padding-bottom: 50px;
    }

    .swiper-button-icons {
        bottom: -50px;
    }

    .siiw-list .swiper-button-prev {
        right: 40px;
    }

    .hsbt-text-btn-li {
        margin-bottom: 10px;
    }

    /* 2024.11.6Linda修改 */
    /* 20241212-修改-start */
    @keyframes TextShow {
        0% {
            transform: scale(1);
        }

        100% {
            transform: scale(0.8);
        }
    }

    .ybcu-li-text::after {
        width: 20px;
        right: -34px;
    }

    .ybcu-li {
        padding: 6px 32px 6px 20px;
    }

    .ys-btn-cont-bt li {
        padding: 4px 15px;
    }

    .ys-btn-cont-bt li p {
        transform: scale(0.8);
    }

    .casetab-suff-top-cont .std-text1 {
        margin-bottom: 0;
    }

    .ybcu-li-text, .ys-btn-cont-bt li p {
        font-size: 24px;
    }

    .ybcu-li-text {
        transform-origin: 50% 50%;
        top: 2px;
    }

    .ybcu-li-text::after {
        height: 20px;
    }

    .cblt-num-text {
        width: 100%;
    }

    .case-tab-item3 .case-tab-item-name span {
        padding: 0 10px;
    }

    .case-tab-item li {
        margin-right: 18px;
        margin-bottom: 7px;
    }

    .ctin-btn::before {
        width: calc(100% + 16px);
        left: -8px;
    }

    .case-tab-item:not(.case-tab-item3) li {
        margin-right: 18px;
    }

    /*2025.3.1*/
    .why-approve1-dots-item {
        width: 25%;
    }

    .wa1di-box {
        margin: 0 auto;
    }

    .casedt-case .swiper-pagination-bullets {
        display: none !important;
    }

    .ys-phnav-search .iconfont {
        font-size: 20px;
    }

    .ys-phnav-menubtn {
        width: 26px;
        height: 20px;
    }

    .ys-videom-close {
        top: -1.8em;
        right: 0em;
    }

    .yfts-link-zhan {
        width: 100%;
    }

    .home-cust-bot .swiper-slide {
        height: auto;
    }

    .cfpr-img-btn-text .std-text2, .cfpr-img-btn-text .std-text2 p {
        font-size: 10px;
    }

    .ys-footer-bot-cont p a, .ys-footer-bot-cont p span {
        font-size: 14px;
    }

    .slsl-text-subtit {
        margin-top: 8px;
        font-size: 14px;
    }

    .cblt-num-text {
        margin-bottom: 15px;
    }

    .cblt-num-text:nth-child(n+2) {
        width: 50%;
    }

    .nbri-ul2 li .std-text1 {
        font-size: 14px;
    }

    .nbri-ewm {
        margin: 0 auto;
    }

    .case-tab-item {
        display: block;
    }

    .case-tab-item-name {
        margin-bottom: 12px;
    }

    .home-data-bg-img {
        transform: rotate(-180deg);
    }

    .company-active-list-item1 {
        margin-left: -16%;
    }

    .company-active-list-item2 {
        margin-top: 43px;
        margin-right: -30%;
        left: 0;
    }

    .company-active .ys-cont1400 {
        padding: 0;
    }

    .company-active-list-item3 {
        left: 18%;
        width: 34%;
        height: 89px;
    }

    .company-active-list-item4 {
        margin-top: 13%;
        margin-left: -16%;
    }

    .company-active-list-item5 {
        margin: 0 0 0 auto;
        right: 0;
        margin-right: 20px;
        position: absolute;
        width: 29%;
        height: 150px;
        margin-top: 60px;
    }

    .company-active-list2-right {
        margin-top: 42px;
    }

    .company-active-list-item6 {
        left: 10%;
        position: relative;
    }

    .company-active-list-item7 {
        width: 42%;
        margin-top: -17%;
        left: 46%;
        height: 140px;
    }

    .company-active-list2 {
        margin-top: 63px;
    }

    .company-active-font {
        top: 230px;
    }

    .case-top-flex {
        justify-content: left;
        margin-top: 24px;
    }

    .case-tab-item ul {
        width: calc(100%);
    }

    .ctin-btn .ctin-btn-close {
        display: none;
    }

    .ctin-btn.on .ctin-btn-close {
        display: block;
    }

    .home-banner1 .yx_text2_effect {
        letter-spacing: 0.15em;
    }

    .company-active-list-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .why-approve1-dots-item {
        margin-bottom: 20px;
    }

    .why-approve1-dots {
        margin-bottom: -20px;
    }

    .ys-phnav-menubtn {
        width: 21px;
        height: 18px;
    }

    .ys-phnav-menubtn::before {
        margin-top: -8px;
    }

    .ys-phnav-menubtn::after {
        margin-top: 8px;
    }

    .company-active-list1 {
        margin-bottom: 17px;
    }

    .company-active-font {
        font-size: 34vw;
    }

    .nbri-ul2 li a {
        padding: 0 0 10px;
    }

    .ys-footer-bot-cont p {
        /*color: rgba(255, 255, 255, 0.6);*/
        text-align: center;
    }

    .fot-anbei img {
        width: 14px;
    }

    .ys-footer-bot-cont p a, .ys-footer-bot-cont p span {
        font-size: 12px;
    }

    .why-approve1-dots {
        width: 90%;
        margin: 0 auto;
        margin: 24px auto -20px;
    }

    .why-approve1-dots-item {
        width: 25%;
        padding: 0 10px;
    }

    .wa1di-box {
        width: 100%;
    }

    .hsbt-text-btn-li {
        width: 50%;
        padding: 0 5px;
    }

    .hsbt-text-btn {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin: 20px -5px 0;
    }

    .hsbt-text-btn-li p {
        font-size: 14px;
    }

    .hsbt-text-btn-li img {
        width: 12px;
    }

    .hrlt-ul-li-cont .cfpr-img-btn-icon {
        display: none;
    }

    .hrlt-ul-li-cont .cfpr-img-btn-text {
        width: 100%;
        padding-left: 0;
    }

    .hrlt-ul-li-cont .cfpr-img-btn {
        padding: 6px 20px;
    }

    .cfpr-img-btn-text .cibt-parga1 p {
        font-size: 14px;
    }

    .case-tab-item-name {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .case-tab-item3 .case-tab-item-name span {
        padding: 0;
        color: var(--color333);
        font-size: 18px;
    }

    .case-tab-item3 .case-tab-item-name span::before {
        display: none;
    }

    .case-tab-item li {
        margin-bottom: 5px;
    }

    .home-cust-top-cont, .home-customer, .home-solution {
        border-bottom: none;
        padding-bottom: 0;
    }

    .home-solu-bot {
        margin-bottom: 0;
    }

    .sili-cry {
        display: block;
    }

    .sili-ph-icon {
        transform: rotate(180deg);
    }

    .service-inof-list-item.act .sili-ph-icon {
        transform: rotate(0deg);
    }

    .sili-cry {
        transform: translate3d(0px, 0rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg) !important;
        opacity: 1 !important;
        transform-style: preserve-3d !important;
    }

    /*2025.3.1 ada end*/
    .home-solu-bot-data .hsbt-text .std-text2 {
        color: #666;
    }

    .hsbt-text-btn {
        margin: 24px -5px 0;
    }

    .solution-opinion-wrap .solution-opinion-wrap-text .sowt-tit {
        font-size: 16px;
    }

    .company-who .company-who-list {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .company-who .company-who-list .slick-arrow {
        position: static !important;
    }

    .company-who .slick-list {
        width: 100%;
        order: 1;
        margin-bottom: 20px;
    }

    .company-who-list .slick-prev {
        order: 2;
    }

    .company-who-list .slick-next {
        order: 3;
        margin-left: 5px;
    }

    .company-who .std-h3 {
        width: 100%;
    }

    .company-value-list-item.act::before {
        width: 0%;
        height: 0%;
        opacity: 0;
    }

    .company-value.actx .company-value-list-item.act::before {
        width: 100%;
        height: 100%;
        opacity: 1;
    }

    /* 2025.07.21 - start - tammy */
    .snii-link .ys-imgbox-cover {
        width: 26px;
    }

    .snii-font {
        font-size: 14px;
        margin-left: 6px;
    }

    .snii-link {
        padding: 10px 5px;
    }

    .sub-nav {
        bottom: 30px;
        padding: 0 8px;
    }

    /* 2025.07.21 - end - tammy */
    /* 480end */
}