@charset "utf-8";
/* CSS Document */
.PainPoint .box .list3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.6rem;
  }
  .PainPoint .box .list3 .item {
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f8fd), to(#fff));
    background: -o-linear-gradient(top, #f5f8fd, #fff);
    background: linear-gradient(to bottom, #f5f8fd, #fff);  
    -webkit-box-shadow: 0px 0px 20px #f1f1f1;
    box-shadow: 0px 0px 20px #f1f1f1;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
	cursor:default; 
    border-radius: 5px;
    border: 1px solid #fff;
    overflow: hidden;
	margin-bottom:20px;
  }

  .PainPoint .box .list3 .item .main {
    position: relative;
    z-index: 1;
  }
  .PainPoint .box .list3 .item .main .content0 {
    font-size: 0.32rem;
  }
  .PainPoint .box .list3 .item .main .content0 img {
    margin-right: 0.18rem;
    vertical-align: sub;
    width: 0.35rem;
  }
  .PainPoint .box .list3 .item .main .content1 {
    margin-top: 0.3rem;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 0.1rem;
    font-size: 16px;
    color: #555;
  }
  .PainPoint .box .list3 .item .main .content1 span {font-size: 18px; font-weight: 600;color:#cf0f35;margin-top: 12px;}
  .PainPoint .box .list3 .item .main .content1 font {
    color: #2589ff;
    display: inline-block;
    margin-right: 0.05rem;
  }
  .PainPoint .box .list3 .item .main .content1 p {
    cursor: default;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  .PainPoint .box .list3 .item .main .content1 p:hover {
    color: #2589ff;
  }
  .PainPoint .box .list3 .item .img {
    position: absolute;
    right: 0rem;
    top: 0.4rem;
    width: 3rem;
  }
  .PainPoint .box .list3 .item .img img {
    width: 100%;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.2;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  .PainPoint .box .list3 .item:hover .img img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
  }

@media screen and (max-width: 1280px) {
	
	.PainPoint .box .list3 .item .img {
      width: 2.6rem;
    }
	
}

@media screen and (max-width: 1024px) {
	
.PainPoint .box .list3 {
      grid-template-columns: repeat(1, 1fr);
      gap: 0.2rem;
    }	
}
@media screen and (max-width: 699px) {
	.PainPoint .box .list3 .item {
      padding: 0.3rem;
    }
    .PainPoint .box .list3 .item .main .content1 p{
      position: relative;
      padding-left: 0.2rem;
    }
    .PainPoint .box .list3 .item .main .content1 p font{
      position: absolute;
      display: block;
      top: 0;
      left: 0;
    }
    .PainPoint .box .list3 .item .main .content0 {
      font-size: 0.26rem;
    }
}

.PainPoint .box .list3 .item img{width:100%;}
.PainPoint .box .list3 .item .content2{padding:20px 25px;}
.PainPoint .box .list3 .item .content2 li{border-left:3px solid #108aed;padding-left:18px;margin-bottom:30px;}
.PainPoint .box .list3 .item .content2 li h3{color:#212121;font-size:18px;font-weight:bolder;margin-top: 20px;margin-bottom: 10px}
.PainPoint .box .list3 .item .content2 li p{color:#666666;font-size:16px;}
@media (min-width: 768px){
    .PainPoint .box .list3 .item{margin-bottom:30px;height:585px;}
}
@media (min-width: 1200px){
    .PainPoint .box .list3 .item{margin-bottom:0;}
}



.Jiazhi .box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.4rem;
}

.Jiazhi .box .item{
border: 2px solid #fff;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1), -8px -8px 20px #fff;
}

	.listContent {
    overflow: hidden;
    text-align: center;
}
	.listContent .pic {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 20px;
}
	.listContent .title {
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    color: var(--t1);
    font-weight: 700;
    overflow: hidden;
    margin-bottom: 8px;
}
	.description {
    height: 96px;
    line-height: 24px;
    font-size: 16px;
    color: var(--t1);
    opacity: .8;
    overflow: hidden;
}
@media screen and (max-width: 1024px) {
	.Jiazhi .box {grid-template-columns: repeat(1, 1fr);gap: 0.2rem;}
}