/* 轮播图 */

.swiper-container.slide {
  background-color: #151f30;
}

.swiper-container.slide .slide-img {
  width: 100%;
}

.swiper-container.slide .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 46px;
  height: 4px;
  opacity: 1;
  border-radius: 0;
}

.swiper-container.slide .swiper-pagination-bullet {
  width: 46px;
  height: 4px;
  border-radius: 0;
  background-color: #fff;
  opacity: .2;
}

.swiper-container.slide .slide-caption {
  position: absolute;
  width: 70%;
  left: 15%;
  bottom: 50%;
  transform: translateY(50%);
  text-align: center;
  color: #fff;
}

.swiper-container.slide .slide-caption h2 {
  font-size: 3.5rem;
  line-height: 1.5;
}

.swiper-container.slide .slide-caption p {
  font-size: 1.5rem;
  line-height: 1.3;
}
.swiper-container.slide .slide-caption .btn {
  border: 0;
  border-radius: 0;
}

@media (max-width: 768px) {
  .swiper-container.slide .slide-caption h2 {
    display: none;
  }
  .swiper-container.slide .slide-caption p {
    display: none;
  }
  .swiper-container.slide .slide-caption .btn {
    display: none;
  }
}

.swiper-container.slide .slide-caption .btn:focus,
.swiper-container.slide .slide-caption .btn.focus,
.swiper-container.slide .slide-caption .btn:active:focus,
.swiper-container.slide .slide-caption .btn:active.focus,
.swiper-container.slide .slide-caption .btn.active:focus,
.swiper-container.slide .slide-caption .btn.active.focus {
  outline: none;
}


/* 快捷入口 */

.entry-box {
  color: #fff;
  background-color: #151f30;
}

.entry-box .row {
  display: flex;
  flex-wrap: wrap;
}

.entry-box .entry-item {
  padding: 12px 0 24px 30px;
  display: flex;
}

.entry-box .entry-item:hover {
  background: hsla(0, 0%, 100%, .1);
}

.entry-box .entry-item .a-tag {
  width: 100%;
  padding-top: 12px;
  display: flex;
  color: #fff;
}

.entry-box .entry-item .icon-box {
  width: 40px;
  height: 40px;
  margin-right: 30px;
}

.entry-box .entry-item .icon-box img {
  width: 40px;
  height: 40px;
}

.entry-box .entry-item .item-text-box {
  flex: 1;
  border-right: 1px solid rgba(147, 219, 255, .05);
}

.entry-box .entry-item:last-child .item-text-box {
  border: 0;
}

.entry-box .entry-item .item-text-box .item-title {
  margin-bottom: 14px;
  font-size: 1.25rem;
  height: 40px;
  line-height: 40px;
}

.entry-box .entry-item .item-text-box .item-desc {
  padding-right: 10px;
  font-size: 1rem;
  color: #999a9c;
}


/* 产品列表 */

.production-box {
  padding-bottom: 40px;
}

.production-box .item {
  min-height: 420px;
}

.production-box .title {
  margin-top: 80px;
  font-size: 2rem;
  color: #262627;
  line-height: 1.7;
  text-align: center;
}

.production-box .desc {
  margin-bottom: 50px;
  font-size: 1.25rem;
  color: #9b9ea0;
  line-height: 2;
  text-align: center;
}

.production-box .production-item {
  height: 210px;
  position: relative;
  text-align: center;
  cursor: pointer;
}

.production-box .production-item .production-item__img {
  margin: 40px 0 20px;
  width: 64px;
  height: 64px;
}

.production-box .production-item .production-item__desc {
  margin-bottom: 40px;
  font-size: 1.5rem;
}

.production-box .production-item:hover .animation-link-box {
  display: block;
}

.production-box .production-item .animation-link-box {
  display: none;
  position: absolute;
  top: 2.5%;
  right: 2.5%;
  bottom: 2.5%;
  left: 2.5%;
  width: 95%;
  height: 95%;
}

.production-box .production-item .animation-link-box .animation-box {
  width: 100%;
  height: 100%;
  box-shadow: 0 2px 6px 1px rgba(0, 0, 0, .12);
  background-color: #fff;
  color: #333;
}

.production-box .production-item .animation-link-box .animation-box .animation-img {
  width: 30px;
  height: 30px;
  margin: 25px 0 18px;
}

.production-box .production-item .animation-link-box .animation-box .animation-title {
  font-size: 1.5rem;
  line-height: 2;
}

.production-box .production-item .animation-link-box .animation-box .animation-desc {
  margin-bottom: 8px;
  font-size: 1rem;
  color: #999;
  line-height: 2;
}

.production-box .production-item .animation-link-box .animation-box .animation-more {
  line-height: 2;
  font-size: 1.25rem;
  color: #108cee;
}
.swiper-container.production .swiper-slide {
  padding: 10px 15px 30px 15px;
}
.swiper-container.production .swiper-pagination-bullet {
  width: 46px;
  height: 2px;
  border-radius: 0;
  background: #000;
  opacity: .2;
  border: 0;
}

.swiper-container.production .swiper-pagination-bullet-active {
  background: #108cee;
  opacity: 1;
}

/* 解决方案列表 */
.swiper-solution .swiper-slide {
  position: relative;
  height: 440px;
}

.swiper-solution .swiper-slide:hover .swiper-slide-hover{
  display: block;
}

.swiper-solution .swiper-slide .swiper-slide-content {
  width: 100%;
  height: 100%;
  padding-top: 150px;
  text-align: center;
}

.swiper-solution .swiper-slide .swiper-item-icon img {
  width: 64px;
  height: 64px;
}
.swiper-solution .swiper-slide .swiper-item-title {
  margin-top: 40px;
  font-size: 1.5rem;
  color: #fff;
  line-height: 1.6;
}

.swiper-solution .swiper-slide .swiper-slide-hover {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.swiper-solution .swiper-slide .a-hover-box {
  display: block;
  width: 100%;
  height: 100%;
}
.swiper-solution .swiper-slide .swiper-slide-hover-content {
  width: 100%;
  height: 100%;
  padding: 80px 20px 0;
  color: #fff;
  text-align: center;
  background: rgba(3,130,244,.8);
}
.swiper-solution .swiper-slide .swiper-slide-hover-content .hover-icon {
  width: 64px;
  height: 64px;
}
.swiper-solution .swiper-slide .swiper-slide-hover-content .swiper-slide-hover-title {
  margin: 30px 0 16px;
  font-size: 1.5rem;
  line-height: 1.6;
}
.swiper-solution .swiper-slide .swiper-slide-hover-content .swiper-slide-hover-desc {
  margin-bottom: 36px;
  font-size: 1.25rem;
  line-height: 1.8;
}
.swiper-solution .swiper-slide .swiper-slide-hover-content .swiper-slide-hover-link {
  width: 150px;
  height: 38px;
  margin: 0 auto;
  line-height: 38px;
  text-align: center;
  border: 1px solid #fff;
}
.swiper-solution .swiper-slide .swiper-slide-hover-content .swiper-slide-hover-link .link-text {
  display: block;
  height: 100%;
  width: 100%;
  font-size: 1.25rem;
  color: #fff;
}

/* 合作伙伴 */
.partner-box {
  padding-top: 80px;
  /* margin-bottom: 80px; */
  padding-bottom: 80px;
  background-color: #efefef;
}
.partner-box .title {
  font-size: 2rem;
  line-height: 2;
  color: #262627;
  text-align: center;
}
.partner-box .desc {
  margin-bottom: 40px;
  font-size: 1.25rem;
  line-height: 2;
  color: #9b9ea0;
  text-align: center;
}
.partner-box .partner-item {
  margin-bottom: 56px;
}
.partner-box .partner-item .item-img {
  width: 100%;
}