/* index */
.w-background-video {
  position: relative;
  overflow: hidden;
  height: 900px;
  color: white;
}

.w-background-video>video {
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  margin: auto;
  width: 100%;
  height: 100%;
  right: -100%;
  bottom: -100%;
  top: -100%;
  left: -100%;
  object-fit: cover;
  z-index: -100;
}

.w-background-video>video::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}

.w-background-video--control {
  position: absolute;
  bottom: 1em;
  right: 1em;
  background-color: transparent;
  padding: 0;
}

.w-background-video--control>[hidden] {
  display: none !important;
}

.radioBtn {
  text-align: center;
  margin: 0 auto;
  padding-top: 368px;
}

.image-92 {
  display: inline-block;
  margin-right: auto;
  margin-left: auto;
  opacity: 0.3;
  text-align: center;
}

.section-back {
  margin-right: 0px;
  margin-left: 0px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.17);
  background-color: rgba(51, 51, 51, 0.97);
  color: #fff;
}

.section-back1 {
  background-image: linear-gradient(180deg, #151620, #151620);
  color: #fff;
}

.section-gray {
  background-color: #f7f7f7;

}

.section-gray1 {
  background-color: #ececec;
  overflow: hidden;
}


.section-gray2 {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;

}

.section-blue {
  background-color: #e9f1f5;

}


.section-back a {
  color: #fff;
}

.section-back a:hover {
  color: #22bac2;
}

.container-18 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.container-tech {
  padding-top: 20px;
  padding-bottom: 20px;
}

.container-19 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.wf-section h2 {
  font-size: 2.4rem;
  display: flex;
  align-items: center;
  margin: 10px 0 20px 0;
}

.wf-section h2 .w-button {
  display: inline-block;
  overflow: visible;
  margin: 0px;
  padding: 5px 15px;
  align-items: center;
  background-color: #22bac2;
  font-size: 1.2rem;
  text-align: left;
  color: #fff;
  text-decoration: none;
  line-height: 20px;
  font-weight: 300;
}

.wf-section .paragraph-34 {
  margin-bottom: 20px;
  font-size: 1.6rem;
  line-height: 36px;
  color: #22bac2;
}


.div-head {
  margin: 0 5px;
  padding-top: 0px;
  padding-bottom: 30px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.35);
  text-align: center;
  line-height: 28px;
  transition: all 2s;
}



.div-head.tabCur {
  background-color: #22bac2;
  transform: scale(1.05)
}

.div-head h4 {
  margin: 0;
  padding: 20px 0;
  font-size: 1.8rem;
  font-weight: bolder;
}

.div-head p {
  font-size: 1.2rem;
  font-weight: 300;
}

.div-head:hover img {
  transform: scale(1.05);
  transition: all 1s;
}

.image-57 {
  display: block;
  margin: 0 auto;
  padding: 0px 40px;
  text-align: center;
}

.div-block {
  text-align: center;
}

.div-block .div-inner {
  padding: 20px 0;
}

.div-block p {
  color: #cfcfcb;
  font-weight: 300;
  font-size: 1.2rem;
  line-height: 24px;
  padding: 0 10px;
}

.div-block img {
  transition: all 1s;
}

.div-block:hover img {
  transform: scale(1.05);
}

.div-block-show {
  margin: 0 20px 40px;
  background-color: #fff;
  text-align: center;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
  overflow: hidden;
  zoom: 1;

}

.div-block-show img {
  transition: all 1s;
}

.div-block-show:hover {
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.74);
}

.div-block-show:hover img {
  transform: scale(1.05);
}

.div-block-noshow {
  background: none;
  box-shadow: none;
  margin-bottom: 0;
}

.div-block-noshow img {
  background-color: #151616;
}

.div-block-noshow:hover {
  box-shadow: none;
}

.div-block-show .titleH3 {
  padding: 10px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 1.6rem;
  line-height: 24px;
  font-weight: 700;
  text-align: center;
}

.div-block-show img {
  margin: 0 auto;
}

.div-block-show .w-inline-block {
  background-color: hsla(0, 0%, 100%, 0.95);
  display: inline-block;
}

.div-block-show .text {
  text-align: left;
  padding: 0 10px 10px;
  min-height: 360px;
  line-height: 1.8;
}


.div-block-show2 {
  margin: 0 5px 10px;
  padding: 10px 0;
  text-align: center;
  background-color: #fff;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
  overflow: hidden;
  zoom: 1;
}

.div-block-show2 img {
  margin: 0 auto;
}

.div-block-show2 h4 {
  font-size: 1.8rem;
  margin: 10px 0;

}

.div-block-show2 .text {
  text-align: left;
  padding: 0 20px 10px;
  min-height: 130px;
  line-height: 1.8;
}


.div-block-notext,
.div-block-notext:hover {
  background: none;
  box-shadow: none;
  margin-bottom: 0;
  margin: 0 10px 0;
}

.div-block-notext img {
  margin-bottom: 10px;
}

.div-block-notext .text {
  text-align: left;
  padding: 0 10px 10px;
  min-height: auto;
  line-height: 1.8;
}

.flex-container {
  display: flex;
}

.flex-container .hero-image-mask {
  margin-left: 40px;
}

.flex-container .hero-text {
  flex: 1;
  line-height: 2;
}

.w-button2 {
  margin: 0 auto;
  padding: 9px 15px;
  border-radius: 0px;
  background-color: #22bac2;
  font-family: "Open Sans", sans-serif;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 300;
  text-align: center;
  display: block;
}

/* index */

/* 产品中心 */

.div-block-bottom {
  margin-right: 20px;
  float: left;
  text-align: center;
}

.div-block-bottom img {
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
}

.div-block-bottom h5 {

  font-family: 'Open Sans', sans-serif;
  color: rgba(19, 19, 19, 0.97);
  font-size: 1.4rem;
  line-height: 20px;
  font-weight: 400;
  text-align: center;
}

.section-29 {
  height: 900px;
  background-image: url(../images/无线通单网口版-2.jpg);
  background-position: 50% 100%;
  background-size: cover;
}

/* products1 */
.products-top {
  height: auto;
  padding: 80px 20px 0 20px;
  background-repeat: no-repeat;
  background-image: url(../images/products1/products1-BG.png);
  background-position: 50% 100%;
  background-size: cover;
  color: #fff;
}

.products-top2 {
  background-image: linear-gradient(rgba(14, 15, 21, .53), rgba(14, 15, 21, .53)), url(../images/products2/BG.jpg);
}

.products-top3 {
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-image: linear-gradient(rgba(14, 15, 21, .53), rgba(14, 15, 21, .53)), url(../images/products3/BG.jpg);

}



.products-top3 .w-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.products-top3 .w-container .text {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.w-container .text h1 em {
  color: #22bac2;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}

.w-container .text h1 em span {
  font-weight: bold;
  color: rgba(34, 186, 194, 0.372);
}

.products-top3 .img {
  width: 400px
}


.products-top4 {
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-image: linear-gradient(rgba(14, 15, 21, .53), rgba(14, 15, 21, .53)), url(../images/products4/BG.jpg);

}

.products-top5 {
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-image: linear-gradient(rgba(14, 15, 21, .53), rgba(14, 15, 21, .53)), url(../images/products5/BG.jpg);
  overflow: hidden;
}

.products-top6 {
  background-color: rgba(14, 15, 17, 0.97);
  color: #fff;
  text-align: center;
  background-image:url(../images/products6/BG.svg);
  overflow: hidden;
  padding: 60px 0 50px;
  background-position: 0 0, 90%;
  background-size: auto, cover;
}



.products-top8 {
  padding-top: 45px;
  height: 900px;
  color: #fff;
  background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('../images/products8/BG.jpg');
  background-color: rgba(14, 15, 17, 0.97);
  background-position: 0 0, 90%;
  background-size: auto, cover;
}

.solution-top1 {
  padding-top: 190px;
  height: 900px;
  color: #fff;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/cctv-7267534_1920.jpg);

}


.solution-top2 {
  padding-top: 190px;
  color: #fff;
  height: 870px;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.28), rgba(0, 0, 0, 0.28)), url(../images/istockphoto_1205700615.jpg);
}

.solution-top2-2 {
  color: #fff;
  height: 870px;
  background-image: linear-gradient(180deg, rgba(2, 52, 54, 0.54), rgba(2, 52, 54, 0.54)), url(../images/istockphoto_493239440.jpg);
}

.solution-top3 {
  padding-top: 190px;
  color: #fff;
  height: 830px;
  background-image: linear-gradient(180deg, rgba(29, 64, 87, 0.4), rgba(29, 64, 87, 0.4)), url(../images/residence-2219972_1920副本.jpg);
}

.solution-top4 {
  padding-top: 190px;
  color: #fff;
  height: 800px;
  text-align: center;
  background-image: linear-gradient(180deg, rgba(0, 99, 96, 0.46), rgba(0, 99, 96, 0.46)), url(../images/panda-3505189_1920.jpg);
}

.solution-top4 h3 {
  color: #61e5e2;
  text-align: center;
  font-size: 2.4rem;
  line-height: 1.2;
}

.solution-top5 {
  padding-top: 190px;
  height: 800px;
  background-image: url(../images/solution5/solution5-1.jpg);
}

.solution-top6 {
  color: #fff;
  padding-top: 100px;
  height: 950px;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0.23)), url(../images/solution6/1.jpg);
}

.solution-top6-1 {
  height: 900px;
  color: rgba(0, 0, 0, 0.97);
  background-image: url(../images/solution6/3.jpg);
}

.solution-top7 {
  color: #fff;
  padding-top: 190px;
  height: 800px;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.14)), url(../images/istockphoto_522625360.jpg);
}

.solution-top8 {
  color: #fff;
  padding-top: 130px;
  height: 800px;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)), url('../images/120200805123158158636.jpg');
  background-size: auto, auto;
}

.solution-top9 {

  padding-top: 130px;
  height: 850px;
  background-image: url(../images/solution9/BG.jpg);
}

.tech-top1 {
  color: #fff;
  height: 800px;
  background-image: url(../images/tech1/banner.jpg);
  background-position: 50% 50%;
  background-size: cover;

}

.tech-top2 {
  padding-top: 140px;
  color: #fff;
  height: 800px;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.67), rgba(0, 0, 0, 0.67)), url(../images/自组网示意图_画板-1.png);
}

.tech-top3-1 {
  color: #fff;
  height: 400px;
  background-image: url(../images/可靠性设计.jpg);
}

.tech-top3-2 {
  color: #fff;
  height: 400px;
  background-image: url(../images/高安全性.jpg);
}

.tech-top3-3 {
  color: #fff;
  height: 400px;
  background-image: url(../images/大跨度的自适应数据率.jpg);
}

.tech-top3-4 {
  color: #fff;
  height: 400px;
  background-image: url(../images/低时延多跳.jpg);
}

.tech-top3-5 {
  color: #fff;
  height: 400px;
  background-image: url(../images/低功耗.jpg);
}

.tech-top3-6 {
  color: #fff;
  height: 400px;
  background-image: url(../images/可移动性.jpg);
}

.about-top {
  padding-top: 140px;
  height: 900px;
  color: #fff;
  background-image: url(../images/about/about_top.jpg);

}


.container-product {
  padding: 60px 100px;
  text-align: center;
}

.container-product img {
  display: block;
  max-width: 100px;
  margin-right: auto;
  margin-bottom: 40px;
  margin-left: auto;
  text-align: center;
}

.container-product h4 {
  font-size: 1.4rem;
}

.section-bg1 {
  padding-top: 140px;
  padding-bottom: 140px;
  background-color: rgba(19, 19, 19, 0.97);
  background-image: linear-gradient(180deg,
      rgba(0, 0, 0, 0.7),
      rgba(0, 0, 0, 0.7)),
    url("../images/77b6ed1711974fadad3df33206461cf5.png");

  background-size: auto, cover;
  color: #fff;
  text-align: center;
  background-repeat: no-repeat;
  background-position: 80% center;
}

.section-bg2 {
  background-image: linear-gradient(180deg,
      rgba(0, 0, 0, 0.63),
      rgba(0, 0, 0, 0.63)),
    url(../images/cctv-2596537_1920.jpg);

}

.section-bg3 {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.69), rgba(0, 0, 0, 0.69)), url(../images/00304124403_4080b5fa.jpg);

}

.products-bg4 {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/high-voltage-tower-3606958_1920.jpg);
}


.products-bg5 {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/animal-6902437_1920.png);
}


/*div-time  */
.w-flex {
  display: flex;
}

.w-flex .w-col {
  width: auto;
}

.div-time {
  margin-bottom: 40px;
}

.div-time h3 {
  margin-top: 0;
  margin-bottom: 10px;
  color: #06a09c;
  font-size: 2.4rem;
  line-height: 48px;
  /* font-weight: 500; */

}

.div-time h4 {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.5;
  margin-top: 10px;
}

.div-time p {
  margin-bottom: 20px;
  padding-top: 20px;
  line-height: 28px;
  font-weight: 300;
}

/*  div-block-solution*/
.div-block-solution {
  max-width: 300px;
  margin: 0 auto;
  padding: 20px 0;
  text-align: center;

}

/* div-text-solution */

.div-text-solution {
  margin-bottom: 40px;
  padding-right: 10px;
}

.div-text-solution h3 {
  font-family: 'Open Sans', sans-serif;
  color: #ec5555;
  font-size: 2.4rem;
  margin-bottom: 10px;
  margin-top: 0;

}

/* tech */
.tech-banner {

  color: #fff;
  margin: 20px 0;
  text-align: center;
  background-position: 50% 50%;
  background-size: cover;
}

.tech-banner a {
  padding: 140px 200px;
  color: #fff;
  text-align: center;
  display: block;
  background-image: linear-gradient(180deg, rgba(3, 42, 66, 0.77), rgba(3, 42, 66, 0.77))
}

.tech-banner h2 {
  font-size: 3.8rem;
  display: block;
  text-align: center;

}

.tech-banner p {
  font-size: 1.4rem;
}

.tech-banner1 {
  background-image: url(../images/宽窄带融合banner1.png);
  background-position: 50% 50%;

}

.tech-banner1 a {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25))
}


.tech-banner2 {
  background-image: linear-gradient(180deg, rgba(3, 42, 66, 0.77), rgba(3, 42, 66, 0.77)), url(../images/leaplink-vs.svg);
}

.tech-banner img {
  width: 100%;
}

.div-block-gray {
  text-align: center;
  padding: 20px;
  background-color: #f8f8f8;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
  color: #333;
  text-decoration: none;
  margin: 0 10px 20px;
}

.div-block-gray h4 {
  font-size: 1.8rem;

}

.div-block-gray .text {
  font-size: 1.4rem;
  text-align: left;
  font-family: 'Open Sans', sans-serif;
  line-height: 24px;
  font-weight: 300;
  min-height: 150px;
}

/* about */
.div-about {
  margin: 0 auto 20px;
  padding: 0 20px;
}

.div-about h4 {
  margin: 40px auto 20px;
}

.div-about .w-col {
  padding: 5px 0;
}

.div-about p {

  line-height: 26px;
}

.div-block-about {
  margin: 0 80px 80px 80px;
  padding: 40px 0px;
  background-color: #fff;
  text-align: center;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);

}

.div-block-about h3 {
  font-size: 1.8rem;
  margin-bottom: 20px;
}

.div-block-about p {
  font-size: 1.4rem;
  line-height: 1.8;
}