.ind {
  background-image: url(../img/ind/back.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.indBox {
  padding: 1.1rem 0 1.21rem;
}

.indTop {
  display: flex;
  justify-content: space-between;
  margin-bottom: .8rem;
}

.indL {
  width: 6.2rem;
}

.indTit {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.4rem;
  color: #333333;
  display: flex;
  flex-direction: column;
}

.indTit::after {
  content: '';
  width: 0.6rem;
  height: 0.04rem;
  background: #004F9F;
  margin-top: .1rem;
  margin-bottom: .6rem;
}

.indTxt {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #555555;
  line-height: 0.3rem;
}

.indR {
  width: 7rem;
  height: 4rem;
  position: relative;
}

.tr,
.bl {
  width: .98rem;
  height: .91rem;
  position: absolute;
}

.tr {
  top: -.32rem;
  right: -.45rem;
}

.bl {
  bottom: .35rem;
  left: -.45rem;
}

.indTit2 {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.28rem;
  color: #333333;
  display: flex;
  align-items: center;
  margin-bottom: .28rem;
}

.indTit2::before {
  content: '';
  width: 0.04rem;
  height: 0.3rem;
  background: #004F9F;
  border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
  margin-right: .15rem;
}

.indItem {
  display: flex;
  width: 14rem;
  height: 3.6rem;
  background: #FFFFFF;
  border-radius: 0rem 0rem 0rem 0rem;
  border: 0.01rem solid #E5E5E5;
  padding: .2rem;
  box-sizing: border-box;
  margin-bottom: .2rem;
}

.indItemImg {
  width: 3.2rem;
  height: 3.2rem;
  margin-right: .5rem;
  overflow: hidden;
  flex-shrink: 0;
}

.indItemText{
  width: 100%;
}

.indItemTit {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.24rem;
  color: #333333;
  display: flex;
  flex-direction: column;
}

.indItemTit::after {
  content: '';
  width: 0.3rem;
  height: 0.02rem;
  background: #004F9F;
  margin-top: .07rem;
  margin-bottom: .22rem;
}

.indModel {
  min-width: 1.3rem;
  width: fit-content;
  padding: 0 .15rem;
  height: 0.4rem;
  background: #004F9F;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #FFFFFF;
  line-height: .4rem;
  box-sizing: border-box;
  margin-bottom: .39rem;
}

.indItemtxt{
  min-height: .51rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #333333;
  line-height: 0.3rem;  
  margin-bottom: .6rem;
}

.indMore{
  display: flex;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #555555; 
  align-items: center;
}

.indMore img{
  width: .27rem;
  height: .17rem;
  margin-left: .1rem;
  filter: grayscale(1);
}

.indItem:hover .indMore{
  color: #004F9F;
}

.indItem:hover .indMore img{
  filter: grayscale(0)
}


@media only screen and (max-width: 768px) {
.indTop{
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    flex-direction: column;
    }
    .tr{
        right: 0;
    }
    .indR{
        height: auto;
            margin-top: 0.2rem;
    }
    .indBottom{
    padding-left: 0.2rem;
    padding-right: 0.2rem;    
    }
    .indItem{
        width: auto;
    }
    .bl{
        left: 0;
    }
}