/* 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.APP{float:left;position: relative;cursor: pointer;padding: 0 10px;} div.APP>div.xialaewm{width:240px;height:120px;position: absolute;margin-left:-10px;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;} .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; /* width: 120px; */ margin-right: 50px; 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: 18px; color: #323131; } .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; } /* 购物车 */ .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; }