/* banner */

.banner_content .login_btn .login_btn-p{
    display: inline-block;
}


/* supper */
.supper_max{
    position: relative;
}
.supper_content{
    top: 50%;position: absolute;left: 50%;transform: translate(-50%,-50%);
}
.supp_ul{
    display: flex;gap: 20px;margin: 0 auto;flex-wrap: wrap;
}
.supp_ul-item{
    width: 15%;text-align: center;
}
.supp_ul-item img{margin: 0px auto;}
.supp_ul-item p{
    font-size: 20px;margin-top: 10px;
}

/* Wholesale Can Be Easy & Safe  */
.Wholesale_max{
    padding: 40px 0 0 0;
}
.Wholesale_flex{
    justify-content: space-between;align-items: center;
}
.Wholesale_flex .Wholesale_left{
    width: 40%;
}
.Wholesale_flex .Wholesale_right{
    position: relative;text-align: center;
    width: 57%;
}
.Wholesale_h2{
    font-size: 20px;color: #11B6FE;font-weight: bold;
}
.Wholesale_p{
    font-size: 14px;color: #999999;
}
.Wholesale_p2{
    font-size: 16px;color: #333333;margin-top: 15px;
}
.pp_max{
    position: relative;height: 300px;
}
.pp_bg{
    background-color: #F4F4F4;height: 80px;position: absolute;bottom: 0;width: 100%;
}
.pp_flex{
    width: 80%;position: absolute;left: 10%;bottom: 10%;justify-content: space-between;
}
.pp_flex li{
    position: relative;
}
.pp_content{
    position: absolute;width: 90%;left: 5%;top: 50%;transform: translateY(-50%);
}
.pp_content .pp_p1{
    color: #FFFFFF;font-size: 60px;font-weight: bold;
}
.pp_content .pp_p2{
    color: #FFFFFF;font-size: 14px;
}


/* Product Catalog */
.Product_h2{
    font-size: 24px;color: #11B6FE;padding: 60px 0;text-align: center;
}
.product_ul{
    display: flex;flex-wrap: wrap;gap: 1%;
}
.product_ul li{
    margin-bottom: 10px;width: 24%;
}
.product_ul li a{
    font-size: 18px;color: #333333;margin-top: 10px;text-align: center;display: block;
}
.product_ul li a:hover{
    color: #11B6FE;
}

/* Haven't Found Your Ideal Machine Yet? */
.Haven-max{
    padding-top: 70px;
}
.Haven-max .Wholesale_right{
    width: 45%;
}
.Haven-max .Wholesale_left{
    width: 50%;
}


/* Why Choose Us */
.Choose_ul{
    display: flex;flex-wrap: wrap;gap: 1%;
}
.Choose_ul li{
    margin-bottom: 10px;width: 49%;
}
.Choose_content{
    background-color: #F9FAFE;padding: 20px 30px;box-sizing: border-box;
}
.Choose_ul li:hover .Choose_content{
    background-color: #11B6FE;
}
.Choose_content a{
    font-size: 20px;color: #333333;
}
.Choose_content p{
    font-size: 16px;color: #999999;margin-top: 10px;
}
.Choose_ul li:hover .Choose_content a,.Choose_ul li:hover .Choose_content p{
    color: #FFFFFF;
}

/* Certificate */
.ce_content{
    height: 350px;position: relative;
}
.ce_ul{
    display: flex;flex-wrap: wrap;gap: 1%;position: absolute;justify-content: center;
    bottom: 10%;width: 100%;
}
.ce_ul li{
    width: 11%;
}
.ce_bg{
    background-color: #11B6FE;height: 200px;width: 100%;position: absolute;
    bottom: 0;
}
@media screen and (max-width: 1400px) {
    .ce_ul{
        justify-content: space-between;
        overflow-x: scroll;
        padding-bottom: 15px;flex-wrap: nowrap;
    }
    .ce_ul li,.ce_ul li img{
        width: 220px;
    }
    .ce_ul::-webkit-scrollbar{
        /*滚动条整体样式*/
        width: 2px;
        /*高宽分别对应横竖滚动条的尺寸*/
        height: 2px;
    }
    .ce_ul::-webkit-scrollbar-thumb {
        /*滚动条里面小方块*/
        border-radius: 5px;
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        background: #FFFFFF;
    }
    .ce_ul::-webkit-scrollbar-track{
        /*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        border-radius: 0;
        background: rgba(245,245,245,0.6);
        width: 30px;
    }
    .supp_ul-item img{
        width: 60%;
    }
}

@media screen and (max-width: 1000px) {
    .supp_ul-item{width: 30%;}
    .supp_ul{
        justify-content: space-between;
    }
    .Wholesale_flex{
        flex-wrap: wrap;
    }
    .Wholesale_flex .Wholesale_left,.Wholesale_flex .Wholesale_right{
        width: 100%;
    }
    .pp_flex {
        width: 96%;left: 2%;
    }
    .Haven-max .Wholesale_flex .Wholesale_left, .Haven-max .Wholesale_flex .Wholesale_right{
        width: 45%;
    }
    
}
@media screen and (max-width: 900px) {
    .pp_content .pp_p1{
        font-size: 40px;
    }
}
@media screen and (max-width: 800px) {
    .pp_bg{
        display: none;
    }
    .pp_flex li{
        width: 60%;margin-bottom: 15px;
    }
    .pp_flex{
        flex-wrap: wrap;position: static;justify-content: center;width: 100%;margin-top: 50px;
    }
    .pp_max{
        height: auto;
    }
    .product_ul li{
        width: 48%;
    }
    .Haven-max .Wholesale_flex .Wholesale_left, .Haven-max .Wholesale_flex .Wholesale_right{
        width: 100%;
    }
    .Haven-max  .Wholesale_right img{
        margin: 0 auto 20px auto;width: 70%;
    }
    .Choose_content{
        padding: 12px;
    }
}
@media screen and (max-width: 600px) {
    .supp_ul{
        gap: 3%;
    }
    .supp_ul-item {
        width: 30%;margin-bottom: 15px;
    }
    .supp_ul-item p{
        font-size: 14px;word-wrap:break-word; 
    }
    .supp_ul-item img{
        width: 70px;
    }
    .Wholesale_right{
        margin-top: 20px;
    }
    
    .pp_flex li{
        width: 100%;
    }
    .pp_flex li{
        margin-bottom: 15px;
    }
    .Product_h2,.title_div{
        padding: 50px 0 40px 0;
    }
    .Choose_ul li{
        width: 100%;
    }
    .Choose_content p{
        font-size: 12px;
    }
   
}
@media screen and (max-width: 475px) {
    .Wholesale_right .wh_bg{
        min-height: 630px;
    } 
}