body > Div:first-child { min-width: 1200px; } .header { height: 100px; position: relative; z-index: 999; } .logo { margin-top: 34px; } .nav-ul { margin-top: 48px; } .nav-ul > ul { position: relative; } .nav-ul > ul > li { position: relative; } .nav-ul > ul > li > a { display: block; color: #555555; font-size: 18px; height: 30px; position: relative; margin-right: 35px; } .nav-ul > ul > li > a::after { content: ""; left: 0; bottom: 0; transition: 0.3s; width: 100%; transform: scale(0); background-color: #003fc0; height: 2px; position: absolute; } .nav-ul > ul > li > .a-hover, .nav-ul > ul > li > .nav-Hover { color: #008ae5; } .nav-ul > ul > li > .a-hover::after, .nav-ul > ul > li > .nav-Hover::after { transform: scale(1); } .nav-ul > ul > li > .mr0 { margin-right: 0; } .nav-ul > ul::before { content: ""; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #aec8ec; position: absolute; } .header .nav-two { position: absolute; background-color: #ffffff; display: none; border-top: none; padding: 10px 0; box-shadow: 0px 2px 8px 0px #aec8ec; } .header .nav-two li { height: 40px; min-width: 150px; max-width: 200px; text-align: left; position: relative; } .header .nav-two li > a { padding-left: 20px; display: block; height: 40px; font-size: 14px; color: #333333; line-height: 40px; transition: 0.5s; } .header .nav-two li > .nav-two-Hover { color: #ffffff; background-color: #aec8ec; } .header .nav-tree { /* width: 120px; */ background: #ffffff; position: absolute; /* right: -150px; */ left: 100%; top: 0; font-size: 14px; display: none; padding: 10px 0; border: 1px solid #aec8ec; } .header .nav-tree li > a:hover { color: #ffffff; background-color: #cddcf6; } .banner { height: 212px; } .banner .banner-text { /* padding-top: 78px; margin-left: 78px; animation-delay: 0.2s; */ }