/*----------------------------------导航条样式------------------------------------*/
.xNav { top: 0; width: 100%; /* min-width:1000px; */ margin:0 auto; z-index:3; position:fixed; }
.xNav .xSideNav {display: none; height: 40px; padding: 0; justify-content: center; align-items: center; box-sizing: border-box; background: rgba(255,255,255,0.99); position: relative; }
.xNav.xPlaceholder{ height: 60px; position: relative;}
.xNav .xSideNav .xLogo { width: auto; padding: 0; box-sizing: border-box;  }
.xNav .xSideNav .xLogo img{margin: 10px 0 0; width: auto; height: 20px; transition: all 0.5s;}
.xNav .xSideNav .xMore {top: 0; left: 0; padding: 14px; position: absolute; }
.xNav .xSideNav .xMore img{width: 16px; height: 16px; }
.xNav .xMainNav {left:0; /*让出顶部2px的橙色线*/ /* top:1.9px; */ width:100%; transition: all 0.2s 0s; z-index:10; position:absolute; }
.xNav .xMainNav ul {display: flex; justify-content: space-between; background: rgba(255,255,255,0.95); transition: all 0.5s 0s;}
.xNav .xMainNav ul:hover { box-shadow:0 5px 10px rgba(0,0,0,0.2); background: #FFF; }    
.xNav .xMainNav ul .xLogo {width: 180px; padding: 0 0 0 20px; box-sizing: border-box; }
.xNav .xMainNav ul .xLogo img.xImage{margin: 18px 0 0; width: auto; height: 30px; transition: all 0.5s;}
.xNav .xMainNav ul .xLogo img.xImage:hover{ margin: 14px 0 0; }
.xNav .xMainNav li {flex: 1; display: flex; justify-content: center; text-align:center; position: relative; }
.xNav .xMainNav li:first-child { }
.xNav .xMainNav li:last-child { }
.xNav .xMainNav li .xItem { display:inline-block; width: 100%; height:60px; line-height:60px; padding:0 0; color:#333; font-size:14px; white-space: nowrap; transition: all 0.5s 0s; }
.xNav .xMainNav li .xItem.xNoPointer {cursor: default;}
.xNav .xMainNav li .xItem:hover { color:#A4202C; }
.xNav .xMainNav li .xItem img { width: 12px; height: 12px; }
.xNav .xMainNav li.active .xItem { color:#A4202C; font-weight:bold; }
/*导航条下拉菜单*/
.xNav .xMainNav li .xNavDropDown {visibility: hidden; display: flex; top: 60px; left:0; padding: 0 0 20px 0; flex-direction: column; width: auto; background: rgba(255,255,255,0.95); box-shadow: 0 0 7px rgba(0,0,0,0.2); opacity: 0; overflow: hidden; position: absolute; z-index: 11; transition: all 0.5s 0s;}
.xNav .xMainNav li .xNavDropDown .xTitle { padding: 0 15px 0 50px; line-height: 50px; color: #A4202C; text-align: left; font-size: 14px; font-weight: normal; white-space: nowrap; background: /* url("../../static/icons/ico_air.png") */ left center no-repeat scroll; cursor: default; }
.xNav .xMainNav li .xNavDropDown .xContent {display: flex; height: 100%; }
.xNav .xMainNav li .xNavDropDown .xContent .xList {display: flex; flex-direction: column; border-right: 1px solid #EEE; }
.xNav .xMainNav li .xNavDropDown .xContent .xList .xText { display: inline-block; padding: 8px 20px 8px 50px; height: 14px; line-height: 14px; text-align: left; color: #05203B; font-size: 13px; white-space: nowrap; }
.xNav .xMainNav li .xNavDropDown .xContent .xList .xText.xNoPointer {cursor: default; }
.xNav .xMainNav li:hover .xNavDropDown {visibility: visible; opacity: 1;}
.xNav .xMainNav li .xNavDropDown .xContent .xList .xText:hover { color: #A4202C; background: #FFF; }
    

@media(max-width: 768px){
    .xNav { position: relative; }
    .xNav .xSideNav {display: flex; }
    .xNav .xMainNav {width: 0; overflow: hidden; }
    .xNav .xMainNav.xShowSide {width: 40vw; box-shadow:0 5px 10px rgba(0,0,0,0.2); overflow: unset;}
    .xNav .xMainNav ul { flex-direction: column; /* height: calc(100vh - 40px); */}
    .xNav .xMainNav ul .xLogo { display: none;}
}