服务

liuqimichale
1 parent c512143a
Showing 3 changed files with 17 additions and 11 deletions
css/services.css
services.html
style.css
@@ -6,7 +6,6 @@
     background-repeat: no-repeat;
 }
 .services-bannertit{
-    width:600px;
     height:50px;
     line-height: 50px;
     font-size:48px;
@@ -17,7 +16,6 @@
  
 }
 .services-bannertext{
-    width:450px;
     height:25px;
     line-height:25px;
     font-size:24px;
@@ -46,7 +44,7 @@
 }
 /*1 tab*/
 .services-wrap-left-1{
-    background: url("../images/services_saasIco.png") no-repeat;
+    background: url("../images/services_saasIco.png") no-repeat center center;
     background-size:80% 100%;
     height: 494px;
     margin: 102px auto 0;
@@ -61,19 +59,20 @@
     height: 168px;
     /*width: 100%;*/
     /*width: 543px;*/
-    border-bottom: 2px solid rgba(228,229,229,1);;
+    border-bottom: 2px solid rgba(228,229,229,1);
+    display: flex;
 }
 .services-soft-wrap li {
+    flex: 1;
     color: rgba(6,14,19,.8);
     font-size:20px;
     cursor: pointer;
     height: 168px;
-    width: 133px;
+    /*width: 133px;*/
 }
 .services-soft-wrap li:nth-of-type(1) {
     padding-top: 114px;
     background: url(../images/services_titico1.png) no-repeat center 0;
-    margin-right: 72px;
 }
 .services-soft-wrap li:nth-of-type(1).active {
     color: #3F9FFE;
@@ -85,6 +84,7 @@
     padding-top: 114px;
     background: url(../images/services_titico2.png) no-repeat center 0;
     margin-right: 72px;
+    margin-left: 72px;
 }
 .services-soft-wrap li:nth-of-type(2).active {
     color: #3F9FFE;
@@ -146,22 +146,22 @@
 }
 /*-------2---*/
 .services-park-wrap{
+    display: flex;
     height: 168px;
     /*width: 543px;*/
     /*width: 100%;*/
     border-bottom: 2px solid rgba(228,229,229,1);;
 }
 .services-park-wrap li {
+    flex: 1;
     color: rgba(6,14,19,.8);
     font-size:20px;
     cursor: pointer;
     height: 168px;
-    width: 133px;
 }
 .services-park-wrap li:nth-of-type(1) {
     padding-top: 114px;
     background: url(../images/services_titico4.png) no-repeat center 0;
-    margin-right: 72px;
 }
 .services-park-wrap li:nth-of-type(1).active {
     color: #3F9FFE;
@@ -173,6 +173,7 @@
     padding-top: 114px;
     background: url(../images/services_titico5.png) no-repeat center 0;
     margin-right: 72px;
+    margin-left: 72px;
 }
 .services-park-wrap li:nth-of-type(2).active {
     color: #3F9FFE;
@@ -202,7 +203,7 @@
     /*margin-left: 10px;*/
 }
 .services-wrap-right-3{
-    width: 543px;
+    /*width: 543px;*/
     /*width: 100%;*/
     height: 400px;
     margin: 165px auto 0;
@@ -210,17 +211,18 @@
 }
 /*-------3---*/
 .services-user-wrap{
+    display: flex;
     height: 168px;
     /*width: 543px;*/
     /*width: 100%;*/
     border-bottom: 2px solid rgba(228,229,229,1);;
 }
 .services-user-wrap li {
+    flex: 1;
     color: rgba(6,14,19,.8);
     font-size:20px;
     cursor: pointer;
     height: 168px;
-    width: 133px;
 }
 .services-user-wrap li:nth-of-type(1) {
     padding-top: 114px;
@@ -26,7 +26,7 @@
     <link type="text/css" rel="stylesheet" href="css/swiper.css">
     <!-- Ruby CSS -->
     <link type="text/css" rel="stylesheet" href="css/normalize.css">
-    <link type="text/css" rel="stylesheet" href="style.css?a=1">
+    <link type="text/css" rel="stylesheet" href="style.css?a=2">
     <link type="text/css" rel="stylesheet" href="css/responsive.css">
     <link type="text/css" rel="stylesheet" href="css/services.css">
  
@@ -2602,5 +2602,9 @@ a:hover{
 	.contactside-bg p:nth-of-type(1),.contactside-bg p:nth-of-type(2){
 		text-align: center;
 	}
+	.services-soft-wrap li,.services-park-wrap li,.services-user-wrap li{
+		font-size: 16px!important;
+		background-size: 60% 50%!important;
+	}
 }