.banner>img{







    width: 100%;







    max-width: 100%;







}



.banner .nav-tips {

    position: absolute;

    z-index: 2;

    top: 30%;

    left: 50%;

    transform: translate(-50%,-50%);

    width: 100%;

    max-width: 1400px;

}



.body-nav{



    /*background: #e5e5e5;*/



    /*padding: 0 2%;*/



    max-width: 1400px;



    margin: 0 auto;



    /*transform: translateY(-50%);*/



    font-size: 16px;

   flex-wrap: wrap;
   gap: 20px;

   margin-top: 50px;
   padding-left: 15px;
   padding-right: 15px;

}
/* .body-nav:after{
    content: "";
    margin-left: auto;
} */


.nav-item{



    height: 79px;



    background-color: #e6fffc;



    line-height: 79px;





    display: block;

    /* width: calc((100% - 80px) / 5); */

    flex: 1;

    /*width: 279px;*/
    position:relative;


}



.nav-item>div{


    padding: 0 15px;
    margin-top: 10%;

   white-space: nowrap;

    text-align: center;



}



.nav-item.no{



    height: 58px;



    /*line-height: 75px;*/



    margin-top: 14px;



    /*margin-left: 15px;*/



    padding-top: 20px;



    background: #e6fffc;



    width: 19%;



}



.nav-item:hover{



    text-decoration:none;



    color: #fff;



    /* background:url(../images/active.png) no-repeat; */

    background-size: 100% 100%;

    /* width: 279px; */



}
.nav-item:hover{
    background:none;
}

.nav-item:hover::after{
    content: "";
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background: linear-gradient(225deg, transparent 10px, #15d0b5 0);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.nav-item:hover>div::before{



    content: "";



    background: url(../images/cate_yes.png) no-repeat;



    width: 10px;



    height: 21px;



    display: inline-flex;



    margin-right: 10px;



}



.nav-item.active{



    color: #fff;



    height: 75px;



    /*line-height: 75px;*/



    padding-top: 35px;



    background: url("../images/active.png") no-repeat;



    background-size: 100% 100%;



    width: 20%;



}



.nav-item.active:hover{



    text-decoration:none;



    color: #fff;



}



.nav-item.active div{



    margin: 0 auto;



    background: url("../images/cate_yes.png") no-repeat 15px;



}



.nav-item div{



    display: flex;



    align-items: center;



    justify-content: center;



    margin: 0 auto;

    position: relative;
    z-index: 2;
  font-weight: bold;
  font-size: 18px;
    /* background: url("../images/cate_no.png") no-repeat 18px; */



}



.nav-item div::before{



    content: "";



    background: url("../images/cate_no.png") no-repeat;



    width: 10px;



    height: 21px;



    display: inline-flex;



    margin-right: 10px;



}



.nav-item img{



    width: 100%;



    max-width: 100%;



}







.body-tips{



    color: #c9c9c9;



    font-size: 0.6vw;



    display: flex;



    width: 50%;



    margin-left: 70%;



    margin-top: -5%;



}







.body-tips div{



    align-self: center;



}







.body-tips a{



    background: linear-gradient(to right,#04cdae 0%,#04c2cb 100%);



    color: #ffffff;



    text-align: center;



    padding: 0.5%;



    border-radius: 1vw;



    font-size: 0.7vw;



    margin-left: 1%;



}







.product-list{



    /* margin-top: 5%; */



    margin-bottom: 160px;



    flex-wrap: wrap;

    padding-left: 15px;

    padding-right: 15px;

}







.product-item{



    /*background: url('../images/bj6.png') no-repeat;*/



    border:1px solid #b4b4b4;



    background-size: 100% 100%;



    border-bottom-right-radius:15px;



    border-bottom-left-radius:15px;



    width: 23%;



    margin-top: 5%;



    padding-bottom: 15px;



    position: relative;



}







.product-list .product-item:nth-child(4n+4){



     /*background: url(../images/product-bg.png) no-repeat center center;



     background-size: 100% 100%; */



}







.product-item>div:first-child{



    /*margin: 4% 0% 4% 7%;*/



    font-weight: 700;



    font-size: 1vw;



}







/*.product-item>div:last-child{*/







/*    margin: 1% 5% 1% 0;*/







/*    font-size: 0.7vw;*/







/*    text-align: right;*/







/*    color: #a0a0a0;*/







/*}*/



.product-item::before{



    content: "";



    width: 7px;



    height: 9px;



    display: inline-block;



    position: absolute;



    bottom: 30px;



}



.product-item .name{







    font-size: 18px;



    /*font-weight: 600;*/



    color: #333;



    /*background: #ffffff;*/



    /*border: 1px solid #bebebe;*/



    padding: .2062rem .2062rem 0;



    /* margin-left: 12%; */







}



.product-item .name1{





    font-size: 18px;



    /*font-weight: 600;*/



    color: #333;



    /*background: #ffffff;*/



    /*border: 1px solid #bebebe;*/



    /* background: url("../images/pro_active_no.png") no-repeat 0 25px; */



    padding: .2062rem .2062rem 0;



    /* padding-left: 12%; */



}







.product-item img{



    width: 100%;



    max-width: 100%;



}



.product-item .linepic{



    display: block;



    width: 100%;



    /*max-width: 100%;*/



}







.product-item:last-child:nth-child(4n - 1) {



    margin-right: calc(21% + 16% / 3);



}



.product-item .pic{



    background: #fff;



    width: 92%;



    max-width: 100%;





    margin: 5% auto;



}



/* 如果最后一行是2个元素 */







.product-item:last-child:nth-child(4n - 2) {



    margin-right: calc(42% + 32% / 3);



}







.product-item:hover{



    background: #363b4e;



    text-decoration:none;



    border:1px solid #15cfb5;



    /*background-size: 100% 100%;*/



    /*border-bottom-right-radius:15px;*/



    /*border-bottom-left-radius:15px;*/



    /*width: 23%;*/



    /*margin-top: 5%;*/



    /*padding-bottom: 15px;*/







}



.product-item:hover::before{



    content: "";



    width: 9px;



    height: 14px;



    display: inline-block;



    position: absolute;



    bottom: 30px;



    left: -1px;



}



.product-item:hover .name{



    color: #fff;



    font-weight: 600;



    /*background-size: 100% 100%;*/



    /*border-bottom-right-radius:15px;*/



    /*border-bottom-left-radius:15px;*/



    /*width: 23%;*/



    /*margin-top: 5%;*/



    /*padding-bottom: 15px;*/



}



.product-item:hover .name1{



    color: #fff;



    /* background: url("../images/pro_active_yes.png") no-repeat 0 25px; */



}



.product-item:hover .name1 span{



    color: #15cfb5;



    font-weight: bold;



}



.product-item:hover .linepic{



    display: none;



}



.btn_p{



    position:relative;



    z-index: 2;



    transform: translateY(-100px);



    height: 0;



    float: right;



    margin-right: 100px;



    width: 267px;



}



.btn_p p{



    cursor:pointer;



    width: 267px;



    height: 55px;



    line-height: 55px;



    font-size: 18px;



    font-weight: 600;



    padding-left: 20px;



    background: url("../images/message.png") no-repeat 15px center;



    border-radius: 15px;



    text-align: center;



    background-color: #15cfb5;



}





.wt72 .two{

    margin-top:1vh!important;

}





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

    .product-list{

        margin-bottom: 50px;

    }
    .banner>img{
        display: none;
    }
    .banner .nav-tips{
        position: static;
        transform: translate(0,0);
        background: rgb(41,45,58);
        /* min-height: 200px; */
        padding: 30px 15px;
    }
    .banner .wt82{
        bottom: 0;
    transform: translateY(50%);
    }

}
@media screen and (max-width:768px){
    .product-item{
        width: 32%;
    }
}

@media screen and (max-width:500px){
    .product-item{
        width: 49%;
    }
    .product-item .name{
        font-size: 16px;
    }
    .product-item .name1 span{
        font-size: 14px;
    }
}