html[xmlns] .clearfix-time{display:block}

th{font-style:normal;font-weight:400}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
ol,ul{padding-left:0;list-style:none}

.clearfix-time{display:block;zoom:1}
.clearfix-time:after{content:'\20';display:block;clear:both;visibility:hidden;line-height:0;height:0}

.f12{font-size:12px}
.f30{font-size:24px; color:#333333;padding-left:20px;}
.f24{font-size:24px}
.f14{font-size:16px; padding-left:20px;}

.about2{padding-bottom:80px}
.about2 .tit{text-align:center}
.about2 ul{background:url(../img/sy51.png) repeat-y left; width:80%; margin:40px auto;}




.about2 li:before{background:url(../img/sy50.png) no-repeat center center;left:-8px;top:12px;content:"";display:block;position:absolute;width:17px;height:17px}

.about2 li h4{position:relative;display:block;text-decoration:none;font-family:lato;color:#ecf0f1;text-transform:uppercase;transition:.5s; padding-left:20px;}
.about2 li h4::after{position:absolute;content:"";width:100%;height:1px;top:100%;left:0;background:#3498db;transition:transform .5s;transform:scaleX(0);transform-origin:right}



.about2 li h4{color:#333;transition:all 1s}
.about2 li p{color:#666;margin-top:10px;height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}



.about2 li{float:left;width:100%;text-align:left;position:relative; margin-bottom:50px;}


.span{display: inline-block;color: green;font-size: 20px;}






@media (max-width: 767px){

.f30{font-size:16px; color:#333333;}
.f14{font-size:12px; padding-left:20px; height:1.1; line-height:1.1;}

}