#header { position: fixed; width: 250px; height: 100%; top: 0px; z-index: 1001; background: #fff; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); padding-top: 0; } #header.mini { position: fixed; width: 250px; height: 100%; top: 0px; z-index: 1001; background: #fff; padding-top: 0px; } #header #logo { height: auto; margin: 20px 40px 30px; } #header .content { padding-left: 0px; background-color: #fff; padding-top: 30px; padding-bottom: 1000px; } .bx-wrapper .bx-controls-direction a i { font-size: 24px; margin-top: 7px; margin-left: 15px; } .bx-wrapper .bx-controls-direction a.bx-next i { margin-left: 17px; } #indexPage #mslider .bx-wrapper .bx-pager { bottom: 30px; } .bx-wrapper .bx-pager.bx-default-pager a { border: rgba(131, 131, 131, 0.5) 1px solid; } #header ul li.navitem ul.subnav li a:hover { text-indent: 0px; } #online_open { bottom: 160px; background: #00C0FF; } #olx_head { background: #00C0FF; border-radius: 0; } #online_lx { border-radius: 0; } #olx_qq li a:hover i { color: #00C0FF; } #olx_head i:hover { color: #fff; transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); } #header ul li.navitem { width: 250px; padding: 0px 0px; text-align: center; height: 50px; line-height: 50px; } #header ul li.navitem:hover { width: 250px; padding: 0px 0px; background-color: #f1f1f1; } #header ul li.navitem a:hover { width: 250px; padding: 0px 0px; background-color: #f1f1f1; color: #00C0FF; } #header ul li.navitem a { color: #9F9F9F; } #indexPage .module.bgShow { background-size: inherit; } #servicelist .serviceitem { margin-bottom: 0px; padding-top: 40px; } .serviceitem { width: 33.33%; margin-right: auto; transition: all 0.3s ease-out 0s; height: 300px; } .serviceitem:hover { background-color: transparent; height: 300px; } #servicelist .wrap { margin-right: 0px; } #indexPage #mservice .content { width: 100%; } #indexPage #mservice .slider_wrapper { width: 100%; height: 260px; } #indexPage #mslider .bx-wrapper { width: 80%; width: calc(100% - 250px); } .serviceitem a { margin: 10px auto 24px; } #indexPage #mservice .slider_wrapper .slider { width: 100%; } .serviceitem div p.description { width: 80%; margin: 0 auto; } #indexPage #mservice .slider_control { width: 0px; height: 180px; } #projectlist .projectitem { width: 33.33%; } #indexPage #mproject .bgmask, #indexPage #mnews .bgmask, #indexPage #mservice .bgmask, #indexPage #mpage .bgmask { background-color: transparent; ; } #indexPage #mslider ul li p.title, #indexPage #mslider ul li h1.title { font-size: 60px; line-height: 70px; height: 70px; color: #00C0FF; margin: 0; font-weight: 700; } .fw { margin: 0px auto; width: 100%; } #indexPage #mpage { background-color: #000; } #indexPage a.more { border: 1px solid rgba(158, 158, 158, 0.2); margin: 50px auto 80px; color: #00C0FF; } #indexPage a.more:hover { border-color: #00C0FF; text-indent: 130px; border: 1px solid #00C0FF; background-color: #00C0FF; color: #fff; } #indexPage a.more:hover i { text-indent: 18px; color: #fff; } #mpage .content .header p.title { color: #00C0FF; } #mpage .content .header p.subtitle { color: #696969; } #mproject .content .header p.title { color: #00C0FF; } .nobanner .npagePage { padding-top: 0px; } #projectwrap { padding-top: 20px; min-height: 600px; padding-left: 20px; } #projectbody { width: 60%; float: left; } #projectinfo .header { padding-top: 40px; } .nobanner #header { background: #fff; } #indexPage #mteam .slider_control { height: 300px; width: 60px; margin: 230px 50px; } #indexPage #mteam .slider_wrapper { width: auto; } #teamlist { margin: 0px auto; width: 100%; padding-left: 70px; } #teampost #teamimage { padding-left: 70px; } #teampost #teambody { margin-left: 520px; } #teambody .theader .postbody { margin-right: 50px; } #indexPage .module .bgmask { background-color: transparent; } #indexPage #mteam .header img { float: left; display: block; margin: 50px 80px 80px 20px; border-radius: 0px; width: 300px; height: 300px; } #indexPage #mteam .header p.title { font-size: 24px; text-align: left; margin: 100px auto auto; color: #00C0FF; } #indexPage #mteam .header p.subtitle { font-size: 12px; text-align: left; margin: 0px auto; } #indexPage #mteam .header { padding: 0; } #indexPage #mteam .description { color: #808080; overflow: hidden; text-align: left; line-height: 24px; height: 50px; font-size: 13px; margin: 0px 50px 0px 0px; width: auto; } .npagePage .postbody { padding: 0 50px; max-width: 860px; } .npagePage .fw { width: auto } .npagePage .theader .postbody { padding: 0 } .serviceitem div p.title { font-size: 18px; } #header #logo { float: none; height: 40px; margin: 10px auto 30px auto; width: 154px; } #sitecontent { padding-left: 250px; } /*首页全屏*/ #header #logo { height: 80px; width: 250px; text-align: center; } #header #logo img { height: 80px; width: auto; float: none; display: block; margin: 0 auto; } #footer-logo img { height: 80px; width: auto; } #footer { padding: 0; } #shares, #online_open, #online_lx, #fixed_weixin { display: none !important; } #footer p { float: none; display: block; width: 100%; text-align: center; margin: 0; box-sizing: border-box; padding: 6px 20px; height: auto; line-height: 20px; } #servicelist { width: 100%; margin: 0px auto; } .teamitem a div.wrap { background: #00C0FF; } #projectlist .projectitem .project_info { background: transparent; transition: all 0.3s ease-out 0s; height: 100px; width: 100%; bottom: 50px; } #projectlist .projectitem a:hover .project_info { background: rgba(10, 192, 255, 0.92); } #projectlist .projectitem a .project_info { display: flex; align-items: center; justify-content: center; } #projectlist .projectitem a .project_info div { position: static; top: auto; margin-top: 0; } #projectlist .projectitem a .project_info p.title { font-size: 20px; font-weight: bold; } #projectlist .projectitem a .project_info p.subtitle { font-size: 18px; font-weight: 300; } #projectlist .projectitem a:hover .project_info p.title { margin-top: 0px; color: #ffffff; font-size: 20px; font-weight: bold; } #projectlist .projectitem a:hover .project_info p.subtitle { color: #ffffff; } /*导航下拉菜单*/ #header ul li.navitem a.active, #header ul li.navitem:hover a { color: #00C0FF; } #header ul li.navitem ul.subnav { position: absolute; width: 250px; margin: -648px 0px 0px 250px; height: 2000px; background: #171717; overflow: hidden; padding-top: 600px; border-top: 3px solid #171717; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transform: translate3d(-250px, 0px, 0px); -moz-transform: translate3d(-250px, 0px, 0px); -webkit-transform: translate3d(-250px, 0px, 0px); opacity: 1; visibility: visible; z-index: -99; left: 0px; top: 48px; } #header ul li.navitem:hover ul.subnav { opacity: 1; visibility: visible; transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); } #header ul li.navitem ul.subnav li a { width: 190px; } #header ul li.navitem ul.subnav li a { background: transparent; } /*chrome */ ::-webkit-scrollbar-track-piece { width:8px; background-color:#f8f8f8; } ::-webkit-scrollbar { width:8px; background-color:#aeaeae; } ::-webkit-scrollbar-thumb { width:8px; background-color:#00C0FF; } ::-webkit-scrollbar-thumb:hover { width:8px; background-color:#aeaeae; } #header ul li.navitem a.active { background: #00C0FF none repeat scroll 0% 0%; width: 250px; display: block; color: #FFF; } .npagePage #banner div { width: calc(100% - 250px); } #indexPage #mcontact { background-color: #050505; } #contactform p .inputtxt { background-color: rgba(0,0,0,.3); border: 1px solid #171717; } #indexPage #mslider ul li p, #indexPage #mslider ul li h1 { color: #CBCBCB; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { border: #00C0FF 1px solid; background-color: #00C0FF; } /* Banner 左右切换按钮：FontAwesome 图标（fa-angle-left / fa-angle-right）已本地化，保持模板原样式即可， 此处仅确保图标正常着色与居中，不再需要文字兜底。 */ #indexPage #mslider .bx-wrapper .bx-controls-direction a i { display: inline-block; font-size: 24px; line-height: 1; margin-top: 7px; margin-left: 15px; color: #ffffff; } #indexPage #mslider .bx-wrapper .bx-controls-direction a.bx-next i { margin-left: 17px; } #indexPage #mslider .bx-wrapper .bx-pager { bottom: 44px; left: 50%; transform: translateX(-50%); text-align: center; } #indexPage #mslider .bx-wrapper .bx-controls-direction a:hover i { color: #00C0FF; } /* Banner 背景黑色遮罩 60%，文字保持在上层 */ #indexPage #mslider ul li::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); z-index: 1; pointer-events: none; } #indexPage #mslider ul li > a:not(.link_box) { position: relative; z-index: 2; } /*新首页开始*/ #indexPage .module .content { position: inherit; top: 0px; } /* Hero Banner 高度强制 540px —— 覆盖 jsmo 滑块插件的行内计算（原 .content 选择器无对应 DOM 故失效） */ #indexPage #mslider { height: 540px !important; } #indexPage #mslider > .content { height: 540px !important; min-height: 540px !important; } #indexPage #mslider .bx-wrapper, #indexPage #mslider .bx-viewport, #indexPage #mslider ul.slider { height: 540px !important; min-height: 540px !important; } #indexPage #mslider ul.slider > li { height: 540px !important; min-height: 540px !important; background-size: cover !important; background-position: center center !important; } /* 服务区：正常文档流 + 自适应高度（避免长描述被裁切/遮挡），整体收紧凑，底部留间距不贴下个板块。 */ #indexPage #mservice { height: auto; margin-bottom: 56px; } #indexPage #mservice .content { position: static; top: auto; margin: 0 auto; height: auto; padding: 30px 0 0; } /* 服务区图标（替换占位图）：居中 + 统一定尺寸，并修复因卡片固定高度导致内容被压到下方 */ #indexPage #mservice .service_img { display: block; margin: 0 auto 6px; padding: 0; text-align: center; } #indexPage #mservice .service_img .svc-icon { width: 96px; height: 96px; display: inline-block; } #servicelist .serviceitem, #servicelist .serviceitem:hover { height: auto; min-height: auto; padding: 22px 0 16px; } #servicelist .serviceitem a.serviceitem_content { height: auto; } #servicelist .serviceitem .service_info { margin-top: 6px; } #indexPage #mproject .content { margin: 0; background: transparent; height: auto; padding-bottom: 0px; } #indexPage #mpage .content { margin: 0; height: auto; } #indexPage #mteam .content { margin: 0; height: 540px; } #indexPage #mnews .content { margin: 0 auto; height: auto; } #indexPage #mcontact .content { margin: 0; height: 600px; } .content .header p.subtitle { color: #c1c1c1; font-size: 12px; line-height: 30px; } #header ul li.navitem .nav-a { position: relative; display: block; } #header ul li.navitem .nav-a i { display: none; } #header ul li.navitem .nav-a:after { content: ''; display: block; left: -30px; width: 0px; position: absolute; top: 24px; height: 2px; background-color: #E9E9E9; transition: all 0.3s ease 0s; } #header ul li.navitem a.nav-a.active:after, #header ul li.navitem:hover a.nav-a:after { width: 6px; background-color: #595959; } /*首页案例*/ .projectSubList { margin-bottom: 0px; } #mproject #category { display: block; padding-bottom: 50px; text-align: center; } #indexPage #projectlist .projectitem { width: 33.33%; background: transparent; } #indexPage #mproject a.more { width: 100%; height: 100px; line-height: 100px; border: 0px solid transparent; transition: all 0.3s ease-out 0s; color: transparent; position: relative; border-radius: 0px; margin: 0px; background: #343434; } #indexPage #mproject a.more:before { content: 'VIEW MORE'; display: block; width: 100%; height: 100%; line-height: 100px; text-align: center; color: #fff; text-indent: 0px; position: relative; transition: all ease-out .3s; z-index: 2 } #indexPage #mproject a.more:after { height: 58px; margin: 0px; position: absolute; top: 0px; z-index: 1; } #indexPage #mproject a.more:hover:before { padding-right: 0px; background: #00C0FF; text-indent: -40px; } #indexPage #mproject a.more:hover:after { width: 100%; } #indexPage #mproject a.more:hover:after i { display:none; } #projectlist .projectitem a .project_info { height: 100px; } /*首页关于*/ #indexPage .content .header { padding-top: 80px; padding-bottom: 50px; } /*服务*/ #indexPage #servicelist .serviceitem { width: 33.33%; margin-right: auto; transition: all 0.3s ease-out 0s; height: 300px; padding-top: 0px; } .service_img { display: block; text-align: center; margin: 0 auto; } #servicelist .serviceitem div p.description { width: 80%; margin: 0 auto; } #servicelist .serviceitem div p.title { font-size: 18px; margin: 0 0 16px; } #servicelist .serviceitem:hover .title { color: #00C0FF; } #indexPage #mservice a.more { display: none; } /*首页团队*/ /* MT5 指标介绍：显示板块标题（模板默认隐藏 #mteam .content > .header） */ #mteam .content > .header, #indexPage #mteam .content > .header { display: block; padding-top: 80px; padding-bottom: 30px; } #mteam .content > .header p.title, #mteam .content > .header p.subtitle, #indexPage #mteam .content > .header p.title, #mteam .content > .header p.subtitle, #indexPage #mteam .content > .header p.subtitle { margin: 0 auto; text-align: center; } #mteam .content > .header p.title, #indexPage #mteam .content > .header p.title { color: #333333; font-size: 26px; } #mteam .content > .header p.subtitle, #indexPage #mteam .content > .header p.subtitle { color: #c1c1c1; font-size: 14px; } /* MT5 指标介绍：背景 80% 黑色遮罩，介绍文字白色 */ #indexPage #mteam .bgmask { display: block; background-color: rgba(0, 0, 0, 0.8); } #indexPage #mteam .description { color: #ffffff; } /* MT5 指标介绍：幻灯片内容整体水平居中（图容器已在上方规则中固定 300px 并平衡左右边距） */ /* MT5 指标介绍：内容固定宽度并居中，不随浏览器缩放变化 */ #indexPage #mteam .content_list li .ind-wrap { width: 960px; max-width: 100%; margin: 0 auto; overflow: hidden; } #indexPage #mteam .wrapper { margin: 0 160px; width: auto; padding-top: 20px; } #indexPage #mteam .summary p { text-align: left; } #indexPage #mteam .summary p.title { margin-top: 100px; } #indexPage #mteam .summary p.title a { font-size: 24px; color: #00C0FF; } #indexPage #mteam .summary p.subtitle { line-height: 30px; } #mteam .bx-wrapper .bx-prev { left: -120px; } #mteam .bx-wrapper .bx-next { right: -120px; } #mteam .bx-wrapper .bx-controls-direction a { border-color: transparent; background: transparent; margin-top: -118px; } #mteam .bx-wrapper .bx-controls-direction a:hover { background-color: transparent; } #mteam .bx-wrapper .bx-controls-direction a:hover i { color: #fff; } #mteam .bx-wrapper .bx-controls-direction a i { color: #a1a1a1; } /*首页新闻*/ #indexPage #mnews .content .header { display: block; } /* 注意：本条及上方 mnews .content 规则已被 index.html 内联