body {
  overflow-x: hidden;
}

html {
  font-size: 26px;
}

@media (min-width: 768px) {
  html {
    font-size: 28px;
  }
}

@media (min-width: 992px) {
  html {
    font-size: 30px;
  }
}

@media (min-width: 1200px) {
  html {
    font-size: 32px;
  }
}

@media (min-width: 1366px) {
  html {
    font-size: 34px;
  }
}

@media (min-width: 1460px) {
  html {
    font-size: 40px;
  }
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }

  body .swiper-container-horizontal>.swiper-pagination-progress {
    width: 910px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }

  body .swiper-container-horizontal>.swiper-pagination-progress {
    width: 1110px;
  }
}

@media (min-width: 1440px) {
  .container {
    width: 1280px;
  }

  body .swiper-container-horizontal>.swiper-pagination-progress {
    width: 1250px;
  }
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.align-center {
  display: flex;
  align-items: center;
}

.flex-all-center {
  display: flex;
  align-items: center;
  justify-items: center;
}

.flex-space-between {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.flex-start {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.flex-space-start {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
}

header {
  position: sticky;
  height: 1.5rem;
  top: 0;
  background: #ffffff;
  z-index: 3;
  box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, 0.1);
}

nav {
  flex: 1;
}

.header {
  display: flex;
  justify-content: center;
}

.logo a {
  display: inline-block;
  width: 3.725rem;
  height: 0.875rem;
}

.logo:before {
  display: inline-block;
  content: "";
  width: 0;
  height: 100%;
  vertical-align: middle;
  font-size: 0;
}

.logo b {
  display: inline-block;
  vertical-align: middle;
  width: 6.4rem;
  height: 0.9rem;
  background: url(/images/common/logo.png) left center no-repeat;
}

.h1 {
  font-size: 0.8rem;
  font-weight: 500;
  color: #2a2c30;
}

.h2 {
  font-size: 0.6rem;
  font-weight: 500;
  color: #4b4c52;
}

.h2-1 {
  font-size: 0.75rem;
  font-weight: 500;
  color: #2a2c30;
}

.h3 {
  font-size: 0.5rem;
  font-weight: 500;
  color: #4b4c52;
}

.h4 {
  font-size: 0.4rem;
  font-weight: 500;
  color: #4b4c52;
  line-height: 1.45;
}

.tpm-rich-asstext {
  line-height: 24px;
  font-size: 14px;
  width: 80%;
  margin: 0.5rem auto;
  text-align: left;
}

body .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 5%;
  opacity: 0.3;
  transition: all 0.3;
}

body .swiper-button-prev:hover,
.swiper-container-rtl .swiper-button-next {
  opacity: 1;
}

body .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 5%;
  opacity: 0.3;
}

body .swiper-button-next:hover,
.swiper-container-rtl .swiper-button-prev {
  opacity: 1;
}

/*-----------------------------------*/
.header-tel {
  font-size: 0.35rem;
  font-weight: 500;
  color: #000;
}

.header-tel-num {
  display: flex;
  align-items: center;
  padding: 0.125rem 0.25rem;
  height: 0.6rem;
  border: 1px solid #ffffff;
  border-radius: 0.3rem;
  margin-left: 0.25rem;
}

.header-tel-num img {
  width: 0.5rem;
}

footer {
  margin-top: 2.5rem;
  background: #f3f5ff;
  padding: 0.5rem 0 0 0;
}

.footer-section {
  display: flex;
  justify-content: space-around;
}

.text-wraper {
  color: #43506a;
}

.text-wraper p {
  font-size: 0.35rem;
  font-weight: bold;
  line-height: 1rem;
}

.text-wraper a {
  font-style: none;
  color: #43506a;
  display: inline-block;
  width: 49%;
  line-height: 1rem;
}

.text-wraper span:hover {
  color: #055eed;
}

.footer-section .text-box {
  margin-top: 0.2rem;
  /* display: flex;
  
  flex-direction: column;
  flex-wrap: wrap; */
}

.footer-ewm img {
  width: 4rem;
  margin-bottom: 0.5rem;
}

.text-box p {
  margin-bottom: 0.2rem;
}

.text-box>span {
  line-height: 0.65rem;
}

.text-box>span>b {
  font-weight: 700;
  font-size: 0.5rem;
  color: #43506a;
}

.text-wraper.center {
  text-align: center;
}

.comm-banner {
  height: 12.5rem;
  background-repeat: no-repeat;
  background-position: top;
  background-size: auto 100%;
}

.comm-banner-tltle {
  margin-top: 3.5rem;
  font-size: 1rem;
  font-weight: 500;
  color: #181818;
  ;
}

.comm-banner-tltle.comm-banner-tltle1 {
  margin-top: 2rem;
}

.comm-content {
  margin-top: 2rem;
  text-align: center;
}

.comm-banner-subtitle {
  margin-top: 0.4rem;
  font-size: 0.4rem;
  font-weight: 400;
  color: #4b5b76;
  line-height: 0.9rem;
  max-width: 22rem;
}

.comm-banner-btn {
  display: inline-block;
  cursor: pointer;
  margin-top: 1.48rem;
  text-align: center;
  line-height: 1.2rem;
  width: 4rem;
  height: 1.2rem;
  background: #0052d9;
  font-size: 0.45rem;
  font-weight: 500;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
}

.comm-banner-btn:hover {
  background: #266fe8;
  box-shadow: 8px 8px 20px rgba(55, 99, 170, 0.1);
}

.banner-bg-game {
  background-image: url(https://cloudcache.tencent-cloud.com/qcloud/ui/static/tc_portal/4acc7f81-4dda-4ead-9fa1-721ccfd1f3e6.jpg);
}

.banner-bg-fhlw {
  background: url(/images/plan/banner.png) center no-repeat;
}

.banner-bg-yl {
  background-image: url(https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/HVqhj9tcmZeCi_sGU-46w.png);
}

.banner-bg-video {
  background-image: url(https://cloudcache.tencent-cloud.com/qcloud/ui/static/tc_portal/5713d392-b8c5-4a4d-95cd-3f8b3119fea1.jpg);
}

.banner-bg-vchat {
  background-image: url(https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/HaNxOACYmdQzQcdi91RYI.jpg);
}

.banner-bg-mpsdp {
  background-image: url(https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/YW3dT4gNe5Gzs6EuFsOiH.jpeg);
}

.banner-bg-jy {
  background-image: url(https://cloudcache.tencent-cloud.com/qcloud/ui/static/tc_portal/4987766f-357e-4c29-be86-608ee84f7e3e.jpg);
}

.banner-bg-bigdata {
  background-image: url(https://cloudcache.tencentcs.cn/qcloud/tcloud_dtc/static/tc_portal/36a3dcf8-f9f6-4472-ad51-4c640e715cbc.jpg);
}

.banner-bg-cvm {
  background-image: url(https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/iIRz3lRglgEcOf5N5FEBd.jpg);
  background-size: auto 800px;
  background-repeat: no-repeat;
  background-position: top;
  background-color: #f1f3f4;
}

.banner-bg-qcvm {
  background-image: url(https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/vP7CcyoTrNxD9ZPLKdcgR.jpg);
  background-size: auto 800px;
  background-repeat: no-repeat;
  background-position: top;
  background-color: #f1f3f4;
}

.banner-bg-gpucvm {
  background-image: url(https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/pbG3iJgU1ybKnfDvyHcQa.jpg);
  background-size: auto 800px;
  background-repeat: no-repeat;
  background-position: top;
  background-color: #f1f3f4;
}

.banner-bg-ycc {
  background-image: url(https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/P0BrTze6XrMCgS_dtfwxZ.jpg);
  background-size: auto 800px;
  background-repeat: no-repeat;
  background-position: top;
  background-color: #f1f3f4;
}

.banner-bg-cos {
  background-image: url(https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/gfhVuQWaihJMqAyN9TVpP.jpg);
  background-size: auto 800px;
  background-repeat: no-repeat;
  background-position: top;
  background-color: #f1f3f4;
}

.banner-bg-cfs {
  background-image: url(https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/lQr8tE-rGFYrL1SmewEeJ.png);
  background-size: auto 800px;
  background-repeat: no-repeat;
  background-position: top;
  background-color: #f1f3f4;
}

.banner-bg-ysj {
  background-image: url(https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/deF8UqNCaxfYPNA9SXbQf.jpg);
  background-size: auto 800px;
  background-repeat: no-repeat;
  background-position: top;
  background-color: #f1f3f4;
}

.banner-bg-cdn {
  background-image: url(https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/_bJejrHVyDD2vCgNOuel9.jpg);
  background-size: auto 800px;
  background-repeat: no-repeat;
  background-position: top;
  background-color: #f1f3f4;
}

.banner-bg-xtbg {
  background: url(/images/product/bgxt.png) center no-repeat;
}

.banner-bg-ysp {
  background-image: url(https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/O0nygNI7u9NxpitzKvbwv.jpg);
  background-size: auto 800px;
  background-repeat: no-repeat;
  background-position: top;
  background-color: #f1f3f4;
}

.banner-bg-rq {
  background-image: url(https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/SNLGTYXcTLNrhUE6duRX0.jpg);
  background-size: auto 800px;
  background-repeat: no-repeat;
  background-position: top;
  background-color: #f1f3f4;
}

.banner-bg-gsjj {
  background-image: url(https://cloudcache.tencent-cloud.com/qcloud/ui/portal-set/build/Case/images/banner_a7e.jpg)
}

.banner-bg-rczp {
  background: url(/images/other/rczp_banner.png) center no-repeat;
}

.banner-bg-syqy {
  background-image: url(https://dscache.tencent-cloud.cn/upload/uploader/banner-ed65db5694821d76d44803641b2140dfcc2f7004.4711f81de7266d1cd315.png);
}

.banner-bg-syzx {
  background-image: url(https://cloudcache.tencent-cloud.com/qcloud/ui/static/tcloud_operation/88db71dd-2144-4267-971d-0a065a5916c4.jpg);
}

.banner-bg-fwzc {
  background-image: url(https://vocassets-new-1253841380.cos.ap-guangzhou.myqcloud.com/pc.png);
}

.banner-bg-qdzp {
  background: url(/images/other/qdzm_banner.png) center no-repeat;
}

.banner-bg-lxwm {
  background-image: url(https://imgcache.qq.com/open_proj/proj_qcloud_v2/portal-set/build/Contact/images/pc-banner.jpg);
}

.banner-bg-khal {
  background: url(/images/other/kfal_banner.png) center no-repeat;
}

.banner-bg-khal2 {
  background: url(/images/other/khal_banner2.png) center no-repeat;
}

.banner-bg-gsjs {
  background: url(/images/about/gsjs.png) center no-repeat;
}

.top0 {
  padding-top: 0 !important;
  margin-top: 0;
}

.common-tab {
  border: 1px solid #eceff3;
}

.common-tab-sticky {
  position: sticky;
  position: -webkit-sticky;
  top: 1rem;
  width: 100%;
  background: #ffffff;
  z-index: 2;
}

.common-tab .container {
  display: flex;
}

.common-tab-item,
.common-tab-item span,
.common-tab-item a {
  cursor: pointer;
  flex: 1;
  padding-top: 1.18rem;
  padding-bottom: 0.6rem;
  font-size: 0.6rem;
  font-weight: 500;
  color: #000000;
  text-align: center;
  border-bottom: 1px solid #ffffff;
}

.common-tab-item span:hover,
.common-tab-item a:hover {
  color: #0052d9;
  border-bottom: 1px solid #0052d9;
}

.common-tab-item.active span,
.common-tab-item.active a {
  color: #0052d9;
  border-bottom: 1px solid #0052d9;
}

.common-tab-content {
  padding-top: 2rem;
}

.common-tab-content-items {
  display: none;
  flex-wrap: wrap;
  justify-content: space-between;
}

.common-tab-content-items.active {
  display: flex;
}

.common-tab-content-item {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.5rem 1rem 1.78rem 1rem;
  width: 30%;
  min-height: 10rem;
  border: 0px solid #ffffff;
  background: linear-gradient(0deg, #ffffff 0%, #f1f4f7 100%);
  box-shadow: 0rem 0rem 1rem 0rem #d5dded;
  border-radius: 0.15rem;
  margin-bottom: 1rem;
  transition: all 0.3s;
}

.common-tab-content-item:hover {
  transform: translateY(-8px);
}

.common-tab-content-item-zw {
  width: 30%;
}

.common-tab-content-item>img {
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 0.2rem;
}

.common-tab-content-item>b {
  font-size: 0.6rem;
  font-weight: 500;
  color: #2a2c30;
  margin-top: 0.5rem;
  margin-bottom: 0.7rem;
}

.common-tab-content-item>div {
  font-size: 0.3rem;
  font-weight: 500;
  color: #4b4c52;
  line-height: 1.8;
}

.common-tab-content-item:hover {
  border: 0px solid #ffffff;
  background: linear-gradient(0deg, #ffffff 0%, #f1f4f7 100%);
  box-shadow: 0rem 0rem 1rem 0rem #d5dded;
  border-radius: 0.15rem;
}

.common-tab-content-item img {
  width: 2.1rem;
  height: 2.1rem;
}

.channel-ld {
  margin-top: 2rem;
  display: flex;
  align-items: center;
}

.channel-ld-item {
  position: relative;
  cursor: pointer;
  padding: 1.02rem 0.7rem;
  flex: 1;
  color: #43506a;
  height: 5rem;
  border: 0px solid #ffffff;
  background: linear-gradient(0deg, #ffffff 0%, #f1f4f7 100%);
  box-shadow: 0rem 0rem 1rem 0rem #d5dded;
  border-radius: 0.15rem;
}

.channel-ld-item:hover {
  color: #0052d9;
}

.channel-ld-item:hover ::before,
.channel-ld-item:hover ::after {
  border-color: #0052d9;
}

.channel-ld-item>div:nth-child(1) {
  font-size: 0.6rem;
  font-weight: 500;
}

.channel-ld-item>div:nth-child(2) {
  margin-top: 0.5rem;
  font-size: 0.45rem;
  font-weight: 500;
  line-height: 0.6rem;
}

.channel-ld-item+.channel-ld-item {
  margin-left: 0.68rem;
}

.channel-ld-item::before {
  position: absolute;
  top: 0.8rem;
  left: 0.8rem;
  content: " ";
  display: inline-block;
  width: 0.3rem;
  height: 0.3rem;
  border: 3px solid #43506a;
  border-right: 0;
  border-bottom: 0;
}

.channel-ld-item::after {
  position: absolute;
  top: 0.8rem;
  right: 0.8rem;
  content: " ";
  display: inline-block;
  width: 0.3rem;
  height: 0.3rem;
  border: 3px solid #43506a;
  border-left: 0;
  border-bottom: 0;
}

.channel-ld-item::before :hover {
  border-color: #0052d9;
}

.channel-ld-item::after :hover {
  border-color: #0052d9;
}

.channel-img {
  margin: 2rem auto;
  width: 80%;
}

.channel-ld-btns {
  position: relative;
}

.channel-ld-btns>div.btn {
  cursor: pointer;
  width: 96%;
  height: 1.4rem;
  background: #0052d9;
  border-radius: 0.15rem;
  line-height: 1.1rem !important;
  color: #ffffff;
  z-index: 1;
  font-size: 0.6rem;
}

.channel-ld-btns>div.btn1 {
  position: absolute;
  cursor: pointer;
  top: 0.4rem;
  width: 100%;
  height: 1.65rem;
  background: #0052d9;
  opacity: 0.1;
  border-radius: 0.35rem;
  z-index: 0;
}

.div-title-line {
  width: 3rem;
  margin: 0 auto;
  height: 2px;
  background: #0052d9;
  margin-top: 1rem;
}

.text-inden2 {
  text-indent: 2em;
}

.bgF5F7FB {
  background-color: #f5f7fb;
}

.side-service {
  cursor: pointer;
  position: fixed;
  right: 0;
  top: 50%;
  width: 2.2rem;
  transform: translateY(-50%);
  z-index: 4;
  text-align: center;
}

.side-header {
  width: 2.2rem;
  height: 2.2rem;
  border: 0px solid #ffffff;
  background: linear-gradient(0deg, #feffff 0%, #f4f6f9 100%);
  box-shadow: 0rem 0rem 0rem 0rem #e8eef5;
  border-radius: 50%;
  padding: 0.48rem 0.4rem;
}

.side-header>img {
  width: 1.4rem;
  height: 1.25rem;
}

.side-service-conetent {
  margin-top: 0.25rem;
  width: 2.2rem;
  height: 6.25rem;
  border: 0px solid #ffffff;
  background: linear-gradient(0deg, #4b93ff 0%, #0b57fd 100%);
  box-shadow: 0rem 0rem 0rem 0rem #e8eef5;
  border-radius: 1.1rem;
  text-align: center;
}

.side-service-conetent div {
  width: 0.6rem;
  margin-top: 0.48rem;
  height: 2.98rem;
  font-size: 0.65rem;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  line-height: 1.1;
  margin-left: calc(50% - 0.3rem);
}

.side-top-btn {
  margin-top: 0.25rem;
  width: 2.2rem;
  height: 2.2rem;
  line-height: 2rem;
  border: 0px solid #ffffff;
  background: linear-gradient(0deg, #feffff 0%, #f4f6f9 100%);
  box-shadow: 0rem 0rem 0rem 0rem #e8eef5;
  border-radius: 1.1rem;
}

.side-top-btn img {
  width: 0.87rem;
  height: 0.43rem;
}

.bg3A3A3A {
  background-color: #3a3a3a;
}

.copyright {
  padding: 0.4rem 0;
  text-align: center;
  font-size: 0.8rem;
  color: #999;
  margin-top: 0.5rem;
}

.copyright a,
.copyright span,
.copyright b {
  font-size: 0.4rem;
}

.copyright a {
  color: #ccc;
}

.tpm-tabs__item-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
}

.footer-service-list {
  text-align: center;
  margin-bottom: 20px;
  box-sizing: border-box;
  padding: 30px 0;
  border-bottom: 1px solid rgba(73, 87, 112, 0.2);
  -webkit-font-smoothing: antialiased;
}

.footer-service-list>li {
  width: 25.5%;
  vertical-align: top;
  text-align: left;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
}

.footer-service-list .term {
  font-size: 16px;
  color: #000;
}

.footer-service-list li:hover .term {
  cursor: pointer;
  text-decoration: none;
  color: #0052d9;
}

.footer-service-list .icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  vertical-align: middle;
  margin-right: 4px;
  margin-left: -6px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top center;
  -webkit-animation: plsFooterLeave 0.3s steps(16) forwards;
  animation: plsFooterLeave 0.3s steps(16) forwards;
}

.footer-service-list .icon-1 {
  background-image: url(/images/common/bottom_1.png);
}

.footer-service-list .icon-2 {
  background-image: url(/images/common/bottom_2.png);
}

.footer-service-list .icon-3 {
  background-image: url(/images/common/bottom_3.png);
}

.footer-service-list .icon-4 {
  background-image: url(/images/common/bottom_4.png);
}

.header_menu__logo {
  width: 1.6rem;
}

.header_menu__logo.scale108{
  transform: scale(1.08);
}
.huawei .home-num-area b 
{
  color: #C7000B;
}
.huawei .home-banner{
  min-height: 11.5rem;
}
.huawei .home-panel_win{
  border-top-color:#C7000B ;
}
.huawei .home-panel_title{
  color:#C7000B
}
.huawei .home-panel__bg1{
  background-image: url(/images/common/bg_zz.png)
}
.huawei .home-panel__bg2{
  background-image: url(/images/common/bg_nl.png)
}