@charset "utf-8";

:root {
    /* 行高 */
    --line12: 1.2;
    --line14: 1.4;
    --line15: 1.5;
    --line16: 1.6;
    --line175: 1.75;
    /* 导航-高度 */
    --headh: 12.8px;
    /* 颜色 */
    --color333: #333;
    --color666: #666;
    --color999: #999;
    --colorfff: #fff;
    --color1e1: #1E1F24;
    --color505: #505155;
    --color808: #80828F;
    --colormain: #92D8CA;
    --colormain2: linear-gradient(0deg, rgba(161, 214, 202, 1) 0%, rgba(161, 214, 202, 1) 100%), rgba(199, 230, 223, 1);;
    --colormain3: #3F5869;
    --colormain4: #324753;
    --colorbj1: #F7F7F7;
    --colorbj2: #23303A;
    --colorbj3:#f8f8f8;
    /* 板块间距 */
    --space30:30px;
    --space40: 40px;
    --space24: 24px;
    --space30:30px;
    --space50:50px;
    --space70:70px;
    --space80:80px;
    --space130:130px;
    /* 段落间距 */
    --parpspace16: 2.56px;
    --parpspace12: 1.92px;
    --parpspace10: 1.6px;

    /* 圆角 */
    --radius20:20px;
    --radius15:15px;
    --radius10:10px;
    /* 阴影 */
    --shadow1: 0 10px 18px 3px rgb(0 0 0 / 2%);
}

.std_title1{font-size:var(--font56);font-weight:700;line-height:var(--lineh15);color:var(--color333)}
.std_title2{font-size:var(--font48);font-weight:700;line-height:var(--lineh15);color:var(--color333)}
.std_title4{font-size:var(--font24);font-weight:700;line-height:var(--lineh15);color:var(--color333)}

/* Mobile banner override to remove side whitespace on small screens */
@media screen and (max-width:768px){
    .atm_ban_li_img{width:100% !important;max-width:100%;}
    .atm_ctact_ban_li_img{width:100% !important;max-width:100%;padding:0 12px;box-sizing:border-box;}
    .atm_ban_imgbox{width:100%;}
    .atm_ban_imgbox img{width:100%;height:auto;display:block}
    /* Reduce container side padding on small screens to avoid large gutters */
    .atm_cont1400, .atm_cont1440, .atm_cont1200{padding-left:12px !important;padding-right:12px !important;max-width:100%;}
}
.std_title5{font-size:var(--font18);font-weight:700;line-height:var(--lineh15);color:var(--color333)}
.std_text1,.std_text1 p{font-size:var(--text16);line-height:var(--lineh175);color:var(--color666)}
.std_text1 p{margin-bottom:var(--paraspacef2416)}
.std_margin2{margin-bottom:var(--space50)}
.home_title{text-align:center}
.ny_main .atm_main{margin-top:90px}
.atm_banner1 .atm_ctact_ban_li_img{top:40%;z-index:2}
.ctact_cont{width:100%;position:relative;padding-top:114px}
.ctact_bg{width:540px;position:absolute;top:0;left:55%;transform:translateX(-50%);z-index:-1}
.ctact_bg img{width:100%}
.ctact_tp h1{text-align:center}
.ctact_tp h1 span{text-align:center;color:var(--color333);line-height:var(--lineh175);margin-bottom:15px;font-size:var(--font24);font-weight:400}
.ctact_tp_img,.ctact_tp_img img{width:100%}
.ctact_tp_img{position:relative;z-index:-1;margin-top:-100px}
.ctact_min{width:100%;position:relative;margin-top:-50px;z-index:2;padding-bottom:50px}
.ctact_min_box{padding:40px 60px;border-radius:20px;background:var(--colorfff);box-shadow:0 2.767px 2.214px 0 rgba(29,86,185,.02),0 6.65px 5.32px 0 rgba(29,86,185,.03),0 12.522px 10.017px 0 rgba(29,86,185,.04),0 22.336px 17.869px 0 rgba(29,86,185,.04),0 41.778px 33.422px 0 rgba(29,86,185,.05),0 -4px 10px 0 rgba(80,164,255,.05);display:flex;align-items:center;overflow:visible}
.cmlu_li_icon{width:80px;height:80px;margin-right:24px;position:relative;border-radius:50%;background:var(--colormain);flex-shrink:0}
.cmlu_li_icon img{width:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.cmlu_li_textbox_text a{font-family:playbold!important}
.cmlu_li_box{display:flex;align-items:center}
.cmlu_li_textbox_tit{margin-bottom:8px}
.cmlu_li{padding-right:120px;position:relative}
.cmlu_li::after{content:"";position:absolute;top:50%;right:60px;transform:translateY(-50%);width:1px;height:100px;background:#dedede}
.ctact_min_le_ul{display:flex}
.cmrl_item_box{position:relative}
.cmrl_item_btm{border-radius:10px;background:#fff;box-shadow:0 2px 19px 10px rgba(22,44,112,.05);padding:14px 16px;position:absolute;left:50%;bottom:70px;transform:translateX(-50%);display:none}

/* Ensure QR panel is visible when active (override breakpoint rules that hide it) */
.cmrl_item_box{overflow:visible !important}
.cmrl_item .cmrl_item_btm{display:none}
.cmrl_item_tp.on + .cmrl_item_btm,
.cmrl_item.act .cmrl_item_btm{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:translateX(-50%) !important;
    z-index:9999 !important;
}

/* If ancestor applies overflow:hidden on some breakpoints, allow the immediate box to show above */
.ctact_min_box, .cmrl_item_box{overflow:visible}

/* Small-screen specific: ensure opacity transition doesn't keep it hidden */
@media screen and (max-width:1199px){
    .cmrl_item .cmrl_item_btm{opacity:0;display:block}
    .cmrl_item_tp.on + .cmrl_item_btm,
    .cmrl_item.act .cmrl_item_btm{opacity:1;display:block}
}
.cmrl_item_btm_img{width:86px}
.cmrl_item_btm_img img{width:100%}
.cmrl_item_btm_word p{font-size:14px;text-align:center;color:var(--color666);line-height:var(--lineh15)}
.cmrl_item_btm_icon{width:14px;height:14px;position:absolute;left:50%;bottom:-7px;transform:translateX(-50%) rotate(45deg);background:#fff}
.ctact_min_ri_list{display:flex;align-items:center;justify-content:space-between;margin:0 -25px}
.ctact_min_le{width:65%}
.ctact_min_ri{width:35%}
.cmrl_item{padding:0 25px}
.cmrl_item_tp{width:40px;cursor:pointer;position:relative}
.cmrl_item_tp img{width:100%;transition:all .36s}
.cmrl_item_tp img:nth-child(2){opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.cmrl_item_tp.on img:nth-child(2){opacity:1}
.cmrl_item_tp.on img:nth-child(1){opacity:0}
.ctact_map{width:100%;position:relative;padding-top:190px}
.ctact_map_img,.ctact_map_img img{width:100%}
.ctact_map .atm_cont1400{position:relative}
.ctact_map_ul{width:100%;height:100%;position:absolute;top:0;left:0}
.ctact_map_ul_li{position:absolute}
.cmul_icon{width:22px;animation:fudong 2s both linear infinite}
@keyframes fudong{0%{transform:translateY(0)}
50%{transform:translateY(8px)}
100%{transform:translateY(0)}
}
.cmul_icon img{width:100%}
.ctact_map_ul_li:nth-of-type(2n) .cmul_icon{animation-delay:.3s}
.ctact_comp{margin-top:20px}
.ctact_comp_ul{display:flex;flex-wrap:wrap;align-items:stretch;margin:0 -20px}
.ctact_comp_ul_li{padding:0 20px;width:33.333333%;margin-bottom:40px}
.ctact_comp_ul_li:nth-of-type(3n+1){animation-delay:.1s}
.ctact_comp_ul_li:nth-of-type(3n+2){animation-delay:.2s}
.ctact_comp_ul_li:nth-of-type(3n+3){animation-delay:.3s}
.cbli_box{display:flex}
.ccul_box{height:100%;border-radius:10px;background:#f3f4f4;padding:20px 50px}
.ccul_box_tit{position:relative;padding-left:20px;margin-bottom:8px}
.ccul_box_tit::after{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:4px;height:24px;border-radius:50px;background:var(--colormain)}
.cbli_icon{width:20px;margin-right:8px;flex-shrink:0;margin-top:4px}
.cbli_icon img{width:100%}
.ccul_box_list_item{margin-bottom:16px}
.ccul_box_list_item:last-child{margin-bottom:0}
.std_padd90_btm{padding-bottom:90px}


@media screen and (max-width:1680px){:root{--font56:52px;--font48:44px;--font36:32px;--font24:22px}
.ctact_min_box{padding:50px 70px}
.cmlu_li_icon{width:70px;height:70px;margin-right:20px}
.cmlu_li_icon img{width:34px}
.cmlu_li_textbox_tit{margin-bottom:5px}
.cmlu_li{padding-right:110px}
.cmlu_li::after{right:55px;height:80px}
.cmrl_item_tp{width:36px}
.cmrl_item_btm{padding:10px 12px;bottom:50px}
.ctact_map{padding-top:140px}
:root{--space130:120px;--distance33:30px;--distance88:80px;--distance80:74px;--distance107:95px;--distance164:142px;--distance117:108px;--distance100:92px}
}
@media screen and (max-width:1560px){.ctact_min_box{padding:40px 50px}
.cmlu_li_icon{width:60px;height:60px;margin-right:18px}
.cmlu_li{padding-right:90px}
.cmlu_li::after{right:45px;height:70px}
.ctact_min_ri{width:39%}
.ctact_min_le{width:61%}
:root{--font56:48px;--space30:25px;--distance164:130px;--distance117:96px;--distance40:35px}
}
@media screen and (max-width:1440px){:root{--font56:46px;--font48:40px;--font36:30px;--font24:20px;--text20:18px;--space130:100px;--space50:40px;--space30:20px;--paraspacef48:20px;--paraspacef36:16px;--paraspacef2416:10px;--paraspacef18:12px}
.atm_banner1 .atm_ctact_ban_li_img{top:40%;z-index:2}
.ctact_min_ri{width:37%}
.ctact_min_le{width:63%}
.cmlu_li_icon img{width:28px}
.cmrl_item_tp{width:32px}
.cmlu_li_textbox_tit{margin-bottom:0}
.ctact_min_box{padding:30px 45px}
.ctact_min{margin-top:-55px}
.ctact_map{padding-top:120px}
.cmul_icon{width:18px}
.ccul_box{padding:20px 40px}
.ccul_box_tit{padding-left:18px;margin-bottom:20px}
.ccul_box_tit::after{width:3px;height:22px}
.ctact_comp_ul_li{padding:0 15px;margin-bottom:30px}
.ctact_comp_ul{margin:0 -15px}
.cbli_icon{width:18px;margin-top:5px}
.std_padd90_btm{padding-bottom:80px}
:root{--font32:30px;--distance164:120px;--distance100:85px;--distance80:70px}
.ny_main .atm_main{margin-top:80px}
}
@media screen and (max-width:1360px){
.atm_banner1 .atm_ctact_ban_li_img{top:40%;z-index:2}
.ctact_min_box{padding:25px 30px}
.cmlu_li_icon{width:50px;height:50px;margin-right:16px}
.cmlu_li_icon img{width:22px}
.ctact_min_le{width:61%}
:root{--font56:44px;--font18:16px;--distance33:26px;--distance88:70px;--distance80:70px;--distance107:90px;--distance117:92px;--distance100:80px}
}
@media screen and (max-width:1280px){:root{--font56:44px;--font48:36px;--font36:28px;--font24:18px;--space130:90px;--space50:35px}
.atm_banner1 .atm_ctact_ban_li_img{top:40%;z-index:2}
.cmlu_li_textbox_tit p{font-size:14px}
.cmlu_li{padding-right:80px}
.cmlu_li::after{right:40px;height:45px}
.cmrl_item_tp{width:28px}
.ctact_map{padding-top:100px}
.cmul_icon{width:16px}
.cmrl_item_btm_img{width:76px}
.cmrl_item_btm{padding:10px 8px;bottom:40px}
.ccul_box{padding:20px 30px}
.ccul_box_tit{padding-left:16px;margin-bottom:16px}
.ccul_box_tit::after{width:2px;height:20px}
.ctact_comp_ul_li{padding:0 10px;margin-bottom:20px}
.ctact_comp_ul{margin:0 -10px}
.std_padd90_btm{padding-bottom:70px}
:root{--font56:40px;--distance107:80px;--distance117:80px;--distance100:75px}
.mod_bread{top:22px}
}
@media screen and (max-width:1200px){:root{--font32:28px;--distance33:22px;--distance80:65px;--distance107:82px;--distance164:100px;--distance117:70px}
.atm_banner1 .atm_ctact_ban_li_img{top:40%;z-index:2}
}
@media screen and (max-width:1199px){:root{--font56:40px;--font48:32px;--font36:24px;--space130:70px;--space50:30px;--raidus20:15px}
.ny_main .atm_main{margin-top:0}
.cmlu_li{padding-right:60px}
.ctact_min_ri_list{margin:0}
.cmrl_item{padding:0}
.cbli_word p{font-size:14px}
.ccul_box_list_item{margin-bottom:10px}
.cmlu_li::after{right:30px;height:40px}
.ctact_min_le{width:64%}
.ctact_min_ri{width:36%}
.ctact_cont{padding-top:50px}
.std_padd90_btm{padding-bottom:60px}
.cmrl_item_btm{opacity:0;display:block;transition:all .36s}
:root{--distance117:70px;--distance100:68px;--distance164:85px}
}
@media screen and (max-width:991px){.mod_bread{display:none}
.ccul_box{padding:25px 20px}
.std_padd90_btm{padding-bottom:50px}
:root{--font56:36px;--font32:26px;--distance164:72px;--distance100:60px;--distance80:55px}
:root{--text20:16px}
}
@media screen and (max-width:768px){
:root{--font56:30px;--font48:26px;--font36:22px;--font18:16px;--space130:60px;--space50:25px;--space30:15px;--paraspacef48:16px;--paraspacef36:12px;--paraspacef2416:8px;--paraspacef18:10px}
.atm_banner1 .atm_ctact_ban_li_img{top:50%;z-index:2}
.ctact_comp_ul_li{width:50%}
.ccul_box_tit{padding-left:14px;margin-bottom:12px}
.cmul_icon{width:14px}
.cmlu_li:last-child:after{content:none}
.ctact_min_box{padding:25px 20px;flex-direction:column}
.ctact_min_le{width:100%}
.ctact_min_ri{width:100%;margin-top:20px}
.ctact_min_ri_list{margin:0 -15px;justify-content:flex-start}
.cmrl_item{padding:0 15px}
.cmrl_item_tp{width:26px}
.ctact_map{padding-top:50px}
.ctact_bg{width:40%;z-index:0}
.ctact_tp h1{position:relative;z-index:2}
.ctact_comp_ul_li:nth-of-type(2n+1){animation-delay:.1s}
.ctact_comp_ul_li:nth-of-type(2n){animation-delay:.2s}
:root{--font32:22px;--text20:16px;--distance33:15px;--distance88:54px;--distance80:50px;--distance107:55px;--distance117:56px;--distance40:30px;--distance164:60px;--distance100:50px}
}
@media screen and (max-width:480px){:root{--font56:24px;--font48:22px;--font36:20px;--space130:40px;--space50:20px;--text20:16px;--text16:14px}
.ctact_comp_ul_li{width:100%}
.cmul_icon{width:10px;animation:none}
.ctact_min_le_ul{flex-wrap:wrap}
.cmlu_li::after{content:none}
.ctact_cont{padding-top:40px}
.ctact_min{margin-top:0;display:none}
.ctact_tp_img{margin-top:-16px}
.ctact_map{padding-top:34px}
.ccul_box{padding:22px 18px}
.cbli_icon{width:16px;margin-top:4px}
.ctact_comp_ul_li:nth-of-type(n){animation-delay:.1s}
.ctact_comp_ul_li:last-child{margin-bottom:0}
:root{--font16:14px;--distance88:32px;--distance33:10px;--distance80:32px;--distance107:34px;--distance117:32px;--distance164:28px;--distance100:30px}
:root{--raidus20:10px;--lineh175:1.6}
}
@media screen and (max-width:1680px){:root{--raidus20:15px}
}
@media screen and (max-width:1440px){:root{--raidus20:10px}
.mod_bread{top:16px}
}

/* g1-联系我们-start */
.ctact-page .atm-main{
    padding-bottom: var(--space50);
}
.ctact-tech-wrap{
    width: 100%;
    position: relative;
    border-radius: var(--radius20);
    overflow: hidden;
} 
.ctact-tech-bg{
    width: 100%;
    position: relative;
    z-index: 2;
}
.ctact-tech-bg::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--radius20);
    overflow: hidden;
    background: linear-gradient(90deg, rgb(18 17 17 / 67%) 0%, rgba(0, 14, 86, 0.05) 100%);
    pointer-events: none;
    z-index: 0;
}
.ctact-tech-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ctact-tech-cont{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 80px 60px;
    z-index: 2;
}
.ctact-tech-cont-tab p{
    font-size: 20px;
    line-height: var(--line16);
    color: var(--colorfff);
    position: relative;
    padding-left:19px;
}
.ctact-tech-cont-tab p::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ADD400
}
.ctact-tech-cont-tab{
    margin-bottom: 1.28px;
}

/* PC 调整：减少标题区与按钮区之间的距离 */
@media screen and (min-width:1200px){
    .ctact-tech-cont{
        /* 取消两端对齐，改为从上到下自然排列并给出固定间距 */
        justify-content: flex-start;
        gap: 24px;
        padding-top: 60px; /* 适当收紧上下内边距 */
        padding-bottom: 10px;
    }
}
.ctact-tech-cont h2{
    color: var(--colorfff);
    margin-bottom: 3.2px;
}
.ctact-tech-cont-word p{
    color: var(--colorfff);
    line-height: var(--line175);
}
.ctact-tech-cont-bt a{
    display: inline-block;
    color: var(--colorfff);
    line-height: var(--line15);
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: 25%; /* 8px */
    text-underline-position: from-font;
    font-size: var(--font32);
}
.ctact-tech, .ctact-addr{
    padding-top: var(--space80);
    padding-bottom: var(--space80);
}
.ctact-addr{
    position: relative;
    z-index: 2;
}
.ctact-addr::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index:0;
    background: linear-gradient(180deg, rgba(248, 248, 248, 1) 0%, rgba(255, 255, 255, 1) 100%);
}
.ctact-addr-wrap{
    padding-left: calc(50vw - 720px);
    position: relative;
    z-index: 2;
}
.ctact-addr-left{
    width: 33%;
}
.ctact-addr-right{
    width: 64%;
    position: relative;
}
.ctact-addr-right-dotul{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.card-li{
    position: absolute;
}
.carp-li{
    display: none;
}
.carp-li:first-child{
    display: block;
}
.carp-li-img, 
.carp-li-img img{
    width: 100%;
}
.ctact-addr-wrap-tp{
    display: flex;
    justify-content: space-between;
}
.ctact-addr-left{
    padding-top: 26.88px;
}
.card-li .std-btn1-box{
    background: var(--colorfff);
    border-radius: 12.8px;
    border-radius: 80px;
    box-shadow:0 68px 27px 0 rgba(0, 89, 168, 0.01), 0 38px 23px 0 rgba(0, 89, 168, 0.05), 0 17px 17px 0 rgba(0, 89, 168, 0.09), 0 4px 9px 0 rgba(0, 89, 168, 0.10);
}
.card-li .std-btn1-box span{
    color: var(--colormain3);
}
.card-li .std-btn1-bg{
    background: #0066F5;
}
.card-li.act .std-btn1-bg{
    transform: translate(-50%,-50%) scale(1);
    background: #0066F5;
}
.card-li.act .std-btn1-box span{
    color: var(--colorfff);
}
.card-li.act .std-btn1-box{
    box-shadow: 1px 1px 1px 0 rgba(255, 255, 255, 0.83) inset, -1px -1px 1px 0 rgba(0, 0, 0, 0.23) inset, 0.445px 0.445px 0.629px -1px rgba(0, 0, 0, 0.26), 1.211px 1.211px 1.712px -1.5px rgba(0, 0, 0, 0.25), 2.658px 2.658px 3.759px -2.25px rgba(0, 0, 0, 0.23), 5.901px 5.901px 8.345px -3px rgba(0, 0, 0, 0.19), 10px 10px 21.213px -3.75px rgba(0, 0, 0, 0.23);
}
.ctact-addr-left-word p{
    color: var(--color808);
    line-height: var(--line175);
}
.ctact-addr-left h2{
    margin-bottom: 5.12px;
}
.ctact-sear{
    width: 100%;
    position: relative;
}
.ctact-sear-bg{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.ctact-sear-bg::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.40);
}
.ctact-sear-bg img{
    width: 100%;
    height: 120%;
    object-fit: cover;
}
.ctact-sear .atm-demo-num1{
    background: linear-gradient(180deg, #FFF 0%, #ADD400 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.ctact-sear-wrap{
    padding-top:var(--space150);
    padding-bottom: var(--space150);
}
.ctact-sear-wrap h2{
    text-align: center;
    color: var(--colorfff);
    margin-bottom: 5.12px;
}
.ctact-sear .yfzc-bot-le-word p{
    color: var(--colorfff);
}
.ctact-sear-wrap-word{
    margin-bottom: var(--space50);
}
.ctact-sear-wrap-word p{
    text-align: center;
    color: var(--colorfff);
}
.ctact-sear .aaul-box{
    border-top: solid 1px rgba(255, 255, 255, 0.30);
}
.ctact-data{
    margin: 130px 0;
}
.ctact-data-le{
    overflow: hidden;
}
.ctact-data{
    padding-top: var(--space140);
}
.ctact-data h2{
    margin-bottom: 5.12px;
}
.ctact-data-word{
    width: 80%;
    margin-bottom: var(--space60);
}
.ctact-data-word p{
    color: var(--color505);
    line-height: var(--line16);
}
.ctact-data-wrap{
    padding-top: 15px;
    display: flex;
}
.ctact-data-le{
    width: 47%;
    overflow: hidden;
    border-radius: var(--radius20);
}
.ctact-data-ri{
    width: 53%;
    padding-left: 40px;
}
.ctact-data-le img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ctact-data-ri-ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 100%;
    margin: 0 -10px;
    margin-top: -20px;
}
.cdru-li{
    width: 50%;
    padding:0 10px;
    margin-top: 20px;
}
.cdru-li-box{
    width: 100%;
    border-radius: var(--radius20);
    overflow: hidden;
    background:  #FFF;
    box-shadow: 0 4px 40px 0 rgba(0, 31, 130, 0.10);
    padding: 20px;
    position: relative;
    height: 100%;
}
.cdru-li.on{
    width: 100%;
}
.cdru-li-bg{
    width: 20%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    pointer-events: none;
    display: none;
}
.cdru-li-bg img{
    width: 100%;
}
.cdru-li.on .cdru-li-bg{
    display: block;
}
.cdru-li-icon{
    width: 50px;
    margin-bottom: 5.44px;
}
.cdru-li-icon img{
    width: 100%;
}
.cdru-li.on .cdru-li-tit{
    font-size: var(--font24);
    color: var(--color1e1);
    line-height: var(--line14);
    margin-bottom: 1.28px;
}
.cdru-li-word{
    display: none;
    margin-top: 1.28px;
}
.cdru-li.on .cdru-li-word{
    display: block;
}
.cdru-li.on .cdru-li-word p{
    color: var(--color505);
    font-size: var(--font16);
    line-height: var(--line175);
    font-weight: 290;
}
.cdru-li.on .cdru-li-word p a{
    display: inline-block;
    margin-left: 1.92px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: 5.5%; /* 0.88px */
    text-underline-offset: 25%; /* 4px */
    text-underline-position: from-font;
    line-height: var(--line175);
    color: var(--colormain3);
    font-weight: 400;
}
.cdru-li-tit{
    font-size: 16px;
    line-height: var(--line15);
    color: var(--color1e1);
}
.ctact-sear{
    margin-top: var(--space140);
}
.ctact-data{
    padding-bottom: var(--space40);
}
.ctact-form-wrap{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.ctact-form-ri{
    width: 53%;
}
.ctact-form-le{
    width: 36%;
}
.ctact-form-le h1{
    color: var(--color1e1);
    line-height: var(--line12);
}
.ctact-form-le-ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -6.4px;
    margin-top: 6.4px;
}
.cflu-li{
    width: 50%;
    position: relative;
    margin-top: 6.4px;
    padding: 0 6.4px;
}
.cflu-li::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 40px;
    background: #E7E8EC;
}
.cflu-li-tp{
    display: flex;
    align-items: center;
    margin-bottom: 1.6px;
}
.cflu-li-tp-icon{
    flex-shrink: 0;
    margin-right: 12px;
    width: 20px;
    font-size: 0;
}
.cflu-li-tp-icon img{
    width: 100%;
}
.cflu-li-tp-text p{
    color: var(--colormain3);
    line-height: var(--line175);
    font-size: var(--font16);
}
.cflu-li-bt p, .cflu-li-bt p a{
    color: var(--color1e1);
    line-height: var(--line175);
    display: inline-block;
    font-size: var(--font16);
}
.cflu-li.on{
    width: 100%;
}
.cflu-li.on::after, .cflu-li:nth-child(2n)::after{
    display: none !important;
}
.ctact-form-le-link{
    margin-top: 18.88px;
}
.ctact-form-le-link a{
    display: block;
    overflow: hidden;
    border-radius: var(--radius10);
    position: relative;
}
.cfll-img, .cfll-img img{
    width: 100%;
}
.cfll-img{
    position: relative;
    z-index: 2;
}
.cfll-img::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 44%;
    pointer-events: none;
    z-index: 1;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.80) 0%, rgba(9, 20, 77, 0) 100%);
}
.cfll-text{
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
    padding: 0 20px;
    z-index: 2;
}
.cfll-text p{
    color: var(--colorfff);
    font-size: var(--font18);
    line-height: var(--line175);
}
.ctact-form{
    padding-top: 15.2px;
}
.atm-form {
    --space: 1.28px;
    --spacebot: 3.2px;
    --spacein: 2.56px;
    --height: 44px;
    --colortips: #FF2828;
    --colormain: #0066F5;
}
.atm-fii-input {
    width: 100%;
    height: var(--height);
    border: none;
    display: block;
    border-radius: var(--radius10);
    overflow: hidden;
    background: rgba(128, 130, 142, 0.05);
}
.atm-fii-name{
    color: #747474;margin-bottom: 2px;
}
.atm-fii-name span{
    margin-left: 3px;
}
.atm-fii-input input::placeholder{
    color: var(--color808) !important;
}
.atm-fii-input input, .atm-fii-input textarea{
    color: var(--colormain3) !important;
}
.atm-form-company{
    width: 75%;
}
.atm-form-post{
    width: 25%;
}
.atm-form-sel .atm-select-bd{
    max-height: 170px;
}
.atm-fia-text-word a{
    color: var(--colormain3);
}
.atm-fia-text-word span{
    color: var(--colortips);
}
.atm-fia-text-btn {
    width: 16px;
    height: 16px;
    cursor: pointer;
    position: relative;
    top: 5px;
}
.atm-fia-text-btn::before {
    border: 2px solid #d8d9e2;
}
.atm-fia-text-word {
    width: calc(100% - 16px);
    font-size: var(--font14);
    color: #8b8d98;
}
.atm-form-inof-code{
    width: 60%;
    margin-bottom: 1.6px;
}
.atm-fic-auth .atm-fii-input {
    width: 100%;
}
.atm-fic-auth{
    align-items: flex-end;
}
.atm-fic-auth label{
    width: 100%;
}
.atm-fic-auth-img{
    cursor: pointer;
    flex-shrink: 0;
}
.atm-form-inof-submit{
    margin-bottom: 0px !important;
    width: 267px;
    margin-top: 30px;
}
.atm-form-inof{
    position: relative;
}
.atm-form-inof-agree{
    margin-bottom: 0px;
    width: 60%;
    position: absolute;
    bottom: 2px;
    left: 0;
}
.atm-fii-submit .std-btn1-box{
    justify-content: space-between;
}
.atm-fii-submit{
    width: 100%;
    background: transparent;
}
.atm-fii-tips{
    margin-top: 4px;
}
.atm-form-inof{
    padding-bottom: 45px;
    justify-content: space-between;
}
.cawb-ul{
    padding: 4px;
    background: var(--colorfff);
    border-radius: 12.8px;
    display: flex;
    margin: 0 -1.6px;
}
.cawb-ul-li{
    padding: 0 1.6px;
}
.cawb-ul-li p{
    font-size: var(--font18);
    line-height: var(--line175);
    color: var(--color808);
    transition: all .36s ease;
    text-align: center;
}
.cawb-ul-li.act p{
    color: var(--colorfff);
 }
.cawb-ul-li-box{
    min-width: 160px;
    padding: 0.96px 6.4px;
    border-radius: 12.8px;
    transition: all .36s ease;
}
.cawb-ul-li.act .cawb-ul-li-box{
    background: var(--colormain3);
    box-shadow: 1px 1px 1px 0 rgba(255, 255, 255, 0.83) inset, -1px -1px 1px 0 rgba(0, 0, 0, 0.23) inset, 0.445px 0.445px 0.629px -1px rgba(0, 0, 0, 0.26), 1.211px 1.211px 1.712px -1.5px rgba(0, 0, 0, 0.25), 2.658px 2.658px 3.759px -2.25px rgba(0, 0, 0, 0.23), 5.901px 5.901px 8.345px -3px rgba(0, 0, 0, 0.19), 10px 10px 21.213px -3.75px rgba(0, 0, 0, 0.23);
}
.cawb-tab{
    display: inline-block;
}
.clis-ul-li-tit{
    color: var(--color1e1);
    margin-bottom: 3.84px;
}
.clis-ul-li-box {
    padding: 5.12px 5.76px;
    border-radius: var(--radius10);
    overflow: hidden;
    background:  #FFF;
    box-shadow: 0 4px 4.5px 0 rgba(0, 31, 130, 0.04), 0 4px 40px 0 rgba(0, 31, 130, 0.04);
}
.clis-ul-li-box .cflu-li{
    width: 100% !important;
    margin-bottom: 10px;
    margin-top: 0px !important;
}
.clis-ul-li-box .cflu-li:last-child{
    margin-bottom: 0px;
}
.clis-ul-li{
    width: 680px;
}
.clis-ul-li .ctact-form-le-ul{
    margin-top: 0px !important;
}
.clis-ul-li .cflu-li-box{
    display: flex;
    align-items: flex-start;
}
.clis-ul-li .cflu-li-tp-icon{
    position: relative;
    top: 4px;
}
.cawb-list-item-swip{
    overflow: visible !important;
    padding-bottom: 20px !important;
}
.cawb-list{
    margin-top: 10.88px;
}
.ctact-addr::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 232px;
    height: 296px;
    background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    pointer-events: none;
    z-index: 4;
}
.cawb-list-item:first-child{
    display: block;
}
.cawb-list-item{
    display: none;
}
.ctact-addr-wrap-bt{
    position: relative;
    z-index: 5;
    margin-top: -30.4px;
}
/* g1-联系我们-end */

@media screen and (max-width: 767px) {

    .atm-ban-pc, .atm-nyban-pc{

        display: none;

    }

    .atm-ban-video{

        display: none;

    }

    .atm-ban-ph, .atm-nyban-ph{

        display: block;

    }

    .atm-modal-content {

        max-height: 550px;

        padding: 50px 20px;

    }

    html {

        font-size: 56px;

    }

    :root {

        /* 字号82-100 0.60rem 34px */

        --fontr1: 60px;

        /* 字号72-80 0.57rem 32px */

        --fontr2: 57px;

        /* 字号62-70 0.54rem 30px */

        --fontr3: 54px;

        /* 字号52-60 0.50rem 28px */

        --fontr4: 50px;

        /* 下 */

        --font44: 40px;

        --font36: 38px; 

        --font34: 36px; 

        --font32: 36px; 

        --font30: 34px; 

        --font28: 34px; 

        --font26: 32px; 

        --font24: 30px; 

        --font22: 28px; 

        --font20: 26px; 

        --font18: 26px;  

        --font16: 25px;   

        --font14: 24px;  

        --font12: 18px;

        /* 间距 */

        --space250: 100px;

        --space240: 99px;

        --space230: 97px;

        --space220: 95px;

        --space210: 93px;

        --space200: 91px;

        --space190: 89px;

        --space180: 87px;

        --space170: 85px;

        --space160: 83px;

        --space150: 81px;

        --space140: 79px;

        --space130: 77px;

        --space120: 75px;

        --space110: 73px;

        --space100: 71px;

        --space90: 69px;

        --space80: 67px;

        --space70: 65px;

        --space60: 60px;

    }



    /* leah-start */

    .lmtr-time-text {

        margin-bottom: 0.2rem;

    }

    .listnew-page .series-cable-ul-li {

        padding: 0 0.1rem;

    }

    .listnew-page .series-cable-ul {

        margin: 0 -0.1rem;

    }

    .listnew-main-ul-li {

        width: 100%;

        margin-bottom: 0.38rem;

    }

    .pc-fenye li {

        width: 24px;

        height: 24px;

        font-size: 12px;

        line-height: 22px;

        margin: 0 4px;

    }

    .pibr-li-top-ul {

        margin-top: 0;

        padding: 0 0px;

    }

    .pltu-li {

        width: 100%;

        padding: 0.3rem 0.15rem 0.3rem;

    }

    .pltu-li-cont {

        box-shadow: 0px 0px 6px 3px rgba(0, 86, 179, 0.10);

    }

    .proall-inter .slick-dots li {

        width: 6px;

        height: 6px;

    }

    .proall-inter .slick-dots {

        bottom: -6px;

    }

    .plbl-link-tit {

        margin-bottom: 0px;

    }

    .pibr-li-below-li{

        margin-bottom: 0;

    }

    .pibr-li-below.slick-dotted .pibr-li-below-li {

        margin-bottom: 0rem;

    }

    .proall-inter-below {

        padding-bottom: 0.8rem;

    }

    .proall-inter-text {

        margin-bottom: 0.5rem;

    }

    .proall-solu-ul-li.swiper-slide-active {

        width: 100% !important;

    }

    .proall-solu-swiper {

        min-height: 259px;

    }

    .proall-solu-top {

        margin-bottom: 0.4rem;

    }

    .proall-servi-le {

        width: 100%;

    }

    .proall-servi-ri {

        width: 100%;

        border-radius: 6px;

    }

    .proall-solu-top-text {

        width: 100%;

    }

    .new-main-top {

        border-radius: 6px;

        padding: 0.4rem 0.3rem;

    }

    .nmtc-sign p {

        padding: 2px 10px;

        font-size: 0.22rem;

    }

    .nmtc-time {

        padding-left: 16px;

    }

    .new-main-cont img {

        border-radius: 6px !important;

    }

    .new-main-below-le img {

        width: 26px;

    }

    .new-recom-tit {

        margin-bottom: 0.45rem;

    }

    .new-page .new-recom .slick-dots li {

        width: 6px;

        height: 6px;

        margin: 0 6px;

    }

    .series-cable-search {

        width: 100%;

    }

    .series-cable-search {

        height: 40px;

    }

    .sccc-center-top {

        flex-wrap: wrap;

    }

    .sccc-screen {

        margin: 0 -5px 0.1rem;

        flex-wrap: wrap;

    }

    .sccc-screen-li {

        width: 100%;

        margin-bottom: 0.2rem;

    }

    .sccc-center-top-ri {

        width: 100%;

    }

    .scul-cont p {

        padding-right: 5px;

    }

    .scul-cont-icon {

        width: 14px;

    }

    .scul-cont {

        padding: 5px 8px 4px;

    }

    .sccc-ul-li {

        width: 50%;

    }

    .sccc-ul-li-link .atm-imgbox-cover {

        margin-bottom: 6px;

    }

    .solut-way-back-img {

        top: 0.3rem;

        width: 273px;

    }

    .solut-way-back {

        margin-bottom: 1rem;

    }

    .sscc-below {

        flex-wrap: wrap;

    }

    .sscc-below-le {

        width: 100%;

    }

    .sscc-below-ri {

        width: 100%;

    }

    .solut-scalout-ul {

        width: auto;

        max-width: 100%;

    }

    .dmrf-text li {

        width: 100%;

    }

    .dmra-ul-li {

        width: 50%;

    }

    .dmra-ul-li-cont img {

        margin-bottom: 4px;

    }

    .dmra-ul {

        border-radius: 6px;

    }

    .detail-page .proall-arrow {

        margin-top: 0.4rem;

    }

    .sscc-below-ri {

        display: none;

    }

    .sblu-li-hidden-img {

        display: block;

    }

    .sblu-li-hidden-img {

        display: block;

    }

    .proall-solu-top .proall-arrow {

        display: none;

    }

    .proall-solu-ul-li {

        width: 100% !important;

    }

    .proall-solu-ul {

        margin: 0 0;

    }

    .proall-solu-swiper {

        overflow: hidden;

        padding-bottom: 1.1rem;

    }

    .proall-solu-swiper-arrow {

        display: block;

    }

    .proall-solu-swiper-arrow .proall-arrow {

        right: auto;

        left: 50%;

        transform: translateX(-50%);

        bottom: 20px;

    }

    .pltp-cont-tit {

        color: var(--colortit);

        max-width: 100%;

        width: 100%;

        margin-bottom: 0.1rem;

    }

    .pltp-cont {

        flex-wrap: wrap;

        padding: 0.3rem 0;

        position: relative;

    }

    .pltp-cont-ri {

        width: 100%;

    }

    .pltp-cont-ri-text p {

        color: var(--colortit2);

    }

    .psul-link-below-more img {

        width: 16px;

    }

    .proall-solu {

        padding-bottom: 0 !important;

    }

    .swiper-slide-active .psul-link-below {

        padding: 0.2rem 0rem 0;

    }

    .sctr-sear {

        width: 50%;

    }

    .detail-main-le {

        width: 100%;

        position: relative;

        top: 0px;

        margin-bottom: 0.3rem;

    }

    .detail-main-ri {

        width: 100%;

    }

    .dmrf-tit::after {

        width: 80px;

    }

    .listnew-main-change {

        padding-top: 0.4rem;

    }

    .new-main-below-le .atm-imgbox-cover {

        width: 26px;

    }

    .new-main-below-le p {

        padding-top: 2px;

    }

    .listnew-main-ul-li:nth-child(n) {

        animation-delay: .2s;

    }

    .sccc-ul-li:nth-child(2n+1) {

        animation-delay: .3s;

    }

    .sccc-ul-li:nth-child(2n+2) {

        animation-delay: .4s;

    }

    .proall-inter-tit {

        font-size: 0.4rem;

    }

    .pibr-li-top {

        margin-bottom: 0.55rem;

    }

    .plbl-link-tit img {

        opacity: 0;

    }

    .proall-solu-ul-li {

        padding: 0 0;

    }

    .sccc-screen {

        margin: 0 0px 0.1rem;

    }

    .sccc-screen-li {

        padding: 0 0px;

    }

    .sccc-screen-li-hidden {

        width: 100%;

    }

    .sslh-ul {

        max-height: 152px;

    }

    .series-cable-ul-li a {

        font-size: 0.25rem;

    }

    .sccc-ul-li {

        margin-bottom: 0.3rem;

    }

    .dmrf-text li:nth-last-child(1) {

        margin-bottom: 0;

    }

    .dmrf-text li {

        padding-right: 0;

    }

    .slhu-li {

        margin-bottom: 5px;

    }

    .listnew-main-top .atm-imgbox-cover {

        width: 100%;

        margin-bottom: 0.3rem;

    }

    .listnew-main-top-ri {

        padding-left: 0;

        width: 100%;

    }

    .new-main-cont h4 {

        margin-bottom: 1em;

    }

    .new-main-cont p {

        margin-bottom: 0.8em;

    }

    .new-main-cont {

        padding: 0 0 0.4rem;

    }

    .new-page .new-recom .slick-dots {

        bottom: -22px;

    }

    .solut-scalout-ul-li {

        min-width: 160px;

    }

    .solut-scalout-top .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

        width: 100% !important;

    }

    .solut-scalout-top .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

        height: 3px !important;

    }

    .solut-scalout-top .mCSB_scrollTools .mCSB_draggerContainer {

        height: 1px !important;

        background-color: rgba(0, 0, 0, .4) !important;

    }

    .solut-scalout-top .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

        margin: -1px auto !important;

    }

    .solut-scalout-top .mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,

    .mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {

        bottom: -10px !important;

    }

    .solut-scalout-top .mCSB_scrollTools.mCSB_scrollTools_horizontal {

        height: 1px !important;

    }

    .proall-solu-ul-li.swiper-slide.previous {

        opacity: 1;

        transform: translate3d(0, 0, 0) scale(1);

    }

    .pssa-arrow-prev {

        margin-right: 0.3rem;

    }

    .series-cable-ul {

        width: 100%;

        margin: 0 -0.07rem;

    }

    .series-cable-ul-li {

        padding: 0px 0.07rem;

    }

    .listnew-main-center .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

        width: 100% !important;

    }

    .listnew-main-center .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

        height: 3px !important;

        margin: 0 auto !important;

    }

    .listnew-main-center .mCSB_scrollTools .mCSB_draggerContainer {

        height: 1px !important;

        background-color: rgba(0, 0, 0, .4) !important;

    }

    .listnew-main-center .solut-scalout-top .mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,

    .mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {

        bottom: -24px !important;

    }

    .listnew-main-center .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {

        bottom: 1px !important;

    }

    .dmlu-li {

        padding: 0 0px;

    }

    .solut-scalout-top .mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {

        bottom: -12px !important;

    }

    .sblu-li-top {

        padding: 0.3rem 0px;

    }

    .sblu-li-top p {

        font-size: var(--font22);

    }

    .swiper-container {

        padding: 0 0 0.8rem !important;

    }

    .suy-search-wai .swiper-container{

        padding-bottom: 0px !important;

    }

    /* leah-end */

    .atm-ban-title{

        text-align: center;

    }

    .atm-ban-btn{

        display: flex;

        align-items: center;

        justify-content: center;

        margin-top: 0.36rem;

    }

    .atm-dots1 .slick-dots {

        padding-left: 0;

        bottom: 24px;

        text-align: center;

    }

    .atm-dots1 .slick-dots li {

        width: 28px;

    }

    .std-text18, .std-text18 p{

        font-size: 14px;

    }

    .hsin-bin-link .std-font20{

        font-size: 10px;

        top: 0px;

        white-space: nowrap;

    }

    .hsin-bin-link-icon {

        width: 16px;

        height: 16px;

    }

    .solution-modal-add{

        padding: 0;

    }

    .home-adv-top{

        flex-direction: column;

        justify-content: center;

    }

    .home-adv h2{

        padding-right: 0px;

    }

    .home-adv-top .home-mode-word {

        width: 100%;

    }

    .home-adv-top .home-mode-word p{

        text-align: center;

    }

    .home-adv .atm-fold{

        flex-direction: column;

    }

    .yfzc-bot-ri {

        right: auto;

        bottom: auto;

        left: auto;

        position: relative;

    }

    .home-adv .yfzc-bot{

        flex-direction: row;

        justify-content: space-between;

        align-items: flex-end;

    }

    .atm-fold-nub.on .yfzc-bot-le {

        transform: translateY(0%);

    }

    .home-adv .atm-fold-zhan {

        height: 290px;

    }

    .yfzc-bot-le-tp .atm-demo-num {

        font-size: 0.44rem;

    }

    .home-adv .atm-fold .atm-fold-nub{

        margin-bottom: 20px;

    }

    .home-adv .atm-fold .atm-fold-nub:last-child{

        margin-bottom: 0px;

    }

    .yfzc-bot-le-word p{

        font-size: 10px;

    }

    .home-about-wrap{

        width: 100%;

    }

    .home-about-word {

        margin-top: 0.8rem;

    }

    .home-about-word {

        margin-top: 0.8rem;

    }

    .home-about-cont{

        padding-top: 2rem;

    }

    .home-news-tpnew a{

        flex-direction: column;

    }

    .home-news-tpnew a .atm-imgbox-cover{

        width: 100%;

        margin-bottom: 16px;

    }

    .home-news-tpnew-ri{

        width: 100%;

    }

    .hntr-bts{

        margin-top: 20px;

    }

    .home-news-ul-li{

        width: 50%;

        margin-top: 18px;

        padding: 0 6px;

    }

    .home-news-ul-li:nth-child(2n+1){

        animation-delay: 0.2s;

    }

    .home-news-ul-li:nth-child(2n+2){

        animation-delay: 0.3s;

    }

    .home-news-ul{

        flex-wrap: wrap;

        margin: 0 -6px;

        margin-top: 0.1rem;

    }

    .hnul-link{

        background: #F8F8F8;

        border-bottom:solid 1px var(--color1e1);

    }

    .hnul-link-tit {

        margin-bottom: 0.3rem;

        height: 4.5em;

        -webkit-line-clamp: 3;

    }

    .hntr-bts {

        margin-top: 10px;

    }

    .home-news-top .std-btn1{

        display: none;

    }

    .home-news-phbtn{

        display: flex;

        justify-content: center;

        margin-top: 26px;

    }

    .home-news-wrap {

        margin-top: 0.4rem;

    }

    .home-news{

        padding-bottom: 10px;

    }

    .std-btn1.gray .std-btn1-box {

        box-shadow: 1px 1px 1px 0 rgba(255, 255, 255, 0.83) inset, -1px -1px 1px 0 rgba(0, 0, 0, 0.23) inset, 0.445px 0.445px 0.629px -1px rgba(0, 0, 0, 0.26), 1.211px 1.211px 1.712px -1.5px rgba(0, 0, 0, 0.25), 2.658px 2.658px 3.759px -2.25px rgba(0, 0, 0, 0.23), 5.901px 5.901px 8.345px -3px rgba(0, 0, 0, 0.19), 6px 6px 9.213px -2.75px rgba(0, 0, 0, 0.23);

    }

    .atm-footer {

        --sapceft1: 42px;

        --sapceft2: 34px;

        --sapceft3: 18px;

        --sapceft4: 18px;

    }

    .footer-logo {

        width: 170px;

    }

    .footer-nav>li {

        width: 50%;

        padding: 0 10px;

        margin-top: 14px;

    }

    .footer-nav {

        width: auto;

        margin: 0 -10px;

        margin-top: 10px;

        flex-wrap: wrap;

    }

    .footer-bot {

        margin-top: 18px;

        flex-direction: column-reverse;

    }

    .footer-top{

        padding-bottom: 30px;

    }

    .footer-share-code {

        width: 90px;

    }

    a[href="https://www.yongsy.com"] {

        margin-left: 10px;

        margin-top: 6px;

    }

    .footer-privacy{

        margin-bottom: 6px;

    }

    .ctact-form-wrap{

        flex-direction: column;

    }

    .ctact-form-le {

        width: 100%;

    }

    .ctact-form-le-ul {

        margin: 0 -0.12rem;

        margin-top: 0.2rem;

    }

    .cflu-li {

        width: 50%;

        position: relative;

        margin-top: 0.2rem;

        padding: 0 0.12rem;

    }

    .cflu-li::after{

        display: block;

    }

    .cflu-li-tp-icon {

        margin-right: 8px;

        width: 18px;

        position: relative;

        top: -2px;

    }

    .ctact-form {

        padding-top: 0.75rem;

    }

    .ctact-form-le-link {

        margin-top: 0.3rem;

    }

    .ctact-form-ri {

        width: 100%;

        margin-top: 0.55rem;

    }

    .atm-form-inof-item2, 

    .atm-form-inof-item3 {

        width: 100%;

    }

    .atm-form-company {

        width: 100%;

    }

    .atm-form-post {

        width: 100%;

    }

    .atm-form-inof-code {

        width: 100%;

    }

    .atm-form-inof-agree {

        margin-bottom: 0px;

        width: 60%;

        position: relative;

        bottom: auto;

        left: auto;

        width: 100%;

        margin-top: 10px;

    }

    .atm-fia-text-btn {

        width: 14px;

        height: 14px;

        top: 4px;

    }

    .atm-form-inof-submit {

        width: 100%;

        margin-top: 20px;

    }

    .ctact-data-le {

        width: 100%;

    }

    .ctact-data-wrap{

        flex-direction: column;

    }

    .ctact-data-ri {

        padding-left: 0;

        width: 100%;

        margin-top: 24px;

    }

    .cdru-li-bg {

        top: 0;

        transform: translateY(0%);

    }

    .cdru-li-box {

        padding: 16px 14px;

    }

    .cdru-li-icon {

        width: 30px;

        margin-bottom: 0.2rem;

    }

    .ctact-sear {

        margin-top: 0.5rem;

    }

    .ctact-sear-wrap h2 {

        margin-bottom: 0.26rem;

    }

    .about-anim-ul-li {

        padding: 0 0.12rem;

    }

    .about-anim-ul{

        margin: 0.4rem -0.12rem 0;

    }

    .ctact-sear .yfzc-bot-le-word p {

        font-size: 10px;

    }

    .ctact-addr-wrap {

        padding-left: 20px;

        padding-right: 20px;

    }

    .ctact-addr-wrap-tp {

        flex-direction: column;

    }

    .ctact-addr-left {

        padding-top: 0;

        width: 100%;

    }

    .ctact-addr-right {

        width: 100%;

    }

    .card-li .std-btn1-box {

        padding: 4px 10px;

    }

    .cawb-ul-li-box {

        min-width: 80px;

        font-size: 12px;

    }

    .cawb-ul{

        overflow-x: scroll;

        overflow-y: hidden;

    }

    .cawb-ul-li{

        white-space: nowrap;

    }

    .ctact-addr::before{

        display: none;

    }

    .ctact-addr-wrap-bt {

        margin-top: -0.2rem;

        padding-right: 0px !important;

    }

    .cawb-tab {

        display: block;

    }

    .ctact-tech-bg {

        width: 100%;

        position: absolute;

        z-index: 2;

        top: 0;

        left: 0;

        height: 100%;

    }

    .ctact-tech-cont {

        width: 100%;

        height: 100%;

        position: relative;

        top: auto;

        left: auto;

    }

    .ctact-tech-cont-tab p {

        font-size: 12px;

        padding-left: 16px;

    }

    .ctact-tech-cont-tab p::after {

        width: 6px;

        height: 6px;

    }

    .ctact-tech-cont-tp {

        margin-bottom: 0.4rem;

    }

    .cdbh-box-ri-hyear-wrap, .compan-devel-btm-btlist {

        margin-right: 20px;

        margin-left: 20px;

    }

    .cbrh-item-btm {

        padding: 25px 20px;

        flex-direction: column;

    }

    .cbrh-item-btm-le {

        width: 100%;

        margin-bottom: 20px;

    }

    .cbrh-item-btm-ri {

        padding-left: 0;

        width: 100%;

    }

    .compan-devel-btm-btlist{

        display: none !important;

    }

    .cbrh-item-top {

        padding: 14px 0;

    }

    .cdbh-year::before {

        top: 58px;

    }

    .cdbh-box-ri-hyear .slick-dots{

        bottom: 20px;

    }

    .cdbh-box-ri-hyear .slick-list{

        padding-bottom: 40px;

    }

    .about-anim-word{

        width: 100%;

    }

    .about-map .about-anim-word {

        margin-top: 0.3rem;

        margin-bottom: 0.2rem;

    }

    .alul-box-wrap {

        padding-bottom: 1.2rem;

        padding-top: 1.4rem;

    }

    .about-list-ul .slick-dots{

        bottom: 22px;

    }

    .about-numb .atm-cont1440 {

        position: relative;

        top: 1rem;

        left: auto;

        transform: inherit;

        z-index: 2;

    }

    .about-anim-media-phbtn{

        display: block;

    }

    .alul-box-wrap-text {

        margin-bottom: 0.4rem;

    }

    .about-anim-media-pcbtn{

        display: none;

    }

    .about-anim-ul-li .yfzc-bot-le-tp span {

        font-size: 0.42rem;

    }

    .std-btn1-icon {

        width: 16px;

        margin-left: 8px;

    }

    .atm-nyban-title p {

        margin-top: 0.2rem;

        width: 70%;

    }

    .atm-nyban-title h1{

        width: 100%;

    }

    .atm-nybanner .atm-pos-center{

        top: 58%;

    }

    .proall-solu-swiper-arrow .proall-arrow {

        right: auto;

        left: auto;

        transform: translateX(0%);

        bottom: auto;

        position: relative;

        margin-top: 20px;

    }

    .proall-solu-swiper-arrow {

        display: flex;

        align-items: center;

        justify-content: center;

    }

    .proall-servi-le-text {

        margin-bottom: var(--space30);

    }

    .proall-servi-le {

        margin-bottom: 0.6rem;

    }

    .dmlb-btn {

        margin-bottom: 0.3rem;

    }

    .detail-main-le-btn .atm-select-bd {

        width: calc(100% + 20px);

    }

    .detail-main-ri-text {

        margin-bottom: 0.4rem;

    }

    .solution-modal-inof-nub .hsin-bin-link .std-text16 {

        font-size: 10px;

    }

    .solut-page .proall-solu-swiper{

        padding-bottom: 0px;

    }

    .sccc-center-top-ri {

        justify-content: flex-start;

    }

    .scul-cont p {

        top: 0px;

    }

    .home-news-top{

        justify-content: center;

    }

    .atm-nyban-title p {

        width: 100%;

    }

    .atm-ban-title{

        line-height: 1.4;

    }

    .suy-search-rotate.nomore{

        margin: 0px !important;

    }

    .atm-form-inof {

        padding-bottom: 0.2rem;

    }

    .ctact-data {

        padding-top: 33.6px;

    }

    .ctact-data-word {

        margin-bottom: var(--space40);

    }

    .alul-box-wrap-word {

        width: 100%;

    }

    .plbl-link-tit p {

        height: auto;

        -webkit-line-clamp: inherit;

    }

    .plbl-link-tit img{

        display: none;

    }

    .pibr-li {

        padding-bottom: 0.4rem;

        margin-bottom: 0.5rem;

        border-bottom: solid 1px #ddd;

    }

    .pibr-li:last-child{

        border-bottom: none;

    }

    .cfll-text {

        bottom: 13px;

        padding: 0 14px;

    }

    .card-li .std-btn1-box span {

        font-size: 8px;

        transform: translateY(0px);

    }

    .card-li .std-btn1-box {

        padding: 4px 8px;

    }

    .cawb-ul {

        padding: 6px 4px;

    }

    .cawb-ul-li p {

        position: relative;

        top: 1px;

    }

    .cawb-ul-li.act .cawb-ul-li-box,

    .solut-scalout-ul-li.act .ssul-tit{

        box-shadow: 1px 1px 1px 0 rgba(255, 255, 255, 0.83) inset, -1px -1px 1px 0 rgba(0, 0, 0, 0.23) inset, 0.445px 0.445px 0.629px -1px rgba(0, 0, 0, 0.26), 1.211px 1.211px 1.712px -1.5px rgba(0, 0, 0, 0.25), 2px 2.658px 3.759px -2.25px rgba(0, 0, 0, 0.23), 5px 4px 3px -2px rgba(0, 0, 0, 0.19), 2px 7px 44px 0px rgba(0, 0, 0, 0.2);

    }

    .cawb-ul-li p{

        font-size: 12px;

    }

    .ctact-sear-bg img{

        height: 124%;

    }

    .ctact-page .cflu-li::after{

        display: none !important;

    }

    .swiper-pagination-bullet{

        width: 6px;

        height: 6px;

    }

    .ctact-addr .swiper-container {

        padding: 0 0 0.6rem !important;

    }

    .solut-scalout-ul {

        max-width: inherit;

        overflow-x: scroll;

        overflow-y: hidden;

        white-space: nowrap;

    }

    .solut-scalout-ul-li {

        min-width: auto;

    }

    .ssul-tit {

        padding: 8px 16px 4px;

    }

    .proall-solu .swiper-slide,

    .proall-solu .psul-link{

        opacity: 1 !important;

    }

    .pibr-li-below.slick-dotted .slick-list{

        padding-bottom: 0.2rem;

    }

    .dmra-ul-li-cont{

        background: rgba(102,102,102,.2);

        border-radius: var(--radius10);

        overflow: hidden;

    }

    .dmra-ul-li{

        padding: 0 10px;

        -webkit-user-select: text;

        -khtml-user-select: text;

        -moz-user-select: text;

        -ms-user-select: text;

        user-select: text;

    }

    .dmra-ul-li.slick-slide:not(:first-child){

        display: none;

    }

    .dmra-ul{

        margin: 0 -10px;

        display: block;

    }

    .dmra-ul-li-cont {

        background: rgba(248, 248, 248, 1);

        border-radius: var(--radius10);

        overflow: hidden;

        padding: 0.2rem 0.2rem;

        height: 100%;

        display: flex;

        flex-direction: column;

        justify-content: center;

    }

    .dmra-ul{

        background: transparent;

    }

    .proall-inter .slick-dots {

        bottom: 0px;

    }

    .pibr-li-below.slick-dotted .slick-list {

        padding-bottom: 0.5rem;

    }

    .home-adv .atm-fold-zhan {

        height: 270px;

    }

    .footer-share-code {

        width: 90px;

        left: 0;

        transform: translateX(0px);

    }

    .footer-share-code::before {

        transform: translateX(0%) rotate(180deg);

        top: auto;

        bottom: -8px;

        left: 18px;

    }

    .atm-footer {

        padding-top: 0.72rem;

    }

    .footer-nav {

        margin-top: 14px;

    }

    .atm-ban-title,

    .atm-ban-btn{

        opacity: 0;

        -webkit-transform: translate3d(0, 60px, 0);

        transform: translate3d(0, 60px, 0);

        transition: 0s;

        transition-delay: 0s;

    }

    .atm-ban-li.slick-active .atm-ban-title {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

        transition: all .8s ease-in-out;

        transition-delay: .5s;

    }

    .atm-ban-li.slick-active .atm-ban-btn {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

        transition: all .8s ease-in-out;

        transition-delay: .6s;

    }

    .proall-solu-swiper{

        display: block;

    }

    .sccc-ul.nodata .sull-tit{

        margin-bottom: 1rem;

    }

    .solution-modal video{

        display: none;

    }

    .hsin-box .hsin-box-ts1.on{

        display: block;

        opacity: 1 !important;



        object-fit: cover;

    }

    .spri-box-word p {

        max-height: 3.5em;

        -webkit-line-clamp: 2;

        font-size: 12px;

    }

    .smin-pop .sbul-links-word {

        top: 1px;

        font-size: 10px;

    }

    .spri-box-link .std-font24 {

        font-size: 16px;

    }

    .spri-box-link-icon {

        width: 16px;

        margin-left: 0.16rem;

    }

    .smin-box1{

        display: block;

    }

    .smin-box1 .hsin-box-ts1 {

        display: block;

        opacity: 0 !important;

    }

    .smin-box1 .hsin-box-ts1.on {

        opacity: 1 !important;

    }

    .smin-pop {

        width: calc(100% - 80px);

        right: auto;

        left: 50%;

        transform: translate(-50%, 0%);

        top: auto;

        bottom: 18px;

    }

    .solution-modal-inof-nub .hsin-bin-link .std-text16 {

        top: 0px;

    }

    .hsin-add {

        min-width: 80px;

    }

    .hsin-bin-link-icon {

        width: 14px;

        height: 14px;

    }

    .solution-modal-inof-nub::after{

        display: none;

    }

    .solution-modal-inof-nub::after,

    .solution-modal-default::after{

        content: '';

        background: linear-gradient(0deg, rgba(255, 255, 255, 1) 8.77%, rgba(255, 255, 255, 0) 100%);

        position: absolute;

        width: 100%;

        height: 8%;

        bottom: -1px;

        left: 0;

        z-index: 11;

        pointer-events: none;

    }

    .solution-modal-inof-nub::after{

        content: '';

        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 83.77%);

        position: absolute;

        width: 100%;

        height: 10%;

        bottom: -1px;

        left: 0;

        z-index: 11;

        pointer-events: none;

        opacity: 0;

        transition: all .36s ease;

        display: block;

    }

    .solution-modal-inof-nub.on::after {

        opacity: 1;

    }

    .solution-modal-default.on3::after{

        opacity: 0;

    }

    .home-mode {

        padding-bottom: 0.8rem;

    }

    .hsin-add-return {

        padding: 0.12rem 0.3rem;

        bottom: -24px;

    }

    .smin-list-item-ph {

        display: block;

        width: 100%;

        height: 100%;

    }

    .slip-ts{

        width: 100%;

        height: 100%;

        object-fit: cover;

    }

    .smin-pop-rotate-item{

        transition-delay: 0s;

    }

    .smin-pop-rotate-item{

        opacity: 0;

        pointer-events: none;

        display: block !important;

        position: absolute;

        bottom: 0;

    }

    .smin-pop-rotate-item.shows{

        opacity: 1;

        pointer-events: all;

        transition-delay: var(--delay);

    }

    .yfzc-tab p::after {

        width: 6px;

        height: 6px;

    }

    .yfzc-tab p {

        padding-left: 16px;

    }

    .solution-modal-inof-nub .hsin-box-inof{

        transition-delay: 3s;

    }

    .solution-modal-inof-nub{

        display: block;

    }

    .smin-pop{

        opacity: 1;

        pointer-events: none;

    }

    .solution-modal-inof-pc.solution-modal-inof-ph::before{

        display: none;

    }

    .solution-modal-inof-nub::before {

        content: '';

        background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 83.77%);

        position: absolute;

        width: 100%;

        height: 10%;

        top: -1px;

        left: 0;

        z-index: 11;

        pointer-events: none;

        opacity: 0;

        transition: all .36s ease;

        display: block;

    }

    .solution-modal-inof-nub.on::before{

        opacity: 1;

    }

    .sbul-links-icon{

        display: none;

    }

    .sbul-links {

        padding: 4px 8px;

    }

    .hsin-add-return .std-text16 {

        font-size: 12px;

    }

    .solution-modal-inof-nub.on{

        display: block !important;

    }

    .solution-modal-inof-nub.novideo .smin-pop-rotate-item.shows{

        transition-delay: 0s !important;

    }

    .yfzc-min-word p{

        font-size: 12px;

    }

    .yfzc-min-text{

        font-size: 18px;

    }

    .smin-list-item.on{

        z-index: 1;

    }

    .hsin-box .hsin-box-ts1{

        display: block;

        opacity: 0 !important;

    }

    .slip-ts.on{

        opacity: 1;

    }

    .smin-list-item-ph img{

        width: 100%;

    }

    .smin-list-item-ph .slip-ts{

        position: absolute;

        top: 0;

        left: 0;

        z-index: 2;

    }

    .hsin-bin-link-icon{

        margin-left: 0.12rem;

    }

    .hsin-add {

        min-width: 76px;

    }

    .hntr-bts-date p {

        line-height: 1.4;

        font-size: 12px;

    }

    .home-news-ul-li .std-btn2-text{

        font-size: 10px;

        line-height: 1.8;

    }

    .home-news-ul-li .std-btn2-icon{

        width: 14px;

    }

    .home-page .mod-ctact {

        margin-top: 0.7rem;

    }

    .mod-ctact {

        padding: 0.75rem 0;

    }

    .solut-way {

        padding-bottom: 0.4rem;

    }

    .solut-scalout {

        padding-top: 0.74rem;

        margin-top: 0.4rem;

    }

    .solut-scalout-top {

        margin-bottom: 0.5rem;

    }

    .sscc-tit {

        margin-bottom: 0.14rem;

    }

    .slhu-li-cont p{

        font-size: 12px;

    }

    .solut-page .proall-solu .swiper-container {

        padding-bottom: 0px !important;

    }

    .hsin-box .atm-nyban-ph{

        opacity: 1;

        display: block;

        position: relative;

        /* z-index: 9; */

    }

    .about-anim-word p {

        font-weight: 400;

    }

    .proall-solu-swiper{

        overflow: hidden !important;

    }

    .solution-modal-add::before {

        /* background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 83.77%); */

    }

    .hsin-box-inof-first{

        top: var(--top1) !important;

        left: var(--left1) !important;

        transform: inherit !important;

    }

    .spri-box-close {

        bottom: -15px;

        width: 30px;

        height: 30px;

    }

    .solution-modal-add.no1::before{

        background: transparent;

    }

    .about-numb .atm-cont1440{

        top: 0;

    }
    
    .ctact-data{
        margin: 20px 0;
    }

    .ctact_form {
        padding: 0 20px;
    }

    .ctact-tech-cont{
        padding: 28px 23px;
        z-index: 2;
    }

    .ctact-tech, .ctact-addr{
        padding-top: 18px;
        padding-bottom: 38px;
    }

}