.c_banner{width:100%;margin:0 auto;}
.c_top{display: flex;width:100%;margin: 0 auto;justify-content: space-evenly;}
.navigation{display: flex;justify-content: space-evenly;width:60%;}
.navigation>a{font-weight: bold;font-size: .2rem;color: #FFFFFF;line-height: 70px;text-decoration: none;transition: transform 0.3s ease;}
.r_tool{display: flex;align-items: center;}
.login{border-radius: .075rem;border: 1px solid #353659;margin-right: .375rem;;}
.login>a,span{font-weight: 400;font-size: .2rem;color: #FFFFFF;}
.earth{width:.275rem;vertical-align: middle;margin-right: 10px;}
.currentlanguage{vertical-align: middle;}
.img_flag{width:30%;vertical-align: middle;}
.changelanguage{position: relative;}
.changelanguage:hover>.selectchange{transform: scale(1.1);opacity: 1;}
.language_container{padding: 0 8%;cursor: pointer;transition: transform 0.3s ease;}
.language_container:hover{transform: scale(1.1);}
.language_container:hover>.sp_language{color: #fff;}
.language_line{border-bottom:#232a3c 1px solid;}
.banner_box {
    position: relative;
    overflow: hidden;
}

    /* 轨道：横向无间隙排列 */
    .banner_box ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex; /* 横排 */
        justify-content: flex-start; /* 防止 space-between */
        align-items: stretch;
        gap: 0; /* 防止有 gap */
        transition: transform .45s ease;
        will-change: transform;
        box-sizing: border-box;
    }

        /* 每屏占满容器宽度 */
        .banner_box ul > li {
            flex: 0 0 100%;
            width: 100%;
            box-sizing: border-box;
        }

            /* 图片建议铺满（去掉你之前 img 的 inline style="width:80%"）*/
            .banner_box ul > li img {
                display: block;
                width: 100%;
                height: auto;
            }

/* 小圆点 */
.banner-dots {
    position: absolute;
    left: 50%;
    bottom: 12px;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    z-index: 5;
}

    .banner-dots .dot {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: rgba(255,255,255,.45);
        cursor: pointer;
    }

        .banner-dots .dot.on {
            background: rgba(255,255,255,.95);
        }
.pre_img{display: block;width: 4%;height: 70px;position: absolute;top: 40%;left: 2%;}
.next_img{display: block;width: 4%;height: 70px;position: absolute;top: 40%;right: 2%;}

.downlanguage{background-image: url(../images/down.png);background-repeat: no-repeat;width: 12px;height: 8px;display: inline-block; vertical-align: middle;}
.img_banner{display: block;margin: 0 auto;width:100%;}
.autosolution{width:60%;margin: 0 auto;margin-top:3%;}
/* .as_header{background-image: url(../images/dtc_header.png);background-repeat: no-repeat;width:100%;height:115px;background-position: center;text-align: center;} */
.as_header{text-align: center;margin-top:2%;}
.img_dtcheader{margin-top: -6%;width:100%;}
.as_content{text-align: center;margin: 0 auto;}
.img_dtc{width:100%;}
.as_content>p{text-align: left;margin-top: 24px;border-bottom:#272839 1px solid;padding-bottom:30px;}
.as_bottom{display: flex;justify-content: space-around;margin:30px 0;}
.as_bottom>div{width:20%}
.as_bottom>div>p{text-align: center;}
.as_img{width:34%;}
.as_clock{width:34%;}
.as_computer{width:34%;}
.fileservices_bg{background-color:#0D0E19 ;width:100%;}
.fileservices_box{width:60%;text-align:center;padding:2% 0;margin: 0 auto;}
.product_item{align-items: center;margin-top:2%;background-image: url(../images/i_left_top.png),url(../images/i_right_top.png),url(../images/i_left_bottom.png),url(../images/i_right_bottom.png);background-repeat: no-repeat;background-position: left top,right top,left bottom,right bottom; background-color: #151B2A;width:40%;display: flex;justify-content: space-evenly;justify-content: space-between;padding: 1% 2%;}
.product_item_img{width:.675rem;height: .425rem;}
.i_credits{color:#FFFFFF;line-height: 34px;font-size: .20rem;}
.product_desc{line-height: 34px;font-size: .20rem;flex-grow: 1;text-align: left;padding:0 4%;}
.fs_box_content{display: flex;justify-content: space-between;margin-top: 2%;flex-wrap: wrap;}
.oridatabase_box{width:60%;margin: 0 auto;text-align: center;padding-bottom: 2%;}
.odb_box_header{margin-top: 2%;}
.img_oridatabase{width:100%;margin-top: 2%;}
.automodule_item_content{}
.automodule_bg{background-color:#0D0E19 ;width:100%;}
.automodule_box{width:60%;text-align: center;margin: 0 auto;padding:2% 0;}
.automodule_item{width:100%;height: 100%; background-color: #151B2A;padding:1%;background-image: url(../images/i_left_bottom_2.png),url(../images/i_right_top_2.png);background-repeat: no-repeat;background-position: left bottom,right top;}
.automodule_item_container{transition: transform 0.3s ease,box-shadow 0.3s ease;width:3rem;height: 2rem; margin-top: 4%;opacity: 0;}
.automodule_item_container:hover{transform: scale(1.05);box-shadow: 0 0 10px rgba(65, 111, 236, 0.3);}
.automodule_item_container:hover>div>a>div{opacity: 1;}
.showsupportlist{transition: ease-in-out 0.3s; opacity: 0;}
.sp_automodule_icon{padding: 1% 6%;background-image: url(../images/i_automodule.png);background-repeat: no-repeat;background-position: left;background-size:100% 100%;}
.automodule_item_icon{text-align: left;font-size: .20rem;}
/*自动化模块动画*/
.automodule_transmation {animation: automodule_slideIn 1s forwards; animation-delay: 0.2s;}
@keyframes automodule_slideIn {from {opacity: 0;}to {opacity: 1;}}
.automodule_item_container2{animation-delay: 0.25s;}
.automodule_item_container3{animation-delay: 0.3s;}
.automodule_item_container4{animation-delay: 0.35s;}
.automodule_item_container5{animation-delay: 0.4s;}
.automodule_item_container6{animation-delay: 0.45s;}
.automodule_item_container7{animation-delay: 0.5s;}
.automodule_item_container8{animation-delay: 0.55s;}
.i_module{width:40%;}
.showsupportlist{opacity: 0;}
.showsupportlist>span{font-size: .175rem;color: #FFFFFF;}
.automodule_item_content>span{display: block;font-size: .2rem;font-weight: bold;}
.automodule_item_box{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;}
.subscription_box{width:60%;margin: 0 auto; text-align: center;padding-bottom: 4%;}
.subscription_header{margin: 2% 0;}
.subscription_item{width:4.325rem;background-color: #151B2A;padding: 2% 0;border-radius: 5px;border-style: solid;border:#2869E8 2px solid; }
.subscription_item_header>span{font-size: .225rem;}
.div_line{border-top: #2869E8 2px solid;margin: 6% 0;}
.subscription_item_desc{padding:0 10%;}
.subscription_item_desc>p{line-height: .35rem;}
.div_line2{width:90%;border-top: #2B344B 2px solid;margin: 6% auto;}
.subscription_item_credits>span{color:#7EFAFC;font-size: .375rem;}
.subscription_content{display: flex; justify-content: space-between;}
.updatelog_bg{background-color: #0D0E19;}
.updatelog_box{width:60%;text-align: center;margin: 0 auto;padding:2% 0;}
.updatelog_header{display: flex;justify-content: space-between;}
.updatelog_more{color: #FFFFFF;line-height: 30px;}
.img_update{width: 100%;}
.updatelog_content{margin-top: 2%;display: flex; justify-content: space-between;flex-wrap: wrap;}
.sp_updatelog{position: absolute;right: 0;bottom: 1%;padding: 0 4%;background: linear-gradient(to right, rgba(0,106,182, 0.2), rgba(0,106,182, 1));color: #fff;}
.updatelog_item_img>a{display: block;}
.updatelog_item_img_box{position: relative;}
.updatelog_item{width:30%;transition: transform 0.3s ease,box-shadow 0.3s ease;}
.updatelog_item:hover{transform: scale(1.1);box-shadow: 0 0 10px rgba(114, 114, 114, 0.3);}
.updatelog_bottom{padding: 0 0 3% 0;}
.updatelog_bottom>a{color:#FFFFFF;font-size: .20rem;}
.data_box{width:60%;text-align: center;margin: 0 auto;padding: 2% 0;}
.data_content{margin-top: 4%;display: flex;justify-content: space-between;}
.data_item1{text-align: center;width: 30%;margin:0 auto;border-right:#434B5E 1px solid ;}
.data_item1>span{font-size: .375rem;font-weight: bold;}
.data_item1>p{text-align: center;margin-top: 4%;}
.data_item2{text-align: center;width: 30%;margin:0 auto;}
.data_item2>span{font-size: .375rem;font-weight: bold;}
.data_item2>p{text-align: center;margin-top: 4%;}
.data_bottom{margin-top: 6%;}
.img_test{width:100%;transition: transform 0.3s ease;}
.img_test:hover{transform: scale(1.01);}
/*更新日志动画*/
.animated {animation: slideIn 1.5s forwards; animation-delay: 0.2s;}
@keyframes slideIn {from {transform: translateX(-100%);opacity: 0;}to {transform: translateX(0);opacity: 1;}}
.updatelog_item_box2{animation-delay: 0.25s;}
.updatelog_item_box3{animation-delay: 0.3s;}
.updatelog_item_box{opacity: 0;background-color: #151622;}