@charset "utf-8";
.item_tags > a,
.container_category > a,
.imagelink .owl-nav .owl-prev,
.postSlider .owl-nav .owl-prev,
.mlist .owl-nav .owl-prev,
.ff_topSlider .owl-nav .owl-prev,
.imagelink .owl-nav .owl-next,
.postSlider .owl-nav .owl-next,
.mlist .owl-nav .owl-next,
.ff_topSlider .owl-nav .owl-next,
.imagelink .owl-nav .owl-prev:hover .iconfont,
.postSlider .owl-nav .owl-prev:hover .iconfont,
.mlist .owl-nav .owl-prev:hover .iconfont,
.ff_topSlider .owl-nav .owl-prev:hover .iconfont,
.imagelink .owl-nav .owl-next:hover .iconfont,
.postSlider .owl-nav .owl-next:hover .iconfont,
.mlist .owl-nav .owl-next:hover .iconfont,
.ff_topSlider .owl-nav .owl-next:hover .iconfont,
.service .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,
.bodyindex .content_list .item_block .item_box .item_wrapper,
.bodylist.bodynews .content_list .item_block .item_box .item_wrapper,
.videom.mlistpost .content_list .item_block .item_box .item_wrapper,
.postSlider .tab_button .item_img img,
body #header,
.ff_indexPage .mlist .content_wrapper .more,
.imagelink .content_list .item_block .item_box { transition: all 0.36s ease; }
.item_tags > a,
.container_category > a { color: #828282; border: 1px solid rgba(170, 170, 170, 0.2); background-color: transparent; }
.item_tags > a:hover,
.container_category > a:hover,
.item_tags > a.active,
.container_category > a.active { color: #fff; border-color: #57bc4c; background-color: #57bc4c; }
body #search-header .searchFormGroup input,
#search-list .searchFormGroup input { border: 2px solid #57bc4c; background: #fff; }
body #search-header .searchFormGroup input::-webkit-input-placeholder,
#search-list .searchFormGroup input::-webkit-input-placeholder { color: #959595; }
body #search-header .searchFormGroup input:-moz-placeholder,
#search-list .searchFormGroup input:-moz-placeholder { color: #959595; }
body #search-header .searchFormGroup input::-moz-placeholder,
#search-list .searchFormGroup input::-moz-placeholder { color: #959595; }
body #search-header .searchFormGroup input:-ms-input-placeholder,
#search-list .searchFormGroup input:-ms-input-placeholder { color: #959595; }
body #search-header .searchFormGroup .searchSub,
#search-list .searchFormGroup .searchSub { color: #fff; background: #57bc4c; }
body #search-header .searchFormGroup .searchSub .fa,
#search-list .searchFormGroup .searchSub .fa { display: none; }
body .searchGroup,
#search-list .searchGroup { display: inline-block; height: 100%; }
body .searchGroup .search_wrap,
#search-list .searchGroup .search_wrap { position: relative; top: 50%; transform: translate3d(0, -50%, 0); }
body .searchGroup .search_wrap::after,
#search-list .searchGroup .search_wrap::after { display: block; clear: both; content: ""; }
body .searchGroup .searchOnOff,
#search-list .searchGroup .searchOnOff { display: none; float: left; margin-right: 20px; cursor: pointer; line-height: 40px; }
body .searchGroup .searchBox,
#search-list .searchGroup .searchBox { float: left; }
body .searchGroup .searchClose,
#search-list .searchGroup .searchClose { display: inline-block; display: none; }
body .searchGroup .searchFormGroup,
#search-list .searchGroup .searchFormGroup { height: 40px; }
body .searchGroup .searchFormGroup::after,
#search-list .searchGroup .searchFormGroup::after { display: block; clear: both; content: ""; }
body .searchGroup .searchFormGroup input,
#search-list .searchGroup .searchFormGroup input { float: left; box-sizing: border-box; width: 268px; height: 100%; text-indent: 15px; }
body .searchGroup .searchFormGroup .searchSub,
#search-list .searchGroup .searchFormGroup .searchSub { float: left; height: 100%; padding: 0 12px; cursor: pointer; text-align: center; line-height: 40px; }
body #navWrapper .nav.navShow > .navitem,
body #search-nav.navShow { animation: nav-item-searchshow 400ms both; pointer-events: none; }
body #navWrapper .nav.navHide > .navitem,
body #search-nav.navHide { animation: nav-item-searchhide 400ms both; pointer-events: none; }
body #search-nav.navStop { pointer-events: all; }
body #search-nav.navStop .searchBox { display: block; }
body #search-nav.navStop .searchSub span { display: none; }
body #search-nav.navStop .searchSub .fa { display: block; }
body #navWrapper .nav.navShow > .navitem:nth-child(12) { animation-delay: 35ms; animation-fill-mode: both; }
body #search-nav .searchOnOff { animation-delay: 35ms; }
body #navWrapper .nav.navHide > .navitem:nth-child(12) { animation-delay: 420ms; animation-fill-mode: both; }
body #navWrapper .nav.navShow > .navitem:nth-child(11) { animation-delay: 70ms; animation-fill-mode: both; }
body #search-nav .searchOnOff { animation-delay: 35ms; }
body #navWrapper .nav.navHide > .navitem:nth-child(11) { animation-delay: 385ms; animation-fill-mode: both; }
body #navWrapper .nav.navShow > .navitem:nth-child(10) { animation-delay: 105ms; animation-fill-mode: both; }
body #search-nav .searchOnOff { animation-delay: 35ms; }
body #navWrapper .nav.navHide > .navitem:nth-child(10) { animation-delay: 350ms; animation-fill-mode: both; }
body #navWrapper .nav.navShow > .navitem:nth-child(9) { animation-delay: 140ms; animation-fill-mode: both; }
body #search-nav .searchOnOff { animation-delay: 35ms; }
body #navWrapper .nav.navHide > .navitem:nth-child(9) { animation-delay: 315ms; animation-fill-mode: both; }
body #navWrapper .nav.navShow > .navitem:nth-child(8) { animation-delay: 175ms; animation-fill-mode: both; }
body #search-nav .searchOnOff { animation-delay: 35ms; }
body #navWrapper .nav.navHide > .navitem:nth-child(8) { animation-delay: 280ms; animation-fill-mode: both; }
body #navWrapper .nav.navShow > .navitem:nth-child(7) { animation-delay: 210ms; animation-fill-mode: both; }
body #search-nav .searchOnOff { animation-delay: 35ms; }
body #navWrapper .nav.navHide > .navitem:nth-child(7) { animation-delay: 245ms; animation-fill-mode: both; }
body #navWrapper .nav.navShow > .navitem:nth-child(6) { animation-delay: 245ms; animation-fill-mode: both; }
body #search-nav .searchOnOff { animation-delay: 35ms; }
body #navWrapper .nav.navHide > .navitem:nth-child(6) { animation-delay: 210ms; animation-fill-mode: both; }
body #navWrapper .nav.navShow > .navitem:nth-child(5) { animation-delay: 280ms; animation-fill-mode: both; }
body #search-nav .searchOnOff { animation-delay: 35ms; }
body #navWrapper .nav.navHide > .navitem:nth-child(5) { animation-delay: 175ms; animation-fill-mode: both; }
body #navWrapper .nav.navShow > .navitem:nth-child(4) { animation-delay: 315ms; animation-fill-mode: both; }
body #search-nav .searchOnOff { animation-delay: 35ms; }
body #navWrapper .nav.navHide > .navitem:nth-child(4) { animation-delay: 140ms; animation-fill-mode: both; }
body #navWrapper .nav.navShow > .navitem:nth-child(3) { animation-delay: 350ms; animation-fill-mode: both; }
body #search-nav .searchOnOff { animation-delay: 35ms; }
body #navWrapper .nav.navHide > .navitem:nth-child(3) { animation-delay: 105ms; animation-fill-mode: both; }
body #navWrapper .nav.navShow > .navitem:nth-child(2) { animation-delay: 385ms; animation-fill-mode: both; }
body #search-nav .searchOnOff { animation-delay: 35ms; }
body #navWrapper .nav.navHide > .navitem:nth-child(2) { animation-delay: 70ms; animation-fill-mode: both; }
body #navWrapper .nav.navShow > .navitem:nth-child(1) { animation-delay: 420ms; animation-fill-mode: both; }
body #search-nav .searchOnOff { animation-delay: 35ms; }
body #navWrapper .nav.navHide > .navitem:nth-child(1) { animation-delay: 35ms; animation-fill-mode: both; }
body #search-header { display: block; float: right; margin-right: 66px; transition: opacity 0.36s ease; }
body #search-nav { float: right; height: 80px; transition: opacity 0.36s ease, height 0.36s ease; }
body #search-nav .searchBox { display: none; }
body #search-nav .searchOnOff { display: block; font-size: 17px; }
body #search-nav .searchSub { display: none; }
body #search-nav.navHide .searchBox { display: none; }
body #search-nav.navStop { position: absolute; left: 50%; animation: searchform-slide-one 400ms both; }
body #search-nav.navHide { position: absolute; left: 50%; animation: searchform-slideout-one 400ms both; pointer-events: all; }
.imagelink .owl-nav .owl-prev,
.postSlider .owl-nav .owl-prev,
.mlist .owl-nav .owl-prev,
.ff_topSlider .owl-nav .owl-prev,
.imagelink .owl-nav .owl-next,
.postSlider .owl-nav .owl-next,
.mlist .owl-nav .owl-next,
.ff_topSlider .owl-nav .owl-next { position: relative; margin: 0; padding: 0; cursor: pointer; border-radius: 0; background: rgba(0, 0, 0, 0.2); }
.imagelink .owl-nav .owl-prev .iconfont,
.postSlider .owl-nav .owl-prev .iconfont,
.mlist .owl-nav .owl-prev .iconfont,
.ff_topSlider .owl-nav .owl-prev .iconfont,
.imagelink .owl-nav .owl-next .iconfont,
.postSlider .owl-nav .owl-next .iconfont,
.mlist .owl-nav .owl-next .iconfont,
.ff_topSlider .owl-nav .owl-next .iconfont { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.imagelink .owl-nav .owl-prev .iconfont,
.postSlider .owl-nav .owl-prev .iconfont,
.mlist .owl-nav .owl-prev .iconfont,
.ff_topSlider .owl-nav .owl-prev .iconfont,
.imagelink .owl-nav .owl-next .iconfont,
.postSlider .owl-nav .owl-next .iconfont,
.mlist .owl-nav .owl-next .iconfont,
.ff_topSlider .owl-nav .owl-next .iconfont { color: #fff; }
.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,
.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 { text-transform: none; color: inherit; font-family: "FontAwesome"; font-size: 20px; font-size: 14px; font-weight: 400; font-style: normal; font-variant: normal; line-height: 1; speak: none; text-rendering: auto; -webkit-font-smoothing: antialiased; }
.imagelink .owl-nav .owl-prev:hover,
.postSlider .owl-nav .owl-prev:hover,
.mlist .owl-nav .owl-prev:hover,
.ff_topSlider .owl-nav .owl-prev:hover,
.imagelink .owl-nav .owl-next:hover,
.postSlider .owl-nav .owl-next:hover,
.mlist .owl-nav .owl-next:hover,
.ff_topSlider .owl-nav .owl-next:hover { background: #57bc4c; }
.imagelink .owl-nav .owl-prev:hover .iconfont,
.postSlider .owl-nav .owl-prev:hover .iconfont,
.mlist .owl-nav .owl-prev:hover .iconfont,
.ff_topSlider .owl-nav .owl-prev:hover .iconfont,
.imagelink .owl-nav .owl-next:hover .iconfont,
.postSlider .owl-nav .owl-next:hover .iconfont,
.mlist .owl-nav .owl-next:hover .iconfont,
.ff_topSlider .owl-nav .owl-next:hover .iconfont { color: #fff; }
.imagelink .owl-nav .owl-prev.disabled:hover,
.postSlider .owl-nav .owl-prev.disabled:hover,
.mlist .owl-nav .owl-prev.disabled:hover,
.ff_topSlider .owl-nav .owl-prev.disabled:hover,
.imagelink .owl-nav .owl-next.disabled:hover,
.postSlider .owl-nav .owl-next.disabled:hover,
.mlist .owl-nav .owl-next.disabled:hover,
.ff_topSlider .owl-nav .owl-next.disabled:hover { background: rgba(0, 0, 0, 0.2); }
.imagelink .owl-nav .owl-prev.disabled:hover .iconfont,
.postSlider .owl-nav .owl-prev.disabled:hover .iconfont,
.mlist .owl-nav .owl-prev.disabled:hover .iconfont,
.ff_topSlider .owl-nav .owl-prev.disabled:hover .iconfont,
.imagelink .owl-nav .owl-next.disabled:hover .iconfont,
.postSlider .owl-nav .owl-next.disabled:hover .iconfont,
.mlist .owl-nav .owl-next.disabled:hover .iconfont,
.ff_topSlider .owl-nav .owl-next.disabled:hover .iconfont { color: #fff; }
.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 { content: "\f104"; }
.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 { content: "\f105"; }
.imagelink .owl-nav { position: absolute; top: 50%; left: auto; width: 100px; height: 0; margin: 0; transform: translateY(calc(-50%)); }
.imagelink .owl-nav .owl-prev,
.imagelink .owl-nav .owl-next { top: 50%; transform: translateY(-50%); }
.imagelink .owl-nav .owl-prev,
.imagelink .owl-nav .owl-next { width: 50px; height: 50px; }
.mlist .owl-dots .owl-dot.active span,
.imagelink .owl-dots .owl-dot.active span,
.mlist .owl-dots .owl-dot:hover span,
.imagelink .owl-dots .owl-dot:hover span { border: 1px solid #57bc4c; background: #57bc4c; }
.mlist .owl-dots .owl-dot span,
.imagelink .owl-dots .owl-dot span { border: 1px solid rgba(170, 170, 170, 0.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; }
.service .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,
.bodyindex .content_list .item_block .item_box .item_wrapper,
.bodylist.bodynews .content_list .item_block .item_box .item_wrapper,
.videom.mlistpost .content_list .item_block .item_box .item_wrapper { padding: 24px 20px; }
.service .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,
.bodyindex .content_list .item_block .item_box .item_wrapper > .date_wrap,
.bodylist.bodynews .content_list .item_block .item_box .item_wrapper > .date_wrap,
.videom.mlistpost .content_list .item_block .item_box .item_wrapper > .date_wrap { display: none; }
.service .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,
.bodyindex .content_list .item_block .item_box .item_wrapper .item_info .date_wrap,
.bodylist.bodynews .content_list .item_block .item_box .item_wrapper .item_info .date_wrap,
.videom.mlistpost .content_list .item_block .item_box .item_wrapper .item_info .date_wrap { float: right; }
.service .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,
.bodyindex .container_content .content_wrapper .more_wrap .more,
.bodylist.bodynews .container_content .content_wrapper .more_wrap .more,
.videom.mlistpost .container_content .content_wrapper .more_wrap .more { display: none; }
.team.mlistpost .content_list .item_img,
.news.mlistpost .content_list .item_img,
.videom .content_list .item_img,
.bodyad01 .ad01.mlist .content_list .item_img { float: left; width: 270px; }
.team.mlistpost .content_list .item_wrapper,
.news.mlistpost .content_list .item_wrapper,
.videom .content_list .item_wrapper,
.bodyad01 .ad01.mlist .content_list .item_wrapper { float: right; box-sizing: border-box; width: calc(100% - 280px); padding: 20px; }
.team.mlistpost .content_list .item_wrapper .date_wrap,
.news.mlistpost .content_list .item_wrapper .date_wrap,
.videom .content_list .item_wrapper .date_wrap,
.bodyad01 .ad01.mlist .content_list .item_wrapper .date_wrap { display: none; }
.team.mlistpost .content_list .item_wrapper > .date_wrap,
.news.mlistpost .content_list .item_wrapper > .date_wrap,
.videom .content_list .item_wrapper > .date_wrap,
.bodyad01 .ad01.mlist .content_list .item_wrapper > .date_wrap { display: block; }
.team.mlistpost .content_list .item_block .details,
.news.mlistpost .content_list .item_block .details,
.videom .content_list .item_block .details,
.bodyad01 .ad01.mlist .content_list .item_block .details { position: absolute; right: 20px; bottom: 12px; margin: 0; }
.team.mlistpost .content_list .details,
.news.mlistpost .content_list .details,
.videom .content_list .details,
.bodyad01 .ad01.mlist .content_list .details { margin: 0; }
.team.mlistpost .container_content .content_wrapper .more_wrap,
.news.mlistpost .container_content .content_wrapper .more_wrap,
.videom .container_content .content_wrapper .more_wrap,
.bodyad01 .ad01.mlist .container_content .content_wrapper .more_wrap { display: none; }
.team.mlistpost .container_content .content_wrapper > .more,
.news.mlistpost .container_content .content_wrapper > .more,
.videom .container_content .content_wrapper > .more,
.bodyad01 .ad01.mlist .container_content .content_wrapper > .more { display: block; }
.team .content_list .date_wrap,
.ff_indexPage .ad01.mlist .content_list .date_wrap,
.team .content_list .item_des,
.ff_indexPage .ad01.mlist .content_list .item_des,
.team .content_list .details,
.ff_indexPage .ad01.mlist .content_list .details { display: none; }
.team .content_list .item_wrapper,
.ff_indexPage .ad01.mlist .content_list .item_wrapper { position: absolute; box-sizing: border-box; top: 0; left: 0; width: 100%; height: 100%; padding: 24px 20px; }
.ff_indexPage .team_tabs.mlist { background: rgba(0, 0, 0, 0.03); }
.ff_indexPage .team_tabs.mlist .tab_button { display: none; }
.mcustomize .wrapper .header { padding-bottom: 50px; }
.mcustomize .wrapper .header .title { color: #555; font-size: 24px; line-height: 30px; }
.mcustomize .wrapper .header .subtitle { color: #bbb; font-size: 14px; line-height: 26px; }
.mcustomize .wrapper .description { color: #999; font-size: 13px; line-height: 26px; }
.mcustomize .container_content .contentbody .description a { display: inline-block; margin-bottom: 20px; padding: 5px 40px; transition: all 0.36s ease; color: #999; border: 1px solid rgba(170, 170, 170, 0.2); font-size: 14px; line-height: 30px; }
.mcustomize .container_content .contentbody .description a:hover { color: #fff; border-color: #57bc4c; background: #57bc4c; }
.npagePage .ff_pageTarget { margin-top: 40px; background-color: #fff; }
.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; }
.service.mlistpost .tabBtn::after,
.project.mlistpost .tabBtn::after,
.team.mlistpost .tabBtn::after,
.news.mlistpost .tabBtn::after,
.videom.mlistpost .tabBtn::after { display: block; clear: both; content: ""; }
.service.mlistpost .tabBtn .post-prev,
.project.mlistpost .tabBtn .post-prev,
.team.mlistpost .tabBtn .post-prev,
.news.mlistpost .tabBtn .post-prev,
.videom.mlistpost .tabBtn .post-prev,
.service.mlistpost .tabBtn .post-next,
.project.mlistpost .tabBtn .post-next,
.team.mlistpost .tabBtn .post-next,
.news.mlistpost .tabBtn .post-next,
.videom.mlistpost .tabBtn .post-next { position: relative; float: left; overflow: hidden; box-sizing: border-box; width: 50%; height: 60px; line-height: 60px; /*padding: 10px;*/ transition: all 0.36s ease; background: #f5f5f5; }
.service.mlistpost .tabBtn .post-prev:not(.empty):hover,
.project.mlistpost .tabBtn .post-prev:not(.empty):hover,
.team.mlistpost .tabBtn .post-prev:not(.empty):hover,
.news.mlistpost .tabBtn .post-prev:not(.empty):hover,
.videom.mlistpost .tabBtn .post-prev:not(.empty):hover,
.service.mlistpost .tabBtn .post-next:not(.empty):hover,
.project.mlistpost .tabBtn .post-next:not(.empty):hover,
.team.mlistpost .tabBtn .post-next:not(.empty):hover,
.news.mlistpost .tabBtn .post-next:not(.empty):hover,
.videom.mlistpost .tabBtn .post-next:not(.empty):hover { background: #57bc4c; }
.service.mlistpost .tabBtn .post-prev:not(.empty):hover .infor-wrap .title,
.project.mlistpost .tabBtn .post-prev:not(.empty):hover .infor-wrap .title,
.team.mlistpost .tabBtn .post-prev:not(.empty):hover .infor-wrap .title,
.news.mlistpost .tabBtn .post-prev:not(.empty):hover .infor-wrap .title,
.videom.mlistpost .tabBtn .post-prev:not(.empty):hover .infor-wrap .title,
.service.mlistpost .tabBtn .post-next:not(.empty):hover .infor-wrap .title,
.project.mlistpost .tabBtn .post-next:not(.empty):hover .infor-wrap .title,
.team.mlistpost .tabBtn .post-next:not(.empty):hover .infor-wrap .title,
.news.mlistpost .tabBtn .post-next:not(.empty):hover .infor-wrap .title,
.videom.mlistpost .tabBtn .post-next:not(.empty):hover .infor-wrap .title { color: #fff; }
.service.mlistpost .tabBtn .post-prev:not(.empty):hover .infor-wrap .subtitle,
.project.mlistpost .tabBtn .post-prev:not(.empty):hover .infor-wrap .subtitle,
.team.mlistpost .tabBtn .post-prev:not(.empty):hover .infor-wrap .subtitle,
.news.mlistpost .tabBtn .post-prev:not(.empty):hover .infor-wrap .subtitle,
.videom.mlistpost .tabBtn .post-prev:not(.empty):hover .infor-wrap .subtitle,
.service.mlistpost .tabBtn .post-next:not(.empty):hover .infor-wrap .subtitle,
.project.mlistpost .tabBtn .post-next:not(.empty):hover .infor-wrap .subtitle,
.team.mlistpost .tabBtn .post-next:not(.empty):hover .infor-wrap .subtitle,
.news.mlistpost .tabBtn .post-next:not(.empty):hover .infor-wrap .subtitle,
.videom.mlistpost .tabBtn .post-next:not(.empty):hover .infor-wrap .subtitle { color: #fff; }
.service.mlistpost .tabBtn .post-prev:not(.empty):hover .img-wrap,
.project.mlistpost .tabBtn .post-prev:not(.empty):hover .img-wrap,
.team.mlistpost .tabBtn .post-prev:not(.empty):hover .img-wrap,
.news.mlistpost .tabBtn .post-prev:not(.empty):hover .img-wrap,
.videom.mlistpost .tabBtn .post-prev:not(.empty):hover .img-wrap,
.service.mlistpost .tabBtn .post-next:not(.empty):hover .img-wrap,
.project.mlistpost .tabBtn .post-next:not(.empty):hover .img-wrap,
.team.mlistpost .tabBtn .post-next:not(.empty):hover .img-wrap,
.news.mlistpost .tabBtn .post-next:not(.empty):hover .img-wrap,
.videom.mlistpost .tabBtn .post-next:not(.empty):hover .img-wrap { opacity: 1; }
.service.mlistpost .tabBtn .post-prev:not(.empty):hover .details,
.project.mlistpost .tabBtn .post-prev:not(.empty):hover .details,
.team.mlistpost .tabBtn .post-prev:not(.empty):hover .details,
.news.mlistpost .tabBtn .post-prev:not(.empty):hover .details,
.videom.mlistpost .tabBtn .post-prev:not(.empty):hover .details,
.service.mlistpost .tabBtn .post-next:not(.empty):hover .details,
.project.mlistpost .tabBtn .post-next:not(.empty):hover .details,
.team.mlistpost .tabBtn .post-next:not(.empty):hover .details,
.news.mlistpost .tabBtn .post-next:not(.empty):hover .details,
.videom.mlistpost .tabBtn .post-next:not(.empty):hover .details { border-color: rgba(170, 170, 170, 0.2); }
.service.mlistpost .tabBtn .post-prev:not(.empty):hover .details:after,
.project.mlistpost .tabBtn .post-prev:not(.empty):hover .details:after,
.team.mlistpost .tabBtn .post-prev:not(.empty):hover .details:after,
.news.mlistpost .tabBtn .post-prev:not(.empty):hover .details:after,
.videom.mlistpost .tabBtn .post-prev:not(.empty):hover .details:after,
.service.mlistpost .tabBtn .post-next:not(.empty):hover .details:after,
.project.mlistpost .tabBtn .post-next:not(.empty):hover .details:after,
.team.mlistpost .tabBtn .post-next:not(.empty):hover .details:after,
.news.mlistpost .tabBtn .post-next:not(.empty):hover .details:after,
.videom.mlistpost .tabBtn .post-next:not(.empty):hover .details:after { color: #fff; }
.service.mlistpost .tabBtn .post-prev.empty,
.project.mlistpost .tabBtn .post-prev.empty,
.team.mlistpost .tabBtn .post-prev.empty,
.news.mlistpost .tabBtn .post-prev.empty,
.videom.mlistpost .tabBtn .post-prev.empty,
.service.mlistpost .tabBtn .post-next.empty,
.project.mlistpost .tabBtn .post-next.empty,
.team.mlistpost .tabBtn .post-next.empty,
.news.mlistpost .tabBtn .post-next.empty,
.videom.mlistpost .tabBtn .post-next.empty { cursor: default; background-color: #f8f8f8; }
.service.mlistpost .tabBtn .post-prev.empty .details,
.project.mlistpost .tabBtn .post-prev.empty .details,
.team.mlistpost .tabBtn .post-prev.empty .details,
.news.mlistpost .tabBtn .post-prev.empty .details,
.videom.mlistpost .tabBtn .post-prev.empty .details,
.service.mlistpost .tabBtn .post-next.empty .details,
.project.mlistpost .tabBtn .post-next.empty .details,
.team.mlistpost .tabBtn .post-next.empty .details,
.news.mlistpost .tabBtn .post-next.empty .details,
.videom.mlistpost .tabBtn .post-next.empty .details { display: none; }
.service.mlistpost .tabBtn .post-prev .img-wrap,
.project.mlistpost .tabBtn .post-prev .img-wrap,
.team.mlistpost .tabBtn .post-prev .img-wrap,
.news.mlistpost .tabBtn .post-prev .img-wrap,
.videom.mlistpost .tabBtn .post-prev .img-wrap,
.service.mlistpost .tabBtn .post-next .img-wrap,
.project.mlistpost .tabBtn .post-next .img-wrap,
.team.mlistpost .tabBtn .post-next .img-wrap,
.news.mlistpost .tabBtn .post-next .img-wrap,
.videom.mlistpost .tabBtn .post-next .img-wrap { position: absolute; top: 50%; width: 80px; height: auto; transition: all 0.36s ease; transform: translateY(-50%); opacity: 0; }
.service.mlistpost .tabBtn .post-prev .img-wrap img,
.project.mlistpost .tabBtn .post-prev .img-wrap img,
.team.mlistpost .tabBtn .post-prev .img-wrap img,
.news.mlistpost .tabBtn .post-prev .img-wrap img,
.videom.mlistpost .tabBtn .post-prev .img-wrap img,
.service.mlistpost .tabBtn .post-next .img-wrap img,
.project.mlistpost .tabBtn .post-next .img-wrap img,
.team.mlistpost .tabBtn .post-next .img-wrap img,
.news.mlistpost .tabBtn .post-next .img-wrap img,
.videom.mlistpost .tabBtn .post-next .img-wrap img { width: 100%; }
.service.mlistpost .tabBtn .post-prev .img-wrap div,
.project.mlistpost .tabBtn .post-prev .img-wrap div,
.team.mlistpost .tabBtn .post-prev .img-wrap div,
.news.mlistpost .tabBtn .post-prev .img-wrap div,
.videom.mlistpost .tabBtn .post-prev .img-wrap div,
.service.mlistpost .tabBtn .post-next .img-wrap div,
.project.mlistpost .tabBtn .post-next .img-wrap div,
.team.mlistpost .tabBtn .post-next .img-wrap div,
.news.mlistpost .tabBtn .post-next .img-wrap div,
.videom.mlistpost .tabBtn .post-next .img-wrap div { display: none; }
.service.mlistpost .tabBtn .post-prev .details,
.project.mlistpost .tabBtn .post-prev .details,
.team.mlistpost .tabBtn .post-prev .details,
.news.mlistpost .tabBtn .post-prev .details,
.videom.mlistpost .tabBtn .post-prev .details,
.service.mlistpost .tabBtn .post-next .details,
.project.mlistpost .tabBtn .post-next .details,
.team.mlistpost .tabBtn .post-next .details,
.news.mlistpost .tabBtn .post-next .details,
.videom.mlistpost .tabBtn .post-next .details { position: absolute; overflow: hidden; top: 50%; width: 40px; height: 16px; transform: translateY(-50%); color: transparent; }
.service.mlistpost .tabBtn .post-prev .infor-wrap,
.project.mlistpost .tabBtn .post-prev .infor-wrap,
.team.mlistpost .tabBtn .post-prev .infor-wrap,
.news.mlistpost .tabBtn .post-prev .infor-wrap,
.videom.mlistpost .tabBtn .post-prev .infor-wrap,
.service.mlistpost .tabBtn .post-next .infor-wrap,
.project.mlistpost .tabBtn .post-next .infor-wrap,
.team.mlistpost .tabBtn .post-next .infor-wrap,
.news.mlistpost .tabBtn .post-next .infor-wrap,
.videom.mlistpost .tabBtn .post-next .infor-wrap { position: relative; top: 0; top: 50%; width: 250px; transform: translateY(-50%); }
.service.mlistpost .tabBtn .post-prev .infor-wrap .title,
.project.mlistpost .tabBtn .post-prev .infor-wrap .title,
.team.mlistpost .tabBtn .post-prev .infor-wrap .title,
.news.mlistpost .tabBtn .post-prev .infor-wrap .title,
.videom.mlistpost .tabBtn .post-prev .infor-wrap .title,
.service.mlistpost .tabBtn .post-prev .infor-wrap .subtitle,
.project.mlistpost .tabBtn .post-prev .infor-wrap .subtitle,
.team.mlistpost .tabBtn .post-prev .infor-wrap .subtitle,
.news.mlistpost .tabBtn .post-prev .infor-wrap .subtitle,
.videom.mlistpost .tabBtn .post-prev .infor-wrap .subtitle,
.service.mlistpost .tabBtn .post-next .infor-wrap .title,
.project.mlistpost .tabBtn .post-next .infor-wrap .title,
.team.mlistpost .tabBtn .post-next .infor-wrap .title,
.news.mlistpost .tabBtn .post-next .infor-wrap .title,
.videom.mlistpost .tabBtn .post-next .infor-wrap .title,
.service.mlistpost .tabBtn .post-next .infor-wrap .subtitle,
.project.mlistpost .tabBtn .post-next .infor-wrap .subtitle,
.team.mlistpost .tabBtn .post-next .infor-wrap .subtitle,
.news.mlistpost .tabBtn .post-next .infor-wrap .subtitle,
.videom.mlistpost .tabBtn .post-next .infor-wrap .subtitle { display: block; overflow: hidden; transition: all 0.36s ease; white-space: nowrap; text-overflow: ellipsis; }
.service.mlistpost .tabBtn .post-prev .infor-wrap .title,
.project.mlistpost .tabBtn .post-prev .infor-wrap .title,
.team.mlistpost .tabBtn .post-prev .infor-wrap .title,
.news.mlistpost .tabBtn .post-prev .infor-wrap .title,
.videom.mlistpost .tabBtn .post-prev .infor-wrap .title,
.service.mlistpost .tabBtn .post-next .infor-wrap .title,
.project.mlistpost .tabBtn .post-next .infor-wrap .title,
.team.mlistpost .tabBtn .post-next .infor-wrap .title,
.news.mlistpost .tabBtn .post-next .infor-wrap .title,
.videom.mlistpost .tabBtn .post-next .infor-wrap .title { color: #666; font-size: 16px; line-height: 20px; }
.service.mlistpost .tabBtn .post-prev .infor-wrap .subtitle,
.project.mlistpost .tabBtn .post-prev .infor-wrap .subtitle,
.team.mlistpost .tabBtn .post-prev .infor-wrap .subtitle,
.news.mlistpost .tabBtn .post-prev .infor-wrap .subtitle,
.videom.mlistpost .tabBtn .post-prev .infor-wrap .subtitle,
.service.mlistpost .tabBtn .post-next .infor-wrap .subtitle,
.project.mlistpost .tabBtn .post-next .infor-wrap .subtitle,
.team.mlistpost .tabBtn .post-next .infor-wrap .subtitle,
.news.mlistpost .tabBtn .post-next .infor-wrap .subtitle,
.videom.mlistpost .tabBtn .post-next .infor-wrap .subtitle { height: 30px; font-size: 13px; line-height: 30px; }
.service.mlistpost .tabBtn .post-prev,
.project.mlistpost .tabBtn .post-prev,
.team.mlistpost .tabBtn .post-prev,
.news.mlistpost .tabBtn .post-prev,
.videom.mlistpost .tabBtn .post-prev { float: left; padding-left: 85px; }
.service.mlistpost .tabBtn .post-prev:hover .details:before,
.project.mlistpost .tabBtn .post-prev:hover .details:before,
.team.mlistpost .tabBtn .post-prev:hover .details:before,
.news.mlistpost .tabBtn .post-prev:hover .details:before,
.videom.mlistpost .tabBtn .post-prev:hover .details:before { right: 60px; }
.service.mlistpost .tabBtn .post-prev:hover .details:after,
.project.mlistpost .tabBtn .post-prev:hover .details:after,
.team.mlistpost .tabBtn .post-prev:hover .details:after,
.news.mlistpost .tabBtn .post-prev:hover .details:after,
.videom.mlistpost .tabBtn .post-prev:hover .details:after { right: 25px; opacity: 1; }
.service.mlistpost .tabBtn .post-prev .img-wrap,
.project.mlistpost .tabBtn .post-prev .img-wrap,
.team.mlistpost .tabBtn .post-prev .img-wrap,
.news.mlistpost .tabBtn .post-prev .img-wrap,
.videom.mlistpost .tabBtn .post-prev .img-wrap { right: 15px; }
.service.mlistpost .tabBtn .post-prev .infor-wrap,
.project.mlistpost .tabBtn .post-prev .infor-wrap,
.team.mlistpost .tabBtn .post-prev .infor-wrap,
.news.mlistpost .tabBtn .post-prev .infor-wrap,
.videom.mlistpost .tabBtn .post-prev .infor-wrap { float: left; }
.service.mlistpost .tabBtn .post-prev .details,
.project.mlistpost .tabBtn .post-prev .details,
.team.mlistpost .tabBtn .post-prev .details,
.news.mlistpost .tabBtn .post-prev .details,
.videom.mlistpost .tabBtn .post-prev .details { left: 22px; border-right: 1px solid #e5e5e5; }
.service.mlistpost .tabBtn .post-prev .details:before,
.project.mlistpost .tabBtn .post-prev .details:before,
.team.mlistpost .tabBtn .post-prev .details:before,
.news.mlistpost .tabBtn .post-prev .details:before,
.videom.mlistpost .tabBtn .post-prev .details:before,
.service.mlistpost .tabBtn .post-prev .details:after,
.project.mlistpost .tabBtn .post-prev .details:after,
.team.mlistpost .tabBtn .post-prev .details:after,
.news.mlistpost .tabBtn .post-prev .details:after,
.videom.mlistpost .tabBtn .post-prev .details:after { position: absolute; top: 50%; content: ""; transition: all 0.36s ease; transform: translateY(-50%); text-transform: none; color: inherit; color: #999; font-family: "FontAwesome"; font-size: 14px; font-size: 20px; font-weight: 400; font-style: normal; font-variant: normal; line-height: 1; speak: none; text-rendering: auto; -webkit-font-smoothing: antialiased; }
.service.mlistpost .tabBtn .post-prev .details:before,
.project.mlistpost .tabBtn .post-prev .details:before,
.team.mlistpost .tabBtn .post-prev .details:before,
.news.mlistpost .tabBtn .post-prev .details:before,
.videom.mlistpost .tabBtn .post-prev .details:before { right: 25px; }
.service.mlistpost .tabBtn .post-prev .details:after,
.project.mlistpost .tabBtn .post-prev .details:after,
.team.mlistpost .tabBtn .post-prev .details:after,
.news.mlistpost .tabBtn .post-prev .details:after,
.videom.mlistpost .tabBtn .post-prev .details:after { right: -30px; opacity: 0; }
.service.mlistpost .tabBtn .post-next,
.project.mlistpost .tabBtn .post-next,
.team.mlistpost .tabBtn .post-next,
.news.mlistpost .tabBtn .post-next,
.videom.mlistpost .tabBtn .post-next { float: right; padding-left: 85px; }
.service.mlistpost .tabBtn .post-next:hover .details:before,
.project.mlistpost .tabBtn .post-next:hover .details:before,
.team.mlistpost .tabBtn .post-next:hover .details:before,
.news.mlistpost .tabBtn .post-next:hover .details:before,
.videom.mlistpost .tabBtn .post-next:hover .details:before { left: 60px; }
.service.mlistpost .tabBtn .post-next:hover .details:after,
.project.mlistpost .tabBtn .post-next:hover .details:after,
.team.mlistpost .tabBtn .post-next:hover .details:after,
.news.mlistpost .tabBtn .post-next:hover .details:after,
.videom.mlistpost .tabBtn .post-next:hover .details:after { left: 25px; opacity: 1; }
.service.mlistpost .tabBtn .post-next .img-wrap,
.project.mlistpost .tabBtn .post-next .img-wrap,
.team.mlistpost .tabBtn .post-next .img-wrap,
.news.mlistpost .tabBtn .post-next .img-wrap,
.videom.mlistpost .tabBtn .post-next .img-wrap { left: 15px; }
.service.mlistpost .tabBtn .post-next .infor-wrap,
.project.mlistpost .tabBtn .post-next .infor-wrap,
.team.mlistpost .tabBtn .post-next .infor-wrap,
.news.mlistpost .tabBtn .post-next .infor-wrap,
.videom.mlistpost .tabBtn .post-next .infor-wrap { float: right; }
.service.mlistpost .tabBtn .post-next .details,
.project.mlistpost .tabBtn .post-next .details,
.team.mlistpost .tabBtn .post-next .details,
.news.mlistpost .tabBtn .post-next .details,
.videom.mlistpost .tabBtn .post-next .details { right: 22px; border-left: 1px solid rgba(170, 170, 170, 0.2); }
.service.mlistpost .tabBtn .post-next .details:before,
.project.mlistpost .tabBtn .post-next .details:before,
.team.mlistpost .tabBtn .post-next .details:before,
.news.mlistpost .tabBtn .post-next .details:before,
.videom.mlistpost .tabBtn .post-next .details:before,
.service.mlistpost .tabBtn .post-next .details:after,
.project.mlistpost .tabBtn .post-next .details:after,
.team.mlistpost .tabBtn .post-next .details:after,
.news.mlistpost .tabBtn .post-next .details:after,
.videom.mlistpost .tabBtn .post-next .details:after { position: absolute; top: 50%; content: ""; transition: all 0.36s ease; transform: translateY(-50%); text-transform: none; color: inherit; color: #999; font-family: "FontAwesome"; font-size: 14px; font-size: 20px; font-weight: 400; font-style: normal; font-variant: normal; line-height: 1; speak: none; text-rendering: auto; -webkit-font-smoothing: antialiased; }
.service.mlistpost .tabBtn .post-next .details:before,
.project.mlistpost .tabBtn .post-next .details:before,
.team.mlistpost .tabBtn .post-next .details:before,
.news.mlistpost .tabBtn .post-next .details:before,
.videom.mlistpost .tabBtn .post-next .details:before { left: 25px; }
.service.mlistpost .tabBtn .post-next .details:after,
.project.mlistpost .tabBtn .post-next .details:after,
.team.mlistpost .tabBtn .post-next .details:after,
.news.mlistpost .tabBtn .post-next .details:after,
.videom.mlistpost .tabBtn .post-next .details:after { left: -30px; opacity: 0; }
.service.mlistpost .tabBtn .post-next .infor-wrap .title,
.project.mlistpost .tabBtn .post-next .infor-wrap .title,
.team.mlistpost .tabBtn .post-next .infor-wrap .title,
.news.mlistpost .tabBtn .post-next .infor-wrap .title,
.videom.mlistpost .tabBtn .post-next .infor-wrap .title,
.service.mlistpost .tabBtn .post-next .infor-wrap .subtitle,
.project.mlistpost .tabBtn .post-next .infor-wrap .subtitle,
.team.mlistpost .tabBtn .post-next .infor-wrap .subtitle,
.news.mlistpost .tabBtn .post-next .infor-wrap .subtitle,
.videom.mlistpost .tabBtn .post-next .infor-wrap .subtitle { text-align: right; }
.ff_postPage .team.mlistpost,
.ff_postPage .news.mlistpost { padding: 50px 50px 0; }
.ff_postPage .team.mlistpost .module_container,
.ff_postPage .news.mlistpost .module_container { max-width: 100%; }
.ff_postPage .team.mlistpost .postContent,
.ff_postPage .news.mlistpost .postContent { float: right; width: calc(100% - 440px); }
.ff_postPage .team.mlistpost .postContent .postInfo,
.ff_postPage .news.mlistpost .postContent .postInfo { display: none; }
.ff_postPage .team.mlistpost .postInfo .description a,
.ff_postPage .news.mlistpost .postInfo .description a { display: inline-block; height: 40px; margin-top: 20px; padding: 0 30px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; text-align: center; color: #555; border: 1px solid #dbdbdb; background-color: #fff; line-height: 40px; }
.ff_postPage .team.mlistpost .postInfo .description a:hover,
.ff_postPage .news.mlistpost .postInfo .description a:hover { color: #fff; border: 1px solid #383838; background-color: #383838; }
.ff_postPage .team.mlistpost .listWrap,
.ff_postPage .news.mlistpost .listWrap { float: left; box-sizing: border-box; width: 440px; padding-right: 50px; }
.ff_postPage .team.mlistpost .listWrap > .item_tags,
.ff_postPage .news.mlistpost .listWrap > .item_tags { margin-bottom: 20px; }
.ff_postPage .team.mlistpost .listWrap .postInfo .item_tags,
.ff_postPage .news.mlistpost .listWrap .postInfo .item_tags { display: none; }
.ff_postPage .team.mlistpost .listContent_post,
.ff_postPage .news.mlistpost .listContent_post { border-top: 1px solid rgba(170, 170, 170, 0.2); }
.ff_postPage .service.mlistpost .postInfo .description a,
.ff_postPage .project.mlistpost .postInfo .description a,
.ff_postPage .videom.mlistpost .postInfo .description a { display: inline-block; height: 40px; margin-top: 20px; padding: 0 30px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; text-align: center; color: #555; border: 1px solid #dbdbdb; background-color: #fff; line-height: 40px; }
.ff_postPage .service.mlistpost .postInfo .description a:hover,
.ff_postPage .project.mlistpost .postInfo .description a:hover,
.ff_postPage .videom.mlistpost .postInfo .description a:hover { color: #fff; border: 1px solid #383838; background-color: #383838; }
.ff_postPage .service.mlistpost .listWrap .postInfo,
.ff_postPage .project.mlistpost .listWrap .postInfo,
.ff_postPage .videom.mlistpost .listWrap .postInfo { display: none; }
.ff_postPage .service.mlistpost .listWrap .postInfo .description a,
.ff_postPage .project.mlistpost .listWrap .postInfo .description a,
.ff_postPage .videom.mlistpost .listWrap .postInfo .description a { display: inline-block; height: 40px; margin-top: 20px; padding: 0 30px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; text-align: center; color: #555; border: 1px solid #dbdbdb; background-color: #fff; line-height: 40px; }
.ff_postPage .service.mlistpost .listWrap .postInfo .description a:hover,
.ff_postPage .project.mlistpost .listWrap .postInfo .description a:hover,
.ff_postPage .videom.mlistpost .listWrap .postInfo .description a:hover { color: #fff; border: 1px solid #383838; background-color: #383838; }
.ff_postPage .service.mlistpost .listContent_post,
.ff_postPage .project.mlistpost .listContent_post,
.ff_postPage .videom.mlistpost .listContent_post { border-top: 1px solid rgba(170, 170, 170, 0.2); }
#mcontact { padding-bottom: 0; }
#mcontact .contactlist { padding-top: 50px; }
#mcontact .contactlist::after { display: block; clear: both; content: ""; }
#mcontact .contactinfo { margin-top: 60px; margin-bottom: 100px; }
#mcontact .contactinfo .contact_name { float: left; overflow: inherit; width: 320px; margin-bottom: 25px; padding-right: 60px; white-space: inherit; color: #3d3d3d; font-size: 16px; font-weight: 100; line-height: 24px; }
#mcontact .contactinfo p { float: left; width: 246px; height: auto; padding-right: 50px; padding-left: 52px; color: #989898; border-left: 1px solid #ececec; font-size: 13px; line-height: 24px; }
#mcontact .ff_social { position: relative; clear: both; top: -30px; }
#mcontact .ff_social::after { display: block; clear: both; content: ""; }
#mcontact .ff_social a { display: block; width: 30px; height: 30px; margin-right: 20px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; text-align: center; color: #b3b3b3; border-radius: 15px; background: rgba(255, 0, 0, 0); font-size: 16px; line-height: 28px; }
#mcontact .ff_social a:hover { color: #fff; background: #5c5c5c; }
#mcontact .contactform { position: relative; }
#mcontact .contactform::after { display: block; clear: both; content: ""; }
#mcontact .contactform form { position: relative; z-index: 1; padding-top: 40px; padding-bottom: 100px; }
#mcontact .contactform form::before { position: absolute; z-index: -1; top: 0; left: 50%; width: 1000vw; height: 100%; content: ""; transform: translateX(-50%); background: #46474e; }
#mcontact .contactform p { float: left; overflow: hidden; width: calc(100% / 3); }
#mcontact .contactform .contactform_submit { float: none; margin: auto; }
#mcontact .contactform .contactform_content { width: 100%; }
#mcontact .contactform .contactform_content textarea { overflow: hidden; height: 70px; margin-right: 0; resize: none; }
#mcontact .contactform .contactform_tel { margin-right: 0; }
#mcontact .contactform .inputtxt { float: left; box-sizing: border-box; width: calc(100% - 40px); height: 40px; margin-right: 42px; margin-bottom: 5px; padding: 10px 20px; transition: all 0.3s ease-out 0s; color: #d6d6d6; color: #bcbcbc; border: none; border-bottom: 1px solid rgba(231, 228, 228, 0.22); background: none; line-height: 20px; }
#mcontact .contactform .inputtxt.submit { display: block; float: none; clear: both; width: 280px; height: 56px; margin: 60px auto 0; padding: 0; cursor: pointer; border: 2px solid #6d6d6d; background-color: rgba(186, 186, 186, 0); line-height: 52px; }
#mcontact .contactform .inputtxt.submit:hover { color: #e8e8e8; border: 2px solid rgba(134, 134, 134, 0); background-color: rgba(186, 186, 186, 0.37); }
.project.mlistpost .postInfo { padding-bottom: 50px; }
.project.mlistpost .postInfo::after { display: block; clear: both; content: ""; }
.project.mlistpost .postInfo .mainInfor { float: left; max-width: calc(50% - 40px); }
.project.mlistpost .postInfo .mainInfor .title { color: #444; font-size: 22px; }
.project.mlistpost .postInfo .mainInfor .subtitle { color: #c1c1c1; font-size: 13px; line-height: 24px; }
.project.mlistpost .postInfo .description { float: right; max-width: 50%; color: #929292; }
.project.mlistpost .postInfo .description a { display: block; box-sizing: border-box; width: 100%; height: 40px; margin-top: 20px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; text-align: center; color: #555; border: 1px solid #dbdbdb; background-color: #fff; line-height: 40px; }
.project.mlistpost .postInfo .description a:hover { color: #fff; border: 1px solid #383838; background-color: #383838; }
#footer { padding: 10px 56px; }
#footer p { width: 1280px; height: 32px; margin: 0 auto; text-align: left; line-height: 32px; }
#footer p span.ellipsis { display: inline; max-width: 70%; }
#footer p a#flogo { display: inline-block; width: 50px; height: 20px; margin-left: 10px; /*margin-top: 2px;*/ vertical-align: top; }
#footer p a#fbeian { vertical-align: top; }
.pageEditor .module_container { padding-top: 60px; }
.pageEditor .container_header .title,
.pageEditor .container_header .subtitle { text-align: center; }
#navWrapper .content .nav > .navitem > a:hover { color: #57bc4c; border-color: #57bc4c; }
#navWrapper .content .nav > .navitem .subnav li a:hover { color: #fff; background-color: #57bc4c; }
.mlist:not(.imagelink) .content_list .item_block:hover { background-color: transparent; }
.mlist:not(.imagelink) .content_list .item_block:hover .details { color: #fff; border-color: #57bc4c; background-color: #57bc4c; }
.mlist:not(.imagelink) .content_list .item_block:hover .item_box .item_img img { transform: scale(1.08); }
.mlist:not(.imagelink) .content_list .item_block:hover .item_box .item_wrapper .item_info .title { color: #57bc4c; }
.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; }
.mlist .owl-dots .active.owl-dot span,
.ff_topSlider .owl-dots .active.owl-dot span,
.imagelink .owl-dots .active.owl-dot span,
.mlist .owl-dots .owl-dot:hover span,
.ff_topSlider .owl-dots .owl-dot:hover span,
.imagelink .owl-dots .owl-dot:hover span { background: #fff; }
.mlist .owl-dots .owl-dot span,
.ff_topSlider .owl-dots .owl-dot span,
.imagelink .owl-dots .owl-dot span { width: 8px; height: 8px; margin: 5px; transition: all 0.2s ease-in; border: 1px solid #fff; border-color: rgba(255, 255, 255, 0.5); background: none; }
@font-face { font-family: icomoon; font-weight: 400; font-style: normal; src: url(../fonts/icomoon.eot); src: url(../fonts/icomoon.eot) format("embedded-opentype"), url(../fonts/icomoon.ttf) format("truetype"), url(../fonts/icomoon.woff) format("woff"), url(../fonts/icomoon.svg) format("svg"); }
@font-face { font-family: HELVETICANEUELTPRO-THEX; font-weight: 400; font-style: normal; src: url(../fonts/HELVETICANEUELTPRO-THEX.OTF); }
@font-face { font-family: helveticaneuethn; font-weight: 400; font-style: normal; src: url(../fonts/helveticaneuethn.otf); }
@font-face { font-family: GOTHAMRND-LIGHT; font-weight: 400; font-style: normal; src: url(../fonts/GOTHAMRND-LIGHT.OTF); }
@font-face { font-family: GOTHAMRND-BOOK; font-weight: 400; font-style: normal; src: url(../fonts/GOTHAMRND-BOOK.OTF); }
@font-face { font-family: FontAwesome; font-weight: 400; font-style: normal; src: url(../fonts/FontAwesome.otf); }
@font-face { font-family: GOTHAM-BLACK; font-weight: 400; font-style: normal; src: url(../fonts/GOTHAM-BLACK.OTF); }

@-webkit-keyframes bouncedelay {
    0%, 100%, 80% { -webkit-transform: scale(0); }
    40% { -webkit-transform: scale(1); }
}

@keyframes bouncedelay {
    0%, 100%, 80% { -webkit-transform: scale(0); transform: scale(0); }
    40% { -webkit-transform: scale(1); transform: scale(1); }
}

@-webkit-keyframes navFixed {
    0% { -webkit-transform: translateY(-100%); }
    100% { -webkit-transform: translateY(0); }
}

@keyframes navFixed {
    0% { transform: translateY(-100%); }
    100% { transform: translateY(0); }
}

@keyframes nav-item-searchshow {
    0% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1); animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1); opacity: 1; }
    40% { opacity: 1; }
    100% { -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 0; }
}

@keyframes nav-item-searchhide {
    0% { transform: scale(0.7); animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1); opacity: 0; }
    40% { opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}

@keyframes searchform-slide-one {
    0% { transform: translate3d(calc(-50% + 100px), 0, 0); animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1); }
    100% { transform: translate3d(-50%, 0, 0); }
}

@keyframes searchform-slideout-one {
    0% { transform: translate3d(-50%, 0, 0); animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1); opacity: 1; }
    100% { transform: translate3d(-calc(100px + 50%), 0, 0); opacity: 0; }
}

@keyframes searchform-slide-two {
    0% { transform: translate3d(100px, 0, 0); animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1); }
    100% { transform: translate3d(0, 0, 0); }
}

@keyframes searchform-slideout-two {
    0% { transform: translate3d(-100, 0, 0); animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1); opacity: 0; }
    100% { transform: translate3d(0, 0, 0); opacity: 1; }
}

body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
form { margin: 0; }
ul,
ol { margin: 0; padding: 0; list-style: none; }
a { text-decoration: none; }
img { vertical-align: top; border: none; }
input,
textarea { margin: 0; padding: 0; outline: none; }
select { outline: none; }
textarea { overflow: auto; resize: none; }
table { border-collapse: collapse; }
th,
td { padding: 0; }
input,
textarea { border: none; outline: 0; background: 0 0; font-family: "微软雅黑", Arial; font-size: 14px; -webkit-appearance: none; }
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
.ellipsis { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.clearfix:after { display: block; clear: both; content: ''; }
.clearfix { zoom: 1; }
.fw { width: 1180px; margin: 0 auto; }
.hide { display: none; }
.obHide { position: absolute; display: none; z-index: 99; visibility: hidden; }
.show { display: block; }
.fa { color: inherit; line-height: inherit; }
[class*=" icon-"],
[class^=icon-] { text-transform: none; font-family: icomoon !important; font-weight: 400; font-style: normal; font-variant: normal; line-height: 1; speak: none; -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"; }
html,
body { -webkit-overflow-scrolling: touch; overflow-scrolling: touch; width: 100%; height: 100%; color: #666; font: 12px Arial, "微软雅黑"; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; }
body { overflow-x: hidden; }
a { color: #666; }
a.active { color: #333; }
img { /*max-width: 100%;*/ }
.fa-angle-right,
.fa-angle-down { padding-left: 10px; color: inherit; }
.item_index { display: none; }
::-webkit-scrollbar-track-piece,
::-webkit-scrollbar,
::-webkit-scrollbar-thumb { width: 5px; }
::-webkit-scrollbar-track-piece { background-color: #101012; }
::-webkit-scrollbar { background-color: #57bc4c; }
::-webkit-scrollbar-thumb { background-color: #333; }
::-webkit-scrollbar-thumb:hover { background-color: #57bc4c; }
.item_tags { clear: both; height: 28px; border-top: 1px solid rgba(170, 170, 170, 0.2); }
.item_tags::after { display: block; clear: both; content: ""; }
.item_tags .item_box { display: none; }
.item_tags .fa-tags { display: none; }
.item_tags > a { float: left; margin-right: 10px; padding: 0 14px; border: 1px solid rgba(170, 170, 170, 0.2); line-height: 26px; }
.module { background: #fff; }
.container_header .title { color: #555; font-size: 24px; line-height: 30px; }
.container_header .subtitle { color: #bbb; font-size: 14px; line-height: 26px; }
.container_category { padding-top: 40px; text-align: center; }
.container_category > a { display: inline-block; margin: 0 5px; padding: 0 20px; text-align: center; font-size: 13px; line-height: 30px; }
.container_content { clear: both; }
.mlist:not(.imagelink) .content_list .item_block { box-sizing: border-box; border: 1px solid rgba(170, 170, 170, 0.2); background-color: transparent; }
.mlist:not(.imagelink) .content_list .item_block .item_tags { padding: 15px; }
.mlist:not(.imagelink) .content_list .item_info .title { transition: all 0.36s ease; color: #333; font-size: 16px; line-height: 30px; }
.mlist:not(.imagelink) .content_list .item_info .subtitle { transition: all 0.36s ease; color: #777; font-size: 14px; line-height: 22px; }
.mlist:not(.imagelink) .content_list .date_wrap { transition: all 0.36s ease; color: #888; font-size: 13px; line-height: 26px; }
.mlist:not(.imagelink) .content_list .item_des { margin-top: 13px; }
.mlist:not(.imagelink) .content_list .item_des .description { overflow: hidden; height: 52px; transition: all 0.36s ease; color: #999; font-size: 13px; line-height: 26px; }
.mlist:not(.imagelink) .content_list .item_img { position: relative; overflow: hidden; }
.mlist:not(.imagelink) .content_list .item_img img { display: inline; transition: all 0.36s ease; }
.mlist:not(.imagelink) .content_list .item_wrapper .details { display: none; }
.mlist:not(.imagelink) .content_list .details { display: inline-block; margin-bottom: 30px; margin-left: 20px; padding: 0 20px; transition: all 0.36s ease; color: #999; border: 1px solid rgba(170, 170, 170, 0.2); font-size: 14px; line-height: 30px; }
#pages { padding: 40px 0 80px; }
#pages::after { display: block; clear: both; content: ""; }
#pages a { float: left; width: 36px; height: 36px; font-size: 14px; line-height: 36px; }
#pages .page-item { margin-right: 5px; text-align: center; border: 1px solid rgba(170, 170, 170, 0.2); background-color: transparent; }
#pages .page-item.active,
#pages .page-item:hover { color: #fff; border-color: #57bc4c; background-color: #57bc4c; }
.ff_pageTarget { background-color: #f7f7f7; line-height: 45px; }
.ff_pageTarget .fa-angle-right { padding: 0 10px; }
.ff_pageTarget .container_target a:hover { color: #57bc4c; }
.ff_pageTarget .container_target a:last-child { color: #57bc4c; }
.postbody { font-size: 13px; }
.postbody p { line-height: 24px; }
.postbody h3 { font-size: 20px; color: #000; }
.postbody hr { margin: 20px 0; border: none; border-top: 1px dotted rgba(170, 170, 170, 0.2); }
#banner div { height: 300px; background-repeat: no-repeat; background-position: center center; text-align: center; }
.ff_pageList .container_category + .container_content { padding-top: 40px; }
.postSlider { width: 590px; min-height: 460px; }
.postSlider .owl-nav { position: absolute; top: 50%; width: 100%; height: 0; margin: 0; transform: translateY(calc(-50%)); }
.postSlider .owl-nav .owl-prev,
.postSlider .owl-nav .owl-next { top: 50%; transform: translateY(-50%); }
.postSlider .owl-nav .owl-prev,
.postSlider .owl-nav .owl-next { 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; overflow: hidden; width: 100px; height: 60px; }
.postSlider .tab_button .item_img:hover img { 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:hover .item_img:after,
.postSlider .tab_button .item_block.current .item_img:after { position: absolute; box-sizing: border-box; top: 0; left: 0; width: 100%; height: 100%; content: ""; border: 3px solid #57bc4c; }
.postContent { margin-bottom: 40px; padding-top: 40px; }
.postInfo .title { transition: all 0.3s ease-out 0s; color: #444; font-size: 16px; line-height: 20px; }
.postInfo .subtitle { margin-top: 4px; transition: all 0.3s ease-out 0s; color: #999; font-size: 12px; line-height: 14px; }
.postInfo .description { margin-top: 20px; margin-bottom: 24px; color: #888; font-size: 13px; line-height: 24px; }
.postInfo .usetdate { font-size: 13px; line-height: 24px; }
.listContent_post h3 { padding: 30px 0; font-size: 14px; }
.listContent_post > .item_tags { margin-bottom: 30px; padding: 0; 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 { display: block; clear: both; content: ""; }
body #search-header { display: none; }
body #header { position: fixed; z-index: 99; top: 0; background: #fff; }
body #header #search-nav { height: 50px; }
body #header.mini { top: -120px; height: 186px; }
body #header.mini #navWrapper .content .nav > .navitem { font-size: 14px; }
body #header.mini #navWrapper .content .nav > .navitem > a { line-height: 64px; }
body #header.mini #search-nav { height: 66px; }
body #sitecontent { padding-top: 170px; }
body #header.mini #search-header { opacity: 0; }
body #header.mini #search-nav { opacity: 1; visibility: visible; }
body #header { width: 100%; height: 170px; height: 42px; transition: all 0.36s ease; line-height: 42px; }
body #header .wrapper { height: 100%; }
body #header .wrapper > .content { max-width: 100%; height: 100%; margin: 0 auto; }
body #headTop { box-sizing: border-box; width: 100%; height: calc(170px - 50px); /*padding: 0 calc(50% - 1280px / 2);*/ border-bottom: 1px solid rgba(170, 170, 170, 0.2); }
body #headTop #headTip_left { color: #666; font-size: 14px; }
body #logo { position: relative; float: left; height: 100%; }
body #logo > img { position: absolute; top: 50%; transform: translateY(-50%); }
body #logo img { max-width: initial; }
body #hcontact { float: right; height: 100%; }
body #hcontact .fa-phone { display: none; }
body #hcontact p { /*display: flex; flex-direction: column-reverse;*/ justify-content: center; height: 100%; height: 42px; margin-right: 28px; color: #333; font-size: 14px; line-height: 42px; }
body #hcontact p .telNum { position: relative; padding-left: 10px; text-align: right; color: #0154a2; border-left: 1px solid rgba(170, 170, 170, 0.2); font-size: 20px; line-height: 20px; }
/*body #hcontact p .telNum:before { content: ""; font-family: "FontAwesome"; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; font-size: 14px; line-height: 1; color: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; font-size: 14px; position: absolute; left: -30px; bottom: 0; width: 20px; height: 16px; color: #adadad; }*/
body #hcontact p br { display: none; }
body #hcontact p a { margin-bottom: 8px; text-align: right; color: #b1b1b1; font-size: 16px; line-height: 13px; }
body #navWrapper .content { max-width: 1280px; margin: 0 auto; }
body #navWrapper .content::after { display: block; clear: both; content: ""; }
body #navWrapper .content .nav { float: right; width: 60%; height: 108px; }
body #navWrapper .content .nav > .navitem { position: relative; float: left; width: calc(100% / 7); cursor: pointer; font-size: 16px; }
body #navWrapper .content .nav > .navitem:hover > a { color: #57bc4c; }
body #navWrapper .content .nav > .navitem:hover .subnav { opacity: 1; visibility: visible; }
body #navWrapper .content .nav > .navitem > a { display: block; /*line-height: calc(50px - 2px);*/ padding: 0 6px; /*border-bottom: 2px solid transparent;*/ }
body #navWrapper .content .nav > .navitem > a.active { border-color: #57bc4c; }
body #navWrapper .content .nav > .navitem .subnav,
body #navWrapper .content .nav > .navitem .subnav .navtwo { position: absolute; z-index: 199; /*overflow: hidden; */ top: calc(100% - 2px); left: 0; width: 140px; height: auto; transition: all 0.36s ease; opacity: 0; visibility: hidden; border-width: 2px 0 0; border-style: solid; border-color: #57bc4c; background: #fff; box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05); }
body #navWrapper .content .nav > .navitem .subnav .navtwo { left: 140px; top: -2px; }
body #navWrapper .content .nav > .navitem .subnav li,
body #navWrapper .content .nav > .navitem .subnav li .navtwo li { width: 100%; cursor: pointer; border-bottom: 1px solid rgba(170, 170, 170, 0.2); position: relative; }
body #navWrapper .content .nav > .navitem .subnav li:last-child { border-bottom: none; }
body #navWrapper .content .nav > .navitem .subnav li a,
body #navWrapper .content .nav > .navitem .subnav li .navtwo li a { display: block; padding: 0 10px; transition: all 0.36s ease; font-size: 12px; font-weight: 500; line-height: 48px; }
body #navWrapper .content .nav > .navitem .subnav li a:hover { color: #fff; background-color: #57bc4c; }
body #navWrapper .content .nav > .navitem .subnav li:hover .navtwo { opacity: 1; visibility: visible; }
body #search-header { display: block; }
body #navWrapper .content { position: relative; }
body #navWrapper .content .jsMoveEl { position: absolute; top: -1px; height: 2px; background: #57bc4c; }
body #navWrapper .content .nav > .navitem > a { margin-top: -1px; border: none; }
body #navWrapper .content .nav > .navitem > a.active { /*border-top: 2px solid #57bc4c;*/ }
body #header.mini #navWrapper .content .jsMoveEl { top: 0; }
body #header.mini #navWrapper .content .nav > .navitem > a { margin-top: 0; }
body #header.mini .wrapper { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); }
body #header .move { display: none; }
body #header #search-nav { display: none; }
#navMini { display: none; }
.ff_sitecontent .module .module_container { width: 1280px; margin: 0 auto; }
.npagePage .more { display: none; }
.ff_pageList .content { background: #fff; }
.ff_indexPage .module { padding-top: 80px; padding-bottom: 100px; }
.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; width: 200px; margin: 50px auto 0; text-align: center; border: 1px solid rgba(170, 170, 170, 0.2); background-color: transparent; font-size: 14px; line-height: 46px; }
.ff_indexPage .mlist .content_wrapper .more:hover { color: #fff; background-color: #57bc4c; }
.mlist .owl-nav { position: absolute; top: 50%; width: 100%; height: 0; margin: 0; transform: translateY(calc(-50%)); }
.mlist .owl-nav .owl-prev,
.mlist .owl-nav .owl-next { top: 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-prev,
.mlist .owl-nav .owl-next { width: 50px; height: 50px; }
.mlist .owl-dots { position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); }
.mlist .owl-dots .owl-dot span { width: 4px; height: 4px; margin: 0 8px; border: 2px solid transparent; background-color: #e5e5e5; }
.mlist .owl-dots .owl-dot.active span,
.imagelink .owl-dots .owl-dot.active span,
.mlist .owl-dots .owl-dot:hover span,
.imagelink .owl-dots .owl-dot:hover span { border: 2px solid transparent; background-color: transparent; box-shadow: 0 0 0 2px #57bc4c; }
.mlist:not(.imagelink) .content_list .item_block:hover .item_box .item_img img { transform: scale(1.08) translate3d(0, 0, 0); }
.ff_indexPage #topSlider { padding-top: 0; padding-bottom: 0; }
#sliderDirThemb,
#sliderDotThemb { border-color: #57bc4c; }
#topSlider { background: transparent; }
.ff_topSlider { position: relative; display: block; overflow: hidden; width: 100%; height: 100%; }
.ff_topSlider .content_list { display: block; overflow: hidden; height: 100%; 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 { left: 50%; width: 3600px; height: 100%; margin-left: -1800px; }
.ff_topSlider .content_list[data-slider-mode="3"] .owl-stage-outer:before,
.ff_topSlider .content_list[data-slider-mode="3"] .owl-stage-outer:after { position: absolute; display: block; z-index: 2; box-sizing: border-box; top: 0; width: 1200px; height: 100%; content: ''; border: #1c1c1c 30px solid; background-color: rgba(0, 0, 0, 0.5); }
.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 { transform: translateY(50px); opacity: 0; }
.ff_topSlider .content_list[data-slider-mode="3"] .owl-item.active.active3 .item_block p { transform: translateY(0px); opacity: 1; }
.ff_topSlider .content_list .owl-item.active .item_block p { transform: translateY(0px); opacity: 1; }
.ff_topSlider .content_list .item_block { position: relative; display: block; width: 100%; height: 100%; }
.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 { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.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; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); }
.ff_topSlider .content_list .item_block a { position: absolute; display: table; top: 0; left: 0; width: 100%; height: 100%; }
.ff_topSlider .content_list .item_block a div { display: table-cell; padding: 100px 50px; vertical-align: middle; }
.ff_topSlider .content_list .item_block a i { text-indent: 20px; font-size: 24px; }
.ff_topSlider .content_list .item_block p { max-width: 1170px; margin: 0 auto; -webkit-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s; transform: translateY(50px); opacity: 0; color: #fff; }
.ff_topSlider .content_list .item_block p.title { height: 46px; transition-delay: 0s; font-size: 46px; line-height: 46px; }
.ff_topSlider .content_list .item_block p.subtitle { height: 16px; margin-top: 6px; transition-delay: 0.2s; color: #ddd; font-size: 16px; }
.ff_topSlider .progress { position: absolute; display: none; z-index: 1; bottom: 0; width: 100%; width: 0; height: 1px; background: rgba(150, 57, 71, 0.8); }
.ff_topSlider .owl-nav { position: absolute; top: 50%; width: 100%; height: 0; margin: 0; transform: translateY(calc(-50%)); }
.ff_topSlider .owl-nav .owl-prev,
.ff_topSlider .owl-nav .owl-next { top: 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-prev,
.ff_topSlider .owl-nav .owl-next { width: 50px; height: 50px; }
.ff_topSlider .owl-dots { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); }
.ff_topSlider .owl-dots { bottom: 20px; padding: 8px 16px; border-radius: 11px; background-color: rgba(0, 0, 0, 0.1); }
.ff_topSlider .owl-dots .owl-dot span { width: 4px; height: 4px; margin: 0 8px; border: 1px solid transparent; background-color: #fff; }
.ff_topSlider .owl-dots .owl-dot.active span { background-color: transparent; box-shadow: 0 0 0 2px #fff; }
.ff_topSlider .owl-nav .owl-prev,
.ff_topSlider .owl-nav .owl-next { background: transparent; }
.ff_indexPage .service .content_list::after,
.npagePage:not(.post) .service .content_list::after { display: block; clear: both; content: ""; }
.ff_indexPage .service .content_wrapper,
.npagePage:not(.post) .service .content_wrapper { position: relative; margin-right: 0; }
.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 { position: relative; float: left; width: calc(100% / 3 - 0px); height: auto; margin-right: 0; margin-bottom: 20px; transition: all 0.36s ease; box-shadow: 0 0 0px rgba(0, 0, 0, 0.15); }
.service.mlistpost .listContent_post .content_list::after { display: block; clear: both; content: ""; }
.service.mlistpost .listContent_post .content_wrapper { position: relative; margin-right: -15px; }
.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 { position: relative; float: left; width: calc(100% / 3 - 15px); height: auto; margin-right: 15px; margin-bottom: 20px; transition: all 0.36s ease; box-shadow: 0 0 0px rgba(0, 0, 0, 0.15); }
.ff_indexPage .service { background-position: center bottom; }
.ff_indexPage .service .content_list .item_block,
.npagePage:not(.post) .service .content_list .item_block { margin: 0; border: none; }
.ff_indexPage .service .content_list .item_block .item_box .item_wrapper,
.npagePage:not(.post) .service .content_list .item_block .item_box .item_wrapper { padding: 42px 52px; text-align: center; }
.ff_indexPage .service .content_list .item_block .item_des,
.npagePage:not(.post) .service .content_list .item_block .item_des { margin-top: 6px; transition: 0.36s ease; }
.ff_indexPage .service .content_list .item_block .item_box,
.npagePage:not(.post) .service .content_list .item_block .item_box { position: relative; display: block; }
.ff_indexPage .service .content_list .item_block .item_box:after,
.npagePage:not(.post) .service .content_list .item_block .item_box:after { position: absolute; box-sizing: border-box; top: 0; left: 0; width: 100%; height: 100%; content: ""; transition: 0.36s ease; border: 10px solid transparent; }
.ff_indexPage .service .content_list .item_block .details,
.ff_indexPage .service .content_list .item_block .date_wrap,
.ff_indexPage .service .content_list .item_block .item_tags,
.npagePage:not(.post) .service .content_list .item_block .details,
.npagePage:not(.post) .service .content_list .item_block .date_wrap,
.npagePage:not(.post) .service .content_list .item_block .item_tags { display: none; }
.ff_indexPage .service .content_list .item_block .item_info,
.npagePage:not(.post) .service .content_list .item_block .item_info { position: relative; }
.ff_indexPage .service .content_list .item_block .item_info:after,
.npagePage:not(.post) .service .content_list .item_block .item_info:after { position: absolute; display: block; clear: both; bottom: 0; left: 50%; width: 25px; height: 1px; content: ''; transition: 0.36s ease; transform: translate3d(-50%, 0, 0); background: transparent; }
.ff_indexPage .service .content_list .item_block:hover .item_box .item_wrapper .item_info .title,
.npagePage:not(.post) .service .content_list .item_block:hover .item_box .item_wrapper .item_info .title { transform: translateY(-10px); color: #333; }
.ff_indexPage .service .content_list .item_block:hover .item_box .item_wrapper .item_info:after,
.npagePage:not(.post) .service .content_list .item_block:hover .item_box .item_wrapper .item_info:after { width: 55px; background: #e5e5e5; }
.ff_indexPage .service .content_list .item_block:hover .item_des,
.npagePage:not(.post) .service .content_list .item_block:hover .item_des { transform: translateY(10px); }
.ff_indexPage .service .content_list .item_block:hover .item_box:after,
.npagePage:not(.post) .service .content_list .item_block:hover .item_box:after { border-color: #57bc4c; }
body .service.mlist .content_list .item_block { transform: translate3d(0, 0, 0); border-bottom: 0; border-left: 0; }
body .service.mlist .content_list .item_block:nth-child(1),
body .service.mlist .content_list .item_block:nth-child(2),
body .service.mlist .content_list .item_block:nth-child(3) { border-top: 0; }
body .service.mlist .content_list .item_block:nth-child(3n) { border-right: 0; }
.ff_indexPage .project .content_list::after,
.bodyproject .project .content_list::after { display: block; clear: both; content: ""; }
.ff_indexPage .project .content_wrapper,
.bodyproject .project .content_wrapper { position: relative; margin-right: -10px; }
.ff_indexPage .project .content_wrapper.slider,
.bodyproject .project .content_wrapper.slider { margin-right: 0; }
.ff_indexPage .project .content_wrapper.slider .item_block,
.bodyproject .project .content_wrapper.slider .item_block { margin-bottom: 0; }
.ff_indexPage .project .owl-item .item_block,
.bodyproject .project .owl-item .item_block { width: 100%; }
.ff_indexPage .project .item_block,
.bodyproject .project .item_block { position: relative; float: left; width: calc(100% / 4 - 10px); height: auto; margin-right: 10px; margin-bottom: 20px; transition: all 0.36s ease; box-shadow: 0 0 0px rgba(0, 0, 0, 0.15); }
.project.mlistpost .listContent_post .content_list::after { display: block; clear: both; content: ""; }
.project.mlistpost .listContent_post .content_wrapper { position: relative; margin-right: -10px; }
.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 { position: relative; float: left; width: calc(100% / 4 - 10px); height: auto; margin-right: 10px; margin-bottom: 20px; transition: all 0.36s ease; box-shadow: 0 0 0px rgba(0, 0, 0, 0.15); }
.bodyindex .mlistpost.project .content_list .details,
.bodyindex .mlist.project .content_list .details,
.bodyproject .mlistpost.project .content_list .details,
.bodyproject .mlist.project .content_list .details { display: none; }
.bodyindex .mlistpost.project .content_list .item_block,
.bodyindex .mlist.project .content_list .item_block,
.bodyproject .mlistpost.project .content_list .item_block,
.bodyproject .mlist.project .content_list .item_block { border: none; }
.bodyindex .mlistpost.project .item_tags,
.bodyindex .mlist.project .item_tags,
.bodyproject .mlistpost.project .item_tags,
.bodyproject .mlist.project .item_tags { position: relative; transition: all 0.36s ease; }
.bodyindex .mlistpost.project .item_tags:after,
.bodyindex .mlist.project .item_tags:after,
.bodyproject .mlistpost.project .item_tags:after,
.bodyproject .mlist.project .item_tags:after { position: absolute; top: 0; right: 48px; height: 48px; content: ""; border-left: 1px solid transparent; }
.bodyindex .mlistpost.project .item_tags > a,
.bodyindex .mlist.project .item_tags > a,
.bodyproject .mlistpost.project .item_tags > a,
.bodyproject .mlist.project .item_tags > a { border: none; }
.bodyindex .mlistpost.project .date_wrap,
.bodyindex .mlist.project .date_wrap,
.bodyproject .mlistpost.project .date_wrap,
.bodyproject .mlist.project .date_wrap { display: none; }
.bodyindex .mlistpost.project .content_list .item_block .item_tags,
.bodyindex .mlist.project .content_list .item_block .item_tags,
.bodyproject .mlistpost.project .content_list .item_block .item_tags,
.bodyproject .mlist.project .content_list .item_block .item_tags { padding: 10px 30px; }
.bodyindex .mlistpost.project .item_box,
.bodyindex .mlist.project .item_box,
.bodyproject .mlistpost.project .item_box,
.bodyproject .mlist.project .item_box { display: block; }
.bodyindex .mlistpost.project .content_list .item_img .item_mask,
.bodyindex .mlist.project .content_list .item_img .item_mask,
.bodyproject .mlistpost.project .content_list .item_img .item_mask,
.bodyproject .mlist.project .content_list .item_img .item_mask { position: absolute; box-sizing: border-box; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.36s ease; border: 2px solid transparent; border-bottom: none; }
.bodyindex .mlistpost.project .content_list .item_block:hover .item_box .item_wrapper,
.bodyindex .mlist.project .content_list .item_block:hover .item_box .item_wrapper,
.bodyproject .mlistpost.project .content_list .item_block:hover .item_box .item_wrapper,
.bodyproject .mlist.project .content_list .item_block:hover .item_box .item_wrapper { background: #57bc4c; }
.bodyindex .mlistpost.project .content_list .item_block:hover .item_box .item_wrapper .item_des .description,
.bodyindex .mlist.project .content_list .item_block:hover .item_box .item_wrapper .item_des .description,
.bodyproject .mlistpost.project .content_list .item_block:hover .item_box .item_wrapper .item_des .description,
.bodyproject .mlist.project .content_list .item_block:hover .item_box .item_wrapper .item_des .description { color: #e4f4e3; }
.bodyindex .mlistpost.project .content_list .item_block:hover .item_box .item_wrapper .item_info .subtitle,
.bodyindex .mlistpost.project .content_list .item_block:hover .item_box .item_wrapper .item_info .title,
.bodyindex .mlist.project .content_list .item_block:hover .item_box .item_wrapper .item_info .subtitle,
.bodyindex .mlist.project .content_list .item_block:hover .item_box .item_wrapper .item_info .title,
.bodyproject .mlistpost.project .content_list .item_block:hover .item_box .item_wrapper .item_info .subtitle,
.bodyproject .mlistpost.project .content_list .item_block:hover .item_box .item_wrapper .item_info .title,
.bodyproject .mlist.project .content_list .item_block:hover .item_box .item_wrapper .item_info .subtitle,
.bodyproject .mlist.project .content_list .item_block:hover .item_box .item_wrapper .item_info .title { color: #fff; }
.bodyindex .mlistpost.project .content_list .item_block:hover .item_tags,
.bodyindex .mlist.project .content_list .item_block:hover .item_tags,
.bodyproject .mlistpost.project .content_list .item_block:hover .item_tags,
.bodyproject .mlist.project .content_list .item_block:hover .item_tags { border-top-color: rgba(255, 255, 255, 0.2); background: #57bc4c; }
.bodyindex .mlistpost.project .content_list .item_block:hover .item_tags:after,
.bodyindex .mlist.project .content_list .item_block:hover .item_tags:after,
.bodyproject .mlistpost.project .content_list .item_block:hover .item_tags:after,
.bodyproject .mlist.project .content_list .item_block:hover .item_tags:after { border-left-color: rgba(255, 255, 255, 0.2); }
.bodyindex .mlistpost.project .content_list .item_block:hover .item_tags a,
.bodyindex .mlist.project .content_list .item_block:hover .item_tags a,
.bodyproject .mlistpost.project .content_list .item_block:hover .item_tags a,
.bodyproject .mlist.project .content_list .item_block:hover .item_tags a { color: #fff; }
.bodyindex .mlistpost.project .content_list .item_block:hover .item_img .item_mask,
.bodyindex .mlist.project .content_list .item_block:hover .item_img .item_mask,
.bodyproject .mlistpost.project .content_list .item_block:hover .item_img .item_mask,
.bodyproject .mlist.project .content_list .item_block:hover .item_img .item_mask { border-color: #57bc4c; }
.bodyindex .mlistpost.project .item_tags > a,
.bodyindex .mlist.project .item_tags > a,
.bodyproject .mlistpost.project .item_tags > a,
.bodyproject .mlist.project .item_tags > a { padding-left: 0; }
.bodyindex .mlistpost.project .mlist .content_wrapper .more,
.bodyindex .mlist.project .mlist .content_wrapper .more,
.bodyproject .mlistpost.project .mlist .content_wrapper .more,
.bodyproject .mlist.project .mlist .content_wrapper .more { display: none; }
.bodyindex .mlistpost.project .content_list .item_block .item_box .item_wrapper,
.bodyindex .mlist.project .content_list .item_block .item_box .item_wrapper,
.bodyproject .mlistpost.project .content_list .item_block .item_box .item_wrapper,
.bodyproject .mlist.project .content_list .item_block .item_box .item_wrapper { padding: 30px; }
.bodyindex .mlistpost.project .content_list .details,
.bodyindex .mlist.project .content_list .details,
.bodyproject .mlistpost.project .content_list .details,
.bodyproject .mlist.project .content_list .details { position: absolute; display: block; right: 0; bottom: 0; width: 48px; height: 48px; margin: 0; padding: 0; color: transparent; border: none; }
.bodyindex .mlistpost.project .content_list .item_block:hover .details,
.bodyindex .mlist.project .content_list .item_block:hover .details,
.bodyproject .mlistpost.project .content_list .item_block:hover .details,
.bodyproject .mlist.project .content_list .item_block:hover .details { background-color: transparent; }
.bodylistpost.bodyproject .postSlider { overflow: hidden; width: 480px; border-radius: 3px; }
.bodylistpost.bodyproject .postSlider .tab_content { padding: 0; }
.bodylistpost.bodyproject .postSlider .tab_content .item_img { height: auto; }
.bodylistpost.bodyproject .postSlider .tab_button,
.bodylistpost.bodyproject .postSlider .owl-nav { display: none; }
.bodylistpost.bodyproject .postSlider .owl-dots { bottom: 10px; }
.project.mlistpost .tabBtn .post-prev,
.project.mlistpost .tabBtn .post-next { border: 1px solid #f0f0f0; background: #fff; }
.project.mlistpost .tabBtn .post-prev .infor-wrap .subtitle,
.project.mlistpost .tabBtn .post-next .infor-wrap .subtitle { display: none; }
.project.mlistpost .tabBtn .post-prev.empty,
.project.mlistpost .tabBtn .post-next.empty { background-color: #fff; }
.project.mlistpost .tabBtn .post-prev { border-top: none; border-right: none; border-left: none; }
.project.mlistpost .tabBtn .post-next { border-top: none; border-right: none; }
.project.mlistpost .postbody { overflow: hidden; margin-bottom: 0; padding: 60px 70px; border-radius: 3px; background: #f8f8f8; }
.project.mlistpost .postInfo { position: absolute; top: 0; right: 0; width: calc(100% - 550px); }
.project.mlistpost .postInfo .usetdate { display: none; }
.project.mlistpost .postInfo .title { padding: 25px 0; border-bottom: 1px solid #eee; line-height: 30px; }
.project.mlistpost .postInfo .mainInfor { float: none; max-width: 100%; }
.project.mlistpost .postInfo .description { float: none; max-width: 100%; margin: 22px 0; color: #929292; }
.project.mlistpost .item_tags { display: none; }
.ff_postPage .project.mlistpost .listContent_post { border: none; }
.bodylistpost.bodyproject .ff_pageTarget .container_target { float: right; }
.bodylistpost.bodyproject #navWrapper { border-bottom: 1px solid rgba(170, 170, 170, 0.2); }
.bodylistpost.bodyproject .npagePage .description a.more { display: inline-block; width: auto; height: 42px; padding: 0 50px; color: #57bc4c; border: 2px solid #57bc4c; border-radius: 21px; font-size: 16px; font-weight: 600; line-height: 40px; }
.bodylistpost.bodyproject .npagePage .description a.more:hover { color: #fff; border: 2px solid #57bc4c; background-color: #57bc4c; }
.bodyindex .team .content_list::after,
.bodylist.bodyteam .team .content_list::after { display: block; clear: both; content: ""; }
.bodyindex .team .content_wrapper,
.bodylist.bodyteam .team .content_wrapper { position: relative; margin-right: -80px; }
.bodyindex .team .content_wrapper.slider,
.bodylist.bodyteam .team .content_wrapper.slider { margin-right: 0; }
.bodyindex .team .content_wrapper.slider .item_block,
.bodylist.bodyteam .team .content_wrapper.slider .item_block { margin-bottom: 0; }
.bodyindex .team .owl-item .item_block,
.bodylist.bodyteam .team .owl-item .item_block { width: 100%; }
.bodyindex .team .item_block,
.bodylist.bodyteam .team .item_block { position: relative; float: left; width: calc(100% / 2 - 80px); height: auto; margin-right: 80px; margin-bottom: 20px; transition: all 0.36s ease; box-shadow: 0 0 0px rgba(0, 0, 0, 0.15); }
.team.mlistpost .listContent_post .content_list::after { display: block; clear: both; content: ""; }
.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 { position: relative; float: left; width: calc(100% / 4 - 10px); height: auto; margin-right: 0; margin-bottom: 20px; transition: all 0.36s ease; box-shadow: 0 0 0px rgba(0, 0, 0, 0.15); }
.team.mlistpost .item_img { /*display: none;*/ }
.team.mlistpost .content_list .item_block .item_wrapper { width: 100%; }
.bodyindex .mlist.team,
.bodylist.bodyteam .mlist.team { background-color: #f5f7fa; }
.bodyindex .mlist.team .content_list .item_block,
.bodylist.bodyteam .mlist.team .content_list .item_block { height: 300px; transform: translate3d(0, 0, 0); border: none; }
.bodyindex .mlist.team .content_list .item_block .item_box,
.bodylist.bodyteam .mlist.team .content_list .item_block .item_box { position: relative; display: block; overflow: hidden; /* padding: inherit; */ height: calc(100% - 90px); margin: 45px 0; transition: 0.6s ease; }
.bodyindex .mlist.team .content_list .item_block .item_tags,
.bodylist.bodyteam .mlist.team .content_list .item_block .item_tags { display: none; }
.bodyindex .mlist.team .content_list .item_block .item_des,
.bodylist.bodyteam .mlist.team .content_list .item_block .item_des { display: block; }
.bodyindex .mlist.team .content_list .item_block .item_img,
.bodylist.bodyteam .mlist.team .content_list .item_block .item_img { position: absolute; overflow: hidden; top: 0; right: 0; width: 100%; height: 100%; text-align: right; border-radius: 4px; background-color: #57bc4c; }
.bodyindex .mlist.team .content_list .item_block .item_wrapper,
.bodylist.bodyteam .mlist.team .content_list .item_block .item_wrapper { position: relative; padding: 50px 56px; padding-right: 190px; transition: 0.6s ease; border-radius: 3px; border-radius: 3px; background-color: #fff; box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.06); }
.bodyindex .mlist.team .content_list .item_block .details,
.bodylist.bodyteam .mlist.team .content_list .item_block .details { position: absolute; display: block; bottom: 0; bottom: 44px; left: 50px; margin: 0; padding: 0 26px; transition: 0.3s ease; text-transform: lowercase; opacity: 0; color: #fff; border: 2px solid #fff; border-radius: 18px; }
.bodyindex .mlist.team .content_list .item_block .item_des,
.bodylist.bodyteam .mlist.team .content_list .item_block .item_des { margin-top: 26px; }
.bodyindex .mlist.team .content_list .item_block .item_info .title,
.bodylist.bodyteam .mlist.team .content_list .item_block .item_info .title { font-size: 20px; }
.bodyindex .mlist.team .content_list .item_block .item_info .title,
.bodyindex .mlist.team .content_list .item_block .item_info .subtitle,
.bodylist.bodyteam .mlist.team .content_list .item_block .item_info .title,
.bodylist.bodyteam .mlist.team .content_list .item_block .item_info .subtitle { display: inline-block; transition: 0.36s ease; vertical-align: baseline; }
.bodyindex .mlist.team .content_list .item_block .item_info .subtitle:before,
.bodylist.bodyteam .mlist.team .content_list .item_block .item_info .subtitle:before { margin-right: 2px; content: "/"; }
.bodyindex .mlist.team .content_list .item_block:hover .item_box,
.bodylist.bodyteam .mlist.team .content_list .item_block:hover .item_box { position: relative; display: block; height: 100%; margin: 0; }
.bodyindex .mlist.team .content_list .item_block:hover .item_box .item_wrapper,
.bodylist.bodyteam .mlist.team .content_list .item_block:hover .item_box .item_wrapper { background: rgba(114, 199, 105, 0.42); }
.bodyindex .mlist.team .content_list .item_block:hover .item_box .item_wrapper .item_info .title,
.bodylist.bodyteam .mlist.team .content_list .item_block:hover .item_box .item_wrapper .item_info .title { font-weight: 600; }
.bodyindex .mlist.team .content_list .item_block:hover .item_box .item_wrapper .item_info .subtitle,
.bodylist.bodyteam .mlist.team .content_list .item_block:hover .item_box .item_wrapper .item_info .subtitle { color: #f2faf2; }
.bodyindex .mlist.team .content_list .item_block:hover .item_box .item_wrapper .item_info .title,
.bodylist.bodyteam .mlist.team .content_list .item_block:hover .item_box .item_wrapper .item_info .title { color: #fff; }
.bodyindex .mlist.team .content_list .item_block:hover .item_box .item_wrapper .item_des .description,
.bodylist.bodyteam .mlist.team .content_list .item_block:hover .item_box .item_wrapper .item_des .description { color: #f2faf2; }
.bodyindex .mlist.team .content_list .item_block:hover .details,
.bodylist.bodyteam .mlist.team .content_list .item_block:hover .details { transition-delay: 0.3s; opacity: 1; border: 2px solid #fff; background-color: transparent; }
.ff_indexPage .news .content_list::after,
.ff_pageList .news .content_list::after { display: block; clear: both; content: ""; }
.ff_indexPage .news .content_wrapper,
.ff_pageList .news .content_wrapper { position: relative; margin-right: -30px; }
.ff_indexPage .news .content_wrapper.slider,
.ff_pageList .news .content_wrapper.slider { margin-right: 0; }
.ff_indexPage .news .content_wrapper.slider .item_block,
.ff_pageList .news .content_wrapper.slider .item_block { margin-bottom: 0; }
.ff_indexPage .news .owl-item .item_block,
.ff_pageList .news .owl-item .item_block { width: 100%; }
.ff_indexPage .news .item_block,
.ff_pageList .news .item_block { position: relative; float: left; width: calc(100% / 3 - 30px); height: auto; margin-right: 30px; margin-bottom: 20px; transition: all 0.36s ease; box-shadow: 0 0 0px rgba(0, 0, 0, 0.15); }
.news.mlistpost .listContent_post .content_list::after { display: block; clear: both; content: ""; }
.news.mlistpost .listContent_post .content_wrapper { position: relative; margin-right: 0; }
.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 { position: relative; float: left; width: calc(100% / 1 - 0px); height: auto; margin-right: 0; margin-bottom: 20px; transition: all 0.36s ease; box-shadow: 0 0 0px rgba(0, 0, 0, 0.15); }
.news.mlistpost .item_img { display: none; }
.news.mlistpost .content_list .item_block .item_wrapper { width: 100%; }
.bodyindex .mlist.news .content_list .item_block,
.bodylist.bodynews .mlist.news .content_list .item_block { border: none; }
.bodyindex .mlist.news .content_list .item_block:hover .item_box .item_wrapper .date_wrap,
.bodylist.bodynews .mlist.news .content_list .item_block:hover .item_box .item_wrapper .date_wrap { color: #57bc4c; }
.bodyindex .mlist.news .content_list .item_block:hover .date_wrap:after,
.bodylist.bodynews .mlist.news .content_list .item_block:hover .date_wrap:after { width: 100%; opacity: 1; }
.bodyindex .mlist.news .content_list .item_block:hover .details .fa,
.bodylist.bodynews .mlist.news .content_list .item_block:hover .details .fa { color: #57bc4c; }
.bodyindex .mlist.news .content_list .item_block .details,
.bodylist.bodynews .mlist.news .content_list .item_block .details { position: absolute; right: 0; bottom: 0; margin: 0; color: transparent; border: none; background: transparent; line-height: 70px; }
.bodyindex .mlist.news .content_list .item_block .details .fa,
.bodylist.bodynews .mlist.news .content_list .item_block .details .fa { transition: 0.36s ease; font-size: 22px; }
.bodyindex .mlist.news .content_list .item_block .item_tags,
.bodyindex .mlist.news .content_list .item_block .date_wrap,
.bodylist.bodynews .mlist.news .content_list .item_block .item_tags,
.bodylist.bodynews .mlist.news .content_list .item_block .date_wrap { display: none; }
.bodyindex .mlist.news .content_list .item_block .date_wrap,
.bodylist.bodynews .mlist.news .content_list .item_block .date_wrap { position: absolute; bottom: 0; bottom: 0; width: 100%; }
.bodyindex .mlist.news .content_list .item_block .date_wrap .year,
.bodylist.bodynews .mlist.news .content_list .item_block .date_wrap .year { display: none; }
.bodyindex .mlist.news .content_list .item_block .date_wrap .year + .time-connect,
.bodylist.bodynews .mlist.news .content_list .item_block .date_wrap .year + .time-connect { display: none; }
.bodyindex .mlist.news .content_list .item_block .date_wrap:after,
.bodylist.bodynews .mlist.news .content_list .item_block .date_wrap:after { position: absolute; top: -1px; left: 0; width: 60%; height: 1px; content: ""; transition: 0.56s ease; opacity: 0; background: #57bc4c; }
.bodyindex .mlist.news .content_list .item_block .item_box .item_wrapper,
.bodylist.bodynews .mlist.news .content_list .item_block .item_box .item_wrapper { padding: 40px 0; padding-bottom: 100px; }
.bodyindex .mlist.news .content_list .item_block .item_box .item_wrapper > .date_wrap,
.bodylist.bodynews .mlist.news .content_list .item_block .item_box .item_wrapper > .date_wrap { display: block; height: 70px; border-top: 1px solid #e2e4e6; font-size: 20px; font-weight: 600; line-height: 70px; }
.ff_postPage .news.mlistpost .module_container { max-width: 1280px; }
.ff_postPage .news.mlistpost .listWrap { float: right; width: 340px; padding: 0; }
.ff_postPage .news.mlistpost .listWrap .postInfo { display: none; }
.ff_postPage .news.mlistpost .postContent { float: left; }
.ff_postPage .news.mlistpost .postContent .postInfo { display: block; }
.news.mlistpost .content_list .item_wrapper { padding: 0; }
.news.mlistpost .content_list .item_block { margin: 0; border: none; border-top: 1px solid #f2f2f2; }
.news.mlistpost .content_list .item_block .item_des,
.news.mlistpost .content_list .item_block .details,
.news.mlistpost .content_list .item_block .item_tags,
.news.mlistpost .content_list .item_block .date_wrap { display: none; }
.news.mlistpost .content_list .item_info .title { line-height: 46px; }
.news.mlistpost .content_list .item_info .title { font-size: 14px; line-height: 48px; }
.ff_postPage .news.mlistpost .postInfo .title { border-bottom: 1px solid #ececec; font-size: 16px; line-height: 48px; }
.ff_postPage .news.mlistpost .postbody { padding: 28px 0; }
.ff_postPage .news.mlistpost .description,
.ff_postPage .news.mlistpost .usetdate { display: none; }
.ff_postPage .news.mlistpost .listContent_post { border-top: 0; }
.ff_postPage .news.mlistpost .listContent_post h3 { padding: 0; border-bottom: 1px solid #ececec; font-size: 16px; font-weight: 400; line-height: 48px; }
.ff_postPage .news.mlistpost .postContent { width: 890px; padding-top: 0; }
.ff_postPage .news.mlistpost .item_tags { padding: 12px 0; }
.ff_postPage .news.mlistpost .item_tags > a { position: relative; margin: 0; padding: 0 18px; border: none; font-size: 14px; }
.ff_postPage .news.mlistpost .item_tags > a:first-child { padding-left: 0; }
.ff_postPage .news.mlistpost .item_tags > a:last-child:after { display: none; }
.ff_postPage .news.mlistpost .item_tags > a:hover { color: #57bc4c; background-color: #fff; }
.ff_postPage .news.mlistpost .item_tags > a:after { position: absolute; top: 50%; right: 0; width: 1px; height: 10px; margin-top: -5px; content: ""; background: #e5e5e5; }
.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 { display: block; clear: both; content: ""; }
.mcustomize.tlir .container_content,
.mcustomize.tril .container_content { position: relative; }
.mcustomize.tlir .container_content::after,
.mcustomize.tril .container_content::after { display: block; clear: both; content: ""; }
.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-repeat: no-repeat; background-size: cover; }
.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; }
.ff_indexPage .module.mcustomize { padding: 0; }
.mcustomize.initlayout .module_container { padding-top: 50px; }
.mcustomize.initlayout .container_content { text-align: center; }
.mcustomize.initlayout .container_content .contentbody .description a { padding: 0 52px; color: #fff; border-radius: 28px; background-color: #57bc4c; font-size: 16px; font-weight: 600; line-height: 53px; }
.mcustomize.tlir .module_container,
.mcustomize.tril .module_container { width: 90%; min-width: 1280px; max-width: 1400px; padding-top: 30px; }
.mcustomize.tlir .container_content .mediabody,
.mcustomize.tril .container_content .mediabody { width: 48%; }
.mcustomize.tlir .container_content .mediabody .image,
.mcustomize.tril .container_content .mediabody .image { width: 100%; height: auto; padding-top: 94.3%; background-repeat: no-repeat; background-size: cover; }
.mcustomize.tlir .container_content .contentbody,
.mcustomize.tril .container_content .contentbody { width: 42%; }
.mcustomize.tlir .container_content .contentbody .description a,
.mcustomize.tril .container_content .contentbody .description a { padding: 0 52px; color: #fff; border-radius: 28px; background-color: #57bc4c; font-size: 16px; font-weight: 600; line-height: 53px; }
.mcustomize.tlir .container_content .contentbody .wrapper,
.mcustomize.tril .container_content .contentbody .wrapper { padding-top: 220px; }
.mcustomize.tlir .container_content .contentbody .wrapper .description,
.mcustomize.tril .container_content .contentbody .wrapper .description { max-width: 100%; margin-top: 10px; }
.mcustomize.tlir .container_content .contentbody .wrapper .header,
.mcustomize.tril .container_content .contentbody .wrapper .header { top: 150px; }
.mcustomize.tril .mediabody { float: left; }
.mcustomize.tlir .mediabody { float: right; }
.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 { position: absolute; top: 50%; left: 50%; width: 100%; padding: 0; transform: translateX(-50%) translateY(-50%); }
.ff_indexPage .mcounter .content_list::after { display: block; clear: both; content: ""; }
.ff_indexPage .mcounter .content_list li { position: relative; float: left; width: 25%; text-align: center; }
.ff_indexPage .mcounter .content_list li:not(:last-child):after { position: absolute; top: 50%; right: 0; width: 1px; height: 45px; content: ''; transform: translateY(-50%); background-color: rgba(170, 170, 170, 0.2); }
.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 { margin-top: 15px; text-align: center; vertical-align: top; font-family: helveticaneuethn, Arial; font-size: 50px; line-height: 52px; }
.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; vertical-align: top; font-size: 14px; }
.ff_indexPage .mcounter .module_container { position: relative; height: 190px; }
.mcounter { position: relative; }
.ff_indexPage .mcounter { height: 719px; padding-top: 0; padding-bottom: 0; /* padding-top: 37.5%; */ background-position: center center !important; background-size: 100% 0; }
.ff_indexPage .mcounter .container_content { height: 100%; color: #fff; }
.ff_indexPage .mcounter .content_list li p.number .counterDX { font-weight: 600; }
.ff_indexPage .mcounter .content_list li p,
.ff_indexPage .mcounter .content_list li { text-align: left; }
.ff_indexPage .mcounter .content_list li .title { color: #dff4dd; }
.ff_indexPage .mcounter .module_container { position: absolute; right: 0; bottom: 0; left: 0; width: 100%; height: 220px; }
.ff_indexPage .mcounter { background-color: transparent; }
.ff_indexPage .mcounter .bgmask { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, #57bc4c 220px, #fff 220px); }
.imagelink .content_list::after { display: block; clear: both; content: ""; }
.imagelink .content_wrapper { position: relative; margin-right: -14px; }
.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 { position: relative; float: left; width: calc(100% / 4 - 14px); height: auto; margin-right: 14px; margin-bottom: 20px; transition: all 0.36s ease; box-shadow: 0 0 0px rgba(0, 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 { float: none; box-sizing: border-box; width: 100%; height: auto; transition: all ease-out 0.3s 0.1s; opacity: 0.8; }
.imagelink .content_list .item_block .item_box:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; border: 1px solid rgba(170, 170, 170, 0.2); }
.imagelink .content_list .item_block .item_box:hover { box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); }
.imagelink .content_list .item_block .item_wrapper .item_info .title { text-align: center; color: #999; font-size: 13px; line-height: 36px; }
.imagelink .item_des,
.imagelink .container_category { display: none; }
.imagelink .owl-dots { position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); }
#mcontact .contactform form::before { display: none; }
#mcontact .module_container { position: relative; }
#mcontact .contactform form { background: #fff; }
#mcontact { padding-top: 120px; }
#mcontact .contactinfo { position: relative; box-sizing: border-box; width: 1170px; height: 325px; margin: 0 auto; margin-top: 120px; padding-top: 90px; }
#mcontact .contactinfo > p,
#mcontact .contactinfo > h3,
#mcontact .contactinfo > div { position: relative; z-index: 1; }
#mcontact .contactinfo::before { position: absolute; top: 0; left: 50%; width: 100vw; height: 100%; content: ""; transform: translateX(-50%); background: #f5f7fa; }
#mcontact .container_header { position: absolute; z-index: 10; top: 70px; width: 100%; }
#mcontact .container_header .title { color: #666; font-size: 30px; font-weight: 600; line-height: 50px; }
#mcontact .container_header .subtitle { color: #acacac; line-height: 30px; }
#mcontact .contactlist { padding-top: 0; }
#mcontact .contactform { overflow: hidden; width: 1170px; margin: auto; border-radius: 3px; box-shadow: 0 20px 80px rgba(76, 76, 76, 0.1); }
#mcontact .contactform .inputtxt { width: calc(100% - 20px); margin-right: 20px; margin-bottom: 20px; border: 1px solid #e1e7ee; }
#mcontact .contactform .inputtxt.submit { width: 225px; margin-top: 20px; color: #fff; border-color: #57bc4c; border-radius: 28px; background-color: #57bc4c; font-size: 16px; font-weight: 600; line-height: 54px; }
#mcontact .contactform .inputtxt.submit:hover { color: #fff; border-color: #57bc4c; background-color: #57bc4c; }
#mcontact .contactform form { position: relative; z-index: 1; padding: 212px 100px 80px; padding-top: 40px; padding-bottom: 100px; border-radius: 8px; }
#mcontact .contactlist { display: flex; flex-direction: column-reverse; }
#mcontact .contactform form::before { display: none; }
.ff_indexPage .videom .content_list::after,
.npagePage:not(.post) .videom .content_list::after { display: block; clear: both; content: ""; }
.ff_indexPage .videom .content_wrapper,
.npagePage:not(.post) .videom .content_wrapper { position: relative; margin-right: 0; }
.ff_indexPage .videom .content_wrapper.slider,
.npagePage:not(.post) .videom .content_wrapper.slider { margin-right: 0; }
.ff_indexPage .videom .content_wrapper.slider .item_block,
.npagePage:not(.post) .videom .content_wrapper.slider .item_block { margin-bottom: 0; }
.ff_indexPage .videom .owl-item .item_block,
.npagePage:not(.post) .videom .owl-item .item_block { width: 100%; }
.ff_indexPage .videom .item_block,
.npagePage:not(.post) .videom .item_block { position: relative; float: left; width: calc(100% / 1 - 0px); height: auto; margin-right: 0; margin-bottom: 20px; transition: all 0.36s ease; box-shadow: 0 0 0px rgba(0, 0, 0, 0.15); }
.videom.mlistpost .listContent_post .content_list::after { display: block; clear: both; content: ""; }
.videom.mlistpost .listContent_post .content_wrapper { position: relative; margin-right: -15px; }
.videom.mlistpost .listContent_post .content_wrapper.slider { margin-right: 0; }
.videom.mlistpost .listContent_post .content_wrapper.slider .item_block { margin-bottom: 0; }
.videom.mlistpost .listContent_post .owl-item .item_block { width: 100%; }
.videom.mlistpost .listContent_post .item_block { position: relative; float: left; width: calc(100% / 4 - 15px); height: auto; margin-right: 15px; margin-bottom: 20px; transition: all 0.36s ease; box-shadow: 0 0 0px rgba(0, 0, 0, 0.15); }
.vPlayArea { width: 100%; height: 100%; }
.vPlayArea .vPlayItem { position: absolute; z-index: 2; overflow: hidden; top: 50%; left: 50%; width: 960px; height: 618px; margin-top: -456px; 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 { content: ""; text-transform: none; color: inherit; color: #848484; font-family: "FontAwesome"; font-size: 14px; font-size: 29px; font-weight: 400; font-style: normal; font-variant: normal; line-height: 1; line-height: 50px; speak: none; text-rendering: auto; -webkit-font-smoothing: antialiased; }
.videoTabBtns .videoTabBtn.prev { left: 0; }
.videoTabBtns .videoTabBtn.prev .icon:after { content: ""; text-transform: none; color: inherit; color: #848484; font-family: "FontAwesome"; font-size: 14px; font-size: 29px; font-weight: 400; font-style: normal; font-variant: normal; line-height: 1; line-height: 50px; 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 { color: #2e2e2e; font-size: 16px; }
.videoInfor .subtitle { margin-top: 6px; color: #7d7d7d; font-size: 13px; line-height: 22px; }
.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; }
.bodyindex .videom.mlist .content_list .item_tags,
.bodyindex .videom.mlist .content_list .date_wrap,
.bodyindex .videom.mlist .content_list .details,
.bodyvideom .videom.mlist .content_list .item_tags,
.bodyvideom .videom.mlist .content_list .date_wrap,
.bodyvideom .videom.mlist .content_list .details { display: none; }
.bodyindex .videom.mlist .content_list .item_block,
.bodyvideom .videom.mlist .content_list .item_block { padding: 20px 0 20px 20px; border: none; }
.bodyindex .videom.mlist .content_list .item_block:hover .item_mask,
.bodyvideom .videom.mlist .content_list .item_block:hover .item_mask { background-color: rgba(0, 0, 0, 0.4); }
.bodyindex .videom.mlist .content_list .item_block:hover .item_mask:after,
.bodyvideom .videom.mlist .content_list .item_block:hover .item_mask:after { transform: translate3d(0, 0, 0); opacity: 1; }
.bodyindex .videom.mlist .content_list .item_box,
.bodyvideom .videom.mlist .content_list .item_box { display: block; }
.bodyindex .videom.mlist .content_list .item_img,
.bodyvideom .videom.mlist .content_list .item_img { position: relative; width: 480px; transform: translate3d(0, 0, 0); border-radius: 5px; box-shadow: 0 0 0 20px #e5f1e8; }
.bodyindex .videom.mlist .content_list .item_mask,
.bodyvideom .videom.mlist .content_list .item_mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: 0.36s ease; transition: 0.36s ease; background-color: transparent; }
.bodyindex .videom.mlist .content_list .item_mask:after,
.bodyvideom .videom.mlist .content_list .item_mask:after { position: absolute; top: 50%; left: 50%; width: 70px; height: 70px; margin: -35px; content: ""; transition: 0.36s ease; transform: translate3d(0, 70px, 0); opacity: 0; color: #fff; border-radius: 50%; background: #57bc4c; }
.bodyindex .videom.mlist .content_list .item_wrapper,
.bodyvideom .videom.mlist .content_list .item_wrapper { position: relative; width: calc(100% - 480px); padding: 0; padding-top: 40px; padding-left: 70px; }
.bodyindex .videom.mlist .content_list .item_wrapper .details,
.bodyvideom .videom.mlist .content_list .item_wrapper .details { display: block; bottom: -78px; left: 70px; width: 140px; margin: 0; padding: 0; text-align: center; color: #fff; border-radius: 18px; background-color: #57bc4c; line-height: 36px; }
.bodyindex .videom.mlist .content_list .item_info,
.bodyvideom .videom.mlist .content_list .item_info { padding-bottom: 10px; border-bottom: 1px solid #e5e9ef; }
.bodyindex .videom.mlist .content_list .item_info .subtitle,
.bodyvideom .videom.mlist .content_list .item_info .subtitle { line-height: 34px; }
.bodyindex .videom.mlist .content_list .item_info .title,
.bodyvideom .videom.mlist .content_list .item_info .title { color: #57bc4c; font-weight: 600; }
.bodylist.bodyvideom .mlist .content_list .item_img { box-shadow: 3px 5px 20px rgba(9, 9, 9, 0.1); }
.bodylist.bodyvideom .mlist .content_list .item_block { padding-right: 0; padding-left: 0; }
.ff_indexPage .team_tabs .tab_content .item_block .item_wrapper { text-align: center; }
.ff_indexPage .team_tabs .tab_content .item_block .details { display: block; width: 100px; margin: 30px auto; text-align: center; }
.ff_indexPage .ad01 .content_list::after { display: block; clear: both; content: ""; }
.ff_indexPage .ad01 .content_wrapper { position: relative; margin-right: -10px; }
.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 { position: relative; float: left; width: calc(100% / 3 - 10px); height: auto; margin-right: 10px; margin-bottom: 20px; transition: all 0.36s ease; box-shadow: 0 0 0px rgba(0, 0, 0, 0.15); }
.bodyad01 .ad01 .content_list::after { display: block; clear: both; content: ""; }
.bodyad01 .ad01 .content_wrapper { position: relative; margin-right: 0; }
.bodyad01 .ad01 .content_wrapper.slider { margin-right: 0; }
.bodyad01 .ad01 .content_wrapper.slider .item_block { margin-bottom: 0; }
.bodyad01 .ad01 .owl-item .item_block { width: 100%; }
.bodyad01 .ad01 .item_block { position: relative; float: left; width: calc(100% / 1 - 0px); height: auto; margin-right: 0; margin-bottom: 20px; transition: all 0.36s ease; box-shadow: 0 0 0px rgba(0, 0, 0, 0.15); }
.ad01 .item_info { display: none; }
.container_category > a { border-radius: 15px; line-height: 28px; }
#footer { border-top: 1px solid #e5eaf2; background-color: #f5f7fa; }
#footer .footer_box { overflow: hidden; max-width: 1280px; margin: 0 auto; }
#footer p { /*width: 1170px;*/ }
#footer .copyright,
#footer .share { width: 50%; }
#footer p.copyright { float: left; }
#footer p.share { float: right; width: 180px; text-align: right; }
#footer p.share span { margin-right: 14px; }
#footer p.share span img { margin: 0 3px; }
#shares { position: fixed; z-index: 99; right: 0; bottom: 63px; height: 124px; }
#shares a { position: relative; display: block; width: 40px; height: 40px; transition: all 0.3s ease-out 0s; text-align: center; border: 1px solid #e6e6e6; background-color: #fff; font-size: 16px; }
#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 { z-index: 1; border-color: #57bc4c; background-color: #57bc4c; }
#shares a:hover i { color: #fff; }
#shares a i { margin-top: 12px; transition: all 0.3s ease-out 0s; }
#shares a i.fa.fa-mobile { margin-top: 8px; font-size: 24px; }
.fixed { position: fixed; display: none; z-index: 9999; z-index: 100; overflow-y: auto; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); }
.fixed.show { display: block; }
#fixed_weixin .fixed-container { position: absolute; top: 50%; left: 50%; width: 300px; height: auto; margin-top: -150px; margin-left: -150px; padding: 20px 20px 0; background: #fff; }
#fixed_weixin .fixed-container div { height: 300px; }
#fixed_weixin .fixed-container p { height: 40px; text-align: center; color: #000; font-size: 14px; line-height: 40px; }
#online_open { position: fixed; display: block; z-index: 99; right: -40px; bottom: 186px; width: 40px; height: 40px; margin-right: -3px; cursor: pointer; transform: translateX(7px); text-align: center; border: 1px solid #e6e6e6; background-color: #fff; font-size: 18px; font-size: 16px; line-height: 40px; }
#online_open i { transition: all 0.3s ease-out 0s; }
#online_open:hover { z-index: 1; border-color: #57bc4c; background-color: #57bc4c; }
#online_open:hover i { color: #fff; }
#online_lx { position: fixed; z-index: 99999; right: 7px; bottom: 188px; width: 180px; height: auto; margin-right: -10px; background-color: #fff; -webkit-box-shadow: 0 5px 9px rgba(4, 0, 0, 0.17); box-shadow: 0 5px 9px rgba(4, 0, 0, 0.17); }
#olx_head { height: 16px; padding: 20px; color: #fff; background: #57bc4c; font-size: 14px; line-height: 16px; }
#olx_head i { cursor: pointer; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; color: #fff; font-size: 18px; }
#olx_head i:hover { -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); color: #fff; }
#olx_qq { border-bottom: 1px solid rgba(170, 170, 170, 0.2); }
#olx_qq li a { display: block; height: 18px; padding: 12px 30px; transition: all ease-out 0.3s; color: #666; font-size: 12px; line-height: 18px; }
#olx_qq li a i { margin-right: 18px; vertical-align: middle; color: inherit; font-size: 16px; }
#olx_qq li a:hover { color: #57bc4c; background: #eee; }
#olx_tel { padding: 20px 25px; }
#olx_tel div { height: 14px; margin-bottom: 10px; line-height: 14px; }
#olx_tel div i { margin-right: 20px; vertical-align: middle; font-size: 18px; }
#olx_tel p { font-family: HELVETICANEUELTPRO-THEX; font-size: 16px; line-height: 18px; }
#fixed_mp .fixed-container { position: absolute; top: 50%; left: 50%; width: 258px; height: 298px; margin-top: -149px; margin-left: -129px; background: #fff; }
#fixed_mp .fixed-container p { padding: 0 20px; text-align: center; color: #000; font-size: 14px; }
#openAssist { position: fixed; display: none; z-index: 99; right: 20px; bottom: 40px; width: 50px; height: 50px; text-align: center; border-radius: 25px; background-color: #3b3b3b; }
#openAssist.active i { transform: translate3d(0, 0, 0) rotate(135deg); }
#openAssist i { position: relative; display: inline-block; top: 8px; transition: all ease-out 0.3s; color: #fff; font-size: 30px; }
#assistBtn { position: fixed; display: none; z-index: 99; right: 25px; bottom: 90px; }
#assistBtn a { display: block; width: 40px; height: 40px; margin-bottom: 15px; transform: translate3d(0, 8px, 0) scale(0.3); transform-origin: center bottom; text-align: center; opacity: 0; border-radius: 20px; background-color: #3b3b3b; }
#assistBtn a i { position: relative; top: 10px; color: #fff; font-size: 18px; }
.popup { display: block; }
.popup .fixed-container { position: absolute; top: 50%; left: 50%; width: 800px; height: 600px; }
.searchPage .mlist.search .content_list .item_block { padding-top: 30px; cursor: pointer; border-width: 0 0 1px; }
.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 { display: block; clear: both; content: ""; }
.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; margin-left: 10px; line-height: 30px; }
.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 { position: fixed; bottom: 0; width: 100%; }
.searchPage #page { padding-bottom: 0; }
.searchPage .ff_pageList { padding-bottom: 0; }
#moduleControl { position: fixed; display: block !important; z-index: 11; top: 50%; right: 20px; }
#moduleControl a.moduleCItem { display: block; width: 10px; height: 10px; margin-bottom: 5px; transition: all 0.3s ease-out 0s; text-indent: -9999px; border: 1px solid transparent; border-radius: 6px; outline: 0 none; }
#moduleControl a.moduleCItem:hover,
#moduleControl a.moduleCItem.active { border-color: #fff; }
#moduleControl a.moduleCItem:hover span,
#moduleControl a.moduleCItem.active span { opacity: 0; }
#moduleControl a.moduleCItem span { display: block; width: 4px; height: 4px; margin: 3px 0 0 3px; border-radius: 50%; background: #555; }
.netmask { display: block; }
.netmask div { position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; }
.netmask div i:before { display: none; color: #fff; font-size: 40px; }
.netmask.loading div i { display: block; width: 40px; height: 40px; background: url(../images/loading.gif); }
.netmask.success div i:before { display: block; }
.bodyMask { transition: background 0.36s ease; }
.bodyMask.open { position: fixed; z-index: 50; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, 0.2); }
canvas { display: none; }
.singlescreen .module { padding: 0; }
.singlescreen .module_container { position: relative; top: 50%; transform: translateY(-50%); }
/*baiduMap*/
#baiduMap { width: 100%; height: 360px; border: 1px solid #ccc; }
/*pagination*/
/*css style pagination*/
div#pagination { display: table; margin: 1rem auto; padding: 0; border-radius: 0.2rem; font-family: "Microsoft YaHei",Verdana; font-size: 12px; }
div#pagination a,
div#pagination span { display: block; float: left; height: 20px; margin: 2px 0 0 -1px; padding: 4px 12px; text-decoration: none; color: #333; border: 1px solid #e1e1e1; background: #fff; line-height: 20px; }
div#pagination span:first-child { border-left: 1px solid #e1e1e1; }
div#pagination a:hover { color: #666; background: #eee; }
div#pagination span.current { color: #fff; border-color: #00b852; background: #00b852; }
div#pagination span.disabled { color: #999; background: #fff; }
/*上下篇*/
.content li.post-prev,
.content li.post-next { margin: 0; padding: 0; list-style: none; }
.content li.post-prev a,
.content li.post-next a { display: inline-block; width: 100%; height: 60px; color: #57bc4c; line-height: 60px; }
.content li.post-prev a:hover,
.content li.post-next a:hover { color: #fff; }
/*contactbox*/
.contactbox { width: 100%; border-radius: 135px; background: #f9f9f9; box-shadow: 0 18px 25px rgba(0, 0, 0, 0.08); }


.contactbox img { width: 140px; height: 140px; }

.contactbox .table-container { width: 90%; overflow-y: auto; _overflow: auto; margin: 1em 0; margin: 0 auto; }

.contactbox .table-container table { width: 96%; margin: 0; padding: 0; border-collapse: collapse; border-spacing: 0; margin: 0 auto; }
.contactbox .table-container table tr { padding: 5px; text-transform: uppercase; }
.contactbox .table-container table th, .contactbox .table-container table td { padding: 10px; text-align: left; text-transform: uppercase; }
.contactbox .table-container table th { text-transform: uppercase; font-size: 14px; letter-spacing: 1px; }
.contactbox .table-container table p { line-height: 24px; padding: 2px 10px; }


/*prodetails*/
.prodetailsinfo .prodetailstit { padding: 25px 0; color: #444; border-bottom: 1px solid #eee; font-size: 22px; line-height: 20px; font-weight: bold; }
.prodetailsinfo .prodetailscontent { margin-top: 4px; padding-top: 20px; color: #4c4c4c; font-size: 13px; line-height: 24px; }

/*.prodetailsinfo .prodetailscontent table { width: 730px; margin-bottom: 10px; border: 1px solid #999; border-collapse: collapse; line-height: 1.2; }
.prodetailsinfo .prodetailscontent table thead th { padding: 5px 2px; text-align: center; border: 1px solid #999; background: #ddeffe; }
.prodetailsinfo .prodetailscontent table tbody th { padding: 5px 2px; text-align: left; border: 1px solid #999; background: #ddeffe; }
.prodetailsinfo .prodetailscontent table tbody td { padding: 5px 8px; text-align: center; color: #4c4c4c; border: 1px solid #999; }*/


.prodetailsinfo .prodetailscontent table { border: 1px solid #ccc; width: 98%; margin: 0; padding: 0; border-collapse: collapse; border-spacing: 0; margin: 0 auto; }
.prodetailsinfo .prodetailscontent table tr { border: 1px solid #ddd; padding: 5px; }
.prodetailsinfo .prodetailscontent table th, .prodetailsinfo .prodetailscontent table td { padding: 3px; text-align: left; border: 1px solid #ccc; }
.prodetailsinfo .prodetailscontent table th { text-transform: uppercase; font-size: 14px; letter-spacing: 1px; }

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

    .prodetailsinfo .prodetailscontent table { border: 0; }

    .prodetailsinfo .prodetailscontent table thead { display: none; }

    .prodetailsinfo .prodetailscontent table tr { margin-bottom: 10px; display: block; border-bottom: 2px solid #ddd; }

    .prodetailsinfo .prodetailscontent table td { display: block; text-align: right; font-size: 13px; border-bottom: 1px dotted #ccc; }

    .prodetailsinfo .prodetailscontent table td:last-child { border-bottom: 0; }

    .prodetailsinfo .prodetailscontent table td:before { content: attr(data-label); float: left; text-transform: uppercase; font-weight: bold; }
}





#nyprobanner { height: 200px; background: #01499e; }
#nyprobanner .nyprobannerbox { min-width: 1200px; max-width: 68%; margin: 0 auto; padding-top: 52px; }
#nyprobanner .nyprobannerbox h3 { text-align: center; letter-spacing: 5px; color: #fff; font-size: 40px; font-weight: normal; }
#nyprobanner .nyprobannerbox h4 { text-align: center; letter-spacing: 5px; color: #fff; font-size: 32px; font-weight: normal; }
/*projectdetailsbox*/
#projectdetailsbox .content_wrapper p { font-size: 20px; line-height: 2em; }
/*companydetailsbox*/
#companydetailsbox .content_wrapper p { font-size: 16px; line-height: 2em; }
#companydetailsbox .content_wrapper table { font-size: 16px; line-height: 2em; margin: 0 auto; }
#companydetailsbox .content_wrapper table td { padding: 5px 8px; }
/*servicedetailsbox*/
#servicedetailsbox .postbody p img { width: 100%; max-width: 1200px; }

/*project_new*/
.fl_right { float: right; }
.fl_left { float: left; }
.mainbox { width: 100%; margin: 50px auto; }
.mainbox .project_content_box_1,
.mainbox .project_content_box_2,
.mainbox .project_content_box_3,
.mainbox .project_content_box_4,
.mainbox .project_content_box_5,
.mainbox .project_content_box_6,
.mainbox .project_content_box_7,
.mainbox .project_content_box_8 { width: 1200px; height: 800px; margin: 10px auto; overflow: hidden; }
/*公共*/
.project_txt_content_box p { font-size: 16px; line-height: 2.4em; }
.project_img_content_box img { width: 480px; height: 300px; }
.project_txt_content_box h4 { font-size: 24px; font-weight: bold; color: #2972f9; line-height: 48px; margin-bottom: 15px; }
.project_txt_content_box h4 span.en_tit { color: #525050; font-family: Arial,sans-serif; font-weight: normal; font-size: 18px; }
/*第一行*/
/*左侧图片*/
.mainbox .project_content_box_1 .project_content_box_1_left { width: 550px; height: 800px; position: relative; }
.mainbox .project_content_box_1 .project_content_box_1_left .project_img_content_box { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
/*右侧文字*/
.mainbox .project_content_box_1 .project_content_box_1_right { width: 600px; height: 800px; display: table; }
.mainbox .project_content_box_1 .project_content_box_1_right .project_txt_content_box { display: table-cell; vertical-align: middle; padding-left: 5px; padding-right: 5px; }
/*第二行*/
/*左侧文字*/
.mainbox .project_content_box_2 .project_content_box_2_left { width: 600px; height: 800px; display: table; }
.mainbox .project_content_box_2 .project_content_box_2_left .project_txt_content_box { display: table-cell; vertical-align: middle; padding-left: 5px; padding-left: 5px; }
/*右侧图片*/
.mainbox .project_content_box_2 .project_content_box_2_right { width: 550px; height: 800px; position: relative; }
.mainbox .project_content_box_2 .project_content_box_2_right .project_img_content_box { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
/*第三行*/
/*左侧图片*/
.mainbox .project_content_box_3 .project_content_box_3_left { width: 550px; height: 800px; position: relative; }
.mainbox .project_content_box_3 .project_content_box_3_left .project_img_content_box { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
/*右侧文字*/
.mainbox .project_content_box_3 .project_content_box_3_right { width: 600px; height: 800px; display: table; }
.mainbox .project_content_box_3 .project_content_box_3_right .project_txt_content_box { display: table-cell; vertical-align: middle; padding-left: 5px; padding-right: 5px; }
/*第四行*/
/*左侧文字*/
.mainbox .project_content_box_4 .project_content_box_4_left { width: 600px; height: 800px; display: table; }
.mainbox .project_content_box_4 .project_content_box_4_left .project_txt_content_box { display: table-cell; vertical-align: middle; padding-left: 5px; padding-left: 5px; }
/*右侧图片*/
.mainbox .project_content_box_4 .project_content_box_4_right { width: 550px; height: 800px; position: relative; }
.mainbox .project_content_box_4 .project_content_box_4_right .project_img_content_box { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
/*第五行*/
/*左侧图片*/
.mainbox .project_content_box_5 .project_content_box_5_left { width: 550px; height: 800px; position: relative; }
.mainbox .project_content_box_5 .project_content_box_5_left .project_img_content_box { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
/*右侧文字*/
.mainbox .project_content_box_5 .project_content_box_5_right { width: 600px; height: 800px; display: table; }
.mainbox .project_content_box_5 .project_content_box_5_right .project_txt_content_box { display: table-cell; vertical-align: middle; padding-left: 5px; padding-right: 5px; }
/*第六行*/
/*左侧文字*/
.mainbox .project_content_box_6 .project_content_box_6_left { width: 600px; height: 800px; display: table; }
.mainbox .project_content_box_6 .project_content_box_6_left .project_txt_content_box { display: table-cell; vertical-align: middle; padding-left: 5px; padding-left: 5px; }
/*右侧图片*/
.mainbox .project_content_box_6 .project_content_box_6_right { width: 550px; height: 800px; position: relative; }
.mainbox .project_content_box_6 .project_content_box_6_right .project_img_content_box { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
/*第七行*/
/*左侧图片*/
.mainbox .project_content_box_7 .project_content_box_7_left { width: 550px; height: 800px; position: relative; }
.mainbox .project_content_box_7 .project_content_box_7_left .project_img_content_box { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
/*右侧文字*/
.mainbox .project_content_box_7 .project_content_box_7_right { width: 600px; height: 800px; display: table; }
.mainbox .project_content_box_7 .project_content_box_7_right .project_txt_content_box { display: table-cell; vertical-align: middle; padding-left: 5px; padding-right: 5px; }
/*第八行*/
/*左侧文字*/
.mainbox .project_content_box_8 .project_content_box_8_left { width: 600px; height: 800px; display: table; }
.mainbox .project_content_box_8 .project_content_box_8_left .project_txt_content_box { display: table-cell; vertical-align: middle; padding-left: 5px; padding-left: 5px; }
/*右侧图片*/
.mainbox .project_content_box_8 .project_content_box_8_right { width: 550px; height: 800px; position: relative; }
.mainbox .project_content_box_8 .project_content_box_8_right .project_img_content_box { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }