@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(.23,1,.32,1), top 0.7s 0.3s cubic-bezier(.23,1,.32,1);
}
.swiper-view .content-view h4{
  letter-spacing: 0.3rem;
  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: 2rem;
  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: 1.7rem;
  color: #464646;
  margin-bottom: 1rem;
  /*text-align: justify;*/
}
.company-desc .info-div .content-box a.more-btn{
  position: absolute;
  right:0;
  bottom:.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;
}


/* 六国制造 */
.ours-serve{
  position: relative;
  overflow: hidden;
}
.ours-serve h4{
  margin-top: 5.05rem;
  margin-bottom: 2.6rem;
  font-size: 2rem;
  letter-spacing:0.2rem;
  text-align: center;
  color:#282828;
  font-weight: normal;
}
.content-view .common-title{
  font-size: 2rem;
  letter-spacing:0.2rem;
  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-center{
  padding-top: 0rem;
}
.news-center h4, .ship-group-info h4{
  font-size: 2rem;
  color: #004169;
  text-align: center;
  margin-bottom: 3.75rem;
  letter-spacing: 0.2rem;
}
.news-center .card{
  width: 20.85rem;
  background: #fff;
  overflow: hidden;
  /* box-shadow: 0 0 8px 2px #ececec; */
  height: 19rem;
  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: .75rem 1rem 0rem 1rem;
}
.news-center .card .info .news-title{
  font-size: 1rem;
  line-height: 1.55rem;
  font-weight: normal;
  color: #464646;
  margin-bottom: 1.1rem;
  min-height: 4.75rem;
}
.news-center .card .more-btn{
  width: 6rem;
  border: none;
  padding: 0;
  background-image: url(./more_btn_03.png);
  background-position: right;
  line-height: 1rem;
  height: 1rem;
  font-size:.9rem;
  color:#1EC2F2;
}
.news-center .news-content {
  font-size: 1rem;
    line-height: 1.55rem;
    letter-spacing: .5px;
    /*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: .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: .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(.23,1,.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(.23,1,.32,1);
  transform: scale(1);
}
.company-desc .img_box img:hover{
  transform: scale(1.1);
}

/* 六国制造 */

@-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 .4s forwards;
	-webkit-animation: fadeInOne linear .4s forwards;
}
.fadeOutOne{
  animation: fadeOutOne linear .2s forwards;
	-webkit-animation: fadeOutOne linear .2s forwards;
}

.ours-serve .content-box img{
  
}


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

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

/* 产品中心 */

.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 .4s forwards;
	-webkit-animation: fadeInTh linear .4s forwards;
}
.fadeOutTh{
  animation: fadeOutTh linear .2s forwards;
	-webkit-animation: fadeOutTh linear .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 .4s forwards;
	-webkit-animation: fadeInTh_ linear .4s forwards;
}
.fadeOutTh_{
  animation: fadeOutTh_ linear .2s forwards;
	-webkit-animation: fadeOutTh_ linear .2s forwards;
}