@charset "UTF-8";
.global__btn-primary {
  background: var(--app-color-bg-brand-default);
  border: none;
  color: #fff;
}
.global__btn-primary__hover {
  background: var(--app-color-bg-brand-hover);
}
.global__btn-week {
  background: var(--app-color-btn-bg-default);
  border: 1px solid var(--app-color-btn-border-default);
  color: var(--app-color-text-default);
}
.global__btn-week__hover {
  color: var(--app-color-text-default);
  border-color: var(--app-color-btn-border-hover);
  background-color: var(--app-color-btn-bg-hover);
}
.global__btn-week__hover__border {
  color: var(--app-color-text-brand-default);
  border-color: var(--app-color-text-brand-default);
}
.global__box__shadow {
  box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.05), 0px 2px 8px -1px rgba(0, 0, 0, 0.05);
}
.global__box {
  border: 1px solid #E9ECF1;
  background: #FFF;
}
.global__box:hover {
  box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.05), 0px 2px 8px -1px rgba(0, 0, 0, 0.05);
}
.global__rich-text {
  font-size: 14px;
  line-height: 22px;
}
.global__rich-text h1 {
  font-size: 36px;
  line-height: 52px;
}
.global__rich-text h2 {
  font-size: 26px;
  line-height: 40px;
}
.global__rich-text h3 {
  font-size: 24px;
  line-height: 32px;
}
.global__rich-text h4 {
  font-size: 16px;
  line-height: 24px;
}
.global__rich-text h5 {
  font-size: 14px;
  line-height: 22px;
}
.global__rich-text h6 {
  font-size: 12px;
  line-height: 20px;
}
body {
  color: #333;
  -webkit-tap-highlight-color: transparent;
}
a {
  color: var(--app-color-text-link-default);
}
:focus {
  outline: 0;
}
.body .c-btn:hover {
  background-color: var(--app-color-bg-brand-hover);
}
.c-hero {
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
}
.c-hero .mod-hero {
  margin-top: -65px;
}
.c-hero .mod-hero .hero-tab {
  font-size: 0;
}
.c-hero .mod-hero .hero-tab li a {
  padding: 10px 0;
  width: auto;
  height: auto;
}
.c-hero .mod-hero .hero-tab li a i {
  width: 30px;
  height: 3px;
}
.c-hero .mod-hero .hero-text {
  max-width: 1120px;
  color: #000;
}
.c-hero .mod-hero .hero-text .hero-btn {
  bottom: 20.6%;
  font-size: 16px;
  border-radius: 0;
  margin-top: 40px;
  width: 160px;
  background: var(--app-color-bg-brand-default);
  border: none;
  color: #fff;
}
.c-hero .mod-hero .hero-text .hero-btn:hover {
  background: var(--app-color-bg-brand-hover);
}
.c-hero .hero-text-con {
  top: 30%;
}
.c-hero .mod-hero .hero-text .hero-text-con .des-text {
  font-size: 14px;
  font-weight: 400;
  max-width: 560px;
  color: rgba(0, 0, 0, 0.8);
}
.c-hero:hover .hero-handle {
  opacity: 1;
  z-index: 2;
}
.c-hero .mod-hero .switch-control {
  margin-top: -30px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  background-color: #222835;
  border-radius: 50%;
  text-align: center;
}
.c-hero .mod-hero .switch-control.next,
.c-hero .mod-hero .switch-control.pre {
  text-align: center;
}
.c-hero .mod-hero .switch-control b {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 30px;
  height: 30px;
  overflow: visible;
}
.c-hero .mod-hero .switch-control b:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-right: 2px solid #4f596e;
  border-bottom: 2px solid #4f596e;
}
.c-hero .mod-hero .switch-control:hover b:after {
  border-right-color: #747c8c;
  border-bottom-color: #747c8c;
}
.c-hero .mod-hero .switch-control.pre b {
  background: 0 0;
  -webkit-transform: translateX(6px);
  -ms-transform: translateX(6px);
  transform: translateX(6px);
}
.c-hero .mod-hero .switch-control.pre b:after {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.c-hero .mod-hero .switch-control.next b {
  background: 0 0;
  -webkit-transform: translateX(-6px);
  -ms-transform: translateX(-6px);
  transform: translateX(-6px);
}
.c-hero .mod-hero .switch-control.next b:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.c-hero-aside {
  position: absolute;
  top: 0;
  left: 50%;
  width: 45%;
  height: 100%;
  max-width: 560px;
  min-width: 320px;
  background-color: transparent;
}
.c-hero-aside-inner {
  width: 230px;
  padding: 20px 25px 25px;
  background-color: #343c4c;
  position: absolute;
  right: 0;
  top: 85px;
  font-size: 16px;
  line-height: 1.7;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 2px;
  text-align: left;
  color: #fff;
  pointer-events: auto;
}
.c-hero-aside-item a {
  position: relative;
  top: -1px;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  text-decoration: none;
  line-height: 1.4;
  border-bottom: 1px solid #fff;
}
.c-hero-aside-item a:hover {
  color: var(--app-color-bg-brand-hover);
  border-bottom-color: var(--app-color-bg-brand-hover);
}
.c-hero-aside-item em {
  display: inline-block;
  vertical-align: middle;
  margin-top: 14px;
  font-size: 46px;
  line-height: 66px;
}
.c-hero-aside-btn {
  padding-top: 24px;
}
.c-hero-aside-btn .c-btn {
  width: 100%;
  border-radius: 0;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
}
.c-hero-m-aside,
.c-section-tit.mobile {
  display: none;
}
.home-event-mod {
  overflow: hidden;
}
.home-event-mod .c-grid {
  display: table;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  table-layout: fixed;
}
.home-event-mod [class*='c-g-'] {
  position: relative;
  display: table-cell;
  padding: 0;
  border-right: 1px solid #dadee4;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.home-event-mod [class*='c-g-']:last-child {
  border-right: none;
}
.home-event-mod [class*='c-g-']:hover {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.7);
}
.home-event-mod [class*='c-g-']:hover a {
  color: var(--app-color-bg-brand-hover);
}
.home-event-item a {
  display: block;
  padding: 36px 10px 25px;
  color: #333;
}
.home-event-item a:hover {
  text-decoration: none;
}
.home-event-item-tit {
  font-size: 16px;
  font-weight: 500;
  position: relative;
  padding-bottom: 5px;
  padding-top: 5px;
}
.home-event-item-tit span:active {
  color: var(--app-color-text-link-active);
}
.home-event-item-tit span {
  vertical-align: middle;
}
.home-event-icon-new {
  border: 1px solid #ff7800;
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
  color: #ff7800;
  line-height: 1;
  padding: 2px;
  margin-left: 5px;
}
.home-event-item-txt {
  padding-top: 7px;
  line-height: 1.6;
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  font-weight: 400;
}
.home-event-item-con {
  position: relative;
  z-index: 2;
}
.home-event-item-con img {
  width: 20px;
  height: 20px;
}
.home-event-item-bg {
  width: 96px;
  height: 96px;
  position: absolute;
  z-index: 1;
  bottom: -6px;
  right: 30px;
}
.home-event-item .mobile-img,
.home-event-item .mobile-text {
  display: none;
}
.home-product-mod .c-section-hd {
  margin-bottom: 16px;
}
.home-product-mod .c-section-tit {
  line-height: 1.1;
}
.home-product-mod .c-section-inner {
  width: 100%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
.home-product-tab {
  padding-top: 34px;
}
.home-product-tab .c-tab-normal {
  position: relative;
  max-width: 1180px;
  margin: 0 auto;
  font-size: 0;
  text-align: left;
}
.home-product-tab .c-tab-panel.c-tab-panel-shadow {
  -webkit-box-shadow: inset 0 3px 6px 0 rgba(229, 232, 237, 0.5);
  -moz-box-shadow: inset 0 3px 6px 0 rgba(229, 232, 237, 0.5);
  box-shadow: inset 0 3px 6px 0 rgba(229, 232, 237, 0.5);
}
.home-product-tab .c-tab-normal > ul {
  position: relative;
}
.c-tab-normal-line {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100px;
  height: 2px;
  background-color: var(--app-color-bg-brand-default);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.home-product-tab .c-tab-normal-line {
  width: 20%;
}
.home-product-tab .c-tab-simple {
  width: 14%;
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 600px) {
  .home-product-tab .home-product-icon {
    display: none;
  }
}
.home-product-tab .c-tab-simple .c-tab-tit {
  color: rgba(0, 0, 0, 0.6);
}
.home-product-tab .c-tab-simple.actived .c-tab-tit {
  color: var(--app-color-text-brand-default);
}
.home-product-tab .c-tab-simple.actived:after {
  height: 2px;
  background-color: transparent;
  bottom: -2px;
}
.home-product-icon {
  position: relative;
  width: 48px;
  height: 48px;
  display: block;
  margin: 0 auto 5px;
}
.home-product-icon img {
  width: 40px;
  height: 40px;
  display: block;
  margin-left: 4px;
}
.home-product-icon .active-img {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.c-tab-simple.actived .home-product-icon img,
.c-tab-simple:hover .home-product-icon img {
  opacity: 0;
}
.c-tab-simple.actived .home-product-icon .active-img,
.c-tab-simple:hover .home-product-icon .active-img {
  opacity: 1;
}
.home-product-icon.compute {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 57.1% 0.31%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.c-tab-simple.actived .home-product-icon.compute,
.c-tab-simple:hover .home-product-icon.compute {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 57.1% 15.94%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.home-product-icon.storage {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 28.69% 31.56%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.c-tab-simple.actived .home-product-icon.storage,
.c-tab-simple:hover .home-product-icon.storage {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 14.49% 31.56%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.home-product-icon.database {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 0.28% 62.81%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.c-tab-simple.actived .home-product-icon.database,
.c-tab-simple:hover .home-product-icon.database {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 14.49% 62.81%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.home-product-icon.network {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 85.51% 94.06%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.c-tab-simple.actived .home-product-icon.network,
.c-tab-simple:hover .home-product-icon.network {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 99.72% 0.31%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.home-product-icon.cdn {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 42.9% 31.56%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.c-tab-simple.actived .home-product-icon.cdn,
.c-tab-simple:hover .home-product-icon.cdn {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 0.28% 47.19%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.home-product-icon.domain {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 57.1% 62.81%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.c-tab-simple.actived .home-product-icon.domain,
.c-tab-simple:hover .home-product-icon.domain {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 71.31% 0.31%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.home-product-icon.security {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 71.31% 15.94%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.c-tab-simple.actived .home-product-icon.security,
.c-tab-simple:hover .home-product-icon.security {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 14.49% 47.19%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.home-product-icon.video {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 0.28% 31.56%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.c-tab-simple.actived .home-product-icon.video,
.c-tab-simple:hover .home-product-icon.video {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 28.69% 15.94%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.home-product-icon.monitor {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 57.1% 94.06%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.c-tab-simple.actived .home-product-icon.monitor,
.c-tab-simple:hover .home-product-icon.monitor {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 71.31% 94.06%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.home-product-icon.big-data {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 42.9% 0.31%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.c-tab-simple.actived .home-product-icon.big-data,
.c-tab-simple:hover .home-product-icon.big-data {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 42.9% 15.94%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.home-product-icon.ai {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 0.28% 0.31%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.c-tab-simple.actived .home-product-icon.ai,
.c-tab-simple:hover .home-product-icon.ai {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 42.9% 78.44%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.home-product-icon.voice-service {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 28.69% 0.31%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.c-tab-simple.actived .home-product-icon.voice-service,
.c-tab-simple:hover .home-product-icon.voice-service {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 14.49% 0.31%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.home-product-icon.pic-service {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 99.72% 15.94%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.c-tab-simple.actived .home-product-icon.pic-service,
.c-tab-simple:hover .home-product-icon.pic-service {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 99.72% 31.56%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.home-product-icon.game {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 71.31% 62.81%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.c-tab-simple.actived .home-product-icon.game,
.c-tab-simple:hover .home-product-icon.game {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 0.28% 78.44%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.home-product-icon.mobile {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 28.69% 94.06%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.c-tab-simple.actived .home-product-icon.mobile,
.c-tab-simple:hover .home-product-icon.mobile {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 42.9% 94.06%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.home-product-icon.communicate {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 28.69% 47.19%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.c-tab-simple.actived .home-product-icon.communicate,
.c-tab-simple:hover .home-product-icon.communicate {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 42.9% 47.19%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.home-product-icon.manage {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 85.51% 62.81%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.c-tab-simple.actived .home-product-icon.manage,
.c-tab-simple:hover .home-product-icon.manage {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 85.51% 78.44%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.home-product-icon.developer {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 28.69% 62.81%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.c-tab-simple.actived .home-product-icon.developer,
.c-tab-simple:hover .home-product-icon.developer {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 42.9% 62.81%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.home-product-icon.data-process {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 57.1% 31.56%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.c-tab-simple.actived .home-product-icon.data-process,
.c-tab-simple:hover .home-product-icon.data-process {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 57.1% 47.19%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.home-product-icon.all {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 0.28% 15.94%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.c-tab-simple.actived .home-product-icon.all,
.c-tab-simple:hover .home-product-icon.all {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 14.49% 15.94%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.home-product-icon.iot-hub {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 85.51% 15.94%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.c-tab-simple.actived .home-product-icon.iot-hub,
.c-tab-simple:hover .home-product-icon.iot-hub {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 85.51% 31.56%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.home-product-icon.middleware {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 0.28% 94.06%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.c-tab-simple.actived .home-product-icon.middleware,
.c-tab-simple:hover .home-product-icon.middleware {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 14.49% 94.06%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.home-product-icon.blockchain {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 28.69% 78.44%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.c-tab-simple.actived .home-product-icon.blockchain,
.c-tab-simple:hover .home-product-icon.blockchain {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 14.49% 78.44%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.home-product-icon.quanta {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 71.31% 78.44%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.c-tab-simple.actived .home-product-icon.quanta,
.c-tab-simple:hover .home-product-icon.quanta {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 57.1% 78.44%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.home-product-icon.financial-service {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 71.31% 31.56%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.c-tab-simple.actived .home-product-icon.financial-service,
.c-tab-simple:hover .home-product-icon.financial-service {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 71.31% 47.19%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.home-product-icon.qidian {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 85.51% 47.19%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.c-tab-simple.actived .home-product-icon.qidian,
.c-tab-simple:hover .home-product-icon.qidian {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 85.51% 0.31%;
  background-size: 833.33333333% 766.66666667%;
  background-repeat: no-repeat;
}
.home-product-tab .c-tab-simple a {
  padding-left: 15px;
  padding-right: 15px;
}
.c-tab-normal .c-tab-simple a:hover .c-tab-tit {
  color: var(--app-color-text-brand-hover);
  text-decoration: none;
}
.home-product-mod-btn .home-product-tab .c-tab-panel {
  padding: 30px 0 20px;
}
.home-product-tab .c-tab-panel {
  display: none;
  background-color: #f7f8fa;
  padding: 55px 0 25px;
  overflow: hidden;
}
.home-product-m-title {
  display: none;
}
.home-product-list {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1180px;
  font-size: 0;
}
.home-product-list > ul {
  display: none;
}
.home-product-list-btn {
  display: inline-block;
  width: 25%;
  vertical-align: top;
  background-color: #f7f8fa;
}
.home-product-list-btn .home-product-item {
  width: 100%;
  padding: 15px 30px 25px 0;
  margin-bottom: 10px;
}
.home-product-list-btn .home-product-item .c-btn-hole {
  background-color: transparent;
  margin-top: 16px;
  min-width: 120px;
}
.home-product-list-normal .home-product-item-tit {
  margin-bottom: 6px;
  line-height: 22px;
}
.home-product-list-normal .home-product-item-txt {
  line-height: 24px;
  margin-top: 10px;
}
.home-product-list-btn .home-product-item-tit {
  margin-bottom: 6px;
  font-size: 18px;
  line-height: 25px;
  font-weight: bold;
}
.home-product-list-btn .home-product-item-txt {
  line-height: 24px;
}
.home-product-list-normal {
  display: inline-block;
  width: 75%;
}
.home-product-list-normal .home-product-item {
  padding: 0;
  width: 33.33333%;
  margin-bottom: 0;
}
.c-section-bd .home-certificate {
  text-align: left;
}
.home-product-list-normal.expand {
  width: 100%;
}
.home-product-list-normal.expand .home-product-item {
  width: 25%;
}
.home-product-list-normal .home-product-item > a {
  padding: 15px 30px;
}
.home-product-list-normal .home-product-arrow {
  display: inline-block;
  display: none;
  width: 16px;
  height: 16px;
  background-image: url(sprite/home-201811061900.svg);
  vertical-align: text-top;
  margin-left: 4px;
  background-position: 0.26% 99.72%;
  background-size: 2500% 2300%;
  background-repeat: no-repeat;
}
.home-product-list-more-m {
  padding: 10px 15px;
  font-size: 14px;
  line-height: 24px;
  display: none;
}
.home-product-list-more-m:after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 7px;
  margin-left: 8px;
  background-image: url(sprite/home-201811061900.svg);
  background-position: 99.74% 41.94%;
  background-size: 2857.14285714% 4600%;
  background-repeat: no-repeat;
}
.home-product-item {
  width: 25%;
  display: inline-block;
  vertical-align: top;
  padding-left: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 30px;
}
.home-product-item a {
  display: block;
  color: #333;
}
.home-product-item-tit {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: bold;
}
.home-product-item a:hover .home-product-item-tit {
  color: var(--app-color-text-brand-default);
  text-decoration: none;
}
.home-product-item-tit a {
  display: block;
}
.home-product-item-tit a:hover {
  color: var(--app-color-text-brand-default);
}
.home-product-item-txt {
  font-size: 14px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.6);
}
.home-product-item-txt span {
  margin-right: 5px;
}
.home-product-item-txt a {
  color: var(--app-color-text-brand-default);
  display: inline-block;
}
.home-product-item-txt a:hover {
  text-decoration: underline;
}
.home-product-item-tag {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 2px;
  margin-left: 10px;
  min-width: 32px;
  border: 1px solid var(--app-color-bg-warning-default);
  font-size: 12px;
  line-height: 14px;
  color: var(--app-color-bg-warning-default);
  text-align: center;
}
.home-product-m-trigger {
  display: none;
}
.home-solution-m-mod {
  display: none;
}
.home-solution-mod {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 540px;
  position: relative;
  -webkit-font-smoothing: antialiased;
}
.home-solution-bg {
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transition: background-image 0.2s;
  transition: background-image 0.2s;
}
.home-solution-mod .c-section-tit {
  color: #fff;
}
.home-solution-mod .c-section-inner {
  position: relative;
  z-index: 2;
}
.home-solution-tab .c-tab-simple .c-tab-tit {
  color: #eef4ff;
  font-size: 16px;
}
.home-solution-tab .c-tab-simple.actived:after {
  height: 57px;
  width: 4px;
  position: absolute;
  left: inherit;
  right: -3px;
  background: var(--app-color-text-brand-default);
}
.home-solution-tab .c-tab-simple.actived .c-tab-tit,
.home-solution-tab .c-tab-simple:hover .c-tab-tit {
  color: #ffffff;
  font-size: 16px;
  text-decoration: none;
}
.home-solution-tab ul {
  display: block;
}
.home-solution-tab .c-tab-simple a {
  padding: 5px 48px 5px 0;
  margin-bottom: 15px;
}
.home-solution-tab .c-tab-simple.actived a {
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
}
.home-solution-wrap .home-solution-tab {
  border-right: #667080 2px solid;
  padding: 0 0 5px;
}
.home-solution-tab-more {
  padding: 0 43px 0 0;
  margin-top: 20px;
  text-align: right;
}
.home-solution-tab-more a {
  display: inline-block;
  border-top: #667080 1px solid;
  padding-top: 20px;
  color: #eef4ff;
  font-size: 16px;
  padding-right: 5px;
}
.home-solution-tab-more a:hover {
  color: var(--app-color-bg-brand-hover);
  text-decoration: none;
}
.home-solution-wrap .c-tab-panel {
  padding-left: 78px;
  margin-left: -2px;
}
.home-solution-item {
  padding-top: 25px;
}
.home-solution-tit {
  color: #fff;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 30px;
}
.home-solution-txt {
  font-size: 14px;
  color: #fff;
  line-height: 1.8;
  opacity: 0.8;
  font-weight: 400;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  height: 100px;
}
.home-solution-links {
  padding-top: 8px;
}
.home-solution-links a {
  margin-right: 20px;
  display: inline-block;
  color: var(--app-color-text-link-default);
  position: relative;
}
.home-solution-links a:after {
  content: '';
  position: absolute;
  background-color: var(--app-color-text-link-default);
  width: 1px;
  height: 14px;
  top: 50%;
  margin-top: -8px;
  right: -10px;
}
.home-solution-links a:hover {
  text-decoration: underline;
}
.home-solution-links a:last-child:after {
  display: none;
}
.home-solution-btn {
  padding-top: 35px;
}
.home-solution-logo {
  margin-top: 50px;
  padding-top: 55px;
  border-top: rgba(255, 255, 255, 0.2) 1px dashed;
  font-size: 0;
  overflow: hidden;
}
.home-solution-logo-inner {
  margin-left: -40px;
}
.solution-logo-item {
  height: 45px;
  display: inline-block;
  margin-left: 40px;
  margin-bottom: 20px;
  margin-right: 20px\9;
}
.solution-logo-item.disabled,
.solution-logo-item.disabled:hover {
  cursor: default;
}
.solution-logo-item img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.home-m-solution-mod {
  display: none;
}
.home-service-mod {
  position: relative;
  overflow: hidden;
}
.home-service-mod .c-section-inner {
  position: relative;
  z-index: 2;
}
.home-service-mod .c-section-hd {
  margin-bottom: 10px;
}
.home-service-bg {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px;
  width: 1920px;
  z-index: 1;
  opacity: 0.07;
  font-size: 0;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation: bgScroll 24s infinite linear;
  animation: bgScroll 24s infinite linear;
  will-change: transform;
}
.home-service-bg-group {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px;
  min-height: 280px;
}
.home-service-bg-item {
  height: 80px;
  margin: 0 50px 50px;
  display: inline-block;
  vertical-align: middle;
  line-height: 80px;
  -webkit-filter: grayscale(100%);
  -webkit-filter: gray;
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}
.home-service-bg-item.last {
  margin-left: 1100px;
}
.home-service-bg-item img {
  display: inline-block;
  vertical-align: middle;
  max-height: 100%;
  max-width: 100%;
}
.home-service-bg-item.nvidia {
  width: 300px;
  height: 57px;
  background-image: url(sprite/home-201811061900.png);
  background-position: 0px -232px;
}
.home-service-bg-item.symantec {
  width: 300px;
  height: 81px;
  background-image: url(sprite/home-201811061900.png);
  background-position: 0px 0px;
}
.home-service-bg-item.del {
  width: 150px;
  height: 57px;
  background-image: url(sprite/home-201811061900.png);
  background-position: -96px -291px;
}
.home-service-bg-item.beyondsoft {
  width: 300px;
  height: 79px;
  background-image: url(sprite/home-201811061900.png);
  background-position: 0px -83px;
}
.home-service-bg-item.dell {
  width: 94px;
  height: 94px;
  background-image: url(sprite/home-201811061900.png);
  background-position: 0px -291px;
}
.home-service-bg-item.cisco {
  width: 103px;
  height: 55px;
  background-image: url(sprite/home-201811061900.png);
  background-position: 0px -387px;
}
.home-service-bg-item.dll {
  width: 220px;
  height: 81px;
  background-image: url(sprite/home-201811061900.png);
  background-position: -302px 0px;
}
.home-service-bg-item.wlxy {
  width: 72px;
  height: 72px;
  background-image: url(sprite/home-201811061900.png);
  background-position: 0px -444px;
}
.home-service-bg-item.trustasia {
  width: 300px;
  height: 66px;
  background-image: url(sprite/home-201811061900.png);
  background-position: 0px -164px;
}
.home-service-bg-item.kingdee {
  width: 216px;
  height: 35px;
  background-image: url(sprite/home-201811061900.png);
  background-position: -248px -291px;
}
.home-service-bg-item.cloudroom {
  width: 177px;
  height: 32px;
  background-image: url(sprite/home-201811061900.png);
  background-position: -96px -350px;
}
.home-service-bg-item.isoftstone {
  width: 178px;
  height: 53px;
  background-image: url(sprite/home-201811061900.png);
  background-position: -302px -232px;
}
.home-service-bg-item.avaya {
  width: 200px;
  height: 58px;
  background-image: url(sprite/home-201811061900.png);
  background-position: -302px -170px;
}
.home-service-bg-item.icss {
  width: 190px;
  height: 85px;
  background-image: url(sprite/home-201811061900.png);
  background-position: -302px -83px;
}
@-webkit-keyframes bgScroll {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-33.333%);
    transform: translateY(-33.333%);
  }
}
@keyframes bgScroll {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-33.333%);
    transform: translateY(-33.333%);
  }
}
.home-service-info {
  font-size: 18px;
  text-align: center;
}
.home-service-info-link {
  display: block;
  margin: 15px auto 0;
  font-size: 14px;
  color: var(--app-color-text-link-default);
}
.home-service-info-link:hover {
  text-decoration: underline;
}
.home-service-list {
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px;
  margin-top: 50px;
  font-size: 0;
  background-color: #fff;
  text-align: center;
}
.home-service-list > ul {
  display: table;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.home-service-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  width: 16.6666%;
  position: relative;
  border-right: 1px solid #f5f6f7;
}
.home-service-item:last-child {
  border-right: none;
}
.home-service-list .home-service-mobile {
  display: none;
}
.home-service-item > a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  padding: 20px 0 25px;
  height: 100%;
}
.home-service-icon {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  display: inline-block;
  overflow: hidden;
}
.home-service-icon:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  width: 0;
  overflow: hidden;
}
.home-service-icon img {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -24px 0 0 -24px;
  width: 48px;
  height: 48px;
}
.home-service-icon .active-img,
.home-service-item:hover img {
  opacity: 0;
}
.home-service-item:hover .active-img {
  opacity: 1;
}
.home-service-m-icon {
  display: none;
}
.home-service-tit {
  color: #333;
  font-size: 16px;
  font-weight: 400;
  margin-top: 15px;
}
.home-service-item a:hover {
  text-decoration: none;
}
.home-service-item a:hover .home-service-tit {
  color: var(--app-color-bg-brand-hover);
}
.home-customer-mod .c-section-inner {
  max-width: none;
}
.home-customer-mod .c-section-hd {
  margin-bottom: 0;
}
.home-customer-mod .c-tab-normal ul {
  position: relative;
  margin: auto;
  border-bottom: #e5e5e5 1px solid;
  padding-top: 30px;
}
.home-customer-mod .c-tab-normal-line {
  bottom: -1px;
  width: 200px;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.home-customer-mod .c-tab-normal .c-tab-simple {
  border-bottom: 1px solid #e5e5e5;
  position: relative;
  bottom: -1px;
  width: 200px;
  padding-bottom: 15px;
}
.home-customer-mod .c-tab-normal .c-tab-simple.actived:after {
  display: inline-block;
  display: none;
  content: '';
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  background: var(--app-color-bg-brand-default);
  z-index: 1;
}
.home-customer-list {
  position: relative;
  padding: 70px 10px 0;
  font-size: 0;
  overflow: hidden;
  max-width: 1180px;
  margin: 0 auto;
  padding-top: 50px;
}
.home-customer-list > ul {
  display: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px;
}
.home-customer-list > ul.actived {
  display: block;
}
.c-section-des {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 40px;
}
.home-customer-item {
  display: inline-block;
  margin-bottom: 56px;
  height: 60px;
  width: 25%;
  text-align: center;
}
.home-customer-item a {
  display: block;
  height: 100%;
}
.home-customer-item.disabled a:hover {
  cursor: default;
}
.home-customer-item img {
  max-height: 100%;
  max-width: 100%;
  min-width: 56px;
}
.home-customer-more {
  font-size: 14px;
  text-align: center;
}
.home-customer-more a {
  color: var(--app-color-text-link-default);
}
.home-customer-more a:after {
  position: relative;
  top: -1px;
  content: '>>';
  margin-left: 5px;
}
.home-customer-more a:hover {
  text-decoration: underline;
}
.home-customer-item.small-item {
  width: 8.3333%;
}
.home-customer-sublist .home-customer-item {
  width: 50%;
}
.home-certificate-mod .home-certificate-mobile {
  display: none;
}
.home-certification-mod .c-section-tit {
  line-height: 1.1;
}
.home-certification-list {
  font-size: 0;
}
.home-certification-list.without-all .home-certification-item {
  width: 14.2857%;
}
.home-certification-item {
  width: 12.5%;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  margin-top: 24px;
}
.home-certification-item > a {
  display: block;
}
.home-certification-icon {
  display: inline-block;
  vertical-align: middle;
  width: 60px;
  height: 60px;
}
.home-certification-icon img {
  display: block;
  width: 100%;
  height: 100%;
}
.home-certification-icon.more {
  position: relative;
  background: url(img/home2017/slice/all.svg);
}
.home-certification-icon.more:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(img/home2017/slice/all-actived.svg);
  opacity: 0;
}
.home-certification-tit {
  font-size: 14px;
  color: #666;
  margin-top: 20px;
  font-weight: 400;
}
.home-certification-item a:hover {
  text-decoration: none;
}
.home-certification-item a:hover .home-certification-tit {
  color: var(--app-color-text-link-default);
}
.home-certification-item a:hover .home-certification-icon.more {
  background: url(img/home2017/slice/all-actived.svg);
}
.c-hidden {
  display: none;
}
.home-footer-mod.c-p-y-tall {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-height: 394px;
}
.home-footer-info {
  text-align: center;
  font-size: 16px;
  line-height: 1.8;
}
.home-footer-info a:hover {
  text-decoration: underline;
}
.home-footer-btn {
  text-align: center;
  padding-top: 35px;
}
.home-footer-btn .c-btn {
  width: 220px;
  height: 45px;
  line-height: 45px;
  font-size: 16px;
  background-color: var(--app-color-text-brand-default);
}
.home-footer-mod {
  position: relative;
}
.home-footer-mod .c-section-hd {
  margin-bottom: 40px;
}
.home-footer-mod .c-section-inner {
  position: relative;
  z-index: 2;
}
.home-footer-mod .c-section-inner.mobile {
  display: none;
}
.home-footer-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: url(img/home2017/free-bg.jpg) top center no-repeat #f7f8fa;
  background-size: cover;
}
.home-footer-mod.bg-white .home-footer-bg {
  background-image: url(img/home2017/free-bg-white.png);
}
.home-certificate .c-media-horiz {
  border: 1px solid #e5e5e5;
  min-height: 130px;
  padding: 30px;
  margin-top: 10px;
}
.home-certificate .c-media-horiz:hover {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.1);
  transform: translate3d(0, -3px, 0);
  transition: all 0.2s;
}
.home-certificate .c-media-horiz:hover .c-media-heading {
  color: var(--app-color-text-brand-default);
}
.home-certificate .c-media-horiz .c-media-img {
  padding-right: 30px;
  line-height: 108px;
}
.home-certificate .c-media-horiz .c-media-img img {
  width: 40px;
  height: 40px;
  vertical-align: top;
}
.home-certificate-list {
  font-size: 0;
}
.home-certificate-item {
  width: 12.5%;
  text-align: center;
  display: inline-block;
  vertical-align: top;
}
.home-certificate-item > a {
  display: block;
}
.home-certificate-icon {
  display: inline-block;
  vertical-align: middle;
  width: 60px;
  height: 60px;
}
.home-certificate-icon img {
  display: block;
  width: 100%;
  height: 100%;
}
.home-certificate-tit {
  font-size: 14px;
  color: #666;
  margin-top: 20px;
  font-weight: 400;
}
.home-certificate-item a:hover {
  text-decoration: none;
  color: var(--app-color-text-link-default);
}
.home-certificate-item a:hover .home-certificate-tit {
  color: var(--app-color-text-link-default);
}
.home-certificate-list-wrap {
  padding-top: 60px;
}
.home-certificate-list-tit {
  font-size: 24px;
  font-weight: 500;
  max-width: 550px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.home-certificate-mod .c-footer-action {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .home-certificate-mod .c-footer-action {
    padding-top: 0px !important;
    padding-bottom: 80px;
  }
}
.home-certificate-list-tit span {
  display: inline-block;
  background-color: #fff;
  position: relative;
  z-index: 2;
  padding: 0 20px;
  color: #666;
}
.c-section.bg-color .home-certificate-list-tit span {
  background-color: #f7f8fa;
  font-size: 18px;
  font-weight: 500;
}
.home-certificate-list {
  padding-top: 30px;
}
.home-certificate-list .home-certificate-pc {
  text-align: center;
}
.home-certificate .c-media-horiz .link-style {
  display: none;
}
.home-certificate-more-m {
  font-size: 14px;
  line-height: 20px;
  padding-top: 10px;
  display: none;
  text-align: center;
}
.home-community-mod.home-community-mod-mobile {
  display: none;
}
.home-community-mod .c-section-bd {
  padding: 0 10px;
  overflow: hidden;
}
.c-section-bd {
  margin-bottom: 40px;
}
#regionWrapper .c-section-bd {
  margin-bottom: 20px;
}
#regionWrapper .c-section.c-p-y-tall {
  background-color: #fff;
}
@media screen and (max-width: 600px) {
  #regionWrapper .c-section.c-p-y-tall {
    background-color: #fff;
  }
}
.home-community-list {
  margin-left: -40px;
  margin-right: -40px;
}
.home-community-list [class*='c-g-'] {
  padding-left: 40px;
  padding-right: 40px;
}
.home-community-group .group-hd {
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.home-community-group .group-title {
  display: block;
  position: relative;
  padding-right: 20px;
  font-size: 18px;
  line-height: 32px;
  color: #000;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.home-community-group .group-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 24px;
  height: 24px;
}
.home-community-group .group-icon.column {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 95.38% 44.94%;
  background-size: 1250% 1150%;
  background-repeat: no-repeat;
}
.home-community-group .group-icon.ask {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 95.38% 65.18%;
  background-size: 1250% 1150%;
  background-repeat: no-repeat;
}
.home-community-group .group-icon.lab {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 95.38% 55.06%;
  background-size: 1250% 1150%;
  background-repeat: no-repeat;
}
.home-community-group .group-icon.edu {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 95.38% 75.3%;
  background-size: 1250% 1150%;
  background-repeat: no-repeat;
}
.home-community-group .group-title:after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  background-image: url(sprite/home-201811061900.svg);
  background-position: 4.95% 99.72%;
  background-size: 2500% 2300%;
  background-repeat: no-repeat;
}
.home-community-group .group-title:hover {
  color: var(--app-color-bg-brand-hover);
}
.home-community-group .group-title:hover:after {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 91.41% 81.53%;
  background-size: 2500% 2300%;
  background-repeat: no-repeat;
}
.home-community-item {
  display: block;
  padding: 15px 0;
  border-bottom: 1px solid #e5e5e5;
  color: #000;
}
.home-community-item .item-title {
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.home-community-item:hover .item-title {
  color: var(--app-color-bg-brand-default);
}
.home-community-item .item-infos {
  margin-top: 10px;
  color: #666;
  line-height: 16px;
  font-size: 0;
}
.home-community-item .item-info {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  font-size: 14px;
}
.home-community-item .item-info:first-child {
  margin-left: 0;
}
.home-community-item .info-icon {
  position: relative;
  top: -1px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  width: 16px;
  height: 16px;
}
.home-community-item .info-icon.view {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 96.09% 86.65%;
  background-size: 2500% 2300%;
  background-repeat: no-repeat;
}
.home-community-item .info-icon.dialog {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 96.09% 91.76%;
  background-size: 2500% 2300%;
  background-repeat: no-repeat;
}
.home-community-item .info-icon.step {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 9.64% 99.72%;
  background-size: 2500% 2300%;
  background-repeat: no-repeat;
}
.home-community-item .info-icon.time {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 91.41% 86.65%;
  background-size: 2500% 2300%;
  background-repeat: no-repeat;
}
.home-community-item .info-icon.user {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 91.41% 91.76%;
  background-size: 2500% 2300%;
  background-repeat: no-repeat;
}
.home-community-item .info-icon.level {
  background-image: url(sprite/home-201811061900.svg);
  background-position: 96.09% 81.53%;
  background-size: 2500% 2300%;
  background-repeat: no-repeat;
}
.top-warning {
  width: 100%;
  box-sizing: border-box;
  position: static;
  background-color: #e4eff5;
  color: #333;
  text-align: center;
  margin-bottom: 0;
}
.c-msg-close:after {
  background-image: url(sprite/home-201811061900.svg);
  width: 13px;
  height: 13px;
  background-position: 98.97% 45.1%;
  background-size: 3636.36363636% 3345.45454545%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .c-hero .mod-hero {
    margin-top: 0;
  }
}
@media screen and (max-width: 1367px) {
  .c-section.c-p-y-tall.home-product-mod {
    padding-left: 0;
    padding-right: 0;
  }
  .home-product-list-btn .home-product-item {
    padding-left: 10px;
  }
}
@media screen and (max-width: 1366px) {
  .home-solution-mod {
    min-height: 540px;
  }
}
@media screen and (max-width: 1300px) {
  .c-hero .mod-hero .switch-control {
    background-color: transparent;
  }
  .c-hero .mod-hero .switch-control.pre {
    left: 5px;
  }
  .c-hero .mod-hero .switch-control.next {
    right: 5px;
  }
  .home-customer-item.small-item img {
    height: 50px;
    min-width: 0;
  }
  .home-customer-list {
    padding-left: 20px;
    padding-right: 20px;
  }
  .home-customer-sublist img {
    height: 50px;
    min-width: 0;
  }
}
@media screen and (max-width: 1280px) {
  .home-certificate .c-media-horiz {
    min-height: 170px;
  }
}
@media screen and (max-width: 1230px) and (min-width: 769px) {
  .c-hero .mod-hero .switch-control.pre b {
    margin-left: 0;
  }
  .c-hero .mod-hero .switch-control.next b {
    margin-right: 0;
  }
}
@media screen and (max-width: 1200px) {
  .home-event-mod .c-section-inner {
    padding-left: 0;
    padding-right: 0;
  }
  .home-event-item-bg {
    right: 20px;
  }
}
@media screen and (max-width: 1190px) {
  .c-nav,
  .qc-footer {
    min-width: 320px;
  }
}
@media screen and (max-width: 1000px) {
  .c-hero-aside {
    position: static;
    padding: 0;
    width: auto;
    height: auto;
    max-width: none;
  }
  .c-hero-aside-inner {
    display: none;
  }
  .c-hero-m-aside {
    position: relative;
    display: block;
    padding: 20px 100px 20px 15px;
    background-image: url(sprite/home-media9-201811061900.png);
    font-size: 14px;
    line-height: 20px;
    pointer-events: all;
    background-position: 0px 0px;
  }
  .c-hero-aside .c-hero-m-aside {
    background-size: cover;
  }
  .c-hero-m-aside .btn-register {
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 80px;
    min-width: 80px;
    padding-left: 12px;
    padding-right: 12px;
    color: #fff;
  }
  .c-hero-m-aside a {
    display: block;
    color: inherit;
  }
  .c-hero-m-aside-icon {
    position: absolute;
    left: 17px;
    top: 15px;
    width: 24px;
    height: 24px;
    background-image: url(sprite/home-media9-201811061900.svg);
    background-position: 50% 50%;
    background-size: 108.33333333% 108.33333333%;
    background-repeat: no-repeat;
  }
  .home-product-mod .c-section-hd {
    margin-bottom: 0;
  }
  .home-service-mod .c-section-hd {
    margin-bottom: 30px;
  }
  .home-solution-item {
    padding-top: 15px;
  }
  .home-footer-mod .c-section-hd {
    margin-bottom: 30px;
  }
  .home-certificate .c-media-horiz {
    min-height: 190px;
  }
  .home-community-list {
    margin-left: -20px;
    margin-right: -20px;
  }
  .home-community-list [class*='c-g-'] {
    padding-left: 20px;
    padding-right: 20px;
  }
  .home-community-item .item-info {
    margin-left: 10px;
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  .home-product-list-normal .home-product-item:hover {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(3, 27, 78, 0.06);
    -moz-box-shadow: 0 2px 4px 0 rgba(3, 27, 78, 0.06);
    box-shadow: 0 2px 4px 0 rgba(3, 27, 78, 0.06);
  }
  .home-product-list-btn .home-product-item .c-btn-hole:hover {
    text-decoration: none;
    color: var(--app-color-text-default);
    border-color: var(--app-color-btn-border-hover);
    background-color: var(--app-color-btn-bg-hover);
  }
  .home-product-list-normal .home-product-item:hover .home-product-item-tit {
    color: var(--app-color-text-brand-default);
  }
  .home-product-list-normal .home-product-item:hover .home-product-arrow {
    display: inline-block;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
  }
}
@media screen and (max-width: 768px) {
  .top-warning {
    text-align: left;
  }
  body {
    min-width: 320px;
  }
  a:hover {
    text-decoration: none;
  }
  .c-nav {
    position: relative;
    background-color: black;
  }
  .c-hero .mod-hero .hero-inner {
    margin-top: 0px;
  }
  .c-hero {
    margin-top: 0;
  }
  .c-hero .hero-text-con {
    top: 30%;
  }
  .c-hero .mod-hero .hero-text .hero-btn {
    bottom: 20%;
  }
  .c-hero .mod-hero .hero-text .hero-text-con .des-text {
    font-size: 16px;
  }
  .home-event-mod .c-section-inner {
    padding: 0;
  }
  .home-event-mod [class*='c-g-']:hover {
    background-color: transparent;
  }
  .home-event-mod [class*='c-g-']:hover a {
    color: #333;
  }
  .home-event-mod [class*='c-g-']:active {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.7);
  }
  .home-event-mod [class*='c-g-']:active a {
    color: var(--app-color-bg-brand-hover);
  }
  .home-event-item a {
    padding-top: 25px;
  }
  .home-event-item-bg {
    right: 20px;
    width: 80px;
    height: 80px;
  }
  .home-event-item-tit .mobile-text {
    display: inline;
  }
  .home-product-tab .c-tab-panel {
    padding: 35px 0 5px;
  }
  .home-product-tab .c-tab-simple a {
    padding-left: 10px;
    padding-right: 10px;
  }
  .home-product-tab .c-tab-simple .c-tab-tit {
    font-size: 16px;
    white-space: nowrap;
  }
  .home-product-list {
    padding-right: 20px;
  }
  .home-product-item {
    padding-left: 20px;
  }
  .home-product-item-tit a {
    display: block;
  }
  .home-product-item-tit a:hover {
    color: #333;
  }
  .home-product-item-tit a:active {
    color: var(--app-color-bg-brand-hover);
  }
  .home-product-list-btn .home-product-item {
    padding: 11px 15px;
    margin-bottom: 0;
  }
  .home-product-list-btn .home-product-item-tit {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 24px;
  }
  .home-product-list-btn .home-product-item .c-btn-hole {
    margin-top: 8px;
    min-width: 100px;
    height: 30px;
    line-height: 28px;
  }
  .home-product-list-btn .home-product-item-txt {
    line-height: 24px;
    color: #999;
  }
  .home-product-list-normal .home-product-item-txt {
    color: #999;
  }
  .home-product-tab .J-pdTabPanel {
    padding-top: 20px !important;
  }
  .home-product-list-normal .home-product-item-tit {
    font-size: 14px;
  }
  .home-product-list-btn {
    padding-top: 10px;
    width: 100%;
  }
  .home-product-list-btn .home-product-item-txt span {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .home-product-list-normal {
    width: 100%;
  }
  .home-product-list-normal .home-product-item {
    width: 100%;
  }
  .home-product-list-btn .home-product-item {
    width: 100%;
  }
  .home-product-list .home-product-list-normal {
    padding-top: 0;
  }
  .home-product-list-normal .home-product-item {
    padding: 0;
    margin-bottom: 0;
  }
  .home-product-list-normal .home-product-item > a {
    padding: 11px 15px;
  }
  .home-product-list-normal .home-product-item-tit {
    margin-bottom: 0;
    line-height: 24px;
  }
  .home-solution-mod {
    min-height: 500px;
  }
  .home-solution-mod .c-section-inner {
    padding: 0;
  }
  .home-solution-tab {
    width: 20%;
    padding-left: 20px;
  }
  .home-solution-wrap .c-tab-panel {
    width: 80%;
    padding-left: 20px;
    padding-right: 20px;
  }
  .home-solution-tab .c-tab-simple a {
    padding-right: 20px;
  }
  .home-solution-tab-more {
    padding-right: 20%;
  }
  .home-solution-tab-more a {
    padding-right: 0;
  }
  .home-solution-logo {
    margin-top: 40px;
    padding-top: 40px;
    text-align: left;
  }
  .home-solution-logo-inner {
    margin-left: -20px;
  }
  .device-wrapper {
    background-color: #f7f8fa;
  }
  .solution-logo-item {
    margin-left: 20px;
    height: 35px;
  }
  .home-service-info {
    margin: 0 auto;
    max-width: 600px;
  }
  .home-service-item a:hover .home-service-tit {
    color: #111;
  }
  .home-service-item a:active .home-service-tit {
    color: var(--app-color-bg-brand-hover);
  }
  .home-service-icon {
    width: 70px;
    height: 70px;
  }
  .home-customer-list {
    padding: 50px 0 0;
  }
  .home-customer-item {
    margin-bottom: 35px;
    width: 20%;
    height: 35px;
  }
  .home-customer-item.small-item {
    width: 10%;
    text-align: center;
  }
  .home-customer-item a:hover {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .home-certification-icon {
    width: 50px;
    height: 50px;
  }
  .home-certification-item > a {
    padding: 0 5px;
  }
  .home-certification-item a:hover .home-certification-tit {
    color: #000;
  }
  .home-certification-item a:active .home-certification-tit {
    color: var(--app-color-bg-brand-hover);
  }
  .home-footer-mod.c-p-y-tall {
    padding-top: 60px;
    height: auto;
  }
  .home-footer-btn .c-btn:hover {
    background-color: var(--app-color-bg-brand-hover);
  }
  .home-footer-btn .c-btn:active {
    background-color: var(--app-color-text-link-active);
  }
  .home-certificate .c-g-12 {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
  .home-certificate .c-media-horiz {
    min-height: 0;
    border: none;
    padding: 15px;
  }
  .home-certificate .c-media-horiz .c-media-img {
    padding-right: 15px;
  }
  .home-certificate .c-media-horiz .c-media-img img {
    width: 32px;
    height: 32px;
    margin-top: 5px;
  }
  .home-certificate .c-media-horiz .link-style {
    display: block;
    color: var(--app-color-bg-brand-hover);
    margin-top: 5px;
  }
  .home-certificate .c-media-horiz:hover {
    box-shadow: none;
    transform: translate3d(0, 0, 0);
  }
  .home-community-item .item-infos {
    display: none;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 600px) {
  .c-footer-action-info {
    color: rgba(255, 255, 255, 0.6);
    padding: 30px;
  }
  .c-footer-action-btn {
    padding-top: 0px;
  }
  .c-section-tit {
    padding-top: 30px;
  }
  .c-footer-action-btn .c-btn {
    width: 80%;
  }
  .c-footer-action .c-section-tit {
    padding-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .c-hero {
    margin-top: 0;
  }
  .c-hero .hero-text-con {
    top: 32px;
    color: #000;
    width: 100%;
    text-align: center;
    position: absolute;
  }
  .c-hero .mod-hero .hero-text .hero-text-con .des-text {
    font-size: 14px;
  }
  .c-section.c-p-y-tall.home-product-mod.home-product-mod-btn {
    padding: 10px 0px;
  }
  .c-hero .mod-hero .hero-tab li {
    margin: 0 4px;
  }
  .c-hero .mod-hero .hero-tab li a i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
  }
  .c-hero .mod-hero:hover .hero-handle {
    display: none;
  }
  .c-hero .mod-hero .hero-img {
    height: 240px;
  }
  .c-hero .mod-hero .hero-text .hero-btn,
  .mod-hero .hero-ct {
    /* display: none */
    width: 460px;
  }
  .c-hero .mod-hero .hero-ct-mobile {
    display: block;
  }
  .c-hero .mod-hero .hero-text .hero-text-con .des-text p {
    display: none;
  }
  .c-hero .mod-hero .hero-text .hero-text-con .des-text p:first-child {
    display: block;
  }
  .c-hero .mod-hero .hero-text .hero-text-con .piece {
    margin-right: 0;
  }
  .c-hero-m-aside {
    font-size: 14px;
  }
  .c-section {
    border-bottom: 1px solid #e5e5e5;
  }
  .c-section.c-p-y-tall {
    padding: 30px 0 0;
  }
  .c-section.bg-color {
    background-color: transparent;
  }
  .c-section-inner {
    padding: 0;
  }
  .c-section-hd {
    margin-bottom: 0;
    padding-bottom: 30px;
    /* border-bottom: 1px solid #e5e5e5 */
  }
  .c-section-tit {
    font-size: 24px;
    /* display: none */
  }
  .c-section-des {
    display: none;
  }
  .c-section-tit.mobile {
    /* display: block */
  }
  .c-section-tit > a {
    position: relative;
    display: block;
    color: inherit;
  }
  .c-section-tit > a:after {
    content: '';
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 26.95% 93.36%;
    background-size: 1700% 1700%;
    background-repeat: no-repeat;
  }
  .c-section.home-event-mod {
    background-color: transparent;
    border-bottom: 1px solid #e5e5e5;
  }
  .home-event-mod [class*='c-g-'] {
    padding: 0;
    border-right: 0;
  }
  .home-event-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    text-align: center;
  }
  .home-event-item a {
    padding: 28px 0;
  }
  .home-event-item-bg {
    position: static;
    display: block;
    margin-bottom: 12px;
    width: auto;
    height: auto;
  }
  .home-event-item-bg img {
    display: none;
  }
  .home-event-item-bg .mobile-img {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
  }
  .home-event-item-con {
    position: static;
  }
  .home-event-item-tit {
    position: static;
    padding-bottom: 0;
    font-size: 14px;
  }
  .home-event-item-tit span,
  .home-event-item-tit:after {
    display: none;
  }
  .home-event-item-tit .mobile-text {
    display: inline;
  }
  .home-event-icon-new {
    position: absolute;
    left: 50%;
    top: 20px;
    margin-left: 20px;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: left top;
    transform-origin: left top;
  }
  .home-event-item-txt {
    display: none;
  }
  .home-product-mod.c-p-y-tall {
    border-bottom: none;
  }
  .home-product-mod .c-section-hd {
    margin-bottom: 0;
  }
  .home-product-tab {
    padding-top: 0;
  }
  .home-hidden-xs,
  .home-product-tab .c-tab-normal {
    display: none;
  }
  .home-product-tab .c-tab-panel {
    display: block;
    padding: 0;
    background-color: transparent;
  }
  .home-product-mod-btn .home-product-tab .c-tab-panel {
    padding: 0;
  }
  .home-product-tab .c-tab-panel.c-tab-panel-shadow {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .home-product-list {
    display: block;
    padding-right: 0;
  }
  .home-product-list-more-m {
    display: block;
  }
  .home-product-list-btn .home-product-item .c-btn-hole {
    display: block;
    width: 140px;
  }
  .home-product-m-title {
    display: block;
    position: relative;
    padding: 10px 15px 10px 57px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 16px;
    line-height: 32px;
  }
  .home-product-m-title:after {
    content: '';
    position: absolute;
    right: 15px;
    top: 22px;
    width: 14px;
    height: 8px;
    background-image: url(sprite/home-media12-201811061900.svg);
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    background-position: 39.92% 90.53%;
    background-size: 1942.85714286% 3400%;
    background-repeat: no-repeat;
  }
  .home-product-m-title.actived {
    color: var(--app-color-bg-brand-hover);
  }
  .home-product-m-title.actived:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 33.72% 90.53%;
    background-size: 1942.85714286% 3400%;
    background-repeat: no-repeat;
  }
  .home-product-icon {
    position: absolute;
    left: 15px;
    top: 10px;
    width: 32px;
    height: 32px;
  }
  .home-product-m-title.actived .home-product-icon img {
    opacity: 0;
  }
  .home-product-m-title.actived .home-product-icon .active-img {
    opacity: 1;
  }
  .home-product-icon.compute {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 28.75% 42.92%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-m-title.actived .home-product-icon.compute {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 42.92% 42.92%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-icon.storage {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 99.58% 71.25%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-m-title.actived .home-product-icon.storage {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 99.58% 85.42%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-icon.database {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 57.08% 28.75%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-m-title.actived .home-product-icon.database {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 57.08% 42.92%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-icon.network {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 0.42% 85.42%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-m-title.actived .home-product-icon.network {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 14.58% 85.42%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-icon.cdn {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 28.75% 28.75%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-m-title.actived .home-product-icon.cdn {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 42.92% 0.42%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-icon.domain {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 28.75% 57.08%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-m-title.actived .home-product-icon.domain {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 42.92% 57.08%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-icon.security {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 99.58% 42.92%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-m-title.actived .home-product-icon.security {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 99.58% 57.08%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-icon.video {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 0.42% 99.58%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-m-title.actived .home-product-icon.video {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 14.58% 14.58%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-icon.monitor {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 85.42% 57.08%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-m-title.actived .home-product-icon.monitor {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 85.42% 71.25%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-icon.big-data {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 0.42% 28.75%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-m-title.actived .home-product-icon.big-data {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 14.58% 28.75%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-icon.ai {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 14.58% 0.42%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-m-title.actived .home-product-icon.ai {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 0.42% 71.25%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-icon.voice-service {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 0.42% 14.58%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-m-title.actived .home-product-icon.voice-service {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 14.58% 99.58%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-icon.pic-service {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 28.75% 85.42%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-m-title.actived .home-product-icon.pic-service {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 42.92% 85.42%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-icon.game {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 71.25% 42.92%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-m-title.actived .home-product-icon.game {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 71.25% 57.08%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-icon.mobile {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 85.42% 28.75%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-m-title.actived .home-product-icon.mobile {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 85.42% 42.92%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-icon.communicate {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 0.42% 42.92%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-m-title.actived .home-product-icon.communicate {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 14.58% 42.92%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-icon.manage {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 57.08% 71.25%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-m-title.actived .home-product-icon.manage {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 71.25% 71.25%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-icon.developer {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 0.42% 57.08%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-m-title.actived .home-product-icon.developer {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 14.58% 57.08%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-icon.data-process {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 57.08% 0.42%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-m-title.actived .home-product-icon.data-process {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 57.08% 14.58%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-icon.iot-hub {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 0.42% 0.42%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-m-title.actived .home-product-icon.iot-hub {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 14.58% 71.25%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-icon.middleware {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 85.42% 0.42%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-m-title.actived .home-product-icon.middleware {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 85.42% 14.58%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-icon.blockchain {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 99.58% 14.58%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-m-title.actived .home-product-icon.blockchain {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 99.58% 28.75%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-icon.quanta {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 99.58% 0.42%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-m-title.actived .home-product-icon.quanta {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 85.42% 85.42%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-icon.financial-service {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 71.25% 14.58%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-m-title.actived .home-product-icon.financial-service {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 71.25% 28.75%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-icon.qidian {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 57.08% 85.42%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-m-title.actived .home-product-icon.qidian {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 71.25% 85.42%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-product-item {
    margin-bottom: 0;
    padding: 10px 15px;
    display: block;
    width: auto;
  }
  .home-product-list-btn,
  .home-product-list-normal {
    width: 100%;
  }
  .home-product-list-normal.expand {
    padding-top: 10px;
  }
  .home-product-list-normal .home-product-item {
    width: 100%;
  }
  .home-product-list-normal .home-product-item.hide {
    display: none;
  }
  .home-product-list-normal.expand .home-product-item {
    width: 100%;
  }
  .home-product-item a:hover .home-product-item-tit {
    color: #333;
  }
  .home-product-item a:active .home-product-item-tit {
    color: var(--app-color-bg-brand-hover);
  }
  .home-product-list > ul {
    padding: 10px 0;
    background-color: #f7f8fa;
    border-bottom: 1px solid #e5e5e5;
  }
  .home-product-item-tit {
    font-size: 14px;
    margin-bottom: 4px;
  }
  .home-product-item-txt {
    font-size: 14px;
    color: #666;
  }
  .home-product-m-trigger {
    display: block;
    border-bottom: 1px solid #e5e5e5;
    font-size: 16px;
    line-height: 55px;
    color: #999;
    text-align: center;
  }
  .home-product-m-trigger:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-left: 5px;
    width: 16px;
    height: 16px;
    background-image: url(sprite/home-media12-201811061900.svg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    background-position: 26.95% 93.36%;
    background-size: 1700% 1700%;
    background-repeat: no-repeat;
  }
  .home-product-m-trigger.show:after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .home-solution-mod {
    /* display: none */
  }
  .home-m-solution-mod {
    display: block;
    border-bottom: none;
  }
  .home-m-solution-mod .c-section-inner {
    padding: 0;
  }
  .home-m-solution-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin-right: 2px;
    padding: 40px 10px 0;
    width: 150px;
    height: 150px;
    background-color: #3e444f;
    background-size: cover;
    background-position: center;
    text-align: center;
    white-space: normal;
    color: #fff;
    line-height: 1.5;
  }
  .home-m-solution-item:last-child {
    margin-right: 0;
  }
  .home-m-solution-item-tit {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 400;
  }
  .home-m-solution-item-tit:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 100%;
    margin-left: -20px;
    width: 40px;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.3);
  }
  .home-m-solution-item-desc {
    font-size: 14px;
  }
  .home-m-solution-item.primary {
    display: block;
    margin-right: 0;
    margin-bottom: 2px;
    width: auto;
    height: 160px;
  }
  .home-m-solution-list {
    font-size: 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }
  .home-solution-m-mod {
    display: block;
    border-bottom: none;
  }
  .solution-m-tit {
    display: block;
    position: relative;
    padding: 10px 15px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 16px;
    line-height: 32px;
  }
  .solution-m-tit h3 {
    font-weight: 400;
  }
  .solution-m-tit:after {
    content: '';
    position: absolute;
    right: 15px;
    top: 22px;
    width: 14px;
    height: 8px;
    background-image: url(sprite/home-media12-201811061900.svg);
    transition: transform 0.2s;
    background-position: 39.92% 90.53%;
    background-size: 1942.85714286% 3400%;
    background-repeat: no-repeat;
  }
  .solution-m-tit.actived {
    color: var(--app-color-bg-brand-hover);
  }
  .solution-m-tit.actived:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 33.72% 90.53%;
    background-size: 1942.85714286% 3400%;
    background-repeat: no-repeat;
  }
  .solution-m-con {
    padding: 10px 0;
    background-color: #f7f8fa;
    border-bottom: 1px solid #e5e5e5;
  }
  .solution-m-txt {
    padding: 10px 20px 0;
    color: #333;
    line-height: 1.6;
  }
  .solution-m-txt a {
    display: inline-block;
  }
  .solution-m-logo {
    padding: 20px 10px 0;
    font-size: 0;
  }
  .solution-m-logo-item {
    display: inline-block;
    height: 45px;
    width: 33.3333%;
    text-align: center;
    box-sizing: border-box;
    padding: 0 10px;
    margin-bottom: 15px;
    vertical-align: top;
    font-size: 0;
    white-space: normal;
  }
  .solution-m-logo-item:after {
    content: '';
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
  }
  .solution-m-logo-item img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
  }
  .home-service-mod .c-section-hd {
    margin-bottom: 0;
  }
  .home-service-icon,
  .home-service-info {
    display: none;
  }
  .home-service-bg {
    display: none;
    will-change: auto;
    -webkit-animation: none;
    animation: none;
  }
  .home-service-list .home-service-pc {
    display: none;
  }
  .home-service-list .home-service-mobile {
    display: block;
  }
  .home-service-list {
    display: block;
    margin-top: 0;
    padding: 10px 10px 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .home-service-item {
    display: inline-block;
    margin-bottom: 15px;
    padding: 0;
    width: 25%;
    height: auto;
    border-right: none;
    background-image: none;
  }
  .home-service-item > a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 5px;
  }
  .home-service-item:hover img {
    opacity: 1;
  }
  .home-service-m-icon {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
  }
  .home-service-m-icon img {
    display: block;
    width: 100%;
    height: 100%;
  }
  .home-service-tit {
    color: #111;
    font-size: 14px;
  }
  .home-customer-mod .c-tab-normal {
    display: none;
  }
  .home-customer-mod .c-tab-normal ul {
    padding: 0 15px;
    font-size: 0;
    border-bottom: none;
  }
  .home-customer-mod .c-tab-normal-line {
    width: 48%;
  }
  .home-customer-mod .c-tab-normal .c-tab-simple {
    position: relative;
    padding-bottom: 2px;
    width: 50%;
    border-bottom: none;
  }
  .home-customer-mod .c-tab-normal .c-tab-simple a {
    padding: 4px 0 0;
    line-height: 45px;
    font-size: 16px;
    color: #111;
  }
  .home-customer-mod .c-tab-normal .c-tab-simple.actived:after {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 4px;
    background: 0 0;
    border-bottom: 4px solid var(--app-color-text-brand-default);
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  .home-customer-list {
    padding: 30px 0 0;
  }
  .home-customer-list > ul {
    transition-duration: 0.2s;
  }
  .home-customer-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 5px;
    margin-bottom: 30px;
    width: 33.33%;
    height: 32px;
  }
  .home-customer-item.small-item {
    width: 33.33%;
  }
  .home-customer-item:nth-child(13),
  .home-customer-item:nth-child(14),
  .home-customer-item:nth-child(15),
  .home-customer-item:nth-child(16),
  .home-customer-item:nth-child(17),
  .home-customer-item:nth-child(18),
  .home-customer-item:nth-child(19),
  .home-customer-more {
    display: none;
  }
  .home-certification-mod {
    display: none;
    border-bottom: none;
  }
  .home-certification-list {
    padding: 5px 10px 27px;
  }
  .home-certification-item,
  .home-certification-list.without-all .home-certification-item {
    width: 25%;
  }
  .home-certification-item a {
    display: block;
    padding: 20px 10px;
  }
  .home-certification-icon {
    margin: 0 auto 15px;
    width: 42px;
    height: 42px;
  }
  .home-certification-tit {
    margin-top: 0;
    font-size: 12px;
    line-height: 1.5;
    color: #000;
  }
  .home-certificate {
    padding-top: 20px;
  }
  .c-section.home-certificate-mod {
    border-bottom: none;
  }
  .home-certificate-mod .home-certificate-mobile {
    display: block;
  }
  .home-certificate-mod .c-section-hd,
  .home-certificate-mod .home-certificate,
  .home-certificate-mod .home-certificate-pc {
    margin-top: 20px;
  }
  .home-certificate-mod.c-section.c-p-y-tall {
    padding-top: 0;
  }
  .home-certificate-list-wrap {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #fff;
  }
  .home-certificate-list {
    padding: 10px 10px 0;
  }
  .home-certificate-item {
    width: 25%;
  }
  .home-certificate-item a {
    display: block;
    padding: 20px 10px;
  }
  .home-certificate-list-tit {
    margin: 0 20px;
  }
  .c-section.bg-color .home-certificate-list-tit span {
    background-color: #fff;
  }
  .home-certificate-more-m {
    display: block;
  }
  .c-footer-action.c-p-y-tall,
  .home-footer-mod.c-p-y-tall {
    padding: 0;
    height: 280px;
  }
  .home-footer-mod .c-section-inner {
    display: none;
  }
  .home-footer-mod .c-section-inner.mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 15px;
    height: 100%;
  }
  .home-footer-mod .c-section-hd {
    border-bottom: none;
    padding-bottom: 12px;
    margin-bottom: 0;
  }
  .home-footer-info {
    font-size: 14px;
    line-height: 1.7;
    color: #333;
  }
  .home-footer-btn {
    padding-top: 33px;
  }
  .home-footer-btn .c-btn {
    width: 100%;
  }
  .home-footer-bg {
    background-size: auto 100%;
  }
  .home-community-mod.home-community-mod-pc {
    display: none;
  }
  .home-community-mod.home-community-mod-mobile {
    display: block;
    border-bottom: none;
  }
  .home-community-mod .c-section-hd {
    border-bottom: none;
  }
  .home-community-mod .c-section-bd {
    padding: 0;
  }
  .home-community-list {
    margin-bottom: -1px;
  }
  .home-community-item .item-infos {
    display: inline-block;
    position: absolute;
    min-width: 50px;
    right: 5px;
    top: 2px;
  }
  .home-community-item .item-info {
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 0;
  }
  .home-community-item .item-info:not(:last-child) {
    display: none;
  }
  .home-community-group .group-hd {
    padding-bottom: 0;
  }
  .home-community-group .group-title {
    padding: 0 35px 0 15px;
    font-size: 16px;
    line-height: 52px;
    background-image: url(sprite/home-media12-201811061900.png);
    background-position: 0px 0px;
  }
  .home-community-group .group-hd .group-title {
    background-size: cover;
  }
  .home-community-list [class*='c-g-'] {
    padding-left: 35px;
    padding-right: 35px;
  }
  .home-community-group .group-title:hover {
    color: #000;
  }
  .home-community-group .group-title:after,
  .home-community-group .group-title:hover:after {
    right: 15px;
    margin-top: -4px;
    width: 14px;
    height: 8px;
    background-image: url(sprite/home-media12-201811061900.svg);
    -webkit-transition: transform 0.2s, -webkit-transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-position: 39.92% 90.53%;
    background-size: 1942.85714286% 3400%;
    background-repeat: no-repeat;
  }
  .home-community-group .group-bd {
    padding: 0 15px;
  }
  .home-community-group {
    margin-bottom: 15px;
    border: 1px solid #e5e5e5;
  }
  .home-community-group .group-icon {
    position: relative;
    top: -2px;
  }
  .home-community-group .group-icon.column {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 42.92% 28.75%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-community-group.actived .group-icon.column {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 42.92% 14.58%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-community-group .group-icon.ask {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 28.75% 14.58%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-community-group.actived .group-icon.ask {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 28.75% 0.42%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-community-group .group-icon.lab {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 42.92% 71.25%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-community-group.actived .group-icon.lab {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 28.75% 71.25%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-community-group .group-icon.edu {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 71.25% 0.42%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-community-group.actived .group-icon.edu {
    background-image: url(sprite/home-media12-201811061900.svg);
    background-position: 57.08% 57.08%;
    background-size: 850% 850%;
    background-repeat: no-repeat;
  }
  .home-community-item {
    position: relative;
    padding: 8px 85px 8px 0;
    border-bottom: none;
    border-bottom: dashed 1px #e5e5e5;
    color: #333;
  }
  .home-community-item:last-child {
    border-bottom: none;
  }
  .home-community-item:hover .item-title {
    color: #333;
  }
  .home-community-item:active .item-title {
    color: var(--app-color-bg-brand-hover);
  }
}
#MAXIM {
  content: 'vin20181106190055';
}
.thead-th {
  text-align: left;
  padding: 30px 20px;
  border: 1px solid #d4d4d4;
  word-break: break-all;
  word-wrap: break-word;
  background: #d6dce7;
}
.table-tbody td {
  text-align: left;
  padding: 30px 20px;
  border: 1px solid #d4d4d4;
  word-break: break-all;
  word-wrap: break-word;
}
.table_content {
  height: 500px;
  overflow: scroll;
}
.service_content {
  margin-top: 50px;
}
.service_content .J-customerContent {
  margin: auto;
  background: #ffffff;
}
.net_content {
  margin-top: 50px;
}
.net_content .J-customerContent {
  margin: auto;
  background: #ffffff;
}
.device-wrapper {
  background-color: #f7f8fa;
}
@media screen and (max-width: 600px) {
  .c-footer-action-info {
    color: rgba(255, 255, 255, 0.6);
    padding: 30px;
  }
  .c-footer-action-btn {
    padding-top: 0px;
  }
  .c-section-tit {
    padding-top: 30px;
  }
  .c-footer-action-btn .c-btn {
    width: 80%;
  }
  .c-footer-action .c-section-tit {
    padding-top: 30px;
  }
}
@media screen and (max-width: 600px) {
  .home-product-icon img {
    margin-left: 0px;
    width: 30px;
    height: 30px;
  }
  .c-hero .mod-hero .hero-text .hero-text-con h2 {
    font-size: 32px;
  }
}
.curr .menu-item-tit a {
  color: var(--app-color-text-link-default) !important;
}
@media screen and (max-width: 600px) {
  .c-nav {
    position: absolute;
  }
  .c-hero .mod-hero .hero-img {
    height: 350px;
  }
  .c-hero .mod-hero .hero-text .hero-text-con h2 {
    font-weight: 500;
    margin-bottom: 30px;
  }
  .c-hero .hero-text-con {
    margin-top: 70px;
  }
  .c-hero .mod-hero .hero-text .hero-text-con .des-text {
    margin: 12px 0 24px;
  }
  .c-hero .mod-hero .hero-text .hero-btn {
    bottom: 16%;
  }
}
.c-nav-list .curr a {
  padding-bottom: 3px !important;
  border-bottom: 2px solid #fff;
  color: #fff !important;
  border-width: 2px;
}
.c-section.c-p-y-tall.home-product-mod.home-product-mod-btn {
  padding: 10px 0px;
}
#customerWrapper .home-customer-item a {
  pointer-events: none;
}
#certWrapper .home-certificate .c-media-horiz {
  pointer-events: none;
}
.home-certificate-list-wrap .home-certification-item a {
  pointer-events: none;
}
#regionWrapper .home-map-btn {
  display: none;
}
#certWrapper .c-g-8 {
  width: 50%;
}
@media screen and (max-width: 600px) {
  #regionWrapper .home-map-mod {
    display: block;
  }
  #regionWrapper .home-m-map-mod {
    display: none;
  }
  #regionWrapper .c-map-dot-explain {
    padding-left: 10px;
  }
}
@media screen and (max-width: 600px) {
  .home-event-mod {
    display: block !important;
  }
  .home-event-mod .home-event-item-txt {
    display: block;
  }
  .home-event-mod .c-grid {
    display: flex;
    flex-wrap: wrap;
  }
  .home-event-mod .c-grid .c-g-5 {
    width: 100%;
  }
  .home-event-mod [class*='c-g-'] {
    border-bottom: 1px solid #dadee4;
  }
}
#productWrapper {
  padding-top: 50px;
}
.home-solution-txt p {
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  height: 100px;
}
@media screen and (max-width: 768px) {
  #certWrapper .c-g-8 {
    width: 100%;
  }
  #certWrapper .c-section-des {
    margin-bottom: 20px;
  }
  #certWrapper .home-certificate-list-wrap {
    padding-top: 20px;
  }
  #certWrapper .home-certificate-pc {
    display: flex;
    overflow: scroll;
    justify-content: center;
  }
  #certWrapper .home-certificate-pc .home-certification-item {
    display: flex;
    width: auto;
  }
  #certWrapper {
    padding-top: 0px;
  }
  #certWrapper .c-section-tit {
    padding-top: 0px;
  }
  .c-footer-action .c-section-inner {
    padding-top: 30px;
  }
  #heroBanner .hero-btn {
    display: none;
  }
  #heroBanner .hero-text-con {
    margin-top: 160px;
  }
  #heroBanner .des-one-line {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #heroBanner .hero-text-inner {
    left: -50%;
  }
  #heroBanner .piece {
    margin-right: 0px;
  }
  .home-event-item-tit span {
    display: block;
  }
  #certWrapper .c-section-tit {
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
    max-height: 4.5em;
  }
  .c-footer-action .c-footer-action-info {
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
  }
  .c-footer-action-btn {
    padding-top: 10px;
  }
  .c-footer-action-info {
    padding: 10px;
  }
  .home-event-item-con img {
    position: absolute;
    left: 20px;
    top: 30px;
    height: 30px;
    width: 30px;
  }
  .home-event-item-con .home-event-item-tit {
    text-align: left;
    margin-left: 60px;
  }
  .home-event-item-con .home-event-item-tit .home-event-item-txt {
    text-align: left;
    margin-left: 60px;
  }
  .home-event-item-con .home-event-item-tit span {
    display: inline-block;
  }
  .home-event-item-con .home-event-item-tit .home-event-icon-new {
    position: relative;
    margin-left: 0px;
    margin-top: 2px;
    left: 0;
    top: 0;
  }
  .home-event-item-con .home-event-item-txt {
    margin-left: 60px;
    text-align: left;
  }
  #solutionWrapper .home-solution-tab {
    display: block;
    width: 100%;
    border-bottom: #667080 2px solid;
  }
  #solutionWrapper .home-solution-tab ul {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #solutionWrapper .home-solution-tab .c-tab-simple.actived:after {
    height: 4px;
    width: 80px;
    position: absolute;
    top: inherit;
    bottom: -7px;
    background: var(--app-color-bg-brand-hover);
  }
  #solutionWrapper .home-solution-tab .c-tab-simple.actived a {
    background: none;
  }
  #solutionWrapper .home-solution-tab .c-tab-simple a {
    padding-right: 0px;
  }
  #solutionWrapper .home-solution-tab .c-tab-simple a span {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #solutionWrapper .home-solution-tab .c-tab-simple {
    width: 80px;
  }
  .home-solution-wrap .c-tab-panel {
    width: 100%;
  }
  .home-solution-wrap .c-tab-panel .home-solution-btn {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #productWrapper .home-product-m-title {
    display: none;
  }
  #productWrapper .c-tab-normal {
    display: block;
  }
  #productWrapper .c-tab-normal ul {
    border-bottom: 1px solid #dadee4;
    display: flex;
    flex-wrap: nowrap;
  }
  #productWrapper .home-product-tab .J-pdTabPanel {
    padding-top: 0px !important;
  }
  #heroBanner .hero-text-inner {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #heroBanner .hero-text-con {
    margin-top: 100px;
  }
  .home-product-tab .c-tab-simple {
    min-width: 20%;
  }
  .home-product-tab .c-tab-normal {
    overflow-x: scroll;
  }
}