.container_category>a,

.ff_indexPage .mlist .content_wrapper .more,

.ff_indexPage .news.ff_noSlider .content_list .item_block .item_box .item_wrapper,

.ff_indexPage .news.ff_slider .content_list .item_block .item_box .item_wrapper,

.ff_pageList .news .content_list .item_block .item_box .item_wrapper,

.ff_topSlider .owl-nav .owl-next,

.ff_topSlider .owl-nav .owl-next:hover .iconfont,

.ff_topSlider .owl-nav .owl-prev,

.ff_topSlider .owl-nav .owl-prev:hover .iconfont,

.imagelink .content_list .item_block .item_box,

.imagelink .owl-nav .owl-next,

.imagelink .owl-nav .owl-next:hover .iconfont,

.imagelink .owl-nav .owl-prev,

.imagelink .owl-nav .owl-prev:hover .iconfont,

.item_tags>a,

.mlist .owl-nav .owl-next,

.mlist .owl-nav .owl-next:hover .iconfont,

.mlist .owl-nav .owl-prev,

.mlist .owl-nav .owl-prev:hover .iconfont,

.postSlider .owl-nav .owl-next,

.postSlider .owl-nav .owl-next:hover .iconfont,

.postSlider .owl-nav .owl-prev,

.postSlider .owl-nav .owl-prev:hover .iconfont,

.postSlider .tab_button .item_img img,

.project.mlist .content_list .item_block .item_box .item_wrapper,

.project.mlistpost .content_list .item_block .item_box .item_wrapper,

.project.mlistpost .tabBtn .post-next .img-wrap,

.project.mlistpost .tabBtn .post-next .infor-wrap,

.project.mlistpost .tabBtn .post-prev .img-wrap,

.project.mlistpost .tabBtn .post-prev .infor-wrap,

.service .content_list .item_block .item_box .item_wrapper,

.team .content_list .item_block .item_box .item_wrapper,

.team.mlistpost .tabBtn .post-next .img-wrap,

.team.mlistpost .tabBtn .post-next .infor-wrap,

.team.mlistpost .tabBtn .post-prev .img-wrap,

.team.mlistpost .tabBtn .post-prev .infor-wrap,

.videom .content_list .item_block .item_box .item_wrapper {

    transition: all .36s ease

}



.container_category>a,

.item_tags>a {

    border: 1px solid rgba(170, 170, 170, .2);

    color: #828282;

    background-color: transparent

}



.container_category>a.active,

.container_category>a:hover,

.item_tags>a.active,

.item_tags>a:hover {

    border-color: #292929;

    background-color: #292929;

    color: #fff

}



#search-list .searchFormGroup input {

    border: 2px solid #292929;

    background: #fff

}



#search-list .searchFormGroup input::-webkit-input-placeholder {

    color: #959595

}



#search-list .searchFormGroup input:-moz-placeholder {

    color: #959595

}



#search-list .searchFormGroup input::-moz-placeholder {

    color: #959595

}



#search-list .searchFormGroup input:-ms-input-placeholder {

    color: #959595

}



#search-list .searchFormGroup .searchSub {

    color: #fff;

    background: #292929

}



#search-list .searchFormGroup .searchSub .fa {

    display: none

}



#search-list .searchGroup,

.searchPage .searchGroup {

    display: inline-block;

    height: 100%

}



#search-list .searchGroup .search_wrap,

.searchPage .searchGroup .search_wrap {

    position: relative;

    top: 50%;

    -webkit-transform: translate3d(0, -50%, 0);

    transform: translate3d(0, -50%, 0)

}



#search-list .searchGroup .search_wrap::after,

.searchPage .searchGroup .search_wrap::after {

    content: "";

    display: block;

    clear: both

}



#search-list .searchGroup .searchOnOff,

.searchPage .searchGroup .searchOnOff {

    cursor: pointer;

    display: none;

    float: left;

    line-height: 40px;

    margin-right: 20px

}



#search-list .searchGroup .searchBox,

.searchPage .searchGroup .searchBox {

    float: left

}



#search-list .searchGroup .searchClose,

.searchPage .searchGroup .searchClose {

    display: inline-block;

    display: none

}



#search-list .searchGroup .searchFormGroup,

.searchPage .searchGroup .searchFormGroup {

    height: 40px

}



#search-list .searchGroup .searchFormGroup::after,

.searchPage .searchGroup .searchFormGroup::after {

    content: "";

    display: block;

    clear: both

}



#search-list .searchGroup .searchFormGroup input,

.searchPage .searchGroup .searchFormGroup input {

    float: left;

    width: 268px;

    height: 100%;

    box-sizing: border-box;

    text-indent: 15px

}



#search-list .searchGroup .searchFormGroup .searchSub,

.searchPage .searchGroup .searchFormGroup .searchSub {

    float: left;

    cursor: pointer;

    padding: 0 12px;

    height: 100%;

    line-height: 40px;

    text-align: center

}



.searchPage #search-header {

    display: none

}



.searchPage #navWrapper .content {

    position: relative

}



.searchPage #search-nav.searchGroup {

    visibility: visible;

    opacity: 1

}



.searchPage #search-nav {

    display: block;

    position: absolute;

    left: auto;

    right: 0;

    height: 80px;

    transition: opacity .36s ease, height .36s ease

}



.searchPage #search-nav .searchBox {

    position: absolute;

    top: 100%;

    background: #f0f8ff;

    right: 0;

    height: 0;

    overflow: hidden;

    transition: height .36s ease

}



.searchPage #search-nav.search-open .searchBox {

    height: 40px

}



.searchPage #search-nav .searchOnOff {

    display: block;

    font-size: 17px;

    position: relative;

    top: 50%;

    -webkit-transform: translate3d(0, -50%, 0);

    transform: translate3d(0, -50%, 0)

}



.searchPage #search-nav .searchSub {

    display: none

}



.searchPage #search-nav.navHide .searchBox {

    display: none

}



.searchPage #search-nav .search_wrap {

    height: 100%

}



.ff_topSlider .owl-nav .owl-next,

.ff_topSlider .owl-nav .owl-prev,

.imagelink .owl-nav .owl-next,

.imagelink .owl-nav .owl-prev,

.mlist .owl-nav .owl-next,

.mlist .owl-nav .owl-prev,

.postSlider .owl-nav .owl-next,

.postSlider .owl-nav .owl-prev {

    position: relative;

    background: rgba(0, 0, 0, .2);

    margin: 0;

    padding: 0;

    border-radius: 0;

    cursor: pointer

}



.ff_topSlider .owl-nav .owl-next .iconfont,

.ff_topSlider .owl-nav .owl-prev .iconfont,

.imagelink .owl-nav .owl-next .iconfont,

.imagelink .owl-nav .owl-prev .iconfont,

.mlist .owl-nav .owl-next .iconfont,

.mlist .owl-nav .owl-prev .iconfont,

.postSlider .owl-nav .owl-next .iconfont,

.postSlider .owl-nav .owl-prev .iconfont {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.ff_topSlider .owl-nav .owl-next .iconfont,

.ff_topSlider .owl-nav .owl-prev .iconfont,

.imagelink .owl-nav .owl-next .iconfont,

.imagelink .owl-nav .owl-prev .iconfont,

.mlist .owl-nav .owl-next .iconfont,

.mlist .owl-nav .owl-prev .iconfont,

.postSlider .owl-nav .owl-next .iconfont,

.postSlider .owl-nav .owl-prev .iconfont {

    color: #fff

}



.ff_topSlider .owl-nav .owl-next .iconfont:before,

.ff_topSlider .owl-nav .owl-prev .iconfont:before,

.imagelink .owl-nav .owl-next .iconfont:before,

.imagelink .owl-nav .owl-prev .iconfont:before,

.mlist .owl-nav .owl-next .iconfont:before,

.mlist .owl-nav .owl-prev .iconfont:before,

.postSlider .owl-nav .owl-next .iconfont:before,

.postSlider .owl-nav .owl-prev .iconfont:before {

    font-family: FontAwesome;

    font-size: 14px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    font-size: 20px

}



.ff_topSlider .owl-nav .owl-next:hover,

.ff_topSlider .owl-nav .owl-prev:hover,

.imagelink .owl-nav .owl-next:hover,

.imagelink .owl-nav .owl-prev:hover,

.mlist .owl-nav .owl-next:hover,

.mlist .owl-nav .owl-prev:hover,

.postSlider .owl-nav .owl-next:hover,

.postSlider .owl-nav .owl-prev:hover {

    background: #292929

}



.ff_topSlider .owl-nav .owl-next:hover .iconfont,

.ff_topSlider .owl-nav .owl-prev:hover .iconfont,

.imagelink .owl-nav .owl-next:hover .iconfont,

.imagelink .owl-nav .owl-prev:hover .iconfont,

.mlist .owl-nav .owl-next:hover .iconfont,

.mlist .owl-nav .owl-prev:hover .iconfont,

.postSlider .owl-nav .owl-next:hover .iconfont,

.postSlider .owl-nav .owl-prev:hover .iconfont {

    color: #fff

}



.ff_topSlider .owl-nav .owl-next.disabled:hover,

.ff_topSlider .owl-nav .owl-prev.disabled:hover,

.imagelink .owl-nav .owl-next.disabled:hover,

.imagelink .owl-nav .owl-prev.disabled:hover,

.mlist .owl-nav .owl-next.disabled:hover,

.mlist .owl-nav .owl-prev.disabled:hover,

.postSlider .owl-nav .owl-next.disabled:hover,

.postSlider .owl-nav .owl-prev.disabled:hover {

    background: rgba(0, 0, 0, .2)

}



.ff_topSlider .owl-nav .owl-next.disabled:hover .iconfont,

.ff_topSlider .owl-nav .owl-prev.disabled:hover .iconfont,

.imagelink .owl-nav .owl-next.disabled:hover .iconfont,

.imagelink .owl-nav .owl-prev.disabled:hover .iconfont,

.mlist .owl-nav .owl-next.disabled:hover .iconfont,

.mlist .owl-nav .owl-prev.disabled:hover .iconfont,

.postSlider .owl-nav .owl-next.disabled:hover .iconfont,

.postSlider .owl-nav .owl-prev.disabled:hover .iconfont {

    color: #fff

}



.ff_topSlider .owl-nav .owl-prev .iconfont:before,

.imagelink .owl-nav .owl-prev .iconfont:before,

.mlist .owl-nav .owl-prev .iconfont:before,

.postSlider .owl-nav .owl-prev .iconfont:before {

    content: "\f104"

}



.ff_topSlider .owl-nav .owl-next .iconfont:before,

.imagelink .owl-nav .owl-next .iconfont:before,

.mlist .owl-nav .owl-next .iconfont:before,

.postSlider .owl-nav .owl-next .iconfont:before {

    content: "\f105"

}



.imagelink .owl-nav {

    height: 0;

    top: 50%;

    -webkit-transform: translateY(calc(-50%));

    -ms-transform: translateY(calc(-50%));

    transform: translateY(calc(-50%));

    left: auto;

    position: absolute;

    width: 100px;

    margin: 0

}



.imagelink .owl-nav .owl-next,

.imagelink .owl-nav .owl-prev {

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



.imagelink .owl-nav .owl-next,

.imagelink .owl-nav .owl-prev {

    width: 50px;

    height: 50px

}



.imagelink .owl-dots .owl-dot.active span,

.imagelink .owl-dots .owl-dot:hover span,

.mlist .owl-dots .owl-dot.active span,

.mlist .owl-dots .owl-dot:hover span {

    background: #292929;

    border: 1px solid #292929

}



.imagelink .owl-dots .owl-dot span,

.mlist .owl-dots .owl-dot span {

    border: 1px solid rgba(170, 170, 170, .2)

}



.ff_indexPage .mcontact .container_header .title {

    text-align: center

}



.ff_indexPage .mcontact .container_header .subtitle {

    text-align: center

}



.ff_indexPage .mlist .container_header {

    float: left

}



.ff_indexPage .mlist .container_header .title {

    display: inline-block;

    margin-right: 10px

}



.ff_indexPage .mlist .container_header .subtitle {

    display: inline-block

}



.ff_indexPage .mlist .module_container .container_category {

    float: right;

    padding-top: 0

}



.ff_indexPage .news.ff_noSlider .content_list .item_block .item_box .item_wrapper,

.ff_indexPage .news.ff_slider .content_list .item_block .item_box .item_wrapper,

.ff_pageList .news .content_list .item_block .item_box .item_wrapper,

.project.mlist .content_list .item_block .item_box .item_wrapper,

.project.mlistpost .content_list .item_block .item_box .item_wrapper,

.service .content_list .item_block .item_box .item_wrapper,

.team .content_list .item_block .item_box .item_wrapper,

.videom .content_list .item_block .item_box .item_wrapper {

    padding: 24px 20px

}



.ff_indexPage .news.ff_noSlider .content_list .item_block .item_box .item_wrapper>.date_wrap,

.ff_indexPage .news.ff_slider .content_list .item_block .item_box .item_wrapper>.date_wrap,

.ff_pageList .news .content_list .item_block .item_box .item_wrapper>.date_wrap,

.project.mlist .content_list .item_block .item_box .item_wrapper>.date_wrap,

.project.mlistpost .content_list .item_block .item_box .item_wrapper>.date_wrap,

.service .content_list .item_block .item_box .item_wrapper>.date_wrap,

.team .content_list .item_block .item_box .item_wrapper>.date_wrap,

.videom .content_list .item_block .item_box .item_wrapper>.date_wrap {

    display: none

}



.ff_indexPage .news.ff_noSlider .content_list .item_block .item_box .item_wrapper .item_info .date_wrap,

.ff_indexPage .news.ff_slider .content_list .item_block .item_box .item_wrapper .item_info .date_wrap,

.ff_pageList .news .content_list .item_block .item_box .item_wrapper .item_info .date_wrap,

.project.mlist .content_list .item_block .item_box .item_wrapper .item_info .date_wrap,

.project.mlistpost .content_list .item_block .item_box .item_wrapper .item_info .date_wrap,

.service .content_list .item_block .item_box .item_wrapper .item_info .date_wrap,

.team .content_list .item_block .item_box .item_wrapper .item_info .date_wrap,

.videom .content_list .item_block .item_box .item_wrapper .item_info .date_wrap {

    float: right

}



.ff_indexPage .news.ff_noSlider .container_content .content_wrapper .more_wrap .more,

.ff_indexPage .news.ff_slider .container_content .content_wrapper .more_wrap .more,

.ff_pageList .news .container_content .content_wrapper .more_wrap .more,

.project.mlist .container_content .content_wrapper .more_wrap .more,

.project.mlistpost .container_content .content_wrapper .more_wrap .more,

.service .container_content .content_wrapper .more_wrap .more,

.team .container_content .content_wrapper .more_wrap .more,

.videom .container_content .content_wrapper .more_wrap .more {

    display: none

}



.news.mlistpost .content_list .item_img,

.team.mlistpost .content_list .item_img {

    width: 270px;

    float: left

}



.news.mlistpost .content_list .item_wrapper,

.team.mlistpost .content_list .item_wrapper {

    float: right;

    padding: 20px;

    width: calc(100% - 280px);

    box-sizing: border-box

}



.news.mlistpost .content_list .item_wrapper .date_wrap,

.team.mlistpost .content_list .item_wrapper .date_wrap {

    display: none

}



.news.mlistpost .content_list .item_wrapper>.date_wrap,

.team.mlistpost .content_list .item_wrapper>.date_wrap {

    display: block

}



.news.mlistpost .content_list .item_block .details,

.team.mlistpost .content_list .item_block .details {

    position: absolute;

    bottom: 12px;

    right: 20px;

    margin: 0

}



.news.mlistpost .content_list .details,

.team.mlistpost .content_list .details {

    margin: 0

}



.news.mlistpost .container_content .content_wrapper .more_wrap,

.team.mlistpost .container_content .content_wrapper .more_wrap {

    display: none

}



.news.mlistpost .container_content .content_wrapper>.more,

.team.mlistpost .container_content .content_wrapper>.more {

    display: block

}



.ff_indexPage .ad01.mlist .content_list .date_wrap,

.ff_indexPage .ad01.mlist .content_list .details,

.ff_indexPage .ad01.mlist .content_list .item_des {

    display: none

}



.ff_indexPage .ad01.mlist .content_list .item_wrapper {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    padding: 24px 20px;

    box-sizing: border-box

}



.ff_indexPage .team_tabs.mlist {

    background: rgba(0, 0, 0, .03)

}



.ff_indexPage .team_tabs.mlist .tab_button {

    display: none

}



.mcustomize .wrapper .header {

    padding-bottom: 50px

}



.mcustomize .wrapper .header .title {

    font-size: 24px;

    line-height: 30px;

    color: #555

}



.mcustomize .wrapper .header .subtitle {

    font-size: 14px;

    color: #bbb;

    line-height: 26px

}



.mcustomize .wrapper .description {

    font-size: 13px;

    line-height: 26px;

    color: #999

}



.mcustomize .container_content .contentbody .description a {

    transition: all .36s ease;

    border: 1px solid rgba(170, 170, 170, .2);

    display: inline-block;

    font-size: 14px;

    line-height: 30px;

    color: #999;

    padding: 5px 40px;

    margin-bottom: 20px

}



.mcustomize .container_content .contentbody .description a:hover {

    background: #292929;

    color: #fff;

    border-color: #292929

}



.npagePage .ff_pageTarget {

    background-color: #fff;

    margin-top: 40px

}



.npagePage .ff_pageTarget .container_category {

    float: right;

    padding-top: 0

}



.npagePage .ff_pageTarget .container_category a {

    vertical-align: -2px

}



.npagePage .ff_pageTarget .container_target {

    float: left

}



.npagePage .container_content {

    padding-top: 20px

}



.npagePage .content .container_category {

    display: none

}



.news.mlistpost .tabBtn::after,

.service.mlistpost .tabBtn::after {

    content: "";

    display: block;

    clear: both

}



.news.mlistpost .tabBtn .post-next,

.news.mlistpost .tabBtn .post-prev,

.service.mlistpost .tabBtn .post-next,

.service.mlistpost .tabBtn .post-prev {

    transition: all .36s ease;

    position: relative;

    width: 50%;

    height: 120px;

    overflow: hidden;

    float: left;

    padding: 10px;

    box-sizing: border-box;

    background: #f5f5f5

}



.news.mlistpost .tabBtn .post-next:not(.empty):hover,

.news.mlistpost .tabBtn .post-prev:not(.empty):hover,

.service.mlistpost .tabBtn .post-next:not(.empty):hover,

.service.mlistpost .tabBtn .post-prev:not(.empty):hover {

    background: #292929

}



.news.mlistpost .tabBtn .post-next:not(.empty):hover .infor-wrap .title,

.news.mlistpost .tabBtn .post-prev:not(.empty):hover .infor-wrap .title,

.service.mlistpost .tabBtn .post-next:not(.empty):hover .infor-wrap .title,

.service.mlistpost .tabBtn .post-prev:not(.empty):hover .infor-wrap .title {

    color: #fff

}



.news.mlistpost .tabBtn .post-next:not(.empty):hover .infor-wrap .subtitle,

.news.mlistpost .tabBtn .post-prev:not(.empty):hover .infor-wrap .subtitle,

.service.mlistpost .tabBtn .post-next:not(.empty):hover .infor-wrap .subtitle,

.service.mlistpost .tabBtn .post-prev:not(.empty):hover .infor-wrap .subtitle {

    color: #fff

}



.news.mlistpost .tabBtn .post-next:not(.empty):hover .img-wrap,

.news.mlistpost .tabBtn .post-prev:not(.empty):hover .img-wrap,

.service.mlistpost .tabBtn .post-next:not(.empty):hover .img-wrap,

.service.mlistpost .tabBtn .post-prev:not(.empty):hover .img-wrap {

    opacity: 1

}



.news.mlistpost .tabBtn .post-next:not(.empty):hover .details,

.news.mlistpost .tabBtn .post-prev:not(.empty):hover .details,

.service.mlistpost .tabBtn .post-next:not(.empty):hover .details,

.service.mlistpost .tabBtn .post-prev:not(.empty):hover .details {

    border-color: rgba(170, 170, 170, .2)

}



.news.mlistpost .tabBtn .post-next:not(.empty):hover .details:after,

.news.mlistpost .tabBtn .post-prev:not(.empty):hover .details:after,

.service.mlistpost .tabBtn .post-next:not(.empty):hover .details:after,

.service.mlistpost .tabBtn .post-prev:not(.empty):hover .details:after {

    color: #fff

}



.news.mlistpost .tabBtn .post-next.empty,

.news.mlistpost .tabBtn .post-prev.empty,

.service.mlistpost .tabBtn .post-next.empty,

.service.mlistpost .tabBtn .post-prev.empty {

    cursor: default;

    background-color: #f8f8f8

}



.news.mlistpost .tabBtn .post-next.empty .details,

.news.mlistpost .tabBtn .post-prev.empty .details,

.service.mlistpost .tabBtn .post-next.empty .details,

.service.mlistpost .tabBtn .post-prev.empty .details {

    display: none

}



.news.mlistpost .tabBtn .post-next .img-wrap,

.news.mlistpost .tabBtn .post-prev .img-wrap,

.service.mlistpost .tabBtn .post-next .img-wrap,

.service.mlistpost .tabBtn .post-prev .img-wrap {

    transition: all .36s ease;

    opacity: 0;

    width: 80px;

    height: auto;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



.news.mlistpost .tabBtn .post-next .img-wrap img,

.news.mlistpost .tabBtn .post-prev .img-wrap img,

.service.mlistpost .tabBtn .post-next .img-wrap img,

.service.mlistpost .tabBtn .post-prev .img-wrap img {

    width: 100%

}



.news.mlistpost .tabBtn .post-next .img-wrap div,

.news.mlistpost .tabBtn .post-prev .img-wrap div,

.service.mlistpost .tabBtn .post-next .img-wrap div,

.service.mlistpost .tabBtn .post-prev .img-wrap div {

    display: none

}



.news.mlistpost .tabBtn .post-next .details,

.news.mlistpost .tabBtn .post-prev .details,

.service.mlistpost .tabBtn .post-next .details,

.service.mlistpost .tabBtn .post-prev .details {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 40px;

    height: 16px;

    color: transparent;

    overflow: hidden

}



.news.mlistpost .tabBtn .post-next .infor-wrap,

.news.mlistpost .tabBtn .post-prev .infor-wrap,

.service.mlistpost .tabBtn .post-next .infor-wrap,

.service.mlistpost .tabBtn .post-prev .infor-wrap {

    width: 250px;

    position: relative;

    top: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



.news.mlistpost .tabBtn .post-next .infor-wrap .subtitle,

.news.mlistpost .tabBtn .post-next .infor-wrap .title,

.news.mlistpost .tabBtn .post-prev .infor-wrap .subtitle,

.news.mlistpost .tabBtn .post-prev .infor-wrap .title,

.service.mlistpost .tabBtn .post-next .infor-wrap .subtitle,

.service.mlistpost .tabBtn .post-next .infor-wrap .title,

.service.mlistpost .tabBtn .post-prev .infor-wrap .subtitle,

.service.mlistpost .tabBtn .post-prev .infor-wrap .title {

    transition: all .36s ease;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    display: block

}



.news.mlistpost .tabBtn .post-next .infor-wrap .title,

.news.mlistpost .tabBtn .post-prev .infor-wrap .title,

.service.mlistpost .tabBtn .post-next .infor-wrap .title,

.service.mlistpost .tabBtn .post-prev .infor-wrap .title {

    font-size: 16px;

    line-height: 20px;

    color: #666

}



.news.mlistpost .tabBtn .post-next .infor-wrap .subtitle,

.news.mlistpost .tabBtn .post-prev .infor-wrap .subtitle,

.service.mlistpost .tabBtn .post-next .infor-wrap .subtitle,

.service.mlistpost .tabBtn .post-prev .infor-wrap .subtitle {

    height: 30px;

    font-size: 13px;

    line-height: 30px

}



.news.mlistpost .tabBtn .post-prev,

.service.mlistpost .tabBtn .post-prev {

    float: left;

    padding-left: 85px

}



.news.mlistpost .tabBtn .post-prev:hover .details:before,

.service.mlistpost .tabBtn .post-prev:hover .details:before {

    right: 60px

}



.news.mlistpost .tabBtn .post-prev:hover .details:after,

.service.mlistpost .tabBtn .post-prev:hover .details:after {

    right: 25px;

    opacity: 1

}



.news.mlistpost .tabBtn .post-prev .img-wrap,

.service.mlistpost .tabBtn .post-prev .img-wrap {

    right: 15px

}



.news.mlistpost .tabBtn .post-prev .infor-wrap,

.service.mlistpost .tabBtn .post-prev .infor-wrap {

    float: left

}



.news.mlistpost .tabBtn .post-prev .details,

.service.mlistpost .tabBtn .post-prev .details {

    border-right: 1px solid #e5e5e5;

    left: 22px

}



.news.mlistpost .tabBtn .post-prev .details:after,

.news.mlistpost .tabBtn .post-prev .details:before,

.service.mlistpost .tabBtn .post-prev .details:after,

.service.mlistpost .tabBtn .post-prev .details:before {

    content: "";

    font-family: FontAwesome;

    font-size: 14px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    transition: all .36s ease;

    color: #999;

    position: absolute;

    top: 50%;

    font-size: 20px;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



.news.mlistpost .tabBtn .post-prev .details:before,

.service.mlistpost .tabBtn .post-prev .details:before {

    right: 25px

}



.news.mlistpost .tabBtn .post-prev .details:after,

.service.mlistpost .tabBtn .post-prev .details:after {

    right: -30px;

    opacity: 0

}



.news.mlistpost .tabBtn .post-next,

.service.mlistpost .tabBtn .post-next {

    float: right;

    padding-right: 85px

}



.news.mlistpost .tabBtn .post-next:hover .details:before,

.service.mlistpost .tabBtn .post-next:hover .details:before {

    left: 60px

}



.news.mlistpost .tabBtn .post-next:hover .details:after,

.service.mlistpost .tabBtn .post-next:hover .details:after {

    left: 25px;

    opacity: 1

}



.news.mlistpost .tabBtn .post-next .img-wrap,

.service.mlistpost .tabBtn .post-next .img-wrap {

    left: 15px

}



.news.mlistpost .tabBtn .post-next .infor-wrap,

.service.mlistpost .tabBtn .post-next .infor-wrap {

    float: right

}



.news.mlistpost .tabBtn .post-next .details,

.service.mlistpost .tabBtn .post-next .details {

    right: 22px;

    border-left: 1px solid rgba(170, 170, 170, .2)

}



.news.mlistpost .tabBtn .post-next .details:after,

.news.mlistpost .tabBtn .post-next .details:before,

.service.mlistpost .tabBtn .post-next .details:after,

.service.mlistpost .tabBtn .post-next .details:before {

    content: "";

    font-family: FontAwesome;

    font-size: 14px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    transition: all .36s ease;

    color: #999;

    position: absolute;

    top: 50%;

    font-size: 20px;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



.news.mlistpost .tabBtn .post-next .details:before,

.service.mlistpost .tabBtn .post-next .details:before {

    left: 25px

}



.news.mlistpost .tabBtn .post-next .details:after,

.service.mlistpost .tabBtn .post-next .details:after {

    left: -30px;

    opacity: 0

}



.news.mlistpost .tabBtn .post-next .infor-wrap .subtitle,

.news.mlistpost .tabBtn .post-next .infor-wrap .title,

.service.mlistpost .tabBtn .post-next .infor-wrap .subtitle,

.service.mlistpost .tabBtn .post-next .infor-wrap .title {

    text-align: right

}



.project.mlistpost .tabBtn.inPos .post-next,

.project.mlistpost .tabBtn.inPos .post-prev,

.team.mlistpost .tabBtn.inPos .post-next,

.team.mlistpost .tabBtn.inPos .post-prev {

    opacity: 1

}



.project.mlistpost .tabBtn.outPos .post-next,

.project.mlistpost .tabBtn.outPos .post-prev,

.team.mlistpost .tabBtn.outPos .post-next,

.team.mlistpost .tabBtn.outPos .post-prev {

    opacity: 0;

    visibility: hidden

}



.project.mlistpost .tabBtn .post-next,

.project.mlistpost .tabBtn .post-prev,

.team.mlistpost .tabBtn .post-next,

.team.mlistpost .tabBtn .post-prev {

    width: 42px;

    height: 100px;

    position: fixed;

    z-index: 20;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    transition: opacity .36s ease-out, visibility .36s ease-out

}



.project.mlistpost .tabBtn .post-next.empty,

.project.mlistpost .tabBtn .post-prev.empty,

.team.mlistpost .tabBtn .post-next.empty,

.team.mlistpost .tabBtn .post-prev.empty {

    display: none

}



.project.mlistpost .tabBtn .post-next:hover .details,

.project.mlistpost .tabBtn .post-prev:hover .details,

.team.mlistpost .tabBtn .post-next:hover .details,

.team.mlistpost .tabBtn .post-prev:hover .details {

    border-color: #292929;

    background: #292929

}



.project.mlistpost .tabBtn .post-next:hover .details:before,

.project.mlistpost .tabBtn .post-prev:hover .details:before,

.team.mlistpost .tabBtn .post-next:hover .details:before,

.team.mlistpost .tabBtn .post-prev:hover .details:before {

    color: #fff

}



.project.mlistpost .tabBtn .post-next .img-wrap,

.project.mlistpost .tabBtn .post-next .infor-wrap,

.project.mlistpost .tabBtn .post-prev .img-wrap,

.project.mlistpost .tabBtn .post-prev .infor-wrap,

.team.mlistpost .tabBtn .post-next .img-wrap,

.team.mlistpost .tabBtn .post-next .infor-wrap,

.team.mlistpost .tabBtn .post-prev .img-wrap,

.team.mlistpost .tabBtn .post-prev .infor-wrap {

    width: 170px;

    opacity: 0;

    visibility: hidden

}



.project.mlistpost .tabBtn .post-next .img-wrap,

.project.mlistpost .tabBtn .post-prev .img-wrap,

.team.mlistpost .tabBtn .post-next .img-wrap,

.team.mlistpost .tabBtn .post-prev .img-wrap {

    position: absolute;

    box-sizing: border-box;

    z-index: 10;

    height: 100%;

    border: 3px solid #292929

}



.project.mlistpost .tabBtn .post-next .img-wrap:after,

.project.mlistpost .tabBtn .post-prev .img-wrap:after,

.team.mlistpost .tabBtn .post-next .img-wrap:after,

.team.mlistpost .tabBtn .post-prev .img-wrap:after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgba(0, 0, 0, .4)

}



.project.mlistpost .tabBtn .post-next .img-wrap div,

.project.mlistpost .tabBtn .post-prev .img-wrap div,

.team.mlistpost .tabBtn .post-next .img-wrap div,

.team.mlistpost .tabBtn .post-prev .img-wrap div {

    height: 100%;

    background-position: center center;

    background-size: cover

}



.project.mlistpost .tabBtn .post-next .img-wrap img,

.project.mlistpost .tabBtn .post-prev .img-wrap img,

.team.mlistpost .tabBtn .post-next .img-wrap img,

.team.mlistpost .tabBtn .post-prev .img-wrap img {

    display: none

}



.project.mlistpost .tabBtn .post-next .details,

.project.mlistpost .tabBtn .post-prev .details,

.team.mlistpost .tabBtn .post-next .details,

.team.mlistpost .tabBtn .post-prev .details {

    position: absolute;

    height: 100%;

    width: 42px;

    background: #fff;

    border: 1px solid #ececec;

    box-sizing: border-box;

    transition: all .3s ease-out 0s

}



.project.mlistpost .tabBtn .post-next .details:before,

.project.mlistpost .tabBtn .post-prev .details:before,

.team.mlistpost .tabBtn .post-next .details:before,

.team.mlistpost .tabBtn .post-prev .details:before {

    content: "";

    font-family: FontAwesome;

    font-size: 14px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    position: absolute;

    top: 50%;

    left: 50%;

    font-size: 24px;

    color: #999;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.project.mlistpost .tabBtn .post-next .infor-wrap,

.project.mlistpost .tabBtn .post-prev .infor-wrap,

.team.mlistpost .tabBtn .post-next .infor-wrap,

.team.mlistpost .tabBtn .post-prev .infor-wrap {

    position: absolute;

    top: 50%;

    z-index: 10;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    box-sizing: border-box

}



.project.mlistpost .tabBtn .post-next .infor-wrap .subtitle,

.project.mlistpost .tabBtn .post-next .infor-wrap .title,

.project.mlistpost .tabBtn .post-prev .infor-wrap .subtitle,

.project.mlistpost .tabBtn .post-prev .infor-wrap .title,

.team.mlistpost .tabBtn .post-next .infor-wrap .subtitle,

.team.mlistpost .tabBtn .post-next .infor-wrap .title,

.team.mlistpost .tabBtn .post-prev .infor-wrap .subtitle,

.team.mlistpost .tabBtn .post-prev .infor-wrap .title {

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis

}



.project.mlistpost .tabBtn .post-next .infor-wrap .title,

.project.mlistpost .tabBtn .post-prev .infor-wrap .title,

.team.mlistpost .tabBtn .post-next .infor-wrap .title,

.team.mlistpost .tabBtn .post-prev .infor-wrap .title {

    width: 70%;

    display: block;

    font-size: 16px;

    line-height: 20px;

    color: #fff

}



.project.mlistpost .tabBtn .post-next .infor-wrap .subtitle,

.project.mlistpost .tabBtn .post-prev .infor-wrap .subtitle,

.team.mlistpost .tabBtn .post-next .infor-wrap .subtitle,

.team.mlistpost .tabBtn .post-prev .infor-wrap .subtitle {

    width: 80%;

    display: block;

    line-height: 18px;

    font-size: 14px;

    color: #fff

}



.project.mlistpost .tabBtn .post-prev,

.team.mlistpost .tabBtn .post-prev {

    left: 0

}



.project.mlistpost .tabBtn .post-prev .img-wrap,

.team.mlistpost .tabBtn .post-prev .img-wrap {

    border-left: 0;

    left: 100%

}



.project.mlistpost .tabBtn .post-prev .details,

.team.mlistpost .tabBtn .post-prev .details {

    left: 0

}



.project.mlistpost .tabBtn .post-prev .details:before,

.team.mlistpost .tabBtn .post-prev .details:before {

    content: "\f104"

}



.project.mlistpost .tabBtn .post-prev .infor-wrap,

.team.mlistpost .tabBtn .post-prev .infor-wrap {

    padding-left: 20px;

    left: 100%

}



.project.mlistpost .tabBtn .post-next,

.team.mlistpost .tabBtn .post-next {

    right: 0

}



.project.mlistpost .tabBtn .post-next .img-wrap,

.team.mlistpost .tabBtn .post-next .img-wrap {

    right: 100%;

    border-right: 0

}



.project.mlistpost .tabBtn .post-next .details,

.team.mlistpost .tabBtn .post-next .details {

    right: 0

}



.project.mlistpost .tabBtn .post-next .details:before,

.team.mlistpost .tabBtn .post-next .details:before {

    content: "\f105"

}



.project.mlistpost .tabBtn .post-next .infor-wrap,

.team.mlistpost .tabBtn .post-next .infor-wrap {

    right: 100%;

    padding-left: 20px

}



@media screen and (min-width:1600px) {

    .project.mlistpost .post-next:hover .img-wrap,

    .project.mlistpost .post-next:hover .infor-wrap,

    .project.mlistpost .post-prev:hover .img-wrap,

    .project.mlistpost .post-prev:hover .infor-wrap,

    .team.mlistpost .post-next:hover .img-wrap,

    .team.mlistpost .post-next:hover .infor-wrap,

    .team.mlistpost .post-prev:hover .img-wrap,

    .team.mlistpost .post-prev:hover .infor-wrap {

        opacity: 1;

        visibility: visible

    }

    .project.mlistpost .post-next:hover .details,

    .project.mlistpost .post-prev:hover .details,

    .team.mlistpost .post-next:hover .details,

    .team.mlistpost .post-prev:hover .details {

        border-color: #292929;

        background: #292929

    }

    .project.mlistpost .post-next:hover .details:before,

    .project.mlistpost .post-prev:hover .details:before,

    .team.mlistpost .post-next:hover .details:before,

    .team.mlistpost .post-prev:hover .details:before {

        color: #fff

    }

}



.ff_postPage .service.mlistpost {

    padding: 50px 50px 0

}



.ff_postPage .service.mlistpost .module_container {

    max-width: 100%

}



.ff_postPage .service.mlistpost .postContent {

    float: right;

    width: calc(100% - 440px)

}



.ff_postPage .service.mlistpost .postContent .postInfo {

    display: none

}



.ff_postPage .service.mlistpost .postInfo .description a {

    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;

    border: 1px solid #dbdbdb;

    background-color: #fff;

    color: #555;

    height: 40px;

    padding: 0 30px;

    line-height: 40px;

    text-align: center;

    display: inline-block;

    margin-top: 20px

}



.ff_postPage .service.mlistpost .postInfo .description a:hover {

    background-color: #383838;

    color: #fff;

    border: 1px solid #383838

}



.ff_postPage .service.mlistpost .listWrap {

    float: left;

    width: 440px;

    padding-right: 50px;

    box-sizing: border-box

}



.ff_postPage .service.mlistpost .listWrap>.item_tags {

    margin-bottom: 20px

}



.ff_postPage .service.mlistpost .listWrap .postInfo .item_tags {

    display: none

}



.ff_postPage .service.mlistpost .listContent_post {

    border-top: 1px solid rgba(170, 170, 170, .2)

}



.ff_postPage .news.mlistpost .postInfo .description a,

.ff_postPage .project.mlistpost .postInfo .description a,

.ff_postPage .team.mlistpost .postInfo .description a {

    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;

    border: 1px solid #dbdbdb;

    background-color: #fff;

    color: #555;

    height: 40px;

    padding: 0 30px;

    line-height: 40px;

    text-align: center;

    display: inline-block;

    margin-top: 20px

}



.ff_postPage .news.mlistpost .postInfo .description a:hover,

.ff_postPage .project.mlistpost .postInfo .description a:hover,

.ff_postPage .team.mlistpost .postInfo .description a:hover {

    background-color: #383838;

    color: #fff;

    border: 1px solid #383838

}



.ff_postPage .news.mlistpost .listWrap .postInfo,

.ff_postPage .project.mlistpost .listWrap .postInfo,

.ff_postPage .team.mlistpost .listWrap .postInfo {

    display: none

}



.ff_postPage .news.mlistpost .listWrap .postInfo .description a,

.ff_postPage .project.mlistpost .listWrap .postInfo .description a,

.ff_postPage .team.mlistpost .listWrap .postInfo .description a {

    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;

    border: 1px solid #dbdbdb;

    background-color: #fff;

    color: #555;

    height: 40px;

    padding: 0 30px;

    line-height: 40px;

    text-align: center;

    display: inline-block;

    margin-top: 20px

}



.ff_postPage .news.mlistpost .listWrap .postInfo .description a:hover,

.ff_postPage .project.mlistpost .listWrap .postInfo .description a:hover,

.ff_postPage .team.mlistpost .listWrap .postInfo .description a:hover {

    background-color: #383838;

    color: #fff;

    border: 1px solid #383838

}



.ff_postPage .news.mlistpost .listContent_post,

.ff_postPage .project.mlistpost .listContent_post,

.ff_postPage .team.mlistpost .listContent_post {

    border-top: 1px solid rgba(170, 170, 170, .2)

}



#mcontact {

    float: none

}



#mcontact .contactlist {

    padding-top: 50px

}



#mcontact .contactlist::after {

    content: "";

    display: block;

    clear: both

}



#mcontact .contactinfo {

    float: left;

    position: relative;

    padding-right: 150px

}



#mcontact .contactinfo .contact_name {

    font-size: 16px;

    line-height: 24px;

    margin-bottom: 45px;

    font-weight: 100;

    color: #999

}



#mcontact .contactinfo p {

    width: 300px;

    padding-right: 40px;

    font-size: 13px;

    height: 28px;

    line-height: 28px;

    color: #989898

}



#mcontact .ff_social {

    position: absolute;

    top: 0;

    right: 0;

    width: 150px

}



#mcontact .ff_social::after {

    content: "";

    display: block;

    clear: both

}



#mcontact .ff_social a {

    width: 30px;

    height: 30px;

    display: block;

    font-size: 16px;

    text-align: center;

    line-height: 28px;

    border-radius: 15px;

    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;

    color: #b3b3b3;

    background: rgba(255, 0, 0, 0);

    margin-right: 20px

}



#mcontact .ff_social a:hover {

    color: #fff;

    background: #5c5c5c

}



#mcontact .contactform {

    float: right;

    width: 600px

}



#mcontact .contactform p {

    overflow: hidden;

    float: left;

    width: calc(100% / 3)

}



#mcontact .contactform .contactform_submit {

    float: none

}



#mcontact .contactform .contactform_content {

    width: 100%;

    margin-bottom: 20px

}



#mcontact .contactform .contactform_content textarea {

    height: 70px;

    resize: none;

    overflow: hidden;

    margin-right: 0

}



#mcontact .contactform .contactform_tel {

    margin-right: 0

}



#mcontact .contactform .inputtxt {

    background-color: transparent;

    border: none;

    border-bottom: 1px solid #cfcfcf;

    width: 100%;

    padding: 20px 0 20px 0;

    color: #666;

    margin-bottom: 10px;

    height: 20px;

    line-height: 20px;

    transition: all .3s ease-out 0s

}



#mcontact .contactform .inputtxt.submit {

    width: 100px;

    color: #cfcfcf;

    font-size: 15px;

    padding: 5px 0;

    display: block;

    cursor: pointer;

    float: left;

    position: relative;

    color: #cfcfcf;

    height: 40px;

    background-color: #838383;

    margin-bottom: 0;

    cursor: pointer;

    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s

}



#mcontact .contactform .inputtxt.submit:hover {

    background-color: rgba(0, 0, 0, .9);

    border: 1px solid rgba(0, 0, 0, .9);

    color: #fff

}



.project.mlistpost .postInfo {

    padding-bottom: 50px

}



.project.mlistpost .postInfo::after {

    content: "";

    display: block;

    clear: both

}



.project.mlistpost .postInfo .mainInfor {

    max-width: calc(50% - 40px);

    float: left

}



.project.mlistpost .postInfo .mainInfor .title {

    font-size: 22px;

    color: #444

}



.project.mlistpost .postInfo .mainInfor .subtitle {

    line-height: 24px;

    font-size: 13px;

    color: #c1c1c1

}



.project.mlistpost .postInfo .description {

    max-width: 50%;

    float: right;

    color: #929292

}



.project.mlistpost .postInfo .description a {

    box-sizing: border-box;

    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;

    border: 1px solid #dbdbdb;

    background-color: #fff;

    color: #555;

    height: 40px;

    width: 100%;

    line-height: 40px;

    text-align: center;

    display: block;

    margin-top: 20px

}



.project.mlistpost .postInfo .description a:hover {

    background-color: #383838;

    color: #fff;

    border: 1px solid #383838

}



#footer {

    padding: 10px 56px

}



#footer p {

    width: 1170px;

    line-height: 24px;

    height: 24px;

    text-align: left;

    margin: 0 auto

}



#footer p span.ellipsis {

    display: inline;

    max-width: 70%

}



#footer p a#flogo {

    display: inline-block;

    width: 50px;

    height: 20px;

    vertical-align: top;

    margin-left: 10px;

    margin-top: 2px

}



#footer p a#fbeian {

    vertical-align: top

}



.pageEditor .module_container {

    padding-top: 60px

}



.pageEditor .container_header .subtitle,

.pageEditor .container_header .title {

    text-align: center

}



.mlist:not(.imagelink) .content_list .item_block:hover {

    background-color: transparent

}



.mlist:not(.imagelink) .content_list .item_block:hover .details {

    border-color: #292929;

    background-color: #292929;

    color: #fff

}



.mlist:not(.imagelink) .content_list .item_block:hover .item_box .item_img img {

    -webkit-transform: scale(1.08);

    -ms-transform: scale(1.08);

    transform: scale(1.08)

}



.mlist:not(.imagelink) .content_list .item_block:hover .item_box .item_wrapper .item_info .title {

    color: #292929

}



.mlist:not(.imagelink) .content_list .item_block:hover .item_box .item_wrapper .item_info .subtitle {

    color: #868585

}



.mlist:not(.imagelink) .content_list .item_block:hover .item_box .item_wrapper .date_wrap {

    color: #868585

}



.mlist:not(.imagelink) .content_list .item_block:hover .item_box .item_wrapper .item_des .description {

    color: #868585

}



.ff_topSlider .owl-dots .active.owl-dot span,

.ff_topSlider .owl-dots .owl-dot:hover span,

.imagelink .owl-dots .active.owl-dot span,

.imagelink .owl-dots .owl-dot:hover span,

.mlist .owl-dots .active.owl-dot span,

.mlist .owl-dots .owl-dot:hover span {

    background: #fff

}



.ff_topSlider .owl-dots .owl-dot span,

.imagelink .owl-dots .owl-dot span,

.mlist .owl-dots .owl-dot span {

    border: 1px solid #fff;

    border-color: rgba(255, 255, 255, .5);

    background: 0 0;

    width: 8px;

    height: 8px;

    margin: 5px;

    transition: all .2s ease-in

}



@font-face {

    font-family: icomoon;

    src: url(../font/icomoon.eot);

    src: url(../font/icomoon.eot) format("embedded-opentype"), url(../font/icomoon.ttf) format("truetype"), url(../font/icomoon.woff) format("woff"), url(../font/icomoon.svg) format("svg");

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: HELVETICANEUELTPRO-THEX;

    src: url(/templates/ue_content/templates/css/fonts/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(/templates/ue_content/templates/css/fonts/helveticaneuethn.otf);

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: GOTHAMRND-LIGHT;

    src: url(/templates/ue_content/templates/css/fonts/GOTHAMRND-LIGHT.OTF);

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: GOTHAMRND-BOOK;

    src: url(/templates/ue_content/templates/css/fonts/GOTHAMRND-BOOK.OTF);

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: FontAwesome;

    src: url(/templates/ue_content/templates/css/fonts/FontAwesome.otf);

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: GOTHAM-BLACK;

    src: url(/templates/ue_content/templates/css/fonts/GOTHAM-BLACK.OTF);

    font-weight: 400;

    font-style: normal

}



@-webkit-keyframes bouncedelay {

    0%,

    100%,

    80% {

        -webkit-transform: scale(0)

    }

    40% {

        -webkit-transform: scale(1)

    }

}



@keyframes bouncedelay {

    0%,

    100%,

    80% {

        transform: scale(0);

        -webkit-transform: scale(0)

    }

    40% {

        transform: scale(1);

        -webkit-transform: scale(1)

    }

}



@-webkit-keyframes navFixed {

    0% {

        -webkit-transform: translateY(-100%)

    }

    100% {

        -webkit-transform: translateY(0)

    }

}



@keyframes navFixed {

    0% {

        -webkit-transform: translateY(-100%);

        transform: translateY(-100%)

    }

    100% {

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

}



@-webkit-keyframes nav-item-searchshow {

    0% {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1);

        -webkit-animation-timing-function: cubic-bezier(.2727, .0986, .8333, 1);

        animation-timing-function: cubic-bezier(.2727, .0986, .8333, 1)

    }

    40% {

        opacity: 1

    }

    100% {

        opacity: 0;

        -webkit-transform: scale(.7);

        transform: scale(.7)

    }

}



@keyframes nav-item-searchshow {

    0% {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1);

        -webkit-animation-timing-function: cubic-bezier(.2727, .0986, .8333, 1);

        animation-timing-function: cubic-bezier(.2727, .0986, .8333, 1)

    }

    40% {

        opacity: 1

    }

    100% {

        opacity: 0;

        -webkit-transform: scale(.7);

        transform: scale(.7)

    }

}



@-webkit-keyframes nav-item-searchhide {

    0% {

        opacity: 0;

        -webkit-transform: scale(.7);

        transform: scale(.7);

        -webkit-animation-timing-function: cubic-bezier(.2727, .0986, .8333, 1);

        animation-timing-function: cubic-bezier(.2727, .0986, .8333, 1)

    }

    40% {

        opacity: 1

    }

    100% {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



@keyframes nav-item-searchhide {

    0% {

        opacity: 0;

        -webkit-transform: scale(.7);

        transform: scale(.7);

        -webkit-animation-timing-function: cubic-bezier(.2727, .0986, .8333, 1);

        animation-timing-function: cubic-bezier(.2727, .0986, .8333, 1)

    }

    40% {

        opacity: 1

    }

    100% {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



@-webkit-keyframes searchform-slide-one {

    0% {

        -webkit-transform: translate3d(calc(-50% + 100px), 0, 0);

        transform: translate3d(calc(-50% + 100px), 0, 0);

        -webkit-animation-timing-function: cubic-bezier(.11393, .8644, .14684, 1);

        animation-timing-function: cubic-bezier(.11393, .8644, .14684, 1)

    }

    100% {

        -webkit-transform: translate3d(-50%, 0, 0);

        transform: translate3d(-50%, 0, 0)

    }

}



@keyframes searchform-slide-one {

    0% {

        -webkit-transform: translate3d(calc(-50% + 100px), 0, 0);

        transform: translate3d(calc(-50% + 100px), 0, 0);

        -webkit-animation-timing-function: cubic-bezier(.11393, .8644, .14684, 1);

        animation-timing-function: cubic-bezier(.11393, .8644, .14684, 1)

    }

    100% {

        -webkit-transform: translate3d(-50%, 0, 0);

        transform: translate3d(-50%, 0, 0)

    }

}



@-webkit-keyframes searchform-slideout-one {

    0% {

        opacity: 1;

        -webkit-transform: translate3d(-50%, 0, 0);

        transform: translate3d(-50%, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(.11393, .8644, .14684, 1);

        animation-timing-function: cubic-bezier(.11393, .8644, .14684, 1)

    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(-calc(100px + 50%), 0, 0);

        transform: translate3d(-calc(100px + 50%), 0, 0)

    }

}



@keyframes searchform-slideout-one {

    0% {

        opacity: 1;

        -webkit-transform: translate3d(-50%, 0, 0);

        transform: translate3d(-50%, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(.11393, .8644, .14684, 1);

        animation-timing-function: cubic-bezier(.11393, .8644, .14684, 1)

    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(-calc(100px + 50%), 0, 0);

        transform: translate3d(-calc(100px + 50%), 0, 0)

    }

}



@-webkit-keyframes searchform-slide-two {

    0% {

        -webkit-transform: translate3d(100px, 0, 0);

        transform: translate3d(100px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(.11393, .8644, .14684, 1);

        animation-timing-function: cubic-bezier(.11393, .8644, .14684, 1)

    }

    100% {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes searchform-slide-two {

    0% {

        -webkit-transform: translate3d(100px, 0, 0);

        transform: translate3d(100px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(.11393, .8644, .14684, 1);

        animation-timing-function: cubic-bezier(.11393, .8644, .14684, 1)

    }

    100% {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@-webkit-keyframes searchform-slideout-two {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-100, 0, 0);

        transform: translate3d(-100, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(.11393, .8644, .14684, 1);

        animation-timing-function: cubic-bezier(.11393, .8644, .14684, 1)

    }

    100% {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes searchform-slideout-two {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-100, 0, 0);

        transform: translate3d(-100, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(.11393, .8644, .14684, 1);

        animation-timing-function: cubic-bezier(.11393, .8644, .14684, 1)

    }

    100% {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



body,

dd,

dl,

form,

h1,

h2,

h3,

h4,

h5,

h6,

p {

    margin: 0

}



ol,

ul {

    margin: 0;

    padding: 0;

    list-style: none

}



a {

    text-decoration: none

}



img {

    border: none;

    vertical-align: top

}



input,

textarea {

    margin: 0;

    padding: 0;

    outline: 0

}



select {

    outline: 0

}



textarea {

    resize: none;

    overflow: auto

}



table {

    border-collapse: collapse

}



td,

th {

    padding: 0

}



input,

textarea {

    font-family: "微软雅黑", Arial;

    outline: 0;

    font-size: 14px;

    -webkit-appearance: none;

    border: none;

    background: 0 0

}



.clear {

    clear: both

}



.fl {

    float: left

}



.fr {

    float: right

}



.ellipsis {

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    display: block

}



.clearfix:after {

    clear: both;

    display: block;

    content: ''

}



.clearfix {

    zoom: 1

}



.fw {

    margin: 0 auto;

    width: 1180px

}



.hide {

    display: none

}



.obHide {

    display: none;

    visibility: hidden;

    position: absolute;

    z-index: 99

}



.show {

    display: block

}



.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

}



.icon-arrow-down03:before {

    content: "\e900"

}



.icon-arrow-left:before {

    content: "\e901"

}



.icon-arrow-left01:before {

    content: "\e902"

}



.icon-arrow-left02:before {

    content: "\e903"

}



.icon-arrow-left03:before {

    content: "\e904"

}



.icon-arrow-left04:before {

    content: "\e905"

}



.icon-arrow-right:before {

    content: "\e906"

}



.icon-arrow-right01:before {

    content: "\e907"

}



.icon-arrow-right02:before {

    content: "\e908"

}



.icon-arrow-right03:before {

    content: "\e909"

}



.icon-arrow-right04:before {

    content: "\e90a"

}



.icon-arrow-top03:before {

    content: "\e90b"

}



body,

html {

    font: 12px Arial, "微软雅黑";

    color: #666;

    width: 100%;

    height: 100%;

    -webkit-font-smoothing: antialiased;

    -webkit-text-size-adjust: none;

    -webkit-tap-highlight-color: transparent;

    -webkit-overflow-scrolling: touch;

    overflow-scrolling: touch

}



body {

    overflow-x: hidden

}



a {

    color: #666

}



a.active {

    color: #333

}



img {

    max-width: 100%

}



.fa-angle-down,

.fa-angle-right {

    color: inherit;

    padding-left: 10px

}



.item_index {

    display: none

}



::-webkit-scrollbar,

::-webkit-scrollbar-thumb,

::-webkit-scrollbar-track-piece {

    width: 5px

}



::-webkit-scrollbar-track-piece {

    background-color: #101012

}



::-webkit-scrollbar {

    background-color: #292929

}



::-webkit-scrollbar-thumb {

    background-color: #333

}



::-webkit-scrollbar-thumb:hover {

    background-color: #292929

}



.item_tags {

    clear: both;

    height: 28px;

    border-top: 1px solid rgba(170, 170, 170, .2)

}



.item_tags::after {

    content: "";

    display: block;

    clear: both

}



.item_tags .item_box {

    display: none

}



.item_tags .fa-tags {

    display: none

}



.item_tags>a {

    float: left;

    margin-right: 10px;

    padding: 0 14px;

    line-height: 26px;

    border: 1px solid rgba(170, 170, 170, .2)

}



.module {

    background: #fff

}



.container_header .title {

    font-size: 24px;

    line-height: 30px;

    color: #555

}



.container_header .subtitle {

    font-size: 14px;

    color: #bbb;

    line-height: 26px

}



.container_category {

    padding-top: 40px;

    text-align: center

}



.container_category>a {

    display: inline-block;

    margin: 0 5px;

    font-size: 13px;

    line-height: 30px;

    text-align: center;

    padding: 0 20px

}



.container_content {

    clear: both

}



.mlist:not(.imagelink) .content_list .item_block {

    border: 1px solid rgba(170, 170, 170, .2);

    background-color: transparent;

    box-sizing: border-box

}



.mlist:not(.imagelink) .content_list .item_block .item_tags {

    padding: 15px

}



.mlist:not(.imagelink) .content_list .item_info .title {

    transition: all .36s ease;

    color: #333;

    font-size: 16px;

    line-height: 30px

}



.mlist:not(.imagelink) .content_list .item_info .subtitle {

    transition: all .36s ease;

    color: #777;

    font-size: 14px;

    line-height: 22px

}



.mlist:not(.imagelink) .content_list .date_wrap {

    transition: all .36s ease;

    font-size: 13px;

    line-height: 26px;

    color: #888

}



.mlist:not(.imagelink) .content_list .item_des {

    margin-top: 13px

}



.mlist:not(.imagelink) .content_list .item_des .description {

    transition: all .36s ease;

    font-size: 13px;

    line-height: 26px;

    height: 52px;

    overflow: hidden;

    color: #999

}



.mlist:not(.imagelink) .content_list .item_img {

    position: relative;

    overflow: hidden

}



.mlist:not(.imagelink) .content_list .item_img img {

    transition: all .36s ease;

    display: inline

}



.mlist:not(.imagelink) .content_list .item_wrapper .details {

    display: none

}



.mlist:not(.imagelink) .content_list .details {

    transition: all .36s ease;

    border: 1px solid rgba(170, 170, 170, .2);

    display: inline-block;

    font-size: 14px;

    line-height: 30px;

    color: #999;

    margin-left: 20px;

    margin-bottom: 30px;

    padding: 0 20px

}



#pages {

    padding: 40px 0 80px

}



#pages::after {

    content: "";

    display: block;

    clear: both

}



#pages a {

    float: left;

    width: 36px;

    height: 36px;

    line-height: 36px;

    font-size: 14px

}



#pages .page-item {

    margin-right: 5px;

    text-align: center;

    background-color: transparent;

    border: 1px solid rgba(170, 170, 170, .2)

}



#pages .page-item.active,

#pages .page-item:hover {

    border-color: #292929;

    color: #fff;

    background-color: #292929

}



.ff_pageTarget {

    background-color: #f7f7f7;

    line-height: 45px

}



.ff_pageTarget .fa-angle-right {

    padding: 0 10px

}



.ff_pageTarget .container_target a:hover {

    color: #292929

}



.ff_pageTarget .container_target a:last-child {

    color: #292929

}



.postbody {

    font-size: 13px

}



.postbody p {

    line-height: 24px

}



.postbody hr {

    margin: 20px 0;

    border: none;

    border-top: 1px dotted rgba(170, 170, 170, .2)

}



#banner div {

    height: 300px

}



.ff_pageList .container_category+.container_content {

    padding-top: 40px

}



.postSlider .owl-nav {

    height: 0;

    top: 50%;

    -webkit-transform: translateY(calc(-50%));

    -ms-transform: translateY(calc(-50%));

    transform: translateY(calc(-50%));

    position: absolute;

    width: 100%;

    margin: 0

}



.postSlider .owl-nav .owl-next,

.postSlider .owl-nav .owl-prev {

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



.postSlider .owl-nav .owl-next,

.postSlider .owl-nav .owl-prev {

    width: 50px;

    height: 50px

}



.postSlider .tab_content {

    padding-bottom: 20px

}



.postSlider .tab_content .item_img {

    width: 100%;

    height: 530px

}



.postSlider .tab_content .item_img img {

    width: auto;

    height: 100%;

    margin: auto

}



.postSlider .tab_content .owl-item .item_block {

    margin-bottom: 0

}



.postSlider .tab_button {

    width: 320px;

    margin: 0 auto

}



.postSlider .tab_button .item_img {

    position: relative;

    width: 100px;

    height: 60px;

    overflow: hidden

}



.postSlider .tab_button .item_img:hover img {

    -webkit-transform: scale(1.08);

    -ms-transform: scale(1.08);

    transform: scale(1.08)

}



.postSlider .tab_button .item_img img {

    min-width: 100%;

    min-height: 100%

}



.postSlider .tab_button .item_block {

    cursor: pointer

}



.postSlider .tab_button .item_block .item_img:after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    box-sizing: border-box;

    transition: .36s ease;

    border: 3px solid transparent

}



.postSlider .tab_button .item_block.current .item_img:after,

.postSlider .tab_button .item_block:hover .item_img:after {

    border-color: #292929

}



.postContent {

    margin-bottom: 40px;

    padding-top: 40px

}



.postInfo .title {

    color: #444;

    font-size: 16px;

    transition: all .3s ease-out 0s;

    line-height: 20px

}



.postInfo .subtitle {

    color: #999;

    font-size: 12px;

    margin-top: 4px;

    transition: all .3s ease-out 0s;

    line-height: 14px

}



.postInfo .description {

    margin-top: 20px;

    font-size: 13px;

    line-height: 24px;

    margin-bottom: 24px;

    color: #888

}



.postInfo .usetdate {

    font-size: 13px;

    line-height: 24px

}



.listContent_post h3 {

    font-size: 14px;

    padding: 30px 0

}



.listContent_post>.item_tags {

    padding: 0;

    margin-bottom: 30px;

    border-top: none

}



.postbody {

    margin-bottom: 60px

}



.ff_postPage .ff_pageTarget.module {

    margin-top: 0

}



.ff_postPage .mlist .more {

    display: none !important

}



.ff_pageList,

.ff_postPage {

    padding-bottom: 60px

}



.postInfo .postbody {

    color: #888;

    font-size: 13px

}



#postWrapper::after {

    content: "";

    display: block;

    clear: both

}



.content_list .item_block:nth-child(1) {

    -webkit-animation-delay: 0s;

    animation-delay: 0s

}



.content_list .item_block:nth-child(2) {

    -webkit-animation-delay: .1s;

    animation-delay: .1s

}



.content_list .item_block:nth-child(3) {

    -webkit-animation-delay: .2s;

    animation-delay: .2s

}



.content_list .item_block:nth-child(4) {

    -webkit-animation-delay: .3s;

    animation-delay: .3s

}



.content_list .item_block:nth-child(5) {

    -webkit-animation-delay: .4s;

    animation-delay: .4s

}



.content_list .item_block:nth-child(6) {

    -webkit-animation-delay: .5s;

    animation-delay: .5s

}



.content_list .item_block:nth-child(7) {

    -webkit-animation-delay: .6s;

    animation-delay: .6s

}



.content_list .item_block:nth-child(8) {

    -webkit-animation-delay: .7s;

    animation-delay: .7s

}



.content_list .item_block:nth-child(9) {

    -webkit-animation-delay: 0s;

    animation-delay: 0s

}



.content_list .item_block:nth-child(10) {

    -webkit-animation-delay: .1s;

    animation-delay: .1s

}



.content_list .item_block:nth-child(11) {

    -webkit-animation-delay: .2s;

    animation-delay: .2s

}



.content_list .item_block:nth-child(12) {

    -webkit-animation-delay: .3s;

    animation-delay: .3s

}



.content_list .item_block:nth-child(13) {

    -webkit-animation-delay: .4s;

    animation-delay: .4s

}



.content_list .item_block:nth-child(14) {

    -webkit-animation-delay: .5s;

    animation-delay: .5s

}



.content_list .item_block:nth-child(15) {

    -webkit-animation-delay: .6s;

    animation-delay: .6s

}



.content_list .item_block:nth-child(16) {

    -webkit-animation-delay: .7s;

    animation-delay: .7s

}



.content_list .item_block:nth-child(17) {

    -webkit-animation-delay: 0s;

    animation-delay: 0s

}



.content_list .item_block:nth-child(18) {

    -webkit-animation-delay: .1s;

    animation-delay: .1s

}



.content_list .item_block:nth-child(19) {

    -webkit-animation-delay: .2s;

    animation-delay: .2s

}



.content_list .item_block:nth-child(20) {

    -webkit-animation-delay: .3s;

    animation-delay: .3s

}



.content_list .item_block:nth-child(21) {

    -webkit-animation-delay: .4s;

    animation-delay: .4s

}



.content_list .item_block:nth-child(22) {

    -webkit-animation-delay: .5s;

    animation-delay: .5s

}



.content_list .item_block:nth-child(23) {

    -webkit-animation-delay: .6s;

    animation-delay: .6s

}



.content_list .item_block:nth-child(24) {

    -webkit-animation-delay: .7s;

    animation-delay: .7s

}



#navWrapper {

    display: none

}



body #navMini {

    display: block

}



#indexPage {

    transition: -webkit-filter .66s ease;

    transition: filter .66s ease;

    transition: filter .66s ease, -webkit-filter .66s ease

}



#headTop>* {

    display: none

}



#headTop>#logo {

    display: inline-block;

    margin-left: 48px;

    margin-top: 11px

}



#headTop>#search-header {

    display: block;

    float: right

}



#headTop>#openBtn {

    display: block

}



#headTop .searchGroup #search-header {

    height: 66px;

    line-height: 66px

}



#headTop .searchGroup .searchOnOff {

    display: none

}



#headTop .searchGroup .searchSub {

    display: inline-block;

    line-height: 66px;

    font-size: 18px;

    cursor: pointer

}



#headTop .searchGroup .searchSub span {

    display: none

}



#headTop .searchGroup .searchClose {

    display: none

}



#headTop .searchGroup .searchFormGroup input {

    width: 50px;

    transition: .36s ease;

    border-bottom: 1px solid transparent;

    padding: 5px 10px;

    color: #2c2d2f;

    opacity: 0

}



#headTop .searchGroup .searchFormGroup input:focus {

    opacity: 1;

    width: 150px;

    border-color: #000

}



#headTop .searchFormGroup {

    margin-right: 126px

}



#header {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 10;

    width: 100%;

    border-bottom: 1px solid rgba(0, 0, 0, .1);

    transition: .66s ease

}



#headTop {

    height: 66px

}



#openBtn {

    position: absolute;

    color: #27282c;

    top: 50%;

    right: 42px;

    transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;

    cursor: pointer;

    margin-top: -8px

}



#openBtn .lcbody {

    position: relative;

    width: 24px;

    height: 17px

}



#openBtn .lcitem {

    width: 100%;

    height: 1px;

    background: #000;

    position: absolute;

    transition: .36s ease

}



#openBtn .lcitem.top {

    top: 0

}



#openBtn .lcitem.center {

    display: block;

    top: 8px

}



#openBtn .lcitem.bottom {

    bottom: 0

}



.openMenu #openBtn .lcitem.top {

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

    top: 50%

}



.openMenu #openBtn .lcitem.center {

    opacity: 0

}



.openMenu #openBtn .lcitem.bottom {

    -webkit-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    transform: rotate(-45deg);

    bottom: 50%

}



#navMini {

    position: fixed;

    top: 56px;

    right: 0;

    width: 100%;

    bottom: 0;

    box-sizing: border-box;

    font-size: 14px;

    z-index: 10;

    background: #fff;

    visibility: hidden;

    opacity: 0;

    transition: .36s ease

}



#navMini #minHeadTop,

#navMini .searchGroup {

    display: none

}



#navMini #minNavWrapper {

    position: absolute;

    width: 100%;

    top: 34%;

    opacity: 0;

    padding-top: 50px;

    transition: .36s ease;

    transition-delay: .1s

}



#navMini #minNavWrapper .nav {

    display: inline-block

}



#navMini #minNavWrapper .nav::after {

    content: "";

    display: block;

    clear: both

}



#navMini #minNavWrapper .content {

    text-align: center

}



#navMini #minNavWrapper .navitem {

    position: relative;

    float: left;

    padding: 0 34px;

    margin-right: 25px;

    font-size: 16px;

    color: #2b2b2b;

    line-height: 22px

}



#navMini #minNavWrapper .navitem:nth-last-of-type(1):after {

    display: none

}



#navMini #minNavWrapper .navitem:after {

    content: "";

    position: absolute;

    top: 50%;

    margin-top: -1px;

    width: 25px;

    background: #e6e6e6;

    height: 1px;

    left: 100%

}



#navMini #minNavWrapper .navitem:hover .subnav {

    padding-top: 20px;

    opacity: 1;

    visibility: visible

}



#navMini #minNavWrapper .subnav {

    display: block;

    position: absolute;

    top: 100%;

    width: 100px;

    left: 50%;

    margin-left: -50px;

    padding-top: 30px;

    font-size: 14px;

    visibility: hidden;

    opacity: 0;

    transition: .36s ease

}



#navMini #minNavWrapper .subnav a {

    color: #979797;

    padding: 10px 0;

    display: block

}



.openMenu #header {

    background: #fff

}



.openMenu #navMini {

    visibility: visible;

    opacity: 1

}



.openMenu #navMini #minNavWrapper {

    opacity: 1;

    padding-top: 0

}



#navMini {

    display: none

}



.ff_sitecontent .module .module_container {

    max-width: 1170px;

    margin: 0 auto

}



.npagePage .more {

    display: none !important

}



.ff_pageList .content {

    background: #fff

}



.ff_indexPage .module {

    padding-top: 0;

    padding-bottom: 0

}



.ff_indexPage {

    position: relative

}



.wow {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp

}



.ff_indexPage .mlist .content_wrapper {

    padding-top: 51px

}



.ff_indexPage .mlist .content_wrapper .more_wrap .more {

    display: none

}



.ff_indexPage .mlist .content_wrapper .more {

    display: block;

    line-height: 46px;

    width: 200px;

    text-align: center;

    margin: 50px auto 0;

    font-size: 14px;

    background-color: transparent;

    border: 1px solid rgba(170, 170, 170, .2)

}



.ff_indexPage .mlist .content_wrapper .more:hover {

    color: #fff;

    background-color: #292929

}



.mlist .owl-nav {

    height: 0;

    top: 50%;

    -webkit-transform: translateY(calc(-50%));

    -ms-transform: translateY(calc(-50%));

    transform: translateY(calc(-50%));

    position: absolute;

    width: 100%;

    margin: 0

}



.mlist .owl-nav .owl-next,

.mlist .owl-nav .owl-prev {

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



.mlist .owl-nav .owl-prev {

    position: absolute;

    left: -50px

}



.mlist .owl-nav .owl-next {

    position: absolute;

    right: -50px

}



.mlist .owl-nav .owl-next,

.mlist .owl-nav .owl-prev {

    width: 50px;

    height: 50px

}



.mlist .owl-dots {

    position: absolute;

    bottom: -40px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%)

}



.ff_indexPage #topSlider {

    padding-top: 0;

    padding-bottom: 0

}



#sliderDirThemb,

#sliderDotThemb {

    border-color: #292929

}



#topSlider {

    background: 0 0

}



.ff_topSlider {

    width: 100%;

    height: 100%;

    position: relative;

    overflow: hidden;

    display: block

}



.ff_topSlider .content_list {

    height: 100%;

    overflow: hidden;

    display: block;

    visibility: hidden

}



.ff_topSlider .content_list.owl-loaded {

    visibility: visible

}



.ff_topSlider .content_list[data-slider-mode="3"] {

    width: 3600px;

    padding: 40px 0

}



.ff_topSlider .content_list[data-slider-mode="3"] .owl-stage-outer {

    width: 3600px;

    height: 100%;

    left: 50%;

    margin-left: -1800px

}



.ff_topSlider .content_list[data-slider-mode="3"] .owl-stage-outer:after,

.ff_topSlider .content_list[data-slider-mode="3"] .owl-stage-outer:before {

    content: '';

    width: 1200px;

    height: 100%;

    display: block;

    background-color: rgba(0, 0, 0, .5);

    position: absolute;

    z-index: 2;

    top: 0;

    border: #1c1c1c 30px solid;

    box-sizing: border-box

}



.ff_topSlider .content_list[data-slider-mode="3"] .owl-stage-outer:before {

    left: 0

}



.ff_topSlider .content_list[data-slider-mode="3"] .owl-stage-outer:after {

    right: 0

}



.ff_topSlider .content_list[data-slider-mode="3"] .owl-item.active .item_block p {

    -webkit-transform: translateY(50px);

    -ms-transform: translateY(50px);

    transform: translateY(50px);

    opacity: 0

}



.ff_topSlider .content_list[data-slider-mode="3"] .owl-item.active.active3 .item_block p {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

    opacity: 1

}



.ff_topSlider .content_list .owl-item.active .item_block p {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

    opacity: 1

}



.ff_topSlider .content_list .item_block {

    width: 100%;

    height: 100%;

    display: block;

    position: relative

}



.ff_topSlider .content_list .item_block div.item_bg {

    position: absolute;

    width: 100%;

    height: 100%

}



.ff_topSlider .content_list .item_block div.item_bg.image {

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    width: 100%;

    height: 100%

}



.ff_topSlider .content_list .item_block div.item_bg.video video {

    width: 100%;

    height: 100%

}



.ff_topSlider .content_list .item_block div.mask {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, .3)

}



.ff_topSlider .content_list .item_block a {

    width: 100%;

    height: 100%;

    display: table;

    position: absolute;

    left: 0;

    top: 0

}



.ff_topSlider .content_list .item_block a div {

    display: table-cell;

    vertical-align: middle;

    padding: 100px 50px

}



.ff_topSlider .content_list .item_block a i {

    text-indent: 20px;

    font-size: 24px

}



.ff_topSlider .content_list .item_block p {

    -webkit-transform: translateY(50px);

    -ms-transform: translateY(50px);

    transform: translateY(50px);

    transition: all cubic-bezier(.215, .61, .355, 1) .5s;

    -webkit-transition: all cubic-bezier(.215, .61, .355, 1) .5s;

    opacity: 0;

    color: #fff;

    max-width: 1170px;

    margin: 0 auto

}



.ff_topSlider .content_list .item_block p.title {

    font-size: 46px;

    line-height: 46px;

    height: 46px;

    transition-delay: 0s

}



.ff_topSlider .content_list .item_block p.subtitle {

    font-size: 16px;

    height: 16px;

    color: #ddd;

    transition-delay: .2s;

    margin-top: 6px

}



.ff_topSlider .progress {

    display: none;

    width: 100%;

    height: 1px;

    background: rgba(150, 57, 71, .8);

    bottom: 0;

    position: absolute;

    width: 0;

    z-index: 1

}



.ff_topSlider .owl-nav {

    height: 0;

    top: 50%;

    -webkit-transform: translateY(calc(-50%));

    -ms-transform: translateY(calc(-50%));

    transform: translateY(calc(-50%));

    position: absolute;

    width: 100%;

    margin: 0

}



.ff_topSlider .owl-nav .owl-next,

.ff_topSlider .owl-nav .owl-prev {

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



.ff_topSlider .owl-nav .owl-prev {

    position: absolute;

    left: 0

}



.ff_topSlider .owl-nav .owl-next {

    position: absolute;

    right: 0

}



.ff_topSlider .owl-nav .owl-next,

.ff_topSlider .owl-nav .owl-prev {

    width: 50px;

    height: 50px

}



.ff_topSlider .owl-dots {

    position: absolute;

    bottom: 10px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%)

}



#topSlider .owl-dots {

    right: 0;

    text-align: right;

    width: 100%;

    bottom: 66px;

    max-width: 80%

}



#topSlider .owl-dots .owl-dot {

    width: 27px;

    height: 27px;

    border: 1px solid transparent;

    border-radius: 50%;

    position: relative;

    margin: 0 8px;

    transition: .36s ease

}



#topSlider .owl-dots .owl-dot.active {

    border-color: #120d0c

}



#topSlider .owl-dots .owl-dot.active span {

    background: #120d0c

}



#topSlider .owl-dots .owl-dot:not(.active):hover span {

    background: rgba(18, 13, 12, .6);

    box-shadow: 0 0 4px rgba(18, 13, 12, .6)

}



#topSlider .owl-dots .owl-dot span {

    position: absolute;

    top: 50%;

    left: 50%;

    display: block;

    width: 6px;

    height: 6px;

    margin-top: -3px;

    margin-left: -3px;

    background: rgba(18, 13, 12, .3);

    border: none;

    transition: .36s ease

}



.ff_topSlider .owl-nav .owl-prev {

    text-align: right

}



.ff_topSlider .owl-nav .owl-prev:after {

    content: 'Prev';

    color: #2b2b2d;

    line-height: 50px;

    padding-left: 36px

}



.ff_topSlider .owl-nav .owl-prev:before {

    content: '';

    width: calc(100% - 65px);

    height: 1px;

    background: #27282a;

    position: absolute;

    top: 50%;

    margin-top: -1px;

    left: 0

}



.ff_topSlider .owl-nav .owl-next {

    text-align: left

}



.ff_topSlider .owl-nav .owl-next:before {

    content: 'Next';

    color: #2b2b2d;

    line-height: 50px;

    padding-right: 36px

}



.ff_topSlider .owl-nav .owl-next:after {

    content: '';

    width: calc(100% - 65px);

    height: 1px;

    background: #27282a;

    position: absolute;

    top: 50%;

    margin-top: -1px;

    right: 0

}



.ff_topSlider .owl-nav .owl-next,

.ff_topSlider .owl-nav .owl-prev {

    background: 0 0;

    width: 65px;

    transition: .36s ease

}



.ff_topSlider .owl-nav .owl-next:hover,

.ff_topSlider .owl-nav .owl-prev:hover {

    background: 0 0;

    width: 150px

}



.ff_topSlider .owl-nav .owl-next .iconfont,

.ff_topSlider .owl-nav .owl-prev .iconfont {

    display: none

}



.ff_indexPage .service .content_list::after,

.npagePage:not(.post) .service .content_list::after {

    content: "";

    display: block;

    clear: both

}



.ff_indexPage .service .content_wrapper,

.npagePage:not(.post) .service .content_wrapper {

    position: relative;

    margin-right: -5%

}



.ff_indexPage .service .content_wrapper.slider,

.npagePage:not(.post) .service .content_wrapper.slider {

    margin-right: 0

}



.ff_indexPage .service .content_wrapper.slider .item_block,

.npagePage:not(.post) .service .content_wrapper.slider .item_block {

    margin-bottom: 0

}



.ff_indexPage .service .owl-item .item_block,

.npagePage:not(.post) .service .owl-item .item_block {

    width: 100%

}



.ff_indexPage .service .item_block,

.npagePage:not(.post) .service .item_block {

    transition: all .36s ease;

    width: calc(100% / 4 - 5%);

    height: auto;

    float: left;

    margin-right: 5%;

    margin-bottom: 20px;

    position: relative;

    box-shadow: 0 0 0 rgba(0, 0, 0, .15)

}



.service.mlistpost .listContent_post .content_list::after {

    content: "";

    display: block;

    clear: both

}



.service.mlistpost .listContent_post .content_wrapper {

    position: relative;

    margin-right: 0

}



.service.mlistpost .listContent_post .content_wrapper.slider {

    margin-right: 0

}



.service.mlistpost .listContent_post .content_wrapper.slider .item_block {

    margin-bottom: 0

}



.service.mlistpost .listContent_post .owl-item .item_block {

    width: 100%

}



.service.mlistpost .listContent_post .item_block {

    transition: all .36s ease;

    width: calc(100% / 1 - 0px);

    height: auto;

    float: left;

    margin-right: 0;

    margin-bottom: 20px;

    position: relative;

    box-shadow: 0 0 0 rgba(0, 0, 0, .15)

}



.bodyindex .service .container_content {

    position: relative;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    max-width: 1560px;

    margin: 0 auto;

    width: 90%

}



.bodyindex .service .container_content .item_block,

.bodylist.bodyservice .container_content .item_block {

    border: none;

    text-align: center;

    padding: 56px 26px 40px

}



.bodyindex .service .container_content .item_block .details,

.bodylist.bodyservice .container_content .item_block .details {

    color: transparent;

    font-size: 0;

    line-height: 0;

    border: none;

    margin: 0;

    padding: 0

}



.bodyindex .service .container_content .item_block:hover .details,

.bodylist.bodyservice .container_content .item_block:hover .details {

    background: 0 0

}



.bodyindex .service .container_content .item_block .details,

.bodylist.bodyservice .container_content .item_block .details {

    position: relative;

    height: 31px;

    width: 78px

}



.bodyindex .service .container_content .item_block .details:before,

.bodylist.bodyservice .container_content .item_block .details:before {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    background-color: #000;

    transition: .36s ease;

    opacity: 0;

    width: 1px;

    height: 19px;

    margin-top: -26px

}



.bodyindex .service .container_content .item_block .details:after,

.bodylist.bodyservice .container_content .item_block .details:after {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    background-color: #000;

    transition: .36s ease;

    opacity: 0;

    width: 19px;

    height: 1px;

    margin-left: -46px

}



.bodyindex .service .container_content .item_block:hover .details:before,

.bodylist.bodyservice .container_content .item_block:hover .details:before {

    opacity: 1;

    margin-top: -9px

}



.bodyindex .service .container_content .item_block:hover .details:after,

.bodylist.bodyservice .container_content .item_block:hover .details:after {

    opacity: 1;

    margin-left: -9px

}



.bodyindex .service .container_content .item_block .item_wrapper,

.bodylist.bodyservice .container_content .item_block .item_wrapper {

    padding-top: 20px

}



.bodyindex .service .container_content .item_block .item_des,

.bodylist.bodyservice .container_content .item_block .item_des {

    margin-top: 20px;

    margin-bottom: 10px

}



.bodyindex .service .container_content .item_block .description,

.bodylist.bodyservice .container_content .item_block .description {

    color: #666

}



.bodyindex .service .container_content .item_block .item_info .title,

.bodylist.bodyservice .container_content .item_block .item_info .title {

    font-size: 18px

}



.bodyindex .service .container_content .item_block .date_wrap,

.bodyindex .service .container_content .item_block .item_tags,

.bodyindex .service .container_content .item_block .subtitle,

.bodylist.bodyservice .container_content .item_block .date_wrap,

.bodylist.bodyservice .container_content .item_block .item_tags,

.bodylist.bodyservice .container_content .item_block .subtitle {

    display: none

}



.bodyindex .service .container_content .item_block:hover,

.bodylist.bodyservice .container_content .item_block:hover {

    background-color: #fff;

    box-shadow: 0 14px 50px 0 rgba(106, 105, 105, .16)

}



.bodyindex .service.ff_slider .owl-stage-outer {

    padding: 30px 20px

}



#banner div {

    background-repeat: no-repeat;

    background-position: center center

}



.bodylist #banner {

    position: fixed;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%

}



.bodylist #banner div {

    height: 100%;

    background-repeat: no-repeat;

    background-position: center bottom

}



.bodylist.bodyservice .ff_sitecontent {

    width: 80%;

    margin: 0 auto

}



@media screen and (max-width:1366px) {

    .ff_pageList .service.ff_noSlider .content_wrapper {

        margin-right: -4%

    }

    .ff_pageList .service.ff_noSlider .item_block {

        width: calc(100% / 3 - 4%);

        margin-right: 4%

    }

}



.project.mlistpost .listContent_post .content_list::after {

    content: "";

    display: block;

    clear: both

}



.project.mlistpost .listContent_post .content_wrapper {

    position: relative;

    margin-right: -15px

}



.project.mlistpost .listContent_post .content_wrapper.slider {

    margin-right: 0

}



.project.mlistpost .listContent_post .content_wrapper.slider .item_block {

    margin-bottom: 0

}



.project.mlistpost .listContent_post .owl-item .item_block {

    width: 100%

}



.project.mlistpost .listContent_post .item_block {

    transition: all .36s ease;

    width: calc(100% / 3 - 15px);

    height: auto;

    float: left;

    margin-right: 15px;

    margin-bottom: 20px;

    position: relative;

    box-shadow: 0 0 0 rgba(0, 0, 0, .15)

}



.bodyindex .ff_sitecontent .project .module_container {

    height: calc(100% - 66px - 67px);

    width: 82%;

    overflow: hidden

}



.bodyindex .project .container_content,

.bodylist.bodyproject .container_content,

.bodylistpost.bodyproject .listContent_post {

    min-width: 100%

}



.bodyindex .project .container_content .content_wrapper,

.bodylist.bodyproject .container_content .content_wrapper,

.bodylistpost.bodyproject .listContent_post .content_wrapper {

    cursor: url(../image/move-3.png), auto

}



.bodyindex .project .container_content .content_list,

.bodylist.bodyproject .container_content .content_list,

.bodylistpost.bodyproject .listContent_post .content_list {

    height: 600px;

    cursor: url(../image/move-3.png), default

}



.bodyindex .project .container_content .content_list .item_block:hover .item_img,

.bodylist.bodyproject .container_content .content_list .item_block:hover .item_img,

.bodylistpost.bodyproject .listContent_post .content_list .item_block:hover .item_img {

    -webkit-transform: scale(.9);

    -ms-transform: scale(.9);

    transform: scale(.9)

}



.bodyindex .project .container_content .content_list .item_block:hover .item_img img,

.bodylist.bodyproject .container_content .content_list .item_block:hover .item_img img,

.bodylistpost.bodyproject .listContent_post .content_list .item_block:hover .item_img img {

    -webkit-transform: scale(1.2);

    -ms-transform: scale(1.2);

    transform: scale(1.2)

}



.bodyindex .project .container_content .content_list .item_block:hover .item_box .item_wrapper,

.bodylist.bodyproject .container_content .content_list .item_block:hover .item_box .item_wrapper,

.bodylistpost.bodyproject .listContent_post .content_list .item_block:hover .item_box .item_wrapper {

    opacity: 1;

    bottom: 0

}



.bodyindex .project .container_content .item_block,

.bodylist.bodyproject .container_content .item_block,

.bodylistpost.bodyproject .listContent_post .item_block {

    display: inline-block;

    border: none;

    width: 390px;

    position: relative;

    padding: 40px 50px;

    cursor: url(../image/move-3.png), auto

}



.bodyindex .project .container_content .item_block .date_wrap,

.bodyindex .project .container_content .item_block .details,

.bodyindex .project .container_content .item_block .item_des,

.bodyindex .project .container_content .item_block .item_tags,

.bodylist.bodyproject .container_content .item_block .date_wrap,

.bodylist.bodyproject .container_content .item_block .details,

.bodylist.bodyproject .container_content .item_block .item_des,

.bodylist.bodyproject .container_content .item_block .item_tags,

.bodylistpost.bodyproject .listContent_post .item_block .date_wrap,

.bodylistpost.bodyproject .listContent_post .item_block .details,

.bodylistpost.bodyproject .listContent_post .item_block .item_des,

.bodylistpost.bodyproject .listContent_post .item_block .item_tags {

    display: none

}



.bodyindex .project .container_content .item_block .item_img,

.bodylist.bodyproject .container_content .item_block .item_img,

.bodylistpost.bodyproject .listContent_post .item_block .item_img {

    transition: .36s ease

}



.bodyindex .project .container_content .item_block img,

.bodylist.bodyproject .container_content .item_block img,

.bodylistpost.bodyproject .listContent_post .item_block img {

    width: 100%

}



.bodyindex .project .container_content .item_block .item_box,

.bodylist.bodyproject .container_content .item_block .item_box,

.bodylistpost.bodyproject .listContent_post .item_block .item_box {

    display: block

}



.bodyindex .project .container_content .item_block .item_box .item_wrapper,

.bodylist.bodyproject .container_content .item_block .item_box .item_wrapper,

.bodylistpost.bodyproject .listContent_post .item_block .item_box .item_wrapper {

    position: absolute;

    left: 0;

    bottom: -10px;

    width: 100%;

    text-align: center;

    padding: 0;

    opacity: 0;

    transition: .36s ease

}



.bodyindex .project .container_content .item_block_wrapper,

.bodylist.bodyproject .container_content .item_block_wrapper,

.bodylistpost.bodyproject .listContent_post .item_block_wrapper {

    height: 600px;

    float: left;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.bodyindex .project .container_content .item_block_wrapper .item_block,

.bodylist.bodyproject .container_content .item_block_wrapper .item_block,

.bodylistpost.bodyproject .listContent_post .item_block_wrapper .item_block {

    display: block

}



.bodyindex .project .container_content {

    cursor: pointer;

    height: 100%

}



.bodyindex .project .container_content .content_list {

    position: relative;

    width: 100%;

    margin: 0 auto;

    height: 600px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    overflow: hidden

}



.bodyindex .project .container_content .content_wrapper {

    height: 100%

}



.bodylist.bodyproject #footer {

    position: absolute;

    bottom: 0;

    width: 100%;

    left: 0;

    z-index: 10;

    text-indent: 300px

}



.bodylist.bodyproject .ff_pageTarget {

    position: absolute;

    left: 0;

    height: 100%;

    top: 0;

    width: 266px;

    border-right: 1px solid #e7e7e7;

    z-index: 5;

    background: #fff

}



.bodylist.bodyproject .ff_pageTarget .container_target {

    display: none

}



.bodylist.bodyproject .npagePage.ff_pageList {

    padding-top: 0

}



.bodylist.bodyproject .module.project {

    padding-left: 268px

}



.bodylist.bodyproject .npagePage .ff_pageTarget .module_container {

    position: absolute;

    top: 40%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 100%;

    height: auto

}



.bodylist.bodyproject .npagePage .ff_pageTarget .container_category {

    text-align: left;

    float: none

}



.bodylist.bodyproject .npagePage .ff_pageTarget .container_category a {

    display: block;

    text-align: left;

    padding-right: 20%;

    margin: 0;

    padding-left: 24%;

    left: 0;

    right: auto

}



.bodylist.bodyproject .npagePage .ff_pageTarget .container_category a:after {

    width: 0;

    bottom: 50%

}



.bodylist.bodyproject .npagePage .ff_pageTarget .container_category a.active:after,

.bodylist.bodyproject .npagePage .ff_pageTarget .container_category a:hover:after {

    width: 14%;

    background: #292929

}



.bodylist.bodyproject .npagePage .ff_pageTarget .container_category a:not(:last-child) {

    margin-bottom: 28px

}



.bodylist.bodyproject #pages {

    display: inline-block;

    padding-left: 34px

}



.bodylistpost.bodyproject .ff_pageTarget {

    display: none

}



.bodylistpost.bodyproject .postContent {

    padding-top: 110px

}



.bodylistpost.bodyproject .postInfo {

    border-bottom: 1px solid #efefef;

    margin-bottom: 80px

}



.bodylistpost.bodyproject .postInfo .title {

    line-height: 1em

}



.bodylistpost.bodyproject .postInfo .description {

    margin: 0;

    max-width: 70%

}



.bodylistpost.bodyproject .postInfo .usetdate {

    display: none

}



.bodylistpost.bodyproject .postbody {

    color: #999;

    margin-bottom: 110px

}



.bodylistpost.bodyproject .container_content {

    padding-top: 0

}



.bodylistpost.bodyproject .postSlider {

    position: relative

}



.bodylistpost.bodyproject .postSlider .tab_content {

    padding-bottom: 30px

}



.bodylistpost.bodyproject .postSlider .tab_content .owl-next,

.bodylistpost.bodyproject .postSlider .tab_content .owl-prev {

    width: 42px;

    height: 42px;

    background: rgba(255, 255, 255, .32)

}



.bodylistpost.bodyproject .postSlider .tab_content .owl-next .iconfont,

.bodylistpost.bodyproject .postSlider .tab_content .owl-prev .iconfont {

    color: rgba(195, 195, 195, .66);

    transition: .36s ease

}



.bodylistpost.bodyproject .postSlider .tab_content .owl-next:hover,

.bodylistpost.bodyproject .postSlider .tab_content .owl-prev:hover {

    background: #fff

}



.bodylistpost.bodyproject .postSlider .tab_content .owl-next:hover .iconfont,

.bodylistpost.bodyproject .postSlider .tab_content .owl-prev:hover .iconfont {

    color: #555

}



.bodylistpost.bodyproject .postSlider .tab_content .owl-prev {

    left: 0

}



.bodylistpost.bodyproject .postSlider .tab_content .owl-next {

    right: 0

}



.bodylistpost.bodyproject .postSlider .tab_content .item_img {

    height: auto

}



.bodylistpost.bodyproject .postSlider .tab_content .item_img img {

    width: 100%;

    height: auto

}



.bodylistpost.bodyproject .postSlider .tab_button {

    position: absolute;

    position: absolute;

    width: 100%;

    text-align: center;

    bottom: 0

}



.bodylistpost.bodyproject .postSlider .tab_button .owl-stage-outer {

    display: inline-block

}



.bodylistpost.bodyproject .postContent {

    width: 1170px;

    margin: 0 auto

}



.bodylistpost.bodyproject .listContent_post {

    padding-top: 52px

}



.bodylistpost.bodyproject .listContent_post .content_list {

    height: auto

}



.bodylistpost.bodyproject .listContent_post h3 {

    width: 1170px;

    margin: 0 auto;

    font-size: 14px

}



.bodylistpost.bodyproject .listContent_post .item_tags {

    display: none

}



.postSlider .tab_button .item_block {

    padding: 10px

}



.postSlider .tab_button .item_block .item_img {

    transition: .36s ease

}



.postSlider .tab_button .item_block .item_img:after {

    border: 1px solid transparent

}



.postSlider .tab_button .item_block.current .item_img:after,

.postSlider .tab_button .item_block:hover .item_img:after {

    border-color: #fff

}



.postSlider .tab_button .item_block.current .item_img {

    box-shadow: 0 4px 10px rgba(0, 0, 0, .12)

}



.bodylistpost.bodyproject .conTabBtn {

    opacity: 0;

    transition: .36s ease

}



.bodylistpost.bodyproject._sliderOut .conTabBtn {

    opacity: 1

}



@media screen and (max-width:1366px) {

    .bodyindex .ff_sitecontent .project .module_container {

        width: 92%

    }

}



.ff_indexPage .team .content_list::after,

.npagePage:not(.post) .team .content_list::after {

    content: "";

    display: block;

    clear: both

}



.ff_indexPage .team .content_wrapper,

.npagePage:not(.post) .team .content_wrapper {

    position: relative;

    margin-right: -12%

}



.ff_indexPage .team .content_wrapper.slider,

.npagePage:not(.post) .team .content_wrapper.slider {

    margin-right: 0

}



.ff_indexPage .team .content_wrapper.slider .item_block,

.npagePage:not(.post) .team .content_wrapper.slider .item_block {

    margin-bottom: 0

}



.ff_indexPage .team .owl-item .item_block,

.npagePage:not(.post) .team .owl-item .item_block {

    width: 100%

}



.ff_indexPage .team .item_block,

.npagePage:not(.post) .team .item_block {

    transition: all .36s ease;

    width: calc(100% / 3 - 12%);

    height: auto;

    float: left;

    margin-right: 12%;

    margin-bottom: 20px;

    position: relative;

    box-shadow: 0 0 0 rgba(0, 0, 0, .15)

}



.team.mlistpost .listContent_post .content_list::after {

    content: "";

    display: block;

    clear: both

}



.team.mlistpost .listContent_post .content_wrapper {

    position: relative;

    margin-right: 0

}



.team.mlistpost .listContent_post .content_wrapper.slider {

    margin-right: 0

}



.team.mlistpost .listContent_post .content_wrapper.slider .item_block {

    margin-bottom: 0

}



.team.mlistpost .listContent_post .owl-item .item_block {

    width: 100%

}



.team.mlistpost .listContent_post .item_block {

    transition: all .36s ease;

    width: calc(100% / 1 - 0px);

    height: auto;

    float: left;

    margin-right: 0;

    margin-bottom: 20px;

    position: relative;

    box-shadow: 0 0 0 rgba(0, 0, 0, .15)

}



.team.mlistpost .item_img {

    display: none

}



.team.mlistpost .content_list .item_block .item_wrapper {

    width: 100%

}



.bodyindex .team .container_content {

    position: absolute;

    width: 80%;

    max-width: 1342px;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.ff_indexPage .team .content_wrapper {

    height: 100%

}



.bodyindex .team .container_content .item_block,

.bodylist.bodyteam .container_content .item_block {

    border: none

}



.bodyindex .team .container_content .item_block .date_wrap,

.bodyindex .team .container_content .item_block .details,

.bodyindex .team .container_content .item_block .item_des,

.bodyindex .team .container_content .item_block .item_tags,

.bodylist.bodyteam .container_content .item_block .date_wrap,

.bodylist.bodyteam .container_content .item_block .details,

.bodylist.bodyteam .container_content .item_block .item_des,

.bodylist.bodyteam .container_content .item_block .item_tags {

    display: none

}



.bodyindex .team .container_content .item_block .item_img,

.bodylist.bodyteam .container_content .item_block .item_img {

    top: 15px;

    transition: .46s ease

}



.bodyindex .team .container_content .item_block>.item_index,

.bodylist.bodyteam .container_content .item_block>.item_index {

    display: block;

    margin-bottom: 24px;

    font-size: 14px;

    text-indent: 4px;

    color: #292929;

    opacity: 0;

    transition: .46s ease

}



.bodyindex .team .container_content .item_block .item_wrapper,

.bodylist.bodyteam .container_content .item_block .item_wrapper {

    height: 56px

}



.bodyindex .team .container_content .item_block .subtitle,

.bodyindex .team .container_content .item_block .title,

.bodylist.bodyteam .container_content .item_block .subtitle,

.bodylist.bodyteam .container_content .item_block .title {

    box-sizing: border-box;

    transition: .46s ease

}



.bodyindex .team .container_content .item_block .subtitle,

.bodylist.bodyteam .container_content .item_block .subtitle {

    padding-top: 22px;

    height: 22px

}



.bodyindex .team .container_content .item_block .title,

.bodylist.bodyteam .container_content .item_block .title {

    padding-top: 30px;

    height: 30px

}



.bodyindex .team .container_content .item_block:hover .subtitle,

.bodyindex .team .container_content .item_block:hover .title,

.bodylist.bodyteam .container_content .item_block:hover .subtitle,

.bodylist.bodyteam .container_content .item_block:hover .title {

    padding-top: 0

}



.bodyindex .team .container_content .item_block:hover>.item_index,

.bodylist.bodyteam .container_content .item_block:hover>.item_index {

    opacity: 1

}



.bodyindex .team .container_content .item_block:hover .item_img,

.bodylist.bodyteam .container_content .item_block:hover .item_img {

    top: 0

}



.bodyindex .team .content_list .item_block .item_box .item_wrapper {

    padding-left: 0

}



.bodylist.bodyteam .ff_sitecontent {

    width: 80%;

    margin: 0 auto

}



.bodylist.bodyteam .ff_sitecontent .module {

    width: 80%;

    margin: 0 auto

}



.bodylist.bodyteam .container_content .item_block img {

    width: 100%

}



.bodylistpost.bodyteam {

    overflow: hidden

}



.bodylistpost.bodyteam .container_content {

    padding-top: 0

}



.bodylistpost.bodyteam .ff_pageTarget {

    display: none

}



.bodylistpost.bodyteam .postSlider {

    max-width: 480px;

    width: 36%;

    float: right

}



.bodylistpost.bodyteam .postSlider .tab_content {

    padding: 0

}



.bodylistpost.bodyteam .postSlider .tab_content .item_img {

    display: block;

    height: auto

}



.bodylistpost.bodyteam .postSlider .tab_content .item_img img {

    width: 100%

}



.bodylistpost.bodyteam .postSlider .tab_button {

    display: none

}



.bodylistpost.bodyteam .postContent {

    float: left;

    width: calc(100% - 670px);

    padding-top: calc(100vh * .18)

}



.bodylistpost.bodyteam .postContent .title {

    font-size: 26px;

    line-height: 1.8em

}



.bodylistpost.bodyteam .postContent .subtitle {

    color: #a0a0a0

}



.bodylistpost.bodyteam .postContent .usetdate {

    display: none

}



.bodylistpost.bodyteam .postContent .description {

    display: none

}



.bodylistpost.bodyteam .postContent .postInfo {

    margin-bottom: 70px

}



.bodylistpost.bodyteam .postContent .postbody {

    height: calc(100vh * .72 - 134px);

    overflow: hidden

}



.bodylistpost.bodyteam .module {

    width: 78%;

    margin: 0 auto

}



.bodylistpost.bodyteam .module .postSlider~.listWrap {

    padding-top: 0

}



.bodylistpost.bodyteam .module .postSlider~.listWrap .postInfo {

    padding: 55px

}



.bodylistpost.bodyteam .module .listWrap {

    float: right;

    height: 100vh;

    background: #eaeaea;

    padding-top: calc(100vh * .18);

    max-width: 480px;

    width: 36%

}



.bodylistpost.bodyteam .module .listWrap .postInfo {

    box-sizing: border-box;

    padding: 0 55px;

    display: block

}



.bodylistpost.bodyteam .module .listWrap .postInfo .usetdate {

    display: none

}



.bodylistpost.bodyteam .module .listWrap .postInfo .subtitle,

.bodylistpost.bodyteam .module .listWrap .postInfo .title {

    display: none

}



.bodylistpost.bodyteam .module .listWrap .postInfo .title {

    line-height: 30px

}



.bodylistpost.bodyteam #footer {

    position: fixed;

    bottom: 0

}



@media screen and (max-width:1366px) {

    .bodyindex .team .container_content .content_wrapper,

    .bodylist.bodyteam .container_content .content_wrapper {

        margin-right: -8%

    }

    .bodyindex .team .container_content .item_block,

    .bodylist.bodyteam .container_content .item_block {

        width: calc(100% / 3 - 8%);

        margin-right: 8%

    }

}



.bodyindex .team.ff_noSlider .container_content .item_block:nth-child(3n),

.bodylist.bodyteam .team.ff_noSlider .container_content .item_block:nth-child(3n) {

    margin-right: 0

}



.bodylistpost.bodyteam #headTop .searchFormGroup {

    margin-right: 112px

}



body .news .content_list::after {

    content: "";

    display: block;

    clear: both

}



body .news .content_wrapper {

    position: relative;

    margin-right: -20px

}



body .news .content_wrapper.slider {

    margin-right: 0

}



body .news .content_wrapper.slider .item_block {

    margin-bottom: 0

}



body .news .owl-item .item_block {

    width: 100%

}



body .news .item_block {

    transition: all .36s ease;

    width: calc(100% / 2 - 20px);

    height: auto;

    float: left;

    margin-right: 20px;

    margin-bottom: 20px;

    position: relative;

    box-shadow: 0 0 0 rgba(0, 0, 0, .15)

}



.ff_indexPage .news.ff_noSlider .content_wrapper,

.ff_pageList .news.ff_noSlider .content_wrapper {

    margin-right: -4%

}



.ff_indexPage .news.ff_noSlider .item_block,

.ff_pageList .news.ff_noSlider .item_block {

    width: calc(100% / 4 - 4%);

    margin-right: 4%

}



.news.mlistpost .listContent_post .content_list::after {

    content: "";

    display: block;

    clear: both

}



.news.mlistpost .listContent_post .content_wrapper {

    position: relative;

    margin-right: -15px

}



.news.mlistpost .listContent_post .content_wrapper.slider {

    margin-right: 0

}



.news.mlistpost .listContent_post .content_wrapper.slider .item_block {

    margin-bottom: 0

}



.news.mlistpost .listContent_post .owl-item .item_block {

    width: 100%

}



.news.mlistpost .listContent_post .item_block {

    transition: all .36s ease;

    width: calc(100% / 3 - 15px);

    height: auto;

    float: left;

    margin-right: 15px;

    margin-bottom: 20px;

    position: relative;

    box-shadow: 0 0 0 rgba(0, 0, 0, .15)

}



.news.mlistpost .item_img {

    display: none

}



.news.mlistpost .content_list .item_block .item_wrapper {

    width: 100%

}



.bodyindex .news.module .container_content .item_block,

.bodylist.bodynews .container_content .item_block,

.bodylistpost.bodynews .listContent_post .item_block {

    border: none

}



.bodyindex .news.module .container_content .item_block .date_wrap,

.bodyindex .news.module .container_content .item_block .details,

.bodyindex .news.module .container_content .item_block .item_tags,

.bodylist.bodynews .container_content .item_block .date_wrap,

.bodylist.bodynews .container_content .item_block .details,

.bodylist.bodynews .container_content .item_block .item_tags,

.bodylistpost.bodynews .listContent_post .item_block .date_wrap,

.bodylistpost.bodynews .listContent_post .item_block .details,

.bodylistpost.bodynews .listContent_post .item_block .item_tags {

    display: none

}



.bodyindex .news.module .container_content .item_block .item_box>.date_wrap,

.bodylist.bodynews .container_content .item_block .item_box>.date_wrap,

.bodylistpost.bodynews .listContent_post .item_block .item_box>.date_wrap {

    display: block;

    padding-top: 56px

}



.bodyindex .news.module .container_content .item_block .item_box>.date_wrap .time-connect,

.bodyindex .news.module .container_content .item_block .item_box>.date_wrap .year,

.bodylist.bodynews .container_content .item_block .item_box>.date_wrap .time-connect,

.bodylist.bodynews .container_content .item_block .item_box>.date_wrap .year,

.bodylistpost.bodynews .listContent_post .item_block .item_box>.date_wrap .time-connect,

.bodylistpost.bodynews .listContent_post .item_block .item_box>.date_wrap .year {

    display: none

}



.bodyindex .news.module .container_content .item_block .item_box>.date_wrap .d,

.bodylist.bodynews .container_content .item_block .item_box>.date_wrap .d,

.bodylistpost.bodynews .listContent_post .item_block .item_box>.date_wrap .d {

    padding: 0 4px

}



.bodyindex .news.module .container_content .item_block .item_wrapper,

.bodylist.bodynews .container_content .item_block .item_wrapper,

.bodylistpost.bodynews .listContent_post .item_block .item_wrapper {

    padding: 0;

    padding-bottom: 46px

}



.bodyindex .news.module .container_content .item_block .item_info,

.bodylist.bodynews .container_content .item_block .item_info,

.bodylistpost.bodynews .listContent_post .item_block .item_info {

    margin-bottom: 26px

}



.bodyindex .news.module .container_content .item_block .item_des,

.bodylist.bodynews .container_content .item_block .item_des,

.bodylistpost.bodynews .listContent_post .item_block .item_des {

    margin-top: 0;

    height: 72px

}



.bodyindex .news.ff_slider .container_content {

    height: 100%

}



.bodyindex .news.ff_slider .content_wrapper {

    position: relative;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    height: auto;

    max-width: 1516px;

    margin: 0;

    margin: 0 auto;

    width: 80%

}



.bodyindex .news.ff_slider .content_wrapper::after {

    content: "";

    display: block;

    clear: both

}



.bodyindex .news.ff_slider .tab_content {

    width: 46%;

    margin-right: 20px;

    float: left

}



.bodyindex .news.ff_slider .tab_content .owl-nav {

    display: none

}



.bodyindex .news.ff_slider .tab_content .date_wrap,

.bodyindex .news.ff_slider .tab_content .item_wrapper {

    width: 60%;

    max-width: 340px;

    float: right;

    clear: both

}



.bodyindex .news.ff_slider .tab_content .item_img {

    clear: both

}



.bodyindex .news.ff_slider .tab_button {

    width: calc(52%);

    float: right

}



.bodyindex .news.ff_noSlider .module_container {

    width: 80%;

    height: auto

}



.bodyindex .news.ff_noSlider .tab_button,

.bodylist.bodynews .tab_button {

    display: none

}



.bodyindex .news.ff_noSlider .content_list .item_block,

.bodylist.bodynews .content_list .item_block {

    margin-bottom: 70px

}



.bodyindex .news.ff_noSlider .content_list .item_block .item_info,

.bodylist.bodynews .content_list .item_block .item_info {

    margin-bottom: 32px

}



.bodyindex .news.ff_noSlider .content_list .item_block .item_box .item_wrapper,

.bodylist.bodynews .content_list .item_block .item_box .item_wrapper {

    padding: 0;

    width: 86%

}



.bodyindex .news.ff_noSlider .content_list .item_block .item_des,

.bodylist.bodynews .content_list .item_block .item_des {

    height: auto;

    margin-bottom: 46px

}



.bodyindex .news.ff_noSlider .ff_sitecontent,

.bodylist.bodynews .ff_sitecontent {

    width: 80%;

    margin: 0 auto

}



._dirBtn {

    position: absolute;

    top: 50%;

    height: 0;

    width: 100%;

    z-index: 10

}



._dirBtn .icon {

    display: block;

    width: 36px;

    height: 90px;

    margin-top: -45px;

    text-align: center;

    cursor: pointer

}



._dirBtn .icon:before {

    content: "";

    font-family: mofont;

    font-size: 14px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    color: #838383;

    line-height: 90px;

    font-size: 30px

}



._dirBtn .icon.prev:before {

    content: "\e62a"

}



._dirBtn .icon.prev {

    position: absolute;

    left: -85px

}



._dirBtn .icon.next {

    position: absolute;

    right: -85px

}



.bodylistpost.bodynews .listContent_post .item_img {

    display: block;

    width: 100%;

    float: none

}



@media screen and (max-width:1366px) {

    .ff_pageList .news.ff_noSlider .content_wrapper {

        margin-right: -4%

    }

    .ff_pageList .news.ff_noSlider .item_block {

        width: calc(100% / 3 - 4%);

        margin-right: 4%

    }

    .ff_indexPage .news.ff_noSlider .content_wrapper {

        margin-right: -20px

    }

    .ff_indexPage .news.ff_noSlider .item_block {

        width: calc(100% / 4 - 20px);

        margin-right: 20px

    }

}



@media screen and (max-width:1280px) {

    .bodyindex .news.ff_slider .tab_content {

        width: 64%

    }

    .bodyindex .news.ff_slider .tab_button {

        width: 32%

    }

}



.mcustomize.ff_ti .contentbody {

    display: none

}



.mcustomize.ff_ti .link_icon {

    display: none

}



.mcustomize .link_icon {

    display: none

}



.mcustomize.tlir .module_container::after,

.mcustomize.tril .module_container::after {

    content: "";

    display: block;

    clear: both

}



.mcustomize.tlir .container_content,

.mcustomize.tril .container_content {

    position: relative

}



.mcustomize.tlir .container_content::after,

.mcustomize.tril .container_content::after {

    content: "";

    display: block;

    clear: both

}



.mcustomize.tlir .container_content .contentbody .wrapper,

.mcustomize.tril .container_content .contentbody .wrapper {

    padding-top: 60px

}



.mcustomize.tlir .container_content .contentbody .wrapper .header,

.mcustomize.tril .container_content .contentbody .wrapper .header {

    position: absolute;

    top: 0;

    height: 60px

}



.mcustomize.tlir .container_content .contentbody .wrapper .description,

.mcustomize.tril .container_content .contentbody .wrapper .description {

    max-width: 700px;

    margin: auto;

    margin-top: 50px

}



.mcustomize.tlir .container_content .mediabody .image,

.mcustomize.tril .container_content .mediabody .image {

    width: 400px;

    height: 260px;

    background-size: cover;

    background-repeat: no-repeat

}



.mcustomize.tlir .container_content .mediabody .link_icon,

.mcustomize.tril .container_content .mediabody .link_icon {

    display: none

}



.mcustomize.tlir .contentbody {

    float: left

}



.mcustomize.tlir .mediabody {

    float: right

}



.mcustomize.tril .contentbody {

    float: right

}



.mcustomize.tril .mediabody {

    float: left

}



.bodyindex .mcustomize .container_content {

    position: relative;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    margin: 0 auto;

    width: 86%;

    top: 50%;

    max-width: 1075px

}



.mcustomize.tlir .container_content .contentbody .wrapper .description,

.mcustomize.tril .container_content .contentbody .wrapper .description {

    max-width: 100%

}



.mcustomize.tlir .container_content,

.mcustomize.tril .container_content {

    width: 100%

}



.mcustomize.tlir .module_container,

.mcustomize.tril .module_container {

    width: 1170px

}



.mcustomize.tlir .mediabody,

.mcustomize.tril .mediabody {

    padding-top: 60px

}



.ff_indexPage .mcounter {

    padding-top: 0;

    padding-bottom: 0

}



.ff_indexPage .mcounter .container_content {

    position: absolute;

    width: 100%;

    height: 190px

}



.ff_indexPage .mcounter .content_list {

    width: 100%;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translateX(-50%) translateY(-50%);

    -ms-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

    padding: 0

}



.ff_indexPage .mcounter .content_list::after {

    content: "";

    display: block;

    clear: both

}



.ff_indexPage .mcounter .content_list li {

    width: 25%;

    float: left;

    text-align: center;

    position: relative

}



.ff_indexPage .mcounter .content_list li:not(:last-child):after {

    content: '';

    position: absolute;

    width: 1px;

    height: 45px;

    background-color: rgba(170, 170, 170, .2);

    right: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



.ff_indexPage .mcounter .content_list li .title {

    color: #999;

    font-size: 13px;

    line-height: 30px

}



.ff_indexPage .mcounter .content_list li p {

    text-align: center;

    font-size: 14px

}



.ff_indexPage .mcounter .content_list li p.number .counterDX {

    font-size: 50px;

    font-family: helveticaneuethn, Arial;

    text-align: center;

    margin-top: 15px;

    line-height: 52px;

    vertical-align: top

}



.ff_indexPage .mcounter .content_list li p.number .title {

    font-size: 13px;

    line-height: 30px

}



.ff_indexPage .mcounter .content_list li p.number .unit {

    position: relative;

    top: 1px;

    left: 3px;

    font-size: 14px;

    vertical-align: top

}



.ff_indexPage .mcounter .module_container {

    position: relative;

    height: 190px

}



.mcounter {

    position: relative

}



.ff_indexPage .mcounter .container_content {

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



.ff_indexPage .mcounter.module .content_list {

    display: inline-block;

    margin: 0 auto;

    width: auto

}



.ff_indexPage .mcounter.module .content_list li {

    margin-right: -1px;

    width: auto;

    height: 165px;

    padding: 0 52px

}



.ff_indexPage .mcounter.module .content_list li .number .counterDX {

    line-height: 165px;

    font-family: "宋体"

}



.ff_indexPage .mcounter.module .content_list li .title,

.ff_indexPage .mcounter.module .content_list li .unit {

    white-space: nowrap;

    color: #666

}



.ff_indexPage .mcounter.module .content_list li:after {

    display: none

}



.ff_indexPage .mcounter.module .content_list li:nth-child(1) .title,

.ff_indexPage .mcounter.module .content_list li:nth-child(1) .unit {

    position: absolute;

    top: 0;

    right: calc(100% + 28px);

    left: auto;

    top: 50%

}



.ff_indexPage .mcounter.module .content_list li:nth-child(1) .unit {

    -webkit-transform: translateY(10px);

    -ms-transform: translateY(10px);

    transform: translateY(10px)

}



.ff_indexPage .mcounter.module .content_list li:nth-child(1) .title {

    -webkit-transform: translateY(-18px);

    -ms-transform: translateY(-18px);

    transform: translateY(-18px)

}



.ff_indexPage .mcounter.module .content_list li:nth-child(2) .title,

.ff_indexPage .mcounter.module .content_list li:nth-child(2) .unit {

    position: absolute;

    top: calc(100% + 28px);

    left: 0;

    width: 100%;

    text-align: center

}



.ff_indexPage .mcounter.module .content_list li:nth-child(2) .unit {

    -webkit-transform: translateY(10px);

    -ms-transform: translateY(10px);

    transform: translateY(10px)

}



.ff_indexPage .mcounter.module .content_list li:nth-child(2) .title {

    -webkit-transform: translateY(-18px);

    -ms-transform: translateY(-18px);

    transform: translateY(-18px)

}



.ff_indexPage .mcounter.module .content_list li:nth-child(3) .title,

.ff_indexPage .mcounter.module .content_list li:nth-child(3) .unit {

    position: absolute;

    top: auto;

    bottom: calc(100% + 22px);

    left: 0;

    width: 100%;

    text-align: left;

    text-index: 4px

}



.ff_indexPage .mcounter.module .content_list li:nth-child(3) .unit {

    -webkit-transform: translateY(10px);

    -ms-transform: translateY(10px);

    transform: translateY(10px)

}



.ff_indexPage .mcounter.module .content_list li:last-child .title,

.ff_indexPage .mcounter.module .content_list li:last-child .unit {

    position: absolute;

    top: 0;

    left: calc(100% + 28px);

    top: 50%

}



.ff_indexPage .mcounter.module .content_list li:last-child .unit {

    -webkit-transform: translateY(10px);

    -ms-transform: translateY(10px);

    transform: translateY(10px)

}



.ff_indexPage .mcounter.module .content_list li:last-child .title {

    -webkit-transform: translateY(-18px);

    -ms-transform: translateY(-18px);

    transform: translateY(-18px)

}



.ff_indexPage .mcounter.module .content_list li ._addreact {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%

}



.ff_indexPage .mcounter.module .content_list li ._addreact>div {

    position: absolute;

    width: 20px;

    height: 20px;

    border: 1px solid #d8d8d8

}



.ff_indexPage .mcounter.module .content_list li ._addreact .tl {

    top: 0;

    left: 0;

    border-width: 1px 0 0 1px

}



.ff_indexPage .mcounter.module .content_list li ._addreact .tr {

    top: 0;

    right: 0;

    border-width: 1px 1px 0 0

}



.ff_indexPage .mcounter.module .content_list li ._addreact .bl {

    bottom: 0;

    left: 0;

    border-width: 0 0 1px 1px

}



.ff_indexPage .mcounter.module .content_list li ._addreact .br {

    bottom: 0;

    right: 0;

    border-width: 0 1px 1px 0

}



.imagelink .content_list::after {

    content: "";

    display: block;

    clear: both

}



.imagelink .content_wrapper {

    position: relative;

    margin-right: -9%

}



.imagelink .content_wrapper.slider {

    margin-right: 0

}



.imagelink .content_wrapper.slider .item_block {

    margin-bottom: 0

}



.imagelink .owl-item .item_block {

    width: 100%

}



.imagelink .item_block {

    transition: all .36s ease;

    width: calc(100% / 4 - 9%);

    height: auto;

    float: left;

    margin-right: 9%;

    margin-bottom: 20px;

    position: relative;

    box-shadow: 0 0 0 rgba(0, 0, 0, .15)

}



.imagelink .content_wrapper {

    padding-top: 50px

}



.imagelink .content_list .item_block {

    border: none

}



.imagelink .content_list .item_block .date_wrap {

    display: none

}



.imagelink .content_list .item_block .item_img {

    display: block

}



.imagelink .content_list .item_block .item_box {

    position: relative

}



.imagelink .content_list .item_block .item_box img {

    width: 100%;

    height: auto;

    transition: all ease-out .3s .1s;

    float: none;

    box-sizing: border-box;

    opacity: .8

}



.imagelink .content_list .item_block .item_box:after {

    content: "";

    border: 1px solid rgba(170, 170, 170, .2);

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0

}



.imagelink .content_list .item_block .item_box:hover {

    box-shadow: 0 0 40px rgba(0, 0, 0, .1)

}



.imagelink .content_list .item_block .item_wrapper .item_info .title {

    font-size: 13px;

    line-height: 36px;

    color: #999;

    text-align: center

}



.imagelink .container_category,

.imagelink .item_des {

    display: none

}



.imagelink .owl-dots {

    position: absolute;

    bottom: -40px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%)

}



.imagelink .container_content {

    position: relative;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 80%;

    margin: 0 auto

}



.imagelink .container_content {

    margin-bottom: -100px

}



.imagelink .container_content .item_block {

    border: none;

    margin-bottom: 100px;

    box-shadow: none

}



.imagelink .container_content .item_block .date_wrap,

.imagelink .container_content .item_block .details,

.imagelink .container_content .item_block .item_tags,

.imagelink .container_content .item_block .item_wrapper {

    display: none

}



.imagelink .container_content .item_block .item_box:after {

    display: none

}



@media screen and (max-width:1366px) {

    .bodyindex .imagelink .container_content .content_wrapper,

    .bodylist.bodyimagelink .container_content .content_wrapper {

        margin-right: -3%

    }

    .bodyindex .imagelink .container_content .item_block,

    .bodylist.bodyimagelink .container_content .item_block {

        width: calc(100% / 4 - 3%);

        margin-right: 3%

    }

}



.bodyindex .imagelink.ff_noSlider .container_content .item_block:nth-child(4n),

.bodylist.bodyimagelink .imagelink.ff_noSlider .container_content .item_block:nth-child(4n) {

    margin-right: 0

}



.bodyindex #sitecontent #mcontact .container_content {

    height: 100%;

    width: 75%;

    margin: 0 auto

}



#mcontact .contactlist {

    padding-top: 0

}



#mcontact .content_wrapper {

    width: 80%;

    max-width: 836px;

    height: 100%

}



#mcontact .container_header {

    display: none

}



#mcontact .contactform,

#mcontact .contactinfo {

    float: none;

    width: 100%

}



#mcontact .contactform::after,

#mcontact .contactinfo::after {

    content: "";

    display: block;

    clear: both

}



#mcontact .contactform {

    margin-top: 100px

}



#mcontact form {

    margin-right: -60px

}



#mcontact .contactform p {

    width: calc(100% / 3 - 60px);

    margin-right: 60px

}



#mcontact .contactlist {

    position: relative;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



#mcontact .contactinfo p.contact_add {

    width: 100%

}



#mcontact .contactinfo p.ellipsis:not(.contact_add) {

    float: left;

    width: 200px

}



#mcontact .contactinfo .contact_name {

    margin-bottom: 74px

}



#mcontact .ff_social {

    position: absolute;

    top: 42px;

    left: 0;

    width: 150px

}



#mcontact .contactform .contactform_content {

    width: calc(100% - 60px)

}



#mcontact .contactform .inputtxt.submit {

    margin-top: 20px

}



#mcontact .contactform .inputtxt.submit {

    background: 0 0;

    border: 1px solid #a3a3a3;

    color: #7d7d7d

}



#mcontact .contactform .inputtxt.submit:hover {

    border: 1px solid #a3a3a3;

    background: #a3a3a3

}



body .videom .content_list::after {

    content: "";

    display: block;

    clear: both

}



body .videom .content_wrapper {

    position: relative;

    margin-right: 0

}



body .videom .content_wrapper.slider {

    margin-right: 0

}



body .videom .content_wrapper.slider .item_block {

    margin-bottom: 0

}



body .videom .owl-item .item_block {

    width: 100%

}



body .videom .item_block {

    transition: all .36s ease;

    width: calc(100% / 1 - 0px);

    height: auto;

    float: left;

    margin-right: 0;

    margin-bottom: 20px;

    position: relative;

    box-shadow: 0 0 0 rgba(0, 0, 0, .15)

}



.ff_indexPage .videom.ff_noSlider .content_wrapper {

    margin-right: -4%

}



.ff_indexPage .videom.ff_noSlider .item_block {

    width: calc(100% / 4 - 4%);

    margin-right: 4%

}



.bodylist.bodyvideom .videom.ff_noSlider .content_wrapper {

    margin-right: -2%

}



.bodylist.bodyvideom .videom.ff_noSlider .item_block {

    width: calc(100% / 4 - 2%);

    margin-right: 2%

}



.vPlayArea {

    width: 100%;

    height: 100%

}



.vPlayArea .vPlayItem {

    width: 960px;

    padding: 10px;

    height: 618px;

    background: #fff;

    overflow: hidden;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -480px;

    margin-top: -456px;

    z-index: 2;

    border: 1px solid #dedede;

    transition: margin .36s ease, background 1s ease, border-color 1s ease

}



.vPlayArea .vPlayItem video {

    width: 100%

}



.vPlayArea.vshow .vPlayItem {

    margin-top: -336px

}



.videoTabBtns {

    position: absolute;

    top: 50%;

    width: 100%;

    height: 0;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    transition: opacity 1s ease

}



.videoTabBtns .videoTabBtn {

    width: 50px;

    height: 50px;

    background: #fff;

    margin-top: -25px;

    position: absolute;

    top: 0;

    text-align: center;

    cursor: pointer

}



.videoTabBtns .videoTabBtn .icon {

    text-align: center

}



.videoTabBtns .videoTabBtn.next {

    right: 0

}



.videoTabBtns .videoTabBtn.next .icon:after {

    content: "";

    font-family: FontAwesome;

    font-size: 14px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    line-height: 50px;

    font-size: 29px;

    color: #848484

}



.videoTabBtns .videoTabBtn.prev {

    left: 0

}



.videoTabBtns .videoTabBtn.prev .icon:after {

    content: "";

    font-family: FontAwesome;

    font-size: 14px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    line-height: 50px;

    font-size: 29px;

    color: #848484

}



.videoInfor {

    width: 100%;

    height: 48px;

    position: relative;

    padding: 15px 0 0;

    transition: opacity 1s ease

}



.videoInfor .title {

    font-size: 16px;

    color: #2e2e2e

}



.videoInfor .subtitle {

    color: #7d7d7d;

    font-size: 13px;

    line-height: 22px;

    margin-top: 6px

}



.videoBg {

    position: fixed;

    top: 0;

    left: 0;

    background: rgba(0, 0, 0, .8);

    width: 100%;

    height: 100%;

    z-index: 100;

    transition: background 1s ease

}



.videoBg.deepView {

    background: rgba(0, 0, 0, .9)

}



.videoBg.deepView .vPlayItem {

    background: 0 0;

    border-color: transparent

}



.videoBg.deepView .videoInfor {

    opacity: 0

}



.videoBg.deepView .videoTabBtns {

    opacity: 0

}



.bodyindex .videom .container_content .item_block,

.bodylist.bodyvideom .container_content .item_block {

    border: none

}



.bodyindex .videom .container_content .item_block:hover .item_img,

.bodylist.bodyvideom .container_content .item_block:hover .item_img {

    position: relative

}



.bodyindex .videom .container_content .item_block:hover .item_img .item_mask,

.bodylist.bodyvideom .container_content .item_block:hover .item_img .item_mask {

    opacity: 1;

    margin-top: -25px

}



.bodyindex .videom .container_content .item_block .date_wrap,

.bodyindex .videom .container_content .item_block .item_tags,

.bodylist.bodyvideom .container_content .item_block .date_wrap,

.bodylist.bodyvideom .container_content .item_block .item_tags {

    display: none

}



.bodyindex .videom .container_content .item_block .item_wrapper,

.bodylist.bodyvideom .container_content .item_block .item_wrapper {

    padding: 0

}



.bodyindex .videom .container_content .item_block .title,

.bodylist.bodyvideom .container_content .item_block .title {

    font-size: 24px;

    line-height: 30px;

    font-family: "宋体"

}



.bodyindex .videom .container_content .item_block .item_des,

.bodylist.bodyvideom .container_content .item_block .item_des {

    margin-top: 27px;

    line-height: 26px;

    font-size: 12px;

    color: #666

}



.bodyindex .videom .container_content .item_block .item_img,

.bodylist.bodyvideom .container_content .item_block .item_img {

    position: relative

}



.bodyindex .videom .container_content .item_block .item_img .item_mask,

.bodylist.bodyvideom .container_content .item_block .item_img .item_mask {

    position: absolute;

    top: 50%;

    left: 50%;

    margin: -100px 0 0 -25px;

    width: 50px;

    height: 50px;

    opacity: 0;

    transition: .36s ease

}



.bodyindex .videom .container_content .item_block .item_img .item_mask:before,

.bodylist.bodyvideom .container_content .item_block .item_img .item_mask:before {

    content: "";

    font-family: mofont;

    font-size: 14px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    font-size: 50px;

    color: #fff

}



.bodyindex .videom .content_wrapper.slider,

.bodylist.bodyvideom .content_wrapper.slider {

    overflow: hidden;

    padding-top: 56px;

    box-sizing: border-box;

    height: 100vh

}



.bodyindex .videom .tab_content .item_block,

.bodylist.bodyvideom .tab_content .item_block {

    cursor: pointer

}



.bodyindex .videom .tab_content .item_block .details,

.bodylist.bodyvideom .tab_content .item_block .details {

    color: transparent;

    font-size: 0;

    line-height: 0;

    border: none;

    margin: 0;

    padding: 0

}



.bodyindex .videom .tab_content .item_block:hover .details,

.bodylist.bodyvideom .tab_content .item_block:hover .details {

    background: 0 0

}



.bodyindex .videom .tab_content .item_block .details,

.bodylist.bodyvideom .tab_content .item_block .details {

    position: relative;

    height: 31px;

    width: 78px

}



.bodyindex .videom .tab_content .item_block .details:before,

.bodylist.bodyvideom .tab_content .item_block .details:before {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    background-color: #000;

    transition: .36s ease;

    opacity: 0;

    width: 1px;

    height: 19px;

    margin-top: -26px

}



.bodyindex .videom .tab_content .item_block .details:after,

.bodylist.bodyvideom .tab_content .item_block .details:after {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    background-color: #000;

    transition: .36s ease;

    opacity: 0;

    width: 19px;

    height: 1px;

    margin-left: -46px

}



.bodyindex .videom .tab_content .item_block:hover .details:before,

.bodylist.bodyvideom .tab_content .item_block:hover .details:before {

    opacity: 1;

    margin-top: -9px

}



.bodyindex .videom .tab_content .item_block:hover .details:after,

.bodylist.bodyvideom .tab_content .item_block:hover .details:after {

    opacity: 1;

    margin-left: -9px

}



.bodyindex .videom .tab_content .item_block img,

.bodylist.bodyvideom .tab_content .item_block img {

    width: 100%

}



.bodyindex .videom .tab_content .item_block .details,

.bodylist.bodyvideom .tab_content .item_block .details {

    margin-top: 40px;

    margin-left: -29px

}



.bodyindex .videom .tab_content .item_block .item_wrapper,

.bodylist.bodyvideom .tab_content .item_block .item_wrapper {

    padding-top: 52px

}



.bodyindex .videom.ff_noSlider .module_container {

    max-width: 80%;

    max-height: 400px;

    overflow: hidden

}



.bodyindex .videom.ff_slider .container_content {

    max-width: 1560px;

    margin: 0 auto;

    width: 90%

}



.bodyindex .videom.ff_slider .tab_content {

    width: calc(100% - 408px);

    float: left;

    position: absolute;

    top: 56px;

    bottom: 0

}



.bodyindex .videom.ff_slider .tab_content .content_list {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 100%;

    padding: 0 10%;

    box-sizing: border-box

}



.bodyindex .videom.ff_slider .tab_content .content_list .item_block:first-child~.item_block {

    display: none

}



.bodyindex .videom.ff_slider .tab_button {

    width: 408px;

    float: right;

    padding: 100px 4.4% 50px;

    box-sizing: border-box;

    border-left: 1px solid #dedede;

    height: calc(100vh - 46px - 56px);

    position: relative

}



.bodyindex .videom.ff_slider .tab_button .swiperContent {

    overflow: hidden

}



.bodyindex .videom.ff_slider .tab_button .swiper-container-vertical {

    height: 100%;

    overflow: hidden

}



.bodyindex .videom.ff_slider .tab_button .swiper-buttons {

    position: absolute;

    width: 0;

    height: 100%;

    top: 0;

    left: 50%

}



.bodyindex .videom.ff_slider .tab_button .swiper-button {

    width: 50px;

    height: 50px;

    position: absolute;

    margin-left: -25px;

    text-align: center;

    cursor: pointer;

    transition: .36s ease

}



.bodyindex .videom.ff_slider .tab_button .swiper-button:before {

    line-height: 50px;

    color: #8b8b8b;

    transition: .36s ease

}



.bodyindex .videom.ff_slider .tab_button .swiper-button.swiper-button-disabled {

    opacity: .4

}



.bodyindex .videom.ff_slider .tab_button .swiper-button:not(.swiper-button-disabled):hover:before {

    color: #575757

}



.bodyindex .videom.ff_slider .tab_button .swiper-button-prev {

    top: 20px

}



.bodyindex .videom.ff_slider .tab_button .swiper-button-prev:before {

    content: "";

    font-family: mofont;

    font-size: 14px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    font-size: 20px

}



.bodyindex .videom.ff_slider .tab_button .swiper-button-next {

    bottom: 0

}



.bodyindex .videom.ff_slider .tab_button .swiper-button-next:before {

    content: "";

    font-family: mofont;

    font-size: 14px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    font-size: 20px

}



.bodyindex .videom.ff_slider .tab_button .item_block {

    height: 400px;

    cursor: pointer

}



.bodyindex .videom.ff_slider .tab_button .item_block:not(:last-child) {

    border-bottom: 1px solid #ddd;

    padding-bottom: 20px

}



.bodyindex .videom.ff_slider .tab_button .item_block .details {

    display: none;

    color: #292929

}



.bodyindex .videom.ff_slider .tab_button .item_block .title {

    font-size: 20px

}



.bodyindex .videom.ff_slider .tab_button .item_block .subtitle {

    margin-top: 5px

}



.bodyindex .videom.ff_slider .tab_button .item_block .item_des {

    margin-top: 16px;

    margin-bottom: 20px

}



.bodyindex .videom.ff_noSlider .tab_button,

.bodylist.bodyvideom .tab_button {

    display: none

}



.bodyindex .videom.ff_noSlider .ff_sitecontent,

.bodylist.bodyvideom .ff_sitecontent {

    width: 80%;

    margin: 0 auto

}



.mlist.videom.ff_slider .content_list .item_block:hover .item_box .item_img img {

    -webkit-transform: scale(1.06);

    -ms-transform: scale(1.06);

    transform: scale(1.06)

}



@media screen and (max-width:1600px) {

    .bodyindex .videom.ff_slider .tab_button {

        width: 25%;

        padding: 100px 3.4% 50px

    }

    .bodyindex .videom.ff_slider .tab_content {

        width: 75%

    }

    .bodyindex .videom.ff_slider .tab_content .content_list {

        padding: 0 8% 0 3.4%

    }

}



.bodyindex .videom.ff_noSlider .item_block:nth-child(4n),

.bodylist.bodyvideom .videom.ff_noSlider .item_block:nth-child(4n) {

    margin-right: 0

}



@media screen and (max-width:1366px) {

    .bodylist.bodyvideom .videom.ff_noSlider .container_content .content_wrapper {

        margin-right: -4%

    }

    .bodylist.bodyvideom .videom.ff_noSlider .container_content .item_block {

        width: calc(100% / 3 - 4%);

        margin-right: 4%

    }

    .bodyindex .videom.ff_noSlider .container_content .item_block:nth-child(3n),

    .bodylist.bodyvideom .videom.ff_noSlider .container_content .item_block:nth-child(3n) {

        margin-right: 0

    }

}



@media screen and (max-height:850px) {

    .bodyindex .videom.ff_slider .tab_button .item_block .item_des {

        margin: 4px 0

    }

    .bodyindex .videom.ff_slider .tab_button .item_block .subtitle {

        margin-top: 0

    }

}



@media screen and (max-height:760px) {

    .bodyindex .videom.ff_slider .tab_button .content_list .item_des .description {

        display: none

    }

    .bodyindex .videom .container_content .item_block .item_wrapper {

        padding-bottom: 18px

    }

    .bodyindex .videom.ff_slider .tab_content .item_block .details {

        margin-top: 0

    }

    .bodyindex .videom.ff_slider .tab_button {

        padding-top: 80px

    }

}



.ff_indexPage .team_tabs .tab_content .item_block .item_wrapper {

    text-align: center

}



.ff_indexPage .team_tabs .tab_content .item_block .details {

    margin: 30px auto;

    display: block;

    width: 100px;

    text-align: center

}



.ff_indexPage .ad01 .content_list::after {

    content: "";

    display: block;

    clear: both

}



.ff_indexPage .ad01 .content_wrapper {

    position: relative;

    margin-right: 0

}



.ff_indexPage .ad01 .content_wrapper.slider {

    margin-right: 0

}



.ff_indexPage .ad01 .content_wrapper.slider .item_block {

    margin-bottom: 0

}



.ff_indexPage .ad01 .owl-item .item_block {

    width: 100%

}



.ff_indexPage .ad01 .item_block {

    transition: all .36s ease;

    width: calc(100% / 4 - 0px);

    height: auto;

    float: left;

    margin-right: 0;

    margin-bottom: 20px;

    position: relative;

    box-shadow: 0 0 0 rgba(0, 0, 0, .15)

}



.bodyindex #footer {

    position: relative;

    width: calc(100% - 70px);

    padding: 10px 56px;

    padding-right: 0

}



.bodyindex #footer p {

    line-height: 45px;

    height: 45px

}



.bodylist #footer {

    padding: 10px 0;

    width: 80%;

    margin: 0 auto

}



.bodylist #footer p {

    width: 100%

}



#shares {

    position: fixed;

    right: 0;

    bottom: 63px;

    z-index: 99;

    height: 124px

}



#shares a {

    width: 40px;

    height: 40px;

    border: 1px solid #e6e6e6;

    display: block;

    font-size: 16px;

    text-align: center;

    position: relative;

    transition: all .3s ease-out 0s;

    background-color: #fff

}



#shares a .fa {

    padding-left: 0

}



#shares a#sweixin {

    top: -1px

}



#shares a#gotop {

    margin-top: -2px;

    font-size: 22px

}



#shares a#gotop i {

    margin-top: 6px

}



#shares a:hover {

    border-color: #292929;

    z-index: 1;

    background-color: #292929

}



#shares a:hover i {

    color: #fff

}



#shares a i {

    margin-top: 12px;

    transition: all .3s ease-out 0s

}



#shares a i.fa.fa-mobile {

    font-size: 24px;

    margin-top: 8px

}



.fixed {

    position: fixed;

    z-index: 9999;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .8);

    overflow-y: auto;

    z-index: 100;

    display: none

}



.fixed.show {

    display: block

}



#fixed_weixin .fixed-container {

    width: 220px;

    height: auto;

    padding: 20px 20px 0 20px;

    background: #fff;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -110px;

    margin-top: -140px

}



#fixed_weixin .fixed-container div {

    height: 220px

}



#fixed_weixin .fixed-container p {

    height: 40px;

    line-height: 40px;

    text-align: center;

    font-size: 14px;

    color: #000

}



#online_open {

    width: 40px;

    height: 40px;

    cursor: pointer;

    position: fixed;

    right: -40px;

    bottom: 186px;

    z-index: 99;

    font-size: 18px;

    text-align: center;

    line-height: 40px;

    margin-right: -3px;

    border: 1px solid #e6e6e6;

    display: block;

    font-size: 16px;

    background-color: #fff;

    -webkit-transform: translateX(7px);

    -ms-transform: translateX(7px);

    transform: translateX(7px)

}



#online_open i {

    transition: all .3s ease-out 0s

}



#online_open:hover {

    border-color: #292929;

    z-index: 1;

    background-color: #292929

}



#online_open:hover i {

    color: #fff

}



#online_lx {

    width: 180px;

    height: auto;

    background-color: #fff;

    box-shadow: 0 5px 9px rgba(4, 0, 0, .17);

    position: fixed;

    right: 7px;

    bottom: 188px;

    z-index: 99999;

    margin-right: -10px

}



#olx_head {

    padding: 20px;

    line-height: 16px;

    height: 16px;

    background: #292929;

    color: #fff;

    font-size: 14px

}



#olx_head i {

    font-size: 18px;

    color: #fff;

    cursor: pointer;

    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s

}



#olx_head i:hover {

    color: #fff;

    transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -webkit-transform: rotate(90deg);

    -o-transform: rotate(90deg)

}



#olx_qq {

    border-bottom: 1px solid rgba(170, 170, 170, .2)

}



#olx_qq li a {

    padding: 12px 30px;

    height: 18px;

    line-height: 18px;

    color: #666;

    display: block;

    transition: all ease-out .3s;

    font-size: 12px

}



#olx_qq li a i {

    color: inherit;

    font-size: 16px;

    vertical-align: middle;

    margin-right: 18px

}



#olx_qq li a:hover {

    color: #292929;

    background: #eee

}



#olx_tel {

    padding: 20px 30px

}



#olx_tel div {

    line-height: 14px;

    height: 14px;

    margin-bottom: 10px

}



#olx_tel div i {

    font-size: 18px;

    margin-right: 20px;

    vertical-align: middle

}



#olx_tel p {

    line-height: 18px;

    font-family: HELVETICANEUELTPRO-THEX;

    font-size: 16px

}



#fixed_mp .fixed-container {

    width: 258px;

    height: 298px;

    background: #fff;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -129px;

    margin-top: -149px

}



#fixed_mp .fixed-container p {

    padding: 0 20px;

    text-align: center;

    font-size: 14px;

    color: #000

}



#openAssist {

    position: fixed;

    bottom: 40px;

    right: 20px;

    width: 50px;

    height: 50px;

    z-index: 99;

    background-color: #3b3b3b;

    border-radius: 25px;

    text-align: center;

    display: none

}



#openAssist.active i {

    -webkit-transform: translate3d(0, 0, 0) rotate(135deg);

    transform: translate3d(0, 0, 0) rotate(135deg)

}



#openAssist i {

    font-size: 30px;

    color: #fff;

    position: relative;

    top: 8px;

    display: inline-block;

    transition: all ease-out .3s

}



#assistBtn {

    position: fixed;

    bottom: 90px;

    right: 25px;

    z-index: 99;

    display: none

}



#assistBtn a {

    width: 40px;

    height: 40px;

    display: block;

    text-align: center;

    background-color: #3b3b3b;

    border-radius: 20px;

    margin-bottom: 15px;

    opacity: 0;

    -webkit-transform: translate3d(0, 8px, 0) scale(.3);

    transform: translate3d(0, 8px, 0) scale(.3);

    -webkit-transform-origin: center bottom;

    -ms-transform-origin: center bottom;

    transform-origin: center bottom

}



#assistBtn a i {

    font-size: 18px;

    color: #fff;

    position: relative;

    top: 10px

}



.popup {

    display: block

}



.popup .fixed-container {

    position: absolute;

    left: 50%;

    top: 50%;

    width: 800px;

    height: 600px

}



.searchPage .mlist.search .content_list .item_block {

    cursor: pointer;

    border-width: 0 0 1px 0;

    padding-top: 30px

}



.searchPage .mlist.search .content_list .item_block:last-child {

    border: none

}



.searchPage .mlist.search .content_list .item_block .item_box {

    display: block

}



.searchPage .mlist.search .content_list .item_block .item_box::after {

    content: "";

    display: block;

    clear: both

}



.searchPage .mlist.search .content_list .item_block .item_box .item_info {

    float: left

}



.searchPage .mlist.search .content_list .item_block .item_box .date_wrap {

    float: left;

    line-height: 30px;

    margin-left: 10px

}



.searchPage .mlist.search .content_list .item_block .item_info .date_wrap {

    display: none

}



.searchPage .mlist.search .content_list .item_block .item_des {

    clear: left

}



.searchPage .mlist.search .content_list .item_block .item_des .description {

    height: auto;

    max-height: 52px

}



.searchPage .mlist.search .content_list .item_block .details {

    margin-top: 20px;

    margin-left: 0

}



#search-list {

    margin-top: 40px

}



#search-list input {

    width: 520px

}



.searchPage #search-header {

    display: none !important

}



.searchPage #footer {

    width: 100%;

    position: fixed;

    bottom: 0

}



.searchPage #page {

    padding-bottom: 0

}



.searchPage .ff_pageList {

    padding-bottom: 0

}



.searchPage .npagePage {

    width: 1170px;

    margin: 0 auto

}



#moduleControl {

    position: fixed;

    right: 20px;

    top: 50%;

    z-index: 11

}



#moduleControl a.moduleCItem {

    border: 1px solid transparent;

    border-radius: 6px;

    display: block;

    height: 10px;

    margin-bottom: 5px;

    outline: 0 none;

    text-indent: -9999px;

    transition: all .3s ease-out 0s;

    width: 10px

}



#moduleControl a.moduleCItem.active,

#moduleControl a.moduleCItem:hover {

    border-color: #fff

}



#moduleControl a.moduleCItem.active span,

#moduleControl a.moduleCItem:hover span {

    opacity: 0

}



#moduleControl a.moduleCItem span {

    width: 4px;

    height: 4px;

    border-radius: 50%;

    background: #555;

    display: block;

    margin: 3px 0 0 3px

}



.netmask {

    display: block

}



.netmask div {

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -20px;

    margin-top: -20px

}



.netmask div i:before {

    display: none;

    font-size: 40px;

    color: #fff

}



.netmask.loading div i {

    display: block;

    background: url(../image/loading.gif);

    width: 40px;

    height: 40px

}



.netmask.success div i:before {

    display: block

}



.bodyMask {

    transition: background .36s ease

}



.bodyMask.open {

    content: '';

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 50;

    background: rgba(0, 0, 0, .2)

}



canvas {

    display: none

}



#online_open {

    margin-right: 20px;

    background: 0 0;

    border: none;

    bottom: 166px

}



#shares {

    right: 20px;

    bottom: 73px;

    height: 84px

}



#shares a {

    background: 0 0;

    border: none;

    color: #494949;

    margin-bottom: 10px

}



#gotop {

    display: none

}



#moduleControl a.moduleCItem {

    width: 20px;

    height: 20px;

    border: 1px solid transparent;

    border-radius: 50%

}



#moduleControl a.moduleCItem span {

    margin: 3px 0 0 3px;

    position: absolute;

    left: 50%;

    top: 50%;

    margin: 0;

    margin-top: -2px;

    margin-left: -2px;

    background-color: #959595

}



#moduleControl a.moduleCItem.active,

#moduleControl a.moduleCItem:hover {

    border-color: #060606

}



#moduleControl a.moduleCItem.active .moduleCItemTitle,

#moduleControl a.moduleCItem:hover .moduleCItemTitle {

    opacity: 1;

    top: 0;

    visibility: visible

}



#moduleControl a.moduleCItem.active span,

#moduleControl a.moduleCItem:hover span {

    opacity: 1;

    background-color: #060606

}



.moduleCItem {

    position: relative

}



.moduleCItemTitle {

    position: absolute;

    right: calc(100% + 20px);

    text-indent: 0;

    white-space: nowrap;

    text-align: right;

    color: #292929;

    line-height: 22px;

    opacity: 0;

    transition: .36s ease;

    top: 10px;

    visibility: hidden

}



#moduleControl a.moduleCItem {

    margin-bottom: 16px

}



body {

    min-width: 1170px

}



body.ff_indexPage {

    overflow: hidden

}



.ff_sitecontent .module .module_container {

    max-width: none;

    height: 100%

}



.ff_indexPage .mlist .module_container .container_category {

    display: none

}



.ff_indexPage .mlist .container_header {

    display: none;

    position: absolute;

    bottom: 0;

    left: 0

}



.container_header .title {

    font-size: 16px;

    line-height: 65px

}



.ff_indexPage .mlist .container_header .subtitle {

    display: none

}



.ff_indexPage .mlist .content_wrapper {

    padding-top: 0

}



.ff_indexPage .mlist .module_container>.more {

    display: none;

    position: absolute;

    bottom: 0;

    left: calc(100vw - 64px);

    width: 50px;

    color: transparent;

    font-size: 0;

    line-height: 0;

    text-align: center;

    border: none

}



.ff_indexPage .mlist .module_container>.more:before {

    content: "";

    font-family: mofont;

    font-size: 14px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    color: #434343;

    font-size: 30px;

    line-height: 65px;

    transition: .36s ease

}



.ff_indexPage .mlist .module_container>.more .fa {

    display: none

}



.ff_indexPage .mlist .module_container>.more:hover {

    background-color: transparent

}



.ff_indexPage .mlist .module_container>.more:hover:before {

    color: #262626

}



#singlescreen.bodyindex .module {

    position: relative

}



#singlescreen.bodyindex .module.ff_topSlider ._moduleIndex {

    display: none

}



#singlescreen.bodyindex .module:not(.ff_topSlider) ._moduleIndex {

    position: absolute;

    top: 194px;

    left: 50px;

    color: #292929;

    font-size: 14px;

    z-index: 10

}



#singlescreen.bodyindex .module:not(.ff_topSlider) ._moduleIndex:after {

    content: '';

    height: 110px;

    background: #adadad;

    width: 1px;

    position: absolute;

    top: 75px;

    left: 7px

}



.ff_indexPage .mlist .content_wrapper .more {

    display: none

}



.npagePage .ff_pageTarget {

    margin-top: 0

}



.bodylist #header {

    background: #fff

}



.bodylist .ff_sitecontent {

    padding-top: 57px

}



.npagePage.ff_pageList {

    padding-top: 92px

}



.npagePage .ff_pageTarget .container_target {

    font-size: 14px;

    position: relative

}



.container_category>a {

    background: 0 0;

    color: #666;

    border: none;

    position: relative;

    padding: 0 6px;

    margin: 0 22px;

    font-size: 14px

}



.container_category>a:after {

    content: "";

    position: absolute;

    bottom: 0;

    width: 0;

    height: 1px;

    background: 0 0;

    left: 0;

    transition: .26s ease

}



.container_category>a.active,

.container_category>a:hover {

    background: 0 0;

    color: #292929;

    border: none

}



.container_category>a.active:after,

.container_category>a:hover:after {

    width: 100%;

    background: #292929

}



.ff_pageList .container_category+.container_content {

    padding-top: 66px

}



#pages {

    text-align: center

}



#pages a {

    float: none;

    display: inline-block;

    vertical-align: middle

}



#pages a.disable {

    opacity: .4

}



#pages a .fa {

    padding: 0

}



#pages a.next,

#pages a.prev {

    position: relative

}



#pages a.next .fa,

#pages a.prev .fa {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0

}



#pages a.prev {

    margin-right: 10px

}



#pages a.next {

    margin-left: 10px

}



#pages .page-item {

    margin-right: 0;

    border: none;

    background: 0 0;

    color: #a6a6a6;

    font-size: 16px;

    position: relative

}



#pages .page-item:after {

    content: "";

    position: absolute;

    bottom: 5px;

    left: 50%;

    width: 8px;

    margin-left: -4px;

    height: 1px;

    background: 0 0;

    transition: .36s ease

}



#pages .page-item.active,

#pages .page-item:hover {

    border: none;

    background: 0 0;

    color: #717171

}



#pages .page-item.active:after,

#pages .page-item:hover:after {

    background: #717171

}



#pages a:not(.disable):hover .fa-angle-right::after {

    color: #000;

    opacity: 1

}



#pages a:not(.disable):hover .fa-angle-right::before {

    opacity: 0

}



#pages .fa-angle-left::before {

    content: '\e908';

    font-family: icomoon !important;

    color: #666;

    top: 0;

    position: absolute;

    font-size: 10px;

    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;

    left: 50%

}



#pages .fa-angle-left::after {

    content: '\e908';

    font-family: icomoon !important;

    color: #666;

    position: absolute;

    font-size: 14px;

    opacity: 0;

    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;

    left: 100%

}



#pages a:not(.disable):hover .fa-angle-left::before {

    opacity: 0;

    left: 0

}



#pages a:not(.disable):hover .fa-angle-left::after {

    color: #000;

    opacity: 1;

    left: 50%

}



#pages .fa-angle-right::before {

    content: '\e909';

    font-family: icomoon !important;

    color: #666;

    top: 0;

    position: absolute;

    font-size: 10px;

    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;

    right: 50%

}



#pages .fa-angle-right::after {

    content: '\e909';

    font-family: icomoon !important;

    color: #666;

    position: absolute;

    font-size: 14px;

    opacity: 0;

    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;

    right: 100%

}



#pages a:not(.disable):hover .fa-angle-right::before {

    opacity: 0;

    right: 0

}



#pages a:not(.disable):hover .fa-angle-right::after {

    color: #000;

    opacity: 1;

    right: 50%

}



#pages .next {

    border: none

}



#pages {

    padding-top: 40px;

    padding-bottom: 0

}



.ff_indexPage .mlist .container_header {

    line-height: 65px;

    font-size: 16px;

    color: #262626;

    margin-left: 52px

}



.ff_indexPage .mlist .container_header:before {

    content: "";

    font-family: mofont;

    font-size: 14px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    margin-right: 22px;

    color: #2e2e2e

}



.bodylistpost.bodyteam .postContent {

    max-width: 776px;

    width: calc(100% - 540px) !important

}



#moduleControl {

    z-index: 9

}



.bodylist .ff_sitecontent,

.bodylistpost .ff_sitecontent {

    min-height: calc(100vh - 57px)

}



.singlescreen .module {

    padding: 0

}



.singlescreen .module_container {

    position: relative;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



.bodyindex #footer {

    position: fixed;

    bottom: 0;

    width: 100%;

    box-sizing: border-box;

    z-index: 10;

    border-top: 1px solid rgba(255, 255, 255, .15)

}



.bodyindex #footer p {

    width: 100%;

    color: #98999e;

    text-align: left

}



.bodyindex #sitecontent {

    height: 100vh !important

}



.bodyindex #sitecontent #topSlider .content_list,

.bodyindex #sitecontent #topSlider .content_list .item_block,

.bodyindex #sitecontent .module {

    height: 100vh !important

}



@media screen and (max-height: 700px) {

    .bodyindex .videom .container_content .item_block .item_wrapper {

        display: block;

    }

    .bodyindex .videom .container_content .item_block .item_des {

        display: none;

    }

    .bodyindex .videom .tab_content .item_block .item_wrapper {

        padding-top: 22px;

    }

    .bodyindex .videom.ff_slider .tab_content .item_block .details {

        display: none;

    }

}