liting2017 6 years ago
parent
commit
ae60d45b60

BIN
img/newMenu/service_jitao1.jpg


BIN
img/newMenu/service_jitao2.png


BIN
img/newMenu/service_jitao3_06.jpg


+ 6 - 1
src/css/newMenu/achievement.css

@@ -441,7 +441,9 @@ hr{
 .introduce address{
     margin-bottom: 10px!important;
 }
-
+.introduce address span {
+    color: #333;
+}
 .transaction .transactionImg div address span{
     margin: 0 10px;
     display: inline-block;
@@ -542,6 +544,9 @@ hr{
 .transactionList ol li:hover .time p,.transactionList ol li:hover .time span,.transaction ul li:hover .time span,.transaction ul li:hover .time p {
     color: #ffffff;
 }
+.transactionList ol li:hover address span,.transaction ul li:hover address span {
+    color: #ff6600;
+}
 .transaction .transactionImg:hover div>img{
     transform: scale(1.1);
     transition: all .5s ease-in;

+ 3 - 1
src/css/newMenu/demand.css

@@ -314,9 +314,11 @@
 }
 .imgGroup ul li:hover{
     transition: all .3s ease-in;
-    transform: scale(1.05);
     box-shadow: 0 5px 10px #ccc;
 }
+.imgGroup ul li:hover p{
+    color: #ff580e
+}
 .imgGroup ul li img {
     width: 100%;
     height: 116px;

+ 16 - 0
src/css/newMenu/public.css

@@ -857,3 +857,19 @@ header .colorRed{
 	margin-left: -4px;
 	transition: all .2s ease-in;
 }
+/* banner */
+.carousel{
+	width: 100%;
+	height: 600px;
+
+}
+.carousel img{
+	width: 100%;
+	height: 100%;
+}
+/* 分页 */
+.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
+	background-color:#ff5910;
+	color: #ffffff!important;
+	border-color: #ff5910;
+}

+ 2 - 5
src/css/newMenu/serviceList.css

@@ -194,13 +194,10 @@
     padding: 10px 2px 0;
 }
 .achievementHot ul li:hover{
-    box-shadow: 0 0 10px #ccc;
-    transform:  scale(1.1);
+    box-shadow: 0 0 20px #ccc;
+    transform:  scale(1.02);
     transition: all .2s ease-in;
 }
-.achievementHot ul li:hover a{
-    transform: skew(-10deg);
-}
 .achievementHot ul li .hr {
     width: 100%;
     height: 18px;

+ 67 - 39
src/css/newMenu/services.css

@@ -372,8 +372,8 @@
     text-overflow:ellipsis; 
     -o-text-overflow:ellipsis;
 }
-.certificationList ol li:hover{
-    color: #ff5910  
+.certificationList ol li:hover a{
+    color: #ff5910!important;
 }
 .certification .certificationList ol li a{
     color:#7a7878;
@@ -399,7 +399,7 @@
     border-top: 1px solid #efefef;
     border-left: 1px solid #efefef
 }
-.administration ul li:hover{
+.administration ul li:hover a{
     color: #ff5910  
 }
 .administration ul li a{
@@ -427,6 +427,7 @@
 .wrapperRight .memo{
     border: 1px solid #efefef;
     padding-bottom: 38px;
+    height: 382px;
 }
 .wrapperRight .memo h4{
     font-size: 18px;
@@ -477,6 +478,7 @@
     border: 1px solid #efefef;
     padding-bottom: 20px;
     margin-top: 50px;
+    height: 337px;
 }
 .policy>div{
     width: 100%;
@@ -563,6 +565,7 @@
 }
 .newFlash ul{
     padding-top: 10px;
+    height: 315px;
 }
 .newFlash ul li{
     border-bottom: 1px dashed #eeeeee;
@@ -586,47 +589,37 @@
     display: inline-block; 
 }
 /* 技淘百科 */
-.encyclopedias h5{
-    text-align: center;
-    font-size: 18px;
-    color: #000000;
-    padding-top: 50px;
-    padding-bottom: 20px;
+.encyclopedias {
+    width: 218px;
+    height: 330px;
+    margin-top: 60px;
+    position: relative;
+    background: url(../../../img/newMenu/service_jitao1.jpg) no-repeat;
+    background-size:100% 100%; 
 }
-.encyclopedias ul li{
-    clear: both;
-    overflow: hidden;
-    margin-bottom: 18px;
+.encyclopedias a{
+    display: inline-block;
+    width: 128px;
+    height: 36px;
+    position: absolute;
+    left: 50%;
+    bottom: 34px;
+    margin-left: -64px;
+    text-align: center;
+    font-size: 14px;
+    color: #ffffff;
+    line-height: 36px;
+    background: #80e561;
+    border-radius: 20px;
+    box-shadow: 0 2px 10px rgb(155, 152, 152); 
     transition: all .2s ease-in-out;
 }
-
-.encyclopedias ul li img{
-    width: 58px;
-    float: left;
-    transition: all .2s ease-out;
-}
-.encyclopedias ul li p{
-    width:150px;
-    height: 36px; 
-    margin-top: 12px;
-    float: left;
-    font-size: 14px;
+.encyclopedias a img{
     margin-left: 10px;
-    border-bottom:1px solid #e7e7e7;
-    overflow: hidden;
-    white-space:nowrap; 
-    text-overflow:ellipsis; 
-    -o-text-overflow:ellipsis;
 }
-.encyclopedias ul li p a{
-    color: #686868;
-}
-.encyclopedias ul li:hover p a{
-    color: #ff5910;
-}
-.encyclopedias ul li:hover{
-    margin-left:-4px;
-    transition: all .2s ease-in;
+.encyclopedias a:hover{
+    background: #ff5910;
+    transition: all .2s ease-in
 }
 
 .overBj{
@@ -969,6 +962,7 @@
 .imgLeft ul li:hover p{
     color: #ff5d1d;
 }
+
 .imgLeft ul li a{
     color: #393838;
 }
@@ -998,6 +992,40 @@
     width: 100%;
     height: 100%;
 }
+.projectRight{
+    width: 220px;
+    float: right;
+    margin-right: 20px;
+    text-align: center;
+    margin-top: -24px;
+}
+.projectRight li{
+    width: 100%;
+    height: 34px;
+    font-size:14px;
+    border: 1px solid #dcdcdc;
+    line-height: 34px;
+    border-radius:20px;
+    margin-bottom: 12px;
+    transition: all .2s ease-in-out;
+}
+.projectRight li:hover{
+    margin-left: -4px;
+    border-color: #ff5a0e;
+    transition: all .2s ease-in;
+}
+.projectRight li:hover p{
+    color: #ff5a0e;
+}
+.projectRight li p{
+    color: #444444;
+}
+.projectRight li span{
+    color: #ff5a0e;
+    font-size: 18px;
+    display: inline-block;
+    margin-right: 10px;
+}
 /* 合作伙伴 */
 .cooperation{
     clear: both;

+ 1 - 3
src/js/newMenu/services.js

@@ -17,9 +17,7 @@ $(function(){
     function search (){
         $('.searchBtn').click(function(){
             let name = $('.demandSearch').val().trim();
-            if(name){
-                window.location.href=globalConfig.context+'/portal/service/serviceList?name='+name
-            }
+            window.location.href=globalConfig.context+'/portal/service/serviceList?name='+name
         })
     }
      /*合作客户切换  */

+ 14 - 64
template/newMenu/services.html

@@ -112,30 +112,8 @@
         </div>
     </div>
     <!-- banner -->
-    <div id="myCarousel" class="carousel slide">
-        <!-- 轮播(Carousel)指标 -->
-        <ol class="carousel-indicators">
-            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
-            <li data-target="#myCarousel" data-slide-to="1"></li>
-            <li data-target="#myCarousel" data-slide-to="2"></li>
-        </ol>
-        <!-- 轮播(Carousel)项目 -->
-        <div class="carousel-inner">
-            <div class="item active">
-                <img src="../../img/index_banner01.jpg" alt="First slide">
-            </div>
-            <div class="item">
-                <img src="../../img/index_banner02.jpg" alt="Second slide">
-            </div>
-            <div class="item">
-                <img src="../../img/index_banner03.jpg" alt="Third slide">
-            </div>
-        </div>
-        <!-- 轮播(Carousel)导航 -->
-        <!-- <a class="carousel-control left" href="#myCarousel" 
-               data-slide="prev">&lsaquo;</a>
-            <a class="carousel-control right" href="#myCarousel" 
-               data-slide="next">&rsaquo;</a> -->
+    <div class="carousel">
+        <img src="../../img/service_banner01.jpg" alt="First slide">
     </div>
     <!-- 主体内容区域 -->
     <div class="container">
@@ -478,33 +456,7 @@
                         </ul>
                     </div>
                     <div class="encyclopedias">
-                        <h5>技淘百科</h5>
-                        <ul>
-                            <li>
-                                <img src="../../img/newMenu/achievement_21.jpg" alt="">
-                                <p>
-                                    <a href="#">高新服务流程如何</a>
-                                </p>
-                            </li>
-                            <li>
-                                <img src="../../img/newMenu/achievement_22.jpg" alt="">
-                                <p>
-                                    <a href="#">高新服务流程如何321313123</a>
-                                </p>
-                            </li>
-                            <li>
-                                <img src="../../img/newMenu/achievement_23.jpg" alt="">
-                                <p>
-                                    <a href="#">高新服务流程如何</a>
-                                </p>
-                            </li>
-                            <li>
-                                <img src="../../img/newMenu/achievement_21.jpg" alt="">
-                                <p>
-                                    <a href="#">高新服务流程如何</a>
-                                </p>
-                            </li>
-                        </ul>
+                        <a href="#">了解更多<img src="../../img/newMenu/service_jitao2.png" alt=""></a>
                     </div>
                 </div>
             </div>
@@ -646,25 +598,23 @@
                                 <li></li>
                             </ul>
                         </div>
-                        <div class="projectRight encyclopedias">
+                        <div class="projectRight ">
+                            <img src="../../img/newMenu/service_jitao3_06.jpg" alt="">
                             <ul>
                                 <li>
-                                    <img src="../../img/newMenu/service_121.png" alt="">
-                                    <p>
-                                        <a href="#">高新服务流程如何</a>
-                                    </p>
+                                    <p><span>1</span>客户线上咨询解疑答惑</p>
+                                </li>
+                                <li>
+                                    <p><span>2</span>专家一对一定制项目方案</p>
+                                </li>
+                                <li>
+                                    <p><span>3</span>确定合作关系</p>
                                 </li>
                                 <li>
-                                    <img src="../../img/newMenu/service_122.png" alt="">
-                                    <p>
-                                        <a href="#">高新服务流程如何321313123</a>
-                                    </p>
+                                    <p><span>4</span>协助企业准备认定申请材料</p>
                                 </li>
                                 <li>
-                                    <img src="../../img/newMenu/service_123.png" alt="">
-                                    <p>
-                                        <a href="#">高新服务流程如何</a>
-                                    </p>
+                                    <p><span>5</span>立项后跟踪管理售后</p>
                                 </li>
                             </ul>
                         </div>