.content{
    width: 74%;
    min-width: 1300px;
    margin: auto;
}
@media screen and (max-width:1400px) {
    .content{
      width: 94%;
      min-width: auto;
    }
  
}


.show_pro{
    display: flex;
    justify-content: space-between;
}
.show_pro img{
    width: 32.1%;
    object-fit: cover;
}
.show_pro .d_text{
    width: 60%;
    position: relative;
}
.show_pro .d_text h2{
    color: rgb(45, 141, 41);
    font-size: 20px;
    padding-bottom: 3%;
    border-bottom: 1px solid rgb(226, 237, 226);
}
.show_pro .d_text h2+div{
    border-bottom: 1px solid rgb(226, 237, 226);

}

.show_pro .d_text div{
    padding: 3% 0;

}
.show_pro .d_text h4{
    color: rgb(51, 51, 51);
    font-size: 18px;
}
.show_pro .d_text p{
    color: rgb(114, 128, 137);
    font-size: 16px;
    margin-top: 1.2%;
    line-height: 1.7e,;
}

.show_pro .d_text a{
    border: none;
    background: none;
    cursor: pointer;
    border-radius: 31.5px;

background: rgb(45, 141, 41);
color: white;
font-size: 16px;
padding: 1% 4%;
position: absolute;
bottom: 0;

}
.d_word{
    display: flex;
    margin-top: 5.83%;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 9%;
}
.d_word>div:first-child{
width: 74%;
}
.d_word>div:last-child{
width: 22%;
    
}
.d_word img{
   max-width: 100%;
   
}
.d_word .tips{
    font-size: 16px;
    color: rgb(51, 51, 51);
    border-bottom: 1px solid rgb(226, 237, 226);
    margin-bottom: 1vw;
    padding-bottom: 1vw;

}
.d_word li{
    text-align: center;
    box-shadow: 0px 4px 4px 0px rgb(247, 252, 247);
background: rgb(255, 255, 255);
margin-bottom: 1.6vw;
padding-bottom: 5%;

}
.d_word li .img_100{
    aspect-ratio: 1/1;
    width: 100%;
    overflow: hidden;
}
.d_word li  img{
    transition: all 0.5s;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.d_word li:hover img{
    scale: 1.1;
}
.d_word li:hover  h2{
    color: rgb(45, 141, 41);
    transition: all 0.5s;
}
.d_word h2{
    font-size: 20px;
    margin: 4% 0;    
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}
.d_word .s_content{
    font-size: 16px;
}
.d_word a{
    text-decoration: none;
    color: rgb(45, 141, 41);
    font-size: .9vw;
    

}
@media screen and (max-width:850px){
    .show_pro{
        flex-direction: column;
        gap: 20px;
    }
    .show_pro .d_text,
    .show_pro img{
        width: 100%;
    }
    .show_pro .d_text a{
        position: relative;
        padding:8px 10px;
        font-size: 14px;
    }
    .d_word{
        display:grid;
    }
    .show_pro .d_text p{
        font-size: 14px;
    }
    .show_pro .d_text h4,
     .d_word .s_content,
       .d_word>div:last-child a{
         font-size: 14px;
     }
   
   .show_pro .d_text h2,
     .d_word h2,
       .d_word>div:last-child h2{
        font-size: 16px;
    }
    .d_word>div:first-child{
        width: 100%;
    }
    .d_word>div:last-child{
           width: 100%;
    }
     .d_word>div:last-child ul{
         gap: 10px;
         display:grid;
         grid-template-columns: repeat(2,1fr);
     }
}
