From f5bd1ba0bb9574c17905ae4fc45e5a0259264299 Mon Sep 17 00:00:00 2001
From: chenbiao <chenbiao@zte-its.com>
Date: Thu, 11 Oct 2018 14:28:01 +0800
Subject: [PATCH] add service swiper效果

---
 css/services.css | 32 ++++++++++++++++++++++----------
 1 file changed, 22 insertions(+), 10 deletions(-)

diff --git a/css/services.css b/css/services.css
index 2ed0c8c..cbcfe97 100644
--- a/css/services.css
+++ b/css/services.css
@@ -80,9 +80,9 @@
 .part .bd .img img {
     /*border: solid 1px #b8b8b8;*/
     display: block;
-    /*margin: 50px auto;*/
-    width: 100%;
-    height: 100%;
+    margin: 0px auto;
+    width: 80%;
+    height: 80%;
 }
 .part3 .bd .txt , .part5 .bd .txt {float: right; width: 500px;}
 .part4 .bd .txt {float: left; width: 500px; margin-left: 0px;}
@@ -94,8 +94,8 @@
 .part3 .hd h2.icon3 .icon{ background:url(../images/service_bgsmallIco.png) -127px 0 no-repeat; }
 .part3 .hd h2.icon3.active-nav .icon{ background:url(../images/service_bgsmallIco.png) -667px 0 no-repeat;}
 .part3 .bd .img {
-    width: 433.6px;
-    height: 395.2px;
+    /*width: 433.6px;*/
+    /*height: 395.2px;*/
     z-index: 1000;
     margin: -50px 0 0 0%;
     float: left;
@@ -121,8 +121,8 @@
 .part4 .hd h2.icon3 .icon{ background:url(../images/service_bgsmallIco.png) -305px 0 no-repeat; }
 .part4 .hd h2.icon3.active-nav .icon{ background:url(../images/service_bgsmallIco.png) -845px 0 no-repeat;}
 .part4 .bd .img {
-    width: 433.6px;
-    height: 395.2px;
+    /*width: 433.6px;*/
+    /*height: 395.2px;*/
     z-index: 1000;
     margin: -50px 0 0 30px;
     float: left;
@@ -141,17 +141,25 @@
 .part5 .hd h2.icon3 .icon{ background:url(../images/service_bgsmallIco.png) -485px 0 no-repeat; }
 .part5 .hd h2.icon3.active-nav .icon{ background:url(../images/service_bgsmallIco.png) -1025px 0 no-repeat;}
 .part5 .bd .img {
-    width: 433.6px;
-    height: 395.2px;
+    /*width: 433.6px;*/
+    /*height: 395.2px;*/
     z-index: 1000;
     margin: -50px 0 0 0%;
     float: left;
     /*overflow: hidden;*/
 }
 @media screen and (min-width: 1000px) and (max-width: 2500px){
+    .part .bd .img {
+        width: 433.6px;
+        height: 395.2px;
+    }
 }
 
 @media screen and (min-width: 980px) and (max-width: 1000px){
+    .part .bd .img {
+        width: 433.6px;
+        height: 395.2px;
+    }
     .part3 .bd .txt,  .part5 .bd .txt {
         margin-right: 0px;
     }
@@ -160,6 +168,10 @@
 
 @media screen and (min-width: 767px) and (max-width: 980px){
     .container{width: 100% !important}
+    .part .bd .img {
+        width: 80%;
+        height: 80%;
+    }
      .part{height: auto}
      .part .con {
         width: 100%;
@@ -254,7 +266,7 @@
 
 
      .part3 , .part4, .part5 {
-        height: 750px;
+        height: 550px;
         width: 100%;
     }
      .part .hd {
--
libgit2 0.21.4