.swiper-cover{
  background: rgba(0, 0,0, 0.2);
}
.content-title h3{
font-size: 40px;
font-family: SYBold;
font-weight: 800;
color: #003A70;
margin-top: 100px;
margin-bottom: 9px;

}
.content-title p{
font-size: 16px;
font-family:SYNormal;
font-weight: 400;
color: #003A70;
margin-bottom: 60px;
}

.content-body{
  display: flex;
  /*justify-content: space-between;*/
  flex-wrap: wrap;
}
.content-body>div:nth-child(3n){
 margin-right: 0;
}
.content-body-item{
  width: 31.42%;
  width: calc((100% - 80px)/3);
  height: 31.42%;
  margin-right: 2.85714%;
  position: relative;
  margin-bottom: 40px;
  cursor: pointer;
  overflow: hidden;
}
.applicate-image{
  
  display: flex;
}
.content-body-item img{
  width: 100%;
  height: 100%;
  transition: opacity 3s;
}
.dialog-cover{
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
}
.smallImg{
    position:absolute;
    bottom: 0;
    width:100%;
}
.mouse{
  -webkit-animation: myanimation .4s forwards;
  animation: myanimation .4s forwards;
   animation-fill-mode:; 
}
.mouseOut{
  -webkit-animation: myanimationEnd .4s ;
  animation: myanimationEnd .4s ;
}
@keyframes myanimation{
  0%{
    transform: translateY(0px);

  }
  100%{
    transform: translateY(200px);
  }
}
@keyframes myanimationEnd{
  0%{
    transform: translateY(200px);

  }
  100%{
    transform: translateY(0px);
  }
}
.cover{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0px 14px;
}

.cover>h3{
  margin: 78.9% 0 36px 0px;
font-size: 26px;
font-family: SYBold;
font-weight: bold;
color: #FFFFFF;
}
.cover>div{
  display: flex;
  justify-content:space-between;
}
.cover>div>i{
  width: 20px;
  height: 20px;

color: #FFFFFF;
}
.cover span{
font-size: 16px;
font-family: SYLight;
font-weight: 300;
color: #FFFFFF;
}

.pagination{
  margin-top:20px !important;
} 
/* 媒体 */
@media only screen and (max-width: 1600px) {
  
}
@media only screen and (max-width: 1400px) {
  .content-title h3{
    font-size: 30px;
    font-weight: 800;
    color: #003A70;
    margin-top: 80px;
    margin-bottom: 9px;
    
    }
    .content-title p{
    font-size: 16px;
    font-weight: 400;
    color: #003A70;
    margin-bottom: 50px;
    }
}
@media only screen and (max-width:1050px){
  
}
@media only screen and (max-width:980px){
  .content-body{
    display: flex;
    justify-content: space-around;
  }
  .content-body-item{
    width:45%;
    /* height: 31.42%; */
    position: relative;
    /* margin-right: 40px; */
    margin-bottom: 40px;
    cursor: pointer;
  }
  .content-title h3{
    font-size: 24px;
    font-weight: 800;
    color: #003A70;
    margin-top: 60px;
    margin-bottom: 9px;
    
    }
    .content-title p{
    font-size: 16px;
    font-weight: 400;
    color: #003A70;
    margin-bottom: 30px;
    }
}
@media only screen and (max-width:600px){
  .content-body{
    display: flex;
    justify-content: space-around;
  }
  .content-body-item{
    width:60%;
    /* height: 31.42%; */
    position: relative;
    /* margin-right: 40px; */
    margin-bottom: 40px;
    cursor: pointer;
  }
  .chemical-swiper-text {
    position: absolute;
    left: 13.59375%;
    top: 22.33%;
    /* margin-top: -254px; */
    /* transform: translateY(-333px); */
  }
  .chemical-swiper-text>h3 {
    font-size: 20px;
    margin-bottom: 0px;
  }
  .content-body-item {
    width: 90%;
    position: relative;
    margin-bottom: 40px;
    cursor: pointer;
}
.cover>h3 {
  margin: 78.9% 0 20px 0px;
  font-size: 26px;
  font-family: SYBold;
  font-weight: bold;
  color: #FFFFFF;
}
}