@charset "UTF-8";

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

@font-face {
    font-family:HELVETICANEUELTPRO-THEX;src:url(../font/HELVETICANEUELTPRO-THEX.OTF);font-weight:400;font-style:normal
}

@font-face {
    font-family:HELVETICANEUETHN;src:url(../font/HELVETICANEUETHN.TTF);font-weight:400;font-style:normal
}

@font-face {
    font-family:helveticaneuethn;src:url(../font/helveticaneuethn.otf);font-weight:400;font-style:normal
}

@font-face {
    font-family:GOTHAMRND-LIGHT;src:url(../font/GOTHAMRND-LIGHT.OTF);font-weight:400;font-style:normal
}

@font-face {
    font-family:GOTHAMRND-BOOK;src:url(../font/GOTHAMRND-BOOK.OTF);font-weight:400;font-style:normal
}

@font-face {
    font-family:FontAwesome;src:url(../font/FontAwesome.otf);font-weight:400;font-style:normal
}

@font-face {
    font-family:GOTHAM-BLACK;src:url(../font/GOTHAM-BLACK.OTF);font-weight:400;font-style:normal
}

.fa {
    color: inherit;
    line-height: inherit
}
[class*=" icon-"],[class^=icon-] {
    font-family: icomoon!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block
}

 .in-news .content_wrapper {
    position: relative;
    height: 510px;
    margin-top:47px;
}

.content_wrapper::after {
    content: "";
    display: block;
    clear: both
}
 .in-news .content_list {
    float: right;
    width: 550px
}
 .in-news .content_list .item_block {
    position: relative;
    padding: 40px 20px 36px 38px
}
 .in-news .content_list .item_block:not(:first-child) {
    border-top: 1px solid #e5e5e5
}
 .in-news .content_list .item_block:not(:first-child):hover {
    box-shadow: 0 0 40px rgba(0,0,0,.08)
}
.in-news .content_list .item_block:not(:first-child):hover .item_wrapper .item_info .title {
    color: #0f9716;
    -webkit-transform: translateX(-17px);
    -ms-transform: translateX(-17px);
    transform: translateX(-17px)
}
 .in-news .content_list .item_block:not(:first-child):hover .item_wrapper .item_des {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px)
}
.in-news .content_list .item_block:not(:first-child):hover .details:before {
    left: 30px;
    opacity: 0
}
.in-news .content_list .item_block:not(:first-child):hover .details:after {
    left: 15px;
    opacity: 1
}
.in-news .content_list .item_block:not(:first-child) .item_wrapper .item_info {
    width: 380px
}
.in-news .content_list .item_block:not(:first-child) .item_wrapper .item_info .title {
    color: inherit;
    font-size: 15px;
    line-height: 30px;
    padding-left: 26px;
    -webkit-transform: translateX(-27px);
    -ms-transform: translateX(-27px);
    transform: translateX(-27px);
    transition: all .36s ease
}
 .in-news .content_list .item_block:not(:first-child) .item_wrapper .item_info .title:before {
    content: "\f111";
    font-family: FontAwesome;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    left: 0;
    -webkit-transform: scale(.4);
    -ms-transform: scale(.4);
    transform: scale(.4);
    line-height: inherit
}
 .in-news .content_list .item_block:not(:first-child) .item_wrapper .item_des {
    transition: all .36s ease
}
 .in-news .content_list .item_block:not(:first-child) .item_wrapper .date_wrap {
    float: right
}
 .in-news .content_list .item_block:not(:first-child) .item_wrapper .date_wrap .md {
    font-size: 22px
}
.in-news .content_list .item_block:not(:first-child) .item_img {
    display: none
}
.in-news .content_list .item_block:not(:first-child) .details {
    position: absolute;
    right: 26px;
    bottom: 44px;
    width: 40px;
    height: 16px;
    color: transparent;
    border-left: 1px solid #e5e5e5;
    overflow: hidden;
   
}
.in-news .content_list .item_block:not(:first-child) .details:before {
    left: 15px
}
.in-news .content_list .item_block:not(:first-child) .details:after {
    left: -30px;
    opacity: 0
}

.in-news .content_list .item_block:first-child {
    position: absolute;
    top: 0;
    left: 0;
    padding: 44px 60px;
    width: 520px;
    height: 510px;
    box-sizing: border-box;
    background: #f8f8f8;
    transition: background .36s ease
}
.in-news .content_list .item_block:first-child:hover .details {
    bottom: 54px;
    opacity: 1
}
.in-news .content_list .item_block:first-child:hover .details:after,
.in-news .content_list .item_block:first-child:hover .details:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.in-news .content_list .item_block:first-child:hover .item_wrapper .item_des .description {
    padding-left: 30px;
    border-color: #d3d3d3
}

.in-news .content_list .item_block:first-child:hover .item_img img {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08)
}

.in-news .content_list .item_block:first-child .item_img {
    position: absolute;
    bottom: 122px;
    overflow: hidden
}

.in-news .content_list .item_block:first-child .item_img img {
    transition: all .36s ease;
    width: 100%
}

.in-news .content_list .item_block:first-child .item_wrapper .item_info .title {
    color: #333;
    font-size: 18px;
    line-height: 30px;
    margin-top: 20px
}

.in-news .content_list .item_block:first-child .item_wrapper .item_des {
    margin-top: 18px;
    margin-bottom: 22px
}

.in-news .content_list .item_block:first-child .item_wrapper .item_des .description {
    transition: all .36s ease;
    padding-left: 0;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 26px;
    height: auto;
    max-height: 52px;
    border-left: 1px solid transparent;
    width: 380px;
    overflow: hidden
}

.in-news .content_list .item_block:first-child .details {
    position: absolute;
    bottom: 34px;
    width: 140px;
    height: 37px;
    color: transparent;
    opacity: 0;
    background: #0f9716;
    transition: all .36s ease
}

.in-news .content_list .item_block:first-child .details:after,
.in-news .content_list .item_block:first-child .details:before {
    content: '';
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    transition: all .36s ease
}

.in-news .content_list .item_block:first-child .details:before {
    width: 0;
    height: 15px;
    border-left: 1px solid #fff;
    top: 0
}

.in-news .content_list .item_block:first-child .details:after {
    width: 15px;
    height: 0;
    border-top: 1px solid #fff;
    left: 0
}

.in-news .content_list .item_block .item_wrapper {
    color: #999;
    transition: color .36s ease
}

.content_list .item_block .item_wrapper .item_info .title {
    color: inherit;
    font-size: 15px;
    line-height: 30px
}

.in-news .content_list .item_block .item_wrapper .item_des {
    margin-top: 11px
}

.in-news .content_list .item_block .item_wrapper .item_des .description {
    font-size: 13px;
    line-height: 26px;
    height: 52px;
    width: 380px;
    overflow: hidden
}
.in-news .content_list .item_block .item_wrapper .date_wrap {
    color: inherit;
    font-family: helveticaneuethn,Arial
}

.in-news .content_list .item_block .item_wrapper .date_wrap .year {
    display: none;
    font-family: inherit
}
.in-news .content_list .item_block .item_wrapper .date_wrap .md {
    color: inherit;
    font-size: 24px;
    line-height: 30px;
    font-family: inherit
}
.in-news .content_list .item_tags {
    display: none
}
.in-news .content_list .item_block:first-child:hover .details:after {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin-left: -8px;
    margin-top: -1px
}
.in-news .content_list .item_block:first-child:hover .details:before {
    margin-top: -8px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin-left: -1px
}

.in-news .content_list .item_block:not(:first-child) .details:after, 
.in-news .content_list .item_block:not(:first-child) .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%);
}



.sub-wrapper .content_list .item_block {
    transition: all .36s ease;
    position: relative;
    padding: 30px 0;
    border-bottom: 1px solid #e5e5e5;
    height: 142px;
    overflow: hidden
}

.sub-wrapper .content_list .item_block::after {
    content: "";
    display: block;
    clear: both
}

.sub-wrapper .content_list .item_block:hover {
    padding-left: 10px;
    box-shadow: 0 0 40px rgba(0,0,0,.08)
}

.sub-wrapper .content_list .item_block:hover .item_wrapper {
    margin-right: -10px
}

.sub-wrapper .content_list .item_block:hover .item_wrapper .item_info .title {
    color: #0f9716
}

.sub-wrapper .content_list .item_block:hover .details:before {
    left: 40px;
    opacity: 0
}

.sub-wrapper .content_list .item_block:hover .details:after {
    left: 15px;
    opacity: 1
}

.sub-wrapper .content_list .item_block:last-child {
    border-bottom-width: 0
}

.sub-wrapper .content_list .item_block .item_img {
    float: left;
    width: 340px
}

.sub-wrapper .content_list .item_block .item_img img {
    max-width: 100%
}

.sub-wrapper .content_list .item_block .item_wrapper {
    transition: all .36s ease;
    float: right;
    width: 715px
}

.sub-wrapper .content_list .item_block .item_wrapper .date_wrap {
    position: absolute;
    top: 76px;
    right: 27px;
    font-family: helveticaneuethn,Arial
}

.sub-wrapper .content_list .item_block .item_wrapper .date_wrap .year {
    font-family: inherit;
    display: none
}

.sub-wrapper .content_list .item_block .item_wrapper .date_wrap .md {
    font-family: inherit;
    font-size: 22px;
    line-height: 30px
}

.sub-wrapper .content_list .item_block .item_wrapper .item_info {
    width: 600px;
    padding-top: 23px
}

.sub-wrapper .content_list .item_block .item_wrapper .item_info .title {
    font-size: 16px;
    line-height: 30px;
    color: #303030
}

.sub-wrapper .content_list .item_block .description {
    width: 600px;
    padding-top: 11px;
    font-size: 13px;
    line-height: 26px;
    height: 52px;
    overflow: hidden;
    color: #888
}

.sub-wrapper .content_list .item_block .details {
    position: absolute;
    width: 56px;
    top: 135px;
    right: 27px;
    height: 26px;
    border-left: 1px solid #e5e5e5;
    color: transparent
}

.sub-wrapper .content_list .item_block .details:after,.sub-wrapper .content_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";
    position: absolute;
    top: 50%;
    color: #999;
    font-size: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sub-wrapper .content_list .item_block .details:before {
    left: 15px
}

.sub-wrapper .content_list .item_block .details:after {
    left: -30px;
    opacity: 0
}

.sub-wrapper .content_list .item_block .details i {
    display: none
}