#pic1{
  background:url(../images/f9e5a50c3a.png) top center;
  background-repeat: no-repeat;
}
#pic1:hover{
  background:url(../images/1.png) top center;
  background-repeat: no-repeat;
}
#pic2{
  background: url(../images/e7f5c56eb3.png) top center;
  background-repeat: no-repeat;
}
#pic2:hover{
  background:url(../images/2.png) top center;
  background-repeat: no-repeat;
}
#pic3{
  background: url(../images/a67430522f.png) top center;
  background-repeat: no-repeat;
}
#pic3:hover{
  background:url(../images/3.png) top center;
  background-repeat: no-repeat;
}
#pic4{
  background: url(../images/695352a1d4.png) top center;
  background-repeat: no-repeat;
}
#pic4:hover{
  background:url(../images/4.png) top center;
  background-repeat: no-repeat;
}
#pic5{
  background: url(../images/cf06f734f6.png) top center;
  background-repeat: no-repeat;
}
#pic5:hover{
  background:url(../images/5.png) top center;
  background-repeat: no-repeat;
}
#pic6{
  background: url(../images/94e922a9a8.png) top center;
  background-repeat: no-repeat;
}
#pic6:hover{
  background:url(../images/6.png) top center;
  background-repeat: no-repeat;
}
#pic7{
  background: url(../images/42717a0817.png) top center;
  background-repeat: no-repeat;
}
#pic7:hover{
  background:url(../images/7.png) top center;
  background-repeat: no-repeat;
}


.anli{
	width: 1200px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 50px;
}
.anli .tab{
	width: 800px;
	overflow: hidden;
	margin: 0 auto;
}
.anli .tab span {
	display: inline-block;
	font-size: 16px;
   width: calc((75% - 150px)/7);
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    height: 25px;
    line-height: 25px;
    margin-right: 10px;
    font-size: 16px;
    color: #959595;
}
.anli .tab .current {
    background:#3276b6;
    color: #fff;
}
.anli  .item {
    /*float: left;*/
   width: 100%;
    margin-top: 20px;
}
 .swiper-container {
      width: 100%;
      height: 100%;
    }
  .swiper-slide {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      position: relative;
    }
   .swiper-slide img {
      display: block;
      width: 100%;
    }
    
    .mydiv p {
     text-align: center;
     font-size: 16px;
     margin-top: 10px;
    }
      
.mydiv{
	width: 1200px;
	/*height: 220px;*/
}
.mydiv div{
	float: left;
	padding-right: 1px;
}
.mydiv img{
	
	width: 296px;
	height: 200px;
}
.swiper-wrapper,.swiper-slide{
	height: unset !important;
}