/* banner */
.banner{
  position: relative;
  /* opacity: 0; */
}
.banner-bg{
  height: 100vh;
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
}
.banner .banner-pagination{
  position: absolute;
  width: auto;
  left: 50%;
  transform: translate(-50%,0);
  bottom: 3.5rem;
  display: flex;
  z-index: 9;
}
.banner-bullet{
  display: block;
  width: 0.32rem;
  height: 0.32rem;
  background: rgba(204, 204, 204, 0.25);
  margin: 0 .3rem;
}
.banner-bullet-active{
  background: #FF5033;
}
.banner-xiala{
  position: absolute;
  bottom: 1.2rem;
  height: 1.16rem;
  width: auto;
  z-index: 11;
  left: 50%;
  animation: xiala 5s infinite;
}
@keyframes xiala{
  0%{
    transform:translate(-50%,0);
  }
  10%{
    transform:translate(-50%,-40%);
  }
  30%{
    transform:translate(-50%,40%);
  }
  40%{
    transform:translate(-50%,-10%);
  }
  50%{
    transform:translate(-50%,0);
  }
  100%{
    transform:translate(-50%,0);
  }
}
/* layout */
.part-title{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding:1.2rem 0
}
.part-title h2{
  font-size: 0.88rem;
  font-weight: 700;
  color: #120C0A;
}
.part-title h5{
  font-size: 0.44rem;
  font-weight: 400;
  color: #0A0608;
  opacity: 0.5;
  margin-top: .4rem;
}
/* news */
.icon-right{
  position: relative;
}
.news{
  width: 100%;
  padding: 1.2rem 0.6rem;
}
.news-frist{
  opacity: 0;
  width: 100%;
  background-image: url(../img/xinwen@2x.png?v=2);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 0.4rem;
}
.news-frist-img{
  width: 100%;
  height: 7.76rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #ccc;
  border-bottom: 0.08rem solid #ff5033;
}
.news-frist-time{
  line-height: 1;
  display: flex;
  align-items: flex-end;
}
.news-frist-time .mouthday{
  display: inline-flex;
  align-items: center;
  font-size: 0.6rem;
  font-weight: bold;
  color: #0E1317;
}
.news-frist-time i{
  margin-right: 0.08rem;
}
.mouthday i{
  font-size: 0.38rem;
}
.year i{
  font-size: 0.32rem;
}
.news-frist-time span{
  margin-right: 0.1rem;
}
.news-frist-time .year{
  display: inline-flex;
  align-items: center;
  font-size: 0.44rem;
  font-weight: 400;
  color: #666666;
}
.news-frist-content{
  padding: 1.1rem 0.6rem;
}
.news-frist-title{
  margin-top: 0.6rem;
  font-size: 0.76rem;
  font-weight: bold;
  color: #120C0A;
}
.news-frist-describe{
  margin-top: 0.4rem;
  padding-right: 0.6rem;
  font-size: 0.52rem;
  font-weight: 500;
  color: #666666;
  position: relative;
}
.news-frist-describe i{
  position: absolute;
  right: 0;
  bottom: 50%;
  transform: translateY(50%);
  font-size: 0.38rem;
  color: #CCCCCC;
  float: right;
}
.news-item{
  opacity: 0;
  width: 100%;
  height: 4.4rem;
  padding: 0.6rem;
  display: flex;
  margin-bottom: 0.4rem;
}
.news-item-content{
  height: 100%;
  flex: 1;
  font-size: 0.6rem;
  font-weight: 500;
  color: #120C0A;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.news-item-content p{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.news-item-img{
  margin-left: 0.54rem;
  width: 5.68rem;
  height: 3.2rem;
  background-color: #ccc;
  background-size: auto 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.news-item-info{
  display: flex;
  justify-content: space-between;
  font-size: 0.44rem;
  font-weight: 500;
  color: #999999;
}
.news-item-info span{
  line-height: 1;
  display: inline-flex;
  align-items: center;
}
.news-item-info i{
  margin-left: 0.08rem;
  font-size: 0.32rem;
  color: #999;
}
.news-more{
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  margin: 1.2rem auto 0;
  width: 3.76rem;
  background: #FF5134;
  padding: 0.36rem 0;
  font-size: 0.48rem;
  font-weight: 400;
  color: #FFFFFF;
}
.news-more i{
  font-size: 0.36rem;
  margin-left: 0.08rem;
}

/* business */
.business{
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 0 0.6rem;
}
.business-item{
  opacity: 0;
  height: 5rem;
  width: 100%;
  margin-bottom: 0.8rem;
  background-size: auto 100%;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0.8rem 0.6rem;
  box-shadow: 0 0 0.08rem 0.06rem #f2f2f2;
}
.business-item:nth-last-child(1){
  margin-bottom: 0;
}
.business-item-line{
  width: 0.68rem;
  height: 0.06rem;
  background: #FFFFFF;
}
.business-item h4{
  font-size: 0.76rem;
  font-weight: 500;
  color: #FFFFFF;
  margin-top: .48rem;
}
.business-item h5{
  font-size: 0.48rem;
  font-weight: normal;
  color: rgba(255, 255, 255, .5);
  margin-top: .13rem;
}
.business-item-more{
  margin-top: 0.52rem;
  font-size: 0.44rem;
  font-weight: 400;
  color: rgba(255, 255, 255, .6);
}
.business-item-more i{
  font-size: 0.32rem;
}