html,body{width:100%;height:100%;margin:0}.mr30{margin-right:30px !important}.pb0{padding-bottom:0 !important}.clearfix:before,.clearfix:after{display:table;line-height:0;content:''}.clearfix:after{clear:both}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}33%{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)}66%{-webkit-transform:translate3d(0, 5px, 0);transform:translate3d(0, 5px, 0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}33%{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)}66%{-webkit-transform:translate3d(0, 5px, 0);transform:translate3d(0, 5px, 0)}}@-webkit-keyframes float{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}66%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)}}@keyframes float{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}66%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)}}.container{width:100%;height:100%;background:url(../images/bg.png);background-size:100% 100%;color:#fff;overflow:auto}.container .logo{padding-top:100px;text-align:center}.container .content-wrap{width:1300px;margin:50px auto 0}.container .content-wrap .content-block{float:left;padding:20px;margin-bottom:30px;border:1px solid #54ccf7;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box}.container .content-wrap .content-block.col1{width:335px}.container .content-wrap .content-block.col3{width:935px}.container .content-wrap .content-block.col4{width:1300px}.container .content-wrap .content-title{height:32px;line-height:32px;font-size:28px;font-family:"PingFang";text-shadow:0px 4px 4px rgba(8,66,144,0.3)}.container .content-wrap .content-title .high{vertical-align:top;margin-right:4px;font-size:32px}.container .content-wrap .content-title .title-label{display:inline-block;vertical-align:top;width:18px;height:32px;background:url(../images/title-label.png) no-repeat center center}.container .content-wrap .content-title .title-bg{display:inline-block;vertical-align:top;width:123px;height:32px;background:url(../images/title-bg.png) no-repeat center center}.container .content-wrap .content-main{float:left;width:297px;text-align:center;cursor:pointer}.container .content-wrap .content-main:hover .content-img-mark{-webkit-animation-name:shake;animation-name:shake}.container .content-wrap .content-img{position:relative;width:100%;height:210px;padding-top:30px;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(../images/base-bg.png) no-repeat center 70px}.container .content-wrap .content-img-mark{position:relative;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;z-index:2}.container .content-wrap .content-img-base{position:absolute;height:101px;width:258px;bottom:0;left:21px;background:url(../images/base.png) no-repeat;background-position:-68px 0;z-index:0}.container .content-wrap .content-text{line-height:32px;font-size:20px;font-family:"PingFang";text-shadow:0px 4px 4px rgba(8,66,144,0.3)}.container .content-wrap .content-text .high{vertical-align:top;font-size:22px}.container .content-wrap .content-bd{position:relative;padding-left:90px}.container .content-wrap .video-link{display:inline-block;width:417px;height:245px;background:url(../images/macbook.png) center center no-repeat}.container .content-wrap .content-right{position:absolute;left:570px;top:20px;font-family:"Microsoft YaHei"}.container .content-wrap .content-right-title{font-size:22px}.container .content-wrap .content-right-list{padding:0;margin:20px 0}.container .content-wrap .content-right-item{line-height:40px;font-size:16px;font-weight:300;list-style:none}.container .content-wrap .content-right-item::before{content:'';display:inline-block;width:12px;height:40px;margin-right:4px;background:url(../images/dot.png) no-repeat center center;vertical-align:top}