@media screen and (max-width: 1679px) {
    .w1800 {
        width: 90%;
    }

    #search-form {
        right: 2.2%;
    }

    .index-cont1 .index-cont1-rli1 {
        margin-top: 332px;
    }

    .index-cont1 .index-cont1-rli {
        margin-top: 260px;
    }

    .index-cont3 .index-cont3-font {
        left: 80px;
    }

    .product-do-list {
        padding-left: 120px;
    }

    .index-cont1 .index-tit {
        top: 90px;
    }

    .about .about-pchonor ul li:nth-child(6) {
        top: 75%;
        left: 4%;
        transform: translate(-7%, -72.5%);
    }

    .about .about-pchonor ul li:nth-child(5) {
        left: 91%;
        top: 18%;
        transform: translate(-91%, -24.5%);
    }

    .about .about-pchonor ul li:nth-child(1) {
        left: 36%;
        top: 17%;
        transform: translate(-36%, -21%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(2) {
        left: 50%;
        top: 23%;
        transform: translate(-50%, -23%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(3) {
        left: 63.5%;
        top: 24.5%;
        transform: translate(-63.5%, -24.5%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(4) {
        left: 77%;
        top: 3%;
        transform: translate(-76%, -14.5%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(5) {
        left: 89%;
        top: 24.5%;
        transform: translate(-89%, -24.5%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(6) {
        top: 76%;
        left: 6%;
        transform: translate(-7%, -74.5%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(2) {
        left: 50%;
        top: 18%;
        transform: translate(-50%, -23%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(3) {
        left: 64%;
        top: 24.5%;
        transform: translate(-64%, -24.5%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(5) {
        left: 90%;
        top: 22%;
        transform: translate(-90%, -25%);
    }
    .index-cont2 .index-cont2-font{
        width:900px;
    }
}

@media screen and (max-width: 1659px) {
    .product .product-do-menu a {
        line-height: 60px;
    }

    .index-cont6 .index-cont6-more {
        margin-top: 40px;
    }

    .footer .foot-cen li {
        padding-right: 4%;
    }

    .footer .foot-cen h3 {
        font-size: 18px;
    }
}

@media screen and (max-width: 1650px) {
    .about-pccooper .about-pccplist li {
        width: 17.5%;
    }

    .w1600,
    .index-cont5-swiper {
        width: 90%;
    }

    .index-cont1 .index-cont1-rli1 {
        margin-top: 331px;
    }

    .index-cont1 .index-cont1-rli {
        margin-top: 250px;
    }

    .index-cont2 .index-cont2-li1:hover {
        width: 63%;
    }

    .index-cont2 .index-cont2-li2:hover {
        left: 37%;
        width: 63%;
    }

    .index-cont4 .ul-num li {
        width: 42%;
        margin-right: 85px;
    }

    .index-cont6 .index-cont6-swiperfont {
        padding: 38px 60px 30px 52px;
    }

    #search-form {
        right: 4.8%;
    }

    .H001B-interactive-segment-split .left-slide .slide-content--default {
        right: 16rem;
    }

    .qhse-manage .qhse-manage-left .qhse-mali2 {
        bottom: 0%;
        left: -2%;
        transform: translate(0%, 0%);
    }

    .qhse-manage .qhse-manage-left .qhse-mali3 {
        right: -3.7%;
        transform: translate(-0%, 0%);
    }

    .pub-banner .pub-banner-img {
        right: 8%;
        transform: translateX(-8%);
    }

    .product .product-story-ul li {
        margin-right: 67px;
    }

    .new .new-hotright a {
        padding-left: 80px;
        padding-right: 150px;
        padding-top: 80px;
    }

    .pub-banner .pub-banner-img1 {
        right: 0%;
        transform: translateX(0%);
    }

    .equipment .equipment-bot-ul li:nth-child(8) {
        width: 32%;
        top: -112px !important;
    }

    .supply {
        width: 90%;
    }

    .contact .contact-formright ul li {
        margin-right: 35px;
    }

    .contact .contact-methodfont {
        padding-left: 70px;
    }

    .team-pro .team-proleft {
        padding-left: 55px;
    }

    .index-cont1 .index-tit {
        top: 70px;
    }

    .qhse-manage .qhse-manage-left ul li:nth-child(1) {
        left: 43.5%;
    }

    .qhse-manage .qhse-manage-left ul li:nth-child(2) {
        left: 44%;
    }

    .qhse-manage .qhse-manage-left ul li:nth-child(3) {
        left: 31.5%;
    }

    .qhse-policy .qhse-policy-leftimg2 {
        padding-left: 165px;
    }

    .service-quilty .service-quilty-ct li:nth-child(2) {
        right: 4%;
    }

    .qhse-policy .qhse-policy-right::after {
        left: 80px;
    }

    .service-quilty .service-quilty-ct li:nth-child(1) {
        left: 3.5%;
    }

    .service-quilty .service-quilty-ct li:nth-child(3) {
        right: 6%;
    }

    .energy-add .energy-add-img3 {
        margin-left: 28%;
    }
}

@media screen and (max-width: 1560px) {
    .product-do-list {
        padding-left: 110px;
    }

    .index-cont1 .index-cont1-rli1 {
        margin-top: 308px;
    }

    .index-cont1 .index-cont1-rli {
        margin-top: 225px;
    }

    .index-cont4 .ul-num li {
        width: 45%;
        margin-right: 48px;
    }

    .index-cont6 .index-cont6-swiperfont {
        padding: 38px 53px 30px 35px;
    }

    #search-form {
        right: 5%;
        width: 23%;
    }

    .about .about-who-left {
        padding-left: 5%;
    }

    .about .about-who-right {
        padding-right: 5%;
    }

    .about .about-who-rightfont {
        right: 5%;
    }

    .H001B-interactive-segment-split .left-slide .slide-content--default {
        right: 13.5rem;
    }

    .qhse-manage .qhse-manage-left .qhse-mali2 {
        left: -9.5%;
        transform: translate(0%, 0%);
    }

    .technology .technology-topfont h3 {
        font-size: 18px;
    }

    .newinfo .newinfo-list-right {
        padding-right: 50px;
    }

    .hr .hr-join .hr-join-leftfont {
        padding-left: 6%;
    }

    .equipment .equipment-bot-ul li:nth-child(8) {
        width: 31.7%;
    }

    .equipment .equipment-bot-ul li:nth-child(9) {
        padding-top: 470px !important;
    }

    .equipment .equipment-top-right {
        padding-left: 50px;
        padding-top: 35px;
    }

    .supply .supply-fontdec {
        width: 78%;
        text-align: justify;
    }

    .contact .contact-method li {
        padding: 7px 55px;
    }

    .contact .contact-formright ul li {
        width: 46%;
    }


    .index-cont1 .index-tit {
        top: 60px;
    }

    .index-cont2 .index-cont2-list .index-cont2-li {
        height: 620px;
    }

    .index-cont2 .index-cont2-list {
        margin-top: 40px;
    }

    .index-tit h3 {
        font-size: 40px;
        line-height: 55px;
    }

    .contact .contact-topimg {
        top: 99%;
        left: 50%;
        transform: translate(-50%, -99%);
    }

    .about .about-pchonor ul li:nth-child(1) {
        left: 35%;
        top: 17%;
        transform: translate(-35%, -21%);
    }

    .about .about-pchonor ul li:nth-child(2) {
        left: 49%;
        top: 16%;
        transform: translate(-48%, -21.5%);
    }

    .about .about-pchonor ul li:nth-child(3) {
        left: 62%;
        top: 18%;
        transform: translate(-62%, -16.5%);
    }

    .about .about-pchonor ul li:nth-child(4) {
        left: 76%;
        top: 21%;
        transform: translate(-75%, -21%);
    }

    .about .about-pchonor ul li:nth-child(5) {
        left: 89%;
        top: 16%;
        transform: translate(-89%, -23%);
    }

    .about .about-pchonor ul li:nth-child(8) {
        left: 36%;
        top: 74%;
        transform: translate(-36%, -74%);
    }

    .about .about-pchonor ul li:nth-child(9) {
        left: 50.5%;
        top: 75%;
        transform: translate(-48.5%, -72.5%);
    }

    .about .about-pchonor ul li:nth-child(10) {
        left: 64%;
        top: 75%;
        transform: translate(-60%, -73%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(2) {
        left: 49%;
        top: 17.5%;
        transform: translate(-48%, -22.5%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(3) {
        left: 65%;
        top: 23.5%;
        transform: translate(-63%, -24.5%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(4) {
        left: 79%;
        top: 3.5%;
        transform: translate(-74%, -14.5%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(8) {
        left: 34%;
        top: 76%;
        transform: translate(-34%, -75%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(5) {
        left: 91%;
        top: 25%;
        transform: translate(-91%, -25%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(9) {
        left: 49.5%;
        top: 75.5%;
        transform: translate(-49.5%, -73.5%);
    }

    .service-quilty .service-quilty-ct li:nth-child(1) {
        left: -0.5%;
    }

    .service-quilty .service-quilty-ct li {
        width: 22%;
    }

        .service-quilty .service-quilty-ct li:nth-child(2) {
            right: 0.5%;
        }

        .service-quilty .service-quilty-ct li:nth-child(3) {
            right: 2.5%;
        }

    .energy-team .energy-team-font h3 {
        font-size: 28px;
        line-height: 40px;
    }

    .energy-team .energy-team-left {
        padding-right: 6%;
    }

    .energy .energy-supply-font h4 {
        font-size: 22px;
    }

    .energy-add .energy-add-img3 {
        margin-left: 23.5%;
    }

    .energy-add .energy-add-font h4 {
        font-size: 24px;
        line-height: 36px;
    }

    .energy-add .energy-add-font .dec {
        margin-top: 2%;
    }
}

@media screen and (max-width: 1520px) {
    .index-cont1 .index-cont1-rli1 {
        margin-top: 300px;
    }

    .index-cont1 .index-cont1-rli {
        margin-top: 215px;
    }

    .index-cont2 .index-cont2-list {
        margin-top: 38px;
    }

    .index-cont4 .ul-num li {
        width: 46%;
        margin-right: 33px;
    }

    .index-cont6 .index-cont6-listright ul {
        padding: 30px 36px 13px 36px;
    }

    #search-form {
        right: 4.1%;
        width: 23%;
    }

    .w1400 {
        width: 90%;
    }

    .H001B-interactive-segment-split .left-slide .slide-content--default {
        right: 12.5rem;
    }

    .qhse-manage .qhse-manage-left .qhse-mali2 {
        left: -12%;
    }

    .product .product-story-ul li {
        margin-right: 63px;
    }

    .new .new-bot .new-botfont h3,
    .new .new-bot .new-hbotfont h3 {
        font-size: 20px;
    }

    .contact .contact-formright {
        padding-left: 100px;
        padding-top: 0px;
    }

        .contact .contact-formright h3 {
            margin-bottom: 30px;
        }

        .contact .contact-formright ul label {
            padding-bottom: 13px;
        }

    .energy-add .energy-add-img3 {
        margin-left: 21.5%;
    }
}

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

    .qhse-policy .qhse-policy-right::after {
        width: 340px;
        height: 340px;
    }

    .product-do-list {
        padding-left: 100px;
    }

    .index-cont1 .index-cont1-rli1 {
        margin-top: 290px;
    }

    .index-cont1 .index-cont1-rli {
        margin-top: 205px;
    }

    .index-cont2 .index-cont2-font {
        padding: 0 160px 0 70px;
    }

    .index-cont4 .ul-num li {
        width: 47%;
        margin-right: 25px;
    }

    .index-cont6 .index-cont6-listright {
        width: 39%;
    }

    .index-cont6 .index-cont6-listleft {
        width: 61%;
    }

    #search-form {
        right: 4.8%;
        width: 24%;
    }

    .index-cont4 .law-num-info span,
    .about .law-num-info span {
        font-size: 88px;
    }

    .headfixed .menu-list {
        width: 85%;
    }

    .H001B-interactive-segment-split .left-slide .slide-content--default {
        right: 11rem;
    }

    .H001B-interactive-segment-split .right-slide .slide-content--default {
        left: 8.5rem;
    }

    .about .about-progress .about-bigswiper-rightfont {
        padding-right: 80px;
    }

    .about .about-who-ceimg img {
        width: 60%;
    }

    .qhse-manage .qhse-manage-right {
        width: 45%;
        padding-left: 3px;
    }

    .qhse-manage .qhse-manage-left {
        width: 55%;
    }

        .qhse-manage .qhse-manage-left .qhse-mali2 {
            left: -7%;
        }

    .pub-banner .pub-banner-font .pub-banner-fonttit,
    .product .product-do-font .pub-banner-fonttit {
        font-size: 40px;
        line-height: 50px;
    }

    .pub-banner .pub-banner-font .pub-banner-fonttitec,
    .product .product-do-font .pub-banner-fonttitec {
        font-size: 40px;
        line-height: 50px;
    }

    .product .product-do-menu a {
        font-size: 26px;
    }

    .product .product-do-menu {
        margin-top: 10px;
    }

    .product .product-story-ul li {
        margin-right: 60px;
    }

    .technology .technology-topfontp {
        font-size: 16px;
    }

    .technology .technology-topfont h3 {
        height: 24px;
        line-height: 24px;
    }

    .technology .technology-topfont {
        margin-top: 20px;
    }

    .technology .technology-botright {
        padding-left: 55px;
        padding-right: 45px;
    }

    .new .new-hotright a {
        padding-left: 70px;
        padding-right: 100px;
        padding-top: 70px;
    }

    .newinfo .newinfot-right-menu li {
        padding: 20px 10px;
    }

    .newinfo .newinfo-list-right {
        padding-right: 0px;
    }

    .energy-add .energy-add-img3 {
        margin-left: 19%;
    }
}

@media screen and (max-width: 1459px) {
    .innew .more {
        margin-top: 30px;
    }

    .innew .innew-time span {
        font-size: 60px;
        line-height: 45px;
    }

    .innew .innew-time em {
        font-size: 22px;
    }

    .team-pro .team-proleft {
        height: 420px;
    }

    .team-pro {
        padding-bottom: 100px;
    }

        .team-pro .team-proright {
            top: 27%;
        }

    .footer .foot-left-addr h2 {
        font-size: 18px;
    }

    .service-qhse .service-qhse-li > div {
        width: 90%;
    }

    .service-quilty .service-quilty-ct li:nth-child(1) {
        left: -2%;
    }

    .service-quilty .service-quilty-ct li:nth-child(2) {
        right: -2%;
    }

    .service-quilty .service-quilty-ct li:nth-child(3) {
        right: 0%;
    }

    .energy-rel .energy-rel-font .num {
        font-size: 54px;
        line-height: 66px;
    }

    .energy-rel .rel-font-tit h4 {
        font-size: 25px;
        line-height: 42px;
    }

    .energy-rel .energy-rel-img {
        height: 620px;
    }

    .energy-qhse .energy-qhse-ft h4 {
        font-size: 26px;
        line-height: 36px;
    }

    .energy-rel .rel-font-dec {
        font-size: 15px;
    }

    .energy-add .energy-add-img3 {
        margin-left: 18.5%;
    }
    .index-cont2 .index-cont2-font{
        width:700px;
    }
}

@media screen and (max-width: 1440px) {
    .index-cont1 .index-tit {
        top: 60px;
    }

    .index-cont1 .index-cont1-rli1 {
        margin-top: 270px;
    }

    .index-cont2 .index-cont2-list .index-cont2-li,
    .index-cont2 .index-cont2-list {
        height: 550px;
    }

    .index-cont4 .index-cont4-fontimg {
        margin-bottom: 10px;
    }


    .contact .contact-methodfont {
        padding-left: 50px;
    }

    .contact .contact-method li {
        padding: 7px 45px;
    }
}

@media screen and (max-width: 1366px) {
    .qhse-policy .qhse-policy-right::after {
        width: 300px;
        height: 300px;
    }

    .qhse-manage .qhse-manage-left ul li:nth-child(1) {
        left: 42.5%;
    }

    .qhse-manage .qhse-manage-left ul li:nth-child(2) {
        left: 43%;
    }

    .qhse-manage .qhse-manage-left ul li:nth-child(3) {
        left: 29.5%;
    }

    .index-cont1 .index-tit {
        top: 60px;
    }

    .index-cont2 .index-cont2-list .index-cont2-li,
    .index-cont2 .index-cont2-list {
        height: 500px;
    }

    .index-cont6 .index-cont6-listright ul li {
        padding-bottom: 10px;
        padding-top: 15px;
    }

    .product .product-do-menu a {
        font-size: 24px;
        line-height: 50px;
    }

    .banner .swiper-font .swiper-h2,
    .banner .swiper-font .swiper-h2 h2 {
        font-size: 52px;
    }

        .banner .swiper-font .swiper-h2 h2 span {
            font-size: 68px;
        }

    .index-tit h3 {
        font-size: 36px;
        line-height: 50px;
    }

    .index-cont1 .index-cont1-tit {
        font-size: 26px;
    }

    .index-cont1 .index-cont1-rli1 {
        margin-top: 193px;
    }

    .index-cont1 .index-cont1-rli {
        margin-top: 195px;
    }

    .index-cont1 .index-cont1-icon img {
        width: 80%;
    }

    .index-cont1 .index-cont1-icon {
        margin: 0 auto 6px auto;
    }

    .index-cont4 .ul-num li {
        width: 48%;
        margin-right: 10px;
    }

    .index-cont6 .index-cont6-listrighttit {
        padding-right: 25px;
    }

    .footer .foot-cen h3 {
        font-size: 18px;
    }

    .footer .foot-cen li:last-child .foot-cen-font p:nth-child(2) {
        font-size: 16px;
    }

    .footer .foot-cen li {
        padding-right: 3%;
    }


    .footer .foot-cen .foot-cen-font p,
    .footer .foot-cen .email  {
        font-size: 15px;
    }

    .menu-list h3 a,
    .language-text,
    .language-list a {
        font-size: 16px;
    }

    .about .about-who-ceimg {
        left: 42%;
        transform: translateX(-42%);
    }

    .H001B-interactive-segment-split .left-slide .slide-content--default {
        right: 8rem;
    }

    .H001B-interactive-segment-split .right-slide .slide-content--default {
        left: 5.5rem;
    }

    .qhse-manage .qhse-manage-leftfont h3 {
        font-size: 18px;
        line-height: 30px;
    }

    .qhse-manage .qhse-manage-left .qhse-mali {
        width: 400px;
        height: 400px;
    }

    .qhse-manage .qhse-manage-left .qhse-mali1 {
        top: 13%;
        left: 45%;
        transform: translate(-45%, -13%);
    }

    .qhse-policy {
        padding-top: 100px;
        padding-bottom: 160px;
    }

        .qhse-policy .qhse-policy-right h3,
        .qhse-manage .qhse-manage-right h3,
        .qhse-hse .qhse-hse-font h3 {
            font-size: 40px;
            line-height: 45px;
        }

    .pub-banner .pub-banner-font .pub-banner-fonttit,
    .product .product-do-font .pub-banner-fonttit {
        font-size: 44px;
    }

    .qhse-manage .qhse-manage-leftfont .qhse-manage-leftdec {
        margin-top: 10px;
    }

    .product .product-case-list {
        width: 860px;
    }

    .product .product-detail .product-detail-right {
        padding-left: 110px;
    }

    .product .product-exper-right {
        padding-right: 30px;
        padding-left: 60px;
    }

    .product .product-exper-righttit h3 {
        font-size: 24px;
        line-height: 42px;
    }

    .product .product-num {
        padding-bottom: 100px;
        padding-top: 100px;
    }

    .product .product-exper-righttit h3 span {
        font-size: 40px;
    }

    .product .product-exper-righttit {
        margin-bottom: 25px;
    }

    .product .product-exper-rightdec p:first-child {
        margin-bottom: 20px;
    }

    .product .law-num-info span {
        font-size: 90px;
    }

    .product .product-story-ul li {
        margin-right: 55px;
        margin-bottom: 70px;
    }

    .new .new-bot .new-botfont {
        padding: 45px 40px 48px 40px;
    }

    .newinfo .newinfo-recomm {
        margin-top: 40px;
    }

    .pub-banner .pub-banner-img1 img {
        width: 80%;
    }

    .hr .hr-tit {
        font-size: 30px;
        line-height: 40px;
    }

    .hr .hr-ulfont h3 {
        font-size: 26px;
        line-height: 40px;
    }

    .hr .hr-join-rightfont h3 {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 6px;
    }

    .hr .hr-join-right ul li {
        margin-bottom: 30px;
    }

    .hr .hr-story-swiperfont h3 {
        font-size: 22px;
    }

    .equipment .equipment-top-righth3 h3 {
        font-size: 26px;
        line-height: 40px;
    }

    .equipment .equipment-bot-ul li:nth-child(8) {
        position: static !important;
        width: auto;
    }

    .equipment .equipment-bot-ul li:nth-child(9) {
        padding-top: 0px !important;
    }

    .supply .supply-fontdec {
        width: 82%;
    }

    .contact .contact-top-leftfont h3 {
        font-size: 50px;
    }

    .contact .contact-cen {
        padding: 85px 80px 106px 80px;
    }

    .contact .contact-top li {
        padding-left: 80px
    }

    .about .about-cooper-li1 {
        top: 28%;
        left: 12%;
    }

    .about .about-cooper-li3 {
        top: 24%;
        left: 44%;
    }

    .about .about-cooper-li10 {
        top: 34.5%;
        left: 58%;
    }

    .about .about-cooper-li12 {
        top: 25.5%;
        left: 83.5%;
    }

    .about .about-cooper-li18 {
        top: 44%;
        left: 4%;
    }

    .about .about-cooper-li7 {
        top: 51%;
        left: 15.5%;
    }

    .about .about-cooper-li6 {
        top: 60%;
        left: 5.5%;
    }

    .about .about-cooper-li19 {
        top: 73%;
        left: 0%;
    }

    .about .about-cooper-li26 {
        top: 85%;
        left: 6%;
    }

    .about .about-cooper-li13 {
        top: 71.5%;
        left: 14.5%;
    }

    .about .about-cooper-li14 {
        top: 67.5%;
        left: 32%;
    }

    .about .about-cooper-li27 {
        top: 82%;
        left: 24%;
    }

    .about .about-cooper-li21 {
        top: 80%;
        left: 40%;
    }

    .about .about-cooper-li22 {
        top: 58%;
        left: 86%;
    }

    .about .about-cooper-li25 {
        top: 78%;
        left: 88%;
    }

    .about .about-cooper-li23 {
        top: 72%;
        left: 53%;
    }

    .about .about-cooper-li11 {
        top: 56.5%;
        left: 52%;
    }

    .about .about-cooper-li20 {
        top: 60%;
        left: 69%;
    }

    .about .about-cooper-li24 {
        top: 79%;
        left: 72%;
    }

    .innew .more {
        margin-top: 20px;
    }

    .innew .innew-listcont {
        padding: 10px 50px 10px 40px;
    }

    .contact .contact-topimg {
        top: 99%;
        left: 45%;
        transform: translate(-45%, -99%);
    }

    .hr .hr-join-right ul {
        width: 650px;
        height: 370px;
    }

    .about .about-tit {
        font-size: 38px;
    }

    .H001B-interactive-segment-split h3 {
        font-size: 40px;
    }

    .qhse-manage .qhse-manage-left ul li:nth-child(1) {
        left: 42.5%;
    }

    .qhse-manage .qhse-manage-left ul li:nth-child(3) {
        left: 29%;
    }

    .about-pccooper .about-pccplist li {
        margin-right: 30px;
        margin-bottom: 30px;
    }

    .about .about-pchonor ul li:nth-child(1) {
        left: 30%;
        top: 17%;
        transform: translate(-30%, -21%);
    }

    .about .about-pchonor ul li:nth-child(2) {
        left: 45%;
        top: 16%;
        transform: translate(-44%, -21.5%);
    }

    .about .about-pchonor ul li:nth-child(3) {
        left: 59%;
        top: 18%;
        transform: translate(-59%, -16.5%);
    }

    .about .about-pchonor ul li:nth-child(4) {
        left: 75%;
        top: 21%;
        transform: translate(-73%, -21%);
    }

    .about .about-pchonor ul li:nth-child(5) {
        left: 86%;
        top: 16.2%;
        transform: translate(-50%, -23.2%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(1) {
        left: 30%;
        top: 19%;
        transform: translate(-30%, -23%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(2) {
        left: 45%;
        top: 19.5%;
        transform: translate(-45%, -24.5%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(3) {
        left: 60%;
        top: 25%;
        transform: translate(-60%, -26%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(4) {
        left: 74%;
        top: 7%;
        transform: translate(-74%, -17.5%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(5) {
        left: 88%;
        top: 24%;
        transform: translate(-88%, -27%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(6) {
        top: 76.5%;
        left: 5%;
        transform: translate(-7%, -75.5%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(7) {
        left: 20%;
        top: 73%;
        transform: translate(-20%, -69%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(8) {
        left: 34%;
        top: 76%;
        transform: translate(-34%, -76%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(9) {
        left: 50.5%;
        top: 76%;
        transform: translate(-49.5%, -74%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(10) {
        left: 67%;
        top: 75%;
        transform: translate(-63%, -74%);
    }

    .about .about-pchonor .about-pclist:last-child ul li img {
        width: 90%;
    }

    .index-cont5-img {
        height: 130px;
    }

    .footer .foot-left-addr h2 {
        font-size: 17px;
    }

    .index-cont1 .index-cont1-left,
    .index-cont1 .index-cont1-right {
        width: 42%;
    }

    .index-cont1 .index-cont1-right {
        width: 58%;
    }

    .index-cont1 .flr {
        width: 58%;
    }

    .index-cont3 .index-cont3-menu {
        margin-top: 40px;
    }

    .index-cont6 .index-cont6-bot {
        margin-top: 20px;
    }

    .index-cont1 .index-tit {
        left: 50%;
    }

    .about .about-progress-smallswiper .swiper-button-next,
    .about .about-progress-bigswiper .swiper-button-next,
    .about .about-progress-smallswiper .swiper-button-prev,
    .about .about-progress-bigswiper .swiper-button-prev {
        top: -25%;
    }

    .service .service-build .tit {
        font-size: 22px;
    }

    .service-qhse .service-qhse-rightfont h3 {
        font-size: 28px;
        line-height: 42px;
    }

    .service-quilty .service-quilty-num li:nth-child(1)::before {
        left: -155px;
    }

    .service-quilty .service-quilty-num li:nth-child(2)::before {
        right: -160px;
    }

    .service-quilty .service-quilty-num li:nth-child(3)::before {
        right: -255px;
    }

    .service-quilty .service-quilty-ct li:nth-child(2) {
        right: -3.5%;
    }

    .service-quilty .service-quilty-ct li:nth-child(3) {
        right: -1.5%;
    }

    .service-quilty .service-quilty-ct li:nth-child(1) {
        left: -3.5%;
    }

    .product .product-story-font h3,
    .service-exper .service-exper-font h3,
    .energy-item .service-exper-font h3 {
        font-size: 20px;
    }

    .energy-team .energy-team-font h3 {
        font-size: 25px;
        line-height: 38px;
    }

    .energy .energy-supply-font h4 {
        font-size: 20px;
    }

    .energy-rel .rel-font-tit h4 {
        font-size: 24px;
    }

    .energy-rel .energy-rel-font {
        padding-top: 4%;
        margin-right: 5.4%;
    }

    .energy-qhse .energy-qhse-left::before {
        width: 300px;
        height: 300px;
    }

    .energy-qhse .energy-qhse-righttp::before {
        width: 320px;
        height: 320px;
    }

    .energy-qhse .energy-qhse-rightbt::before {
        width: 250px;
        height: 300px;
    }

    .energy-qhse .energy-qhse-right .energy-qhse-ft {
        padding: 8% 8% 4.5% 6%;
    }

    .energy-add .energy-add-img3 {
        margin-left: 6.5%;
    }
}

@media screen and (max-width: 1260px) {
    .qhse-manage .qhse-manage-left ul li:nth-child(1) {
        left: 45.5%;
    }

    .qhse-manage .qhse-manage-left ul li:nth-child(2) {
        left: 46.2%;
    }

    .qhse-manage .qhse-manage-left ul li:nth-child(3) {
        left: 38.5%;
    }

    .menu-list h3 a,
    .language-text,
    .language-list a {
        font-size: 16px;
    }

    #search-form {
        width: 26%;
    }

    .headfixed .menu-list > ul {
        width: 87%;
    }

    .index-tit h3 {
        font-size: 36px;
        line-height: 60px;
    }

    .index-cont1 .index-cont1-tit {
        font-size: 23px;
    }

    .index-cont1 .index-cont1-rli1 {
        margin-top: 253px;
    }

    .index-cont1 .index-cont1-rli {
        margin-top: 180px;
    }

    .index-cont1 .index-tit {
        top: 105px;
    }

    .index-cont2 .index-cont2-fontiti {
        font-size: 22px;
    }

    .index-cont4 .law-num-info span,
    .about .law-num-info span {
        font-size: 80px;
        line-height: 75px;
    }

    .index-cont4 .index-cont4-left {
        width: 42%;
    }

    .index-cont4 .index-cont4-right {
        width: 58%;
    }

    .index-cont4 .qswl-num {
        width: 76%;
    }

    .index-cont6 .index-cont6-listrighttit {
        font-size: 18px;
    }

    .index-cont6 .index-cont6-bot {
        margin-top: 30px;
    }

    .search-box {
        width: 184px;
    }

    .footer .foot-cen h3,
    .footer .foot-right h3,
    .footer .foot-left-addr h2 {
        font-size: 18px;
    }

    .footer .footer-list-botmenu a {
        font-size: 16px;
    }

    .index-cont1 .index-tit {
        width: 45%;
    }

    .headfixed .menu-list {
        width: 88%;
    }

    .about .about-tit,
    .H001B-interactive-segment-split h3 {
        font-size: 40px;
        line-height: 50px;
    }

    .about .about-select-icon {
        margin-top: 16px;
    }

    .H001B-interactive-segment-split .left-slide .slide-content--default {
        top: 13rem;
    }

    .H001B-interactive-segment-split .left-slide .slide-content--default {
        right: 19rem;
    }

    .H001B-interactive-segment-split {
        height: 650px;
    }

    .service-item .H001B-interactive-segment-split {
        height: 800px;
    }

    .H001B-interactive-segment-split .right-slide .slide-content--default {
        left: 8.5rem;
    }

    .about .about-who-left {
        width: 55%;
    }

    .about .about-who-right {
        width: 45%;
    }

    .about .about-who-ceimg img {
        width: 70%;
    }

    .about .about-who-leftdec {
        text-align: justify;
    }

    .about .about-who-left,
    .about .about-who-right {
        padding-bottom: 180px;
    }

    .about .about-who-ceimg {
        left: 52%;
        transform: translateX(-52%);
    }

    .qhse-policy .qhse-policy-right h3,
    .qhse-manage .qhse-manage-right h3,
    .qhse-hse .qhse-hse-font h3 {
        font-size: 36px;
        line-height: 45px;
    }

    .qhse-manage > div {
        flex-wrap: wrap;
    }

    .qhse-manage .qhse-manage-right,
    .qhse-manage .qhse-manage-left {
        width: 100%;
    }

    .qhse-manage .qhse-manage-right {
        padding-right: 0px;
    }

    .qhse-manage .qhse-manage-left {
        padding-top: 50px;
    }

        .qhse-manage .qhse-manage-left .qhse-mali1 {
            top: 0%;
            left: 50%;
            transform: translate(-50%, 0%);
        }

        .qhse-manage .qhse-manage-left .qhse-mali2 {
            left: 14%;
        }

        .qhse-manage .qhse-manage-left .qhse-mali3 {
            right: 14%;
        }

        .qhse-manage .qhse-manage-left .qhse-mali {
            width: 432px;
            height: 432px;
        }

    .qhse-hse .qhse-hse-leftul h4 {
        font-size: 18px;
        line-height: 30px;
    }

        .qhse-hse .qhse-hse-leftul h4::before,
        .qhse-zs .qhse-zs-ul h4::before {
            top: 12px;
        }

    .qhse-hse .qhse-hse-leftul li {
        width: 100%;
        padding-bottom: 20px;
    }

    .qhse-hse .qhse-hse-font h4 {
        margin-top: 30px;
    }

    .pub-banner .pub-banner-font .pub-banner-fonttit,
    .product .product-do-font .pub-banner-fonttit {
        font-size: 34px;
        line-height: 45px;
    }

    .pub-banner .pub-banner-font .pub-banner-fonttitec,
    .product .product-do-font .pub-banner-fonttitec {
        font-size: 36px;
        line-height: 40px;
    }

    .product .product-do-menu a {
        font-size: 22px;
        line-height: 45px;
    }

    .product .product-exper-left {
        width: 45%;
    }

    .product .product-exper-right {
        width: 55%;
    }

    .product .law-num-info span {
        font-size: 80px;
        line-height: 70px;
    }

    .product .product-case-tit,
    .product .product-story-tit {
        font-size: 32px;
        line-height: 40px;
    }

    .product .product-detail-tit {
        font-size: 26px;
        line-height: 35px;
    }

    .product .product-detail .product-detail-right ul {
        margin-top: 28px;
    }

    .product .product-story-font h3,
    .service-exper .service-exper-font h3,
    .energy-item .service-exper-font h3 {
        font-size: 20px;
    }

    .product .product-story-ul li {
        margin-right: 50px;
        margin-bottom: 60px;
    }

    .technology .technology-bot li {
        padding: 80px 0;
    }

    .technology {
        padding-top: 80px;
    }

        .technology .technology-bot {
            margin-top: 60px;
        }

        .technology .technology-topfontp {
            margin-top: 15px;
        }

    .new .new-hotright a {
        padding-left: 55px;
        padding-right: 70px;
        padding-top: 40px;
    }

    .newinfo .newinfo-recomm-right h4 {
        font-size: 16px;
    }

    .newinfo {
        padding-top: 40px;
        padding-bottom: 60px;
    }

        .newinfo .newinfo-list-right {
            padding-left: 15px;
        }

        .newinfo .newinfot-right-searchbox {
            width: 100%;
        }

    .hr .hr-join-right ul {
        width: 90%;
        height: 380px;
    }

    .hr .hr-ul li {
        margin-right: 100px;
    }

    .equipment .equipment-top-righth3 h3 {
        font-size: 24px;
        line-height: 38px;
    }

    .equipment .equipment-top-right {
        padding-left: 30px;
        padding-top: 20px;
    }

    .p25 {
        padding-top: 15px;
    }

    .equipment .equipment-botfont {
        padding: 20px 22px;
    }

    .contact .contact-methodfont {
        padding-left: 5px;
    }

    .contact .contact-formright ul li {
        margin-right: 30px;
    }

    .contact .contact-form > div {
        align-items: center;
    }

    .contact .contact-method li {
        width: 30%;
    }

        .contact .contact-method li:first-child {
            width: 40%;
        }

    .contact .contact-method {
        padding: 60px 0;
    }

    .about .about-cooper-li6 {
        top: 60%;
        left: 2.5%;
    }

    .about .about-cooper-li5 {
        top: 45%;
        left: 75.5%;
    }

    .index-cont1 .index-tit {
        top: 50px;
    }

    .footer .foot-left-addr h2 {
        font-size: 17px;
    }
}

@media screen and (max-width: 1259px) {
    .innew .innew-listcont-ct h3 {
        font-size: 20px;
        line-height: 26px;
    }

    .innew .innew-listcont-ctdec {
        font-size: 15px;
        line-height: 24px;
        margin-top: 8px;
    }

    .innew {
        padding-top: 100px;
        padding-bottom: 80px;
    }

    .team-pro {
        padding-bottom: 30px;
    }

        .team-pro .team-proleft {
            padding-left: 40px;
        }

        .team-pro .team-proleft-fontdec {
            font-size: 16px;
            padding-top: 20px;
        }

        .team-pro .team-proleft .team-proleft-font h3 {
            font-size: 28px;
            line-height: 48px;
            padding-bottom: 20px;
        }

    .about .about-pchonor {
        display: none;
    }

    .about .about-mobilhonor {
        display: block;
        padding-top: 40px;
    }

    .about .about-honor {
        height: 550px;
    }

    .jzt-list .jzt-listbg {
        border-right: 80px solid transparent;
        border-left: 80px solid transparent;
        border-bottom-width: 130px;
    }

        .jzt-list .jzt-listbg.bg2 {
            width: 160px;
        }

        .jzt-list .jzt-listbg.bg3 {
            width: 320px;
        }

    .qhse-manage .qhse-manage-left ul li:nth-child(3) {
        left: 37.5%;
    }

    .qhse-policy .qhse-policy-right::after {
        opacity: 0.5;
    }

    .about .about-honor-top .about-tit {
        margin-bottom: 0px;
    }

    .about .about-pcmenu ul li a {
        height: 55px;
        line-height: 55px;
    }

    .about .about-progress {
        padding-bottom: 60px;
    }

    .about .about-honor-top {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .about .about-pcmenu ul {
        flex-direction: row;
    }

        .about .about-pcmenu ul li:first-child {
            margin-right: 45px;
        }

    .footer .foot-right h3,
    .footer .foot-ewm h3,
    .footer .foot-cen h4 {
        font-size: 16px;
    }

    .footer {
        padding-top: 60px;
        padding-bottom: 50px;
    }

    .about .about-progress .about-progress-smallswiper .swiper-slide::after {
        top: -32px;
    }

    .service-item .H001B-interactive-segment-split .slide-content--default h3 {
        margin-bottom: 10px;
        margin-top: 18px;
    }

    .service-qhse .service-qhse-font {
        font-size: 20px;
    }

    .product .product-story-font,
    .service-exper .service-exper-font,
    .energy-item .service-exper-font {
        padding-top: 30px;
    }

    .service-quilty .service-quilty-item {
        width: 400px;
        height: 400px;
    }

    .service-quilty .service-quilty-num li h3 {
        font-size: 18px;
    }

    .service-quilty .num {
        font-size: 38px;
    }

    .service-quilty .service-quilty-num li:nth-child(3)::before {
        right: -200px;
        bottom: 6px;
    }

    .service-quilty .service-quilty-num li:nth-child(2)::before {
        right: -150px;
        top: 3px;
    }

    .service-quilty .service-quilty-ct li:nth-child(2) {
        top: 22%;
    }

    .service-quilty .service-quilty-ct li:nth-child(3) {
        top: 84.5%;
        right: 2%;
    }

    .service .service-quilty {
        padding-bottom: 60px;
    }

    .energy .energy-supply .swiper-container {
        width: 100%;
    }

    .energy-qhse .energy-qhse-ft h4 {
        font-size: 24px;
    }

    .energy-qhse .energy-qhse-right .energy-qhse-ft {
        padding: 8% 7% 4.5% 6%;
    }

    .energy-qhse .energy-qhse-righttp::before {
        width: 350px;
        height: 350px;
    }

    .energy-qhse .energy-qhse-left::before {
        width: 300px;
        height: 300px;
    }

    .energy-qhse .energy-qhse-rightbt::before {
        width: 280px;
        height: 350px;
    }

    .energy-team .energy-team-font h3 {
        font-size: 23px;
    }

    .energy-team .energy-team-left li:first-child {
        margin-bottom: 6%;
    }

    .energy-team .energy-team-img3 {
        margin-left: 9%;
    }

    .energy-add .energy-add-img3 {
        margin-left: 5.5%;
    }

    .energy .energy-qhse {
        padding-bottom: 7%;
    }
}

@media screen and (max-width: 1200px) {
    .qhse-manage .qhse-manage-left ul li:nth-child(3) {
        left: 36.5%;
    }

    .section6 {
        padding: 100px 0;
    }

        .section6 .logo_box .logo_pc,
        .section6 h3.tit {
            display: none;
        }

    .headfixed .logo {
        max-width: 110px;
    }

    .headfixed .menu-list {
        width: 85%;
    }

    .menu-list h3 a {
        line-height: 55px;
    }

    .headfixed {
        padding: 10px 0;
    }

    #search-form {
        width: 28%;
    }

    .banner .swiper-font .swiper-h2,
    .banner .swiper-font .swiper-h2 h2 {
        font-size: 48px;
        line-height: 52px;
    }

    .banner .swiper-font .swiper-h3,
    .banner .swiper-font .swiper-h3 h3 {
        font-size: 28px;
    }

    .banner .swiper-font .swiper-h2 h2 span {
        font-size: 58px;
    }

    .index-tit h3 {
        font-size: 32px;
        line-height: 50px;
    }

    .index-tit p {
        font-size: 17px;
    }

    .index-cont1 .index-cont1-rli1 {
        margin-top: 236px;
    }

    .index-cont1 .index-cont1-tit {
        font-size: 21px;
    }

    .index-cont1 .index-cont1-icon {
        height: 65px;
    }

    .index-cont2 .index-cont2-fontiti {
        font-size: 20px;
        margin-bottom: 6px;
    }

    .index-cont2 .index-cont2-list .index-cont2-li,
    .index-cont2 .index-cont2-list {
        height: 580px;
    }

    .index-cont4 {
        padding-top: 80px;
        padding-bottom: 100px;
    }

        .index-cont4 .index-cont4-fontimg {
            margin-bottom: 45px;
        }

        .index-cont4 .qswl-num {
            width: 81%;
        }

        .index-cont4 .law-num-info span,
        .about .law-num-info span {
            font-size: 70px;
            line-height: 66px;
        }

        .index-cont4 .law-num-info sup,
        .about .law-num-info sup {
            font-size: 18px;
        }

    .index-cont6 .index-cont6-bot .index-cont6-cont > div,
    .footer .footer-list-top {
        flex-wrap: wrap;
    }

    .index-cont6 .index-cont6-listleft,
    .index-cont6 .index-cont6-listright,
    .footer .foot-cen {
        width: 100%;
    }

    .footer .foot-cen {
        -webkit-box-ordinal-group: 4;
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 4;
        -webkit-order: 4;
        order: 4;
        margin-top: 30px;
    }

    .footer .foot-left {
        width: 45%;
    }

    .footer .foot-right,
    .footer .foot-ewm {
        width: 27.5%;
    }

    .footer .footer-list-bot {
        margin-top: 70px;
    }

    .index-cont6 .index-cont6-listright {
        margin: 30px auto;
    }

    .index-cont3 .index-cont3-menu a {
        font-size: 18px;
    }

    .index-cont3 .index-cont3-menu {
        margin-top: 30px;
    }

        .index-cont3 .index-cont3-menu a {
            line-height: 40px;
        }

    .menu-list h3 {
        padding: 0 8px;
    }

    .pub-banner,
    .product {
        margin-top: 60px;
    }

    .headfixed .menu-list > ul,
    .language {
        display: none;
    }

    .headfixed .menu-list {
        width: 10%;
    }

    .headfixed .btn-list {
        width: 100%;
    }

    .btn-phone,
    .full-main-nav {
        display: block;
    }

    .headfixed .btn-list .btn-right {
        width: 50%;
    }

    .btn-phone {
        width: 50%;
    }

    #search-form {
        width: 35%;
    }

    .headfixed {
        background: #034e93;
        padding: 5px 0;
    }

        .headfixed.headerbgm .logo .logoimg,
        .headfixed.headerbgm .logo .hlogoimg,
        .headfixed1.headerbgm .logo .hlogoimg {
            display: none;
        }

        .headfixed .logo .logoimg,
        .headfixed1 .logo .logoimg {
            display: block !important;
        }

        .headfixed.headerbgm .header-button,
        .headfixed1 .header-button {
            background: url(../images/ss-icon.png) no-repeat center center;
        }

    .headfixed1 .logo .hlogoimg {
        display: none !important;
    }

    .about .about-who {
        flex-wrap: wrap;
    }

    .about .about-who-left,
    .about .about-who-right {
        width: 100%;
    }

    .about .about-who-rightsp {
        float: none;
    }

    .about .about-who-ceimg {
        left: auto;
        /* top: 2%; */
        right: -53px;
        transform: translateX(0);
        /* bottom: auto; */
        top: 15%;
        opacity: 1;
    }

    .about .about-who-leftfont {
        width: 62%;
    }

    .about .about-who-left {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }

    .about .about-who-right {
        padding-left: 5%;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        padding-top: 60px;
        padding-bottom: 0px;
    }

    .about .about-who-rightfont {
        top: 85%;
        z-index: 3;
    }

    .about .about-progress-time {
        font-size: 32px;
        line-height: 35px;
    }


    .about .about-bigswiper-rightfont h3 {
        font-size: 46px;
    }

    .about .about-bigswiper-fontdec {
        font-size: 17px;
    }

    .mobile-nav-box {
        top: 60px;
    }

    .qhse-manage .qhse-manage-left .qhse-mali2 {
        left: 12%;
    }

    .qhse-manage .qhse-manage-left .qhse-mali3 {
        right: 12%;
    }

    .qhse-zs .qhse-zs-swiper {
        width: 100%;
    }

    .qhse-zs .qhse-zs-ul h4 {
        font-size: 18px;
        line-height: 30px;
    }

    .product .product-exper-right {
        padding-right: 0px;
    }

    .product .product-num {
        padding-bottom: 135px;
        padding-top: 130px;
    }

    .product .product-detail .product-detail-right {
        padding-left: 80px;
    }

    .product .product-case-list {
        width: 800px;
        padding-top: 55px;
        padding-bottom: 60px;
        padding-right: 70px;
    }

    .product .product-story-ul li {
        margin-right: 48px;
    }

    .team .team-success-tit h3,
    .supply .supply-font h3 {
        font-size: 40px;
        line-height: 55px;
    }

    .new .new-bot .new-botfont {
        padding: 30px 35px 35px 35px;
    }

        .new .new-bot .new-botfont h3,
        .new .new-bot .new-hbotfont h3 {
            font-size: 18px;
            line-height: 28px;
        }

    .new .new-bot .new-botfontdec {
        font-size: 15px;
    }

    .new .new-hotright .tit {
        font-size: 20px;
    }

    .newinfo .newinfo-list-leftcont img {
        margin-top: 25px;
    }

    .hr .hr-join-right ul {
        padding-left: 56px;
    }

    .hr .hr-join-rightmore {
        width: 100%;
        font-size: 14px;
    }

    .hr .hr-join-righta {
        width: 28%;
    }

    .hr .hr-join-rightfont {
        width: 70%;
        padding-right: 20px;
    }

    .hr .hr-story-swiperfont h3 {
        font-size: 20px;
    }

    .hr .hr-story-swiperfont h4 {
        height: 90px;
        font-size: 15px;
        line-height: 25px;
        padding: 10px 14px 10px 40px;
    }

    .index-cont2,
    .index-cont6 {
        padding-top: 5%;
    }

    .equipment .equipment-botnum {
        height: 350px;
    }

    .equipment .equipment-botnum {
        padding-left: 60px;
    }

    .equipment .equipment-botnum-li:first-child {
        margin-bottom: 55px;
    }

    .equipment .equipment-bot-ul {
        -moz-column-gap: 25px;
        -webkit-column-gap: 25px;
        column-gap: 25px;
    }

        .equipment .equipment-bot-ul li {
            margin-top: 25px;
        }

    .contact .contact-formright ul li {
        padding-bottom: 12px;
        margin-bottom: 12px;
    }

    .contact .contact-formright {
        padding-left: 70px;
    }

    .contact .contact-cen {
        padding: 70px 40px 80px 40px;
    }

    .contact .contact-top li:first-child {
        padding-left: 40px;
    }

    .contact .contact-top li:last-child {
        padding-left: 150px;
    }

    .contact .contact-top-leftfont h3 {
        font-size: 40px;
    }

    .contact .contact-topimg {
        top: 99%;
        left: 45%;
        transform: translate(-45%, -99%);
    }

    .about-pccooper .about-pccplist li {
        width: 17.3%;
    }

    .about-pccooper .about-pccooperimg {
        height: 100px;
    }

    .energy-team .energy-team-list {
        flex-wrap: wrap;
    }

    .energy-team .energy-team-left,
    .energy-team .energy-team-right {
        width: 100%;
    }

    .energy-team .energy-team-right,
    .energy-add .energy-add-right {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }

    .energy-team .energy-team-left,
    .energy-add .energy-add-left {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        padding-right: 0px;
        padding-top: 6%;
    }

        .energy-team .energy-team-left li:first-child {
            margin-bottom: 3%;
        }

    .energy-team .energy-team-font .dec {
        margin-top: 2%;
    }

    .energy-team .energy-team-img1 {
        margin-left: 16%;
    }

    .energy-team .energy-team-img3 {
        margin-left: 27%;
    }

    .energy-rel .energy-rel-img {
        height: 500px;
    }

    .energy-rel .energy-rel-font {
        float: none;
        width: 100%;
        margin: 0 auto;
        padding: 6% 10%;
        position: absolute;
        bottom: 0px;
        left: 50%;
        transform: translateX(-50%);
    }

    .energy-rel .energy-rel-img {
        height: auto;
    }

    .energy .energy-rel-simg {
        display: block;
    }

    .energy-rel .energy-rel-img {
        background: none !important;
    }

    .energy-qhse .energy-qhse-font {
        font-size: 15px;
        margin-top: 1.5%;
    }

    .energy-rel .rel-font-dec {
        margin-top: 1%;
    }

    .energy-rel .energy-rel-icon3 {
        width: 88px;
        top: -25.5%;
    }

    .energy-rel .energy-rel-icon {
        border: 14px solid #EBEFF2;
    }

    .energy-rel .energy-rel-icon2 {
        width: 100px;
    }

    .energy-rel .energy-rel-icon1 {
        width: 20px;
    }

    .energy-rel .energy-rel-icon {
        position: absolute;
        width: 170px;
        height: 170px;
        top: 45%;
        left: 50%;
        transform: translate(-50%,-45%);
        margin: 4% auto 0 auto;
    }

    .energy-add {
        flex-wrap: wrap;
    }

        .energy-add .energy-add-right,
        .energy-add .energy-add-left {
            width: 100%;
        }

        .energy-add .energy-add-font {
            padding-left: 3.5%;
        }

        .energy-add .energy-add-img2 {
            float: none;
            margin-left: 30%;
            margin-top: -13.5%;
        }

        .energy-add .energy-add-img1 {
            margin-left: 20%;
        }

        .energy-add .energy-add-img3 {
            margin-left: 41%;
        }
}

@media screen and (max-width: 1100px) {
    .qhse-manage .qhse-manage-left ul li:nth-child(1) {
        left: 44.5%;
    }

    .qhse-manage .qhse-manage-left ul li:nth-child(2) {
        left: 45.5%;
    }

    .qhse-manage .qhse-manage-left ul li:nth-child(3) {
        left: 34.5%;
    }

    .product-do-list {
        padding-left: 45px;
    }

    .index-cont5-swiper {
        width: 90% !important;
    }

    .section6 .logo_box {
        width: 100%;
    }

    .section6 .swiper-container {
        margin: 0 auto;
    }

    .headfixed .menu-list > ul,
    .language {
        display: none;
    }

    .headfixed .menu-list {
        width: 10%;
    }

    .headfixed .btn-list {
        width: 100%;
    }

    .btn-phone,
    .full-main-nav {
        display: block;
    }

    .headfixed .btn-list .btn-right {
        width: 50%;
    }

    .btn-phone {
        width: 50%;
    }

    #search-form {
        width: 35%;
    }

    .headfixed {
        background: #004c92;
        padding: 5px 0;
    }

    .mainer .banner .banner-img {
        margin-top: 60px;
    }

    .mobile-nav-box {
        top: 60px;
    }

    .index-cont1 .index-tit {
        top: 25px;
    }

    .index-cont1 .index-tit {
        width: 42%;
    }

    .index-cont1 .index-cont1-rli1 {
        margin-top: 204px;
    }

    .index-cont1 .index-cont1-rli {
        margin-top: 160px;
    }

    .index-cont2 .index-cont2-font {
        padding: 0 80px 0 45px;
    }

    .index-cont2 .index-cont2-li2:hover {
        width: 50%;
        left: 50%;
    }

    .index-cont2 .index-cont2-li1:hover {
        width: 50%;
    }

    .index-cont2 .index-cont2-list .index-cont2-li,
    .index-cont2 .index-cont2-list {
        height: 500px;
    }

    .index-cont3 .index-cont3-font {
        left: 45px;
    }

    .index-cont3 .index-cont3-menu a {
        font-size: 17px;
    }

    .index-cont4 .law-num-info span,
    .about .law-num-info span {
        font-size: 60px;
        line-height: 50px;
    }

    .index-cont4 .qswl-num {
        width: 83%;
    }

    .index-cont6 .index-cont6-listleft {
        padding-bottom: 10px;
    }

    .headfixed.headerbgm .logo .logoimg {
        display: block;
    }

    .headfixed.headerbgm .logo .hlogoimg {
        display: none;
    }

    .headfixed.headerbgm .header-button {
        background: url(../images/ss-icon.png) no-repeat center center;
    }

    .about .about-who-leftfont {
        width: 57%;
    }

    .H001B-interactive-segment-split .slide-content--default h3 {
        margin-bottom: 25px;
        text-align: center;
    }

    .about .about-tit,
    .H001B-interactive-segment-split h3 {
        font-size: 30px;
        line-height: 38px;
    }

    .pub-banner .pub-banner-font .pub-banner-fonttith5 {
        font-size: 26px;
        line-height: 46px;
    }

    .H001B-interactive-segment-split .left-slide .slide-content--default {
        right: 13rem;
    }

    .H001B-interactive-segment-split .right-slide .slide-content--default {
        bottom: 13rem;
    }

    .about-pchonor,
    .about .about-cooper-ul {
        display: none;
    }

    .about .about-mobilhonor {
        display: block;
    }

    .about .about-honor {
        height: 540px;
    }

    .about .about-mobilecooper .swiper-container {
        padding: 40px 20px 70px 20px;
    }

    .about .about-cooper {
        padding-bottom: 80px;
    }

    .index-cont3 .more,
    .index-cont4 .more,
    .new-hotright .more,
    .new-bot .more {
        margin-top: 15px;
    }


    .pub-banner .pub-banner-img img {
        width: 60%;
    }

    .pub-banner .pub-banner-img {
        right: -6%;
        transform: translateX(0%);
    }

    .pub-banner .pub-banner-font .pub-banner-fonttit,
    .product .product-do-font .pub-banner-fonttit {
        font-size: 38px;
    }

    .qhse-policy .qhse-policy-rightdec,
    .qhse-manage .qhse-manage-rightdec {
        margin-top: 25px;
    }

    .qhse-hse .qhse-hse-left {
        padding-left: 50px;
    }

    .qhse-policy .qhse-policy-right {
        /* padding-left: 40px; */
        /* padding-right: 15px; */
    }

    .qhse-policy .qhse-policy-leftimg2 {
        bottom: -60px;
        padding-left: 80px;
    }

    .qhse-policy {
        padding-top: 70px;
        padding-bottom: 130px;
    }

    .qhse-manage .qhse-manage-right h4,
    .qhse-hse .qhse-hse-font h4 {
        margin-top: 30px;
    }

    .qhse-total {
        padding-top: 70px;
        padding-bottom: 50px;
    }

    .qhse-manage .qhse-manage-left .qhse-mali2 {
        left: 6%;
    }

    .qhse-manage .qhse-manage-left .qhse-mali3 {
        right: 6%;
    }

    .qhse-zs {
        padding: 70px 0 50px 0;
    }

    .qhse-tag {
        padding: 80px 0 30px 0;
    }

        .qhse-tag .swiper-pagination,
        .qhse-zs .swiper-pagination {
            display: block;
        }

    .product .law-num-info span {
        font-size: 60px;
        line-height: 52px;
    }

    .product .product-num {
        padding-bottom: 95px;
        padding-top: 92px;
    }

    .product .qswl-num {
        width: 100%;
    }

    .pub-banner .pub-banner-font .pub-banner-fonttit,
    .product .product-do-font .pub-banner-fonttit {
        font-size: 32px;
        line-height: 38px;
    }

    .pub-banner .pub-banner-font .pub-banner-fonttitec,
    .product .product-do-font .pub-banner-fonttitec {
        font-size: 32px;
        line-height: 34px;
    }

    .product .product-do-menu a {
        font-size: 18px;
        line-height: 36px;
    }

    .product .product-do-menu {
        margin-top: 15px;
    }

    /* .product .product-do-menu ul {
    height: 200px;
    overflow-x: hidden;
    overflow-y: auto; */
    /* } */

    .product .product-do-left {
        padding-right: 10px;
    }

    .product .product-exper-left {
        width: 40%;
        padding-left: 0px;
    }

    .product .product-exper-right {
        width: 60%;
        padding-left: 40px;
    }

    .product .product-exper-righttit h3 {
        font-size: 24px;
        line-height: 40px;
    }

        .product .product-exper-righttit h3 span {
            font-size: 30px;
        }

    .product .product-exper-righttit {
        margin-bottom: 15px;
    }

    .product .product-exper {
        padding-bottom: 50px;
    }

    .product .product-detail {
        padding: 60px 0;
    }

        .product .product-detail .product-detail-right {
            padding-left: 55px;
        }

    .product .product-story-ul li {
        margin-right: 40px;
        margin-bottom: 45px;
    }

    .product .product-story {
        padding-top: 70px;
    }

    .team .team-stand-table table {
        min-width: 960px;
    }

    .team .team-success-tit h3,
    .supply .supply-font h3 {
        font-size: 34px;
        line-height: 46px;
    }

    .team .team-success-tit h4,
    .supply .supply-font .supply-fonth4 h4 {
        font-size: 26px;
        line-height: 42px;
    }

    .team {
        padding-top: 70px;
        padding-bottom: 90px;
    }

    .technology .technology-top li {
        width: 50%;
        margin-bottom: 20px;
    }

    .technology .technology-top,
    .technology .technology-bot li > div {
        flex-wrap: wrap;
    }

    .technology .technology-botleft,
    .technology .technology-botright {
        width: 100%;
    }

    .technology .technology-botleft {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }

    .technology .technology-botright {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }

    .technology .technology-botright {
        padding-top: 30px;
    }

    .technology .technology-bot li {
        padding: 40px 0;
    }

    .build .build-bot .swiper-pagination {
        display: block;
    }

    .new .new-ppt h3 {
        font-size: 22px;
    }

    .new .new-ppt {
        padding: 60px 0 60px 0;
        margin-top: 45px;
    }

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

        .new .new-tit {
            font-size: 28px;
        }

    .hr {
        padding-top: 65px;
    }

        .hr .hr-ulfont h3 {
            font-size: 22px;
            line-height: 32px;
        }

        .hr .hr-ul {
            margin-top: 50px;
        }

            .hr .hr-ul li {
                width: 100%;
                margin-right: 0px;
            }

        .hr .hr-join {
            margin-top: 70px;
        }

        .hr .hr-tit {
            font-size: 26px;
            line-height: 35px;
        }

        .hr .hr-join-right ul {
            height: 260px;
        }

        .hr .hr-join-rightmore {
            height: 40px;
            line-height: 40px;
            text-align: center;
            padding-left: 0px;
        }

            .hr .hr-join-rightmore::after {
                display: none;
            }

        .hr .hr-story-swiperfont {
            padding: 30px 25px 40px 25px;
        }

        .hr .hr-story {
            padding-top: 59px;
            padding-bottom: 40px;
        }

    .equipment .equipment-top {
        flex-wrap: wrap;
    }

    .equipment .equipment-top-left,
    .equipment .equipment-top-right {
        width: 100%;
    }

    .contact .contact-cen {
        padding: 70px 0px 80px 0px;
    }

    .contact .contact-method > ul,
    .contact .contact-form > div {
        flex-wrap: wrap;
    }

    .contact .contact-method li,
    .contact .contact-method li:first-child {
        width: 100%;
    }

    .contact .contact-formleft,
    .contact .contact-formright {
        width: 100%;
    }

        .contact .contact-formleft img {
            width: auto;
        }

    .contact .contact-formright {
        margin-top: 50px;
    }

        .contact .contact-formright ul li {
            margin-right: 60px;
        }

    .contact .contact-method li:nth-child(2) .contact-methodfont p,
    .contact .contact-method li:last-child .contact-methodfont p {
        text-align: left;
    }

    .contact .contact-method ul {
        width: 50%;
    }

    .contact .contact-method li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.4);
        border-right: 0px;
        padding: 20px 0;
    }

        .contact .contact-method li:nth-child(1) {
            padding: 20px 0;
        }

        .contact .contact-method li:last-child {
            border-bottom: 0px;
        }

    .innew .innew-listcont {
        padding: 10px 30px 10px 30px;
    }

    .innew .innew-time span {
        font-size: 50px;
        line-height: 40px;
    }

    .innew .innew-time em {
        font-size: 20px;
        line-height: 25px;
        margin-top: 5px;
    }

    .innew .innew-list li {
        margin-bottom: 30px;
    }

    .innew {
        padding-top: 70px;
        padding-bottom: 60px;
    }

    .team-pro .team-proleft {
        height: 420px;
    }

    .team-pro .team-proright {
        width: 60%;
    }

    .team-pro .team-proleft .team-proleft-font {
        width: 66%;
    }

        .team-pro .team-proleft .team-proleft-font h3 {
            font-size: 26px;
        }

    .innew .innew-list {
        padding-bottom: 30px;
    }

    .index-cont5-swiper {
        padding-top: 50px;
    }

    .index-cont2 .index-cont2-list .index-cont2-li {
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .about-pccooper {
        margin-top: 60px;
    }

    .index-cont5-img {
        height: 100px;
    }

    .section6 {
        padding: 50px 0;
    }

    .about .about-progress .about-progress-smallswiper .swiper-slide::after {
        top: -31px;
    }

    .about .about-who-left,
    .about .about-who-right {
        padding-bottom: 100px;
    }

    .about .about-who-ceimg {
        left: auto;
        right: -53px;
        transform: translateX(0);
        top: 8%;
    }

    .about .about-progress-smallswiper .swiper-button-next,
    .about .about-progress-bigswiper .swiper-button-next,
    .about .about-progress-smallswiper .swiper-button-prev,
    .about .about-progress-bigswiper .swiper-button-prev {
        top: -27%;
    }

    .H001B-interactive-segment-split .link,
    .H001B-interactive-segment-split .link--icon-arrow {
        text-align: center;
    }

    .about .about-select-icon img {
        margin: 0 auto;
    }

    .service-qhse .service-qhse-li > div {
        flex-wrap: wrap;
    }

    .service-qhse .service-qhse-left {
        width: 100%;
    }

    .service-qhse .service-qhse-right {
        width: 70%;
        margin: 0 auto;
        padding-top: 40px;
    }

    .service-qhse .service-qhse-rightimg {
        margin-bottom: 4%;
    }

        .service-qhse .service-qhse-rightimg img {
            margin: 0 auto;
        }

    .service-qhse .service-qhse-rightfont {
        text-align: center;
    }

    .service-qhse .service-qhse-cont li:nth-child(7) {
        top: 52%;
        left: 15%;
    }

    .service-qhse .service-qhse-cont li:nth-child(3) {
        top: 40.5%;
        left: 78.3%;
    }

    .service .service-build .tit {
        font-size: 20px;
        padding: 20px;
    }

    .service-item .about-select-icon img {
        margin: 0 auto;
    }

    .service-item .H001B-interactive-segment-split .right-slide .slide-content--default {
        padding-top: 290px;
    }

    .service-quilty .service-quilty-num li:nth-child(1)::before,
    .service-quilty .service-quilty-num li:nth-child(2)::before,
    .service-quilty .service-quilty-num li:nth-child(3)::before {
        display: none;
    }

    .service-quilty .service-quilty-ct {
        margin-top: 50px;
    }

        .service-quilty .service-quilty-ct li {
            position: static;
        }

        .service-quilty .service-quilty-ct ul {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }

    .service-quilty .snum {
        display: block;
    }

        .service-quilty .snum .num {
            color: rgba(0, 0, 0, 0.3);
        }

        .service-quilty .snum h3 {
            font-weight: bold;
            color: #666;
            line-height: 30px;
            margin-top: 10px;
        }

    .service-quilty .service-quilty-ct li {
        width: 30%;
    }

    .service-quilty .service-quilty-ctg {
        margin-top: 10px;
    }

    .service .service-quilty {
        padding-bottom: 30px;
    }

    .energy-team .energy-team-img3 {
        margin-left: 23%;
    }

    .energy-team .energy-team-img1 {
        margin-left: 10%;
    }

    .energy-rel .energy-rel-icon1 {
        top: 40%;
    }

    .energy-rel .energy-rel-icon {
        top: 43%;
        left: 50%;
        transform: translate(-50%,-43%);
    }

    .energy-add .energy-add-img3 {
        margin-left: 37.5%;
    }

    .energy .energy-qhse {
        padding-bottom: 5%;
    }

    .energy-add .energy-add-font .dec {
        margin-top: 1%;
    }

    .energy-add .energy-add-font h4 {
        font-size: 22px;
        line-height: 34px;
    }
    .index-cont2 .index-cont2-font{
        width:560px;
    }
}

@media screen and (max-width: 980px) {
    .qhse-policy .qhse-policy-leftimg2 {
        padding-left: 135px;
    }

    .index-cont1 {
        margin-top: 30px;
    }

    .qhse-manage .qhse-manage-left ul li:nth-child(1) {
        left: 42.8%;
    }

    .qhse-manage .qhse-manage-left ul li:nth-child(2) {
        left: 44%;
    }

    .qhse-manage .qhse-manage-left ul li:nth-child(3) {
        left: 30.5%;
    }

    .about .about-mobilecooper .swiper-container {
        padding: 24px 20px 70px 20px;
    }

    .product .product-do-menu {
        margin-bottom: 50px;
    }

    .banner .swiper-font .swiper-h2,
    .banner .swiper-font .swiper-h2 h2 {
        font-size: 56px;
        line-height: 56px;
    }

        .banner .swiper-font .swiper-h2 h2 span {
            font-size: 40px;
        }

    .banner .swiper-font .swiper-h3,
    .banner .swiper-font .swiper-h3 h3 {
        font-size: 24px;
    }

    .index-tit h3 {
        font-size: 22px;
        line-height: 35px;
        margin-bottom: 5px;
    }

    .index-tit p {
        font-size: 15px;
        line-height: 25px;
    }

    .index-cont1 .index-cont1-tit {
        font-size: 18px;
    }

    .index-cont1 .index-cont1-cont {
        flex-wrap: wrap;
    }

    .index-cont1 .index-cont1-left,
    .index-cont1 .index-cont1-right {
        width: 100%;
    }

    .index-cont1 .index-tit {
        position: static;
        width: 90%;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 20px;
    }

    .index-cont1 .index-cont1-rli {
        margin-top: 0px;
    }

    .index-cont1 .index-cont1-rli1 {
        margin-top: 90px;
    }

    .index-cont2 .index-cont2-fontiti {
        font-size: 17px;
        line-height: 26px;
    }

    .index-cont2 .index-cont2-fontdec {
        font-size: 13px;
        line-height: 23px;
        padding-left: 15px;
    }

    .index-cont2 .index-cont2-font {
        padding: 0 40px 0 20px;
        bottom: 25px;
    }

    .index-cont4 .index-tit p {
        font-size: 18px;
        margin-top: 20px;
    }

    .index-cont4 .index-tit h3::after {
        height: 2px;
    }

    .index-cont4 .ul-num-dec,
    .about .ul-num-dec {
        font-size: 16px;
        line-height: 25px;
    }

    .index-cont4 .law-num-info sup,
    .about .law-num-info sup {
        font-size: 15px;
    }

    .index-cont4 .law-num-info span,
    .about .law-num-info span {
        font-size: 50px;
        line-height: 45px;
    }

    .index-cont4 .index-cont4-dec {
        font-size: 14px;
        line-height: 28px;
        margin-top: 20px;
    }

    .index-cont4 .index-tit h3 {
        padding-bottom: 23px;
    }

    .index-cont4 .index-cont4-fontimg img {
        width: 80%;
    }

    .index-cont4 .index-cont4-list {
        flex-wrap: wrap;
    }

    .index-cont4 .index-cont4-left,
    .index-cont4 .index-cont4-right,
    .index-cont4 .qswl-num {
        width: 100%;
    }

    .index-cont4 .index-cont4-right {
        margin-top: 30px;
    }

    /* .index-cont4 .index-cont4-left{
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    } */
    .index-cont4 .ul-num {
        justify-content: flex-start;
    }

        .index-cont4 .ul-num li {
            margin-right: 0px;
            width: 50%;
            margin-top: 30px;
        }

    .index-cont4 {
        padding-top: 55px;
        padding-bottom: 60px;
    }

    .index-cont6 .index-cont6-swiperfont {
        padding: 26px 30px 30px 25px;
    }

    .index-cont6 .index-cont6-swiperfonttit {
        font-size: 18px;
        line-height: 28px;
    }

    .index-cont6 .index-cont6-swiperfontdec {
        font-size: 14px;
        line-height: 24px;
        margin-top: 12px;
    }

    .index-cont6 .index-cont6-more {
        font-size: 14px;
    }

    .index-cont6 .index-cont6-menu a {
        font-size: 16px;
    }

    .index-cont6 .index-cont6-menu li.active,
    .index-cont6 .index-cont6-menu li:hover {
        border-bottom: 2px solid #004c92;
    }

    .index-cont6 .index-cont6-menu li {
        /* width: 50%; */
        border-bottom: 2px solid transparent;
    }

    .index-cont6 .index-cont6-swipertit {
        font-size: 18px;
    }

    .section4 {
        height: 500px;
    }

    .index-cont3 .index-cont3-menu {
        padding-left: 25px;
    }

        .index-cont3 .index-cont3-menu li::before {
            left: -25px;
        }

        .index-cont3 .index-cont3-menu::before {
            height: 145px;
        }

    .search-box .search-btn {
        font-size: 14px;
    }

    #search-form {
        width: 45%;
    }

    .index-cont1 .index-cont1-dec {
        opacity: 1;
        padding: 0 10px;
    }

    .H001B-interactive-segment-split .left-slide .slide-content--default {
        right: 6rem;
    }

    .H001B-interactive-segment-split .left-slide .slide-content--default {
        top: 15rem;
    }

    .about .about-who-rightsp {
        width: 100%;
        height: 360px;
    }

    .about .about-who-leftfont {
        width: 100%;
        padding-right: 5%;
    }

    .about .about-who-left {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }

    .about .about-who-right {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }

    .about .about-who-left {
        padding-top: 45px;
    }

    .about .about-who-left,
    .about .about-who-right {
        padding-bottom: 80px;
    }

    .about .about-who-ceimg {
        padding: 50px 0;
        padding-bottom: 0px;
        opacity: 0.1;
        top: -5%;
    }

    .about .about-who-right {
        padding-bottom: 30px;
    }

    .about .about-select {
        padding-top: 50px;
        padding-bottom: 60px;
    }

    .about .qswl-num {
        width: 100%;
        margin: 50px auto 5px auto;
    }

    .about .about-progress .about-progress-swiper {
        flex-wrap: wrap;
    }

    .about .about-progress .about-progress-bigswiper,
    .about .about-progress .about-progress-smallswiper,
    .about .about-progress .about-progress-smallswiper .swiper-container {
        width: 100%;
    }

    .about .about-progress .about-progress-smallswiper {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }

    .about .about-progress .about-progress-bigswiper {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }

    .about .about-progress .about-progress-smallswiper {
        height: auto;
        border-right: 1px solid transparent;
        margin-top: 15px;
    }

        .about .about-progress .about-progress-smallswiper::after {
            content: " ";
            position: absolute;
            top: 28%;
            transform: translateY(-28%);
            left: 0px;
            width: 100%;
            height: 1px;
            background: #e3e3e3;
        }

        .about .about-progress .about-progress-smallswiper .swiper-container {
            padding: 30px 0px 20px 0px;
        }

    .about .about-progress {
        padding-top: 58px;
        padding-bottom: 35px;
    }

        .about .about-progress .about-progress-swiper {
            margin-top: 0px;
        }

    .about .about-progress-bigswiper .swiper-container {
        padding: 30px 0;
    }

    .about .about-cooper {
        padding-top: 60px;
    }

    .about .about-cooper {
        padding-bottom: 50px;
    }

    .about .about-mobilhonor .swiper-container {
        padding-bottom: 60px;
    }

    .qhse-policy .qhse-policy-right h3,
    .qhse-manage .qhse-manage-right h3,
    .qhse-hse .qhse-hse-font h3 {
        font-size: 32px;
        line-height: 40px;
    }

    .qhse-policy > div,
    .qhse-total .qhse-total-list,
    .qhse-hse > div {
        flex-wrap: wrap;
    }

    .qhse-policy .qhse-policy-left,
    .qhse-policy .qhse-policy-right,
    .qhse-manage .qhse-manage-left,
    .qhse-manage .qhse-manage-right,
    .qhse-total .qhse-total-listleft,
    .qhse-total .qhse-total-listright,
    .qhse-hse .qhse-hse-left,
    .qhse-hse .qhse-hse-right {
        width: 100%;
    }

    .qhse-hse .qhse-hse-left {
        padding-left: 0px;
    }

    .qhse-policy .qhse-policy-right {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 100px;
    }

    .qhse-policy {
        padding-top: 70px;
        padding-bottom: 60px;
    }

    .qhse-total .qhse-total-listleft {
        margin-right: 0px;
        margin-bottom: 30px;
    }

    .qhse-hse .qhse-hse-right {
        margin-bottom: 30px;
    }

    .qhse-zs .qhse-zs-ul li {
        margin-right: 50px;
    }

    .qhse-manage .qhse-manage-left ul {
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .qhse-manage .qhse-manage-left .qhse-mali {
        width: 50%;
        height: auto;
        position: static;
        border-radius: 0px;
    }

    .qhse-manage .qhse-manage-left .qhse-mali1,
    .qhse-manage .qhse-manage-left .qhse-mali2,
    .qhse-manage .qhse-manage-left .qhse-mali3 {
        top: 0%;
        left: 0%;
        bottom: auto;
        transform: translate(0%, 0%);
    }

    .qhse-manage .qhse-manage-leftfont {
        width: auto;
        position: static;
        top: 0%;
        left: 0%;
        transform: translate(0%, 0%);
        padding: 50px 10px;
    }

    .product .product-do-list,
    .product .product-exper > div,
    .product .product-detail > div {
        flex-wrap: wrap;
    }

    .product .product-do-left,
    .product .product-do-right,
    .product .product-exper-left,
    .product .product-exper-right,
    .product .product-case-list,
    .product .product-detail .product-detail-left,
    .product .product-detail .product-detail-right {
        width: 100%;
    }

    .product .product-do {
        padding-top: 40px;
    }

    .product .product-exper-left {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }

    .product .law-num-info span {
        font-size: 40px;
        line-height: 34px;
    }

    .product .product-num {
        padding-bottom: 65px;
        padding-top: 65px;
    }

    .product .product-exper {
        padding-bottom: 0px;
    }

    .product .product-case {
        padding: 70px 0 65px 0;
    }

    .product .product-story-ul li {
        width: 46.8%;
    }

        .product .product-story-ul li:nth-child(3n) {
            margin-right: 40px;
        }

        .product .product-story-ul li:nth-child(2n) {
            margin-right: 0px;
        }

    .product .product-detail .product-detail-right {
        margin-top: 30px;
        padding-left: 0px;
    }

    .product .product-case-tit,
    .product .product-story-tit {
        font-size: 28px;
        line-height: 34px;
    }

    .product .product-case-right h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .product .product-exper-right {
        padding-left: 0px;
    }

    .build .build-swiperfont {
        margin-top: 30px;
    }

    .new .new-hot {
        flex-wrap: wrap;
    }

    .new .new-hotleft,
    .new .new-hotright,
    .newinfo .newinfo-list-left,
    .newinfo .newinfo-list-right,
    .hr .hr-join-left,
    .hr .hr-join-right {
        width: 100%;
    }

    .new .new-hotright {
        padding-bottom: 40px;
    }

    .new .new-hot {
        padding-top: 60px;
    }

    .new .new-bot {
        padding-top: 50px;
    }
    .new .new-bot-ygdt{
 padding-top: 0px;

    }

    .cases .cases-bot {
        padding-top: 0px;
    }

    .new .new-botul {
        /*-moz-column-count: 2;*/
        /* -webkit-column-count: 2; */
        /* column-count: 2; */
        /*-moz-column-gap: 0em;*/
        /* -webkit-column-gap: 0em; */
        /* column-gap: 0em; */
        margin-bottom: 50px;
    }

    .new .new-bot ul li {
        width: 50%;
    }

    .new {
        padding-top: 60px;
        padding-bottom: 70px;
    }

        .new .newinfo-list,
        .hr .hr-ul,
        .hr .hr-join {
            flex-wrap: wrap;
        }

            .hr .hr-ul li {
                padding-right: 0px;
            }

                .hr .hr-ul li:first-child {
                    margin-bottom: 30px;
                }

    .newinfo .newinfo-list-left {
        padding-right: 0px;
    }

    .newinfo .new-share {
        margin-bottom: 35px;
    }

    .newinfo .newinfot-right-search h3,
    .newinfo .newinfo-recomm h3 {
        font-size: 20px
    }

    .newinfo .newinfo-list-right {
        padding-left: 0px;
        padding-top: 30px;
    }

    .hr .hr-join-right ul {
        position: static;
        top: 0%;
        transform: translateY(0%);
        margin: 0 auto;
    }

    .hr .hr-join-right ul {
        height: 350px;
        padding: 50px 30px;
    }

    .hr .hr-join-righta {
        width: 21%;
    }

    .hr .hr-join-rightfont {
        width: 79%;
    }

    .hr-story .swiper-pagination,
    .about .about-progress-bigswiper .swiper-button-prev,
    .about .about-progress-bigswiper .swiper-button-next {
        display: block;
    }

    .about .about-progress-bigswiper .swiper-button-prev {
        background: url(../images/in-hprev.png)no-repeat center center;
        left: -25px;
    }

    .about .about-progress-bigswiper .swiper-button-next {
        background: url(../images/in-hnext.png)no-repeat center center;
        right: -25px;
    }

    .hr .hr-story-swiper {
        padding-top: 35px;
    }

    .equipment .equipment-bot-ul {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }

    .team .team-success-tit h4,
    .supply .supply-font .supply-fonth4 h4 {
        font-size: 24px;
        line-height: 40px;
    }

    .supply .supply-fontdec {
        width: 100%;
    }

    .contact .contact-top li:first-child {
        padding-left: 0px;
    }

    .contact .contact-cen {
        flex-wrap: wrap;
    }

        .contact .contact-cen li:first-child {
            width: 100%;
            margin-bottom: 50px;
        }

    .contact .contact-method ul {
        width: 70%;
    }

    .contact .contact-formright ul li {
        margin-right: 35px;
    }

    .contact .contact-cen li:nth-child(2) .contact-cenimg {
        display: block;
    }

    /* .qhse-manage .qhse-manage-left ul li {
        width: 50%;
    } */

    .qhse-manage .qhse-manage-left .qhse-mali {
        width: 100%;
        height: 270px;
    }

    .product-do-list {
        flex-wrap: wrap;
    }

    .team-pro {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }

        .team-pro .team-proleft,
        .team-pro .team-proright {
            width: 100%;
        }

        .team-pro .team-proright {
            position: static;
        }

    .team-pro {
        padding-bottom: 0px;
    }

        .team-pro .team-proleft .team-proleft-font {
            width: 88%;
        }

        .team-pro .team-proleft {
            height: 310px;
        }

    .contact .contact-topimg img {
        width: 60%;
    }

    .contact .contact-topimg {
        left: 55%;
        transform: translate(-55%, -99%);
    }

    .innew .innew-list {
        padding-bottom: 25px;
    }

    .about .about-honor-top {
        margin-bottom: 15px;
    }

    .about .about-honor {
        height: 500px;
    }

    .lb-nav a.lb-next {
        right: -20%;
    }

    .lb-nav a.lb-prev {
        left: -20%;
    }

    .about-pccooper .about-pccplist li {
        width: 30%;
    }

        .about-pccooper .about-pccplist li:nth-child(5n) {
            margin-right: 30px;
        }

        .about-pccooper .about-pccplist li:nth-child(3n) {
            margin-right: 0px;
        }

    .about-pccooper {
        margin-top: 45px;
    }

        .about-pccooper .about-pccplist:first-child li:last-child {
            margin-right: 0px;
        }

    .about .about-progress-bigswiper .swiper-container {
        margin-left: 0px;
    }

    .index-cont5-contli li {
        width: 33.33%;
    }

    .index-cont5-contli:first-child li:nth-child(11) .index-cont5-img img {
        display: block;
    }

    .index-cont5-contli:first-child li:nth-child(13) {
        border-left: 1px solid #d9d9d9;
    }

    .index-cont5-contli li:nth-child(11),
    .index-cont5-contli li:nth-child(5),
    .index-cont5-contli li:nth-child(3) {
        border-radius: 0px 0px 0px 0px;
    }

    .index-cont5-contli li:nth-child(3) {
        border-radius: 0px 30px 0px 0px;
    }

    .index-cont5-contli:first-child li:nth-child(15) {
        border: none;
    }

    .section6 {
        padding: 45px 0;
    }

    .about .about-progress .about-progress-smallswiper::after {
        top: 10%;
        transform: translateY(-10%);
    }

    .about .about-who {
        padding-top: 200px;
    }

    .about .about-who-ceimg {
        top: 11%;
    }

    .about .about-who-rightfont {
        right: auto;
        /* left: 26%; */
        /* transform: translateX(-26%); */
    }

    .new .new-bot ul li {
        width: 49%;
    }

    .cases .cases-bot ul li {
        width: 48%;
    }

    .index-cont2 .index-cont2-list {
        flex-wrap: wrap;
        height: auto;
    }

        .index-cont2 .index-cont2-list .index-cont2-li {
            width: 100%;
            position: relative;
            left: 0px;
        }

    .index-cont2 {
        padding-bottom: 60px;
    }

    .footer .foot-botaddr {
        padding-right: 40px;
    }

    .service-build .swiper-pagination {
        display: block;
    }

    .service-build .swiper-container {
        padding-bottom: 40px;
    }

    .service-qhse .service-qhse-right {
        width: 100%;
    }

    .service-qhse .service-qhse-li {
        padding: 60px 0;
    }

    .service-item .H001B-interactive-segment-split .right-slide .slide-content--default {
        left: 0.5rem;
    }

    .service-item .H001B-interactive-segment-split .left-slide .slide-content--default {
        right: 0.5rem;
    }

    .service-item .H001B-interactive-segment-split .left-slide .slide-content--default {
        top: 13rem;
    }

    .service-item .H001B-interactive-segment-split .right-slide .slide-content--default {
        padding-top: 255px;
    }

    .service-qhse .service-qhse-cont li:nth-child(8) {
        top: 22%;
        left: 24%;
    }

    .service-qhse .service-qhse-cont li:nth-child(7) {
        top: 52%;
        left: 4%;
    }

    .service-qhse .service-qhse-cont li:nth-child(3) {
        top: 40.5%;
        left: 86.3%;
    }

    .ga-more {
        width: 45px;
        height: 45px;
    }

        .ga-more img {
            width: 20px;
        }

    .pub-banner .pub-banner-font .pub-banner-fontdec1 {
        font-size: 18px;
    }

    .service-quilty .service-quilty-ct ul,
    .energy-qhse .energy-qhse-list {
        flex-wrap: wrap;
    }

    .service-quilty .service-quilty-ct li {
        width: 46%;
        padding-bottom: 30px;
    }

        .service-quilty .service-quilty-ct li:last-child {
            padding-bottom: 0px;
        }

    .energy .energy-supply-font h4 {
        font-size: 18px;
    }

    .energy .energy-supply-font {
        height: 60px;
    }

        .energy .energy-supply-font h4 {
            line-height: 60px;
        }

    .energy .energy-supply-swiper {
        padding-top: 30px;
    }

    .service,
    .energy .energy-qhse,
    .energy .energy-rel,
    .energy .energy-team,
    .energy .energy-honor,
    .energy .energy-honor {
        padding-top: 50px;
    }

    .energy-qhse .energy-qhse-list,
    .energy-rel .energy-rel-list,
    .energy-team .energy-team-list {
        margin-top: 30px;
    }

    .energy-qhse .energy-qhse-ft h4 {
        font-size: 20px;
    }

    .energy-qhse .energy-qhse-list {
        flex-wrap: wrap;
    }

    .energy-qhse .energy-qhse-left {
        width: 100%;
        height: 450px;
        margin-right: 0px;
    }

        .energy-qhse .energy-qhse-left::before {
            width: 250px;
            height: 250px;
        }

    .energy-qhse .energy-qhse-righttp {
        height: 350px;
    }

        .energy-qhse .energy-qhse-righttp::before {
            width: 300px;
            height: 300px;
        }

    .energy-qhse .energy-qhse-rightbt::before {
        width: 250px;
        height: 300px;
    }

    .energy-qhse .energy-qhse-right {
        margin-top: 2.5%;
    }

    .energy-qhse .energy-qhse-right {
        width: 100%;
        position: relative;
    }

    .energy .energy-supply .swiper-pagination {
        display: block;
    }

    .energy .energy-supply .swiper-container {
        padding-bottom: 50px;
    }

    .energy-rel .rel-font-tit h4 {
        font-size: 20px;
        line-height: 30px;
        margin-top: -28px;
    }

    .energy-rel .energy-rel-font .num {
        font-size: 40px;
        line-height: 50px;
        margin-left: -28px;
    }

    .energy-rel .energy-rel-icon {
        width: 140px;
        height: 140px;
    }

    .energy-rel .energy-rel-icon {
        border: 10px solid #EBEFF2;
    }

    .energy-rel .energy-rel-icon1 {
        width: 18px;
        height: 75px;
    }

    .energy-rel .energy-rel-icon2 {
        width: 100px;
        height: 95px;
    }

    .energy-rel .energy-rel-icon3 {
        width: 65px;
        height: 70px;
        top: -25.5%;
    }

    .energy-team .energy-team-img1 {
        margin-left: 0%;
    }

    .energy-team .energy-team-font h3 {
        font-size: 18px;
    }

    .energy-team .energy-team-img3 {
        margin-left: 12%;
    }

    .energy-team .energy-team-font .dec {
        margin-top: 1%;
        font-size: 15px;
        line-height: 26px;
    }

    .energy-team .energy-team-left {
        padding-top: 60px;
    }

    .energy-team .energy-team-icon {
        width: 110px;
    }

    .energy-team .energy-team-font {
        width: calc(100% - 110px);
        padding-left: 20px;
    }

    .energy .energy-honor {
        padding-bottom: 50px;
        margin-top: 60px;
    }

    .energy-honor .swiper-container {
        padding: 30px 0 50px 0;
    }

    .energy .energy-item {
        padding: 50px 0;
    }

    .energy-rel .energy-rel-icon {
        top: 43%;
        left: 50%;
        transform: translate(-50%,-43%);
    }

    .energy .energy-rel-simg {
        height: 1000px;
    }

    .energy-add .energy-add-img1 {
        margin-left: 8%;
    }

    .energy-add .energy-add-img3 {
        margin-left: 28.5%;
    }

    .energy-add .energy-add-left {
        padding-left: 0px;
    }

    .energy .energy-qhse {
        padding: 60px 0;
    }
     .index-cont2 .index-cont2-font{
        width:auto;
    }
}


@media screen and (max-width: 750px) {
    .qhse-policy .qhse-policy-right::after {
        left: 0px;
        opacity: 0.4;
    }

    .index-cont4 .ul-num-dec {
        font-size: 15px;
    }

    .index-cont1 {
        margin-top: 30px;
    }

    .about .about-progress .about-bigswiper-list {
        flex-wrap: wrap;
    }

    .section6 .index-cont5-swiperimg img {
        padding: 0 20px;
    }

    .mp4 {
        display: none;
    }

    .product-do-list {
        padding-left: 16px;
    }

    .headfixed .logo {
        max-width: 80px;
    }

    .headfixed .menu-list {
        width: 19%;
    }

    .headfixed .toggle-btn span:first-child {
        top: 6px;
    }

    #search-form {
        width: 92%;
    }

    .headfixed .btn-list .btn-right {
        padding-right: 10px;
    }

    .banner .swiper-font .swiper-h2,
    .banner .swiper-font .swiper-h2 h2 {
        font-size: 36px;
        line-height: 36px;
        letter-spacing: 10px;
    }

        .banner .swiper-font .swiper-h2 h2 span {
            font-size: 24px;
        }

    .banner .swiper-font .swiper-h3,
    .banner .swiper-font .swiper-h3 h3 {
        font-size: 20px;
        line-height: 38px;
    }

    .mainer .pcimg {
        display: none;
    }

    .mainer .phoneimg {
        display: block;
    }

    .mainer .banner .banner-img {
        margin-top: 56px;
    }

    .mobile-nav-box {
        top: 56px;
    }

    .headfixed .toggle-btn.cur span:last-child {
        bottom: 12px;
    }

    .headfixed .mobile-nav-box > ul > li > h3 {
        position: relative;
        padding: 0 20px;
    }

    .headfixed .mobile-nav-box > ul li a {
        line-height: 20px;
    }

    .index-cont1 .index-cont1-icon img {
        width: 55%;
    }

    .index-cont1 .index-cont1-icon {
        height: 46px;
    }

    .index-cont1 .index-cont1-dec {
        opacity: 1;
        font-size: 14px;
        line-height: 20px;
        padding: 0 10px;
    }

    .index-cont1 .index-cont1-rli1 {
        margin-top: 60px;
    }

    .index-cont2 .index-cont2-list {
        flex-wrap: wrap;
        height: auto;
    }

        .index-cont2 .index-cont2-list .index-cont2-li {
            width: 100%;
            position: static;
        }

        .index-cont2 .index-cont2-list .index-cont2-li {
            height: 300px;
            position: relative;
        }

    .index-cont2 .index-cont2-li2 {
        left: 0px;
    }

    .index-cont2 .index-cont-btbgm {
        background-size: cover;
    }

    .index-cont2 .index-cont2-list {
        margin-top: 20px;
    }

    .index-cont2 {
        padding-top: 10%;
    }

    .index-cont4 .index-cont4-fontimg {
        margin-bottom: 20px;
    }

    .index-cont4 .ul-num li {
        width: 50%;
        margin-bottom: 30px;
    }

    .index-cont4 {
        padding-top: 45px;
        padding-bottom: 25px;
    }

        .index-cont3 .more,
        .index-cont4 .more {
            margin-top: 25px;
        }

    .index-cont6 .index-cont6-top,
    .index-cont6 .index-cont6-swiper,
    .footer .foot-left,
    .footer .footer-list-botmenu {
        flex-wrap: wrap;
    }

    .index-cont6 .index-tit,
    .index-cont6 .index-cont6-menu,
    .index-cont6 .index-cont6-swiperimg,
    .index-cont6 .index-cont6-swiperfont,
    .index-cont6 .index-cont6-swipertit,
    .footer .foot-left-lo,
    .footer .foot-left-addr {
        width: 100%;
    }

    .index-cont6 .index-cont6-menu {
        justify-content: center;
        margin-top: 20px;
        flex-wrap: wrap;
    }

    .index-cont6 {
        padding-top: 9%;
    }

        .index-cont6 .index-cont6-more {
            margin-top: 40px;
            display: none;
        }

        .index-cont6 .index-cont6-swiperfont {
            padding: 26px 0px 15px 0px;
        }

        .index-cont6 .index-cont6-listright ul {
            padding: 20px 15px 13px 15px;
        }

        .index-cont6 .index-cont6-listrighttit {
            font-size: 17px;
            line-height: 25px;
        }

        .index-cont6 .index-cont6-listrightdec {
            font-size: 14px;
            line-height: 23px;
        }

        .index-cont6 .index-cont6-swipertit {
            font-size: 17px;
        }

        .index-cont6 .index-cont6-swipertit {
            margin-top: 0px;
            padding: 0;
        }

        .index-cont6 .index-cont6-listrighttime {
            margin-top: 8px;
        }

        .index-cont6 .index-cont6-listright ul li {
            padding-bottom: 10px;
        }

        .index-cont6 .index-cont6-listright ul li {
            padding-top: 10px;
        }

    .footer .foot-cen h3,
    .footer .foot-right h3,
    .footer .foot-left-addr h2 {
        font-size: 16px;
    }

    .footer .foot-right,
    .footer .foot-ewm {
        width: 50%;
    }

    .footer .foot-cen,
    .footer .foot-cen li {
        width: 100%;
    }

    .search-box {
        width: 150px;
    }

    .footer .foot-cen li {
        margin-bottom: 15px;
    }

    .footer .foot-left-lo img {
        margin: 0 auto;
    }

    .footer .foot-left-addr h2 {
        text-align: center;
    }

    .footer .foot-rightli {
        float: left;
    }

    .footer .foot-cen ul {
        flex-wrap: wrap;
    }

    .foot-share,
    .search-box,
    .footer .foot-botaddr {
        margin-top: 10px;
    }

        .search-box .search-input,
        .search-box .search-btn {
            height: 45px;
        }

    .footer .foot-left-addr {
        padding-left: 0px;
        margin-top: 15px;
    }

        .footer .foot-left-addr h2 {
            margin-bottom: 15px;
        }

    .footer {
        padding-top: 40px;
        padding-bottom: 30px;
    }

        .footer .footer-list-bot {
            margin-top: 30px;
        }

        .footer .footer-list-botmenu li {
            width: 33.333%;
        }

        .footer .footer-list-botmenu a {
            font-size: 15px;
        }

    .index-tit h3 {
        font-size: 22px;
        line-height: 36px;
    }

    .index-cont6 .index-tit {
        text-align: center;
    }

    .footer .foot-left-addr dd p span {
        font-size: 13px;
    }

    .index-cont3 .index-cont3-font {
        position: static;
        transform: translateY(0);
        width: 90%;
        margin: 0 auto;
    }

    .section4 {
        height: auto;
    }

    .index-cont3 .index-tit {
        text-align: center;
    }

        .index-cont3 .index-tit h3 {
            margin-bottom: 10px;
        }

        .index-cont3 .index-tit h3 {
            color: #333;
        }

        .index-cont3 .index-tit p {
            color: #666;
        }

    .index-cont3 {
        margin-top: 30px;
    }

        .index-cont3 .index-cont3-menu {
            padding-left: 15px;
        }

            .index-cont3 .index-cont3-menu a {
                font-size: 16px;
                line-height: 25px;
                color: #333;
            }

        .index-cont3 .more span {
            color: white;
        }

        .index-cont3 .index-cont3-menu::before {
            background-color: rgba(0, 76, 146, 0.5);
        }

        .index-cont3 .index-cont3-menu li.active::before,
        .index-cont3 .index-cont3-menu li:hover:before {
            background-color: #004C92;
        }

        .index-cont3 .index-cont3-menu li.active a,
        .index-cont3 .index-cont3-menu li:hover a {
            color: #004C92;
        }

        .index-cont3 .index-cont3-menu li::before {
            left: -15px;
            width: 2px;
            height: 100%;
        }

        .index-cont3 .index-cont3-swiper {
            margin-top: 20px;
        }

    .index-cont2 {
        width: 90%;
        margin: 0 auto;
    }

    .index-cont3 .index-cont3-menu::before {
        height: 100%;
    }

    .index-cont3 .index-cont3-menu a::after {
        background: none;
    }

    .index-cont3 .index-cont3-menu {
        margin-top: 18px;
    }

    .index-cont3 .more i {
        background-color: #eeeeee;
    }

        .index-cont3 .more i::before {
            background-color: #1b1b1b;
        }

    .index-cont6 .index-cont6-listright {
        margin: 10px auto 30px auto;
    }

    .index-cont3 .index-cont3-menu li {
        padding: 3px 0;
    }

    .index-cont2 .index-cont2-li2:hover {
        left: 0px;
    }

    .pub-pcbanner {
        display: none;
    }

    .pub-mbanner {
        display: block;
    }

    .pub-banner .pub-banner-font .pub-banner-fonttith5 {
        font-size: 18px;
        line-height: 33px;
    }

    .pub-banner,
    .product {
        margin-top: 56px;
    }

    .about .about-tit,
    .H001B-interactive-segment-split h3 {
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 15px;
    }

    .about .about-who-leftdec p:first-child {
        /* padding-bottom: 15px; */
    }

    .about .about-who-ceimg {
        padding: 30px 0 120px 0;
    }

    .about .about-who-rightfont {
        top: 29.5%;
    }

    .about .about-who-left,
    .about .about-who-right {
        padding-bottom: 50px;
    }

    .about .about-who-rightsp {
        height: 220px;
    }

    .about .about-who-right {
        padding-top: 40px;
        padding-bottom: 10px;
    }

    .about .about-select {
        padding-top: 40px;
        padding-bottom: 10px;
    }

    .about .ul-num {
        flex-wrap: wrap;
    }

        .about .ul-num li {
            width: 50%;
            margin-bottom: 30px;
            text-align: center;
        }

    .H001B-interactive-segment-split .left-slide .slide-content--default {
        right: 0rem;
    }

    .H001B-interactive-segment-split .left-slide .slide-content--default {
        top: 13rem;
    }

    .H001B-interactive-segment-split .link,
    .H001B-interactive-segment-split .link--icon-arrow {
        font-size: 15px;
        line-height: 28px;
    }

    .H001B-interactive-segment-split .right-slide .slide-content--default {
        left: 0rem;
        padding-top: 290px;
    }

    .about .about-progress .about-progress-smallswiper .swiper-slide::after {
        width: 12px;
    }

    .about .about-progress .about-progress-smallswiper .swiper-slide::after {
        left: 54%;
        top: -22px;
        transform: translateX(-65%);
    }

    .about .about-progress .about-bigswiper-rightfont {
        padding-right: 0px;
    }

    .about .about-progress .about-bigswiper-right {
        padding: 10px;
    }

    .about .about-bigswiper-rightfont h3 {
        font-size: 32px;
        line-height: 32px;
    }

    .about .about-progress .about-bigswiper-left,
    .about .about-progress .about-bigswiper-right {
        width: 100%;
    }

    .about .about-progress .about-bigswiper-rightfont {
        position: static;
        top: 0%;
        transform: translateY(0%);
    }

    .about .about-progress .about-bigswiper-right {
        padding: 30px 10px;
    }

    .about .about-bigswiper-rightfont h3 {
        font-size: 38px;
        line-height: 40px;
    }

    .about .about-bigswiper-fontdec {
        font-size: 16px;
        line-height: 26px;
        margin-top: 10px;
    }

    .about .about-progress-bigswiper .swiper-container {
        width: 100%;
    }

    .about .about-progress-bigswiper .swiper-container {
        padding: 0px;
    }

    .about .about-progress {
        padding-top: 35px;
        padding-bottom: 20px;
    }

        .about .about-progress .about-progress-smallswiper {
            margin-top: 10px;
        }

    .mainer .banner .swiper-pagination-bullet,
    .qhse-tag .swiper-pagination-bullet,
    .qhse-zs .swiper-pagination-bullet,
    .build .swiper-pagination-bullet,
    .hr-story .swiper-pagination-bullet,
    .about-mobilhonor .swiper-pagination-bullet,
    .about-mobilecooper .swiper-pagination-bullet,
    .index-cont5-swiper .swiper-pagination-bullet {
        width: 22px;
        height: 3px;
    }

    .about .about-honor {
        height: 400px;
        padding-top: 45px;
    }

    .about .about-mobilhonor .swiper-container {
        padding-bottom: 40px;
    }

    .about .about-mobilhonor {
        padding-top: 0px;
    }

    .about .about-honor-top .about-tit {
        text-align: center;
    }

    .about .about-pcmenu ul {
        justify-content: center;
    }

    .about .about-mobilecooper .swiper-container {
        padding: 20px 0 50px 0px;
    }

    .about .about-cooper {
        padding-bottom: 25px;
    }

    .about .about-cooper {
        padding-top: 45px;
    }

    .about .about-progress-time {
        font-size: 28px;
    }

    .about .about-progress-smallswiper .swiper-button-next,
    .about .about-progress-smallswiper .swiper-button-prev {
        display: block;
    }

    .about .about-progress .about-progress-smallswiper::after {
        top: 16%;
        transform: translateY(-16%);
    }


    .pub-banner .pub-banner-font .pub-banner-fonttit,
    .product .product-do-font .pub-banner-fonttit {
        font-size: 28px;
        line-height: 35px;
    }

    .pub-banner .pub-banner-font .pub-banner-fontdec {
        font-size: 16px;
        line-height: 26px;
        margin-top: 10px;
    }

    .qhse-policy {
        padding-top: 45px;
        padding-bottom: 40px;
    }

        .qhse-policy .qhse-policy-right h3,
        .qhse-manage .qhse-manage-right h3,
        .qhse-hse .qhse-hse-font h3 {
            font-size: 26px;
            text-align: center;
            line-height: 30px;
        }

        .qhse-policy .qhse-policy-right {
            padding-top: 70px;
        }

        .qhse-policy .qhse-policy-rightdec,
        .qhse-manage .qhse-manage-rightdec {
            margin-top: 15px;
            font-size: 15px;
        }

        .qhse-policy .qhse-policy-leftimg2 {
            bottom: -40px;
            padding-left: 40px;
        }

    .qhse-manage {
        padding: 40px 0 50px 0;
    }

        .qhse-manage .qhse-manage-left .qhse-mali {
            width: 100%;
        }

        .qhse-manage .qhse-manage-left {
            padding-top: 35px;
        }

        .qhse-manage .qhse-manage-right h4,
        .qhse-hse .qhse-hse-font h4 {
            font-size: 19px;
        }

    .qhse-hse .qhse-hse-leftul h4 {
        font-size: 16px;
        line-height: 25px;
    }

        .qhse-hse .qhse-hse-leftul h4::before,
        .qhse-zs .qhse-zs-ul h4::before {
            top: 9px;
        }

    .qhse-hse .qhse-hse-left {
        padding-right: 0px;
    }

    .qhse-hse .qhse-hse-leftul li {
        margin-right: 0px;
    }

    .qhse-tag {
        padding: 30px 0 30px 0;
    }

    .qhse-zs {
        padding: 35px 0 50px 0;
    }

        .qhse-zs .qhse-zs-ul {
            flex-wrap: wrap;
            padding-top: 15px;
        }

            .qhse-zs .qhse-zs-ul li,
            .product .product-story-ul li {
                width: 100%;
            }

                .qhse-zs .qhse-zs-ul li:first-child {
                    margin-bottom: 20px;
                }

        .qhse-zs .qhse-zs-ulp {
            font-size: 15px;
            line-height: 26px;
        }

    .qhse-zs {
        padding: 35px 0 30px 0;
    }

    .qhse-hse {
        padding: 50px 0 53px 0;
    }

        .qhse-hse .qhse-hse-leftulp {
            font-size: 15px;
            line-height: 24px;
        }

    .pub-banner .pub-banner-font .pub-banner-fonttit,
    .product .product-do-font .pub-banner-fonttit {
        font-size: 24px;
        line-height: 30px;
    }

    .pub-banner .pub-banner-font .pub-banner-fonttitec,
    .product .product-do-font .pub-banner-fonttitec {
        font-size: 26px;
        line-height: 35px;
    }

    .product .product-do-menu a {
        font-size: 18px;
        line-height: 36px;
    }

    .product .product-do-menu {
        margin-top: 20px;
        margin-bottom: 30px;
    }

    /* .product .product-do-menu ul {
    height: 170px;
    } */

    .product .product-do {
        padding-top: 25px;
    }

    .product .product-exper {
        padding-top: 35px;
    }

    .product .product-exper-righttit h3 {
        font-size: 20px;
        line-height: 36px;
    }

        .product .product-exper-righttit h3 span {
            font-size: 26px;
        }

    .product .product-exper-rightdec {
        font-size: 15px;
        line-height: 28px;
    }

        .product .product-exper-rightdec p:first-child {
            margin-bottom: 12px;
        }

    .product .ul-num,
    .product .product-case-ul a {
        flex-wrap: wrap;
    }

        .product .ul-num li {
            margin-bottom: 30px;
        }

    .product .product-num {
        padding-bottom: 10px;
        padding-top: 40px;
    }

    .product .product-detail-tit {
        font-size: 20px;
        line-height: 32px;
    }

    .product .product-detail .product-detail-right {
        margin-top: 20px;
    }

        .product .product-detail .product-detail-right ul {
            margin-top: 15px;
        }

    .product .product-detail .product-detail-rightdec p {
        line-height: 26px;
        font-size: 14px;
    }

    .product .product-case-tit,
    .product .product-story-tit {
        font-size: 24px;
        line-height: 30px;
    }

    .product .product-case-right h3 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 5px;
    }

    .product .product-case-left,
    .product .product-case-right,
    .technology .technology-top li {
        width: 100%;
    }

    .product .product-case-right {
        padding-left: 8px;
        padding-top: 15px;
    }

    .product .product-case-rightdec,
    .product .product-story-fontdc,
    .service-exper .service-exper-fontdec p,
    .energy-item .service-exper-fontdec p {
        font-size: 15px;
        line-height: 26px;
    }

    .product .product-case-ul li {
        margin-bottom: 20px;
    }

    .product .product-case-list {
        padding-top: 35px;
        padding-right: 8%;
        padding-bottom: 40px;
    }

    .product .product-case-ul {
        padding-top: 25px;
    }

    .product .product-story-ul li,
    .product .product-story-ul li:nth-child(3n) {
        margin-right: 0px;
    }

    .product .product-story {
        padding-top: 40px;
        padding-bottom: 15px;
    }

    .product .product-story-font h3,
    .service-exper .service-exper-font h3,
    .energy-item .service-exper-font h3 {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .product .product-story-font,
    .service-exper .service-exper-font,
    .energy-item .service-exper-font {
        padding-top: 20px;
    }

    .product .product-story-ul li {
        margin-bottom: 25px;
    }

    .team .team-success-tit h3,
    .supply .supply-font h3 {
        font-size: 24px;
        line-height: 35px;
    }

    .team .team-success-tit h4,
    .supply .supply-font .supply-fonth4 h4 {
        font-size: 18px;
        line-height: 28px;
    }

    .team {
        padding-top: 35px;
        padding-bottom: 60px;
    }

        .team .team-success {
            padding-bottom: 40px;
        }

        .team .team-success-tit h3,
        .supply .supply-font h3 {
            margin-bottom: 15px;
        }

        .team .team-exper-p {
            font-size: 16px;
            line-height: 26px;
        }

        .team .team-exper {
            padding-top: 40px;
            padding-bottom: 50px;
        }

        .team .team-stand {
            padding-top: 40px;
        }

        .team .team-stand-table {
            margin: 25px auto 0 auto;
        }

            .team .team-stand-table th {
                font-size: 17px;
            }

            .team .team-stand-table td {
                font-size: 14px;
            }

    .technology {
        padding-top: 45px;
    }

        .technology .technology-bot {
            margin-top: 25px;
        }

        .technology .technology-topfont {
            margin-top: 6px;
        }

        .technology .technology-botright {
            padding-left: 0px;
            padding-right: 0px;
        }

            .technology .technology-botright h3 {
                margin-bottom: 13px;
            }

        .technology .technology-bot {
            margin-top: 0px;
        }

    .build {
        padding-top: 0px;
    }

        .build .build-bot {
            padding: 50px 0 35px 0;
        }

    .new .new-tit {
        font-size: 20px;
    }

    .new {
        padding-top: 30px;
        padding-bottom: 35px;
    }

    .cases {
        padding-top: 80px;
    }

    .paging a {
        font-size: 12px;
    }

    .new .new-ppt a {
        width: 80%;
        font-size: 14px;
        padding-left: 10px;
        margin: 20px auto 0 auto;
    }

        .new .new-ppt a::after {
            right: 10px;
        }

    .new .new-ppt h3 {
        font-size: 16px;
        line-height: 26px;
    }

    .new .new-ppt {
        padding: 35px 10px;
        margin-top: 25px;
    }

    .new .new-hot {
        padding-top: 40px;
    }

    .new .new-hotright .tit {
        font-size: 18px;
    }

    .new .new-hotright a {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 30px;
    }

    .new .new-hotright .new-hotright-dec {
        font-size: 15px;
        line-height: 25px;
        margin-top: 5px;
    }

    .new .new-hotright .tit {
        margin-top: 10px;
    }

    .new .new-bot {
        padding-top: 30px;
    }

    .new .new-bot-ygdt{
 padding-top: 0px;
        
    }

    .new .new-botul {
        -moz-column-count: 1;
        /* -webkit-column-count: 1; */
        /* column-count: 1; */
        -moz-column-gap: 0em;
        /* -webkit-column-gap: 0em; */
        /* column-gap: 0em; */
        display: flex;
        flex-direction: row;
        margin-bottom: 30px;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .new .new-bot .new-botfont {
        padding: 25px 20px 32px 20px;
    }

    .new .new-bot ul li {
        margin-bottom: 20px;
        width: 100%;
    }

    .newinfo .newinfo-list-lefttit h3 {
        font-size: 20px;
        line-height: 34px;
    }

    .newinfo .newinfo-page a {
        font-size: 15px;
    }

    .newinfo .newinfot-right-menu a {
        font-size: 16px;
    }

    .newinfo .newinfot-right-search h3,
    .newinfo .newinfo-recomm h3 {
        font-size: 18px;
    }

    .newinfo .search-input::-webkit-input-placeholder {
        font-size: 12px;
    }

    .newinfo .search-input::-webkit-input-placeholder {
        font-size: 12px;
    }

    .newinfo .search-input::-moz-placeholder {
        font-size: 12px;
    }

    .newinfo .search-input:-moz-placeholder {
        font-size: 12px;
    }

    .newinfo .search-input-ms-input-placeholder {
        font-size: 12px;
    }

    .newinfo .newinfo-recomm-right h4 {
        font-size: 16px;
        line-height: 26px;
    }

    .newinfo .newinfot-right-menu {
        margin-top: 10px;
    }

    .hr .hr-tit {
        font-size: 22px;
        line-height: 30px;
    }

    .hr {
        padding-top: 35px;
    }

        .hr .hr-ulfont h3 {
            font-size: 20px;
            line-height: 28px;
        }

        .hr .hr-ulfont .hr-ulfontdec {
            font-size: 15px;
            line-height: 25px;
            margin-top: 10px;
        }

        .hr .hr-ulicon {
            margin-bottom: 18px;
        }

        .hr .hr-ul {
            margin-top: 30px;
        }

        .hr .hr-join {
            margin-top: 35px;
        }

        .hr .hr-tit {
            font-size: 20px;
            line-height: 26px;
        }

        .hr .hr-titdec {
            font-size: 14px;
            line-height: 24px;
        }

        .hr .hr-join .hr-join-leftfont {
            bottom: 17px;
        }

        .hr .hr-join-rightfont h3 {
            font-size: 18px;
        }

        .hr .hr-join-right ul {
            width: 96%;
            height: 350px;
            padding: 40px 20px;
        }

        .hr .hr-join-rightfont p {
            font-size: 15px;
            line-height: 26px;
        }

        .hr .hr-join-right ul li {
            flex-wrap: wrap;
        }

        .hr .hr-join-rightfont {
            width: 100%;
        }

        .hr .hr-join-righta {
            width: 38%;
            padding-top: 30px;
        }

        .hr .hr-story {
            padding-top: 30px;
            padding-bottom: 25px;
        }

        .hr .hr-story-swiperfont h3 {
            font-size: 18px;
        }

        .hr .hr-story-swiperfont h4 {
            font-size: 14px;
        }

        .hr .hr-story-swiperfont {
            padding: 30px 15px 35px 15px;
        }

        .hr .swiper-container {
            padding-bottom: 40px;
        }

        .hr .hr-ulicon img {
            margin: 0 auto;
        }

        .hr .hr-ulfont h3 {
            text-align: center;
        }

        .hr .hr-join-rightfont h3,
        .hr .hr-join-rightfont p {
            opacity: 1;
        }

    .equipment .equipment-top-righth3 h3 {
        font-size: 22px;
        line-height: 36px;
    }

    .equipment .equipment-top-right {
        padding-left: 0px;
    }

    .equipment {
        padding-top: 40px;
    }

        .equipment .equipment-bot {
            margin-bottom: 40px;
        }

        .equipment .equipment-top-righth3 {
            margin-bottom: 15px;
        }

        .equipment .equipment-bot-ul {
            -moz-column-count: 1;
            -webkit-column-count: 1;
            column-count: 1;
        }

        .equipment .equipment-botnum {
            height: 300px;
        }

        .equipment .equipment-botfont {
            padding: 15px 22px;
        }

    .about .about-who-ceimg {
        position: absolute;
        bottom: auto;
        top: 22%;
    }

    .about .about-who-rightfont {
        top: 6.5%;
    }

    .about .about-who-ceimg {
        opacity: 0.1;
        z-index: 1;
    }

    .about .about-who-leftfont {
        z-index: 5;
    }

    .about .about-who-ceimg img {
        width: 100%;
    }

    .about .about-who {
        padding-top: 150px;
    }

    .about .about-progress-bigswiper .swiper-button-prev {
        left: 0px;
        background-size: 100%;
    }

    .about .about-progress-bigswiper .swiper-button-next {
        right: 0px;
        background-size: 100%;
    }

    .about .about-progress-smallswiper .swiper-button-next,
    .about .about-progress-bigswiper .swiper-button-next,
    .about .about-progress-smallswiper .swiper-button-prev,
    .about .about-progress-bigswiper .swiper-button-prev {
        width: 12px;
        top: -18%;
    }

    .about .about-progress .about-progress-smallswiper {
        width: 90%;
    }

    .supply {
        padding-top: 35px;
    }

        .supply .supply-font .supply-fonth4 {
            margin-bottom: 15px;
            margin-top: 18px;
        }

        .supply .supply-fontdec {
            font-size: 15px;
        }

        .supply .supply-img {
            margin-top: 40px;
        }

    .contact .contact-top li:first-child {
        width: 100%;
    }

    .contact .contact-top .contact-topul,
    .contact .contact-method li {
        flex-wrap: wrap;
    }

    .contact .contact-top li:last-child {
        padding-left: 0px;
        width: 100%;
    }

    .contact .contact-top li {
        flex: none;
    }

    .contact .contact-top .contact-topul {
        z-index: 9;
    }

    .contact .conttact-topimginf img {
        opacity: 0.15;
        z-index: 1;
    }

    .contact .contact-top {
        padding-top: 20px;
        padding-bottom: 30px;
    }

    .contact .contact-top-lefticon img {
        margin: 0 auto;
    }

    .contact .contact-top-leftfont,
    .contact .contact-methodfont,
    .contact .contact-method li:nth-child(2) .contact-methodfont p,
    .contact .contact-method li:last-child .contact-methodfont p {
        text-align: center;
    }

        .contact .contact-top-leftfont h3 {
            font-size: 32px;
        }

    .contact .contact-top-leftfont {
        margin-top: 3px;
        padding-left: 0px;
        z-index: 9;
    }

    .contact .contact-cenfont {
        font-size: 16px;
        line-height: 26px;
    }

    .contact .contact-cen {
        padding: 30px 0px 30px 0px;
    }

    .contact .contact-methodfont p b {
        font-size: 32px;
    }

    .contact .contact-methodimg,
    .contact .contact-methodfont,
    .contact .contact-method ul,
    .contact .contact-cen li {
        width: 100%;
    }

    .contact .contact-method ul {
        padding: 0 20px;
    }

    .contact .contact-method,
    .contact .contact-form {
        padding: 30px 0;
    }

    .contact .contact-methodimg {
        margin-bottom: 15px;
    }

    .contact .contact-formright h3 {
        font-size: 22px;
    }

    .contact .contact-formright {
        padding-left: 0px;
        padding-right: 0px;
    }

        .contact .contact-formright ul li {
            margin-right: 0px;
            width: 100%;
        }

    .contact .contact-cen li {
        padding-bottom: 25px;
    }

        .contact .contact-cen li:last-child {
            margin-bottom: 0px;
        }

        .contact .contact-cen li:first-child {
            margin-bottom: 0px;
        }

    .contact .contact-cenimg {
        width: 13%;
    }

    .contact .contact-cenfont {
        width: 87%;
        padding-left: 15px;
    }

    /* .qhse-manage .qhse-manage-left ul li {
        width: 100%;
        height: auto;
    } */

    .section6 {
        padding: 50px 0;
    }

        .section6 .index-tit p {
            padding-top: 20px;
        }

        .section6 .swiper-container {
            padding-right: 1px;
        }

        .section6 .index-tit {
            position: static;
            top: 0%;
            left: 0%;
            transform: translate(0%, 0%);
        }

    .innew .innew-list li a {
        flex-wrap: wrap;
    }

    .innew .innew-listimg,
    .innew .innew-listcont {
        width: 100%;
    }

    .innew .innew-listcont-ct h3 {
        font-size: 18px;
    }

    .innew .innew-listcont-ctdec {
        font-size: 14px;
    }

    .innew .innew-listcont {
        padding: 30px 20px;
    }

    .innew .innew-list li {
        margin-bottom: 23px;
    }

    .innew .innew-time span {
        font-size: 36px;
        line-height: 36px;
        padding-bottom: 3px;
    }

    .innew .innew-time em {
        font-size: 16px;
        line-height: 20px;
        margin-top: 3px;
    }

    .innew .innew-listcont {
        align-items: flex-start;
    }

    .innew {
        padding-top: 50px;
        padding-bottom: 40px;
    }

    .team-pro .team-proleft .team-proleft-font {
        width: 100%;
        position: static;
        transform: translateY(0px);
    }

    .team-pro .team-proleft {
        height: auto;
    }

        .team-pro .team-proleft .team-proleft-font h3 {
            font-size: 22px;
            line-height: 34px;
            padding-bottom: 10px;
        }

    .team-pro .team-proleft-fontdec {
        font-size: 14px;
        padding-top: 10px;
        line-height: 26px;
    }

    .team-pro .team-proleft .team-proleft-font h3::before {
        width: 44px;
    }

    .team-pro .team-proleft {
        padding: 35px 25px;
    }

    .team-pro {
        padding-top: 50px;
    }

    .contact .contact-topimg img {
        width: 100%;
    }

    .innew .innew-list {
        padding-bottom: 25px;
    }

    .index-cont2 .index-cont2-list .index-cont2-li {
        background-size: 100% !important;
    }




    /* 20211027 */
    .new-menu li {
        margin-right: 30px;
    }

    .new-menu a {
        font-size: 15px;
    }

    .about .about-pcmenu ul li a {
        font-size: 16px;
    }

    .new-menu a,
    .about .about-pcmenu ul li a {
        height: 56px;
        line-height: 56px;
    }

    .about .about-pcmenu ul li {
        margin-right: 25px;
    }

        .about .about-pcmenu ul li a {
            height: 50px;
            line-height: 50px;
        }

    .about .about-tit {
        margin-bottom: 25px;
        text-align: center;
    }

    .about .swiper-container {
        padding: 10px 20px 40px 20px;
    }

    .about .about-honor {
        height: 470px;
        padding-top: 35px;
    }

    .about .about-honor-top {
        flex-wrap: wrap;
    }

    .about .about-tit,
    .about .about-pcmenu {
        width: 100%;
    }

    .about .about-pcmenu {
        margin-top: 15px;
    }

    .technology .technolog-topicon {
        margin: 0 auto;
    }

    .technology .technology-topfont h3 {
        height: auto;
        text-align: center;
    }

    .technology .technology-topfontp {
        padding-right: 0px;
    }

    .jzt-list .jzt-listfont h3 {
        font-size: 16px;
    }


    .qhse-manage .qhse-manage-left ul li:nth-child(1) {
        left: 38.4%;
    }

    .qhse-manage .qhse-manage-left ul li:nth-child(2) {
        left: 41%;
    }

    .qhse-manage .qhse-manage-left ul li:nth-child(3) {
        left: 17%;
    }

    .lb-nav a.lb-prev {
        left: 0%;
    }

    .lb-nav a.lb-next {
        right: 0%;
    }

    .jzt-list .jzt-listbg {
        border-right: 50px solid transparent;
        border-left: 50px solid transparent;
        border-bottom-width: 90px;
    }

        .jzt-list .jzt-listbg.bg2 {
            width: 100px;
        }

        .jzt-list .jzt-listbg.bg3 {
            width: 200px;
        }

    .qhse-manage .qhse-manage-left ul li:nth-child(1) h3 {
        font-size: 14px;
    }

    .about .about-mobilecooper,
    .about .about-mobilecooper .swiper-pagination {
        display: none;
    }

    .about-pccooper .about-pccplist li {
        width: 48%;
    }

        .about-pccooper .about-pccplist li:nth-child(5n),
        .about-pccooper .about-pccplist li:nth-child(3n) {
            margin-right: 10px;
        }

        .about-pccooper .about-pccplist li:nth-child(2n) {
            margin-right: 0px;
        }

    .about-pccooper .about-pccplist li {
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .about-pccooper {
        margin-top: 30px;
    }

        .about-pccooper .about-pccooper-cont {
            padding-bottom: 5px;
        }

        .about-pccooper .about-pccplist li:last-child {
            margin-right: 0px;
        }

    .about .about-progress-bigswiper .swiper-container {
        margin-left: 0px;
    }

    .index-cont5-contli li {
        width: 50%;
    }

        .index-cont5-contli li:nth-child(2) {
            border-radius: 0px 30px 0px 0px;
        }

        .index-cont5-contli li:nth-child(3) {
            border-radius: 0px 0px 0px 0px;
        }

    .section6 .index-tit p {
        padding-top: 1px;
    }

    .index-cont5-cont {
        margin-top: 30px;
    }

    .index-cont5-contli:first-child li:nth-child(14),
    .index-cont5-contli:last-child li:nth-child(15) {
        border: 1px solid transparent;
    }

    .qhse-tag .swiper-button-next,
    .qhse-zs .swiper-button-next,
    .qhse-tag .swiper-button-prev,
    .qhse-zs .swiper-button-prev {
        width: 15px;
    }

    .qhse-tag .swiper-button-prev,
    .qhse-zs .swiper-button-prev {
        left: -10px;
    }

    .qhse-tag .swiper-button-next,
    .qhse-zs .swiper-button-next {
        right: -10px;
    }

    .footer .foot-left {
        width: 100%;
    }

    .footer .foot-cen {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        margin-top: 0px;
        margin-bottom: 10px;
        display: none;
    }

    .footer .footer-list-botmenu {
        display: none;
    }

    .footer .foot-ewm {
        -webkit-box-ordinal-group: 4;
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 4;
        -webkit-order: 4;
        order: 4;
        display: none;
    }

    .footer .foot-right {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 3;
        -webkit-order: 3;
        order: 3;
        display: none;
    }

    .footer .footer-list-botmenu li {
        text-align: center;
    }

    .footer .foot-cen li {
        padding-right: 0px;
    }

    .footer {
        padding-top: 30px;
        padding-bottom: 20px;
    }

        .footer .foot-botaddr a {
            width: 100%;
            display: block;
        }

        .footer .foot-botaddr {
            text-align: center;
            font-size: 0px;
            margin-top: 0px;
            line-height: 0px;
        }

        .footer .footer-list-bot {
            margin-top: 0px;
        }

    .index-cont5-contli:first-child li:nth-child(13) {
        border-right: none;
    }

    .about .ul-num-dec {
        font-size: 15px;
    }

    .new .new-bot ul li {
        margin-right: 0px;
    }

    .index-cont2 {
        padding-bottom: 0px;
    }

    .footer .foot-sbt {
        flex-wrap: wrap;
    }

    .footer .foot-botaddr {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        margin-top: 20px;
    }

    .footer .foot-links {
        margin: 0 auto;
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }

    .footer .foot-sbt {
        margin-top: 4px;
    }

    .footer .foot-links .foot-firendship {
        font-size: 15px;
    }

    .index-cont1 .flr,
    .index-cont1 .index-cont1-rli,
    .index-cont1 .index-cont1-rli1 {
        width: 100%;
    }

    .index-cont1 .index-cont1-right {
        flex-wrap: wrap;
    }

    .index-cont1 .index-cont1-rli1 {
        margin-top: 0px;
    }

    .index-cont1 .index-cont1-li {
        margin-top: 15px;
    }

    .index-cont1 .index-tit {
        margin-bottom: 10px;
    }

    .service .service-build .tit {
        font-size: 18px;
        padding: 15px;
    }

    .service {
        padding-top: 35px;
    }

        .service .service-build-swp {
            padding-top: 20px;
        }

    .service-qhse .service-qhse-rightfont h3 {
        font-size: 22px;
        line-height: 30px;
    }

    .service-qhse .service-qhse-right {
        padding: 0;
        padding-top: 60px;
    }

    .service-item .H001B-interactive-segment-split h3 {
        font-size: 20px;
    }

    .service-item .H001B-interactive-segment-split .right-slide .slide-content--default {
        left: 0px;
    }

    .service-item .H001B-interactive-segment-split .left-slide .slide-content--default {
        right: 0px;
    }

    .service-item .H001B-interactive-segment-split .link,
    .service-item .H001B-interactive-segment-split .link--icon-arrow {
        font-size: 14px;
        line-height: 26px;
    }

    .service-item .H001B-interactive-segment-split .left-slide .slide-content--default {
        top: 11rem;
    }

    .service .service-item,
    .service .service-exper {
        padding: 35px 0;
    }

    .service-item .H001B-interactive-segment-split,
    .service-honor .service-honor-swp,
    .service-exper .service-exper-swp,
    .energy-item .service-exper-swp {
        margin-top: 20px;
    }

    .service-honor .swiper-container,
    .service-exper .swiper-container,
    .energy-item .swiper-container {
        padding-bottom: 35px;
    }

    .service .service-honor {
        padding-bottom: 20px;
    }

    .service-qhse .service-qhse-item {
        width: 300px;
        height: 300px;
    }

    .service-qhse .service-qhse-font {
        font-size: 16px;
        line-height: 60px;
        width: 60px;
        height: 60px;
    }

    .service-qhse .service-qhse-icon {
        width: 50px;
        height: 50px;
    }

    .service-qhse .quan1 {
        width: 80%;
        height: 80%;
    }

    .service-qhse .quan2 {
        width: 100%;
        height: 100%;
    }

    .service-qhse .service-qhse-cont li:nth-child(7) {
        top: 52%;
        left: -2%;
    }

    .service-qhse .service-qhse-cont li:nth-child(1) {
        top: -30px;
    }

    .service-qhse .service-qhse-cont li:nth-child(2) {
        top: 6%;
        left: 77%;
    }

    .service-qhse .service-qhse-cont li:nth-child(4) {
        top: 72%;
        left: 74.5%;
    }

    .service-qhse .service-qhse-cont li:nth-child(5) {
        top: 90%;
        left: 46%;
    }

    .service-qhse .service-qhse-cont li:nth-child(6) {
        top: 75%;
        left: 10%;
    }

    .service-qhse .service-qhse-cont li:nth-child(7) {
        top: 43%;
        left: -2%;
    }

    .service-qhse .service-qhse-cont li:nth-child(8) {
        top: 5%;
        left: 7%;
    }

    .mainer .banner .swiper-pagination-bullet,
    .qhse-tag .swiper-pagination-bullet,
    .qhse-zs .swiper-pagination-bullet,
    .build .swiper-pagination-bullet,
    .hr-story .swiper-pagination-bullet,
    .about-mobilhonor .swiper-pagination-bullet,
    .about-mobilecooper .swiper-pagination-bullet,
    .index-cont5-swiper .swiper-pagination-bullet,
    .index-cont6 .swiper-pagination-bullet,
    .index-cont-btn li a,
    .service-build .swiper-pagination-bullet,
    .service-honor .swiper-pagination-bullet,
    .service-exper .swiper-pagination-bullet,
    .energy-item .swiper-pagination-bullet,
    .energy-supply .swiper-pagination-bullet,
    .energy-honor .swiper-pagination-bullet {
        width: 18px;
        height: 3px;
    }

    .index-cont6 .swiper-pagination {
        text-align: center;
    }

        .index-cont6 .swiper-pagination span {
            width: 8px;
            height: 8px;
        }

    .about-pccooper .about-pccooper-btn li a {
        width: 20px;
    }

    .service-quilty .service-quilty-ct li {
        width: 100%;
    }

    .service-quilty .service-quilty-item {
        width: 320px;
        height: 320px;
    }

    .service-quilty .num {
        font-size: 30px;
    }

    .service-quilty .service-quilty-num li h3 {
        font-size: 16px;
    }

    .service-quilty .service-quilty-num li:nth-child(1) {
        top: 24%;
        left: 9%;
    }

    .service-quilty .service-quilty-num li:nth-child(2) {
        top: 18%;
        right: 9%;
    }

    .service-quilty .service-quilty-cont {
        margin-top: 15px;
    }

    .service-quilty .service-quilty-ct .service-quilty-ctg {
        font-size: 15px;
        line-height: 26px;
    }

    .service-quilty .service-quilty-ctg {
        margin-top: 3px;
    }

    .service .service-quilty {
        padding-bottom: 10px;
    }

    .service-quilty .service-quilty-ct li {
        padding-bottom: 20px;
    }

    .service-quilty .service-quilty-ct {
        margin-top: 30px;
    }

        .service-quilty .snum .num,
        .service-quilty .snum h3,
        .service-quilty .service-quilty-ct .service-quilty-ctg {
            text-align: center;
        }

        .service-qhse .service-qhse-rightdec,
        .service-quilty .service-quilty-ct .service-quilty-ctg,
        .service-item .H001B-interactive-segment-split .link {
            text-align: justify;
        }

    .new .new-bot .new-botfont h3,
    .new .new-bot .new-hbotfont h3 {
        height: auto;
    }

    .energy-qhse .energy-qhse-left::before,
    .energy-qhse .energy-qhse-righttp::before {
        width: 150px;
        height: 150px;
    }

    .energy-qhse .energy-qhse-rightbt::before {
        height: 200px;
    }

    .energy-qhse .energy-qhse-font {
        font-size: 14px;
    }

    .energy-qhse .energy-qhse-ft {
        width: 100%;
        position: absolute;
        bottom: 0px;
        left: 50%;
        transform: translateX(-50%);
        padding: 8% 6% 8% 6%;
    }

    .energy .energy-rel-simg {
        height: 500px;
    }

    .energy-rel .energy-rel-img {
        background: #1BAC8D !important;
        height: 880px;
    }

    .energy-rel .energy-rel-icon {
        top: 17%;
        left: 50%;
        transform: translate(-50%,-17%);
    }

    .energy-rel .rel-font-tit h4 {
        font-size: 20px;
        line-height: 30px;
    }

    .energy-rel .rel-font-dec {
        font-size: 14px;
        line-height: 26px;
    }

    .energy-rel .energy-rel-icon {
        width: 120px;
        height: 120px;
        border: 8px solid #EBEFF2;
    }

    .energy-rel .energy-rel-icon2 {
        width: 80px;
        height: 75px;
    }

    .energy-rel .energy-rel-font {
        padding: 20px 30px 50px 50px;
    }

        .energy-rel .energy-rel-font li {
            margin-top: 15px;
        }

    .energy-team .energy-team-img3 {
        margin-left: 5%;
    }

    .energy-team .energy-team-img2 {
        margin-left: 10%;
    }

    .energy-team .energy-team-left li {
        flex-wrap: wrap;
    }

    .energy-team .energy-team-icon,
    .energy-team .energy-team-font {
        width: 100%;
    }

        .energy-team .energy-team-font h3 {
            text-align: center;
        }

    .energy-team .energy-team-left {
        padding-top: 40px;
    }

        .energy-team .energy-team-left li:first-child {
            margin-bottom: 20px;
        }

    .service,
    .energy .energy-qhse,
    .energy .energy-rel,
    .energy .energy-team,
    .energy .energy-honor,
    .energy .energy-honor {
        padding-top: 40px;
    }

    .energy-qhse .energy-qhse-right .energy-qhse-ft {
        padding: 8% 7% 10.5% 6%;
    }

    .energy-rel .energy-rel-icon3 {
        width: 65px;
        height: 70px;
        top: -30.5%;
    }

    .energy-rel .energy-rel-icon1 {
        width: 18px;
        height: 60px;
    }

    .energy-rel .energy-rel-icon {
        margin: 30px auto 0 auto;
    }

    .about .about-who-ceimg {
        right: 0px;
    }

    .energy-qhse .mrpt {
        margin-top: 10px;
        height: 10px;
    }

    .energy-add .energy-add-img1 {
        margin-left: 0px;
    }

    .energy-add .energy-add-img2 {
        margin-left: 5%;
        margin-top: -20.5%;
    }

    .energy-add .energy-add-img3 {
        margin-left: 3.5%;
    }

    .energy-team .energy-team-font {
        padding-left: 0px;
    }

    .energy-add .energy-add-left {
        flex-wrap: wrap;
        padding-top: 55px;
    }

    .energy-add .energy-add-icon,
    .energy-add .energy-add-font {
        width: 100%;
    }

    .energy .energy-qhse {
        padding: 45px 0;
    }

    .energy-add .energy-add-font h4 {
        font-size: 20px;
        text-align: center;
        line-height: 32px;
    }

    .energy-add .energy-add-font {
        padding-left: 0px;
        margin-top: 15px;
    }

        .energy-add .energy-add-font .dec {
            margin-top: 6px;
        }

        .energy-add .energy-add-font .dec {
            font-size: 15px;
        }

    .index-cont6 .index-cont6-menu li {
        width: 50%;
        margin-right: 0px;
    }

    .index-cont6 .index-cont6-menu a {
        text-align: center;
    }

    .index-cont6 .index-cont6-menu li.active, .index-cont6 .index-cont6-menu li:hover {
        border: none;
        /* border-left: 2px solid #004c92; */
    }
}

@media screen and (max-width: 414px) {
    .qhse-manage .qhse-manage-left ul li:nth-child(1) {
        left: 40.5%;
    }

    .qhse-manage .qhse-manage-left ul li:nth-child(3) {
        left: 19.5%;
    }

    .about .about-progress .about-progress-smallswiper::after {
        top: 15%;
        transform: translateY(-15%);
    }

    .about .about-who-rightfont {
        top: 6.5%;
    }

    .about .about-who-ceimg {
        top: 14%;
    }

    .product .ul-num li {
        margin-right: 10px;
    }

        .product .ul-num li:nth-child(3n) {
            margin-right: 0px;
        }

    .product .ul-num li {
        margin-right: 0px;
        width: 33.33%;
        text-align: center;
    }

    .energy-rel .energy-rel-icon3 {
        width: 64px;
        height: 70px;
        top: -24.5%;
    }

    .energy-rel .energy-rel-icon {
        top: 19%;
        left: 50%;
        transform: translate(-50%,-19%);
    }
}

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

    .qhse-manage .qhse-manage-left ul li:nth-child(1) {
        left: 39.9%;
    }

    .qhse-manage .qhse-manage-left ul li:nth-child(2) {
        left: 40.5%;
    }

    .qhse-manage .qhse-manage-left ul li:nth-child(3) {
        left: 16.5%;
    }
}

@media screen and (max-width: 320px) {
    .product .ul-num-dec {
        font-size: 14px;
    }

    .banner .swiper-font .swiper-h2,
    .banner .swiper-font .swiper-h2 h2 {
        font-size: 18px;
    }

    .about .about-who-rightfont {
        top: 6.5%;
    }

        .about .about-who-rightfont h3 {
            font-size: 15px;
        }

    .H001B-interactive-segment-split .left-slide .slide-content--default {
        right: 0rem;
        padding: 0 20px;
    }

    .H001B-interactive-segment-split .left-slide .slide-content--default {
        top: 19rem;
    }

    .H001B-interactive-segment-split .right-slide .slide-content--default {
        left: 0rem;
        padding-top: 290px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .about .about-progress .about-progress-smallswiper::after {
        top: 17%;
        transform: translateY(-17%);
    }

    .about .about-progress .about-bigswiper-right {
        padding: 30px 10px;
    }

    .qhse-manage .qhse-manage-left ul li:nth-child(1) h3 {
        font-size: 13px;
    }

    .qhse-manage .qhse-manage-left ul li:nth-child(1) {
        left: 39%;
    }

    .qhse-manage .qhse-manage-left ul li:nth-child(2) {
        left: 39.5%;
    }

    .qhse-manage .qhse-manage-left ul li:nth-child(3) {
        left: 11.5%;
    }

    .jzt-list .jzt-listbg {
        border-right: 45px solid transparent;
        border-left: 45px solid transparent;
        border-bottom-width: 80px;
    }

        .jzt-list .jzt-listbg.bg2 {
            width: 90px;
        }

        .jzt-list .jzt-listbg.bg3 {
            width: 180px;
        }

    .service-qhse .service-qhse-item {
        width: 280px;
        height: 280px;
    }

    .service-item .H001B-interactive-segment-split .left-slide .slide-content--default {
        top: 16rem;
    }

    .service-quilty .service-quilty-item {
        width: 280px;
        height: 280px;
    }

    .service-quilty .service-quilty-num li:nth-child(1) {
        top: 24%;
        left: 6%;
    }

    .service-quilty .service-quilty-num li:nth-child(2) {
        top: 18%;
        right: 6%;
    }

    .service-quilty .num {
        font-size: 28px;
    }

    .service-quilty .service-quilty-num li:nth-child(3) {
        bottom: 5%;
    }

    .energy-qhse .energy-qhse-right .energy-qhse-ft {
        padding: 8% 7% 9.5% 6%;
    }

    .energy-qhse .energy-qhse-rightbt::before {
        width: 120px;
        height: 170px;
    }

    .energy-rel .energy-rel-font {
        padding: 20px 25px 40px 40px;
    }

    .energy .energy-rel-simg {
        height: 400px;
    }

    .energy-rel .energy-rel-img {
        height: 880px;
    }

    .energy-rel .energy-rel-icon {
        top: 12%;
        left: 50%;
        transform: translate(-50%,-12%);
    }

    .energy-rel .energy-rel-icon {
        width: 110px;
        height: 110px;
        border: 6px solid #EBEFF2;
    }

    .energy-rel .energy-rel-icon3 {
        width: 60px;
        height: 70px;
        top: -27.5%;
    }
}