/*绉佹湁*/



.icon1{



    background: url('/static/images/icon1.png') no-repeat;



}



.icon2{



    background: url('/static/images/icon2.png') no-repeat;



}



.icon3{



    background: url('/static/images/icon3.png') no-repeat;



}



.icon1,.icon2,.icon3{



    background-size: contain;



}



.header-continf{



    width: 100%;



    background:#bebebe;



    padding: 0.1% 0;



    font-size: 0.7vw;



}



.header-continf>div{



    display: flex;



    justify-content: space-between;



}



.header{



    background: #ffffff;



}



.header-logo{



    margin: 1% 0;



}



.header-logo>img{



    margin: 0 auto;



}



.header-nav{



    font-weight: 700;



    font-size: 1vw;



}



/**/



.banner img{



    width: 100%;



    max-width: 100%;



}



.banner{



    overflow: hidden;



    position: relative;



}



.banner-swiper{



   



}



.banner-swiper>a{



    width:100%;



}



.banner-btn{



    width: 100%;



    height: 100%;



    position: absolute;



    top: 0;



    left: 0;



}



.banner-btn>div{



    width: 14%;



    height: 100%;



}



.goot-but{



    display:flex;



    /* width: 9vw;



    height: 44px; */



    padding: .1031rem .1546rem;







    float: right;



    color: #15988a;



    align-items: center;



    padding-left: 40px;



    background: url('/static/images/goodbuto.png') no-repeat;



    border: 1px solid rgb(0, 205, 175);



    /* margin-right: 75px; */



    background-position: 6% center;



    font-weight: bold;



    background-size: auto 41%;



    font-size: 1vw;







}

.goot-but a{

     color: #15988a;

     white-space: nowrap;

}

.goot-but:hover{

     opacity: 0.5;

}

/**/



.product-title{



    max-width: 1400px;



    text-align: right;



    margin: 2.5% auto 2%;

    

    overflow: hidden;



    }

.product-title .product-tit-phone{

	display:flex;
    justify-content: space-between;
	align-items: center;
    flex-wrap: wrap;

    gap: 15px;
}

.product-title .btitle{text-align: left;float: left;



    font-size: .7918rem;font-weight: 600;



}



.product-title p{float: right;position: relative;padding: 25px 0;width: 47%;display: flex;align-items: center;justify-content: space-between;flex: 1;gap: .1546rem;white-space: nowrap;}



.product-title p i{border-top: 1px dashed #a6a6a6;height: 2px;flex:1;display: block;}



.product-title p span{float: right;z-index: 9999;padding: 0 10px 0 40px;background:#00cdaf url(/static/images/tel1.png)no-repeat 12px 8px;font-size: 20px;border:1px solid #666666;border-radius: 20px;line-height: 36px;}



.product-title p span font{font-weight: bold;}



.product-title .js{width: 100%;float: left;text-align: left;line-height: 2;padding-top: 1%;}



.product-body{



}



.product-body img{



    width: 90%;



}



.product-body-up{



    background: linear-gradient(to top,#33394a 0%,#33394a 50%,white 51%,white 100%);



    margin-top: 2%;



}



.product-body ul{width: 70%;overflow: hidden;padding: 1% 2%;margin: 0 auto}



.product-body ul li{width: 32%;padding: 3% 3% 2%; margin-right: 2%;margin-bottom: 2%;position: relative; float: left;text-align: center;background:url(/static/images/bg.png)no-repeat;background-size: 100% 100%;}



.product-body ul li .til{display: none;z-index: 9999; position: absolute;left: 6%;top: 4%;text-align: left;}



.product-body ul li .til h1{font-size: 1vw;line-height: 2vw;}



.product-body ul li .til span{border:1px solid #00cdaf;display: inline-block;padding: 0 2%;line-height: 1.2vw}



.product-body ul li a:hover .til{display: block;}



.product-body ul li.on .til{display: block;}



.product-body ul li.on,.product-body ul li:hover{background:url(/static/images/onbg.png)no-repeat;background-size: 100% 100%;}



.product-body ul li.on .pic{margin-bottom: 6%;}



/*.product-body ul li.on img{transform: scale(1.2);}*/



.product-body ul li.on p{display: none;}



/*.product-body ul li:nth-child(1).on img{margin-left: -23%;width: 130%;}*/



.product-body ul li:nth-child(3n){margin-right: 0;}



.product-body ul li a .pic{margin:0 auto;}



.product-body ul li a .pic img{width: 100%;}



.product-body ul li a p{font-weight: bold;font-size: 1vw;padding-left: 5%;text-align: left;}



.product-body ul li .on p,.product-body ul li a:hover p{display: none;}



/*.product-body ul li:hover{box-shadow: #91e1d6 0px 0px 12px 2px;}*/







.product-body-up>a,.product-body-down>a{



    text-align: center;



    font-size: 1vw;



    border: 1px solid rgba(0, 0, 0, 0);



    padding-bottom: 3%;



    position: relative;



    width: 23%;



}



.product-body-up>a>div:last-child,.product-body-down>a>div:last-child{



    margin-top: 2%;



}



.product-body-down{



    background: linear-gradient(to top,#f2f2f2 0%,#f2f2f2 50%,white 51%,white 100%);



    margin-top: 2%;



}



.product-body-up>a{



    color: #ffffff;



}



.product-body-down>a{



    color: #000000;



}



.product-body-down>a:hover,.product-body-up>a:hover{



    border: 1px solid #04cdae;



}



.product-body-down>a:hover::before,.product-body-down>a:hover::before{



    content: 'more';



    position: absolute;



    bottom: 0;



    right: 0;



    color: #000000;



    font-size: 0.8vw;



    padding: 1%;



    background: url('/static/images/icon33.png') no-repeat;



    background-size: 100% 100%;



    width: 15%;



}



/*瑙嗛*/



.video{overflow: hidden;position: relative;width: 100%;z-index: 1;



 }



.spvi{width: 100%;object-fit: cover;display: block;}



.spjs{background-color: rgba(51, 57, 74, 0.62);position: absolute; width: 100%;height:100%;left: 0;top: 50%; transform: translateY(-50%); text-align: center;display: flex;
    flex-direction: column;
    justify-content: center;
}



.spjs h1{font-size:.7126rem;color:#00cdaf;font-weight: bolder;line-height: 1.1876rem;}



.spjs p{width: 84%;margin:0 auto; color: #fff;font-size:19.2px;line-height: 2;}



.spjs img{display: block;margin:20px auto;}



/*鍏充簬鎴戜滑*/



.aboutus{







}



.abouts-body-left{



    font-size: 0.7vw;



    /* background: #ffffff; */



    width: 36%;

    height: 100%;

   



    background-position: right;



    display: flex;



    flex-direction: column;



    justify-content: space-around;



   /*margin-top:28%;*/



   position: absolute;



   /* height: 714px; */



   left: 0;



   z-index: 10;





}



.abouts-body-left .ushyl-yhrckl{



    display: flex;



    align-items: center;



}



.abouts-body-right{



    /*width: 64%;*/



    position: relative;



    display: flex;



    justify-content: space-between;



    align-items: baseline;



    gap: .1546rem;



    max-width: 100%;



}



.aboutus-title{



    font-size: .4948rem;



    /* width: 300px; */



    color: #333333;



    /* line-height: 10vh; */



font-weight: bold;



text-transform: uppercase;



}











.aboutus-body{



    line-height: 2;



    font-size: 16px;



    color: #666666;



    display: flex;



    position: relative;



    z-index: 1;

    margin: .3093rem 0;



}



.nowconsult p{



    left: 3rem;



    bottom: 2rem;



    font-size: 1vw;



    display: inline-block;



    line-height: 2.5;



    padding: 0 .3093rem;



    text-align: center;



    color: #ffffff;



    background-color: #00cdaf;



    border-radius: 20px;



}



.nowconsult p:hover{

    opacity: 0.5;

}



.wtzabout{



    /* background-position: bottom; */



     background: url(/static/images/anbjt.png) top right no-repeat; 



     background-size: 93% 100%; 



 position: relative;



 height: 770px;



 /*margin-top: -20%;*/







}



.wtzabout .wtzabout-bg{



    /* position: absolute; */



    /* right: 0; */



    /* top: 0; */



    display: flex;



    justify-content: flex-end;



    z-index: -1;



}



.wtzabout .wtzabout-bg img{



    max-width: 100%;



}



.wtz72 {



    max-width: 1400px;



    margin: auto;



    display: flex;



    /* margin-bottom: 72px; */



    /*flex-wrap: wrap;*/



    justify-content: flex-end;



    position: relative;



    /*top:42%;*/



    /*left: 53%;*/



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



    /*height: 90%;*/



}



.sbdhjj{



    display: flex;



    /* padding-top: 170px; */



    align-items: center;



}



.text{



    margin-left: 20px;



   



    font-size: 1vw;







}



.text::after{

	content:"";

	 background: url(/static/images/4f.png) left bottom no-repeat;

	 display: block;

      width: 100px;

      height: 4px;

      margin-top: 10px;

}



.yhrckl{



    background: url(/static/images/anli1.png) left bottom no-repeat;



    background-size:100% auto;



    width: 325px;



    height:689px;



    position: relative;



    float: right;



    bottom: 0;











}



.nowconsult{



    position: relative;



    padding-top: .4124rem;



}



.ushyl{



    /* width: 48%; */



    /* width: 43%; */



    float: left;



    position: relative;







}



.about2{



    width: 325px;



    height:494px;



     position: relative; 





    background: url(/static/images/about2.png) left bottom no-repeat;



    background-size: 100% auto;



    bottom: 0;





}



.about2::after{

    content: "";

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

    width: 5px;

    height: 85px;

    position:absolute;

    bottom: 0;

    right: 0;

    transform: translateY(100%);



}



.about3{



    width: 325px;



    height:689px;



    background: url(/static/images/about3.png) left bottom no-repeat;



    background-size: 100% auto;

   position:relative;



   bottom: 0;

}



.poro1{



    position: absolute;



    bottom: 15px;



    /*text-align:center;*/



    /* left: 90px; */

    padding:0 1vw;

}



.poro1 img{



    /* margin-left: auto; */



    /* margin-top: 45px; */



    max-width: 100%;



    /*width: 12vw;*/



    margin: auto;



    margin-bottom:1vh;



    border:2px solid #000000;



}



.poro1 p{



    font-size: 16px;



    margin: 4% 0;



    color: #fff;



    line-height: 1.2;



}

.poro1 .poro1-bottom,.poro2 .poro2-bottom,.poro3 .poro3-bottom{

    display:flex;

    justify-content:space-between;

    align-items:center;

    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;

    color:#fff;

    font-size:1.33vw;

    margin:0 auto;

}



.poro1 .poro1-bottom .poro1-bottom-left,.poro2 .poro2-bottom .poro2-bottom-left,.poro3 .poro3-bottom .poro3-bottom-left{

    width:25px;

    height:3px;

    background-color:#fff;

}

.poro2{



    /* padding-top: 170%; */

   position:absolute;

   bottom:15px;

   padding:0 1vw;

}







.poro2 img{



    margin: auto;



    /*margin-top: 235px;*/



    max-width: 100%;



    margin-bottom:1vh;



border:2px solid #000000;

}



.poro2 p{



    font-size: 16px;





    color: #fff;



    margin: 5% 0;



    line-height: 1.2;



}



.poro3{



    /*padding-top: 150px;*/

   position:absolute;

   bottom:15px;



   padding:0 1vw;

}



.poro3 img{



    margin: auto;



    max-width: 100%;



    margin-bottom:13%;



    border:2px solid #000000;



}



.poro3 p{



    font-size: 16px;



    color: #fff;



    margin: 4% 0;



    line-height: 1.2;



}



/**/



.synew{



    width: 100%;



    background-position: bottom;



    /* margin-bottom: -160px; */



    background: url(/static/images/syxwwd.jpg) center center no-repeat;



    background-size:100% 100%;



    padding-bottom: 1.7526rem;



}



.synew-nut {



 max-width: 1400px;



    /* width: 1400px; */



    /* height: 600px; */



    margin: auto;



}



.synew-left{



    /*position: relative;*/



    /*top:50%;*/



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



    /*width: 163px;*/



    display: flex;



    border: 1px solid #333333;



    border-radius: 16px;



    align-items: center;



    height: 40px;

    padding: 1vw;



}





.synew-top .synew-left:hover{

    color: #fff;

    background-color:#00cdaf;

}

.synew-right{



   font-size:.4948rem;



    /*float: right;*/



    /*top: 50%;*/



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



    font-weight: bold;



    /*right: 0px;*/







}



.synew-top{



    width: 100%;

    padding: .3125rem 16px;



    display: flex;

    align-items: center;

    justify-content: space-between;


}

.synew-top a:hover{

    text-decoration: none;

}



.synew-ner{



    width: 100%;



    position: relative;



    display: flex;



    justify-content: space-between;



    margin-bottom: .3093rem;



}



.synew-ner-left{



    background: url(/static/images/newbkx.png) center center no-repeat;



    /*height: 325px;*/



    width: 67%;



    float: left;



    background-size: 100% 100%;







}



.synew-ner-right{



    width: 30%;



    padding: 15px;



    background-color: #fff;



     display: flex;



     align-items: center;



     justify-content: center;





}



.synewbom-ner-left{



    width: 30%;



    padding: 1vw;



    background-color: #fff;



    display: flex;



    align-items: center;



    justify-content: center;





}







.synewbom-ner-right{



    background: url(/static/images/newbkx.png) center center no-repeat;



    /*height: 325px;*/



    width: 67%;



    float: right;



    background-size: 100% 100%;

   

}



.synew-ner-left-img{



    padding: 15px 15px 30px;



    display: flex;



    justify-content: center;



    align-items: center;







}



.synew-ner-left-img>img{



    max-width: 100%;

    width: 53%;

    margin: 0 1vw;



}



.synew-ner-left-ner{
    line-height: 2;

    overflow: auto;

}



.new-button2{



    display: block;



    /*width: 142px;*/



    height: 37px;



    text-align: center;



    color: black;



    border-radius: 8px;



    font-weight: bold;



    border: 1px solid rgb(0, 205, 175);



    font-size: 16px;



    float: left;



    padding: 0 1vw;

    

    overflow: hidden;

}



.new-button{



    display: block;



    /*width: 142px;*/



    height: 37px;



    border: 0;



    text-align: center;



    color: black;



    border-radius: 8px;



    background-color: #00cdaf;



    font-weight: bold;



    font-size: 0.88vw;



    float: left;



    padding: 0 1vw;



}

.new-button:hover,.new-button2:hover{

    opacity: 0.5;

}

.new-data{



    font-size: 16px;



    color: #959595;



    /*padding-right: 37px;*/



    display: flex;



    align-items: center;



    float: right;



}



.new-data img{



    width: 21px;



    height: 21px;







}







/**/



.good{







    width: 100%;



    background-position: bottom;



    /* height: 760px; */



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



    padding-bottom: 10vh;



    position:relative;



    /*margin-top:-6vh;*/



}



.goog-nut{



    padding-top: 87px;



    max-width: 1400px;



    /* height: 600px; */



    margin: auto;



}



.good-top{



    display: flex;



    /* flex-wrap: wrap; */

    gap: 30px;

    width: 100%;



    align-items:center;



}



.good-left{



width: 50%;



}



.good-left img{

    max-width: 100%;

    margin: 0 auto;

}



.good-right{



    position: relative;







    /*padding-top: 16px;*/



    width: 50%;



}



.good-shousuo{



    position: absolute;



    top: 84px;



}



.good-right h3{



    font-size:.4948rem;



    color: white;



}



.good-right p{

    line-height: 2;



    margin: .3093rem 0;



    color: white;





}

.good-right p::before{

    content: "";

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

    background-position: left;

    display: inline-block;

    width: 17px;

    height: 14px;

}



.goot-dfgjh{



display: flex;

align-items: center;

justify-content: center;



}



.goot-tophgs img{



    /* height: 3px; */



    max-width: 100%;



}



.good-bom{



    width: 100%;



    /*height: 85px;*/



    margin-top: 60px;



    display: flex;



    background: url(/static/images/gsjjjx.png) center center no-repeat;



}



.good-bom-nu{



    font-size: 1vw;



    display: flex;



    margin: auto;



    justify-content: center;



    align-items: center;







}



.good-bom-nu p{



    padding-left: 22px;



    padding-right: 22px;



}



#certify{



    position: relative;



}



.swprev,.swnext{



    position: absolute;



    width: 30%;



    padding-bottom: 28%;



    top: 16.5%;



    z-index: 99;



}



.swprev{



    left: 0;



}



.swnext{



    right: 0;



}











/**/























.main{



    max-width: 1400px;



    margin: 2.5% auto 2%;



      height: 100%  



    }



    .box{



      width: 100%;



      margin: 20px auto;



      display: flex;



      flex-wrap: wrap;



      justify-content: space-between;



    }



     .itemss{



       position: relative;







         width: 30%;



       height: 315px;



       border-radius: 10px;



       border: 1px solid rgb(0, 205, 175);



       margin-bottom: 50px;



     }



     .itemss:before{



       content: '';



       position: absolute;



       width: 0;



       height: 10px;



       right: 0;



       bottom: 0;



       background-color: rgb(0, 205, 175);



       border-radius: 10px 0 10px 0;



       transition: all .3s;



     }



     .itemss:hover:before,.itemss1:before{



        content: '';



       position: absolute;



       width: 80%;



       height: 10px;



       right: 0;



       bottom: 0;



       background-color: rgb(0, 205, 175);



       border-radius: 10px 0 10px 0;



     }



     .tips{



       position: absolute;



       font-size: 22px;



       font-weight: bold;



       transition: all 0.3s;



       left: 20px;



       transition: all 0.3s;



     }



     



     .tips1{



       bottom: 20px;



     }



     .tips2{



      opacity: 0;



      top: 10px;



     }



     .more{



       position: absolute;



       width: 100px;



       height: 20px;



       line-height: 20px;



       font-size: 16px;



       text-align: center;



       transition: all 0.3s;



     }



     .more1{



      right: 28px;



       bottom: -10px;



       background-color: #00cdaf;



     }



     .more2{



      left: 20px;



      top: 45px;



      border: 1px solid #00cdaf;



      transition: all 0.3s;



      opacity: 0;



     }



     .itemss img{



      position: absolute;



       top: 50%;



       left: 50%;



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



       transition: all 0.3s;



     }



     .img1{



       width: 80%;



     }



     .img2{



       width: 60%;



     }



     .img3{



       width: 70%;



     }



     .img4{



       width: 46%;



     }



     .img5{



       width: 58%;



     }



     .img6{



       width: 70%;



     }



     .itemss1 .img1{



      top: 60%;



      left: 40%;



      width: 100%;



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



     }



     .itemss:hover img{



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



     }



     .itemss:hover .tips2,.itemss1 .tips2{



      opacity: 1;



       transform: translateY(10px);



     }



     .itemss:hover .more2,.itemss1 .more2{



      opacity: 1;



       transform: translateY(10px);



     }



     .itemss:hover .tips1,.itemss1 .tips1{



       opacity: 0;



       transform: translateY(10px);



     }



     .itemss:hover .more1,.itemss1 .more1{



        opacity: 0;



       transform: translateX(10px);



     }



.newsitemss {



    overflow: auto;



  margin-top: 20px;



border-top: 1px solid #cccaca;



width: 90%;



padding-top: 10px;



}











.itemss-title {



    font-size: 18px;



    font-weight: bold;



}







.news-body-bot div:nth-child(2) .newsitemss:nth-child(1) .itemss-title{



  color:#04cdae;



}



.itemss-content {



    margin-top: 20px;



}







.itemss-mes {



    margin-top: 20px;



display: block;



}







.itemss-mes div {



    width:100%;



    float:left;



display: block;



}



.itemss-mes div:nth-child(odd) {



    color:#04cdae;



    margin-bottom: 10px;



  



}



.itemss-mes div:nth-child(even) {



   color:#999;



 font-weight: bold;



}











.news {



height:auto;







}







.itemss-img img{



width:100%;



}







.news-des {



    width: 80%;



    padding: 20px 0px;



    text-align: center;



    font-size: 13px;



    margin: 0 auto;



    line-height: 25px;



color: #999;



}



.itemss-img {



    margin-bottom: 20px;



}





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

    .good-top{

        flex-wrap: wrap;

        flex-direction: column;

    }

    .good-top .good-left{

        order: 1;

        width: 100%;

    }

    .good-top .good-right{

        order: -1;

        width: 100%;
        /* padding-left:15px ; */
        /* padding-right: 15px; */

    }

    .good{

        background:#33394a url(/static/images/jjbjh.png) no-repeat;

    }

    .synew-ner{

        flex-wrap: wrap;

        flex-direction: column;

        gap: .3093rem;

    }

    .synew-ner-left,.synew-ner-right,.synewbom-ner-left,.synewbom-ner-right{

        width: 100%;

    }



    .synewbom-ner-left{

        order: 1;

    }

    .synewbom-ner-right{

        order: -1;

    }

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

   .product-show,.wtzabout,.good,.synew{
    padding-left: 15px;
    padding-right: 15px;
   }

}

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

     .hiddens{

        display: none!important;

     }

     .abouts-body-left{

        height: 50%;

     }

}
@media (max-width:1080px){
    .wtzabout{
        display: none;
    }
}

@media (max-width:768px){
    .product-title p{
       display: none;
    }
    .product-title p i{
        display: none;
    }
    .itemss{
        width: 48%;
    }
    .spjs{
        display: none;
    }
    .good-bom{
        display: none;
    }
    
}

@media screen and (max-width:500px) {
    .itemss{
        width: 100%;
    }
    .synew-ner-left-img{
        flex-wrap: wrap;
    }
    .synew-ner-left-img>img{
        width: 100%;
        margin: 15px 0;
    }
    .synewbom-ner-left{
        padding-left: 15px;
        padding-right: 15px;
    }
    .product-title .btitle{
        font-size: 25px;
    }
    
}

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

	.nowconsult,.abouts-body-left .ushyl-yhrckl{

		padding-top: 3vh;

	}



}







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



	.nowconsult,.abouts-body-left .ushyl-yhrckl{

		padding-top: 3vh;

	}



}



@media screen and (min-width: 1400px){



	.nowconsult,.abouts-body-left .ushyl-yhrckl{

		padding-top: 3vh;

	}

}