.wantlist {
  
    overflow: hidden;
}
  .wantli {
    float: left;
    width: 25%;
    height: 100px;
    padding: 0 2.6%;
    border-right: 1px solid #d8d9da;
    box-sizing: border-box;
    text-align: center;
    transition: all 0.5s ease 0s;
      background: #f0f0f0;
}
  .wantli_ {
    position: relative;
    float: left;
    height: 100%;
    padding: 29px 0 0 70px;
    box-sizing: border-box;
    text-align: left;
}
  
  .wantli_ .icon01 {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2022070617335997876/cms/image/9e54b2c2-24d6-4416-adbf-5287bba76cba.png) no-repeat right center;
}
    .wantli_ .icon02 {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2022070617335997876/cms/image/5dc8bf4e-41d1-49ae-ba78-d5a7a6f37e38.png) no-repeat right center;
}
    .wantli_ .icon03 {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2022070617335997876/cms/image/615038eb-5d92-4610-a2f1-01060dc1b8cf.png) no-repeat right center;
}
    .wantli_ .icon04 {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2022070617335997876/cms/image/761bb54c-97e2-44ca-9208-1499ec26f682.png) no-repeat right center;
}
  .wantli_title {
    font-size: 18px;
    line-height: 26px;
    color: #303030;
    transition: all 0.5s ease 0s;
}
  .wantli_title_en {
    font-size: 14px;
    line-height: 22px;
    color: #999999;
    transition: all 0.5s ease 0s;
}
.wantli:hover {
    background: #00a57d;
    border-right: 1px solid #e5e5e5;
}
  
  .wantli_ i {
    position: absolute;
    left: 0;
    top: 50%;
    transition: all 0.5s ease 0s;
}
  
  .wantli:hover .wantli_ .icon01 {
    background-position: left center;
}
   .wantli:hover .wantli_ .icon02 {
    background-position: left center;
}
   .wantli:hover .wantli_ .icon03 {
    background-position: left center;
}
   .wantli:hover .wantli_ .icon04 {
    background-position: left center;
}
  
  .wantli_title_arrow {
    float: right;
    width: 12px;
    height: 21px;
    margin-top: 40px;
    background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2022070617335997876/cms/image/6aafee16-88d8-4811-97fd-c2c5ba8aa49b.png) no-repeat center;
}
  .wantli:hover .wantli_title_arrow {
    background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2022070617335997876/cms/image/d3a49dba-9ae7-4893-a98f-1d2e6beac140.png) no-repeat center;
}
  .wantli:hover .wantli_title {
    color: #ffffff;
}
  .wantli:hover .wantli_title_en {
    color: #ffffff;
}
@media only screen and (max-width: 768px){

.wantli {
  height: 84px !important;
}
  .wantli {
  float: left;
  width: 25%;
  height: 100px;
  padding: 0 1%;
  border-right: 1px solid #d8d9da;
  box-sizing: border-box;
  text-align: center;
  transition: all .5s ease 0s;
  background: #f0f0f0;
  border-bottom: 1px solid #d8d9da;
}
  .wantli_ {
  position: relative;
  float: left;
  height: 100%;
  padding: 29px 0 0 20px;
  box-sizing: border-box;
  text-align: left;
}
  .wantli_ .icon01 {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: url(/img/tu_01.png?tenantId=158671&viewType=1&v=1607694222000) no-repeat right center;
}
.wantli_title {
  font-size: 12px;
  line-height: 21px;
  color: #303030;
  transition: all .5s ease 0s;
}
  .wantli_title_en {
  font-size: 12px;
  line-height: 3px;
  color: #999;
  transition: all .5s ease 0s;
}
  .wantli_title_arrow {
  float: right;
  width: 9px;
  height: 21px;
  margin-top: 36px;
  background: url(/img/wantli_arrow2.png?tenantId=158671&viewType=1&v=1607694222000) no-repeat center;
}
  .wantli_ .icon02 {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: url(/img/tu_02.png?tenantId=158671&viewType=1&v=1607694222000) no-repeat right center;
}
  .wantli_ .icon03 {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: url(/img/tu_03.png?tenantId=158671&viewType=1&v=1607694222000) no-repeat right center;
}
  .wantli_ .icon04 {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: url(/img/tu_4444.png?tenantId=158671&viewType=1&v=1607694222000) no-repeat right center;
  1: ;
}

}





  .prolist{
  width:100%;
    height:auto;
    padding-top:2px;
    overflow:hidden;
    background:#fff;
  }
  .lists{
    width:calc((100% - 4px)/3);
    height:auto;
    overflow:hidden;
    float:left;
    margin-right:2px;
    margin-bottom:2px;
  }
  @media only screen and (max-width: 768px){
  .lists{
    width:100%;
    height:auto;
    overflow:hidden;
    float:left;
    margin-bottom:2px;
  }
  }
  .lists img{
    width:100%;
    height:auto;
  }
  .lists:nth-child(3){
    margin-right:0px;
  }
  .lists:nth-child(6){
    margin-right:0px;
  }
  .lists video{
    
  width:100%;
    height:auto;
  }
  
  .fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
    font-size: 30px;
}
  
  .fancybox-navigation .fancybox-button div {
    padding: 7px;
    width: 50px;
    height: 50px;
    background: #00a484;
}
  
  .fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
    font-size: 30px;
    color: #fff;
}