@charset "utf-8";
:root, [data-bs-theme=light] {--bs-red: #e72e2d;}
body,html,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,th,td,form,object,iframe,blockquote,pre,a,abbr,address,code,img,fieldset,form,label,figure{margin:0;padding:0}
body{background-color:#fff;font-family:'Adobe Clean', adobe-clean, 'Trebuchet MS',system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif;}
img{border:none;vertical-align:middle;max-width:100%}
li{list-style:none}
i,em{font-style:normal}
a{color:#333;text-decoration:none}
a:focus{outline:none}
a:hover{color:#e72e2d;text-decoration:none}
a:active,select,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:0!important}
a,.transition{-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.btn-a{font-family: "iconfont" !important;border: 1px solid #e72e2d; padding: 11px 20px; font-size: 16px;line-height: 16px; color: #e72e2d; display: inline-block; border-radius: 20px;}
.btn-a:hover{ color: #fff; background:#e72e2d;}
.btn-a:before{content:'\e705';padding-right:8px}

.btn-b{font-family: "iconfont" !important;border: 1px solid #fff; padding: 11px 20px; font-size: 16px;line-height: 16px; color: #fff; display: inline-block; border-radius: 20px;}
.btn-b:hover{ color: #fff; background:#e72e2d;border: 1px solid #e72e2d;}
.btn-b:before{content:'\e705';padding-right:8px}
.btn-c{width:160px;line-height: 40px;color:#000;background-color:#fff;border-color:#fff;border-radius: 20px; display: block;padding-left: 15px; }
.btn-c:after{display:inline-block;content:'\e65b';font-family: "iconfont" !important;padding-left: 5px;}
.btn-c:hover{background-color:#e72e2d;border-color:#e72e2d;color:#fff;padding-left: 30px;}
.slide-page-box{display:none}
.hide{display:none}
.z9999{z-index:9999!important}
.form-control:focus,.form-control:hover {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #e72e2d;
    outline: 0;
    box-shadow: none
}
.nav-link{color: var(--bs-black);}
.wrap{}
.section-wrap{}
.about-vision .nav-link{border: 1px solid #ccc; border-radius: 1.25rem; margin-right: 1rem;}
.about-vision .nav-link.active{border: 1px solid #e72e2d;background-color: #e72e2d; color: #fff;}
.about-vision .nav-link.active a{}
.about-vision .nav-tabs{border-bottom: none;}
.about-vision .nav-tabs .nav-link:hover,.about-vision .nav-tabs .nav-link:focus {
  isolation: isolate;
  /* border-color: var(--bs-nav-tabs-link-hover-border-color); */
  background-color: #e72e2d;
  color: #fff;
  border: 1px solid #e72e2d;
}

.box-shadow{box-shadow: 0 8px 16px -2px rgba(0,0,0,0.2);}
.box-shadow-hover:hover{box-shadow: 0 8px 16px -2px rgba(0,0,0,0.2);border: 1px solid #ccc;}
.transition-scale img{border-radius: 6px;transition: all 0.3s ease;}
.transition-scale:hover img{transform: scale(1.1);transition: all 0.3s ease;}
.clear{clear:both}
.red{color: #e72e2d;}
.white{color: #ffffff;}
.line-left{position: relative; padding-left: 15px;}
.line-left::before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    width: 3px;
    background: #e72e2d;
}
.line-bottom{
    padding-bottom: 20px;
    margin-bottom: 30px;
    position: relative;
    line-height: 50px;
}
.line-bottom::before {
    position: absolute;    
    left: 0;
    bottom: 0;
    width: 120px;
    height: 3px;
    content: "";
    background: #e72e2d;    
}
.line-bottom2,.line-bottom3{position:relative;margin-bottom:30px;}
.line-bottom2::before {
    position:absolute;
    left:50%;
    bottom:-15px;
    margin-left:-30px;
    width:60px;
    height:3px;
    content:'';
    background:#e72e2d;
    display:block;
}
.line-bottom3::before {
    position:absolute;
    left:50%;
    bottom:-15px;
    margin-left:-30px;
    width:60px;
    height:3px;
    content:'';
    background:#ffffff;
    display:block;
}
@media (min-width: 1600px) {.container {max-width: 1540px;}}

.main{position:relative; overflow: hidden;}
.ptb{padding-top: 80px; padding-bottom: 80px;}
.slider_banner,.inner-banner,.company-banner{margin-top: 90px;}

.bg-fixed {
    background-repeat: no-repeat;
    background-position: center top;
   -webkit-background-size:cover;
    background-size: cover;
    background-attachment: fixed;
}
.bg-all{
    background-repeat:no-repeat;
    background-position:center;
   -webkit-background-size:cover;
    background-size:cover
}
.bg-color{background-color: #f7f7f7;}

.company-banner{height: 95vh;}
.banner-inner{position: relative;}
.banner-content {
    position: absolute;
    top: 200px;
    bottom: 60px;
    left: 0;
    right: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.company-maintain-quality .intro p{margin-bottom: 0px;}
.quality{}
.application {}
.application-box{ margin: 10px;  overflow: hidden;}
.application-box img{width: 100%;border-radius: 6px;}
.application-box h4{padding:8px 15px; text-align: center;}
.header{}
.navbar {border-bottom: 1px solid rgba(0, 0, 0, 0.1); 
            transition: transform 0.3s ease-in-out;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        }
        .navbar-hidden {transform: translateY(-100%);}
      
      .navbar a.nav-link {padding: 30px 20px !important; }

 
        .dropdown-fullscreen {
            position: static !important;  
        }

        .dropdown-fullscreen .dropdown-menu {
            width: 100% !important; 
            left: 0 !important;  
            right: 0 !important; 
            top: 100% !important; 
            margin-top: 0 !important;
            border-radius: 0 !important; 
            border-left: none !important;
            border-right: none !important;
            /* padding: 0rem 0rem;  */
            /*box-shadow: 0 4px 12px rgba(0,0,0,0.175);*/
           border-top: 1px solid rgba(0,0,0,0.1); 
           border-bottom: 1px solid rgba(0,0,0,0.1); 
           overflow: hidden;
            
            
             
        }

       .dropdown-fullscreen-content {
             /* max-width: 1200px;
            margin: 0 auto; 
            display: flex;
            flex-wrap: wrap;
            gap: 2rem;  
            padding: 2.5rem 3rem; */
            padding-top: 2rem;
            padding-bottom: 2rem;
            overflow: hidden;
            
        }  
        .dropdown-column {
            /* flex: 1;
            min-width: 200px;  */
        }
        .dropdown-column h3 {
            font-size: 1.25rem;
            /* color: #212529; */
            font-weight:normal;
            margin-bottom: 0.8rem;
            
        }
        .dropdown-column ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .dropdown-column ul li {
            margin-bottom: 0rem;
            float: left;
            width: 25%;
            line-height: 50px;
        }
        .dropdown-column ul li::before{
           content: "";
           width: 5px;
           height: 5px;
           display: inline-block;
           border-radius: 50%;
           background: #e72e2d; 
           vertical-align: middle;
           margin-right: 10px;
           
           

        }
        .dropdown-column ul li a {
            text-decoration: none;
            color: #495057;
            transition: color 0.2s;
        }

        .dropdown-column ul li a:hover {
            color: #e72e2d;
        }
        .navbar-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 999;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
        }
        
        .navbar-overlay.show {
            opacity: 1;
            visibility: visible;
        }
        
        .navbar {
            z-index: 1050;
        }
        
        .navbar-toggler {
            border: none;
            padding: 0.5rem;
            transition: all 0.3s ease;
        }
        
        .navbar-toggler:focus {
            box-shadow: none;
        }
        
        .navbar-toggler .navbar-toggler-icon {
            background-image: none;
            position: relative;
            height: 2px;
            width: 24px;
            background-color: #333;
            transition: all 0.3s ease;
        }
        
        .navbar-toggler .navbar-toggler-icon::before,
        .navbar-toggler .navbar-toggler-icon::after {
            content: '';
            position: absolute;
            height: 2px;
            width: 24px;
            background-color: #000;
            left: 0;
            transition: all 0.3s ease;
        }
        
        .navbar-toggler .navbar-toggler-icon::before {
            top: -8px;
        }
        
        .navbar-toggler .navbar-toggler-icon::after {
            top: 8px;
        }
        
        .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
            background-color: transparent;
        }
        
        .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before {
            transform: rotate(45deg);
            top: 0;
        }
        
        .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
            transform: rotate(-45deg);
            top: 0;
        }
        
        .dropdown-toggle::after {
            display: none;
        }        
.dropdown-toggle .chevron-down:before{content: "\e65a";}
.dropdown-fullscreen.show .chevron-down:before{ content: "\e658"; color: #e72e2d;}
       
  @media (min-width: 992px) {
            .dropdown:hover .dropdown-fullscreen-content {
                display: block;
                opacity: 0;
                transform: translateY(-15px);
                animation: fadeInDropdown 0.3s ease forwards;
            }
            
            /* .dropdown-menu {
                margin-top: 0;
            } */
            
            @keyframes fadeInDropdown {
                to {
                    opacity: 1;
                    transform: translateY(0);
                }
            }
        } 

/* 全屏搜索 */
.search-ipt{border:0;background:transparent;border-radius:0;-webkit-appearance:none}
.web-search{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;visibility:hidden}
.js .web-search{position:fixed;z-index:1000;top:0;left:0;width:100%;height:100vh;opacity:0;visibility:hidden;top:90px;bottom:0;height:auto}
.js .web-search::before{content:'';position:absolute;top:0;right:0;width:100%;height:100%;background:rgba(255,255,255,.9);background-color:#fff;-webkit-transform:scale(1,0.1);-ms-transform:scale(1,0.1);-o-transform:scale(1,0.1);transform:scale(1,0.1)}
.web-search .btn--search-close{
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAA/UlEQVR4AeyS0RGDMAxDQydpNymjdDJGYZSyCZV6hkIix+Sjxw+cfQ6xrZcYbunPzwUIB3zuiOZ5vkdHjGrcG6BxhPiI6EIsNyC+UStNAtBA0cUlxGoGqD7hrklA13UTOno4I0E7SCY+of6BWmkSwEo0UbyAtIhTxwUwqSDYX8ZSPTnqvlYFsEJAOPND4uwPASwy58hsmZKNan33FiHAhNaxQIig4sNjX1oVkItjXPxbig8vlW3TBTjiCRDe4DBEAjxxO1QTRAIWIUT3b8luwjreDC17kwBrfiFy5vuOzRvyFO0RObJN5reUAKbRxGYuqx7VuYCqakPyAoTD+gAAAP//4QN3qgAAAAZJREFUAwAJz3YxeSIr0wAAAABJRU5ErkJggg==);
/* display:inline-block; */
display:none;
border-radius:50%;position:absolute;top:1.25em;right:1.25em;
background-position:center;
background-repeat:no-repeat;
-webkit-background-size:auto;
background-size:auto;
background-color:#333;
width:45px;height:45px;line-height:45px;cursor:pointer;-webkit-transition:transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease
}
.web-search .btn--search-close:hover{background-color:#e72e2d;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
.js .btn--search-close{display:block}
.web-search .search-ipt{font-family:inherit;line-height:1;display:inline-block;box-sizing:border-box;width:75%;padding:0.05em 0;color:#333;border-bottom:3px solid;font-size:20px;line-height:10px}
.web-search .search-ipt::-webkit-input-placeholder{color:#333;font-weight:bold}
.web-search .search-ipt::-moz-placeholder{opacity:1;color:#333;font-weight:bold}
.web-search .search-ipt:-ms-input-placeholder{color:#333;font-weight:bold}
.web-search .search-ipt::-webkit-search-cancel-button,.web-search .search-ipt::-webkit-search-decoration{-webkit-appearance:none}
.web-search .search-ipt::-ms-clear{display:none}
.web-search .search-attr{font-size:90%;display:block;width:75%;margin:0 auto;padding:0.85em 0;text-align:right;color:#333}

.js .container_main{position:relative;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.js .main-wrap--move{height:100vh}
.js .web-search{pointer-events:none}
.js .search--open{pointer-events:auto;opacity:1;visibility:visible}
.js .web-search::before{opacity:0.3;-moz-transition:all 0.1s ease;-webkit-transition:all 0.1s ease;-ms-transition:all 0.1s ease;-o-transition:all 0.1s ease;transition:all 0.1s ease}
.js .search--open::before{opacity:1}
.web-search .btn--search-close{opacity:0}
.search--open .btn--search-close{opacity:1;-webkit-animation:bounceInA 1s ease;-o-animation:bounceInA 1s ease;animation:bounceInA 1s ease}
.search__suggestion,.web-search .search-attr{opacity:0;-moz-transform:translate3d(0,30px,0);-webkit-transform:translate3d(0,30px,0);-ms-transform:translate3d(0,30px,0);-o-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0);-moz-transition:opacity 0.8s,transform 0.8s;-webkit-transition:opacity 0.8s,transform 0.8s;-ms-transition:opacity 0.8s,transform 0.8s;-o-transition:opacity 0.8s,transform 0.8s;transition:opacity 0.8s,transform 0.8s}
.search--open .search-attr{opacity:1;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);font-size:20px}

.js .web-search .search-ipt{font-size:72px;font-weight:bold;border-bottom-width:1px;padding:15px 0;-moz-transform:scale3d(0,1,1);-webkit-transform:scale3d(0,1,1);-ms-transform:scale3d(0,1,1);-o-transform:scale3d(0,1,1);transform:scale3d(0,1,1);-moz-transform-origin:0% 50%;-webkit-transform-origin:0% 50%;-ms-transform-origin:0% 50%;-o-transform-origin:0% 50%;transform-origin:0% 50%;-moz-transition:transform .3s;-webkit-transition:transform .3s;-ms-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s;opacity:0;text-transform:uppercase}
.js .web-search .search-ipt,.web-search .search-attr{-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s}
.js .search--open .search-ipt{-moz-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-ms-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s}
.js .search--open .search-btn{display:none !important}
.js .fixed-body .web-search{top:70px}
.js .search--open::before{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}
.js .main-wrap--move .web_head{z-index:1001}
.scrollsidebar,.scrollsidebar a{font-size:12px;color:#999;font-family:Arial,Helvetica,sans-serif}
.scrollsidebar{position:absolute;z-index:30;top:150px;right:0;}
.show_btn{width:38px;height:192px;overflow:hidden;cursor:pointer;display:block;overflow:hidden;background:url(../images/show_btn.png) no-repeat center center;position:absolute;right:0;top:0;}
.side_content{width:0;height:auto;overflow:hidden;float:left;}
.side_content .side_list{width:140px;overflow:hidden;border:1px solid #dadada;border-radius:8px;position:relative;background:#FFF}
.side_content .side_list .hd img{width:100%;border-bottom:1px solid #dadada}
.side_content .side_list .cont li{height:40px;line-height:40px;border-bottom:1px solid #dadada;list-style:none;position:relative;}
.side_content .side_list .cont li a{position:relative;display:block;padding:0 0 0 43px;text-decoration:none}
.side_content .side_list .cont li a:before{content:"";position:absolute;display:block;overflow:hidden;top:0;left:10px;width:25px;height:40px;background-repeat:no-repeat;background-position:center center;font-size: 18px;}
.side_content .side_list .cont li .email:before{content:"\e613";font-family: "iconfont";}
.side_content .side_list .cont li .skype:before{content:"\e629";font-family: "iconfont";}
.side_content .side_list .cont li .inquiry:before{content:"\e677";font-family: "iconfont";}
.side_content .side_list .cont li .qq:before{content:"\e670";font-family: "iconfont";}
.ww{margin-left:-30px}
.side_content .side_list .t-code{padding:10px 10px 7px;border-bottom:1px solid #dadada}
.side_content .side_list .t-code img{width:100%}
.side_content .side_list .side_title{height:30px;line-height:30px;padding:0 12px}
.side_content .side_list .side_title .close_btn{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAx0lEQVR4AXyQuw2EMAyGLe/CInTQIlZgBpiAGWADJGrSZo9kFy6fpaDcEV2EHfw/Ysu6rusdQrj/HXh0aHQYBtm2TWKMUjvg8OjgtWkamaapaspieHRmIFEA8hIiMG5qcHgwQkkEICQi7711pAaHz/EYACD7vpfjOKTrOqEGL+PLwBjXdck4juKck7SdUmv/jwEx4zBG27a2iH3fXyYzlOI8BjfmX5PWxNY7pZpJz/O09pBJ8/rA6YQOUud5rm4DMgemZVms/AAAAP//O9DiAgAAAAZJREFUAwBhZJXpr8a8dwAAAABJRU5ErkJggg==) no-repeat center center;width:12px;height:30px;position:absolute;bottom:0;right:10px;cursor:pointer}
.side_content .side_list .side_title .close_btn span{display:none}
/* 产品 */
.product-list{padding-top: 80px; padding-bottom: 60px;}
.product-list .card-title{height: 1.5em;line-height: 1.5em;overflow: hidden;margin-top: 0px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.product-list .card-text {height: 5.2em;line-height: 1.3em;overflow: hidden;margin-top: 10px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.inner-list img {transition: all 0.5s ease;border-radius: 6px;}
.inner-list img:hover {transform: scale(1.1);transition: all 0.5s ease;}
.inner-list {border: 1px solid #dee2e6;border-radius: 6px;padding: 30px;transition: all 0.5s ease; }
.inner-list .card-title{text-align: center; margin-top: 2rem;}
.product-column{overflow: hidden;}
.product-column-box{border-bottom: 1px solid #dee2e6;}




.product-detail{padding-top: 80px; padding-bottom: 80px;background-color: #fff; overflow: hidden;}
.product-intro{position:relative;overflow:hidden;border:0px solid #dedede;padding-bottom: 30px;}
.product-intro .page_title{margin-bottom: 30px;padding-bottom:0px;}
.product-view{position:relative;width:45%;float:left;border-right:0px solid #dedede;margin-right:-1px}
.product-view .swiper-slide{padding-bottom:1px}
.product-view .product-image.zoom_remove:after{content:"";position:absolute;width:100%;height:100%;left:0;bottom:0;z-index:999}
.product-view .product-image{position:relative}
.product-view .product-image img{position:relative;width:100%}
.product-view .image-additional{position:relative;margin:20px 50px;overflow:hidden}
.product-view .image-additional li{position:relative;width:100%;width:33.3333%;float:left;overflow:visible}
.product-view .image-additional li.single{display:none}
.product-view .image-additional li img{display:block;position:relative;width:100%;margin:0 auto;border:1px solid #dedede;padding:1px}
.product-view .image-additional li a{display:block;position:relative;padding:0 5%}
.product-view .image-additional li.current img{border:2px solid #e72e2d;padding:0}
.product-view .image-additional img.popup{display:none}
.product-view .image-additional.swiper-container-horizontal>.swiper-pagination-bullets{display:none}
.product-view .swiper-button-next,.product-view .swiper-button-prev{width:30px;height:30px;margin-top:-15px;opacity:1;line-height:30px;font-size:30px;background:none}
.product-view .swiper-button-prev,.product-view .swiper-container-rtl .swiper-button-next{left:10px}
.product-view .swiper-button-next,.product-view .swiper-container-rtl .swiper-button-prev{right:10px}
.product-summary{position:relative;width:55%;float:left;padding:0 0 50px;border-left:0px solid #dedede}
.product-summary .product-meta{line-height:1.8;padding:15px;}
.product-summary .product-meta h3{margin:0 0 5px;}
.product-summary .product-meta ul{border-top:1px solid #dedede;margin:0 -25px}
.product-summary .product-meta li{width:100%;display:table;border-bottom:1px solid #dedede;padding:0}
.product-summary .product-meta li em,.product-summary .product-meta li .item-val{display:table-cell;padding:.5em 10px .5em 25px}
.product-summary .product-meta li em{width:40%;background-color:#fafafa}
.product-summary .product-meta li .item-val{-ms-word-break:break-all;word-break:break-all;word-wrap:break-word}
.product-btn-wrap{position:relative;padding:0 25px;}
.product-btn-wrap .message,.product-btn-wrap .email,.product-btn-wrap .pdf,.product-btn-wrap .buy{font-family: "iconfont" !important;position:relative;display:inline-block;*display:inline;*zoom:1;vertical-align:top;line-height:28px;padding:.3em 1.2em;border-radius:2em;background:#fff;border:2px solid #e72e2d;color:#e72e2d;margin:0 15px 10px 0;float: left;}
.product-btn-wrap .message:before,.product-btn-wrap .email:before,.product-btn-wrap .pdf:before{padding-right:8px}
.product-btn-wrap .message:before{content:'\e613'}
.product-btn-wrap .email:before{content:'\e677'}
.product-btn-wrap .email{background-color:#e72e2d;border-color:#e72e2d;color:#fff}
.product-btn-wrap a.message:hover{background-color:#e72e2d;border-color:#e72e2d;color:#fff}
.product-btn-wrap .pdf:before{content:'\e601'}
.product-btn-wrap .pdf{background-color:#e72e2d;border-color:#e72e2d;color:#fff}
.product-btn-wrap a:hover{background-color:#e72e2d!important;border-color:#e72e2d!important;color:#fff!important}
.product-btn-wrap a.pdf:hover{background-color:#fff!important;border-color:#e72e2d!important;color:#e72e2d!important}
.product-summary .share-this{margin:30px 0 0;text-align:right;padding:0 25px}
.tab-panel-wrap{border:1px solid #dedede;border-radius:0 12px 12px 12px;padding:30px}

.product-content{position:relative;overflow:visible; overflow: hidden;}
.product-content .tab-panel-content{display:block;overflow:hidden}
.product-content .disabled{display:none}
.detail-tabs{position:relative;margin-bottom:-1px}
.detail-tabs .title,.detail-tabs .title a{color:#999}
.detail-tabs .title{position:relative;display:inline-block;font-weight:normal;vertical-align:top;line-height:26px;padding:.6em 30px;cursor:pointer;margin-right:5px;font-size:20px;border:1px solid #dedede;border-bottom:0;border-radius:.5em .5em 0 0}
.detail-tabs .title.current{background:#fff;border-color:#dedede;color:#e72e2d}

/* 产品侧栏导航按钮 */
.sys_page_tools{ position:relative;text-align: center; display: block;}
.sys_page_tools .btn_side_nav{display:inline-block;padding:.45em 1.8em;border-radius:2em;font-size:18px;text-transform:uppercase;border:2px solid #e72e2d;line-height:30px}
.sys_page_tools .btn_side_nav:before{font-family: "iconfont";content:'\F478';padding-right:8px;font-size:20px;vertical-align:middle;}
.sys_page_tools .btn_side_nav .btn_txt{vertical-align:middle}
.sys_page_tools .btn_side_nav:hover{color:#fff;background-color:#e72e2d}
.sys_page_tools .share_this{display:inline-block}

/* 面包屑 */
.page-bar{line-height:31px;height:33px;}
.page-bar .pages{}
.page-bar a,.page-bar span{float: left;position:relative;display:inline-block;vertical-align:top;padding:0 12px;border:1px solid #ccc;margin:0 4px;text-align:center;border-radius:3px;filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fefefe',endColorStr='#ececec',gradientType='0');background:-moz-linear-gradient(top,#fefefe,#ececec);background:-o-linear-gradient(top,#fefefe,#ececec);background:-webkit-gradient(linear,0% 0%,0% 100%,from(#fefefe),to(#ececec));-webkit-transition:none;-o-transition:none;transition:none}
.page-bar a.active,.page-bar a:hover{color:#FFF;background:#333;border-color:#333}
.page-bar a:not(.active):hover{border-color:#333;background-color:#333;color:#fff}
.page-bar  span.active{margin-left:8px}
.path_bar{line-height:31px;background-color:#f5f5f5;padding: 10px 0;}
.path_bar .text{}
.path_bar li{display:inline;text-transform: lowercase;}
.path_bar li:after{content:'/';padding-left:10px}
.path_bar li:last-child:after{display:none}
.path_bar li:first-child:after{display:none}
/* 表格 */
/* .main table{position:relative;border-collapse:collapse;border-spacing:0;margin-bottom:0 !important;font-size:14px;}
.main table th,.main table td{border:1px solid #dedede;text-align:left;line-height:1.5;background:#fff;padding:5px 15px}
.main table th{background:#f8f8f8;font-weight:normal}
.main table td p,.main table th p,table td p,table th p{margin:0;padding:5px;line-height:1.3;word-break: normal;}
.main table td.amts{color:#cb2027}
.main table th#cartDelete{text-align:center} */

.table-hr {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #c6c7c8;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-responsive .firstRow{background-color: #242424; color: #fff; font-size: 1rem; font-weight: bold;}


/* 返回顶部 */
.gotop{position:fixed;text-align:center;right:15px;bottom:50px;display:inline-block;background-color:rgba(0,0,0,.4);border-radius:50%;background-clip:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;z-index:99999;cursor:pointer;font-size:28px;opacity:0;visibility:hidden;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;-moz-transform:translateY(100%);-webkit-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}
.gotop:hover{background-color:#e72e2d}
.gotop.active{opacity:1;visibility:visible;-moz-transform:none;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none}
.gotop em{display:none}
.gotop:before{content:"\e65e";font-family: "iconfont";color:#fff;font-size:20px;font-weight: bold;display:inline-block;display:inline-block;width:50px;height:50px;line-height:50px;border-radius:50%;vertical-align:top;}

.footer{background:#242424;}
.foot_service{padding: 100px 0;border-top: 5px solid #e72e2d;}
.foot_service .foot_text{color: #a2a2a2;}
.foot_service .foot_text a{color: #a2a2a2;}
.foot_service .foot_text p{margin-bottom: 5px;}
.foot_bar .foot_nav a{ display:inline-block; padding: 5px 10px; font-size: 18px;}
.foot_sns{margin-top: 15px;}
.foot_sns li{display:inline-block;line-height:30px; margin-right: 5px;}
.foot_sns li a{display:inline-block;color: #fff;}
.foot_sns li .iconfont{font-size: 30px;}
.foot_sns li a:hover{-webkit-animation:swing .6s ease;-o-animation:swing .6s ease;animation:swing .6s ease; color: #e72e2d;}

.foot_bar{padding: 20px 0px;line-height: 30px; color: #000; border-top: 1px solid #323232;color: #a2a2a2;}
.foot_bar a{color: #a2a2a2;}
.foot_bar a:hover{color: #e72e2d;}
.company_subscribe{margin-top: 20px;}

.btn--search{display:inline-block;border-radius:50%;position:relative;vertical-align:middle;cursor:pointer;-webkit-box-sizing:content-box;box-sizing:content-box;margin-left:25px}
.btn--search:before,.web_head .btn--search:after{content:'';display:inline-block;width:45px;height:45px;border-radius:50%;background-color:#e72e2d;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABiklEQVR4AdyU3XXCMAxGo04Ck7RMUpgEOgl0EugkdJP03vwcEscxeQgv5fiLHUXSlY3tt+rFv38OqOt6j47oiu6dzvT7pSubXSISbNCVJGfUJ7sx/kW+C1Eb3ostCyDijj7QKSK2EbGLiEO0fWhHgpxZETIBdJUTX5n0y0EqQNq32E1+pJ9tIwDJrVpZrUsyGwjE5Trg4P9kDMNpGwH4/Ikqgi/2z9T5CXqf800BVrIo+SChAOMGpscwBbimBjw8no9cSuOynilA59lqshmqajZ5xS8HKAYQkzYLsrDU3ryngB+sHrLi1sOnaew6z4IFfTeGzGMEYFdYiX+yW8/ATEhrIrnfPem3Lq79kDxHgO6bh8ihpzQ7E5Jr97TrV9wUEwDVGLAj0pmcSOYlJ8y7x77m2wk5W3tnKxDTtE0AughBzsSTaiLN/XoL9hpR+gixkCwkCzCbAnJBXhsmYxjbaC+9HuqpL0KKACFLBHQWsgrAIgYQz4WmRqsBzCYEuUF8bbQqoMmYPF4O+AMAAP//VGnBAQAAAAZJREFUAwAls5oxPOYWgQAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-position:center;vertical-align:middle;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
/* .btn--search:after{position:absolute;left:0;top:0;border-radius:50%;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);-o-transform:translateY(50%);transform:translateY(50%);opacity:0;filter:alpha(opacity=0)}
.btn--search:hover:after{-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;opacity:1;filter:alpha(opacity=100)}
.btn--search:hover:before{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);opacity:0;filter:alpha(opacity=0)} */
 
/*内页banner*/
.channel-banner {position:relative; display: flex; flex-wrap: wrap; align-items: center; background-repeat:no-repeat;background-position:center center;background-size:cover; overflow: hidden; clear: both;}
.channel-banner .banner-info {position:absolute;top:50%;margin-top:-50px;left:0;right:0;z-index:2}
.channel-banner .banner-info .banner-text{text-align: center;color: #ffffff;}
.channel-banner .banner-info h3{position:relative;margin-bottom:30px;}
.channel-banner .banner-info h3:before {left:50%;margin-left:-30px;bottom:-10px;width:60px;height:3px;background:#ffffff;content:'';display:block;position:absolute;}
.channel-banner .banner-info p{width: 60%; margin: 0 auto; margin-bottom: 0;}


/* 产品边栏导航 */
.aside{width:360px;height:100%;visibility:hidden;position:absolute;left:0;top:0;z-index:9}
.aside .aside-wrap,.aside:before,.aside .aside-close{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.aside .aside-wrap{width:360px;height:100%;position:absolute;position:fixed;left:0;top:0;z-index:9;background-color:#fff;padding:30px 30px;box-shadow:0 5px 15px rgba(0,0,0,.2);overflow:hidden;overflow-y:auto;opacity:0;visibility:hidden;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}
.aside:before{width:60%;content:'';display:block;width:0%;height:100%;position:fixed;left:0;top:0;z-index:9;background-color:rgba(0,0,0,.15);-webkit-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease}
.aside-wrap .side-tit-bar{display:block;font-size:16px;background-color:#e72e2d;margin:0}
.aside-wrap .side-tit-bar,.aside-wrap .side-tit-bar a{color:#fff}
.aside-wrap .side-tit-bar .side-tit{font-size:18px;font-weight:normal;padding:.4em 25px;text-transform:uppercase}
.aside-wrap .side-cate{padding:0 15px}
.aside-wrap .side-cate>li{border-bottom:1px solid #eee;padding:10px 0;position:relative;line-height:20px}
.aside-wrap .side-cate>li>a{display:block;padding:.3em 0 .3em 0;font-size:16px;font-weight:bold}
.aside-wrap .side-cate>li li>a{display:block;padding:.2em 0 .2em 1em}
.aside-wrap .side-cate>li li:before{content:'';display:block;width:4px;height:4px;background-color:#ccc;position:absolute;left:0;vertical-align:middle;margin-top:10px;border-radius:50%}
.aside-wrap .side-cate>li:last-child{border-bottom:0}
.aside .aside-wrap::-webkit-scrollbar{width:4px;background-color:#eee}
.aside .aside-wrap::-webkit-scrollbar-thumb{background-color:#e72e2d;border-radius:0}
.aside .aside-close{display:block;width:36px;height:36px;background-color:#e72e2d;background-repeat:no-repeat;background-position:center;-webkit-background-size:auto 12px;background-size:auto 12px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAx0lEQVR4AXyQuw2EMAyGLe/CInTQIlZgBpiAGWADJGrSZo9kFy6fpaDcEV2EHfw/Ysu6rusdQrj/HXh0aHQYBtm2TWKMUjvg8OjgtWkamaapaspieHRmIFEA8hIiMG5qcHgwQkkEICQi7711pAaHz/EYACD7vpfjOKTrOqEGL+PLwBjXdck4juKck7SdUmv/jwEx4zBG27a2iH3fXyYzlOI8BjfmX5PWxNY7pZpJz/O09pBJ8/rA6YQOUud5rm4DMgemZVms/AAAAP//O9DiAgAAAAZJREFUAwBhZJXpr8a8dwAAAABJRU5ErkJggg==);position:absolute;left:0%;top:0;opacity:0;border-radius:0 0 10px 0;z-index:10;cursor:pointer}
.aside.side-active{visibility:visible}
.aside.side-active  .aside-wrap{-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;opacity:1;filter:alpha(opacity=100);visibility:visible}
.aside.side-active:before{width:100%;background-color:rgba(0,0,0,.3)}
.aside.side-active .aside-close{margin-left:0;left:100%;opacity:1}

/* 弹出留言框 */
.inquiry-pop-bd{position:fixed;left:50%;top:50%;margin:-300px 0 0 -275px;width:550px;height:500px;background:#FFF;box-shadow:0 0 10px rgba(255,255,255,.5);display:none;z-index:2000}
.inquiry-pop-bd:before{content:"";position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.7);z-index:-1}
.inquiry-pop-bd .inquiry-pop{position:absolute;width:100%;height:100%;left:0;top:0;padding:22px;z-index:1;background:#FFF;}
.inquiry-pop-bd .inquiry-pop .ico-close-pop{position:absolute;right:-10px;top:-10px;width:32px;height:32px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAC4ElEQVR4AbRWTXriMAx9duYSWU26B4YbDHOS0pPAnAR6kjI34CPdw6xyCnCflJ8abOJQir8YJ7Kk9yzLwhY3tGo6LarJaFGNx2/VZLxnd+wy7lX2a7yqpqPZDS6RJNCBTsYOp+MeMEsYCEiBuslYqMxhjpNpyJHodFog0XoJVFxtB5pwdDFNYBI9HUlmtLiYO/uMEtBVM8yQ1eKupkQq2a5pPBoBAQHXVddhvgvdMy7o8019e0J5PSOgCgybTDygR0mcEcDxuCJwwf6oR0n4zjsClSTc94bdx/Hfi4rHtRV0BHB/wmFwc5jpdtNACfiMKAsfhw2s+wO4JZKNOjZ7Yl1Y96gWcMeFzCsBSAGRr+v9Nd++b/Ld+1/0kXB4EZ18uz3AZNS97pCYUsxgWULnPWr1lMXv+gXIr5EQ8LJct3rtCrvv8KWQsm1ZjDvnoU4jcZhrkjafAQnHlXvguiiH9MKcebY4YeCxM8soCRcBN1hhSCO2ZbIMJCAeQxL55cqHgqs7FJbjDQSozePqR0Ik0jXst4CLEbsQ4HDj48z/wMK4n4EsLdAIHNJ6nsbFnrczQWK2E/3jwcJhOIELcAm7vx03kyC2hXEbDGkRcCYwsz1MzN5i5WNZMAIW/3xZ9N1g3Z/tJjyitIn68oXGvVrgR3oLqNjaSdgRzfZzEqwvyYXlLO+2rtv4LKGItKNZSNnU/Y6CtzY1CdGl5Jn9+tNEyKpG6o/DYAbedsEagGQzS9UVmz7dBlMJaBSYZH363zvnlopJp0qAI5BlGx7JYSdCDb7449D8rdf2HQFllGUvFKeTkkpffA48TbzYfFp3BESkJGwmCo8gceCtShYoUF0/IyDSjkSTpSK7u2vYyyc5dpe+AgKioCQ0S92AO6BY9HUmXFlKVKNKUQKiKSS0tssFs+8eKMph5xYSeFca9RHOd5KrBFqNMyJyM5atYUg5TxD+AjIe6hPEiFEn35VPLTAS7QMAAP//Vh3DgAAAAAZJREFUAwDwo00DN+T+AgAAAABJRU5ErkJggg==) no-repeat center center;cursor:pointer;z-index:1}
.inquiry-form-wrap{position:relative;height:420px;width:100.5%}
.ad_prompt{position:absolute;display:block;top:50%;left:0;width:100%;line-height:40px;margin:-20px 0 0;text-align:center;color:#e72e2d;font-size:20px;-webkit-animation:twinkling 1s infinite ease-in-out;animation:twinkling 1s infinite ease-in-out;display:none}
@media screen and (max-width:550px){.inquiry-pop-bd{width:auto;left:10px;right:10px;top:10px;bottom:10px;margin:auto;max-height:93vh}
.inquiry-pop-bd .inquiry-pop{padding:10px}
.scrollsidebar{display:none}
}

.index-product{}

/* 核心部件 */
.index-featured{padding-top:80px;padding-bottom:150px;}
.index-featured .product-slider{padding: 20px 0;position: relative!important;}
.index-featured .product-item{width:25%;transition: all 0.3s ease;}
.index-featured .product-item:hover{margin-top: -20px;transition: all 0.3s ease;}
.index-featured .card-title{height:1.5em;line-height:1.5em;overflow:hidden;margin-top:10px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.index-featured .card-text{height:5.2em;line-height:1.3em;overflow:hidden;margin-top:10px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}


/* 合作伙伴 */
.partner {padding-bottom: 100px; padding-top: 100px;  overflow: hidden;}

/* 滚轮 */
.swiper_control .swiper-button-prev,.swiper_control .swiper-button-next{color:#fff;width:36px;height:66px;line-height:66px;margin-top:-33px;font-size:24px;border:1px solid #e72e2d;background-color:#e72e2d;opacity:0.5;filter:alpha(opacity=50)}
.swiper_control .swiper-button-prev:before,.swiper_control .swiper-button-next:before{font-family: "iconfont";-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none}
.swiper_control .swiper-button-prev{left:0;border-radius:0 66px 66px 0;text-align:left}
.swiper_control .swiper-button-next{right:0;border-radius:66px 0 0 66px;text-align:right}
.swiper_control .swiper-button-prev:not(.swiper-button-disabled):hover,.swiper_control .swiper-button-next:not(.swiper-button-disabled):hover{color:#fff;background-color:#e72e2d;border-color:#e72e2d;opacity:1;filter:alpha(opacity=100)}
.swiper_control .swiper-button-prev:before{content:'\e659';padding-left:5px}
.swiper_control .swiper-button-next:before{content:'\e65b';padding-right:5px}


.swiper-container-no-flexbox .swiper-slide{float:left}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;overflow:hidden;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}
.swiper-invisible-blank-slide{visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}
.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}
.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:55px;height:55px;line-height:55px;text-align:center;margin-top:-27px;z-index:2;cursor:pointer;opacity:0;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;font-size:30px;background-color:#fff;border-radius:2px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.swiper-container:hover .swiper-button-next,.swiper-container:hover .swiper-button-prev{}
.swiper-container:hover .swiper-button-prev{left:65px}
.swiper-container:hover .swiper-button-next{right:65px}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{cursor:auto;opacity:0.3}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-size:cover;right:10px;left:auto}
.swiper-button-prev:before,.swiper-container-rtl .swiper-button-next:before{content:'<'}
.swiper-button-prev:before,.swiper-button-next:before{display:inline-block;vertical-align:top;font-family:'AkzidenzGrotesk-Regular';font-weight:bold;-webkit-transform:scale(.4,1);-ms-transform:scale(.4,1);-o-transform:scale(.4,1);transform:scale(.4,1)}
.swiper-button-next:before,.swiper-container-rtl .swiper-button-prev:before{content:'>'}
.swiper-button-lock{display:none}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:2}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}
.swiper-pagination-bullet{width:12px;height:12px;display:inline-block;vertical-align:middle;border:0px solid rgba(255,255,255,0);background-color:#eee;border-radius:50%;margin:0 5px;background-clip:content-box}
.swiper-pagination-bullet-active{background-color:#eb7619;border-color:#eb7619;opacity:1;filter:alpha(opacity=100)}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-white .swiper-pagination-bullet{opacity:.7;filter:alpha(opacity=70)}
.swiper-pagination-white .swiper-pagination-bullet-active{opacity:1;filter:alpha(opacity=100)}
.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.3s -webkit-transform;transition:.2s top,.3s -webkit-transform;-o-transition:.2s transform,.3s top;transition:.2s transform,.3s top;transition:.2s transform,.3s top,.3s -webkit-transform}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.3s -webkit-transform;transition:.2s left,.3s -webkit-transform;-o-transition:.2s transform,.3s left;transition:.2s transform,.3s left;transition:.2s transform,.3s left,.3s -webkit-transform}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.3s -webkit-transform;transition:.2s right,.3s -webkit-transform;-o-transition:.2s transform,.3s right;transition:.2s transform,.3s right;transition:.2s transform,.3s right,.3s -webkit-transform}
.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}
.swiper-container-horizontal{overflow:hidden}
.swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0}
.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}
.swiper-pagination-white .swiper-pagination-bullet:before{background-color:rgba(0,0,0,.9)}
.swiper-pagination-white .swiper-pagination-bullet-active:before{background-color:rgba(255,255,255,.9)}
.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}
.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}
.swiper-pagination-lock{display:none}
.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}
.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}
.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}
.swiper-scrollbar-cursor-drag{cursor:move}
.swiper-scrollbar-lock{display:none}
.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}
.swiper-slide-zoomed{cursor:move}
.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}
.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-position:50%;background-size:100%;background-repeat:no-repeat}
.swiper-lazy-preloader-white:after{}
@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}
.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube{overflow:visible}
.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}
.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}
.swiper-container-flip{overflow:visible}
.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}



/* 滚轮焦点图 */
.slider_banner {position: relative;width: 100%;height: 95vh; background-color: #fff;}
/* .slider_banner .bg-box {background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover;height: 95dvh;}  */
.slider_banner .bg-box { width: auto;} 
.slider_banner .bg-box img{height: 95dvh;object-fit: cover; max-width: 100%; max-height: 100%; }

.slider_banner .swiper-pagination-bullet {width: 14px;height: 14px;opacity: 0.5;background-color: #fff;border-radius: inherit;border-radius: 7px;transition: all 0.6s;box-sizing: border-box;margin: 0 10px;}
.slider_banner .swiper-pagination-bullet-active {opacity: 1;width: 50px;}
.slider_banner .banner-content {position: absolute;width: 100%;height: 100%;left: 0;top: -20%;z-index: 9;opacity: 0; transition: all 0.3s;}
.slider_banner .banner-content .text {color: #fff;padding-top: 0px}
.slider_banner .banner-content .text .tit{text-shadow: 2px 2px 10px #000;margin-bottom: 20px; font-size: 2.5rem;font-weight: 700;transform: translateY(20%);opacity: 0;transition: all 1s;transition-delay: .1s;}
.slider_banner .banner-content .text .intro{text-shadow: 2px 2px 10px #000;line-height: 30px;font-size: 1.25rem;transform: translateY(30%);opacity: 0;transition: all 1s;transition-delay: .2s;}
.slider_banner .banner-content .text .link{background-color:rgba(255,255,255,.3);border: 1px solid #fff; border-radius: 20px; padding: 5px 10px;width: 100px;margin-top: 30px;line-height: 30px;transform: translateY(40%);opacity: 0;transition: all 1s;transition-delay: .3s;}
.slider_banner .banner-content .text .link:hover{width: 118px;background-color:rgba(255,255,255,.9);padding-left: 25px;transition: all .3s;}
.slider_banner .banner-content .text .link a{color: #fff; }
.slider_banner .banner-content .text .link:hover a{color: #e72e2d;}
.slider_banner .swiper-slide-active .banner-content {opacity: 1;}
.slider_banner .swiper-slide-active .banner-content .text .tit,.slider_banner .swiper-slide-active .banner-content .text .intro,.slider_banner .swiper-slide-active .banner-content .text .link{transform: translateY(0); opacity: 1;} 
.slider_banner .swiper-slide img{width:100%;transition:5s linear;transform:scale(1.1)}
.slider_banner .swiper-slide.swiper-slide-active img{transform:scale(1)}
.slider_banner .swiper-button-prev,.slider_banner .swiper-button-next{color:#fff;font-size:24px;width:55px;height:55px;line-height:55px;margin-top:-27px;background-color:rgba(231,46,45,.4);border-radius:50%;-webkit-box-sizing:content-box;box-sizing:content-box}
.slider_banner .swiper-button-prev:before,.slider_banner .swiper-button-next:before{-webkit-transform:scale(.5,1);-ms-transform:scale(.5,1);-o-transform:scale(.5,1);transform:scale(.5,1)}
.slider_banner .swiper-button-prev:hover,.slider_banner .swiper-button-next:hover{background-color:rgba(231,46,45,.9);color:#fff}
.slider_banner:hover .swiper-button-prev,.slider_banner:hover .swiper-button-next{opacity:1;filter:alpha(opacity=100)}
.slider_banner .swiper-pagination-bullet{margin:0 8px}
.slider_banner .swiper-button-prev{left:0px}
.slider_banner .swiper-button-next{right:0px}
.slider_banner:hover .swiper-button-prev{left:20px}
.slider_banner:hover .swiper-button-next{right:20px}
.slider_banner .swiper-pagination{bottom:80px}
/* .slider_banner .swiper-pagination-bullet{background:none;line-height:6px}
.slider_banner .swiper-pagination-bullet,.slider_banner .swiper-pagination-bullet:before{display:inline-block;border-radius:50%}
.slider_banner .swiper-pagination-bullet:before{content:'';width:6px;height:6px;background-color:#fff;vertical-align:top}
.slider_banner .swiper-pagination-bullet{width:auto;height:auto;padding:2px;border:2px solid rgba(0,0,0,.4)}
.slider_banner .swiper-pagination-bullet{width:auto;height:auto;padding:2px;border:2px solid #fff}
.slider_banner .swiper-pagination-bullet-active{border-color:#e72e2d}
.slider_banner .swiper-pagination-bullet-active:before{background-color:#e72e2d} */


/* 响应网格 */
@media only screen and (max-width:480px){
.channel-banner{height: 200px;}
.mobile-hide{display:none!important}
.gotop{display:none !important}

}

@media (max-width: 575.98px) {
.channel-banner{height: 200px;}
}
@media (max-width: 767.98px) {

}
@media (max-width: 991.98px) {
.navbar a.nav-link {padding: 15px 0px !important; }
.navbar-nav{border-top: 1px solid rgba(0, 0, 0, 0.1); margin-top: 1rem;}
.navbar .dropdown-fullscreen .dropdown-column ul li {float: none;width: 100%;line-height: 40px; }

.slider_banner,.inner-banner,.company-banner{margin-top: 67px;}

.path_bar{padding:0;text-align:left;}
.product_list{padding-right:none;border-right: none;}
}
@media (max-width: 1199.98px) {

}
@media (max-width: 1399.98px) {

}

/* 最小 */
@media (min-width: 576px) {
.channel-banner{height: 200px;}
}

@media (min-width: 768px) {
.channel-banner{height: 300px;}


}


@media (min-width: 992px) {
.channel-banner{height: 400px;}
.mobile-head-items{display:none}
/*必要*/
.navbar {
    --bs-navbar-padding-y: 0rem;
}

.company-maintain-quality .intro{border-left: 2px solid #e72e2d;}


}
@media (min-width: 1200px) {

}

@media (min-width: 1400px) {

}




@media (max-width: 991.98px) 
{
.z10000{position:relative;z-index:100000}
.slide-page-box{display: none;}






.aside{display:none}
.side-widget{margin-bottom:35px}
.side-product-items .items_content{margin-top:10px;padding-top:0;padding-bottom:0}
.side-product-items .btn-prev,.side-product-items .btn-next{display:none}
.side-product-items .side_slider{padding-top:0;padding-bottom:0;max-height:inherit}
.side-product-items .side_slider ul:after{content:'';display:block;height:0;clear:both;visibility:hidden}
.side-product-items .side_slider .swiper-wrapper{width:auto;display:block;margin:0 -5px}
.side-product-items .side_product_item{display:block;width:50%;height:auto!important;float:left;text-align:center}
.side-product-items .side_product_item:nth-child(2n+1){clear:left}
.side-product-items .side_product_item figure{display:block;width:auto;border:1px solid #eee;padding:3px;margin:5px}
.side-product-items .side_product_item .item-img{display:block;width:100%;float:none}
.side-product-items .side_product_item .item-img img{width:100%;height:auto;border:0}
.side-product-items .side_product_item figcaption{width:auto;display:block;padding:8px}
.side-product-items .side_product_item figcaption .item_title{height:auto;font-size:12px;text-transform:none}

.product-item{width:33.333%}
.product-item .item-wrap{margin:8px}
.sys_page_tools{text-align:center}
.sys_page_tools .btn_side_nav{display:none}
.items_list{width:100%}
.items_list ul{margin:0 -8px}
.items_list .product_item figure{margin:8px}
.page_title{line-height:1.1}
.video_close{display:none}
.image-additional li.image-item.current img{border:none}
.product-view{width:100%;float:none;margin:0 auto 30px}
.product-view .image-additional li img{width:90%;margin:0 5%;border:0}
.product-view .product-image,.single_product_items{display:none}
.image-additional-wrap{display:block}
.product-view .image-additional{width:100%;margin:0}
.product-view .image-additional ul{width:100%}
.product-view .image-additional li{width:100%;margin:0}
.product-view .image-additional li a{padding:0;margin:0;border:0}
.product-view .image-additional li.current img{border-color:inherit}
.product-view .image-additional li.single{display:block}
.product-view .image-additional li.current a:before,.product-view .image-additional li.current a:after{display:none}
.product-view .swiper-button-next,.product-view .swiper-button-prev{background:#000;color:#fff}
.product-view .swiper-button-next{right:5px}
.product-view .swiper-button-prev{left:5px}
.product-summary{position:relative;width:100%;float:none}
.product-summary .share-this{float:none;margin:30px 0}
.product-summary .product-meta li{display:block}
.product-summary .product-meta li em{display:inline;color:#333;padding-right:15px;font-weight:bold}
.product-btn-wrap{text-align:left}
.product-btn-wrap a{margin:0 0 10px !important}
.product-summary .share-this{text-align:left}
.tab-panel-wrap{padding:30px 0 0}

}

/* 动画效果 */
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes fadeInLeftA{0%{opacity:0;-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}@keyframes fadeInLeftA{0%{opacity:0;-webkit-transform:translate3d(-20%,0,0);-ms-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}.fadeInLeftA{-webkit-animation-name:fadeInLeftA;animation-name:fadeInLeftA}
@-webkit-keyframes fadeInUpA{0%{opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}@keyframes fadeInUpA{0%{opacity:0;-webkit-transform:translate3d(0,30%,0);-ms-transform:translate3d(0,30%,0);transform:translate3d(0,30%,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}.fadeInUpA{-webkit-animation-name:fadeInUpA;animation-name:fadeInUpA}
@-webkit-keyframes fadeInRightA{0%{opacity:0;-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}@keyframes fadeInRightA{0%{opacity:0;-webkit-transform:translate3d(20%,0,0);-ms-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}.fadeInRightA{-webkit-animation-name:fadeInRightA;animation-name:fadeInRightA}
@-webkit-keyframes twinkling{0%{opacity:0}
100%{opacity:1}
}@-webkit-keyframes OrangePulse{from{background-color:rgba(210,174,109,.2);-webkit-box-shadow:0 0 10px rgba(210,174,109,1)}
50%{background-color:rgba(210,174,109,1);-webkit-box-shadow:0 0 10px rgba(210,174,109,1)}
to{background-color:rgba(210,174,109,.2);-webkit-box-shadow:0 0 10px rgba(210,174,109,1)}
}@-webkit-keyframes swing{20%{-webkit-transform:rotate(40deg);transform:rotate(40deg)}
40%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}
60%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}
80%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}@keyframes swing{20%{-webkit-transform:rotate(40deg);-ms-transform:rotate(40deg);transform:rotate(40deg)}
40%{-webkit-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg)}
60%{-webkit-transform:rotate(10deg);-ms-transform:rotate(10deg);transform:rotate(10deg)}
80%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}
100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes jump{0%{-webkit-transform:translateY(0)}
25%{-webkit-transform:translateY(-20%)}
50%{-webkit-transform:translateY(0)}
75%{-webkit-transform:translateY(-10%)}
100%{-webkit-transform:translateY(0)}
}@keyframes jump{0%{transform:translateY(0)}
25%{transform:translateY(-20%)}
50%{transform:translateY(0)}
75%{transform:translateY(-10%)}
100%{transform:translateY(0)}
}@-webkit-keyframes bounceInA{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}@keyframes bounceInA{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}.bounceInA{-webkit-animation-name:bounceInA;animation-name:bounceInA;-webkit-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes fadeInDownA{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}@keyframes fadeInDownA{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}.fadeInDownA{-webkit-animation-name:fadeInDownA;animation-name:fadeInDownA}
@keyframes fadeInA{0%{opacity:0}
100%{opacity:1}
}.fadeInA{-webkit-animation-name:fadeInA;animation-name:fadeInA}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}
60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}
60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}










