header{ position: relative; z-index: 9999;border-bottom:2px solid #119f0f ; height: 100px; box-sizing: border-box;} .wrap{width: 100%;margin: 0 auto;height: 45px;background-color: #dda300;min-width: 1200px;} #nav {display: flex;display: flex;flex-direction: row;justify-content: center;align-items: center;flex-wrap: wrap;} .logo{width: 230px;overflow: hidden;} .logo a{display:block;} .logo a img {max-width: 100%;} ul.nav789 {display: inline-flex;flex: 1;} li.nav-item {flex: 1;border-right: 1px solid #eed180;/* border-top: 1px solid #eed180; */} li.nav-item>a{display: block;text-align: center;line-height: 45px;font-size: 18px;position: relative;color: white;} li.nav-item:hover>a ,li.nav-item.active>a{/* color: #119f0f; */} li.nav-item:hover>a::before,li.nav-item.active>a::before{display: block;} /* ?¤???’?§???§?¨???“?? */ .subMenu{display: none;position: absolute;top: 135px;left: 0;width: 100%;height: 70px;background: rgba(255, 255, 255);z-index: 99;box-shadow: 0 18px 15px -18px #505050;} .subMenu>ul{display: flex;flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; } .subMenu>ul>li>a{display:block;padding:0 18px;text-align: center;line-height: 70px;color: #333333;font-size: 18px;background: url(/cnit/lib/tempalte/scheme/images/dj0608.png) no-repeat 0px 27px;} .subMenu>ul>li>a:hover{color: #DDA300;} .wrap_789{ width: 1200px; margin: 0 auto; } .nav789 li:nth-child(1) { border-left: 1px solid #eed180; } .wraps li:nth-child(1){ border-left: none; } .nav-item:hover>a, li.nav-item.active>a { color: #dda300; background: #fff; border-top: 1px solid #eed180; } .site_top p:nth-child(4) { margin-right: 10px; } .wraps1 { padding-right: 96px; } .wraps2 { padding-right: 407px; } .wraps3 { padding-left: 33px; } .wraps4 { padding-right: 137px; } .wraps5 { padding-left: 187px; } .wraps6 { padding-left: 386px; } .wraps7{ padding-left: 460px; } .wraps8 { padding-left: 1064px; } .wraps li { margin-right: 15px; } @media screen and (max-width:1200px) { .subMenu>ul { display: block; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; width: 1200px; /* display: contents; */ } .subMenu ul li{ float: left; } } @media screen and (max-width:1307px) { .wraps5 { padding-left: 562px; } .wraps li { margin-right: 16px; } } @media screen and (max-width:1495px) { .wraps6 { padding-left: 537px; } } @media screen and (max-width:1348px) { .wraps8 { padding-left: 1017px; } .wraps li { margin-right: 2px; } } @media screen and (max-width:1280px) { .wraps li { margin-right: 25px; } } .wraps44 { padding-right: 324px; }