@charset "utf-8";
.hxcp{background: #19d3c5;position: relative;padding: 85px 30px 70px 30px;margin-bottom:60px;}
.hxcp:before{position: absolute;background: url(../images/a_70.png);width: 46px;height: 38px;background-size: 100% 100%;left:20px; top: 27px;content: "";}
.hxcp p{/* text-align: center; */font-size: 28px;color: #007481;position: relative;overflow: hidden;}
.hxcp p b{color: #fff;}
.hxcp .hxcp_line{display: inline;color: #007481;}
.hxcp .hxcp_line.animate{--progress: 0%;background: linear-gradient(to right, #fff var(--progress), #007481 var(--progress));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;}

.ghhd{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;padding: 0 0 135px 0;}
.ghhd_text{width: 50%; padding-right: 40px;}
.ghhd_text h2{font-size: 48px;font-weight: bold;}
.ghhd_text p{font-size: 28px; line-height: 1.6;margin-top: 30px;}
.ghhd_img {width: 50%; padding-left: 40px;}
.ghhd_img img{width: 100%;}

.cslb_title{padding: 135px 0 42px;}
.shbq2 ul{display: flex;gap:30px;flex-wrap: wrap;}
.shbq2 a{display: block;min-width: 164px;text-align: center; line-height: 52px;border-radius: 6px;border: 1px solid #19d3c5;background: #f5f5f5;font-size: 18px;transition: all .5s;padding: 0 20px;}
.shbq2 a b{display: inline-block;background: url(../images/a_24.png);width: 8px;height: 14px;background-size: 100% 100%;vertical-align: middle; margin: -3px 0 0 8px;}
.shbq2 li.cur a{background: #19d3c5;color: #fff;}
.shbq2 li.cur a b{background: url(../images/a_25.png);background-size: 100% 100%;}
.shbq2 li a:hover{background: #19d3c5;color: #fff;}
.shbq2 li a:hover b{background: url(../images/a_25.png);background-size: 100% 100%;}

.sscq ul{display: flex;flex-wrap: wrap;gap:35px;padding-bottom: 80px;}
.sscq li{width: calc(33.333% - 70px/3);padding-bottom: 30px;}
.sscqbox{border-radius: 10px; padding: 10px;background: #f5f5f5;transition: all .5s;}
.sscqbox span{display: block;border-radius: 10px;overflow: hidden;}
.sscqbox span img{width: 100%; object-fit: cover;aspect-ratio: 484 / 330;transition: all 1s;}
.sscqbox p{line-height: 128px;font-size: 28px;padding: 0 25px 0 8px;display: flex;justify-content: space-between;align-items: center;}
.sscqbox p b{width: calc(100% - 70px);overflow: hidden; text-overflow:ellipsis; white-space: nowrap;transition: all .5s;}
.sscqbox p em{width:42px;height: 42px;border-radius: 50%;background: url(../images/a_13.png) no-repeat center center #19d3c5;}
.sscqbox:hover{background: #037481;box-shadow: 0 15px 15px rgba(0, 0, 0, .1);  }
.sscqbox:hover span img{transform: scale(1.1);}
.sscqbox:hover p{color: #fff;}

.cslb_title{padding: 0 0 42px;}
.cslb_title p{font-size: 28px;line-height: 1;margin-top: 40px;}
.cslb_title p b{position: relative;z-index: 10;transition: all .5s;}
.cslb_title p span{display: inline-block;padding: 10px 0; position: relative;}
.cslb_title p span:before{position: absolute;content: "";height: 3px;width: 100%;background: #007481;left: 0;bottom: 0;transition: all .6s;}
.cslb_title p span:hover b{color: #fff;}
.cslb_title p span:hover:before{height: 100%;}
.bg1{background: #1c355e;margin: 0 0 102px;}
.bszs_title{padding: 70px 0 40px;text-align: center;}
.bszs_title p{color: #fff;line-height: 48px;font-size: 28px;margin-top: 10px;}

.hdgh{padding-bottom: 82px;}
.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 ul{margin-top: 10px;}
.bsbox li{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;font-size: 18px;line-height: 2;position: relative;padding-left: 18px;}
.bsbox li:before{position: absolute;content: "";width: 5px;height: 5px;left: 7px;border-radius: 50%;background: #19d3c5;top: 50%;transform: translateY(-50%);}
.bsbox a:hover{border: 2px solid #19d3c5;}
.bsbox a:hover span img{transform: scale(1.1);}
.bs-product-list-template-alt-b .swiper-slide{height:auto;display:flex;}
.bs-product-list-template-alt-b .bsbox{width:100%;display:flex;}
.bs-product-list-template-alt-b .bsbox a{display:flex;flex-direction:column;height:100%;}
.bs-product-list-template-alt-b .bsbox h2{display:block;overflow:visible;-webkit-line-clamp:unset;white-space:normal;text-overflow:clip;}
.bs-product-list-template-alt-b .bsbox p{display:block;height:auto;overflow:visible;-webkit-line-clamp:unset;}
.bs-product-list-template-alt-b .bsbox li{display:block;overflow:visible;-webkit-line-clamp:unset;white-space:normal;text-overflow:clip;}
.bs-product-list-template-alt-b .bsbox li:before{top:1em;transform:translateY(-50%);}
.bs-product-list-template-alt-b .bsbox li br{display:block;}
.dznr{margin: 100px 0;}

@media only screen and (min-width: 1200px) {
.hxcp{background: #19d3c5;position: relative;padding: 4.4270833333vw 1.5625vw 3.6458333333vw 1.5625vw;margin-bottom:3.125vw;}
.hxcp:before{position: absolute;background: url(../images/a_70.png);width: 2.3958333333vw;height: 1.9791666667vw;background-size: 100% 100%;left:1.0416666667vw; top: 1.40625vw;content: "";}
.hxcp p{/* text-align: center; */font-size: 1.4583333333vw;color: #007481;position: relative;overflow: hidden;}
.hxcp p b{color: #fff;}
.hxcp .hxcp_line{display: inline;color: #007481;}
.hxcp .hxcp_line.animate{--progress: 0%;background: linear-gradient(to right, #fff var(--progress), #007481 var(--progress));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;}

.ghhd{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;padding: 0 0 7.03vw 0;}
.ghhd_text{width: 50%; padding-right: 2.0833333333vw;}
.ghhd_text h2{font-size: 2.5vw;font-weight: bold;}
.ghhd_text p{font-size: 1.4583333333vw; line-height: 1.6;margin-top: 1.5625vw;}
.ghhd_img {width: 50%; padding-left: 2.0833333333vw;}
.ghhd_img img{width: 100%;}

.cslb_title{padding: 7.03125vw 0 2.1875vw;}
.shbq2 ul{display: flex;gap:1.5625vw;flex-wrap: wrap;}
.shbq2 a{display: block;min-width: 8.5416666667vw;text-align: center; line-height: 2.7083333333vw;border-radius: 0.3125vw;border: 1px solid #19d3c5;background: #f5f5f5;font-size: 0.9375vw;transition: all .5s;padding: 0 1.0416666667vw;}
.shbq2 a b{display: inline-block;background: url(../images/a_24.png);width: 0.4166666667vw;height: 0.7291666667vw;background-size: 100% 100%;vertical-align: middle; margin: -0.15625vw 0 0 0.4166666667vw;}
.shbq2 li.cur a{background: #19d3c5;color: #fff;}
.shbq2 li.cur a b{background: url(../images/a_25.png);background-size: 100% 100%;}
.shbq2 li a:hover{background: #19d3c5;color: #fff;}
.shbq2 li a:hover b{background: url(../images/a_25.png);background-size: 100% 100%;}

.sscq ul{display: flex;flex-wrap: wrap;gap:1.8229166667vw;padding-bottom: 4.1666666667vw;}
.sscq li{width: calc(33.333% - 3.6458333333vw/3);padding-bottom: 1.5625vw;}
.sscqbox{border-radius: 0.5208333333vw; padding: 0.5208333333vw;background: #f5f5f5;transition: all .5s;}
.sscqbox span{display: block;border-radius: 0.5208333333vw;overflow: hidden;}
.sscqbox span img{width: 100%; object-fit: cover;aspect-ratio: 484 / 330;transition: all 1s;}
.sscqbox p{line-height: 6.6666666667vw;font-size: 1.4583333333vw;padding: 0 1.3020833333vw 0 0.4166666667vw;display: flex;justify-content: space-between;align-items: center;}
.sscqbox p b{width: calc(100% - 3.6458333333vw);overflow: hidden; text-overflow:ellipsis; white-space: nowrap;transition: all .5s;}
.sscqbox p em{width:2.1875vw;height: 2.1875vw;border-radius: 50%;background: url(../images/a_13.png) no-repeat center center #19d3c5;background-size: 0.937vw auto;}
.sscqbox:hover{background: #037481;box-shadow: 0 0.78125vw 0.78125vw rgba(0, 0, 0, .1);  }
.sscqbox:hover span img{transform: scale(1.1);}
.sscqbox:hover p{color: #fff;}

.cslb_title{padding: 0 0 2.1875vw;}
.cslb_title p{font-size: 1.4583333333vw;line-height: 1;margin-top: 2.0833333333vw;}
.cslb_title p b{position: relative;z-index: 10;transition: all .5s;}
.cslb_title p span{display: inline-block;padding: 0.5208333333vw 0; position: relative;}
.cslb_title p span:before{position: absolute;content: "";height: 0.15625vw;width: 100%;background: #007481;left: 0;bottom: 0;transition: all .6s;}
.cslb_title p span:hover b{color: #fff;}
.cslb_title p span:hover:before{height: 100%;}
.bg1{background: #1c355e;margin: 0 0 5.3125vw;}
.bszs_title{padding: 3.6458333333vw 0 2.0833333333vw;text-align: center;}
.bszs_title p{color: #fff; font-size: 2.5vw; font-weight: bold;}

.hdgh{padding-bottom: 4.2708333333vw;}
.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 ul{margin-top: 0.5208333333vw;}
.bsbox li{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;font-size: 0.9375vw;line-height: 2;position: relative;padding-left: 0.9375vw;}
.bsbox li:before{position: absolute;content: "";width: 0.2604166667vw;height: 0.2604166667vw;left: 0.3645833333vw;border-radius: 50%;background: #19d3c5;top: 50%;transform: translateY(-50%);}
.bsbox a:hover{border: 2px solid #19d3c5;}
.bsbox a:hover span img{transform: scale(1.1);}
.dznr{margin: 5.2083333333vw 0;}
}



@media screen and (max-width: 1200px) {
.hxcp p br{display: none;}
.hxcp{ padding: 1rem .35rem;border-radius: .1rem;margin-bottom:.5rem;}
.hxcp:before{width: .9rem;height: .74rem;opacity: .3;left: .35rem;top: .5rem;}
.hxcp p{font-size: .34rem;text-align: left;line-height: 1.6;font-weight: bold;position: relative;overflow: hidden;}
.hxcp p b{font-weight: bold;}
.hxcp .hxcp_line{display: inline;color: #007481;}
.hxcp .hxcp_line.animate{--progress: 0%;background: linear-gradient(to right, #fff var(--progress), #007481 var(--progress));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;}

.ghhd{display: block;padding-bottom:.5rem;}
.ghhd_text{width: 100%; padding: 0;}
.ghhd_text h2{font-size: .36rem;}
.ghhd_text p{font-size: .26rem;margin-top: .3rem;line-height: 1.6;}
.ghhd_img{width: 100%; padding: .4rem 0 0 0;}
.cslb_title{padding: 0 0  .35rem 0;}
.shbq2 ul{gap:.5rem;}
.shbq2 li{width:calc(50% - .5rem/2)}
.shbq2 a{width: 100%;text-align: center; line-height: .76rem;font-size: .26rem;min-width: auto;padding: 0;}
.shbq2 a b{width: .1rem ;height: .18rem;margin-left: .1rem;}
.shbq2  ul li:nth-child(1){ width: calc(55% - .5rem/2);}
.shbq2  ul li:nth-child(2){ width: calc(45% - .5rem/2);}
.cslb_title p{margin-top: .3rem;font-size: .3rem;line-height: 1.6;}
.cslb_title p span{padding: 0;}
.bsbox a{padding:.3rem ;}
.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 li{font-size: .26rem;}
.bsbox p{padding: 0 .12rem;}
.bszs_title p{text-align: left;}

.sscq ul{gap:.2rem;padding-bottom: .6rem;padding-top: 0;}
.sscq li{width: calc(50% - .2rem/2);padding-bottom: .2rem;}
.sscqbox{padding: .1rem;border-radius: .1rem;}
.sscqbox span{padding: 0;height: auto;border-radius: .1rem;}
.sscqbox span img{width: 100%; object-fit: cover;aspect-ratio: 320 / 220;}
.sscqbox:hover img{transform: scale(1.1);}
.sscqbox p{padding: 0 .1rem;}
.sscqbox p b{line-height: .8rem; padding: 0;font-size: .28rem;width: calc(100% - .5rem);}
.sscqbox p em{width: .3rem;height: .3rem;background-size: .13rem .11rem;}

.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 li{font-size: .26rem;}
.bsbox p{padding: 0 .12rem;}
.bszs_title p{text-align: left;}

.bszs_title{padding: .75rem 0 .3rem;}
.bszs_title h2{font-size: .36rem;}
.bszs_title p{font-size: .26rem; line-height: 1.6;margin-top: .3rem;}
.bszs{padding-bottom: .7rem;margin-bottom: .8rem;}
.bszs_content .swiper{padding-bottom: 1rem;}
.bszs_content .swiper-pagination-bullet{opacity: 1;width: .24rem;height: .24rem;background: #fff;}
.bszs_content .swiper-pagination-bullet-active{background: #19d3c5;}
.bszsbox{padding: .25rem;border-radius: .1rem; border: 2px solid #19d3c5;}
.bszsbox img{border-radius: .1rem;width: 100%; object-fit: cover;aspect-ratio: 635 / 380;:}
.bszsbox span{border-radius: .1rem;height: auto;}
.bszsbox h2{margin: .35rem 0 .2rem 0;font-size: .3rem;}
.bszsbox p{font-size: .26rem; line-height: 1.6;height: 8em;margin: 0;}
.bg1{background: #1c355e;margin:0 0 .8rem 0;}

.dznr{margin: .9rem 0;}
}