/*models&&service*/
.pro_body{ background: #E1E5E8;}
.product-part01 li{margin-bottom:5%;}
.product-part01 li dl{ background: #fff;}
.product-part01 li dt{ float: left; widtH:58.8%;}
.product-part01 li dd{ float: right;width: 41.2%; padding:5% 5% 2%;}
.product-part01 li dd h2{line-height: 1.3; max-height: 3.9em; /*height: 3.9em;*/ height: auto!important; margin-bottom: 5%;}
.product-part01 li dd .c{color:#808080; line-height: 1.8; height: 14.4em; margin-bottom: 5%;}
.product-part01 li:nth-child(2n) dt{ float: right;}
.product-part01 li:nth-child(2n) dd{ float: left;}

.product-part02 .wrap{position: relative; margin-bottom:6%;}
.product-part02 .txt{position: absolute; lefT:0; top:0; widtH:55%; height: 100%; padding:8% 5%; color:#fff;}
.product-part02 .txt h2{color:#0A9F9D; line-height: 1.3; max-height: 2.6em; height: 2.6em; margin-bottom: 5%;}
.product-part02 .txt p{ line-height: 1.8; max-height: 7.2em; height: 7.2em; margin-bottom:10%;}
.product-part02 .txt a.mores{color:#fff;}

.product-part03 .swiper-container{overflow: hidden;}

@media only screen and (max-width: 1365px) {
    .product-part01 li dd .c{ height: 10.8em;}
}

@media only screen and (max-width: 1023px) {
    .product-part02 .txt{padding:4% 5%;}
    .product-part01 li dd .c{ height:7.2em;}
}

@media only screen and (max-width:767px) { 
    .product-part01 li dt,.product-part01 li dd{ width:100%;}
    .product-part01 li dd{padding:5%;}
    .product-part02 .txt{position: static; padding:5% 0; width:100%;}
    .product-part02 .txt p{color:#000; margin-bottom: 5%;}
    .product-part02 .txt a.mores{color:#000;}
}


.models-part01{padding:4% 0;}
.models-part01 h2{font-weight: bold; text-align: center; margin-bottom: 2%;}
.models-part01 .con{padding:0 5%; line-height: 1.8; color:#797979;}
.models-part01 .con p{margin-bottom:2%;}
.models-part01 .con p:last-child{margin-bottom: 0;}

.models-part02{position: relative; overflow: hidden;}
.models-part02 .img{position: absolute; lefT:0; top:0;}
.models-part02 .img img{ widtH:100%;}
.models-part02 .wrap{ position: relative; z-index: 1; margin-top:11%; padding:3% 5%; background: #fff; border-radius: 5px; border:1px solid #FFFFFF;}
.models-part02 h2{font-weight: bold; margin-bottom: 2%;}
.models-part02 p{color:#727272; line-height:1.8; margin-bottom:3%;}
.models-part02 ul{margin: 7% 0 0;}
.models-part02 li{ float: left; width:25%; padding: 0 4%; margin-bottom: 2%; height: 78px; border-left:1px solid #DADADA;}
.models-part02 li h3{margin-bottom:5%;}
.models-part02 li i{font-weight: bold;}
.models-part02 li a{ color:#000;}
.models-part02 li a:hover{color:#0A9F9D;}

.models-part03{position: relative;}
.mp03_top{ background:#0A9F9D; border-radius: 5px; overflow: hidden;}
.mp03_top dt{ float: right; width:57.7%;}
.mp03_top dd{ float: left; width:40%; color:#fff; padding:5% 6%;}
.mp03_top dd h2{line-height: 1.2; height: 2.4em; overflow: hidden; margin-bottom: 5%;}
.mp03_top dd .c{line-height: 1.8; height: 12.6em;}
.mp03_con{padding:4% 6% 0;margin-top:2%;}
.dolor-item{margin: 5% 6%;}
.dolor-item h2{color:#000; margin-bottom: 3%;}
.dolor-item ul{ position: relative; overflow: hidden;}
.dolor-item ul::after{content: ""; position: absolute; lefT:50%; top:0; widtH:1px; height: 95%; background: #C7C7C7;}
.dolor-item li{ float: left; widtH:42%; margin-bottom: 1%; color:#727272;}
.dolor-item li:nth-child(2n){ float: right;}

@media only screen and (max-width:1599px) { 
    .mp03_top dd .c{ height: 10.8em;}
}
@media only screen and (max-width:1365px) { 
    .mp03_top dd .c{ height: 9em;}
}
@media only screen and (max-width:1023px) { 
    .mp03_top dt,.mp03_top dd{width:100%;}
    .mp03_top dd h2{ height: auto;}
}
@media only screen and (max-width:767px) { 
    .models-part01 .con{padding:0;}
    .models-part02 li{widtH:50%;}
    .mp03_con{padding:5% 0 0;}
    .dolor-item{margin: 5% 0;}
    .dolor-item li{ widtH:100%;}
    .dolor-item ul::after{ display: none;}
}


.modelstype-part01{margin-top: 5%;}
.modelstype-part01 dl{ background: #fff;}
.modelstype-part01 dt{ float: left; widtH:58.8%;}
.modelstype-part01 dd{ float: right;width: 41.2%; padding:5% 5% 2%;}
.modelstype-part01 dd h2{line-height: 1.3; max-height: 3.9em; /*height: 3.9em;*/ height: auto!important; margin-bottom: 5%;}
.modelstype-part01 dd .c{color:#808080; line-height: 1.8; height: 14.4em; margin-bottom: 15%;}

.modelstype-part02{border-bottom:1px solid #C7C7C7;}
.modelstype-part02 .dolor-item h2{ text-align: center;}

.modelstype-part03{padding-bottom: 5%;}
.modelstype-part03 .mp03_top dt{ float: left;}
.modelstype-part03 .mp03_top dd{ float: right;}


@media only screen and (max-width: 1365px) {
    .modelstype-part01 dd .c{ height: 10.8em;}
}
@media only screen and (max-width: 1023px) {
    .modelstype-part01 dd .c{ height: 7.2em;}
}
@media only screen and (max-width: 767px) {
.modelstype-part01 dt, .modelstype-part01 dd{ width:100%;}
.modelstype-part01 dd{padding:5%;}
.modelstype-part01 dd .c{margin-bottom: 5%;}
}



.inbanner .searbox+p a.on{ color:#2D9997!important; font-size: 14px;}

.service-part01{margin: 5% 0 2%;}
.service-part02{color:#fff; padding: 5% 0; background-size: cover; background-position: center; background-repeat: no-repeat;}
.service-part02 .con{color:#fff;}
.service-part03{padding:5% 0 0;}
.service-part03 h2{margin-bottom: 3%;}
.service-part04{padding:5% 0;}
.service-part04 h2{ text-align: center; padding-bottom:3%; margin-bottom: 5%; border-bottom: 1px solid #C9C9C9;}

.service-dets01{margin-bottom: 5%;}

.obesity_party03{padding:7% 0; text-align: center; }
.obesity_party03 h2{color:#fff;}
.obesity_party03 .btn{color:#fff!important; display: block; width:200px; margin: 3% auto 0;font-weight: bold; line-height: 54px; border-radius: 30px; background: #00867D; border:none;}

@media only screen and (max-width:767px) {
.obesity_party03{padding:10% 0;}
.obesity_party03 .btn{ height: 40px; line-height: 40px; width:120px;}
}

@media only screen and (min-width: 1025px) {
    .xx{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
    .obesity_party03 .btn:hover{ background: #3A424F;}
}
/*models&&serviceend*/


/*20221206 add*/
.privacy-part{padding:4% 5%;}
@media only screen and (max-width:767px) {
    .privacy-part{padding:5% 0;}
}

.about-part01{ padding:5% 0;}
.about-part01 dl{ background: #fff;}
.about-part01 dt{ float: left; widtH:34.58%;}
.about-part01 dd{ float: right;width:65.42%; padding:4% 8% 2%;}
.about-part01 dd h2{line-height: 1.2; font-weight: bold; margin-bottom: 5%;}
.about-part01 dd .c{color:#727272; line-height: 1.8; height: 24em;}
.about-part01 dd .c p{margin-bottom: 4%;}
.about-part01 dd .c p:last-child{margin-bottom: 0;}

.about-part02{padding: 6% 0; text-align: center; color: #fff;}
.about-part02 h2{margin-bottom:3%;font-weight: bold;}
.about-part02 h2+a{display: block; margin: 0 auto;color: #fff!important;font-weight: bold; widtH:200px; height: 54px; line-height: 54px; border-radius: 30px; background: #00867D;}


.about-part03{padding: 6% 0; text-align: center; color: #fff;}
.about-part03 h2{margin-bottom:6%;font-weight: bold;}
.about-part03 .his_tit{position: relative;}
.about-part03 .his_tit .line{ position: absolute; lefT:0; top:90px; width:100%; height: 1px; background: #00867D;}
.about-part03 .his_tit li{ text-align: center; cursor: pointer;}
.about-part03 .his_tit li .year{ height:136px;position: relative;}
.about-part03 .his_tit li .year span{position: absolute; left: 0; bottom:0; widtH:100%; line-height: 1; color:#0EADAB;}
.about-part03 .his_tit li .year em{ position: absolute; left:50%; margin-left:-10px; top:80px; width:19px; height: 19px; border-radius: 50%; background: rgba(14,173,171,0.5);}
.about-part03 .his_tit li .year em::before{content: ""; position: absolute; left:6px; top:6px; width:7px; height: 7px;border-radius:50%; background: #fff;}
.about-part03 .his_tit li.on .year em{ background: #fff;}
.about-part03 .his_tit li.on .year em:before{left:5px; top:5px; width:9px; height: 9px;background: #0EADAB; }
.about-part03 .his_tit li.on .year span{ font-size: 60px; color:#fff; bottom:auto; top:0;}
.about-part03 .his_tit .swiper-button-prev,.about-part03 .his_tit .swiper-button-next{ width:56px; height: 56px; line-height: 56px; text-align: center; color:#fff;border-radius: 3px; background: #0A9F9D;}
.about-part03 .his_tit .swiper-button-prev.swiper-button-disabled,.about-part03 .his_tit .swiper-button-next.swiper-button-disabled{opacity: 1; color:#000; background: #fff;}
.about-part03 .his_tit .swiper-button-prev{left:2%; top:62px; margin-top: 0;}
.about-part03 .his_tit .swiper-button-next{right:2%;top:62px; margin-top: 0;}
.about-part03 .his_con{padding:0 10% 5%;}
.about-part03 .his_con h3{margin-bottom: 2%;}
.about-part03 .his_con p{line-height: 1.8;height: 5.4em; overflow: hidden;}

.about-part04{padding: 6% 0;}
.about-part04 h2{margin-bottom:3%;font-weight: bold; text-align: center;}
.about-part04 li{ float: left; widtH:100%; background: #fff; margin-bottom:3%; border:1px solid #fff; border-radius:3px; overflow: hidden;}
.about-part04 li dt{ float: left; width:23.61%;}
.about-part04 li dt img{height:100%;}
.about-part04 li dd{padding:4%; float: right; widtH:76.39%;}
.about-part04 li dd h3{font-weight: bold;}
.about-part04 li dd h4{font-weight: bold;position: relative; padding-bottom:2%; margin-bottom:3%;}
.about-part04 li dd h4::after{ content: ""; position: absolute; left:0; bottom:0; widtH:60px; height: 1px; background: #0A9F9D;}
.about-part04 li dd .c{ line-height: 1.8; height: 14.4em;color:#727272;}

.about-part01.an dt{ float: right;}
.about-part01.an dd{ float: left;}

.facilities-part01{padding:4% 0; background: #fff;}
.facilities-part01 .wrap{padding:0 5%;}

.distributor-part01{padding:5% 0;}

@media only screen and (max-width:1599px) {
.about-part01 dd .c{ height: 22em;}
.about-part04 li dd .c{ height: 12.6em;}
}
@media only screen and (max-width:1439px) {
    .about-part01 dd .c{ height: 21em;}
}
@media only screen and (max-width:1365px) {
    .about-part01 dd .c{ height: 22em;}
    .about-part03 .his_tit li.on .year span{ font-size: 48px;}
    .about-part03 .his_tit .swiper-button-prev,.about-part03 .his_tit .swiper-button-next{ top:70px; widtH:40px; height: 40px; line-height: 40px;}
}
@media only screen and (max-width:1279px) {
    .about-part01 dd .c{ height: 18em;}
    .about-part03 .his_con{padding:0 0 3%;}
    .about-part04 li dd .c{ height: 9em;}
    .facilities-part01 .wrap{padding:0;}
}
@media only screen and (max-width:1023px) {
    .about-part01 dd .c{ height: 13em;}
    .about-part04 li dd .c{ height: 7.2em;}
}
@media only screen and (max-width:767px) {
    .about-part01 dt,.about-part01 dd{widtH:100%;}
    .about-part01 dd{padding:5%;}
    .about-part02{padding:10% 0;}
    .about-part02 h2+a{height: 40px; line-height: 40px; widtH:120px;}
    .about-part03 .his_tit li.on .year span{ font-size: 24px; top:35px;}
    .about-part03 .his_con p{height: 7.2em;}
    .about-part04 li{ widtH:100%; margin: 0 0 5%;}
    .about-part04 li dt,.about-part04 li dd{widtH:100%;}
}

@media only screen and (min-width:1025px) {
    .about-part03 .his_tit li .year,.about-part03 .his_tit li .year span,.about-part03 .his_tit li .year em,
    .about-part03 .his_tit li .year em::before,.about-part03 .his_tit .swiper-button-prev,.about-part03 .his_tit .swiper-button-next,.about-part04 li{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
    .about-part04 li:hover{ color:#fff; background: #0A9F9D;}
    .about-part04 li:hover h4,.about-part04 li:hover .c{color:#fff;}
    .about-part04 li:hover h4::after{ background: #fff;}
    

}


/*2023-11-13*/
.video_tbox iframe{height: 400px;}

.video_appbox.show .video_t{height: auto;}
.video_close {
    position: absolute;
    top: -45px;
    right: 0;
    cursor: pointer;
    z-index: 99999;
}

.about_vbox{margin: 5% 0;background:#fff;padding: 4% 7.5%;}
.about_vbox dl{;overflow: hidden;}
.about_vbox dt,.about_vbox dd{height: 100%;}
.about_vbox dt{float: right;width: 50.3%;position: relative;overflow: hidden;}
.about_vbox dt a{display: block;position: relative;}
.about_vbox dt a:after{content:"";position: absolute;top:0;left: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.15);}
.about_vbox dt i{width: 80px;height: 80px;border-radius: 50%;border:3px solid #fff;z-index: 9;}
.about_vbox dt i img{width: 30px;height: 34px;}
.about_vbox dd{float: left;width: 45%;}
.about_vbox dd h2{font-weight:bold;margin-bottom:20px;line-height:1.2em;}
.about_vbox dd p{height: calc(100% - 55px);overflow: hidden;}
.about_vbox dt a>img{    transition: 0.5s all;-webkit-transition: 0.5s all;}
@media only screen and (min-width:1025px) {
.about_vbox dt:hover a>img{transform: scale(1.05,1.05);-webkit-transform: scale(1.05,1.05);}
}
@media only screen and (max-width:1440px) {
.about_vbox{padding: 4%;}

}
@media only screen and (max-width:1024px) {
.about_vbox dt i{width: 60px;height: 60px;border:2px solid #fff;}
.about_vbox dt i img{width: 20px;height: 23px;}
}
@media only screen and (max-width:767px) {
.about_vbox{padding:10px}
.about_vbox dl{height: auto !important;}
.about_vbox dt,.about_vbox dd{width:100%;float: none;}
.about_vbox dt{margin-bottom: 10px;}
.about_vbox dd h2{margin-bottom: 5px;}
.about_vbox dt i{width: 50px;height: 50px;border:2px solid #fff;}
}