/* header */ .header { color: #333; height: 35px; line-height: 35px; background-color: #f9f9f9; border-bottom: 1px solid #eaeaea; } .logo { height: 70px; } .logo img { height: 100%; } .topNav { width: 100%; height: 125px; background: #ffffff; } .topFixHeight { height: 125px; width: 100%; background: #ffffff; } .topNav.navFix { position: fixed; top: 0; left: 0; z-index: 999999; box-shadow: 0 4px 10px #ccc; } .header div>div { margin-left: 30px; float: right; } .header ul li { float: left; margin: 0 15px; } .header ul li:hover a { color: #064f87; } .header ul li img { vertical-align: top; margin-top: 8px; margin-right: 4px; } .header ul li .navigationList { position: relative; } .header .navigationList .webkitDown { width: 12px; height: 8px; display: inline-block; background: url(../../../img/index/index_down.jpg) no-repeat; background-size: 100% 100%; margin-left: 6px; } .header div>div.tel { float: left; font-size: 20px; color: #1566ED; margin-left: 140px; } .header div>div.APP { float: right; position: relative; display: flex; flex-direction: row; align-items: center; cursor: pointer; } div.APP>div.xialaewm { height: 120px; position: absolute; right: 0; top: 35px; float: none; padding: 10px; display: none; justify-content: space-between; background-color: #fff; z-index: 100; text-align: center; } div.APP>div.xialaewm>div { margin-left: 0px; vertical-align: auto; } div.APP:hover>div.xialaewm { display: flex; } div.APP:hover { background-color: #fff; } .APP>.xialaewm>#ios img { width: 81px; height: 78px; } .header .technology { float: left; } .header .technology a { margin-right: 10px; } .header .technology a:hover { color: #337ab7; } .webkitDown { width: 12px; height: 8px; display: inline-block; background: url(../../../img/index/index_down.jpg) no-repeat; background-size: 100% 100%; margin-left: 6px; } .header a { color: #333; } .header .colorRed { color: #ff570c; } /* 导航 */ .topNavBj { height: 90px; background: #ffffff; width: 100%; } .topHeader { width: 100%; background: #ffffff; height: 90px; } /* 导航 */ .navHeader { overflow: hidden; width: 100%; } .navHeader .logo_photo { float: right; color: #ff570c; font-weight: 700; font-size: 18px; line-height: 86px; } .navHeader .nav ul li img { width: 30px; height: 30px; position: absolute; right: 0px; top: 9px; } .navHeader .logo { float: left; margin-top: 7px; } .carousel-indicators { bottom: 30px !important; } /* .navHeader .logo_right { margin-top: 15px; float: left; padding-left: 20px; width: 150px; height: 70px; background: url("../../../img/index/index_xuan.png") no-repeat center center; margin-left: 10px; background-size:100% 100%; } */ .photoHeader { width: 168px; height: 35px; float: right; color: #ff9914; font-weight: 900; margin-top: 2px; line-height: 31px; } .photoHeader img { width: 32px; height: 32px; vertical-align: top } .navHeader .nav { float: right; vertical-align: top; margin-top: 16px; padding-left: 16px; } .navHeader .nav>ul>li { float: left; margin-left: 37px; vertical-align: middle; text-align: center; position: relative; border-bottom: 3px solid transparent; } .navHeader .nav>ul>li.active div>a { /* box-shadow: 0 0 15px rgb(219, 218, 218); */ color: #0289df; } .navHeader .nav>ul>li.active { border-color: #0289df; } .header .blue { color: #ff570c; font-weight: 700; font-size: 18px; } /*2级导航*/ .navHeader .nav ul li div { background: #ffffff; overflow: hidden; } .navHeader .nav ul li:hover { border-color: #0289df; } .navHeader .nav ul li:hover div>a { color: #064f87; } .navHeader .nav ul li>div>a { line-height: 56px; height: 56px; width: 100%; display: inline-block; font-size: 20px; color: #323131; letter-spacing: 0; } .navHeader .nav ul li .subnavigation { top: 60px; z-index: 9999; position: absolute; width: 100%; background: #ffffff; display: none; padding-bottom: 15px; } .subnavigation li>a { width: 100%; height: 42px; line-height: 42px; display: inline-block; color: #7a7878; } .subnavigation li a:hover { color: #064f87 !important; background: #e5f0f4; } .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 { margin-top: 20px; 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: 30px; } .navMeau { height: 55px; } .search .navMeau { float: left; width: 225px; font-size: 24px; color: #ffffff; height: 55px; line-height: 55px; text-align: center; margin-right: 30px; background: url(../../../img/newMenu/search-bj.jpg) no-repeat; } .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: 40px; } .search-inp .input-group { width: 900px; } .search-inp div:nth-child(2) { margin: 0 10px; } .search .search-inp input { font-size: 16px; height: 44px; line-height: 44px; border-color: #1797e9; border-right: none; } .search .search-inp button { height: 44px; /*line-height: 45px;*/ background-color: #1797e9; color: #fff; font-size: 18px; width: 60px; border: none; border-radius: 0 5px 5px 0; padding-top: 3px; } 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 } .searchMain ol li a { font-size: 14px !important; font-weight: normal !important; } .search ol li a:hover { color: #0289df; } .search ol { clear: both } .searchMain ol li { font-size: 14px !important; font-weight: normal !important; } .search ol li { cursor: pointer; height: 30px; line-height: 30px; float: left; margin-right: 20px; font-size: 16px; font-weight: 700; } .search ol li a { font-size: 16px; font-weight: 700; 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; height: 40px; margin: 12px 0px; } .navMeau .menuList { /* display: none; */ position: absolute; top: 55px; padding: 20px 20px 40px; left: 0; z-index: 999; background: #fff; color: #4A4A4A; font-size: 14px; box-shadow: 0 0 2px 0 #DDDCDC; } .navMeau .menuList ul li { float: left; box-sizing: border-box; width: 50%; height: 36px; line-height: 36px; text-align: center } .menuList ul li.active { color: #ff570c } .navMeau .menuList ul li:hover a { cursor: pointer; color: #0289df } .menuList ul li a { width: 100%; height: 36px; line-height: 36px; display: inline-block; color: #4a4a4a; border-bottom: 1px dashed #CBCBCB; } /* 主体内容 */ .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.png) 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; } /* 注册按钮 */ .reg { background: #1566ED; border-radius: 5px; padding: 3px 20px; } /* 登录按钮 */ .log { border: 1px solid #1566ED; border-radius: 5px; padding: 3px 20px; } /* 购物车 */ .shopIcon { position: relative; } .shopIcon .tint { position: absolute; font-size: 40px; color: #1697ea; opacity: 0; z-index: 99999; transition: all 0s ease-in; } .signin a:nth-child(2):hover { color: #f00; } .text_top a { color: #fff; } .text_top a:hover { color: #0289df; } .shopIcon .tint.active { opacity: 1; position: absolute; top: 20px !important; left: 20px !important; font-size: 5px; transition: all .5s ease-in; } /* 网站导航 */ .navWrapper { display: none; position: absolute; top: 36px; width: 1200px; background: #ffffff; left: 50%; margin-left: -600px; z-index: 99999; padding: 30px; box-shadow: 0 2px 10px #ccc; } .navWrapper ol { display: flex; justify-content: space-between; } .navWrapper ol li div { font-size: 16px; color: #1f1f1f; } .navWrapper ol li a { font-size: 14px; color: #7a7878; display: inline-block; font-family: "新宋体" } .navWrapper ol li a:hover { color: #1697ea; } .navWrapper ol li:nth-child(2) a { margin-right: 38px; } .navWrapper ol li:nth-child(3) a { margin-right: 65px; } /* #LRMINIBar{ opacity: 0; } */ #LRfloater0 { left: -150px !important; top: -150px !important; } #LRMINIBar { bottom: -60px !important; } #LR-BUBBLE { margin-bottom: -70px !important; } a[title] { position: absolute; top: -80px; left: -80px; } img { border: none; }