.footer .share-group:after,.main-container .bg-section .box:after,.main-container .case-section .case-content:after,.main-container .figure-content .figure-section:after,.main-container .purple-section .card-content:after{clear:both}*{font-family:Arial,"微软雅黑",Microsoft YaHei;font-style:normal}html{line-height:1;font-size:10px}.main-wrapper h2,.main-wrapper h3{font-size:1.6rem}h1,h2,h3,h4,h5,h6{margin:0;font-weight:400}a{text-decoration:none;color:#fff}ol,ul{list-style:none;padding:0;margin:0}.main-wrapper{overflow:hidden}.main-wrapper:before{content:' ';position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;background:url(../images/banner1.jpg) center center no-repeat #303843;background-size:cover}.main-wrapper h2{color:#fff}.main-wrapper h4{font-size:1.4rem}.main-wrapper p{font-size:1.2rem;line-height:1.5;letter-spacing:1px;text-align:justify}.banner{height:62rem;background:0 0;position:relative}.banner .inner h2:after,.banner .inner h2:before{content:"";width:100%;height:1px;background:#fff}.banner .description,.banner .more-btn,.banner .understand-me-btn{-moz-animation:otherOpacityAnimate 5s ease;-webkit-animation:otherOpacityAnimate 5s ease;animation:otherOpacityAnimate 5s ease}.banner .inner{text-align:center;padding:20rem 0 0;max-width:30%;margin:0 auto}.banner .inner h2{display:inline-block;padding:1rem 2rem;position:relative;-moz-animation:hopacityAnimate 3s ease;-webkit-animation:hopacityAnimate 3s ease;animation:hopacityAnimate 3s ease}.banner .inner h2:after,.banner .inner h2:before{-moz-animation:borderAnimate 3s ease;-webkit-animation:borderAnimate 3s ease;animation:borderAnimate 3s ease}.banner .inner h2:before{position:absolute;top:0;left:0}.banner .inner h2:after{position:absolute;top:100%;right:0}.banner .inner .description{color:#fff;font-size:1.2rem;margin:3rem 0;text-align:center}.banner .inner .understand-me-btn{color:#fff;font-size:1.2rem;display:inline-block;padding:1rem 3rem;background:#089DB0;border-radius:3px;transition:all 1s ease}.banner .inner .understand-me-btn:hover{background:#06bad0}.banner .more-btn{color:#fff;font-size:1.2rem;letter-spacing:2px;position:absolute;left:50%;bottom:10rem;margin-left:-1.4rem;cursor:pointer}.banner .more-btn .icon-arrow-down{position:absolute;left:50%;margin-left:-.8rem;top:3rem;-moz-animation:topAnimate 2s ease infinite;-webkit-animation:topAnimate 2s ease infinite;animation:topAnimate 2s ease infinite}.main-container .green-section{background:#089DB0;color:#fff;text-align:center;padding:10rem 0}.main-container .green-section .article h4{border-bottom:1px solid rgba(7,132,148,.5);padding:1.5rem 0 2rem;margin-bottom:2rem;display:inline-block}.main-container .green-section .article p{text-align:left;padding-left:2%;padding-right:2%;text-indent:2em}.main-container .case-section .article,.main-container .green-section .i-con-group li p{text-align:center}.main-container .green-section .i-con-group{padding-top:3rem}.main-container .green-section .i-con-group li{display:inline-block;width:8rem;height:8rem;margin:3rem;position:relative}.main-container .green-section .i-con-group li i{background:url(../images/contact/tx1.jpg) center center no-repeat;background-size:contain;display:inline-block;width:8rem;height:8rem;position:relative;z-index:1;border-radius:50%;border:2px solid #fff;transition:all 1.5s}.main-container .green-section .i-con-group li i:hover{transform:rotate(30deg);border-color:rgba(255,255,255,.6)}.main-container .green-section .i-con-group li .favorites{background-image:url(../images/contact/tx2.jpg)}.main-container .green-section .i-con-group li .code{background-image:url(../images/contact/tx3.jpg)}.main-container .green-section .i-con-group li .p1{font-size:1.4rem;margin:6px 0 3px;color:rgba(255,255,255,.9)}.main-container .green-section .i-con-group li .p2{margin:0;color:rgba(255,255,255,.7);line-height:1}.main-container .green-section .i-con-group li:hover .ling-xing{transform:rotate(135deg);background:#079bad}.main-container .figure-content .figure-section{color:#fff;background:#2A323B}.main-container .figure-content .figure-section:after,.main-container .figure-content .figure-section:before{content:" ";display:table}.main-container .figure-content .figure-section:nth-child(2){background:#262E38}.main-container .figure-content .figure-section:nth-child(2) .figure{float:right}.main-container .figure-content .figure-section:nth-child(3){background:#252A34}.main-container .figure-content .figure-section .figure{width:35%;float:left;margin:0;padding:0;position:relative;overflow:hidden}.main-container .figure-content .figure-section .figure .light{position:absolute;width:18rem;height:100%;left:-50rem;top:0;z-index:5;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 100%);-webkit-transform:skewX(-25deg);-moz-transform:skewX(-25deg);-moz-transition:1s ease-out;-o-transition:1s ease-out;-webkit-transition:1s ease-out;transition:1s ease-out}.main-container .figure-content .figure-section .figure:hover .light{left:100rem}.main-container .figure-content .figure-section .figure:hover img{opacity:.7}.main-container .figure-content .figure-section .figure img{width:100%;display:block;transition:all .5s}.main-container .figure-content .figure-section .article{width:65%;float:left;padding:3.5rem 3% 0;box-sizing:border-box}.main-container .figure-content .figure-section .article h4{margin:2rem 0;font-weight:700}.main-container .figure-content .figure-section .article p{letter-spacing:1px}.main-container .case-section{background:#1e232c;color:#fff;padding:10rem 15rem}.main-container .case-section .article h4{border-bottom:1px solid #2F3540;padding:1.5rem 0 2rem;display:inline-block}.main-container .case-section .article p{margin:2rem auto 3rem;text-align:justify;text-indent:2em}.main-container .case-section .case-content{padding-top:2rem}.main-container .case-section .case-content:after,.main-container .case-section .case-content:before{content:" ";display:table}.main-container .case-section .case-content li{float:left;width:30.9%;margin:0 1.2% 2%;overflow:hidden;position:relative;opacity:0;transform:translateY(50%) scale(.95);transition:all .5s}.main-container .case-section .case-content li.active{opacity:1;transform:translateY(0) scale(1)}.main-container .case-section .case-content li::after,.main-container .case-section .case-content li::before{position:absolute;content:'';opacity:0;-webkit-transition:opacity .8s,-webkit-transform .8s;-moz-transition:opacity .8s,-moz-transform .8s;-o-transition:opacity .8s,-o-transform .8s;transition:opacity .8s,transform .4s}.main-container .case-section .case-content li::before{top:20px;right:20px;bottom:20px;left:20px;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1)}.main-container .case-section .case-content li::after{top:20px;right:20px;bottom:20px;left:20px;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0)}.main-container .case-section .case-content li img{display:block;width:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .6s ease-in-out}.main-container .case-section .case-content li .item-desc{position:absolute;left:30px;bottom:20px;opacity:0;transform:translateY(50%);transition:all .5s}.main-container .case-section .case-content li h4{position:relative}.main-container .case-section .case-content li h4 i{position:absolute;left:-4rem;color:#00e2ff;font-size:2rem}.main-container .case-section .case-content li:hover{background:#000}.main-container .case-section .case-content li:hover::after,.main-container .case-section .case-content li:hover::before{opacity:1;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}.main-container .case-section .case-content li:hover img{opacity:.3;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.main-container .case-section .case-content li:hover .item-desc{opacity:1;transform:translateY(0)}.main-container .purple-section{background:#3f3965;color:#fff;padding:10rem 15rem}.main-container .purple-section .article{text-align:center}.main-container .purple-section .article h4{border-bottom:1px solid #373259;padding:1.5rem 0 2rem;display:inline-block}.main-container .bg-section .box:after,.main-container .bg-section .box:before,.main-container .purple-section .card-content:after,.main-container .purple-section .card-content:before{display:table;content:" "}.main-container .purple-section .article p{margin:2rem auto 3rem;text-align:justify;text-indent:2em}.footer,.footer p,.modal-bg p,.right-bar .go-top-btn{text-align:center}.main-container .purple-section .card-content{padding-top:2rem}.main-container .purple-section .card-content li{float:left;width:50%;min-height:20rem;padding:5rem 7rem 1rem;box-sizing:border-box;opacity:0;transition:all .5s}.main-container .purple-section .card-content li:first-child{background:rgba(0,0,0,.04);transform:translateX(-30%) scale(.95)}.main-container .purple-section .card-content li:nth-child(2){background:rgba(0,0,0,.08);transform:translateX(30%) scale(.95)}.main-container .purple-section .card-content li:nth-child(3){background:rgba(0,0,0,.12);transform:translateX(-30%) scale(.95)}.main-container .purple-section .card-content li:nth-child(4){background:rgba(0,0,0,.16);transform:translateX(30%) scale(.95)}.main-container .purple-section .card-content li:nth-child(5){background:rgba(0,0,0,.18);transform:translateX(-30%) scale(.95)}.main-container .purple-section .card-content li:nth-child(6){background:rgba(0,0,0,.2);transform:translateX(30%) scale(.95)}.main-container .purple-section .card-content li.active{opacity:1;transform:translateX(0) scale(1)}.main-container .purple-section .card-content li h4{position:relative}.main-container .purple-section .card-content li h4 i{position:absolute;left:-4rem;color:#00e2ff;font-size:2rem}.main-container .bg-section{background:rgba(0,0,0,.4)}.main-container .bg-section .box{padding:10rem 0;color:#fff;width:70%;margin:0 auto}.main-container .bg-section .box .article{float:left;width:60%;padding-right:5%;box-sizing:border-box}.main-container .bg-section .box .article h3{padding-bottom:2rem}.main-container .bg-section .box .btn-group{float:right}.main-container .bg-section .box .btn-group a{padding:1rem 7rem;display:block;text-align:center;border-radius:3px;width:10rem;font-size:1.2rem}.main-container .bg-section .box .btn-group a:first-child{background:#089DB0;margin-bottom:2rem;transition:all 1s ease}.main-container .bg-section .box .btn-group a:first-child:hover{background:#06bad0}.main-container .bg-section .box .btn-group a:last-child{border:1px solid #fff;transition:all .5s ease}.main-container .bg-section .box .btn-group a:last-child:hover{background:rgba(204,204,204,.2)}.footer{background:#262a30;color:#fff;padding:5rem 0 3rem}.footer .share-group{display:inline-block;margin:0 auto 2rem}.footer .share-group:after,.footer .share-group:before{content:" ";display:table}.footer .share-group li{float:left;padding:0 2rem}.footer .share-group li a i{font-size:1.6rem;color:#999;transition:all .5s ease}.footer .share-group li a:hover i{color:#ddd}.footer p{color:#666}.right-bar{position:fixed;bottom:2.4rem;right:2.4rem}.right-bar .go-top-btn{display:inline-block;width:4.8rem;height:4.8rem;border-radius:3px;background-color:#A1A7B7;cursor:pointer;line-height:5rem;transition:all .5s ease}.right-bar .go-top-btn .icon-arrow-up{font-size:2rem;color:#fff}.right-bar .go-top-btn:hover{opacity:.8}.modal-bg{position:fixed;left:0;top:0;width:100%;height:100%;z-index:10;background:rgba(0,0,0,.9);display:none}.modal-bg .img-con{width:32rem;height:32rem;border-radius:5px;position:absolute;left:50%;top:50%;margin:-16rem 0 0 -16rem;overflow:hidden;display:none}.modal-bg .img-con img{width:100%}.modal-bg .img-show{display:block}.modal-bg p{font-size:2rem;color:#eee;text-shadow:1px 1px 2px #000}@media (min-width:769px){.header{background:rgba(0,0,0,.5);-moz-animation:backgroundAnimate 12s ease;-webkit-animation:backgroundAnimate 12s ease;animation:backgroundAnimate 12s ease}.header .nav{background:0 0;padding:.8rem 2% .6rem 1%;position:fixed;left:0;top:0;width:100%;box-sizing:border-box;z-index:6;transition:all 1s;overflow:hidden}.header .nav .logo{display:inline-block;font-size:0}.header .nav .logo a{transition:all .5s;display:inline-block;width:29px;height:35px;background:url(../images/logo-icon.png) left center no-repeat;background-size:contain}.header .nav .menu{float:right;line-height:2;-moz-animation:hopacityAnimate 3s ease;-webkit-animation:hopacityAnimate 3s ease;animation:hopacityAnimate 3s ease}.header .nav .menu:after,.header .nav .menu:before{content:" ";display:table}.header .nav .menu:after{clear:both}.header .nav .menu li{float:left;margin-left:3rem;position:relative}.header .nav .menu li:after{content:"";width:0;height:1px;background:#fff;position:absolute;top:100%;left:50%;transition:all .5s}.header .nav .menu li:hover:after{left:0;width:100%}.header .nav .menu li a{color:#fff;display:inline-block;font-size:1.2rem}.header .nav .menu li i{margin-left:.2rem}.header .nav.nav-bgc{background:#303843;border-bottom:1px solid #21262d}.header .nav.nav-bgc .logo a{width:110px;height:22px;background-image:url(../images/logo.png)}}@media (max-width:769px){.header{background:rgba(0,0,0,.5);-moz-animation:backgroundAnimate 12s ease;-webkit-animation:backgroundAnimate 12s ease;animation:backgroundAnimate 12s ease}.header .nav{position:fixed;left:0;top:0;width:100%;box-sizing:border-box;z-index:2;transition:all 1s;overflow:hidden;-moz-animation:hopacityAnimate 3s ease;-webkit-animation:hopacityAnimate 3s ease;animation:hopacityAnimate 3s ease}.header .nav .logo{padding:1rem 2%;background:#303843;border-bottom:1px solid #22282f;font-size:0;text-align:center}.header .nav .logo a{display:inline-block;width:110px;height:22px;background:url(../images/logo.png) left center no-repeat;background-size:contain}.header .nav .menu{display:none;padding:.5rem 2%;background:#303843;border-top:1px solid #3d4752;line-height:1.5}.header .nav .menu li{position:relative;padding:.5rem 0}.header .nav .menu li a{color:#eee;display:inline-block;font-size:1.2rem;transition:all .5s}.header .nav .menu li a:hover{color:#fff}.header .nav .menu li a i{display:none}.header .nav.nav-after .menu{display:block}.header .nav .navbar-toggle-btn{width:24px;height:24px;position:absolute;top:8px;right:2%;background:url(../images/icons/menu.svg) center center no-repeat #303843;background-size:cover;cursor:pointer}.header .banner .inner{max-width:68%}.main-container .green-section{padding:6rem 0}.main-container .green-section .i-con-group{padding-top:1rem}.main-container .green-section .i-con-group li{display:block;width:100%;height:auto;margin-left:0;margin-right:0}}@media (max-width:669px){.main-container .case-section,.main-container .purple-section{padding:3rem 2.5%}.main-container .figure-content .figure-section .article{padding:3rem 2.5%;width:100%;float:none}.main-container .figure-content .figure-section .article h3{font-size:1.4rem}.main-container .figure-content .figure-section .article h4{font-size:1.2rem;margin:2rem 0}.main-container .figure-content .figure-section .figure{width:100%;float:none}.main-container .figure-content .figure-section:nth-child(2) .figure{float:none}.main-container .case-section .article p{margin:2rem auto}.main-container .case-section .case-content li{width:100%;float:none;margin:0 0 2%}.main-container .purple-section .article p{margin:2rem auto}.main-container .purple-section .card-content li{width:100%;float:none;padding:2rem 3rem .2rem}.main-container .purple-section .card-content li h4 i{left:-2rem;font-size:1.2rem}.main-container .bg-section .box{width:100%;padding:6rem 8%;box-sizing:border-box}.main-container .bg-section .box .article{float:none;width:100%;padding-right:0}.main-container .bg-section .box .btn-group{float:none;padding-top:3rem}.main-container .bg-section .box .btn-group a{margin-left:auto;margin-right:auto}.right-bar{bottom:12rem;right:1rem}.right-bar .go-top-btn{width:3.9rem;height:3.9rem;line-height:4.3rem}}@media (min-width:670px) and (max-width:980px){.main-container .green-section{padding:6rem 0}.main-container .figure-content .figure-section .article{padding:1rem 2% 0}.main-container .figure-content .figure-section .article h3{font-size:1.4rem}.main-container .figure-content .figure-section .article h4{font-size:1.2rem;margin:1rem 0}.main-container .case-section .article p,.main-container .purple-section .article p{margin:2rem auto}.main-container .figure-content .figure-section .article p{padding-bottom:0}.main-container .case-section,.main-container .purple-section{padding:6rem 2.5%}.main-container .case-section .case-content li{width:47.6%}.main-container .purple-section .card-content li{padding:3rem 4rem .5rem}.main-container .purple-section .card-content li h4 i{left:-2.5rem;font-size:1.5rem}.main-container .bg-section .box{width:79%;padding:6rem 0}.main-container .bg-section .box .article{width:65%;padding-right:5%}.main-container .bg-section .box .btn-group a{padding:1rem 5rem;width:6rem}.right-bar .go-top-btn{width:3.9rem;height:3.9rem;line-height:4.3rem}}@-moz-keyframes backgroundAnimate{0%{background:#000}100%{background:rgba(0,0,0,.5)}}@-webkit-keyframes backgroundAnimate{00%{background:#000}100%{background:rgba(0,0,0,.5)}}@keyframes backgroundAnimate{0%{background:#000}100%{background:rgba(0,0,0,.5)}}@-moz-keyframes hopacityAnimate{0%,10%{opacity:0}100%{opacity:1}}@-webkit-keyframes hopacityAnimate{0%,10%{opacity:0}100%{opacity:1}}@keyframes hopacityAnimate{0%,10%{opacity:0}100%{opacity:1}}@-moz-keyframes otherOpacityAnimate{0%,35%{opacity:0}100%,79%{opacity:1}}@-webkit-keyframes otherOpacityAnimate{0%,35%{opacity:0}100%,79%{opacity:1}}@keyframes otherOpacityAnimate{0%,35%{opacity:0}100%,79%{opacity:1}}@-moz-keyframes borderAnimate{0%{opacity:0;width:0}30%{opacity:1;width:0}100%{width:100%}}@-webkit-keyframes borderAnimate{0%{opacity:0;width:0}30%{opacity:1;width:0}100%{width:100%}}@keyframes borderAnimate{0%{opacity:0;width:0}30%{opacity:1;width:0}100%{width:100%}}@-moz-keyframes topAnimate{0%,100%{margin-top:0}50%{margin-top:2rem}}@-webkit-keyframes topAnimate{0%,100%{margin-top:0}50%{margin-top:2rem}}@keyframes topAnimate{0%,100%{margin-top:0}50%{margin-top:2rem}}