/* 字体引用 */
@font-face {
    /* font-properties */
    font-family: SC-bold;
    src:url(https://staticres.obs.cn-east-3.myhuaweicloud.com/website/font/SourceHanSansCN-Bold.otf);
}
/* 自定义CSS变量 */
/* 配色 */
:root{
  --main-color:#1b558f;
  --blue: #0082ec;
}
#root .btn-outline-primary:hover{
  color: white;
}
#root .btn-outline-primary{
    color: #0082ec;
    border-color:#0082ec;
}
/* 移动端hover兼容 */
@media (any-hover: hover){
  #root .btn-outline-primary:hover {
    color: #fff;
    background-color:#0082ec;
    border-color: #0082ec;
  }
  a:hover{
    /* color: #0082ec;     */
    text-decoration: none;
  }
  #root .about-us .card-link:hover,.home-card-link:hover{
  /* transition-duration: 2s; */
  /* background-color: #1b558f; */
  background-color: #0082ecd4;
  /* font-weight: bold; */
  color: #FFFFFF!important;
  }
}

#root .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #0082ec;
    border-color: #0082ec;
}
#root .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #0082ec;
}
a {
    color: #0082ec;
    text-decoration: none;
    background-color: transparent;
}
a {
    color: #0082ec;
    text-decoration: none;
    background-color: transparent;
}


#root .btn-primary {
  font-size: 18px;
    color: #fff;
    background-color: #0082ec;
    border-color:  #0082ec;
}
#root .head .btn-primary {
    color: #000000;
    background-color: #e9ecef;
    border-color: #000000;
    border: 0px;
    /* border-left: #31cbff7d 3.5rem solid; */
}
#root .about-us .card-link,.home-card-link{
  color:white; 
  background-color:#0082ec;
  /* border:#0082ec 2px outset; */
}

/* 移动端边框适配 */
/* @media (min-width: 100px) {
  #root {
    padding: 0rem 0.75rem 0.75rem 0.75rem;
  }
}
@media (min-width: 568px) {
  #root {
    padding: 0rem 0.75rem 1rem 1rem;
  }
}
@media (min-width: 1024px) {
  #root {
    padding: 0 2.5rem 2.5rem;
  }
}
@media (min-width: 1941px) {
  #root {
    padding: 0 3.5rem 3.5rem;
    max-width: 1920px;
  }
} */
/* 去除边距 */
.padding-0{
 padding-left: 0;
 padding-right: 0;
}
.froze{
  width: 100%;
  /* height: auto; */
  /* position: fixed; */
  /* top: 0; */
  /* right: 0; */
  /* bottom: 0; */
  /* left: 0; */
  overflow: hidden!important;  
}

@media (max-width: 768px) {
  .about-us {
    padding: 0rem 0.75rem 0rem 1rem;
  }
  .product-card2.card-deck{
    padding: 0rem 0.75rem 0rem 1rem;
  }
  .product-card2 .card-body {
    padding-top: 40px!important;
  }
  .product-card2 .p2 {
    overflow: unset;
  }
  .product-card2 .qrcode {
    margin: 0 auto!important;
    float: none!important;
    display: block;
    /* margin-left: 0px!important;
    margin-right: 0px!important; */
  }
  .product-card2 .left .p2 span {
    position: initial!important;
    margin: 0 auto!important;
    text-align: center;
    display: block;
    /* top: 46px; */
  }
  
  .product-card2 .left .p2 .wechatTips{
  display: none;
  }
  .card-body.left .card-text.p1 {
    margin-left: 0px!important;;
  }
  .home-product.card{
    padding: 0rem 0.75rem 0rem 1rem;
  }
  .page-cases .card-deck{
    padding: 0rem 1.75rem 0rem 1.75rem;
  }
  .page-cases-sample .case-container {
    padding: 0rem 1.75rem;
  }
  .page-products{
    /* padding: 0rem 0.75rem 0rem 1rem; */
  }
  .page-products .content-title-h2,.product-info-items,.product-feature{
    padding: 0rem 1.75rem;
  }
  .footer-menu .address a{
    float: right;
  }
  .p-title-2 {
    margin-top: 60px!important;
  }
  #products .home-product.card {
    margin-bottom: 60px!important;
  }
}

/* 移动端样式适配 */
@media screen and (max-width: 1024px) {
  .about-us .card-body {
    padding: 0.25rem !important;
  }
  .html,
  body {
    overflow-x: hidden;
  }
  .head {
    height: 65px!important;
    position: fixed;
    /* margin-top: 0; */
    background-color: white;
    z-index: 1314;
    display: block;
    width: 100%;
    left: 0;
    top: -0.75rem;
    /* padding: 0.75rem; */
    /* padding-top: 1.5rem; */
    padding-bottom: 0;
  }
  .head-logo img {
  left: 10px!important;
  }
  .head .short-name{
    line-height: 30px;
  }
  .head .container-xl {
    padding-left: 2px;
    padding-right: 2px;
  }
  /* 新增头部适配 */
  .head .head-logo img{
    height: 40px;
  }
  .head .web-address{
    display: none;
  }
  .company-info h2{
    margin-left: -10px;
    line-height: 30px!important;
    font-size: 24px!important;
  }
  .head-button .button-phone-menu{
    height: 55px!important;
    width: 60px!important;
    /* margin-bottom: 0.75rem; */
  }
  .head-contact{
    position: absolute;
    font-size: 12px;
    line-height: 16px;
    right: 60px!important;
    top:-1px;
  }
   .head-contact p{
    font-size: 12px;
    line-height: 18px;
  }
  /* 新增头部结束 */
  .imgLoop {
    margin-top: 65px !important;
    /* margin-left: -15px!important; */
    /* margin-right: -15px!important; */
  }
  .content-title-h2 p {
   padding-left: 5px;
   padding-right: 5px;
  }
  .product-card2 img{
    max-width: 270px!important;
  }
  .logo-card{
    margin-bottom: 15px;
    padding-left: 7.5px;
    padding-right: 7.5px;
  }
  .product{
    /* padding-top:0!important; */
  }
  .product .card-deck {
    /* padding-left: 0.25rem !important; */
    /* padding-right: 0.25rem !important; */
  }
  .product .product-card1 {
    padding-bottom: 60px !important;
  }
  .product-card2 .mb-3{
    /* margin-bottom: 2rem!important; */
    margin-top: 0px!important;
  }
  .clientSamples{
    padding-top: 60px!important;
    padding-bottom: 60px !important;
  }
  .footer{
    /* margin-left: -15px; */
    /* margin-right: -15px; */
  }
  .content-title-h2 h2 {
    padding-top: 60px!important;
    padding-left: 15px!important;
    padding-right: 15px!important;
  }
 
}
@media screen and (max-width:1200px){
  .head-contact{
    position: absolute;
    font-size: 12px;
    line-height: 16px;
    right: 140px;
    top:-1px;
  }
}


/* 统一样式 */
.invisible-scrollbar::-webkit-scrollbar {
  display: none;
}

#root {
  /* min-height: 2000px; */
  background-color: #FFF;
}
.container-lg {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

/* 通用样式 */
.mw-1240{
  max-width:1240px;
  margin: 0 auto;
}

/* 头部导航 */
.fixed{
  position: fixed;
  top: -0.5rem;
  left: 0;
  /* margin-top: 0!important; */
  box-shadow: 0px 0px 3px #ddd, -2px -2px 3px #ddd;
}
.head{
  
  height: 80px;
  /* width:1200px; */
  margin: 0 auto;
  margin-top: 0.5rem;
  padding-top: 0.3rem;
  z-index:1314;
  background-color: white;
  width: 100%;
}
.nav-pills {
  height: auto;
  padding-top: 12px;
}
.nav-pills .nav-item span {
  display: block;
  width: 30%;
  margin: 0 auto;
  margin-bottom: 0;
  top: 0.6rem;
  position: relative;
  /* border-bottom: 0.1rem solid blue; */
}
/* 移动端hover兼容 */
@media (any-hover: hover){
  .nav-pills .nav-item a:not(.active):hover span {
    border-bottom: 0.1rem solid #0082ec;
  }
}
.head-logo{
  text-align: center;
}
.head-logo img {
  left: 30px;
  position: relative;
  max-width: 100px;
  height: 48px;
  display: inline;
  margin-top: 7px;
  background-color: transparent;
}
.company-info {
  padding-top: 0.8rem;
  padding-left: 1.2rem;
}
.full-name {
   /* text-decoration: none; */
  display: inline-block;
}
.short-name {
   /* text-decoration: none; */
  display: none;
}
.head .short-name{
  margin-left: -15px;
}
@media screen and (max-width: 768px) {
  .full-name {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .short-name {
    display: inline-block !important;
  }
}
.head-contact{
  padding-top: 12px;
  height: 68px;
  width: auto;
}
@media screen and (min-width:1024px){
  .head .head-contact{
    position: relative;
    left: 90px;
  }
  .head .head-logo, .head .company-info{
    position: relative;
    right: 60px;
  }
  
}
@media screen and (min-width:768px){
  .head-contact a{
      pointer-events:none;
  }
}
@media screen and (max-width:768px){
.head-contact a{
  pointer-events:inherit;
  cursor:unset;
}
}

.head-contact a{
  display: inline-block;
  /* cursor: none; */
  text-decoration: none;
}
.head-contact li{
 /* display: inline; */
 line-height: 40px;
 float: left;
}
.head-contact ul{
  width: 115px;
  list-style-type :none;
  padding-left: 0px;
  /* display: inline-flex; */
}
.head-contact p{
  display: block;
  line-height: 22px;
  margin-bottom: 0;
  color: black;
  font-weight: bold;
}
.head-contact .head-phone{
  color: #0082ec;
  /* cursor: none; */
}
.header_active {
  background: #fff;
  position: fixed;
  top: 0;
  transition: all linear 0.3s;
  z-index: 99;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
}
.header_1 {
  width: 100%;
  transition: all linear 0.3s;
}
#header .row{
  width: 100%;
  margin: 0;
}
.imgLoop.row{
  width: 100%;
}


/* 移动端下拉菜单 */
@media (min-width: 100px) {
  .head-button{
    position: absolute;
    right:1rem;
  }
}
@media (min-width: 568px) {
  .head-button{
    position: absolute;
    right:1rem;
  }
}
@media (min-width: 1024px) {
  .head-button{
    position: absolute;
    right: 2.5rem;
  }
  .footer-bottom .friendship,.gg{
    margin-bottom: 0px;
  }
}
@media (min-width: 1941px) {
  .head-button{
    position: absolute;
    right:2.5rem;
  }
}
.head-button{
  position: absolute;
}
.head-button .button-phone-menu {
  width: 80px;
  height: 70px;
  text-align: center;
  background-color:transparent;
  border: 0px solid transparent;
  background: white;
  -webkit-appearance: unset!important;
}
.head-button .button-phone-menu img {
  display: inline-block;
  width: 55%;
  margin-top: 15px;
}
#phone-menu {
  padding:0px 30px 30px 30px!important;
  max-height: calc( 100vh - 65px );
  overflow-y: scroll;
  margin: 0!important;
  position: relative;
  z-index: 999;
  width: 100%;
  /* height: 100%; */
  /* padding: 0; */
  background-color: #ffffff;
}
#phone-menu .card-body {
  background-color: #ffffff;
  z-index: 999;
  padding: 0 !important;
  /* margin-top: 45px; */
  /* margin-right: -15px; */
  /* margin-left: -15px; */
  border: none;
}
#phone-menu button {
  z-index: 999;
  font-size: 1.5em;
  height: 4.8rem;
  line-height: 4rem;
}
#phone-menu a {
  font-size: 1.2rem;
  line-height: 3rem;
  min-height: 3.5rem;
  font-family: 'Times New Roman', Times, serif;
  z-index: 999;
  text-align: center;
  align-content: center;
  justify-content: center;
  vertical-align: middle;
  
}
/* 动画效果start */
    #phone-menu {
        min-height: 100vh;
        -webkit-transition: height .40s ease-in,height .40s ease-out;
        transition: height .40s ease-in,height .40s ease-out;
    }
     #phone-menu .card-body>a {
        border-bottom: 1px solid #ddd;
        overflow: hidden;
        opacity: 0;
        -webkit-transform: scale(1.1) translateY(-24px);
        -ms-transform: scale(1.1) translateY(-24px);
        transform: scale(1.1) translateY(-24px);
        -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
        transition: opacity 0.35s ease-out, transform 0.35s ease-out;
    }
    #phone-menu.show .card-body>a {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
        transition: opacity 0.35s ease-out, transform 0.35s ease-out;
    }
    #phone-menu .card-body>a:nth-child(1) {
      margin-top: 15px;
        -webkit-transition-delay: 350ms, 350ms;
        transition-delay: 350ms, 350ms;
    }
    #phone-menu .card-body>a:nth-child(2) {
        -webkit-transition-delay: 300ms, 300ms;
        transition-delay: 300ms, 300ms;
    }
    #phone-menu .card-body>a:nth-child(3) {
        -webkit-transition-delay: 2500ms, 250ms;
        transition-delay: 250ms, 250ms;
    }
    #phone-menu .card-body>a:nth-child(4) {
        -webkit-transition-delay: 200ms, 200ms;
        transition-delay: 200ms, 200ms;
    }
    #phone-menu .card-body>a:nth-child(5) {
        -webkit-transition-delay: 150ms, 150ms;
        transition-delay: 150ms, 150ms;
    }    
     #phone-menu .card-body>a:nth-child(6) {
        -webkit-transition-delay: 100ms, 100ms;
        transition-delay: 100ms, 100ms;
    }
    #phone-menu .card-body>a:nth-child(7) {
      -webkit-transition-delay: 50ms, 50ms;
      transition-delay: 50ms, 50ms;
    }
        #phone-menu .card-body>a:nth-child(8) {
      -webkit-transition-delay: 0ms, 0ms;
      transition-delay: 0ms, 0ms;
    }

    #phone-menu.show .card-body>a:nth-child(1) {
      margin-top: 10px;
        -webkit-transition-delay: 0ms, 0ms;
        transition-delay: 0ms, 0ms;
    }
    #phone-menu.show .card-body>a:nth-child(2) {
        -webkit-transition-delay: 50ms, 50ms;
        transition-delay:50ms, 50ms;
    }
    #phone-menu.show .card-body>a:nth-child(3) {
        -webkit-transition-delay: 100ms, 100ms;
        transition-delay: 100ms, 100ms;
    }
    #phone-menu.show .card-body>a:nth-child(4) {
        -webkit-transition-delay: 150ms, 150ms;
        transition-delay: 150ms, 150ms;
    }
    #phone-menu.show .card-body>a:nth-child(5) {
        -webkit-transition-delay: 200ms, 200ms;
        transition-delay: 200ms, 200ms;
    }
    #phone-menu.show .card-body>a:nth-child(6) {
        -webkit-transition-delay: 250ms, 250ms;
        transition-delay: 250ms, 250ms;
    }
    #phone-menu.show .card-body>a:nth-child(7) {
        -webkit-transition-delay: 300ms, 300ms;
        transition-delay: 300ms, 300ms;
    }
     #phone-menu.show .card-body>a:nth-child(8) {
        -webkit-transition-delay: 350ms, 350ms;
        transition-delay: 350ms, 350ms;
    }
    /* 动画效果end */
#phone-menu .dropdown-menu a {
  height: 5rem;
  line-height: 5rem;
  font-family: 'Times New Roman', Times, serif;
}
#phone-menu .dropdown-menu a:not(:first-child) {
  border-top: 1px solid#9298df66;
}
#phone-menu .dropdown-menu {
  font-family: 'Times New Roman', Times, serif;
  width: 100%;
}
#phone-menu button {
  font-family: 'Times New Roman', Times, serif;
}
#phone-menu .bottom-back {
  margin-bottom: 2rem;
}
.card-body .btn-primary {
  margin-top: 1rem;
}

.dropdown-menu.show {
  /* -webkit-transition:all .6s ease-in-out; 
    transition:all .6s ease-in-out;  */
  position: unset !important;
  display: contents;
  text-align: center;
  align-content: center;
  font-size: 1.5em;
  line-height: 3.5;
}
.company-info h2 {
  font-family: 微软雅黑;
  font-size: 28px;
  color: rgb(67, 67, 67);
  line-height: 35px;
}
.company-info p {
  font-size: 12px;
  line-height: 22px;
  text-transform: uppercase;
}
.bar {
  height: 80px;
  display: block;
  width: auto;
}


/* 滚动图 */
.imgLoop {
  /* margin-top: 0.5rem; */
  margin-left: 0px;
  margin-right: 0px;
  z-index: -1;
}
.imgLoop .bd-example{
  margin: 0 auto;
}
.imgLoop h5 {
  font-size: 1.4rem;
}
.imgLoop p {
  font-size: 1rem;
}
.imgLoop img {
  max-width: 1920px;
  z-index: -1;
}
/* 首页移动端图片适配 */
@media screen and (max-width: 768px) {
  .imgLoop .img1 {
    content: url(https://staticres.obs.cn-east-3.myhuaweicloud.com/website/imgs/homeimg8_mobile.png);
  }
  .imgLoop .img2 {
    content: url(https://staticres.obs.cn-east-3.myhuaweicloud.com/website/imgs/homeimg9_mobile.png);
  }
  .imgLoop .img3 {
    content: url(https://staticres.obs.cn-east-3.myhuaweicloud.com/website/imgs/latop-rd.jpg);
  }
  .imgLoop .img4 {
    content: url(https://staticres.obs.cn-east-3.myhuaweicloud.com/website/imgs/smartphone-rd.jpg);
  }
  .about-us .card-link,.home-card-link {
        padding: 0px 7px!important;
        margin-right: 10px!important;
        font-size: 16px!important;
  }
  .page-ims .values-banner{
    content: url(https://staticres.obs.cn-east-3.myhuaweicloud.com/website/imgs/bg-ims-mobile.png);
  }
}


/* 公司简介 */
@media screen and (max-width: 768px) {
  .about-us{
  padding-top: 40px!important;
  }
  .p-title-2,.content-title-h2.p {
    padding-left: 30px!important;
    padding-right: 30px!important;
    text-align: justify;
  }
  .about-us-team.container{
    /* padding-left: 0!important; */
    /* padding-right: 0!important; */
  }
}
.about-us {
  padding-top: 120px;
  margin-left: 0px;
  margin-right: 0px;
  /* padding-left: 15px; */
  /* padding-right: 15px; */
  margin: 0 auto;
  background-color: white;
}
.about-us .card-body{
  padding-top: 0;
  padding-bottom: 0;
}
@media screen and (min-width:1240px){
   .page-aboutus .about-us{
    /* max-width: 1600px; */
    margin: 0 auto;
    /* padding-left: 120px;
    padding-right: 120px; */
   }
}
  .page-aboutus .about-us{
    /* background-color: #e1eff3; */
    /* background-image: url(https://staticres.obs.cn-east-3.myhuaweicloud.com/website/imgs/aboutus-bg2.jpg); */
    /* padding-left: 15px; */
    /* padding-right: 15px; */
    background-repeat:no-repeat;
    background-size:100%;
    background-position: 20px 20px;
    -moz-background-size:100% 100%;
  }
  .page-aboutus .about-us img{
    background-color: transparent;
  }
  .page-aboutus .about-us *{
    background-color: transparent;
  }
.bottomline{
  /* box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; */
  width: 80%;
  margin: 0 auto;
  position: relative;
  border-bottom: 0.5px solid grey;
  min-width: 1000px;
  display: block;
}
.about-us .card {
  border: none;
}
.about-us .card h2 {
  line-height: 92px;
  font-size: 30px;
  color: #0082ec !important;
  margin-bottom: 0!important;
}
.about-us .card p {
  color:#666666;
  font-size: 16px;
  line-height: 32px;
  /* font-weight: 400; */
  /* text-indent: 2em; */
  margin-bottom: 1em;
  letter-spacing:0.8px;
  text-align: justify;
}
.about-us .card-link,.home-card-link {
  margin-left: 0px!important;
  margin-right: 1.25rem;
  margin-top: 10px;
  display: block;
  /* width: 110px; */
  padding: 0px 15px;
  border-radius: 3px;
  color: #FFFFFF;
  float: left;
  text-align: center;
  align-content: center;
  /* background-image: url(https://staticres.obs.cn-east-3.myhuaweicloud.com/website/imgs/icon__border_style1.png); */
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  /* border: #0082ec 1px solid; */
  font-size: 18px;
  line-height: 36px;
  margin-bottom: 32px;
}
.about-us-img {
  background-color: white;
  /* padding-top: 2.5rem; */
  align-content: center;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  justify-content: center;
  height: auto;
  line-height: 100%;
}
.about-us-img img {
  vertical-align: middle;
  width: 100%;
  /* float: right; */
  /* margin-right: -15px; */
}
.page-aboutus .about-us-img {
  padding-top: 145px;
  /* padding-bottom: 90px; */
}
.page-aboutus .about-us img{
  height: 420px;
  width: 290px;
  max-height: 440px;
}
.about-us-img img:nth-child(2) {
  /* width: auto; */
  margin-left: 6%;
  max-height: 440px;
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
  /* .about-us .card {
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
  }
  .about-us .about-us-img {
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%;
  }
  .about-us-img img:nth-child(2) {
    display: none;
  }
  .about-us-img img {
    max-height: 450px;
  } */
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
  /* .page-aboutus .about-us .card {
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
  }
  .page-aboutus .about-us .about-us-img {
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
  }
  .page-aboutus .about-us-img img:nth-child(2) {
    display: none;
  }
  .page-aboutus .about-us-img img {
    max-height: 450px;
  } */
}
@media screen and (min-width: 1400px) and (max-width: 1804px) {
  .about-us .card {
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
  }
  .about-us .about-us-img {
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%;
  }
  .about-us-img img:nth-child(2) {
    display: none;
  }
  .about-us-img img {
    max-height: 430px;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1804px) {
  .page-aboutus .about-us .card {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .page-aboutus .about-us .about-us-img {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .page-aboutus .about-us-img img:nth-child(2) {
    display: none;
  }
  .page-aboutus .about-us-img img {
    max-height: 430px;
  }
}

.about-us-team{
      /* max-width: 1600px; */
      margin: 0 auto;
      /* padding-top: 30px; */
      padding-bottom: 5rem;
}
.about-us-team .single-blog{
    width: 100%;
    margin-top: 30px;
    position: relative;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
}
.about-us-team .blog-content{
    padding: 0 20px 30px 30px;
    position: relative;
    z-index: 1;
    transition: 0.5s;
    overflow: hidden;
}
.about-us-team .blog-content.service{
    padding: 35px 30px 30px 30px!important;
}
.about-us-team .blog-content.service p{
  text-align: justify;
}
.service-card {
  display: flex;
}
.blog-img img{
    width: auto;
    height: 200px;
}
.blog-meta {
    position: relative;
    margin-bottom: 15px;
}
.blog-meta::before {
    position: absolute;
    left: -30px;
    top: 0;
    content: "";
    width: 3px;
    background: #1067DB;
    height: 30px;
}
.blog-content a h4 {
    font-size: 20px;
    /* color: #444; */
    line-height: 26px;
    transition: 0.4s;
    height: 38px;
}
.blog-content p {
    line-height: 28px;
    transition: 0.4s;
    margin: 0 0 15px;
    color: #888e94;
}
.page-aboutus .p-title-2 {
  /* max-width: 1600px; */
  display: block;
  margin: 0 auto;
  margin-top: 2rem;
  margin-bottom: 2rem;
  text-align: left;
  padding-left: 35px;
  font-size: 30px;
}
.p-title-2 {
  margin-top: 120px;
  margin-bottom: 62px;
}


/* 产品介绍 */
.product-info{
  /* margin-top: 0.5rem; */
}
.product {
  background-color: white;
  padding-top: 0.1px;
}
.product h2 {
  display: line-block;
  text-align: center;
  align-content: center;
  height: auto;
  font-size: 30px;
  line-height: 30px;
  text-align: center;
  vertical-align: center;
}
.h2-bottomline{
  display: block;
  margin: 0 auto;
  position: relative;
  background-color: #0082ec;
  top: 28px;
  height: 2px;
  width: 32px;
}
.h2-bottomline-left{
  display: block;
  /* margin: 0 auto; */
  position: relative;
  background-color: #0082ec;
  top: 16px;
  height: 2px;
  width: 32px;
}

.product .card-group {
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 20px;
}
.product-card1-item{
  margin-bottom: 0;
  position: relative;
  /* flex-direction: column; */
  display: flex;
  /* padding-left: 1.2%; */
  /* padding-right: 1.2%; */
}
.card-title{
  margin-top: 10px;
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  color: #000000;
}
.list-group-item{
  color: #666666;
  font-size: 16px;
}
.about-us .card-title{
  margin-top: 10px;
  /* margin-bottom: 32px; */
  font-weight: bold;
  font-size: 30px;
}
.card-title-2{
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #666666;
}
.card-title span{
  display: block;
  position: relative;
  left: 0;
  top: 12px;
  width: 18px;
  height: 2px;
  background-color: #0082ec;
}
.card-title-2 span{
  display: block;
  position: relative;
  left: 0;
  top: 7px;
  width: 18px;
  height: 2px;
  background-color: #0082ec;
}
.card-body .card-text{
  padding: 10px;
  color:#666666;
  font-size: 16px;
  line-height: 32px;
  text-align: justify;
  
}
.product-card1-item .card-footer{
      /* border-radius: 0 0 0 0; */
}
/* 选中效果 */
/* 移动端hover兼容 */
@media (any-hover: hover){
  .product-card1-item .card:hover{
    top: -10px;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid #0082ec;
    transition: 0.15s;
  }
  .product-card1-item .card:hover .card-title,.product-card1-item .card:hover .card-title-2{
  color:#0082ec;
  font-weight: bold;
  }
  .product-card1-item:hover .card-border-2{
  border-radius: calc(.25rem - 1px) calc(.25rem - 1px) calc(.25rem - 1px) calc(.25rem - 1px);
  /* box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); */
  transition: 0.15s;
  }
  .product-card1-item:hover .card-footer{
    background-color:rgba(0, 130, 236, 0.23)!important;
    color: white;
    transition: 0.15s;
    font-weight: bolder;
  }
  .product-card1-item:hover .text-muted{
    color: black!important;
    font-weight: bolder;
  }
  .env-card:hover .area-title{
  border: #0082ec 2px solid;
  box-shadow: none;
  }
  .env-card:hover .env-title{
  color: #0082ec;
  font-weight: bold;
  }
}


.product-card1 .card-border-2{
  /* box-shadow: 0px 0px 3px 0px #1296db; */
  border: none;
  height: auto;
  width: auto;
  margin: 0;
}
.product-env{
  padding-bottom: 90px;
}
.env-card{
  margin-bottom: 32px;
  padding:0px 16px;
  flex-grow: 1;
  display: flex;
  /* box-shadow: -1px 1px 4px #666666; */
  /* margin-right: 16px; */
  /* margin-left: 16px; */
}

.env-img{
  width: 30%;
  display: inline-block;
  vertical-align: top;
}
.env-number{
    /* float: right; */
    width:32px;
    height: 32px;
    border-radius: 50%;
    line-height: 28px;
    margin-top: 4px;
    font-size: 24px;
    margin-bottom: 16px;
    font-weight: 600;
    color: #FFFFFF;
    /* margin-right: 10%; */
    /* border: #0082ec 1.5px solid; */
    text-align: center;
    background-color: #0082ec;
    /* color: #0082ec; */
}
.product-env .row{
  padding-left: 60px;
  padding-right: 60px;
}
.env-img img{
  width: 100%;
}
.area-title{
  width: 100%;
  display: inline-block;
  padding: 40px;
  box-shadow: -1px 1px 5px rgba(0, 130, 236, 0.2784313725490196);
}
.env-title{
  font-size: 24px;
  color: #000000;
  font-weight: 500;

}
.area-content{
 color: #666666;
 font-size: 16px;
 margin-top: 16px;
 text-align: justify;
}
.product-price{
    float: right;
    color: #0082ec;
}
@media screen and (max-width:768px){
  .env-number{
    line-height: 32px!important;
  }
  .area-title{
  box-shadow: none!important;
      padding: 18px 10px;
  } 
  .area-content{
    margin-top: 0px;
  }
  .product-env .row{
    padding-left: 30px;
    padding-right: 30px;
    margin-left: 0;
    margin-right: 0;
  }
  .product-env .env-title{
    display: inline-block;
    margin-left: 5px;
    vertical-align: sub;
  }
  .product-env .env-number{
    display: inline-block;
        font-size: 18px;
  }
  .product-card1-item{
    margin-top: 1rem!important;
    margin-bottom: 0!important;
    /* padding-right: 0px; */
    align-items: center;
  }
  .product-env{
  padding-bottom: 10px;
  }
  .product-card1 .card-border-2{
    width: 97.61%;
  }
  .product-card2 .p2 img{
    margin-top: 1rem!important;
  }

}
  /* 移动端hover兼容 */
@media (any-hover: hover){
  .product-card2 .no-gutters:hover small{
  top: 30px!important;
  color: inherit!important;
  right: 70px;
  transition: all 0.5s ease;
  }
}
.product-card2 .no-gutters{
  position: relative;
  /* box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); */
}
.product-card2 .no-gutters:hover{
    /* transition:all 0.3s ease;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    top: -10px;
    background-color: rgba(0, 130, 236, 0.23)!important; */
}
.product-card2{
  padding-top: 30px;
  margin-bottom: 104px;
}
.product-card2 .mb-3:last-child{
  margin-top: 60px;
}
.product-card2 .no-gutters small:last-child{
  color: transparent!important;
  position: absolute;
  left: 200px;
  top: 15px;
  /* display: none; */
  /* left: -100px; */
  /* transition: all 0.2s ease; */
}
.product-card2 .no-gutters small{
  color: transparent!important;
  position: absolute;
  right: 200px;
  top: 15px;
  /* display: none; */
  /* left: -100px; */
  /* transition: all 0.2s ease; */
}
/* 移动端hover兼容 */
@media (any-hover: hover){
  .product-card2 .no-gutters:hover small{
  top: 15px;
  color: inherit!important;
  right: 110px;
  transition: all 0.5s ease;
  }
  .product-card2 .no-gutters:hover small:last-child{
    top: 15px;
    color: inherit!important;
    left: 110px;
    transition: all 0.5s ease;
  }
}



.product-card1 p {
  text-align:justify;
}
.product-card2 p{
  text-align:justify;
  /* text-indent: 2rem; */
}
.product-card1 img{
  height:auto;
  /* height:expression_r(this.width >260 ? (260*(this.height/this.width))：true); */
}
.product-card1 .product-card1-item{
margin-bottom: 32px;
}
.product-card2 .card-body{
  height: 100%;
  padding-top: 110px;
}
@media screen and (min-width:768px){
  .product-card2 .right.card-body{
    position: relative;
    right: -95px;
  }
  .product-card2 .left.card-body{
    position: relative;
    left: -95px;
  }
}

.product-card2 p {
  overflow: auto;
}
.product-card2 .card-title{
  padding:0;
}
.product-card2 .card-imgdiv:first-child{
  text-align: right;
  padding-right: 145px;
  /* padding-right: 60px; */
  /* padding-left: 1.25rem; */
}
.product-card2 .card-imgdiv.next{
  text-align: left;
    padding-left: 145px;
}
@media screen and (max-width:768px){
  .product-card2 img{
    /* margin-top:3.25rem!important; */
    margin: 0;
  }
  .product-card2 .card-imgdiv{
    padding: 0!important;
    text-align: center!important;
  }
  .product-card2{
    padding-bottom: 30px!important;
    margin-bottom: 0px;
  }
}
.product-card2 img{
max-width: 363px;
}
.product-card2 .wxlogo:first-child{
  margin-right: 16px;
}
.product-card2 .wxlogo:last-child{
  margin-left: 16px;
}
.product-card2 .wxlogo{
  vertical-align: sub!important;
  /* max-height: 468px; */
}
.product-card2 .card-title{
  margin-top: 0.5rem;
  line-height: 2.5rem;
  font-weight: bold;
}
.product-card2 .right .card-title{
  text-align: end;
}
.card-body.left .card-text.p1{
  margin-left: 55px;
  
}
.card-body.right .card-text.p1{
  margin-right: 55px;
}

.product .product-card1 {
  padding-bottom: 88px;
  /* padding-top: 3rem; */
}
.product .card-deck .card-footer {
  text-align: center;
}
@media screen and (min-width:1024px){
  .product-card2 .p1{
    /* min-height: 175px; */
  }
}

.product-card2 .p2 {
  /* bottom: 20px; */
  position: relative;
  display: block;
  min-height: 160px;
  color: #666666;
}
.product-card2 .left .p2 span{
  position: relative;
  top: 110px;
  left: -145px;
  font-size: 16px;
  color: #666666;
}
.product-card2 .right .p2 span{
  float: right;
  position: relative;
  top: 110px;
  left: 145px;
  font-size: 16px;
  color: #666666;
}
.product-card2 .left .qrcode{
  float: left;
}
.product-card2 .right .qrcode{
  float: right;
}
.product-card2 .qrcode {
  margin: 0;
  height: 100px;
  width: 100px;
  margin-left: 50px;
  margin-right:50px;
  float: right;
  /* margin-bottom: 1.25rem; */
  /* position: absolute; */
  /* right: 50%; */
  /* bottom: 2%; */
}


/* 客户展示 */
@media screen and (max-width:768px){
  .client-logos{
    content: url(https://staticres.obs.cn-east-3.myhuaweicloud.com/website/imgs/client_logo_mobile.png);
  }
  .footer-wechat p{
  font-size: 14px;
 }
 .footer-wechat.select{
    display:block;
    background-color: #FFFFFF;
    z-index: 1999;
 }
}
@media screen and (max-width:1200px){
  .card-deck.deck-1 .card{
    flex:1 1 46%;
    margin-bottom: 36px;
  }
}
.client-logos{
  display: block;
  margin: 2rem auto;
  width: 100%;
}
.clientSamples {
  padding-top: 120px;
  padding-bottom: 90px;
  /* margin-bottom: 80px; */
  background-color: white;
}
.clientSamples h2 {
  padding-left: 15px;
  padding-right: 15px;
  display: line-block;
  text-align: center;
  align-content: center;
  height: auto;
  line-height: 48px;
  margin-bottom: 62px;
  text-align: center;
  vertical-align: center;
  font-size: 30px;
}
.clientSamples h4 {
  display: line-block;
  line-height: 40px;
  text-align: center;
  align-content: center;
  vertical-align: center;
}
.clientSamples span {
  color: red;
}
.clientSamples .logo-container img{
  width: 100%;
}
.clientSamples .logo-container .logo-card{
  margin-bottom: 30px;
}
.clientSamples .card-deck {
  /* padding-left: 5%;
  padding-right: 5%; */
  margin-top: 60px;
}


/* 页面通用底部 */
.footer {
  /* border-top: 1px solid black; */
  background-color: #f3f4f5;
  height: auto;
}
.footer-menu {
  /* padding: 50px 0; */
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin-left: 0px;
  margin-right: 0px;
}
.footer .title {
   font-size: 1.2rem;
  font-weight: bold;
}
.footer-company-info{
    margin-top: 15px; 
    margin-left: 25px;
    width: 100%;
    height: auto;
    display: inline-block;
}
.footer .footer-menu-link .title {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-width: 0 0 1px;
  font-size: 1.2rem;
}

.footer-wechat-container .title {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-width: 0 0 1px;
}
.footer .footer-menu-link ul {
  height: auto;
  padding-inline-start: 0.25rem;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  margin: 0 auto;
  margin-top: 5px;
}
.footer .footer-menu-link ul a {
  display: flex;
  margin-top: 12px;
  width: 25%;
  height:auto;
}
.footer-menu-link .company-info {
  float: left;
  /* margin-top: 35px; */
}
.footer-menu-link img {
  float: left;
  max-width: 100px;
  height: 55px;
  /* display: block; */
  /* margin-top: 40px; */
  /* margin-left: 40px; */
  background-color: transparent;
}
.footer-menu-link .company-info h2,
p {
  display: block;
}
.footer .list-group-item {
  /* background-repeat: no-repeat; */
  background-color: transparent;
}
.footer-menu .company-contact a{
  color:black;
}
.footer-menu .company-contact img{
  height: 20px;
  display: inline-block;
  margin:auto;
  position: relative;
  top: -2px;
  left: -2px;
}
.footer-menu .company-contact .tel a{
  pointer-events: none;
}
.footer-menu .address a,.mail a{
  text-decoration:none;
}

@media screen and (max-width:768px){
  .footer-menu .company-contact .tel a{
    pointer-events: inherit;
    text-decoration: underline;
  }
  .footer-menu .company-contact .tel .next{
    margin-left: 138px;
    line-height: 50px;
    display: block;
  }
  .sepsign{
    display: none;
  }
  .footer-menu .address a{
  /* text-align: center; */
}
}

/* 锚点 */
.anchor1{
  position: relative;  
  top: -75px;  
  display: block;  
  height: 0;  
  overflow: hidden;  
}
@media screen and (min-width: 1140px) and (max-width: 1732px) {
  .footer .company-contact {
    max-width: 38%;
    width: 38%;
    flex: 0 0 38%;
  }
  .footer .footer-menu-link {
    max-width: 34%;
    width: 34%;
    flex: 0 0 34%;
  }
}
@media screen and (min-width: 1732px) {
  .footer .company-contact,
  .footer .footer-menu-link {
    min-width: 445px;
  }
  .footer .company-contact,
  .footer .company-contact .footer-menu-link {
    min-width: 535px;
  }
  
}
.footer-wechat {
  float: right;
  text-align: center;
  display: block;
  /* padding: 2rem 0; */
}
.footer-wechat img {
  padding-top: 2rem;
  display: block;
  width: 80%;
  margin: 0 auto;
}
.footer-bottom {
  height: 68px;
  line-height: 68px;
  clear: both;
  /* background-color: #f0f4f7; */
  background-color: #e6eaf266;
  /* color: white; */
}
.footer-bottom .friendship a{
  color: #6c757d;
  padding: 0 0.8rem;
  line-height: 14px;
  display: inline-block;
}
.footer-bottom .friendship a:not(:first-child){
border-left: #212529 solid 1px;
}
.footer-bottom .gg a{
  height: 68px;
  line-height: 68px;
  clear: both;
  /* background-color: #f0f4f7; */
  /* background-color: #0d5afea1; */
  color: #212529;
}
.footer-bottom .copyRight {
  max-width: 1400px;
  margin: auto;
  min-width: 1000px;
}
@media screen and (max-width: 1024px) {
  .footer-bottom .friendship a{
    line-height: 35px;
    width: 45%;
  }
  .footer-bottom .friendship a:not(:first-child) {
    border-left: #212529 solid 0px;
}
  .footer-bottom .friendship a:nth-child(2n){
    /* border-left: #212529 solid 1px; */
  }
  .footer-bottom .friendship:first-child{
    text-align: left;
    text-indent: 2.5rem;
    font-size: 16px;
    font-weight: bold;
  }
  .footer-bottom .gg a{
    height: auto;
    line-height: 20px;
  }
  .footer-bottom .copyRight {
    padding: 0.5rem 0.5rem;
    padding-top: 1.5rem;
    min-width: 100%;
    text-align: center;
    align-content: center;
    min-height:300px;
  }
  .footer-bottom {
    height: auto;
    line-height: 1rem;
  }
  .footer-bottom .copyRight p {
    float: none !important;
  }
  .mobile-gg {
    display: block !important;
  }
}
.mobile-gg {
  display: none;
  margin-bottom: 0.5rem;
}
.footer-bottom .copyRight p {
  float: right;
}
.footer-bottom .copyRight .gg {
  float: right;
}
.footer-bottom .copyRight .friendship {
  float: left;
}
.footer-bottom .copyRight .gg .ga-icon {
  display: inline-block;
  width: 18px;
  height: 25px;
  background: url(https://staticres.obs.cn-east-3.myhuaweicloud.com/website/imgs/ga-icon.png) no-repeat;
  margin: 0 5px;
  vertical-align: middle;
}
.footer-bottom .copyRight .gg .jc-icon {
  display: inline-block;
  width: 38px;
  height: 47px;
  background: url(https://staticres.obs.cn-east-3.myhuaweicloud.com/website/imgs/jc-icon.png) no-repeat;
  vertical-align: middle;
  margin-left: 10px;
}
.copyRight-pBr {
  display: none;
}

/* 联系用浮窗 */
.assist {
  background: #fff;
  border: 1px solid #e9e9e9;
  position: fixed;
  z-index: 2038;
  bottom: 1rem;
  right: 1rem;
  width: 6rem;
  color: #707070;
  text-align: center;
}
.assist img {
  display: block;
  margin: 0.8rem auto;
  width: 3rem;
}

.assist .hotline img {
  content: url(https://staticres.obs.cn-east-3.myhuaweicloud.com/website/imgs/icon_phone_unselect.png);
}
.assist .qqLink img {
  content: url(https://staticres.obs.cn-east-3.myhuaweicloud.com/website/imgs/icon_message_unselect.png);
}
.assist .go-up img {
  content: url(https://staticres.obs.cn-east-3.myhuaweicloud.com/website/imgs/icon_goup_unselect.png);
}
.assist .wechat img:nth-child(2) {
  content: url(https://staticres.obs.cn-east-3.myhuaweicloud.com/website/imgs/icon_weixin_unselect.png);
}


.assist .hotline:hover img {
  content: url(https://staticres.obs.cn-east-3.myhuaweicloud.com/website/imgs/icon_phone_selected.png);
}
.assist .qqLink:hover img {
  content: url(https://staticres.obs.cn-east-3.myhuaweicloud.com/website/imgs/icon_message_selected.png);
}
.assist .go-up img:hover {
  content: url(https://staticres.obs.cn-east-3.myhuaweicloud.com/website/imgs/icon_goup_selected.png);
  cursor: pointer;
}
.assist .wechat img:nth-child(2):hover {
  content: url(https://staticres.obs.cn-east-3.myhuaweicloud.com/website/imgs/icon_weixin_selected.png);
  cursor: pointer;
}

.assist .phonenum {
  display: none;
  position: absolute;
  background: #fff;
  border: 1px solid #d5da98;
  width: 14rem;
  right: 6.5rem;
  top: -0.1rem;
  padding: 0.6rem;
  padding-left: 0.8rem;
  text-align: center;
  align-content: center;
}
.hotline:hover .phonenum {
  display: block;
}
.assist .phonenum p {
  line-height: 2rem;
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
  display: inline;
  float: left;
  margin-left: 1rem;
}
.assist .phonenum img {
  float: left;
}
.assist .weixinQRC img {
  width: 4.5rem;
  margin: 0 auto;
}

.assist .weixinQRC {
  display: none;
  position: absolute;
  background: #fff;
  border: 1px solid #d5da98;
  width: 5.5rem;
  right: 6.5rem;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  text-align: center;
  align-content: center;
}
.wechat:hover .weixinQRC {
  display: block;
}
.go-up {
  display: none;
}

/* 隐私内容页样式 */
@media screen and (max-width: 1024px){
  .article{
    margin-top: 105px !important;
  }
}
.article {
  display: block;
  width: 100%;
  background-color: #ffffff;
  text-align: center;
  align-content: center;
  min-height: 500px;
  height: auto;
  padding-bottom: 4rem;
}
.article .container {
  text-align: left;
  margin-bottom: 20px;
  margin-top: 0;
  padding-bottom: 20px;
}

.sp-line {
  border-top: #707070 1px solid;
  width: 60%;
  display: block;
  margin: 0 auto;
  margin-top: 3rem;
  padding-bottom: 4rem;
}
.article h1 {
  display: inline-block;
  padding: 0 8.5%;
  padding-top: 70px;
  font-family: Microsoft YaHei, Arial, Helvetica, sans-serif !important;
  font-weight: bold;
  font-size: 3em;
}
.article h3 {
  font-size: 1.5em;
  line-height: 1.5em;
}
.article h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Microsoft YaHei, Arial, Helvetica, sans-serif !important;
  font-weight: bold;
}
.article p {
  margin: 0;
  color: #666;
  font-size: 1em;
  line-height: 1.95em;
  text-align: left;
  margin-bottom: 20px;
  text-indent: 0em;
  word-break: break-word;
  overflow-wrap: break-word;
}
.article h2,h3,h4{
  text-align: left;
  margin-bottom: 20px;
  margin-top: 0;
}
@media (max-width: 768px) {
  .article h1 {
    font-size: 2em;
    padding: 0;
    padding-top: 40px;
  }
}

/* 成功案例入口页 */
@media screen and (max-width:768px){
  .page-clientSamples{
    padding-left: 0px;
    padding-right: 0px;
  }
  .clientSamples-2 {
    /* padding-bottom: 5px!important; */
    margin-left: 0px;
    margin-right: 0px;
    background-color: white!important;
  }
  .clientSameples-cards .card-container{
    padding-bottom: 2rem!important;
  }
  .cases{
    padding-bottom: 0px!important;
  }
  .page-clientSamples{
    margin-right: 0px;
    margin-left: 0px;
  }
  .cases .card{
    margin-bottom: 40px!important;;
    /* box-shadow: none!important; */
    margin-bottom: 0px;
  }

}
@media screen and (max-width:768px){
  .page-bg{
    height: 205px!important;
  }
  .clientSamples-title{
    top: 130px!important;
    left: 15px!important;
    position: initial!important;
    flex-direction: column;
    /* line-height: 100px; */
    padding-top: 65px;
  }
  .clientSameples-cards .card-container{
    padding-top: 60px!important;
  }
}
.page-bg{
height: 397px;
position: relative;
background: url(https://staticres.obs.cn-east-3.myhuaweicloud.com/website/imgs/clientSamples-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
/* margin-top: 0.5rem; */
}
.breadcumb-overlay{
  position: absolute;
  background:rgba(52, 112, 192, 0.9) none repeat scroll 0 0;
  top: 0;
  width: 100%;
  left: 0;
  height: 100%;
  opacity:0.7;
}
.clientSameples-cards{
  background: url(https://staticres.obs.cn-east-3.myhuaweicloud.com/website/imgs/case_bgp1.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  z-index: 1;

  padding-left: 0;
  padding-right: 0;
}
.clientSameples-cards .card-container{
  padding-top: 80px;
  background:rgba(255,255,255,0.92) none repeat scroll 0 0 ;
}
.clientSamples-2 .card-deck .card{
  box-shadow: 0px 0px 15px 0px rgba(0, 130, 236, 0.31);
  /* padding-left: 5%;
  padding-right: 5%; */
  /* margin-top: 60px; */
}
@media screen and (min-width:1024px){
  .clientSamples-2 .card-deck .card{
    margin-left: 25px;
    margin-right: 25px;
  }
 
}
@media screen and (max-width:768px){
 .page-clientSamples{
      padding-top: 65px;
  }
}

.clientSamples-2{
  /* padding-top: 60px; */
  /* padding-bottom: 80px; */
  /* margin-bottom: 80px; */
  background-color: #f0f0f0;
}
.clientSamples-title{
  left: 40px;
  top: 200px;
  position: relative;
  margin: 0 auto;
}
.clientSamples-title h2::after{
  /* position: absolute;
  content: "";
  top: 28px;
  background: #fff;
  width: 70px;
  height: 2px;
  left: 150px; */
}

.clientSamples-title h2{
  font-family: SC-bold!important;
  font-weight: 400;
  font-size:34px;
  line-height: 42px;
  text-transform: capitalize;
  letter-spacing: 1px;
  z-index: 100;
  color: #FFF;
  /* display: line-block; */
  text-align: center;
  align-content: center;
  height: auto;
  line-height: 60px;
  text-align: center;
  vertical-align: center;
}
.cases{
  margin: 0 auto;
  padding-bottom:6rem;
}
@media (any-hover: hover){
  .cases .card:hover{
  top: -5px;
  /* box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); */
  transition: 0.15s;
  }
  .cases .card:hover .card-title{
    color: #0082ec;
  }
}

.cases .card-img-top{
  height: 200px;
}

/* 关于铭斯内容页 */
.page-aboutus .head{
  border-bottom: #6666664d 0.5px solid;
}

/* 产品详情页 */
@media screen and (max-width:768px){
  .page-aboutus .about-us{
    margin-top: 3.5rem;
  }
  .product-info{
    margin-top:65px;
  }
  .product-info  p{
    font-size:16px!important;
  }
  .feature-content p{
    font-size:16px!important;
  }
  .product-feature{
  padding-bottom: 2rem;
  }
  .product-feature .feature-title{
    margin-top: 0!important;
  }
  .content-title-h2 h2{
    padding: 2rem;
  }
  .product-row-1{
    /* margin-left: -15px; */
    /* margin-right: -15px; */
    padding-left: 40px!important;
    padding-right: 40px!important;
  }
  .product-row-2{
    /* margin-left: -15px; */
    /* margin-right: -15px; */
    padding-left: 40px!important;
    padding-right: 40px!important;
  }
  .product-banner{
  content: url(https://staticres.obs.cn-east-3.myhuaweicloud.com/website/imgs/homeimg6.png);
  margin-bottom: 0!important;
  }
  .product-enhancement .dec-circle{
    margin-left: 5px!important;
    margin-right: 5px!important;
    margin-top: 10px;
    font-size: 14px!important;
    /* width: 110px!important;
    height: 110px!important; */
    width:100px!important;
    height: 100px!important;
    line-height: 105px!important;

  }

}

.product-feature{
  padding-bottom: 3rem;
}
.product-info img{
  /* background-image:url("https://staticres.obs.cn-east-3.myhuaweicloud.com/website/imgs/homeimg7.png"); */
  display: block;
  margin-bottom: 120px;
  width: 100%;
  background-repeat: no-repeat;
  /* background-size: 1920px 600px; */
  /* object-fit:cover; */
}
.product-banner{
  /* background-image:url("https://staticres.obs.cn-east-3.myhuaweicloud.com/website/imgs/homeimg7.png");
  background-size: 1920px 600px;
  width: 100%;
  height: 600px;
  background-position:center;
  background-repeat: no-repeat; */
}
.content-title-h2 p{
  text-align: left;
  color: #666666ad;
  line-height: 36px;
  font-size: 18px;
  margin-bottom: 32px;
  text-justify: auto;
}
@media screen and (max-width:768px){
  .value_p{padding-left: 30px!important;padding-right: 30px!important;}
  .content-title-h2 p{text-align:justify;}
  .product-feature {padding-top: 0px!important;padding-bottom: 0px!important;}
  .card-deck .card {margin-bottom: 40px;}
  .product-enhancement .row {padding-bottom: 0px!important;margin-left: 0;margin-right: 0;}  
}
.content-title-h2.p{
  /* max-width: 1600px; */
  padding-left: 35px;
  padding-right: 35px;
  text-align: left;
  margin: 0 auto;
  color: #666666;
  line-height: 36px;
  font-size: 16px;
  margin-bottom: 32px;
  text-justify: auto;
  text-align: justify;
}
.content-title-h2 h2{
  text-align: center;
  line-height: 48px;
  /* padding-top: 2rem; */
  padding-bottom: 62px;
}
.product-info-items .item-container{
  margin-bottom: 2px;
  padding: 15px;
}
.product-info-item{
    min-height: 170px;
    box-shadow: 0px 0px 10px 0px rgba(0, 130, 236, 0.12);
    z-index: 999;
    position: relative;
    top: 0;
    transition: 0.3s;
    padding: 20px 30px;
}
.product-info h2{
  font-weight: bold;
  font-size: 30px;
  color: #000000;
}
.blog-meta a{
  color: #000000;
  font-weight: 400;
}
/* 边角选中效果测试 */
.product-info-item:before{
  content: '';
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  border-top: 4px solid #999999;
  border-left: 4px solid #999999;
}
@media (any-hover: hover){
  .product-info-item:hover{
    position: relative;
    top: -10px;
  }
  .product-info-item:hover h3{
    /* color: #60c6e6;  */
    color: #0082ec;
  }
  .item-container:hover .product-info-item:before{
    border-top: 4px solid  #0082ec;
    border-left: 4px solid #0082ec;
  } 
}
.product-info-items h3{
  line-height: 36px;
  font-size: 22px;
  font-weight: 300;
  margin: 0px;
  color: #000000;
  padding: 0;
  text-align: left;
} 
.product-info-items .p1{
background-image: url(https://staticres.obs.cn-east-3.myhuaweicloud.com/website/imgs/products-info-1.png);
}
.product-info-items .p2{
background-image: url(https://staticres.obs.cn-east-3.myhuaweicloud.com/website/imgs/products-info-2.png);
}
.product-info-items .p3{
background-image: url(https://staticres.obs.cn-east-3.myhuaweicloud.com/website/imgs/products-info-3.png);
}
.product-info-items .p4{
background-image: url(https://staticres.obs.cn-east-3.myhuaweicloud.com/website/imgs/products-info-4.png);
}
.product-info-items .p5{
background-image: url(https://staticres.obs.cn-east-3.myhuaweicloud.com/website/imgs/products-info-5.png);
}
.product-info-items .p6{
background-image: url(https://staticres.obs.cn-east-3.myhuaweicloud.com/website/imgs/products-info-6.png);
}
.product-info-items .p-box{
    width: 100%;
    text-align: justify;
    font-size: 16px;
    line-height: 26px;
    color: #666666;
    margin: 0;
    min-height: 78px;
    padding-right: 95px;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 70px 70px;
}
.products-feature .column{
  width: 50%;
  display: -webkit-box;
  display: -moz-box;
  display: inline-block;
  vertical-align: middle;
}
.product-wrapper-img{
    padding: 10px;
    visibility: visible;
    animation-delay: 0.3s;
    animation-name: bounce;
}
.item-bounce{
  -webkit-animation: bounce 3s infinite ease-in-out;
  animation: bounce 3s infinite ease-in-out;
}
.item-bounce2{
  -webkit-animation: bounce2 3s infinite ease-in-out;
  animation: bounce2 3s infinite ease-in-out;
}

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  50% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}

@keyframes bounce {
  0% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  50% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}

@-webkit-keyframes bounce2 {
  0% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  50% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}

@keyframes bounce2 {
  0% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  50% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}
.column img{
  margin: 0 auto;
    width: 100%;
    max-width: 540px;
    transition: all 0.3s ease-in-out;
    line-height: 1;
}
.column{
  padding-left: 15px;
  padding-right: 15px;
  vertical-align: middle;

}
.product-row-1{
    /* font-size: 0; */
    padding: 40px 0;
    background: #fafafa;
}
.product-row-2{
  /* font-size: 0; */
  padding: 34px 0;
  /* background: #fafafa; */
}
.feature-title{
  margin-top: 15%;
  font-size: 24px;
  line-height: 48px;
  margin-bottom: 10px;
  color: #000000;
  display: block;
}
.feature-content p{
  font-size: 16px;
  line-height: 36px;
  color: #666666;
  text-align: justify;
}
.product-feature{
padding-top: 120px;
padding-bottom: 120px;
}
.product-feature .card-deck{
  font-size: 16px;
  color: #666666;
}
.product-feature h2,.product-enhancement h2,.product-application h2{
  font-weight: bold;
}
.product-feature .card .list-group-item{
  border-bottom-width: 1px;
}
.product-enhancement .row{
  justify-content: center;
  padding-bottom: 120px;
  padding-left: 15px;
  padding-right: 15px;
}
.product-enhancement .dec-circle{
  margin-top: 10px;
  width: 120px;height: 120px;
  border-radius: 50%;
  line-height: 115px;
  margin-left: 50px;
  margin-right: 50px;
  font-size: 16px;
  font-weight: 600;
  /* border: #0082ec 1.5px solid; */
  text-align: center;
  background-color:rgba(173, 204, 250, 0.13);
  color: #0082ec;
}


/* 边角选中效果测试 */
/* .card-border-2:before {
  content: '';
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  border-top: 4px solid #999999;
  border-left: 4px solid #999999;
}
.product-card1-item:hover .card-border-2:before {
  border-top: 4px solid  #60c6e6;
  border-left: 4px solid #60c6e6;
} */

/* 客户案例详情页 */
@media screen and (max-width:768px){
  .trial-desc{
    display: block;
    width: 100%;
    height: 140px!important;
  
  }
  .case-container nav{
  background: transparent!important;
}
  .trial-link{
    width: 100%;
    display: block;
    height: 140px!important;
  }
  .trial-desc p{
   margin: 0 auto;
   font-size: 24px!important;
  }
  .trial-link a{
    position: relative;
    margin: 0 auto;
    margin-bottom: 40px;
  }
  .case-container h1{
    padding-top: 25px!important;
  font-size: 2rem;
  }
   .case-container h2{
font-size: 1.1rem;
  }
  .product-trial {
  margin-bottom: 1.75rem;
  }
}
@media (min-width: 800px){
  .cases .card-deck .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}
.case-container nav{
  background: aliceblue;
}
.mw-1140{
  max-width: 1140px;
  margin: 0 auto;
}
.page-cases-sample .head{
  border-bottom: #6666664d 0.5px solid;
}
.page-cases-sample .breadcrumb{
  background-color: transparent;
}
.case-title h1{
  text-align: center;
  padding-top: 70px;
}
.case-title-comment{
  /* height: 100px!important; */
  margin-top: 40px!important;
  margin-bottom: 30px!important;
  font-weight: 300;
}
.case-title-client{
  margin-right: 5px;
  margin-top: 40px;
  display: block;
  width: 100%;
  font-weight: 300;
  text-align: right!important;
}
.nav-logo{
    height: 20px;
    margin-right: 10px;
    display: inline-block;
}
.case-container h2{
  margin: 0 auto;
  display: block;
  text-align: center;
  line-height: 40px;
}
.page-cases-sample .card img{
  height: 100%;
}
.case-container h3{
    color: #007fea;
    font-size: 24px;
    padding-top: 60px;
    line-height: 30px;
}
.case-container .case-comment{
padding-bottom: 80px;
}
.case-container p{
 text-align: justify;
 /* text-indent: 2em; */
 line-height: 30px;
}
.page-cases-sample .card p,h5{
  padding: 0px 10px;
  /* text-align: justify; */
  text-indent: 0em;
  color: #666666;
}
.case-container{
  padding: 0;
}
.page-cases-sample .case-main p{
  color:#595959;
/* text-indent: 2em; */
}
.page-cases-sample .case-main b{
  color:black;
}
.product-trial{
    background-image: url(https://staticres.obs.cn-east-3.myhuaweicloud.com/website/imgs/product-trial.jpg);
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height:auto;
    display: inline-block;
}
.trial-desc{
    display: flex;
    height: 171px;
    align-items: center;
    color: #fff;
    float: left;
}
.trial-desc p{
  text-indent: 0em;
    color: #fff;
    font-size: 30px;
}
.trial-link{
    float: right;
    display: flex;
    height: 171px;
    align-items: center;
    color: #fff;
}
.trial-link a {
    display: block;
    width: 180px;
    height: 52px;
    line-height: 52px;
    border-radius: 5px;
    overflow: hidden;
    font-size: 16px;
    text-align: center;
    position: relative;
    color: #fff;
    border: 1px solid #fff;
}
.trial-link a:hover {
  background-color: #0082ec;
}

/* 新增 */
.home-product .card-body{
  padding-bottom: 0;
  padding-right: 0;
  padding-left: 0;
  padding-top: 1.25rem;
}
.home-product .card-title{
  font-weight: bold;
}
.home-product .card-text{
    text-align: justify;
    color: #666666;
}
.home-product .card-text b{
  color: #000000;
}


/* 规范改版 */
.product-function{
  padding-top: 0.1px;
}
@media screen and (min-width:1024px){
  .product-function{
  min-height: 2290px;
  }
}
.home-product.card{
  margin-bottom: 120px!important;
  border: none;
}

/* 客户logo轮播 */
#carouselExampleInterval .carousel-inner{
  padding-top: 30px;
}
#carouselExampleInterval .carousel-control-prev-icon{
  background-image: url(https://staticres.obs.cn-east-3.myhuaweicloud.com/website/imgs/icon_left_008.png);
}
#carouselExampleInterval .carousel-control-next-icon{
  background-image: url(https://staticres.obs.cn-east-3.myhuaweicloud.com/website/imgs/icon_right_008.png);
}
#carouselExampleInterval .carousel-control-next, .carousel-control-prev {
  width: 20%;
}
@media screen and (max-width:768px){
  #carouselExampleInterval .carousel-control-next, .carousel-control-prev {
    display: none;
  }
  .client-info.download-container{
  padding-bottom: 60px!important;
  }
  .case-container .download h1 {
    padding-top: 30px!important;
    margin-bottom: 0px!important;
  }
  .download-container h3 {
    padding-top: 40px!important;
  }
  .download-container .list-group-item{
  font-size: 14px!important;
  }
   .home-product img{
  content: url(https://staticres.obs.cn-east-3.myhuaweicloud.com/website/imgs/home_product_mobile.png);
  }
  .imgLoop h5 {
    font-size: 16px;
  }
  .imgLoop p {
    font-size: 14px;
  }
 
}

/* 相关下载 */
.download-container{
  padding-bottom: 120px;
}
.download.case-title h1{
  /* margin-bottom: 60px; */
}
.download-card .list-group:first-child .list-group-item{
  background-color: #f0f8ff;
}


/* 应用价值 */
@media screen and (max-width:768px){
  .values-compare-card {
    margin-bottom: 0px!important;
    padding-right: 0px!important;
    padding-left: 0px!important;
  }
  .values-compare-card.values-compare-card-2 .{
  padding-bottom: 20px!important;

  }
  .page-values{
    padding-top: 65px;
  }
  .product-info.values-container{
    margin-top: 0px;
  }
  .values-banner{
    content: url(https://staticres.obs.cn-east-3.myhuaweicloud.com/website/imgs/values-banner-mobile.png);
    margin-bottom: 0px!important;
  }
  .values-compare-card .row{
    padding-top: 30px;
    margin-bottom: 0px!important;
  }
    .values-compare-card.values-compare-card-2 .row:nth-child(n+1){
  background: aliceblue; 
  }
    .values-compare-card.values-compare-card-2 .row:nth-child(2n){
  background:#f8f9fa;
  }
  .values-compare-card .left{
  padding-top: 0px!important;
   /* background: rgba(0, 107, 255, 0.10196078431372549)!important; */
   background: rgba(0, 107, 255, 0)!important;
   /* background: #fffbf0!important; */
  }
   .values-compare-card .row:first-child{
    padding-top: 0px!important;

  }
  .values-compare-card .right{
    padding-top: 0px!important;
    /* border-bottom: 2px #000000 solid; */
    /* background: rgba(232, 150, 12, 0.10196078431372549)!important; */
    background: rgba(232, 150, 12, 0)!important;
    /* background: url(https://staticres.obs.cn-east-3.myhuaweicloud.com/website/imgs/bg-value-p.jpg)!important; */
  } 
  .values-compare-card .left span{
    /* background: rgba(0, 0, 0, 0.7294117647058823)!important; */
    background: rgba(15, 137, 237, 0.89)!important;
  }
  .values-compare-card .left .title, .values-compare-card .right .title{
    font-size: 20px!important;
  }
  .values-compare-card .left b{
    display: block;
    margin-top: 10px;
    margin-bottom: 5px;
  }
  .values-compare-card .right b{
    display: block;
    margin-top: 10px;
    margin-bottom: 5px;
  }
  .values-compare-card .left .title{
    /* color: #ffffff; */
  }
}

.values-compare-card{
  margin-bottom: 120px;
  padding-left: 15px;
  padding-right: 15px;

}
.values-compare-card .row{
  margin-bottom: 36px;
}
.values-compare-card p.title{
  color: #000000;
  margin-bottom: 0px;
  text-align: left;
  font-weight: 500;
  margin-bottom: 10px;
  
}
.values-compare-card .left,.values-compare-card .right{
  padding: 40px;
}

.values-compare-card .left.type1{
   background-color: rgba(0, 107, 255, 0.10196078431372549);
}
.values-compare-card .right.type1{
  background-color: rgba(232, 150, 12, 0.10196078431372549);
}
.values-compare-card .left.type2{
   background-color: rgba(173, 181, 189, 0.1803921568627451);
}
.values-compare-card .right.type2{
  background-color: rgba(223, 232, 12, 0.10196078431372549);
}
.values-compare-card .left.type3{
   background-color: rgba(230, 147, 147, 0.14901960784313725);
}
.values-compare-card .right.type3{
  background-color: rgba(28, 179, 30, 0.10980392156862745);
}

.values-compare-card .left p.title{
  text-align: left;
}
.values-compare-card .left span{
    display: inline-flex;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    line-height: 32px;
    font-size: 18px;
    margin-right: 10px;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.7294117647058823);
}

.values-compare-card .right p.title{
  color: #0082ec;

}
.values-compare-card .right p.content{
  /* color: #0082ec8c; */
}

.values-compare-card p.content{
  text-align: justify;
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 0px;
  color: #999999;
  display: inline-block;
  /* margin-left: 1em; */
}
.values-compare-card .em{
  width: 100%;
  padding-left: 1.5em;
}
.values-compare-card em{
  font-style: initial;
  margin-left:-1.5em;
  width: 1.3em;
  display: inline-block;
}

.footer .footer-menu-link ul a li{
  width: 100%;
}
/* ims */
@media screen and (max-width:768px){
  .sys-card{
    padding-left: 15px!important;
    padding-top: 15px!important;
    padding-bottom: 15px!important;
    padding-right: 15px!important;
  }
  .time-card p:nth-child(2) {
    min-height: 36px!important;
  }
  .ims-cards{
    width: unset!important;
  /* border-bottom: #0082ec 2px dashed; */
  }
  .ims-cards.first{
    margin-top: 60px!important;
  }
  .ims-text{
    padding: 0 30px!important;
  }
  .ims-cards:not(.first){
  padding-top: 32px;
  padding-bottom: 32px;
  }
  .time-card{
  padding:0px 30px!important;
  margin-bottom: 0px!important;
  border-right:none!important;
  }
  .time-title{
    font-weight: bold;
    text-align: center!important;
  }
  .time-card p{
    margin-bottom: 16px;
    
  }
  .time-card p:not(.time-title){
  text-align: center!important;
  }
  .ims-container{
  padding-bottom: 0px!important;
  }
  .sys-cards{
    padding-left: 15px!important;
    padding-right: 15px!important;
    border-left: transparent 0px dashed!important;
    margin-bottom: 0px!important;;
  }
}
.ims-cards.first{
    margin-top: 120px;
}
.ims-container{
  padding-bottom: 120px;
}
.time-card{
  height: 100%;
  padding-bottom: 28px;
  padding-right: 60px;
  margin-bottom: 94px;
  /* border-right: #0082ec 2px dashed; */
}
.time-card p{
  color: #000000;
  text-align: right;
}
.time-card p:nth-child(2){
  min-height: 72px;
}
.ims-cards{
  width: 100%;
  padding: 0px;
  /* padding-right: 60px; */
  padding-top: 0px;
  padding-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
.time-title{
  color: #0082ec!important;
  font-size: 24px!important;
  margin-bottom: 16px!important;
}
.sys-card-inner{
  border-color: transparent;
  box-shadow: -1px 1px 5px rgba(0, 130, 236, 0.2784313725490196);
  padding-top: 32px;
  height: 136px;
  width: 100%;
}
@media (any-hover: hover){
  .sys-card-inner:hover{
    color: #0082ec!important;
    border: #0082ec 2px solid;
    box-shadow: -1px 1px 5px rgba(0, 130, 236, 0.2784313725490196);
    position: relative;
    top: -10px;
    transition: 0.3s;
  }
}
.sys-cards{
  border-left: #0082ec 2px dashed;
  margin-bottom: 88px;
  width: 100%;
  padding-left: 28px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right:0px;
}
.sys-card{
  padding-left: 32px;
  /* padding-top: 18px; */
  padding-bottom: 32px;
  padding-right: 0px;
}
.sys-card-inner p{
  text-align: center;
  margin-bottom: 0px;
  color: #000000;
  /* font-weight: 600; */
}
.right .icon-good{
  width: 16px;
  margin-bottom: 3px;
  display: inline-block;
  line-height: 36px;
  margin-left: 8px;
}

/* 首页新增 */
.home-card2{
  /* display: flex; */
  flex-direction: column;
  padding-bottom: 120px;

}
.deck-1 .card-text{
  padding-left: 30px;
}
.deck-1 .card-text em{
  position: absolute;
  left:30px;
}
.deck-1 .card:hover{
  background-image: linear-gradient(to bottom right,rgba(0, 130, 236, 0.08), #FFFFFF);
}
.deck-1 .card{
    border: none;
}
@media screen and (max-width:768px) {
  .home-card2 .env-title {
  margin-bottom: 16px;
  text-align: center;
  color: #0082ec;
  }
  .home-card2{
    padding-bottom: 60px;
    padding-left: 15px;
    padding-right:15px;
  }
}

@media screen and (min-width:768px) and (max-width:992px) {
  .product-card2 .card-imgdiv.next {
    text-align: right;
    padding-right: 115px;
    padding-left: 0px;
  }
  .product-card2 .card-imgdiv:first-child {
    padding-right: 115px;
      margin-bottom: 120px;
  }
  .product-card2 .left .p2 span {
    left: -160px;
  }
}


@media screen and (min-width:1024px) and (max-width:1250px) {
  .gg,.gg2{
    display:block;
    float: left!important;
    height: 62px;
    margin-right: 20px;
  }
  .footer-bottom{
    display: flex;
    height: auto;
  }
  .footer-bottom-left{
   display:block;
   margin: 0 auto;
    width: auto;
    height: 62px;
    line-height: 62px;
    margin-left: 1em;
    /* padding-left: 100px; */
  }
}


.product-card2 .left .p2 span.wechatTips{
  display: none;
}
/* 
.values-compare-card .left:before {
    content: '';
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    top: 20px;
    left: 20px;
    border-top: 4px solid #999999;
    border-left: 4px solid #999999;
}
.values-compare-card .right:before {
    content: '';
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    bottom: 20px;
    right: 20px;
    border-right: 4px solid #0082ec;
    border-bottom: 4px solid #0082ec;
} */

/* .values-compare-card .left:after {
    content: '';
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    border-bottom: 4px solid #999999;
    border-left: 4px solid #999999;
}
.values-compare-card .right:after {
    content: '';
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    border-right: 4px solid #0082ec;
    border-top: 4px solid #0082ec;
} */