.content1350{ max-width: 1100px; width: 100%; position: relative; margin: auto;}
.services-body .newBox { float:left; }
.services-body .newBox .list{ overflow: hidden; }
.services-body .newBox .list li{ width: 330px; float: left; height: 280px; margin:5px 18px; position: relative;transition:all .5s;-webkit-transition:all .5s; border-bottom:1px solid #ccc;}
.services-body .newBox .list li:hover{ background: #000;}
.services-body .newBox .list li:hover .bg{ display: block\9; opacity: .6;}
.services-body .newBox .list li:hover *{ color: #fff;}
.services-body .newBox .list li:hover .border{ background: #fff;}
.services-body .newBox .list li:hover .time{ padding-top: 30%; }
.services-body .newBox .list li:hover .more{ margin-bottom: 0; opacity: 1; display: block\9; }
.services-body .newBox .list li .bg{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; display: none\9; transition: .5s; -webkit-transition: .5s;background-size: auto 100%;background-position: center;}
.services-body .newBox .list li a{ position: relative; height: 100%; display: block; z-index: 2; color: #b2b2b2; padding: 0 10%; transition: .5s; -webkit-transition: .5s;}
.services-body .newBox .list .time{transition: .5s; -webkit-transition: .5s; font-size: 16px; font-family: arial;padding-top: 20%; margin-bottom: 2%;}
.services-body .newBox .list .time span{ padding-right: 10px; margin-right: 10px; font-size: 18px;  display: inline-block; height: 30px; line-height: 30px;}
.services-body .newBox .list .tit{transition: .5s; -webkit-transition: .5s; font-size: 16px; line-height: 30px; margin-bottom:10px; color: #333333;}
.services-body .newBox .list .border{transition: .5s; -webkit-transition: .5s; width: 40px; height: 2px; background: #ff0000; margin-bottom:5px;}
.services-body .newBox .list .text{transition: .5s; -webkit-transition: .5s; line-height: 24px; color: #666666; text-align:left;}