2025-07-28 18:06:46 +08:00
|
|
|
|
.header_container{position:fixed;left:0;top:0;width:100%;box-sizing:border-box;height:max-content;z-index:8;color:#333}.header_container>.nav-banner{position:relative;width:100%;height:60px;overflow:hidden;box-sizing:border-box}@media screen and (max-width:800px){.header_container>.nav-banner{display:none}}.header_container>.nav-banner .banner_button{width:100%}.header_container>.nav-banner .banner_button .arraw_left{background:url(../image/s-left.png) no-repeat center;background-position:0 0;width:30px;height:30px;top:50%;margin:0;transform:translateY(-50%);left:30px;z-index:999}.header_container>.nav-banner .banner_button .arraw_right{background:url(../image/s-right.png) no-repeat center;background-position:0 0;width:30px;height:30px;top:50%;margin:0;transform:translateY(-50%);right:30px}.header_container>.nav-banner .swiper_banner_container{display:flex;align-items:center;width:100%;height:100%}.header_container>.nav-banner .swiper_banner_container a{box-sizing:border-box;display:flex;align-items:flex-start;justify-content:center;background-position:center center;width:100%;height:100%;overflow:hidden}.header_container>.nav-banner .swiper_banner_container a>div{max-width:1100px;width:100%;margin:0 auto;display:flex;align-items:center}.header_container>.nav-banner .swiper_banner_container a>div .b_left{display:flex;align-items:center}.header_container>.nav-banner .swiper_banner_container a>div .b_left>h2{font-size:20px;color:#FFFF00;line-height:24px;font-weight:bold;font-style:italic}.header_container>.nav-banner .swiper_banner_container a>div .b_right{margin-left:auto;display:flex;align-items:center}.header_container>.nav-banner .swiper_banner_container a>div .b_right>h2{font-size:16px;color:#FFFFFF;line-height:19px;text-shadow:0 4px 4px rgba(0,0,0,0.25);font-style:italic}.header_container>.nav-banner .swiper_banner_container a>div .b_right>p{font-size:16px;color:#FFFFFF;margin-left:40px;font-style:italic}.header_container>.nav-banner .swiper_banner_container a>div .b_right>p>span{color:#FFFF00;display:inline-block;margin-left:8px;text-decoration:underline}.header_container>.nav-banner .swiper_banner_container a>p{font-family:DMSans-Bold;font-weight:bold;font-size:18px;color:#FFFFFF}.header_container>.nav-banner .swiper_banner_container a>p>.count{color:#FFDF28}.header_container>.nav-banner .swiper_banner_container a>p>img{margin-right:12px;width:30px}.header_container>.nav-banner .swiper_banner_container a>em{font-style:normal;display:inline-block;width:1px;height:24px;border-radius:0px 0px 0px 0px;border:1px solid #FFFFFF;margin:0 8px;box-sizing:border-box;opacity:.5}.header_container>.nav-banner .swiper_banner_container a.banner1{gap:15px;align-items:center;background:linear-gradient(90deg, #001064 0%, #C4272A 52%, #001366 100%)}.header_container>.nav-banner .swiper_banner_container a.banner2{gap:15px;align-items:center;background:linear-gradient(176deg, #4D00FF 0%, #850099 100%)}.header_container>header{position:relative;width:100%;font-size:16px;z-index:12;top:0}.header_container>header.active{background-color:#fff;box-shadow:0 5px 14px 0 rgba(114,131,177,0.12)}.header_container>header .yh_hot{width:20px}.header_container>header>.header_content{box-sizing:border-box;display:flex;margin:0 auto;height:60px;align-items:center;width:auto;max-width:1200px;flex-basis:100%;justify-content:space-between}.header_container>header>.header_content>.header_inner{display:flex;align-items:center;flex-basis:calc(100% - 416px);flex-grow:1}@media (max-width:1000px){.header_container>header>.header_content>.header_inner{display:none}}.header_container>header>.header_content>.header_inner>.header_menu{margin-right:auto;display:flex;align-items:center;margin-left:50px;font-size:14px;font-weight:500;font-family:Regular_Medium;height:60px;line-height:60px}.header_container>header>.header_content>.header_inner>.header_menu>div{cursor:pointer;padding:0px 20px;transition:all .3s;height:100%}.header_container>header>.header_content>.header_inner>.header_menu>div.use-case>.header_dropdown>div{display:flex;flex-direction:column;row-gap:1
|
