ソースを参照

highTechCognizance

dengzhiguo 7 年 前
コミット
0f85d34caa

BIN
img/hightech1.png


BIN
img/hightech10.png


BIN
img/hightech11.png


BIN
img/hightech12.png


BIN
img/hightech13.png


BIN
img/hightech14.png


BIN
img/hightech15.png


BIN
img/hightech16.png


BIN
img/hightech19.png


BIN
img/hightech2.jpg


BIN
img/hightech20.png


BIN
img/hightech21.jpg


BIN
img/hightech22.jpg


BIN
img/hightech23.png


BIN
img/hightech3.jpg


BIN
img/hightech4.jpg


BIN
img/hightech5.jpg


BIN
img/hightech6.png


BIN
img/hightech7.png


BIN
img/hightech8.png


BIN
img/hightech9.png


BIN
img/techbanner10.png


BIN
img/techbanner11.png


BIN
img/techbanner12.png


BIN
img/techbanner13.png


BIN
img/techbanner14.png


BIN
img/techbanner2.png


BIN
img/techbanner3.png


BIN
img/techbanner4.png


BIN
img/techbanner5.png


BIN
img/techbanner6.png


BIN
img/techbanner7.png


BIN
img/techbanner8.png


BIN
img/techbanner9.png


BIN
img/tectbanner1.png


BIN
img/texth3.png


+ 105 - 0
src/css/highTechCognizance.css

@@ -0,0 +1,105 @@
+h3{color:#356A9A;}
+
+#first_title{width:1200px;height:110px;text-align: center;padding-top: 40px;margin: 0 auto; }
+#twotitle{width:1200px;height:110px;text-align: center;padding-top: 55px;margin: 0 auto;}
+#all_problem{width:100%;height:600px;background: #FCFAF9;}
+.problem{width:1200px;height:600px;position: relative;margin: 0 auto;overflow: hidden;}
+.problem_right{width:400px;height:600px;position: absolute;top:7px;right: 0;background: url("../../img/hightech1.png")}
+.problem_left{width:560px;height:500px;position: absolute;top:0;left:0;overflow: hidden;padding-top: 50px;}
+.problem_left>div{position: absolute;left:0;display: none;}
+.problem_bottom{width:160px;height:50px;background: #FFB200;color:#fff;text-align: center;cursor: pointer;
+line-height: 50px;font-size: 18px;border-radius: 5px;position: absolute;bottom:40px;left:400px;}
+.leftdiv1{top:65px;font-size: 15px;}
+.leftdiv2{top:165px;font-size: 16px;line-height: 30px;}
+.leftdiv3{top:200px;font-size: 16px;line-height: 30px;}
+.leftdiv4{top:140px;font-size: 16px;line-height: 40px;}
+.pro_rotate{width:585px;height:585px;border-radius: 50%;/*border:1px solid #ddd;*/position: absolute;top:7px;
+    right: -190px;transform-origin: center center;transform:rotate(0deg);}
+.pro_rotate>div{width:585px;height:585px;border-radius: 50%;transform-origin: center center;position: absolute;}
+.pro_rotate>div>div{width:210px;height:50px;;border: #ddd;line-height: 50px;cursor: pointer;}
+.pro_rotate>div>div>span{width:5px;height:5px;border-radius: 50%;position: absolute;background: #3E86C5;
+ right:0;top:22px;}
+.pro_rotate>div.active>div>span{transform: scale(1.5);}
+.pro_rotate>div.active>div>p{font-size: 17px;color:#3E86C5;padding-right: 20px;}
+.pro_rotate>div>div>p{text-align: right;padding-right: 20px;}
+.rotate_one{transform:rotate(-70deg);}
+.one{transform:rotate(70deg);position: absolute;top:-25px;right:290px;transform-origin: right center;}
+.rotate_two{transform:rotate(-90deg);}
+.two{transform:rotate(90deg);position: absolute;top:-25px;right:290px;transform-origin: right center;}
+.rotate_three{transform:rotate(-110deg);}
+.three{transform:rotate(110deg);position: absolute;top:-25px;right:290px;transform-origin: right center;}
+.rotate_four{transform:rotate(-130deg);}
+.four{transform:rotate(130deg);position: absolute;top:-25px;right:290px;transform-origin: right center;}
+
+.carousesmall{ position:relative; overflow: hidden;width:100%;height:160px;margin: 0 auto; }
+.ct_img_big{ position:absolute; }
+.ct_img_big li{ float: left; height:150px;width:200px;}
+.ct_img_big li img:nth-child(2){margin-top:50px;}
+.btn{ position: absolute; }
+.btn_pre1{top:50px;left:200px;width:40px;}
+.btn_next1{top:50px;right:200px;width:40px;}
+.btn_div{width:1200px;height:160px;margin: 0 auto;position: relative;}
+.btn_div>div{height:160px;position: absolute;}
+.btn_div>a{padding: 0;}
+.btn_div>a>img{width:100%;}
+.leftdiv{background-image:linear-gradient(90deg,#e8e8e8,#fff,#fff);opacity: 0.6;}
+.rightdiv{background-image:linear-gradient(270deg,#e8e8e8,#fff,#fff);opacity: 0.6;}
+
+#all_policy{width:100%;height:400px;}
+#policy{width:1200px;height:400px;margin: 0 auto;padding-top: 40px;text-align: center;}
+#policy>div{width:220px;height:300px;display: inline-block;margin-right: 10px;}
+#policy>div>p{padding: 0 10px;}
+#all_field{width:100%;height:360px;background: #E1EAF2;}
+.field{width:1200px;height:360px;margin: 0 auto;padding-top: 30px;text-align: center;position: relative;}
+.field>div{width:60px;height:60px;position: absolute;}
+.field_1{background: url("../../img/hightech7.png");top:60px;left:0px;}
+.field_2{background: url("../../img/hightech8.png");top:70px;left:300px;}
+.field_3{background: url("../../img/hightech9.png");top:80px;left:600px;}
+.field_4{background: url("../../img/hightech10.png");top:50px;left:900px;}
+.field_5{background: url("../../img/hightech11.png");top:180px;left:0px;}
+.field_6{background: url("../../img/hightech12.png");top:190px;left:300px;}
+.field_7{background: url("../../img/hightech13.png");top:200px;left:600px;}
+.field_8{background: url("../../img/hightech14.png");top:170px;left:900px;}
+.field>div>div{width:250px;height:75px;border:1px solid #E3EAEF;background: #fff;position: absolute;
+top:30px;left:30px;line-height: 75px;text-align: center;color:#424141;font-size: 18px;
+box-shadow: 0 0 5px 0 #DCE4EC;}
+
+#all_goodness{width:100%;height:610px;}
+.goodness{width:1200px;height:610px;margin: 0 auto;padding-top: 30px;text-align: center;position: relative;}
+.goodness>h4{color:#F6A322;margin-top:15px; }
+.goodness>div{width:830px;height:140px;position: absolute;}
+.goodnesstop{background: url("../../img/hightech15.png");top:120px;left:0;}
+.goodnesscenter{background: url("../../img/hightech16.png");top:270px;left:140px;}
+.goodnessbottom{background: url("../../img/hightech15.png");top:420px;left:280px;}
+.goodness>div>div{width:780px;height:100px;margin: 0 auto;text-align: left;padding-top: 25px;}
+.goodness>div>div>h4{display: inline-block;font-weight: bold;}
+.goodness>div>div>p{display: inline-block;}
+
+#all_ensure{width:100%;height:360px;background: #FCFAF9;}
+.ensure{width:1200px;height:360px;margin: 0 auto;padding-top: 20px;text-align: center;position: relative;}
+.ensure>div{width:395px;height:270px;display: inline-block;padding-top: 130px;}
+.ensure>div>h4{color:#F6A322}
+.ensure>div>p{padding: 0 40px;margin-top: 15px;text-align: left;}
+.ensureleft{background: url("../../img/hightech21.jpg")}
+.ensurecenter{background: url("../../img/hightech22.jpg")}
+.ensureright{background: url("../../img/hightech23.png")}
+
+#all_daturn{width:100%;height:350px;}
+.daturn{width:1200px;height:350px;margin: 0 auto;padding-top: 40px;text-align: center;position: relative;}
+.daturn>div{width:1030px;height:240px;background: url("../../img/hightech19.png");
+margin: 20px auto 0;position: relative;}
+.daturn>div>div{width:290px;height:150px;position: absolute;text-align: center;}
+.daturn>div>div>h5{font-size: 15px;}
+.daturn>div>div>p{color:#807F7F;line-height: 30px;}
+.daturnleft{top:40px;left:25px;}
+.daturncenter{top:40px;left:370px;}
+.daturnright{top:40px;left:720px;}
+
+#all_flow{width:100%;height:250px;position: relative;}
+.line{width:100%;border-bottom: 1px solid #D1D1D1;position: absolute;top:164px;}
+.flow{width:1200px;height:250px;margin: 0 auto;padding-top: 40px;text-align: center;position: relative;}
+.flow_bg{width:1100px;height:100px;margin: 0 auto;background: url("../../img/hightech20.png");margin-top: 20px;}
+.flow_text{width:1200px;height:30px;margin: 0 auto}
+.flow_text>div{width:235px;height:30px;display: inline-block;}
+.begin{text-align: left;padding-left: 10px;}
+.end{text-align: right;padding-right: 10px;}

+ 149 - 1
src/js/highTechCognizance.js

@@ -4,4 +4,152 @@ import '../css/public.css';
 import '../css/main_banner.css';
 import './public.js';
 import './main_banner.js';
-import '../css/highTechCognizance.css';
+import '../css/highTechCognizance.css';
+
+(function(){
+    var t=1;//判断现在在中间的是第几个div
+    $(".pro_rotate>div>div").click(function(){
+        t=$(this).attr("value")-(-1);
+        $(".problem_left").children("div").eq(t).addClass("active_div").siblings().removeClass("active_div");
+        $(this).parent().addClass("active").siblings().removeClass("active");
+        var rotval=$(this).attr("value");
+        var divval=$(".pro_rotate").attr("rota");
+        var rotdiv=$(".pro_rotate>div");
+        $(".pro_rotate").css({"transform":"rotate("+(divval-(-rotval*20))+"deg)"},500);
+        for(var i=0;i<rotdiv.length;i++){
+            var childrot=$(rotdiv[i]).children("div").attr("rota");
+            $(rotdiv[i]).children("div").css({"transform":"rotate("+(childrot-(rotval*20))+"deg)"},500);
+        }
+        div_position();
+    });
+    var scrollFunc=function(e){
+        if(e.target.id=="rotate_four"){
+            e=e || window.event;
+            if (e.stopPropagation) e.stopPropagation();
+            else e.cancelBubble = true;
+            if (e.preventDefault) e.preventDefault();
+            else e.returnValue = false;
+            var a=0;
+            if(e.wheelDelta){//IE/Opera/Chrome
+                a=e.wheelDelta/-120;
+            }else if(e.detail){//Firefox
+                a=e.detail/3;
+            }
+            t-=-a;
+            if(t<0){
+                t=0;
+            }else if(t>3){
+                t=3;
+            }
+            console.log(t);
+            $(".pro_rotate>div>div").eq(t).click();
+        }
+    }
+    /*注册事件*/
+    if(document.addEventListener){
+        document.addEventListener('DOMMouseScroll',scrollFunc,false);
+    }//W3C
+    window.onmousewheel=document.getElementById("rotate_four").onmousewheel=scrollFunc;//IE/Opera/Chrome
+
+    function div_position(){
+        //var problem_textdiv=$(".problem_left>div");
+        //for(j=0;j<problem_textdiv.length;j++){
+        //    var div_height=$(problem_textdiv[j]).height();
+        //    $(problem_textdiv[j]).css({"bottom":-div_height});
+        //}
+        //var act_divheight=$(".problem_left>div.active_div").height();
+        //$(".problem_left>div.active_div").animate({"bottom":(450-act_divheight)/2},"slow");
+        $(".problem_left>div").fadeOut("fast");
+        $(".problem_left>div.active_div").fadeIn("slow");
+    }
+    div_position();
+
+})();
+(function(){
+    var htmlwidth=$(document).width();
+    $(".btn_div>div").width((htmlwidth-1200)/2);
+    $(".leftdiv").css({"left":-(htmlwidth-1200)/2});
+    $(".rightdiv").css({"right":-(htmlwidth-1200)/2});
+    var  $imgBig=$('.ct_img_big'),
+        $btnNext=$('.btn_next1'),
+        $btnPre=$('.btn_pre1'),
+        $CT = $('.carousel'),
+        $imgSmall=$('.ct_img_small');
+    var $imgWidth=$imgBig.find('li').width();//获取图片的宽度;
+    var $imgLength=$imgBig.children().length;//获取克隆前的图片的长度;
+    // 拷贝第一张和最后一张;把最后一张图放在最前面;把最前面的图放在最后;
+    var  $firstImg=$imgBig.find('li'),
+        $lastImg=$imgBig.find('li');
+    $imgBig.prepend($lastImg.clone());
+    $imgBig.append($firstImg.clone()); //设置imgBig clone后的宽度
+    $imgBig.width( $imgWidth*$imgBig.children().length)//这时的个数是添加完以后的个数
+    $imgBig.css({'left':'-='+$imgWidth+'px'})//把第一张图放入可视区
+    var pageIndex = 0 ; //img的下标;
+    var isAnimate = false//防止重复点击 上锁
+
+    $btnNext.on('click',function(e){
+        e.preventDefault();
+        playNext();
+        setTimeout(function(){
+
+        },1500)
+    });
+    $btnPre.on('click',function(e){
+        e.preventDefault()
+        playPre();
+        setTimeout(function(){
+
+        },1500)
+    });
+
+    $imgSmall.find('li').on('click',function(){
+        var smallIdx= $(this).index();
+        if(smallIdx>pageIndex){
+            playNext(smallIdx-pageIndex)
+        }
+        else if(smallIdx<pageIndex){
+            playPre(pageIndex-smallIdx)
+        }
+    });
+    function playNext(n){
+        var idx = n ||1;
+        if(isAnimate) return;
+        isAnimate = true;
+        $imgBig.animate({'left':'-='+ $imgWidth*idx+'px'},function(){
+            //如果页数=图片的最后一个,就让图片回到第一张;即data-index=0;
+            pageIndex = pageIndex+idx;
+            if( pageIndex ===$imgLength ){
+                $imgBig.css({'left':'-'+$imgWidth+'px'})
+                pageIndex = 0;
+            }
+            isAnimate = false;
+            smallImg()
+        })
+    }
+    function playPre(n){
+        var idx = n ||1;
+        if(isAnimate) return;
+        isAnimate = true;
+        $imgBig.animate({'left':'+='+$imgWidth*idx+'px'},function(){
+            pageIndex=pageIndex-idx;
+            if(pageIndex<0){
+                $imgBig.css({'left':'-'+$imgWidth*$imgLength+'px'});
+                pageIndex = $imgLength-1;
+            }
+            isAnimate = false;
+            smallImg()
+        })
+    }
+    //设置小图的class
+    function smallImg(){
+        $imgSmall.children()
+            .removeClass('active')
+            .eq(pageIndex) .addClass('active')
+    }
+})();
+
+
+
+
+
+

+ 275 - 2
template/highTechCognizance.html

@@ -51,7 +51,280 @@
     </a>
 </div>
 <!--主体内容区域开始-->
-
+<div id="first_title">
+    <h3>成功案例</h3>
+</div>
+<div class="carousesmall">
+    <ul class="ct_img_big clear">
+        <li data-index=0 >
+            <a href="">
+                <img src="../img/tectbanner1.png" alt=""/>
+                <img src="../img/techbanner7.png" alt=""/>
+            </a>
+        </li>
+        <li data-index=1 >
+            <a href="">
+                <img src="../img/techbanner2.png" alt=""/>
+                <img src="../img/techbanner8.png" alt=""/>
+            </a>
+        </li>
+        <li data-index=2 >
+            <a href="">
+                <img src="../img/techbanner3.png" alt=""/>
+                <img src="../img/techbanner9.png" alt=""/>
+            </a>
+        </li>
+        <li data-index=3 >
+            <a href="">
+                <img src="../img/techbanner4.png" alt=""/>
+                <img src="../img/techbanner10.png" alt=""/>
+            </a>
+        </li>
+        <li data-index=4 >
+            <a href="">
+                <img src="../img/techbanner5.png" alt=""/>
+                <img src="../img/techbanner11.png" alt=""/>
+            </a>
+        </li>
+        <li data-index=5 >
+            <a href="">
+                <img src="../img/techbanner6.png" alt=""/>
+                <img src="../img/techbanner12.png" alt=""/>
+            </a>
+        </li>
+    </ul>
+    <div class="btn_div">
+        <a class="btn btn_next1" href="javascript:;">
+            <img src="../img/techbanner14.png" alt=""/>
+        </a>
+        <a class="btn btn_pre1" href="javascript:;">
+            <img src="../img/techbanner13.png" alt=""/>
+        </a>
+        <div class="leftdiv"></div>
+        <div class="rightdiv"></div>
+    </div>
+</div>
+<div id="twotitle">
+    <img src="../img/texth3.png" alt=""/>
+</div>
+<div id="all_problem">
+    <div class="problem">
+        <div class="problem_left">
+            <div class="leftdiv1">
+                1.(必须注册一年以上的企业)中国境内(不包括港、澳、台地区)注册一年以上的居民企业。
+                <br/>2.(近三年自主研发或受让的知识产权)近三年内通过自主研发、受让、受赠、并购等方式,或通过5年以上的独占许可方式,对其主要产品(服务)的核心技术拥有自主知识产权;(包括专利、软件著作权、集成电路布图设计专有权、植物新品种等核心自主知识产权)
+                <br/>3.(产品必须属于国家重点支持的高新技术领域的范围内)产品(服务)属于《国家重点支持的高新技术领域》规定的范围;
+                <br/>4.(公司科技人员和研发人员需要达到高新技术企业认定的指标)具有大学专科以上学历的科技人员占企业当年职工总数的30%以上,其中研发人员占企业当年职工总数的10%以上
+                <br/>5.(近三年的研发费用必须达到高新技术企业认定的指标)且近三个会计年度的研究开发费用总额占销售收入总额的比例符合如下要求:
+                <br/>a. 最近一年销售收入小于5,000万元的企业,比例不低于6%;
+                <br/>b. 最近一年销售收入在5,000万元至20,000万元的企业,比例不低于4%;
+                <br/>c. 最近一年销售收入在20,000万元以上的企业,比例不低于3%。
+                <br/>6.(研发费用需要达到高新技术企业认定指标)其中企业在中国境内发生的研究开发费用总额占全部研究开发费用总额的比例不低于60%。
+                高新技术产品(服务)收入占企业当年总收入的60%以上;
+                同时要求企业具有一定的研究开发组织管理水平、科技成果转化能力、自主知识产权数量、销售与总资产成长性等指标符合《高新技术企业认定管理工作指引》
+            </div>
+            <div class="active_div leftdiv2">
+                自我评价<br/>
+                网上注册登记<br/>
+                准备并提交材料<br/>
+                审查认定<br/>
+                公示  ( a.有异议  核实处理   b.无异议   备案、公告、颁发证书)<br/>
+                申请享受税收优惠政策
+            </div>
+            <div class="leftdiv3">
+                正常情况是:先由科技厅组织专家老师评审5个工作日,网上公示15个工作日,
+                公示之后15个工作日颁发证书。但是由于国家对高新技术企业认定刚出台,
+                各方面在日渐规范,具体时间由相关政府部门相关网上公示和颁发证书为主。
+            </div>
+            <div class="leftdiv4">
+                <h4>评分方式分为四大块,满分100分,71分以上为通过(包括71分)</h4>
+                <p>1.知识产权(即一个近三年授权的发明专利或者6个实用新型专利或6个软件著作权)(30分) </p>
+                <p>2.科技成果转化 (30分)</p>
+                <p>3.企业组织管理水平 (20分)</p>
+                <p>4.成长性指标 (即总资产、销售额增长幅度)(20分)</p>
+            </div>
+        </div>
+        <div class="problem_right">
+        </div>
+        <div class="pro_rotate" rota="0">
+            <div class="rotate_one">
+                <div class="one" value="-1" rota="70">
+                    <span></span>
+                    <p>申报要求</p>
+                </div>
+            </div>
+           <div class="rotate_two active">
+               <div class="two" value="0" rota="90">
+                   <span></span>
+                   <p>高新认定申报流程</p>
+               </div>
+           </div>
+           <div class="rotate_three">
+               <div class="three" value="1" rota="110">
+                   <span></span>
+                   <p>高新认定需要的时间</p>
+               </div>
+           </div>
+           <div class="rotate_four" id="rotate_four">
+                <div class="four" value="2" rota="130">
+                    <span></span>
+                    <p>高新技术企业认定评分制</p>
+                </div>
+           </div>
+        </div>
+        <div class="problem_bottom">
+            我要咨询
+        </div>
+    </div>
+</div>
+<div id="all_policy">
+    <div id="policy">
+        <h3>高新技术企业认定,轻松享国家五大项优惠政策</h3>
+        <div>
+            <img src="../img/hightech2.jpg" alt=""/>
+            <p>企业税收减免40%,同时享受办理研发经费加计扣除</p>
+        </div>
+        <div>
+            <img src="../img/hightech3.jpg" alt=""/>
+            <p>地区对新认定的高新技术企业资助均高于五万元以上</p>
+        </div>
+        <div>
+            <img src="../img/hightech4.jpg" alt=""/>
+            <p>吸引政策和资金扶持,推动企业产业化扩张,促进企业融资上市</p>
+        </div>
+        <div>
+            <img src="../img/hightech5.jpg" alt=""/>
+            <p>土地、电力、排污、节能、科研资金、税收等各项扶持政策</p>
+        </div>
+        <div>
+            <img src="../img/hightech6.png" alt=""/>
+            <p>政府帮企业背书,实现提高企业品牌知名度</p>
+        </div>
+    </div>
+</div>
+<div id="all_field">
+    <div class="field">
+        <h3>国家重点支持的高新技术领域</h3>
+        <div class="field_1">
+            <div>电子信息技术</div>
+        </div>
+        <div class="field_2">
+            <div>生物与新医药技术</div>
+        </div>
+        <div class="field_3">
+            <div>航空航天技术</div>
+        </div>
+        <div class="field_4">
+            <div>新材料技术</div>
+        </div>
+        <div class="field_5">
+            <div>高技术服务业</div>
+         </div>
+        <div class="field_6">
+            <div>新能源及节能技术</div>
+        </div>
+        <div class="field_7">
+            <div>资源与环境技术</div>
+        </div>
+        <div class="field_8">
+            <div>高新技术改造传统产业</div>
+        </div>
+    </div>
+</div>
+<div id="all_goodness">
+    <div class="goodness">
+        <h3>品牌保障 技淘网竞争优势</h3>
+        <h4>十六年品牌耕耘,精心服务每一位客户,缔造行业领先风范,历史通过率高达96.8%</h4>
+        <div class="goodnesstop">
+            <div>
+                <p>
+                <h4>优势一:</h4>
+                16年的专业科技咨询经验,拥有咨询业甲级资质,
+                    在全国拥有25家分(子)咨询机构。为各单位提供政策咨询、
+                    科技咨询、知识产权运营,企业上市服务等共22500项。
+                    协助各省市2860家单位获得各级政策扶持和资金支持12.4亿
+                </p>
+            </div>
+        </div>
+        <div class="goodnesscenter">
+            <div>
+                <p>
+                <h4>优势二:</h4>
+                与各省建立了长期的战略合作关系,拥有遍布全国的专家资源
+                </p>
+            </div>
+        </div>
+        <div class="goodnessbottom">
+            <div>
+                <p>
+                <h4>优势三:</h4>
+                由国家科技部、国家工信部门认定,政府出资与省知识产权局、
+                湘大知识产权学院共建的湖南省专利信息集成化平台,专业提供
+                知识产权运营、科技、金融服务咨询的机构
+                </p>
+            </div>
+        </div>
+    </div>
+</div>
+<div id="all_ensure">
+    <div class="ensure">
+        <h3>技淘技术服务保障 最贴心 最权威的技术团队为您随时守候</h3>
+        <div class="ensureleft">
+            <h4>精英保障</h4>
+            <p>资深精英团队全程为您独家定制构建方案,详细解说各项政策,
+                为企业解决每一项疑问和问题,尽最大可能一次通过</p>
+        </div>
+        <div class="ensurecenter">
+            <h4>精英保障</h4>
+            <p>资深精英团队全程为您独家定制构建方案,详细解说各项政策,
+                为企业解决每一项疑问和问题,尽最大可能一次通过</p>
+        </div>
+        <div class="ensureright">
+            <h4>精英保障</h4>
+            <p>资深精英团队全程为您独家定制构建方案,详细解说各项政策,
+                为企业解决每一项疑问和问题,尽最大可能一次通过</p>
+        </div>
+    </div>
+</div>
+<div id="all_daturn">
+    <div class="daturn">
+        <h3>高新认定需要准备的材料</h3>
+        <div>
+            <div class="daturnleft">
+                <h5>企业基本资料</h5>
+                <p>营业执照</p>
+                <p>组织机构代码证和税务登记证</p>
+                <p>企业职工总体情况说明和科技人员名单</p>
+            </div>
+            <div class="daturncenter">
+                <h5>企业财务资料</h5>
+                <p>近三个年度的财务会计报告和年度纳税申报表</p>
+                <p>高新技术产品销售和研发投入专项审计</p>
+            </div>
+            <div class="daturnright">
+                <h5>知识产权及研发管理资料</h5>
+                <p>高新技术企业认定申请书</p>
+                <p>企业研发管理文件</p>
+                <p>企业知识产权证书</p>
+            </div>
+        </div>
+    </div>
+</div>
+<div id="all_flow">
+    <div class="line"></div>
+    <div class="flow">
+        <h3>服务流程</h3>
+        <div class="flow_bg">
+        </div>
+        <div class="flow_text">
+            <div class="begin">客户线上咨询解疑答惑</div>
+            <div>专家一对一定制项目方案</div>
+            <div>确定合作关系</div>
+            <div>协助企业准备认定申请材料</div>
+            <div class="end">立项后跟踪管理售后</div>
+        </div>
+    </div>
+</div>
 <!--主体内容区域结束-->
 <div id="bottom">
     <div class="bottom">
@@ -178,7 +451,7 @@
 <div class="smg"><input type="text" name="msg" value="" id="msg"/></div>
 </body>
 <!--<script type="text/javascript" src="../src/js/jquery-2.1.0.js"></script>-->
-<!--&lt;!&ndash;<script type="text/javascript" src="../src/js/highTechCognizance.js"></script>&ndash;&gt;-->
+<!--<script type="text/javascript" src="../src/js/highTechCognizance.js"></script>-->
 <!--<script type="text/javascript" src="../src/js/public.js"></script>-->
 <!--<script type="text/javascript" src="../src/js/main_banner.js" ></script>-->
 </html>