.tre_kind ul li{width:100%}
.tre_kind ul li img{width:30%;border-radius:0;}
.tre_kind ul li div{width:65%;}

.why{background:url('../page39/images/why_bg.jpg')no-repeat;background-size:cover;display:flex;justify-content:space-between;}
.why img{width:40%}
.why div{width:60%;padding:150px;}
.why h2{color:#fff;line-height:1.4;}
.why p{margin-top:25px;color:#fff;}

.tre_way{}
.tre_way span{display:block}
.tre_way ul{display:flex;justify-content:space-between;margin-top:40px;}
.tre_way ul li{width:23%;background:#fff;border: 1px solid #cfd8e5;border-radius:20px;padding:40px;}
.tre_way ul li img{width:70%;margin:0 auto;display:block;margin-top:15px;border-radius:100px;}
.tre_way ul li h2 {text-align:center;}
.tre_way ul li h2 b{display:block;}

@media screen and (max-width:768px){
  .tre_kind ul{margin-top:20px}
  .tre_kind ul li img{width:100%}
  .tre_kind ul li div{width:100%;padding:20px;}
  .tre_kind ul li div p{word-break:keep-all}
  .tre_kind ul li div p br{display:none;}
  
  .why{flex-wrap:wrap;}
  .why img{width:100%}
  .why div{width:100%;padding:35px;}
  .why div p{word-break:keep-all;margin-top:15px;}
  
  .tre_way ul{flex-wrap:wrap;margin-top:25px;gap:15px 0}
  .tre_way ul li{width:100%}
}