diff --git a/css/services.css b/css/services.css
index 49dfd07..f3f8267 100644
--- a/css/services.css
+++ b/css/services.css
@@ -63,12 +63,12 @@
 .part .hd h2{width: 110px !important; cursor: pointer; float: left; font-size: 20px; padding-bottom: 15px; margin-bottom: 0; text-align: center;}
 .part .hd h2.active-nav{ border-bottom: solid 3px #3F9FFE;color:#3F9FFE; }
 .part .hd h2 .icon{ width: 54px;height: 54px; margin-bottom: 15px; background:url(../images/service_bgsmallIco.png) -4px 0 no-repeat; display: inline-block; }
-.part .hd h2.active-nav .icon{ background:url(../images/service_bgsmallIco.png) -543px 0 no-repeat;}
+.part .hd h2.active-nav .icon{ background:url(../images/service_bgsmallIco.png) -544px 0 no-repeat;}
 .part .hd h2 span{display: block;}
-.part .hd h2.icon2 .icon{ background:url(../images/service_bgsmallIco.png) -63px 0 no-repeat; }
-.part .hd h2.icon2.active-nav .icon{ background:url(../images/service_bgsmallIco.png) -254px 0 no-repeat;}
-.part .hd h2.icon3 .icon{ background:url(../images/service_bgsmallIco.png) -125px 0 no-repeat; }
-.part .hd h2.icon3.active-nav .icon{ background:url(../images/service_bgsmallIco.png) -254px 0 no-repeat;}
+.part .hd h2.icon2 .icon{ background:url(../images/service_bgsmallIco.png) -65px 0 no-repeat; }
+.part .hd h2.icon2.active-nav .icon{ background:url(../images/service_bgsmallIco.png) -605px 0 no-repeat;}
+.part .hd h2.icon3 .icon{ background:url(../images/service_bgsmallIco.png) -127px 0 no-repeat; }
+.part .hd h2.icon3.active-nav .icon{ background:url(../images/service_bgsmallIco.png) -667px 0 no-repeat;}
 .part .bd{width: 100%;float: left;}
 .part3 .bd .txt , .part5 .bd .txt {float: right; width: 500px;}
 .part4 .bd .txt {float: left; width: 416px; margin-left: 0px;}
diff --git a/services.html b/services.html
index 02f2bf5..7687ed4 100644
--- a/services.html
+++ b/services.html
@@ -24,6 +24,7 @@
     <link type="text/css" rel="stylesheet" href="css/font-awesome.min.css">
 
     <link type="text/css" rel="stylesheet" href="css/swiper.css">
+    <!--<link href="http://files.cnblogs.com/files/heyiming/swiper3.3.1.min.css" rel="stylesheet" type="text/css">-->
     <!-- Ruby CSS -->
     <link type="text/css" rel="stylesheet" href="css/normalize.css">
     <link type="text/css" rel="stylesheet" href="style.css?a=2">
@@ -330,7 +331,8 @@
 <!--<script type="text/javascript" src="js/particles.min.js"></script>-->
 <!--<script type="text/javascript" src="js/particle-code.js"></script>-->
 <script type="text/javascript" src="js/jquery.counterup.min.js"></script>
-<script type="text/javascript" src="js/swiper.js"></script>
+<!--<script type="text/javascript" src="js/swiper.js"></script>-->
+<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.3.1/js/swiper.min.js"></script>
 <script type="text/javascript" src="js/gmaps.min.js"></script>
 <script type="text/javascript" src="js/nav-footer.js?a=2"></script>
 <script type="text/javascript" src="js/main.js?a=2"></script>