.logoImg, .logoW {
    width: 220px;
}
@media screen and (max-width:1600px) {}

@media screen and (max-width:1440px) {
    body {
        font-size: 14px;
    }

    .inner {
        width: 86%;
        margin: 0 auto;
    }

    header {
        padding-left: 7vw;
    }

    .indPro .con {
        padding-left: 7vw
    }


    .ptb-70 {
        padding: 55px 0;
    }

    .f14 {
        font-size: 14px;
    }

    .f22 {
        font-size: 20px;
    }

    .f24 {
        font-size: 20px;
    }

    .f32 {
        font-size: 30px;
    }

    .f36 {
        font-size: 32px;
    }

    .f40 {
        font-size: 36px;
    }

    .f46 {
        font-size: 40px;
    }

    .f45 {
        font-size: 40px;
    }

    .f60 {
        font-size: 50px;
    }



    .f18 {
        font-size: 16px;
    }

    .f20 {
        font-size: 18px;
    }

    .f26 {
        font-size: 22px;
    }

    .f28 {
        font-size: 26px;
    }

    .f78 {
        font-size: 60px;
    }


    .aboutBot li {
        padding: 80px 20px;
    }

    .honor .swiper-container .img {
        height: 380px;
    }

    .honorBtn>div {
        width: 50px;
        height: 50px;
    }


    .indPro .title .ENG {
        font-size: 120px;
    }

    nav {
        width: 40vw;
    }

    .logoImg,
    .logoW {
        width: 230px;
    }

    .indNews .left .img .newsimg {
        height: 500px;
    }

    .indNews .right .img img {
        height: 155px;
    }

    .App::after {
        bottom: -273px;
        width: 90px;
        height: 376px;
    }

    .App::before {
        top: -277px;
        width: 90px;
        height: 376px;
    }

    .workApp::before {
        top: -223px;
    }

    .f166 {
        font-size: 120px;
    }

    .prolist li {
        height: 480px;
    }

    .prolist li .proimg {
        /* max-width: 55%; */
        /* max-height: 300px; */
        /* left: 70%; */
    }

    .prolist li a .more {
        /* width: 180px; */
        /* height: 50px; */
    }

    .prolist li a .f166 {
        bottom: 20px;
    }

    .rigthUl .img {
        height: 126px;
    }

    .caseUl li .img {
        height: 100px;
    }

    .newsClass a {
        padding: 10px 50px;
    }

    .newslist li .img {
        height: 350px;
    }

    .newsright .img {
        height: 96px;
    }

    .workBan li .yuan {
        width: 100px;
        height: 100px;
    }

    .workList li img {
        width: 150px;
        height: 150px;
    }

    .workList li .txt {
        width: calc(100% - 180px);
    }

    .workList li .txt .more {
        height: 40px;
    }

    .workCon {
        margin-top: -50px;
    }

}

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

    .pb-100 {
        padding-bottom: 60px;
    }

    .ptb-70 {
        padding: 50px 0;
    }

    .f14 {
        font-size: 14px;
    }

    .f22 {
        font-size: 20px;
    }

    .f24 {
        font-size: 20px;
    }

    .f32 {
        font-size: 24px;
    }

    .f36 {
        font-size: 28px;
    }

    .f40 {
        font-size: 30px;
    }

    .f46 {
        font-size: 32px;
    }

    .f45 {
        font-size: 32px;
    }


    .f18 {
        font-size: 16px;
    }

    .f20 {
        font-size: 16px;
    }

    .f26 {
        font-size: 20px;
    }

    .f28 {
        font-size: 22px;
    }

    .f78 {
        font-size: 50px;
    }


    .aboutBot li {
        padding: 60px 20px;
    }

    .honor .swiper-container .img {
        height: 350px;
    }



    .indPro .title .ENG {
        font-size: 100px;
    }

    .inner {
        width: 90%;
        margin: 0 auto;
    }

    header {
        padding-left: 5vw;
    }

    .indPro .con {
        padding-left: 5vw
    }

    .banner {
        height: auto;
    }

    .banImg {
        height: auto;
    }

    header .tel {
        display: none;
    }

    nav {
        width: 60vw;
    }

    .indPro .next {
        right: 30%;
        display: none !important;
    }

    .indTec li .txt .icon {
        width: 80px;
        height: 80px;
    }

    .indNews .left .img .newsimg {
        height: 450px;
    }

    .indNews .right .img img {
        height: 135px;
        width: 200px;
    }

    .indNews .right .txt {
        width: calc(100% - 220px);
    }

    .App::after {
        bottom: -136px;
        width: 45px;
        height: 188px;
    }

    .App::before {
        top: -139px;
        width: 45px;
        height: 188px;
    }

    div.video-wrap {
        width: 90vw;
        height: auto;
    }

    .rigthUl .img {
        height: 110px;
    }

    .workBan {
        padding-bottom: 0;
    }

    .neiBan .mt-70 {
        margin-top: 30px;
    }

    .workCon {
        margin-top: 0;
    }

    .workBan li {
        width: 28%;
    }
}

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

    .logoImg,
    .logoW {
        width: 180px;
    }

    .ptb-70 {
        padding: 30px 0;
    }

    .select {
        display: none;
    }

    .ewm {
        width: 100px;
    }

    .workBan li>div:nth-child(3) {
        display: none;
    }

    .workBan li .yuan {
        width: 80px;
        height: 80px;
    }

    .workList li img {
        width: 100px;
        height: 100px;
    }

    .workList li .txt {
        width: calc(100% - 120px);
    }

    .workList li .txt .color-666 {
        margin: 10px 0;
    }

    .workList li .txt .more {
        width: 60%;
    }


    .g5lianjie ul {
        display: flex;
        flex-direction: column;
    }
}

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

    .wapFlex {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .proLeftUl .title {
        display: none;
    }

    .proLeftUl {
        width: 100%;
    }

    .proRight {
        width: 100%;
    }

    .g5lianjie {
        display: none;
    }

    .tancon {
        width: 90vw;
        padding: 0 10px;
        padding-bottom: 20px;
    }

    .tanright {
        width: 30px;
    }

    .rc-popscroll {
        margin-top: 5px;
    }

    .tancoiii h4 {
        font-size: 14px;
        padding-right: 10px;
    }

    #toolbar {
        display: flex;
    }

    body::after {
        display: block;
        content: '';
        width: 100%;
        height: 60px;
        background-color: #d1141e;
    }

    body {
        font-size: 12px;
    }

    .f14 {
        font-size: 12px;
    }

    .f22 {
        font-size: 16px;
    }

    .f24 {
        font-size: 16px;
    }

    .f32 {
        font-size: 18px;
    }

    .f36 {
        font-size: 18px;
    }

    .f40 {
        font-size: 20px;
    }

    .f46 {
        font-size: 20px;
    }

    .f45 {
        font-size: 20px;
    }

    .pb-100 {
        padding-bottom: 20px;
    }

    .indPro .title .ENG {
        font-size: 50px;
    }



    .video-box {
        height: 50vh;
    }

    .video-box .video-background {
        min-height: 50vh;
    }

    .layer {
        height: 50vh;
    }

    .layer .bottom {
        bottom: 15px;
    }

    .try-btn {
        width: 60px;
        height: 60px;
    }

    .try-btn img {
        width: 30%;
    }

    .honor .title {
        flex-direction: column;
        justify-content: flex-start;
    }

    .tabtit {
        width: 100%;
        margin-top: 20px;
        padding-bottom: 20px;
    }

    .tabtit li {
        margin-left: 0;
        text-align: center;
    }

    .honorBtn {
        display: none !important;
    }

    .f18 {
        font-size: 14px;
    }

    .f20 {
        font-size: 14px;
    }

    .f26 {
        font-size: 16px;
    }

    .f28 {
        font-size: 16px;
    }

    .f60 {
        font-size: 30px;
    }

    .f78 {
        font-size: 30px;
    }

    .aboutTop {
        flex-direction: column;
    }

    .aboutTop .left {
        width: 100%;
    }

    .aboutTop .right {
        width: 100%;
        margin-top: 20px;
    }

    .aboutBot li {
        padding: 20px;
        line-height: 2;
        justify-content: flex-start;
        width: 100%;
    }

    .aboutBot li .f22 {
        font-size: 12px;
    }

    .honor .swiper-container .img {
        height: 250px;
    }

    .aboutTwO .bg5 {
        width: 100%;
        height: 280px;
        object-fit: cover;
    }

    .aboutTwO .right .item:nth-child(-n+2) {
        margin-bottom: 20px;
    }

    .aboutTwO .item {
        width: 50%;
        padding: 0;
    }

    #gallery-top .swiper-slide>.dis-flex-between {
        flex-direction: column;
    }

    #gallery-top .swiper-slide>.dis-flex-between .txt {
        padding-left: 0;
    }

    .history .years {
        padding-top: 10px;
        font-size: 30px;
        display: none;
    }

    .history .bottom {
        margin-top: 20px;
    }

    .history .bottom .swiper-slide {
        padding-bottom: 45px;
    }


    .videoPlay img {
        width: 50px;
    }

    .ptb-70 {
        padding: 20px 0;
    }

    .inner {
        width: 100%;
        padding: 0 20px;
    }

    header {
        padding-left: 20px;
    }

    .indPro .con {
        padding-left: 20px
    }





    .App::after {
        bottom: -62px;
        width: 20px;
        height: 84px;
    }

    .App::before {
        top: -62px;
        width: 20px;
        height: 84px;
    }

    header {
        height: 60px;
        padding-right: 0;
    }

    .banner {
        margin-top: 60px;
    }

    .proInfoTop {
        margin-top: 60px;
    }

    nav {
        width: 100vw;
        height: calc(100vh - 60px) !important;
        background: #d1141e;
        position: fixed;
        z-index: 100;
        top: 60px;
        right: 0;
        flex-direction: column;
        text-align: center;
        justify-content: center !important;
        transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transition: all .5s;
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
    }

    nav.show {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
    }

    nav li {
        width: 100%;
    }

    nav li a {
        color: #fff;
        line-height: 70px;
        display: block;
    }

    nav li.on a {
        color: #fff !important;
        font-weight: bold;
    }

    nav li::after {
        bottom: 5px;
        background-color: #fff;
        width: 50%;
        left: 25%;
        margin-left: 0;
        border-radius: 0;
        height: 1px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    .logoImg,
    .logoW {
        width: 160px;
    }

    .menuBtn {
        display: flex;
    }


    .indAbout .top {
        flex-direction: column;
    }

    .indAbout .bottom {
        flex-wrap: wrap;
        padding: 15px 0;
        margin-top: 20px;
    }

    .indAbout .bottom li {
        width: 50%;
        margin-bottom: 20px;
        padding: 0 10px;
    }

    .indAbout .bottom li img {
        height: 25px;
    }

    .indAbout .bottom li:nth-child(2n)::after {
        display: none;
    }

    .indPro .title {
        padding-bottom: 25px;
    }

    .indPro .title .f40 {
        top: 10%;
    }

    .indPro .title .line {
        height: 2px;
    }

    .indProCon {
        flex-direction: column;
    }

    .proText {
        width: 100%;
    }

    .proRight {
        width: 100%;
        margin-top: 20px;
    }

    .indPro::before {
        display: none;
    }

    .indPro .next {
        display: none;
    }

    .indPro .con {
        padding-right: 20px;
    }

    .indPro .swiper-slide {
        flex-direction: column-reverse;
    }

    .indPro .swiper-slide.swiper-slide-active .txt {
        width: 100%;
    }

    .indPro .swiper-slide.swiper-slide-active .right {
        width: 100%;
    }

    #wonder {
        opacity: 0.2;
    }

    .indPro .swiper-slide .img {
        width: 100%;
        height: auto;
        padding: 15px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }



    .indNews .inner>.dis-flex-between {
        flex-direction: column;
    }

    .indNews .left .img .newsimg {
        height: 250px;
    }

    .indNews .left {
        margin-bottom: 20px;
    }

    .indNews .right li {
        margin-bottom: 15px;
    }

    .indNews .right .img img {
        width: 120px;
        height: 90px;
    }

    .indNews .right .txt {
        width: calc(100% - 140px);
    }

    .indNews .right .txt .color-666 {
        display: none;
    }

    .logoW {
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
    }

    .logoW img {
        max-width: 200px;
    }

    .ewm {
        width: 80px;
    }

    footer .top {
        flex-direction: column;
        align-items: flex-start;
    }

    footer .top .left {
        text-align: center;
        width: 100%;
    }

    footer .center dl>div {
        display: none !important;
    }

    footer .center {
        flex-wrap: wrap;
        white-space: nowrap;
    }

    footer .center dt {
        margin-bottom: 0;
    }

    footer .bottom {
        justify-content: center;
        text-align: center;
        line-height: 2;
        flex-direction: column;
    }

    .svg-swiper-pagination .swiper-pagination-bullet {
        bottom: 20px;
    }

    .svg-swiper-pagination::after {
        bottom: 25px;
    }

    .svg-swiper-pagination .svg {
        width: 10px;
        height: 10px;
        top: 3px;
        left: 3px;
    }

    .svg-swiper-pagination .swiper-pagination-bullet:after {
        width: 2px;
        height: 2px;
        margin: 0;
    }

    .prolist li {
        width: 100%;
        height: auto;
        margin-bottom: 25px;
        border-radius: 10px;
        overflow: hidden;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }

    .prolist li .proimg {
        position: relative;
        right: 20px;
        margin-left: 20px;
        bottom: auto;
        margin-top: 20px;
        top: auto;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }

    .prolist li a .f166 {
        bottom: 20px;
        right: 20px;
        font-size: 60px;
        left: auto;
    }

    .prolist li a .more {
        width: 120px;
        height: 30px;
    }

    .neiBan {
        margin-top: 60px;
    }

    .neiBan .f60 {
        font-size: 26px;
    }

    .neiBan .line {
        height: 2px;
    }

    .neiBanImg {
        height: 25vh;
    }

    .pglist {
        padding: 20px 0;
    }

    .pglist a {
        display: none;
    }

    .pglist a.page {
        display: inline-block;
    }

    .proinfoCon {
        flex-direction: column;
    }

    .proinfoCon .txt {
        padding: 20px 0;
    }

    .proinfoCon .more {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .proinfoCon .more a {
        margin-top: 10px;
        padding: 6px 15px !important;
    }

    .proinfoCon .more a img {
        height: 20px;
    }

    .proInfoBot .inner {
        flex-direction: column;
    }

    .proInfoLeft {
        width: 100%;
    }

    .proInfoRight {
        display: none;
    }

    .proInfoLeft .title {
        height: 40px;
        font-size: 18px;
    }

    .location .left {
        display: none;
    }

    .caseUl li {
        width: 48%;
        margin-right: 4%;
    }

    .caseUl li:nth-child(5n) {
        margin-right: 4%;
    }

    .caseUl li:nth-child(2n) {
        margin-right: 0;
    }

    .caseUl li .img {
        height: 68px;
    }

    .caseTilt img {
        height: 24px;
    }

    .newsClass {
        border-bottom: 1px solid #ddd;
    }

    .newsClass a {
        padding: 10px 0;
        margin: 0;
        flex: 1;
        text-align: center;
        border: none;
        font-size: 15px;
    }

    .newsClass a img {
        height: 18px;
    }

    .newsClass a:last-child {
        border-left: 1px solid #ddd;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    .newslist li .img {
        height: 180px;
        width: 100%;
        margin-top: 15px;
    }

    .newslist li a {
        flex-direction: column;
    }

    .newslist li .txt {
        width: 100%;
    }

    .pglist .hover {
        display: none;
    }

    .newsright {
        display: none;
    }

    .newsleft {
        width: 100%;
    }

    .newspage {
        line-height: 2;
    }

    .workBan li .yuan {
        width: 50px;
        height: 50px;
    }

    .workBan li .f26 {
        font-weight: normal;
        font-size: 14px;
    }

    .neiBan .mt-70 {
        margin-top: 10px;
    }

    .workList li {
        width: 100%;
        margin-right: 0;
    }

    .workList li a {
        padding: 10px;
    }

    .workList li img {
        width: 70px;
        height: 70px;
    }

    .workList li .txt {
        width: calc(100% - 85px);
        line-height: 2;
    }

    .workList li .txt .more {
        width: 50%;
        height: 38px;
    }

    .conBot {
        flex-direction: column-reverse;
    }

    .map {
        width: 100%;
        height: 250px;
    }

    .gbook {
        width: 100%;
    }

    .gbook .submit {
        width: 100%;
        height: 38px;
        margin-top: 0;
    }

    .conTop {
        flex-wrap: wrap;
    }

    .conTop>div {
        width: 50%;
    }

    .conTop>div .mt-30 {
        margin-top: 10px;
    }

    .con-add {
        width: 100% !important;
        margin-bottom: 25px;
    }

    .caseUl li .txt {
        height: 38px;
        line-height: 38px
    }


    .muneUl {
        display: flex;
        overflow-x: scroll;
    }

    .muneUl::-webkit-scrollbar {
        height: 1px;
    }

    .muneUl::-webkit-scrollbar-thumb {
        background: #003f98;
        height: 1px;
    }

    .muneUl::-webkit-scrollbar-track {
        background: #f2f5f9;
        height: 1px;
    }

    .muneUl li {
        padding: 0;
        white-space: nowrap;
    }

    .muneUl li .iconfont {
        display: none;
    }

    .muneUl li a {
        padding: 0 20px;
        line-height: 50px;
    }

    .muneUl li.on {
        background: #d1141e;
        color: #fff;
    }
}


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