@charset "utf-8";
/* swiper */
.swiper-view .swiper-container {
  height: 41.666vw;
}
.swiper-view .banner-content {
  position: relative;
}
.swiper-view .banner-content .banner_content_box {
  position: absolute;
  width: 100%;
  height: 41.66vw;
  top: 0;
  left: 0;
  z-index: 1;
}
.swiper-view .banner-content > img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  min-width: 100%;
  min-height: 100%;
}
.swiper-view .content-view {
  height: 100%;
  position: relative;
}
.swiper-view .content-view > div {
  position: absolute;
  width: 100%;
  top: 42%;
  transform: translateY(-50%);
  text-align: left;
  opacity: 0.3;
  transition: opacity 0.7s 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    top 0.7s 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.swiper-view .content-view h4 {
  font-size: 2.42rem;
  color: #fff;
  text-shadow: 4px 4px 7px #333;
}
.swiper-view .content-view p {
  font-size: 2rem;
  color: #fff;
  text-shadow: 4px 4px 7px #333;
  margin-top: 1.6rem;
}
.swiper-view .swiper-slide-active .content-view > div {
  opacity: 1;
  top: 20%;
}
.swiper-view
  .swiper-container-horizontal
  > .swiper-pagination
  .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  opacity: 1;
  margin: 0 6px;
  background: url(./swiper_origin.png) no-repeat center;
  background-size: 100%;
}
.swiper-container-horizontal
  > .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  position: relative;
  background: url(./swiper_act.png) no-repeat center;
}
.swiper-view .swiper-container-horizontal > .swiper-pagination {
  bottom: 1.25rem;
}
/* 公司简介 */
.company-desc {
  position: relative;
  overflow: hidden;
  background: #fff;
}
.company-desc .bg_img_box {
  position: absolute;
  left: 0;
  top: 3rem;
  width: 40%;
}
.company-desc .img_box {
  width: 31.7rem;
}
.company-desc .bg_img_box img {
  width: 100%;
}
.company-desc .info-div {
  width: 31.9rem;
  min-height: 24.15rem;
  position: relative;
}
.company-desc .info-div h4 {
  font-size: 1.68rem;
  color: #282828;
  margin-bottom: 1.95rem;
  text-align-last: justify;
  font-weight: normal;
}
.company-desc .info-div .content-box div {
  font-size: 1rem;
  line-height: 2rem;
  color: #464646;
  margin-bottom: 1rem;
  /*text-align: justify;*/
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden;
}
.company-desc .info-div .content-box a.more-btn {
  position: absolute;
  right: 0;
  bottom: 0.4rem;
  display: block;
  color: #1e2380;
  border: 1px solid #1e2380;
  text-align: left;
}
.company-desc .info-div .content-box div.more-btn-box {
  text-align: right;
}

/* Manufacturing in Six Countries */
.ours-serve {
  position: relative;
  overflow: hidden;
}
.ours-serve h4 {
  margin-top: 5.05rem;
  margin-bottom: 2.6rem;
  font-size: 1.68rem;

  text-align: center;
  color: #282828;
  font-weight: normal;
}
.content-view .common-title {
  font-size: 1.68rem;

  text-align: center;
  color: #282828 !important;
  font-weight: normal;
  margin-bottom: 3.75rem;
}
.ours-serve .content-box {
  position: relative;
}
.ours-serve .content-box img {
  width: 100%;
}

.news-center .flex-between {
  margin-bottom: 2rem;
}

/* News */
.news-center {
  padding-top: 0rem;
}
.news-center h4,
.ship-group-info h4 {
  font-size: 2rem;
  color: #004169;
  text-align: center;
  margin-bottom: 3.75rem;
}
.news-center .card {
  width: 20.85rem;
  background: #fff;
  overflow: hidden;
  height: 20rem;
  position: relative;
  border: 1px solid #d0d0d0;
}
.news-center .card:hover {
  box-shadow: 0 0 16px 5px #e0dedf;
}
.news-center .card .img-box {
  width: 100%;
  height: 9.4rem;
  overflow: hidden;
}
.news-center .card .info {
  padding: 0.75rem 1rem 0rem 1rem;
}
.news-center .card .info .news-title {
  font-size: 1.1rem;
  line-height: 1.55rem;
  font-weight: normal;
  color: #464646;
  margin-bottom: 1.5rem;
  min-height: 4.75;
}
.news-center .card .more-btn {
  width: 7.4rem;
  border: none;
  padding: 0;
  background-image: url(./more_btn_03.png);
  background-position: right;
  line-height: 1rem;
  height: 1rem;
  font-size: 0.9rem;
  color: #1ec2f2;
}
.news-center .news-content {
  font-size: 1rem;
  line-height: 1.55rem;

  /*text-align: justify;*/
  margin-bottom: 1.5rem;
  color: #464646;
  min-height: 4.55rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.news-center .date {
  color: #999999;
  font-size: 0.9rem;
  font-weight: normal;
  /* margin-top: 0.8rem; */
}
.btnLine {
  height: 2.4px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #f26f23;
  display: none;
}
.news-center .card:hover .btnLine {
  display: block;
}
.news-center .btn-box {
  text-align: center;
  margin-top: 2.95rem;
}
.news-center .btn-box .more-btn {
  display: inline-block;
  background-image: url(./more_btn_02.png);
  color: #fff;
  border: none;
  background-color: #1e2380;
  font-size: 0.9rem;
}
.news-center .btn-box .more-btn a {
  display: block;
}

/* scale img */
.scale-img-box {
  position: relative;
  overflow: hidden;
}
.scale-img-box img {
  transition: transform 2s cubic-bezier(0.23, 1, 0.32, 1);
  transform: scale(1);
  width: 100%;
  height: auto;
}
.card:hover .scale-img-box img {
  transform: scale(1.1);
}
.company-desc .img_box {
  overflow: hidden;
}
.company-desc .img_box img {
  transition: transform 2s cubic-bezier(0.23, 1, 0.32, 1);
  transform: scale(1);
}
.company-desc .img_box img:hover {
  transform: scale(1.1);
}

/* Manufacturing in Six Countries */

@-webkit-keyframes fadeInOne {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-10px);
  }
}
@-webkit-keyframes fadeOutOne {
  0% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}

.fadeInOne {
  animation: fadeInOne linear 0.4s forwards;
  -webkit-animation: fadeInOne linear 0.4s forwards;
}
.fadeOutOne {
  animation: fadeOutOne linear 0.2s forwards;
  -webkit-animation: fadeOutOne linear 0.2s forwards;
}

.ours-serve .content-box img {
}

@-webkit-keyframes fadeInTwo_ {
  0% {
    transform: translateY(-10.2rem);
    opacity: 0.2;
  }
  100% {
    transform: translateY(-11rem);
    opacity: 1;
  }
}
@-webkit-keyframes fadeOutTwo_ {
  0% {
    transform: translateY(-11rem);
    opacity: 1;
  }
  100% {
    transform: translateY(-1rem);
    opacity: 0.2;
  }
}

.fadeInTwo_ {
  animation: fadeInTwo_ linear 0.4s forwards;
  -webkit-animation: fadeInTwo_ linear 0.4s forwards;
}
.fadeOutTwo_ {
  animation: fadeOutTwo_ linear 0.2s forwards;
  -webkit-animation: fadeOutTwo_ linear 0.2s forwards;
}
.ours-serve .more-btn-box {
  position: absolute;
  bottom: -10.2rem;
  text-align: center;
  width: 100%;
}

/* Products */

.goods-center .content-view {
  width: 33rem;
}
.goods-center .more-btn {
  border-color: #fff;
  color: #fff;
  background-image: url(./more_btn_02.png);
}

@-webkit-keyframes fadeInTh {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-10px);
  }
}
@-webkit-keyframes fadeOutTh {
  0% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}

.fadeInTh {
  animation: fadeInTh linear 0.4s forwards;
  -webkit-animation: fadeInTh linear 0.4s forwards;
}
.fadeOutTh {
  animation: fadeOutTh linear 0.2s forwards;
  -webkit-animation: fadeOutTh linear 0.2s forwards;
}

.goods-center .bg_box {
  position: relative;
  overflow: hidden;
  line-height: 0;
  height: 13rem;
}

.goods-center .content-box {
  width: 100%;
  position: absolute;
  top: 13rem;
  left: 0;
}
.goods-center .content-box .content-view {
  margin: 5.5rem auto auto auto;
}
@-webkit-keyframes fadeInTh_ {
  0% {
    transform: translateY(13rem);
    opacity: 0;
  }
  100% {
    transform: translateY(-13rem);
    opacity: 1;
  }
}
@-webkit-keyframes fadeOutTh_ {
  0% {
    transform: translateY(-13rem);
    opacity: 1;
  }
  100% {
    transform: translateY(13rem);
    opacity: 0;
  }
}

.fadeInTh_ {
  animation: fadeInTh_ linear 0.4s forwards;
  -webkit-animation: fadeInTh_ linear 0.4s forwards;
}
.fadeOutTh_ {
  animation: fadeOutTh_ linear 0.2s forwards;
  -webkit-animation: fadeOutTh_ linear 0.2s forwards;
}