|
@@ -19,12 +19,26 @@
|
|
|
.header .colorRed{
|
|
|
color: #ff570c;
|
|
|
}
|
|
|
-
|
|
|
/* 导航 */
|
|
|
-.navHeader {
|
|
|
+.topNav{
|
|
|
+ width: 100%;
|
|
|
background: #ffffff;
|
|
|
- line-height: 90px;
|
|
|
- height: 90px;
|
|
|
+ height:102px;
|
|
|
+}
|
|
|
+.topNav.navFix{
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ z-index: 999999;
|
|
|
+ box-shadow: 0 4px 10px #ccc;
|
|
|
+}
|
|
|
+/* 导航 */
|
|
|
+.navHeader {
|
|
|
+ position: absolute;
|
|
|
+ width: 1200px;
|
|
|
+ left: 50%;
|
|
|
+ margin-left: -600px;
|
|
|
+ z-index: 999999999;
|
|
|
}
|
|
|
.navHeader .nav ul li img {
|
|
|
width: 30px;
|
|
@@ -35,7 +49,8 @@
|
|
|
}
|
|
|
.navHeader .logo {
|
|
|
float: left;
|
|
|
- padding-left: 20px;
|
|
|
+ padding-left: 20px;
|
|
|
+ margin-top: 20px;
|
|
|
}
|
|
|
|
|
|
.navHeader .logo_right {
|
|
@@ -49,64 +64,64 @@
|
|
|
}
|
|
|
|
|
|
.navHeader .nav {
|
|
|
- float: left;
|
|
|
+ float: left;
|
|
|
+ vertical-align: top;
|
|
|
+ margin-top: 20px;
|
|
|
padding-left: 70px;
|
|
|
}
|
|
|
|
|
|
.navHeader .nav>ul>li {
|
|
|
float: left;
|
|
|
- width: 120px;
|
|
|
+ width: 112px;
|
|
|
+ vertical-align: middle;
|
|
|
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;
|
|
|
+ position: relative;
|
|
|
+ margin: 0 5px;
|
|
|
+
|
|
|
}
|
|
|
-
|
|
|
-.active a {
|
|
|
- color: #074F88!important;
|
|
|
+.navHeader .nav>ul>li.active div{
|
|
|
+ box-shadow: 0 0 15px rgb(219, 218, 218);
|
|
|
+
|
|
|
}
|
|
|
|
|
|
-
|
|
|
/*2级导航*/
|
|
|
-
|
|
|
+.navHeader .nav ul li div{
|
|
|
+ border-radius: 5px;
|
|
|
+ background: #ffffff;
|
|
|
+ overflow:hidden;
|
|
|
+ width: 112px;
|
|
|
+}
|
|
|
+.navHeader .nav ul li:hover{
|
|
|
+ box-shadow: 0 0 15px rgb(219, 218, 218);
|
|
|
+}
|
|
|
+.navHeader .nav ul li>div>a{
|
|
|
+ width: 112px;
|
|
|
+ line-height: 56px;
|
|
|
+ height: 56px;
|
|
|
+ display: inline-block;
|
|
|
+ font-size: 20px;
|
|
|
+ color: #064f87;
|
|
|
+}
|
|
|
.navHeader .nav ul li .subnavigation {
|
|
|
- width: 120px;
|
|
|
- position: absolute;
|
|
|
+ width: 112px;
|
|
|
top: 76px;
|
|
|
z-index: 9999;
|
|
|
background: #ffffff;
|
|
|
display: none;
|
|
|
- padding-top: 18px;
|
|
|
padding-bottom: 15px;
|
|
|
- box-shadow: 0 2px 5px #ccc;
|
|
|
}
|
|
|
|
|
|
.subnavigation li>a {
|
|
|
- width: 120px;
|
|
|
- height: 30px;
|
|
|
- line-height: 30px;
|
|
|
- display: inline-block;
|
|
|
- color: #333333;
|
|
|
- transition: all .2s ease-out;
|
|
|
+ width: 110px;
|
|
|
+ height: 42px;
|
|
|
+ line-height: 42px;
|
|
|
+ display: inline-block;
|
|
|
+ color: #7a7878;
|
|
|
}
|
|
|
|
|
|
.subnavigation li a:hover {
|
|
|
- color:#ffffff!important;
|
|
|
- letter-spacing: 5px;
|
|
|
- background: rgba(22,151, 234, .7);
|
|
|
- box-shadow: 0 4px 10px #ccc;
|
|
|
- transition: all .2s ease-in;
|
|
|
+ color:#064f87!important;
|
|
|
+ background: #e5f0f4;
|
|
|
}
|
|
|
|
|
|
.subnavigation li {
|
|
@@ -143,6 +158,7 @@
|
|
|
}
|
|
|
}
|
|
|
.navHeader .nav_right{
|
|
|
+ margin-top: 20px;
|
|
|
float: right;
|
|
|
color:#ff570c;
|
|
|
}
|