.c-fff{
  color:#fff;
}
.f-0{
  font-size:0;
}
.ov-h{
  overflow:hidden;
}
.dis-t{
  display:inline-block;
  vertical-align:top;
}
.pos-r{
  position:relative;
  z-index:0;
}
.block{
  display:block;
}
.f-14{
  font-size:14px;
  line-height:2;
}
.p-Ycenter{
  position:absolute;
  top:50%;
  z-index:0;
  transform:translateY(-50%);
}
.tr-ease-05{
  transition:0.5s ease 0s;
}
.pc, .pc-800{
  display:block;
}
.font-over1{
  display:block;
  width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.font-over2{
  word-break:break-word;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.i1 li:nth-child(3){
  width:34.4%;
}
.i1 li:nth-child(4){
  width:35%;
}
.i1 li:nth-child(1){
  width:70%;
  margin-bottom:0.6%;
}
.i1 li:nth-child(5){
  width:49.7%;
}
.i1 li:not(:nth-child(2)){
  height:18.75vw;
  margin-left:0.6%;
}
.i1 li:not(:nth-child(2)) .i1-text p{
  color:#333;
}
.i1 li:not(:nth-child(2)) .f-14.pc-800{
  color:#666;
  font-size:16px;
}
.i1 li:nth-child(2){
  height:38vw;
  float:left;
  width:29.4%;
}
.i1 li:nth-child(5){
  margin-top:0.5vw;
}
.i-p1 a:before{
  background:url(https://omo-oss-image.thefastimg.com/portal-saas/new2023052916291880104/cms/image/e0b05b24-8c24-4544-b8b4-50d7154684cb.jpg) no-repeat center;
  background-size:cover;
}
.i-p2 a:before{
  background:url(https://omo-oss-image.thefastimg.com/portal-saas/new2023052916291880104/cms/image/758baa98-4a76-477d-9429-2be6c263df59.png) no-repeat center;
  background-size:cover;
}
.i-p4 a:before{
  background:url(https://omo-oss-image.thefastimg.com/portal-saas/new2023052916291880104/cms/image/381d1728-7379-4b2c-af66-db1b5e829df0.jpg) no-repeat center;
  background-size:cover;
}
.i-p5 a:before{
  background:url(https://omo-oss-image.thefastimg.com/portal-saas/new2023052916291880104/cms/image/50f13820-a66b-4e3d-a82e-7d7e2b18bce6.jpg) no-repeat center;
  background-size:cover;
}
.i1-text p{
  font-size:1.4vw;
  margin-bottom:3px;
  font-weight:bold;
}
.i1-hover-text{
  height:calc(100% - 2vw);
  width:calc(100% - 2vw);
  left:50%;
  transform:translate(-50%, -50%) scale(0);
  opacity:0;
}
.i1-hover-text>*:before{
  opacity:0.9;
  content:'';
  position:absolute;
  width:100%;
  height:100%;
  z-index:-1;
  left:0;
  top:0;
  background:-webkit-linear-gradient(-45deg, #0075c5, #0066ac);
}
.i1-hover-text>*{
  height:100%;
}
.i1-text{
  position:absolute;
  width:100%;
  left:0;
  bottom:2vw;
  padding:0 2vw;
  z-index:0;
  color:#fff;
}
.p-logo{
  width:auto;
  position:absolute;
  top:2.1vw;
  right:6%;
  z-index:0;
}
.p-logo img{
  max-width:100%;
  margin-left:auto;
  max-height:2.5vw;
}
.i1-text1{
  position:absolute;
  width:100%;
  padding:0 6%;
  left:0;
  bottom:2.1vw;
  z-index:0;
  color:#fff;
}
.i1-text1 h3{
  font-weight:normal;
  font-size:1.67vw;
}
.i1-text1 span{
  margin-top:0.5vw;
  font-size:14px;
  font-family:'Oswald' !important;
}
.i1-text1 p{
  line-height:1.7;
  margin-top:1vw;
  max-height:48px;
}
.i1{
  margin:0px;
}
.i1 a{
  overflow:hidden;
  height:100%;
}
.i1 a:before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index:-1;
  transition:0.5s linear 0s;
}
@media screen and (max-width: 1500px){
  
.f-14 {
    font-size: 14px;
      line-height: 1.5;
  }
.f-16 {
    font-size: 14px;
  }
.i1-text1 p {
    max-height: 41px;
  }
.i1 li:not(:nth-child(2)) .f-14.pc-800 {
    font-size: 14px;
}
}
@media screen and (min-width: 769px){
  
.i1 a:hover .i1-hover-text {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
.i1 a:hover:before {
    transform: scale(1.1);
  }
.i1 a:hover .i1-text {
    opacity: 0;
  }
.i1 li:nth-child(2) .i1-text1 p {
    -webkit-line-clamp: 5;
    max-height: 102px;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 769px){
  
.i1 li:nth-child(2) .i1-text1 p {
    max-height: 119px;
  }
}
@media screen and (max-width: 768px ){
  
.i1 li {
    float: left;
  }
.i1 li:not(:nth-child(2)) {
    height: 36vw;
    margin-left: 1.5%;
    width: 49.25%;
  }
.i1 li:nth-child(1){
    width: 100%;
    clear: both;
    margin-left: 0;
  }
.i1 li:nth-child(5) {
    width: 100%;
    clear: both;
    margin-left: 0;
  }
.i1 li:nth-child(2) {
    height: 73.5vw;
    width: 49.25%;
  }
.i1 li:not(:first-child) {
    margin-top: 1.5vw;
  }
.i1-text p {
    font-size: 3.8vw;
    margin-bottom: 0;
  }
.i1-text {
    bottom: 3.5vw;
    padding: 0 4vw;
  }
.f-14 {
    line-height: 1.5;
  display:none;
}
.i1 li:not(:nth-child(2)) .f-14.pc-800 {
    font-size: 14px;
  display:none;
}
}