/* Keep the original wide packaging track inside its own mobile section. */
@media(max-width:736px){.design .row-5{overflow:hidden}}
@media(max-width:736px){.header.jp{position:absolute!important;top:0;left:0;width:100%;min-width:0}.wrapper.jianguo>.main{padding-top:37px}}

/* BEGIN U1 DESIGN VIEWPORT */

/* Only this runtime opts in. Original typography, artwork and keyframes stay intact. */
html[data-u1-design-fit] {
  --u1-design-first: calc(100svh - 82px);
  --u1-design-stage: calc(100svh - 38px);
}
@media (min-width:737px) {
  html[data-u1-design-fit] .design .row-1 {
    height:var(--u1-design-first); min-height:360px; padding-top:0;
  }
  html[data-u1-design-fit] .design .row-1 .content {top:9%;transform:none}
  html[data-u1-design-fit] .design .row-1 .airy {
    width:min(73.4375%,calc(var(--u1-design-first) * .95));top:52%;
  }
  html[data-u1-design-fit] .design .row-3 {
    height:var(--u1-design-stage);min-height:420px;
  }
  html[data-u1-design-fit] .design .row-3 .simple-1 {
    height:min(16.875vw,calc(var(--u1-design-stage) * .30));padding-top:0;
  }
  html[data-u1-design-fit] .design .row-3 .simple-2 {
    height:min(17.239583333333vw,calc(var(--u1-design-stage) * .30));padding-top:0;
  }
  /* The preceding UL and every historical node retain their original geometry. */
  html[data-u1-design-fit] .design .stripes-2015-pic {
    margin-top:clamp(24px,5svh,64px);padding-bottom:clamp(24px,5svh,64px);
  }
  html[data-u1-design-fit] .design .stripes-2015-pic img {
    width:auto;height:auto;max-width:100%;max-height:calc(var(--u1-design-stage) - 110px);
  }
  html[data-u1-design-fit] .design .row-5 {
    --package-height:max(260px,calc(var(--u1-design-stage) - var(--u1-design-package-top,130px) - 30px));
    height:var(--u1-design-stage);min-height:520px;
  }
  html[data-u1-design-fit] .design .row-5 h3 {top:32px;transform:none}
  html[data-u1-design-fit] .design .row-5 ul {
    top:var(--u1-design-package-top,130px);height:var(--package-height);width:calc(var(--package-height) * .59068627451);
    background-position:center top;
  }
  html[data-u1-design-fit] .design .row-5 ul>li {width:69.017980636%;height:72.794117647%;top:0}
  html[data-u1-design-fit] .design .row-6 {
    --case-height:max(200px,calc(var(--u1-design-stage) - var(--u1-design-case-top,170px) - 190px));
    height:var(--u1-design-stage);min-height:600px;
  }
  html[data-u1-design-fit] .design .row-6 .content {top:28px}
  html[data-u1-design-fit] .design .timeline {top:var(--u1-design-case-top,170px);height:calc(var(--u1-design-stage) - var(--u1-design-case-top,170px) - 20px)}
  html[data-u1-design-fit] .design .timeline .picture {margin-bottom:12px}
  html[data-u1-design-fit] .design .timeline .picture img {height:var(--case-height);width:auto;max-width:45%;object-fit:contain}
  html[data-u1-design-fit] .design .timeline .doodle-title {margin-bottom:12px}
  html[data-u1-design-fit] .design .timeline .dot {margin-bottom:14px}
  html[data-u1-design-fit] .design .timeline .time {margin-bottom:0}
  html[data-u1-design-fit] .design .timeline:after {top:calc(var(--case-height) + 99px);bottom:auto}
  html[data-u1-design-fit] .design .timeline .buttons {width:80%;min-width:0;max-width:1120px}
  html[data-u1-design-fit] .design .timeline .btn-prev,
  html[data-u1-design-fit] .design .timeline .btn-next {top:calc(var(--case-height) / 2);margin-top:-24px}
}
/* At 415–736px the old desktop minimum survived the mobile breakpoint.
   Centre the original-sized package and bound only its horizontal backdrop. */
@media (min-width:415px) and (max-width:736px) {
  html[data-u1-design-fit] .design .row-5 {overflow-x:clip}
  html[data-u1-design-fit] .design .row-5 .content {width:100%;min-width:0}
  html[data-u1-design-fit] .design .row-5 ul {left:50%;right:auto;transform:translateX(-50%)}
}

/* END U1 DESIGN VIEWPORT */

/* Preserve the original title baseline and layout when its translation gains a line. */
.overview h3[ng-bind-html*=human]{height:1lh;position:relative;top:-1lh}

/* U1 product navigation, adapted from the original theme-u1 component. */
.header.jp .header-desktop.theme-u1{display:block}
.header.jp .theme-u1 .nav-product{font-size:12px;height:36px;display:block;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);background:#fff;position:relative;transition:height .1s cubic-bezier(.25,.46,.45,.94)}
.header.jp .theme-u1 .nav-product .container{width:min(1220px,calc(100% - 40px));height:100%;margin:0 auto}
.header.jp .theme-u1 .nav-product .nav-main{float:left;line-height:37px;height:36px;position:relative}
.header.jp .theme-u1 .nav-product .nav-logo{background:image-set(url(/assets/static.smartisanos.cn/common/img/header-u1/jianguo-logo_45159b71a5.png) 1x,url(/assets/static.smartisanos.cn/common/img/header-u1/jianguo-logo_45159b71a5@2x.png) 2x) center center/contain no-repeat;display:none;line-height:1;height:28px;width:60px;text-indent:-9999px;position:absolute;top:0;left:0;transform:translate3d(0,4px,0) scale(.5);transform-origin:0 50%;transition:.1s cubic-bezier(.25,.46,.45,.94);opacity:0}
.header.jp .theme-u1 .nav-product .nav-list{overflow:hidden;margin:0 0 0 -17px;padding:0;position:relative;list-style:none}
.header.jp .theme-u1 .nav-product .nav-list li{float:left}
.header.jp .theme-u1 .nav-product .nav-list li a{padding:4px 17px;color:#bdbdbd;text-decoration:none}
.header.jp .theme-u1 .nav-product .nav-list li a:hover,.header.jp .theme-u1 .nav-product .nav-list li.active a{color:#757575}
.header.jp .theme-u1 .nav-product.active{position:fixed;left:0;right:0;top:0;z-index:201;height:60px;border-top:0;background-color:rgba(255,255,255,.8);background-repeat:repeat-x;background-image:image-set(url(/assets/static.smartisanos.cn/common/img/header-u1/header-sub-sticky_ce36d22843.png) 1x,url(/assets/static.smartisanos.cn/common/img/header-u1/header-sub-sticky_ce36d22843@2x.png) 2x)}
.header.jp .theme-u1 .nav-product.active .nav-list li a{font-size:14px}
.header.jp .theme-u1 .nav-product.active .nav-logo{margin-top:15px;display:block;transform:translate3d(0,14px,0) scale(1);opacity:1}
.header.jp .theme-u1 .nav-product.active .nav-list{position:relative;margin-left:0;left:60px;top:10px}
.onepage-wrapper .header.jp .theme-u1 .nav-product.active{display:block;position:absolute;left:0;right:0;top:100%;transform:translate3d(0,0,0);transition:1000ms cubic-bezier(.165,.84,.44,1)}
.onepage-wrapper .header.jp .theme-u1 .nav-product.active .nav-list,.onepage-wrapper .header.jp .theme-u1 .nav-product.active .nav-logo{transition:.6s cubic-bezier(.165,.84,.44,1) .6s}
@media(max-width:736px){.header.jp .header-desktop.theme-u1{display:block!important}.header.jp .theme-u1 .nav-product .container{width:100%}.header.jp .theme-u1 .nav-product .nav-main{width:100%}.header.jp .theme-u1 .nav-product .nav-list{display:flex;overflow-x:auto;white-space:nowrap;scrollbar-width:none;margin:0}.header.jp .theme-u1 .nav-product .nav-list::-webkit-scrollbar{display:none}.header.jp .theme-u1 .nav-product .nav-list li{float:none;flex:0 0 auto}.header.jp .theme-u1 .nav-product .nav-list li a{padding:4px 12px}.header.jp .theme-u1 .nav-product.active{height:36px}.header.jp .theme-u1 .nav-product.active .nav-list{left:0;top:0}.header.jp .theme-u1 .nav-product.active .nav-list li a{font-size:12px}.header.jp .theme-u1 .nav-product.active .nav-logo{display:none}}
@media(max-width:736px){.overview h3[ng-bind-html*=human]{height:2lh;top:0}}