ol,
ul {
 list-style:none
}
table {
 border-collapse:collapse;
 border-spacing:0
}
caption,
th,
{
 text-align:left;
 font-weight:normal;
 vertical-align:middle
}
q,
blockquote {
 quotes:none
}
q:before,
q:after,
blockquote:before,
blockquote:after {
 content:"";
 content:none
}
a img {
 border:none
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
 display:block
}
.clearfix {
 zoom:1
}
.clearfix:after {
 display:block;
 content:"";
 clear:both
}
.no-flexbox .center {
 display:table;
 height:100%;
 width:100%;
 text-align:center
}
.no-flexbox .center>* {
 display:table-cell;
 vertical-align:middle
}
.no-flexbox .hcenter {
 display:table;
 height:100%;
 width:100%;
 text-align:center
}
.no-flexbox .hcenter>* {
 display:table-cell
}
.no-flexbox .vcenter {
 display:table;
 height:100%;
 width:100%
}
.no-flexbox .vcenter>* {
 display:table-cell;
 vertical-align:middle
}
*,
*:after,
*:before {
 box-sizing:border-box;
 -webkit-text-size-adjust:none;
 -webkit-font-smoothing:antialiased;
 -webkit-tap-highlight-color:rgba(0,0,0,0)
}
.fl {
 float:left
}
.fr {
 float:right
}
a {
 /*text-decoration:none; color:#414753;*/
}
html,
body {
 height:100%
}
/*
body {
 font-family:'PingFangSC-Regular', 'Helvetica Neue', 'Helvetica'
}
*/
@media (-webkit-max-device-pixel-ratio: 2), (max--moz-device-pixel-ratio: 2), (max-device-pixel-ratio: 2) {
 .learn-more,
 .coverage [class*=side] p {
  font-family:'PingFangSC-Regular', 'Helvetica Neue', 'Helvetica'
 }
}
.csstransitions .coverage .round-corner {
 z-index:1
}
.flex {
 -js-display:flex;
 display:-ms-flexbox;
 display:flex
}
.learn-more {
 cursor:pointer;
 display:-ms-inline-flexbox;
 display:inline-flex;
 -ms-flex-align:center;
 align-items:center;
 margin-left:auto;
 margin-right:auto;
 color:#636874;
 font-size:16px
}
.learn-more .sensoro-star-five {
 padding-right:10px;
 color:#9071E2
}
.learn-more .sensoro-arrow-right {
 transition:.35s ease-out;
 padding-left:8px;
 color:#636874;
 font-size:10px
}
.learn-more:hover .sensoro-arrow-right {
 -ms-transform:scaleY(0.8) translateX(3px);
 transform:scaleY(0.8) translateX(3px)
}
.center-childs {
 display:-ms-flexbox;
 display:flex;
 -ms-flex-align:center;
 align-items:center;
 -ms-flex-pack:center;
 justify-content:center
}
.center-h-childs {
 display:-ms-flexbox;
 display:flex;
 -ms-flex-align:center;
 align-items:center
}
.fulljustify {
 text-align:justify
}
.fulljustify:after {
 content:"";
 display:inline-block;
 width:100%
}
.flex-center,
.play-video {
 display:-ms-flexbox;
 display:flex;
 -ms-flex-align:center;
 align-items:center;
 -ms-flex-pack:center;
 justify-content:center
}
.round-corner {
 border-radius:4px;
 overflow:hidden;
 z-index:1
}
.response-inner {
 padding-left:30px;
 padding-right:30px;
 margin-left:auto;
 margin-right:auto
}
@media screen and (min-width: 1200px) {
 .response-inner {
  margin-left:auto;
  margin-right:auto;
  width:1200px !important
 }
}
.content-inner,
.honor-wrap,
.customer {
 padding-left:132px;
 padding-right:140px
}
@keyframes slideUp {
 0% {
  transform:translate(0, 100px);
  -ms-transform:translate(0, 100px);
  -moz-transform:translate(0, 100px);
  -webkit-transform:translate(0, 100px);
  -o-transform:translate(0, 100px);
  opacity:0
 }
 100% {
  transform:translate(0, 0);
  -ms-transform:translate(0, 0);
  -moz-transform:translate(0, 0);
  -webkit-transform:translate(0, 0);
  -o-transform:translate(0, 0);
  opacity:1
 }
}
@keyframes slideIn {
 0% {
  transform:translateX(100px);
  -ms-transform:translateX(100px);
  -moz-transform:translateX(100px);
  -webkit-transform:translateX(100px);
  -o-transform:translateX(100px);
  opacity:0
 }
 100% {
  transform:translateX(0);
  -ms-transform:translateX(0);
  -moz-transform:translateX(0);
  -webkit-transform:translateX(0);
  -o-transform:translateX(0);
  opacity:1
 }
}
@keyframes slideOut {
 0% {
  transform:translateX(0);
  -ms-transform:translateX(0);
  -moz-transform:translateX(0);
  -webkit-transform:translateX(0);
  -o-transform:translateX(0);
  opacity:1
 }
 100% {
  transform:translateX(-100px);
  -ms-transform:translateX(-100px);
  -moz-transform:translateX(-100px);
  -webkit-transform:translateX(-100px);
  -o-transform:translateX(-100px);
  opacity:0
 }
}
@keyframes platformSlideIn {
 0% {
  transform:translateX(100px);
  -ms-transform:translateX(100px);
  -moz-transform:translateX(100px);
  -webkit-transform:translateX(100px);
  -o-transform:translateX(100px);
  opacity:0
 }
 100% {
  transform:translateX(0);
  -ms-transform:translateX(0);
  -moz-transform:translateX(0);
  -webkit-transform:translateX(0);
  -o-transform:translateX(0);
  opacity:1
 }
}
@keyframes platformSlideOut {
 0% {
  transform:translateX(0);
  -ms-transform:translateX(0);
  -moz-transform:translateX(0);
  -webkit-transform:translateX(0);
  -o-transform:translateX(0);
  opacity:1
 }
 100% {
  transform:translateX(-100px);
  -ms-transform:translateX(-100px);
  -moz-transform:translateX(-100px);
  -webkit-transform:translateX(-100px);
  -o-transform:translateX(-100px);
  opacity:1
 }
}
@keyframes slippingUp {
 0% {
  transform:translateY(0) rotateZ(-10deg) translateY(100px);
  -ms-transform:translateY(0) rotateZ(-10deg) translateY(100px);
  -moz-transform:translateY(0) rotateZ(-10deg) translateY(100px);
  -webkit-transform:translateY(0) rotateZ(-10deg) translateY(100px);
  -o-transform:translateY(0) rotateZ(-10deg) translateY(100px);
  opacity:0
 }
 100% {
  transform:rotateZ(0) translateY(0);
  -ms-transform:rotateZ(0) translateY(0);
  -moz-transform:rotateZ(0) translateY(0);
  -webkit-transform:rotateZ(0) translateY(0);
  -o-transform:rotateZ(0) translateY(0);
  opacity:1
 }
}
@keyframes chipSlippingUp {
 0% {
  transform:translateX(100px) translateY(100px);
  -ms-transform:translateX(100px) translateY(100px);
  -moz-transform:translateX(100px) translateY(100px);
  -webkit-transform:translateX(100px) translateY(100px);
  -o-transform:translateX(100px) translateY(100px);
  opacity:0
 }
 100% {
  transform:translateX(0) translateY(0);
  -ms-transform:translateX(0) translateY(0);
  -moz-transform:translateX(0) translateY(0);
  -webkit-transform:translateX(0) translateY(0);
  -o-transform:translateX(0) translateY(0);
  opacity:1
 }
}
@keyframes slippingDown {
 0% {
  opacity:1
 }
 100% {
  opacity:0
 }
}
@keyframes rotateRound {
 0% {
  transform:rotateZ(0);
  -ms-transform:rotateZ(0);
  -moz-transform:rotateZ(0);
  -webkit-transform:rotateZ(0);
  -o-transform:rotateZ(0)
 }
 100% {
  transform:rotateZ(360deg);
  -ms-transform:rotateZ(360deg);
  -moz-transform:rotateZ(360deg);
  -webkit-transform:rotateZ(360deg);
  -o-transform:rotateZ(360deg)
 }
}
.flexbox .center {
 display:-ms-flexbox;
 display:flex;
 -ms-flex-pack:center;
 justify-content:center;
 -ms-flex-align:center;
 align-items:center
}
.flexbox .hcenter {
 display:-ms-flexbox;
 display:flex;
 -ms-flex-pack:center;
 justify-content:center
}
.flexbox .vcenter {
 display:-ms-flexbox;
 display:flex;
 -ms-flex-align:center;
 align-items:center
}

.show {
 opacity:1
}

body.hide-scroll-bar {
 overflow:hidden
}
.section-index {
 height:900px;
 min-width:1200px
}
.index-bg {
 overflow:hidden;
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 transition:.35s
}
.bg-grid {
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 z-index:1;
 background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlNNSIvlSwAAAAxJREFUCNdjaGAAAgAChgCB/5LsuQAAAABJRU5ErkJggg==");
 transform:translateZ(0)
}
.video-bg {
 transition:.35s;
 min-width:100%;
 min-height:100%;
 object-fit:cover;
 height:750px
}
.billboard {
 background-color:#7c7d6a;
 position:relative;
 height:100%;
 min-width:1200px;
 display:-ms-flexbox;
 display:flex;
 align-items:center;
 -ms-flex-pack:center;
 justify-content:center;
 -ms-flex-align:center;
 justify-content:center;
 color:#fff;
 text-align:center;
 opacity:1
}
.billboard .banner-bg {
 display:block;
 width:100%;
 height:100%
}
.billboard h2 {
 font-size:32px;
 font-weight:bold;
 text-align:left;
 white-space:nowrap;
 color:#fff;
 opacity:0.4;
}
@media screen and (min-width: 1300px) {
 .billboard h2 {
  font-size:100px;
  text-align:left;
  letter-spacing: 3px;
 }
  .billboard h3 {
  font-size:54px;
  text-align:left;
  color:#fff;
  margin-bottom:15px;
  opacity:1;
  letter-spacing: 6px;
 }
  .billboard h4 {
  font-size:28px;
  text-align:left;
  color:#fff;
  font-weight:300;
 }
}
.billboard-con {
 position:absolute;
 z-index:2;
 height:auto;
 top:36%;
 margin-top:-84px;
 width:984px;
 left:48%;
 margin-left:-492px;
 transform:translateZ(0)
}
.billboard-con .inner {
 margin-top:0px
}
.billboard .sub-logo {
 position:absolute;
 width:100%;
 bottom:30px
}
.billboard .sub-logo .bot-img {
 text-align:center
}
.billboard .sub-logo img.left {
 margin-right:20px
}
.cssanimations .billboard .man-sloagn,
.cssanimations .billboard .sub-title,
.cssanimations .billboard .play-video,
.cssanimations .billboard .sub-title2,
.cssanimations .billboard .sub-mess {
 opacity:0
}
.cssanimations .billboard.show .man-sloagn,
.cssanimations .billboard.show .sub-title,
.cssanimations .billboard.show .play-video,
.cssanimations .billboard.show .sub-title2,
.cssanimations .billboard.show .sub-mess {
 animation:1.5s slideUp cubic-bezier(0.445, 0.05, 0.55, 0.95) both;
 -moz-animation:1.5s slideUp cubic-bezier(0.445, 0.05, 0.55, 0.95) both;
 -webkit-animation:1.5s slideUp cubic-bezier(0.445, 0.05, 0.55, 0.95) both;
 -o-animation:1.5s slideUp cubic-bezier(0.445, 0.05, 0.55, 0.95) both
}
.cssanimations .billboard.show .sub-title {
 animation-delay:.25s
}
.cssanimations .billboard.show .sub-title2 {
 animation-delay:.45s
}
.cssanimations .billboard.show .sub-mess {
 animation-delay:.65s
}
.cssanimations .billboard.show .play-video {
 animation-delay:.85s
}
.billboard-con .inner .sub-mess {
 margin-top:20px;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-align:center;
 align-items:center;
 height:40px;
 width:15%
}
.billboard-con .inner .sub-mess h1 {
 font-size:24px;
 line-height:40px;
 color:#5887F5;
 margin-bottom:0px
}
.billboard-con .inner .sub-mess .mess-icon {
 width:18px;
 height:18px;
 line-height:56px;
 margin-left:8px;
 background:url("../img/index/more@1x.png") no-repeat center;
 background-size:cover
}
.play-video {
 margin-top:26px;
 margin:auto;
 width:220px;
 height:40px;
 border-radius:30px;
 font-size:16px;
 border:none;
 color:#fff;
 background:#9169FC;
 background:linear-gradient(#B892FC, #9169FC);
 position:relative;
 padding-right:25px;
 transition:.35s
}
.play-video span {
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 margin-top:-1px;
 background-repeat:no-repeat;
 background-size:contain;
 background-position:center
}
.play-video:hover {
 box-shadow:0 2px 12px 0 #000
}
.play-btn {
 width:28px;
 height:28px;
 border-radius:50%;
 background-image:url("../img/index/play.png");
 background-size:cover;
 border:none;
 background-color:transparent;
 position:absolute;
 right:9px;
 top:6px
}
.partner-platform {
 display:-ms-flexbox;
 display:flex;
 -ms-flex-direction:column;
 flex-direction:column;
 height:100%;
 position:relative;
 overflow:hidden
}
.csstransforms.csstransitions .partner-banner {
 transform:translateY(100%) translateZ(0);
 -ms-transform:translateY(100%) translateZ(0);
 -moz-transform:translateY(100%) translateZ(0);
 -webkit-transform:translateY(100%) translateZ(0);
 -o-transform:translateY(100%) translateZ(0);
 opacity:0;
 transition:cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.95s
}
.csstransforms.csstransitions .partner-banner.show {
 transform:translateY(0) translateZ(0);
 -ms-transform:translateY(0) translateZ(0);
 -moz-transform:translateY(0) translateZ(0);
 -webkit-transform:translateY(0) translateZ(0);
 -o-transform:translateY(0) translateZ(0);
 opacity:1
}
.flexbox .partner-banner .inner {
 display:-ms-flexbox;
 display:flex;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -ms-flex-align:center;
 align-items:center
}
.no-flexbox .partner-banner .inner>* {
 float:left;
 box-sizing:content-box
}
.no-flexbox .partner-banner .inner>*:not(:last-child) {
 padding-right:-ms-calc((100% - 470px) / 4);
 padding-right:calc((100% - 470px) / 4)
}
.no-flexbox .partner-banner h2 {
 height:100%;
 line-height:55px
}
.no-flexbox .partner-banner .ptn {
 white-space:nowrap;
 text-align:center;
 margin:1em 0
}
.no-flexbox .partner-banner .ptn:before {
 display:inline-block;
 height:100%;
 vertical-align:middle;
 content:''
}
.no-flexbox .partner-banner img {
 vertical-align:middle
}
.response-layout {
 margin:50px auto;
 min-width:1200px;
 width:1200px;
 padding:0
}
.response-layout h1 {
 height:50px;
 line-height:50px;
 font-size:32px
}
.response-layout p {
 height:32px;
 line-height:32px;
 font-size:20px
}
.platform {
 overflow:hidden;
 text-align:center;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-pack:justify;
 justify-content:space-between;
 margin-bottom:50px;
 height:100%
}
.platform a {
 display:block
}
.platform img {
 display:block
}
.platform .cont-safe-right .safe-locat,
.platform .safe-intell {
 position:relative
}
.platform .cont-safe-left img,
.platform .safe-locat img,
.platform .safe-intell img {
 transition:all .5s
}
.platform .cont-safe-left a,
.platform .safe-locat a,
.platform .safe-intell a {
 position:relative;
 overflow:hidden
}
.platform .cont-safe-left a:hover,
.platform .safe-locat a:hover,
.platform .safe-intell a:hover {
 width:100%;
 height:100%;
 box-shadow:0 0 5px 0 rgba(0,0,0,0.1)
}
.platform .cont-safe-left a:hover img,
.platform .safe-locat a:hover img,
.platform .safe-intell a:hover img {
 -ms-transform:scale(1.03);
 transform:scale(1.03)
}
.platform .cont-safe-left {
 position:relative;
 margin-right:20px
}
.platform .cont-safe-left img {
 display:block;
 width:100%;
 height:660px
}
.platform .safe-desc {
 position:absolute;
 bottom:50px;
 left:50px;
 color:#fff
}
.platform h1 {
 font-weight:bold;
 text-align:left
}
.platform p {
 text-align:left
}
.platform .cont-safe-right {
 display:-ms-flexbox;
 display:flex;
 -ms-flex-direction:column;
 flex-direction:column
}
.platform .cont-safe-right .safe-locat {
 margin-bottom:20px
}
.platform .cont-safe-right .safe-locat img {
 display:block;
 width:100%
}
.platform .cont-safe-right .safe-intell img {
 display:block;
 width:100%
}
.platform .cont-safe-left,
.cont-safe-right {
 width:50%;
 height:100%
}
.no-flexbox .cloud-logo {
 line-height:138px
}
.no-flexbox .platform .switchs {
 white-space:nowrap
}
.no-flexbox .platform .switchs .scene-item {
 display:inline-block;
 white-space:pre-wrap
}
.no-flexbox .platform .switchs .scene-item:not(:last-of-type) {
 margin-right:50px
}
.carousel {
 text-align:center;
 color:#000;
 height:48.4%;
 margin-bottom:55px
}
.section-station {
 padding-top:0 !important
}
.station {
 width:100%;
 height:530px;
 overflow:hidden;
 text-align:center;
 margin-bottom:50px
}
.station .station-con {
 width:100%;
 height:100%
}
.station .station-grid {
 position:relative;
 display:block;
 width:100%;
 height:100%;
 overflow:hidden;
 background:#b7c0cf
}
.station .station-grid:hover {
 width:100%;
 height:100%;
 box-shadow:0 0 5px 0 rgba(0,0,0,0.1)
}
.station .station-grid:hover .installed-station {
 -ms-transform:scale(1.03);
 transform:scale(1.03)
}
.station .station-grid .installed-station {
 position:absolute;
 top:0;
 left:0;
 display:block;
 width:450px;
 height:100%;
 font-size:0;
 transition:all .5s
}
.station .station-grid .desc-con {
 position:absolute;
 top:40%;
 right:100px
}
.station .station-grid .desc-con .center {
 height:100%;
 width:100%
}
.station .station-grid .desc {
 text-align:left;
 color:#28303f
}
.station .station-grid .desc h1 {
 font-weight:bold
}
.station>.clearfix {
 height:100%;
 background-color:rgba(233,234,238,0.37)
}
.section-nodes {
 position:relative;
 margin-bottom:50px;
 height:530px;
 background-color:#eef2f3
}
.section-nodes .business {
 width:690px;
 height:100%;
 position:absolute;
 right:0
}
.section-nodes img {
 height:100%;
 width:100%;
 display:none
}
.section-nodes .business-des {
 position:absolute;
 top:0;
 left:0;
 width:50%;
 height:100%;
 text-align:left;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-align:center;
 align-items:center
}
.section-nodes .business-des .business-pro {
 margin-left:100px
}
.section-nodes .business-des .business-pro p {
 margin-bottom:10px
}
.section-nodes .business-des .business-pro a {
 color:#464749
}
.section-nodes .business-des h1 {
 height:50px;
 line-height:50px;
 font-size:32px;
 font-weight:bold;
 color:#464749
}
.section-nodes .business-des p {
 height:32px;
 line-height:32px;
 font-size:20px;
 color:#464749
}
.nodes {
 -ms-flex-align:start;
 align-items:flex-start;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-pack:justify;
 justify-content:space-between
}
.nodes .desc {
 padding-top:35px;
 padding-bottom:5px;
 position:relative
}
.nodes .learn-more {
 margin-top:5px
}
.nodes .prod {
 height:100%;
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center top
}
.nodes .side {
 width:50%;
 text-align:center;
 color:#fff;
 overflow:hidden;
 position:relative;
 float:left
}
.nodes .side:after {
 content:'';
 display:block;
 padding-top:100%
}
.nodes .side h2 {
 font-size:40px;
 font-weight:normal;
 font-family:PingFangSC-Light
}
.nodes .side p {
 font-size:18px;
 margin-top:15px;
 margin-bottom:15px
}
.nodes .side a {
 font-size:16px
}
.nodes .side:nth-child(1) {
 padding-right:5px
}
.nodes .side:nth-child(2) {
 padding-left:5px
}
.nodes .chip {
 background-image:url("../img/index/products/chip.jpg");
 background-size:cover;
 background-repeat:no-repeat;
 background-position:center;
 right:5px;
 position:absolute;
 left:0;
 top:0;
 bottom:0
}
.nodes .chip .shadow {
 background-attachment:fixed;
 height:100%;
 background-image:url("../img/index/products/chip-shadow.png");
 background-size:100% auto;
 background-repeat:no-repeat;
 background-position:center bottom
}
.nodes .prod-collection {
 position:absolute;
 margin-top:30px;
 width:100%;
 height:100%
}
.nodes .prod-collection .pd {
 position:relative;
 z-index:1
}
.nodes .prod-collection .shadow {
 position:absolute;
 z-index:0
}
.nodes .prod-collection>* {
 position:relative
}
.nodes .prod-collection>*:nth-child(odd) {
 width:52%
}
.nodes .prod-collection>*:nth-child(even) {
 width:48%
}
@media screen and (min-width: 1300px) {
 .nodes .prod-collection>*:nth-child(odd) {
  width:56%
 }
 .nodes .prod-collection>*:nth-child(even) {
  width:44%
 }
}
.nodes .node-4aa {
 -ms-transform:translateX(0);
 transform:translateX(0);
 margin-top:-16%;
 margin-left:-10%;
 position:relative
}
.nodes .node-4aa img.pd {
 width:142%
}
.nodes .node-4aa img.shadow {
 width:210%;
 position:absolute;
 left:-90px;
 top:-75px;
 z-index:-1
}
.nodes .node {
 position:absolute;
 left:5px;
 top:0;
 right:0;
 bottom:0;
 background:#373c42;
 background:radial-gradient(100% 98%, farthest-side, #b4b8be, #373c42)
}
.nodes .node .learn-more {
 color:#ddd
}
.nodes .node .sensoro-star-five {
 color:#9071E2
}
.nodes .node .sensoro-arrow-right {
 color:#ddd
}
.nodes .node .prod {
 position:relative
}
.nodes .chip {
 color:#fff
}
.nodes .chip .learn-more {
 color:rgba(255,255,255,0.6)
}
.nodes .chip .sensoro-star-five {
 color:#9071E2
}
.nodes .chip .sensoro-arrow-right {
 color:rgba(255,255,255,0.6)
}
.nodes .chip .shadow {
 position:absolute;
 width:100%;
 bottom:0;
 left:0
}
.nodes .lg {
 font-size:30px;
 display:inline-block;
 margin-right:2px
}
.flexbox .prod-collection {
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 -ms-flex-align:start;
 align-items:flex-start
}
.flexbox .prod-collection .yunhe,
.flexbox .prod-collection .yunbiao,
.flexbox .prod-collection .yunzi,
.flexbox .prod-collection .node-4aa {
 display:-ms-flexbox;
 display:flex;
 -ms-flex-align:start;
 align-items:flex-start
}
.flexbox .prod-collection .yunhe {
 -ms-flex-pack:end;
 justify-content:flex-end
}
.flexbox .prod-collection .yunbiao {
 -ms-flex-pack:center;
 justify-content:center
}
.flexbox .prod-collection .yunzi {
 -ms-flex-pack:center;
 justify-content:center;
 margin-top:2%;
 margin-left:-4%
}
.flexbox .prod-collection .yunzi img.pd {
 margin-left:-50%
}
.flexbox .prod-collection .node-4aa {
 margin-top:-16%;
 margin-left:-10%;
 -ms-flex-pack:start;
 justify-content:flex-start
}
.cssfilters .yunhe img,
.cssfilters .yunbiao img,
.cssfilters .yunzi img,
.cssfilters .node-4aa img {
 transform:translateZ(0)
}
.no-flexbox .prod-collection>* {
 float:left;
 position:relative
}
.no-flexbox .prod-collection>*:after {
 content:'';
 display:block;
 padding-top:100%
}
.no-flexbox .prod-collection>* img {
 position:absolute;
 top:0
}
.no-flexbox .prod-collection .yunhe img {
 right:0
}
.no-flexbox .prod-collection .yunbiao img {
 left:0
}
.no-flexbox .prod-collection .yunzi img {
 left:-2%;
 top:6%
}
.no-flexbox .prod-collection .node-4aa img {
 left:0;
 top:0
}
.scenarios {
 height:100%;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-direction:column;
 flex-direction:column;
 overflow:hidden;
 position:relative
}
.mission-banner {
 text-align:center;
 line-height:1.5;
 color:#43484D
}
.mission-banner h2 {
 padding-top:70px;
 padding-bottom:25px;
 font-size:36px
}
.mission-banner p {
 font-size:18px
}
.no-flexbox .scenarios {
 height:auto !important;
 width:100%;
 display:table
}
.no-flexbox .scenarios>* {
 display:table-row
}
.no-flexbox .scenarios .mission-banner {
 height:0
}
.no-flexbox .scenarios .side {
 display:inline-block
}
.no-flexbox .scenarios [class*=side] {
 height:300px
}
.no-flexbox .scenarios [class*=side]>* {
 height:300px
}
.play-btn,
.coverage [class*=side] .next,
.coverage .retail .after,
.coverage .infrastructure .after,
.coverage .connection .after {
 background-repeat:no-repeat;
 background-position:center
}
.csstransitions .coverage [class*=side] .after {
 position:absolute;
 width:100%;
 height:100%;
 z-index:0;
 left:0;
 top:0;
 -ms-transform:scale(1.1);
 transform:scale(1.1);
 transition:transform 0.55s cubic-bezier(0.445, 0.05, 0.55, 0.95)
}
.csstransitions .coverage .round-corner:hover .after {
 -ms-transform:scale(1);
 transform:scale(1)
}
.coverage {
 margin-left:0;
 margin-right:0;
 -ms-flex:1;
 flex:1;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 -ms-flex-pack:justify;
 justify-content:space-between
}
.coverage .learn-more {
 color:#fff
}
.coverage .sensoro-star-five {
 color:#9071E2
}
.coverage .sensoro-arrow-right {
 color:#636874
}
.coverage [class*=side] {
 position:relative;
 overflow:hidden;
 color:#eee;
 text-align:center;
 display:-ms-flexbox;
 display:flex
}
.coverage [class*=side]>* {
 width:100%
}
.coverage [class*=side] .after {
 position:absolute;
 width:100%;
 height:100%;
 z-index:0;
 left:0;
 top:0
}
.coverage [class*=side] h2 {
 font-size:32px
}
.coverage [class*=side] p {
 font-size:16px;
 line-height:1.25;
 margin-top:17px;
 margin-bottom:19px
}
.coverage [class*=side] a {
 font-size:16px
}
.coverage [class*=side] .next {
 width:35px;
 height:35px;
 background-image:url("../img/index/next.png");
 background-size:contain;
 margin:auto;
 margin-top:12px;
 position:absolute;
 left:50%;
 -ms-transform:translateX(-50%);
 transform:translateX(-50%)
}
.coverage [class*=side] p,
.coverage [class*=side] a,
.coverage [class*=side] .next {
 opacity:0.8;
 transition:.35s
}
.coverage .side {
 width:50%;
 margin-bottom:11px
}
.coverage .side:nth-child(1) {
 padding-right:5px
}
.coverage .side:nth-child(2) {
 padding-left:5px
}
.coverage .center {
 position:relative;
 overflow:hidden
}
.coverage .desc {
 position:relative;
 z-index:2
}
.coverage .full-side {
 width:100%
}
.coverage .retail .after {
 background-image:url("../img/index/retail@1x.jpg");
 background-size:cover
}
.coverage .infrastructure .after {
 background-image:url("../img/index/foundament@1x.jpg");
 background-size:cover
}
.coverage .connection .after {
 background-image:url("../img/index/connect@1x.jpg");
 background-size:cover;
 background-position:75% bottom
}
.honor .title,
.customer .title h2 {
 margin:auto;
 color:transparent;
 width:194px;
 height:48px;
 background-repeat:no-repeat;
 background-size:contain;
 background-position:center
}
.honor {
 margin-top:10px;
 text-align:center;
 background-color:#f9f9f9;
 padding-top:70px;
 padding-bottom:80px
}
.honor .title {
 background-image:url("../img/index/honor.svg");
 margin-bottom:60px
}
.honor .status {
 margin-left:auto;
 margin-right:auto;
 position:relative;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-pack:justify;
 justify-content:space-between
}
.honor .status figure {
 font-size:12px;
 color:#736F5B;
 width:150px;
 white-space:nowrap
}
.honor .status figure img {
 max-width:100%;
 max-height:50px
}
.honor .status figure .wrap {
 height:70px;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-align:center;
 align-items:center;
 -ms-flex-pack:center;
 justify-content:center
}
.no-flexbox .honor .status figure {
 display:inline-block
}
.no-flexbox .honor .status figure:not(:last-of-type) {
 margin-right:100px
}
table.two {
 table-layout:fixed
}
table.two td:first-child {
 width:130px
}
table.two td:last-child {
 width:84px
}
td img {
 display:block;
 margin:auto
}
.customer {
 margin-left:auto;
 margin-right:auto;
 margin-top:10px;
 margin-bottom:10px;
 padding-top:70px;
 padding-bottom:80px;
 background-color:#f7f7f7;
 text-align:center
}
.customer .title h2 {
 height:48px;
 background-image:url("../img/index/client.svg")
}
.customer .title p {
 color:#9BA2B5;
 font-size:18px;
 margin-top:24px
}
.customer .title.show {
 transition:ease-out .95s;
 -ms-transform:translateY(0);
 transform:translateY(0);
 opacity:1
}
.customer .clients {
 margin-top:41px;
 width:100%
}
.customer .clients [client*='m$'] {
 background-size:127px 27px
}
.customer .clients [client*='samsung'] {
 background-size:113px 18px
}
.customer .clients [client*='sony'] {
 background-size:48px 75px
}
.customer .clients [client*='imax'] {
 background-size:83px 16px
}
.customer .clients [client*='guobo'] {
 background-size:129px 47px
}
.customer .clients [client*='gugong'] {
 background-size:68px 81px
}
.customer .clients [client*='crh'] {
 background-size:104px 31px
}
.customer .clients [client*='cctv'] {
 background-size:79px 23px
}
.customer .clients [client*='audi'] {
 background-size:72px 46px
}
.customer .clients [client*='toyota'] {
 background-size:70px 51px
}
.customer .clients [client*='subaru'] {
 background-size:90px 46px
}
.customer .clients [client*='yiqi'] {
 background-size:59px 56px
}
.customer .clients [client*='ctf'] {
 background-size:86px 48px
}
.customer .clients [client*='marykay'] {
 background-size:155px 24px
}
.customer .clients [client*='k11_'] {
 background-size:55px 28px
}
.customer .clients [client*='pizza'] {
 background-size:58px 55px
}
.customer .clients .row {
 z-index:1
}
.customer .clients .row:not(:last-child) {
 padding-bottom:50px
}
.customer .clients .row:first-child .cell {
 height:76px
}
.customer .clients .row:nth-child(2) .cell {
 height:82px
}
.customer .clients .row:nth-child(3) .cell {
 height:56px
}
.customer .clients .row:last-child .cell {
 height:56px
}
.customer .clients .cell {
 box-sizing:content-box;
 background-origin:content-box;
 height:100%;
 background-repeat:no-repeat;
 background-position:center;
 text-align:center;
 z-index:1
}
.customer .clients .cell:not(:last-child) {
 padding-right:calc((100% - 475px) / 3)
}
.customer .clients .cell:first-child {
 width:130px
}
.customer .clients .cell:nth-child(2) {
 width:155px
}
.customer .clients .cell:nth-child(3) {
 width:105px
}
.customer .clients .cell:last-child {
 width:83px
}
.customer .clients .cell img {
 margin-left:auto;
 margin-right:auto;
 display:block
}
.order {
 background:radial-gradient(392px 50%, circle closest-corner, #f4f5f0, #d6d8d5);
 height:530px;
 position:relative;
 overflow:hidden
}
.order .clearfix {
 width:100% !important;
 height:100% !important;
 background-repeat:no-repeat;
 background-position:center;
 background-size:cover
}
.order .inner {
 padding-left:142px
}
.order .vcenter {
 width:auto;
 height:auto
}
.order .books {
 float:right;
 height:110%;
 position:relative;
 top:1%;
 margin-right:10px
}
.order .books img {
 height:114%
}
.order .slogan {
 display:-ms-flexbox;
 display:flex;
 -ms-flex-direction:column;
 flex-direction:column;
 -ms-flex-pack:center;
 justify-content:center;
 padding-left:50px;
 width:500px;
 height:348px;
 background-color:#fff;
 text-align:left
}
.order hgroup {
 line-height:1.2;
 font-size:30px;
 font-weight:normal
}
.order .desc {
 font-size:14px;
 color:#9BA2B5;
 margin-top:24px;
 margin-bottom:36px;
 line-height:1.4
}
.order .btn {
 width:180px;
 height:45px;
 border:none;
 background-color:#5887f5;
 font-size:16px;
 color:#fff;
 display:inline-block;
 text-align:center;
 line-height:45px
}
.order [class*=sensoro] {
 position:relative;
 top:2px;
 margin-right:10px
}
.order .buy {
 margin-right:8px
}
.order a {
 color:#fff
}
@media screen and (orientation: portrait) {
 .section-index,
 .platform,
 .scenarios {
  height:660px
 }
}
.sub-intro-title {
 color:#121212
}
.sub-intro-txt {
 color:#5b5b5b !important
}
.video-contain {
 position:fixed;
 left:0;
 top:0;
 z-index:12;
 width:100%;
 height:100%;
 background:rgba(15,15,15,0.68);
 opacity:1;
 transition:.35s
}
.video-contain.remove-video {
 display:none
}
.video-contain.hide-video {
 opacity:0
}
.video-contain>.close-btn {
 width:32px;
 height:32px;
 top:20px;
 right:20px;
 position:absolute;
 z-index:1
}
.video-contain>.close-btn:hover::before,
.video-contain>.close-btn:hover::after {
 background-color:#d3d3d3
}
.video-contain>.close-btn::before,
.video-contain>.close-btn::after {
 position:absolute;
 left:15px;
 content:' ';
 height:33px;
 width:2px;
 transition:.35s;
 background-color:#666
}
.video-contain>.close-btn::before {
 -ms-transform:rotate(45deg);
 transform:rotate(45deg)
}
.video-contain>.close-btn::after {
 -ms-transform:rotate(-45deg);
 transform:rotate(-45deg)
}
.video-js .vjs-big-play-button {
 outline:none;
 font-size:2.5em;
 line-height:2.3em;
 height:2.5em;
 width:2.5em;
 border-radius:2.5em;
 background-color:rgba(115,133,159,0.5);
 border-width:0.15em;
 margin-top:-1.25em;
 margin-left:-1.75em;
 transition:.35s
}
.video-js .vjs-big-play-button:active {
 background-color:rgba(115,133,159,0.1)
}
.vjs-big-play-button .vjs-icon-placeholder {
 font-size:1.63em
}
.vjs-loading-spinner {
 font-size:2.5em;
 width:2em;
 height:2em;
 border-radius:1em;
 margin-top:-1em;
 margin-left:-1.5em
}
.vjs-paused .vjs-big-play-button,
.vjs-paused.vjs-has-started .vjs-big-play-button {
 display:block
}
#paly-unboxing {
 margin-left:11px
}
#MEIQIA-BTN-HOLDER {
 z-index:10 !important
}