.service{width:100%;height:116px;background:#F8F8F9;padding:26px 0 0 0;}
.service .s_wrap{position: relative;width:420px;margin:0 auto;}
.service .s_wrap li{float:left;width:140px;cursor: pointer;color:#1D1D1F;}
.service .s_wrap li *{display:block;text-align: center;margin:0 auto;font-size:14px;}
.service .s_wrap li:last-child{margin-right:0;}
.service .s_wrap li i{width:40px;height:40px;}
.service .s_wrap li:nth-child(1) i{background:url('../images/200115_big_event.png') no-repeat center;}
.service .s_wrap li:nth-child(2) i{background:url('../images/200115_case.png') no-repeat center;}
.service .s_wrap li:nth-child(3) i{background:url('../images/200115_course.png') no-repeat center;}
.service .s_wrap li:hover span{color:#b83295;}
.service .s_wrap b{transition: all 0.2s;-webkit-transition: all 0.2s;position: absolute;width:22px;height:3px;background:#B83295;bottom:-10px;left:59px;}

.news_wrap{width:1200px;margin:0 auto;padding:30px 0 0 0;}
.news_wrap .news_list{width:100%;display:none;}
.news_load{width:100%;padding:50px 0 80px 0;display:none;}
.news_load *{display:block;margin:0 auto;color:#606066;font-size:16px;text-align: center;}
.news_load span{width:30px;height:30px;background:url('../images/200115_loading.png') no-repeat center;margin-bottom:15px;animation: loading 1s linear infinite;-webkit-animation: loading 1s linear infinite;}


.news_list ul li{float:left;width:370px;margin-right:45px;margin-bottom:38px;cursor: pointer;height: 403px;}
.news_list ul li:nth-child(3n+3){margin-right:0;}
.news_list ul li .oimg{width:100%;height:200px;overflow: hidden;border-radius: 6px;background:#ccc;}
.news_list ul li .oimg img{display:block;width:100%;height:100%;}
.news_list ul li h4{font-size:18px;color:#1D1D1F;width:100%;height:18px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:20px 0 10px 0;}
.news_list ul li p{font-size:16px;color:#606066;line-height:27px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;}
.news_list ul li .otime{font-size:14px;color:#B3B3B3;padding:10px 0 0 0;}


@keyframes loading{
    from{transform: rotate(0deg);}
    to{transform: rotate(360deg);}
}

@-webkit-keyframes loading{
    from{-webkit-transform: rotate(0deg);}
    to{-webkit-transform: rotate(360deg);}
}