@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;

     }



     .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;

     }



     :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;

     }



     .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 13px;

     }



     .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: 16px;

     }



     .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: #F2EFE8;
        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 > 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, .1);
    }
       .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: 10px 0;
        }
        
        .ys-phnav-lag a{
            font-size: 16px;
            line-height: 1.5;
            color: #333;
        }
        .ys-phnav-header-le {
            display: flex;
            align-items: center;
        }
        
        .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; */

     }



     .service-title-cry,

     .sili-cry {

         flex-wrap: wrap;

     }



     .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;

     }



     .hnbc-bot-item {

         width: 50%;

         margin-top: 20px;

     }



     .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: 2px;

     }



     .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: 103px;

         padding-bottom: 93px;

     }



     .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;

     }



     .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: 34px;

         height: 34px;

     }



     .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: 45px;

     }



     .ys-footer-top-ul {

         padding-bottom: 12px;

     }



     .ys-footer-bot .std-h3 {

         text-align: left;

     }



     .ys-footer-bot .std-h3 {

         margin-bottom: 30px;

     }



     .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: -2em;
        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);
    }
    .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: 10px 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 */
}