123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150 |
- /* 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;
- }
|