.prod-before .intro-wrap{height:8.47rem;width:100%;background-image:url("banner.png?v=20190809");background-size:cover;background-position:center bottom;background-repeat:no-repeat;color:#fff}.prod-before .intro-wrap .content-box{padding-left:2rem;padding-top:3rem}.prod-before .intro-wrap .intro-box{position:relative}.prod-before .intro-wrap .intro__text{font-size:.3rem;line-height:.44rem;text-align:justify;letter-spacing:0}.prod-before .intro-wrap .border{position:absolute;left:-0.6rem;top:-0.9rem;height:4.54rem;width:1.68rem;border-left:solid #fff .1rem;border-top:solid #fff .1rem;border-bottom:solid #fff .1rem}.prod-before .intro-wrap .border::before,.prod-before .intro-wrap .border::after{content:"";display:block;position:absolute;right:0;width:.1rem;height:.4rem;background-color:#fff}.prod-before .intro-wrap .border::after{bottom:0}.prod-before .intro-wrap .intro__title{font-size:.7rem;line-height:.8rem;font-weight:bold;margin-bottom:.3rem}.prod-before .intro-wrap .more{margin-top:.6rem;display:inline-block;height:.5rem;font-size:.18rem;line-height:.5rem;text-align:center;width:2rem;background:#134dab;border-radius:.05rem}.prod-before .actions{height:10rem;background-image:url("actions_bg_2.png?v=20190809");background-repeat:no-repeat;background-size:cover;background-position:center;position:relative}.prod-before .actions .common__title-box .common__title--main{font-size:.4rem;padding-top:.5rem;margin-bottom:.2rem;text-align:center;color:#444}.prod-before .actions .common__title-box .common__title--sub{margin:0;text-align:center;padding-top:0;font-size:.28rem;color:#666}.prod-before .actions .btn-play{background-image:url("icon_bt_play22.png");background-size:cover;background-position:center;background-repeat:no-repeat;z-index:3;width:2.8rem;height:2.8rem;position:absolute;left:50%;margin-left:-1.4rem;top:3rem;cursor:pointer}.prod-before .actions .video-box{display:none;position:absolute;top:45%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);left:50%;width:8rem;z-index:6;font-size:0;background-color:#fff}.prod-before .actions .video-box .video{width:8rem;object-fit:cover}.prod-before .actions .video-box__top-bar{height:1rem;position:absolute;top:0;left:0;right:0;background:-webkit-linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0));background:linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0));z-index:2}.prod-before .actions .btn-close{display:block;margin-left:auto;background-image:url("close.png?v=20190809");background-size:70%;background-position:center;background-repeat:no-repeat;height:.5rem;width:.5rem;cursor:pointer}.prod-before .actions .text-wrap{color:#fff;height:100%;padding-left:.4rem;padding-bottom:2rem;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center}.prod-before .actions .text-wrap .title{font-size:.6rem;margin-bottom:.2rem}.prod-before .actions .text-wrap .text{font-size:.22rem;margin-bottom:.1rem}.prod-before .actions .text-wrap .line{height:.02rem;background-color:#fff;width:3rem;margin-bottom:.2rem}.prod-before .actions .btns-panel{position:absolute;bottom:0;left:0;right:0;height:2.6rem;background-color:rgba(40,39,39,0.2)}.prod-before .actions .btns-panel .btn-caontainer{height:100%;position:relative}.prod-before .actions .btns-panel .prev,.prod-before .actions .btns-panel .next{position:absolute;display:none;top:0;color:#fff;font-size:.2rem;text-align:center;height:2.8rem;line-height:2.8rem;width:1.6rem}.prod-before .actions .btns-panel .prev .icon,.prod-before .actions .btns-panel .next .icon{cursor:pointer}.prod-before .actions .btns-panel .prev{right:100%}.prod-before .actions .btns-panel .next{left:100%}.prod-before .actions .btns-panel .btns-wrap{width:100%;height:100%;overflow:hidden;position:relative}.prod-before .actions .btns-panel .btns{position:absolute;left:0;top:.3rem;white-space:nowrap;font-size:0}.prod-before .actions .btns-panel .btns .btn{display:inline-block;color:#fff;width:1.8rem;margin-right:.75rem;font-size:.24rem}.prod-before .actions .btns-panel .btns .btn .btn__icon{height:1.38rem;width:1.38rem;margin:0 auto .5rem}.prod-before .actions .btns-panel .btns .btn .btn__text{text-align:center}.prod-before .actions .btns-panel .btns .btn:last-child{margin-right:0}.prod-before .prod-wrap .title{font-size:.4rem;padding-top:.5rem;margin-bottom:.2rem;text-align:center;color:var(--color-theme)}.prod-before .prod-wrap .title--sub{margin:0;text-align:center;padding-top:0;font-size:.28rem;color:#666;margin-bottom:.5rem}.prod-before .prod-wrap .prod__box{padding-bottom:.4rem}.prod-before .prod-wrap .prod__box .swiper-container-vertical>.swiper-pagination-bullets{right:initial;left:.1rem}.prod-before .prod-wrap .prod__box .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{height:.14rem;width:.14rem;background:#202020;opacity:.3}.prod-before .prod-wrap .prod__box .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1}.prod-before .prod-wrap .prod__box .swiper-container{height:3.76rem}.prod-before .prod-wrap .prod__box .prod{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding-left:1.94rem;height:3.76rem}.prod-before .prod-wrap .prod__box .prod .prod__img{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;height:100%;width:3.4rem;overflow:hidden;box-sizing:border-box;padding:.1rem}.prod-before .prod-wrap .prod__box .prod .prod__img img{display:inline-block;margin:0 auto;max-width:100%;max-height:100%;border-radius:.1rem;box-shadow:0 0 .1rem 0 rgba(0,0,0,0.3)}.prod-before .prod-wrap .prod__box .prod .prod__text{margin-left:1rem;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;height:100%}.prod-before .prod-wrap .prod__box .prod .prod__title{font-size:.5rem;line-height:.7rem;height:.7rem;margin-bottom:.4rem}.prod-before .prod-wrap .prod__box .prod .prod__info{font-size:.18rem;line-height:.25rem}.prod-before .prod-wrap .ctrl-panel{position:absolute;right:0;top:0;bottom:0;z-index:10;width:1rem;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.prod-before .prod-wrap .ctrl-panel .ctrl__btn{height:.5rem;width:.5rem;overflow:hidden;border-radius:50%;box-shadow:0 0 .2rem 0 rgba(0,0,0,0.15);background-repeat:no-repeat;background-position:center;-webkit-transition:opacity .3s;transition:opacity .3s}.prod-before .prod-wrap .ctrl-panel .ctrl__btn:hover{cursor:pointer;box-shadow:0 0 .05rem 0 rgba(0,0,0,0.15)}.prod-before .prod-wrap .ctrl-panel .ctrl__btn.swiper-button-disabled{opacity:.1}.prod-before .prod-wrap .ctrl-panel .ctrl__btn--prev{margin-bottom:.5rem;background-image:url("up.png?v=20190809")}.prod-before .prod-wrap .ctrl-panel .ctrl__btn--next{background-image:url("down.png?v=20190809")}.prod-before .prod-wrap .prod__params{height:2rem;font-size:0;color:#666}.prod-before .prod-wrap .prod__params .swiper-container{height:100%}.prod-before .prod-wrap .prod__params .swiper-container .swiper-slide{background-color:#fff}.prod-before .prod-wrap .prod__params .infos{display:-webkit-box;display:flex;height:100%;-webkit-box-align:center;align-items:center}.prod-before .prod-wrap .prod__params .info{font-size:.16rem;margin-right:.4rem;line-height:.22rem;display:inline-block}.prod-before .prod-wrap .prod__params .info .em--4{text-indent:-5em;margin-left:5em}.prod-before .prod-wrap .prod__params .info .em--5{text-indent:-6em;margin-left:6em}.prod-before .prod-wrap .prod__params .info .em--6{text-indent:-7em;margin-left:7em}.prod-before .prod-wrap .prod__params .info:last-child{margin-right:0}@-webkit-keyframes hx{50%{-webkit-transform:scale(.6);transform:scale(.6)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes hx{50%{-webkit-transform:scale(.6);transform:scale(.6)}100%{-webkit-transform:scale(1);transform:scale(1)}}.prod-common .banner-full{height:10rem;position:relative;background-size:cover;background-repeat:no-repeat;background-position:center;font-size:.2rem;color:#fff;overflow:hidden}.prod-common .banner-full .prod-img-box{position:absolute;right:17%;top:50%;margin-top:-2.5rem;width:4.66rem;-webkit-animation-duration:.8s;animation-duration:.8s}.prod-common .banner-full .prod-img{max-width:100%;max-height:100%}.prod-common .banner-full .text-box{padding-top:2.6rem;padding-left:1rem;color:#fff}.prod-common .banner-full .title-box{margin-bottom:.52rem}.prod-common .banner-full .title-box .title{font-size:.5rem;margin-bottom:.24rem}.prod-common .banner-full .title-box .line{width:4.33rem;height:.04rem;background-color:#fff;border-radius:.04rem}.prod-common .banner-full .title-sub{font-size:.3rem;margin-bottom:.11rem}.prod-common .banner-full .title-sub--en{font-size:.18rem;margin-bottom:.44rem}.prod-common .banner-full .prod__params{display:-webkit-box;display:flex}.prod-common .banner-full .prod__param{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.prod-common .banner-full .param__text--big{font-size:.3rem;margin-bottom:.24rem}.prod-common .banner-full .param__text--small{width:1.8rem;font-size:.18rem;font-weight:normal}.prod-common .common-wrap{height:10rem;position:relative;overflow:hidden}.prod-common .common-wrap .title-box{position:absolute;width:100%;top:0;left:0;z-index:10}.prod-common .common-wrap .title{font-size:.4rem;padding-top:.5rem;margin-bottom:.2rem;text-align:center;color:#666}.prod-common .common-wrap .title--sub{margin:0;text-align:center;padding-top:0;font-size:.28rem;color:#999}.prod-common .prod__intro--1{position:relative;background-size:cover;background-repeat:no-repeat;background-position:center bottom}.prod-common .prod__intro--1 .title{color:#444}.prod-common .prod__intro--1 .title--sub{color:#666}.prod-common .prod__intro--1 .prod__img-box{position:absolute;top:50%;left:50%}.prod-common .prod__intro--1 .prod__img-box .info-box{position:absolute}.prod-common .prod__intro--1 .prod__img-box .info-box .dot{position:absolute;height:.24rem;width:.24rem;background-color:#e08b38;border-radius:50%;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);box-shadow:0 0 .06rem 0 #999;-webkit-animation:hx 2s ease infinite;animation:hx 2s ease infinite}.prod-common .prod__intro--1 .prod__img-box .info-box .line{position:absolute;background-color:#e08b38}.prod-common .prod__intro--1 .prod__img-box .info-box .info__text{font-size:.3rem;line-height:.4rem;margin-bottom:.1rem}.prod-common .prod__intro--1 .prod__img-box .info-box .info__text--en{font-size:.18rem;line-height:1.4;-webkit-animation-delay:.4s;animation-delay:.4s}.prod-common .prod__intro--2{display:-webkit-box;display:flex;background-color:#000;background-size:cover;background-repeat:no-repeat;background-position:center bottom}.prod-common .prod__intro--2 .title{color:#fff}.prod-common .prod__intro--2 .title--sub{color:#fff}.prod-common .prod__intro--3{background-size:cover;background-repeat:no-repeat;background-position:center bottom}.prod-common .prod__intro--3 .title{color:#444}.prod-common .prod__intro--3 .title--sub{color:#666}.prod-common .prod__intro--3 .content-wrap{padding-top:1rem;font-size:0}.prod-common .prod__intro--3 .prod-img-box{display:inline-block;height:5rem;margin-left:1.2rem;padding-top:.4rem}.prod-common .prod__intro--3 .prod-img-box .prod__img{max-width:100%;max-height:100%;vertical-align:bottom}.prod-common .prod__intro--3 .text-wrap{display:inline-block;width:7rem;line-height:1.6;font-size:.18rem;margin-left:2rem}.prod-common .prod__intro--3 .text-wrap .title-box-1{margin-bottom:.1rem}.prod-common .prod__intro--3 .text-wrap .text-box{padding:.16rem;background-color:rgba(255,255,255,0.7);border-radius:10px;margin-bottom:.2rem;color:#666}.prod-common .prod__intro--3 .text-wrap .info-title{font-size:.26rem}.prod-common .prod__intro--3 .text-wrap .info-title--en{font-size:.18rem;color:#999}.prod-22 .banner-full{background-image:url("22_banner_1.png?v=20190809")}.prod-22 .prod__intro--1{background-image:url("22_banner_2.png?v=20190809")}.prod-22 .prod__intro--1 .prod__img-box{margin-left:-3.17rem;width:6.34rem;height:5.72rem;margin-top:-2.86rem}.prod-22 .prod__intro--1 .prod__img-box .prod__img{width:6.34rem;height:5.72rem}.prod-22 .prod__intro--1 .prod__img-box .info-box--1{right:110%;top:3.63rem}.prod-22 .prod__intro--1 .prod__img-box .info-box--1 .dot{top:.06rem;right:-0.4rem}.prod-22 .prod__intro--1 .prod__img-box .info-box--1 .line{right:-3.8rem;top:.16rem;width:3.5rem;height:2px}.prod-22 .prod__intro--1 .prod__img-box .info-box--1 .info__text{text-align:right;width:4.5rem}.prod-22 .prod__intro--1 .prod__img-box .info-box--1 .info__text--en{text-align:right}.prod-22 .prod__intro--1 .prod__img-box .info-box--2{width:7rem;margin-left:-3.5rem;top:110%;left:50%;text-align:center}.prod-22 .prod__intro--1 .prod__img-box .info-box--2 .dot{top:-0.4rem;left:50%;margin-left:-0.12rem}.prod-22 .prod__intro--1 .prod__img-box .info-box--2 .line{top:-1.3rem;margin-left:-0.01rem;left:50%;height:1rem;width:2px}.prod-22 .prod__intro--1 .prod__img-box .info-box--3{left:110%;top:4.5rem}.prod-22 .prod__intro--1 .prod__img-box .info-box--3 .info__text{width:4.5rem}.prod-22 .prod__intro--1 .prod__img-box .info-box--3 .dot{top:.1rem;left:-0.4rem}.prod-22 .prod__intro--1 .prod__img-box .info-box--3 .line{left:-1.8rem;top:.22rem;width:1.5rem;height:2px}.prod-22 .prod__intro--1 .prod__img-box .info-box--4{left:110%;top:1.47rem}.prod-22 .prod__intro--1 .prod__img-box .info-box--4 .info__text{width:4.5rem}.prod-22 .prod__intro--1 .prod__img-box .info-box--4 .dot{top:.1rem;left:-0.4rem}.prod-22 .prod__intro--1 .prod__img-box .info-box--4 .line{left:-2.3rem;top:.22rem;width:2rem;height:2px}.prod-22 .prod__intro--2 .bg--l,.prod-22 .prod__intro--2 .bg--r{position:relative;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;-webkit-box-pack:end;justify-content:flex-end;color:#fff;-webkit-box-flex:1;flex:1;height:100%}.prod-22 .prod__intro--2 .bg--l .bg,.prod-22 .prod__intro--2 .bg--r .bg{position:absolute;top:0;left:0;height:100%;width:100%;opacity:.7;background-size:cover;background-repeat:no-repeat;background-position:center bottom}.prod-22 .prod__intro--2 .bg--l .bg .prod-img-box,.prod-22 .prod__intro--2 .bg--r .bg .prod-img-box{position:absolute;height:100%}.prod-22 .prod__intro--2 .bg--l .bg .prod-img-box .prod-img,.prod-22 .prod__intro--2 .bg--r .bg .prod-img-box .prod-img{position:absolute}.prod-22 .prod__intro--2 .bg--l .type-title,.prod-22 .prod__intro--2 .bg--r .type-title{font-size:.5rem;padding-bottom:.25rem}.prod-22 .prod__intro--2 .bg--l .type-title--sub,.prod-22 .prod__intro--2 .bg--r .type-title--sub{font-size:.36rem;padding-bottom:.7rem;-webkit-animation-delay:.2s;animation-delay:.2s}.prod-22 .prod__intro--2 .bg--l .bg{background-image:url("prod_1_bg.png?v=20190809")}.prod-22 .prod__intro--2 .bg--l .bg .prod-img-box{left:34%;width:3.4rem}.prod-22 .prod__intro--2 .bg--l .bg .prod-img-box .prod-img{bottom:0}.prod-22 .prod__intro--2 .bg--l .bg .prod-img-box .prod-img--1{left:50%;margin-left:-1.1rem;width:2.2rem}.prod-22 .prod__intro--2 .bg--l .bg .prod-img-box .prod-img--2{bottom:3rem}.prod-22 .prod__intro--2 .bg--r .bg{background-image:url("prod_2_bg.png?v=20190809")}.prod-22 .prod__intro--2 .bg--r .bg .prod-img-box{width:3rem;left:30%}.prod-22 .prod__intro--2 .bg--r .bg .prod-img-box .prod-img--1{bottom:40%}.prod-22 .prod__intro--2 .bg--r .bg .prod-img-box .prod-img--2{bottom:34%}.prod-22 .prod__intro--3{background-image:url("22_banner5.png?v=20190809")}.prod-10 .banner-full{background-image:url("10_banner1.png?v=20190809")}.prod-10 .prod__intro--1{background-image:url("10_banner2.png?v=20190809")}.prod-10 .prod__intro--1 .prod__img-box{width:5.01rem;height:6.1rem;margin-top:-3.05rem;margin-left:-2.5rem}.prod-10 .prod__intro--1 .prod__img-box .prod__img{width:5.01rem;height:6.1rem}.prod-10 .prod__intro--1 .prod__img-box .info-box--1{right:110%;top:.65rem}.prod-10 .prod__intro--1 .prod__img-box .info-box--1 .dot{top:.1rem;right:-0.4rem}.prod-10 .prod__intro--1 .prod__img-box .info-box--1 .line{right:-3rem;top:.22rem;width:2.8rem;height:2px}.prod-10 .prod__intro--1 .prod__img-box .info-box--1 .info__text{text-align:right;width:4.5rem}.prod-10 .prod__intro--1 .prod__img-box .info-box--1 .info__text--en{text-align:right}.prod-10 .prod__intro--1 .prod__img-box .info-box--2{right:110%;top:4.3rem}.prod-10 .prod__intro--1 .prod__img-box .info-box--2 .dot{top:.1rem;right:-0.4rem}.prod-10 .prod__intro--1 .prod__img-box .info-box--2 .line{right:-1.5rem;top:.22rem;width:1.3rem;height:2px}.prod-10 .prod__intro--1 .prod__img-box .info-box--2 .info__text{text-align:right;width:4.5rem}.prod-10 .prod__intro--1 .prod__img-box .info-box--2 .info__text--en{text-align:right}.prod-10 .prod__intro--1 .prod__img-box .info-box--3{left:110%;top:4.5rem}.prod-10 .prod__intro--1 .prod__img-box .info-box--3 .info__text{width:4.5rem}.prod-10 .prod__intro--1 .prod__img-box .info-box--3 .dot{top:.1rem;left:-0.4rem}.prod-10 .prod__intro--1 .prod__img-box .info-box--3 .line{left:-1.8rem;top:.22rem;width:1.5rem;height:2px}.prod-10 .prod__intro--1 .prod__img-box .info-box--4{left:110%;top:1.47rem}.prod-10 .prod__intro--1 .prod__img-box .info-box--4 .info__text{width:4.5rem}.prod-10 .prod__intro--1 .prod__img-box .info-box--4 .dot{top:.1rem;left:-0.4rem}.prod-10 .prod__intro--1 .prod__img-box .info-box--4 .line{left:-2.3rem;top:.22rem;width:2rem;height:2px}.prod-10 .prod__intro--2 .bg{height:100%;width:100%;background-size:cover;background-repeat:no-repeat;background-position:center bottom;background-image:url("10_banner3.png?v=20190809")}.prod-10 .prod__intro--2 .prod-img-box{position:absolute;right:20%;top:24%;width:4.15rem;height:5.06rem}.prod-10 .prod__intro--2 .prod-img-box .prod-img{height:100%;width:100%}.prod-10 .prod__intro--2 .prod-img-box .prod-text-box{position:absolute;bottom:-1.8rem;left:0;width:100%}.prod-10 .prod__intro--2 .prod-img-box .type-title{color:#fff;text-align:center;font-size:.5rem;padding-bottom:.25rem}.prod-10 .prod__intro--2 .prod-img-box .type-title--sub{text-align:center;color:#fff;font-size:.36rem}.prod-10 .prod__intro--3{background-image:url("10_banner4.png?v=20190809")}.prod-7 .banner-full{background-image:url("7_banner1.png?v=20190809")}.prod-7 .prod__intro--1{background-image:url("7_banner2.png?v=20190809")}.prod-7 .prod__intro--1 .prod__img-box{top:54%;width:4.43rem;height:7.12rem;margin-top:-3.56rem;margin-left:-2.21rem}.prod-7 .prod__intro--1 .prod__img-box .prod__img{width:4.43rem;height:7.12rem}.prod-7 .prod__intro--1 .prod__img-box .info-box--1{right:110%;top:4rem}.prod-7 .prod__intro--1 .prod__img-box .info-box--1 .dot-box{top:1.7rem;position:absolute;right:0}.prod-7 .prod__intro--1 .prod__img-box .info-box--1 .dot{top:.1rem;right:-0.4rem}.prod-7 .prod__intro--1 .prod__img-box .info-box--1 .line{right:-2.6rem;top:.22rem;width:2.3rem;height:2px}.prod-7 .prod__intro--1 .prod__img-box .info-box--1 .info__text{text-align:right;width:4.5rem}.prod-7 .prod__intro--1 .prod__img-box .info-box--1 .info__text--en{text-align:right}.prod-7 .prod__intro--1 .prod__img-box .info-box--3{left:110%;top:6rem}.prod-7 .prod__intro--1 .prod__img-box .info-box--3 .info__text{width:4.5rem}.prod-7 .prod__intro--1 .prod__img-box .info-box--3 .dot{top:.1rem;left:-0.4rem}.prod-7 .prod__intro--1 .prod__img-box .info-box--3 .line{left:-1.2rem;top:.22rem;width:.9rem;height:2px}.prod-7 .prod__intro--1 .prod__img-box .info-box--4{left:110%;top:1.89rem}.prod-7 .prod__intro--1 .prod__img-box .info-box--4 .info__text{width:4.5rem}.prod-7 .prod__intro--1 .prod__img-box .info-box--4 .dot{top:.1rem;left:-0.4rem}.prod-7 .prod__intro--1 .prod__img-box .info-box--4 .line{left:-2.3rem;top:.22rem;width:2rem;height:2px}.prod-7 .prod__intro--2 .bg--l,.prod-7 .prod__intro--2 .bg--r{-webkit-box-flex:1;flex:1;height:100%;opacity:.7;background-size:cover;background-repeat:no-repeat;background-position:center bottom}.prod-7 .prod__intro--2 .bg--l{background-image:url("7_bannerzuo.png?v=20190809")}.prod-7 .prod__intro--2 .bg--r{background-image:url("7_banneryou.png?v=20190809")}.prod-7 .prod__intro--3{background-image:url("7_banner4.png?v=20190809")}