:root{--color-default:#393939;--color-primary:#326aff;--color-secondary:#6b6b6b;--color-grey:#949494;--color-primary-hover:#1b4dd5;--color-linear-gradient:linear-gradient(90deg, #edeef6 0%, #e3e6f2 100%);--color-linear-gradient2:linear-gradient(270deg, #ea65384d 0%, #ea6538 100%)}.text-nowrap-ellipsis,.text-nowrap-ellipsis-2,.text-nowrap-ellipsis-3,.text-nowrap-ellipsis-4,.text-nowrap-ellipsis-5{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.text-nowrap-ellipsis{-webkit-line-clamp:1}.text-nowrap-ellipsis-2{-webkit-line-clamp:2}.text-nowrap-ellipsis-3{-webkit-line-clamp:3}.text-nowrap-ellipsis-4{-webkit-line-clamp:4}.text-nowrap-ellipsis-5{-webkit-line-clamp:5}body{color:#777;font-family:"Microsoft YaHei","HanHei SC",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif,"HYWenHei-GEW" !important;font-size:16px}a{color:#333;text-decoration:none}a:hover{color:var(--color-primary);text-decoration:none}section{padding:40px 0;overflow:hidden}.grey-bg{background:var(--color-grey)}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.pcShow{display:flex !important}.mpShow{display:none !important}.container{max-width:1440px !important}label.error{clear:both;color:red;font-weight:normal;font-size:14px;margin:0;padding:0}input.error,select.error,textarea.error{border:1px solid red}.text-truncate-2-lines{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@keyframes updown{0%{transform:translateY(-20%);opacity:.8}100%{transform:translateY(-10%);opacity:1}}.header{transition:all .5s;z-index:997;position:fixed;background:var(--color-linear-gradient);top:0;right:0;left:0;border-bottom:1px solid #ffffff1f;height:90px}.header.sticked{background:rgba(14,29,52,0.9);padding:15px 0;box-shadow:0 2px 20px rgba(14,29,52,0.1)}.header .logo-container img{max-height:55px;margin-right:6px}.nav .nav-item{font-size:18px}.nav .nav-item .nav-link{color:#272727;position:relative}.nav .nav-item .nav-link::after{content:"";position:absolute;bottom:-10px;left:50%;width:80%;height:3px;background-color:var(--color-primary);transform:translateX(-50%) scaleX(0);transition:transform .3s}.nav .nav-item .nav-link:hover::after,.nav .nav-item .nav-link.active::after{transform:translateX(-50%) scaleX(1)}.nav .nav-item .nav-link.active{font-weight:bold}.title h2{color:var(--color-default);font-size:50px;font-weight:600;margin:0}.title p{color:var(--color-default);font-size:24px;margin:0}.sidebar{position:fixed;top:50%;transform:translateY(-50%);width:70px;z-index:9999;transition:all .3s;right:0px;gap:5px}.sidebar .item{width:70px;height:60px;border-radius:5px;background-color:var(--color-primary-hover);color:#fff;position:relative;cursor:pointer;transition:all .3s}.sidebar .item:hover{background-color:var(--color-primary)}.sidebar .item .visible{width:100%;height:100%;font-size:14px}.sidebar .item .visible i{font-size:20px;line-height:1}.sidebar .item .visible p{margin:0}.sidebar .item .show{position:absolute;top:0;right:100px;width:auto;height:60px;transition:all .3s;background-color:#fff;border-radius:5px;transform:translateX(-20px);filter:drop-shadow(0 2px 8px rgba(13,39,78,0.3));opacity:0;backdrop-filter:blur(10px);visibility:hidden}.sidebar .item .show p.phone{margin:0;font-size:18px;line-height:60px;box-sizing:border-box;padding:0 10px;white-space:nowrap}.sidebar .item .show p.phone a{color:var(--color-primary)}.sidebar .item .show p.qrcode{width:128px;height:128px}.sidebar .item .show:after{position:absolute;top:50%;transform:translateY(-50%);right:-14px;border:7px solid transparent;border-left-color:rgba(255,255,255,0.7);content:""}.sidebar .item:hover .show{transform:translateX(0);right:85px;opacity:1;visibility:visible}.sidebar .item:nth-child(2) .show{height:auto;padding:10px;background-color:#fff}.sidebar .item:nth-child(2) .show .qrcode{margin:0}.sidebar .item:nth-child(2) .show .qrcode img{width:100%;height:100%;object-fit:cover}.sidebar .item:nth-child(2) .show:after{border-left-color:#fff}.back-top{position:fixed;right:5px;bottom:50px;width:50px;height:50px;background-color:var(--color-primary-hover);border-radius:50%;cursor:pointer;transition:all .3s;color:#fff;display:flex;align-items:center;justify-content:center;z-index:9999;display:none;opacity:0}.back-top:hover{background-color:var(--color-primary)}.back-top.show{display:flex;animation:fadeIn .5s;opacity:1}.back-top i{font-size:18px}.sub-banner{width:100%;height:445px;background-repeat:no-repeat;background-size:cover;background-position:center;margin-top:90px}.sub-banner .title h1{color:var(--color-default);font-size:40px;font-weight:600;margin:0}.sub-banner .title p{color:var(--color-secondary);font-size:18px;margin:0}.sub-banner.about{background-image:url("/Temp/PC/images/banner-about.webp")}.sub-banner.product{background-image:url("/Temp/PC/images/banner-product.webp")}.sub-banner.news{background-image:url("/Temp/PC/images/banner-news.webp")}.sub-banner.contact{background-image:url("/Temp/PC/images/banner-contact.webp")}.sub-banner.message{background-image:url("/Temp/PC/images/banner-message.webp")}@media (min-width:1201px){.header .container-fluid{margin:0px 1%}.header{background-color:#fff}.header .navbar-container{padding-right:100px}.header .navbar a{color:var(--color-default)}.header .navbar a:after{background-color:var(--color-primary)}.header .navbar a:hover,.header .navbar a.active,.header .navbar a.active:focus{color:var(--color-primary)}.header .navbar a:hover:after,.header .navbar a.active:after,.header .navbar a.active:focus:after{width:16px;display:block}.header .navbar li:hover>a{color:var(--color-primary)}.header:hover .navbar a,.header.active .navbar a{color:var(--color-default)}.header:hover .navbar a:after,.header.active .navbar a:after{width:16px;background-color:var(--color-primary)}.header:hover .navbar a:hover,.header.active .navbar a:hover,.header:hover .navbar a.active,.header.active .navbar a.active,.header:hover .navbar a.active:focus,.header.active .navbar a.active:focus{color:var(--color-primary)}.header:hover .navbar li:hover>a,.header.active .navbar li:hover>a{color:var(--color-primary)}.header .hotline{background-color:var(--color-primary);color:#fff;border-radius:8px;padding:10px 20px;font-size:24px}.header .hotline .iconfont{color:#fff;font-size:20px}.navbar{padding:0}.navbar ul{margin:0;padding:0;display:flex;list-style:none;align-items:center}.navbar ul li{position:relative}.navbar a,.navbar a:focus{display:flex;align-items:center;justify-content:space-between;padding:10px 30px;font-size:18px;font-weight:400;color:#fff;white-space:nowrap;transition:.3s;position:relative}.navbar a i{font-size:12px;line-height:0;margin-left:5px}.navbar a:after{position:absolute;bottom:-15px;width:0px;background-color:#fff;content:"";height:4px;border-radius:15px;left:50%;transform:translateX(-50%);opacity:1;-webkit-transition:all .35s;transition:all .35s;display:none}.navbar .dropdown ul{display:block;position:fixed;left:0;right:0;top:95px;min-height:225px;margin:0;padding:50px 0;box-sizing:border-box;z-index:99;opacity:0;visibility:hidden;background:#fff;transition:.3s;border-radius:4px;background-repeat:no-repeat;background-position:left 0px top 0px}.navbar .dropdown ul .container{display:flex;justify-content:space-between;gap:150px}.navbar .dropdown ul .container .left{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-direction:column;flex:1;gap:20px}.navbar .dropdown ul .container .left .title{display:flex;flex-direction:column;gap:10px}.navbar .dropdown ul .container .left .title h3{font-size:26px;font-weight:bold;color:var(--color-primary)}.navbar .dropdown ul .container .left .title small{color:#777;font-size:16px}.navbar .dropdown ul .container .left .list{width:80%;column-gap:50px;row-gap:10px}.navbar .dropdown ul .container .left .list .item{width:calc((100% - 50px * 1) / 2);height:65px;border-bottom:1px solid #e5e5e5;position:relative}.navbar .dropdown ul .container .left .list .item::after{position:absolute;bottom:-1px;left:0;width:0;height:1px;background-color:var(--color-primary);content:"";transition:.3s}.navbar .dropdown ul .container .left .list .item a{padding:0;font-size:16px;text-transform:none;font-weight:700;color:var(--color-default)}.navbar .dropdown ul .container .left .list .item a i{font-size:12px}.navbar .dropdown ul .container .left .list .item:hover::after{width:100%}.navbar .dropdown ul .container .left .list .item:hover a{color:var(--color-primary)}.navbar .dropdown ul .container .right{width:425px;height:235px}.navbar .dropdown ul .container .right img{width:100%;height:100%;object-fit:cover}.navbar .dropdown ul .container .iconfont{transform:rotate(180deg)}.navbar a:hover,.navbar .active,.navbar .active:focus,.navbar li:hover>a{color:#fff}.navbar .dropdown li a:after{content:"";display:none}.navbar .get-a-quote,.navbar .get-a-quote:focus{background:var(--color-primary);padding:8px 20px;margin-left:30px;border-radius:4px;color:#fff}.navbar .get-a-quote:hover,.navbar .get-a-quote:focus:hover{color:#fff;background:#2756ff}.navbar .dropdown ul a:hover,.navbar .dropdown ul .active:hover,.navbar .dropdown ul li:hover>a{color:var(--color-primary)}.navbar .dropdown:hover>ul{opacity:1;visibility:visible;background-color:#f2f3f1}.navbar .dropdown .dropdown ul{top:0;left:calc(100% - 30px);visibility:hidden}.navbar .dropdown .dropdown:hover>ul{opacity:1;top:0;left:100%;visibility:visible}.navbar .dropdown .more a::after{display:none}.footer{background-color:#111111}.footer .footer-top .container{gap:350px}.footer .footer-top .container .logo-container{width:296px;height:96px}.footer .footer-top .container .logo-container img{width:100%}.footer .footer-top .container .info .item{font-size:16px;color:var(--color-grey)}.footer .footer-top .container .info .item .info-title{font-size:24px;color:#fff}.footer .footer-bottom{background-color:#000;font-size:14px;color:var(--color-grey)}.footer .footer-bottom .copyright{gap:15px}.footer .footer-bottom .copyright span{position:relative}.footer .footer-bottom .copyright span::after{content:"";position:absolute;top:50%;right:-7px;width:1px;height:10px;background-color:var(--color-grey);transform:translateY(-50%)}.footer .footer-bottom .copyright span:last-child::after{display:none}.footer .footer-bottom a{color:var(--color-grey)}}@media (min-width:1201px) and (max-width:1366px){.navbar .dropdown .dropdown ul{left:-90%}.navbar .dropdown .dropdown:hover>ul{left:-100%}}@media (min-width:1201px) and (max-width:1330px){.navbar a,.navbar a:focus{padding:10px 10px}.header .logo-container img{max-height:45px}}@media (min-width:1201px) and (max-width:1580px){.navbar a,.navbar a:focus{padding:10px 15px}.header .hotline{font-size:18px}.navbar .dropdown ul{background-position:left -160px top 0}.navbar .dropdown ul .container .right{padding:0 50px}}@media (min-width:1201px){.mobile-nav-show,.mobile-nav-hide{display:none}}@media (max-width:1200px){.pcShow{display:none !important}.mpShow{display:flex !important}.title h2{font-size:30px}.title p{font-size:14px;text-align:center}.header{height:60px;position:relative}.header .left{width:100%;justify-content:space-between}.header .hotline{display:none !important}.navbar{position:fixed;top:0;right:-100%;width:100%;max-width:400px;bottom:0;transition:.3s;z-index:9997}.navbar ul{position:absolute;inset:0;padding:50px 0 10px 0;margin:0;background:rgba(0,0,0,0.8);overflow-y:auto;transition:.3s;z-index:9998}.navbar a,.navbar a:focus{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;font-size:16px;font-weight:500;color:rgba(255,255,255,0.7);white-space:nowrap;transition:.3s}.navbar a i,.navbar a:focus i{font-size:12px;line-height:0;margin-left:5px}.navbar i.icon-arrow-upper-right-copy{display:none}.navbar .dropdown ul .right{display:none}.navbar a:hover,.navbar .active,.navbar .active:focus,.navbar li:hover>a{color:#fff}.navbar .get-a-quote,.navbar .get-a-quote:focus{background:var(--color-primary);padding:8px 20px;border-radius:4px;margin:15px;color:#fff}.navbar .get-a-quote:hover,.navbar .get-a-quote:focus:hover{color:#fff;background:rgba(13,66,255,0.8)}.navbar .dropdown ul,.navbar .dropdown .dropdown ul{position:static;display:none;padding:10px 0;margin:10px 20px;transition:all .5s ease-in-out;border:1px solid #333}.navbar .dropdown>.dropdown-active,.navbar .dropdown .dropdown>.dropdown-active{display:block}.navbar .dropdown .dropdown-active .left .title{display:none}.navbar .dropdown ul .container .left .list .item{width:calc((100% - 50px * 0) / 1)}.mobile-nav-show{color:var(--color-default);font-size:28px;cursor:pointer;line-height:0;transition:.5s;z-index:9999}.mobile-nav-hide{color:#fff;font-size:32px;cursor:pointer;line-height:0;transition:.5s;position:fixed;right:20px;top:20px;z-index:9999}.mobile-nav-active{overflow:hidden}.mobile-nav-active .navbar{right:0}.mobile-nav-active .navbar:before{content:"";position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:9996}.footer{background-color:#111111;margin-top:50px}.footer .footer-top{padding:20px !important}.footer .footer-top .container{gap:30px;flex-direction:column}.footer .footer-top .container .logo-container{width:200px;height:65px}.footer .footer-top .container .logo-container img{width:100%}.footer .footer-top .container .info{gap:20px !important}.footer .footer-top .container .info .item{font-size:14px;color:var(--color-grey)}.footer .footer-top .container .info .item .info-title{font-size:20px;color:#fff}.footer .footer-bottom{padding:20px !important;background-color:#000;font-size:12px;color:var(--color-grey)}.footer .footer-bottom .copyright{gap:5px;flex-direction:column}.footer .footer-bottom .copyright span{position:relative}.footer .footer-bottom .copyright span::after{display:none}.footer .footer-bottom .info{display:none !important}.footer .footer-bottom a{color:var(--color-grey)}.sidebar{display:none !important}.sub-banner{margin-top:0px !important;height:445px}.sub-banner .container{justify-content:center;align-items:center}.sub-banner .title h1{font-size:30px}.sub-banner .title p{font-size:14px}}