.sub-menu { display: none; height:60px; border-bottom: 1px solid #e1e1e1;}
.sub-menu > .nt-container > ul { width:100%; max-width:560px; margin:0; padding:0; color:#333; list-style: none; }
.sub-menu > .nt-container > ul > li { float:left; height:60px; }
.sub-menu > .nt-container > ul > li:first-of-type { width:60px; background: #003a2e; }
.sub-menu > .nt-container > ul > li:not(:first-of-type) { width:calc((100% - 60px) / 2 ); border-right:1px solid #e1e1e1;}
.sub-menu > .nt-container > ul > li > a > i { font-size:25px; color:#fff; }
.sub-menu > .nt-container > ul > li:first-of-type > a { display:block; height:100%; width:100%; }


.sub-menu .select-container { position: relative; }
.sub-menu .select-container:after { display:block; content:''; right:19px; top:50%; position:absolute; width:12px; height:7px; transition:all .2s; transform: translateY(-50%); }
.sub-menu .select-container.active:after { transform: translateY(-50%) rotate(-180deg); }
.sub-menu .select-checkbox { display: none; }
.sub-menu .select-label { display: block; position:relative; margin-bottom: 0px; padding-left:20px; height: 60px; line-height: 60px;  font-size:18px; cursor:pointer;  color:#111;  font-weight: 400;}
.sub-menu .select-wrap { display: none;  position: absolute; z-index: 20; margin-left:-1px; width: 100%; background:#fff;  border:1px solid #ddd; border-top: none; box-sizing: content-box;}

.sub-menu .select-wrap .select { list-style: none; padding: 0; margin: 0; }
.sub-menu .select-wrap ul.select li { border-bottom:1px solid #ddd; }
.sub-menu .select-wrap ul.select li:last-of-type { border:none; }  
.sub-menu .select-container.active .select-checkbox ~ .select-wrap { display:block;}
.sub-menu select::-ms-expand { display: none; }
.sub-menu .select a { display: block; padding:10px 20px; color: inherit; font-weight: 400; }
.sub-menu .select a:hover{  background: #003a2e; color:#fff; font-weight: 400; }
.sub-menu .select a.on {   background: #003a2e; color: #fff;} 



@media (max-width:1320px){
    .sub-menu > .nt-container { padding: 0; max-width: 1300px;}
}

@media (max-width:991px) {
    .sub-menu > .nt-container > ul > li { width:50%; }
}
@media (max-width:576px) {
    .sub-menu { display: block;}
    .sub-menu, .sub-menu > .nt-container > ul > li { height: 50px;}
	.sub-menu .select-label { padding-left:10px; height: 50px; font-size:16px; line-height: 50px; }
	.sub-menu .select-label:before { left:7px; width:8px; }
}

@media (max-width:480px){   

	.sub-menu .select a { padding:8px 10px; font-size: 15px; }		
	.sub-menu > .nt-container > ul > li:first-of-type { display:none; }
	.sub-menu > .nt-container > ul > li:not(:first-of-type)  { width:50%; }	
    .sub-menu .select-container:after { right: 10px;} 
}







.sub-menu2 { /*border-bottom: 1px solid #cfcfcf;*/  position: relative; z-index: 1; background:rgba(0,0,0,0.6); margin-top: -60px; }
.sub-menu2 .nt-container { padding: 0; max-width: 1300px; }
.sub-menu2 ul { display: flex;}
.sub-menu2 ul li { flex:1;}
.sub-menu2 ul li::after { position: absolute; top: 20px; display:block; content:''; width:1px; height:20px; background:#999; }
.sub-menu2 ul li:nth-of-type(1)::after {display:none}
.sub-menu2 ul li a { display: block; position: relative;  padding: 21px 0; font-weight: 400; line-height: 1; text-align: center; color: #fff ;}
.sub-menu2 ul li a.on { color: #fff; font-weight: 400; background: #003a2e; }
/* .sub-menu2 ul li a:after { content:''; display: block; position: absolute; bottom: -1px;  left: 0; width: 100%; border-bottom: 2px solid #003371; opacity: 0;}
.sub-menu2 ul li a.on:after,
.sub-menu2 ul li a:hover:after { opacity: 1;} */



@media (max-width:576px){
    .sub-menu2 { display: none}    
}