@charset "utf-8";
/* 公共样式 - start */
@font-face {
    font-family: 'Master-Light';
    src: url('../fonts/Outfit-Light/OutfitLight.eot');
    src: url('../fonts/Outfit-Light/OutfitLight.eot') format('embedded-opentype'),
         url('../fonts/Outfit-Light/OutfitLight.woff2') format('woff2'),
         url('../fonts/Outfit-Light/OutfitLight.woff') format('woff'),
         url('../fonts/Outfit-Light/OutfitLight.ttf') format('truetype'),
         url('../fonts/Outfit-Light/OutfitLight.svg#OutfitLight') format('svg');
    font-display: swap;
}
@font-face {
    font-family: 'Master-Regular';
    src: url('../fonts/Outfit-Regular/OutfitRegular.eot');
    src: url('../fonts/Outfit-Regular/OutfitRegular.eot') format('embedded-opentype'),
         url('../fonts/Outfit-Regular/OutfitRegular.woff2') format('woff2'),
         url('../fonts/Outfit-Regular/OutfitRegular.woff') format('woff'),
         url('../fonts/Outfit-Regular/OutfitRegular.ttf') format('truetype'),
         url('../fonts/Outfit-Regular/OutfitRegular.svg#OutfitRegular') format('svg');
}
@font-face {
    font-family: 'Master-Bold';
    src: url('../fonts/Outfit-Bold/OutfitBold.eot');
    src: url('../fonts/Outfit-Bold/OutfitBold.eot') format('embedded-opentype'),
         url('../fonts/Outfit-Bold/OutfitBold.woff2') format('woff2'),
         url('../fonts/Outfit-Bold/OutfitBold.woff') format('woff'),
         url('../fonts/Outfit-Bold/OutfitBold.ttf') format('truetype'),
         url('../fonts/Outfit-Bold/OutfitBold.svg#OutfitBold') format('svg');
    font-display: swap;
}
body {
    font-family: "Master-Regular", "PingFang SC", "Microsoft YaHei" !important;
}
input,textarea{
    font-family: "Master-Regular", "PingFang SC", "Microsoft YaHei" !important;
}
/* wow弹窗字体引入 */
.altumcode {
    --fontFamily: "Master-Regular", "PingFang SC", "Microsoft YaHei" !important;
}
.search-main{
    --colormain1: var(--colorbj) !important;
    --color4: var(--colorfff) !important;
}
/* 英文站换行规则 */
/* p,div,h1,h2,h3,h4,h5,h6,span,a{ 
    word-wrap: normal; 
    word-break: keep-all; 
} */
:root {
    /* 字号 */
    --font60: 60px;
    --font48: 48px;
    --font30: 30px;
    --font24: 24px;
    /* 段落字号 */
    --font18: 18px;
    --font16: 16px;
    --font14: 14px;
    /* 补充字号 */
    --text46:46px;
    --text36:36px;
    --text32:32px;
    --text28:28px;
    --text20:20px;
    /* 行高 */
    --line12: 1.2;
    --line14: 1.4;
    --line15: 1.5;
    --line16: 1.6;
    --line175: 1.75;
    --line18: 1.8;
    /* 导航-高度 */
    --headh: 64px;
    /* 颜色 */
    --color111:#111;
    --color4a4:#4a4a4a;
    --color000:#000;
    --color333: #333;
    --color666: #666;
    --color999: #999;
    --colorfff: #fff;
    --colormain: #E6023F;
    --colorbj:#f9f9f9;
    /* 圆角 */
    --radius20:20px;
    --radius15:15px;
    --radius10:10px;
    --radius5:5px;
    /* 板块间距 */
    --space150: 150px;
    --space100: 100px;
    --space40: 40px;
    /* 段落间距 */
    --parpspace10: 10px;
    --parpspace12: 12px;
    /* 特殊字体 */
    --light:'Master-Light';
    --bold:'Master-Bold';
}
.mod-text46{
    font-size: var(--text46);
    line-height: var(--line12);
    color: var(--color111);
}
.mod-text36{
    font-size: var(--text36);
    line-height: var(--line15);
    color: var(--color111);
}
.mod-text32{
    font-size: var(--text32);
    line-height: var(--line15);
    color: var(--color111);
}
.mod-text28{
    font-size: var(--text28);
    line-height: var(--line14);
    color: var(--colorfff);
}
.mod-text20{
    font-size: var(--text20);
    line-height: var(--line15);
    color: var(--color111);
}
.std-h1 {
    font-size: var(--font60);
    color: var(--color111);
    line-height: var(--line12);
}
.std-h2,
.yxedr-active h2 {
    font-size: var(--font48);
    color: var(--color111);
    line-height: var(--line12);
}
.std-h3,
.yxedr-active h3 {
    font-size: var(--font30);
    color: var(--color111);
    line-height: var(--line14);
}
.std-h4,
.yxedr-active h4 {
    font-size: var(--font24);
    color: var(--color111);
    line-height: var(--line14);
}
.std-text1,
.std-text1 p {
    font-size: var(--font18);
    color: var(--color111);
    line-height: var(--line16);
}
.std-text2,
.std-text2 p {
    font-size: var(--font16);
    color: var(--color111);
    line-height: var(--line175);
}
.std-text3,
.std-text3 p {
    font-size: var(--font14);
    color: var(--color111);
    line-height: var(--line18);
}
.yxedr-active p {
    font-size: var(--font18);
    color: var(--color111);
    line-height: var(--line16);
    margin-bottom: var(--parpspace10);
}
.std-padd150{
    padding: var(--space150) 0;
}
.std-padd150-top{
    padding-top: var(--space150);
}
.std-padd150-bot{
    padding-bottom: var(--space150);
}
.yxedr-active h2, .yxedr-active h3 {
    margin-bottom: var(--parpspace16);
}
.yxedr-active h4 {
    margin-bottom: var(--parpspace12);
}
.yxedr-active h5 {
    margin-bottom: var(--parpspace10);
}
/*分享翻译*/
.ys-wechat-cont-parga p::before{
    content: '分享到 - 微信';
    /* content: 'Share the - weixin'; */
}
/* yongsy样式 */
a[href="https://www.yongsy.com"] {
    color: rgba(255, 255, 255, .5) !important;
    white-space: nowrap;
}
/*导航默认选中*/
.yxnav-active1 {
}
.yxnav-active2 {
}
/* 轮播溢出隐藏 */
.ys-ban-li:not(:first-child){
    display: none;
}
/* 省略号 */
.line-clamp{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/* 侧边锚点隐藏 */
.mod-anchor{
    opacity: 0;
    transform: translateX(-50%);
    transition: all .4s ease;
}
.mod-anchor.on1 {
    opacity: 1;
    transform: translateX(0%);
}
.mod-anchor ul{
    transition: all .4s ease;
}
.mod-anchor:not(.act) ul{
    opacity: 1;
    transform: translateX(0%);
}
.mod-anchor.act ul{
    opacity: 0;
    transform: translateX(-50%);
}
/* 轮播箭头 */
.swiper-button-disabled, 
.slick-disabled{
    pointer-events: none!important;
    opacity: .5!important;
}
/* 按钮样式-start */
.std-btn1{
    display: inline-block;
}
.std-btn1-box {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--font16);
    color: var(--colorfff);
    line-height: var(--line175);
    background: var(--colormain);
    transition: all .4s ease;
    padding: 5px 30px;
    border-radius: 4px;
    position: relative;
    pointer-events: none;
}
.std-btn1-box::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    box-shadow: 0px 10px 30px 0px #A4002C;
    opacity: 0;
    transition: all .4s ease;
    border-radius: 8px;
    pointer-events: none;
}
.std-btn1-box::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    pointer-events: none;
    border-radius: 8px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0), rgba(255, 255, 255, .25));
    mask: linear-gradient(#000, #000) content-box, linear-gradient(#000, #000);
    mask-composite: exclude;
    padding: 1px;
    opacity: 0;
    transition: all .4s ease;
}
.std-btn2{
    display: inline-block;
}
.std-btn2-box{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #E6023F;
    border-radius: 8px;
    padding: 10px 29px;
    position: relative;
}
.std-btn2-icon{
    width: 18px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 10px;
    position: relative;
}
.std-btn2-icon img{
    width: 100%;
    transition: all .4s ease;
}
.std-btn2-box span{
    display: inline-block;
    font-size: var(--font16);
    color: var(--colorfff);
    line-height: var(--line175);
}
.std-btn2-box::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    box-shadow: 0px 10px 30px 0px #A4002C;
    opacity: 0;
    transition: all .4s ease;
    border-radius: 8px;
}
.std-btn2-box::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    pointer-events: none;
    border-radius: 8px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0), rgba(255, 255, 255, .25));
    mask: linear-gradient(#000, #000) content-box, linear-gradient(#000, #000);
    mask-composite: exclude;
    padding: 1px;
    opacity: 1;
    transition: all .4s ease;
    z-index: 4;
}
.std-btn2.black .std-btn2-box::before{
    opacity: 0;
}
.std-btn2.black .std-btn2-box span{
    color: var(--color111);
}
.std-btn2.black .std-btn2-box{
    background: #fff;
}
.std-btn2.black .std-btn2-icon img:nth-child(1){
    opacity: 1;
}
.std-btn2.black .std-btn2-icon img:nth-child(2){
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.std-btn2.black{
    position: relative;
}
.std-btn2.black::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background: transparent;
    border: solid 1px #000;
    transition: all .4s ease;
    border-radius: 8px;
    pointer-events: none;
}
.std-btn2.black.white .std-btn2-box{
    background: transparent;
}
.std-btn2.black.white::after{
    border: solid 1px #fff;
}
.std-btn2.black.white .std-btn2-box span{
    color: var(--colorfff);
}
.mod-arrows{
    display: flex;
    align-items: center;
    justify-content: space-between;
    pointer-events: none;
}
.arrows-icon{
    pointer-events: all !important;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: solid 1px #fff;
    position: relative;
    cursor: pointer;
    transition: all .4s ease;
}
.arrows-icon img{
    width: 16%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .4s ease;
}
.arrows-icon img:nth-child(2){
    opacity: 0;
}
.std-btn3{
    display: inline-block;
}
.std-btn3-box{
    display: flex;
    align-items: center;
    justify-content: center;
}
.std-btn3-icon{
    width: 18px;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 10px;
    transition: all .4s ease;
}
.std-btn3-icon img{
    width: 100%;
}
.std-btn3-box span{
    color: var(--color111);
    line-height: var(--line15);
    font-size: var(--font18);
}
/* 按钮样式-end */
.slick-dots li{
    width: 8px;
    height: 8px;
    background: rgba(217, 217, 217, 0.5);
    border-radius: 50%;
    margin: 0 5px;
}
.slick-dots li.slick-active{
    background: var(--colormain);
}
/* 公共样式 - end */
/* Lucas辅助--start */
/* lucas start */
/* F3 */
.ntsl-left-time {
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: var(--line18);
    margin-bottom: 20px;
}
.ntsl-left-title {
    color: var(--colorfff);
    font-size: var(--font48);
    line-height: var(--line12);
    margin-bottom: 14px;
    max-height: 2.4em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: all .4s ease;
}
.ntsl-left-cry p {
    color: var(--colorfff);
    font-size: var(--font18);
    line-height: var(--line175);
    opacity: 0.6;
    max-height: 3.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.ntsl-left-cry {
    margin-bottom: 77px;
}
.ntsl-left-more p {
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: var(--line18);
}
.newslist-top {
    position: relative;
    padding-top: 105px;
    padding-bottom: 108px;
}
.newslist-top-swiper {
    padding: 30px 0 !important;
    margin: -30px 0;
}
.newslist-top-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.newslist-top-slide-link {
    display: flex;
    align-items: center;
}
.ntsl-right {
    width: 51.17%;
    border-radius: var(--radius10);
    border: 1px solid #202020;
}
.ntsl-left {
    width: 48.83%;
    padding-right: 202px;
}
.ntsl-left-more {
    display: flex;
    align-items: center;
}
.ntsl-left-more img {
    margin-left: 10px;
    width: 18px;
    margin-top: 2px;
    transition: all .4s ease;
}
.newslist-top-pagination.swiper-pagination {
    max-width: 51.17%;
    left: auto !important;
    right: 0;
    bottom: 0 !important;
    opacity: 1;
}
.newslist-top.empty .newslist-top-pagination.swiper-pagination {
    opacity: 0;
}
.casedet-about .slick-dots {
    position: relative;
    bottom: -10px;
}
.casedet-about .slick-dots li {
    width: 8px;
    height: 8px;
    margin: 0 5px;
}
.casedet-about .slick-dots li.slick-active {
    background: var(--colormain);
}
.newslist-top-pagination .swiper-pagination-bullet {
    background: var(--colorfff);
    margin: 0 5px !important;
}
.nlsb-ul-li-link {
    color: var(--color000);
    font-size: var(--font18);
    line-height: var(--line16);
    border-radius: 8px;
    background: var(--colorbj);
    transition: all .4s ease;
    display: block;
    padding: 8px 30px;
}
.nlsb-ul-li.active .nlsb-ul-li-link {
    color: var(--colorfff);
    background: var(--colormain)
}
.nlsb-ul-li {
    padding: 0 5px;
}
.nlsb-ul {
    margin: 0 -5px;
    display: flex;
    flex-wrap: wrap;
}
.newslist-list-sort {
    display: flex;
    justify-content: space-between;
}
.newslist-list {
    padding-top: 80px;
    padding-bottom: var(--space150);
}
.newslist-list-search-box input {
    border-radius: 8px;
    background: var(--colorbj);
    height: 44px;
    width: 508px;
    padding: 0 60px 0 30px;
    font-size: var(--font16);
    color: var(--color333);
}
.newslist-list-search-box {
    position: relative;
}
.newslist-list-search-box img {
    width: 20px;
    position: absolute;
    right: 20px;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    cursor: pointer;
}
.nlml-li-link-time {
    color: var(--color4a4);
    font-size: var(--font14);
    line-height: var(--line18);
    margin-bottom: 16px;
}
.nlml-li-link-title {
    color: var(--color111);
    font-size: var(--text20);
    font-weight: 700;
    line-height: var(--line12);
    margin-bottom: 15px;
    transition: all .4s ease;
    max-height: 1.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.nlml-li-link-cry {
    margin-bottom: 46px;
}
.nlml-li-link-cry p {
    color: var(--color4a4);
    font-size: var(--font16);
    line-height: var(--line175);
    max-height: 3.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.nlml-li-link-more p {
    color: var(--color111);
    font-size: var(--font18);
    line-height: var(--line12);
    transition: all .4s ease;
}
.nlml-li-link-more img {
    width: 17px;
    margin-left: 10px;
}
.nlml-li {
    padding: 0 10px;
    width: 33.333%;
    margin-bottom: 40px;
    height: auto;
    display: flex;
}
.newslist-list-main-list {
    margin: 0 -10px;
    display: flex;
    flex-wrap: wrap;
}
.nlml-li-link {
    border-radius: var(--radius10);
    background: var(--colorbj);
    width: 100%;
}
.nlml-li-link-text {
    padding: 18px 31px 55px;
}
.nlml-li-link-img {
    border-radius: var(--radius10) var(--radius10) 0 0;
}
.nlml-li-link-img img {
    border-radius: var(--radius10) var(--radius10) 0 0;
}
.newslist-list-sort {
    margin-bottom: 50px;
}
.newslist-paging .pc-fenye li.activepage {
    background: var(--colormain);
    border: 1px solid transparent;
}
.newslist-paging .pc-fenye li {
    border-radius: 100px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    transition: all .4s ease;
}
.newslist-paging li {
    width: 40px;
    height: 40px;
    line-height: 40px;
}
.newslist-paging .end li {
    width: 52px;
    height: 40px;
}
.newslist-paging .first li {
    width: 52px;
    height: 40px;
}
.newslist-contact h2 {
    color: var(--colorfff);
    font-size: var(--font48);
    line-height: var(--line12);
    margin-bottom: 20px;
}
.newslist-contact-text-cry {
    margin-bottom: 60px;
}
.newslist-contact-text-cry p {
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: var(--line18);
}
.newslist-contact {
    position: relative;
    padding-bottom: var(--space150) !important;
    background: #fff;
    z-index: 10;
    margin-bottom: 0 !important;
}
.newslist-contact-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: var(--radius20);
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.newslist-contact-bg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    pointer-events: none;
}
.newslist-contact-box {
    width: 100%;
}
.newslist-contact-text {
    padding: 88px 80px var(--space100) 80px;
}
/* E1 */
.indus-top-bg img:nth-child(2) {
    display: none;
}
.indus-top h1 {
    color: var(--colorfff);
    margin-bottom: 17px;
}
.indus-top-cry {
    margin-bottom: 64px;
}
.indus-top-cry p {
    color: var(--colorfff);
}
.indus-top {
    position: relative;
    padding-top: 177px;
    padding-bottom: 166px;
}
.indus-top-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.indus-top-bg img {
    width: 100%;
    height: 100%;
}
.indus-top .ys-cont1560 {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.indus-top-tab-list {
    display: flex;
    border-radius: 80px;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(7.5px);
    -webkit-backdrop-filter: blur(7.5px);
    -moz-backdrop-filter: blur(7.5px);
    -o-backdrop-filter: blur(7.5px);
    -ms-backdrop-filter: blur(7.5px);
    padding: 6px 10px;
    position: relative;
    overflow: hidden;
    border: none;
    flex-wrap: wrap;
}
.indus-top-tab-list::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 80px;
    padding: 2px;
    background: linear-gradient(90deg,
            #ffffff35 0%,
            #ffffff00 50%,
            #ffffff35 100%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: -1;
}
.ittl-li {
    text-align: center;
    transition: all .4s ease;
    border-radius: 100px;
    padding-right: 30px;
    padding-top: 1px;
    padding-bottom: 1px;
}
.indus-top-tab-list .ittl-li:last-child {
    padding-right: 0;
}
.ittl-li-link {
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: 1.7;
    padding: 8px 30px;
    border-radius: 100px;
    display: block;
    width: 100%;
    height: 100%;
    white-space: nowrap;
}
.ittl-li.active .ittl-li-link {
    background: var(--colormain);
}
.islt-cry-title {
    color: var(--colorfff);
    font-size: 28px;
    line-height: var(--line12);
    margin-bottom: 20px;
}
.islt-cry-cry {
    margin-bottom: 47px;
}
.islt-cry-cry p {
    color: var(--colorfff);
    max-height: 3.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.islt-cry-btn p {
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: var(--line18);
}
.indus-slide-link-text {
    background: linear-gradient(151deg, #000 5.84%, #000 75.49%, #E6023F 100.29%);
    padding: 60px 50px;
}
.indus-slide-link-img {
    width: 60.76%;
}
.indus-slide-link-text {
    width: 39.24%;
}
.indus-slide-link {
    display: flex;
}
.indus-swiper {
    padding-top: var(--space100);
    padding-bottom: 50px;
}
.islt-cry-btn {
    display: flex;
    align-items: center;
}
.islt-cry-btn img {
    width: 18px;
    margin-left: 10px;
    margin-top: 2px;
}
.indus-pagination.swiper-pagination {
    width: fit-content !important;
    right: 32.5% !important;
    left: auto !important;
    bottom: 41px !important;
    opacity: 1;
}
.indus-swiper.empty .indus-pagination.swiper-pagination {
    opacity: 0;
}
.indus-slide-link-img {
    border-radius: var(--radius20) 0 0 var(--radius20);
}
.indus-slide-link-text {
    border-radius: 0 var(--radius20) var(--radius20) 0;
}
.indus-pagination .swiper-pagination-bullet {
    background: var(--color4a4) !important;
    opacity: 1 !important;
    margin: 0 5px !important;
    transition: all .4s ease;
}
.indus-pagination .swiper-pagination-bullet-active {
    background: var(--colormain) !important;
}
.ilml-link-info-time {
    color: var(--color4a4);
    font-size: var(--font14);
    line-height: var(--line18);
    margin-bottom: 12px;
}
.ilml-link-info-title {
    color: var(--color111);
    font-size: var(--text20);
    line-height: var(--line12);
    margin-bottom: 26px;
    transition: all .4s ease;
}
.ilml-link-img {
    border-radius: var(--radius10);
}
.indus-list-main-li {
    width: 33.33%;
}
.ilml-link {
    border-radius: var(--radius10);
    background: #F9F9F9;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}
.ilml-link-info {
    padding: 18px 30px 36px;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.ilml-link-info-btn {
    display: flex;
    align-items: center;
}
.ilml-link-info-btn img {
    margin-left: 10px;
    margin-top: 4px;
    width: 18px;
}
.ilml-link-info-btn p {
    transition: all .4s ease;
    line-height: var(--line12);
}
.indus-list-main {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -18px;
}
.indus-list-main-li {
    padding: 0 18px;
    margin-bottom: 39px;
    height: auto;
    display: flex;
}
.indus-list .ys-cont1560 {
    margin-bottom: 33px;
}
.indus-list .newslist-paging {
    margin-bottom: 143px;
}
/* D1 */
.caselist-top-info-sub {
    color: var(--color4a4);
    font-size: var(--font16);
    line-height: var(--line18);
    margin-bottom: 14px;
    opacity: 0.8;
}
.caselist-top h1 {
    margin-bottom: 72px;
    color: var(--color111);
}
.ctin-num span {
    color: var(--colormain);
    font-size: 80px;
    line-height: var(--line12);
    margin-right: 8px;
}
.ctin-num {
    color: var(--color111);
    font-size: var(--text32);
    line-height: var(--line12);
    display: flex;
    align-items: center;
}
.ctin-text {
    line-height: var(--line16);
}
.caselist-top .ys-cont1560 {
    display: flex;
    align-items: center;
}
.caselist-top-info-num {
    display: flex;
}
.ctin-box {
    padding: 0 38px;
}
.caselist-top-info-num {
    margin: 0 -38px;
}
.caselist-top-video {
    width: 53.84%;
    position: relative;
}
.caselist-top-video::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #D9D9D9;
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 5;
}
.caselist-top-video img {
    width: 100%;
}
.caselist-top-info {
    width: 46.16%;
    padding-right: 16px;
}
.ccli-li-name {
    line-height: 1.7;
}
.ccli-li-name {
    margin-right: 30px;
    flex-shrink: 0;
    position: relative;
    top: 4px;
}
.cllu-info-box p {
    color: var(--color666);
    font-size: var(--font16);
    line-height: 1.7;
    padding: 4px 24px;
    position: relative;
    transition: all .4s ease;
}
.cllu-info-box {
    cursor: pointer;
}
.cllu-info-box {
    transition: all .4s ease;
}
.cllu-info {
    padding: 0 4px;
    margin-bottom: 5px;
}
.ccli-li-list-ul {
    margin: 0 -1px;
    display: flex;
    flex-wrap: wrap;
}
.ccli-li {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.cllu-info.active .cllu-info-box {
    background: var(--colormain);
    border-radius: 100px;
    transition: all .4s ease;
}
.cllu-info.active .cllu-info-box p {
    color: var(--colorfff);
    transform: translateX(-8px);
}
.cllu-info .cllu-info-box p::after {
    content: "";
    background: url(../images/ys_close.svg) no-repeat;
    background-size: contain;
    width: 10px;
    height: 10px;
    position: absolute;
    right: -3px;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all .4s ease;
}
.cllu-info.active .cllu-info-box p::after {
    opacity: 1;
}
.caselist-classifi-list-info .ccli-li {
    margin-bottom: 20px;
}
.caselist-classifi-list-info .ccli-li:last-child {
    margin-bottom: 0;
}
.caselist-top .ys-cont1560 {
    border-bottom: 1px solid #D9D9D9;
}
.caselist-classifi {
    padding-top: 73px;
    padding-bottom: 120px;
}
.caselist-classifi-list {
    margin-bottom: 50px;
}
.cciu-list-link-tab {
    color: var(--color4a4);
    font-size: var(--font16);
    line-height: var(--line18);
    margin-bottom: 8px;
}
.cciu-list-link-title {
    margin-bottom: 37px;
    transition: all .4s ease;
}
.cciu-list-link-more p {
    transition: all .4s ease;
}
.cciu-list-link-more {
    display: flex;
    margin-top: auto;
    align-items: center;
}
.cciu-list-link-more img {
    width: 18px;
    margin-left: 10px;
    transition: all .4s ease;
}
.cciu-list-link .ys-imgbox-cover {
    border-radius: 8px;
    margin-bottom: 26px;
}
.cciu-list {
    margin-bottom: 50px;
    padding: 0 12px;
    height: auto;
    display: flex;
    width: 33.33%;
}
.caselist-classifi-info-ul {
    margin: 0 -12px;
    display: flex;
    flex-wrap: wrap;
}
.caselist-classifi .newslist-paging {
    margin-top: 41px;
}
.newslist-list .newslist-paging {
    margin-top: -7px;
}
.caselist-page .newslist-contact {
    margin-bottom: 157px;
}
.indus-page .newslist-contact {
    margin-bottom: 121px;
}
.nmlt-title {
    color: var(--color111);
    font-size: 44px;
    line-height: var(--line12);
}
.caselist-page video {
    background: transparent;
}
.newslist-contact .ys-cont1560 {
    position: relative;
}
/* F4 */
.newscry-main-left-top h1 {
    color: var(--color111);
    font-size: 44px;
    line-height: var(--line12);
    margin-bottom: 50px;
}
.nmlt-share-time {
    color: var(--color111);
    font-size: var(--font16);
    line-height: var(--line18);
    margin-right: 40px;
}
.newscry-main .ys-share {
    border-radius: 80px;
    background: #F6F6F6;
    width: fit-content;
    display: flex;
    padding: 10px 20px;
    align-items: center;
}
.newscry-main .nmlt-share-title {
    color: var(--color111);
    font-size: var(--font16);
    line-height: var(--line18);
    margin-right: 20px;
}
.newscry-main .ys-share-img {
    width: 20px;
    object-fit: cover;
}
.newscry-main .ys-share-list {
    margin-right: 19px;
}
.newscry-main .ys-share-list:last-child {
    margin-right: 0;
}
.nmlt-share {
    display: flex;
    align-items: center;
}
.newscry-main-left-bottom p {
    color: var(--color666);
    font-size: var(--font16);
    line-height: var(--line175);
    margin-bottom: 22px;
}
.newscry-page .yxedr-active p {
    color: var(--color666);
    font-size: var(--font16);
    line-height: var(--line175);
    margin-bottom: 22px;
}
.newscry-main-left-bottom p img {
    width: 100%;
}
.newscry-page .yxedr-active p img {
    width: 100%;
}
.newscry-main-left-bottom h6 {
    color: var(--color333);
    font-size: var(--text20);
    font-weight: 700;
    line-height: var(--line12);
    margin-bottom: 12px;
}
.newscry-main-left-bottom h5 {
    color: var(--color333);
    font-size: var(--font24);
    font-weight: 700;
    line-height: var(--line12);
    margin-bottom: 25px;
}
.newscry-page .yxedr-active h5 {
    color: var(--color333);
    font-size: var(--font24);
    font-weight: 700;
    line-height: var(--line12);
    margin-bottom: 25px;
}
.newscry-main-left-bottom p span {
    line-height: var(--line175);
    margin-bottom: 22px;
    color: var(--color333);
    font-size: var(--text20);
}
.newscry-page .yxedr-active h6 {
    color: var(--color333);
    font-size: var(--text20);
    font-weight: 700;
    line-height: var(--line12);
    margin-bottom: 12px;
}
.newscry-main-left-bottom p:last-child {
    margin-bottom: 0 !important;
}
.newscry-main-left {
    width: 72.69%;
    padding-right: 79px;
}
.newscry-main-right {
    width: 27.31%;
    position: sticky;
    top: 100px;
    height: fit-content;
}
.newscry-main-box {
    display: flex;
}
.newscry-main-left-top {
    margin-bottom: 94px;
}
.nmlp-info-page {
    color: var(--color666);
    font-size: var(--font16);
    line-height: var(--line175);
    padding-right: 46px;
}
.nmlp-info-cry {
    color: var(--color666);
    font-size: var(--font16);
    line-height: var(--line175);
    position: relative;
    padding-left: 24px;
}
.nmlp-info-cry::before {
    content: "";
    width: 1px;
    height: 14px;
    background: #D9D9D9;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.nmlp-info {
    display: flex;
    transition: all .4s ease;
}
.nmlp-list-li {
    margin-bottom: 21px;
}
.nmlp-list .nmlp-list-li:last-child {
    margin-bottom: 0px;
}
.newscry-main-left-bottom {
    padding-bottom: 50px;
}
.newscry-main-left-page {
    border-top: 1px solid #D9D9D9;
    padding-top: 30px;
}
.nmlp-info div {
    transition: all .4s ease;
}
.nlil-link-time {
    color: var(--color999);
    font-size: var(--font14);
    line-height: var(--line18);
    /* margin-bottom: 10px; */
    transition: all .4s ease;
}
.nlil-link-title {
    color: var(--color000);
    font-size: var(--font16);
    line-height: var(--line18);
    transition: all .4s ease;
}
.nmrt-list-info-li {
    padding: 15px 0;
    border-bottom: 1px solid #D3D3D3;
}
.nmrt-list-info .nmrt-list-info-li:first-child {
    padding-top: 0;
}
.newscry-main-right-top h2 {
    color: var(--color333);
    font-size: 28px;
    line-height: var(--line14);
    margin-bottom: 40px;
}
.newscry-main {
    padding-bottom: var(--space100);
    padding-top: var(--space100);
    position: relative;
    overflow: visible;
}
.nmrb-info-text p {
    color: var(--colorfff);
    font-size: var(--text20);
    line-height: 1.3;
    margin-bottom: 24px;
}
.nmrb-info {
    padding: 32px 129px 37px 40px;
}
.newscry-main-right-bottom {
    position: relative;
}
.nmrb-bg {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: var(--radius10);
    overflow: hidden;
    z-index: -1;
    width: 100%;
    height: 100%;
}
.nmrb-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.newscry-main-right-top {
    margin-bottom: 61px;
}
.newscry-main-cry {
    width: 85vw;
    max-width: 1300px;
    margin: auto;
}
/* E2 */
.newscry-main-left-top .nmlt-share {
    margin-bottom: 52px;
}
.newscry-main-left-top h1 {
    margin-bottom: 0;
}
.whitedet-main .newscry-main-left-top {
    padding-bottom: 77px;
    border-bottom: 1px solid #D9D9D9;
}
.newscry-main-bottom-cry p {
    color: var(--color666);
    font-size: var(--font16);
    line-height: var(--line175);
    margin-bottom: 12px;
}
.newscry-main-bottom-cry p:last-child {
    margin-bottom: 0px !important;
}
.whitedet-page .yxedr-active p {
    color: var(--color666);
    font-size: var(--font16);
    line-height: var(--line175);
    margin-bottom: 12px;
}
.newscry-main-bottom-cry p img {
    width: 100%;
}
.whitedet-page .yxedr-active p img {
    width: 100%;
}
.whitedet-page {
    background: #F2F3F6;
}
.whitedet-page .ys-share {
    background: #F6F6F6;
}
.whitedet-page .nmlt-share {
    margin-bottom: 42px;
}
.whitedet-page .newscry-main-left-top {
    margin-bottom: 59px;
    padding-top: 0 !important;
}
.newscry-main-bottom-cry h3 {
    font-size: 28px;
    color: var(--color111);
    line-height: var(--line12);
    margin-bottom: 20px;
}
.newscry-main-bottom-cry {
    margin-bottom: 30px;
}
.whitedet-page .nmlp-info-cry::before {
    z-index: 0;
}
.nmbr-codebox-info-text {
    color: var(--color111);
    font-size: var(--font16);
    line-height: var(--line15);
    margin-bottom: 21px;
    margin-top: 6px;
}
.newscry-main-bottom {
    display: flex;
}
.newscry-main-bottom-left {
    width: 71.54%;
    padding-right: 56px;
}
.newscry-main-bottom-right {
    width: 28.46%;
    padding-right: 29px;
    position: sticky;
    top: 100px;
    height: fit-content;
}
.nmbr-codebox {
    display: flex;
    margin-bottom: 10px;
}
.nmbr-codebox {
    display: flex;
    border-radius: 12px;
    background: #FFF;
    padding: 25px 21px 25px 20px;
}
.nmbr-codebox-img img {
    width: 114px;
    border-radius: 4px;
}
.nmbr-codebox-img {
    padding-right: 25px;
}
.nmbr-list {
    border-radius: 12px;
    background: #FFF;
    padding: 30px;
    margin-bottom: 10px;
}
.nmbr-list h2 {
    color: var(--color111);
    font-size: var(--text20);
    line-height: 1.32;
    margin-bottom: 16px;
}
.nliu-li-link {
    color: var(--color666);
    font-size: var(--font16);
    line-height: var(--line175);
    padding: 20px 0;
    border-top: 1px solid #DDDDDD;
    transition: all .4s ease;
}
.nmbr-list-info-ul .nliu-li:last-child .nliu-li-link {
    padding-bottom: 0;
}
.nmbr-bottom {
    border-radius: 12px;
    background: #FFF;
    padding: 20px 12px 21px 20px;
    display: flex;
    align-items: center;
}
.nmbr-bottom-img img {
    width: 124px;
    border-radius: 4px;
}
.nmbr-bottom-img {
    padding-right: 27px;
}
.nmbr-bottom-text {
    color: var(--color111);
    font-size: var(--font16);
    line-height: var(--line15);
}
.whitedet-main {
    margin-bottom: 110px;
    padding-top: var(--space100);
    overflow: visible;
}
/* D2 */
.casedet-top-left-tab {
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: var(--line18);
    margin-bottom: 34px;
    border-radius: 4px;
    background: var(--colormain);
    padding: 4px 25px;
    width: fit-content;
}
.casedet-top-left h1 {
    color: var(--colorfff);
    font-size: var(--font48);
    line-height: var(--line12);
    margin-bottom: 16px;
}
.casedet-top-left-cry p {
    color: var(--colorfff);
    font-size: var(--font18);
    line-height: 1.65;
    opacity: 0.6;
}
.casedet-top-left-cry ol li p {
    color: var(--colorfff);
    font-size: var(--font18);
    line-height: var(--line175);
    opacity: 1;
}
.casedet-top-left-cry p:last-child {
    margin-bottom: 0 !important;
}
.casedet-page .yxedr-active p {
    color: var(--colorfff);
    font-size: var(--font18);
    line-height: 1.65;
    opacity: 0.6;
}
.casedet-page .yxedr-active ol li p {
    color: var(--colorfff);
    font-size: var(--font18);
    line-height: var(--line175);
    opacity: 1;
}
.casedet-top-left-cry ol {
    margin-top: 41px;
}
.casedet-top-left-cry {
    margin-bottom: 59px;
}
.casedet-page {
    background: #000;
}
.casedet-top {
    position: relative;
    z-index: 5;
    padding-top: 88px;
    padding-bottom: 91px;
}
.casedet-top-bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 1;
    pointer-events: none;
}
.casedet-top-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}
.casedet-page-bg {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 538px;
    pointer-events: none;
}
.casedet-page-bg img {
    width: 100%;
}
.casedet-page .newscry-main-cry {
    position: relative;
    z-index: 5;
    display: flex;
    align-items: flex-start;
}
.casedet-top-left {
    width: 59.24%;
    padding-right: 74px;
    margin-top: 37px;
}
.casedet-top-right {
    width: 40.76%;
}
.ctri-name {
    color: var(--colorfff);
    font-size: var(--font16);
    font-weight: 700;
    line-height: var(--line12);
}
.cnlu-li-box {
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: var(--line12);
    border-radius: var(--radius5);
    border: none;
    background: rgba(255, 255, 255, 0.10);
    padding: 10px 29px;
    position: relative;
}
.cnlu-li-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1px;
    border-radius: var(--radius5);
    background: linear-gradient(180deg, #ffffff25 0%, #ffffff00 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: -1;
}
.ctrn-num-roll span:nth-child(1) {
    color: var(--colorfff);
    font-family: var(--light);
    font-size: 50px;
    line-height: var(--line12);
    letter-spacing: -1px;
}
.ctrn-num-roll span:nth-child(2) {
    color: var(--colorfff);
    font-size: 50px;
    line-height: var(--line12);
}
.ctrn-num-roll span:nth-child(3) {
    color: var(--colorfff);
    font-size: var(--text32);
    line-height: var(--line14);
    margin-left: 6px;
}
.ctrn-num-text {
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: var(--line18);
}
.ctrn-num-roll {
    display: flex;
    align-items: center;
    margin-bottom: 9px;
}
.cnlu-li {
    padding: 0 5px;
    margin-top: 10px;
}
.ctri-name-list-ul {
    margin: 0 -5px;
    display: flex;
    flex-wrap: wrap;
}
.ctrn-list {
    display: flex;
}
.why-grid .ys-cont1560 .why-grid-cry-box:last-child {
    margin-bottom: 0;
}
.ctrn-list .ctrn-num:first-child {
    padding-right: 91px;
}
.casedet-top-right-num {
    padding-top: 28px;
    border-top: 1px solid #ffffff20;
}
.casedet-top-right-industry {
    margin-bottom: 30px;
}
.casedet-top-right-wkct {
    margin-bottom: 121px;
}
.casedet-top-right-logo {
    width: 202px;
}
.casedet-top-right-logo img {
    width: 100%;
    height: 100%;
}
.casedet-top-right {
    padding: 48px 56px 64px 50px;
    border-radius: var(--radius10);
    border: none;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.50) -1.77%, rgba(0, 0, 0, 0.50) 78.6%, rgba(230, 2, 63, 0.50) 123.13%);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    -moz-backdrop-filter: blur(4px);
    -o-backdrop-filter: blur(4px);
    -ms-backdrop-filter: blur(4px);
    position: relative;
}
.casedet-top-right::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 2px;
    border-radius: var(--radius10);
    background: linear-gradient(130deg, #ffffff85 0%, #ffffff12 50%, #ffffff85 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: -1;
}
.ctlc-img {
    width: 184px;
    padding: 10px 9px;
    position: relative;
    margin-bottom: 10px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    -moz-backdrop-filter: blur(4px);
    -o-backdrop-filter: blur(4px);
    -ms-backdrop-filter: blur(4px);
}
.ctlc-img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 2px;
    border-radius: 4px;
    background: linear-gradient(130deg, #ffffff80 0%, #ffffff00 50%, #ffffff80 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: -1;
}
.ctlc-text {
    display: flex;
    justify-content: center;
}
.casedet-top-left-code {
    width: fit-content;
    display: flex;
    flex-direction: column;
}
.ctlc-img img {
    width: 100%;
}
.casedet-top-right-logo {
    margin-bottom: 51px;
}
.casedet-page video {
    background: transparent;
}
.casedet-arr-video {
    /* width: 100%; */
    position: relative;
}
.casedet-arr-btn,
.casedet-arr-btn-three,
.casedet-arr-btn-two {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 5;
    transform: translate(-50%, -50%);
    display: none;
    cursor: pointer;
}
.casedet-arr-video img {
    width: 100%;
    border-radius: 10px;
}
/* .casedet-page .ys-video-wrap1 {
    max-width: 1296px;
    width: 100%;
} */
.casedet-arrange-two .ys-video-wrap1 {
    margin-bottom: 28px;
}
.casedet-arrange-one .newscry-main-cry {
    flex-direction: column;
    margin-bottom: 10px;
}
.caoi-list-li {
    margin-bottom: 10px;
    width: 100%;
}
.caoi-list-li img {
    border-radius: var(--radius10);
    width: 100%;
}
.caoi-list .caoi-list-li:last-child {
    margin-bottom: 0;
}
.casedet-arrange-one,
.casedet-arrange-two,
.casedet-arrange-three {
    position: relative;
    padding-bottom: 82px;
}
.caoi-list-li .ys-imgbox-cover {
    width: 100%;
}
.casedet-arrange-two .newscry-main-cry {
    flex-direction: column;
}
.cati-list-li .ys-imgbox-cover {
    width: 100%;
}
.cati-list {
    margin: 0 -14px;
    display: flex;
    flex-wrap: wrap;
}
.cati-list-li {
    width: 50%;
    padding: 0 14px;
    margin-bottom: 28px;
}
.casedet-arrange-two .ys_video_wrap1 {
    margin-bottom: 28px;
}
.casedet-arrange-three .caoi-list-li {
    margin-bottom: 0;
}
.casedet-arrange-three .newscry-main-cry {
    flex-direction: column;
}
.swiper-container.casedet-scene-swiper {
    overflow: visible !important;
}
.casedet-scene-box {
    max-width: 826px;
    width: 85vw;
    margin: auto;
}
.casedet-scene-box h2 {
    color: var(--colorfff);
    text-align: center;
    font-size: var(--font48);
    line-height: 1.3;
    margin-bottom: 39px;
}
.casedet-scene-box {
    position: relative;
}
.casedet-scene-pagination.swiper-pagination {
    bottom: -56px !important;
    top: auto !important;
    width: 234px !important;
    height: 1px !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    background: rgb(255, 255, 255, .3);
}
.casedet-scene-pagination.swiper-pagination .swiper-pagination-progressbar-fill {
    background: #fff;
}
.casedet-scene {
    padding-bottom: 237px;
}
.casedet-scene-prev::after {
    content: unset !important;
}
.casedet-scene-next::after {
    content: unset !important;
}
.casedet-scene-prev,
.casedet-scene-next {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50%;
    bottom: -80px !important;
    top: auto !important;
    transition: all .4s ease;
}
.casedet-scene-box-btn {
    max-width: 410px;
    position: relative;
    margin: auto;
}
.casedet-about {
    background: var(--colorfff);
    padding: var(--space150) 0;
}
.casedet-about h2 {
    color: var(--color111);
    font-size: 44px;
    line-height: 1.3;
    margin-bottom: 38px;
    text-align: center;
}
.casedet-about .newscry-main-cry {
    flex-direction: column;
}
.casl-name {
    color: var(--color111);
    font-size: var(--font24);
    line-height: var(--line14);
    margin-bottom: 20px;
    transition: all .4s ease;
}
.casl-tab {
    color: var(--color4a4);
    font-size: var(--font16);
    line-height: var(--line18);
}
.casedet-about-slide-link .ys-imgbox-cover {
    border-radius: 4px;
    width: 100%;
    margin-bottom: 28px;
}
.casedet-about-pagination.swiper-pagination {
    bottom: 0 !important;
    top: auto !important;
}
.casedet-about-pagination.swiper-pagination .indus-pagination .swiper-pagination-bullet {
    background: var(--color4a4) !important;
    opacity: 1 !important;
    margin: 0 5px !important;
    transition: all .4s ease;
    opacity: 1 !important;
}
.casedet-about.empty .casedet-about-pagination.swiper-pagination {
    opacity: 0 !important;
}
.casedet-about-pagination.swiper-pagination .swiper-pagination-bullet-active {
    background: var(--colormain) !important;
}
.casedet-about-swiper {
    padding: 30px 0 !important;
    margin: -30px 0 !important;
}
.newslist-contact .std-btn1-box {
    padding: 10px 30px;
}
.newscry-main-right-bottom .std-btn1-box {
    padding: 10px 28px;
}
/* F2 */
.why-top {
    position: relative;
}
.why-top-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
}
.why-top-bg img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.why-top-info h1 {
    color: var(--colorfff);
    font-size: var(--font60);
    line-height: var(--line12);
}
.why-top-info-cry p {
    color: var(--colorfff);
    font-size: var(--font18);
    line-height: var(--line175);
}
.why-top-info-cry {
    width: 45.64%;
}
.why-top-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 63px;
}
.why-page video {
    background: transparent;
}
.why-top-video {
    width: 75%;
    display: flex;
    justify-content: center;
    position: relative;
    margin: auto;
}
.why-top-video-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    width: 112px;
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.30);
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(7.5px);
}
.why-top-video-btn img {
    width: 100%;
}
.why-top {
    padding-top: 92px;
    padding-bottom: 110px;
}
.why-num h2 {
    color: var(--color111);
    font-size: var(--font48);
    line-height: var(--line12);
    padding-bottom: 36px;
    border-bottom: 1px solid #DADADA;
}
.why-num h2 span {
    margin-left: 32px;
}
.why-num {
    padding-bottom: var(--space150);
}
.wnil-num span {
    color: var(--line18);
    font-size: 217.812px;
    line-height: var(--line12);
}
.wnil-text {
    color: var(--color4a4);
    font-size: var(--font30);
    line-height: var(--line14);
}
.cciu-list-link {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}
.cciu-list-link-cry {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.why-num-info-right .wnil-text {
    margin-left: 20px;
}
.why-num-info-right .wnil-num span {
    font-size: 120px;
}
.why-num-info {
    display: flex;
    align-items: center;
    padding-top: 88px;
}
.why-num-info-left,
.why-num-info-right {
    width: 50%;
}
.why-num-info-left {
    padding-right: 121px;
    position: relative;
}
.why-num-info-left::after {
    content: "";
    background: #DADADA;
    width: 1px;
    height: 456px;
    position: absolute;
    right: 0;
    bottom: -110px;
}
.why-num-info-right {
    padding-left: 92px;
}
.why-num-info-right .wnir-cry {
    display: flex;
    align-items: baseline;
}
.why-num-info-right .wnir-cry:first-child {
    padding-bottom: 70px;
    border-bottom: 1px solid #DADADA;
}
.why-num-info-right .wnir-cry:last-child {
    padding-top: 36px;
}
.casedet-about .std-btn2 {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}
.newscry-page .newscry-main-left-top h1 {
    margin-bottom: 50px;
}
.why-scheme-title h2 {
    color: var(--color111);
    text-align: center;
    font-size: var(--font48);
    line-height: var(--line12);
    margin-bottom: 20px;
}
.newslist-contact .std-btn1-box {
    background: #CC0036;
    border-radius: 8px;
}
.newslist-contact .std-btn1-box::after {
    opacity: 1;
}
.indus-slide-link .islt-cry-btn img {
    transition: all .36s ease-in-out;
}
.islt-cry-title {
    transition: all .36s ease-in-out;
}
.casedet-top-left-cry ol li {
    list-style: inherit;
    color: var(--colorfff);
    font-size: var(--font18);
    line-height: var(--line175);
    margin-bottom: 9px;
}
.casedet-page .yxedr-active ol li {
    list-style: inherit;
    color: var(--colorfff);
    font-size: var(--font18);
    line-height: var(--line175);
    margin-bottom: 9px;
}
.casedet-top-left-cry ol {
    padding-left: 20px;
}
.casedet-page .yxedr-active ol {
    padding-left: 18px;
}
.ctrn-list .ctrn-num:nth-child(1) .ctrn-num-roll span:nth-child(3) {
    font-size: var(--font16);
    margin-left: 7px;
}
.casedet-about.empty .casedet-about-wrapper {
    justify-content: center;
}
.ys-share-list {
    cursor: pointer;
}
.ys-share-img img {
    width: 100%;
}
.newscry-main-bottom-cry h4 {
    font-size: var(--text20);
    color: var(--color111);
    line-height: var(--line12);
}
.whitedet-page .yxedr-active h4 {
    font-size: var(--text20);
    color: var(--color111);
    line-height: var(--line12);
}
.newscry-page .std-btn1-box::after {
    opacity: 1;
}
.why-grid .ys-cont1560::before {
    content: "";
    border-radius: 1310.31px;
    background: radial-gradient(50% 50% at 50% 50%, #E6023F 0%, rgba(230, 2, 63, 0.00) 100%);
    filter: blur(75px);
    -webkit-filter: blur(75px);
    -moz-filter: blur(75px);
    -o-filter: blur(75px);
    -ms-filter: blur(75px);
    width: 1310.31px;
    height: 563.964px;
    transform: rotate(135deg);
    position: absolute;
    top: -300px;
    left: -500px;
    pointer-events: none;
    z-index: -2;
}
.why-grid .ys-cont1560 {
    background: #000;
    border-radius: var(--radius20);
    overflow: hidden;
    position: relative;
    padding: 62px 60px 62px;
    z-index: 5;
}
.wgcb-name {
    color: var(--colorfff);
    font-size: var(--font18);
    line-height: var(--line16);
    padding-right: 20px;
    width: 10%;
}
.why-grid-cry-box {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.why-grid-cry .why-grid-cry-box:last-child {
    margin-bottom: 0;
}
.wgcb-list {
    display: flex;
    margin: 0 -5px;
    width: 90%;
}
.wgcb-list-li {
    padding: 0 5px;
    width: calc(100% / 6);
}
.wgcb-list-li img {
    border-radius: 7px;
}
.why-event-top-title h2 {
    color: var(--colorfff);
    font-size: var(--font48);
    line-height: var(--line12);
}
.why-event-top {
    margin-bottom: 51px;
    display: flex;
    justify-content: space-between;
}
.wett-list-li-tab {
    cursor: pointer;
    color: var(--colorfff);
    text-align: center;
    font-size: var(--font18);
    line-height: var(--line16);
}
.why-event {
    background: var(--color000);
}
.why-grid {
    padding-bottom: var(--space150);
}
.wett-list-li-tab {
    border-radius: 4px;
    border: none;
    padding: 9px 44px 6px;
    position: relative;
    transition: all .4s ease;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.15) -34.75%, rgba(12, 12, 12, 0.00) 74.52%, rgba(12, 12, 12, 0.00) 100%);
}
.wett-list-li.active .wett-list-li-tab {
    background: linear-gradient(90deg, rgba(230, 2, 63, 0.80) -40.63%, rgba(12, 12, 12, 0.80) 73.41%, rgba(29, 23, 23, 0.80) 100%);
}
.wett-list-li.active .wett-list-li-tab::before {
    content: "";
    background: var(--colormain);
    width: 2px;
    height: 40px;
    position: absolute;
    left: 1px;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}
.wett-list-li.active .wett-list-li-tab::after {
    background: linear-gradient(90deg, #E6023F -40.63%, #FFFFFF50 50%, #FFFFFF25 100%);
}
.wett-list-li-tab::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1px;
    border-radius: 4px;
    background: linear-gradient(90deg, #FFFFFF50 0%, #FFFFFF25 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}
.wett-list {
    display: flex;
    margin: 0 -8px;
}
.wett-list-li {
    width: 178px;
    padding: 0 8px;
}
.why-event {
    padding: 144px 0 166px;
}
.why-event-slide-three.swiper-slide {
    height: calc((100% - 10px) / 2) !important;
}
.swiper-container.why-event-swiper-three {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.why-event-wrapper-one,
.why-event-wrapper-three {
    flex-direction: column;
    flex-wrap: wrap;
}
.why-event-slide-one {
    margin-bottom: 10px;
    margin-right: 10px;
}
.why-event-swiper-one {
    height: 600px;
}
.why-event-swiper-one,
.why-event-swiper-two,
.why-event-swiper-three {
    padding: 40px 0 !important;
    margin: -40px 0 !important;
}
.why-event-pagination-one.swiper-pagination .swiper-pagination-bullet {
    opacity: 0.4;
    margin: 0 8px !important;
    background: var(--colorfff);
}
.why-event-pagination-one.swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
}
.why-event-pagination-two.swiper-pagination .swiper-pagination-bullet {
    opacity: 0.4;
    margin: 0 8px !important;
    background: var(--colorfff);
}
.why-event-pagination-two.swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
}
.why-event-pagination-three.swiper-pagination .swiper-pagination-bullet {
    opacity: 0.4;
    margin: 0 8px !important;
    background: var(--colorfff);
}
.why-event-pagination-three.swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
}
.why-event-pagination-two,
.why-event-pagination-one,
.why-event-pagination-three {
    bottom: 0 !important;
}
.why-event-pagination-two {
    display: flex;
    align-content: center;
}
.why-encou {
    position: relative;
    padding: 178px 0 250px;
}
.why-encou-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    z-index: 1;
    height: 100%;
}
.why-encou-bg img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.why-encou .ys-cont1560 {
    position: relative;
    z-index: 5;
}
.why-encou h2 {
    color: var(--colorfff);
    font-size: var(--font48);
    line-height: var(--line12);
    margin-bottom: 92px;
}
.casedet-top-left-cry ol li:last-child {
    margin-bottom: 0 !important;
}
.why-encou-list ul li p {
    color: var(--colorfff);
    font-size: var(--text20);
    line-height: 1.3;
    margin-bottom: 25px;
}
.why-page .yxedr-active ul li p {
    color: var(--colorfff);
    font-size: var(--text20);
    line-height: 1.3;
    margin-bottom: 25px;
}
.why-encou-list ul li:last-child p {
    margin-bottom: 0 !important;
}
.why-encou-list ul {
    padding-inline-start: 18px;
}
.why-page .yxedr-active ul {
    padding-inline-start: 22px;
}
.why-encou-list ul li:last-child {
    margin-bottom: 0px !important;
}
.why-page .yxedr-active ul li::marker {
    color: var(--colormain);
    font-size: 22px;
}
.why-encou-list ul li::marker {
    color: var(--colormain);
    font-size: 22px;
}
.why-run-slide {
    width: 529px !important;
}
.why-run-slide-name {
    color: var(--color111);
    font-size: var(--font18);
    line-height: 1.3;
    text-align: center;
}
.why-run-slide .ys-imgbox-cover {
    width: 100%;
    margin-bottom: 18px;
}
.why-encou {
    margin-bottom: 28px;
}
.why-run {
    padding-bottom: 197px;
}
.why-scheme-title-text {
    color: var(--color666);
    font-size: var(--font16);
    line-height: var(--line175);
    text-align: center;
}
.why-scheme {
    padding: 140px 0 147px;
}
.why-scheme-img img:nth-child(2) {
    display: none;
}
.why-scheme-img {
    width: 100%;
    transform: scale(0.8125);
    position: relative;
    margin: auto;
    border-radius: 16px;
    overflow: hidden;
}
.why-scheme-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.why-scheme-title {
    margin-bottom: 50px;
}
.why-event-wrapper-one .ys-slick-item-cont {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}
.why-event-wrapper-three .ys-slick-item-cont {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}
.why-event-wrapper-one .ys-imgbox-cover {
    width: 100%;
}
.ysic-itme {
    padding: 0 5px;
    width: 25%;
    margin-bottom: 10px;
}
.why-event-bottom .slick-dots {
    bottom: -30px;
}
.why-event-bottom .slick-dots li {
    width: 8px;
    height: 8px;
    margin: 0 8px;
    background: #fff;
    opacity: 0.4;
}
.why-event-bottom .slick-dots li.slick-active {
    opacity: 1;
}
.why-event-wrapper-two .ys-slick-item-cont {
    display: flex;
    margin: 0 -67px;
    flex-wrap: wrap;
}
.why-event-wrapper-two .ys-imgbox-cover {
    width: 100%;
}
.why-event-slide-two {
    padding: 0 67px;
    margin: 0;
}
.why-event-wrapper-two {
    margin: 0 -67px;
}
.ysic-box {
    width: 25%;
    padding: 0 67px;
}
.why-event-bottom-swiper:not(:first-child) {
    opacity: 0;
    pointer-events: none;
}
.why-event-bottom .why-event-bottom-swiper:nth-child(1).empty {
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}
/* .why-event-bottom-swiper {
    position: relative;
} */
.why-event-bottom {
    position: relative;
}
.why-event-bottom .why-event-bottom-swiper:nth-child(3) .webs-center {
    position: absolute;
    top: 78%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}
.why-event-bottom .why-event-bottom-swiper:nth-child(2) .webs-center {
    position: absolute;
    top: 56%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}
.why-event-bottom .why-event-bottom-swiper:nth-child(2) .slick-dots {
    bottom: -45px;
}
.why-event-bottom .why-event-bottom-swiper:nth-child(3).empty .webs-center {
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}
.newscry-page .std-btn1-box {
    border-radius: 8px;
}
.newscry-page .std-btn1-box::before {
    opacity: 1;
}
.casedet-arrange-one .newscry-main-cry p {
    opacity: 1 !important;
    margin-bottom: 10px;
}
.casedet-arrange-one .newscry-main-cry p:last-child {
    margin-bottom: 0;
}
.casedet-arrange-one .newscry-main-cry p img {
    width: 100%;
}
.casedet-arrange-one .newscry-main-cry video, 
.casedet-arrange-two .newscry-main-cry video {
    width: 100%;
    border-radius: 10px;
}
.casedet-arrange-one .yxedr-active p {
    opacity: 1 !important;
    margin-bottom: 10px;
}
.casedet-arrange-one .yxedr-active p:last-child {
    margin-bottom: 0;
}
.casedet-arrange-one .yxedr-active p img {
    width: 100%;
}
.casedet-arrange-one .yxedr-active video {
    width: 100%;
}
.casedet-arrange-three .newscry-main-cry p {
    opacity: 1 !important;
    margin-bottom: 0;
}
.casedet-arrange-three .newscry-main-cry video {
    width: 100%;
    margin-bottom: 0;
}
.casedet-arrange-three .yxedr-active p {
    opacity: 1 !important;
    margin-bottom: 0;
}
.casedet-arrange-three .yxedr-active video {
    width: 100%;
    margin-bottom: 0;
}
.casedet-arrange-three .newscry-main-cry p img {
    width: 100%;
}
.casedet-arrange-three .yxedr-active p img {
    width: 100%;
}
.casedet-about-slide {
    padding: 0 15px;
}
.casedet-about-wrapper {
    margin: 0 -15px;
}
.why-run-wrapper {
    width: calc((500px * var(--width-shu)) + (29px * var(--width-shu)));
}
@keyframes donghua1 {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}
.why-run-wrapper1 {
    animation: donghua1 linear infinite;
}
@keyframes donghua2 {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0);
    }
}
.why-run-wrapper2 {
    transform: translateX(100%);
    position: absolute;
    top: 0;
    left: 0;
    animation: donghua2 linear infinite;
}
.why-run-swiper {
    position: relative;
}
.why-run-slide {
    padding-right: 29px;
}
.why-run-wrapper {
    display: flex;
    flex-direction: row;
    width: fit-content;
}
.caselist-classifi-list-ph {
    display: none;
}
.ctlc-text p {
    color: var(--colorfff);
    text-align: center;
    font-size: var(--font18);
    line-height: var(--line175);
    text-align: center;
}
.why-encou-bg img:nth-child(2) {
    display: none;
}
.casedet-arrange-one.on .newscry-main-cry p {
    margin-bottom: 0 !important;
}
.casedet-arrange-one.on .newscry-main-cry {
    margin-bottom: 0 !important;
}
.ys-cont1352 {
    width: 85vw;
    max-width: 1352px;
    margin: auto;
}
.why-scheme-img .ys-ban-video {
    display: none;
}
.newslist-list-search-box input::placeholder {
    color: var(--color999);
    font-size: var(--font18);
}
.indus-page .ys-pos-center {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.indus-ys-title {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.indus-ys-title h1 {
    color: var(--colorfff);
    font-size: var(--font60);
    line-height: var(--line12);
    margin-bottom: 17px;
}
.indus-ys-title p {
    color: var(--colorfff);
    font-size: var(--font18);
    line-height: var(--line16);
    margin-bottom: 64px;
}
.newslist-list-sort-box {
    width: 100%;
}
.nlsb-ul-li.swiper-slide {
    width: auto;
}
/* lucas end */
/*鼠标效果*/
@media screen and (min-width: 1200px) {
    /* lucas start */
    .why-run-swiper:hover .why-run-wrapper {
        animation-play-state: paused !important;
    }
    .newslist-top-slide-link:hover .ntsl-left-more img {
        transform: translateX(10px);
    }
    .newslist-top-slide-link:hover .ntsl-left-title {
        color: var(--colormain);
    }
    .wett-list-li-tab:hover {
        color: var(--colormain);
    }
    .nlml-li-link:hover .cciu-list-link-more img {
        transform: translateX(10px);
    }
    .cciu-list-link:hover .cciu-list-link-more img {
        transform: translateX(10px);
    }
    .indus-slide-link:hover .islt-cry-btn img {
        transform: translateX(10px);
    }
    .ilml-link:hover .cciu-list-link-more img {
        transform: translateX(10px);
    }
    .indus-slide-link:hover .islt-cry-title {
        color: var(--colormain);
    }
    .casedet-about-slide-link:hover .casl-name {
        color: var(--colormain);
    }
    .casedet-scene-prev:hover {
        background: var(--colorfff);
    }
    .casedet-scene-next:hover {
        background: var(--colorfff);
    }
    .nliu-li-link:hover {
        color: var(--colormain);
    }
    .nlil-link:hover .nlil-link-title {
        color: var(--colormain);
    }
    .nmlp-info:hover div {
        color: var(--colormain);
    }
    .ilml-link:hover .cciu-list-link-more p {
        color: var(--colormain);
    }
    .nlml-li-link:hover .cciu-list-link-more p {
        color: var(--colormain);
    }
    .cciu-list-link:hover .cciu-list-link-title {
        color: var(--colormain);
    }
    .cciu-list-link:hover .cciu-list-link-more p {
        color: var(--colormain);
    }
    .cllu-info-box:hover p {
        color: var(--colormain);
    }
    .ilml-link:hover .ilml-link-info-title {
        color: var(--colormain);
    }
    .ilml-link:hover .ilml-link-info-btn p {
        color: var(--colormain);
    }
    .ittl-li:hover .ittl-li-link {
        background: var(--colormain);
    }
    .newslist-paging .first li:hover {
        color: var(--colormain) !important;
        background: var(--colorfff) !important;
        border: 1px solid rgba(0, 0, 0, 0.10) !important;
    }
    .newslist-paging .prev li:hover {
        color: var(--colormain) !important;
        background: var(--colorfff) !important;
        border: 1px solid rgba(0, 0, 0, 0.10) !important;
    }
    .newslist-paging .next li:hover {
        color: var(--colormain) !important;
        background: var(--colorfff) !important;
        border: 1px solid rgba(0, 0, 0, 0.10) !important;
    }
    .newslist-paging .end li:hover {
        color: var(--colormain) !important;
        background: var(--colorfff) !important;
        border: 1px solid rgba(0, 0, 0, 0.10) !important;
    }
    .newslist-paging .pc-fenye li:hover {
        background: var(--colormain);
        border: 1px solid transparent;
        color: var(--colorfff);
    }
    .nlml-li-link:hover .nlml-li-link-more p {
        color: var(--colormain);
    }
    .nlml-li-link:hover .nlml-li-link-title {
        color: var(--colormain);
    }
    .nlsb-ul-li-link:hover {
        color: var(--colorfff);
        background: var(--colormain)
    }
    /* lucas end */
    /* 公共 start */
    .std-btn1-box:hover {
        background: #CC0036;
        border-radius: 8px;
    }
    .std-btn1-box:hover::after {
        opacity: 1;
    }
    .std-btn1-box:hover::before {
        opacity: 1;
    }
    .std-btn2-box:hover::after {
        opacity: 1;
    }
    .std-btn2-box:hover {
        background: #CB0036;
    }
    .std-btn2.black .std-btn2-box:hover {
        background: #CC0036;
    }
    .std-btn2.black .std-btn2-box:hover span {
        color: var(--colorfff);
    }
    .std-btn2.black .std-btn2-box:hover .std-btn2-icon img:nth-child(2) {
        opacity: 1;
    }
    .std-btn2.black .std-btn2-box:hover .std-btn2-icon img:nth-child(1) {
        opacity: 0;
    }
    .std-btn2.black .std-btn2-box:hover::before {
        opacity: 1;
    }
    .std-btn2.black:hover::after {
        opacity: 0;
    }
    .std-btn3-box:hover .std-btn3-icon {
        transform: translateX(10px);
    }
    .arrows-icon:hover {
        background: var(--colorfff);
    }
    .arrows-icon:hover img:nth-child(2) {
        opacity: 1;
    }
    .arrows-icon:hover img:nth-child(1) {
        opacity: 0;
    }
    /* 公告 end */
}
/* Lucas辅助--end */
/* B1服务-start */
.serv-lead.nomore{
    margin-top: 0px !important;
}
.ys-main{
    margin-top: var(--headh);
}
.serv-ban{
    width: 100%;
    position: relative;
}
.serv-ban-bg, .serv-ban-bg img{
    width: 100%;
}
.serv-ban-bg img{
    animation: scale 16s linear infinite;
}
@keyframes scale{
    0%{
        transform: scale(1);
    }
    100%{
        transform: scale(1.2);
    }
}
.serv-ban-cont{
    position: absolute;
    top:130px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}
.serv-ban-title h1{
    color: var(--colorfff);
    text-align: center;
}
.serv-ban-title h1 span{
    color: var(--colormain);
    font-weight: bold;
}
.serv-ban-title p{
    text-align: center;
    font-size: var(--font16);
    line-height: var(--line175);
    opacity: 0.6;
    color: var(--colorfff);
    margin-top: 14px;
}
.mod-bread{
    position: absolute;
    top:30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}
.serv-ban-text p{
    text-align: center;
    font-weight: bold;
    line-height: var(--line175);
    font-size: var(--font16);
    color: var(--colorfff);
}
.serv-ban-text{
    margin-top: 36px;
}
.serv-ban-btn{
    display: flex;
    justify-content: center;
    margin-top: 53px;
}
.serv-ban-btn .std-btn2{
    margin-right: 20px;
}
.serv-ban-btn .std-btn2:last-child{
    margin-right: 0px;
}
.std-btn2.empty .std-btn2-box::after,
.std-btn2.empty .std-btn2-box::before{
    opacity: 1;
}
.serv-media{
    width: 100%;
    position: relative;
}
.serv-media-cont{
    width: 96.8%;
    margin: 0 auto;
}
.serv-media-pop{
    width: 78%;
    margin: 0 auto;
    position: relative;
}
.serv-media-pop img:nth-child(1){
    width: 100%;
}
.serv-media-pop img:nth-child(2){
    width: 70px;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    cursor: pointer;
}
.serv-page{
    background: #060606;
}
.serv-media-runing{
    margin-top: 62px;
    position: relative;
}
.serv-media-runing::after, .serv-media-runing::before{
    content: "";
    position: absolute;
    top: 0;
    width:78px;
    height: 100%;
    z-index: 2;
}
.serv-media-runing::before{
    left: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.00) 100%);
}
.serv-media-runing::after{
    right: 0;
    background: linear-gradient(-90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.00) 100%);
}
.smrl-ul-li{
    width: 124px;
    margin-right: 25px;
    flex-shrink: 0;
}
.serv-media-runing-list{
    position: relative;
    overflow: hidden;
}
.serv-media-runing-list1 .smrl-ul {
    display: flex;
    align-items: flex-start;
    position: relative;
    width: calc(calc((124px * var(--width-shu))) + calc((25px * var(--width-shu))));
    animation: donghua1 linear infinite;
}
.serv-media-runing-list1 .smrl-ul2 {
    transform: translateX(100%);
    position: absolute;
    top: 0;
    left: 0;
    animation: donghua2 linear infinite;
}
.serv-media-runing-list2 .smrl-ul {
    display: flex;
    align-items: flex-start;
    position: relative;
    width: calc(calc((124px * var(--width-shu))) + calc((25px * var(--width-shu))));
    animation: donghua3 linear infinite;
}
.serv-media-runing-list2 .smrl-ul2 {
    transform: translateX(100%);
    position: absolute;
    top: 0;
    left: 0;
    animation: donghua4 linear infinite;
}
.serv-media-runing-list1{
    margin-bottom: 16px;
}
@keyframes donghua1{
    0% {
        transform: translateX(0%);
        -webkit-transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
    }
}
@keyframes donghua2{
    0% {
        transform: translateX(100%);
        -webkit-transform: translateX(100%);
    }
    100% {
        transform: translateX(0);
        -webkit-transform: translateX(0%);
    }
}
@keyframes donghua3{
    0% {
        transform: translateX(0%);
        -webkit-transform: translateX(0%);
    }
    100% {
        transform: translateX(100%);
        -webkit-transform: translateX(100%);
    }
}
@keyframes donghua4{
    0% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
    }
    100% {
        transform: translateX(0);
        -webkit-transform: translateX(0);
    }
}
.serv-media{
    margin-top: -135px;
}
.serv-page h2{
    color: var(--colorfff);
    text-align: center;
    line-height: var(--line15);
}
.serv-add h2 span{
    font-weight: bold;
    color: var(--colormain);
    display: inline-block;
}
.serv-add h2{
    margin-bottom: 16px;
}
.serv-add-word p{
    color: var(--colorfff);
    line-height: var(--line175);
    text-align: center;
}
.serv-add{
    padding-top: 214px;
    padding-bottom: 2px;
}
.serv-add-ul{
    display: flex;
    margin: 0 -14px;
    margin-top: 72px;
}
.serv-add-ul-li{
    width: 25%;
    padding: 0 14px;
    height: auto !important;
}
.saul-box{
    position: relative;
    border-radius: 10px; 
    padding: 66px 48px 25px 38px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    z-index: 1;
}
.saul-box::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: linear-gradient(35deg, rgba(0, 0, 0, 0.50) -1.77%, rgba(0, 0, 0, 0.50) 78.6%, rgba(230, 2, 63, 0.50) 123.13%);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    -moz-backdrop-filter: blur(4px);
    -ms-backdrop-filter: blur(4px);
    -o-backdrop-filter: blur(4px);
    z-index: -1;
    pointer-events: none;
    transition: all .4s ease;
    opacity: 1;
}
.saul-box::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: linear-gradient(35deg, rgba(0, 0, 0, 0.50) -1.77%, rgba(0, 0, 0, 0.50) 48.97%, rgba(230, 2, 63, 0.50) 101.88%);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    -moz-backdrop-filter: blur(4px);
    -ms-backdrop-filter: blur(4px);
    -o-backdrop-filter: blur(4px);
    z-index: -1;
    pointer-events: none;
    transition: all .4s ease;
    opacity: 0;
}
.saul-box-icon{
    width: 44px;
    position: absolute;
    top: -22px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}
.saul-line::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    pointer-events: none;
    border-radius: 10px;
    background: linear-gradient(-45deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.85));
    mask: linear-gradient(#000, #000) content-box, linear-gradient(#000, #000);
    mask-composite: exclude;
    padding: 1px;
    opacity: 0.5;
}
.saul-line{
    width: 100%;
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
}
.saul-box-tit{
    font-weight: bold;
    line-height: var(--line15);
    color: var(--colorfff);
}
.saul-box-tab{
    margin-top: 40px;
    width: 100%;
    position: relative;
    z-index: 1;
}
.saul-box-tab::before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(90deg, rgba(12, 12, 12, 0.00) 0%, rgba(42, 42, 42, 0.80) 49.43%, rgba(12, 12, 12, 0.00) 100%);
    opacity: 1;
    transition: all .4s ease;
    pointer-events: none;
    z-index: -1;
}
.saul-box-tab::after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(90deg, rgba(12, 12, 12, 0.00) 0%, rgba(230, 2, 63, 0.80) 49.43%, rgba(12, 12, 12, 0.00) 100%);
    opacity: 0;
    transition: all .4s ease;
    z-index: -1;
}
.saul-box-tab p{
    padding: 10px 0 9px;
    text-align: center;
    position: relative;
    font-size: var(--font18);
    line-height: var(--line175);
    border-radius: 4px;
    color: var(--colorfff);
}
.saul-box-tab p::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    pointer-events: none;
    border-radius: 8px;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    mask: linear-gradient(#000, #000) content-box, linear-gradient(#000, #000);
    mask-composite: exclude;
    padding: 1px;
    opacity: 0.5;
}
.serv-add-ul-li.slick-slide:not(:first-child){
    display: none;
}
.serv-add-ul-li{
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.serv-add-ul-li:nth-child(4n+1){
    animation-delay: 0.2s;
}
.serv-add-ul-li:nth-child(4n+2){
    animation-delay: 0.3s;
}
.serv-add-ul-li:nth-child(4n+3){
    animation-delay: 0.4s;
}
.serv-add-ul-li:nth-child(4n+4){
    animation-delay: 0.5s;
}
.serv-visu{
    width: 100%;
    padding-top: 267px;
    position: relative;
    z-index: 1;
}
.serv-visu-bg{
    width: 100vw;
    position: absolute;
    top: 0;
    z-index: -1;
    pointer-events: none;
    left: 50%;
    transform: translateX(-50%);
}
.serv-visu-bg-pic1{
    width: 100vw;
    overflow: hidden;
    opacity: 0 !important;
}
.serv-visu.start .serv-visu-bg-pic2{
    animation: expand 1.4s ease-in-out forwards;
}
.serv-visu-bg-pic2{
    width: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);
}
@keyframes expand {
    0% {
      clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);
    }
    100% {
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
}
.serv-visu-cont h2{
  animation-delay: 0.3s; 
}
.serv-visu-cont .serv-add-word, .serv-visu-cont .serv-ban-btn{
    animation-delay: 0.4s;
}
.serv-visu-run{
    animation-delay: 0.5s;
}
.serv-visu-run{
    margin-top: 116px;
    position: relative;
}
.serv-visu-run::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 207px;
    width: 100%;
    height:380px;
    background: linear-gradient(180deg, rgba(7, 7, 7, 0.00) 0%, rgba(7, 7, 7, 1) 100%);
    pointer-events: none;
}
.svrl-ul-li{
    width: 722px !important;
    flex-shrink: 0;
    margin-right: 10px;
}
.serv-visu-run-list{
    margin-bottom: 10px;
}
.serv-visu-run-list:last-child{
    margin-bottom: 0px;
}
.serv-visu-run-list{
    position: relative;
    overflow: hidden;
}
.serv-visu-run-list1 .svrl-ul, 
.serv-visu-run-list3 .svrl-ul {
    display: flex;
    align-items: flex-start;
    position: relative;
    width: calc(calc((722px * var(--width-shu))) + calc((10px * var(--width-shu))));
    animation: donghua1 linear infinite;
}
.serv-visu-run-list1 .svrl-ul2, 
.serv-visu-run-list3 .svrl-ul2 {
    transform: translateX(100%);
    position: absolute;
    top: 0;
    left: 0;
    animation: donghua2 linear infinite;
}
.serv-visu-run-list2 .svrl-ul {
    display: flex;
    align-items: flex-start;
    position: relative;
    width: calc(calc((722px * var(--width-shu))) + calc((10px * var(--width-shu))));
    animation: donghua3 linear infinite;
}
.serv-visu-run-list2 .svrl-ul2 {
    transform: translateX(100%);
    position: absolute;
    top: 0;
    left: 0;
    animation: donghua4 linear infinite;
}
.serv-visu-cont{
    position: relative;
    z-index: 2;
    padding-top: var(--space150);
}
.serv-visu-pic{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    pointer-events: none;
}
.serv-visu-pic img{
    width: 100%;
}
.serv-lead{
    padding: 207px 0 120px;
    margin-top: -207px;
    position: relative;
    z-index: 2;
}
.serv-lead-ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}
.serv-lead-ul-li{
    width: 25%;
    padding: 0 5px;
    margin-top: 10px;
}
.slul-box-tit{
    font-weight: bold;
    color: var(--colorfff);
    margin-bottom: 24px;
}
.slul-box{
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 10px;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.25) -0.65%, rgba(0, 0, 0, 0.25) 98.39%);
    overflow: hidden;
    z-index: 1;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    -moz-backdrop-filter: blur(15px);
    -ms-backdrop-filter: blur(15px);
    -o-backdrop-filter: blur(15px);
    padding: 62px 47px 87px;
}
.slul-box-bg {
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    position: absolute;
    top: 50%;
    left: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%);
}
.slul-box-bg::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    pointer-events: none;
    border-radius: 10px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.8));
    mask: linear-gradient(#000, #000) content-box, linear-gradient(#000, #000);
    mask-composite: exclude;
    padding: 1px;
    opacity: 0.5;
}
.slul-box-word p{
    opacity: 0.6;
    color: var(--colorfff);
}
.slul-box-ri{
    display: none;
}
.slul-box-le{
    width: 100%;
}
.slul-box-ri img{
    width: 100%;
}
.serv-lead-ul-li.on{
    width: 50%;
}
.serv-lead-ul-li.on .slul-box-ri{
    width: 51%;
    display: block;
}
.serv-lead-ul-li.on .slul-box-le{
    width: 49%;
    padding-right: 58px;
}
.serv-lead-ul-li.on .slul-box{
    align-items: flex-end;
    position: relative;
}
.serv-lead-ul-li.on .slul-box::before {
    opacity: 0.5;
}
.slul-box::before {
    content: "";
    position: absolute;
    right: -16%;
    bottom: -90%;
    background: radial-gradient(50% 50% at 50% 50%, rgba(230, 2, 63, 1) 0%, rgba(230, 2, 63, 0.00) 100%);
    filter: blur(40px);
    opacity: 0.5;
    width: 292px;
    height: 622px;
    transform: rotate(-120deg);
    border-radius: 623px;
    pointer-events: none;
    opacity: 0;
    transition: all 0.4s ease;
}
.serv-lead h2{
    margin-bottom: 30px;
}
.serv-pic-text{
    color: var(--colorfff);
    font-weight: bold;
    text-align: center;
    margin-top: 22px;
}
.serv-pic-cont{
    margin-top: 57px;
    width: 100%;
}
.serv-pic-cont img{
    width: 100%;
}
.serv-deep-wrap{
    border-radius: 15px;
    background: #F5F5F5;
    display: flex;
    overflow: hidden;
}
.serv-deep{
    padding: var(--space150) 0;
    background: #FFF;
}
.serv-deep-le{
    width: 57%;
    overflow: hidden;
}
.serv-deep-le img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.serv-deep-ri{
    width: 43%;
    padding:48px 116px 77px;
}
.serv-deep-ri h2{
    color: var(--color111);
    text-align: left;
}
.serv-deep-ri .std-btn2{
    margin-top: 55px;
}
.serv-deep-ri-edr p{
    font-size: var(--font18);
    line-height: var(--line16);
    color: var(--color4a4);
    margin-bottom: 18px;
}
.serv-deep-ri-edr p:last-child{
    margin-bottom: 0px;
}
.serv-deep-ri-edr p span{
    display: inline-block;
    color: var(--color111);
    font-weight: bold;
    margin-right: 34px;
}
.serv-deep-ri-edr{
    margin-top: 35px;
}
.serv-progre{
    padding: var(--space100) 0;
    background: #F5F5F5;
    position: relative;
    z-index: 1;
}
.serv-progre-bg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: -1;
}
.serv-progre-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.serv-progre h2{
    color: var(--color111);
    margin-bottom: 86px;
}
.spul-box-icon{
    width: 130px;
    margin: 0 auto;
}
.spul-box-icon img{
    width: 100%;
}
.spul-box-tit span{
    color: var(--colormain);
    font-family: var(--bold) !important;
    margin-right: 12px;
}
.spul-box-tit{
    color: var(--color111);
    line-height: 1.65;
    text-align: center;
}
.serv-progre-ul-li{
    width: 25%;
    padding: 0 23px;
    height: auto;
}
.serv-progre-ul{
    display: flex;
    margin: 0 -23px;
}
.spul-box-bot{
    height: 100%;
    margin-top: 25px;
    padding: 40px 24px 53px;
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 29.81%, rgba(255, 255, 255, 0.00) 100%);
}
.spul-box-bot p{
    color: var(--color111) !important;
    line-height: var(--line175);
    font-size: var(--font18);
    margin-bottom: var(--parpspace12) !important;
}
.spul-box-bot p:last-child{
    margin-bottom: 0px;
}
.spul-box-bot ul li::marker{
    color: var(--color111) !important;
    font-size: 16px !important;
}
.spul-box{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.spul-box-top{
    flex-shrink: 0;
}
.serv-progre-ul-li{
    position: relative;
    opacity: 0;
    transition: all .3s ease-in-out;
}
.spul-line{
   width: 167px;
   position: absolute;
   right: -83px;
   top: 146px;
}
.serv-progre-ul-li:last-child .spul-line{
    display: none;
}
.serv-progre.on .serv-progre-ul-li{
    opacity: 1;
}
.serv-progre-ul-li:nth-of-type(2) {
    transition-delay: calc(0.3s * 1);
}
.serv-progre-ul-li:nth-of-type(3) {
    transition-delay: calc(0.3s * 2);
}
.serv-progre-ul-li:nth-of-type(4) {
    transition-delay: calc(0.3s * 3);
}
.serv-teach h2{
    text-align: center;
    color: var(--color111);
}
.serv-teach-word{
    margin-top: 24px;
}
.serv-teach-word p{
    text-align: center;
    color: var(--color666);
    line-height: var(--line175);
}
.serv-teach-ul{
    margin: 0 -15px;
}
.serv-teach-ul .slick-track{
    display: flex;
    align-items: stretch;
}
.serv-teach-ul-li{
    width: 33.333333%;
    padding: 0 15px;
    height: auto !important;
}
.stul-cont{
    height: 100%;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    padding: 38px 240px 176px  47px;
    z-index: 1;
}
.stul-cont-min-name{
    font-weight: bold;
    color: var(--color111);
    line-height: var(--line175);
}
.stul-cont-min-edr{
    margin-top: 20px;
}
.stul-cont-min-edr p{
    color: var(--color4a4);
    line-height: var(--line175);
    font-size: var(--font18);
    margin-bottom:6px;
}
.stul-cont-min-edr p:last-child{
    margin-bottom: 0px;
}
.serv-teach {
    background: var(--colorfff);
    margin-top: -1px;
    position: relative;
    z-index: 2;
}
.stul-cont-bg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: -1;
}
.stul-cont-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.stul-cont-per{
    width: 49.802%;
    /* overflow: hidden; */
    position: absolute;
    bottom: 0;
    right: 10px;
}
.stul-cont-per img{
    width: 100%;
    transition: all .4s ease;
}
.serv-teach-slide{
    width: 100%;
    position: relative;
    margin-top: 52px;
}
.serv-core{
    width: 100%;
    position: relative;
    background: var(--colorfff);
}
.serv-core h2{
    color: var(--color111);
}
.serv-core-list{
    width: 74%;
    margin: 0 auto;
    margin-top: 55px;
    position: relative;
}
.serv-core-list::before{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 3.5px;
    transform: translateX(-50%);
    width: 100vw;
    height: 1px; 
    background: #E5E5E5;
}
.sclu-item p{
    color: var(--color111);
    font-size: var(--font18);
    line-height: var(--line15);
    text-align: center;
    position: relative;
    padding-bottom: 30px;
    height: 100%;
    transition: all .4s ease;
    cursor: pointer;
}
.sclu-item p::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--colormain);
}
.sclu-item{
    padding:0 50px;
    height: auto !important;
}
.serv-core-list-ul{
    margin: 0 -50px;
}
.serv-core-list-ul .slick-track{
    display: flex;
    align-items: stretch;
}
.sclu-item.slick-current p{
    color: var(--colormain);
}
.serv-core-btpic{
    width: 83%;
    margin: 80px auto 0px;
}
.scbu-li-box{
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
    position: relative;
}
.scbu-li-box-img, .scbu-li-box-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.scbu-li-box-img{
    position: relative;
}
.scbu-li-box-img::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 44.5%;
    opacity: 0.7;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 81.12%);
    pointer-events: none;
}
.scbu-li-box-textbox{
    width: calc(100% - 100px);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom:57px;
    z-index: 2;
}
.slbt-word p{
    font-size: var(--text20);
    color: var(--colorfff);
    text-align: center;
}
.slbt-word{
    margin-top: 16px;
}
.slbt-tit{
    text-align: center;
    color: var(--colorfff);
    font-weight: bold;
}
.serv-video{
    width: 100%;
    position: relative;
}
.serv-video-cont, .serv-video-cont img{
    width: 100%;
}
.serv-video-wrap{
    position: absolute;
    top:134px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}
.serv-video-wrap h2{
    text-align: center;
    color: var(--color111);
}
.serv-praise h2{
    color: var(--colorfff);
    text-align: center;
}
.serv-praise .serv-add-word{
    margin-top: 9px;
}
.serv-praise .serv-add-word span{
    font-size: var(--font24);
    margin-left: 8px;
    font-family: var(--bold) !important;
    color: var(--colormain);
}
.spct-num .ys-demo-num{
    line-height: 1.2;
    text-align: center;
    font-size: 380px;
    background: linear-gradient(180deg, rgba(230, 2, 63, 1) 47.37%, rgba(255, 255, 255, 0.8) 84.46%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.serv-praise-cont{
    width: 100%;
    position: relative;
    z-index: 1;
}
.serv-praise-cont-bg img{
    width: 100%;
}
.serv-praise-run-list{
    position: relative;
    overflow: hidden;
}
.sprl-ul-li{
    width: 496px;
    position: relative;
    margin-right: 30px;
    flex-shrink: 0;
}
.serv-praise-run-list1 .sprl-ul {
    display: flex;
    align-items: flex-start;
    position: relative;
    width: calc(calc((496px * var(--width-shu))) + calc((30px * var(--width-shu))));
    animation: donghua1 linear infinite;
}
.serv-praise-run-list1 .sprl-ul2 {
    transform: translateX(100%);
    position: absolute;
    top: 0;
    left: 0;
    animation: donghua2 linear infinite;
}
.serv-praise-run-list2 .sprl-ul {
    display: flex;
    align-items: flex-start;
    position: relative;
    width: calc(calc((496px * var(--width-shu))) + calc((30px * var(--width-shu))));
    animation: donghua1 linear infinite;
    animation-delay: 1s;
}
.serv-praise-run-list2 .sprl-ul2 {
    transform: translateX(100%);
    position: absolute;
    top: 0;
    left: 0;
    animation: donghua2 linear infinite;
    animation-delay: 1s;
}
.serv-praise-run-list1{
    margin-bottom: 30px;
}
.sprl-ul-li-box{
    position: relative;
    padding: 26px 24px 45px 30px;
    border-radius: 10px;
    overflow: hidden;
    z-index: 1;
}
.sprl-ul-li-box::before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 10px;
    background: linear-gradient(59deg, rgba(0, 0, 0, 0.50) 6.9%, rgba(0, 0, 0, 0.25) 40.67%, rgba(0, 0, 0, 0.25) 57.94%, rgba(230, 2, 63, 0.50) 97.59%);
    z-index: -1;
    width: 40%;
    height: 100%;
    pointer-events: none;
    opacity: 0;
    transition: all .4s ease;
}
.sprl-ul-li-box::after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 10px;
    background: linear-gradient(121deg, rgba(255, 255, 255, 0.10) 6.9%, rgba(255, 255, 255, 0.05) 40.67%, rgba(255, 255, 255, 0.05) 64.59%, rgba(255, 255, 255, 0.05) 85.63%);
    z-index: -1;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 1;
    transition: all .4s ease;
}
.sulb-word p{
    color: var(--colorfff);
    line-height: var(--line175);
    font-size: var(--font16);
}
.sulb-line{
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border-radius: 10px;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
    z-index: -1;
    pointer-events: none;
}
.sulb-line::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    pointer-events: none;
    border-radius: 8px;
    background: linear-gradient(-45deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25));
    mask: linear-gradient(#000, #000) content-box, linear-gradient(#000, #000);
    mask-composite: exclude;
    padding: 1px;
    opacity: 0.6;
    transition: all .4s ease;
    border-radius: 10px;
}
.serv-praise-run{
    position: relative;
    z-index: 1;
    margin-bottom: var(--space150);
}
.serv-praise-slide{
    width: calc(1920px *0.2286);
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    z-index: 4;
    pointer-events: all !important;
}
.serv-praise-slide::after{
    content: "";
    position: absolute;
    bottom: 0;
    left:-144px;
    width: 192px;
    height: 62%;
    pointer-events: none;
    background: linear-gradient(-90deg, rgba(1, 1, 1, 1) 14.7%, rgba(1, 1, 1, 0.00) 100%);
}
.serv-praise-slide::before{
    content: "";
    position: absolute;
    bottom: 0;
    right:-144px;
    width: 192px;
    height: 62%;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(1, 1, 1, 1) 14.7%, rgba(1, 1, 1, 0.00) 100%);
}
.serv-praise-slide-ul::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 80px);
    height: 50%;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 1.46%, rgba(0, 0, 0, 1) 89%);
}
.serv-praise-slide-ul::before{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 682px;
    height: 325px;
    pointer-events: none;
    opacity: 0.4;
    background: #E6023F;
    filter: blur(150px);
    border-radius: 682px;
    z-index: -1;
}
.serv-praise-slide-ul{
    position: relative;
    z-index: 2;
}
.serv-praise{
    position: relative;
}
.serv-praise-slide-ul .slick-dots{
    z-index: 1;
    bottom: 65px;
}
.serv-praise-slide-ul .slick-dots li{
    width: 10px;
    height: 10px;
    margin: 0 3.5px;
    background: rgba(255,255,255,0.2);
}
.serv-praise-slide-ul .slick-dots li.slick-active{
    background: rgba(255,255,255,1);
}
.serv-praise-bot{
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.serv-swip h2{
    text-align: center;
    color: var(--color111);
}
.serv-swip-word{
    margin-top: 24px;
}
.serv-swip-word p{
    text-align: center;
    color: var(--color666);
}
.serv-swip{
    background: var(--colorfff);
}
.serv-swip-word p span{
    margin-left: 15px;
}
.serv-swip .serv-teach-ul-li{
    padding: 0 !important;
    width: auto;
}
.serv-teach-ul.swiper-wrapper{
    margin: 0 !important;
}
.serv-swip .stul-cont-min-edr{
    margin-top: 3px;
}
.serv-swip .stul-cont-per{
    width: 54.7%;
    position: relative;
    bottom: auto;
    right: auto;
    margin-top: -20px;
}
.serv-swip-cont #ys-swiper{
    overflow: visible !important;
    padding-bottom: 40px !important;
}
.serv-swip-cont .swiper-pagination{
    bottom: 0px !important;
}
.serv-swip-cont{
    margin-top: 52px;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--colormain) !important;
}
.serv-swip .stul-cont {
    height: 100%;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    padding: 38px 0px 0px 47px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}
.stul-cont-min{
    width: 100%;
}
.serv-swip .stul-cont-min{
    width: 100%;
    padding-right: 130px;
}
.cciu-list:nth-child(3n+1){
    animation-delay: 0.2s;
}
.cciu-list:nth-child(3n+2){
    animation-delay: 0.3s;
}
.cciu-list:nth-child(3n+3){
    animation-delay: 0.4s;
}
.serv-case .caselist-classifi-info-ul{
    margin-top: 38px;
}
.serv-case{
    width: 100%;
    position: relative;
    background: var(--colorfff);
}
.serv-case h2{
    color: var(--color111);
}
.serv-case-btn{
    display: flex;
    justify-content: center;
    margin-top: 18px;
}
.serv-case-btn .std-btn2{
    margin-right: 35px;
}
.serv-case-btn .std-btn2:last-child{
    margin-right: 0px;
}
.serv-bot{
    width: 100%;
    position: relative;
    background: transparent;
}
.serv-faq h2{
    text-align: center;
    color: var(--color111);
}
.serv-faq{
    padding-top: var(--space100);
}
.serv-case{
    padding-bottom: 50px;
}
.ys-drop{
    width: 83%;
    margin: 60px auto 0;
}
.ys-drop-item:first-child .ys-drop-item-bot{
    display: block;
}
.ys-dit-name{
    font-size: var(--text20);
    color: var(--color333);
    line-height: var(--line12);
    font-weight: bold;
}
.ys-drop-item.on .ys-dit-icon i:last-child {
    opacity: 1;
}
.ys-drop-item.on .ys-dit-icon i:first-child {
    opacity: 0;
}
.ys-drop-item-top{
    padding: 30px 33px;
    border-bottom: solid 1px #ddd;
    transition: all .4s ease;
}
.ys-drop-item.on  .ys-drop-item-top{
    border-radius: 10px;
    background: #FFF;
}
.ys-drop-item-bot{
    padding: 25px 33px 37px;
}
.ys-drop-item{
    transition: all .4s ease;
}
.ys-drop-item.on {
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.20);
    box-shadow: 0px 0px 122.3px 0px rgba(184, 186, 199, 0.25);
}
.ys-drop-item-bot p{
    color: var(--color333);
    line-height: var(--line175);
    margin-bottom: var(--parpspace10);
    font-size: var(--font16);
}
.ys-drop-item-bot ul li p, .ys-drop-item-bot ol li p{
    margin-bottom: 0px !important;
    color: var(--color666);
    font-size: var(--font16);
    line-height: var(--line175);
}
.ys-drop-item-bot ul li, .ys-drop-item-bot ol li{
    margin-bottom: var(--parpspace10);
}
.ys-drop-item-bot ul li:last-child, .ys-drop-item-bot ol li:last-child{
    margin-bottom: 0px !important;
}
.serv-page .newslist-contact{
    background: transparent;
}
.newslist-contact h2{
    text-align: left !important;
}
.serv-faq .serv-case-btn{
    margin-top: 40px;
}
/* B1服务-end */
/* delia--合并补充--start */
.inside-main .ys-bread-list a{
    color: var(--color111);
}
.inside-main .ys-bread-list::before{
    color: var(--color111);
}
.ys-main{
    position: relative;
}
.ys-cont1300{
    width: 85vw;
    max-width: 1300px;
    margin: 0 auto;
}
.newscry-main{
    padding-top: var(--space150);
}
.newslist-page .swiper-pagination-bullet-active{
    background: var(--colorfff) !important;
}
.show-box{
    transition: all .8s ease-in-out;
    transform-origin: right center;
}
.newslist-contact-bg svg{
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}
.nlsb-input{
    width: 100%;
    height: 100%;
}
.why-top, .whitedet-main, .casedet-top{
    padding-top: var(--space150);
}
.wnil-num{
    position: relative;
}
.wnil-num span{
    transition: all .4s ease;
    cursor: default;
}
.newslist-contact-bg{
    pointer-events: none;
}
.newslist-contact-bg .ys-nyban-pc{
    width: 100%;
    position: relative;
    pointer-events: none;
}
.newslist-contact-box{
    position: relative;
    z-index: 1;
}
.newslist-contact-text{
    position: relative;
    z-index: 2;
}
.std-btn1-box{
    pointer-events: all !important;
}
.newscry-main-bottom-cry h3{
    margin-bottom: 24px;
}
.casedet-arrange-two .yxedr-active p{
    opacity: 1;
    margin-bottom: 28px;
}
.caselist-top{
    padding-top: 56px;
}
/* delia--合并补充--end */
/* F5-联系我们-表单-start */
.ctact-page{
    background: #000;
}
.ctact-form-le h1{
    font-size: 40px;
    color: var(--colorfff);
}
.cflt-tp-icon{
    width: 24px;
    flex-shrink: 0;
    font-size: 0;
    margin-right:12px;
}
.cflt-tp-icon img{
    width: 100%;
}
.cflt-tp-word p{
    font-size: var(--text20);
    color: var(--colorfff);
    line-height: var(--line12);
}
.cflt-tp{
    width: 86%;
    position: relative;
    display: flex;
    align-items: center;
    padding: 10px 17px;
    border-radius: 4px;
    background: linear-gradient(90deg, rgba(230, 2, 63, 0.80) -65.25%, rgba(0, 0, 0, 0.00) 74.52%, rgba(12, 12, 12, 0.00) 100%);
    overflow: hidden;
}
.cflt-tp::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 2px;
    height: 90%;
    background: rgba(230, 2, 63, 1);
}
.cflt-bt-item a{
    font-weight: bold;
    color: var(--colorfff);
    line-height: var(--line12);
    display: inline-block;
    font-size: var(--font18);
}
.cflt-bt{
    display: flex;
    margin: 0 -30px;
    margin-top:20px;
}
.cflt-bt-item{
    padding: 0 30px;
}
.ctact-form-le-tel{
    margin-top: 84px;
}
.cflt-list{
    margin-top: 56px;
}
.cflt-list:first-child{
    margin-top: 0px;
}
.ctact-form-ri{
    width: 41%;
}
.ctact-form-le{
    width: 59%;
    padding-right: 279px;
}
.clul-box-text{
    color: var(--colorfff);
}
.clul-box-text span{
    display: block;
    font-size: var(--font14);
    line-height: var(--line12);
    opacity: .5;
    margin-top: 6px;
}
.cflt-list-ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -18px;
    margin-top: 10px;
}
.cflt-list-ul-li{
    width: 50%;
    padding: 0 18px;
    margin-top: 30px;
}
.clul-box-icon{
    width: 50px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 5px;
}
.clul-box-icon img{
    width: 100%;
}
.clul-box{
    display: flex;
    align-items: center;
}
.ctact-form-le .mftr-apply{
    padding-top: 37px;
    margin-top: 32px;
}
.ctact-form-cont{
    display: flex;
    align-items: center;
}
.ys-fii-name{
    font-size: var(--font18);
    color: var(--colorfff);
    line-height: var(--line12);
}
.ys-fii-input{
    height: 40px;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.07);
    border: none;
}
.ys-fii-input input{
    font-size: var(--font16);
    color: var(--colorfff);
    line-height: var(--line12);
}
.ys-form-inof-item{
    margin-bottom: 10px;
}
.ys-fic-auth-img{
    height: 28px;
    cursor: pointer;
}
.ys-fic-auth {
    display: flex;
    align-items: center;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.07);
    padding: 0 6px 0 0;
}
.ys-form-inof-code{
    width: 100%;
}
.ys-form-inof-code .ys-fii-input{
    background: transparent !important;
}
.ys-fia-text-word{
    color: var(--color666);
    line-height: var(--line175);
    font-size: var(--font14);
}
.ys-fia-text-word a{
    display: inline-block;
    text-decoration: underline;
    color: var(--color666);
}
.ys-fia-text-btn{
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    position: relative;
    top: 3px;
    transition: all .4s ease;
}
.ys-fia-text-btn::before {
    border: 1px solid #666;
    border-radius: 4px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.ys-form-inof-agree.on .ys-fia-text-btn::before{
    border: 1px solid #E6023F;
}
.ys-fia-text-btn::after{
    display: none;
}
.ys-fia-text-btn img{
    width: 60%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    transition: all .4s ease;
}
.ys-form-inof-agree.on .ys-fia-text-btn img{
    opacity: 1;
}
.ys-form-inof-agree.on .ys-fia-text-btn{
    background: #E6023F;
}
.ys-form-inof-submit{
    margin: 0;
    width:100%;
    margin-top: 44px;
}
.ys-form-inof-submit .std-btn2{
    width: 100%;
}
.ys-form-inof-submit .std-btn2 span{
    font-weight: normal;
}
.ys-fii-tips{
    font-size: var(--font14);
}
.ctact-form-ri{
    position: relative;
    padding: 39px 56px 54px;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.50) -1.77%, rgba(0, 0, 0, 0.50) 78.6%, rgba(230, 2, 63, 0.50) 123.13%);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    -moz-backdrop-filter: blur(4px);
    -ms-backdrop-filter: blur(4px);
    -o-backdrop-filter: blur(4px);
    border-radius: 10px;
}
.ctact-form-ri h2{
    text-align: center;
    color: var(--colorfff);
    margin-bottom: 25px;
    position: relative;
}
.ctact-form-ri::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    pointer-events: none;
    border-radius: 8px;
    background: linear-gradient(-45deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.85));
    mask: linear-gradient(#000, #000) content-box, linear-gradient(#000, #000);
    mask-composite: exclude;
    padding: 1px;
    opacity: 0.5;
    transition: all .4s ease;
}
.ctact-form{
    padding-bottom: 1px;
}
.ctact-anim-ul-li{
    width: 33.333333%;
    padding: 0 11px;
    height: auto !important;
    margin-top: 22px;
}
.ctact-anim-ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -11px;
}
.caul-cont{
    width: 100%;
    height: 100%;
}
.caul-cont img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ctact-anim-ul-li:nth-child(2){
    opacity: 0 !important;
}
.ctact-anim{
    position: relative;
    z-index: 1;
}
.ctact-page .ys-main{
    padding-bottom: var(--space150);
}
.ctact-anim .ys-cont1560{
    position: relative;
}
.ctact-anim-min{
    width: 33.333333%;
    position: absolute;
    left: 50%;
    top: 22px;
    transform: translateX(-50%);
    z-index: 2;
}
.ctact-anim-min h2{
    text-align: center;
    color: var(--colorfff);
    margin-bottom: 20px;
}
.ctact-anim-min-word p{
    text-align: center;
    opacity: 0.6;
    color: var(--colorfff);
    line-height: var(--line175);
}
.ctact-anim-btn{
    display: flex;
    justify-content: center;
    margin-top: 39px;
}
.ctact-anim-btn .std-btn2-box span{
    font-size: var(--text20);
}
.ctact-anim-btn .std-btn2-box{
    padding: 10px 40px;
}
.home-runing .smrl-ul-li{
    width: 148px;
    margin-right: 30px;
}
.home-runing .serv-media-runing-list2{
    display: none;
}
.home-runing .serv-media-runing-list1 .smrl-ul {
    width: calc(calc((148px * var(--width-shu))) + calc((30px * var(--width-shu))));
}
.home-runing .serv-media-runing{
    margin-top: 0px !important;
}
.home-runing .serv-media-runing::before,
.home-runing .serv-media-runing::after{
    display: none;
}
.home-runing img {
  filter: grayscale(100%) brightness(0);
}
.home-page .home-ctact{
    padding-bottom: 50px;
}
/* F5-联系我们-表单-end */
/* 首页-start */
.ys-dots1 .slick-dots li::after{
    background: var(--colormain);
}
.head-logo{
    width: 350px;
}
.head-logo a{
    width: 100%;
    position: relative;
    display: block;
}
.head-logo a img{
    width: 100%;
    opacity: 1 !important;
}
.ys-hd-pc{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    border-bottom: 1px solid #2D2D2D;  
}
.ys-hd-pc::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--headh);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    -moz-backdrop-filter: blur(5px);
    -ms-backdrop-filter: blur(5px);
    -o-backdrop-filter: blur(5px);
    background-color: var(--color000);
    z-index: -1;
}
.mod-nav{
    display: flex;
    justify-content: space-between;
}
.mod-nav-ri{
    display: flex;
}
.head-nav-item-title{
    color: var(--colorfff);
    line-height: var(--headh);
}
.head-nav-item-nub{
    padding: 0 20px;
}
.head-other{
    margin-left: 198px;
}
.head-texl-link{
    display: flex;
    align-items: center;
}
.head-texl-link span{
    line-height: var(--headh);
    font-size: var(--font18);
    color: var(--colorfff);
}
.head-tel-icon{
    width: 20px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 7px;
}
.head-tel-icon img{
    width: 100%;
}
.ys-hd-pc.isfixed, .ys-hd-pc.ishover, .ys-page-wrap.act .ys-hd-pc{
    background: #000;
}
.yx-search3xlbox {
    height: 72px;
    background: #111;
    box-shadow: 0 10px 18px 3px rgb(0 0 0 / 2%);
    border-top: solid 1px #171717;
}
.yx-search3-tbox{
    height: 40px;
}
.head-search-btn.act .ys-imgbox-cover:first-child{
    opacity: 1 !important;
}
.head-search{
    margin-right: 33px;
}
.head-tel{
    margin-right: 24px;
}
.head-btn .std-btn1-box::after{
    box-shadow: 0px 3px 12px 0px #A4002C;
}
.head-search-btn{
    position: relative;
    width: 20px;
}
.head-search-btn img{
    width: 100%;
    opacity: 1 !important;
}
.ys-hd-pc.ishover .yx-search3xlbtn {
    opacity: 1 !important;
}
.ys-cont1800{
    width: 85vw;
    max-width: 1800px;
    margin: 0 auto;
}
.home-page h2{
    text-align: center;
    font-weight: bold;
}
.home-runing{
    padding-top: 25px;
}
.home-solut h2{
    margin-bottom: 27px;
}
.home-solut-word p{
    text-align: center;
    color: var(--color4a4);
    line-height: var(--line15);
}
.home-solut-word{
    margin-bottom: 95px;
}
.home-solut-ph{
    display: none;
}
.home-solut-ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}
.home-solut-ul-li{
    width: 33.333333%;
    padding: 0 5px;
    margin-bottom: 10px;
}
.home-solut-ul-li.on{
    width:66.666667%;
}
.hsul-cont{
    position: relative;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
}
.hsul-cont::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    border-radius: 0 0 8px 8px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 93.92%);
}
.home-solut-ul-li.on .hsul-cont::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 40%;
    border-radius:8px 8px 0 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, .85) 93.92%);
    z-index: 2;
}
.hsul-cont-bot{
    position: absolute;
    left: 50%;
    bottom: 50px;
    transform: translateX(-50%);
    z-index: 3;
    width: calc(100% - 136px);
}
.hsul-cont-bot-title{
    margin-bottom: 12px;
    height: 1.4em;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.hsul-cont-bot-word p{
    color: #adadad;
    font-weight: 290;
    height: 1.6em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hsul-cont-bot-list{
    display: flex;
    margin: 0 -20px;
    margin-top: 32px;
    flex-wrap: wrap;
}
.hcbl-item{
    padding: 0 20px;
    margin-top: 10px;
}
.hcbl-item .std-btn3-box span{
    color: var(--colorfff);
    font-weight: 290;
}
.home-new-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}
.home-new-ph{
    display: none;
}
.mod-foot-top{
    display: flex;
    justify-content: space-between;
}
.mod-foot-top-le{
    width: 28.5%;
}
.mftl-ul{
    width: 100%;
}
.mftl-ul-li{
    margin-bottom: 16px;
}
.mftl-ul-li:last-child{
    margin-bottom: 0px;
}
.mftl-ul-li-link{
    width: 100%;
    display: flex;
    align-items: flex-end;
    padding: 23px 32px 0 28px;
    position: relative;
    background: linear-gradient(97deg, rgba(25, 25, 25, 1) 2.74%, rgba(0, 0, 0, 1) 108.69%);
    border-radius: 8.811px;
    z-index: 1;
    overflow: hidden;
}
.mftl-ul-li-link::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    padding: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.5));
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0.2;
    z-index: -1;
    pointer-events: none;
}
.mftl-ul-li-link::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(103deg, rgba(230, 2, 63, 1) -3.54%, rgba(25, 25, 25, 1) 29.93%, rgba(0, 0, 0, 1) 108.69%);
    opacity: 0;
    transition: all .4s ease;
}
.mull-right{
    width: 29%;
    position: relative;
    bottom: -12px;
}
.mull-left{
    width: 71%;
    padding-right:45px;
    padding-bottom: 23px;
    position: relative;
}
.mull-left-tit{
    color: var(--colorfff);
    line-height: 1.3;
    margin-bottom: 8px;
}
.mull-left-word p{
    color: var(--colorfff);
    opacity: 0.6;
    line-height: 1.3;
}
.mull-left-word{
    margin-bottom: 22px;
}
.mod-foot{
    width: 100%;
    position: relative;
    z-index: 1;
    padding-top: 126px;
    padding-bottom: 43px;
}
.mull-left-more p{
    color: var(--colorfff);
    line-height: var(--line175);
}
.mftm-riul-li{
    display: none;
}
.mftm-riul-li:first-child{
    display: block;
}
.mftm-riul-li ul li {
    margin-bottom: 20px;
}
.mftm-riul-li ul li:last-child{
    margin-bottom: 0px;
}
.mftm-riul-li ul li a{
    color: var(--colorfff);
    line-height: var(--line12);
    font-size: var(--font16);
    transition: all .4s ease;
}
.mod-foot-top-min{
    max-width: 22%;
    min-width: 18%;
    display: flex;
}
.mftm-leul{
    padding-right: 50px;
}
.mftm-riul{
    padding-left: 50px;
}
.mftm-leul{
    border-right:solid 1px rgba(255,255,255,0.2);
}
.mftm-leul-li-link{
    display: inline-block;
    transition: all .4s ease;
    position: relative;
    font-size: var(--font24);
    line-height: var(--line12);
    opacity: 0.5;
    z-index: 1;
    color: var(--colorfff);
}
.mftm-leul-li{
    margin-bottom: 26px;
}
.mftm-leul-li:last-child{
    margin-bottom: 0px;
}
.mftm-leul-li-link::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 100%;
    height: 1px;
    background: var(--colorfff);
    transition: all .4s ease;
    opacity: 0;
}
.mftm-leul-li.active .mftm-leul-li-link{
    opacity: 1;
}
.mftm-leul-li.active .mftm-leul-li-link::after{
    opacity: 1;
}
.mftr-share{
    display: flex;
}
.mftr-share-list{
    margin-right: 8px;
    position: relative;
}
.mftr-share-list:last-child{
    margin-right: 0px;
}
.mftr-share-list-icon{
    width: 44px;
    cursor: pointer;
    display: block;
}
.mftr-share-list-icon img{
    width: 100%;
}
.mftr-share-list-code{
    width: 110px;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 6px;
    padding: 6px;
    background: var(--colorfff);
    box-shadow: 0 10px 18px 3px rgb(0 0 0 / 2%);
    display: none;
}
.mftr-share-list-code img{
    width: 100%;
    border-radius: 6px;
}
.mftr-share{
    margin-bottom: 40px;
}
.mftr-ctact-ul-li{
    margin-bottom: 10px;
}
.mftr-ctact-ul-li:last-child{
    margin-bottom: 0px;
}
.mcul-box{
    display: flex;
    align-items: center;
}
.mcul-box-icon{
    width: 25px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 15px;
    opacity: .5;
}
.mcul-box-icon img{
    width: 100%;
}
.mcul-box-num{
    font-size: 26px;
    font-family: var(--bold) !important;
    line-height: var(--line12);
    color: var(--colorfff);
}
.mftr-ctact-addr p{
    color: var(--colorfff);
    font-size: var(--font14);
    line-height: var(--line12);
    margin-bottom: 10px;
}
.mftr-ctact-addr p:last-child{
    margin-bottom: 0px; 
}
.mftr-ctact-addr p span{
    margin-right: 14px;
    flex-shrink: 0;
    opacity: .5;
    display: inline-block;
}
.mftr-ctact-ul{
    margin-bottom: 16px;
}
.mod-foot-top-ri{
    width: 23.5%;
}
.mftr-apply{
    padding-top: 26px;
    border-top: solid 1px rgba(255,255,255,0.3);
    margin-top: 28px;
    display: flex;
    align-items: center;
}
.mftr-apply-img{
    width: 124px;
    flex-shrink: 0;
    border-radius: 4px;
    overflow: hidden;
    background: var(--colorfff);
    margin-right: 30px;
}
.mftr-apply-img img{
    width: 100%;
}
.mftr-apply-textbox-tp p{
    font-size: var(--font16);
    line-height: 1.5;
    color: var(--colorfff);
}
.mftr-apply-textbox-tp{
    margin-bottom: 26px;
}
.matb-ri p{
    font-size: var(--font16);
    font-weight: bold;
    color: var(--colorfff);
    line-height: var(--line175);
}
.matb-le{
    width: 16px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 8px;
}
.matb-le img{
    width: 100%;
}
.mftr-apply-textbox-bt{
    display: flex;
    align-items: center;
}
.mod-foot-bot{
    margin-top: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mfbl-tp p span, .mfbl-tp p a{
    display: inline-block;
    color: var(--colorfff);
    opacity: 0.5;
    line-height: var(--line175);
    font-size: var(--font14);
}
.mfbl-tp p a{
    margin-right: 6px;
}
.mfbl-tp{
    width: 100%;
    margin-bottom: 14px;
}
.mfbl-ul{
    display: flex;
    margin: 0 -10px;
}
.mfbl-ul-li{
    padding: 0 10px;
    position: relative;
}
.mfbl-ul-li::after{
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 10px;
    background: rgba(255,255,255,0.5);
}
.mfbl-ul-li:last-child::after{
    display: none;
}
.mfbl-ul-li a{
    font-size: var(--font14);
    color: var(--colorfff);
    opacity: 0.5;
    transition: all .4s ease;
    line-height: var(--line12);
}
.mfbl-bt-power a{
    font-size: var(--font14);
    line-height: var(--line12);
    display: inline-block;
}
.mfbr-ulink{
    display: flex;
}
.mfbl-bt{
    display: flex;
    align-items: center;
}
.mfbl-bt-power{
    margin-left: 30px;
}
.mod-foot-bot-le{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.mfbr-ulink-li a{
    display:block;
    color: var(--colorfff);
    opacity: 0.5;
    transition: all .4s ease;
    font-size: var(--font14);
    line-height: var(--line175);
}
.mfbr-ulink-li{
    padding: 0 8px;
}
.mfbr-text{
    color: var(--colorfff);
    line-height: var(--line175);
    font-size: var(--font14);
    flex-shrink: 0;
    margin-right: 20px;
}
.mod-foot-bot-ri{
    display: flex;
}
.ys-footer{
    position: relative;
    z-index:1;
    width: 100%;
    background: #000;
    overflow: hidden;
}
.foot-bg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    pointer-events: none;
}
.foot-bg img:nth-child(1) {
    width: 33.7%;
    position: absolute;
    top: 0;
    right: -2%;
}
.foot-bg img:nth-child(2) {
    width: 17%;
    position: absolute;
    left: -2%;
    bottom: 0;
}
.hntl-link{
    display: flex;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.hntl-le{
    width: 66.3%;
}
.hntl-ri{
    width:33.7%;
    padding: 66px 75px 66px 57px;
    background: linear-gradient(151deg, rgba(0, 0, 0, 1) 5.84%, rgba(0, 0, 0, 1) 75.49%, rgba(230, 2, 63, 1) 100.29%);
}
.hntl-ri-date p{
    color: var(--colorfff);
}
.hntl-ri-date{
    margin-bottom: 10px;
}
.hntl-ri-tit{
    font-weight: bold;
    margin-bottom: 25px;
    color: var(--colorfff);
    transition: all .4s ease;
}
.hntl-ri-word p{
    line-height: var(--line175);
    height: 3.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: var(--colorfff);
}
.hntl-ri-word{
    margin-bottom: 44px;
}
.std-btn3.white span{
    color: var(--colorfff);
}
.home-new-tpul .slick-dots li{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--colorfff);
    opacity: 0.45;
    margin: 0 6.5px;
}
.home-new-tpul .slick-dots li.slick-active{
    opacity: 1;
}
.home-new-tpul .slick-dots{
    width: 33.7%;
    right: 0;
    left: auto;
    padding-left:57px;
    text-align: left;
    bottom: 42px;
}
.home-new-tpul{
    margin: 0 -10px;
    margin-bottom: 21px;
}
.home-new-tpul-li{
    padding: 0 10px;
}
.home-new-swip .nlml-li{
    margin-bottom: 0px !important;
}
#new-swiper{
    overflow: visible !important;
}
.newslist-list-main-list.swiper-wrapper{
    width: auto !important;
}
.home-ctact-cont h2{
    color: var(--color111);
    line-height: 1.3;
}
.home-ctact-cont h2{
    width: 34%;
    padding-right: 88px;
    position: relative;
    font-weight: normal;
    text-align: left;
}
.home-ctact-cont{
    display: flex;
    align-items: center;
}
.home-ctact-ri{
    width:66%;
    padding-left: 227px;
    position: relative;
}
.home_lead_mark {
    position: absolute;
    width: 100%;
    height: 100%;
    transform: scale(1);
    z-index: 5;
    transform-origin: center center;
    top: 0;
    left: 0;
}
.home-ctact-ri-wrap{
    width: 100%;
    position: relative;
}
.text-box {
    width: 100%;
    height: 190px;
    font-size: 150px;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    clip-path: url(#svgTextPath);
    color: white;
    background: #000;
}
.home-ctact-ri text {
    font-size: 150px;
    text-transform: uppercase;
    word-spacing: 26px;
    line-height: 1.3;
    letter-spacing: -45px;
}
.yx-case6-dot {
    width: 600px;
    height: 600px;
    display: inline-block;
    border-radius: 50%;
    position: fixed;
    left: -300px;
    top: -300px;
    opacity: 0.9;
    background: radial-gradient(50% 50% at 50% 50%, #E6023F 0%, rgba(230, 2, 63, 0.00) 100%);
    /* background: linear-gradient(90deg, #111 0%, #E6023F 100%); */
    transition: all 0s;
}
.head-nav-item{
    position: static;
}
.head-nav-item5{
    position: relative !important;
}
.head-nav-item-down{
    left: 50%;
    transform: translateX(-50%);
    background: transparent !important;
}
.serv-pull-wrap-cont{
    width: 100%;
    padding: 84px 47px 134px;
    position: relative;
    z-index: 1;
    display: flex;
    align-items:flex-start;
}
.head-nav-item-down{
    border-radius: 0px 0px 20px 20px;
    overflow: hidden;
    box-shadow: 0 10px 18px 3px rgb(0 0 0 / 10%);
}
.head-nav-item-down::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.90);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    -moz-backdrop-filter: blur(25px);
    -ms-backdrop-filter: blur(25px);
    -o-backdrop-filter: blur(25px);
    top: 0;
    left: 0;
}
.serv-pull-wrap-le{
    flex-shrink: 0;
    margin-right: 239px;
}
.serv-pull-wrap-le p{
    font-size: var(--font16);
    color: var(--colorfff);
    line-height: 1.7;
    padding-left: 19px;
    position: relative;
}
.serv-pull-wrap-le p::after{
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--colormain);
}
.sclu-li-link-word{
    color: var(--colorfff);
    line-height: 1.7;
    font-size: var(--font24);
    position: relative;
    transition: all .4s ease;
}
.sclu-li-link-word::after, .spcl-lis-link-text::after, .spcl-lis-link-word::after{
    content: "";
    position: absolute;
    left: 0%;
    bottom: 5px;
    width: 100%;
    height: 1px;
    opacity: 0;
    background: var(--colormain);
    transition: all .4s ease;
}
.sclu-li.yxnav-active2 .sclu-li-link-word::after{
   opacity: 1;
}
.sclu-li.yxnav-active2 .sclu-li-link-word{
    color: var(--colormain);
}
.sclu-li-link-icon{
    width: 48px;
    flex-shrink: 0;
    font-size: 0;
    position: relative;
    margin-left: 9px;
    opacity: 0;
}
.sclu-li-link-icon img{
    width: 100%;
}
.sclu-li-link{
    display: flex;
    align-items: center;
}
.spwr-cont-left-ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -22.5px;
}
.sclu-li{
    padding: 0 22.5px;
}
.sclu-li.on .sclu-li-link-icon{
    opacity: 1;
}
.serv-pull-wrap-ri{
    width: 100%;
}
.spwr-cont-left{
    width: 46%;
    padding-right: 188px;
    position: relative;
}
.spwr-cont-right{
    width: 54%;
    padding-left: 86px;
    position: relative;
}
.spwr-cont-left::after{
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 100%;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    opacity: 0.5;
}
.spwr-cont{
    display: flex;
    align-items: stretch;
}
.scru-li-links{
    display: flex;
    align-items: center;
}
.scru-li-links span{
    color: var(--colorfff);
    font-size: var(--font24);
    line-height: 1.7;
}
.scru-li-links img{
    width: 18px;
    flex-shrink: 0;
    margin-left: 24px;
    transition: all .4s ease;
}
.spwr-cont-right-text{
    color: var(--colorfff);
    opacity: 0.5;
    margin-bottom: 29px;
}
.scru-li{
    margin-bottom: 30px;
}
.scru-li:last-child{
    margin-bottom: 0px;
}
.head-nav-item-title{
    position: relative;
}
.head-nav-item-title::after{
    content: "";
    position: absolute;
    left: 0%;
    bottom: 0;
    width: 0%;
    height: 2px;
    background: var(--colormain);
    transition: all .4s ease;
}
.head-nav-item.yxnav-active1 .head-nav-item-title::after{
    width: 100%;
}
.head-nav-item5{
    position: relative;
}
.about-pull-wrap{
    padding: 20px;
    position: relative;
}
.apul-links{
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    padding: 12px 10px;
    border-bottom: solid 1px rgba(255,255,255,0.2);
} 
.apul-links span{
    white-space: nowrap;
    font-size: var(--font16);
    line-height: 1.7;
    opacity: 0.4;
    color: var(--colorfff);
    display: block;
}
.apul-links img{
    width: 14px;
    flex-shrink: 0;
    margin-left: 15px;
    opacity: 0;
    transition: all .4s ease;
}
.about-pull-ul-li.yxnav-active2 .apul-links span{
    opacity: 1;
}
.about-pull-ul-li.yxnav-active2 .apul-links img{
    opacity: 1;
}
.solut-pull .serv-pull-wrap-le {
    margin-right: 139px;
    padding-top: 28px;
}
.solut-pull-cont{
    display: flex;
}
.solut-pull-cont .spwr-cont-left {
    width: 62.7%;
    padding-right: 0px !important;
    padding-top: 16px;
}
.solut-pull-cont .spwr-cont-left::after{
    display: none !important;
}
.solut-pull-cont-right{
    width: 37.3%;
    padding-left: 114px;
}
.solut-pull{
    width: 100vw;
}
.solut-pull .serv-pull-wrap-cont {
    padding: 80px 0px 124px;
}
.solut-pull-cont-right .spwr-cont-right-text{
    margin-top: 35px;
    margin-bottom: 9px;
}
.spcl-lis-link-word::after{
    background: rgba(255,255,255,1);
}
.spcl-lis-link-word{
    font-size: var(--font14);
    line-height: 1.7;
    color: var(--colorfff);
    opacity: 0.5;
    position: relative;
}
.spcl-lis.yxnav-active2 .spcl-lis-link-word::after{
    opacity: 1;
}
.spcl-lis-link-text{
    position: relative;
    font-size: var(--text20);
    line-height: 1.7;
    color: var(--colorfff);
    transition: all .4s ease;
    display: inline-block;
}
.spcl-lis.yxnav-active2 .spcl-lis-link-text{
    color: var(--colormain);
}
.spcl-lis.yxnav-active2 .spcl-lis-link-text::after{
    opacity: 1;
}
.spcl-lis{
    padding:0 31.5px;
    margin-bottom: 50px;
}
.solut-pull-cont-leul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -31.5px;
}
.solut-pull::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(103deg, rgba(0, 0, 0, 0.90) -1.02%, rgba(0, 0, 0, 0.90) 85.13%, rgba(230, 2, 63, 0.90) 101.13%);
    backdrop-filter: blur(25px);
}
.solut-pull{
    border-radius: 0px !important;
}
.ys-ph-navbar3 .ys-phmenu-top{
    position: relative;
}
.ys-ph-navbar3 .ys-phmenu-top::after{
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background: #111;
    z-index: -1;
}
.ys-ph-navbar3 .ys-phnav-header{
    background: #111;
}
.ys-phnav-logo {
    width: 200px;
}
.ys-phmenu-close.fr .icon-close:before {
    color: #fff;
}
.ys-phsubnav-close {
    color: #fff;
}
.ys-ph-navbar3 .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox .ys-phnav-header-font, .ys-ph-navbar3 .ys-ph-nav li.yxnav-active2>.ys-phnav-lisbox .ys-phnav-header-font, .ys-ph-navbar3 .ys-ph-nav li.yxnav-active3>.ys-phnav-lisbox .ys-phnav-header-font {
    color: var(--colormain);
}
.mod-foot-phcry{
    display: none;
}
.home-indu{
    width: 100%;
    position: relative;
    background: #000;
}
.home-indu h2{
    color: var(--colorfff);
    text-align: center;
    margin-bottom: 70px;
}
.hilu-li{
    display: none;
}
.hilu-li:first-child{
    display: block;
}
.home-indu-lis{
    display: none;
}
.home-indu-lis:first-child{
    display: block;
}
.hvlu-lis .ys-imgbox-cover{
    width: 160px;
}
.home-voice-le-ul{
    display: flex;
    flex-wrap: wrap;
    margin:0 -5px;
}
.hvlu-lis{
    padding: 0 5px;
    margin-top: 10px;
}
.hvru-lis-ph, .hvru-lis-box-minph, .hvru-lis-logoph{
    display: none;
}
.hvru-lis{
    display: none;
}
.hvru-lis:first-child{
    display: block;
}
.home-why, .home-wrap{
    background: #000;
    position: relative;
    z-index: 1;
    width: 100%;
}
.home-wrap-bot{
    width: 100%;
    position: relative;
}
.home-wrap-bot-pic, .home-wrap-bot-pic img{
    width: 100%;
}
.home-wrap .serv-media-runing{
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 66px;
    z-index: 2;
}
.home-wrap-top-le{
    width: 46%;
}
.home-wrap-top-cont{
    display: flex;
    align-items: flex-start;
}
.hwtl-word p{
    font-size: var(--font24);
    line-height: var(--line16);
    color: var(--colorfff);
}
.home-wrap-top-le .std-btn3{
    margin-top: 30px;
}
.home-wrap-top-ri{
    width: 54%;
    padding-left: 147px;
}
.hwtr-ul{
    display: flex;
    margin: 0 -30px;
}
.hwtr-ul-li{
    padding:0 30px;
}
.hwtr-ul-li-tp{
    display: flex;
    align-items: flex-end;
}
.hwtr-ul-li-tp .ys-demo-num{
    font-size: 80px;
    color: var(--colorfff);
    line-height: 1.2;
}
.hwtr-ul-li-tp span{
    font-size: var(--font30);
    color: var(--colorfff);
    line-height: 2.25;
    margin-left: 10px;
}
.hwtr-ul-li-bot p{
    opacity: 0.6;
    color: var(--colorfff);
}
.hwtr-ul-li-bot{
    margin-top: 7px;
}
.home-wrap-top-le .std-btn3 span{
    color: var(--colorfff);
}
.home-wrap-top{
    margin-bottom: 58px;
}
.home-page .ys-main{
    padding-bottom: var(--space100);
}
.home-ctact-ri .std-btn2{
    margin-top: 31px;
}
.home-ctact-ri{
    border-left: solid 1px #000;
}
.home-page .newslist-contact{
    display: none;
}
.home-why{
    position: relative;
    background: #000;
    z-index: 1;
}
.home-why-bg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.home-why-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-wrap{
    position: relative;
    z-index: 2;
    margin-top:-1px;
}
.home-why h2{
    color: var(--colorfff);
    text-align: left;
    font-size: 80px;
    line-height: 1.2;
    margin-bottom: 34px;
    padding: 0 40px;
    font-weight: normal;
}
.home-why-text.active{
    top: 0% !important;
    left:80% !important;
    transform: translate(-50%, 0%);
}
.home-why-text{
    width: 40%;
    position: absolute;
}
.home-why-text img{
    width: 100%;
}
.home-why-ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 0 0 40px;
}
.home-why-ul-li{
    width: 35%;
    margin-top: 156px;
}
.hwul-cont-num{
    font-size: var(--text36);
    color: transparent;
    -webkit-text-stroke: 2px #E6023F;
    font-weight: 700;
    font-family: "Microsoft YaHei" !important;
    line-height: var(--line12);
    flex-shrink: 0;
    margin-right: 40px;
}
.hwul-cont{
    display: flex;
    align-items: flex-start;
}
.hwul-cont-fr-text{
    font-size: var(--text36);
    color: var(--colorfff);
    padding-bottom: 20px;
    margin-bottom: 38px;
    position: relative;
    line-height: 1.2;
}
.hwul-cont-fr-text::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg,rgba(255, 255, 255, 1)0%, rgba(255, 255, 255, 0) 100%);
    opacity: 0.3;
}
.hwul-cont-fr-word p{
    opacity: 0.7;
    line-height: 1.6;
    color: var(--colorfff);
}
.home-why-ul-li:nth-child(2n){
    animation-delay: 0.3s;
}
.home-why-ul-li:nth-child(2n) .hwul-cont{
    transform: translateY(58px);
}
.home-why{
    padding-top: 232px;
}
.home-voice h2{
    text-align: left !important;
    font-weight: normal;
    margin-bottom: 60px;
}
.home-voice-ri{
    width: 57.4%;
}
.home-voice-le{
    width: 42.6%;
    padding-right: 160px;
}
.home-voice-le .ys-imgbox-cover::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    pointer-events: none;
    z-index: 2;
    opacity: 1;
    transition: all .4s ease;
}
.hvlu-lis.active .ys-imgbox-cover::after{
    opacity: 0;
}
.home-voice-ri{
    position: relative;
}
.hvru-lis-box-logo{
    width: 262px;
}
.home-voice-cont img{
    width: 100%;
}
.home-voice-cont{
    display: flex;
    align-items: center;
}
.hvru-lis-ph{
    width: 80px;
    margin: 0 auto;
}
.hvru-lis-box-text p span, .hvru-lis-box-text p{
    font-size: var(--font30);
    color: var(--color111);
    opacity: 0.2;
    line-height: 1.75;
    /* display: inline-block; */
}
.hvru-lis-box-text p{
    opacity: 1 !important;
}
.hvru-lis-box-text p span.active{
    opacity: 1;
}
.hvru-lis-box-text{
    padding-top: 30px;
    margin-top: 38px;
    border-top: solid 1px #3D3D3D;
}
.hvru-lis-box-name{
    margin-top: 100px;
    font-size: var(--font24);
    color: var(--color111);
    line-height: 1.2;
    margin-bottom: 6px;
}
.hvru-lis-box-btul{
    display: flex;
    margin: 0 -10px;
}
.hlbb-item{
    padding: 0 10px;
    position: relative;
}
.hlbb-item::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height:70%;
    background: #3D3D3D;
}
.hlbb-item:last-child::after{
    display: none;
}
.hlbb-item p{
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--color4a4);
}
.home-indu h2{
    font-weight: normal;
    margin-bottom: 70px;
}
.hilu-li .ys-demo-num{
    font-size: 220px;
    font-family: var(--light) !important;
    color: var(--colorfff);
    line-height: 1.1;
}
.hilu-li span{
    font-size: var(--text20);
    line-height: 1.75;
    color: var(--colorfff);
}
.home-indu-le-ul{
    margin-bottom: 89px;
}
.home-indu-list-item p{
    font-size: var(--font18);
    opacity: 0.5;
    color: var(--colorfff);
    transition: all .4s ease;
    line-height: 1.2;
}
.home-indu-list-item.act p{
    opacity: 1;
}
.home-indu-list-item{
    margin-bottom: 18px;
}
.home-indu-list-item:last-child{
    margin-bottom: 0px;
}
.home-indu-cont{
    display: flex;
    align-items: flex-start;
}
.home-indu-ri{
    width: 46%;
}
.home-indu-le{
    width: 54%;
    padding-right:337px;
}
.hiru-li{
    display: none;
}
.hiru-li:first-child{
    display: block;
}
.hiru-li-cont{
    position: relative;
    display: block;
    border-radius: 10px;
    overflow: hidden;
}
.hiru-li-pic, .hiru-li-pic img{
    width: 100%;
}
.hiru-li-pic{
    position: relative;
}
.hiru-li-pic::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%);
}
.hiru-li-show{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 75px 69px 58px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.hiru-li-show-tit{
    font-size: var(--font48);
    color: var(--colorfff);
    line-height: 1.2;
}
.hiru-li-show-tit span{
    display: block;
    margin-top: 20px;
    font-size: var(--text20);
    color: var(--colorfff);
    line-height: 1.2;
}
.hlsb-bot p{
    font-size: var(--text20);
    color: var(--colorfff);
    line-height: var(--line175);
}
.hlsb-bot{
    margin-bottom: 57px;
}
.hlsb-btn{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 22px;
    border-bottom: solid 1px #d5d5d5;
}
.hlsb-btn span{
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: var(--line12);
}
.hiru-li-pic img{
    transition: all .4s ease;
}
.home-indu-cont{
    margin-bottom: 53px;
}
/* 首页-end */
/* C1解决方案详情页-start */
.solutdet-ban-cont{
    display: flex;
    align-items: center;
}
.solutdet-ban-le{
    width: 39%;
}
.solutdet-ban-le h1{
    font-size: 60px;
    color: var(--colorfff);
    line-height: 1.2;
    margin-bottom: 15px;
}
.solutdet-ban-word{
    margin-top: 75px;
}
.solutdet-ban-word p{
    line-height: var(--line175);
    color: var(--colorfff);
}
.solutdet-ban-btn{
    margin-top: 99px;
}
.solutdet-ban{
    position: relative;
}
.solutdet-ban-ri-media{
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.solutdet-ban-ri-media::after{
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 1) 100%);
    pointer-events: none;
    z-index: 1;
}
.solutdet-ban-ri-media img{
    width: 100%;
}
.solutdet-ban-ri{
    width: 61%;
    padding-left: 192px;
}
.solutdet-ban-cont{
    top: 50%;
}
.sbrc-ri{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.sbrc-ri-tit{
    font-size: var(--font16);
    font-weight: bold;
    color: var(--colorfff);
    line-height: 1.6;
}
.sbrc-ri-word p, .sbrc-ri-word span{
    font-weight: var(--bold) !important;
    color: var(--colorfff);
    font-size: var(--font16);
    display: inline-block;
}
.sbrc-ri-word p{
    padding-left: 14px;
    position: relative;
}
.sbrc-ri-word p::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border-radius: 50%;
    background: var(--colormain);
}
.sbrc-icon{
    width: 50px;
    margin-right: 17px;
}
.sbrc-icon img{
    width: 100%;
}
.solutdet-ban-ri-cont{
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 37px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    cursor: pointer;
}
.solutdet-ban-ri-wrap{
    position: relative;
    width: 100%;
}
.solutdet-year{
    width: 100%;
    position: relative;
}
.solutdet-year-svg{
    width: 100%;
}
.solutdet-year-svg svg{
    width: 100%;
    height: auto !important;
}
.solutdet-year-svg-line{
    transform-origin: center;
    animation: rotete 4s linear infinite;
}
.solutdet-year-wai{
    width: 78%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.sywu-li-icon{
    width: 64px;
    margin: 0 auto;
}
.sywu-li-icon img{
    width: 100%;
}
.sywu-li-box{
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
@keyframes rotete{
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(1turn);
    }
}
.sywu-li-word p{
    font-size: var(--text20);
    line-height: var(--line175);
    color: var(--colorfff);
}
.sywu-li{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.sywu-li1{
    left: 18%;
    top: 22%;
}
.sywu-li2{
    left: 82%;
    top: 22%;
}
.sywu-li7{
    left: 18%;
    top: 78%;
}
.sywu-li8{
    left: 82%;
    top: 78%;
}
.sywu-li3{
    left: 14%;
    top: 42%;
}
.sywu-li4{
    left: 86%;
    top: 42%;
}
.sywu-li5{
    left: 14%;
    top: 60%;
}
.sywu-li6{
    left: 86%;
    top: 60%;
}
.solutdet-year-min{
    width: 41%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.symu-li{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.symu-li p{
    font-size: var(--font18);
    color: var(--colorfff);
    line-height: 1.75;
}
.symu-li1 {
    top: 27%;
    left: 66%;
}
.symu-li5{
    top: 73%;
    left: 66%;
}
.symu-li7{
    top: 73%;
    left: 34%;
}
.symu-li11 {
    top: 27%;
    left: 34%;
}
.symu-li2{
    top: 37%;
    left: 77%;
}
.symu-li10{
    top: 37%;
    left: 23%;
}
.symu-li3{
    top: 50%;
    left: 80%;
}
.symu-li9{
    top: 50%;
    left: 20%;
}
.symu-li4{
    top: 63%;
    left: 77%;
}
.symu-li8{
    top: 63%;
    left: 23%;
}
.symu-li12{
    top: 24%;
    left: 50%;
}
.symu-li6{
    top:76%;
    left: 50%;
}
.soludet-year-textbox-word p{
    text-align: center;
    opacity: 0.5;
    font-size: var(--text20);
    color: var(--colorfff);
    line-height: 1.5;
}
.solutdet-year-textbox h2{
    font-weight: bold;
    color: var(--colorfff);
    text-align: center;
    margin-bottom: 15px;
}
.solutdet-year-textbox{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.soludet-power-cont{
    border-radius: 20px;
    background: #F5F5F5;
    padding: 70px 100px 0;
    display: flex;
}
.soludet-power{
    padding-bottom: 100px;
}
.soludet-power-cont-pic{
    width: 20%;
    margin-right: 87px;
    flex-shrink: 0;
}
.soludet-power-cont-pic img{
    width: 100%;
}
.soludet-power-cont-min{
    width: 41%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 35px;
}
.soludet-power-cont-ri{
    width: 26%;
    padding-left: 66px;
    /* border-left: solid 1px rgba(17, 17, 17, 0.2); */
    padding-bottom: 35px;
    margin-left: 84px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
}
.soludet-power-cont-ri::after {
    content: "";
    position: absolute;
    top: calc(50% - 35px);
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 100%;
    background: rgba(17, 17, 17, 0.2);
}
.soludet-power-cont-ri span{
    font-size: 120px;
    color: var(--colormain);
}
.newslist-contact-bg .ys-nyban-pc{
    height:100%;
}
.spul-box-top-title{
    color: var(--colormain);
    line-height: 1.65;
    text-align: center;
    font-weight: bold;
}
.solutdet-page .serv-progre{
    margin-bottom: var(--space100);
}
.solutdet-page .serv-progre h2{
    text-align: center;
    margin-bottom: 27px;
}
.serv-progre-words p{
    font-size: var(--text20);
    color: var(--color111);
    text-align: center;
    line-height: var(--line15);
}
.serv-progre-words{
    margin-bottom: 27px;
}
.solutdet-page .spul-line{
    top: 42px;
}
.spul-box-bot-edr ul{
    padding-left: 18px !important;
    margin: 0px !important;
}
.solutdet-page .spul-box-bot {
    padding: 29px 24px 35px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.spul-box-bot-list{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -4px;
}
.sbbl-item{
    padding: 0 4px;
    margin-top: 8px;
}
.sbbl-item p{
    font-size: var(--font16);
    color: var(--color4a4);
    line-height: 35px;
    padding: 0 30.5px;
    border-radius: 80px;
    border: 1px solid #C2C2C2;
    background: #FFF;
    margin-bottom: 0px !important;
}
.why-page .serv-progre h2{
    text-align: center;
    margin-bottom: 27px;
}
.solutdet-page .spul-box-bot-list{
    margin-top: 18px;
}
.solutdet-page .serv-progre-ul-li{
    padding: 0 14px;
}
.solutdet-page .serv-progre-ul{
    margin: 0 -14px;
}
.spcm-name{
    font-size: var(--text20);
    color: var(--color111);
    line-height: 1.45;
}
.spcm-name span{
    color: #666;
    font-size: var(--font16);
    line-height: 1.45;
    margin-top: 10px;
}
.soludet-run .serv-media-runing::before {
    left: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.00) 100%);
}
.soludet-run .serv-media-runing::after {
    right: 0;
    background: linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.soludet-slide .serv-media-runing::before,
.soludet-slide .serv-media-runing::after{
    display: none !important;
}
.smrl-ul-li::before{
    display: none !important;
}
.solutdet-text{
    font-size: var(--font18);
    color: var(--color111);
    line-height: 2;
    padding-bottom:14px;
    border-bottom: solid 1px #E9E9E9;
}
.solutdet-page .serv-media-runing{
    margin-top: 37px;
}
.solutdet-point-ri{
    width: 57.6%;
}
.solutdet-point-le{
    width: 42.4%;
    padding-right: 158px;
}
.solutdet-point-wrap{
    display: flex;
    align-items: flex-start;
}
.solutdet-point-le h2{
    margin-bottom: 62px;
}
.solutdet-page .solutdet-ban{
    margin-bottom: var(--space150);
}
.splu-li p{
    font-size: var(--font18);
    line-height: var(--line175);
    color: var(--color111);
    padding: 22px 0;
}
.splu-li p span{
    color: var(--colormain);
    margin-right: 26px;
    font-weight: bold;
    font-size: var(--font24);
}
.splu-li{
    border-bottom: solid 1px #E9E9E9;
}
.splu-li:last-child {
    border-bottom: none;
}
.solutdet-point-ri{
    padding: 49px;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}
.solutdet-point-ri-tit{
    font-size: 40px;
    text-align: center;
    font-weight: bold;
    color: var(--colormain);
}
.sprb-min{
    width: 37%;
    margin: 0 auto;
    padding: 140px 0 190px;
}
.sprb-min-word p{
    color: var(--color111);
    line-height: 1.65;
    text-align: center;
}
.sprb-min-tit{
    text-align: center;
    color: var(--color111);
    line-height: var(--line15);
    margin-bottom: 15px;
}
.solutdet-point-ri-bot{
    position: relative;
}
.solutdet-point-ri-list{
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    pointer-events: none;
}
.sprl-item{
    pointer-events: all !important;
    position: absolute;
    transform: translate(-50%,-50%);
}
.sprl-item-box{
    display: flex;
    align-items: center;
}
.sprl-item-icon{
    width: 100px;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 10px;
}
.sprl-item-icon img{
    width: 100%;
}
.sprl-item:nth-child(2n) .sprl-item-box{
    flex-direction: row-reverse;
}
.sprl-item:nth-child(2n) .sprl-item-icon{
    margin-left: 0;
    margin-right: 10px;
}
.sprl-item-box span{
    color: var(--color111);
    font-size: var(--font18);
    line-height: var(--line15);
    white-space: nowrap;
}
.soludet-slide-aside{
    width: 200px;
    position: fixed;
    left: var(--left);
    top: 50%;
    transform: translateY(-50%) translateX(calc((var(--left) + 200px) * -1)) !important;
    z-index: 2;
    transition: all .8s ease-in;
    opacity: 0;
}
.soludet-slide.start .soludet-slide-aside{
    transform: translateY(-50%) translateX(0%) !important;
    opacity: 1;
}
.ssul-crys-top-ri .std-btn3-box span{
    color: var(--colorfff);
}
.ssau-lis{
    margin-bottom: 11px;
}
.ssau-lis::before{
    display: none;
}
.ssau-lis:last-child{
    margin-bottom: 0px;
}
.ssau-lis{
    width: 100%;
    position: relative;
}
.ssau-lis span{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.ssau-lis span::after{
    content: "";
    position: absolute;
    top: 50%;
    left: -1px;
    transform: translateY(-50%);
    width: 2px;
    background: #fff;
    opacity: 0.6;
    height: 70%;
    transition: all .4s ease;
}
.ssau-lis.act span::after{
    background: var(--colormain);
}
.ssau-lis p{
    padding: 10px 26px;
    position: relative;
    border-radius: 4px;
    color: var(--colorfff);
    font-size: var(--font18);
    line-height: var(--line12);
    overflow: hidden;
    cursor: pointer;
}
.ssau-lis p::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 1;
    transition: all .4s ease;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.15) -34.75%, rgba(12, 12, 12, 0.00) 74.52%, rgba(12, 12, 12, 0.00) 100%);
}
.ssau-lis p::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0;
    transition: all .4s ease;
    background: linear-gradient(90deg, rgba(230, 2, 63, 0.80) -65.25%, rgba(12, 12, 12, 0.00) 74.52%, rgba(12, 12, 12, 0.00) 100%);
    z-index: -1;
}
.ssau-lis.act p::after{
    opacity: 0;
}
.ssau-lis.act p::before{
    opacity: 1;
}
.soludet-slide{
    background: #000;
}
.soludet-slide-cry{
    padding-left: var(--left);
}
.sswi-top{
    padding-right: var(--left);
}
.sprl-item1{
    top: 20%;
    left: 16%;
}
.sprl-item2{
    top: 20%;
    left: 84%;
}
.sprl-item3{
    top: 50%;
    left: 10%;
}
.sprl-item4{
    top: 50%;
    left:90%;
}
.sprl-item5{
    top: 80%;
    left: 16%;
}
.sprl-item6{
    top: 80%;
    left: 84%;
}
.solutdet-point-le-line{
    position: absolute;
    left: 220px;
    top: 60px;
    z-index: 2;
    width: 608px;
}
.solutdet-point-le{
    padding-top: 36px;
    position: relative;
}
.soludet-slide .soludet-slide-cry{
    display: flex;
    align-items: flex-end;
    position: relative;
    justify-content: flex-end;
}
.soludet-slide-wrap{
    width: calc(100% - 200px);
    padding-left: 35px;
}
.ssul-crys-top{
    padding: 37px 33px 0px 54px;
    display: flex;
    align-items: flex-start;
}
.ssul-crys{
    position: relative;
    z-index: 1;
    background: #010101;
    border-radius: 10px;
    overflow: hidden;
}
.ssul-crys-bg{
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    pointer-events: none;
    transform: rotateY(180deg);
}
.sswi-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ssul-crys::before{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.85));
    mask: linear-gradient(#000, #000) content-box, linear-gradient(#000, #000);
    mask-composite: exclude;
    padding: 1px;
    opacity: 0.5;
    transition: all .4s ease;
    border-radius: 10px;
}
.ssul-crys-bot .smrl-ul-li{
    width: 290px;
    flex-shrink: 0;
    margin-right: 14px;
}
.ssul-crys-bot .serv-media-runing-list .smrl-ul{
    width: calc(calc((290px * var(--width-shu))) + calc((14px * var(--width-shu))));
}
.ssul-crys-bot .smrl-ul-li .ys-imgbox-cover{
    position: relative;
    border-radius: 5px;
}
.ssul-crys-bot .smrl-ul-li .ys-imgbox-cover::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    pointer-events: none;
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    mask: linear-gradient(#000, #000) content-box, linear-gradient(#000, #000);
    mask-composite: exclude;
    padding: 1px;
    opacity: 0.5;
    transition: all .4s ease;
}
.sswi-slick-ul-li .smrl-ul{
    animation-play-state: paused;
}
.sswi-slick-ul-li.slick-current .smrl-ul{
    animation-play-state: running;
}
.sswi-top h2{
    color: var(--colorfff);
}
.sswi-top{
    margin-bottom: 46px;
}
.sswi-slick-ul-li{
    padding: 0 33px;
}
.sswi-slick-ul{
    margin: 0 -33px;
}
.sctr-tit{
    font-size: 36px;
    color: var(--colorfff);
    line-height: 1.75;
    font-weight: bold;
    margin-bottom: 3px;
}
.sctr-word p{
    font-size: var(--font16);
    line-height: var(--line175);
    opacity: 0.5;
    color: var(--colorfff);
}
.ssul-crys-top-ri .std-btn3{
    margin-top: 20px;
}
.ssul-crys-top-logo{
    width: 241px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 110px;
}
.ssul-crys-top-logo img{
    width: 100%;
}
.ssul-crys-top-ri{
    width: 100%;
}
.sswi-slick{
    width: 1153px;
}
.sswi-slick-ul .slick-list{
    overflow: visible !important;
}
.soludet-slide-wrap{
    overflow: hidden !important;
}
.soludet-slide .arrows-prev{
    margin-right: 10px;
}
.soludet-slide .arrows-icon{
    background: transparent;
    position: relative;
    width: 48px;
    height: 48px;
    border-radius:50%;
    border: none;
}
.soludet-slide .arrows-icon::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    pointer-events: none;
    border-radius: 50%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    mask: linear-gradient(#000, #000) content-box, linear-gradient(#000, #000);
    mask-composite: exclude;
    padding: 1px;
    opacity: 0.6;
    transition: all .4s ease;
}
.solutdet-year-svg-show1, .solutdet-year-svg-show2, .solutdet-year-svg-show3{
    transform-origin: center;
}
.solutdet-year-svg-show1{
    opacity: 0.3;
    animation: svgshow1 4s linear 1s infinite;
}
.solutdet-year-svg-show2{
    opacity: 0.6;
    animation: svgshow2 4s linear 0.5s infinite;
}
.solutdet-year-svg-show3{
    opacity: 0.8;
    animation: svgshow3 4s linear 0s infinite;
}
@keyframes svgshow1{
    0%{
        opacity: 0.3;
        transform: scale(1);
    }
    100%{
        opacity: 0;
        transform: scale(1.1);
    }
}
@keyframes svgshow2{
    0%{
        opacity: 0.6;
        transform: scale(1);
    }
    100%{
        opacity: 0.3;
        transform: scale(1.2);
    }
}
@keyframes svgshow3{
    0%{
        opacity: 0.8;
        transform: scale(1);
    }
    100%{
        opacity: 0.5;
        transform: scale(1.4);
    }
}
/* C1解决方案详情页-end */
/* F1-公司简介-start */
.about-page .ys-main{
    padding-bottom: var(--space150);
}
.about-page .newslist-contact{
    display: none;
}
.about-deve{
    padding: var(--space100) 0 62px;
    background: #000;
}
.about-deve h2{
    color: var(--colorfff);
    text-align: center;
}
.about-ban-list-zhan{
    opacity: 1 !important;
    pointer-events: none;
    width: 760px;
    margin: 0 auto;
    padding: 155px 0 199px;
}
.about-ban-list-zhan image{
    width: 100%;
}
.about-ban{
    width: 100%;
    position: relative;
    z-index: 1;
}
.about-ban-list{
    position: relative;
    width: 100%;
}
.about-ban-list-ul, .ablu-lis-list{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}
.ablu-lis{
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    opacity: 0;
}
.ablu-lis:first-child{
    opacity: 1;
}
.ablu-lis-list-item{
    position: absolute;
    transform: translate(-50%,-50%);
}
.alli-imgs{
    border-radius: 10px;
    overflow: hidden;
}
.alli-imgs img{
    width: 100%;
}
.ablu-lis-list-item1 .alli-imgs{
    width: 488px;
}
.ablu-lis-list-item1 {
    top: 27.7%;
    left: 22.2%;
}
.ablu-lis-list-item2 .alli-imgs{
    width: 139px;
}
.ablu-lis-list-item2{
    top: 35.7%;
    left: 70%;
}
.ablu-lis-list-item3 .alli-imgs{
    width: 316px;
}
.ablu-lis-list-item3 {
    top: 75%;
    left: 29%;
}
.ablu-lis-list-item4 .alli-imgs{
    width: 446px;
}
.ablu-lis-list-item4 {
    top: 76%;
    left: 80%;
}
.about-ban{
    background: #000;
}
.about-ban-slide{
    width: 100%;
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.about-ban-bg{
    width: 26%;
    pointer-events: none;
    bottom: 0;
    left: 0;
    position: absolute;
}
.about-ban-bg img{
    width: 100%;
}
.about-ban-tit{
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    pointer-events: all;
}
.about-ban-tit h1{
    text-align: center;
    color: var(--colorfff);
}
.about-ban-tit h1 span{
    margin-left: 220px;
}
.about-ban::before{
    width: 514px;
    height: 514px;
    content: "";
    position: absolute;
    top: 58%;
    right: 0%;
    transform: translateY(-50%);
    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%, rgba(230, 2, 63, 0.60) 0%, rgba(230, 2, 63, 0.00) 100%);
    filter: blur(75px);
    z-index: -1;
}
.about-ban{
    margin-bottom: var(--space150);
}
.about-num-logo{
    width:47%;
}
.about-num-logo img{
    width: 100%;
}
.about-ban-ri{
    width: 53%;
    padding-left: 79px;
}
.about-ban-ri-tit{
    color: var(--color111);
    font-weight: bold;
    margin-bottom: 37px;
}
.about-ban-ri-tit span{
    color: var(--colormain);
}
.about-num{
    display: flex;
    align-items: flex-start;
    padding-bottom: 60px;
    border-bottom: solid 1px #DADADA;
}
.about-ban-ri-word p{
    font-size: var(--text20);
    line-height: var(--line175);
    color: var(--color4a4);
}
.about-brand{
    background: #000;
    position: relative;
    z-index: 1;
}
.about-brand h2{
    margin-bottom: 32px;
    color: var(--colorfff);
}
.about-brand-bg{
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 64%;
    height: 100%;
}
.about-brand-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about-brand-le{
    width: 49%;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}
.about-brand-le-cry img{
    width: 100%;
    flex-shrink: 0;
}
.about-brand-le{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
}
.about-brand-le-cry span{
    background: #1A1A1A;
    display: block;
    height: 227px;
    margin-top: -30px;
}
.albr-tit{
    color: var(--colorfff);
    font-weight: bold;
    line-height: var(--line175);
    height: 1.75em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 20px;
}
.about-brand-le-show{
    width: calc(100% - 110px);
    position: absolute;
    left: 50%;
    bottom: 52px;
    transform: translateX(-50%);
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.abls-le{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    padding-right: 10px;
}
.about-brand-le-show .albr-play{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}
.about-brand-le-show .albr-play-icon{
    width: 50px;
    margin: 0 auto 12px;
}
.about-brand-le-show.albr-play-icon img{
    width: 100%;
}
.albr-play-text{
    color: var(--colorfff);
}
.about-brand-ri{
    width: 51%;
    padding-left:28px;
}
.about-brand-wrap{
    display: flex;
}
.abru-lis-btn{
    display: flex;
    border-radius: 8px;
    overflow: hidden;
    height: 100%;
    background: #1A1A1A;
    cursor: pointer;
}
.about-brand-ri-ul{
    /* height: 100%; */
    margin: -11px 0;
}
.abru-lis{
    height:33.333333%;
    padding: 11px 0;
}
.abru-lis-btn .ys-imgbox-cover{
    width: 45%;
    position: relative;
}
.abru-lis-btn .ys-imgbox-cover::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg, rgba(15, 15, 15, 0.00) 0%, rgba(15, 15, 15, 1) 100%);
    pointer-events: none;
}
.abru-lis-btn-ri{
    width: 55%;
    padding: 27px 38px;
}
.abru-lis-btn-ri .sbrc-ri-word p, .abru-lis-btn-ri .sbrc-ri-word span{
    color:rgba(255, 255, 255, 0.50);
    line-height: var(--line175);
}
.albr-play{
    display: flex;
    align-items: center;
}
.abru-lis .albr-play-icon{
    width: 29px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 10px;
}
.albr-play-icon img{
    width: 100%;
}
.abru-lis.slick-slide:not(:first-child){
    display: none;
}
.about-brand-ri-ul .slick-track{
    flex-direction: column;
}
.about-brand-ri-ul .slick-dots li.slick-active{
    background: rgba(217, 217, 217, 1);
}
.about-brand-ri-ul .slick-dots {
    position: absolute;
    bottom: 0;
    right: -36px;
    display: flex;
    width: 8px;
    height: 100%;
    list-style: none;
    text-align: center;
    flex-direction: column;
    justify-content: center;
}
.about-brand-ri-ul .slick-dots li{
    margin: 7px 0;
}
.about-char-wrap{
    width: 100%;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}
.about-char-wrap-bg, .about-char-wrap-bg img{
    width: 100%;
}
.about-char{
    background: var(--colorfff);
}
.abru-lis .albr-tit{
    margin-bottom: 36px;
}
.about-char-wrap-min{
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}
.acwm-cry{
    padding: 20px 142px;
}
.acwm-cry-tit{
    font-weight: bold;
    color: var(--colorfff);
    margin-bottom: 20px;
}
.acwm-cry-tit span{
    margin-left: 26px;
    flex-shrink: 0;
    font-size: var(--font18);
    line-height: var(--line175);
    font-weight: normal;
}
.acwm-cry-ul{
    display: flex;
    align-items: center;
    margin: 0 -4.5px;
    margin-bottom: 84px;
}
.acwm-cry-ul-li{
    padding: 0 4.5px;
}
.acwm-cry-ul-li p{
    padding: 6px 14px;
    border-radius: 10px;
    overflow: hidden;
    background: #1A1A1A;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    -moz-backdrop-filter: blur(15px);
    -ms-backdrop-filter: blur(15px);
    -o-backdrop-filter: blur(15px);
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--colorfff);
    position: relative;
}
.acwm-cry-ul-li p::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    pointer-events: none;
    border-radius: 10px;
    background: linear-gradient(155deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    mask: linear-gradient(#000, #000) content-box, linear-gradient(#000, #000);
    mask-composite: exclude;
    padding: 1px;
    opacity: 0.45;
    transition: all .4s ease;
}
.acwm-cry-edr p{
    color: var(--colorfff);
    line-height: var(--line175);
    font-size: var(--font18);
    margin-bottom: var(--parpspace12);
}
.acwm-cry-edr p:last-child{
    margin-bottom: 0px;
}
.acwm-cry{
    width:60%;
}
.company-who-list{
    padding-right: 72px;
    margin: 0 -15px;
    position: static;
}
.company-who-list-item{
    padding: 0 15px;
    width: 25%;
}
.company-who {
    position: relative;
    z-index: 10;
    width: 100%;
    overflow: hidden;
}
.company-who .ys-cont1400 {
    position: relative;
}
.cwli-link-img {
    width: 100%;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    position: relative;
    cursor: pointer;
    margin-bottom: 20px;
    border-radius: 16px;
}
.cwli-link-img-play {
    width: 68px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    pointer-events: none;
    transition: all .4s ease;
}
.cwli-link-img.act .cwli-link-img-play {
    opacity: 0;
}
.company-video.act .cwli-link-img-play {
    opacity: 0;
}
.cwli-link-img-play img {
    width: 100%;
}
.company-video-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 20px 20px;
    pointer-events: none;
}
.company-video-controls {
    display: flex;
    align-items: center;
    opacity: 0;
    transition: all .4s ease;
}
.company-video-controls {
    justify-content: space-between;
}
.company-video.act .company-video-controls {
    opacity: 1;
}
.company-video-controls-left {
    display: flex;
    align-items: center;
}
.company-video-controlsp-btn {
    background-color: var(--colormain);
    width: 36px;
    height: 36px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    color: var(--colorfff);
    position: relative;
    border-radius: 50%;
    overflow: hidden;
}
.company-video-controls .company-video-controlsp-btn .cvcb-pause {
    width: 12px;
    margin-left: 2px;
}
.company-video-controls .company-video-controlsp-btn .cvcb-pause,
 .company-video-controls .company-video-controlsp-btn .svsb-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.company-video-controls .company-video-controlsp-btn .svsb-play {
    width: 10px;
    opacity: 0;
}
.company-video-controls .company-video-controlsp-btn .cvcb-pause, .company-video-controls .company-video-controlsp-btn .svsb-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.company-video-controls-time {
    line-height: 36px;
    font-size: 16px;
    padding: 0 10px;
    border-radius: 80px;
    background-color: var(--colormain);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    color: var(--colorfff);
    margin-left: 10px;
}
.company-video-controls-audio {
    background-color: var(--colormain);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: all;
}
.company-video-controls-audio .ys-imgbox-cover {
    width: 55%;
}
.company-video-controls-pro {
    height: 9px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.135, .9, .15, 1);
    transition-duration: .9s;
    background: rgba(255, 255, 255, .2);
}
.cvcp-cry {
    position: absolute;
    background: var(--color23);
    width: var(--pro);
    height: 100%;
}
.cvcp-cry {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-timing-function: cubic-bezier(.135, .9, .15, 1);
    transition-duration: .9s;
}
.cwli-link-tit{
    text-align: center;
    color: var(--color111);
}
.cwli-link-tit span{
    text-align: center;
    color: var(--color666);
    display: block;
    margin-top: 6px;
    font-size: var(--font16);
    line-height: var(--line14);
}
.company-who{
    background: #F3F3F3;
}
.company-who h2{
    color: var(--color111);
    text-align: left;
    margin-bottom: 50px;
}
.company-who-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.company-who-top .arrows-icon{
    border: solid 1px #111;
}
.company-who-top .arrows-prev{
    margin-right: 10px;
}
.company-who-list .slick-list {
    overflow: visible;
}
.aulb-top{
    display: flex;
    align-items: flex-end;
}
.about-deve-topswip{
    width: 35%;
    margin: 0 auto;
}
.ys-con1800{
    width: 85vw;
    max-width: 1800px;
    margin: 0 auto;
}
.about-deve-topswip-cry{
    overflow: visible !important;
}
.aulb-bot p{
    opacity: 0.3;
    color: var(--colorfff);
    transition: all .4s ease;
    line-height: 1.6;
    height: 4.8em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.adbc-ul-li p{
    text-align: center;
    font-size: var(--font18);
    line-height: var(--line15);
    opacity: 0.4;
    transition: all .4s ease;
    color: var(--colorfff);
    font-family: var(--light) !important;
    cursor: pointer;
}
.company-video-hover, .company-video-click {
    background: transparent !important;
}
.company-video-hover, .company-video-click {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
    transition: all .4s ease;
}
.company-video.on .company-video-hover {
    opacity: 1;
    pointer-events: all;
}
.company-video.act .company-video-click{
    opacity: 1;
    pointer-events: all;
}
.company-video-controls .company-video-controlsp-btn .svsb-play{
    opacity: 0;
}
.company-video.on1 .company-video-controls .company-video-controlsp-btn .svsb-play{
    opacity: 1;
}
.company-video-controls-audio img:nth-of-type(2){
    opacity: 0;
}
.company-video-controls-audio.act img:nth-of-type(2){
    opacity: 1;
}
.company-video-controls-audio.act img:first-child{
    opacity: 0;
}
.company-video.on1 .company-video-controls .company-video-controlsp-btn .cvcb-pause{
    opacity: 0;
}
.company-video.on1 .company-video-controls .company-video-controlsp-btn .svsb-play{
    opacity: 1;
}
.yx-search3-xls input{
    color: #fff;
}
.yx-search3-xls input::placeholder{
    color: rgba(255,255,255,0.6);
}
.ys-cont1630{
    width: 85vw;
    max-width: 1630px;
    margin: 0 auto;
}
.about-ban-ph{
    display: none;
}
.about-ban-ph .serv-media-runing-list .smrl-ul{
    width: calc(calc((488px * var(--width-shu))) + calc((20px * var(--width-shu))));
}
.about-ban-ph .smrl-ul-li{
    width: 488px;
    flex-shrink: 0;
    margin-right: 20px;
}
.about-ban-ph .smrl-ul-li .ys-imgbox-cover{
    border-radius: 10px;
    overflow: hidden;
}
.abru-lis-btn .ys-imgbox-cover img:nth-child(2){
    object-fit: cover;
}
.aulb-top{
    display: flex;
    align-items: flex-end;
    margin-bottom: 59px;
}
.aulb-top-num{
    font-size: 40px;
    color: var(--colorfff);
    transition: all .4s ease;
    opacity: 0.4;
    flex-shrink: 0;
    margin-right: 38px;
    padding-bottom: 33px;
    font-family: var(--light);
}
.aulb-top-img{
    width: 60%;
    border-radius: 10px;
    overflow: hidden;
}
.aulb-top-img img{
    width: 100%;
    opacity: 0.5;
    transition: all .4s ease;
}
.aulb-bot p{
    color: var(--colorfff);
    opacity: 0.3;
    transition: all .4s ease;
}
.adtc-ul-li.swiper-slide-active .aulb-top-num, 
.adtc-ul-li.swiper-slide-active .aulb-top-img img,
.adtc-ul-li.swiper-slide-active .aulb-bot p{
    opacity: 1;
}
.adtc-ul-li-box{
    position: relative;
}
.aulb-top-line{
    width: 100%;
    position: absolute;
    bottom: 100px;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.aulb-top-line img{
    width: 100%;
}
.aulb-top-line svg{
    width: 98%;
    height: auto !important;
}
.about-deve-topswip {
    transform: rotate(-16deg);
    will-change: transform;
    padding-top: 220px;
    padding-bottom: 280px;
}
.about-deve-topswip-cry {
    height: auto !important;
    overflow: visible;
    width: 100%;
    position: relative;
    cursor: grab !important;
}
.adtc-ul-li-box{
    transform: rotate(16deg);
    will-change: transform;
}
.svg-dots-dots2{
    animation: scale2 3s linear infinite;
    transform: scale(0.8);
    transform-origin: center;
    opacity: 0.6;
}
.adtc-ul-li:nth-child(3n+1) .svg-dots-dots2{
    animation-delay: 0.2s;
}
.adtc-ul-li:nth-child(3n+2) .svg-dots-dots2{
    animation-delay: 0.4s;
}
.adtc-ul-li:nth-child(3n+3) .svg-dots-dots2{
    animation-delay: 0.6s;
}
@keyframes scale2{
    0%{
        opacity: 0.6;
        transform: scale(0.8);
    }
    100%{
        opacity: 0;
        transform: scale(1);
    }
}
.adbc-ul-li.swiper-slide-active p{
    opacity: 1;
}
/* F1-公司简介-end */
/* 效果补充-start */
.text-box{
    background: #111;
}
.home-ctact-ri-top.start .text-box::after{
    opacity: 1;
}
.text-box::after{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(17, 17, 17, 1) 0%, rgba(230, 2, 63, 1) 100%);
    opacity: 0;
    transition: all .4s ease;
}
/* 效果补充-end */
/* 载入 */
.yx-case8-fadeInUpimg {
    animation: fadeInUpimg 2.4s ease 1;
}
@keyframes fadeInUpimg {
    0% {
        transform: scale(1.5);
    }
    100% {
        transform: none;
    }
}  
/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .adtc-ul-li-box:hover .aulb-top-num, 
    .adtc-ul-li-box:hover .aulb-top-img img, 
    .adtc-ul-li-box:hover .aulb-bot p{
        opacity: 1;
    } 
    .company-who-top .arrows-icon:hover{
        background: transparent;
    }
    .company-who-top .arrows-icon img:nth-child(1){
        opacity: 1 !important;
    }
    .company-who-top .arrows-icon img:nth-child(2){
        opacity: 1;
    }
    .soludet-slide .arrows-icon:hover{
        background: rgba(255, 255, 255, 0.08);
    }
    .hiru-li-cont:hover .hiru-li-pic img{
        transform: scale(1.05);
    }
    .hsul-cont:hover img{
        transform: scale(1.05);
    }
    .wnil-num:hover span{
        color: var(--colormain);
    }
    .newslist-contact-box:hover .show-box{
        transform: scale(1.05);
    }
    .mftl-ul-li-link:hover::before{
        opacity: 1;
    }
    .scru-li-links:hover img{
        transform: translateX(10px);
    }
    .sprl-ul-li-box:hover::after{
        opacity: 0;
    }
    .sprl-ul-li-box:hover::before{
        opacity: 1;
    }
    .stul-cont:hover .stul-cont-per img{
        transform: scale(1.03);
    }
    .serv-lead-ul-li.on .slul-box:hover::before{
        right: -20%;
        bottom: -60%;
    }
    .slul-box:hover::before{
        opacity: .5;
    }
    .saul-box:hover .saul-box-tab::after{
        opacity: 1;
    }
    .saul-box:hover::after{
        opacity: 0;
    }
    .saul-box:hover::before{
        opacity: 1;
    }
    .ys-bread-list a:hover{
        opacity: 1;
    }
    .hntl-link:hover .hntl-ri-tit{
        color: var(--colormain);
    }
    .mfbr-ulink-li a:hover{
        opacity: 1;
    }
    .mfbl-ul-li a:hover{
        opacity: 1; 
    }
    .mftm-riul-li ul li a:hover{
        color: var(--colormain);
    }
    .std-btn1-box:hover{
        background: #CC0036;
        border-radius: 8px;
    }
    .std-btn1-box:hover::after{
        opacity: 1;
    }
    .std-btn1-box:hover::before{
        opacity: 1;
    }
    .std-btn2-box:hover::after{
        opacity: 1;
    }
    .std-btn2-box:hover{
        background: #CB0036;
    }
    .std-btn2.black .std-btn2-box:hover{
        background: #CC0036;
    }
    .std-btn2.black .std-btn2-box:hover span{
        color: var(--colorfff);
    }
    .std-btn2.black .std-btn2-box:hover .std-btn2-icon img:nth-child(2){
        opacity: 1;
    }
    .std-btn2.black .std-btn2-box:hover .std-btn2-icon img:nth-child(1){
        opacity: 0;
    }
    .std-btn2.black .std-btn2-box:hover::before{
        opacity: 1;
    }
    .std-btn2.black:hover::after{
        opacity: 0;
    }
    .std-btn3-box:hover .std-btn3-icon{
        transform: translateX(10px);
    }
    .arrows-icon:hover{
        background: var(--colorfff);
    }
    .arrows-icon:hover img:nth-child(2){
        opacity: 1;
    }
    .arrows-icon:hover img:nth-child(1){
        opacity: 0;
    }
    .serv-media-runing-list:hover .smrl-ul{
        animation-play-state: paused;
    }
    .serv-visu-run-list:hover .svrl-ul{
        animation-play-state: paused;
    }
    .serv-praise-run-list:hover .sprl-ul{
        animation-play-state: paused;
    }
   
}