#nav {width: 1200px;margin: 0 auto;}
#nav ul {display: flex;justify-content: space-between;align-items: center;}

#nav ul li a {display: block;position: relative;}
#nav ul li a:hover {background: #008cd1;}
#nav ul li a {border-bottom:0px solid #fff;}
#nav ul li h3 {font-size: 16px;color: #fff;line-height: 48px;white-space: nowrap;}
/* #nav ul li a i {display: inline-block;width: 11px;height: 6px;margin-left: 8px;background-size:100% !important;} */
#nav ul li .sub {position: absolute;top: 100%;background: #fff;width: auto;left: 50%;z-index: 10000;transform: translateX(-50%) scaleY(0);visibility: hidden;opacity: 1;transition: all 0.5s ease 0s;transform-origin: center top;}
#nav ul li .sub a {border-top: 1px solid #fff;}
#nav ul li .sub .box {/* padding: 0.14rem 0px; */text-align: center;background: #008cd1;opacity: 1;}
#nav ul li .sub a {/* padding: 8px 30px; */line-height: 33px;transition: all 0.6s ease 0s;font-size: 15px;color: #fff !important;text-align: center;white-space: nowrap;display: block;padding: 2px 0px;opacity: 1;width: 133px;}
#nav ul li .sub a:hover {color: #fff;background: #ff6400;}
#nav ul li:hover .sub {visibility: visible;transform: translateX(-50%) scaleY(1);opacity: .9;}
#nav ul  li.on h3, #nav ul li:hover h3{} 

#nav ul li {
    text-align: center;
    height: 100%;
    position: relative;
    width: 133px;
    letter-spacing: 1px;}