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

    .header {

        width: 1440px;

    }
    .product-line {
        width: 1440px;
    }
    .about-honor-nav {
        width: 1440px;
    }

    .index-info {

        width: 1440px;

    }

    .index-info-right {

        width: 760px;

    }

    .index-info-desc {

        font-size: 42px;

    }

    .index-num {

        width: 1440px;

    }

    .index-pro-box {

        width: 1440px;

    }

    .index-pro-desc {

        font-size: 42px;

    }

    .index-pro-item {

        width: 320px;

    }

    .index-pro-right {

        width: 1000px;

    }

    .index-pro-item-color__img {

        width: 250px;

    }

    .index-case {

        width: 1440px;

    }

    .swiper-caseimg-big {

        width: 49%;

    }

    .swiper-caseimg-right {

        width: 49%;

    }

    .swiper-caseimg-small {

        width: 49%;

    }

    .index-news-box {

        width: 1440px;

    }

    .swiper-news-box {

        margin-left: calc( ( 100% - 1440px ) / 2 );

    }

    .footer {

        width: 1440px;

    }

    .ba-box {

        width: 1440px;

    }

    .footer-nav a {

        margin-right: 120px;

    }

    .footer-navitem-item {

        margin-right: 120px;

    }

    #macy-container {

        width: 1440px;

    }

    .crumb-box {

        width: 1440px;

    }

    .casedetailbanner-text {

        left: calc((100% - 1440px) / 2);

    }

    .casecontainer {

        width: 1440px;

    }

    .container-left {

        width: 1000px;

    }

    .product-ul {

        width: 1440px;

    }

    .product-block {

        width: 1440px;

    }

    .product-item {

        width: 24%;

        margin-right: 1.333%;

    }

    .product-item:nth-child(4n) {

        margin-right: 0;

    }

    .experience-shop {

        width: 1440px;

    }

    .shop-left .shop__img {

        width: 680px;

    }

    .shop-right .shop__img {

        width: 680px;

    }

    .shop-left .shop-img::before {

        width: 670px;

    }

    .shop-right .shop-img::before {

        width: 670px;

    }

    .experience-shop-tip {

        width: 1440px;

    }

    .swiper-shopshow {

        width: 1440px;

    }

    .swiper-shopshow__img {

        width: 700px;

    }

    .swiper-shopshow-right {

        width: 740px;

    }

    .new-ul {

        width: 1460px;

    }

    .new-li-link {

        width: 49%;

        margin-right: 2%;

    }

    .new-li {

        width: 100%;

    }

    .new-li-link:nth-child(2n) {

        margin-right: 0;

    }

    .new-li__img {

        width: 50%;

    }

    .new-li-info {

        width: 50%;

    }

    .newscon {

        width: 1440px;

    }

    .newscon-left {

        width: 1000px;

    }

    .spacenav {

        width: 1440px;

    }

    .space-ul {

        width: 1440px;

    }

    .space-show {

        width: 1440px

    }

    .space-show-right {

        width: 650px;

    }

    .space-show-left {

        width: 650px;

    }

    .space-show-right-big::before {

        left: -102px;

    }

    /* .space-diff-img {

        width: 1440px;

    } */
    .space-diff-img {
        display: flex;
        width: calc( 100% - (100% - 1440px) / 2 );
        margin-left: calc( (100% - 1440px) / 2 );
      }

    .space-diff-img img {

        /* width: 32%; */
        width: 100%;

        /* margin-right: 1.333%; */

    }

    /* .swiper-pro {

        width: 1440px;

    } */

    .swiper-pro-box1 {

        width: 1440px;

    }

    .swiper-pro-info {

        padding-left: 50px;

    }

    .server-info {

        width: 1440px;

    }

    .server-left {

        width: 700px;

    }

    .server-right {

        width: 700px;

    }

    .about-form {

        width: 1440px;

    }

    .about-form-input {

        width: 100%;

    }

    .about-form-select {

        width: 100%;

    }

    .about-form-verify-input input {

        width: 500px;

    }

    .about-intro-top-box {

        margin-right: calc( (100% - 1440px) / 2 );

    }

    .about-intro-con-box {

        margin-right: calc( (100% - 1440px) / 2 );

    }

    .about-intro__img {

        width: 60%;

    }

    .about-bar-box {

        width: 1440px;

    }

    .about-concept {

        width: 1440px;

    }

    .about-concept-left {

        width: 740px;

    }

    .about-concept__img {

        width: 680px;

    }

    .swiper-nav {

        width: 1440px;

    }

    .swiper-history-litpic {

        width: 640px;

    }

    .about-honor-title {

        width: 1440px;

    }

    .index-news-box {

        width: 1440px;

    }

}

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

    .index-info {
        width: 1280px;
    }
    .product-line {
        width: 1280px;
    }
    .about-honor-nav {
        width: 1280px;
    }

    .index-info-desc {

        font-size: 36px;

    }

    .index-info-left {

        width: 580px;

    }

    .index-info-right {

        width: 700px;

    }

    .index-num {

        width: 1280px;

    }

    .index-num-block {

        width: 100%;

    }

    .index-num-item {

        width: 25%;

    }

    .index-pro-box {

        width: 1280px;

    }

    .index-pro-desc {

        font-size: 36px;

    }

    .index-pro-item {

        width: 300px;

        height: 170px;

    }

    .index-pro-item-color__img {

        width: 220px;

    }

    .index-case {

        width: 1280px;

    }

    #macy-container {

        width: 1280px;

    }

    .crumb-box {

        width: 1280px;

    }

    .casedetailbanner-text {

        left: calc((100% - 1280px) / 2);

    }

    .casecontainer {

        width: 1280px;

    }

    .container-left {

        width: 850px;

    }

    .product-ul {

        width: 1280px;

    }

    .product-block {

        width: 1280px;

    }

    .experience-shop {

        width: 1280px;

    }

    .shop-left .shop__img {

        width: 600px;

    }

    .shop-right .shop__img {

        width: 600px;

    }

    .shop-left .shop-img::before {

        width: 590px;

        height: 368px;

    }

    .shop-right .shop-img::before {

        width: 590px;

        height: 368px;

    }

    .experience-shop-tip {

        width: 1280px;

    }

    .swiper-shopshow {

        width: 1280px;

    }

    .swiper-shopshow__img {

        width: 640px;

    }

    .swiper-shopshow-right {

        width: 640px;

        padding-left: 40px;

        padding-top: 50px;

    }

    .imglist img {

        width: 180px;

    }

    .new-ul {

        width: 1280px;

    }

    .newscon {

        width: 1280px;

    }

    .newscon-left {

        width: 860px;

    }

    .spacenav {

        width: 1280px;

    }

    .space-ul {

        width: 1280px;

    }

    .footer {

        width: 1280px;

    }

    .footer-nav a:first-child {

        margin-left: 100px;

    }

    .footer-nav a {

        margin-right: 100px;

    }

    .footer-navitem-item:first-child {

        margin-left: 100px;

    }

    .footer-navitem-item {

        margin-right: 100px;

    }

    .ba-box {

        width: 1280px;

    }

    .header {

        width: 1280px;

    }

    .header nav a {

        margin-left: 15px;

        margin-right: 15px;

    }

    .space-show {

        width: 1280px;

    }

    .space-show-left {

        width: 580px;

    }

    .space-show-right {

        width: 580px;

    }

    .space-diff-img {

        /* width: 1280px; */
        width: calc( 100% - (100% - 1280px) / 2 );
        margin-left: calc( (100% - 1280px) / 2 );

        margin-top: 40px;

    }

    .swiper-pro-box1 {

        width: 1280px;

    }

    .swiper-pro-img img {

        width: 628px;

    }

    .swiper-pro-info {

        padding-top: 50px;

    }

    .spaace-pro .swiper-pagination-pro {

        bottom: 30px;

        left: 700px;

    }

    .swiper-pro-item {

        align-items: flex-start;

    }

    .swiper-pro-item span {

        flex-shrink: 0;

    }

    .swiper-pro-item {

        font-size: 20px;

    }

    .swiper-pro-title {

        font-size: 36px;

        margin-bottom: 10px;

    }

    .server-info {

        width: 1280px;

    }

    .server-left {

        width: 600px;

    }

    .server-right {

        width: 640px;

    }

    .about-form {



        width: 1280px;

    

      }

    

      .about-form-verify-input input {

    

        width: 400px;

    

      }

    

      .about-form-verify-btn {

    

        width: 200px;

    

      }

      .about-intro-top-box {

        margin-right: calc( (100% - 1280px) / 2 );

    }

    .about-intro-con-box {

        margin-right: calc( (100% - 1280px) / 2 );

    }

    .about-intro__img {

        width: 60%;

    }

    .about-intro-big {

        font-size: 32px;

    }

    .about-bar-box {

        width: 1280px;

    }

    .about-concept {

        width: 1280px;

    }

    .about-concept-left {

        width: 680px;

    }

    .about-concept__img {

        width: 560px;

    }

    .concept-li-desc {

        font-size: 16px;

    }

    .swiper-nav {

        width: 1280px;

    }

    .swiper-history-litpic {

        width: 540px;

    }

    .about-history-intro {

        width: 680px;

        margin-left: 40px;

    }

    .about-history-time span {

        font-size: 60px;

    }

    .about-honor-title {

        width: 1280px;

    }

    .index-news-box {

        width: 1280px;

    }

    .swiper-news-box {

        margin-left: calc( ( 100% - 1280px ) / 2);

    }

    .swiper-news-block {

        left: 22px;

    }

}

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

    .index-info {

        width: 1024px;

    }
    .product-line {
        width: 1024px;
    }
    .about-honor-nav {
        width: 1024px;
    }

    .index-info-desc {

        font-size: 32px;

    }

    .index-info-left {

        width: 460px;

    }

    .index-info-right {

        width: 560px;

    }

    .index-num {

        width: 1024px;

    }

    .index-pro-box {

        width: 1024px;

    }

    .index-pro-desc {

        font-size: 32px;

    }

    .index-pro-right {

        width: 730px;

    }

    .index-pro-left {

        width: 280px;

    }

    .index-pro-item {

        width: 230px;

    }

    .index-pro-proimg {

        width: 50px;

        height: 50px;

    }

    .index-pro-name {

        font-size: 20px;

    }

    .index-pro-item-color__img {

        width: 100%;

    }

    .index-pro-color {

        font-size: 12px;

    }

    .index-case {

        width: 1024px;

    }

    #macy-container {

        width: 1024px;

    }

    .crumb-box {

        width: 1024px;

    }

    .casedetailbanner-text {

        left: calc((100% - 1024px) / 2);

    }

    .casecontainer {

        width: 1024px;

    }

    .container-left {

        width: 700px;

    }

    .container-right {

        width: 300px;

    }

    .container-hot p {

        font-size: 24px;

    }

    .container-hot a {

        width: 100px;

    }

    .product-ul {

        width: 1024px;

    }

    .product-li a {

        /* padding: 12px 20px; */
        padding: 0 20px;

    }

    .product-block {

        width: 1024px;

    }

    .product-item {

        width: 32%;

        margin-right: 1.5%;

    }

    .product-item:nth-child(4n) {

        margin-right: 1.5%;

    }

    .product-item:nth-child(3n) {

        margin-right: 0;

    }

    .experience-shop {

        width: 1024px;

    }

    .shop-left .shop__img {

        width: 500px;

    }

    .shop-right .shop__img {

        width: 500px;

    }

    .shop-left .shop-img::before {

        width: 490px;

        height: 308px;

    }

    .shop-right .shop-img::before {

        width: 490px;

        height: 308px;

    }

    .experience-shop-tip {

        width: 1024px;

    }

    .swiper-shopshow {

        width: 1024px

    }

    .swiper-shopshow__img {

        display: none;

    }

    .swiper-shopshow {

        height: auto;

    }

    .swiper-shopshow-right {

        width: 100%;

        padding-bottom: 40px;

    }

    .new-ul {

        width: 1024px;

    }

    .new-li-title {

        font-size: 22px;

        line-height: 36px;

    }

    .new-li-info {

        margin-left: 15px;

    }

    .newscon {

        width: 1024px;

    }

    .newscon-left {

        width: 100%;

    }

    .newscon {

        flex-direction: column;

        align-items: center;

    }

    .newscon-right {

        width: 100%;

    }

    .newscon-li {

        padding-bottom: 20px;

    }

    .spacenav {

        width: 1024px;

    }

    .space-ul {

        width: 1024px;

    }

    .space-li-title {

        font-size: 20px;

    }

    .space-li-item {

        padding: 15px;

    }

    .footer {

        width: 1024px;

    }

    .footer-nav a:first-child {

        margin-left: 60px;

    }

    .footer-nav a {

        margin-right: 60px;

    }

    .footer-navitem-item:first-child {

        margin-left: 60px;

    }

    .footer-navitem-item {

        margin-right: 60px;

    }

    .ba-box {

        width: 1024px;

    }

    .header {

        width: 1024px;

    }

    .header-phone p, .header-phone a {

        font-size: 20px;

    }

    .header-phone {

        margin-left: 15px;

    }

    .header nav a {

        margin-left: 8px;

        margin-right: 8px;

    }

    .space-show {

        width: 1024px;

    }

    .space-show-left {

        width: 480px;

    }

    .space-show-right {

        width: 480px;

    }

    .space-show-right-big {

        font-size: 36px;

    }

    .space-show-right-big::before {

        width: 40px;

    }

    .space-show-right-big::before {

        left: -52px;

    }

    .space-show-right-title {

        font-size: 28px;

    }

    .space-show-right-desc {

        font-size: 20px;

        line-height: 32px;

    }

    .space-show-left-title {

        font-size: 20px;

        line-height: 32px;

    }

    .space-show-right-en {

        margin-bottom: 50px;

    }

    .space-diff-img {

        /* width: 1024px; */
        width: calc( 100% - (100% - 1024px) / 2 );
        margin-left: calc( (100% - 1024px) / 2 );

        margin-top: 40px;

    }

    .swiper-pro-box1 {

        width: 1024px;

    }

    .swiper-pro-img {

        width: 50%;

    }

    .swiper-pro-img img {

        width: 100%;

    }

    .swiper-pro-item {

        line-height: 36px;

    }

    .swiper-pro-info {

        padding-top: 30px;

        padding-left: 30px;

    }

    .spaace-pro .swiper-pagination-pro {

        left: 52%;

        bottom: 10px;

    }

    .swiper-pro-box1 {

        margin-top: 40px;

    }

    .server-info {

        width: 1024px;

    }

    .server-left {

        width: 500px;

    }

    .server-right {

        width: 500px;

    }

    .about-form {



        width: 1040px;

    

      }

    

      .about-form-radio-group {

    

        margin-left: 30px;

    

      }

    

      .about-form-label {

    

        font-size: 20px;

    

      }

    

      .about-form-verify-btn {

    

        margin-left: 10px;

    

      }

    

      .about-form-verify-input input {

    

        width: 220px;

    

      }

      .about-intro-top-box {

        margin-right: calc( (100% - 1024px) / 2 );

    }

    .about-intro-con-box {

        margin-right: calc( (100% - 1024px) / 2 );

    }

    .about-intro__img {

        width: calc( 60% - (100% - 1024px) / 2 );

    }

    .about-intro-en {

        font-size: 42px;

    }

    .about-intro-title {

        font-size: 24px;

    }

    .about-intro-big {

        font-size: 24px;

    }

    .about-intro-con-box p {

        font-size: 16px;

        line-height: 32px;

    }

    .about-bar-box {

        width: 1024px;

    }

    .about-bar-item-left-en {

        font-size: 28px;

        margin-bottom: 10px;

    }

    .about-bar-item-left-title {

        font-size: 24px;

    }

    .about-bar-item {

        padding-right: 50px;

    }

    .about-bar-item:nth-child(2) {

        padding-left: 40px;

    }

    .about-bar-item-right p {

        font-size: 20px;
        height: 40px;
    }

    .about-concept {

        width: 1024px;

    }

    .about-concept-left {

        width: 540px;

    }

    .about-concept__img {

        width: 460px;

    }

    .swiper-nav {

        width: 1024px;

    }

    .swiper-history-litpic {

        width: 500px;

    }

    .about-history-intro {

        width: 500px;

        margin-left: 20px;

    }

    .about-history-desc {

        font-size: 20px;

    }

    .about-history-time {

        font-size: 24px;

        margin-bottom: 10px;

    }

    .about-history-time span {

        font-size: 48px;

    }

    .about-history-desc {

        line-height: 34px;

    }

    .about-honor-title {

        width: 1024px;

    }

    .index-news-box {

        width: 1024px;

    }

    .swiper-news-box {

        margin-left: calc( ( 100% - 1024px ) / 2);

    }
    .about-history-desc {
        /* height: 140px; */
        height: 200px;
        padding-left: 20px;
    }
    .swiper-history {
        height: 360px;
    }
    .about-history-nav {
        padding-left: 20px;
    }
    .about-intro-con-box {
        height: 200px;
    }
    .about-intro-con-box {
        width: 35%;
    }
    .about-intro-top-box {
        width: 35%;
    }

}

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

    .index-info {

        width: 90%;

        flex-direction: column;

        justify-content: center;

        align-items: center;

    }
    .product-line {
        width: 90%;
    }
    .about-honor-nav {
        width: 90%;
    }

    .index-info-en {

        text-align: center;

    }

    .index-info-title {

        text-align: center;

    }

    .index-info-desc {

        text-align: center;

    }

    .index-info-right {

        width: 100%;

        margin-top: 20px;

    }

    .index-info {

        padding-top: 50px;

    }

    .index-num {

        width: 100%;

    }

    .index-num-item-num {

        font-size: 32px;

    }

    .index-num-item-desc {

        font-size: 18px;

    }

    .index-num {

        height: 400px;

    }

    .index-pro-box {

        width: 90%;

    }

    .index-pro-box {

        flex-direction: column;

        justify-content: center;

        align-items: center;

    }

    .index-pro__img {

        display: none;

    }

    .index-pro-right {

        width: 100%;

        margin-top: 20px;

        height: auto;

    }

    .index-pro-left {

        width: 100%;

    }

    .index-pro-en {

        text-align: center;

    }

    .index-pro-title {

        text-align: center;

    }

    .index-pro-desc {

        text-align: center;

    }

    .index-pro-item {

        width: 32%;

    }

    .index-case {

        width: 90%;

    }

    .swiper-caseimg {

        flex-direction: column;

    }

    .swiper-caseimg-big {

        width: 100%;

        height: 290px;

        margin-bottom: 22px;

        object-fit: cover;

    }

    .swiper-caseimg-right {

        width: 100%;

    }

    #macy-container {

        width: 90%;

    }

    .flow:nth-child(2n) {

        margin-top: 30px!important;

    }

    .innerbanner-en {

        font-size: 28px;

    }

    .innerbanner-title {

        font-size: 32px;

        margin-top: 5px;

        margin-bottom: 14px;

    }

    .innerbanner-desc {

        letter-spacing: 10px;

    }

    .innerbanner,.casedetailbanner {

        height: 280px;

    }

    .innerbanner-img,.casedetailbanner-img {

        height: 100%;

        object-fit: cover;

    }

    .crumb-box {

        width: 90%;

    }

    .casedetailbanner-text {

        left: calc((100% - 90%) / 2);

        bottom: 40px;

    }

    .casedetailbanner-en {

        font-size: 28px;

        margin-bottom: 10px;

    }

    .casedetailbanner-title {

        font-size: 32px;

        margin-bottom: 14px;

    }

    .casecontainer {

        width: 90%;

    }

    .container-right {

        display: none;

    }

    .container-left {

        width: 100%;

    }

    .product-nav {

        justify-content: flex-start;

        overflow-y: auto;

        padding-top: 20px;

        padding-bottom: 20px;

    }

    .product-nav a {

        width: 160px;

        flex-shrink: 0;

    }

    .product-ul {

        width: 90%;

    }

    .product-block {

        width: 90%;

    }

    .product-item {

        width: 49%;

        margin-right: 2%;

    }

    .product-item:nth-child(2n) {

        margin-right: 0;

    }

    .product-item:nth-child(3n) {

        margin-right: 2%;

    }

    .product-item:nth-child(6n) {

        margin-right: 0;

    }

    .product-item__img {

        height: auto;

    }

    .product-item-block {

        padding: 20px 20px 25px 20px;

    }

    .product-item-en {

        font-size: 20px;

    }

    .product-item-title {

        font-size: 20px;

        margin-top: 10px;

        line-height: 28px;

        height: 56px;

    }

    .experience-shop {

        flex-direction: column;

        align-items: center;

        width: 90%;

    }

    .shop-left .shop__img {

        display: block;

        width: 90%;

        margin: 0 auto;

    }

    .shop-left .shop-img::before {

        width: 90%;

        height: 100%;

        top: -30px;

        left: -5%;

    }

    .shop-title {

        margin-bottom: 20px;

    }

    .shop-right {

        margin-top: 30px;

    }

    .shop-right .shop__img {

        display: block;

        width: 90%;

        margin: 0 auto;

    }

    .shop-right .shop-img::before {

        width: 90%;

        height: 100%;

        bottom: -30px;

        right: -5%;

    }

    .shop-right .shop-en {

        margin-top: 20px;

    }

    .experience-shop-tip {

        width: 90%;

    }

    .swiper-shopshow {

        width: 90%;

    }

    .new-ul {

        width: 90%;

    }

    .newscon {

        width: 90%;

    }

    .newscon-li-desc {

        display: none;

        height: 0;

    }

    .newscon-li-info {

        margin-top: 10px;

    }

    .spacenav {

        width: 90%;

    }

    .space-ul {

        width: 90%;

    }

    .space-li {

        width: 32%;

        margin-right: 1.333%;

    }

    .space-li:nth-child(4n) {

        margin-right: 1.333%;

    }

    .space-li:nth-child(3n) {

        margin-right: 0;

    }

    .footer {

        width: 90%;

    }

    .footer-nav a:first-child {

        margin-left: 0;

    }

    .footer-nav a {

        margin-right: 0;

    }

    .footer-navitem-item:first-child {

        margin-left: 0;

    }

    .footer-navitem-item {

        margin-right: 0;

    }

    .footer-nav a {

        width: 14.28%;

    }

    .footer-navitem-item {

        width: 14.28%;

    }

    .ba-box {

        width: 90%;

    }

    .ba-box-link a {

        margin-left: 10px;

    }

    .ba-box-sec img {

        margin-right: 5px;

    }

    .space-show {

        width: 90%;

    }

    .space-show-left {

        width: 50%;

    }

    .space-show-right {

        width: 50%;

    }

    .space-show-right-big::before {

        content: none;

    }

    .space-show-right-big {

        padding-left: 5px;

    }

    .space-show-right-title {

        padding-left: 5px;

    }

    .space-show-right-desc {

        padding-left: 5px;

    }

    .space-show-right-en {

        padding-left: 5px;

    }

    .space-diff-en {

        font-size: 36px;

    }

    .space-diff-title {

        font-size: 36px;

    }

    .space-diff-img {

        /* width: 90%; */
        width: 95%;
        margin-left: 5%;

    }

    .swiper-pro-box1 {

        width: 90%;

    }

    .swiper-pro .swiper-slide {

        flex-direction: column;

    }

    .swiper-pro-img {

        width: 80%;

        margin: 0 auto;

    }

    .swiper-pro-img img:first-child {

        margin-right: 0;

    }

    .swiper-pro-info {

        width: 80%;

        margin: 0 auto;

    }

    .swiper-pro {

        padding-bottom: 40px;

    }

    .spaace-pro .swiper-pagination-pro {

        left: 0;

        text-align: center;

    }

    .server-info {

        width: 90%;

    }

    .server-left {

        width: 49%;

    }

    .server-right {

        width: 49%;

    }

    .server-title {

        font-size: 24px;

        margin-bottom: 20px;

    }

    .server-tip {

        font-size: 32px;

    }

    .server-desc {

        font-size: 16px;

    }

    .server-right-img {

        margin-bottom: 20px;

    }

    .server-right-con {

        line-height: 28px;

    }

    .about-form-item {



        width: 48%;

    

      }

    

      .about-form-item-full {

    

        width: 100%;

    

      }

      .about-form {



        width: 90%;

    

      }

    

      .about-form {

    

        padding: 20px;

    

      }

    

      .about-form-item {

    

        width: 48%;

    

      }

    

      .about-form-item-full {

    

        width: 100%;

    

      }

    

      .about-form-label {

    

        font-size: 18px;

    

      }

    

      .about-form-input {

    

        height: 50px;

    

        margin-top: 10px;

    

        margin-bottom: 20px;

    

      }

    

      .about-form-select {

    

        height: 50px;

    

        margin-top: 14px;

    

        margin-bottom: 24px;

    

      }

    

      .about-form-radio {

    

        width: 100%;

    

      }

    

      .about-form-submit-box {

    

        flex-direction: column-reverse;

    

        align-items: flex-start;

    

      }

    

      .about-form-submit-check {

    

        margin-top: 10px;

    

      }

    

      .about-form-verify-input input {

    

        width: 80%;

    

      }

      .service-download-search-typebox {

        margin-top: 10px;

        margin-bottom: 20px;

      }

      .about-intro-top-box {

        margin-right: 5%;

    }

    .about-intro-con-box {

        margin-right: 5%;

    }

    .about-intro__img {

        width: 55%;

    }

    .about-intro {

        padding-top: 50px;

    }

    .about-intro-con {

        padding-bottom: 50px;

    }

    .about-bar-box {

        width: 90%;

    }

    .about-bar-item-left-en {

        font-size: 24px;

    }

    .about-bar-item-right p {

        font-size: 16px;

    }

    .about-bar-item-left-title {

        font-size: 20px;

    }

    .about-concept {

        width: 90%;

    }

    .about-concept__img {

        display: none;

    }

    .about-concept-left {

        width: 100%;

    }

    .swiper-nav {

        width: 90%;

    }

    .about-history-intro {

        width: 58%;

        margin-left: 2%;

    }

    .swiper-history-litpic {

        width: 40%;

    }

    .swiper-history .swiper-slide {

        padding-left: 5%;

        padding-right: 5%;

    }

    .about-honor-title {

        width: 90%;

    }

    .swiper-honor {

        /* padding-top: 170px; */

    }

    .swiper-honor .swiper-slide-active {

        transform: scale(1.1);

    }

    .index-case-nav {

        position: static;

        margin-top: 20px;

        justify-content: center;

    }

    .index-case-nav-item {

        width: auto;

        height: auto;

        line-height: normal;

        padding: 10px 20px;

        font-size: 16px;

    }

    .index-case-entitle {

        font-size: 24px;

    }

    .index-case-title {

        font-size: 24px;

        margin-top: 10px;

    }

    .swiper-caseimg-small {

        height: auto;

    }

    .swiper-caseimg-top {

        height: auto;

    }

    .index-news-box {

        width: 90%;

    }

    .swiper-news-box {

        margin-left: 5%;

    }

    .swiper-news-title {

        font-size: 24px;

    }

    .swiper-news-block {

        padding-right: 22px;

    }

    .swiper-news1 .swiper-slide {

        height: 480px;

    }

    .swiper-news-title {

        margin-top: 20px;

    }

}

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

    .index-info-desc {

        font-size: 24px;

    }

    .index-info-title {

        font-size: 24px;

    }

    .index-info-en {

        font-size: 24px;

    }

    .index-info-title {

        margin-top: 10px;

        margin-bottom: 15px;

    }

    .index-info-en {

        line-height: 1;

    }

    .index-info-text {

        font-size: 16px;

        line-height: 32px;

    }

    .index-num-item {

        width: 50%;

        margin-top: 10px;

    }

    .index-num-block {

        flex-wrap: wrap;

    }

    .index-num-item-desc {

        font-size: 16px;

    }

    .index-num {

        height: 300px;

    }

    .index-pro-box {

        padding-top: 50px;

        padding-bottom: 60px;

    }

    .index-pro-item {

        width: 48%;

    }

    .index-pro-item:nth-child(2) {

        margin-top: 0;

    }

    .index-pro-item:nth-child(5) {

        margin-top: 0;

    }

    .index-pro-item:nth-child(8) {

        margin-top: 0;

    }

    .index-pro-item {

        margin-bottom: 20px;

    }

    .index-pro-en {

        font-size: 24px;

    }

    .index-pro-title {

        font-size: 24px;

        margin-top: 10px;

        margin-bottom: 15px;

    }

    .index-pro-desc {

        font-size: 24px;

        line-height: 1;

    }

    .index-pro-color-title {

        font-size: 18px;

        margin-top: 10px;

    }

    .index-pro-more-title {

        font-size: 18px;

    }

    .index-pro-more-icon {
        width: 30px;
        height: 30px;
        flex-shrink: 0;
    }

    .flow-title {

        font-size: 20px;

    }

    .innerbanner-en {

        font-size: 24px;

    }

    .innerbanner-title {

        font-size: 28px;

    }

    .innerbanner-desc {

        font-size: 16px;

        letter-spacing: 3px;

    }

    .page-nav a {

        margin-left: 20px;

        margin-right: 20px;

        flex-shrink: 0;

        font-size: 20px;

    }

    .page-nav {

        height: 80px;

        justify-content: flex-start;

        overflow-y: auto;

    }

    .casedetailbanner-en {

        font-size: 24px;

    }

    .casedetailbanner-title {

        font-size: 28px;

    }

    .casedetailbanner-text {

        bottom: 20px;

    }

    .container-nav-left a,.container-nav-right a {

        font-size: 12px;

    }

    .container-nav {

        flex-direction: column;

    }

    .container-nav-left {

        width: 100%;

    }

    .container-nav-right {

        width: 100%;

    }

    .container-nav-left {

        border: 0;

    }

    .container-nav-right {

        border: 0;

    }

    .product-nav a img {

        height: 48px;

    }

    .product-nav-title {

        font-size: 16px;

        margin-top: 10px;

    }

    .product-nav {

        padding-bottom: 10px;

    }

    .product-nav-en {

        font-size: 12px;

    }

    .product-nav a {

        width: 110px;

    }

    .product-li a {

        font-size: 16px;

        margin-left: 5px;

        margin-right: 5px;

        /* padding: 8px 10px; */
        padding: 0 10px;
        height: 46px;

    }

    .shop-en {

        font-size: 24px;

    }

    .shop-title {

        font-size: 24px;

    }

    .experience-shop {

        padding-top: 50px;

        padding-bottom: 30px;

    }

    .experience-shop-tip p:first-child {

        font-size: 20px;

        margin-bottom: 0;

    }

    .experience-shop-tip p:nth-child(2) {

        font-size: 14px;

        line-height: 20px;

    }

    .swiper-space-en {

        font-size: 24px;

    }

    .swiper-space-title {

        font-size: 24px;

    }

    .swiper-space .swiper-button-prev {

        left: 10px;

    }

    .swiper-space .swiper-button-next {

        right: 10px;

    }

    .swiper-space .swiper-button-prev:after {

        width: 40px;

        height: 40px;

    }

    .swiper-space .swiper-button-next:after {

        width: 40px;

        height: 40px;

    }
    .swiper-space .swiper-button-prev:hover::after {
        background: url('../img/74.png') no-repeat;
        background-size: 100% 100%;
        transform: rotate(180deg);
      }
      .swiper-space .swiper-button-next:hover::after {
        background: url('../img/74.png') no-repeat;
        background-size: 100% 100%;
        transform: rotate(0deg);
      }

    .swiper-space {
        padding-top: 50px;
    }
    .swiper-space-box {

        padding-bottom: 100px;

    }

    .swiper-space-box .swiper-pagination-bullets.swiper-pagination-horizontal {

        bottom: 40px !important;

    }

    .swiper-space-en {

        padding-left: 10px;

    }

    .swiper-space-title {
        padding-left: 10px;
        margin-bottom: 30px;
    }

    .swiper-space-block {

        padding: 0 15px;

    }

    .swiper-space-block__img {

        width: 150px;

    }

    .swiper-space-text-tle {

        font-size: 18px;

        line-height: 24px;

    }

    .swiper-space-text {

        margin-left: 15px;

    }

    .swiper-space-text-en {

        font-size: 14px;

        line-height: 20px;

    }

    .swiper-space-block {

        height: 200px;

    }

    .swiper-shopshow-en {

        font-size: 24px;

    }

    .swiper-shopshow-title {

        font-size: 24px;

        margin-bottom: 15px;

    }

    .swiper-shopshow-desc {

        font-size: 16px;

    }

    .swiper-shopshow .shopshow-pagination {

        margin-top: 20px;

        margin-bottom: 15px;

    }

    .swiper-shopshow .shopshow-pagination .swiper-pagination-current {

        font-size: 46px;

    }

    .shopshow .swiper-button-next-shopshow::after {

        width: 40px;

        height: 40px;

    }

    .shopshow .swiper-button-prev-shopshow::after {

        width: 40px;

        height: 40px;

    }

    .shopshow .swiper-button-prev-shopshow:hover::after {

        width: 40px;

        height: 40px;

        background-size: 100% 100%;

      }

      .shopshow .swiper-button-next-shopshow:hover::after {

        width: 40px;

        height: 40px;

        background-size: 100% 100%;

      }

      .shopshow {

        padding-bottom: 100px;

      }

      .shopshow .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 0px !important;
      }

      .imglist img {

        width: 33%;

        height: auto;

        margin-right: 1.333%;

      }

      .imglist img:last-child {

        margin-right: 0;

      }

      .swiper-shopshow-right {

        padding-left: 30px;

        padding-right: 30px;

      }

      .new-li {

        flex-direction: column;

        align-items: center;

      }

      .new-li__img {

        width: 100%;

        height: 300px;

        object-fit: cover;

      }

      .new-li-info {

        width: 100%;

        margin-top: 10px;
        box-sizing: border-box;
        margin-left: 0;

        /* border-top: 0; */

      }

      .new-li-time {

        margin-top: 20px;

      }

      .new-li-info {

        padding-bottom: 80px;

      }

      .new-li-arr {

        width: 40px;

        height: 40px;

      }

      .new-li-title {

        margin-top: 20px;

      }

      .newscon-li-title {

        font-size: 16px;

        line-height: 24px;

        height: 48px;

      }

      .newscon-li {

        padding-top: 10px;

        padding-bottom: 10px;

      }

      .newscon-right-back {

        margin-bottom: 10px;

      }

      .newscon-left-title {

        font-size: 24px;

      }

      .newscon-left-time {

        margin-bottom: 20px;

      }

      .spacenav {

        justify-content: flex-start;

        overflow-x: auto;

      }

      .spacenav a {

        width: 150px;

        flex-shrink: 0;

      }

      .spacenav-item__img {

        height: 40px;

      }

      .spacenav-item-title {

        font-size: 20px;

      }

      .spacenav-item-en {

        font-size: 12px;

      }

      .spacenav-item-title {

        margin-top: 10px;

      }

      .spacenav {

        height: 160px;

      }

      .space-con-en {

        font-size: 24px;

        margin-bottom: 10px;

      }

      .space-con-title {

        font-size: 24px;

      }

      .space-link {

        margin-top: 20px;

      }

      .space-link a {

        width: auto;

        height: auto;

        padding: 10px 25px;

        margin-left: 10px;

        margin-right: 10px;

        font-size: 16px;

      }

      .footer-nav {

        display: none;

      }

      .footer-line {

        display: none;

      }

      .footer-navitem {

        display: none;

      }

      .ba {

        height: auto;

        padding-top: 10px;

        padding-bottom: 10px;

      }

      .ba-box {

        height: auto;

        flex-direction: column;

        align-items: center;

        justify-content: center;

      }

      .ba-box-link {

        flex-wrap: wrap;

        justify-content: center;

      }

      .space-show {

        flex-direction: column-reverse;

      }

      .space-show-left {

        width: 100%;

      }

      .space-show-right {

        width: 100%;

      }

      .space-show {

        padding-top: 0;

      }

      .space-show-right-big {

        font-size: 24px;

      }

      .space-show-right {

        padding-top: 50px;

      }

      .space-show-right-desc {

        font-size: 16px;

        margin-bottom: 10px;

      }

      .space-show-right__img {

        margin-bottom: 10px;

      }

      .space-show-right-en {

        margin-bottom: 20px;

      }

      .space-show-left-title {

        font-size: 16px;

      }

      .space-show-left__img {

        margin-bottom: 20px;

      }

      .space-show {

        padding-bottom: 50px;

      }

      .space-diff {

        padding-top: 50px;

      }

      .space-diff-en {

        font-size: 24px;

        margin-bottom: 10px;

      }

      .space-diff-title {

        font-size: 24px;

        margin-bottom: 10px;

      }

      .space-diff-desc {

        font-size: 18px;

        margin-bottom: 10px;

      }

      .space-diff-desc-en {

        font-size: 14px;

      }

      .space-diff {

        padding-bottom: 50px;

      }

      .spaace-pro-en {

        font-size: 24px;

      }

      .spaace-pro-title {

        font-size: 24px;

      }

      .spaace-pro {

        padding-top: 50px;

      }

      .swiper-pro {

        margin-top: 30px;

      }

      .swiper-pro-box1 {

        padding: 20px;

      }

      .swiper-pro-img {

        width: 100%;

      }

      .swiper-pro {

        margin-top: 0;

      }

      .swiper-pro-info {

        padding-left: 0;

        width: 100%;

      }

      .swiper-pro-title {

        font-size: 24px;

      }

      .swiper-pro-item {

        font-size: 16px;

      }

      .spaace-pro .swiper-button-next-pro::after {

        width: 40px;

        height: 40px;

      }

      .spaace-pro .swiper-button-prev-pro::after {

        width: 40px;

        height: 40px;

      }

      .spaace-pro .swiper-button-next-pro:hover::after {

        background-size: 100% 100%;

      }

      .spaace-pro .swiper-button-prev-pro:hover::after {

        background-size: 100% 100%;

      }

      .server-info {

        flex-direction: column;

      }

      .server-left {

        width: 100%;

      }

      .server-right {

        width: 100%;

      }

      .server-en {

        font-size: 24px;

        margin-bottom: 10px;

      }

      .server-title {

        font-size: 20px;

        margin-bottom: 10px;

      }

      .server-tip {

        font-size: 24px;

        margin-bottom: 5px;

      }

      .server-desc {

        font-size: 14px;

        line-height: 28px;

      }

      .server-right {

        margin-top: 10px;

      }

      .server-right-con {

        font-size: 14px;

      }

      .server-info {

        padding-top: 50px;

        padding-bottom: 50px;

      }

      .about-form-label {



        font-size: 16px;

    

      }

    

      .about-form-input {

    

        padding-left: 15px;

    

        font-size: 14px;

    

      }

    

      .about-form-input::-webkit-input-placeholder {

    

        /* 使用webkit内核的浏览器 */

    

        font-size: 14px;

    

      }

    

      .about-form-input:-moz-placeholder {

    

        /* Firefox版本4-18 */

    

        font-size: 14px;

    

      }

    

      .about-form-input::-moz-placeholder {

    

        /* Firefox版本19+ */

    

        font-size: 14px;

    

      }

    

      .about-form-input:-ms-input-placeholder {

    

        /* IE浏览器 */

    

        font-size: 14px;

    

      }

    

      .about-form-textarea {

    

        height: 200px;

    

        margin-top: 14px;

    

        margin-bottom: 24px;

    

        padding: 15px;

    

      }

    

      .about-form-textarea::-webkit-input-placeholder {

    

        /* 使用webkit内核的浏览器 */

    

        font-size: 14px;

    

      }

    

      .about-form-textarea:-moz-placeholder {

    

        /* Firefox版本4-18 */

    

        font-size: 14px;

    

      }

    

      .about-form-textarea::-moz-placeholder {

    

        /* Firefox版本19+ */

    

        font-size: 14px;

    

      }

    

      .about-form-textarea:-ms-input-placeholder {

    

        /* IE浏览器 */

    

        font-size: 14px;

    

      }

    

      .radiobox {

    

        font-size: 14px;

    

      }

    

      .radiobox label {

    

        /* margin-left: 10px; */

    

      }

    

      .radiobox {

    

        margin-bottom: 14px;

    

      }

    

      .about-form-radio-group {

    

        margin-left: 20px;

    

      }

    

      .about-form-label.require span::after {

    

        font-size: 16px;

    

      }

    

      .about-form {

    

        padding: 14px;

    

      }

    

      .about-form-verify-input {

    

        height: 50px;

    

      }

    

      .about-form-verify-input input {

    

        width: 110px;

    

        height: 50px;

    

        padding-left: 15px;

    

      }

    

      .about-form-verify-img {

    

        width: 100px;

    

        height: 50px;

    

      }
      .about-form-verify-btn {
        width: 80px;
        height: 50px;
      }
      .about-form-verify-input input::-webkit-input-placeholder {

    

        /* 使用webkit内核的浏览器 */

    

        font-size: 14px;

    

      }

    

      .about-form-verify-input input:-moz-placeholder {

    

        /* Firefox版本4-18 */

    

        font-size: 14px;

    

      }

    

      .about-form-verify-input input::-moz-placeholder {

    

        /* Firefox版本19+ */

    

        font-size: 14px;

    

      }

    

      .about-form-verify-input input:-ms-input-placeholder {

    

        /* IE浏览器 */

    

        font-size: 14px;

    

      }

    

      .about-form-submit-confirm {

    

        font-size: 14px;

    

        margin-left: 5px;

    

      }

    

      .about-form-submit-confirm a {

    

        font-size: 14px;

    

      }

      .about-form-verify-input input::-webkit-input-placeholder {



        /* 使用webkit内核的浏览器 */

    

        font-size: 14px;

    

      }

    

      .about-form-verify-input input:-moz-placeholder {

    

        /* Firefox版本4-18 */

    

        font-size: 14px;

    

      }

    

      .about-form-verify-input input::-moz-placeholder {

    

        /* Firefox版本19+ */

    

        font-size: 14px;

    

      }

    

      .about-form-verify-input input:-ms-input-placeholder {

    

        /* IE浏览器 */

    

        font-size: 14px;

    

      }

      .about-form-select {

        font-size: 14px;

      }

      .about-bar-item {

        flex-direction: column;

        justify-content: center;

      }

      .about-bar-item-left-en {

        text-align: center;

      }

      .about-bar-item-left-title {

        text-align: center;

      }

      .about-bar-item-left {

        margin-bottom: 10px;

      }

      .about-bar-item-right {

        text-align: center;

      }

      .about-bar-item {

        padding-right: 5px;

      }

      .about-bar-item:nth-child(2) {

        padding-left: 5px;

      }

      .about-bar-item-right p {

        font-size: 14px;

        line-height: 20px;

      }

      .about-bar-item-left-en {

        font-size: 20px;

      }

      .about-bar-item-left-title {

        font-size: 18px;

      }

      .about-intro {

        /* width: 90%; */

        /* margin: 0 auto; */

      }

      .about-intro__img {

        position: static;

        transform: none;

      }

      .about-intro__img,.about-intro-top,.about-intro-con-box {

        display: block;

        width: 90%;

        margin: 0 auto;

      }

      .about-intro-top-box {

        width: 100%;

        margin-right: 0;

      }

      .about-intro-con-box {

        margin: 0 auto;

      }

      .about-intro-en {

        text-align: center;

        font-size: 28px;

      }

      .about-intro-title {

        text-align: center;

        font-size: 20px;

      }

      .about-intro-big {

        text-align: center;

        font-size: 20px;

      }

      .about-intro-top {

        margin-top: 10px;

      }

      .footer-ph-text span {

        font-size: 28px;

      }

      .concept-ul {

        margin-top: 30px;

      }

      .about-concept-box {

        padding-top: 50px;

        padding-bottom: 30px;

      }

      .concept-li {

        height: auto;

        padding-bottom: 20px;

      }

      .concept-li-title {

        font-size: 18px;

        margin-bottom: 5px;

      }

      .concept-li-desc {

        font-size: 14px;

        line-height: 24px;

      }

      .about-concept-left-en {

        font-size: 24px;

        margin-bottom: 5px;

      }

      .about-concept-left-title {

        font-size: 24px;

      }

      .swiper-history .swiper-slide {

        flex-direction: column;

      }

      .swiper-history-litpic {

        width: 100%;

      }

      .about-history-intro {

        width: 100%;

        margin-top: 10px;

      }

      .about-history-time span {

        font-size: 28px;

      }

      .about-history-time {

        font-size: 18px;

        margin-bottom: 5px;

      }

      .about-history-intro {
        height: 250px;
      }
      .about-history-desc {
        height: 180px;
        font-size: 16px;

        line-height: 28px;

      }

      .about-history-desc::before {

        height: 40px;

      }

      /* .about-history-nav img {

        width: 40px;

        height: 40px;

      } */
      .about-history-nav-previmg {
        width: 40px;
        height: 40px;
      }
      .about-history-nav-nextimg {
        width: 40px;
        height: 40px;
      }

      .about-history-en {

        font-size: 24px;

      }

      .about-history-title {

        font-size: 24px;

      }

      .about-history-title {

        margin-top: 5px;

      }

      .swiper-history {

        margin-top: 30px;

      }

      .about-history {

        padding-top: 50px;

        padding-bottom: 50px;

      }

      .about-honor-title-en {

        font-size: 24px;

      }

      .about-honor-title-title {

        font-size: 24px;

      }

      .swiper-honor {

        width: 90%;

        margin: 0 auto;

        padding-top: 0;

      }

      .swiper-honor .swiper-slide-active {

        transform: scale(1);

      }

      .honor-block {

        width: 90%;

        background-size: 100% auto;

      }

      .honor-block p {

        font-size: 24px;

        margin-top: 40px;

      }

      .about-honor {

        padding-top: 50px;

        padding-bottom: 50px;

      }

      .index-case-nav-item {

        padding: 8px 10px;

        margin-left: 10px;

      }

      .index-case-swiper {

        margin-top: 20px;

      }

      .swiper-case-title {

        font-size: 20px;

      }

      .swiper-caseinfo {

        padding-top: 20px;

      }

      .swiper-casename {

        padding-left: 10px;

      }

      .swiper-case1 .swiper-slide {

        padding: 20px 17px 30px;

      }

      .swiper-news-box {

        width: 90%;

        margin: 0 auto;

      }

      .swiper-news-box {

        margin-top: 20px;

      }
      .swiper-history {
        height: auto;
      }
      .about-intro-en {
        margin-bottom: 5px;
      }
      .about-intro-title {
        margin-bottom: 5px;
      }
      .swiper-shopshow-title::before {
        width: 100px;
      }
      .swiper-shopshow .shopshow-pagination {
        text-align: center;
      }
      .about-form-select {
        padding-left: 15px;
      }
      .service-download-search-typebox::after {
        right: 10px;
      }
      .index-swiper.swiper-horizontal>.swiper-pagination-bullets {
        bottom: 30px;
      }
      .index-pro-box {
        margin-top: 50px;
      }
      .index-case-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 18px;
      }
      .swiper-pagination-news1.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 18px;
      }
      .index-case {
        padding-bottom: 0;
        padding-top: 50px;
      }
      .index-news {
        padding-top: 30px;
      }
      .swiper-news-box {
        padding-bottom: 100px;
      }
      .swiper-pagination-news1.swiper-pagination-horizontal {
        bottom: 0;
      }
      .index-case-swiper {
        padding-bottom: 100px;
      }
      .index-info {
        padding-bottom: 50px;
      }
      .index-pro-box {
        padding-bottom: 30px;
      }
      .index-info-left {
        width: 100%;
      }
      .crumb-box p {
        flex-shrink: 0;
      }
      .crumb-box a {
        flex-shrink: 0;
      }
      .crumb-box a:last-child {
        flex-shrink: 1;
      }
      .experience-shop-tip {
        margin-bottom: 50px;
      }
      .swiper-pro {
        padding-bottom: 100px;
      }
      .spaace-pro .swiper-pagination-pro {
        bottom: -20px;
      }
      .space-diff-desc-en {
        width: 100%;
      }
      .product-nav a.active::after {
        content: none;
      }
      .about-honor-nav {
        margin-bottom: 25px;
      }
      .about-honor-nav a {
        font-size: 18px;
      }
}

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

    .index-pro-proimg {

        width: 40px;

        height: 40px;

    }

    .index-pro-item {

        padding: 20px;

    }

    .index-pro-no {

        top: 20px;

        right: 20px;

    }

    .index-pro-item {

        height: 160px;

    }

    .index-pro-item-color__img {

        height: 40px;

    }

    .index-pro-color__icon {

        width: 10px;

        height: 10px;

        margin-left: 10px;

    }

    .index-pro-desc {

        font-size: 20px;

        line-height: 1.2;

    }

    .index-info-desc {

        font-size: 20px;

        line-height: 1.2;

    }

    .flow:nth-child(2n) {

        margin-top: 0px!important;

    }

    .product-li-link {

        /* overflow-x: auto;

        flex-wrap: nowrap; */

    }

    .product-li a {

        flex-shrink: 0;

    }

    .product-item {

        width: 100%;

        margin-right: 0;

    }

    .product-item:nth-child(2n) {

        margin-right: 0;

    }

    .product-item:nth-child(3n) {

        margin-right: 0;

    }

    .product-item:nth-child(6n) {

        margin-right: 0;

    }

    .product-li-label {

        width: 60px;

        font-size: 16px;

    }

    .product-li a {

        font-size: 14px;

    }

    .experience-shop-tip p:first-child {

        font-size: 16px;

        line-height: 24px;

    }

    .experience-shop-tip {

        padding-left: 10px;

    }

    .swiper-space-block__img {

        display: none;

    }

    .swiper-space-block {

        height: 160px;

    }

    .new-li {

        margin-bottom: 0;

    }

    .new-li-link {

        width: 100%;

    }

    .new-li__img {

        height: 200px;

      }

      .new-li-title {

        font-size: 20px;

        line-height: 32px;

      }

      .new-li-desc {

        font-size: 14px;

        line-height: 28px;

      }

      .new-li-title {

        margin-top: 10px;

      }

      .new-li-time {

        margin-top: 10px;

      }

      .new-li-desc {

        margin-top: 5px;

      }

    /* .new-li-link {

        width: 100%;

    }

    .new-li {

        flex-direction: row;

        align-items: flex-start;

      }

      .new-li__img {

        width: 50%;

        height: 300px;

        object-fit: cover;

      }

      .new-li-info {

        width: 50%;

        margin-top: 0px;

        border-top: 0;

      }

      .new-li-time {

        margin-top: 20px;

      }

      .new-li-info {

        padding-bottom: 80px;

      }

      .new-li-arr {

        width: 40px;

        height: 40px;

      }

      .new-li-title {

        margin-top: 20px;

      } */

      .space-li {

        width: 100%;

        margin-right: 0;

      }

      .space-li:nth-child(3n) {

        margin-right: 0;

      }

      .space-li:nth-child(4n) {

        margin-right: 0;

      }

      .concept-li {

        width: 100%;
        min-height: auto;

      }
      /* .about-honor-btns img {
        width: 40px;
        height: 40px;
      } */
      .about-honor-btns .about-honor-prev {
        width: 40px;
        height: 40px;
      }
      .about-honor-btns .about-honor-next {
        width: 40px;
        height: 40px;
      }

}