.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{left:-156px}
.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{ margin-bottom: 80px;}
.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:#0072B9}
.product .more{margin:0 auto}
.product-list{padding:16px 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:#0072B9}
.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{text-align:center;border-bottom:1px solid #e3e3e3;overflow:hidden;position:relative}
.product-list .pro img{width:100%;}
.product-list .pro:after{content:'';position:absolute;left:0;bottom:0;height:1px;width:0%;background:#0072B9;transition:ease .6s}
.product-list .pro img{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:18px}
.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:#0072B9;border:1px solid #0072B9;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:#0072B9;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:#0072B9;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%}@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:20px}
.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}@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}}