.wrapper{box-sizing:border-box;width:90%;margin:auto;max-width:1200px}
html[xmlns] .clearfix-time{display:block}


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:30px}
.f24{font-size:24px}
.f14{font-size:14px}

.about_time{padding-bottom:0px}
.about_time .tit{text-align:center}
.about_time ul{background:url(sy51.png) repeat-y center}

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

.about_time li:before{background:url(sy50.png) no-repeat center center;left:-68px;top:12px;content:"";display:block;position:absolute;width:17px;height:17px}
.about_time li h4:hover{color:#f8f8f8;transition:all 1s;transform:translateY(-15px)}
.about_time li h4{position:relative;display:block;text-decoration:none;font-family:lato;color:#ecf0f1;text-transform:uppercase;padding:4px 0;transition:.5s}
.about_time 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}
.about_time li h4:hover{color:#95a5a6}
.about_time li h4:hover::after{transform:scaleX(1);transform-origin:left}
.about_time li:nth-child(2n):before{background:url(sy50.png) no-repeat center center;right:-69px;top:12px;left:auto;content:"";display:block;position:absolute;width:17px;height:17px}
.about_time li h4{color:#333;transition:all 1s}
.about_time li h5{color:#666;margin-top:10px;min-height:60px;font-size:14px}
.about_time li h5 p{font-size:14px;}

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


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