/* CSS Document */

@media only screen and (max-width: 768px){
	{
	  width:100%;
    }
}
@media only screen and (min-width: 769px){
    {
	  width:100%;
    }
}
@media only screen and (max-width: 1024px) and (min-width: 769px){
    
}.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;
}
.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(1){
width:50%;
}
.i1 li:nth-child(3){
width:49.8%;
}
.i1 li:nth-child(4){
width:33.23%;
}
.i1 li:nth-child(5){
width:33.23%;
}
.i1 li:nth-child(6){
width:33.23%;
}

.i1 li:not(:nth-child(2)){
height:25vw;
margin-left:0.1%;
}
.i1 li:nth-child(2){
height:37.6vw;
float:left;
width:24.5%;
  display:none;
}
.i1 li:nth-child(4),
.i1 li:nth-child(5),
.i1 li:nth-child(6){
margin-top:0.1vw;
  width:33.23%;
}


.i-p2 a:before{
background:url(/img/jz000.jpg) no-repeat center;
background-size:cover;
}



.i-p1 a:before{
background:url(https://omo-oss-image.thefastimg.com/portal-saas/pg2024071809434095545/cms/image/c9cb9500-6fd7-4c46-a587-d40344f51f64.jpg) no-repeat center;
background-size:cover;
}
.i-p5 a:before{
background:url(https://omo-oss-image.thefastimg.com/portal-saas/pg2024071809434095545/cms/image/88d06fd3-d728-4d6c-9059-dbdf31fe2317.jpg) no-repeat center;
background-size:cover;
}



.i-p3 a:before{
background:url(https://omo-oss-image.thefastimg.com/portal-saas/pg2024071809434095545/cms/image/260eedad-7a20-4205-8b52-8ab31e515bac.jpg) no-repeat center;
background-size:cover;
}
.i-p4 a:before{
background:url(https://omo-oss-image.thefastimg.com/portal-saas/pg2024071809434095545/cms/image/ce7346c3-7138-4667-adc2-016f4a7deed1.jpg) no-repeat center;
background-size:cover;
}

.i-p6 a:before{
background:url(https://omo-oss-image.thefastimg.com/portal-saas/pg2024071809434095545/cms/image/9a379d48-96cc-4225-927c-b2d974f8d52e.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, #b83723, #d32e15);
}
.i1-hover-text>*{
height:100%;
}
.i1-text{
position:absolute;
width:100%;
left:0;
bottom:2vw;
padding:0 2vw;
z-index:0;
color:#fff;
  text-align: left;
}
.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;
  text-align: left;
}
.i1-text1 span{
margin-top:0.5vw;
  text-align: left;
}
.i1-text1 p{
line-height:1.7;
margin-top:1vw;
max-height:48px;
    text-align: left;
}
.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: 12px;
}
.f-16 {
  font-size: 14px;
}
.i1-text1 p {
  max-height: 41px;
  text-align: left;

}
}
@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%;
      width: 48.25%;
    }
.i1 li:nth-child(1) {
      width: 100%;
      clear: both;
      margin-left: 0;
    }
  
  .i1 li:nth-child(5){
        height: 36vw;
      width: 48.25%;
  }
  
  
.i1 li:nth-child(2) {
      height: 73.5vw;
      width: 49.25%;
    }
.i1 li:not(:first-child) {
      margin-top: 1vw;
    }
.i1-text p {
      font-size: 3.8vw;
      margin-bottom: 0;
    }
.i1-text {
      bottom: 3.5vw;
      padding: 0 4vw;
    }
}