.banner{width:100%}.banner .swiper-pagination{bottom:90px;position:absolute;z-index:9999}.banner .swiper-pagination-bullet:after{border-width:2px}.banner .swiper-pagination-bullet{opacity:1;margin:0 8px!important}.tab-item{background:#fff;position:relative;top:-64px;z-index:2;box-shadow:0 0 26px -8px #acacac}.tab-list{width:33.33%;padding:22px 0;text-align:center;border-right:1px solid #d0d0d0;position:relative;overflow:hidden}.tab-list .mobile{display:none}.tab-list:last-child{border-right:0}.tab-list:nth-child(1){transition-delay:.3s}.tab-list:nth-child(1):after{background:#000}.tab-list:nth-child(2){transition-delay:.5s}.tab-list:nth-child(2):after{background:#e80000}.tab-list:nth-child(2) .t-mask{left:-114px}.tab-list:nth-child(3){transition-delay:.6s}.tab-list:nth-child(3):after{background:#ffcc01}.tab-list:nth-child(3) .t-mask{}.tab-list:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:4px}@media (min-width:1200px){.tab-list:hover .t-mask{width:450px;height:450px;border-radius:0;left:0}.tab-list:hover .desc{transform:translateX(-190px)}.tab-list:hover .desc p{color:#fff}.tab-list:hover .desc span{color:#fff}.tab-list:hover i{opacity:0;transition:.2s}}.tab-list i{width:78px;height:78px;transition:opacity .8s .6s}.tab-list .t-mask{width:76px;height:76px;top:0;left:-120px;right:0;bottom:0;margin:auto;position:absolute;border-radius:50%;transition:.8s;z-index:-1}.tab-list .desc{text-align:left;margin-left:25px;transition:.8s}.tab-list .desc p{font-size:20px;color:#444;transition:.8s}.tab-list .desc span{font-size:14px;color:#d0d0d0;font-family:Arial;transition:.8s}.product{overflow:hidden}.product .swiper-container{padding:20px}.product .swiper-pagination{padding:10px 0}.product .swiper-pagination-bullet:before{background:#d8d8d8}.product .swiper-pagination-bullet-active:before{background:#333399}.product .more{margin:50px 0 67px}.product-list{padding:0 16px 40px 16px;background:#f6f5f5;transition:transform cubic-bezier(.215,.61,.355,1) .8s,box-shadow .8s;-ms-transition:transform cubic-bezier(.215,.61,.355,1) .8s,box-shadow .8s;-o-transition:transform cubic-bezier(.215,.61,.355,1) .8s,box-shadow .8s;-webkit-transition:transform cubic-bezier(.215,.61,.355,1) .8s,box-shadow .8s;-moz-transition:transform cubic-bezier(.215,.61,.355,1) .8s,box-shadow .8s}@media (min-width:640px){.product-list:hover{transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);box-shadow:0 3px 21px -7px #000}.product-list:hover .more{opacity:1;filter:blur(0);transform:translateY(0)}.product-list:hover .pro:after{width:100%}.product-list:hover .desc p{color:#333399}.product-list:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)}}.product-list .pro{height:360px;text-align:center;border-bottom:1px solid #e3e3e3;line-height:360px;overflow:hidden;position:relative}.product-list .pro img{width:auto}.product-list .pro:after{content:'';position:absolute;left:0;bottom:0;height:1px;width:0%;background:#333399;transition:ease .6s}.product-list .pro img{max-height:360px;transition:transform cubic-bezier(.215,.61,.355,1) .8s;-ms-transition:transform cubic-bezier(.215,.61,.355,1) .8s;-o-transition:transform cubic-bezier(.215,.61,.355,1) .8s;-webkit-transition:transform cubic-bezier(.215,.61,.355,1) .8s;-moz-transition:transform cubic-bezier(.215,.61,.355,1) .8s}.product-list .desc{margin-top:20px}.product-list .desc p{font-size:16px;color:#444;margin-bottom:10px;position:relative}.product-list .desc p:after{content:'';float:right;width:22px;height:9px;background:url(../images/icon4.png) no-repeat center}.product-list .desc span{color:#999;font-size:14px}.product-list .more{width:66px;height:66px;position:absolute;top:50%;left:50%;margin-left:-33px;margin-top:-33px;background:url(../images/more.png) no-repeat center;opacity:0;filter:blur(4px);transform:translateY(20px);transition:ease .6s}.techo{text-align:center;overflow:hidden;border-top:1px solid #c6c6c6}.techo .mobile{display:none}.techo p{width:1020px;max-width:100%;margin:50px auto 75px;font-size:14px;color:#666;line-height:30px}.techo .more{margin:70px 0 100px}.process-item{position:relative}.process-list{position:relative;z-index:2}.process-list:nth-child(1){left:155px;z-index:4}.process-list:nth-child(2){left:80px;transition-delay:150ms;z-index:3}.process-list:nth-child(2) .pro2{left:36px;top:74px}.process-list:nth-child(3){transition-delay:.3s}.process-list:nth-child(3) .pro2{left:36px;top:93px}.process-list:nth-child(4){transition-delay:450ms;left:-80px;z-index:1}.process-list:nth-child(5){transition-delay:.6s;left:-160px;z-index:0}.process-list:nth-child(6){transition-delay:.8s;left:-194px}.process-list:nth-child(6) .desc{width:100px;bottom:-347px}.process-list:nth-child(6) .desc:before{height:100px;top:-109px}.process-list .pro{position:relative}.process-list .pro2{position:absolute;left:7px;top:55px;z-index:11}.process-list .desc{position:absolute;left:0;bottom:-108px}.process-list .desc:before{content:'';width:1px;height:30px;background:#d5d5d5;position:absolute;left:50%;top:-41px}.process-list .desc .num{display:inline-block;width:37px;height:37px;line-height:35px;font-size:20px;color:#333399;border:1px solid #333399;text-align:center;border-radius:50%;margin-bottom:15px}.process-list .desc span{display:block;font-size:14px;color:#666;line-height:20px}.cross{width:1153px;position:absolute;top:56%;transform:translate(-50%,-50%);z-index:10;left:45%;transition:cubic-bezier(.4,0,.2,1) 1s;-ms-transition:cubic-bezier(.4,0,.2,1) 1s;-o-transition:cubic-bezier(.4,0,.2,1) 1s;-webkit-transition:cubic-bezier(.4,0,.2,1) 1s;-moz-transition:cubic-bezier(.4,0,.2,1) 1s}.cross>div{overflow:hidden;width:0;transition:cubic-bezier(.4,0,.2,1) 1.3s;-ms-transition:cubic-bezier(.4,0,.2,1) 1.3s;-o-transition:cubic-bezier(.4,0,.2,1) 1.3s;-webkit-transition:cubic-bezier(.4,0,.2,1) 1.3s;-moz-transition:cubic-bezier(.4,0,.2,1) 1.3s;transition-delay:.8s}.cross.scroll-watch-in-view>div{width:100%}.point{width:100%;height:1px;position:absolute!important;top:0;z-index:11}.point .point-box{position:relative;height:1px;width:816px;margin:0 auto}.point .point1{position:absolute;top:60px;left:4px}.point .point2{position:absolute;top:79px;left:183px;transition-delay:.2s}.point .point3{position:absolute;top:94px;left:330px;transition-delay:.3s}.process-gif img{max-width:100%}.create{font-size:0;position:relative;border-top:1px solid #c6c6c6}.create .title{margin-top:0;margin-bottom:50px;font-weight:lighter}.create .more{text-align:right;margin-top:50px}.create .more a{text-align:center}.create .left{width:50%}.create .left .swiper-container{width:70%}.create .left .desc{font-size:14px;color:#666;line-height:24px}.create .right{float:right;width:50%}.create .right .swiper-pagination-bullet{opacity:1;margin:0 2px}.create .right .swiper-pagination-bullet:after{border-width:2px}.create .right .swiper-pagination{position:absolute;text-align:left;bottom:70px;left:40px}.right-list{height:calc(.4647 * 100vw)}.right-list .pic{opacity:0;background-size:cover;transition:opacity 1s;-ms-transition:opacity 1s;-o-transition:opacity 1s;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;background-position:center}.left-page{position:absolute;bottom:88px;left:7.2%}.left-page .swiper-pagination-bullet{opacity:1;width:auto;height:auto;background:#fff;border-radius:0;margin:0;padding:0 8px;border-right:1px solid #dfdfdf}.left-page .swiper-pagination-bullet:before{display:none}.left-page .swiper-pagination-bullet a{display:inline-block;transition:.4s;-ms-transition:.4s;-o-transition:.4s;-webkit-transition:.4s;-moz-transition:.4s}.left-page .swiper-pagination-bullet:last-child{border-right:0}.left-page .swiper-pagination-bullet:after{display:none}.left-page .swiper-pagination-bullet.swiper-pagination-bullet-active a{color:#333399;font-size:16px}.left-page a{font-size:14px;color:#666}.video{position:relative;overflow:hidden}.video .fengmian{position:absolute;top:0;left:0;cursor:pointer}.video .fengmian .pro{position:absolute;z-index:1;transition:6s;-ms-transition:6s;-o-transition:6s;-webkit-transition:6s;-moz-transition:6s}.video:hover .play-icon i{transform:translateY(-20px);-ms-transform:translateY(-20px);-o-transform:translateY(-20px);-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px)}.video:hover .play-icon p{opacity:1;transform:translateY(-20px);-ms-transform:translateY(-20px);-o-transform:translateY(-20px);-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px)}.video:hover .pro{transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}.video .play-icon{position:absolute;width:400px;height:70px;top:50%;left:50%;margin-top:-35px;margin-left:-200px;z-index:11}.video .play-icon i{display:block;width:100%;height:100%;background:url(../images/play-icon.png) no-repeat center;transition:ease .6s;-ms-transition:ease .6s;-o-transition:ease .6s;-webkit-transition:ease .6s;-moz-transition:ease .6s}.video .play-icon p{margin-top:40px;font-size:22px;color:#fff;text-align:center;transition:ease .6s;-ms-transition:ease .6s;-o-transition:ease .6s;-webkit-transition:ease .6s;-moz-transition:ease .6s;opacity:0}.video-lp{position:absolute;top:0;left:0;width:100%;height:auto}.v-mask:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.5)}.news{font-size:0;padding:105px 0 0}.news:hover .logen i:after{height:100%}.news .title{color:#022f5d;text-align:left}.news .title .line{margin-bottom:10px}.news .logen{width:5%;text-align:center}.news .logen span{display:block;font-size:48px;width:100%;word-break:break-all;font-family:Arial;writing-mode:tb-lr;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr;color:#e9e9e9;float:left}.news .logen i{margin-top:20px;display:inline-block;width:1px;height:156px;background:#e9e9e9;position:relative}.news .logen i:after{content:'';position:absolute;width:100%;height:0;background:#333399;top:0;left:0;transition:ease .6s;-ms-transition:ease .6s;-o-transition:ease .6s;-webkit-transition:ease .6s;-moz-transition:ease .6s}.news .more{margin:83px 0 105px}.news-left{padding:60px 45px 90px;width:41%;background:#f3f3f3}.news-left .time{font-size:30px;color:#b1b1b1;font-family:HNT;margin-bottom:30px}.news-left h3{font-size:18px;color:#333}.news-left p{font-size:14px;color:#666;margin:40px 0;line-height:25px;padding-left:15px;position:relative;max-height:75px;overflow:hidden}.news-left p:before{content:'';width:1px;height:100%;vertical-align:middle;position:absolute;left:0;top:0;background:#d3d3d3}.news-left .pro{display:inline-block;overflow:hidden}.news-left .pic{width:401px;height:178px;transition:transform cubic-bezier(.215,.61,.355,1) .8s;-ms-transition:transform cubic-bezier(.215,.61,.355,1) .8s;-o-transition:transform cubic-bezier(.215,.61,.355,1) .8s;-webkit-transition:transform cubic-bezier(.215,.61,.355,1) .8s;-moz-transition:transform cubic-bezier(.215,.61,.355,1) .8s}.news-left .more2{text-align:left;margin-top:35px}.news-left .more2 a{text-align:center;background:0 0;color:#9d9d9d;font-family:Arial;border:1px solid #dadada;line-height:40px}.news-left:hover{box-shadow:6px 14px 20px -10px #c8c8c8}.news-left:hover .pic{transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)}.news-right{width:51.3%;padding-left:5.7%}.news-list{padding:25px 20px;border-bottom:1px solid #e0dde8;transition:.6s;-ms-transition:.6s;-o-transition:.6s;-webkit-transition:.6s;-moz-transition:.6s}.news-list:first-child{border-top:1px solid #e0dde8}.news-list>div{transition:ease .6s;-ms-transition:ease .6s;-o-transition:ease .6s;-webkit-transition:ease .6s;-moz-transition:ease .6s}.news-list:hover{box-shadow:0 2px 16px -2px #d9d9d9}.news-list:hover>div{transform:translateX(5px);-ms-transform:translateX(5px);-o-transform:translateX(5px);-webkit-transform:translateX(5px);-moz-transform:translateX(5px)}.news-list:hover h3{color:#f6a702}.news-list:hover h3:before{background:#f6a702}.news-list h3{color:#494949;font-size:18px;margin-bottom:20px;display:block;position:relative;padding-right:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;transition:.6s;-ms-transition:.6s;-o-transition:.6s;-webkit-transition:.6s;-moz-transition:.6s}.news-list h3 .date{font-family:HNT;font-size:22px;color:#919191;position:absolute;top:1px;right:0;line-height:1}.news-list h3:before{content:'';width:6px;height:6px;border-radius:50%;background:#494949;display:inline-block;margin:0 12px 2px 0;transition:.6s;-ms-transition:.6s;-o-transition:.6s;-webkit-transition:.6s;-moz-transition:.6s}.news-list p{color:#7f7f7f;font-size:14px;line-height:24px;width:80%;padding-left:20px;transition:1s;-ms-transition:1s;-o-transition:1s;-webkit-transition:1s;-moz-transition:1s;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.news-list .desc{position:relative}.news-list .icon{width:36px;height:16px;position:absolute;right:7px;top:17px;background:url(../images/icon.jpg) no-repeat center}@media (max-width:1200px){.tab-list .t-mask{display:none}.process-item{display:none}.techo .mobile{display:block;width:10rem}.techo .more{margin:.8rem 0 1.2rem}.m-process-item{margin-top:1rem;margin-left:1.4rem}.m-process-list{font-size:20px;color:#666;width:50%;margin-bottom:.3rem}.m-process-list:nth-child(2n) span{padding-left:.4rem}.m-process-list span{display:block;text-align:left}.create .left{width:100%;position:static;transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0)}.create .left .swiper-container{width:80%;padding:1rem 0 0}.create .right{width:100%;float:none}.create .right .swiper-pagination{bottom:30px;left:0;text-align:center}.left-page{position:static;width:80%;margin:.4rem auto 1rem}.video .play-icon i{transform:translateY(-20px);-ms-transform:translateY(-20px);-o-transform:translateY(-20px);-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px)}.video .play-icon p{opacity:1;transform:translateY(-20px);-ms-transform:translateY(-20px);-o-transform:translateY(-20px);-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px)}.news-left .pic{width:3.2rem;height:1.5rem}}@media (max-width:780px){.m-process-list{font-size:18px}.news .logen{display:none}.news-left{width:100%}.news-right{width:100%;padding-left:0}.news-left .pic{width:8rem;height:3rem}.product-list .desc span{display:block;line-height:18px;height:36px;overflow:hidden}.create .right .swiper-pagination{bottom:15px}}@media (max-width:640px){.banner .swiper-pagination{bottom:0px}.tab-item{top:0;box-shadow:none}.tab-list{padding:.3rem 0 .45rem}.tab-list .mobile{display:block}.tab-list .pc{display:none}.tab-list i{background-size:contain!important;width:50px;height:50px;text-align:center}.tab-list .desc{text-align:center;margin-left:0;display:block;line-height:1}.tab-list .desc p{font-size:14px;margin:10px 0 3px}.tab-list .desc span{font-family:'Microsoft YaHei';font-weight:lighter;font-size:12px}.product{padding:1rem .1rem .8rem}.product .swiper-container{padding:0}.product .swiper-pagination{padding:.3rem 0 0}.product .more{margin:.5rem 0 0}.product-list .desc span{line-height:20px;font-size:13px;height:40px}.product-list{padding:0 .2rem 20px .2rem;border-left:.1rem solid #fff;border-right:.1rem solid #fff}.product-list .pro{height:5rem;line-height:5rem}.product-list .pro img{max-height:4rem}.product-list .desc p{font-size:14px}.product-list .desc p:after{display:none}.techo{padding:0 .5rem}.techo p{font-size:13px;margin:.6rem 0 .4rem;text-align:justify;line-height:24px}.techo .mobile{margin-left:-.4rem}.techo .more{margin:.5rem 0 1.4rem}.m-process-item{margin-top:1rem;margin-left:1rem}.m-process-list{font-size:13px}.create .left .swiper-container{width:90%;padding:1.5rem 0 1rem}.create .left .desc{font-size:13px;line-height:24px}.create .title{margin-bottom:.6rem}.create .more{margin-top:.5rem;text-align:center}.right-list{height:calc(.6 * 100vw)}.left-page{position:absolute;top:calc(60vw);bottom:auto;width:90%;margin:.5rem auto .5rem}.video .play-icon i{background-size:40px}.video .play-icon p{margin-top:10px;font-size:16px;color:#dcd9d9}.video .responsive{height:5.6rem}.news{padding:1rem 0}.news .more{margin:.5rem 0 0}.news-left{padding:.8rem .5rem .8rem}.news-list{padding:.5rem .4rem}.news-list h3{margin-bottom:15px;font-size:16px}.news-list h3 .date{font-size:16px;top:5px}.news-list p{height:50px}.news-left .pic{width:9rem;height:3.6rem}.news-left p{margin:25px 0;font-size:13px;line-height:24px}}@media (max-width:480px){.title{font-size:18px}.title i{margin-right:10px;width:30px;height:21px}.news-left p{margin-top:10px;margin-bottom:15px}.news-list h3{margin-bottom:8px}.news-list p{line-height:22px;height:44px;font-size:13px}.create .left .swiper-container{padding:1.8rem 0 1rem}}@media (max-width:360px){.m-process-item{margin-left:.2rem}.m-process-list{font-size:12px}.left-page a{font-size:12px}.left-page .swiper-pagination-bullet.swiper-pagination-bullet-active a{font-size:14px}}