*{ margin: 0; padding: 0; font-family: PingFangSC-Light, 微软雅黑; } body,html{ width: 100%; height: auto; color:#333; /* overflow: hidden;*/ /*background: url('../img/true.png') ;*/ background-color: #001d58; background-size: 100% 100%; } /*各浏览器显示不同,去掉蓝色边框*/ fieldset, img, input, button { border: none; padding: 0; margin: 0; outline-style: none; } img { border: 0; vertical-align: middle; } ul, li { list-style: none; } a { text-decoration: none; cursor: pointer; } /*清除浮动*/ .clear-both:before, .clear-both:after { display: table; content: ""; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; clear: both; } .clearfix { *zoom: 1; /*IE/7/6*/ } .fl{ float: left; } .fr{ float: right; } /*header开始*/ .header{ width: 100%; height: 80px; padding:0 20px; min-width: 1366px; } .bg_header{ width: 100%; height: 80px; /*background: url(../img/title.png) no-repeat;*/ background-size: 100% 100%; } .header>.header_logo{ padding:18px 10px 10px 0px; } .header>.header_logo>a{ display: block; } .header>.header_logo>a>img{ width:260px; } .header>.header_nav{ margin-left: 20px; } .header>.header_nav>ul>li{ float: left; margin-right: 6px; position: relative; } .header>.header_nav>ul>li>a{ display: block; height: 80px; padding:0 10px 0 30px; line-height: 80px; color:#fff; } .header>.header_nav>ul>li>a:hover{ border-bottom: 4px solid #4b8df8; } .header>.header_nav>ul>li>img{ float: left; position: absolute; top: 33px; left:10px; } .header>.header_nav>ul>li>a.nav_current{ border-bottom: 4px solid #4b8df8; } .header>.header_myself{ width: 90px; text-align: center; } .header>.header_myself>p{ color:#fff; font-size: 13px; margin-top: 15px; } .header>.header_myself>a{ color:#fff; font-size: 13px; } /*content 开始*/ .content{ margin: 20px; width: calc(100% - 40px); min-width: 1366px; } .content>.content_title{ width: 100%; height: 35px; line-height: 35px; background-color: #4b8df8; box-sizing: border-box; margin-bottom: 20px; } .content>.content_title>p{ color:#fff; font-size: 16px; font-weight: 600; } .content>.content_title>img{ margin: 10px 10px 0px 10px; } .content>.content_main{ min-width: 1366px; } .content>.content_main>.content_search>div{ margin-right: 25px; } .content>.content_main>.content_search>div>label{ width: 80px; text-align: right; } .content>.content_main>.content_search>div>select, .content>.content_main>.content_search>div>input { width: 200px; } .content>.content_main>.content_table{ margin-top: 30px; } .content>.content_main>.content_table>table{ margin-top: 15px; } .content>.content_main>.content_table>table th:nth-child(1), .content>.content_main>.content_table>table td:nth-child(1){ width: 50px; text-align: center; } .content>.content_main>.content_page>span { font-size: 12.8px; margin-top: 7px; } .content>.content_main>.content_page>select{ width: 70px; margin-right: 10px; } /*content 结束*/ .short_title{ position: absolute; /*top: 0px;*/ /*left: 410px; */ top: 20px; left: 395px; z-index: 2; width: 944px; height: 69px; background: url(../img/标题.png) no-repeat; background-size: 100% 100%; } .ditu{ position: absolute; top: 0px; left: 0px; z-index: 0; width: 1920px; height: 1080px; background: #000; border-top: #001d58 50px solid; border-left: #001d58 50px solid; border-right: #001d58 50px solid; border-bottom: #001d58 50px solid; } .bg_border{ position: absolute; top: 0px; left: 0px; z-index: -1; width: 1920px; height: 1080px; background: url(../img/bg.png) no-repeat; background-size: 100% 100%; } .top_border{ position: absolute; top: 0px; left: 0px; z-index: 1; width: 1920px; height: 108px; background: url(../img/top-boder.png) no-repeat; background-size: 100% 100%; } .top_datatime{ position: absolute; top: 22px; left: 50px; z-index: 4; width: 341px; height: 65px; background: url(../img/datatime.png) no-repeat; background-size: 100% 100%; } .top_menu{ position: absolute; top: 22px; right: 50px; z-index: 4; width: 504px; height: 61px; background: url(../img/menu.png) no-repeat; background-size: 100% 100%; } .left_content{ position: absolute; top: 100px; left: 70px; z-index: 2; width: 562px; height: 914px; background: url(../img/左侧.png) no-repeat; background-size: 100% 100%; } .right__content{ position: absolute; top: 100px; right: 60px; z-index: 2; width: 562px; height: 914px; background: url(../img/右侧.png) no-repeat; background-size: 100% 100%; } .top_menu_font{ font-size: 20px; width: 120px; text-align: center; color: #ffffff; font-family: 宋体; line-height: 70px; margin-right: 20px; } .ditu_yaosu{ color: #fff; font-family: 宋体; font-size: 16px; position: absolute; top:812px; left: 660px; z-index: 4; width: 275px; height: 180px; background: url(../img/地图要素.png) no-repeat; background-size: 100% 100%; } #time{ font-size: 20px; text-align: center; color: #ffffff; font-family: 宋体; line-height: 70px; margin-right: 20px; } .amap-traffic{ background: #0a1348; } .yaosu1{ margin-left: 35px; margin-top: 35px; } .yaosu2{ margin-left: 165px; margin-top: -127px; } .yaosu_icon{ /*display: -webkit-box;*/ } .guolu_icon{ /*background: url(../img/YAOSU/电梯.png) no-repeat;*/ /*background-size: 100% 100%;*/ /*height: 25px;*/ /*width: 25px;*/ /*position: relative;*/ /*left: 20px;*/ /*top:-40px;*/ } .yaosu_text{ /*position: relative;*/ /*left: 50px;*/ /*top:-40px;*/ } .dianti_icon{ background: url(../img/YAOSU/电梯.png) no-repeat; background-size: 100% 100%; height: 25px; width: 25px; /*position: relative;*/ /*left: 20px;*/ /*top:-40px;*/ }