#header .header{width:100%;height:5rem;padding:0 3.125rem;background-color:#fff;position:fixed;top:0;left:0;z-index:99;display:flex;align-items:center}#header .header .logo-box img{height:3.75rem}#header .header .navigators{display:flex;justify-content:center;align-items:center;margin-left:1.875rem}#header .header .navigators li{padding:0 1.5rem;font-size:1.25rem;font-weight:500;font-family:OPlusSans3-Medium;color:#212121;cursor:pointer}#header .header .navigators li a.router-link-exact-active{color:#0b847b}#header .header .navigators .product .products{position:relative;display:inline-block;line-height:5rem}#header .header .navigators .product .products .products-list{position:absolute;left:-50%;top:5rem;width:43.75rem;background-color:#fff;box-shadow:0 0 .625rem .125rem #ccc;display:flex}#header .header .navigators .product .products .products-list .left{width:25%;padding:1rem 0;border-right:.0625rem solid #ccc}#header .header .navigators .product .products .products-list .left .menu-tab-pane{padding:.625rem 1.25rem;line-height:1.875rem;transition:all .3s}#header .header .navigators .product .products .products-list .left .menu-tab-pane:hover{background-color:#0b847b;color:#fff}#header .header .navigators .product .products .products-list .right{flex:1}#header .header .navigators .product .products .products-list .right ul li{padding:.625rem 1.2rem;line-height:1.875rem}#header .header .navigators .product .products .products-list .right ul li:hover{background-color:#0b847b;color:#fff}#header .header .navigators .product .products .products-list .right ul li:hover a{color:#fff}#header .header .navigators .product .products .products-list .right .solutions{padding:1rem 0}#header .header .navigators .product .products .products-list .right .product-list{display:flex}#header .header .navigators .product .products .products-list .right .product-list .product-left{width:40%;padding:1rem 0;border-right:.0625rem solid #ccc}#header .header .navigators .product .products .products-list .right .product-list .product-right{width:60%;padding:1rem 0}#header .header .navigators .product .products .products-list .right .product-list .product-right ul{height:100%}#header .solution-active{background-color:#0b847b;color:#fff}#header .higt-active{color:#0b847b}#header .product-active{background-color:#0b847b;color:#fff!important}#footer .friendly-links{display:flex;height:18.75rem}#footer .friendly-links .logo{width:30%}#footer .friendly-links .logo .logo-box{height:3rem;margin-bottom:4rem}#footer .friendly-links .logo .logo-box img{height:100%}#footer .friendly-links .logo .adress-box{font-size:.8rem;font-family:OPlusSans3-Regular;color:#666}#footer .friendly-links .logo .adress-box .adress{display:flex;align-items:center;margin-bottom:.5rem}#footer .friendly-links .logo .adress-box .adress i{margin-right:.5rem}#footer .friendly-links .logo .adress-box .telphone{display:flex}#footer .friendly-links .logo .adress-box .telphone i{padding-top:.125rem;margin-right:.5rem}#footer .friendly-links .logo .adress-box .telphone .tel-box{display:flex}#footer .friendly-links .logo .adress-box .telphone .tel-box .right p{margin-bottom:.3rem}#footer .friendly-links .links-box{flex:1;display:flex}#footer .friendly-links .links-box .links{width:25%}#footer .friendly-links .links-box .links .title{font-size:1.2rem;margin-bottom:2.2rem;font-family:SourceHanSansSC-Medium}#footer .friendly-links .links-box .links .link-item{margin-bottom:1.25rem;font-size:1rem;font-family:OPlusSans3-Regular;color:#666}#footer .friendly-links .links-box .links .link-item:hover a{color:#0b847b!important;font-weight:700;transition:all .5s ease}#footer .friendly-links .links-box .barcode .code-box{display:flex}#footer .friendly-links .links-box .barcode .code-box .public{width:45%;margin-right:10%}#footer .friendly-links .links-box .barcode .code-box .public img{width:100%;border:.0625rem solid #0b847b}#footer .friendly-links .links-box .barcode .code-box .public .text{text-align:center;font-size:.8rem;font-family:OPlusSans3-Regular;color:#666}#footer .friendly-links .links-box .barcode .code-box .business{width:45%}#footer .friendly-links .links-box .barcode .code-box .business img{width:100%;border:.0625rem solid #0b847b}#footer .friendly-links .links-box .barcode .code-box .business .text{text-align:center;font-size:.8rem;font-family:OPlusSans3-Regular;color:#666}#footer .copyright{display:flex;padding-top:1.25rem;justify-content:space-between;font-size:.6rem;font-family:OPlusSans3-Regular;color:#666}#footer .footer-bottom{opacity:.7;line-height:2;text-align:center;font-size:.875rem;color:#4d4d4d}#footer .footer-bottom a{text-decoration:underline;color:#4d4d4d;transition:all .5s;margin-right:.3125rem}#footer .footer-bottom a:hover{color:#0b847b;transition:all .5s}#about .about-content{padding-top:5rem;width:100%}#about .about-content .banner{width:100%;height:50rem;background-image:url(../img/banner.6df46179.jpg);background-repeat:no-repeat;background-size:cover;background-position:50%;animation-name:scaleDraw;animation-timing-function:ease;animation-duration:2s}@keyframes scaleDraw{0%{background-size:110%}to{background-size:100%}}#about .about-content .company-profile{width:100%;background-image:url(../img/synopsis-bg.2940e94b.png);background-repeat:no-repeat;background-size:cover;background-position:50%}#about .about-content .company-profile .synopsis-box{padding:6.25rem 8%;display:flex}#about .about-content .company-profile .synopsis-box .left{width:40%;padding:5rem 3rem}#about .about-content .company-profile .synopsis-box .left .title{font-size:2rem;font-weight:600;font-family:SourceHanSansSC-Medium;margin-bottom:1.25rem}#about .about-content .company-profile .synopsis-box .left .introduce p{font-size:1rem;font-family:OPlusSans3-Regular;line-height:2.5rem}#about .about-content .company-profile .synopsis-box .left .introduce p strong{font-weight:600}#about .about-content .company-profile .synopsis-box .left .introduce .first{margin-bottom:1rem}#about .about-content .company-profile .synopsis-box .right{width:60%}#about .about-content .company-profile .synopsis-box .right img{width:100%}#about .about-content .corporate-culture{width:100%;margin-bottom:8rem;background-image:url(../img/culture-bg.56ef6be2.png);background-repeat:no-repeat;background-size:cover;background-position:50%}#about .about-content .corporate-culture .culture-box{padding:5% 8%;width:80%;display:flex;flex-wrap:wrap}#about .about-content .corporate-culture .culture-box .culture-item{width:48%;height:22rem;margin-right:4%;margin-bottom:2.6rem}#about .about-content .corporate-culture .culture-box .culture-item:nth-of-type(2n){margin-right:0}#about .about-content .corporate-culture .culture-box .has-img{background-repeat:no-repeat;background-size:cover;background-position:50%;display:flex;flex-direction:column;justify-content:flex-end;padding:2rem 3rem;border-radius:1.5rem;position:relative}#about .about-content .corporate-culture .culture-box .has-img .culture-contnet{position:absolute;left:3rem;top:50%;z-index:3;padding-top:1rem;width:65%;height:50%;color:#fff}#about .about-content .corporate-culture .culture-box .has-img .culture-contnet .title{font-size:1.6rem;font-weight:600;font-family:SourceHanSansSC-Medium;margin-bottom:1rem}#about .about-content .corporate-culture .culture-box .has-img .culture-contnet .detail{font-size:1.2rem;font-family:OPlusSans3-Regular;line-height:2.2rem}#about .about-content .corporate-culture .culture-box .has-img .mask{position:absolute;width:100%;height:50%;top:50%;left:0;background-color:rgba(0,0,0,.2);border-radius:0 0 1.5rem 1.5rem}#about .about-content .corporate-culture .culture-box .one{background-image:url(../img/culture-1.2b2fad41.jpg)}#about .about-content .corporate-culture .culture-box .three{background-image:url(../img/culture-2.e291ddb3.jpg)}#about .about-content .corporate-culture .culture-box .four{background-image:url(../img/culture-3.da3436ee.jpg)}#about .about-content .corporate-culture .culture-box .two{display:flex;justify-content:center;align-items:center}#about .about-content .corporate-culture .culture-box .two .text-box div{font-size:2rem;font-weight:600;font-family:SourceHanSansSC-Medium}#about .about-content .corporate-culture .culture-box .two .text-box div:first-child{margin-bottom:1rem}#about .about-content .cover-box{width:100%;height:30rem;margin-bottom:8rem;background-image:url(../img/distribution.5ea2364f.jpg);background-repeat:no-repeat;background-size:cover;background-position:50%}#about .about-content .cover-box .title{padding-top:6rem;color:#fff;font-size:3rem;text-align:center;font-family:SourceHanSansSC-Medium}#about .about-content .development-history{width:92%;height:43.75rem;margin-bottom:6rem;border-radius:0 3.75rem 3.75rem 0;display:flex}#about .about-content .development-history .left{width:80%;background-image:url(../img/history-bg.5267f8d2.png);background-repeat:no-repeat;background-size:cover;background-position:50%;display:flex;justify-content:center;align-items:center}#about .about-content .development-history .left .course-box{width:84%;height:40%;display:flex}#about .about-content .development-history .left .course-box .course-img{width:40%}#about .about-content .development-history .left .course-box .course-img img{width:100%;border-radius:1.5rem}#about .about-content .development-history .left .course-box .course-content{width:60%;padding:3rem}#about .about-content .development-history .left .course-box .course-content .area{width:60%}#about .about-content .development-history .left .course-box .course-content .area .times{font-size:1.8rem;font-family:SourceHanSansSC-Medium;margin-bottom:1rem}#about .about-content .development-history .left .course-box .course-content .area .text{font-size:1.2rem;font-family:OPlusSans3-Regular;line-height:2.2rem}#about .about-content .development-history .right{width:20%;background-color:#406aa1;border-radius:0 3.75rem 3.75rem 0}#about .about-content .development-history .right .vue-scroll-picker{width:50%;height:50%;margin:50% auto}#about .about-content .development-history .right .vue-scroll-picker .vue-scroll-picker-item{height:4em;line-height:4em;color:#fff;font-size:1.1rem;font-family:SourceHanSansSC-Medium}#about .about-content .development-history .right .vue-scroll-picker .vue-scroll-picker-layer .top{height:calc(50% - 2em);background:linear-gradient(180deg,#406aa1 10%,rgba(64,108,159,.7))}#about .about-content .development-history .right .vue-scroll-picker .vue-scroll-picker-layer .bottom{height:calc(50% - 2em);background:linear-gradient(0deg,#406aa1 10%,rgba(64,108,159,.7))}#about .footer{width:100%;height:100%;background:#f5f5f5;padding:6.25rem 8% 3.125rem}