/* 宽度大于等于400px */
@media screen and (min-width:400px) {
   /* 首页头部 */
    .top{
        max-width: 1920px;
    }
    .top .logo{
        display: flex;
        width: 640px;
        margin: 0 auto;
        /*margin-top: 38px;*/
    }
    .xian{
        width: 2px;
        height: 50px;
        background-color: #aaa;
        margin-left: 40px;
        margin-top: 5px;
    }
    .logo-l{
        font-size: 38px;
        color: #333;
        font-weight: 800;
        margin-top: 8px;
        margin-left: 40px;
    }

    /* 首页中间 */
    .center{
        max-width: 1920px;
        height: 755px;
        margin-top: 38px;
        background-image: url(/static/images/bg.jpg);
    }
    .center1{
        width: 1200px;
        margin: 0 auto;
        padding-top: 70px;
        display: flex;
    }
    .center-l{
        width: 580px;
        height: 590px;
        background-color: #fff;
        border-radius: 15px;
    }
    .center-r{
        width: 580px;
        height: 590px;
        background-color: #fff;
        border-radius: 15px;
        margin-left: 40px;
    }
    .center-l-t{
        display: flex;
        width: 164px;
        margin: 0 auto;
        padding-top: 40px;
    }
    .lt-im{
        width: 31px;
        height: 28px;
    }
    .rt-im{
        width: 31px;
        height: 28px;
        margin-top: 3px;
    }
    .zhao{
        color: #333;
        font-size: 30px;
        font-weight: 500;
        margin-left: 10px;
    }
    .line{
        width: 190px;
        height: 4px;
        background-color: #e4c584;
        margin: 0 auto;
        margin-top: 25px;
    }
    .line1{
        width: 530px;
        height: 1px;
        background-color: #e4e4e4;
        margin: 0 auto;
    }
    .center-l-c{
        display: flex;
        margin-top: 40px;
    }
    .im{
        width: 8px;
        height: 8px;
        margin-top: 3px;
        margin-left: 35px;
    }
    .li{
        margin-left: 15px;
        width: 456px;
        font-size: 16px;
        color: #333;
        white-space: nowrap;
        text-overflow:ellipsis;
        overflow:hidden;
    }
    .line2{
        width: 530px;
        height: 1px;
        background-color: #e4e4e4;
        margin: 0 auto;
        margin-top: 40px;
    }
    .more{
        width: 190px;
        height: 58px;
        border: 1px solid #000;
        text-align: center;
        line-height: 58px;
        font-size: 20px;
        color: #333;
        margin: 0 auto;
        margin-top: 35px;
        cursor: pointer;
    }
    .more:hover{
        background-color: #e4c584;
        color: #fff;
        border: 0px;
    }

    /* 首页底部 */
    .bom{
        max-width: 1920px;
        height: 194px;
        background-color: #373737;
    }
    .bom-t{
        width: 410px;
        margin: 0 auto;
        padding-top: 30px;
    }
    .bom-t li{
        color: #c9c9c9;
        margin-left: 123px;
    }
    .bom-t1{
        display: flex;
        margin-top: 12px;
    }
    .bom-t img{
        width: 9px;
        height: 13px;
    }
    .bom-t div{
        color: #c9c9c9;
        margin-left: 5px;
    }
    .bom-t2{
        display: flex;
        margin-top: 10px;
    }
    .bom-t2-l{
        display: flex;
    }
    .bom-t2-l img{
        width: 13px;
        height: 11px;
        margin-left: -6px;
        margin-top: 3px;
    }
    .bom-t2-r{
        display: flex;
    }
    .bom-t2-r img{
        width: 13px;
        height: 11px;
        margin-left: 10px;
        margin-top: 3px;
    }

    .xian1{
        max-width: 1920px;
        height: 1px;
        background-color: #7f7f7f;
        margin-top: 28px;
    }
    .bom-b{
        width: 580px;
        margin: 0 auto;
        margin-top: 18px;
    }
    .bom-b li{
        color: #6c6c6c;
    }

    .bom-b a{
        color: #6c6c6c;
    }

    /* 招标 */
    .center-bid{
        /*max-width: 1920px;*/
        /*height: 1010px;*/
        /*margin-top: 38px;*/
        /*background-image: url(/static/images/bg1.jpg);*/
    }
    .bid-center{
        width: 80vw;
        margin: 0 auto;
        padding-top: 20px;
    }
    .bid-center-t{
        display: flex;
    }

    .bid-center-t-l{
        display: flex;
        margin-top: 12px;
        margin-left: 20px;
    }
    .bid-center-t-l a{
        color: #aaa;
    }
    .bid-center-t-l div{
        color: #aaa;
        margin-left: 5px;
        margin-right: 5px;
    }
    .bid-center-t-l li{
        color: #333;
    }

    .bid-center-t-r{
        display: flex;
        margin-left: auto;
    }
    .bid-center-t-r input{
        width: 430px;
        height: 40px;
    }
    .bid-center-t-r input::placeholder{
        padding-left: 20px;
    }
    #tijiao{
        width: 50px;
        margin-left: 5px;
        background :none; 
        outline :none; 
        border :none; 
        cursor: pointer;
        background-image: url(/static/images/sousuo.png);
    }
    #tijiao::placeholder{
        display: none;
    }
    .bid-center-t-r img{
        margin-left: 5px;
        cursor: pointer;
    }

    .bid-center-c{
        width: 84vw;
        /*height: 810px;*/
        background-color: #fff;
        border-radius: 15px;
        /*margin-top: 22px;*/
        margin-bottom: 40px;
    }
    .bid-center-c-list{
        width: 80vw;
        margin: 0 auto;
        padding-top: 22px;
    }
    .bid-center-c-list a{
        font-size: 15px;
        color: #333;
        font-size: 0.938vw;
        font-weight: bold;
    }

    .bid-center-c-list1{
        margin-top: 20px;
        display: flex;
    }
    .bid-center-c-list1-l{
        display: flex;
    }
    .bid-center-c-list1-l1{
        min-width: 64px;
        padding: 0 10px;
        height: 24px;
        background-color: #e9f3ff;
        border-radius: 3px;
        text-align: center;
        line-height: 24px;
        color: #3c99ff;
        font-size: 13px;
        margin-right: 20px;
    }
    .bid-center-c-list1-l2{
        min-width: 64px;
        padding: 0 10px;
        background-color: #ffeeec;
        border-radius: 3px;
        text-align: center;
        line-height: 24px;
        color: #f16c5d;
        font-size: 13px;
        margin-left: 20px;
    }
    .bid-center-c-list1-r{
        display: flex;
        align-items: center;
        margin-left: auto;
        margin-top: 5px;
    }
    .bid-center-c-list1-r div{
        display: flex;
        align-items: center;
        font-size: 12px;
        color: #888;
    }
    .bid-center-c-list1-r1{
        margin-right: 30px;
    }
    .xians{
        width: 1000px;
        height: 1px;
        background-color: #ccc;
        margin-top: 23px;
    }
    .xians1{
        width: 100%;
        height: 1px;
        background-color: #ccc;
        margin-top: 23px;
    }


    /* 详情 */
    .center-biddetail{
        max-width: 1920px;
        /* height: 1010px; */
        /*margin-top: 38px;*/
        padding-bottom: 50px;
        background-image: url(/static/images/bg3.png);
    }
    .biddetail-center-c{
        width: 1060px;
        /* height: 810px; */
        background-color: #fff;
        border-radius: 15px;
        margin-top: 22px;
    }
    .biddetail-center-c-list{
        width: 1000px;
        margin: 0 auto;
        padding-top: 22px;
    }
    .biddetail-center-c-list li{
        font-size: 15px;
        color: #333;
        margin-left: 270px;
    }

    .biddetail-center-c-list1{
        margin-top: 25px;
        display: flex;
    }
    .biddetail-center-c-list1-l{
        display: flex;
    }
    .biddetail-center-c-list1-l1{
        width: 64px;
        height: 24px;
        background-color: #e9f3ff;
        border-radius: 3px;
        text-align: center;
        line-height: 24px;
        color: #3c99ff;
        font-size: 13px;
        margin-right: 20px;
    }
    .biddetail-center-c-list1-l2{
        width: 64px;
        height: 24px;
        background-color: #ffeeec;
        border-radius: 3px;
        text-align: center;
        line-height: 24px;
        color: #f16c5d;
        font-size: 13px;
        margin-left: 20px;
    }
    .biddetail-center-c-list1-r{
        display: flex;
        margin-left: 260px;
        margin-top: 5px;
    }
    .biddetail-center-c-list1-r div{
        font-size: 12px;
        color: #888;
    }
    .biddetail-center-c-list1-r1{
        margin-right: 30px;
    }
    .biddetail-cen{
        width: 1000px;
        margin-left: 30px;
        margin-top: 24px;
        padding-bottom: 100px;
    }
    .biddetail-cen p{
        line-height: 30px;
    }
    .biddetail-bom{
        width: 1060px;
        height: 110px;
        background-color: #fff;
        border-radius: 15px;
        margin-top: 22px;
    }
    .biddetail-bom a{
        display: block;
        color: #333;
        margin-left: 20px;
        padding-top: 20px;
    }
    .xuxian{
        width: 1000px;
        border-bottom: 1px dashed #ccc;
        margin-left: 20px;
        margin-top: 20px;
    }

}
@media screen and (max-width:400px) {
    /* 首页头部 */
    .top{
        max-width: 400px;
    }
    .top .logo{
        display: flex;
        width: 340px;
        height: 30px;
        margin-top: 18px;
    }
    .logo img{
        width: 140px;
        margin-left: 20px;
        margin-top: 15px;
    }   
    .xian{
        width: 2px;
        height: 30px;
        background-color: #aaa;
        margin-left: 20px;
        margin-top: 12px;
    }
    .logo-l{
        width: 100px;
        font-size: 18px;
        color: #333;
        font-weight: 800;
        margin-top: 16px;
        margin-left: 10px;
    }

    /* 首页中间 */
    .center{
        max-width: 400px;
        margin-top: 38px;
        padding-bottom: 50px;
        background-image: url(/static/images/bg3.png);
    }
    .center1{
        max-width: 400px;
        margin: 0 auto;
        padding-top: 20px;
        /* display: flex; */
    }
    .center-l{
        width: 350px;
        height: 590px;
        background-color: #fff;
        border-radius: 15px;
        margin-left: 10px;
    }
    .center-r{
        width: 350px;
        height: 590px;
        background-color: #fff;
        border-radius: 15px;
        margin-top: 20px;
        margin-left: 10px;
    }
    .center-l-t{
        display: flex;
        width: 164px;
        margin: 0 auto;
        padding-top: 40px;
    }
    .lt-im{
        width: 31px;
        height: 28px;
    }
    .rt-im{
        width: 31px;
        height: 28px;
        margin-top: 3px;
    }
    .zhao{
        color: #333;
        font-size: 30px;
        font-weight: 500;
        margin-left: 10px;
    }
    .line{
        width: 190px;
        height: 4px;
        background-color: #e4c584;
        margin: 0 auto;
        margin-top: 25px;
    }
    .line1{
        width: 340px;
        height: 1px;
        background-color: #e4e4e4;
        margin: 0 auto;
    }
    .center-l-c{
        display: flex;
        margin-top: 40px;
        width: 340px;
    }
    .im{
        width: 8px;
        height: 8px;
        margin-top: 3px;
        margin-left: 5px;
    }
    .li{
        margin-left: 15px;
        width: 340px;
        font-size: 16px;
        color: #333;
        white-space: nowrap;
        text-overflow:ellipsis;
        overflow:hidden;
    }
    .line2{
        width: 340px;
        height: 1px;
        background-color: #e4e4e4;
        margin: 0 auto;
        margin-top: 40px;
    }
    .more{
        width: 190px;
        height: 58px;
        border: 1px solid #000;
        text-align: center;
        line-height: 58px;
        font-size: 20px;
        color: #333;
        margin: 0 auto;
        margin-top: 35px;
        cursor: pointer;
    }
    .more:hover{
        background-color: #e4c584;
        color: #fff;
        border: 0px;
    }

    /* 首页底部 */
    .bom{
        max-width: 400px;
        height: 254px;
        background-color: #373737;
    }
    .bom-t{
        width: 350px;
        margin: 0 auto;
        padding-top: 30px;
    }
    .bom-t li{
        color: #c9c9c9;
        margin-left: 80px;
    }
    .bom-t1{
        display: flex;
        margin-top: 12px;
    }
    .bom-t img{
        width: 9px;
        height: 13px;
    }
    .bom-t div{
        color: #c9c9c9;
        margin-left: 5px;
    }
    .bom-t2{
        display: flex;
        margin-top: 10px;
    }
    .bom-t2-l{
        display: flex;
    }
    .bom-t2-l img{
        width: 13px;
        height: 11px;
        margin-left: -6px;
        margin-top: 3px;
    }
    .bom-t2-r{
        display: flex;
    }
    .bom-t2-r img{
        width: 13px;
        height: 11px;
        margin-left: 10px;
        margin-top: 3px;
    }

    .xian1{
        max-width: 1920px;
        height: 1px;
        background-color: #7f7f7f;
        margin-top: 28px;
    }
    .bom-b{
        width: 210px;
        margin: 0 auto;
        margin-top: 18px;
    }
    .bom-b li{
        color: #6c6c6c;
        line-height: 20px;
    }



    /* 招标 */
    .center-bid{
        /*max-width: 400px;*/
        /*height: 1010px;*/
        /*margin-top: 38px;*/
        /*background-image: url(/static/images/bg1.jpg);*/
    }
    .bid-center{
        max-width: 400px;
        margin: 0 auto;
        padding-top: 20px;
    }
    .bid-center-t{
        display: flex;
    }

    .bid-center-t-l{
        display: flex;
        margin-top: 12px;
        margin-left: 20px;
    }
    .bid-center-t-l a{
        color: #aaa;
    }
    .bid-center-t-l div{
        color: #aaa;
        margin-left: 5px;
        margin-right: 5px;
    }
    .bid-center-t-l li{
        color: #333;
    }

    .bid-center-t-r{
        display: flex;
        margin-left: auto;
    }
    .bid-center-t-r input{
        width: 150px;
        height: 40px;
    }
    #tijiao{
        width: 50px;
        margin-left: 5px;
        margin-right: 10px;
        background :none; 
        outline :none; 
        border :none; 
        cursor: pointer;
        background-image: url(/static/images/sousuo.png);
    }
    #tijiao::placeholder{
        display: none;
    }
    .bid-center-t-r img{
        margin-left: 5px;
        cursor: pointer;
    }

    .bid-center-c{
        width: 95vw;
        min-height: 810px;
        background-color: #fff;
        border-radius: 15px;
        margin-top: 22px;
        /*margin-left: 10px;*/
        margin-bottom: 40px;
    }
    .bid-center-c-list{
        width: 320px;
        margin: 0 auto;
        padding-top: 22px;
    }
    .bid-center-c-list a{
        font-size: 15px;
        color: #333;
    }

    .bid-center-c-list1{
        margin-top: 20px;
        display: block;
    }
    .bid-center-c-list1-l{
        display: flex;
        flex-wrap: wrap;
    }
    .bid-center-c-list1-l1{
        min-width: 64px;
        padding: 0 10px;
        height: 24px;
        background-color: #e9f3ff;
        border-radius: 3px;
        text-align: center;
        line-height: 24px;
        color: #3c99ff;
        font-size: 13px;
        margin-right: 5px;
        margin-bottom: 5px;
    }
    .bid-center-c-list1-l2{
        width: 64px;
        height: 24px;
        background-color: #ffeeec;
        border-radius: 3px;
        text-align: center;
        line-height: 24px;
        color: #f16c5d;
        font-size: 13px;
        margin-left: 10px;
    }
    .bid-center-c-list1-r{
        display: flex;
        align-items: center;
        margin-left: auto;
        margin-top: 5px;
    }
    .bid-center-c-list1-r div{
        display: flex;
        align-items: center;
        font-size: 12px;
        color: #888;
    }
    .bid-center-c-list1-r1{
        margin-right: 10px;
    }
    .xians{
        width: 300px;
        height: 1px;
        background-color: #ccc;
        margin-top: 13px;
    }
    .xians1{
        width: 320px;
        height: 1px;
        background-color: #ccc;
        margin-top: 13px;
    }


    /* 详情 */
    .center-biddetail{
        max-width: 400px;
        /* height: 1010px; */
        /*margin-top: 38px;*/
        padding-bottom: 50px;
        background-image: url(/static/images/bg3.png);
    }
    .biddetail-center-c{
        width: 350px;
        /* height: 810px; */
        background-color: #fff;
        border-radius: 15px;
        margin-top: 22px;
        margin-left: 10px;
    }
    .biddetail-center-c-list{
        width: 300px;
        margin: 0 auto;
        padding-top: 22px;
    }
    .biddetail-center-c-list li{
        font-size: 15px;
        color: #333;
    }

    .biddetail-center-c-list1{
        margin-top: 25px;
    }
    .biddetail-center-c-list1-l{
        display: flex;
        margin-left: 10px;
        margin-bottom: 10px;
    }
    .biddetail-center-c-list1-l1{
        width: 64px;
        height: 24px;
        background-color: #e9f3ff;
        border-radius: 3px;
        text-align: center;
        line-height: 24px;
        color: #3c99ff;
        font-size: 13px;
        margin-right: 20px;
    }
    .biddetail-center-c-list1-l2{
        width: 64px;
        height: 24px;
        background-color: #ffeeec;
        border-radius: 3px;
        text-align: center;
        line-height: 24px;
        color: #f16c5d;
        font-size: 13px;
        margin-left: 20px;
    }
    .biddetail-center-c-list1-r{
        display: flex;
        margin-left: 10px;
        margin-top: 5px;
    }
    .biddetail-center-c-list1-r div{
        font-size: 12px;
        color: #888;
    }
    .biddetail-center-c-list1-r1{
        margin-right: 30px;
    }
    .biddetail-cen{
        width: 300px;
        margin-left: 20px;
        margin-top: 14px;
        padding-bottom: 30px;
    }
    .biddetail-cen p{
        line-height: 30px;
    }
    .biddetail-bom{
        width: 350px;
        height: 110px;
        background-color: #fff;
        border-radius: 15px;
        margin-top: 22px;
        margin-left: 10px;
    }
    .biddetail-bom a{
        display: block;
        color: #333;
        margin-left: 20px;
        padding-top: 20px;
        width: 320px;
    }
    .xuxian{
        width: 310px;
        border-bottom: 1px dashed #ccc;
        margin-left: 20px;
        margin-top: 20px;
    }
}