.banner-swiper{width:100%;height:91.9rem}.banner-swiper .swiper-slide{text-align:center;font-size:1.8rem;background:#fff;display:flex;justify-content:center;align-items:center}.banner-swiper .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}.banner-swiper .autoplay-progress{position:absolute;right:1.6rem;bottom:1.6rem;z-index:10;width:4.8rem;height:4.8rem;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--swiper-theme-color)}.banner-swiper .autoplay-progress svg{--progress: 0;position:absolute;left:0;top:0;z-index:10;width:100%;height:100%;stroke-width:.4rem;stroke:var(--swiper-theme-color);fill:none;stroke-dashoffset:calc(12.56rem * (1 - var(--progress)));stroke-dasharray:125.6;transform:rotate(-90deg)}.banner-swiper .swiper-pagination{position:absolute;bottom:1rem;left:0;width:100%;text-align:center;display:flex;justify-content:center;align-items:center}.banner-swiper .swiper-pagination .swiper-pagination-bullet{width:5rem;height:.4rem;background-color:#888;margin:0 .8rem;opacity:.6;border-radius:.2rem}.banner-swiper .swiper-pagination .swiper-pagination-bullet-active{position:relative;width:10rem;background-color:#888}.banner-swiper .swiper-pagination .swiper-pagination-bullet-active:before{content:"";position:absolute;top:0;left:0;width:0%;height:100%;background-color:#0d44e9;z-index:1;border-radius:.2rem;animation:progress 3s forwards}@keyframes progress{0%{width:0%}to{width:100%}}.banner-swiper .banner-contain{width:100%;height:100%;background-size:cover;background-repeat:no-repeat}.banner-swiper .firstBanner{background-position:center -34rem}.banner-swiper .img2{position:absolute;width:100rem;right:10rem;top:30rem}.banner-swiper .img3{position:absolute;width:100rem;right:45rem;bottom:5rem}.banner-swiper .img4{position:absolute;width:100rem;right:10rem;top:25rem}.banner-swiper .txt{position:absolute;width:90rem;left:12%;top:54%;margin-top:-16.7rem;z-index:33;color:#fff;text-align:start}.banner-swiper .txt h4{font-family:Montserrat-Extra-Bold,Microsoft Yahei,Arial;font-size:2rem;color:#0d44e9;margin:0;padding:0;position:relative;text-transform:uppercase}.banner-swiper .txt h2{font-size:6rem;padding:1rem 0;margin:0;line-height:7rem;font-weight:700}.banner-swiper .txt .line{width:8rem;height:.4rem;background:#0d44e9;margin:2rem 0}.banner-swiper .txt.center{position:absolute;text-align:center;width:100%;left:0;top:15%;margin:0}.banner-swiper .txt.center .line{margin:2rem auto}.productArea{width:100%;height:91.9rem;position:relative;background:url(/images/home/z1.jpg) no-repeat;background-size:cover}.productHeader{text-align:center;padding-top:10rem;padding-bottom:6rem}.productHeader p{color:#0077f9;font-size:4.1rem;font-weight:600}.productHeader span{font-size:1.5rem;font-weight:200;padding:0 1rem 2rem;color:#0077f9}.productContent{--d: .7s;--e: cubic-bezier(.19, 1, .22, 1);--font-sans: "Rubik", sans-serif;--font-serif: "Cardo", serif;position:absolute;width:70%;right:15%;top:30%;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.productContent .card{position:relative;display:flex;align-items:flex-end;overflow:hidden;width:33.333%;height:45rem;text-align:center;cursor:pointer;color:#f5f5f5;background-size:cover;background-repeat:no-repeat;background-position:center}.productContent .card:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:200%;pointer-events:none;background-image:linear-gradient(to bottom,#00000008,#00000014 11.7%,#0000001a 22.1%,#00000024 31.2%,#00000029 39.4%,#0000002e 46.6%,#0000003f 53.1%,#00000052 58.9%,#00000064 64.3%,#0007 69.3%,#0000008a 74.1%,#0000009b 78.8%,#000a 83.6%,#000000b8 88.7%,#000000c2 94.1%,#000000c9);transform:translateY(-50%);transition:transform calc(var(--d) * 2) var(--e)}.productContent .content{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;padding:1rem;transition:transform var(--d) var(--e);z-index:1}.productContent .title{font-size:3em;font-weight:700;line-height:1.2;color:#fff;text-shadow:#888}.productContent .detail{padding-top:2rem;font-size:1.5rem;font-style:italic;letter-spacing:.5rem;font-weight:100}@media (hover: hover) and (min-width: 60rem){.productContent .card:after{transform:translateY(0)}.productContent .content{transform:translateY(calc(100% - 15rem))}.productContent .content>*:not(.title){opacity:0;transform:translateY(1rem);transition:transform var(--d) var(--e),opacity var(--d) var(--e)}.productContent .card:hover{align-items:center;width:80%}.productContent .card:hover:before{transform:translateY(-4%)}.productContent .card:hover:after{transform:translateY(-50%)}.productContent .card:hover .content{transform:translateY(0)}.productContent .card:hover .content>*:not(.title){opacity:1;transform:translateY(0);transition-delay:calc(var(--d) / 8)}}.intro-box{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;height:91.9rem;background:url(/images/home/t8.jpg) no-repeat top right;background-size:cover;z-index:-1}.intro-card{width:86%;height:50rem;display:flex}.card-left{padding:10rem 5rem;box-sizing:border-box;width:40%}.card-left .card-title{color:#0077f9;font-size:4.1rem;font-weight:600}.card-left .card-theme{font-size:1.5rem;font-weight:200;padding:0 1rem 2rem;color:#0077f9}.card-left .card-header{color:#fafdff;font-weight:500;font-size:3rem;text-transform:capitalize;letter-spacing:1px;margin:1rem 0}.card-left .card-paragraph{color:#807d7d;font-size:1.6rem;line-height:2.5rem;font-weight:500;margin-bottom:2.5rem}.card-left button{--glow-color: rgb(176, 217, 255);--glow-spread-color: rgba(123, 147, 255, .781);--enhanced-glow-color: rgb(206, 229, 255);--btn-color: rgb(35, 35, 58);width:14rem;border:.25em solid var(--glow-color);padding:.8em 0;color:var(--glow-color);font-size:1.5rem;font-weight:700;background-color:var(--btn-color);border-radius:1em;outline:none;text-shadow:0 0 .5em var(--glow-color);position:relative;transition:all .3s}.card-left button:after{pointer-events:none;content:"";position:absolute;top:120%;left:0;height:100%;width:100%;background-color:var(--glow-spread-color);filter:blur(2em);opacity:.7;transform:perspective(1.5em) rotateX(35deg) scaleY(.7)}.card-left button:hover{color:var(--btn-color);background-color:var(--glow-color);box-shadow:0 0 1em .25em var(--glow-color),0 0 4em 1em var(--glow-spread-color),inset 0 0 .75em .25em var(--glow-color)}.card-left button:active{box-shadow:0 0 .6em .25em var(--glow-color),0 0 2.5em 2em var(--glow-spread-color),inset 0 0 .5em .25em var(--glow-color)}.card-left .card-link{color:#ba3428;font-size:1.8vmin;display:block;cursor:pointer;opacity:.7;transition:opacity .3s ease}.card-left .card-link:hover{opacity:1}.card-left .card-link:after{content:" →"}.card-right{width:60%;display:flex;padding-top:20rem;align-items:center}.card-right .intro-swiper{width:100%;padding-bottom:5rem}.card-right .intro-swiper .swiper-slide{background-position:center;background-size:cover;width:33rem;height:22rem}.card-right .intro-swiper .swiper-slide img{display:block;width:100%;height:100%}.newsBox{width:100%;height:91.9rem;background-image:url(/images/home/about5.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}.newsBox .el-row{margin-right:0!important;margin-left:0!important}.newsBox .newsHeader{text-align:center;padding-top:10rem;padding-bottom:6rem}.newsBox .newsHeader p{color:#0077f9;font-size:4.1rem;font-weight:600}.newsBox .newsHeader span{font-size:1.5rem;font-weight:200;padding:0 1rem 2rem;color:#0077f9}.newsBox .news-content{height:55rem}.newsBox .news-content .news-left{width:70rem;height:100%}.newsBox .news-content .news-left img{width:100%;height:100%;object-fit:contain}.newsBox .news-content .news-right{height:100%;display:flex;flex-direction:column;justify-content:space-between}.newsBox .news-content .news-right .scroll-box{height:80%;overflow:hidden;position:relative}.newsBox .news-content .news-right .scroll-box .scroll-content{display:flex;flex-direction:column;justify-content:space-between;animation:newsScroll 30s linear infinite}.newsBox .news-content .news-right .scroll-box .scroll-content .news-rightItem{display:flex;cursor:pointer;padding-bottom:4rem;flex-wrap:nowrap;align-items:center}.newsBox .news-content .news-right .scroll-box .scroll-content .news-rightItem img{width:12rem;height:12rem}.newsBox .news-content .news-right .scroll-box .scroll-content .news-rightItem h3{font-size:1.8rem;padding:0 10rem 0 2rem;box-sizing:border-box}.newsBox .news-content .news-right .scroll-box .scroll-content:hover{animation-play-state:paused}@keyframes newsScroll{0%{transform:translateY(0)}to{transform:translateY(-116rem)}}.moreButton{width:14em;height:5em;border:#0077b5 .2em solid;color:#0077b5;background-color:#fff;border-radius:1.1rem;transition:all .6s ease;position:relative;padding-left:1.6rem}.moreButton:hover{background-color:#0077b5;cursor:pointer;border:#fff .2em solid;color:#fff}.moreButton:hover svg{color:#fff}.moreButton svg{color:#0077b5;width:3em;position:absolute;top:.8rem;right:1rem;transition:all .6s ease}.moreButton:hover svg{transform:translate(5px)}.moreButton .text{text-align:left;font-size:1.8rem;font-weight:500}@media screen and (max-width: 768px){.banner-swiper{height:160rem}.banner-swiper .swiper-slide .firstBanner{background-position:center!important}.banner-swiper .swiper-slide .txt{top:40%;left:4%}.banner-swiper .swiper-slide .txt h4{font-size:var(--bannerContentSize);line-height:var(--bannerContentSize)}.banner-swiper .swiper-slide .txt h2{font-size:var(--bannerTitleSize);margin:2rem;line-height:var(--bannerTitleSize)}.banner-swiper .swiper-slide .txt h3{font-size:8rem}.banner-swiper .swiper-slide .txt .line{width:var(--bannerLine);height:.4rem}.banner-swiper .swiper-slide .txt.center{left:0%;top:30%}.banner-swiper .swiper-slide .img2{right:0rem;top:70rem;width:100rem}.banner-swiper .swiper-slide .img3{bottom:20rem}.banner-swiper .swiper-slide .img4{right:0rem;top:60rem}.productArea{height:460rem}.productArea .productHeader{padding:15rem}.productArea .productHeader p{font-size:var(--znTitleSize)}.productArea .productHeader span{font-size:var(--enTitleSize)}.productArea .productContent{flex-direction:column;top:60rem;width:90%;right:5%}.productArea .productContent .card{width:100%;height:120rem;margin-bottom:10rem}.productArea .productContent .card .title{font-size:12rem}.productArea .productContent .card .detail{padding-top:2rem;font-size:8rem}.intro-box{height:320rem}.intro-box .intro-card{width:86%;justify-content:center;align-items:center;flex-direction:column}.intro-box .intro-card .card-left{width:100%;text-align:center}.intro-box .intro-card .card-left .card-title{font-size:var(--znTitleSize)}.intro-box .intro-card .card-left .card-theme{font-size:var(--enTitleSize)}.intro-box .intro-card .card-left .card-header{font-size:10rem}.intro-box .intro-card .card-left .card-paragraph{font-size:9rem;line-height:10rem;font-weight:700;margin:8rem 0;text-align:start}.intro-box .intro-card .card-left button{font-size:6rem;width:55rem}.intro-box .intro-card .card-right{width:100%;padding:10rem 0}.intro-box .intro-card .card-right .intro-swiper .swiper-slide{width:60rem;height:50rem}.newsBox{width:100%;height:360rem}.newsBox .newsHeader p{font-size:var(--znTitleSize);margin-top:10rem}.newsBox .newsHeader span{font-size:var(--enTitleSize)}.newsBox .news-content .news-left,.newsBox .news-content .news-right{flex:0 0 100%;max-width:100%}.newsBox .news-content .news-left{margin:10rem 0}.newsBox .news-content .news-right{height:200rem;padding-top:10rem}.newsBox .news-content .news-right .scroll-box{height:100%}.newsBox .news-content .news-right .scroll-box .scroll-content{animation:newsScroll2 20s linear infinite}.newsBox .news-content .news-right .scroll-box .scroll-content .news-rightItem img{width:45rem!important;height:45rem!important;margin:8rem}.newsBox .news-content .news-right .scroll-box .scroll-content .news-rightItem h3{font-size:7.5rem!important}.newsBox .news-content .news-right .moreButton{width:45rem;height:16em;margin-top:10rem;padding-left:6rem;margin-right:10rem;border-radius:4rem}.newsBox .news-content .news-right .moreButton .text{font-size:6rem!important}.newsBox .news-content .news-right .moreButton svg{width:8rem;top:4rem;right:1rem}@keyframes newsScroll2{0%{transform:translateY(0)}to{transform:translateY(-485rem)}}}