.renew{margin:40px 0 24px 0;font-size: 14px;letter-spacing: -0.03em}
.renew *{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.renew > li{height: 175px}
.renew .m_notice,.renew .m_icon{width: 320px;float: left;}
.renew .m_notice{border: 1px solid #ddd;margin-right: 14px;padding: 20px}
.renew .m_notice li{position: relative;line-height: 1.15;margin-top: 10px;padding-left: 0.5em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.renew .m_notice li:before{position: absolute;left: 0;top:8px;width: 2px;height: 2px;background: #000;content: '';}
.renew .m_icon > ul{margin-left: -10px;}
.renew .m_icon >ul> li{float: left; width: 100px;margin-left: 10px;height: 175px}
.renew .m_icon >ul> li > a{display: table;width: 100%;height: 100%;text-align: center;}
.renew .m_icon >ul> li > a > div{display: table-cell;vertical-align: middle}
.renew .m_icon img{display: block;margin:0 auto 10px auto;}

.m_notice h2{font-size:15px;margin-bottom: 18px;color:#000;position: relative;}
.m_notice h2 a{position: absolute;right: 0;top:50%;width: 11px;height: 11px;margin-top:-5px;background: url('/images/renew/more.gif') center center no-repeat;white-space: nowrap;overflow: hidden;text-indent: -999px}

.renew .m_banner{float: right;width: 432px}
.renew .m_banner img{display: block;}