.page {
    margin-top: 30px;
}

.title2 span {
    float: right;
    color: #125343;
    transition: 0.3s;
}

.title2 {
    height: 60px;
    line-height: 60px;
    background: #f8f7f7;
    padding: 0 25px;
    font-size: 20px;
    color: #555555;
    transition: 0.3s;
}

.m {
    overflow: hidden;
}

.row2 {
    margin-bottom: 30px;
    display: block;
}

/*.row2:hover .title2{
    background: #125343;
    color: #fff;
}*/
/*.row2:hover .title2 span{
    color: #fff;
    transform: rotate(180deg);
    display: inline-block   ;
}*/
.detail {
    padding: 0 25px;
    background: #f8f7f7;
    overflow: hidden;
    display: none;
}

.detail p {
    text-indent: 2em;
    font-size: 14px;
    color: #555555;
    line-height: 2em;
    margin: 25px 0;
}


@media (max-width: 767px) {
    .title2 {
        height: 45px;
        line-height: 45px;
        padding: 0 10px;
        font-size: 14px;
    }

    .row2 {
        margin-bottom: 15px;
    }

    .page {
        margin-top: 10px;
    }

}

.m .active .title2 {
    background: #125343;
    color: #fff;
}

.m .active .title2 span {
    color: #fff;
    transform: rotate(180deg);
    display: inline-block;
}

.m .detail ul li {
    font-size: 14px !important;
    list-style-type: circle;
    text-indent: 28px;
    line-height: 28px;
}

.m .detail ul li span{
    font-size: 14px !important;
}
.m .detail p, .m .detail span, .m .detail div {
    font-size: 14px;
}