@charset "utf-8";
/* CSS Document */

@font-face{font-family:'helveticaneuethn';src:url('../fonts/helveticaneuethn.otf'),url('../fonts/HELVETICANEUETHN.TTF');font-weight:100;font-style:normal}
@font-face{font-family:'icomoon';src:url('../fonts/icomoon.eot?6jyupl');src:url('../fonts/icomoon.eot?6jyupl#iefix') format('embedded-opentype'),url('../fonts/icomoon.ttf?6jyupl') format('truetype'),url('../fonts/icomoon.woff?6jyupl') format('woff'),url('../fonts/icomoon.svg?6jyupl#icomoon') format('svg');font-weight:400;font-style:normal}

.news_list .item_block:not(:first-child) {border-top: 1px solid #e5e5e5;}
.news_list .item_block {position: relative;padding: 40px 0 36px 0;    overflow: hidden;}
.news_list .item_block .item_wrapper{transition: all .36s ease;}
.news_list .item_block .item_wrapper .item_info .title {color: #666;font-size: 18px;line-height: 30px;-webkit-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);transition: all .36s ease;}
.news_list .item_block .item_wrapper .item_info .title:before { display:none}
.news_list .item_block .item_wrapper .item_des .description {font-size: 13px;line-height: 26px;max-height: 125px;max-width: 500px;overflow: hidden;transition: all .36s ease;}
.news_list .item_block .item_wrapper .date_wrap {float: right;padding-right: 10px;}
.year {font-size: 22px;line-height: 30px;color: #999;font-family: helveticaneuethn,Arial;}
.news_list .item_block .details:after, .news_list .item_block .details:before {font-family: icomoon;speak: none;font-style: normal; font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;transition: all .36s ease;content: "\e90f";color: #999;position: absolute;top: 50%;font-size: 20px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.news_list .item_block .details {position: absolute;right: 26px;bottom: 44px;width: 40px;height: 16px;color: transparent;border-left: 1px solid #e5e5e5;overflow: hidden;transition: all .36s ease;}
.news_list .item_block .details:before {left: 15px;}
.news_list .item_block:hover {box-shadow: 0 10px 30px rgba(0,0,0,.08);}
.news_list .item_block:hover .item_wrapper .item_info .title{ color:#f6a702; -webkit-transform: translateX(17px);-ms-transform: translateX(17px);transform: translateX(17px);transition: all .36s ease;}
.news_list .item_block:hover .item_wrapper .item_des .description{-webkit-transform: translateX(17px);-ms-transform: translateX(17px);transform: translateX(17px);transition: all .36s ease;}
.news_list .item_block:hover .details{-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px);transition: all .36s ease;}
.news_list .item_block .infoimg img{transition: all .36s ease;}
.news_list .item_block:hover .infoimg img{-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px);transition: all .36s ease;}

.renew .item_block {position: relative;padding: 27px 0 24px;}
.renew .item_block:not(:last-child) {border-bottom: 1px solid #e5e5e5;}
.renew .item_block:hover {box-shadow: 0 0 60px -10px rgba(0,0,0,.1);}
.renew .item_block .item_wrapper .date_wrap {line-height: 30px;float:left;font-family: HELVETICANEUELTPRO-THEX,Arial;}
.renew .item_block .item_wrapper .item_info{float: left;}
.renew .item_block .item_wrapper .date_wrap .year{ font-size: 18px;}
.renew .item_block .item_wrapper .date_wrap .year:after{ content:''; display:inline-block; width:17px; height:1px; background:#999;vertical-align: middle;    margin-left: 10px;}
.renew .item_block .item_wrapper .item_info .title {font-size: 16px;line-height: 30px;color: #333;padding-left: 10px;max-width: 250px;
text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block; }
.renew .item_block .item_des {transition: all .36s ease;margin-top: 13px;font-size: 13px;line-height: 24px;height: 48px;width: 280px;
overflow: hidden;padding-left: 5px;}
.item_block .line{ position: absolute;bottom:0;height: 4px;width:0;transform: translatex(-50%);left: 50%; background:#f6a702;transition: all 0.36s ease 0s;}
.item_block:hover .line {width: 100%;}
.renew .item_block .item_wrapper{transition: all .36s ease;}
.renew .item_block:hover .item_wrapper{-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px);transition: all .36s ease;}
