body,h1,h2,h3,h4,h5,h6,html,li,p,ul{margin:0;padding:0}*,:after,:before{border-style:solid;border-width:0;box-sizing:border-box}html{font-size:62.5%}body{font-family:Noto Sans SC,Microsoft Yahei,微软雅黑,Hiragino Sans GB,PingFang SC,sans-serif;font-size:1.6rem}@media screen and (max-width:767px){body{font-size:1.4rem}}.serif{font-family:"Noto Serif SC",KaiTi,STKaiti,Microsoft Yahei,微软雅黑,Hiragino Sans GB,PingFang SC,sans-serif}main{color:var(--color-text);margin:0 auto;padding-top:84px}a{background-color:transparent;color:inherit;text-decoration:none}ol,ul{list-style:none;margin:0;padding:0}a img{transition:all .3s}img{max-width:100%}.flex{display:flex}.container{max-width:1215px}@media screen and (max-width:767px){.container{max-width:100%}.container,.mg_auto.container{margin:10px 30px}}.mg_auto{margin:0 auto}.text_center{text-align:center}button{cursor:pointer}.btn{align-items:center;background-color:var(--color-border-main);border:1px solid var(--color-border-main);border-radius:70px;color:var(--color-white);display:flex;font-size:2.2rem;gap:4px;justify-content:center;line-height:80px;text-align:center;transition:all .3s;width:300px}@media screen and (max-width:767px){.btn{font-size:1.4rem;height:45px;line-height:45px;max-width:200px;width:100%}}.btn:hover{background-color:var(--color-white);color:var(--color-border-main)}.btn:hover svg path{fill:var(--color-border-main)}.titlebox{background-image:url(../images/products/mv.png);background-size:cover;padding:60px 0}@media screen and (max-width:767px){.titlebox{padding:30px 0}}.titlebox svg path{fill:var(--color-main)}.titlebox h2>span{font-weight:700;line-height:1}.titlebox h2.img{align-items:center;display:flex;flex-direction:column;font-size:28px;gap:20px}@media screen and (max-width:767px){.titlebox h2 svg{height:26px;width:26px}.titlebox h2.img{font-size:16px;gap:8px}}h2{color:var(--color-main);font-size:3.2rem;font-weight:400;letter-spacing:.1em;line-height:4.4rem}@media screen and (max-width:767px){h2{font-size:2.4rem;letter-spacing:.1em;line-height:3.6rem}}p{color:var(--color-text);font-size:1.8rem;line-height:3.2rem}@media screen and (max-width:767px){p{font-size:1.4rem;line-height:2rem}}header{background-color:var(--color-white);height:84px;position:fixed;top:0;width:100%;z-index:100}a:hover img{opacity:.6}.header{align-items:center;display:flex;height:84px;justify-content:space-between;padding:0}.header .logo img{max-width:70px}.header_title{margin-left:20px}@media screen and (max-width:767px){.header .logo img{max-width:35px}}.header_lt{align-items:center;padding-left:60px}@media screen and (max-width:767px){.header_lt{padding-left:20px}}.header_rt,.header_rt nav{align-items:center;display:flex}.header_rt nav{font-size:1.4rem;gap:1.4vw;line-height:1;margin-right:1.4vw}@media screen and (max-width:767px){.header_rt nav{display:none}}.header_rt nav a{align-items:center;display:flex;height:84px}.header_rt nav a:hover{text-decoration:underline}.search-box{border-bottom:1px solid var(--color-border-main);display:flex;margin-right:2.1vw}.search-box svg path{fill:var(--color-main)}@media screen and (max-width:767px){.search-box{display:none}.search-box svg{margin-left:18px;margin-right:18px}.search-box svg path{fill:var(--color-border-main)}}.btn-search{background-color:#eee;background:url(../images/common/icon_search.png) no-repeat 50%/contain;border:none;cursor:pointer;width:23px}.search-box input{border:0;font-size:1.4rem;font-size:1.6rem;height:30px;outline:none}.simple_btn{background-color:var(--color-white);border:1px solid var(--color-main);color:var(--color-border-main);display:inline-block;font-size:1.8rem;line-height:1;margin-top:40px;padding:12px 60px;transition:all .3s}@media screen and (max-width:767px){.simple_btn{font-size:1.4rem}}.simple_btn:hover{background-color:var(--color-main);border:1px solid var(--color-main);color:var(--color-white)}@media screen and (max-width:767px){footer{padding-bottom:60px}}footer .contact{background-image:url(../images/home/contact_bg.jpg);background-size:cover;padding:140px 0;text-align:center}footer .contact h2.img svg path{fill:var(--color-main)}@media screen and (max-width:767px){footer .contact{padding:30px}footer .contact h2.img>svg{max-width:132px}}footer .contact p{margin-top:40px}@media screen and (max-width:767px){footer .contact p{margin-top:20px}}footer .contact a.btn{margin-top:60px}@media screen and (max-width:767px){footer .contact a.btn{margin-top:30px}}footer .contact .btn{margin:0 auto}.footer_bottom{background-color:var(--color-main-dark);color:var(--color-white);padding:120px 60px 80px}@media screen and (max-width:767px){.footer_bottom{background-color:var(--color-main-dark);color:var(--color-white);padding:40px 30px 30px}}.footer_bottom .flex{justify-content:space-between}@media screen and (max-width:767px){.footer_bottom div.flex{flex-wrap:wrap;margin-top:0}.footer_bottom div.flex>div{margin-top:30px;text-align:center;width:100%}}.footer_companyname__box h2{color:#fff;font-size:3rem;line-height:5.2rem}@media screen and (max-width:767px){.footer_companyname__box h2{font-size:2rem;letter-spacing:.1em;line-height:3.6rem}}.footer_companyname__box p{color:#fff;margin-top:20px}.footer_bottom .btn_style2{margin-top:30px}.footer_bottom a{color:var(--color-white)}@media screen and (max-width:767px){.footer_bottom .btn_style2{margin:30px auto 0}}.btn_style2{align-items:center;background:var(--color-main);border:1px solid var(--color-main);border-radius:28px;color:var(--color-white);display:flex;font-size:2rem;gap:4px;height:58px;justify-content:center;line-height:58px;max-width:342px;text-align:center;transition:all .3s;width:100%}@media screen and (max-width:767px){.btn_style2{border-radius:28px;font-size:1.6rem;height:45px;line-height:45px;max-width:200px;width:100%}}.btn_style2:hover{background-color:var(--color-white);color:var(--color-main)}.btn_style2:hover path{fill:var(--color-main)}.footer_links{width:50%}.footer_links.flex{justify-content:space-evenly}.footer_link h3{font-size:2.2rem;line-height:2.9rem;position:relative}@media screen and (max-width:767px){.footer_link h3{font-size:1.8rem;letter-spacing:.1em;line-height:2.4rem;position:relative}}.footer_link_lists{font-size:1.8rem;margin-top:20px}@media screen and (max-width:767px){.footer_link_lists{display:flex;flex-wrap:wrap;font-size:1.4rem}}.footer_link_lists li{line-height:1;margin-top:20px}@media screen and (max-width:767px){.footer_link_lists li{margin-top:15px;width:100%}}.footer_link h3:after{background-color:var(--color-white);bottom:-10px;content:"";height:1px;left:0;position:absolute;width:30px}@media screen and (max-width:767px){.footer_link h3:after{left:50%;transform:translate(-50%)}}.footer_companyname__box,.footer_wechat{width:25%}.footer_wechat{align-items:center;display:flex;flex-direction:column}@media screen and (max-width:767px){.footer_bottom div.flex>div.footer_wechat{margin-top:50px}}.footer_wechat .img{margin:0 auto;max-width:160px}@media screen and (max-width:767px){.footer_wechat img{margin:0 auto;max-width:90px}}.text-center{text-align:center}.footer_wechat .wechat{margin-top:18px;max-width:160px}.footer_copy{align-items:center;background-color:var(--color-main-deep-dark);border-top:1px solid var(--color-white);display:flex;justify-content:center;padding:30px 0}@media screen and (max-width:767px){.footer_copy{flex-wrap:wrap}.footer_copy>*{margin-top:10px;width:100%}}.footer_copy p{color:var(--color-white);font-size:1.6rem;line-height:1;margin:0 20px}a.footer_copy_img{color:#fff}.footer_copy_img{margin:0 20px}@media screen and (max-width:767px){a.footer_copy_img{color:#fff;text-align:center}}.pageTips{background-color:#fff;color:#7f7f7f;font-size:14px;line-height:1;padding:12px 0;text-align:center}.icon-white_to_main{align-items:center;display:flex;justify-content:center}.icon-white_to_main svg{margin-right:5px;position:relative}.header_contact{background-color:var(--color-main);height:84px;width:91px}@media screen and (max-width:767px){.header_contact{display:none}}.header_contac_block{align-items:center;color:var(--color-white);display:flex;flex-direction:column;font-size:12px;gap:6px;height:100%;justify-content:center;width:91px}.header_contac_block:hover{opacity:.6}.nav-dropdown,.nav-dropdown>a{position:relative}.nav-dropdown>a{align-items:center;cursor:pointer;display:inline-flex}.nav-dropdown .dropdown-content{background-color:#f3f3f3;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 20px #00000014;left:0;min-width:117px;opacity:0;padding:6px 0;position:absolute;top:60px;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease,visibility .18s;visibility:hidden;z-index:200}.nav-dropdown .dropdown-content a{color:inherit;display:block;height:auto;padding:14px 18px;white-space:nowrap}.nav-dropdown .dropdown-content a:hover{background:var(--color-sub)}@media(hover:hover)and (pointer:fine){.nav-dropdown:focus-within .dropdown-content,.nav-dropdown:hover .dropdown-content{opacity:1;transform:translateY(0);visibility:visible}}.layer_categ{display:none;left:0;opacity:0;position:absolute;top:100%;width:100%;z-index:100}.megamenu_lists{background-color:var(--color-white);box-shadow:3px 3px 12px #0000001f;display:flex;flex-wrap:wrap;padding:60px}.megamenu_lists li{margin-right:2%;margin-top:20px;width:31.333%}.megamenu_lists li a{align-items:center;display:flex;text-decoration:none!important;transition:all .3s}.megamenu_lists li img{height:80px;-o-object-fit:cover;object-fit:cover;width:80px}.megamenu_lists li a p{color:var(--color-main);font-size:1.6rem;padding-left:10px}.megamenu_lists li a:hover p{opacity:.6;text-decoration:none}#cateHoverTarget:hover+.layer_categ,.layer_categ:hover{display:block;opacity:1;transition:all .3s}#nav-icon3{cursor:pointer;display:none;height:42px;margin-right:20px;position:relative;transform:rotate(0);transition:.5s ease-in-out;width:42px}@media screen and (max-width:767px){#nav-icon3{display:block}}#nav-icon3 span{background:#bbb;border-radius:4px;display:block;height:2px;left:6px;opacity:1;position:absolute;transform:rotate(0);transition:.25s ease-in-out;width:30px}#nav-icon3 span:first-child{top:10px}#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3){top:20px}#nav-icon3 span:nth-child(4){top:30px}#nav-icon3.open span:first-child{left:50%;top:18px;width:0}#nav-icon3.open span:nth-child(2){transform:rotate(45deg)}#nav-icon3.open span:nth-child(3){transform:rotate(-45deg)}#nav-icon3.open span:nth-child(4){left:50%;top:18px;width:0}.side-menu{background:#47464999;bottom:60px;box-shadow:-2px 0 8px #0000001a;overflow-y:auto;padding-left:78px;position:fixed;right:-100%;top:84px;transition:all .3s;width:100%;z-index:9999}@media screen and (max-width:767px){.side-menu .search-box{display:flex;width:100%}.side-menu .search-box input{background:transparent;flex:1;font-size:1.4rem}}.menu-header{height:84px;opacity:0}.side-menu.open{background:#ffffffe6;right:0}#nav-icon3.open span{background-color:var(--color-main)}.side-menu-nav{display:flex;flex-direction:column;margin-top:48px}.side-menu-nav a{align-items:center;color:var(--color-text);display:flex;height:40px;padding:2em 0;text-decoration:none}.side-menu-dropdown,.side-menu-nav a{border-bottom:1px solid var(--color-border-main)}.side-menu-dropdown .dropdown-content{background-color:var(--color-sub);padding-left:56px}.side-menu-dropdown .dropdown-content a:last-child{border-bottom:none}.sidebar_hide_content{box-shadow:0 0 5px #a9a9a9;transform:translate(calc(100% - 70px));transition:all .3s}.sidebar_fix .sidebar_contents .sidebar_content:first-child{border-top:1px solid #b5b5b5}.sidebar_content{background-color:#fcfafa;border:1px solid #b5b5b5;border-top:none}.sidebar_hide_content:hover{transform:translate(0)}.sidebar_content.haschild:hover .childmenus{opacity:1;pointer-events:all;visibility:visible}.sidebar_content img{margin-right:20px}.sidebar_content.haschild{position:relative}.sidebar_content.red{color:#e82459}.sidebar_content.qr .qr_wrap{align-items:center;display:flex;flex-direction:column;justify-content:center;justify-content:flex-start;overflow:hidden;padding:10px;width:100%}.sidebar_content.qr .qr_wrap img{margin-right:0;width:180px}.sidebar_content.haschild .childmenus{left:-101%;opacity:0;pointer-events:none;position:absolute;top:7px;visibility:hidden;width:200px}.sidebar_content.haschild .childmenus .childmenu{background-color:#fcfafa;border:1px solid #b5b5b5;border-top:none;color:#262626}.sidebar_content.haschild .childmenus .childmenu:first-child{border-top:1px solid #b5b5b5;position:relative}.sidebar_content.haschild .childmenus .childmenu:first-child:before{border-color:transparent transparent transparent #c9c9c9;border-style:solid;border-width:10px 0 10px 10px;bottom:0;content:"";display:block;height:0;margin:auto 0;position:absolute;right:-10px;top:0;width:0}.sidebar_content a{align-items:center;display:flex;padding:20px;transition:all .3s}.sidebar_content a:hover{opacity:.6}.side-float{position:fixed;right:0;top:50%;transform:translateY(-50%)}.side-float.open,.side-float:focus-within,.side-float:hover{width:200px}@media screen and (max-width:767px){.side-float{display:none}.bottom-bar{background:var(--color-white);border-top:1px solid rgba(0,0,0,.06);bottom:0;justify-content:space-around;left:0;position:fixed;right:0;z-index:1300}.bottom-bar,.bottom-bar a{align-items:center;display:flex}.bottom-bar a{border:1px solid #b5b5b5;border-bottom:0;border-left:0;color:var(--color-text);flex:1;flex-direction:column;font-size:12px;line-height:1;padding:12px 0;text-decoration:none}.bottom-bar img{height:17px;margin-bottom:5px}}@media screen and (min-width:768px){.bottom-bar{display:none}}.bread{color:#6c6c6c;display:flex;flex-wrap:wrap;margin-top:10px}@media screen and (max-width:767px){.bread{margin-top:0}}.bread li{line-height:1.3;margin-top:5px}.page_contents{margin-bottom:80px;margin-top:40px}@media screen and (max-width:767px){.page_contents{margin-bottom:40px;margin-top:20px}}.toast-container{display:flex;flex-direction:column;gap:10px;max-width:400px;position:fixed;right:20px;top:20px;z-index:9999}.toast{align-items:center;animation:slideIn .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;overflow:hidden;padding:15px 20px;position:relative;transition:transform .3s,opacity .3s}.toast.hiding{opacity:0;transform:translate(100%)}.toast:before{content:"";height:100%;left:0;position:absolute;top:0;width:4px}.toast-success{background-color:#d5f4e6;border-left:4px solid #2ecc71;color:#27ae60}.toast-error{background-color:#fadbd8;border-left:4px solid #e74c3c;color:#c0392b}.toast-warning{background-color:#fdebd0;border-left:4px solid #f39c12;color:#d35400}.toast-info{background-color:#d6eaf8;border-left:4px solid #3498db;color:#2980b9}.toast-loading{background-color:#e8daef;border-left:4px solid #9b59b6;color:#8e44ad}.toast-icon{align-items:center;display:flex;font-size:20px;height:24px;justify-content:center;margin-right:12px;width:24px}.toast-content{flex:1}.toast-title{font-weight:600;margin-bottom:4px}.toast-message{font-size:14px}.toast-close{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;margin-left:10px;opacity:.7;width:24px}.toast-close:hover{opacity:1}.loading-spinner{animation:spin 1s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:currentcolor;height:20px;width:20px}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(1turn)}}.ellipse-1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.ellipse-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.modal-overlay[data-v-ad9744ce]{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;opacity:0;padding:40px 20px;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:1301}.modal-overlay.active[data-v-ad9744ce]{opacity:1;visibility:visible}.modal[data-v-ad9744ce]{background:#fff;box-shadow:0 10px 30px #0003;max-width:800px;transform:translateY(-20px);transition:transform .3s ease}@media screen and (max-width:768px){.modal[data-v-ad9744ce]{width:83%}}.modal-overlay.active[data-v-ad9744ce]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009}.modal.active[data-v-ad9744ce]{animation:bounce-ad9744ce .5s ease;transform:scale(1) translateY(0) rotate(0)}@keyframes bounce-ad9744ce{0%{transform:scale(.5)}50%{transform:scale(1.05)}to{transform:scale(1)}}.modal-header[data-v-ad9744ce]{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px;position:relative}.modal-header h3[data-v-ad9744ce]{color:var(--color-main);font-size:2.4rem}.close-btn[data-v-ad9744ce]{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:50px;font-weight:400;height:40px;justify-content:center;padding:0;position:absolute;right:-70px;top:-60px;width:40px}.text_red[data-v-3aa8f316]{color:#e82459}.img_qrcode[data-v-3aa8f316]{border:1px solid #b5b5b5;width:150px}.text_bold[data-v-3aa8f316]{font-size:16px;font-weight:700}