@font-face {
    font-family: "JINGDONGLangZhengTi2";
    src: url(../font/JINGDONGLangZhengTi2-Bold.ttf) format("opentype");
}

@font-face {
    font-family: "Roboto-Bold";
    src: url(../font/Roboto-Bold-3.ttf) format("opentype");
}

@font-face {
    font-family: "Roboto-Medium";
    src: url(../font/Roboto-Medium-12.ttf) format("opentype");
}

@font-face {
    font-family: "Roboto-Regular-14";
    src: url(../font/Roboto-Regular-14.ttf) format("opentype");
}
*{margin: 0; padding: 0;font-family: Roboto-Medium;}
a{text-decoration: none;}
img{width: 100%; height: 100%; border: 0; display: block;}
li{list-style: none;}
.w1520{width: 15.20rem; margin: 0 auto;}
.cursor{cursor: pointer;}
.imgScale img{
    transition: all .5s ease;
}
.imgScale:hover img{
    transform: scale(1.2);
}

.body-noscroll{overflow: hidden;}
.mt12{margin-top: .12rem;}
.mb36{margin-bottom: .36rem;}
input:-internal-autofill-selected{background-color: transparent;}



 /* loading层：全屏覆盖，禁止滚动靠body样式 */
 #loading-overlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100vw;
     height: 100vh;
     background: #fefefe;
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: 999999;
     /* 最高层级 */
 }

 #loading-overlay img {
     width: 4.6rem;
     height: auto;
 }

 /* 禁止页面滚动 */
 /* body.noscroll {
     overflow: hidden; 
      height: 100vh;
 } */

 /* 加载完成后恢复滚动 */
 /* body.loaded {
     overflow-y: auto;
     height: auto;
 } */



/* 全屏遮罩层 - 阻止页面交互 */
.toast-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0);
    /* 浅黑色遮罩，可调整透明度 */
    z-index: 999999;
    /* 低于提示框，高于页面内容 */
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    /* 默认不阻止交互 */
}

/* 遮罩层激活状态 */
.toast-mask.active {
    opacity: 1;
    pointer-events: auto;
    /* 阻止页面交互 */
}

/* 提示框容器样式 - 固定定位在页面正中间 */
.toast-container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999999;
    display: flex;
    flex-direction: column;
}

/* 提示框基础样式 - 统一半透明黑色背景、白色字体 */
.toast-item {
    padding: 12px 20px;
    border-radius: 6px;
    background-color: rgba(0, 0, 0, 0.7);
    /* 半透明黑色背景 */
    color: #ffffff;
    /* 白色字体 */
    font-size: 14px;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transform: translateY(-20px);
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    min-width: 200px;
    justify-content: center;
}

/* 显示动画 */
.toast-item.show {
    opacity: 1;
    transform: translateY(0);
}

/* 图标样式 */
.toast-icon {
    font-size: 16px;
    font-weight: bold;
}

/* 禁止页面滚动的body样式 */
/* body.toast-no-scroll {
     overflow-y: hidden; 
    touch-action: none; 
     
} */

/* 基础设置：1rem = 100px */
html {
    font-size: 93px;
}

/* logo */
.navx{position: fixed;left: 0;top: 0;z-index: 9999; width: 100%;background: #FFF;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);
backdrop-filter: blur(25px);
transition: all 0.5s ;}
.navlogo{width: 1.96rem;height: 0.52rem;}
.navlist{display: flex; justify-content: space-between;height: 100%; width: 10.5rem;}
.navlist li{height: 100%; display: flex; align-items: center;position: relative;}
.list_item{ height: 0;  overflow: hidden; position: absolute;top: 100%;left: 50%;
    background: #fff url(../xt/erjicaidan.png)no-repeat top right;background-size: cover;
    width: 2.8rem;transform: translate(-50%, 0); border-radius: 0 0 0.1rem 0.1rem;z-index: 9999;}
.list_item li a{font-size: .18rem !important; transform: scale(1) !important; line-height: 3.5 !important;}
.list_item li{display: flex; justify-content: center;}
.list_item li:hover{background: #E1241B;}
.list_item li:hover a{color: #fff !important; transition: all .1s;}
.list_item li.act {background: #E1241B;}
.list_item li.act a{color: #fff !important; transition: all .1s;}
.list_item li a::before{display: none !important;}
.navlist li a{font-size: .2rem; color: #000; line-height: 2.4; font-weight: 500; position: relative;}
/* .attribute{display: flex; } */
.language >img {width: .24rem;height: .24rem;}
.language{width: auto;position: relative;}
.language::after{content: "";display: block;width: 100%;height: .8rem;background: transparent;left: 0;top: 0;position: absolute;}
.language:hover .language_box{display: block;}
.language:hover{cursor: pointer;}
.language_box{width: 1.5rem;position: absolute;left: 50%;transform: translateX(-50%);padding: .1rem .2rem;
background: url(../xt/langgeweizi.png)no-repeat;border-radius: 10px;top: .8rem;color: #05142d;font-size: .16rem;
line-height: 2;transition: all .5s;display: none;z-index: 10;background-size: 100% 100%;}
.language_box div:hover{color: #E1251A;}
.language_box a{color: #05142d;}
.language:hover .language_box div{display: flex;align-items: center;height: .3rem;}
.language:hover .language_box div a{width: 94%;font-family: Roboto-Regular-14;}
.language:hover .language_box div.red a{color: #E1251A;}
.language:hover .language_box div img{width: .2rem;height: .2rem;}

.searchs{width: .24rem;height: .24rem;display: none;}
.nav{display: flex; justify-content: space-between; align-items: center;height: 1.28rem;}
/* .on .list_item{height: auto; transition: all .5s;} */
.on a{transform: scale(1.2); transition: all .5s; font-weight: 500;}
.on a::before{content: ""; position: absolute; left: 50%; bottom: 15%; transform: translateX(-.22rem); width: .43rem;height: .12rem; display: block; background-image: url(../image/4.png); background-repeat: no-repeat; background-size: contain;}
.navlist li:hover .list_item{height: auto; transition: all .5s;}
.cyy_fifth_form_item input{color: #fff!important;}
.navlist li:hover > a{transform: scale(1.2); transition: all .5s; font-weight: 500;}
.navlist li:hover > a::before{content: ""; position: absolute; left: 50%; bottom: 15%; transform: translateX(-.22rem); width: .43rem;height: .12rem; display: block; background-image: url(../image/4.png); background-repeat: no-repeat; background-size: contain;}

.footer_logon{width: 1.96rem; height: .52rem;}
.footer{background-color: #071E40; padding: .72rem 0 .48rem 0;}
.footer_ion img{width: .36rem;height: .36rem;margin-right: .24rem;}
.footer_ion{display: flex;margin-top: .32rem;}
.footer_list {display: flex;justify-content: space-between;width: 11.72rem;}
.footer_list ul li{font-size: .14rem; color: #fff;font-weight: 400; line-height: .28rem;}
.footer_list ul li a{color: #fff;}
.footer_list ul li:nth-child(1){font-size: .2rem; color: #fff;font-weight: 700;margin-bottom: .16rem;}
.footer_conter{display: flex;justify-content: space-between;}
.footer_text{font-size: .14rem; border-top: .01rem solid #FFFFFF1A; color: #fff; text-align: center;padding: .16rem 0;background-color: #071E40;}

.wap_menu_box{display: none;}



/* 字体统一标准 */
.bannerT {
    font-size: 1.2rem !important;
    line-height: 1.2 !important;
    font-family: Roboto-Bold !important;
}
.bannerFuT{font-size: .34rem !important;line-height: 1.4 !important;font-weight: Roboto-Bold !important;}
.bigT{font-size: .85rem !important;font-family: Roboto-Bold !important;color: #05142d;}
.fuT{font-size: .64rem !important;line-height: 1.2 !important;font-family: Roboto-Medium !important;color: #05142d ;}
.conT{font-size: .32rem !important;line-height: 1.5 !important;font-family: Roboto-Medium !important;}
.zwFont{font-size: .28rem !important;line-height: 1.5 !important;color: #05142d ;font-family: Roboto-Regular-14 !important;}
.zhushi{font-size: .16rem !important;font-family: Roboto-Regular-14 !important;color: rgba(5,20,45,.6) !important;}
.sousuoT{font-size: .16rem !important;font-family: Roboto-Regular-14 !important;} 

/* 自定义下拉框样式 */
/* 容器样式 */
.select-container {
    position: relative;
    width: 100%;
    font-size: .24rem;
}

/* 触发按钮（模拟 select 输入框）- 科技感暗色主样式 */
.select-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: .6rem;
    padding: 0;
    /* 科技感暗底色 */
    background-color: transparent;
    /* 深色边框，小幅度圆角（4px） */
    border: 1px solid transparent;
    border-radius: 4px;
    /* 白色文字 */
    color: rgba(255, 255, 255, 0.4);
    cursor: pointer;
    user-select: none;
    transition: border-color 0.2s ease;
}

/* hover 状态：边框轻微提亮 */
.select-trigger:hover {
    border-color: transparent;
}

/* focus 状态：科技蓝边框+微光阴影，强化科技感 */
.select-trigger:focus {
    outline: none;
    /* border-color: #0ea5e9;
    box-shadow: 0 0 0 2px rgba(14, 165, 233, 0.2); */
}

/* 下拉箭头：白色适配暗色背景 */
.select-arrow {
    width: 12px;
    height: 8px;
    transition: transform 0.2s ease;
}

.select-arrow path {
    fill: #ffffff;
}

/* 展开时箭头旋转 */
.select-container.open .select-arrow {
    transform: rotate(180deg);
}

/* 下拉列表：与触发框同色系，小幅度圆角 */
.select-dropdown {
    position: absolute;
    top: .6rem;
    left: 0;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    background-color: #1e293b;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    list-style: none;
    padding: 0;
    margin: 0;
    /* 科技感轻微阴影 */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    transition: max-height 0.2s ease;
    z-index: 999;
}

/* 展开列表 */
.select-container.open .select-dropdown {
    max-height: 200px;
}

/* 选项样式：白色文字，暗色背景 */
.select-option {
    padding: 10px 15px;
    color: #ffffff;
    cursor: pointer;
    transition: background-color 0.2s;
}

/* hover 状态：轻微提亮，科技感层次感 */
.select-option:hover {
    background-color: #273449;
}

/* 选中状态：科技蓝高亮，强化视觉 */
.select-option.selected {
    background-color: #fff;
    color: #05142d;
}

/* 禁用状态：低饱和度暗色，不可点击 */
.select-option.disabled {
    color: #64748b;
    cursor: not-allowed;
    background-color: #2a374b;
}

.select-option.disabled:hover {
    background: #2a374b;
}

/* 查看更多 */
.mock p {
    font-size: .18rem;
    color: #000000A6;
    transition: all .3s;
    /* 新增：消除文字基线偏差，确保和图片居中对齐 */
    line-height: 1;
    /* 重置行高，避免行高过大/过小影响对齐 */
    margin: 0;
    /* 清除p标签默认上下边距 */
}

.mock {
    display: flex;
    align-items: center;
    /* 核心对齐：flex垂直居中 */
    justify-content: flex-end;
    margin-top: .55rem;
    cursor: pointer;
    /* 可选：若仍有偏差，加此属性强制基线对齐 */
    align-items: center;
}

.mock a{
    display: flex;
        align-items: center;
        /* 核心对齐：flex垂直居中 */
        justify-content: flex-end;
        margin-top: .55rem;
        cursor: pointer;
        /* 可选：若仍有偏差，加此属性强制基线对齐 */
        align-items: center;
}

/* 核心：图片容器（控制平移+包裹两张图） */
.mock-img-wrap {
    position: relative;
    width: .14rem;
    /* 关键修改1：根据aspect-ratio(1/1)设置等高，解决高度塌陷 */
    height: .14rem;
    margin-left: .12rem;
    transition: transform .3s ease-in-out;
    transform: translateX(0);
    /* 关键修改2：确保容器内图片也垂直居中（兜底） */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 通用图片样式：固定尺寸+比例，避免变形 */
.mock-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* 关键修改3：图片高度继承容器，和宽度等比 */
    aspect-ratio: 1/1;
    object-fit: contain;
    display: block;
    transition: opacity .3s ease-in-out;
}

/* 默认显示r1，隐藏r2 */
.mock-img.default {
    opacity: 1;
    z-index: 1;
}

.mock-img.hover {
    opacity: 0;
    z-index: 0;
}

/* hover 效果：文字变色 + 图片容器右移 + 切换图片 */
.mock:hover p {
    color: #E1241B;
}

.mock:hover .mock-img-wrap {
    transform: translateX(.05rem);
}

.mock:hover .mock-img.default {
    opacity: 0;
}

.mock:hover .mock-img.hover {
    opacity: 1;
}

/*  */
.cyy_fourth{
    padding-bottom: 1.4rem !important;
}
.cyy_fourth_main .swiper-button-next,
.cyy_fourth_main .swiper-button-prev {width: .45rem !important;height: .45rem !important;}
.cyy_fourth_main .swiper-button-next img,
.cyy_fourth_main .swiper-button-prev img {
    transition: all .3s;
    width: .25rem !important;
    height: .25rem !important;
}
.cyy_fourth_main .swiper-button-prev{
    left: .6rem !important;
}
.cyy_fourth_main .swiper-button-next img:nth-child(1),
.cyy_fourth_main .swiper-button-prev img:nth-child(1) {
    display: block;
}
.cyy_fourth_main .swiper-button-next img:nth-child(2),
.cyy_fourth_main .swiper-button-prev img:nth-child(2) {
    display: none;
}
.cyy_fourth_main .swiper-button-next:hover img:nth-child(1),
.cyy_fourth_main .swiper-button-prev:hover img:nth-child(1) {
    display: none;
}
.cyy_fourth_main .swiper-button-next:hover img:nth-child(2),
.cyy_fourth_main .swiper-button-prev:hover img:nth-child(2){
    display: block;
}

@media screen and (max-width: 768px){
    html,body{width: 100%;overflow-x: hidden;}
    .navx{display: none;}
    .footer {padding-bottom: 0; padding-top: .33rem; margin-top: .33rem;}
    .footer .w1520{width: 100%;}
    .footer_conter{flex-wrap: wrap;}
    .footer_conter>div{display: flex; justify-content: space-between;width: 100%; align-items: center;}
    .footer_list ul li:nth-child(1){font-size: .18rem;}
    .footer_conter>div.footer_list{flex-wrap: wrap; margin-top: .2rem;justify-content: start;}
    .footer_list ul{width: 33.3%; height: 2.5rem;}
    .footer_list ul:nth-child(4),.footer_list ul:nth-child(5){height: 1.2rem;}
    .footer_ion{margin-top: 0;}
    .wap_menu_box{display: block;}
    .wap_menu{display: flex;position: fixed;width: 100%;height: 1rem;justify-content: space-between;z-index: 9999;background: #fff;
    color: #fff;padding: 0 0.2rem;align-items: center; box-sizing: border-box;box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.10);}
     .wap_logo { width: 2.5rem;}
     .wap_menu_btn{width: .4rem;}
     .wap_menu_btn img{width: 100%; height: 100%;}
     .wap_logo img{width: 100%;height: 100%;}
         .wap_menu_list{
        width: 100%;
        height: calc(100% - 1rem);
        position: fixed;
        right: -100%;
        bottom: 0;
        z-index: 1000;
        color: #000;
        /* background: #E1251A; */
        transition: all 1s;
        border-top: .01rem solid #eee;
        background: linear-gradient(to top, #fff, #E1251A);
        }
        .wap_menu_two_item:last-child{border-bottom: none;}
        .wap_menu_item{width: 100%;padding: 0 0.2rem;box-sizing: border-box;border-bottom: .01rem solid #eee; position: relative;}
         .wap_menu_item:nth-child(1)::after{display: none !important;}
          .wap_menu_item:nth-child(3)::after{display: none !important;}
           .wap_menu_item:nth-child(4)::after{display: none !important;}
        .wap_menu_item::after{content: "+";width: .1rem;height: .1rem;font-size: 0.4rem;color: #fff;position: absolute;right: .4rem;top: .13rem;/* transform: translate(0, -50%); */}
        .item_avtion::after{content: "-" !important;}
        .wap_menu_item a{font-size: .25rem;display: block;box-sizing: border-box;line-height: 3.5;color: #fff;}.wap_menu_two_item{width: 100%;padding: 0 0.2rem;border-bottom: .01rem solid #eee;}
     .wap_menu_two_item a{font-size: .22rem;}
     .wap_menu_two{height: 0;overflow: hidden; transition: all .5s;}
     .item_avtion .wap_menu_two{height: auto; transition: all 1s;}

     .w1520{width: 100%;padding: 0 .2rem;}
     .cyy_fourth{padding-top: .5rem !important;padding-bottom: .5rem !important;}
     .cyy_fourth_title.bigT{font-size: .4rem !important;}
     .cyy_fourth_main{width: 100%;display: block !important;}
     .cyy_fourth_l{width: 100% !important;}
     .cyy_fourth_l_con{display: block !important;margin-bottom: .1rem;}
     .cyy_fourth_l_line{display: none;}
     .cyy_fourth_l_text{width: 100% !important;height: auto !important;}
     .cyy_fourth_l_text_title.conT{font-size: .28rem !important;}
     .cyy_fourth_l_text_text.zwFont{font-size: .24rem !important;}
     .cyy_fourth_r{width: 100% !important;height: auto !important;}
     .cyy_fourth_main .swiper-button-next{left: .1rem !important;bottom: 0 !important;}
     .cyy_fourth_main .swiper-button-prev{left: 1rem !important;bottom: 0 !important;}

     .cyy_fifth{height: auto!important;}
     .cyy_fifth_line_bg{width: 100% !important;padding-top: .5rem !important;padding-bottom: .8rem !important;
    border: none !important;}
     .cyy_fifth_title{font-size: .4rem !important;}
     .cyy_fifth_main{margin-top: .5rem !important;}
     .cyy_fifth_main_form{width: 100% !important;padding: .2rem !important;border-radius: .15rem !important;}
}