.ind2 {
    width: 100%;
    height: 100% !important;
    -webkit-transition: 0.6s linear;
    transition: 0.6s linear;
}
.ind2_txt {
    float: left;
    width: 25%;
    position: relative;
    height: 50%;
    overflow: hidden;
    /* border-bottom: 1px solid rgba(255,255,255,.15); */
}
.ind22 {
    height: 100%;

}
.case1_con{
    position: absolute;
    bottom: -.5rem;
    left: .5rem;
    z-index: 1;
    -webkit-transition: 1s linear;
	-moz-transition: 1s linear;
	-ms-transition: 1s linear;
	-o-transition: 1s linear;
	transition: 1s linear;
}
.case1_con>h5{
    opacity: .3;
    color: #fff;
    font-size: .3rem;
    font-style: italic;
    margin: 0;
    line-height: 1;
}
.case1_con>p{
    color: #fff;
    font-size: .35rem;
   line-height: 1;
    margin: 0;
    margin-top: .05rem;
    margin-bottom: .4rem;
    -webkit-transition: 1s linear;
	-moz-transition: 1s linear;
	-ms-transition: 1s linear;
	-o-transition: 1s linear;
	transition: 1s linear;
}
.case1_con>div{
    width: .5rem;
    height: .5rem;
    border-radius: 100%;
    border: 1px solid #fff;
    text-align: center;
    -webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;
}
.case1_con>div>i{
    color: #fff;
    font-size: .2rem;
    position: relative;
    top: .15rem;

  } 
.case1_con1>div:hover{
    background:#e62129;;
    border: none;
}
.ind2_txt>a{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}
.ind2mb {
    width: 100%;
    height: 100%;
    background: rgba(22, 22, 22, .2);
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: 0.6s linear;
    transition: 0.6s linear;
    z-index: 1;
}
.ind2_txt:hover .ind2mb{
    opacity: 1;
}
.moren .ind2mb{
    opacity: 1;
}
.moren .case1_con{
    bottom: .6rem; 
}
.ind2_txt:hover .case1_con{
    bottom: .6rem;
}
.ind2_txt:hover .case1_con>p{
    margin-top: .1rem;
}
.caseyindex1{
    background: #f9f9f9;
}
.casey1con{
    width: 13rem;
    margin: 0 auto;
    background: #fff;
top: -1rem;
    position: relative;
    z-index: 1;
    padding: .8rem  1rem  .8rem 1.2rem;
    box-sizing: border-box;
}
.casey1con>h5{
    margin: 0;
    line-height: 1;
    font-size: .5rem;
    color: #333;
    position: relative;
}
.casey1con>p{
    margin: 0;
    line-height: .36rem;
    font-size: .18rem;
    color: #888;
    margin-top: .35rem;
}
.hh{
    width: .22rem;
    position: absolute;
    top: 50%;
    left: -.6rem;
}
.caseyindex2{
    padding: .9rem 3.1rem;
    background: #f9f9f9;
    box-sizing: border-box;
}
.caseyindex2>h5{
    font-size: .4rem;
    margin: 0;
    color: #333;
    line-height: 1;
}
.casey2con{
   width: 4.3rem;
   float: left; 
   text-align: center;
   margin-top: .9rem;
}
.cy2>div{
    color: #333;
    font-size: .18rem;
    line-height: 1;
    margin: 0;
    margin-top: .4rem;

}
.caycon{
    position: relative;
}
.cay1{
position: absolute;
width: 1px;
height: 100%;
padding: .9rem 0;
background: #e5e5e5;
top: .9rem;
left: 33%;
z-index: 1;
}
.cay2{
    position: absolute;
    width: 1px;
    height: 100%;
    padding: .9rem 0;
    background: #e5e5e5;
    top: .9rem;
    left: 66%;
    z-index: 1;
    }
    .cay3txt{
        display: inline-block;
        width: 50%;
        float: left;
        padding-right: .1rem;
    }
    .cay3txt:nth-child(2n){
        display: inline-block;
        width: 50%;
        float: left;
        padding-right: 0;
        padding-left: .1rem;
    }
    .caseyindex3{
        padding: 0 3.1rem 1rem;
        background: #f9f9f9;
        box-sizing: border-box;
    }.caseyindex3>h5{
        font-size: .4rem;
        color: #333;
        line-height: 1;
        margin-bottom: .45rem;
    }
    .cay_txt{
        background: #fff;
        margin-bottom: .2rem;
        padding: .3rem .3rem .2rem .3rem;
    }
    .cay_txt>h5{
        font-size: .24rem;
        line-height: 1;
        color: #333;
        margin: 0;
    }
    .cay_txt>p{
        font-size: .16rem;
        line-height: 1;
        color: #888;
        margin: 0;
        margin-top: .3rem;
        -webkit-transition: 0.3s linear;
    }
   
      .cay_txt>p>i{
        margin-left: .1rem;
        font-size: .18rem;
      }
      .cay_txt>p:hover{
       padding-left: .2rem;
      }
      .casedindex1{
          position: fixed;
          width: 6rem;
          height: 100%;
          right: 0;
          top: 0;
          z-index: 11;
          background: #fff;
          padding: 1.8rem .8rem 0 .6rem;
          box-sizing: border-box;
      }
      .casedcon{
          width: 13.2rem;
          background: #f9f9f9;
          padding: 1.4rem 1.7rem 2rem;
          box-sizing: border-box;
          float: left;
      }
      .casedcon>div{
          margin-top: .4rem;
      }
      .casedindex1>h5{
          font-size: .3rem;
          color: #333;
          line-height: 1;
          margin: 0;
          position: relative;
      }
      .casedindex1>h5::before{
          content: '';
          position: absolute;
          top: 0;
          width: 2px;
          height: 100%;
          background: #e62129;
          left: -.6rem;
      }
      .footer {
        position: relative;
        z-index: 111;
      }
      .clear{
        
          clear: both;
      }
      .casedinfo>p{
          font-size: .18rem;
          color: #888;
          margin: 0;
          margin-top: .4rem;
          margin-bottom: .7rem;
          line-height: .36rem;
      }
      .casedindex1>p{
          font-size: .18rem;
          color: #888;
          margin: 0;
          line-height: .36rem;
          margin-bottom: 1rem;
      }
      .caabout{
          display: flex;
          justify-content: space-between;
          height: 1.3rem;
      }
      .caabout>li{
          width: 2.27rem;
      }
      .casedindex1>h6{
          font-size: .24rem;
          line-height: 1;
          margin-bottom: .3rem;
          color: #333;
      }
      .caabout>li>a{
          position: relative;
          display: inline-block;
          width: 100%;
          height: 100%;
      }
      .cmb{
          position: absolute;
width: 100%;
text-align: center;
height: 100%;
background: rgba(22, 22, 22, .6);
z-index: 1;
top: 0;
left: 0;
-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
    transition: 0.3s linear;
    color: #fff;
    font-size: .18rem;
  line-height: 1.3rem;
  opacity: 0;
      }
      .caabout>li>a:hover .cmb{
       opacity: 1;
      }


.za{
    position: absolute;
    color: #fff;
    font-size: .16rem;
    z-index: 1;
    top: 43%;
    left: 0;
    width: 100%;
    text-align: center;
}

      
    @media (max-width: 992px){
        .ind2_txt {
            float: left;
            width: 100%;
            position: relative;
            height: 15rem;
            overflow: hidden;
            border-bottom: none;
        }
        .ind2 {
            margin-top: 50px;
            width: 100%;
            height: 120rem !important;
            -webkit-transition: 0.6s linear;
            transition: 0.6s linear;
        }
        .case1_con>h5 {
            opacity: .3;
            color: #fff;
            font-size: 18px;
            font-style: italic;
            margin: 0;
            line-height: 1;
    }
    .case1_con>p {
        font-size: 24px !important;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .banner {
        height: auto;
        margin-top: 50px;
    }
    .casey1con {
        width: 100%;
        top: 0;
        padding: 20px;
    
    }
    .casey1con>h5 {
        margin: 0;
        line-height: 1;
        font-size: 20px;
        color: #333;
        position: relative;
    }
    .casey1con>p {
        margin: 0;
        line-height: 24px;
        font-size: 16px;
        color: #888;
        margin-top: 10px;
    }
    .hh {
        width: 10px;
        position: absolute;
        top: 50%;
        left: -20px;
    }
    .caseyindex2 {
        padding: 0 20px 30px;
        background: #f9f9f9;
        box-sizing: border-box;
    }
    .caseyindex2>h5 {
        font-size: 20px;
        margin: 0;
        color: #333;
        line-height: 1;
    }
    .casey2con {
        width: 33.3%;
        float: left;
        text-align: center;
        margin-top: 20px;
    }
    .cy2>div {
        color: #333;
        font-size: 14px;
        line-height: 20px;
        margin: 0;
        margin-top: 10px;
    }
    .caseyindex3 {
        padding: 0 20px 10px;
        background: #f9f9f9;
        box-sizing: border-box;
    }
    .caseyindex3>h5 {
        font-size: 20px;
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .cay3txt {
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px;
    }
    .cay3txt:nth-child(2n) {
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px;
    }
    .cay_txt {
        background: #fff;
        margin-bottom: 0px;
        padding:20px 20px;
    }
    .cay_txt>h5 {
        font-size: 18px;
        line-height: 1;
        color: #333;
        margin: 0;
    }
    .cay_txt>p {
        font-size: 16px;
        line-height: 1;
        color: #888;
        margin: 0;
        margin-top: 12px;
        -webkit-transition: 0.3s linear;
    }
    .cay_txt>p>i {
        margin-left: 5px;
        font-size: 16px;
    }
    .casedcon {
        width: 100%;
        background: #fff;
        padding: 0 0px 30px;
        box-sizing: border-box;
        float: left;
    }
    .casedindex1 {
        position: relative;
        width: 100%;
        height: auto;
        right: 0;
        top: 0;
        z-index: 11;
        background: #fff;
        padding: 80px 20px 30px;
        box-sizing: border-box;
    }
    .casedindex1>h5 {
        font-size: 20px;
        color: #333;
        line-height: 1;
        margin: 0;
        position: relative;
    }
    .casedinfo>p {
        font-size: 18px;
        color: #888;
        margin: 0;
        margin-top: 20px;
        margin-bottom: 30px;
        line-height: 26px;
    }
    .casedindex1>p {
        font-size: 16px;
        color: #888;
        margin: 0;
        line-height: 24px;
        margin-bottom:30px;
    }
    .casedindex1>h6 {
        font-size: 18px;
        line-height: 1;
        margin-bottom: 20px;
        color: #333;
    }
    .caabout>li {
        width: 49%;
    }
    .caabout {
        display: flex;
        justify-content: space-between;
        height: 96px;
    }
    .casedcon>div {
        margin-top: 20px;
    }
    .case1_con>div {
        width: 30px;
        height: 30px;
  
    }
    .case1_con>div>i {
        color: #fff;
        font-size: 16px;
        position: relative;
        top: 5px;
    }
    .case1_con {
        position: absolute;
        bottom: 20px;
        left: 20px;
    }
    .moren .case1_con {
        bottom: 20px;
    }
    .za {
        position: absolute;
        color: #fff;
        font-size: 14px;
        z-index: 1;
        top: 42%;
        left: 0;
        width: 100%;
        text-align: center;
    }
}<!--0.00023603439331055-->