官网问题修改

.idea/modules.xml

@@ -2,7 +2,7 @@
 <project version="4">
   <component name="ProjectModuleManager">
     <modules>
-      <module fileurl="file://$PROJECT_DIR$/.idea/nsgk_web.iml" filepath="$PROJECT_DIR$/.idea/nsgk_web.iml" />
+      <module fileurl="file://$PROJECT_DIR$/.idea/official_website.iml" filepath="$PROJECT_DIR$/.idea/official_website.iml" />
     </modules>
   </component>
 </project>

index.html

@@ -21,8 +21,8 @@
           <li><a href="javascript:void(0);" class="active">首页</a></li>
           <li><a href="./view/product.html" id="product">产品</a></li>
           <li><a href="javascript:void(0);">案例</a></li>
-          <li><a href="./service.html">服务</a></li>
-          <li><a href="./about.html">关于</a></li>
+          <li><a href="./view/service.html">服务</a></li>
+          <li><a href="./view/about.html">关于</a></li>
         </ul>
         <div class="fr m-t-15">
           <div class="phone fl">
@@ -30,7 +30,7 @@
             <p>400-879-1505</p>
             <div class="clear"></div>
           </div>
-          <a href="release.html" class="fl m-r-20 upBtn">登录</a>
+<!--          <a href="release.html" class="fl m-r-20 upBtn">登录</a>-->
           <a href="release.html" class="fl m-r-20 serviceBtn">产品咨询</a>
         </div>
         <div class="clear"></div>
@@ -113,19 +113,19 @@
     </div>
 
     <div class="w-1200 itemList" style="">
-      <ul>
-        <li>
-            <img src="./static/images/index_icon1.png" alt=""/><p>宅基地管理系统</p>
+      <ul id="itemList">
+        <li onclick="changeTab(1,this)" onmouseover="changeTab(1,this)" >
+            <img id="index_icon1" src="./static/images/index_icon1.png" alt=""/><p>宅基地管理系统</p>
             <i class="sanjiao-left"></i>
             <div class="clear"></div>
         </li>
-        <li class="active">
-            <img src="./static/images/index_icon2.png" alt=""/><p>农村产权交易平台</p>
+        <li onclick="changeTab(2,this)" onmouseover="changeTab(2,this)">
+            <img id="index_icon2" src="./static/images/index_icon2.png" alt=""/><p>农村产权交易平台</p>
             <i class="sanjiao-left"></i>
             <div class="clear"></div>
         </li>
-        <li>
-            <img src="./static/images/index_icon3.png" alt=""/><p>新型经营主体管理</p>
+        <li onclick="changeTab(3,this)" onmouseover="changeTab(3,this)">
+            <img id="index_icon3" src="./static/images/index_icon3.png" alt=""/><p>新型经营主体管理</p>
             <i class="sanjiao-left"></i>
             <div class="clear"></div>
         </li>
@@ -145,7 +145,9 @@
             <div class="clear"></div>
         </li>
       </ul>
-      <img src="./static/images/index_img1.png" class="leftImg" alt=""/>
+      <img src="./static/images/index_img1.png" id="img1" style="display: table-cell" class="leftImg" alt=""/>
+      <img src="./static/images/index_img2.png" id="img2" style="display: none" class="leftImg" alt=""/>
+      <img src="./static/images/index_img3.png" id="img3" style="display: none" class="leftImg" alt=""/>
     </div>
 
     <div class="business">
@@ -197,32 +199,81 @@
       </div>
 
       <ul>
-        <li>
-          <img src="./static/images/programme_img1.png" alt=""/>
-          <div>
-            <p>专业合作社社务管理</p>
-            <p>专业合作社社务管理说明描述</p>
+        <li class="flip-container" ontouchstart="this.classList.toggle('hover');">
+          <div class="flipper">
+            <div class="front">
+              <img src="./static/images/programme_img1.png" alt=""/>
+              <div class="programmeBox">
+                <p>专业合作社社务管理</p>
+                <p>系统化合作社社务管理</p>
+              </div>
+            </div>
+
+            <div class="back">
+              <div class="programmeBox">
+                <p>专业合作社社务管理</p>
+                <p>提炼农村专业合作社、经济组织日常实际业务场景，指定标准流程级功能，实现通过智能信息化系统减少人工重复性工作的实际意义。在此基础上更增加了综合数据监控与分析功能，真正实现农村社务管理轻量化、智能化。</p>
+              </div>
+              <a href="javascript:void(0);" class="seeBtn">立即查看</a>
+            </div>
           </div>
         </li>
-        <li>
-          <div>
-            <p>农村财务记账管理</p>
-            <p>农村财务记账管理农村财务记账管理农村财务记账管理农村财务记账管理农村财务记账管理农村财务记账管理农村财务记账管理农村财务记账管理农村财务记账管理。</p>
+        <li class="flip-container" ontouchstart="this.classList.toggle('hover');">
+          <div class="flipper">
+            <div class="front">
+              <img src="./static/images/programme_img4.png" alt=""/>
+              <div class="programmeBox">
+                <p>农村财务记账管理</p>
+                <p>财务业务一体化</p>
+              </div>
+            </div>
+
+            <div class="back">
+              <div class="programmeBox">
+                <p>农村财务记账管理</p>
+                <p>财务管理与事物管理相结合，实现了集体经济组织、村民自治组织、农民专业合作社信息化管理的综合应用，以合作社切实业务为核心解决合作社财务管理需求。</p>
+              </div>
+              <a href="javascript:void(0);" class="seeBtn">立即查看</a>
+            </div>
           </div>
-          <a href="javascript:void(0);" class="seeBtn">立即查看</a>
         </li>
-        <li>
-          <img src="./static/images/programme_img2.png" alt=""/>
-          <div>
-            <p>GIS宅基地一张图</p>
-            <p>GIS宅基地一张图说明描述</p>
+        <li class="flip-container" ontouchstart="this.classList.toggle('hover');">
+          <div class="flipper">
+            <div class="front">
+              <img src="./static/images/programme_img2.png" alt=""/>
+              <div class="programmeBox">
+                <p>GIS宅基地一张图</p>
+                <p>农房农地数据上图</p>
+              </div>
+            </div>
+
+            <div class="back">
+              <div class="programmeBox">
+                <p>GIS宅基地一张图</p>
+                <p>依托农燊高科GIS综合技术能力及地区农房、农地地块真实地理信息数据，构建综合宅基地数据GIS地图平台，并提供数据的持续更新，房地信息一图纵览。</p>
+              </div>
+              <a href="javascript:void(0);" class="seeBtn">立即查看</a>
+            </div>
           </div>
         </li>
-        <li>
-          <img src="./static/images/programme_img3.png" alt=""/>
-          <div>
-            <p>新型经营主体质量提升</p>
-            <p>新型经营主体质量提升平台</p>
+        <li class="flip-container" ontouchstart="this.classList.toggle('hover');">
+
+          <div class="flipper">
+            <div class="front">
+              <img src="./static/images/programme_img3.png" alt=""/>
+              <div class="programmeBox">
+                <p>新型经营主体质量提升</p>
+                <p>创新模式提质增效</p>
+              </div>
+            </div>
+
+            <div class="back">
+              <div class="programmeBox">
+                <p>新型经营主体质量提升</p>
+                <p>通过多年服务农业领域用户及相关经营主体经验，深入了解新型经营主体实际业务情况，分析提升新型经营主体生产、经营、产品等业务需求，打造新型经营主体质量提升平台，精准服务，提升水平。</p>
+              </div>
+              <a href="javascript:void(0);" class="seeBtn">立即查看</a>
+            </div>
           </div>
         </li>
         <div class="clear"></div>
@@ -236,7 +287,7 @@
       </div>
       <div class="service_box">
         <ul>
-          <li class="active">
+          <li>
             <p><i></i>功能定制服务</p>
             <p>基于农村新型经营主体实际重点难点事项提供对应服务，充分利用信息平台优势及配备人员资源，持续提高对应服务水平。</p>
           </li>
@@ -259,7 +310,7 @@
         <img src="./static/images/consulting_img.png" alt=""/>
         <p>以农立命，以信立燊，高科立业。</p>
         <div>
-          <a href="javascript:void(0);">立即咨询</a>
+          <a href="view/about.html#tellUs">立即咨询</a>
         </div>
       </div>
     </div>
@@ -298,5 +349,6 @@
   </div>
   <script type="text/javascript" src="./static/js/lib/swiper/swiper.min.js"></script>
   <script type="text/javascript" src="./static/js/project/main.js"></script>
+  <script type="text/javascript" src="./static/js/project/index.js"></script>
 </body>
 </html>

static/css/about.css

@@ -95,7 +95,6 @@
   height: 475px;
   margin: 0;
   font-family: "微软雅黑";
-  float: right;
 }
 .map_box{
   float: left;
@@ -143,6 +142,7 @@
 
 .map_box p{
   color: #666666;
+  margin-bottom: 6px;
 }
 
 .map_box .active{

static/css/index.css

@@ -28,6 +28,7 @@
 .topTab .tabBox ul li a{
   display: block;
   line-height: 59px;
+  font-weight: bold;
 }
 
 .tapTab{
@@ -55,6 +56,7 @@
 .tap_box ul p{
   border-bottom: 1px solid #e2e2e2;
   margin-bottom: 15px;
+  font-weight: bold;
 }
 
 .tap_box ul li:hover {
@@ -65,6 +67,22 @@
 .phone{
   margin-right: 55px;
   padding: 5px 0;
+  font-weight: bold;
+  animation: scaleDraw 5s ease-in-out infinite;
+}
+@keyframes scaleDraw {
+  0% {
+    transform: scale(1);
+  }
+  25% {
+    transform: scale(1.1);
+  }
+  50% {
+    transform: scale(1);
+  }
+  75% {
+    transform: scale(1.1);
+  }
 }
 .phone img{
   width: 18px;
@@ -163,6 +181,7 @@
 .itemList ul li{
   margin-top: 45px;
   padding: 10px;
+  border-left: 4px solid transparent;
 }
 
 .itemList ul li:first-child{
@@ -231,6 +250,7 @@
   font-family: "Source Han Sans SC Medium";
   font-weight: bold;
 }
+
 .business_text p:nth-child(3){
   font-size: 16px;
   color: #070b29;
@@ -267,6 +287,7 @@
   font-family: "Source Han Sans SC Normal";
   font-weight: bold;
 }
+
 .programme ul {
   margin-top: 70px;
 }
@@ -279,17 +300,48 @@
   border-radius: 10px;
   overflow: hidden;
   background-color: #f4f7fd;
+  height: 332px;
+}
+.flip-container:hover .flipper, .flip-container:hover .flipper {
+  transform: rotateY(180deg);
+}
+.flip-container:hover{
   box-shadow: 0px 5px 5px #ddd;
+}
+
+.flipper {
+  transition: 0.6s;
+  transform-style: preserve-3d;
+  position: relative;
+}
+.flip-container,.front, .back{
+  height: 332px;
+}
+.front, .back{
   height: 332px;
+  backface-visibility: hidden;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+}
+.front {
+  z-index: 2;
+}
+.back {
+  transform: rotateY(180deg);
 }
 .programme ul li:nth-child(4) {
   margin-right: 0;
 }
-.programme li div{
+.programme li .programmeBox{
   padding: 25px;
 }
-.programme ul li:nth-child(2) div p{
+.programme li .back .programmeBox{
   text-align: left;
+}
+.programme ul li:nth-child(2) div p{
+
 }
 .programme ul li img {
   width: 100%;

static/js/project/index.js

@@ -1,632 +1,27 @@
-/**
- * Created by Administrator on 2021/4/5.
- */
-define(['jquery', "template", "Tools", "echarts", 'swiper'], function ($, template, Tools, echarts, swiper) {
-    //数据存储
-    var module = {
-        data: {
-            //服务器地址
-            serverApi:'',
-            //焦点图数据
-            focusList: [],
-            //底部焦点图
-            focusListNext:[],
-            //新闻资讯数据
-            newsInformationList: [],
-            //政策法规数据
-            policiesRegulationsList: [],
-            //交易规则数据
-            tradingRulesList: [],
-            //资料下载数据
-            dataDownloadList: [],
-            //标的物所在地
-            deptLocationList:[],
-            //标的物类型
-            deptTypeList:[],
-            //网站配置信息
-            webConfigInformationList:[],
-            //底部友情链接
-            friendsLinksList:[],
-            //土地林地四荒地数据
-            landListList:[],
-            //集体资产数据
-            collectiveAssetsList:[],
-            //小型水利设施数据
-            waterConservancyFacilitiesList:[],
-            //农业生产设备数据
-            productionEquipmentList:[],
-            //挂牌项目总浏览次数
-            allViewCountList:[],
-            //成交公示数据
-            announcementListList:[],
-            //鉴证公告数据
-            attestationList:[]
-        },
-        //柱状图参数
-        option: {
-            xAxis: {
-                type: 'category',
-                axisLine: {
-                    show: true,
-                    lineStyle: {
-                        width: 1,
-                        type: "solid"
-                    }
-                },
-                axisLabel: { //设置x轴的字
-                    show: true,
-                    interval: 0,//使x轴横坐标全部显示
-                    textStyle: {//x轴字体样式
-                        margin: 15
-                    }
-                },
-                data: []
-            },
-            yAxis: {
-                type: 'value',
-                min: 400,
-                max: 1000,
-                splitNumber: 7,
-                splitLine: {
-                    lineStyle: {
-                        type: 'dashed'
-                    }
-                },
-                axisLine: {
-                    show: true,
-                    lineStyle: {
-                        width: 1,
-                        type: "solid"
-                    }
-                },
+var list = document.getElementById('itemList');
 
-            },
-            series: [{
-                data: [],//实际值减300
-                type: 'bar',
-                itemStyle: {
-                    color: '#007b76'
-                }
-            }],
-            grid: {
-                height: 200,
-                width: 280,
-                top: '-5px'
-            },
-            tooltip: {
-                trigger: "axis",
-                axisPointer: {
-                    // 坐标轴指示器，坐标轴触发有效
-                    type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
-                },
-            },
-        }
-    };
-    var tools = new Tools();
-
-    module.init = function (page) {
-        //获取焦点图信息
-        tools.doGet(websiteNew + '/1/0/4', {}, module.focusNews , true);
-
-        //新闻资讯
-        tools.doGet(websiteNew + '/2/0/6', {}, module.NewsInformation , true);
-
-        //政策法规
-        tools.doGet(websiteNew + '/3/0/6', {}, module.policiesRegulations , true);
-
-        //交易规则
-        tools.doGet(websiteNew + '/4/0/6', {}, module.tradingRules , true);
-
-        //资料下载
-        tools.doGet(websiteNew + '/5/0/6', {}, module.dataDownload, true);
-
-        //标的物所在地
-        tools.doGet(webDept, {deptId:''}, module.deptLocation , true);
-
-        //标的物类型
-        tools.doGet(webDeptType+"/project_type", {}, module.deptType, true);
-
-        //标的物类型下拉菜单
-        tools.doGet(webDeptType+"/project_type", {}, module.deptTypeSelect, true);
-
-        //网站配置信息（网站名称 底部联系方式 公安备案号 网站备案号）
-        tools.getWebConfig();
-
-        //底部友情链接
-        tools.doGet(friendsLinks, {}, module.bottomFriendsLinks, true);
-
-        //土地
-        tools.doGet(webListing + '/1,2,3/0/3', {}, module.landList, true);
-
-        //集体资产
-        tools.doGet(webListing + '/4/0/3', {}, module.collectiveAssets, true);
-
-        //农业生产设备
-        tools.doGet(webListing + '/5/0/3', {}, module.productionEquipment, true);
-
-        //小型水利设施
-        tools.doGet(webListing + '/6/0/3', {}, module.waterConservancyFacilities, true);
-
-        //查询挂牌项目浏览总次数
-        tools.doGet(allViewCount + '/100', {}, module.allViewCount, true);
-
-        //查询挂牌项目浏览总次数
-        tools.doGet(announcementList + '/0/4', {}, module.announcementList, true);
-
-        //查询挂牌项目浏览总次数
-        tools.doGet(biddingHallList + '/0/10', {}, module.biddingHallList, true);
-
-        //查询挂牌项目浏览总次数
-        tools.doGet(attestationList + '/0/5', {}, module.attestationList, true);
-
-        //个人供求
-        tools.doGet(supplyDemand + '/100/1/5', {}, module.supplyDemand, true);
-        tools.doGet(supplyDemand + '/100/2/5', {}, module.supplyDemand2, true);
-
-        //互动交流
-        tools.doGet(communicateList + '/100/5/notnull', {}, module.communicateList, true);
-
-        //土地挂牌价格走势统计图
-        tools.doGet(statistics, {deptId: 100}, module.statisticsContent, true);
-
-        //竞价大厅-滚动
-        module.hallRolling();
-        setTimeout(function(){
-            //主题图片切换
-            module.switchTheme();
-        },500)
-
-    };
-
-    //主题图片切换
-    module.switchTheme = function(){
-        if(themeColor == 'red'){
-            document.getElementById('centerBanner').src = './static/images/centerBanner_red.jpg'
-            document.getElementById('bannerBottom').src = './static/images/bannerBottom_red.jpg'
-        }else if(themeColor == 'green'){
-            document.getElementById('centerBanner').src = './static/images/centerBanner.jpg'
-            document.getElementById('bannerBottom').src = './static/images/bannerBottom.jpg'
-        }
-    }
-
-    //焦点图数据
-    module.focusNews = function (data) {
-        if (data.code == 200) {
-            var content = data.data;
-            var focusList = [];
-            for (var i = 0; i < content.length; i++) {
-                var imgStrs = content[i].content.match(/<img.*?>/g)
-                var title = content[i].title;
-                var id = content[i].id;
-                if (imgStrs != null && imgStrs != '') {
-                    focusList.push({img:imgStrs[0],title:title,id:id})
-                }
-            }
-            //console.log(focusList)
-            module.data.focusList = focusList;
-            var bannerFocusData = template('bannerFocusData', module.data);
-            $("#bannerFocusContent").html(bannerFocusData);
-            new Swiper('#bannerFocusWrap', {
-                pagination: '.page-pagination',
-                paginationClickable: true
-            })
-
-        }
-    }
-
-    module.statisticsContent = function(data){
-        //console.log(module.option)
-        //console.log(data)
-        module.data.nowPriceAvg = data.nowPriceAvg;
-        module.data.priceRate = data.priceRate;
-        var statisticsData = template('statisticsData', module.data);
-        $("#statisticsContent").html(statisticsData);
-        for (var i = 0 ; i < data.priceAvgList.length ; i++){
-            module.option.xAxis.data[i] = data.priceAvgList[i].year
-            module.option.series[0].data[i] = data.priceAvgList[i].price
-        }
-        //  柱状图绘制
-        var chartDom = document.getElementById('chart');
-        var myChart = echarts.init(chartDom);
-        module.option && myChart.setOption(module.option);
-    }
-
-    //互动交流
-    module.communicateList = function (data) {
-        if (data.code == 200) {
-            //console.log(data.data)
-            var content = data.data;
-            module.data.communicateList = content;
-            var communicateData = template('communicateData', module.data);
-            $("#communicateContent").html(communicateData);
-        }
-    }
-
-    //新闻资讯数据
-    module.NewsInformation = function (data) {
-        if (data.code == 200) {
-            var content = data.data;
-            //console.log(content)
-            module.data.newsInformationList = content;
-            var NewsInformationData = template('NewsInformationData', module.data);
-            $("#NewsInformationContent").html(NewsInformationData);
-        }
-    }
-
-    //政策法规
-    module.policiesRegulations = function (data) {
-        if (data.code == 200) {
-            var content = data.data;
-            module.data.policiesRegulationsList = content;
-            var policiesRegulationsData = template('policiesRegulationsData', module.data);
-            $("#policiesRegulationsContent").html(policiesRegulationsData);
-        }
-    }
-
-    //交易规则
-    module.tradingRules = function (data) {
-        if (data.code == 200) {
-            var content = data.data;
-            module.data.tradingRulesList = content;
-            var tradingRulesData = template('tradingRulesData', module.data);
-            $("#tradingRulesContent").html(tradingRulesData);
-        }
-    }
-
-    //资料下载
-    module.dataDownload = function (data) {
-        if (data.code == 200) {
-            var content = data.data;
-            module.data.dataDownloadList = content;
-            var dataDownloadData = template('dataDownloadData', module.data);
-            $("#dataDownloadContent").html(dataDownloadData);
-        }
-    }
-
-    //标的物所在地
-    module.deptLocation = function (data) {
-        //console.log(data)
-        if (data.code == 200) {
-            var content = data.data ;
-            var contentList = [];
-            for (var i = 0 ; i < 5 ; i++){
-                contentList[i] = content[i];
-            }
-            module.data.deptLocationList = contentList;
-            var deptLocationData = template('deptLocationData', module.data);
-            $("#deptLocationContent").html(deptLocationData);
-        }
-    }
-
-    //标的物类型
-    module.deptType = function (data) {
-        if (data.code == 200) {
-            var content = [] ;
-            for (var i = 0 ; i < 4 ; i++){
-                content[i] = data.data[i];
-            }
-            module.data.deptTypeList = content;
-            var deptTypeData = template('deptTypeData', module.data);
-            $("#deptTypeContent").html(deptTypeData);
-        }
-    }
-
-    //网站配置信息
-    module.webConfigInformation = function (data) {
-        if (data.code == 200) {
-            var content = data.data;
-            //console.log(content)
-            $("#webConfigName").html(content[0].configValue);
-            $("#webConfigRecord").html(content[1].configValue + content[2].configValue);
-            $("#webConfigAddress").html(content[0].configValue+'&nbsp;'+content[3].configValue);
-        }
-    }
-
-    //查询挂牌项目浏览总次数
-    module.allViewCount = function (data) {
-        if (data.code == 200) {
-            var content = data.data;
-            module.data.allViewCountList = content.toString().split("");
-            var allViewCountData = template('allViewCountData', module.data);
-            $("#allViewCount").html(allViewCountData);
-        }
-    }
-
-    //底部友情链接
-    module.bottomFriendsLinks = function (data) {
-        if (data.code == 200) {
-            var content = data.data;
-            //console.log(content)
-            module.data.friendsLinksList = content;
-            var friendsLinksData = template('friendsLinksData', module.data);
-            $("#friendsLinksContent").html(friendsLinksData);
-        }
-    }
+var li = list.getElementsByTagName('li');
 
-    //土地林地四荒地
-    module.landList = function (data) {
-        if (data.code == 200) {
-            module.data.serverApi = serverApi;
-            var content = data.data;
-            module.data.landListList = content;
-            var landListData = template('landListData', module.data);
-            $("#landListContent").html(landListData);
-        }
-    }
-
-    //集体资产
-    module.collectiveAssets = function (data) {
-        if (data.code == 200) {
-            module.data.serverApi = serverApi;
-            var content = data.data;
-            module.data.collectiveAssetsList = content;
-            var collectiveAssetsData = template('collectiveAssetsData', module.data);
-            $("#collectiveAssetsContent").html(collectiveAssetsData);
-        }
-    }
-
-    //小型水利设施
-    module.waterConservancyFacilities = function (data) {
-        if (data.code == 200) {
-            module.data.serverApi = serverApi;
-            var content = data.data;
-            module.data.waterConservancyFacilitiesList = content;
-            var waterConservancyFacilitiesData = template('waterConservancyFacilitiesData', module.data);
-            $("#waterConservancyFacilitiesContent").html(waterConservancyFacilitiesData);
-        }
-    }
-
-    //农业生产设备
-    module.productionEquipment = function (data) {
-        if (data.code == 200) {
-            module.data.serverApi = serverApi;
-            var content = data.data;
-            module.data.productionEquipmentList = content;
-            var productionEquipmentData = template('productionEquipmentData', module.data);
-            $("#productionEquipmentContent").html(productionEquipmentData);
-        }
-    }
-
-    //成交公示列表
-    module.announcementList = function (data) {
-        if (data.code == 200) {
-            var content = data.data;
-            module.data.announcementListList = content;
-            var announcementListData = template('announcementListData', module.data);
-            $("#announcementListContent").html(announcementListData);
-        }
-    }
-
-    //鉴证公告列表
-    module.attestationList = function (data) {
-        if (data.code == 200) {
-            var content = data.data;
-            module.data.attestationList = content;
-            var attestationData = template('attestationData', module.data);
-            $("#attestationContent").html(attestationData);
-        }
-    }
-
-    //竞价大厅列表
-    module.biddingHallList = function (data) {
-        if (data.code == 200) {
-            var content = data.data;
-            //console.log(content)
-
-            module.data.biddingHallListList = content;
-            for(var i = 0 ; i < content.length ; i++){
-                if(content[i].biddingStopTime == null || content[i].biddingStartTime == null){continue;}
-                var endTimes=content[i].biddingStopTime.substring(0,10).split('-');
-                var biddingStopTime=endTimes[1]+'/'+endTimes[2]+'/'+endTimes[0]+' '+content[i].biddingStopTime.substring(10,19);
-
-                var startTimes=content[i].biddingStartTime.substring(0,10).split('-');
-                var biddingStartTime=startTimes[1]+'/'+startTimes[2]+'/'+startTimes[0]+' '+content[i].biddingStartTime.substring(10,19);
-
-                var nowTime = Date.parse(new Date());
-                var leftTime = Date.parse(biddingStopTime)-nowTime;
-                var rightTime = Date.parse(biddingStartTime)-nowTime;
-                //console.log(biddingStopTime)
-                //console.log(leftTime)
-
-                if(leftTime>0){
-                    //console.log('进行中')
-                    content[i].timeType = '进行中'
-                }
-                if(leftTime<0){
-                    //console.log('已结束')
-                    content[i].timeType = '已结束'
-                }
-                if(rightTime>0){
-                    //console.log('未开始')
-                    content[i].timeType = '未开始'
-                }
-            }
-            //console.log(content)
-            var biddingHallListData = template('biddingHallListData', module.data);
-            $("#biddingHallListContent").html(biddingHallListData);
-        }
-    }
-
-    ///竞价大厅-滚动
-    module.hallRolling = function () {
-        var divScroll = document.getElementById('tableList');
-        window.onmousewheel = divScroll.onmousewheel = function () { return false }
-        module.timeInter(divScroll);
-        divScroll.onmouseover = function () {
-            clearInterval(time);
-        }
-        divScroll.onmouseout = function () {
-            module.timeInter(divScroll);
-        }
-
-    }
-
-    //个人供求
-    module.supplyDemand = function (data) {
-        if (data.code == 200) {
-            //console.log(data)
-            var content = data.data;
-            module.data.supplyDemandList = content;
-            var supplyDemandData = template('supplyDemandData', module.data);
-            $("#supply").html(supplyDemandData);
-        }
-    }
+li[0].className = 'active'
+document.getElementById('index_icon1').src = './static/images/index_icon7.png';
 
-    //个人供求
-    module.supplyDemand2 = function (data) {
-        if (data.code == 200) {
-            //console.log(data)
-            var content = data.data;
-            module.data.supplyDemand2List = content;
-            var supplyDemand2Data = template('supplyDemand2Data', module.data);
-            $("#demand").html(supplyDemand2Data);
-            tools.doGet(supplyDemandRecommend + '/100/5', {}, module.supplyDemandRecommend, true);
-        }
-    }
-
-    module.supplyDemandRecommend = function(data){
-        var focusListNext = module.data.focusListNext;
-        for (var i = 0; i < data.data.length; i++) {
-            var imgStrs = data.data[i].fileUrl
-            if (imgStrs != null && imgStrs != '') {
-                focusListNext.push({img:serverApi+imgStrs,title:data.data[i].projectName})
-            }
-        }
-        //console.log(focusListNext)
-        module.data.focusListNext = focusListNext;
-        var bannerFocusBottomData = template('bannerFocusBottomData', module.data);
-        $("#bannerFocusNextContent").html(bannerFocusBottomData);
-        new Swiper('#bannerFocusNextWrap', {
-            paginationClickable: true
-        })
-    }
-
-    module.supplyImages = function(){
-        var focusListNext = module.data.focusListNext;
-        //console.log(module.data.supplyDemandList)
-        for (var i = 0; i < module.data.supplyDemandList.length; i++) {
-            var imgStrs = module.data.supplyDemandList[i].projectContent.match(/<img.*?>/g)
-            var title = module.data.supplyDemandList[i].projectName
-            if (imgStrs != null && imgStrs != '') {
-                focusListNext.push({img:imgStrs[0],title:title})
-            }
-        }
-        for (var i = 0; i < module.data.supplyDemand2List.length; i++) {
-            var imgStrs = module.data.supplyDemand2List[i].projectContent.match(/<img.*?>/g)
-            var title = module.data.supplyDemand2List[i].projectName
-            if (imgStrs != null && imgStrs != '') {
-                focusListNext.push({img:imgStrs[0],title:title})
-            }
-        }
-        module.data.focusListNext = focusListNext;
-        var bannerFocusBottomData = template('bannerFocusBottomData', module.data);
-        $("#bannerFocusNextContent").html(bannerFocusBottomData);
-        new Swiper('#bannerFocusNextWrap', {
-            pagination: '.page-pagination1',
-            paginationClickable: true
-        })
-    }
-
-    module.timeInter = function (divScroll) {
-        time = setInterval(function () {
-            var oldTop = divScroll.scrollTop;
-            var newTop = oldTop + 1;
-            divScroll.scrollTop = newTop;
-            var counst = divScroll.scrollHeight - divScroll.scrollTop - divScroll.clientHeight;
-            if (1 > counst) {
-                divScroll.scrollTop = 0;
-            }
-        }, 30)
-    }
-
-    //证书查询
-    goSearchKeyWord = function(){
-        var type = $('input[name="transaction"]:checked').val();
-        var searchKeyWord = $('#searchKeyWord').val();
-        //console.log($('#searchKeyWord').val())
-        //console.log(type)
-        if($('#searchKeyWord').val() == '' && type== 'warrant'){
-            tools.initDialog('提示', '经营权证编号不可为空', function () {
-                return;
-            }, '确定')
-            return;
-        }
-        if(type == 'warrant'){
-            tools.skip('view/announcement/warrantDetail.html?type='+type+'&searchKeyWord='+searchKeyWord)
-        }else{
-            tools.skip('view/announcement/announcement.html?type='+type+'&searchKeyWord='+searchKeyWord)
-        }
-    }
-
-    //项目查询
-    searchProject = function(){
-        var projectNum = $('#projectNum').val();
-        var projectName = $('#projectName').val();
-        var deptTypeSelect = $("select[name='deptTypeSelect']").val();
-        tools.skip('view/listingItems/itemsList.html?projectCode='+projectNum+'&projectName='+projectName+'&projectNumber='+deptTypeSelect)
-    }
+function changeTab(id,that){
 
-    //标的物类型
-    module.deptTypeSelect = function (data) {
-        if (data.code == 200) {
-            //console.log(data);
-            var content = data.data ;
-            module.data.deptTypeSelectList = content;
-            var deptTypeSelectData = template('deptTypeSelectData', module.data);
-            $("#deptTypeSelectContent").html(deptTypeSelectData);
-        }
-    }
+    for (var i = 0; i < li.length; i++) {
 
-    //切换
-    tabCheck = function (type) {
+        li[i].className = '';
 
-        if(type == 'supply'){
-            document.getElementById('demand').style.display = 'none';
-            document.getElementById('demandBtn').className = '';
-        }
-        if(type == 'demand'){
-            document.getElementById('supply').style.display = 'none';
-            document.getElementById('supplyBtn').className = '';
+        if(i<3){
+            document.getElementById('img'+(i+1)).style.display = 'none';
+            document.getElementById('index_icon'+(i+1)).src = './static/images/index_icon'+(i+1)+'.png';
         }
-        document.getElementById(type).style.display = 'inline-table';
-        document.getElementById(type+'Btn').className = 'active';
-    }
-
-    goDetail = function (id) {
-        tools.skip('view/listingItems/itemsDetail.html?id='+id);
-    }
-    goUserInteract = function () {
-        tools.skip('view/user/user.html?type=goInteract')
-    }
-    goListing = function (clickType,dictSort,dictCode) {
-        tools.skip('view/listingItems/itemsList.html?clickType='+clickType+'&dictSort='+dictSort+'&dictCode='+dictCode);
-    }
-
-    goAnnouncementList = function (type) {
-        tools.skip('view/announcement/announcement.html?type='+type+'&searchKeyWord=');
-    }
 
-    goNewList = function () {
-        tools.skip('view/new/newList.html');
     }
 
-    goPolicy = function (type) {
-        tools.skip('view/policy/policy.html?type='+type);
-    }
+    that.className = 'active';
 
-    goBidding = function(){
-        tools.skip('view/bidding/biddingList.html');
-    }
+    document.getElementById('index_icon'+id).src = './static/images/index_icon'+(id+6)+'.png';
 
-    goDemand = function(){
-        tools.skip('view/demand/demand.html');
-    }
+    document.getElementById('img'+id).style.display = 'table-cell';
 
-    goInteraction = function(){
-        tools.skip('view/interact/interactList.html');
-    }
-    goInteractSearch = function(){
-        tools.skip('view/interact/interactList.html?keyWord='+$('#interactInput').val());
-    }
-    return module;
-});
+}

static/newCss/index.css

@@ -1,473 +0,0 @@
-::-webkit-scrollbar{width:0;padding: 0;height: 0}
-.topTab{
-    background: #FFF;
-    padding: 20px 0;
-    line-height: 36px;
-    position: fixed;
-    width: 100%;
-    z-index: 9;
-}
-.topTab p{
-    font-size: 24px;
-}
-.topTab ul li{
-    float: left;
-    padding: 0px 18px;
-    font-size: 16px;
-    margin-right: 10px;
-}
-.topTab ul li:hover{
-    background: #168a44;
-    border-radius: 50px;
-}
-.topTab ul li:hover a{
-    color: #FFF;
-}
-
-.topTab input{
-    margin-left: 52px;
-    border: 1px solid #afafaf;
-    line-height: 26px;
-    margin-top: 4px;
-    border-radius: 26px;
-    width: 145px;
-    background: url("../images/newBusinessEntities/searchIcon.png") no-repeat;
-    background-size: 13px 13px;
-    background-position: 10px 6px;
-    padding-left: 28px;
-    font-size: 12px;
-}
-.topTab select{
-    background: transparent;
-    border: none;
-    margin-top: 10px;
-}
-.topTab img{
-    margin-top: 3px;
-}
-.topTab .upBtn {
-    background: #168a44;
-    padding: 0 15px;
-    line-height: 20px;
-    margin-top: 8px;
-    color: #FFF;
-    border-radius: 20px;
-}
-.topTab .active{
-    background-color:#168a44 ;
-    border-radius: 50px;
-}
-.topTab .active a{
-    color: #FFF!important;
-}
-.partition{
-    height: 76px;
-}
-.newBox{
-    /*margin-top: 15px;*/
-}
-.newBox_img{
-    width: 292px;
-    height: 330px;
-    position: relative;
-}
-.newBox_img img{
-    border-radius: 12px;
-    box-shadow: 4px 4px 4px #ccc;
-}
-.newBox_tit{
-    position: absolute;
-    bottom: 15px;
-    color: #FFF;
-    font-size: 24px;
-    background: #168a44;
-    padding: 5px 26px;
-    border-top-left-radius: 30px;
-    border-bottom-left-radius: 30px;
-    left: 10px;
-    width: 100%;
-}
-.newBox_list{
-    margin-left: 20px;
-    background: #FFF;
-    width: 582px;
-    height: 330px;
-    border-radius: 12px;
-    padding: 6px 20px;
-}
-.newBox_list ul li{
-    font-size: 16px;
-    margin-top: 10px;
-    color: #666666;
-}
-.newBox_list ul li:hover a{
-    color: #168a44;
-}
-.newBox_list ul li span{
-    color: #a4a3a3;
-}
-.newBox_list_titBg{
-    font-size: 36px;
-    color: #dddddd;
-}
-.newBox_list_tit{
-    font-size: 24px;
-    position: absolute;
-    top: 20px;
-    left: 20px;
-}
-.titBox{
-    position: relative;
-}
-.activityBox{
-    width: 894px;
-    background: #FFF;
-    margin-top: 15px;
-    border-radius: 12px;
-    padding: 6px 20px;
-}
-.activityBox table{
-    margin-top: 10px;
-    font-size: 16px;
-}
-.activityBox table tr:hover td{
-    color: #168a44;
-    cursor: pointer;
-}
-.activityBox table tr td{
-    padding: 5px 0;
-    text-align: center;
-    color: #666666;
-}
-.activityBox table tr:first-child td{
-    color: #168a44!important;
-    font-weight: bold!important;
-    font-size: 16px!important;
-}
-.activityBox table tr td:first-child{
-    text-align: left;
-}
-.activityBox table tr td:last-child{
-    color: #a4a3a3;
-    font-size: 14px;
-}
-.headBg{
-    background: #FFF;
-    width: 60px;
-    height: 60px;
-    border-radius: 100%;
-    position: absolute;
-    bottom: -30px;
-    left: 20px;
-}
-.headBg img{
-    width: 50px;
-    margin: 5px;
-    border-radius: 100%;
-}
-.rightBox_img{
-    position: relative;
-}
-.rightBox{
-    background: #FFF;
-    height: 557px;
-    width: 292px;
-    border-radius: 12px;
-    overflow: hidden;
-}
-.rightBox_table{
-    margin-top: 30px;
-    padding: 0px 20px;
-    font-size: 16px;
-}
-.rightBox_table table tr td {
-    padding: 8px 0px;
-    color: #666666;
-}
-.rightBox_bottom{
-    padding: 0px 15px;
-}
-.rightBox_message{
-    background: #b2d8c1;
-    padding: 15px;
-    border-radius: 10px;
-    color: #4c725b;
-}
-.goLogin{
-    background-color: #168a44;
-    color: #FFF!important;
-    padding: 8px 0;
-    border-radius: 50px;
-    width: 100%;
-    display: block;
-    text-align: center;
-    margin: 80px 0 50px;
-}
-.supplyBox{
-    position: relative;
-    width: 894px;
-    background: #FFFFFF;
-    padding: 6px 20px 20px;
-    border-radius: 12px;
-}
-.supplyBox ul li {
-    width: 186px;
-    border: 1px solid #d9d9d9;
-    margin: 20px 13.5px 0;
-    float: left;
-    border-radius: 10px;
-    overflow: hidden;
-}
-.supplyBox ul li img{
-    width: 100%;
-}
-.supplyNat{
-    padding: 12px 8px;
-}
-.supplyNat_type{
-    padding: 2px 4px;
-    background: #168a44;
-    color: #ffffff;
-    border-radius: 5px;
-}
-.supplyNat_box{
-    margin-top: 10px;
-}
-.supplyNat_money{
-    color: #d21313;
-}
-.supplyNat_money span{
-    font-size: 20px;
-}
-.fileBox{
-    width: 292px;
-    height: 575px;
-    background: #FFF;
-    border-radius: 12px;
-    padding: 14px 0px;
-}
-.fileBox_title{
-    background: #168a44;
-    font-size: 18px;
-    color: #FFF;
-    line-height: 38px;
-    width: 160px;
-    border-top-right-radius: 38px;
-    border-bottom-right-radius: 38px;
-    padding: 0 22px;
-    box-shadow: 0px 5px 8px #ccc;
-}
-.fileBox_title img{
-    margin-right: 15px;
-}
-.fileBox_list_tit{
-    font-size: 16px;
-    color: #666666;
-}
-.hotFile{
-    text-transform:uppercase;
-    background: -webkit-linear-gradient(45deg,#e95616,#56e916,#e716e9,#1616e9);
-    -moz-linear-gradient(45deg,#e95616,#56e916,#e716e9,#1616e9);
-    -ms-linear-gradient(45deg,#e95616,#56e916,#e716e9,#1616e9);/* 渐变背景 */
-    color:transparent;
-    /*设置字体颜色透明*/
-    -webkit-background-clip: text;
-    /*背景裁剪为文本形式*/
-    animation: ran 5s linear infinite;
-    /*动态20s展示*/
-}
-.hotFile_icon{
-    width: 9px;
-    height: 14px;
-    overflow: hidden;
-    background: url(../images/newBusinessEntities/new.gif) no-repeat;
-    display: inline-block;
-}
-@keyframes ran {
-    from {
-        backgroud-position: 0 0;
-    }
-    to {
-        background-position: 1000px 0;
-    }
-}
-.fileBox ul{
-    padding: 20px 15px 0px;
-}
-.fileBox ul li{
-    margin-top: 12px;
-}
-.fileBox ul li:hover p{
-    color: #168a44!important;
-    cursor: pointer;
-}
-.supplyBox ul li:hover{
-    cursor: pointer;
-    box-shadow: 1px 1px 5px #ccc;
-}
-.supplyBox ul li:hover .supplyNat p:first-child{
-    color: #168a44!important;
-}
-.fileBox_list_time{
-    color: #adadad;
-}
-.fileBoxSecond{
-    height: 1165px;
-}
-
-.fileBoxSecond table tr td{
-    color: #666666;
-}
-.fileBoxSecond_table_title{
-    color: #000!important;
-}
-.fileBoxSecond_table{
-    padding: 0px 15px;
-}
-.fileBoxSecond table{
-    margin: 28px 0;
-}
-.bottomLink {
-    background: #e8e8e8;
-    margin-top: 40px;
-    padding: 30px 0 40px;
-}
-
-.bottomLink-tit {
-    font-size: 12px;
-    color: #7f7f7f;
-}
-
-.bottomLink-tit img{
-    vertical-align: middle;
-    margin-right: 2px;
-}
-
-.bottomLink-linkList {
-    font-size: 12px;
-    color: #7f7f7f;
-    width: 1000px;
-}
-
-.bottomLink-linkList a {
-    margin-top: 15px;
-    margin-right: 15px;
-    display: inline-block;
-}
-
-.ba {
-    font-size: 12px;
-    color: #7f7f7f;
-    margin-top: 20px;
-}
-
-.ba span {
-    margin-left: 20px;
-}
-
-.ewm {
-    padding: 25px 25px 0;
-}
-
-.ewmtit {
-    font-size: 12px;
-    color: #7f7f7f;
-    margin-top: 5px;
-}
-.more{
-    position:absolute;
-    bottom: 0;
-    right: 0;
-    color: #666666;
-}
-.more:hover{
-    color: #168a44;
-    cursor: pointer;
-}
-.more2{
-    color: #666666;
-    line-height: 38px;
-    margin-right: 22px;
-}
-.more2:hover{
-    color: #168a44;
-    cursor: pointer;
-}
-
-.breath_light {
-    /*width: 300px;  */                                  /* 宽度 */
-    /*height: 300px; */                                   /* 高度 */
-    /*border:#666 1px solid;*/
-    /*border-radius:50%;*/
-    opacity: 0.1;                                   /* 不透明度 */
-    overflow: hidden;                               /* 溢出隐藏 */
-    /* margin: 25% auto; */                              /* 外边距 */
-
-    /* IE10、Firefox and Opera，IE9以及更早的版本不支持 */
-    animation-name: breath;                         /* 动画名称 */
-    animation-duration: 700ms;                         /* 动画时长3秒 */
-    animation-timing-function: ease-in-out;         /* 动画速度曲线：以低速开始和结束 */
-    animation-iteration-count: infinite;            /* 播放次数：无限 */
-
-    /* Safari and Chrome */
-    -webkit-animation-name: breath;                 /* 动画名称 */
-    -webkit-animation-duration: 700ms;                 /* 动画时长3秒 */
-    -webkit-animation-timing-function: ease-in-out; /* 动画速度曲线：以低速开始和结束 */
-    -webkit-animation-iteration-count: infinite;    /* 播放次数：无限 */
-}
-
-@keyframes breath {
-    from { opacity: 0.1; }                          /* 动画开始时的不透明度 */
-    50%  { opacity:   1; }                          /* 动画50% 时的不透明度 */
-    to   { opacity: 0.1; }                          /* 动画结束时的不透明度 */
-}
-
-@-webkit-keyframes breath {
-    from { opacity: 0.1; }                          /* 动画开始时的不透明度 */
-    50%  { opacity:   1; }                          /* 动画50% 时的不透明度 */
-    to   { opacity: 0.1; }                          /* 动画结束时的不透明度 */
-}
-
-.crumbs{
-    font-size: 16px;
-    margin: 15px 0px;
-    color: #666666;
-    width: 1200px;
-}
-.tab{
-    background: #FFFFFF;
-    padding: 12px 35px;
-    border-radius: 12px;
-}
-.tab li{
-    float: left;
-    padding: 10px 18px;
-    background: #e4e4e4;
-    color: #333333;
-    margin-right: 22px;
-    font-size: 16px;
-    border-radius: 25px;
-}
-.tab li:hover{
-    background: #168a44!important;
-    color: #FFFFFF!important;
-    cursor: pointer;
-}
-.tab .active{
-    background: #168a44!important;
-    color: #FFFFFF!important;
-}
-.recommendTit{
-    font-size: 18px;
-    color: #333333;
-    border-bottom: 1px solid #e4e5e4;
-    padding: 15px 0px;
-}
-.lvd{
-    width: 12px;
-    height: 12px;
-    display: inline-block;
-    background: #168a44;
-    border-radius: 100%;
-    margin-right: 5px;
-}

static/newCss/login.css

@@ -1,77 +0,0 @@
-.loginBg{
-    width: 25%;
-    height: 100%;
-    background: #01b088;
-    position: absolute;
-    z-index: -9;
-}
-.loginBox{
-    width: 1450px;
-    height: 715px;
-    background-color: #FFF;
-    box-shadow: 10px 0px 25px #ccc;
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%,-50%);
-}
-.userInfo{
-    padding:98px;
-    width: 50%;
-    height: 100%;
-}
-.userInfo .userInfo_table{
-    width: 100%;
-}
-.userInfo .userInfo_table tr td{
-    border-bottom: 1px solid #e3e3e3;
-    padding-bottom: 15px;
-    padding-top: 30px;
-}
-.userInfo .userInfo_table tr td:nth-child(2){
-    padding-left: 10px;
-}
-.userInfo .userInfo_table input{
-    line-height: 30px;
-    font-size: 16px;
-}
-.userInfo_table select {
-    line-height: 30px;
-    font-size: 16px;
-    appearance: none;
-    -webkit-appearance: none;
-    -ms-appearance: none;
-    -moz-appearance: none;
-    -o-appearance: none;
-    background: url(../images/newBusinessEntities/icon_jt.png) right center no-repeat;
-    background-size: 16px 14px;
-    overflow: hidden;
-    border: none;
-    width: 100%;
-}
-.userInfo_table_btn{
-    width: 100%;
-    margin-top: 100px;
-}
-.userInfo_table_btn .dx{
-    text-align: right;
-    color: #01b088;
-}
-.loginBtn{
-    border: none;
-    background-image: linear-gradient(to right, #00c54e , #01ac92);
-    width: 100%;
-    padding: 15px 0;
-    font-size: 16px;
-    color: #FFFFFF;
-    margin-top: 18px;
-}
-.registerBtn{
-    border: none;
-    background-image: linear-gradient(to right, #00c54e , #01ac92);
-    width: 80%;
-    padding: 15px 0;
-    font-size: 16px;
-    color: #FFFFFF;
-    margin-top: 18px;
-}

static/newCss/record.css

@@ -1,85 +0,0 @@
-.detail_box_table{
-    background: #FFFFFF;
-    border-radius: 12px;
-    padding: 12px 35px 35px;
-}
-.detail_box_table ul li {
-    float: left;
-    padding: 10px 15px;
-}
-.detail_box_table ul li p{
-    padding: 5px 17px;
-}
-.detail_box_table ul {
-    background: #f5f5f5;
-    border-radius: 12px;
-    margin-top: 15px;
-}
-.detail_box_table ul li:nth-child(1) p,.detail_box_table ul li:nth-child(2) p{
-    background-color: #168a44;
-    color: #FFF;
-    border-radius: 50px;
-}
-.supplyList{
-    background: #FFFFFF;
-    padding: 12px 35px;
-    border-radius: 12px;
-}
-.supplyList_list li{
-    margin-top: 15px;
-    border:1px solid #e3e3e3;
-    border-radius: 12px;
-    overflow: hidden;
-    position: relative;
-}
-.supplyList_list li:hover{
-    cursor: pointer;
-    box-shadow: 1px 1px 5px #ccc;
-}
-.supplyList_list li:hover table tr:first-child td p{
-    color: #168a44!important;
-}
-.supplyList_list li table{
-    padding: 10px 0px;
-    margin-left: 2%;
-    width: 70%;
-}
-.supplyList_tel{
-    color: #168a44;
-    font-weight: bold;
-    font-size: 16px;
-    text-align: right;
-}
-.supplyList_money{
-    color: #d21313;
-    font-size: 20px;
-}
-.supplyList_money span{
-    color: #d21313;
-    font-size: 14px;
-}
-.bq{
-    font-size: 12px;
-    background: #168a44;
-    color: #FFF;
-    padding: 2px 5px;
-    border-radius: 4px;
-    margin-left: 10px;
-}
-.supplyList_time{
-    color:#a7a6a6;
-    text-align: right;
-}
-.icon_tel{
-    background: url("../../static/images/newBusinessEntities/icon_tel.png") no-repeat;
-    display: inline-block;
-    width: 20px;
-    height: 20px;
-    background-size: 100% 100%;
-    vertical-align: middle;
-}
-.fail{
-    position: absolute;
-    right: 20%;
-    top: 12%;
-}

static/newCss/release.css

@@ -1,331 +0,0 @@
-input[type = 'radio']{
-    margin: 0;
-    vertical-align: middle;
-}
-.tab{
-    background: #FFFFFF;
-    padding: 12px 35px;
-    border-radius: 12px;
-}
-.tab li{
-    float: left;
-    padding: 10px 18px;
-    background: #e4e4e4;
-    color: #333333;
-    margin-right: 22px;
-    font-size: 16px;
-    border-radius: 25px;
-}
-.tab li:hover{
-    background: #168a44!important;
-    color: #FFFFFF!important;
-    cursor: pointer;
-}
-.tab .active{
-    background: #168a44!important;
-    color: #FFFFFF!important;
-}
-.recommendSupply{
-    background: #FFFFFF;
-    padding: 12px 35px;
-    border-radius: 12px;
-}
-.recommendTit{
-    font-size: 18px;
-    color: #333333;
-    border-bottom: 1px solid #e4e5e4;
-    padding: 15px 0px;
-}
-.lvd{
-    width: 12px;
-    height: 12px;
-    display: inline-block;
-    background: #168a44;
-    border-radius: 100%;
-    margin-right: 5px;
-}
-.supplyBox{
-    padding: 0;
-    width: 100%;
-    overflow: auto;
-    white-space:nowrap;
-    position: relative;
-}
-.supplyBox:hover .jt{
-    display: block;
-}
-.supplyBox ul li{
-    display:inline-block;
-    float:none;
-}
-.supplyBox ul li:first-child{
-    margin-left: 0;
-}
-.supplyBox ul li:last-child{
-    margin-rigfht: 0;
-}
-.supplyBox ul {
-    overflow-x: scroll;
-    padding-bottom: 0;
-}
-.jt{
-    width: 3%;
-    position: absolute;
-    top: 50%;
-    transform: translateY(-50%);
-    display: none;
-}
-.left{
-    left: 1%;
-}
-.right{
-    right: 1%;
-}
-.supplyType_left{
-    width: 292px;
-    background: #FFF;
-    border-radius: 12px;
-    padding: 12px 35px;
-}
-.supplyType_left ul{
-    margin-top: 15px;
-}
-.supplyType_left ul p{
-    color: #333;
-    font-size: 16px;
-    font-weight: bold;
-    margin-bottom: 5px;
-}
-.supplyType_left ul li{
-    float: left;
-    margin-right: 10px;
-    color: #666666;
-    font-size: 16px;
-}
-.supplyType_left ul li:hover{
-    color: #168a44!important;
-    cursor: pointer;
-}
-.searchBox{
-    background: #FFF;
-    border-radius: 12px;
-    padding: 12px 35px;
-}
-.searchBox .searchOne{
-    border: 1px solid #afafaf;
-    line-height: 28px;
-    border-radius: 26px;
-    width: 208px;
-    background: url("../images/newBusinessEntities/searchIcon.png") no-repeat;
-    background-size: 13px 13px;
-    background-position: 10px 8px;
-    padding-left: 28px;
-    font-size: 12px;
-}
-.searchBox select{
-    background: transparent;
-    border: none;
-    margin-top: 7px;
-}
-.searchBox label p{
-    display: inline-block;
-    margin-right: 5px;
-    font-size: 14px;
-}
-.searchBox label{
-    margin-left: 10px;
-}
-.searchBox label input[type="radio"]{
-    position: relative;
-    top: -1px;
-}
-.searchBtn{
-    background: #168a44;
-    color: #FFF;
-    padding: 0 25px;
-    border-radius: 50px;
-}
-.searchTow{
-    line-height: 30px;
-}
-.searchTow input[type = 'text']{
-    border: 1px solid #e3e3e3;
-    width: 78px;
-    height: 30px;
-    line-height: 30px;
-}
-.supplyList{
-    background: #FFFFFF;
-    padding: 12px 35px;
-    border-radius: 12px;
-}
-.supplyList_tit ul{
-    border: 1px solid #e3e3e3;
-    padding: 12px 0px;
-}
-.supplyList_tit ul li{
-    float: left;
-    padding: 0 20px;
-    border-right: 1px solid #e3e3e3;
-}
-.supplyList_tit ul li:nth-child(3){
-    border: none;
-}
-.supplyList_tit ul li img{
-    vertical-align: middle;
-    position: relative;
-    top: -2px;
-    margin-left: 5px;
-}
-.supplyList_list li{
-    margin-top: 15px;
-    border:1px solid #e3e3e3;
-    border-radius: 12px;
-    overflow: hidden;
-}
-.supplyList_list li:hover{
-    cursor: pointer;
-    box-shadow: 1px 1px 5px #ccc;
-}
-.supplyList_list li:hover table tr:first-child td p{
-    color: #168a44!important;
-}
-.supplyList_list li table{
-    padding: 10px 0px;
-    margin-left: 2%;
-    width: 70%;
-}
-.supplyList_tel{
-    color: #168a44;
-    font-weight: bold;
-    font-size: 16px;
-    text-align: right;
-}
-.supplyList_money{
-    color: #d21313;
-    font-size: 20px;
-}
-.supplyList_money span{
-    color: #d21313;
-    font-size: 14px;
-}
-.bq{
-    font-size: 12px;
-    background: #168a44;
-    color: #FFF;
-    padding: 2px 5px;
-    border-radius: 4px;
-    margin-left: 10px;
-}
-.supplyList_time{
-    color:#a7a6a6;
-    text-align: right;
-}
-.icon_tel{
-    background: url("../../static/images/newBusinessEntities/icon_tel.png") no-repeat;
-    display: inline-block;
-    width: 20px;
-    height: 20px;
-    background-size: 100% 100%;
-    vertical-align: middle;
-}
-
-/*详情样式*/
-.detail_box{
-    background: #FFFFFF;
-    border-radius: 12px;
-    padding: 12px 35px 35px;
-}
-.detail_box_comm{
-    margin-top: 15px;
-}
-.detail_box_comm input[type='text']{
-    border: 1px solid #e3e3e3;
-    height: 30px;
-    line-height: 30px;
-    width: 100%;
-    padding-left: 3%;
-}
-.detail_box_comm table tr td{
-    color: #666666;
-    padding: 12px 10px;
-}
-.detail_box_table{
-    padding: 0 24px 15px;
-}
-.detail_box_table ul li {
-    float: left;
-    padding: 10px 40px;
-}
-.detail_box_table ul {
-    background: #f5f5f5;
-    border-radius: 12px;
-    margin-top: 15px;
-}
-
-/*主体名录列表*/
-.supplyType_left dl dd{
-    margin-left: 0;
-    color: #333333;
-    margin-bottom: 30px;
-}
-.supplyType_left dl dd:hover{
-    color: #168a44;
-    cursor: pointer;
-}
-.directoriesList{
-    background: #FFFFFF;
-    padding: 12px 35px;
-    border-radius: 12px;
-}
-.directoriesList ul li{
-    width: 49%;
-    border: 1px solid #e3e3e3;
-    border-radius: 12px;
-    overflow: hidden;
-    float: left;
-    margin-top: 15px;
-    position: relative;
-}
-.watchBtn{
-    position: absolute;
-    bottom: 5px;
-    right: 5px;
-    width: 65px;
-    line-height: 28px;
-    text-align: center;
-    background: #168a44;
-    color: #FFF!important;
-    border-radius: 28px;
-}
-.directoriesList ul li:nth-child(2n){
-    margin-left: 2%;
-}
-.directoriesList ul li table tr td{
-    padding: 3px 0;
-}
-.directoriesList li:hover{
-    cursor: pointer;
-    box-shadow: 1px 1px 5px #ccc;
-}
-.directoriesList li:hover table tr:first-child td{
-    color: #168a44!important;
-}
-.directories_comm{
-    width: 32%;
-    border: 1px solid #e3e3e3;
-}
-.detail_box_comm select {
-    line-height: 30px;
-    appearance: none;
-    -webkit-appearance: none;
-    -ms-appearance: none;
-    -moz-appearance: none;
-    -o-appearance: none;
-    background: url(../images/newBusinessEntities/icon_jt.png) 95% center no-repeat;
-    background-size: 16px 14px;
-    overflow: hidden;
-    border: 1px solid #e3e3e3;
-    width: 100%;
-    padding-left: 3%;;
-}

static/newCss/supply.css

@@ -1,411 +0,0 @@
-input[type = 'radio']{
-    margin: 0;
-    vertical-align: middle;
-}
-.tab{
-    background: #FFFFFF;
-    padding: 12px 35px;
-    border-radius: 12px;
-}
-.tab li{
-    float: left;
-    padding: 10px 18px;
-    background: #e4e4e4;
-    color: #333333;
-    margin-right: 22px;
-    font-size: 16px;
-    border-radius: 25px;
-}
-.tab li:hover{
-    background: #168a44!important;
-    color: #FFFFFF!important;
-    cursor: pointer;
-}
-.tab .active{
-    background: #168a44!important;
-    color: #FFFFFF!important;
-}
-.recommendSupply{
-    background: #FFFFFF;
-    padding: 12px 35px;
-    border-radius: 12px;
-}
-.recommendTit{
-    font-size: 18px;
-    color: #333333;
-    border-bottom: 1px solid #e4e5e4;
-    padding: 15px 0px;
-}
-.lvd{
-    width: 12px;
-    height: 12px;
-    display: inline-block;
-    background: #168a44;
-    border-radius: 100%;
-    margin-right: 5px;
-}
-.supplyBox{
-    padding: 0;
-    width: 100%;
-    overflow: auto;
-    white-space:nowrap;
-    position: relative;
-}
-.supplyBox:hover .jt{
-    display: block;
-}
-.supplyBox ul li{
-    display:inline-block;
-    float:none;
-}
-.supplyBox ul li:first-child{
-    margin-left: 0;
-}
-.supplyBox ul li:last-child{
-    margin-rigfht: 0;
-}
-.supplyBox ul {
-    overflow-x: scroll;
-    padding-bottom: 0;
-}
-.jt{
-    width: 3%;
-    position: absolute;
-    top: 50%;
-    transform: translateY(-50%);
-    display: none;
-}
-.left{
-    left: 1%;
-}
-.right{
-    right: 1%;
-}
-.supplyType_left{
-    width: 292px;
-    background: #FFF;
-    border-radius: 12px;
-    padding: 12px 35px;
-}
-.supplyType_left ul{
-    margin-top: 15px;
-}
-.supplyType_left ul p{
-    color: #333;
-    font-size: 16px;
-    font-weight: bold;
-    margin-bottom: 5px;
-}
-.supplyType_left ul li{
-    float: left;
-    margin-right: 10px;
-    color: #666666;
-    font-size: 16px;
-}
-.supplyType_left ul li:hover{
-    color: #168a44!important;
-    cursor: pointer;
-}
-.searchBox{
-    background: #FFF;
-    border-radius: 12px;
-    padding: 12px 35px;
-}
-.searchBox .searchOne{
-    border: 1px solid #afafaf;
-    line-height: 28px;
-    border-radius: 26px;
-    width: 208px;
-    background: url("../images/newBusinessEntities/searchIcon.png") no-repeat;
-    background-size: 13px 13px;
-    background-position: 10px 8px;
-    padding-left: 28px;
-    font-size: 12px;
-}
-.searchBox select{
-    background: transparent;
-    border: none;
-    margin-top: 7px;
-}
-.searchBox label p{
-    display: inline-block;
-    margin-right: 5px;
-    font-size: 14px;
-}
-.searchBox label{
-    margin-left: 10px;
-}
-.searchBox label input[type="radio"]{
-    position: relative;
-    top: -1px;
-}
-.searchBtn{
-    background: #168a44;
-    color: #FFF;
-    padding: 0 25px;
-    border-radius: 50px;
-}
-.searchTow{
-    line-height: 30px;
-}
-.searchTow input[type = 'text']{
-    border: 1px solid #e3e3e3;
-    width: 78px;
-    height: 30px;
-    line-height: 30px;
-}
-.supplyList{
-    background: #FFFFFF;
-    padding: 12px 35px;
-    border-radius: 12px;
-}
-.supplyList_tit ul{
-    border: 1px solid #e3e3e3;
-    padding: 12px 0px;
-}
-.supplyList_tit ul li{
-    float: left;
-    padding: 0 20px;
-    border-right: 1px solid #e3e3e3;
-}
-.supplyList_tit ul li:nth-child(3){
-    border: none;
-}
-.supplyList_tit ul li img{
-    vertical-align: middle;
-    position: relative;
-    top: -2px;
-    margin-left: 5px;
-}
-.supplyList_list li{
-    margin-top: 15px;
-    border:1px solid #e3e3e3;
-    border-radius: 12px;
-    overflow: hidden;
-}
-.supplyList_list li:hover{
-    cursor: pointer;
-    box-shadow: 1px 1px 5px #ccc;
-}
-.supplyList_list li:hover table tr:first-child td p{
-    color: #168a44!important;
-}
-.supplyList_list li table{
-    padding: 10px 0px;
-    margin-left: 2%;
-    width: 70%;
-}
-.supplyList_tel{
-    color: #168a44;
-    font-weight: bold;
-    font-size: 16px;
-    text-align: right;
-}
-.supplyList_money{
-    color: #d21313;
-    font-size: 20px;
-}
-.supplyList_money span{
-    color: #d21313;
-    font-size: 14px;
-}
-.bq{
-    font-size: 12px;
-    background: #168a44;
-    color: #FFF;
-    padding: 2px 5px;
-    border-radius: 4px;
-    margin-left: 10px;
-}
-.supplyList_time{
-    color:#a7a6a6;
-    text-align: right;
-}
-.icon_tel{
-    background: url("../../static/images/newBusinessEntities/icon_tel.png") no-repeat;
-    display: inline-block;
-    width: 20px;
-    height: 20px;
-    background-size: 100% 100%;
-    vertical-align: middle;
-}
-
-/*详情样式*/
-.detail_box{
-    background: #FFFFFF;
-    border-radius: 12px;
-    padding: 12px 35px 35px;
-}
-.detail_box_comm{
-    margin-top: 15px;
-}
-.detail_box_comm table tr td{
-    color: #666666;
-    padding: 12px 0;
-}
-.detail_box_table{
-    padding: 0 24px 15px;
-}
-.detail_box_table ul li {
-    float: left;
-    padding: 10px 0px;
-    width: 20%;
-    text-align: center;
-}
-.detail_box_table ul li input[type='text']{
-    text-align: center;
-    padding: 5px 0;
-    background: #FFF;
-    border-radius: 20px;
-}
-.detail_box_table ul:first-child{
-    background: none;
-}
-.detail_box_table ul {
-    background: #f5f5f5;
-    border-radius: 12px;
-    margin-top: 15px;
-}
-.fail {
-    color: #e20000;
-    border-bottom: 1px solid #e20000;
-    cursor: pointer;
-}
-.failDialog{
-    width: 358px;
-    background: #ffffff;
-    border-radius: 12px;
-    position: fixed;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%,-50%);
-    box-shadow: 5px 5px 9px #ddd;
-    overflow: hidden;
-    display: none;
-}
-.failTit{
-    line-height: 48px;
-    font-size: 18px;
-    text-align: center;
-    background: #168a44;
-    color: #FFF;
-}
-.failTit span{
-    position: absolute;
-    right: 12px;
-    background: #FFF;
-    border-radius: 50%;
-    color: #168a44;
-    font-size: 24px;
-    display: inline-block;
-    width: 20px;
-    height: 20px;
-    top: 15px;
-    line-height: 22px;
-    cursor: pointer;
-}
-.delete{
-    background: #168a44;
-    border-radius: 50%;
-    color: #ffffff;
-    font-size: 24px;
-    width: 20px;
-    height: 20px;
-    line-height: 16px;
-    cursor: pointer;
-    margin: 0 auto;
-}
-.add{
-    background: #168a44;
-    border-radius: 50%;
-    color: #ffffff;
-    font-size: 24px;
-    width: 20px;
-    height: 20px;
-    line-height: 20px;
-    cursor: pointer;
-    margin: 0 auto;
-}
-.tipsBox{
-    padding: 30px 0;
-    text-align: center;
-}
-.tipsBox p:first-child{
-    color: #168a44;
-    font-size: 18px;
-}
-.tipsBox p:nth-child(2){
-    color: #666666;
-    margin: 10px 0 15px;
-}
-.tipsBox p:last-child{
-    background: #168a44;
-    color: #FFF;
-    width: 100px;
-    line-height: 35px;
-    border-radius: 50px;
-    margin: 0 auto;
-    cursor: pointer;
-}
-/*主体名录列表*/
-.supplyType_left dl dd{
-    margin-left: 0;
-    color: #333333;
-    padding: 8px 15px;
-    margin-bottom: 5px;
-}
-.supplyType_left dl dd:hover{
-    background: #168a44;
-    color: #FFF;
-    cursor: pointer;
-    border-radius: 60px;
-}
-
-.supplyType_left dl .active{
-    background: #168a44;
-    color: #FFF;
-    border-radius: 60px;
-}
-
-.directoriesList{
-    background: #FFFFFF;
-    padding: 12px 35px;
-    border-radius: 12px;
-}
-.directoriesList ul li{
-    width: 49%;
-    border: 1px solid #e3e3e3;
-    border-radius: 12px;
-    overflow: hidden;
-    float: left;
-    margin-top: 15px;
-    position: relative;
-}
-.watchBtn{
-    position: absolute;
-    bottom: 5px;
-    right: 5px;
-    width: 65px;
-    line-height: 28px;
-    text-align: center;
-    background: #168a44;
-    color: #FFF!important;
-    border-radius: 28px;
-}
-.directoriesList ul li:nth-child(2n){
-    margin-left: 2%;
-}
-.directoriesList ul li table tr td{
-    padding: 3px 0;
-}
-.directoriesList li:hover{
-    cursor: pointer;
-    box-shadow: 1px 1px 5px #ccc;
-}
-.directoriesList li:hover table tr:first-child td{
-    color: #168a44!important;
-}
-.directories_comm{
-    width: 32%;
-    border: 1px solid #e3e3e3;
-}

view/about.html

@@ -32,7 +32,7 @@
             <p>400-879-1505</p>
             <div class="clear"></div>
           </div>
-          <a href="release.html" class="fl m-r-20 upBtn">登录</a>
+<!--          <a href="release.html" class="fl m-r-20 upBtn">登录</a>-->
           <a href="release.html" class="fl m-r-20 serviceBtn">产品咨询</a>
         </div>
         <div class="clear"></div>
@@ -104,15 +104,15 @@
         <p>农燊高科技术研发团队秉持着以技术促创新，以经验促成果的核心理念持续不断深耕农业信息化领域，充分运用前沿技术和科学方法指导产品构建。探索并实践拓展业务创新，注重与用户共成功，以坚实的理念服务广大用户。</p>
       </div>
       <div class="clear"></div>
+      <div id="tellUs"></div>
     </div>
-
     <div class="tellUs">
       <div class="w-1200">
         <div class="title_box fl">
           <p>联系我们</p>
           <div class="phone_box p-t-30">
             <img src="../static/images/about_phone.png" alt=""/>
-            <p>400-879-1505</p>
+            <p style="line-height: 26px;">400-879-1505</p>
             <div class="clear"></div>
           </div>
           <div class="phone_box m-t-25">
@@ -155,8 +155,7 @@
         <ul id="map_List">
           <li onclick="mapClick(116.320938,39.950026,this)">
             <p>北京农燊高科信息技术有限公司</p>
-            <p>联系人：马长志</p>
-            <p>电话：13911335455</p>
+            <p>电话：400-879-1505</p>
             <p>地址：北京市海淀区中关村南大街35号紫竹书院12#楼</p>
             <div class="map_asc">
               <span>1</span>
@@ -165,8 +164,7 @@
           </li>
           <li onclick="mapClick(122.088794,37.536138,this)">
             <p>农燊高科 & 哈尔滨工业大学 联合实验室</p>
-            <p>联系人：张泽亮</p>
-            <p>电话：18063114292</p>
+            <p>电话：400-879-1505</p>
             <p>地址：山东省威海市哈尔滨工业大学主楼H532a室</p>
             <div class="map_asc">
               <span>2</span>
@@ -175,8 +173,7 @@
           </li>
           <li onclick="mapClick(113.910705,22.522179,this)">
             <p>深圳中农高科科技有限公司</p>
-            <p>联系人：程光明</p>
-            <p>电话：13723739815</p>
+            <p>电话：400-879-1505</p>
             <p>地址：深圳市前海深港合作区前湾一路1号A栋201室</p>
             <div class="map_asc">
               <span>3</span>
@@ -185,8 +182,7 @@
           </li>
           <li onclick="mapClick(116.30637,39.930855,this)">
             <p>北京德昌惠农科技服务有限公司</p>
-            <p>联系人：樊建明</p>
-            <p>电话：13803126560</p>
+            <p>电话：400-879-1505</p>
             <p>地址：北京市平谷区中关村科技园区</p>
             <div class="map_asc">
               <span>4</span>
@@ -195,7 +191,9 @@
           </li>
         </ul>
       </div>
-      <div id="container"></div>
+      <div style="box-shadow: 0px 5px 20px #999 inset;border-radius: 10px;float: right;width: 740px;height: 475px;">
+        <div id="container" style="border-radius: 10px;z-index: -1;"></div>
+      </div>
       <div class="clear"></div>
       <script>
         var map = new BMapGL.Map('container'); // 创建Map实例
@@ -275,7 +273,7 @@
         <img src="../static/images/consulting_img.png" alt=""/>
         <p>以农立命，以信立燊，高科立业。</p>
         <div>
-          <a href="javascript:void(0);">立即咨询</a>
+          <a href="#tellUs">立即咨询</a>
         </div>
       </div>
     </div>

view/product.html

@@ -30,7 +30,7 @@
             <p>400-879-1505</p>
             <div class="clear"></div>
           </div>
-          <a href="release.html" class="fl m-r-20 upBtn">登录</a>
+<!--          <a href="release.html" class="fl m-r-20 upBtn">登录</a>-->
           <a href="release.html" class="fl m-r-20 serviceBtn">产品咨询</a>
         </div>
         <div class="clear"></div>
@@ -136,7 +136,7 @@
         <img src="../static/images/consulting_img.png" alt=""/>
         <p>以农立命，以信立燊，高科立业。</p>
         <div>
-          <a href="javascript:void(0);">立即咨询</a>
+          <a href="about.html#tellUs">立即咨询</a>
         </div>
       </div>
     </div>

view/productHomestead.html

@@ -30,7 +30,7 @@
             <p>400-879-1505</p>
             <div class="clear"></div>
           </div>
-          <a href="release.html" class="fl m-r-20 upBtn">登录</a>
+<!--          <a href="release.html" class="fl m-r-20 upBtn">登录</a>-->
           <a href="release.html" class="fl m-r-20 serviceBtn">产品咨询</a>
         </div>
         <div class="clear"></div>
@@ -125,7 +125,7 @@
         <img src="../static/images/consulting_img.png" alt=""/>
         <p>以农立命，以信立燊，高科立业。</p>
         <div>
-          <a href="javascript:void(0);">立即咨询</a>
+          <a href="about.html#tellUs">立即咨询</a>
         </div>
       </div>
     </div>

view/productNewBusiness.html

@@ -30,7 +30,7 @@
             <p>400-879-1505</p>
             <div class="clear"></div>
           </div>
-          <a href="release.html" class="fl m-r-20 upBtn">登录</a>
+<!--          <a href="release.html" class="fl m-r-20 upBtn">登录</a>-->
           <a href="release.html" class="fl m-r-20 serviceBtn">产品咨询</a>
         </div>
         <div class="clear"></div>
@@ -126,7 +126,7 @@
         <img src="../static/images/consulting_img.png" alt=""/>
         <p>以农立命，以信立燊，高科立业。</p>
         <div>
-          <a href="javascript:void(0);">立即咨询</a>
+          <a href="about.html#tellUs">立即咨询</a>
         </div>
       </div>
     </div>

view/service.html

@@ -30,7 +30,7 @@
             <p>400-879-1505</p>
             <div class="clear"></div>
           </div>
-          <a href="release.html" class="fl m-r-20 upBtn">登录</a>
+<!--          <a href="release.html" class="fl m-r-20 upBtn">登录</a>-->
           <a href="release.html" class="fl m-r-20 serviceBtn">产品咨询</a>
         </div>
         <div class="clear"></div>
@@ -120,33 +120,83 @@
       </div>
 
       <ul>
-        <li>
-          <img src="../static/images/service_img1.png" alt=""/>
-          <div>
-            <p style="text-align: left;">代理记账服务</p>
-            <p style="text-align: left;">人工+平台结合一站式统管新型经营主体代理记账工作。</p>
+        <li class="flip-container" ontouchstart="this.classList.toggle('hover');">
+          <div class="flipper">
+            <div class="front">
+              <img src="../static/images/service_img1.png" alt=""/>
+              <div class="programmeBox">
+                <p>代理记账服务</p>
+                <p>人工+平台结合一站式统管新型经营主体代理记账工作。</p>
+              </div>
+            </div>
+
+            <div class="back">
+              <div class="programmeBox">
+                <p>代理记账服务</p>
+                <p>提炼农村专业合作社、经济组织日常实际业务场景，指定标准流程级功能，实现通过智能信息化系统减少人工重复性工作的实际意义。在此基础上更增加了综合数据监控与分析功能，真正实现农村社务管理轻量化、智能化。</p>
+              </div>
+              <a href="javascript:void(0);" class="seeBtn">立即查看</a>
+            </div>
           </div>
         </li>
-        <li>
-          <div>
-            <p style="text-align: left;">农技培训服务</p>
-            <p style="text-align: left;">利用我司及多方资源，结合线上培训资源，整体提升农户农技水平。<br/>
-              提供在线培训平台，涵盖各类农技及农业问题，通过远程指导或在线视频的方式提高农技授课触达及培训效果，提升区域整体农业水平。</p>
+        <li class="flip-container" ontouchstart="this.classList.toggle('hover');">
+          <div class="flipper">
+            <div class="front">
+              <img src="../static/images/service_img4.png" alt=""/>
+              <div class="programmeBox">
+                <p>农技培训服务</p>
+                <p>利用我司多方资源，结合线上培训，整体提升农户农技水平。</p>
+              </div>
+            </div>
+
+            <div class="back">
+              <div class="programmeBox">
+                <p>农技培训服务</p>
+                <p>利用我司及多方资源，结合线上培训资源，整体提升农户农技水平。<br/>
+                  提供在线培训平台，涵盖各类农技及农业问题，通过远程指导或在线视频的方式提高农技授课触达及培训效果，提升区域整体农业水平。</p>
+              </div>
+              <a href="javascript:void(0);" class="seeBtn">立即查看</a>
+            </div>
           </div>
-          <a href="javascript:void(0);" class="seeBtn">立即查看</a>
         </li>
-        <li>
-          <img src="../static/images/service_img2.png" alt=""/>
-          <div>
-            <p style="text-align: left;">供应链对接服务</p>
-            <p style="text-align: left;">打通供应链环节，审核并引入经纪人及采购商，提高对接效率。</p>
+        <li class="flip-container" ontouchstart="this.classList.toggle('hover');">
+          <div class="flipper">
+            <div class="front">
+              <img src="../static/images/service_img2.png" alt=""/>
+              <div class="programmeBox">
+                <p>供应链对接服务</p>
+                <p>打通供应链环节，审核并引入经纪人及采购商，提高对接效率。</p>
+              </div>
+            </div>
+
+            <div class="back">
+              <div class="programmeBox">
+                <p>供应链对接服务</p>
+                <p>利用我司及多方资源，结合线上培训资源，整体提升农户农技水平。<br/>
+                  提供在线培训平台，涵盖各类农技及农业问题，通过远程指导或在线视频的方式提高农技授课触达及培训效果，提升区域整体农业水平。</p>
+              </div>
+              <a href="javascript:void(0);" class="seeBtn">立即查看</a>
+            </div>
           </div>
         </li>
-        <li>
-          <img src="../static/images/service_img3.png" alt=""/>
-          <div>
-            <p style="text-align: left;">农资、农机具服务</p>
-            <p style="text-align: left;">通过管控农资及农机具相关资源提供商提升服务质量，源头把控</p>
+        <li class="flip-container" ontouchstart="this.classList.toggle('hover');">
+          <div class="flipper">
+            <div class="front">
+              <img src="../static/images/service_img3.png" alt=""/>
+              <div class="programmeBox">
+                <p>农资、农机具服务</p>
+                <p>通过管控农资及农机具相关资源提供商提升服务质量，源头把控</p>
+              </div>
+            </div>
+
+            <div class="back">
+              <div class="programmeBox">
+                <p>农资、农机具服务</p>
+                <p>利用我司及多方资源，结合线上培训资源，整体提升农户农技水平。<br/>
+                  提供在线培训平台，涵盖各类农技及农业问题，通过远程指导或在线视频的方式提高农技授课触达及培训效果，提升区域整体农业水平。</p>
+              </div>
+              <a href="javascript:void(0);" class="seeBtn">立即查看</a>
+            </div>
           </div>
         </li>
         <div class="clear"></div>
@@ -158,7 +208,7 @@
         <img src="../static/images/consulting_img.png" alt=""/>
         <p>以农立命，以信立燊，高科立业。</p>
         <div>
-          <a href="javascript:void(0);">立即咨询</a>
+          <a href="about.html#tellUs">立即咨询</a>
         </div>
       </div>
     </div>