/* === source: style === */
.icon{width:1em;height:1em;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:2;flex-shrink:0;transition:color .2s ease}
.sidebar-box.feedback-form .form{padding:0px 20px;margin-top:10px}
.sidebar-box.feedback-form .form .form-fields{display:flex;flex-direction:column}
.sidebar-box.feedback-form .form input,.sidebar-box.feedback-form .form textarea{width:100%!important;border:none;outline:0;height:45px;background:#f2f2f2;border-radius:3px;padding:0px 10px;margin-bottom:1em;font-size:15px}
.sidebar-box.feedback-form .form input::placeholder,.sidebar-box.feedback-form .form textarea::placeholder{color:#666}
.sidebar-box.feedback-form .form textarea{font-family:inherit;padding:10px;min-height:100px}
.sidebar-box.feedback-form .form .form-select{width:100%;margin-right:0;margin-bottom:15px}
.sidebar-box.feedback-form .form .form-submit{width:100%;height:50px;background:var(--color);border-radius:3px;color:#FFF;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s linear}
.sidebar-box.feedback-form .form .form-submit:hover{opacity:.9}
.form input,.form textarea{font-size:16px}
.inquiry-form .form .form-fields{display:flex;flex-wrap:wrap;justify-content:space-between}
.inquiry-form .form input::placeholder,.inquiry-form .form textarea::placeholder{color:#666}
.inquiry-form .form input{width:49%;height:50px;background:#fef1f1;border-radius:3px;outline:0;border:1px solid #fef1f1;padding:0px 10px;margin-bottom:20px;transition:all .1s linear}
.inquiry-form .form input:focus{border-color:var(--color)}
.inquiry-form .form input.is-error{border-color:red}
.inquiry-form .form input:nth-child(3n){margin-right:0}
.inquiry-form .form textarea{font-family:inherit;width:100%;background:#fef1f1;border-radius:3px;outline:0;border:1px solid #fef1f1;padding:10px;margin-bottom:20px;resize:none}
.inquiry-form .form textarea:focus{border-color:var(--color)}
.inquiry-form .form textarea.is-error{border-color:red}
.inquiry-form .form .form-submit{background:var(--color);color:#FFF;text-transform:uppercase;display:flex;align-items:center;justify-content:center;width:200px;height:50px;border-radius:3px;cursor:pointer;transition:all .1s linear}
.inquiry-form .form .form-submit:hover{background:var(--fontcolor)}
.contact-section .form input,.contact-section .form textarea{background:0 0;border:1px solid rgba(231,231,231,.56);color:#FFF}
.contact-section .form input::placeholder,.contact-section .form textarea::placeholder{color:#FFF}
.contact-section .form .form-submit{margin:0px auto 20px}

.form .form-select{width:49%;margin-bottom:20px;position:relative}
.form .form-select input{margin:0!important;width:100%!important;cursor:pointer}
.form .form-select .select-box em{margin-right:5px;position:absolute;right:32px;top:50%;transform:translateY(-50%);transition:all .4s ease}
.form .form-select .select-box em.select-open{transform:rotateX(180deg)}
.form .form-select .select-box em::after,.form .form-select .select-box em::before{content:"";width:10px;height:2px;background:#999;position:absolute;top:50%;left:0;transform:rotate(45deg)}
.form .form-select .select-box em::after{transform:rotate(-45deg);left:6px}
.form .form-select .select-dropdown{box-shadow:0 1px 15px 0 rgba(15,19,39,.1);list-style:none;display:none;width:100%;text-align:left;border:1px solid #ddd;background:#FFF;position:absolute;z-index:9}
.form .form-select .select-dropdown li{color:#000;padding:0px 20px;line-height:2.5;cursor:pointer;font-size:13px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.form .form-select .select-dropdown li:hover{background:#f2faea}
.form .form-select .select-dropdown li:nth-child(2n){background:#f5f4f4}
.form .form-select .select-dropdown li:nth-child(2n):hover{background:#f2faea}
.form .form-select .select-dropdown li.option-selected{background:#f2faea}
.form .form-select .select-dropdown li.option-selected:hover{background:#f2faea!important}
.form .form-submit[disabled]{background:#EEE!important;color:#999!important}
.form .form-submit[disabled]::before{content:none!important}
.form .loading{position:relative;width:18px;height:18px;margin-left:8px;border:2px solid #000;border-top-color:rgba(0,0,0,.2);border-right-color:rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.2);border-radius:100%;animation:feedbacksenloading infinite .75s linear}
@keyframes feedbacksenloading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
.form .verification-code{position:relative;width:100%;max-width:320px;margin-bottom:15px}
.form .verification-code input{width:100%!important;margin:0!important}
.form .verification-code img{position:absolute;right:20px;top:50%;transform:translateY(-50%)}

.form-variant .form .form-submit{border:none!important;width:100%;background-color:var(--color);border-radius:10px;margin:20px 0px;transition:all .3s ease-in-out;height:50px;display:flex;cursor:pointer;align-items:center;font-weight:700;color:#FFF;text-align:center;justify-content:center}
.form-variant .form .form-submit:hover{box-shadow:1px 1px 5px 0 #818080;border:none;border-radius:5px;overflow:hidden}
.form-variant .form .form-select{width:49% !important}
.form-variant .form .form-select input{width:100% !important}
.form-variant-4 .form textarea,
.form-variant-2 .form-variant-3 .form-fields textarea{margin-bottom:20px}

.form-variant-5 .form .form-select{width:100% !important}
.form-variant-6 .form-variant-5 .form input, 
.form-variant-6 .form-variant-5 .form textarea{font-size:16px;width:100%!important;border:none;outline:0;height:45px;background:#FFF;border-radius:3px;padding:0px 10px;margin-bottom:1em;font-size:15px;color:#000}
.form-variant-6 .form-variant-5 .form textarea{font-family:inherit;padding:10px;min-height:80px}
.form-variant-6 .form-variant-5 .form .form-submit{width:100%;height:50px;background:var(--color);border-radius:3px;color:#FFF;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s linear}
.form-variant .form-variant-2 .form input,
.form-variant .form-variant-2 .form textarea{font-size:16px;width:100%;min-height:40px;margin-bottom:1em;padding:10px;outline:0;border-radius:5px;border:1px solid #ccc}
:root{--color:#ce200e;--fontcolor:#000000;--summarycolor:#666666;--homebg:#000;--hometitle:40px;--fontblod3:300;--fontblod4:400;--fontblod5:500;--fontblod6:600;--fontblod7:700;--fontfamily:"Roboto","Lato","Open Sans","Poppins","Oswald","Noto Sans","Montserrat",sans-serif}

::-webkit-scrollbar-track{box-shadow:inset 0 0 5px rgba(0,0,0,.1);border-radius:10px;background:rgba(122,122,122,.1)}
::-webkit-scrollbar-thumb{box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#d7d7d7}
::-webkit-scrollbar{width:8px;height:8px}
*,html,body,h1,h2,h3,h4,h5,h6,table,th,td,ol,ul,li,dl,dt,dd,div,p{padding:0px;margin:0px;box-sizing:border-box}
html{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent}
body{font-family:var(--fontfamily);max-width:1920px;margin-left:auto;margin-right:auto;font-size:16px;line-height:1.6;overflow-x:hidden;overflow-y:scroll;color:var(--fontcolor);padding-top:140px}
h1,h2,h3,h4,h5,h6{text-transform:capitalize;font-weight:var(--fontblod5)}
img{vertical-align:bottom;max-width:100%;height:auto}
a{text-decoration:none;color:inherit}
li,ol,ul{list-style:none}
iframe,video{max-width:100%;height:auto;outline:0;border:none;vertical-align:bottom}

button{outline:0;border:none}
img.lazy{display:inline-block;opacity:0}
img.lazy,img.lazy-image{transition:opacity .6s,transform .3s ease}
img.loaded{opacity:1}
img:not([src]){visibility:hidden;position:absolute}
.is-locked{overflow:hidden}
.lazy-load{position:absolute;left:40%;top:40%;width:40px;height:40px;border:2px solid var(--fontcolor);border-top-color:rgba(0,0,0,.2);border-right-color:rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.2);border-radius:100%;animation:circle infinite .75s linear}
.lazy-wrap{display:block;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.lazy-wrap::after{content:"";display:block;padding-bottom:50%}
.lazy-wrap.lazy-loaded .lazy-load{-webkit-animation:none;animation:none;display:none}
.lazy-wrap.lazy-loaded::after{padding-bottom:0px}
@keyframes circle{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}}
.container{width:100%;max-width:1740px;padding:0px 70px;margin:0px auto}
.line-clamp-1{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.product-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.line-clamp-3-alt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.cart-sidebar{position:fixed;bottom:calc(200px + constant(safe-area-inset-bottom));bottom:calc(200px + env(safe-area-inset-bottom));right:35px;z-index:99}
.cart-panel{width:280px;background:#FFF;position:fixed;z-index:998;bottom:0px;right:0px;box-shadow:-1px -1px 3px #CCC;display:none;transition:bottom .2s}
.cart-panel-header{background-color:var(--color);font-size:14px;color:#FFF;display:flex;align-items:center;padding:6px 10px;cursor:pointer}
.cart-close{position:relative;width:24px;height:24px;background:0 0;cursor:pointer}
.cart-close::after,.cart-close::before{content:"";display:block;width:10px;height:2px;background-color:#FFF;position:absolute;top:50%;border-radius:2px}
.cart-close::before{transform:rotate(45deg);left:4px}
.cart-close::after{transform:rotate(-45deg);right:4px}
.cart-title{text-align:center;flex:1;line-height:1.5}
.cart-count{color:#FFF;margin:0px 4px}
#productChache_list{padding:0px 10px;height:220px;overflow-y:auto}
#productChache_list::-webkit-scrollbar{width:4px}
#productChache_list::-webkit-scrollbar-track{border-radius:0;background-color:rgba(0,0,0,.05)}
#productChache_list::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgba(0,0,0,.15)}
.cart-item-row{position:relative;border-bottom:1px solid #EFEFEF;padding:10px 0px;display:flex;align-items:center}
.cart-item-remove{position:relative;width:20px;height:20px;background-color:transparent;cursor:pointer}
.cart-item-remove::after,.cart-item-remove::before{content:"";display:block;position:absolute;width:70%;height:2px;background-color:var(--fontcolor);border-radius:2px;top:50%;margin-top:-1px}
.cart-item-remove::before{transform:rotate(45deg);left:3px}
.cart-item-remove::after{transform:rotate(-45deg);left:3px}
.cart-item-content{flex:1;display:flex;align-items:center}
.cart-item-image{width:50px;height:50px;background:#FFF;border:1px solid #EFEFEF;display:flex;align-items:center;justify-content:center}
.cart-item-image img{max-width:100%;max-height:100%}
.cart-item-info{width:calc(100% - 50px);padding:0px 10px;font-size:12px}
.cart-item-title{max-height:34px;word-break:break-word;display:block;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;color:var(--fontcolortitle)}
.cart-item-price{color:var(--color)}
.cart-actions{padding:20px 10px;display:flex;justify-content:space-between}
.cart-actions *{display:block;width:80px;text-align:center;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:30px;border-radius:2px;padding:0px 2px}
.cart-clear{color:var(--fontcolortitle);background-color:#ededed;cursor:pointer}
.cart-checkout,.cart-checkout:hover{color:#FFF;background-color:var(--color)}
.cart-actions .cart-order{margin:0px;background:#f66f08;color:#FFF;line-height:30px;padding:0px 2px;border:none;border-radius:2px;font-size:12px;cursor:pointer;display:block;width:80px}
.cart-button{width:40px;height:40px;background:var(--color);border-radius:50%;text-align:center;line-height:38px;color:#FFF;position:relative;cursor:pointer;display:none}
.cart-button svg.icon{font-size:20px}
.cart-badge{position:absolute;right:25px;top:5px;width:16px;height:16px;background:#E00;border-radius:50%;text-align:center;font-size:12px;color:#FFF;transform:scale(.9);line-height:16px}

.flex-center{display:flex;align-items:center;justify-content:center}
.language-switcher{width:auto;z-index:9999;text-align:left;position:relative;margin-right:20px}
.language-current{display:flex;align-items:center;width:100%;height:30px;border:none;cursor:pointer;font-size:14px;user-select:none;white-space:nowrap}
.language-current span{position:relative;padding-right:18px;color:#999}
.language-current>img{margin-right:5px}
.language-current span::before{content:"";position:absolute;right:4px;top:11px;width:8px;height:1px;background:#999;transform:rotate(50deg)}
.language-current span::after{content:"";position:absolute;right:0px;top:11px;width:8px;height:1px;background:#999;transform:rotate(-50deg)}
.language-dropdown{position:absolute;top:calc(100% + 26px);right:50%;transform:translateX(50%);background:#FFF;border:1px solid #EBEEF5;border-radius:4px;box-shadow:0px 2px 12px 0 rgba(0,0,0,.1);z-index:9999;visibility:hidden;opacity:0;transition:opacity .3s,top .3s}
.language-dropdown.language-dropdown-wide{transform:translateX(25%)}
.language-dropdown.language-dropdown-wide .dropdown-arrow{left:75%}
.language-dropdown.is-open{visibility:visible;opacity:1;top:calc(100% + 12px)}
.dropdown-arrow{display:block;width:10px;height:10px;background-color:#FFF;border-top:1px solid #EBEEF5;border-left:1px solid #EBEEF5;transform:translateX(-50%) rotate(45deg);position:absolute;top:-6px;left:50%}
.language-list{width:140px;padding:8px 0px;box-sizing:border-box}
.language-dropdown-wide .language-list{width:340px;display:flex;flex-wrap:wrap;padding:8px}
.language-list li{width:100%;padding:8px 16px;box-sizing:border-box;transition:background-color .3s}
.language-dropdown-wide .language-list li{width:33%;padding:0px}
.language-dropdown-wide .language-list li a{padding:8px 6px}
.language-list li.is-selected,.language-list li:hover{background-color:#EEE}
.language-list li a{display:block;color:var(--fontcolor);font-size:12px;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.language-list li img{display:inline-block;width:24px;height:16px;vertical-align:-.25em;margin-right:4px}

.search-trigger{display:none;position:relative;transition:all 0.1s linear}
.search-trigger p{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#111}
.search-trigger p svg.icon{font-size:28px;color:#111}
.search-trigger+.language-switcher{margin-left:0px}
header{position:fixed;top:0px;left:0px;width:100%;background:#FFF;z-index:999}
header.is-scrolled .top-bar{margin-top:-40px;opacity:0;visibility:hidden}
header.is-scrolled .header-main{height:80px}
header .top-bar{background:var(--fontcolor);color:#FFF;height:40px;transition:margin .1s linear}
header .top-bar .container{height:100%;display:flex;justify-content:space-between;align-items:center}
header .top-bar .top-nav{display:flex;align-items:center;height:100%}
header .top-bar .top-nav ul{display:flex;align-items:center;margin-right:10px;height:100%}
header .top-bar .top-nav ul li{width:40px;height:100%}
header .top-bar .top-nav ul li a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;transition:all .1s linear;color:#999}
header .top-bar .top-nav ul li a:hover{color:#FFF}
header .top-bar .top-contact{display:flex;align-items:center}
header .top-bar .top-contact .contact-item{display:flex;align-items:center;margin-right:20px}
header .top-bar .top-contact .contact-item svg.icon{width: 1rem;font-size:16px;color:var(--color);margin-right:5px}
header .top-bar .top-contact .contact-item a,header .top-bar .top-contact .contact-item span{font-size:14px;color:#999}
header .top-bar .top-contact .contact-item a:hover{color:var(--color)}
header .header-main{height:100px;box-shadow:1px 2px 10px rgba(0,0,0,.1);transition:all .1s linear}
header .header-main .container{max-width:1600px;padding:0px 15px;height:100%;display:flex;justify-content:space-between;align-items:center}
header .header-main .logo{max-width:50%;display:flex;align-items:center}
header .header-main .logo a{display:block;align-items:center}
header .header-main .logo a span{font-weight:var(--fontblod5);font-size:18px;padding-left:10px}
header .header-main .logo img{width:auto;max-width:470px;max-height:80px}
header .header-main .nav-area{height:100%;display:flex;align-items:center}
header .header-main .nav-area .nav-list{display:flex;height:100%}
header .header-main .nav-area .nav-list>li{position:relative;height:100%}
header .header-main .nav-area .nav-list>li>svg.icon{width: 1.5rem;position:absolute;right:0px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:var(--fontblod6)}
header .header-main .nav-area .nav-list>li>a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:18px;color:var(--fontcolor);font-weight:var(--fontblod5);padding:0px 40px;transition:all .1s linear;text-transform:capitalize;position:relative;white-space:nowrap}
header .header-main .nav-area .nav-list>li>a::after{content:"";position:absolute;left:0px;bottom:0px;width:0px;height:3px;background:var(--color);transition:all .2s linear}
header .header-main .nav-area .nav-list>li>a.nav-active{color:var(--color)}
header .header-main .nav-area .nav-list>li>a.nav-active+svg.icon{color:var(--color)}
header .header-main .nav-area .nav-list>li>a.nav-active::after{width:100%}
header .header-main .nav-area .nav-list>li:hover>a{color:var(--color)}
header .header-main .nav-area .nav-list>li:hover>a::after{width:100%}
header .header-main .nav-area .nav-list>li:hover>svg.icon{color:var(--color)}
header .header-main .nav-area .nav-list>li:hover .submenu{opacity:1;visibility:inherit;transform:translateY(0)}
header .header-main .nav-area .nav-list>li .submenu{opacity:0;visibility:hidden;transform:translateY(10px);transition:all .1s linear;position:absolute;top:100%;left:0px;min-width:200px;background:#FFF;box-shadow:1px 2px 10px rgba(0,0,0,.1)}
header .header-main .nav-area .nav-list>li .submenu li{white-space:nowrap;position:relative;padding:0px 10px;height:55px}
header .header-main .nav-area .nav-list>li .submenu li a{display:flex;align-items:center;font-size:16px;height:100%;font-weight:var(--fontblod5);color:var(--fontcolor);padding-right:30px;border-bottom:1px solid #EAEAEA}
header .header-main .nav-area .nav-list>li .submenu li svg.icon{width: 1.5rem;position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:var(--fontblod5)}
header .header-main .nav-area .nav-list>li .submenu li ul{display:none}
header .header-main .nav-area .nav-list>li .submenu li:hover{background:#F6F6F6}
header .header-main .nav-area .nav-list>li .submenu li:hover a,header .header-main .nav-area .nav-list>li .submenu li:hover svg.icon{color:var(--color)}
header .header-main .nav-area .nav-list>li .submenu li:hover ul{display:block;position:absolute;left:100%;top:0px;background:#FFF;box-shadow:1px 2px 10px rgba(0,0,0,.1);min-width:200px}
header .header-main .nav-area .nav-list>li .submenu li:hover ul a,header .header-main .nav-area .nav-list>li .submenu li:hover ul svg.icon{color:var(--fontcolor)}
header .header-main .nav-area .nav-list>li .submenu li:hover ul li:hover a,header .header-main .nav-area .nav-list>li .submenu li:hover ul li:hover svg.icon{color:var(--color)}
.menu-toggle{display:none}
.header-action{position:relative;display:flex;align-items:center;height:100%}
.header-cta-btn{display:inline-block;padding:8px 20px;color:#fff;background:linear-gradient(135deg, #ff2929, #c50000);border-radius:4px;text-decoration:none;font-size:14px;white-space:nowrap;transition:all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}
.header-cta-btn:hover{opacity:.9;transform:scale(1.08);box-shadow:0 4px 12px rgba(255,41,41,0.4)}
.search-toggle{display:flex;align-items:center;margin-right:10%}
.search-toggle button{outline:0;background:0 0;border:none;padding:10px;cursor:pointer}
.search-toggle button svg.icon{font-size:24px;color:var(--color)}
.search-box{position:absolute;top:100%;right:0px;background:#FFF;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 4px rgba(0,0,0,.2);opacity:0;transform:rotateX(90deg);visibility:hidden}
.search-box input{width:200px;height:40px;padding-left:10px;font-size:16px;border:none;outline:0}
.search-box .search-button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.1s linear}
.search-box .search-button:hover{opacity:0.9}
.search-box .search-button svg.icon{font-size:20px;color:var(--color)}
.search-box.is-open{transition:opacity .3s,transform .3s;visibility:visible;opacity:1;transform:rotateX(0);transform-origin:top}
footer{background:var(--homebg);color:#848e9f}
footer a:hover{color:#FFF}
footer .footer-top{display:flex;flex-wrap:wrap;justify-content:space-between;padding:3% 0}
footer .footer-column{width:30%}
footer .footer-qr-column{width:20%}
footer .footer-nav-column{width:25%}
footer .footer-products-column{width:15%}
footer .footer-logo{width:auto;max-width:200px}
footer .footer-qr{max-width:100px}
footer .footer-social{display:flex;flex-wrap:wrap;margin-top:30px}
footer .footer-social span{font-size:18px;font-weight:var(--fontblod5);color:#FFF;line-height:38px;white-space:nowrap;margin-right:10px}
footer .footer-social ul{display:flex;flex-wrap:wrap;max-width:210px}

footer .footer-social ul li{margin-bottom:10px;margin-right:10px}
footer .footer-social ul li a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#000;border-radius:3px;transition:all .1s linear}
footer .footer-social ul li a:hover{background:var(--color)}
footer .footer-social ul li a i{color:#FFF}
footer .footer-title{font-size:20px;font-weight:var(--fontblod5);color:#FFF;margin-bottom:15px}
footer .footer-nav-list a{display:inline-block;padding:4px 0px;transition:all 0.1s linear;color:#848e9f}
footer .footer-nav-column .footer-nav-list{display:flex;flex-wrap:wrap}
footer .footer-nav-column .footer-nav-list li{width:50%}
footer .footer-contact-column .footer-contact-phone{margin-bottom:20px;display:flex;align-items:center}
footer .footer-contact-column .footer-contact-phone .contact-icon{width:50px;height:50px;background:var(--color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:20px}
footer .footer-contact-column .footer-contact-phone .contact-icon svg.icon{color:#FFF;font-size:22px;width: 1.5rem;}
footer .footer-contact-column .footer-contact-phone .case-overlay{flex:1;display:flex;flex-direction:column}
footer .footer-contact-column .footer-contact-phone .case-overlay span:nth-child(1){font-size:16px;color:#FFF}
footer .footer-contact-column .footer-contact-phone .case-overlay a:nth-child(2){white-space:nowrap;font-size:24px;font-weight:var(--fontblod5);color:#FFF}
footer .footer-contact-column .contact-item{margin-top:10px}
footer .footer-contact-column .contact-item a{color:#848e9f}
footer .footer-contact-column .contact-item span{color:var(--color);margin-right:5px}
footer .footer-copyright{text-align:center;font-size:14px;padding:20px 15px;border-top:1px solid rgba(255,255,255,.1)}
footer .footer-copyright a{margin-left:10px}
.mobile-nav{display:none}
.back-to-top{cursor:pointer;height:40px;width:40px;border-radius:50%;position:fixed;bottom:130px;right:35px;background:#ce200e;box-shadow:0 5px 5px 0 rgba(0,0,0,.1);transition:all .4s ease;z-index:9;opacity:0;overflow:hidden;visibility:hidden;display:flex;align-items:center;justify-content:center}
.back-to-top.back-to-top-active{opacity:1;visibility:inherit;bottom:150px}
.back-to-top:hover{background:#c1c1c1}
.back-to-top svg.icon{font-size:16px;font-weight:var(--fontblod5);width: 2rem;color: #ffffff;}

.toast-title{font-weight:var(--fontblod5)}
.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}
.toast-message a,.toast-message label{color:#FFF}
.toast-message a:hover{color:#CCC;text-decoration:none}
.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:var(--fontblod5);color:#FFF;-webkit-text-shadow:0 1px 0 #FFF;text-shadow:0 1px 0 #FFF;opacity:.8;line-height:1}
.toast-close-button:focus,.toast-close-button:hover{color:var(--fontcolor);text-decoration:none;cursor:pointer;opacity:.4}
.rtl .toast-close-button{left:-.3em;float:left;right:.3em}
button.toast-close-button{padding:0px;cursor:pointer;background:0 0;border:0px;-webkit-appearance:none}
.toast-center-center{top:40%;right:0px;width:100%;transform:translateY(-50%)}
.toast-top-center{top:20%;right:0px;width:100%}
.toast-bottom-center{bottom:0px;right:0px;width:100%}
.toast-top-full-width{top:0px;right:0px;width:100%}
.toast-bottom-full-width{bottom:0px;right:0px;width:100%}
.toast-top-left{top:12px;left:12px}
.toast-top-right{top:12px;right:12px}
.toast-bottom-right{right:12px;bottom:12px}
.toast-bottom-left{bottom:12px;left:12px}
#toast-container{position:fixed;z-index:999999;pointer-events:none}
#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#toast-container>div{font-size:16px;position:relative;pointer-events:auto;overflow:hidden;margin:0px 0px 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#FFF;opacity:.9}
#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}
#toast-container>div:hover{-moz-box-shadow:0 0 12px var(--fontcolor);-webkit-box-shadow:0 0 12px var(--fontcolor);box-shadow:0 0 12px var(--fontcolor);opacity:1;cursor:pointer}
#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}
#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}
#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}
#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}
#toast-container.toast-bottom-center>div,#toast-container.toast-center-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}
#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}
.toast{background-color:#030303}
.toast-success{background-color:#51a351}
.toast-error{background-color:#bd362f}
.toast-info{background-color:#ce200e}
.toast-warning{background-color:#f89406}
.toast-progress{position:absolute;left:0px;bottom:0px;height:4px;background-color:var(--fontcolor);opacity:.4}

.icon-204{position:absolute;left:50%;top:50%;transform:translate(-52%,-50%);background:rgba(0,0,0,.5);color:#FFF;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:18px;z-index:1;display:none}
img.lazy.loaded+.icon-204{display:flex}

.side-service li,.side-service ol,.side-service ul{margin:0px;padding:0px;list-style:none}
.side-service a{color:#333333;text-decoration:none}
.side-service i{font-style:normal}
.side-service img{border:none;max-width:100%;max-height:100%}
.side-service{position:fixed;z-index:1000;right:10px;top:30%;font-size:14px}
.side-service-toggle{background:var(--color,#ce200e) url(../images/fd_img.webp) no-repeat;background-size:42px;width:42px;height:42px;border-radius:6px;cursor:pointer;margin-top:100px}
.side-service-panel{width:185px;border-radius:6px;position:absolute;top:0px;right:-195px;overflow:hidden;transition:.3s right ease-in-out;-o-transition:.3s right ease-in-out;-moz-transition:.3s right ease-in-out;-webkit-transition:.3s right ease-in-out;background:#FFF}
.side-service-panel li{padding-left:40px;font-family:var(--fontfamily,Arial);background-size:20px;height:40px;line-height:40px;font-size:14px;background-repeat:no-repeat;background-position:10px 50%;border-bottom:1px #efefef solid;position:relative}
.side-service-panel i{position:absolute;top:0px;left:0px;width:50px;height:40px;display:flex;display:-webkit-flex;justify-content:center;align-items:center}
.side-service-panel .side-service-title{background:var(--color,#ce200e) url(../images/fd_img.webp) no-repeat;background-size:42px;height:54px;background-position:5px 50%;color:#FFF;padding-left:50px;font-size:18px;line-height:54px;border:none}
.side-service-panel .side-service-top{font-size:18px;color:#FFF;background-color:#ce200e;line-height:42px;height:42px;border:none;padding-left:60px;position:relative;background-image:url(../images/top.webp);background-position:110px 50%;cursor:pointer}


/*分页*/
.pagination-numbered{clear:both;margin:20px 0px 20px 0px;text-align: center;height:40px;line-height:40px;}
.pagination-numbered ul{display:inline-block;margin:0 auto;}
.pagination-numbered li{padding:0 15px;line-height:30px;display:inline-block;font-size:14px;border:1px solid #ddd;border-radius: 5px;margin: 0 3px;float:left;background-color:#FFF;cursor:pointer;}
.pagination-active,.pagination-active a,.pagination-active a:hover{color:#fff;background-color:#ce200e;}
/* === source: home === */
.home-page>main>section{position:relative}
.section-title{font-size:var(--hometitle);font-weight:var(--fontblod5);color:var(--fontcolor);text-align:center;text-transform:capitalize}
.btn-more{min-width:180px;height:56px;background:var(--color);font-weight:var(--fontblod5);border-radius:3px;display:inline-flex;align-items:center;justify-content:center;color:#FFF;position:relative;overflow:hidden}
.btn-more img{width: 15%;height: auto;}
.btn-more svg.icon{margin-left:8px;font-size:14px;width: 1.5rem;}
.btn-more:hover::after{width:300px;height:300px}
.btn-more::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .2s linear;width:0px;height:0px;border-radius:50%;background:rgba(0,0,0,.05)}
.about-section,.advantages-section,.hot-products-section,.products-section,.news-section,.application-section{padding:5% 0px}
.news-section{padding:1.8% 0px 7.2%;background-color: #f4f4f4;}
.banner-section .banner-image-pc{display:block}
.banner-section .banner-image-pc img{display:block}
.banner-section .banner-image-mobile{display:none}
.banner-section .banner-image-mobile img{display:none}
.banner-next,.banner-prev{position:absolute;left:70px;top:50%;transform:translateY(-50%);width:45px;height:45px;border-radius:50%;background:rgb(0 0 0 / 30%);color:#FFF;font-size:22px;display:flex;align-items:center;justify-content:center;z-index:1;cursor:pointer;font-weight:var(--fontblod5)}
.banner-next{left:auto;right:70px}
.banner-section .swiper-slide{overflow:hidden}

.banner-section .swiper-slide.swiper-slide-active img{animation:bannerimg 6s forwards}
@keyframes bannerimg{0%{transform:scale(1)}80%{transform:scale(1.04)}100%{transform:scale(1.035)}}
.banner-section .swiper-pagination-bullet{background-color:#e2e2e2;border-radius:999px;height:4px;opacity:1;overflow:hidden;position:relative;width:32px}
.banner-section .swiper-pagination-bullet:after{background-color:var(--color);border-radius:999px;content:"";display:block;height:100%;width:0px}
.banner-section .swiper-pagination-bullet-active.is-expanded::after{transition:width 6s linear;width:100%}
.banner-section .banner-content{position:absolute;bottom:30%;left:10%;color:#000000;opacity:0;max-width:770px}
.banner-section .banner-content .title-text{font-size:60px;font-weight:var(--fontblod6);line-height:1.4;text-transform:capitalize}
.banner-section .banner-content .desc-text{margin-top:20px;font-size:30px}
.banner-section .banner-content .banner-more{margin-top:4em}
.banner-section .swiper-slide-active .banner-content{animation:bannerani .5s forwards;animation-delay:.7s}
@keyframes bannerani{0%{opacity:0;transform:scale(0)}
100%{opacity:1;transform:scale(1)}}
.advantages-section{background-color: #e7e7e7;}
.advantages-section::before{content:"";position:absolute;left:0px;top:0px;width:100%;height:450px;background:var(--homebg);z-index:-1}
.advantages-section .section-subtitle{text-align:center;}
.advantages-section .section-title{color:#000000}
.advantages-section .advantages-list{margin-top:5%;display:flex;justify-content:space-between;flex-wrap:wrap}
.advantages-section .advantages-list li{width:16%;background:#FFF;text-align:center;padding:30px 20px;border-radius:4px;box-shadow:0 3px 29px 0 rgba(191,191,191,.35);position:relative;overflow:hidden;z-index:1;cursor:pointer}
.advantages-section .advantages-list li::after{z-index:-1;content:"";position:absolute;left:0px;top:0px;width:100%;height:100%;background:var(--color);opacity:0.6;transition:all .2s linear;transform:scale(0)}
.advantages-section .advantages-list li:hover{color:#FFF}
.advantages-section .advantages-list li:hover::after{transform:scale(1)}
.advantages-section .advantages-list li:hover .advantage-icon{display:none}
.advantages-section .advantages-list li:hover .advantage-content{opacity:1;visibility:inherit}
.advantages-section .advantages-list li.magnifier{color:#FFF}
.advantages-section .advantages-list li.magnifier::after{transform:scale(1)}
.advantages-section .advantages-list li.magnifier .advantage-icon{display:none}
.advantages-section .advantages-list li.magnifier .advantage-content{opacity:1;visibility:inherit}
.advantages-section .advantages-list li .advantage-icon img{max-width: 55%;height: 100px;}
.advantages-section .advantages-list li .advantage-icon svg.icon{width: 5.5rem;font-size:50px;color:var(--color);transition:all .2s linear}
.advantages-section .advantages-list li .advantage-icon .product-image-link{height:50px;display:flex;align-items:center;justify-content:center}
.advantages-section .advantages-list li .advantage-icon .title-text{font-size:20px;font-weight:var(--fontblod5);padding:20px 0px 5px;}
.advantages-section .advantages-list li .advantage-icon .advantage-number{font-size:50px;color:#FFF;text-shadow:0 0 1px #333;font-weight:var(--fontblod5);transition:all .2s linear}
.advantages-section .advantages-list li .advantage-content{position:absolute;left:0px;width:100%;top:50%;transform:translateY(-50%);padding:0px 20px;opacity:0;visibility:hidden}
.advantages-section .advantages-list li .advantage-content .title-text{font-size:18px;font-weight:var(--fontblod5)}
.advantages-section .advantages-list li .advantage-content .desc-text{padding:10px 0px 30px}
.advantages-section .advantages-list li .advantage-content .more-link{display: flex;align-items: center;justify-content: center;font-weight:var(--fontblod5)}
.advantages-section .advantages-list li .advantage-content .more-link svg.icon{margin-left:8px;font-size:14px;width: 1rem;}
.about-section{background-color: #fff;}
.about-section .container{display:flex;flex-wrap:wrap;align-items:center}
.about-section .container .about-video{width:43%}
.about-section .container .about-video img{transition:all 0.1s linear;border-radius:4px;width:100%}
.about-section .container .about-video:hover img{transform:scale(0.98)}
.about-section .container .about-content{flex:1;padding-left:50px}
.about-section .container .about-content h1{font-size:var(--hometitle);font-weight:var(--fontblod5);position:relative;padding-bottom:20px;max-width:500px;line-height:1.2}
.about-section .container .about-content h1::after{content:"";position:absolute;bottom:0px;left:0px;width:34px;height:4px;}
.about-section .container .about-content .about-desc{margin:0 0 40px;line-height: 2rem;font-size: 16px;}
.about-section .container .about-content .about-desc p{text-indent: 2em;}
.about-section .container .about-content .features-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.about-section .container .about-content .features-list li{width:45%}
.about-section .container .about-content .features-list li .title-text{font-size:20px;font-weight:var(--fontblod5);color:var(--fontcolor);display:flex;align-items:center}
.about-section .container .about-content .features-list li .title-text svg.icon{color:var(--color);margin-right:10px;width: 2.5rem;}
.about-section .container .about-content .features-list li .desc-text{margin-top:20px}
.about-section .container .about-content .btn-more{margin-top:30px}
/* 关于我们-公司简介 */
.about-intro-section{padding:80px 0;background:#fff;position:relative;overflow:hidden}
.about-intro-section::before{content:"";position:absolute;top:-50px;right:-50px;width:300px;height:300px;background:radial-gradient(circle,rgba(206,32,14,.04) 0%,transparent 70%);border-radius:50%;pointer-events:none}
.about-intro-section .products-header{display:flex;align-items:center;justify-content:space-between}
.about-intro-section .products-title-block{max-width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.about-intro-section .section-title{color:var(--fontcolor);position:relative;padding-bottom:15px}
.about-intro-section .section-title::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:50px;height:3px;background:var(--color);border-radius:2px}
.about-intro-content{display:flex;gap:50px;margin-top:50px;align-items:center}
.about-intro-content .about-intro-video{flex:1;min-width:0;position:relative;border-radius:10px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.12)}
.about-intro-content .about-intro-video::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid rgba(255,255,255,.3);border-radius:10px;pointer-events:none;z-index:2}
.about-intro-content .about-intro-video video,.about-intro-content .about-intro-video img{width:100%;border-radius:10px;display:block}
.about-intro-content .about-intro-text{flex:1;min-width:0}
.about-intro-content .about-intro-text p{margin-bottom:18px;font-size:15px;line-height:2;color:var(--summarycolor)}
.about-intro-content .about-intro-text p:last-child{margin-bottom:0}
.about-stats{display:flex;gap:20px;margin-top:60px;padding:40px 30px;background:linear-gradient(135deg,#fff5f4 0%,#fff 100%);border-radius:12px;border:1px solid #f0f0f0;box-shadow:0 4px 20px rgba(0,0,0,.04)}
.about-stats .stat-item{flex:1;text-align:center;position:relative}
.about-stats .stat-item:not(:last-child)::after{content:"";position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:1px;height:40px;background:#e0e0e0}
.about-stats .stat-item .stat-num{font-size:36px;font-weight:700;color:var(--color);line-height:1}
.about-stats .stat-item .stat-num span{font-size:16px;margin-left:2px}
.about-stats .stat-item .stat-label{font-size:14px;color:var(--summarycolor);margin-top:8px}
/* 关于我们-企业文化 */
.culture-section{padding:80px 0;background:linear-gradient(180deg,#f8f8f8 0%,#fff 100%);position:relative}
.culture-section .products-header{display:flex;align-items:center;justify-content:space-between}
.culture-section .products-title-block{max-width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.culture-section .section-title{color:var(--fontcolor);position:relative;padding-bottom:15px}
.culture-section .section-title::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:50px;height:3px;background:var(--color);border-radius:2px}
.culture-intro{max-width:1200px;margin:30px auto 0;text-align:center}
.culture-intro p{font-size:18px;line-height:2;color:var(--summarycolor);margin-bottom:12px}
.culture-intro p:last-child{margin-bottom:0}
.culture-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px}
.culture-card{background:#fff;padding:50px 30px 40px;border-radius:12px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.06);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:1px solid #f0f0f0}
.culture-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--color),#ff6b5b);transform:scaleX(0);transition:transform .4s ease;transform-origin:left}
.culture-card::after{content:attr(data-num);position:absolute;top:15px;right:20px;font-size:60px;font-weight:800;color:rgba(206,32,14,.06);line-height:1;pointer-events:none}
.culture-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px rgba(206,32,14,.12);border-color:var(--color)}
.culture-card:hover::before{transform:scaleX(1)}
.culture-card .culture-icon{width:80px;height:80px;margin:0 auto 25px;background:linear-gradient(135deg,var(--color) 0%,#ff6b5b 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .4s ease;box-shadow:0 8px 20px rgba(206,32,14,.3)}
.culture-card:hover .culture-icon{transform:rotate(360deg) scale(1.05);box-shadow:0 10px 30px rgba(206,32,14,.4)}
.culture-card .culture-icon svg.icon{width:40px;height:40px;font-size:40px;color:#fff}
.culture-card h3{font-size:22px;font-weight:600;color:var(--fontcolor);margin-bottom:15px;position:relative;z-index:1}
.culture-card .culture-desc{font-size:14px;color:var(--summarycolor);line-height:1.8;position:relative;z-index:1}
.culture-card .culture-slogan{margin-top:20px;font-size:15px;color:var(--color);font-weight:600;padding-top:15px;border-top:1px dashed #eee;position:relative;z-index:1}
.products-section{background:#fff;}
.products-section .products-header{display:flex;align-items:center;justify-content:space-between}
.products-section .products-header .products-title-block{max-width:100%;margin: 0 auto;display: flex;flex-direction: column;align-items: center;}
.products-section .products-header .products-title-block .section-title{color:#000;text-align:left}
.products-section .products-header .products-title-block .section-subtitle{color:#999999;line-height:30px}
.products-section .products-grid{margin-top:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.products-section .products-grid .product-card{background:#FFF;border-radius:4px;position:relative;overflow:hidden}
.products-section .products-grid .product-card::before{content:"";position:absolute;top:0px;left:50%;transform:translateX(-50%);width:80%;height:4px;background:#d8d8d8;border-radius:2px;z-index:9;transition:all .1s linear}
.products-section .products-grid .product-card:hover::before{background:var(--color)}
.products-section .products-grid .product-card:hover .product-info .title-text{color:var(--color)}
.products-section .products-grid .product-card .product-image-link{display:block;width:100%;position:relative;z-index:1;overflow:hidden}
.products-section .products-grid .product-card:hover .product-image-link img{transform:scale(1.03)}
.products-section .products-grid .product-card .product-image-link img{max-width:100%;width:100%;height:auto;object-fit:cover;transition:transform .3s ease}
.products-section .products-grid .product-card .product-info{padding:20px;background-color: #f5f5f5;}
.products-section .products-grid .product-card .product-info .title-text{font-size:18px;font-weight:var(--fontblod5);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:15px}
.products-section .products-grid .product-card .product-info .desc-text{font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-bottom:20px;color:var(--summarycolor)}
.products-section .products-grid .product-card .product-info .btn-more{min-width:140px;height:44px}
.products-more{text-align:center;margin-top:4%;}
.section-subtitle{text-align: center;color: var(--summarycolor);margin-bottom: 3%;}

.application-section .section-subtitle{text-align:center;color:var(--summarycolor);margin-bottom:3%}
.application-section .application-scroll{margin-top:3%;overflow:visible;padding-bottom:0}
.application-section .application-track{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.application-section .application-card{width:auto;flex:none;background:#FFF;border-radius:6px;overflow:hidden;position:relative;box-shadow:0 3px 20px 0 rgba(188,188,188,.3);transition:all .3s ease}
.application-section .application-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px 0 rgba(188,188,188,.45)}
.application-section .application-card:hover .application-image-link img{transform:scale(1.05)}
.application-section .application-card .application-image-link{display:block;width:100%;position:relative;overflow:hidden;aspect-ratio:4/3}
.application-section .application-card .application-image-link img{max-width:100%;width:100%;height:100%;object-fit:cover;transition:transform .3s ease;display:block}
.application-section .application-card .application-overlay{position:absolute;left:0;bottom:0;width:100%;padding:14px 16px;background:linear-gradient(transparent,rgba(0,0,0,.75));text-align:center}
.application-section .application-card .application-overlay .application-name{font-size:17px;font-weight:var(--fontblod5);color:#FFF;transition:color .3s ease}
.friend-link-section{padding:3% 0px;background:#ffffff}
.friend-link-section .friend-link-header{text-align:left;margin-bottom:20px}
.friend-link-section .friend-link-header .section-title{font-size:28px;font-weight:var(--fontblod5);color:var(--fontcolor);margin-bottom:8px}
.friend-link-section .friend-link-header .section-subtitle{font-size:14px;color:var(--summarycolor);margin:0}
.friend-link-section .friend-links-list{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}
.friend-link-section .friend-link-item{font-size:14px;color:var(--fontcolor);text-decoration:none;transition:color .2s linear}
.friend-link-section .friend-link-item:hover{color:var(--color);text-decoration:underline}
.hot-products-section{background:#F4F4F4}
.hot-products-section #hotproswiper{margin-top:3%;padding-bottom:10px}
.hot-products-section .hot-products-wrapper .swiper-slide{width:23%;background:#FFF;border-radius:5px;overflow:hidden;border:1px solid #e5e8ed;display:flex;flex-direction:column}
.hot-products-section .hot-products-wrapper .swiper-slide:hover .product-image-link img{transform:scale(1.02)}
.hot-products-section .hot-products-wrapper .swiper-slide:hover .title-text{color:var(--color)}
.hot-products-section .hot-products-wrapper .swiper-slide .product-image-link{display:flex;align-items:center;justify-content:center;width:100%}
.hot-products-section .hot-products-wrapper .swiper-slide .product-image-link img{width:100%;height:100%;object-fit:cover}
.hot-products-section .hot-products-wrapper .swiper-slide .title-text{border-top:1px solid #e5e8ed;font-size:17px;font-weight:var(--fontblod5);color:var(--fontcolor);text-align:center;display:flex;align-items:center;justify-content:center;min-height:70px;padding:12px 15px}
.hot-products-section .hot-products-wrapper .swiper-slide .product-detail-link{display:block;text-align:center;font-size:14px;color:var(--color);font-weight:var(--fontblod5);padding:0 15px 18px;transition:color .2s linear}
.hot-products-section .hot-products-wrapper .swiper-slide .product-detail-link:hover{color:var(--fontcolor)}
.hot-products-section .hot-nav{display:flex;align-items:center;justify-content:center;margin-top:50px;display:none}
.hot-products-section .hot-nav .hot-next,
.hot-products-section .hot-nav .hot-prev{margin:0px 10px;width:49px;height:49px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;background:var(--color);border:2px solid var(--color);color:#FFF}
.hot-products-section .hot-nav .hot-next.swiper-button-disabled,
.hot-products-section .hot-nav .hot-prev.swiper-button-disabled{background:rgba(255,255,255,0);border:2px solid rgba(93,106,128,.3);color:#000}
.hot-products-section .hot-nav .hot-next svg.icon,
.hot-products-section .hot-nav .hot-prev svg.icon{font-size:18px;    width: 1.5rem;}
.news-section .news-layout{margin-top:2%;display:flex;gap:24px;align-items:stretch}
.news-section .news-slider-col{width:50%;flex-shrink:0}
.news-section .news-slider-col .swiper{border-radius:4px;overflow:hidden;height:auto}
.news-section .news-slider-col .swiper-wrapper{height:auto;align-items:flex-start}
.news-section .news-slider-col .swiper-slide{height:auto}
.news-section .news-slider-col .news-slide-link{position:relative;display:block;height:auto;background:#f5f5f5}
.news-section .news-slider-col .news-slide-link .news-date{position:absolute;top:0px;left:16px;width:54px;height:60px;background:#FFF;border-radius:0 0 3px 3px;border-top:2px solid var(--color);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;font-weight:var(--fontblod5);line-height:18px}
.news-section .news-slider-col .news-slide-link .news-date span:nth-child(1){font-size:22px;color:var(--fontcolor)}
.news-section .news-slider-col .news-slide-link .news-date span:nth-child(2){font-size:12px;color:var(--summarycolor)}
.news-section .news-slider-col .news-slide-link .news-date span:nth-child(3){font-size:11px;color:var(--summarycolor)}
.news-section .news-slider-col .news-slide-link img{width:100%;height:auto;display:block;max-height:none}
.news-section .news-slider-col .news-slide-title{position:absolute;left:0;bottom:0;width:100%;padding:12px 16px;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#FFF;font-size:16px;font-weight:var(--fontblod5);line-height:1.4;z-index:2;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.news-section .news-slider-col .news-pagination{bottom:12px;left:50%;transform:translateX(-50%);width:auto}
.news-section .news-slider-col .news-pagination .swiper-pagination-bullet{width:8px;height:8px;background:#FFF;opacity:.6;margin:0 4px}
.news-section .news-slider-col .news-pagination .swiper-pagination-bullet-active{background:var(--color);opacity:1}
.news-section .news-content-col{width:50%;display:flex;flex-direction:column}
.news-section .news-content-list{display:flex;flex-direction:column;gap:10px;height:100%}
.news-section .news-content-item{flex:1;background:#FFF;border-radius:4px;padding:14px 18px;box-shadow:0 1px 10px rgba(188,188,188,.15);border-left:2px solid transparent;transition:all .2s linear;display:flex;flex-direction:column;justify-content:center;cursor:pointer;min-height:0}
.news-section .news-content-item:hover,.news-section .news-content-item.active{border-left-color:var(--color);box-shadow:0 2px 16px rgba(188,188,188,.3)}
.news-section .news-content-item.active .news-content-title{color:var(--color)}
.news-section .news-content-item .news-content-date{font-size:12px;color:var(--summarycolor);margin-bottom:5px}
.news-section .news-content-item .news-content-title{font-size:16px;font-weight:var(--fontblod6);/*line-height:1.35;*/color:var(--fontcolor);display:block;margin-bottom:6px;transition:color .2s linear}
.news-section .news-content-item .news-content-title:hover{color:var(--color)}
.news-section .news-content-item .news-content-desc{font-size:14px;color:var(--summarycolor);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-section .news-content-item .news-content-more{display:inline-flex;align-items:center;font-size:13px;margin-top:8px;color:var(--color);line-height:1;font-weight:var(--fontblod5)}
.news-section .news-content-item .news-content-more svg.icon{margin-left:5px;font-size:11px;width:1rem}

.banner-section .banner-content{left:10%;bottom:30%}
.banner-section .banner-content .title-text{font-size:34px}

/* aos - 精简版: 仅保留实际使用的动画(fade-up/down/left/right, zoom-in)和duration/delay(600/100/200) */

/* === source: page === */
.page-banner .banner-image{width:100%;position:relative;overflow:hidden}
.page-banner .banner-image::after{position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,.7)}
.page-banner .banner-image img{width:100%}
.page-banner .breadcrumb{background:#EEE;padding:6px 0px}
.page-banner .breadcrumb .container{display:flex;align-items:center;justify-content:space-between}
.page-banner .breadcrumb .page-title{font-size:20px;text-transform:capitalize;font-weight:var(--fontblod5)}
.page-banner .breadcrumb .breadcrumb-path{font-size:14px}
.page-banner .breadcrumb .breadcrumb-path em{color:var(--color);margin-right:2px}
.page-banner .breadcrumb .breadcrumb-path a{transition:all 0.1s linear}
.page-banner .breadcrumb .breadcrumb-path a:hover{color:var(--color)}
.table-scroll{overflow-x:auto;width:100%}
table{border-collapse:collapse}
article{color:#333;font-size:16px}
article hr{height:0px;border:none;border-top:1px solid #DFDFDF;margin:1em 0px}
article a{color:var(--color);text-decoration:none}
article a:hover{text-decoration:underline}
table{border-collapse:collapse;width:100%}
table td{padding:6px 10px;border:1px solid #CCC}
table th{padding:12px 10px;border:1px solid #CCC;background:var(--summarycolor);color:#FFF}
table tr{background:#FFF}
table tr:nth-child(2n){background:#EFEFEF}
h4.heading-h4, h4.heading-h4-alt {clear:both;font-weight:var(--fontblod6)}
ul.ul-list, ul.ul-list-alt {clear:both;padding:10px 0px 10px 20px}
ul.ul-list li, ul.ul-list-alt li {list-style-type:disc;line-height:1.7}
ol.ul-list, ol.ul-list-alt {clear:both;padding:10px 0px 10px 30px}
ol.ul-list li, ol.ul-list-alt li {list-style-type:decimal;line-height:1.7}
.article-container{clear:both;margin:0px auto 30px;padding:0px 70px;max-width:1740px;line-height:1.6;box-sizing:border-box}
.article-links{clear:both;margin:0px auto 30px;padding:0px 70px;max-width:1740px;line-height:1.6;box-sizing:border-box}
.article-links a{text-decoration:underline}
.article-links a:hover{color:var(--color)}

.text-block{clear:both;margin:0px auto 15px;line-height:1.6}
.note-box{display:table;border:1px solid #A2A9B1;background-color:#F8F9FA;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.note-box ol{padding:0px 0px 0px 30px;counter-reset:item}
.note-box ol li{display:block;position:relative;list-style:none}
.note-box ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
.note-title{text-align:left;font-weight:700;margin:0px 0px 5px 0px;padding:0px 0px 0px 5px}
.anchor-offset{padding-top:100px;margin-top:-100px}
.info-box{display:table;border:1px solid #A2A9B1;background-color:#F8F9FA;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.info-box ol{padding:0px 0px 0px 30px;counter-reset:item}
.info-box ol li{display:block;position:relative;list-style:none}
.info-box ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
.inner-page-section{background:#ffffff;min-height:auto}
.inner-page-section.breadcrumbs-section{background:#FFF;border-bottom:1px solid #EEE}
.inner-page-section.breadcrumbs-section .page-content{padding:12px 0}
.inner-page-section .page-content{padding:40px 0 60px}
.sidebar-layout{display:flex;gap:30px;/*align-items:flex-start*/}
.sidebar{width:280px;flex-shrink:0}
.main-content{flex:1;min-width:0}
.breadcrumbs{display:flex;align-items:center;font-size:14px;color:var(--summarycolor)}
.breadcrumbs a{color:var(--summarycolor);transition:color .2s}
.breadcrumbs a:hover{color:var(--color)}
.breadcrumbs .breadcrumb-separator{margin:0 8px;color:#ccc}
.breadcrumbs .breadcrumb-current{color:var(--fontcolor);font-weight:var(--fontblod5)}
.page-content{padding:50px 0px 80px}
.about-main{min-height:60vh}
.about-main .page-content{padding:50px 0px 80px}
.about-content article{font-size:16px;line-height:2;color:#333}
.about-content article p{margin-bottom:1.5em;text-indent:2em}
.about-content article img{max-width:100%;height:auto;margin:20px auto;display:block}
.contact-content .feature-grid{margin-bottom:40px}
.contact-content .contact-section{margin-top:60px}
/* 联系我们左右布局 */
.contact-layout{display:flex;gap:40px;align-items:stretch;padding:50px 0}
.contact-info-side{flex:0 0 40%;background:linear-gradient(135deg,#fff5f4 0%,#fff 100%);border-radius:12px;padding:40px 35px;border:1px solid #f0f0f0}
.contact-info-header{margin-bottom:35px;padding-bottom:20px;border-bottom:2px solid var(--color)}
.contact-info-title{font-size:26px;font-weight:600;color:var(--fontcolor);margin-bottom:8px}
.contact-info-subtitle{font-size:14px;color:var(--summarycolor)}
.contact-info-list{display:flex;flex-direction:column;gap:25px}
.contact-info-item{display:flex;align-items:flex-start;gap:15px}
.contact-info-icon{flex-shrink:0;width:44px;height:44px;background:var(--color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}
.contact-info-icon svg.icon{width:20px;height:20px;font-size:20px}
.contact-info-text h4{font-size:15px;font-weight:600;color:var(--fontcolor);margin-bottom:5px}
.contact-info-text p{font-size:14px;color:var(--summarycolor);line-height:1.5}
.contact-info-text a{color:var(--summarycolor);transition:color .2s}
.contact-info-text a:hover{color:var(--color)}
.contact-form-side{flex:1;background:#fff;border-radius:12px;padding:40px 35px;box-shadow:0 4px 20px rgba(0,0,0,.06);border:1px solid #f0f0f0}
.contact-form-header{margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #eee}
.contact-form-header h3{font-size:22px;font-weight:600;color:var(--fontcolor);margin-bottom:6px}
.contact-form-header p{font-size:14px;color:var(--summarycolor)}
.contact-form-side .form-fields{display:flex;flex-direction:column;gap:0}
.contact-form-side .form-fields input{width:100%;height:48px;background:#f9f9f9;border:1px solid #e8e8e8;border-radius:6px;padding:0 15px;margin-bottom:15px;font-size:14px;transition:border-color .2s}
.contact-form-side .form-fields input:focus{border-color:var(--color);background:#fff}
.contact-form-side .form-fields textarea{width:100%;background:#f9f9f9;border:1px solid #e8e8e8;border-radius:6px;padding:12px 15px;margin-bottom:15px;font-size:14px;font-family:inherit;resize:none;min-height:120px;transition:border-color .2s}
.contact-form-side .form-fields textarea:focus{border-color:var(--color);background:#fff}
.contact-form-side .form-submit{width:100%;height:48px;background:var(--color);color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:600;text-transform:none;cursor:pointer;transition:background .2s}
.contact-form-side .form-submit:hover{background:#a0180b}
.page-banner .banner-image{max-height:450px;overflow:hidden}
.page-banner .banner-image img{width:100%;height:450px;object-fit:cover}
.page-banner .breadcrumb{background:#F5F5F5;padding:12px 0;border-bottom:1px solid #EEE}
.page-banner .breadcrumb .page-title{font-size:22px;font-weight:var(--fontblod5);color:var(--fontcolor)}
.page-banner .breadcrumb .breadcrumb-path{font-size:14px;color:var(--summarycolor)}
.page-banner .breadcrumb .breadcrumb-path a{color:var(--summarycolor);transition:color .2s}
.page-banner .breadcrumb .breadcrumb-path a:hover{color:var(--color)}
.page-tag{font-size:14px;font-weight:var(--fontblod5);color:var(--color);line-height:58px}
.main-title{font-size:30px;font-weight:var(--fontblod5);line-height:1.2;margin-bottom:20px}

.form-row-two{display:flex;gap:20px}
.form-row-two .form-field{flex:1}
.form-field{margin-bottom:15px}
.form-label{display:block;font-size:14px;font-weight:500;color:var(--fontcolor);margin-bottom:6px}
.form-label .required{color:var(--color)}
.form-field input,.form-field textarea{width:100%}
.form-field .error-border{border-color:var(--color)!important;box-shadow:0 0 0 3px rgba(206,32,14,.12);animation:formErrorShake .35s ease-in-out}
@keyframes formErrorShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}
.form-alert-box{position:fixed;top:30px;left:50%;transform:translateX(-50%) translateY(-120%);background:#fff;color:#333;border:1px solid rgba(0,0,0,.06);border-radius:10px;padding:16px 22px;display:flex;align-items:center;gap:12px;font-size:15px;z-index:99999;opacity:0;transition:all .35s cubic-bezier(.34,1.56,.64,1);max-width:90vw;box-shadow:0 16px 50px rgba(0,0,0,.18);border-left:4px solid var(--color);overflow:hidden}
.form-alert-box.form-alert-show{opacity:1;transform:translateX(-50%) translateY(0)}
.form-alert-box.success{border-left-color:#22c55e}
.form-alert-box.error{border-left-color:var(--color)}
.form-alert-box::after{content:"";position:absolute;bottom:0;left:0;height:3px;background:currentColor;opacity:.2;animation:formAlertProgress linear forwards}
.form-alert-box.form-alert-show::after{animation-duration:inherit}
@keyframes formAlertProgress{from{width:100%}to{width:0%}}
.form-alert-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--color);color:#fff;font-size:14px;font-weight:700;flex-shrink:0}
.form-alert-box.success .form-alert-icon{background:#22c55e}
.form-alert-box.error .form-alert-icon{background:var(--color)}
.form-alert-icon svg{width:16px;height:16px;display:block}
.form-alert-text{line-height:1.5;font-weight:500}
@media(max-width:768px){
.form-alert-box{top:20px;padding:13px 18px;font-size:14px;max-width:92vw}
.form-alert-icon{width:22px;height:22px;font-size:12px}
.form-alert-icon svg{width:14px;height:14px}
}

.grid-3{display:flex;flex-wrap:wrap;justify-content:space-between}
.grid-3 li{width:31%}
.grid-3 li .product-image-link{background:#F4F4F4;display:flex;align-items:center;justify-content:center;padding:2em 0px}
.grid-3 li .product-info{margin-top:20px}
.grid-3 li .product-info .title-text{font-size:20px;font-weight:var(--fontblod5);line-height:28px;margin-bottom:10px;color:var(--fontcolor)}
.section-heading{text-align:center;font-size:36px;font-weight:var(--fontblod5);line-height:28px}
.section-desc{color:var(--summarycolor);line-height:28px;max-width:1000px;margin:30px auto;text-align:center}
.grid-4{display:flex;flex-wrap:wrap;justify-content:space-between}
.grid-4 li{width:23%;background:#FFF;box-shadow:0 3px 35px 0 rgba(211,211,211,.56);position:relative}
.grid-4 li:hover::after{width:80%}
.grid-4 li::after{content:"";position:absolute;bottom:0px;left:50%;transform:translateX(-50%);width:0px;transition:all .1s linear;height:6px;background:#ce200e}
.grid-4 li .product-image-link img{width:100%}
.grid-4 li .product-info{text-align:center;position:relative;padding:50px 20px 20px}
.grid-4 li .product-info .card-title-block{width:86%;background:var(--color);color:#FFF;z-index:9;position:absolute;top:-50px;left:50%;transform:translateX(-50%);padding:16px 10px}
.grid-4 li .product-info .card-title-block .title-text{font-size:18px;font-weight:var(--fontblod5);line-height:28px}
.grid-4 li .product-info .social-links{display:flex;justify-content:center;margin-top:20px}
.grid-4 li .product-info .social-links a{width:56px;height:56px;background:rgba(0,146,255,0);border:2px solid #d6d6d6;display:flex;align-items:center;justify-content:center;text-decoration:none}
.grid-4 li .product-info .social-links a:hover em{color:var(--color)}
.grid-4 li .product-info .social-links a:nth-child(n+2){border-left:none}
.grid-4 li .product-info .social-links a em{color:var(--fontcolor)}

#history{height:100%}

#history .history-nav .history-prev,
#history .history-nav .history-prev.swiper-button-disabled,#history .history-nav .history-prev:hover,#history .history-nav .history-next.swiper-button-disabled,#history .history-nav .history-next:hover{background:#f2f2f2}
#history .history-nav .history-prev em,

.sidebar-box{width:100%;margin-bottom:24px;border-radius:8px;background:#FFF;border:1px solid #EFEFEF;box-shadow:0 2px 10px rgba(0,0,0,.04);overflow:hidden}
.sidebar-box.sidebar-box-variant{border:none}
.sidebar-box .search-input{width:100%;display:flex;height:50px}
.sidebar-box .search-input input{flex:1;background:#E7E7E7;border:none;outline:0;border:1px solid #E7E7E7;border-top-left-radius:3px;border-bottom-left-radius:3px;padding:0px 20px}
.sidebar-box .search-input input:focus{border-color:var(--color)}
.sidebar-box .search-input .search-button{width:50px;height:100%;background:var(--color);color:#FFF;display:flex;align-items:center;justify-content:center;border:none;outline:0;border-top-right-radius:3px;border-bottom-right-radius:3px}
.sidebar-box .search-input .search-button em{font-weight:var(--fontblod5);font-size:20px;cursor:pointer}
.sidebar-box .category-list{padding:10px 20px}
.sidebar-box .category-list>li{border-bottom:1px solid #F0F0F0;position:relative}
.sidebar-box .category-list>li:last-child{border-bottom:none}
.sidebar-box .category-list>li.is-open>a{color:var(--color)}
.sidebar-box .category-list>li.is-open>svg.icon{color:var(--color);transform:rotateX(180deg)}
.sidebar-box .category-list>li>a{padding-right:30px;height:48px;line-height:48px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:var(--fontcolor);font-weight:var(--fontblod5);transition:all .2s ease;font-size:15px}
.sidebar-box .category-list>li>a:hover{color:var(--color)}
.sidebar-box .category-list>li>svg.icon{position:absolute;right:0px;top:0px;width:30px;height:30px;font-size:14px;padding:9px 8px;box-sizing:content-box;cursor:pointer;color:#999;transition:color .2s ease,transform .2s ease}
.sidebar-box .category-list>li ul{display:none;padding-bottom:10px;padding-left:12px}
.sidebar-box .category-list>li ul li.is-open>a{color:var(--color)}
.sidebar-box .category-list>li ul a{display:block;padding:6px 0px;font-size:14px;color:var(--summarycolor)}
.sidebar-box .category-list>li ul a:hover{color:var(--color)}
.sidebar-box.feedback-form{background:url(../images/feedback.webp) no-repeat center;background-size:cover;padding:10px 0px 50px}
.sidebar-box.feedback-form .box-title{background:0 0;color:#FFF}
/* sidebar-cases 简约风格 */
.sidebar-box.sidebar-cases{border:1px solid #eee;border-radius:8px;overflow:hidden;background:#fff}
.sidebar-box.sidebar-cases .box-title{font-size:16px;font-weight:600;color:var(--fontcolor);padding:16px 18px;background:#fafafa;border-bottom:1px solid #eee;border-left:3px solid var(--color)}
.sidebar-box.sidebar-cases .category-list{padding:6px 0}
.sidebar-box.sidebar-cases .category-list>li{border-bottom:none;position:relative}
.sidebar-box.sidebar-cases .category-list>li>a{padding:0 18px;height:44px;line-height:44px;font-size:14px;border-radius:0;transition:all .15s ease;border-left:3px solid transparent}
.sidebar-box.sidebar-cases .category-list>li>a:hover{color:var(--color);background:#fff9f8;border-left-color:var(--color)}
.sidebar-box.sidebar-cases .category-list>li.active>a{color:var(--color);font-weight:600;background:#fff5f3;border-left-color:var(--color)}
.sidebar-box.sidebar-cases .category-list>li.active>svg.icon{color:var(--color)}
.sidebar-box.sidebar-cases .category-list>li.is-open>a{color:var(--color)}
.sidebar-box.sidebar-cases .category-list>li>svg.icon{width:30px;height:30px;font-size:13px;padding:8px;right:6px;top:7px;color:#bbb}
.sidebar-box.sidebar-cases .category-list>li>svg.icon:hover{color:var(--color)}
.sidebar-box.sidebar-cases .category-list>li ul{padding:0 0 4px 0}
.sidebar-box.sidebar-cases .category-list>li ul a{padding:9px 18px 9px 36px;font-size:13px;border-left:3px solid transparent;transition:all .15s ease}
.sidebar-box.sidebar-cases .category-list>li ul a:hover{color:var(--color);background:#fff9f8;border-left-color:#ddd}
.sidebar-box.sidebar-cases .category-list>li ul li.active>a{color:var(--color);font-weight:500;background:#fff5f3;border-left-color:var(--color)}
.sidebar-box.filter-sidebar .filter-grid{padding:20px;display:flex;flex-wrap:wrap}
.sidebar-box.filter-sidebar .filter-grid .filter-item{display:flex;align-items:center;margin-bottom:1em;width:33.33333%}
.sidebar-box.filter-sidebar .filter-grid .filter-item:hover .filter-image img{transform:scale(1.1)}
.sidebar-box.filter-sidebar .filter-grid .filter-item:hover .filter-info .filter-title{color:var(--color)}
.sidebar-box.filter-sidebar .filter-grid .filter-item:last-child{margin-bottom:0px}
.sidebar-box.filter-sidebar .filter-grid .filter-item .filter-image{width:120px;height:120px;background:#FFF;border:1px solid #ececec}
.sidebar-box.filter-sidebar .filter-grid .filter-item .filter-image img{transition:all .1s linear}
.sidebar-box.filter-sidebar .filter-grid .filter-item .filter-info{flex:1;padding-left:20px}
.sidebar-box.filter-sidebar .filter-grid .filter-item .filter-info .filter-title{font-weight:var(--fontblod5)}
.sidebar .sidebar-box.filter-sidebar .filter-grid .filter-item{width:100%}
.box-title{width:100%;height:56px;background:#F8F8F8;display:flex;align-items:center;font-size:18px;font-weight:var(--fontblod5);padding:0px 24px;text-transform:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #EFEFEF;position:relative}
.box-title::before{content:"";width:3px;height:18px;background:var(--color);margin-right:10px;border-radius:2px}
.content-title{font-size:26px;font-weight:var(--fontblod5);margin:0 0 24px;padding-bottom:14px;border-bottom:2px solid #EFEFEF;position:relative}
.content-title::after{content:"";position:absolute;left:0;bottom:-2px;width:50px;height:2px;background:var(--color)}

.product-list{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;list-style:none;padding:0;margin:0}
.product-list li{position:relative;background:#FFF;border-radius:8px;overflow:hidden;box-shadow:0 2px 15px rgba(0,0,0,.08);transition:all .3s ease;list-style:none}
.product-list li:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,.12)}
.product-list li .product-image-box{position:relative;width:100%;background:#F8F8F8;overflow:hidden}
.product-list li .product-image-box a{display:block;width:100%;border:none;border-radius:0}
.product-list li .product-image-box img{width:100%;height:auto;object-fit:cover;transition:transform .4s ease;display:block}
.product-list li:hover .product-image-box img{transform:scale(1.03)}
.product-list li .product-info-box{position:relative;padding:20px 24px 28px}
.product-list li .product-info-box .title-text{display:block;font-size:18px;font-weight:var(--fontblod5);color:var(--fontcolor);text-decoration:none;transition:color .3s;margin-bottom:8px}
.product-list li:hover .product-info-box .title-text{color:var(--color)}
.product-list li .product-info-box .desc-text{font-size:14px;color:var(--summarycolor);line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.product-list li .product-info-box .banner-more{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--summarycolor);text-decoration:none;transition:all .3s;padding:6px 0;justify-content: space-between;}
.product-list li:hover .product-info-box .banner-more{color:var(--color)}
.product-list li .product-info-box .banner-more svg.icon{font-size:14px;transition:transform .3s;width: 1.5rem;}
.product-list li:hover .product-info-box .banner-more svg.icon{transform:translateX(5px)}
.product-list.layout-list{display:flex;flex-direction:column}
.product-list.layout-list li{width:100%;display:flex;align-items:center}
.product-list.layout-list li .product-image-box{width:320px;flex-shrink:0}
.product-list.layout-list li .product-info-box{flex:1;padding:0 30px}
.pagination{display:flex;flex-wrap:wrap;justify-content:center;margin:50px 0px}
.pagination-numbered{margin-top:40px;text-align:center}
.pagination-numbered ul{list-style:none;padding:0;margin:0}
.pagination-numbered ul strong{color:var(--color);font-weight:var(--fontblod5)}
.text-block{margin-bottom:30px}
.text-block p{line-height:1.8;color:var(--summarycolor)}
.pagination.pagination-top{margin-top:20px}
.pagination>*{margin:5px;display:inline-flex;align-items:center;justify-content:center;min-width:51px;height:51px;transition:all .1s linear;background:#FAFAFA}
.pagination>.page-active{background:var(--color);color:#FFF}
.pagination a:hover{background:var(--color);color:#FFF}
.seo-box{background:#FFF;padding:10px;box-shadow:0 3px 10px 0 rgba(196,196,196,.35)}
.flex-wrap{display:flex;flex-wrap:wrap}
.product-gallery{width:50%;position:relative;margin-right:3%}
.gallery-main-image{width:450px;height:450px;margin-right:3%}
.gallery-main-image img{width:100%;height:100%;object-fit:cover}
.product-gallery #media{position:absolute;width:100%;height:450px;z-index:2}
.product-gallery .gallery-container{position:relative}
.product-gallery .gallery-container .features-list{border:1px solid #DFDFDF;position:relative;height:auto;}
.product-gallery .gallery-container img{width:100%;height:100%;object-fit:contain}
.product-gallery .gallery-container .video-caption{position:absolute;left:50%;transform:translateX(-50%);z-index:99;bottom:10px;background:rgba(0,0,0,.2);color:#FFF;width:95%;padding:0px 6px;line-height:34px;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;border-radius:30px;font-size:14px;display:none;text-transform:capitalize}

.product-gallery .gallery-container .video-play,.product-gallery .gallery-container .video-play-alt{position:absolute;top:0px;right:0px;z-index:99;width:40px;height:40px;background:rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;color:#FFF;font-size:22px;cursor:pointer}
.product-gallery .gallery-container .video-play,.product-gallery .gallery-container .video-play-alt{display:none}
.product-gallery .gallery-container .gallery-next,.product-gallery .gallery-container .gallery-prev{position:absolute;top:42%;transform:translateY(-50%);left:20px;width:42px;height:42px;background:rgba(0,0,0,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:98;cursor:pointer;transition:all .1s linear}
.product-gallery .gallery-container .gallery-next:hover,.product-gallery .gallery-container .gallery-prev:hover{box-shadow:1px 2px 10px rgba(0,0,0,.4)}
.product-gallery .gallery-container .gallery-next em,.product-gallery .gallery-container .gallery-prev em{color:#FFF}
.product-gallery .gallery-container .gallery-next{left:auto;right:20px}
.product-gallery .gallery-container .gallery-pagination{position:relative;bottom:0px;margin-top:20px;text-align:center}
.product-gallery .gallery-container .gallery-pagination .swiper-pagination-bullet{width:8px;height:8px;background:#aaadaf;margin:0px 10px;opacity:1;position:relative}
.product-gallery .gallery-container .gallery-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color)}
.product-gallery .gallery-container .gallery-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:15px;height:15px;border:1px solid var(--color);border-radius:50%}
.product-gallery .mobile-gallery-button{display:none}
.product-detail-info{flex:1;width: 47%;}
.product-detail-info .product-detail-title{font-weight:var(--fontblod5);font-size:24px;line-height:1.4;margin-bottom:20px}
.product-detail-info .product-detail-subtitle{color:var(--summarycolor);margin-bottom:10px}
.product-detail-desc{color:var(--summarycolor)}
.product-detail-info .price-box{margin-top:25px;border-bottom:1px solid #d7d7d7;padding-bottom:25px}
.product-detail-info .action-buttons{display:flex;flex-wrap:wrap;margin-top:30px}
.product-detail-info .action-buttons>*{width:25%;height:45px;background:rgba(51,51,51,0);border:1px solid #CCC;border-radius:3px;display:flex;align-items:center;justify-content:center;margin-bottom:1em;margin-right:20px;cursor:pointer;text-transform:uppercase;transition:all .1s linear;font-size:14px;font-weight:var(--fontblod5)}
.product-detail-info .action-buttons>*:hover{opacity:.9;border-color:var(--color);color:var(--color)}
.product-detail-info .action-buttons #A_DownLoadProduct{width:100%;text-align:center}
.product-detail-info .action-buttons .gallery-active{border-color:var(--color);color:var(--color)}
.product-detail-info .action-buttons .gallery-active em{margin-right:5px}
.product-detail-info .action-buttons .order-btn.accordion-active{background:var(--color);color:#FFF}
.product-detail-info .action-buttons .order-btn i{margin-left:5px}
.product-detail-info .downloads{margin-top:25px}
.product-detail-info .downloads .download-item{display:flex;align-items:center;margin-bottom:15px}
.product-detail-info .downloads .download-item:hover .download-icon{background:var(--color);color:#FFF}
.product-detail-info .downloads .download-item:hover p{color:var(--color)}
.product-detail-info .downloads .download-item .download-icon{width:38px;height:38px;background:#FFF;border:1px solid #ababab;display:flex;align-items:center;margin-right:20px;color:var(--summarycolor);padding:0px 10px;transition:all 0.1s linear}
.product-detail-info .downloads .download-item .download-icon svg.icon{font-size:14px}
.product-detail-info .downloads .download-item p{flex:1;height:38px;line-height:38px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.product-detail-info .downloads .download-item p a{display:block;width:100%;height:100%}
.tabs{margin-top:50px}
.tabs .tab-header{position:relative;margin-bottom:20px;border-bottom: 1px solid #d7d7d7;}
.tabs .tab-header::after{content:"";position:absolute;left:0px;bottom:0px;width:100%;height:2px;background:#EAEAEA;z-index:-1}
.tabs .tab-header span{width:184px;height:50px;background:var(--color);font-weight:var(--fontblod5);text-transform:uppercase;font-size:18px;color:#FFF;display:flex;align-items:center;justify-content:center}
.tab-content{margin-top:40px}
.banner-overlay{position:relative}
.banner-overlay img{width:100%}
.banner-overlay .case-overlay{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(-50%,-50%);width:100%;color:#FFF;text-align:center;font-size:18px}
.banner-overlay .case-overlay .banner-overlay-title{font-weight:var(--fontblod5);margin-bottom:15px;font-size:42px}
.section-heading-bar{width:100%;height:43px;margin-bottom:30px;display:flex;background-color:#EAEAEA;color:#FFF;position:relative}
.section-heading-bar h5{display:inline-block;background:var(--color);color:#FFF;margin:0px;padding:0px 30px 0px 20px;font-size:18px;position:relative;text-transform:uppercase;position:absolute;left:0px;top:50%;transform:translateY(-50%);height:54px;line-height:54px}
.section-heading-bar h5::after{content:"";display:block;width:26px;height:104%;background-color:#FFF;position:absolute;right:-15px;top:-1px;transform:skewX(18deg)}
.dot-list li{margin-bottom:20px}
.dot-list li .dot{color:#ce200e;font-weight:var(--fontblod5)}
.grid-2{display:flex;flex-wrap:wrap;justify-content:space-between}
.grid-2 .contact-item{width:48%;border-radius:6px;overflow:hidden;margin-bottom:20px}
.grid-2 .contact-item img{width:100%}
.about-feature{display:flex;align-items:center}
.about-feature .feature-image{width:45%}
.about-feature .feature-content{flex:1;padding-left:30px}
.about-feature .feature-content .title-text{display:flex;align-items:center;justify-content:space-between}
.about-feature .feature-content .title-text .feature-title{font-size:26px;font-weight:var(--fontblod5);position:relative;padding-bottom:10px}
.about-feature .feature-content .title-text .feature-title::after{content:"";position:absolute;left:0px;bottom:0px;background:var(--color);width:70px;height:3px}
.about-feature .feature-content .title-text .more-link{text-transform:uppercase;color:var(--color);font-weight:var(--fontblod5)}
.about-feature .feature-content .desc-text{margin-top:20px}

.centered-title .title-text{text-align:center;font-size:30px;font-weight:var(--fontblod5);margin-bottom:10px}
.centered-title .desc-text{text-align:center;margin-bottom:30px}

.news-small-list{padding:20px}
.news-small-list li{display:flex;align-items:center;margin-bottom:20px}
.news-small-list li:last-child{margin-bottom:0px}
.news-small-list li:hover .product-image-link img{transform:scale(1.05)}
.news-small-list li:hover .product-info .title-text{color:var(--color)}
.news-small-list li .product-image-link{width:110px;height:80px;background:#F3F3F3;border-radius:3px}
.news-small-list li .product-image-link img{width:100%;height:100%;object-fit:cover;transition:all .1s linear}
.news-small-list li .product-info{flex:1;padding-left:15px}
.news-small-list li .product-info .title-text{color:var(--fontcolor);font-weight:500;line-height:1.4}
.news-small-list li .product-info .news-date{color:var(--summarycolor);margin-top:5px;font-size:14px;display:flex;align-items:center}
.news-small-list li .product-info .news-date em{color:var(--color);margin-right:5px}
.news-small-list li .product-info .news-date svg.icon{font-size:14px;margin-right:5px;color:var(--summarycolor);width: 1rem;}
.tags{display:flex;flex-wrap:wrap;padding:30px 20px}
.tags a{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;margin-right:10px;margin-bottom:10px;background:#FFF;border:1px solid #E3E3E3;border-radius:3px;transition:all .1s linear}
.tags a:hover{background:var(--color);color:#FFF}
.news-list-text{margin-top:20px}
.news-list-text ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}
.news-list-text li{border-bottom:none;transition:all .3s ease}
.news-list-text .news-text-item{padding:22px 24px;background:#FFF;border-radius:8px;box-shadow:0 2px 12px 0 rgba(188,188,188,.18);display:flex;flex-direction:column;gap:10px;position:relative;border-left:4px solid #c1c1c1;transition:all .3s ease}
.news-list-text .news-text-item:hover{transform:translateY(-4px);box-shadow:0 8px 26px 0 rgba(188,188,188,.32);border-left-color:var(--color)}
.news-list-text .news-text-title{font-size:18px;font-weight:var(--fontblod5);color:var(--fontcolor);line-height:1.4;transition:color .2s ease}
.news-list-text .news-text-item:hover .news-text-title{color:var(--color)}
.news-list-text .news-text-desc{font-size:15px;color:var(--summarycolor);line-height:1.7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.news-list-text .news-text-date{display:inline-flex;align-items:center;width:fit-content;font-size:13px;color:#999;background:#F5F7FA;padding:5px 12px;border-radius:20px;margin-top:4px}
.news-list-text .news-text-date svg.icon{font-size:14px;margin-right:6px;color:#bbb;width: 1.2rem;}
.news-list-alt li{margin-bottom:4em}
.news-list-alt li:last-child{margin-bottom:0px}
.news-list-alt li:hover .news-image a::after{opacity:1}
.news-list-alt li:hover .news-info .title-text{color:var(--color)}
.news-list-alt li .news-image{position:relative}
.news-list-alt li .news-image a{border-radius:5px;overflow:hidden}
.news-list-alt li .news-image a::after{content:"";position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,.2);z-index:1;opacity:0;transition:all .1s linear}
.news-list-alt li .news-image img{width:100%;height:100%;transition:all .1s linear;object-fit:cover}
.news-list-alt li .news-image .news-date{position:absolute;left:20px;top:-20px;z-index:1;width:60px;height:90px;background:#FFF;border-radius:0 0 3px 3px;border-top:2px solid var(--color);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}
.news-list-alt li .news-image .news-date span{font-size:14px}
.news-list-alt li .news-image .news-date span:nth-child(1){line-height:1;font-size:26px;font-weight:var(--fontblod5)}
.news-list-alt li .news-info .title-text{color:#000;font-size:18px;font-weight:var(--fontblod5);line-height:1.2;margin-bottom:10px}
.news-list-alt li .news-info .desc-text{color:var(--summarycolor)}
.news-list-alt li .news-info .banner-more{display:inline-flex;align-items:center;margin-top:30px;color:#000;padding:6px 0px;border-radius:3px;transition:all .1s linear}
.news-list-alt li .news-info .banner-more em{margin-right:10px;background:var(--color);color:#FFF;border-radius:50%;width:20px;height:20px;font-size:12px;display:inline-flex;align-items:center;justify-content:center}
.news-list-alt li .news-info .banner-more svg.icon{margin-right:8px;background:var(--color);color:#FFF;border-radius:50%;width:20px;height:20px;font-size:12px;padding:4px;box-sizing:content-box}
.news-list-alt li:hover .news-info .banner-more svg.icon{background:#FFF;color:var(--color)}
.news-list-alt li:hover .news-info .banner-more{background:var(--color);color:#FFF;padding:6px 14px}
.news-list-alt li:hover .news-info .banner-more em{background:#FFF;color:var(--color)}
.news-list-alt.layout-grid-3 li{width:32%;margin-right:2%}
.news-list-alt.layout-grid-3 li:nth-child(3n){margin-right:0px}
.news-list-alt.layout-grid-3 li .news-info{padding:20px 0px}
.news-list-alt.layout-grid-3 li .news-image{width:100%;min-height:100px;background:#F3F3F3}
.news-list-alt.layout-list li{width:100%;display:flex;align-items:center}
.news-list-alt.layout-list li .news-image{width:300px}
.news-list-alt.layout-list li .news-info{flex:1;padding:0px 20px}
.news-title{font-size:28px;font-weight:var(--fontblod5);line-height:1.2}
.news-meta{display:flex;flex-wrap:wrap;align-items:center;padding:15px 0px;font-size:15px;color:var(--color)}
.news-meta span{margin-right:20px}
.news-meta span em{margin-right:5px}
.news-meta span svg.icon{font-size:14px;margin-right:5px;color:var(--summarycolor);width: 1rem;}
.news-article article{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #d6d6d6}
.news-article .price-box{justify-content:flex-end}
.prev-next{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:50px}
.prev-next .download-item{width:50%;display:flex}
.prev-next .download-item:hover .download-icon{background:var(--color);border-color:var(--color)}
.prev-next .download-item:hover .download-icon em{color:#FFF}
.prev-next .download-item:hover .prev-next-text{color:var(--color)}
.prev-next .download-item .download-icon{min-width:50px;height:50px;background:#FFF;border:2px solid #e6e6e6;border-radius:3px;display:flex;align-items:center;justify-content:center;transition:all .1s linear}
.prev-next .download-item .download-icon em{color:var(--fontcolor);font-size:18px}
.prev-next .download-item .download-icon svg.icon{font-size:18px;color:var(--fontcolor);width: 2rem;}
.prev-next .download-item .prev-next-text{flex:1;display:flex;align-items:center;padding:0px 20px}
.prev-next .download-item .prev-next-text a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.prev-next .download-item.prev .prev-next-text{justify-content:flex-start}
.prev-next .download-item.next .prev-next-text{justify-content:flex-end}
.inquiry-form{margin-top:50px}
.inquiry-form .inquiry-title{font-size:30px;font-weight:var(--fontblod5);margin-bottom:20px}
.inquiry-form .box-title{background:none;font-size:20px}
.inquiry-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.inquiry-list .contact-item{width:48%;margin-bottom:40px;display:flex;align-items:center;position:relative;padding:30px 0px}
.inquiry-list .contact-item:hover::before{background:var(--color)}
.inquiry-list .contact-item:hover .case-overlay{color:#FFF}
.inquiry-list .contact-item:hover .case-overlay .more-link{color:#FFF}
.inquiry-list .contact-item::before{content:"";position:absolute;left:0px;top:0px;width:70%;height:100%;background:#F4F4F4;z-index:-1;transition:all .1s linear}
.inquiry-list .contact-item .case-overlay{height:100%;width:48%;padding:20px 20px;display:flex;flex-direction:column;justify-content:space-between;text-align:right}
.inquiry-list .contact-item .case-overlay .title-text{font-size:20px;font-weight:var(--fontblod5);text-align:left}
.inquiry-list .contact-item .case-overlay .more-link{display:inline;color:var(--color);text-decoration:none}
.inquiry-list .contact-item .product-image-link{flex:1}
.inquiry-list .contact-item .product-image-link img{width:100%}
.feature-grid{display:flex;flex-wrap:wrap;justify-content:space-between}
.feature-grid .feature-card{width:29%;background:#FFF;box-shadow:0 1px 22px 7px rgba(198,198,198,.3);border-radius:5px;padding:30px;text-align:center;transition:all .1s linear}
.feature-grid .feature-card:hover{box-shadow:0 1px 22px 7px rgba(198,198,198,.5)}
.feature-grid .feature-card:hover img{transform:rotateY(180deg)}
.feature-grid .feature-card img{height:80px;transition:all .2s linear}
.feature-grid .feature-card .title-text{font-size:24px;font-weight:var(--fontblod5);color:#000;padding:20px 0px 10px}
.feature-grid .feature-card .desc-text,.feature-grid .feature-card a{color:var(--summarycolor)}
.contact-section{padding:50px 20px;position:relative;margin:80px 0px -80px}
.contact-section::before{content:"";position:absolute;left:50%;top:0px;transform:translateX(-50%);width:1920px;max-width:1920px;height:100%;background:url(../images/contact-bg.webp) no-repeat center;background-size:cover;z-index:-1}
.contact-section .inquiry-form{margin:0px}
.contact-section .inquiry-form .title-text{text-align:center;color:#FFF;font-size:36px;font-weight:var(--fontblod5)}
.contact-section .inquiry-form .section-subtitle{text-align:center;color:#FFF;margin-bottom:40px;position:relative;display:flex;align-items:center;justify-content:center}
.contact-section .inquiry-form .section-subtitle::after,.contact-section .inquiry-form .section-subtitle::before{content:"";display:inline-block;width:40px;height:1px;background:rgba(255,255,255,.5);margin:0px 10px}
.contact-section .inquiry-form .section-subtitle::after{left:auto;right:110%}
.download-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.download-list li{width:49%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;box-shadow:1px 2px 10px rgba(0,0,0,.1);transition:all .1s linear;padding:15px;margin-bottom:20px}
.download-list li:hover{box-shadow:1px 2px 10px rgba(0,0,0,.2)}
.download-list li .download-image{width:80px}
.download-list li .download-image img{width:100%}
.download-list li .download-content{flex:1;padding:0px 20px}
.download-list li .inquiry-button-alt{background:var(--color);display:flex;align-items:center;justify-content:center;color:#FFF;border-radius:4px;width:140px;height:36px;transition:all .2s linear;white-space:nowrap;overflow:hidden;padding:0px 10px}
.download-list li .inquiry-button-alt:hover{box-shadow:1px 2px 10px var(--color)}
.faq-list{display:flex;flex-wrap:wrap}
.faq-list li{width:23%;margin-right:2%;box-shadow:1px 2px 10px rgba(0,0,0,.05);transition:all .1s linear;margin-bottom:20px}
.faq-list li:hover{box-shadow:1px 2px 10px rgba(0,0,0,.15)}
.faq-list li:hover .faq-item .faq-title{color:var(--color)}
.faq-list li:nth-child(4n){margin-right:0px}
.faq-list li .faq-image{overflow:hidden}
.faq-list li .faq-image img{width:100%;transition:all .1s linear}
.faq-list li .faq-item{padding:15px}
.faq-list li .faq-item a{color:var(--fontcolortitle)}
.faq-list li .faq-item a .faq-title{font-size:18px;height:50px;font-weight:var(--fontblod5);margin-bottom:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.faq-list li .faq-item a .faq-content{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.faq-active li{width:100%;box-shadow:none;margin:0px}
.faq-active li:hover{box-shadow:none}
.faq-active li .faq-item{border-top:1px solid #edf2f7;padding:15px 0px}
.faq-active li .faq-item.tab-active .faq-title{color:var(--color)}
.faq-active li:hover .faq-item .faq-title{color:var(--fontcolor)}
.faq-active li:hover .faq-item.tab-active .faq-title{color:var(--color)}
.faq-active li .faq-item .faq-title{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:15px 0px;font-size:18px;font-weight:var(--fontblod5);position:relative;cursor:pointer}
.faq-active li .faq-item .faq-title svg.icon{font-size:22px;position:absolute;right:20px;top:50%;transform:translateY(-50%)}
.faq-active li .faq-item .faq-content{display:none;background:#f3f7fa;border-radius:5px;padding:20px}
.download-list-alt{margin:20px 0px}
.download-list-alt .download-item-alt{display:flex;align-items:center;box-shadow:1px 2px 10px rgba(0,0,0,.1);padding:20px}
.download-list-alt .download-item-alt:nth-child(n+2){margin-top:20px}
.download-list-alt .download-item-alt .inquiry-image{width:160px}
.download-list-alt .download-item-alt .inquiry-image img{border:1px solid #EEE}
.download-list-alt .download-item-alt .inquiry-info{flex:1;padding:0px 10px;color:#999}
.download-list-alt .download-item-alt .inquiry-info a{color:var(--color);font-size:18px;font-weight:var(--fontblod5)}
.download-list-alt .download-item-alt .download-remove{background:var(--color);margin-right:30px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#FFF;cursor:pointer;border-radius:4px;transition:all .2s linear}
.download-list-alt .download-item-alt .download-remove:hover{box-shadow:1px 2px 10px var(--color)}



/*分页*/
.principal-pages{padding:2% 0;}
.page a:nth-child(1) {display: none;}
.page {text-align: center;font-size: 16px;}
.page a {border:1px solid #ddd;display:inline-block;margin-right:6px;color: #707070;width:55px;height:34px;font:14px/34px arial;}
.page a:hover,.page a:active{background:#ce200e;color: #FFFFFF;text-decoration: none;}
.page .cur { background: #ce200e;border: 1px solid #ce200e;text-decoration: none;}
.page a.cur {color: #fff;}
.page .disabled {width: 79px;}
.page b{border: 1px solid #ddd;display: inline-block;margin-right: 6px;color: #ffffff;width: 55px;height: 34px;font: 14px/34px arial;    background-color: #ce200e;}


.product-container{padding:70px;}





/*产品详情页按钮*/
.action-btns{margin:20px 0;display:flex;gap:16px;flex-wrap:wrap;}
.action-btns a{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;font-size:16px;font-weight:600;border-radius:4px;text-decoration:none;transition:all 0.3s ease;cursor:pointer;width: 47%;}
.action-btns a svg{width:1.5rem;margin-right: 3%;}
.btn-download{background-color:#ce200e;color:#fff;/*border:2px solid #ff6a00;*/}
.btn-download:hover{background-color:#ce200e;border-color:#ce200e;}
.btn-consult{background-color:transparent;color:#ce200e;border:2px solid #ce200e;}
.btn-consult:hover{background-color:#ce200e;color:#fff;}

/*左侧联系方式*/
.sidebar-phone{padding:0!important;background:#fff!important;border-radius:12px;box-shadow:0 2px 16px rgba(0,0,0,.06);overflow:hidden}
.phone-card{display:flex;align-items:center;gap:14px;padding:18px 16px}
.phone-icon{flex-shrink:0;width:48px;height:48px;border-radius:50%;background:var(--color,#ce200e);display:flex;align-items:center;justify-content:center;color:#fff}
.phone-icon svg{width:24px;height:24px}
.phone-info{flex:1;min-width:0}
.phone-label{font-size:13px;color:#999;margin:0 0 4px;line-height:1.2}
.phone-number{display:block;font-size:22px;font-weight:700;color:var(--color,#ce200e);text-decoration:none;line-height:1.2;margin:0 0 4px;letter-spacing:.5px}
.phone-number:hover{opacity:.85}
.phone-hours{font-size:12px;color:#999;margin:0;line-height:1.2}
@media(max-width:480px){
.phone-card{padding:14px 12px;gap:12px}
.phone-icon{width:40px;height:40px}
.phone-icon svg{width:20px;height:20px}
.phone-number{font-size:18px}
}








/* all and (max-width:240px) */
@media all and (max-width:240px){
#toast-container>div{padding:8px 8px 8px 50px;width:11em}
#toast-container>div.rtl{padding:8px 50px 8px 8px}
#toast-container .toast-close-button{right:-.2em;top:-.2em}
#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}
}

/* (max-width:415px) */
@media (max-width:415px){
#toast-container>div{font-size:13px}
}

/* all and (min-width:241px) and (max-width:480px) */
@media all and (min-width:241px) and (max-width:480px){
#toast-container>div{padding:8px 8px 8px 50px;width:18em}
#toast-container>div.rtl{padding:8px 50px 8px 8px}
#toast-container .toast-close-button{right:-.2em;top:-.2em}
#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}
}

/* (max-width:500px) */
@media (max-width:500px){

.inquiry-form .form input{height:46px}

html{overflow-x:hidden}

.banner-section .banner-content{bottom:18%}
.banner-section .banner-content .title-text{font-size:18px}
.banner-section .banner-content .desc-text{font-size:13px;margin-top:8px}
.advantages-section .advantages-list li{width:48%;height:230px}
.advantages-section .advantages-list li .advantage-icon .title-text{padding:0px;font-size: 16px;}
.hot-products-section .hot-products-wrapper .swiper-slide .title-text{font-weight:400;font-size:16px}
.news-section .news-slider-col .news-slide-link{min-height:auto}
.news-section .news-slider-col .news-slide-link img{max-height:none}
.news-section .news-slider-col .news-slide-title{font-size:14px;padding:10px 12px;    line-height: 38.5px;}
.news-section .news-content-item{flex:1 1 100%;padding:12px 14px}
.news-section .news-content-item .news-content-title{font-size:14px}
.products-section .products-grid{grid-template-columns:1fr}
.application-section .application-track{/*grid-template-columns:1fr;*/gap:16px}
.application-section .application-card .application-overlay{padding:10px 12px}
.application-section .application-card .application-overlay .application-name{font-size:15px}
.news-section .news-slider-col .news-slide-link .news-date{height:60px}
.hot-products-section .hot-nav{margin-top:20px}
.advantages-section .advantages-list li .advantage-icon svg.icon{font-size:40px}
.products-section .products-grid .swiper-slide .product-info .btn-more{display:none}
.products-section .products-grid .swiper-slide .product-info .desc-text{margin-bottom:0px}

.product-gallery{width:100%}
.product-gallery .gallery-container .video-caption{padding-right:46px;display:-webkit-box}

.page-banner .banner-image{max-height:160px}
.product-list{gap:16px;grid-template-columns: repeat(2, 1fr);}
.product-list li .product-image-box img{height:auto;}
.product-list li .product-info-box{padding:14px 16px 20px}
.product-list li .product-info-box .title-text{font-size:16px}
.product-list li .product-info-box .desc-text{font-size:13px}
.product-list.layout-list li{flex-direction:column}
.product-list.layout-list li .product-image-box{width:100%}
.product-list.layout-list li .product-info-box{padding:14px 0 0}
.product-list.layout-list li .product-info-box .banner-more{margin-top:10px}
.product-gallery .gallery-container .features-list{/*height:calc(100vw - 30px);*/pointer-events:inherit;border:none}
.product-detail-info .downloads .download-item .download-icon{width:34px;height:34px;padding:0px 8px;margin-right:10px}
.product-detail-info .downloads .download-item .download-icon em{margin-right:6px}
.tabs{margin-top:30px}
.tabs .tab-header span{width:150px;height:45px;font-size:16px}
.section-heading-bar{height:35px}
.section-heading-bar h5{height:45px;line-height:45px}
.centered-title .title-text{font-size:22px}

.feature-grid .feature-card{width:100%;margin-bottom:20px}
.feature-grid .feature-card:last-child{margin-bottom:0px}
.about-feature .feature-content .title-text .feature-title{font-size:22px}
.contact-section{padding:40px 0px 20px;margin:40px 0px -30px}
.news-list-alt.layout-grid-3 li{width:100%}
.download-list-alt .download-item-alt .inquiry-info a{font-size:16px;font-weight:400}
.download-list-alt .download-item-alt .inquiry-image{width:25%}
.download-list-alt .download-item-alt .download-remove{margin-right:0px}
.feature-grid .feature-card img{height:54px}
.prev-next .download-item .download-icon{min-width:30px;height:30px}
.prev-next .download-item .prev-next-text{padding:0px 10px}
.sidebar-box.filter-sidebar{border:none}
.sidebar-box.filter-sidebar .filter-grid{padding:20px 0px}
.contact-section .inquiry-form .section-subtitle{margin-bottom:10px}
table td,table th{white-space:nowrap}

.about-intro-section,.culture-section{padding:40px 0}
.culture-card{padding:30px 20px}
.about-stats{flex-direction:column;gap:20px;padding:25px 15px}
.about-stats .stat-item{flex:0 0 100%}
.about-stats .stat-item::after{display:none!important}
.about-stats .stat-item:not(:last-child){padding-bottom:20px;border-bottom:1px dashed #eee}

.contact-info-side,.contact-form-side{padding:25px 20px}
.contact-info-item{gap:12px}
.contact-info-icon{width:38px;height:38px}
.contact-info-icon svg.icon{width:18px;height:18px;font-size:18px}
}

/* (max-width:768px) */
@media (max-width:768px){
:root{--hometitle:24px}

iframe,video{min-height:240px}

.cart-panel{width:100%;bottom:calc(55px + constant(safe-area-inset-bottom));bottom:calc(55px + env(safe-area-inset-bottom))}

footer .footer-top{padding:30px 0px 0px}
footer .footer-column{width:100%!important}
.footer-column.footer-qr-column .footer-title{display:none}
footer .footer-qr{display:none}
footer .footer-contact-column .footer-contact-phone .case-overlay a:nth-child(2){font-weight:400;font-size:22px}
footer .footer-copyright{padding:10px 15px}
footer .footer-social{margin-top:10px}

#toast-container>div{font-size:15px;opacity:1}

.icon-204{width:30px;height:30px}

.side-service {
        display: none
    }

.banner-next,.banner-prev{display:none}
.banner-section .swiper{height:195px;}
.banner-section .swiper-slide{height:auto;max-height:70vh;position:relative}
.banner-section .swiper-slide img{width:100%;height:100%;object-fit:cover;display:block}
.banner-section .banner-image-pc{display:none}
.banner-section .banner-image-pc img{display:none}
.banner-section .banner-image-mobile{display:block;height:100%}
.banner-section .banner-image-mobile img{display:block;height:100%}

.about-section,.advantages-section,.hot-products-section,.products-section,.news-section,.application-section{padding:24px 0px}
.banner-section .banner-content{width:100%;left:0px;bottom:38%;padding:0px 15px;text-align:center}
.banner-section .banner-content .title-text{font-size:18px;line-height:1.3}
.banner-section .banner-content .desc-text{font-size:12px;margin-top:10px}
.banner-section .banner-content .banner-more{display:none}
.banner-section .banner-pagination{bottom:12px}
.banner-section .swiper-pagination-bullet{width:24px;height:4px}
.advantages-section::before{height:80%}
.advantages-section .advantages-list li{width:48%;margin-bottom:20px}
.about-section .container .about-video{width:100%}
.about-section .container .about-content{padding:0px;margin-top:20px}
.products-section .products-grid{grid-template-columns:repeat(1,1fr)}
.application-section .application-track{grid-template-columns:repeat(2,1fr);gap:16px}
.application-section .application-card .application-overlay{padding:12px 14px}
.hot-products-section .hot-nav .hot-next,.hot-products-section .hot-nav .hot-prev{width:40px;height:40px}

.page-banner .banner-image img{height:100%;}
.page-banner .banner-image{max-height:200px}
.page-banner .breadcrumb .page-title{display:none}
.page-content{padding:15px 0px 30px}
.main-title{font-size:22px}

.grid-3 li{width:100%;margin-bottom:20px}
.grid-4 li{width:100%}
.grid-4 li .product-info .social-links a{width:40px;height:40px}

.content-title{font-size:20px;margin-bottom:15px}
.product-list{grid-template-columns:repeat(2,1fr);gap:20px}
.product-list li .product-image-box img{height:200px}
.product-list.layout-list li{flex-direction:column}
.product-list.layout-list li .product-image-box{width:100%}
.product-list.layout-list li .product-info-box{padding:16px 0 0}
.banner-overlay{height:300px}
.banner-overlay img{width:100%;height:100%;object-fit:cover}
.banner-overlay .case-overlay .banner-overlay-title{font-size:30px}
.about-feature{flex-wrap:wrap}
.about-feature .feature-image{width:100%}
.about-feature .feature-image img{width:100%}
.about-feature .feature-content{padding-left:0px;padding-top:30px}

.news-list-alt.layout-list li .news-image{width:40%}
.inquiry-list .contact-item{width:100%;padding:10px 0px}
.inquiry-list .contact-item .case-overlay{width:60%}
.inquiry-list .contact-item .case-overlay .title-text{font-size:16px}
.news-list-alt li{margin-bottom:2em}
.news-list-alt li .news-info .title-text{font-size:18px;display:block}
.news-list-alt li .news-info .banner-more{margin-top:0px}
.news-list-alt li .news-image .news-date{height:60px}
.news-list-alt li .news-image .news-date span:nth-child(3){display:none}
.news-list-alt li:hover .news-info .banner-more{background:0 0;color:#000}
.news-list-alt li:hover .news-info .banner-more em{background:var(--color);color:#FFF}
.news-title{font-size:22px}
.news-list-alt.layout-grid-3{justify-content:space-between}
.news-list-alt.layout-grid-3 li{width:49%;margin-right:0px}
.news-list-alt.layout-list li .news-info .desc-text{display:none}
.product-gallery #media{height:100%}
.gallery-main-image{width:100%;height:calc(100vw - 30px);margin-right:0px}
.download-list li{width:100%}
.download-list li .download-content{padding:0px 10px}
.download-list li .inquiry-button-alt{width:100px}
.sidebar{display:none}
.sidebar-layout{flex-direction:column;gap:20px}
.breadcrumbs{font-size:12px;flex-wrap:wrap}
.inner-page-section .page-content{padding:20px 0 40px}
.content-title{font-size:18px;margin-bottom:12px}
.product-list{grid-template-columns:repeat(2,1fr);gap:16px}
.product-list li .product-image-box img{height:160px}
.product-list li .product-info-box{padding:14px 16px 20px}
.product-list li .product-info-box .title-text{font-size:16px}
.product-list li .product-info-box .desc-text{font-size:13px}
.product-list.layout-list li{flex-direction:column}
.product-list.layout-list li .product-image-box{width:100%}
.product-list.layout-list li .product-info-box{padding:14px 0 0}

.about-intro-section,.culture-section{padding:50px 0}
.about-intro-content{margin-top:30px}
.about-stats{flex-wrap:wrap;gap:15px;padding:30px 20px;margin-top:40px}
.about-stats .stat-item{flex:0 0 45%}
.about-stats .stat-item:nth-child(2)::after{display:none}
.about-stats .stat-item .stat-num{font-size:28px}
.about-stats .stat-item .stat-num span{font-size:13px}
.culture-list{grid-template-columns:1fr;gap:20px;margin-top:30px}
.culture-card{padding:35px 25px}
.culture-card .culture-icon{width:64px;height:64px;margin-bottom:20px}
.culture-card .culture-icon svg.icon{width:32px;height:32px;font-size:32px}
.culture-card h3{font-size:20px}
.culture-card::after{font-size:48px}

.contact-layout{flex-direction:column;gap:25px;padding:30px 0}
.contact-info-side{flex:0 0 100%;padding:30px 25px}
.contact-form-side{padding:30px 25px}
.contact-info-title{font-size:22px}
}

/* all and (min-width:481px) and (max-width:768px) */
@media all and (min-width:481px) and (max-width:768px){
#toast-container>div{padding:15px 15px 15px 50px;width:25em}
#toast-container>div.rtl{padding:15px 50px 15px 15px}
}

/* (max-width:1024px) */
@media (max-width:1024px){
.inquiry-form .form input{width:100%;margin-right:0}
.inquiry-form .form .form-submit{width:180px;height:48px;margin-top:10px}

.form input{width:100% !important;height:44px}
.form .form-submit{height:45px}
.form .verification-code{max-width:100%}
.form .form-select{width:100%;margin-right:0}

.form-variant .form .form-select{width:100% !important}

:root{--hometitle:28px}

.container{padding:0px 15px}
.language-switcher{margin-left:auto;margin-right:10px;transition:all .2s linear}
.language-dropdown.language-dropdown-wide{right:auto;left:50%;transform:translateX(-50%);top:60px!important;position:fixed;width:calc(100vw - 20px)}
.language-dropdown.language-dropdown-wide.is-open{top:54px!important}
.language-dropdown-wide .language-list{width:100%}
.language-dropdown.language-dropdown-wide .dropdown-arrow{left:80%}
.language-current span{display:none}
.language-current>img{width:36px;height:24px}
.language-dropdown{display:none}
.language-dropdown.is-open{display:block}

footer .footer-social ul{max-width:100%}

body{padding-top:55px}
.search-toggle{display:none}
.search-box{margin:10px 0px;display:block;position:static;opacity:1;transform:none;visibility:inherit;display:flex;align-items:center;width:100%;box-shadow:none;border:1px solid #c2c2c2;border-radius:4px;overflow:hidden}
.search-box input{flex:1}
header.is-scrolled .header-main{height:55px}
header .header-main .logo img{max-width:300px;max-height:45px}
header.is-scrolled .header-main .nav-area{top:59px;height:calc(100vh - 59px)}
header .top-bar{font-size:14px;height:30px;position:static;transition:all .2s linear;display:none}
header .header-main{height:55px}
header .header-main .logo{max-width:inherit}
header .header-main .nav-area{background:#FFF;width:100%;height:calc(100vh - 55px);padding:0;position:fixed;left:0px;top:55px;transition:opacity .25s ease,visibility .25s ease,transform .25s ease;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(-20px);z-index:999;pointer-events:none;-webkit-overflow-scrolling:touch;box-shadow:0 8px 30px rgba(0,0,0,.12);border-top:3px solid var(--color)}
header .header-main .nav-area.nav-open{opacity:1;visibility:inherit;transform:translateY(0);pointer-events:auto}
header .header-main .nav-area .nav-list{width:100%;flex:1;display:block;overflow-y:auto;padding:8px 18px 20px;-webkit-overflow-scrolling:touch}
header .header-main .nav-area .nav-list>li{height:auto;border-bottom:1px solid #f0f0f0}
header .header-main .nav-area .nav-list>li:hover>a,header .header-main .nav-area .nav-list>li:hover>svg.icon{color:inherit}
header .header-main .nav-area .nav-list>li:hover .submenu{opacity:inherit;visibility:inherit;transform:inherit;transform:none}
header .header-main .nav-area .nav-list>li.is-expanded>a{color:var(--color);font-weight:600}
header .header-main .nav-area .nav-list>li.is-expanded>svg.icon{color:var(--color);transform:rotateX(180deg)}
header .header-main .nav-area .nav-list>li>svg.icon{width:14px;height:14px;top:20px;right:0px;font-size:18px;padding:0;cursor:pointer;transition:color .2s ease,transform .2s ease;transform:none;touch-action:manipulation;color:var(--fontcolor);box-sizing:content-box}
header .header-main .nav-area .nav-list>li>a{padding:15px 0;height:auto;justify-content:flex-start;font-size:16px;font-weight:500;touch-action:manipulation;letter-spacing:.3px}
header .header-main .nav-area .nav-list>li>a::after{content:none}
header .header-main .nav-area .nav-list>li .submenu{display:none;opacity:1;visibility:inherit;position:static;transform:none;box-shadow:none;transition:none;padding-left:12px;min-width:inherit;background:#fafafa;border-radius:6px;margin:2px 0 10px}
header .header-main .nav-area .nav-list>li.is-expanded > .submenu{display:block!important}
header .header-main .nav-area .nav-list>li .submenu li{height:auto;position:relative;display:flex;align-items:center;flex-wrap:wrap}
header .header-main .nav-area .nav-list>li .submenu li:hover{background:0 0}
header .header-main .nav-area .nav-list>li .submenu li a{border:none;font-weight:400;padding:11px 12px 11px 8px;touch-action:manipulation;flex:1;font-size:14px;color:#555}
header .header-main .nav-area .nav-list>li .submenu li svg.icon{width:14px;height:14px;position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:14px;padding:0;cursor:pointer;z-index:10;touch-action:manipulation;color:#999;transition:color .2s ease,transform .2s ease;flex-shrink:0}
header .header-main .nav-area .nav-list .submenu-item.is-expanded > svg.icon{color:var(--color);transform:translateY(-50%) rotateX(180deg)!important}
header .header-main .nav-area .nav-list>li .submenu li ul{display:none;position:static;width:100%;padding:2px 0 6px 10px;margin:0 0 0 8px;box-shadow:none;background:transparent;border-left:2px solid #eee}
header .header-main .nav-area .nav-list>li .submenu li:hover ul{position:static;left:auto;top:auto;width:100%;padding:2px 0 6px 10px;margin:0 0 0 8px;box-shadow:none;background:transparent;min-width:inherit;border-left:2px solid #eee}
header .header-main .nav-area .nav-list .submenu-item.is-expanded > ul{display:block!important}
header .header-main .nav-area .nav-list>li .submenu li ul li{white-space:normal;padding:0;height:auto;border:none;width:100%}
header .header-main .nav-area .nav-list>li .submenu li ul li a{display:block;padding:7px 0 7px 10px;font-size:13px;height:auto;opacity:.75;flex:none;width:100%;color:#666}
.header-action{height:auto;width:auto;z-index:1000;padding:15px 18px 20px;margin-top:auto}
.header-action .header-cta-btn{display:block;width:100%;text-align:center;padding:12px 20px;background:var(--color);color:#FFF;border-radius:4px;font-size:16px;font-weight:500}
.header-action input{flex:1}
html.is-locked{overflow:hidden;height:100%}
html.is-locked body{position:relative}
html.is-locked body::before{content:"";position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:998;pointer-events:none}
.menu-toggle{display:block;position:relative;width:44px;height:44px;cursor:pointer;z-index:1000;touch-action:manipulation}
.header-action, .menu-toggle{position:relative}
.menu-toggle span{position:absolute;background:var(--color);width:30px;height:3px;border-radius:4px;right:0px;transition:all .2s linear}
.menu-toggle span:nth-child(1){top:25%}
.menu-toggle span:nth-child(2){top:48%}
.menu-toggle span:nth-child(3){top:73%}
.menu-toggle.back-to-top-active span{top:48%;width:32px}
.menu-toggle.back-to-top-active span:nth-child(1){transform:rotate(45deg)}
.menu-toggle.back-to-top-active span:nth-child(2){width:0px}
.menu-toggle.back-to-top-active span:nth-child(3){transform:rotate(-45deg)}
/* footer{margin-bottom:calc(55px + constant(safe-area-inset-bottom));margin-bottom:calc(55px + env(safe-area-inset-bottom))} */
footer .footer-column{width:100%!important;margin-bottom:20px;}
.footer-qr-column{display: none;}
.footer-nav-column{display: none;}
.footer-products-column{display: none;}
.mobile-nav{position:fixed;bottom:0px;transform:translateY(60px);background:#FCFCFCFB;display:flex;align-items:center;width:100%;z-index:99;box-shadow:1px 2px 10px rgba(0,0,0,.1);transition:all .2s linear;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);opacity:0;visibility:hidden}
.mobile-nav.is-visible{transform:translateY(0);opacity:1;visibility:inherit}
.mobile-nav.is-force-visible{transform:translateY(0)!important;opacity:1;visibility:inherit}
.mobile-nav .mobile-nav-item a{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#222}
.mobile-nav .mobile-nav-item svg.icon{font-size:22px}
.mobile-nav .mobile-nav-item p{font-size:12px;text-transform:capitalize}
.back-to-top{display:none}
.mobile-nav .mobile-nav-item{width:20%;position:relative;height:55px}
.mobile-nav .mobile-nav-item .back-to-top{display:flex;width:35px;height:35px;position:absolute;left:50%;top:50%;box-shadow:none;transform:translate(-50%,-50%);color:#FFF;opacity:1;visibility:inherit;border:1px solid #ccc}
.mobile-nav .mobile-nav-item .back-to-top:hover{background:none}
.mobile-nav .mobile-nav-item .back-to-top svg.icon{font-size:16px;color:#000}

.btn-more{min-width:150px;height:46px}
.advantages-section::before{height:400px}
.advantages-section .advantages-list li{padding:20px 10px}
.about-section .container .about-content .about-desc{margin:20px 0px}
.about-section .container .about-content .features-list li{width:100%}
.about-section .container .about-content .features-list li .desc-text{margin:0px 0px 20px}
.about-section .container .about-content .btn-more{margin-top:10px}
.products-section .products-grid .product-card .product-info .btn-more{height:44px}
.products-section .products-grid .product-card .product-info .title-text{margin-bottom:10px}
.news-section .news-layout{flex-direction:column;gap:20px}
.news-section .news-slider-col{width:100%}
.news-section .news-slider-col .news-slide-link{min-height:auto}
.news-section .news-slider-col .news-slide-link img{max-height:none}
.news-section .news-content-col{width:100%}
.news-section .news-content-list{flex-direction:row;flex-wrap:wrap;gap:12px}
.news-section .news-content-item{flex:1 1 calc(50% - 6px);min-width:240px;padding:12px 14px}
.application-section .application-track{grid-template-columns:repeat(2,1fr);gap:20px}
.application-section .application-card .application-image-link{aspect-ratio:4/3}
.application-section .application-card .application-overlay .application-name{font-size:16px}

.article-container{clear:both;margin:0px auto 30px;padding:0px 15px}
.article-links{clear:both;margin:0px auto 20px;padding:0px 15px}

.main-content{padding-left:0px}
.page-banner .banner-image{max-height:350px;height: 200px;}
.breadcrumb{display:none;}
.page-banner .banner-image img{width:100%;height:100%;object-fit:cover}
.main-title{font-size:26px}
.grid-4 li{width:48%;margin-bottom:20px}
.sidebar{display:none}
.sidebar-layout{flex-direction:column}
.product-gallery{width:100%;margin-right:0px}
.product-gallery .mobile-gallery-button{display:block;position:absolute;right:9px;bottom:10px;background:var(--color);color:#FFF;border-radius:30px;padding:4px 10px;z-index:9}
.product-gallery .gallery-container .gallery-pagination{margin-top:10px;display:none}
.product-gallery .gallery-container .gallery-next,.product-gallery .gallery-container .gallery-prev{display:none !important}
.product-detail-info{width:100%;padding-top:15px}
.news-title{font-size:25px}
.video-play-button{width:50px;height:50px;line-height:50px}
.video-play-button svg.icon{font-size:30px}
.contact-section::before{width:calc(100% + 30px)}
.sidebar{width:220px}
.product-list{grid-template-columns:repeat(2,1fr);gap:18px}
.product-list li .product-image-box img{height:auto}
.breadcrumbs{font-size:13px}
.breadcrumbs-section{padding:10px 0}
.inner-page-section .page-content{padding:30px 0 50px}

.about-intro-content{flex-direction:column;gap:30px}
.about-intro-content .about-intro-video,.about-intro-content .about-intro-text{width:100%}
.culture-list{grid-template-columns:repeat(1,1fr);gap:20px}
}

/* (max-width:1280px) */
@media (max-width:1280px){
:root{--hometitle:34px}
.section-title{font-size:30px;}
header .header-main .nav-area .nav-list>li>a{padding:20px 15px}
header .header-main .nav-area .nav-list>li>svg.icon{right:15px}

.about-section .container .about-content .about-desc{margin:30px 0px}
.hot-products-section .hot-products-wrapper .swiper-slide .title-text{height:70px;line-height:1.4}

.product-detail-info .product-detail-title{font-size:22px}

.container{padding:0px 10px}
html{overflow-x:hidden}
img,iframe,video{max-width:100%}


.product-container{padding:0px 10px 20px;}

}

/* (max-width:1300px) */
@media (max-width:1300px){
        /*.product-gallery .gallery-container .features-list{height:500px;}*/
.sidebar{width:250px}
.product-list{grid-template-columns:repeat(2,1fr);gap:20px}
}
/* (max-width:1300px) */
@media (max-width:1460px){
    
     /*.product-gallery .gallery-container .features-list{height:500px;}*/
    
}
/* (max-width:1500px) */
@media (max-width:1500px){
.product-detail-info .action-buttons{justify-content:space-between}
.product-detail-info .action-buttons>*{width:48%;margin-right:0px}
}



    

/* (min-width:1025px) */
@media (min-width:1025px){
    
[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}
[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}
[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}
[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}
[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}
[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}
[data-aos=fade-up]{transform:translate3d(0,100px,0)}
[data-aos=fade-down]{transform:translate3d(0,-100px,0)}
[data-aos=fade-right]{transform:translate3d(-100px,0,0)}
[data-aos=fade-left]{transform:translate3d(100px,0,0)}
[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}
[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}
[data-aos=zoom-in]{transform:scale(.6)}
}