@charset "utf-8";

.dznr2{display: flex;padding: 35px;position: relative;border-radius: 10px;background: #1c355e;justify-content: space-between;align-items: center;}
.dznr2_text{width: 50%;padding-right: 60px;}
.dznr2_text h2{font-weight: bold; color: rgb(255, 255, 255);font-size: 32px;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;margin-bottom: 25px;}
.dznr2_text p{color: rgb(255, 255, 255);font-size: 18px;line-height: 28px;}
.dznr2_text p b{font-size: 48px;}
.dznr2_img{width: 50%;}
.dznr2_img img{width: 100%;border-radius: 10px;aspect-ratio: 762 / 429;}
.dznr{margin-bottom: 120px;}

.dznr2{margin-bottom: 110px;}

.xjln .async{padding-bottom:110px;}
.xjln .async img{max-width:100%;height:auto;display:block;object-fit:contain;margin:0 auto;}

.shfw_title{padding-bottom: 90px;font-size: 48px;}
.shfw_title p{font-size: 28px; line-height: 1.6;}

.yhsj{padding-bottom: 110px;}
.yhsj_list{font-size: 18px; line-height: 28px;}
.yhsj_list h2{font-weight: bold;font-size: 48px;margin-bottom: 50px;}
.yhsj_list ul{display: flex;gap:27px;flex-wrap: wrap;justify-content: center;}
.yhsj_list li{flex: 1;border-radius: 10px;border: 2px solid #f5f5f5;padding: 80px 20px;background: #f5f5f5;cursor: pointer;transition: all 1s;}
.yhsj_list h3{font-size: 28px;margin: 100px 0 50px;line-height: 1;}
.yhsj_list img{height: 75px;}
.yhsj_list li:hover{background: #fff;border: 2px solid #19D3C5;box-shadow:0 0 10px rgba(0, 0, 0, .2);  }

.shzr h2{font-weight: bold;font-size: 48px;margin: 105px 0 50px;}
.shzrbox{border-radius: 10px; padding: 10px;background: #f5f5f5;transition: all 1s;}
.shzrbox span{display: block;overflow: hidden;border-radius: 10px;}
.shzrbox img{width: 100%; object-fit: cover;aspect-ratio: 487 / 300;transition: all 1s;}
.shzrtext {padding: 35px 0 30px 10px;}
.shzrtext h3{font-size: 24px;margin-bottom: 20px;transition: all .6s;}
.shzrtext p{font-size: 17px; line-height: 28px;color: #666;transition: all .6s;}
.shzrbox:hover{background: #037481;}
.shzrbox:hover img{transform: scale(1.1);}
.shzrbox:hover p{color: #fff;}
.shzrbox:hover h3{color: #fff;}
.kflx{padding-bottom: 120px;}

.bsbox{width:100%;height:100%;}
.bsbox a span img{width: 100%; object-fit: cover;aspect-ratio: 460 / 297;transition: all 1s;}
 .bsbox a{display:flex;flex-direction:column;height:100%;}
bsbox a{border-radius: 10px;border: 2px solid #e3e3e3;background: #fff;display: block;transition: all .5s;padding: 30px 25px;}
.bsbox a span{display: block;border-radius: 10px; overflow: hidden;}
.bsbox a span img{width: 100%; object-fit: cover;aspect-ratio: 460 / 297;transition: all 1s;}
.bsbox h2{font-size: 32px;margin: 30px 0 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.bsbox p{font-size: 18px;color: #666666;line-height: 1.6;height: 3.2em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.bsbox a {
    border-radius: 10px;
    border: 2px solid #e3e3e3;
    background: #fff;
    display: block;
    transition: all .5s;
    padding: 30px 25px;
}
.bsbox li {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 18px;
    line-height: 2;
    position: relative;
}



@media only screen and (min-width: 1200px){
/*3-1核心产品目录页1*/

.dznr2 { display: flex; padding: 1.8229166667vw; position: relative; border-radius: 0.5208333333vw; background: #1c355e; justify-content: space-between; align-items: center; }
.dznr2_text { width: 50%; padding-right: 3.125vw;font-size: 0.9375vw;  }
.dznr2_text h2 { font-weight: bold; color: rgb(255, 255, 255); font-size: 1.6666666667vw; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 1.3020833333vw; }
.dznr2_text p { color: rgb(255, 255, 255); font-size: 0.9375vw; line-height: 1.4583333333vw; }
.dznr2_text p b { font-size: 2.5vw; }
.dznr2_img { width: 50%; }
.dznr2_img img { width: 100%; border-radius: 0.5208333333vw; aspect-ratio: 762 / 429; }

.dznr2 { margin-bottom: 5.7291666667vw; }

.xjln .async { padding-bottom: 5.7291666667vw; }
.xjln .async img { max-width: 100%; height: auto; display: block; object-fit: contain; margin: 0 auto; }

.shfw_title { padding-bottom: 4.6875vw; font-size: 1.4583333333vw;  }
.shfw_title p { font-size: 1.4583333333vw; line-height: 1.6; }
.yhsj { padding-bottom: 5.7291666667vw; }
.yhsj_list{font-size: 0.9375vw; line-height: 1.4583333333vw; }
.yhsj_list h2 { font-weight: bold; font-size: 2.5vw; margin-bottom: 2.6041666667vw; }
.yhsj_list ul { display: flex; gap: 1.40625vw; flex-wrap: wrap;justify-content: center; }
.yhsj_list li { width: calc(25% - 4.21875vw/4); border-radius: 0.5208333333vw; border: 0.1041666667vw solid #f5f5f5; padding: 4.1666666667vw 1.0416666667vw; background: #f5f5f5; cursor: pointer; transition: all 1s; }
.yhsj_list h3 { font-size: 1.4583333333vw; margin: 5.2083333333vw 0 2.6041666667vw; }
.yhsj_list img { height: 3.90625vw; }
.yhsj_list li:hover { background: #fff; border: 0.1041666667vw solid #19D3C5; box-shadow: 0 0 0.5208333333vw rgba(0, 0, 0, .2); }

.case_title{ padding:0 0 2vw 0;text-align: center; }
.case_title h2{font-weight: bold;font-size:2.5vw;}
.case_title p{font-size:1.25vw; margin-top: 1vw;}

.shzr{padding-bottom:6.25vw;}
.shzr h2{font-weight:bold;font-size:2.5vw;margin:0 0 2.60417vw;}
.shzrbox{border-radius:0.52083vw;padding:0.52083vw;background:#f5f5f5;transition:all 1s;}
.shzrbox span{display:block;overflow:hidden;border-radius:0.52083vw;}
.shzrbox img{width:100%;object-fit:cover;aspect-ratio:487/300;transition:all 1s;}
.shzrtext{padding:1.82292vw 0 1.5625vw 0.52083vw;}
.shzrtext h3{font-size:1.25vw;margin-bottom:1.04167vw;transition:all .6s;}
.shzrtext p{font-size:0.88542vw;line-height:1.45833vw;color:#666;transition:all .6s;}
.shzrbox:hover{background:#037481;}
.shzrbox:hover img{transform:scale(1.1);}
.shzrbox:hover p{color:#fff;}
.shzrbox:hover h3{color:#fff;}
.kflx{padding-bottom: 6.5vw;}

.bszsbox span{border-radius: 0.5208333333333334vw; overflow: hidden;}
.bszsbox{border-radius: 0.5208333333333334vw;background: #f5f5f5;transition: all 1s;padding-bottom: 1.0416666666666667vw;}
.bszsbox span{display: block;overflow: hidden;border-radius: 0.5208333333333334vw;height: 11.979166666666666vw;transition:all .6s ;}
.bszsbox span img{width: 100%; object-fit: cover;transition:all 1.5s;border-radius: 0.5208333333333334vw;}
.bszsbox h2{margin: 1.0416666666666667vw;font-size: 1.4583333333333333vw;transition:all .6s ;}
.bszsbox p{font-size: 0.9375vw; line-height: 1.4583333333333333vw;color: #666666;height: 4.5vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;margin: 0 1.0416666666666667vw;transition:all .6s ;}
.bszsbox:hover{background: #19d3c5;}
.bszsbox:hover h2{color: #fff;}
.bszsbox:hover p{color: #fff;}
.bszsbox:hover span{padding:0.5208333333333334vw 0.5208333333333334vw 0 0.5208333333333334vw;}
.dznr{margin-bottom: 5.208vw;}

.bsbox a{border-radius: 0.5208333333vw;border: 2px solid #e3e3e3;background: #fff;display: block;transition: all .5s;padding: 1.5625vw 1.3020833333vw;}
.bsbox a span{display: block;border-radius: 0.5208333333vw; overflow: hidden;}
.bsbox a span img{width: 100%; object-fit: cover;aspect-ratio: 460 / 297;transition: all 1s;}
.bsbox h2{font-size: 1.6666666667vw;margin: 1.5625vw 0 0.78125vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.bsbox p{font-size: 0.9375vw;color: #666666;line-height: 1.6;height: 3.2em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.bsbox a:hover{border: 2px solid #19d3c5;}
.bsbox a:hover span img{transform: scale(1.1);}
.dznr{margin:0 0 5.2083333333vw 0;}
.clys{padding-bottom: 6.5vw;}
.wjcl{padding-bottom: 6.5vw;}



}








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

}

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


}

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

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

}

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

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

}

@media screen and (max-width: 1200px) {
.dznr2{display: block;position: relative;padding: 4.4rem .45rem .85rem .45rem;margin-bottom: .8rem;}
.xjln .async{padding-bottom:.8rem;}
.dznr2_img{position: absolute;left: 50%;transform: translateX(-50%);top: .45rem;width: calc(100% - .9rem);}
.dznr2_text h2{font-size: .32rem;margin-bottom: .25rem;}
.dznr2_text{width: 100%; padding:.25rem 0 0 0;}
.dznr2_text p{font-size: .26rem;line-height: 1.6;}
.dznr2_text p b{font-size: .36rem;}
.dznr{margin-bottom: .85rem;}
.top_content{padding-bottom: 1.65rem;}

.shfw_title{padding: 0 0 .65rem;}
.shfw_title p{font-size: .3rem; line-height: 1.6;}
.yhsj_list{font-size: .26rem; line-height: 1.6;}
.yhsj_list h2{font-size: .36rem;margin-bottom: .4rem;}
.yhsj_list ul{gap:.25rem;flex-direction: column;}
.yhsj_list li{width: 100%; margin-bottom: .15rem;padding: .45rem .2rem;}
.yhsjbox img{height: .9rem;}
.yhsj_list h3{font-size: .3rem;margin: .5rem 0 .3rem;}
.yhsj{padding-bottom: .65rem;}

.case_title{ padding:0 0 .5rem 0; }
.case_title h2{font-weight: bold;font-size:.34rem;}
.case_title p{font-size:.26rem; line-height:1.6;margin-top:.25rem;}

.shzr{padding-bottom: .8rem;}
.shzrqh{position: relative;}
.shzrqh .swiper-button-next{width: .49rem;height: .49rem;border-radius: 50%;background:url(../images/a_24.png) no-repeat center center #f5f5f5;background-size: .08rem .14rem;right: 0;margin: 0;top: -.85rem;}
.shzrqh .swiper-button-next:hover{background: url(../images/a_25.png) no-repeat center center #19d3c5;background-size: .08rem .14rem;}
.shzrqh .swiper-button-prev{width: .49rem;height: .49rem;border-radius: 50%;background:url(../images/a_24a.png) no-repeat center center #f5f5f5;background-size: .08rem .14rem;top: -.85rem;left: auto;margin: 0;right: .6rem;}
.shzrqh .swiper-button-prev:hover{background: url(../images/a_25a.png) no-repeat center center #19d3c5;background-size: .08rem .14rem;}
.shzrqh .swiper-button-next:after,.shzrqh .swiper-button-prev:after{font-size: 0;}
.shzrtext{padding:.35rem .2rem .4rem .2rem ;}
.shzrtext h3{font-size: .3rem;margin-bottom: .2rem;}
.shzrtext p{font-size: .24rem;line-height: 1.6;}
.kflx{padding-bottom: 1rem;}

.hdgh{padding-bottom: .45rem;}
.bsbox h2{font-size: .3rem;margin: .4rem 0 .15rem;}
.bsbox p{font-size: .26rem;color: #666666;line-height: 1.6;}
.bsbox p{padding: 0 .12rem;}
.bszs_title p{text-align: left;}
.bszs_content .swiper{padding-bottom: 1rem;}
.bszs_content .swiper-pagination-bullet{opacity: 1;width: .24rem;height: .24rem;background: #f5f5f5;}
.bszs_content .swiper-pagination-bullet-active{background: #19d3c5;}
 .bsbox{width:100%;display:flex;}
 .bsbox a{display:flex;flex-direction:column;height:100%;}
 .bsbox h2{display:block;overflow:visible;-webkit-line-clamp:unset;white-space:normal;text-overflow:clip;}
 .bsbox p{display:block;height:auto;overflow:visible;-webkit-line-clamp:unset;}
 .bsbox ul{min-height: 2.3rem;}
  .bsbox li { padding: 0 0 0 .25rem;
        font-size: .26rem;
    }
.bsbox a{padding: .3rem;}
.clys{padding-bottom: 1rem;}
.wjcl{padding-bottom: 1rem;}
}