.pchead .nav li:nth-child(3) .navs span::after {
  transform: scale(1);
}
.aa {
  height: 950px;
  background: url(../images/pro_bg.jpg);
  background-position: top center;
  background-size: auto 100%;
  overflow: hidden;
  position: relative;
  z-index: 10;
  margin-bottom: 440px;
}
.aa #proswiper {
  overflow: hidden;
  height: 870px;
  margin-top: 80px;
  position: relative;
  z-index: 10;
}
.aa #proswiper #propage .swiper-pagination-bullet{
    background: #fff;
}
.aa #proswiper #propage .swiper-pagination-bullet-active{
  background: #ee9654;
}
.aa #proswiper .swiper-slide {
  /* float: left; */
  transition: all .5s;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  width: 33.3333%;
  height: 100%;
}
.aa #proswiper .swiper-slide .box {
  transition: all .5s;
  margin-top: 300px;
  margin-left: 33.4375%;
}
.aa #proswiper .swiper-slide .icon {
  width: 45px;
  margin-bottom: 22px;
}
.aa #proswiper .swiper-slide .icon img {
  display: block;
  width: 100%;
}
.aa #proswiper .swiper-slide .titleBox {
  margin-bottom: 55px;
}
.aa #proswiper .swiper-slide .titleBox .en {
  font-size: 22px;
  color: #fff;
  font-family: arial;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 20px;
  transition: all .5s;
}
.aa #proswiper .swiper-slide .titleBox .cn {
  font-size: 44px;
  line-height: 44px;
  margin-bottom: 44px;
  color: #fff;
  transition: all .5s;
}
.aa #proswiper .swiper-slide .line {
  width: 65px;
  height: 2px;
  background: #ff684c;
}
.aa #proswiper .swiper-slide .text {
  width: 100%;
  transition: all .5s;
  transform: translateY(100px);
  font-size: 16px;
  line-height: 2;
  opacity: 0;
  color: #fff;
}
.aa #proswiper .swiper-slide .moreBox {
  position: absolute;
  left: 33.4375%;
  top: 554px;
  transition: all .5s;
  line-height: 45px;
  background: url(../images/pro_22.png) no-repeat left center;
  padding-left: 66px;
  font-size: 16px;
  color: #fff;
}
.aa #proswiper .swiper-slide .moreBox span {
  opacity: .5s;
}
.aa .mask{
	background: rgba(16,23,33,.4);
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
}
@media screen and (min-width: 1024px) {
  .aa #proswiper .swiper-slide:hover {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: none;
    background: rgba(31, 34, 41, 0.4);
  }
  .aa #proswiper .swiper-slide:hover .box {
    margin: 200px 9.5312% 0 9.5312%;
    width: 81.25%;
  }
  .aa #proswiper .swiper-slide:hover .titleBox .en {
    font-size: 16px;
    margin-bottom: 16px;
  }
  .aa #proswiper .swiper-slide:hover .titleBox .cn {
    font-size: 34px;
  }
  .aa #proswiper .swiper-slide:hover .text {
    transform: translateY(0);
    opacity: .8;
  }
  .aa #proswiper .swiper-slide:hover .moreBox {
    opacity: 0;
  }
}
@media screen and (min-width: 10px) and (max-width: 1024px) {
  .aa {
    height: auto;
    background-size: cover;
    margin-bottom: 0;
  }
  .aa #proswiper {
    background-color: rgba(31, 34, 40, 0.4);
    width: 100%;
    overflow: hidden;
    height: auto;
    margin: 0 auto;
    padding-bottom: 12%;
    box-sizing: border-box;
  }
  .aa #proswiper .swiper-slide{
    float: none;
    height: 100%;
    padding:  0 5%;
  }
  .aa #proswiper .swiper-slide .box {
    transition: all .5s;
    margin-top: 12%;
    margin-left: 0%;
  }
  .aa #proswiper .swiper-slide .icon {
    width: 45px;
    margin-bottom: 6%;
  }
  .aa #proswiper .swiper-slide .titleBox {
    margin-bottom: 6%;
  }
  .aa #proswiper .swiper-slide .titleBox .en {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .aa #proswiper .swiper-slide .titleBox .cn {
    font-size: 26px;
    line-height: 28px;
    margin-bottom: 6%;
  }
  .aa #proswiper .swiper-slide .titleBox .line {
    width: 45px;
  }
  .aa #proswiper .swiper-slide .text {
    width: 100%;
    transition: all .5s;
    transform: translateY(0);
    font-size: 14px;
    line-height: 2;
    opacity: .8;
    color: #fff;
  }
  .aa #proswiper .swiper-slide .moreBox {
    display: none;
  }
}