Browse Source

policy and thinker detail

dengzhiguo 7 years ago
parent
commit
14a586b04e

BIN
img/policy_detail1.jpg


BIN
img/thinker_detail1.jpg


BIN
img/thinker_detail2.jpg


BIN
img/thinker_detail3.png


BIN
img/thinker_detail5.png


+ 45 - 0
src/css/thinkTank/policyDetail.css

@@ -0,0 +1,45 @@
+#policyDetail{width:100%;height:1250px;background: #F5F5F5;border-top:6px solid #2C6597;  }
+#title_top{width:100%;height:45px;background: #fff;padding-top: 15px;border-bottom: 1px solid #EDEDED;}
+
+.title_top{width:1100px;height:30px;padding-left: 25px;line-height: 24px;margin: 0 auto;
+    background: url("../../../img/detail_home.jpg") no-repeat;}
+.title_top>a{color:#787878;}
+.title_top>a.a_detail{color:#3C3B3B;}
+
+#policy_content{width:1200px;height:1200px;margin: 0 auto;background: #fff;padding:40px 40px 0 50px;
+position: relative;}
+.content_left{width:700px;height:1150px;display: inline-block;}
+.contetn_right{width:250px;height:800px;display: inline-block;position: absolute;
+top:40px;right:50px;}
+.content_left>h3{text-align: center;color:#2D6697;}
+.small_title{width:700px;height:50px;border-bottom: 1px solid #eee;padding-top: 25px;
+margin-bottom: 15px;}
+.small_title>span{float: right;margin-left: 20px;color:#ACACAC;}
+.small_title>p{color:#626161;}
+.content_img{width:700px;height:350px;text-align: center;margin-top:15px;border-bottom: none; }
+.content_img>img{width:515px;height:340px;margin: 0 auto;}
+.content_left>h4{font-weight: bold;font-size: 16px;}
+.content_left h5{display: inline-block;color:#222222;}
+.content_left>p{line-height: 20px;}
+.content_left>hr{margin: 0;}
+.text_end{margin-top: 50px;}
+.next_div{width:700px;height:40px;}
+.contetn_right>div{width:250px;height:60px;border-bottom:1px solid #F1F1F1;}
+.contetn_right>div.right_title{width:250px;height:40px;}
+.contetn_right>div.right_title>div{width:90px;height:40px;background: #3185D0;line-height: 40px;
+text-align: center;color:#F2F7FC;font-weight: bold;}
+.contetn_right>div>h5{margin: 0;font-weight: bold;padding-top: 10px;margin-bottom: 10px;}
+#bottom{}
+
+
+
+
+
+
+
+
+
+
+
+
+

+ 82 - 0
src/css/thinkTank/thinkerDetail.css

@@ -0,0 +1,82 @@
+.banner{width:100%;height:463px;}
+.banner>img{width:100%;height:100%;}
+.thinkerdetail_top{width:100%;height:250px;background: #eee;
+    position: relative;text-align: center;}
+.thinkerdetail_top>div{width:1200px;height:250px;margin: 0 auto;position: relative;}
+.detailtop_text{width:1200px;height:250px;position: absolute;
+    top:-30px;left:0;background: #fff;border-left:6px solid #3C84C1;box-shadow: 0 0 10px 0 #ddd;}
+.detailtop_text>div{width:398px;height:250px;border-right:1px solid #F6F6F6;
+    display: inline-block;float: left;text-align: center;padding: 50px 30px 0 30px;}
+.detailtop_text>div>h4{color:#F79627;margin-bottom: 20px;}
+.detailtop_text>div>p{text-align: left;line-height: 20px;}
+
+.thinkerdetail_top div.detailtop_img{width:300px;height:300px;position: absolute;
+    left:450px;top:-380px;text-align: center;}
+.head_img{width:210px;height:210px;border-radius: 50%;background: #fff;margin:0 auto;margin-bottom: 20px;}
+.people_name{width:140px;height:60px;text-align: center;line-height: 60px;font-weight: bold;
+    font-size: 18px;background: #fff;margin:0 auto;}
+
+.thinkerdetail_center{width:1200px;height:950px;margin: 0 auto;padding-top: 40px;position: relative;}
+.detailcenter_left{width:650px;height:900px;position: absolute;top:40px;left:0;}
+.detailcenter_right{width:450px;height:900px;position: absolute;top:40px;right:0;}
+.detailcenter_left>div{width:640px;height:270px;margin-bottom: 20px;
+    background: #FCFAF9;padding: 30px 30px 0 30px;}
+.fruit_title{width:100%;height:35px;}
+.fruit_title>h4{display: inline-block;margin: 0;color:#24598E; }
+.fruit_title>p{display: inline-block;float: right;}
+.fruit_text{width:100%;height:155px;}
+.fruit_bottom{width:100%;height:50px;border-top:1px solid #DDDDDD;padding-top: 10px;}
+.text_spanimg{float: right;margin-top: -7px;}
+.right_img{width:445px;height:265px;position: relative;}
+.right_img>img{width:445px;height:265px;}
+.right_img>div{width:100%;height:40px;position: absolute;bottom:0;background: #eee;
+    text-align: center;line-height: 40px;}
+.right_img>div>span{color:#FFB200;}
+.right_text{width:445px;height:250px;margin-top: 20px;}
+.right_text>div{width:445px;height:30px;}
+.right_text>div>h5{display: inline-block;font-weight: bold;font-size: 16px;width:100px;
+    color:#3A3A3A;}
+.right_text>div>p{display: inline-block;}
+.right_btn{width:445px;height:50px;}
+.right_btn>div{width:150px;height:50px;line-height: 50px;
+    text-align: center;border: 1px solid #D7D5D5;display: inline-block;
+    margin-right: 10px;font-size: 18px;}
+.right_btn>div.btn_right{border: none;background:#FFB200;
+    color:#fff;font-weight: bold;}
+.right_text>div.summary{height:110px;}
+.right_bottom{width:445px;height:360px;padding-top: 30px;}
+.right_bottom>div{width:445px;height:100px;padding-top: 10px;
+    border-bottom:1px solid #CCCCCC; }
+.people_img{width:50px;height:50px;border-radius: 50%;
+    background: #52de00;display: inline-block;}
+.people_text{width:380px;height:70px;display: inline-block;margin-left: 10px;}
+
+.thinkdetail_bottom{width:1200px;height:500px;margin: 0 auto;padding-top: 60px;}
+.bottom_title{width:800px;border-bottom: 1px solid #E6E6E6;margin: 0 auto;position: relative;
+}
+.bottom_title>div{width:330px;height:50px;background: #fff;border: 1px solid #E6E6E6;position: absolute;
+top:-25px;left:235px;color:#6C6C6C;text-align: center;line-height: 50px;}
+.bottom_title>div>h3{display: block;padding: 0;color:#074F88;width:160px;height:30px;
+position: absolute;left:85px;top:-15px;text-align: center;background: #fff;}
+.bottom_title>div>div{width:30px;border-bottom: 1px solid #F38800;position: absolute;
+left:150px;bottom:-1px;}
+.bottom_cont{width:1200px;height:300px;margin-top: 80px;}
+.bottom_cont>div{width:225px;height:280px;margin-right:10px;display: inline-block;position: relative;}
+.bottom_cont>div>img{width:225px;height:190px;margin: 0 auto;}
+.bottom_cont>div>div{width:225px;height:70px;margin: 0 auto;position: relative}
+.bottompeople_img{width:50px;height:50px;border-radius: 50%;
+    background: #52de00;display: inline-block;position: absolute;top:10px;}
+.bottompeople_text{width:150px;height:70px;display: inline-block;margin-left: 10px;position: absolute;
+top:7px;left: 60px;}
+.bottompeople_text>h5{margin: 0;font-weight: bold;line-height: 30px;}
+.bottom_cont>div>div.bottom_conttext{width:190px;height:100px;color:#5F5E5E;position: absolute;top:20px;left:20px;}
+
+
+
+
+
+
+
+
+
+

+ 117 - 1
template/thinkTank/policyDetail.html

@@ -35,7 +35,123 @@
     </div>
 </header>
 
-
+<div id="policyDetail">
+    <div id="title_top">
+        <div class="title_top">
+            >
+            <a href="#">智库咨询</a>
+            >
+            <a href="#">智政</a>
+            >
+            <a href="#">智政资讯</a>
+            >
+            <a href="#" class="a_detail">高新技术企业税收优惠政策解读</a>
+        </div>
+    </div>
+    <div id="policy_content">
+        <div class="content_left">
+            <h3>高新技术企业税收优惠政策解读</h3>
+            <div class="small_title">
+                <span>时间:<span>2015-12-31</span></span>
+                <span>来源:<span>行业新闻</span></span>
+                <span>湖南</span>
+            </div>
+            <p>
+                随着中国-东盟合作的日益深入,
+                高新科技产品纷纷抢滩中国-东盟博览会,不断推动本区域产业转型升级
+                。第十四届中国-东盟博览会首次设立智能制造装备展区,集中展示无人机、
+                智能机器人、3D打印、智能消费电子等。
+                随着中国-东盟合作的日益深入,高新科技产品纷纷抢滩中国-东盟博览会,
+                不断推动本区域产业转型升级。第十四届中国-东盟博览会首次设立智能制造装备展区,
+                集中展示无人机、智能机器人、3D打印、智能消费电子等。
+            </p>
+            <div class="content_img">
+                <img src="../../img/policy_detail1.jpg" alt=""/>
+            </div>
+            <br/>
+            <h4>高新技术企业税收优惠政策解读</h4>
+            <p>
+                随着中国-东盟合作的日益深入,
+                高新科技产品纷纷抢滩中国-东盟博览会,不断推动本区域产业转型升级
+                。第十四届中国-东盟博览会首次设立智能制造装备展区,集中展示无人机、
+                智能机器人、3D打印、智能消费电子等。
+                随着中国-东盟合作的日益深入,高新科技产品纷纷抢滩中国-东盟博览会,
+                不断推动本区域产业转型升级。第十四届中国-东盟博览会首次设立智能制造装备展区,
+                集中展示无人机、智能机器人、3D打印、智能消费电子等。
+            </p>
+            <br/>
+            <p>
+                随着中国-东盟合作的日益深入,
+                高新科技产品纷纷抢滩中国-东盟博览会,不断推动本区域产业转型升级
+                。第十四届中国-东盟博览会首次设立智能制造装备展区,集中展示无人机、
+                智能机器人、3D打印、智能消费电子等。
+                随着中国-东盟合作的日益深入,高新科技产品纷纷抢滩中国-东盟博览会,
+                不断推动本区域产业转型升级。第十四届中国-东盟博览会首次设立智能制造装备展区,
+                集中展示无人机、智能机器人、3D打印、智能消费电子等。
+            </p>
+            <br/>
+            <p>
+                随着中国-东盟合作的日益深入,
+                高新科技产品纷纷抢滩中国-东盟博览会,不断推动本区域产业转型升级
+                。第十四届中国-东盟博览会首次设立智能制造装备展区,集中展示无人机、
+                智能机器人、3D打印、智能消费电子等。
+                随着中国-东盟合作的日益深入,高新科技产品纷纷抢滩中国-东盟博览会,
+                不断推动本区域产业转型升级。第十四届中国-东盟博览会首次设立智能制造装备展区,
+                集中展示无人机、智能机器人、3D打印、智能消费电子等。
+            </p>
+            <h5 class="text_end">文章来自:</h5>
+            <span>http://baiduxinwen.com</span>
+            <hr/>
+            <h5>本文关键词:</h5>
+            <span>高新</span>
+            <span>信息</span>
+            <span>技术</span>
+            <hr/>
+            <div class="next_div">
+                 <span class="rf">
+                    <h5>下一篇:</h5>
+                    <a href="#">科技探索</a>
+                </span>
+                <span>
+                    <h5>上一篇:</h5>
+                    <a href="#">探索科技</a>
+                </span>
+            </div>
+            <hr/>
+            <h5>推荐文章:</h5>
+            <span>高新科技产品纷纷抢滩中国-东盟博览会</span>
+        </div>
+        <div class="contetn_right">
+            <div class="right_title">
+                <div>热点资讯</div>
+            </div>
+            <div>
+                <h5>高新科技产品纷纷抢滩中国</h5>
+                <p>2015-09-12</p>
+            </div>
+            <div>
+                <h5>高新科技产品纷纷抢滩中国</h5>
+                <p>2015-09-12</p>
+            </div>
+            <div>
+                <h5>高新科技产品纷纷抢滩中国</h5>
+                <p>2015-09-12</p>
+            </div>
+            <div>
+                <h5>高新科技产品纷纷抢滩中国</h5>
+                <p>2015-09-12</p>
+            </div>
+            <div>
+                <h5>高新科技产品纷纷抢滩中国</h5>
+                <p>2015-09-12</p>
+            </div>
+            <div>
+                <h5>高新科技产品纷纷抢滩中国</h5>
+                <p>2015-09-12</p>
+            </div>
+        </div>
+    </div>
+</div>
 <!--主体内容区域开始-->
 
 <!--主体内容区域结束-->

+ 247 - 1
template/thinkTank/thinkerDetail.html

@@ -34,10 +34,256 @@
         </div>
     </div>
 </header>
-
+<div class="banner">
+    <img src="../../img/highTech_slide_1.jpg" alt=""/>
+</div>
 
 <!--主体内容区域开始-->
+<div id="all_thinkerDetail">
+    <div class="thinkerdetail_top">
+        <div>
+            <div class="detailtop_text">
+                <div>
+                    <h4>DNA研究会会长</h4>
+                    <p>和服务我哦积分沃尔家附我恩覅未婚夫额未回复我后悔过个光辉 </p>
+                </div>
+                <div>
+                    <h4>DNA研究会会长</h4>
+                    <p>和服务我哦积分沃尔家附我恩覅未婚夫额未回复我后悔过个光辉 </p>
+                </div>
+                <div>
+                    <h4>DNA研究会会长</h4>
+                    <p>和服务我哦积分沃尔家附我恩覅未婚夫额未回复我后悔过个光辉 </p>
+                </div>
+            </div>
+            <div class="detailtop_img">
+                <div class="head_img"></div>
+                <div class="people_name">
+                    洪涛洪涛
+                </div>
+            </div>
+        </div>
+
+    </div>
+    <div class="thinkerdetail_center">
+        <div class="detailcenter_left">
+            <div>
+                <div class="fruit_title">
+                    <p>评分数量不足</p>
+                    <h4>技术成果</h4>
+                </div>
+                <div class="fruit_text">
+                    <p>
+                        我of我我和服务号文件佛of方式就分手就分
+                        手发生纠纷是否是方式发就是法师法师法师发
+                        顺丰好方式发反思和方式发随后服
+                    </p>
+                </div>
+                <div class="fruit_bottom">
+                    <span class="text_spanimg">
+                        <img src="../../img/thinker_detail1.jpg" alt=""/>
+                    </span>
+                    <span>约1小时|</span>
+                    <span>0人约过</span>
+                </div>
+            </div>
+            <div>
+                <div class="fruit_title">
+                    <p>评分数量不足</p>
+                    <h4>技术成果</h4>
+                </div>
+                <div class="fruit_text">
+                    <p>
+                        我of我我和服务号文件佛of方式就分手就分
+                        手发生纠纷是否是方式发就是法师法师法师发
+                        顺丰好方式发反思和方式发随后服
+                    </p>
+                </div>
+                <div class="fruit_bottom">
+                    <span class="text_spanimg">
+                        <img src="../../img/thinker_detail1.jpg" alt=""/>
+                    </span>
+                    <span>约1小时|</span>
+                    <span>0人约过</span>
+                </div>
+            </div>
+            <div>
+                <div class="fruit_title">
+                    <p>评分数量不足</p>
+                    <h4>技术成果</h4>
+                </div>
+                <div class="fruit_text">
+                    <p>
+                        我of我我和服务号文件佛of方式就分手就分
+                        手发生纠纷是否是方式发就是法师法师法师发
+                        顺丰好方式发反思和方式发随后服
+                    </p>
+                </div>
+                <div class="fruit_bottom">
+                    <span class="text_spanimg">
+                        <img src="../../img/thinker_detail1.jpg" alt=""/>
+                    </span>
+                    <span>约1小时|</span>
+                    <span>0人约过</span>
+                </div>
+            </div>
+        </div>
+        <div class="detailcenter_right">
+            <div class="right_img">
+                <img src="../../img/thinker_detail2.jpg" alt=""/>
+                <div>
+                    线下约见
+                    <span>32次</span>
+                </div>
+            </div>
+            <div class="right_text">
+                <h3>关于智者</h3>
+                <div>
+                    <h5>专业领域:</h5>
+                    <p>好似话费和冯绍峰积分文化扶贫</p>
+                </div>
+                <div>
+                    <h5>所在地:</h5>
+                    <p>湖南长沙</p>
+                </div>
+                <div class="summary">
+                    <h5>智者简介:</h5>
+                    <p>大安徽大大发副黑色和覅额和分公
+                        司个法师粉丝付费hi胡覅鬼斧神工发
+                        生股份顺丰速运发个 哈哈都会
+                    </p>
+                </div>
+                <div class="right_btn">
+                    <div class="btn_right">
+                        在线咨询
+                    </div>
+                    <div>
+                        线下约见
+                    </div>
+                </div>
+            </div>
+            <div class="right_bottom">
+                <h3>相关智者</h3>
+                <div>
+                    <div class="people_img">
+
+                    </div>
+                    <div class="people_text">
+                        <h5>纣洪涛</h5>
+                        <span>妇女协会会长</span>
+                        <p>哈佛舒服舒服返回上返回是否合适覅和双飞粉石灰粉长沙长沙</p>
+                    </div>
+                </div>
+                <div>
+                    <div class="people_img">
+
+                    </div>
+                    <div class="people_text">
+                        <h5>纣洪涛</h5>
+                        <span>妇女协会会长</span>
+                        <p>哈佛舒服舒服返回上返回是否合适覅和双飞粉石灰粉长沙长沙</p>
+                    </div>
+                </div>
+                <div>
+                    <div class="people_img">
+
+                    </div>
+                    <div class="people_text">
+                        <h5>纣洪涛</h5>
+                        <span>妇女协会会长</span>
+                        <p>哈佛舒服舒服返回上返回是否合适覅和双飞粉石灰粉长沙长沙</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="thinkdetail_bottom">
+        <div class="bottom_title">
+            <div>
+                一起来倾听客户的声音
+                <h3>智者评价</h3>
+                <div></div>
+            </div>
+        </div>
+        <div class="bottom_cont">
+            <div>
+                <div class="bottom_conttext">
+                    很符合我是否合法 即佛了辐射服 接送费聚四氟及反思和方式飞 就爱减肥 佛啊减肥
+                </div>
+                <img src="../../img/thinker_detail5.png" alt=""/>
+                <div>
+                    <div class="bottompeople_img">
+
+                    </div>
+                    <div class="bottompeople_text">
+                        <h5>纣洪涛</h5>
+                        <span>妇女协会会长</span>
+                    </div>
+                </div>
+            </div>
+            <div>
+                <div class="bottom_conttext">
+                    很符合我是否合法 即佛了辐射服 接送费聚四氟及反思和方式飞 就爱减肥 佛啊减肥
+                </div>
+                <img src="../../img/thinker_detail3.png" alt=""/>
+                <div>
+                    <div class="bottompeople_img">
+
+                    </div>
+                    <div class="bottompeople_text">
+                        <h5>纣洪涛</h5>
+                        <span>妇女协会会长</span>
+                    </div>
+                </div>
+            </div>
+            <div>
+                <div class="bottom_conttext">
+                    很符合我是否合法 即佛了辐射服 接送费聚四氟及反思和方式飞 就爱减肥 佛啊减肥
+                </div>
+                <img src="../../img/thinker_detail5.png" alt=""/>
+                <div>
+                    <div class="bottompeople_img">
+
+                    </div>
+                    <div class="bottompeople_text">
+                        <h5>纣洪涛</h5>
+                        <span>妇女协会会长</span>
+                    </div>
+                </div>
+            </div>
+            <div>
+                <div class="bottom_conttext">
+                    很符合我是否合法 即佛了辐射服 接送费聚四氟及反思和方式飞 就爱减肥 佛啊减肥
+                </div>
+                <img src="../../img/thinker_detail5.png" alt=""/>
+                <div>
+                    <div class="bottompeople_img">
+
+                    </div>
+                    <div class="bottompeople_text">
+                        <h5>纣洪涛</h5>
+                        <span>妇女协会会长</span>
+                    </div>
+                </div>
+            </div>
+            <div>
+                <div class="bottom_conttext">
+                    很符合我是否合法 即佛了辐射服 接送费聚四氟及反思和方式飞 就爱减肥 佛啊减肥
+                </div>
+                <img src="../../img/thinker_detail5.png" alt=""/>
+                <div>
+                    <div class="bottompeople_img">
 
+                    </div>
+                    <div class="bottompeople_text">
+                        <h5>纣洪涛</h5>
+                        <span>妇女协会会长</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
 <!--主体内容区域结束-->
 <div id="bottom">
     <div class="bottom">