/* 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; } @media (min-width: 1200px) { .container { width: 1200px; } } .search { clear: both; margin-top: 55px; } .navMeau { height: 55px; } .search .navMeau { float: left; width: 226px; font-size: 24px; color: #ffffff; height: 55px; line-height: 55px; text-align: center; margin-right: 30px; background: url(../../../img/newMenu/search-bj.jpg) } .search>div { display: inline-block; float: left; } .container .imgs { overflow: hidden; padding-top: 35px; padding-bottom: 62px; } .container .imgs img { width: 100% } .search .search-inp { font-size: 16px; height: 55px; line-height: 55px; } .search-inp .input-group { width: 638px; } .search-inp div:nth-child(2) { margin: 0 10px; } .search .search-inp input { font-size: 16px; height: 55px; line-height: 55px; border-color: #1797e9; border-right: none; } .search .search-inp button { height: 55px; line-height: 45px; background-color: #1797e9; color: #fff; font-size: 18px; width: 104px; border: none; border-radius: 0 5px 5px 0; } input:focus{ outline: none; } .btn:focus,.btn:active,.btn.focus,.btn:active:focus,.btn.active:focus{ background: #1797e9; outline: none; color:#ffffff; border: none } .search-inp .input-group{ position: relative; } .searchBtn{ } .search-inp .txtVal{ position: absolute; left: 5px; top: 0; height: 24px; z-index: 999; line-height: 24px; padding: 16px 5px 16px 10px; } .search-inp .txtVal span{ display: inline-block; padding: 0 10px; background: #e9f3f9; color: #7f7f7f; font-size: 14px; margin-right: 10px; } .search .search-inp div { float: left; } .search .searchMain { clear: both; overflow: hidden; margin-bottom: 20px } .search ol { clear: both } .search ol li { cursor: pointer; height: 30px; line-height: 30px; float: left; margin-right: 20px; font-size: 14px; } .search ol li a{ color: #393838; } .search ol li:hover { color: #ff570c; } .search ol li.active { color: #ff570c; } .search .navMeau>div { position: relative; width: 100%; } .colorRed { font-size: 12px; color: #ff570c; } .colorBlur { font-size: 12px; color: #0289df; vertical-align: middle } .colorWrite { color: #ccc; margin: 12px 0px; } .navMeau .menuList { display: none; position: absolute; top: 55px; padding: 20px 20px 60px; left: 0; z-index: 99999; background: #3b3b3b; color: #ffffff; font-size: 14px; } .navMeau .menuList ul li { float: left; box-sizing: border-box; width: 50%; height: 40px; line-height: 40px; text-align: center } .navMeau .menuList ul li:hover { cursor: pointer; color: #1797e9 } /* 主体内容 */ .demand-marq { position: relative; top: -12px; clear: both; width: 100%; height: 50px; line-height: 50px; box-shadow: 0 5px 5px #ccc; padding: 0 20px; background-color: #ffffff; } .demand-marq span { float: left; width: 96px; height: 20px; display: inline-block; background: url(../../../img/newMenu/demand-1.jpg) no-repeat; vertical-align: top; margin-top: 15px } .demand-marq marquee ul { overflow: hidden; width: 3500px; height: 50px; } .demand-marq marquee { overflow: hidden; margin-left: 20px; width: 980px; float: left; } .demand-marq ul li { margin: 0 30px; float: left; }