/* 响应式导航 */
.topBar {position: fixed; z-index: 999; width: 100%; top: 0; left: 0; right: 0; background: #FFF; box-shadow: 0 0 5px rgba(0,0,0,.5);}
.topBar .logo {float: left; display: inline;}
.topBar .logo img {display: block;}

/* 导航-未展开 */
.topBar .row { overflow: visible;}
.topBar .nav {float: right; display: inline;}
.topBar .nav li {float: left; display: inline-block; text-align: center;}
.topBar .nav li:hover {position: relative; z-index: 901;}
.topBar .nav li a {font-size: 16px; display: block; font-weight: bold; transition: all 0.1s ease;}
.topBar .nav li a:hover, .topBar .nav li:hover > a, .topBar .nav li > a.active {background: #e83223; color: #FFF;}
.topBar .nav li > a {padding: 0 30px;}
.topBar .nav li p {position: absolute; z-index: 902; left: 0; right: 0; top: 80px; display: none; background: #FFF; box-shadow: 0 8px 16px rgba(0,0,0,0.2);}
.topBar .nav li:hover p {display: block;}
.topBar .nav li p a {line-height: 40px; border-bottom: 1px solid #DDD;}
.topBar .nav li p a:last-of-type {border: none;}

/* 菜单-展开图标 */
.topBar .btnOpen {overflow: hidden; float: right; width: 20px; margin: 12px 0 0 0; cursor: pointer;}
.topBar .btnOpen > div {width: 100%; height: 3px; margin-bottom: 3px; background: #000;}
.topBar .btnOpen > div:last-of-type {margin: 0;}

/* 菜单-已展开 */
.topBar .menu {overflow: hidden; position: fixed; top: 0; left: 0; width: 100%; background: #000;}
.topBar .menu li {border-bottom: 1px solid #222}
.topBar .menu a {display: block; text-align: center; color: #fff; padding: 10px 0;}
.topBar .menu li p { display: none;}

/* 菜单-收起图标 */
.topBar .btnClose {overflow: hidden;}
.topBar .btnClose > div {float: right; margin: 0 10px 0 0;}
.topBar .btnClose > div:after {font-size: 36px; content: '\00d7'; color: #FFF; cursor: pointer;}

/* 全屏遮挡 */
/*.topBar .zhe {position: fixed; top: 0; left: 0; width: 100%; height: 100%}*/


/* 移动设备（小于960px） */
@media screen and (max-width:959px) {
.topBar {height: 40px; line-height: 40px;}
.topBar .logo img {height: 40px;}
}

/* 1100分辨率（大于960px，小于1199px） */
@media screen and (min-width: 960px) and (max-width: 1199px) {
.topBar .logo img {height: 60px;}
.topBar .nav li > a {line-height: 60px;}
}

/* 1280分辨率以上（大于1200px） */
@media screen and (min-width:1200px){
.topBar .logo img {height: 80px;}
.topBar .nav li > a {line-height: 80px;}
}