header

liuqimichale
1 parent 91610710
Showing 4 changed files with 47 additions and 42 deletions
css/color/color7.css
css/style.css
index.html
style.css
-.mail-success .mail-head .button .btn,.error .error-left .button .btn,.error .error-left h2,.error .error-left p,#blog-single .pagination ul li:hover a,#blog-single .single-news .news-body .tags li a,#blog-single .single-news .news-body .btn,#blog-single .single-news .news-body h2 a:hover,#single-pf .single-news .news-body .btn,#single-pf .single-news .news-body span a,#single-pf .single-news .news-body h2 a:hover,.header .nav li.current a,.header #nav li:hover a,#header .nav li .dropdown li:hover a,#slider .button .btn,.cd-words-wrapper,#features .single-right i,.latest-works .works-menu ul li:hover,.latest-works .works-menu ul li.active,.latest-works .single-work .works-hover h4:hover,.latest-works .single-work .works-hover a:hover i,#testimonials .single-testimonial p .fa,#blog .single-news .news-body h2:hover a,#blog .single-news .news-body .btn,.p-table4 .table-head .price .amount span,.p-table4 .button .btn,.p-table4 .button .btn i,#contact .contact-left .p1,.contact .form .btn:hover,.footer .single-footer .contact i,.footer .single-footer span:hover,.footer .single-footer h2 i,.footer .copyright .social li a{
+.mail-success .mail-head .button .btn,.error .error-left .button .btn,.error .error-left h2,.error .error-left p,#blog-single .pagination ul li:hover a,#blog-single .single-news .news-body .tags li a,#blog-single .single-news .news-body .btn,#blog-single .single-news .news-body h2 a:hover,#single-pf .single-news .news-body .btn,#single-pf .single-news .news-body span a,#single-pf .single-news .news-body h2 a:hover,#header .nav li .dropdown li:hover a,#slider .button .btn,.cd-words-wrapper,#features .single-right i,.latest-works .works-menu ul li:hover,.latest-works .works-menu ul li.active,.latest-works .single-work .works-hover h4:hover,.latest-works .single-work .works-hover a:hover i,#testimonials .single-testimonial p .fa,#blog .single-news .news-body h2:hover a,#blog .single-news .news-body .btn,.p-table4 .table-head .price .amount span,.p-table4 .button .btn,.p-table4 .button .btn i,#contact .contact-left .p1,.contact .form .btn:hover,.footer .single-footer .contact i,.footer .single-footer span:hover,.footer .single-footer h2 i,.footer .copyright .social li a{
 	color:#36BFC4;
+
+}
+.header .nav li.current a{
+	border-bottom: 2px solid #fff;
 }
 .mail-success .mail-head .button .btn::before ,.mail-success .mail-head .button .btn:after,.mail-success .mail-head .button span::before,.mail-success .mail-head .button span::after,.error .error-left .button span::after ,.error .error-left .button span::before,.error .error-left .button .btn:after,.error .error-left .button .btn::before ,#blog-single .single-news .news-body .date,#single-pf .owl-nav button:hover,.color-plate .icon,#scrollUp,.section-title h2:before,.section-title h2::after,#slider .button .btn::before,#slider .button .btn:after,#slider .button span::before,#slider .button span::after,#Services .single-service i,#blog .single-news .news-body .date,#team .team-hover .social li a:hover,.p-table4 .button .btn::before,.p-table4 .button .btn:after,.p-table4 .button span::before,.p-table4 .button span::after,#contact .contact-left .p1::before,#contact .contact-right,.footer .single-footer .button,.footer .copyright,.slicknav_menu .slicknav_btn{
@@ -52,7 +52,7 @@ a{
 	color:#888;
 }
 /*===================
-	Header CSS 
+	Header CSS
 =====================*/
 #header{
 	background-color:#fff;
@@ -94,9 +94,9 @@ a{
 	color:#ccc;
 	font-size:14px;
 }
-#header .social li:hover a{
-	color:#42ACF6;
-}
+/*#header .social li:hover a{*/
+	/*color:#42ACF6;*/
+/*}*/
 #header .social li.email{
 	margin-right:42px;
 	color:#fff;
@@ -150,9 +150,9 @@ a{
 	left:0%;
 	right:0%;
 }
-#header .nav li:hover a{
-	color:#29B6F6;
-}
+/*#header .nav li:hover a{*/
+	/*color:#29B6F6;*/
+/*}*/
 #header .right-bar {
 	float: right;
 }
@@ -182,9 +182,9 @@ a{
 	color:#444;
 	position:relative;
 }
-#header .right-bar li a:hover{
-	color:#42ACF6;
-}
+/*#header .right-bar li a:hover{*/
+	/*color:#42ACF6;*/
+/*}*/
 /*===================
 	Slider CSS
@@ -360,7 +360,7 @@ a{
 	-webkit-transition:all 0.4s ease;
 	-moz-transition:all 0.4s ease;
 	transition:all 0.4s ease;
-	
+
 }
 #latest-works .works-menu ul li:hover:before{
 	left:50%;
@@ -428,7 +428,7 @@ a{
 	-webkit-transition:all 0.4s ease;
 	-moz-transition:all 0.4s ease;
 	transition:all 0.4s ease;
-	
+
 }
 #latest-works .works-menu ul li:hover:before{
 	left:50%;
@@ -712,4 +712,4 @@ margin:0;
 }
 #footer .copyright p{
 	color:#666666;
-}
 \ No newline at end of file
+}
@@ -69,8 +69,8 @@
 						<div class="col-md-4 col-sm-2 col-xs-2">
 							<div class="logo">
 								<a href="index.html">
-									<img src="img/logo.png" alt="logo.png">
-									<img src="img/logoname.png" alt="logoname.png">
+									<img src="img/logo.png" alt="logo.png" style="margin-right: 16px;">
+									<img src="img/logoname.png" alt="logoname.png" style="margin-right: 26px;">
 									<img src="img/logotitle.png" alt="logotitle.png">
 								</a>
 							</div>
@@ -80,29 +80,29 @@
 							<nav class="navbar navbar-default">
 								<div class="collapse navbar-collapse">
 									<ul id="nav" class="nav navbar-nav">
-										<li class="current"><a href="#slider">home</a>
-										</li>
-										<li><a href="#Services">Services</a></li>
-										<li><a href="#latest-works">portfolio<i class="fa fa-caret-down" aria-hidden="true"></i></a>
-											<ul class="dropdown">
-												<li><a href="portfolio.html">Portfolio</a></li>
-												<li><a href="portfolio-single.html">portfolio-single</a></li>
-											</ul>
-										</li>
-										<li><a href="#blog">Blogs<i class="fa fa-caret-down" aria-hidden="true"></i></a>
-											<ul class="dropdown">
-												<li><a href="blog.html">Blog Archive</a></li>
-												<li><a href="blog-single.html">Blog Single</a></li>
-											</ul>
-										</li>
-										<li><a href="#team">Team</a></li>
-										<li><a href="#">Pages <i class="fa fa-caret-down" aria-hidden="true"></i></a>
-											<ul class="dropdown">
-												<li><a href="404.html">Error 404</a></li>
-												<li><a href="mail-success.html">Mail Success</a></li>
-											</ul>
-										</li>
-										<li><a href="#contact">Contact</a></li>
+										<li class="current"><a href="#slider">首页</a></li>
+										<li><a href="portfolio.html">产品介绍</a></li>
+										<li><a href="#Services">解决方案</a></li>
+										<!--<li><a href="#latest-works">portfolio<i class="fa fa-caret-down" aria-hidden="true"></i></a>-->
+											<!--<ul class="dropdown">-->
+												<!--<li><a href="portfolio.html">Portfolio</a></li>-->
+												<!--<li><a href="portfolio-single.html">portfolio-single</a></li>-->
+											<!--</ul>-->
+										<!--</li>-->
+										<!--<li><a href="#blog">Blogs<i class="fa fa-caret-down" aria-hidden="true"></i></a>-->
+											<!--<ul class="dropdown">-->
+												<!--<li><a href="blog.html">Blog Archive</a></li>-->
+												<!--<li><a href="blog-single.html">Blog Single</a></li>-->
+											<!--</ul>-->
+										<!--</li>-->
+										<!--<li><a href="#team">Team</a></li>-->
+										<!--<li><a href="#">Pages <i class="fa fa-caret-down" aria-hidden="true"></i></a>-->
+											<!--<ul class="dropdown">-->
+												<!--<li><a href="404.html">Error 404</a></li>-->
+												<!--<li><a href="mail-success.html">Mail Success</a></li>-->
+											<!--</ul>-->
+										<!--</li>-->
+										<li><a href="#contact">关于我们</a></li>
 									</ul>
 								</div>
 							</nav>
@@ -277,6 +277,7 @@ a:hover{
 	z-index:999;
 	height: 82px;
 	background:rgba(26,29,41,1);
+	font-size: 0;
 	/*-webkit-box-shadow:0px 0px 5px #000;*/
 	/*-moz-box-shadow:0px 0px 5px #000;*/
 	/*box-shadow:0px 0px 5px #000;*/
@@ -304,11 +305,11 @@ a:hover{
 	margin:0;
 }
 .header .nav li a {
-	color:#333;
-    font-size: 14px;
+	color:#fff;
+    font-size: 16px;
     font-weight: 400;
     text-transform: uppercase;
-    padding: 30px 10px;
+    padding: 30px 18px;
     position: relative;
     display: inline-block;
 }