.content>div{background: #f4f4f4;}
.news{margin-bottom: 60px;}
.news>h3{display: inline-block;font-size: 18px;border-radius:4px;padding: 0 20px;background: #afafaf;color: #fff;height: 60px;line-height: 60px; cursor:pointer;transition: 0.5s;}
.news>h3:hover{background: #e8548f;}
/*.news>h3:nth-of-type(1){background: #333;}*/
.news-tab{margin-top: 40px;}
.news-neirong{overflow: hidden;margin-top: 30px;transition: 0.5s;cursor: pointer;width: 1195px;}
.news-img{float: left;display: inline-block;width: 300px;height: 210px;overflow: hidden;}
.news-val{float: left;width: 800px;margin-left: 45px;padding-top: 30px;}
.news-val h4{font-size: 18px;color: #333;margin-bottom: 30px;display: inline-block;}
.news-val>span{float: right;font-size: 14px;color: #999;}
.news-val p{font-size: 16px;color: #666;margin-bottom: 40px;}

.more{}
.more>div{float: left;width:125px;height:34px;border-radius:28px;background: #afafaf;line-height: 34px;text-align: center;transition: 0.5s;}
.news-neirong:hover{background: #fff;box-shadow: -5px 5px 5px #b3b3b3;}
.news-neirong:hover .more>div{background: #e8548f;}
.more div span{color: #fff;}
.more div img{}