body{font-family:FZLanTingHei-L-GBK,GothamBook,helvetica,arial,"Microsoft Yahei","微软雅黑",sans-serif;height:100%}.loading-box{position:fixed;left:0;top:0;right:0;bottom:0;background:linear-gradient(45deg,#cfdae7,#cce5fa);z-index:99999999999;display:flex;align-items:center;justify-content:center}.loading-box .loading-content{width:160px;height:130px;text-align:center}.loading-box .loading-content img{display:inline-block;width:90%;height:auto}.loading-box .loading-content p{line-height:40px;font-size:12px;color:#fff}#carousel-generic{height:100%;position:relative;left:0;top:0}.carousel-inner{position:relative;width:100%;height:100%;overflow:hidden}.arrow-down-icon{position:absolute;width:40px;height:40px;left:50%;bottom:40px;margin-left:-20px;background:url(../img/arrow-down.png) center/cover no-repeat}#carousel-generic .item{height:100%;position:absolute;left:0;top:0;width:100%;background-repeat:no-repeat;background-position:center}#carousel-generic .item.first-screen .title,#carousel-generic .item.second-screen .title{width:800px;top:50%;margin-left:-400px;margin-top:-120px;left:50%}#carousel-generic .item .title{position:absolute}#carousel-generic .item.first-screen .title h2:first-child{font-size:32px}#carousel-generic .item.first-screen .title h2:nth-child(2){padding:14px 0;text-transform:uppercase;font-size:15px}.second-screen .icon{position:absolute;width:50px;height:50px;left:50%;top:22%;margin-left:-25px}.second-screen .icon img{display:block;width:100%;border:none}#carousel-generic .item.second-screen .title h2:first-child{font-size:32px}#carousel-generic .item.second-screen .title h2:nth-child(2){padding:14px 0;text-transform:uppercase;font-size:14px}#carousel-generic .item .vivio-car-icon span{display:inline-block;font-size:13px;line-height:30px;width:90px;height:30px;border-radius:30px;border:1px solid #fff;color:#fff;text-align:center;position:relative}#carousel-generic .item .vivio-car-icon{width:100%;cursor:pointer;margin-top:50px}#carousel-generic .item .vivio-car-icon span:after{position:absolute;right:12px;top:11px;background-position:-5px -26px;width:5px;height:8px;display:inline-block;content:'';background-size:100px 100px;margin-left:8px}@-webkit-keyframes gogogo{0%{right:12px}100%{right:0}}#carousel-generic .item .vivio-car-icon span:hover:after{background-position:0 -26px;-webkit-animation:gogogo .3s infinite linear}#carousel-generic .item .vivio-car-icon,#carousel-generic .item h2{visibility:hidden;opacity:0;text-align:center;-webkit-transition-property:all;-webkit-transition-duration:1s;-webkit-transition-timing-function:ease;height:37px}#carousel-generic .item.vivo-x9pyy .vivio-car-icon{margin-top:0}#carousel-generic .item h2:nth-child(1){-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s}#carousel-generic .item h2:nth-child(2){-webkit-transition-delay:.4s;-moz-transition-delay:.4s;transition-delay:.4s}#carousel-generic .item h2:nth-child(3){-webkit-transition-delay:.8s;-moz-transition-delay:.8s;transition-delay:.8s}#carousel-generic .item .vivio-car-icon{-webkit-transition-delay:1.2s;-moz-transition-delay:1.2s;transition-delay:1.2s}#carousel-generic .item.show-title.active .vivio-car-icon,#carousel-generic .item.show-title.active h2{transform:translateY(20px);visibility:visible;opacity:1}#carousel-generic .item .figure{right:0;width:650px;height:100%;position:absolute;z-index:-1}#carousel-generic .item .figure em{-webkit-transition:all 2s ease;-moz-transition:all 2s ease;transition:all 2s ease}#carousel-generic .item .figure em:nth-child(1){position:absolute;top:-20%;right:125px}#carousel-generic .item .figure em:nth-child(2){position:absolute;bottom:-20%;right:0}#carousel-generic .item .figure em img{width:auto;height:100%}#carousel-generic .item.active .figure em:nth-child(2){transform:matrix(1,0,0,1,65,-100);-ms-transform:matrix(1,0,0,1,65,-100);-moz-transform:matrix(1,0,0,1,65,-100);-webkit-transform:matrix(1,0,0,1,65,-100)}#carousel-generic .item.active .figure em:nth-child(1){transform:matrix(1,0,0,1,-57,100);-ms-transform:matrix(1,0,0,1,-57,100);-moz-transform:matrix(1,0,0,1,-57,100);-webkit-transform:matrix(1,0,0,1,-57,100)}#carousel-generic .item.first-screen{background-color:#000;background-image:url(../img/banner/banner-1.jpg);background-size:cover}#carousel-generic .item.second-screen{background-color:#273852;background-image:url(../img/banner/banner-2.jpg);background-size:cover}#carousel-generic .item.vivo-x9pyy{background-color:#fff}#carousel-generic .carousel-indicators{bottom:160px}#carousel-generic .carousel-indicators li{border:none;width:11px;height:11px;margin:6px;background-color:#d9d9d9;transition:all .3s cubic-bezier(.73,.03,.31,1);transform:scale(.82)}#carousel-generic .carousel-indicators .active,#carousel-generic .carousel-indicators li:hover{transform:scale(1);background-color:#008cd6}@media (max-width:992px){#carousel-generic .item.vivo-x9plus .vivo-x9plus-box{width:100%}}@media (min-width:992px)and (max-width:1600px){#carousel-generic .item.vivo-x9plus .vivo-x9plus-box{width:95%}}@media (min-width:1600px){#carousel-generic .item.vivo-x9plus .vivo-x9plus-box{width:80%}}main{background-color:#fff}.layout-module{position:relative;width:100%;overflow:hidden;text-align:center}.layout-module h4{font-size:30px;text-transform:uppercase;line-height:50px;transition:.5s all;transform:translate(0,-16px)}.layout-module p{font-size:14px;color:#666;transition:.8s all;transform:translate(0,-16px)}.layout-module.module-active h4,.layout-module.module-active p{transform:translate(0,16px)}.layout-module img{display:block;width:100%;height:auto;border:none}.layout-module:nth-child(1){background:url(../img/bg_02.png) center/cover no-repeat}.module-1-p1{width:100px;height:auto;margin:60px auto 20px}.module-1-p2{position:relative;height:100%}.module-1-p2 img{position:absolute;display:block;width:130%;bottom:0;margin-left:-15%}.layout-module:nth-child(2){background:url(../img/bg_03.png) center/cover no-repeat}.layout-module:nth-child(2) h4{width:80%;text-align:left}.layout-module:nth-child(2) p{width:80%;text-align:left;line-height:24px}.module-2-text-box{position:absolute;width:40%;right:10%;top:30%;z-index:1}.module-2-p1{height:100%;width:100%}.module-2-p1 img{left:50px;display:block;height:100%;width:auto}.layout-module:nth-child(3){background:url(../img/bg_04.png) center/cover no-repeat}.module-3-p1{position:relative;height:100%}.module-3-p1 img{position:absolute;display:block;width:80%;bottom:0;left:50%;margin-left:-28%}.module-3-text-box{position:absolute;width:100%;left:0;top:0;z-index:1}.layout-module:nth-child(4){background:url(../img/bg_05.png) center/cover no-repeat}.module-4-p1{position:relative;height:100%;width:100%}.module-4-p1 img{display:block;position:absolute;bottom:30px;height:80%;width:auto}.layout-module:nth-child(5){background:url(../img/bg_06.png) center/cover no-repeat}.module-5-p1,.module-5-p2{height:100%;position:relative}.module-5-p1 img{display:block;width:80%;height:auto;position:absolute;left:0;bottom:60px}.module-5-p2 img{display:block;width:auto;height:94%;position:absolute;right:30%;bottom:0}.layout-module:nth-child(6){background:#000}.layout-module video{display:none;position:absolute;left:0;top:50%;width:100%;height:auto;margin-top:-28%}.layout-module .video-shade-box{position:absolute;width:100%;height:100%;left:0;top:0;background:url(../img/bg_07.jpg?id=1) center/cover no-repeat;z-index:1}.layout-module .video-shade-box h4{width:80%;margin:0 auto;font-size:30px;color:#fff;text-align:center;padding-top:180px}.layout-module .video-shade-box .play-btn{width:60px;height:60px;margin:50px auto;cursor:pointer;background:url(../img/video-play.png) center/cover;transition:1.4s all}.layout-module .video-shade-box .play-btn:hover{width:60px;height:60px;margin:50px auto;cursor:pointer;background:url(../img/video-play-hover.png) center/cover}.page-360-container{position:absolute;width:100%;height:100%;left:0;top:0}.btn-360,.btn-360:hover{width:60px;height:60px;margin:50px auto;cursor:pointer;transition:1.4s all}.btn-360{background:url(../img/360-btn.png) center/cover}.btn-360:hover{background:url(../img/360-btn-white.png) center/cover}.next-page-360{position:absolute;width:100px;height:100px;left:50%;bottom:0;margin-left:-50px;background:0 0;overflow:hidden}.next-page-360 img{display:block;width:30px;height:auto;margin:64px auto 5px}.layout-module:nth-child(7){background:url(../img/bg_08.png?id=1) center/cover no-repeat}.web-main-container{padding:100px 32px 0}.web-main-container ul{margin-top:40px}.web-main-container li{position:relative;padding:0}.web-main-container li a{display:inline-block;width:100%}.activity{margin-bottom:40px}.activity .gutter{padding:10px}.activity li img{width:100%}.tips{margin-top:15px}.tips:hover{text-decoration:none}.tips:hover>h3,.tips:hover>p{color:#008cd6}.tips>h3{font-size:16px;color:#000;line-height:1.8em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-transition:color .3s cubic-bezier(.73,.03,.31,1);-moz-transition:color .3s cubic-bezier(.73,.03,.31,1);transition:color .3s cubic-bezier(.73,.03,.31,1)}.tips>p,.web-main-container a .inner h3{white-space:nowrap;text-overflow:ellipsis;-webkit-transition:color .3s cubic-bezier(.73,.03,.31,1);-moz-transition:color .3s cubic-bezier(.73,.03,.31,1)}.tips>p{font-size:14px;color:#666;line-height:1em;overflow:hidden;width:90%;transition:color .3s cubic-bezier(.73,.03,.31,1)}.activity>ul>li strong,.web-main-content ul li strong{display:block;margin:1em 0 0;font-size:14px;color:#999;padding-top:1em}.activity>ul>li strong:after,.web-main-content ul li strong:after{content:'';width:20px;height:1px;top:0;left:0;background-color:#ccc;overflow:hidden}.web-main-content ul li strong{font-weight:700;position:relative}.web-main-content ul li strong:after{position:absolute}.activity>ul>li strong{position:relative}.activity>ul>li strong:after{position:absolute}.block-title{display:inline-block;padding-left:8px;font-size:24px;line-height:1em;font-weight:700;color:#333;vertical-align:middle}.moreInformation{display:inline-block;padding:.5em .5em .5em 1em;color:#999;border-radius:50px;border:1px solid #999;text-align:center;box-sizing:border-box;font-size:12px;-webkit-transition:all .3s cubic-bezier(.73,.03,.31,1);-moz-transition:all .3s cubic-bezier(.73,.03,.31,1);transition:all .3s cubic-bezier(.73,.03,.31,1);margin-left:15px}.moreInformation:hover{text-decoration:none;color:#008cd6;border-color:#008cd6}.moreInformation>span{display:inline-block;width:6px;height:8px;background:url(../img/vivo-gb-ico.png) -582px -124.5px;margin-left:5px}.moreInformation:hover>span{background-position:-582px -137.5px}.activity .row{margin:0}@media (max-width:768px){.web-main-content ul li{margin-bottom:40px}.web-main-container{padding:40px 5px 0}}@media (min-width:768px) and (max-width:992px){.web-main-container li{padding-bottom:40px}}.web-main-container a .inner h3{font-size:16px;color:#000;line-height:1.4em;margin-bottom:.5em;overflow:hidden;transition:color .3s cubic-bezier(.73,.03,.31,1)}.web-main-container a .imgbox{width:100px;height:100%;position:absolute}.web-main-container a .inner{padding-left:120px;height:100px}.web-main-container a .inner p{font-size:14px;display:inline-block;color:#666;height:3em;line-height:1.5em;margin-bottom:.6em;padding-right:3em;overflow:hidden;-webkit-transition:color .3s cubic-bezier(.73,.03,.31,1);-moz-transition:color .3s cubic-bezier(.73,.03,.31,1);transition:color .3s cubic-bezier(.73,.03,.31,1)}.web-main-content{max-width:1400px;margin:0 auto}@media (max-width:767px){#carousel-generic .item.second-screen .title h2:first-child{font-size:26px}#carousel-generic .item.second-screen .title h2:nth-child(2){padding:14px 0;text-transform:uppercase;font-size:11px}#carousel-generic .item.second-screen{background-image:url(../img/banner/banner-2-m.png)}.layout-module h4{font-size:26px;line-height:36px}.layout-module p{line-height:18px}.module-2-text-box{position:absolute;left:50%;right:0;width:100%;height:300px;margin-left:-50%;padding:10px;z-index:1}.layout-module:nth-child(2) h4,.layout-module:nth-child(2) p{width:100%}.module-3-text-box{width:100%;left:0;top:-80px;padding:20px;text-align:left}.module-3-text-box h4{line-height:40px}.layout-module:nth-child(4) h4{margin-top:40px!important}.module-1-p2 img{width:100%;left:0;margin:0 auto}.module-2-p1 img{position:absolute;bottom:0;height:70%}.module-2-text-box{top:50px;padding-left:20px}.module-3-p1 img{transform:rotate(-11deg)}.module-4-p1 img{height:50%;bottom:40%;left:10%}.module-5-p1 img{width:100%;bottom:20%}.module-5-p2 img{height:60%;right:10%;bottom:0}.layout-module:nth-child(1){background:url(../img/bg02_750.png) center/cover no-repeat}.layout-module:nth-child(2){background:url(../img/bg03_750.png) center/cover no-repeat}.layout-module:nth-child(3){background:url(../img/bg04_750.png) center/cover no-repeat}.layout-module:nth-child(4){background:url(../img/bg05_750.png) center/cover no-repeat}.layout-module:nth-child(5){background:url(../img/bg06_750.png) center/cover no-repeat}.layout-module .video-shade-box{background:url(../img/bg_07_750.jpg) center/cover no-repeat}}