@media all and (min-width: 1530px) and (max-width: 2047px) {
    .layui-container {
        width: 1430px;
    }
}

@media screen and (min-width: 2048px) {
    .layui-container {
        width: 1630px;
    }

}

@media all and (min-width: 1430px) and (max-width: 1600px) {
    .layui-container {
        width: 1330px;
    }

}


@media all and (min-width: 1280px) and (max-width: 1430px) {
    .layui-container {
        width: 1230px;
    }

    .nav li.nli {
        padding: 0;
    }


}

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

    .header,
    .top_nav {
        display: none;
    }

    .mc_ph_hd {
        display: block;
        box-shadow: -0.0625rem 0 0.625rem 0 rgb(0 0 0 / 7%), 0.3125rem 1.25rem 2.5rem 0 rgb(0 0 0 / 4%) !important;
    }


    .yqgk .video,
    .yqgk .video img {
        width: 100%;
    }

    .zsfx .left,
    .news .newSlide {
        width: 100%;
    }

    .zsfx .right,
    .news .newList {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .zsfx .right .rzlcImg {
        height: auto;
        padding: 50px 0 25px 0;
        margin-top: 25px;
    }

    .main-message {
        height: auto;
        padding-bottom: 25px;
    }

    .main-message #fdbform {
        width: 95%;
    }

    .fhjdlist .box .text {
        padding: 15px;
        height: auto;
    }

    .fhjdlist .box .text .title {
        font-size: 20px;
        line-height: 35px;
    }

    .yqgk .item {
        padding: 25px 15px;
    }

    .yqgk .item .name {
        font-size: 18px;
    }

    .yqgk .item .desc {
        font-size: 14px;
        line-height: 26px;
    }

    .main-zszt .layui-container {
        width: 100%;
    }

    .zsztSlide {
        padding: 0;
    }

    .zsztSlide .slide {
        width: 100%;
        margin-bottom: 25px;
    }

    .zsztSlide .slide .ico {
        width: 82px;
        height: 82px;
        bottom: 70px;
        left: calc((100% - 82px) /2);
    }

    .zsztSlide .slide .ico img {
        max-width: 42px;
        height: auto;
    }

    .zsztSlide .slide .text .title {
        font-size: 20px;
        padding-left: 15px;
    }

    .zsztSlide .slide .text {
        height: 90px;
    }

    .footer_box {
        flex-direction: column;
        line-height: 2em;
    }

    .footer_box .erweima {
        margin-top: 20px;
    }

    .news .newList {
        margin-top: 25px;
    }

    .main-zsyw {
        padding-bottom: 30px;
    }

    .main-cyfx {
        margin-top: 30px;
        padding-bottom: 30px;
    }

    #layui-layer1 {
        width: 90% !important;
        margin: 0 auto;
        left: 5% !important;
    }

    .fixModal .content {
        width: 90%;
        left: 5%;
        border-radius: 10px;
        padding: 15px;
        height: auto;
    }

    .fixModal .content .text {
        font-size: 16px;
        line-height: 35px;
    }

    .newSlide .swiper-slide .title {
        height: 45px;
        line-height: 45px;
        font-size: 16px;
    }

    .fixModal .content .close {
        right: 8px;
        top: 2px;
    }

    .fixModal .content .phone {
        height: auto;
        line-height: 25px;
        font-size: 16px;
        padding: 15px;
    }

    .img_content video {
        width: 100%;
    }

    .img_content {
        width: 90%;
        left: 5%;
        top: 30%;
    }

}


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




    .zsyslist .box .title {
        width: 90%;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
        left: 5%;
        top: calc((100% - 35px) / 2);
    }

    .zsfx .left .item .text .title {
        font-size: 16px;
    }

    .fhjdlist .box {
        width: 100%;
    }

    .fhjdlist .box2 {
        flex-direction: column-reverse;
    }

    .fhjdlist .box2 .text {
        margin-bottom: 25px;
    }

    .fhjdlist .box2 .text::before {
        bottom: -20px;
        top: auto;
        transform: rotate(180deg);
    }

    .column {
        margin: 35px 0 25px 0;
    }

    .column .name {
        font-size: 22px;
    }

    .column .name::before {
        background-size: 60% 60%;
        left: -40px;
    }

    .column .name::after {
        background-size: 60% 60%;
        right: -60px;
    }

    #getcaptch {
        right: 1px;
    }

    .zsztSlide .slide .more {
        right: 15px;
    }

    .zsfx .left .layui-row,
    .zsyslist .layui-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .zsfx .left .layui-row .layui-col-md4,
    .zsyslist .layui-row .layui-col-md3 {
        width: 50%;
    }

    .fixModal .content .phone img {
        margin-right: 20px;
    }

    .layui-layer-content video {
        min-height: auto;
    }

}