.banner{
  width:100%;
  height: auto;
  border-radius: 0.05rem;
}
.banner .swiper-slide{
width:100%;
margin:0 auto;
}
.banner .swiper-slide img{
width:100%;
margin:0 auto;
}
.banner .swiper-pagination-bullet {
  width: 0.5rem;
  height: 0.13rem;
  border-radius: .05rem;
  background: #fff;
  opacity: .7;
}
.banner .swiper-pagination-bullet-active{
  width: .75rem;
  background-color: #087dcd;
  opacity: 1;
}



.index-s-1{
  width: 4.4rem;
}
.index-s-1-l{
  /*float: left;*/
  width: 50%;
  margin-right: 0.4rem;
}
.index-s-1-r{
  width: 50%;
}
.index-s-1-list{
  font-size: 0.27rem;
  line-height: 1.5;
  position: relative;
  border-radius: 0.05rem;
  background: #eee;
  color: #50526a;
}
.index-s-1-l > .index-s-1-list{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  height: 2.93rem;
  padding-left: 1.93rem;
}
.index-s-1-l > .index-s-1-list:before{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.08rem;
  width: 1.6rem;
  height: 2.27rem;
  margin: auto 0;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  background-position: 50% 50%;
  content: '';
}
.index-s-1-l > .index-s-1-list + .index-s-1-list{
  margin-top: 0.4rem;
}
.index-s-1-l > .index-s-1-list:nth-child(1):before{
  background-image: url(../images/index-s-1-list-1.jpg);
}

.index-s-1-l > .index-s-1-list:nth-child(2):before{
  background-image: url(../images/index-s-1-list-2.jpg);
}

.index-s-1-r{
  padding: 1.13rem 0 0 0.33rem;
  background-image: url(../images/index-s-1-list-r.png);
  background-position: 100% 100%;
  -webkit-background-size: 2.48rem 5.24rem;
  background-size: 2.48rem 5.24rem;
  background-repeat: no-repeat;
}
.index-s-1-r > b{
  font-size: 1.6em;
}

.index-title{
  font-size: 0.64rem;
  margin-top: 1em;
  margin-bottom: .75em;
  color: #087dcd;
}

.index-title-link{
  font-size: 0.37rem;
  color: #999;
  padding:0.2rem 0.37rem;
}

.index-s-2{
  font-size: 0;
  position: relative;
  border-radius: 0.05rem;
  overflow: hidden;
}
.index-s-2 + .index-s-2{
  margin-top: 0.4rem;
}
.index-s-2-img{
  width: 100%;
  height: 100%;
}
.index-s-2-link{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.index-s-2-info{
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0.47rem .53rem;
  color: #fff;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .8), transparent);
}
.index-s-2-title{
  font-size: 0.48rem;
  margin-bottom: .5em;
}
.index-s-2-list{
  font-size: 0.32rem;
  display: inline-block;
}
.index-s-2-list + .index-s-2-list{
  margin-left: 1.5em;
}
.index-s-2-btn{
  font-size: 0.27rem;
  line-height: 3;
  display: inline-block;
  width: 8em;
  color: #1d1a18;
  border-radius: 1.5em;
  background: #fff;
  text-align: center;
}

.index-s-3{
  position: relative;
  border-radius: 0.05rem;
  overflow: hidden;
}
.index-s-3-header{
  position: relative;
}
.index-s-3-header-title{
  position: absolute;
  font-size: 0.32rem;
  right: 0;
  bottom: 2.5em;
  left: 0;
  padding: 0 0.53rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
}

.index-s-3-img{
  width: 100%;
  height: 100%;
}

.index-s-3-list{
  height: 1.6rem;
  padding-right: 0.27rem;
  padding-left: 0.53rem;
  background: #f5f5f5;
}
.index-s-3-list:nth-child(2n){
  background-color: #eee;
}
.index-s-3-list-title,
.index-s-3-list-date{
  background-color: inherit;
}
.index-s-3-list-title{
  font-size: 0.32rem;
  line-height: 1.5;
  position: relative;
  padding-right: 0.4rem;
  color: #333;
}
.index-s-3-list-date{
  position: absolute;
  bottom: 0;
  right: 0.4rem;
  color: #999;
  padding-left: 0.6em;
  white-space: nowrap;
}
.index-s-3-list-img{
  width: 1.47rem;
  height: 1.07rem;
}

.index-s-4{
  position: relative;
  height: 8rem;
  border-radius: 0.27rem;
  overflow: hidden;
  background: url(../images/index-s-4.jpg) 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  margin-top: 0.5rem;
  background-repeat: no-repeat;
}
.index-s-4:before{
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background: #000;
  opacity: .5;
}
.index-s-4-title{
  font-size: 0.48rem;
  letter-spacing: .15em;
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 1.07rem;
  left: 1.07rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
}

.index-s-4-btn{
  position: relative;
  width: 1.33rem;
  height: 1.33rem;
  border: 1px solid #c6af83;
  border-radius: 50%;
}
.index-s-4-btn:after{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
  margin-left: 0.52rem;
  border-top: 0.25rem solid transparent;
  border-left: 0.37rem solid #c6af83;
  border-radius: 5px;
  border-bottom: 0.25rem solid transparent;
  content: '';
}
.index-s-4-video{
  width: 100%;
  height: 100%;
}
.index-s-4-info{
  font-size: 0.27rem;
  position: absolute;
  z-index: 2;
  letter-spacing: .15em;
  right: 0;
  bottom: .85rem;
  left: 0;
  word-spacing: 1em;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}