/* header */ .header { color:#333; height: 64px; line-height: 64px; background-color: #f9f9f9; } .header div>div{ margin-left: 30px; float:right; } .header ul li { float: left; margin: 0 10px; } .header a{ color:#333; } .header .colorRed{ color: #ff570c; } /* 导航 */ .navHeader { background: #ffffff; line-height: 90px; height: 90px; } .navHeader .nav ul li img { width: 30px; height: 30px; position: absolute; right: 0px; top: 9px; } .navHeader .logo { float: left; padding-left: 20px; } .navHeader .logo_right { margin-top: 8px; float: left; padding-left: 20px; width: 120px; height: 75px; background: url("../../../img/index_xuan.png") no-repeat center center; margin-left: 10px; } .navHeader .nav { float: left; padding-left: 70px; } .navHeader .nav>ul>li { float: left; width: 120px; text-align: center; line-height: 90px; position: relative; } .navHeader .nav>ul>li>a { color: #074d88; width: 120px; line-height: 90px; display: inline-block; font-size: 20px; } .navHeader .nav>ul>li:hover a { color: #074F88; } .active a { color: #074F88!important; } /*2级导航*/ .navHeader .nav ul li .subnavigation { width: 120px; position: absolute; top: 76px; z-index: 9999; background: #ffffff; display: none; padding-top: 18px; padding-bottom: 15px; box-shadow: 0 0 10px #ccc; } .subnavigation li>a { width: 120px; height: 30px; line-height: 30px; display: inline-block; color: #333333; } .subnavigation li:hover a { background: rgba(100, 100, 100, .7); color: #ffffff; } .subnavigation li { height: 30px; line-height: 30px; } /*hot*/ .nav ul li:hover img { animation: hot 1s infinite linear; transition: all 1s; } @keyframes hot { 0% { width: 30px; height: 30px; } 25% { width: 25px; height: 25px; top: 9px; } 50% { width: 30px; height: 30px; } 100% { width: 25px; height: 25px; top: 9px; } } .navHeader .nav_right{ float: right; color:#ff570c; } .navHeader .nav_right img{ width: 82px; height: 62px; margin-right: 14px; }