@font-face {
  font-family: 'corpfont';
  src: url('/Assets/corp/v2/fonts/corpfont.eot?utuc4q');
  src: url('/Assets/corp/v2/fonts/corpfont.eot?utuc4q#iefix') format('embedded-opentype'),
    url('/Assets/corp/v2/fonts/corpfont.ttf?utuc4q') format('truetype'),
    url('/Assets/corp/v2/fonts/corpfont.woff?utuc4q') format('woff'),
    url('/Assets/corp/v2/fonts/corpfont.svg?utuc4q#corpfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="hwic_"],
[class*=" hwic_"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'corpfont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.hwic_tablets-navbar:before {
  content: "\e936";
}

.hwic_smarthome-navbar:before {
  content: "\e92e";
}

.hwic_Wearables-navbar:before {
  content: "\e92f";
}

.hwic_solutions-nav:before {
  content: "\e931";
}

.hwic_pc-navbar:before {
  content: "\e932";
}

.hwic_mobile-navbar:before {
  content: "\e933";
}

.hwic_accessories-navbar:before {
  content: "\e934";
}

.hwic_mobile-nav:before {
  content: "\e935";
}

.hwic_icon_nav_phones:before {
  content: "\e92c";
}

.hwic_icon_nav_pc:before {
  content: "\e92d";
}

.hwic_icon_rss:before {
  content: "\e92b";
}

.hwic_icon_link:before {
  content: "\e92a";
}

.hwic_icon_camera:before {
  content: "\e929";
}

.hwic_toutiao:before {
  content: "\e927";
}

.hwic_zhihu:before {
  content: "\e928";
}

.hwic_icon_pic:before {
  content: "\e926";
}

.hwic_icon_VK1:before {
  content: "\e919";
}

.hwic_icon_habrahabr:before {
  content: "\e924";
}

.hwic_icon_instagram:before {
  content: "\e925";
}

.hwic_icon_print2:before {
  content: "\e922";
}

.hwic_icon_print3:before {
  content: "\e923";
}

.hwic_icon_print:before {
  content: "\e91c";
}

.hwic_icon_building:before {
  content: "\e91d";
}

.hwic_icon_time:before {
  content: "\e91f";
}

.hwic_icon_user:before {
  content: "\e920";
}

.hwic_open-in-new3:before {
  content: "\e921";
}

.hwic_open-in-new-3:before {
  content: "\e900";
}

.hwic_open-in-new-2:before {
  content: "\e90e";
}

.hwic_download:before {
  content: "\e913";
}

.hwic_download2:before {
  content: "\e918";
}

.hwic_remove:before {
  content: "\e15b";
}

.hwic_to_left:before {
  content: "\e901";
}

.hwic_to_right:before {
  content: "\e902";
}

.hwic_lamp:before {
  content: "\e903";
}

.hwic_down:before {
  content: "\e904";
}

.hwic_lock:before {
  content: "\e905";
}

.hwic_sharing_email:before {
  content: "\e906";
}

.hwic_add:before {
  content: "\e907";
}

.hwic_sharing_print:before {
  content: "\e908";
}

.hwic_sharing_share:before {
  content: "\e909";
}

.hwic_browser:before {
  content: "\e90a";
}

.hwic_sharing_wechat:before {
  content: "\e90b";
}

.hwic_cross:before {
  content: "\e90c";
}

.hwic_dehaze:before {
  content: "\e90d";
}

.hwic_email:before {
  content: "\e90f";
}

.hwic_files:before {
  content: "\e910";
}

.hwic_top:before {
  content: "\e911";
}

.hwic_pdf:before {
  content: "\e914";
}

.hwic_left:before {
  content: "\e915";
}

.hwic_right:before {
  content: "\e916";
}

.hwic_search:before {
  content: "\e917";
}

.hwic_telphone:before {
  content: "\e91a";
}

.hwic_tick:before {
  content: "\e91b";
}

.hwic_zoom-out:before {
  content: "\e91e";
}

.hwic_play2:before {
  content: "\ea1c";
}

.hwic_google-plus:before {
  content: "\ea8b";
}

.hwic_facebook:before {
  content: "\ea91";
}

.hwic_twitter:before {
  content: "\ea96";
}

.hwic_sina-weibo:before {
  content: "\ea9a";
}

.hwic_youtube:before {
  content: "\ea9d";
}

.hwic_linkedin:before {
  content: "\eaca";
}

.hwic_caret_left:before {
  content: "\f0d9";
}

.hwic_caret_right:before {
  content: "\f0da";
}

.hwic_sort_desc:before {
  content: "\f0dd";
}

.hwic_sort_asc:before {
  content: "\f0de";
}

.hwic_to-right:before {
  content: "\e912";
}

img {
  max-width: 100%;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
/* BREADCRUMBS /
/********************/

#breadcrumb_nav,
#breadcrumb_nav_mob {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}

#breadcrumb_nav ul li,
#breadcrumb_nav_mob ul li {
    display: inline;
    padding-right: 2px;
    font-size: 14.000000000000002px;
}

#breadcrumb_nav ul li a,
#breadcrumb_nav_mob ul li a {
    color: #000;
    font-size: 14.000000000000002px;
    text-decoration: underline;
}

#breadcrumb_nav ul li a.active,
#breadcrumb_nav_mob ul li a.active {
    font-weight: bold;
}

#breadcrumb_nav ul li:first-child+li em,
#breadcrumb_nav ul li:first-child+li+li em,
#breadcrumb_nav ul li:first-child+li+li+li em,
#breadcrumb_nav ul li:first-child+li+li+li+li em,
#breadcrumb_nav ul li:first-child+li+li+li+li+li em,
#breadcrumb_nav ul li:first-child+li+li+li+li+li+li em {
    padding-right: 5px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14.000000000000002px;
}

#breadcrumb_nav_mob ul li:first-child+li em,
#breadcrumb_nav_mob ul li:first-child+li+li em,
#breadcrumb_nav_mob ul li:first-child+li+li+li em,
#breadcrumb_nav_mob ul li:first-child+li+li+li+li em,
#breadcrumb_nav_mob ul li:first-child+li+li+li+li+li em,
#breadcrumb_nav_mob ul li:first-child+li+li+li+li+li+li em {
    padding-right: 5px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14.000000000000002px;
}

#breadcrumb_nav {
    margin-bottom: 65px;
}

@media (max-width: 767px) {
    #breadcrumb_nav_mob {
        padding-top: 0px;
        margin-bottom: 25px;
    }
    #breadcrumb_nav_mob ul {
        margin-bottom: 0;
    }
    #breadcrumb_nav_mob ul li a {
        text-decoration: none;
    }
    #breadcrumb_nav_mob ul li a em {
        display: inline-block;
        vertical-align: -1px;
        margin-right: 5px;
    }
}

.article-page {
  /* border-bottom: 1px solid #d4d4d4; */
  padding-bottom: 40px;
  /*margin-bottom: @module-bottom-80;*/
}

.article-page h3 {
  font-size: 28px;
  line-height: 38px;
}

.article-page>p,
.article-page>ol,
.article-page>ul,
.article-page>div,
.article-page>img,
.article-page>span,
.article-page>h2,
.article-page>h3,
.article-page>h4 {
  margin: 0 8.3333%;
}

.article-page .show-more {
  margin-bottom: 60px;
}

.article-page img {
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.article-page .video_box,
.article-page .video_box_ux {
  width: auto;
  margin-bottom: 20px;
}

.article-page h1 {
  line-height: 1;
  margin-top: 0;
  margin-bottom: 20px;
  line-height: 60px;
  font-size: 48px;
}

.article-page .title {
  margin-bottom: 40px;
}

.article-page .title p {
  font-size: 22px;
  text-align: left;
}

.article-page .print-download {
  position: absolute;
  top: 30px;
  right: 0px;
}

.article-page .print-download ul {
  margin-bottom: 0;
}

.article-page .print-download ul li {
  float: left;
  list-style: none;
  margin-top: 0;
  margin-right: 20px;
}

.article-page .print-download ul li a {
  color: #000;
  font-size: 30px;
  text-decoration: none;
}

.article-page .print-download ul li a em.hwic_icon_print {
  font-size: 24px;
}

.article-page .print-download ul li a:hover {
  text-decoration: none;
}

.article-page .detail-list-icon {
  list-style: none;
  padding-left: 0;
}

.article-page .detail-list-icon li {
  padding-left: 55.00000000000001px;
  position: relative;
}

.article-page .detail-list-icon li em {
  width: 50px;
  position: absolute;
  top: 5px;
  left: 0;
}

.article-page .data-tag {
  font-size: 14.000000000000002px;
  color: #808080;
}

.article-page .data-tag span {
  margin-left: 10px;
  margin-right: 10px;
}

.article-page .data-tag span:first-child {
  margin-left: 0;
}

span.tweet_quote {
  position: relative;
  padding-left: 20px;
}

ul.share li.wechat:hover .popwx{
  display:block !important
}


.social-share {
  font-family: "socialshare" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  /*   .icon-tencent:before { content: "\f07a"; }
  .icon-qq:before { content: "\f11a"; }
  .icon-weibo:before { content: "\f12a"; }
  .icon-wechat:before { content: "\f09a"; }
  .icon-douban:before { content: "\f10a"; }
  .icon-heart:before { content: "\f20a"; }
  .icon-like:before { content: "\f00a"; }
  .icon-qzone:before { content: "\f08a"; }
  .icon-linkedin:before { content: "\f01a"; }
  .icon-diandian:before { content: "\f05a"; }
  .icon-facebook:before { content: "\f03a"; }
  .icon-google:before { content: "\f04a"; }
  .icon-twitter:before { content: "\f06a"; } */ }
  .social-share a {
    position: relative;
    text-decoration: none;
    display: inline-block;
    outline: none; }
  .social-share .social-share-icon {
    margin: 2px;
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    font-size: 20px;
    border-radius: 0%;
    line-height: 24px;
    border: 1px solid #666;
    color: #666;
    text-align: center;
    vertical-align: middle;
    transition: background 0.6s ease-out 0s;
    background-image: url(/Assets/CBG/img/share_all.png) !important; }
    .social-share .social-share-icon:hover {
      background-color: #666;
      color: #fff; }
  .social-share .icon-weibo {
    background-position: 0 -144px;
    color: #ff763b;
    border-color: #ff763b; }
    .social-share .icon-weibo:hover {
      background-color: #ff763b; }
  .social-share .icon-tencent {
    color: #56b6e7;
    border-color: #56b6e7; }
    .social-share .icon-tencent:hover {
      background: #56b6e7; }
  .social-share .icon-qq {
    color: #56b6e7;
    border-color: #56b6e7; }
    .social-share .icon-qq:hover {
      background: #56b6e7; }
  .social-share .icon-qzone {
    color: #FDBE3D;
    border-color: #FDBE3D; }
    .social-share .icon-qzone:hover {
      background: #FDBE3D; }
  .social-share .icon-douban {
    color: #33b045;
    border-color: #33b045; }
    .social-share .icon-douban:hover {
      background: #33b045; }
  .social-share .icon-linkedin {
    background-position: 0 -96px;
    color: #0077B5;
    border-color: #0077B5; }
    .social-share .icon-linkedin:hover {
      background-color: #0077B5; }
  .social-share .icon-facebook {
    background-position: 0 -48px;
    color: #44619D;
    border-color: #44619D; }
    .social-share .icon-facebook:hover {
      background-color: #44619D; }
  .social-share .icon-google {
    background-position: 0 -120px;
    color: #000;
    border-color: #000; }
    .social-share .icon-google:hover {
      background-color: #000; }
  .social-share .icon-twitter {
    background-position: 0 -72px;
    color: #55acee;
    border-color: #55acee; }
    .social-share .icon-twitter:hover {
      background-color: #55acee; }
  .social-share .icon-diandian {
    color: #307DCA;
    border-color: #307DCA; }
    .social-share .icon-diandian:hover {
      background: #307DCA; }
  .social-share .icon-wechat {
    background-position: 0 -168px;
    position: relative;
    color: #7bc549;
    border-color: #7bc549; }
    .social-share .icon-wechat:hover {
      background-color: #7bc549; }
  .social-share .icon-email {
    background-position: 0 -24px;
    position: relative;
    color: #ccc;
    border-color: #ccc; }
    .social-share .icon-email:hover {
      background-color: #ccc; }
  .social-share .icon-print {
    background-position: -2px 0;
    position: relative;
    color: #7bc549;
    border-color: #7bc549; }
    .social-share .icon-print:hover {
      background-color: #7bc549; }
  .social-share .icon-wechat .wechat-qrcode {
    display: none;
    border: 1px solid #eee;
    position: absolute;
    z-index: 999;
    top: -205px;
    left: -89px;
    width: 200px;
    height: 192px;
    color: #666;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 2px 10px #aaa;
    transition: all 200ms;
    -webkit-tansition: all 350ms;
    -moz-transition: all 350ms; }
  .social-share .icon-wechat .wechat-qrcode h4 {
    font-weight: normal;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    background-color: #f3f3f3;
    margin: 0;
    padding: 0;
    color: #777; }
  .social-share .icon-wechat .wechat-qrcode .qrcode {
    width: 105px;
    margin: 10px auto; }
  .social-share .icon-wechat .wechat-qrcode .qrcode table {
    margin: 0 !important; }
  .social-share .icon-wechat .wechat-qrcode .help p {
    font-weight: normal;
    line-height: 16px;
    padding: 0;
    margin: 0; }
  .social-share .icon-wechat .wechat-qrcode:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -6px;
    bottom: -13px;
    width: 0;
    height: 0;
    border-width: 8px 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent transparent transparent; }
  .social-share .icon-wechat:hover .wechat-qrcode {
    display: block; }

.social-share-top .icon-wechat .wechat-qrcode {
  top: 28px; }

.weixin-link {
    position: relative;
}
.weixin-qr {
    position: absolute;
    left: -110px;
    top: -280px;
    border: 1px solid #ccc;
}
.social-share .icon-wechat:hover .wechat-qrcode {
  display: block !important;
}
.share ul {
  margin-top: 40px;
  margin-bottom: 40px;
  line-height: 1;
  padding-left: 0;
}

.share ul li {
  float: left;
  margin-right: 20px;
  list-style: none;
  margin: 0 10px !important;
}

.share ul li a {
  color: #aaa !important;
}

.share ul li a:hover {
  background-color: #fff !important;
  text-decoration: none;
  color: #282828;
}

.share ul li a.icon-twitter:hover {
  color: #55acee !important;
}

.share ul li a.icon-facebook:hover {
  color: #44619D !important;
}

.share ul li a.icon-weibo:hover {
  color: #ff763b !important;
}

.share ul li a.icon-wechat:hover {
  color: #7bc549 !important;
}

.share ul li a.icon-google:hover {
  color: #000 !important;
}

.share ul li a.icon-linkedin:hover {
  color: #0077B5 !important;
}

.share ul li a.icon-VK1:hover {
  color: #348903 !important;
}

.share ul li a.icon_habrahabr:hover {
  color: #b00000 !important;
}

.share ul li a .share-close {
  background: transparent;
  border: 0;
  font-size: 25px;
  position: absolute;
  top: -205px;
  right: -95px;
  z-index: 9999;
  color: #333;
  display: none;
}

.share ul li a .share-close.com-share-botm {
  right: -80px;
}

.share ul li a.share-open .share-close,
.share ul li a.share-open .wechat-qrcode {
  display: block;
}

@media (max-width: 767px) {
  .share ul li {
      margin: 10px 10px !important;
      height: 18px;
  }
}

.rich-text {
  position: relative;
  font-size: 18px;
  line-height: 30px;
}

.rich-text p {
  margin-top: 16px;
  margin-bottom: 16px;
}

.rich-text p a {
  color: #f66f6a;
  text-decoration: underline;
}

.rich-text a.download img {
  display: inline-block;
}

.rich-text ul {
  list-style: disc;
  padding-left: 18px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.rich-text ul li {
  margin: 10px 0;
}

.rich-text ul li a {
  color: #f66f6a;
  text-decoration: underline;
}

.rich-text ol {
  list-style: decimal;
  padding-left: 16px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.rich-text ol li {
  margin: 10px 0;
}

.rich-text ol li a {
  color: #f66f6a;
  text-decoration: underline;
}

.rich-text .img-no-margin {
  margin-left: 0;
  margin-right: 0;
}

.rich-text .rich-text-img-side {
  margin-bottom: 20px;
  margin-top: 20px;
  display: block;
}

.rich-text .rich-text-img-side ul {
  padding-left: 0;
}

.rich-text .rich-text-img-side .slick-dotted.slick-slider .pagination {
  display: none;
  text-align: center;
}

.rich-text .rich-text-img-side .slick-dotted.slick-slider .pagination #currentPage {
  font-weight: bold;
}

.rich-text .rich-text-img-side .slick-dotted.slick-slider .pagination #total {
  color: #808080;
}

.rich-text .rich-text-img-side .slick-dotted.slick-slider .slick-dots {
  display: block !important;
}

.rich-text .rich-text-img-side .slick-dotted.slick-slider.slick-showNumber .pagination {
  display: block;
}

.rich-text .rich-text-img-side .slick-dotted.slick-slider.slick-showNumber .slick-dots {
  display: none !important;
}

.rich-text .rich-text-img-side .slick-prev,
.rich-text .rich-text-img-side .slick-next {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.rich-text .special-text-1 {
  margin-bottom: 60px;
  margin-top: 60px;
  padding: 0 100px;
  text-align: center;
}

.rich-text .special-text-1:before {
  content: "\201D";
  font-size: 80px;
  display: block;
  text-align: center;
  line-height: 0.8;
  color: #aeaeae;
}

.rich-text .special-text-1 h2 {
  margin-bottom: 30px;
  margin-top: 0;
  line-height: 1;
}

.rich-text .special-text-1 h4 {
  color: #777777;
  font-family: "HuaweiSans-Regular", Helvetica, Arial, sans-serif;
  margin-bottom: 30px;
  margin-top: 0;
}

.rich-text .special-text-1 p {
  font-size: 14.000000000000002px;
  font-family: "HuaweiSans-Bold", Helvetica, Arial, sans-serif;
}

.rich-text img {
  border-radius: 5px;
  max-width: 100%;
  height: auto !important;
}

.rich-text .social-share ul {
  padding-left: 0;
}

.rich-text .social-share ul li a {
  text-decoration: none !important;
}

.rich-text .social-share ul li:first-child {
  margin-left: 0 !important;
}

.rich-text .social-share .icon-VK1 {
  vertical-align: top;
}

.rich-text .social-share .icon-VK1 em {
  font-size: 12px;
}

.rich-text .social-share .icon-wechat .wechat-qrcode .help p {
  text-indent: 0;
}

.rich-text .social-share .icon-wechat:hover .wechat-qrcode {
  display: none;
}

.rich-text .social-share .icon-wechat.share-open .wechat-qrcode {
  display: block !important;
}

.rich-text .social-share .icon-wechat.share-open:hover .wechat-qrcode {
  display: block !important;
}

.photo-remark {
  font-size: 14.000000000000002px;
  line-height: 22px;
  text-align: center;
}

.footnote {
  font-size: 14.000000000000002px;
  line-height: 22px;
  border-top: 1px solid #d4d4d4;
  margin-top: 50px;
  margin-bottom: 50px;
}

.footnote ul {
  padding-left: 0;
}

.footnote ul ol {
  padding-left: 0;
}

.article-page+div {
  border-top: 1px solid #d4d4d4;
  padding-top: 80px;
  margin-top: 40px;
}

@media (max-width: 767px) {
  .article-page>p,
  .article-page>ol,
  .article-page>ul,
  .article-page>div,
  .article-page>img,
  .article-page>span,
  .article-page>h2,
  .article-page>h3,
  .article-page>h4 {
      margin: 0;
      display: block;
  }
  .article-page h3 {
      font-size: 25px;
      line-height: 35px;
  }
  .article-page .show-more {
      margin-bottom: 40px;
  }
  .article-page h1 {
      font-size: 30px;
      line-height: 46px;
      margin-top: 0;
  }
  .rich-text .special-text-1 {
      padding: 0 22px;
  }
}

.rich-text span.tweet_quote a {
  color: #666;
  text-decoration: none;
}

.rich-text span.tweet_quote a:hover {
  color: #f66f6a;
  text-decoration: underline;
}

.rich-text .tweet-this ul {
  list-style: none;
  padding-left: 0;
}
.video-js button.vjs-big-play-button {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  background-color: transparent;
  top: 50%;
  left: 50%;
  margin-left: -40px;
  margin-top: -40px;
  line-height: 2.6em;
  border: 1px solid #fff;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder {
  font-size: 26px;
}

.video-js .vjs-big-play-button:hover {
  background-color: #fff !important; 
}

.video-js .vjs-big-play-button:hover:before {
  color: #000;
}

.video-js .vjs-big-play-button:hover .vjs-icon-placeholder {
  color: #000;
}
@font-face {
  font-family: VideoJS;
  src: url('https://www.huawei.com/Assets/corp/2020/img/icon/VideoJS.eot?utuc4q');
  src: url('https://www.huawei.com/Assets/corp/2020/img/icon/VideoJS.eot?utuc4q#iefix') format('embedded-opentype'),url('https://www.huawei.com/Assets/corp/2020/img/icon/VideoJS.ttf?utuc4q') format('truetype'),url('https://www.huawei.com/Assets/corp/2020/img/icon/VideoJS.woff?utuc4q') format('woff'),url('https://www.huawei.com/Assets/corp/2020/img/icon/VideoJS.svg?utuc4q#VideoJS') format('svg');
}

.vjs-icon-play,.video-js .vjs-big-play-button,.video-js .vjs-play-control {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}



.page-hc .wrap {
  width: 1460px;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px;
}
.page-hc .main .page1 {
  width: 100%;
  background: url('https://www.huawei.com/-/media/corporate/minisite/hc2021/v1/images/people-bg.jpg') no-repeat left bottom #fff;
  background-size: 936px auto;
  padding-top: 70px;
  /* height: 690px; */
  box-sizing: border-box;
}
.page-hc .main .page1 .wrap {
  overflow: hidden;
  position: relative;
  /* height: 690px; */
  padding-bottom: 10.5%;
  padding-bottom: 120px;
  display: flex;
  flex-direction: row-reverse;
}
.page-hc .main .page1 .wrap .picture {
  /* float: left; */
  width: 304px;
  margin-right: 106px;
}
.page-hc .main .page1 .wrap .picture div {
  text-align: center;
}
.page-hc .main .page1 .wrap .picture h2 {
  font-size: 24px;
  color: #333;
  line-height: 1.5;
  font-weight: normal;
  padding-top: 30px;
}
.page-hc .main .page1 .wrap .picture .works {
  font-size: 16px;
  padding-top: 10px;
}
.page-hc .main .page1 .wrap .info {
  /* float: right; */
  /* width: 990px; */
  flex: 1;
}
.page-hc .main .page1 .wrap .info .tt {
  font-size: 24px;
}
.page-hc .main .page1 .wrap .info .dec {
  margin-top: 25px;
}
.page-hc .main .page1 .wrap .info .dec .p {
  font-size: 18px;
  padding-bottom: 0;
  padding-top: 20px;
}
.page-hc .main .page1 .wrap .info .dec p {
  font-size: 18px;
  line-height: 26px;
  padding-bottom: 16px;
}
.page-hc .main .page1 .wrap .info .dec ul li {
  position: relative;
  font-size: 18px;
  line-height: 26px;
  margin-top: 10px;
  padding-left: 20px;
}
.page-hc .main .page1 .wrap .info .dec ul li:before {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #c7000b;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.page-hc .main .page1 .wrap .name {
  position: absolute;
  left: 440px;
  bottom: 80px;
}

.page-hc .main .page1 .wrap .name .works {
  padding-top: 10px;
}
.page-hc .main .page1 .wrap .name h3 {
  font-size: 18px;
  color: #333;
  line-height: normal;
  font-weight: normal;
}
.page-hc .main .page1 .wrap .name h2 {
  font-size: 24px;
  color: #333;
  line-height: 1.5;
  font-weight: normal;
}
.page-hc .main .page1 .wrap .name .works {
  font-size: 16px;
}

@media only screen and (max-width: 1400px) {
  .page-hc .wrap {
    max-width: 1260px;
    margin: 0 auto;
    width: auto;
  }
  .page-hc .main .page1 .wrap .info {
    /* width: 790px; */
  }
  .page-hc .main .page1 .wrap .info .dec .p,
  .page-hc .main .page1 .wrap .info .dec p,
  .page-hc .main .page1 .wrap .info .dec ul li,
  .page-hc .main .page1 .wrap .name h3 {
    font-size: 16px;
  }
  .page-hc .main .page1 .wrap .info .dec .p {
    padding-top: 10px;
  }
  .page-hc .main .page1 .wrap .name h3,
  .page-hc .main .page1 .wrap .name h2,
  .page-hc .main .page1 .wrap .name .works {
    padding-top: 5px;
  }
  .page-hc .main .page1 .wrap .name {
    bottom: 70px;
  }
}
@media only screen and (max-width: 768px) {
  .page-hc .wrap {
    /* width: 23.38714rem; */
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
  }

  .page-hc .main .page1 {
    width: 100%;
    background: url('https://www.huawei.com/-/media/corporate/minisite/hc2021/v1/images/people-bg.jpg') no-repeat bottom left #fff;
    background-size: 21.39068rem auto;
    padding-top: 35px;
    height: auto;
    box-sizing: border-box;
    padding-bottom: 2.13907rem;
  }
  .page-hc .main .page1 .wrap {
    overflow: hidden;
    position: relative;
    height: auto;
    flex-wrap: wrap;
    flex-direction: column;
    padding-bottom: 0;
  }
  .page-hc .main .page1 .wrap .picture {
    float: left;
    margin-right: 0;
    margin-top: 1.42605rem;
    display: flex;
    align-items: center;
    width: 100%;
  }
  .page-hc .main .page1 .wrap .picture img {
    max-width: 100%;
    width: 9.44755rem;
  }
  .page-hc .main .page1 .wrap .picture div {
    flex: 1;
    padding-left: 30px;
    text-align-last: left;
  }
  .page-hc .main .page1 .wrap .picture h2 {
    font-size: 1.06953rem;
    color: #333;
  }
  .page-hc .main .page1 .wrap .picture .works {
    font-size: 0.85563rem;
    padding-left: 0;
    padding-top: 5px;
  }
  .page-hc .main .page1 .wrap .info {
    float: right;
    width: 100%;
    flex: auto;
  }
  .page-hc .main .page1 .wrap .info .tt {
    font-size: 0.99823rem;
  }
  .page-hc .main .page1 .wrap .info .dec {
    margin-top: 0.89128rem;
  }
  .page-hc .main .page1 .wrap .info .dec p {
    font-size: 0.99823rem;
    line-height: 1.42605rem;
    /*margin-bottom: torem(50px);*/
  }
  .page-hc .main .page1 .wrap .info .dec ul li {
    position: relative;
    font-size: 0.99823rem;
    line-height: 1.42605rem;
    margin-top: 0.71302rem;
    padding-left: 0.71302rem;
  }
  .page-hc .main .page1 .wrap .info .dec ul li:before {
    content: '';
    position: absolute;
    width: 0.24956rem;
    height: 0.24956rem;
    border-radius: 50%;
    background: #c7000b;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .page-hc .main .page1 .wrap .name {
    position: absolute;
    left: 12.65615rem;
    bottom: 4.63465rem;
  }
  .page-hc .main .page1 .wrap .name h3 {
    font-size: 0.85563rem;
    color: #333;
    line-height: normal;
    font-weight: normal;
  }
  .page-hc .main .page1 .wrap .name h2 {
    font-size: 1.06953rem;
    color: #333;
    line-height: normal;
    font-weight: normal;
  }
  .page-hc .main .page1 .wrap .name .works {
    font-size: 0.85563rem;
  }
}
.section-attention a .section-attention-popup .section-attention-popup_wrapper img{
  max-width: initial;
}

.banner1 {
  background: #dfe6ec;
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #dfe6ec, #dee5ec);
  /* Opera 11.1 - 12.0 */
  /* Firefox 3.6 - 15 */
  background: -o-linear-gradient(left, #dfe6ec, #dee5ec);
  background: -webkit-gradient(linear, left top, right top, from(#dfe6ec), to(#dee5ec));
  background: linear-gradient(to right, #dfe6ec, #dee5ec);
  /* æ ‡å‡†çš„è¯­æ³• */
  height: 240px;
}

.banner1 .container {
  position: relative;
  height: 240px;
}

.banner1 .text-banner span {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50% , -50%);
  -ms-transform: translate(-50% , -50%);
  transform: translate(-50% , -50%);
  font-size: 36px;
  font-weight: bold;
  z-index: 9;
  width: 100%;
  text-align: center;
}

.banner1 .media_banner {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-30%);
  -ms-transform: translateX(-30%);
  transform: translateX(-30%);
}

.partners {
  padding-bottom: 30px;
}

.partners h2 {
  padding-bottom: 15px;
  border-bottom: 1px solid #e7e7e7;
}

.partners h3 {
  font-size: 18px;
}

.partners [class*="col-sm"] {
  display: table;
  margin-bottom: 15px;
}

.partners [class*="col-sm"] .content {
  border: 1px solid #e7e7e7;
  padding: 7px;
  text-align: center;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  height: 100px;
}

.partners [class*="col-sm"] .content>div {
  width: 80%;
}

.patner-detail .contact-menu {
  background: #f5f5f5;
}

.patner-detail .contact-menu li {
  display: inline-block;
}

.patner-detail .contact-menu a {
  padding: 25px 20px;
  color: #333;
  display: block;
}

.patner-detail .contact-menu a:hover {
  background: #fff;
  padding: 23px 20px;
  display: inline-block;
  text-decoration: none;
  color: #333;
}

.patner-detail .contact-menu .container ul {
  display: block;
  text-align: center;
  padding-left: 0;
}

.patner-detail h2 {
  font-size: 28px !important;
  text-align: center;
  font-weight: normal;
}

.patner-detail .patner-con-1 {
  padding-bottom: 50px;
  border-bottom: 0;
  padding-top: 50px;
}

.patner-detail .patner-con-1 .list,
.patner-detail .patner-con-2 .list {
  position: relative;
  z-index: 9;
  margin-bottom: 15PX;
  list-style: none;
}

.patner-detail .patner-con-1 ul,
.patner-detail .patner-con-2 ul {
  padding-left: 0;
}

.patner-detail .patner-con-1 .list>div {
  display: table;
  width: 100%;
  background: #fff;
}

.patner-detail .patner-con-1 .list>div>div {
  padding: 7px;
  border: 1px solid #e7e7e7;
  text-align: center;
  height: 75px;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  background: #fff;
}

.patner-detail .patner-con-1 .list div img,
.patner-detail .patner-con-2 .list div img {
  max-height: 59px !important;
  max-width: 142px !important;
  width: 100%;
}

.patner-detail .patner-con-1 .list.active>div>div,
.patner .patner-con-2 .list.active>div>div {
  height: 85px;
  border-bottom: none;
}

.patner-detail .patner-con-1 .list-info,
.patner-detail .patner-con-2 .list-info {
  padding: 35px 45px 45px 45px;
  border: 1px solid #e7e7e7;
  margin-top: -16px;
  margin-bottom: 30px;
}

.patner-detail .patner-con-2 .list>div {
  display: table;
  width: 100%;
  background: #fff;
}

.patner-detail .patner-con-2 .list>a>div {
  display: table;
  width: 100%;
  background: #fff;
}

.patner-detail .patner-con-2 .list div>div {
  padding: 7px;
  border: 1px solid #e7e7e7;
  text-align: center;
  height: 75px;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  background: #fff;
}

.patner-detail .patner-con-3 {
  margin-bottom: 70px;
  margin-top: 50px;
}

.patner-detail .patner-con-1 .list.active>div>div,
.patner .patner-con-2 .list.active div>div {
  height: 75px;
  border-bottom: none;
}

.patner-detail h5 {
  font-size: 16px;
  margin-bottom: 0;
  font-weight: normal;
  margin-bottom: 15px;
}

.patner-detail .patner-con-1 {
  padding-bottom: 50px;
}

h4 span,
.partner_sub_title {
  font-size: 14px;
  color: #666;
}

#Partner-1 h2,
#Partner-3 h2 {
  line-height: 33px;
  margin-bottom: 30px;
}

.tab-content>.tab-pane {
  display: none;
}

.tab-content>.active {
  display: block;
  opacity: 1;
}

.clearfix:before,
.clearfix:after,
.nav:before,
.nav:after {
  content: " ";
  display: table;
}

.clearfix:after,
.nav:after {
  clear: both;
}

.patner-detail .contact-menu {
  background: #f5f5f5;
}

.patner-detail .contact-menu li {
  display: inline-block;
}

.patner-detail .contact-menu a {
  padding: 25px 20px;
  color: #333;
  display: block;
}

.patner-detail .contact-menu a:hover {
  background: #fff;
  padding: 23px 20px;
  display: inline-block;
  text-decoration: none;
  color: #333;
}

.patner-detail .contact-menu .container ul {
  display: block;
  text-align: center;
}


/*Content patnerpage style eof */

@media (max-width:767px) {
  .patner {
      padding: 0;
      margin: 50px 0;
  }
  .patner-detail .contact-menu a {
      padding: 25px 6px;
  }
  .banner1 .text-banner span{
      text-align:center;
      width:100%;
  }
  .panel-default>.panel-heading {
      background: none;
  }
  .panel-default>.panel-heading img {
      max-height: 75px;
      max-width: 200px;
  }
  .panel-default>.panel-heading .panel-title {
      width: 100%;
      height: 40px;
      display: table;
      line-height: 40px;
  }
  .panel-default>.panel-heading .panel-title a {
      display: table-cell;
      vertical-align: middle;
  }
  .panel-default>.panel-heading .panel-title a em {
      font-size: 22px;
      float: right;
      -ms-transform: rotate(90deg);
      /* IE 9 */
      /* Firefox */
      -webkit-transform: rotate(90deg);
      /* Safari 和 Chrome */
      /* Opera */
      transform: rotate(90deg);
      margin-top: 4px;
  }
  .panel-default>.panel-heading .panel-title a.collapsed em {
      -ms-transform: rotate(-90deg);
      /* IE 9 */
      /* Firefox */
      -webkit-transform: rotate(-90deg);
      /* Safari 和 Chrome */
      /* Opera */
      transform: rotate(-90deg);
  }
  .patner-detail h5 {
      font-size: 18px;
      margin-bottom: 15px;
      font-weight: normal;
  }
  .patner-detail .panel-group {
      padding: 0 15px;
  }
  .patner-detail .panel-group .panel {
      margin-bottom: 15px;
  }
  .patner-detail .patner-con-1 {
      padding-top: 30px;
      padding-bottom: 35px;
  }
  .banner1 .media_banner {
      -webkit-transform: translateX(-35%);
      -ms-transform: translateX(-35%);
      transform: translateX(-35%);
  }
}


/*Partners css E*/

/*event-guide css bof*/

.banner1.event-guide .container {
  height: 200px;
}

.banner1.event-guide {
  height: 200px;
  width: 100%;
  overflow: hidden;position: relative;
}

.banner1.event-guide .media_banner {
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
}

.ie8 .banner1.event-guide .media_banner {
  margin-left: -960px;
}



/*event-guide css eof*/

.patner-detail .screen-box{
  list-style: none;
  display: block;
  text-align: center;
  margin: 40px auto 30px auto;
}
.patner-detail .screen-box li{
  display: inline-block;
  margin: 0 15px;
}
.patner-detail .screen-box li a{
  color: #666;
}
.patner-detail .screen-box li a:hover{
  color:#c7000b;
  text-decoration: none;
}
.screen-box li.active a{
  color: #c7000b;
  border-bottom: 2px solid #c7000b;
  padding-bottom: 5px;
}




#js-modal-brand .modal-mask .modal-container{
  width: 100%;
  max-width:700px;
  position: relative;
}

#js-modal-brand .modal-mask .modal-header{
  padding: 0;
  border-bottom: 0;
}
#js-modal-brand .modal-mask .modal-header .js-close-modal{
  color:#666;
  text-decoration: none;
  position: absolute;
  top: -5px;
  right: 15px;
  font-size: 40px;
}
#js-modal-brand .modal-mask .modal-header .js-close-modal:hover{
  color:#000;
  text-decoration: none;
}
#js-modal-brand .modal-mask .modal-body{
  margin-bottom: 0;
}
#js-modal-brand .modal-mask .modal-footer{
  border-top: 0;
  justify-content: flex-start;
}
#js-modal-brand .modal-mask .modal-footer a{
  color:#666;
  text-decoration: none;
}
#js-modal-brand .modal-mask .modal-footer a:hover{
  color:#c7000b;
  text-decoration: none;
}
body.partners-pops{
  height: 100%;
  overflow: hidden;
}
@media (max-width:767px){
  .patner-detail h2{
    margin-bottom: 35px;
  }
  .patner-detail .patner-con-1 .list, .patner-detail .patner-con-2 .list{
    width: 50% !important;
  }
  .patner-detail .patner-con-1 .list:nth-child(even){
    padding-left: 7px;
  }
  .patner-detail .patner-con-1 .list:nth-child(odd){
    padding-right: 7px;
  }
  #js-modal-brand .modal-mask .modal-container .modal-body{
    max-height: 450px;
    overflow-y: auto;
  }
  #js-modal-brand .modal-mask .modal-container{
    padding:20px;

  }
  .banner1.event-guide .media_banner img{
    max-width: initial;
  }
  .banner1.event-guide .media_banner{
    width: auto;
  }
  .banner1.event-guide .text-banner span {
    font-size: 36px;
}
}


/*keynotes css b*/
.key-warrp{
  background: url(http://www1-back.huawei.com/~/media/CORPORATE/minisite/hc2020/v3/img/index/bg.jpg) center -150px no-repeat;
  background-size: cover;
}
.keynote {
  background: none !important;
}

.keynote-list {
  margin-bottom: 100px;
}

.switch-tit {
  margin-top: 40px;
}

.switch-tit a {
  display: block;
  padding-bottom: 10px;
  text-decoration: none;
}

.switch-tit .col-xs-4 {
  padding: 0;
}

.switch-tit .col-xs-4:first-child {
  padding-left: 0px;
  padding-right: 2px;
}

.switch-tit .col-xs-4:nth-child(2) {
  padding-right: 2px;
}

.switch-tit .col-xs-4:last-child {
  padding-right: 0px;
}

.switch-tit .col-xs-3 {
  padding: 0;
}

.switch-tit .col-xs-3:first-child {
  padding-left: 15px;
  padding-right: 2px;
}

.switch-tit .col-xs-3:nth-child(2) {
  padding-right: 2px;
}

.switch-tit .col-xs-3:last-child {
  padding-right: 15px;
}

.switch-tit .switch-one a {
  border-bottom: 6px solid #7ebfc3;
}

.switch-tit .switch-two a {
  border-bottom: 6px solid #fad1d0;
}

.switch-tit .switch-three a {
  border-bottom: 6px solid #eaf3d2;
}

.switch-tit .switch-four a {
  border-bottom: 6px solid #e3e4e8;
}

.switch-tit span {
  font-size: 18px;
  color: #d0d0d0;
  display: block;
  text-align: center;
}

.switch-tit em {
  display: block;
  color: #d9d9d9;
  font-style: normal;
  font-size: 14px;
  text-align: center;
  line-height: 1;
}

.switch-tit a:hover,
.switch-tit a.active {
  text-decoration: none;
}

.switch-tit .active a span {
  color: #333;
  font-weight: bold;
}

.switch-tit .active a em {
  color: #686868;
}

.switch-tit ul,
.switch-tit ul li {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0px;
}

.switch-new-list h3 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 0px;
  line-height: 1.5;
}

.switch-new-list h3 a {
  color: #333;
}

.switch-new-list h3 a:hover {
  color: #09F;
}

.switch-new-list h3 a:visited {
  color: #797979;
}

.switch-new-list {
  padding-bottom: 15px;
  border-bottom: 1px solid #ececec;
  margin-top: 20px;
}

.switch-new-list em {
  color: #999;
  font-style: normal;
}

.switch-new-list .row .col-sm-9 {
  padding-left: 0;
}

.switch-contact {
  margin-bottom: 50px;
}

.Related-agenda .table-rowbox {
  padding: 15px 0 15px 15px;
  border-bottom: 1px solid #bdbdbd;
}

.Related-agenda .table-rowbox>div {
  margin-top: 10px;
}

.Related-agenda .table-rowbox.title {
  background: #f5f5f5;
  display: block;
  border-bottom: none;
}

.Related-agenda .table-rowbox em {
  display: block;
  font-size: 14px;
  color: #999;
  font-style: normal;
  line-height: 1.1;
}

.Related-agenda .table-rowbox p {
  margin-bottom: 0;
}

.Related-agenda .table-rowbox .col-sm-4+.col-sm-8>.row {
  margin-top: 0px;
}

.Related-btn {
  width: 100%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
}

.Related-btn .speaker-more {
  margin-bottom: 30px;
  margin-top: 40px;
  color: #fff !important;
}

.Related-btn .speaker-more:hover {
  color: #fff !important;
}

.Related-agenda .table-rowbox em.view-icon {
  background: url(https://www.huawei.com/~/media/CORPORATE/minisite/hc2018/v1/images/view-icon.png) no-repeat 0 0;
  width: 16px;
  height: 12px;
  display: inline-block;
  margin-right: 5px;
}

.Related-agenda .table-rowbox a {
  color: #1c7cc0 !important
}

.Related-agenda .table-rowbox a:hover em.view-icon {
  background-position: 0 -12px;
}

.Related-agenda .table-rowbox em.view-icon+span {
  display: inline-block;
}

@media (max-width: 767px) {
  .Related-agenda .table-rowbox .col-sm-2 a {
      margin-top: 10px;
      text-align: center;
  }
  .keynote-list {
      margin-bottom: 50px;
  }
  .keynote-list .panel-default>.panel-heading .panel-title a span {
      color:#333;
  }
  .keynote-list .panel-default>.panel-heading .panel-title a em {
      float: none;
      -ms-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
      color: #333;
  }
  .keynote-list .panel-default>.panel-heading .panel-title a.collapsed span {
      color:#d9d9d9;
  }
  .keynote-list .panel-default>.panel-heading .panel-title a.collapsed em {
      color: #d9d9d9;
  }
  

}


/*keynotes css e*/
/**/
.keynote-list .tab-content{
  box-shadow: 2px 0 16px rgba(0,0,0,.17);
}
.keynote-list .Related-agenda {
  position: relative;
  padding: 0 20px 30px 20px;
}
.keynote-list .Related-agenda .big-title{
  font-size: 20px;
  padding: 25px 150px 25px 0;
  width: 100%;
}
.keynote-list .Related-agenda .live-box{
  position: absolute;
  top: 23px;
  right: 20px;
}
.keynote-list .Related-agenda .live-box a{
  /*color: #556c8d;
  border-radius: 4px;*/
  padding: 0 20px;
  /*line-height: 34px;
  height: 34px;
  border:1px solid #556c8d;
  display: block;
  font-size:15px*/
}
.keynote-list .Related-agenda .live-box a:before{
  width: 21px;
  height: 17px;
  content: "";
  background: url(https://www.huawei.com/~/media/CORPORATE/minisite/hc2020/v3/img/icons/keynotes_icon_04.png) no-repeat;
  display: block;
}
.keynote-list .Related-agenda .live-box a:hover{
  color: #fff !important;
  background: #c7000b;
  border:1px solid #c7000b;
}
.keynote-list .Related-agenda .live-box a:hover:before{
  background: url(https://www.huawei.com/~/media/CORPORATE/minisite/hc2020/v3/img/icons/keynotes_icon_01.png) no-repeat;
}
.keynote-list .Related-agenda .live-box + .down-btn{
  position: absolute;
  top: 35px;
  right: 50px;
}
.keynote-list .Related-agenda .live-box + .down-btn a::before{
  width: 21px;
  height: 17px;
  content: "";
  background: url(https://www.huawei.com/~/media/CORPORATE/minisite/hc2020/v3/img/icons/keynotes_icon_04.png) no-repeat;
  display: block;
}
.keynote-list .table-list-box{
  background-color: #f5f8ff ;
  padding: 15px 15px 15px 25px;
  letter-spacing: -0.32em;
  margin-bottom: 10px;
  border-radius: 5px;
}
.keynote-list .table-list-box > div{
  letter-spacing: normal;
}
.keynote-list .table-list-box > div.internal-circulation{
  letter-spacing: -0.32em;

} 
.keynote-list .table-list-box > div.internal-circulation >div {
  letter-spacing: normal;
  }
  .keynote-list .table-list-box .internal-circulation{
    margin-top: 15px;
  }
  .keynote-list .table-list-box .internal-circulation:first-child{
    margin-top: 0px;
  }
.keynote-list .table-list-box .time{
  color: #8e9ab8;
  font-size: 16px;
  display: inline-block;
  padding-right: 30px;
  width: 16%;
  max-width: 170px;
  vertical-align: top;
  margin-top: 10px;
}
.keynote-list .table-list-box .time::before{
  content: "";
  background: url(https://www.huawei.com/~/media/CORPORATE/minisite/hc2020/v3/img/icons/keynotes_icon_03.png) no-repeat;
  width: 22px;
  height: 22px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: -4px;
}
.keynote-list .table-list-box .internal-circulation .time::before{
  display: none;
}
@media (min-width:768px){
  .keynote-list .table-list-box .internal-circulation:first-child .time::before{
    display: inline-block;
  }
}

.keynote-list .table-list-box .small-tit{
  display: inline-block;
  vertical-align: top;
  width: 42%;
  max-width: 430px;
  font-weight: bold;
  padding-right: 30px;
  margin-top: 10px;
}
.keynote-list .table-list-box .speaker-tit{
  display: inline-block;
  vertical-align: top;
  width: 39%;
  max-width: 400px;
  padding-right: 30px;
  padding-left: 28px;
  position: relative;
}
.keynote-list .table-list-box .speaker-tit::before{
  background: #cfd3de;
  height: 27px;
  width: 1px;
  position: absolute;
  top: 6px;
  left: 0;
  content: "";
}
.keynote-list .table-list-box .speaker-tit .rec-div{
  margin-top: 15px;
}
.keynote-list .table-list-box .speaker-tit .rec-div:first-child{
  margin-top: 0;
}
.keynote-list .table-list-box .speaker-tit .tits{
  color: #7a7a7a;
  font-size: 12px;
}
.keynote-list .table-list-box .down-btn{
  display: inline-block;
  vertical-align: top;
  margin-top: 14px;
}
.keynote-list .table-list-box .down-btn a:before{
  width: 21px;
  height: 17px;
  content: "";
  background: url(https://www.huawei.com/~/media/CORPORATE/minisite/hc2020/v3/img/icons/keynotes_icon_04.png) no-repeat;
  display: block;
}
.keynote-list .table-list-box .down-btn a:hover:before{
  background: url(https://www.huawei.com/~/media/CORPORATE/minisite/hc2020/v3/img/icons/keynotes_icon_02.png) no-repeat;
}
.down-btn-m{
  display: none;
}
@media (min-width:768px) and (max-width:1024px){
  .keynote-list .table-list-box .time{
    width: 24%;
  }
  .keynote-list .table-list-box .small-tit{
    width: 36%;
  }
  .keynote-list .table-list-box .speaker-tit{
    width: 36%;
  }
}
@media (max-width:767px){
  .keynote-list .Related-agenda .big-title{
    display: none;
  }
  .keynote-list .Related-agenda{
    padding: 0 0px 30px 0px;
  }
  .keynote-list .Related-agenda .live-box{
    position: static;
    text-align: center;
    margin: 10px 0 10px 0;
  }
  .keynote-list .Related-agenda .live-box a{
    display: inline-block;
    width: auto;
  }
  .keynote-list .table-list-box{
    background: #fff;
    border-bottom: 1px solid #ddd;
    padding: 15px 15px 25px 25px;
    margin-bottom: 0;
  }
  .keynote-list .table-list-box:last-child{
    border-bottom:0;
  }
  .keynote-list .table-list-box .time::before{
    display: none;
  }
  .keynote-list .table-list-box .time{
    color: #525252;
    width: 100%;
    max-width: none;
  }
  .keynote-list .table-list-box .small-tit{
    width: 100%;
    max-width: none;
    margin-bottom: 10px;
  }
  .keynote-list .table-list-box .speaker-tit{
    width: 100%;
    max-width: none;
    padding-left: 0;
  }
  .keynote-list .table-list-box .speaker-tit::before{
    display: none;
  }
  .keynote-list .table-list-box .down-btn{
    display: none;
  }
  .keynote-list .table-list-box .down-btn-m{
    display: inline-block;
    padding-bottom: 0;
    vertical-align: -2px;
    padding-left: 5px;
  }
  .keynote-list .table-list-box .down-btn-m:before{
    width: 21px;
    height: 17px;
    content: "";
    background: url(https://www.huawei.com/~/media/CORPORATE/minisite/hc2020/v3/img/icons/keynotes_icon_04.png) no-repeat;
    display: block;
  }
  .keynote-list .table-list-box .down-btn-m:hover:before{
    background: url(https://www.huawei.com/~/media/CORPORATE/minisite/hc2020/v3/img/icons/keynotes_icon_02.png) no-repeat;
  }
  
}
@media (min-width:992px) and (max-width:1024px){
  header nav.navbar .nav-link {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    font-size: 12px;
    margin: 0 !important;
}
}
@media (max-width: 1100px) and (min-width: 992px) {
  header .content-wrap {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .top-nav .content-wrap {
    padding-left: 45px;
    padding-right: 45px;
  }
}

.switch-tit .switch-one a{
  border: 0;
  border-bottom: 6px solid rgba(67, 111, 220, 0.4);
}
.switch-tit .switch-one a.active,.switch-tit .switch-one a:hover,.switch-tit .switch-one a:focus{
  border-color: #c7000b;
}
.switch-tit .switch-one:hover a span,
.switch-tit .switch-one a.active span {
  color: #333;
  font-weight: bold;
}

.switch-tit .switch-one:hover a em,
.switch-tit .switch-one a.active em {
  color: #686868;
}
.switch-tit ul li{
  margin-bottom: 0 !important;
}
.switch-tit ul li:last-child{
  padding-right: 0;
}

.patner-detail h5{
  margin-top: 20px;
}
.panel-group{
  margin-bottom: 0;
}

@media (max-width:767px){
  .keynote-list .tab-content-collapse {
    margin-bottom: 00px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0,0,0,0.05);;
    box-shadow: 0 1px 1px rgb(0,0,0,0.05);
  }
  .keynote-list .tab-content-collapse > a{
    color: #333;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    width: 100%;
    height: 40px;
    display: table;
    line-height: 40px;
  }
  .keynote-list .tab-content-collapse > a span,
  .keynote-list .tab-content-collapse > a em{
    color: #333;
    font-size: 18px;
    display: block;
    text-align: center;
    font-weight: bold;
  }
  .keynote-list .tab-content-collapse > a.collapsed span,
  .keynote-list .tab-content-collapse > a.collapsed em{
    color: #d9d9d9;
  }
  .keynote-list .tab-content-collapse > a em{
    font-size: 22px;
  }
  .keynote-list .collapse.show + a{
    border-top: 1px solid #ddd;
  }
  .key-warrp{
    padding-bottom: 100px;    
  }
}
.section-attention a .section-attention-popup{
  z-index: 11;
}

.faq2021{
  background: url(https://www.huawei.com/~/media/CORPORATE/minisite/hc2020/v3/img/index/bg.jpg) center -800px no-repeat;
  background-size: cover;
  padding: 70px 0;
}

.banner1.event-guide .media_banner{
  width: auto;
}
.banner1.event-guide .media_banner img{
  max-width: none;
}
/*faq css bof*/

.faq {
  padding-bottom: 30px;
}

.faq h2 {
  text-align: center;
  margin-bottom: 40px;
}

.faq .faq-tab ul {
  letter-spacing: -0.32em;
}

.faq .faq-tab ul li {
  letter-spacing: normal;
  display: inline-block;
  width: 25%;
  background: #dcdddd;
  text-align: center;
}

.faq .faq-tab ul li a {
  display: block;
  padding: 20px 0;
  font-size: 20px;
  color: #333;
}

.faq .faq-tab ul li a:hover {
  color: #fff;
  background: #c7000d;
  text-decoration: none;
}

.faq .faq-tab ul li a.active{
  color: #fff;
  background: #c7000d;
}

.faq .content {
  margin-top: 40px;
}

.faq .content .con-list {
  margin: 20px 0;
}
.faq .content .con-list h3,
.faq .content .con-list p {
  margin: 0;
  margin-bottom: 10px;
  color: rgb(68, 68, 68);
}
.faq .content .con-list h3{
  font-size: 18px;
  display: inline-block;

  line-height: 30px;
}
.faq .content .con-list h3 span{
  margin-left: 5px;
}
.faq .content .con-list h3 em {
  width: 2px;
  background: #c7000b;
  margin-right: 10px;
  height: 17px;
  display: inline-block;
  vertical-align: -2px;
}

.faq .content .con-list p {
  margin-left: 12px;
}

.faq .content .con-list ul {
  padding-left: 32px;
}

.faq .content .con-list ul li {
  list-style: disc;
}

.faq .content .con-list table {
  border: 1px solid #e5e5e5;
  text-align: center;
  font-size: 16px;
}

.faq .content .con-list table td {
  padding: 10px 20px;
}

.faq .content .con-list table thead {
  background: #c7000d;
  color: #fff;
}

@media(max-width:767px) {
  .faq h2 {
      margin-bottom: 20px;
  }
  .faq .content .con-list ul li {
      display: list-item;
      width: 100%;
      text-align: left;
      background: none;
  }
  .faq .panel-default>.panel-heading {
      padding: 0;
  }
  .faq .panel-default>.panel-heading .panel-title a {
      padding: 10px 15px;
      text-align: center;
  }
  .faq .panel-default>.panel-heading .panel-title a {
      background: #c7000d;
      color: #fff;
  }
  .faq .panel-default>.panel-heading .panel-title a.collapsed {
      background: #dcdddd;
      color: #282828;
  }
  .faq .panel-default>.panel-heading .panel-title a.collapsed span {
      color: #282828;
  }
  .faq .panel-default>.panel-heading .panel-title a span {
      display: inline-block;
      vertical-align: middle;
      font-size: 24px;
      font-weight: normal;
      color: #fff;
  }
  .faq .panel-default>.panel-heading .panel-title a em {
      vertical-align: middle;
      font-size: 36px;
      display: none !important;
  }
  .faq .content .con-list .table {
      width: 100%;
      overflow: auto;
  }

  .faq .content .con-list table {
      width: 1200px;
  }
}
.faq .faq-tab ul li a.nav-link.active,.faq .faq-tab ul li a.nav-link:hover,.faq .nav-tabs .nav-link.active{
  background-color: #c7000d;
  color: #fff !important;
  border: 0;
}
.faq .nav-tabs .nav-link{
  border:0;
}
.faq .faq-tab ul li a{
  border-radius: 0;
}
ol{
  padding-left: 20px;
}
.faq .content .con-list img{
  margin: 20px 0;
}
.faq .content .con-list ul{
  padding-left: 20px;
  margin-left: 10px;
}
.faq .content .con-list ul.yiqingma{
  padding-left: 10px;
} 
.faq .content .con-list ul.yiqingma li{
  list-style-type:none;
  display: inline-block;
  margin-right: 10px;
  max-width: 148px;
}
.faq .content .con-list ol{
  padding-left: 27px;
  list-style-type: decimal;
}
.faq .content .con-list li{
  margin-bottom: 5px;
}
@media (max-iwdth:767px){
  .faq .content .con-list p{
    margin-left: 0;
  }
  .faq .content .con-list ul.yiqingma li{
    max-width: 45%;
  }
}
.tab-pane.fade.collapse.in{
  display: block;
  opacity: 1;
}
@media(max-width:767px){
  .faq .tab-content-collapse>a{
    font-size: 16px;
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    padding: 0 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-weight: bold;
    text-align: center;
    background-color: #c7000b;
    color: #fff;
    margin-bottom: 10px;
  }
  .faq .tab-content-collapse>a.collapsed{
    background-color: #fff;
    color: #333;
  }
  .faq .tab-content-collapse>a span{
    display: inline-block;
    font-weight: bold;
  }
  .faq .tab-content-collapse>a em{
    display: inline-block;
  }

}
.faq .arrow_down{
  width: 14px;
  height: 8px;
  background-image: url(../images/home/icon-arrow-down.png);
  background-repeat: no-repeat;
  background-size: 100%;
  margin-top: -3px;
  display: inline-block;
  vertical-align: middle;
  transform-origin: center center;
  transition: all 0.3s;
}
.faq .btn-loadmore:hover{
  text-decoration: none;
}

.faq .btn-loadmore[aria-expanded="true"] span.arrow_down{
  transform: rotate(180deg);
}

/*faq css eof*/


/*media-center css bof*/

#main-action .switch-contact {
  margin-bottom: 50px;
}

#main-action .switch-tit a {
  display: block;
  padding-bottom: 10px;
  text-decoration: none;
}

#main-action .switch-tit ul,
#main-action .switch-tit ul li {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0px;
}

#main-action .mediacenter-tab.switch-tit a {
  border-bottom: none !important;
  padding: 0;
}

#main-action .mediacenter-tab {
  background-color: #f5f5f5;
  margin-top: 0;
}

#main-action .mediacenter-tab .col-xs-4 a,
#main-action .mediacenter-tab .col-xs-6 a {
  padding: 20px 0;
  text-align: center;
}

#main-action .mediacenter-tab .col-xs-4 a.active,
#main-action .mediacenter-tab .col-xs-6 a.active {
  background: #fff;
}

#main-action .mediacenter-tab.switch-tit a {
  border-bottom: none !important;
}

#main-action .mediacenter-tab.switch-tit span {
  color: #333;
  font-size: 16px;
}

#main-action .mediacenter-main,
#main-action .gallery-main {
  background: #fff;
}

#main-action .mediacenter-tab ul {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  justify-content: center;
  border: 0;
}

#main-action .switch-tit .active a span {
  color: #333;
  font-weight: bold;
}

#main-action .switch-tit a {
  display: block;
  padding-bottom: 10px;
  text-decoration: none;
}

#main-action .switch-tit .col-xs-4:first-child,
#main-action .switch-tit .col-xs-6:first-child {
  padding-left: 15px;
  padding-right: 2px;
}

#main-action .switch-tit .col-xs-4:nth-child(2),
#main-action .switch-tit .col-xs-6:nth-child(2) {
  padding-right: 2px;
}

#main-action .switch-tit .col-xs-4:last-child,
#main-action .switch-tit .col-xs-6:last-child {
  padding-right: 15px;
}

#main-action .switch-tit .col-xs-3 {
  padding: 0;
}

#main-action .switch-tit .col-xs-3:first-child {
  padding-left: 15px;
  padding-right: 2px;
}

#main-action .switch-tit .col-xs-3:nth-child(2) {
  padding-right: 2px;
}

#main-action .switch-tit .col-xs-3:last-child {
  padding-right: 15px;
}

#main-action .switch-tit .switch-one a {
  border-bottom: 6px solid #7ebfc3;
}

#main-action .switch-tit .switch-two a {
  border-bottom: 6px solid #fad1d0;
}

#main-action .switch-tit .switch-three a {
  border-bottom: 6px solid #eaf3d2;
}

#main-action .switch-tit .switch-four a {
  border-bottom: 6px solid #e3e4e8;
}

#main-action .switch-tit span {
  font-size: 18px;
  color: #d0d0d0;
  display: block;
  text-align: center;
}

#main-action .switch-tit em {
  display: block;
  color: #d9d9d9;
  font-style: normal;
  font-size: 14px;
  text-align: center;
  line-height: 1;
}

#main-action .switch-tit a:hover,
#main-action .switch-tit a.active {
  text-decoration: none;
}

#main-action .switch-tit .active a span {
  color: #333;
  font-weight: bold;
}

#main-action .switch-tit .active a em {
  color: #686868;
}

#main-action .switch-new-list h3 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 0px;
  line-height: 1.5;
}

#main-action .switch-new-list h3 a {
  color: #333;
  font-weight: bold;
}

#main-action .switch-new-list h3 a:hover {
  color: #c7000b;
  text-decoration: none;
}

#main-action .switch-new-list h3 a:visited {
  color: #797979;
}

#main-action .switch-new-list {
  padding-bottom: 15px;
  border-bottom: 1px solid #ececec;
  margin-top: 20px;
}

#main-action .switch-new-list em {
  color: #999;
  font-style: normal;
}

#main-action .switch-new-list .row .col-sm-9 {
  padding-left: 0;
}

#main-action .switch-contact {
  margin-bottom: 50px;
}

#main-action .switch-new-list h3 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 0px;
  line-height: 1.5;
}


#main-action .switch-new-list {
  padding-bottom: 15px;
  border-bottom: 1px solid #ececec;
  margin-top: 20px;
}

#main-action .switch-new-list em {
  color: #999;
  font-style: normal;
}

#main-action .switch-new-list .row .col-sm-9 {
  padding-left: 0;
}

@media (max-width:767px) {
  .mediacenter-tab {
      padding-top: 30px;
  }
}
#main-action .mediacenter-tab .col-sm-4{
  float: none;
    margin: 0 auto;
}

/*media-center css eof*/
.gallery-page{
  padding-top: 50px;
}
.gallery-page .swiper-box{
  position: relative;
  padding: 0 80px;
}
.gallery-page .swiper-button-prev,
.gallery-page .swiper-button-next{
  height: 80px;
  width: 30px;
  background: #666;
  color: #999;
  border-radius: 5px;
  padding: 0 5px;
}
.gallery-page .swiper-button-prev::after,
.gallery-page .swiper-button-next::after{
  font-size: 30px;
  color: #fff;
}

.gallery-share {
  margin: 10px auto 60px;
}

.related-gallery h3 {
  font-size: 24px;
  margin-bottom: 30px;
}

.gallery-share .social-share .social-share-icon {
  background-image: url("//www.huawei.com/~/media/CORPORATE/minisite/hc2017/images/v3/icon_sns.png") !important;
  width: 32px;
  height: 32px;
  background-size: 200px;
  border: none;
}

.gallery-share .social-share .icon-facebook {
  background-position: -1px -2px;
}

.gallery-share .social-share .icon-twitter {
  background-position: -35px -1px;
}

.gallery-share .social-share .icon-linkedin {
  background-position: -101px -1px;
}

.gallery-share .social-share .icon-google {
  background-position: -68px -1px;
}

.gallery-share .social-share .icon-weibo {
  background-position: -135px -1px;
}

.gallery-share .social-share .icon-wechat {
  background-position: -168px -1px;
}

.slick-slide:focus {
  outline: none;
}

.gallery-page hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}

@media screen and (max-width: 767px) {
  .gallery-page .slick-slider .slick-dots {
      display: none !important;
  }
  .gallery-page .slick-slider .slick-arrow.slick-prev {
      left: 0px;
  }
  .gallery-page .slick-slider .slick-arrow.slick-next {
      right: 0px;
  }
  .gallery-page .swiper-box{
    padding: 0 ;
  }
}
.pic-detail{
  margin-bottom: 50px;
}
@media (min-width:768px){
  .pic-detail .swiper-slide {
    max-width: 25%;
  }
}

/*gallery eof*/


.swiper-box{
  position: relative;
}
/* points page bof */
@media (min-width: 768px){
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .points-banner .banner-text{
    margin-right: -37px;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
}
}
.points-banner .page-title {
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
}

.points-banner .page-title h1 {
  font-size: 50px;
}

.points-banner {
  padding-top: 60px;
  padding-bottom: 100px;
  position: relative;
  width: 100%;
  overflow: hidden;
  background-image: url(https://www.huawei.com/~/media/CORPORATE/minisite/hc2019/v1/img/points-bg_02.jpg);
}

.points-banner .slick-box {
  max-height: 450px;
  overflow: hidden;
}

.points-banner .slick-box.slick-initialized {
  max-height: none;
  overflow: inherit;
}

.banner-text {
  padding: 60px 80px;
  background-color: #fff;
  border-radius: 10px;
}

.quotes-name span {
  display: inline-block;
  border-top: #e83b2f 3px solid;
  padding-top: 16px;
  font-size: 24px;
}

.quotes-content {
  margin-top: 0;
  position: relative;
  line-height: 1.6;
  font-size: 20px;
}

.quotes-content:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: -30px;
  background: url(https://www.huawei.com/~/media/CORPORATE/minisite/hc2019/v1/img/sprite.png) -145px -0px no-repeat;
  top: -24px;
  height: 24px;
  width: 30px;
  overflow: hidden;
}

.quotes-content:after {
  content: "";
  height: 24px;
  width: 29px;
  overflow: hidden;
  background: url(https://www.huawei.com/~/media/CORPORATE/minisite/hc2019/v1/img/sprite.png) -116px -0px no-repeat;
  display: inline-block;
  position: absolute;
  right: -30px;
  bottom: -24px;
}

.points-banner .swiper-button-prev,
.points-banner .swiper-button-next{
  border-radius: 50%;
}

.points-banner .swiper-button-prev{
  height: 58px;
  width: 58px;
  overflow: hidden;
  background: url(https://www.huawei.com/~/media/CORPORATE/minisite/hc2019/v1/img/sprite.png) -0px -0px no-repeat !important;
  z-index: 999;
  left: -100px;
  background-color: #e83b2f !important;
}

.points-banner .swiper-button-next{
  height: 58px;
  width: 58px;
  overflow: hidden;
  background: url(https://www.huawei.com/~/media/CORPORATE/minisite/hc2019/v1/img/sprite.png) -58px -0px no-repeat !important;
  z-index: 999;
  right: -100px;
  background-color: #e83b2f !important;
}

.points-banner .swiper-button-next.swiper-button-disabled,
.points-banner .swiper-button-prev.swiper-button-disabled {
  background-color: #bfbfbf !important;
  cursor: default;
}
.points-banner .swiper-button-prev:after, .points-banner .swiper-container-rtl .swiper-button-next:after,
.points-banner .swiper-button-next:after, .points-banner .swiper-container-rtl .swiper-button-prev:after{
  display: none;
}

.points-banner .swiper-pagination{
  width:100%;
  bottom: -60px;
  left: 0;
}
.points-banner .swiper-pagination .swiper-pagination-bullet{
  width: 10px;
  height: 10px;
  border-radius: 100%;
  overflow: hidden;
  border: 1px solid #858585;
  background: transparent;
  opacity: 1;
  margin: 0 7px;
}
.points-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background: #858585;
  border: 1px solid #858585;
}
.points-banner .slick-dots li button {
  background-color: transparent;
  width: 12px;
  height: 12px;
  overflow: hidden;
  border-radius: 50%;
  border: 1px #000 solid;
}

.points-banner .slick-dots li.slick-active button {
  background-color: #404040;
}

.points-banner .slick-arrow:before {
  content: ""
}

.points-banner .slick-dots {
  bottom: -60px;
}

@media(min-width: 768px) {
  .points-banner .content>.row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
  }
  .points-banner .content>.row>div {
      -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  }
  .points-banner .banner-text {
      margin-right: -27px;
      position: relative;
  }
  .points-banner .banner-img {
      position: relative;
      z-index: 2;
  }
}

@media(max-width: 767px) {
  .points-banner {
      padding-top: 20px;
      padding-bottom: 60px;
  }
  .points-banner .banner-text {
      top: -10px;
      position: relative;
      z-index: 1;
      padding: 60px 30px;
      border-top-right-radius: 0;
      border-top-left-radius: 0;
  }
  .quotes-content:before {
      left: 0;
  }
  .quotes-content:after {
      right: 0;
  }
  .points-banner .slick-dots li button {
      width: 16px;
      height: 16px;
  }
}

.points-list {
  padding-top: 60px;
  padding-bottom: 60px;
}

.points-line {
  border-top: 1px solid #b1c0c9;
}

.points-list .content {
  background-color: #dbe7ef;
  padding: 20px 24px;
  margin-bottom: 22px;
}

.points-list .point-quote {
  margin-top: 0;
  font-size: 16px;
}

.points-list .point-more {
  text-align: center;
}

.points-list .point-more .btn {
  /*background-color: #eb3625;*/
  color: #333333;
  padding: 10px;
  min-width: 160px;
  font-size: 18px;
  position: relative;
}
.points-list .point-more .btn .hc-icon-arrow_down{
  width: 18px;
  height: 10px;
  margin-left: 8px;
}
.points-list .point-name {
  font-size: 20px;
  margin: 0.5em 0;
}

.points-list .point-title {
  font-size: 14px;
  margin-top: -10px;
}

.points-list .point-img img {
  width: 100%;
}


/* points page eof */
.prize-info{
  margin: 70px auto
}
.prize-info h1{
  text-align: center;
  margin-bottom: 30px;
}
.prize-info .col-sm-10{
  float: none;
  margin: 0 auto;
}
.prize-info .statement{
  background: #feefee;
  text-align: left;
  color: #e8382f;
  padding: 50px 12% 0;
}
.prize-info .statement .content{
  padding-bottom: 50px;
}
.prize-info .statement h4{
  font-size: 16px;
}
.prize-info .statement p{
  font-size: 16px;
  margin-bottom: 2px;
}
@media (max-width: 767px){
  .prize-info .col-sm-8 { 
    padding: 0;
  }
  .prize-info .name-list .content{
    padding: 20px 20px;
  }
  .zhiboyoujiang .header1 .content{
    width: 100%;
  }
  .zhiboyoujiang .header1 .content .link-home{
    margin-top: 22px;
  }
}


.btn-play,.btn-play-1 {
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  text-decoration: none;
  z-index: 10;
  border: 1px solid #fff;
  padding: 0;
  width: 70px;
  height: 70px;
  margin-left: -35px;
  margin-top: -35px;
}

.btn-play.def {
  position: relative;
  left: auto;
  top: auto;
  margin-top: 0;
  margin-left: auto;
  display: inline-block;
}

.btn-play:hover,.btn-play-1:hover {
  background-color: #fff;
}

.btn-play:hover i,.btn-play-1:hover i {
  color: #000;
}

.btn-play i,.btn-play-1 i {
  font-size: 22px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 50%;
  margin-left: -8px;
  color: #fff;
}

@media (min-width: 992px) {
  .btn-play,.btn-play-1 {
      width:80px;
      height: 80px;
      margin-left: -40px;
      margin-top: -40px;
  }
}

@media (max-width: 991px) {
  .btn-play,.btn-play-1 {
      width:60px;
      height: 60px;
      margin-left: -30px;
      margin-top: -30px;
  }
}
.point-img{
  position: relative;
}

.modal.fade.in{
  opacity: 1;
}
.modal-backdrop.fade.in{
  opacity: .5;
}
.video-dialog  .bootstrap-dialog-title{
  display: none;
}
.video-dialog .modal-header {
  padding: 0;
  border: 0;
}
.video-dialog .modal-header .close{
  padding: 0;
    margin: 0;
    position: absolute;
    top: 1px;
    right: 10px;
    z-index: 111;
    color: #fff;
    text-shadow: none;
    opacity: 1;
    font-size: 34px;
}
.video-dialog .modal-body{
  padding: 0;
 
}
.video-dialog .modal-dialog{
  top: 50%;
  transform: translateY(-50%) !important;
}
@media (min-width: 576px){
  .video-dialog .modal-dialog{
    max-width: 960px;
  }
}



/* video list */

.video-list {
  padding: 80px 0;
}

.video_box {
  position: relative;
}

.video_box a.js_img_link,
.video_box a.js_video_icon,
.video_box .video_icon,
.video_box a.js_video_player {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(//www.huawei.com/Assets/CBG/img/video_btn.png) 50% no-repeat;
}

.video_box a.js_video_icon:hover,
.video_box .video_icon:hover,
.video_box a.js_video_player:hover,
.video_box a:hover .video_icon {
  background: url(//www.huawei.com/Assets/CBG/img/video_btn_hover.png) 50% no-repeat;
}

.video-tab {
  padding: 30px 0;
}

.video-tab ul {
  padding: 0;
  border: 0;
}
@media (max-width:767px){
  .video-tab + .tab-content-collapse >a{
    padding: 10px 15px;
    border: 1px solid #ddd;
    width: 100%;
    height: 40px;
    display: table;
    line-height: 40px;
    color: #333;
    margin-bottom: 10px;
    font-weight: bold;
    border-radius: 5px;
  }
}


.video-tab li {
  display: inline-block;
  margin: auto 5px;
  padding: 10px 0;
}

.video-tab li a {
  display: block;
  border: 1px solid #ccc;
  border-radius: 30px;
  padding: 10px 15px;
  color: #333;
}

.video-tab li.active a {
  background-color: rgb(0, 72, 157);
  color: #fff;
}

.video-content {
  margin-bottom: 15px;
}

.title-color {
  border-bottom: 3px solid #301b86;
  -o-border-image: -o-linear-gradient(left, #6bb92e 10%, #192c7d 40%, #951786, #ea4f1a);
  border-image: -webkit-gradient(linear, left top, right top, color-stop(10%, #6bb92e), color-stop(40%, #192c7d), color-stop(#951786), to(#ea4f1a));
  border-image: linear-gradient(to right, #6bb92e 10%, #192c7d 40%, #951786, #ea4f1a);
  padding-bottom: 5px;
  border-image-slice: 0 0 100% 0;
}

.video-list .video-page-title {
  margin-bottom: 50px;
  text-align: center;
}

.video-content p {
  margin-bottom: 20px;
  margin-top: 5px;
}

.connect-live-summary p {
  font-size: 18px;
  margin: 0;
}
.connect-live-summary .col-sm-8{
  float: none;
  margin: 0 auto;
}
@media(min-width: 768px) {
  .video-content {
      letter-spacing: -0.32em;
  }
  .video-content>div {
      display: inline-block;
      letter-spacing: normal;
      vertical-align: top;
      float: none;
  }
}

@media(max-width: 767px) {
  .connect-live-summary [class*="col-"] {
      margin-top: 15px;
  }
  .video-tab .panel:first-child {
      display: none;
  }
}

.video-tab {
  padding: 30px 0;
}

.video-tab ul {
  padding: 0;
}

.video-tab li {
  display: inline-block;
  margin: auto 5px;
  padding: 10px 0;
}

.video-tab li a {
  display: block;
  border: 1px solid #ccc;
  border-radius: 30px;
  padding: 10px 15px;
}

.video-tab li a.active  {
  background-color: rgb(0, 72, 157);
  color: #fff;
}

.video-content {
  margin-bottom: 15px;
}

.title-color {
  border-bottom: 3px solid #301b86;
  -o-border-image: -o-linear-gradient(left, #6bb92e 10%, #192c7d 40%, #951786, #ea4f1a);
  border-image: -webkit-gradient(linear, left top, right top, color-stop(10%, #6bb92e), color-stop(40%, #192c7d), color-stop(#951786), to(#ea4f1a));
  border-image: linear-gradient(to right, #6bb92e 10%, #192c7d 40%, #951786, #ea4f1a);
  padding-bottom: 5px;
  border-image-slice: 0 0 100% 0;
}

.video-list .video-page-title {
  margin-bottom: 50px;
  text-align: center;
}

.video-content p {
  margin-bottom: 20px;
  margin-top: 5px;
}

.connect-live-summary p {
  font-size: 18px;
  margin: 0;
}

@media(min-width: 768px) {
  .video-content {
      letter-spacing: -0.32em;
  }
  .video-content>div {
      display: inline-block;
      letter-spacing: normal;
      vertical-align: top;
      float: none;
  }
}

@media(max-width: 767px) {
  .connect-live-summary [class*="col-"] {
      margin-top: 15px;
  }
  .video-tab .panel:first-child {
      display: none;
  }
}


.hidden{
  display: none !important;
}
a,a:hover,a:active,a:focus{
  outline: none;
  box-shadow:none !important;
}