@charset "utf-8";

html,
body {
  font-family: 'Microsoft YaHei', 'Arial', 'YouYuan', sans-serif;
  position: relative;
  /* min-width: 1450px; */
}

#fullbg {
  background-color: #000000;
  left: 0;
  opacity: 0.4;
  position: absolute;
  top: 0;
  z-index: 3;
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
}

ul li {
  list-style-type: none;
}

a {
  text-decoration: none;
  list-style-type: none;
}

/*main start */
.Public_wide {
  width: 1350px;
  margin: 0 auto;
}

/* main end */

/*main fl fr*/
.Public_title {
  padding-top: 45px;
}

.Public_title .title {
  text-align: center;
  margin-bottom: 20px;
}

.Public_title .title h1 {
  font-size: 28px;
  font-weight: 500;
  color: #000000;
  display: inline-block;
  letter-spacing: 1px;
  margin: 0;
}

.Public_title .fl {
  display: inline-block;
  width: 68px;
  height: 8px;
  background: linear-gradient(90deg, #ffffff, #005cff);
  margin-right: 24px;
  margin-bottom: 5px;
}

.Public_title .fr {
  display: inline-block;
  width: 68px;
  height: 8px;
  background: linear-gradient(90deg, #005cff, #ffffff);
  margin-left: 24px;
  margin-bottom: 5px;
}

/* .header start */
.header {
  height: 62px;
  position: relative;
  background: #f0f6fc;
  width: 100%;
  min-width: 770px;
}

.header .wrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  height: 62px;
  right: 250px;
}

.header .wrap .header_list .active {
  color: #00a1ff;
}

.header .wrap .header_list ul li a>span {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 26px;
  height: 4px;
  width: 16px;
  background: linear-gradient(90deg, rgba(0, 161, 255, 1), rgba(0, 92, 255, 1));
  text-align: center;
  display: none;
  border-radius: 20px;
}

/* 
.header .wrap .header_list ul li a > .s, .header .wrap .header_list ul li a > .t, .header .wrap .header_list ul li a > .se {
    margin: 5px 25px 0;
}

.header .wrap .header_list ul li a > .fo {
    margin: 5px 18px 0;
}

.header .wrap .header_list ul li a > .fi {
    margin: 5px 25px 0;
}

.header .wrap .header_list ul li a > .fk {
    margin: 5px 25px 0;
} */

.header .header_list ul li a:hover span {
  display: block;
}

.header .logo {
  float: left;
  width: 200px;
  height: 62px;
  margin-left: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header .logo img {
  width: 200px;
}

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

.c00a1ff {
  color:#00A1FF !important;
}

.new_banner video {
  /* object-fit: none !important; */
  /* -webkit-filter: brightness(108.5%); */
}

.new_content {
  font-size: 16px;
}

.new_banner {
  font-size: 16px;
}



.header .header_list input {
  width: 0px;
  border: none;
  padding-left: 16px;
  height: 62px;
  line-height: 62px;
  box-sizing: border-box;
  margin-right: 5px;
  font-size: 14px;
  font-family: 'Microsoft YaHei', 'Arial', 'YouYuan', sans-serif;
  font-weight: 400;
  color: #87909e;
  background-color: transparent;
  box-sizing: border-box;
  transition: all 1s;
}

.header .header_list input:focus {
  outline: none;
}

/* .header .header_list {
    margin-right: 0;
} */

.header .header_list ul {
  margin: 0;
  padding: 0;
  height: 24px;
  line-height: 24px;
}

/*241*/
.header .header_list ul li {
  float: left;
  position: relative;
  color: white;
  margin-right: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header .header_list ul>li>a {
  font-size: 16px;
  color: #202A3A;
  background: none;
  display: inline-block;
}

/*.header .header_list ul > li:last-child {*/
/*margin-right                : 8px*/
/*}*/
.header .header_list ul li a:hover {
  color: #00a1ff !important;
  transition: all 0.2s;
}

.sidenav {
  display: none;
}

/*.hamburg {*/
/*display: none;*/
/*}*/

.choose-box {
  position: absolute;
  right: 188px;
  top: -2px;
  color: #202A3A;
  cursor: pointer;
}

.choose {
  height: 62px;
  line-height: 62px;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-items: center;
  justify-content: center;
  align-content: center;
  align-items: center;
}

.choose-title {
  font-size: 14px;
  color: #202A3A;
  display: inline-block;
  vertical-align: middle;
}

.choose-icon {
  width: 16px;
  height: 12px;
  display: inline-block;
  /* background: url('//ve-oss1.atvideo.cc/img/home/其他语言下拉icon@2x.png') no-repeat center center; */
  margin-left: 8px;
  vertical-align: middle;
}

.choose-box:hover .triangle-up .mask {
  display: block;
}

.right_header_triangle_up {
  position: absolute;
  z-index: -1;
  top: -8px;
  right: 3px;
  width: 0;
  height: 0;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 16px solid #005cff;
  display: none;
}

.rightHeader {
  position: absolute;
  right: 55px;
  top: 62px;
  width: 180px;
  height: 100px;
  background: #1e3b66;
  z-index: 100;
  display: none;
}

.rightHeaderTitle {
  width: 180px;
  background: linear-gradient(90deg, #00a1ff, #005cff);
  position: relative;
}

.rightHeaderTitle .docu {
  flex: 1;
  font-size: 14px;
  color: #ffffff;
}

.rightHeaderTitle .docu p {
  margin: 0 13px 0 19px !important;
  padding: 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rightHeaderTitle .docu p:first-child {
  padding-top: 18px !important;
}

.rightHeaderTitle .docu p:last-child {
  padding-top: 5px !important;
  padding-bottom: 18px !important;
}

.rightHeaderTitle .docu .ID {
  font-size: 12px;
}

.rightNav {
  padding: 0 !important;
  background: #1e3b66;
}

.rightNav a {
  width: 180px;
  height: 46px;
  line-height: 46px;
  display: block;
  font-size: 14px;
  color: #ffffff;
  margin-left: 19px;
}

.rightNav .rightHR {
  width: 148px;
  height: 1px;
  background: #e7effa;
  opacity: 0.1;
  margin-left: 16px;
}

.btn {
  width: 96px;
  height: 32px;
  background: linear-gradient(90deg, rgba(0, 161, 255, 1), rgba(0, 92, 255, 1));
  margin: 0 40px;
  line-height: 32px;
  text-align: center;
  color: white;
  font-size: 14px;
  cursor: pointer;
  position: absolute;
  top: 14px;
  right: 0;
  display: none;
  opacity: 0;
  border-radius: 4px;
  transition: all 0.3s;
}

.AA {
  width: 32px;
  height: 32px;
  margin: 0 40px;
  line-height: 32px;
  display: none;
  cursor: pointer;
  position: absolute;
  top: 12px;
  right: 15px;
  border-radius: 100%;
}

.avatar {
  width: 32px;
  height: 32px;
  border-radius: 100%;
}

.triangle-up {
  position: absolute;
  top: -8px;
  right: 13px;
  width: 0;
  height: 0;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 16px solid #0c1141;
  display: none;
}

.mask {
  position: absolute;
  top: 74px;
  right: -20px;
  width: 120px;
  height: 76px;
  background: #0c1141;
  display: none;
  z-index: 99;
}

.mask dd {
  font-size: 14px;
  height: 30px;
  margin-top: 8px;
  margin-left: 16px;
  padding: 0;
  line-height: 30px;
  color: #fff;
  opacity: 0.8;
}

.mask dd:last-child {
  margin-top: 0;
}

.mask .active {
  color: #00a1ff;
}

.mask dd:hover {
  color: #00a1ff;
}

/* header mask */
.header .wrap .header_list ul .list_mask {
  position: relative;
}

#list_box {
  box-sizing: border-box;
  width: 500px !important;
  height: 284px;
  position: absolute;
  background: rgba(12, 17, 65, 0.95);
  display: none;
  padding: 16px 24px;
  z-index: 99;
  top: 52px;
  right: -190px;
  cursor: pointer;
}

.header_triangle_up {
  position: absolute;
  z-index: 98;
  top: -8px;
  right: 16px;
  width: 0;
  height: 0;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 16px solid #0c1141;
  display: none;
}

.header_mask>div {
  float: left;
  height: 100%;
}

.header_mask>div:nth-child(1) {
  margin-right: 50px;
}

#list_box .header_mask .SDK ul li {
  float: none;
  display: block;
  margin-right: 0;
  margin-bottom: 12px;
  font-size: 14px;
}

#list_box .header_mask .SDK ul li a {
  color: #b5b5b5;
}

#list_box .header_mask .SDK ul li .icon {
  width: 24px;
  height: 24px;
  vertical-align: -7px;
  margin-right: 7px;
}

#list_box .header_mask .SDK ul li:nth-child(1) {
  position: relative;
  font-size: 16px;
  color: #fff;
  margin-bottom: 20px;
  padding-left: 16px;
  font-weight: 550;
}

.line {
  position: absolute;
  border-radius: 2px;
  width: 4px;
  height: 16px;
  left: 0;
  top: 3px;
  background-color: #00a1ff;
}

#list_box .header_mask .SDK ul li:hover {
  color: #00a1ff;
}

#list_box .header_mask .SDK ul li:nth-child(1):hover {
  color: #fff;
}

.header_mask dd {
  font-size: 14px;
  height: 30px;
  margin-top: 8px;
  margin-left: 16px;
  padding: 0;
  line-height: 30px;
  color: #fff;
  opacity: 0.8;
}

.header_mask .dynamic,
.header_mask .studio,
.header_mask .camera {
  margin-top: 0;
}

.header_mask dd:last-child {
  margin-top: 0;
}

.header_mask .header_active {
  color: #00a1ff;
}

.header_mask dd:hover {
  color: #00a1ff;
}

/* .header end */

/*banner*/
.banner {
  position: relative;
}

.banner .content {
  position: absolute;
  top: 22%;
  left: 22%;
}

.banner .content .title {
  font-size: 32px;
  color: #fff;
  font-weight: normal;
  margin: 0;
  letter-spacing: 3px;
}

.banner .content .hr {
  margin: 44px 0 40px 0;
  height: 12px;
  background: #fff;
  display: block;
  width: 40px;
}

.banner .content p {
  width: 847px;
  margin: 0 0 15px 0;
  font-size: 16px;
  line-height: 30px;
  color: #fff;
  text-align: left;
  letter-spacing: 1px;
}

.banner .content p:last-child {
  margin-bottom: 0;
}

/*footer*/
.footer {
  width: 100%;
  min-height: 400px;
  background-color: #191919;
  display: block;
  position: relative;
}

.footer .top {
  padding-top: 48px;
  min-height: 240px;
  white-space: nowrap;
}

.list-item-left,
.list-item-content,
.list-item-right {
  margin-left: 129px;
  /* width:84px; */
  float: left;
}

.list-item-left {
  width: 84px;
}

.Public_wide .list-item-content:nth-child(2) {
  width: 84px;
}

.Public_wide .list-item-content:nth-child(3) {
  width: 111px;
}

.Public_wide .list-item-content:nth-child(4) {
  width: 106px;
}

.list-item-right {
  width:238px;
}

.list-item-content {
  /* margin-right: 97px; */
  opacity: 1;
 
}

.list-item-left .title,
.list-item-content .title,
.list-item-right .title {
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
  margin-bottom: 24px !important;
  cursor: pointer;
}

.list-item-right .title {
  opacity: 1;
}

.list-item-left .item,
.list-item-content .item,
.list-item-right .item .footer-content {
  color: rgb(206, 206, 206);
  font-size: 14px;
  margin-bottom: 20px;
  cursor: pointer;
}

.list-item-left .item a,
.list-item-content .item a {
  display: block;
  cursor: pointer;
  margin: 20px 0;
  color: rgb(206, 206, 206);
}

.list-item-left .item a:hover,
.list-item-content .item a:hover {
  color: #00a1ff;
  transition: all 0.3s;
}

.list-item-right .item .icon {
  color: #fff;
  margin-bottom: 15px;
  position: relative;
  display: inline-block;
}

.list-item-right .item .wechat,
.list-item-right .item .facebook,
.list-item-right .item .youtube {
  margin-right: 24px;
  cursor: pointer;
  display: inline-block;
}

.list-item-right .item .facebook,
.list-item-right .item .youtube,
.list-item-right .item .twitter {
  opacity: 1;
  cursor: pointer;
  display: inline-block;
}

.list-item-right .item .wechat:hover .qrcode {
  visibility: visible;
  /*-webkit-transition-delay: .7s;*/
  /*transition-delay        : .7s;*/
  opacity: 1;
  pointer-events: auto;
  /*display                 : block;*/
  transition: all 0.5s;
  z-index: 88;
}

.list-item-right .item .icon .qrcode {
  position: absolute;
  width: 126px;
  height: 148px;
  top: -46px;
  right: 50px;
  display: block;
  opacity: 0;
  background: url('//ve-oss1.atvideo.cc/img/home/ewm@2x.png') no-repeat center center;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  z-index: -88;
}

.footer .bottom {
  color: #fff;
  text-align: center;
  padding-top: 50px;
  font-size: 12px;
}

.footer .bottom p {
  line-height: 30px;
  margin: 0;
}

.footer .bottom p a {
  color: #fff;
}

.footer .bottom p a:hover {
  color: #00a1ff;
  cursor: pointer;
}

/*rocket*/
#toTop {
  width: 92px;
  height: 92px;
  background: url('//ve-oss1.atvideo.cc/img/home/icon_hddb@2x.png') no-repeat center center;
  position: fixed;
  bottom: 48px;
  right: 42px;
  cursor: pointer;
  display: none;
  z-index: 9999;
  text-transform: lowercase;
}

/*static or dynamic (cooperation or SDK)*/

/*cooperation*/
.cooperation {
  text-align: center;
}

.cooperation .title {
  padding-top: 64px;
  margin-bottom: 40px;
}

.cooperation .title h1 {
  font-size: 28px;
  font-weight: 500;
  color: #000000;
  display: inline-block;
  letter-spacing: 3px;
  margin: 0;
}

.cooperation .fl {
  width: 68px;
  height: 8px;
  display: inline-block;
  background: url('//ve-oss1.atvideo.cc/img/home/fk_zuo1@2x.png') no-repeat center center;
  margin-right: 24px;
  vertical-align: middle;
}

.cooperation .fr {
  width: 68px;
  display: inline-block;
  background: url('//ve-oss1.atvideo.cc/img/home/fk_you@2x.png') no-repeat center center;
  height: 8px;
  margin-left: 24px;
  vertical-align: middle;
}

.cooperation .coop_list {
  height: 200px;
}

.cooperation .coop_list .coopItem {
  width: 280px;
  height: 200px;
}

.cooperation .coop_list .coopItem1 {
  background: url('//ve-oss1.atvideo.cc/img/hzfs_01@2x.png') no-repeat center center;
}

.cooperation .coop_list .coopItem2 {
  background: url('//ve-oss1.atvideo.cc/img/hzfs_02@2x.png') no-repeat center center;
  position: relative;
  opacity: 1;
  transition: all 0.3s;
}

.cooperation .coop_list .coopItem3 {
  background: url('//ve-oss1.atvideo.cc/img/hzfs_03@2x.png') no-repeat center center;
}

.coopItem2 h3,
.coopItem2 p {
  opacity: 1;
  transition: all 0.3s;
}

.cooperationQrCode {
  position: absolute;
  top: -8%;
  left: 15%;
  opacity: 0;
  box-shadow: 0 -6px 13px rgba(0, 39, 103, 0.16);
  transition: all 0.8s;
}

.cooperation .coop_list .coopItem h3 {
  margin: 47px 0 16px 30px;
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 161, 255, 1);
  line-height: 30px;
  text-align: left;
  padding: 0;
}

.cooperation .coop_list .coopItem p {
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 1);
  line-height: 30px;
  opacity: 0.8;
  text-align: left;
  margin: 0 30px;
}

.cooperation .coop_list li {
  width: 280px;
  height: 200px;
  display: block;
  float: left;
  margin-right: 60px;
  cursor: pointer;
}

.cooperation .coop_list li:hover {
  box-shadow: 1px 1px 8px rgba(0, 39, 103, 0.16);
  transition: all 0.3s;
}

.cooperation .coop_list li:last-child {
  margin-right: 0;
}

.cooperation .plan {
  margin-top: 32px;
  display: inline-block;
}

.cooperation .plan button {
  width: 160px;
  height: 48px;
  color: white;
  font-size: 16px;
  padding: 14px 30px 19px;
  border: none;
  cursor: pointer;
  background: linear-gradient(90deg, rgba(0, 161, 255, 1), rgba(0, 92, 255, 1));
}

/*.cooperation .plan:hover .cooperationQrCode {*/
/*opacity           : 1;*/
/*}*/
/*.cooperation .plan button:hover .cooperationQrCode {*/
/*opacity                  : 1;*/
/*}*/

/*SDK*/
.sdk {
  text-align: center;
  position: relative;
}

.sdk .title {
  padding-top: 64px;
  margin-bottom: 38px;
}

.sdk .title h1 {
  font-size: 28px;
  font-weight: 500;
  color: #000000;
  display: inline-block;
  letter-spacing: 3px;
  margin: 0;
}

.sdk .fl {
  display: inline-block;
  width: 68px;
  height: 8px;
  background: linear-gradient(90deg, #ffffff, #005cff);
  margin-right: 24px;
  margin-bottom: 5px;
}

.sdk .fr {
  display: inline-block;
  width: 68px;
  height: 8px;
  background: linear-gradient(90deg, #005cff, #ffffff);
  margin-left: 24px;
  margin-bottom: 5px;
}

.sdk_list {
  height: 240px;
  margin-bottom: 66px;
}

.sdk_list li {
  width: 280px;
  height: 240px;
  display: block;
  float: left;
  margin-right: 60px;
}

.sdk_list_1,
.sdk_list_2 {
  position: relative;
}

.demo_1 {
  position: absolute;
  top: 98px;
  left: 30px;
  font-size: 14px;
  line-height: 30px;
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
}

.document_2 {
  position: absolute;
  top: 132px;
  left: 30px;
  font-size: 14px;
  line-height: 30px;
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
}

.document_3 {
  position: absolute;
  top: 166px;
  left: 30px;
  font-size: 14px;
  line-height: 30px;
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
}

.demo_1:hover,
.document_2:hover,
.document_3:hover,
.template_1:hover,
.ve_2:hover,
.ve_3:hover {
  color: #00a1ff;
  transition: all 0.3s;
}

.template_1 {
  position: absolute;
  top: 98px;
  left: 30px;
  font-size: 14px;
  line-height: 30px;
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
}

.ve_2 {
  position: absolute;
  top: 132px;
  left: 30px;
  font-size: 14px;
  line-height: 30px;
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
}

.ve_3 {
  position: absolute;
  top: 166px;
  left: 30px;
  font-size: 14px;
  line-height: 30px;
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
}

.sdk_list li:last-child {
  margin-right: 0;
}

.sdk_list_3 {
  background: url('//ve-oss1.atvideo.cc/img/sp_ljvespyq@2x.png') no-repeat;
  position: relative;
}

.sdk_list_3 img {
  position: absolute;
  top: 56px;
  left: 104px;
  cursor: pointer;
}

.sdk_list_3 span {
  font-size: 16px;
  line-height: 30px;
  color: #fff;
  letter-spacing: 1px;
  position: absolute;
  top: 150px;
  left: 80px;
}

/*global mask*/

/*.global_body {*/
/*width     : 100vw;*/
/*height    : 100vh;*/
/*background: rgba(0,0,0,0.8);*/
/*}*/

.global_mask,
.global_mask1,
.global_mask10 {
  position: fixed;
  width: 800px;
  height: 450px;
  top: 50%;
  left: 50%;
  margin-left: -400px;
  margin-top: -225px;
  opacity: 0;
  display: block;
  z-index: -999;
}

.global_mask .close,
.global_mask1 .close1,
.global_mask10 .close10 {
  width: 40px;
  height: 40px;
  background: url('//ve-oss1.atvideo.cc/img/btn_gb@2x.png') no-repeat center center;
  display: block;
  position: absolute;
  right: -50px;
  top: 0;
  cursor: pointer;
}

/*pc media*/
@media (max-width: 500px) {
  .wrap {
    height: 0.96rem !important;
    display: none;
    width: 100% !important;
  }

  .btn {
    display: none;
  }

  .choose-box {
    display: block;
  }

  .header {
    height: 50px;
    transition: all 0.5s;
  }

  .swiper-container {
    height: 240px !important;
  }

  .SWT {
    width: 100% !important;
  }

  .SWT p:first-child {
    font-size: 15px !important;
  }

  .header .logo {
    display: none;
  }

  .header .logo {
    float: none;
    width: 1.96rem !important;
    height: 0.96rem;
    line-height: 0.96rem;
    margin-left: 0.4rem;
  }

  .sidenav li {
    list-style-type: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin: 0 0.4rem;
  }

  .sidenav a {
    color: white;
    text-decoration: none;
  }

  .cd-accordion-menu ul {
    display: none;
  }

  .double {
    display: none;
    /* background: #2B2B2B; */
  }

  .swiper-button-next,
  .swiper-button-prev {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
  }

  .tab li {
    width: 1.2rem;
    height: 1.5rem;
    flex: 1;
    float: none;
    margin-right: 0.36rem;
  }

  .tab-content .cl {
    width: 100%;
    margin-right: 0;
    float: none;
  }

  .tab-content .tabC1 .title,
  .tab-content .tabC2 .title,
  .tab-content .tabC3 .title,
  .tab-content .tabC4 .title {
    background: none;
    margin-top: 0.35rem;
    margin-left: 0.8rem;
    width: 1.5rem !important;
    height: 0.56rem;
    line-height: 0.56rem;
    border: 1px solid #00a1ff;
    font-size: 0.24rem;
    color: #00a1ff;
  }

  .tab-content .bgr1,
  .tab-content .bgr2,
  .tab-content .bgr3,
  .tab-content .bgr4 {
    background: none;
  }

  .tab-content .bgr {
    float: none;
    width: 0;
    height: 0;
    margin-left: 0;
  }

  .recommend-content {
    display: none;
  }

  .client-banner,
  .con-bg,
  .con-bm-bg {
    display: none !important;
  }

  .content .triangular {
    display: none;
  }

  .leftScroll_picBox {
    padding-left: 0.3rem;
    width: 6.4rem !important;
    height: 4rem !important;
    float: none !important;
  }

  .list-item-left {
    flex: 1;
    float: none;
    margin-right: 0;
  }

  .list-item-content {
    flex: 1;
    margin-right: 0;
  }

  .list-item-right {
    display: none;
    width: 238px;
  }

  .footer .bottom {
    display: none;
  }

  #toTop {
    display: none !important;
  }

  .m_footer_icon li {
    list-style-type: none;
    flex: 1;
    width: 0.6rem;
    height: 0.6rem;
    background: red;
  }

  .intro-banner {
    display: none;
  }

  .low-img {
    display: none;
  }

  .v-switch {
    display: none;
  }

  .m_list li {
    list-style-type: none;
    font-size: 0.2rem;
    display: flex;
    margin-bottom: 0.48rem;
    transition: 0.3s all;
  }

  .container {
    display: none;
  }

  /*design*/
  .design-banner {
    display: none;
  }

  .design-d-content {
    display: none;
  }

  .coverage .m_coverage_c li {
    list-style-type: none;
    display: flex;
  }

  .cartoon .cartoon_list li {
    list-style-type: none;
    width: 1.6rem;
    height: 1.6rem;
    display: block;
    float: left;
    margin-right: 0.16rem;
    margin-bottom: 0.16rem;
    background: #ffffff;
    text-align: center;
    position: relative;
  }

  .c_plugin .c_table li {
    list-style-type: none;
    height: 0.56rem;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(221, 227, 235, 1);
    text-align: center;
    line-height: 0.56rem;
    font-size: 0.24rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    opacity: 0.64;
  }

  .c_plugin .c_table li:nth-child(2),
  .c_plugin .c_table li:nth-child(3),
  .c_plugin .c_table li:nth-child(4),
  .c_plugin .c_table li:nth-child(5),
  .c_plugin .c_table li:nth-child(6),
  .c_plugin .c_table li:nth-child(7),
  .c_plugin .c_table li:nth-child(8),
  .c_plugin .c_table li:nth-child(9),
  .c_plugin .c_table li:nth-child(10),
  .c_plugin .c_table li:nth-child(11),
  .c_plugin .c_table li:nth-child(12),
  .c_plugin .c_table li:nth-child(13),
  .c_plugin .c_table li:nth-child(14),
  .c_plugin .c_table li:nth-child(15),
  .c_plugin .c_table li:nth-child(16) {
    border-top: none;
  }

  .developer-banner {
    display: none;
  }

  .m_developer_banner {
    margin-top: 0.96rem;
    display: block;
    width: 100%;
    height: 3.76rem;
  }

  .hr {
    display: none;
  }

  .de-wrap {
    display: none;
  }

  .question {
    display: none;
  }

  .pc_label_cloud {
    display: none;
  }

  .about-banner {
    display: none;
  }

  .show-item {
    display: none;
  }

  .m_show_item {
    width: 100%;
    height: 2.75rem;
    display: flex;
  }

  .m_show_item li {
    margin-top: 0.48rem;
    flex: 1;
    align-items: center;
    text-align: center;
    justify-items: center;
    list-style-type: none;
  }

  .static-scene {
    display: none;
  }

  .m_scene .mc_content li {
    list-style-type: none;
    width: 3.3rem;
    height: 1.84rem;
    position: relative;
    display: inline-block;
  }

  .static-process {
    display: none;
  }

  .static-core {
    display: none;
  }

  .m_core .m_tabs {
    flex: 1;
    text-align: center;
    width: 1.56rem;
    height: 1.56rem;
    display: block;
    list-style-type: none;
    overflow: hidden;
    margin-left: 0.3rem;
  }

  .m_tab_nav li {
    list-style-type: none;
    width: 2.3rem;
    height: 0.04rem;
  }

  .m_tab_con li {
    width: 100%;
    display: none;
  }

  .tab_con2 .tl {
    float: none !important;
    margin: 0 0.3rem;
    width: auto;
    height: 3.88rem;
    position: relative;
    background: #000;
  }

  .tab_con2 .tr {
    float: none !important;
    margin: 0 0.3rem;
    width: auto !important;
    height: 1.86rem !important;
    background: rgb(243, 248, 255);
  }

  .tab_con3 .m_table .item-list {
    border-bottom: none;
  }

  .tab_con3 .m_table .item-list:first-child {
    border-top: none;
  }

  .static-cooperation {
    display: none;
  }

  .m_static_cooperation .m_s_c_item li {
    list-style-type: none;
    width: 6.9rem;
    height: 2rem;
    display: block;
    margin-left: 0.3rem;
    margin-bottom: 0.3rem;
    text-align: left;
  }

  .static-sdk {
    display: none;
  }

  .m_dynamic_contrast {
    display: none;
  }

  .dynamic-template {
    display: none;
  }

  .dynamic-application {
    display: none;
  }

  .m_application_scene .m_app_item li {
    list-style-type: none;
    width: 3.3rem;
    height: 1.84rem;
    /*margin-right : 0.3rem;*/
    margin-bottom: 0.3rem;
    display: inline-block;
  }

  /* .new_dynamic > p{
    width: 1.2rem!important;
    font-size: .28rem!important;
  }
  .new_dynamic > div{
    width: 6.75rem !important;

  }
  .new_dynamic > div > div{
    width: 6.75rem !important;
    height: 3.75em;
    margin: 0 auto;
  } */
  body {
    min-width: 1.75rem !important;
  }
}

@media (max-width: 768px) {
  .header {
    display: flex;
  }

  .choose-box {
    display: block;
  }

  .header .logo {
    margin-left: 0;
  }

  .btn {
    display: none;
  }

  .header .wrap {
    flex: 1;
  }

  .header .header_list ul li {
    margin-right: 20px;
  }

  .hamburg {
    display: none;
  }

  #tm {
    display: none;
  }

  .list-item-left,
  .list-item-content {
    margin-right: 80px;
  }
}

@media (min-width: 768px) {
  .header .logo {
    margin-left: 10px;
  }

  .header .header_list ul li {
    margin-right: 25px;
  }

  .choose-box {
    display: block;
    right: 138px;
  }

  .btn {
    margin: 0 10px;
  }
}

@media (min-width: 996px) {
  .header .logo {
    margin-left: 10px;
  }
}

@media (min-width: 1100px) {
  .header .logo {
    margin-left: 40px;
  }

  .header .header_list ul li {
    margin-right: 46px;
  }

  .choose-box {
    display: block;
    right: 188px;
  }

  .btn {
    margin: 0 40px;
  }
}

@media (min-width: 768px) and (max-width: 928px) {
  .header .wrap {
    width: 600px;
  }

  .header .header_list ul li {
    margin-right: 8px;
  }
}

@media (min-width: 899px) and (max-width: 928px) {
  .header .wrap {
    width: 670px;
  }
}

@media (max-width: 1100px) {

  .list-item-left,
  .list-item-content {
    margin-right: 80px;
    margin-left: 20px;
  }
}

/*notice*/
.naranja-notification .naranja-body-notification .naranja-title {
  font-size: 16px !important;
}

.naranja-notification .naranja-body-notification .naranja-parragraph {
  font-size: 12px !important;
  line-height: 1.2em !important;
}

.naranja-notification .narj-success {
  background: #ffffff !important;
}

.naranja-icon svg,
.narj-icon-success svg {
  width: 48px;
  height: 48px;
}

/*手机端client*/
.m {
  display: none;
}

.m-recommend-content {
  display: none;
}

.m_footer {
  display: none;
}

#tm {
  display: none;
}

.hamburg {
  display: none;
}

.intro-banner {
  display: block;
  height: 400px;
}

/*手机端 intro banner*/
.m_intro_banner {
  display: none;
}

.low-img {
  display: block;
}

/*手机端 intro m_low_img*/
.m_low_img {
  display: none;
}

.v-switch {
  display: block;
}

.togglebox {
  display: none;
}

.container {
  display: block;
}

.design-banner {
  display: block;
}

.m_design_banner {
  display: none;
}

.m_filter_banner {
  display: none;
}

.design-d-content {
  display: block;
}

.m_d_content {
  display: none;
}

.developer-banner {
  display: block;
  height: 400px;
}

.m_developer_banner {
  display: none;
}

.m_developer_switch {
  display: none;
}

.m_question {
  display: none;
}

.header .m_logo {
  display: none;
}

.header .m_header {
  display: none;
}

.m_swiper_container {
  display: none;
}

.m_tab_content {
  display: none;
}

.m_fhr {
  display: none;
}

.body_mask {
  display: none;
}

.personal {
  display: none;
}

.m_font {
  display: none;
}

.m_label_clound {
  display: none;
}

.m_about_banner {
  display: none;
}

.show-item {
  display: block;
}

.m_show_item {
  display: none;
}

.static-banner {
  display: block;
}

.m_static_banner {
  display: none;
}

.m_scene {
  display: none;
}

.m_process {
  display: none;
}

.m_core {
  display: none;
}

.m_static_cooperation {
  display: none;
}

.m_sdk {
  display: none;
}

.m_dynamic_contrast {
  display: block;
}

.m_contrast {
  display: none;
}

.m_content {
  display: none;
}

.m_template_make {
  display: none;
}

.m_application_scene {
  display: none;
}

/*.header .personal {*/
/*display: none;*/
/*}*/

/*docs*/

.float_button {
  display: none;
}

.float_wrap {
  /*display : none;*/
  opacity: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
  content: '.';
  /*position: relative;*/
  /*z-index : -999;*/
}

.float_content_ul .li {
  display: none;
}

/*filter*/
.m_filter_product {
  display: none;
}

.advantage_comparison {
  display: block;
}

.m_advantage_comparison {
  display: none;
}

.use_scene {
  display: block;
}

.m_use_scene {
  display: none;
}

.filter_tools {
  display: block;
}

.m_filter_tools {
  display: none;
}

.new_list_mask1 {
  position: relative;
}

#new_list_box1 {
  position: absolute;
  left: -56px;
  top: 50px;
  display: none;
  /* box-sizing      : border-box; */
  width: 110px;
  height: 55px;
  padding: 15px 14px;
  background: rgba(12, 17, 65, 0.95);
  z-index: 2;
}

.items_1 {
  margin-bottom: 8px;
  text-align: left;
  color: #b5b5b5;
  font-size: 15px;
  cursor: pointer;
}

.items_1 img {
  width: 24px;
  height: 24px;
  vertical-align: -7px;
  margin-right: 8px;
}

.items_1:last-child {
  margin-bottom: 0;
}

.items_1:hover {
  color: #00a1ff;
}

.line_new {
  position: absolute;
  border-radius: 2px;
  width: 4px;
  height: 18px;
  left: 18px;
  top: 16px;
  /* top                   : 51px; */
  background-color: #00a1ff;
  transition: all 0.3s ease;
  /* display               : none; */
}

.link_new {
  display: inline-block;
  margin-bottom: 12px;
  color: #cecece;
  font-size: 14px;
}

.link_new:hover {
  color: #00a1ff;
}

.list_mask_new_padding {
  position: absolute;
  top: -32px;
  left: -33px;
  width: 90px;
  height: 87px;
  cursor: pointer;
}

.language {
  display: block;
}

.flexBox_popup {
  position: absolute;
  width: 268px;
  height: 132px;
  left: 50%;
  top: 0;
  transform: translate(-50%, -100%);
  margin: 0;
  padding: 0;
  line-height: 14px;
  font-size: 14px;
  color: #0c1141;
  background: url('../common_img/home/lxsw_zwbg.svg') no-repeat center center;
  background-origin: content-box;
  background-size: cover;
  padding-bottom: 16px;
  display: none;
}

.flexBox_popup img,
.footer_user_list img {
  width: 15px !important;
  height: auto !important;
}

.flexBox_popup li,
.footer_user_list li {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  height: auto !important;
}

.flexBox_popup li:first-child {
  margin-top: 23px;
}

.footer_user_list {
  display: block;
  margin: 0;
  padding: 0;
  color: #b5b5b6;
  font-size: 14px;
}

.footer_user_list li {
  justify-content: flex-start;
}

.footer_user_list img {
  margin-right: 8px;
}

.contact_us_footer {
  color: #b5b5b6;
  font-size: 14px;
  margin: 8px 0;
  line-height: 20px;
}

.contact_us_footer_about {
  text-decoration: none;
  color: #b5b5b6;
}

.contact_us_footer_about:hover {
  color: #00a1ff;
}

.contact_us_footer .btmAddress {
  display: block;
}

#test-img {
  width: 100%;
  min-height: 400px;
  /* vertical-align: top; */
}

#tests-img {
  width: 100%;
  min-height: 620px;
}

/*    分页*/
.paginationjs {
  display: flex;
  align-items: center;
  justify-content: center;
}

.paginationjs-pages {
  margin-right: 24px;
}

.paginationjs-pages ul {
  display: flex;
}

.paginationjs-pages ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(229, 229, 229, 1);
  border-radius: 4px;
  margin-right: 12px;
  font-size: 14px;
  background: rgba(255, 255, 255, 1);
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  cursor: pointer;
}

.paginationjs-pages ul li:hover {
  border-color: #6F49DE;
}

.paginationjs-pages ul li a {
  color: #333333;
}

.paginationjs-pages ul .active {
  background-color: #6F49DE;
}

.paginationjs-pages ul .active a {
  color: #fff;
}

.paginationjs-pages ul li:last-child {
  margin: 0;
}

.paginationjs-pages ul li:first-child,
.paginationjs-pages ul li:last-child {
  width: 40px;
  height: 36px;
  cursor: pointer;
  font-size: 20px;
}

.paginationjs-go-input {
  color: #333333;
  font-size: 14px;
}

.J-paginationjs-go-pagenumber {
  box-sizing: border-box;
  padding: 5px 10px;
  text-align: center;
  width: 38px;
  height: 38px;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(229, 229, 229, 1);
  border-radius: 4px;
  outline: none;
}

.paginationjs-go-button {
  margin-left: 20px;
}

.J-paginationjs-go-button {
  cursor: pointer;
  outline: none;
  width: 66px;
  height: 38px;
  border: none;
  border-radius: 4px;
  color: #fff;
  background: #6F49DE;
  font-size: 16px;
}

/* 意向表单 */
.layui-layer-page .layui-layer-content {
  overflow: inherit !important;
}

.demand_window {
  width: 687px;
  height: 674px;
  background: #ffffff;
  display: none;
  background-image: url('//static.atvideo.cc/2021/11/25/18/10/181015.png');
  background-repeat: no-repeat;
}

.demand_form {
  padding: 0px 117px 54px 87px;
}

.demand_c {
  height: 20px;
  padding: 21px 21px 29px 0px;
  display: flex;
  justify-content: end;
}

.demand_close {
  position: relative;
  width: 20px;
  height: 20px;
  display: block;
  cursor: pointer;
}

.demand_close::before,
.demand_close::after {
  position: absolute;
  content: ' ';
  background-color: #333333;
  left: 10px;
  width: 1px;
  height: 20px;
}

.demand_close::before {
  transform: rotate(45deg);
}

.demand_close::after {
  transform: rotate(-45deg);
}

.demand_window_title {
  height: 34px;
  font-size: 24px;
  font-family: 'PingFang SC';
  font-weight: 500;
  text-align: center;
  color: #333333;
  margin-bottom: 36px;
}

.demand_window label {
  font-size: 20px;
  font-family: 'PingFang SC';
  font-weight: 500;
  text-align: LEFT;
  color: #333333;
}

.demand_br {
  margin-bottom: 24px;
  padding-left: 20px;
}

.demand_br:nth-of-type(5) {
  padding-left: 0;
}

#demand_name,
#demand_tel,
#demand_company {
  width: 381px;
  height: 48px;
  padding-left: 15px;
}

#demand_need {
  width: 380px;
  height: 94px;
  padding-left: 15px;
  vertical-align: top;
}

.demand_code {
  width: 268px;
  height: 50px;
  text-indent: 15px;
}

.demand_code_send {
  width: 120px;
  height: 50px;
  border: 1px solid #dde3eb;
  text-align: center;
  cursor: pointer;
  background: #00a1ff !important;
  color: #fff;
  border-radius: 4px;
}

#demand_name,
#demand_tel,
#demand_company,
#demand_need,
#demand_code {
  background: #f3f8ff;
  border: none;
}

#demand_name,
#demand_tel,
#demand_company,
#demand_need,
#demand_code:focus {
  outline: none;
  border: none;
}

.demand_btn {
  width: 395px;
  height: 52px;
  background: #00a1ff;
  border-radius: 4px;
  color: #fff;
  line-height: 52px;
  text-align: center;
  margin: 0 0 0 86px;
  cursor: pointer;
}

#demand_name::-webkit-input-placeholder,
#demand_tel::-webkit-input-placeholder,
#demand_company::-webkit-input-placeholder,
#demand_need::-webkit-input-placeholder {
  /* placeholder颜色  */
  /* placeholder字体大小  */
  font-size: 16px;
}

.demand_code::-webkit-input-placeholder {
  /* placeholder颜色  */
  /* placeholder字体大小  */
  font-size: 16px;
}

.t_adorn {
  display: inline-block;
  width: 56px;
  height: 8px;
  background: linear-gradient(270deg, #79adfc 0%, rgba(121, 173, 252, 0.30));
}

.lfLineStyle {
  display: inline-block;
  width: 56px;
  height: 8px;
  background: linear-gradient(270deg, #79adfc 0%, rgba(121, 173, 252, 0.30));
  margin-right: 20px;
}

.rgLineStyle {
  display: inline-block;
  width: 56px;
  height: 8px;
  background: linear-gradient(90deg, #79adfc 0%, rgba(121, 173, 252, 0.30));
  margin-left: 20px;
}

.vertical_Line {
  display: inline-block;
  width: 4px;
  height: 24px;
  background: #00a1ff;
  margin-right: 17px;
}

.middle_Line {
  width: 32px;
  height: 4px;
  background: #66c7ff;
  margin-bottom: 28px;
  display: inline-block;
}

.m_vertical_Line {
  display: inline-block;
  width: 4px;
  height: 24px;
  background: #00a1ff;
  margin-right: 17px;
}

.m_middle_Line {
  width: 32px;
  height: 4px;
  background: #66c7ff;
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
}


.newbanner {
  width: 100%;
  /* height: 634px; */
}

#new_list_box {
  min-width: 460px;
  height: 394px;
  position: absolute;
  z-index: 999;
  top: 43px;
  left: -20px;
  display: flex;
}

#new_list_box div {
  width: 50%;
}

#new_list_box div:nth-child(1) {
  /* width: 180px;
  height: 260px; */
  /* background: rgba(255,255,255,0.80); */
  backdrop-filter: blur(26px);
  background-color: #f0f6fc;
}

#new_list_box div:nth-child(2) {

  background: #ffffff;
}

#new_list_box ul {
  height: 100%;
  /* padding: 10px 0px; */
  box-sizing: border-box;
}

#new_list_box ul:nth-child(1) li {
  width: 100%;
  height: 48px;
  line-height: 48px;
  backdrop-filter: blur(26px);
  margin-right: 0px;
  display: block;
  padding-left: 36px;
  box-sizing: border-box;
  font-size: 16px;
  font-family: 'Microsoft YaHei', 'Arial', 'YouYuan', sans-serif;
  font-weight: 400;
  text-align: LEFT;
  color: #202a3a;
  cursor: pointer;
}

#new_list_box ul:nth-child(2) li {
  width: 100%;
  height: 48px;
  line-height: 48px;
  backdrop-filter: blur(26px);
  margin-right: 0px;
  display: block;
  padding-left: 36px;
  box-sizing: border-box;
  font-size: 16px;
  font-family:'Microsoft YaHei', 'Arial', 'YouYuan', sans-serif;
  font-weight: 400;
  text-align: LEFT;
  color: #202a3a;
  cursor: pointer;
}

.new_list_info a {
  color: #202A3A !important;
}

.new_list_info li:hover {
  color: #00a1ff !important;
}

.adjustPs {
  position: relative;
  top: 6px;
}

.headPage {
  display: none;
}

.new_hreader_input {
  position: relative;
  font-size: 16px;
}

.initInput {
  border: 1px solid rgba(61,61,61,.15) !important;
  width: 258px !important;
  background-color: #ffffff !important;

}

.new_header_searchIcon {
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translate(0, -50%);
  cursor: pointer;
}

.case_img_icon {
  width: 22px;
  position: relative;
  top: 6px;
}

.m_banner {
  display: none;
}

.new_content .area_title {
  margin-bottom: 33px;
}