/*应用页面/技术路线/新闻页面*/
.top-shadowblue {
  position: absolute;
  top: -30%;
  left: 0;
  width: 100%;
  height: 768px;
  background-color: #0068eb;
  transform: skew(0, -12deg);
  z-index: 2;
}

img.pc-bg {
  width: 100%;
}

.top-shadowtit {
  position: absolute;
  right: 0;
  bottom: -8%;
  left: 0;
  /* top:-8%; */
  margin: auto;
  /* width:310px; */
  height: 320px;
  text-align: center;
  z-index: 3;
  transform: skew(0, 12deg);
  width: 100%;
  text-align: center;
  margin: 0 auto;
}

.top-shadowtit h2 {
  font-size: .96rem;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-family: 'Din black';
  line-height: 1.18rem;
}

.top-shadowtit h2 a {
  color: #fff;
  font-family: 'Din black';
}

.top-shadowtit h2 a em {
  font-family: 'Din black';
}

.top-shadowtit p {
  font-size: 54px;
  line-height: 0.75rem;
  height: 70px;
  color: #fff;
  font-family: 'PingFang SC Heavy';
  letter-spacing: 1px;
}

.top-shadowtit span {
  position: absolute;
  right: 0;
  bottom: -70%;
  left: 0;
  top: 0;
  margin: auto;
  width: 1px;
  height: 50%;
  border-left: 1px solid rgba(255, 255, 255, .8);
  /* background-color: rgba(255,255,255,.8); */
}

.line-blue {
  position: absolute;
  right: 0;
  bottom: 12%;
  left: 0;
  margin: auto;
  width: 1px;
  height: 160px;
  background-color: rgba(0, 104, 235, 0.8);
}

.top-shadowtext {
  opacity: 0;
  position: absolute;
  right: 0;
  bottom: 36%;
  left: 0;
  margin: auto;
  height: 150px;
  font-size: 16px;
  line-height: 34px;
  text-align: center;
  z-index: 2;
  transition: 1.6s;
  -webkit-transition: 1.6s;
  -moz-transition: 1.6s;
  -ms-transition: 1.6s;
  -o-transition: 1.6s;
}

.top-shadowtext p {
  /* margin-bottom:12px; */
  color: #fff;
  width: 6.9rem;
  margin: 0 auto;
}

.top-shadowtext .tit {
  position: relative;
  font-size: 0.59rem;
  color: #0068eb;
  text-transform: uppercase;
  width: 4.92rem;
  margin: 0 auto 40px auto;
  line-height: 0.62rem;
}

.top-shadowtext .tit span {
  font-family: 'Din black';
}

.top-shadowtext .tit .our_tit1 {
  font-family: 'Din black';
  font-size: 0.59rem;
  line-height: 0.7rem;
  color: #fff;
  display: block;
}

.top-shadowtext .tit .our_tit2 {
  font-size: 0.36rem;
  line-height: 0.48rem;
  font-family: 'PingFang SC Semibold';
  color: #fff;
  display: block;
}

.top-shadowtext .tit .cg_tit {
  display: block;
}

.top-shadowtext .tit .cg_tit_zh {
  font-size: 0.36rem;
  /* font-family: 'Semibold'; */
}

.top-shadowtext .tit-sub {
  margin-bottom: 40px;
  font-size: 24px;
  color: #0068eb;
}

.top-shadowtext .tit i {
  position: absolute;
  top: -0.3rem;
  left: 0;
  width: 0.4rem;
  height: 0.4rem;
}

.top-shadowtext .tit i .broadwise,
.top-shadowtext .tit i .vertical {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 2px;
  height: 2px;
  background-color: #fff;
  transition: 1s;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
}

.top-shadowtext p:first-of-type {
  /* width:184px; */
  margin: 0 auto;
}

.top-shadowtext a {
  color: #fff;
}

.our-box .top-shadowblue {
  top: -17.3%;
}

.our-box .top-shadowtext {
  bottom: 55%;
}

.our-box .line-blue {
  bottom: 7%;
}

.our-box .top-shadowtext .tit {
  width: 6.57rem;
}

.newslist-one .top-shadowtext,
.applist-one .top-shadowtext p {
  font-size: .24rem;
  line-height: .34rem;
}


@media (min-width:1025px) and (max-width:1688px) {
  .top-shadowblue {
    top: -62%;
  }

  .top-shadowtit h2 {
    font-size: .56rem;
    line-height: .62rem;
  }

  .our-box .top-shadowtext .tit .our_tit1 {
    font-size: .36rem;
    line-height: .36rem;
  }

  .top-shadowtext .tit .our_tit2 {
    font-size: .22rem;
    line-height: .32rem;
  }

  .top-shadowtit p {
    font-size: .4rem;
    line-height: .62rem;
  }

  .top-shadowtit {
    bottom: -19%;
  }

  .top-shadowtit span {
    height: 35%;
    bottom: -21%;
  }

  .top-shadowtext p {
    line-height: .24rem;
    width: 4.2rem;
    font-size: .14rem;
    text-align: left;
  }

  .newslist-one .top-shadowtext,
  .applist-one .top-shadowtext p {
    line-height: .24rem;
  }

  .line-blue {
    bottom: 10%;
    height: 1.2rem;
  }

  .applist-one .top-shadowtext {
    bottom: 28%;
  }

  .our-box .top-shadowblue {
    top: -44.3%;
  }

  .our-box .top-shadowtext {
    bottom: 51.5%;
  }

  .our-box .top-shadowtext .tit {
    margin: 0 auto 10px auto;
  }

  .top-shadowtext .tit i {
    width: .26rem;
    height: .26rem;
    left: 1.25rem;
    top: -.21rem;
  }

  .top-shadowtext {
    font-size: .12rem;
  }

  .newslist-one .top-shadowtext,
  .newslist-one .top-shadowtext p,
  .applist-one .top-shadowtext p {
    font-size: .16rem;
  }

  .applist-one .top-shadowtext p {
    width: 4.6rem;
  }
}

@media (min-width:1400px) and (max-width:1688px) {
  .top-shadowblue {
    top: -55%;
  }

  .applist-one .top-shadowtext {
    bottom: 32%;
  }

  .our-box .top-shadowblue {
    top: -33.3%;
  }
}

@media (min-width:1600px) and (max-width:1688px) {
  .top-shadowblue {
    top: -40%;
  }

  .our-box .top-shadowblue {
    top: -24%;
  }
}
@media (min-width:2150px){
  .top-shadowblue {
    top: -20%;
  }

  .our-box .top-shadowblue {
    top: -24%;
  }
}
@media(max-width:1024px) {
  .h5-bg {
    width: 100%;
    display: block;
  }

  .line-blue {
    display: none;
  }

  .position-relative .scroll-od {
    display: none;
  }

  .top-shadowblue {
    height: 3.5rem;
    width: 100%;
    left: 0;
    top: 0;
    transform: rotate(0) !important;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    position: relative;
  }

  .top-shadowtit {
    /* width: 100%; */
    top: 2rem;
    /* left: 0.7rem; */
    padding: 0;
    text-align: left;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    left: 0;
    bottom: auto;
    text-align: center;
  }

  .top-shadowtit h2 {
    font-size: .72rem;
    margin-bottom: 5px;
    width: 5rem;
    text-align: left;
    line-height: .72rem;
    margin: 0 auto;
  }

  .top-shadowtit h2 a {
    display: block;
  }

  .top-shadowtit h2 a em {
    display: block;
  }

  .top-shadowtit p {
    font-size: .44rem;
    line-height: .62rem;
    text-align: left;
    width: 5rem;
    margin: .1rem auto 0;
  }

  .top-shadowtit span {
    display: none;
  }

  .top-shadowtext {
    width: 100%;
    top: 6.5rem;
  }

  .applist-one .top-shadowtext {
    top: 9.5rem;
  }

  .top-shadowtext p {
    width: 5rem;
    /* font-family: 'PingFang SC Regular'; */
    font-size: 0.24rem;
    line-height: 0.48rem;
    margin: 0 auto 12px;
    text-align: justify;
  }

  .our-box .top-shadowtit h2 {
    width: 5rem;
  }

  .our-box .top-shadowtext .tit {
    width: 5rem;
    text-align: left;
  }

  .our-box .top-shadowtext .tit i {
    left: -.4rem;
  }

  .our-box .top-shadowtext p {
    width: 5rem;
  }

  .our-box .top-shadowtext .tit {
    margin-bottom: .32rem;
  }

  .our-box .h5-gif1 {
    width: 4.41rem;
    margin: .7rem auto 0;
    display: block;
  }

  .newslist-one .top-shadowtit h2,
  .newslist-one .top-shadowtit p {
    text-align: center;
  }

  .newslist-one .top-shadowtext p,
  .newslist-one .top-shadowtext a {
    font-size: .28rem;
    text-align: center;
    margin: 0 auto;
  }

  .newslist-one .top-shadowtext a {
    width: 5rem;
    display: block;
    margin: .5rem auto 0;
  }

  .top-shadowtext .tit i .vertical {
    width: 100%;
    height: 4px;
  }

  .top-shadowtext .tit i .broadwise {
    width: 4px;
    height: 100%;
  }

  .applist-one .top-shadowtext p {
    line-height: .48rem;
  }
}