#secondNav {
    height:72px;  
}
.secondNav {
    position: fixed;
	border-bottom:1px solid #e8e8e8;
	width:100%;
	z-index:3;
	border-top: 1px solid #e8e8e8;
}
.secondNav .white {
    background: #fff;
}
.secondNav .black {
    background: #000;
}
.secondNav .box {
    display: flex;
    justify-content: space-between;
    padding: 0 56px;
    background: #fff;
}
.secondNav .box .secNavTitle {
    height:72px;
    line-height: 72px;
    cursor:auto;
    font-weight:500;
    font-weight: 500;
}
.secondNav .box .secNavTitle:hover {
    text-decoration: none;
}
.secondNav .white .secNavTitle {
    color:#000;
}
.secondNav .black .secNavTitle {
    color:#fff;
}
.secondNav .box .secNavList{
    overflow: hidden;
	  overflow-x: auto;
}
.secondNav .box .secNavList ul li {
    float: left;
    height:72px;
    line-height:72px;
    font-size: 16px;
    margin-left:48px;
}
.secondNav .box .secNavList ul li:hover{
	border-bottom:2px solid #888
}
.secondNav .white .secNavList ul li a {
    color:#808080;
}
.secondNav .white .secNavList ul li.active{
    border-bottom:2px solid #000;
    font-weight: 500;
}
.secondNav .white .secNavList ul li.active a {
    color:#000000;
}
.secondNav .black .secNavList ul li a {
    color:#808080;
}
.secondNav .black .secNavList ul li.active{
    border-bottom:2px solid #fff;
}
.secondNav .black .secNavList ul li.active a {
    color:#ffffff;
}

@media (min-width:600px) and (max-width:1200px) {
	.secondNav .box {
		padding: 0 32px;
	}
}

@media (max-width: 767px){
    #secondNav {
        height:44px;  
    }
	.secondNav .box {
    display: block;
    padding: 14px 20px 0;
	}
	.secondNav .box .secNavTitle {
        height: 22px;
    	  line-height: 22px;
    	  font-size: 14px;
	}
	.secondNav .box .secNavList ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	 width: max-content;
	}
	.secondNav .box .secNavList ul li {
    height:44px;
    line-height:44px;
    font-size: 12px;
    margin-left:0;
    padding:0 ;
	 margin-right:20px;

	}
}