css

css/style.min.css

@@ -75,8 +75,8 @@ body { overflow-x: hidden; }
 .pc-index-nav .pc-nav-wrap .parent li dl dd { height: 35px; line-height: 35px; text-align: center; transition: all 0.4s ease; border: solid 1px transparent; }
 .pc-index-nav .pc-nav-wrap .parent li dl dd a { color: #ffffff; font-size: 18px; display: block; }
 .pc-index-nav .pc-nav-wrap .parent li dl dd:hover { border: solid 1px #18ffcb; }
-.pc-index-nav .pc-nav-wrap .parent li:hover { background-color: #c81e1d; }
-.pc-index-nav .pc-nav-wrap .parent li:hover dl { display: block; }
+.pc-index-nav .pc-nav-wrap .parent li:hover, .pc-index-nav .pc-nav-wrap .parent li.curr { background-color: #c81e1d; }
+.pc-index-nav .pc-nav-wrap .parent li:hover dl, .pc-index-nav .pc-nav-wrap .parent li.curr dl { display: block; }
 
 .index-banner { position: relative; width: 100%; height: 660px; overflow: hidden; }
 .index-banner .banner-wrap { position: relative; width: 100%; height: 100%; }

css/style.scss

@@ -95,7 +95,7 @@
             }
           }
         }
-        &:hover {
+        &:hover,&.curr {
           background-color: #c81e1d;
           dl {
             display: block;

js/global.js

@@ -4,6 +4,19 @@
       this.handleBind(this);
     },
     handleBind: function (opt) {
+      
+      var hrefUrl = window.location.pathname;
+      
+      if (hrefUrl.indexOf('contact') > 1) {
+        $(".pc-nav-wrap ul li").eq(3).addClass('curr').siblings('li').removeClass('curr');
+      } else if (hrefUrl.indexOf('product') > 1) {
+        $(".pc-nav-wrap ul li").eq(2).addClass('curr').siblings('li').removeClass('curr');
+      } else if (hrefUrl.indexOf('about') > 1) {
+        $(".pc-nav-wrap ul li").eq(1).addClass('curr').siblings('li').removeClass('curr');
+      } else {
+        $(".pc-nav-wrap ul li").eq(0).addClass('curr').siblings('li').removeClass('curr');
+      }
+      
       //页面滚动
       if ($("#wow").length > 0) {
         new WOW().init();