.SubMenu a { outline: none; color: #0d0d0d; text-decoration: none; transition: 0.2s; font-size:18px; } .SubMenu a:hover { color: #0d0d0d;text-decoration: none; } ::-webkit-scrollbar {/*Chrome适用*/ width: 10px; height: 1px; } ::-webkit-scrollbar-thumb {/*滚动条*/ border-radius: 10px; background: #959da9; } ::-webkit-scrollbar-track {/*滚动条里面轨道*/ border-radius: 10px; background: #dce1e6; opacity: 0.7; } .fleft { float: left } .fright { float: right } .clear { clear: both } .Col3 { width: 33%; } /* .Line { background: rgba(120,130,150,.15); height: 1px; margin: 5px; } */ .NavMenu { /*所有产品*/ float: left; } .NavMenu:hover { /*background-color: #FF7800*/ } .NavMenu .SubMenu { /*子菜单*/ border-right: 1px solid rgba(120,130,150,.2); width: 230px; background: #ECEDEF; position: absolute; top: 68px; bottom: 0; left: -2560px; animation: fadeIn 0s; transition: 0s; opacity: 0; } /*下拉导航左侧距离*/ .NavMenu:hover .SubMenu { left: 0%; top: 68px; transition: 0s; z-index: 10; opacity: 1; margin-left:-60px; } .NavMenu:hover .SubMenu:before, .NavMenu:hover .SubMenu ul:before { /*加大甜区*/ content: ""; position: absolute; width: 100%; left: 230px; bottom: 0; top: 0; } .NavMenu .SubMenu ul { padding: 20px 0 0 0; } .NavMenu .SubMenu li { border-bottom: 1px solid rgba(120,130,150,.15); line-height: 60px; text-align: left; padding: 0 32px 0 20px; list-style: none } .NavMenu .SubMenu li:first-child { border-top: 1px solid rgba(120,130,150,.15) } .NavMenu .SubMenu .arrow { background: url(../images/jiantouyou01.svg) center right 10px no-repeat; background-size: 14px; transition: 0.2s } .NavMenu .arrow:hover { background-position: center right 10px !important; background: url(../images/jiantouyou02.svg) center right 10px no-repeat; background-size: 14px; } .NavMenu .SubMenu a { color: #0d0d0d; width: 100%; height: 100%; display: block; } .NavMenu .SubMenu li:hover{ background-color: rgba(2,92,234,1); color: #FFFFFF; } .NavMenu .SubMenu li a:hover { color: #FFFFFF; } .NavMenu .SubMenu li ul { /*二级菜单*/ /*border-right: 1px solid rgba(120,130,150,.2); box-shadow: 0 0 10px rgba(120,130,150,.1); background: #F6F7F8; */ top: 0; bottom: 0; left: 230px; width: 230px; position: absolute; display: none; transition: 0s } .NavMenu .SubMenu li:hover ul { animation: fadeIn2 0s; display: block } /* .NavMenu .SubMenu .PopMenu { width: 840px; left: 230px; bottom: 0; top: 0; padding: 10px; position: absolute; border-right: 1px solid rgba(120,130,150,.2); background: #FFF; box-shadow: 0 0 10px rgba(0,0,0,.1); display: none } */ .NavMenu .SubMenu .M { width: 360px; } /* /* .NavMenu li li:hover .PopMenu { display: block; } .NavMenu .SubMenu .PopMenu ul { background: none; border: none; box-shadow: none; position: relative; left: 0; } .NavMenu .SubMenu .PopMenu a { line-height: 32px; height: 32px; text-indent: 2em } .NavMenu .SubMenu .PopMenu a:hover { color: #FF7800 } .NavMenu .PopMenu .Search { background: url(../images/ico_zoom.svg) no-repeat 5px center #FFF; background-size: 22px; border-radius: 6px; border: 1px solid rgba(120,130,150,.5); padding: 0 0 0 32px; margin: 5px; height: 32px; width: 570px; } */ /* .NavMenu .QuickMenu { width: 230px; float: right; } .NavMenu .QuickMenu a:hover { border-left: 5px solid #FF7800; background: rgba(255,120,0,.1) } */ /* .NavMenu .PopMenuList { border-right: 1px solid rgba(120,130,150,.1); position: absolute; left: 10px; right: 230px; top: 60px; bottom: 10px; overflow: auto; } .NavMenu .M .PopMenuList { border: none; right: 10px; top: 10px; } .NavMenu .PopMenuList h4 { border-bottom: 1px solid rgba(120,130,150,.2); margin: 0 10px; padding: 0 0 0 16px; position: relative } .NavMenu .PopMenuList h4:before { content: ""; width: 8px; height: 8px; position: absolute; left: 0; top: 14px; border-radius: 50%; background: #00a4ff } */ .ShowMenu { position: relative; } .FadeIn { /*出现*/ animation: fadeIn 0.2s; } @keyframes fadeIn { 0% { transform: translate3d(-100%, 0, 0) } to { transform: none } } @keyframes fadeInX { 0% { transform: translate3d(0, 10%, 0) } to { transform: none } } @keyframes fadeIn2 { 50% { transform: translate3d(-10%, 0, 0); } to { transform: none; } } .arrow{background:#ffffff;} .arrow:hover .down-ys{color:#ffffff;} .arrow:hover{} .SubMenu ul li{border-left: 1px solid rgba(120,130,150,.2);border-right: 1px solid rgba(120,130,150,.2);height:60px;line-height:60px;background:#ffffff;} .SubMenu ul li li{border-left: 0px solid rgba(120,130,150,.2);height:60px;line-height:60px;background:#ffffff;margin-left:-1px; /*字体超出隐藏*/ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; /*字体超出隐藏*/ } #Menu-paddingtopzero{padding-top:0;background:#ffffff;/*导航文字与二级菜单的间距*/margin-top:-3px;} #no-li-del-border{border:0;} #no-li-del-border:hover{background:#ffffff;}