html{-webkit-text-size-adjust:none}body{color:#000;font-family:Verdana,Arial,Helvetica,sans-serif}a{outline:none;text-decoration:none}a:hover{text-decoration:underline}html{zoom:1}html *{outline:0;zoom:1}html button::-moz-focus-inner{border-color:transparent!important}body{overflow-x:hidden}blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}a img,fieldset{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:after,q:before{content:""}button,input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:none}em,i{font-style:normal}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{display:block}.clear{clear:both}.colwrapper{overflow:hidden;zoom:1;margin:5px auto}.strong{font-weight:700}.left{float:left}.right{float:right}.center{margin:0 auto;text-align:center}.block{display:block}.inline{display:inline}.transparent{filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}.break{word-wrap:break-word;overflow:hidden}.tal{text-align:left}.tar{text-align:right}.justify{text-align:justify;text-justify:distribute-all-lines;text-align-last:justify;-moz-text-align-last:justify;-webkit-text-align-last:justify}.toe{word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (-webkit-min-device-pixel-ratio:0){.justify:after{content:".";display:inline-block;width:100%;overflow:hidden;height:0}}.fixed{position:fixed;clip:rect(0 100% 100% 0);_position:absolute;bottom:0;left:0;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight)}html{background-image:url(about:blank);background-attachment:fixed}.pngimg{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="images/x.png")}em{font-style:italic!important}strike{text-decoration:line-through!important}strong{font-weight:700!important}u{text-decoration:underline!important}.ff8600,ff86aa a{color:#ff8600}.font14px{font-size:14px}.font9pt{font-size:9pt}a{color:#5d5d5e;transition:all .3s ease-in-out 0s}a:hover{color:#3e6ed4}body{font-family:Microsoft YaHei,sans-serif}.css3{-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,transform;-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-timing-function:cubic-bezier(.25,.46,.33,.98);transition-timing-function:cubic-bezier(.25,.46,.33,.98);-webkit-transition-delay:.8s;transition-delay:.8s}.css3.animated{-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.rotate{transform:rotate(7deg);-ms-transform:rotate(7deg);-moz-transform:rotate(7deg);-webkit-transform:rotate(7deg);-o-transform:rotate(7deg)}body{font-size:12px;line-height:22px}.wrapper{width:1200px;margin:0 auto;position:relative}.gb-header,.gb-nav{height:86px;background:#fff;position:fixed;left:0;right:0;z-index:8}.gb-nav{background:hsla(0,0%,100%,.25);z-index:99999}.gb-header,.gb-nav{top:-86px;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;opacity:0;-webkit-opacity:0;-moz-opacity:0}.gb-header.show,.gb-nav.show{top:0;opacity:1;-webkit-opacity:1;-moz-opacity:1}.gb-nav.show{background:rgba(0,0,0,.25)}.gh{float:right;height:34px;width:34px;margin-right:30px;margin-top:25px;position:relative;transition:all .5s cubic-bezier(.7,0,.3,1) 0s;-webkit-transition:all .5s cubic-bezier(.7,0,.3,1) 0s;-ms-transition:all .5s cubic-bezier(.7,0,.3,1) 0s;cursor:pointer}.gh.selected{transform:rotate(90deg)}.gh a{background-color:#000;display:block;height:4px;margin-top:-2px;position:relative;top:50%;transition:all .3s cubic-bezier(.7,0,.3,1) 0s;-webkit-transition:all .3s cubic-bezier(.7,0,.3,1) 0s;-ms-transition:all .3s cubic-bezier(.7,0,.3,1) 0s;width:100%}.gh:hover a:before{transform:translateY(-2px) rotate(0deg);-webkit-transform:translateY(-2px) rotate(0deg);-ms-transform:translateY(-2px) rotate(0deg)}.gh:hover a:after{transform:translateY(2px) rotate(0deg);-webkit-transform:translateY(2px) rotate(0deg);-ms-transform:translateY(2px) rotate(0deg)}.gh.selected:hover a:before{transform:translateY(0) rotate(-55deg);-webkit-transform:translateY(0) rotate(-55deg);-ms-transform:translateY(0) rotate(-55deg)}.gh.selected:hover a:after{transform:translateY(0) rotate(55deg);-webkit-transform:translateY(0) rotate(55deg);-ms-transform:translateY(0) rotate(55deg)}.gh a:after,.gh a:before{background-color:#000;content:"";display:block;height:4px;left:0;position:absolute;transition:all .3s cubic-bezier(.7,0,.3,1) 0s;-webkit-transition:all .3s cubic-bezier(.7,0,.3,1) 0s;-ms-transition:all .3s cubic-bezier(.7,0,.3,1) 0s;width:100%}.gh a:after{top:10px}.gh a:before{top:-10px}.gh.selected a:after,.gh.selected a:before{top:0}.gh.selected a:before{transform:translateY(0) rotate(-45deg);-webkit-transform:translateY(0) rotate(-45deg);-ms-transform:translateY(0) rotate(-45deg)}.gh.selected a:after{transform:translateY(0) rotate(45deg);-webkit-transform:translateY(0) rotate(45deg);-ms-transform:translateY(0) rotate(45deg)}.gh.selected a{background-color:transparent!important}.gb-nav.show .gh a,.gb-nav.show .gh a:after,.gb-nav.show .gh a:before{background-color:#fff}.gb-nav .logo,.header .logo{margin-left:60px;float:left;display:inline;margin-top:24px}.gb-nav .logo{position:relative}.gb-nav .logo img{position:absolute;left:0;top:0}.gb-nav .logo img.img2{-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s;opacity:0;-webkit-opacity:0;-moz-opacity:0}.gb-nav.show .logo img.img2{opacity:1;-webkit-opacity:1;-moz-opacity:1}.header .nav{margin-right:50px;float:right;display:inline;margin-top:40px}.header .nav li{float:left;display:inline;margin-left:40px;font-size:14px}.header .nav li a{display:block;height:24px;line-height:24px;overflow:hidden;text-decoration:none}.header .nav li span{display:block;transition:all .3s ease-in-out 0s}.header .nav li span.s2{color:#e31414;font-weight:700}.header .nav li a:hover .s1,.header .nav li.selected a .s1{margin-top:-24px}.section{position:relative}.page1{background:url(../imgs/bg1.jpg) no-repeat 50%;background-size:cover!important;height:886px}.page1 .arrow,.page1 .nav{z-index:2}.page1 .arrow{width:87px;height:87px;position:absolute;left:50%;margin-left:-44px;bottom:110px;cursor:pointer;display:block;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.page1 .arrow table{width:100%;height:100%;text-align:center;position:relative;top:5px}.page1 .arrow:after,.page1 .arrow:before{content:"";position:absolute;left:0;top:0;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;pointer-events:none}.page1 .arrow:before{width:88px;height:88px;border:1px solid #fff;-moz-transition:all .8s cubic-bezier(.455,.03,.515,.955);-o-transition:all .8s cubic-bezier(.455,.03,.515,.955);-webkit-transition:all .8s cubic-bezier(.455,.03,.515,.955);transition:all .8s cubic-bezier(.455,.03,.515,.955)}.page1 .arrow:after{width:86px;height:86px;border:2px solid #fff;background-color:hsla(0,0%,100%,.1);opacity:0;-moz-transform:scale(.5);-ms-transform:scale(.5);-webkit-transform:scale(.5);transform:scale(.5);-moz-transition:all .8s cubic-bezier(.77,0,.175,1);-o-transition:all .8s cubic-bezier(.77,0,.175,1);-webkit-transition:all .8s cubic-bezier(.77,0,.175,1);transition:all .8s cubic-bezier(.77,0,.175,1)}.page1 .arrow:hover:before{opacity:0;-moz-transform:scale(1.5);-ms-transform:scale(1.5);-webkit-transform:scale(1.5);transform:scale(1.5);-moz-transition:all .8s cubic-bezier(.25,.46,.45,.94);-o-transition:all .8s cubic-bezier(.25,.46,.45,.94);-webkit-transition:all .8s cubic-bezier(.25,.46,.45,.94);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.page1 .arrow:hover:after{opacity:1;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.page2{background:url(../../../22vd/images/bg2.webp) no-repeat 50%;background-size:cover!important;height:964px}.page2 .wrapper,.page2 li,.page2 ul{height:100%}.page2 li{width:25%;float:left;display:inline;text-align:center;color:#fff;position:relative;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s;opacity:0;-webkit-opacity:0;-moz-opacity:0}.page2 li .bg{position:absolute;left:0;right:0;bottom:0;background:#9a02e0;height:0;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}.page2 li.selected .bg{height:100%}.page2 li.l2 .bg{background-color:#acd146}.page2 li.l3 .bg{background-color:#04afa6}.page2 li.l4 .bg{background-color:#f8c200}.page2 li .wrap{position:absolute;left:30px;right:30px;top:50%;margin-top:-110px}.page2 li .ico{width:109px;height:109px;border-radius:109px;margin:0 auto;background-position:top;background-repeat:no-repeat;overflow:hidden;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transition-delay:.4s;transition-delay:.4s}.page2 li.l1 .ico{background-image:url(../imgs/img5.png)}.page2 li.l2 .ico{background-image:url(../imgs/img6.png)}.page2 li.l3 .ico{background-image:url(../imgs/img7.png)}.page2 li.l4 .ico{background-image:url(../imgs/img8.png)}.page2 li.selected .ico{background-position:bottom}.page2 li .link{text-align:center;margin-top:35px}.page2 li .link a{background:url(../imgs/img41.png) no-repeat;width:48px;height:48px;display:inline-block}.page2 li .img{position:absolute;left:0;right:0;bottom:-200px;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transition-delay:.4s;transition-delay:.4s;opacity:0;-webkit-opacity:0;-moz-opacity:0}.page2 li.selected .img{bottom:0;opacity:1;-webkit-opacity:1;-moz-opacity:1}.page2 li .img img{display:block;width:100%}.page2 li a{color:#fff;text-decoration:none}.page2 li.l1{-webkit-transform:translate3d(-600px,0,0);-ms-transform:translate3d(-600px,0,0);transform:translate3d(-600px,0,0)}.page2 li.l2{-webkit-transform:translate3d(-300px,0,0);-ms-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0)}.page2 li.l3{-webkit-transform:translate3d(300px,0,0);-ms-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0)}.page2 li.l4{-webkit-transform:translate3d(600px,0,0);-ms-transform:translate3d(600px,0,0);transform:translate3d(600px,0,0)}.page2.active li{-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);opacity:1;-webkit-opacity:1;-moz-opacity:1}.page2 li h2{margin-top:20px;font-size:18px;font-weight:700;line-height:1}.page2 li dl{margin-top:18px}.page2 li dd{display:inline}.page2 li dd span{width:1px;height:15px;display:inline-block;background:#fff;margin:0 15px}.page2 li p{margin-top:30px;line-height:24px}.page3{background:url(../../../22vd/images/bg3.webp) repeat 50%;height:1040px}.page3 .wrapper{position:absolute;left:50%;margin-left:-600px;top:50%;margin-top:-220px}.page3 .head{position:relative;padding-left:350px;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transition-delay:.6s;transition-delay:.6s}.page3 .head .img{position:absolute;left:-400px;top:0;transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;opacity:0;-webkit-opacity:0;-ms-opacity:0}.page3.active .head .img{left:0;opacity:1;-webkit-opacity:1;-ms-opacity:1}.page3 .head .nav{padding-top:30px}.page3 .head .nav li{display:inline;margin-right:30px}.page3 .head .sort{position:absolute;left:1500px;bottom:0;padding-top:20px;color:#e9930b;text-transform:uppercase;transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;opacity:0;-webkit-opacity:0;-ms-opacity:0}.page3.active .head .sort{left:610px;opacity:1;-webkit-opacity:1;-ms-opacity:1}.page3 .head .sort a{color:#e9930b}.page3 .head .sort dt{position:absolute;left:0;top:0}.page3 .head .sort dd{display:inline}.page3 .head .sort dd span{margin:0 10px;display:inline-block;width:1px;height:11px;background:#f19f1c}.page3 .body{margin-top:45px;position:relative;top:0}.page3 .body ul{height:auto;overflow:hidden;width:105%}.page3 .body li{width:290px;height:190px;position:relative;float:left;display:inline;margin-right:16px;margin-bottom:16px;overflow:hidden;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s;opacity:0;-webkit-opacity:0;-moz-opacity:0;-webkit-transform:translate3d(0,100px,0);-ms-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}.page3.active .body li{opacity:1;-webkit-opacity:1;-moz-opacity:1;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.page3.active .body li:nth-child(2){-webkit-transition-delay:.2s;transition-delay:.2s}.page3.active .body li:nth-child(3){-webkit-transition-delay:.4s;transition-delay:.4s}.page3.active .body li:nth-child(4){-webkit-transition-delay:.6s;transition-delay:.6s}.page3.active .body li:nth-child(5){-webkit-transition-delay:.8s;transition-delay:.8s}.page3.active .body li:nth-child(6){-webkit-transition-delay:1s;transition-delay:1s}.page3.active .body li:nth-child(7){-webkit-transition-delay:1.2s;transition-delay:1.2s}.page3.active .body li:nth-child(8){-webkit-transition-delay:1.4s;transition-delay:1.4s}.page3 .body li .img img{-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s}.page3 .body li a:hover .img img{transform:scale(1.2)}.page3 .body li .brand{background:rgba(233,148,11,.83);position:absolute;left:0;right:0;top:0;bottom:0;text-align:center;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;opacity:0;-webkit-opacity:0;-moz-opacity:0}.page3 .body li a:hover .brand{opacity:1;-webkit-opacity:1;-moz-opacity:1}.page3 .body li .brand table{width:100%;height:100%;text-align:center}.page3 .jian{width:46px;height:46px;border-radius:46px;display:inline-block;position:relative}.jian:after,.jian:before{content:"";position:absolute;left:0;top:0;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;pointer-events:none}.jian:before{-moz-transition:all .8s cubic-bezier(.455,.03,.515,.955);-o-transition:all .8s cubic-bezier(.455,.03,.515,.955);-webkit-transition:all .8s cubic-bezier(.455,.03,.515,.955);transition:all .8s cubic-bezier(.455,.03,.515,.955)}.jian:after,.jian:before{width:46px;height:46px;border:1px solid #f19f1c}.jian:after{background-color:hsla(0,0%,100%,.1);opacity:0;-moz-transform:scale(.5);-ms-transform:scale(.5);-webkit-transform:scale(.5);transform:scale(.5);-moz-transition:all .8s cubic-bezier(.77,0,.175,1);-o-transition:all .8s cubic-bezier(.77,0,.175,1);-webkit-transition:all .8s cubic-bezier(.77,0,.175,1);transition:all .8s cubic-bezier(.77,0,.175,1)}.jian:hover:before{opacity:0;-moz-transform:scale(1.5);-ms-transform:scale(1.5);-webkit-transform:scale(1.5);transform:scale(1.5);-moz-transition:all .8s cubic-bezier(.25,.46,.45,.94);-o-transition:all .8s cubic-bezier(.25,.46,.45,.94);-webkit-transition:all .8s cubic-bezier(.25,.46,.45,.94);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.jian:hover:after{opacity:1;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.page4{background:url(../../../22vd/images/bg4.webp) no-repeat 50%;background-size:cover!important;height:998px}.page4 .wrapper{position:absolute;left:50%;margin-left:-600px;top:50%;margin-top:-220px}.page4 .head .img,.page4 .head .list,.page4 .head .list dl#dl1,.page4 .head .list dl#dl2,.page4 .list li{-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s;opacity:0;-webkit-opacity:0;-moz-opacity:0}.page4.active .head .img,.page4.active .head .list,.page4.active .head .list dl#dl1,.page4.active .head .list dl#dl2,.page4.active .list li{opacity:1;-webkit-opacity:1;-moz-opacity:1}.page4 .head{position:relative;width:105%}.page4 .head .img{margin-left:30px;position:relative;left:-100px}.page4.active .head .img{left:0}.page4 .head .nav{position:absolute;left:260px;top:20px}.page4 .head .nav li{display:inline;margin-right:20px}.page4 .head .list{position:absolute;left:485px;top:25px;-webkit-transform:translate3d(-300px,0,0);-ms-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0)}.page4.active .head .list{-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.page4 .head .list dl{float:left;display:inline;border-top:1px solid #f2f4f3;position:relative;padding-top:45px;color:#fff}.page4 .head .list dl a{color:#fff}.page4 .head .list dl#dl1{width:470px}.page4 .head .list dl#dl2{width:240px;margin-left:15px}.page4 .head .list dt{position:absolute;left:0;top:10px;font-size:14px;font-weight:700}.page4 .head .list dd span{margin:0 5px}.page4 .body{margin-top:75px}.page4 .list{height:auto;overflow:hidden;width:105%}.page4 .list li{float:left;display:inline;width:228px;height:306px;background:#fff;margin-right:15px;position:relative;transition-delay:1s;-webkit-transition-delay:1s;-ms-transition-delay:1s}.page4 .list li:nth-child(2){top:200px;left:100px}.page4 .list li:nth-child(3){top:400px;left:200px}.page4 .list li:nth-child(4){top:600px;left:300px}.page4 .list li:nth-child(5){top:800px;left:400px}.page4.active .list li{top:0;left:0}.page4 .view{position:relative;padding-top:140px;padding-left:35px;padding-right:30px}.page4 .view h4{font-size:14px;color:#000}.page4 .view .date{position:absolute;left:115px;top:40px}.page4 .view .date big{font-size:50px;font-weight:700;font-family:impact}.page4 .view .date span{position:absolute;left:18px;bottom:0;background:#fff;padding:0 5px;line-height:1.3;font-family:arial;width:80px}.page4 .view .img{height:90px}.page4 .view .img table{width:100%;height:100%}.page4 .view h2{font-size:15px;line-height:25px}.page4 .mask{background:#e50581;position:absolute;left:0;right:0;top:400px;bottom:0;padding:40px 30px;color:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;opacity:0;-webkit-opacity:0;-moz-opacity:0}.page4 .mask .img img{display:block}.page4 .selected .mask,.page4 a:hover .mask{top:0;opacity:1;-webkit-opacity:1;-moz-opacity:1}.page4 .mask h2{margin-top:20px;font-size:15px}.page4 .mask hr{width:37px;height:1px;border:none;background:#fff;display:block;margin-top:20px;margin-left:0}.page4 .mask p{margin-top:20px;clear:both}.page4 .wen{width:46px;height:46px;border-radius:46px;display:inline-block;position:relative}.page4 .wen:before,.wen:after{content:"";position:absolute;left:0;top:0;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;pointer-events:none}.page4 .wen:before{-moz-transition:all .8s cubic-bezier(.455,.03,.515,.955);-o-transition:all .8s cubic-bezier(.455,.03,.515,.955);-webkit-transition:all .8s cubic-bezier(.455,.03,.515,.955);transition:all .8s cubic-bezier(.455,.03,.515,.955)}.page4 .wen:after,.page4 .wen:before{width:46px;height:46px;border:1px solid #fff}.page4 .wen:after{background-color:hsla(0,0%,100%,.1);opacity:0;-moz-transform:scale(.5);-ms-transform:scale(.5);-webkit-transform:scale(.5);transform:scale(.5);-moz-transition:all .8s cubic-bezier(.77,0,.175,1);-o-transition:all .8s cubic-bezier(.77,0,.175,1);-webkit-transition:all .8s cubic-bezier(.77,0,.175,1);transition:all .8s cubic-bezier(.77,0,.175,1)}.page4 .wen:hover:before{opacity:0;-moz-transform:scale(1.5);-ms-transform:scale(1.5);-webkit-transform:scale(1.5);transform:scale(1.5);-moz-transition:all .8s cubic-bezier(.25,.46,.45,.94);-o-transition:all .8s cubic-bezier(.25,.46,.45,.94);-webkit-transition:all .8s cubic-bezier(.25,.46,.45,.94);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.page4 .wen:hover:after{opacity:1;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.page5{background:#ffb642;height:1115px}.page5 .wrapper{position:absolute;left:50%;margin-left:-600px;top:50%;margin-top:-240px}.page5 .img-wrap{width:500px;float:left;display:inline;border-top:3px solid #000;position:relative}.page5 .img-wrap .img1,.page5 .img-wrap .img2,.page5 .img-wrap .img3,.page5 .img-wrap .img4,.page5 .nav li,.page5 .text{-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s;transition-delay:.5s;-webkit-transition-delay:.5s;opacity:0;-webkit-opacity:0;-moz-opacity:0}.page5.active .img-wrap .img1,.page5.active .img-wrap .img2,.page5.active .img-wrap .img3,.page5.active .img-wrap .img4,.page5.active .nav li,.page5.active .text{opacity:1;-webkit-opacity:1;-moz-opacity:1}.page5 .img-wrap .img1{margin-left:90px;margin-top:30px;transition-delay:0s;-webkit-transition-delay:0s;transform:scale(0);-webkit-transform:scale(0)}.page5.active .img-wrap .img1{transform:scale(1);-webkit-transform:scale(1)}.page5 .img-wrap .img2{position:absolute;left:60px;top:20px;-webkit-transform:translate3d(-100px,0,0);-ms-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}.page5.active .img-wrap .img2{-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.page5 .img-wrap .img3{position:absolute;left:-100px;top:80px}.page5.active .img-wrap .img3{left:0}.page5 .img-wrap .img4{margin-top:20px;margin-left:290px}.page5.active .img-wrap .img4{margin-left:90px}.page5 .text{width:260px;float:left;display:inline;margin-left:130px;border-top:1px solid #000;padding-top:40px;position:relative;top:200px}.page5.active .text{top:0}.page5 .text h2{font-size:18px;margin-bottom:20px;font-weight:700}.page5 .text p{margin-bottom:30px;font-size:14px;line-height:26px}.page5 .nav{width:240px;float:right;display:inline}.page5 .nav li{border-top:1px solid #000;padding-top:40px;padding-bottom:80px;position:relative;top:-200px}.page5 .nav li:first-child{transition-delay:.7s;-webkit-transition-delay:.7s}.page5.active .nav li{top:0}.page6{background-size:cover!important;height:900px}.page6 video{min-width:100%}.page6 .bg,.page6 video{position:absolute;left:0;right:0;top:0;bottom:0}.page6 .bg{background:url(../../../22vd/images/img50.webp) repeat}.page6 .wrapper{position:absolute;left:50%;margin-left:-600px;top:50%;margin-top:-205px}.page6 .img{margin-left:340px;position:relative}.page6 .img .quan,.page6 .img .wen{-webkit-transition:all 2s;-moz-transition:all 2s;-o-transition:all 2s;transition:all 2s;opacity:.9;-webkit-opacity:.9;-moz-opacity:.9}.page6.active .img .quan,.page6.active .img .wen{opacity:1;-webkit-opacity:1;-moz-opacity:1}.page6 .img .wen{position:absolute;left:160px;top:60px;-webkit-transform:translate3d(100px,0,0);-ms-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}.page6.active .img .wen{-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.page6 .img .quan{-webkit-transform:translate3d(-100px,0,0);-ms-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}.page6.active .img .quan{-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.page6 .text{height:auto;margin-top:60px}.page6 .time{width:340px;float:left;display:inline;color:#fff;font-family:arial;line-height:1}.page6 .time .wrap{display:inline-block;text-align:center}.page6 .time h2{margin-top:10px;color:#fff;font-size:21px}.page6 .time h4{margin-top:10px}.page6 .tele{width:860px;float:right;display:inline}.page6 .tele img{display:block}.page6 .tele .qq{margin-top:30px}.page6 .info{height:auto;overflow:hidden;width:1200px;position:absolute;left:50%;margin-left:-600px;bottom:35px}.page6 .info,.page6 .info a{color:#c3c5c3}.page6 .info ul{width:340px;float:left;display:inline;font-size:12px}.flink{background:#202020;padding:25px 0;color:#4f4f4f}.flink dd,.flink dt{display:inline;margin-right:35px;line-height:27px}.flink dt{font-weight:700}.gb-arrow{background:url(../../../22vd/images/img42.webp) no-repeat 0;height:47px;line-height:47px;padding-left:30px;position:absolute;left:30px;top:50%;margin-top:1500px;font-size:12px;color:#fff;-webkit-transition:all 2s;-moz-transition:all 2s;-o-transition:all 2s;transition:all 2s;opacity:0;-webkit-opacity:0;-moz-opacity:0}.active .gb-arrow{margin-top:-23px;opacity:1;-webkit-opacity:1;-moz-opacity:1}.slide-wrap{position:relative}.slide-wrap,.slide-wrap ul{width:100%;height:100%}.slide-wrap li{width:100%;height:100%;overflow:hidden;text-align:center;position:absolute;left:0;right:0;top:0;bottom:0}.slide-wrap li .wrap{position:absolute;left:0;right:0;top:50%;margin-top:-250px}.slide-wrap li .bg{background:url(../../../22vd/images/img50.webp) repeat;position:absolute;left:0;right:0;top:0;bottom:0;transition:all 1s;-webkit-transition:all 1s;-ms-transition:all 1s;-moz-transition:all 1s;opacity:0;-webkit-opacity:0;-ms-opacity:0;-moz-opacity:0}.slide-wrap li.selected .bg{opacity:1;-webkit-opacity:1;-ms-opacity:1;-moz-opacity:1}.slide-wrap li .img{position:relative;z-index:9;transition:all 1s;-webkit-transition:all 1s;-ms-transition:all 1s;-moz-transition:all 1s}.slide-wrap li.selected .img{-webkit-transform:translateZ(0)!important;-ms-transform:translateZ(0)!important;transform:translateZ(0)!important}.slide-wrap li .text{color:#fff;font-size:20px;margin-top:25px;position:relative;z-index:9}.slide-wrap li .text,.slide-wrap video{transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}.slide-wrap video{position:absolute;z-index:0;top:-93px;left:0;min-width:0;min-width:100%;height:auto}.slide-wrap li#s1 video{opacity:0}.slide-wrap li#s1.selected video{opacity:1}.slide-wrap li#s1 .img{opacity:0;-webkit-transform:translate3d(0,50px,0);-ms-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}.slide-wrap li#s1.selected .img{opacity:1}.slide-wrap li#s1 .text{opacity:0}.slide-wrap li#s1.selected .text{opacity:1}.slide-wrap li#s2 video{opacity:0;-webkit-opacity:0;-ms-opacity:0;-moz-opacity:0}.slide-wrap li#s2.selected video{opacity:1;-webkit-opacity:1;-ms-opacity:1;-moz-opacity:1}.slide-wrap li#s2 .img{position:relative;display:inline-block;-webkit-transform:translate3d(0,50px,0);-ms-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}.slide-wrap li#s2.selected .img{opacity:1}.slide-wrap li#s2 .quan{position:absolute;right:0;top:0}.slide-wrap li#s2 .img,.slide-wrap li#s2 .text,.slide-wrap li#s3 video{opacity:0}.slide-wrap li#s3.selected video{opacity:1}.slide-wrap li#s3 .img{opacity:0;-webkit-transform:translate3d(0,50px,0);-ms-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}.slide-wrap li#s3.selected .img{opacity:1}.slide-wrap li#s3 .text{opacity:0}.slide-wrap li#s3.selected .text{opacity:1}.slide-nav-wrap{position:absolute;left:0;bottom:0;width:100%;padding-top:25px;margin-bottom:-22px;opacity:1;overflow:hidden;z-index:8;-moz-transform:translateY(100%);-ms-transform:translateY(100%);-webkit-transform:translateY(100%);transform:translateY(100%);transform:matrix(1,0,0,1,0,0);-webkit-transform:matrix(1,0,0,1,0,0);-moz-transform:matrix(1,0,0,1,0,0);-ms-transform:matrix(1,0,0,1,0,0);height:84px}#slide-nav{position:relative;width:620px;height:26px;margin:auto;-moz-transform:translateX(90px);-ms-transform:translateX(90px);-webkit-transform:translateX(90px);transform:translateX(90px)}.nav-line{float:left;position:relative;width:90px;height:1px;top:13px}.nav-line:after{content:"";position:absolute;top:0;width:90px;height:100%;background-color:#fff;-moz-transition:all .8s cubic-bezier(.77,0,.175,1);-o-transition:all .8s cubic-bezier(.77,0,.175,1);-webkit-transition:all .8s cubic-bezier(.77,0,.175,1);transition:all .8s cubic-bezier(.77,0,.175,1)}.nav-line.small:after{width:78px}.nav-line.x-small:after{width:63px;-moz-transition:all 1s cubic-bezier(.77,0,.175,1);-o-transition:all 1s cubic-bezier(.77,0,.175,1);-webkit-transition:all 1s cubic-bezier(.77,0,.175,1);transition:all 1s cubic-bezier(.77,0,.175,1)}.nav-line.prev:after{left:0}.nav-line.next:after{right:0}.nav-line:first-child:before,.nav-line:last-child:before{content:"";position:absolute;top:0;width:8000px;height:1px;background-color:#fff;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.nav-line:first-child:before{left:-8000px}.nav-line:last-child:before{right:-8000px}.nav-bullet-container{float:left;position:relative;width:26px;height:26px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.nav-bullet-container:first-child{margin-left:100px}.nav-bullet-container:before{content:"";position:absolute;top:-15px;left:8px;opacity:0;pointer-events:none;width:0;height:0;border-color:#fff transparent transparent;border-style:solid;border-width:6px 5px 0;-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);transform:translateY(-10px);-moz-transition:all .8s cubic-bezier(.77,0,.175,1);-o-transition:all .8s cubic-bezier(.77,0,.175,1);-webkit-transition:all .8s cubic-bezier(.77,0,.175,1);transition:all .8s cubic-bezier(.77,0,.175,1);-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.desktop #slide-nav .nav-bullet-container:hover:before{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.desktop #slide-nav .nav-bullet-container:hover .nav-link:before{-moz-transform:scale(2);-ms-transform:scale(2);-webkit-transform:scale(2);transform:scale(2);opacity:0;-moz-transition:all .8s cubic-bezier(.25,.46,.45,.94);-o-transition:all .8s cubic-bezier(.25,.46,.45,.94);-webkit-transition:all .8s cubic-bezier(.25,.46,.45,.94);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.desktop #slide-nav .nav-bullet-container:hover .nav-link:after{-moz-transform:scale(3.3);-ms-transform:scale(3.3);-webkit-transform:scale(3.3);transform:scale(3.3);opacity:.2}.desktop #slide-nav .nav-bullet-container:hover .nav-bullet{opacity:1;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.desktop #slide-nav .nav-bullet-container:hover .nav-text{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}.nav-bullet-container.active .nav-link:after{opacity:1}.nav-link{display:block;position:relative;width:100%;height:100%;color:#fff}.nav-link:before{content:"";position:absolute;left:5px;top:5px;width:14px;height:14px;border:1px solid #fff;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;opacity:.5;-moz-transition:all .8s cubic-bezier(.455,.03,.515,.955);-o-transition:all .8s cubic-bezier(.455,.03,.515,.955);-webkit-transition:all .8s cubic-bezier(.455,.03,.515,.955);transition:all .8s cubic-bezier(.455,.03,.515,.955)}.nav-link:after{content:"";opacity:.5;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.nav-bullet,.nav-link:after{position:absolute;left:9px;top:9px;width:8px;height:8px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background-color:#fff;-moz-transition:all .8s cubic-bezier(.77,0,.175,1);-o-transition:all .8s cubic-bezier(.77,0,.175,1);-webkit-transition:all .8s cubic-bezier(.77,0,.175,1);transition:all .8s cubic-bezier(.77,0,.175,1)}.nav-bullet{opacity:0;-moz-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0)}.nav-text{position:absolute;left:-44px;bottom:-22px;width:113px;text-align:center;opacity:0;pointer-events:none;-moz-transform:translateY(10px);-ms-transform:translateY(10px);-webkit-transform:translateY(10px);transform:translateY(10px);-moz-transition:all .8s cubic-bezier(.77,0,.175,1);-o-transition:all .8s cubic-bezier(.77,0,.175,1);-webkit-transition:all .8s cubic-bezier(.77,0,.175,1);transition:all .8s cubic-bezier(.77,0,.175,1);color:#fff}.gb-radar{position:relative}.gb-radar:after,.gb-radar:before{content:"";position:absolute;left:0;top:0;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;pointer-events:none}.gb-radar:before{width:88px;height:88px;border:1px solid #fff;-moz-transition:all .8s cubic-bezier(.455,.03,.515,.955);-o-transition:all .8s cubic-bezier(.455,.03,.515,.955);-webkit-transition:all .8s cubic-bezier(.455,.03,.515,.955);transition:all .8s cubic-bezier(.455,.03,.515,.955)}.gb-radar:after{width:86px;height:86px;border:2px solid #fff;background-color:hsla(0,0%,100%,.1);opacity:0;-moz-transform:scale(.5);-ms-transform:scale(.5);-webkit-transform:scale(.5);transform:scale(.5);-moz-transition:all .8s cubic-bezier(.77,0,.175,1);-o-transition:all .8s cubic-bezier(.77,0,.175,1);-webkit-transition:all .8s cubic-bezier(.77,0,.175,1);transition:all .8s cubic-bezier(.77,0,.175,1)}.gb-radar:hover:before{opacity:0;-moz-transform:scale(1.5);-ms-transform:scale(1.5);-webkit-transform:scale(1.5);transform:scale(1.5);-moz-transition:all .8s cubic-bezier(.25,.46,.45,.94);-o-transition:all .8s cubic-bezier(.25,.46,.45,.94);-webkit-transition:all .8s cubic-bezier(.25,.46,.45,.94);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.gb-radar:hover:after{opacity:1;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}#nav{position:fixed;top:0;width:0;width:100%;height:100%;background:#282828;z-index:9999;transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;-moz-transition:all .6s;opacity:1;-webkit-opacity:1;-ms-opacity:1;-moz-opacity:1}#nav.hide{top:-100%;opacity:0;-webkit-opacity:0;-ms-opacity:0;-moz-opacity:0}.nav_top{width:100%}.nav_main{max-width:1000px;height:514px;position:relative;top:50%;margin:-250px auto 0;display:table}.nav_main h1{color:#fff;font-size:48px;clear:both;padding-left:10px;font-style:italic;font-family:"MS Serif",New York,Microsoft YaHei}.nav_main ul{width:100%;padding-top:130px;display:table}.nav_main ul li{width:257px;height:130px;padding-left:76px;float:left;color:#fff}.nav_main ul li a{color:#fff;text-decoration:none}.nav_main ul li h2{height:50px;line-height:50px;font-size:16px}.nav_main ul li h2 a em{color:#949494;margin-left:20px;font-size:12px;font-style:normal;font-family:Verdana,Geneva,sans-serif}.nav_main ul li div a{color:#dbdbdb;display:block;line-height:22px;font-size:12px}.nav_main ul li div a:hover{color:#fff}.nav_main ul li.homes{background:url(../../../22vd/images/homes.webp) no-repeat 10px 12px}.nav_main ul li.services{background:url(../../../22vd/images/services.webp) no-repeat 10px 12px}.nav_main ul li.cases{background:url(../../../22vd/images/cases.webp) no-repeat 10px 12px}.nav_main ul li.abouts{background:url(../../../22vd/images/abouts.webp) no-repeat 10px 12px}.nav_main ul li.news{background:url(../../../22vd/images/news.webp) no-repeat 10px 12px}.nav_main ul li.Advantages{background:url(../../../22vd/images/Advantages.webp) no-repeat 10px 12px}.nav_main ul li.Experiences{background:url(../../../22vd/images/tiyans.webp) no-repeat 10px 12px}.nav_main ul li.Jobs{background:url(../../../22vd/images/jobs.webp) no-repeat 10px 12px}.nav_main ul li.Contacts{background:url(../../../22vd/images/contacts.webp) no-repeat 10px 12px}.nav_main ul li div a:after{-webkit-transition:.5s cubic-bezier(.68,-.55,.265,1.55);transition:.5s cubic-bezier(.68,-.55,.265,1.55);-webkit-transform:translateZ(0);transform:translateZ(0)}.nav-toggle{background-color:#fff;position:fixed;-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;border-radius:50%;width:36px;height:36px;top:15px;right:13px;z-index:30;overflow:hidden}.nav-toggle,.nav-toggle span{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.nav-toggle span{width:16px;display:block;height:2px;position:absolute;left:10px;background-color:#24252f;opacity:1;-webkit-transition:1s cubic-bezier(.68,-.55,.265,1.55);transition:1s cubic-bezier(.68,-.55,.265,1.55)}.nav-toggle span:first-child{top:13px}.nav-toggle span:nth-child(2){top:18px}.nav-toggle span:nth-child(3){top:23px}.nav-toggle.close span:first-child{top:18px;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.nav-toggle.close span:nth-child(2){opacity:0;left:-30px}.nav-toggle.close span:nth-child(3){top:18px;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}a.logo_menu{margin-top:21px;display:inline-block;margin-left:31px}a.close_menu{width:50px;height:48px;display:inline-block;margin-top:20px;background:url(../images/close.png) no-repeat;float:right;margin-right:30px;-moz-transition:-moz-transform .5s;-webkit-transition:-webkit-transform .5s;-o-transition:-o-transform .5s}a.close_menu:hover{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg)}.sidebar{position:fixed;right:0;top:50%;margin-top:-80px;width:55px;background:rgba(0,0,0,.3);padding:12px 0 0;z-index:999999}.sidebar,.sidebar li{border-radius:8px 0 0 8px}.sidebar li{height:50px;width:160px;padding-left:17px;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}.sidebar li img{display:block}.sidebar li:hover{margin-left:-105px;background:rgba(0,0,0,.6)}#loader{position:fixed;left:0;right:0;top:0;bottom:0;z-index:999999;background:#none}#loader .myStat{margin:0 auto}#loader .wrap{text-align:center;color:#fff;position:absolute;left:50%;margin-left:-100px;width:200px;height:120px;top:50%;margin-top:-60px}#loader .wrap h2{margin-top:20px}#loader .quan{width:100px;height:100px;border-radius:100px;margin:0 auto;text-align:center;line-height:100px;font-size:12px;position:relative}#loader .quan .num{width:60px;height:22px;background:#000;position:absolute;top:50%;margin-top:-8px;left:20px;text-align:center;color:#fff;line-height:1}
:root{--g14d68ecf80:1}