/*logo*/ .index_navigation_fx{width: 100%;height: 21px;background: #5e5e5e;} .index_navigation_fx2{width: 1190px;margin: 0 auto;} .index_navigation_headbg{min-width:1190px; max-width:1920px; margin:0 auto; height:113px;} .index_navigation_Top{ width:1190px; margin:0 auto; height:113px;} .index_navigation_Logo{ width:450px; float:left; height:113px;} .index_navigation_Logo img{ height:113px; border:none;} .index_navigation_HeadRight{ width:420px; float:right; margin-top:55px;} .index_navigation_page_Menu{width:100%; position:relative;} .index_navigation_page_Menu ul li{ float:left; list-style:none; height:39px; position:relative;} .index_navigation_page_Menu ul li h2{ font-size:16px; color:#1a1a1a; line-height:24px; font-weight:normal;} .index_navigation_page_Menu ul li:hover{} .index_navigation_page_Menu ul li:hover h2{font-size:16px; color:#0f83d8; font-weight:normal; line-height:25px;} .index_navigation_page_Menu ul li a:hover{ text-decoration:none;} .index_navigation_page_Menu:hover .index_navigation_menu_line:hover{ background:none;} .nav{width: 100%;height: 50px;background: #222222;} .nav_con{width: 1190px;margin: auto;background: url(../ZERO/img/navconbg.jpg) center no-repeat;height: 50px} .nav_con li{float: left;padding: 0px 49px;} .nav_con li h2{font-size: 16px;color: #fff;line-height: 50px;font-weight: normal;} .nav_con li h2:hover{background: url(../ZERO/img/navbg.jpg) center bottom no-repeat;color: #eb5f01} #one>li:hover a{color: #eb5f01} #one>li{ width: 80px; height: 24px; float: left; line-height: 24px; color: #3c3c3c; position: relative; padding-right: 0px; z-index: 9999; text-align: center; background: #fff; border:1px solid #c9c9c9; border-radius: 5px; } .two{ width: 108px; height: 25px; border:1px solid #ccc; display: none; position: absolute; z-index: 9999; top: 26px; left: 0px } .two li{ text-align: center;height: 25px !important;width: 108px;border-bottom: 1px solid #ccc; transition-duration: 0.5s;padding: 0px !important; -moz-transition-duration: 0.5s; /* Firefox 4 */ -webkit-transition-duration: 0.5s; /* Safari 和 Chrome */ -o-transition-duration: 0.5s;background: #fff } .two li:hover{background: #efefef} /*菜单*/ .page_Menubg{ width:100%; margin:0 auto; min-width:1190px; max-width:1920px; height:50px; background:#666666; position:relative;} .page_Menu{ width:1190px; height:50px; margin:0 auto} .page_Menu .menu_line{ padding:0;} .page_Menu .menuon1{ background:#e70b13 !important; display:block;} .page_Menu .menuon1 h2{ font-size:15px; color:#fff !important;} .page_Menu ul{ z-index:100; margin: 0; padding: 0; list-style-type: none; height:50px; } .page_Menu ul li{ position: relative; display: inline; float: left; } .page_Menu ul li h2{ color:#fff;font-size:15px; font-weight:normal; padding:0 55px; line-height:50px;} .page_Menu ul li h2:hover{background: url(../ZERO/img/navbg.jpg) center bottom no-repeat;color: #eb5f01} * html .page_Menu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; } .page_Menu ul li a:link, .page_Menu ul li a:visited{ color: #fff; } .page_Menu ul li a.selected,.page_Menu ul li a:hover{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/ color: #fff; } .page_Menu ul li ul li a.selected,.page_Menu ul li ul li a:hover{ color: #fff; } .page_Menu ul li ul li a:link, .page_Menu ul li ul li a:visited{ color: #fff; } /*1st sub level menu*/ .page_Menu ul li ul{ position: absolute; left: -28px !important; display: none; /*collapse all sub menus to begin with*/ visibility: hidden; padding:0; margin:0; z-index:999; background:#d5e7ff; height:auto; } /*Sub level menu list items (undo style from Top level List Items)*/ .page_Menu ul li ul li{ display: list-item; float: none; line-height:normal; padding: 0; line-height:20px; padding:6px 0; background:none; } .page_Menu ul li ul li:hover h3{color:#0c4ca0;} .page_Menu ul li ul li h3{ color:#575c62; font-weight:normal; text-align:center;font-size:13px; line-height:20px;} /*All subsequent sub menu levels vertical offset after 1st level sub menu */ .page_Menu ul li ul li ul{ top: 0; } /* Sub level menu links style */ .page_Menu ul li ul li a{ font:"Arial"; font-weight:normal; font-size:12px; padding:0; margin: 0; line-height:32px; border-top-width: 0; z-index:999; border:none; } /* Holly Hack for IE \*/ * html .page_Menu{height: 1%;} /*Holly Hack for IE7 and below*/ /* ######### CSS classes applied to down and right arrow images ######### */ .downarrowclass{ position: absolute; top: 12px; right: 7px; } .rightarrowclass{ position: absolute; top: 6px; right: 5px; } /* ######### CSS for shadow added to sub menus ######### */ .ddshadow{ /*shadow for NON CSS3 capable browsers*/ position: absolute; left: 0; top: 0; width: 0; height: 0; background: silver; } .toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/ opacity: 0.8; } .navigation-down{position:absolute;top:50px;left:0px;width:100%;} .navigation-down .nav-down-menu{width:100%;margin:0;position:absolute;top:0px; left:0; z-index:9999;} #product{background: #efefef;} .navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:1000px;position:relative;} .navigation-down .nav-down-menu dl{float:left;margin:18px 5px 18px 0} .navigation-down .menu-1 dl{margin:20px 100px 25px 0;} .navigation-down .menu-1 dt{font:bold 16px "微软雅黑";color:#000000; line-height:18px; padding-left:10px; text-align:left; height:28px;} .navigation-down .menu-1 dt h3{font:bold 16px "微软雅黑";color:#000000; line-height:18px;} .navigation-down .menu-1 dd{margin:0;text-align:left; padding:5px 0 3px 10px;} .navigation-down .menu-1 dd h3{font:normal 15px "微软雅黑"; line-height:18px; color:#000000; background:url(../ZERO/img/top_dot.png) left no-repeat;background-size: 8px; padding-left:20px;} .navigation-down .menu-1 dd h3:hover{color:#0c4ca0} .navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#6c6c6c;font:normal 12px "微软雅黑"} .sjmenu a:hover{color:#0c4ca0} .navigation-down .menu-2 dl{ width:162px;margin:20px 0px 5px 0; height:20px;} .navigation-down .menu-2 dt{font:bold 14px "微软雅黑";color:#000000; line-height:14px; padding-left:10px; text-align:left; height:20px;} .navigation-down .menu-2 dd{margin:0;text-align:left; padding:5px 0 3px 10px;} .navigation-down .menu-2 dd a{color:#6c6c6c;font:normal 12px "微软雅黑"; line-height:14px;} .navigation-down .menu-2 dd a:hover{color:#6c6c6c} .index_navigation_page_Menu .index_navigation_search_list{ position:absolute;right: 160px; background:#fff; top:0px; width:182px; height:24px; font-size:15px; text-align:center; z-index:9999} .index_navigation_Page_Search{width:182px; margin:auto;height: 32px;} .index_navigation_page_Menu:hover .index_navigation_top_search{ background:none !important;} #index_navigation_animate,#index_navigation_animate_1,#index_navigation_animate_2{-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-animation-duration: 1s; -webkit-animation-delay: .2s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: 1s; -moz-animation-delay: .2s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: 1s; -ms-animation-delay: .2s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: 1s; animation-delay: .2s; animation-timing-function: ease; animation-fill-mode: both;}