
/* carousel */
.carousel-swiper .swiper-slide .banner-img {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
}

.carousel-swiper .swiper-slide-active .banner-img {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transition: 3s cubic-bezier(0.59, 0.5, 0.41, 0.92);
  -moz-transition: 3s cubic-bezier(0.59, 0.5, 0.41, 0.92);
  -o-transition: 3s cubic-bezier(0.59, 0.5, 0.41, 0.92);
  transition: 3s cubic-bezier(0.59, 0.5, 0.41, 0.92);
}

.carousel-swiper .swiper-pagination {
  color: #fff;
  font-size: 0.9rem;
}

.carousel-swiper .swiper-pagination span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  transition: all .6s;
  border-radius: 15px;
  background-color: unset;
  border: 1px solid #fff;
  opacity: 1;
}

.carousel-swiper .swiper-pagination-bullet-active {
  background-color: #1654f3 !important;
  width: 45px !important;
  border: 1px solid #1654f3 !important;
}
/*产品展示*/
.prod_all {
  padding: 85px 0;
  background-image: url(../images/p_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.prod_all .pro_lists {
  margin-top: 45px;
}

.prod_all .pro_lists .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  border: 1px solid #f1f1f1;
  position: relative;
  color: #555;
}

.prod_all .pro_lists .swiper-slide .box_wz p {
  padding: 20px 15px;
  background-color: #fff;
  position: relative;
  z-index: 1;
  transition: all .8s;
}

.prod_all .pro_lists .swiper-slide .box_wz p:after {
  position: absolute;
  content: "";
  width: 30px;
  height: 2px;
  background-color: #1654f3;
  left: 50%;
  transform: translateX(-50%);
  top: 5px;
  transition: all .6s;
  z-index: -1;
}

.box_img {
  overflow: hidden;
}

.box_img img {
  width: 100%;
  transition: all .6s;
}

.bodycon{
  background-color: #f5f5f5;
}

.prod_all .pro_lists .swiper-slide a:hover .box_img img {
  transform: scale(1.1);
}

.prod_all .pro_lists .swiper-slide a:hover .box_wz p {
  color: #fff;
}

.prod_all .pro_lists .swiper-slide a:hover .box_wz p:after {
  width: 100%;
  height: 100%;
}

.prod_all .pro-pagination {
  text-align: center;
  margin-top: 25px;
}

.prod_all .pro-pagination span {
  width: 12px;
  height: 12px;
}

.strength_t {
  text-align: center;
}

.strength_t strong {
  font-size: 36px;
  display: block;

}

.strength_t p {
  font-size: 18px;
  color: #555;
  display: inline-block;
}

.strength_t p span {
  display: inline-block;
  width: 80px;
  height: 2px;
  background-color: #e6e6e6;
  vertical-align: middle;
  margin: 0 15px;
  position: relative;

}

.strength_t p span.s1::after,
.strength_t p span.s2::before {
  position: absolute;
  content: "";
  width: 35%;
  height: 4px;
  top: 50%;
  background-color: #1654f3;
  transform: translateY(-50%);

}

.strength_t p span.s1:after {
  right: 0;
}

.strength_t p span.s2::before {
  left: 0;
}

@media (max-width: 1099.98px) {
  .prod_all {
    padding: 45px 0;
  }
}

@media (max-width: 991.98px) {
  .strength_t strong {
    font-size: 26px;
  }

  .strength_t p {
    font-size: 16px;
  }
}

@media (max-width: 767.98px) {
  .strength_t strong {
    font-size: 20px;
  }

  .strength_t p {
    font-size: 14px;
  }

  .strength_t p span {
    display: none;
  }
}
/*关于我们*/
.index_about {
  padding: 65px 0;
  background-size: cover;
  background-image: url(/static/7/index_about_bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
}

.index_about .item {
  margin-top: 25px;
}

.about_row1 .box_wz {
  color: #fff;
}

.about_row1 .box_wz p.about_row1_tit {
  font-size: 29px;
  line-height: 45px;
  display: block;
  color: #fff;
  position: relative;
  z-index: 3;
}

.about_row1 .box_wz p.about_row1_tit:after {
  position: absolute;
  content: "";
  width: 251px;
  height: 3px;
  background-color: #245ef3a8;
  left: 0;
  bottom: 7px;
  z-index: -1;
}

.about_row1 .about_row1_tits {
  font-size: 30px;
  color: #fff;
  line-height: 35px;
}

.about_row1 span.en {
  display: block;
  text-transform: capitalize;
  color: #9a9a9a;
  line-height: 32px;
  font-size: 13px;
}

.about_row1_item i {
  background: #1654f3;
  background: -moz-linear-gradient(45deg, #1654f3 0%, #3369f3 100%);
  background: -webkit-linear-gradient(45deg, #1654f3 0%, #3369f3 100%);
  background: linear-gradient(45deg, #1654f3 0%, #3369f3 100%);
  width: 30px;
  font-style: normal;
  text-align: center;
  color: #fff;
  padding: 5px 0;
  line-height: 20px;
  height: 52px;
}

@font-face {
  font-family: 'Mekanik';
  src: url(/filesystem/1/3/8/1383bb69-9118-48ed-892a-710e18b1fda9-a9651c3a74a1430743789aaab90f58bc-MekanikStd_ttf.txt), url(/filesystem/e/1/7/e1713bee-1b1d-4c86-8f03-743ea01ac1aa-71473802ad3c58c89ce8f2d8b89c0643-MekanikStd_eot.txt), url(/filesystem/b/9/7/b9736faf-7ae5-4c25-8ba3-bb1e811d6bf5-3fbd481a1984d118803416ccda9cda47-MekanikStd_woff.txt), url(/filesystem/6/6/7/6678730d-b302-46ad-b772-7a8500853617-e3ea40a3648e96610ca44a04b1b8140e-MekanikStd_otf.txt);
}

.about_row1_item .str {
  font-size: 80px;
  line-height: 55px;
  font-family: 'Mekanik';
  color: #fff;
  margin-left: 15px;
  margin-right: 5px;
}

.about_row1_item p {
  color: #fff;
}

.about_row1_item p span {
  display: block;
}

.about_row2 {
  overflow: hidden;
  margin-top: 25px;
}

.about_row2 .box_wz {
  background-color: #fff;
  padding: 25px 20px;
  height: 100%;
}

.about_row2 .box_wz strong {
  color: #343434;
  font-size: 32px;
  line-height: 60px;
  display: block;
}

.about_row2 .box_wz p {
  font-size: 16px;
  color: #444;
  font-weight: lighter;
  line-height: 32px;
}

.readMore a {
  display: inline-block;
  position: relative;
  padding: 0 10px;
  margin-top: 15px;
}

.readMore a:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  bottom: -5px;
  left: 0;
  opacity: 0;
  transform: translateY(-100%);
  background-color: #1654f3;
  transition: all .6s;
}

.readMore a:hover:after {
  height: 4px;
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 1099.98px) {
  .about_row2 .box_wz p {
    font-size: 14px;
    line-height: 28px;
  }

  .about_row1 .about_row1_tits {
    font-size: 26px;
  }

  .about_row1 .box_wz p.about_row1_tit {
    font-size: 20px;
    line-height: 25px;
  }

  .about_row1 .box_wz p.about_row1_tit:after {
    width: 173px;
    bottom: 3px;
  }
}

@media (max-width: 1199.98px) {
  .about_row2 .box_wz p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
  }
}
/* 案例展示 */
.case_all {
  padding: 85px 0;
  background-color: #f1f1f1;
}

@media (max-width: 1099.98px) {
  .case_all {
    padding: 45px 0;
  }

  .case_lists {
    margin-top: 25px;
  }
}

.case_lists {
  margin-top: 45px;
}

.case_lists a.item {
  display: block;
  position: relative;
  margin-bottom: 25px;
}

.case_lists a.item .more {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  text-align: center;
}

.case_lists a.item .more span {
  display: inline-block;
  padding: 5px 35px;
  border-radius: 15px;
  color: #fff;
  background-color: #1654f3;
  opacity: 0;
  transition: all .6s;
  transform: translateY(25px);
}

.case_lists a.item:hover .more span {
  opacity: 1;
  transform: translateY(0);
}

.case_lists a.item:hover .box_img img {
  transform: scale(1.1);
}

.caseMore {
  text-align: center;
  margin-top: 35px;
}

.caseMore a {
  padding: 10px 65px;
  color: #666;
  background-color: #1e47ac12;
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
  overflow: hidden;
}

.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #1654f3;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}
