.wrapper{box-sizing:border-box;width:100%;margin:auto;max-width:1200px;}
html[xmlns] .clearfix-time{display:block;}
.about2{ margin-top:50px}
.about2 .tit{text-align: center;}
.about2  ul{background: url(../images/sy51.png) repeat-y center;}
.clearfix-time{display:block;zoom:1;}
ol,ul{padding-left:0; list-style:none;}
.about2 .tit h6{color: #666;}
.f12{font-size:12px;}
.about2 .tit h5{color: #333;margin: 15px 0 45px;}
.f24{font-size:24px;}
.about2 li:before{background: url(../images/sy50.png) no-repeat center center; left: -74px;top: 12px; content: "";display: block;position: absolute;width:30px;height: 30px;}
.about2 li h4:hover{
	color: #F8F8F8;
	transition: all 1s;
	transform: translateY(-15px);
}

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

.f30{font-size:36px; color:#004781}
.f14{font-size:16px;}
.about2 li:nth-child(2n):before{background: url(../images/sy50.png) no-repeat center center; right: -75px;top: 12px;left: auto; content: "";display: block;position: absolute;width: 30px;height: 30px;}
.about2 li h4{color: #004781; font-weight:700;transition: all 1s;}
.about2 li p{color: #2f2f2f;margin-top: 0px; height:80px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.future{text-align: center;color: #999;font-size: 14px;margin-top: 17px;}
.clearfix-time:after{content:'\20';display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.about2 li:nth-child(1){margin-top: 0;}
/* 表示1-3之间的间距 */
.about2 li{float: right;width: 45%;text-align: left;position: relative;margin-top: 150px;}
.about2 li:nth-child(2n) {float: left;text-align: right;margin-top: 150px;}


@media only screen and (max-width:1200px) {
	.about2 ul{ background:none;}
	.about2 li{ display:block; float:none; width:100%; margin-top:0; margin-bottom:20px;}
	.about2 li:nth-child(2n) {
		float: none;
		text-align: left;
		margin-top:0px;
	}
	.about2 li p{ height:auto;}
	.f30{ font-size:24px;}
	.future{ display:none}
}

@media only screen and (max-width:640px) {
	.f14{font-size:14px;}	
}