.nav{ position: relative;}
.nav ul .yj{  width: 133px; float: left; font-size: 18px; color: #fff; text-align: center; transition-duration: 0.3s;}
.nav ul .yj a{ color: #fff; transition-duration: 0.2s;}
.nav ul .yj:hover{ background: #0c6ee2;}
.nav ul .yj:hover a{ color: #fff;}

.nav ul .yj:hover a{}
.nav ul .yj:hover .ycc{ display: block;}
.nav ul .ycc{ display: none; position: absolute; top: 42px; left: 40px; padding: 10px; box-shadow:2px 2px 5px #f1f1f1; width: 800px; background:#fff; height: auto; overflow: hidden; z-index: 999; border-radius: 5px;}
.nav ul .ycc ul{ width: 100%;}
.nav ul .ycc ul .ej{ width: 20%; height: 36px; font-size: 16px; line-height: 36px; float: left;}
.nav ul .ycc ul .ej a{ color: #222;}
.nav ul .ycc ul .ej:hover{ background: none; border-radius: 5px;}
.nav ul .ycc ul .ej:hover a{ color: #e13b3a;}