liting2017 лет назад: 6
Родитель
Сommit
4a30176f5f

BIN
img/newMenu/service_125_03.jpg


BIN
img/newMenu/service_126.png


BIN
img/newMenu/service_127.png


BIN
img/newMenu/service_128.png


BIN
img/newMenu/service_129.png


BIN
img/newMenu/service_130.png


BIN
img/newMenu/service_131.jpg


BIN
img/newMenu/service_132.jpg


BIN
img/newMenu/service_133.jpg


BIN
img/newMenu/service_134.jpg


BIN
img/newMenu/service_135.jpg


BIN
img/newMenu/service_136.jpg


+ 246 - 1
src/css/newMenu/services.css

@@ -816,7 +816,7 @@
     border-radius: 10px;
     transition: all .5s ease-in; 
 }
-.scienceLeft:hover>.imgt a{
+.imgt:hover a{
     transform: scale(1.2);
     box-shadow: 0px 0px 55px #e7e7e7;
     transition: all .5s ease-in; 
@@ -955,6 +955,251 @@
     width: 100%;
     height: 100%;
 }
+/* 合作伙伴 */
+.cooperation{
+    clear: both;
+    padding-top: 26px;
+}
+.cooperation .cooperationImg{
+    float: left;
+    width:270px;
+    height: 250px;
+}
+.cooperation .cooperationLogo{
+    width: 930px;
+    float: left;
+    height: 249px;
+    border-bottom: 1px solid #f3f3f3;
+}
+.cooperation .cooperationLogo ul{
+    box-sizing: border-box;
+}
+.cooperation .cooperationLogo ul li{
+    float: left;
+    width: 20%;
+    height: 82.5px;
+    border-right:1px solid #f3f3f3;
+    border-top: 1px solid #f3f3f3; 
+}
+.cooperation .cooperationLogo ul li img{
+    width: 100%;
+    height: 100%;
+}
+.cooperationPeople{
+    clear: both;
+    padding-top:40px; 
+    padding-bottom: 60px;
+}
+.cooperationPeople .listPre,.cooperationPeople .listNext{
+    width: 34px;
+    height: 34px;
+    display: inline-block;
+    vertical-align: top;
+    margin: 44px 5px 0;
+    cursor: pointer;
+    transition: all .3s ease-out;
+}
+.cooperationPeople span:hover{
+    transform: scale(1.1);
+    transition: all .3s ease-in;
+}
+.cooperationPeople .listPre{
+    float: left;
+}
+.cooperationPeople .listNext{
+    float: right;
+}
+.cooperationPeople .customerList{
+    width: 1100px;
+    overflow: hidden;
+}
+.cooperationPeople .customerList ul {
+    overflow: hidden;
+    width: 999999px;
+    box-sizing: border-box;
+}
+.cooperationPeople .customerList ul li{
+    float: left;
+    width: 370px;
+}
+.customerList ul li img{
+    width: 96px;
+    height: 112px;
+    border-radius: 50%;
+    float: left;
+    margin-right: 15px;
+}
+.customerList ul li div{
+    width: 228px;
+    float: left;
+}
+.customerList ul li div h5{
+    font-weight: normal;
+    font-size: 18px;
+    color: #323232;
+    margin-top: 16px;
+}
+.customerList ul li div h5 span{
+    color: #ff580e;
+    font-size: 14px;
+    display: inline-block;
+    margin-left: 10px;
+}
+.customerList ul li div p{
+    font-size: 12px;
+    color: #686868;
+    margin-top: 15px;
+}
+/* map */
+.serviceMap {
+    float: left;
+    position: relative;
+    width: 520px;
+    height: 350px;
+    z-index: 99;
+}
+.serviceMap .BMap_Marker{
+    display: inline-block;
+    width: 150px!important;
+}
+.serviceMap .BMapLabel{
+    width: 200px;
+    height: 20px;
+    line-height: 20px
+}
+.serviceMap .bottom{
+    margin-top: 0;
+    border-bottom:none; 
+}
+.serviceMap .center{
+    width: 252px!important;
+}
+.serviceMap>img{
+    position: absolute;
+    top: 0;
+    right: 50px;
+    z-index: 999;
+}
+.serviceMap #dituContent{
+    position: absolute;
+    top: 50px;
+    z-index: 888;
+}
+.serviceTxt{
+    float: left;
+    padding: 48px 24px 0;
+    width: 244px;
+}
+.serviceTxt h2{
+    text-align: center;
+    margin-bottom: 18px;
+    font-size: 24px;
+    color: #ff7e0b;
+    font-weight: 700
+}
+.serviceTxt .txtMid{
+    font-size: 14px;
+    color: #686868;
+    text-align: right;
+    margin-bottom: 18px;
+}
+.serviceTxt .txtOrange{
+    font-size: 18px;
+    color: #ff983c;
+    margin-bottom: 18px;
+}
+.serviceTxt .txtSmall{
+    font-size: 14px;
+    color: #f29848;
+    text-align: center;
+    margin-bottom: 18px;
+}
+.serviceTxt .txtF{
+    font-size: 16px;
+    color: #ff6600;
+    font-weight: 700;
+}
+.serviceCapacity {
+    clear: both;
+    overflow: hidden;
+    padding-top: 40px;
+    padding-bottom: 18px;
+}
+.serviceCapacity .serviceCrowd{
+    float: left;
+    width: 436px;
+}
+.serviceCapacity .serviceCrowd>img{
+    width: 100%;
+    margin-bottom: 16px;
+}
+.serviceCrowd ol{
+    clear: both;
+    overflow: hidden;
+}
+.serviceCrowd ol li{
+    float: left;
+    width: 216px;
+}
+
+.serviceCrowd .portrait{
+    float: left;
+    width: 120px;
+    height: 126px;
+    position: relative;
+    z-index: 88;
+}
+.serviceCrowd .portrait img{
+    width: 120px;
+    height: 126px;
+    position: absolute;
+    top: 0;
+    left: 0;
+}
+.serviceCrowd .portrait p{
+    position: absolute;
+    width: 100px;
+    height: 22px;
+    line-height: 22px;
+    font-size: 14px;
+    color: #ffffff;
+    text-align: center;
+    bottom: 0;
+    left: 50%;
+    margin-left: -50px;
+    background: #69c3f1;
+}
+
+.serviceCrowd ol li>p{
+    float: left;
+    width: 96px;
+    font-size: 14px;
+    color: #7a7878;
+    margin-top: 14px;
+}
+.process{
+    padding-top: 42px;
+    padding-bottom: 110px;
+}
+.process ul{
+    display: flex;
+    box-sizing: border-box;
+}
+.process ul li{
+    text-align: center;
+    width: 200px;
+} 
+.process ul li span{
+    display: inline-block;
+    width: 100%;
+    height: 34px;
+    background: url(../../../img/newMenu/service_131.jpg) no-repeat;
+    background-size:100% 100%; 
+}
+
+
+
+
 
 
 

Разница между файлами не показана из-за своего большого размера
+ 90 - 0
src/js/newMenu/map.js


+ 0 - 0
src/js/newMenu/services.ja


+ 35 - 0
src/js/newMenu/services.js

@@ -0,0 +1,35 @@
+import 'css/bootstrap.less';
+import 'bootstrap/dist/js/bootstrap.js';
+import 'css/newMenu/public.css';
+import 'css/newMenu/header.css'
+import 'css/newMenu/services.css';
+import 'js/public.js';
+import 'js/newMenu/map.js';
+
+$(function(){
+   
+    init();
+    function init(){
+        listFun()
+    };
+     /*合作客户切换  */
+    function listFun(){
+        let m=0,
+            liW = $('.customerList ul li').width(),
+            len = $('.customerList ul li').length;
+        $('.cooperationPeople .listNext').on('click',function(){
+            m++;
+            if(m>len-3){
+                m=len-3;
+            };
+            $('.customerList ul').animate({marginLeft:-liW*m+'px'})
+        });
+        $('.cooperationPeople .listPre').on('click',function(){
+            m--;
+            if(m<=0){
+               m=0;
+            }
+            $('.customerList ul').animate({marginLeft:-liW*m+'px'})
+        });
+    }
+})

+ 324 - 48
template/newMenu/services.html

@@ -6,11 +6,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <title>科技服务</title>
-    <link rel="stylesheet" href="../../src/css/bootstrap.css">
+    <!-- <link rel="stylesheet" href="../../src/css/bootstrap.css">
     <link rel="stylesheet" href="../../src/css/newMenu/public.css">
     <link rel="stylesheet" href="../../src/css/newMenu/header.css">
-    <link rel="stylesheet" href="../../src/css/newMenu/services.css">
-
+    <link rel="stylesheet" href="../../src/css/newMenu/services.css"> -->
+    <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
 </head>
 
 <body>
@@ -393,44 +393,94 @@
                 <div class="wrapperRight">
                     <div class="memo">
                         <div>服务大事记</div>
-                        <h4><strong>17年</strong>科技服务</h4>
-                        <h4><strong>23455</strong>家企业伙伴</h4>
+                        <h4>
+                            <strong>17年</strong>科技服务</h4>
+                        <h4>
+                            <strong>23455</strong>家企业伙伴</h4>
                         <ul>
-                            <li><a href="#">关于部分营销推广类项目分营销推广类项目</a></li>
-                            <li><a href="#">关于部分营销推广类项目</a></li>
-                            <li><a href="#">关于部分营销推广类项目</a></li>
-                            <li><a href="#">关于部分营销推广类项目</a></li>
-                            <li><a href="#">关于部分营销推广类项目</a></li>
-                            <li><a href="#">关于部分营销推广类项目</a></li>
-                            <li><a href="#">关于部分营销推广类项目</a></li>
-                            <li><a href="#">关于部分营销推广类项目</a></li>
+                            <li>
+                                <a href="#">关于部分营销推广类项目分营销推广类项目</a>
+                            </li>
+                            <li>
+                                <a href="#">关于部分营销推广类项目</a>
+                            </li>
+                            <li>
+                                <a href="#">关于部分营销推广类项目</a>
+                            </li>
+                            <li>
+                                <a href="#">关于部分营销推广类项目</a>
+                            </li>
+                            <li>
+                                <a href="#">关于部分营销推广类项目</a>
+                            </li>
+                            <li>
+                                <a href="#">关于部分营销推广类项目</a>
+                            </li>
+                            <li>
+                                <a href="#">关于部分营销推广类项目</a>
+                            </li>
+                            <li>
+                                <a href="#">关于部分营销推广类项目</a>
+                            </li>
                         </ul>
                     </div>
                     <div class="policy">
                         <div></div>
                         <ul>
-                            <li><a href="#">关于部分营销推广类项目分营销推广类项目</a></li>
-                            <li><a href="#">关于部分营销推广类项目</a></li>
-                            <li><a href="#">关于部分营销推广类项目</a></li>
-                            <li><a href="#">关于部分营销推广类项目</a></li>
-                            <li><a href="#">关于部分营销推广类项目</a></li>
-                            <li><a href="#">关于部分营销推广类项目</a></li>
-                            <li><a href="#">关于部分营销推广类项目</a></li>
-                            <li><a href="#">关于部分营销推广类项目</a></li>
+                            <li>
+                                <a href="#">关于部分营销推广类项目分营销推广类项目</a>
+                            </li>
+                            <li>
+                                <a href="#">关于部分营销推广类项目</a>
+                            </li>
+                            <li>
+                                <a href="#">关于部分营销推广类项目</a>
+                            </li>
+                            <li>
+                                <a href="#">关于部分营销推广类项目</a>
+                            </li>
+                            <li>
+                                <a href="#">关于部分营销推广类项目</a>
+                            </li>
+                            <li>
+                                <a href="#">关于部分营销推广类项目</a>
+                            </li>
+                            <li>
+                                <a href="#">关于部分营销推广类项目</a>
+                            </li>
+                            <li>
+                                <a href="#">关于部分营销推广类项目</a>
+                            </li>
                         </ul>
                     </div>
                     <div class="newFlash">
-                        <h4><img src="../../img/newMenu/serves_31.jpg" alt="">今日快讯</h4>
+                        <h4>
+                            <img src="../../img/newMenu/serves_31.jpg" alt="">今日快讯</h4>
                         <div>
                             <img src="../../img/newMenu/demand-9.png" alt="">
                             <p>巨头涌入"游戏功能等待崛起"</p>
                         </div>
                         <ul>
-                            <li><img src="../../img/newMenu/serves_33.jpg" alt="" srcset=""><a href="#">3月21号,新余市科技局曹局长一行到访技淘...</a></li>
-                            <li><img src="../../img/newMenu/serves_33.jpg" alt="" srcset=""><a href="#">3月21号,新余市科技局曹局长一行到访技淘...</a></li>
-                            <li><img src="../../img/newMenu/serves_33.jpg" alt="" srcset=""><a href="#">3月21号,新余市科技局曹局长一行到访技淘...</a></li>
-                            <li><img src="../../img/newMenu/serves_33.jpg" alt="" srcset=""><a href="#">3月21号,新余市科技局曹局长一行到访技淘...</a></li>
-                            <li><img src="../../img/newMenu/serves_33.jpg" alt="" srcset=""><a href="#">3月21号,新余市科技局曹局长一行到访技淘...</a></li>
+                            <li>
+                                <img src="../../img/newMenu/serves_33.jpg" alt="" srcset="">
+                                <a href="#">3月21号,新余市科技局曹局长一行到访技淘...</a>
+                            </li>
+                            <li>
+                                <img src="../../img/newMenu/serves_33.jpg" alt="" srcset="">
+                                <a href="#">3月21号,新余市科技局曹局长一行到访技淘...</a>
+                            </li>
+                            <li>
+                                <img src="../../img/newMenu/serves_33.jpg" alt="" srcset="">
+                                <a href="#">3月21号,新余市科技局曹局长一行到访技淘...</a>
+                            </li>
+                            <li>
+                                <img src="../../img/newMenu/serves_33.jpg" alt="" srcset="">
+                                <a href="#">3月21号,新余市科技局曹局长一行到访技淘...</a>
+                            </li>
+                            <li>
+                                <img src="../../img/newMenu/serves_33.jpg" alt="" srcset="">
+                                <a href="#">3月21号,新余市科技局曹局长一行到访技淘...</a>
+                            </li>
                         </ul>
                     </div>
                     <div class="encyclopedias">
@@ -438,19 +488,27 @@
                         <ul>
                             <li>
                                 <img src="../../img/newMenu/achievement_21.jpg" alt="">
-                                <p><a href="#">高新服务流程如何</a></p>
+                                <p>
+                                    <a href="#">高新服务流程如何</a>
+                                </p>
                             </li>
                             <li>
                                 <img src="../../img/newMenu/achievement_22.jpg" alt="">
-                                <p><a href="#">高新服务流程如何321313123</a></p>
+                                <p>
+                                    <a href="#">高新服务流程如何321313123</a>
+                                </p>
                             </li>
                             <li>
                                 <img src="../../img/newMenu/achievement_23.jpg" alt="">
-                                <p><a href="#">高新服务流程如何</a></p>
+                                <p>
+                                    <a href="#">高新服务流程如何</a>
+                                </p>
                             </li>
                             <li>
                                 <img src="../../img/newMenu/achievement_21.jpg" alt="">
-                                <p><a href="#">高新服务流程如何</a></p>
+                                <p>
+                                    <a href="#">高新服务流程如何</a>
+                                </p>
                             </li>
                         </ul>
                     </div>
@@ -537,16 +595,29 @@
                     </div>
                     <div class="scienceList">
                         <ul>
-                            <li><img src="../../img/newMenu/service_111.png" alt=""></li>
-                            <li><img src="../../img/newMenu/service_112.png" alt=""></li>
-                            <li><img src="../../img/newMenu/service_113.png" alt=""></li>
-                            <li><img src="../../img/newMenu/service_114.png" alt=""></li>
-                            <li><img src="../../img/newMenu/service_115.png" alt=""></li>
-                            <li><img src="../../img/newMenu/service_116.png" alt=""></li>
+                            <li>
+                                <img src="../../img/newMenu/service_111.png" alt="">
+                            </li>
+                            <li>
+                                <img src="../../img/newMenu/service_112.png" alt="">
+                            </li>
+                            <li>
+                                <img src="../../img/newMenu/service_113.png" alt="">
+                            </li>
+                            <li>
+                                <img src="../../img/newMenu/service_114.png" alt="">
+                            </li>
+                            <li>
+                                <img src="../../img/newMenu/service_115.png" alt="">
+                            </li>
+                            <li>
+                                <img src="../../img/newMenu/service_116.png" alt="">
+                            </li>
                         </ul>
                     </div>
                     <div class="scienceRight">
-                        <h4><img src="../../img/newMenu/service_118.png" alt="">科技通</h4>
+                        <h4>
+                            <img src="../../img/newMenu/service_118.png" alt="">科技通</h4>
                         <div>
                             <p>科技通在服务周期内针对企发展不同阶段深入分析与规划进行科技项目量身定制,对企业所属行业所属阶段展开分析、国家优惠政策推送并针对性监控,就政府项目规划培育申报等提供全方位、前瞻性的咨询顾问服务,帮助企业享受政策红利,减低产业升级成本...</p>
                             <a href="#">我想了解</a>
@@ -557,9 +628,11 @@
             <div class="scienceTtitle">
                 <h4>科技项目</h4>
                 <p>企业发展&nbsp;&nbsp;政策扶持</p>
-            </div>   
+            </div>
             <div class="project">
-                <div class="projectImg"><img src="../../img/newMenu/service_119.jpg" alt=""></div>
+                <div class="projectImg">
+                    <img src="../../img/newMenu/service_119.jpg" alt="">
+                </div>
                 <div class="projectMid">
                     <img src="../../img/newMenu/service_120.png" alt="">
                     <div>
@@ -578,7 +651,8 @@
                         <div class="imgRight">
                             <ol>
                                 <li>中小企业发展专项资金</li>
-                                <li>战略性新兴产业科技攻关<br />与重大科技成果转化项目</li>
+                                <li>战略性新兴产业科技攻关
+                                    <br />与重大科技成果转化项目</li>
                                 <li></li>
                             </ol>
                         </div>
@@ -586,15 +660,21 @@
                             <ul>
                                 <li>
                                     <img src="../../img/newMenu/service_121.png" alt="">
-                                    <p><a href="#">高新服务流程如何</a></p>
+                                    <p>
+                                        <a href="#">高新服务流程如何</a>
+                                    </p>
                                 </li>
                                 <li>
                                     <img src="../../img/newMenu/service_122.png" alt="">
-                                    <p><a href="#">高新服务流程如何321313123</a></p>
+                                    <p>
+                                        <a href="#">高新服务流程如何321313123</a>
+                                    </p>
                                 </li>
                                 <li>
                                     <img src="../../img/newMenu/service_123.png" alt="">
-                                    <p><a href="#">高新服务流程如何</a></p>
+                                    <p>
+                                        <a href="#">高新服务流程如何</a>
+                                    </p>
                                 </li>
                             </ul>
                         </div>
@@ -604,10 +684,205 @@
             <div class="advertisementBj">
                 <img src="../../img/newMenu/service_124.jpg" alt="">
             </div>
-            <div class="scienceTtitle">  
+            <!-- 合作客户 -->
+            <div class="scienceTtitle">
                 <h4>合作客户</h4>
                 <p>我们不只是客户&nbsp;&nbsp;更是一起发展的伙伴</p>
-            </div>  
+            </div>
+            <div class="cooperation">
+                <div class="cooperationImg">
+                    <img src="../../img/newMenu/service_125_03.jpg" alt="">
+                </div>
+                <div class="cooperationLogo">
+                    <ul>
+                        <li>
+                            <img src="../../img/tectbanner1.jpg" alt="">
+                        </li>
+                        <li>
+                            <img src="../../img/tectbanner2.jpg" alt="">
+                        </li>
+                        <li>
+                            <img src="../../img/tectbanner3.jpg" alt="">
+                        </li>
+                        <li>
+                            <img src="../../img/tectbanner4.jpg" alt="">
+                        </li>
+                        <li>
+                            <img src="../../img/tectbanner5.jpg" alt="">
+                        </li>
+                        <li>
+                            <img src="../../img/tectbanner6.jpg" alt="">
+                        </li>
+                        <li>
+                            <img src="../../img/tectbanner7.jpg" alt="">
+                        </li>
+                        <li>
+                            <img src="../../img/tectbanner8.jpg" alt="">
+                        </li>
+                        <li>
+                            <img src="../../img/tectbanner9.jpg" alt="">
+                        </li>
+                        <li>
+                            <img src="../../img/tectbanner11.jpg" alt="">
+                        </li>
+                        <li>
+                            <img src="../../img/tectbanner11.jpg" alt="">
+                        </li>
+                        <li>
+                            <img src="../../img/tectbanner12.jpg" alt="">
+                        </li>
+                        <li>
+                            <img src="../../img/tectbanner1.jpg" alt="">
+                        </li>
+                        <li>
+                            <img src="../../img/tectbanner2.jpg" alt="">
+                        </li>
+                        <li>
+                            <img src="../../img/tectbanner3.jpg" alt="">
+                        </li>
+                    </ul>
+                </div>
+            </div>
+            <div class="cooperationPeople">
+                <span class="listPre">
+                    <img src="../../img/newMenu/service_126.png" alt="">
+                </span>
+                <span class="listNext">
+                        <img src="../../img/newMenu/service_127.png" alt="">
+                </span>
+                <div class="customerList">
+                    <ul>
+                        <li>
+                            <img src="../../img/newMenu/achievement_10.jpg" alt="">
+                            <div>
+                                <h5>王总
+                                    <span>三一重工</span>
+                                </h5>
+                                <p>技淘网的服务好啊,是我见过最好的,人好,公司好,服务好,产品质量好,通过率高,是的是的的,人好,公司好。</p>
+                            </div>
+                        </li>
+                        <li>
+                            <img src="../../img/newMenu/achievement_10.jpg" alt="">
+                            <div>
+                                <h5>王总
+                                    <span>三一重工</span>
+                                </h5>
+                                <p>技淘网的服务好啊,是我见过最好的,人好,公司好,服务好,产品质量好,通过率高,是的是的的,人好,公司好。</p>
+                            </div>
+                        </li>
+                        <li>
+                            <img src="../../img/newMenu/achievement_10.jpg" alt="">
+                            <div>
+                                <h5>王总
+                                    <span>三一重工</span>
+                                </h5>
+                                <p>技淘网的服务好啊,是我见过最好的,人好,公司好,服务好,产品质量好,通过率高,是的是的的,人好,公司好。</p>
+                            </div>
+                        </li>
+                        <li>
+                            <img src="../../img/newMenu/achievement_10.jpg" alt="">
+                            <div>
+                                <h5>王总
+                                    <span>三一重工</span>
+                                </h5>
+                                <p>技淘网的服务好啊,是我见过最好的,人好,公司好,服务好,产品质量好,通过率高,是的是的的,人好,公司好。</p>
+                            </div>
+                        </li>
+                        <li>
+                            <img src="../../img/newMenu/achievement_10.jpg" alt="">
+                            <div>
+                                <h5>王总
+                                    <span>三一重工</span>
+                                </h5>
+                                <p>技淘网的服务好啊,是我见过最好的,人好,公司好,服务好,产品质量好,通过率高,是的是的的,人好,公司好。</p>
+                            </div>
+                        </li>
+                        <li>
+                            <img src="../../img/newMenu/achievement_10.jpg" alt="">
+                            <div>
+                                <h5>王总
+                                    <span>三一重工</span>
+                                </h5>
+                                <p>技淘网的服务好啊,是我见过最好的,人好,公司好,服务好,产品质量好,通过率高,是的是的的,人好,公司好。</p>
+                            </div>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+            <div class="scienceTtitle">
+                <h4>服务能力</h4>
+                <p>科学的流程&nbsp;&nbsp;权威的专家&nbsp;&nbsp;负责的服务</p>
+            </div>
+            <div class="serviceCapacity">
+                <div class="serviceMap">
+                    <img src="../../img/newMenu/service_128.png" alt="">
+                    <div style="width:520px;height:300px;border:#ccc solid 1px;" id="dituContent"></div>
+                </div>
+                <div class="serviceTxt">
+                    <h2>17年专业服务</h2>
+                    <p class="txtMid">25家驻地分公司</p>
+                    <p class="txtOrange">300多位权威专家</p>
+                    <p class="txtMid">1.3万个服务项目</p>
+                    <p class="txtSmall">咨询业甲级资质</p>
+                    <p class="txtF">国家技术转移示范机构</p>
+                </div>
+                <div class="serviceCrowd">
+                    <img src="../../img/newMenu/service_129.png" alt="">
+                    <ol>
+                        <li>
+                            <div class="portrait">
+                                <img src="../../img/newMenu/service_130.png" alt="">
+                                <p>咨询师 李老师</p>
+                            </div>
+                           <p>每次为客户做完一个案子,我内心是快乐的。</p>
+                        </li>
+                        <li>
+                            <div class="portrait">
+                                <img src="../../img/newMenu/service_130.png" alt="">
+                                <p>咨询师 李老师</p>
+                            </div>
+                            <p>每次为客户做完一个案子,我内心是快乐的。</p>
+                        </li>
+                    </ol>
+                </div>
+            </div>
+            <div class="scienceTtitle">
+                <h4>服务流程</h4>
+            </div>
+            <div class="process">
+                <ul>
+                    <li>
+                        <img src="../../img/newMenu/service_132.jpg" alt="">
+                        <span></span>
+                        <p>客户线上咨解疑答惑</p>
+                    </li>
+                    <li>
+                        <img src="../../img/newMenu/service_133.jpg" alt="">
+                        <span></span>
+                        <p>专家一对一定制项目方案</p>
+                    </li>
+                    <li>
+                        <img src="../../img/newMenu/service_134.jpg" alt="">
+                        <span></span>
+                        <p>确定合作关系</p>
+                    </li>
+                    <li>
+                        <img src="../../img/newMenu/service_135.jpg" alt="">
+                        <span></span>
+                        <p>协助企业准备认定申请材料</p>
+                    </li>
+                    <li>
+                        <img src="../../img/newMenu/service_136.jpg" alt="">
+                        <span></span>
+                        <p>立项后跟踪管理</p>
+                    </li>
+                    <li>
+                        <img src="../../img/newMenu/service_132.jpg" alt="">
+                        <span></span>
+                        <p>客户线上咨解疑答惑</p>
+                    </li>
+                </ul>
+            </div>
         </div>
     </div>
     <footer>
@@ -830,9 +1105,10 @@
         </div>
     </footer>
 </body>
-<script src="../../src/js/jquery-2.1.0.js"></script>
+<!-- <script src="../../src/js/jquery-2.1.0.js"></script>
 <script src="../../src/js/public.js"></script>
 <script src="../../src//js/newMenu/services.js"></script>
-<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
+<script src="../../src/js/newMenu/map.js"></script>
+<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> -->
 
 </html>

+ 6 - 0
webpack.config.js

@@ -229,6 +229,12 @@ module.exports = (function () {
             template: './template/newMenu/achievementDetails.html',
             chunks: ['newMenu/achievementDetail', 'vendors']
         }),
+        new HtmlWebpackPlugin({
+            title: '科技服务',
+            filename: 'html/newMenu/services.html',
+            template: './template/newMenu/services.html',
+            chunks: ['newMenu/services', 'vendors']
+        })
     ];
     if (!isDev) {
         //这个使用uglifyJs压缩你的js代码

+ 6 - 1
webpack/entry.config.js

@@ -34,7 +34,8 @@ module.exports = {
         /* 2018-06  新版科技需求 */
         'newMenu/demand': './src/js/newMenu/demand.js',
         'newMenu/achievement': './src/js/newMenu/achievement.js',
-        'newMenu/achievementDetail': './src/js/newMenu/achievementDetail.js'
+        'newMenu/achievementDetail': './src/js/newMenu/achievementDetail.js',
+        'newMenu/services': './src/js/newMenu/services.js'
     },
     watch: {
         'index': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
@@ -171,5 +172,9 @@ module.exports = {
         'webpack/hot/only-dev-server',
         './src/js/newMenu/achievementDetail.js'
         ],
+        'newMenu/services': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
+        'webpack/hot/only-dev-server',
+        './src/js/newMenu/services.js'
+        ],
     }
 };