#banner .contentTop { width: 100%; border-bottom: 1px solid #ffffff; padding-top: 30px; position: absolute; z-index: 150; background:rgb(0,0,0,0.1); } #banner .contain { width: 1280px; height: 50px; position: relative; margin: auto; z-index: 2; } #banner .contentTop .left img { width: 270px; position: absolute; z-index: 2; left: 1px; } #banner .contentTop .right .ul { width: 750px !important; position: absolute; left: 360px; display: flex; justify-content: space-between; align-items: center; } #banner .contentTop .right .ul li { float: left; font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; font-weight: 400; height: 50px; text-align: center; color: #ffffff; position: relative; } #banner .contentTop .right .ul li:hover::before { content: ''; display: block; position: absolute; width: 80px; height: 5px; background: #ed6b00; top: 45px; left: -3px; z-index: 2; } #banner .contentTop .right .ul li.first::before { width: 60px; left: 10px; } #banner .contentTop .right .ul li a { display: inline-block; width: 72px; line-height: 28px; font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; font-weight: 400; color: #ffffff; position: relative; text-shadow: 2px 2px 2px rgb(0 0 0 / 20%); } #banner .contentTop .right .ul li ul li { float: left; height: 35px; width: 150px; margin: 10px 10px 15px 10px; } #banner .contentTop .right .ul li ul li a{ display: inline-block; text-align: center; width: 150px; height: 35px; line-height: 35px; width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333333; font-size: 16px; font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } #banner .contentTop .right .ul li ul li a:hover{ color: #ffffff; background-color: #ED6B00; } #banner .contentTop .right .ul li ul li:hover::before { content: ''; display: block; position: absolute; width: 0px; } #banner .contentTop .right .ul li ul{ width: 350px !important; position: absolute; display: none; left: -3px; background-color: rgba(255, 255, 255,0.65); box-sizing: border-box; padding-top: 10px; top: 50px; } #banner .contentTop .right .ul li:hover ul { display: block; } #banner .contentTop .right .btn { position: absolute; width: 80px; height: 34px; left: 1314px; top: 7px; padding: 2px; color: #ed6b00; font-size: 18px; font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; letter-spacing: 2px; border-radius: 15px; background: transparent; border: 1px solid #ed6b00; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; } #banner .contentTop .right svg { position: absolute; width: 17px; height: 17px; display: inline-block; color: #ffffff; top: 18px; left: 1425px; cursor: pointer; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } #banner .contentTop .right input { position: absolute; width: 180px; height: 35px; border-radius: 20px; border: none; color: #ffffff; outline: none; background: rgba(168, 165, 165,0.3); top: 8px; left: 1420px; display: none; text-indent: 2em; font-size: 16px; font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; transition: all 0.3s; transform: translateX(-130px); } input::-webkit-input-placeholder { color: rgba(255, 255, 255,0.5); } #banner .line { width: 100%; height: 1px; background: #ffffff; position: absolute; top: 121px; opacity: 0.43; z-index: 2; }