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

.detail-main p img{width:100%}


    .gxHead {
        display: block;
    }

    .nav-height {
        display: block;
    }

    .nav {
        display: none;
    }

    .swiper-container {
        margin-top: 70px;
    }

    .zflogo {
        width: 60%;
    }

    #swiper-notice {
        margin-left: 0px !important;
    }

    .page1 .wrapper {
        width: 100%;
        box-sizing: border-box;
        padding: 3%;
        flex-wrap: wrap;
    }

    .page1 .swiper-container {
        width: 100%;
        height: 20rem;
    }

        .page1 .swiper-container .swiper-slide .title {
            height: 6rem;
        }

            .page1 .swiper-container .swiper-slide .title .time {
                width: 3rem;
                height: 3rem;
                top: -3rem;
            }

                .page1 .swiper-container .swiper-slide .title .time h4 {
                    font-size: 16px;
                    line-height: 24px;
                }

                .page1 .swiper-container .swiper-slide .title .time div {
                    font-size: 14px;
                }

            .page1 .swiper-container .swiper-slide .title h2 {
                font-size: 16px;
                margin-top: 10px;
                line-height: 20px;
            }

            .page1 .swiper-container .swiper-slide .title p {
                font-size: 14px;
                line-height: 18px;
                word-break: break-all;
                overflow: hidden;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
            }

    .page1 .wrapper .news-list {
        margin-left: 0px;
        margin-top: 20px;
    }

    .First-new .right h1 {
    }

    #swiper-news .swiper-pagination {
        bottom: 0 !important;
    }

    .page1 .wrapper .news-list ul {
        font-size: 88%;
    }

        .page1 .wrapper .news-list ul li {
            height: 30px;
            padding: 0px 10px 10px 10px;
            font-size: 18px;
            line-height: 20px;
        }

    .news-title .right {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .news-list .active1 .left {
        width: 100%;
            height: 10.22rem;
    }

    .news-list .active1 {
        flex-wrap: wrap;
    }
.mask .container .wrapper .content img{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    margin-left: -34px;
}

    .First-new .right h1 {
        font-size: 18px;
        line-height: 30px;
    }

    .First-new .right span {
        font-size: 14px;
        line-height: 30px;
    }

    .First-new .right p {
        font-size: 14px;
        line-height: 20px;
    }

    .First-new .time {
        height: 100%;
        padding-top: 10px;
        padding-right: 10px;
    }

        .First-new .time h3 {
            font-size: 36px;
        }

        .First-new .time p {
            font-size: 14px;
        }

    .page2 {
        height: auto;
        padding-bottom: 30px;
    }

        .page2 .title {
            width: 92%;
        }

        .page2 ul li {
    width: 47%;
    height: 126px;
    margin-bottom: 15px;
        }

        .page2 ul {
            width: 92%;
            flex-wrap: wrap;
        }

        .page2 .title h2 {
            font-size: 24px;
        }

        .page2 .title span {
            font-size: 16px;
        }

        .page2 ul li img {
         width: 70px;
    height: 70px;
    margin-bottom: 15px;
        }

        .page2 ul li p {
            font-size: 12px;
            margin: 0px;
        }

    .page3 {
        padding-top: 30px;
        height: auto;
    }

        .page3 .wrapper {
            width: 92%;
            flex-wrap: wrap;
        }

            .page3 .wrapper .left {
                width: 100%;
            }

                .page3 .wrapper .left video {
                    width: 100%;
                    height: fit-content;
                }

            .page3 .wrapper .right {
                margin: 0;
                width: 100%;
            }

                .page3 .wrapper .right h4 {
                    font-size: 30px;
                }

                .page3 .wrapper .right span {
                    font-size: 24px;
                    margin-left: 10px;
                }

                .page3 .wrapper .right .content {
                    font-size: 16px;
                    line-height: 32px;
                }

                .page3 .wrapper .right .more {
                    width: 100px;
                    height: 40px;
                    border-radius: 20px;
                }

                .page3 .wrapper .right .datas {
                    margin-top: 15px;
                }

                .page3 .wrapper .right ul .num {
                    font-size: 32px;
                }

                .page3 .wrapper .right .datas li span {
                    font-size: 16px;
                }

    .page4 {
        padding: 4%;
        padding-bottom: 40px;
        padding-top: 20px;
    }

        .page4 .warp {
            width: 100%;
            margin-bottom: 20px;
        }

        .page4 .title .left h2 {
            font-size: 26px;
        }

        .page4 .title .left span {
            font-size: 20px;
        }

        .page4 .title .right {
            font-size: 16px;
        }

        .page4 .info li a .left {
            width: 22%;
        }

            .page4 .info li a .left div:nth-child(1) {
                font-size: 14px;
                margin-top: 10px;
            }

            .page4 .info li a .left div:nth-child(2) {
                font-size: 22px;
            }

        .page4 .info li a .right h3 {
            font-size: 20px;
        }

    .footer2 .mt-ul {
        width: 92%;
        flex-wrap: wrap;
    }

    .footer2 .wrapper {
        width: 92%;
    }

    .banner {
        margin-top:50px;
    }

    .drop-nav {
        width: 100%;
        padding: 0px;
    }

        .drop-nav .right {
            display: none;
        }

    .introduce-container {
        margin-top: 0px;
    }

        .introduce-container .container {
            width: 92%;
        }

    .about img {
        width: 100%;
    }

    .introduce-container .header-title {
        width: 100%;
    }

        .introduce-container .header-title h3 {
            font-size: 26px;
        }

        .introduce-container .header-title p {
            font-size: 20px;
        }

    .about-info {
        width: 100%;
    }

        .about-info li .num {
            font-size: 32px;
        }

            .about-info li .num span {
                font-size: 12px;
            }

        .about-info li .desc {
            font-size: 16px;
        }

    .content p {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 10px;
        text-indent: 32px;
    }

    .organization {
        height: fit-content;
        min-height: 400px;
    }

    .leader .content h6 {
        font-size: 16px;
    }

    .leader img {
        height: fit-content;
    }

    .introduce-container .wrapper {
        width: 92%;
    }

    .tender-list li .from {
        flex-wrap: wrap;
    }

        .tender-list li .from span {
            margin-right: 15px;
        }

    .introduce-container .wrapper .tabs .tab {
        height: 44px;
        width: 120px;
        font-size: 18px;
        line-height: 44px;
        border-radius: 24px;
    }

    .introduce-container .wrapper .brand li {
        width: 100%;
        margin-right: 0;
        height: auto;
    }

    .drop-nav .left {
        width: 100%;
        flex-shrink: 0;
        max-width: 100%;
    }

    .drop-nav ul {
        width: 100%;
        overflow-x: scroll;
    }

    .introduce-container .wrapper .newspaper li {
        width: 100%;
        height: auto;
    }

        .introduce-container .wrapper .newspaper li .title {
            font-size: 18px;
            line-height: 28px;
        }

    .introduce-container .wrapper .honor li {
        width: 100%;
        height: auto;
    }

        .introduce-container .wrapper .honor li .title {
            font-size: 18px;
            line-height: 28px;
        }

    .mask .container {
        width: 100%;
    }

        .mask .container .wrapper {
            width: 92%;
        }

            .mask .container .wrapper .content p {
                line-height: 36px;
            }

    .exit {
        width: 100px;
        height: 100px;
        position: fixed;
        top: 0;
    }

    .news-list li .right {
        width: 70%;
    }

    .news-list li {
        flex-direction: column;
        position: relative;
        margin-bottom: 20px;
    }

        .news-list li .left {
            /* display: none; */
            width: 100%;
        }

            .news-list li .left .lf {
                font-size: 48px;
            }

            .news-list li .left .rg {
                font-size: 16px;
            }

                .news-list li .left .rg img {
                    width: 16px;
                    height: 16px;
                }

        .news-list li .middle {
            width: 100%;
            height: 200px;
	margin:10px 0px;
        }

        .news-list li .right {
            width: 100%;
        }

    .introduce-container .page2 {
        height: auto;
    }

        .introduce-container .page2 ul {
            width: 94%;
        }

            .introduce-container .page2 ul li {
                width: 170px;
                height: 170px;
            }

                .introduce-container .page2 ul li img {
                    width: 86px;
                    height: 86px;
                }

    .page2 ul li p {
        font-size: 14px;
    }

    .introduce-container .handle {
        height: auto;
    }

        .introduce-container .handle .wrapper {
            width: 94%;
        }

    .introduce-container .handle-tabs {
        width: 100%;
        overflow-x: scroll;
    }
        .introduce-container .handle-tabs::-webkit-scrollbar{
            display:none;
        }
        .introduce-container .handle-tabs .tab {
            width: auto;
            height: 40px;
            border-radius: 20px;
            flex-shrink: 0;
            font-size: 20px;
            line-height: 40px;
            font-weight: 500;
    padding: 0px 10px;
        }

    .introduce-container .handle-container {
        width: 100%;
        height: auto;
        flex-wrap: wrap;
    }
.detail-main .left{
width:4rem;
}
.detail-main .right{
width: 14rem;
    box-sizing: border-box;
    margin-top: 0.3rem;
    padding-left: 1rem;
}
        .introduce-container .handle-container .left {
            width: 100%;
        }

        .introduce-container .handle-container .right {
            width: 100%;
        }

        .introduce-container .handle-container .left .cell .label {
            font-size: 18px;
        }

        .introduce-container .handle-container .left .cell .value {
            width: 250px;
            height: 60px;
        }

            .introduce-container .handle-container .left .cell .value input {
                font-size: 16px;
            }

            .introduce-container .handle-container .left .cell .value select {
                font-size: 16px;
            }

            .introduce-container .handle-container .left .cell .value button {
                width: 250px;
                height: 60px;
                font-size: 18px;
            }

        .introduce-container .handle-container .right .title {
            font-size: 24px;
        }

        .introduce-container .handle-container .right p {
            font-size: 18px;
            line-height: 36px;
        }

        .introduce-container .handle-container .right span {
            font-size: 16px;
        }

        .introduce-container .handle-container .right img {
            width: 52px;
        }
    .introduce-container .pwater-queryTips{
        width:100%;
    }
    .handle-container table {
        width: 100%;
    }
        .pwater-queryTips td {
            text-align: center;
            font-size: 16px;
            line-height: 28px;
            padding: 10px;
            border: 1px #333 solid;
        }
    .introduce-container .notices-container .notices li a {
        box-sizing: border-box;
        padding: 0px 0.15rem;

    }
    .handle-container td {
        text-align: center;
        font-size: 16px;
        line-height: 28px;
        padding: 10px;
        border: 1px #333 solid;
    }
    .introduce-container .notices-container {
        width: 100%;
        height:auto;
        background-color: #FFF;
    }
        .introduce-container .notices-container .notices {
            width: 100%;
            margin: 0 auto;
            display: flex;
            height: 100%;
            padding: 0;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
        }
            .introduce-container .notices-container .notices li {
                width: 150px;
                height: 40px;
                border-radius: 20px;
                box-sizing: border-box;
                padding: 10px 20px;
                margin: 10px;
            }
                .introduce-container .notices-container .notices li img {
                    width:25px;
                    height:25px;
                }
                .introduce-container .notices-container .notices li span {
                    display: block;
                    height: 100%;
                       line-height:unset;
                    font-size: 14px;
                    color: white;
                    box-sizing: border-box;
                }
#loading .logo-wrap{
    width: 12rem;
    height: 4rem;
    opacity: 1;
    background-size: 100% 100%;

}
#loading .load-mask{
    width: 12rem;
    height: 4rem;
}
#loading .load-ball{
    width: 12rem;
    height: 4rem;
    top: -0.5rem;
}

.page1 .notice .right{
font-size:0.5rem;
}
.page1 .notice .swiper-slide a .content{
padding:0px;
}
.page1 .swiper-container .swiper-slide img{
height:100%;
}
.news-title .left .active{
font-size:14px !important;
}
.page1 .wrapper .news-list ul li{
font-size:14px !important;
}
.tender-list li{
margin-bottom:20px;
}
.handle-container p{
display: flex;
    flex-wrap: wrap;
}
.handle-container p a{
width:200px;
}
.pservice-tab{
width:100%;
}
.pconsult-filed{
width:100% !important;
padding:0px;
}
.introduce-container .handle  form{
width:100%;
}
.pconsult-filed li{
    display: flex;
}
.pconsult-filed li .bit{
    white-space: nowrap;
}
.pconsult-filed li .sbtn{
border:none;
}
.pconsult-filed li label{
    min-width: 70px !important;
}
.pconsult-filed li .yzm-inpt{
width:100px !important;
}
.pconsult-filed li .uploadBtn{
    flex-shrink: 0;
}
.pabout-honor{
margin-left:0px;
}
.introduce-container .wrapper .honor li{
    width: 100%;
    height: 250px;
}
.introduce-container .wrapper .honor li .show{
    height: 80%;
}
.introduce-container .handle-container{
margin-top:20px

}
.prenc-tabel td .inputText{
width:100%;
}
.drop-nav ul::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}.tender-list li{
padding-bottom:10px;
}
}