html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,input,textarea,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-style:normal;vertical-align:baseline;font-family:"PingFang SC", "HiraginoSansGB-W3", "STHeitiSC-Light", "Microsoft YaHei", SimHei, "Helvetica Neue", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent !important;-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-appearance:none !important}html{font-size:100px}body{font-size:0.14rem}ul,li{list-style:none}a{color:#333;text-decoration:none}.clearfix{*zoom:1}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}.clearfix:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0}.hidden{display:none}.pull-left{float:left}.pull-right{float:right}@-webkit-keyframes train{0%{-webkit-transform:translate(100vw, -60vw) rotate(-0.5deg);transform:translate(100vw, -60vw) rotate(-0.5deg);bottom:13%}100%{-webkit-transform:translate(-100vw, 60vw) rotate(0deg);transform:translate(-100vw, 60vw) rotate(0deg);bottom:15%}}@keyframes train{0%{-webkit-transform:translate(100vw, -60vw) rotate(-0.5deg);transform:translate(100vw, -60vw) rotate(-0.5deg);bottom:13%}100%{-webkit-transform:translate(-100vw, 60vw) rotate(0deg);transform:translate(-100vw, 60vw) rotate(0deg);bottom:15%}}@-webkit-keyframes upDown{0%{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}40%{opacity:0.4;-webkit-transform:translate(0, 20px);transform:translate(0, 20px)}100%{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes upDown{0%{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}40%{opacity:0.4;-webkit-transform:translate(0, 20px);transform:translate(0, 20px)}100%{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@-webkit-keyframes heart{0%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}50%{-webkit-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05)}100%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}}@keyframes heart{0%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}50%{-webkit-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05)}100%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}}@-webkit-keyframes airport{0%{-webkit-transform:translate(0, 0) scale(1.3, 1.3) rotateZ(0deg);transform:translate(0, 0) scale(1.3, 1.3) rotateZ(0deg)}50%{-webkit-transform:translate(41vw, -20vw) rotateZ(180deg);transform:translate(41vw, -20vw) rotateZ(180deg)}100%{-webkit-transform:translate(0, 0) scale(1.3, 1.3) rotateZ(0deg);transform:translate(0, 0) scale(1.3, 1.3) rotateZ(0deg)}}@keyframes airport{0%{-webkit-transform:translate(0, 0) scale(1.3, 1.3) rotateZ(0deg);transform:translate(0, 0) scale(1.3, 1.3) rotateZ(0deg)}50%{-webkit-transform:translate(41vw, -20vw) rotateZ(180deg);transform:translate(41vw, -20vw) rotateZ(180deg)}100%{-webkit-transform:translate(0, 0) scale(1.3, 1.3) rotateZ(0deg);transform:translate(0, 0) scale(1.3, 1.3) rotateZ(0deg)}}@-webkit-keyframes volkswagen{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes volkswagen{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@-webkit-keyframes bang1{0%{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}80%{opacity:1;-webkit-transform:translate(20vw, 1vw);transform:translate(20vw, 1vw)}100%{opacity:0;-webkit-transform:translate(20vw, 1vw);transform:translate(20vw, 1vw)}}@keyframes bang1{0%{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}80%{opacity:1;-webkit-transform:translate(20vw, 1vw);transform:translate(20vw, 1vw)}100%{opacity:0;-webkit-transform:translate(20vw, 1vw);transform:translate(20vw, 1vw)}}@-webkit-keyframes bang2{0%{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}95%{opacity:1;-webkit-transform:translate(-30vw, 20vw);transform:translate(-30vw, 20vw)}100%{opacity:0;-webkit-transform:translate(-30vw, 20vw);transform:translate(-30vw, 20vw)}}@keyframes bang2{0%{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}95%{opacity:1;-webkit-transform:translate(-30vw, 20vw);transform:translate(-30vw, 20vw)}100%{opacity:0;-webkit-transform:translate(-30vw, 20vw);transform:translate(-30vw, 20vw)}}@-webkit-keyframes bang3{0%{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}80%{opacity:1;-webkit-transform:translate(20vw, 12vw);transform:translate(20vw, 12vw)}100%{opacity:0;-webkit-transform:translate(20vw, 12vw);transform:translate(20vw, 12vw)}}@keyframes bang3{0%{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}80%{opacity:1;-webkit-transform:translate(20vw, 12vw);transform:translate(20vw, 12vw)}100%{opacity:0;-webkit-transform:translate(20vw, 12vw);transform:translate(20vw, 12vw)}}@-webkit-keyframes bang4{0%{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}80%{opacity:1;-webkit-transform:translate(-6vw, 12vw);transform:translate(-6vw, 12vw)}100%{opacity:0;-webkit-transform:translate(-6vw, 12vw);transform:translate(-6vw, 12vw)}}@keyframes bang4{0%{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}80%{opacity:1;-webkit-transform:translate(-6vw, 12vw);transform:translate(-6vw, 12vw)}100%{opacity:0;-webkit-transform:translate(-6vw, 12vw);transform:translate(-6vw, 12vw)}}html,body{width:100vw;overflow-x:hidden}body{width:100vw;overflow-x:hidden;background:url("./images/background.png") repeat-y top center;background-size:100%}.header{width:100vw;height:6vw;background:url("./images/header_n.png") no-repeat center center;background-size:100%}.topic{position:relative;height:53vw;background:url("./images/bg_topic2.png") no-repeat top center;background-size:100%}.topic .video-box{position:absolute;left:0;right:0;top:0;bottom:0;background:url("images/topic_video2.png") no-repeat bottom center;background-size:100%;z-index:2}.topic .video-box .video{position:absolute;left:16.7%;right:16.6%;top:15%;bottom:25.6%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;outline:none;background:rgba(0,0,0,0.5)}.topic .video-box .video img{width:100%}.topic .blue{position:absolute;top:8%;left:5%;width:5vw;height:8vw;background:url("./images/blue.png") no-repeat bottom center;background-size:100%;-webkit-animation:upDown 2s linear infinite;animation:upDown 2s linear infinite;z-index:4}.topic .orange{position:absolute;top:26%;right:6%;width:3vw;height:5vw;background:url("./images/orange.png") no-repeat bottom center;background-size:100%;-webkit-animation:upDown 3s linear infinite;animation:upDown 3s linear infinite;z-index:4}.topic .air{position:absolute;top:3%;right:0%;width:19vw;height:7vw;background:url("./images/air.png") no-repeat bottom center;background-size:100%;z-index:4}.panel{position:relative;width:100vw;background-repeat:no-repeat;background-position:center center}.panel .gif{position:absolute;background-repeat:no-repeat;background-position:center center;background-size:100%;z-index:2}.panel .dabang{position:absolute;width:12vw;height:10vw;background-repeat:no-repeat;background-position:center center;background-size:100%;z-index:3}.panel .card{position:absolute;width:19vw;height:17vw;background-repeat:no-repeat;background-position:center center;background-size:100%;-webkit-transition:all 0.3s;transition:all 0.3s;cursor:pointer;z-index:1001}.panel .card.active{width:21vw;height:19vw;-webkit-animation:heart 0.6s linear infinite;animation:heart 0.6s linear infinite}.panel.panel-cvc{margin-top:-5vw;height:90vw;background-image:url("./images/panel_cvc.png");background-size:auto 100%}.panel.panel-cvc .dabang{left:16%;top:-1%;background-image:url("./images/gif/bang_right.gif");-webkit-animation:bang1 5s linear infinite;animation:bang1 5s linear infinite}.panel.panel-cvc .card{left:47%;top:6%;width:14vw;height:13vw;background-image:url("./images/card/card_2.png")}.panel.panel-cvc .card.active{width:16vw;height:15vw;background-image:url("./images/card/card_1.png")}.panel.panel-cvc .money{bottom:32%;left:14%;width:18vw;height:18vw;background-image:url("./images/gif/money.gif")}.panel.panel-brige{margin-top:-54vw;height:80vw;background-image:url("./images/panel_brige.png");background-size:100%}.panel.panel-brige .train{left:0;right:0;bottom:14%;width:100vw;height:60vw;background-image:url("./images/train.png");-webkit-animation:train 10s linear infinite;animation:train 10s linear infinite}.panel.panel-innovation{margin-top:-40vw;height:120vw;background-image:url("./images/panel_innovation.png");background-size:auto 100%}.panel.panel-innovation .dabang{left:68%;top:0;background-image:url("./images/gif/bang_left.gif");-webkit-animation:bang2 8s linear infinite;animation:bang2 8s linear infinite}.panel.panel-innovation .card{left:27%;top:24%;background-image:url("./images/card/card_4.png")}.panel.panel-innovation .card.active{background-image:url("./images/card/card_3.png")}.panel.panel-innovation .cloud{top:44%;left:44%;width:8vw;height:8vw;background-image:url("./images/innovation_cloud.png")}.panel.panel-innovation .star{top:85%;left:60%;width:8vw;height:10vw;background-image:url("./images/innovation_star.png")}.panel.panel-innovation .innovation{bottom:3%;right:4%;width:76vw;height:50vw;background-image:url("./images/gif/innovation.gif")}.panel.panel-job{margin-top:-36vw;height:120vw;background-image:url("./images/panel_job.png");background-size:100%}.panel.panel-job .dabang{left:37%;top:13%;background-image:url("./images/gif/bang_right.gif");-webkit-animation:bang3 5s linear infinite;animation:bang3 5s linear infinite}.panel.panel-job .card{left:67%;top:28%;background-image:url("./images/card/card_6.png")}.panel.panel-job .card.active{background-image:url("./images/card/card_5.png")}.panel.panel-job .star{top:13%;left:-8%;width:35vw;height:22vw;background-image:url("./images/gif/star.gif")}.panel.panel-job .job{bottom:43%;left:-9%;width:48vw;height:36vw;background-image:url("./images/gif/job.gif")}.panel.panel-job .phone{bottom:45%;right:-2%;width:22vw;height:18vw;background-image:url("./images/gif/phone.gif")}.panel.panel-volkswagen{margin-top:-55vw;height:110vw;background-image:url("./images/panel_volkswagen.png");background-size:100%}.panel.panel-volkswagen .dabang{left:56%;top:13%;background-image:url("./images/gif/bang_left.gif");-webkit-animation:bang2 5s linear infinite;animation:bang2 5s linear infinite}.panel.panel-volkswagen .card{left:6%;top:38%;background-image:url("./images/card/card_8.png")}.panel.panel-volkswagen .card.active{background-image:url("./images/card/card_7.png")}.panel.panel-volkswagen .car{bottom:23%;right:15%;width:50vw;height:50vw;background-image:url("./images/car_n.png");background-size:60%}.panel.panel-volkswagen .car .light{position:absolute;bottom:24%;right:58%;width:15vw;height:15vw;background-image:url("./images/car_light.png");background-repeat:no-repeat;background-position:bottom center;background-size:100%;-webkit-animation:volkswagen 0.5s linear infinite;animation:volkswagen 0.5s linear infinite}.panel.panel-volkswagen .airport{top:37%;left:6%;width:7vw;height:7vw;background-image:url("./images/airport.png");-webkit-animation:airport 15s linear infinite;animation:airport 15s linear infinite}.panel.panel-lenovo{margin-top:-6vw;height:94vw;background-image:url("./images/panel_lenovo.png");background-size:100%}.panel.panel-lenovo .dabang{left:88%;top:-16%;background-image:url("./images/gif/bang_left.gif");-webkit-animation:bang4 3s linear infinite;animation:bang4 3s linear infinite}.panel.panel-lenovo .card{left:75%;top:2%;background-image:url("./images/card/card_10.png")}.panel.panel-lenovo .card.active{background-image:url("./images/card/card_9.png")}.panel.panel-lenovo .link{top:28%;left:12%;width:16vw;height:16vw;background-image:url("./images/gif/link.gif")}.panel.panel-lenovo .link1{top:-4%;left:47%;width:9vw;height:16vw;background-image:url("./images/link1.png");-webkit-animation:volkswagen 1s linear infinite;animation:volkswagen 1s linear infinite}.panel.panel-leo{margin-top:-16vw;height:83vw;background-image:url("./images/panel_leo.png");background-size:96%;background-position:right center}.panel.panel-leo .dabang{left:25%;top:-11%;background-image:url("./images/gif/bang_left.gif");-webkit-animation:bang4 3s linear infinite;animation:bang4 3s linear infinite}.panel.panel-leo .card{left:3%;top:15%;background-image:url("./images/card/card_012.png")}.panel.panel-leo .card.active{background-image:url("./images/card/card_011.png")}.panel.panel-leo .leo{top:3%;left:27%;width:16vw;height:16vw;background-image:url("./images/gif/leo.gif")}.panel.panel-video{margin-top:-10vw;height:94vw;background-image:url("./images/panel_video.png");background-size:90%;background-position:left center}.panel.panel-video .dabang{left:45%;top:-2%;background-image:url("./images/gif/bang_right.gif");-webkit-animation:bang3 4s linear infinite;animation:bang3 4s linear infinite}.panel.panel-video .card{left:75%;top:15%;background-image:url("./images/card/card_14.png")}.panel.panel-video .card.active{background-image:url("./images/card/card_13.png")}.panel.panel-video .computer{top:48.7%;left:37%;width:26vw;height:16vw;background-image:url("./images/gif/computer.gif")}.panel.panel-ship{margin-top:-30vw;height:66vw;background-image:url("./images/panel_ship.png");background-position:right center;background-size:auto 100%}.panel.panel-city{margin-top:-50vw;height:80vw;background-image:url("./images/panel_city.gif");background-position:left center;background-size:90%;-webkit-transform:translate(-30vw, 0);transform:translate(-30vw, 0)}.panel.panel-city .dabang{left:64%;top:0%;background-image:url("./images/gif/bang_right.gif");-webkit-animation:bang3 4s linear infinite;animation:bang3 4s linear infinite}.panel.panel-city .card{left:75%;top:25%;background-image:url("./images/card/card_16.png")}.panel.panel-city .card.active{background-image:url("./images/card/card_15.png")}.panel.panel-bestla{margin-top:-26vw;height:136vw;background-image:url("./images/panel_bestla.png");background-size:100%}.panel.panel-bestla .dabang{left:65%;top:-5%;background-image:url("./images/gif/bang_left.gif");-webkit-animation:bang2 5s linear infinite;animation:bang2 5s linear infinite}.panel.panel-bestla .card{left:19%;top:15%;background-image:url("./images/card/card_18.png")}.panel.panel-bestla .card.active{background-image:url("./images/card/card_17.png")}.panel.panel-bestla .bestla{bottom:12%;left:-5%;width:70vw;height:70vw;background-image:url("./images/gif/bestla.gif")}.panel.panel-bestla .people{bottom:36%;left:21%;width:22vw;height:22vw;background-image:url("./images/bestla_people.png")}.panel.panel-bestla .single{bottom:25%;left:61%;width:5vw;height:15vw;background-image:url("./images/bestla_single.png")}.panel.panel-bangcamp{margin-top:-23vw;height:68vw;background-image:url("./images/panel_bangcamp.png");background-size:100%}.panel.panel-bangcamp .dabang{left:56%;top:-17%;background-image:url("./images/gif/bang_right.gif");-webkit-animation:bang3 5s linear infinite;animation:bang3 5s linear infinite}.panel.panel-bangcamp .card{left:75%;top:-19%;background-image:url("./images/card/card_20.png")}.panel.panel-bangcamp .card.active{background-image:url("./images/card/card_19.png")}.fixed-btn{position:fixed;right:0;top:20%;z-index:1001}.fixed-btn a{display:block;width:8vw;height:5vw;background-repeat:no-repeat;background-position:right center;background-size:100%}.fixed-btn a.btn-1{background-image:url("./images/btn_01.png")}.fixed-btn a.btn-2{background-image:url("./images/btn_02.png")}.fixed-btn a.btn-3{background-image:url("./images/btn_03.png")}@media screen and (max-width: 600px){.fixed-btn{top:auto;bottom:20%}.fixed-btn a{width:22vw;height:12vw}}