html,body{min-width:1220px;overflow-x:hidden}.container{width:1220px;margin:0 auto}.header{--height:70px;--line-height:80px;--margin:-70px;position:relative;z-index:2;margin-bottom:var(--margin)}.header .logo{height:var(--height);transform:translateY(5px)}.header .nav{font-size:0}.header .nav .item{display:inline-block;padding:0 24px;height:var(--height);line-height:var(--line-height);position:relative;-webkit-transition:all .2s;transition:all .2s;border-radius:0px 0px 5px 5px}.header .nav .item:hover,.header .nav .item.active{color:#2ac3a7;background-color:#fff}.banner{padding:133px 0;position:relative;-webkit-transition:all .5s;transition:all .5s}.banner[bg="1"]{background:-webkit-gradient(linear, left top, left bottom, from(#3284bf), to(#80aeda));background:linear-gradient(#3284bf, #80aeda)}.banner[bg="2"]{background:-webkit-gradient(linear, left top, left bottom, from(#1d7773), to(#50d5cf));background:linear-gradient(#1d7773, #50d5cf)}.banner[bg="3"]{background:-webkit-gradient(linear, left top, left bottom, from(#199471), to(#5ee5be));background:linear-gradient(#199471, #5ee5be)}.banner[bg="4"]{background:-webkit-gradient(linear, left top, left bottom, from(#1d3d76), to(#5d8ad8));background:linear-gradient(#1d3d76, #5d8ad8)}.banner[bg="5"]{background:-webkit-gradient(linear, left top, left bottom, from(#1ea3b5), to(#71dae8));background:linear-gradient(#1ea3b5, #71dae8)}.banner .last,.banner .next{position:absolute;top:50%;width:68px;background-color:transparent;font-size:0;z-index:10;cursor:pointer}.banner .last img,.banner .next img{display:block;width:100%}.banner .last{right:50%;margin-right:660px;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}.banner .next{left:50%;margin-left:660px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.banner .swiper-slide{width:1220px;height:600px}.banner .swiper-slide img{position:relative;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.banner .wave-wrapper{overflow:hidden;position:absolute;left:0;right:0;bottom:0;top:0;margin:auto}.banner .wave-wrapper .wave-wrapper-inner{position:absolute;width:100%;overflow:hidden;height:100%;bottom:-1px}.banner .wave-wrapper .bg-top{z-index:15;opacity:0.5}.banner .wave-wrapper .bg-middle{z-index:10;opacity:0.75}.banner .wave-wrapper .bg-bottom{z-index:5}.banner .wave-wrapper .wave{position:absolute;left:0;width:200%;height:100%;background-repeat:repeat no-repeat;background-position:0 bottom;-webkit-transform-origin:center bottom;transform-origin:center bottom}.banner .wave-wrapper .wave-top{background-size:50% 180px}.banner .wave-wrapper .wave-middle{background-size:50% 180px}.banner .wave-wrapper .wave-bottom{background-size:50% 180px}.banner .wave-wrapper.wave-animation .wave-top{-webkit-animation:move_wave 20s linear infinite;animation:move_wave 20s linear infinite}.banner .wave-wrapper.wave-animation .wave-middle{-webkit-animation:move_wave 10s linear infinite;animation:move_wave 10s linear infinite}.banner .wave-wrapper.wave-animation .wave-bottom{-webkit-animation:move_wave 15s linear infinite;animation:move_wave 15s linear infinite}.floor{position:relative}.floor .floor-title{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;-webkit-transition:all .5s;transition:all .5s}.floor .floor-title.show{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.floor .floor-title .line{display:inline-block;margin:12px 0}.floor .floor-title .line span{display:inline-block;vertical-align:middle;white-space:nowrap;padding:0 12px;z-index:2}.floor .floor-title .line:after,.floor .floor-title .line:before{content:"";display:inline-block;vertical-align:middle;width:45px;height:2px;background-color:#ccc}.floor .floor-title .color{display:inline-block;width:8px;height:8px}.floor.floor-1{padding:80px 0}.floor.floor-1 .service-list .item{padding:40px 0;width:220px;height:180px}.floor.floor-1 .service-list .item img{-webkit-transform:scale(0);transform:scale(0);opacity:0;-webkit-transition:all .5s;transition:all .5s}.floor.floor-1 .service-list .item.show img{-webkit-transform:scale(1);transform:scale(1);opacity:1}.floor.floor-1 .service-list .item .line{height:2px;position:relative;margin:18px 0 12px}.floor.floor-1 .service-list .item .line:after{content:"";position:absolute;left:50%;top:0;width:20px;height:2px;background-color:#00a7ff;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all .5s;transition:all .5s}.floor.floor-1 .service-list .item:hover .line:after{width:100%}.floor.floor-2{padding:80px 0 110px;background-image:url(../image/bg_2.png)}.floor.floor-2 .container{position:relative;z-index:2}.floor.floor-2 .container .center{margin:0 70px;-webkit-transform:scale(0);transform:scale(0);opacity:0;-webkit-transition:all .5s;transition:all .5s}.floor.floor-2 .container .center.show{-webkit-transform:scale(1);transform:scale(1);opacity:1}.floor.floor-2 .container .advantage-list{padding-top:80px}.floor.floor-2 .container .advantage-list .left .item{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.floor.floor-2 .container .advantage-list .right .item{-webkit-transform:translateX(100%);transform:translateX(100%)}.floor.floor-2 .container .advantage-list .item{padding-top:24px;opacity:0;-webkit-transition:all .5s;transition:all .5s}.floor.floor-2 .container .advantage-list .item.show{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}.floor.floor-2 .container .advantage-list .item img{margin-right:12px}.floor.floor-2 .container .advantage-list .item h4{padding-bottom:12px}.floor.floor-2 .container .advantage-list .item p{line-height:1.5;height:100px;border-bottom:1px solid #ccc}.floor.floor-2 .container .advantage-list .item:first-child{padding-top:0}.floor.floor-2 .container .advantage-list .item:last-child p{border-bottom:none}.floor.floor-3{padding:100px 0;background-image:url(../image/bg_3.jpg)}.floor.floor-3 .floor-title-2 h4{padding-bottom:6px}.floor.floor-3 .floor-title-2 span{display:inline-block;vertical-align:middle;margin-right:12px}.floor.floor-3 .floor-title-2 .color{display:inline-block;vertical-align:middle;width:8px;height:8px}.floor.floor-3 .floor-title-2 p{padding-top:12px}.floor.floor-3 .img{position:relative}.floor.floor-3 .img .tree{-webkit-transform:translateY(10%);transform:translateY(10%);opacity:0;-webkit-transition:all .5s;transition:all .5s}.floor.floor-3 .img .tree.show{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.floor.floor-3 .img .text-wrap{position:absolute;left:0;top:0;width:100%;height:100%}.floor.floor-3 .img .text-wrap .text{position:absolute;width:230px;height:100px;opacity:0;-webkit-transition:all .5s;transition:all .5s}.floor.floor-3 .img .text-wrap .text.show{opacity:1}.floor.floor-3 .img .text-wrap .text h4{padding-bottom:6px}.floor.floor-3 .img .text-wrap .text p{line-height:1.5}.floor.floor-3 .img .text-wrap .text.text-1{left:48px;top:78px}.floor.floor-3 .img .text-wrap .text.text-2{left:420px;top:192px}.floor.floor-3 .img .text-wrap .text.text-3{left:48px;top:306px}.floor.floor-3 .img .text-wrap .text.text-4{left:420px;top:420px}.floor.floor-3 .img .text-wrap .text.text-5{left:48px;top:528px}.floor.floor-3 .img .text-wrap .text.text-6{left:420px;top:654px}.floor.floor-3 .img .text-wrap .text.text-7{left:48px;top:750px}.floor.floor-4{padding:80px 0;background-image:url(../image/bg_4.jpg);position:relative}.floor.floor-4:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.2)}.floor.floor-4 .container{position:relative;z-index:2}.floor.floor-4 .floor-title .line:after,.floor.floor-4 .floor-title .line:before{background-color:#fff}.floor.floor-4 .file-list{padding:30px 0 0}.floor.floor-4 .file-list .item{padding:30px 0}.floor.floor-4 .file-list .item.show img{-webkit-transform:scale(1) rotateY(360deg);transform:scale(1) rotateY(360deg);opacity:1}.floor.floor-4 .file-list .item img{display:inline-block;margin-bottom:40px;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:scale(0) rotateY(0deg);transform:scale(0) rotateY(0deg);opacity:0;-webkit-transition:all .5s;transition:all .5s}.floor.floor-4 .file-list .item:hover img{-webkit-transform:scale(1.2) rotateY(360deg);transform:scale(1.2) rotateY(360deg)}.floor.floor-5{padding:100px 0 40px}.floor.floor-5 .product-list{padding-top:70px}.floor.floor-5 .product-list .item{width:300px;height:200px;-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;-webkit-transition:all .5s;transition:all .5s}.floor.floor-5 .product-list .item.show{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.floor.floor-5 .product-list .item img{display:inline-block;margin-right:6px}.floor.floor-5 .product-list .item h4{padding-top:9px}.floor.floor-5 .product-list .item p{line-height:1.5}.floor.floor-5 .product-list .item .line{height:4px;margin:12px 0;position:relative}.floor.floor-5 .product-list .item .line:before{content:"";position:absolute;left:0;top:0;display:inline-block;height:4px;width:20px;background-color:#39b5f6}.floor.floor-6{padding:80px 0}.floor.floor-6 .case-list{padding-top:60px}.floor.floor-6 .case-list .item{margin-left:18px}.floor.floor-6 .case-list .item:first-child{margin-left:0}.floor.floor-6 .case-list .item .show-img{width:292px;height:292px;-webkit-transition:all .5s;transition:all .5s;background-position:left top;background-origin:center;background-size:100%}.floor.floor-6 .case-list .item .line{height:2px;margin:18px 0;position:relative}.floor.floor-6 .case-list .item .line:before{content:"";position:absolute;left:0;top:0;display:inline-block;height:2px;width:20px;background-color:#39b5f6;-webkit-transition:all .5s;transition:all .5s}.floor.floor-6 .case-list .item:hover .show-img{background-size:110%}.floor.floor-6 .case-list .item:hover .line:before{width:100%}.floor.floor-7{padding:80px 0}.floor.floor-7 .text-wrap{-webkit-transform:translateY(30%);transform:translateY(30%);opacity:0;-webkit-transition:all .5s;transition:all .5s}.floor.floor-7 .text-wrap.show{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.floor.floor-7 .floor-title-2 h4{padding-bottom:6px}.floor.floor-7 .floor-title-2 span{display:inline-block;vertical-align:middle;margin-right:12px}.floor.floor-7 .floor-title-2 .color{display:inline-block;vertical-align:middle;width:8px;height:8px}.floor.floor-7 .floor-title-2 p{padding-top:12px}.floor.floor-7 .about-us{margin-left:96px}.floor.floor-7 .desc{padding:48px 0 72px;line-height:1.8}.floor.floor-7 .text{display:inline-block}.floor.floor-7 .text img{display:inline-block}.floor.floor-7 .text p{padding-top:6px}.floor.floor-7 .article-list{padding:20px 0}.floor.floor-7 .article-list .item{opacity:0;-webkit-transition:all .5s;transition:all .5s}.floor.floor-7 .article-list .item.show{opacity:1}.floor.floor-7 .article-list .item p{line-height:1.8;padding-bottom:70px}.floor.floor-7 .article-list .item img{display:inline-block;margin-left:24px}.footer .footer-1{padding:80px 0 50px}.footer .footer-1 .wechat{padding-right:80px}.footer .footer-1 .wechat img{margin-bottom:20px}.footer .footer-1 .contact{padding:0 80px;border-left:1px solid #4e93d2}.footer .footer-1 .contact h5{padding-bottom:12px}.footer .footer-1 .contact p{line-height:30px}.footer .footer-1 .contact p.link{margin-left:-24px}.footer .footer-1 .contact p.link a{display:inline-block;margin-left:24px}.footer .footer-2{padding:30px 0}.footer .footer-2 p{padding-top:12px}.footer .footer-2 p .item{display:inline-block;padding:0 12px;border-left:1px solid #73bde4}.footer .footer-2 p .item:first-child{border-left:0}.footer .footer-2 p:first-child{padding-top:0}@-webkit-keyframes move_wave{0%{-webkit-transform:translateX(0) translateZ(0) scaleY(1);transform:translateX(0) translateZ(0) scaleY(1)}50%{-webkit-transform:translateX(-25%) translateZ(0) scaleY(0.55);transform:translateX(-25%) translateZ(0) scaleY(0.55)}100%{-webkit-transform:translateX(-50%) translateZ(0) scaleY(1);transform:translateX(-50%) translateZ(0) scaleY(1)}}@keyframes move_wave{0%{-webkit-transform:translateX(0) translateZ(0) scaleY(1);transform:translateX(0) translateZ(0) scaleY(1)}50%{-webkit-transform:translateX(-25%) translateZ(0) scaleY(0.55);transform:translateX(-25%) translateZ(0) scaleY(0.55)}100%{-webkit-transform:translateX(-50%) translateZ(0) scaleY(1);transform:translateX(-50%) translateZ(0) scaleY(1)}}