#articleStyle27 img {
    width: 100%
}

#articleStyle27 .classPictype {
    float: left;
    width: 300px;
    position: relative
}

#articleStyle27 .classtxttype .smalldes {
}

#articleStyle27 .classtxttype .smalldes span {
    font-size: 1rem
}

#articleStyle27 .classtxttype .smalldes h3 {
    line-height: 120%;
    margin: 0 0 30px;
    font-size: 25px;
    color: #5d8f5e;
    text-align: center;
}

#articleStyle27 .classtxttype .smalldes p {
    font-size: 0.95rem;
    line-height: 180%
}

#articleStyle27 .classtxttype .form-box {width: 30%;}

#articleStyle27 .classtxttype .info {
    width: 65%;
}
#articleStyle27 .classtxttype {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#articleStyle27 .classtxttype .info h3 {
    margin-bottom: 10px;
    height: auto;
    -webkit-line-clamp: 1;
    font-size: 45px;
    color: #1e1e1e;
    font-weight: 300
}

#articleStyle27 .classtxttype .info p {
    color: #393939;
    overflow: hidden;
    font-weight: 300;
    line-height: 190%;
    font-size: 16px;
    text-align: justify;
    letter-spacing: .5px
}

#articleStyle27 .classtxttype .form-box ul {
}

#articleStyle27 .classtxttype .form-box ul li {
    overflow: hidden;
    padding: 15px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd;
}


#articleStyle27 .classtxttype .form-box ul li h4 {
    font-size: 16px;
    font-weight: 700;
    width: 85px;
    color: #202020;
}

#articleStyle27 .classtxttype .form-box ul li h4 b {
    display: inline-block;
    width: 7px;
    height: 7px;
    background: #69a77f;
    border-radius: 50%;
    margin-right: 5px
}

#articleStyle27 .classtxttype .form-box ul li p {
    width: calc(100% - 90px);
    color: #787777;
    font-size: 16px;
    font-weight: 600;
}

#articleStyle27 .classtxttype .form-box ul li span {
    vertical-align: baseline;
    font-size: 0.8rem;
    margin-right: 5px
}

#articleStyle27 .classtxttype .form-box >p {
    font-size: 0.9rem
}

@media screen and (max-width: 1024px) {
    #articleStyle27 .classtxttype .form-box{width:100%;margin-bottom: 20px;}
    #articleStyle27 .classtxttype .info{width:100%;}
}

@media screen and (max-width: 640px) {
    #articleStyle27 .classtxttype .form-box ul li, #articleStyle27 .classtxttype .form-box ul li:nth-child(3), #articleStyle27 .classtxttype .form-box ul li:nth-child(4), #articleStyle27 .classtxttype .form-box ul li:nth-child(7), #articleStyle27 .classtxttype .form-box ul li:nth-child(8), #articleStyle27 .classtxttype .form-box ul li:nth-child(11), #articleStyle27 .classtxttype .form-box ul li:nth-child(12), #articleStyle27 .classtxttype .form-box ul li:nth-child(15), #articleStyle27 .classtxttype .form-box ul li:nth-child(16){width: calc(100% - 50px);background: #f4f4f4;padding: 20px 25px;}
    #articleStyle27 .classtxttype .form-box ul li:nth-child(even){background:#fff;}