.items-apply-block{height:550px;
background-color:#fff;
}
  .main-wrap{
width:100%!important;
margin:0 auto;
position:relative;
transition:all .3s ease;
}
  .flex-row{display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
}
  .items-apply .item{text-align:center;
}
  .items-apply .item::before{
content:"";
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
background-color:rgba(0, 0, 0, .6);
transition:all .4s cubic-bezier(.4, 0, .2, 1);
}
  .items-apply .item a{
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
}
  .items-apply .item .img-block{
position:relative;
margin-top:120px;
transition:all .4s cubic-bezier(.4, 0, .2, 1);
}
  .img-block{
margin:0 auto;
margin-top:0px;
display:block;
}
  .img-block img{
display:block;
margin:0 auto;
max-width:100%;
}
  .items-apply .item-title{font-size:20px;
font-weight:bold;
color:#fff;
}
  .items-apply .item-title::before{
content:"";
position:relative;
display:block;
width:20px;
border-bottom:2px solid #fff;
margin:0 auto 20px;
transition:all .4s cubic-bezier(.4, 0, .2, 1);
}
  .items-apply .item-p-block{
position:relative;
transition:all .4s cubic-bezier(.4, 0, .2, 1);
opacity:0;
margin-top:10px;
}
  .items-apply .item-p{
color:#fff;
font-size:16px;
margin-bottom:5px;
}
  v
.main-wrap{
width:1200px !important;
margin:0 auto;
position:relative;
transition:all .3s ease;
}
  .item{
flex:1;
text-align:center;
position:relative;
border:0px solid #d9d9d9;
height:550px;
background:no-repeat center;
background-size:100% auto;
}
  .item-title{
font-size:20px;
font-weight:bold;
color:#fff;
padding:20px 0;
position:relative;
}
  .item:before{
content:"";
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
background-color:rgba(0, 0, 0, .6);
transition:all .4s cubic-bezier(.4, 0, .2, 1);
}
  .item:hover:before{
background-color:rgba(14, 104, 201, .7);
}
  .item-1{
background-image:url(https://omo-oss-image.thefastimg.com/portal-saas/new2022030420202070110/cms/image/081bc38c-4c3a-4733-837a-d7e2b307094f.jpg);
}
  .item-2{
background-image:url(https://omo-oss-image.thefastimg.com/portal-saas/new2022030420202070110/cms/image/85ff029c-5db0-4d67-b74e-170b3593c48c.jpg);
}
  .item-3{
background-image:url(https://omo-oss-image.thefastimg.com/portal-saas/new2022030420202070110/cms/image/ba9dcf08-2e4a-4871-ab06-aa4b41f41ebd.jpg);
}
  .item-4{
background-image:url(https://omo-oss-image.thefastimg.com/portal-saas/new2022030420202070110/cms/image/7b15a1aa-eb43-4451-9876-0b294671bdf7.jpg);
}
  .item-5{
background-image:url(https://omo-oss-image.thefastimg.com/portal-saas/new2022030420202070110/cms/image/b3e59365-483a-4bad-84a1-9fa75f35167f.jpg);
}
  .item-title:before{
content:"";
position:relative;
display:block;
width:20px;
border-bottom:2px solid #fff;
margin:0 auto 20px;
transition:all .4s cubic-bezier(.4, 0, .2, 1);
}
  .item:hover .item-title:before{
opacity:0;
margin-bottom:0;
}
  .item .img-block{
position:relative;
margin-top:50%;
transition:all .4s cubic-bezier(.4, 0, .2, 1);
}
  .item:hover .img-block{
margin-top:96px;
}
  .item-p-block{
position:relative;
transition:all .4s cubic-bezier(.4, 0, .2, 1);
opacity:0;
margin-top:10px;
}
  .item:hover .item-p-block{
display:block;
opacity:1;
margin-top:0;
}
  .items-case .flex-row{
justify-content:space-between;
margin-top:-1px;
}
  .items-case .item{
height:90px;
margin:0;
flex:1;
margin-left:-1px;
position:relative;
border:1px solid #eee;
transition:all .3s ease;
}
  .items-case .item:hover{
z-index:1;
border-color:#b92822;
}
  .items-case .item a{
display:block;
height:100%;
}
  .items-case .item img{
transition:all .3s ease;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
}
  .items-case .item .img-b{
opacity:0;
visibility:hidden;
}
  .items-case .item:hover .img-a{
opacity:0;
visibility:hidden;
}
  .items-case .item:hover .img-b{
opacity:1;
visibility:visible;
}
  .items-note{
height:100px;
background:url(../../images/index/img-itms-note-bg.png) no-repeat center bottom;
padding:90px 0 0;
}
  .items-note .item-p{
color:#fff;
font-size:18px;
line-height:20px;
}
  .item-p{color:#fff;
font-size:16px;
line-height:28px !important;
margin-bottom:0px !important;
TEXT-DECORATION:none !important;
}

.img-block img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}






.dbg{
width:100%;height:100%;
}
.demo{
  text-align: center;
  margin-top: 0px;
  margin-left: 0px;
}
span.counter{
  font-size: 60px;
  font-family: Arial;
  color: #ffffff;
  font-weight: bold;
}
span.jieshao{font-size: 24px;color: #ffffff;}
.demo #demo01{text-align:center;display:inline-block;}
.demo #demo02{text-align:center;display:inline-block;}
.demo #demo03{text-align:center;display:inline-block;}
.demo .con{
    width: 32%;
    max-width: 500px;
}

.mine{font-size:18px;color: #fff;margin-left: 10px;font-family: pf;}
.sc3{font-size: 14px;color: #fff;margin-top: 18px;display: block;line-height: 1.8;}

@media only screen and (max-width: 768px){
  .sc3{font-size:14px;margin-top: 10px;margin-bottom: 20px;}
  span.jieshao{font-size:20px;}
}