.activity>ul>li strong:after,.web-main-content ul li strong:after{content:'';position:absolute}.carousel-inner,.layout-module,.tips>h3,.tips>p{overflow:hidden}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:#000;z-index:99999999999;display:flex;align-items:center;justify-content:center}.loading-box .loading-content{width:300px;height:130px;margin-top:-50px;text-align:center}.loading-box .loading-content img{display:inline-block;width:50%;height:auto}.loading-box .loading-content p:nth-of-type(1){line-height:18px;font-size:12px;color:#fff}.loading-box .loading-content p:nth-of-type(2){line-height:40px;font-size:12px;color:#a3853f}#carousel-generic{height:100%;position:relative;left:0;top:0}.carousel-inner{position:relative;width:100%;height:100%}.arrow-down-icon{position:absolute;width:40px;height:40px;left:50%;bottom:40px;margin-left:-20px;background:url(../img/arrow-down-white.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 .title,#carousel-generic .item.second-screen .title{width:100%;top:50%;left:0;margin-top:-120px}#carousel-generic .item .title{position:absolute;color:#fff}#carousel-generic .item .title h2:first-child{font-size:40px}#carousel-generic .item .title h2:nth-child(2){padding:30px 0;text-transform:uppercase;font-size:22px}.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:40px}#carousel-generic .item.second-screen .title h2:nth-child(2){padding:30px 0;text-transform:uppercase;font-size:22px}#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;width:5px;height:8px;display:inline-block;content:'';background:url(../img/vivo-high-ico.png);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 .item-mask{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:0}#carousel-generic .item.first-screen{background-color:#273852;background-image:url(http://statics.cgo.cloud/1632803839591.jpg);background-size:cover}#carousel-generic .item.second-screen{background-color:#273852;background-image:url(http://statics.cgo.cloud/1632803863393.jpg);background-size:cover}#carousel-generic .item.third-screen{background-color:#273852;background-image:url(http://statics.cgo.cloud/1632803886246.jpg);background-size:cover}#carousel-generic .item.four-screen{background-color:#273852;background-image:url(http://statics.cgo.cloud/1632804029664.jpg);background-size:cover}#carousel-generic .item.vivo-x9pyy{background-color:#fff;background-image:url(../img/car/04/vm-h-x9pyy-bg-mini.jpg)}#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:#a3853f}main{background-color:#fff}.layout-module{position:relative;width:100%;text-align:center}.layout-module .module-mask{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1}.layout-module h4{font-size:40px;text-transform:uppercase;line-height:50px;transition:.5s all;transform:translate(0,-16px)}.layout-module p{font-size:20px;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(http://statics.cgo.cloud/image/brand_site/heywhite/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:nth-child(1){position:absolute;display:block;width:200%;bottom:8%;margin-left:-54%}.module-1-p2 img:nth-child(2){display:none}.layout-module:nth-child(2){background:url(http://statics.cgo.cloud/image/brand_site/xuejia/xuejia-teacher-student.jpg) center/cover no-repeat}.layout-module:nth-child(2) h4{width:100%;text-align:center}.layout-module:nth-child(2) p{width:100%;text-align:center;line-height:24px}.module-2-text-box{position:absolute;width:100%;top:40%;z-index:1;color:#fff;text-align:center}.module-2-text-box p{color:#fff}.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(http://statics.cgo.cloud/1632803221948.jpg) 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:30%;z-index:1;color:#fff}.module-3-text-box p{color:#fff}.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;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;width:90%;transition:color .3s cubic-bezier(.73,.03,.31,1)}.activity>ul>li strong,.web-main-content ul li strong{margin:1em 0 0;font-size:14px;color:#999;padding-top:1em;display:block}.activity>ul>li strong:after,.web-main-content ul li strong:after{width:20px;height:1px;top:0;left:0;background-color:#ccc;overflow:hidden}.web-main-content ul li strong{font-weight:700;position:relative}.activity>ul>li strong{position:relative}.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:#a3853f;border-color:#a3853f}.moreInformation>span{display:none;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}.lesson-item{position:relative;width:90%;height:300px;margin:50px auto;background:rgba(0,0,0,.9);transition:all 1s}.lesson-item:hover{background:rgba(0,0,0,.06)}.lesson-item a{position:absolute;display:block;width:80%;height:100px;left:50%;top:50%;margin-top:-50px;margin-left:-40%;line-height:100px;color:#a3853f;font-size:30px;border:1px solid #a3853f}@media (max-width:767px){#carousel-generic .item .title h2:first-child{font-size:20px;line-height:26px}#carousel-generic .item .title h2:nth-child(2){padding:20px 0;text-transform:uppercase;font-size:14px}#carousel-generic .item.second-screen .title h2:first-child{font-size:20px;line-height:26px}#carousel-generic .item.second-screen .title h2:nth-child(2){padding:20px 0;text-transform:uppercase;font-size:14px}.layout-module h4{font-size:26px;line-height:36px}.layout-module p{line-height:18px;font-size:16px}.module-1-p2 img:nth-child(1){display:none}.module-1-p2 img:nth-child(2){position:absolute;display:block;width:90%;bottom:6%}.module-2-text-box{position:absolute;left:50%;right:0;width:100%;height:300px;margin-left:-50%;padding:10px 10px 10px 20px;z-index:1;top:30%}.layout-module:nth-child(2) h4,.layout-module:nth-child(2) p{width:100%}.module-3-text-box{width:100%;left:0;padding:20px;text-align:left}.module-3-text-box h4{line-height:40px}.module-2-p1 img{position:absolute;bottom:0;height:70%}.module-3-p1 img{transform:rotate(-11deg)}.layout-module:nth-child(1){background:url(http://statics.cgo.cloud/image/brand_site/heywhite/bg02_750.png) center/cover no-repeat}.layout-module:nth-child(2){background:url(http://statics.cgo.cloud/image/brand_site/xuejia/xuejia-teacher-student.jpg) center/cover no-repeat}.layout-module:nth-child(3){background:url(http://statics.cgo.cloud/1632803221948.jpg) center/cover no-repeat}.lesson-item{width:100%;height:100px;margin:4px auto;background:rgba(0,0,0,.8);transition:all 2s}.lesson-item a{height:80px;line-height:80px;margin-top:-40px}.lesson-item:hover{background:rgba(0,0,0,1)}}.go-to-about{display:block;margin:50px auto;width:300px;font-size:20px;line-height:50px;border:1px solid #fff;color:#fff!important;text-align:center;transition:font-size .3s ease-in-out}.go-to-about:hover{font-size:26px}