blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{
    margin:0;
    padding:0
}
 *{
    margin:0;
    padding:0;
    list-style:none
}
 ol,ul{
    list-style:none
}
 a{
    text-decoration:none
}
 a:hover{
    text-decoration:none;
    color:var(--color)
}
 legend{
    color:#000
}
 fieldset,img{
    border:0
}
 img.imgauto{
    width:100%;
    height:auto
}
 button,input,select,textarea{
    font-size:100%
}
 table{
    border-collapse:collapse;
    border-spacing:0
}
 .clearfix:after,.ks-clearfix:after{
    content:'\20';
    display:block;
    height:0;
    clear:both
}
 img{
    vertical-align:middle
}
 @font-face{
    font-family:RobotoRegular;
    src:url(../fonts/Roboto-Regular-14.woff);
    font-display:swap
}
 @font-face{
    font-family:RobotoBold;
    src:url(../fonts/Roboto-Bold-3.woff);
    font-display:swap
}
 html{
    font-size:calc(100vw/19.2)
}
 html{
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
 body,button,input,select,textarea{
    font-family:RobotoRegular
}
 body{
    min-height:100%;
    font-family:RobotoRegular;
    font-size:.14rem;
    line-height:1.5;
    color:#333
}
 :root{
    --color:#005177;
    --color1:#f29838;
    --color2:#449cff
}
 #videomodal .modal-dialog{
    width:60%
}
 #imgModal .modal-dialog{
    width:max-content;
    text-align:center
}
 #imgModal .modal-content{
    width:100%;
    margin:auto
}
 .modal-dialog{
    margin:.35rem auto
}
 .embed-responsive-16by9::before{
    padding-top:0
}
 #videomodal .embed-responsive{
    height:5.5rem
}
 .text-primary{
    color:#4a7ff5
}
 hr{
    margin:.35rem 0
}
 img{
    border:0;
    vertical-align:middle;
    max-width:100%
}
 ul{
    margin:0
}
 li{
    list-style:none
}
 h1,h2,h3,h4,h5,h6{
    font-weight:400;
    margin-bottom:0
}
 a{
    color:#222;
    text-decoration:none;
    transition:all .3s ease-in
}
 a:focus,a:hover{
    text-decoration:none
}
 button,input{
    border-radius:0
}
 button{
    cursor:pointer
}
 input[type=button],input[type=reset],input[type=submit]{
    -webkit-appearance:button;
    cursor:pointer
}
 textarea{
    resize:none;
    overflow:auto
}
 button,input,select,textarea{
    border:0;
    font-family:inherit;
    font-size:inherit;
    color:inherit;
    background:0 0;
    outline:0
}
 select{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    white-space:nowrap;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
 select::-ms-expand{
    display:none
}
 table{
    border-collapse:collapse
}
 .table{
    margin-bottom:0
}
 .table table{
    width:100%
}
 .table td,.table th{
    border:.01rem solid #f2f4fb
}
 .scale{
    transition:.6s all
}
 .scale:hover{
    transform:scale(1.06)
}
 .fl{
    float:left
}
 .fr{
    float:right
}
 .clear{
    zoom:1
}
 .clear:after{
    content:'';
    display:block;
    clear:both
}
 .flex-center{
    display:flex;
    align-items:center
}
 .flex{
    display:flex
}
 .flex_bd{
    flex:1;
    min-width:0
}
 p{
    margin:0
}
 .ellipsis{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
 .fixed{
    align-self:flex-start;
    position:sticky;
    top:1.4rem
}
 .line-1{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical
}
 .line-2{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
 .line-3{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical
}
 .line-4{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical
}
 .line-5{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:5;
    -webkit-box-orient:vertical
}
 .line-6{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:6;
    -webkit-box-orient:vertical
}
 .line-7{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:7;
    -webkit-box-orient:vertical
}
 .line-8{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:8;
    -webkit-box-orient:vertical
}
 .line-9{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:9;
    -webkit-box-orient:vertical
}
 .auto-container{
    max-width:14rem;
    margin:auto
}
 .top-search-overlay{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#000;
    z-index:100;
    opacity:.8;
    display:none
}
 .modal-header{
    padding:.2rem
}
 .modal-title{
    font-size:.2rem
}
 .modal-header .close{
    padding:0;
    margin:0;
    line-height:.26rem;
    font-size:.3rem
}
 .modal-header .close span{
    font-size:.3rem;
    line-height:.26rem
}
 .modal-body{
    padding:.2rem
}
 .modal-content{
    border-radius:.1rem
}
 figure{
    margin:0
}
 .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{
    bottom:.3rem
}
 .swiper-pagination-bullet{
    margin:0 .05rem
}
 .swiper-button-prev{
    left:-.9rem;
    transform:rotate(180deg)
}
 .swiper-button-next{
    right:-.9rem
}
 .swiper-button-next,.swiper-button-prev{
    margin-top:0;
    position:absolute!important;
    width:.4rem;
    height:.4rem;
    opacity:1!important;
    background:rgb(0 81 119 / 20%);
    border-radius:100vh;
    transition:all .3s linear
}
 .swiper-button-next:hover,.swiper-button-prev:hover{
    background:var(--color1)
}
 .swiper-button-next:before,.swiper-button-prev:before{
    content:'';
    display:block;
    background:url(/res/magic/images/index_57.png) center no-repeat;
    background-size:contain;
    position:absolute;
    z-index:2;
    width:.14rem;
    height:.14rem;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    transition:all .3s linear
}
 .swiper-button-next:hover:before,.swiper-button-prev:hover:before{
    filter:brightness(0) invert(1)
}
 .swiper-button-next.more_btn .btn_icon,.swiper-button-prev.more_btn .btn_icon{
    width:.4rem
}
 .swiper-button-next.more_btn .btn_icon:after,.swiper-button-next.more_btn .btn_icon:before,.swiper-button-prev.more_btn .btn_icon:after,.swiper-button-prev.more_btn .btn_icon:before{
    background-image:url(/res/magic/images/index_03.png);
    height:.2rem
}
 .more_btn{
    overflow:hidden;
    cursor:pointer;
    display:block;
    position:relative;
    z-index:0
}
 .more_btn:before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:-.01rem -.01rem -.01rem auto;
    width:0;
    background-color:var(--color);
    opacity:1;
    transition:.36s cubic-bezier(.05,.92,.21,.97)
}
 .more_btn .btn_icon{
    position:absolute;
    z-index:1;
    top:0;
    right:0;
    bottom:0;
    width:.6rem
}
 .btn_icon:after,.btn_icon:before{
    content:"";
    position:absolute;
    right:50%;
    bottom:50%;
    width:.12rem;
    height:.12rem;
    background-image:url(/res/magic/images/icon_small_arrow.png);
    background-size:contain;
    background-repeat:no-repeat
}
 .btn_icon:before{
    transform:translate(50%,50%) translateZ(0)
}
 .btn_icon:after{
    opacity:0;
    transform:translate(50%,50%) translate3d(-20px,0,0)
}
 .more_btn:hover:before{
    width:calc(100% + 2px);
    right:auto;
    left:-.01rem
}
 .more_btn:hover p{
    color:#fff;
    display:inline-block;
    width:80%;
    float:left
}
 .more_btn:hover .btn_icon:before{
    opacity:0;
    transform:translate(50%,50%) translate3d(5px,0,0);
    transition:transform .24s cubic-bezier(.05,.85,.36,.98) .12s,opacity .24s cubic-bezier(.05,.85,.36,.98) .12s
}
 .more_btn:hover .btn_icon:after{
    opacity:1;
    transform:translate(50%,50%) translateZ(0);
    transition:transform .6s cubic-bezier(.05,.85,.36,.98) .48s,opacity .48s cubic-bezier(.05,.85,.36,.98) .48s;
    filter:brightness(100)
}
 @keyframes hover-effect-text{
    0%{
        opacity:1;
        transform:translateY(0)
    }
     30%{
        opacity:0;
        transform:translateY(0)
    }
     40%{
        opacity:0;
        transform:translateY(5px)
    }
     100%{
        opacity:1;
        transform:translateY(0)
    }
}
 .btn_effect4{
    color:#fff;
    text-align:center;
    transition:.5s cubic-bezier(.85,0,.15,1);
    max-width:1.5rem;
    height:.5rem;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    position:relative
}
 .btn_effect4 .btn_effect4_text{
    margin-left:.15rem
}
 .btn_effect4 .btn_effect4_icon{
    position:absolute;
    top:50%;
    right:.15rem;
    width:.13rem;
    height:.13rem;
    border-radius:50%;
    margin:-.07rem 0 0;
    transition:all .3s cubic-bezier(.4,0,1,1);
    overflow:hidden
}
 .btn_effect4 .btn_effect4_icon .btn_effect4_icon_arrow{
    width:.13rem;
    height:.13rem;
    transition:.5s cubic-bezier(.85,0,.15,1);
    position:absolute;
    top:50%;
    left:50%;
    margin:-.065rem;
    background:url(/res/magic/images/index_67.png);
    background-size:.13rem
}
 .btn_effect4 .btn_effect4_icon_arrow:first-child{
    opacity:1;
    transform:translateX(0)
}
 .btn_effect4 .btn_effect4_icon_arrow:last-child{
    opacity:0;
    transform:translateX(-20px)
}
 .btn_effect4:hover{
    color:#fff
}
 .btn_effect4:hover .btn_effect4_text{
    animation:hover-effect-text .5s cubic-bezier(.85,0,.15,1)
}
 .btn_effect4:hover .btn_effect4_text{
    opacity:1;
    transform:translateX(0)
}
 .btn_effect4:hover .btn_effect4_icon_arrow:first-child{
    opacity:0;
    transform:translateX(20px)
}
 .btn_effect4:hover .btn_effect4_icon_arrow:last-child{
    opacity:1;
    transform:translateX(0);
    background:url(/res/magic/images/index_68.png)
}
 .btn_effect5{
    transition:.5s cubic-bezier(.85,0,.15,1);
    display:inline-block
}
 .btn_effect5 .btn_effect5_text{
    display:block;
    position:relative;
    line-height:inherit;
    width:100px;
    line-height:40px;
    text-align:center;
    transition:.5s cubic-bezier(.85,0,.15,1);
    display:inline-block;
    background-color:#eaeaea;
    padding:0;
    font-weight:400;
    color:#222;
    font-size:.16rem;
    border-radius:.05rem
}
 .btn_effect5:hover{
    background-color:var(--color);
    border-color:#fff;
    color:#fff
}
 .btn_effect5:hover .btn_effect5_text{
    animation:hover-effect-text .6s cubic-bezier(.85,0,.15,1);
    color:#fff
}
 .btn_anima{
    display:inline-block;
    transition:all .3s linear
}
 .btn_anima .btn_major{
    position:relative;
    overflow:hidden
}
 .btn_anima .btn_major span:nth-child(2){
    animation-delay:-2.5s
}
 .btn_anima .btn_major{
    font-size:.16rem;
    display:inline-block;
    text-align:center;
    text-transform:uppercase
}
 .btn_anima:hover a{
    color:var(--color)
}
 @-webkit-keyframes ctaBtnAnimation{
    0%{
        left:100%
    }
     100%{
        left:-110%
    }
}
 @keyframes ctaBtnAnimation{
    0%{
        left:100%
    }
     100%{
        left:-110%
    }
}
 @keyframes ctaBtnAnimation1{
    0%{
        left:100%
    }
     100%{
        left:-750%
    }
}
 .swiper-pagination-bullet{
    width:.1rem;
    height:.1rem;
    background:0 0;
    border:.02rem solid var(--color);
    opacity:1
}
 .swiper-pagination-bullet-active{
    background:var(--color)
}
 .additional-features{
    position:fixed;
    right:0;
    top:30%;
    z-index:200;
    box-sizing:border-box;
    border-bottom:0
}
 .additional-features li{
    margin-bottom:.04rem
}
 .additional-features li a{
    position:relative
}
 .additional-features li a.open .icon{
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
 .additional-features li .icon img{
    width:.45rem;
    height:.45rem;
    object-fit:cover
}
 .additional-features li .text{

    font-size:.18rem;
    
}
 .additional-features li .thumb{
    width: 1.2rem;
    height: 1.2rem;
}
 .additional-features li .text,.additional-features li .thumb{
    display:none
}
 .additional-features li .thumb img{
    width:1rem;
    height:1rem
}
 .additional-features li{
    position:relative
}
 .additional-features li .text,.additional-features li .thumb{
    position:absolute;
    top:0;
    right:.45rem;

}
.additional-features li .thumb{
    top: -.2rem;
}

    .additional-features li .text i,.additional-features li .thumb i{
        position:absolute;
        top:-.05rem;
        bottom:0;
        right: .09rem;
        margin:auto;
        content:'';
        width: .15rem;
        height: .15rem;
        transform: rotate(90deg);
        transition:all .3s linear
    }
.additional-features li .thumb i{
    top: -.3rem;
}
     .additional-features li .thumb i::after,.additional-features li .text i::after{
        display:block;
        content:'';
        border-left: .1rem solid transparent;
        border-right: .1rem solid transparent;
        border-bottom: .1rem solid var(--color);
        position:absolute;
        border-radius: .1rem;
        top: .02rem;
    }
 .additional-features li .text span,.additional-features li .thumb span{
     padding:.09rem 19px;
     border-radius:.05rem;
     background:#fff;
     color:var(--color);
     transform:translateX(10px);
     opacity:0;
     visibility:hidden;
     transition:transform .3s ease,opacity .3s ease;
     z-index:10;
     pointer-events:auto;
     display:block!important;
     white-space:nowrap;
     border: .01rem solid var(--color);
     overflow: hidden;
     margin-right: 20px;
 }
 .additional-features li .text.show span,.additional-features li .thumb.show span{
    transform:translateX(0);
    opacity:1;
    visibility:visible
}
.additional-features li .thumb.show span{
    padding: 0;
}
 #videomodal{
    top:10%
}
 @media (max-width:640px){
    #videomodal .modal-dialog{
        width:100%
    }
     #imgModal .modal-dialog{
        width:100%
    }
}
 .embed-responsive-16by9{
    padding:0;
    height:100%
}
 .btn_effect4_box{
    flex-flow:wrap
}
 .btn_effect4{
    position:relative;
    max-width:100%;
    display:inline-block
}
 .btn_small_wrap{
    color:#fff;
    position:relative;
    overflow:hidden
}
 .btn_small_list{
    z-index:2;
    border:.01rem solid var(--color);
    background-color:var(--color);
    flex-direction:row;
    justify-content:center;
    align-items:center;
    display:flex;
    position:relative;
    padding:.06rem .15rem
}
 .btn_small_list.hover{
    background-color:#fff;
    display:none;
    position:absolute;
    inset:0;
    color:var(--color)
}
 .btn_main_text{
    font-size:.18rem
}
 .btn_small_icon{
    margin-left:.15rem
}
 .btn_small_icon img{
    vertical-align:middle;
    margin-top:-.03rem;
    filter:brightness(0) invert(1);
    transition:all .3s linear;
    max-width:.27rem
}
 .btn_small_list.hover .btn_small_icon img{
    filter:unset
}
 .head{
    position:fixed;
    z-index:10;
    width:100%;
    top:0;
    transition:all .3s linear
}
 .head.c-style{
    top:0;
    background:#fff
}
 .head .tophead_box{
    display:flex;
    width:100%;
    margin:auto;
    height:1rem;
    align-items:center;
    padding:0 .5rem;
    transition:all .3s linear;
    position:relative
}
 .head.c-style .tophead_box{
    max-width:100%
}
 .head .logo_box{
    width:20%;
    display:flex;
    align-items:center
}
 .head .logo_box .btn_anima,.head .logo_box .c_switch{
    display:none
}
 .head .logo_box .navbar_logo .logo_icon img{
    max-width:1.1rem
}
 .head .logo_box .slogan{
    font-size:.18rem;
    margin-left:.2rem;
    color:#fff
}
 .head.c-style .logo_box .slogan{
    color:#222
}
 .head .nav_box{
    width:69%;
    display:flex;
    align-items:flex-end;
    flex-direction:column;
    justify-content:center
}
 .head .tophead_box.open .nav_box{
    opacity:0;
    visibility:hidden
}
 .head .nav_box .head_box{
    display:flex;
    align-items:center
}
 .head .nav_box .head_box .right a{
    font-family:RobotoBold;
    font-size:.16rem;
    margin-right:.1rem
}
 .head .nav_box .head_box .right a img{
    max-width:.16rem;
    vertical-align:middle;
    margin-right:.05rem;
    margin-top:-.03rem
}
 .head .nav_box .head_box .gtranslate_wrapper{
    margin-top:5px
}
 .head .nav_box .head_box .gtranslate_wrapper .gt_switcher_wrapper{
    position:unset!important
}
 .head .nav_box .head_box .gt_container--hich1m .gt_switcher{
    width:55px
}
 .head .nav_box .head_box .gt_container--hich1m .gt_switcher .gt_selected{
    line-height:14px;
    background:0 0
}
 .head .nav_box .head_box .gt_container--hich1m .gt_switcher .gt_selected a{
    width:20px;
    padding:0;
    overflow:hidden;
    height:20px
}
 .head .nav_box .head_box .gt_container--hich1m .gt_switcher .gt_selected a:after{
    right:15px;
    top:0;
    background-size:12px
}
 .head .nav_box .head_box .gt_container--hich1m .gt_switcher .gt_option{
    position:absolute;
    width:40px;
    margin-top:3px
}
 .head .nav_box .head_box .gt_container--hich1m .gt_switcher .gt_option a{
    width:20px;
    line-height:20px;
    height:20px;
    overflow:hidden
}
 .head .nav_box .navbar_group{
    display:flex;
    justify-content:space-between
}
 .head .nav_box .navbar_group a{
    font-size:.16rem;
    font-weight:700
}
 .head .nav_box .navbar_group .btn_inquiry{
    border-radius:.05rem;
    width:1rem;
    display:inline-block;
    text-align:center;
    height:.4rem;
    line-height:.4rem;
    transition:all .5s ease
}
 .head .nav_box .navbar_group .btn_inquiry .badge{
    font-size:.16rem;
    padding:0;
    background:0 0;
    font-weight:700;
    color:var(--color)
}
 .head .nav_box .navbar_group .btn_inquiry:hover .badge{
    color:#fff
}
 .head .nav_box .navbar_group .icosearch{
    width:.36rem;
    height:.36rem;
    border-radius:.36rem;
    margin-right:.4rem;
    line-height:.18rem
}
 .head .nav_box .navbar_group .icosearch img{
    max-width:.17rem;
    filter:brightness(0) invert(1)
}
 .head .nav_box .head_box .search_input{
    width:1.6rem;
    position:relative;
    background:#f0f0f0;
    border:.01rem solid #cdcdcd;
    border-radius:.05rem
}
 .head .search_input input{
    height:.3rem;
    line-height:.3rem;
    overflow:hidden;
    border-radius:.05rem;
    font-size:.16rem;
    padding:0 0 0 .1rem;
    box-shadow:unset;
    width:100%;
    padding-right:.3rem
}
 .head .search_input input::placeholder{
    color:#666
}
 .gt_container--hich1m .gt_switcher .gt_selected a{
    border:0!important
}
 .head .nav_box .navlist{
    width:100%
}
 .head .nav_box .nav{
    display:flex;
    justify-content:flex-end;
    align-items:center
}
 .head .nav_box .nav>li{
    transition:all .3s linear;
    position:unset
}
 .head .nav_box .nav>li .stair{
    transition:all .3s linear
}
 .head.c-style .nav_box .nav>li.active,.head.c-style .nav_box .nav>li:hover .stair{
    background-color:#deeefe
}
 .head .nav_box .nav>li.active .stair>a,.head .nav_box .nav>li:hover .stair>a{
    color:var(--color)
}
 .head .nav_box .nav>li .a{
    display:block;
    font-size:.16rem;
    text-transform:uppercase;
    line-height:.52rem;
    padding:.24rem 0;
    padding-right:.2rem;
    padding-left:.05rem;
    font-family:RobotoBold;
    color:#fff
}
 .head.c-style .nav_box .nav>li .a{
    color:#222
}
 .head .nav_box .nav>li .a .mobile-navbtn{
    position:absolute;
    top:43%;
    right:0;
    margin:auto;
    width:.2rem;
    height:.2rem;
    transition:.3s;
    display:none
}
 .head .nav_box .nav>li .a .mobile-navbtn.open{
    transform:rotate(90deg)
}
 .head .nav_box .nav>li .a .mobile-navbtn::before{
    display:block;
    content:'';
    border-right:.02rem solid #666;
    border-bottom:.02rem solid #666;
    transform:rotate(45deg);
    background:0 0;
    width:.08rem;
    height:.08rem;
    border-radius:0;
    position:absolute;
    top:0;
    right:0;
    left:0;
    margin:auto;
    transition:all .3s linear
}
 .head .nav_box .sub{
    position:absolute;
    left:0;
    top:100%;
    z-index:2;
    background:rgb(238 247 255 / 96%);
    width:100%;
    padding:.6rem 0
}
 .head .nav_box .sub{
    display:none
}
 .head .nav_box .sub .head_pro_box{
    width:100%;
    max-width:1640px;
    margin:auto;
    position:relative
}
 .head .nav_box .sub .head_pro_box.mobile{
    display:none
}
 .head .nav_box .sub .head_pro_box .swiper-container{
    max-width:1400px
}
 .head .nav_box .sub .s-menu{
    max-width:1400px;
    margin:auto;
    display:flex;
    gap:.25rem
}
 .head .nav_box .sub .s-menu .hasdrop{
    flex:0 0 calc((100% - 7 * .25rem)/ 8)
}
 .head .nav_box .sub .s-menu .hasdrop a{
    font-size:.16rem;
    line-height:.26rem
}
 .head .nav_box .sub .s-menu .hasdrop .img{
    margin-bottom:.15rem
}
 .head .nav_box .sub .s-menu .hasdrop .img img{
    height:.46rem;
    filter:brightness(0);
    transition:all .3s linear
}
 .head .nav_box .sub .s-menu .hasdrop .text{
    min-height:.52rem
}
 .head .nav_box .sub .s-menu .hasdrop:hover .img img{
    filter:unset
}
 .head .nav_box .sub .head_pro_box .swiper-button-next,.head .nav_box .sub .head_pro_box .swiper-button-prev{
    top:15%
}
 .head .nav_box .sub .head_pro_box .swiper-button-next{
    right:0
}
 .head .nav_box .sub .head_pro_box .swiper-button-prev{
    left:0
}
 .head .nav_box .sub .head_pro_box .img_box{
    margin:0 5px
}
 .head .nav_box .sub .head_pro_box .img_box .img{
    background:#fff;
    border-radius:.05rem;
    margin-bottom:.25rem;
    overflow:hidden
}
 .head .nav_box .sub .head_pro_box .img_box h4{
    font-size:.16rem;
    line-height:1.6;
    min-height:.52rem
}
 .head .nav_box .sub .head_pro_box .txt_box{
    border-top:.01rem solid #ccc;
    margin-top:.25rem;
    padding-top:.25rem
}
 .head .nav_box .sub .head_pro_box .txt_box a{
    font-size:.16rem;
    line-height:.36rem;
    color:#666;
    display:block
}
 .head .nav_box .sub .head_pro_box .swiper-slide>span{
    font-size:.16rem;
    line-height:.36rem
}
 .head .nav_box .sub .head_pro_box .swiper-slide>span a{
    color:var(--color)
}
 .head .right_box{
    width:11%;
    display:flex;
    align-items:center;
    justify-content:flex-end
}
 .head .right_box .gtranslate_wrapper{
    border-radius:100vh;
    line-height:.35rem;
    text-align:center;
    height:.35rem;
    margin-right:0;
    position:relative
}
 .head .right_box .gtranslate_wrapper .gt_switcher_wrapper{
    position:unset!important
}
 .head .right_box .gt_container--hich1m .gt_switcher{
    width:.5rem
}
 .head .right_box .gt_container--hich1m .gt_switcher .gt_selected{
    background:0;
    border-radius:100vh;
    line-height:.35rem;
    text-align:center;
    height:.35rem
}
 .head .right_box .gt_container--hich1m .gt_switcher .gt_selected:before{
    content:'';
    display:block;
    background:url(/res/magic/images/index_06.webp) no-repeat;
    width:.2rem;
    height:.2rem;
    background-size:contain;
    position:absolute;
    top:.075rem;
    left:.1rem;
    background-size:contain
}
 .head .right_box .gt_container--hich1m .gt_switcher .gt_selected:after{
    content:'';
    display:block;
    position:absolute;
    top:0;
    transition:all .3s linear;
    right:.3rem;
    font-size:.16rem;
    font-family:RobotoBold;
    background-size:contain
}
 .head.c-style .right_box .gt_container--hich1m .gt_switcher .gt_selected:before{
    filter:brightness(0)
}
 .head.c-style .right_box .gt_container--hich1m .gt_switcher:before,.head:hover .right_box .gt_container--hich1m .gt_switcher:before{
    border-top-color:#fff
}
 .head .right_box .gt_container--hich1m .gt_switcher .gt_selected a{
    padding:0;
    overflow:hidden;
    border:none;
    background:url(/res/magic/images/index_06.webp) no-repeat;
    width:.3rem;
    height:.28rem;
    display:none
}
 .head .right_box .gt_container--hich1m .gt_switcher .gt_option{
    position:absolute;
    margin-top:.27rem
}
 .head .right_box .gt_container--hich1m .gt_switcher .gt_option a{
    line-height:.24rem;
    height:.24rem;
    overflow:hidden
}
 .head .right_box .btn_inquiry{
    background:#fff;
    display:block;
    padding:.08rem .15rem;
    border-radius:100vh
}
 .head.c-style .right_box .btn_inquiry{
    background:var(--color1);
    color:#fff
}
 .head .right_box .icosearch{
    width:.4rem;
    text-align:center;
    transition:all .3s linear
}
 .head .right_box .icosearch img{
    transition:all .3s cubic-bezier(.4,0,1,1);
    cursor:pointer;
    max-width:.2rem;
    vertical-align:middle;
    margin-top:-.03rem
}
 .head.c-style .right_box .icosearch img{
    filter:brightness(0)
}
 .head .search_con2{
    height:.5rem;
    transform:scale3d(0,0,0);
    transform-origin:right center;
    transition:all .5s;
    width:5rem;
    opacity:0;
    display:flex;
    align-items:center;
    justify-content:space-evenly;
    position:absolute;
    right:1rem;
    top:20%
}
 .head .search_con2 .moblie_search_close img{
    max-width:.2rem
}
 .head .search_con2 .search_input{
    width:3.8rem;
    position:relative
}
 .head .tophead_box.open .search_con2{
    opacity:1;
    transform:scale3d(1,1,1)
}
 .head .tophead_box.open .c_switch,.head .tophead_box.open .nav{
    opacity:0;
    transform:scale3d(0,0,0)
}
 .head .search_con2 .search_input input{
    height:.5rem;
    line-height:.5rem;
    overflow:hidden;
    border:.01rem solid #d4d4d4;
    border-radius:.05rem;
    font-size:.16rem;
    padding:0 0 0 .2rem;
    box-shadow:unset;
    width:100%;
    padding-right:.5rem
}
 .head .search_con2 .search_input .search_btn{
    width:.5rem;
    height:.5rem;
    cursor:pointer;
    border:none;
    outline:0;
    position:absolute;
    top:0;
    right:0;
    z-index:1;
    line-height:.5rem;
    text-align:center
}
 .head .search_con2 .search_input .search_btn img{
    vertical-align:middle;
    max-width:.17rem;
    filter:brightness(0)
}
 .head .search_con2 .moblie_search_close{
    width:.3rem;
    height:.3rem;
    text-align:left;
    color:#222;
    line-height:.3rem
}
 .head .search_con2 .moblie_search_close .iconfont{
    font-size:.2rem
}
 .footer{
    background:#111;
    padding-top:2rem;
    color:#fff;
    position:relative;
    padding-bottom:.85rem
}
 .footer:before{
    content:'';
    display:block;
    background:url(/res/magic/images/3_112.webp) no-repeat center;
    width:7.17rem;
    height:4.46rem;
    opacity:.03;
    position:absolute;
    right:0;
    top:8%;
    z-index:1
}
 .footer .auto-container{
    position:relative;
    z-index:2
}
 .footer .auto-container .footer_box{
    display:flex;
    margin-bottom:.6rem
}
 .footer .auto-container .footer_box .left{
    width:30%
}
 .footer .auto-container .footer_box .left .slogan{
    font-size:.26rem;
    font-family:RobotoBold;
    line-height:.3rem;
    margin-bottom:.5rem
}
 .footer .auto-container .footer_box .left .foot_contact .item{
    display:flex;
    margin-bottom:.2rem
}
 .footer .auto-container .footer_box .left .foot_contact .item .icon{
    margin-right:.1rem
}
 .footer .auto-container .footer_box .left .foot_contact .item .icon img{
    max-width:.2rem;
    filter:brightness(0) invert(1)
}
 .footer .auto-container .footer_box .left .foot_share a{
    margin-right:.05rem
}
 .footer .auto-container .footer_box .left .foot_share a img{
    max-width:.25rem
}
 .footer .auto-container .footer_box .right{
    display:flex;
    width:70%;
    justify-content:flex-end
}
 .footer .auto-container .footer_box .right .item{
    width:20%
}
 .footer .auto-container .footer_box .right .item:first-child{
    width:35%
}
 .footer .auto-container .footer_box .right .item:last-child{
    width:max-content
}
 .footer .auto-container .footer_box .right .item p{
    font-size:.18rem;
    text-transform:uppercase;
    margin-bottom:.25rem
}
 .footer .auto-container .footer_box .right .item .item_box{
    margin-top:.35rem
}
 .footer .auto-container .footer_box .right .item .item_box a{
    line-height:.4rem
}
 .footer .auto-container .footer_box .left .foot_contact .item .txt a,.footer .auto-container .footer_box .right .item .item_box a{
    display:block;
    font-size:.16rem;
    color:rgb(255 255 255 / 40%)
}
 .footer .auto-container .footer_box .left .foot_contact .item .txt a:hover,.footer .auto-container .footer_box .right .item .item_box a:hover{
    color:#fff
}
 .footer .auto-container .footer_box .right .item .code_box{
    display:flex;
    gap:.1rem
}
 .footer .auto-container .footer_box .right .item .code_box img{
    width:1.4rem;
    height:1.4rem;
    object-fit:cover;
    border-radius:.05rem
}
 .footer .auto-container .foot_bottom{
    border-radius:.1rem;
    background-color:#1d1d1d;
    padding:.4rem;
    display:flex;
    justify-content:space-between;
    align-items:center
}
 .footer .auto-container .foot_bottom .left p,.footer .auto-container .foot_bottom .right a{
    font-size:.16rem;
    color:#aaa
}
 .footer .auto-container .foot_bottom .right a:first-child{
    background:0
}
 .footer .auto-container .foot_bottom .right a:last-child{
    margin-right:0
}
 .footer .auto-container .foot_bottom .right a{
    background:rgb(255 255 255 / 10%);
    padding:.1rem .15rem;
    margin-right:.1rem;
    display:inline-block
}
 .footer .auto-container .foot_bottom .right a:hover{
    color:#fff;
    background:var(--color)
}
 .footer .auto-container .foot_bottom .right a:hover:first-child{
    background:0
}
 .additional-features li>.btn_anima{
    width:.5rem;
    height:.5rem;
    background:url(/res/magic/images/5_03.png);
    transition:all .3s linear;
    cursor:pointer;
    background-size:contain
}
 .additional-features li>.btn_anima .btn_major{
    color:#fff;
    line-height:.45rem
}
 .additional-features li>.btn_anima .btn_major span{
    animation:ctaBtnAnimation1 infinite linear 10s
}
 .additional-features li>.btn_anima .btn_major span:nth-child(2){
    animation-delay:-15s
}
 .additional-features li>.btn_anima .btn_major span img{
    vertical-align:middle;
    margin-right:.05rem;
    max-width:.27rem
}
 .additional-features li.left_form{
    position:relative
}
 .additional-features li.left_form:before{
    content:'';
    display:block;
    background:url(/res/magic/images/index_6.webp);
    width:9px;
    height:22px;
    position:absolute;
    top:.15rem;
    left:-.2rem;
    opacity:0
}
 .additional-features li.left_form.open:before{
    opacity:1
}
 .additional-features li.left_form .alert_form{
    position:absolute;
    left:-4.2rem;
    top:-2.3rem;
    display:none
}
 .additional-features li.left_form .alert_form i{
    display:block;
    width:.3rem;
    height:.3rem;
    background:url(/res/magic/images/cloture_btn.png) center no-repeat;
    position:absolute;
    right:.1rem;
    top:.1rem;
    cursor:pointer
}
 .additional-features li .alert_form{
    background:var(--color);
    border-radius:.05rem;
    padding:.3rem .4rem;
    max-width:4rem
}
 .additional-features li .alert_form .head_block .title{
    font-size:.24rem;
    font-family:RobotoBold;
    color:#fff;
    text-transform:unset;
    text-align:left;
    margin-bottom:.1rem
}
 .additional-features li .alert_form .head_block .remark{
    font-size:.16rem;
    color:#fff;
    margin-bottom:.15rem;
    white-space:pre-line
}
 .additional-features li .alert_form .form_box .input>div{
    background:#fff;
    line-height:.5rem;
    margin-bottom:.05rem;
    border-radius:.05rem;
    padding:0 .1rem 0 .15rem;
    font-size:.16rem
}
 .additional-features li .alert_form .form_box .input>.form_select{
    position:relative;
    cursor:pointer;
    padding-left:0
}
 .additional-features li .alert_form .form_box .input>.form_select:before{
    content:'';
    display:block;
    background:url(/res/magic/images/index_57.webp) center no-repeat;
    filter:brightness(0);
    transform:rotate(90deg);
    width:.5rem;
    height:.5rem;
    position:absolute;
    right:0;
    top:0
}
 .additional-features li .alert_form .form_box .input>div input{
    width:100%
}
 .additional-features li .alert_form .form_box textarea{
    height:1rem;
    background:#fff;
    width:100%;
    border-radius:.05rem;
    padding:.1rem .15rem;
    font-size:.16rem
}
 .additional-features li .alert_form .form_box .input>div select{
    width:100%;
    cursor:pointer;
    padding-left:.15rem
}
 .additional-features li .alert_form .form_box .submit{
    border-radius:.05rem;
    font-family:RobotoBold;
    font-size:.16rem;
    margin-top:.1rem
}
 .additional-features li .alert_form .form_box .submit .btn_anima{
    width:1.6rem;
    height:.45rem;
    color:#fff;
    border:.02rem solid #fff;
    cursor:pointer
}
 .additional-features li .alert_form .form_box form .upload-box{
    padding:.1rem .2rem;
    background:#c2d5ef;
    height:.6rem;
    border:.01rem dashed #154f8c;
    border-radius:.05rem;
    margin-top:.1rem;
    margin-bottom:.3rem;
    position:relative
}
 .additional-features li .alert_form .form_box form .upload-wrap .file-open span{
    font-size:.14rem;
    line-height:.4rem
}
 .additional-features li .alert_form .form_box form .upload-wrap .file-open icon_box{
    width:1.2rem;
    margin-right:.1rem
}
 .additional-features li .alert_form .form_box form #fileName{
    margin-top:.12rem;
    color:#fff!important;
    font-size:.16rem
}
 .additional-features li .alert_form .form_box form #fileName div{
    display:inline-block
}
 .additional-features li .alert_form .form_box form .upload-wrap .file-ele{
    position:absolute;
    opacity:0;
    height:.4rem;
    width:1rem;
    cursor:pointer
}
 input[type=file]::-webkit-file-upload-button{
    cursor:pointer
}
 .additional-features li .alert_form .form_box form .upload-wrap .file-open{
    display:flex
}
 .additional-features li .alert_form .form_box form .upload-wrap .file-open .icon_box{
    margin-right:.2rem;
    width:1rem;
    height:.4rem;
    background:#fff;
    line-height:.35rem;
    text-align:center;
    border:.01rem solid;
    border-radius:.05rem;
    cursor:pointer
}
 .additional-features li .alert_form .form_box form .upload-wrap .file-open .icon_box img{
    vertical-align:middle;
    max-width:.7rem
}