@charset "utf-8";

/* 响应式原则：调大看小 */
@media screen and (max-width: 1920px) {
    .home-battery-cont canvas{
        width: 80%;
        margin: auto;
    }
    .home-battery-cont-box{
        text-align: center;
    }
    .home-battery-cont-img{
        width: 80%;
        left: 50%;
        transform: translateX(-50%);
    }

    .mod-side {
        left: 20px;
        width: 100px;
    }
    .carbon-main .mod-side-nav-li:first-child{
        align-items: flex-start;
    }
    .carbon-main .mod-side-line{
        max-height: calc(100% - 25px);
    }
    .home-factory-cont{
        width: 75%;
    }
    .home-battery-wrap{
        padding: var(--space120) 0;
        height: auto !important;
    }
    /* .home-battery-cont video{
        width: 80%;
        margin: auto;
    } */
    .home-battery-cont-img{
        width: 100%;
    }
    .hfcn-li1{
        left: 44.70% !important;
        top: 26.10% !important;
    }
    /* 1920end */
}

@media screen and (max-width: 1680px) {
    .rwlu-li-tp {
        padding: 20px 50px;
    }
    /* .rltb-tit {
        width: 25%;
    }
    .rltb-info {
        width: calc(75% - 18px);
    } */
    .ys-footer-tp-mid {
        padding-left: 80px;
        padding-right: 140px;
        width: calc(100% - 230px - 320px);
    }
    .ys-footer-tp-ri {
        width: 320px;
    }
    .investor-notice-slick-li a {
        padding: 40px 30px 44px;
    }
    .insl-tit {
        margin-bottom: 140px;
    }
    .srsb-next{
        right: -80px;
    }
    .srsb-prev{
        left: -80px;
    }
    /* .develop-wrap-ul-li .ys-cont1440{
        padding: 0 30px;
    } */
    .mod-side {
        left: 20px;
    }
    .about-company-left {
        padding-right: 180px;
    }
    .acld-ul-li-num span {
        font-size: 60px;
    }
    .acip-li-text {
        width: 250px;
    }
    .acip-li-text-img {
        width: 100px;
    }
    .acip-li-text-word {
        width: calc(100% - 100px);
    }
    .aclt-li-cont {
        top: 40%;
    }
    /* .join-idea-parga {
        width: 65%;
    } */
    .join-idea .ys-cont1440 {
        top: 23%;
    }
    .mtiu-li {
        padding: 0 20px;
        margin-bottom: 26px;
    }
    .mwul-text-info-ul {
        margin: 0 -20px;
    }
    .mtiu-li .std-h4 {
        margin-bottom: 10px;
    }
    .mtiu-li-cont {
        padding-bottom: 15px;
    }
    .carbon-main .mwul-text-info {
        padding: 30px 50px 20px 50px;
    }
    .mwul-text {
        padding-right: 40px;
    }
    .material-wrap-ul-li.on .mwul-text {
        padding-left: 40px;
    }
    .hlci-slick .slick-dots {
        right: -80px;
    }
    .ys-footer-tp-mid {
        width: calc(100% - 235px - 320px);
    }
    .mod-side {
        left: 10px;
    }
    .insl-btn{
        width: calc(100% - 60px);
        left: 30px;
    }
    .head-other-lang a, .head-other-lang {
        padding-right: 15px;
    }
    .head-other-lang::after{
        right: 15px;
    }
    .mwul-text-info {
        max-height: 405px;
    }
    .material-wrap-text .ys-cont1440, .develop-wrap-ul-li .ys-cont1440 {
        padding: 0 50px;
    }
    .ys-footer-tp-mid{
        padding-right: 100px;
    }
    /* 1680end */
}

@media screen and (max-width: 1440px) {
    .ys-modal-content {
        max-height: 650px;
    }
    :root {
        --font58: 50px;
        --font48: 40px;
        --font44: 36px;
        --font32: 28px;
        --font28: 26px;
        --font24: 22px;
        --font20: 18px;
        --font18: 16px;
        --font16: 14px;
        --line80: 70px;
        --space120: 100px;
        --space100: 80px;
        --space50: 40px;
    }
    .head-nav-item {
        padding: 0 20px;
    }
    .head-nav {
        margin: 0 -20px;
    }
    .hnit-icon {
        width: 16px;
        height: 16px;
    }
    .head-logo {
        width: 140px;
    }
    .ys-bread-list a {
        font-size: 12px;
    }
    .ys-nyban-title h1 {
        font-size: 46px;
    }
    .ys-nyban-title p {
        margin-top: 10px;
    }
    .inwu-li p {
        line-height: 52px;
    }
    /* .inwu-li {
        padding: 0 20px;
    }
    .inddet-nav-wrap-ul {
        margin: 0 -20px;
    } */
    .inddet-nav {
        height: 52px;
    }
    .inwu-li.act::after {
        width: 34px;
    }
    .rwlu-li-bt-btn a {
        padding: 0 38px;
        line-height: 50px;
    }
    .rwlu-li-bt-btn {
        margin-top: 30px;
    }
    .rlbl-li-ri {
        padding-left: 20px;
    }
    .rlbl-li {
        margin-bottom: 20px;
    }
    .rwlu-li-bt {
        padding: 0 40px 40px;
    }
    .yftl-logo {
        width: 180px;
    }
    .yftl-info-rmb-text p {
        font-size: 18px;
    }
    .yftr-info-li img {
        width: 18px;
        top: 3px;
    }
    .yftr-info-li p {
        width: calc(100% - 18px);
    }
    .yftr-info-li {
        margin-bottom: 18px;
    }
    .yftr-tit {
        margin-bottom: 20px;
    }
    .yftr-info-li:last-child {
        margin-bottom: 30px;
    }
    .ys-footer-tp-ri {
        width: 280px;
    }
    .yftl-info {
        margin-top: 20px;
    }
    .ys-footer-tp-mid {
        padding-left: 60px;
        padding-right: 100px;
        width: calc(100% - 230px - 280px);
    }
    .yftm-ul-li-link1 {
        margin-bottom: 20px;
    }
    .yftm-ul-li-bt li {
        margin-bottom: 12px;
    }
    .yftl-link {
        margin-top: 40px;
    }
    .yftl-link .ys-select-hd {
        height: 48px;
        padding-left: 14px;
    }
    .yftl-link .ys-select-xtbbox {
        right: 14px;
        width: 18px;
    }
    .ys-footer {
        padding-top: 50px;
    }
    .ys-footer-tp {
        padding-bottom: 70px;
    }
    .rwss-input {
        width: calc(100% - 18px);
        height: 46px;
        padding-right: 10px;
    }
    .rwss-icon {
        width: 18px;
        line-height: 46px;
    }
    .recruit-wrap-side-list {
        padding: 18px;
    }
    .head-nav-item-down a {
        line-height: 50px;
    }
    .ys-footer .ys-select .ys-select-bd {
        max-height: 125px;
    }
    .nwlt-time {
        margin-bottom: 30px;
    }
    .nwlt-tit {
        font-size: 36px;
        margin-bottom: 30px;
    }
    .newdet-wrap-le-tp {
        padding-bottom: 20px;
        margin-bottom: 30px;
    }
    .nwlt-share .ys-share-img {
        width: 32px;
    }
    .nwlt-share .ys-share-list {
        margin-right: 20px;
    }
    .newdet-wrap-le {
        padding-right: 60px;
    }
    .newdet-wrap-ri-list {
        padding: 10px 30px 30px 20px;
    }
    .nwlp-li {
        padding: 0 100px;
    }
    .newdet-wrap-le-bt {
        padding-bottom: 40px;
        margin-bottom: 30px;
    }
    .newdet-wrap-le-page {
        margin: 0 -100px;
    }
    .new-wrap-text-tit {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .new-wrap-text {
        padding-left: 50px;
    }
    .new-wrap-text-btn img {
        width: 24px;
    }
    .new-wrap-text-parga {
        margin-bottom: 40px;
    }
    .new-wrap-tp {
        margin-bottom: 60px;
    }
    .nwbu-li {
        padding: 0 12px;
    }
    .new-wrap-bt-ul {
        margin: 0 -12px;
    }
    .nwbu-li-text-tit {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .nwbu-li a {
        padding-bottom: 30px;
    }
    .investor-notice-slick-li {
        padding: 0 10px;
    }
    .investor-notice-slick {
        margin: 0 -10px;
    }
    .insl-tit {
        margin-bottom: 120px;
    }
    .investor-notice-slick-li a {
        padding: 30px 25px 34px;
    }
    .insl-time {
        margin-bottom: 12px;
    }
    .insl-btn-more {
        width: 24px;
        height: 24px;
    }
    .mod-arrow-icon, .itll-icon, .insl-btn-icon {
        width: 36px;
        height: 36px;
    }
    .insl-btn p {
        width: calc(100% - 36px - 24px);
    }
    .investor-tempor-list-li a {
        padding: 40px 60px 30px 30px;
    }
    .itll-text {
        width: calc(100% - 36px - 24px);
    }
    .investor-contact-wrap-text {
        padding: 60px 60px 50px;
    }
    .icwt-info-li {
        margin-bottom: 20px;
    }
    .icwt-info-li:last-child {
        margin-bottom: 50px;
    }
    .icwt-btn img {
        width: 25px;
    }
    .std-btn2-box img {
        width: 16px;
        top: 0px;
    }
    /* .siwp-text p,
    .ahll-cont-text-tit{
        font-size: 22px;
    } */
    .sustain-introduce-wrap-parga {
        padding: 0 100px;
    }
    .siwp-name {
        margin-top: 30px;
    }
    .spul-cont {
        padding: 40px 48px;
    }
    .spul-cont-icon {
        width: 58px;
    }
    .spul-cont-tit {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .srsl-cont-text {
        padding-right: 80px;
    }
    /* .srsl-cont-text-tit .std-h2 {
        margin-bottom: 30px;
    } */
    .srsl-cont-text-tit .std-text1 {
        margin-bottom: 40px;
    }
    .itll-more {
        width: 24px;
        height: 24px;
    }
    .itll-text::after {
        height: 40px;
    }
    .sustain-data .investor-tempor-list-li a {
        padding: 30px 60px 30px 30px;
    }
    .siwp-name p:nth-child(1)::before {
        width: 80px;
        left: -100px;
    }
    .dwul-tp {
        padding-left: 100px;
    }
    .dwul-tp-icon {
        width: 200px;
    }
    .dwul-tp-text {
        width: calc(100% - 200px);
        padding-left: 100px;
    }
    .dtti-tit1 {
        margin-bottom: 14px;
    }
    .dwul-bt-ul-li {
        padding: 0 22px;
    }
    .dwul-bt-ul {
        margin: 0 -22px;
    }
    .sustain-promise-ul-li {
        padding: 0 10px;
    }
    .sustain-promise-ul {
        margin: 0 -10px;
    }
    .dbul-cont-parga {
        padding-right: 25px;
    }
    .mod-titbox-entit {
        font-size: 44px;
        top: -28px;
    }
    .dwul-bt-ul.on .dwul-bt-ul-li {
        padding: 0 13px;
    }
    .dwul-bt-ul.on {
        margin: 0 -13px;
    }
    .dbul-cont-tit {
        margin-bottom: 14px;
    }
    .ys-phnavss-modal input {
        font-size: 22px;
    }
    .ys-phnavss-modal button {
        font-size: 20px;
    }
    .ys-phnavss-modal .ys-modal-close {
        font-size: 24px;
    }
    .about-company-left {
        padding-right: 150px;
    }
    .acld-ul-li-num span {
        font-size: 54px;
    }
    .about-company-left-data {
        width: 90%;
    }
    .about-company-left-parga {
        margin-bottom: 60px;
    }
    .aclt-li-tit {
        margin-bottom: 10px;
    }
    .ahll-cont-text-year {
        font-size: 50px;
        margin-bottom: 25px;
    }
    .ahll-cont-text-tit {
        margin-bottom: 14px;
    }
    .ahll-cont-text {
        padding-right: 70px;
    }
    .acti-li {
        margin-bottom: 12px;
    }
    .acti-li::before {
        width: 6px;
        height: 6px;
        top: 11px;
    }
    .ahyu-li-icon {
        width: 16px;
        height: 16px;
    }
    .about-history-year-ul {
        top: -8px;
    }
    .about-history-year::before,
    .about-history-year::after {
        width: 8px;
        height: 8px;
    }
    .ahll-ul-item {
        width: 250px;
        padding: 18px 24px 10px;
    }
    .ahll-ul {
        width: calc((250px * var(--width-shu)) + (20px * var(--width-shu)));
    }
    .aabu-li-cont {
        padding: 18px 18px 10px;
    }
    .aabu-li {
        padding: 0 7px;
        margin-bottom: 14px;
    }
    .about-authen-bt-ul{
        margin: 0 -7px;
    }
    .about-honor .mod-titbox, .about-authen .mod-titbox {
        margin-bottom: 12px;
    }
    .acip-li-text-img {
        width: 80px;
    }
    .acip-li-text-word {
        width: calc(100% - 80px);
        padding-left: 10px;
    }
    .acip-li-text {
        width: 200px;
    }
    .sustain-introduce-wrap-icon {
        width: 80px;
        top: -25px;
        left: -28px;
    }
    .jrul-text-parga {
        margin-bottom: 50px;
    }
    .jrul-text {
        padding-right: 80px;
    }
    .join-recruit-ul-li.on .jrul-text {
        padding-left: 80px;
    }
    .jalt-li {
        padding: 30px 30px 90px;
    }
    .jalt-li-tit {
        margin-bottom: 14px;
    }
    .jalt-li-btn {
        bottom: 30px;
        left: 30px;
    }
    .mtiu-li .std-h4 {
        margin-bottom: 5px;
    }
    .carbon-main .mwul-text-info {
        padding: 20px 40px;
    }
    .mtiu-li-cont {
        padding-bottom: 10px;
    }
    .mtiu-li {
        margin-bottom: 22px;
    }
    .mwul-text-tit-icon {
        width: 22px;
    }
    .mwul-text-tit {
        margin-bottom: 28px;
    }
    .carbon-main .mwul-img {
        margin-top: 78px;
    }
    .material-wrap-text h2 {
        margin-bottom: 18px;
    }
    .mwul-text-tit .std-h3 {
        width: calc(100% - 22px);
    }
    .mwul-img {
        margin-top: 25px;
    }
    .mwul-text-info {
        padding: 30px 36px 10px 55px;
    }
    .mod-side-nav-li {
        margin-bottom: 80px;
    }
    .ys-ban-control {
        right: 40px;
        width: 22px;
    }
    .ybcd-li {
        width: 22px;
        height: 22px;
        margin-bottom: 16px;
    }
    .std-btn1-box {
        padding: 0 38px;
    }
    .std-btn1-box p {
        line-height: 50px;
    }
    .home-battery .mod-titbox {
        margin-bottom: 18px;
    }
    .hbct-material a {
        padding: 30px;
    }
    .hbct-material {
        width: 400px;
    }
    .hbct-material-tit {
        margin-top: 25px;
    }
    .hbct-material-tit img {
        width: 10px;
    }
    .hbct-material-parga {
        margin-top: 18px;
    }
    .hbct-material-btn {
        margin-top: 16px;
    }
    .hbcp-icon {
        width: 26px;
    }
    .home-pro-bt-side {
        width: 70px;
        margin-top: 30px;
    }
    .hpbs-li {
        margin-bottom: 40px;
    }
    .hpbw-li-cont-text {
        padding-right: 50px;
        margin-top: 80px;
    }
    .hlct-parga {
        margin-bottom: 50px;
    }
    .home-pro-bt-wrap {
        width: calc(100% - 70px);
        padding-left: 80px;
    }
    .hlci-slick .slick-dots {
        right: -50px;
    }
    .slick-dots li {
        width: 10px;
        height: 10px;
    }
    .hfts-li p {
        line-height: 42px;
        padding: 0 30px;
    }
    .hfcn-li-icon {
        width: 48px;
    }
    .hfcn-li-icon-num {
        font-size: 18px;
    }
    .hnbr-text {
        padding: 0 40px;
    }
    .hnbr-text-wrap-tit {
        margin-bottom: 20px;
    }
    .hnbr-text-wrap-parga {
        margin-bottom: 40px;
    }
    .hnbl-li a {
        padding: 36px 44px 20px 22px;
    }
    .hnbl-li-tit {
        margin-bottom: 20px;
    }
    .hfcn-li-box {
        width: 160px;
        left: 60px;
    }
    .hfcn-li-box p {
        line-height: 54px;
    }
    .hbct-elect {
        width: 300px;
        padding: 30px 45px 30px 30px;
    }
    .hbct-elect-parga {
        margin-top: 8px;
    }
    .hbct-material-parga p {
        height: 8.75em;
        -webkit-line-clamp: 5;
    }
    .hbct-elect2 .hbct-material-tit img {
        width: 24px;
    }
    .hpbw-li-cont-text .mod-titbox-entit {
        top: -16px;
    }
    .home-battery-cont {
        width: 83%;
    }
    /* .hfcn-li-box::after {
        width: 18px;
        height: 18px;
    } */
    .hfcn-li-box::after {
        left: -22px;
        border-right: 14px solid rgba(0, 51, 232, 0.75);
    }
    .hfcl-dots {
        width: 20px;
        height: 20px;
        top: -10px;
        left: -10px;
    }
    .inwu-li {
        /* width: 100px !important; */
        margin-right: 30px;
    }
    .contact-wrap-form {
        padding-left: 120px;
    }
    .contact-wrap-form-cont {
        padding: 30px 50px 25px;
    }
    .cwll-list-li {
        margin-bottom: 15px;
    }
    .cwll-code {
        width: 140px;
    }
    .cwll-tit {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .cwll-list-li p {
        padding-left: 10px;
    }
    .ys-form-inof-item {
        padding: 0 15px;
        margin-bottom: 30px;
    }
    .ys-form-inof-code label,
    .yfii-li {
        padding: 0 15px;
    }
    .yfii-list,
    .ys-form-inof,
    .ys-fic-auth {
        margin: 0 -15px;
    }
    .ys-fii-submit {
        line-height: 50px;
    }
    .ys-fia-text-btn {
        width: 18px;
        height: 18px;
        top: 3px;
    }
    .ys-fia-text-word {
        width: calc(100% - 18px);
        padding-left: 10px;
    }
    .cwll-list-li:last-child {
        margin-bottom: 25px;
    }
    .ys-form-inof-code .ys-fii-input {
        height: 50px;
    }
    .ys-fic-auth-img {
        width: 132px;
        margin-top: 33px;
    }

    .ys-footer-tp-mid {
        width: calc(100% - 235px - 280px);
    }
    .mod-side-nav-li p {
        padding-left: 5px;
    }
    .mod-side {
        width: 90px;
    }
    .insl-btn {
        width: calc(100% - 50px);
        bottom: 34px;
        left: 25px;
    }
    .insl-tit {
        padding-bottom: 47px;
    }
    .dwul-tp {
        padding-right: 140px;
    }
    .spul-cont {
        padding: 40px 40px;
    }
    .dbul-cont-parga {
        padding-right: 0;
    }
    .contact-wrap-le {
        width: 32%;
    }
    .contact-wrap-form {
        width: 68%;
    }
    .home-battery-parga {
        width: 80%;
    }
    .material-wrap-text-parga {
        width: 74%;
    }
    .sustain-introduce-wrap-parga {
        padding: 0 90px;
    }
    .investor-notice-slick-li a {
        padding: 30px 14px 34px;
    }
    .about-culture-parga {
        width: 69%;
    }
    .std-btn2::after {
        width: 80px;
    }
    .head-other-lang a, .head-other-lang {
        padding-right: 12px;
    }
    .head-other-lang::after {
        right: 12px;
    }
    .mwul-text-info {
        max-height: 322px;
    }
    .mwul-text-info {
        max-height: 330px;
    }
    .contact-wrap-le {
        width: 36%;
    }
    .contact-wrap-form {
        width: 64%;
    }
    .head-nav {
        margin: 0 -12px;
    }
    .head-nav-item {
        padding: 0 12px;
    }
    .ys-nyban-title {
        top: calc(50% + 20.5px);
    }
    .cwll-list-li img {
        top: 2.25px;
    }
    .mwul-text-info {
        max-height: 330px;
    }
    .carbon-main .mwul-text-info {
        max-height: 415px;
    }
    .material-wrap-text .ys-cont1440, .develop-wrap-ul-li .ys-cont1440 {
        padding: 0 50px;
    }
    .material-wrap-text-parga {
        width: 70%;
    }
    .head-nav-item {
        padding: 0 20px;
    }
    .head-nav {
        margin: 0 -20px;
    }
    /* .yftm-ul-li {
        padding: 0 20px;
    }
    .yftm-ul {
        margin: 0 -20px;
    } */
    .ys-footer-tp-mid {
        padding-right: 60px;
    }
    .yftm-ul-li {
        padding: 0 32px;
    }
    .yftm-ul {
        margin: 0 -32px;
    }
    .ys-footer-tp-mid {
        padding-right: 20px;
        padding-left: 20px;
    }
    .investor-notice-slick-btn {
        margin-top: 30px;
    }
    /* 1440end */
}

@media screen and (max-width: 1200px) {
    .ys-nyban-title h1 {
        font-size: 40px;
    }
    :root {
        --font58: 44px;
        --font48: 36px;
        --font44: 32px;
        --font32: 24px;
        --font28: 24px;
        --space120: 90px;
        --space100: 70px;
        --space50: 30px;
    }
    .rwlu-li-tp {
        padding: 20px 40px;
    }
    .recruit-wrap-list {
        padding-left: 30px;
    }
    .rltb-more, .rlta-tit-icon {
        width: 16px;
    }
    .rltb-info {
        width: calc(75% - 16px);
    }
    .yftl-logo {
        width: 166px;
    }
    .yftr-share-li-pop {
        width: 120px;
    }
    .rltb-more{
        height: 16px;
    }
    .nwlt-tit {
        font-size: 32px;
    }
    .insl-time {
        margin-bottom: 8px;
    }
    .itll-text::after {
        height: 44px;
    }
    .icwt-info-li p {
        width: calc(100% - 24px);
        padding-left: 15px;
    }
    .icwt-info-li img {
        width: 24px;
    }
    .sustain-introduce-wrap-parga {
        padding: 0 80px;
    }
    .spul-cont {
        padding: 35px 40px;
    }
    .srsl-cont-text {
        padding-right: 60px;
    }
    /* .siwp-text p,
    .ahll-cont-text-tit{
        font-size: 20px;
    } */
    .spul-cont-icon {
        width: 52px;
    }
    .dwul-tp {
        padding-left: 80px;
    }
    .dwul-tp-icon {
        width: 180px;
    }
    .dwul-tp-text {
        width: calc(100% - 180px);
        padding-left: 80px;
    }
    .dwul-tp-text .mod-titbox {
        margin-bottom: 24px;
    }
    .dtti-tit1 {
        margin-bottom: 10px;
    }
    .mod-titbox-entit {
        font-size: 40px;
    }
    .dbul-cont-tit {
        margin-bottom: 10px;
    }
    .dwul-bt-ul-li {
        padding: 0 18px;
    }
    .dwul-bt-ul {
        margin: 0 -18px;
    }
    .dbul-cont-parga {
        padding-right: 0;
    }
    .head-nav-item-down a {
        line-height: 44px;
    }
    .head-other-lang a,
    .head-other-lang{
        padding-right: 18px;
    }
    .head-other-lang::after {
        right: 18px;
    }
    .ys-phnavss-modal input {
        font-size: 20px;
    }
    .ys-phnavss-modal .ys-modal-close {
        font-size: 22px;
    }
    .about-company-left-parga {
        margin-bottom: 50px;
    }
    .ahll-cont-text-year {
        font-size: 44px;
        margin-bottom: 20px;
    }
    .ahll-cont-text-tit {
        margin-bottom: 10px;
    }
    .acti-li {
        margin-bottom: 6px;
    }
    .ahyu-li-year {
        margin-top: 10px;
    }
    .ahyu-li-icon {
        width: 14px;
        height: 14px;
    }
    .about-history-year-ul {
        top: -7px;
    }
    .acld-ul-li-num span {
        font-size: 48px;
    }
    .jrul-text-parga {
        margin-bottom: 40px;
    }
    .jrul-text {
        padding-right: 60px;
    }
    .join-recruit-ul-li.on .jrul-text {
        padding-left: 60px;
    }
    .mwul-text-tit-icon {
        width: 20px;
    }
    .mwul-text-tit .std-h3 {
        width: calc(100% - 20px);
    }
    .carbon-main .mwul-img {
        margin-top: 73px;
    }
    .mtiu-li p{
        font-size: 14px;
    }
    .mwul-img {
        margin-top: 22px;
    }
    .hbcp-icon {
        width: 22px;
    }
    .home-pro-bt-side {
        margin-top: 0;
    }
    .home-pro-bt-wrap {
        padding-left: 60px;
    }
    .hpbw-li-cont-text .mod-titbox {
        margin-bottom: 12px;
    }
    .hlct-parga {
        margin-bottom: 40px;
    }
    .slick-dots li {
        width: 8px;
        height: 8px;
    }
    .hfcn-li-icon-num {
        font-size: 16px;
        top: 4px;
    }
    .hfcn-li-box {
        width: 150px;
    }
    .hfcn-li-box p {
        line-height: 50px;
    }
    .hnbl-li a {
        padding: 30px 36px 20px 20px;
    }
    .hnbl-li-tit {
        margin-bottom: 15px;
    }
    .hnbr-text-wrap-parga {
        margin-bottom: 30px;
    }
    .hnbr-text-wrap-time {
        margin-bottom: 6px;
    }
    /* .hfcn-li-box::after {
        width: 16px;
        height: 16px;
    } */
    .contact-wrap-form {
        padding-left: 100px;
    }
    .ys-phnavss-modal input,
    .ys-phnavss-modal button {
        font-size: 18px;
    }
    .dwul-tp {
        padding-right: 120px;
    }
    .ys-fiiss-input {
        height: 40px;
    }
    .mwul-text-info {
        max-height: 300px;
    }
    .contact-wrap-le {
        width: 38%;
    }
    .contact-wrap-form {
        width: 62%;
    }
    .carbon-main .mwul-text-info {
        max-height: 385px;
    }
    .yftm-ul-li {
        padding: 0 25px;
    }
    .yftm-ul {
        margin: 0 -25px;
    }
    .mwul-text-info {
        padding: 30px 30px 10px 35px;
    }
    /* 1200end */
}

@media screen and (max-width: 1199px) {
    .ys-hd-pc{
        display: none !important;
    }
    .mod-bread {
        display: none;
    }
    .inside-page .ys-main {
        margin-top: 0;
    }
    .ys-nyban-title h1 {
        font-size: 36px;
    }
    :root {
        --font58: 36px;
        --font48: 30px;
        --font44: 26px;
        --font32: 22px;
        --font28: 20px;
        --font24: 20px;
        --font20: 16px;
        --space120: 70px;
        --space100: 50px;
        --space50: 25px;
    }
    .inwu-li p {
        line-height: 44px;
    }
    .inddet-nav {
        height: 44px;
    }
    .rwlu-li-tp {
        padding: 15px 30px;
    }
    .rltb-more, .rlta-tit-icon {
        width: 14px;
    }
    .rltb-info {
        width: calc(75% - 14px);
    }
    .inddet-nav-wrap.isfixed {
        top: 56px;
    }
    .rlta-tit {
        margin-bottom: 6px;
    }
    .rltb-tit {
        width: calc(100% - 14px);
        font-size: var(--font28);
        transition: all .36s;
    }
    .rltb-info {
        width: 100%;
        margin-top: 10px;
    }
    .rwlu-li-tp-before{
        flex-wrap: wrap;
        position: relative;
    }
    .rltb-more{
        position: absolute;
        top: 12px;
        right: 0;
        z-index: 5;
        height: 14px;
    }
    .rwlu-li-bt-tit{
        display: none;
    }
    .rwlu-li-bt {
        padding: 20px 25px 25px;
        margin-top: 0;
        position: relative;
    }
    .rlbl-li-ri {
        width: calc(100% - 60px);
    }
    .rwlu-li.act .rwlu-li-tp-before{
        opacity: 1;
        pointer-events: all;
    }
    .rltb-info p{
        transition: all .36s;
    }
    .rwlu-li.act .rltb-info p{
        color: var(--main-color);
    }
    .rwlu-li-bt::after{
        content: "";
        width: calc(100% - 50px);
        height: 1px;
        background: #DDD;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .rltb-more{
        height: 14px;
    }
    .rwlu-li.act .mod-icon img:nth-child(1){
        opacity: 0;
    }
    .rwlu-li.act .mod-icon img:nth-child(2){
        opacity: 1;
    }
    .rwlu-li-bt-btn a {
        padding: 0 34px;
        line-height: 44px;
    }
    .rwlu-li-bt-btn {
        margin-top: 20px;
    }
    .rlbl-li-le {
        width: 100%;
    }
    .rlbl-li-ri {
        width: 100%;
        padding-left: 0;
        margin-top: 15px;
    }
    .rlbl-li{
        flex-wrap: wrap;
    }
    .rlbl-li-ri p {
        margin-bottom: 6px;
    }
    .rwlu-li {
        margin-bottom: 15px;
    }
    .recruit-wrap-side-search {
        padding-right: 10px;
    }
    .rwss-input input {
        padding-left: 10px;
    }
    .recruit-wrap-side {
        width: 25%;
    }
    .recruit-wrap-list {
        width: 75%;
        padding-left: 20px;
    }
    .ys-footer-tp-mid{
        display: none;
    }
    .ys-footer .ys-cont1440{
        justify-content: space-between;
    }
    .ys-footer {
        padding-top: 40px;
    }
    .yftl-logo {
        width: 145px;
    }
    .ys-footer-bt-le{
        width: 100%;
        margin-top: 5px;
    }
    .ys-footer-bt-ri{
        width: 100%;
    }
    .ys-footer-bt .ys-cont1440{
        flex-direction: column-reverse;
    }
    .ys-footer-bt-ri a:nth-child(1){
        padding-left: 0;
    }
    .yftl-link .ys-select-hd {
        height: 44px;
    }
    .yftr-share-li.act .yftr-share-li-pop{
        transform: translateX(-50%) scale(1);
        visibility: visible;
        transition: opacity .4s, transform .3s ease-out;
        pointer-events: all;
        opacity: 1;
    }
    .ys-footer-tp {
        padding-bottom: 50px;
    }
    .nwlt-tit {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .nwlt-share .ys-share-img {
        width: 28px;
    }
    .nwlt-time {
        margin-bottom: 20px;
    }
    .newdet-wrap-le {
        padding-right: 0;
        width: 100%;
    }
    .newdet-wrap-ri {
        width: 100%;
        top: 0;
    }
    .nwlp-li {
        padding: 0 80px;
    }
    .newdet-wrap-le-page {
        margin: 0 -80px;
    }
    .newdet-wrap-le-bt {
        padding-bottom: 30px;
        margin-bottom: 20px;
    }
    .new-wrap-text {
        width: 100%;
        padding-left: 0;
        margin-top: 40px;
    }
    .new-wrap-img {
        width: 100%;
        max-width: inherit;
    }
    .new-wrap-text-parga {
        margin-bottom: 20px;
    }
    .new-wrap-text-btn p {
        margin-right: 20px;
    }
    .new-wrap-text-btn img {
        width: 22px;
    }
    .nwbu-li {
        width: 50%;
    }
    .ys-pcfy{
        display: block !important; 
    }
    .new-wrap-tp {
        margin-bottom: 50px;
    }
    .nwbu-li-text-tit {
        margin-bottom: 15px;
    }
    .investor-tempor-list-li a {
        padding: 30px 40px 30px 20px;
    }
    .itll-more {
        width: 22px;
        height: 22px;
    }
    .itll-text::after {
        left: 30px;
    }
    .investor-contact-wrap-text {
        width: 70%;
        padding: 30px;
    }
    .icwt-info-li {
        margin-bottom: 15px;
    }
    .icwt-info-li img {
        width: 22px;
    }
    .icwt-info-li p {
        width: calc(100% - 22px);
        padding-left: 10px;
    }
    .icwt-btn img {
        width: 22px;
    }
    .icwt-info-li:last-child {
        margin-bottom: 30px;
    }
    .insl-tit {
        margin-bottom: 100px;
    }
    .investor-notice-slick-li {
        width: 33.333333%;
        padding: 0 6px;
    }
    .investor-notice-slick {
        margin: 0 -6px;
    }
    .mod-arrow-icon, .itll-icon, .insl-btn-icon {
        width: 32px;
        height: 32px;
    }
    .insl-btn-more {
        width: 20px;
        height: 20px;
    }
    .sustain-introduce-wrap-parga {
        padding: 0 60px;
    }
    .sustain-promise-ul-li {
        padding: 0 8px;
    }
    .sustain-promise-ul {
        margin: 0 -8px;
    }
    .spul-cont {
        padding: 30px 20px;
    }
    .spul-cont-icon {
        width: 46px;
        margin-bottom: 12px;
    }
    .spul-cont-tit {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .srsl-cont-text {
        padding-right: 0;
        width: 100%;
    }
    .srsl-cont-img {
        width: 100%;
        margin-top: 50px;
    }
    .srsl-cont{
        flex-wrap: wrap;
    }
    /* .srsl-cont-text-tit .std-h2 {
        margin-bottom: 20px;
    } */
    .srsl-cont-text-tit .std-text1 {
        margin-bottom: 30px;
    }
    .srsb-icon {
        width: 40px;
        height: 40px;
    }
    .itll-text {
        width: calc(100% - 32px - 22px);
    }
    .srsb-prev {
        left: -50px;
    }
    .srsb-next {
        right: -50px;
    }
    .sustain-data .investor-tempor-list-li a {
        padding: 20px 40px 20px 20px;
    }
    .sustain-data .itll-text::after {
        height: 35px;
    }
    .itll-text {
        padding-left: 40px;
    }
    .itll-text::after {
        left: 20px;
    }
    .sustain-data .investor-tempor-list-li {
        margin-bottom: 15px;
    }
    .siwp-name p:nth-child(1)::before {
        width: 80px;
        left: -100px;
    }
    /* .siwp-text p,
    .ahll-cont-text-tit{
        font-size: 18px;
    } */
    /* .develop-wrap-ul-li .ys-cont1440 {
        padding: 0;
    } */
    .mod-side{
        display: none;
    }
    .dwul-tp {
        padding-left: 0;
    }
    .dwul-bt-ul-li {
        padding: 0 12px;
    }
    .dwul-bt-ul {
        margin: 0 -12px;
    }
    .dwul-tp-icon {
        width: 160px;
    }
    .dwul-tp-text {
        width: calc(100% - 160px);
        padding-left: 60px;
    }
    .mod-titbox-entit {
        font-size: 34px;
        top: -24px;
    }
    .dwul-bt-ul.on .dwul-bt-ul-li {
        padding: 0 8px;
    }
    .dwul-bt-ul.on {
        margin: 0 -8px;
    }
    .dbul-cont-parga {
        padding-right: 0;
    }
    .dwul-tp-text .mod-titbox {
        margin-bottom: 20px;
    }
    .investor-notice-slick-li a {
        padding: 30px 20px 34px;
    }
    .about-company-left {
        padding-right: 0;
        width: 100%;
        position: relative;
        z-index: 2;
    }
    .acip-li-icon{
        width: 20px;
    }
    .acip-li.act .acip-li-text{
        transform: translate(0px,-50%);
        opacity: 1;
    }
    .about-company .mod-titbox {
        margin-bottom: 20px;
    }
    .about-company-left-data {
        width: 100%;
    }
    .acld-ul-li{
        width: 33.333333%;
    }
    .about-company-left-parga {
        margin-bottom: 30px;
    }
    .acld-ul-li-num span {
        font-size: 42px;
    }
    .about-company-img{
        margin: 40px auto 0;
    }
    .aclt-li-cont {
        top: 30%;
        padding: 0 10px;
    }
    .aclt-li-parga p{
        font-size: 14px;
    }
    .about-culture-parga {
        width: 80%;
        margin-bottom: 30px;
    }
    .ahll-cont-text {
        padding-right: 30px;
    }
    .ahll-cont-text-year {
        font-size: 36px;
        margin-bottom: 12px;
    }
    .about-history-year {
        margin-top: 50px;
    }
    .about-history-year::before,
    .about-history-year::after {
        width: 6px;
        height: 6px;
    }
    .ahll-ul-item {
        width: 220px;
    }
    .ahll-ul {
        width: calc((220px * var(--width-shu)) + (20px * var(--width-shu)));
    }
    .aabu-li {
        width: 25%;
    }
    .aabu-li:nth-child(n+9) {
        display: none;
    }
    .aabu-li {
        padding: 0 5px;
        margin-bottom: 10px;
    }
    .about-authen-bt-ul {
        margin: 0 -5px;
    }
    .aabu-li-cont {
        padding: 18px 10px 10px;
    }
    .sustain-introduce-wrap-icon {
        width: 70px;
    }
    .join-idea{
        padding: var(--space120) 0;
    }
    .join-idea .ys-cont1440{
        position: static;
        transform: inherit;
    }
    .join-idea-bg{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%) scale(1.15);
        z-index: -1;
    }
    .jrul-text-parga {
        margin-bottom: 30px;
    }
    .jrul-text {
        padding-right: 40px;
    }
    .join-recruit-ul-li.on .jrul-text {
        padding-left: 40px;
    }
    .join-activity-list-bg {
        width: 100%;
        display: none;
    }
    .join-activity-list-word{
        width: 100%;
        position: static;
        transform: translateY(0);
        border-radius: 12px 12px 0 0;
    }
    .join-activity-list-data{
        position: static;
        transform: inherit;
    }
    .join-activity-list-swiper {
        padding-bottom: 30px !important;
    }
    .join-idea-parga {
        width: 80%;
    }
    .material-wrap-text-parga {
        width: 95%;
    }
    .mwul-text-tit-icon {
        width: 18px;
    }
    .mwul-text-tit .std-h3 {
        width: calc(100% - 18px);
    }
    .mwul-text {
        width: 100%;
        padding-right: 0;
    }
    .material-wrap-ul-li.on .mwul-text {
        padding-left: 0;
    }
    .mwul-text-info,
    .carbon-main .mwul-text-info{
        max-height: inherit;
        height: auto;
    }
    .carbon-main .mwul-img {
        margin-top: 30px;
        width: 100%;
    }
    .mwul-img {
        width: 100%;
    }
    .mwul-text-info {
        padding: 30px 30px 10px 30px;
    }
    .std-btn1-box p {
        line-height: 44px;
    }
    .std-btn1-box {
        padding: 0 34px;
    }
    .home-battery-parga {
        width: 90%;
    }
    .home-pro-bt-side {
        width: 50px;
    }
    .home-pro-bt-wrap {
        width: calc(100% - 50px);
        padding-left: 50px;
    }
    .hlci-slick .slick-dots {
        right: -30px;
    }
    .hpbw-li-cont-text {
        padding-right: 30px;
        margin-top: 40px;
    }
    .hpbs-li {
        margin-bottom: 30px;
    }
    .hlct-parga {
        margin-bottom: 30px;
    }
    .hnbr-text {
        padding: 30px 20px;
        width: 100%;
    }
    .hnbr-img {
        width: 100%;
        padding-left: 0;
        margin-top: 0;
    }
    .hnbr-text-wrap-tit {
        height: auto;
        -webkit-line-clamp: inherit;
        margin-bottom: 15px;
    }
    .home-new-bt-recom a{
        border-radius: 16px;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        overflow: hidden;
        background: #fff;
    }
    .hnbr-text-wrap-parga {
        margin-bottom: 20px;
    }
    .hfcn-li-icon {
        width: 40px;
    }
    .hfcn-li-icon-num {
        font-size: 14px;
        top: 2px;
    }
    .hfts-li p {
        line-height: 40px;
        padding: 0 15px;
    }
    .hpbw-li-cont-text .mod-titbox-entit {
        top: -12px;
    }
    .hnbl-li{
        width: 50%;
    }
    .hfcr-li a{
        pointer-events: none;
    }
    .hfcr-li.act a{
        pointer-events: all;
    }
    .hfcn-li-box {
        width: 110px;
        left: 50px;
    }
    /* .hfcn-li-box::after {
        width: 14px;
        height: 14px;
        left: -10px;
    } */
    .hfcn-li-box::after {
        left: -18px;
        border-top: 6px solid transparent;
        border-left: 6px solid transparent;
        border-right: 12px solid rgba(0, 51, 232, 0.75);
        border-bottom: 6px solid transparent;
    }
    .hfcn-li-box p {
        line-height: 46px;
    }
    .hfcl-dots {
        width: 18px;
        height: 18px;
        top: -9px;
        left: -9px;
    }
    .hnbl-li:not(:first-child){
        display: none;
    }
    .hnbl-li{
        -webkit-user-select: text;
        -khtml-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text;
    }
    .home-battery.isfixed .home-battery-wrap {
        top: 56px;
    }
    .home-battery-wrap {
        height: calc(100vh - 56px);
    }
    .nwbu-li:nth-child(2n+1){
        animation-delay: .1s;
    }
    .nwbu-li:nth-child(2n+2){
        animation-delay: .2s;
    }
    .inwu-li {
        width: auto !important;
        margin-right: 30px;
    }
    .hbct-material {
        width: 260px;
    }
    .hbct-material a {
        padding: 20px;
    }
    .hbct-elect {
        width: 200px;
        padding: 20px;
    }
    .hbcp-icon {
        width: 18px;
    }
    .home-battery-box{
        margin-top: 40px;
    }
    .hbct-elect-parga p,
    .hbct-material-parga p{
        font-size: 14px;
    }
    .hbct-elect2 .hbct-material-tit img {
        width: 20px;
    }
    .hbct-elect1 {
        top: 6%;
    }
    .hbct-elect2 {
        bottom: -12%;
    }
    .contact-wrap-form-cont {
        padding: 30px;
    }
    .contact-wrap-form {
        padding-left: 0;
        width: 100%;
        margin-top: 40px;
    }
    .contact-wrap-le {
        width: 100%;
    }
    .ys-fii-submit {
        line-height: 44px;
    }
    .cwll-list-li {
        margin-bottom: 10px;
    }
    .cwll-list-li:last-child {
        margin-bottom: 20px;
    }
    .ys-form-inof-code .ys-fii-input {
        height: 44px;
    }
    .ys-fic-auth-img {
        width: 116px;
    }
    .insl-btn {
        width: calc(100% - 40px);
        left: 20px;
    }
    .insl-tit {
        padding-bottom: 43px;
    }
    .dwul-tp {
        padding-right: 80px;
    }
    .std-btn2::after {
        width: 70px;
    }
    .yftr-share-li-pop {
        transform: translateY(-50%) scale(0.8);
    }
    .yftr-share-li.act .yftr-share-li-pop {
        transform: translateY(-50%) scale(1);
    }
    .ys-nyban-title {
        top: 50%;
    }
    /* 1199end */
}

@media screen and (max-width: 767px) {
    .ys-ban-pc, .ys-nyban-pc{
        display: none;
    }
    .ys-ban-video{
        display: none;
    }
    .ys-ban-ph, .ys-nyban-ph{
        display: block;
    }
    .ys-modal-content {
        max-height: 550px;
        padding: 50px 20px;
    }
    :root {
        --font58: 24px;
        --font48: 24px;
        --font44: 22px;
        --font32: 18px;
        --font28: 18px;
        --font24: 18px;
        --font20: 16px;
        --font18: 14px;
        --font14: 12px;
        --space120: 42px;
        --space100: 32px;
        --space50: 20px;
    }
    /* .inwu-li {
        padding: 0 14px;
    }
    .inddet-nav-wrap-ul {
        margin: 0 -14px;
    } */
    .recruit-wrap-list {
        width: 100%;
        padding-left: 0;
        margin-top: var(--space100);
    }
    .recruit-wrap-side {
        width: 100%;
    }
    .rltb-more {
        top: 10px;
    }
    .rwlu-li-tp {
        padding: 15px 20px;
    }
    .rltb-info {
        margin-top: 4px;
    }
    .rlbl-li {
        margin-bottom: 15px;
    }
    .rlbl-li-ri {
        margin-top: 8px;
    }
    .rwlu-li-bt {
        padding: 20px;
    }
    .rwlu-li-bt::after {
        width: calc(100% - 40px);
    }
    .rwlu-li-bt-btn a {
        padding: 0 30px;
        line-height: 40px;
    }
    .ys-footer-tp-le,
    .ys-footer-tp-ri {
        width: 100%;
    }
    .yftl-link {
        margin-top: 20px;
    }
    .yftl-info-rmb-text p {
        font-size: 16px;
    }
    .yftl-info-rmb-text img {
        width: 20px;
    }
    .yftl-info {
        margin-top: 10px;
    }
    .ys-footer-tp-ri {
        margin-top: var(--space100);
    }
    .yftr-tit {
        margin-bottom: 14px;
    }
    .yftr-share-li-icon {
        width: 30px;
    }
    .yftr-share{
        justify-content: center;
    }
    .yftr-info-li:last-child {
        margin-bottom: 20px;
    }
    .ys-footer-tp {
        padding-bottom: var(--space100);
    }
    .yftr-share-li-pop {
        width: 100px;
    }
    .yftr-share-li-pop::after {
        top: -2px;
    }
    .ys-nyban-title h1 {
        font-size: 26px;
    }
    .nwlp-li {
        width: 100%;
        margin-bottom: 10px;
    }
    .nwlp-li:last-child{
        margin-bottom: 0;
    }
    .newdet-wrap-ri-list {
        padding: 20px;
    }
    .newdet-wrap-ri-tit {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .newdet-wrap-ri {
        margin-top: var(--space100);
    }
    .nwlt-share{
        display: none;
    }
    .nwlt-tit{
        font-size: 22px;
        margin-bottom: 0;
    }
    .nwlt-time {
        margin-bottom: 10px;
    }
    .new-wrap-text {
        margin-top: 20px;
    }
    .new-wrap-text-tit {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .new-wrap-text-btn p {
        margin-right: 12px;
    }
    .new-wrap-text-btn img {
        width: 20px;
    }
    .new-wrap-text-parga {
        margin-bottom: 14px;
    }
    .nwbu-li {
        width: 100%;
    }
    .new-wrap-tp {
        margin-bottom: 32px;
    }
    .nwbu-li-text-tit {
        font-size: 16px;
        margin-bottom: 10px;
        height: auto;
        -webkit-line-clamp: inherit;
    }
    .nwbu-li a {
        padding-bottom: 20px;
    }
    .pc-fenye li {
        margin: 0 5px;
    }
    .new-wrap-bt .ys-pcfy {
        margin-top: 0;
    }
    .yftr-info-li {
        margin-bottom: 12px;
    }
    .mod-arrow-icon, .itll-icon, .insl-btn-icon {
        width: 28px;
        height: 28px;
    }
    .insl-btn-more {
        width: 20px;
        height: 20px;
    }
    .insl-tit {
        margin-bottom: 100px;
    }
    .investor-contact-wrap-text {
        width: 100%;
        padding: 20px;
        position: static;
        margin-bottom: 20px;
    }
    .investor-contact-wrap-img {
        width: 100%;
    }
    .investor-contact-wrap{
        padding-bottom: 0;
        flex-wrap: wrap;
    }
    .itll-text::after{
        display: none;
    }
    .itll-text {
        width: calc(100% - 28px - 20px);
        padding-left: 20px;
        padding-right: 20px;
        margin: 0;
    }
    .investor-tempor-list-li a{
        flex-wrap: wrap;
        padding: 20px 0;
    }
    .itll-text-time {
        margin-bottom: 5px;
    }
    .investor-tempor-list-li:first-child a{
        padding-top: 0;
    }
    .investor-notice-slick-li {
        width: 100%;
    }
    .itll-more {
        width: 20px;
        height: 20px;
    }
    .std-btn2-box img {
        width: 14px;
    }
    .sustain-introduce-wrap-parga {
        padding: 0;
    }
    .siwp-text p,
    .ahll-cont-text-tit{
        font-size: 16px;
    }
    .siwp-name {
        margin-top: 20px;
    }
    .sustain-promise-ul-li {
        width: 100%;
        margin-bottom: 20px;
    }
    .sustain-promise-ul-li:last-child{
        margin-bottom: 0;
    }
    .spul-cont-parga p {
        height: auto;
        -webkit-line-clamp: inherit;
    }
    .spul-cont-icon {
        width: 40px;
    }
    .siwp-name p:nth-child(1)::before {
        width: 71px;
        left: -85px;
    }
    /* .srsl-cont-text-tit .std-h2 {
        margin-bottom: 15px;
    } */
    .srsl-cont-text-tit .std-text1 {
        margin-bottom: 20px;
    }
    .srsl-cont-img {
        margin-top: 30px;
    }
    .sustain-data .investor-tempor-list-li a {
        padding: 20px;
    }
    .sustain-report-slick-btn{
        display: none !important;
    }
    .sustain-report-slick.empty .slick-list{
        padding-bottom: 0;
    }
    .sustain-report-slick .slick-list{
        padding-bottom: 30px;
    }
    .sustain-report-slick .slick-dots {
        bottom: 0;
    }
    .slick-dots li {
        width: 6px;
        height: 6px;
    }
    /* .develop-wrap-ul-li .ys-cont1440 {
        padding: 0 20px;
    } */
    .dwul-tp-text {
        width: 100%;
        padding-left: 0;
        margin-top: 20px;
    }
    .dwul-tp-icon {
        width: 140px;
        margin: auto;
    }
    .mod-titbox-entit {
        font-size: 24px;
        top: -14px;
    }
    .dwul-bt-ul-li {
        width: 100%;
        margin-bottom: 20px;
    }
    .dwul-bt-ul-li:last-child{
        margin-bottom: 0;
    }
    .dwul-bt-ul.on .dwul-bt-ul-li {
        width: 100%;
    }
    .develop-wrap-ul-li:last-child .dwul-bt{
        padding-bottom: var(--space120);
    }
    .dwul-tp-text .mod-titbox {
        margin-bottom: 15px;
    }
    .dtti-tit1 {
        margin-bottom: 5px;
    }
    .spul-cont-tit::after {
        width: 100%;
    }
    .about-company {
        padding-top: 42px;
    }
    .about-company .mod-titbox {
        margin-bottom: 15px;
    }
    .about-company-left-parga {
        margin-bottom: 20px;
    }
    .acld-ul-li {
        width: 50%;
    }
    .acld-ul-li-num span {
        font-size: 32px;
    }
    .about-company-img {
        margin: 20px auto 0;
        width: 100%;
    }
    .acip-li-icon {
        width: 16px;
    }
    .about-culture-parga {
        width: 100%;
        margin-bottom: 20px;
    }
    .aclt-li{
        width: 100%;
        border-right: none;
        background: rgba(255, 255, 255, 0);
    }
    .about-culture-list-text .slick-dots{
        bottom: -25px;
    }
    .about-culture-list-text .slick-list,
    .about-culture-list-text .slick-track{
        height: 100%;
    }
    .aclt-li:not(:first-child){
        display: none;
    }
    .ahll-cont-text {
        padding-right: 0;
        width: 100%;
    }
    .ahll-cont-img {
        width: 100%;
        margin-top: 20px;
    }
    .ahll-cont-text-year {
        font-size: 30px;
        margin-bottom: 10px;
    }
    .acti-li::before {
        width: 4px;
        height: 4px;
        top: 10px;
    }
    .acti-li {
        padding-left: 12px;
    }
    .sustain-introduce-wrap-icon{
        display: none;
    }
    .jrul-text {
        padding-right: 0;
        width: 100%;
    }
    .jrul-img {
        width: 100%;
        margin-top: 25px;
    }
    .jrul-text-parga {
        margin-bottom: 20px;
    }
    .join-recruit-ul-li.on .jrul-text {
        padding-left: 0;
    }
    .join-idea-parga {
        width: 100%;
    }
    .join-idea-bg{
        display: none;
    }
    .jalt-li {
        padding: 20px 20px 60px;
    }
    .jalt-li-tit {
        margin-bottom: 8px;
    }
    .jalt-li-btn {
        bottom: 20px;
        left: 20px;
    }
    .about-culture-list{
        overflow: inherit;
    }
    .aclt-li{
        height: 100%;
    }
    .acls-li,
    .aclt-li,
    .about-culture-list-slick::after{
        border-radius: 10px;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        overflow: hidden;
    }
    .about-culture{
        padding-bottom: 66px;
    }
    .aclt-li-cont {
        top: 20%;
    }
    .aabu-li {
        width: 50%;
    }
    .ahll-ul-item {
        width: 180px;
        padding: 15px;
        margin-right: 10px;
    }
    .ahll-ul {
        width: calc((180px * var(--width-shu)) + (10px * var(--width-shu)));
    }
    .about-history-year {
        margin-top: 30px;
    }
    .about-authen-bt-btn {
        margin-top: 10px;
    }
    .about-history{
        padding-top: var(--space120);
        padding-bottom: 84px;
    }
    .acip-li-text::after {
        width: 38px;
        left: -38px;
    }
    .acip-li-text {
        left: 40px;
    }
    .material-wrap-text-parga {
        width: 100%;
    }
    .material-wrap-text h2 {
        margin-bottom: 14px;
    }
    .material-wrap-text-subtit {
        margin-bottom: 5px;
    }
    .mwul-text-tit-icon {
        width: 14px;
    }
    .mwul-text-tit .std-h3 {
        width: calc(100% - 14px);
    }
    .mwul-text-tit {
        margin-bottom: var(--space50);
    }
    .carbon-main .mwul-text-info {
        padding: 20px;
    }
    .mtiu-li {
        padding: 0 10px;
        margin-bottom: 15px;
    }
    .mwul-text-info-ul {
        margin: 0 -10px;
    }
    .carbon-main .mwul-img {
        margin-top: 20px;
    }
    .mwul-text-info {
        padding: 20px 20px 5px;
    }
    .mtiu-li p {
        font-size: 12px;
    }
    .ys-ban-title{
        height: auto;
    }
    .ys-ban-scroll {
        width: 16px;
        bottom: 5px;
    }
    .ys-ban-control-dots{
        display: flex;
        justify-content: center;
    }
    .ys-ban-control {
        right: auto;
        width: 100%;
        top: auto;
        bottom: 40px;
        transform: translateY(0);
    }
    .ybcd-li {
        width: 20px;
        height: 20px;
        margin: 0 5px;
    }
    .home-battery-parga {
        width: 100%;
    }
    .home-pro-bt-wrap {
        width: 100%;
        padding-left: 0;
        margin-top: 32px;
    }
    .hpbw-li-cont-text {
        padding-right: 0;
        margin-top: 0;
        width: 100%;
    }
    .hpbw-li-cont-img {
        width: 100%;
        margin-top: 20px;
    }
    .hlci-slick .slick-dots {
        right: 0;
        top: auto;
        bottom: 0;
        transform: translateY(0px);
        width: 100%;
    }
    .hlci-slick .slick-dots li {
        margin: 0 6px;
    }
    .hpbs-li {
        width: 25%;
        margin-bottom: 0;
        padding: 0 10px;
    }
    .home-pro-bt-side{
        display: flex;
        justify-content: center;
        width: 100%;
    }
    .home-pro-bt-side::after {
        width: calc(100% - 30px);
        height: 1px;
    }
    .hlct-parga {
        margin-bottom: 20px;
    }
    .home-factory-tab-swiper .swiper-wrapper{
        justify-content: flex-start;
    }
    .hfcn-li-icon {
        width: 30px;
    }
    .hfcn-li-icon-num {
        font-size: 10px;
    }
    .hnbr-text {
        padding: 20px;
    }
    .hnbr-text-wrap-parga {
        margin-bottom: 15px;
    }
    .home-new-bt-recom a,
    .hnbr-img-wrap{
        border-radius: 10px;
    }
    .hnbl-li a {
        padding: 20px;
    }
    .home-new-bt-list .slick-list {
        padding-bottom: 25px;
    }
    .std-btn1-box p {
        line-height: 40px;
    }
    .std-btn1-box {
        padding: 0 30px;
    }
    .hnbl-li{
        width: 100%;
    }
    .hfcn-li-box {
        width: 90px;
        left: 38px;
        top: -8px;
    }
    .hfcn-li3 .hfcn-li-box,
    .hfcn-li4 .hfcn-li-box{
        left: -98px;
    }
    .hfcn-li3 .hfcn-li-box::after,
    .hfcn-li4 .hfcn-li-box::after {
        left: 90px;
        transform: rotate(180deg);
    }
    /* .hfcn-li-box::after {
        width: 12px;
        height: 12px;
        left: -8px;
    } */
    .hfcn-li-box::after {
        left: -14px;
        border-right: 8px solid rgba(0, 51, 232, 0.75);
    }
    .hfcn-li-box p {
        line-height: 40px;
        font-size: 12px;
    }
    .hfcl-dots {
        width: 14px;
        height: 14px;
        top: -7px;
        left: -7px;
    }
    @keyframes beat {
        0%{
            transform:translateY(0px);
        }
        25%{
            transform:translateY(-5px);
        }
        50%{
            transform:translateY(0px);
        }
        75%{
            transform:translateY(5px);
        }
        100%{
            transform:translateY(0px);
        }
    }
    .ybcd-li::after {
        width: 6px;
        height: 6px;
    }
    .ys-ban-bg{
        bottom: 0;
    }
    .nwbu-li{
        animation-delay: .1s !important;
    }
    
    .home-battery-cont-line{
        display: none;
    }
    .home-battery-cont {
        width: 100%;
        max-width: 100%;
    }
    .home-battery-box {
        margin-top: 20px;
        position: relative;
    }
    .home-battery-wrap.acts .home-battery-box{
        z-index: 100;
    }
    .hbcp-icon {
        width: 12px;
    }
    .home-battery-cont.active .hbct-material,
    .home-battery-cont.active .hbct-elect{
        opacity: 0;
    }
    .hbct-item.on {
        opacity: 1 !important;
        transition: all .36s !important;
        pointer-events: all !important;
    }
    .home-battery-cont-point{
        pointer-events: all;
    }
    .home-battery-cont-text{
        z-index: 6;
    }
    .hbct-elect {
        width: 100%;
        padding: 20px;
        position: static;
        pointer-events: none;
    }
    .hbct-material {
        width: 100%;
        position: static;
        pointer-events: none;
        transform: translateY(0);
    }
    .hbct-material-parga p {
        height: 5.25em;
        -webkit-line-clamp: 3;
    }
    .hbct-item {
        position: fixed;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50% !important;
        width: calc(100% - 40px);
        transition: all .36s !important;
    }
    .hbct-material{
        overflow: visible;
    }
    .home-battery-wrap::after{
        content: "";
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.5);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99;
        opacity: 0;
        transition: all .36s;
        pointer-events: none;
    }
    .home-battery-wrap.acts::after{
        opacity: 1;
        pointer-events: all;
    }
    .hbct-elect{
        bottom: auto;
    }
    .hbct-elect-close{
        display: block;
        position: absolute;
        right: 20px;
        top: 20px;
        transform: rotate(45deg);
    }
    .hbct-material a {
        padding: 40px 20px 20px;
    }
    .hbct-material .hbct-elect-close{
        top: 10px;
    }
    .ys-fii-submit {
        line-height: 40px;
    }
    .cwll-code {
        width: 120px;
    }
    .contact-wrap-form {
        margin-top: 32px;
    }
    .contact-wrap-form-cont {
        padding: 20px;
    }
    .ys-form-inof-item2 {
        width: 100%;
    }
    .ys-form-inof-item {
        margin-bottom: 20px;
    }
    .ys-fii-input {
        height: 38px;
    }
    .ys-fii-name {
        font-size: 14px;
    }
    .ys-form-inof-code label{
        width: calc(100% - 105px);
        padding: 0 15px 0 0;
    }
    .ys-form-inof-code .ys-fii-input {
        height: 40px;
    }
    .ys-fic-auth-img {
        width: 105px;
        margin-left: 0;
    }
    .ys-fic-auth{
        margin: 0;
    }
    .yfii-li {
        width: 100%;
    }
    .ys-form-inof-submit{
        margin-top: 20px;
    }
    .ys-fia-text-btn {
        width: 16px;
        height: 16px;
        top: 4px;
    }
    .ys-fia-text-word {
        width: calc(100% - 16px);
    }
    .ys-phnavss-modal input,
    .ys-phnavss-modal button {
        font-size: 16px;
    }
    .ys-phnavss-modal .ys-modal-close {
        font-size: 20px;
    }
    .yftr-share-li:last-child{
        margin-right: 0;
    }
    .ys-form-inof-item .ys-select-xtbbox {
        width: 14px;
    }
    .insl-tit {
        padding-bottom: 39px;
    }
    .sustain-report::before,
    .sustain-report::after {
        width: 20px;
        min-width: 20px;
    }
    .dwul-tp {
        padding-right: 0;
    }
    .acip-li{
        position: static;
        transform: inherit;
    }
    .acip-li-icon{
        position: absolute;
    }
    .acip-li.act .acip-li-text {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
    .acip-li-text{
        left: 50%;
        transform: translate(-50%, -50%) scale(0.8);
        z-index: 5;
    }
    .acip-li-text::after{
        display: none;
    }
    .acip-li-text-close{
        display: block;
    }
    .yftr-share{
        justify-content: flex-start;
    }
    .yftr-share-li.act .yftr-share-li-pop {
        transform: translateX(0%) scale(1);
        visibility: visible;
        transition: opacity .4s, transform .3s ease-out;
        pointer-events: all;
        opacity: 1;
    }
    .yftr-share-li-pop{
        transform: translateX(0%) scale(1);
        left: 0;
    }
    .yftr-share-li-pop::after {
        left: 6px;
        transform: translateX(0%) rotate(-45deg);
    }
    .battery-pop .hbct-elect{
        opacity: 1;
    }
    .battery-pop .ys-modal-content{
        padding: 0;
        border-radius: 8px;
        background: var(--secondary-color2);
    }
    .battery-pop .hbct-material{
        opacity: 1;
    }
    .std-btn2::after {
        width: 60px;
    }
    .yftr-share-li-pop::after {
        top: 50%;
        left: -5px;
        transform: translateY(-50%) rotate(-45deg);
    }
    .yftr-share-li-pop {
        transform: translateY(-50%) scale(0.8);
        left: 45px;
    }
    .yftr-share-li.act .yftr-share-li-pop {
        transform: translateY(-50%) scale(1);
    }
    .yftr-share {
        margin-top: 20px;
    }
    .cwll-list-li img {
        width: 18px;
    }
    .cwll-list-li p {
        width: calc(100% - 18px);
        padding-left: 5px;
    }
    .acip-li-icon,
    .about-company-img>img,
    .acip-li-text-close{
        display: none;
    }
    .acip-li-text{
        position: static;
        transform: inherit !important;
        opacity: 1;
        border: none;
        width: 100%;
        border-radius: 8px 4px 4px 8px;
        background: #F2F5F9;
        pointer-events: all;
    }
    .acip-li {
        margin-bottom: 10px;
    }
    .acip-li:last-child{
        margin-bottom: 0;
    }
    .about-company{
        background: #fff;
        padding-bottom: 0;
    }
    .acip-li-text-img{
        border-radius: 8px;
    }
    .about-company-img::after{
        display: none;
    }
    .about-company-img {
        margin: 30px auto 0;
    }
    .investor-contact .ys-cont1440{
        padding: 0;
    }
    .icwt-info-li img {
        width: 20px;
    }
    .icwt-info-li p {
        width: calc(100% - 20px);
    }
    .investor-contact-wrap-text {
        margin-bottom: 0;
    }
    .investor-contact{
        padding-top: 0;
    }
    .home-battery-cont.active .home-battery-cont-video{
        display: none;
    }
    .home-battery-cont.active .home-battery-cont-img{
        position: relative;
    }
    .investor-notice-slick-btn {
        margin-top: 20px;
    }
    .ys-ban-title {
        font-size: 26px;
    }
    /* 767end */
}