*{ margin:0; padding:0; } .index_top{ height: 65px; left: 0; margin: 0; position: relative; width: 100%; z-index: 100; } .head_bg{ background-image: linear-gradient(to right, #4481eb 0%, #04befe 100%); height: 65px; margin: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 1; } .left_logo{ left: 10px; position: absolute; top: 3px; width: 300px; z-index: 100; border-radius: 8px 0 8px 8px; } .search_welcome{ position:absolute; top: 0px; right:0px; height: 64px; z-index: 99; } .search_panel{ float:left; margin-top:12px; padding-right:12px; } .search_box{ border:1px solid #b1babd; width:203px; height:22px; background:#fff; } .search_text{ width:180px; height:14px; background:#fff; border:none; } .search_button{ width:20px; height:20px; border:none; background:url(../images/icons/icons_22.png) no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/icons/icons_22.png"); } .welcome_panel{ font-family:微软雅黑; margin-top:8px; float:right; margin-right:10px; color: #b7e2ff; font-size: 14px; } div.index_menu{ left: 320px; position: absolute; top: 1px; min-width:400px; z-index: 100; } div.nav_button{ height: 64px; width:36px; float: left; margin-left:2px; /* margin-top: 25px; */ } a.menuItem{ color: #dfeefb; cursor: pointer; display: inline-block; float: left; font-size: 16px; height: 65px; line-height: 65px; padding: 0px 10px; width: 120px; } a.menuItem span{ display: block; height: 65px; /* padding-top: 3px; */ float: left; padding: 0px 0px; padding-left: 10px; text-decoration: none; font-weight: bold; } a.menuItem_hover{ text-align:center; color:#fff; } a.menuItem:hover{ color:#fff; } a.menuItem:hover img{ filter:brightness(100%); } a.menuItem_hover span{ color:#fff; } a.menuItem img{ display: block; height: 30px; margin: 18px auto; width: 30px; float: left; } div.menuParent{ float: left; height: 65px; overflow: hidden; position: relative; width: 90%; z-index: 100; } div.menuPanel{ display: block; height: 65px; overflow: hidden; position: absolute; white-space: nowrap; z-index: 100; } a.nav_left,a.nav_right{ cursor:pointer; display:none; height: 64px; width:0px; padding-left: 18px; float:left; z-index: 100; } a.nav_left{ background: url(../images/nav_left.png) no-repeat 0px 24px; } a.nav_right{ background: url(../images/nav_right.png) no-repeat 0px 24px; } a.nav_left:hover{ background: url(../images/nav_left_hover.png) no-repeat 0px 24px; } a.nav_right:hover{ background:url(../images/nav_right_hover.png) no-repeat 0px 24px; } div.changge_skin{ margin-top:3px; position: absolute; right: 25px; top: 10px; z-index: 100; width: 32px; height: 33px; background:url(../images/changge_skin.png) no-repeat; cursor: pointer; background-size: 33px; } .changge_div{ width:145px; height:30px; position:absolute; top:20px; right:10px; z-index:9; opacity:0; } .changge_div a{ float:left; width:20px; height:20px; display:block; border-radius:50%; margin:0px 8px; box-shadow: 3px 2px 3px #787979; } .changge_a1{ background-image: linear-gradient(to right, #4481eb 0%, #04befe 100%); } .changge_a2{ background-image: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%); } .changge_a3{ background-image: linear-gradient(to top, #0ba360 0%, #3cba92 100%); } .changge_a4{ background-image: linear-gradient(to top, #d9afd9 0%, #97d9e1 100%); } div.changge_skin img{ margin-left: 2px; } .show_sys{ width:192px; z-index:10000; border:1px solid #aac9ce; border-top:none; background:#FFF; margin-left:290px; font-family:"����"; font-size:14px; font-weight:bold; color:#35607f; display:none; position:absolute; margin-left:118px; margin-top:-2px; } .select_sys{ width:200px; height:22px; border:1px solid #a9b2c3; background:#fff; font-family:"����"; font-size:14px; font-weight:bold; color:#35607f; margin-left:290px; padding-left:10px; } .select_sys img{ float:right; cursor:pointer; height:22px; position:absolute; *+margin-top:-1px; *+margin-left:34px; border-left:1px solid #b2bbcc; } .select_sys span{ width:132px; display:inline-block; height:20px; } .show_sys a{ color:#35607f; } .show_sys ul{ list-style:none; } .show_sys ul li{ width:180px; height:28px; padding-top:5px; padding-left:10px; border-bottom:1px dashed #aac8d2; } .show_sys ul li a{ width:180px; display:block; height:28px; margin-left:-10px; padding-left:10px; } .show_sys ul li a:hover{ background: url("../images/content_bg_hover.jpg") repeat-x scroll 0 0 transparent; } .msg_div{ padding:0 5px; height:20px; line-height:20px; } .msg_div img{ margin:0; vertical-align:middle; } .msg_div a{ margin:0; vertical-align:middle; } .green_index_top{ height: 120px; left: 0; margin: 0; position: relative; width: 100%; z-index: 100; } .welDive{ /* padding-top: 18px; */ padding-right: 58px; height: 64px; } .logo_pic{ background: url('../images/other/bpmx3_logo.jpg') no-repeat scroll 5px 8px transparent; } .logo_{ z-index: 100;height: 60px;padding-left: 8px;padding-top: 12px;position: absolute; } .logo_img{ float:left;margin-right:10px;margin-top:5px; } .logo_chn{ letter-spacing: 1px;font-size: 30px;font-family: 隶书;font-weight: bold;z-index: 100; } .logo_eg{ font-family:隶书; font-size:14px; }