@charset "utf-8";
.clearfix:after { clear: both; display: block; content: '' }
.ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block }
body { overflow-x: hidden }
.ff_indexPage { background-size: cover; background-repeat: no-repeat; background-attachment: fixed }
.module .module_container { max-width: 1170px; padding-left: 5px; padding-right: 5px; padding-bottom: 80px; margin: 0 auto }
#indexPage .news.mlist .content_wrapper.slider .owl-loaded .owl-item .item_block { height: 100% }
#indexPage .news.module .module_container { width: 100%; padding: 0; max-width: 96.86% }
#indexPage .news .content_list .owl-item { width: 368px; height: 266px; float: left; text-align: center; margin-bottom: 267px; position: relative; box-sizing: border-box }
#indexPage .news .item_block .item_img { display: none }
#indexPage .news .item_block .item_info .title { font-size: 18px; color: #262626; padding: 94px 40px 0; position: relative; transition: all .3s ease-out 0s }
#indexPage .news .item_block .item_info .date_wrap { color: transparent; font-size: 14px; padding: 0 40px; height: 20px; line-height: 20px; transition: all .3s ease-out 0s; margin-top: 4px }
#indexPage .news .item_block .item_info .description { color: #7b7b7b; font-size: 15px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 52px; padding: 0 40px; transition: all .3s ease-out 0s; margin-top: 10px }
#indexPage .news .content_list { padding-top: 70px; position: relative; z-index: 6; padding-bottom: 90px }
#indexPage .news .content_list .owl-item .item_block:before { content: ''; border-left: 1px dotted #b3b3b3; height: 28px; position: absolute; top: 12px; left: 50%; transition: all .3s ease-out 0s }
#indexPage .news .owl-item:nth-child(2n+1) { margin-top: 265px; margin-bottom: 0 }
#indexPage .news .owl-item:nth-child(2n) .item_block:before { bottom: 12px; top: auto }
#indexPage .news .item_info .nums { position: absolute; font-family: HELVETICANEUELTPRO-THEX; top:45px; width: 60px; left: 50%; margin-left: -30px; font-size: 36px; color: #000; opacity: 1; transition: all cubic-bezier(.02, .45, .26, 1.01) .3s }
#indexPage .news .container_header .title { font-size: 36px; color: #2d2d2d }
#indexPage .news .container_header .subtitle { font-size: 14px; color: #2d2d2d; margin-top: 6px }
#indexPage .news .container_header { width: 400px; float: left; margin-top: 98px; margin-left: 32px }
.news .container_category { width: calc(100% - 640px) }
#indexPage .news .owl-dots, #indexPage .news .owl-nav { display: none }
#indexPage .news { position: relative; background-position: initial; background-size: cover; background-repeat: no-repeat; background-image: url(../images/1499308400679.jpg) }
#indexPage .news:after { content: ''; position: absolute; top: 52.1%; margin-top: 48px; width: 100%; height: 1px; background: #dedede }
#indexPage .news .content_list .owl-item .item_link::after { content: ''; position: absolute; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); transition: all .3s ease-out 0s; border: 1px solid transparent }
#indexPage .news .content_list .owl-item:hover .item_link:after { border-color: #bebebe; border-bottom-color: #dedede }
#indexPage .news .content_list .owl-item:hover { background-color: #fff; transition: all .3s ease-out 0s }
#indexPage .news .content_list .owl-item:hover .item_info .title:before { display: none }
#indexPage .news .content_list .owl-item:hover .date_wrap { color: #7d7d7d; margin-top: -2px }
#indexPage .news .content_list .owl-item:hover .item_info .title { font-size: 20px; color: #ae3045; padding-top: 62px; padding-bottom: 6px }
#indexPage .news .content_list .owl-item:hover .item_info .description { font-size: 15px; color: #000 }
#indexPage .news .content_list .owl-item .item_block .o_ico { position: absolute; width: 6px; height: 6px; top: 0; left: 50%; border-radius: 100%; margin-left: -3px; margin-top: -3px; transition: all .3s ease-out 0s }
#indexPage .news .owl-item:nth-child(2n) .item_block .o_ico { bottom: 0; top: auto; margin-bottom: -3px }
#indexPage .news .content_list .owl-item .item_block .o_ico:after { content: ''; position: absolute; transition: all cubic-bezier(.02, .45, .26, 1.01) .3s; z-index: 4; top: -5px; left: -5px; width: 14px; height: 14px; border-radius: 50%; background: #fff; border: 1px solid #fff }
#indexPage .news .content_list .owl-item .item_block .o_ico::before { content: ''; width: 6px; height: 6px; position: absolute; z-index: 6; top: 0; left: 0; border-radius: 50%; background: #6d6d6d }
#indexPage .news .content_list .owl-item:hover .item_block .o_ico:after { top: -9px; left: -9px; width: 22px; height: 22px; border-color: #ae3045; background: #fff }
#indexPage .news .content_list .owl-item:hover .item_block:before { top: 20px }
#indexPage .news .owl-item:hover:nth-child(2n) .item_block:before { bottom: 20px; top: auto }
#indexPage .news .content_list .owl-item:hover .nums { opacity: 0; margin-top: 15px; font-size: 16px }
.agent-pc #indexPage .news .item_block .details { color: transparent; position: relative; width: 120px; height: 30px; display: block; margin: 0 auto; opacity: 0; background: #ae3045; filter: alpha(opacity=0); transition: all .3s ease-out 0s; margin-top: 28px; overflow: hidden }
#indexPage .news .content_list .owl-item:hover .details { opacity: 1 }
#indexPage .news .item_block .details i:after { content: ''; width: 1px; height: 15px; background: #fff; position: absolute; top: 50%; left: 50%; margin-top: -8px; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s }
#indexPage .news .details i { width: 100%; height: 100%; position: absolute; top: 0; left: 0 }
#indexPage .news .item_block .details i:before { content: ''; width: 15px; height: 1px; background: #fff; position: absolute; top: 50%; left: 50%; margin-left: -7px; margin-top: -1px; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s }
#indexPage .news .container_content { position: relative }
#indexPage .news .container_content .more { position: absolute; top: 103px; right: 30px; width: 100px; height: 26px; border: 1px solid #ae3045; text-indent: 0; overflow: hidden; z-index: 9 }
#indexPage .news .item_tags { display: none }
#indexPage .news .owl-item:nth-child(2n) .item_info .nums { top: 20px }
#indexPage .news .owl-item:nth-child(2n) .item_info .title { padding-top: 70px }
#indexPage .news .content_list .owl-item:nth-child(2n):hover .item_info .title { padding-top: 48px }
#indexPage .news .owl-item .line { width: 0; height: 1px; background: #a4a4a4; display: inline-block; position: relative; bottom: 1px; left: 0; transition: all .36s cubic-bezier(.215, .61, .355, 1) 0s }
#indexPage .news .owl-item:nth-child(2n) .line { top: -266px; margin: 0 }
#indexPage .news .owl-item:hover .line { width: 100% }
#indexPage .news .content_list .owl-item:hover .item_block:before { height: 18px }
.mlist.news .content_list .item_block .item_wrapper { height: 100% }
#indexPage .news .item_block .details { color: transparent; position: relative; width: 120px; height: 30px; display: block; margin: 0 auto; opacity: 0; background: #ae3045; filter: alpha(opacity=0); transition: all .3s ease-out 0s; margin-top: 28px; overflow: hidden }
.news .container_category { width: calc(100% - 640px) }
.container_category { width: calc(100% - 460px); float: right; margin-right: 158px; text-align: right;  position: relative; z-index: 8 }
.container_category a, .npagePage.post .project .item_tags a { width: auto; height: 30px; line-height: 30px; display: inline-block; text-align: center; color: #acacac; font-size: 14px; transition: all .3s ease-out 0s; padding: 0 16px; position: relative; margin-left: 0; margin-right: 5px; background-color: #ECECEC }
.container_category a.active, .container_category a:hover { color: #fff; background: #ae3045 }