/* 24.8.2 9:00 池野. Tel/wchat:18720248770 */
.ventricle {
    overflow: hidden;
    transition: all 0.5s ease;
}

.ventricle:hover {
    background-color: var(--zCw);
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1) !important;
}

.ventricle.on {
    background-color: var(--zCw);
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1) !important;
}

.ventricle.venNeDe {
    background-color: var(--zCw);
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1) !important;
}

.ventricle .venSack {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.ventricle .venSack .venLf .venLogo {
    padding: 12px 0;
}

.ventricle.on .venSack .venLf .venLogo {
    padding: 10px 0;
}

.ventricle .venSack .venLf .venLogo>a {
    display: flex;
    position: relative;
}

.ventricle .venSack .venLf .venLogo>a img {
    width: 210px;
    max-width: 100%;
    transition: all 0.5s ease;
}

.ventricle.on .venSack .venLf .venLogo>a img {
    width: 150px;
}

.ventricle .venSack .venRg {
    display: flex;
    justify-content: flex-end;
}

.ventricle .venSack .venRg .venList .venUl {
    display: flex;
    align-items: center;
    height: 100%;
}

.ventricle .venSack .venRg .venList .venUl .venLi {
    margin-right: 3vw;
    height: 100%;
    display: flex;
    align-items: center;
}

.ventricle .venSack .venRg .venList .venUl .venLi .venLibox {
    height: 100%;
}

.ventricle .venSack .venRg .venList .venUl .venLi .venLibox>a {
    display: flex;
    align-items: center;
    height: 100%;
    position: relative;
}

.ventricle .venSack .venRg .venList .venUl .venLi .venLibox>a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 3px;
    background: linear-gradient(90deg, #1D63D5 0%, #00A5E6 99%);
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    transition: all 0.5s ease;
    opacity: 0;
}

.ventricle .venSack .venRg .venList .venUl .venLi .venLibox>a:hover:after {
    width: 100%;
    opacity: 1;
}

.ventricle .venSack .venRg .venList .venUl .venLi.on .venLibox>a::after {
    width: 100%;
    opacity: 1;
}

.ventricle .venSack .venRg .venList .venUl .venLi .venLibox>a p {
    font-size: var(--zTO6);
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zC14);
    transition: all 0.5s ease;
}

.ventricle .venSack .venRg .venList .venUl .venLi.on .venLibox>a p {
    font-weight: bold;
}

.ventricle .venSack .venRg .venRg_02 {
    display: flex;
    align-items: center;
}

.ventricle .venSack .venRg .venRg_02 .venSe .venSeIco {
    margin-right: 18px;
}

.ventricle .venSack .venRg .venRg_02 .venSe .venSeIco>i {
    font-size: var(--zTT4);
    color: var(--zC14);
}

.ventricle .venSack .venRg .venRg_02 .venphSa>a {
    display: flex;
    align-items: center;
}

.ventricle .venSack .venRg .venRg_02 .venphSa>a .venphIco {
    width: 27px;
}

.ventricle .venSack .venRg .venRg_02 .venphSa>a .venphIco {
    margin-right: 8px;
}

.ventricle .venSack .venRg .venRg_02 .venphSa>a .venphIco>img {
    width: 100%;
}

.ventricle .venSack .venRg .venRg_02 .venphSa>a .venph>p {
    font-family: robboM;
    font-size: var(--zTT4);
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zC14);
}

.ventricle .venSack .venCo {
    position: absolute;
    /* width: 403px; */
    width: 21.1vw;
    height: 100%;
    left: -5vw;
    top: 0;
    background: var(--zCb);
    z-index: -1;
    transition: all 0.5s ease;
}

.ventricle.on .venSack .venCo {
    width: 18vw;
}

.ventricle .venSack .venCo>p {
    opacity: 0;
}

.ventricle .venSack .venLin {
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: var(--zCw5);
    right: -6%;
    bottom: 0;
    z-index: -2;
}

/*  */
/*  */
.venSeBl {
    position: fixed;
    top: 98px;
    left: 0;
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 6px 8px 0px rgba(3, 23, 68, 0.25);
    border-top: 1px solid #D8D8D8;
    display: flex;
    justify-content: flex-end;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: all 0.8s ease;
}

.venSeBl.on {
    opacity: 1 !important;
    max-height: 200px !important;
    transition: all 0.8s ease;
}

.ventricle.on .venSeBl {
    top: 73px;
}

@media (max-width: 1536px) {
    .venSeBl {
        top: 66px;
    }

    .ventricle.on .venSeBl {
        top: 66px;
    }
}

@media (max-width: 499px) {
    .venSeBl {
        top: 56px;
    }

    .ventricle.on .venSeBl {
        top: 56px;
    }
}

/* 二级 */
/*  */
/* 二级 */
.venSecond {
    position: fixed;
    top: 98px;
    left: 0;
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 6px 8px 0px rgba(3, 23, 68, 0.25);
    border-top: 1px solid #D8D8D8;
    display: flex;
    justify-content: flex-end;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: all 0.5s ease;
}

.ventricle .venSack .venRg .venList .venUl .venLi:hover .venSecond {
    opacity: 1 !important;
    max-height: 400px !important;
    transition: all 0.8s ease;
}

.ventricle.on .venSecond {
    top: 73px;
}

.venSecond .venSeSa {
    display: flex;
    padding-top: 46px;
    padding-bottom: 40px;
}

.venSecond .venSeSa .ven01 {
    width: 37%;
    flex: 0 0 auto;
    position: relative;
    padding-top: 28px;
}

.venSecond .venSeSa .ven01::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background: #D8D8D8;
    top: 0;
    right: 0;
}

.venSecond .venSeSa .ven01 .ven01Ti {
    margin-bottom: 20px;
}

.venSecond .venSeSa .ven01 .ven01Ti p {
    font-size: 24px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0em;
    color: #333333;
}

.venSecond .venSeSa .ven01 .ven01P {
    padding-right: 12px;
}

.venSecond .venSeSa .ven01 .ven01P p {
    font-size: 14px;
    font-weight: normal;
    line-height: 30px;
    letter-spacing: 0em;
    color: #666666;
    width: 440px;
    max-width: 100%;
}

.venSecond .venSeSa .ven02 {
    width: 22%;
    flex: 0 0 auto;
}

.venSecond .venSeSa .ven02 .ven02Ul {
    padding: 28px 24% 0 16%;
}

.venSecond .venSeSa .ven02 .ven02Ul .ven02Li>a {
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0em;
    color: #333333;
    display: block;
    position: relative;
    padding-bottom: 14px;
    margin-bottom: 14px;
    transition: all 0.5s ease;
}

.venSecond .venSeSa .ven02 .ven02Ul .ven02Li>a:hover {
    /* font-weight: bold; */
    color: #14408A;
}

.venSecond .venSeSa .ven02 .ven02Ul .ven02Li.on>a {
    color: #14408A;
}

.venSecond .venSeSa .ven02 .ven02Ul .ven02Li>a::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #D8D8D8;
    left: 0;
    bottom: 0;
}

.venSecond .venSeSa .ven02 .ven02Ul .ven02Li>a::after {
    position: absolute;
    content: "";
    width: 0;
    height: 1px;
    background: linear-gradient(90deg, #1D63D5 0%, #00A5E6 99%);
    left: 0;
    bottom: 0;
    transition: all 0.5s ease;
}

.venSecond .venSeSa .ven02 .ven02Ul .ven02Li>a:hover:after {
    width: 100%;
}

.venSecond .venSeSa .ven02 .ven02Ul .ven02Li.on>a::after {
    width: 100%;
}

.venSecond .venSeSa .ven03 {
    width: 41%;
    flex: 0 0 auto;
}

.venSecond .venSeSa .ven03 .ven03Img {
    border-radius: 20px;
    overflow: hidden;
}

.venSecond .venSeSa .ven03 .ven03Img img {
    width: 100%;
    height: 277px;
    object-fit: cover;
    object-position: center;
}

@media (max-width: 1536px) {
    .venSecond {
        top: 66px;
    }

    .ventricle.on .venSecond {
        top: 66px;
    }

    .venSecond .venSeSa .ven01 .ven01Ti p {
        font-size: 22px;
    }

    .venSecond .venSeSa .ven02 .ven02Ul .ven02Li>a {
        font-size: 14px;
    }
}

/*  */

/* 按钮 */
#venPho {
    display: none;
}

#venPho .venPhoSack {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 26px;
    height: 100%;
    margin-left: 16px;
}

#venPho .venPhoSack::before,
#venPho .venPhoSack::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    transform: translateY(-50%);
    background: var(--zC1E);
    transition: all .5s;
}

#venPho .venPhoSack::before {
    margin-top: -7px;
}

#venPho .venPhoSack::after {
    margin-top: 7px;
}

#venPho .venPhoSack.on::before {
    margin-top: 0px;
    transform: translateY(50%) rotate(46deg);
}

#venPho .venPhoSack.on::after {
    margin-top: 0px;
    transform: translateY(0%) rotate(-46deg);
}

#venPho .venPhoSack span {
    height: 2px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    background: var(--zC1E);
    transition: all .5s;
}

#venPho .venPhoSack.on span {
    opacity: 0 !important;
}

@media (max-width: 1536px) {
    .ventricle .venSack .venLf .venLogo {
        padding: 10px 0;
    }

    .ventricle .venSack .venLf .venLogo>a img {
        width: 130px;
    }

    .ventricle.on .venSack .venLf .venLogo>a img {
        width: 130px;
    }

    .ventricle .venSack .venRg .venList .venUl .venLi {
        margin-right: 1.6vw;
    }

    .ventricle .venSack .venRg .venRg_02 .venphSa>a .venphIco {
        width: 24px;
    }

    .ventricle .venSack .venCo {
        width: 20vw;
    }

    .ventricle.on .venSack .venCo {
        width: 20vw;
    }
}

@media (max-width: 1199.9px) {
    .ventricle {
        background-color: var(--zCw);
        box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1) !important;
    }

    .ventricle .venSack .venRg .venList {
        display: none;
    }

    .ventricle .venSack .venRg .venRg_02 .venphSa>a .venph {
        display: none;
    }

    #venPho {
        display: block;
    }
}

@media (max-width: 992px) {
    .ventricle .venSack .venCo {
        width: 216px;
    }

    .ventricle.on .venSack .venCo {
        width: 216px;
    }
}

@media (max-width: 499px) {
    .ventricle .venSack .venLf .venLogo>a img {
        width: 104px;
    }

    .ventricle.on .venSack .venLf .venLogo>a img {
        width: 104px;
    }

    .ventricle .venSack .venCo {
        width: 146px;
    }

    .ventricle.on .venSack .venCo {
        width: 146px;
    }

    .ventricle .venSack .venRg .venRg_02 .venSe .venSeIco {
        margin-right: 8px;
    }

    .ventricle .venSack .venRg .venRg_02 .venSe .venSeIco>i {
        font-size: 20px;
    }

    #venPho .venPhoSack {
        margin-left: 10px;
    }
}

/*  */
/* */
#venPhoSec {
    /* display: none; */
    position: fixed;
    right: -100%;
    opacity: 0;
    top: 64px;
    width: 100%;
    height: 100vh;
    background: #fff;
    transition: all 0.8s ease;
    /* animation-name: fadeInUp11t; */
    /* animation-duration: 0.8s; */
    z-index: 999;
}

@keyframes fadeInUp11t {
    0% {
        opacity: 0;
        /* -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0) */
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

#venPhoSec ul li .xiaopingsanji {
    display: flex;
    height: 45px;
    align-items: center;
}

#venPhoSec .menu_list li {
    border-bottom: 1px solid #33333330;
}

#venPhoSec .menu_list li .xiaopingsanji a {
    width: 100%;
}

#venPhoSec ul li i {
    /* color: #fff; */
    color: #333;
    padding-left: 15px;
}

.menu_head {
    height: 46px;
    line-height: 46px;
    /* padding: 0 38px; */
    /* margin: auto; */
    /* border-bottom: 1px solid #33333330; */
    display: flex;
    justify-content: space-between;
}

.menu_head a {
    font-size: 16px;
    /* color: #fff; */
    color: #333;
    /* font-weight: bold; */
    /* font-family: ml; */
    width: 100%;
    margin: auto;
    display: block;
}

.xiantiao a {
    color: #14408A;
    /* font-weight: bold; */
}

.menu_body {
    line-height: 38px;
    display: none;
    /* border-bottom: 1px solid #33333330; */
    margin-bottom: 10px;
}

.menu_body a {
    display: block;
    /* height: 38px; */
    line-height: 32px;
    padding-left: 10px;
    /* color: #fff; */
    color: #666;
    text-decoration: none;
    font-size: 16px;
    transition: all 0.5s ease;
}

.menu_body h2 {
    padding-left: 53px;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    line-height: 28px;
}

.menu_body a:hover {
    color: #009DDC;
}

/* .menu_body .danqiana { color: rgba(28, 87, 163); background-color: rgba(237, 237, 237, 0.8); } */
@media (max-width: 499px) {
    #venPhoSec {
        opacity: 0;
        top: 50px;
    }

    .menu_head a {
        font-size: 14px;
    }

    .menu_body a {
        font-size: 14px;
        line-height: 30px;
    }

    #venPhoSec .menu_list {
        padding-top: 10px;
    }

    .menu_head {
        height: 38px !important;
        line-height: 38px;
    }
}

/*  */
.soma {
    position: relative;
    height: 100vh;
    overflow: hidden;
}

.somaph {
    display: none;
}

.soma>.swiper-pagination {
    left: 2.5vw !important;
    width: 5px;
}

.soma>.swiper-pagination .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    margin: 26px 0;
    opacity: 1;
    background-color: var(--zCw);
    position: relative;
    transition: all 0.5s ease;
    animation: rotation 2.5s linear infinite;
}

.soma>.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--zCw0);
}

.soma>.swiper-pagination .swiper-pagination-bullet::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/swsc.png) no-repeat;
    background-size: 100%;
    background-position: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
    transition: all 0.5s ease;
}

.soma>.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    transform: translate(-50%, -50%) scale(4);
    opacity: 1;
}

.soSw>.swiper-wrapper {
    position: relative;
}

.soSw>.swiper-wrapper .swiper-slide>img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: center center;
}

.soSw>.swiper-wrapper .swiper-slide .soSwSa {
    position: absolute;
    left: 50%;
    top: 54%;
    transform: translate(-50%, -50%);
}

.soSw>.swiper-wrapper .swiper-slide .soSwSa .soSwteimg {
    width: 662px;
    max-width: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 80px, 0);
    transition: 0.78s;
}

.soSwsa.swiper-slide-active .soSw>.swiper-wrapper .swiper-slide .soSwSa .soSwteimg {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    transition: 0.78s 0.6s;
}

.soSw>.swiper-wrapper .swiper-slide .soSwSa .soSwteimg img {
    width: 100%;
}

.soSw>.swiper-wrapper .swiper-slide .soSwSa .soSwLo {
    transform: translateY(-92px);
}

.soSw>.swiper-wrapper .swiper-slide .soSwSa .soSwp {
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 80px, 0);
    transition: 0.88s;
}

.soSwsa.swiper-slide-active .soSw>.swiper-wrapper .swiper-slide .soSwSa .soSwp {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    transition: 0.88s 0.7s;
}

.soSw>.swiper-wrapper .swiper-slide .soSwSa .soSwp p {
    font-family: zhjt;
    font-size: var(--zB7);
    /* font-weight: bold; */
    line-height: normal;
    letter-spacing: 0em;
    color: #FFFFFF;
    text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5);
}

.soSw>.swiper-wrapper .swiper-slide .soSwSa .soSwSmp {
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 80px, 0);
    transition: 0.88s;
}

.soSwsa.swiper-slide-active .soSw>.swiper-wrapper .swiper-slide .soSwSa .soSwSmp {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    transition: 0.88s 0.7s;
}

.soSw>.swiper-wrapper .swiper-slide .soSwSa .soSwSmp p {
    font-size: var(--zB5);
    /* margin-top: calc(var(--gap) * 1px); */
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0em;
    color: #FFFFFF;
    text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5);
}

.soSw>.swiper-wrapper .swiper-slide .soSwDown {
    position: absolute;
    bottom: 6vw;
    right: 4vw;
    z-index: 50;
}

.soSw>.swiper-wrapper .swiper-slide .soSwDown>a {
    width: 54px;
    height: 54px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 2;
    background: var(--zCb);
    display: block;
    position: relative;
}

.soSw>.swiper-wrapper .swiper-slide .soSwDown>a::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 8px;
    background-color: var(--zCw);
    margin-left: -4px;
    margin-top: -4px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 2;
}

.soSw>.swiper-wrapper .swiper-slide .soSwDown>a .soSwDico {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 14px;
    margin-left: -7px;
    z-index: 1;
}

.soSw>.swiper-wrapper .swiper-slide .soSwDown>a .soSwDico img {
    width: 100%;
}

.soSw>.swiper-wrapper .swiper-slide .soSwDown>a .soSwDsp {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: -1;
    -webkit-animation: soak 3s infinite;
    animation: soak 3s infinite;
    z-index: -1;
}

.soSw>.swiper-wrapper .swiper-slide .soSwDown .soSwDbal {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.soSw>.swiper-wrapper .swiper-slide .soSwDown .soSwDbal>span {
    display: block;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: -1;
    -webkit-transition: ease 1s;
    transition: ease 1s;
    position: absolute;
    left: 50%;
    bottom: 0px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-opacity: 0;
    opacity: 0;
}

.soSw>.swiper-wrapper .swiper-slide .soSwDown .soSwDbal>span:nth-child(1) {
    -webkit-animation: pao 4s linear infinite;
    animation: pao 4s linear infinite;
    background: #2b93d481;
}

.soSw>.swiper-wrapper .swiper-slide .soSwDown .soSwDbal>span:nth-child(2) {
    -webkit-animation: pao3 6s linear infinite;
    animation: pao3 6s linear infinite;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    background: #2b93d4cf;
}

.soSw>.swiper-wrapper .swiper-slide .soSwDown .soSwDbal>span:nth-child(3) {
    -webkit-animation: pao2 3s linear infinite;
    animation: pao2 3s linear infinite;
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
    background: #2B92D4;
}

.soSw>.swiper-wrapper .swiper-slide .soSwDown .soSwDbal>span:nth-child(4) {
    -webkit-animation: pao4 9s linear infinite;
    animation: pao4 9s linear infinite;
    background: #2b93d43c;
}

.soSw>.swiper-wrapper .swiper-slide .soSwDown .soSwDbal>span:nth-child(5) {
    -webkit-animation: pao5 7s linear infinite;
    animation: pao5 7s linear infinite;
    background: #2b93d476;
}

@media (max-width: 1536px) {
    .soma>.swiper-pagination .swiper-pagination-bullet {
        width: 4px;
        height: 4px;
        margin: 20px 0;
    }

    .soSw>.swiper-wrapper .swiper-slide .soSwSa .soSwteimg {
        width: 460px;
    }

    .soSw>.swiper-wrapper .swiper-slide .soSwSa .soSwLo {
        transform: translateY(-70px);
    }

    .soSw>.swiper-wrapper .swiper-slide .soSwDown>a {
        width: 42px;
        height: 42px;
    }
}

@media (max-width: 1199.9px) {
    .soma {
        display: none;
    }

    .somaph {
        display: block;
    }

    .soma>.swiper-pagination {
        display: none;
    }
}

@media (max-width: 992px) {
    .soSw>.swiper-wrapper .swiper-slide .soSwSa {
        top: 52%;
    }

    .soSw>.swiper-wrapper .swiper-slide .soSwSa .soSwteimg {
        width: 460px;
    }

    .soSw>.swiper-wrapper .swiper-slide .soSwSa .soSwLo {
        transform: translateY(-54px);
    }

    .soSw>.swiper-wrapper .swiper-slide .soSwDown>a .soSwDico {
        display: flex;
        justify-content: center;
    }

    .soSw>.swiper-wrapper .swiper-slide .soSwDown>a .soSwDico img {
        width: 80%;
    }

}

@media (max-width: 499px) {
    .soSwsa {
        height: 100vh;
    }

    .soSw>.swiper-wrapper .swiper-slide>img {
        height: 100vh;
    }

    .soSw>.swiper-wrapper .swiper-slide .soSwSa {
        top: 58%;
    }

    .soSw>.swiper-wrapper .swiper-slide .soSwDown {
        bottom: 14vw;
        right: 8vw;
    }

    .soSw>.swiper-wrapper .swiper-slide .soSwDown>a {
        width: 30px;
        height: 30px;
    }

    .soSw>.swiper-wrapper .swiper-slide .soSwDown>a .soSwDico img {
        width: 68%;
    }
}

.so01 {
    background-image: url(../images/so01bg1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
}

.so01 .so01Sa .so01Smt {
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 40px, 0);
    transition: 0.88s;
}

.so01.swiper-slide-active .so01Sa .so01Smt {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    transition: 0.88s 0.7s;
}

.so01 .so01Sa .so01Smt p {
    font-size: var(--zTO8);
    font-weight: bold;
    line-height: normal;
    text-align: center;
    letter-spacing: 0em;
    color: var(--zCw);
    opacity: 0.3;
}

.so01 .so01Sa .so01T {
    padding-bottom: 50px;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 40px, 0);
    transition: 0.88s;
}

.so01.swiper-slide-active .so01Sa .so01T {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    transition: 0.88s 0.8s;
}

.so01 .so01Sa .so01T p {
    font-size: var(--zTF6);
    font-weight: bold;
    line-height: normal;
    text-align: center;
    letter-spacing: 0em;
    color: var(--zCw);
}

.so01 .so01Sa .so01P {
    padding-bottom: 50px;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 40px, 0);
    transition: 0.88s;
}

.so01.swiper-slide-active .so01Sa .so01P {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    transition: 0.88s 0.9s;
}

.so01 .so01Sa .so01P p {
    font-size: var(--zTO8);
    font-weight: normal;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0em;
    color: var(--zCw);
}

.so01 .so01Sa .so01Btn {
    display: flex;
    justify-content: center;
    margin-bottom: 80px;
}

.so01 .so01Sa .so01Btn .so01BtnSa {
    transition: all 0.5s ease;
    border-radius: 30px;
    position: relative;
    z-index: 12;
}

.so01 .so01Sa .so01Btn .so01BtnSa:hover {
    background-color: var(--zCw);
}

.so01 .so01Sa .so01Btn .so01A {
    font-size: var(--zTO4);
    font-weight: normal;
    line-height: 29px;
    text-transform: uppercase;
    letter-spacing: 0em;
    color: var(--zCw);
    display: block;
    border: 1px solid #ffffff93;
    border-radius: 30px;
    display: flex;
    align-items: center;
    padding: 4px 14px;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 40px, 0);
    transition: 0.88s;
}

.so01 .so01Sa .so01Btn .so01BtnSa .so01A p {
    transition: all 0.5s ease;
    position: relative;
    z-index: 14;
}

.so01 .so01Sa .so01Btn .so01BtnSa:hover .so01A p {
    color: var(--zC14);
}

.so01.swiper-slide-active .so01Sa .so01Btn .so01A {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    transition: 0.88s 1s;
}

.so01 .so01Sa .so01Btn .so01A .so01S {
    border-radius: 50%;
    font-size: var(--zTO2);
    color: var(--zC14);
    line-height: 16px;
    width: 16px;
    background-color: var(--zCw);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 16px;
    -webkit-transform-origin: 50% 50% -5px;
    transform-origin: 50% 50% -5px;
    -webkit-transition: all 480ms ease-out 0s;
    transition: all 480ms ease-out 0s;
    position: relative;
}

.so01 .so01Sa .so01Btn .so01A .so01S::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(249deg, #00A5E6 -9%, #1F56AC 107%);
    z-index: -1;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    transition: all 0.5s ease;
}

.so01 .so01Sa .so01Btn .so01A:hover .so01S::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

.so01 .so01Sa .so01Btn .so01A:hover .so01S {
    /* -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg); */
    background-color: var(--zCw0);
    color: var(--zCw) !important;
}

.so01 .so01Sa .so01Ul {
    display: flex;
}

.so01 .so01Sa .so01Ul .so01Li {
    width: 20%;
    position: relative;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.2);
    transition: 0.88s;
}

.so01.swiper-slide-active .so01Sa .so01Ul .so01Li {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    transition: 0.88s 1s;
}

.so01.swiper-slide-active .so01Sa .so01Ul .so01Li:nth-child(2) {
    transition: 0.88s 1.1s;
}

.so01.swiper-slide-active .so01Sa .so01Ul .so01Li:nth-child(3) {
    transition: 0.88s 1.2s;
}

.so01.swiper-slide-active .so01Sa .so01Ul .so01Li:nth-child(4) {
    transition: 0.88s 1.3s;
}

.so01.swiper-slide-active .so01Sa .so01Ul .so01Li:nth-child(5) {
    transition: 0.88s 1.4s;
}

.so01 .so01Sa .so01Ul .so01Li .so01LiImg {
    width: 100%;
    transform: scale(1.04);
}

.so01 .so01Sa .so01Ul .so01Li:nth-child(1) .so01LiImg {
    animation-delay: -2s;
}

.so01 .so01Sa .so01Ul .so01Li:nth-child(2) .so01LiImg {
    animation-delay: -4s;
}

.so01 .so01Sa .so01Ul .so01Li:nth-child(3) .so01LiImg {
    animation-delay: -6s;
}

.so01 .so01Sa .so01Ul .so01Li:nth-child(4) .so01LiImg {
    animation-delay: -8s;
}

.so01 .so01Sa .so01Ul .so01Li:nth-child(5) .so01LiImg {
    animation-delay: -10s;
}

.so01 .so01Sa .so01Ul .so01Li .so01LiSa {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.so01 .so01Sa .so01Ul .so01Li .so01LiSa .so01Litp {
    display: flex;
    align-items: baseline;
    transform: translate3d(0, 0, 0);
    margin-bottom: 16px;
}

.so01 .so01Sa .so01Ul .so01Li .so01LiSa .so01Litp p {
    font-family: robbo;
    font-size: var(--zTS5);
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zCw);
    transform: translate3d(0, 0, 0);
    margin-right: 12px;
}

.so01 .so01Sa .so01Ul .so01Li .so01LiSa .so01Litp span {
    font-size: var(zTO8);
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zCw);
    transform: translate3d(0, 0, 0)
}

.so01 .so01Sa .so01Ul .so01Li .so01LiSa .so01Libt p {
    font-size: var(--zTT4);
    font-weight: bold;
    line-height: normal;
    text-align: center;
    letter-spacing: 0em;
    color: var(--zCw);
}

@media (max-width: 1536px) {
    .so01 .so01Sa {
        transform: translateY(26px);
    }

    .so01 .so01Sa .so01T {
        padding-bottom: 20px;
    }

    .so01 .so01Sa .so01P {
        padding-bottom: 20px;
    }

    .so01 .so01Sa .so01P p {
        font-size: var(--zTO6);
        line-height: 24px;
    }

    .so01 .so01Sa .so01Btn {
        margin-bottom: 30px;
    }

    .so01 .so01Sa .so01Ul .so01Li .so01LiSa .so01Litp {
        margin-bottom: 4px;
    }

    .so01 .so01Sa .so01Ul .so01Li .so01LiSa .so01Litp p {
        margin-right: 6px;
    }

    .so01 .so01Sa .so01Ul .so01Li .so01LiSa .so01Libt p {
        font-size: 16px;
    }
}

@media (max-width: 1199.9px) {
    .so01 {
        height: auto;
    }

    .so01 .so01Sa {
        padding: 60px 0 80px;
        transform: translateY(26px);
    }
}

@media (max-width: 992px) {
    .so01 .so01Sa .so01Ul .so01Li .so01LiSa .so01Libt p {
        font-size: 14px;
    }
}

@media (max-width: 862px) {
    .so01 .so01Sa .so01Ul {
        flex-wrap: wrap;
        justify-content: center;
    }

    .so01 .so01Sa .so01Ul .so01Li {
        width: 33.3333%;
    }
}

@media (max-width: 499px) {
    .so01 .so01Sa {
        padding: 46px 0 56px;
    }

    .so01 .so01Sa .so01T {
        padding-bottom: 20px;
    }

    .so01 .so01Sa .so01P p {
        line-height: 22px;
    }

    .so01 .so01Sa .so01Btn {
        margin-bottom: 50px;
    }

    .so01 .so01Sa .so01Ul .so01Li .so01LiSa .so01Litp {
        margin-bottom: 4px;
    }

    .so01 .so01Sa .so01Ul .so01Li .so01LiSa .so01Litp p {
        margin-right: 5px;
    }

    .so01 .so01Sa .so01Ul .so01Li .so01LiSa .so01Libt p {
        font-size: 13px;
        min-width: max-content;
        text-align: center;
    }
}

.so02Sw {
    overflow: hidden;
}

.so02Sw>.swiper-wrapper {
    position: relative;
}

.so02Sw>.swiper-wrapper .swiper-slide>img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: 22% 50%;
    transform: scale(1.1);
    transition: ease 3s;
    opacity: 1;
}

.so02.swiper-slide-active .so02Sw>.swiper-wrapper .swiper-slide.swiper-slide-active>img {
    transform: scale(1);
    opacity: 1;
}

.so02Sw>.swiper-wrapper .swiper-slide .so02SwSa {
    position: absolute;
    left: 50%;
    top: 59%;
    transform: translate(-50%, -50%);
}

.so02Sw>.swiper-wrapper .swiper-slide .so02SwSa .so02Swt {
    padding-bottom: 24px;
    margin-bottom: 30px;
    position: relative;
}

.so02Sw>.swiper-wrapper .swiper-slide .so02SwSa .so02Swt {
    padding-bottom: 24px;
    margin-bottom: 30px;
    position: relative;
}

.so02Sw>.swiper-wrapper .swiper-slide .so02SwSa .so02Swt {
    opacity: 0;
    visibility: hidden;
    transform: translateX(40px);
    transition: 0.58s;
}

.so02Sw>.swiper-wrapper .swiper-slide.swiper-slide-active .so02SwSa .so02Swt {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    transition: 0.58s 0.4s;
}

.so02Sw>.swiper-wrapper .swiper-slide .so02SwSa .so02Swt::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 34px;
    background-color: var(--zCw);
}

.so02Sw>.swiper-wrapper .swiper-slide .so02SwSa .so02Swt>p {
    font-size: var(--zTT6);
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zCw);
}

.so02Sw>.swiper-wrapper .swiper-slide .so02SwSa .so02Swp {
    padding-bottom: 60px;
}

.so02Sw>.swiper-wrapper .swiper-slide .so02SwSa .so02Swp {
    opacity: 0;
    visibility: hidden;
    transform: translateX(40px);
    transition: 0.58s;
}

.so02Sw>.swiper-wrapper .swiper-slide.swiper-slide-active .so02SwSa .so02Swp {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    transition: 0.58s 0.5s;
}

.so02Sw>.swiper-wrapper .swiper-slide .so02SwSa .so02Swp>p {
    font-size: var(--zTO8);
    font-weight: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: var(--zCw);
    width: 680px;
    max-width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}

.so02Sw>.swiper-wrapper .swiper-slide .so02SwSa .so02Btn {
    display: flex;
    justify-content: flex-start;
}

.so02Sw>.swiper-wrapper .swiper-slide .so02SwSa .so02Btn .so02BtnSa {
    transition: all 0.5s ease;
    border-radius: 30px;
}

.so02Sw>.swiper-wrapper .swiper-slide .so02SwSa .so02Btn .so02BtnSa:hover {
    background-color: var(--zCw);
}

.so02Sw>.swiper-wrapper .swiper-slide .so02SwSa .so02Btn .so02A {
    font-size: var(--zTO4);
    font-weight: normal;
    line-height: 29px;
    letter-spacing: normal;
    color: var(--zC14);
    border: 1px solid var(--zCw);
    background: var(--zCw0);
    border-radius: 30px;
    display: flex;
    align-items: center;
    padding: 4px 14px;
    opacity: 0;
    visibility: hidden;
    transform: translateX(40px);
    transition: 0.58s;
}

.so02Sw>.swiper-wrapper .swiper-slide.swiper-slide-active .so02SwSa .so02Btn .so02A {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    transition: 0.58s 0.6s;
}

.so02Sw>.swiper-wrapper .swiper-slide .so02SwSa .so02Btn .so02A p {
    color: var(--zCw);
    transition: all 0.5s ease;
}

.so02Sw>.swiper-wrapper .swiper-slide .so02SwSa .so02Btn .so02BtnSa:hover .so02A p {
    color: var(--zC14);
}

.so02Sw>.swiper-wrapper .swiper-slide .so02SwSa .so02Btn .so02A .so02S {
    border-radius: 50%;
    font-size: var(--zTO2);
    color: var(--zC14);
    line-height: 16px;
    width: 16px;
    background-color: var(--zCw);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 16px;
    -webkit-transform-origin: 50% 50% -5px;
    transform-origin: 50% 50% -5px;
    -webkit-transition: all 480ms ease-out 0s;
    transition: all 480ms ease-out 0s;
    position: relative;
}

.so02Sw>.swiper-wrapper .swiper-slide .so02SwSa .so02Btn .so02A .so02S::before {
    z-index: 12;
}

.so02Sw>.swiper-wrapper .swiper-slide .so02SwSa .so02Btn .so02A .so02S::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(249deg, #00A5E6 -9%, #1F56AC 107%);
    z-index: 4;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    transition: all 0.5s ease;
}

.so02Sw>.swiper-wrapper .swiper-slide .so02SwSa .so02Btn .so02A:hover .so02S::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

.so02Sw>.swiper-wrapper .swiper-slide .so02SwSa .so02Btn .so02A:hover .so02S {
    /* -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg); */
    background-color: var(--zCw0);
    color: var(--zCw) !important;
}

.so02 .so02Tit {
    position: absolute;
    left: 50%;
    top: 26.6%;
    transform: translate(-50%, -50%);
    z-index: 12;
}

.so02 .so02Tit .so02TitSa .so01Smt {
    opacity: 0;
    visibility: hidden;
    transform: translateX(40px);
    transition: 0.88s;
}

.so02.swiper-slide-active .so02Tit .so02TitSa .so01Smt {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    transition: 0.88s 0.6s;
}

.so02 .so02Tit .so02TitSa .so01Smt p {
    font-size: var(--zTO8);
    font-weight: bold;
    letter-spacing: 0em;
    color: var(--zCw);
    opacity: 0.7;
    line-height: normal;
    transform: translate3d(0, 0, 0);
}

.so02 .so02Tit .so02TitSa .so01T {
    opacity: 0;
    visibility: hidden;
    transform: translate3d(40px, 0, 0);
    transition: 0.88s;
}

.so02.swiper-slide-active .so02Tit .so02TitSa .so01T {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    transition: 0.88s 0.7s;
}

.so02 .so02Tit .so02TitSa .so01T p {
    font-size: var(--zTF6);
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zCw);
    transform: translate3d(0, 0, 0)
}

.so02 .so02pag {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 99;
    display: block;
}

.so02 .so02pag .so02pagUl {
    display: flex;
    flex-direction: column;
    /* height: calc(100% - 72px);; */
    padding-top: 72px;
    height: 100%;
    border-left: 1px solid var(--zCD8);
}

.so02 .so02pag .so02pagUl .so02pagLi {
    height: 25%;
    border-bottom: 1px solid var(--zCD8);
    position: relative;
}

.so02 .so02pag .so02pagUl .so02pagLi:last-child {
    border: none;
}

.so02 .so02pag .so02pagUl .so02pagLi::after {
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background: linear-gradient(81deg, #1D63D5 8%, #00A5E6 100%, #8EC220 211%, #00A5E6 211%);
    opacity: 0;
    transition: all 0.5s ease;
}

.so02 .so02pag .so02pagUl .so02pagLi.on:after {
    opacity: 1;
}

.so02 .so02pag .so02pagUl .so02pagLi .so02pagLiSa {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 12px 68px;
    position: relative;
    z-index: 12;
}

.so02 .so02pag .so02pagUl .so02pagLi .so02pagLiSa .so02pagLi_01 .so02pagLiIco {
    width: 144px;
    margin-right: 16px;
}

.so02 .so02pag .so02pagUl .so02pagLi .so02pagLiSa .so02pagLi_01 .so02pagLiIco img {
    width: 100%;
}

.so02 .so02pag .so02pagUl .so02pagLi .so02pagLiSa .so02pagLi_02 .so02pagLibgT p {
    font-size: var(--zTT6);
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zCw);
}

.so02 .so02pag .so02pagUl .so02pagLi .so02pagLiSa .so02pagLi_02 .so02pagLiT p {
    font-size: var(--zTO4);
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zCw);
    opacity: 0.5;
}

@media (max-width: 1536px) {
    .so02Sw>.swiper-wrapper .swiper-slide .so02SwSa .so02Swp>p {
        line-height: 24px;
    }

    .so02 .so02pag .so02pagUl {
        padding-top: 66px;
    }

    .so02 .so02pag .so02pagUl .so02pagLi .so02pagLiSa {
        padding: 12px 32px;
    }

    .so02 .so02pag .so02pagUl .so02pagLi .so02pagLiSa .so02pagLi_01 .so02pagLiIco {
        width: 80px;
    }
}

@media (max-width: 1199.9px) {
    .so02 {
        /* height: auto; */
        height: 600px;
    }

    .so02Sw {
        height: 100%;
    }

    .so02Sw>.swiper-wrapper .swiper-slide>img {
        height: 100%;
    }

    .so02Sw>.swiper-wrapper .swiper-slide .so02SwSa {
        top: 50%;
    }

    .so02Sw>.swiper-wrapper .swiper-slide .so02SwSa .so02Swp {
        padding-bottom: 46px;
    }

    .so02Sw>.swiper-wrapper .swiper-slide .so02SwSa .so02Swp>p {
        -webkit-line-clamp: 3;
    }

    .so02 .so02Tit {
        top: 15.6%;
    }

    .so02 .so02pag .so02pagUl {
        padding-top: 0;
    }

    .so02 .so02pag {
        height: auto;
        width: 100%;
        top: auto;
        bottom: 0;
    }

    .so02 .so02pag .so02pagUl {
        flex-direction: row;
    }

    .so02 .so02pag .so02pagUl .so02pagLi {
        height: auto;
        width: 25%;
        border: none;
        border-right: 1px solid var(--zCD8);
        border-top: 1px solid var(--zCD8);
    }

    .so02 .so02pag .so02pagUl .so02pagLi:last-child {
        border-top: 1px solid var(--zCD8);
    }

    .so02 .so02pag .so02pagUl .so02pagLi .so02pagLiSa {
        padding: 20px 12px;
    }

    .so02 .so02pag .so02pagUl .so02pagLi .so02pagLiSa .so02pagLi_02 .so02pagLibgT p {
        font-size: 18px;
    }

    .so02 .so02pag .so02pagUl .so02pagLi .so02pagLiSa .so02pagLi_02 .so02pagLiT p {
        font-size: 12px;
    }
}

@media (max-width: 992px) {
    .so02 .so02pag .so02pagUl .so02pagLi .so02pagLiSa .so02pagLi_01 .so02pagLiIco {
        width: 58px;
        margin-right: 6px;
    }

    .so02 .so02pag .so02pagUl .so02pagLi .so02pagLiSa .so02pagLi_02 .so02pagLiT p {
        display: none;
    }
}

@media (max-width: 800px) {
    .so02 {
        height: 690px;
    }

    .so02 .so02Tit {
        top: 13.6%;
    }

    .so02Sw>.swiper-wrapper .swiper-slide .so02SwSa {
        top: 44%;
    }

    .so02 .so02pag .so02pagUl {
        flex-wrap: wrap;
    }

    .so02 .so02pag .so02pagUl .so02pagLi {
        width: 50%;
    }
}

@media (max-width: 499px) {
    .so02 {
        height: 590px;
    }

    .so02 .so02Tit {
        top: 12.6%;
    }

    .so02Sw>.swiper-wrapper .swiper-slide .so02SwSa {
        top: 45%;
    }

    .so02Sw>.swiper-wrapper .swiper-slide .so02SwSa .so02Swt {
        padding-bottom: 16px;
        margin-bottom: 26px;
    }

    .so02Sw>.swiper-wrapper .swiper-slide .so02SwSa .so02Swp>p {
        line-height: 22px;
    }

    .so02 .so02pag {
        height: 170px;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .so02 .so02pag .so02pagUl .so02pagLi {
        border-left: none;
    }

    .so02 .so02pag .so02pagUl .so02pagLi:nth-child(2) {
        border-right: none;
    }

    .so02 .so02pag .so02pagUl .so02pagLi .so02pagLiSa {
        padding: 9px 12px;
    }

    .so02 .so02pag .so02pagUl .so02pagLi .so02pagLiSa .so02pagLi_02 .so02pagLibgT p {
        font-size: 14px;
    }
}

.so03 {
    background-image: url(../images/so03bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.so03 .so02Sa {
    position: absolute;
    left: 50%;
    top: 48%;
    transform: translate(-50%, -50%);
}

.so03 .so02Sa .so02TiSa {
    transform: scale(1.08);
    opacity: 0;
    visibility: hidden;
    /* transform: translate3d(0, 40px, 0); */
    transition: 0.88s;
}

.so03.swiper-slide-active .so02Sa .so02TiSa {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    transition: 0.88s 0.7s;
}

/* .so03 .so02Sa .so01Smt {
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 40px, 0);
    transition: 0.88s;
} */

/* .so03.swiper-slide-active .so02Sa .so01Smt {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    transition: 0.88s 0.7s;
} */

.so03 .so02Sa .so01Smt p {
    text-align: center;
    font-weight: bold;
    font-size: var(--zTO8);
    color: var(--zCw);
    opacity: 0.3;
    transform: translate3d(0, 0, 0);
}

.so03 .so02Sa .so01T {
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 40px, 0);
    transition: 0.88s;
}

.so03.swiper-slide-active .so02Sa .so01T {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    transition: 0.88s 0.8s;
}

.so03 .so02Sa .so01T p {
    font-size: var(--zTF6);
    font-weight: bold;
    line-height: normal;
    text-align: center;
    letter-spacing: 0em;
    color: var(--zCw);
    transform: translate3d(0, 0, 0);
}

.so03 .so02Sa .so03Sw {
    position: relative;
    z-index: 3;
    overflow: hidden;
    height: 452px;
    /* margin-top: 70px; */
    padding: 0 5.4%;

    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 40px, 0);
    transition: 0.88s;
}

.so03.swiper-slide-active .so02Sa .so03Sw {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    transition: 0.88s 0.8s;
}

.so03 .so02Sa .so03Sw .so03SwUl {
    position: relative;
    width: 100%;
    max-width: 1560px;
    height: 100%;
    z-index: 1;
    margin: 0 auto;
    overflow: hidden;
    /* padding-bottom: 130px !important; */
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.so03 .so02Sa .so03Sw .so03SwUl .so03SwLi {
    width: 246px;
    height: auto;
    /* top: 0 !important; */
}

.so03 .so02Sa .so03Sw .so03SwUl .so03SwLi .so03SwLiSa {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    font-size: 0;
    /* line-height: 290px; */
    text-align: center;
    /* padding-bottom: 132px; */
}

.so03 .so02Sa .so03Sw .so03SwUl .so03SwLi .so03SwLiSa::after {
    content: "";
    display: block;
    padding-top: 134%;
}

.so03 .so02Sa .so03Sw .so03SwUl .so03SwLi .so03SwLiSa img {
    max-width: 100%;
    width: 100%;
    /* max-height: 100%; */
    vertical-align: middle;
    object-fit: cover;
    object-position: center;
    position: absolute;
    left: 0;
    top: 0;
}

.so03 .so02Sa .so03Sw .so03SwUl .so03SwLi .so03SwLiSa .so03SwLiTit {
    position: absolute;
    width: max-content;
    left: 50%;
    bottom: -14%;
    transform: translateX(-50%);
}

.so03 .so02Sa .so03Sw .so03SwUl .so03SwLi .so03SwLiSa .so03SwLiTit p {
    font-size: var(--zTT4);
    font-weight: bold;
    line-height: normal;
    text-align: center;
    letter-spacing: 0em;
    color: var(--zCw);
    opacity: 0;
    transition: all 0.2s ease;
}

.so03 .so02Sa .so03Sw .so03SwUl .so03SwLi.roundabout-in-focus .so03SwLiSa .so03SwLiTit p {
    opacity: 1;
    transition: all 0.5s ease;
}

.so03 .so02Sa .so03Sw .raprev,
.so03 .so02Sa .so03Sw .ranext {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 40%;
    transform: translateY(-50%);
    border-radius: 50%;
    border: 1px solid var(--zCw5);
    transition: all 0.5s ease;
    cursor: pointer;
}

.so03 .so02Sa .so03Sw .raprev:hover,
.so03 .so02Sa .so03Sw .ranext:hover {
    border: 1px solid var(--zCw0);
}

.so03 .so02Sa .so03Sw .raprev {
    left: 0;
}

.so03 .so02Sa .so03Sw .ranext {
    right: 0;
}

.so03 .so02Sa .so03Sw .raprev .raprevSa,
.so03 .so02Sa .so03Sw .ranext .ranextSa {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.so03 .so02Sa .so03Sw .raprev .raprevSa::after,
.so03 .so02Sa .so03Sw .ranext .ranextSa::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.4);
    background: linear-gradient(90deg, #1253BE 0%, #00A5E6 100%);
    opacity: 0;
    transition: all 0.5s ease;
    border-radius: 50%;
    z-index: 10;
}

.so03 .so02Sa .so03Sw .raprev:hover .raprevSa::after,
.so03 .so02Sa .so03Sw .ranext:hover .ranextSa::after {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}

.so03 .so02Sa .so03Sw .raprev i,
.so03 .so02Sa .so03Sw .ranext i {
    font-size: 20px;
    color: var(--zCw);
    position: relative;
    font-weight: bold;
    z-index: 12;
}

.so03Swph {
    display: none;
}

.zcxz {
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 40px, 0);
    transition: 0.88s;
}

.so03.swiper-slide-active .zcxz {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    transition: 0.88s 0.8s;
}

/* 1400 */
.so03Sw {
    display: none;
}

.so03Swph {
    display: block;
    overflow: hidden;
}

.so03Swph>.swiper-wrapper .swiper-slide .so03SwphSa {
    background: url(../images/xiangk.png) no-repeat;
    background-size: 100% 100%;
}

.so03Swph>.swiper-wrapper .swiper-slide img {
    aspect-ratio: 3 / 4;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: scale(0.9);
}

.so03Swph>.swiper-wrapper .swiper-slide .so03SwphTi {
    padding-top: 10px;
}

.so03Swph>.swiper-wrapper .swiper-slide .so03SwphTi p {
    font-size: 18px;
    font-weight: bold;
    line-height: normal;
    text-align: center;
    letter-spacing: 0em;
    color: var(--zCw);
}

.so03Swph>.swiper-button-prev {
    left: -5%;
    /* top: 56%; */
    border: 1px solid var(--zCw5);
    border-radius: 50%;
    width: 38px;
    height: 38px;
    transition: all 0.5s ease;
    /* display: none; */
}

.so03Swph>.swiper-button-prev:hover {
    border: 1px solid var(--zCw0);
}

.so03Swph>.swiper-button-prev::after {
    font-size: 16px;
    font-weight: bold;
    color: var(--zCw);
    transition: all 0.5s ease;
    z-index: 12;
}

.so03Swph>.swiper-button-prev::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.4);
    background: linear-gradient(90deg, #1253BE 0%, #00A5E6 100%);
    opacity: 0;
    transition: all 0.5s ease;
    border-radius: 50%;
}

.so03Swph>.swiper-button-prev:hover:before {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

.so03Swph>.swiper-button-next {
    /* display: none; */
    /* top: 56%; */
    right: -5%;
    border: 1px solid var(--zCw5);
    border-radius: 50%;
    width: 38px;
    height: 38px;
    transition: all 0.5s ease;
}

.so03Swph>.swiper-button-next:hover {
    border: 1px solid var(--zCw0);
}

.so03Swph>.swiper-button-next::after {
    font-size: 16px;
    font-weight: bold;
    color: var(--zCw);
    transition: all 0.5s ease;
    z-index: 12;
}

.so03Swph>.swiper-button-next::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.4);
    background: linear-gradient(90deg, #1253BE 0%, #00A5E6 100%);
    opacity: 0;
    transition: all 0.5s ease;
    border-radius: 50%;
}

.so03Swph>.swiper-button-next:hover:before {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

.so03Swph>.swiper-pagination {
    bottom: -18%;
    display: none;
}

@media (max-width: 1536px) {
    .so03 .so02Sa .so02TiSa {
        transform: translateY(20px);
    }

    .so03 .so02Sa .so03Sw {
        height: 480px;
        margin-top: 0px;
    }

    .so03 .so02Sa .so01T {
        padding-bottom: 70px;
    }

    .so03 .so02Sa .so03Sw .so03SwUl .so03SwLi .so03SwLiSa .so03SwLiTit {
        bottom: -16%;
    }

    .so03 .so02Sa .so03Sw .raprev,
    .so03 .so02Sa .so03Sw .ranext {
        width: 40px;
        height: 40px;
        top: 48%;
    }

    .so03 .so02Sa .so03Sw .raprev i,
    .so03 .so02Sa .so03Sw .ranext i {
        font-size: 16px;
    }
}

@media (max-width: 1400px) {
    .so03 .so02Sa .so01T {
        padding-bottom: 40px;
    }
}

@media (max-width: 1199.9px) {
    .so03 {
        height: auto;
    }

    .so03 .so02Sa {
        position: relative;
        left: 0;
        top: 0;
        transform: translate(0);
        padding: 60px 0 120px;
    }

    .so03 .so02Sa .so02TiSa {
        transform: translateY(0);
        position: relative;
        padding-bottom: 40px;
    }

    .so03Swph>.swiper-button-prev {
        display: flex;
        left: -6%;
        top: 50%;
    }

    .so03Swph>.swiper-button-next {
        display: flex;
        right: -6%;
        top: 50%;
    }

    .so03Swph>.swiper-pagination {
        bottom: 10%;
    }
}

@media (max-width: 1536px) {
    .so03Swph>.swiper-wrapper .swiper-slide .so03SwphTi p {
        font-size: 16px;
    }
}

/* @media (max-width: 800px) {
    #so03Swph>.swiper-button-prev {
        display: none;
    }

    #so03Swph>.swiper-button-next {
        display: none;
    }
} */

@media (max-width: 499px) {
    .so03 .so02Sa {
        padding: 44px 0 58px;
    }

    .so03 .so02Sa .so01T {
        padding-bottom: 0;
    }

    .so03 .so02Sa .so02TiSa {
        padding-bottom: 22px;
    }

    .so03Swph {
        width: 80%;
        margin: auto;
    }

    .so03Swph>.swiper-button-prev {
        left: -5%;
    }

    .so03Swph>.swiper-button-next {
        right: -5%;
    }

    .so03Swph>.swiper-pagination {
        bottom: 4%;
    }
}

/* ---------------------- */
.galleries {
    position: relative;
    width: 200px;
    height: 200px;
    transform-style: preserve-3d;
    transform: perspective(1000px) rotateY(0);
    transition: 1.5s;
}

.galleries span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: rotateY(calc(var(--i) * 45deg)) translateZ(300px);
    -webkit-box-reflect: below 0px linear-gradient(transparent, transparent, #0004);
}

.galleries span img {
    width: 100%;
}

.arrows {
    position: absolute;
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    column-gap: 30px;
    color: #fff;
}

.arrows .arrow {
    width: 60px;
    height: 60px;
    border: 2px solid #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.arrows .arrow::before {
    content: "";
    width: 15px;
    height: 15px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg) translate(-2.5px, 2.5px);
}

.arrows .arrow.prev::before {
    transform: rotate(-135deg) translate(-2.5px, 2.5px);
}

.arrows .arrow:active {
    background-color: #fff;
}

.arrows .arrow:active::before {
    border-color: #000;
}

/* --------------------------------------------- */
@media (max-width: 499px) {}

.so04 {
    background-image: url(../images/so04bg.jpg);
    position: relative;
    overflow: hidden;
}

.so04 .so04Sa {
    /* position: absolute; */
    /* left: 0; */
    /* top: 44%; */
    /* transform: translateY(-50%); */
    width: 100%;
    margin-top: 18vh;
}

.so04 .so04Tp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 106px !important;
}

.so04 .so04Tp .so04Tp_01 {
    opacity: 0;
    visibility: hidden;
    transform: translate3d(-40px, 0, 0);
    transition: 0.88s;
}

.so04.swiper-slide-active .so04Tp .so04Tp_01 {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    transition: 0.88s 0.7s;
}

.so04 .so04Tp .so04Tp_01 .so04Smt p {
    font-size: var(--zTO8);
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zCw);
}

.so04 .so04Tp .so04Tp_01 .so04T p {
    font-size: var(--zTF6);
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zCw);
}

.so04 .so04Tp .so04Tp_02 {
    opacity: 0;
    visibility: hidden;
    transform: translate3d(40px, 0, 0);
    transition: 0.88s;
}

.so04.swiper-slide-active .so04Tp .so04Tp_02 {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    transition: 0.88s 0.7s;
}

.so04 .so04Tp .so04Tp_02 .so04Tp_02Ul {
    display: flex;
}

.so04 .so04Tp .so04Tp_02 .so04Tp_02Ul .so04Tp_02Li {
    width: 170px;
    margin-right: 26px;
}

.so04 .so04Tp .so04Tp_02 .so04Tp_02Ul .so04Tp_02Li:last-child {
    margin-right: 0;
}

.so04 .so04Tp .so04Tp_02 .so04Tp_02Ul .so04Tp_02Li>a {
    width: 100%;
    display: block;
    border: 1px solid var(--zCw6);
    background: rgba(255, 255, 255, 0);
    border-radius: 30px;
    padding: 8px 12px;
    transition: all 0.5s ease;
    position: relative;
    overflow: hidden;
}

/* .so04 .so04Tp .so04Tp_02 .so04Tp_02Ul .so04Tp_02Li.on>a {
    background-color: var(--zCw);
} */
.so04 .so04Tp .so04Tp_02 .so04Tp_02Ul .so04Tp_02Li>a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    background-color: var(--zCw);
    z-index: -1;
    transition: all 0.5s ease;
    transform: scaleY(0);
    transform-origin: 50% 0%;
    will-change: transform;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    transition-duration: 450ms;
    border-radius: 30px;
    overflow: hidden;
}

.so04 .so04Tp .so04Tp_02 .so04Tp_02Ul .so04Tp_02Li.on>a::after {
    height: 100%;
    transform: none;
    transform-origin: 50% 100%
}

.so04 .so04Tp .so04Tp_02 .so04Tp_02Ul .so04Tp_02Li>a p {
    font-size: var(--zTT0);
    font-weight: normal;
    line-height: normal;
    text-align: center;
    letter-spacing: 0em;
    color: var(--zCw);
    transition: all 0.5s ease;
}

.so04 .so04Tp .so04Tp_02 .so04Tp_02Ul .so04Tp_02Li.on>a p {
    color: var(--zC14);
    font-weight: bold;
}

.so04 .so04Bt {
    position: relative;
    padding-left: var(--zPer-10);
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 80px, 0);
    transition: 0.88s;
}

.so04.swiper-slide-active .so04Bt {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    transition: 0.88s 0.7s;
}

.so04 .so04Bt .so04Sw {
    /* overflow: hidden; */
    display: none;
    /* opacity: 0; */
    /* transition: all 0.5s ease; */
}

.so04 .so04Bt .so04Sw.on {
    display: block;
    /* opacity: 1; */
}

.so04 .so04Bt .so04Sw>.swiper-wrapper .swiper-slide {
    overflow: hidden;
}

.so04 .so04Bt .so04Sw>.swiper-wrapper .swiper-slide>a {
    display: block;
    position: relative;
    cursor: none;
    overflow: hidden;
    pointer-events: auto;
}

.so04 .so04Bt .so04Sw>.swiper-wrapper .swiper-slide>a>img {
    width: 100%;
    transition: all 0.8s ease;
}

.so04 .so04Bt .so04Sw>.swiper-wrapper .swiper-slide>a:hover>img {
    transform: scale(1.08);
}

.so04 .so04Bt .so04Sw>.swiper-wrapper .swiper-slide>a .so04SwTi {
    padding: 28px 12px;
    position: absolute;
    width: 100%;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(1deg, #2C2C2C -15%, rgba(83, 83, 83, 0) 92%);
}

.so04 .so04Bt .so04Sw>.swiper-wrapper .swiper-slide>a .so04SwTi p {
    font-size: var(--zTT4);
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0em;
    color: var(--zCw);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.so04 .so04Bt .so04Sw>.swiper-wrapper .swiper-slide>a .so04SwBa {
    position: absolute;
    left: 50%;
    top: 46%;
    transform: translate(-50%, -50%) scale(0.4);
    width: 124px;
    height: 124px;
    background: linear-gradient(90deg, #1253BE 0%, #00A5E6 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.5s ease;
}

.so04 .so04Bt .so04Sw>.swiper-wrapper .swiper-slide>a:hover .so04SwBa {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}

.so04 .so04Bt .so04Sw>.swiper-wrapper .swiper-slide>a .so04SwBa p {
    font-size: var(--zTT0);
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zCw);
    padding: 0 12px;
}

.so04 .so04Bt .so04Sw>.so04SwScr {
    width: 100%;
}

.so04 .so04Bt .so04Sw>.so04SwScr {
    position: absolute;
    bottom: -98px;
}

.so04 .so04Bt .so04Sw>.so04SwScr .swiper-scrollbar {
    width: 92.5%;
    background-color: var(--zCw5);
    /* background-color: #0B0A09; */
    position: relative;
    left: 5.5%;
    height: 3px;
}

.so04 .so04Bt .so04Sw>.so04SwScr .swiper-scrollbar .swiper-scrollbar-drag {
    background-color: transparent;
    position: relative;
}

.so04 .so04Bt .so04Sw>.so04SwScr .swiper-scrollbar .swiper-scrollbar-drag::after {
    content: '';
    width: 3.75rem;
    height: 3.75rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../images/icon-9.png');
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.so04 .so04SwBa {
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none;
    width: 124px;
    height: 124px;
    margin: -62px 0 0 -62px;
    will-change: transform;
    z-index: 2;
}

.so04 .so04SwBa .so04SwBaSa {
    background: linear-gradient(90deg, #1253BE 0%, #00A5E6 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    width: 100%;
    height: 100%;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.4);
}

.so04 .so04SwBa.on .so04SwBaSa {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    transition: transform .8s ease;
}

.so04 .so04SwBa .so04SwBaSa p {
    font-size: var(--zTT0);
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zCw);
    padding: 0 12px;
}

@media (max-width: 1536px) {
    .so04 .so04Sa {
        /* top: 48%; */
        margin-top: 28vh;
    }

    .so04 .so04Tp {
        margin-bottom: 60px !important;
    }

    .so04 .so04Tp .so04Tp_02 .so04Tp_02Ul .so04Tp_02Li {
        width: 140px;
        margin-right: 12px;
    }

    .so04 .so04Tp .so04Tp_02 .so04Tp_02Ul .so04Tp_02Li>a {
        padding: 6px 12px;
    }

    .so04 .so04Tp .so04Tp_02 .so04Tp_02Ul .so04Tp_02Li>a p {
        font-size: 14px;
    }

    .so04 .so04Bt .so04Sw>.swiper-wrapper .swiper-slide>a .so04SwTi {
        padding: 16px 12px;
    }

    .so04 .so04Bt .so04Sw>.swiper-wrapper .swiper-slide>a .so04SwTi p {
        font-size: 18px;
    }

    .so04 .so04Bt .so04Sw>.so04SwScr {
        bottom: -66px;
    }

    .so04 .so04Bt .so04Sw>.so04SwScr .swiper-scrollbar .swiper-scrollbar-drag::after {
        width: 2.75rem;
        height: 2.75rem;
    }

    .so04 .so04SwBa {
        width: 90px;
        height: 90px;
        margin: -45px 0 0 -45px;
    }

    .so04 .so04SwBa .so04SwBaSa p {
        font-size: var(--zTO8);
    }
}

@media (max-width: 1199.9px) {
    .so04 {
        height: auto;
        position: relative;
    }

    .so04 .so04Sa {
        position: relative;
        left: 0;
        top: 0;
        transform: translate(0);
        padding: 60px 0 140px;
        margin-top: 0;
    }

    .so04 .so04SwBa {
        position: absolute;
    }
}

@media (max-width: 992px) {
    .so04 .so04Tp {
        flex-direction: column;
        align-items: flex-start;
    }

    .so04 .so04Tp .so04Tp_01 {
        margin-bottom: 20px;
    }

    /* .so04 .so04Tp .so04Tp_02 .so04Tp_02Ul {
        overflow-x: scroll;
        scrollbar-width: none;
    }

    .so04 .so04Tp .so04Tp_02 .so04Tp_02Ul::-webkit-scrollbar {
        display: none;
    } */

    .so04 .so04Tp .so04Tp_02 .so04Tp_02Ul .so04Tp_02Li>a p {
        font-size: 14px;
    }

    .so04 .so04Bt .so04Sw>.swiper-wrapper .swiper-slide>a .so04SwTi p {
        font-size: 18px;
    }
}

@media (max-width: 672px) {
    .so04 .so04Tp .so04Tp_02 .so04Tp_02Ul {
        flex-wrap: wrap;
    }

    .so04 .so04Tp .so04Tp_02 .so04Tp_02Ul .so04Tp_02Li {
        margin-bottom: 8px;
    }
}

@media (max-width: 499px) {
    .so04 .so04Sa {
        padding: 40px 0 100px;
    }

    .so04 .so04Tp {
        margin-bottom: 30px !important;
    }

    .so04 .so04Tp .so04Tp_02 .so04Tp_02Ul .so04Tp_02Li {
        width: 152px;
        margin-right: 8px;
    }

    .so04 .so04Tp .so04Tp_02 .so04Tp_02Ul .so04Tp_02Li>a p {
        font-size: 14px;
    }

    .so04 .so04Bt .so04Sw>.so04SwScr {
        bottom: -44px;
    }

    .so04 .so04Bt .so04Sw>.so04SwScr .swiper-scrollbar .swiper-scrollbar-drag::after {
        width: 2rem;
        height: 2rem;
    }
}

.so05 {
    background-image: url(../images/so05bg.jpg);
    display: flex;
    align-items: center;
}

.so05 .so05Sa .so05Smt {
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 40px, 0);
    transition: 0.88s;
}

.so05.swiper-slide-active .so05Sa .so05Smt {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    transition: 0.88s 0.7s;
}

.so05 .so05Sa .so05Smt p {
    font-size: var(--zTO8);
    color: var(--zC1D);
    opacity: 0.7;
    text-align: center;
    font-weight: 700;
}

.so05 .so05Sa .so05T {
    padding-bottom: 100px;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 40px, 0);
    transition: 0.88s;
}

.so05.swiper-slide-active .so05Sa .so05T {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    transition: 0.88s 0.8s;
}

.so05 .so05Sa .so05T p {
    font-size: var(--zTF6);
    font-weight: bold;
    line-height: normal;
    text-align: center;
    letter-spacing: 0em;
    color: var(--zC33);
}

.so05 .so05Sa .so05Con {
    padding-left: 26%;
    position: relative;
}

.so05 .so05Sa .so05Con .so05UlHov {
    transform: rotateY(-10deg);
    transition: all 0.8s ease;
}

.so05 .so05Sa .so05Con .so05UlHov:hover {
    transform: rotateY(0deg);
}

.so05 .so05Sa .so05Con .so05Ul {
    margin-right: calc(-.5 * 0.8rem);
    margin-left: calc(-.5 * 0.8rem);
    transform: translateX(10.6%) perspective(1800px) rotateY(-12deg);
    position: relative;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: 0.88s;
}

.so05.swiper-slide-active .so05Sa .so05Con .so05Ul {
    transform: translateX(-2.6%) perspective(1800px) rotateY(-12deg);
    opacity: 1;
    visibility: visible;
    transition: 0.88s 0.9s;
}

.so05 .so05Sa .so05Con .so05Ul .so05Li {
    margin-bottom: 10px;
    padding-right: calc(0.8rem * .5);
    padding-left: calc(0.8rem * .5);
}

.so05 .so05Sa .so05Con .so05Ul .so05Li .so05LIFig img {
    width: 100%;
}

.so05 .so05Sa .so05Con .so05Ball {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%) scale(0.4);
    width: var(--zW);
    height: var(--zW);
    background: linear-gradient(90deg, #1D63D5 0%, #00A5E6 100%);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    z-index: 12;
    opacity: 0;
    visibility: hidden;
    transition: 0.88s;
}

.so05.swiper-slide-active .so05Sa .so05Con .so05Ball {
    transform: translate(0, -50%) scale(1);
    opacity: 1;
    visibility: visible;
    transition: 0.88s 0.9s;
}

.so05 .so05Sa .so05Con .so05Ball .so05BaSa {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 12px;
}

.so05 .so05Sa .so05Con .so05Ball .so05BaSa .so05BaTi p {
    font-size: var(--zTT6);
    font-weight: bold;
    line-height: 60px;
    text-align: center;
    letter-spacing: 0em;
    color: var(--zCw);
    width: 409px;
    max-width: 100%;
}

@media (max-width: 1536px) {
    .so05 .so05Sa .so05T {
        padding-bottom: 60px;
    }

    .so05 .so05Sa .so05Con .so05Ball .so05BaSa .so05BaTi p {
        line-height: 36px;
        width: auto;
    }
}

@media (max-width: 1199.9px) {
    .so05 {
        height: auto;
    }

    .so05 .so05Sa {
        padding: 60px 0 80px;
    }
}

@media (max-width: 992px) {
    .so05 .so05Sa .so05T {
        padding-bottom: 44px;
    }

    .so05 .so05Sa .so05Con {
        padding-left: 0;
        position: relative;
    }

    .so05 .so05Sa .so05Con .so05UlHov {
        transform: rotateY(0deg);
    }

    /* .so05 .so05Sa .so05Con .so05Ball {
        position: relative;
        left: 0;
        top: 0;
        transform: none;
        left: 50%;
        transform: translateX(-50%);
    } */
    .so05 .so05Sa .so05Con .so05Ball {
        display: none;
    }

    .so05 .so05Sa .so05Con .so05Ball .so05BaSa .so05BaTi p {
        line-height: 30px;
    }

    .so05 .so05Sa .so05Con .so05Ul {
        margin: 0;
        transform: none !important;
    }

    .so05 .so05Sa .so05Con .so05Ul .so05Li .so05LIFig {
        transition: all 0.5s ease;
        overflow: hidden;
    }

    .so05 .so05Sa .so05Con .so05Ul .so05Li .so05LIFig:hover {
        box-shadow: 0px 4px 10px 0px rgba(20, 64, 138, 0.3);
    }

    .so05 .so05Sa .so05Con .so05Ul .so05Li .so05LIFig>img {
        transition: all 0.5s ease;
    }

    .so05 .so05Sa .so05Con .so05Ul .so05Li .so05LIFig:hover>img {
        transform: scale(1.04);
    }
}

@media (max-width: 499px) {
    .so05 .so05Sa {
        padding: 46px 0 46px;
    }

    .so05 .so05Sa .so05T {
        padding-bottom: 20px;
    }

    .so05 .so05Sa .so05Con .so05Ul .so05Li {
        padding-right: calc(0.6rem* .5);
        padding-left: calc(0.6rem* .5);
    }
}

.so06 {
    background: var(--zC1E);
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.so06::after {
    content: "";
    position: absolute;
    background: linear-gradient(87deg, #1D63D5 -18%, #00A5E6 101%, #8EC220 101%, #8EC220 101%);
    width: 60.6vw;
    height: 100%;
    right: 0;
    top: 0;
    z-index: -1;
}

.so06 .so06Sa .so06Tp {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 80px;
}

.so06 .so06Sa .so06Tp .so06Tp_01 {
    opacity: 0;
    visibility: hidden;
    transform: translate3d(-40px, 0, 0);
    transition: 0.88s;
}

.so06.swiper-slide-active .so06Sa .so06Tp .so06Tp_01 {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    transition: 0.88s 0.7s;
}

.so06 .so06Sa .so06Tp .so06Tp_01 .so06TitSa {
    padding-top: 20px;
}

.so06 .so06Sa .so06Tp .so06Tp_01 .so06TitSa .so06Smt p {
    font-size: var(--zTO8);
    font-weight: bold;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 0em;
    color: var(--zCw);
    opacity: 0.7;
}

.so06 .so06Sa .so06Tp .so06Tp_01 .so06TitSa .so06T p {
    font-size: var(--zTF6);
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zCw);
}

.so06 .so06Sa .so06Tp .so06Tp_02 {
    display: flex;
    align-items: center;
    transform: translateY(14px)
}

.so06 .so06Sa .so06Tp .so06Tp_02 .so06Tp_02A {
    display: block;
    font-size: var(--zTT0);
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zCw);
    border: 1px solid #FFFFFF;
    background: rgba(246, 248, 255, 0);
    transition: background, color 0.5s ease;
    border-radius: 30px;
    padding: 8px 44px;
    margin-right: 24px;
    position: relative;
    overflow: hidden;
}

.so06 .so06Sa .so06Tp .so06Tp_02 .so06Tp_02A:last-child {
    margin-right: 0;
}

.so06 .so06Sa .so06Tp .so06Tp_02 .so06Tp_02A:hover {
    color: var(--zC14);
    font-weight: bold;
}

.so06 .so06Sa .so06Tp .so06Tp_02 .so06Tp_02A.on {
    font-weight: bold;
    color: var(--zC14);
}

.so06 .so06Sa .so06Tp .so06Tp_02 .so06Tp_02A::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    background-color: var(--zCw);
    z-index: -1;
    transition: all 0.5s ease;
    transform: scaleY(0);
    transform-origin: 50% 0%;
    will-change: transform;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    transition-duration: 450ms;
    border-radius: 30px;
    overflow: hidden;
}

.so06 .so06Sa .so06Tp .so06Tp_02 .so06Tp_02A:hover:after {
    transform: none;
    transform-origin: 50% 100%
}

.so06 .so06Sa .so06Tp .so06Tp_02 .so06Tp_02A.on::after {
    transform: none;
    transform-origin: 50% 100%
}

.so06 .so06Sa .so06Bt .so06BtSa {
    display: none;
}

.so06 .so06Sa .so06Bt .so06BtSa.on {
    display: flex;
}

.so06 .so06Sa .so06Bt .so06BtSa .so06Bt_01 {
    width: 39%;
    flex: 0 0 auto;
}

.so06 .so06Sa .so06Bt .so06BtSa .so06Bt_01 .so06Bt_imgSa {
    position: relative;
    display: none;
    transform: translateX(-40px);
    transition: all 0.5s ease;
}

.so06 .so06Sa .so06Bt .so06BtSa .so06Bt_01 .so06Bt_imgSa.on {
    display: block;
    transform: translateX(0);
}

.so06 .so06Sa .so06Bt .so06BtSa .so06Bt_01 .so06Bt_imgSa a {
    display: block;
    overflow: hidden;
}

.so06 .so06Sa .so06Bt .so06BtSa .so06Bt_01 .so06Bt_imgSa a>img {
    width: 100%;
    transition: all 0.8s ease;
}

.so06 .so06Sa .so06Bt .so06BtSa .so06Bt_01 .so06Bt_imgSa a:hover>img {
    transform: scale(1.08);
}

.so06 .so06Sa .so06Bt .so06BtSa .so06Bt_01 .so06Bt_imgSa .so06imgTit {
    position: absolute;
    left: 0;
    bottom: 35px;
    width: 100%;
    padding: 0 46px;
}

.so06 .so06Sa .so06Bt .so06BtSa .so06Bt_01 .so06Bt_imgSa .so06imgTit p {
    font-size: var(--zTO8);
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0.04em;
    color: var(--zCw);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.so06 .so06Sa .so06Bt .so06BtSa .so06Bt_01 .so06Bt_imgSa .so06imgTim {
    position: absolute;
    width: 134px;
    height: 134px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: linear-gradient(90deg, #1D63D5 -8%, #00A5E6 76%);
    border-radius: 50%;
    top: 15%;
    left: -6%;
}

.so06 .so06Sa .so06Bt .so06BtSa .so06Bt_01 .so06Bt_imgSa .so06imgTim p {
    font-size: var(--zBF6);
    font-weight: bold;
    line-height: var(--zBF6);
    letter-spacing: 0em;
    color: var(--zCw);
    margin-bottom: 4px;
}

.so06 .so06Sa .so06Bt .so06BtSa .so06Bt_01 .so06Bt_imgSa .so06imgTim span {
    font-size: var(--zTO8);
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zCw);
}

.so06 .so06Sa .so06Bt .so06BtSa .so06Bt_02 {
    width: 61%;
    flex: 0 0 auto;
    position: relative;
}

.so06 .so06Sa .so06Bt .so06BtSa .so06Bt_02::after {
    content: "";
    position: absolute;
    left: 11vw;
    top: 50%;
    transform: translate(0, -50%);
    height: calc(100 * 2vh);
    width: 1px;
    background: var(--zCw5);
}

.so06 .so06Sa .so06Bt .so06BtSa .so06Bt_02 .so06Bt_ul {
    height: 560px;
    overflow-y: auto;
    padding-right: 8%;
    padding-left: 26%;
    padding-top: 8px;
    -webkit-overflow-scrolling: touch;
}

.so06 .so06Sa .so06Bt .so06BtSa .so06Bt_02 .so06Bt_ul::-webkit-scrollbar {
    width: 3px;
    background-color: var(--zCw5);
    border-radius: 4px;
}

.so06 .so06Sa .so06Bt .so06BtSa .so06Bt_02 .so06Bt_ul::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: var(--zCw);
}

.so06 .so06Sa .so06Bt .so06BtSa .so06Bt_02 .so06Bt_ul .so06Bt_li>a {
    display: block;
    margin-bottom: 100px;
}

.so06 .so06Sa .so06Bt .so06BtSa .so06Bt_02 .so06Bt_ul .so06Bt_li:last-child>a {
    margin-bottom: 0;
}

.so06 .so06Sa .so06Bt .so06BtSa .so06Bt_02 .so06Bt_ul .so06Bt_li>a .so06Bt_liTit {
    margin-bottom: 16px;
    position: relative;
}

.so06 .so06Sa .so06Bt .so06BtSa .so06Bt_02 .so06Bt_ul .so06Bt_li>a .so06Bt_liTit::after {
    content: "";
    position: absolute;
    left: -2.05vw;
    top: 50%;
    transform: translate(0, -50%);
    width: 14px;
    height: 14px;
    border: 2px solid var(--zCw5);
    border-radius: 50%;
    background-color: rgb(30, 112, 210);
    z-index: 12;
}

.so06 .so06Sa .so06Bt .so06BtSa .so06Bt_02 .so06Bt_ul .so06Bt_li>a .so06Bt_liTit::before {
    content: "";
    position: absolute;
    left: -2.05vw;
    top: 50%;
    transform: translate(0, -50%) scale(0);
    width: 14px;
    height: 14px;
    border: 2px solid var(--zCw5);
    border-radius: 50%;
    background-color: var(--zCw);
    z-index: 13;
    transition: all 0.5s ease;
    opacity: 0;
}

.so06 .so06Sa .so06Bt .so06BtSa .so06Bt_02 .so06Bt_ul .so06Bt_li.on>a .so06Bt_liTit::before {
    transform: translate(0, -50%) scale(1);
    opacity: 1;
}

.so06 .so06Sa .so06Bt .so06BtSa .so06Bt_02 .so06Bt_ul .so06Bt_li>a .so06Bt_liTit p {
    font-size: var(--zTO8);
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0.04em;
    color: var(--zCw);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.so06 .so06Sa .so06Bt .so06BtSa .so06Bt_02 .so06Bt_ul .so06Bt_li.on>a .so06Bt_liTit p {
    font-weight: bold;
}

.so06 .so06Sa .so06Bt .so06BtSa .so06Bt_02 .so06Bt_ul .so06Bt_li>a .so06Bt_liTex p {
    font-size: var(--zTO4);
    font-weight: normal;
    line-height: 25px;
    letter-spacing: 0.04em;
    color: var(--zCw5);
    transition: all 0.5s ease;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.so06 .so06Sa .so06Bt .so06BtSa .so06Bt_02 .so06Bt_ul .so06Bt_li.on>a .so06Bt_liTex p {
    color: var(--zCw);
}

.soSwsec77 .so06 .so06Sa .so06Tp .so06Tp_01 {
    opacity: 0;
    visibility: hidden;
    transform: translate3d(-40px, 0, 0);
    transition: 0.88s;
}

.soSwsec77.swiper-slide-active .so06.swiper-slide-active .so06Sa .so06Tp .so06Tp_01 {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    transition: 0.88s 0.7s;
}

@media (max-width: 1536px) {
    .so06 .so06Sa .so06Tp {
        margin-bottom: 60px;
    }

    .so06 .so06Sa .so06Tp .so06Tp_02 {
        transform: translateY(8px);
    }

    .so06 .so06Sa .so06Tp .so06Tp_02 .so06Tp_02A {
        padding: 4px 26px;
        margin-right: 12px;
        font-size: 14px;
    }

    .so06 .so06Sa .so06Bt .so06BtSa .so06Bt_01 {
        width: 42%;
    }

    .so06 .so06Sa .so06Bt .so06BtSa .so06Bt_01 .so06Bt_imgSa .so06imgTit {
        bottom: 6%;
    }

    .so06 .so06Sa .so06Bt .so06BtSa .so06Bt_01 .so06Bt_imgSa .so06imgTim {
        width: 94px;
        height: 94px;
        top: 10%;
    }

    .so06 .so06Sa .so06Bt .so06BtSa .so06Bt_02 {
        width: 58%;
    }

    .so06 .so06Sa .so06Bt .so06BtSa .so06Bt_02 .so06Bt_ul {
        height: 23vw;
    }

    .so06 .so06Sa .so06Bt .so06BtSa .so06Bt_02 .so06Bt_ul .so06Bt_li>a .so06Bt_liTex p {
        line-height: 20px;
    }

    .so06 .so06Sa .so06Bt .so06BtSa .so06Bt_02 .so06Bt_ul .so06Bt_li>a .so06Bt_liTit p {
        font-size: 16px;
    }

    .so06 .so06Sa .so06Bt .so06BtSa .so06Bt_02::after {
        left: 11.19vw;
    }
}

@media (max-width: 1199.9px) {
    .so06 {
        height: auto;
    }

    .so06 .so06Sa {
        padding: 60px 0 120px;
    }
}

@media (max-width: 992px) {
    .so06::after {
        width: 100%;
    }

    .so06 .so06Sa .so06Tp {
        flex-direction: column;
        align-items: flex-start;
    }

    .so06 .so06Sa .so06Tp .so06Tp_01 {
        margin-bottom: 20px;
    }

    .so06 .so06Sa .so06Tp .so06Tp_02 .so06Tp_02A {
        font-size: 14px;
    }

    .so06 .so06Sa .so06Bt .so06BtSa .so06Bt_01 {
        display: none;
    }

    .so06 .so06Sa .so06Bt .so06BtSa .so06Bt_02 {
        width: 100%;
    }

    .so06 .so06Sa .so06Bt .so06BtSa .so06Bt_02::after {
        left: 10px;
        height: 140%;
    }

    .so06 .so06Sa .so06Bt .so06BtSa .so06Bt_02 .so06Bt_ul {
        height: 260px;
        padding-left: 20px;
    }

    .so06 .so06Sa .so06Bt .so06BtSa .so06Bt_02 .so06Bt_ul .so06Bt_li>a {
        margin-bottom: 64px;
    }

    .so06 .so06Sa .so06Bt .so06BtSa .so06Bt_02 .so06Bt_ul .so06Bt_li>a .so06Bt_liTit::before {
        left: -17px;
    }

    .so06 .so06Sa .so06Bt .so06BtSa .so06Bt_02 .so06Bt_ul .so06Bt_li>a .so06Bt_liTit::after {
        left: -17px;
    }
}

@media (max-width: 499px) {
    .so06 .so06Sa {
        padding: 46px 0 84px;
    }

    .so06 .so06Sa .so06Tp {
        margin-bottom: 64px;
    }

    .so06 .so06Sa .so06Tp .so06Tp_01 {
        margin-bottom: 16px;
    }

    .so06 .so06Sa .so06Tp .so06Tp_02 .so06Tp_02A {
        font-size: 14px;
    }

    .so06 .so06Sa .so06Bt .so06BtSa .so06Bt_02::after {
        height: 120%;
    }

    .so06 .so06Sa .so06Bt .so06BtSa .so06Bt_02 .so06Bt_ul {
        padding-right: 6%;
        -webkit-overflow-scrolling: touch;
        overflow: auto;
        height: 280px;
    }

    .so06 .so06Sa .so06Bt .so06BtSa .so06Bt_02 .so06Bt_ul .so06Bt_li>a {
        margin-bottom: 30px;
    }

    .so06 .so06Sa .so06Bt .so06BtSa .so06Bt_02 .so06Bt_ul .so06Bt_li>a .so06Bt_liTit {
        margin-bottom: 10px;
    }

    .so06 .so06Sa .so06Bt .so06BtSa .so06Bt_02 .so06Bt_ul .so06Bt_li>a .so06Bt_liTex p {
        -webkit-line-clamp: 2;
    }
}

.ft {
    background: linear-gradient(360deg, #003894 18%, #00A5E6 121%);
    height: auto !important;
    pointer-events: auto !important;
}

.ft .ftSa .ftTop {
    padding-top: 96px;
    padding-bottom: 82px;
    display: flex;
    justify-content: space-between;
}

.ft .ftSa .ftTop .ftTop_01 .ftTop_01Sa .ftTop_01lo {
    display: flex;
    padding-bottom: 40px;
}

.ft .ftSa .ftTop .ftTop_01 .ftTop_01Sa .ftTop_01lo .ftTop_01logo {
    display: block;
    max-width: max-content;
    width: 223px;
}

.ft .ftSa .ftTop .ftTop_01 .ftTop_01Sa .ftTop_01lo .ftTop_01logo img {
    width: 100%;
}

.ft .ftSa .ftTop .ftTop_01 .ftTop_01Sa .ftTop_01ph {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.ft .ftSa .ftTop .ftTop_01 .ftTop_01Sa .ftTop_01ph>img {
    width: 29px;
    margin-right: 18px;
}

.ft .ftSa .ftTop .ftTop_01 .ftTop_01Sa .ftTop_01ph>p {
    font-family: robboM;
    font-size: var(--zTT4);
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zCw);
}

.ft .ftSa .ftTop .ftTop_01 .ftTop_01Sa .ftTop_01te {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}

.ft .ftSa .ftTop .ftTop_01 .ftTop_01Sa .ftTop_01te>p,
.ft .ftSa .ftTop .ftTop_01 .ftTop_01Sa .ftTop_01te>a {
    font-size: var(--zTO6);
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    /* color: var(--zCD4); */
    color: var(--zCw);
    opacity: 0.6;
}

.ft .ftSa .ftTop .ftTop_02line {
    width: 1px;
    height: 223px;
    background-color: var(--zCA24);
    margin: 0 12px;
}

.ft .ftSa .ftTop .ftTop_02 .ftTop_02Sa .ftTop_02Ul {
    display: flex;
}

.ft .ftSa .ftTop .ftTop_02 .ftTop_02Sa .ftTop_02Ul .ftTop_02Li {
    padding-right: 4.32vw;
}

.ft .ftSa .ftTop .ftTop_02 .ftTop_02Sa .ftTop_02Ul .ftTop_02Li:last-child {
    padding-right: 0;
}

.ft .ftSa .ftTop .ftTop_02 .ftTop_02Sa .ftTop_02Ul .ftTop_02Li>a {
    display: block;
    position: relative;
    padding-bottom: 18px;
    margin-bottom: 20px;
}

.ft .ftSa .ftTop .ftTop_02 .ftTop_02Sa .ftTop_02Ul .ftTop_02Li>a::after {
    content: "";
    position: absolute;
    width: 28px;
    height: 2px;
    background-color: var(--zCw);
    left: 0;
    bottom: 0;
}

.ft .ftSa .ftTop .ftTop_02 .ftTop_02Sa .ftTop_02Ul .ftTop_02Li>a p {
    font-size: var(--zTO6);
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zCw);
}

.ft .ftSa .ftTop .ftTop_02 .ftTop_02Sa .ftTop_02Ul .ftTop_02Li .ftTop_02dl .ftTop_02dd {
    margin-bottom: 12px;
}

.ft .ftSa .ftTop .ftTop_02 .ftTop_02Sa .ftTop_02Ul .ftTop_02Li .ftTop_02dl .ftTop_02dd>a {
    display: block;
    width: max-content;
}

.ft .ftSa .ftTop .ftTop_02 .ftTop_02Sa .ftTop_02Ul .ftTop_02Li .ftTop_02dl .ftTop_02dd>a p {
    font-size: var(--zTO4);
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zCw5);
    transition: all 0.5s ease;
}

.ft .ftSa .ftTop .ftTop_02 .ftTop_02Sa .ftTop_02Ul .ftTop_02Li .ftTop_02dl .ftTop_02dd>a:hover p {
    color: var(--zCw);
}

.ft .ftSa .ftBtm {
    padding: 28px 0;
}

.ft .ftSa .ftBtm .ft03 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.ft .ftSa .ftBtm .ft03 .ft03_1 {
    display: flex;
    align-items: center;
    flex: 1;
}

.ft .ftSa .ftBtm .ft03 .ft03Con>p,
.ft .ftSa .ftBtm .ft03 .ft03Con>a p {
    font-size: var(--zTO4);
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zCw);
    opacity: 0.6;
}

.ft .ftSa .ftBtm .ft03 .ft03_1 .copy {
    margin-right: 10px;
}

@media (max-width: 1536px) {
    .ft .ftSa .ftTop {
        padding-top: 56px;
        padding-bottom: 42px;
    }

    .ft .ftSa .ftTop .ftTop_01 .ftTop_01Sa .ftTop_01lo {
        padding-bottom: 34px;
    }

    .ft .ftSa .ftTop .ftTop_01 .ftTop_01Sa .ftTop_01lo .ftTop_01logo {
        width: 142px;
    }

    .ft .ftSa .ftTop .ftTop_01 .ftTop_01Sa .ftTop_01ph>img {
        width: 25px;
        margin-right: 14px;
    }

    .ft .ftSa .ftTop .ftTop_01 .ftTop_01Sa .ftTop_01ph {
        margin-bottom: 8px;
    }

    .ft .ftSa .ftTop .ftTop_01 .ftTop_01Sa .ftTop_01te {
        margin-bottom: 6px;
    }

    .ft .ftSa .ftTop .ftTop_01 .ftTop_01Sa .ftTop_01te>p {
        flex: 0 0 auto;
    }

    .ft .ftSa .ftTop .ftTop_02line {
        height: 190px;
    }

    .ft .ftSa .ftTop .ftTop_02 {
        width: 80%;
    }

    .ft .ftSa .ftTop .ftTop_02 .ftTop_02Sa .ftTop_02Ul {
        justify-content: flex-end;
    }

    .ft .ftSa .ftTop .ftTop_02 .ftTop_02Sa .ftTop_02Ul .ftTop_02Li {
        padding-right: 3.4vw;
    }

    .ft .ftSa .ftTop .ftTop_02 .ftTop_02Sa .ftTop_02Ul .ftTop_02Li>a {
        padding-bottom: 14px;
        margin-bottom: 16px;
    }

    .ft .ftSa .ftTop .ftTop_02 .ftTop_02Sa .ftTop_02Ul .ftTop_02Li .ftTop_02dl .ftTop_02dd {
        margin-bottom: 8px;
    }

    .ft .ftSa .ftBtm {
        padding: 18px 0;
    }
}

@media (max-width: 1199.9px) {
    .ft .ftSa .ftTop {
        flex-direction: column;
        align-items: flex-start;
    }

    .ft .ftSa .ftTop .ftTop_01 {
        margin-bottom: 20px;
    }

    .ft .ftSa .ftTop .ftTop_01 .ftTop_01Sa .ftTop_01te>p,
    .ft .ftSa .ftTop .ftTop_01 .ftTop_01Sa .ftTop_01te>a {
        opacity: 0.6;
        color: var(--zCw);
    }

    .ft .ftSa .ftTop .ftTop_02line {
        display: none;
    }

    .ft .ftSa .ftTop .ftTop_02 .ftTop_02Sa .ftTop_02Ul {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .ft .ftSa .ftTop .ftTop_02 .ftTop_02Sa .ftTop_02Ul .ftTop_02Li {
        margin-bottom: 6px;
    }

    .ft .ftSa .ftTop .ftTop_02 .ftTop_02Sa .ftTop_02Ul .ftTop_02Li>a {
        margin: 0;
        padding: 0;
    }

    .ft .ftSa .ftTop .ftTop_02 .ftTop_02Sa .ftTop_02Ul .ftTop_02Li>a::after {
        display: none;
    }

    .ft .ftSa .ftTop .ftTop_02 .ftTop_02Sa .ftTop_02Ul .ftTop_02Li>a p {
        font-weight: normal;
        opacity: 0.6;
    }

    .ft .ftSa .ftTop .ftTop_02 .ftTop_02Sa .ftTop_02Ul .ftTop_02Li .ftTop_02dl {
        display: none;
    }

    .ft .ftSa .ftBtm {
        border-top: 1px solid var(--zCA24);
    }
}

@media (max-width: 992px) {
    .ft .ftSa .ftTop .ftTop_02 {
        width: 100%;
    }

    .ft .ftSa .ftBtm .ft03 {
        flex-direction: column;
        align-items: flex-start;
    }

    .ft .ftSa .ftBtm .ft03 .ft03_1 {
        flex-direction: column;
        align-items: flex-start;
    }

    .ft .ftSa .ftBtm .ft03 .ft03Con>p,
    .ft .ftSa .ftBtm .ft03 .ft03Con>a p {
        font-size: 12px;
        font-weight: normal;
        line-height: normal;
        letter-spacing: 0em;
        color: var(--zCw);
        opacity: 0.6;
    }
}

@media (max-width: 499px) {
    .ft .ftSa .ftTop {
        padding-top: 30px;
        padding-bottom: 22px;
    }

    .ft .ftSa .ftTop .ftTop_01 {
        margin-bottom: 2px;
    }

    .ft .ftSa .ftTop .ftTop_01 .ftTop_01Sa .ftTop_01lo {
        padding-bottom: 30px;
    }

    .ft .ftSa .ftTop .ftTop_01 .ftTop_01Sa .ftTop_01ph {
        margin-bottom: 10px;
    }

    .ft .ftSa .ftTop .ftTop_01 .ftTop_01Sa .ftTop_01ph>img {
        width: 18px;
        margin-right: 8px;
    }

    .ft .ftSa .ftTop .ftTop_01 .ftTop_01Sa .ftTop_01te {
        margin-bottom: 8px;
    }

    .ft .ftSa .ftTop .ftTop_01 .ftTop_01Sa .ftTop_01te>p,
    .ft .ftSa .ftTop .ftTop_01 .ftTop_01Sa .ftTop_01te>a {
        font-size: 13px;
        opacity: 1;
        color: var(--zCw6);
    }

    .ft .ftSa .ftTop .ftTop_02 .ftTop_02Sa .ftTop_02Ul .ftTop_02Li>a p {
        opacity: 1;
        color: var(--zCw6);
    }

    .ft .ftSa .ftBtm {
        padding: 8px 0;
    }

    .ft .ftSa .ftBtm .ft03 .ft03Con>p,
    .ft .ftSa .ftBtm .ft03 .ft03Con>a p {
        opacity: 1;
        color: var(--zCw6);
        margin-bottom: 2px;
    }
}

@keyframes soak {
    0% {
        background-color: rgba(29, 107, 221, 0.9);
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        background-color: rgba(63, 131, 233, 0.485);
        -webkit-transform: scale(2);
        transform: scale(2);
    }

    100% {
        background-color: rgba(29, 107, 221, 0.9);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pao {
    0% {
        -webkit-transform: translate(200%, -30px) rotate(360deg) scale(.4, .4);
        transform: translate(200%, -30px) rotate(360deg) scale(.4, .4);
        -webkit-opacity: 1;
        opacity: 1;
    }

    50% {
        -webkit-transform: translate(0%, -70px) rotate(360deg) scale(.8, .8);
        transform: translate(0%, -70px) rotate(360deg) scale(.8, .8);
        -webkit-opacity: .5;
        opacity: .5;
    }

    100% {
        -webkit-transform: translate(-200%, -100px) rotate(360deg) scale(1, 1);
        transform: translate(-200%, -100px) rotate(360deg) scale(1, 1);
        -webkit-opacity: 0;
        opacity: 0;

    }
}

@keyframes pao2 {
    0% {
        -webkit-transform: translate(-200%, 0px) rotate(360deg) scale(1, 1);
        transform: translate(-200%, 0px) rotate(360deg) scale(1, 1);
        -webkit-opacity: 1;
        opacity: 1;
    }

    50% {
        -webkit-transform: translate(250%, -50px) rotate(360deg) scale(.8, .8);
        transform: translate(250%, -50px) rotate(360deg) scale(.8, .8);
        -webkit-opacity: .5;
        opacity: .5;
    }

    100% {
        -webkit-transform: translate(100%, -100px) rotate(360deg) scale(.4, .4);
        transform: translate(100%, -100px) rotate(360deg) scale(.4, .4);
        -webkit-opacity: 0;
        opacity: 0;

    }
}

@keyframes pao3 {
    0% {
        -webkit-transform: translate(0%, 0px) rotate(360deg) scale(1, 1);
        transform: translate(0%, 0px) rotate(360deg) scale(1, 1);
        -webkit-opacity: 1;
        opacity: 1;
    }

    50% {
        -webkit-transform: translate(-250%, -50px) rotate(360deg) scale(.8, .8);
        transform: translate(-250%, -50px) rotate(360deg) scale(.8, .8);
        -webkit-opacity: .5;
        opacity: .5;
    }

    100% {
        -webkit-transform: translate(-300%, -100px) rotate(360deg) scale(.4, .4);
        transform: translate(-300%, -100px) rotate(360deg) scale(.4, .4);
        -webkit-opacity: 0;
        opacity: 0;

    }
}

@keyframes pao4 {
    0% {
        -webkit-transform: translate(400%, 0px) rotate(360deg) scale(1, 1);
        transform: translate(400%, 0px) rotate(360deg) scale(1, 1);
        -webkit-opacity: 1;
        opacity: 1;
    }

    50% {
        -webkit-transform: translate(400%, -50px) rotate(360deg) scale(.8, .8);
        transform: translate(400%, -50px) rotate(360deg) scale(.8, .8);
        -webkit-opacity: .5;
        opacity: .5;
    }

    100% {
        -webkit-transform: translate(-100%, -100px) rotate(360deg) scale(.4, .4);
        transform: translate(-100%, -100px) rotate(360deg) scale(.4, .4);
        -webkit-opacity: 0;
        opacity: 0;
    }
}

@keyframes pao5 {
    0% {
        -webkit-transform: translate(-400%, 0px) rotate(360deg) scale(.1, .1);
        transform: translate(-400%, 0px) rotate(360deg) scale(.1, .1);
        -webkit-opacity: 1;
        opacity: 1;
    }

    50% {
        -webkit-transform: translate(-400%, -50px) rotate(360deg) scale(.6, .6);
        transform: translate(-400%, -50px) rotate(360deg) scale(.6, .6);
        -webkit-opacity: .5;
        opacity: .5;
    }

    100% {
        -webkit-transform: translate(0%, -100px) rotate(360deg) scale(1, 1);
        transform: translate(0%, -100px) rotate(360deg) scale(1, 1);
        -webkit-opacity: 0;
        opacity: 0;
    }
}

@keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

/* 首页效果取消泵 */
@media (max-width: 1199.9px) {
    .soSwsa .soSw>.swiper-wrapper .swiper-slide .soSwSa .soSwteimg {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0);
        transition: 0.78s 0.6s;
    }

    .soSwsa .soSw>.swiper-wrapper .swiper-slide .soSwSa .soSwp {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0);
        transition: 0.88s 0.7s;
    }

    .soSwsa .soSw>.swiper-wrapper .swiper-slide .soSwSa .soSwSmp {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0);
        transition: 0.88s 0.7s;
    }

    .so01 .so01Sa .so01Smt {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0);
        transition: 0.88s 0.7s;
    }

    .so01 .so01Sa .so01T {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0);
        transition: 0.88s 0.8s;
    }

    .so01 .so01Sa .so01P {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0);
        transition: 0.88s 0.9s;
    }

    .so01 .so01Sa .so01Btn .so01A {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0);
        transition: 0.88s 1s;
    }

    .so01 .so01Sa .so01Ul .so01Li {
        opacity: 1;
        visibility: visible;
        transform: scale(1);
        transition: 0.88s 1s;
    }

    .so02 .so02Tit .so02TitSa .so01Smt {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
        transition: 0.88s 0.6s;
    }

    .so02 .so02Tit .so02TitSa .so01T {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0);
        transition: 0.88s 0.7s;
    }

    .so02 .so02Sw>.swiper-wrapper .swiper-slide .so02SwSa .so02Swt {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
        transition: 0.88s 0.8s;
    }

    .so02 .so02Sw>.swiper-wrapper .swiper-slide .so02SwSa .so02Swp {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
        transition: 0.88s 0.9s;
    }

    .so02 .so02Sw>.swiper-wrapper .swiper-slide .so02SwSa .so02Btn .so02A {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
        transition: 0.88s 1s;
    }

    .so03 .so02Sa .so02TiSa {
        opacity: 1;
        visibility: visible;
        transform: scale(1);
        transition: 0.88s 0.7s;
    }

    .so03 .so02Sa .so01T {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0);
        transition: 0.88s 0.8s;
    }

    .so03 .so02Sa .so03Sw {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0);
        transition: 0.88s 0.8s;
    }

    .so03 .zcxz {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0);
        transition: 0.88s 0.8s;
    }

    .so04 .so04Tp .so04Tp_01 {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0);
        transition: 0.88s 0.7s;
    }

    .so04 .so04Tp .so04Tp_02 {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0);
        transition: 0.88s 0.7s;
    }

    .so04 .so04Bt {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0);
        transition: 0.88s 0.7s;
    }

    .so05 .so05Sa .so05Smt {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0);
        transition: 0.88s 0.7s;
    }

    .so05 .so05Sa .so05T {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0);
        transition: 0.88s 0.8s;
    }

    .so05 .so05Sa .so05Con .so05Ball {
        transform: translate(0, -50%) scale(1);
        opacity: 1;
        visibility: visible;
        transition: 0.88s 0.9s;
    }

    .so06 .so06Sa .so06Tp .so06Tp_01 {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0);
        transition: 0.88s 0.7s;
    }

    .so05 .so05Sa .so05Con .so05Ul {
        transform: translateX(-2.6%) perspective(1800px) rotateY(-18deg);
        opacity: 1;
        visibility: visible;
        transition: 0.88s 0.9s;
    }
}

/* 9.23内页 */
.subBan {
    position: relative;
    overflow: hidden;
}

.subBan .subImg {
    height: 87vh;
    overflow: hidden;
}

.subBanSear .subImg {
    height: 72vh;
}

.subBan .subImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    /* animation: blue 4s 0s ease both; */
    animation: zoombig 3s forwards linear;
}

.subBan .subTi {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.subBan .subTi p {
    font-size: var(--zB5);
    color: var(--zCw);
    font-weight: bold;
    line-height: normal;
    text-align: center;
    letter-spacing: 0em;
    text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.4);
}

.subBan .subNav {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.subBan .subNav .subNavSa {
    position: relative;
}

.subBan .subNav .subNavSa::after {
    position: absolute;
    content: "";
    width: 90%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(89deg, #1D63D5 6%, rgba(0, 165, 230, 0.9) 102%, #8EC220 218%, #00A5E6 218%);
    border-radius: 0 30px 0 0;
    overflow: hidden;
}

.subBan .subNav .subNavSa .subUl {
    display: flex;
    position: relative;
    z-index: 12;
    padding: 36px 0;
}

.subBan .subNav .subNavSa .subUl .subLi {
    padding: 0 64px;
}

.subBan .subNav .subNavSa .subUl .subLi>a p {
    font-size: var(--zTO8);
    color: var(--zCw);
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0em;
    opacity: 0.6;
    transition: all 0.5s ease;
}

.subBan .subNav .subNavSa .subUl .subLi.on>a p {
    opacity: 1;
}

.subBan .subNav .subNavSa .subUl .subLi>a:hover p {
    opacity: 1;
}

@media (max-width: 1536px) {
    .subBan .subImg {
        height: 70vh;
    }

    .subBan .subNav .subNavSa .subUl {
        padding: 24px 0;
    }

    .subBan .subNav .subNavSa .subUl .subLi {
        padding: 0 30px;
    }
}

@media (max-width: 1199.9px) {
    .subBan .subImg {
        height: 460px;
    }
}

@media (max-width: 992px) {
    .subBan .subNav {
        display: none;
    }
}

@media (max-width: 768px) {
    .subBan .subImg {
        height: 360px;
    }
}

@media (max-width: 499px) {
    .subBan .subTi {
        top: 58%;
    }

    .subBan .subImg {
        height: 230px;
    }
}

#subPageNav {
    display: flex;
    justify-content: flex-end;
    padding: 50px 0;
}

#subPageNav .breadcrumb {
    margin-bottom: 0;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: "·";
}

#subPageNav .subPageTit p,
#subPageNav .breadcrumb .breadcrumb-item,
#subPageNav .breadcrumb .breadcrumb-item a,
#subPageNav .breadcrumb .breadcrumb-item::before {
    font-size: var(--zTO6);
    color: var(--zCB9);
    font-weight: normal;
    line-height: 30px;
    letter-spacing: 0em;
}

@media (max-width: 1536px) {
    #subPageNav {
        padding: 28px 0;
    }
}

@media (max-width: 992px) {
    #subPageNav {
        opacity: 0;
    }
}

@media (max-width: 499px) {
    #subPageNav {
        padding: 14px 0;
    }
}

#pagination {
    justify-content: center;
    margin-top: 46px;
}

#pagination .page-item {
    margin: 0 8px;
}

#pagination .page-item .page-link {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    font-size: var(--zTO8);
    font-family: robboRe;
    position: relative;
    background: none;
    color: var(--zC14);
}

#pagination .page-item:hover .page-link {
    background: none;
    border: none;
    color: var(--zCw);
}

#pagination .page-item.active .page-link {
    background: none;
    border: none;
    color: var(--zCw);
}

#pagination .page-item .page-link::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(90deg, #1253BE 0%, #00A5E6 100%);
    z-index: -1;
    opacity: 0;
    transition: all 0.5s ease;
}

#pagination .page-item:hover .page-link::after {
    opacity: 1;
}

#pagination .page-item.active .page-link::after {
    opacity: 1;
}

#pagination .page-item .page-link>i {
    font-size: var(--zTO8);
    font-family: robboRe;
    font-weight: bold;
}

@media (max-width: 1536px) {
    #pagination {
        margin-top: 26px;
    }

    #pagination .page-item {
        margin: 0 5px;
    }

    #pagination .page-item .page-link {
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 499px) {
    #pagination .page-item .page-link {
        width: 30px;
        height: 30px;
    }
}

#sear .seForm>form {
    display: flex;
    align-items: stretch;
    justify-content: center;
    margin-bottom: 90px;
    width: 100%;
}

#sear .seForm>form>input {
    font-size: var(--zTO6);
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zC33);
    border: 1px solid #D8D8D8;
    border-right: none;
    width: 37.4%;
    flex: 0 0 auto;
    border-radius: 10px 0 0 10px;
    padding: 12px 16px;
}

#sear .seForm>form>.button {
    font-size: var(--zTO6);
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zCw);
    background: linear-gradient(83deg, #1D63D5 8%, #00A5E6 101%, #8EC220 214%, #00A5E6 214%);
    border-radius: 0;
    width: 9%;
    flex: 0 0 auto;
    border-radius: 0 10px 10px 0;
    padding: 12px 0;
}

#sear .seForm>form>.button i {
    margin-left: 6px;
}

@media (max-width: 1536px) {
    #sear .seForm>form>input {
        width: 45.4%;
    }

    #sear .seForm>form>.button {
        width: 12%;
    }
}

@media (max-width: 992px) {
    #sear .seForm>form>input {
        width: 48.4%;
    }

    #sear .seForm>form>.button {
        width: 16%;
    }
}

@media (max-width: 768px) {
    #sear .seForm>form>input {
        width: 58.4%;
    }

    #sear .seForm>form>.button {
        width: 20%;
    }
}

@media (max-width: 499px) {
    #sear .seForm>form>input {
        width: 78.4%;
    }

    #sear .seForm>form>.button {
        width: 28%;
    }
}

/*  */
/* close */
#searVe .close {
    right: 24%;
    top: 4%;
    z-index: 9999;
}

#searVe .close>i {
    font-size: 16px;
    font-weight: bold;
}

@media (max-width: 1536px) {
    #searVe .close {
        right: 18%;
        top: 4%;
    }
}

@media (max-width: 996px) {
    #searVe .close {
        right: 14%;
        top: 4%;
    }
}

@media (max-width: 642px) {
    #searVe .close {
        right: 8%;
        top: 4%;
    }
}

@media (max-width: 499px) {
    #searVe .close {
        right: -2%;
        top: 4%;
    }
}

/*  */
#searVe {
    position: relative;
}

#searVe .seForm>form {
    display: flex;
    align-items: stretch;
    justify-content: center;
    padding: 36px 0;
}

#searVe .seForm>form {
    width: 100%;
}

#searVe .seForm>form>input {
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    color: #909090;
    border: 1px solid #D8D8D8;
    border-right: none;
    width: 37.4%;
    flex: 0 0 auto;
    border-radius: 10px 0 0 10px;
    padding: 12px 16px;
}

#searVe .seForm>form>.button {
    font-size: var(--zTO6);
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zCw);
    background: linear-gradient(83deg, #1D63D5 8%, #00A5E6 101%, #8EC220 214%, #00A5E6 214%);
    border-radius: 0;
    width: 9%;
    flex: 0 0 auto;
    border-radius: 0 10px 10px 0;
    padding: 12px 0;
}

#searVe .seForm>form>.button i {
    margin-left: 6px;
}

@media (max-width: 1536px) {
    #searVe .seForm>form>input {
        width: 45.4%;
    }

    #searVe .seForm>form>.button {
        width: 12%;
    }
}

@media (max-width: 992px) {
    #searVe .seForm>form>input {
        width: 48.4%;
    }

    #searVe .seForm>form>.button {
        width: 16%;
    }
}

@media (max-width: 768px) {
    #searVe .seForm>form>input {
        width: 58.4%;
    }

    #searVe .seForm>form>.button {
        width: 20%;
    }
}

@media (max-width: 499px) {
    #searVe .seForm>form {
        padding: 32px 0;
    }

    #searVe .seForm>form>input {
        width: 78.4%;
    }

    #searVe .seForm>form>.button {
        width: 28%;
    }
}

/*  */
.ab01 {
    background: url(../images/ab01bg.png) no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
}

.ab01 .ab01Sa {
    padding-bottom: 120px;
}

.ab01 .ab01Sa .ab01_01 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
}

.ab01 .ab01Sa .ab01_01 .ab01_01lf {
    flex: 0 0 auto;
    width: 48.2%;
}

.ab01 .ab01Sa .ab01_01 .ab01_01lf .ab01_Ti {
    margin-bottom: 50px;
}

.ab01 .ab01Sa .ab01_01 .ab01_01lf .ab01_Ti .ab01_Smt p {
    font-size: var(--zTO8);
    color: var(--zC1D);
    line-height: normal;
    font-weight: bold;
}

.ab01 .ab01Sa .ab01_01 .ab01_01lf .ab01_Ti .ab01_T p {
    font-size: var(--zTF6);
    color: var(--zC33);
    font-weight: bold;
}

.ab01 .ab01Sa .ab01_01 .ab01_01lf .ab01_P p {
    font-size: var(--zTO6);
    color: var(--zC66);
    font-weight: normal;
    line-height: 35px;
    text-indent: 2em;
    margin-bottom: 32px;
}

.ab01 .ab01Sa .ab01_01 .ab01_01lf .ab01_P p:last-child {
    margin-bottom: 0;
}

.ab01 .ab01Sa .ab01_01 .ab01_01Rg {
    flex: 0 0 auto;
    width: 41.4%;
    padding-left: 4.4%;
}

.ab01 .ab01Sa .ab01_01 .ab01_01Rg .ab01_ImgSa {
    position: relative;
}

.ab01 .ab01Sa .ab01_01 .ab01_01Rg .ab01_ImgSa img {
    width: 100%;
}

.ab01 .ab01Sa .ab01_01 .ab01_01Rg .ab01_ImgSa img:nth-child(2) {
    position: absolute;
    width: 98.4%;
    left: 0;
    top: 0;
    transition: all 0.5s ease;
}

.ab01 .ab01Sa .ab01_01 .ab01_01Rg .ab01_ImgSa:hover img:nth-child(2) {
    transform: scale(1.02);
}

.ab01 .ab01Sa .ab01_01 .ab01_01Rg .ab01_ImgSa img:nth-child(3) {
    position: absolute;
    width: 36%;
    left: -13%;
    bottom: 4%;
}

.ab01 .ab01Sa .ab01_Ul {
    display: flex;
    justify-content: space-between;
}

.ab01 .ab01Sa .ab01_Ul .ab01_Li .ab01_LiSa .ab01_Litp {
    display: flex;
    align-items: baseline;
}

.ab01 .ab01Sa .ab01_Ul .ab01_Li .ab01_LiSa .ab01_Litp p {
    font-size: var(--zB72);
    line-height: var(--zB72);
    font-family: robbo;
    background: linear-gradient(174deg, #364BA8 24%, #2485D1 84%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin-right: 10px;
}

.ab01 .ab01Sa .ab01_Ul .ab01_Li .ab01_LiSa .ab01_Litp span {
    font-size: var(--zTO8);
    font-weight: bold;
    background: linear-gradient(180deg, #364BA8 0%, #2485D1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.ab01 .ab01Sa .ab01_Ul .ab01_Li .ab01_LiSa .ab01_Libt p {
    font-size: var(--zTO8);
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    color: #333333;
}

.ab01 .ab01_bgte {
    position: absolute;
    left: 0;
    top: 128px;
}

.ab01 .ab01_bgte img {
    width: 108px;
}

@media (max-width: 1536px) {
    .ab01 .ab01Sa {
        padding-bottom: 84px;
    }

    .ab01 .ab01Sa .ab01_01 {
        align-items: center;
    }

    .ab01 .ab01Sa .ab01_01 .ab01_01lf .ab01_Ti {
        margin-bottom: 26px;
    }

    .ab01 .ab01Sa .ab01_01 .ab01_01lf .ab01_P p {
        line-height: 26px;
        margin-bottom: 18px;
    }

    .ab01 .ab01Sa .ab01_01 .ab01_01Rg {
        width: 43.4%;
    }

    .ab01 .ab01_bgte {
        position: absolute;
        left: 0;
        top: 86px;
    }
}

@media (max-width: 992px) {
    .ab01 .ab01Sa .ab01_01 {
        flex-direction: column;
    }

    .ab01 .ab01Sa .ab01_01 .ab01_01lf {
        width: 100%;
        margin-bottom: 30px;
    }

    .ab01 .ab01Sa .ab01_01 .ab01_01Rg {
        width: 50%;
        padding-left: 0%;
    }
}

@media (max-width: 768px) {
    .ab01 .ab01Sa .ab01_Ul {
        flex-wrap: wrap;
    }

    .ab01 .ab01Sa .ab01_Ul .ab01_Li {
        width: 50%;
        margin-bottom: 20px;
    }
}

@media (max-width: 499px) {
    .ab01 .ab01Sa {
        padding-bottom: 22px;
    }

    .ab01 .ab01Sa .ab01_01 {
        margin-bottom: 46px;
    }

    .ab01 .ab01Sa .ab01_01 .ab01_01lf .ab01_P p {
        line-height: 24px;
        margin-bottom: 8px;
    }

    .ab01 .ab01Sa .ab01_01 .ab01_01Rg {
        width: 80%;
    }
}

.ab02 {
    background: #EFF9FF;
}

.ab02 .ab02Sa {
    padding-top: 150px;
}

.ab02 .ab02Sa .ab02_01 .ab02_Ti {
    margin-bottom: 70px;
}

.ab02 .ab02Sa .ab02_01 .ab02_Ti .ab02_Smt p {
    font-size: var(--zTO8);
    color: var(--zC1D);
    line-height: normal;
    font-weight: bold;
    text-align: center;
}

.ab02 .ab02Sa .ab02_01 .ab02_Ti .ab02_T p {
    font-size: var(--zTF6);
    color: var(--zC33);
    font-weight: bold;
    text-align: center;
}

.ab02 .ab02Sa .ab02_02 {
    position: relative;
}

.ab02 .ab02Sa .ab02_02 .ab02_02Ul .ab02_02Li {
    width: 24.5714285714%;
    position: absolute;
    display: flex;
    justify-content: flex-start;
}

.ab02 .ab02Sa .ab02_02 .ab02_02Ul .ab02_02Li:nth-child(1) {
    left: 0%;
    top: 5%;
    width: 36.7142857143%;
    flex-direction: row-reverse;
}

.ab02 .ab02Sa .ab02_02 .ab02_02Ul .ab02_02Li:nth-child(2) {
    right: 0;
    top: 5%;
    width: 36.7142857143%;
}

.ab02 .ab02Sa .ab02_02 .ab02_02Ul .ab02_02Li:nth-child(3) {
    left: 0;
    bottom: 34%;
    flex-direction: row-reverse;
}

.ab02 .ab02Sa .ab02_02 .ab02_02Ul .ab02_02Li:nth-child(4) {
    right: 0;
    bottom: 34%;
}

.ab02 .ab02Sa .ab02_02 .ab02_02Ul .ab02_02Li .ab02_02Liimg {
    width: 88px;
    height: 88px;
    padding: 17px;
    background: linear-gradient(90deg, #1D63D5 0%, #00A5E6 100%);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    border: 6px solid #FFFFFF;
}

.ab02 .ab02Sa .ab02_02 .ab02_02Ul .ab02_02Li:nth-child(1) .ab02_02Liimg {
    margin-left: 10%;
}

.ab02 .ab02Sa .ab02_02 .ab02_02Ul .ab02_02Li:nth-child(2) .ab02_02Liimg {
    margin-right: 10%;
}

.ab02 .ab02Sa .ab02_02 .ab02_02Ul .ab02_02Li:nth-child(3) .ab02_02Liimg {
    margin-left: 6%;
}

.ab02 .ab02Sa .ab02_02 .ab02_02Ul .ab02_02Li:nth-child(4) .ab02_02Liimg {
    margin-right: 6%;
}

.ab02 .ab02Sa .ab02_02 .ab02_02Ul .ab02_02Li .ab02_02Liimg img {
    width: 100%;
    transition: all 0.5s ease;
}

.ab02 .ab02Sa .ab02_02 .ab02_02Ul .ab02_02Li:hover .ab02_02Liimg img {
    transform: rotateY(180deg);
}

.ab02 .ab02Sa .ab02_02 .ab02_02Ul .ab02_02Li .ab02_02Lip .ab02_02T {
    margin-bottom: 16px;
    margin-top: 10px;
}

.ab02 .ab02Sa .ab02_02 .ab02_02Ul .ab02_02Li .ab02_02Lip .ab02_02T p {
    font-size: var(--zTT4);
    color: var(--zC33);
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0em;
}

.ab02 .ab02Sa .ab02_02 .ab02_02Ul .ab02_02Li .ab02_02Lip .ab02_02C p {
    font-size: var(--zTO6);
    color: var(--zC33);
    font-weight: normal;
    line-height: 30px;
    letter-spacing: 0em;
}

.ab02 .ab02Sa .ab02_02 .ab02_02img {
    width: 58%;
    margin: 0 auto;
}

.ab02 .ab02Sa .ab02_02 .ab02_02img img {
    width: 100%;
}

@media (max-width: 1700px) {
    .ab02 .ab02Sa .ab02_02 .ab02_02Ul .ab02_02Li {
        width: 35.571429%;
    }

    .ab02 .ab02Sa .ab02_02 .ab02_02Ul .ab02_02Li:nth-child(3) {
        left: -10%;
    }

    .ab02 .ab02Sa .ab02_02 .ab02_02Ul .ab02_02Li:nth-child(4) {
        right: -10%;
    }
}

@media (max-width: 1536px) {
    .ab02 .ab02Sa {
        padding-top: 80px;
    }

    .ab02 .ab02Sa .ab02_02 .ab02_02Ul .ab02_02Li:nth-child(3) {
        bottom: 26%;
    }

    .ab02 .ab02Sa .ab02_02 .ab02_02Ul .ab02_02Li:nth-child(4) {
        bottom: 26%;
    }

    .ab02 .ab02Sa .ab02_02 .ab02_02Ul .ab02_02Li .ab02_02Lip .ab02_02C p {
        line-height: 24px;
    }

    .ab02 .ab02Sa .ab02_02 .ab02_02Ul .ab02_02Li:nth-child(1) .ab02_02Lip .ab02_02C p {
        width: 300px !important;
    }

    .ab02 .ab02Sa .ab02_02 .ab02_02Ul .ab02_02Li:nth-child(2) .ab02_02Lip .ab02_02C p {
        width: 300px !important;
    }

    .ab02 .ab02Sa .ab02_02 .ab02_02Ul .ab02_02Li .ab02_02Liimg {
        width: 78px;
        height: 78px;
    }
}

@media (max-width: 1199.9px) {
    .ab02 .ab02Sa .ab02_02 .ab02_02Ul {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }

    .ab02 .ab02Sa .ab02_02 .ab02_02Ul .ab02_02Li {
        width: 50% !important;
        position: relative;
        flex-direction: row !important;
        left: 0 !important;
        bottom: 0 !important;
        right: 0 !important;
        top: 0 !important;
        margin-bottom: 20px;
    }

    .ab02 .ab02Sa .ab02_02 .ab02_02Ul .ab02_02Li .ab02_02Liimg {
        margin: 0 !important;
        margin-right: 3% !important;
    }

    .ab02 .ab02Sa .ab02_02 .ab02_02Ul .ab02_02Li .ab02_02Lip .ab02_02T p,
    .ab02 .ab02Sa .ab02_02 .ab02_02Ul .ab02_02Li .ab02_02Lip .ab02_02C p {
        text-align: start !important;
        width: 100% !important;
    }

    .ab02 .ab02Sa .ab02_02 .ab02_02Ul .ab02_02Li:nth-child(1) .ab02_02Lip .ab02_02C p {
        width: 100% !important;
    }

    .ab02 .ab02Sa .ab02_02 .ab02_02Ul .ab02_02Li:nth-child(2) .ab02_02Lip .ab02_02C p {
        width: 100% !important;
    }
}

@media (max-width: 992px) {
    .ab02 .ab02Sa .ab02_02 .ab02_02Ul .ab02_02Li {
        width: 100% !important;
    }
}

@media (max-width: 499px) {
    .ab02 .ab02Sa {
        padding-top: 63px;
    }

    .ab02 .ab02Sa .ab02_01 .ab02_Ti {
        margin-bottom: 30px;
    }

    .ab02 .ab02Sa .ab02_02 .ab02_02Ul .ab02_02Li {
        width: 100% !important;
        margin-bottom: 14px;
    }

    .ab02 .ab02Sa .ab02_02 .ab02_02Ul .ab02_02Li .ab02_02Liimg {
        width: 50px;
        height: 50px;
        padding: 6px;
    }

    .ab02 .ab02Sa .ab02_02 .ab02_02Ul .ab02_02Li .ab02_02Lip .ab02_02T {
        margin-bottom: 6px;
        margin-top: 10px;
    }

    .ab02 .ab02Sa .ab02_02 .ab02_02img {
        width: 88%;
    }
}

.ab03 {
    background: url(../images/ab03bg.jpg) no-repeat;
    background-position: top center;
    background-size: cover;
}

.ab03 .ab03Sa {
    padding-top: 150px;
    padding-bottom: 60px;
}

.ab03 .ab03Sa .ab03_01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.ab03 .ab03Sa .ab03_01 .ab03_01Lf .ab03_Ti .ab03_Smt p {
    font-size: var(--zTO8);
    color: var(--zC1D);
    line-height: normal;
    font-weight: bold;
}

.ab03 .ab03Sa .ab03_01 .ab03_01Lf .ab03_Ti .ab03_T p {
    font-size: var(--zTF6);
    color: var(--zC33);
    font-weight: bold;
}

.ab03 .ab03Sa .ab03_01 .ab03_01Rg {
    display: flex;
    align-items: center;
}

.ab03 .ab03Sa .ab03_01 .ab03_01Rg .ab03_01RgBt {
    width: max-content;
    background: var(--zCw);
    border-radius: 30px;
    overflow: hidden;
    padding: 8px 44px;
    margin-left: 22px;
    position: relative;
}

.ab03 .ab03Sa .ab03_01 .ab03_01Rg .ab03_01RgBt::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    background: linear-gradient(85deg, #1D63D5 7%, #00A5E6 101%, #8EC220 216%, #00A5E6 216%);
    transition: all 0.5s ease;
    transform: scaleY(0);
    transform-origin: 50% 0%;
    will-change: transform;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    transition-duration: 450ms;
    border-radius: 30px;
    overflow: hidden;
}

.ab03 .ab03Sa .ab03_01 .ab03_01Rg .ab03_01RgBt.on::after {
    height: 100%;
    transform: none;
    transform-origin: 50% 100%
}

.ab03 .ab03Sa .ab03_01 .ab03_01Rg .ab03_01RgBt:nth-child(1) {
    margin-left: 0;
}

.ab03 .ab03Sa .ab03_01 .ab03_01Rg .ab03_01RgBt p {
    font-size: var(--zTT0);
    color: var(--zC14);
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    z-index: 12;
    position: relative;
    transition: all 0.5s ease;
}

.ab03 .ab03Sa .ab03_01 .ab03_01Rg .ab03_01RgBt.on p {
    color: var(--zCw);
    font-weight: bold;
}

.ab03 .ab03Sa .ab03SwSa .ab03Sw {
    position: relative;
    padding: 0 4%;
    display: none;
}

.ab03 .ab03Sa .ab03SwSa .ab03Sw.on {
    display: block;
}

.ab03 .ab03Sa .ab03SwSa .ab03Sw>div {
    overflow: hidden;
}

.ab03 .ab03Sa .ab03SwSa .ab03Sw>div .swiper-wrapper .swiper-slide .ab03SwImg {
    transform: scale(0.6);
    transition: all 0.5s ease;
}

.ab03 .ab03Sa .ab03SwSa .ab03Sw>div .swiper-wrapper .swiper-slide.swiper-slide-active .ab03SwImg {
    transform: scale(0.74);
}

.ab03 .ab03Sa .ab03SwSa .ab03Sw>div .swiper-wrapper .swiper-slide .ab03SwImg img {
    width: 100%;
    aspect-ratio: 1 / 1.332;
    object-fit: cover;
    object-position: center;
}

.ab03 .ab03Sa .ab03SwSa .ab03Sw:nth-child(1)>div {
    padding-top: 40px;
}

.ab03 .ab03Sa .ab03SwSa .ab03Sw:nth-child(1)>div .swiper-wrapper .swiper-slide .ab03SwImg {
    margin-bottom: 20px;
}

.ab03 .ab03Sa .ab03SwSa .ab03Sw:nth-child(1)>div .swiper-wrapper .swiper-slide .ab03SwImg img {
    aspect-ratio: 1.4 / 1;
}

.ab03 .ab03Sa .ab03SwSa .ab03Sw>div .swiper-wrapper .swiper-slide .ab03SwTi {
    transform: translateY(-136%);
}

.ab03 .ab03Sa .ab03SwSa .ab03Sw>div .swiper-wrapper .swiper-slide .ab03SwTi p {
    font-size: var(--zTT4);
    color: var(--zC33);
    font-weight: bold;
    line-height: normal;
    text-align: center;
    letter-spacing: 0em;
    opacity: 0;
    transition: all 0.5s ease;
}

.ab03 .ab03Sa .ab03SwSa .ab03Sw>div .swiper-wrapper .swiper-slide.swiper-slide-active .ab03SwTi p {
    opacity: 1;
}

.ab03 .ab03Sa .ab03SwSa .ab03Sw>div .swiper-button-prev,
.ab03 .ab03Sa .ab03SwSa .ab03Sw>div .swiper-button-next {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid var(--zCw6);
    transition: all 0.5s ease;
}

.ab03 .ab03Sa .ab03SwSa .ab03Sw>div .swiper-button-prev:hover,
.ab03 .ab03Sa .ab03SwSa .ab03Sw>div .swiper-button-next:hover {
    border: 2px solid var(--zCw0);
}

.ab03 .ab03Sa .ab03SwSa .ab03Sw>div .swiper-button-prev::before,
.ab03 .ab03Sa .ab03SwSa .ab03Sw>div .swiper-button-next::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.4);
    background: linear-gradient(90deg, #1253BE 0%, #00A5E6 100%);
    opacity: 0;
    transition: all 0.5s ease;
    border-radius: 50%;
    z-index: 10;
}

.ab03 .ab03Sa .ab03SwSa .ab03Sw>div .swiper-button-prev:hover::before,
.ab03 .ab03Sa .ab03SwSa .ab03Sw>div .swiper-button-next:hover::before {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}

.ab03 .ab03Sa .ab03SwSa .ab03Sw>div .swiper-button-prev::after,
.ab03 .ab03Sa .ab03SwSa .ab03Sw>div .swiper-button-next::after {
    font-size: 16px;
    font-weight: 800;
    color: var(--zCw);
    z-index: 12;
}

@media (max-width: 1536px) {
    .ab03 {
        background-position: center;
    }

    .ab03 .ab03Sa {
        padding-top: 112px;
        padding-bottom: 152px;
    }

    .ab03 .ab03Sa .ab03_01 {
        margin-bottom: 60px;
    }

    .ab03 .ab03Sa .ab03_01 .ab03_01Rg .ab03_01RgBt {
        padding: 4px 28px;
        margin-left: 14px;
    }

    .ab03 .ab03Sa .ab03SwSa .ab03Sw>div .swiper-wrapper .swiper-slide .ab03SwImg {
        margin-bottom: 14px;
    }

    .ab03 .ab03Sa .ab03SwSa .ab03Sw>div .swiper-wrapper .swiper-slide.swiper-slide-active .ab03SwImg {
        transform: scale(1);
    }

    .ab03 .ab03Sa .ab03SwSa .ab03Sw>div .swiper-wrapper .swiper-slide .ab03SwTi {
        transform: translateY(0%);
    }
}

@media (max-width: 1199.9px) {
    .ab03 .ab03Sa {
        padding-top: 86px;
        padding-bottom: 28px;
    }

    .ab03 .ab03Sa .ab03SwSa .ab03Sw>div .swiper-wrapper .swiper-slide .ab03SwTi p {
        font-size: 18px;
    }

    .ab03 .ab03Sa .ab03SwSa .ab03Sw>div .swiper-button-prev,
    .ab03 .ab03Sa .ab03SwSa .ab03Sw>div .swiper-button-next {
        width: 40px;
        height: 40px;
        top: 42%;
    }
}

@media (max-width: 992px) {
    .ab03 .ab03Sa .ab03_01 {
        align-items: flex-start;
        flex-direction: column;
    }

    .ab03 .ab03Sa .ab03_01 .ab03_01Lf {
        margin-bottom: 10px;
    }
}

@media (max-width: 768px) {
    .ab03 .ab03Sa .ab03SwSa .ab03Sw>div .swiper-wrapper .swiper-slide .ab03SwImg {
        transform: scale(0.8);
    }
}

@media (max-width: 499px) {
    .ab03 .ab03Sa {
        padding-top: 60px;
        padding-bottom: 48px;
    }

    .ab03 .ab03Sa .ab03_01 {
        margin-bottom: 46px;
    }

    .ab03 .ab03Sa .ab03_01 .ab03_01Rg .ab03_01RgBt {
        padding: 4px 22px;
    }

    .ab03 .ab03Sa .ab03SwSa .ab03Sw>div .swiper-wrapper .swiper-slide .ab03SwTi p {
        font-size: 16px;
    }
}

.ab04 {
    background: url(../images/ab04bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 150px;
    padding-bottom: 170px;
}

.ab04 .ab04Ti {
    position: relative;
    margin-bottom: 96px !important;
}

.ab04 .ab04Ti .ab04_Smt {
    position: relative;
    z-index: 12;
}

.ab04 .ab04Ti .ab04_Smt p {
    font-size: var(--zTO8);
    color: var(--zC1D);
    line-height: normal;
    font-weight: bold;
    text-align: center;
}

.ab04 .ab04Ti .ab04_T {
    margin-bottom: 44px;
    position: relative;
    z-index: 12;
}

.ab04 .ab04Ti .ab04_T p {
    font-size: var(--zTF6);
    color: var(--zC33);
    font-weight: bold;
    text-align: center;
}

.ab04 .ab04Ti .ab04_P {
    position: relative;
    z-index: 12;
}

.ab04 .ab04Ti .ab04_P p {
    font-size: 24px;
    font-weight: normal;
    line-height: 35px;
    text-align: center;
    letter-spacing: 0em;
    color: #666666;
}

.ab04 .ab04Ti .ab04TiBg {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    z-index: 10;
    width: 51.5%;
}

.ab04 .ab04Ti .ab04TiBg img {
    width: 100%;
    max-width: 100%;
}

.ab04 .ab04Sw {
    position: relative;
}

.ab04 .ab04Sw>div {
    overflow: hidden;
    padding: 12px;
}

.ab04 .ab04Sw.ab04Sw_01 {
    margin: auto;
    margin-bottom: 20px;
    width: 94%;
}

.ab04 .ab04Sw.ab04Sw_02 {
    margin: auto;
    width: 78%;
}

.ab04 .ab04Sw>div .swiper-wrapper .swiper-slide .ab04SwImg {
    box-shadow: 0px 4px 10px 0px rgba(20, 64, 138, 0.3);
    overflow: hidden;
}

.ab04 .ab04Sw>div .swiper-wrapper .swiper-slide .ab04SwImg img {
    width: 100%;
    transition: all 0.5s ease;
}

.ab04 .ab04Sw>div .swiper-wrapper .swiper-slide .ab04SwImg:hover img {
    transform: scale(1.08);
}

@media (max-width: 1536px) {
    .ab04 {
        padding-top: 110px;
        padding-bottom: 130px;
    }

    .ab04 .ab04Ti {
        margin-bottom: 76px !important;
    }

    .ab04 .ab04Ti .ab04_T {
        margin-bottom: 12px;
    }

    .ab04 .ab04Ti .ab04_P p {
        font-size: 20px;
    }

    .ab04 .ab04Sw.ab04Sw_01 {
        margin-bottom: 4px;
    }
}

@media (max-width: 992px) {
    .ab04 .ab04Ti .ab04TiBg {
        width: 60.5%;
    }

    .ab04 .ab04Ti .ab04_P p {
        font-size: 18px;
        line-height: 28px;
    }
}

@media (max-width: 768px) {
    .ab04 .ab04Ti .ab04TiBg {
        width: 80.5%;
        bottom: 50px;
    }
}

@media (max-width: 499px) {
    .ab04 {
        padding-top: 85px;
        padding-bottom: 58px;
    }

    .ab04 .ab04Ti {
        margin-bottom: 42px !important;
    }

    .ab04 .ab04Ti .ab04TiBg {
        width: 92.5%;
        bottom: 60px;
    }

    .ab04 .ab04Sw>div {
        overflow: visible;
        padding: 6px;
    }

    .ab04 .ab04Sw.ab04Sw_02 {
        margin: auto;
        width: 94%;
    }
}

.fac .facSa {
    padding-bottom: 130px;
}

.fac .facSa .fac_Ul {
    margin-right: calc(-.5* 2.2rem);
    margin-left: calc(-.5* 2.2rem);
}

.fac .facSa .fac_Ul .fac_Li {
    padding-right: calc(2.2rem* .5);
    padding-left: calc(2.2rem* .5);
    margin-bottom: 60px;
}

.fac .facSa .fac_Ul .fac_Li .fac_LiSa {
    display: block;
}

.fac .facSa .fac_Ul .fac_Li .fac_LiSa .fac_Fig {
    overflow: hidden;
    margin-bottom: 24px;
    position: relative;
}

.fac .facSa .fac_Ul .fac_Li .fac_LiSa .fac_Fig::after {
    position: absolute;
    content: "";
    width: 0%;
    height: 8px;
    background: linear-gradient(90deg, #1D63D5 0%, #00A5E6 99%);
    left: 0;
    bottom: 0;
    transition: all 0.5s ease;
}

.fac .facSa .fac_Ul .fac_Li .fac_LiSa:hover .fac_Fig::after {
    width: 100%;
}

.fac .facSa .fac_Ul .fac_Li .fac_LiSa .fac_Fig img {
    width: 100%;
    transition: all 0.5s ease;
}

.fac .facSa .fac_Ul .fac_Li .fac_LiSa:hover .fac_Fig img {
    transform: scale(1.08);
}

.fac .facSa .fac_Ul .fac_Li .fac_LiSa .facTi p {
    font-size: var(--zTT4);
    font-weight: normal;
    line-height: normal;
    text-align: center;
    letter-spacing: 0em;
    color: var(--zC33);
    transition: all 0.5s ease;
}

.fac .facSa .fac_Ul .fac_Li .fac_LiSa:hover .facTi p {
    color: var(--zC14);
}

@media (max-width: 1536px) {
    .fac .facSa {
        padding-bottom: 100px;
    }

    .fac .facSa .fac_Ul {
        margin-right: calc(-.5* 1.2rem);
        margin-left: calc(-.5* 1.2rem);
    }

    .fac .facSa .fac_Ul .fac_Li {
        padding-right: calc(1.2rem* .5);
        padding-left: calc(1.2rem* .5);
        margin-bottom: 32px;
    }

    .fac .facSa .fac_Ul .fac_Li .fac_LiSa .fac_Fig {
        margin-bottom: 16px;
    }

    .fac .facSa .fac_Ul .fac_Li .fac_LiSa .facTi p {
        font-size: 18px;
    }
}

@media (max-width: 992px) {
    .fac .facSa .fac_Ul .fac_Li {
        width: 50%;
    }
}

@media (max-width: 499px) {
    .fac .facSa {
        padding-bottom: 72px;
    }

    .fac .facSa .fac_Ul .fac_Li {
        padding-right: calc(0.6rem* .5);
        padding-left: calc(0.6rem* .5);
        margin-bottom: 22px;
    }

    .fac .facSa .fac_Ul .fac_Li .fac_LiSa .fac_Fig {
        margin-bottom: 12px;
    }

    .fac .facSa .fac_Ul .fac_Li .fac_LiSa .facTi p {
        font-size: 14px;
    }
}

.pro .proSa {
    padding-bottom: 130px;
}

.pro .proSa .pro_Ul {
    margin-right: calc(-.5* 2.2rem);
    margin-left: calc(-.5* 2.2rem);
    margin-bottom: 70px;
}

.pro .proSa .pro_Ul .pro_Li {
    padding-right: calc(2.2rem* .5);
    padding-left: calc(2.2rem* .5);
    margin-bottom: 34px;
}

.pro .proSa .pro_Ul .pro_Li .pro_LiSa {
    position: relative;
    display: block;
}

.pro .proSa .pro_Ul .pro_Li .pro_LiSa::after {
    position: absolute;
    content: "";
    width: 0%;
    height: 100%;
    background: linear-gradient(78deg, #1D63D5 10%, #00A5E6 98%, #8EC220 205%, #00A5E6 205%);
    left: 0;
    top: 0;
    transition: all 0.5s ease;
}

.pro .proSa .pro_Ul .pro_Li .pro_LiSa:hover:after {
    width: 100%;
}

.pro .proSa .pro_Ul .pro_Li .pro_LiSa .pro_Fig {
    overflow: hidden;
    position: relative;
}

.pro .proSa .pro_Ul .pro_Li .pro_LiSa .pro_Fig .bg1 {
    position: absolute;
    left: 0;
    top: -50%;
    z-index: 3;
    width: 100%;
    height: 200%;
    display: block;
    background: linear-gradient(78deg, #1D63D5 10%, #00A5E6 98%, #8EC220 205%, #00A5E6 205%);
    -webkit-transform: translateX(-200%) rotate(60deg);
    transform: translateX(-200%) rotate(60deg);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition: .5s;
    transition: .5s;
}

.pro .proSa .pro_Ul .pro_Li .pro_LiSa:hover .pro_Fig .bg1 {
    -webkit-transform: translateX(-40%) rotate(60deg);
    transform: translateX(-40%) rotate(60deg);
}

.pro .proSa .pro_Ul .pro_Li .pro_LiSa .pro_Fig .bg2 {
    position: absolute;
    right: 0;
    top: -50%;
    z-index: 3;
    width: 100%;
    height: 200%;
    background: linear-gradient(78deg, #1D63D5 10%, #00A5E6 98%, #8EC220 205%, #00A5E6 205%);
    -webkit-transform: translateX(200%) rotate(60deg);
    transform: translateX(200%) rotate(60deg);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition: .5s;
    transition: .5s;
}

.pro .proSa .pro_Ul .pro_Li .pro_LiSa:hover .pro_Fig .bg2 {
    -webkit-transform: translateX(40%) rotate(60deg);
    transform: translateX(40%) rotate(60deg);
}

.pro .proSa .pro_Ul .pro_Li .pro_LiSa .pro_Fig img {
    width: 100%;
}

.pro .proSa .pro_Ul .pro_Li .pro_LiSa .proTi {
    position: absolute;
    left: 0;
    bottom: 8%;
    width: 100%;
    padding: 0 12px;
    padding: 0 14%;
    opacity: 1;
    transition: all 0.5s ease;
}

.pro .proSa .pro_Ul .pro_Li .pro_LiSa:hover .proTi {
    opacity: 0;
}

.pro .proSa .pro_Ul .pro_Li .pro_LiSa .proTi p {
    font-size: var(--zTT4);
    font-size: 18px;
    font-weight: bold;
    line-height: normal;
    text-align: center;
    letter-spacing: 0em;
    color: var(--zCw);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pro .proSa .pro_Ul .pro_Li .pro_LiSa .proTe {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) scale(0.8);
    width: 100%;
    z-index: 12;
    opacity: 0;
    transition: all 0.5s ease;
}

.pro .proSa .pro_Ul .pro_Li .pro_LiSa:hover .proTe {
    transform: translateY(-50%) scale(1);
    opacity: 1;
}

.pro .proSa .pro_Ul .pro_Li .pro_LiSa .proTe .proTe_01 {
    padding: 0 12px;
    padding: 0 15%;
    margin-bottom: 34px;
}

.pro .proSa .pro_Ul .pro_Li .pro_LiSa .proTe .proTe_01 p {
    font-size: var(--zTT26);
    font-size: 20px;
    font-weight: bold;
    line-height: calc(var(--zTT26) * 1.4);
    text-align: center;
    letter-spacing: 0em;
    color: var(--zCw);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pro .proSa .pro_Ul .pro_Li .pro_LiSa .proTe .proTe_02 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pro .proSa .pro_Ul .pro_Li .pro_LiSa .proTe .proTe_02 p {
    font-size: var(--zTO4);
    font-weight: normal;
    letter-spacing: 0em;
    color: var(--zCw);
}

.pro .proSa .pro_Ul .pro_Li .pro_LiSa .proTe .proTe_02 i {
    border-radius: 50%;
    font-size: var(--zTO2);
    color: var(--zC14);
    line-height: 22px;
    width: 22px;
    background-color: var(--zCw);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 16px;
    -webkit-transform-origin: 50% 50% -5px;
    transform-origin: 50% 50% -5px;
    -webkit-transition: all 480ms ease-out 0s;
    transition: all 480ms ease-out 0s;
    position: relative;
}

.pro .proSa .pro_Ul .pro_Li .pro_LiSa .proTe .proTe_02:hover i {
    background-color: var(--zCw0);
    color: var(--zCw) !important;
}

.pro .proSa .pro_Ul .pro_Li .pro_LiSa .proTe .proTe_02 i::before {
    z-index: 12;
}

.pro .proSa .pro_Ul .pro_Li .pro_LiSa .proTe .proTe_02 i::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(249deg, #00A5E6 -9%, #1F56AC 107%);
    z-index: 4;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    transition: all 0.5s ease;
}

.pro .proSa .pro_Ul .pro_Li .pro_LiSa .proTe .proTe_02:hover i::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

@media (max-width: 1536px) {
    .pro .proSa .pro_Ul {
        margin-right: calc(-.5* 1.2rem);
        margin-left: calc(-.5* 1.2rem);
        margin-bottom: 60px;
    }

    .pro .proSa .pro_Ul .pro_Li {
        padding-right: calc(1.2rem* .5);
        padding-left: calc(1.2rem* .5);
        margin-bottom: 24px;
    }

    .pro .proSa .pro_Ul .pro_Li .pro_LiSa .proTi p {
        font-size: 18px;
    }

    .pro .proSa .pro_Ul .pro_Li .pro_LiSa .proTe .proTe_01 {
        margin-bottom: 20px;
    }

    .pro .proSa .pro_Ul .pro_Li .pro_LiSa .proTe .proTe_01 p {
        font-size: 20px;
    }
}

@media (max-width: 992px) {
    .pro .proSa .pro_Ul .pro_Li {
        width: 50%;
    }

    .pro .proSa .pro_Ul .pro_Li .pro_LiSa .proTi {
        padding: 0 12px;
    }
}

@media (max-width: 499px) {
    .pro .proSa {
        padding-bottom: 26px;
    }

    .pro .proSa .pro_Ul .pro_Li {
        width: 100%;
    }

    .pro .proSa .pro_Ul {
        margin-bottom: 26px;
    }
}

.proDe_01 {
    background: #EFF9FF;
}

.proDe_01 .proDe_01Sa {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 180px;

    /*  */
    align-items: flex-start;
}

.proDe_01 .proDe_01Sa .proDe_01Lf {
    position: relative;
    flex: 0 0 auto;
    width: 47.2%;
    position: sticky;
    top: 20vh;
}

#proDe_01Sw {
    overflow: hidden;
}

#proDe_01Sw>.swiper-wrapper .swiper-slide .proDe_01Img img {
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    object-position: center;
}

#proDe_01Sw>.swiper-pagination {
    bottom: 6%;
}

#proDe_01Sw>.swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    background: #FFFFFF;
    width: 6px;
    height: 6px;
    background-color: var(--zCw);
    position: relative;
    transition: all 0.5s ease;
    animation: rotation 2.5s linear infinite;
    margin: 0 14px;
}

#proDe_01Sw>.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--zCw0);
}

#proDe_01Sw>.swiper-pagination .swiper-pagination-bullet::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/swsc.png) no-repeat;
    background-size: 100%;
    background-position: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
    transition: all 0.5s ease;
}

#proDe_01Sw>.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    transform: translate(-50%, -50%) scale(3);
    opacity: 1;
}

.proDe_01 .proDe_01Sa .proDe_01rg {
    flex: 0 0 auto;
    width: 46%;
}

.proDe_01 .proDe_01Sa .proDe_01rg .proDe_01rgTi {
    position: relative;
    padding-bottom: 26px;
    margin-bottom: 40px;
}

.proDe_01 .proDe_01Sa .proDe_01rg .proDe_01rgTi::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: #D0D0D0;
}

.proDe_01 .proDe_01Sa .proDe_01rg .proDe_01rgTi::after {
    position: absolute;
    content: "";
    width: 28%;
    height: 2px;
    left: 0;
    bottom: 0;
    background: linear-gradient(90deg, #1D63D5 0%, #00A5E6 99%);
}

.proDe_01 .proDe_01Sa .proDe_01rg .proDe_01rgTi p {
    font-size: var(--zTT6);
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zC14);
}

.proDe_01 .proDe_01Sa .proDe_01rg .proDe_01rgTe {
    margin-bottom: 30px;
}

.proDe_01 .proDe_01Sa .proDe_01rg .proDe_01rgTe p {
    font-size: var(--zTO8);
    font-weight: bold;
    line-height: 35px;
    letter-spacing: 0em;
    color: var(--zC33);
}

.proDe_01 .proDe_01Sa .proDe_01rg .proDe_01rgP {
    margin-bottom: 60px;
    /* max-height: 150px; */
    overflow-y: auto;
    padding-right: 12px;
}

.proDe_01 .proDe_01Sa .proDe_01rg .proDe_01rgP::-webkit-scrollbar-thumb {
    border-radius: 3px !important;
    background: var(--zC14) !important;
}

.proDe_01 .proDe_01Sa .proDe_01rg .proDe_01rgP::-webkit-scrollbar {
    width: 3px !important;
    height: 3px !important;
}

.proDe_01 .proDe_01Sa .proDe_01rg .proDe_01rgP::-webkit-scrollbar-track {
    background-color: #DEDEDE !important;
    border-radius: 3px !important;
}

.proDe_01 .proDe_01Sa .proDe_01rg .proDe_01rgP::-webkit-scrollbar-thumb,
.proDe_01 .proDe_01Sa .proDe_01rg .proDe_01rgP::-webkit-scrollbar-thumb:hover,
.proDe_01 .proDe_01Sa .proDe_01rg .proDe_01rgP::-webkit-scrollbar-thumb:active {
    border-radius: 3px !important;
    background: var(--zC14) !important;
    background-clip: content-box !important;
}

.proDe_01 .proDe_01Sa .proDe_01rg .proDe_01rgP ol {
    background-color: transparent !important;
}

.proDe_01 .proDe_01Sa .proDe_01rg .proDe_01rgP p,
.proDe_01 .proDe_01Sa .proDe_01rg .proDe_01rgP div span,
.proDe_01 .proDe_01Sa .proDe_01rg .proDe_01rgP ol li,
.proDe_01 .proDe_01Sa .proDe_01rg .proDe_01rgP ol li span {
    font-size: var(--zTO6) !important;
    font-weight: normal;
    line-height: 30px !important;
    letter-spacing: 0em;
    color: var(--zC66);
}

.proDe_01 .proDe_01Sa .proDe_01rg .proDe_01rgBt {
    display: flex;
    align-items: center;
    overflow: hidden;
    z-index: 12;
    border-radius: 30px;
}

.proDe_01 .proDe_01Sa .proDe_01rg .proDe_01rgBt>a {
    display: block;
    border: 1px solid #14408A;
    overflow: hidden;
    border-radius: 30px;
    width: 132px;
    padding: 10px 0;
    margin-right: 28px;
    position: relative;
    transition: all 0.5s ease;
}

.proDe_01 .proDe_01Sa .proDe_01rg .proDe_01rgBt>a:nth-child(1) {
    border: 1px solid #143f8a00;
}

.proDe_01 .proDe_01Sa .proDe_01rg .proDe_01rgBt>a:hover {
    border: 1px solid #143f8a00;
}

.proDe_01 .proDe_01Sa .proDe_01rg .proDe_01rgBt>a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    z-index: 6;
    background: linear-gradient(84deg, #1D63D5 7%, #00A5E6 101%, #8EC220 215%, #00A5E6 215%);
    transition: all 0.5s ease;
    transform: scaleY(0);
    transform-origin: 50% 0%;
    will-change: transform;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    transition-duration: 450ms;
    border-radius: 30px;
}

.proDe_01 .proDe_01Sa .proDe_01rg .proDe_01rgBt>a:hover:after {
    transform: none;
    transform-origin: 50% 100%
}

.proDe_01 .proDe_01Sa .proDe_01rg .proDe_01rgBt>a:nth-child(1):after {
    transform: none;
    transform-origin: 50% 100%
}

.proDe_01 .proDe_01Sa .proDe_01rg .proDe_01rgBt>a p {
    font-size: var(--zTO4);
    font-size: var(--zTO6);
    font-weight: normal;
    line-height: normal;
    text-align: center;
    letter-spacing: 0em;
    color: var(--zC14);
    position: relative;
    z-index: 12;
    transition: all 0.5s ease;
}

.proDe_01 .proDe_01Sa .proDe_01rg .proDe_01rgBt>a:hover p {
    color: var(--zCw);
}

.proDe_01 .proDe_01Sa .proDe_01rg .proDe_01rgBt>a:nth-child(1) p {
    color: var(--zCw);
}

.proDe_02 {
    padding-top: 118px;
    padding-bottom: 228px;
}

.proDe_02 .proDe_02Ti {
    margin-bottom: 96px !important;
}

.proDe_02 .proDe_02Ti .proDe_02Smt p {
    font-size: var(--zTO8);
    color: var(--zC1D);
    line-height: normal;
    font-weight: bold;
}

.proDe_02 .proDe_02Ti .proDe_02T p {
    font-size: var(--zTF6);
    color: var(--zC33);
    font-weight: bold;
}

.proDe_02 .proDe_02Sw {
    position: relative;
    padding-left: var(--zPer-11);
}

#so04_01Sw1>.swiper-wrapper .swiper-slide {
    overflow: hidden;
}

#so04_01Sw1>.swiper-wrapper .swiper-slide>a {
    display: block;
    position: relative;
    cursor: none;
    overflow: hidden;
    pointer-events: auto;
}

#so04_01Sw1>.swiper-wrapper .swiper-slide>a>img {
    width: 100%;
    transition: all 0.8s ease;
}

#so04_01Sw1>.swiper-wrapper .swiper-slide>a:hover>img {
    transform: scale(1.08);
}

#so04_01Sw1>.swiper-wrapper .swiper-slide>a .so04SwTi {
    padding: 28px 12px;
    position: absolute;
    width: 100%;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(1deg, #2C2C2C -15%, rgba(83, 83, 83, 0) 92%);
}

#so04_01Sw1>.swiper-wrapper .swiper-slide>a .so04SwTi p {
    font-size: var(--zTT4);
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0em;
    color: var(--zCw);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

#so04_01Sw1>.swiper-wrapper .swiper-slide>a .so04SwBa {
    position: absolute;
    left: 50%;
    top: 46%;
    transform: translate(-50%, -50%) scale(0.4);
    width: 124px;
    height: 124px;
    background: linear-gradient(90deg, #1253BE 0%, #00A5E6 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.5s ease;
}

#so04_01Sw1>.swiper-wrapper .swiper-slide>a:hover .so04SwBa {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}

#so04_01Sw1>.swiper-wrapper .swiper-slide>a .so04SwBa p {
    font-size: var(--zTT0);
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zCw);
    padding: 0 12px;
}

#so04_01Sw1>.so04SwScr {
    width: 100%;
}

#so04_01Sw1>.so04SwScr {
    position: absolute;
    bottom: -98px;
}

#so04_01Sw1>.so04SwScr .swiper-scrollbar {
    width: 92.5%;
    background: #4885e72a;
    position: relative;
    left: 5.5%;
    height: 3px;
}

#so04_01Sw1>.so04SwScr .swiper-scrollbar .swiper-scrollbar-drag {
    background-color: transparent;
    position: relative;
}

#so04_01Sw1>.so04SwScr .swiper-scrollbar .swiper-scrollbar-drag::after {
    content: '';
    width: 3.75rem;
    height: 3.75rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../images/icon-9.png');
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.proDe_02 .so04SwBa {
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none;
    width: 124px;
    height: 124px;
    margin: -62px 0 0 -62px;
    will-change: transform;
    z-index: 2;
}

.proDe_02 .so04SwBa .so04SwBaSa {
    background: linear-gradient(90deg, #1253BE 0%, #00A5E6 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    width: 100%;
    height: 100%;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.4);
}

.proDe_02 .so04SwBa.on .so04SwBaSa {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    transition: transform .8s ease;
}

.proDe_02 .so04SwBa .so04SwBaSa p {
    font-size: var(--zTT0);
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zCw);
    padding: 0 12px;
}

@media (max-width: 1536px) {
    #proDe_01Sw>.swiper-pagination .swiper-pagination-bullet {
        margin: 0 8px;
    }

    .proDe_01 .proDe_01Sa {
        padding-bottom: 80px;
    }

    .proDe_01 .proDe_01Sa .proDe_01rg .proDe_01rgTi {
        padding-bottom: 14px;
        margin-bottom: 22px;
    }

    .proDe_01 .proDe_01Sa .proDe_01rg .proDe_01rgTe p {
        line-height: 22px;
    }

    .proDe_01 .proDe_01Sa .proDe_01rg .proDe_01rgP p,
    .proDe_01 .proDe_01Sa .proDe_01rg .proDe_01rgP div span,
    .proDe_01 .proDe_01Sa .proDe_01rg .proDe_01rgP ol li,
    .proDe_01 .proDe_01Sa .proDe_01rg .proDe_01rgP ol li span {
        line-height: 24px !important;
    }

    .proDe_01 .proDe_01Sa .proDe_01rg .proDe_01rgBt>a {
        margin-right: 18px;
    }
}

@media (max-width: 1199.9px) {
    .proDe_01 .proDe_01Sa {
        flex-direction: column;
    }

    .proDe_01 .proDe_01Sa .proDe_01Lf {
        width: 100%;
        margin-bottom: 20px;
        position: relative;
        top: 0;
    }

    .proDe_01 .proDe_01Sa .proDe_01rg {
        width: 100%;
    }

    /*  */
    .proDe_02 {
        padding-top: 60px;
        padding-bottom: 160px;
    }

    .proDe_02 .proDe_02Ti {
        margin-bottom: 44px !important;
    }

    #so04_01Sw1>.swiper-wrapper .swiper-slide>a .so04SwTi p {
        font-size: 18px;
    }

    #so04_01Sw1>.swiper-wrapper .swiper-slide>a .so04SwTi {
        padding: 14px 12px;
    }

    #so04_01Sw1>.so04SwScr {
        bottom: -64px;
    }

    #so04_01Sw1>.so04SwScr .swiper-scrollbar .swiper-scrollbar-drag::after {
        width: 2.75rem;
        height: 2.75rem;
    }
}

@media (max-width: 499px) {
    #subPageNav .breadcrumb .breadcrumb-item:last-child {
        display: none;
    }

    .proDe_01 .proDe_01Sa {
        padding-bottom: 60px;
    }

    .proDe_01 .proDe_01Sa .proDe_01rg .proDe_01rgP {
        margin-bottom: 60px;
        /* max-height: 144px; */

        /*  */
        margin-bottom: 20px;
    }

    /*  */
    .proDe_02 {
        padding-top: 43px;
        padding-bottom: 136px;
    }

    .proDe_02 .proDe_02Ti {
        margin-bottom: 26px !important;
    }
}

.news .newsSa {
    padding-bottom: 134px;
}

.news .newsSa .newsSw {
    position: relative;
    background: #EFF9FF;
    border-radius: 30px;
    overflow: hidden;
    margin-bottom: 80px;
}

#newsSw {
    overflow: hidden;
}

#newsSw>.swiper-wrapper .swiper-slide .newsSwSa {
    display: flex;
    align-items: center;
    align-items: stretch;
}

#newsSw>.swiper-wrapper .swiper-slide .newsSwSa .newsSwImg {
    width: 47.5%;
    flex: 0 0 auto;
}

#newsSw>.swiper-wrapper .swiper-slide .newsSwSa .newsSwImg img {
    width: 100%;
    height: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    object-position: center;
}

#newsSw>.swiper-wrapper .swiper-slide .newsSwSa .newsSwCo {
    padding: 5% 3% 2% 4%;
    width: 52.5%;
    flex: 0 0 auto;
}

#newsSw>.swiper-wrapper .swiper-slide .newsSwSa .newsSwCo .newsSwTi {
    margin-bottom: 20px;
}

#newsSw>.swiper-wrapper .swiper-slide .newsSwSa .newsSwCo .newsSwTi p {
    font-size: var(--zTT4);
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zC33);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

#newsSw>.swiper-wrapper .swiper-slide .newsSwSa .newsSwCo .newsSwNum {
    margin-bottom: 38px;
}

#newsSw>.swiper-wrapper .swiper-slide .newsSwSa .newsSwCo .newsSwNum p {
    font-size: var(--zTO8);
    font-weight: normal;
    line-height: 30px;
    letter-spacing: 0em;
    color: var(--zC66);
}

#newsSw>.swiper-wrapper .swiper-slide .newsSwSa .newsSwCo .newsSwP {
    margin-bottom: 44px;
}

#newsSw>.swiper-wrapper .swiper-slide .newsSwSa .newsSwCo .newsSwP p {
    font-size: var(--zTO8);
    font-weight: normal;
    line-height: 30px;
    letter-spacing: 0em;
    color: var(--zC66);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

#newsSw>.swiper-wrapper .swiper-slide .newsSwSa .newsSwCo .newsSwBt {
    transition: all 0.5s ease;
    border-radius: 30px;
}

#newsSw>.swiper-wrapper .swiper-slide .newsSwSa .newsSwCo .newsSwBt .newsSwA {
    display: flex;
    align-items: center;
    width: max-content;
    border: 1px solid var(--zC14);
    border-radius: 30px;
    padding: 3px 16px;
    transition: all 0.5s ease;
    position: relative;
}

#newsSw>.swiper-wrapper .swiper-slide .newsSwSa .newsSwCo .newsSwBt .newsSwA:hover {
    border: 1px solid var(--zCw0);
}

#newsSw>.swiper-wrapper .swiper-slide .newsSwSa .newsSwCo .newsSwBt .newsSwA::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(84deg, #1D63D5 7%, #00A5E6 101%, #8EC220 215%, #00A5E6 215%);
    left: 0;
    top: 0;
    border-radius: 30px;
    opacity: 0;
    z-index: -1;
    transition: all 0.5s ease;
}

#newsSw>.swiper-wrapper .swiper-slide .newsSwSa .newsSwCo .newsSwBt .newsSwA:hover:after {
    opacity: 1;
}

#newsSw>.swiper-wrapper .swiper-slide .newsSwSa .newsSwCo .newsSwBt .newsSwA p {
    font-size: var(--zTO4);
    font-weight: normal;
    line-height: 29px;
    text-transform: uppercase;
    letter-spacing: 0em;
    color: var(--zC14);
    transition: all 0.5s ease;
}

#newsSw>.swiper-wrapper .swiper-slide .newsSwSa .newsSwCo .newsSwBt .newsSwA:hover p {
    color: var(--zCw);
}

#newsSw>.swiper-wrapper .swiper-slide .newsSwSa .newsSwCo .newsSwBt .newsSwA i {
    border-radius: 50%;
    font-size: var(--zTO2);
    color: var(--zCw);
    line-height: 14px;
    width: 14px;
    background: var(--zC14);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 16px;
    -webkit-transform-origin: 50% 50% -5px;
    transform-origin: 50% 50% -5px;
    -webkit-transition: all 480ms ease-out 0s;
    transition: all 480ms ease-out 0s;
    position: relative;
}

#newsSw>.swiper-wrapper .swiper-slide .newsSwSa .newsSwCo .newsSwBt .newsSwA:hover i {
    background: var(--zCw0);
    color: var(--zC14);
}

#newsSw>.swiper-wrapper .swiper-slide .newsSwSa .newsSwCo .newsSwBt .newsSwA:hover i::before {
    z-index: 12;
}

#newsSw>.swiper-wrapper .swiper-slide .newsSwSa .newsSwCo .newsSwBt .newsSwA i::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: var(--zCw);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    transition: all 0.5s ease;
}

#newsSw>.swiper-wrapper .swiper-slide .newsSwSa .newsSwCo .newsSwBt .newsSwA:hover i::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

#newsSw>.swiper-pagination {
    text-align: end;
    padding-right: 3%;
    bottom: 8.6%;
}

#newsSw>.swiper-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 16px;
    opacity: 1;
    background: #14408A;
    position: relative;
    transition: all 0.5s ease;
    animation: rotation 2.5s linear infinite;
}

#newsSw>.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--zCw0);
}

#newsSw>.swiper-pagination .swiper-pagination-bullet::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/swsc.png) no-repeat;
    background-size: 100%;
    background-position: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
    transition: all 0.5s ease;
}

#newsSw>.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    transform: translate(-50%, -50%) scale(3);
    opacity: 1;
}

.news .newsSa .newsUl .newsLi {
    padding: 0 5%;
    position: relative;
    padding-bottom: 70px;
    margin-bottom: 70px;
}

.news .newsSa .newsUl .newsLi:last-child {
    margin-bottom: 130px;
}

.news .newsSa .newsUl .newsLi::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #D0D0D0;
    left: 0;
    bottom: 0;
}

.news .newsSa .newsUl .newsLi::after {
    position: absolute;
    content: "";
    width: 0;
    height: 1px;
    background: linear-gradient(90deg, #1D63D5 0%, #00A5E6 99%);
    left: 0;
    bottom: 0;
    transition: all 0.8s ease;
}

.news .newsSa .newsUl .newsLi:hover:after {
    width: 100%;
}

.news .newsSa .newsUl .newsLi .newsLi_a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.news .newsSa .newsUl .newsLi .newsLi_a .newsLi_numSa {
    flex: 0 0 auto;
    width: 16%;
}

.news .newsSa .newsUl .newsLi .newsLi_a .newsLi_num {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 131px;
    height: 131px;
    border-radius: 50%;
    background: linear-gradient(90deg, #1D63D5 -8%, #00A5E6 76%);
    transition: all 0.5s ease;
}

.news .newsSa .newsUl .newsLi:hover .newsLi_a .newsLi_num {
    transform: scale(1.2);
}

.news .newsSa .newsUl .newsLi .newsLi_a .newsLi_num p {
    font-size: var(--zBF6);
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zCw);
}

.news .newsSa .newsUl .newsLi .newsLi_a .newsLi_num span {
    font-size: var(--zTO8);
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zCw);
}

.news .newsSa .newsUl .newsLi .newsLi_a .newsLi_Con {
    width: 50%;
    flex: 0 0 auto;
    padding-right: 13.2%;
}

.news .newsSa .newsUl .newsLi .newsLi_a .newsLi_Con .newsLi_Ti {
    margin-bottom: 16px;
}

.news .newsSa .newsUl .newsLi .newsLi_a .newsLi_Con .newsLi_Ti p {
    font-size: var(--zTT0);
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0.04em;
    color: var(--zC33);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.5s ease;
}

.news .newsSa .newsUl .newsLi:hover .newsLi_a .newsLi_Con .newsLi_Ti p {
    color: #14408A;
}

.news .newsSa .newsUl .newsLi .newsLi_a .newsLi_Con .newsLi_P {
    margin-bottom: 46px;
}

.news .newsSa .newsUl .newsLi .newsLi_a .newsLi_Con .newsLi_P p {
    font-size: var(--zTO6);
    font-weight: normal;
    line-height: 25px;
    letter-spacing: 0.04em;
    color: var(--zC66);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news .newsSa .newsUl .newsLi .newsLi_a .newsLi_Con .newsLi_Bt {
    transition: all 0.5s ease;
    border-radius: 30px;
}

.news .newsSa .newsUl .newsLi .newsLi_a .newsLi_Con .newsLi_Bt .newsSwA {
    display: flex;
    align-items: center;
    width: max-content;
    border: 1px solid var(--zC14);
    border-radius: 30px;
    padding: 3px 16px;
    transition: all 0.5s ease;
    position: relative;
}

.news .newsSa .newsUl .newsLi .newsLi_a .newsLi_Con .newsLi_Bt .newsSwA:hover {
    border: 1px solid var(--zCw0);
}

.news .newsSa .newsUl .newsLi .newsLi_a .newsLi_Con .newsLi_Bt .newsSwA::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(84deg, #1D63D5 7%, #00A5E6 101%, #8EC220 215%, #00A5E6 215%);
    left: 0;
    top: 0;
    border-radius: 30px;
    opacity: 0;
    z-index: -1;
    transition: all 0.5s ease;
}

.news .newsSa .newsUl .newsLi .newsLi_a .newsLi_Con .newsLi_Bt .newsSwA:hover:after {
    opacity: 1;
}

.news .newsSa .newsUl .newsLi .newsLi_a .newsLi_Con .newsLi_Bt .newsSwA p {
    font-size: var(--zTO4);
    font-weight: normal;
    line-height: 29px;
    text-transform: uppercase;
    letter-spacing: 0em;
    color: var(--zC14);
    transition: all 0.5s ease;
}

.news .newsSa .newsUl .newsLi .newsLi_a .newsLi_Con .newsLi_Bt .newsSwA:hover p {
    color: var(--zCw);
}

.news .newsSa .newsUl .newsLi .newsLi_a .newsLi_Con .newsLi_Bt .newsSwA i {
    border-radius: 50%;
    font-size: var(--zTO2);
    color: var(--zCw);
    line-height: 14px;
    width: 14px;
    background: var(--zC14);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 16px;
    -webkit-transform-origin: 50% 50% -5px;
    transform-origin: 50% 50% -5px;
    -webkit-transition: all 480ms ease-out 0s;
    transition: all 480ms ease-out 0s;
    position: relative;
}

.news .newsSa .newsUl .newsLi .newsLi_a .newsLi_Con .newsLi_Bt .newsSwA:hover i {
    background: var(--zCw0);
    color: var(--zC14);
}

.news .newsSa .newsUl .newsLi .newsLi_a .newsLi_Con .newsLi_Bt .newsSwA i::before {
    z-index: 12;
}

.news .newsSa .newsUl .newsLi .newsLi_a .newsLi_Con .newsLi_Bt .newsSwA i::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: var(--zCw);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    transition: all 0.5s ease;
}

.news .newsSa .newsUl .newsLi .newsLi_a .newsLi_Con .newsLi_Bt .newsSwA:hover i::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

.news .newsSa .newsUl .newsLi .newsLi_a .newsLi_Img {
    width: 34%;
    flex: 0 0 auto;
    overflow: hidden;
}

.news .newsSa .newsUl .newsLi .newsLi_a .newsLi_Img img {
    width: 100%;
    transition: all 0.5s ease;
    height: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    object-position: center;
}

.news .newsSa .newsUl .newsLi:hover .newsLi_a .newsLi_Img img {
    transform: scale(1.08);
}

@media (max-width: 1536px) {
    #newsSw>.swiper-wrapper .swiper-slide .newsSwSa .newsSwCo {
        padding: 3% 3% 2% 4%;
    }

    #newsSw>.swiper-wrapper .swiper-slide .newsSwSa .newsSwCo .newsSwTi {
        margin-bottom: 2px;
    }

    #newsSw>.swiper-wrapper .swiper-slide .newsSwSa .newsSwCo .newsSwP p {
        line-height: 26px;
    }

    .news .newsSa .newsUl .newsLi {
        padding: 0 2%;
        padding-bottom: 40px;
        margin-bottom: 40px;
    }

    .news .newsSa .newsUl .newsLi .newsLi_a .newsLi_num {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 103px;
        height: 103px;
    }
}

@media (max-width: 992px) {
    #newsSw>.swiper-wrapper .swiper-slide .newsSwSa {
        flex-direction: column;
    }

    #newsSw>.swiper-wrapper .swiper-slide .newsSwSa .newsSwImg {
        width: 100%;
    }

    #newsSw>.swiper-wrapper .swiper-slide .newsSwSa .newsSwCo {
        width: 100%;
        padding: 3% 3% 7% 4%;
    }

    #newsSw>.swiper-pagination {
        bottom: 2.6%;
        pointer-events: none;
    }

    .news .newsSa .newsUl .newsLi .newsLi_a {
        align-items: stretch;
    }

    .news .newsSa .newsUl .newsLi .newsLi_a .newsLi_numSa {
        display: none;
    }

    .news .newsSa .newsUl .newsLi .newsLi_a .newsLi_Con {
        padding-right: 0;
    }

    .news .newsSa .newsUl .newsLi .newsLi_a .newsLi_Con .newsLi_Ti .num {
        display: block !important;
        font-size: var(--zTO8);
        font-weight: normal;
        line-height: 30px;
        letter-spacing: 0em;
        color: var(--zC66);
    }

    /*  */
    .news .newsSa {
        padding-bottom: 78px;
    }

    .news .newsSa .newsUl .newsLi:last-child {
        margin-bottom: 80px;
    }

    .news .newsSa .newsUl .newsLi .newsLi_a {
        flex-direction: column-reverse;
    }

    .news .newsSa .newsUl .newsLi .newsLi_a .newsLi_Img {
        width: 100%;
        height: 300px;
        margin-bottom: 20px;
    }

    .news .newsSa .newsUl .newsLi .newsLi_a .newsLi_Con {
        width: 100%;
    }
}

@media (max-width: 499px) {
    #newsSw>.swiper-wrapper .swiper-slide .newsSwSa .newsSwCo {
        width: 100%;
        padding: 4% 3% 8% 4%;
    }

    #newsSw>.swiper-wrapper .swiper-slide .newsSwSa .newsSwCo .newsSwP {
        margin-bottom: 38px;
    }

    #newsSw>.swiper-wrapper .swiper-slide .newsSwSa .newsSwCo .newsSwNum p {
        line-height: 18px;
    }

    #newsSw>.swiper-wrapper .swiper-slide .newsSwSa .newsSwCo .newsSwP p {
        line-height: 22px;
    }

    #newsSw>.swiper-wrapper .swiper-slide .newsSwSa .newsSwCo .newsSwNum {
        margin-bottom: 14px;
    }

    #newsSw>.swiper-wrapper .swiper-slide .newsSwSa .newsSwCo .newsSwTi p {
        font-size: 18px;
    }

    /*  */
    .news .newsSa {
        padding-bottom: 66px;
    }

    .news .newsSa .newsSw {
        margin-bottom: 42px;
    }

    .news .newsSa .newsUl .newsLi .newsLi_a .newsLi_Img {
        height: auto;
    }

    .news .newsSa .newsUl .newsLi .newsLi_a .newsLi_Con .newsLi_Ti p {
        font-size: 18px;
    }

    .news .newsSa .newsUl .newsLi .newsLi_a .newsLi_Con .newsLi_P p {
        line-height: 22px;
    }

    .news .newsSa .newsUl .newsLi:last-child {
        margin-bottom: 52px;
    }

    .news .newsSa .newsUl .newsLi .newsLi_a .newsLi_Con .newsLi_Ti .num {
        line-height: 22px;
    }
}

.NewDe_01 {
    background: linear-gradient(90deg, #1D63D5 0%, #00A5E6 101%, #1D63D5 112%, #00A5E6 125%, #8EC220 197%);
    padding-top: 160px;
    padding-bottom: 60px;
}

.NewDe_01 .NewDe_01Sa .NewDe_01Num {
    margin-bottom: 10px;
}

.NewDe_01 .NewDe_01Sa .NewDe_01Num p {
    font-size: var(--zTO8);
    font-weight: bold;
    line-height: 30px;
    letter-spacing: 0em;
    color: var(--zCw);
}

.NewDe_01 .NewDe_01Sa .NewDe_01Ti {
    margin-bottom: 36px;
}

.NewDe_01 .NewDe_01Sa .NewDe_01Ti p {
    font-size: var(--zTT6);
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zCw);
}

.NewDe_01 .NewDe_01Sa .NewDe_01Con {
    display: flex;
    align-items: center;
}

.NewDe_01 .NewDe_01Sa .NewDe_01Con p {
    font-size: var(--zTO8);
    font-weight: normal;
    line-height: 30px;
    letter-spacing: 0em;
    color: var(--zCw);
    margin-right: 100px;
}

.NewDe_02 .NewDe_02Sa {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding-top: 80px;
    padding-bottom: 180px;
}

.NewDe_02 .NewDe_02Sa .NewDe_02lf {
    width: 67%;
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
}

.NewDe_02 .NewDe_02Sa .NewDe_02lf .lf_01 {
    width: 93%;
    flex: 0 0 auto;
    padding-right: 9%;
    position: relative;
}

.NewDe_02 .NewDe_02Sa .NewDe_02lf .lf_01::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background: #D0D0D0;
    right: 0;
    top: 0;
}

.NewDe_02 .NewDe_02Sa .NewDe_02lf .lf_01 .lf_01Sa p {
    font-size: var(--zTO6);
    font-weight: normal;
    line-height: 30px;
    letter-spacing: 0em;
    color: var(--zC66);
    margin-bottom: 30px;
}

.NewDe_02 .NewDe_02Sa .NewDe_02lf .lf_01 .lf_01Sa p img {
    max-width: 100%;
}

.NewDe_02 .NewDe_02Sa .NewDe_02lf .lf_01 .lf_01Sa img {
    max-width: 100%;
    margin-bottom: 60px;
}

.NewDe_02 .NewDe_02Sa .NewDe_02lf .lf_01 .lf_01Sa :last-child {
    margin-bottom: 0;
}

.NewDe_02 .NewDe_02Sa .NewDe_02lf .lf_02 {
    width: 7%;
    flex: 0 0 auto;
    position: sticky;
    top: 100px;
}

.NewDe_02 .NewDe_02Sa .NewDe_02lf .lf_02>a {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 0 20px 20px 0;
    padding: 3.26vw 0.2vw 1.26vw;
    transform: translateY(-2vw);
    position: relative;
}

.NewDe_02 .NewDe_02Sa .NewDe_02lf .lf_02>a:first-child {
    transform: translateY(0);
    z-index: 12;
    padding: 2.4vw 0.2vw;
}

.NewDe_02 .NewDe_02Sa .NewDe_02lf .lf_02>a:nth-child(2) {
    z-index: 10;
}

.NewDe_02 .NewDe_02Sa .NewDe_02lf .lf_02>a:last-child {
    transform: translateY(-4vw);
    z-index: 8;
}

.NewDe_02 .NewDe_02Sa .NewDe_02lf .lf_02>a img {
    width: 26px;
    margin-bottom: 12px;
}

.NewDe_02 .NewDe_02Sa .NewDe_02lf .lf_02>a p {
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    color: #FFFFFF;
}

.NewDe_02 .NewDe_02Sa .NewDe_02lf .lf_02 .lf_02B1 {
    background: linear-gradient(83deg, #1D63D5 8%, #00A5E6 101%, #8EC220 214%, #00A5E6 214%);
}

.NewDe_02 .NewDe_02Sa .NewDe_02lf .lf_02 .lf_02B1 img {
    width: 30px;
}

.NewDe_02 .NewDe_02Sa .NewDe_02lf .lf_02 .lf_02B2 {
    background: #1D63D5;
}

.NewDe_02 .NewDe_02Sa .NewDe_02lf .lf_02 .lf_02B3 {
    background: #14408A;
}

.NewDe_02 .NewDe_02Sa .NewDe_02rg {
    width: 26%;
    flex: 0 0 auto;
}

.NewDe_02 .NewDe_02Sa .NewDe_02rg .NewDe_02rgTi {
    position: relative;
    padding-bottom: 18px;
    margin-bottom: 40px;
}

.NewDe_02 .NewDe_02Sa .NewDe_02rg .NewDe_02rgTi::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #D0D0D0;
    left: 0;
    bottom: 0;
}

.NewDe_02 .NewDe_02Sa .NewDe_02rg .NewDe_02rgTi::after {
    position: absolute;
    content: "";
    width: 16%;
    height: 3px;
    background: linear-gradient(90deg, #1D63D5 0%, #00A5E6 99%);
    left: 0;
    bottom: 0;
}

.NewDe_02 .NewDe_02Sa .NewDe_02rg .NewDe_02rgTi p {
    font-size: var(--zTT4);
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zC33);
}

.NewDe_02 .NewDe_02Sa .NewDe_02rg .NewDe_02rgUl .NewDe_02rgLi {
    padding-bottom: 46px;
}

.NewDe_02 .NewDe_02Sa .NewDe_02rg .NewDe_02rgUl .NewDe_02rgLi>a {
    position: relative;
    padding-bottom: 10px;
    display: block;
}

.NewDe_02 .NewDe_02Sa .NewDe_02rg .NewDe_02rgUl .NewDe_02rgLi>a::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #D0D0D0;
    left: 0;
    bottom: 0;
}

.NewDe_02 .NewDe_02Sa .NewDe_02rg .NewDe_02rgUl .NewDe_02rgLi>a::after {
    position: absolute;
    content: "";
    width: 0%;
    height: 1px;
    background: linear-gradient(90deg, #1D63D5 0%, #00A5E6 99%);
    left: 0;
    bottom: 0;
    transition: all 0.5s ease;
}

.NewDe_02 .NewDe_02Sa .NewDe_02rg .NewDe_02rgUl .NewDe_02rgLi>a:hover:after {
    width: 100%;
}

.NewDe_02 .NewDe_02Sa .NewDe_02rg .NewDe_02rgUl .NewDe_02rgLi .liImg {
    overflow: hidden;
    margin-bottom: 20px;
}

.NewDe_02 .NewDe_02Sa .NewDe_02rg .NewDe_02rgUl .NewDe_02rgLi .liImg img {
    width: 100%;
    transition: all 0.5s ease;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    object-position: center;
}

.NewDe_02 .NewDe_02Sa .NewDe_02rg .NewDe_02rgUl .NewDe_02rgLi>a:hover .liImg img {
    transform: scale(1.08);
}

.NewDe_02 .NewDe_02Sa .NewDe_02rg .NewDe_02rgUl .NewDe_02rgLi .liTi {
    margin-bottom: 30px;
}

.NewDe_02 .NewDe_02Sa .NewDe_02rg .NewDe_02rgUl .NewDe_02rgLi .liTi p {
    font-size: var(--zTO8);
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zC33);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.5s ease;
}

.NewDe_02 .NewDe_02Sa .NewDe_02rg .NewDe_02rgUl .NewDe_02rgLi>a:hover .liTi p {
    color: var(--zC14);
}

.NewDe_02 .NewDe_02Sa .NewDe_02rg .NewDe_02rgUl .NewDe_02rgLi .liNum p {
    font-size: var(--zTO6);
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zC66);
}

@media (max-width: 1536px) {
    .NewDe_01 {
        padding-top: 116px;
    }

    .NewDe_01 .NewDe_01Sa .NewDe_01Num {
        margin-bottom: 0px;
    }

    .NewDe_02 .NewDe_02Sa .NewDe_02lf .lf_01 .lf_01Sa p {
        font-size: 14px !important;
        line-height: 24px !important;
    }

    .NewDe_02 .NewDe_02Sa .NewDe_02lf .lf_02>a p {
        font-size: 13px;
    }

    .NewDe_02 .NewDe_02Sa .NewDe_02lf .lf_01 {
        width: 92%;
        padding-right: 4%;
    }

    .NewDe_02 .NewDe_02Sa .NewDe_02lf .lf_02 {
        width: 8%;
    }

    .NewDe_02 .NewDe_02Sa .NewDe_02rg {
        width: 28%;
    }

    .NewDe_02 .NewDe_02Sa .NewDe_02rg .NewDe_02rgUl .NewDe_02rgLi .liTi p {
        font-size: 16px;
    }
}

@media (max-width: 1199.9px) {
    .NewDe_02 .NewDe_02Sa .NewDe_02lf {
        width: 100%;
    }

    .NewDe_02 .NewDe_02Sa .NewDe_02lf .lf_01 {
        width: 94%;
    }

    .NewDe_02 .NewDe_02Sa .NewDe_02lf .lf_02 {
        width: 6%;
    }

    .NewDe_02 .NewDe_02Sa .NewDe_02rg {
        display: none;
    }
}

@media (max-width: 992px) {
    .NewDe_02 .NewDe_02Sa .NewDe_02lf .lf_02 .lf_02B1 img {
        width: 22px;
    }

    .NewDe_02 .NewDe_02Sa .NewDe_02lf .lf_02>a img {
        width: 18px;
    }

    .NewDe_02 .NewDe_02Sa .NewDe_02lf .lf_01 {
        width: 93%;
    }

    .NewDe_02 .NewDe_02Sa .NewDe_02lf .lf_02 {
        width: 7%;
    }
}

@media (max-width: 768px) {
    .NewDe_02 .NewDe_02Sa .NewDe_02lf .lf_01 {
        width: 90%;
    }

    .NewDe_01 .NewDe_01Sa .NewDe_01Con p {
        margin-right: 40px;
    }

    .NewDe_02 .NewDe_02Sa .NewDe_02lf .lf_02 {
        width: 10%;
    }
}

@media (max-width: 499px) {
    .NewDe_01 {
        padding-top: 82px;
        padding-bottom: 30px;
    }

    .NewDe_02 .NewDe_02Sa {
        padding-top: 48px;
        padding-bottom: 62px;
    }

    .NewDe_01 .NewDe_01Sa .NewDe_01Ti {
        margin-bottom: 20px;
    }

    .NewDe_01 .NewDe_01Sa .NewDe_01Num p {
        line-height: 22px;
    }

    .NewDe_02 .NewDe_02Sa .NewDe_02lf .lf_01 {
        width: 90%;
    }

    .NewDe_02 .NewDe_02Sa .NewDe_02lf .lf_02 {
        width: 14%;
    }

    .NewDe_02 .NewDe_02Sa .NewDe_02lf .lf_02>a {
        padding: 10.26vw 0.2vw 4.26vw;
        transform: translateY(-9vw);
    }

    .NewDe_02 .NewDe_02Sa .NewDe_02lf .lf_02>a:first-child {
        padding: 4.4vw 2.2vw;
    }

    .NewDe_02 .NewDe_02Sa .NewDe_02lf .lf_02>a:last-child {
        transform: translateY(-18vw);
    }

    .NewDe_02 .NewDe_02Sa .NewDe_02lf .lf_01 .lf_01Sa p {
        line-height: 22px !important;
        margin-bottom: 20px !important;
    }

    .NewDe_02 .NewDe_02Sa .NewDe_02lf .lf_01 .lf_01Sa img {
        margin-bottom: 20px;
    }
}

.con_01 .con_01Sa .con_01Ti {
    margin-bottom: 68px;
}

.con_01 .con_01Sa .con_01Ti .con_01Smt p {
    font-size: var(--zTO8);
    color: var(--zC1D);
    line-height: normal;
    font-weight: bold;
}

.con_01 .con_01Sa .con_01Ti .con_01T p {
    font-size: var(--zTF6);
    color: var(--zC33);
    font-weight: bold;
}

.con_01 .con_01Sa .con_01Ul {
    margin-right: calc(-.5* 3rem);
    margin-left: calc(-.5* 3rem);
}

.con_01 .con_01Sa .con_01Ul .con_01Li {
    padding-right: calc(3rem* .5);
    padding-left: calc(3rem* .5);
}

.con_01 .con_01Sa .con_01Ul .con_01Li .con_01LiSa .con_01Li01 {
    display: flex;
    align-items: center;
    position: relative;
    padding-bottom: 16px;
    margin-bottom: 18px;
}

.con_01 .con_01Sa .con_01Ul .con_01Li .con_01LiSa .con_01Li01::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #D0D0D0;
    left: 0;
    bottom: 0;
}

.con_01 .con_01Sa .con_01Ul .con_01Li .con_01LiSa .con_01Li01::after {
    position: absolute;
    content: "";
    width: 18%;
    height: 1px;
    background: linear-gradient(90deg, #1D63D5 0%, #00A5E6 99%);
    left: 0;
    bottom: 0;
    transition: all 0.6s ease;
}

.con_01 .con_01Sa .con_01Ul .con_01Li .con_01LiSa:hover .con_01Li01::after {
    width: 100%;
}

.con_01 .con_01Sa .con_01Ul .con_01Li .con_01LiSa .con_01Li01 .con_01Li01iS {
    background: #666666;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    width: 27px;
    height: 27px;
    margin-right: 14px;
    position: relative;
    transition: all 0.5s ease;
}

.con_01 .con_01Sa .con_01Ul .con_01Li .con_01LiSa:hover .con_01Li01 .con_01Li01iS {
    background: #66666600;
}

.con_01 .con_01Sa .con_01Ul .con_01Li .con_01LiSa .con_01Li01 .con_01Li01iS::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%) scale(0.3);
    left: 50%;
    top: 50%;
    background: linear-gradient(90deg, #1D63D5 -18%, #00A5E6 117%);
    border-radius: 50%;
    transition: all 0.6s ease;
    opacity: 0;
}

.con_01 .con_01Sa .con_01Ul .con_01Li .con_01LiSa:hover .con_01Li01 .con_01Li01iS::before {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}

.con_01 .con_01Sa .con_01Ul .con_01Li .con_01LiSa .con_01Li01 i {
    color: #FFFFFF;
    font-size: 20px;
    position: relative;
    z-index: 12;
}

.con_01 .con_01Sa .con_01Ul .con_01Li .con_01LiSa .con_01Li01 p {
    font-size: 20px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    color: #666666;
    transition: all 0.5s ease;
}

.con_01 .con_01Sa .con_01Ul .con_01Li .con_01LiSa:hover .con_01Li01 p {
    color: #333333;
}

.con_01 .con_01Sa .con_01Ul .con_01Li .con_01LiSa .con_01Li02 a {
    font-size: 20px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    color: #333333;
    transition: all 0.5s ease;
}

.con_01 .con_01Sa .con_01Ul .con_01Li .con_01LiSa .con_01Li02 a:hover {
    color: #14408A;
}

.con_01 .con_01Sa .con_01Ul .con_01Li:last-child .con_01LiSa .con_01Li02 a:hover {
    color: #333333;
}

.con_02 .con_02Sa {
    padding-top: 140px;
    padding-bottom: 190px;
}

.con_02 .con_02Sa .con_02Bg {
    background: url(../images/contbg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 116px 12px 100px;
    overflow: hidden;
    border-radius: 30px;
}

.con_02 .con_02Sa .con_02Bg .con_02Ti {
    margin-bottom: 80px;
}

.con_02 .con_02Sa .con_02Bg .con_02Ti .con_02Smt p {
    font-size: var(--zT08);
    color: var(--zCw);
    line-height: normal;
    font-weight: bold;
    text-align: center;
}

.con_02 .con_02Sa .con_02Bg .con_02Ti .con_02T p {
    font-size: var(--zTF6);
    color: var(--zCw);
    font-weight: bold;
    text-align: center;
}

.con_02 .con_02Sa .con_02Bg .con_02Bt {
    display: flex;
    justify-content: center;
}

.con_02 .con_02Sa .con_02Bg .con_02Bt .con_02BtP {
    width: max-content;
    border: 1px solid #FFFFFF;
    background: rgba(255, 255, 255, 0);
    border-radius: 30px;
    padding: 14px 50px;
    transition: all 0.5s ease;
    cursor: pointer;
}

.con_02 .con_02Sa .con_02Bg .con_02Bt:hover .con_02BtP {
    background: rgba(255, 255, 255, 1);
}

.con_02 .con_02Sa .con_02Bg .con_02Bt .con_02BtP p {
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    color: #FFFFFF;
    transition: all 0.5s ease;
}

.con_02 .con_02Sa .con_02Bg .con_02Bt:hover .con_02BtP p {
    color: #14408A;
}

@media (max-width: 1536px) {
    .con_01 .con_01Sa .con_01Ul {
        margin-right: calc(-.5* 2rem);
        margin-left: calc(-.5* 2rem);
    }

    .con_01 .con_01Sa .con_01Ul .con_01Li {
        padding-right: calc(2rem* .5);
        padding-left: calc(2rem* .5);
    }

    .con_01 .con_01Sa .con_01Ul .con_01Li .con_01LiSa .con_01Li02 a {
        font-size: 18px;
    }

    .con_02 .con_02Sa {
        padding-top: 110px;
        padding-bottom: 126px;
    }

    .con_02 .con_02Sa .con_02Bg {
        padding: 100px 12px 86px
    }

    .con_02 .con_02Sa .con_02Bg .con_02Ti {
        margin-bottom: 50px;
    }

    .con_02 .con_02Sa .con_02Bg .con_02Bt .con_02BtP {
        padding: 8px 38px;
    }

    .con_02 .con_02Sa .con_02Bg .con_02Bt .con_02BtP p {
        font-size: 14px;
    }
}

@media (max-width: 992px) {
    .con_01 .con_01Sa .con_01Ti {
        margin-bottom: 54px;
    }

    .con_01 .con_01Sa .con_01Ul .con_01Li {
        width: 100%;
        margin-bottom: 40px;
    }

    .con_01 .con_01Sa .con_01Ul .con_01Li .con_01LiSa .con_01Li01 p {
        font-size: 18px;
    }

    .con_02 .con_02Sa {
        padding-top: 68px;
        padding-bottom: 108px;
    }

    .con_02 .con_02Sa .con_02Bg .con_02Ti {
        margin-bottom: 24px;
    }
}

@media (max-width: 499px) {
    .con_02 .con_02Sa {
        padding-top: 60px;
        padding-bottom: 66px;
    }

    .con_01 .con_01Sa .con_01Ti {
        margin-bottom: 32px;
    }

    .con_01 .con_01Sa .con_01Ul .con_01Li {
        margin-bottom: 22px;
    }

    .con_01 .con_01Sa .con_01Ul .con_01Li:last-child {
        margin-bottom: 0;
    }

    .con_01 .con_01Sa .con_01Ul .con_01Li .con_01LiSa .con_01Li01 {
        padding-bottom: 12px;
        margin-bottom: 14px;
    }

    .con_01 .con_01Sa .con_01Ul .con_01Li .con_01LiSa .con_01Li01 .con_01Li01iS {
        width: 24px;
        height: 24px;
        margin-right: 10px;
    }

    .con_01 .con_01Sa .con_01Ul .con_01Li .con_01LiSa .con_01Li02 a {
        font-size: 16px;
    }

    .con_02 .con_02Sa .con_02Bg {
        padding: 65px 12px 62px;
    }

    .con_02 .con_02Sa .con_02Bg .con_02Bt .con_02BtP {
        padding: 6px 38px;
    }
}

/* con_bl */
.con_black {
    position: fixed;
    top: 0;
    left: 0;
    background: #33333372;
    width: 100%;
    height: 100vh;
    z-index: 9999;
    pointer-events: none;
    opacity: 0;
    transition: all 0.5s ease;
}

.con_black.lairDeSha {
    pointer-events: auto !important;
    opacity: 1 !important;
    display: block !important;
}

.con_black .con_blSa {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 48vw;
    background: #FFFFFF;
    border-radius: 30px;
    padding: 40px 70px 46px;
}

.con_black .con_blSa .con_blCo {
    position: relative;
}

.con_black .con_blSa .con_blCo .con_blTi {
    margin-bottom: 32px;
}

.con_black .con_blSa .con_blCo .con_blTi p {
    font-size: var(--zTT6);
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zC33);
}

.con_black .con_blSa .con_blCo>form .information {
    margin-right: calc(-.5* 0.6rem);
    margin-left: calc(-.5* 0.6rem);
}

.con_black .con_blSa .con_blCo>form .information .fillinbox {
    padding-right: calc(0.6rem* .5);
    padding-left: calc(0.6rem* .5);
    margin-bottom: 14px;
}

.con_black .con_blSa .con_blCo>form .information .fillinbox>input,
.con_black .con_blSa .con_blCo>form .information .fillinbox>textarea {
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    color: #8A8A8A;
    border: 1px solid #D0D0D0;
    width: 100%;
    background: rgba(255, 255, 255, 0);
    border-radius: 30px;
    padding: 14px 30px;
}

.con_black .con_blSa .con_blCo>form .information .fillinbox>input.active,
.con_black .con_blSa .con_blCo>form .information .fillinbox>textarea.active {
    color: red;
}

.con_black .con_blSa .con_blCo>form .information .fillinbox>input.active::-webkit-input-placeholder {
    color: #E01E24;
}

.con_black .con_blSa .con_blCo>form .information .fillinbox>input.active:-moz-placeholder {
    color: #E01E24;
}

.con_black .con_blSa .con_blCo>form .information .fillinbox>input.active::-moz-placeholder {
    color: #E01E24;
}

.con_black .con_blSa .con_blCo>form .information .fillinbox>input.active:-ms-input-placeholder {
    color: #E01E24;
}

.con_black .con_blSa .con_blCo>form .information .fillinbox>textarea.active::-webkit-input-placeholder {
    color: #E01E24;
}

.con_black .con_blSa .con_blCo>form .information .fillinbox>textarea.active:-moz-placeholder {
    color: #E01E24;
}

.con_black .con_blSa .con_blCo>form .information .fillinbox>textarea.active::-moz-placeholder {
    color: #E01E24;
}

.con_black .con_blSa .con_blCo>form .information .fillinbox>textarea.active:-ms-input-placeholder {
    color: #E01E24;
}

.con_black .con_blSa .con_blCo>form .information .fillinbox>textarea {
    margin-bottom: 34px;
}

.con_black .con_blSa .con_blCo>form .information .fillinbox .buttonBox .button .submit {
    display: flex;
    justify-content: center;
}

.con_black .con_blSa .con_blCo>form .information .fillinbox .buttonBox .button .submit>button {
    background: linear-gradient(85deg, #1D63D5 7%, #00A5E6 101%, #8EC220 216%, #00A5E6 216%);
    border-radius: 30px;
    border: none;
    padding: 10px 56px;
}

.con_black .con_blSa .con_blCo>form .information .fillinbox .buttonBox .button .submit>button p {
    font-size: var(--zTO6);
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zCw);
}

.con_black .con_blSa .con_blCo .con_blCh {
    position: absolute;
    right: -6%;
    top: -4%;
}

.con_black .con_blSa .con_blCo .con_blCh i {
    font-size: 36px;
    color: #212121;
    cursor: pointer;
}

@media (max-width: 1536px) {
    .con_black .con_blSa {
        width: 76vw;
    }
}

@media (max-width: 992px) {
    .con_black .con_blSa {
        width: 76vw;
    }

    .con_black .con_blSa {
        padding: 34px 24px 26px;
    }

    .con_black .con_blSa .con_blCo>form .information .fillinbox {
        width: 100%;
    }

    .con_black .con_blSa .con_blCo .con_blCh {
        right: -3%;
        top: -4%;
    }
}

@media (max-width: 499px) {
    .con_black .con_blSa {
        width: 94vw;
        padding: 24px 12px 12px;
    }

    .con_black .con_blSa .con_blCo .con_blTi {
        margin-bottom: 18px;
    }

    .con_black .con_blSa .con_blCo>form .information .fillinbox>input,
    .con_black .con_blSa .con_blCo>form .information .fillinbox>textarea {
        padding: 12px 14px;
    }

    .con_black .con_blSa .con_blCo>form .information .fillinbox>textarea {
        margin-bottom: 8px;
    }

    .con_black .con_blSa .con_blCo .con_blCh {
        right: 2%;
        top: -2%;
    }

    .con_black .con_blSa .con_blCo .con_blCh i {
        font-size: 26px;
    }
}

.tal01 .tal01Sa {
    display: flex;
    justify-content: space-between;
    padding-top: 34px;
}

.tal01 .tal01Sa .tal01lf {
    width: 40%;
    flex: 0 0 auto;
}

.tal01 .tal01Sa .tal01lf .tal01lfTi {
    padding-bottom: 76px;
    padding-top: 50px;
}

.tal01 .tal01Sa .tal01lf .tal01lfTi .tal01lfSmt p {
    font-size: var(--zTO8);
    color: var(--zC1D);
    line-height: normal;
    font-weight: bold;
}

.tal01 .tal01Sa .tal01lf .tal01lfTi .tal01lfT p {
    font-size: var(--zTF6);
    color: var(--zC33);
    font-weight: bold;
}

.tal01 .tal01Sa .tal01lf .tal01lf_Ul .tal01lf_Li .tal01lf_LiS {
    margin-bottom: 36px;
    position: relative;
}

.tal01 .tal01Sa .tal01lf .tal01lf_Ul .tal01lf_Li .tal01lf_LiS::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #1D63D5 0%, #00A5E6 99%);
    left: 0;
    bottom: 0;
    opacity: 0;
    transition: all 0.8s ease;
}

.tal01 .tal01Sa .tal01lf .tal01lf_Ul .tal01lf_Li.on .tal01lf_LiS::after {
    opacity: 1;
}

.tal01 .tal01Sa .tal01lf .tal01lf_Ul .tal01lf_Li .tal01lf_LiS .tal01lf_Li1 {
    display: flex;
    align-items: center;
    position: relative;
}

.tal01 .tal01Sa .tal01lf .tal01lf_Ul .tal01lf_Li .tal01lf_LiS .tal01lf_Li1 img {
    width: 40px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: all 0.5s ease;
}

.tal01 .tal01Sa .tal01lf .tal01lf_Ul .tal01lf_Li.on .tal01lf_LiS .tal01lf_Li1 img {
    opacity: 1;
}

.tal01 .tal01Sa .tal01lf .tal01lf_Ul .tal01lf_Li .tal01lf_LiS .tal01lf_Li1 p {
    font-size: var(--zTT4);
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zC33);
    transition: all 0.5s ease;
}

.tal01 .tal01Sa .tal01lf .tal01lf_Ul .tal01lf_Li.on .tal01lf_LiS .tal01lf_Li1 p {
    transform: translateX(60px);
    color: var(--zC14);
}

.tal01 .tal01Sa .tal01lf .tal01lf_Ul .tal01lf_Li .tal01lf_LiS .tal01lf_Li2 {
    max-height: 0;
    overflow: hidden;
    transition: all 0.8s ease;
}

.tal01 .tal01Sa .tal01lf .tal01lf_Ul .tal01lf_Li.on .tal01lf_LiS .tal01lf_Li2 {
    max-height: 200px;
    overflow: auto;
}

.tal01 .tal01Sa .tal01lf .tal01lf_Ul .tal01lf_Li.on .tal01lf_LiS .tal01lf_Li2::-webkit-scrollbar-thumb {
    border-radius: 0px !important;
    background: #ffffff00 !important;
}

.tal01 .tal01Sa .tal01lf .tal01lf_Ul .tal01lf_Li.on .tal01lf_LiS .tal01lf_Li2::-webkit-scrollbar {
    width: 0px !important;
    height: 0px !important;
}

.tal01 .tal01Sa .tal01lf .tal01lf_Ul .tal01lf_Li.on .tal01lf_LiS .tal01lf_Li2::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0) !important;
    border-radius: 0px !important;
}

.tal01 .tal01Sa .tal01lf .tal01lf_Ul .tal01lf_Li.on .tal01lf_LiS .tal01lf_Li2::-webkit-scrollbar-thumb,
.tal01 .tal01Sa .tal01lf .tal01lf_Ul .tal01lf_Li.on .tal01lf_LiS .tal01lf_Li2::-webkit-scrollbar-thumb:hover,
.tal01 .tal01Sa .tal01lf .tal01lf_Ul .tal01lf_Li.on .tal01lf_LiS .tal01lf_Li2::-webkit-scrollbar-thumb:active {
    border-radius: 0px !important;
    background: #ffffff00 !important;
    background-clip: content-box !important;
}

.tal01 .tal01Sa .tal01lf .tal01lf_Ul .tal01lf_Li .tal01lf_LiS .tal01lf_Li2 p {
    font-size: var(--zTO6);
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zC66);
    padding-bottom: 40px;
    padding-top: 30px;
}

.tal01 .tal01Sa .tal01rg {
    width: 50%;
    flex: 0 0 auto;
}

.tal01 .tal01Sa .tal01rg .tal01rg_Ul .tal01rg_Li {
    display: none;
}

.tal01 .tal01Sa .tal01rg .tal01rg_Ul .tal01rg_Li.on {
    display: block;
}

.tal01 .tal01Sa .tal01rg .tal01rg_Ul .tal01rg_Li .tal01rg_LiS {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
}

.tal01 .tal01Sa .tal01rg .tal01rg_Ul .tal01rg_Li .tal01rg_LiS::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(360deg, #003894 -10%, rgba(0, 165, 230, 0) 83%);
}

.tal01 .tal01Sa .tal01rg .tal01rg_Ul .tal01rg_Li .tal01rg_LiS .tal01rg_Liimg img {
    width: 100%;
}

.tal01 .tal01Sa .tal01rg .tal01rg_Ul .tal01rg_Li .tal01rg_LiS .tal01rg_Lip {
    position: absolute;
    left: 50%;
    bottom: 8%;
    transform: translateX(-50%);
    width: 84%;
}

.tal01 .tal01Sa .tal01rg .tal01rg_Ul .tal01rg_Li .tal01rg_LiS .tal01rg_Lip p {
    font-size: var(--zTT6);
    font-weight: bold;
    line-height: 60px;
    letter-spacing: 0em;
    color: var(--zCw);
}

.tal02 .tal02Sa {
    padding-top: 212px;
}

.tal02 .tal02Sa .tal02_01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 76px;
}

.tal02 .tal02Sa .tal02_01 .tal02_01lf .tal01lfSmt p {
    font-size: var(--zTO8);
    color: var(--zC1D);
    line-height: normal;
    font-weight: bold;
}

.tal02 .tal02Sa .tal02_01 .tal02_01lf .tal01lfT p {
    font-size: var(--zTF6);
    color: var(--zC33);
    font-weight: bold;
}

.tal02 .tal02Sa .tal02_01 .tal02_01rg .tal02_01Ul {
    display: flex;
    align-items: center;
}

.tal02 .tal02Sa .tal02_01 .tal02_01rg .tal02_01Ul .tal02_01Li {
    margin-left: 26px;
}

.tal02 .tal02Sa .tal02_01 .tal02_01rg .tal02_01Ul .tal02_01Li .tal02_01Lip {
    border: 1px solid #14408A;
    background: rgba(255, 255, 255, 0);
    border-radius: 30px;
    padding: 12px 54px;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease;
}

.tal02 .tal02Sa .tal02_01 .tal02_01rg .tal02_01Ul .tal02_01Li.on .tal02_01Lip {
    border: 1px solid #143f8a00;
}

.tal02 .tal02Sa .tal02_01 .tal02_01rg .tal02_01Ul .tal02_01Li .tal02_01Lip::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    background: linear-gradient(85deg, #1D63D5 7%, #00A5E6 101%, #8EC220 216%, #00A5E6 216%);
    transition: all 0.5s ease;
    transform: scaleY(0);
    transform-origin: 50% 0%;
    will-change: transform;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    transition-duration: 450ms;
    z-index: -1;
    overflow: hidden;
    border-radius: 30px;
}

.tal02 .tal02Sa .tal02_01 .tal02_01rg .tal02_01Ul .tal02_01Li.on .tal02_01Lip::after {
    height: 100%;
    transform: none;
    transform-origin: 50% 100%
}

.tal02 .tal02Sa .tal02_01 .tal02_01rg .tal02_01Ul .tal02_01Li .tal02_01Lip p {
    font-size: var(--zTT0);
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zC14);
    transition: all 0.5s ease;
}

.tal02 .tal02Sa .tal02_01 .tal02_01rg .tal02_01Ul .tal02_01Li.on .tal02_01Lip p {
    color: var(--zCw);
    font-weight: bold;
}

.tal02 .tal02Sa .tal02_02 .tal02_02Sa {
    display: none;
    align-items: stretch;
}

.tal02 .tal02Sa .tal02_02 .tal02_02Sa.on {
    display: flex;
}

.tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02lf {
    width: 32.2%;
    flex: 0 0 auto;
    background: linear-gradient(90deg, #1D63D5 7%, #00A5E6 107%, #8EC220 229%, #00A5E6 229%);
    padding: 4% 2.6% 3% 0;
    position: relative;
}

.tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02lf::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    left: 10%;
    top: 0;
    background: #A2A2A2;
}

.tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02lf .tal02_02Ul {
    height: 540px;
    overflow-y: auto;
    padding: 40px 0 0 18.6%;
}

.tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02lf .tal02_02Ul::-webkit-scrollbar-thumb {
    border-radius: 3px !important;
    background: #FFFFFF !important;
}

.tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02lf .tal02_02Ul::-webkit-scrollbar {
    width: 3px !important;
    height: 3px !important;
}

.tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02lf .tal02_02Ul::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0.3) !important;
    border-radius: 3px !important;
}

.tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02lf .tal02_02Ul::-webkit-scrollbar-thumb,
.tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02lf .tal02_02Ul::-webkit-scrollbar-thumb:hover,
.tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02lf .tal02_02Ul::-webkit-scrollbar-thumb:active {
    border-radius: 3px !important;
    background: #FFFFFF !important;
    background-clip: content-box !important;
}

.tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02lf .tal02_02Ul .tal02_02Li .tal02_02LiCo {
    margin-bottom: 60px;
}

.tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02lf .tal02_02Ul .tal02_02Li .tal02_02LiCo .tal02_02LiTi {
    margin-bottom: 12px;
    position: relative;
}

.tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02lf .tal02_02Ul .tal02_02Li .tal02_02LiCo .tal02_02LiTi::after {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 3px solid #FFFFFF;
    background: #1C66D6;
    top: 50%;
    transform: translateY(-50%);
    left: -11.6%;
    z-index: 12;
    transition: all 0.5s ease;
}

.tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02lf .tal02_02Ul .tal02_02Li.on .tal02_02LiCo .tal02_02LiTi::after {
    background: #FFFFFF;
}

.tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02lf .tal02_02Ul .tal02_02Li .tal02_02LiCo .tal02_02LiTi p {
    font-size: var(--zTT4);
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zCw);
}

.tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02lf .tal02_02Ul .tal02_02Li .tal02_02LiCo .tal02_02LiTi p:nth-child(2) {
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all 0.5s ease;
}

.tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02lf .tal02_02Ul .tal02_02Li.on .tal02_02LiCo .tal02_02LiTi p:nth-child(2) {
    opacity: 1;
}

.tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02lf .tal02_02Ul .tal02_02Li .tal02_02LiCo .tal02_02LiNum p {
    font-size: var(--zTO6);
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zCw);
}

.tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02rg {
    width: 67.8%;
    flex: 0 0 auto;
    border: 1px solid #D0D0D0;
    border-left: none;
    padding: 4% 6% 3%;
}

.tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02rg .tal02_02rgul {
    min-height: 552px;
    overflow-y: auto;
}

.tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02rg .tal02_02rgul::-webkit-scrollbar-thumb {
    border-radius: 3px !important;
    background: #FFFFFF !important;
}

.tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02rg .tal02_02rgul::-webkit-scrollbar {
    width: 3px !important;
    height: 3px !important;
}

.tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02rg .tal02_02rgul::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0.3) !important;
    border-radius: 3px !important;
}

.tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02rg .tal02_02rgul::-webkit-scrollbar-thumb,
.tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02rg .tal02_02rgul::-webkit-scrollbar-thumb:hover,
.tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02rg .tal02_02rgul::-webkit-scrollbar-thumb:active {
    border-radius: 3px !important;
    background: #FFFFFF !important;
    background-clip: content-box !important;
}

.tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02rg .tal02_02rgul .tal02_02rgli {
    display: none;
}

.tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02rg .tal02_02rgul .tal02_02rgli.on {
    display: block;
}

.tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02rg .tal02_02rgul .tal02_02rgli .tal02_02rgliSa {
    margin-bottom: 30px;
}

.tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02rg .tal02_02rgul .tal02_02rgli .tal02_02rgliSa .tal02_02rgliTi {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
}

.tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02rg .tal02_02rgul .tal02_02rgli .tal02_02rgliSa .tal02_02rgliTi img {
    width: 10px;
    margin-right: 10px;
}

.tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02rg .tal02_02rgul .tal02_02rgli .tal02_02rgliSa .tal02_02rgliTi p {
    font-size: var(--zTO8);
    font-weight: normal;
    line-height: 30px;
    letter-spacing: 0em;
    color: var(--zC33);
}

.tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02rg .tal02_02rgul .tal02_02rgli .tal02_02rgliSa .tal02_02rgliCo {
    padding-left: 20px;
}

.tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02rg .tal02_02rgul .tal02_02rgli .tal02_02rgliSa .tal02_02rgliCo p {
    font-size: var(--zTO6);
    font-weight: normal;
    line-height: 30px;
    letter-spacing: 0em;
    color: var(--zC66);
}

.tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02rg .tal02_02rgul .tal02_02rgli .tal02_02rgliSa .tal02_02rgliCo span {
    display: block;
}

.tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02rg .tal02_02rgul .tal02_02rgli .tal02_02rgliSa .tal02_02rgliCo span,
.tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02rg .tal02_02rgul .tal02_02rgli .tal02_02rgliSa .tal02_02rgliCo span>a {
    font-size: var(--zTO8);
    font-weight: normal;
    line-height: 30px;
    letter-spacing: 0em;
    color: var(--zC33);
}

@media (max-width: 1536px) {
    .tal01 .tal01Sa .tal01rg .tal01rg_Ul {
        height: 100%;
        max-height: 565px;
    }

    .tal01 .tal01Sa .tal01rg .tal01rg_Ul .tal01rg_Li {
        height: 100%;
    }

    .tal01 .tal01Sa .tal01rg .tal01rg_Ul .tal01rg_Li .tal01rg_LiS {
        height: 100%;
    }

    .tal01 .tal01Sa .tal01rg .tal01rg_Ul .tal01rg_Li .tal01rg_LiS .tal01rg_Lip p {
        line-height: 35px;
    }

    .tal01 .tal01Sa .tal01rg .tal01rg_Ul .tal01rg_Li .tal01rg_LiS .tal01rg_Liimg {
        height: 100%;
    }

    .tal01 .tal01Sa .tal01rg .tal01rg_Ul .tal01rg_Li .tal01rg_LiS .tal01rg_Liimg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    /*  */
    .tal02 .tal02Sa .tal02_01 .tal02_01rg .tal02_01Ul .tal02_01Li {
        margin-left: 16px;
    }

    .tal02 .tal02Sa .tal02_01 .tal02_01rg .tal02_01Ul .tal02_01Li .tal02_01Lip {
        padding: 10px 44px;
    }

    .tal02 .tal02Sa .tal02_01 .tal02_01rg .tal02_01Ul .tal02_01Li .tal02_01Lip p {
        font-size: 16px;
    }

    .tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02lf .tal02_02Ul .tal02_02Li .tal02_02LiCo .tal02_02LiTi p {
        font-size: 20px;
    }

    .tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02lf .tal02_02Ul .tal02_02Li .tal02_02LiCo .tal02_02LiTi {
        margin-bottom: 4px;
    }

    .tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02rg .tal02_02rgul .tal02_02rgli .tal02_02rgliSa .tal02_02rgliTi p {
        font-size: 16px;
    }
}

@media (max-width: 1199.9px) {
    .tal02 .tal02Sa {
        padding-bottom: 70px;
    }

    .tal02 .tal02Sa .tal02_01 {
        margin-bottom: 44px;
    }

    .tal02 .tal02Sa .tal02_02 {
        display: none !important;
    }

    .tal02 .tal02Sa .phone {
        display: block !important;
    }

    .tal02 .tal02Sa .phone .phLi {
        display: none;
    }

    .tal02 .tal02Sa .phone .phLi.on {
        display: block;
    }
}

@media (max-width: 992px) {
    .tal01 .tal01Sa {
        display: flex;
        justify-content: space-between;
        padding-top: 0px;
    }

    .tal01 .tal01Sa .tal01lf {
        width: 100%;
    }

    .tal01 .tal01Sa .tal01lf .tal01lfTi {
        padding-bottom: 56px;
        padding-top: 0;
    }

    .tal01 .tal01Sa .tal01rg {
        display: none;
    }

    .tal01 .tal01Sa .tal01lf .tal01lf_Ul .tal01lf_Li .tal01lf_LiS .tal01lf_Li2 p {
        padding-bottom: 22px;
    }

    .tal02 .tal02Sa {
        padding-top: 100px;
    }

    .tal02 .tal02Sa .tal02_01 {
        align-items: flex-start;
        flex-direction: column;
    }

    .tal02 .tal02Sa .tal02_01 .tal02_01lf {
        margin-bottom: 20px;
    }

    .tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02rg {
        border: none;
    }

    .tal02 .tal02Sa .tal02_01 .tal02_01rg .tal02_01Ul .tal02_01Li .tal02_01Lip {
        padding: 6px 28px;
    }

    .tal02 .tal02Sa .tal02_02 {
        overflow-x: auto;
        border: 1px solid #D0D0D0;
    }

    .tal02 .tal02Sa .tal02_02::-webkit-scrollbar-thumb {
        border-radius: 3px !important;
        background: #ffffff00 !important;
        display: none;
    }

    .tal02 .tal02Sa .tal02_02::-webkit-scrollbar {
        width: 3px !important;
        height: 3px !important;
        display: none;
    }

    .tal02 .tal02Sa .tal02_02::-webkit-scrollbar-track {
        background-color: rgba(255, 255, 255, 0) !important;
        border-radius: 3px !important;
    }

    .tal02 .tal02Sa .tal02_02::-webkit-scrollbar-thumb,
    .tal02 .tal02Sa .tal02_02::-webkit-scrollbar-thumb:hover,
    .tal02 .tal02Sa .tal02_02::-webkit-scrollbar-thumb:active {
        border-radius: 3px !important;
        background: #FFFFFF !important;
        background-clip: content-box !important;
    }

    .tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02lf .tal02_02Ul .tal02_02Li .tal02_02LiCo .tal02_02LiTi p {
        font-size: 18px;
    }

    .tal02 .tal02Sa .tal02_02 .tal02_02Sa {
        min-width: 850px;
    }

    .tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02lf .tal02_02Ul,
    .tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02rg .tal02_02rgul {
        min-height: 380px;
    }

    .tal02 .tal02Sa .tal02_02 .tal02_02Sa .tal02_02lf .tal02_02Ul .tal02_02Li .tal02_02LiCo {
        margin-bottom: 30px;
    }

    .tal02 .tal02Sa .tal02_01 .tal02_01rg .tal02_01Ul .tal02_01Li {
        margin: 0;
        margin-right: 16px;
    }
}

@media (max-width: 499px) {
    .tal02 .tal02Sa .tal02_01 .tal02_01rg .tal02_01Ul .tal02_01Li .tal02_01Lip {
        padding: 4px 22px;
    }

    .tal02 .tal02Sa {
        padding-top: 60px;
    }

    .tal02 .tal02Sa .tal02_01 {
        margin-bottom: 26px;
    }

    .tal02 .tal02Sa .tal02_01 .tal02_01rg .tal02_01Ul .tal02_01Li {
        margin: 0;
        margin-right: 8px;
    }
}

.ca01 .ca01Sa {
    padding-top: 20px;
    padding-bottom: 68px;
}

.ca01 .ca01Sa .ca01Tp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 70px;
}

.ca01 .ca01Sa .ca01Tp .ca01lf {
    width: 40%;
    flex: 0 0 auto;
}

.ca01 .ca01Sa .ca01Tp .ca01lf .ca01lfSmt p {
    font-size: var(--zTO8);
    color: var(--zC1D);
    line-height: normal;
    font-weight: bold;
}

.ca01 .ca01Sa .ca01Tp .ca01lf .ca01lfT p {
    font-size: var(--zTF6);
    color: var(--zC33);
    font-weight: bold;
}

.ca01 .ca01Sa .ca01Tp .ca01rg {
    width: 56.46%;
    flex: 0 0 auto;
}

.ca01 .ca01Sa .ca01Tp .ca01rg .ca01rgP p {
    font-size: var(--zTO6);
    font-weight: normal;
    line-height: 30px;
    letter-spacing: 0em;
    color: var(--zC66);
}

.ca01 .ca01Sa .ca01Bo .ca01Ul {
    background: url(../images/case01bg.jpg) no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
}

.ca01 .ca01Sa .ca01Bo .ca01Ul .ca01Li {
    flex: 1;
}

.ca01 .ca01Sa .ca01Bo .ca01Ul .ca01Li .ca01LiSa {
    padding: 32.6% 12px 46.6%;
    padding: 8.6vw 12px 12.6vw;
    position: relative;
    height: 100%;
}

.ca01 .ca01Sa .ca01Bo .ca01Ul .ca01Li .ca01LiSa::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    left: 0;
    top: 0;
    background: #d8d8d841;
}

.ca01 .ca01Sa .ca01Bo .ca01Ul .ca01Li .ca01LiSa::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, #1D63D5 9%, #00A5E6 96%, #00A5E6 114%, #8EC220 114%);
    opacity: 0;
    transition: all 0.5s ease;
}

.ca01 .ca01Sa .ca01Bo .ca01Ul .ca01Li .ca01LiSa:hover:after {
    opacity: 0.8;
}

.ca01 .ca01Sa .ca01Bo .ca01Ul .ca01Li .ca01LiSa .ca01Liimg {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 60px;
    z-index: 12;
}

.ca01 .ca01Sa .ca01Bo .ca01Ul .ca01Li .ca01LiSa .ca01Liimg img {
    width: 110px;
    opacity: 0;
    transition: all 0.5s ease;
}

.ca01 .ca01Sa .ca01Bo .ca01Ul .ca01Li .ca01LiSa:hover .ca01Liimg img {
    opacity: 1;
}

.ca01 .ca01Sa .ca01Bo .ca01Ul .ca01Li .ca01LiSa .ca01Liimg img:nth-child(2) {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
    transition: all 0.5s ease;
}

.ca01 .ca01Sa .ca01Bo .ca01Ul .ca01Li .ca01LiSa:hover .ca01Liimg img:nth-child(2) {
    opacity: 0;
}

.ca01 .ca01Sa .ca01Bo .ca01Ul .ca01Li .ca01LiSa .ca01LiTi {
    position: relative;
    z-index: 12;
}

.ca01 .ca01Sa .ca01Bo .ca01Ul .ca01Li .ca01LiSa .ca01LiTi p {
    font-size: var(--zTT4);
    font-weight: bold;
    line-height: normal;
    text-align: center;
    letter-spacing: 0em;
    color: var(--zCw);
}

@media (max-width: 1536px) {
    .ca01 .ca01Sa .ca01Tp .ca01rg .ca01rgP p {
        line-height: 26px;
    }

    .ca01 .ca01Sa .ca01Bo .ca01Ul .ca01Li .ca01LiSa {
        padding: 40.6% 12px 54.6%;
        padding: 10.6vw 12px 15.6vw;
    }

    .ca01 .ca01Sa .ca01Bo .ca01Ul .ca01Li .ca01LiSa .ca01Liimg {
        margin-bottom: 36px;
    }

    .ca01 .ca01Sa .ca01Bo .ca01Ul .ca01Li .ca01LiSa .ca01Liimg img {
        width: 80px;
    }
}

@media (max-width: 992px) {
    .ca01 .ca01Sa .ca01Tp {
        flex-direction: column;
        align-items: flex-start;
    }

    .ca01 .ca01Sa .ca01Tp .ca01lf {
        width: 100%;
        margin-bottom: 20px;
    }

    .ca01 .ca01Sa .ca01Tp .ca01rg {
        width: 100%;
    }

    .ca01 .ca01Sa .ca01Bo .ca01Ul {
        flex-direction: column;
    }

    .ca01 .ca01Sa .ca01Bo .ca01Ul .ca01Li .ca01LiSa {
        padding: 6.6% 12px 6.6%;
    }
}

@media (max-width: 499px) {
    .ca01 .ca01Sa {
        padding-top: 0px;
        padding-bottom: 54px;
    }

    .ca01 .ca01Sa .ca01Tp {
        margin-bottom: 42px;
    }

    .ca01 .ca01Sa .ca01Tp .ca01lf {
        margin-bottom: 14px;
    }

    .ca01 .ca01Sa .ca01Tp .ca01rg .ca01rgP p {
        line-height: 24px;
    }

    .ca01 .ca01Sa .ca01Bo .ca01Ul .ca01Li .ca01LiSa .ca01Liimg {
        margin-bottom: 18px;
    }

    .ca01 .ca01Sa .ca01Bo .ca01Ul .ca01Li .ca01LiSa .ca01Liimg img {
        width: 62px;
    }

    .ca01 .ca01Sa .ca01Bo .ca01Ul .ca01Li .ca01LiSa .ca01LiTi p {
        font-size: 18px;
    }
}

.ca02 {
    position: relative;
    padding: 130px 0 110px;
}

.ca02::before {
    position: absolute;
    content: "";
    width: 50%;
    left: 0;
    top: 0;
    height: 100%;
    background: linear-gradient(90deg, #1D63D5 3%, #00A5E6 109%, #00A5E6 109%, #8EC220 109%);
    z-index: -1;
}

.ca02::after {
    position: absolute;
    content: "";
    width: 50%;
    right: 0;
    top: 0;
    height: 100%;
    background: #EFF9FF;
    z-index: -1;
}

.ca02 .ca02Sa {
    display: flex;
}

.ca02 .ca02Sa .ca02lf {
    width: 50%;
    flex: 0 0 auto;
    padding-right: 22%;
}

.ca02 .ca02Sa .ca02lf .ca02lf_01 .ca02lfTi {
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 10px;
}

.ca02 .ca02Sa .ca02lf .ca02lf_01 .ca02lfTi::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: #D0D0D0;
}

.ca02 .ca02Sa .ca02lf .ca02lf_01 .ca02lfTi::after {
    position: absolute;
    content: "";
    width: 34%;
    height: 2px;
    left: 0;
    bottom: 0;
    background: #FFFFFF;
}

.ca02 .ca02Sa .ca02lf .ca02lf_01 .ca02lfTi p {
    font-size: var(--zTT6);
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zCw);
}

.ca02 .ca02Sa .ca02lf .ca02lf_01 .ca02lfP {
    margin-bottom: 120px;
    max-height: 240px;
    overflow: auto;
}

.ca02 .ca02Sa .ca02lf .ca02lf_01 .ca02lfP::-webkit-scrollbar-thumb {
    border-radius: 3px !important;
    background: #ffffff00 !important;
}

.ca02 .ca02Sa .ca02lf .ca02lf_01 .ca02lfP::-webkit-scrollbar {
    width: 3px !important;
    height: 3px !important;
}

.ca02 .ca02Sa .ca02lf .ca02lf_01 .ca02lfP::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0) !important;
    border-radius: 3px !important;
}

.ca02 .ca02Sa .ca02lf .ca02lf_01 .ca02lfP::-webkit-scrollbar-thumb,
.ca02 .ca02Sa .ca02lf .ca02lf_01 .ca02lfP::-webkit-scrollbar-thumb:hover,
.ca02 .ca02Sa .ca02lf .ca02lf_01 .ca02lfP::-webkit-scrollbar-thumb:active {
    border-radius: 3px !important;
    background: #ffffff00 !important;
    background-clip: content-box !important;
}

.ca02 .ca02Sa .ca02lf .ca02lf_01 .ca02lfP p {
    font-size: var(--zTO6);
    font-weight: normal;
    line-height: 30px;
    letter-spacing: 0em;
    color: var(--zCw);
}

.ca02 .ca02Sa .ca02lf .ca02lf_02 .ca02lfTi {
    margin-bottom: 30px;
}

.ca02 .ca02Sa .ca02lf .ca02lf_02 .ca02lfTi p {
    font-size: var(--zTT4);
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zCw);
}

.ca02 .ca02Sa .ca02lf .ca02lf_02 .ca02lfUl {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.ca02 .ca02Sa .ca02lf .ca02lf_02 .ca02lfUl .ca02lfLi {
    margin-right: 14%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ca02 .ca02Sa .ca02lf .ca02lf_02 .ca02lfUl .ca02lfLi:last-child {
    margin-right: 0;
}

.ca02 .ca02Sa .ca02lf .ca02lf_02 .ca02lfUl .ca02lfLi .ca02lfLiim {
    margin-bottom: 10px;
}

.ca02 .ca02Sa .ca02lf .ca02lf_02 .ca02lfUl .ca02lfLi .ca02lfLiim img {
    width: 82px;
}

.ca02 .ca02Sa .ca02lf .ca02lf_02 .ca02lfUl .ca02lfLi .ca02lfLiP p {
    font-size: var(--zTO6);
    font-weight: normal;
    line-height: 30px;
    letter-spacing: 0em;
    color: var(--zCw);
}

/*  */
.ca02 .ca02Sa .ca02rg {
    width: 50%;
    flex: 0 0 auto;
    padding-left: 22%;
}

.ca02 .ca02Sa .ca02rg .ca02lf_01 .ca02lfTi {
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 10px;
}

.ca02 .ca02Sa .ca02rg .ca02lf_01 .ca02lfTi::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: #D0D0D0;
}

.ca02 .ca02Sa .ca02rg .ca02lf_01 .ca02lfTi::after {
    position: absolute;
    content: "";
    width: 34%;
    height: 2px;
    left: 0;
    bottom: 0;
    background: linear-gradient(90deg, #1D63D5 0%, #00A5E6 99%);
}

.ca02 .ca02Sa .ca02rg .ca02lf_01 .ca02lfTi p {
    font-size: var(--zTT6);
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zC14);
}

.ca02 .ca02Sa .ca02rg .ca02lf_01 .ca02lfP {
    margin-bottom: 120px;
    max-height: 240px;
    overflow: auto;
}

.ca02 .ca02Sa .ca02rg .ca02lf_01 .ca02lfP::-webkit-scrollbar-thumb {
    border-radius: 3px !important;
    background: #ffffff00 !important;
}

.ca02 .ca02Sa .ca02rg .ca02lf_01 .ca02lfP::-webkit-scrollbar {
    width: 3px !important;
    height: 3px !important;
}

.ca02 .ca02Sa .ca02rg .ca02lf_01 .ca02lfP::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0) !important;
    border-radius: 3px !important;
}

.ca02 .ca02Sa .ca02rg .ca02lf_01 .ca02lfP::-webkit-scrollbar-thumb,
.ca02 .ca02Sa .ca02rg .ca02lf_01 .ca02lfP::-webkit-scrollbar-thumb:hover,
.ca02 .ca02Sa .ca02rg .ca02lf_01 .ca02lfP::-webkit-scrollbar-thumb:active {
    border-radius: 3px !important;
    background: #ffffff00 !important;
    background-clip: content-box !important;
}

.ca02 .ca02Sa .ca02rg .ca02lf_01 .ca02lfP p {
    font-size: var(--zTO6);
    font-weight: normal;
    line-height: 30px;
    letter-spacing: 0em;
    color: var(--zC66);
}

.ca02 .ca02Sa .ca02rg .ca02lf_02 .ca02lfTi {
    margin-bottom: 30px;
}

.ca02 .ca02Sa .ca02rg .ca02lf_02 .ca02lfTi p {
    font-size: var(--zTT4);
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zC14);
}

.ca02 .ca02Sa .ca02rg .ca02lf_02 .ca02lfUl {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.ca02 .ca02Sa .ca02rg .ca02lf_02 .ca02lfUl .ca02lfLi {
    margin-right: 18%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ca02 .ca02Sa .ca02rg .ca02lf_02 .ca02lfUl .ca02lfLi:last-child {
    margin-right: 0;
}

.ca02 .ca02Sa .ca02rg .ca02lf_02 .ca02lfUl .ca02lfLi .ca02lfLiim {
    margin-bottom: 10px;
}

.ca02 .ca02Sa .ca02rg .ca02lf_02 .ca02lfUl .ca02lfLi .ca02lfLiim img {
    width: 82px;
}

.ca02 .ca02Sa .ca02rg .ca02lf_02 .ca02lfUl .ca02lfLi .ca02lfLiP p {
    font-size: var(--zTO6);
    font-weight: normal;
    line-height: 30px;
    letter-spacing: 0em;
    color: var(--zC66);
}

.ca02 .ca02Ball {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 24vw;
}

.ca02 .ca02Ball .ca02BallSa {
    position: relative;
}

.ca02 .ca02Ball .ca02BallSa img {
    width: 100%;
    transition: all 0.5s ease;
}

.ca02 .ca02Ball .ca02BallSa:hover img {
    transform: scale(1.08);
}

.ca02 .ca02Ball .ca02BallSa .ca02BallCo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 98%;
    transition: all 0.5s ease;
}

.ca02 .ca02Ball .ca02BallSa:hover .ca02BallCo {
    opacity: 0;
}

.ca02 .ca02Ball .ca02BallSa .ca02BallCo .ca02BallSmTi {
    margin-bottom: 6px;
}

.ca02 .ca02Ball .ca02BallSa .ca02BallCo .ca02BallSmTi p {
    font-size: var(--zTO8);
    font-weight: bold;
    line-height: normal;
    text-align: center;
    letter-spacing: 0em;
    color: var(--zCw);
}

.ca02 .ca02Ball .ca02BallSa .ca02BallCo .ca02BallTi p {
    font-size: var(--zTF6);
    font-weight: bold;
    line-height: normal;
    text-align: center;
    letter-spacing: 0em;
    color: var(--zCw);
}

@media (max-width: 1536px) {
    .ca02 .ca02Sa .ca02lf {
        padding-right: 16%;
    }

    .ca02 .ca02Sa .ca02lf .ca02lf_01 .ca02lfP {
        height: 208px;
    }

    .ca02 .ca02Sa .ca02lf .ca02lf_01 .ca02lfP p {
        line-height: 26px;
    }

    .ca02 .ca02Sa .ca02lf .ca02lf_02 .ca02lfUl .ca02lfLi {
        margin-right: 10%;
    }

    .ca02 .ca02Sa .ca02rg {
        padding-left: 16%;
    }

    .ca02 .ca02Sa .ca02rg .ca02lf_01 .ca02lfP {
        height: 208px;
    }

    .ca02 .ca02Sa .ca02rg .ca02lf_01 .ca02lfP p {
        line-height: 26px;
    }

    .ca02 .ca02Sa .ca02rg .ca02lf_02 .ca02lfUl .ca02lfLi {
        margin-right: 10%;
    }

    .ca02 .ca02Ball {
        width: 26vw;
    }
}

@media (max-width: 1199.9px) {
    .ca02 {
        position: relative;
        padding: 66px 0 0;
    }

    .ca02::before {
        width: 100%;
    }

    .ca02::after {
        opacity: 0;
    }

    .ca02 .ca02Sa {
        flex-direction: column;
    }

    .ca02 .ca02Sa .ca02lf {
        padding-right: 0%;
        margin-bottom: 130px;
        width: 100%;
    }

    .ca02 .ca02Sa .ca02lf .ca02lf_01 .ca02lfP {
        margin-bottom: 70px;
    }

    .ca02 .ca02Sa .ca02lf .ca02lf_02 .ca02lfUl .ca02lfLi {
        margin-right: 5%;
    }

    .ca02 .ca02Sa .ca02rg {
        padding-left: 0%;
        padding-top: 136px;
        padding-bottom: 48px;
        width: 100%;
        position: relative;
    }

    .ca02 .ca02Sa .ca02rg::after {
        position: absolute;
        content: "";
        width: 1260%;
        right: 50%;
        top: 50%;
        transform: translate(50%, -50%);
        height: 102%;
        background: #EFF9FF;
        z-index: -1;
    }

    .ca02 .ca02Sa .ca02rg .ca02lf_01 .ca02lfP {
        margin-bottom: 70px;
    }

    .ca02 .ca02Sa .ca02rg .ca02lf_02 .ca02lfUl .ca02lfLi {
        margin-right: 5%;
    }

    .ca02 .ca02Ball {
        width: 286px;
    }
}

@media (max-width: 499px) {
    .ca02 {
        position: relative;
        padding: 44px 0 0;
    }

    .ca02 .ca02Sa .ca02lf .ca02lf_01 .ca02lfP,
    .ca02 .ca02Sa .ca02rg .ca02lf_01 .ca02lfP {
        height: 192px;
        margin-bottom: 30px;
    }

    .ca02 .ca02Sa .ca02lf .ca02lf_01 .ca02lfP p,
    .ca02 .ca02Sa .ca02rg .ca02lf_01 .ca02lfP p {
        line-height: 24px;
    }

    .ca02 .ca02Sa .ca02lf .ca02lf_02 .ca02lfTi,
    .ca02 .ca02Sa .ca02rg .ca02lf_02 .ca02lfTi {
        margin-bottom: 20px;
    }

    .ca02 .ca02Sa .ca02lf .ca02lf_02 .ca02lfUl .ca02lfLi .ca02lfLiim img,
    .ca02 .ca02Sa .ca02rg .ca02lf_02 .ca02lfUl .ca02lfLi .ca02lfLiim img {
        width: 60px;
    }

    .ca02 .ca02Ball {
        width: 254px;
    }

    .ca02 .ca02Ball .ca02BallSa .ca02BallCo .ca02BallSmTi {
        margin-bottom: 4px;
    }

    .ca02 .ca02Ball .ca02BallSa .ca02BallCo .ca02BallSmTi p {
        font-size: 12px;
    }

    .ca02 .ca02Ball .ca02BallSa .ca02BallCo .ca02BallTi p {
        font-size: 24px;
    }
}

.ca03 {
    padding-top: 90px;
    padding-bottom: 228px;
}

.ca03 .proDe_02Ti {
    margin-bottom: 96px !important;
}

.ca03 .proDe_02Ti .proDe_02Smt p {
    font-size: var(--zTO8);
    color: var(--zC1D);
    line-height: normal;
    font-weight: bold;
}

.ca03 .proDe_02Ti .proDe_02T p {
    font-size: var(--zTF6);
    color: var(--zC33);
    font-weight: bold;
}

.ca03 .proDe_02Sw {
    position: relative;
    padding-left: var(--zPer-11);
}

#so04_01Sw2>.swiper-wrapper .swiper-slide {
    overflow: hidden;
}

#so04_01Sw2>.swiper-wrapper .swiper-slide>a {
    display: block;
    position: relative;
    cursor: none;
    overflow: hidden;
    pointer-events: auto;
}

#so04_01Sw2>.swiper-wrapper .swiper-slide>a>img {
    width: 100%;
    transition: all 0.8s ease;
}

#so04_01Sw2>.swiper-wrapper .swiper-slide>a:hover>img {
    transform: scale(1.08);
}

#so04_01Sw2>.swiper-wrapper .swiper-slide>a .so04SwTi {
    padding: 28px 12px;
    position: absolute;
    width: 100%;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(1deg, #2C2C2C -15%, rgba(83, 83, 83, 0) 92%);
}

#so04_01Sw2>.swiper-wrapper .swiper-slide>a .so04SwTi p {
    font-size: var(--zTT4);
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0em;
    color: var(--zCw);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

#so04_01Sw2>.swiper-wrapper .swiper-slide>a .so04SwBa {
    position: absolute;
    left: 50%;
    top: 46%;
    transform: translate(-50%, -50%) scale(0.4);
    width: 124px;
    height: 124px;
    background: linear-gradient(90deg, #1253BE 0%, #00A5E6 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.5s ease;
}

#so04_01Sw2>.swiper-wrapper .swiper-slide>a:hover .so04SwBa {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}

#so04_01Sw2>.swiper-wrapper .swiper-slide>a .so04SwBa p {
    font-size: var(--zTT0);
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zCw);
    padding: 0 12px;
}

#so04_01Sw2>.so04SwScr {
    width: 100%;
}

#so04_01Sw2>.so04SwScr {
    position: absolute;
    bottom: -98px;
}

#so04_01Sw2>.so04SwScr .swiper-scrollbar {
    width: 92.5%;
    background: #4885e72a;
    position: relative;
    left: 5.5%;
    height: 3px;
}

#so04_01Sw2>.so04SwScr .swiper-scrollbar .swiper-scrollbar-drag {
    background-color: transparent;
    position: relative;
}

#so04_01Sw2>.so04SwScr .swiper-scrollbar .swiper-scrollbar-drag::after {
    content: '';
    width: 3.75rem;
    height: 3.75rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../images/icon-9.png');
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.ca03 .so04SwBa {
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none;
    width: 124px;
    height: 124px;
    margin: -62px 0 0 -62px;
    will-change: transform;
    z-index: 2;
}

.ca03 .so04SwBa .so04SwBaSa {
    background: linear-gradient(90deg, #1253BE 0%, #00A5E6 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    width: 100%;
    height: 100%;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.4);
}

.ca03 .so04SwBa.on .so04SwBaSa {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    transition: transform .8s ease;
}

.ca03 .so04SwBa .so04SwBaSa p {
    font-size: var(--zTT0);
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    color: var(--zCw);
    padding: 0 12px;
}

@media (max-width: 1536px) {
    .ca03 .proDe_02Ti {
        margin-bottom: 50px !important;
    }
}

@media (max-width: 1199.9px) {
    .ca03 {
        padding-top: 76px;
        padding-bottom: 205px;
    }

    #so04_01Sw2>.so04SwScr {
        position: absolute;
        bottom: -72px;
    }

    #so04_01Sw2>.so04SwScr .swiper-scrollbar .swiper-scrollbar-drag::after {
        width: 2.75rem;
        height: 2.75rem;
    }

    #so04_01Sw2>.swiper-wrapper .swiper-slide>a .so04SwTi {
        padding: 16px 12px;
    }

    #so04_01Sw2>.swiper-wrapper .swiper-slide>a .so04SwTi p {
        font-size: 18px;
    }
}

@media (max-width: 499px) {
    .ca03 {
        padding-top: 52px;
        padding-bottom: 140px;
    }

    .ca03 .proDe_02Ti {
        margin-bottom: 34px !important;
    }

    #so04_01Sw2>.so04SwScr {
        bottom: -62px;
    }
}

.sea .seaSa {
    padding-bottom: 130px;
}

.sea .seaSa .seaUl .seaLi {
    position: relative;
    padding: 0 6.8%;
    margin-bottom: 70px;
    padding-bottom: 70px;
}

.sea .seaSa .seaUl .seaLi::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #D0D0D0;
    left: 0;
    bottom: 0;
}

.sea .seaSa .seaUl .seaLi::after {
    position: absolute;
    content: "";
    width: 0%;
    height: 1px;
    background: linear-gradient(90deg, #1D63D5 0%, #00A5E6 99%);
    left: 0;
    bottom: 0;
    transition: all 0.8s ease;
}

.sea .seaSa .seaUl .seaLi:hover:after {
    width: 100%;
}

.sea .seaSa .seaUl .seaLi>a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sea .seaSa .seaUl .seaLi>a .seaLiimg {
    width: 35.2%;
    flex: 0 0 auto;
    overflow: hidden;
}

.sea .seaSa .seaUl .seaLi>a .seaLiimg img {
    width: 100%;
    transition: all 0.5s ease;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    object-position: center;
}

.sea .seaSa .seaUl .seaLi:hover>a .seaLiimg img {
    transform: scale(1.08);
}

.sea .seaSa .seaUl .seaLi>a .seaLiCo {
    width: 55%;
    flex: 0 0 auto;
}

.sea .seaSa .seaUl .seaLi>a .seaLiCo .seaLiTi {
    margin-bottom: 10px;
}

.sea .seaSa .seaUl .seaLi>a .seaLiCo .seaLiTi p {
    font-size: var(--zTT4);
    font-weight: bold;
    line-height: 30px;
    letter-spacing: 0em;
    color: var(--zC33);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.5s ease;
}

.sea .seaSa .seaUl .seaLi:hover>a .seaLiCo .seaLiTi p {
    color: var(--zC14);
}

.sea .seaSa .seaUl .seaLi>a .seaLiCo .seaLiP {
    margin-bottom: 40px;
}

.sea .seaSa .seaUl .seaLi>a .seaLiCo .seaLiP p {
    font-size: var(--zTO6);
    font-weight: normal;
    line-height: 30px;
    letter-spacing: 0em;
    color: var(--zC66);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sea .seaSa .seaUl .seaLi>a .seaLiCo .seaLi_Bt {
    transition: all 0.5s ease;
    border-radius: 30px;
}

.sea .seaSa .seaUl .seaLi>a .seaLiCo .seaLi_Bt .seaLiA {
    display: flex;
    align-items: center;
    width: max-content;
    border: 1px solid var(--zC14);
    border-radius: 30px;
    padding: 3px 16px;
    transition: all 0.5s ease;
    position: relative;
}

.sea .seaSa .seaUl .seaLi>a .seaLiCo .seaLi_Bt .seaLiA:hover {
    border: 1px solid var(--zCw0);
}

.sea .seaSa .seaUl .seaLi>a .seaLiCo .seaLi_Bt .seaLiA::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(84deg, #1D63D5 7%, #00A5E6 101%, #8EC220 215%, #00A5E6 215%);
    left: 0;
    top: 0;
    border-radius: 30px;
    opacity: 0;
    z-index: -1;
    transition: all 0.5s ease;
}

.sea .seaSa .seaUl .seaLi>a .seaLiCo .seaLi_Bt .seaLiA:hover::after {
    opacity: 1;
}

.sea .seaSa .seaUl .seaLi>a .seaLiCo .seaLi_Bt .seaLiA p {
    font-size: var(--zTO4);
    font-weight: normal;
    line-height: 29px;
    text-transform: uppercase;
    letter-spacing: 0em;
    color: var(--zC14);
    transition: all 0.5s ease;
}

.sea .seaSa .seaUl .seaLi>a .seaLiCo .seaLi_Bt .seaLiA:hover p {
    color: var(--zCw);
}

.sea .seaSa .seaUl .seaLi>a .seaLiCo .seaLi_Bt .seaLiA i {
    border-radius: 50%;
    font-size: var(--zTO2);
    color: var(--zCw);
    line-height: 14px;
    width: 14px;
    background: var(--zC14);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 16px;
    -webkit-transform-origin: 50% 50% -5px;
    transform-origin: 50% 50% -5px;
    -webkit-transition: all 480ms ease-out 0s;
    transition: all 480ms ease-out 0s;
    position: relative;
}

.sea .seaSa .seaUl .seaLi>a .seaLiCo .seaLi_Bt .seaLiA:hover i {
    background: var(--zCw0);
    color: var(--zC14);
}

.sea .seaSa .seaUl .seaLi>a .seaLiCo .seaLi_Bt .seaLiA i::before {
    z-index: 12;
}

.sea .seaSa .seaUl .seaLi>a .seaLiCo .seaLi_Bt .seaLiA i::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: var(--zCw);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    transition: all 0.5s ease;
}

.sea .seaSa .seaUl .seaLi>a .seaLiCo .seaLi_Bt .seaLiA:hover i::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

.seaEr .seaErP {
    padding-bottom: 120px;
}

.seaEr .seaErP p {
    font-size: var(--zTO6);
    font-weight: normal;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0em;
    color: var(--zC66);
}

@media (max-width: 1536px) {
    .sea .seaSa .seaUl .seaLi>a .seaLiCo .seaLiP p {
        line-height: 24px;
    }
}

@media (max-width: 1199.9px) {
    .sea .seaSa .seaUl .seaLi {
        padding: 0;
        margin-bottom: 40px;
        padding-bottom: 40px;
    }
}

@media (max-width: 768px) {
    .sea .seaSa .seaUl .seaLi>a {
        flex-direction: column;
    }

    .sea .seaSa .seaUl .seaLi>a .seaLiimg {
        width: 100%;
        margin-bottom: 20px;
    }

    .sea .seaSa .seaUl .seaLi>a .seaLiCo {
        width: 100%;
    }
}

@media (max-width: 499px) {
    .sea .seaSa {
        padding-bottom: 70px;
    }
}



.master_title {
    z-index: 20;
    height: 8vw;
    align-items: flex-end;
}

.master_title h3 {
    font-size: 1.97vw;
    line-height: 1.97vw;
    font-weight: bold;
    padding-left: 4vw;
    margin-bottom: .7vw;
}

.master_title .master_initials {
    position: absolute;
    bottom: 1vw;
    left: 0;
    z-index: -1;
}

.master_title .master_initials img {
    height: 7vw;
}

.master_title .master_translate {
    font-size: 1.45vw;
    color: #dadada;
    font-style: oblique;
    padding-left: 1vw;
    font-weight: bold;
    text-transform: uppercase;
}

.master_more .master_more_btn {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    align-items: center;
    background: #2B92D4;
    justify-content: center;
    z-index: 2;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.master_aperture {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    opacity: 0;
    -webkit-opacity: 0;
    z-index: -1;
}

.topFly {
    position: relative;
}



#back_top {
    position: fixed;
    right: 4.8vw;
    bottom: 0;
    opacity: 0;
    z-index: 888;
    transition: all 0.5s ease;
}

.topFly.on #back_top {
    bottom: 5vw;
    opacity: 1;
    -webkit-opacity: 1;
    visibility: visible;
    opacity: 1;
}

#back_top .master_more .master_aperture {
    background-color: rgba(43, 146, 212, 0.5);
}

#back_top .master_more .master_more_btn {
    color: #fff;
}

#back_top .master_more .master_more_btn .master_more_txt {
    position: relative;
}

#back_top .master_more .master_more_btn:hover .master_more_txt {
    animation: upico 0.5s .3s 1;
    -webkit-animation: upico 0.5s .3s 1;
}

#back_top .master_more .master_more_btn .master_more_txt>i {
    font-size: 24px;
}

#back_top .master_more .master_aperture.circle01 {
    animation: scalej01 2s .4s infinite;
    -webkit-animation: scalej02 2s .4s infinite;
}

@keyframes scalej01 {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
        -webkit-opacity: 1;
    }

    100% {
        transform: scale(1.4);
        -webkit-transform: scale(1.4);
        opacity: 0;
        -webkit-opacity: 0;
    }
}

@-webkit-keyframes scalej01 {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
        -webkit-opacity: 1;
    }

    100% {
        transform: scale(1.4);
        -webkit-transform: scale(1.4);
        opacity: 0;
        -webkit-opacity: 0;
    }
}

#back_top .master_more .master_aperture.circle02 {
    animation: scalej02 2s infinite;
    -webkit-animation: scalej02 2s infinite;
}

@keyframes scalej02 {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
        -webkit-opacity: 1;
    }

    100% {
        transform: scale(1.8);
        -webkit-transform: scale(1.8);
        opacity: 0;
        -webkit-opacity: 0;
    }
}

@-webkit-keyframes scalej02 {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
        -webkit-opacity: 1;
    }

    100% {
        transform: scale(1.8);
        -webkit-transform: scale(1.8);
        opacity: 0;
        -webkit-opacity: 0;
    }
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>气泡<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
.bubble {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.bubble span,
.back_bubble span {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    z-index: -1;
    transition: ease 1s;
    -webkit-transition: ease 1s;
    position: absolute;
    left: 50%;
    bottom: 0px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    opacity: 0;
    -webkit-opacity: 0;
}

.bubble span:nth-child(1) {
    animation: pao 4s linear infinite;
    -webkit-animation: pao 4s linear infinite;
    /* background: rgba(29, 107, 221, .6); */
    background: #2b93d4e6;
}

.bubble span:nth-child(2) {
    animation: pao3 6s linear infinite;
    -webkit-animation: pao3 6s linear infinite;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    /* background: rgba(29, 107, 221, .8); */
    background: #2b93d4b3;
}

.bubble span:nth-child(3) {
    animation: pao2 3s linear infinite;
    -webkit-animation: pao2 3s linear infinite;
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
    background: #2b93d4;
}

.bubble span:nth-child(4) {
    animation: pao4 9s linear infinite;
    -webkit-animation: pao4 9s linear infinite;
    background: #2b93d4be;
}

.bubble span:nth-child(5) {
    animation: pao5 7s linear infinite;
    -webkit-animation: pao5 7s linear infinite;
    background: #2b93d478;
}

@keyframes pao {
    0% {
        transform: translate(200%, -30px) rotate(360deg) scale(.4, .4);
        -webkit-transform: translate(200%, -30px) rotate(360deg) scale(.4, .4);
        opacity: 1;
        -webkit-opacity: 1;
    }

    50% {
        transform: translate(0%, -70px) rotate(360deg) scale(.8, .8);
        -webkit-transform: translate(0%, -70px) rotate(360deg) scale(.8, .8);
        opacity: .5;
        -webkit-opacity: .5;
    }

    100% {
        transform: translate(-200%, -100px) rotate(360deg) scale(1, 1);
        -webkit-transform: translate(-200%, -100px) rotate(360deg) scale(1, 1);
        opacity: 0;
        -webkit-opacity: 0;

    }
}

@keyframes pao2 {
    0% {
        transform: translate(-200%, 0px) rotate(360deg) scale(1, 1);
        -webkit-transform: translate(-200%, 0px) rotate(360deg) scale(1, 1);
        opacity: 1;
        -webkit-opacity: 1;
    }

    50% {
        transform: translate(250%, -50px) rotate(360deg) scale(.8, .8);
        -webkit-transform: translate(250%, -50px) rotate(360deg) scale(.8, .8);
        opacity: .5;
        -webkit-opacity: .5;
    }

    100% {
        transform: translate(100%, -100px) rotate(360deg) scale(.4, .4);
        -webkit-transform: translate(100%, -100px) rotate(360deg) scale(.4, .4);
        opacity: 0;
        -webkit-opacity: 0;

    }
}

@keyframes pao3 {
    0% {
        transform: translate(0%, 0px) rotate(360deg) scale(1, 1);
        -webkit-transform: translate(0%, 0px) rotate(360deg) scale(1, 1);
        opacity: 1;
        -webkit-opacity: 1;
    }

    50% {
        transform: translate(-250%, -50px) rotate(360deg) scale(.8, .8);
        -webkit-transform: translate(-250%, -50px) rotate(360deg) scale(.8, .8);
        opacity: .5;
        -webkit-opacity: .5;
    }

    100% {
        transform: translate(-300%, -100px) rotate(360deg) scale(.4, .4);
        -webkit-transform: translate(-300%, -100px) rotate(360deg) scale(.4, .4);
        opacity: 0;
        -webkit-opacity: 0;

    }
}

@keyframes pao4 {
    0% {
        transform: translate(400%, 0px) rotate(360deg) scale(1, 1);
        -webkit-transform: translate(400%, 0px) rotate(360deg) scale(1, 1);
        opacity: 1;
        -webkit-opacity: 1;
    }

    50% {
        transform: translate(400%, -50px) rotate(360deg) scale(.8, .8);
        -webkit-transform: translate(400%, -50px) rotate(360deg) scale(.8, .8);
        opacity: .5;
        -webkit-opacity: .5;
    }

    100% {
        transform: translate(-100%, -100px) rotate(360deg) scale(.4, .4);
        -webkit-transform: translate(-100%, -100px) rotate(360deg) scale(.4, .4);
        opacity: 0;
        -webkit-opacity: 0;
    }
}

@keyframes pao5 {
    0% {
        transform: translate(-400%, 0px) rotate(360deg) scale(.1, .1);
        -webkit-transform: translate(-400%, 0px) rotate(360deg) scale(.1, .1);
        opacity: 1;
        -webkit-opacity: 1;
    }

    50% {
        transform: translate(-400%, -50px) rotate(360deg) scale(.6, .6);
        -webkit-transform: translate(-400%, -50px) rotate(360deg) scale(.6, .6);
        opacity: .5;
        -webkit-opacity: .5;
    }

    100% {
        transform: translate(0%, -100px) rotate(360deg) scale(1, 1);
        -webkit-transform: translate(0%, -100px) rotate(360deg) scale(1, 1);
        opacity: 0;
        -webkit-opacity: 0;
    }
}

@media (max-width: 499px) {
    .topFly {
        display: none;
    }
}

/* 后来加的 */

.ca04 {
    background: #EFF9FF;
}

.ca04 .ca04Sa {
    padding-top: 120px;
    padding-bottom: 90px;
}

.ca04 .ca04Sa .proDe_02Ti {
    margin-bottom: 70px;
}

.ca04 .ca04Sa .proDe_02Ti .proDe_02Smt p {
    font-size: var(--zTO8);
    color: var(--zC1D);
    line-height: normal;
    font-weight: bold;
}

.ca04 .ca04Sa .proDe_02Ti .proDe_02T p {
    font-size: var(--zTF6);
    color: var(--zC33);
    font-weight: bold;
}

.ca04 .ca04Sa .ca04Ul {
    margin-right: calc(-.5* 2.2rem);
    margin-left: calc(-.5* 2.2rem);
}

.ca04 .ca04Sa .ca04Ul .ca04Li {
    padding-right: calc(2.2rem* .5);
    padding-left: calc(2.2rem* .5);
}

.ca04 .ca04Sa .ca04Ul .ca04Li .ca04Li_Sa .ca04Liimg {
    overflow: hidden;
    margin-bottom: 40px;
}

.ca04 .ca04Sa .ca04Ul .ca04Li .ca04Li_Sa .ca04Liimg img {
    width: 100%;
    transition: all 0.5s ease;
}

.ca04 .ca04Sa .ca04Ul .ca04Li .ca04Li_Sa:hover .ca04Liimg img {
    transform: scale(1.08);
}

.ca04 .ca04Sa .ca04Ul .ca04Li .ca04Li_Sa .ca04LiTi {
    margin-bottom: 12px;
}

.ca04 .ca04Sa .ca04Ul .ca04Li .ca04Li_Sa .ca04LiTi p {
    font-size: var(--zTT4);
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0em;
    color: #333333;
}

.ca04 .ca04Sa .ca04Ul .ca04Li .ca04Li_Sa .ca04LiP p {
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0em;
    color: #666666;
}

@media (max-width: 1536px) {
    .ca04 .ca04Sa {
        padding-top: 86px;
    }

    .ca04 .ca04Sa .proDe_02Ti {
        margin-bottom: 52px;
    }

    .ca04 .ca04Sa .ca04Ul {
        margin-right: calc(-.5* 1.2rem);
        margin-left: calc(-.5* 1.2rem);
    }

    .ca04 .ca04Sa .ca04Ul .ca04Li {
        padding-right: calc(1.2rem* .5);
        padding-left: calc(1.2rem* .5);
    }

    .ca04 .ca04Sa .ca04Ul .ca04Li .ca04Li_Sa .ca04Liimg {
        margin-bottom: 20px;
    }

    .ca04 .ca04Sa .ca04Ul .ca04Li .ca04Li_Sa .ca04LiTi p {
        font-size: 20px;
    }

    .ca04 .ca04Sa .ca04Ul .ca04Li .ca04Li_Sa .ca04LiP p {
        font-size: 14px;
        line-height: 26px;
    }
}

@media (max-width: 992px) {
    .ca04 .ca04Sa .ca04Ul .ca04Li {
        width: 100%;
        margin-bottom: 40px;
    }
}

@media (max-width: 499px) {
    .ca04 .ca04Sa {
        padding-top: 50px;
        padding-bottom: 20px;
    }

    .ca04 .ca04Sa .proDe_02Ti {
        margin-bottom: 28px;
    }

    .ca04 .ca04Sa .ca04Ul .ca04Li .ca04Li_Sa .ca04Liimg {
        margin-bottom: 12px;
    }

    .ca04 .ca04Sa .ca04Ul .ca04Li .ca04Li_Sa .ca04LiP p {
        line-height: 24px;
    }
}

.ca04 .ca04Sa .ca04UlC2 {
    margin-right: calc(-.5* 2.2rem);
    margin-left: calc(-.5* 2.2rem);
}

.ca04 .ca04Sa .ca04UlC2 .ca04Li {
    padding-right: calc(2.2rem* .5);
    padding-left: calc(2.2rem* .5);
}

.ca04 .ca04Sa .ca04UlC2 .ca04Li .ca04Li_Sa .ca04Liimg {
    overflow: hidden;
    margin-bottom: 40px;
}

.ca04 .ca04Sa .ca04UlC2 .ca04Li .ca04Li_Sa .ca04Liimg img {
    width: 100%;
    transition: all 0.5s ease;
}

.ca04 .ca04Sa .ca04UlC2 .ca04Li .ca04Li_Sa:hover .ca04Liimg img {
    transform: scale(1.08);
}

.ca04 .ca04Sa .ca04UlC2 .ca04Li .ca04Li_Sa .ca04LiTi {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}

.ca04 .ca04Sa .ca04UlC2 .ca04Li .ca04Li_Sa .ca04LiTi span {
    font-family: robbo;
    font-size: 46px;
    line-height: normal;
    letter-spacing: 0em;
    color: #14408A;
    margin-right: 14px;
}

.ca04 .ca04Sa .ca04UlC2 .ca04Li .ca04Li_Sa .ca04LiTi p {
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    letter-spacing: 0em;
    font-variation-settings: "opsz" auto;
    color: #333333;
}

.ca04 .ca04Sa .ca04UlC2 .ca04Li .ca04Li_Sa .ca04LiP p {
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    letter-spacing: 0em;
    color: #666666;
}

@media (max-width: 1536px) {
    .ca04 .ca04Sa .ca04UlC2 {
        margin-right: calc(-.5* 1.2rem);
        margin-left: calc(-.5* 1.2rem);
    }

    .ca04 .ca04Sa .ca04UlC2 .ca04Li {
        padding-right: calc(1.2rem* .5);
        padding-left: calc(1.2rem* .5);
    }

    .ca04 .ca04Sa .ca04UlC2 .ca04Li .ca04Li_Sa .ca04Liimg {
        margin-bottom: 30px;
    }

    .ca04 .ca04Sa .ca04UlC2 .ca04Li .ca04Li_Sa .ca04LiTi span {
        font-size: 36px;
        margin-right: 8px;
    }

    .ca04 .ca04Sa .ca04UlC2 .ca04Li .ca04Li_Sa .ca04LiTi p {
        font-size: 20px;
    }

    .ca04 .ca04Sa .ca04UlC2 .ca04Li .ca04Li_Sa .ca04LiP p {
        font-size: 14px;
        line-height: 26px;
    }
}

@media (max-width: 992px) {
    .ca04 .ca04Sa .ca04UlC2 .ca04Li {
        width: 100%;
        margin-bottom: 40px;
    }
}

@media (max-width: 499px) {
    .ca04 .ca04Sa .ca04UlC2 .ca04Li {
        width: 100%;
        margin-bottom: 30px;
    }

    .ca04 .ca04Sa .ca04UlC2 .ca04Li .ca04Li_Sa .ca04Liimg {
        margin-bottom: 20px;
    }

    .ca04 .ca04Sa .ca04UlC2 .ca04Li .ca04Li_Sa .ca04LiP p {
        font-size: 14px;
        line-height: 24px;
    }
}

/*  */
.tal02 .tal02Sa .phone .phLi>div {
    /* background: #FBFBFB; */
    border: 1px solid #E2E2E2;
    margin-bottom: 26px;
}

.tal02 .tal02Sa .phone .phLi .bigbox .topbg {
    background: #FBFBFB;
    transition: all 0.6s ease-in-out;
    border-bottom: 1px solid #e2e2e200;
}

.tal02 .tal02Sa .phone .block .bigbox .topbg {
    border-bottom: 1px solid #E2E2E2;
}

.tal02 .tal02Sa .phone .phLi .bigbox .topbox {
    margin: auto;
    padding: 30px 0;
}

.tal02 .tal02Sa .phone .phLi .bigbox .topbox .lfbox {
    display: flex;
    justify-content: start;
    align-items: center;
    position: relative;
}

.tal02 .tal02Sa .phone .phLi .bigbox .topbox .lfbox::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 3px;
    height: 90%;
    transform: translateY(-5%);
    background: var(--content-color);
}

.tal02 .tal02Sa .phone .phLi .bigbox .topbox .lfbox h2 {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.04em;
    color: var(--title-color);
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.tal02 .tal02Sa .phone .phLi .bigbox .topbox .middlebox {
    display: flex;
    align-items: center;
    padding: 0 5px;
}

.tal02 .tal02Sa .phone .phLi .bigbox .topbox .middlebox p {
    font-size: 16px;
    letter-spacing: 0.04em;
    color: #484848;
}

.tal02 .tal02Sa .phone .phLi .bigbox .topbox .middlebox p:first-child {
    margin-right: 40px;
}

.tal02 .tal02Sa .phone .phLi .bigbox .topbox .rgbox {
    display: flex;
    justify-content: end;
    align-items: center;
}

.tal02 .tal02Sa .phone .phLi .bigbox .topbox .rgbox a i {
    font-size: 18px;
    color: var(--content-color);
    transition: all 0.6s ease-in-out;
    transform: rotate(-360deg);
    display: block;
}

.tal02 .tal02Sa .phone .block .bigbox .topbox .rgbox a i {
    transform: rotate(-180deg);
}

.tal02 .tal02Sa .phone .phLi .bigbox .bottomnone {
    position: relative;
    overflow: hidden;
    max-height: 0;
    transition: all 0.6s ease-in-out;
}

.tal02 .tal02Sa .phone .block .bigbox .bottomnone {
    max-height: 2000px;
    transition: all 0.8s ease-in-out;
}

.tal02 .tal02Sa .phone .phLi .bigbox .buttombox {
    margin: auto;
    padding: 34px 12px;
}

.tal02 .tal02Sa .phone .phLi .bigbox .responsibilities {
    margin-bottom: 40px;
}

.tal02 .tal02Sa .phone .phLi .bigbox .responsibilities h2 {
    font-size: 16px;
    line-height: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

.tal02 .tal02Sa .phone .phLi .bigbox .responsibilities p {
    font-size: 14px;
    line-height: 26px;
    text-align: justify;
    letter-spacing: 0.03em;
    color: #484848;
}

.recruitmenteng .recruitment-list .bigbox .responsibilities p {
    text-align: start;
    font-size: 14px;
    line-height: 25px;
}

.tal02 .tal02Sa .phone .phLi .bigbox .request h2 {
    font-size: 16px;
    line-height: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

.tal02 .tal02Sa .phone .phLi .bigbox .request p,
.tal02 .tal02Sa .phone .phLi .bigbox .request a {
    font-size: 14px;
    line-height: 26px;
    text-align: justify;
    letter-spacing: 0.03em;
    color: #484848;
}

.recruitmenteng .recruitment-list .bigbox .request p {
    text-align: start;
    font-size: 14px;
    line-height: 25px;
}

.recruitment .welfare {
    background: #FBFBFB;
    padding: 50px 0;
    border: 1px solid #E2E2E2;
}

.recruitment .welfare .welfare-sack {
    margin: auto;
}

.recruitment .welfare .welfare-sack .welfare-lf .lf-title {
    padding-bottom: 30px;
}

.recruitment .welfare .welfare-sack .welfare-lf .lf-title h2 {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0.04em;
    color: var(--title-color);
}

.recruitment .welfare .welfare-sack .welfare-lf .lf-content p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.04em;
    color: #484848;
}

.recruitment .welfare .welfare-sack .welfare-rg .rgtop {
    padding-bottom: 28px;
    margin-bottom: 28px;
    position: relative;
}

.recruitment .welfare .welfare-sack .welfare-rg .rgtop::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #E2E2E2;
}

.recruitment .welfare .welfare-sack .welfare-rg .rg-title {
    padding-bottom: 5px;
}

.recruitment .welfare .welfare-sack .welfare-rg .rg-title h2 {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.04em;
    color: var(--title-color);
}

.recruitmenteng .welfare .welfare-sack .welfare-rg .rg-title h2 {
    font-size: 24px;
    font-weight: normal;
}

.recruitment .welfare .welfare-sack .welfare-rg .rg-content p {
    font-size: 16px;
    letter-spacing: 0.04em;
    color: #484848;
}

.recruitmenteng .welfare .welfare-sack .welfare-rg .rg-content p {
    font-size: 14px;
}

.recruitment .welfare .welfare-sack .welfare-rg .rg-content p span a {
    color: var(--content-color);

    background: linear-gradient(to right, #0BA299, #0BA299) no-repeat right 80%;
    background-size: 0px 2px;
    transition: background-size 0.5s;
    padding-bottom: 10px;
}

.recruitment .welfare .welfare-sack .welfare-rg .rg-content p span a:hover {
    /* color: var(--content-color); */
    /* text-decoration: underline; */
    background-position: left 80%;
    background-size: 100% 2px;
}


@media (max-width: 1200px) {
    #enterprise-swiper>.swiper-wrapper .swiper-slide {
        transform: scale(1);
    }

    #enterprise-swiper>.swiper-wrapper .swiper-slide-active {
        transform: scale(1);
    }

    .tal02 .tal02Sa .phone .phLi .bigbox .topbox .lfbox {
        width: 50%;
    }

    .recruitment .welfare .welfare-sack .welfare-lf {
        margin-bottom: 40px;
    }
}

@media (max-width: 768px) {
    #enterprise-swiper {
        margin: 0 56px;
    }

    .tal02 .tal02Sa .phone .phLi .bigbox .topbox .lfbox h2 {
        font-size: 16px;
    }

    .tal02 .tal02Sa .phone .phLi .bigbox .topbox .middlebox p {
        font-size: 14px;
    }

    .tal02 .tal02Sa .phone .phLi .bigbox .topbox .middlebox p:first-child {
        margin-right: 14px;
    }

    .tal02 .tal02Sa .phone .phLi .bigbox .topbox {
        margin: auto;
        padding: 18px 0;
    }

    .tal02 .tal02Sa .phone .phLi>div {
        /* background: #FBFBFB; */
        border: 1px solid #E2E2E2;
        margin-bottom: 18px;
    }

    .tal02 .tal02Sa .phone .phLi .bigbox .buttombox {
        margin: auto;
        padding: 18px 12px;
    }

    .tal02 .tal02Sa .phone .phLi .bigbox .responsibilities {
        margin-bottom: 16px;
    }

    .tal02 .tal02Sa .phone .phLi .bigbox .request h2 {
        font-size: 16px;
        line-height: 28px;
        font-weight: bold;
        color: #333;
        margin-bottom: 4px;
    }

    .tal02 .tal02Sa .phone .phLi .bigbox .responsibilities h2 {
        font-size: 16px;
        line-height: 28px;
        font-weight: bold;
        color: #333;
        margin-bottom: 4px;
    }
}

@media (max-width: 620px) {
    .tal02 .tal02Sa .phone .phLi .bigbox .topbox .middlebox {
        display: none;
    }

    .tal02 .tal02Sa .phone .phLi .bigbox .topbox .lfbox {
        width: 91%;
    }
}

@media (max-width: 499px) {
    .development-sack .develop-enterprise {
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .tal02 .tal02Sa .phone .phLi .bigbox .topbox {
        width: 98%;
    }

    .tal02 .tal02Sa .phone .phLi .bigbox .buttombox {
        width: 98%;
    }

    .tal02 .tal02Sa {
        padding-bottom: 46px;
    }

    .tal02 .tal02Sa .phone .phLi>div {
        /* background: #FBFBFB; */
        border: 1px solid #E2E2E2;
        margin-bottom: 12px;
    }

    .tal02 .tal02Sa .phone .phLi .bigbox .topbox {
        margin: auto;
        padding: 12px 0;
    }

    .development-sack .develop-enterprise .enterprise-title {
        padding-bottom: 10px;
    }


    .development-sack .develop-enterprise .enterprise-title h2 {
        font-size: 24px;
    }

    #enterprise-swiper {
        margin: 0;
        padding-bottom: 33px;
    }

    #enterprise-swiper>.swiper-pagination {
        bottom: -2px !important;
        display: block;
    }

    #enterprise-swiper>.swiper-pagination .swiper-pagination-bullet-active {
        background: var(--content-color);
    }

    .enterprise-swiper>.enterprise-prev {
        display: none;
    }

    .enterprise-swiper>.enterprise-next {
        display: none;
    }

    .group {
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .group .group-title {
        padding-bottom: 30px;
    }

    .group .group-title h2 {
        font-size: 24px;
    }

    #group-swiper {
        padding-bottom: 50px;
    }

    .recruitment {
        padding: 40px 8px;
    }

    .recruitment .recruitment-title {
        padding-bottom: 30px;
    }

    .recruitment .recruitment-title h2 {
        font-size: 24px;
    }

    .recruitment .recruitment-list>ul>li {
        margin-bottom: 12px;
    }

    .recruitment .recruitment-list .bigbox .topbox {
        padding: 16px 0;
    }

    .recruitment .recruitment-list .bigbox .topbox .lfbox h2 {
        font-size: 16px;
        font-weight: normal;
        letter-spacing: 0em;
    }

    .recruitment .recruitment-list .bigbox .buttombox {
        padding: 12px;
    }

    .recruitment .recruitment-list .bigbox .responsibilities {
        margin-bottom: 20px;
    }

    .recruitment .recruitment-list .bigbox .responsibilities h2 {
        font-size: 16px;
    }

    .recruitment .recruitment-list .bigbox .responsibilities p {
        font-size: 14px;
        line-height: 25px;
    }

    .recruitment .recruitment-list .bigbox .request h2 {
        font-size: 16px;
    }

    .recruitment .recruitment-list .bigbox .request p {
        font-size: 14px;
        line-height: 25px;
    }

    .recruitment .welfare {
        padding: 30px 0;
    }

    .recruitment .welfare .welfare-sack .welfare-lf {
        margin-bottom: 30px;
        padding: 0;
    }

    .recruitment .welfare .welfare-sack .welfare-lf .lf-title {
        padding-bottom: 12px;
    }

    .recruitment .welfare .welfare-sack .welfare-lf .lf-title h2 {
        font-size: 24px;
        letter-spacing: 0em;
    }

    .recruitment .welfare .welfare-sack .welfare-rg {
        padding: 0;
    }

    /* .recruitmenteng .welfare .welfare-sack .welfare-rg .rg-title h2 {
        font-size: 16px;
        font-weight: normal;
    } */

    .recruitment .welfare .welfare-sack .welfare-rg .rgtop {
        padding-bottom: 18px;
        margin-bottom: 18px;
    }

    .recruitment .welfare .welfare-sack .welfare-rg .rg-content p {
        font-size: 14px;
        letter-spacing: 0em;
    }
}

@keyframes blue {
    0% {
        -webkit-transform: scale(1.2);
        -mos-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        -mos-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes upico {
    0% {
        top: 0;
        opacity: 1
    }

    35% {
        top: -50%;
        opacity: 0
    }

    65% {
        top: 50%;
        opacity: 0
    }

    100% {
        top: 0;
        opacity: 1
    }
}

@-webkit-keyframes upico {
    0% {
        top: 0;
        opacity: 1
    }

    35% {
        top: -50%;
        opacity: 0
    }

    65% {
        top: 50%;
        opacity: 0
    }

    100% {
        top: 0;
        opacity: 1
    }
}

#soSwDown2 {
    position: absolute;
    bottom: 14%;
    right: 4%;
    z-index: 50;
    display: none;
}

#soSwDown2>a {
    width: 54px;
    height: 54px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 2;
    background: var(--zCb);
    display: block;
    position: relative;
}

#soSwDown2>a::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 8px;
    background-color: var(--zCw);
    margin-left: -4px;
    margin-top: -4px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 2;
}

#soSwDown2>a .soSwDico {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 14px;
    margin-left: -7px;
    z-index: 1;
}

#soSwDown2>a .soSwDico img {
    width: 100%;
}

#soSwDown2>a .soSwDsp {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: -1;
    -webkit-animation: soak 3s infinite;
    animation: soak 3s infinite;
    z-index: -1;
}

#soSwDown2 .soSwDbal {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

#soSwDown2 .soSwDbal>span {
    display: block;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: -1;
    -webkit-transition: ease 1s;
    transition: ease 1s;
    position: absolute;
    left: 50%;
    bottom: 0px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-opacity: 0;
    opacity: 0;
}

#soSwDown2 .soSwDbal>span:nth-child(1) {
    -webkit-animation: pao 4s linear infinite;
    animation: pao 4s linear infinite;
    background: #2b93d481;
}

#soSwDown2 .soSwDbal>span:nth-child(2) {
    -webkit-animation: pao3 6s linear infinite;
    animation: pao3 6s linear infinite;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    background: #2b93d4cf;
}

#soSwDown2 .soSwDbal>span:nth-child(3) {
    -webkit-animation: pao2 3s linear infinite;
    animation: pao2 3s linear infinite;
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
    background: #2B92D4;
}

#soSwDown2 .soSwDbal>span:nth-child(4) {
    -webkit-animation: pao4 9s linear infinite;
    animation: pao4 9s linear infinite;
    background: #2b93d43c;
}

#soSwDown2 .soSwDbal>span:nth-child(5) {
    -webkit-animation: pao5 7s linear infinite;
    animation: pao5 7s linear infinite;
    background: #2b93d476;
}

@media (max-width: 1536px) {
    #soSwDown2 {
        bottom: 10%;
    }

    #soSwDown2>a {
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 1199.9px) {
    #soSwDown2 {
        bottom: 14%;
    }
}

@media (max-width: 992px) {
    #soSwDown2 {
        display: none;
    }
}

@keyframes zoombig {
    0% {
        transform: scale(1.1, 1.1);
    }

    100% {
        transform: scale(1, 1);
    }
}

#xiangmuanli {
    bottom: 160px !important;
}

@media (max-width: 1536px) {
    #xiangmuanli {
        bottom: 130px !important;
    }
}

@media (max-width: 1536px) {
    #xiangmuanli {
        bottom: 130px !important;
    }
}

@media (max-width: 499px) {
    #xiangmuanli {
        bottom: 0 !important;
    }
}

/*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */
html.has-scroll-smooth {
    overflow: hidden;
}

html.has-scroll-dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.has-scroll-smooth body {
    overflow: hidden;
}

.has-scroll-smooth [data-scroll-container] {
    min-height: 100vh;
}

[data-scroll-direction="horizontal"] [data-scroll-container] {
    height: 100vh;
    display: inline-block;
    white-space: nowrap;
}

[data-scroll-direction="horizontal"] [data-scroll-section] {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    height: 100%;
}

.c-scrollbar {
    position: absolute;
    right: 0;
    top: 0;
    width: 11px;
    height: 100%;
    transform-origin: center right;
    transition: transform 0.3s, opacity 0.3s;
    opacity: 0;
}

.c-scrollbar:hover {
    transform: scaleX(1.45);
}

.c-scrollbar:hover,
.has-scroll-scrolling .c-scrollbar,
.has-scroll-dragging .c-scrollbar {
    opacity: 1;
}

[data-scroll-direction="horizontal"] .c-scrollbar {
    width: 100%;
    height: 10px;
    top: auto;
    bottom: 0;
    transform: scaleY(1);
}

[data-scroll-direction="horizontal"] .c-scrollbar:hover {
    transform: scaleY(1.3);
}

.c-scrollbar_thumb {
    position: absolute;
    top: 0;
    right: 0;
    background-color: black;
    opacity: 0.5;
    width: 7px;
    border-radius: 10px;
    margin: 2px;
    cursor: -webkit-grab;
    cursor: grab;
}

.has-scroll-dragging .c-scrollbar_thumb {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

[data-scroll-direction="horizontal"] .c-scrollbar_thumb {
    right: auto;
    bottom: 0;
}