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

.f12{font-size:12px}
.f30{font-size:30px}
.f24{font-size:24px}
.f14{font-size:16px}

.about2{padding-bottom:80px}
.about2 .tit{text-align:center}
.about2 ul{background:url(../img/sy51.png) repeat-y center}

.about2 .tit h6{color:#666}
.about2 .tit h5{color:#333;margin:15px 0 45px}

.about2 li:before{background:url(../img/sy50.png) no-repeat center center;left:-32px;top:12px;content:"";display:block;position:absolute;width:17px;height:17px}
.about2 li h4:hover{color:#f8f8f8;transition:all 1s;transform:translateY(-15px)}
.about2 li h4{position:relative;display:block;text-decoration:none; margin-top:-5px;font-family:lato;color:#ecf0f1;text-transform:uppercase;padding:4px 0;transition:.5s}
.about2 li h4::after{position:absolute;content:"";width:100%;height:1px;top:100%;left:0;background:#308e6c;transition:transform .5s;transform:scaleX(0);transform-origin:right}
.about2 li h4:hover{color:#b9d32d}
.about2 li h4:hover::after{transform:scaleX(1);transform-origin:left}
.about2 li:nth-child(2n):before{background:url(../img/sy50.png) no-repeat center center;right:-32px;top:12px;left:auto;content:"";display:block;position:absolute;width:17px;height:17px}
.about2 li h4{color:#006842;transition:all 1s}
.about2 li:p(1){text-align: left;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:p(2){text-align: right;color:#666;margin-top:10px;height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}

.future{text-align:center;color:#999;font-size:12px;margin-top:17px}
.about2 li:nth-child(1){margin-top:0}
.about2 li{float:right;width:48%;text-align:left;position:relative;margin-top:120px}
.about2 li:nth-child(2n){float:left;    margin-top: 120px;text-align:right;margin-top:120px}

.span{display: inline-block;color: green;font-size: 20px;}
@media (max-width:414px){
	.about2 ul{
		background: none;
	}
    .about2 li{
    	width: 100%;
    	float: none;
    	margin-top: 20px;
    }
    .about2 li:nth-child(2n){
    	float: none;
    	text-align: left;
    	margin-top: 20px;
    }

}