/*.top-top{background-color:#F7F7F7;height:40px;line-height:40px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}*/
/*.top-top .container .headbox{width:100%;display:flex;justify-content:flex-end;gap:40px}*/
/*.top-top .container .headbox .login,.top-top .container .headbox .register{font-size:14px;color:#555;cursor:pointer}*/
/*.top-top .container .headbox .loginout{color:#555}*/
/*.top-top .container .headbox .end-box{display:flex;align-items:center;gap:9px}*/

.header{background-color:#fff;position:sticky;top:0px;z-index:10}
.header .topbox{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding: 16px 0 20px;}
.header .left .logoimg{display:flex;flex-direction: column;align-items: center;gap: 4px;}
.header .left .logoimg img{width: 230px;object-fit:contain;}
.header .left .logoimg .imgbottontext{font-size: 18px;font-weight: 400;color: #333;}
.header .middle .ul{display:flex;gap:30px;align-items: center;}
.header .middle .ul .li .fx-son{opacity: 0;visibility: hidden;}
.header .middle .ul .li a{font-weight:400;color:#333;display: flex;align-items: center;text-wrap-mode: nowrap;text-wrap:nowrap;gap: 8px;transition: all 0.3s ease-out;}
.header .middle .ul .li a span{font-family: "微软雅黑 Light";font-weight: bold;}
.header .middle .ul .li a.active{color: #4D47ED;}
.header .middle .ul .li.active a{color:#4D47ED}
.header .middle .ul .li a:hover{color:#4D47ED}
.header .middle .ul .li a:hover .icon-arrow-down{transform: rotate(180deg);}
.header .middle .ul .li .img img{
    width: 100%;
    object-fit: contain;
}

.header .middle .ul .li .solution-a{font-size: 20px;}

.header .middle .ul .li .fx-son .father-a{color:#FF2008;margin-bottom: 12px;display: block;font-size: 16px;font-weight: 700;}
.header .middle .ul .li .fx-son .father-a .iconfont{color:#FF2008;font-size: 16px;}
.header .middle .ul .li .fx-son .ul-z a:hover{color:#4D47ED}
.header .middle .ul .li .fx-son .ul-z a{font-size: 14px;font-weight: 400;color: #404040FF;}
.header .middle .ul .li .fx-son .ul-z .iconfont{font-size: 14px;font-weight: 400;color: #999999FF;transform: rotate(0deg);}
.header .middle .ul .li .fx-son .ul-z{display: flex;flex-direction: column;gap: 4px;}

.header .rigth{display:flex;align-items:center;gap: 8px;border-radius: 8px;background: #F5F5F5;padding: 10px 12px;border: 1px solid #999999FF;}
.header .rigth img{width: 24px;height: 24px;object-fit:contain;}
.header .rigth .input{flex: 1;border: 0;background: #f5f5f5;outline: none;-webkit-appearance: none;font-size: 16px;}
.header .rigth .input:focus-visible{/* border:0; */}
.header .rigth .text{font-size:15px;color:#333;font-weight:500}

.hamburger{position: relative;display:none;flex-direction:column;justify-content:space-between;width:24px;height:20px;cursor:pointer;z-index:20}
.hamburger span{position: absolute;left: 0;transform-origin: center;display:block;width:100%;height:2px;background-color:#333;border-radius:2px;transition:all 0.3s ease}
.banearPagination{bottom: 20px;width: 100%;}
.banearPagination span{margin:0 5px;}
.banearPagination .swiper-pagination-bullet.swiper-pagination-bullet-active{border-radius: 4px;width: 24px;height: 8px;background: #FF2008;}
.big-swiper-box{position: relative;}
.big-swiper-box .banearSwiper{}
.big-swiper-box .positition-banear{position: absolute;bottom: -23px;right: 200px;width: 576px;height: 80px;}
.big-swiper-box .banearSwiper.swiper .img{background: #fff;}
.big-swiper-box .positition-banear .swiper .img{height: 80px;cursor: pointer;border: 1px solid #CCCCCC;}
.banearSwiperTwo-next{position: absolute;top: 50%;right: -40px;transform: translate(-50%,-50%);z-index: 2;cursor: pointer;}
.banearSwiperTwo-prev{position: absolute;top: 50%;left: -30px;transform: translate(-50%, -50%);z-index: 2;cursor: pointer;}

/*.banearSwiperTwo .swiper-slide {opacity: 0.4;}*/
.banearSwiperTwo .swiper-slide-active {opacity: 1;}

.banearMobilePagination{bottom: 20px;width: 100%;}
.banearMobilePagination span{margin: 0 5px;}
.banearMobilePagination .swiper-pagination-bullet.swiper-pagination-bullet-active{border-radius: 4px;width: 24px;height: 8px;background: #FF2008;}

.hamburger span:nth-child(1) { top: 0; }
.hamburger span:nth-child(2) { top: 9px; }
.hamburger span:nth-child(3) { bottom: 0; }

.header .login-register-lang{display: flex;align-items: center;gap: 50px;position:relative;z-index:1}
.header .login-register-lang .login{font-size: 14px;font-weight: 400;color: #404040FF;}
.header .login-register-lang .register{font-size: 14px;font-weight: 400;color: #404040FF;}
.header .login-register-lang .lang-box{display:flex;align-items:center;font-size: 14px;font-weight: 400;color: #404040FF;cursor:pointer;}
.header .login-register-lang .lang-box .text{margin-right:4px}
.header .login-register-lang .lang-box .topimg{width:24px;height:24px}
.header .login-register-lang .lang-box .iconfont{margin-left:8px}

.header .login-register-lang .lang-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#ffffff;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,0.08);padding:8px 0;list-style:none;margin:0;display:none}
.header .login-register-lang .lang-dropdown.show{display:block}
.header .login-register-lang .lang-item{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:14px;color:#333;cursor:pointer;white-space:nowrap}
.header .login-register-lang .lang-item:hover{background:#f5f5f5}
.header .login-register-lang .lang-item img,.lang-box .topimg{width:20px;height:14px;object-fit:cover;border-radius:2px}
/* 隐藏translate.js插件自动生成的默认语言选择框，保留自定义国旗下拉 */
#translate {
    display: none !important;
}

.search-box{display: flex;align-items: center;gap: 32px;padding-bottom: 16px;}
.search-box .leftform{flex: 1;}
.search-box .rigth-lxxx{}
.search-box .rigth-lxxx .end-box{display:flex;align-items:center;gap:9px}
.search-box .rigth-lxxx .end-box .text{font-size: 18px;font-weight: 400;color: #FF2008FF;}


/* 1. 定义旋转动画的关键帧 */
@keyframes rotateTo180 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(180deg);
    }
}
.rotate-180-animate {
    animation-name: rotateTo180;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}

/* 通用样式：先隐藏所有设备的轮播项，再通过媒体查询显示对应项 */
.mobile-banner {
    display: none; /* 默认隐藏手机端轮播项 */
}
.pc-banner {
    display: block; /* 默认显示电脑端轮播项 */
}

/* 手机端（屏幕宽度 ≤ 768px）：显示手机轮播项，隐藏电脑轮播项 */
@media (max-width: 768px) {
    .mobile-banner {
        display: block;
    }
    .pc-banner {
        display: none;
    }
    .banearSwiperTwo-next{
        display: none;
    }
}

/* 电脑端（屏幕宽度 > 768px）：显示电脑轮播项，隐藏手机轮播项（可选，因为默认已设置） */
@media (min-width: 769px) {
    .mobile-banner {
        display: none;
    }
    .pc-banner {
        display: block;
    }
}

@media (max-width:1700px) {
    .big-swiper-box .positition-banear {
        right: 50px;
        width: 500px;
    }
}
@media (max-width:1300px){.header .middle .ul{gap:25px}
}@media (max-width:900px){.header .middle .ul{gap:15px}
}@media (max-width:768px){.top-top .container{width:100%}
    .hamburger{display:flex}
    .header .middle{display:none;width:100%;margin-top:10px;background-color:#fff;padding:10px 0;border-top:1px solid #eee}
    .header .rigth{display:none}
    .header .middle.show{display:block}
    .header .middle .ul{flex-direction:column;gap:10px;padding:0;margin:0}
    .header .middle .li{width:100%;list-style:none;padding:5px 0;border-bottom:1px solid #f5f5f5}
    .header .middle .li a{font-size:14px;display:block;padding-left:5px}
    .header .middle .ul{align-items: flex-start;}
    .header .left .logoimg img{height:36px;width: unset;}
    .header .rigth .text{font-size:13px}
    /*.swiper .img{height: 140px;}*/
    .header .login-register-lang{display: none;}
    .search-box{display: none;}
}

/*.header .middle .ul .li{list-style:none;width:100%;height:100%;display:flex;align-items:center;padding:8px 0}*/
.header .middle .ul .li:hover .fx-son{opacity:1;visibility:visible;animation:zdyddhua 0.28s ease-out forwards}
.header .middle .ul .li .fx-son.active{opacity:1;visibility:visible;animation:zdyddhua 0.28s ease-out forwards}
.header .middle .ul .li .fx-son{position:absolute;top:100%;left:0;z-index:999;width:100%;background-color:#F5F5F5FF;padding:50px 0;box-shadow:0 2px 8px 6px rgba(0, 0, 0, 0.05);}
.header .middle .ul .li .fx-son .container{}
.header .middle .ul .li .fx-son .fx-box{display:grid;grid-template-columns:repeat(6,1fr);gap:40px 5px}

.header .middle .ul .li .fx-son .fx-download{display:grid;grid-template-columns:repeat(5,1fr);gap:40px 10px}
.header .middle .ul .li .fx-son .fx-rczp{display:grid;grid-template-columns:repeat(4,1fr);gap:40px 5px}

.header .middle .ul .li .fx-son .fx-download .li{display: flex;flex-direction: column;align-items: flex-start;gap: 12px;}
.header .middle .ul .li .fx-son .fx-download .li .son .sonul{display: flex;flex-direction: column;gap: 4px;}
.header .middle .ul .li .fx-son .fx-download .font16{color: #FF2008;font-weight: 700;}
.header .middle .ul .li .fx-son .fx-download .li .son .sonul a span{font-family: MiSans;font-weight: 400;}


.header .middle .ul .li .fx-son .fx-rczp .li{display: flex;flex-direction: column;align-items: flex-start;gap: 12px;}
.header .middle .ul .li .fx-son .fx-rczp .li .son .sonul{display: flex;flex-direction: column;gap: 4px;}
.header .middle .ul .li .fx-son .fx-rczp .font16{color: #FF2008;font-weight: 700;}
.header .middle .ul .li .fx-son .fx-rczp .li .son .sonul a span{font-family: MiSans;font-weight: 400;}




@keyframes zdyddhua{from{opacity:0;transform:translateY(8px)}
    85%{opacity:1;transform:translateY(-1px)}
    to{opacity:1;transform:translateY(0)}
}@media (max-width:768px){.header .middle .ul .li .fx-son{display:none}
    .header .middle .ul .li .fx-son .fx-son-body{flex:0 0 100%;padding:0 15px}
    .header .middle .ul .li .fx-son .container{max-width:100%;width:100%;padding:0 15px}
    .header .middle .ul .li:hover .fx-son{display:none}
}