@charset "UTF-8";
@font-face {
  font-family: 'hmb';
  src: url("../fonts/HarmonyOS_Sans_SC_Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'hml';
  src: url("../fonts/HarmonyOS_Sans_SC_Light.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: 'hmm';
  src: url("../fonts/HarmonyOS_Sans_SC_Medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'hmr';
  src: url("../fonts/HarmonyOS_Sans_SC_Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url("../fonts/gilroy-regular-3.otf") format("opentype");
  font-display: swap;
  font-style: normal;
}
.hmb{font-family: 'hmb';font-weight: 700;}
.hml{font-family: 'hml';font-weight: 300;}
.hmm{font-family: 'hmm';font-weight: 500;}
.hmr{font-family: 'hmr';font-weight: 400;}
.Gilroy{font-family: 'Gilroy';}


:root{
  --ease: cubic-bezier(.38, 0, 0, 1);
  --ease1: cubic-bezier(.43, .195, .02, 1);
}


.t_line1 {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.t_line2 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-moz-box;-webkit-line-clamp:2;-moz-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical;}
.t_line3 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-moz-box;-webkit-line-clamp:3;-moz-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;box-orient:vertical;}
.t_line4 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-moz-box;-webkit-line-clamp:4;-moz-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;box-orient:vertical;}
.t_line5 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-moz-box;-webkit-line-clamp:5;-moz-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;box-orient:vertical;}


.alltime,.alltime:before,.alltime:after,.alltime *,.alltime *:before,.alltime *:after{-webkit-transition: all .4s var(--ease); -moz-transition: all .4s var(--ease); transition: all .4s var(--ease);}

.w1640{padding: 0 1.4rem;}
.layout .f_12 {font-size: 0.12rem;}.layout .f_14 { font-size: 0.14rem; }.layout .f_16 { font-size: 0.16rem; }.layout .f_18 { font-size: 0.18rem; }.layout .f_20 { font-size: 0.20rem; }.layout .f_22 { font-size: 0.22rem; }.layout .f_24 { font-size: 0.24rem; }.layout .f_26 { font-size: 0.26rem; }.layout .f_28 { font-size: 0.28rem; }.layout .f_30 { font-size: 0.30rem; }.layout .f_32 { font-size: 0.32rem; }.layout .f_34 { font-size: 0.34rem; }.layout .f_36 { font-size: 0.36rem; }.layout .f_38 { font-size: 0.38rem; }.layout .f_40 { font-size: 0.40rem; }.layout .f_42 { font-size: 0.42rem; }.layout .f_44 { font-size: 0.44rem; }.layout .f_46 { font-size: 0.46rem; }
.layout .f_48 { font-size: 0.48rem; } 
.layout .f_50 { font-size: 0.50rem; }
.layout .f_52 { font-size: 0.52rem; }
.layout .f_54 { font-size: 0.54rem; }
.layout .f_56 { font-size: 0.56rem; }
.layout .f_58 { font-size: 0.58rem; }
.layout .f_60 { font-size: 0.60rem; }
.layout .f_62 { font-size: 0.62rem; }
.layout .f_64 { font-size: 0.64rem; }
.layout .f_66 { font-size: 0.66rem; }
.layout .f_68 { font-size: 0.68rem; }
.layout .f_72 { font-size: 0.72rem; }
.layout .f_74 { font-size: 0.74rem; }
.layout .f_80 { font-size: 0.80rem; }

.inner_banner{position: relative;overflow: hidden;}

.inner_banner .imgbox{height: 9.35rem;overflow: hidden;}

.inner_banner .imgbox img{height: 100%;object-fit: cover;}

.inner_banner .zz{position: absolute;z-index: 11;bottom: 0;left: 0;width: 100%;height: 100%;pointer-events: none;background: url(../images/about/ban_zz.png) no-repeat bottom center;background-size: 100% auto;}

.inner_banner .wave {
    pointer-events: none;
    width: 13rem;
    position: absolute;
    right: 1.6rem;
    bottom: 0;
    height: 2rem
}

.inner_banner .wave.w2 {
    right: -5.3rem;
    bottom: -.2rem
}

.inner_banner .wave.w2 .mask {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.inner_banner .wave .mask {
    -webkit-mask-image: url(../images/about/water.svg);
    mask-image: url(../images/about/water.svg);
    -webkit-mask-size: 100vw;
    mask-size: 100vw;
    -webkit-mask-repeat: repeat-x;
    mask-repeat: repeat-x;
    -webkit-animation: move-svg 4s linear infinite;
    animation: move-svg 4s linear infinite;
    display: grid;
    grid-template-columns: repeat(160,1fr)
}

.inner_banner .wave .mask .line {
    width: 2px;
    height: 2rem;
    background: -webkit-linear-gradient(bottom,rgba(236,91,2,0) 0%,rgba(236,91,2,.7) 70%);
    background: linear-gradient(0deg,rgba(236,91,2,0) 0%,rgba(236,91,2,.7) 70%)
}

@-webkit-keyframes move-svg {
    0% {
        -webkit-mask-position-x: 0
    }

    to {
        -webkit-mask-position-x: 100vw
    }
}

@keyframes move-svg {
    0% {
        -webkit-mask-position-x: 0
    }

    to {
        -webkit-mask-position-x: 100vw
    }
}

.inner_banner .txtbox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 15;}

.inner_banner .txtbox::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(182deg, rgba(0, 0, 0, 0.70) -1.85%, rgba(255, 255, 255, 0.00) 43.27%);mix-blend-mode: multiply;}

.inner_banner .txtbox .text{padding: 2.11rem 2.38rem;color: #fff;position: relative;z-index: 5;}

.inner_banner .txtbox .text .t1{line-height: 1.3;}

.inner_banner .txtbox .text .t2{line-height: 1.6;margin-top: 0.3rem;letter-spacing: 0.1em;}



.m_dw{position: relative;top: -80px;}

.abtit{text-align: center;line-height: 1.6;}

.abtit span{color: #EC5B02;}

.abtit svg{display: block;width: 1.2rem;margin: 0.3rem auto 0;}

.ab1{padding: 2.25rem 0 0.85rem;background: url(../images/about/ab1_1.png) no-repeat center bottom;background-size: 100% auto;}

.ab1 .box{display: flex;justify-content: space-between;margin-top: 0.6rem;align-items: center;}

.ab1 .imgbox{width: calc(760 / 1640 * 100%);height: 5.81rem;border-radius: 0.2rem;overflow: hidden;}

.ab1 .imgbox img{height: 100%;object-fit: cover;width: 100%;}

.ab1 .txtbox{width: calc(784 / 1640 * 100%);}

.ab1 .txtbox .t1{line-height: 1.6;color: #333;}

.ab1 .txtbox .t2{display: flex;margin-top: 0.4rem;flex-wrap: wrap;}

.ab1 .txtbox .t2 .item{padding: 0.38rem 0.56rem 0.39rem 0;margin-right: 0.6rem;border-right: 0.6px solid #CCCCCC;}

.ab1 .txtbox .t2 .item:last-child{border-right: none;}

.ab1 .txtbox .t2 .item .itp{display: flex;align-items: flex-start;}

.ab1 .txtbox .t2 .item .itp .number{color: rgba(153, 153, 153, 0);line-height: 1.6;position: relative;}

.ab1 .txtbox .t2 .item .itp .number span{position: absolute;left: 0;top: 0;color: rgba(153, 153, 153, 0.4);}

.ab1 .txtbox .t2 .item .itp .sub{color: rgba(153, 153, 153, 0.4);line-height: calc(47 / 40);}

.ab1 .txtbox .t2 .item .itp .unit{color: rgba(153, 153, 153, 0.4);line-height: 1.6;}

.ab1 .txtbox .t2 .item .ibt{line-height: 1.6;color: #999999;margin-top: 0.3rem;}

.ab1 .txtbox .t2 .item:hover .itp .number span,
.ab1 .txtbox .t2 .item:hover .itp .sub,
.ab1 .txtbox .t2 .item:hover .itp .unit,
.ab1 .txtbox .t2 .item:hover .ibt{color: #EC5B02;}

.ab1 .txtbox .t3{display: flex;justify-content: flex-end;}

.ab1 .txtbox .t3 a{display: flex;align-items: center;justify-content: center;border: 2px solid #EC5B02;padding: 0.06rem 0.38rem;line-height: 2;color: #EC5B02;border-radius: 0.48rem;}

.ab1 .txtbox .t3 a img{margin-left: 0.1rem;width: 0.06rem;}

.ab1 .txtbox .t3 a:hover{background: #EC5B02;color: #fff;}

.ab1 .txtbox .t3 a:hover img{filter: brightness(0) invert(1);}

.ab2{padding: 1.6rem 0 1.2rem;background: url(../images/about/ab2_1.png) no-repeat center bottom 1.2rem;background-size: 100% auto;}

.ab2 .swiper{overflow: visible;margin-top: 0.685rem;}

.ab2 .swiper .ul{display: flex;align-items: flex-start;width: 100%;}

.ab2 .swiper .ul .li{width: calc((100% - 1.86rem) / 3);position: relative;transform: translateY(0.4rem);opacity: 0;transition: none;}

.ab2 .swiper .ul .li:nth-child(2){margin-top: 0.69rem;margin-left: 0.93rem;}

.ab2 .swiper .ul .li:nth-child(3){margin-top: 1.3rem;margin-left: 0.93rem;transition-delay: 0.3s;}

.ab2 .swiper.aos-animate .swiper-slide-active .ul .li{transform: translateY(0);opacity: 1;transition: all 0.6s var(--ease);}

.ab2 .swiper.aos-animate .swiper-slide-active .ul .li:nth-child(2){transition-delay: 0.2s;}

.ab2 .swiper.aos-animate .swiper-slide-active .ul .li:nth-child(3){transition-delay: 0.4s;}

.ab2 .swiper .ul .li .imgbox{height: 6.84rem;border-radius: 0.3rem;overflow: hidden;position: relative;box-shadow: 0.12rem 0.12rem 0.3rem #A8B2BD;}

.ab2 .swiper .ul .li .imgbox img{width: 100%;height: 100%;object-fit: cover;}

.ab2 .swiper .ul .li .imgbox::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 20%, #000 100%);mix-blend-mode: multiply;z-index: 3;}

.ab2 .swiper .ul .li .txtbox{position: absolute;left: 0;bottom: 0;width: 100%;padding: 0 0.2rem 0.6rem;z-index: 5;}

.ab2 .swiper .ul .li .txtbox .t1{line-height: calc(80 / 32);color: #fff;text-align: center;}

.ab2 .swiper .ul .li .txtbox .t2{width: 1.4rem;height: 2px;background: #fff;overflow: hidden;position: relative;margin: 0 auto;}

.ab2 .swiper .ul .li .txtbox .t2 svg{position: absolute;left: 0.1rem;width: 1.2rem;height: 0.25rem;top: 50%;transform: translateY(-50%);opacity: 0;}

.ab2 .swiper .ul .li:hover .imgbox img{transform: scale(1.05);}

.ab2 .swiper .ul .li:hover .imgbox::before{opacity: 0;}

.ab2 .swiper .ul .li:hover .txtbox{padding-bottom: 0.54rem;}

.ab2 .swiper .ul .li:hover .txtbox .t2{height: 0.25rem;background: rgba(255,255,255,0);}

.ab2 .swiper .ul .li:hover .txtbox .t2 svg{opacity: 1;}

.ab2 .pogin{position: relative;bottom: 0;display: flex;}

.ab2 .pogin span{background: #EEE;width: 1.2rem;height: 2px;opacity: 1;margin: 0 !important;}

.ab2 .pogin span.swiper-pagination-bullet-active{background: #EC5B02;}

.ab3{background: #F6F6F6 url(../images/about/ab3_1.png) no-repeat bottom;background-size: 100% auto;padding: 0.64rem 0 1.99rem;}

.ab3 .box{margin-top: 0.6rem;display: flex;justify-content: space-between;}

.ab3 .box .lf{width: calc(654 / 1640 * 100%);padding-top: 0.87rem;}

.ab3 .box .lf .ico img{width: 0.5rem;}

.ab3 .box .lf .ico svg{width: 0.5rem;fill: #EC5B02;filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.18));}

.ab3 .box .lf .t1{line-height: calc(38 / 32);color: #EC5B02;margin-top: 0.4rem;}

.ab3 .box .lf .t2{margin-top: 0.4rem;line-height: 1.6;color: #EC5B02;}

.ab3 .box .lf .list .item{display: none;}

.ab3 .box .lf .list .item.act{display: block;}

.ab3 .box .rf{width: calc(833 / 1640 * 100%);display: flex;flex-wrap: wrap;justify-content: space-between;}

.ab3 .box .rf .item{width: calc(50% - 0.18rem);padding: 1.51rem 0.45rem;background: #fff;border-radius: 0.3rem;overflow: hidden;position: relative;margin-bottom: 0.3rem;}

.ab3 .box .rf .item:nth-child(2n){margin-right: 0;}

.ab3 .box .rf .item:nth-child(odd):last-child{width: 100%;margin-right: 0;padding: 1.1rem 0.45rem;margin-bottom: 0;}

.ab3 .box .rf .item::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(121deg, #FFAA76 3.8%, #EC5B02 68.86%);opacity: 0;}

.ab3 .box .rf .item::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/about/ab3_2.png) no-repeat bottom right;background-size: 2.65rem auto;opacity: 0;}

.ab3 .box .rf .item .itp{display: flex;align-items: center;justify-content: space-between;position: relative;z-index: 2;}

.ab3 .box .rf .item .itp .set{line-height: calc(38 / 32);color: #333;}

.ab3 .box .rf .item .itp .set span{color: #EC5B02;}

.ab3 .box .rf .item .itp .ico{width: 0.62rem;}

.ab3 .box .rf .item .ibt{margin-top: 0.28rem;line-height: calc(19 / 16);color: #EC5B02;position: relative;z-index: 3;}

.ab3 .box .rf .item:hover{background: rgba(255,255,255,0);}

.ab3 .box .rf .item:hover::after,
.ab3 .box .rf .item:hover::before{opacity: 1;}

.ab3 .box .rf .item:hover .itp .set,
.ab3 .box .rf .item:hover .itp .set span{color: #fff;}

.ab3 .box .rf .item:hover .itp .ico{filter: brightness(0) invert(1);}

.ab3 .box .rf .item:hover .ibt{color: #fff;}

.ab4{padding: 1.2rem 0;background: url(../images/about/ab4_1.png) no-repeat center;background-size: cover;}

.ab4 .swiper{margin: 1.02rem auto 0;max-width: 13.6rem;}

.ab4 .swiper .swiper-slide{display: flex;align-items: center;}

.ab4 .swiper .swiper-slide .imgbox{width: 5.6rem;height: 5.6rem;border-radius: 50%;padding: 0.4rem;background: linear-gradient(183deg, #FFFBFB 7.87%, #FFE4D4 89.61%);}

.ab4 .swiper .swiper-slide .imgbox img{width: 4.8rem;height: 4.8rem;border-radius: 50%;object-fit: cover;}

.ab4 .swiper .swiper-slide .txtbox{flex: 1;margin-left: 0.8rem;}

.ab4 .swiper .swiper-slide .txtbox .t1{font-size: 1.28rem;line-height: 1;color: #EC5B02;}

.ab4 .swiper .swiper-slide .txtbox .t2{line-height: 1.5;color: #EC5B02;opacity: 0.8;margin-top: 0.5rem;}

.ab4 .link-boat-box {
  display: flex;
  align-items: center;
  transition: all .3s linear;
  margin: 1.2rem -1.4rem 0;
  transform: translateX(-5.79rem);
}

.ab4 .link-boat-box .link-boat-box-lineprev {
  width: 15.15rem;
  transform: rotate(180deg);
  flex-shrink: 0;
}

.ab4 .link-boat-box .link-boat-box-boat {
  width: .64rem;
  margin-left: .1rem;
  margin-right: .1rem;
  flex-shrink: 0;
}

.ab4 .link-boat-box .link-boat-box-linenext {
  width: 15.15rem;
  flex-shrink: 0;
}

.ab5{padding: 1.24rem 0 1.2rem;}

.ab5 .box{margin: 0.42rem auto 0;position: relative;max-width: 14.92rem;}

.ab5 .box .swiper{padding: 0.59rem 0;}

.ab5 .box .swiper-slide{position: relative;height: 4.2rem;}

.ab5 .box .ss{position: absolute;top: 50%;left: 50%;width: 100%;height: 4.2rem;border: 1px solid #EC5B02;padding: 0.27rem 0.25rem;display: flex;align-items: center;transform: translate(-50%, -50%);}

.ab5 .box .ss img{width: 100%;max-height: 100%;object-fit: contain;}

.ab5 .box .swiper-slide .ss:hover{height: 4.62rem;width: 110%;box-shadow: 0.04rem 0.04rem 0.2rem #F0E9E5;}

.ab5 .box .pogin{display: flex;align-items: center;justify-content: center;}

.ab5 .box .pogin span{width: 0.64rem;height: 2px;background: #EEEEEE;margin: 0 !important;opacity: 1;}

.ab5 .box .pogin span.swiper-pagination-bullet-active{background: #EC5B02;}

.ab5 .box .btn a{position: absolute;top: 2.24rem;width: 0.48rem;height: 0.48rem;border-radius: 50%;}

.ab5 .box .btn a img{width: 100%;}

.ab5 .box .btn a::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0.03rem solid #EC5B02;border-radius: 50%;opacity: 0;}

.ab5 .box .btn a.prev{left: -0.75rem;}

.ab5 .box .btn a.next{right: -0.75rem;}

.ab5 .box .btn a.next img{transform: rotate(180deg);}

.ab5 .box .btn a:hover::before{opacity: 1;}

.ab6{padding: 1.2rem 0 4.6rem;background: #F9F9F9 url(../images/about/ab6_1.png) no-repeat top 1.2rem center;background-size: 3.49rem auto;}

.footer{margin-top: -3.03rem;position: relative;z-index: 50;}

.ab6 .t1{display: flex;justify-content: center;margin-top: 0.4rem;}

.ab6 .t1 a{display: flex;align-items: center;justify-content: center;border: 2px solid #EC5B02;padding: 0.06rem 0.38rem;line-height: 2;color: #EC5B02;border-radius: 0.48rem;}

.ab6 .t1 a img{margin-left: 0.1rem;width: 0.06rem;}

.ab6 .t1 a:hover{background: #EC5B02;color: #fff;}

.ab6 .t1 a:hover img{filter: brightness(0) invert(1);}

.ab6 .ul{display: flex;justify-content: center;margin-top: 0.4674rem;}

.ab6 .ul .li{margin: 0 0.163rem;position: relative;}

.ab6 .ul .li .ico{width: 0.3865rem;height: 0.3865rem;border-radius: 50%;}

.ab6 .ul .li .ico img{width: 100%;height: 100%;object-fit: contain;}

.ab6 .ul .li:hover .ico{transform: scale(1.1);}

.ab6 .ul .li .code{position: absolute;top: 100%;left: 0;width: 1rem;padding-top: 0.16rem;pointer-events: none;opacity: 0;visibility: hidden;transform: translateY(0.5rem);}

.ab6 .ul .li:hover .code{transform: translateY(0);opacity: 1;pointer-events: all;visibility: visible;}

.ab6 .ul .li .code .arr{position: absolute;top: 0.08rem;left: 0.12rem;width: 0.18rem;}

.ab6 .ul .li .code .cox{height: 1rem;border-radius: 0.12rem;background: #fff;position: relative;z-index: 2;padding: 0.05rem;box-shadow: 0px 0.04rem 0.12rem 0px rgba(0, 0, 0, 0.10);}

.ab6 .ul .li .code .cox img{height: 0.9rem;object-fit: contain;}
.swiper-fa {
    position: relative;
}
.swiper-fa-prev {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: .64rem;
    height: .64rem;
    border-radius: 50%;
    background: #ffffff;
    transition: all .3s ease;
    cursor: pointer;
}
.swiper-fa-prev img {
    width: .11rem;
    height: .22rem;
    transition: all .3s ease;
}
.swiper-fa-prev:hover {
    background: #EC5B02;
}
.swiper-fa-prev:hover img {
    filter: brightness(0) invert(1);
}
.swiper-fa-next {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: .64rem;
    height: .64rem;
    border-radius: 50%;
    background: #ffffff;
    transition: all .3s ease;
    cursor: pointer;
}
.swiper-fa-next img {
    width: .11rem;
    height: .22rem;
    transform: rotate(180deg);
    transition: all .3s ease;
}
.swiper-fa-next:hover {
    background: #EC5B02;
}
.swiper-fa-next:hover img {
    filter: brightness(0) invert(1);
}