.home {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#homeHeader{
    width: 100%;
    height: 72px;
    line-height: 80px;
    font-size: 16px;
    background: #fff;
  }
.home-content .banner {
  width: 100%;
  height: 350px;
  position: relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  background: url(../../images/dynamic/fmt2.png) no-repeat;
  background-size: 100% auto; 
}
.home-content .banner .banner-title {
  height: 96px;
  font-size: 80px;
  font-family: Helvetica, Helvetica-Regular;
  font-weight: 400;
  color: #ffffff;
  line-height: 96px;
  margin-bottom:17px;
}
.home-content .banner .banner-btn {
  height: 25px;
  font-size: 18px;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  color: #ffffff;
  line-height: 25px;
}
.container1 {
  width: 100%;
}
.container1 .content1 {
  width: 1200px;
  height: 100%;
  margin:0 auto;
  text-align:center;
}
.container {
  position:relative;
  width: 100%;
  height: 100% !important;
  background: url(../../images/shop/back03.jpg) no-repeat;
  /* background-color: #dddddd; */
  background: #fff;
}
.container .content {
  width: 1200px;
  height: 100%;
  background: #fff;
  margin:0 auto;
  padding: 100px 0 100px 0;
}
.content .swiper-slide{
  display:flex;
}
.content img{
  width: 50%;
  height: 454px;
  cursor: pointer;
}
.content .banner-info{
  cursor: pointer;
  user-select: none;
  width: 49.5%;
  height: 454px;
  padding:40px 42px;
  background: #ffffff;
  box-sizing:border-box;
  box-shadow: 0px 10px 20px 5px rgba(233,233,233,0.50); 
}
.container .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 68px;
  left: calc(50% - 75px);
  width: auto;
}
.container
  .swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  width: 42px;
  height: 6px;
  background-color: #2758ec;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.content .title{
  display:flex;
  justify-content:space-between;
  margin-bottom:11px;
}
.content .infn{
  height: 41px;
  font-size: 34px;
  font-family: Helvetica, Helvetica-Regular;
  font-weight: 400;
  color: #333333;
  line-height: 41px;
}
.content .time{
  height: 17px;
  font-size: 14px;
  font-family: Helvetica, Helvetica-Regular;
  font-weight: 400;
  color: #333333;
  text-align:center;
  line-height: 17px;
}
.content .time .yue{
  font-size: 12px;
}
.content .xian{
  width:100%;
  height: 1px;
  background: #D7D7D7;
  margin-bottom:76px;
}
.content .text{
  height: 30px;
  font-size: 20px;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  color: #333333;
  line-height: 30px;
  margin-bottom:22px;
}
.content .textcontent{
  font-size: 12px;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  color: #333333;
  line-height: 24px;
  word-wrap: break-word;
  word-break: normal;
  height: 193px;
  overflow: hidden;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
}
.container2 {
  width: 100%;
  background:#EEEEEE;
}
.container2 .content2 {
  width: 1200px;
  height: 100%;
  overflow: hidden;
  margin:0 auto;
  position: relative;
  padding: 95px 0px 124px 0;
}
.content2 .swiper-wrapper{
  width:1200px;
}
.content2 .swiper-slide{
  display:flex;
  width: 100%;
  justify-content:space-between;
}
.content2 .info{
  width: 50%;
}
.content2 .title{
  height: 30px;
  font-size: 22px;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  color: #333333;
  line-height: 30px;
  margin-bottom:6px;
}
.content2 .xian{
  width: 42px;
  height: 2px;
  background: #2758ec;
}
.content2 .item{
  cursor: pointer;
  user-select: none;
  margin-top:10px;
  width: 99%;
  height: 170px;
  background: #ffffff;
  padding:35px 0;
  display:flex;
  box-sizing:border-box;
  box-shadow: 0px 2px 6px 2px rgba(220,220,220,0.50); 
}
.item .l{
  width:136px;
  border-right:1px solid #d7d7d7;
  height:100px;
  text-align:center;
  flex: 0 0 auto;
}
.item .l .nian{
  font-size: 34px;
  font-family: Helvetica, Helvetica-Regular;
  font-weight: 400;
  color: #333333;
  padding-top:23px;
}
.item .l .yue{
  font-size: 14px;
  font-family: Helvetica, Helvetica-Regular;
  font-weight: 400;
  color: #555555;
}
.item .r{
  flex: 1 1 auto;
  width:300px;
  font-family: Helvetica, Helvetica-Regular;
  font-weight: 400;
  color: #555555;
  margin:13px 80px 0 49px;
}
.item .r .rtitle{
  margin-bottom:10px;
  height: 25px;
  font-size: 16px;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  color: #333333;
  line-height: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.item .r .rcontent{
  font-size: 10px;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  color: #555555;
  line-height: 20px;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2; 
}
.container2 > .swiper-button-prev:after,.swiper-button-next:after{
  content:' ' !important
}
.container2 > .swiper-button-next:after,.swiper-button-prev:after{
  content:' ' !important
}
.container2 .swiper-container-horizontal > .swiper-button-prev,.swiper-button-next{
  top:86%;
  width: 88px;
  height: 24px;
  font-size: 20px;
  font-family: Helvetica, Helvetica-Regular;
  font-weight: 400;
  color: #333333;
  line-height: 24px;
}
.container2 .swiper-container-horizontal > .swiper-button-next,.swiper-button-prev{
  top:86%;
  width: 88px;
  height: 24px;
  font-size: 20px;
  font-family: Helvetica, Helvetica-Regular;
  font-weight: 400;
  color: #333333;
  line-height: 24px;
}
.container2 .swiper-container-horizontal > .swiper-pagination-bullets {
  width: 400px;
  bottom: 80px;
  position: absolute;
  left: calc(50% - 200px);
  text-align: center;
}
.container2
  .swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  background:#EEEEEE;
  color:#999;
  opacity:1;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.container2 .swiper-pagination-bullet-active{
  color:#2758ec !important
}