/*swiper-----------------*/
.swiper{
    /* padding: 0 0 208px 0; */
    background-size: 100% 100%;
    
}
.swiper .swiper-top {
    padding: 70px 0 67px 0;
}
.swiper .swiper-top>h3{
    font-size:32px;
    font-family:'黑体';
    font-weight:400;
    color:#000000;
    line-height:35px;
    text-align: center;
    margin-bottom: 30px;
}
.swiper .swiper-top .glyphicon-menu-right{
    color:#1f3269;
    top:18px;
    position:relative;
    font-size:50px;
}
.swiper .swiper-top span{
	border-bottom:5px solid #1f3269;
	padding:0px 20px;
}
.swiper .swiper-top>p {
    font-size:22px;
    font-family:'黑体';
    font-weight:300;
    color:rgba(101,101,101,1);
    line-height:40px;
    text-align: center;
}

.swiper .swiper-list .swiper-container {
    width: 100%;
    /* height: 430px; */
    padding-top: 10px;
    position: relative;
    padding-bottom: 70px;
  }

  .swiper .swiper-list .swiper-container .swiper-wrapper .swiper-slide {
    /* width: 385px!important; */
    height:auto;
    background: #fff;
    transition: 300ms;
    /* box-shadow:0px 15px 30px 0px rgba(165,165,165,0.37); */
    border-radius:6px;
  }
  .swiper .swiper-list .swiper-container .swiper-wrapper .swiper-slide>a>div {
    /* width: 385px!important; */
   	overflow:hidden;
  }
  @media (max-width: 1322px) {
    .swiper .swiper-list .swiper-container .swiper-wrapper .swiper-slide{
        padding: 50px 40px 0 40px;
    }
  }
  @media (max-width: 1203px) {
    .swiper .swiper-list .swiper-container .swiper-wrapper .swiper-slide{
        padding: 30px 20px 0 20px;
    }
  }
  @media (max-width: 1082px) {
    .swiper .swiper-list .swiper-container .swiper-wrapper .swiper-slide{
        padding: 20px 10px 0 10px;
    }
  }
  .swiper .swiper-list .swiper-container .swiper-wrapper .swiper-slide .slide-img{
      width: 100%;
      height:239.14px;
      transition:all 0.6s;
  }
  .swiper .swiper-list .swiper-container .swiper-wrapper .swiper-slide .slide-img:hover{
      transform:scale(1.1);
  }
  .swiper .swiper-list .swiper-container .swiper-wrapper .swiper-slide>a>h4{
    font-size:24px;
    font-family:'黑体';
    font-weight:400;
    color:rgba(35,24,22,1);
    margin: 10px 0 20px 0;
    padding:0px 20px;
  }
  .swiper .swiper-list .swiper-container .swiper-wrapper .swiper-slide>a>p{
    font-size:16px;
    font-family:'黑体';
    font-weight:300;
    color:rgba(74,74,74,1);
    line-height:32px;
    padding:0px 20px;
    margin-bottom:60px;
    text-align:justify;
    overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
  }
  .swiper .swiper-list .swiper-container .swiper-wrapper .swiper-slide>a>div>button{
    font-size: 14px;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    background: #204a87;
  }
  
  .swiper .swiper-list .swiper-container .swiper-wrapper .swiper-slide>a>div>button:hover{
  	background:red;
  }
  .swiper-button-panel{
  	right: 0px;
    bottom: 20px;
    position: absolute;
    transition: .5s ease-in-out;
  }
  .swiper .swiper-list .swiper-container .swiper-wrapper .swiper-slide-active {
    /* transform: translateY(-10px); */
  }
  .swiper .swiper-list .swiper-container .swiper-wrapper .swiper-slide:not(.swiper-slide-active) {
    /* width: 360px!important; */
    box-shadow:none;
  }
  .swiper-list {
      position: relative;
      
  }
    /*btn----------*/
  .swiper .container .prev{
      width: 60px;
      height: 60px;
      background:#fff;
      border-radius: 50%;
      border:1px solid rgba(229,229,229,1);
      position: relative;
      position: absolute;
      top: 32%;
      left: -120px;
  }
  .swiper .container .prev>img{
    width:35px;
    height:35px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
  }
  .swiper .container .next{
    width: 60px;
    height: 60px;
    background:#fff;
    border-radius: 50%;
    border:1px solid rgba(229,229,229,1);
    position: relative;
    position: absolute;
    top: 32%;
    right: -120px;
}
.line{
    position: absolute;
    top: 30px;
    left: 0;
    bottom: 0;
    height: 5px;
    width: 130px;
    background: #188EA7;
    color: #188EA7;
    z-index: 1111;  
    transform: scaleX(0);  
}
@keyframes changScale{
    from{
        transform: scaleX(0);
    }
    to{
        transform: scaleX(1);
    }
}
@-webkit-keyframes changScale{
    from{
        transform: scaleX(0);
    }
    to{
        transform: scaleX(1);
    }
}
.swiper .container .next>img{
  width:35px;
  height:35px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.swiper .container .prev:hover,
.swiper .container .next:hover {
    background:#E6E8EB;
}