.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.navclass{}
.navclass ul{display:flex;align-items: flex-start;justify-content:flex-start;}
.navclass ul li{display: block;padding:0 10px;}
.navclass ul li i{font-size:10px;}
.navclass ul li a{
    padding:0 20px;
    font-size: 15px;
    height:90px;
    overflow:hidden;
    line-height:90px;
    background: none;
    position: relative;
    display: block;
}
.navclass ul li a:hover {color: #d93751;}
.navclass ul li .cur{color: #d93751;}
.navclass .secondary{
    position: absolute;
    top:90%;
    left:0;
    right:0;
    background:#fff;
    visibility:hidden;
    opacity:0;
    filter: alpha(opacity=0);
    box-shadow:inset 0px 2px 10px 0px rgba(150, 150, 150, 0.1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index:90;
}
.navclass .many::before{position:absolute;content:"";height:50px;background:#1d619c;top:0;left:0;right:0;opacity:0.1;}
.navclass .secondary .classlist{
    width:1280px;
    margin:0 auto;
    height:100%;
    min-height:100%;
    padding:0;
    display:flex;
    align-items: flex-start;
    justify-content: space-between;
}
@media (max-width:1280px){
    .navclass .secondary .classlist{width:100%;}
}
.navclass .secondary .classlist ul{width:100%;height:100%;position:relative;display:block;padding:0 0 20px;}
.navclass .secondary .classlist ul b{line-height:50px;color:#10355b;display:block;width:100%;padding:0 20px;font-size:15px;}
.navclass .secondary .classlist ul:nth-child(2n)::after{position:absolute;content:"";background:#10355b;top:0;left:0;right:0;bottom:0;opacity:0.05;z-index:-1;}
.navclass .secondary .classlist ul li{padding:10px 0 0;display:block;}
.navclass .secondary .classlist ul li a{line-height:30px;height:30px;color:#10355b;padding-left:35px;position:relative;}
.navclass .secondary .classlist ul li a::before{position:absolute;content:"";background:#d93751;width:6px;height:6px;border-radius:100%;left:20px;top:12px;}
.navclass .secondary .classlist ul li a:hover{color:#d93751;}

.navclass .secondary .classlist dl{height:100%;position:relative;display:block;padding:0 0 20px;}
.navclass .secondary .classlist dl dt{padding:10px 0 0;display:block;}
.navclass .secondary .classlist dl dt a{line-height:30px;height:30px;color:#10355b;padding-left:35px;position:relative;}
.navclass .secondary .classlist dl dt a::before{position:absolute;content:"";background:#d93751;width:6px;height:6px;border-radius:100%;left:20px;top:12px;}
.navclass .secondary .classlist dl dt a:hover{color:#d93751;}

/*.navclass .secondary.plan dl{padding-left:52%;}*/
.navclass .secondary.plan dl{padding-left:52.5%;}
.navclass .secondary.nav_2 dl{padding-left:62%;}
.navclass .secondary.nav_3 dl{padding-left:71.5%;}
.navclass .secondary.nav_4 dl{padding-left:81%;}
.navclass .secondary.nav_5 dl{padding-left:91%;}
.navclass .secondary.nav_6 dl{padding-left:91%;}

@media (max-width:1440px){
    .navclass .secondary.plan dl{padding-left:51.5%;}
    .navclass .secondary.nav_2 dl{padding-left:61.5%;}
    .navclass .secondary.nav_3 dl{padding-left:71.5%;}
    .navclass .secondary.nav_4 dl{padding-left:80%;}
    .navclass .secondary.nav_5 dl{padding-left:90.5%;}
    .navclass .secondary.nav_6 dl{padding-left:90.5%;}
}
@media (max-width:1366px){
    .navclass .secondary.plan dl{padding-left:49%;}
    .navclass .secondary.nav_2 dl{padding-left:59.5%;}
    .navclass .secondary.nav_3 dl{padding-left:68.5%;}
    .navclass .secondary.nav_4 dl{padding-left:78%;}
    .navclass .secondary.nav_5 dl{padding-left:87%;}
    .navclass .secondary.nav_6 dl{padding-left:87%;}
}
@media (max-width:1280px){
    .navclass .secondary.plan dl{padding-left:48%;}
    .navclass .secondary.nav_2 dl{padding-left:57%;}
    .navclass .secondary.nav_3 dl{padding-left:66.5%;}
    .navclass .secondary.nav_4 dl{padding-left:76%;}
    .navclass .secondary.nav_5 dl{padding-left:86%;}
    .navclass .secondary.nav_6 dl{padding-left:86%;}
}
/*鼠标经由*/
.navclass  .drop-down:hover .secondary{
    top:100%;
    overflow:hidden;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
}
/*导航下划线动画效果*/
	/*RED*/
.bt_redline{transition: all 150ms linear 0s;float:left;text-transform: uppercase;}
.bt_redline:hover{transition: all 150ms linear 0s;}
.bt_redline:after{
    position:absolute;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-bottom:5px solid #d93751;
	bottom: 0px;
	content: " ";
	display: block;
	margin: 0 auto;
	-webkit-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
	width: 0;
	opacity:0;
    left:0;right:0;
}
.bt_redline:hover:after{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-color: #d93751;
	-webkit-transition: width 200ms ease-in-out;
	transition: width 200ms ease-in-out;
	width:100%;
	opacity:1;
}
.navclass ul li:hover .bt_redline:after{
    -webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-color: #d93751;
	-webkit-transition: width 200ms ease-in-out;
	transition: width 200ms ease-in-out;
	width:100%;
	opacity:1;
}
.navclass ul li .on.bt_redline:after{
    -webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-color: #d93751;
	-webkit-transition: width 200ms ease-in-out;
	transition: width 200ms ease-in-out;
	width:100%;
	opacity:1;
}<!--耗时1757863219.486秒-->