.container_header { float: left } body #navWrapper .content .nav>.navitem>a { font-size: 14px } body #header .wrapper { box-shadow: 0 2px 6px rgba(0, 0, 0, .1) } body #navWrapper .content .nav>.navitem>a { line-height: calc(70px - 3px); border-bottom: 3px solid transparent } body #navWrapper .content .nav>.navitem>a.active { border-bottom: 3px solid #15ab47 } body #hcontact p .telNum { color: #15ab47 } body .ff_indexPage .module { padding-top: 50px; padding-bottom: 0 } body #indexPage .mcounter { padding: 0 } body #indexPage .mcounter #counterBgdx { background-color: #f8f8f8 } body #navWrapper .content .nav>.navitem>a { position: relative } body #navWrapper .content .nav>.navitem>a::after { transition: all .36s ease; content: ''; position: absolute; width: 1px; height: 12px; background-color: rgba(170, 170, 170, .2); top: 28px; right: 0 } body #header.mini #navWrapper .content .nav>.navitem>a::after { top: 26px } body #navWrapper .content .nav>.navitem>a { padding: 0 24px } body .searchGroup .searchFormGroup .searchSub { padding: 0 32px } body #search-header { margin-right: 74px } body .searchGroup .searchFormGroup input { width: 272px } .mlist .container_content .content_list .item_des { margin-top: 16px } .ff_indexPage .mlist .content_wrapper .more { display: none } .ff_indexPage .mlist .content_wrapper { padding-top: 34px } a.active { color: #15ab47 } #indexPage .service .container_content .content_wrapper .content_list .item_block .item_box .item_wrapper, .project.mlistpost .content_list .item_block .item_box .item_wrapper, .service .content_list .item_block .item_box .item_wrapper { padding: 26px 0 0 } .npagePage .mlist.type04 .content_list .details { margin: 26px 0; display: none } .npagePage .news .mlist.type04 .content_list .details { display: none } .mcustomize.tril .container_content .contentbody .wrapper .header .title { font-size: 18px; text-align: left; display: inline-block; margin-right: 30px; line-height: normal } .mcustomize.tril .container_content .contentbody .wrapper .header .subtitle { line-height: 26px; font-size: 12px; text-align: left; display: inline-block } .mcustomize.tril .container_content .contentbody .wrapper .header .subtitle:after { content: ''; display: block; margin-top: -7px; width: 10px; height: 1px; background-color: rgba(170, 170, 170, .2); margin-left: -21px } .mcustomize.tril .container_content .contentbody .wrapper { padding-top: 0 } #indexPage .mlist .module_container .container_category .ff_more { display: none!important } #topSlider .owl-nav .owl-next, #topSlider .owl-nav .owl-prev { width: 40px; height: 40px; border-radius: 0; margin: 0 20px; background: rgba(0, 0, 0, .4) } #topSlider .owl-nav .owl-next:hover, #topSlider .owl-nav .owl-prev:hover { background-color: #15ab47 } #topSlider .owl-nav .owl-next:hover .iconfont, #topSlider .owl-nav .owl-prev:hover .iconfont { color: #fff } .ff_sitecontent .ff_indexPage .module .module_container { padding-bottom: 50px; border-bottom: 1px dotted #d3d3d3 } .npagePage .ff_pageTarget { margin: 0; background-color: transparent } .ff_pageTarget .container_target { text-align: right; color: #999 } .ff_pageTarget .container_target a { color: #999 } .ff_pageTarget .fa-angle-right { color: #d2d2d2; padding: 0 12px } .ff_sitecontent .mcounter.module .module_container { padding: 0 } .ff_indexPage .team .item_block, .npagePage:not(.post) .team .item_block { width: calc(100% / 4 - 30px); margin-right: 30px } .ff_indexPage .team .content_wrapper, .npagePage:not(.post) .team .content_wrapper { margin-right: -30px } .mlist:not(.imagelink) .content_list .item_info .subtitle { color: #bfbfbf; font-size: 13px; line-height: 18px } .project.mlist .content_list .item_wrapper>.date_wrap { display: none } #indexPage .news .container_content .content_wrapper .content_list .item_block .item_tags { display: none } .mcustomize.tlir .container_content .contentbody .wrapper .description, .mcustomize.tril .container_content .contentbody .wrapper .description { max-width: 540px } .mcustomize.tlir .container_content .mediabody .image, .mcustomize.tril .container_content .mediabody .image { width: 570px; height: 343px } .mcustomize.tlir .container_content .contentbody .wrapper .header, .mcustomize.tril .container_content .contentbody .wrapper .header { top: 30px } .mcustomize.tril .contentbody { margin-top: 30px } #indexPage .mcounter .module_container .content_list li p.number .counterDX { color: #15ab47 } #indexPage .mcounter .module_container .content_list li .title { font-size: 14px } .item_tags { display: none } .npagePage .container_category { text-align: left } .team .content_list .item_block .item_box .item_wrapper .item_info .date_wrap { display: none } .container_category { padding: 0; text-align: right } .container_category>a { position: relative; margin: 0; border: none; font-size: 13px } .container_category>a.active, .container_category>a:hover { color: #15ab47; background-color: transparent; border: none } .container_category>a::after { content: ''; position: absolute; width: 1px; height: 12px; background-color: rgba(170, 170, 170, .2); top: 9px; right: 0 } .container_category>a:last-child::after { display: none } .npagePage .container_category>a { padding: 0 40px 0 0 } .npagePage .container_category>a::after { right: 20px } .npagePage .container_category { margin-top: 30px } .ff_indexPage .mlist .container_header .title { margin-right: 30px } .container_header .title { font-size: 18px } #indexPage .mlist .container_header .title { text-align: left } .container_header .subtitle { font-size: 12px; text-align: left; display: inline-block } #indexPage .mlist .container_header .subtitle { text-align: left } .container_header .subtitle:after { content: ''; display: block; margin-top: -7px; width: 10px; height: 1px; background-color: rgba(170, 170, 170, .2); margin-left: -21px } .mlist .container_content .content_list .item_info .title { line-height: 28px } .mlist:not(.imagelink) .content_list .item_block:hover .item_box .item_wrapper .item_info .title { color: #15ab47 } .post.ff_postPage .team .content_list .item_block:hover .item_box .item_wrapper { border: 1px solid #15ab47 } .container_content .content_list .item_des .description { font-size: 12px; line-height: 22px; height: auto } .service .container_content .content_list .date_wrap, .service .container_content .content_list .item_block .details, .service .container_content .content_list .item_block .item_tags, .service .container_content .content_list .item_info .subtitle { display: none } .service .container_content .content_wrapper .content_list .item_block { border: none } #indexPage .news .item_block, #indexPage .project .item_block, .npagePage:not(.post) .news .item_block, .npagePage:not(.post) .project .item_block { margin-bottom: 30px } #indexPage .service .item_block, #indexPage .team .item_block, .npagePage:not(.post) .service .item_block, .npagePage:not(.post) .team .item_block { margin-bottom: 30px } .mlist.team .content_list .item_des .description { height: 64px } .mlist.team .content_list .item_block:hover .item_box .item_wrapper .item_des .description, .mlist.team .content_list .item_block:hover .item_box .item_wrapper .item_info .subtitle, .mlist.team .content_list .item_block:hover .item_box .item_wrapper .item_info .title { color: #fff } .ff_indexPage .team_tabs .tab_content .content_list .item_block .details { display: none } .mlist.team .content_list .details { margin: 0; height: 40px; line-height: 40px; width: calc(100% - 62px) } .mlist.team .content_list .item_info .subtitle { font-size: 12px; position: relative; top: 5px } .team .container_content .content_list .item_info .title { float: left; margin-right: 10px } .team .content_list .item_block .item_box .item_wrapper { background-color: #f8f8f8; border: 1px solid #f8f8f8; padding: 30px 20px } .ff_postPage .team .content_list .item_block .item_box .item_wrapper { padding: 20px } .ff_postPage .team.mlistpost .listContent_post .item_block { margin-bottom: 10px } .team .content_list .item_block:hover .item_box .item_wrapper { background-color: #15ab47; border: 1px solid #15ab47 } .team .container_content .content_list .item_des { margin-top: 20px } .mlist:not(.imagelink) .content_list .item_des .description { font-size: 12px; line-height: 22px; height: 44px } .mlist.news .content_list .date_wrap .d { font-size: 50px; color: #15ab47; position: relative; left: -54px; top: -18px } .mlist.news .content_list .date_wrap { color: #b1b1b1; position: relative; left: -80px } .news .content_list .item_block .item_wrapper { width: calc(100% - 362px); padding: 10px 20px } .news .container_content .content_list .item_des { margin-top: -30px } .mlist:not(.imagelink) .content_list .item_block { border: none } body #navWrapper .content .nav>.navitem:nth-last-child(2)>a::after { display: none } .imagelink .owl-dots .owl-dot span, .mlist .owl-dots .owl-dot span { width: 4px; height: 4px; border-radius: 0; background-color: #c7c7c7; border-color: #c7c7c7 } .ff_indexPage .mlist .content_wrapper .more:hover, .imagelink .owl-dots .owl-dot.active span, .imagelink .owl-dots .owl-dot:hover span, .mlist .owl-dots .owl-dot.active span, .mlist .owl-dots .owl-dot:hover span, .mlist:not(.imagelink) .content_list .item_block:hover .details { background-color: #15ab47; border-color: #15ab47 } .mlist.team .content_list .item_block:hover .details { background-color: #fff; border: 1px solid #15ab47; color: #15ab47 } .mlist .owl-nav .owl-next:hover, .mlist .owl-nav .owl-prev:hover { background-color: #15ab47 } .mlist .owl-nav .owl-next, .mlist .owl-nav .owl-prev { width: 30px; height: 30px } .mlist.imagelink .owl-nav .owl-next, .mlist.imagelink .owl-nav .owl-prev { top: 100%; transform: translateY(-100%) } .mlist .owl-nav .owl-prev { left: -30px } .mlist .owl-nav .owl-next { right: -30px } .ff_indexPage .team_tabs .tab_content .content_list .item_wrappe, .ff_pageList .news .content_list .item_wrapper, .news.mlistpost .content_list .item_wrapper, .project.mlist .content_list .item_wrapper, .team.mlistpost .content_list .item_wrapper { padding: 0 20px } .project.mlist .content_list .item_block .details { position: relative; bottom: 0; right: 0 } .project.mlist .content_list .details { margin: 20px 30px } #indexPage .mlist:not(.imagelink):not(.team_tabs) .owl-theme .owl-nav { bottom: 0; top: auto } #indexPage .mlist:not(.imagelink):not(.team_tabs) .owl-nav [class*=owl-] { right: 30px; left: auto; line-height: 30px } #indexPage .mlist:not(.imagelink):not(.team_tabs) .owl-nav .owl-next { right: 0 } #indexPage .mlist:not(.imagelink):not(.team_tabs) .owl-dots { right: 70px; bottom: -10px; left: auto } .project.mlist .container_content .content_wrapper>.more { display: none } .ff_indexPage .news .container_content .content_list .item_des, .ff_indexPage .news.ff_noSlider .container_content .content_wrapper>.more, .ff_indexPage .news.mlist .content_list .item_block .details, .ff_indexPage .news.mlist .content_list .item_block_0 .item_wrapper .item_info .date_wrap i:nth-child(4), .ff_indexPage .news.mlist .content_list .item_img, .ff_indexPage .news.mlist .content_list .item_info .subtitle { display: none } .ff_indexPage .news.mlist .content_list .item_wrapper .date_wrap { display: none; opacity: 1!important } .ff_indexPage .news.mlist .content_list .item_wrapper .item_info .date_wrap { display: block; float: left; width: 90px; position: initial; line-height: 39px; left: auto } .ff_indexPage .mlist.news .content_list .date_wrap .d { color: #b1b1b1; font-size: 13px; line-height: 26px; position: initial; left: auto; transition: all .36s ease; top: auto } .ff_indexPage .news.mlist .content_list .item_wrapper .title { float: left; width: 240px; font-size: 12px; color: #999; line-height: 39px } .ff_indexPage .news.mlist .content_list .item_block { width: 330px; float: left; border-bottom: 1px dotted #ccc } .ff_indexPage .news.mlist .content_list .item_block_0 { width: calc(100% - 330px) } .ff_indexPage .news.mlist .content_list .item_wrapper { padding: 0; width: 100% } #indexPage .news .item_block { margin: 0 } .ff_indexPage .news.mlist .content_list .item_block_0 { border: 0 } .ff_indexPage .news.mlist .content_list .item_block_0 .date_wrap .d { font-size: 50px; color: #15ab47; position: relative; left: -54px; top: -18px } .ff_indexPage .news.mlist .content_list .item_block_0 .item_wrapper .item_info .date_wrap { color: #b1b1b1; position: absolute; left: -80px; top: 40px; line-height: initial; width: auto; float: initial } .ff_indexPage .news.mlist .content_list .item_block_0 .item_wrapper .item_info .title { font-size: 16px; color: #333 } .ff_indexPage .news.ff_noSlider .content_list .item_block_0 .item_wrapper { padding: 0; width: 360px; float: left; margin-left: 120px; position: relative } .ff_indexPage .news.ff_noSlider .content_list .item_block_0 .item_wrapper .item_des { display: block; margin-top: 5px } .ff_indexPage .news.mlist .content_list .item_block_0 .item_wrapper .title { float: initial } .ff_indexPage .news.mlist .content_list .item_block_0 .details { display: block; left: 390px; right: auto } .ff_indexPage .mlist.news .content_list .item_block:hover .date_wrap .d { color: #868585 } .ff_indexPage .mlist.news .content_list .item_block_0:hover .date_wrap .d { color: #15ab47 } .ff_indexPage .news.ff_noSlider .content_list .item_block .details { bottom: 0 } .mlist:not(.imagelink) .content_list .details { font-size: 12px; padding: 0 30px } #mcontact { background: #fff } #mcontact .container_header .title { display: inline-block; margin-right: 30px; color: #454545 } #mcontact .contactform { float: left } #mcontact .contactinfo { float: right } #mcontact .contactform .inputtxt { width: 530px; border: 1px solid #ececec; height: 18px; line-height: 38px; color: #333 } #mcontact .contactinfo .contact_name { color: #333 } #mcontact .contactform .inputtxt.submit { background-color: #15ab47 } #mcontact .contactform .inputtxt:focus { border-color: #15ab47 } .ff_indexPage .team_tabs .tab_content .content_list .item_wrapper .item_info { display: none } #indexPage .mlist.team_tabs .content_list .item_des .description { height: 108px } #indexPage .mlist.team_tabs .content_list .item_des { margin-top: 0 } .ff_indexPage .team_tabs .tab_content .content_list .item_wrapper>.date_wrap { display: none } #banner div { height: 240px } .ff_indexPage .team_tabs.mlist .tab_button .item_block .item_info .subtitle, .ff_indexPage .team_tabs.mlist .tab_button .item_block .item_info .title { margin: 0 20px } .ff_indexPage .team_tabs .tab_content .content_list .item_wrapper { padding: 20px 0 20px 20px } .mCSB_scrollTools .mCSB_draggerRail { background-color: #ededed } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #15ab47; border-radius: 0 } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #454545 } .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #454545 } .ff_postPage .news.mlistpost .module_container, .ff_postPage .team.mlistpost .module_container { max-width: 1170px } .pageEditor .container_header .subtitle, .pageEditor .container_header .title { text-align: left; display: inline-block; margin-right: 30px } .project.mlistpost .listContent_post .item_block, .service.mlistpost .listContent_post .item_block { width: calc(100% / 4 - 30px); margin-right: 30px } .project.mlistpost .listContent_post .content_wrapper, .service.mlistpost .listContent_post .content_wrapper { margin-right: -30px } .ff_sitecontent .ff_pageTarget .module_container { border-bottom: 1px dotted #d3d3d3; padding: 4px } .imagelink .content_wrapper { padding-top: 0 } .ff_postPage .news.mlistpost, .ff_postPage .team.mlistpost { max-width: 1170px; margin: 0 auto; padding: 0 } #pages { padding: 20px 0 } .postContent { padding-top: 0 } .postInfo .usetdate { display: none } .news .postInfo .usetdate { display: block; color: #999 } .project.mlistpost .postContent { padding: 0; margin: 0; max-width: 100% } .project.mlistpost .postInfo .description { display: none } .postbody { margin-bottom: 50px } .postInfo .description { display: none } .postInfo .title { font-size: 22px; line-height: 32px } .postInfo { display: none } .ff_postPage .project .postInfo, .ff_postPage .service .postInfo { display: block } .project.mlistpost .postInfo, .service.mlistpost .postInfo { padding-bottom: 30px } .ff_sitecontent .postInfo .news.mlistpost .content_list .item_wrapper { padding: 0 } .ff_postPage .news.mlistpost .postContent .postInfo, .ff_postPage .team.mlistpost .postContent .postInfo { display: block; padding-bottom: 30px } .ff_postPage .news.mlistpost .listContent_post, .ff_postPage .team.mlistpost .listContent_post { border-top: none } .owl-theme .owl-dots .owl-dot span { border-radius: 0 } .ff_indexPage .team_tabs .tab_content .content_list .item_img { width: 262px } .npagePage #mcontact .contactlist { padding-top: 0 } .ff_sitecontent #mcontact .module_container { padding-top: 0 } .ff_sitecontent #mcontact .container_content { padding-top: 0 } .imagelink .item_block { width: calc(100% / 5 - 14px) } .ff_pageList .news .content_list .item_wrapper>.date_wrap { opacity: 1!important } .ff_pageList .news .content_list .item_block .details { right: auto; left: 360px; bottom: 0; margin-bottom: 30px } .ff_pageList .mlist.news .container_content .content_list .item_info .title { line-height: 40px } .npagePage:not(.post) .news .item_block { margin-bottom: 30px; border-bottom: 1px solid rgba(170, 170, 170, .2); padding-bottom: 30px } .ff_pageList .mlist.news .content_list .date_wrap i:nth-child(4) { display: none } .ff_postPage .news.mlistpost .postContent, .ff_postPage .team.mlistpost .postContent { float: left; width: calc(100% - 400px) } .ff_postPage .news.mlistpost .listWrap, .ff_postPage .team.mlistpost .listWrap { float: right; width: 400px } .ff_postPage .news.mlistpost .listWrap, .ff_postPage .team.mlistpost .listWrap { padding: 0 0 0 50px } .post.ff_postPage .news.mlistpost .content_list .item_wrapper { padding: 0 } .post.ff_postPage .news .container_content .content_list .item_des { margin-top: 12px } .post.ff_postPage .news .listContent_post h3 { padding: 10px 0 30px 0 } .post.ff_postPage .news.mlistpost .content_list .item_wrapper>.date_wrap { opacity: 1!important } .post.ff_postPage .news .item_tags { display: block } .post.ff_postPage .news .mlist:not(.imagelink) .content_list .item_block .item_tags { padding: 20px 0; border-bottom: 1px solid rgba(170, 170, 170, .2); border-top: 0 solid transparent } .news.mlistpost .tabBtn .post-next:hover:not(.empty) .img-wrap, .news.mlistpost .tabBtn .post-prev:hover:not(.empty) .img-wrap, .service.mlistpost .tabBtn .post-next:hover:not(.empty) .img-wrap, .service.mlistpost .tabBtn .post-prev:hover:not(.empty) .img-wrap, .team.mlistpost .tabBtn .post-next:hover:not(.empty) .img-wrap, .team.mlistpost .tabBtn .post-prev:hover:not(.empty) .img-wrap { opacity: 0 } .post.ff_postPage .news .item_tags { border-bottom: 1px solid rgba(170, 170, 170, .2); padding-bottom: 30px } .post.ff_postPage .team .content_list .item_block .item_box .item_wrapper { background-color: #fff; border: 1px solid #f4f4f4 } .post.ff_postPage .team .container_content .content_list .item_info .title { float: none } .listContent_post>.item_tags { display: block } body #header.mini #search-nav, body #search-header { display: block; opacity: 1 } body #header.mini #search-header, body #search-nav { opacity: 0 } .project.mlist .content_list .item_block .details { margin: 20px 30px } .ff_pageList .news .content_list .item_block .details { left: 380px } .news.mlistpost .tabBtn .post-next:hover:not(.empty) .details, .news.mlistpost .tabBtn .post-prev:hover:not(.empty) .details, .service.mlistpost .tabBtn .post-next:hover:not(.empty) .details, .service.mlistpost .tabBtn .post-prev:hover:not(.empty) .details, .team.mlistpost .tabBtn .post-next:hover:not(.empty) .details, .team.mlistpost .tabBtn .post-prev:hover:not(.empty) .details { border-color: rgba(255, 255, 255, .2) } .ff_indexPage .team_tabs.mlist .tab_content .content_list { background-color: #fff } .ff_indexPage .team_tabs.mlist { background: #fff; } #footer { background: #fff; } body { background: #fff; } #indexPage .news .item_block:nth-child(5) ~ .item_block { width: 330px; margin-right: 97px; margin-top: 30px; } #indexPage .news .item_block:nth-child(5) ~ .item_block:nth-child(3n + 5) { margin-right: 0px } #indexPage .news .item_block:nth-child(8) ~ .item_block { margin-top: 6px }