/* 织梦97(dede97.com)做最好的织梦整站模板下载网站 */ @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, .team .content_list .item_block .item_box .item_wrapper, .ff_indexPage .news .content_list .item_block .item_box .item_wrapper, .ff_pageList .news .content_list .item_block .item_box .item_wrapper, .project.mlistpost .tabBtn .post-prev .img-wrap, .project.mlistpost .tabBtn .post-next .img-wrap, .project.mlistpost .tabBtn .post-prev .infor-wrap, .project.mlistpost .tabBtn .post-next .infor-wrap, .postSlider .tab_button .item_img img, body #header, body #headTop #logo img, .ff_indexPage .mlist .content_wrapper .more, .imagelink .content_list .item_block .item_box { transition: all 0.36s ease; } .item_tags > a, .container_category > a { border: 1px solid rgba(170, 170, 170, 0.2); color: #828282; background-color: transparent; } .item_tags > a:hover, .container_category > a:hover, .item_tags > a.active, .container_category > a.active { border-color: #ffce0f; background-color: #ffce0f; color: #fff; } canvas { display: none; } .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; background: rgba(0, 0, 0, 0.2); margin: 0; padding: 0; border-radius: 0; } .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 { 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: 20px; } .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: #ffce0f; } .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 { height: 0; top: 50%; transform: translateY(calc(-50%)); left: auto; position: absolute; width: 100px; margin: 0; } .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 { background: #ffce0f; border: 1px solid #ffce0f; } .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; } .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, .team .content_list .item_block .item_box .item_wrapper, .ff_indexPage .news .content_list .item_block .item_box .item_wrapper, .ff_pageList .news .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, .team .content_list .item_block .item_box .item_wrapper > .date_wrap, .ff_indexPage .news .content_list .item_block .item_box .item_wrapper > .date_wrap, .ff_pageList .news .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, .team .content_list .item_block .item_box .item_wrapper .item_info .date_wrap, .ff_indexPage .news .content_list .item_block .item_box .item_wrapper .item_info .date_wrap, .ff_pageList .news .content_list .item_block .item_box .item_wrapper .item_info .date_wrap { 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, .team .container_content .content_wrapper .more_wrap .more, .ff_indexPage .news .container_content .content_wrapper .more_wrap .more, .ff_pageList .news .container_content .content_wrapper .more_wrap .more { display: none; } .team.mlistpost .content_list .item_img, .news.mlistpost .content_list .item_img { width: 270px; float: left; } .team.mlistpost .content_list .item_wrapper, .news.mlistpost .content_list .item_wrapper { float: right; padding: 20px; width: calc(100% - 280px); box-sizing: border-box; } .team.mlistpost .content_list .item_wrapper .date_wrap, .news.mlistpost .content_list .item_wrapper .date_wrap { display: none; } .team.mlistpost .content_list .item_wrapper > .date_wrap, .news.mlistpost .content_list .item_wrapper > .date_wrap { display: block; } .team.mlistpost .content_list .item_block .details, .news.mlistpost .content_list .item_block .details { position: absolute; bottom: 12px; right: 20px; } .team.mlistpost .content_list .details, .news.mlistpost .content_list .details { margin: 0; } .team.mlistpost .container_content .content_wrapper .more_wrap, .news.mlistpost .container_content .content_wrapper .more_wrap { display: none; } .team.mlistpost .container_content .content_wrapper > .more, .news.mlistpost .container_content .content_wrapper > .more { display: block; } .mcustomize .wrapper .header { padding-bottom: 50px; } .mcustomize .wrapper .header .title { font-size: 24px; line-height: 30px; color: #555; } .mcustomize .wrapper .header .subtitle { font-size: 14px; color: #bbb; line-height: 26px; } .mcustomize .wrapper .description { font-size: 13px; line-height: 26px; color: #999; } .mcustomize.tlir .container_content .contentbody .wrapper .description a, .mcustomize.tril .container_content .contentbody .wrapper .description a { transition: all 0.36s ease; border: 1px solid rgba(170, 170, 170, 0.2); display: inline-block; font-size: 14px; line-height: 30px; color: #999; padding: 5px 40px; margin-bottom: 20px; } .mcustomize.tlir .container_content .contentbody .wrapper .description a:hover, .mcustomize.tril .container_content .contentbody .wrapper .description a:hover { background: #ffce0f; color: #fff; border-color: #ffce0f; } .npagePage .ff_pageTarget { background-color: #fff; margin-top: 40px; } .npagePage .ff_pageTarget .container_category { float: right; padding-top: 0px; } .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, .team.mlistpost .tabBtn::after, .news.mlistpost .tabBtn::after { content: ""; display: block; clear: both; } .service.mlistpost .tabBtn .post-prev, .team.mlistpost .tabBtn .post-prev, .news.mlistpost .tabBtn .post-prev, .service.mlistpost .tabBtn .post-next, .team.mlistpost .tabBtn .post-next, .news.mlistpost .tabBtn .post-next { transition: all 0.36s ease; position: relative; width: 50%; height: 120px; overflow: hidden; float: left; padding: 10px; box-sizing: border-box; background: #f5f5f5; } .service.mlistpost .tabBtn .post-prev:not(.empty):hover, .team.mlistpost .tabBtn .post-prev:not(.empty):hover, .news.mlistpost .tabBtn .post-prev:not(.empty):hover, .service.mlistpost .tabBtn .post-next:not(.empty):hover, .team.mlistpost .tabBtn .post-next:not(.empty):hover, .news.mlistpost .tabBtn .post-next:not(.empty):hover { background: #ffce0f; } .service.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, .service.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 { color: #fff; } .service.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, .service.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 { color: #a0a6bc; } .service.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, .service.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 { opacity: 1; } .service.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, .service.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 { border-color: rgba(229, 229, 229, 0.4); } .service.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, .service.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 { color: #fff; } .service.mlistpost .tabBtn .post-prev.empty, .team.mlistpost .tabBtn .post-prev.empty, .news.mlistpost .tabBtn .post-prev.empty, .service.mlistpost .tabBtn .post-next.empty, .team.mlistpost .tabBtn .post-next.empty, .news.mlistpost .tabBtn .post-next.empty { cursor: default; background-color: #f8f8f8; } .service.mlistpost .tabBtn .post-prev.empty .details, .team.mlistpost .tabBtn .post-prev.empty .details, .news.mlistpost .tabBtn .post-prev.empty .details, .service.mlistpost .tabBtn .post-next.empty .details, .team.mlistpost .tabBtn .post-next.empty .details, .news.mlistpost .tabBtn .post-next.empty .details { display: none; } .service.mlistpost .tabBtn .post-prev .img-wrap, .team.mlistpost .tabBtn .post-prev .img-wrap, .news.mlistpost .tabBtn .post-prev .img-wrap, .service.mlistpost .tabBtn .post-next .img-wrap, .team.mlistpost .tabBtn .post-next .img-wrap, .news.mlistpost .tabBtn .post-next .img-wrap { transition: all 0.36s ease; opacity: 0; width: 80px; height: auto; position: absolute; top: 50%; transform: translateY(-50%); } .service.mlistpost .tabBtn .post-prev .img-wrap img, .team.mlistpost .tabBtn .post-prev .img-wrap img, .news.mlistpost .tabBtn .post-prev .img-wrap img, .service.mlistpost .tabBtn .post-next .img-wrap img, .team.mlistpost .tabBtn .post-next .img-wrap img, .news.mlistpost .tabBtn .post-next .img-wrap img { width: 100%; } .service.mlistpost .tabBtn .post-prev .img-wrap div, .team.mlistpost .tabBtn .post-prev .img-wrap div, .news.mlistpost .tabBtn .post-prev .img-wrap div, .service.mlistpost .tabBtn .post-next .img-wrap div, .team.mlistpost .tabBtn .post-next .img-wrap div, .news.mlistpost .tabBtn .post-next .img-wrap div { display: none; } .service.mlistpost .tabBtn .post-prev .details, .team.mlistpost .tabBtn .post-prev .details, .news.mlistpost .tabBtn .post-prev .details, .service.mlistpost .tabBtn .post-next .details, .team.mlistpost .tabBtn .post-next .details, .news.mlistpost .tabBtn .post-next .details { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 16px; color: transparent; overflow: hidden; } .service.mlistpost .tabBtn .post-prev .infor-wrap, .team.mlistpost .tabBtn .post-prev .infor-wrap, .news.mlistpost .tabBtn .post-prev .infor-wrap, .service.mlistpost .tabBtn .post-next .infor-wrap, .team.mlistpost .tabBtn .post-next .infor-wrap, .news.mlistpost .tabBtn .post-next .infor-wrap { width: 250px; } .service.mlistpost .tabBtn .post-prev .infor-wrap .title, .team.mlistpost .tabBtn .post-prev .infor-wrap .title, .news.mlistpost .tabBtn .post-prev .infor-wrap .title, .service.mlistpost .tabBtn .post-next .infor-wrap .title, .team.mlistpost .tabBtn .post-next .infor-wrap .title, .news.mlistpost .tabBtn .post-next .infor-wrap .title { transition: all 0.36s ease; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; line-height: 100px; display: block; color: #666; } .service.mlistpost .tabBtn .post-prev .infor-wrap .subtitle, .team.mlistpost .tabBtn .post-prev .infor-wrap .subtitle, .news.mlistpost .tabBtn .post-prev .infor-wrap .subtitle, .service.mlistpost .tabBtn .post-next .infor-wrap .subtitle, .team.mlistpost .tabBtn .post-next .infor-wrap .subtitle, .news.mlistpost .tabBtn .post-next .infor-wrap .subtitle { transition: all 0.36s ease; display: none; height: 30px; overflow: hidden; font-size: 13px; line-height: 30px; } .service.mlistpost .tabBtn .post-prev, .team.mlistpost .tabBtn .post-prev, .news.mlistpost .tabBtn .post-prev { float: left; padding-left: 85px; } .service.mlistpost .tabBtn .post-prev:hover .details:before, .team.mlistpost .tabBtn .post-prev:hover .details:before, .news.mlistpost .tabBtn .post-prev:hover .details:before { right: 60px; } .service.mlistpost .tabBtn .post-prev:hover .details:after, .team.mlistpost .tabBtn .post-prev:hover .details:after, .news.mlistpost .tabBtn .post-prev:hover .details:after { right: 25px; opacity: 1; } .service.mlistpost .tabBtn .post-prev .img-wrap, .team.mlistpost .tabBtn .post-prev .img-wrap, .news.mlistpost .tabBtn .post-prev .img-wrap { right: 15px; } .service.mlistpost .tabBtn .post-prev .infor-wrap, .team.mlistpost .tabBtn .post-prev .infor-wrap, .news.mlistpost .tabBtn .post-prev .infor-wrap { float: left; } .service.mlistpost .tabBtn .post-prev .details, .team.mlistpost .tabBtn .post-prev .details, .news.mlistpost .tabBtn .post-prev .details { border-right: 1px solid #e5e5e5; left: 22px; } .service.mlistpost .tabBtn .post-prev .details:before, .team.mlistpost .tabBtn .post-prev .details:before, .news.mlistpost .tabBtn .post-prev .details:before, .service.mlistpost .tabBtn .post-prev .details:after, .team.mlistpost .tabBtn .post-prev .details:after, .news.mlistpost .tabBtn .post-prev .details:after { 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; transition: all 0.36s ease; color: #999; position: absolute; top: 50%; font-size: 20px; transform: translateY(-50%); } .service.mlistpost .tabBtn .post-prev .details:before, .team.mlistpost .tabBtn .post-prev .details:before, .news.mlistpost .tabBtn .post-prev .details:before { right: 25px; } .service.mlistpost .tabBtn .post-prev .details:after, .team.mlistpost .tabBtn .post-prev .details:after, .news.mlistpost .tabBtn .post-prev .details:after { right: -30px; opacity: 0; } .service.mlistpost .tabBtn .post-next, .team.mlistpost .tabBtn .post-next, .news.mlistpost .tabBtn .post-next { float: right; padding-right: 85px; } .service.mlistpost .tabBtn .post-next:hover .details:before, .team.mlistpost .tabBtn .post-next:hover .details:before, .news.mlistpost .tabBtn .post-next:hover .details:before { left: 60px; } .service.mlistpost .tabBtn .post-next:hover .details:after, .team.mlistpost .tabBtn .post-next:hover .details:after, .news.mlistpost .tabBtn .post-next:hover .details:after { left: 25px; opacity: 1; } .service.mlistpost .tabBtn .post-next .img-wrap, .team.mlistpost .tabBtn .post-next .img-wrap, .news.mlistpost .tabBtn .post-next .img-wrap { left: 15px; } .service.mlistpost .tabBtn .post-next .infor-wrap, .team.mlistpost .tabBtn .post-next .infor-wrap, .news.mlistpost .tabBtn .post-next .infor-wrap { float: right; } .service.mlistpost .tabBtn .post-next .details, .team.mlistpost .tabBtn .post-next .details, .news.mlistpost .tabBtn .post-next .details { right: 22px; border-left: 1px solid #e5e5e5; } .service.mlistpost .tabBtn .post-next .details:before, .team.mlistpost .tabBtn .post-next .details:before, .news.mlistpost .tabBtn .post-next .details:before, .service.mlistpost .tabBtn .post-next .details:after, .team.mlistpost .tabBtn .post-next .details:after, .news.mlistpost .tabBtn .post-next .details:after { 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; transition: all 0.36s ease; color: #999; position: absolute; top: 50%; font-size: 20px; transform: translateY(-50%); } .service.mlistpost .tabBtn .post-next .details:before, .team.mlistpost .tabBtn .post-next .details:before, .news.mlistpost .tabBtn .post-next .details:before { left: 25px; } .service.mlistpost .tabBtn .post-next .details:after, .team.mlistpost .tabBtn .post-next .details:after, .news.mlistpost .tabBtn .post-next .details:after { left: -30px; opacity: 0; } .service.mlistpost .tabBtn .post-next .infor-wrap .title, .team.mlistpost .tabBtn .post-next .infor-wrap .title, .news.mlistpost .tabBtn .post-next .infor-wrap .title { text-align: right; } .project.mlistpost .tabBtn.inPos .post-next, .project.mlistpost .tabBtn.inPos .post-prev { opacity: 1; } .project.mlistpost .tabBtn.outPos .post-next, .project.mlistpost .tabBtn.outPos .post-prev { opacity: 0; visibility: hidden; } .project.mlistpost .tabBtn .post-prev, .project.mlistpost .tabBtn .post-next { opacity: 0; width: 42px; height: 100px; position: fixed; z-index: 20; top: 50%; transform: translateY(-50%); transition: opacity 0.36s ease-out, visibility 0.36s ease-out; } .project.mlistpost .tabBtn .post-prev:hover .details, .project.mlistpost .tabBtn .post-next:hover .details { border-color: #ffce0f; background: #ffce0f; } .project.mlistpost .tabBtn .post-prev:hover .details:before, .project.mlistpost .tabBtn .post-next:hover .details:before { color: #fff; } .project.mlistpost .tabBtn .post-prev .img-wrap, .project.mlistpost .tabBtn .post-prev .infor-wrap, .project.mlistpost .tabBtn .post-next .img-wrap, .project.mlistpost .tabBtn .post-next .infor-wrap { width: 170px; opacity: 0; visibility: hidden; } .project.mlistpost .tabBtn .post-prev .img-wrap, .project.mlistpost .tabBtn .post-next .img-wrap { position: absolute; box-sizing: border-box; z-index: 10; height: 100%; border: 3px solid #ffce0f; } .project.mlistpost .tabBtn .post-prev .img-wrap:after, .project.mlistpost .tabBtn .post-next .img-wrap:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); } .project.mlistpost .tabBtn .post-prev .img-wrap div, .project.mlistpost .tabBtn .post-next .img-wrap div { height: 100%; background-position: center center; background-size: cover; } .project.mlistpost .tabBtn .post-prev .img-wrap img, .project.mlistpost .tabBtn .post-next .img-wrap img { display: none; } .project.mlistpost .tabBtn .post-prev .details, .project.mlistpost .tabBtn .post-next .details { position: absolute; height: 100%; width: 42px; background: #fff; border: 1px solid #ececec; box-sizing: border-box; transition: all 0.3s ease-out 0s; } .project.mlistpost .tabBtn .post-prev .details:before, .project.mlistpost .tabBtn .post-next .details: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; position: absolute; top: 50%; left: 50%; font-size: 24px; color: #999; transform: translate(-50%, -50%); } .project.mlistpost .tabBtn .post-prev .infor-wrap, .project.mlistpost .tabBtn .post-next .infor-wrap { position: absolute; top: 50%; z-index: 10; transform: translateY(-50%); box-sizing: border-box; } .project.mlistpost .tabBtn .post-prev .infor-wrap .title, .project.mlistpost .tabBtn .post-prev .infor-wrap .subtitle, .project.mlistpost .tabBtn .post-next .infor-wrap .title, .project.mlistpost .tabBtn .post-next .infor-wrap .subtitle { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .project.mlistpost .tabBtn .post-prev .infor-wrap .title, .project.mlistpost .tabBtn .post-next .infor-wrap .title { width: 70%; display: block; font-size: 16px; line-height: 20px; color: #fff; } .project.mlistpost .tabBtn .post-prev .infor-wrap .subtitle, .project.mlistpost .tabBtn .post-next .infor-wrap .subtitle { width: 80%; display: block; line-height: 18px; font-size: 14px; color: #fff; } .project.mlistpost .tabBtn .post-prev { left: 0px; } .project.mlistpost .tabBtn .post-prev .img-wrap { border-left: 0; left: 100%; } .project.mlistpost .tabBtn .post-prev .details { left: 0; } .project.mlistpost .tabBtn .post-prev .details:before { content: "\f104"; } .project.mlistpost .tabBtn .post-prev .infor-wrap { padding-left: 20px; left: 100%; } .project.mlistpost .tabBtn .post-next { right: 0px; } .project.mlistpost .tabBtn .post-next .img-wrap { right: 100%; border-right: 0; } .project.mlistpost .tabBtn .post-next .details { right: 0; } .project.mlistpost .tabBtn .post-next .details:before { content: "\f105"; } .project.mlistpost .tabBtn .post-next .infor-wrap { right: 100%; padding-left: 20px; } @media screen and (min-width: 1600px) { .project.mlistpost .post-prev:hover .infor-wrap, .project.mlistpost .post-prev:hover .img-wrap, .project.mlistpost .post-next:hover .infor-wrap, .project.mlistpost .post-next:hover .img-wrap { opacity: 1; visibility: visible; } .project.mlistpost .post-prev:hover .details, .project.mlistpost .post-next:hover .details { border-color: #ffce0f; background: #ffce0f; } .project.mlistpost .post-prev:hover .details:before, .project.mlistpost .post-next:hover .details:before { color: #fff; } } .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 { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; border: 1px solid #dbdbdb; background-color: #fff; color: #555; height: 40px; padding: 0 30px; line-height: 40px; text-align: center; display: inline-block; margin-top: 20px; } .ff_postPage .team.mlistpost .postInfo .description a:hover, .ff_postPage .news.mlistpost .postInfo .description a:hover { background-color: #383838; color: #fff; border: 1px solid #383838; } .ff_postPage .team.mlistpost .listWrap, .ff_postPage .news.mlistpost .listWrap { float: left; width: 440px; padding-right: 50px; box-sizing: border-box; } .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 { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; border: 1px solid #dbdbdb; background-color: #fff; color: #555; height: 40px; padding: 0 30px; line-height: 40px; text-align: center; display: inline-block; margin-top: 20px; } .ff_postPage .service.mlistpost .postInfo .description a:hover, .ff_postPage .project.mlistpost .postInfo .description a:hover { background-color: #383838; color: #fff; border: 1px solid #383838; } .ff_postPage .service.mlistpost .listWrap .postInfo, .ff_postPage .project.mlistpost .listWrap .postInfo { display: none; } .ff_postPage .service.mlistpost .listWrap .postInfo .description a, .ff_postPage .project.mlistpost .listWrap .postInfo .description a { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; border: 1px solid #dbdbdb; background-color: #fff; color: #555; height: 40px; padding: 0 30px; line-height: 40px; text-align: center; display: inline-block; margin-top: 20px; } .ff_postPage .service.mlistpost .listWrap .postInfo .description a:hover, .ff_postPage .project.mlistpost .listWrap .postInfo .description a:hover { background-color: #383838; color: #fff; border: 1px solid #383838; } .ff_postPage .service.mlistpost .listContent_post, .ff_postPage .project.mlistpost .listContent_post { border-top: 1px solid rgba(170, 170, 170, 0.2); } #mcontact { background: #3e3e3e; } #mcontact .container_header { float: none; } #mcontact .container_header .title { color: #fff; } #mcontact .contactlist { padding-top: 50px; } #mcontact .contactlist::after { content: ""; display: block; clear: both; } #mcontact .contactinfo { float: left; } #mcontact .contactinfo .contact_name { font-size: 16px; line-height: 24px; margin-bottom: 25px; font-weight: 100; color: #fff; } #mcontact .contactinfo p { width: 400px; padding-right: 40px; font-size: 13px; height: 28px; line-height: 28px; color: #989898; } #mcontact .ff_social { padding-top: 40px; } #mcontact .ff_social a { width: 30px; height: 30px; display: block; font-size: 16px; text-align: center; line-height: 28px; border-radius: 15px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; color: #B3B3B3; background: rgba(255, 0, 0, 0); margin-right: 20px; } #mcontact .ff_social a:hover { color: #fff; background: #5c5c5c; } #mcontact .contactform { float: right; } #mcontact .contactform .contactform_content textarea { height: 100px; resize: none; overflow: hidden; } #mcontact .contactform .inputtxt { background-color: transparent; color: #fff; border: 0; border-bottom: rgba(255, 255, 255, 0.09) 1px solid; width: 320px; height: 20px; line-height: 20px; padding: 10px 20px; margin-bottom: 10px; transition: all 0.3s ease-out 0s; } #mcontact .contactform .inputtxt.submit { background-color: #5c5c5c; height: 48px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 100%; color: #ffffff; font-size: 16px; padding: 5px 0; cursor: pointer; } #mcontact .contactform .inputtxt.submit:hover { background-color: #7B7B7B; } #footer { height: 24px; padding: 10px 56px; } #footer p { width: 1170px; line-height: 24px; height: 24px; text-align: left; margin: 0 auto; } #footer p span.ellipsis { display: inline; max-width: 70%; } #footer p a#flogo { display: inline-block; width: 50px; height: 20px; vertical-align: top; margin-left: 10px; margin-top: 2px; } #footer p a#fbeian { vertical-align: top; } .pageEditor .module_container { padding-top: 60px; } .pageEditor .container_header .title, .pageEditor .container_header .subtitle { text-align: center; } #navWrapper .content .nav > .navitem > a:hover { border-color: #ffce0f; color: #ffce0f; } #navWrapper .content .nav > .navitem .subnav li a:hover { color: #fff; background-color: #ffce0f; } .mlist:not(.imagelink) .content_list .item_block:hover { background-color: transparent; } .mlist:not(.imagelink) .content_list .item_block:hover .details { border-color: #ffce0f; background-color: #ffce0f; color: #fff; } .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: #ffce0f; } .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: #ffffff; } .mlist .owl-dots .owl-dot span, .ff_topSlider .owl-dots .owl-dot span, .imagelink .owl-dots .owl-dot span { border: 1px solid #ffffff; border-color: rgba(255, 255, 255, 0.5); background: none; width: 8px; height: 8px; margin: 5px; transition: all 0.2s ease-in; } /* @font-face { font-family: icomoon; src: url(/skin/fonts/icomoon.eot); src: url(/skin/fonts/icomoon.eot) format("embedded-opentype"), url(/skin/fonts/icomoon.ttf) format("truetype"), url(/skin/fonts/icomoon.woff) format("woff"), url(/skin/fonts/icomoon.svg) format("svg"); font-weight: 400; font-style: normal; } */ @font-face { font-family: HELVETICANEUELTPRO-THEX; src: url(/skin/fonts/dfd62f359cae4d1e80261e3d0b4236f1.ttf); font-weight: 400; font-style: normal; } @font-face { font-family: helveticaneuethn; src: url(/skin/css/fonts/helveticaneuethn.otf); font-weight: 400; font-style: normal; } @font-face { font-family: GOTHAMRND-LIGHT; src: url(/skin/css/fonts/GOTHAMRND-LIGHT.OTF); font-weight: 400; font-style: normal; } @font-face { font-family: GOTHAMRND-BOOK; src: url(/skin/css/fonts/GOTHAMRND-BOOK.OTF); font-weight: 400; font-style: normal; } @font-face { font-family: FontAwesome; src: url(/skin/css/fonts/FontAwesome.otf); font-weight: 400; font-style: normal; } @font-face { font-family: GOTHAM-BLACK; src: url(/skin/css/fonts/GOTHAM-BLACK.OTF); font-weight: 400; font-style: normal; } @-webkit-keyframes bouncedelay { 0%, 100%, 80% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes bouncedelay { 0%, 100%, 80% { transform: scale(0); -webkit-transform: scale(0); } 40% { transform: scale(1); -webkit-transform: scale(1); } } @-webkit-keyframes navFixed { 0% { -webkit-transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); } } @keyframes navFixed { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } * { padding: 0; margin: 0; } ul li { list-style: none; } a { text-decoration: none; transition: color .1s linear; } img { border: none; } input, textarea { font-family: "微软雅黑", Arial; outline: 0; font-size: 14px; -webkit-appearance: none; border: none; background: 0 0; } .clear { clear: both; } .fl { float: left; } .fr { float: right; } .ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; } .clearfix:after { clear: both; display: block; content: ''; } .clearfix { zoom: 1; } .fw { margin: 0 auto; width: 1180px; } .hide { display: none; } .show { display: block; } .fa { color: inherit; line-height: inherit; } [class*=" icon-"], [class^=icon-] { font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow-down03:before { content: "\e900"; } .icon-arrow-left:before { content: "\e901"; } .icon-arrow-left01:before { content: "\e902"; } .icon-arrow-left02:before { content: "\e903"; } .icon-arrow-left03:before { content: "\e904"; } .icon-arrow-left04:before { content: "\e905"; } .icon-arrow-right:before { content: "\e906"; } .icon-arrow-right01:before { content: "\e907"; } .icon-arrow-right02:before { content: "\e908"; } .icon-arrow-right03:before { content: "\e909"; } .icon-arrow-right04:before { content: "\e90a"; } .icon-arrow-top03:before { content: "\e90b"; } html, body { font: 12px Arial, "Microsoft Yahei"; color: #666; width: 100%; height: 100%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } body { overflow-x: hidden; } a { color: #666; } a.active { color: #333; } img { max-width: 100%; } .fa-angle-right, .fa-angle-down { color: inherit; padding-left: 10px; } .item_index { display: none; } ::-webkit-scrollbar-track-piece, ::-webkit-scrollbar, ::-webkit-scrollbar-thumb { } ::-webkit-scrollbar-track-piece { background-color: #222; } ::-webkit-scrollbar { background-color: #ffce0f; } ::-webkit-scrollbar-thumb { background-color: #444; } ::-webkit-scrollbar-thumb:hover { background-color: #ffce0f; } .item_tags { clear: both; height: 28px; border-top: 1px solid rgba(170, 170, 170, 0.2); } .item_tags::after { content: ""; display: block; clear: both; } .item_tags .item_box { display: none; } .item_tags .fa-tags { display: none; } .item_tags > a { float: left; margin-right: 10px; padding: 0 14px; line-height: 26px; border: 1px solid rgba(170, 170, 170, 0.2); } .module { background: #fff; position: relative; z-index: 1; } .container_header .title { font-size: 24px; line-height: 30px; color: #555; } .container_header .subtitle { font-size: 14px; color: #bbb; line-height: 26px; } .container_category { padding-top: 40px; text-align: center; } .container_category > a { display: inline-block; margin: 0 5px; font-size: 13px; line-height: 30px; text-align: center; padding: 0 20px; } .container_content { clear: both; } .mlist:not(.imagelink) .content_list .item_block { border: 1px solid rgba(170, 170, 170, 0.2); background-color: transparent; box-sizing: border-box; } .mlist:not(.imagelink) .content_list .item_block .item_tags { padding: 15px; } .mlist:not(.imagelink) .content_list .item_info .title { transition: all 0.36s ease; color: #333; font-size: 16px; line-height: 45px; } .mlist:not(.imagelink) .content_list .item_info .subtitle { transition: all 0.36s ease; font-size: 14px; line-height: 19px; } .mlist:not(.imagelink) .content_list .date_wrap { transition: all 0.36s ease; font-size: 13px; line-height: 26px; color: #888; } .mlist:not(.imagelink) .content_list .item_des { margin-top: 13px; } .mlist:not(.imagelink) .content_list .item_des .description { transition: all 0.36s ease; font-size: 13px; line-height: 26px; height: 52px; overflow: hidden; color: #999; } .mlist:not(.imagelink) .content_list .item_img { position: relative; overflow: hidden; } .mlist:not(.imagelink) .content_list .item_img img { transition: all 0.36s ease; display: inline; } .mlist:not(.imagelink) .content_list .details { transition: all 0.36s ease; border: 1px solid rgba(170, 170, 170, 0.2); display: inline-block; font-size: 14px; line-height: 30px; color: #999; margin-left: 20px; margin-bottom: 30px; padding: 0 20px; } #pages { padding: 40px 0 80px; } #pages::after { content: ""; display: block; clear: both; } #pages a { float: left; width: 36px; height: 36px; line-height: 36px; font-size: 14px; } #pages .page-item { margin-right: 5px; text-align: center; background-color: transparent; border: 1px solid rgba(170, 170, 170, 0.2); } #pages .page-item.active, #pages .page-item:hover { border-color: #ffce0f; color: #fff; background-color: #ffce0f; } .ff_pageTarget { background-color: #f7f7f7; line-height: 45px; } .ff_pageTarget .fa-angle-right { padding: 0 10px; } .ff_pageTarget .container_target a:hover { color: #ffce0f; } .ff_pageTarget .container_target a:last-child { color: #ffce0f; } .postbody { font-size: 13px; } .postbody p { line-height: 24px; } .postbody hr { margin: 20px 0; border: none; border-top: 1px dotted rgba(170, 170, 170, 0.2); } #banner div { height: 300px; } .ff_pageList .container_category + .container_content { padding-top: 40px; } .postSlider .owl-nav { height: 0; top: 50%; transform: translateY(calc(-50%)); position: absolute; width: 100%; margin: 0; } .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; width: 100px; height: 60px; overflow: hidden; } .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 { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 3px solid #ffce0f; box-sizing: border-box; } .postContent { margin-bottom: 40px; padding-top: 40px; } .postInfo .title { color: #444; font-size: 16px; transition: all .3s ease-out 0s; line-height: 20px; } .postInfo .subtitle { color: #999; font-size: 12px; margin-top: 4px; transition: all .3s ease-out 0s; line-height: 14px; } .postInfo .description { margin-top: 20px; font-size: 13px; line-height: 24px; margin-bottom: 24px; color: #888; } .postInfo .usetdate { font-size: 13px; line-height: 24px; } .listContent_post h3 { font-size: 14px; padding: 30px 0; } .listContent_post > .item_tags { padding: 0; margin-bottom: 30px; border-top: none; } .postbody { margin-bottom: 60px; } .ff_postPage .ff_pageTarget.module { margin-top: 0; } .ff_postPage .mlist .more { display: none !important; } .ff_pageList, .ff_postPage { padding-bottom: 60px; } .postInfo .postbody { color: #888; font-size: 13px; } #postWrapper::after { content: ""; display: block; clear: both; } body #header { position: fixed; top: 0; z-index: 99; background: #fff; } body #sitecontent { } body #header { transition: height 0.36s ease; width: 100%; height: 80px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } body #header.mini { height: 85px; border-top: 3px solid #f8c80f; } body #header .wrapper { height: 100%; } body #header .wrapper > .content { max-width: 1170px; margin: 0 auto; height: 100%; } body #headTop { position: relative; float: left; height: 100%; margin-right: 50px; margin-top: -4px; } body #headTop #logo { position: absolute; top: 50%; transform: translateY(-50%); } body #headTop #logo { position: relative; display: block; } body #headTop #logo img { height: 44px !important; max-width: initial; } body #navWrapper { float: right; height: 100%; } body #navWrapper .content { height: 100%; } body #navWrapper .content::after { content: ""; display: block; clear: both; } body #navWrapper .content .nav { height: 100%; float: right; } body #navWrapper .content .nav > .navitem { transition: all 0.36s ease; cursor: pointer; position: relative; float: left; font-size: 14px; } body #navWrapper .content .nav > .navitem:hover .subnav { opacity: 1; visibility: visible; } body #navWrapper .content .nav > .navitem > a { transition: all 0.36s ease; display: block; padding: 0 26px; border-bottom: 2px solid transparent; line-height: calc(80px - 2px); } body #navWrapper .content .nav > .navitem > a.active { color: #ffce0f; border-color: #ffce0f; } body #navWrapper .content .nav > .navitem .subnav { transition: all 0.36s ease; position: absolute; top: calc(100% - 2px); left: 0; z-index: 199; opacity: 0; visibility: hidden; width: 180px; height: auto; border-width: 2px 0 0; border-style: solid; border-color: #ffce0f; overflow: hidden; background: #fff; box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05); } body #navWrapper .content .nav > .navitem .subnav li { cursor: pointer; width: 100%; } body #navWrapper .content .nav > .navitem .subnav li a { transition: all 0.36s ease; font-weight: 500; padding: 12px 24px; line-height: 22px; display: block; transition: all .2s ease-in-out; font-size: 12px; color: #666; } body #navWrapper .content .nav > .navitem .subnav li a:hover { color: #fff; background-color: #ffce0f; } body #openBtn, body #hcontact { display: none; } body .singlescreen #header { height: 66px; } body .singlescreen #header #navWrapper .content .nav > .navitem > a { line-height: 64px; } #navMini { display: none; } .ff_sitecontent .module .module_container { max-width: 1170px; margin: 0 auto; } .npagePage .more { display: none !important; } .ff_pageList .content { background: #fff; } .ff_indexPage .module { } .ff_indexPage { position: relative; } .wow { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .ff_indexPage .mlist .content_wrapper { padding-top: 51px; } .ff_indexPage .mlist .content_wrapper .more_wrap .more { display: none; } .ff_indexPage .mlist .content_wrapper .more { display: block; line-height: 46px; width: 200px; text-align: center; margin: 50px auto 0; font-size: 14px; background-color: transparent; border: 1px solid rgba(170, 170, 170, 0.2); } .ff_indexPage .mlist .content_wrapper .more:hover { color: #fff; background-color: #ffce0f; } .mlist .owl-nav { height: 0; top: 50%; transform: translateY(calc(-50%)); position: absolute; width: 100%; margin: 0; } .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%); } .ff_indexPage #topSlider { padding-top: 0px; padding-bottom: 0px; } #sliderDirThemb, #sliderDotThemb { border-color: #ffce0f; } #topSlider { background: transparent; } .ff_topSlider { width: 100%; height: 100%; position: relative; overflow: hidden; display: block; } .ff_topSlider .content_list { height: 100%; overflow: hidden; display: block; visibility: hidden; } .ff_topSlider .content_list.owl-loaded { visibility: visible; } .ff_topSlider .content_list[data-slider-mode="3"] { width: 3600px; padding: 40px 0; } .ff_topSlider .content_list[data-slider-mode="3"] .owl-stage-outer { width: 3600px; height: 100%; left: 50%; margin-left: -1800px; } .ff_topSlider .content_list[data-slider-mode="3"] .owl-stage-outer:before, .ff_topSlider .content_list[data-slider-mode="3"] .owl-stage-outer:after { content: ''; width: 1200px; height: 100%; display: block; background-color: rgba(0, 0, 0, 0.5); position: absolute; z-index: 2; top: 0; border: #1c1c1c 30px solid; box-sizing: border-box; } .ff_topSlider .content_list[data-slider-mode="3"] .owl-stage-outer:before { left: 0; } .ff_topSlider .content_list[data-slider-mode="3"] .owl-stage-outer:after { right: 0; } .ff_topSlider .content_list[data-slider-mode="3"] .owl-item.active .item_block p { 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 { width: 100%; height: 100%; display: block; position: relative; } .ff_topSlider .content_list .item_block div.item_bg { position: absolute; width: 100%; height: 100%; } .ff_topSlider .content_list .item_block div.item_bg.image { background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; } .ff_topSlider .content_list .item_block div.item_bg.video video { width: 100%; height: 100%; } .ff_topSlider .content_list .item_block div.mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); } .ff_topSlider .content_list .item_block a { width: 100%; height: 100%; display: table; position: absolute; left: 0; top: 0; } .ff_topSlider .content_list .item_block a div { display: table-cell; vertical-align: middle; padding: 100px 50px; } .ff_topSlider .content_list .item_block a i { text-indent: 20px; font-size: 24px; } .ff_topSlider .content_list .item_block p { transform: translateY(50px); transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s; -webkit-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s; opacity: 0; color: #ffffff; max-width: 1170px; margin: 0 auto; } .ff_topSlider .content_list .item_block p.title { font-size: 46px; line-height: 46px; height: 46px; transition-delay: 0s; } .ff_topSlider .content_list .item_block p.subtitle { font-size: 16px; height: 16px; color: #ddd; transition-delay: 0.2s; margin-top: 6px; } .ff_topSlider .progress { display: none; width: 100%; height: 1px; background: rgba(150, 57, 71, 0.8); bottom: 0; position: absolute; width: 0; z-index: 1; } .ff_topSlider .owl-nav { height: 0; top: 50%; transform: translateY(calc(-50%)); position: absolute; width: 100%; margin: 0; } .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_indexPage .service .content_list::after, .npagePage:not(.post) .service .content_list::after { content: ""; display: block; clear: both; } .ff_indexPage .service .content_wrapper, .npagePage:not(.post) .service .content_wrapper { position: relative; margin-right: -30px; } .ff_indexPage .service .content_wrapper.slider, .npagePage:not(.post) .service .content_wrapper.slider { margin-right: 0; } .ff_indexPage .service .content_wrapper.slider .item_block, .npagePage:not(.post) .service .content_wrapper.slider .item_block { margin-bottom: 0; } .ff_indexPage .service .owl-item .item_block, .npagePage:not(.post) .service .owl-item .item_block { width: 100%; } .ff_indexPage .service .item_block, .npagePage:not(.post) .service .item_block { transition: all 0.36s ease; width: calc(100% / 4 - 30px); height: auto; float: left; margin-right: 30px; margin-bottom: 20px; position: relative; box-shadow: 0 0 0px rgba(0, 0, 0, 0.15); } .service.mlistpost .listContent_post .content_list::after { content: ""; display: block; clear: both; } .service.mlistpost .listContent_post .content_wrapper { position: relative; margin-right: -30px; } .service.mlistpost .listContent_post .content_wrapper.slider { margin-right: 0; } .service.mlistpost .listContent_post .content_wrapper.slider .item_block { margin-bottom: 0; } .service.mlistpost .listContent_post .owl-item .item_block { width: 100%; } .service.mlistpost .listContent_post .item_block { transition: all 0.36s ease; width: calc(100% / 3 - 30px); height: auto; float: left; margin-right: 30px; margin-bottom: 20px; position: relative; box-shadow: 0 0 0px rgba(0, 0, 0, 0.15); } .ff_indexPage .project .content_list::after, .npagePage:not(.post) .project .content_list::after { content: ""; display: block; clear: both; } .ff_indexPage .project .content_wrapper, .npagePage:not(.post) .project .content_wrapper { position: relative; margin-right: -30px; } .ff_indexPage .project .content_wrapper.slider, .npagePage:not(.post) .project .content_wrapper.slider { margin-right: 0; } .ff_indexPage .project .content_wrapper.slider .item_block, .npagePage:not(.post) .project .content_wrapper.slider .item_block { margin-bottom: 0; } .ff_indexPage .project .owl-item .item_block, .npagePage:not(.post) .project .owl-item .item_block { width: 100%; } .ff_indexPage .project .item_block, .npagePage:not(.post) .project .item_block { transition: all 0.36s ease; width: calc(100% / 3 - 30px); height: auto; float: left; margin-right: 30px; margin-bottom: 20px; position: relative; box-shadow: 0 0 0px rgba(0, 0, 0, 0.15); } .project.mlistpost .listContent_post .content_list::after { content: ""; display: block; clear: both; } .project.mlistpost .listContent_post .content_wrapper { position: relative; margin-right: -30px; } .project.mlistpost .listContent_post .content_wrapper.slider { margin-right: 0; } .project.mlistpost .listContent_post .content_wrapper.slider .item_block { margin-bottom: 0; } .project.mlistpost .listContent_post .owl-item .item_block { width: 100%; } .project.mlistpost .listContent_post .item_block { transition: all 0.36s ease; width: calc(100% / 3 - 30px); height: auto; float: left; margin-right: 30px; margin-bottom: 20px; position: relative; box-shadow: 0 0 0px rgba(0, 0, 0, 0.15); } .ff_indexPage .team .content_list::after, .npagePage:not(.post) .team .content_list::after { content: ""; display: block; clear: both; } .ff_indexPage .team .content_wrapper, .npagePage:not(.post) .team .content_wrapper { position: relative; margin-right: -30px; } .ff_indexPage .team .content_wrapper.slider, .npagePage:not(.post) .team .content_wrapper.slider { margin-right: 0; } .ff_indexPage .team .content_wrapper.slider .item_block, .npagePage:not(.post) .team .content_wrapper.slider .item_block { margin-bottom: 0; } .ff_indexPage .team .owl-item .item_block, .npagePage:not(.post) .team .owl-item .item_block { width: 100%; } .ff_indexPage .team .item_block, .npagePage:not(.post) .team .item_block { transition: all 0.36s ease; width: calc(100% / 3 - 30px); height: auto; float: left; margin-right: 30px; margin-bottom: 20px; position: relative; box-shadow: 0 0 0px rgba(0, 0, 0, 0.15); } .team.mlistpost .listContent_post .content_list::after { content: ""; display: block; clear: both; } .team.mlistpost .listContent_post .content_wrapper { position: relative; margin-right: 0px; } .team.mlistpost .listContent_post .content_wrapper.slider { margin-right: 0; } .team.mlistpost .listContent_post .content_wrapper.slider .item_block { margin-bottom: 0; } .team.mlistpost .listContent_post .owl-item .item_block { width: 100%; } .team.mlistpost .listContent_post .item_block { transition: all 0.36s ease; width: calc(100% / 1 - 0px); height: auto; float: left; margin-right: 0px; margin-bottom: 20px; position: relative; 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%; } .ff_indexPage .news .content_list::after, .ff_pageList .news .content_list::after { content: ""; display: block; clear: both; } .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 { transition: all 0.36s ease; width: calc(100% / 3 - 30px); height: auto; float: left; margin-right: 30px; margin-bottom: 20px; position: relative; box-shadow: 0 0 0px rgba(0, 0, 0, 0.15); } .news.mlistpost .listContent_post .content_list::after { content: ""; display: block; clear: both; } .news.mlistpost .listContent_post .content_wrapper { position: relative; margin-right: 0px; } .news.mlistpost .listContent_post .content_wrapper.slider { margin-right: 0; } .news.mlistpost .listContent_post .content_wrapper.slider .item_block { margin-bottom: 0; } .news.mlistpost .listContent_post .owl-item .item_block { width: 100%; } .news.mlistpost .listContent_post .item_block { transition: all 0.36s ease; width: calc(100% / 1 - 0px); height: auto; float: left; margin-right: 0px; margin-bottom: 20px; position: relative; 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%; } .mcustomize.ff_ti .contentbody { display: none; } .mcustomize.ff_ti .link_icon { display: none; } .mcustomize.tlir .module_container::after, .mcustomize.tril .module_container::after { content: ""; display: block; clear: both; } .mcustomize.tlir .container_content, .mcustomize.tril .container_content { position: relative; } .mcustomize.tlir .container_content::after, .mcustomize.tril .container_content::after { content: ""; display: block; clear: both; } .mcustomize.tlir .container_content .contentbody .wrapper, .mcustomize.tril .container_content .contentbody .wrapper { padding-top: 60px; } .mcustomize.tlir .container_content .contentbody .wrapper .header, .mcustomize.tril .container_content .contentbody .wrapper .header { position: absolute; top: 0; height: 60px; } .mcustomize.tlir .container_content .contentbody .wrapper .description, .mcustomize.tril .container_content .contentbody .wrapper .description { max-width: 700px; margin: auto; margin-top: 50px; } .mcustomize.tlir .container_content .mediabody .image, .mcustomize.tril .container_content .mediabody .image { width: 400px; height: 260px; background-size: cover; background-repeat: no-repeat; } .mcustomize.tlir .container_content .mediabody .link_icon, .mcustomize.tril .container_content .mediabody .link_icon { display: none; } .mcustomize.tlir .contentbody { float: left; } .mcustomize.tlir .mediabody { float: right; } .mcustomize.tril .contentbody { float: right; } .mcustomize.tril .mediabody { float: left; } .ff_indexPage .mcounter { padding-top: 0; padding-bottom: 0; } .ff_indexPage .mcounter .container_content { position: absolute; width: 100%; height: 190px; } .ff_indexPage .mcounter .content_list { width: 100%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); padding: 0; } .ff_indexPage .mcounter .content_list::after { content: ""; display: block; clear: both; } .ff_indexPage .mcounter .content_list li { width: 25%; float: left; text-align: center; position: relative; } .ff_indexPage .mcounter .content_list li:not(:last-child):after { content: ''; position: absolute; width: 1px; height: 45px; background-color: rgba(170, 170, 170, 0.2); right: 0; top: 50%; transform: translateY(-50%); } .ff_indexPage .mcounter .content_list li .title { color: #999; font-size: 13px; line-height: 30px; } .ff_indexPage .mcounter .content_list li p { text-align: center; font-size: 14px; } .ff_indexPage .mcounter .content_list li p.number .counterDX { font-size: 50px; font-family: helveticaneuethn, Arial; text-align: center; margin-top: 15px; line-height: 52px; vertical-align: top; } .ff_indexPage .mcounter .content_list li p.number .title { font-size: 13px; line-height: 30px; } .ff_indexPage .mcounter .content_list li p.number .unit { position: relative; top: 1px; left: 3px; font-size: 14px; vertical-align: top; } .ff_indexPage .mcounter .module_container { position: relative; height: 190px; } .mcounter { position: relative; } .imagelink .content_list::after { content: ""; display: block; clear: both; } .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 { transition: all 0.36s ease; width: calc(100% / 4 - 14px); height: auto; float: left; margin-right: 14px; margin-bottom: 20px; position: relative; 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 { width: 100%; height: auto; transition: all ease-out .3s .1s; float: none; box-sizing: border-box; opacity: .8; } .imagelink .content_list .item_block .item_box:after { content: ""; border: 1px solid rgba(170, 170, 170, 0.2); position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .imagelink .content_list .item_block .item_box:hover { box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); } .imagelink .content_list .item_block .item_wrapper .item_info .title { font-size: 13px; line-height: 36px; color: #999; text-align: center; } .imagelink .item_des, .imagelink .container_category { display: none; } .imagelink .owl-dots { position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); } #shares { position: fixed; right: 0px; bottom: 63px; z-index: 99; height: 124px; } #shares a { width: 40px; height: 40px; border: 1px solid #e6e6e6; display: block; font-size: 16px; text-align: center; position: relative; transition: all 0.3s ease-out 0s; background-color: #fff; } #shares a .fa { padding-left: 0; } #shares a#sweixin { top: -1px; } #shares a#gotop { margin-top: -2px; font-size: 22px; } #shares a#gotop i { margin-top: 6px; } #shares a:hover { border-color: #ffce0f; z-index: 1; background-color: #ffce0f; } #shares a:hover i { color: #ffffff; } #shares a i { margin-top: 12px; transition: all 0.3s ease-out 0s; } #shares a i.fa.fa-mobile { font-size: 24px; margin-top: 8px; } .fixed { position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); overflow-y: auto; z-index: 100; display: none; } .fixed.show { display: block; } #fixed_weixin .fixed-container { width: 220px; height: auto; padding: 20px 20px 0 20px; background: #ffffff; position: absolute; left: 50%; top: 50%; margin-left: -110px; margin-top: -140px; } #fixed_weixin .fixed-container div { height: 220px; } #fixed_weixin .fixed-container p { height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #000; } #online_open { width: 40px; height: 40px; cursor: pointer; position: fixed; right: -40px; bottom: 186px; z-index: 99; font-size: 18px; text-align: center; line-height: 40px; margin-right: -3px; border: 1px solid #e6e6e6; display: block; font-size: 16px; background-color: #fff; transform: translateX(7px); } #online_open i { transition: all .3s ease-out 0s; } #online_open:hover { border-color: #ffce0f; z-index: 1; background-color: #ffce0f; } #online_open:hover i { color: #ffffff; } #online_lx { width: 180px; height: auto; background-color: #ffffff; -webkit-box-shadow: 0 5px 9px rgba(4, 0, 0, 0.17); box-shadow: 0 5px 9px rgba(4, 0, 0, 0.17); position: fixed; right: 7px; bottom: 188px; z-index: 99999; margin-right: -10px; } #olx_head { padding: 20px; line-height: 16px; height: 16px; background: #ffce0f; color: #ffffff; font-size: 14px; } #olx_head i { font-size: 18px; color: #ffffff; cursor: pointer; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } #olx_head i:hover { color: #ffffff; transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); } #olx_qq { border-bottom: 1px solid rgba(170, 170, 170, 0.2); } #olx_qq li a { padding: 12px 30px; height: 18px; line-height: 18px; color: #666; display: block; transition: all ease-out .3s; font-size: 12px; } #olx_qq li a i { color: inherit; font-size: 16px; vertical-align: middle; margin-right: 18px; } #olx_qq li a:hover { color: #ffce0f; background: #eee; } #olx_tel { padding: 20px 30px; } #olx_tel div { line-height: 14px; height: 14px; margin-bottom: 10px; } #olx_tel div i { font-size: 18px; margin-right: 20px; vertical-align: middle; } #olx_tel p { line-height: 18px; font-family: HELVETICANEUELTPRO-THEX; font-size: 16px; } #fixed_mp .fixed-container { width: 258px; height: 298px; background: #ffffff; position: absolute; left: 50%; top: 50%; margin-left: -129px; margin-top: -149px; } #fixed_mp .fixed-container p { padding: 0 20px; text-align: center; font-size: 14px; color: #000; } #openAssist { position: fixed; bottom: 40px; right: 20px; width: 50px; height: 50px; z-index: 99; background-color: #3b3b3b; border-radius: 25px; text-align: center; display: none; } #openAssist.active i { transform: translate3d(0, 0, 0) rotate(135deg); } #openAssist i { font-size: 30px; color: #fff; position: relative; top: 8px; display: inline-block; transition: all ease-out .3s; } #assistBtn { position: fixed; bottom: 90px; right: 25px; z-index: 99; display: none; } #assistBtn a { width: 40px; height: 40px; display: block; text-align: center; background-color: #3b3b3b; border-radius: 20px; margin-bottom: 15px; opacity: 0; transform: translate3d(0, 8px, 0) scale(0.3); transform-origin: center bottom; } #assistBtn a i { font-size: 18px; color: #fff; position: relative; top: 10px; } .popup { display: block; } .popup .fixed-container { position: absolute; left: 50%; top: 50%; width: 800px; height: 600px; } #moduleControl { display: block !important; position: fixed; right: 20px; top: 50%; z-index: 11; } #moduleControl a.moduleCItem { border: 1px solid transparent; border-radius: 6px; display: block; height: 10px; margin-bottom: 5px; outline: 0 none; text-indent: -9999px; transition: all 0.3s ease-out 0s; width: 10px; } #moduleControl a.moduleCItem:hover, #moduleControl a.moduleCItem.active { border-color: #ffffff; } #moduleControl a.moduleCItem:hover span, #moduleControl a.moduleCItem.active span { opacity: 0; } #moduleControl a.moduleCItem span { width: 4px; height: 4px; border-radius: 50%; background: #555; display: block; margin: 3px 0 0 3px; } .netmask { display: block; } .netmask div { position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; } .netmask div i:before { display: none; font-size: 40px; color: #fff; } .netmask.loading div i { display: block; background: url(/skin/images/loading.gif); width: 40px; height: 40px; } .netmask.success div i:before { display: block; } .singlescreen .module { padding: 0; } .singlescreen .module_container { position: relative; top: 50%; transform: translateY(-50%); } /*# sourceMappingURL=debug/style.3538.css.map */ html, .module { background: #151515 } .ff_indexPage .module { } body #header .wrapper > .content { max-width: 1200px; } body #header { background: #191919; } body #navWrapper .content .nav { padding: 26px 0; transition: all 0.36s ease 0s; height: auto } body #navWrapper .content .nav > .navitem > a { height: 28px; line-height: 28px; border: 0; padding: 0 16px; margin: 0 6px; position: relative; color: #fff; } body #navWrapper .content .nav > .navitem > a:after { content: ''; width: 0; height: 0px; position: absolute; top: 0; left: 0; border-top: 1px solid #f8c80f; border-left: 1px solid #f8c80f; opacity: 0; transition: all 0.36s ease 0s } body #navWrapper .content .nav > .navitem > a:before { content: ''; width: 0; height: 0; position: absolute; bottom: 0; right: 0; border-bottom: 1px solid #f8c80f; border-right: 1px solid #f8c80f; opacity: 0; transition: all 0.36s ease 0s } body #navWrapper .content .nav > .navitem > a:hover::after, body #navWrapper .content .nav > .navitem > a:hover::before, body #navWrapper .content .nav > .navitem > a.active::after, body #navWrapper .content .nav > .navitem > a.active::before { width: 9px; height: 10px; opacity: 1 } body #header.mini #navWrapper .content .nav > .navitem > a { line-height: 28px; } body #navWrapper .content .nav > .navitem .subnav li { background: rgba(0,0,0,0.7); } body .mini #navWrapper .content .nav > .navitem .subnav { padding-top: 29px } body #header.mini #navWrapper .content .nav { padding: 30px 0 0 0; } body #header.mini { background: rgba(25, 25, 25, 0.8); } body #navWrapper .content .nav > .navitem .subnav { border: 0px; padding-top: 29px; background: transparent; } body #navWrapper .content .nav > .navitem .subnav li a { color: #fff; } #topSlider .owl-theme .owl-nav [class*=owl-] { width: 40px; height: 100px; background: #ffce0f; border-radius: 4px; } #topSlider .owl-theme .owl-nav [class*=owl-] i { color: rgba(13,13,13,0.6) } .ff_topSlider .owl-nav .owl-prev { left: 30px; } .ff_topSlider .owl-nav .owl-next { right: 30px; } #sliderDirThemb, #sliderDotThemb { height: 100px; width: 180px; border: 0 solid transparent; box-shadow: 0 10px 18px rgba(20, 7, 10, 0.22); } #sliderDirThemb .owl-item .thumb-item, #sliderDotThemb .owl-item .thumb-item { width: auto; height: 100px; background-position: center center; overflow: hidden } .owl-theme .owl-dots .owl-dot span { width: 7px; height: 7px; background: rgba(255,208,19,0.3); border: 0 solid transparent; } .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: rgba(255,208,19,1); border: 0 } .mlist .owl-nav .owl-prev, .mlist .owl-nav .owl-next { display: none } .ff_topSlider .owl-dots { bottom: 38px; } .container_header .title { color: #fff; font-size: 20px; } .container_header .subtitle { color: rgba(255,255,255,0.33); font-size: 13px; margin-left: 10px } .item_tags > a, .container_category > a { color: rgba(255,255,255,0.6); border-color: transparent; } .container_category > a { padding: 0 15px; margin: 0 } .container_category > a span { position: relative } .container_category > a span:after { content: ''; position: absolute; bottom: -10px; left: 50%; width: 0; height: 1px; background: rgba(255,208,19,1); transition: all 0.36s ease 0s } .container_category > a:hover span:after, .container_category > a.active span:after { width: 100%; margin-left: -50% } .item_tags > a:hover, .container_category > a:hover, .item_tags > a.active, .container_category > a.active { background-color: transparent; border-color: transparent; color: rgba(255,255,255,0.6); } .npagePage .ff_pageTarget { display: none } .agent-pc .project .content_list .item_block, .agent-pc .service .content_list .item_block { border: 0px; } .agent-pc .project .content_list .item_block .item_box .item_wrapper .item_info .date_wrap, .agent-pc .project .item_block .item_des, .agent-pc .project .item_block .item_tags, .agent-pc .project .content_wrapper .more, .agent-pc .service .content_list .item_block .item_box .item_wrapper .item_info .date_wrap, .agent-pc .service .item_block .item_des, .agent-pc .service .item_block .item_tags, .agent-pc .service .content_wrapper .more { display: none } .agent-pc .project .content_list .item_info .title, .agent-pc .service .content_list .item_info .title { color: #fff; text-align: center; } .agent-pc .project .content_list .item_info .subtitle, .agent-pc .service .content_list .item_info .subtitle { color: rgba(255,255,255,0.34); text-align: center; } .agent-pc .project .content_list .details, .agent-pc .service .content_list .details { width: 38px; height: 38px; padding: 0; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; color: transparent; text-indent: -18px; background-color: #ffce0f; border-color: #ffce0f; position: absolute; bottom: 70px; right: 48px; opacity: 0; z-index: 5; } .agent-pc .project .content_list .details i, .agent-pc .service .content_list .details i { color: rgba(13,13,13,0.6); font-size: 20px; line-height: 38px; } .agent-pc .project .content_list .item_block .item_img, .agent-pc .service .content_list .item_block .item_img { overflow: initial } .agent-pc .project .content_list .item_block:hover .details, .agent-pc .service .content_list .item_block:hover .details { color: transparent; opacity: 1; right: 24px; } .agent-pc .project .content_list .item_block:hover .details i, .agent-pc .service .content_list .item_block:hover .details i { color: rgba(13,13,13,0.6); } .agent-pc .project .content_list .item_block img, .agent-pc .service .content_list .item_block img { position: relative; z-index: 2 } .agent-pc .project .content_list .item_block .item_mask, .agent-pc .service .content_list .item_block .item_mask { height: 100px; width: 100%; background: #1d1d1d; position: absolute; bottom: 0; opacity: 1; transition: all 0.36s ease 0s; box-shadow: 0 13px 21px rgba(20,7,10,0.26); border-radius: 5px } .agent-pc .project .content_list .item_block .item_box .item_wrapper, .agent-pc .service .content_list .item_block .item_box .item_wrapper { padding-top: 42px; } .agent-pc .service .content_list .item_block { overflow: hidden } .agent-pc .service .content_list .item_block .item_box .item_wrapper { position: relative; z-index: 5; background: #151515; padding-right: 76px; } .mcustomize.tril .contentbody, .mcustomize.tlir .contentbody { width: 480px; height: 216px; background: #f8c80f; padding: 62px 90px; } .mcustomize.tril .container_content .contentbody .wrapper, .mcustomize.tlir .container_content .contentbody .wrapper { padding-top: 0px; } .mcustomize.tril .container_content .contentbody .wrapper .header, .mcustomize.tlir .container_content .contentbody .wrapper .header { padding: 0; position: relative } .mcustomize.tril .container_content .contentbody .wrapper .description, .mcustomize.tlir .container_content .contentbody .wrapper .description { margin-top: 0; color: rgba(73,73,73,0.65); line-height: 30px; } .mcustomize .container_content .contentbody .wrapper .header:after { content: ''; display: block; clear: both; } .mcustomize .wrapper .header .title { color: #0d0d0d; font-size: 18px; float: left } .mcustomize .wrapper .header .subtitle { color: rgba(20,20,20,0.64); font-size: 13px; float: left; margin-left: 12px; line-height: 36px; vertical-align: sub } .mcustomize.tlir .container_content .contentbody .wrapper .description a, .mcustomize.tril .container_content .contentbody .wrapper .description a { width: 100px; padding: 0; height: 30px; background: #fff; color: #5a5a59; border-radius: 50px; text-align: center; } .mcustomize.tlir .container_content .mediabody .image, .mcustomize.tril .container_content .mediabody .image { width: 495px; height: 230px; margin-top: 244px; position: relative; z-index: 2; box-shadow: 0 13px 21px rgba(20,7,10,0.31) } .ff_sitecontent .module.mcustomize .module_container { max-width: 1155px; } .mcustomize.tril .mediabody, .mcustomize.tlir .mediabody { position: relative; } .mcustomize.tril .mediabody:after, .mcustomize.tlir .mediabody:after { content: ''; width: 450px; height: 116px; position: absolute; bottom: -33px; right: -28px; background: #f8c80f } .mcustomize.tlir .mediabody:after { left: -28px; } .ff_indexPage .mcustomize.module { padding: 136px 0 168px; } .ff_indexPage .mcounter .content_list li p.number .counterDX { font-family: 'HELVETICANEUELTPRO-THEX', Arial; color: #fff } .ff_indexPage .news .content_wrapper.slider .item_block { border: 0; } .ff_indexPage .mlist.news .content_wrapper .more, .ff_indexPage .mlist.news .content_list .item_img img, .ff_indexPage .mlist.news .content_list .details, .mlist.news .content_list .item_tags, .mlist.news .content_list .date_wrap .year, .mlist.news .content_list .date_wrap i:nth-child(2) { display: none } .ff_indexPage .news .content_list .item_block .item_box .item_wrapper .item_info .date_wrap { float: none; } .ff_indexPage .news .content_list .item_block .item_info .date_wrap { font-size: 26px; color: rgba(255,255,255,0.60); position: relative; font-family: 'HELVETICANEUELTPRO-THEX', Arial } .ff_indexPage .news .content_list .item_block .item_box .item_wrapper { text-align: center; height: 240px; margin-top: 6px; } .ff_indexPage .mlist.news .content_list .item_info .title { color: #fff; padding-top: 56px; } .ff_indexPage .mlist.news .content_list .item_des { margin-top: 35px; position: relative; transition: all 0.36s ease; } .ff_indexPage .mlist.news .content_list .item_des .description { color: rgba(255,255,255,0.4); height: 78px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .ff_indexPage .module.ad01 { background: #121212; padding-bottom: 155px; position: relative } .ff_indexPage .mlist.news .content_list .date_wrap .time-connect { margin-right: 6px } .ff_indexPage .news::after { content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; margin-top: -61px; background: #313131 } .ff_indexPage .news .content_list .item_block .item_info .date_wrap::after { content: ''; width: 5px; height: 5px; background: #fff; position: absolute; left: 50%; margin-left: -1px; border-radius: 8px; top: 48px; transition: all 0.36s ease; } .ff_indexPage .news .content_list .item_block .item_info .date_wrap::before { content: ''; width: 11px; height: 11px; border: 1px solid #fff; position: absolute; border-radius: 8px; left: 50%; margin-left: -5px; top: 44px; transition: all 0.36s ease; } .ff_indexPage .mlist.news .content_wrapper { padding-top: 96px } .ff_indexPage .mlist.news .content_list .item_des::after, .mlist.ad01 .content_list .item_info:after { content: ''; position: absolute; top: -20px; left: 50%; margin-left: -14px; width: 28px; background: #444; height: 1px; transition: all 0.2s ease; opacity: 1 } .ff_indexPage .mlist.news .content_list .item_des::before, .mlist.ad01 .content_list .item_info:before { content: ''; position: absolute; top: -40px; left: 50%; height: 0px; width: 1px; margin-left: 0px; background: #444; transition: all 0.36s ease; opacity: 0 } .ff_indexPage .news { position: relative } .ff_indexPage .mlist.news .content_list .item_block:hover .item_des::after, .mlist.ad01 .content_list .item_block:hover .item_info:after { width: 0px; margin-left: 0px; opacity: 0 } .ff_indexPage .mlist.news .content_list .item_block:hover .item_des::before, .mlist.ad01 .content_list .item_block:hover .item_info:before { height: 28px; opacity: 1; transition-delay: 0.3s } .ff_indexPage .mlist.news .content_list .item_block:hover .item_des { margin-top: 45px; } .ff_indexPage .mlist.news .content_list .item_block:hover .item_box .item_wrapper .item_info .date_wrap { color: #fff; } .ff_indexPage .news .content_list .item_block:hover .item_info .date_wrap::before { border-color: #ffce0f; } .ff_indexPage .news .content_list .item_block:hover .item_info .date_wrap::after { background: #ffce0f } .ff_indexPage .team .content_list .item_img { float: left; width: 70px; height: 70px; overflow: hidden; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin-right: 25px } .ff_indexPage .team .content_list .item_des { position: absolute; top: -281px; padding: 65px 40px 76px; background: rgba(46,46,46,0.6); border-radius: 4px; transition: all 0.36s ease; } .ff_indexPage .team .content_list .item_des .description { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; transition: all 0.36s ease; height: 84px } .ff_indexPage .mlist.team .content_list .item_block { border: 0; } .imagelink .owl-carousel .owl-nav.disabled { display: block } .ff_indexPage .team .content_list .item_des::after { content: ''; position: absolute; bottom: -7px; left: 36px; width: 0; height: 0; border-top: 7px solid rgba(46,46,46,0.6); border-right: 10px solid transparent; border-left: 10px solid transparent; transition: all 0.36s ease; } .ff_indexPage .team .content_list .details, .team .content_list .item_block .item_tags, .team .content_list .item_block .item_box .item_wrapper .item_info .date_wrap, .ff_indexPage .mlist.team .content_wrapper .more { display: none } .ff_indexPage .team .content_list .item_info .title { color: #fff; font-size: 16px; padding-top: 8px; } .ff_indexPage .team .content_list .item_info .subtitle { color: rgba(255,255,255,0.27); font-size: 13px; } .team .content_list .item_block .item_box .item_wrapper { padding: 0 } .ff_indexPage .team .owl-carousel.owl-drag .owl-item { padding-top: 290px; } .ff_indexPage .team .content_list .item_des .description { line-height: 28px; color: rgba(255,255,255,0.5) } .ff_indexPage .team .owl-carousel.owl-drag .owl-item .item_info .title, .ff_indexPage .team .owl-carousel.owl-drag .owl-item .item_info .subtitle { padding-right: 10px; } .ff_indexPage .team .content_list .item_block:hover .item_des { top: -296px; background: #ffce0f; } .ff_indexPage .team .content_list .item_block:hover .item_des::after { border-top-color: #ffce0f } .ff_indexPage .team .content_list .item_block:hover .item_box .item_wrapper .item_des .description { color: #101010; } .ff_indexPage .team .owl-carousel.owl-loaded { padding-bottom: 60px; } .imagelink .content_list .item_block .item_box:after { border: 0; } .imagelink .content_list .item_block .item_wrapper .item_info .title, .imagelink .owl-dots, .ff_indexPage .mlist.imagelink .container_header .title, #mcontact .container_header { display: none } .imagelink .owl-theme .owl-nav [class*=owl-] { display: block; background: transparent } .imagelink .owl-theme .owl-nav [class*=owl-]:hover { background: transparent } .imagelink .content_wrapper.slider { padding-top: 0; } .ff_indexPage .module.imagelink { padding: 40px 0; background-color: #111; border-bottom: 1px solid #222 } .ff_indexPage .module.imagelink .content_wrapper { padding: 35px 0 } #mcontact { background-color: #111; padding: 0 0 60px } #mcontact .contactinfo { width: 100%; float: none } #mcontact .contactinfo:after { content: ''; display: block; clear: both } #mcontact .contactform { width: calc(100% + 44px); margin-top: 60px; float: none; } .ff_indexPage #mcontact .contactform { display: none } #mcontact .contactinfo .contact_name { color: #b4b4b4 } .container_category { padding-top: 64px; } #mcontact .contactform p { float: left; width: 360px; margin-right: 44px; } #mcontact .contactinfo p { float: left; width: auto; color: #606060; } #mcontact .contactform .contactform_content { width: calc(100% - 44px); } .ff_pageList .container_category + .container_content { padding-top: 100px; } #mcontact .contactform .inputtxt { width: calc(100% - 44px); padding: 30px 20px } #mcontact .contactform .inputtxt.submit { margin-top: 40px; background: #ffce0f; color: #000; border: 1px solid #ffce0f } #mcontact .contactform .inputtxt.submit:hover { background: transparent; border-color: #ffce0f; color: #fff; } .ff_sitecontent .module .module_container { max-width: 1200px; position: relative; z-index: 2 } .mlist.ad01 .content_list .item_block { width: 600px; height: 294px; float: right; border: 0; position: relative; overflow: hidden } .mlist.ad01 .content_list .item_block:after { content: ''; position: absolute; top: 0px; left: 0px; width: 592px; height: 286px; border: 4px solid #ffce0f; transform: scale(1 ); opacity: 0; transition: all 0.6s ease; } .mlist.ad01 .content_list .item_img { display: block; float: left } .mlist.ad01 .content_list .item_block:hover:after { transform: scale(1); opacity: 1 } .mlist.ad01 .content_list .item_block:hover .item_img img { transform: scale(1.1); } .mlist.ad01 .content_list .item_block:nth-child(2n) { float: left; } .mlist.ad01 .content_list .item_block:nth-child(2):hover:after { display: none } .mlist.ad01 .content_list .item_block.first { margin-left: 20px } .mlist.ad01 .content_list .item_block:nth-child(3) .item_img, .mlist.ad01 .content_list .item_block:nth-child(4) .item_img { float: right; } .mlist.ad01 .content_list .item_block .item_wrapper { float: right; width: 300px; } .mlist.ad01 .content_list .item_block:nth-child(2) .item_wrapper, .mlist.ad01 .content_list .item_block .item_date, .mlist.ad01 .content_list .details { display: none; } .mlist.ad01 .content_list .item_info .title { font-size: 40px; color: #fff; text-align: center; display: inline-block; line-height: 40px; position: relative; padding: 0 20px } .mlist.ad01 .content_list .item_info .subtitle { font-size: 13px; color: rgba(255,255,255,0.3); text-align: center; margin-top: 32px; } .mlist.ad01 .content_list .item_info { padding: 100px 74px; display: block; position: relative; text-align: center } .mlist.ad01 .content_list .item_block:nth-child(2) .item_info::after { display: none } .mlist.ad01 .content_list .item_info:after { top: 50%; margin-top: 7px; } .mlist.ad01 .content_list .item_info:before { top: 50%; margin-top: -5px; } .mlist.ad01 .content_list .item_info .title::after { content: '+'; display: block; height: 12px; line-height: 12px; font-size: 20px; color: #fff; position: absolute; right: 0; top: 0 } #mcontact .ff_social a { background: #5c5c5c; } #mcontact .ff_social a:hover { background: #ffce0f; } .mlist.ad01 .content_list .item_block:hover .item_info .subtitle { margin-top: 40px; } .mlist.ad01 .content_list .item_block:hover .item_info .title::after { color: #ffce0f } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin: 0px 20px; } .npagePage .project .container_category, .npagePage .service .container_category { text-align: left; display: block; display: inline-block; border-bottom: 1px solid rgba(255,255,255,0.08); } .npagePage .project .container_category a, .npagePage .service .container_category a { padding: 0; padding-right: 30px; line-height: 45px; } #mCSB_1_container p { color: #222; line-height: 23px; } .npagePage .project .container_category a:last-child, .npagePage .service .container_category a:last-child { padding: 0 } .npagePage .project .container_category > a span:after, .npagePage .service .container_category > a span:after { bottom: -17px; } #pages { text-align: center } #pages .page-item, #pages a { width: 38px; height: 38px; border-radius: 3px; background: #6a6a6a; border: 1px solid #6a6a6a; color: #fff; line-height: 38px; display: inline-block; margin-right: 5px; float: none } #pages a.next i, #pages a.prev i { padding: 0; } .searchGroup { display: none } body #sitecontent .npagePage, .npagePage .module { background: #191919 } #banner div { height: 256px; } .npagePage .news .container_category { display: block; text-align: center } .npagePage .news .content_list .item_block { border: 0; height: 420px; } .ff_pageList .news .content_list .item_block .item_box .item_wrapper .item_info .date_wrap, .npagePage .news .content_list .details i { display: none } .ff_pageList .news .content_list .item_block .item_box .item_wrapper > .date_wrap { display: block } .npagePage .news .content_list .item_img img { width: 100% } .npagePage .news .content_list .item_img { margin: 24px 20px 0; overflow: hidden; border-radius: 5px; transition: all 0.36s ease; display: block } .npagePage .news .content_list .item_info .title { font-size: 16px; color: #f8f8f8 } .npagePage .news .content_list .item_block .item_box .item_wrapper > .date_wrap { font-size: 16px; color: rgba(255,255,255,0.4); font-family: 'HELVETICANEUELTPRO-THEX', Arial; line-height: 22px; } .ff_pageList .news .content_list .item_block .item_box .item_wrapper { padding-bottom: 0 } .npagePage .news .content_list .details { text-transform: lowercase; padding: 8px 0; margin: 0 20px; width: calc(100% - 40px); border: 0; text-align: right; position: relative; font-size: 13px; color: transparent; } .npagePage .news .content_list .item_block:hover .details { background-color: transparent; border-color: transparent; color: rgba(255,255,255,1) } .npagePage .news .content_list .details:after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; transition: all 0.36s ease; background: #ffce0f } .npagePage .news .content_list .item_block:hover .details:after { width: 100% } .agent-pc .npagePage .news .content_list .item_block:hover .item_box .item_wrapper .item_des .description { color: rgba(255,255,255,0.8) } .npagePage .news .content_list .item_block:hover .item_img { margin-top: 0 } .npagePage:not(.post) .team .item_block { width: 100%; padding: 56px 0; border: 0; margin-bottom: 50px } .npagePage:not(.post) .team .content_list .item_block .item_img { float: left; width: 100px; height: 100px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden; margin: 0 15px 0 25px; } .npagePage:not(.post) .team .content_list .item_block .item_wrapper { float: left; margin-left: 25px; width: 810px; overflow: hidden } .npagePage:not(.post) .team .content_list .item_block .item_info p { display: inline-block; } .npagePage:not(.post) .team .content_list .details { height: 100%; border: 0; margin: 0; float: right; line-height: 100px; height: 100px; border-left: 1px solid rgba(255,255,255,0.1) } .npagePage:not(.post) .team .content_list .details, .npagePage:not(.post) .team .content_list .item_block:hover .details { color: transparent } .npagePage:not(.post) .team .content_list .details i { font-size: 30px; color: rgba(136,136,136,0.6); transition: all 0.36s ease; padding: 0 } .npagePage:not(.post) .team .content_list .item_block .item_info .title, .team.mlistpost .content_list .item_info .title { color: rgba(254,254,254,0.9); margin-right: 14px; } .npagePage:not(.post) .team .content_list .item_block .item_info .subtitle, .team.mlistpost .content_list .item_block .item_info .subtitle { color: rgba(255,255,255,0.4); vertical-align: sub; line-height: 30px; } .npagePage:not(.post) .team .content_list .item_block .item_des .description { color: rgba(202,201,201,0.5); text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 52px; } .npagePage:not(.post) .team .content_list .item_block:hover .item_box .item_wrapper .item_des .description { color: rgba(202,201,201,1); } .npagePage:not(.post) .team .content_list .item_block:hover .details { background: transparent; border-color: rgba(255,255,255,0.1) } .npagePage:not(.post) .team .content_list .item_block:hover { box-shadow: 0 10px 13px rgba(16,16,16,0.3); } .npagePage:not(.post) .team .content_list .item_block:hover .details i { color: rgba(136,136,136,1); } .npagePage #mcontact { background: transparent } .ff_postPage .team.mlistpost .postContent { width: 100%; } .ff_postPage .team.mlistpost { padding: 50px 0 0; max-width: 1200px; margin: 0 auto } .ff_postPage .team.mlistpost .conTabBtn, .ff_postPage .news.mlistpost .conTabBtn, .ff_postPage .news.mlistpost .listWrap .postInfo, .ff_postPage .team.mlistpost .listWrap .postInfo { display: none } .ff_postPage .team.mlistpost .listWrap { width: 100%; padding: 0 } .ff_postPage .team.mlistpost #listContent .type04 { margin-right: -30px; } .ff_postPage .team.mlistpost #listContent .type04 .item_block { float: left; width: 380px; height: auto; padding: 15px 0; border: 0; margin-right: 30px } .ff_postPage .team.mlistpost #listContent .type04 .details { display: none } .team.mlistpost .content_list .item_img { display: block; overflow: hidden; width: 100px; height: 100px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin-left: 20px; } .team.mlistpost .content_list .item_block .item_box .item_wrapper { width: 220px; margin-left: 20px; float: left } .team.mlistpost .content_list .item_block .item_info p { display: inline-block } .team.mlistpost .content_list .item_block .item_info .title { max-width: 76px; margin-right: 6px; } body #navWrapper .content .nav > .navitem .subnav li a:hover { color: #000; } .team.mlistpost .listContent_post > .item_tags { padding-top: 30px; } .team.mlistpost .content_list .item_block:hover { box-shadow: 0 10px 13px rgba(16,16,16,0.3) } .team.mlistpost .content_list .item_block .item_info .subtitle { max-width: 60px; } .ff_postPage .team.mlistpost .postContent .postInfo { display: block; } .npagePage .item_tags > a { background: #424242; border-color: #424242; color: #fff; border-radius: 3px } .npagePage .item_tags > a:hover { border-color: #ffce0f; background-color: #ffce0f; color: #000; } .ff_postPage .news.mlistpost { width: 1200px; margin: 0 auto; padding: 0 } .ff_postPage .news.mlistpost .listWrap { float: right; width: 270px; padding-left: 38px; padding-right: 0; box-sizing: inherit } .ff_postPage .news.mlistpost .postContent { float: left } .ff_postPage .news.mlistpost .postContent .postInfo { display: block } .ff_postPage .news.mlistpost .listContent_post { border-top: 1px solid rgba(170, 170, 170, 0); } .news.mlistpost .content_list .item_block .item_tags { display: none } .npagePage .news.mlistpost .content_list .item_block a { display: block } .npagePage .news.mlistpost .content_list .item_block { height: 350px; } .npagePage .news.mlistpost .content_list .item_img { width: calc(100% - 20px); margin-left: 0 } .npagePage .news .content_list .item_des .description { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; transition: all 0.36s ease; color: rgba(255,255,255,0.4); height: 78px } .news.mlistpost .content_list .item_block .details { right: initial; margin-left: 0; width: calc(100% - 20px) } .news.mlistpost .content_list .item_block .item_wrapper { padding-left: 0 } .postInfo .title { color: #ffce0f } .listContent_post h3 { display: none } .ff_postPage .news.mlistpost .postContent { padding-top: 0 } .ff_postPage .news.mlistpost .container_content { padding-top: 100px; position: relative } .project.mlistpost .listContent_post > .item_tags, .service.mlistpost .listContent_post > .item_tags { margin: 46px 0 } .project.mlistpost .owl-theme .owl-nav [class*=owl-], .service.mlistpost .owl-theme .owl-nav [class*=owl-] { display: block; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background: #101010 } .mlistpost .owl-nav .owl-prev { left: 25px; } .mlistpost .owl-nav .owl-next { right: 25px; } .postSlider .tab_content .item_img img { width: 100%; height: auto } .ff_indexPage #topSlider { z-index: 0 } .container_category .ff_more, .project.mlistpost .postInfo .usetdate, .service.mlistpost .postInfo .usetdate { display: none } .mlist.team_tabs .tab_button { display: none } .project.mlistpost .postInfo .title, .service.mlistpost .postInfo .title { color: #fff; } .project.mlistpost .owl-theme .owl-nav [class*=owl-]:hover, .service.mlistpost .owl-theme .owl-nav [class*=owl-]:hover { background: #ffce0f; } .ff_indexPage .team_tabs { background-color: #121212 } .ff_indexPage .team_tabs .tab_content .item_block_0.item_block { width: 578px; height: 566px; margin-right: 22px; position: relative; overflow: hidden } .ff_indexPage .team_tabs .tab_content .item_block_0.item_block .item_img { width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; transition: all .7s ease-out; -webkit-transform: rotateY(0); transform: rotateY(0); } .ff_indexPage .team_tabs .tab_content .item_block_0.item_block .item_wrapper { display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; transition: all .7s ease-out; position: absolute; top: 0; width: 100%; height: 100%; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); opacity: 0 } .ff_indexPage .team_tabs .tab_content .item_block_0.item_block:hover .item_wrapper { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); background: #ffce0f; opacity: 1 } .ff_indexPage .team_tabs .tab_content .item_block_0.item_block:hover .item_img { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .ff_indexPage .team_tabs .tab_content .item_block_0.item_block .item_wrapper::after { display: none } .ff_indexPage .team_tabs .tab_content .item_block_0.item_block .item_wrapper .item_info { margin-top: 200px; } .ff_indexPage .team_tabs .tab_content .item_block_0.item_block .item_wrapper .title { color: #0b0b0b; font-size: 26px } .ff_indexPage .team_tabs .tab_content .item_block_0.item_block .item_wrapper .subtitle { color: rgba(26,26,26,0.7); font-size: 15px; margin-top: 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 25px; } .ff_indexPage .team_tabs .tab_content .item_block_0.item_block .item_wrapper .description { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; transition: all 0.36s ease; height: 78px; line-height: 26px; font-size: 13px; margin-top: 20px; color: rgba(73, 73, 73, 0.52); } .ff_indexPage .team_tabs .tab_content .item_block_1.item_block { margin-bottom: 26px; } .ff_indexPage .team_tabs .tab_content .item_block { width: 600px; height: 270px; float: left; border: 0 } .ff_indexPage .team_tabs .tab_content .item_block .item_img { float: left; overflow: hidden; width: 300px; height: 270px } .ff_indexPage .team_tabs .tab_content .item_block .item_wrapper { float: left; background: #1e1e1e; width: 300px; height: 270px; text-align: center; position: relative } .ff_indexPage .team_tabs .tab_content .item_block:nth-child(2n) .item_img { float: right; } .ff_indexPage .team_tabs .tab_content .item_block .item_wrapper .title { color: #fff; margin-top: 78px; font-size: 18px; transition: all 0.36s ease; } .ff_indexPage .team_tabs .tab_content .item_block_1 .item_img img, .ff_indexPage .team_tabs .tab_content .item_block_2 .item_img img { transform: scale(1.1); } .ff_indexPage .team_tabs .tab_content .item_block:nth-child(2n):hover .item_img img, .ff_indexPage .team_tabs .tab_content .item_block_2:hover .item_img img { transform: scale(1); } .ff_indexPage .team_tabs .tab_content .item_block .item_wrapper .item_info { position: relative; z-index: 5; padding: 0 50px; } .ff_indexPage .team_tabs .tab_content .item_block .item_wrapper .item_info::after { content: ''; width: 20px; height: 1px; background: #565656; position: absolute; top: -13px; left: 50%; margin-left: -10px; } .ff_indexPage .team_tabs .tab_content .item_block .item_wrapper .subtitle { color: #f8c80f; transition: all 0.36s ease; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; } .ff_indexPage .team_tabs .tab_content .item_block .item_wrapper:hover .subtitle { color: rgba(255,255,255,0.6); } .ff_indexPage .team_tabs .content_list .details { width: 96px; height: 26px; padding: 0; line-height: 26px; text-align: center; border-radius: 15px; border: 1px solid rgba(162,133,21,0.1); margin: 32px 0 0; box-shadow: 0 6px 14px rgba(0, 0, 0, 0); } .ff_indexPage .team_tabs .content_list .details:after { content: '查看详情'; display: inline-block; color: #a88c1b; font-size: 12px; } .ff_indexPage .team_tabs .tab_content .item_block .item_wrapper::after { content: ''; width: 100%; height: 100%; transform: scale(1); position: absolute; top: 0; left: 0; transition: all 0.36s ease; z-index: 1 } .ff_indexPage .team_tabs .tab_content .item_block .item_wrapper::before { content: ''; width: calc(100% - 22px); height: calc(100% - 22px); border: 1px solid rgba(255,235,159,0.5); position: absolute; top: 0; left: 0; margin: 10px; opacity: 0; transform: scale(1.08); transition: all 0.36s ease; z-index: 2 } .ff_indexPage .team_tabs .tab_content .item_block:hover .item_wrapper::after { background: #ffce0f; transform: scale(1.08); } .ff_indexPage .team_tabs .tab_content .item_block:hover .item_wrapper::before { opacity: 1; transform: scale(1); } .ff_indexPage .team_tabs .tab_content .item_block.item_block_0:hover .item_wrapper::before { transform: scale(0.92); } .ff_indexPage .team_tabs .tab_content .item_block:hover .item_wrapper .subtitle { color: rgba(26,26,26,0.6) } .ff_indexPage .team_tabs .tab_content .item_block:hover .item_wrapper .title { color: #0b0b0b; } .ff_indexPage .team_tabs .tab_content .item_block:hover .item_wrapper .item_info::after { background: rgba(14,13,13,0.14) } .ff_indexPage .team_tabs .tab_content .item_block:hover .item_wrapper .details { background: #fff; border-color: #fff; box-shadow: 0 6px 14px rgba(0, 0, 0, 0.17); } .ff_indexPage .team_tabs .tab_content .item_block:hover .item_wrapper .details::after { color: #0e0e0e } .ff_indexPage .mcounter { background-size: auto!important } .agent-pc .project .content_list .item_block:hover .item_box .item_wrapper .item_info .subtitle { color: rgba(255,255,255,0.34); } #online_open { border-color: #ffce0f; z-index: 1; background-color: #ffce0f; } .ff_indexPage .mlist .content_wrapper { padding-top: 70px } .ff_indexPage .mlist.project .content_list, .ff_indexPage .mlist.service .content_list { padding-bottom: 40px; } .ff_indexPage .module.project, .ff_indexPage .module.service { padding-bottom: 134px; } .ff_indexPage .module.news { padding-bottom: 154px } .ff_indexPage .module.news .content_list { padding-bottom: 55px; } .ff_indexPage .module.team { padding-bottom: 122px } .ff_indexPage .mcounter { padding: 30px 0 } .mcustomize.tlir .container_content .contentbody .wrapper .description a:hover, .mcustomize.tril .container_content .contentbody .wrapper .description a:hover { box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17); background: #fff; color: #5a5a59; } .ff_indexPage .mlist.team .content_wrapper { padding-top: 40px } .npagePage:not(.post) .project .item_block { margin-bottom: 50px; } #online_open i { color: #fff; } .news.mlistpost .content_list .item_block .details { bottom: 0 } .ff_postPage .news.mlistpost .container_content::after { content: ''; position: absolute; right: 308px; top: 0; width: 1px; height: 100%; background: rgba(255,255,255,0.07) } .ff_postPage { padding-bottom: 0px; } .ff_postPage .content .container_content { padding-bottom: 60px } .npagePage .team .container_content { padding-top: 40px; } .agent-pc .npagePage .service .content_list .item_block .item_box .item_wrapper { background: #191919 } .npagePage:not(.post) .service .item_block { transition: all 0.36s ease; width: calc(100% / 3 - 30px); height: auto; float: left; margin-right: 30px; margin-bottom: 20px; position: relative; } .ff_indexPage .module.ad01::after { content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; margin-top: -128px; background: #313131; } .agent-pc .service .content_list .item_info .title, .agent-pc .service .content_list .item_info .subtitle { text-align: left } .agent-pc .service .content_list .details { box-shadow: 0 10px 14px rgba(0, 0, 0, 0.17); } #pages .page-item.active, #pages .page-item:hover { color: #191919 } .postInfo .description { color: #636363; } .postInfo .usetdate { margin-top: 5px; } .npagePage.post .module.team .postInfo .title { display: inline-block; margin-right: 6px; } .npagePage.post .module.team .postInfo .subtitle { display: inline-block; vertical-align: sub; line-height: 20px; margin: 0 } .service.mlistpost .tabBtn [class*=post-] { background: #424242 } .service.mlistpost .tabBtn [class*=post-] .infor-wrap .title, .service.mlistpost .tabBtn [class*=post-] .details:before { color: #fff; } .agent-pc .service.mlistpost .tabBtn [class*=post-]:not(.empty):hover .infor-wrap .title, .agent-pc .service.mlistpost .tabBtn [class*=post-]:not(.empty):hover .details::after { color: #000 } .agent-pc .service.mlistpost .tabBtn [class*=post-]:not(.empty):hover .details { border-color: #000 } #footer p { width: 1200px; } .agent-pc .service .content_list .item_block .item_img::after { color: inherit; position: absolute; display: block; visibility: hidden; width: 0; height: 0; content: ' '; border: 1px solid #ffce0f; right: 0; bottom: 0; transition: background-size .1s linear 0s, height .1s linear .1s, width .1s linear .2s, visibility 0s .3s; border-top: 0; border-right: 0; background-image: linear-gradient(#ffce0f, #ffce0f); background-repeat: no-repeat; background-position: 0 0; background-size: 0 1px; z-index: 5; margin: 10px; } .agent-pc .service .content_list .item_block .item_img::before { color: inherit; position: absolute; display: block; visibility: hidden; width: 0; height: 0; content: ' '; border: 1px solid #ffce0f; top: 1px; left: 50%; transition: height .1s linear .3s, width .1s linear .4s, visibility 0s .51s; border-bottom: 0; border-left: 0; margin: 10px; margin-left: 4px; z-index: 5 } .service.mlistpost .tabBtn .post-next.empty, .service.mlistpost .tabBtn .post-prev.empty { background-color: rgba(248, 248, 248, 0.08); } .agent-pc .service .content_list .item_block:hover .item_img::after { width: calc(100% - 22px); height: calc(100% - 22px); transition: visibility 0s .2s, width .1s linear .2s, height .1s linear .3s, background-size .1s linear .4s; background-size: 51% 1px; visibility: visible; } .agent-pc .service .content_list .item_block:hover .item_img::before { width: calc(52% - 22px); height: calc(100% - 22px); visibility: visible; transition: width .1s linear 0s, height .1s linear .1s; } .agent-pc .service .content_list .details { margin: 0; bottom: 32px; } .mlist.team .content_list .item_block:hover .item_box .item_img img { transform: scale(1) } .npagePage.post .team .conTabBtn { display: none } .mlistpost.team .content_list .item_block:hover .item_box .item_img img { transform: scale(1); } .ff_indexPage .team .content_list .item_img { position: relative; } .agent-pc .team.module .content_list .item_block .item_img img { position: absolute; border-radius: 50%; top: 50%; left: 50%; width: 100%; max-width: none; transform: translate(-50%, -50%) } .agent-pc .team.module .content_list .item_block:hover .item_img img { width: 108%; border-radius: 50%; transform: translate(-50%, -50%); } .ff_indexPage .team_tabs .tab_content .item_block_0.item_block .item_wrapper .item_info { margin-top: 180px; } .agent-pc .service .content_list .item_block:hover .details { right: 22px; } /* FILE ARCHIVED ON 21:11:28 Jun 11, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 02:41:33 Apr 29, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.548 exclusion.robots: 0.117 exclusion.robots.policy: 0.108 cdx.remote: 0.055 esindex: 0.009 LoadShardBlock: 240.257 (3) PetaboxLoader3.resolve: 175.775 (4) PetaboxLoader3.datanode: 143.057 (4) load_resource: 116.627 */