/*绉佹湁*/

img{
    max-width: 100%;
}
.nav-bg{
    background: transparent;
    position: fixed;
}
.nav-bg .line{
    display: none;
}
.icon1{



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



}



.icon2{



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



}



.icon3{



    background: url('../img/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('../img/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-show{
    background: #f4f4f4;
    padding: 0.8315rem 0;
}
.product-show .product{
    max-width: 1400px;
    margin: 0 auto;
}
.product-show .product ul{
    display: flex;
    justify-content: space-between;
    gap: 30px;
}
.product-show .product ul li{
    width: calc((100% - 60px) / 3);
}
.product-show .product ul li a{
    display: block;
    height: 100%;
}
.product-show .product ul li:nth-child(1) a,.product-show .product ul li:nth-child(2) a,.product-show .product ul li:nth-child(3){
    padding: 20px;
    
}


.product-show .product ul li:not(:nth-child(2)){
    background: #ffffff;
    border-radius: 20px;
}
.product-show .product ul li:nth-child(2){
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
}
.product-show .product ul li:nth-child(2) a{
    background: #ffffff;
    display: block;
    border-radius: 20px;
}
.product-show .product ul li:nth-child(3) .three-con{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.product-show .product ul li:nth-child(3) a{
    background: #f5f5f3;
    border-radius: 10px;
}
.product-show .product ul li:nth-child(3) .top-con{
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.product-show .product ul li:nth-child(3) .top-con a{
    display: block;
    width: calc((100% - 20px) / 2);
    padding: 20px;
}
.product-show .product ul li:nth-child(3) img{
    display: block;
    margin: 0 auto;
}
.product-show .product ul li:nth-child(3) .three-con>a{
    display: block;
     padding: 20px;
}
.product-show .product li h3{
    font-size: 24px;
    margin: 20px 0!important;
    
}
.product-show .product ul li:nth-child(1) .title-img{
    padding: 20px;
    background: #f5f5f3;
    border-radius: 10px;
}
.product-show .product ul li .title{
    background: #ffffff;
    padding: 5px 20px;
    width: fit-content;
    display: flex;
    gap: 10px;
    align-items: center;
    border-radius: 30px;
}
.product-show .product ul li .title:before{
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: #00cdaf;
    display: block;
}
.product-show .product ul li:nth-child(1) .title-img img{
    display: block;
    margin: 30px auto 0;
}
.product-show .product ul li:nth-child(2) .title{
    background: #f5f5f3;
}
.product-show .product ul li:nth-child(2) img{
    margin-top: 20px;
}
.product-title{
    max-width: 1400px;
    text-align: right;
    margin: 0 auto 0.5197rem;
    overflow: hidden;
    }

.product-title .product-tit-phone{

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

    gap: 15px;
}

 .btitle{text-align: left;font-size: .6237rem;font-weight: 600;text-transform: uppercase;font-weight:900;}

.btitle span{
    font-size: inherit;
}

.product-title p{float: right;position: relative;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(../img/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: 1.5;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(../img/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(../img/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('../img/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 .btitle{color:#00cdaf;font-weight: bolder;line-height: 1.1876rem;text-align:center;}



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



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


.epc-con {
    /*padding-top: 0.8315rem;*/
}


.epc-con .epc .title-desc-consult{
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}
.epc-con .epc .title-desc-consult a{
    display: block;
    width: 152px;
    height: 40px;
    background: #00cdaf;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    border-radius: 20px;
    white-space: nowrap;
    flex-shrink: 0;
}

.epc-con .epc .title-desc-consult .title-desc .desc{
    margin-top: 10px!important;
    line-height: 1.5;
}
.epc-con .epc .left-right-con{
    display: flex;
    align-items: center;
    background: #00cdaf;
}
.epc-con .epc .left-right-con .left-con{
    
    padding-left: calc((100% - 1400px) / 2);
    position: relative;
    margin:0.5197rem 0;
    color: #ffffff;
    margin-right: -3.0662rem;
}
.epc-con .epc .left-right-con .left-con .title-desc .btitle{
    white-space: nowrap;
}
.epc-con .epc .left-right-con .left-con .title-desc .desc{
    margin: 20px 0 30px!important;
    line-height: 1.5;
    max-width: calc(100% - 3.0662rem);
}
.epc-con .epc .left-right-con .left-con a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 152px;
    height: 40px;
    border-radius: 20px;
    background: #ffffff;
    color: #00cdaf;
}
.epc-con .epc .left-right-con .left-con .texts{
    color: #ffffff;
    max-width: calc(100% - 3.0662rem - 1.0394rem);
   margin-top: 30px;
}
.epc-con .epc .left-right-con .left-con .texts li{
    display: flex;
    gap: 10px;
}
.epc-con .epc .left-right-con .left-con .texts li .num{
    font-size: 30px;
    font-weight: bold;
 
}
.epc-con .epc .left-right-con .left-con .texts li .lines{
    position: relative;
}
.epc-con .epc .left-right-con .left-con .texts li .lines:before{
    content: "";
    width: 1px;
    height: 100%;
    background: linear-gradient(to bottom,#ffffff 0%,#ffffff 50%,transparent 50%);
    background-size: 1px 2px;
    position: absolute;
    left: 0;
    top: 0;
}
.epc-con .epc .left-right-con .left-con .texts li:nth-child(2){
    margin: 30px 0;
}
.epc-con .epc .left-right-con .left-con .texts .desc{
    line-height: 1.5;
}
.epc-con .epc .left-right-con .left-con .img{
    display: flex;
    gap: 10px;
     margin-top: 0.5197rem;
}
.epc-con .epc .left-right-con .left-con .img li{
    /*max-width: 2.0788rem;*/
    max-width:200px;
}
.epc-con .epc .left-right-con .left-con .img li.active{
    border: 1px solid #ffffff;
}
.epc-con .epc .left-right-con .left-con .img img{
    max-width: 100%;
   
}
.epc-con .epc .left-right-con .right-con{
    max-width: 56%;
}







/*
公司介绍开始
*/
.profile-news{
    background: url(../img/home-new/home-bg.jpg) no-repeat;
    background-size: cover;
}
.company-profile-con{
    background: url(../img/home-new/factory-bg.png) no-repeat;
}
.company-profile-con .company-profile{
    max-width: 1400px;
    margin: 0 auto;
    color: #ffffff;
    padding: 0.8315rem 0;
}
.company-profile-con .company-profile .top-con{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.company-profile-con .company-profile .top-con img{
    position: relative;
    z-index: 2;
    /*max-width: 50%;*/
}
.company-profile-con .company-profile .content{
    text-align: right;
}
.company-profile-con .company-profile .content .btitle{
    text-align: right;
    font-size: 0.4989rem;
}
.company-profile-con .company-profile .content .title-desc{
    padding-left: 0.5197rem;
}
.company-profile-con .company-profile .content p{
    line-height: 1.5;
    margin-top: 30px!important;
}
.company-profile-con .company-profile .content .btn-a{
      margin-top: 30px;
      display: flex;
      justify-content: flex-end;
      position: relative;
}
.company-profile-con .company-profile .content .btn-a:after{
    content: "";
    width: 100%;
    height: 1px;
    background: linear-gradient(to right,#24d4ba 0%,#24d4ba 50%,transparent 50%);
    background-size: 8px 1px;
    position: absolute;
    top: 50%;
    right: 170px;
    transform: translateY(-50%);
}
.company-profile-con .company-profile .content a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    border: 1px solid #00cdaf;
    width: 160px;
    height: 46px;
    border-radius: 23px;
    color: #00cdaf;   
  
}
.company-profile-con .company-profile .content a:before{
    content: "";
    background: url(../img/home-new/duo.png) no-repeat;
    width: 14px;
    height: 13px;
    display: block;
    margin-right: 10px;
}


.company-profile-con .company-profile ul{
    display: flex;
    justify-content: space-between;
    background: #ffffff;
    margin-top: 0.5197rem;
    padding: 20px 0;
}
.company-profile-con .company-profile ul li{
    width: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.company-profile-con .company-profile ul li:before{
    content: "";
    background: url(../img/home-new/tuoyuan.png) center center no-repeat;
    width: 22px;
    height: 17px;
    display: block;
    margin-right: 15px;
}
.company-profile-con .company-profile ul li:not(:last-child){
    position: relative;
}
.company-profile-con .company-profile ul li:not(:last-child):after{
    content: "";
    width: 1px;
    height: 100%;
    background: linear-gradient(to bottom,transparent,#00cdaf,transparent);
    position: absolute;
    right: 0;
    top: 0;
}
.company-profile-con .company-profile ul li h3{
    color: #00cdaf;
    font-size: 40px;
}
.company-profile-con .company-profile ul li h3 span{
    font-size: 24px;
}
.company-profile-con .company-profile ul li p{
    color: #333333;
    font-size: 18px;
}



/*鍏充簬鎴戜滑*/



.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(../img/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(../img/4f.png) left bottom no-repeat;

	 display: block;

      width: 100px;

      height: 4px;

      margin-top: 10px;

}



.yhrckl{



    background: url(../img/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(../img/about2.png) left bottom no-repeat;



    background-size: 100% auto;



    bottom: 0;





}



.about2::after{

    content: "";

    background: url(../img/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(../img/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 15px;

}



.poro1 img{



    /* margin-left: auto; */



    /* margin-top: 45px; */



    max-width: 100%;



    /*width: 12vw;*/



    margin: auto;



    margin-bottom:15px;



}



.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 15px;

}







.poro2 img{
    margin: auto;

    max-width: 100%;

    margin-bottom:15px;

}



.poro2 p{



    font-size: 16px;





    color: #fff;



    margin: 5% 0;



    line-height: 1.2;



}



.poro3{



    /*padding-top: 10.5197rem;*/

   position:absolute;

   bottom:15px;



   padding:0 15px;

}



.poro3 img{
    margin: auto;
    max-width: 100%;
    margin-bottom:15px;
}



.poro3 p{



    font-size: 16px;



    color: #fff;



    margin: 4% 0;



    line-height: 1.2;



}



/**/



.synew{



    width: 100%;



    background-position: bottom;



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



    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-top{



    width: 100%;

    padding: 30px 0;



    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{
    width: 67%;
    float: left;
    background: url(../img/newbkx.png) center center no-repeat;
    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: 15px;



    background-color: #fff;



    display: flex;



    align-items: center;



    justify-content: center;





}







.synewbom-ner-right{

    width: 67%;
    float: right;
    background: url(../img/newbkx.png) center center no-repeat;
    background-size: 100% 100%;

}



.synew-ner-left-img{



    padding: 15px;



    display: flex;


   
    justify-content: center;



    align-items: center;

    gap: 15px;





}



.synew-ner-left-img>img{
    max-width: 50%;
    border-bottom-right-radius: 20px;
}



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

}

.synew-ner-left-ner h3{
    font-size: 18px;
    font-weight: bold;
}
.synew-ner-left-ner>p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: .1546rem 0!important;
}
.synew-ner-left-ner .btn-date{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.synew-ner-left-ner .btn-date .new-data p{
    padding-left: 10px;
}
.new-button2{



    display: block;



    /*width: 142px;*/



    height: 37px;

   line-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;

    line-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(../img/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(../img/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(../img/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: 0.5197rem;



     }



     .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(../img/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,.epc-con .epc .title-desc-consult,.company-profile-con{
    padding-left: 15px;
    padding-right: 15px;
   }
   .epc-con .epc .left-right-con .left-con{
       padding-left: 15px;
   }

}

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

     .hiddens{

        display: none!important;

     }

     .abouts-body-left{

        height: 50%;

     }
     .company-profile-con .company-profile .top-con img{
         max-width: 50%;
     }

}
@media (max-width:1080px){
    .wtzabout{
        display: none;
    }
    .epc-con .epc .left-right-con{
        flex-wrap: wrap;
    }
    .epc-con .epc .left-right-con .left-con{
        width: 100%;
        padding-right: 15px;
    }
    .epc-con .epc .left-right-con .right-con{
        max-width: 100%;
        width: 100%;
    }
    .epc-con .epc .left-right-con .left-con .img{
        margin-right: 0;
    }
    .epc-con .epc .left-right-con .left-con .title-desc .desc{
        max-width: 100%;
    }
    .company-profile-con{
        background-size: cover;
    }
    .company-profile-con .company-profile ul li h3{
        font-size: 32px;
    }
    .company-profile-con .company-profile ul{
        flex-wrap: wrap;
        gap: 30px 0;
    }
    .company-profile-con .company-profile ul li{
        width: 50%;
    }
    .epc-con .epc .left-right-con .left-con .texts{
        max-width: 100%;
    }
    .product-show .product ul{
        gap: 15px;
    }
    .product-show .product ul li{
        width: calc((100% - 30px) / 3);;
    }
    .company-profile-con .company-profile .top-con{
        flex-wrap: wrap;
    }
    .company-profile-con .company-profile .top-con img{
        max-width: 100%;
          margin-bottom: 30px;
    }
    
    
}

@media (max-width:768px){
    .product-show .product ul{
        flex-wrap: wrap;
    }
     .product-show .product ul li:not(:last-child){
         width: calc((100% - 15px) / 2);
     }
      .product-show .product ul li:nth-child(3){
          width: 100%;
      }
      
    .product-title p{
       display: none;
    }
    .product-title p i{
        display: none;
    }
    .itemss{
        width: 48%;
    }
    .spjs{
        display: none;
    }
    .good-bom{
        display: none;
    }
    .product-show .product li h3{
        font-size: 20px;
    }
    .company-profile-con .company-profile .content .title-desc{
        padding-left: 0;
    }
    .epc-con .epc .title-desc-consult{
        flex-wrap: wrap;
    }
    .company-profile-con .company-profile ul li h3{
        font-size: 24px;
    }
    .company-profile-con .company-profile ul li p{
        font-size: 14px;
    }
    
}

@media screen and (max-width:500px) {
    .product-show .product ul li:nth-child(3) .top-con{
        flex-wrap: wrap;
    }
    .product-show .product ul li,.product-show .product ul li:nth-child(3) .top-con a{
        width: 100%!important;
    }
    .itemss{
        width: 100%;
    }
    .synew-ner-left-img{
        flex-wrap: wrap;
    }
    .synew-ner-left-img>img{
        width: 100%;
        max-width: 100%;
        margin: 15px 0;
    }
    .synewbom-ner-left{
        padding-left: 15px;
        padding-right: 15px;
    }
    .product-title .btitle{
        font-size: 25px;
    }
    .synew-top{
        flex-wrap: wrap;
    }
    .btitle{
        font-size: 20px;
    }
}

@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;

	}

}