.banner{



    width: 100%;



}

a,a:hover{

    text-decoration: none;

}



.banner img,.swiper img,.industrial-body img,.knowledge-body-content img{



    /* width: 100%; */



    max-width: 100%;



}

.swiper img{
    width:100%;
}

.enterprise{
    background: #ffffff;
    position: relative;
    top: -1.85rem;
    z-index: 3;
    max-width: 1400px;
    margin: 0 auto;
    padding: .52rem .31rem 0.2rem;
   box-shadow: 0 0 10px 3px rgb(0 0 0 / 20%);
}
.enterprise:before{
    content: "";
    width: 10.8%;
    height: 5px;
    background: #04cdae;
    position: absolute;
    left: 0;
    top: 0;
}
.exhibition{
    margin-top: -60px;
}
.enterprise .enterprise-img img{

    max-width: 100%;

}

.enterprise .buttons{

    position: absolute;

    bottom:0;

    left: 300px;

    transform: translateY(30%);

}



.enterprise .enterprise-img img{

    margin: 0 auto;

}

.enterprise-content{

  /* position: absolute; */

  /* left: 50%; */

  /* top: 50%; */

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

    max-width: 1400px;
    width: 100%;

    border-bottom-right-radius: 7vw;

    border-top-right-radius: 7vw;

    margin: 0 auto;
    /*padding: 0 .31rem;*/



}



.enterprise-content-title{

   
    position: relative;

    align-items:center;
}
.enterprise-content-title div{
    font-size: .5rem;
    font-weight: 700;
}
.enterprise-content-title a{
    background-color:#04cdae;

    padding:10px;

    border-radius:10px;

    display:flex;
    align-items:center;

    text-decoration:none;
}
.enterprise-content-title a:hover{
    text-decoration:none;
}
.enterprise-content-title a::before{
    content:"";
    background:url(../img/arrow.png) no-repeat;
    width:24px;
    height:24px;
    background-size: 100%;
    display:block;
    margin-right: 10px;

}

.enterprise-content-title::before{



    /* content: ""; */



    position: absolute;



    top: -80%;



    left: 0;



    width: 5%;



    padding-bottom: 4%;



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



    background-size: 100% 100%;



}



.enterprise-content-title>a:last-child{



    font-size: 16px;



    font-weight: normal;



}



.enterprise-body{



    /* margin-top: 5%; */



    /* width: 90%; */



    /* margin-left: 1%; */



    /*display: flex;



    justify-content: center;*/



    /* align-items: flex-start; */



    overflow: hidden;



    padding-top: 2%;



}
.enterprise-body1{
    display: none;
}


.swiper>a{
    width: 32%;
    overflow: hidden;
  text-decoration:none;


}
.swiper>a:hover{
    text-decoration:none;
}

.swiper>a:hover img{
    transform:scale(1.05);
    transition:1s;
}

.swiper>a>div:nth-child(2){



    width: 90%;



    /* margin-left: 5%; */



    font-size: 16px;



    font-weight: 700;



    margin-top: 4%;

    overflow: hidden;

text-overflow:ellipsis;

white-space: nowrap;



}



.swiper>a>div:nth-child(3){



    width: 90%;



    /* margin-left: 5%; */



    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;



    font-size: 0.8vw;



    margin-top: 4%;



    margin-bottom: 4%;



    color: #858585;



}



.swiper>a>div:last-child{



    width: 90%;



    /* margin-left: 5%; */



    font-size: 16px;



    /* text-align: right; */



    margin-top: 1%;



    color: #858585;

    display: flex;

    align-items: center;



}

.swiper>a>div:last-child::before{

    content: "";

    background: url(../img/clock-gray.png);

    display: block;

    width: 24px;

    height: 24px;

    margin-right: 15px;

}





.swiper>a:nth-child(3){



    /*transform: translateX(-6%);*/



}



.provbtn,.nextbtn{



    background: linear-gradient(to right,#02d8a7 0%,#06bdc6 100%);



    padding: 1% 0;



    text-align: center;



    color: #ffffff;



    align-self: flex-end;



    cursor: pointer;



    width: 5%;



}



.nextbtn{



    transform: translateX(-31%);



}



.industrial{


background: url(../img/news-middle.png) no-repeat;

background-size: 100% 100%;

  position: relative;

  top: -1.5rem;

  z-index: 0;

 padding-bottom: 120px;

 padding-top: 100px;

margin-bottom: 50px;

}

.industrial .content-container{




}

.industrial .content-container .left{
    width:100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.industrial .content-container .left a{
    background-color: #04cdae;
    padding: 10px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    text-decoration: none;
}
.industrial .content-container .left a:before{
    content: "";
    background: url(../img/arrow.png) no-repeat;
    width: 24px;
    height: 24px;
    background-size: 100%;
    display: block;
    margin-right: 10px;
}
.industrial .bc-img img{

    max-width: 100%;

}

.industrial .content-container .middle{

    position: absolute;

    top: -60px;

    left: 50%;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    z-index:-1;

}

.industrial .content-container .middle img:nth-child(2){

    position: absolute;

    left: -6px;

    top: 786px;

}

.industrial .content-container .right{

    color: #fff;

}
.industrial .content-container .right ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px 20px;
}
.industrial .content-container .right ul li{
    width: calc((100% - 20px) / 2);
}
.industrial .content-container .right ul li a{
    display: flex;
    gap: 15px;
}
.industrial .content-container .right ul li a .img{
    position: relative;
    width: 66%;
    overflow: hidden
}
.industrial .content-container .right ul li a .img img{
   /*width: auto;*/
   /* height: auto;*/
   /* min-width: 100%;*/
   /* min-height: 100%;*/
   /* max-width: none;*/
   /* position: absolute;*/
   /*  bottom: 0;*/
   /*  right: 0;*/
   width: 100%;
}
.industrial .content-container .right ul li a .title-smalltext-time{
    max-width: 34%;
}
.industrial .content-container .right ul li a .title{
    font-size: 18px;
}
.industrial .content-container .right ul li a .smalltext{
    overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; 
}
.industrial .content-container .right .button{

    width: 165px;

    background-color: #04cdae;

    display: flex;

    font-weight: bold;

    align-items: center;

    justify-content: space-around;

    border-radius: 30px;

    padding: 5px 10px;

    /*margin-top: -40px;*/

}

.industrial .content-container .right .right-container{

    margin-bottom: 30px;

}

.industrial .content-container .right .right-container .title{

    display: flex;

    align-items: center;

}

.industrial .content-container .right .right-container .title img{

    margin-right: 15px;

}

.industrial .content-container .right a{

    font-size: 20px;

    line-height: 2;

    color: #04cdae;
    height: 100%;

}
.industrial .content-container .right a p{
    color: #fff;
}
.industrial .content-container .right .time{

    display: flex;
    align-items: center;
    font-size: 14px;
    margin-top: 20px!important;

}

.industrial .content-container .right .time::after{

    content: "";

    margin-bottom: 30px;

}

.industrial .content-container .right .time img{

    margin-right: 15px;

}

.industrial .content-container .right .smalltext{

    margin: 15px 0;
    font-size: 14px;

}

.industrial .img-text{

    display: flex;

    align-items: center;

    margin-bottom: .31rem;

}


.industrial .img-text .title{

    font-size: .5rem;

    font-weight: bold;

    color: #fff;

    margin-left: 10px;

}

.industrial .all-container{

    /* top: 27vh; */

}

.industrial .all-container>img{

    border-radius: 10px;

}

.industrial .all-container a{

    color: #04cdae;

    font-size: 20px;

    font-weight: bold;

    margin-top: 30px;

    text-decoration: none;

    line-height: 2;

}

.industrial .all-container p:nth-child(4){

    line-height: 2;

}

.industrial .all-container p:nth-child(5){

    margin-top: 15px;

}

.industrial .all-container p:nth-child(5) img{

    margin-right: 15px;

}

.industrial .all-container p{

    color: #fff;
    display: flex;
    align-items: center;

}

.industrial-body{



    transform: translateY(-20%);



}



.news-one{



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



    background-size: 100% 100%;



    width: 32%;



}



.news-one>div:first-child{



    width: 20%;



    margin: 0 auto;



    margin-top: 12%;



}



.news-one>div:nth-child(2){



    font-size: 1.4vw;



    font-weight: 700;



    text-align: center;



    margin-top: 5%;



}



.news-one a{



    width: 50%;



    margin-left: 45%;



    margin-top: 10%;



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



    background-size: 100% 100%;



    padding: 2%;



    color: #ffffff;



    font-size: 1vw;



    text-align: center;



}



.news-two{



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



    background-size: 100% 100%;



    width: 30%;



    color: #575a61;



    font-size: 0.8vw;



    padding: 2% 1% 0 1%; 



}



.news-two>div:first-child{



    font-size: 1.3vw;



    font-weight: 900;



    color: #ffffff;



    margin-bottom: 5%;



    overflow: hidden;



    text-overflow: ellipsis;



    display: -webkit-box;



    -webkit-line-clamp: 3;



    -webkit-box-orient: vertical;



}



.news-two>div:nth-child(2){



    overflow: hidden;



    text-overflow: ellipsis;



    display: -webkit-box;



    -webkit-line-clamp: 3;



    -webkit-box-orient: vertical;



}



.news-two>div:last-child{



    color: #07b69c;



    width: 40%;



    margin-left: 50%;



    text-align: right;



    margin-top: 12%;



}



.news-three{



    width: 38%;



}



.industrial-body-down>div{



    width: 50%;



    display: flex;



}



.industrial-body-down>div>div:first-child{



    width: 64%;



}



.industrial-body-down-txt{



    width: 36%;



    background: #ffffff;



    padding: 2% 2%;



}



.industrial-body-down-txt>div:first-child{



    font-size: 1.3vw;



    font-weight: 900;



    color: #000000;



    margin-bottom: 5%;



    overflow: hidden;



    text-overflow: ellipsis;



    display: -webkit-box;



    -webkit-line-clamp: 2;



    -webkit-box-orient: vertical;



    /* word-break:break-all; */



}



.industrial-body-down-txt>div:nth-child(2){



    color: #8a8a8a;



    overflow: hidden;



    text-overflow: ellipsis;



    display: -webkit-box;



    -webkit-line-clamp: 3;



    -webkit-box-orient: vertical;



    font-size: 0.8vw;



}



.industrial-body-down-txt>div:last-child{



    color: #07b69c;



    width: 100%;



    text-align: right;



    margin-top: 12%;



    font-size: 0.8vw;



}



.knowledge{



    /* background: url('../img/bj25.png') #2c313e; */



    background-repeat: no-repeat;



    background-position: bottom left;



    background-size: auto 50%;

    position: relative;

    /* top: -14vh; */
   padding-bottom: 160px;

   display: none;
}



.knowledge-body{
    max-width: 1400px;
    margin:0 auto;
    border-top-left-radius: 7vw;
    background: #ffffff;
}



.knowledge-title{
    font-size: 1.5vw;
    font-weight: 700;
    padding: 0 0 0 5%;
    position: relative;
    align-items: center;

}

.knowledge-title .title{

    margin-left: -1.5vw;

    font-size: 38px;

}

.knowledge-title .dashed{

flex: 1;

}

.knowledge-title .dashed:before{
    content: "";
    height: 1px;
    background: linear-gradient(to right,#04cdae 0%,#04cdae 50%,transparent 50%);
    background-size: 6px 1px;
    background-repeat: repeat-x;
    display: block;
    margin-left: 30px;
}

.knowledge-title .dashed img{

    max-width: 100%;

}

.knowledge-title .button{

   background-color: #04cdae;

   display: flex;

   align-items: center;

   justify-content: space-around;

   width: 185px;

   padding: 10px;

   border-radius: 30px;

   font-size: 1.11vw;

   font-weight: bold;

}
.knowledge-title .button .text::before{
    content:"";
    background:url(../img/arrow.png) no-repeat;
    width:24px;
    height:24px;
    display:block;
    margin-right: 10px;
}
.knowledge-title .button p{
    display:flex;
    align-items:center;
}
.knowledge-title::before{



    content: "";



    position: absolute;



    left: 0;



    width: 28px;



    height: 38px;



    /* padding-bottom: 3%; */



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



    background-size: 100% 100%;



}



.knowledge-title>a:last-child{



    font-size: 1vw;



    font-weight: normal;

    border-top: 1px dashed #04cdae;
    border-left: 1px dashed #04cdae;
    border-right: 1px dashed #04cdae;
    padding: 5px;
    border-radius: 30px;

}


.knowledge-body-content{



    margin-top: 3%;



}



.knowledge-body-left{



    width: 47%;



}



.knowledge-txt{



    background: #dcdcdc;



    padding: 3% 2%;



    margin-top: 7%;



    border-radius: 1vw;



}



.knowledge-txt>div:first-child{



    font-size: 1.2vw;



    font-weight: 700;



}



.knowledge-txt>div:nth-child(2){



    font-size: 0.8vw;



    color: #9a9a9a;



    margin-top: 2%;



}



.knowledge-txt>div:last-child{



    font-size: 0.8vw;



    color: #07b69c;



    text-align: right;



    margin-top: 2%;



}



.knowledge-body-right{



    /* width: 50%; */

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;



}



.knowledge-body-right>a{



    padding: 3% 2%;



    /* margin-top: 1%; */



    border-radius: 1vw;



    /* background: #dcdcdc; */



    display: flex;

    width: 49%;

    margin: 15px 0;

    text-decoration: none;

    box-shadow: 0 0 5px #cccccc;

    align-items:center;



}

.knowledge-body-right>a:hover{

    background-color: #34394c;

}



.knowledge-body-right>a:hover .knowledge-txtf>div:first-child{

    color: #04cdae;

}

.knowledge-body-right>a:hover .knowledge-txtf>div:nth-child(2){

    color: #fff;

}

.knowledge-body-right>a:hover img{
    transform:scale(1.05);
    transition:1s;
}

.knowledge-body-right>a>div:first-child{



    /* width: 50%; */



}

.knowledge-body-right>a:hover p{
    color:#fff;
}

.knowledge-body-right>a:first-child{



    /* margin-top: 0; */



}



.knowledge-txtf{



    /* background: #dcdcdc; */



    margin-left: 3%;



    border-radius: 1vw;



    width: 67%;


    display:flex;

    flex-direction:column;


}

.knowledge-txtf p{
    order:4;
    text-align:right;
    font-size:16px;
    margin-top:15px;
    color:#666666;
}

.knowledge-txtf>div:first-child{



    font-size: 18px;



    font-weight: 700;



    overflow: hidden;



    text-overflow: ellipsis;



    display: -webkit-box;



    -webkit-line-clamp: 2;



    -webkit-box-orient: vertical;

    line-height: 2;



}



.knowledge-txtf>div:nth-child(2){



    font-size: 16px;



    color: #9a9a9a;



    margin: 10px 0;



    text-overflow: ellipsis;



    overflow: hidden;



    display: -webkit-box;



    -webkit-line-clamp: 2;



    -webkit-box-orient: vertical;

    line-height:2;



}



.knowledge-txtf>div:last-child{



    font-size: 0.8vw;



    color: #999999;

    display: flex;

    align-items: center;



    /* text-align: right; */



}

.knowledge-txtf>div:last-child img{

    margin-right: 15px;

}

.footer{
    padding-top:0!important;
}

.banner .top{
    top:80px!important;
    transform:translateY(-50%);
}
.banner .top_nav{
    display: flex;
    color: #fff;
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 20px;
}
.banner .top_nav a{
    color:#fff;
}
.owl-item div:nth-child(2){
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 15px 0;
}
.owl-nav{
  margin-top: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-100%);
  width: 100%;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev{
    background: rgba(255,255,255,.8);
    padding: 0 10px!important;
    pointer-events: all;
}
.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span{
     font-size: 60px;
     color: #000000;
}
@media screen and (max-width:1800px){
        .hiddens{
        display:none!important;
    }
}
@media (max-width:1400px){
    .industrial .all-container>img{
        max-width: 100%;
    }
    .industrial .content-container .left{
        width: 55%;
    }
    .banner .top_nav,.banner .top{
        padding: 0 .31rem;
    }
    .industrial{
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width:1080px){
    .banner{
        min-height: 150px;
        background: rgb(41,45,58);;
    }
    .banner img{
        display: none;
    }
    .enterprise{
        top: 0;
    } 
    .knowledge{
        padding-bottom: 50px;
    }
    .industrial .content-container{
        flex-direction: column;
    }
    .industrial .content-container .left,.industrial .content-container .right{
        width: 100%;
    }
    .industrial{
        background: #353a4d;
        padding-left: 15px;
        padding-right: 15px;
    }
    .industrial .content-container .right ul li a .img{
        width: 50%;
    }
    .industrial .content-container .right ul li a .title-smalltext-time{
        max-width: 50%;
    }
    .knowledge-body-right>a{
        width: 100%;
    }
    .enterprise .buttons{
        left: 1rem;
    }
    
    
}
@media (max-width:768px){
   
  
    .enterprise-body,.enterprise .buttons{
        display: none;
    }
    .enterprise-body1{
        display: block;
        overflow-x: auto;
    }
    .enterprise-body1 .flexbtw{
        display: block;
        white-space: nowrap;
    }
    .enterprise-body1 .swiper>a{
        display: inline-block;
        width: 65%;
        margin-right: 20px;
    }
    .enterprise-content-title{
        margin-bottom: 20px;
    }
    .industrial{
        padding-top: 1px;
        margin-bottom: 0;
    }
    .industrial .all-container a,.industrial .content-container .right a{
        font-size: 18px;
    }
    .industrial{
        top: 0;
    }
    .industrial .content-container .left{
        margin-top: 30px;
    }
    .industrial .content-container .right ul li a{
        flex-wrap: wrap;
    }
    .industrial .content-container .right ul li a .img{
        width: 100%;
    }
    .industrial .content-container .right ul li a .title{
        font-size: 16px;
    }
    .industrial .content-container .right ul li a .img,.industrial .content-container .right ul li a .title-smalltext-time{
        max-width: 100%;
    }
}