@keyframes fadeInLeftshort {
    0% {
        -webkit-transform: translate3d(-78%, 0, 0);
                transform: translate3d(-78%, 0, 0);

        opacity: 0;
    }

    100% {
        -webkit-transform: none;
                transform: none;

        opacity: 1;
    }
}

body {
    opacity: 1;
    background: #fff;
}

body #min-search-header .searchBox input,
body #min-search-nav .searchBox input {
    font-size: 13px;

    text-indent: 5px;
}

#shares {
    bottom: -40px;
}

#online_open {
    bottom: 84px;
}

#online_lx {
    bottom: 85px;
}

#shares a#sweibo {
    display: none;
}

.ff_topSlider .content_list .owl-item.active .item_block p.title {
    font-family: GOTHAM-BLACK, Arial, 微软雅黑;
}

.imagelink .content_list .item_block .item_box::after {
    border: none;
    border-right: 1px solid rgba(170, 170, 170, 0.2);
}

.imagelink .content_list .item_block:nth-child(4n) .item_box::after,
.imagelink .content_list .item_block:last-child .item_box::after {
    border: none;
}

.imagelink .content_list .item_block .item_wrapper .item_info .title {
    line-height: 40px;
}

.ff_indexPage .mcounter .content_list li p.number .counterDX {
    font-size: 70px;
}

.bodyindex .mcounter .content_list li:nth-child(2)> div,
.bodyindex .mcounter .content_list li:nth-child(1)> div {
    bottom: 35%;
}

.ff_indexPage .mcounter .content_list li .title {
    font-size: 16px;
    line-height: 50px;
}

.bodyindex .mcounter .content_list li> div {
    top: 36%;
}

.mlist.team .content_list .item_des .description {
    height: 104px;
}

.bodyindex .team.mlist .tab_content .owl-nav .owl-prev .iconfont,
.bodyindex .team.mlist .tab_content .owl-nav .owl-next .iconfont {
    color: #5c5c5c;
}

.bodyindex .team.mlist .tab_content .owl-nav .owl-next {
    right: -64px;
}

.bodyindex .team.mlist .tab_content .owl-nav .owl-prev,
.bodyindex .team.mlist .tab_content .owl-nav .owl-next {
    box-sizing: border-box;
}

.bodyindex .team.mlist .tab_button .item_block .item_info .title {
    color: #666;
}

.bodyindex .team.mlist .tab_button .item_block .item_info .subtitle {
    font-size: 13px;

    color: #a2a2a2;
}

#footer p {
    color: #999;
}

/* .ff_sitecontent .team.module .module_container {
    top: 55%;
    transform: translateY(-50%);
} */
.bodyindex .team.mlist .tab_content .owl-nav {
    top: 80px;
}

#moduleControl a.moduleCItem .controlInfor .num,
#moduleControl a.moduleCItem .controlInfor .title {
    text-align: right;
}

#moduleControl a.moduleCItem {
    margin-bottom: 30px;
}

#moduleControl a.moduleCItem .controlInfor {
    margin-top: -14px;
}

#moduleControl a.moduleCItem .controlInfor .title {
    font-size: 11px;
}

.bodyindex .team.mlist .content_list .item_block .item_wrapper {
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.bodyindex .team.mlist .content_list #item_block_0:hover .item_wrapper {
    padding-top: 110px;
}

.bodyindex .team.mlist .tab_button .item_block .item_info {
    position: relative;
    top: 0;

    height: 60px;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.bodyindex .team.mlist .tab_button .item_block:not(#item_block_0):hover .item_info {
    top: 10px;
}

.bodyindex .team.mlist .tab_button .item_block::after {
    transition: all 0.3s ease-out 0s;
}

.bodyindex .team.mlist .tab_button .item_block:hover::after {
    height: 18px;
}

.ff_indexPage .mlist.service .content_list .item_block .item_index:first-child {
    font-size: 32px;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    color: #999;
}

.ff_indexPage .mlist.service .content_list .item_block:hover .item_index:first-child {
    color: #333;
}

.ff_indexPage .mlist.service .content_list .item_block .item_index:first-child::before {
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.ff_indexPage .mlist.service .content_list .item_block .item_index:first-child::before {
    vertical-align: 11px;
}

.ff_indexPage .mlist.service .content_list .item_block:hover .item_index:first-child::before {
    width: 55px;

    color: #515151;
}

body #min-search-header,
body #min-search-nav {
    display: none;
}

#minNavWrapper .nav> .navitem {
    line-height: 52px;

    height: 52px;
}

#moduleControl a.moduleCItem.active .controlInfor,
#moduleControl a.moduleCItem:hover .controlInfor {
    transition: all 0.3s ease-out 0s;
    animation-name: fadeInLeftshort;
    animation-duration: 0.5s;

    animation-fill-mode: both;
}

#moduleControl a.moduleCItem span {
    font-size: 11px;
}

#moduleControl a.moduleCItem .controlInfor {
    right: calc(100% + 8px);
}

#moduleControl a.moduleCItem .controlInfor .num {
    color: #515151;
}

.ff_indexPage .mlist.service .content_list .item_block .item_wrapper .item_info {
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.ff_indexPage .mlist.service .content_list .item_block:hover .item_wrapper .item_info {
    width: 200px;
    margin-left: 10px;
}

.ff_indexPage .mlist.service .content_list .item_block .item_des .description {
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.ff_indexPage .mlist.service .content_list .item_block:hover .item_des .description {
    color: #444;
}

.ff_indexPage .mlist .container_content .content_list .item_block .details {
    width: 90px;
}

.ff_indexPage .mlist:not(.ad01) .container_content .content_list .item_block:hover .details {
    border-color: #ababab;
}

.ff_indexPage .mlist:not(.ad01) .container_content .content_list .item_block:hover .details::after {
    margin-top: -1px;
}

.ff_indexPage .mlist:not(.ad01) .container_content .content_list .item_block:hover .details::before {
    margin-top: -7px;
}

.ff_indexPage .mlist .container_content .content_list .item_block .details::before,
.ff_indexPage .mlist .container_content .content_list .item_block .details::after {
    background-color: #ababab;
}

.bodyindex .mlist.news .item_wrapper .item_info .date_wrap::after {
    margin-left: -20px;

    transform: none;
}

.npagePage .content .module {
    margin: 0 100px;
}

.bodylist.bodyproject #sitecontent .ff_pageList .content {
    width: 100%;
}

.container_category> a:last-child {
    margin-right: 0;
}

#minHcontact {
    text-align: left;
    text-indent: 70px;
}

#minHcontact p a {
    display: block;

    text-align: left;
    text-indent: 70px;
}

.ff_pageList .mlist.project .container_category {
    padding-top: 50px;

    border-bottom: none;
}

.ff_pageList .container_category+ .container_content {
    padding-top: 30px;
}

.ff_pageList .mlist.project .container_category> a {
    line-height: 40px;
}

#minHcontact p .telNum::before {
    left: -100px;
}

#banner {
    right: 3%;

    max-height: 90%;
}

.npagePage .content .module {
    margin: 0 100px 0 80px;
}

#minHcontact p a {
    text-indent: 80px;
}

#minHcontact p .telNum {
    line-height: 38px;
}

.getInfor {
    top: 19px;
}

.getInfor:hover {
    cursor: pointer;
}

.getInfor i.fa {
    font-family: arial;
    font-size: 16px;

    position: relative;
    top: 1px;
    left: -1px;

    -webkit-padding-start: 2px;
    -webkit-margin-before: -1px;
    -moz-margin-start: 2px;
}

.bodyindex .team_tabs.mlist .tab_button .content_list .item_block .item_img img {
    transition: all 0.3s ease-out 0s;
    animation-duration: 0.5s;

    animation-fill-mode: both;
}

.bodyindex .team_tabs.mlist .tab_button .content_list .item_block:hover .item_img img {
    animation-name: fadeInLeft;
}

.bodyindex .team_tabs.mlist .tab_button .content_list .item_block .item_wrapper .item_info {
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.bodyindex .team_tabs.mlist .tab_button .content_list .item_block:hover .item_wrapper .item_info {
    padding-left: 20px;
}

.ff_indexPage .team_tabs .tab_button .content_list .item_wrapper {
    width: calc(100% - 120px);
}

.bodyindex .team_tabs.mlist .tab_content .content_list .item_block .details {
    top: 300px;
}

.bodyindex .ad01.mlist .tab_content .content_list .details .fa {
    font-family: icomoon !important;
    font-size: 18px;
    line-height: 60px;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.ff_indexPage .mlist.ad01 .container_content .content_list .item_block .details {
    width: 60px;
    height: 60px;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.bodyindex .ad01.mlist .tab_content .content_list .item_block:not(:first-child)> .item_index {
    line-height: 78px;

    width: 110px;
    height: auto;

    transition: all 0.9s ease-out 0s;
    animation-duration: 0.5s;

    animation-fill-mode: both;
}

.bodyindex .ad01.mlist .tab_content .content_list .item_block:not(:first-child):hover> .item_index {
    animation-name: zoomOut;
}

#mcontact .contactform .inputtxt {
    color: #666;
}

.bodyindex .ad01.mlist .tab_content .content_list .item_block:first-child:hover .details {
    border-color: #232323;
}

.ff_indexPage .mlist.ad01 .container_content .content_list .item_block .details .fa-angle-right::before {
    font-size: 14px;

    content: "\e909";
}

.project.mlist .content_list .item_block .item_box .item_wrapper {
    height: 71.5%;
    padding-top: 18px;

    border: none;
}

.project.mlist .content_list .item_block .item_box .item_wrapper::before {
    position: absolute;
    top: 10px;

    width: 100%;
    height: 1px;

    content: "";

    background: rgba(255, 255, 255, 0.7);
}

.project.mlist .content_list .item_block .item_box .item_wrapper::before {
    position: absolute;
    top: -4px;
    left: 50%;

    width: 100%;
    height: 1px;

    content: "";
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transform: translateX(-50%);

    opacity: 1;
    background: rgba(255, 255, 255, 0.4);
}

.project.mlist .content_list .item_block .item_box .item_wrapper::after {
    position: absolute;
    bottom: 10px;
    bottom: -4px;
    left: 50%;

    width: 100%;
    height: 1px;

    content: "";
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transform: translateX(-50%);

    opacity: 1;
    background: rgba(255, 255, 255, 0.4);
}

.project.mlist .content_list .item_bloc:hover .item_box .item_wrapper::after {
    bottom: 10px;

    opacity: 1;
}

.project.mlist .content_list .item_block:hover .item_box .item_img img {
    transform: scale(1.08);
}

.bodyindex .ad01.mlist .tab_content .content_list .item_block:first-child:hover .details .fa {
    color: #fff;
}

.bodyindex .ad01.mlist .tab_content .content_list .item_block:not(:first-child) .item_img {
    width: 110px;
}

.bodyindex .ad01.mlist .tab_content .content_list .item_block:not(:first-child) .item_wrapper {
    width: calc(100% - 120px);
    padding-top: 14px;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.bodyindex .ad01.mlist .tab_content .content_list .item_block:not(:first-child):hover .item_wrapper {
    padding-left: 8px;
}

.bodyindex .ad01.mlist .tab_content .content_list .item_block:not(:first-child) .details {
    top: 18px;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.ff_indexPage .mlist.ad01 .container_content .content_list .item_block:not(:first-child) .details .fa-angle-right::before {
    font-size: 12px;
}

.bodyindex .ad01.mlist .tab_content .content_list #item_block_1 {
    margin-left: 0;
}

.bodyindex .ad01.mlist .tab_content .content_list .item_block:not(:first-child) {
    width: 26%;
    margin-left: 35px;
}

.bodyindex .ad01.mlist .tab_content .content_list .item_block:not(:first-child):hover .item_wrapper::after {
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.bodyindex .ad01.mlist .tab_content .content_list .item_block:not(:first-child):hover .item_wrapper::after {
    height: 0;

    opacity: 0;
}

.bodyindex .ad01.mlist .tab_content .content_list .item_block:first-child .item_des .description p {
    margin-top: 0;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.bodyindex .ad01.mlist .tab_content .content_list .item_block:first-child:hover .item_des .description p {
    margin-top: -7px;
}

#pages .page-item.active,
#pages .page-item:hover {
    color: #666;
    border-bottom: none;
    background: none;
}

.container_category {
    border: none;
}

.container_category> a {
    line-height: 34px;

    position: relative;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.container_category> a::after {
    position: absolute;
    top: 35px;
    left: 0;

    width: 0;
    height: 1px;

    content: "";
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    opacity: 0;
   
}

.container_category> a.active,
.container_category> a:hover {
    border: none;
}

.container_category> a.active::after,
.container_category> a:hover::after {
    width: 100%;

    opacity: 1;
}

.bodylistpost.bodyproject .listWrap .listContent_post h3 {
    display: none;
}

.bodylistpost.bodyproject .listWrap .item_tags {
    float: right;

    width: 50%;
    margin-right: 50px;
    margin-left: 0;
}

.bodylistpost.bodyproject .postSlider .tab_button {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(0, 0, 0, 0.1);
}

.bodylistpost.bodyproject .postContent {
    margin-right: 200px;
}

.item_tags> a:hover,
.container_category> a:hover,
.item_tags> a.active,
.container_category> a.active {
    color: #333;
    border-color: #333;
    background-color: #fff;
}

.bodylistpost.bodyproject .listWrap .listContent_post .item_tags> a {
    position: relative;

    border: none;
}

.bodylistpost.bodyproject .listWrap .listContent_post .item_tags> a::after {
    position: absolute;
    top: 7px;

    width: 1px;
    height: 10px;
    margin-left: 19px;

    content: "";

    background: rgba(0, 0, 0, 0.16);
}

.bodylistpost.bodyproject .listWrap .listContent_post .item_tags> a:last-child::after {
    width: 0;
}

.ff_postPage .project.mlistpost .listContent_post {
    width: calc(100% - 174px);

    border: none;
}

.bodylistpost.bodyproject .listWrap .listContent_post .item_tags> a:first-child {
    padding-left: 0;
}

.bodylistpost.bodyproject .listWrap {
    z-index: 99;
}

.npagePage .content .mlist.project.module {
    margin-right: 80px;
}

.bodylist.bodyproject .content_list .item_block {
    height: 32.5%;
}

#minNavWrapper .subnav {
    font-size: 13px;

    width: 180px;
    margin-top: 2px;
}

#minNavWrapper .subnav::before {
    width: 100%;
}

#minNavWrapper .nav> .navitem a:hover .subnav a:hover,
#minNavWrapper .nav> .navitem a.active .subnav a:hover {
    background-color: #f8f8f8;
}

#minNavWrapper .subnav> li a:hover {
    text-indent: 60px;
}

#minNavWrapper .nav> .navitem a {
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    text-indent: 80px;
}

#minNavWrapper .nav> .navitem a.active .subnav li a {
    text-indent: 0;
}

#minNavWrapper .nav> .navitem .subnav a {
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    text-indent: 0;
}

#minNavWrapper .nav> .navitem .subnav li {
    padding-left: 40px;
}

#minNavWrapper .nav> .navitem .subnav a:hover {
    text-indent: 10px;
}

#minNavWrapper .nav> .navitem .subnav li {
    border-bottom: 1px solid #f8f8f8;
}

#minNavWrapper .nav> .navitem .subnav li a.active::before,
#minNavWrapper .nav> .navitem .subnav li a:hover::before {
    width: 0;
}

#minNavWrapper .subnav::before {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.07);
}

#navMini .wrapper {
    /* border-right: 1px solid #f8f8f8;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06); */
}

.bodypage #banner+ .content {
    margin-right: 540px;
}

.ff_postPage .team .postInfo .description,
.ff_postPage .team .postInfo .usetdate {
    display: none;
}

.ff_postPage .team.mlistpost {
    padding: 50px 0;
}

.ff_postPage .news.mlistpost .listContent_post .content_wrapper {
    display: none;
}

.ff_postPage .team.mlistpost .postContent {
    float: left;

    width: 92%;
    margin-top: 140px;
}

.ff_postPage .news.mlistpost .postContent {
    width: calc(73% - 60px);
}

.ff_postPage .team.mlistpost .listWrap {
    position: absolute;
    top: 100px;
    right: calc(8% + 76px);

    width: calc(92% - 441px);
    margin-top: 30px;
    margin-bottom: 10px;
    padding-right: 0;
    padding-bottom: 35px;

    text-align: right;

    border-bottom: 1px solid #f3f3f3;
}

.ff_postPage .team.mlistpost .listWrap .postInfo .title {
    line-height: 30px;
}

.ff_postPage .news.mlistpost .listWrap {
    width: 27%;
}

.postInfo .subtitle {
    font-size: 13px;
}

.service.mlistpost .tabBtn .post-prev.empty,
.team.mlistpost .tabBtn .post-prev.empty,
.service.mlistpost .tabBtn .post-next.empty,
.team.mlistpost .tabBtn .post-next.empty {
    border-top: 1px solid #f3f3f3;
    background-color: #fff;
}

.bodylistpost.bodynews .npagePage {
    padding-right: 240px;
}

.bodylistpost.bodynews #listContent .item_tags> a {
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.bodylistpost.bodynews #listContent .item_tags> a {
    color: #999;
}

.bodylistpost.bodynews #listContent .item_tags> a:hover {
    color: #222;
}

.service.mlistpost .tabBtn .post-prev,
.team.mlistpost .tabBtn .post-prev,
.service.mlistpost .tabBtn .post-next,
.team.mlistpost .tabBtn .post-next {
    border-top: 1px solid #f3f3f3;
    background-color: #fff;
}

.service.mlistpost .tabBtn .post-prev:hover:not(.empty),
.team.mlistpost .tabBtn .post-prev:hover:not(.empty),
.service.mlistpost .tabBtn .post-next:hover:not(.empty),
.team.mlistpost .tabBtn .post-next:hover:not(.empty) {
    background-color: #f3f3f3;
}

.ff_topSlider .owl-nav {
    z-index: 99;
}

.ff_topSlider .owl-nav .owl-prev,
.ff_topSlider .owl-nav .owl-next {
    z-index: 99;

    border: none;
}

.ff_topSlider .owl-nav .owl-prev .iconfont::before {
    font-size: 18px;

    position: relative;
    top: 1px;
    left: 0;
}

.ff_topSlider .owl-nav .owl-next .iconfont::before {
    font-size: 18px;

    position: relative;
    top: 1px;
    left: 0;
}

.ff_topSlider .owl-nav .owl-next:hover .iconfont::before {
    left: 10px;

    opacity: 0;
}

.ff_topSlider .owl-nav .owl-prev .iconfont::after {
    font-family: icomoon;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    position: absolute;
    top: 1px;
    left: 30px;

    content: "\e908";
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    text-transform: none;

    opacity: 0;
    color: #000;

    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.ff_topSlider .owl-nav .owl-prev:hover .iconfont::after {
    left: 0;

    opacity: 1;
}

.ff_topSlider .owl-nav .owl-prev:hover .iconfont::before {
    left: -10px;

    opacity: 0;
}

.ff_topSlider .owl-nav .owl-next .iconfont::after {
    font-family: icomoon;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    position: absolute;
    top: 1px;
    left: -30px;

    content: "\e909";
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    text-transform: none;

    opacity: 0;
    color: #000;

    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.ff_topSlider .owl-nav .owl-next:hover .iconfont::after {
    left: 0;

    opacity: 1;
}

.project.mlist .content_list .item_block .item_box .item_wrapper .item_info {
    margin-top: -3px;
}

.project.mlist .content_list .item_block .item_box .item_wrapper .item_info .title {
    position: relative;
    top: 30px;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    opacity: 0;
}

.project.mlist .content_list .item_block:hover .item_box .item_wrapper .item_info .title {
    top: 0;

    opacity: 1;
}

.project.mlist .content_list .item_block .item_box .item_wrapper .item_info .subtitle {
    position: relative;
    top: -30px;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    opacity: 0;
}

.project.mlist .content_list .item_block:hover .item_box .item_wrapper .item_info .subtitle {
    top: 0;

    animation-delay: 0.1s;

    opacity: 1;
}

.getInfor {
    border-color: rgba(255, 255, 255, 0.4);
}

#olx_head {
    background-color: #333;
}

#shares a:hover,
#online_open:hover {
    border-color: #444;
    background-color: #444;
}

.bodylistpost.bodyproject .mlist .owl-nav .owl-prev,
.bodylistpost.bodyproject .mlist .owl-nav .owl-next {
    width: 64px;
    height: 64px;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    background: rgba(255, 255, 255, 0.7);
}

.bodylistpost.bodyproject .mlist .owl-nav .owl-prev:hover,
.bodylistpost.bodyproject .mlist .owl-nav .owl-next:hover {
    background: #fff;
}

.mCSB_inside> .mCSB_container {
    margin-right: 40px;
}

.imagelink .owl-nav .owl-next .iconfont::before,
.postSlider .owl-nav .owl-next .iconfont::before,
.mlist .owl-nav .owl-next .iconfont::before,
.ff_topSlider .owl-nav .owl-next .iconfont::before {
    font-family: icomoon;
    font-size: 16px;

    content: "\e909";
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.imagelink .owl-nav .owl-prev .iconfont::before,
.postSlider .owl-nav .owl-prev .iconfont::before,
.mlist .owl-nav .owl-prev .iconfont::before,
.ff_topSlider .owl-nav .owl-prev .iconfont::before {
    font-family: icomoon;
    font-size: 16px;

    content: "\e908";
}

.bodylistpost.bodyproject .mlist .owl-nav .owl-prev i,
.bodylistpost.bodyproject .mlist .owl-nav .owl-next i {
    color: #a4a4a4;
}

.bodylistpost.bodyproject .mlist .owl-nav .owl-next i {
    margin-top: 1px;
    margin-left: 1px;
}

.npagePage .content .module .item_block .item_info .subtitle {
    font-size: 13px;

    display: block;
}

.npagePage .content .module .item_block .item_info .title {
    font-size: 15px;
}

.npagePage .content .mlist.service .module .item_block .item_info .title {
    color: #555;
}

.npagePage .content .mlistpost.service .postInfo .usetdate {
    display: none;
}

.npagePage .content .mlistpost.service {
    width: 70%;
    margin-left: 100px;
}

.npagePage .content .mlistpost.service .postInfo .title {
    font-size: 17px;
    line-height: 30px;
}

.npagePage .content .mlistpost.service .postInfo .subtitle {
    font-size: 14px;
}

.npagePage .content .mlistpost.service .postInfo .description {
    display: none;
}

.npagePage .content .mlistpost.service .postInfo {
    margin-bottom: 30px;
    padding-bottom: 30px;

    border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
}

.npagePage .content .mlistpost.service .postInfo .mainInfor {
    text-align: right;
}

.npagePage .content .mlistpost.service .postContent {
    padding-top: 80px;
}

.service.mlistpost .tabBtn .post-prev:hover:not(.empty) .infor-wrap .title,
.team.mlistpost .tabBtn .post-prev:hover:not(.empty) .infor-wrap .title,
.service.mlistpost .tabBtn .post-next:hover:not(.empty) .infor-wrap .title,
.team.mlistpost .tabBtn .post-next:hover:not(.empty) .infor-wrap .title {
    color: #333;
}

.service.mlistpost .tabBtn .post-prev:hover:not(.empty) .infor-wrap .subtitle,
.team.mlistpost .tabBtn .post-prev:hover:not(.empty) .infor-wrap .subtitle,
.service.mlistpost .tabBtn .post-next:hover:not(.empty) .infor-wrap .subtitle,
.team.mlistpost .tabBtn .post-next:hover:not(.empty) .infor-wrap .subtitle {
    color: #666;
}

.service.mlistpost .tabBtn .post-prev:hover:not(.empty),
.team.mlistpost .tabBtn .post-prev:hover:not(.empty),
.service.mlistpost .tabBtn .post-next:hover:not(.empty),
.team.mlistpost .tabBtn .post-next:hover:not(.empty) {
    background-color: #fff;
}

.service.mlistpost .tabBtn .img-wrap {
    display: none;

    width: 120px;
}

.service.mlistpost .tabBtn .post-next .details,
.team.mlistpost .tabBtn .post-next .details,
.service.mlistpost .tabBtn .post-prev .details,
.team.mlistpost .tabBtn .post-prev .details {
    height: 34px;
    margin-top: -5px;
}

.service.mlistpost .tabBtn .post-next .infor-wrap .subtitle,
.team.mlistpost .tabBtn .post-next .infor-wrap .subtitle {
    color: #999;
}

.service.mlistpost .tabBtn .post-prev:hover:not(.empty) .details::after,
.team.mlistpost .tabBtn .post-prev:hover:not(.empty) .details::after,
.service.mlistpost .tabBtn .post-next:hover:not(.empty) .details::after,
.team.mlistpost .tabBtn .post-next:hover:not(.empty) .details::after {
    color: #333;
}

.service.mlistpost .tabBtn .post-next .details::before,
.team.mlistpost .tabBtn .post-next .details::before,
.service.mlistpost .tabBtn .post-next .details::after,
.team.mlistpost .tabBtn .post-next .details::after {
    font-family: icomoon;
    font-size: 15px;

    content: "\e909";
}

.service.mlistpost .tabBtn .post-prev .details::before,
.team.mlistpost .tabBtn .post-prev .details::before,
.service.mlistpost .tabBtn .post-prev .details::after,
.team.mlistpost .tabBtn .post-prev .details::after {
    font-family: icomoon;
    font-size: 15px;

    content: "\e908";
}

.service.mlistpost .tabBtn .post-prev .infor-wrap .title,
.team.mlistpost .tabBtn .post-prev .infor-wrap .title,
.service.mlistpost .tabBtn .post-next .infor-wrap .title,
.team.mlistpost .tabBtn .post-next .infor-wrap .title {
    font-size: 15px;
    line-height: 16px;
}

/*ff做完字数溢出要隐藏的部分  */
.ff_pageList .mlist.team .content_list .item_des .description {
    display: -webkit-box;
    overflow: hidden;

    height: 54px;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.bodylist.bodyteam .ff_pageList .tab_content .content_list .item_block .item_wrapper {
    width: calc(100% - 260px);

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.bodylist.bodyteam .ff_pageList .tab_content .content_list .item_block:hover .item_wrapper {
    padding-top: 40px;
}

.bodylist.bodyteam .tab_content .content_list .item_block .item_wrapper .item_info::after {
    width: 50px;
}

.bodylist.bodyteam .tab_content .content_list .item_block a.details .fa-angle-right::before {
    font-family: icomoon !important;

    content: "\e909";
}

.bodylist.bodyteam .tab_content .content_list .details .fa {
    font-size: 11px;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    color: #666;
}

.bodylist.bodyteam .tab_content .content_list .item_block .item_wrapper .item_info .title {
    font-size: 16px;
}

.ff_postPage .team.mlistpost .listContent_post,
.ff_postPage .news.mlistpost .listContent_post {
    margin-top: 20px;
}

.ff_postPage .team.mlistpost .listContent_post {
    display: none;
}

.bodylist.bodyteam .mlist.team #pages .fa-angle-right::before,
.bodylist.bodynews .mlist.news #pages .fa-angle-right::before {
    font-family: icomoon !important;
    font-size: 10px;

    position: absolute;
    top: -17px;
    left: 0;

    content: "\e909";
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    color: #666;
}

.bodylist.bodyteam .mlist.team #pages .fa-angle-right::after,
.bodylist.bodynews .mlist.news #pages .fa-angle-right::after {
    font-family: icomoon !important;
    font-size: 14px;

    position: absolute;
    top: -17px;
    left: -20px;

    content: "\e909";
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    opacity: 0;
    color: #666;
}

.bodylist.bodyteam .mlist.team #pages a:not(.disable):hover .fa-angle-right::after,
.bodylist.bodynews .mlist.news #pages a:not(.disable):hover .fa-angle-right::after {
    left: 3px;

    opacity: 1;
    color: #000;
}

.bodylist.bodyteam .mlist.team #pages a:not(.disable):hover .fa-angle-right::before,
.bodylist.bodynews .mlist.news #pages a:not(.disable):hover .fa-angle-right::before {
    left: 20px;

    opacity: 0;
}

.bodylist.bodyteam .mlist.team #pages .fa-angle-left::before,
.bodylist.bodynews .mlist.news #pages .fa-angle-left::before {
    font-family: icomoon !important;
    font-size: 10px;

    position: absolute;
    top: 0;
    left: 0;

    content: "\e908";
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    color: #666;
}

.bodylist.bodyteam .mlist.team #pages .fa-angle-left::after,
.bodylist.bodynews .mlist.news #pages .fa-angle-left::after {
    font-family: icomoon !important;
    font-size: 14px;

    position: absolute;
    left: 20px;

    content: "\e908";
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    opacity: 0;
    color: #666;
}

.bodylist.bodyteam .mlist.team #pages a:hover .fa-angle-left::after,
.bodylist.bodynews .mlist.news #pages a:hover .fa-angle-left::after {
    left: 0;

    opacity: 1;
    color: #000;
}

.bodylist.bodyteam .mlist.team #pages a:hover .fa-angle-left::before,
.bodylist.bodynews .mlist.news #pages a:hover .fa-angle-left::before {
    left: -20px;

    opacity: 0;
}

.bodylist.bodyteam #pages .next,
.bodylist.bodynews #pages .next {
    border: none;
}

.bodylist.bodyteam #pages .next::before,
.bodylist.bodynews #pages .next::before {
    position: absolute;

    width: 1px;
    height: 10px;
    margin-top: 4px;
    margin-left: -25px;

    content: "";

    background-color: rgba(0, 0, 0, 0.15);
}

.bodylist.bodyteam #pages .next,
.bodylist.bodyteam #pages .prev,
.bodylist.bodynews #pages .next,
.bodylist.bodynews #pages .prev {
    width: 40px;
}

.bodylist.bodyteam #pages {
    padding-top: 40px;
}

.bodylist.bodyteam .tab_content .content_list .item_block:hover .details .fa {
    left: 27px;

    color: #fff;
}

.bodylist.bodyteam .tab_content .content_list .item_block a.details .fa {
    top: 1px;

    padding-left: 0;
}

.team.mlistpost .tabBtn .post-next .img-wrap {
    display: none;
}

.bodylistpost #footer {
    float: right;

    width: calc(100% - 300px);
    margin-left: 300px;

    background-color: #fff;
}

.bodylist.bodyteam .tab_content .content_list .item_block:not(:last-child) {
    margin-bottom: 30px;
    padding-bottom: 20px;

    border-color: #f3f3f3;
}

#page_about.pageEditor .container_header .title {
    font-size: 19px;
    line-height: 22px;
}

#page_about.npagePage .content .module {
    width: 96%;
}

#page_contact.pageEditor .container_header {
    display: none;
}

#page_contact #banner {
    display: none;
}

.bodylist.bodynews .content .container_content {
    border-left: none;
}

.bodylist.bodynews .content .container_content::after {
    position: absolute;
    top: 0;
    left: 80px;

    width: 1px;
    height: 100%;

    content: "";

    background: rgba(0, 0, 0, 0.08);
}

.bodypage #page_contact #banner+ .content {
    margin-right: 120px;
}

#mcontact .contactinfo p:nth-of-type(3n+1),
#mcontact .contactinfo p {
    line-height: 38px;

    width: 30%;
    margin-right: 3%;
    padding-right: 0;
    padding-left: 0;

    border: none;
}

#mcontact .ff_social {
    top: -162px;
}

.bodypage #banner+ .content #mcontact .contactinfo {
    margin-bottom: 70px;
}

.pageEditor .container_header .title,
.pageEditor .container_header .subtitle {
    text-align: left;
}

#page_about.pageEditor .module_container {
    padding-top: 80px;
}

#page_about.pageEditor .module_container .container_header {
    position: fixed;
    top: 104px;

    float: left;

    width: auto;
    max-width: 300px;
}

#page_about.pageEditor .module_container .container_content {
    width: 60%;
    margin-left: 20%;
}

.bodylist.bodynews .content .container_category {
    width: 80px;
}

.bodylist.bodynews .container_category> a::after {
    height: 0;

    background: rgba(0, 0, 0, 0.1);
}

.bodylist.bodynews .content .item_block .item_box .item_wrapper .item_info .date_wrap {
    position: relative;
    top: 68px;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    opacity: 0;
    color: #999;
}

.bodylist.bodynews .content .item_block:hover .item_box .item_wrapper .item_info .date_wrap {
    top: 98px;

    opacity: 1;
}

.ff_pageList .news #pages {
    position: relative;
    top: 16px;
    left: -104px;
}

.bodylist.bodynews #pages .next::before {
    height: 12px;

    background-color: rgba(0, 0, 0, 0.08);
}

.bodylist.bodynews .content .item_block .item_box .item_wrapper .item_info::after {
    height: 0;
}

.bodylist.bodynews .content .item_block .item_box .item_wrapper .item_info {
    min-height: 30px;
    margin-bottom: 5px;
}

.bodylist.bodynews .content .content_list .item_des {
    margin-top: 6px;
}

.bodylist.bodynews .content .item_block::after {
    position: absolute;
    top: 85px;
    left: 0;

    width: 0;
    height: 1px;

    content: "";
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    opacity: 0;
    background: rgba(0, 0, 0, 0.15);
}

.bodylist.bodynews .content .item_block:hover::after {
    width: 100%;

    opacity: 1;
}

.bodylist.bodynews .content .item_block {
    margin-bottom: 42px;
}

.bodylist.bodynews .content .item_block:last-child {
    margin-bottom: 0;
}

.bodylist.bodynews .mlist {
    transform: translateY(calc(-50% + 16px));
}

.bodylist.bodynews .content .item_block:first-child {
    margin-top: -9px;
}

.bodylist.bodynews .content .module .content_list .details {
    border-width: 0;
}

.bodylist.bodynews .content .item_block .item_box .item_wrapper .title {
    position: relative;
    top: 0;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.bodylist.bodynews .content .item_block:hover .item_box .item_wrapper .title {
    top: -8px;
}

.bodylist.bodynews .content .item_block .item_box .item_wrapper .item_des {
    position: relative;
    top: 0;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.bodylist.bodynews .content .item_block:hover .item_box .item_wrapper .item_des {
    top: -12px;
}

#pages .page-item {
    padding: 0 10px;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    border: none;
}

.bodylistpost.bodynews .mlistpost .tabBtn .post-prev .details::before {
    font-family: icomoon !important;
    font-size: 18px;

    position: absolute;

    content: "\e908";
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    color: #666;
}

.bodylistpost.bodynews .mlistpost .tabBtn .post-prev:hover .details::before {
    color: fff;
}

.bodylistpost.bodynews .mlistpost .tabBtn .post-next .details::before {
    font-family: icomoon !important;
    font-size: 18px;

    position: absolute;

    content: "\e909";
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    color: #666;
}

/* ff */
#pages .next,
#pages .prev {
    position: relative;
}

#pages .prev .fa {
    position: absolute;
    left: 0;

    box-sizing: border-box;
    width: 0;
    height: 100%;
}

#pages .next .fa {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;

    box-sizing: border-box;
    width: 0;
    height: 100%;
}

.bodylist.bodyteam .mlist.team #pages .fa-angle-right::after,
.bodylist.bodynews .mlist.news #pages .fa-angle-right::after,
.bodylist.bodyteam .mlist.team #pages .fa-angle-right::before,
.bodylist.bodynews .mlist.news #pages .fa-angle-right::before {
    top: 0;
}

.bodylist.bodyteam #pages .next::before,
.bodylist.bodynews #pages .next::before {
    left: -1px;

    margin-left: 0;
}

.bodylist.bodynews .content .container_content {
    /* padding-top: 1px; */
}

.npagePage .content .service .container_category {
    padding-top: 1px;
}

.bodylist.bodyteam #pages .next.disable .fa,
.bodylist.bodyteam #pages .prev.disable .fa {
    /* display: none; */
}

.bodylist.bodyteam .tab_content .content_list .item_block:not(:last-child) {
    margin-bottom: 29px;
    padding-bottom: 20px;

    border-color: #f3f3f3;
}

.bodylist.bodyproject .container_content {
    min-width: 100%;
}

.bodyindex .project .container_content {
    min-width: 100%;
}

.bodylistpost.bodyproject .postSlider .tab_content .owl-item {
    overflow: hidden;
}

.bodylistpost.bodyproject .postSlider .tab_content .item_img img {
    margin-left: 0;

    transform: translateX(-50%);
}

@media screen and (max-width: 1366px) {
    .ff_indexPage .mlist.service .content_list .item_block:hover .item_wrapper .item_info {
        width: 170px;
        margin-right: 8px;
    }
}

@media screen and (max-height:700px) {
    .bodyindex .mlist.news .content_list .item_block:hover .details {
        bottom: 60px;
    }
}

/* css */
.agent-pc .bodylist.bodyteam .tab_content {
    overflow: hidden;

    max-height: 670px;
}

.agent-pc .bodylist.bodyteam .tab_content .item_block {
    visibility: visible !important;

    animation-name: none !important;
}

.agent-pc .bodylist.bodynews .content_list {
    overflow: auto;

    max-height: 574px;
}

.agent-pc .bodylist.bodynews .content_list .item_block {
    visibility: visible !important;

    animation-name: none !important;
}

.agent-pc .bodylist.bodyservice .content_list {
    overflow: hidden;

    max-height: 672px;
}

.agent-pc .bodylist.bodyservice .content_list .item_block {
    visibility: visible !important;

    animation-name: none !important;
}

.agent-mobile .indexPage .project.module .more {
    line-height: 40px;

    display: block;

    width: 200px;
    margin: 0 auto;
    margin-top: 20px;
}

.agent-mobile .indexPage .project.module .more .fa {
    display: none;
}

.bodylist:not(.bodyimagelink) #banner+ #pageTarget+ .content {
    width: calc(96% - 460px);
}

@media screen and (max-width: 1600px) {
    #banner {
        right: 0;
    }

    .bodylist:not(.bodyimagelink) #banner+ #pageTarget+ .content {
        width: calc(100% - 390px);
    }
}

.ff_pageList .module .content_wrapper {
    min-height: 200px;
}

/* @media screen and (max-width: 1366px) {
    .bodyindex .team.mlist .tab_content .item_block .item_wrapper {
        width: calc(100% - 340px)
    }
} */
.npagePage.post .service #postNav {
    display: block;
}

.bodypage #banner {
    position: fixed;
}

.bodypage #banner+ .content .module_container {
    padding-top: 80px;
}

.bodypage #banner+ .content .mpageEditor {
    position: unset;

    transform: unset;
}

#page_about #banner+ .content .module_container .container_content {
    width: 80%;
}

@media screen and (max-width: 1600px) {
    .bodypage #banner {
        width: 320px;
    }

    .bodypage #banner+ .content {
        margin-right: 320px;
    }
}

.bodypage #banner+ .content .module_container .container_content {
    width: 60%;
}

#page_contact #banner+ .content .module_container .container_content {
    width: 100%;
}

.bodylist.bodynews .content_list {
    margin-top: -10px;
}

.bodylist.bodynews .content .item_block:first-child {
    margin-top: 10px;
}

/* css2 */
.bodylist.bodynews .content .item_block:first-child {
    margin-top: 0;
}

.agent-pc .bodylist.bodynews .content_list {
    max-height: 594px;
}

@media screen and (max-width: 1366px) {
    .bodyindex .ad01.mlist .tab_content .content_list .item_block:not(:first-child) .item_img {
        padding-top: 10px;
    }

    .bodyindex .ad01.mlist .tab_content .content_list .item_block:not(:first-child) .item_img,
    .bodyindex .ad01.mlist .tab_content .content_list .item_block:not(:first-child)> .item_index {
        width: 80px;
    }

    .bodyindex .ad01.mlist .tab_content .content_list .item_block:not(:first-child) .item_wrapper {
        width: calc(100% - 90px);
        padding-right: 10px;
    }

    #mcontact .module_container {
        padding-left: 70px;
    }

    .bodyindex #mcontact .ff_social {
        position: absolute;
        top: auto;
        bottom: 100%;
    }

    #mcontact .contactinfo {
        position: relative;

        padding-top: 20px;
    }

    #mcontact .contactinfo p {
        white-space: normal;
    }

    .bodylist:not(.bodyimagelink) #banner+ #pageTarget+ .content {
        width: calc(100% - 350px);
    }

    .npagePage .content .module {
        margin: 0 80px 0 80px;
    }

    .bodylist.bodynews .content .container_content {
        padding-left: 46px;
    }

    .ff_pageList .news #pages {
        left: -86px;
    }
}

#contactinfo:after {
    display: block;
    clear: both;

    content: "";
}

.bodylist.bodynews .content .item_block .item_box .item_wrapper {
    padding-bottom: 36px;
}

.bodylist.bodynews .content .item_block {
    margin-bottom: 0;
}

.bodylist .mCSB_scrollTools {
    display: none !important;
}

.bodylist .mCSB_inside> .mCSB_container {
    margin-right: 0;
}

.bodylistpost.bodyproject .postContent .mainInfor .subtitle {
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.bodylistpost.bodyproject .postbody {
    height: calc(100vh - 210px);
    margin-bottom: 0;
}

.project.mlistpost .postContent {
    padding-bottom: 0;
}

.project.mlistpost .mCSB_inside> .mCSB_container {
    margin-right: 0;
}

.project.mlist .content_list .item_block .details {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
    margin: 0;

    color: transparent;
    background: transparent;
}


#indexPage .videom .item_block {
    position: relative;

    float: left;

    width: calc(100% / 4 - 15px);
    height: auto;
    margin-right: 15px;
    margin-bottom: 20px;

    cursor: pointer;
    transition: all 0.36s ease;

    box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
}

#sitecontent .ff_pageList .videom .item_block {
    position: relative;

    float: left;

    width: calc(100% / 3 - 15px);
    height: auto;
    margin-right: 15px;
    margin-bottom: 20px;

    cursor: pointer;
    transition: all 0.36s ease;

    box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
}

#sitecontent .videom .item_block .item_img img {
    max-width: 100%;
}

#sitecontent .videom .item_block .item_tags,
#sitecontent .videom .item_block .date_wrap,
#sitecontent .videom .item_block .details,
#sitecontent .videom .item_block .item_index {
    display: none;
}

#sitecontent .videom .item_block .item_info {
    padding: 6% 5% 6%;

    background: rgba(0, 0, 0, 0.1);
}

#sitecontent .videom .item_block .item_info,
.npagePage:not(.post) .videom .item_block .item_info {
    padding: 6% 4% 6%;

    transition: padding 0.36s ease;
    text-align: left;
}

#sitecontent .videom .item_block .item_info .title,
.npagePage:not(.post) .videom .item_block .item_info .title {
    font-size: 16px;

    color: #fff;
}

#sitecontent .videom .item_block .item_info .subtitle,
.npagePage:not(.post) .videom .item_block .item_info .subtitle {
    font-size: 14px;
    line-height: 16px;

    margin-top: 8px;
}

#sitecontent .videom .content_wrapper .more {
    display: none;
}

#sitecontent .videom .item_block .item_info,
.npagePage:not(.post) .videom .item_block .item_info {
    transition: 0.36s ease;
}

#sitecontent .videom .item_block:hover .item_info,
.npagePage:not(.post) .videom .item_block:hover .item_info {
    background-color: #e3120b;
}

#sitecontent .videom .item_block:hover .item_info .subtitle,
.npagePage:not(.post) .videom .item_block:hover .item_info .subtitle {
    color: rgba(255, 255, 255, 0.6);
}

#sitecontent .videom .item_block:hover .item_info,
.npagePage:not(.post) .videom .item_block:hover .item_info {
    padding-left: 8%;
}

#sitecontent .videom .item_block .item_info,
.npagePage:not(.post) .videom .item_block .item_info {
    transition: all 0.36s ease;
}

.vPlayArea {
    width: 100%;
    height: 100%;
}

.vPlayArea .vPlayItem {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;

    overflow: hidden;

    width: 960px;
    height: 618px;
    margin-top: -366px;
    margin-left: -480px;
    padding: 10px;

    transition: margin 0.36s ease, background 1s ease, border-color 1s ease;

    border: 1px solid #dedede;
    background: #fff;
}

.vPlayArea .vPlayItem video {
    width: 100%;
}

.vPlayArea.vshow .vPlayItem {
    margin-top: -336px;
}

.videoTabBtns {
    position: absolute;
    top: 50%;

    width: 100%;
    height: 0;

    transition: opacity 1s ease;
    transform: translateY(-50%);
}

.videoTabBtns .videoTabBtn {
    position: absolute;
    top: 0;

    width: 50px;
    height: 50px;
    margin-top: -25px;

    cursor: pointer;
    text-align: center;

    background: #fff;
}

.videoTabBtns .videoTabBtn .icon {
    text-align: center;
}

.videoTabBtns .videoTabBtn.next {
    right: 0;
}

.videoTabBtns .videoTabBtn.next .icon:after {
    font-family: "FontAwesome";
    font-size: 14px;
    font-size: 29px;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    line-height: 50px;

    content: "";
    text-transform: none;

    color: inherit;
    color: #848484;

    speak: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.videoTabBtns .videoTabBtn.prev {
    left: 0;
}

.videoTabBtns .videoTabBtn.prev .icon:after {
    font-family: "FontAwesome";
    font-size: 14px;
    font-size: 29px;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    line-height: 50px;

    content: "";
    text-transform: none;

    color: inherit;
    color: #848484;

    speak: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.videoInfor {
    position: relative;

    width: 100%;
    height: 48px;
    padding: 15px 0 0;

    transition: opacity 1s ease;
}

.videoInfor .title {
    font-size: 16px;

    color: #2e2e2e;
}

.videoInfor .subtitle {
    font-size: 13px;
    line-height: 22px;

    margin-top: 6px;

    color: #7d7d7d;
}

.videoBg {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    transition: background 1s ease;

    background: rgba(0, 0, 0, 0.8);
}

.videoBg.deepView {
    background: rgba(0, 0, 0, 0.9);
}

.videoBg.deepView .vPlayItem {
    border-color: transparent;
    background: transparent;
}

.videoBg.deepView .videoInfor {
    opacity: 0;
}

.videoBg.deepView .videoTabBtns {
    opacity: 0;
}

.vPlayArea .vPlayItem {
    border-color: #252525;
    background: #252525;
}

.theme-b .videoTabBtns .videoTabBtn {
    background: #252525;
}

.videoInfor .title {
    color: #fff;
}

.agent-mobile .videom .content .wrapper {
    width: 96%;
    margin: 0 2%;
    margin-top: 20px;
}

.videom .item_block .item_img {
    position: relative;
}

.videom .item_block .imgIcon {
    position: absolute;
    top: 10%;
    left: 50%;

    visibility: hidden;

    width: 48px;
    height: 48px;
    margin-top: -25px;
    margin-left: -25px;

    transition: all 0.5s ease 0s;

    opacity: 0;
    border: 3px solid rgba(255, 255, 255, 0.9);
    border-radius: 50%;
}

.videom .item_block:hover .imgIcon {
    top: 50%;

    visibility: visible;

    opacity: 1;
}

.videom .item_block .imgIcon:after {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 0;
    height: 0;
    margin-top: -9px;
    margin-left: -6px;

    content: "";

    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff;
}

.agent-mobile .videom .content_list .item_block {
    float: left;

    width: 49%;
    margin-bottom: 10px;
}

.agent-mobile .videom .content_list .item_block:nth-child(2n) {
    float: right;
}


.theme-b .vPlayArea .vPlayItem {
    border-color: #252525;
    background: #252525;
}

.theme-b .videoTabBtns .videoTabBtn {
    background: #252525;
}



.theme-b .videoInfor .title {
    color: #fff;
}


#sitecontent .videom .item_block .item_mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: 48px;
    height: 48px;
    margin: auto;

    transition: 0.36s ease;

    opacity: 0;
    border: 1px solid hsla(0, 0%, 33%, 0.58);
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.58);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ8AAAC0CAYAAACKcP4VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkI2NEUwMjc2OUJBMzExRThBRjgwQUYyRkM4NkQ1QkU2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkI2NEUwMjc3OUJBMzExRThBRjgwQUYyRkM4NkQ1QkU2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjY0RTAyNzQ5QkEzMTFFOEFGODBBRjJGQzg2RDVCRTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjY0RTAyNzU5QkEzMTFFOEFGODBBRjJGQzg2RDVCRTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7YkVFvAAACwElEQVR42uzXQU4CQRiE0WnDEbn/Vdq4cyGOA0OXUO9bkbAwIS/1t+N6vW53Nr99Hpt0sMud2Pa+g1Gn4JtWUc/oYwfQPOFvTD+zjuA7G8yEUH/B90wkEOomvlUwINSvb75VCAVfDIIVhC8ehKX45j9DKMtnBdWHD0L4IBR83oNvim++IEAILR+E6sTnFMNnBdWND0L4IBR83oPwWUF144MQPqdY8FlB+CCETxDC5z0In6wgfBDCJwDhs4LwQQghfBDCB6Hgs4LwQSj4nGL4rKDggxA+CAWf9yB8VhA+QQifUwyfrCB8EMInCOHzHoRPVhA+COGTUwyfFYRPEMIHIXzyHoTPCsInCOFziuFT3wrCByF86kMIH4TwqW8F4VMMIXyKnWL4FFtB+BRDCJ9iCOFT7D0In2IrCJ9iCOFT7BTDp9gKwqcYQvgUQwifYu9B+BRbQfgUW0H4FAs+xdYPPsUAwidnV33rB58sn/rWDz5ZPsEnwSf4JPgEnwSfXr4BnyyfulYPPlk+9a0efLJ86ls9+BSD99XFb6LV6CyfovAsnyLo4FMMHXyKofPmUxSe5VMEHXyKoXN2FYVn+RRBB59i6OBTDJ03n6LwLJ8i6OBTDJ2zqyg8ywfdBp+q0MEHXTxvPvAsn3rQwQeds6tOeJYPOvjUhQ4+6Lz51AnP8kEHn7rQObvgWT71oYMPOvjUh86bDzzLB11v8EHn7IJn+QQdfNDBJ+i8+cCzfIIOPuicXfBk+aCDDzrBB503H3iyfNDBB52cXfAsH3TwQSf4oPPmA0+WDzr4oJOzC57lg07wQQcfdOp884Fn+aDT8eUbL4gOPGfX2un9zy508EGn98cHXdGbb4Cn5uWDrvi/3RFEB145PmunKL6xEB148C1dI+i0e3YHdEq++c4CA51+7HIAz4ROq/HdwjRB0yN9CjAAQh2YndQMJJcAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 16px;
    background-size: 20px;
}

/* css */

.npagePage .content .module.videom .item_block .item_box .item_wrapper {
    padding: 0;
}

.mlist:not(.imagelink).videom .content_list .item_des {
    display: none;
}

#sitecontent .videom .item_block .item_info,
.npagePage:not(.post) .videom .item_block .item_info {
    padding: 4% 4% 6%;
}

.mlist:not(.imagelink).videom .content_list .item_info .title {
    line-height: 20px;
}

#sitecontent .videom .item_block .item_info,
.npagePage:not(.post) .videom .item_block .item_info {
    position: absolute;
    bottom: 0;

    box-sizing: border-box;
    width: 100%;
    padding: 4% 4%;

    background: rgba(53, 53, 53, 0.48);
}

#sitecontent .videom .item_block:hover .item_info,
.npagePage:not(.post) .videom .item_block:hover .item_info {
    background: rgba(53, 53, 53, 0.48);
}

#sitecontent .videom .item_block .item_info .title,
.npagePage:not(.post) .videom .item_block .item_info .title {
    color: #fff;
}

.mlist:not(.imagelink).videom .content_list .item_info .subtitle {
    color: #9c9c9c;
}


.bodyvideom.bodylist #sitecontent .ff_pageList .content {
    width: 100%;
}

#sitecontent .videom .item_block .item_img img {
    width: 100%;
}


#sitecontent .videom .item_block .item_mask {
    border: none;
    background: none;
}

#sitecontent .videom .item_block:hover .item_mask {
    opacity: 1;
}

#indexPage .videom .item_block {
    width: calc(100% / 4);
    margin: 0;

    border: none;
}


.bodylist.bodyproject .content_list .item_block {
    height: 32.5%;
}