.mabot-video{border-radius:26px;overflow:hidden;position:relative}.mabot-video.is-masked:before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,.3);z-index:2}.mabot-video .video-js{background-color:rgba(0,0,0,0)}.mabot-video .video-js .vjs-tech{width:101%;height:auto;left:-.5%}.mabot-banner{width:100%;background-color:#fed345;position:relative;overflow:hidden}.mabot-banner__bg{width:1220px;padding:0 10px;margin:0 auto}.mabot-banner__contanier{display:table;width:100%}.mabot-banner__contanier--fluid{padding:14.89583333% 0;background-size:cover;background-position:50%}.mabot-banner__info{display:table-cell;vertical-align:middle}.mabot-banner__title{margin:0;font-size:30px;font-weight:700;color:#000;text-shadow:#fff 0 0 1px;line-height:50px}.mabot-banner__title--fluid{width:1220px;padding:0 10px;font-size:70px;margin:17px auto 0;color:#fff}.mabot-banner__sub-title{font-size:24px;color:#1e233e;font-weight:700;line-height:50px;margin-top:15px;margin-bottom:0}.mabot-banner__description{margin:46px 0 0;font-size:16px;font-weight:400;color:#1e233e;text-shadow:#aaa 0 0 1px;line-height:34px}.mabot-banner__description--fluid{width:1220px;padding:0 10px;margin:50px auto 0;font-size:24px;color:hsla(0,0%,100%,.7)}.mabot-banner__img{max-width:100%;height:auto}.mabot-banner__img-wrap{display:table-cell;text-align:right}.mabot-banner__img--fluid{width:100%}.product-content-nav{width:1220px;padding:0 10px;margin:0 auto;text-align:right;line-height:72px}.product-content-nav-pin-wrap{height:72px}.product-content-nav-container{background-color:#f2f2f2;z-index:9;box-shadow:0 .2rem .2rem rgba(0,0,0,.075)}.product-content-nav__item{display:inline-block;text-align:center;padding:0 30px}.product-content-nav__item__link{text-decoration:none;color:#403f3e;font-size:18px;background-color:#fff;padding:10px 20px;border-radius:30px}.product-content-nav__icon{width:44px;height:44px;margin-top:-22px;margin-right:10px}.introduction-section__content{width:1220px;margin:0 auto;padding:115px 10px 0}.introduction-section__content__title{margin:0;font-size:42px;font-weight:600;line-height:59px;color:#1e233e;text-align:center}.introduction-section__content__description{text-align:center;margin-top:54px;margin-bottom:0;font-size:18px;font-weight:500;color:#a5a9b2;line-height:25px}.introduction-section__content__logo{text-align:center;margin-bottom:18px}.introduction-section__title-icon{height:24px;position:absolute;top:50%;margin-top:-12px}.introduction-section__video-bg{position:absolute;top:0;left:0;height:100%;width:100%}.introduction-section__video-bg-left{position:absolute;top:68px;left:-150px}.introduction-section__video-bg-right{position:absolute;top:68px;right:-150px}@media screen and (max-width:1500px){.introduction-section__video-bg{display:none}}.software-qrcode-list{margin-top:90px;padding-bottom:70px}.software-qrcode-list__item{width:25%}.software-qrcode-list__item,.software-qrcode-list__item__info{display:inline-block;text-align:center}.software-qrcode-list__item__info__name{margin-top:0;margin-bottom:15px;font-size:20px;color:#111}.software-qrcode-list__item__info__description{margin-bottom:0;font-size:16px;color:#444}.software-qrcode-list__item__info__bottom{font-size:16px;color:#444;margin:0}.software-qrcode-list__qrcode{width:174px}.text-danger{color:#ff4d4f}.mabot-banner{padding:50px 0 44px;background:url(/img/banner-bg.ab1c6.png);background-size:100% 100%;background-position:50%}.mabot-banner__img{width:399px}.mabot-software-video{margin-top:54px}.mabot-software-video__item{display:inline-block;width:33.33333333%;text-align:center;padding:0 26px}.kit-components{margin:54px auto 0;padding-bottom:129px;text-align:center}.modelling{margin-top:54px}.modelling .mabot-video{border-radius:0}.modelling__item{display:inline-block;border-radius:20px;overflow:hidden;width:590px}.modelling__item+.modelling__item{margin-left:20px}.modelling__item-video{height:332px;width:100%}.modelling__item-title{color:#fff;font-size:28px;font-weight:600;line-height:90px;text-align:center}.course{padding-bottom:90px}.course__table{margin-top:54px;margin-bottom:5px;height:475px;overflow:hidden}.course__fold-btn{background-color:rgba(255,219,100,.5);font-weight:400;color:#595856;line-height:48px;font-size:14px;border-radius:6px;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.course__fold-btn:hover{background-color:rgba(255,219,100,.8)}@-moz-keyframes unfold{0%{height:475px}to{height:1015px}}@keyframes unfold{0%{height:475px}to{height:1015px}}@-moz-keyframes fold{0%{height:1015px}to{height:475px}}@keyframes fold{0%{height:1015px}to{height:475px}}.course--folded{-moz-animation:fold .5s;animation:fold .5s;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;overflow:hidden;height:1015px}.course--unfold{-moz-animation:unfold .5s;animation:unfold .5s;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;height:475px}