@charset "utf-8";
.ss_am{
  width: 100%;
  margin-right: 0;
  margin-left: 0;
  overflow:hidden;
}
.ss_am .ss_item {
  height: 0;
  width: calc(100% / 5);
  overflow: hidden;
  float: left;
  position: relative;
  transition: 0.5s all ease;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  padding-bottom: 27.4%;
}
.ss_am .ss_item.sg1{background-image:url(/img/yy1.jpg);}
.ss_am .ss_item.sg2{background-image: url(/img/yy2.jpg);}
.ss_am .ss_item.sg3{background-image:url(/img/yy3.jpg);}
.ss_am .ss_item.sg4{background-image: url(/img/yy4.jpg);}
.ss_am .ss_item.sg5{background-image:url(/img/yy5.jpg);}
.ss_am .ss_item .ss_title{
  font-size:26px;
  color:#fff;
  position:absolute;
  text-align:center;
  width:100%;
  bottom: 30px;
  opacity: 1;
  transition: all 0.5s;
}
.ss_am .ss_item .ss_main{
 
  position: absolute;
  overflow:hidden;
  width: 100%;
  transition: all 0.5s;
  height: 100%;
  opacity: 0;
  top: 0;
  left: 0;
}
.ss_am .ss_item .ss_main:before{
  background: rgba(0, 0, 0, 0.5);
  position:absolute;
  content:'';
  width:100%;
  height:100%;
  left:0;
  transition: 0.3s all ease;
  top:0;
}

.ss_am:hover .ss_item.cur .ss_main{
 
  opacity: 1;
}
.ss_am:hover .ss_item.cur .ss_title{
  opacity: 0;
}
.ss_am .ss_item .bl_txt {
  width: 100%;
  height: 100%;
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
  align-content: center;
  position: relative;
}
.ss_am .ss_item.cur .ss_main:hover .bl_txt .bl_txt_box {
  display: block;
}
.ss_am .ss_item .bl_txt .bl_txt_box {
  width: 80%;
  margin: 0 auto;
  display: none;
  text-align: center;
}
.ss_am .ss_item .bl_txt .title_cn{
  font-size: 28px;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 40px;
  letter-spacing: 0px;
  margin-top: 10px;
}
.ss_am .ss_item .bl_txt .title_en{
  font-size: 18px;
  color: #fff;
  /* text-transform: uppercase; */
  letter-spacing: 0px;
  font-family: arial;
}
.ss_am .ss_item .bl_txt .dec {
  font-size: 14px;
  color: #FFFFFF;
  width: 170px;
  margin: 0 auto;
  background: url(/img/more4.png) 125px 50% no-repeat rgba(43,173,215,0.75);
  line-height: 36px;
  height: 36px;
  border-radius: 25px;
  transition:all 0.35s;
}
.ss_am .ss_item .bl_txt .dec:hover{
  background-color: rgba(43,173,215,1);
}
@media only screen and (max-width: 768px){
.ss_am{display:flex;flex-wrap:wrap;}
.ss_am .ss_item {
  width:100%;
  margin-bottom:20px;
  padding-bottom: 66.7%;
}
  .ss_am .ss_item .ss_title{display:none;}
  .ss_am .ss_item .ss_main{opacity:1;}
  .ss_am .ss_item .bl_txt .bl_txt_box{display:block;}
  .ss_am .ss_item .bl_txt .title_cn{margin-bottom:20px;font-size: 22px;}
}
@media only screen and (min-width: 769px){
.ss_am{display:flex;flex-wrap:nowrap;}
.ss_am:hover .ss_item {
  width: 27%;
}
  .ss_am:hover .ss_item.cur {
  width: 46%;
  background-size: cover;
}
}