.iconsvg {
        font-size: 16px;
        width: 24px;
        height: 24px;
        margin-right: 3px;
        /* font-style: normal; */
        -webkit-font-smoothing: antialiased
    }
    
    .youshi {
        margin: auto;
    }
    
    .youshi .maintitle {
        padding: 3vw 0;
    }
    
    .youshi .con {
        display: flex;
        width: 90%;
        max-width: 1440px;
        margin: auto;
        padding-bottom: 3vw;
        flex-wrap: wrap;
    }
    
    .youshi .con li h2 {
        font-size: 26px;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    
    .youshi .con li img {
        padding-right: 1vw;
    }
    
    .youshi .con li p {
        font-size: 16px;
        width: 60%;
    }
    .youshi .encon li p {word-break:keep-all}
    .youshi .con li.en p{
      word-break: keep-all;
    }
    .youshi .con li {
        min-height: 15vw;
        width: 59%;
        color: #fff;
        margin-bottom: 1%;
    }
    
    .youshi .con li div {
        padding: 6vw 2.5vw;
        height: 100%;
        display: flex;
        align-items: center;
    }
    
    .youshi .con li:hover div {
       padding: 2vw 2.5vw;
        height: 100%;
        flex-direction: column;
        align-items: flex-start;
    }
    
    .youshi .con li:hover img,
    .youshi .con li p {
        display: none;
    }
    
    .youshi .con li img,
    .youshi .con li:hover p {
        display: block;
    }
    
    .youshi .con li .line1 {
        height: 1px;
        width: 2rem;
        background: #fff;
        margin: 1vw 0;
    }
    
    .youshi .con li:nth-child(even) {
        margin-left: 1%;
    }
    
    .youshi .con li:nth-child(2),
    .youshi .con li:nth-child(3) {
        width: 40%;
    }
    
    .youshi .con li:hover div {
        background: linear-gradient(to right, rgba(200, 22, 34, .8), rgba(200, 22, 34, 0.05));
    }
    
    .zizhi {
        background: #fbfbfb;
        margin: auto;
        position: relative;
        padding-bottom: 6vw;
    }
    
    .zizhi .swiper-pagination {
        bottom: 3vw;
    }
    
    .zizhi .swiper-pagination-bullet-active {
        background: #c81622;
        border-radius: 4px;
        width: 1vw;
    }
    
    .zizhi .maintitle {
        padding: 3vw 0;
    }
    
    .zizhi .zizhiswiper {
        overflow: hidden;
    }
    
    .zizhi .zizhiswiper li h2 {
        font-size: 20px;
        padding-bottom: 2vw;
        text-align: center;
    }
    
    .zizhi .zizhiswiper li img {
        padding:  2vw ;
        max-width: 100%;
    }
    
    .zizhi .zizhiswiper li {
        border: 1px solid #eeeeee;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .wenhua .con {
        display: flex;
        width: 90%;
        max-width: 1440px;
        margin: auto;
        padding-top:1vw;
    }
    
    .wenhua .list {
        display: flex;
        width: 90%;
        max-width: 1440px;
        margin: auto;
    }
    
    .wenhua .list li {
        text-align: center;
        width: 100%;
        padding: 2vw 0;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
        background: transparent;
    }
    
    .wenhua .list li img:nth-child(2) {
        display: none;
    }
    
    .wenhua .list li:hover img:nth-child(2) {
        display: block;
    }
    
    .wenhua .list li:hover img:nth-child(1) {
        display: none;
    }
    
    .wenhua .list li h2 {
        color: #333;
        padding: 2vw 0;
        font-size: 22px;
        width: 100%;
    }
    
    .wenhua .list li:hover h2 {
        color: #c81622;
        border-bottom: 2px solid #c81622;
    }
    
    .wenhua .con li h2 {
        font-size: 26px;
        color: #fff;
    }
    
    .wenhua .con li p {
        font-size: 18px;
        padding-top: 1vw;
    }
    
    .wenhua .con li {
        background-color: #c81622;
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: #fff;
        padding: 3vw;
        margin-top: 4vw;
    }
        .wenhua .con li.en {
            word-break: keep-all;
        }
    .about .e_text-21 {
        line-height: 1;
        z-index: 99;
        color: rgba(255, 255, 255, 0);
        -webkit-text-stroke: 0.8px rgb(200 22 34 / 14%);
        font-size: 170px;
        font-weight: 600;
        /* filter:blur(1px); */
        text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
        position: relative;
        top: 2vw;
        font-family: auto !important;
    }
    
    .about .container .info {
        position: relative;
        top: -2.0vw
    }
     .about .container .en_info p {
        word-break: keep-all;
    }
    .contacts {
        width: 90%;
        max-width: 1440px;
        margin: 3vw auto;
    }
    
    .contacts ul {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
    }
    
    .contacts ul li {
        width: 32%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        font-size: 18px;
        padding: 2vw;
    }
    
    .contacts ul li h2 {
        padding: 1vw 0;
    }
    
    .contacts ul li h2,
    .contacts ul li h3 {
        font-size: 18px;
        color: #333;
    }
    
    .contacts .address p {
        padding-left: 1vw;
        font-size: 18px;
    }
    
    .map {
        width: 100%;
        margin-bottom: 2vw;
    }
    
    .map img {
        max-width: 100%;
    }
    
    .contacts .address {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        padding: 2vw 0 0 0;
    }
    
    .searchicon .icon {
        width: 25px;
        height: 25px;
        fill: #fff
    }
    
    .langs {
        color: #fff;
        border-radius: 5px;
        border: 1px solid #fff;
        padding: 2px 5px;
        margin-right: 1vw;
    }
    
    .langs .icon {
        margin-top: 0;
    }
    
    .langs a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
    }
    
    .coop {
        padding: 4vw 0;
    }
    
    .coop .container {
        display: block;
        position: relative;
        max-width: 1440px;
        flex-direction: row;
        align-items: center;
    }
    
    .coop .headtitle .info {
        color: #fff;
        font-size: 16px;
        text-align: justify;
        margin-top:2vw;
    }
      .coop .headtitle .eninfo {word-break:keep-all}
    .coop .headtitle .text {
        padding-right: 30%;
    }
    
    .swipercoop .swiper-wrapper {
        margin: 20px 0;
    }
    
    .coopnext::after {
        font-size: 16px;
        /* padding: 10px 15px; */
        border-radius: 40px;
        width: 40px;
        line-height: 40px;
        height: 40px;
        text-align: center;
        display: block;
        color: #fff;
        z-index: 999;
        /*background: #0d6fb3;*/
        background: url(../images/arrowright.svg) no-repeat center #c81622;
        content: '';
    }
    
    .coopprev::after {
        font-size: 16px;
        /* padding: 10px 15px; */
        border-radius: 40px;
        width: 40px;
        line-height: 40px;
        height: 40px;
        text-align: center;
        display: block;
        color: #0d6fb3;
        z-index: 999;
        /*background: #fff;*/
        background: url(../images/arrowleft.svg) no-repeat center #eecbca;
        transform: rotate(180deg);
        content: '';
    }
    
    .coopnext {
        right: 0;
        top: 2vw;
        width: auto;
    }
    
    .coopprev {
        top: 2vw;
        width: auto;
        right: 80px !important;
        left: auto;
    }
    
    .coop .headtitle {
        margin: auto;
        text-align: left;
        width: 50%;
        float: left;
        background: #c81622;
        padding: 10vw 3vw;
    }
    
    .coop .tu {
        margin: 2vw 0 0 0;
        width: calc(70% - 6vw);
        float: right;
        text-align: center;
        padding: 4vw 0;
        position: absolute;
        right: 0;
    }
    
    .coop .tu img {
        max-width: 100%;
    }
    
    .coop .swiperhonor {
        width: 100%;
        margin-left: 20%;
    }
    
    .coop .headtitle img {
        position: relative;
        top: -1.4vw;
    }
    
    .coop .headtitle h2 {
        font-size: 42px;
        letter-spacing: 0px;
        color: rgba(255, 255, 255, 1);
        font-weight: 600;
    }
    
    .coop .headtitle h3 {
        font-weight: 600;
        font-size: 26px;
        display: flex;
        flex-direction: row;
        align-content: center;
        align-items: center;
        color: #fff;
    }
    
    .coop .headtitle h3 span {
        width: 2.5rem;
        display: inline-block;
        height: 1px;
        margin-right: 1vw;
        background: #fff;
    }
    
    .adv {
        background: #f4f4f4;
    }
   
    .adv .container {
        padding-left: 0;
        padding-right: 0;
    }
    
    .adv .bottom li {
        padding: 6vw 0;
        color: #fff;
        cursor: pointer;
        border-right: 1px solid;
        border-image: linear-gradient(180deg, rgba(221, 225, 226, 0) 0%, #cbd7db 100%) 2 2 2 2;
        width: 50%;
    }
    
    .adv .bottom li:hover {
        background: linear-gradient(to top, rgba(200, 22, 34, 0.7), rgba(200, 22, 34, 0.05));
    }
    
    .adv .bottom li .mask {
        padding: 3vw;
        text-align: left;
        display: flex;
        height: 100%;
        justify-content: flex-start;
        align-items: flex-start;
        /* border: 1px solid rgba(255, 255, 255, .2); */
        border-left: none;
        flex-direction: column;
    }
    
    .adv .bottom li .mask span {
        font-size: 30px;
        font-weight: 600;
        margin: 4vw 0 0 0;
    }
    
    .adv .bottom h3 {
        color: #fff;
        margin: 0;
        margin: 2vw 0;
        font-size: 26px;
    }
    
    .adv .bottom p {
        font-size: 16px;
    }
    
    .adv .bottom p.white {
        height: 1px;
        width: 2vw;
        background: #fff;
        margin-bottom: 2vw;
        padding: 0;
    }
    
    .adv .bottom {
        width: 100%;
        display: flex;
        color: #fff;
        flex-direction: row;
        justify-content: space-between;
    }
    
    .adv .content {
        display: flex;
        margin: 0;
        justify-content: space-between;
    }
    
    .adv .content {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        flex-wrap: nowrap;
    }
    
    .cases {
        width: 100%;
        margin: 3vw auto 0 auto;
        display: flex;
        background: #fafcfe;
    }
    
    .cases .left {
        width: 80%;
        background: #fafcfe;
        padding: 0 2% 0 12%;
    }
    
    .cases .left h1 {
        line-height: 1;
        z-index: 99;
        color: rgba(255, 255, 255, 0);
        -webkit-text-stroke: 0.8px rgb(200 22 34 / 14%);
        font-size: 170px;
        font-weight: 600;
        /* filter:blur(1px); */
        text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
        position: relative;
        top: 3vw;
        font-family: auto !important;
    }
    
    .cases .left h2 {
        font-size: 42px;
        position: relative;
        bottom: 4vw
    }
    
    .casesswiper-container {
        margin-top:2vw;
        width: 100%;
        overflow: hidden;
        position: relative;
    }
    
    .cases .left h3 {
        font-size: 28px;
        position: relative;
        bottom: 1.6vw
    }
    
    .cases .left p {
        font-size: 16px;
        position: relative;
        bottom: 1.2 vw
    }
    
    .cases .right {
        overflow: hidden;
        width: 100%;
        display: flex;
        justify-content: flex-end;
        flex-direction: row;
    }
    
    .cases .right img {
        border-radius: 0 0 0 15vw;
    }
    
    .casesswiper-container img {
        opacity: 0.5;
        max-width: 100%;
    }
    
    .casesswiper-container .swiper-slide-thumb-active {
        opacity: 1
    }
    
    .casesswiper-container .button::after {
        font-size: 16px;
        color: #fff;
    }
    
    .casesswiper-container .button {
        color: #c81622;
        background-color: #c81622;
        border-radius: 0;
        border: 1px solid #c81622;
        width: 40px;
        height: 40px;
        top: 44%;
        border-radius: 40px;
        transition: all ease .3s;
        margin: 0 auto;
    }
    
    .news {
        margin: auto;
        width: 100%;
        background-color: #f4f4f4;
    }
    
    .news .container {
        max-width: 1440px;
        margin: auto;
        width: 90%;
    }
       .news .list div.tu a:hover {color:#c81622}
          .news .list div.listnews a:hover {color:#f5f5f5}
    .news .list {
        display: flex;
        justify-content: space-between;
    }
    
    .news .list div.tu {
        margin-right: 1vw;
        background-color: #fff;
         padding-bottom:0.6vw;
    }
    
    .news .list div.listnews {
        padding: 2vw 0;
        width: 45%;
        display: flex;
        flex-direction: column;
        background-color: #c81622;
    }
    
    .news .list div.listnews li {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .news .list div.listnews li:hover {
        background-color: #cf323d;
    }
    
    .news .list div.listnews li span {
        display: inline-block;
        color: #fff;
        font-size: 16px;
        padding: 0 2vw;
    }
    
    .news .list div.listnews .promore {
        padding: 0 2vw;
    }
    
    .news .list div.listnews li h2 {
        color: #fff;
        padding: 0 2vw;
        font-size: 22px;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    
    .news .list div.tu img {
        width: 100%;
    }
    
    .news .list div.tu span {
        padding: 0.5vw 1vw;
        display: inline-block;
        font-size: 16px;
        color: #4e4e4e;
    }
    
    .news .list div.tu h2 {
        font-size: 22px;
        padding: 0 1vw;
        font-weight: 500;
    }
    
    .news .list div.tu p{
        padding: 0vw 1vw 0vw 1vw;
        font-size: 14px;
        margin: 1vw 0;
    }
    
    .news .list div.tu h2,
     .news .list div.tu p{
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    
    .news .listnews li::after {
        content: url(../images/proright.svg);
        position: absolute;
        right: 2%;
    }
    
    .news .listnews li h2 {
        padding-right: 1%;
    }
    
    .news .maintitle {
        text-align: center;
        padding: 3vw 0 2vw 0;
    }
    
    .product {
        margin: 1vw auto 2vw 0;
    }
    
    .product .container {
        width: 90%;
        max-width: 1440px;
        padding: 0;
    }
    
    .product .maintitle {
        margin-bottom: 3vw
    }
    
    .promore {
        margin: 1vw 0 2vw 0;
    }
    
    .productmore {
        width: 100%;
        margin: auto;
        text-align: center;
    }
    
    .promore .more {
        border: 1px solid #fff;
        background-color: #fff;
        color: #c81622;
        font-size: 18px;
        font-weight: 500;
    }
    
    .promore .more .icon {
        width: 30px;
        height: 30px;
    }
    
    .product .content {     
        align-items: flex-start;
        display: flex;
        margin-top: 2rem;
        justify-content: space-between;
    }
    
    .product .left {
        display: flex;
        padding-top: 1vw;
        width: 30%;
        background: #c81622;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }
    
    .product .right {
        width: 68%;    padding-top: 1.2vw;
        position: relative;
        /*  justify-content: space-between; */
    }
    
    .product .right .prolist {
        width: 100%;
        padding-top: 12%;
        overflow: hidden;
    }
    
    .product .right .swiper-slide,
    .product .right .swiper-wrapper {
        height: auto !important;
    }
    
    .product .right .prolist .arrow::after {
        font-size: 24px;
        color: #fff;
        content: url(../images/arrowright.svg);
    }
    
    .product .right .prolist .swiper-button-prev::after {
        transform: rotateY(180deg);
    }
    
    .product .right .prolist .swiper-button-next {
        top: 2vw;
        right: 0;
        width: 45px;
        border-radius: 50px;
        background: #c81622;
        z-index: 9;
    }
    
    .product .right .prolist .swiper-button-prev {
        top: 2vw;
        left: 88%;
        width: 45px;
        border-radius: 50px;
        background: #333;
        z-index: 9;
    }
    
    .product .left li {
        display: flex;
        padding: 0 15%;
        width: 100%;
        
    }
    
    .product .left li:hover {
        color: #c81622;
        cursor: pointer;
    }
    
    .product .left li.active {
        /* border-bottom: 1px solid #2564ca; */
        color: #c81622;
    }
    
    .product .left li h2 {
        font-size: 22px;
        line-height: 3;
        width: 100%;
        padding: 0 5%;
        color: #fff;
        text-align: left;
        font-weight: 400;
        margin: 0;
        position: relative;
        display: flex;
        align-items: center;
    } .product .left li.en {
        display: flex;
        padding: 0 5%;
        width: 100%;
    }
        .product .left li.en h2 { font-size: 20px;}
    .product .left li h2 img {
        padding-right: 1vw;
    }
    
    .product .left li:hover h2 {
        color: #fff;
        border-bottom: 1px solid #fff;
    }
    
    .product .left li.active h2 {
        color: #fff;
        border-bottom: 1px solid #fff;
    }
    
    .product .left li h2::after {
        /* content: url(../images/right1.svg);
    position: absolute;
    right: 0; */
    }
    
    .product .left li:hover h2::after {
        content: url(../images/proright.svg);
        position: absolute;
        right: 0;
    }
    
    .product .left li.active h2::after {
        content: url(../images/proright.svg);
        position: absolute;
        right: 0;
    }
    
    .product .right li {
        border: 1px solid #f5f5f5;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    
    .product .right li img {
        /* margin: auto; */
        /* padding: 1vw 0vw; */
        max-width: 100%;
        text-align: center;
    }
    .product .right li a{  background: #f5f5f5;}
    .product .right li p {
        display: block;
      
        color: #333;
        text-align: center;
        margin: 1vw  ;
        font-size: 18px;
            -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    }
    
    #c_static_001_P_53456-1723709695308 .desc {
        position: relative;
        top: -1.5vw;
    }
    
    #c_static_001_P_53456-1723709695308 .e_loop-6 .infos p {
        font-size: 24px;
    }
         #c_static_001_P_53456-1723709695308 .e_loop-6 .infos p.en {
       word-break: keep-all;
    }
    #c_static_001_P_53456-1723709695308 .e_loop-6 .infos h3 {
        font-size: 32px;
    }
        #c_static_001_P_53456-1723709695308 .e_loop-6 .infos h3.en {
        font-size: 28px;word-break: keep-all;
    }
    #c_static_001_P_53456-1723709695308 .numbers {
        display: flex;
        align-items: flex-end;
    }
    
    .numinfo {
        width: 100%;
    }
    
    .red {
        color: #c81622 !important;
    }
    
    .jobs .titles img {
        max-width: 100%;
    }
    
    .jobs .left p {
        color: #333;
    }
    
    .jobs .left h3 {
        color: #333;
    }
    
    .jobs .right .box {
        flex-direction: column;
    }
    
    .jobs .commWidget {
        margin: 4vw 0;
    }
    
    .jobs .right .list .box2 {
        display: none;
    }
    
    .jobs .right div.active .box1 {
        border-bottom: 1px solid #f5f5f5;
    }
    
    .jobs .right div.active .box2 {
        display: block;
    }
    
    .jobs .right .box h2 {
        font-weight: bold !important;
    }
    
    .jobs .right .box h2,
    .job .right .box p {
        color: #333!important;
    }
    
    .jobs .right .box .list {
        background: #fff;
        border-radius: 20px;
    }
    
    .jobs .right .box .box1 {
        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: space-around;
        margin: 0 !important;
        background: #f5f5f5;
        padding: 2vw;
        /*border: 1px solid #fdfdfd;*/
    }
    
    .jobs .container {
        max-width: 1500px;
        width: 100%
    }
    
    .jobs .container .right .box span {
        position: static;
        display: block;
        font-weight: 400;
        line-height: 2;
        font-size: 16px;
    }
    
    .jobs .container .right .homeLink {
        background: #015aaa;
        color: #fff!important;
        min-width: 90px !important;
        margin-top: 0 !important;
        border-radius: 0;
        line-height: 2;
        padding: 10px 20px;
        border-radius: 30px;
    }
    
    .jobs .container .right .homeLink::after {
        content: url(../images/right.svg);
        position: relative;
        bottom: -2px;
    }
    
    .jobs .right .box h2 span {
        font-weight: 600;
        padding: 15px 0;
    }
    
    .jobs .container .right .box h2 {
        font-size: 20px !important;
        min-width: 20%;
    }
    
    .jobs .container .right .box .desc {
        border-left: 1px solid #f5f5f5;
        font-size: 16px;
        font-weight: bold;
        border-left: 0px solid #E9E9E9 !important;
    }
    
    .jobs .container .right .box1 .desc:nth-child(2) {
        border-left: 1px solid #fff;
    }
    
    .jobs .container .right .box span.addr {
        font-size: 12px;
        color: #b4b4b4;
    }
    
    .jobs .right .box2 {
        padding: 0 20px;
    }
    
    .jobs .right .box2 p {
        padding: 10px 0;
        margin: 5px 20px;
    }
    
    .jobs .container .right .box .desc p {
        margin: 0 auto!important;
        padding: 5px 0 !important;
        text-align: justify;
    }
    
    .jobs .input-group-btn .btn {
        display: inline-block;
        padding: 5px
    }
    
    .jobs .input-group-addon,
    .jobs .input-group-btn {
        width: 9%;
    }
    
    .jobs .container .right .box span.PreSpan,
    .jobs .container .right .box span.NextSpan,
    .jobs .container .right .box span.PageText {
        display: inline-block
    }
    
    .font30 {
        font-size: 30px!important
    }
    
    .FK form {
        width: 100%;
        position: relative;
    }
    
    .FK .form-group {
        color: #555;
        font-size: 16px;
    }
    
    .gbook .right {
        display: flex
    }
    
    .liuyanright {
        margin-top: 28px;
        background: #f5f5f5;
    }
    /* .FK .FK2 {
    position: absolute;
    right: 0;
    top: 0;
}

.FK .FK3 {
    position: absolute;
    right: 0;
    bottom: 0;
} */
    
    .FK .btn-block {
        display: block;
        width: 100%;
        color: #fff;
        white-space: normal;
        height: 45px !important;
        border-color: #c81622;
        background-color: #c81622 !important;
    }
    
    .FK .form-control {
        font-size: 16px;
        display: block;
        max-width: 100% !important;
        width: 100% !important;
        height: auto!important;
        padding: 12px;
        color: #76838f;
        line-height: 1.5;
        border: 1px solid #e4eaec;
        border-radius: 5px;
        background-color: #fff;
    }
    
    .FK1 {
        width: 48%;
    }
    
    .FK2 {
        width: 48%;
        right: 0;
        position: absolute;
        top: 0;
    }
    
    .FK3 {
        width: 48%;
        right: 0;
        position: absolute;
        bottom: 0rem;
    }
    
    .FK .form-control input {
        width: 90% !important;
        height: 50px !important;
        float: left;
    }
    
    .FK .form-control textarea {
        width: 49% !important;
        height: 190px !important;
        position: absolute;
        right: 0;
        bottom: 102px;
    }
    
    .FXW4:before {
        content: url(../images/edit.png);
        width: 66px;
        height: 18px;
        padding: 0px 10px 0px 0px;
        vertical-align: middle;
    }
    
    .FXW1:before {
        content: url(../images/username.png);
        width: 66px;
        height: 18px;
        padding: 30px 10px 5px 0px;
        vertical-align: middle;
    }
    
    .FXW2:before {
        content: url(../images/email.png);
        width: 66px;
        height: 18px;
        padding: 0px 10px 0px 0px;
        vertical-align: middle;
    }
    
    .FXW3:before {
        content: url(../images/phone.png);
        width: 66px;
        height: 18px;
        padding: 0px 10px 0px 0px;
        vertical-align: middle;
    }
    
    .aboutnei h2 {
        text-align: center;
        font-size: 36px!important
    }
    
    .aboutnei h3 {
        font-size: 40px!important;
        text-align: center
    }
    
    .aboutnei p.line {
        margin: auto
    }
    /* 定义旋转动画 */
    
    @keyframes rotate {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }
    
    .case h2,
    .case p {
        text-align: justify;
    }
    
    .aboutnums .p_num {
        color: #c81622
    }
    
    .aboutnums .numbers {
        position: relative !important;
        line-height: 1;
    }
    
    .aboutnums .p_item .e_text-9 {
        font-size: 18px !important;
        padding: 0.5vw 0;
    }
    
    .aboutnums .p_item .e_text-12 {
        font-size: 16px !important;
        color: #797979;
    }
     .aboutnums .p_item .en_e_text-12,.aboutnums .p_item .en_e_text-9 {
       word-break: keep-all;
    }
    
    .aboutnums .p_item .unit {
        bottom: 0 !important;
        font-size: 18px !important;
    }
    
    .aboutnums .p_list .p_loopitem {
        width: 13%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    
    .aboutnums .line1 {
        display: flex;
        align-items: center;
    }
    
    .aboutnums .line1::before {
        content: '';
        height: 4vw;
        width: 1px;
        position: absolute;
        background: #cacaca;
    }
    
    .aboutnums .line1::after {
        content: '';
        height: 1.8vw;
        width: 1px;
        position: absolute;
        background: #c81622;
    }
     .aboutimg{    margin: auto;
    width: 90%;
    max-width: 1440px;}
    .aboutimg img {
        max-width: 100%;
        /*padding-bottom: 4vw;*/
    }
    
    .aboutnums .p_list .p_item {
        margin: 0 !important;
    }
    
    .aboutnums .p_list {
        display: flex;
        justify-content: space-between;
        margin-bottom: 2vw;
    }
    
    .abouts .container {
        padding: 0 !important;
    }
    
    .aboutnei .container {
        padding: 4vw 0 0 0!important
    }
    
    .about .container h2 {
        font-size: 38px;
        font-weight: 600;
        position: relative;
        top: -2.8vw;
        letter-spacing: 3px;
    }
    
    .about .container h3 {
        font-size: 21px;
        position: relative;
        top: -2.8vw;
    }
    
    .about .container .info p {
        font-size: 17px;
        font-weight: 400;
        line-height: 2;
        margin-bottom: 0.3vw;
    }
    
    .about .nums .p_list {
        display: flex;
    }
    
    .about .nums .p_item {
        margin: 2vw 6vw 1vw 0;
        width: 13vw;
    }
    
    .about .nums .p_item .p_num {
        font-size: 62px;
        font-weight: 600;
    }
    
    .about .nums .p_item .unit {
        position: absolute;
        font-size: 20px;
    }
    
    .numsnei .p_list {
        text-align: center;
        padding: 2vw 0
    }
    
    .numsnei .p_item {
        margin: 0!important;
        width: 100%!important;
    }
    
    .numsnei .p_item .p_num {
        color: #c81622;
    }
    
    .numsnei .p_item .unit {
        color: #c81622;
    }
    
    .about .nums .p_item .s_title {
        font-size: 16px;
        font-weight: 400;
    }
    
    .wenhua .maintitle {
        margin: auto;
        padding: 3vw 0 2vw 0;
        text-align: center;
    }
    
    .wenhua .maintitle h3 {
        font-size: 26px;
    }
    
    .wenhua .maintitle .line {
        margin: auto;
    }
    
    .huanjing .container {
        padding-bottom: 4vw;
        overflow: hidden;
    }
    
    .huanjing .maintitle {
        margin: auto;
        padding: 4vw 0 2vw 0;
        text-align: center;
    }
    
    .huanjing .maintitle h3 {
        font-size: 36px;
        color: #333;
    }
    
    .huanjing .maintitle h2 {
        font-size: 40px;
        color: #333;
    }
    
    .honor .maintitle {
        margin: auto;
        padding: 4vw 0 2vw 0;
        text-align: center;
    }
    
    .honor .maintitle h3 {
        font-size: 36px;
        color: #333;
    }
    
    .honor .maintitle h2 {
        font-size: 40px;
        color: #333;
    }
    
    .honor .maintitle .line {
        margin: auto;
    }
    
    .huanjing .maintitle .line {
        margin: auto;
    }
    
    .huanjing .list {
        display: flex;
        position: relative;
        padding-bottom: 10px;
    }
    
    .honor .swiper-button-next {
        transform: translateX(200%);
    }
    
    .honor .swiper-button-prev {
        transform: translateX(-200%);
    }
    
    .swiper-button-next:after,
    .swiper-button-prev:after {
        color: #c81622
    }
    
    .honor .container {
        width: 70%;
    }
    
    .honor .container .pos {
        position: relative;
        padding: 2vw 0
    }
    
    .honor .list {
        display: flex;
        position: relative;
        padding-bottom: 10px;
    }
    
    .huanjing .list .swiper-scrollbar {
        width: 100%;
        left: 0;
    }
    
    .honor .swiper-slide {
        transform: scale(0.8);
        transition: 300ms;
    }
    
    .honor .swiper-slide-active,
    .honor .swiper-slide-duplicate-active {
        transform: scale(1);
    }
    
    .honorswiper .swiper-slide-active {
        z-index: 999
    }
    
    .honor .honorswiper {
        overflow: hidden;
    }
    
    .honor .pos {
        display: block!important
    }
    
    .huanjing .fazhanswiper {
        overflow: hidden;
    }
    
    .huanjing .swiper-smalls .swiper-wrapper p {
        font-size: 22px
    }
    
    .huanjing .swiper-smalls .swiper-wrapper span {
        margin-bottom: 2vw;
        line-height: 1;
        background: #fff;
        display: inline-block;
        height: 14px;
        width: 100%;
    }
    
    .huanjing .swiper-smalls .swiper-wrapper span::after {
        content: '';
        width: 14px;
        height: 14px;
        border-radius: 10px;
        border: 1px solid #c81622;
        position: absolute;
        left: 47%;
    }
    
    .huanjing .swiper-smalls {
        height: 14vw;
        position: relative;
        text-align: center
    }
    
    .huanjing .swiper-smalls .swiper-slide-thumb-active span {
        width: 100%;
        background: #c81622;
        border-radius: 10px;
    }
    
    .huanjing .swiper-smalls .swiper-wrapper {
        height: auto;
        align-items: center;
    }
    
    .huanjing .swiper-smalls .swiper-button-next {
        right: 45%;
        top: 82%;
    }
    
    .huanjing .swiper-smalls .swiper-button-prev {
        left: 45%;
        top: 82%;
    }
    
    .huanjing .swiper-smalls .swiper-button-prev {
        border-radius: 50px;
        width: 45px;
        border: 1px solid #c81622;
        z-index: 9;
    }
    
    .huanjing .swiper-smalls .swiper-button-next {
        border-radius: 50px;
        width: 45px;
        border: 1px solid #c81622;
        z-index: 9;
    }
    
    .huanjing .swiper-smalls .swiper-button-next::after {
        font-size: 20px;
        color: #fff;
        content: url(../images/rightyellow.svg);
    }
    
    .huanjing .swiper-smalls .swiper-button-prev::after {
        font-size: 20px;
        color: #fff;
        content: url(../images/rightyellow.svg);
        transform: rotate(180deg);
    }
    
    .fazhanswiper li {
        text-align: center;
        margin-bottom: 4vw
    }
    
    .fazhanswiper li h2 {
        color: #c81622;
        font-size: 137px
    }
    
    .fazhanswiper li p {
        color: #333;
        font-size: 24px
    }
    
    .wenhua .container {
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0
    }
    
    .wenhua .list {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    
    .honorswiper .swiper-slide img {
        max-width: 100%
    }
    
    .honorswiper .swiper-wrapper {
        align-items: center;
    }
    
    .honorswipermobile {
        display: none!important
    }
    
    .honorswipermobile .swiper-wrapper {
        align-items: center;
    }
    
    .honorswiper .swiper-slide {
        width: 500px;
    }
    
    .honorswiper .swiper-slide .img {
        width: 100%;
        position: relative;
    }
    
    .honorswiper .swiper-slide .img p {
        width: 100%;
        font-size: 18px;
        color: #fff;
        line-height: 40px;
        background: rgba(0, 0, 0, .5);
        text-align: center;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 10;
        display: none;
    }
    
    .honorswiper .swiper-slide-active .img:hover p {
        display: block;
    }
    
    .honorswiper .swiper-btn {
        color: #fff;
    }
    
    .honorswiper .swiper-btn:after {
        font-size: 60px;
    }
    
    .honorswiper .swiper-button-prev {
        left: -40px;
        transform: translateX(-100%);
    }
    
    .honorswiper .swiper-button-next {
        right: -40px;
        transform: translateX(100%);
    }
    
    .wenhua .list li:hover img {
        animation: rotate 0.4s linear;
    }
    
    .wenhua .list p.white {
        padding-top: 1vw;
        border-bottom: 3px solid #fff;
    }
    
    .wenhua .list li div.top {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }
    
    .wenhua .list li div.bottom {
        display: flex;
        flex-direction: column;
        padding-top: 30%;
    }
    
    .wenhua .list li.active div.bottom {
        padding-top: 0
    }
    
    .wenhua .list span {
        font-size: 24px;
        color: #fff
    }
    
    .wenhua .list h2 {
        padding-top: 0.4vw;
        font-size: 35px;
        color: #fff;
        text-transform: uppercase;
    }
    
    .wenhua .list h3 {
        padding-top: 1.4vw;
        font-size: 30px;
        color: #fff;
        font-weight: 400;
    }
    
    .wenhua .list p {
        font-size: 18px;
        color: #fff;
        font-weight: 400;
        padding-top: 2vw;
    }
    
    .wenhua .list li p.text {
        display: none;
    }
    
    .wenhua .list li.active span.num {
        font-size: 124px;
        line-height: 1
    }
    
    .wenhua .list li.active .bottom .cul {
        display: none;
    }
    
    .wenhua .list li.active p.text {
        display: block
    }
    
    .caselist {
        padding-bottom: 3vw;
        margin-bottom: 3vw;
    }
    
    .caselist .swiper-scrollbar {
        width: 20%;
        margin: auto;
        height: 2px;
        text-align: center;
        position: static;
        margin: 5vw auto auto auto;
    }
    
    .caseslist {
        width: 100%;
        max-width: 1440px;
        margin-bottom: 2vw;
        background-color: #f9f9f9;
    }
    
    .caseslist .left {
        width: 70%;
        display: flex;
        padding: 0 2.5%;
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
    }
    
    .caseslist .left h3 {
        position: static;
        font-size: 24px;
        color: #333;
    }
    
    .caseslist .left p {
        position: static;
        font-size: 16px;
        line-height: 2;
        color: #636363;
    }
    
    .caseslist .left p.red {
        width: 2.5rem;
        height: 2px;
        background: #c81622;
        margin: 1.5vw 0;
    }
    
    .caselist img {
        opacity: 0.96 !important;
    }
    
    .caseslist img {
        border-radius: 0 !important;
    }
    
    .message {
        padding-bottom: 4vw;
    }
    
    .message .maintitle {
        padding: 3vw 0;
    }
    
    .message h2 {
        color: #fff;
        font-size: 42px;
    }
    
    .message h3 {
        color: #fff;
        font-size: 26px;
    }
    
    .message h3 span {
        background-color: #fff;
    }
    
    .message .gbook {
        margin: auto;
        width: 60%;
        background: #fff;
        padding: 4%;
        border-radius: 1vw;
    }
    
    @media only screen and (max-width: 1600px) {
        #c_static_001_P_53456-1723709695308 .e_text-21,
        .about .e_text-21 {
            font-size: 140px;
        }
        .about .nums .p_item .p_num,
        .about .nums .p_item .s_title {
            font-size: 40px;
        }
        .about .nums .p_item .s_title {
            font-size: 16px;
        }
        .hangye .maintitle h2 {
            font-size: 50px;
        }
        .hangye .right .list {
            min-height: 65vh;
        }
        .hangye .right .list p.line {
            bottom: 10vw
        }
        .product .left li h2 {
            font-size: 20px;
        }
        .product .right li p {
            font-size: 20px;
        }
    }
    
    @media only screen and (max-width: 1440px) {
        #c_static_001_P_53456-1723709695308 .e_text-21,
        .about .e_text-21 {
            font-size: 120px;
        }
        .promore .more {
            font-size: 16px;
        }
        .promore .more .icon {
            width: 24px;
            height: 24px;
        }
        .wenhua .maintitle,
        .huanjing .maintitle {
            padding: 4vw 0 4vw 0;
        }
        .about .nums .p_item .p_num,
        .about .nums .p_item .s_title {
            font-size: 36px;
        }
        .about .nums .p_item .s_title {
            font-size: 16px;
        }
        .news .right {
            margin-left: 3%;
        }
        .hangye .maintitle h2 {
            font-size: 40px;
        }
        .maintitle h2 {
            font-size: 40px;
            top: -30px;
        }
        .maintitle h3 {
            font-size: 30px;
        }
        .hangye .right .list {
            min-height: 60vh;
        }
        .hangye .right .list p.line {
            bottom: 11vw
        }
        .product .left li h2 {
            font-size: 18px;
        }
        .product .right li p {
            font-size: 18px;
        }
        .product .right .prolist .swiper-button-prev {
            left: 80%;
            top: 2vw;
        }
        .product .right .prolist .swiper-button-next {
            top: 2vw;
            right: 0%;
        }
    }
    
    @media only screen and (max-width: 1280px) {
       .aboutnums .p_item .e_text-12 {
        font-size: 14px !important;
        
    }
        #c_static_001_P_53456-1723709695308 .e_loop-6 .infos h3{    font-size: 26px;}
        #c_static_001_P_53456-1723709695308 .e_loop-6 .infos p {
    font-size: 18px;
}
        #c_static_001_P_53456-1723709695308 .e_text-21,
        .about .e_text-21 {
            font-size: 100px;
        }
        .promore .more {
            font-size: 14px;
        }
        .promore .more .icon {
            width: 18px;
            height: 18px;
        }
        .about .nums .p_item .p_num,
        .about .nums .p_item .s_title {
            font-size: 30px;
        }
        .about .nums .p_item .s_title {
            font-size: 16px;
        }
        .e_bannerA-2 .proindex {
            width: 90%;
        }
        .e_bannerA-2 .proindex img {
            max-width: 260px;
        }
        .hangye .maintitle h2 {
            font-size: 40px;
        }
        .maintitle h2 {
            font-size: 40px;
            top: -30px;
        }
        .maintitle h3 {
            font-size: 28px;
        }
        .hangye .right .list {
            min-height: 60vh;
        }
        .hangye .right .list p.line {
            bottom: 14vw
        }
        .product .left li h2 {
            font-size: 16px;
        }
        .product .right li p {
            font-size: 16px;
        }
        .product .right .prolist .swiper-button-prev {
            left: 80%;
            top: 2vw;
        }
        .product .right .prolist .swiper-button-next {
            top: 2vw;
            right: 0%;
        }
        #c_static_001_P_53456-1723709695308 .container .list li h2 {
            font-size: 20px;
        }
    }
    
    @media only screen and (max-width: 960px) {
        .contact .right .box .box1 {
            flex-direction: column;
        }
        .contact .right .box .box1 img {
            max-width: 100%;
        }
        .news .left {
            width: 100%;
        }
        .about .nums .p_item .p_num,
        .about .nums .p_item .s_title {
            font-size: 24px;
        }
        .about .nums .p_item .s_title {
            font-size: 14px;
        }
        .hangye .right .active span {
            font-size: 25vw;
        }
        .hangye .right p.desc {
            font-size: 14px;
        }
        .hangye .right .list p.line {
            bottom: 15vw;
        }
        .hangye .right .list {
            padding: 16vw 2vw;
        }
        .news .right {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .hangye .maintitle h2 {
            font-size: 30px;
        }
        .news .right {
            margin-left: 0%;
        }
        .news .left {
            margin-bottom: 2%;
        }
        .news .content {
            flex-direction: column;
        }
        .product .right .prolist .swiper-button-prev {
            left: 80%;
            top: 2vw;
        }
        .product .right .prolist .swiper-button-next {
            top: 2vw;
            right: 0%;
        }
        .e_bannerA-2 .proindex h2 {
            font-size: 2vw;
        }
        .e_bannerA-2 .proindex img {
            max-width: 180px;
        }
    }
    
    @media only screen and (max-width: 768px) {
           .adv img {
     max-width: 40px;
    }
        .wenhua .con {
            flex-direction: column;
        }
        .wenhua .con li {
            margin-top: 1vw;
        }
        .wenhua .con li h2 {
            font-size: 18px !important;
        }
        .wenhua .con li p {
            font-size: 12px !important;
        }
        .wenhua .maintitle h3 {
            font-size: 18px !important;
        }
        .about .nums .p_list {
            flex-wrap: wrap;
        }
        .aboutnums .line1 {
            display: none;
        }
        .aboutnums .p_item .e_text-12 {
            font-size: 12px !important;
        }
        .aboutnums .p_item .e_text-9 {
            font-size: 14px !important;
        }
        .aboutnums .p_item .p_num {
            font-size: 20px !important;
        }
        .aboutnums .p_item .unit {
            font-size: 14px !important;
        }
        .aboutnums .p_list .p_loopitem {
            width: 50%;
            align-items: flex-start;
        }
        .contacts ul {
            flex-direction: column;
        }
        .contacts ul li {
            width: 100%;
            margin: 1vw;
        }
        .contacts ul li h2,
        .contacts ul li h3 {
            font-size: 16px;
        }
        .contacts .address p {
            font-size: 16px;
        }
        .message .gbook {
            width: 96%;
        }
        .coop .headtitle {
            float: unset;
            width: 100%;
        }
        .coop .container {
            max-width: 90%;
        }
        .coop .headtitle h2 {
            font-size: 24px;
            letter-spacing: 8px;
        }
        .coop .headtitle h3 {
            font-size: 18px;
            top: -7.5vw;
        }
        .coop .headtitle img {
            width: 50px;
            position: relative;
            top: -20px
        }
        .coop .headtitle .info {
            font-size: 14px;
        }
        .coop .headtitle .text {
            padding: 0;
        }
        .coop .tu {
            position: relative;
            width: 100%;
            float: unset;
            margin-top: 10vw;
        }
        .adv .bottom li {
            border-bottom: 1px solid;
            border-image: linear-gradient(90deg, rgba(221, 225, 226, 0.5) 0%, rgba(221, 225, 226, 0.5) 100%) 2 2 2 2;
        }
        .adv .bottom {
            flex-wrap: wrap;
        }
        .adv .bottom p.white {
            width: 4vw;
            margin: 2vw 0
        }
        .adv .bottom h3 {
            font-size: 18px;
        }
        .adv .bottom p {
            font-size: 12px;
        }
        .news .list {
            flex-wrap: wrap;
        }
        .news .list div.tu p {
            display: none;
        }
        .news .list div.listnews li {
            margin: 1vw 0;
            padding: 1vw 0;
        }
        .news .list div.tu span {
            font-size: 14px;
        }
        .news .list div.listnews {
            padding: 4vw 2vw
        }
        .news .list div.listnews li span {
            font-size: 12px;
        }
        .news .list div.tu h2,
        .news .list div.listnews li h2 {
            font-size: 16px;
        }
        .news .list div.tu {
            width: 50%;
            padding: 0 1vw;
            margin-right: 0
        }
        .news .list div.listnews {
            width: 100%;
        }
        .cases .left h1 {
            font-size: 70px;
        }
        .cases .left h2 {
            font-size: 26px;
            position: relative;
        }
        .cases .left h3 {
            font-size: 20px;
        }
        .cases .left p {
            font-size: 14px;
        }
        .cases .right img {
            border-radius: 1vw;
        }
        .cases .left {
            width: 100%;
            padding: 0 2%;
        }
        .casesswiper-container .button {
            width: 25px;
            height: 25px;
            top: 34%;
            border-radius: 20px;
        }
        .casesswiper-container .button::after {
            font-size: 13px;
            color: #fff;
        }
        .cases {
            flex-direction: column;
        }
        .product .left {
            display: none;
        }
        .product .content {
            margin-top: 0
        }
        .product .right .prolist {
            padding-top: 0
        }
        #c_static_001_P_53456-1723709695308 .e_loop-6 {
            padding-right: 0%;
        }
        #c_static_001_P_53456-1723709695308 .e_container-1>.p_item:nth-child(1) {
            max-width: 100%;
        }
        #c_static_001_P_53456-1723709695308 .e_loop-6 .infos {
            padding-left: 0%;
        }
        #c_static_001_P_53456-1723709695308 .e_loop-6 .infos h3 {
            font-size: 18px;
        }
        #c_static_001_P_53456-1723709695308 .e_loop-6 .infos p {
            font-size: 14px;
        }
        #c_static_001_P_53456-1723709695308 .e_text-21,
        .about .e_text-21 {
            font-size: 80px;
        }
        .promore .more {
            font-size: 12px;
        }
        .promore .more .icon {
            width: 14px;
            height: 14px;
        }
        .aboutnei .container .info {
            height: 40vh;
            overflow-y: scroll
        }
        .jobs .right .box .box1 {
            padding: 2vw 4vw
        }
        .aboutnei .nums .p_list {
            flex-wrap: wrap;
        }
        .aboutnei .nums .p_item {
            width: 50%!important
        }
        .aboutnei {
            padding: 3vw 0
        }
        .aboutnei h2 {
            font-size: 20px !important
        }
        .aboutnei h3 {
            font-size: 24px !important
        }
        .product .left li {
            margin: 2vw 2vw;
        }
        .product .left li img {
            max-width: 45px;
        }
        .product .left li span {
            font-size: 9px;
        }
        .product .left li span.en {
            font-size: 10px
        }
        .zizhi .swiper-pagination-bullet-active {
            width: 4vw;
        }
        .zizhi .swiper-pagination {
            bottom: 1vw;
        }
        .zizhi .zizhiswiper li img {
            max-width: 100%;
        }
        .zizhi .zizhiswiper li h2 {
            font-size: 14px;
            
        }
        .youshi .con li {
            width: 100%;
            min-height: 20vw;
        }
        .youshi .con li:nth-child(2),
        .youshi .con li:nth-child(3) {
            width: 100%;
        }
        .youshi .con li:nth-child(even) {
            margin-left: 0%;
        }
        .youshi .con li h2 img {
            max-width: 40px;
        }
        .youshi .con li h2 {
            font-size: 18px;
        }
        .youshi .con li p {
            width: 90%;
            font-size: 14px;
        }
          
        .case h3 {
            font-size: 18px;
        }
        .case .bottom li {
            height: 40vh;
            width: 40%;
        }
        .case .bottom h3 {
            font-size: 0.8rem;
        }
        .case .bottom li.active h3,
        .case .bottom li:hover h3 {
            font-size: 18px;
        }
        .case .bottom li.active p,
        .case .bottom li:hover p {
            font-size: 12px;
        }
        .news .maintitle h2 {
            font-size: 24px;
        }
        .maintitle h3 {
            font-size: 15px;
        }
        .maintitle h2 {
            font-size: 24px;
        }
        .coop .maintitle h2 {
            font-size: 20px;
        }
        p.line {
            width: 2.5rem;
            padding: 0.4rem 0;
        }
        .wenhua .container {
            width: 100%;
        }
        .wenhua .list h2 {
            font-size: 3vw
        }
        .wenhua .list li {
            padding: 5vw 1vw;
            width: 33.33%;
        }
        .wenhua .list li h2 {
            font-size: 14px;
        }
        .wenhua .list h3 {
            padding-top: 4.4vw;
            font-size: 5vw
        }
        .wenhua .list span {
            font-size: 4vw;
        }
        .wenhua .list li.active span.num {
            font-size: 18vw;
        }
        .wenhua .maintitle h3 {
            font-size: 28px;
        }
        .wenhua .list h2 {
            font-size: 14px;
        }
        .huanjing .maintitle h3 {
            font-size: 20px;
        }
        .huanjing .maintitle h2 {
            font-size: 24px;
        }
        .fazhanswiper li h2 {
            font-size: 18vw
        }
        .fazhanswiper li p {
            font-size: 16px;
        }
        .huanjing .swiper-smalls .swiper-button-prev {
            left: 30%;
        }
        .huanjing .swiper-smalls .swiper-button-next {
            right: 30%;
        }
        .huanjing .swiper-smalls {
            height: 30vw;
        }
        .honor .maintitle h3 {
            font-size: 20px;
        }
        .honor .maintitle h2 {
            font-size: 24px;
        }
        .wenhua .list p {
            font-size: 14px;
        }
        .about .container h2 {
            font-size: 26px;
            color: #333;
        }
        .about .container h3 {
            font-size: 14px;
            color: #333;
        }
        .about .nums .p_item img {
            max-width: 40px;
        }
        .about .container .info p {
            width: 100%;
            font-size: 14px;
        }
        .about .nums .p_item {
            min-width: unset;
            padding: 4vw 0;
        }
        .ceng {
            background: transparent !important;
        }
        .about .nums .p_item .p_num,
        .about .nums .p_item .s_title {
            font-size: 20px;
        }
        .about .nums .p_item .s_title {
            font-size: 14px;
        }
        .more {
            padding: 1px 20px 1px 20px;
        }
        .indexmore:hover span {
            padding: 1px 15px 1px 15px;
        }
        .case .container {
            padding: 0;
        }
        .news {
            padding-bottom: 4vw;
        }
        .case .content {
            margin: 1rem 0 1rem 0;
        }
        .news .content {
            padding-bottom: 2vw;
        }
        .indexmore {
            margin: 4vw 0;
        }
        p.protext .indexmore span.more {
            padding: 1px 20px 1px 20px;
        }
        .product .container {
            width: 96%;
            padding: 0;
        }
        .case h2 {
            font-size: 1.2rem;
        }
        .news .maintitle {
            margin-bottom: 4vw;
        }
        .news .maintitle p.line,
        .case p.white {
            padding: 0.4rem 0;
        }
        p.protext {
            flex-direction: column;
        }
        .case p.text {
            font-size: 16px;
            padding: 2vw 0;
            text-align: justify;
        }
        .case .bottom li {
            flex-direction: column;
            /* justify-content: space-between; */
        }
        .case .bottom h3 {
            font-size: 1rem;
            padding: 1.5vw 0;
        }
        p.protext>span {
            padding: 2vw 0;
            font-size: 16px;
        }
        #c_effect_004_P_043-1720173441964 .e_container-11 .cbox-11-2 {
            align-items: center;
        }
        .hangye {
            margin-bottom: 3vw;
            margin-top: 3vw;
        }
        .hangye .left {
            padding-top: 8vw
        }
        .hangye .container {
            justify-content: center;
            flex-direction: column;
            align-items: center;
            align-content: center;
        }
        .hangye .left {
            width: 100%;
        }
        .hangye .right {
            width: 100%;
        }
        .hangye .right .active h2 {
            font-size: 6vw;
        }
        .hangye .right .list {
            min-height: 45vh;
            padding: 12vw 2vw;
        }
        .hangye .right .list p.line {
            bottom: 30vw;
            width: 8vw;
        }
        .product .right .prolist .swiper-button-prev {
            left: 80%;
            top: 2vw;
        }
        .product .right .prolist .swiper-button-next {
            top: 2vw;
            right: 0%;
        }
        #c_static_001_P_53456-1723709695308 .e_text-21,
        .about .e_text-21 {
            margin-top: 2vw;
            font-size: 12vw;
        }
        #c_static_001_P_53456-1723709695308 .container .list {
            flex-direction: column;
        }
        #c_static_001_P_53456-1723709695308 .container .list li {
            width: 90%;
            border-radius: 10px;
            margin: 5px 0;
        }
        #c_static_001_P_53456-1723709695308 .e_container-1 {
            width: 100%;
        }
        #c_static_001_P_53456-1723709695308 .container {
            padding: 0;
        }
        #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_btitle {
            font-size: 16px;
            margin-top: 10px;
            margin-bottom: 0 !important;
        }
        #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_btitle.en {
            font-size: 16px;
            margin-top: 10px;
            margin-bottom: 0 !important;
        }
        #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_summary {
            font-size: 12px;
        }
        .e_bannerA-2 .proindex {
            width: 90%;
        }
        .e_bannerA-2 .proindex img {
            max-width: 160px;
        }
        #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_info {
            width: 100%;
            margin: auto;
        }
        .e_bannerA-2 .proindex h2 {
            font-size: 2.4vw;
        }
        .news .right img {
            max-width: 100%;
        }
    }
    
    @media only screen and (max-width: 640px) {
        #c_static_001_P_53456-1723709695308 .e_container-22 .p_item img {
            max-width: 40px;
        }
        #c_static_001_P_53456-1723709695308 .e_scrollNumber-8 .unit {
            top: 3px;
            font-weight: normal;
        }
        #c_static_001_P_53456-1723709695308 .e_loop-6 {
            flex-direction: column;
        }
        #c_static_001_P_53456-1723709695308 .e_loop-6 .infos {
            width: 100%;
            margin: auto;
            text-align: center;
            padding: 4vw;
        }
        .honor .pos {
            display: none!important
        }
        .honorswipermobile {
            display: flex!important
        }
        .news .left li .time span:nth-child(2),
        .news .right li .time span:nth-child(2) {
            font-size: 14px;
        }
        .news .lean {
            font-size: 12px;
        }
        .news h3 {
            font-weight: 500;
            font-size: 14px;
        }
        .wenhua .list {
            flex-wrap: wrap;
            flex: 1 0 50%;
        }
        .about .nums .p_item {
            width: 100%;
            margin: 1vw;
        }
        .about .nums .p_item .p_num,
        .about .nums .p_item .s_title {
            font-size: 18px;
        }
        .about .nums .p_item .s_title {
            font-size: 12px;
        }
        .case p.text {
            font-size: 14px;
        }
        .case .bottom li {
            flex-direction: column;
            width: 40%;
        }
        .case .bottom h3 {
            font-size: 0.8rem;
            padding: 1.5vw 0;
        }
        .product .content {
            flex-direction: column-reverse
        }
        .product .right {
            width: 100%;
        }
        .product .left {
            width: 100%;
        }
        .product .right .prolist .swiper-button-prev {
            top: 110%;
            left: 20%;
        }
        .product .right .prolist .swiper-button-next {
            top: 110%;
            right: 20%;
        }
    }
    
    @media only screen and (max-width: 480px) {
        .cases .left{    padding:  3% 2%;}
        .coop .headtitle h2 {
      letter-spacing: 1px;
}
        .wenhua .list li:nth-of-type(7){display:none}
        .navlist li a{font-size:12px}
        .footcontact li p {font-size:12px}
        /*.footcontact li p span{ display:block}*/
        .product .right li p{
             -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        }
            
         .coop .container {
            width: 100%;
             max-width: 100%;
        }
        #c_static_001_P_53456-1723709695308 .e_scrollNumber-8 .unit {
            color: #333;
        }
        .zizhi .zizhiswiper li h2 {
            font-size: 12px;
        }
        .about .container .info {
            height: 50vh;
            overflow-y: scroll;
        }
        .about .container h2 {
            font-size: 20px;
            color: #333;
        }
        .about .container h3 {
            font-size: 12px;
        }
        .wenhua .list h2 {
            font-size: 13px;
        }
        .product .left li span.en {
            font-size: 8px
        }
        .product .left li:after {
            left: -2vw;
        }
        .product .left li::before {
            left: -2vw;
        }
        .product .left {
            padding-top: 2vw;
        }
        .footcontact .ewm {
            width: 100%;
            display: none;
        }
        .coop .list li {
            border-radius: 0 35px;
        }
        .coop .list li img {
            border-radius: 0 50px;
        }
        .huanjing .container {
            width: 100%;
        }
        .huanjing .list {
            overflow: hidden;
        }
        .wenhua .maintitle,
        .huanjing .maintitle {
            padding: 5vw 0 8vw 0;
        }
        .wenhua {
            min-height: 30vh;
        }
        .wenhua .list p {
            font-size: 12px;
        }
        .about .nums .p_item .p_num,
        .about .nums .p_item .s_title {
            font-size: 16px;
        }
        .about .nums .p_item .unit,
        .about .nums .p_item .s_title {
            font-size: 12px;
        }
        .hangye .maintitle h2 {
            font-size: 36px;
        }
        .news .container {
            padding: 0;
        }
        #c_effect_004_P_043-1720173441964 .e_container-10 .cbox-11-0 {
            display: none !important;
        }
        .hangye .right .list {
            min-height: 36vh;
            padding: 10vw 2vw;
        }
        .hangye .right p.desc {
            font-size: 12px;
        }
        .product .right .prolist .swiper-button-prev {
            top: 50%;
            left: 0;
        }
        .product .right .prolist .swiper-button-next {
            top: 50%;
            right: 0;
        }
        .productmore {}
        .e_bannerA-2 .proindex {
            padding: 0;
            width: 100%;
        }
        #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_btitle {
            font-size: 14px;
            margin-top: 10px;
            margin-bottom: 10px !important;
        }
        #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_summary {
            font-size: 12px;
        }
        .e_bannerA-2 .proindex {
            width: 100%;
        }
        .e_bannerA-2 .proindex img {
            max-width: 108px;
        }
    }
    
    @media only screen and (max-width: 400px) {}
    
    @media only screen and (max-width: 375px) {
        .hangye .right .active h2 {
            font-size: 5vw;
        }
        .hangye .right .list p.line {
            bottom: 33vw;
        }
    }