:root {
  --color-blue: #005bac;
  --color-cyan: #06b4ea;
  --color-font: #3c3c3c;
  --color-gray: #383838;
  --color-lightgray: #bec5cc;
  --color-green: #009b73;
  --color-orange: #ef8200
}
body,
html {
  font-family:"Noto Sans SC","Microsoft Yahei","微软雅黑",Arial,sans-serif
}
#app-20220920 {
  width:100%;
  position:relative;
  margin:0 auto;
  overflow:hidden;
  max-width:2000px;
  color:var(--color-font)
}
#app-20220920 h2.section-title {
  height:120px;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:36px;
  margin:0;
  margin-top:0 !important;
  font-weight:300;
  background-color:#fff
}
#app-20220920 ::-moz-selection {
  color:#fff;
  background-color:var(--color-font)
}
#app-20220920 ::selection {
  color:#fff;
  background-color:var(--color-font)
}
#app-20220920 .hero {
  width:100%;
  position:relative
}
#app-20220920 .hero:after {
  content:"";
  width:100%;
  display:block;
  position:relative;
  z-index:-2;
  padding-top:45%
}
#app-20220920 .hero .bg-video,
#app-20220920 .hero .bg-video video {
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:1
}
#app-20220920 .hero .play-hero {
  width:80px;
  height:80px;
  position:absolute;
  z-index:20;
  top:45%;
  left:50%;
  transform:translate(-50%, -50%);
  opacity:0;
  pointer-events:none
}
#app-20220920 .hero .play-hero.show {
  opacity:1;
  pointer-events:unset
}
#app-20220920 .hero .play-hero.show.hide {
  opacity:0;
  pointer-events:none
}
#app-20220920 .hero .play-hero svg {
  width:100%;
  height:100%;
  display:block;
  top:0;
  position:absolute
}
#app-20220920 .hero .play-hero svg path {
  fill:#fff !important
}
#app-20220920 .hero .poster {
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:5;
  background-color:#f6f6f6;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  overflow:hidden
}
#app-20220920 .hero .poster.fadeout {
  opacity:0;
  transition:opacity .1s;
  pointer-events:none
}
#app-20220920 .hero .poster:before {
  content:"";
  width:100%;
  height:60%;
  left:0;
  bottom:0;
  position:absolute;
  z-index:5;
  display:block;
  background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%)
}
#app-20220920 .hero .bg-video video {
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:center;
  object-position:center
}
#app-20220920 .hero .graph {
  width:16%;
  position:absolute;
  right:0;
  bottom:0;
  padding-bottom:6%;
  padding-right:6%;
  z-index:5;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  pointer-events:none;
  display:flex;
  align-items:center;
  justify-content:flex-end
}
#app-20220920 .hero .graph img {
  max-width:200px;
  width:100%;
  display:block;
  height:auto
}
#app-20220920 .hero .text {
  position:absolute;
  z-index:10;
  left:0;
  bottom:0;
  padding-left:6%;
  padding-bottom:5%;
  padding-right:30%;
  color:#fff;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}
#app-20220920 .hero .text h2 {
  font-size:52px;
  font-weight:300;
  line-height:1.4;
  display:block;
  margin-bottom:.4em
}
#app-20220920 .hero .text p {
  font-size:20px;
  line-height:1.6;
  display:block;
  font-weight:400
}
#app-20220920 .hero .text a,
#app-20220920 .hero .text a:link {
  color:#fff;
  text-decoration:none;
  display:inline-block
}
@media(min-width: 1300px) {
  #app-20220920 .hero .text a:hover,
  #app-20220920 .hero .text a:link:hover {
    text-decoration:underline
  }
}
#app-20220920 .index-news-wrapper {
  width:100%;
  padding:80px 0;
  background-color:#fff;
  position:relative;
  z-index:5
}
#app-20220920 .index-news-wrapper .slide-navigator {
  position:absolute;
  left:440px;
  bottom:6px;
  z-index:10
}
#app-20220920 .index-news-wrapper .slide-navigator .slide-info {
  margin-top:0
}
#app-20220920 .index-news-wrapper .index-news-slide-2023 {
  position:relative;
  width:100%;
  overflow:hidden;
  padding-bottom:60px
}
#app-20220920 .index-news-wrapper .index-news-slide-2023 a.text,
#app-20220920 .index-news-wrapper .index-news-slide-2023 a.text:link {
  font-size:36px;
  line-height:1.4;
  margin-bottom:15px;
  font-weight:300;
  color:var(--color-font)
}
#app-20220920 .index-news-wrapper .index-news-slide-2023 a.text:hover,
#app-20220920 .index-news-wrapper .index-news-slide-2023 a.text:link:hover {
  text-decoration:none
}
#app-20220920 .index-news-wrapper .index-news-slide-2023 .content {
  font-size:16px;
  line-height:1.6;
  font-weight:300;
  margin-top:10px
}
#app-20220920 .index-news-wrapper .index-news-slide-2023 .slide-item {
  width:100%;
  position:relative
}
#app-20220920 .index-news-wrapper .index-news-slide-2023 .slide-item .figure {
  width:400px;
  min-width:400px;
  margin-right:40px;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
  background-color:#f3f3f3
}
#app-20220920 .index-news-wrapper .index-news-slide-2023 .slide-item .figure:before {
  content:"";
  display:block;
  position:relative;
  z-index:-1;
  padding-top:60%
}
#app-20220920 .index-news-wrapper .index-news-slide-2023 .slide-info {
  display:flex;
  align-items:center;
  margin:0;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}
#app-20220920 .index-news-wrapper .index-news-slide-2023 .slide-num {
  display:flex;
  align-items:center;
  font-size:22px;
  color:#8b929c
}
#app-20220920 .index-news-wrapper .index-news-slide-2023 .slide-num span.current {
  color:#32bce1;
  background:#fff
}
#app-20220920 .index-news-wrapper .index-news-slide-2023 .slick-arrow {
  margin-left:30px;
  display:flex;
  align-items:center
}
#app-20220920 .index-news-wrapper .index-news-slide-2023 .slick-arrow button {
  background:none;
  padding:10px 5px
}
#app-20220920 .index-news-wrapper .index-news-slide-2023 .slick-arrow button:first-child {
  margin-right:7px
}
#app-20220920 .index-news-wrapper .index-news-slide-2023 .slick-arrow img {
  max-width:15px
}
#app-20220920 .index-news-wrapper .news {
  width:calc(100% - 160px);
  max-width:1400px;
  margin:0 auto;
  display:flex;
  align-items:stretch;
  justify-content:space-between
}
#app-20220920 .index-news-wrapper .news .index-news-slide {
  width:100%;
  margin:0 !important;
  padding:0 !important
}
#app-20220920 .index-news-wrapper.has-featured .has-featured-wrapper {
  width:100%;
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  width:calc(100% - 160px);
  max-width:1400px;
  margin:0 auto
}
#app-20220920 .index-news-wrapper.has-featured .news {
  width:calc(100% - 460px);
  max-width:calc(100% - 460px);
  flex:1 1 auto;
  margin:0;
  display:block
}
#app-20220920 .index-news-wrapper.has-featured .n-title {
  border-left:5px solid #06b4ea;
  padding-left:10px;
  font-size:18px;
  margin-bottom:15px;
  line-height:1;
  white-space:nowrap
}
#app-20220920 .index-news-wrapper.has-featured .slide-navigator {
  left:0
}
@media(max-width: 1200px) {
  #app-20220920 .index-news-wrapper.has-featured .has-featured-wrapper {
    width:calc(100% - 80px)
  }
}
@media(max-width: 1000px) {
  #app-20220920 .index-news-wrapper.has-featured .has-featured-wrapper .news {
    width:calc(100% - 340px);
    max-width:calc(100% - 340px)
  }
  #app-20220920 .index-news-wrapper.has-featured .has-featured-wrapper .featured-item {
    width:300px;
    min-width:300px
  }
}
@media(max-width: 900px) {
  #app-20220920 .index-news-wrapper.has-featured .has-featured-wrapper {
    display:block
  }
  #app-20220920 .index-news-wrapper.has-featured .has-featured-wrapper .news {
    width:100%;
    max-width:none
  }
  #app-20220920 .index-news-wrapper.has-featured .has-featured-wrapper .news .slide-navigator {
    top:50%;
    transform:translateY(-50%)
  }
  #app-20220920 .index-news-wrapper.has-featured .has-featured-wrapper .featured-item {
    width:100%;
    min-width:0;
    max-width:400px;
    margin:30px 0 0
  }
}
@media(max-width: 900px) {
  #app-20220920 .index-news-wrapper.has-featured .has-featured-wrapper {
    width:calc(100% - 60px)
  }
}
#app-20220920 .index-news-wrapper .featured-item {
  width:420px;
  min-width:420px
}
#app-20220920 .index-news-wrapper .featured-item .item {
  width:100%;
  position:relative;
  background-color:#f3f3f3
}
#app-20220920 .index-news-wrapper .featured-item .item:after {
  content:"";
  width:100%;
  display:block;
  padding-top:56.25%;
  z-index:-1;
  position:relative
}
#app-20220920 .index-news-wrapper .featured-item img {
  width:100%;
  height:100%;
  top:0;
  left:0;
  position:absolute;
  display:block;
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:center;
  object-position:center;
  z-index:1
}
#app-20220920 .index-news-wrapper .featured-item a,
#app-20220920 .index-news-wrapper .featured-item a:link {
  width:100%;
  height:100%;
  top:0;
  left:0;
  position:absolute;
  display:block;
  z-index:3
}
#app-20220920 .inner {
  width:calc(100% - 160px);
  max-width:1400px;
  margin:0 auto;
  position:relative;
  z-index:5
}
#app-20220920 .grid-1 {
  width:100%;
  padding:80px 0
}
#app-20220920 .grid-1 .grid-items {
  width:calc(100% - 160px);
  max-width:1400px;
  margin:0 auto;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  flex-wrap:wrap
}
#app-20220920 .grid-1 .grid-items .box {
  background-color:#fff;
  position:relative;
  width:25%;
  min-width:25%;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
  color:var(--font-color);
  position:relative
}
#app-20220920 .grid-1 .grid-items .box:after {
  content:"";
  width:100%;
  display:block;
  position:relative;
  z-index:-1;
  padding-top:100%
}
#app-20220920 .grid-1 .grid-items .box.cols-2 {
  width:50%;
  min-width:50%
}
#app-20220920 .grid-1 .grid-items .box.cols-2:after {
  padding-top:50%
}
#app-20220920 .grid-1 .grid-items .box.blue {
  color:#fff;
  background-color:var(--color-blue)
}
#app-20220920 .grid-1 .grid-items .box.gray {
  color:#fff;
  background-color:var(--color-gray)
}
#app-20220920 .grid-1 .grid-items .box.cyan {
  color:#fff;
  background-color:var(--color-cyan)
}
#app-20220920 .grid-1 .grid-items .box.lightgray {
  color:#4b4f52;
  background-color:var(--color-lightgray)
}
#app-20220920 .grid-1 .grid-items .box a,
#app-20220920 .grid-1 .grid-items .box a:link {
  display:block;
  z-index:10;
  position:absolute;
  opacity:0;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  top:0;
  left:0;
  width:100%;
  height:100%
}
#app-20220920 .grid-1 .grid-items .box .text {
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  width:100%;
  text-align:center;
  padding:0 12%;
  position:absolute;
  top:50%;
  left:0;
  transform:translateY(-50%);
  text-align:left
}
#app-20220920 .grid-1 .grid-items .box h2 {
  font-size:34px;
  display:block;
  font-weight:300;
  line-height:1.4;
  margin-bottom:.5em;
  white-space:nowrap
}
#app-20220920 .grid-1 .grid-items .box p {
  font-size:16px;
  line-height:1.6;
  font-weight:300
}
#app-20220920 .data-driven-wrapper {
  width:100%;
  position:relative;
  overflow:hidden
}
#app-20220920 .data-driven-wrapper .bx-controls {
  position:static !important
}
#app-20220920 .data-driven-wrapper .bx-pager {
  display:flex;
  align-items:center;
  justify-content:center;
  bottom:40px;
  width:100% !important;
  left:0 !important;
  transform:none !important
}
#app-20220920 .data-driven-wrapper .bx-pager .bx-pager-item a,
#app-20220920 .data-driven-wrapper .bx-pager .bx-pager-item a:link {
  width:50px;
  min-width:50px;
  height:7px;
  background-color:rgba(255,255,255,.3)
}
#app-20220920 .data-driven-wrapper .bx-pager .bx-pager-item a.active,
#app-20220920 .data-driven-wrapper .bx-pager .bx-pager-item a:link.active {
  background-color:#fff
}
#app-20220920 .data-driven {
  width:100%;
  position:relative;
  background-color:#fff;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
  padding:100px 0;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:560px
}
#app-20220920 .data-driven .text {
  width:calc(100% - 160px);
  max-width:1400px;
  color:#fff;
  position:relative;
  z-index:5;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}
#app-20220920 .data-driven h2 {
  display:block;
  font-size:48px;
  line-height:1.3;
  font-weight:300
}
#app-20220920 .data-driven p {
  font-size:16px;
  line-height:1.6;
  font-weight:300;
  margin-top:1em;
  max-width:600px
}
#app-20220920 .data-driven .btn-more {
  margin-top:40px
}
#app-20220920 .btn-more {
  display:flex;
  align-items:center;
  justify-content:flex-start
}
#app-20220920 .btn-more a,
#app-20220920 .btn-more a:link {
  border:1px solid #fff;
  font-size:16px;
  line-height:1.2;
  white-space:nowrap;
  padding:.6em 1.2em;
  color:#fff;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}
#app-20220920 .btn-more a:hover,
#app-20220920 .btn-more a:link:hover {
  text-decoration:none
}
@media(min-width: 1300px) {
  #app-20220920 .btn-more a,
  #app-20220920 .btn-more a:link {
    transition:.2s
  }
  #app-20220920 .btn-more a:hover,
  #app-20220920 .btn-more a:link:hover {
    background-color:var(--color-blue);
    color:#fff !important;
    border-color:var(--color-blue)
  }
}
#app-20220920 .industrial-applications-wrapper {
  background-color:#fff;
  padding:0 0 40px
}
#app-20220920 .industrial-applications-wrapper .anchor-more {
  padding-top:36px;
  display:flex;
  align-items:center;
  justify-content:flex-end
}
#app-20220920 .industrial-applications-wrapper .anchor-more a,
#app-20220920 .industrial-applications-wrapper .anchor-more a:link {
  font-size:16px;
  line-height:2;
  display:block;
  color:var(--color-font)
}
#app-20220920 .industrial-applications-wrapper .anchor-more a:hover,
#app-20220920 .industrial-applications-wrapper .anchor-more a:link:hover {
  text-decoration:underline
}
#app-20220920 .industrial-applications-wrapper .cols {
  width:100%;
  height:auto;
  display:flex;
  align-items:stretch;
  justify-content:space-between
}
#app-20220920 .industrial-applications-wrapper .cols .item {
  width:calc(33.3333% - 20px);
  max-width:calc(33.3333% - 20px);
  position:relative;
  overflow:hidden
}
#app-20220920 .industrial-applications-wrapper .cols .item>a,
#app-20220920 .industrial-applications-wrapper .cols .item>a:link {
  z-index:3;
  display:block;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%
}
#app-20220920 .industrial-applications-wrapper .cols .item:after {
  content:"";
  width:100%;
  height:40%;
  left:0;
  z-index:2;
  right:0;
  bottom:0;
  background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6) 70%);
  display:block;
  position:absolute;
  transform:translateY(20%);
  transition-duration:.9s
}
@media(min-width: 1200px) {
  #app-20220920 .industrial-applications-wrapper .cols .item:hover .figure {
    transform:scale(1.1) translate3d(0, 0, 0);
    transition-duration:.3s
  }
  #app-20220920 .industrial-applications-wrapper .cols .item:hover .text {
    transform:translateY(0%);
    transition:transform .3s ease 0s
  }
  #app-20220920 .industrial-applications-wrapper .cols .item:hover .text h3 {
    transform:translateY(0%);
    transition:transform .3s ease 0s
  }
  #app-20220920 .industrial-applications-wrapper .cols .item:hover:after {
    height:80%;
    transform:translateY(0%);
    transition-duration:.3s;
    background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8) 60%)
  }
}
#app-20220920 .industrial-applications-wrapper .cols .figure {
  position:relative;
  z-index:2;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  transform-origin:center;
  transform:scale(1) translate3d(0, 0, 0);
  transition:transform .3s ease 0s
}
#app-20220920 .industrial-applications-wrapper .cols .figure:after {
  content:"";
  display:block;
  position:relative;
  width:100%;
  padding-top:130%;
  z-index:-1;
  height:auto
}
#app-20220920 .industrial-applications-wrapper .cols .text-wrapper {
  position:absolute;
  left:8%;
  bottom:8%;
  right:12%;
  width:auto;
  overflow:hidden;
  z-index:6;
  color:#fff
}
#app-20220920 .industrial-applications-wrapper .cols .text {
  transform:translateY(100%);
  transition:transform .3s ease 0s
}
#app-20220920 .industrial-applications-wrapper .cols h3 {
  line-height:1.2;
  display:block;
  margin-bottom:.4em;
  font-size:28px;
  font-weight:300;
  transform:translateY(-100%);
  transition:transform .3s ease 0s
}
#app-20220920 .industrial-applications-wrapper .cols h3 em {
  font-size:.6em;
  font-weight:700;
  font-style:normal;
  color:var(--color-cyan)
}
#app-20220920 .industrial-applications-wrapper .cols p {
  font-size:16px;
  line-height:1.6
}
#app-20220920 .industrial-applications-wrapper .cols .btn-more {
  margin-top:20px
}
#app-20220920 .corporate-applications-wrapper {
  background-color:var(--color-blue);
  position:relative;
  padding:0 0 80px
}
#app-20220920 .corporate-applications-wrapper h2.section-title {
  color:#fff;
  background-color:rgba(0,0,0,0)
}
#app-20220920 .corporate-applications-wrapper .cols {
  width:100%;
  height:auto;
  display:flex;
  align-items:stretch;
  justify-content:space-between
}
#app-20220920 .corporate-applications-wrapper .cols .item {
  width:calc(33.3333% - 20px);
  max-width:calc(33.3333% - 20px);
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:stretch
}
#app-20220920 .corporate-applications-wrapper .cols .figure {
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  transform-origin:center
}
#app-20220920 .corporate-applications-wrapper .cols .figure:after {
  content:"";
  display:block;
  position:relative;
  width:100%;
  padding-top:60%;
  z-index:-1;
  height:auto
}
#app-20220920 .corporate-applications-wrapper .cols .text {
  background-color:#fff;
  padding:8%;
  flex:1 1 auto;
  position:relative;
  padding-bottom:120px
}
#app-20220920 .corporate-applications-wrapper .cols h3 {
  line-height:1.2;
  display:block;
  margin-bottom:.5em;
  font-size:28px;
  font-weight:300
}
#app-20220920 .corporate-applications-wrapper .cols p {
  font-size:14px;
  line-height:1.8
}
#app-20220920 .corporate-applications-wrapper .cols .btn-more {
  position:absolute;
  left:8%;
  right:8%;
  width:auto;
  bottom:30px
}
#app-20220920 .corporate-applications-wrapper .cols .btn-more a,
#app-20220920 .corporate-applications-wrapper .cols .btn-more a:link {
  color:var(--color-font);
  font-size:14px;
  border-color:var(--color-font)
}
@media(min-width: 1200px) {
  #app-20220920 .corporate-applications-wrapper .cols .btn-more a:hover,
  #app-20220920 .corporate-applications-wrapper .cols .btn-more a:link:hover {
    border-color:var(--color-blue);
    color:#fff
  }
}
#app-20220920 .industry-insight-wrapper {
  width:100%;
  background-color:#fff;
  padding-bottom:40px;
  position:relative
}
#app-20220920 .industry-insight-slider-wrapper {
  width:calc(100% - 160px);
  max-width:1400px;
  margin:0 auto;
  position:relative
}
#app-20220920 .prev-item,
#app-20220920 .next-item {
  width:50px;
  height:100px;
  background-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAzNCAxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0zMzkuMjY3NTg3IDEwMjMuOTk5OTg5YTQ0LjI4MTgwMiA0NC4yODE4MDIgMCAwIDEtMjcuMTU4NzYzLTkuMjc5MTUyYy0xOS40NTk1MTYtMTUuMDIwMjA5LTIzLjA1MzI0LTQyLjk2ODkyNS04LjAzMzAzMS02Mi40Mjg0NEw2MzkuNDYwMzc4IDUxNy44MDc4MDkgMzAyLjg5NjQyOSA4My4yODk4NDJjLTE1LjA1MzU4OC0xOS40MzcyNjMtMTEuNTA0MzY4LTQ3LjM4NTk3OSA3LjkzMjg5NS02Mi40Mzk1NjYgMTkuNDM3MjYzLTE1LjA1MzU4OCA0Ny4zODU5NzktMTEuNTA0MzY4IDYyLjQzOTU2NyA3LjkzMjg5NWwzNTcuNjM2NzQ3IDQ2MS43MzIzNjFjMTIuNDA1NTggMTYuMDIxNTU3IDEyLjQyNzgzMiAzOC40MDcyMzIgMC4wNDQ1MDQgNTQuNDUxMDRMMzc0LjUzNzI2NCAxMDA2LjY4NzgwN2MtOC43NjczNTIgMTEuMzU5NzI5LTIxLjk0MDYzMiAxNy4zMTIxODItMzUuMjU4NTUxIDE3LjMxMjE4MnoiPjwvcGF0aD48L3N2Zz4=);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  position:absolute;
  right:-60px;
  top:50%;
  margin-top:-50px;
  cursor:pointer;
  opacity:.3
}
#app-20220920 .prev-item {
  transform-origin:center;
  transform:rotate(180deg);
  right:auto;
  left:-60px
}
#app-20220920 .article-section .wrapper {
  margin:0 auto;
  display:flex;
  align-items:stretch;
  justify-content:flex-start
}
#app-20220920 .article-section .figure {
  background-size:cover;
  width:50%;
  min-width:50%;
  background-position:center;
  background-repeat:no-repeat
}
#app-20220920 .article-section .text {
  width:50%;
  min-width:50%;
  background-color:var(--color-blue);
  color:#fff;
  padding:0 5%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:480px;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}
#app-20220920 .article-section h2 {
  display:block;
  line-height:1.2;
  font-size:46px;
  font-weight:300
}
#app-20220920 .article-section h3 {
  display:block;
  line-height:1.4;
  font-size:22px;
  margin:.3em 0 .6em
}
#app-20220920 .article-section p {
  font-size:16px;
  line-height:1.8;
  padding:.4em 0
}
#app-20220920 .article-section .btn-more {
  margin-top:20px;
  margin-bottom:30px
}
#app-20220920 .article-section .btn-more a,
#app-20220920 .article-section .btn-more a:link {
  color:#fff;
  border-color:#fff
}
@media(min-width: 1200px) {
  #app-20220920 .article-section .btn-more a:hover,
  #app-20220920 .article-section .btn-more a:link:hover {
    border-color:#fff !important;
    color:var(--color-blue) !important;
    background-color:#fff !important
  }
}
#app-20220920 .hospital {
  width:100%;
  padding:260px 0 80px;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center
}
#app-20220920 .hospital .wrapper {
  width:calc(100% - 160px);
  max-width:1400px;
  margin:0 auto;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:flex-start
}
#app-20220920 .hospital .wrapper .text {
  max-width:1000px;
  width:100%;
  background-color:var(--color-cyan);
  padding:45px 50px;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}
#app-20220920 .hospital h2 {
  display:block;
  font-size:38px;
  font-weight:300;
  line-height:1.3;
  white-space:nowrap
}
#app-20220920 .hospital p {
  font-size:20px;
  font-weight:300;
  line-height:1.6;
  margin:.8em 0 1.2em
}
#app-20220920 .hospital .btn-more-link {
  margin-top:20px;
  display:flex;
  align-items:center;
  justify-content:flex-start
}
#app-20220920 .hospital .btn-more-link a,
#app-20220920 .hospital .btn-more-link a:link {
  color:#fff;
  font-size:14px;
  display:block
}
@media(min-width: 1200px) {
  #app-20220920 .hospital .btn-more a:hover,
  #app-20220920 .hospital .btn-more a:link:hover {
    border-color:#fff !important;
    color:var(--color-cyan) !important;
    background-color:#fff !important
  }
}
#app-20220920 .links {
  background-color:#353a44;
  padding:80px 0
}
#app-20220920 .links .wrapper {
  width:calc(100% - 160px);
  max-width:1400px;
  display:flex;
  align-items:stretch;
  justify-content:center;
  margin:0 auto;
  overflow:visible !important
}
#app-20220920 .links .wrapper .item {
  width:20%;
  max-width:20%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  position:relative;
  flex-direction:column;
  font-size:24px;
  font-weight:300;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}
#app-20220920 .links .wrapper .item a,
#app-20220920 .links .wrapper .item a:link {
  position:absolute;
  z-index:5;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:block;
  opacity:0
}
#app-20220920 .links .wrapper .icon {
  width:100px;
  height:100px;
  min-height:100px;
  position:relative;
  margin-bottom:20px
}
#app-20220920 .links .wrapper .icon span {
  width:100%;
  height:100%;
  display:block;
  position:absolute;
  top:0;
  left:0;
  transform-origin:center;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center
}
#app-20220920 .links .wrapper .icon span:nth-child(1) {
  transition:transform .1s ease .15s,opacity .15s linear .15s
}
#app-20220920 .links .wrapper .icon span:nth-child(2) {
  z-index:2;
  opacity:0;
  transition:transform .15s ease 0s,opacity .1s linear 0s
}
@media(min-width: 1300px) {
  #app-20220920 .links .wrapper .item:hover .icon span:nth-child(1) {
    transform:scale(1.1);
    opacity:0;
    transition:transform .1s,opacity .05s linear .05s
  }
  #app-20220920 .links .wrapper .item:hover .icon span:nth-child(2) {
    transform:scale(1.15);
    opacity:1;
    transition:transform .15s ease .15s,opacity .1s linear .15s
  }
}
#app-20220920 .more-items {
  width:100%;
  padding-top:30px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  white-space:nowrap
}
#app-20220920 .more-items a,
#app-20220920 .more-items a:link {
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  line-height:2;
  display:block;
  color:var(--color-font)
}
#app-20220920 .more-items a:after,
#app-20220920 .more-items a:link:after {
  content:">>";
  white-space:nowrap
}
@media(max-width: 1600px) {
  #app-20220920 .data-driven h2 {
    font-size:48px
  }
  #app-20220920 .data-driven p {
    font-size:16px
  }
  #app-20220920 .hero .text h2 {
    font-size:46px
  }
  #app-20220920 .hero .text p {
    font-size:18px
  }
  #app-20220920 .index-news-wrapper .index-news-slide-2023 a.text,
  #app-20220920 .index-news-wrapper .index-news-slide-2023 a.text:link {
    font-size:30px
  }
  #app-20220920 .index-news-wrapper .index-news-slide-2023 .content {
    font-size:14px;
    line-height:1.6
  }
  #app-20220920 .index-news-wrapper .index-news-slide-2023 .slide-num {
    font-size:18px
  }
}
@media(max-width: 1500px) {
  #app-20220920 .index-news-wrapper .index-news-slide-2023 a.text,
  #app-20220920 .index-news-wrapper .index-news-slide-2023 a.text:link {
    font-size:32px;
  }
  #app-20220920 .index-news-wrapper .index-news-slide .content {
    font-size:14px
  }
  #app-20220920 .grid-1 .grid-items .box h2 {
    font-size:32px
  }
  #app-20220920 .links .wrapper .item {
    font-size:20px
  }
  #app-20220920 .links .wrapper .icon {
    width:80px;
    height:80px;
    min-height:80px
  }
  #app-20220920 .btn-more a,
  #app-20220920 .btn-more a:link {
    font-size:14px
  }
  #app-20220920 .cloud-one-suite {
    min-height:300px;
    height:30vw
  }
  #app-20220920 .article-section p {
    font-size:14px
  }
  #app-20220920 .article-section h2 {
    font-size:42px
  }
  #app-20220920 .article-section h3 {
    font-size:20px
  }
  #app-20220920 .article-section .text {
    height:32vw;
    min-height:400px
  }
  #app-20220920 .hospital h2 {
    font-size:36px
  }
  #app-20220920 .hospital p {
    font-size:18px;
    line-height:1.6
  }
}
@media(max-width: 1360px) {
  #app-20220920 .hero .text h2 {
    font-size:36px
  }
  #app-20220920 .index-news-wrapper .index-news-slide-2023 a.text,
  #app-20220920 .index-news-wrapper .index-news-slide-2023 a.text:link {
    font-size:26px
  }
  #app-20220920 .index-news-wrapper .index-news-slide-2023 .slide-item .des {
    line-height:1.8;
    max-height:5.4em;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    display:-webkit-box
  }
  #app-20220920 .index-news-wrapper .slide-navigator {
    bottom:0
  }
  #app-20220920 .grid-1 .grid-items .box h2 {
    font-size:28px
  }
  #app-20220920 .grid-1 .grid-items .box p {
    font-size:14px
  }
  #app-20220920 .industrial-applications-wrapper .cols h3 {
    font-size:24px
  }
  #app-20220920 .industrial-applications-wrapper .cols p {
    font-size:14px
  }
  #app-20220920 .corporate-applications-wrapper .cols h3 {
    font-size:24px
  }
  #app-20220920 .corporate-applications-wrapper .cols p {
    line-height:1.6
  }
}
@media(max-width: 1200px) {
  #app-20220920 .corporate-applications-wrapper .cols p {
    font-size:14px
  }
  #app-20220920 .inner {
    width:calc(100% - 80px)
  }
  #app-20220920 .industrial-applications-wrapper .cols .item .figure {
    transform:scale(1) translate3d(0, 0, 0) !important
  }
  #app-20220920 .industrial-applications-wrapper .cols .item .text {
    transform:translateY(0%) !important
  }
  #app-20220920 .industrial-applications-wrapper .cols .item .text h3 {
    transform:translateY(0%) !important
  }
  #app-20220920 .industrial-applications-wrapper .cols .item:after {
    height:60% !important;
    transform:translateY(0%) !important
  }
  #app-20220920 .industrial-applications-wrapper .cols p {
    font-size:14px
  }
  #app-20220920 .hero .text h2 {
    font-size:32px
  }
  #app-20220920 .hero .text p {
    font-size:16px
  }
  #app-20220920 .index-news-wrapper {
    padding:40px 0
  }
  #app-20220920 .index-news-wrapper .news {
    width:calc(100% - 80px)
  }
  #app-20220920 .grid-1 {
    padding:40px 0
  }
  #app-20220920 .grid-1 .grid-items {
    width:calc(100% - 80px)
  }
  #app-20220920 .grid-1 .grid-items .box h2 {
    font-size:24px
  }
  #app-20220920 .grid-1 .grid-items .box p {
    font-size:12px
  }
  #app-20220920 .links .wrapper .item {
    font-size:18px
  }
  #app-20220920 .links .wrapper .icon {
    width:60px;
    height:60px;
    min-height:60px
  }
  #app-20220920 .links .wrapper .icon span:nth-child(1) {
    display:none
  }
  #app-20220920 .links .wrapper .icon span:nth-child(2) {
    opacity:1 !important
  }
  #app-20220920 .links .wrapper {
    width:calc(100% - 80px)
  }
  #app-20220920 .links {
    padding:40px 0
  }
  #app-20220920 .article-section h2 {
    font-size:32px
  }
  #app-20220920 .article-section h3 {
    font-size:18px
  }
  #app-20220920 .hospital h2 {
    font-size:32px
  }
  #app-20220920 .hospital p {
    font-size:16px
  }
  #app-20220920 .hospital {
    padding:220px 0 40px
  }
  #app-20220920 .hospital .wrapper {
    width:calc(100% - 80px)
  }
  #app-20220920 .industry-insight-slider-wrapper {
    width:calc(100% - 80px)
  }
  #app-20220920 .prev-item,
  #app-20220920 .next-item {
    width:40px;
    right:-40px
  }
  #app-20220920 .prev-item {
    left:-40px
  }
}
@media(max-width: 900px) {
  #app-20220920 .index-news-wrapper .index-news-slide-2023 {
    padding-bottom:0 !important;
    margin:0 auto;
    width:calc(100% - 30px)
  }
  #app-20220920 .industrial-applications-wrapper .cols h3 {
    font-size:28px
  }
  #app-20220920 .data-driven-wrapper .bx-pager .bx-pager-item a,
  #app-20220920 .data-driven-wrapper .bx-pager .bx-pager-item a:link {
    border-radius:0 !important;
    border:0 !important
  }
  #app-20220920 .corporate-applications-wrapper .cols {
    flex-wrap:wrap
  }
  #app-20220920 .corporate-applications-wrapper .cols .item {
    width:100%;
    max-width:none
  }
  #app-20220920 .corporate-applications-wrapper .cols .item:not(:last-child) {
    margin-bottom:20px
  }
  #app-20220920 .corporate-applications-wrapper .cols .text {
    padding:40px 6% 120px
  }
  #app-20220920 .corporate-applications-wrapper .cols .btn-more {
    bottom:40px;
    left:6%
  }
  #app-20220920 .industrial-applications-wrapper .cols {
    flex-wrap:wrap
  }
  #app-20220920 .industrial-applications-wrapper .cols .item {
    width:100%;
    max-width:none
  }
  #app-20220920 .industrial-applications-wrapper .cols .item .figure {
    max-height:60vw;
    background-position:center 30%
  }
  #app-20220920 .industrial-applications-wrapper .cols .item:not(:last-child) {
    margin-bottom:20px
  }
  #app-20220920 .data-driven .text {
    width:80%
  }
  #app-20220920 .data-driven h2 {
    font-size:42px
  }
  #app-20220920 .data-driven p {
    font-size:14px
  }
  #app-20220920 .index-news-wrapper .index-news-slide-2023 .slide-item {
    display:block
  }
  #app-20220920 .index-news-wrapper .index-news-slide-2023 .slide-item .figure {
    width:100%;
    margin-right:0;
    max-width:none;
    margin-bottom:20px
  }
  #app-20220920 .index-news-wrapper .index-news-slide-2023 {
    overflow:visible
  }
  #app-20220920 .index-news-wrapper .index-news-slide-2023 .slide-navigator {
    width:100%;
    pointer-events:none;
    top:26vw;
    left:0 !important;
    right:0;
    bottom:auto !important
  }
  #app-20220920 .index-news-wrapper .index-news-slide-2023 .slide-navigator .slide-info {
    width:100%
  }
  #app-20220920 .index-news-wrapper .index-news-slide-2023 .slide-navigator .slide-num {
    display:none !important
  }
  #app-20220920 .index-news-wrapper .index-news-slide-2023 .slide-navigator .slick-arrow {
    margin:0;
    display:block
  }
  #app-20220920 .index-news-wrapper .index-news-slide-2023 .slide-navigator .slick-arrow button.arrow-prev,
  #app-20220920 .index-news-wrapper .index-news-slide-2023 .slide-navigator .slick-arrow button.arrow-next {
    pointer-events:all;
    width:40px;
    height:80px;
    position:absolute;
    padding:0 !important;
    left:-40px;
    transform:translateY(-50%);
    opacity:.3;
    background-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAzNCAxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0zMzkuMjY3NTg3IDEwMjMuOTk5OTg5YTQ0LjI4MTgwMiA0NC4yODE4MDIgMCAwIDEtMjcuMTU4NzYzLTkuMjc5MTUyYy0xOS40NTk1MTYtMTUuMDIwMjA5LTIzLjA1MzI0LTQyLjk2ODkyNS04LjAzMzAzMS02Mi40Mjg0NEw2MzkuNDYwMzc4IDUxNy44MDc4MDkgMzAyLjg5NjQyOSA4My4yODk4NDJjLTE1LjA1MzU4OC0xOS40MzcyNjMtMTEuNTA0MzY4LTQ3LjM4NTk3OSA3LjkzMjg5NS02Mi40Mzk1NjYgMTkuNDM3MjYzLTE1LjA1MzU4OCA0Ny4zODU5NzktMTEuNTA0MzY4IDYyLjQzOTU2NyA3LjkzMjg5NWwzNTcuNjM2NzQ3IDQ2MS43MzIzNjFjMTIuNDA1NTggMTYuMDIxNTU3IDEyLjQyNzgzMiAzOC40MDcyMzIgMC4wNDQ1MDQgNTQuNDUxMDRMMzc0LjUzNzI2NCAxMDA2LjY4NzgwN2MtOC43NjczNTIgMTEuMzU5NzI5LTIxLjk0MDYzMiAxNy4zMTIxODItMzUuMjU4NTUxIDE3LjMxMjE4MnoiPjwvcGF0aD48L3N2Zz4=);
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain
  }
  #app-20220920 .index-news-wrapper .index-news-slide-2023 .slide-navigator .slick-arrow button.arrow-prev img,
  #app-20220920 .index-news-wrapper .index-news-slide-2023 .slide-navigator .slick-arrow button.arrow-next img {
    display:none !important
  }
  #app-20220920 .index-news-wrapper .index-news-slide-2023 .slide-navigator .slick-arrow button.arrow-next {
    left:auto;
    right:-40px
  }
  #app-20220920 .index-news-wrapper .index-news-slide-2023 .slide-navigator .slick-arrow button.arrow-prev {
    transform-origin:center;
    transform:translateY(-50%) rotate(180deg)
  }
  #app-20220920 .hero:after {
    padding-top:calc(100vh - env(safe-area-inset-bottom) - env(safe-area-inset-top) - 56px)
  }
  #app-20220920 .hero .text {
    padding-right:6%
  }
  #app-20220920 .hero .graph {
    bottom:auto;
    top:0;
    width:26%;
    padding-top:6%
  }
  #app-20220920 .hero .text p {
    font-size:18px
  }
  #app-20220920 .index-news-wrapper .news {
    display:block
  }
  #app-20220920 .index-news-wrapper .news .index-news-slide {
    width:100%;
    max-width:none
  }
  #app-20220920 .index-news-wrapper .news .index-news-slide .slide-navigator .slide-info {
    margin-top:0
  }
  .index-news-slide .slide-num {
    font-size:22px
  }
  .index-news-slide .slick-arrow img {
    max-width:16px
  }
  #app-20220920 .index-news-wrapper .index-news-slide .des {
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    display:-webkit-box
  }
  #app-20220920 .grid-1 .grid-items .box {
    width:50%;
    min-width:50%;
    order:10
  }
  #app-20220920 .grid-1 .grid-items .box:nth-child(1) {
    order:1
  }
  #app-20220920 .grid-1 .grid-items .box:nth-child(4) {
    order:2
  }
  #app-20220920 .grid-1 .grid-items .box.force-order-4 {
    order:4 !important
  }
  #app-20220920 .grid-1 .grid-items .box.force-order-8 {
    order:8 !important
  }
  #app-20220920 .grid-1 .grid-items .box.cols-2 {
    width:100%;
    min-width:0
  }
  #app-20220920 .grid-1 .grid-items .box.cyan {
    order:15
  }
  #app-20220920 .article-section .wrapper {
    display:block
  }
  #app-20220920 .article-section .wrapper .figure {
    height:50vw;
    max-height:600px;
    min-height:300px;
    width:100%;
    max-width:none
  }
  #app-20220920 .article-section .text {
    width:100%
  }
  #app-20220920 .article-section .text {
    height:auto;
    min-height:0;
    padding:40px 30px
  }
  #app-20220920 .hospital h2 {
    white-space:normal;
    font-size:24px
  }
}
@media(max-width: 600px) {
  #app-20220920 .industrial-applications-wrapper .cols .item .figure {
    max-height:80vw
  }
  #app-20220920 .data-driven-wrapper .bx-pager {
    bottom:30px
  }
  #app-20220920 .data-driven-wrapper .bx-pager .bx-pager-item a,
  #app-20220920 .data-driven-wrapper .bx-pager .bx-pager-item a:link {
    width:40px;
    min-width:40px;
    height:7px
  }
  #app-20220920 .article-section .text {
    padding:30px 25px
  }
  #app-20220920 .industry-insight-wrapper {
    padding-bottom:40px
  }
  #app-20220920 .article-section p {
    font-size:12px
  }
  #app-20220920 .article-section .wrapper .figure {
    height:50vw;
    min-height:0
  }
  #app-20220920 .article-section.s2 h2 {
    font-size:28px
  }
  #app-20220920 .corporate-applications-wrapper .cols h3 {
    font-size:24px
  }
  #app-20220920 .corporate-applications-wrapper .cols .text {
    padding:20px 20px 74px
  }
  #app-20220920 .corporate-applications-wrapper .cols .btn-more {
    bottom:20px;
    left:20px
  }
  #app-20220920 .industrial-applications-wrapper .cols h3 {
    font-size:6vw;
    white-space:nowrap
  }
  #app-20220920 .inner {
    width:calc(100% - 40px)
  }
  #app-20220920 h2.section-title {
    height:100px;
    font-size:32px
  }
  #app-20220920 .data-driven .btn-more {
    margin-top:30px
  }
  #app-20220920 .data-driven {
    min-height:0;
    padding:50vw 30px 80px
  }
  #app-20220920 .data-driven .text {
    width:100%
  }
  #app-20220920 .data-driven h2 {
    font-size:32px
  }
  #app-20220920 .index-news-wrapper .index-news-slide-2023 a.text,
  #app-20220920 .index-news-wrapper .index-news-slide-2023 a.text:link {
    font-size:22px
  }
  #app-20220920 .index-news-wrapper .index-news-slide-2023 .slide-item .figure {
    min-width:0 !important
  }
  #app-20220920 .hospital p {
    font-size:14px
  }
  #app-20220920 .hospital .wrapper .text {
    padding:30px 35px
  }
  #app-20220920 .index-news-wrapper .index-news-slide .content {
    -webkit-line-clamp:3;
    line-height:1.6
  }
  #app-20220920 .links {
    padding:20px 0
  }
  #app-20220920 .links .wrapper .icon {
    margin-bottom:10px
  }
  #app-20220920 .links .wrapper {
    flex-wrap:wrap
  }
  #app-20220920 .links .wrapper .item {
    width:33.33%;
    max-width:33.33%;
    padding:20px 0
  }
  #app-20220920 .grid-1 .grid-items .box p {
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    line-height:1.5
  }
  #app-20220920 .grid-1 .grid-items .box .text {
    padding:0 10%
  }
  #app-20220920 .grid-1 .grid-items .box h2 {
    font-size:20px;
    white-space:normal;
    line-height:1.3
  }
  #app-20220920 .index-news-wrapper .index-news-slide-2023 a.text,
  #app-20220920 .index-news-wrapper .index-news-slide-2023 a.text:link {
    font-size:22px
  }
  #app-20220920 .hero .graph {
    width:32%;
    padding-top:10%;
    padding-right:10%
  }
  #app-20220920 .hero .text {
    padding:0 10% 20%
  }
  #app-20220920 .hero .text h2 {
    font-size:7vw
  }
  #app-20220920 .hero .text p {
    font-size:4vw
  }
  #app-20220920 .index-news-wrapper {
    padding:30px 0 35px
  }
  #app-20220920 .index-news-wrapper .news {
    width:calc(100% - 60px)
  }
  #app-20220920 .index-news-wrapper .index-news-slide-2023 .slide-navigator .slick-arrow button.arrow-prev,
  #app-20220920 .index-news-wrapper .index-news-slide-2023 .slide-navigator .slick-arrow button.arrow-next {
    width:30px;
    left:-38px
  }
  #app-20220920 .index-news-wrapper .index-news-slide-2023 .slide-navigator .slick-arrow button.arrow-next {
    left:auto;
    right:-38px
  }
  #app-20220920 .grid-1 {
    padding:20px 0
  }
  #app-20220920 .grid-1 .grid-items {
    width:calc(100% - 40px)
  }
  #app-20220920 .links .wrapper {
    width:calc(100% - 40px)
  }
  #app-20220920 .links {
    padding:20px 0
  }
  #app-20220920 .hospital {
    padding:200px 0 20px
  }
  #app-20220920 .hospital .wrapper {
    width:calc(100% - 40px)
  }
  #app-20220920 .industrial-applications-wrapper {
    padding-bottom:30px
  }
  #app-20220920 .industrial-applications-wrapper .cols .item:after {
    height:100% !important;
    background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8) 70%)
  }
  #app-20220920 .industrial-applications-wrapper .anchor-more {
    padding-top:26px;
    justify-content:center
  }
  #app-20220920 .industrial-applications-wrapper .anchor-more a,
  #app-20220920 .industrial-applications-wrapper .anchor-more a:link {
    font-size:14px
  }
  #app-20220920 .data-driven {
    position:relative
  }
  #app-20220920 .data-driven:after {
    content:"";
    width:100%;
    height:100%;
    left:0;
    z-index:2;
    right:0;
    bottom:0;
    background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6) 70%);
    display:block;
    position:absolute;
    transform:translateY(20%);
    transition-duration:.9s;
    position:absolute
  }
}
@media(max-width: 390px) {
  #app-20220920 .article-section.s2 h2 {
    font-size:24px
  }
}
@media(max-width: 375px) {
  #app-20220920 .grid-1 .grid-items .box h2 {
    font-size:18px
  }
  #app-20220920 .article-section.s2 h2 {
    font-size:22px
  }
}