a,.myheader-box .oneline{ font-family: "RW黑体常规",STHeiti,Heiti SC, SimHei,"黑体-简"!important; } */ .myheader-box { position: relative; } .myheader-box .myheader { height: 72px; width: 100%; min-width: 1024px; background-color: #ffffff; font-size:23.11px; } .myheader-box .myheader>div{ float: left; } .myheader-box .left { width: 41.66%; height: 100%; /* min-width: 426.66px; */ text-align: left; line-height: 80px; position: relative; } .myheader-box .left > img { cursor: pointer; width: 108px; display: inline-block; position: absolute; left: 30%; top: 50%; transform: translateY(-50%); } .myheader-box .center { width: 27.088%; height: 100%; min-width: 300px; display: table; color: #495577; box-sizing: border-box; font-weight: 400; } .myheader-box .center > span { width: 40.38%; display: table-cell; vertical-align: middle; white-space: nowrap; text-align: left; } .myheader-box .center > span:first-child{ width: 50%; } .myheader-box .right { float: right!important; width: 24%; height: 100%; min-width: 290px; line-height: 66px; display: flex; box-sizing: border-box; padding: 0 56px 0 0px; justify-items: center; justify-content: flex-end; align-items: center; letter-spacing: 4px; font-size: 17.33px; } .myheader-box .right > div { position: relative; margin-right: 19px; font-family: Regular; } .myheader-box .right > div > img { position: absolute; right: 8%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); } .myheader-box .right > img { width: 23px; height: 25px; } .myheader-box .right > .inputBox { width: 128px; height: 100%; margin-right: 20px; } .myheader-box .inputBox > input { height:28px; width: 100%; outline:none; box-sizing: border-box; border: 1px solid #000; border-radius: 8px; padding-right: 25px;; } .myheader-box .cursoe { cursor: default; display: inline-block; height: 100%; } .myheader-box span.target>a{ color:#4d4d4d } .myheader-box span.target>a:hover, .myheader-box span.target>a:visited, .myheader-box span.target>a:link, .myheader-box span.target>a:active { color:#4d4d4d } .myheader-box .drawDown { font-size: 16px; display: flex; padding: 0; box-sizing: border-box; justify-content: space-between; text-align: left; max-height: 0; opacity: 0; transition: all 0.2s linear; -moz-transition: all 0.2s linear; /* Firefox 4 */ -webkit-transition: all 0.2s linear; /* Safari 和 Chrome */ -o-transition: all 0.2s linear; /* Opera */ overflow: hidden; } .myheader-box .cursoe:hover .drawDown { max-height:330px; opacity: 1; padding: 50px 100px; height: auto; } .myheader-box .drawDown1 { min-width: 563px; height:330px; position: absolute; top:72px; left: 54%; overflow: hidden; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); z-index: 999; background-color: #fff; } .myheader-box .drawDown2{ left: 57%; } .myheader-box .drawDown3{ left: 69%; } .myheader-box .item { margin-right: 40px; min-width:100px; } .myheader-box .item > h3 { font-size: 16px; margin-bottom: 18px; font-weight: 600; cursor: pointer; padding-left: 10px; } .myheader-box .over6::before{ content:'占位符'; font-size: 16px; display: block; margin-bottom: 18px; color: transparent; } .myheader-box .item > a { font-size: 14px; display: block; margin-bottom: 16px; cursor: pointer; color: #999999; white-space: nowrap; position: relative; padding-left: 10px; text-decoration:none; transition: color 0.2s linear; -moz-transition: color 0.2s linear; /* Firefox 4 */ -webkit-transition: color 0.2s linear; /* Safari 和 Chrome */ -o-transition: color 0.2s linear; /* Opera */ } .myheader-box .item > a:hover { color: #333333; }

智慧城市

助力城市治理体系和城市治理能力现代化建设

点击了解更多

智慧市政

实现市政设施全生命周期智慧化管理

点击了解更多

智慧道路

构建新型智慧城市建设的骨架体系

点击了解更多

智慧灯杆

智慧城市建设的重要载体

点击了解更多

宣传片

新闻动态

赋能城市 高效治理
联系方式
电话:0769-82288988
地址:东莞市松山湖高新技术产业开发区新竹苑1号楼

官方微信

官方微博

©2017-2020大阳城集团娱乐网站234有限公司 版权所有

XML 地图