.home-banner{height:100vh;background:url("../images/home_banner.jpg") no-repeat center;background-size:cover}.home-banner .title-container{text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%)}.home-banner .title-container .title{font-size:.65rem;font-weight:300;color:#fff;line-height:.91rem;letter-spacing:14px;text-shadow:0 1px 30px rgba(122,122,122,.49)}.home-banner .play-container{position:absolute;left:50%;top:5.2rem;transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);-o-transform:translate(-50%, 0);text-align:center;cursor:pointer;opacity:1;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;display:none}.home-banner .play-container .word{font-size:16px;font-family:gilroy-regular;font-weight:400;color:#fff;line-height:19px;letter-spacing:1px}.home-banner .play-container .play img{opacity:.75;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}.home-banner .play-container .play:hover img{opacity:1}.home-banner .play-container.hide{opacity:0}.home-banner .slide-down{position:absolute;left:50%;bottom:0;transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);-o-transform:translate(-50%, 0);height:108px;width:42px}.home-banner .slide-down .mouse{opacity:1;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}.home-banner .slide-down .word{font-size:12px;color:hsla(0,0%,100%,.75);transform:rotate(270deg);-ms-transform:rotate(270deg);-moz-transform:rotate(270deg);-webkit-transform:rotate(270deg);-o-transform:rotate(270deg);font-family:gilroy-regular;letter-spacing:2px;font-weight:400}.home-banner .slide-down .line{background:hsla(0,0%,100%,.75);position:absolute;left:50%;animation-name:lineMove;animation-duration:1.5s;animation-timing-function:ease;animation-iteration-count:infinite}.home-banner .slide-down.hide .mouse{opacity:0}.home-banner .label{position:absolute;left:0;bottom:.63rem;width:100%;display:none;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}.home-banner .label .label-container{background:#fff;margin:0 .6rem;font-size:0;height:2.72rem;position:relative}.home-banner .label .label-container .icon-container{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%)}.home-banner .label .label-container .icon{width:25%;height:100%;display:inline-block;text-align:center;position:relative;z-index:3;cursor:pointer}.home-banner .label .label-container .icon .icon-img{width:.88rem;height:.88rem;margin:0 auto .32rem auto;font-size:16px;font-family:gilroy-regular;font-weight:400;color:rgba(0,0,0,.5);line-height:19px;letter-spacing:1px;transition:color .5s ease-in;-ms-transition:color .5s ease-in;-moz-transition:color .5s ease-in;-webkit-transition:color .5s ease-in;-o-transition:color .5s ease-in}.home-banner .label .label-container .icon .ch{font-size:.26rem;font-weight:400;color:#333;line-height:.35rem;letter-spacing:2px;font-size:16px;font-family:gilroy-regular;font-weight:400;color:rgba(0,0,0,.5);line-height:19px;letter-spacing:1px;transition:color .5s ease-in;-ms-transition:color .5s ease-in;-moz-transition:color .5s ease-in;-webkit-transition:color .5s ease-in;-o-transition:color .5s ease-in}.home-banner .label .label-container .icon .en{font-size:16px;font-family:gilroy-regular;font-weight:400;color:rgba(0,0,0,.5);line-height:19px;letter-spacing:1px;transition:color .5s ease-in;-ms-transition:color .5s ease-in;-moz-transition:color .5s ease-in;-webkit-transition:color .5s ease-in;-o-transition:color .5s ease-in}.home-banner .label .label-container .icon.active .ch{color:#fff}.home-banner .label .label-container .icon.active .en{color:hsla(0,0%,100%,.5)}.home-banner .label .label-container .icon::after{content:"";width:1px;height:124px;background:#d9d9d9;position:absolute;right:0;top:50%;transform:translate(0, -50%);-ms-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);-o-transform:translate(0, -50%)}.home-banner .label .label-container .icon.active::after{display:none}.home-banner .label .label-container .icon1 .icon-img{background:url("../images/icon1_hover.png") no-repeat center;background-size:contain}.home-banner .label .label-container .icon1.active .icon-img{background:url("../images/icon1.png") no-repeat center;background-size:contain}.home-banner .label .label-container .icon2 .icon-img{background:url("../images/icon2_hover.png") no-repeat center;background-size:contain}.home-banner .label .label-container .icon2.active .icon-img{background:url("../images/icon2.png") no-repeat center;background-size:contain}.home-banner .label .label-container .icon3 .icon-img{background:url("../images/icon3_hover.png") no-repeat center;background-size:contain}.home-banner .label .label-container .icon3.active .icon-img{background:url("../images/icon3.png") no-repeat center;background-size:contain}.home-banner .label .label-container .icon4 .icon-img{background:url("../images/icon4_hover.png") no-repeat center;background-size:contain}.home-banner .label .label-container .icon4.active .icon-img{background:url("../images/icon4.png") no-repeat center;background-size:contain}.home-banner .label .label-container .active-bg{width:25%;height:2.84rem;background:#0091ff;box-shadow:0px 0px 30px 0px rgba(19,66,123,.35);position:absolute;top:-0.12rem;left:0;z-index:2}.introduce{font-size:0;position:relative;z-index:4}.introduce .top{padding-top:.8rem;margin-left:1.42rem}.introduce .top .left{display:inline-block;vertical-align:middle}.introduce .top .left .logo{width:4.15rem;height:.98rem;width:21.7vw;height:5.1vw;background:url("../images/intro_logo2x.png") no-repeat center;background-size:cover;display:inline-block;vertical-align:top}.introduce .top .left .line{width:4px;height:.56rem;height:2.92vw;background:#f7b500;display:inline-block;vertical-align:top;margin-top:.1rem}.introduce .top .left .title{font-size:.3rem;font-weight:400;color:#040404;line-height:.35rem;letter-spacing:2px;display:inline-block;vertical-align:top;max-width:4.02rem;margin-left:.58rem}.introduce .top .right{display:inline-block;vertical-align:top;font-size:14px;font-weight:400;color:#040404;line-height:.25rem;letter-spacing:2px;max-width:6.17rem;margin-left:1.18rem;cursor:pointer;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;text-align:justify}.introduce .top .right:hover{color:#000}.introduce .bottom{margin:20px .6rem 0;overflow:hidden}.introduce .bottom .swiper-slide{overflow:hidden;text-align:center}.introduce .bottom .swiper-slide .img{overflow:hidden}.introduce .bottom .swiper-button-prev{background-image:url("../images/intro_prev.png");background-size:contain;width:51px;height:51px;transition:background-image .3s,opacity .3s;-ms-transition:background-image .3s,opacity .3s;-moz-transition:background-image .3s,opacity .3s;-webkit-transition:background-image .3s,opacity .3s;-o-transition:background-image .3s,opacity .3s;opacity:0}.introduce .bottom .swiper-button-next{background-image:url("../images/intro_next.png");background-size:contain;width:51px;height:51px;transition:background-image .3s,opacity .3s;-ms-transition:background-image .3s,opacity .3s;-moz-transition:background-image .3s,opacity .3s;-webkit-transition:background-image .3s,opacity .3s;-o-transition:background-image .3s,opacity .3s;opacity:0}.introduce .bottom .swiper-button-prev:hover{background-image:url("../images/intro_prev_hover.png");background-size:contain}.introduce .bottom .swiper-button-next:hover{background-image:url("../images/intro_next_hover.png");background-size:contain}.introduce .bottom .swiper-slide img{width:100%;animation-duration:5s;animation-timing-function:linear;animation-fill-mode:forwards;-webkit-animation-duration:5s;-webkit-animation-timing-function:linear;-webkit-animation-fill-mode:forwards}.introduce .bottom:hover .swiper-button-prev,.introduce .bottom:hover .swiper-button-next{opacity:1}.introduce .intro-left{width:1.24rem;height:1.74rem;background:url("../images/intro_left.png") no-repeat center;background-size:cover;position:absolute;left:0;bottom:0}.introduce .intro-right{width:1.86rem;height:1.96rem;background:url("../images/intro_right.png") no-repeat center;background-size:cover;position:absolute;right:0;top:1.16rem}.swiper-container-parent{width:100%;height:100%;background:#074cee;background-size:cover;position:relative}.swiper-container-parent .title-container{position:absolute;top:2.05rem;left:2.97rem;z-index:99}.swiper-container-parent .title-container .title{font-size:.3rem;font-weight:400;color:#fff;line-height:.56rem}.swiper-container-parent .title-container .subTitle{font-size:.3rem;font-family:gilroy-regular;font-weight:300;color:#fff;line-height:.36rem}.swiper-container-parent .swiper-container{height:100%}.swiper-container-parent .swiper-container .swiper-wrapper{margin-left:25%}.swiper-container-parent .swiper-container .swiper-slide{display:table}.swiper-container-parent .swiper-container .content{display:table-cell;vertical-align:middle}.swiper-container-parent .swiper-container .content .left{display:inline-block;vertical-align:middle;height:auto}.swiper-container-parent .swiper-container .content .right{display:inline-block;vertical-align:middle;max-width:5.56rem;margin-left:.4rem}.swiper-container-parent .swiper-container .content .right .line{width:43px;height:3px;background:#ffc05e}.swiper-container-parent .swiper-container .content .right .title{font-size:.26rem;font-weight:400;color:#fff;line-height:.37rem;letter-spacing:2px;margin-top:.36rem;margin-bottom:.22rem}.swiper-container-parent .swiper-container .content .right .subTitle{font-size:.2rem;font-weight:400;color:#fff;line-height:.28rem;letter-spacing:1px}.swiper-container-parent .swiper-container .content .right .info{font-size:16px;font-weight:400;color:#fff;line-height:30px;margin-top:.11rem;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;text-align:justify;display:block}.swiper-container-parent .swiper-container .content .right .info:hover{color:#fff}.swiper-container-parent .swiper-container .service-prev{width:60px;height:60px;background-image:url("../images/service-left.png");background-size:contain;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;left:.6rem}.swiper-container-parent .swiper-container .service-prev:hover{background-image:url("../images/service-left-hover.png");background-size:contain}.swiper-container-parent .swiper-container .service-next{width:60px;height:60px;background-image:url("../images/service-right.png");background-size:contain;transition:all .5s;right:.6rem}.swiper-container-parent .swiper-container .service-next:hover{background-image:url("../images/service-right-hover.png");background-size:contain}.swiper-container-parent .swiper-container .swiper-pagination{white-space:nowrap;transition:700ms;-ms-transition:700ms;-moz-transition:700ms;-webkit-transition:700ms;-o-transition:700ms;bottom:1.54rem;font-size:0;margin-left:30%;width:auto}.swiper-container-parent .swiper-container .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background:#fff;opacity:1;position:relative;margin:0}.swiper-container-parent .swiper-container .swiper-pagination .swiper-pagination-bullet i{width:4px;height:4px;background:#fff;opacity:.4;position:absolute;left:70px;top:4px}.swiper-container-parent .swiper-container .swiper-pagination .swiper-pagination-bullet i:nth-child(2){left:140px}.swiper-container-parent .swiper-container .swiper-pagination .swiper-pagination-bullet i:nth-child(3){left:210px}.swiper-container-parent .swiper-container .swiper-pagination .swiper-pagination-bullet i:nth-child(4){left:280px}.swiper-container-parent .swiper-container .swiper-pagination .swiper-pagination-bullet span{opacity:0;width:56px;height:56px;border-radius:50%;background-image:linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, white 100%);position:absolute;animation-fill-mode:forwards;left:50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);top:50%;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}.swiper-container-parent .swiper-container .swiper-pagination .swiper-pagination-bullet-active::before{content:"";width:1px;height:0;position:absolute;background:#fff;bottom:0;left:50%;z-index:-1;transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);animation:line .8s 1;animation-fill-mode:forwards}.swiper-container-parent .swiper-container .swiper-pagination .swiper-pagination-bullet-active{background:#f78c1f}.swiper-container-parent .swiper-container .swiper-pagination .swiper-pagination-bullet-active span{opacity:.2}.focus-areas{height:100%;position:relative;z-index:4;background:#fff}.focus-areas .focus-left{padding-top:2rem;padding-left:2.97rem}.focus-areas .focus-left .title-container{display:block}.focus-areas .focus-left .title-container .ch{font-size:.3rem;font-weight:400;color:#040404;line-height:.56rem}.focus-areas .focus-left .title-container .en{font-size:.3rem;font-family:gilroy-regular;font-weight:300;color:#040404;line-height:.36rem}.focus-areas .focus-left .icon-container{margin-top:.32rem;margin-bottom:.54rem;width:6rem;text-align:center}.focus-areas .focus-left .icon-container .icon{display:inline-block;vertical-align:top;width:30%;margin-top:.28rem;cursor:pointer}.focus-areas .focus-left .icon-container .icon .icon-img{width:64px;height:64px;margin:0 auto;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}.focus-areas .focus-left .icon-container .icon .word{font-size:.18rem;font-weight:400;color:#040404;line-height:.25rem;margin-top:8px}.focus-areas .focus-left .icon-container .icon1 .icon-img{background:url(../images/focus-icon1.png) no-repeat center;background-size:contain}.focus-areas .focus-left .icon-container .icon1:hover .icon-img{background:url(../images/focus-icon1-hover.png) no-repeat center;background-size:contain}.focus-areas .focus-left .icon-container .icon1.active .icon-img{background:url(../images/focus-icon1-hover.png) no-repeat center;background-size:contain}.focus-areas .focus-left .icon-container .icon1.active .word{color:#1e4bd4}.focus-areas .focus-left .icon-container .icon2 .icon-img{background:url(../images/focus-icon2.png) no-repeat center;background-size:contain}.focus-areas .focus-left .icon-container .icon2:hover .icon-img{background:url(../images/focus-icon2-hover.png) no-repeat center;background-size:contain}.focus-areas .focus-left .icon-container .icon2.active .icon-img{background:url(../images/focus-icon2-hover.png) no-repeat center;background-size:contain}.focus-areas .focus-left .icon-container .icon2.active .word{color:#1e4bd4}.focus-areas .focus-left .icon-container .icon3 .icon-img{background:url(../images/focus-icon3.png) no-repeat center;background-size:contain}.focus-areas .focus-left .icon-container .icon3:hover .icon-img{background:url(../images/focus-icon3-hover.png) no-repeat center;background-size:contain}.focus-areas .focus-left .icon-container .icon3.active .icon-img{background:url(../images/focus-icon3-hover.png) no-repeat center;background-size:contain}.focus-areas .focus-left .icon-container .icon3.active .word{color:#1e4bd4}.focus-areas .focus-left .icon-container .icon4 .icon-img{background:url(../images/focus-icon4.png) no-repeat center;background-size:contain}.focus-areas .focus-left .icon-container .icon4:hover .icon-img{background:url(../images/focus-icon4-hover.png) no-repeat center;background-size:contain}.focus-areas .focus-left .icon-container .icon4.active .icon-img{background:url(../images/focus-icon4-hover.png) no-repeat center;background-size:contain}.focus-areas .focus-left .icon-container .icon4.active .word{color:#1e4bd4}.focus-areas .focus-left .icon-container .icon5 .icon-img{background:url(../images/focus-icon5.png) no-repeat center;background-size:contain}.focus-areas .focus-left .icon-container .icon5:hover .icon-img{background:url(../images/focus-icon5-hover.png) no-repeat center;background-size:contain}.focus-areas .focus-left .icon-container .icon5.active .icon-img{background:url(../images/focus-icon5-hover.png) no-repeat center;background-size:contain}.focus-areas .focus-left .icon-container .icon5.active .word{color:#1e4bd4}.focus-areas .focus-left .icon-container .icon6 .icon-img{background:url(../images/focus-icon6.png) no-repeat center;background-size:contain}.focus-areas .focus-left .icon-container .icon6:hover .icon-img{background:url(../images/focus-icon6-hover.png) no-repeat center;background-size:contain}.focus-areas .focus-left .icon-container .icon6.active .icon-img{background:url(../images/focus-icon6-hover.png) no-repeat center;background-size:contain}.focus-areas .focus-left .icon-container .icon6.active .word{color:#1e4bd4}.focus-areas .focus-left .info{width:5.57rem;margin-top:.4rem;font-size:14px;font-weight:400;color:#040404;line-height:30px;text-align:justify}.focus-areas .focus-left .info a{color:#040404;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}.focus-areas .focus-left .info:hover a{color:#000}.focus-areas .focus-right{width:10.6rem;height:100%;background-image:url("../images/focus_bg1.png");background-repeat:no-repeat;background-size:contain;background-position:center;position:absolute;right:0;bottom:0;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}.focus-areas .focus-left-bg{width:1.61rem;height:1.59rem;background:url("../images/focus-left.png") no-repeat center;background-size:cover;position:absolute;left:.48rem;bottom:0}.focus-areas .focus-top-bg{width:1.11rem;height:1.1rem;background:url("../images/focus-top.png") no-repeat center;background-size:cover;position:absolute;left:7.52rem;top:.37rem}.news-area{height:100%;position:relative}.news-area .title-container{display:block;padding-top:.6rem;padding-bottom:.46rem}.news-area .ch{font-family:PingFangSC,PingFangSC-Regular;font-size:.3rem;font-weight:400;color:#040404;line-height:.56rem;text-align:center}.news-area .en{font-size:.3rem;font-family:Gilroy,Gilroy-Light;font-weight:300;color:#040404;line-height:.36rem;text-align:center}.news-area .news-top{width:1.99rem;height:1.89rem;background:url("../images/news-top.png") no-repeat center;background-size:cover;position:absolute;top:.24rem;right:4.3rem}.news-area .news-container{margin:0 .6rem;font-size:0;position:relative;z-index:2}.news-area .news-container .more{display:none}.news-area .news-container .left{display:inline-block;vertical-align:top;width:9.03rem}.news-area .news-container .left a{display:block;overflow:hidden;position:relative}.news-area .news-container .left a img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all 1.5s;-ms-transition:all 1.5s;-moz-transition:all 1.5s;-webkit-transition:all 1.5s;-o-transition:all 1.5s;margin-left:0 !important}.news-area .news-container .left a .info{position:absolute;bottom:0;left:0;background:rgba(38,43,48,.619);width:100%;padding:.21rem .56rem;transition:all 1.5s;-ms-transition:all 1.5s;-moz-transition:all 1.5s;-webkit-transition:all 1.5s;-o-transition:all 1.5s}.news-area .news-container .left a .info .date{font-size:.16rem;font-family:gilroy-regular;font-weight:500;color:hsla(0,0%,100%,.7);line-height:.19rem;letter-spacing:2px;margin-bottom:.05rem}.news-area .news-container .left a .info .title{font-size:.24rem;font-weight:400;color:#fff;line-height:.4rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.news-area .news-container .left a:hover img{transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2)}.news-area .news-container .left a:hover .info{background:#1e4bd4}.news-area .news-container .right{display:inline-block;vertical-align:top;width:calc(100% - 9.26rem);margin-left:.21rem}.news-area .news-container .right ul li{margin-bottom:.18rem;background:#f8f8f8;border-radius:5px;transition:all 1.5s;-ms-transition:all 1.5s;-moz-transition:all 1.5s;-webkit-transition:all 1.5s;-o-transition:all 1.5s}.news-area .news-container .right ul li a{display:block;overflow:hidden}.news-area .news-container .right ul li a .img-container{overflow:hidden;display:inline-block;vertical-align:top;width:32.8%}.news-area .news-container .right ul li a .img-container img{margin-left:0 !important;-o-object-fit:cover;object-fit:cover;transition:all 1.5s;-ms-transition:all 1.5s;-moz-transition:all 1.5s;-webkit-transition:all 1.5s;-o-transition:all 1.5s}.news-area .news-container .right ul li a .info{display:inline-block;vertical-align:top;padding:5.6% 4.1% 0 4.6%;width:67.2%}.news-area .news-container .right ul li a .info .date{font-size:.16rem;font-family:gilroy-regular;font-weight:500;color:rgba(71,73,85,.7);line-height:.19rem;letter-spacing:2px;margin-bottom:.18rem}.news-area .news-container .right ul li a .info .title{font-size:.24rem;font-weight:400;color:#3c3f40;line-height:.42rem;overflow:hidden;text-overflow:ellipsis;display:box;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:all 1.5s;-ms-transition:all 1.5s;-moz-transition:all 1.5s;-webkit-transition:all 1.5s;-o-transition:all 1.5s}.news-area .news-container .right ul li a:hover{box-shadow:0px 20px 20px -20px rgba(127,84,21,.23)}.news-area .news-container .right ul li a:hover .img-container img{transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2)}.news-area .news-container .right ul li:last-child{margin-bottom:0}.news-area .news-container .right ul li:hover{box-shadow:0px 20px 20px -20px rgba(127,84,21,.23);background:#f0f7fb}.news-area .news-container .right ul li:hover a .img-container img{transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2)}.news-area .news-container .right ul li:hover a .title{color:#1e4bd4}.leftUp img{animation-name:leftUp}@keyframes lineMove{0%{width:1px;top:38px;height:0}20%{width:1px;top:38px;height:0}50%{width:1px;top:38px;height:70px}100%{width:1px;top:108px;height:0}}@keyframes leftUp{0%{transform:scale(1.1, 1.1) translate(4.545%, 4.545%);-ms-transform:scale(1.1, 1.1) translate(4.545%, 4.545%);-moz-transform:scale(1.1, 1.1) translate(4.545%, 4.545%);-webkit-transform:scale(1.1, 1.1) translate(4.545%, 4.545%);-o-transform:scale(1.1, 1.1) translate(4.545%, 4.545%)}100%{transform:scale(1.1, 1.1) translate(-4.545%, -4.545%);-ms-transform:scale(1.1, 1.1) translate(-4.545%, -4.545%);-moz-transform:scale(1.1, 1.1) translate(-4.545%, -4.545%);-webkit-transform:scale(1.1, 1.1) translate(-4.545%, -4.545%);-o-transform:scale(1.1, 1.1) translate(-4.545%, -4.545%)}}.moveRight img{animation-name:moveRight}@keyframes moveRight{0%{transform:scale(1.1, 1.1) translate(-4.545%, 0);-ms-transform:scale(1.1, 1.1) translate(-4.545%, 0);-moz-transform:scale(1.1, 1.1) translate(-4.545%, 0);-webkit-transform:scale(1.1, 1.1) translate(-4.545%, 0);-o-transform:scale(1.1, 1.1) translate(-4.545%, 0)}100%{transform:scale(1.1, 1.1) translate(4.545%, 0);-ms-transform:scale(1.1, 1.1) translate(4.545%, 0);-moz-transform:scale(1.1, 1.1) translate(4.545%, 0);-webkit-transform:scale(1.1, 1.1) translate(4.545%, 0);-o-transform:scale(1.1, 1.1) translate(4.545%, 0)}}.moveDown img{animation-name:moveDown}@keyframes moveDown{0%{transform:scale(1.1, 1.1) translate(0, -4.545%);-ms-transform:scale(1.1, 1.1) translate(0, -4.545%);-moz-transform:scale(1.1, 1.1) translate(0, -4.545%);-webkit-transform:scale(1.1, 1.1) translate(0, -4.545%);-o-transform:scale(1.1, 1.1) translate(0, -4.545%)}100%{transform:scale(1.1, 1.1) translate(0, 4.545%);-ms-transform:scale(1.1, 1.1) translate(0, 4.545%);-moz-transform:scale(1.1, 1.1) translate(0, 4.545%);-webkit-transform:scale(1.1, 1.1) translate(0, 4.545%);-o-transform:scale(1.1, 1.1) translate(0, 4.545%)}}.centerBig img{animation-name:centerBig}@keyframes centerBig{100%{transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1)}}.rightDownBig img{animation-name:rightDownBig}@keyframes rightDownBig{100%{transform:scale(1.1, 1.1) translate(4%, 4%);-ms-transform:scale(1.1, 1.1) translate(4%, 4%);-moz-transform:scale(1.1, 1.1) translate(4%, 4%);-webkit-transform:scale(1.1, 1.1) translate(4%, 4%);-o-transform:scale(1.1, 1.1) translate(4%, 4%)}}@keyframes line{from{height:0px}to{height:5.4rem}}.mouse{background:rgba(0,0,0,0) linear-gradient(transparent 0%, transparent 50%, #ffffff 50%, #ffffff 100%);position:relative;width:34px;height:60px;border-radius:100px;background-size:100% 200%;animation:colorSlide 5s linear infinite,nudgeMouse 5s ease-out infinite;border:5px solid #fff}.mouse:before,.mouse:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.mouse:before{width:26px;height:52px;background-color:rgba(0,0,0,0);border-radius:100px}.mouse:after{background-color:#ff6a5e;width:10px;height:10px;border-radius:100%;animation:trackBallSlide 5s linear infinite}@keyframes trackBallSlide{0%{opacity:1;transform:scale(1) translateY(-20px);-ms-transform:scale(1) translateY(-20px);-moz-transform:scale(1) translateY(-20px);-webkit-transform:scale(1) translateY(-20px);-o-transform:scale(1) translateY(-20px)}6%{opacity:1;transform:scale(0.9) translateY(5px);-ms-transform:scale(0.9) translateY(5px);-moz-transform:scale(0.9) translateY(5px);-webkit-transform:scale(0.9) translateY(5px);-o-transform:scale(0.9) translateY(5px)}14%{opacity:0;transform:scale(0.4) translateY(40px);-ms-transform:scale(0.4) translateY(40px);-moz-transform:scale(0.4) translateY(40px);-webkit-transform:scale(0.4) translateY(40px);-o-transform:scale(0.4) translateY(40px)}15%,19%{opacity:0;transform:scale(0.4) translateY(-20px);-ms-transform:scale(0.4) translateY(-20px);-moz-transform:scale(0.4) translateY(-20px);-webkit-transform:scale(0.4) translateY(-20px);-o-transform:scale(0.4) translateY(-20px)}28%,29.99%{opacity:1;transform:scale(1) translateY(-20px);-ms-transform:scale(1) translateY(-20px);-moz-transform:scale(1) translateY(-20px);-webkit-transform:scale(1) translateY(-20px);-o-transform:scale(1) translateY(-20px)}30%{opacity:1;transform:scale(1) translateY(-20px);-ms-transform:scale(1) translateY(-20px);-moz-transform:scale(1) translateY(-20px);-webkit-transform:scale(1) translateY(-20px);-o-transform:scale(1) translateY(-20px)}36%{opacity:1;transform:scale(0.9) translateY(5px);-ms-transform:scale(0.9) translateY(5px);-moz-transform:scale(0.9) translateY(5px);-webkit-transform:scale(0.9) translateY(5px);-o-transform:scale(0.9) translateY(5px)}44%{opacity:0;transform:scale(0.4) translateY(40px);-ms-transform:scale(0.4) translateY(40px);-moz-transform:scale(0.4) translateY(40px);-webkit-transform:scale(0.4) translateY(40px);-o-transform:scale(0.4) translateY(40px)}45%,49%{opacity:0;transform:scale(0.4) translateY(-20px);-ms-transform:scale(0.4) translateY(-20px);-moz-transform:scale(0.4) translateY(-20px);-webkit-transform:scale(0.4) translateY(-20px);-o-transform:scale(0.4) translateY(-20px)}58%,59.99%{opacity:1;transform:scale(1) translateY(-20px);-ms-transform:scale(1) translateY(-20px);-moz-transform:scale(1) translateY(-20px);-webkit-transform:scale(1) translateY(-20px);-o-transform:scale(1) translateY(-20px)}60%{opacity:1;transform:scale(1) translateY(-20px);-ms-transform:scale(1) translateY(-20px);-moz-transform:scale(1) translateY(-20px);-webkit-transform:scale(1) translateY(-20px);-o-transform:scale(1) translateY(-20px)}66%{opacity:1;transform:scale(0.9) translateY(5px);-ms-transform:scale(0.9) translateY(5px);-moz-transform:scale(0.9) translateY(5px);-webkit-transform:scale(0.9) translateY(5px);-o-transform:scale(0.9) translateY(5px)}74%{opacity:0;transform:scale(0.4) translateY(40px);-ms-transform:scale(0.4) translateY(40px);-moz-transform:scale(0.4) translateY(40px);-webkit-transform:scale(0.4) translateY(40px);-o-transform:scale(0.4) translateY(40px)}75%,79%{opacity:0;transform:scale(0.4) translateY(-20px);-ms-transform:scale(0.4) translateY(-20px);-moz-transform:scale(0.4) translateY(-20px);-webkit-transform:scale(0.4) translateY(-20px);-o-transform:scale(0.4) translateY(-20px)}88%,100%{opacity:1;transform:scale(1) translateY(-20px);-ms-transform:scale(1) translateY(-20px);-moz-transform:scale(1) translateY(-20px);-webkit-transform:scale(1) translateY(-20px);-o-transform:scale(1) translateY(-20px)}}@keyframes nudgeMouse{0%{transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0)}20%{transform:translateY(8px);-ms-transform:translateY(8px);-moz-transform:translateY(8px);-webkit-transform:translateY(8px);-o-transform:translateY(8px)}30%{transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0)}50%{transform:translateY(8px);-ms-transform:translateY(8px);-moz-transform:translateY(8px);-webkit-transform:translateY(8px);-o-transform:translateY(8px)}60%{transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0)}80%{transform:translateY(8px);-ms-transform:translateY(8px);-moz-transform:translateY(8px);-webkit-transform:translateY(8px);-o-transform:translateY(8px)}90%{transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0)}}@keyframes nudgeText{0%{transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0)}20%{transform:translateY(2px);-ms-transform:translateY(2px);-moz-transform:translateY(2px);-webkit-transform:translateY(2px);-o-transform:translateY(2px)}30%{transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0)}50%{transform:translateY(2px);-ms-transform:translateY(2px);-moz-transform:translateY(2px);-webkit-transform:translateY(2px);-o-transform:translateY(2px)}60%{transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0)}80%{transform:translateY(2px);-ms-transform:translateY(2px);-moz-transform:translateY(2px);-webkit-transform:translateY(2px);-o-transform:translateY(2px)}90%{transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0)}}@media(min-width: 1200px)and (max-height: 650px){.introduce .bottom{height:calc(100vh - 2.01rem - 80px)}}@media(max-width: 1445px){.header-container .search{width:14px;height:14px}.header-container .en{font-size:14px}.introduce .top::after{content:"";display:block;width:0;height:0;clear:both}.introduce .top .left{float:left}.introduce .top .right{float:left;font-size:14px;line-height:20px;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.home-banner .play-container .play img{width:80%}.focus-areas .focus-left .icon-container .icon .word,.focus-areas .focus-left .info{font-size:14px;line-height:24px}.news-area .news-container .left a .info .date{font-size:14px;line-height:18px}.news-area .news-container .right ul li a .info .date{font-size:12px;line-height:14px}.swiper-container-parent .swiper-container .service-next,.swiper-container-parent .swiper-container .service-prev{width:42px}.swiper-container-parent .swiper-container .content .right .info{font-size:14px}}@media(max-width: 1340px){.introduce .top .right{margin-left:32px}}@media(max-width: 1200px){.home-banner .title-container .title{min-width:600px}.fp-section.fp-table,.fp-slide.fp-table,.fp-tableCell{height:auto !important}.header-container.phone-header{height:62px;background:#fff}.header-container .phone-menu{width:30px;height:17px;background:url(../images/menu2x.png) no-repeat center;background-size:cover;position:absolute;right:20px;top:58px;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;cursor:pointer}.header-container .logo{top:49px}.header-container.phone-header .logo{background:url(../images/logo_scroll2x.png) no-repeat center;background-size:100% auto;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%)}.header-container.phone-header .phone-menu{top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);background:url(../images/menu-active.png) no-repeat center;background-size:cover}.home-banner .title-container{top:50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%)}.home-banner .play-container{top:60%}.introduce{height:auto}.introduce .top{padding-top:51px;margin-left:0}.introduce .top .left{display:block;float:none}.introduce .top .right{float:none;display:block;margin-left:0;width:100%;max-width:100%;padding:0 30px;margin-bottom:33px}.introduce .top .left .logo{display:block;margin:0 auto;width:202px;height:48px}.introduce .top .left .title{display:block;font-size:20px;font-weight:500;color:#040404;line-height:30px;letter-spacing:2px;width:100%;max-width:100%;margin-left:0;margin-top:18px;margin-bottom:25px;text-align:center}.introduce .top .left .line{display:none}.introduce .bottom{margin:0 .6rem 30px}.swiper-container-parent{height:9.6rem}.introduce .bottom .swiper-button-next,.introduce .bottom .swiper-button-prev{width:26px;height:26px}.swiper-container-parent .swiper-container .service-next,.swiper-container-parent .swiper-container .service-prev{width:26px}.focus-areas{height:9.6rem}.focus-areas .focus-left{padding-top:1rem;padding-left:1.5rem}.focus-areas .focus-left .info{width:6.5rem}.swiper-container-parent .title-container{top:1rem;left:1.5rem}.swiper-container-parent .swiper-container .content .right .info{line-height:24px}.swiper-container-parent .swiper-container .content .right .subTitle{font-size:16px}.swiper-container-parent .title-container .title,.swiper-container-parent .title-container .subTitle{font-size:20px;line-height:30px}.focus-areas .focus-left .title-container .ch,.focus-areas .focus-left .title-container .en{font-size:20px;line-height:30px}.news-area .ch,.news-area .en{font-size:20px;line-height:30px}.news-area{height:9.6rem}.news-area .news-container .left a .info .date{font-size:12px;line-height:16px}.news-area .news-container .left a .info .title{font-size:14px;line-height:18px}.news-area .news-container .right ul li a .info .title{font-size:14px;line-height:18px}}@media(max-width: 992px){.swiper-container-parent,.focus-areas,.news-area{height:11rem}.swiper-container-parent .swiper-container .content .right .info,.focus-areas .focus-left .info{font-size:12px;line-height:20px}.footer .top .title{font-size:18px;line-height:22px}.footer .top .info{font-size:14px;line-height:26px}.footer .top .contact{font-size:14px}}@media(max-width: 768px){.header-container .logo{width:150px;height:34px;left:20px}.home-banner .title-container{width:100%}.home-banner{background-position-x:41%}.swiper-container-parent{background-position-x:41%}.home-banner .title-container .title{font-size:28px;font-weight:300;color:#fff;line-height:46px;letter-spacing:1px;min-width:100%}.home-banner .slide-down{left:18px;transform:inherit;-ms-transform:inherit;-moz-transform:inherit;-webkit-transform:inherit;-o-transform:inherit}.introduce .bottom{margin:0}.introduce .bottom .swiper-slide img{height:640px;width:auto;max-width:-moz-max-content;max-width:max-content}.swiper-container-parent{height:817px}.swiper-container-parent .title-container{top:54px;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%)}.swiper-container-parent .title-container .title{font-size:24px;font-weight:400;color:#f9fafa;line-height:34px;letter-spacing:2px;margin-bottom:3px}.swiper-container-parent .title-container .subTitle{font-size:24px;font-weight:400;color:#fff;line-height:28px;letter-spacing:1px}.swiper-container-parent .swiper-container .service-next,.swiper-container-parent .swiper-container .service-prev,.swiper-container-parent .swiper-container .swiper-pagination .swiper-pagination-bullet-active::before{display:none}.swiper-container-parent .swiper-container .swiper-wrapper{margin-left:0}.swiper-container-parent .swiper-container .content .left{display:block;width:100%;height:auto;text-align:center}.swiper-container-parent .swiper-container .content .right{display:block;max-width:100%;margin:0 30px}.swiper-container-parent .swiper-container .content .right .line{display:none}.swiper-container-parent .swiper-container .content .right .title{font-size:28px;font-weight:600;color:#f9fafa;line-height:34px;letter-spacing:2px;margin-top:36px;margin-bottom:14px;text-align:center}.swiper-container-parent .swiper-container .content .right .subTitle{font-size:18px;font-weight:400;color:#f9fafa;line-height:30px;letter-spacing:1px;text-align:center}.swiper-container-parent .swiper-container .content .right .info{font-size:14px;font-weight:400;color:#fff;line-height:30px;letter-spacing:1px;margin-top:14px}.swiper-container-parent .swiper-container .swiper-pagination{bottom:56px}.focus-areas{height:auto;background:#f6f7f9}.focus-areas .focus-left{padding-top:54px;padding-left:0}.focus-areas .focus-left .title-container{text-align:center}.focus-areas .focus-left .title-container .ch{font-size:24px;font-weight:400;color:rgba(0,0,0,.85);line-height:34px;letter-spacing:2px;margin-bottom:3px}.focus-areas .focus-left .title-container .en{font-size:24px;font-weight:400;color:rgba(0,0,0,.85);line-height:28px;letter-spacing:1px}.focus-areas .focus-left .icon-container{width:100%;margin-top:0;margin-bottom:25px}.focus-areas .focus-left .icon-container .icon{margin-top:22px}.focus-areas .focus-left .icon-container .icon .icon-img{width:40px;height:40px}.focus-areas .focus-left .icon-container .icon .word{font-size:14px;font-weight:400;color:rgba(0,0,0,.85);line-height:20px}.focus-areas .focus-left .info{width:100%;font-size:14px;font-weight:400;color:#040404;line-height:30px;letter-spacing:1px;padding:0 30px}.focus-areas .focus-right{width:100%;height:312px;position:inherit;margin-top:45px;background-position:bottom}.focus-areas .focus-left-bg{display:none}.news-area{height:auto}.news-area .ch{font-size:24px;font-weight:400;color:rgba(0,0,0,.85);line-height:34px;letter-spacing:2px;margin-bottom:3px}.news-area .en{font-size:24px;font-weight:400;color:rgba(0,0,0,.85);line-height:28px;letter-spacing:1px}.news-area .title-container{padding-top:54px;padding-bottom:17px}.news-area .news-container{margin:0 20px}.news-area .news-container .left{display:block;width:100%}.news-area .news-container .right{display:block;width:100%;margin-left:0;margin-top:10px}.news-area .news-container .left a .info{padding:15px 20px}.news-area .news-container .left a .info .date{font-size:12px;font-weight:500;color:#fff;line-height:14px;margin-bottom:6px}.news-area .news-container .left a .info .title{font-size:14px;font-weight:400;color:#fff;line-height:20px;letter-spacing:1px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:inherit;height:40px}.news-area .news-container .right ul li{background:#f4f4f4}.news-area .news-container .right ul li a .img-container{width:40%}.news-area .news-container .right ul li a .info{width:60%;padding:14px 14px 0 14px}.news-area .news-container .right ul li a .info .date{font-size:10px;font-weight:500;color:rgba(0,0,0,.65);line-height:11px}.news-area .news-container .right ul li a .info .title{font-size:14px;font-weight:400;color:#040404;line-height:20px;letter-spacing:1px;-webkit-line-clamp:3;height:60px}.news-area .news-container .right ul li{margin-bottom:10px}.news-area .news-container .more{width:170px;height:32px;background:#f0f7fb;border-radius:20px;display:block;text-align:center;margin:25px auto;position:relative}.news-area .news-container .more span{font-size:12px;font-weight:400;color:#333;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%)}}@media(min-width: 769px)and (max-width: 1200px){.news-area-container{display:table}.news-area{display:table-cell;vertical-align:middle}.news-area .title-container{padding-top:0}}@media only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx){.swiper-container-parent .swiper-container .service-next{background-image:url(../images/service-right2x.png);background-size:contain}.swiper-container-parent .swiper-container .service-prev{background-image:url(../images/service-left2x.png);background-size:contain}.focus-areas .focus-left .icon-container .icon1 .icon-img{background:url(../images/focus-icon12x.png) no-repeat center;background-size:contain}.focus-areas .focus-left .icon-container .icon2 .icon-img{background:url(../images/focus-icon22x.png) no-repeat center;background-size:contain}.focus-areas .focus-left .icon-container .icon3 .icon-img{background:url(../images/focus-icon32x.png) no-repeat center;background-size:contain}.focus-areas .focus-left .icon-container .icon4 .icon-img{background:url(../images/focus-icon42x.png) no-repeat center;background-size:contain}.focus-areas .focus-left .icon-container .icon5 .icon-img{background:url(../images/focus-icon52x.png) no-repeat center;background-size:contain}.focus-areas .focus-left .icon-container .icon6 .icon-img{background:url(../images/focus-icon62x.png) no-repeat center;background-size:contain}.focus-areas .focus-left .icon-container .icon1:hover .icon-img,.focus-areas .focus-left .icon-container .icon1.active .icon-img{background:url(../images/focus-icon1-hover2x.png) no-repeat center;background-size:contain}.focus-areas .focus-left .icon-container .icon2:hover .icon-img,.focus-areas .focus-left .icon-container .icon2.active .icon-img{background:url(../images/focus-icon2-hover2x.png) no-repeat center;background-size:contain}.focus-areas .focus-left .icon-container .icon3:hover .icon-img,.focus-areas .focus-left .icon-container .icon3.active .icon-img{background:url(../images/focus-icon3-hover2x.png) no-repeat center;background-size:contain}.focus-areas .focus-left .icon-container .icon4:hover .icon-img,.focus-areas .focus-left .icon-container .icon4.active .icon-img{background:url(../images/focus-icon4-hover2x.png) no-repeat center;background-size:contain}.focus-areas .focus-left .icon-container .icon5:hover .icon-img,.focus-areas .focus-left .icon-container .icon5.active .icon-img{background:url(../images/focus-icon5-hover2x.png) no-repeat center;background-size:contain}.focus-areas .focus-left .icon-container .icon6:hover .icon-img,.focus-areas .focus-left .icon-container .icon6.active .icon-img{background:url(../images/focus-icon6-hover2x.png) no-repeat center;background-size:contain}}