@charset "utf-8";
.pad1{ padding: .9rem 0; overflow: hidden;}

.tit1{ text-align: center;}
.tit1 h3{ font-size: .48rem; color: #000000; margin-bottom: .15rem;}
.tit1 .p{font-size: .18rem;color: #858585;line-height: 1.8;margin: 0 auto;height: .64rem;max-width: 100%;display: block;text-align: center;width: 5.7rem;}

.homea1{background: url(/images/homea1_b.jpg) center center no-repeat;background-size: cover;padding-bottom: 1.2rem;}

.lt1{ margin: 1rem 0;}
.lt1 li{ width: 25%; position: relative; text-align: center;}
.lt1 li::before{ content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: .32rem; background: #d0d0d0; transform: translateY(-50%);}
.lt1 h3 big{font-size: .75rem;color: #2bada1;font-family:'Heebo Medium';font-weight: normal;line-height: 1; transition: .5s;}
.lt1 h3 small{font-size: .3rem;
    color: #2bada1;
    font-family: 'Heebo Medium';
    font-weight: normal;}
.lt1 h6{font-size: .18rem;color: #222;margin: .04rem 0 0;}

.more1w{ justify-content: center;}
.more1w .more1{ margin: 0 .23rem;}

.more1{ justify-content: center; align-items: center; min-width: 1.74rem; height: .49rem; border-radius: 50vw; border: #2bada1 1px solid; font-size: .2rem; color: #222222; transition: .5s; padding: 0 .2rem;}

.lt2 li{ width: 33.33%;}
.lt2 .a{ display: block; position: relative;}
.lt2 .imgBox .img{ padding-bottom: 119.33%; background: #000}
.lt2 .imgBox .img img{opacity: .8;}
.lt2 .imgBox:after{content: "";display: block;left: 0;bottom: 0;right: 0;height: 1.5rem;background: linear-gradient(0deg, rgba(0,0,0,.6), transparent);position: absolute;transition: .5s;opacity: 0;}
.lt2 .txt{ position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; padding: 0 .4rem .36rem;}
.lt2 .top{ align-items: center}
.lt2 h4{ font-size: .3rem; color: #fff !important; flex: 1;  font-weight: bold; margin-bottom: .12rem;}
.lt2 i{ font-size: .36rem; color: #fff; font-family: 'lib'; opacity: 0; transition: .5s}
.lt2 p{ font-size: .14rem; color: rgba(255,255,255,.7);}

.more2{ width: 1.12rem; height: .37rem; border: #2bada1 1px solid; border-radius: 50vw; font-size: .16rem; color: #5b5b5b; align-items: center; padding: 0 .16rem; transition: .5s;}
.more2 i{ font-size: .16rem; color: #5b5b5b; font-family: 'lib'; transition: .5s;}

.tit2{align-items: flex-end;margin-bottom: .6rem;position: relative;}
.tit2 .ll{position: relative;padding: 0 0 0 .22rem;display: flex;flex-direction: column;align-items: flex-end;}
.tit2 .dot{ position: absolute; left: -.07rem; top: 0; width: .07rem; height: .07rem; background: #2bada1;}
.tit2 .dot:before{content: "";position: absolute;top: 100%;left: 100%;width: .65rem;height: 1px;background: #d7d7d7}
.tit2 .dot:after{content: "";position: absolute;top: 100%;left: 100%;width: 1px;height: .6rem;background: #d7d7d7}
.tit2.aos-init .dot:before{width: 0;transition: 1s .5s;}
.tit2.aos-animate .dot:before{width: 1rem;}
.tit2.aos-init .dot:after{ height: 0;transition: 1s .5s;}
.tit2.aos-animate .dot:after{ height: .6rem}

.tit2 h6{text-align: right;font-size: .16rem;color: #7a7a7a;line-height: 1;backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px);padding: 0 0 0 .1rem;}
.tit2 h3{font-size: .48rem;color: #000000;font-weight: bold;line-height: 1;margin: .06rem 0 0;}

.homea3{ padding-top: .2rem !important;}

.lt3{margin: 0 -.4rem;position: relative;z-index: 1;}
.lt3:before{content: "";position: absolute;left: .4rem;right: .4rem;top: .75rem;height: 1px;background: #dfdfe1}
.lt3 li{ width: 25%;}
.lt3 .a{ height: 1.9rem; flex-direction: column; justify-content: center; padding: 0 .4rem; position: relative; z-index: 1;}
.lt3 .a::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(/images/lt3_b.jpg) center center no-repeat;background-size: cover;z-index: -1;opacity: 0;transition: .5s;border: #2bada1 1px solid;border-radius: .08rem; box-shadow: 2.736px 7.518px 8px 0px rgba(43, 173, 161, 0.18);}
.lt3 .a:after{content: "";position: absolute;width: .03rem;height: .03rem;background: #2bada1;border-radius: 50vw;left: .4rem;top: .74rem; box-shadow: 2.736px 7.518px 8px 0px rgba(43, 173, 161, 0.18);}
.lt3 h6{font-size: .24rem;color: #2bada1;}
.lt3 h4{height: .6rem;margin: .3rem 0 0;white-space: normal;}

.homea4{ padding-top: .2rem !important;}

.tit2 .cc{ flex: 1; overflow: hidden; margin: 0 .8rem;}

.lt4{ position: relative; z-index: 1;}
.lt4::before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #b1b1b1;}
.lt4 li{ margin: 0 .16rem 0 0;}
.lt4 .a{display: block;padding: .04rem 0;font-size: .24rem;color: #b1b1b1;position: relative;line-height: .4rem;}
.lt4 .a::after{content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 2px;background: #2bada1;transition: .5s;}

.lt4 li.on .a::after{ width: 100%;}
.lt4 li.on .a{ color: #2bada1; font-weight: bold;}

.lt4 li:last-child{ margin-right: 0 !important;}

.homea4 .left{ width: 65.76%;}
.homea4 .right{ width: 32.5%;}

.lt5 .a{ display: block; position: relative;}
.lt5 .imgBox{ border-radius: .08rem;}
.lt5 .imgBox:after{content: "";display: block;left: 0;bottom: 0;right: 0;height: 2rem;background: linear-gradient(0deg, rgba(0,0,0,.6), transparent);position: absolute;transition: .5s;}
.lt5 .imgBox .img{ padding-bottom: 57.97%;}
.lt5 .txt{position: absolute;right: 0;bottom: 0;left: 0;z-index: 1;padding: 0 .56rem .34rem;}
.lt5 h4{ font-size: .2rem; color: #fff !important; font-weight: bold; }
.lt5 p{ color: rgba(255,255,255,.8); margin: .15rem 0 0}
.lt5 hr{ opacity: .4; margin: .22rem 0}
.lt5 h6{ font-size: .16rem; color: #2bada1; }

.lt5 .a{ display: block; position: relative;}

.lt6 .a{ display: block; position: relative;}
.lt6 .imgBox{ border-radius: .08rem;}
.lt6 .imgBox:after{content: "";display: block;left: 0;bottom: 0;right: 0;height: 1.5rem;background: linear-gradient(0deg, rgba(0,0,0,.6), transparent);position: absolute;transition: .5s;}
.lt6 .imgBox .img{ padding-bottom: 77.13%;}
.lt6 .txt{ position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; padding: 0 .36rem .24rem;}
.lt6 h6{ font-size: .16rem; color: #2bada1; }
.lt6 h4{ color: #fff !important; font-weight: bold;  margin: .04rem 0 0;}

.lt7{ margin: .2rem 0 0;}
.lt7 .a{height: 1.66rem;background: #fff;border: #2bada1 1px solid;border-radius: .08rem;padding: 0 .3rem;display: flex;align-items: center;position: relative;z-index: 1;}
.lt7 txt{ width: 100%}
.lt7 h6{ font-size: .16rem; color: #2bada1; }
.lt7 h4{color: #222222;font-weight: bold;margin: .04rem 0 0;}

.xygsBox{ overflow: visible;}
.xygsBox .box{ transition: .5s; opacity: .5;}
.xygsBox .swiper-slide-active .box{ opacity: 1;}

.homea4 .left1{ width: 48.75%;}
.homea4 .right1{ width: 49.72%;}

.lt8 .a{ display: block; position: relative;}
.lt8 .imgBox{ border-radius: .08rem;}
.lt8 .imgBox .img{ padding-bottom: 78.20%;}
.lt8 .txt{ position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; padding: 0 .36rem .24rem;}
.lt8 h4{color: #fff !important;font-weight: bold;margin: .04rem 0;}
.lt8 .top{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;display: flex;align-items: center;justify-content: center;}
.lt8 .top i{display: flex;justify-content: center;align-items: center;border: rgba(255,255,255,.5) 1px solid;border-radius: 50%;background: rgba(255,255,255,.15) url(../images/bf.png) center no-repeat;width: 7.8125vw;height: 7.8125vw;background-size: .32rem auto;}
.lt8 .imgBox:after{content: "";display: block;left: 0;bottom: 0;right: 0;height: 1.5rem;background: linear-gradient(0deg, rgba(0,0,0,.6), transparent);position: absolute;transition: .5s;}

.lt9{ margin: 0 -.11rem;}
.lt9 li{ width: 50%; padding: 0 .11rem;}
.lt9 .imgBox{ border-radius: .08rem;}
.lt9 .imgBox .img{ padding-bottom: 76.94%;}
.lt9 .txt{padding: .18rem 0 0;}
.lt9 h4{font-size: .2rem;color: #333;font-weight: bold;min-height: 0.6rem;}
.lt9 p{margin: .2rem 0 4vw;font-size: .14rem;color: #7d7d7d;}
.lt9 h6{ font-size: .16rem; color: #2bada1; }

.tit2w{ justify-content: center;}
.tit2w h3{ color: #fff}
.tit2w .dot:before{ background: rgba(255,255,255,.4)}
.tit2w .dot:after{ background: rgba(255,255,255,.4)}
.tit2w h6{ color: rgba(255,255,255,.5);}

.homea2{position: relative;z-index: 1;background: url(/images/homea2_b.jpg) center no-repeat;background-size: cover;background-attachment: fixed;}
.homea2 .before{content: "";position: absolute;bottom: 0;right: 0;left: 0;height: 3.5rem;z-index: -1;background: #f5f5f7;}

.section-parallax{ overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0;z-index: -1;pointer-events: none;}
.parallax-content{width: 100%;height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-size: cover !important; background-attachment: fixed !important;}

.homea5{ position: relative;}
.homea5 .imgBox{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;}
.homea5 .imgBox .img{ padding-bottom: 39.27%;}
.homea5 .wp{ flex-direction: column; align-items: center;}
.homea5 i{display: flex;justify-content: center;align-items: center;border: rgba(255,255,255,.5) 1px solid;border-radius: 50%;background: rgba(255,255,255,.15) url(../images/bf.png) center no-repeat;width: 7.8125vw;height: 7.8125vw;background-size: .32rem auto; margin: 5vw 0 9.375vw;}

.more3{width: 1.77rem;height: .6rem;background: #2bada1;border-radius: 50vw;font-size: .2rem;color: #fff !important; align-items: center;padding: 0 .16rem;transition: .5s;justify-content: center;}


@media(min-width: 769px){
    .more1:hover{ background: #2bada1; color: #fff;}

    .lt2 .a:hover i{ opacity: 1}
    .lt2 .a:hover .imgBox:after{ opacity: 1}
    
    .more2:hover{ background: #2bada1; color: #fff;}
    .more2:hover i{ transform: rotate(90deg); color: #fff;}

    .lt3 .a:hover h6{ transform: translateY(.1rem); color: #5f5f5f;}
    .lt3 .a:hover h4{ transform: translateY(-.1rem); color: #222222;}
    .lt3 .a:hover::before{ opacity: 1}
    .lt3 .a:hover:after{ opacity: 0;}

    .lt2 .a:hover .imgBox .img img{ opacity: 1;}

    .more3:hover{ letter-spacing: .03rem}
}
@media(max-width: 1024px){
    .homea2{overflow: visible;position: relative;z-index: 10;}
}
@media(max-width: 769px){
    .tit1 h3{ font-size: .26rem;}
    .tit1 .p{font-size: .16rem;height: .9rem;}

    .pad1{ padding: .4rem 0;}
    .lt1 h3 big{ font-size: .3rem;}
    .lt1 h6{ font-size: .16rem}
    .lt1 li{padding: 7px 7px;width: 50%;}
    .lt1 li:nth-child(2n)::before{ display: none}
    .lt1{ margin: .25rem 0 .4rem}

    .more1{min-width: 1.2rem;font-size: .16rem;height: .42rem;}
    .more1w .more1{ margin: 0 7px}

    .lt2 li{width: 100%;}

    .lt2 .txt{padding: 0 .25rem .2rem;}
    .lt2 h4{font-size: .2rem;}
    .lt2Box{ width: calc(100% + 15px)}

    .homea2 .before{ height: 1.75rem;}

    .tit2 h3{font-size: .3rem;}
    .tit2 h6{font-size: .12rem;}
    .tit2 .dot:before{ width: .2rem !important}
    .tit2 .dot:after{ height: .3rem !important}

    .more2{width: .75rem;height: .3rem;font-size: .14rem;padding: 0 .1rem;}

    .tit2{margin-bottom: .25rem !important;!i;!;}
    .lt3{white-space:nowrap;overflow: hidden;overflow-x: scroll;display: block;margin: 0 -7px;}
    .lt3 li{width: 50%;display: inline-block;}
    .lt3 .a{height: auto;display: flex;padding: 0 7px;}

    .lt3 h6{ font-size: .18rem}
    .lt3:before{top: .36rem;left: 7px;}
    .lt3 .a:after{top: .35rem;left: 7px;}

    .homea4 .tit2{margin-bottom: .8rem !important;!i;!;}
    .tit2 .cc{flex: auto;position: absolute;top: .6rem;left: 0;width: 100%;margin: 0;justify-content: center;}

    .homea4 .left{ width: 100%}
    .homea4 .right{width: 100%;margin: .2rem 0 0;}

    .lt4 .a{ font-size: .2rem}

    .lt5 .txt{ padding: 0 15px .15rem;}
    .lt5 p{ display: none;}
    .lt5 hr{ margin: .1rem 0;}
    .lt6 .txt{ padding: 0 15px .15rem;}

    .homea4 .left1{ width: 100%}
    .homea4 .right1{width: 100%;margin: .2rem 0 0;}

    .lt8 .top i{width: .46rem;height: .46rem;background-size: .14rem auto;}

    .homea5 i{width: .46rem;height: .46rem;background-size: .14rem auto;}

    .more3{width: 1.2rem;height: .4rem;font-size: .16rem;}

}

@media(max-width: 769px){
} 


.tit3 .dot{ position: absolute; left: -.07rem; top: 0; width: .07rem; height: .07rem; background: #2bada1;}
.tit3 .dot:before{content: "";position: absolute;top: 100%;left: 100%;width: .65rem;height: 1px;background: #d7d7d7}
.tit3 .dot:after{content: "";position: absolute;top: 100%;left: 100%;width: 1px;height: .6rem;background: #d7d7d7}
.tit3.aos-init .dot:before{width: 0;transition: 1s .5s;}
.tit3.aos-animate .dot:before{width: 1.12rem;}
.tit3.aos-init .dot:after{ height: 0;transition: 1s .5s;}
.tit3.aos-animate .dot:after{ height: .6rem}

.tit3 .ll{ display: flex; flex-direction: column; align-items: center;}
.tit3 h6{font-size: .3rem;color: #c9c9c9;font-family: 'Heebo Medium';line-height: 1;writing-mode: tb-rl;text-transform: uppercase;}
.tit3 h3{font-size: .48rem;color: #000000;font-weight: bold;line-height: 1;margin: .3rem 0 0;position: relative;padding: .2rem 0 0 .2rem;}

.homeb0 .left{ width: calc(100% - 2.6rem - .96rem);}
.homeb0 .right{width: 2.6rem;position: relative; justify-content: flex-end;}
.homeb0 .right::before{ content: ""; position: absolute; top: 0; left: 0; width: 1px; background: #eaeaea; height: 100%; }
.homeb0 .right .box{flex-direction: column;align-items: center;text-align: center;}

.homeb0 .right.aos-init::before{ height: 0; transition: 1s .5s;}
.homeb0 .right.aos-animate::before{ height: 100%;}

.homeb1 .left .box{ width: calc(50% - .16rem);}

.lt13 .a{ display: block; border-radius: .08rem; overflow: hidden; position: relative; z-index: 1; background: #ffff;}
.lt13 .a::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/lt13_b.jpg) center no-repeat; background-size: cover; z-index: -1; opacity: 0; transition: .5s;}
.lt13 .imgBox .img{ padding-bottom: 62.35%;}
.lt13 .txt{height: 1.42rem;padding: 0 .38rem;flex-direction: column;justify-content: center;}
.lt13 h6{font-size: .16rem;color: #2bada1;margin: .12rem 0 0;}

.lt14 li{ border-bottom: #b5b5b7 1px solid; }
.lt14 .a{ display: block; border-radius: .08rem; overflow: hidden;}
.lt14 .txt{height: 1.44rem;padding: 0;flex-direction: column;justify-content: center;}
.lt14 h6{font-size: .16rem;color: #2bada1;margin: .12rem 0 0;}

.mtab2 .hd{ margin: .2rem 0 0}
.mtab2 .hd ul{margin-bottom: .9rem;}
.mtab2 .hd ul li{padding: .16rem 0;position: relative}
.mtab2 .hd ul li:before{content: "";position: absolute;bottom: 0;left: 50%;background: #c9c9c9;width: .16rem;height: 1px;transform: translateX(-50%);}
.mtab2 .hd ul li .a{writing-mode: tb-rl;font-size: .3rem;color: #cdcdcd;transition: .5s;}

.mtab2 .hd ul li.on .a{ color: #2bada1; font-weight: bold; }
.mtab2 .hd ul li:last-child:before{ display: none}

.homeb2{ padding-bottom: 3.05rem; position: relative; z-index: 1;}
.homeb2::before{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 5.06rem;background: url(/images/homeb2_b.jpg) center no-repeat;background-size: cover;z-index: -1;}
.homeb2 .tit3{ margin-bottom: 1.9rem;}
.homeb2 .left .box{width: 96%;background: #ffff;border-radius: .08rem;padding: 0 .2rem; max-width: 100%;}

.lt15{ margin: 0 -.4rem; padding: .3rem .4rem;}
.lt15 li{ width: 50%; padding: 0 .4rem; }
.lt15 .a{display: block;overflow: hidden;border-bottom: #d6d6d6 1px solid;}
.lt15 .txt{height: 1.8rem;padding: 0 .2rem;flex-direction: column;justify-content: center;}
.lt15 h4{ height: .6rem;}
.lt15 h6{font-size: .16rem;color: #2bada1;margin: .12rem 0 0;}

.lt15 li:nth-child(4) .a{ border: none !important;}

.more2w{ border: #fff 1px solid; color: #fff;}
.more2w i{ color: #fff;}

.homeb3{ background: url(/images/homeb3_b.jpg) center no-repeat; background-size: cover; background-attachment: fixed;}

.homeb3 .tit3{ margin-bottom: 1.9rem;}
.homeb3 .left .box{width: 96%; max-width: 100%;}

.homeb3 .right::before{ background: rgba(255,255,255,.1);}
.tit3w1 h6{ color: #2bada1}
.tit3w1 h3{ color: #2bada1}
.tit3w1 .dot:before, .tit3w1 .dot:after{ background: rgba(255,255,255,.15);}

.more2w1{ background: #2bada1; border: #2bada1 1px solid;}

.lt16{ margin: 0 -.22rem -.4rem;}
.lt16 li{ width: 50%; padding: 0 .22rem; margin-bottom: .4rem;}
.lt16 .a{ height: 2.68rem; border: #d6d6d6 1px solid; padding: 0 .4rem; border-radius: .08rem; flex-direction: column; justify-content: center; position: relative; z-index: 1;}
.lt16 .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/lt16_b.jpg) center no-repeat; background-size: cover; opacity: 0; transition: .5s; box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.9); border-radius: .08rem; z-index: -1;}
.lt16 h4{color: #fff !important;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -moz-box;-moz-line-clamp: 2;-moz-box-orient: vertical;word-wrap: break-word;word-break: break-all;white-space: normal;}
.lt16 p{font-size: .14rem;color: rgba(255,255,255,.4);margin: .04rem 0 .24rem;line-height: .24rem;height: .48rem\0;}
.lt16 .p .p0{font-size: .14rem;color: #fff;line-height: .24rem;}
.lt16 .p .p0 i{ font-size: .14rem; color: #2bada1; font-family: 'lib'; margin: 0 .08rem 0 0; transition: .5s;}

.lt17 li{ width: 25%; position: relative; z-index: 1; border-right: #dededf 1px solid;}
.lt17 .a{ height: 1.68rem; flex-direction: column; justify-content: center; align-items: center; position: relative; z-index: 1;}
.lt17 .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; opacity: 0; transition: .5s; box-shadow: 0px 4px 7px 0px rgba(13, 199, 163, 0.32); border-radius: .08rem; z-index: -1;}
.lt17 .ico img{ height: .5rem;}
.lt17 .txt{ padding: 0 7px}
.lt17 h4{ font-size: .24rem; color: #222222; transition: .5s; margin: .12rem 0 0;}

.lt17 li:nth-child(1), .lt17 li:nth-child(2), .lt17 li:nth-child(3), .lt17 li:nth-child(4){ border-bottom: #dededf 1px solid;}
.lt17 li:nth-child(4), .lt17 li:nth-child(8){ border-right: none;}
.lt17 li:nth-child(1) .a, .lt17 li:nth-child(2) .a, .lt17 li:nth-child(3) .a, .lt17 li:nth-child(4) .a{ padding-bottom: .2rem;}
.lt17 li:nth-child(5) .a, .lt17 li:nth-child(6) .a, .lt17 li:nth-child(7) .a, .lt17 li:nth-child(8) .a{ padding-top: .2rem;}


.homeb4{border-bottom: #2bada1 .03rem solid;}
.homeb4 .right{ padding-top: .2rem;}
.homeb4 .right::before{ display: none;}
.homeb4 .tit3 h3{ margin: .5rem 0 0;}

@media(min-width: 769px){
    .lt13 .a:hover::before{ opacity: 1;}
    .lt13 .a:hover h4, .lt13 .a:hover h6{ color: #fff;}

    .lt16 .a:hover::before{ transform: scale(1.05); opacity: 1;}
    .lt16 .a:hover p{ color: rgba(255,255,255,.6)}
    .lt16 .a:hover .p .p0 i{ color: #fff;}

    .lt17 li:hover{ z-index: 2;}
    .lt17 .a:hover::before{ transform: scale(1.05); opacity: 1; }

    .lt15 li:nth-child(3) .a{ border: none !important;}

    .lt13 h4, .lt14 h4, .lt15 h4{ height: .6rem} 
}
@media(max-width: 769px){
    .homeb0 .left{width: 100%;order: 1;}
    .homeb0 .right{width: 100%;margin-bottom: .3rem;}
    .homeb0 .right .box{width: 100%;flex-direction: row;justify-content: space-between;align-items: flex-end;}

    .tit3 .ll{align-items: flex-end;margin: 0 .2rem 0 0;}
    .tit3 h6{writing-mode: inherit;font-size: .12rem;}
    .tit3 h3{margin: -.15rem 0 0 !important; font-size: .3rem}
    .tit3 .dot:before{ width: .2rem !important}
    .tit3 .dot:after{ height: .3rem !important}

    .mtab2 .hd{flex: 1;overflow: hidden;display: flex;align-items: center;justify-content: space-between;}
    .mtab2 .hd ul{display: flex;margin: 0;}
    .mtab2 .hd ul li .a{writing-mode: inherit;font-size: .18rem;}
    .mtab2 .hd ul li{ padding:0 .1rem}
    .mtab2 .hd ul li:before{ width: 1px; height: .12rem; left: auto; right: 0; top: 50%; transform: translateY(-50%)}

    .homeb1 .mtab2 .hd{ flex: auto; width: 100%;}
    .homeb0 .right::before{ display: none;}

    .homeb1 .left .box{ width: calc(50% - 7px);}
    .homeb2{padding-bottom: .5rem;padding-top: .2rem;}

    .homeb2 .tit3{ margin-bottom: 0}
    .homeb2::before{ height: 2rem}

    .homeb2 .more2w{ border: #2bada1 1px solid;color: #5b5b5b;}
    .homeb2 .more2w i{ color: #5b5b5b;}
    
    .lt15 li{padding: 0;width: 100%;}
    .lt15 .txt{height: 1.2rem;padding: 0;}

    .homeb2 .left .box{ width: 100%;}
    .lt15{ margin: 0 -15px; padding: .2rem 15px;}
    .lt15 h4{ height: auto}

    .homeb3 .tit3{ margin-bottom: 0;}

    .lt16 li{width: 100%;margin-bottom: .2rem;}
    .lt16 .a{padding: 0 15px;height: 2.2rem;}
    .homeb3 .left .box{ width: 100%;}
    .lt16{ margin: 0 -.22rem -.2rem;}

    .lt17 .ico img{ height: .3rem;}
    .lt17 h4{font-size: .16rem;}
    .lt17 .a{ height: 1.1rem}
    .lt17 li:nth-child(1) .a, .lt17 li:nth-child(2) .a, .lt17 li:nth-child(3) .a, .lt17 li:nth-child(4) .a{ padding-bottom: .06rem;}
    .lt17 li:nth-child(5) .a, .lt17 li:nth-child(6) .a, .lt17 li:nth-child(7) .a, .lt17 li:nth-child(8) .a{ padding-top: .06rem;}

    .homeb4 .more2w{ border: #2bada1 1px solid;color: #5b5b5b;}
    .homeb4 .more2w i{ color: #5b5b5b;}
    .lt13 .txt{ padding: 0 15px;}
}

.tit4{ margin-bottom: .54rem;}
.tit4 h3{font-size: .34rem;color: #000000;margin-bottom: .15rem;width: 7rem; }
.tit4 .p{font-size: .18rem;color: #545454;line-height: 1.8;width: calc(100% - 7rem - .2rem);}

@media(min-width: 769px){
}
@media(max-width: 769px){
}

.homec1{ padding: 1.75rem 0; background: url(/images/homec1_b.jpg) center center no-repeat;background-size: cover;}

.lt18{ margin: .8rem 0 0;}
.lt18 li{ width: 25%; position: relative; text-align: center;}
.lt18 h3 big{font-size: .9rem;color: #2bada1;font-family:'Heebo Medium';font-weight: normal;line-height: 1;transition: .5s;}
.lt18 h3 small{ font-size: .3rem;color: #2bada1;font-family:'Heebo Medium'; font-weight: normal;}
.lt18 h6{font-size: .18rem;color: #222;margin: .04rem 0 0; }

.homec2{ background: url(/images/homec2_b.jpg) center center no-repeat;background-size: cover; background-attachment: fixed;}
.homec2 .more2{ background: #f6f6f6}

.lt19 .imgBox{ border-radius: .08rem;}
.lt19 .imgBox .img{ padding-bottom: 51.58%;}
.lt19 h4{font-size: .3rem;color: #000000;margin: .2rem 0 .18rem;font-weight: bold;}
.lt19 p{font-size: .14rem;line-height: .22rem;max-height: .66rem\0;}

.lt20{ margin: 0 -.19rem;}
.lt20 li{ width: 25%; padding: 0 .19rem; position: relative;}
.lt20 li::before{ content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 1px; background: #e6e6e6;}
.lt20 .imgBox{ border-radius: .08rem;}
.lt20 .imgBox .img{ padding-bottom: 62.65%;}
.lt20 h4{ margin: .12rem 0 0;}
.lt20 p{ font-size: .14rem;line-height: .24rem;max-height: .48rem\0; margin: .08rem 0 .15rem;}
.lt20 h6{ font-size: .16rem; color: #5bbeb6; }

.lt20 li:last-child:before{ display: none;}

.homec4{ position: relative; z-index: 1;}
.homec4 .lt21W{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;-webkit-mask: linear-gradient(-180deg, transparent 16%, #fff 45%);mask: linear-gradient(-180deg, transparent 2%, #fff 50%);}

.lt21Box{height: 100%;-webkit-mask: linear-gradient(0deg, transparent 0, #fff 100%);mask: linear-gradient(0deg, transparent 0, #fff 100%);}
.lt21 .imgBox .img{background: #fff;height: 100%;}
.lt21 img{opacity: .7;filter: blur(0.5vw);}
.lt21 .a{ display: block; height: 100%}
.lt21 .imgBox{ height: 100%}

.homec4{padding: 1.2rem 0 .2rem;}
.homec4 .wp{position: relative;max-width: 8.95rem;z-index: 1;padding: 0 .55rem;}
.homec4::before{content: "";position: absolute;top: .6rem;bottom: 0;left: 50%;background: #f5f5f7;transition: .5s;border-radius: .08rem;width: 8.95rem;max-width: 100%;transform: translateX(-50%);-webkit-mask: linear-gradient(0deg, transparent 0%, #fff 50%);mask: linear-gradient(0deg, transparent 0%, #fff 50%);}
.homec4::after{content: "";position: absolute;bottom: 0;left: 0;background: #fff;transition: .5s;border-radius: .08rem;width: 100%;max-width: 100%;height: 4rem;opacity: 0;}

.tit2c{justify-content: center;margin-bottom: .55rem;}
.tit2c .more2{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); margin-top: .1rem;}

.lt22Box{ margin: 0 -12vw}
.lt22 li{padding-bottom: 3vw;}
.lt22 .a{ display: block; position: relative}
.lt22 .imgBox{transition: .5s;border-radius: .08rem;}
.lt22 .imgBox .img{ background: #000;}
.lt22 .imgBox .img img{ opacity: .7;}
.lt22 .txt{position: absolute;width: 3.76rem;height: 3.62rem;left: calc(100% - 1.38rem);top: 50%;transform: translateY(-50%);margin-top: 1.2vw;background: url(/images/lt22_b.jpg) center center no-repeat;background-size: cover;border-radius: .08rem;transition: .5s;opacity: 0;padding: .4rem;}
.lt22 h4{font-size: .3rem;font-weight: bold;margin-bottom: .15rem; color: #222222 !important;}
.lt22 p{ color: #222222 !important;}
.lt22 .a1{align-items: center;font-size: .16rem;color: #222;width: .86rem;position: absolute;bottom: .4rem;left: .4rem;}
.lt22 i{ font-size: .16rem; color: #222; font-family: 'lib';}

.lt22 .swiper-slide-active{ z-index: 2}
.lt22 .swiper-slide-active .a .imgBox{transform: scale(1.1);transform-origin: top;}
.lt22 .swiper-slide-active .txt{ opacity: 1}
.lt22 .swiper-slide-active .imgBox .img img{ opacity: 1;}

.homec4-5-6{background: #f5f5f7 url(../images/homec5_b.png) center 40% no-repeat;background-size: 100% auto;}

.homec5{padding: 1.2rem 0; position: relative;z-index: 1;}

.tit2v{flex-direction: column;align-items: center;text-align: center;}
.tit2v p{width: 7.5rem;max-width: 100%;font-size: .14rem;color: #666;line-height: .22rem;margin: .3rem 0 0;}

.lt23 .cls-1{fill:none;stroke:#00a494;}

.homec5 .wp{max-width: 15.7rem;}

.lt23 li{flex: 1;}
.lt23 .a{margin: 0 -.16rem; position: relative; display: block;}
.lt23 svg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.lt23 .txt{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;justify-content: center;align-items: center;padding: 0 21%;}
.lt23 .imgBox{ border-radius: 50vw; overflow: hidden; opacity: 0; transition: .5s;}
.lt23 .imgBox .img{ padding-bottom: 100%; background: none;}
.lt23 h4{font-size: .24rem;color: #222222;line-height: 1.5;text-align: center;transition: .5s;}

.lt23 li:nth-child(2n-1) .a{ background: rgba(255,255,255,.3); border-radius: 50%;}

.mtab3 .hd{display: flex;justify-content: center;align-items: center;margin-bottom: .4rem;}
.mtab3 .hd ul{ position: relative; z-index: 1; border-bottom: #b1b1b1 2px solid;}
.mtab3 .hd ul .a{display: block;line-height: .5rem;font-size: .24rem;color: #b1b1b1;position: relative;padding: 0 .1rem;}
.mtab3 .hd ul .a::after{content: "";position: absolute;left: 0;bottom: -2px;width: 0;height: 2px;background: #2bada1;transition: .5s;}

.mtab3 .hd ul li.on .a::after{ width: 100%;}
.mtab3 .hd ul li.on .a{ color: #2bada1; font-weight: bold; }

.lt24 li{ width: 14.28%; border-right: #dededf 1px solid; border-bottom: #dededf 1px solid;}

.more2Box{ justify-content: center; margin: .5rem 0 0;}

.homec6{padding-top: 0 !important;border-bottom: #2bada1 .04rem solid;padding-bottom: 1.2rem;}

@media(min-width: 769px){
    .lt23 li:hover{ z-index: 2;}
    .lt23 .a:hover .imgBox{ opacity: 1;}
    .lt23 .a:hover h4{ color: #fff;}

    .lt24 li:nth-child(7n){ border-right: none;}
    .lt24 li:nth-child(22), .lt24 li:nth-child(23), .lt24 li:nth-child(24), .lt24 li:nth-child(25), .lt24 li:nth-child(26), .lt24 li:nth-child(27), .lt24 li:nth-child(28){ border-bottom: none;}
}
@media(max-width: 769px){
    .tit4{text-align: center;margin-bottom: .25rem;}
    .tit4 h3{font-size: .24rem;width: 100%;}
    .tit4 .p{font-size: .16rem;height: 1.6rem;width: 100%;}

    .lt18 h3 big{ font-size: .3rem;}
    .lt18 h6{ font-size: .16rem}
    .lt18 li{padding: 7px 7px;width: 50%;}
    .lt18 li:nth-child(2n)::before{ display: none}
    .lt18{ margin: .25rem 0 0}

    .homec1{ padding: .4rem 0;}
    .lt20{ margin: 0 -14px;}
    .lt20 li{ width: 50%; padding: 0 14px; margin-bottom: .25rem;}

    .lt22 .txt{width: 100%;position: relative;left: 0;top: auto;transform: none;margin: 0;border-radius: 0 0 .08rem .08rem;opacity: 1;height: 2.8rem;padding: .25rem;}
    .lt22Box{ margin: 0 15px}
    .lt22 .swiper-slide-active .a .imgBox{transform: scale(1);transform-origin: top;}
    .lt22 .imgBox{ border-radius: .08rem .08rem 0 0}

    .homec4{padding-top: 0;}
    .homec4::before{ top: 0;}
    .homec4 .lt21W{ display: none;}

    .lt22 .a1{ left: .25rem; bottom: .25rem}
    .lt22 h4{ font-size: .22rem}

    .lt23 li{ flex: auto; width: 33.33%;}
    .lt23 h4{ font-size: .16rem;}
    .lt23 .a{ margin: -.05rem;}
    .lt23 .txt{ padding: 0 16%;}

    .homec5{padding: .4rem 0 .6rem;}

    .homec6{ padding-bottom: .5rem}
    .lt24 li{ width: 25%;}

    .lt24 li:nth-child(4n){ border-right: none;}
    .lt24 li:nth-child(25), .lt24 li:nth-child(26), .lt24 li:nth-child(27), .lt24 li:nth-child(28){ border-bottom: none;}
    .more2Box{ margin: .3rem 0 0;}

    .mtab3 .hd ul .a{ font-size: .2rem;}
    .mtab3 .hd{ margin-bottom: .25rem;}
}

.tit2 .rr{flex: 1;overflow: hidden;margin: 0 0 0 .8rem;align-items: center;}

.mtab4 .hd ul{ position: relative; z-index: 1;}
.mtab4 .hd ul::before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #b1b1b1;}
.mtab4 .hd ul li{ margin: 0 .16rem 0 0;}
.mtab4 .hd ul .a{display: block;padding: .04rem 0;font-size: .24rem;color: #b1b1b1;position: relative;line-height: .4rem;}
.mtab4 .hd ul .a::after{content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 2px;background: #2bada1;transition: .5s;}

.mtab4 .hd ul li.on .a::after{ width: 100%;}
.mtab4 .hd ul li.on .a{ color: #2bada1; font-weight: bold; }

.mtab4 li:last-child{ margin-right: 0 !important;}

.homed1 .left{ width: 6.16rem;}
.homed1 .right{ width: calc(100% - 6.16rem - .26rem);}

.lt25 .a{ display: block; position: relative;}
.lt25 .imgBox{ border-radius: .08rem;}
.lt25 .imgBox:after{content: "";display: block;left: 0;bottom: 0;right: 0;height: 1.2rem;background: linear-gradient(0deg, rgba(0,0,0,.8), transparent);position: absolute;transition: .5s;}
.lt25 .imgBox .img{ padding-bottom: 62.45%;}
.lt25 .txt{position: absolute;right: 0;bottom: 0;left: 0;z-index: 1;padding: 0 .36rem .15rem;}
.lt25 h6{font-size: .16rem;color: #fff;}
.lt25 h4{color: #fff !important;margin: .04rem 0 0;}

.lt26{ margin: 0 -.13rem}
.lt26 li{ width: 50%; padding: 0 .13rem}
.lt26 .a{height: 3.86rem;background: #fff;border-radius: .08rem;padding: .35rem .28rem;flex-direction: column;}
.lt26 .txt{ width: 100%}
.lt26 .bottom{width: 100%;align-items: center;}
.lt26 hr{margin: .2rem 0 .2rem;border-top: #d8d8d8 1px solid;}
.lt26 .bottom h6{font-size: .14rem;color: #2bada1;width: auto;}
.lt26 .bottom i{font-size: .3rem;color: #2bada1;font-family: 'lib';}

.homed1{ padding: 1.2rem 0; overflow: hidden;}
.homed1 .tit2{ margin-bottom: .4rem;}

.homed2{ background: url(/images/homed2_b.jpg) center no-repeat; background-size: cover; overflow: hidden;}
.homed2 .wp{ justify-content: flex-end;}
.lt27{width: 7.86rem;max-width: 100%;}
.lt27 li{ width: 50%; border: rgba(255,255,255,.2) 1px solid; margin: -.5px;}
.lt27 .a{height: 4.55rem;padding: .58rem .4rem;display: block;transition: .5s;position: relative;}

.tit5{  transform: translateY(2.8rem); transition: .5s}
.tit5 h3{ font-size: .24rem; color: #fff;}
.tit5 h6{ font-size: .24rem; color: #fff; font-family: 'Heebo Light'; margin-bottom: .2rem;}

.lt27 dl{margin: 0 -7px;opacity: 0;transition: .5s;}
.lt27 dl dd{ padding: 0 7px; margin-bottom: 14px;}
.lt27 dl dd a{display: flex;width: auto;height: .3rem;border: rgba(255,255,255,.3) 1px solid;border-radius: 50vw;align-items: center;font-size: .14rem;color: #fff;padding: 0 .16rem; transition: .5s}
.lt27 dl dd a i{ font-size: .12rem;color: #fff; font-family: 'lib'; margin: 0 0 0 .1rem; transition: .5s}

.lt27 .bottom{position: absolute;right: 0;bottom: 0;width: 1.08rem;height: 1.08rem;background: #2bada1;display: flex;justify-content: center;align-items: center;font-size: .36rem;color: #2c2c2c;font-family: 'lib';border-radius: 50vw 0 0 0;padding: .2rem 0 0 .2rem;opacity: 0;visibility: hidden;transition: .5s;}

.homed3{padding: .9rem 0 21.35vw !important;border-bottom: #2bada1 .03rem solid;background: url(/images/homed3_b.jpg) center bottom no-repeat;background-size: 100% auto;}
.homed3 .tit2{ margin-bottom: .4rem;}

@media(min-width: 769px){
    .lt27 .a:hover{ box-shadow: inset 0 0 10vw rgba(255,255,255,.2); }
    .lt27 dl dd a:hover{ background: #2bada1; border-color: #2bada1; }

    .lt27 .a:hover .tit5{  transform: translateY(0);}
    .lt27 .a:hover dl{ opacity: 1}
    .lt27 .a:hover .bottom{ opacity: 1; visibility: visible}
}
@media(max-width: 769px){
    .homed1{ padding: .4rem 0;}

    .tit2 .rr{flex: auto;width: 100%;margin: .15rem 0 0 0;}
    .mtab4 .hd ul .a{ font-size: .2rem}

    .homed1 .left{ width: 100%}
    .homed1 .right{width: 100%;margin: .2rem 0 0;}

    .lt26 li{ width: 100%; margin-bottom: .2rem;}
    .lt26 .a{height: 2.6rem;padding: .2rem 15px;}
    .lt26 hr{ margin: .1rem 0;}

    .lt7 .a{ padding: 0 15px;}

    .lt25 .txt{ padding: 0 15px .15rem;}

    .lt27 li{ width: 100%}

    .lt27 .a{padding: .3rem 15px .2rem;height: auto;min-height: 2.5rem;}
    .lt27 .a .tit5{  transform: translateY(0);}
    .lt27 .a dl{ opacity: 1}
    .lt27 .a .bottom{ opacity: 1; visibility: visible; width: .6rem; height: .5rem; padding: .1rem 0 0 .1rem;}
    .lt27 .a .bottom i{ font-size: .24rem}

    .tit5 h3{ font-size: .2rem; }
    .tit5 h6{ font-size: .2rem;}

    .homed3{padding: .4rem 0 21.35vw !important;}
}