#page-msoc{color:var(--main-text);font-size:16px}#page-msoc *{box-sizing:border-box}#page-msoc p{margin:0}#page-msoc .container{width:1180px}#page-msoc .title{font-size:40px;font-weight:500;line-height:48px}#page-msoc .desc{color:var(--secondary-text);line-height:24px}#page-msoc .row{display:-ms-flexbox;display:flex}#page-msoc .row .col{-ms-flex:1;flex:1}#page-msoc .banner{position:relative;width:100%;height:320px;color:#fff;background:linear-gradient(91.59deg,#fa742b,#ffe985)}#page-msoc .banner .container{display:-ms-flexbox;display:flex;height:100%;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}#page-msoc .banner .container .content .sub-content{margin-top:8px;border:4px solid hsla(0,0%,100%,.12);border-radius:8px;font-size:24px;white-space:nowrap}#page-msoc .banner .container .content .sub-content .title{padding:0 16px;font-size:inherit;line-height:48px;background:hsla(0,0%,100%,.12)}#page-msoc .banner .container .content .sub-content .desc{padding:16px;color:inherit;line-height:32px;font-weight:500}#page-msoc .banner .container .logo{height:288px;width:288px;background:url(../../../Images/msoc/banner/logo.svg)}#page-msoc .banner:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:url(../../../Images/msoc/banner/bg.svg) no-repeat}#page-msoc .main .section{padding:80px 0;text-align:center}#page-msoc .main .section .title+.desc{margin-top:16px}#page-msoc .main .section .material{margin-top:40px;background:no-repeat}#page-msoc .main .section .material.ecology{height:328px;background-image:url(../../../Images/msoc/ecology.svg)}#page-msoc .main .section .material.linked-section{height:360px;background-image:url(../../../Images/msoc/linked_section.svg)}#page-msoc .main .section .material.fission{height:296px;background-image:url(../../../Images/msoc/fission.svg)}#page-msoc .main .section .material.solution{height:521px;background-image:url(../../../Images/msoc/solution.svg)}#page-msoc .main .section:nth-child(2n){background:#f5f7fa}#page-msoc .main .section.highlights{color:#fff;background:#fa9d3b}#page-msoc .main .section.highlights .row{color:rgba(0,0,0,.9);-ms-flex-pack:justify;justify-content:space-between}#page-msoc .main .section.highlights .row .title{font-size:24px}#page-msoc .main .section.highlights .row .col{-ms-flex:0 0 280px;flex:0 0 280px;padding:40px;box-shadow:0 8px 16px rgba(178,100,18,.24);border-radius:8px;background:#fff;transition:transform .1s}#page-msoc .main .section.highlights .row .col .logo{height:184px;width:184px;margin:0 auto;background:no-repeat}#page-msoc .main .section.highlights .row .col .logo.cube{background-image:url(../../../Images/msoc/cube.png)}#page-msoc .main .section.highlights .row .col .logo.rocket{background-image:url(../../../Images/msoc/rocket.png)}#page-msoc .main .section.highlights .row .col .logo.bubble{background-image:url(../../../Images/msoc/bubble.png)}#page-msoc .main .section.highlights .row .col .logo.chart{background-image:url(../../../Images/msoc/chart.png)}#page-msoc .main .section.highlights .row .col .title{margin:8px 0 16px;line-height:32px}#page-msoc .main .section.highlights .row .col .desc{color:rgba(0,0,0,.7);line-height:24px}#page-msoc .main .section.highlights .row .col:hover{transform:translateY(-10px)}#page-msoc .main .section.diff .material .block{float:left;width:580px;border-radius:8px;font-size:14px;line-height:24px;color:rgba(0,0,0,.7);background:#fff;overflow:hidden}#page-msoc .main .section.diff .material .block .title{height:96px;line-height:96px;font-size:24px;color:rgba(0,0,0,.9);background:rgba(0,0,0,.04)}#page-msoc .main .section.diff .material .block .content .row{display:-ms-flexbox;display:flex;padding:12px 0;line-height:24px;text-align:left}#page-msoc .main .section.diff .material .block .content .row .content,#page-msoc .main .section.diff .material .block .content .row .label{padding:0 24px}#page-msoc .main .section.diff .material .block .content .row .label{width:150px}#page-msoc .main .section.diff .material .block .content .row .content{-ms-flex:1;flex:1;text-align:right}#page-msoc .main .section.diff .material .block.mp{margin-top:56px;border:1px solid rgba(0,0,0,.08)}#page-msoc .main .section.diff .material .block.mp-liveroom{margin-left:20px;box-shadow:0 8px 16px rgba(89,115,128,.24)}#page-msoc .main .section.diff .material .block.mp-liveroom .title{height:112px;color:#fff;font-size:40px;line-height:112px;background-color:#fa9d3b}#page-msoc .main .section.diff .material .block.mp-liveroom .row .content{color:#cc7a00}#page-msoc .main .section.induce{position:relative;height:344px;background:0 80px url(../../../Images/msoc/waves-1.svg) no-repeat}#page-msoc .main .section.induce:before{content:"";display:block;position:absolute;top:0;left:0;height:344px;width:100%;background:0 235px url(../../../Images/msoc/waves-2.svg) no-repeat;z-index:-1}#page-msoc .main .section.induce .btn{width:280px;height:56px;margin-top:40px;padding:0;border:none;border-radius:28px;text-align:center;color:#fff;font-size:24px;line-height:56px;background:#f90;cursor:pointer}#page-msoc .main .section.induce .btn:hover{opacity:.8}#page-msoc .mobile-image{display:none}@media screen and (max-width:992px){#page-msoc .title{font-size:24px}#page-msoc .banner{height:auto}#page-msoc .banner .container .content{-ms-flex:1;flex:1;text-align:center}#page-msoc .banner .container .content .sub-content{font-size:14px}#page-msoc .banner .container .logo{display:none}#page-msoc .main .section{height:auto!important;padding:0}#page-msoc .main .section .container *,#page-msoc .main .section:after,#page-msoc .main .section:before{display:none}#page-msoc .main .section .container [class^=mobile-]{display:block}#page-msoc .main .section .container .mobile-image{visibility:hidden}}