@charset "utf-8";

body {
    font-family: 'RobotoCondensedRegular',system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;  
}
@font-face {
    font-family: 'RobotoCondensedBold';
    src: url('RobotoCondensedBold.woff2') format('woff2'),
         url('RobotoCondensedBold.woff') format('woff');
}
@font-face {
    font-family: 'RobotoCondensedRegular';
    src: url('RobotoCondensedRegular.woff2') format('woff2'),
         url('RobotoCondensedRegular.woff') format('woff');
}
@font-face {
    font-family: 'do_hyeonregular';
    src: url('dohyeon-regular-webfont.woff2') format('woff2'),
         url('dohyeon-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
:root{
    --font200: 200px;
    --font160: 160px;
    --font72: 72px;
    --font60: 60px;
    --font64: 64px;
    --font48: 48px;
    --font40: 40px;
    --font36: 36px;
    --font32: 32px;
    --font24: 24px;
    --text24: 24px;
    --text20: 20px;
    --text18: 18px;
    --text16: 16px;
    --text14: 14px;
    --btn16: 16px;
    --l1h2: 1.2;
    --l1h25: 1.25;
    --l1h3: 1.3;
    --l1h4: 1.4;
    --l1h5: 1.5;
    --l1h6: 1.6;
    --l1h75: 1.75;
    --bold: 'RobotoCondensedBold'!important;
    --familynum: 'RobotoCondensedBold'!important;
    --distance170: 170px;
    --distance160: 160px;
    --distance150: 150px;
    --distance130: 130px;
    --distance120: 120px;
    --distance100: 100px;
    --distance88: 88px;
    --distance80: 80px;
    --distance70: 70px;
    --distance60: 60px;
    --distance50: 50px;
    --colormain: #0052AB;
    --colorbg1: #061730;
    --colorbgf2: #F2F2F2;
    --colorbgblue: #0066D3;
    --colorbggreen: #9FFFEE;
    --color000: #000;
    --color666: #666;
    --colorfff: #fff;
    --color999: #999;
    --head: 80px;
    /* 2024.04.02 -- 分界线 */
    --distance140: 140px;
    --distance110: 110px;
    --font30: 30px;
    /* send - 分界线 */
    --distance180: 180px;
    --font54: 54px;
}
.std-title1{
    font-size: var(--font72);
    line-height: var(--l1h2);
    font-family: var(--bold);
    color: var(--colorfff);
}
.std-title2,.yxedr-active h2{
    font-size: var(--font64);
    line-height: var(--l1h3);
    font-family: var(--bold);
    color: var(--color000);
}
.yxedr-active h2{
    margin-bottom: 0.7em;
}
.std-title3,.yxedr-active h3{
    font-size: var(--font40);
    line-height: var(--l1h3);
    font-family: var(--bold);
    color: var(--color000);
}
 
.std-title4,.yxedr-active h4{
    font-size: var(--font30);
    line-height: var(--l1h4);
    color: var(--color000);
}
 
.std-title24,.yxedr-active h5{
    font-size: var(--font24);
    line-height: var(--l1h4);
    color: var(--color000);
}
.std-text24,
.std-text24 p{
    font-size: var(--text24);
    line-height: var(--l1h4);
    color: var(--color666);
}
.std-text20,
.std-text20 p{
    font-size: var(--text20);
    line-height: var(--l1h4);
    color: var(--color666);
}
.std-text16,
.std-text16 p{
    font-size: var(--text16);
    line-height: var(--l1h75);
    color: var(--color666);
}
.std-text14,
.std-text14 p{
    font-size: var(--text14);
    line-height: var(--l1h75);
    color: var(--color666);
}
.std-title60{
    font-size: var(--font60);
    line-height: var(--l1h25);
    color: var(--color000);
    font-family: var(--familynum);
}
.std-title32{
    font-size: var(--font32);
    color: var(--color000);
    font-family: var(--bold);
    line-height: var(--l1h4);
}


/* 轮播溢出隐藏 */
.ys-ban-li:not(:first-child){
    display: none;
}
/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .std-btn1-link:hover::after,
    .std-btn1-link:hover::after{
        width: 100%;
        opacity: 1;
    } 
    .std-btn3 .std-btn1-link:hover .std-btn1-link-font{
        color: var(--colorfff);
    }
    .footer-top-nav ul li:hover,
    .footer-top-nav ul li a:hover{
        color: var(--colorfff);
    }
    .footer-inof-privacy li:hover, .footer-inof-privacy li a:hover{
        color: var(--colorfff);
    }
    .ys-hd-pc.isfixed .std-btn5 .std-btn1-link:hover .std-btn1-link-font{
        color: var(--colorfff);
    }
    .std-btn5.std-btn6 .std-btn1-link:hover .std-btn1-link-font{
        color: #fff;
    }
 

    /* send - 分界线 */
    .swiper-arrows .swiper-button-prev:hover::after, 
    .swiper-arrows .swiper-button-next:hover::after{
        opacity: 1;
    }
    .swiper-arrows .swiper-button-prev:hover::before, 
    .swiper-arrows .swiper-button-next:hover::before{
        opacity: 0;
    }
    .swiper-arrows .swiper-button-prev:hover, 
    .swiper-arrows .swiper-button-next:hover {
        border: 1px solid var(--colormain);
        background: var(--colormain);
    }
 

    .ys-hd-pc.isfixed .head-nav:hover .head-nav-item.yxnav-active1 .head-nav-item-title,
    .hnid-second:hover .hnid-second-item.yxnav-active2 .std-text20{
        color: var(--color000);
    }
    .ys-hd-pc.isfixed .head-nav:hover .head-nav-item:hover .head-nav-item-title,
    .ys-hd-pc.isfixed .head-nav:hover .head-nav-item.yxnav-active1:hover .head-nav-item-title,
    .hnid-second:hover .hnid-second-item.yxnav-active2:hover .std-text20,
    .hnid-second-item-link:hover .std-text20{
        color: var(--colormain);
    }
    .hnid-second-item-link:hover .hnid-icon img:first-child,
    .hnid-second:hover .hnid-second-item.yxnav-active2 .hnid-second-item-link .hnid-icon img:nth-of-type(2),
    .hnid-second:hover .hnid-second-item.yxnav-active2:hover .hnid-second-item-link .hnid-icon img:first-child{
        opacity: 0;
    }
    .hnid-second-item-link:hover .hnid-icon img:nth-of-type(2),
    .hnid-second:hover .hnid-second-item.yxnav-active2 .hnid-second-item-link .hnid-icon img:first-child,
    .hnid-second:hover .hnid-second-item.yxnav-active2:hover .hnid-second-item-link .hnid-icon img:nth-of-type(2){
        opacity: 1;
    }
    .head-global-list-item:hover .hgli-link-icon{
        opacity: 1;
    }
    .head-global-list-item:hover .std-text16{
        color: var(--colormain);
    }
    .ys-hd-pc.isfixed .head-global:hover .head-global-top .std-text14{
        color: var(--colormain);
    }
    .ys-hd-pc.isfixed .head-global:hover .head-global-top .ys-imgbox-cover img:nth-of-type(3){
        opacity: 1;
    }
    .ys-hd-pc.isfixed .head-global:hover .head-global-top .ys-imgbox-cover img:nth-of-type(2){
        opacity: 0;
    }
	

    .filt-td a:hover{
        color: var(--colorfff);
    }
}
.home-ban-pro{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    z-index: 6;
}
.ys-banner .std-title1{
    text-align: center;
}
.std-btn1-link-font{
    font-size: var(--btn16);
    color: var(--colorfff);
    font-family: var(--bold);
    line-height: var(--l1h5);
    position: relative;
    z-index: 6;
    transition: all .4s ease-in-out;
}
.std-btn1-link{
    --height1: 60px;
    --ra30: 30px;
    padding: 10px 54px;
    height: var(--height1);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--ra30);
    position: relative;
    overflow: hidden;
}
.std-btn1-link::before{
    content: '';
    position: absolute;
    width: calc(100% - 4px);
    height: calc(100% - 2px);
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.30);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    -moz-backdrop-filter: blur(5px);
    -ms-backdrop-filter: blur(5px);
    -o-backdrop-filter: blur(5px);
    border-radius: var(--ra30);
}
.ys-ban-li .std-btn1{
    position: absolute;
    bottom: 110px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 8;
}
.ys-ban-li .ys-pos-center{
    top: 45%;
}
.ys-ban-li .ys-ban-title{
    opacity: 0;
    -webkit-transform: translate3d(0, -6vw, 0);
    transform: translate3d(0, -6vw, 0)
}
.ys-ban-slick.act .ys-ban-li.slick-active .ys-ban-title{
    animation: xia1 2s ease-in-out both;
    animation-delay: 0.4s;
}
@keyframes xia1 {
    0%{
        opacity: 0;
        -webkit-transform: translate3d(0, -6vw, 0);
        transform: translate3d(0, -6vw, 0)
    }
    to{
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes xia1 {
    0%{
        opacity: 0;
        -webkit-transform: translate3d(0, -6vw, 0);
        transform: translate3d(0, -6vw, 0)
    }
    to{
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.mod-arrows1 .slick-prev, 
.mod-arrows1 .slick-next{
    width: 50px;
    height: 50px;
    z-index: 6;
}
.mod-arrows1 .slick-prev::before, 
.mod-arrows1 .slick-next::before{
    content: '';
    background-image: url(../images/com_icon1.svg);
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.mod-arrows1 .slick-next::before{
    transform: translate(-50%,-50%) rotate(180deg);
}
.ys-ban-slick .slick-prev{
    left: 33px;
}
.ys-ban-slick .slick-next{
    right: 33px;
}
.mod-dots .slick-dots li{
    width: 30px;
    height: 10px;   
    background: transparent;
    margin: 0px 3px;
}
.mod-dots .slick-dots li::before{
    content: '';
    width: 100%;
    height: 2px;
    background: rgba(255, 255, 255, .5);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.mod-dots .slick-dots li::after{
    content: '';
    height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.ys-ban-slick .slick-dots{
    bottom: 39px;
}
.ys-ban-slick .slick-dots li.slick-active::after{
    animation: home_width1 4s linear forwards;
}
@keyframes home_width1 {
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}
@-webkit-keyframes home_width1 {
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}


.home-bus{position: relative;padding-top: var(--distance130);min-height: 80vh;padding-bottom: var(--distance130);}
.home-bus .ys-cont1400{position: relative;z-index: 6;}
.home-bus-title{text-align: center;margin-bottom: var(--distance70);}
.home-bus-title .std-title3{line-height: 1;}
.home-bus-title .std-title3:first-child{color: var(--color000);}
.home-bus-title .std-title3:nth-of-type(2){color: var(--colormain);}
.home-bus-list-item{width: 33.333333%;padding: 13px 40px;position: relative;}
.home-bus-list{margin: 0 -40px;display: flex;flex-wrap: wrap;}
.home-bus-list-item::before{content: '';width: 1px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: #C8C8C8;height: 95px;}
.home-bus-list-item:nth-of-type(3n)::before,
.home-bus-list-item:last-child::before{display: none;}
.home-bus{--box1: 72px;}
.hbli-box-icon{width: var(--box1);height: var(--box1);object-fit: contain;}
.hbli-box-icon img{object-fit: contain;width: 100%;height: 100%;}
.hbli-box{display: flex;align-items: flex-start;justify-content: center;}
.hbli-box-text{max-width: calc(100% - var(--box1));padding-left: 20px;}
.hbli-box-text .std-title60{margin-bottom: 10px;}
.hbli-box-text .std-text20{color: var(--color999);}
.home-bus-btn-item{padding: 0 8px;}
.home-bus-btn{margin: 0 -8px;display: flex;justify-content: center;flex-wrap: wrap;margin-top: 35px;}

.std-btn3 .std-btn1-link-font {
    color: #6B6B6B;
}
.std-btn2 .std-btn1-link::before {
    border: 1px solid var(--colormain);
    background: var(--colormain);
}
.std-btn3 .std-btn1-link::before {
    border: 1px solid rgba(116,116,116,.3);
    background: rgba(255, 255, 255, .5);
}
.std-btn1-link-font span{
    margin-left: 0.5em;
}
.std-btn1-link::after{
    content: '';
    background: var(--colorbgblue);
    position: absolute;
    width: 0;
    height: 100%;
    border-radius: var(--ra30);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: all .4s ease-in-out;
}
.home-bus-bg{
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}
.home-bus-bg img{
    width: 100%;
}


.home-light{
    position: relative;
    min-height: calc(100vh - var(--head));
}
.hlbi-img,
.hlbi-img img{
    width: 100%;
}
.hlbi-img{
    width: 100vw;
    position: relative;
}
.hlbi-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hlbi-img::before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0,0,0,.3);
    top: 0;
    left: 0;
    z-index: 3;
}
.ys-footer{
    background: #001834;
}
.footer-top-left-logo{
    width: 266px;
    margin-bottom: 29px;
    margin-top: -3px;
}
.footer-top-left-logo a{
    display: block;
}
.footer-top-left-logo img{
    width: 100%;
}
.footer-top-left .std-title16{
    line-height: var(--l1h75);
    color: var(--colorfff);
    font-family: var(--bold);
    width: 20em;
    margin-bottom: 30px;
    max-width: 100%;
}
.footer-top-left{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.footer-top-nav{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -50px;
    max-width: calc(100% - calc(var(--font24) * 12) + 100px);
}
.footer-top-nav>li{
    padding: 0 100px;
}
.footer-top{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 151px;
    padding-top: var(--distance80);
}
.footer-first,
.footer-first a{
    font-size: var(--text18);
    color: var(--colorfff);
    line-height: var(--l1h5);
    font-family: var(--bold);
}
.footer-top-nav ul li,
.footer-top-nav ul li a{
    font-size: var(--text16);
    color: rgba(255, 255, 255, .8);
    line-height: var(--l1h5);
    transition: all 0.4s ease;
}
.footer-top-nav ul li{
    padding: 5px 0;
}
.footer-first{
    margin-bottom: 24px;
}
.footer-inof-list-item .ys-imgbox-cover{
    width: 20px;
}
.footer-inof-list-item{
    padding: 0 16px;
    position: relative;
}
.footer-inof-list{
    margin: 0 -16px;
    display: flex;
    flex-wrap: wrap;
}
.footer-inof-privacy{
    display: flex;
    margin: 0 -24px;
}
.footer-inof-privacy li{
    padding: 0 24px;
    position: relative;
}
.footer-inof-privacy li,
.footer-inof-privacy li a{
    font-size: var(--text14);
    line-height: var(--l1h75);
    color: var(--color999);
    transition: all 0.4s ease;
}
.footer-inof-privacy li::before{
    content: '';
    height: 15px;
    width: 1px;
    position: absolute;
    background: rgba(255,255,255,.5);
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.footer-inof{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 37px;
}
.footer-inof-privacy li:last-child::before{
    display: none;
}
.footer-bot{
    border-top: 1px solid rgba(255,255,255,.2);
    padding-top: 26px;
    padding-bottom: 30px;
}
.footer-bot .std-text14,
.footer-bot .std-text14 p,
.footer-bot .std-text14 a{
    color: rgba(255,255,255,.5);
    line-height: var(--l1h75);
}
.fili-top{
    cursor: pointer;
}
.fili-code{
    --cha: 18px;
    position: absolute;
    width: 110px;
    background: var(--colorfff);
    border-radius: 5px;
    padding: 5px;
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(100% + var(--cha));
    display: none;
    z-index: 10;
}
.fili-code img{
    width: 100%;
}
.fili-code::before{
    content: '';
    height: var(--cha);
    bottom: calc(var(--cha) * -1);
    left: 0;
    background: transparent;
    width: 100%;
    position: absolute;
}
.fili-code::after{
    content: '';
    border-top: 10px solid var(--colorfff);
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}
.home-switch{
    background: var(--colormain);
    padding-top: var(--distance170);
    padding-bottom: 208px;
}
.home-switch .std-title2 img{
    height: 0.890625em;
    position: relative;
    top: -6px;
}
.home-switch .std-title2 span{
    line-height: 1;
}
.home-switch .std-title2{
    color: var(--colorfff);
    text-align: center;
    margin-bottom: 25px;
}
.home-switch .std-text24,
.home-switch .std-text24 p{
    color: var(--colorfff);
    line-height: var(--l1h4);
    text-align: center;
}
.home-switch-btn-item{
    padding: 0 20px;
}
.home-switch-btn{
    margin: 0 -20px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.std-btn4 .std-btn1-link::before {
    border: 1px solid #001934;
    background: #001934;
}
.home-switch .std-text24{
    margin-bottom: 108px;
}
.home-release{
    padding-top: var(--distance160);
    padding-bottom: var(--distance170);
}
.home-release .std-title2{
    margin-bottom: 44px;
}
.std-btn1{
    display: flex;
}
.home-release-list{
    --top1: 74px;
    --jian1: 20px;
    margin: 0 calc(var(--jian1) * -1);
    margin-top: var(--top1);
}
.home-release-list-item{
    width: 33.333333%;
    padding: 0 var(--jian1);
}
.hrli-link{
    display: block;
    position: relative;
}
.hrli-link .ys-imgbox-cover{
    position: relative;
    width: 100%;
}
.hrli-link .ys-imgbox-cover::before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(180deg, rgba(0,0,0,0) 63.09%, rgba(0,0,0,1) 100%);
    top: 0;
    left: 0;
    z-index: 6;
}
.hrli-link-text{
    position: absolute;
    z-index: 8;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 70px 28px 40px;
}
.hrli-link-text .std-title24{
    line-height: var(--l1h4);
    color: var(--colorfff);
    font-family: var(--bold);
    height: 2.8em;
    overflow: hidden;
    text-overflow: clip;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 15px;
}
.hrli-link-text .std-text16{
    color: var(--colorfff);
    line-height: var(--l1h4);
}
.home-story{
    position: relative;
}
.home-story-item-img,
.home-story-item-img img{
    width: 100%;
}
.home-story-cry{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 6;
}
.hscl-nub{
    text-align: center;
}
.hscl-nub .std-title2{
    color: var(--colorfff);
    margin-bottom: var(--distance80);
}
.hscl-nub .std-text24{
    width: 850px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    --yinl: calc(100% + 48px);
    --yinbig: 36px;
    margin-bottom: var(--distance50);
}
.hscl-nub .std-text24,
.hscl-nub .std-text24 p{
    color: var(--colorfff);
    line-height: var(--l1h4);
}
.hscl-nub .std-text24::before,
.hscl-nub .std-text24::after{
    content: '';
    width: var(--yinbig);
    height: var(--yinbig);
    background-image: url(../images/a1_icon03.svg);
    background-size: 100% 100%;
    position: absolute;
    top: 3px;
}
.hscl-nub .std-text24::after{
    background-image: url(../images/a1_icon04.svg);
}
.hscl-nub .std-text24::before{
    right: var(--yinl);
}
.hscl-nub .std-text24::after{
    left: var(--yinl);
}
.hscl-nub-data{
    --jian1: 87px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 calc(var(--jian1) * -1);
    margin-bottom: var(--distance120);
    flex-grow: 1;
    margin-top: 9px;
}



.hscl-nub .std-btn1{
    justify-content: center;
}
.home-story-cry .ys-cont1360,
.home-story-cry .home-story-cry-list,
.home-story-cry .slick-list,
.home-story-cry .slick-track{
    height: 100%;
}
.hscl-nub-core{
    display: flex;
    height: 100%;
    flex-direction: column;
}
.home-story-cry{
    padding-top: 9.895833vw;
    padding-bottom: var(--distance120);
}
.mod-dots.mod-dots1 .slick-dots li::after{
    background: var(--colormain);
}
.home-story{
    --time: 4s;
}
.home-story .slick-dots li.slick-active::after{
    animation: home_width1 var(--time) linear forwards;
}
.home-story .slick-dots {
    bottom: 24.1%;
}
.mod-dots.mod-dots1 .slick-dots li::before,
.mod-dots.mod-dots1 .slick-dots li::after{
    height: 4px;
}
.mod-dots.mod-dots1 .slick-dots li{
    width: 36px;
}
.home-drive{
    background: #f2f2f2;
    position: relative;
    min-height: 250vh;
}
.home-drive-cry{
    /* height: 100vh; */
    /* position: relative; */
    top: 0;
    left: 0;
    width: 100%;
}
.home-drive-text-top .std-title2{
    margin-bottom: 5px;
    color: var(--color000);
    line-height: var(--l1h2);
    font-family: var(--bold);
}
.home-drive-text{
    margin-left: calc(50vw - 800px);
    height: calc(100vh - var(--head));
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: var(--distance120);
    padding-bottom: var(--distance120);
}
.home-drive-text-top{
    width: 24vw;
    max-width: 459px;
}
.home-drive-text-bot{
    width: 27.5vw;
    max-width: 528px;
}
.home-drive-text-bot .std-text24{
    margin-bottom: 42px;
}
.home-drive-pic{
    padding-top: 50vh;
}
.home-drive{
    --jian12:12px;
    --jian13:13px;
    --jian14:14px;
    --right: 482px;
    --left: 539px;
    --top1: 52px;
    --item1: 344px;
    --itemh1: 273px;
    --ra16: 16px;
    --item3: 426px;
    --pro1: 1;
    --scale1: 0.221875;
}
.home-drive-pic-left{
    margin-right: var(--jian13);
    width: var(--left);
    padding-top: var(--top1);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.home-drive-pic-right{
    width: var(--right);
}
.home-drive-pic{
    display: flex;
    align-items: flex-start;
}
.hdpl-item1{
    width: var(--item1);
    border-radius: var(--ra16);
    min-height: var(--itemh1);
    padding: 30px 40px 31px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.hdpr-item1{
    width: calc(var(--right) + 12px);
    border-radius: var(--ra16);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.hdpr-item1-img,
.hdpr-item1-img img{
    width: 100%;
}
.home-drive-pic-left .hdpl-item1{
    background: var(--colormain);
}
.home-drive-pic-right .hdpl-item1{
    background: rgba(14,30,71,1);
}
.hdpl-item1 .std-text20,
.hdpl-item1 .std-text16,
.hdpl-item1 .std-text16 p,
.hdpl-item1 span{
    color: var(--colorfff);
}
.hdpl-item1-data{
    font-family: var(--bold);
}
.hdpl-item1-data span{
    font-family: var(--familynum);
    font-size: var(--font48);
}
.hdpl-item1-text{
    flex-grow: 1;
}
.hdpl-item1-title{
    margin-bottom: 11px;
}
.home-drive-pic-right>li{
    margin-bottom: var(--jian14);
}
.home-drive-pic-left>li{
    margin-bottom: var(--jian12);
}
.home-drive-pic-right>li:last-child,
.home-drive-pic-left>li:last-child{
    margin-bottom: 0;
}
.hdpl-item2{
    position: relative;
    border-radius: var(--ra16);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.hdpl-item2-img,
.hdpl-item2-img img{
    width: 100%;
}
.hdpl-item2-img{
    position: relative;

}
.hdpl-item2-text{
    position: absolute;
    top: 48px;
    right: 48px;
    width: 183px;
    z-index: 6;
}
.home-drive-pic-right .hdpl-item1::before{
    content: '';
    background-image: url(../images/a1_img20.jpg);
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    background-size: 100% 100%;
    background-repeat: repeat;
    top: 0;
    left: 0;
}
.hdpl-item1 .hdpl-item1-title,
.hdpl-item1 .hdpl-item1-text,
.hdpl-item1 .hdpl-item1-data{
    position: relative;
    z-index: 6;
}
.hdpl-item2-text .std-text16,
.hdpl-item2-text .std-text16 p{
    color: #6f6f6f;
}
.hdpl-item2-text .std-text20{
    color: #333;
    font-family: var(--bold);
    margin-bottom: 16px;
}
.hdpl-item2-text .std-text20 span{
    color: #004EA2;
    font-family: var(--familynum);
    line-height: 1.25;
    font-size: var(--font48);
}
.hdpl-item2-text{
    text-align: right;
}
.hdpr-item3{
    position: relative;
    width: calc(var(--right) - 16px);
    border-radius: var(--ra16);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.hdpr-item3-img,
.hdpr-item3-img img{
    width: 100%;
}
.hdpr-item3-text{
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 6;
    padding: 39px 35px 51px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.hdpr-item3-text .std-text20{
    line-height: var(--l1h25);
    font-family: var(--bold);
    color: #333;
    width: 62.88%;
}
.hdpr-item3-data{
    color: #004EA2;
    font-family: var(--familynum);
    line-height: var(--l1h25);
    font-size: var(--font48);
}
.hdpl-item3{
    width: var(--item3);
    border-radius: var(--ra16);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.home-drive.act1 .home-drive-text{
    position: fixed;
    top: var(--top1);
}
.home-drive.act2 .home-drive-text{
    position: absolute;
    top: var(--top2);
}
.home-drive.act3 .home-drive-pic{
    position: fixed;
    bottom: 0;
    right: 0;
}
.home-drive.act2.act3 .home-drive-pic{
    position: absolute;
    bottom: 0;
    right: 0;
}
.home-drive-box{
    position: fixed;
    height: calc(100vh - var(--head));
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 8;
    --zhscale: calc(1 - calc(1 - var(--scale1)) * var(--pro1));
    --xvalue: calc(calc(var(--right) + var(--jian13)) * var(--pro1));
    transform-origin: bottom right;
    border-radius: calc(calc(16px / var(--scale1)) * var(--pro1));
    overflow: hidden;
    transform: translateX(calc(0px - var(--xvalue))) scale(var(--zhscale)) rotate(0deg);
    -webkit-transform: translateX(calc(0px - var(--xvalue))) scale(var(--zhscale)) rotate(0deg);
}
.home-drive.act2 .home-drive-box{
    position: absolute;
}
.home-drive-box-img{
    width: 100%;
    height: 100%;
    position: relative;
}
.home-drive-box-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-drive-box-img::before{
    content: '';
    background: rgba(0,0,0,.3);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 4;
}
.hdbc-list-item{
    width: 33.333333%;
    padding: 0 95px; text-align:center;
}
.hdbc-list{
    margin: 0 -95px;
    display: flex;
    flex-wrap: wrap;
}
.hdbc-list-item-icon{
    width: 70px;
    margin:0 auto 15px;
}
.hdbc-list-item .std-title4{
    font-family: var(--bold);
    color: var(--colorfff);
}
.hdbc-list-item .std-text16,
.hdbc-list-item .std-text16 p{
    color: var(--colorfff);
}
.home-drive-box-cry{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 6;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home-drive-box-cry .std-title2{
    color: var(--colorfff);
    line-height: var(--l1h2);
    width: 61.2%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 154px;
}
.hdpl-item3 .hdpl-item2-img{
    width: var(--item3);
    height: calc(calc(100vh - var(--head)) * var(--scale1));
}
.hdpl-item3 .hdpl-item2-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-drive-box{
    opacity: 0;
    pointer-events: none;
}
.home-drive.act3 .home-drive-box{
    opacity: 1;
    pointer-events: all;
}
.home-drive-box-img::before,
.home-drive-box-cry,
.home-drive .ys-ban-video{
    opacity: 0;
    transition: all 0.4s ease;
    pointer-events: none;
}
.home-drive.act4 .home-drive-box-img::before,
.home-drive.act4 .home-drive-box-cry,
.home-drive.act4 .ys-ban-video{
    opacity: 1;
    pointer-events: all;
}
.home-drive.act4 .home-drive-box-cry .std-title2{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.2s;
}
.home-drive.act4 .hdbc-list-item{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.3s;
}
.home-light-btn-nub{
    padding: 0 23px;
    cursor: pointer;
}
.home-light-btn{
    margin: 0 -23px;
    display: flex;
}
.home-light-btn-nub .std-title4{
    color: var(--colorfff);
    font-family: var(--bold);
    position: relative;
    padding-top: 14px; font-size:24px;
}
.home-light-btn-nub .std-title4::before{
    content: '';
    height: 3px;
    width: 0;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--colorfff);
    opacity: 0;
    transition: all 0.4s ease;
}
.home-light-cry{
    position: relative;
    z-index: 6;
}
.home-light-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
 
.hlbi-img{
    height: 100%;
}
.home-light-bg-item:not(:first-child),
.hscl-nub:not(:first-child),
.home-story-item:not(:first-child),
.home-release-list-item:not(:first-child){
    display: none;
}
.home-light-btn-nub.on .std-title4::before{
    width: 80%;
    opacity: 1;
} 
.home-light-cry{
    padding-top: var(--distance150);
    padding-bottom: 38px;
}
.home-light-side .std-title3{
    font-family: var(--bold);
    line-height: var(--l1h2);
    margin-bottom: 8px;
}
.home-light-side .std-text24,
.home-light-side .std-text24 p{
    color: var(--colorfff);
    line-height: var(--l1h4);
}
.home-light-side .std-text24{
    margin-bottom: 48px;
}
.hlsn-btn-nub{
    padding: 0 8px;
}
.hlsn-btn{
    display: flex;
    margin: 0 -8px;
    flex-wrap: wrap;
}
.home-light-side-nub .std-title3{
    color: var(--colorfff); font-size:24px;
}
.home-light-side-nub .std-text24{
    font-size:18px;
}
.home-light-side {
    margin-top: 50px;
    width: 500px;
    max-width: 100%;
    position: relative;
    z-index: 10;
}
.home-light-side-nub:not(:first-child),
.home-light-car-item:not(:first-child){
    display: none;
}
.home-light-car .slick-list{
    overflow: visible;
}
.home-light-car{
    width: 47.9%;
    margin: 60px auto 0;
}
.home-light-car-item .ys-imgbox-cover{
    width: 100%;
    transform-origin: 78.7% 90%;
    transition: transform 1s linear;
}
.home-light-car-item.slick-active~.home-light-car-item .ys-imgbox-cover{
    transform-origin: 21.3% 90%;
}
.home-light-car-item:not(.slick-active) .ys-imgbox-cover{
    transform: scale(0.7);
}
.home-light-font-item .std-title1:nth-of-type(2n){
    -webkit-text-stroke: 1px #FFF;
    color: transparent;
    margin-top: -0.2em;
}
.home-light-font-item .std-title1{
    line-height: 1;
}
.home-light-wai{
    position: relative;
    margin-top: -134px;
}
.home-light-font{
    position: absolute;
    right: 0;
    top: -132px;
    text-align: right;
}

.home-light-font {
    width: calc(4.17 * var(--font200));
}
.home-light-font .slick-list{
    overflow: visible;
}
.home-light-font-item .std-title1{
    transform: translateX(3em); font-size:48px;
}
.home-light-font-item.slick-active .std-title1{
    animation: lightright 1.2s ease-in-out both;
}
@keyframes lightright {
    0%{
        transform: translateX(3em);
    }

    100%{
        transform: translateX(0em);
    }
}
@-webkit-keyframes lightright {
    0%{
        transform: translateX(3em);
    }
    100%{
        transform: translateX(0em);
    }
}
.head-logo{
    width: 190px;
    height: var(--head);
    display: flex;
    align-items: center;
}
.head-global-top-icon{
    width: 24px;
}
.head-global-top-san{
    width: 16px;
}
.head-search-top .ys-imgbox-cover{
    width: 24px;
}
.ys-hd-pc{  
    width: 100%;
}
.head-box{
    position: fixed;
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 0 70px;
    transform: translateY(20px);
    transition: all .4s ease;
}
.head-box::before{
    content: '';
    height: 20px;
    position: absolute;
    width: 100%;
    top: -20px;
    left: 0;
}
.head-logo a{
    display: block;
    width: 100%;
}
.head-logo img{
    width: 100%;
}
.head-logo img:nth-of-type(2),
.head-global-top-icon img:nth-of-type(2),
.head-global-top-san img:nth-of-type(2),
.head-search-top img:nth-of-type(2) {
    opacity: 0;
}
.head-nav,
.head-other,
.head-global-top{
    display: flex;
    align-items: center;
}
.head-nav-item-title{
    color: var(--colorfff);
    font-size: var(--text16);
    line-height: var(--head);
    padding: 0 30px;
    transition: all .4s ease;
    display: inline-block;
}
.head-btn{
    margin-left: 11px;
    margin-right: 60px;
}
.head-global-top .std-text14{
    line-height: var(--head);
    color: var(--colorfff);
    margin-right: 4px;
    transition: all .4s ease;
}
.head-global-top{
    cursor: pointer;
}
.head-search{
    margin-left: 32px;
}
.head-search-top{
    cursor: pointer;
    height: var(--head);
    display: flex;
    align-items: center;
}
.std-btn5 .std-btn1-link-font {
    font-family: 'RobotoCondensedRegular'!important;
}
.std-btn5 .std-btn1-link {
    --height1: 56px;
    --ra30: 28px;
    padding: 10px 45px;
}
.std-btn5 .std-btn1-link::before {
    border: 1px solid rgba(255, 255, 255, 0.4);
    background: transparent;
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
    -moz-backdrop-filter: blur(0px);
    -ms-backdrop-filter: blur(0px);
    -o-backdrop-filter: blur(0px);
    transition: all .4s ease;
}
.ys-hd-pc.isfixed .head-box{
    transform: translateY(0px);
    background: #fff;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08);
}
.ys-hd-pc.isfixed .head-logo img:first-child,
.ys-hd-pc.isfixed .head-global-top-icon img:first-child,
.ys-hd-pc.isfixed .head-global-top-san img:first-child,
.ys-hd-pc.isfixed .head-search-top img:first-child {
    opacity: 0;
}
.ys-hd-pc.isfixed .head-logo img:nth-of-type(2),
.ys-hd-pc.isfixed .head-global-top-icon img:nth-of-type(2),
.ys-hd-pc.isfixed .head-global-top-san img:nth-of-type(2),
.ys-hd-pc.isfixed .head-search-top img:nth-of-type(2){
    opacity: 1;
}
.ys-hd-pc.isfixed .head-nav-item-title,
.ys-hd-pc.isfixed .head-global-top .std-text14,
.ys-hd-pc.isfixed .std-btn5 .std-btn1-link-font{
    color: var(--color000);
}
.ys-hd-pc.isfixed .std-btn5 .std-btn1-link::before {
    border: 1px solid rgba(154, 154, 154, 0.40);
}
.footer-sub{
    padding-top: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer-sub-box{
    width: 450px;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 30px;
    height: 60px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    -moz-backdrop-filter: blur(5px);
    -ms-backdrop-filter: blur(5px);
    -o-backdrop-filter: blur(5px);
    padding: 10px 39px 10px 24px;
    display: flex;
    align-items: center;
}
.footer-sub-box-icon{
    width: 26px;
}
.footer-sub-box-icon img{
    width: 100%;
}
.footer-sub-box-btn .std-text16{
    color: var(--colorfff);
    font-family: var(--bold);
}
.footer-sub-box-input{
    flex-grow: 1;
}
.footer-sub-box-input input{
    width: 100%;
    padding-left: 15px;
    padding-right: 10px;
    font-size: var(--text16);
    line-height: var(--l1h75);
    color: var(--colorfff);
}
.footer-sub-box-input input::placeholder{
    color: rgba(255,255,255,.3);
}
.footer-sub .std-title4{
    color: var(--colorfff);
}
 

 
.std-btn5.std-btn6 .std-btn1-link::before {
    border: 1px solid rgba(116, 116, 116, 0.30);
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    -moz-backdrop-filter: blur(5px);
    -ms-backdrop-filter: blur(5px);
    -o-backdrop-filter: blur(5px);
    transition: all .4s ease;
}
.std-btn5.std-btn6 .std-btn1-link-font{
    color: #6B747A;
    font-family: var(--bold)!important;
}
.ys-nybanner .ys-nyban-title{
    text-align: center;
}
.ys-nyban-title h1{
    font-size: var(--font72);
    font-family: var(--bold);
    line-height: var(--l1h2);
    color: var(--colorfff);
    position: relative;
    z-index: 6;
}
.ys-nyban-title p{
    line-height: var(--l1h4);
    color: var(--colorfff);
    width: 89.9%;
    margin: 0 auto;
    position: relative;
    z-index: 6;
    margin-top: 20px;
}
.ys-nyban-title::before{
    content: '';
    width: 100%;
    height: 160%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    background: rgba(0,0,0,.2);
    filter: blur(75px);
    -webkit-filter: blur(75px);
    -moz-filter: blur(75px);
    -ms-filter: blur(75px);
    -o-filter: blur(75px);
}
 
 
.slick-prev.slick-disabled,
.slick-next.slick-disabled{
    pointer-events: none;
}

 

img[data-original]{
    cursor: pointer;
}

 

.home-release-list .slick-dots {
    bottom: -30px;
}
.home-release-list.mod-dots .slick-dots li::before{
    background: rgba(0,82,171,.3);
}
.home-release-list .slick-dots li.slick-active::after{
    animation: home_width1 4s linear forwards;
}
 
  
 
/* 2024.04.02 -- 分界线 */
 
 
.std-btn8-link{
    color: #6B747A;
    font-size: var(--text16);
    line-height: var(--l1h5);
}
.std-btn8-link span{
    margin-left: 12px;
}
 
.mod-dots.mod-dots2 .slick-dots li::before{
    background: #d2d2d2;
}
.mod-dots.mod-dots2 .slick-dots li::after{
    background: var(--colormain);
}
.mod-dots.mod-dots2 .slick-dots li.slick-active::after{
    animation: home_width1 4s linear forwards;
}
.mod-dots.mod-dots2 .slick-dots{
    bottom: -30px;
}
 
.std-btn9 .std-btn1-link {
    --height1: 50px;
    --ra30: 25px;
    padding: 10px 49px;
}
 
 
 
 
.mod-dots.mod-dots2 .slick-dots li::before,
.mod-dots.mod-dots2 .slick-dots li::after{
    height: 3px;
}
.mod-dots.mod-dots2 .slick-dots li {
    width: 40px;
    margin: 0px 5px;
}
 
 
 
/* 2024.04.08 -- 分界线 */
.footer-sub .std-title4{
    font-family: var(--bold);
    top: 0.5em;
    position: relative;
}
.footer-top-left .std-title24{
    font-size: var(--font36);
    line-height: var(--l1h4);
}
.footer-top-nav>li {
    padding: 0 40px;
}
.footer-top-nav {
    margin: 0 -40px;
    max-width: calc(100% - calc(var(--font24) * 12) + 80px);
}
.footer-top .footer-sub-box {
    width: 372px;
    border: 1px solid #0052AB;
    background: #0052AB;
    padding-left: 31px;
    padding-right: 31px;
}
.footer-top .footer-sub-box-input input{
    padding-left: 0;
}
.footer-top .footer-sub-box-input input::placeholder{
    color: rgba(255,255,255,.5);
    font-family: 'RobotoCondensedRegular'!important;
}
.ys-footer {
    background: #061730;
}
.footer-sub .std-btn1{
    position: relative;
    top: 16px;
}
.footer-sub .std-btn1-link::before {
    border: 1px solid rgba(255, 255, 255, 0.5);
    background: rgba(255, 255, 255, 0.1);
}
.footer-top {
    padding-bottom: 90px;
    padding-top: calc(var(--distance80) - 8px);
}
.footer-top-left-logo {
    margin-bottom: 56px;
}
.footer-top-left .std-title24 {
    margin-bottom: 45px;
}
.footer-top-right{
    max-width: calc(100% - calc(var(--font24) * 12) + 80px);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.footer-top-nav{
    max-width: none;
}
.footer-inof-list-item {
    padding: 0 25px;
}
.footer-inof-list {
    margin: 0 -25px;
    margin-bottom: 58px;
}
.footer-inof{
    justify-content: flex-end;
    padding-bottom: 49px;
}
/* footer - end */
 
 
 
 

.swiper-arrows .swiper-button-prev,
.swiper-arrows .swiper-button-next{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid rgba(120, 120, 120, 0.30);
    background: rgba(255, 255, 255, 0.05);
    transition: all 0.4s ease;
}
 
.swiper-arrows .swiper-button-prev::before,
.swiper-arrows .swiper-button-next::before{
    content: '';
    width: 24px;
    height: 24px;
    background-image: url(../images/e5_arrow01.svg);
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all 0.4s ease;
}
.swiper-arrows .swiper-button-prev::after,
.swiper-arrows .swiper-button-next::after{
    content: '';
    width: 24px;
    height: 24px;
    background-image: url(../images/e5_arrow03.svg);
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    transition: all 0.4s ease;
}
.swiper-arrows .swiper-button-next::before,
.swiper-arrows .swiper-button-next::after{
    transform: translate(-50%,-50%) rotate(180deg);
}

 
 
 
.hdpr-item3 {
    width: calc(var(--right) - 76px);
}
 
 
 
 
/* head */
.head-nav-item-down{
    padding-top: var(--distance50);
    padding-bottom: var(--distance60);
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.12);
}
.hnid-cry{
    position: relative;
    --left1:36.428571%;
    --jian90: 90px;
    display: flex;
    align-items: flex-start;
}
.hnid-cry-left{
    width: var(--left1);
    padding-right: var(--jian90);
}
.hnid-cll-img{
    width: 100%;
    margin-bottom: 20px;
}
.hnid-cry-left .std-title24{
    margin-bottom: 8px;
    font-family: var(--bold);
    line-height: var(--l1h4);
}
.hnid-cry-left .std-text16,
.hnid-cry-left .std-text16 p{
    color: #69747B;
    line-height: var(--l1h75);
}
.head-nav-item{
    position: static;
}
.head-nav-item-down{
    width: 100%;
}
.hnid-cry::before{
    content: '';
    background: #D7D7D7;
    width: 1px;
    height: 100%;
    top: 0;
    position: absolute;
    left: var(--left1);
}
.hnid-cry-right{
    width: calc(100% - var(--left1));
    padding-left: var(--jian90);
}
.hnid-icon{
    width: 14px;
}
.hnid-second-item-link{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #D7D7D7;
}
.hnid-second-item .std-text20,
.hnid-second-item .std-text16{
    color: #000;
    line-height: 0.5;
    transition: all .4s ease;
}
.hnid-icon img{
    transform: scale(1)!important;
}
.hnid-icon img:nth-of-type(2){
    opacity: 0;
}
.hnid-second-item-link {
    padding-top: 22px;
    padding-bottom: 18px;
}

.hnid-second-item:first-child .hnid-second-item-link{
    padding-top: 0;
}


.hnid-second-item.yxnav-active2 .std-text20{
    color: var(--colormain);
}
.hnid-second-item.yxnav-active2 .hnid-second-item-link .hnid-icon img:first-child{
    opacity: 0;
}
.hnid-second-item.yxnav-active2 .hnid-second-item-link .hnid-icon img:nth-of-type(2){
    opacity: 1;
}
.ys-hd-pc.isfixed .head-nav-item.yxnav-active1 .head-nav-item-title{
    color: var(--colormain);
}
.ys-imgbox-cover img:nth-child(3) {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.head-global-top .ys-imgbox-cover img:nth-of-type(3){
    opacity: 0;
}
.head-global-list{
    position: absolute;
    top: calc(100% + 14px);
    width: 160px;
    left: 50%;
    transform: translateX(-50%);
    background: #FFF;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.02);
    padding: 4px 20px 20px;
    display: none;
}
.head-global-list::before{
    content: '';
    height: 14px;
    position: absolute;
    width: 100%;
    top: -14px;
    left: 0;
}
.hgli-link{
    display: flex;
    align-items: center;
    padding: 16px 0;
    border-bottom: 1px solid #D7D7D7;
    justify-content: space-between;
}
.hgli-link-icon{
    width: 14px;
    transition: all .4s ease;
    opacity: 0;
}
.hgli-link .std-text16{
    color: #000;
    line-height: var(--l1h75);
    transition: all .4s ease;
}
.hgli-link .hgli-link-icon img{
    transform: scale(1)!important;
}
.hgli-link .hgli-link-icon img:first-child{
    opacity: 0;
}
.head-global-list-item.on .hgli-link-icon{
    opacity: 1;
}
.head-global-list-item.on .std-text16{
    color: var(--colormain);
}
.head-global{
    position: relative;
}


.hnid-cry-left-list{
    position: relative;
}
.hnid-cll-nub,
.hnid-cll-nub-now,
.hnid-cll-nub-inof,
.hnid-cll-nub-third{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: all .4s ease;
}
.hnid-cll-nub.on,
.hnid-cll-nub.on .hnid-cll-nub-now,
.hnid-cll-nub.act .hnid-cll-nub-third,
.hnid-cll-nub.act .hnid-cll-nub-inof.on{
    position: relative;
    opacity: 1;
    pointer-events: all;
}
.hnid-cll-nub.act .hnid-cll-nub-now{
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
 
/* search - start */
.search-cry,.sitemap-cry{
    padding-top: var(--distance150);
    padding-bottom: var(--distance160);
}
.search-cry-left{
    width: 326px;
}
.search-cry-left-item{
    margin-top: var(--distance60);
}
.search-cry-left-item:nth-child(1){
    margin-top: 0 !important;
}
 
.search-cry-right{
    width: calc(100% - 326px);
    padding-left: 84px;
    border-left: 1px solid rgba(0,0,0,.1);
}
.search-cry-right-sub{
    margin-top: var(--distance60);
}
 
.search-cry-right-list{
    margin-top: var(--distance60);
}
 
 
.std-btn1-link{
    cursor: pointer;
}
.std-font30{
    font-size: var(--font30);
    line-height: var(--l1h4);
    color: #333;
}
 

 



/* message - end */
/* success - start */
.ys-cont1240{
    width: 1240px;
    margin: 0 auto;
    max-width: 100%;
}
 
 
 
 


/* aside - end */
 
.home-story-item-img{
    position: relative;
}
.home-story-item-img::before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .3);
    z-index: 4;
}
.home-story-cry .home-story-cry-list{
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.home-bus-wai{width: 100%;position: relative;}
.home-bus{width: 100%;height: calc(90vh - var(--head));min-height: auto;padding-top: var(--distance80);}
.home-bus::before{height: 40%;}

.home-bus-bg{width: 100%;height: 100%;transform: translateY(25%);transition: all .8s linear;}
.home-bus-bg img{height: 100%;object-fit: cover;}
.home-bus-bg .ys-ban-ph{width: 100%;height: 100%;}

.home-bus-title {margin-bottom: var(--distance50);}

.mod-page .ys-pcfy {display: flex;}
 
 


/* 2024.5.10 */
.head-global {
    margin-left: 30px;
}


.hrli-link-text{
    position: static;
    padding: 30px 70px 30px 0px;
}
.hrli-link-text .std-title24 {
    color: var(--color000);
}
.hrli-link-text .std-text16 {
    color: var(--color000);
}
.sbbl-item .std-text16 {
    height: auto!important;
    -webkit-line-clamp: inherit!important;
}


/* en - start */
.footer-inof-privacy {
    flex-wrap: wrap;
}
.ys-footer,
.home-switch,
.ys-nybanner{
    overflow: hidden;
}

/* en - end */
 
              
 
.ys-nybanner{
    background: var(--colorfff);
}
 
 
/* .slick-cloned .ys-imgbox-cover {
    transform: scale(0.7);
    opacity: 0;
} */
.home-light-car.start1 .home-light-car-item.slick-cloned:last-child .ys-imgbox-cover{
    animation: homestart 1s linear;
}
.home-light-car.end1 .home-light-car-item.slick-cloned:first-child .ys-imgbox-cover{
    animation: homestart 1s linear;
}
@keyframes homestart {
    0%{
        transform: scale(0.7);
    }
    100%{
        transform: scale(1);
    }
}
@-webkit-keyframes homestart {
    0%{
        transform: scale(0.7);
    }
    100%{
        transform: scale(1);
    }
}
.home-drive-pic-right .hdpl-item1-data span{
    font-size: var(--font32);
    line-height: inherit;
}
 

/* 2024.05.29 - end */
/* 2024.05.30 - start */
.home-main .home-drive-pic-right .hdpl-item1 .hdpr-item1-img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.hdpl-add{
    position: relative;
    z-index: 6;
}
.home-main .home-drive-pic-right .hdpl-item1 .hdpr-item1-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-main .home-drive-pic-right .hdpl-item1::before{
    display: none;
}
.hdpl-add-text p{
    line-height: 1.5;
}
.hdpl-add2 .hdpl-item1-data span{
    font-size: var(--font36);
}
.home-main .home-drive {
    --item1: 413px;
    --itemh1: 381px;
}
.home-main .hdpl-item1 {
    padding: 49px 40px 74px 47px;
    justify-content: space-between;
}
.hdpl-add1 .hdpl-add-text{
    margin-bottom: 21px;
    width: 90%;
}
.hdpl-add2 .hdpl-add-text{
    margin-bottom: 19px;
}
.hdpl-add3{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 50px 27px;
}
.hdpl-add3 .hdpl-item1-data,
.hdpl-add3 .hdpl-add-text,
.hdpl-add3 .hdpl-add-text p{
    color: var(--colorfff);
}
.hdpl-add3 .hdpl-item1-data span,
.hdpl-add4 .hdpl-item1-data span{
    font-size: var(--font48);
}
.hdpl-add3 .hdpl-item1-data{
    margin-bottom: -6px;
}
.hdpl-add4 .hdpl-item1-data{
    color: #333;
    margin-bottom: -7px;
}
.hdpl-add4 .hdpl-item1-data span{
    color: var(--colormain);
}
.hdpl-add4 .hdpl-add-text,
.hdpl-add4 .hdpl-add-text p{
    color: var(--color666);
}
.home-main .home-drive-pic-right .hdpl-item1{
    padding: 36px 40px 43px 50px;
}
.hdpl-wai .hdpl-add{
    margin-bottom: 23px;
}
.hdpl-wai .hdpl-add:last-child{
    margin-bottom: 23px;
}
.home-main .home-drive-pic-right .hdpl-item1 {
    background: rgba(14, 30, 71, 0);
}


/* 2024.07.05 */
.footer-inof{
    justify-content: space-between;
}
.footer-inof-left{
    color: var(--color999);
    display: flex;
    flex-wrap: wrap;
}
.footer-inof-left-tr{
    display: flex;
    flex-wrap: wrap;
    width: 50%;
    flex-grow: 1;
    padding-left: 10px;
    align-items: flex-start;
}
.filt-td,
.filt-td a,
.footer-inof-left-tr,
.footer-inof-left span{
    color: inherit;
    line-height: inherit;
    transition: all .4s ease;
}
.filt-td{
    padding: 0 10px;
}
/* 24-8-19工程机械新增 */



 
  



.sustain-main .ys-ban-txtbox{
    width: 1680px;
}
.sustain-main .ys-nybanner2 .ys-ban-txtbox {
    top: 50%;
    transform: translate(-50%,-50%);
}
.sustain-main .ys-nybanner2 .std-title1 span{
    width: 100%;
    display: block;
    background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.sustain-main .ys-nybanner2 .ys-ban-title span:first-child{
    text-align: left;
}
.sustain-main .ys-nybanner2 .ys-ban-title span:last-child{
    text-align: right;
}
.sustain-hold .std-title2{
    text-align: center;
    line-height: var(--l1h2);
    font-family: var(--bold);
    color: var(--color000);
    margin-bottom: var(--distance50);
}
.sustain-hold .std-text24,
.sustain-hold .std-text24 p{
    text-align: center;
    color: #69747B;
    line-height: var(--l1h4);
}
.sustain-hold-cry,
.sustain-hold-cry-bg{
    position: relative;
}
.sustain-hold-cry>img{
    width: 100%;
}
.sustain-hold-cry-bg,
.sustain-hold-cry-bg img{
    width: 100%;
}
.sustain-hold{
    padding-top: var(--distance100);
}
.sustain-hold-cry-box{
    width: 1600px;
    max-width: 100vw;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.sustain-hold-cry-circle{
    width: 39.375%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.sustain-hold .ys-cont1200{
    margin-bottom: -94px;
    position: relative;
    z-index: 6;
}
.sustain-hold-data-list{
    background: rgba(255, 255, 255, 0.40);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    -moz-backdrop-filter: blur(4px);
    -ms-backdrop-filter: blur(4px);
    -o-backdrop-filter: blur(4px);
    display: flex;
    flex-wrap: wrap;
    --jian10: 10px;
    padding: 20px 30px;
    width: 1400px;
}
.shdl-item{
    width: 20%;
    flex-grow: 1;
    padding: 0 var(--jian10);
}
.shdl-item-data {
    font-size: var(--font54);
    color: var(--colormain);
    font-family: 'do_hyeonregular'!important;
    line-height: var(--l1h2);
    text-align: center;
}
.shdl-item-data span{
    color: inherit;
    line-height: inherit;
}
.shdl-item-data i{
    font-family: 'do_hyeonregular'!important;
    font-size: var(--text18);
    margin-left: 8px;
    line-height: var(--l1h2);
    font-style: normal;
    color: inherit;
}
.shdl-item .std-text16,
.shdl-item .std-text16 p{
    text-align: center;
    color: #69747B;
}
.sustain-hold{
    position: relative;
}
.sustain-hold-data{
    width: 100%;
    position: relative;
}
.sustain-hold-data .ys-cont1400{
    height: 100vh;
    display: flex;
    align-items: center;
    width: 100%;
}
.sustain-hold.act1 .sustain-hold-cry-box{
    position: fixed;
    top: var(--top1);
}


.sustain-hold.act4 .sustain-hold-cry{
    position: static;
}
.sustain-hold.act4 .sustain-hold-cry-box{
    position: absolute;
    top: calc(var(--boxheight) - var(--top1));
}
.sustain-way .std-title2{
    color: var(--color000);
    line-height: var(--l1h2);
    font-family: var(--bold);
    text-align: center;
    margin-bottom: var(--distance50);
}
.sustain-way .std-text24,
.sustain-way .std-text24 p{
    color: #69747B;
    line-height: var(--l1h4);
    text-align: center;
}
.sustain-way .std-text24{
    margin-bottom: var(--distance60);
}
.sustain-way-list{
    --jian20: 20px;
    margin: 0 calc(var(--jian20) * -1);
}
.sustain-way-list-item{
    width: 50%;
    padding: 0 var(--jian20);
}
.swli-link-img{
    width: 100%;
    margin-bottom: 37px;
}
.swli-link .std-title24{
    line-height: var(--l1h4);
    color: var(--color000);
    margin-bottom: 18px;
}
.swli-link .std-text16,
.swli-link .std-text16 p{
    line-height: var(--l1h4);
    color: #69747B;
}
.sustain-way-list-item:not(:first-child){
    display: none;
}
.sustain-way-list .slick-next {
    right: -65px;
}
.sustain-way-list .slick-prev {
    left: -65px;
}
.sustain-way{
    padding-bottom: var(--distance140);
}
 




.sub-banner{position:relative;height:29.1417vw;background-repeat:no-repeat;background-position:center center;background-size:cover}
.sub-banner::before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.2);z-index:1}
.sub-banner .nav{position:absolute;left:0;bottom:0;width:100%;border-top:1px solid rgba(255,255,255,0.4);z-index:10}
.sub-banner .nav ul{display:flex;justify-content:center}
.sub-banner .nav li{margin:0 28px}
.sub-banner .nav a{display:block;font-size:16px;color:#fff;height:68px;margin-top:-1px;box-sizing:border-box;line-height:65px}
.sub-banner .nav .active a{border-top:3px solid #0052AB}


 

.about .main{width:100%; position:relative;padding:60px 0 120px; min-height:350px;}
.about .main .n_tit .tit{font-size:36px;font-weight:900;line-height:67px; color:#0052AB}
.about .main .n_tit .line{width:65px;height:4px;background:#0052AB;margin-top:13px}

.about .content{width:100%; position:relative;font-size:14px;line-height:30px;color:#333; text-align:justify; margin-top:30px;}.about .content p{line-height:30px;}