
/* banner */
.banner-container {
	height: 800px;
	height: calc(100vh - 110px);
	height: -moz-calc(100vh - 110px);
	height: -webkit-calc(100vh - 110px);
	margin: 110px 0 50px;
}
.banner-container .swiper-slide {
	background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}
.banner-container .swiperMain {
	display: inline-block;
	padding: 15px 30px;
	color: #fff;
	position: absolute;
	bottom: 7%;
	left: 7%;
	max-width: 85%;
  line-height: 1.3;
  text-align: center;
}
.banner-container .swiper-slide.swiper-slide-2 .swiperMain {
  left: auto;
  right: 7%;
}
.banner-container .zh {
  font-size: 38px;
  letter-spacing: 5px;
}
.banner-container .en {
	font-size: 22px;
}
.banner-container .swiper-slide.swiper-slide-2 .zh {
  font-size: 28px;
}
.banner-container .swiper-slide.swiper-slide-2 .en {
  font-size: 16px;
}
/* news */
.section-heading {
    margin: 20px 0;
    padding: 0 15px;
    /* font-family: 'SourceHanSansCN-Medium'; */
}
.section-heading .box-heading {
	width: 100%;
    border-bottom: solid 1px rgb(215, 0, 15);
    padding-bottom: 5px;
    overflow: hidden;
}
.section-heading h2 {
	  float: left;
    font-size: 24px;
    font-weight: 400;
}
.section-heading a {
	float: right;
    font-size: 20px;
    text-align: right;
    transition: all 0.3s ease;
    padding-right: 15px;
    background-image: url(../img/index/more_red_1.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 15px;
    position: relative;
    top: 5px;
}
.section-heading a:hover {
  color: rgb(255, 0, 0);
	border-color: rgb(215, 0, 15);
  background-image: url(../img/index/more_red_2.png);
}
.news-container .main-box {
    box-shadow: 5px 5px 20px 0 rgba(218, 218, 218, 0.5);
    background-color: #fff;
    margin-bottom: 15px;
}
.news-container .thumb {
	position: relative;
    height: 250px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.news-container .thumb::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.06);
    transition: all 0.3s ease;
}
.news-container .info {
    padding: 15px 15px 0;
}
.news-container .heading {
    min-height: 108px;
    line-height: 1.7;
}
.news-container .date {
	font-size: 14px;
    color: #999;
    line-height: 2.5;
}
.news-container .main-box:hover {
	box-shadow: 5px 5px 20px 0 rgba(218, 218, 218, 0.9);
}
.news-container .main-box:hover .thumb::before {
	background: none;
}
.news-container .main-box:hover .text-decoration {
    border-bottom: 1px solid #333;
    font-family: 'SourceHanSansCN-Bold';
}

/* products */
.products-container {
	padding: 20px 0 50px;
}
.products-container .main-box {
	position: relative;
    border-radius: 15px;
    margin-bottom: 15px;
    height: 215px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    transition: all 0.3s ease;
    overflow: hidden;
}
.products-container .main-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
    border-radius: 15px;
}
.products-container .main-img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    object-fit: cover;
    height: 100%;
    object-position: center;
    transition: all 0.3s ease;
}
.products-container .info {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff;
    font-size: 22px;
    overflow: hidden;
}
.products-container .icon {
	height: 65px;
    margin: 55px auto 8px;
    display: block;
}
.products-container .main-box:hover::before {
    background: rgba(0, 0, 0, 0.1);
}
.products-container .main-box:hover .main-img {
    height: 105%;
}
/* weChat */
.weChat_code {
    width: 300px;
    max-width: 80%;
    display: block;
    margin: 100px auto;
}

.goBack{
   bottom: 6%;
   position: fixed;
   width: 4%;
   right: 1%;
   padding: 10px;
   background: #f5f6f6;
   border-radius: 10px;
}
.goBack img{
   float: right;
   width: 100%;
}
@media screen and (max-width: 1200px){
   .goBack{
      margin-bottom: 6%;
   }
	/* banner */
	.banner-container {
		height: 700px;
	}
	.banner-container .swiperMain {
		padding: 12px 25px;
	}
	.banner-container .zh {
		font-size: 32px;
	}
	.banner-container .en {
		font-size: 18px;
	}
}

@media screen and (max-width: 1020px){
   .goBack{
      margin-bottom: 10%;
   }
   .goBack img{
      width: 7%;
   }
	/* banner */
	.banner-container {
    height: 600px;
    margin-top: 60px;
	}
	.banner-container .swiperMain {
		padding: 13px 21px;
	}
	.banner-container .zh {
		font-size: 28px;
	}
	.banner-container .en {
		font-size: 16px;
	}
  /* products */
  .products-container .info {
    font-size: 20px
  }
  .products-container .icon {
      height: 55px;
      margin-top: 60px;
  }
  .products-container .main-img {
      width: 100%;
      height: auto
  }
  .products-container .main-box:hover .main-img {
      width: 105%;
      height: auto
  }
}

@media screen and (max-width: 768px){
   .goBack{
      margin-bottom: 25%;
      display: none;
   }
	/* banner */
	.banner-container {
    height: 400px;
    margin-bottom: 30px;
  }
	.banner-container .swiperMain {
		padding: 8px 12px;
	}
	.banner-container .zh {
    font-size: 22px;
	}
	.banner-container .en {
		font-size: 14px;
  }
  .banner-container .swiper-slide.swiper-slide-2 .zh {
    font-size: 18px;
  }
  .banner-container .swiper-slide.swiper-slide-2 .en {
    font-size: 14px;
  }
  /* news */
  .section-heading h2 {
    font-size: 20px;
  }
  .section-heading a {
      padding-right: 12px;
      font-size: 16px;
      background-size: auto 13px;
  }
  .news-container .thumb {
    height: 220px;
  }
  .news-container .heading {
    min-height: 81px;
  }
  /* products */
  .products-container {
    padding: 10px 0 30px;
  }
  .products-container .main-box {
    height: 170px;
  }
  .products-container .info {
    font-size: 18px
  }
  .products-container .icon {
      height: 50px;
      margin-top: 45px;
  }
}

/* 新增添 手机 */
@media screen and (max-width: 500px){
   .goBack{
      margin-bottom: 35%;
      display: none;
   }
	/* banner */
	.banner-container {
		height: 250px;
    margin-bottom: 20px;
  }	
  .banner-container .zh {
    font-size: 20px;
    letter-spacing: 2px;
  }
  .banner-container .en {
    font-size: 12px;
  }
  .banner-container .swiper-slide.swiper-slide-2 .zh {
    font-size: 16px;
  }
  .banner-container .swiper-slide.swiper-slide-2 .en {
    font-size: 12px;
  }
  /* news */
  .news-container .thumb {
    height: 150px;
  }
  .section-heading {
    margin-bottom: 15px;
  }
  /* products */
  .products-container {
    padding: 0 0 20px;
  }
  .products-container .section-heading {
    margin-top: 10px;
  }
  .products-container .main-box {
    height: 160px;
  }
  .products-container .info {
    font-size: 16px
  }
  .products-container .main-img {
    height: 100%;
    width: auto
  }
  .products-container .main-box:hover .main-img {
      height: 105%;
      width: auto
  }
  /* weChat */
  .weChat_code {
    margin: 10px auto;
  }
}
