@charset "utf-8";
*{
    padding:0;
    margin:0;
    outline:0;
    -webkit-tap-highlight-color:transparent;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
 @font-face{
    font-family:segoeui;
    src:url(../fonts/segoeui.woff2);
    font-display:swap;
    font-weight:unset
}
 @font-face{
    font-family:segoeuib;
    src:url(../fonts/segoeuib.woff2);
    font-display:swap;
    font-weight:unset
}
 @font-face{
    font-family:segoeuii;
    src:url(../fonts/segoeuii.woff2);
    font-display:swap;
    font-weight:unset
}
 @font-face{
    font-family:seguisb;
    src:url(../fonts/seguisb.woff2);
    font-display:swap;
    font-weight:unset
}
 @font-face{
    font-family:seguisbi;
    src:url(../fonts/seguisbi.woff2);
    font-display:swap;
    font-weight:unset
}
 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{
    min-height:100%;
    font-family:segoeui;
    font-size:14px;
    line-height:1.5;
    color:#222;
    font-weight:unset
}
 #videomodal .modal-dialog{
    max-width:10rem
}
 #imgModal .modal-dialog{
    max-width:65rem;
    text-align:center
}
 #imgModal .modal-content{
    max-width:6.42rem;
    margin:auto
}
 .modal-dialog{
    margin:.35rem auto
}
 #imgModal .embed-responsive img{
    max-height:6.5rem!important
}
 .embed-responsive-16by9::before{
    padding-top:0
}
 #videomodal .embed-responsive{
    max-width:8rem;
    margin:auto
}
 .text-primary{
    color:#4a7ff5
}
 img{
    border:0;
    vertical-align:top;
    max-width:100%
}
 ul{
    margin:0
}
 li{
    list-style:none
}
 h1,h2,h3,h4,h5,h6{
    font-weight:400;
    margin-bottom:0
}
 h2{
    font-size:.22rem
}
 h3{
    font-size:.2rem
}
 h4{
    font-size:.18rem
}
 h5{
    font-size:.16rem
}
 h6{
    font-size:.14rem
}
 a{
    color:#222;
    text-decoration:none
}
 a:focus,a:hover{
    text-decoration:none;
    color:#e60012!important
}
 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:1px 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:140px
}
 .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
}
 .auto-container{
    max-width:1400px;
    margin:auto
}
 .top-search-overlay{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#000;
    z-index:100;
    opacity:.8;
    display:none
}
 .head{
    position:fixed;
    top:0;
    z-index:99;
    left:0;
    padding:0 100px;
    width:100%;
    position:relative
}
 .head nav{
    position:fixed;
    top:0;
    right:0;
    z-index:99;
    left:0;
    margin:auto;
    padding:0 100px;
    width:100%;
    justify-content:space-between;
    display:flex;
    max-width:1920px
}
 .head .navbar_logo{
    display:flex;
    align-items:center;
    width:450px
}
 .head .navbar_logo .logo_icon{
    padding-right:20px;
    width:180px;
    border-right:1px solid #e60012
}
 .head .navbar_logo .logo_text{
    font-size:18px;
    color:#e60012;
    font-family:segoeuib;
    display:inline-block;
    padding-left:20px;
    line-height:24px
}
 .head .navbar_box{
    display:flex;
    width:65%;
    justify-content:center
}
 .head .navbar_box .navbar_nav{
    display:flex;
    align-items:center;
    justify-content:flex-end
}
 .head .navbar_box .navbar_nav .nav_item{
    line-height:90px;
    padding-right:50px;
    position:relative
}
 .head .navbar_box .navbar_nav .nav_item:last-child{
    padding-right:0
}
 .head .navbar_box .navbar_nav .nav_item .nav_link{
    font-size:18px;
    color:#fff
}
 .head .navbar_box .navbar_nav .nav_item .dropdown_link{
    width:100%;
    position:relative
}
 .head .navbar_box .navbar_nav .nav_item .dropdown_link .iconfont{
    display:none
}
 .head .navbar_box .navbar_nav .nav_item .dropdown_link a{
    font-size:18px;
    font-family:segoeuib;
    /* color:#fff; */
    text-transform:uppercase;
    display:block
}
 .head .navbar_box .navbar_nav .nav_item .dropdown_menu{
    display:none;
    width:100%;
    background:#fff;
    overflow:hidden;
    position:absolute;
    left:0
}
 .head .navbar_box .navbar_nav .nav_item.product_category .dropdown_menu{
    background:#ededed;
    opacity:.97
}
 .head .navbar_box .navbar_nav .nav_item .submen_list li{
    line-height:initial
}
 .head .navbar_box .navbar_nav .nav_item .submen_list a{
    font-size:16px;
    display:block;
    padding:10px;
    border-left:2px solid rgb(0,0,0,0);
    padding-left:15px
}
 .head .navbar_box .navbar_nav .nav_item .submen_list a:hover{
    border-color:#e60012
}
 .head .navbar_box .navbar_nav .nav_item.product_category{
    position:unset
}
 .head .navbar_box .navbar_nav .product_category .submen_list{
    display:flex;
    max-width:1400px;
    overflow:hidden;
    margin:auto;
    text-align:center;
    flex-wrap:wrap;
    gap: 15px;
}
 .head .navbar_box .navbar_nav .product_category .submen_list li{
    border-right:1px solid #d4d4d4;
    padding: 30px 0;
    text-align:left;
    /* min-width:280px; */
    flex: 0 0 calc((100% - 6 * 15px) / 7);
}
 .head .navbar_box .navbar_nav .product_category .submen_list .head_children{
    /* display:none; */
}
 .head .navbar_box .navbar_nav .product_category .submen_list li:nth-child(-n+5){
    /* padding-bottom:0; */
}
 .head .navbar_box .navbar_nav .product_category .submen_list li:nth-child(14),.head .navbar_box .navbar_nav .product_category .submen_list li:nth-child(7){
    border-right:0;
}
 .head .navbar_box .navbar_nav .product_category .submen_list a{
    font-size: 16px;
    line-height:26px;
    display:block;
    padding:0;
    border:0
}
 .head .navbar_box .navbar_nav .product_category .submen_list a:hover{
    color:#e60012
}
 .head .navbar_box .navbar_nav .product_category .submen_list .head_icon{
    line-height:initial;
    margin-bottom:10px
}
 .head .navbar_box .navbar_nav .product_category .submen_list .head_icon img{
    border:3px solid #999;
    padding:5px;
    border-radius:5px
}
 .head .navbar_box .navbar_nav .product_category .submen_list .submen_head{
    position:relative
}
 .head .navbar_box .navbar_nav .product_category .submen_list .submen_head a{
    font-size: 18px;
    font-family:segoeuib;
    line-height:36px
}
 .head .navbar_box .navbar_nav .product_category .submen_list .submen_head .iconfont{
    display:block;
    position:absolute;
    right:.1rem;
    bottom:.05rem;
    font-size:22px;
    font-weight:700;
    width:.3rem;
    text-align:center;
    line-height:.34rem;
    cursor:pointer;
    display: none;
}
 .head .navbar_box .navbar_nav .product_category .submen_list .submen_head .iconfont:after{
    display:block;
    content:'+';
    font-style:normal
}
 .head .navbar_box .navbar_nav .product_category .submen_list .submen_head .iconfont.open:after{
    content:'-'
}
 .head .navbar_box .navbar_nav .product_category .submen_list .submen_head .iconfont:hover{
    color:#e60012
}
 .head .navbar_right{
    display:flex;
    align-items:center;
    margin-left:20px
}
 .head .navbar_right .navbar_group{
    display:flex
}
 .head .navbar_right .navbar_group .icosearch{
    margin-right:30px;
    width:26px
}
 .head .navbar_right .navbar_group .icosearch img{
    /* filter:invert(1); */
}
 .head .navbar_right .navbar_group .language_select{
    margin-right:20px;
    width:66px
}
 .head .navbar_right .navbar_group .language_select img{
    border:1px solid rgb(0,0,0,0);
    border-radius:50px
}
 .head .navbar_right .navbar_group .btn_inquiry{
    /* color:#fff; */
    border: 2px solid #222;
    line-height:36px;
    border-radius:50px;
    width:100px;
    text-align:center;
    font-family:segoeuib
}
 .head .navbar_right .navbar_group .btn_inquiry .badge{
    font-size:16px;
    font-weight:unset
}
 .head .navbar_right .search_con2{
    height:50px;
    transform:scale3d(0,0,0);
    transform-origin:right center;
    transition:all .5s;
    width:500px;
    opacity:0;
    display:flex;
    align-items:center;
    justify-content:space-evenly;
    position:absolute;
    right:0
}
 .head .navbar_right .search_con2 .search_input{
    width:380px;
    position:relative
}
 .head .open .navbar_right .search_con2{
    opacity:1;
    transform:scale3d(1,1,1)
}
 .head .open .navbar_box,.head .open .navbar_right .c_switch{
    opacity:0;
    transform:scale3d(0,0,0)
}
 .head .open .navbar_right .navbar_group{
    opacity:0
}
 .head .navbar_right .search_con2 .search_input input{
    height:50px;
    line-height:50px;
    overflow:hidden;
    border:1px solid #d4d4d4;
    border-radius:5px;
    font-size:16px;
    padding:0 0 0 20px;
    box-shadow:unset;
    width:100%;
    padding-right:50px
}
 .head .navbar_right .search_con2 .search_input .search_btn{
    width:50px;
    height:50px;
    cursor:pointer;
    border:none;
    outline:0;
    position:absolute;
    top:0;
    right:0;
    z-index:1;
    color:#222;
    line-height:50px
}
 .head .navbar_right .search_con2 .search_input .search_btn img{
    vertical-align:middle
}
 .head .navbar_right .search_con2 .moblie_search_close{
    width:30px;
    height:30px;
    text-align:left;
    color:#222;
    line-height:30px
}
 .head .navbar_right .search_con2 .moblie_search_close .iconfont{
    font-size:20px
}
 .head .navbar_right .c_switch{
    display:none
}
 .head .navbar_right .c_switch i{
    position:relative;
    display:block;
    height:3px;
    background:#fff;
    -webkit-transition:all .3s;
    transition:all .3s
}
 .head .navbar_right .c_switch i:nth-child(1){
    top:0
}
 .head .navbar_right .c_switch i:nth-child(3){
    bottom:0
}
 .head .navbar_right .c_switch i:nth-child(2){
    margin:6px 0
}
 .head .c-style2 .navbar_right .c_switch i{
    background:#e60012
}
 .c-style2,.head:hover nav{
    background:#fff
}
 .head .c-style2 .navbar_box .navbar_nav .nav_item .dropdown_link a,.head:hover .navbar_box .navbar_nav .nav_item .dropdown_link a{
    color:#222
}
 .head .c-style2 .navbar_right .navbar_group .icosearch img,.head:hover .navbar_right .navbar_group .icosearch img{
    filter:invert(0)
}
 .head .c-style2 .navbar_right .navbar_group .language_select img,.head:hover .navbar_right .navbar_group .language_select img{
    border-color:#c8d1e1
}
 .head .c-style2 .navbar_right .navbar_group .btn_inquiry,.head:hover .navbar_right .navbar_group .btn_inquiry{
    /* border-color:#222; */
    /* color:#222; */
}
 .head .navbar_right .navbar_group .btn_inquiry:hover{
    color:#e60012;
    border-color:#e60012
}
 .head .c-style2 .navbar_box .navbar_nav .nav_item.active .dropdown_link a,.head .navbar_box .navbar_nav .nav_item.active .dropdown_link a{
    color:#e60012
}
 .head .c-style2 .navbar_box .navbar_nav .nav_item.active .dropdown_link::after,.head .navbar_box .navbar_nav .nav_item.active .dropdown_link a::after,.head .navbar_box .navbar_nav .nav_item:hover .dropdown_link::after{
    content:'';
    display:block;
    width:19px;
    height:17px;
    background:url(/res/magic/images/index_217.webp);
    position:absolute;
    left:45%;
    transform:translateX(-50%);
    bottom:15px;
    display: none;
}
 .head .navbar_box .navbar_nav .nav_item:hover .dropdown_link a{
    color:#e60012
}
 .head .navbar_box .navbar_nav .nav_item:hover .dropdown_menu{
    display:block;
    min-width:max-content
}
 .more_btn{
    transition:all .5s ease 0s
}
 .more_btn:hover{
    -webkit-transform:translateY(-2px)
}
 .footer .foot_body{
    padding-top: 60px;
}
 .footer .foot_body .auto-container{
    display:flex;
    justify-content:space-between
}
 .footer .foot_body .foot_left{
    width:76.1428%;
    padding-right:60px
}
 .footer .foot_body .foot_left .foot_left_head{
    display:flex;
    justify-content:space-between
}
 .footer .foot_body .foot_left .left{
    width:38.421%;
    padding-right:7.4257%;
    border-right:1px solid rgb(78,78,80,.6)
}
 .footer .foot_body .foot_left .foot_logo{
    margin-bottom:30px
}
 .footer .foot_body .foot_left .foot_logo img{
    height:52px
}
 .footer .foot_body .foot_left .footer_contact{
    overflow:hidden
}
 .footer .foot_body .foot_left .footer_contact li{
    color:#c4c4c4;
    margin-bottom:15px;
    max-width:290px
}
 .footer .foot_body .foot_left .footer_contact li a{
    font-size:18px;
    font-family:seguisb;
    color:#e60012;
    display:flex;
    justify-content:space-between;
    align-items:center
}
 .footer .foot_body .foot_left .footer_contact li:nth-child(3){
    font-family:seguisb
}
 .footer .foot_body .foot_left .footer_contact li:nth-child(3) a{
    color:#c4c4c4
}
 .footer .foot_body .foot_left .footer_contact li p{
    display:flex;
    align-items:flex-start;
    justify-content:space-between
}
 .footer .foot_body .foot_left .footer_contact li img{
    margin-top:3px;
    margin-right:15px
}
 .footer .foot_body .foot_left .footer_contact li span{
    display:inline-block;
    width:90%;
    font-size:18px
}
 .footer .foot_body .foot_left .foot_share{
    overflow:hidden;
    padding-left:40px;
    margin-top:10px
}
 .footer .foot_body .foot_left .foot_share li{
    float:left;
    margin-right:10px
}
 .footer .foot_body .foot_left .foot_share li a{
    display:block
}
 .footer .foot_body .foot_left .foot_share li a:hover img{
    opacity:.7
}
 .footer .foot_body .foot_left .foot_left_bottom{
    border-top:1px solid rgb(78,78,80,.6);
    margin-top:70px;
    padding:40px 0;
    display:flex;
    justify-content:space-between;
    font-size:16px
}
 .footer .foot_body .foot_left .foot_left_bottom .copyright{
    color:#c4c4c4
}
 .footer .foot_body .foot_left .foot_left_bottom .bottom_right a{
    color:#c4c4c4;
    padding-left:20px
}
 .footer .foot_body .foot_left .foot_left_bottom .bottom_right a:hover{
    color:#e60012
}
 .footer .foot_body .foot_left .right{
    display:flex;
    justify-content:flex-end;
    width:61.5789%;
    padding-left:7.4257%
}
 .footer .foot_body .foot_left .right .item{
    padding-right:14%
}
 .footer .foot_body .foot_left .right .item .item_hd,.footer .foot_body .foot_right .message_head_title{
    font-size:24px;
    color:#fff;
    font-family:seguisb;
    margin-bottom:30px
}
 .footer .foot_body .foot_left .right .item .item_bd li{
    font-size:16px;
    line-height:36px
}
 .footer .foot_body .foot_left .right .item .item_bd li a{
    color:#c4c4c4
}
 .footer .foot_body .foot_right{
    width:27.1428%;
    padding-left:65px
}
 .footer .foot_body .foot_right form input{
    background:#fff;
    width:100%;
    margin-bottom:4px;
    height:46px;
    line-height:46px;
    padding-left:15px;
    font-size:16px
}
 .footer .foot_body .foot_right form textarea{
    margin-bottom:15px;
    width:100%;
    background:#fff;
    height:165px;
    padding:15px;
    font-size:16px
}
 .footer .foot_body .foot_right form input::placeholder,.footer .foot_body .foot_right form textarea::placeholder{
    color:#666
}
 .footer .foot_body .foot_right form button{
    width:155px;
    height:50px;
    color:#fff;
    background:#e60012;
    font-size:18px;
    font-family:seguisb;
    border:1px solid #e60012
}
 .footer .foot_body .foot_right form button:hover{
    background:#fff;
    color:#e60012
}
 #tidio-chat-iframe{
    bottom:10% !important
}
 .additional_features{
    position:fixed;
    right:30px;
    top: 35%;
    z-index:98;
    box-sizing:border-box;
    border-bottom:0
}
 .additional_features li{
    margin-bottom:7px
}
 .additional_features li a{
    display:block
}
 .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:10px
}
 figure{
    margin:0
}













 .sidebar_inner_bottom {
     position: fixed;
     bottom: 0px;
     right: 0;
     background: #fff;
     width: 300px;
     border-radius: 5px;
     overflow: hidden;
     z-index: 10 
}
 .sidebar_inner_bottom .top {
     background: #e6252d;
     color: #fff;
     font-size: 18px;
     padding: 10px;
     position: relative;
     cursor: pointer;
     text-transform: uppercase;
}
 .sidebar_inner_bottom .top:after,.sidebar_inner_bottom .top:before {
     display: block;
     content: '';
     position: absolute;
     top: 35%;
     bottom: 0;
     right: 15px;
     width: 10px;
     height: 10px;
     transform: rotate(45deg);
     z-index: 1;
     transition: all .3s linear 
}
 .sidebar_inner_bottom .top:before {
     border-right: 2px solid #fff 
}
 .sidebar_inner_bottom .top:after {
     border-bottom: 2px solid #fff 
}
 .sidebar_inner_bottom .top.open:after,.sidebar_inner_bottom .top.open:before {
     top: 45% 
}
 .sidebar_inner_bottom .top.open:after {
     transform: rotate(130deg) 
}
 .sidebar_inner_bottom .top.open:before {
     transform: rotate(-45deg) 
}
 .sidebar_inner_bottom .bottom_form {
     padding: 10px 20px ;
     padding-bottom: 20px;
     display: none;
}
 .sidebar_inner_bottom .bottom_form form > p{
     font-size: 16px;
     color: #e6252d;
     text-align: center;
     margin-bottom: 10px;
}
 .sidebar_inner_bottom .bottom_form form .input {
     color: #666 
}
 .sidebar_inner_bottom .bottom_form form .input > p{
     font-size: 16px;
     margin-bottom: 10px;
}
 .sidebar_inner_bottom .bottom_form form .input > p:last-child{
     font-size: 14px;
     color: #e6252d;
     line-height: 1.2;
}
 .sidebar_inner_bottom .bottom_form form .input div {
     margin-bottom: 10px;
     cursor: pointer;
}
.sidebar_inner_bottom .bottom_form form .input .select .select_box:before{
    content: '';
    position: absolute;
    top: 32%;
    bottom: 0;
    right: .15rem;
    width: .1rem;
    height: .1rem;
    border-right: .02rem solid #555;
    border-bottom: .02rem solid #555;
    transform: rotate(45deg);
    z-index: 0;
}
 .sidebar_inner_bottom .bottom_form form .input div p {
     margin-bottom: 5px;
     font-size: 16px 
}
 .sidebar_inner_bottom .bottom_form form .input div input,.sidebar_inner_bottom .bottom_form form .input div textarea {
     border: .01rem solid #ddd;
     width: 100%;
     line-height: 35px;
     padding: 0 10px;
     border-radius: 5px;
     font-size: 16px;
}
.sidebar_inner_bottom .bottom_form form .input div textarea{
    height: 55px;
}
 .sidebar_inner_bottom .bottom_form form .input .select{
     height: 45px;
     border: 1px solid #ddd;
     border-radius: 5px;
     line-height: 40px;
     position: relative;
}
 .sidebar_inner_bottom .bottom_form form .input .select select{
     cursor: pointer;
     padding: 0 10px;
     font-size: 16px;
     z-index: 222;
     position: relative;
}
 .sidebar_inner_bottom .bottom_form form .submit button {
     background: #e6252d;
     color: #fff;
     text-align: center;
     padding: 6px 0;
     border-radius: 5px;
     margin-top: 20px;
     overflow: hidden;
     border: 1px solid #e6252d;
     width: 100%;
     transition: all .3s linear;
     font-size: 18px;
}
 .sidebar_inner_bottom .bottom_form form .submit button:hover {
     color: #e6252d;
     background: 0 0 
}

.sidebar_inner_bottom_m {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 5px;
    z-index: 200;
}