Skip to content

G
gs1
Commit dd003837 by Lyan
Options

中国物品编码中心—商品条码与编码网络基地专题添加

parent 6afc2c9d
Showing with 1161 additions and 0 deletions
src/router/index.js
......@@ -1833,6 +1833,14 @@ const routes = [
},
component: () => import("@/views/topic/xiangma/changyi"),
},
{
path: "/News/topic/tiaomajidi",
name: 'tiaomajidi',
meta: {
name: "中国物品编码中心—商品条码与编码网络基地",
},
component: () => import("@/views/topic/tiaomajidi"),
},
// 专题end
];
const router = new VueRouter({
......
src/views/topic/tiaomajidi.vue 0 → 100644
<template>
<div style="background:#f2f2f2">
<div id="head">
<a href="/index" style="color:blue; font-size:medium;" target="_blank"><strong>首页</strong></a>丨 <a href="/News/DepthTopics" style=" color:blue; font-size:medium;" target="_blank"><strong>深度专题</strong></a></div>
<div id="wrap">
<!--头-->
<div id="header"></div>
<!--/头-->
<!--左-->
<div id="left_side">
<!--slider-->
<div id="slide">
<ul>
<li style="display: none; opacity: 1;"><a href="http://www.gs1cn.org/search/gln" target="_blank"><img src="./img/tiaomajidi/GLN1.jpg" alt="" width="680"></a></li>
<li style="display: block; opacity: 1;"><a href="http://www.gs1cn.org/search/gln" target="_blank"><img src="./img/tiaomajidi/GLN2.jpg" alt="" width="680"></a></li>
<li style="display: none; opacity: 1;"><a href="http://www.gs1cn.org/search/gln" target="_blank"><img src="./img/tiaomajidi/GLN3.jpg" alt="" width="680"></a></li>
<li style="display: none; opacity: 1;"><a href="http://www.gs1cn.org/search/gln" target="_blank"><img src="./img/tiaomajidi/GLN4.jpg" alt="" width="680"></a></li>
</ul>
<dl>
<dd class="">1</dd>
<dd class="current">2</dd>
<dd class="">3</dd>
<dd class="">4</dd>
</dl>
</div>
<!--/slider-->
<!--行业应用-->
<div class="clm_title">
<h6 class="clm_title_txt">行业应用</h6>
<i class="clm_title_right"></i>
</div>
<div id="focus_Box">
<span class="prev">&nbsp;</span>
<span class="next">&nbsp;</span>
<ul>
<li style="display: block; width: 82px; height: 133px; top: 20px; left: 135px; z-index: 1;">
<a ><img width="122" height="173" alt="医疗卫生行业条码应用" src="./img/tiaomajidi/hy4.jpg" style="opacity: 1;"></a>
<p>
<span>医疗卫生</span>
</p>
</li><li style="display: block; width: 102px; height: 153px; top: 10px; left: 197px; z-index: 2;">
<a href="http://www.gs1cn.org/News/MCommerce" target="_blank"><img width="122" height="173" alt="移动商务条码应用" src="./img/tiaomajidi/hy5.jpg" style="opacity: 1;"></a>
<p>
<span>移动商务</span>
</p>
</li><li style="display: block; width: 122px; height: 173px; top: 0px; left: 279px; z-index: 3;">
<a href="http://www.gs1cn.org/News/Retail" target="_blank"><img width="122" height="173" alt="零售行业条码应用" src="./img/tiaomajidi/hy6.jpg" style="opacity: 1;"></a>
<p>
<span>零售</span>
</p>
</li><li style="display: block; width: 102px; height: 153px; top: 10px; left: 381px; z-index: 2;">
<a href="http://www.gs1cn.org/News/IoT" target="_blank"><img width="122" height="173" alt="物联网行业条码应用" src="./img/tiaomajidi/hy7.jpg" style="opacity: 1;"></a>
<p>
<span>物联网</span>
</p>
</li><li style="display: block; width: 82px; height: 133px; top: 20px; left: 463px; z-index: 1;">
<a href="http://www.gs1cn.org/News/ECommerce" target="_blank"><img width="122" height="173" alt="电子商务行业条码应用" src="./img/tiaomajidi/hy8.jpg" style="opacity: 1;"></a>
<p>
<span>电子商务</span>
</p>
</li><li style="display: none; width: 0px; height: 0px; top: 37px; left: 340px; z-index: 1;">
<a href="http://www.gs1cn.org/News/Othe" target="_blank"><img width="122" height="173" alt="其他行业条码应用" src="./img/tiaomajidi/hy9.jpg" style="opacity: 1;"></a>
<p>
<span>其他行业</span>
</p>
</li><li style="display: none; width: 0px; height: 0px; top: 37px; left: 340px; z-index: 1;">
<a href="http://www.gs1cn.org/News/FoodSafety" target="_blank"><img width="122" height="173" alt="食品行业条码应用" src="./img/tiaomajidi/hy1.jpg" style="opacity: 1;"></a>
<p>
<span>中国食品的跨国追溯</span>
</p>
</li><li style="display: none; width: 0px; height: 0px; top: 37px; left: 340px; z-index: 1;">
<a href="http://www.gs1cn.org/News/FoodSafety" target="_blank"><img width="122" height="173" alt="食品行业条码应用" src="./img/tiaomajidi/hy2.jpg" style="opacity: 1;"></a>
<p>
<span>GS1追溯标准在食品安全领域中的应用</span>
</p>
</li><li style="display: none; width: 0px; height: 0px; top: 37px; left: 340px; z-index: 1;">
<a href="http://www.gs1cn.org/News/Logistics" target="_blank"><img width="122" height="173" alt="食品行业条码应用" src="./img/tiaomajidi/hy3.jpg" style="opacity: 1;"></a>
<p>
<span>储运包装商品条码（箱码）在供应链中的应用</span>
</p>
</li></ul>
</div>
<!-- <script type="text/javascript" src="script/ZoomPic.js"></script> -->
<!--/行业应用-->
<!--学习基地-->
<div class="clm_title">
<h6 class="clm_title_txt">学习基地</h6>
<i class="clm_title_right"></i>
</div>
<h5 class="jd_title">【商务部—商务培训网】商品条码与商品流通教学视频</h5>
<div class="clear"></div>
<dl class="video_list">
<dd>
<img src="./img/tiaomajidi/jd1.jpg" alt="">
<a href="http://training.mofcom.gov.cn/jsp/sites/teachershow.jsp?t_id=100000&amp;isTuser=0" class="txt_535353" target="_blank">主讲人：韩树文</a>
</dd>
<dt>
<a href="http://training.mofcom.gov.cn/jsp/sites/ketang.jsp?le_id=69807&amp;bd_id=12000#" target="_blank">第一讲 物品编码与条码自动识别技术</a>
<p class="txt_535353">
一 、物品编码<br>
二 、自动识别技术 <br>
三、商品流通与物流供应链条码应用系统
</p>
</dt>
</dl>
<dl class="video_list">
<dd>
<img src="./img/tiaomajidi/jd2.jpg" alt="">
<a href="http://training.mofcom.gov.cn/jsp/sites/teachershow.jsp?t_id=85405&amp;isTuser=0" class="txt_535353" target="_blank">主讲人：文向阳</a>
</dd>
<dt>
<a href="http://training.mofcom.gov.cn/jsp/sites/ketang.jsp?le_id=69807&amp;bd_id=12000#" target="_blank">第二讲 商品条码标识系统在食品质量安全追溯中的应用</a>
<p class="txt_535353">
一、 <br>
商品条码标识系统在食品质量安全追溯中的应用
</p>
</dt>
</dl>
<dl class="video_list">
<dd>
<img src="./img/tiaomajidi/jd3.jpg" alt="">
<a href="http://training.mofcom.gov.cn/jsp/sites/teachershow.jsp?t_id=99800&amp;isTuser=0" class="txt_535353" target="_blank">主讲人：王尚书</a>
</dd>
<dt>
<a href="http://training.mofcom.gov.cn/jsp/sites/ketang.jsp?le_id=69807&amp;bd_id=12000#" target="_blank">第三讲 条码技术在电子商务物流中的应用</a>
<p class="txt_535353">
一 、<br>
条码技术在电子商务物流中的应用
</p>
</dt>
</dl>
<dl class="video_list">
<dd>
<img src="./img/tiaomajidi/jd4.jpg" alt="">
<a href="http://training.mofcom.gov.cn/jsp/sites/teachershow.jsp?t_id=99801&amp;isTuser=0" class="txt_535353" target="_blank">主讲人：张旭</a>
</dd>
<dt>
<a href="http://training.mofcom.gov.cn/jsp/sites/ketang.jsp?le_id=69807&amp;bd_id=12000#" target="_blank">第四讲 物联网与编码标识</a>
<p class="txt_535353">
一 、<br>
物联网与编码标识
</p>
</dt>
</dl>
<div class="clear"></div>
<!--/学习基地-->
<h5 class="jd_title">快速了解条码知识</h5>
<div class="clear"></div>
<!--条码知识tab-->
<i class="tree"></i>
<ul class="zs_choce">
<li id="one1" @click="setTab('one',1,5)" class="hover">是不是很贵</li>
<li id="one2" @click="setTab('one',2,5)">多久能办好</li>
<li id="one3" @click="setTab('one',3,5)">没有行不行</li>
<li id="one4" @click="setTab('one',4,5)">怎么样编码</li>
<li id="one5" @click="setTab('one',5,5)">要不要通报</li>
</ul>
<div class="clear"></div>
<div class="zs_main">
<div id="con_one_1">
<p>答：您应该是在问注册一个厂商识别代码需要多少钱吧？一般企业注册厂商识别代码需要3000元 （含两年的系统维护费）。也就是说，企业注册一个全球通用的厂商识别代码后，每年只需花费一千元 （系统维护费1000元/年），就可以为一万种产品进行编码。集团公司和进出口公司的注册费相对高点， 集团公司需要4000元，进出口公司需要5000元。</p>
</div>
<div id="con_one_2" style="display:none">
<p>答：一般10个工作日。中国物品编码中心在全国设有47个分支机构，请到所在地的编码分支机构办理申请手续，登录我们的网站www.gs1cn.org,可以找到各地编码分支机构的联系方式。 企业需携带公章、营业执照或相关合法经营资质证明及复印件，到所在地的编码分支机构办理申请手续。若企业需要加急，可以在所在地编码分支机构初审合格后，直接到中国物品编码中心办理，在中国物品编码中心办理的时间一般为一个工作日。</p>
</div>
<div id="con_one_3" style="display:none">
<p>答：条码是迄今为止最经济实用的一种自动识别和数据采集技术，具有操作简单、信息采集速度快、采集信息量大、可靠性高、投入成本低等优点；是世界通用的商务语言，全球已有150多个国家，几百万企业在使用，得到全世界采购商、消费者的普遍认可，应用覆盖了生产、加工、仓储、物流、销售等整个供应链标识。在国际贸易中，如果没有条码，一般进不了正规的商场与超市；如果你公司的产品在国内商场或超市出售也必须要有条码。</p>
</div>
<div id="con_one_4" style="display:none">
<p>答：通常一个零售商品条码由“厂商识别代码+商品项目代码+校验码”13位数字组成。厂商识别代码由7-10位数字组成，中国物品编码中心统一向申请厂商分配；商品项目代码由2-5位数字组成，由厂商根据商品条码编码规则自行分配；校验码用由1位数字组成，用来检验整个编码的正误，其计算方法参见GB 12904-2008《商品条码 零售商品编码与条码表示》国家标准。</p>
</div>
<div id="con_one_5" style="display:none">
<p>答：企业在编制完商品条码后，需要将商品条码的相关信息通过中国商品信息服务平台通报到中国物品编码中心，以备市场核查。通报流程：先联系所在地编码分支机构，免费领取条码卡；再根据条码卡提示账号登录中国商品信息服务平台通报产品编码信息。</p>
</div>
</div>
<!--/条码知识tab-->
<!--条码知识栏一-->
<div class="zs_clm1">
<div class="zs_clm_title">
<a href="http://www.gs1cn.org/search/tool" target="_blank" class="zs_clm_more">更多&gt;&gt;</a>
<h6>条码信息查询</h6>
</div>
<div class="zs_clm_main">
<dl>
<dt>
<a target="_blank" title="" href="http://www.gs1cn.org/search/internal"><img alt="境内条码信息查询" src="./img/tiaomajidi/tiao01.jpg"></a><br>
<a target="_blank" title="" href="http://www.gs1cn.org/search/internal">境内条码信息查询</a>
</dt>
<dt>
<a target="_blank" title="" href="http://www.gs1cn.org/search/external"><img alt="境内条码信息查询" src="./img/tiaomajidi/tiao02.jpg"></a><br>
<a target="_blank" title="" href="http://www.gs1cn.org/search/external">境外条码信息查询</a>
</dt>
<dt>
<a target="_blank" title="" href="http://www.gs1cn.org/search/shortcode"><img alt="境内条码信息查询" src="./img/tiaomajidi/tiao03.jpg"></a><br>
<a target="_blank" title="" href="http://www.gs1cn.org/search/shortcode">缩短码查询</a>
</dt>
<dt>
<a target="_blank" title="" href="http://www.gs1cn.org/search/gln"><img alt="境内条码信息查询" src="./img/tiaomajidi/tiao04.jpg"></a><br>
<a target="_blank" title="" href="http://www.gs1cn.org/search/gln">GLN查询</a>
</dt>
</dl>
</div>
</div>
<!--/条码知识栏一-->
<!--条码知识栏二-->
<div class="zs_clm2">
<div class="zs_clm_title">
<h6>GS1系统基础知识</h6>
</div>
<div class="zs_clm_main">
<ul class="zs_list">
<li><a href="http://www.gs1cn.org/Knowledge/GS1System/GS1System" target="_blank">概述</a></li>
<li><a href="http://www.gs1cn.org/Knowledge/GS1System/bmtx" target="_blank">编码体系</a></li>
<li><a href="http://www.gs1cn.org/Knowledge/GS1System/sjzttx" target="_blank">数据载体体系</a></li>
<li><a href="http://www.gs1cn.org/Knowledge/GS1System/sjjhtx" target="_blank">数据交换体系</a></li>
<li><a href="http://www.gs1cn.org/Knowledge/BarcodeArticle" target="_blank">好处</a></li>
<li><a href="http://www.gs1cn.org/News/index" target="_blank">应用领域</a></li>
</ul>
</div>
</div>
<!--/条码知识栏二-->
<!--条码知识栏三-->
<div class="zs_clm3">
<div class="zs_clm_title">
<h6>专业术语</h6>
</div>
<div class="zs_clm_main">
<ul class="zs_list zs_list2">
<li><a href="http://www.gs1cn.org/Knowledge/GS1System/goodsGln" target="_blank">商品条码</a></li>
<li><a href="http://www.gs1cn.org/Knowledge/GS1System/goodsEpc" target="_blank">产品电子代码</a></li>
<li><a href="http://www.gs1cn.org/Knowledge/GS1System/goodsGDS" target="_blank">全球商品数据同步</a></li>
<li><a href="http://www.gs1cn.org/Knowledge/GS1System/goodsPosition" target="_blank">全球位置编码</a></li>
<li><a href="http://www.gs1cn.org/Knowledge/GS1System/ewbm" target="_blank">二维条码</a></li>
<li><a href="http://www.gs1cn.org/Knowledge/GS1System/ebxml " target="_blank">ebXML</a></li>
<li><a href="http://www.gs1cn.org/Knowledge/GS1System/gxfECR" target="_blank">高效消费者响应 </a></li>
</ul>
</div>
</div>
<!--/条码知识栏三-->
<div class="clear"></div>
<!--服务平台-->
<div id="pt_bg">
<span id="two1" @click="setTab('two',1,3)" class="hover">加入的五大理由</span>
<span id="two2" @click="setTab('two',2,3)">全球信息共享</span>
<span id="two3" @click="setTab('two',3,3)">条码数据库</span>
<div class="pt_main">
<div id="con_two_1"><a href="http://www.gds.org.cn/" target="_blank"><img src="./img/tiaomajidi/1.jpg" alt=""></a></div>
<div id="con_two_2" style="display:none"><a href="http://www.gds.org.cn/" target="_blank"><img src="./img/tiaomajidi/2.jpg" alt=""></a></div>
<div id="con_two_3" style="display:none"><a href="http://www.gds.org.cn/" target="_blank"><img src="./img/tiaomajidi/3.jpg" alt=""></a></div>
</div>
</div>
<!--/服务平台-->
</div>
<!--/左-->
<!--右-->
<div id="right_side">
<!--资讯动态-->
<div class="clm_title">
<h6 class="clm_title_txt">资讯动态</h6>
<i class="clm_title_right"></i>
</div>
<div id="news">
<ul class="news_list">
<li><a href="http://www.gs1cn.org/News/article.aspx?Id=6857" target="_blank">零售业突围在即：倡导统一编码标准 打造协同供应链<span class="txt_172b80">(详情)</span></a></li>
<li><a href="http://www.gs1cn.org/News/article.aspx?&amp;id=6702" target="_blank">我国外贸B2B将率先采用全球产品“身份证”<span class="txt_172b80">(详情)</span></a></li>
<li><a href="http://www.gs1cn.org/News/article.aspx?&amp;id=6754" target="_blank">“国家重点食品（产品）质量安全追溯物联网应用示范工程”项目启动会在贵阳召开<span class="txt_172b80">(详情)</span></a></li>
<li><a href="http://www.gs1cn.org/News/article.aspx?id=6774" target="_blank">“小条码带来大变革——GS1全球统一编码标识系统40周年<span class="txt_172b80">(详情)</span></a></li>
<li><a href="http://www.gs1cn.org/News/article.aspx?id=6252" target="_blank">“全球商品数据同步 创造供销新契机<span class="txt_172b80">(详情)</span></a></li>
</ul>
</div>
<!--/资讯动态-->
<!--视频-->
<div class="clm_title">
<h6 class="clm_title_txt">视频</h6>
<i class="clm_title_right"></i>
</div>
<div id="video"><a href="http://www.gs1cn.org/News/VideoDetails.aspx?id=106" target="_blank"><img src="./img/tiaomajidi/temp2.jpg" width="280" height="237"></a></div>
<!--/视频-->
<!--专访-->
<div id="zf_wrap">
<div class="zf_main" id="con_three_1">
<a href="http://www.gs1cn.org/" target="_blank"><img src="./img/tiaomajidi/242X64.jpg" alt=""></a>
<p><a href="http://www.gs1cn.org/Org/Intro.aspx" target="_blank">中国物品编码中心是统一组织、协调、管理我国商品条码、物品编码与自动识别技术的专门机构，隶属于国家市场监督管理总局，1988年成立，1991年4月代表我国加入国际物品编码组织（GS1），负责推广国际通用的、开放的、跨行业的全球统一标识系统和供应链管理标准。...<span class="txt_172b80">(详情)</span></a></p>
</div>
</div>
<!--/专访-->
<!--活动-->
<div class="clm_title">
<h6 class="clm_title_txt">最新活动</h6>
<i class="clm_title_right"></i>
</div>
<div id="hd_wrap">
<ul class="hd_list">
<li>中国物品编码中心亿邦社区互动敬请期待...<span class="txt_172b80"></span></li>
<br>
<li>中国物品编码中心演讲ppt即将上线...<span class="txt_172b80"></span></li>
</ul>
</div>
<!--/活动-->
<!--服务-->
<div id="service">
<a href="http://www.aqsiq.gov.cn/cjsfw/sptm/index.htm" target="_blank" class="service_title"></a>
<a href="http://www.aqsiq.gov.cn/cjsfw/sptm/sqtm/bllc.htm" class="s1" target="_blank">我要申请条码</a>
<a href="http://www.aqsiq.gov.cn/cjsfw/sptm/xz/bllc.htm" class="s2" target="_blank">我要续展</a>
<a href="http://www.aqsiq.gov.cn/cjsfw/sptm/bgxx/bllc.htm" class="s3" target="_blank">我要变更信息</a>
<a href="http://www.aqsiq.gov.cn/cjsfw/sptm/bm/lssp/step1.htm" class="s4" target="_blank">零售商品</a>
<a href="http://www.aqsiq.gov.cn/cjsfw/sptm/bm/flssp/step01.htm" class="s5" target="_blank">非零售商品</a>
<a href="http://www.aqsiq.gov.cn/cjsfw/sptm/bm/wldy/step001.htm" class="s6" target="_blank">物流单元</a>
<a href="http://www.aqsiq.gov.cn/cjsfw/sptm/tb/sq.htm" class="s7" target="_blank">申请条码卡</a>
<a href="http://www.aqsiq.gov.cn/cjsfw/sptm/tb/qy.htm" class="s8" target="_blank">启用条码卡</a>
<a href="http://www.aqsiq.gov.cn/cjsfw/sptm/tb/tb.htm" class="s9" target="_blank">通报编码信息</a>
</div>
<!--/服务-->
</div>
<!--/右-->
<div class="clear"></div>
<!--脚-->
<div id="footer">
<p>
<a href="/link.aspx" target="_blank">网站声明</a>丨
<a href="/Org/Intro.aspx" target="_blank">关于中心</a>丨
<a href="/Org/Branch.aspx" target="_blank">分支机构</a>丨
<a href="/recruit.aspx" target="_blank">诚聘英才</a>丨
<a href="/News/contribute.aspx" target="_blank">在线投稿</a>丨
<a href="/Org/Intro.aspx#corpmap" target="_blank">联系我们</a>丨
<a href="/GS1ChinaEN/index.aspx" target="_blank">English</a></p>
<p class="Copyright">版权所有：中国物品编码中心</p>
<p>全国统一咨询服务电话：400-7000-690</p>
<p><a target="_blank" href="http://www.miibeian.gov.cn/">京ICP备11036137号-10</a> | <span>京公网安备110102003074号</span></p>
<address>地址：北京市东城区安定门外大街136号皇城国际大厦B座3-6层 | 邮编：100011</address>
<p></p>
</div>
<!--/脚-->
<!-- 页脚 -->
</div>
<!--
<script type="text/javascript" src="script/common.js"></script>
<script type="text/javascript" src="script/slide.js"></script> -->
</div>
</template>
<script>
</script>
<script>
export default {
name: 'detail',
data() {
return {
}
},
mounted(){
function ZoomPic ()
{
this.initialize.apply(this, arguments)
}
ZoomPic.prototype =
{
initialize : function (id)
{
var _this = this;
this.wrap = typeof id === "string" ? document.getElementById(id) : id;
this.oUl = this.wrap.getElementsByTagName("ul")[0];
this.aLi = this.wrap.getElementsByTagName("li");
this.prev = this.wrap.getElementsByTagName("span")[0];
this.next = this.wrap.getElementsByTagName("span")[1];
this.timer = 1000;
this.aSort = [];
this.iCenter = 2;
this._doPrev = function () {return _this.doPrev.apply(_this)};
this._doNext = function () {return _this.doNext.apply(_this)};
this.options = [
/*{width:476, height:210, top:40, left:0, zIndex:1},
{width:426, height:250, top:20, left:50, zIndex:2},
{width:654, height:290, top:0, left:150, zIndex:3},
{width:426, height:250, top:20, left:480, zIndex:2},
{width:476, height:210, top:40, left:476, zIndex:1},*/
{width:82, height:133, top:20, left:135, zIndex:1},
{width:102, height:153, top:10, left:197, zIndex:2},
{width:122, height:173, top:0, left:279, zIndex:3},
{width:102, height:153, top:10, left:381, zIndex:2},
{width:82, height:133, top:20, left:463, zIndex:1},
];
for (var i = 0; i < this.aLi.length; i++) this.aSort[i] = this.aLi[i];
this.aSort.unshift(this.aSort.pop());
this.setUp();
this.addEvent(this.prev, "click", this._doPrev);
this.addEvent(this.next, "click", this._doNext);
this.doImgClick();
this.timer = setInterval(function ()
{
_this.doNext()
}, 3000);
this.wrap.onmouseover = function ()
{
clearInterval(_this.timer)
};
this.wrap.onmouseout = function ()
{
_this.timer = setInterval(function ()
{
_this.doNext()
}, 3000);
}
},
doPrev : function ()
{
this.aSort.unshift(this.aSort.pop());
this.setUp()
},
doNext : function ()
{
this.aSort.push(this.aSort.shift());
this.setUp()
},
doImgClick : function ()
{
var _this = this;
for (var i = 0; i < this.aSort.length; i++)
{
this.aSort[i].onclick = function ()
{
if (this.index > _this.iCenter)
{
for (var i = 0; i < this.index - _this.iCenter; i++) _this.aSort.push(_this.aSort.shift());
_this.setUp()
return false//ljy add
}
else if(this.index < _this.iCenter)
{
for (var i = 0; i < _this.iCenter - this.index; i++) _this.aSort.unshift(_this.aSort.pop());
_this.setUp()
}
}
}
},
setUp : function ()
{
var _this = this;
var i = 0;
for (i = 0; i < this.aSort.length; i++) this.oUl.appendChild(this.aSort[i]);
for (i = 0; i < this.aSort.length; i++)
{
this.aSort[i].index = i;
if (i < 5)
{
this.css(this.aSort[i], "display", "block");
this.doMove(this.aSort[i], this.options[i], function ()
{
_this.doMove(_this.aSort[_this.iCenter].getElementsByTagName("img")[0], {opacity:100}, function ()
{
_this.doMove(_this.aSort[_this.iCenter].getElementsByTagName("img")[0], {opacity:100}, function ()
{
_this.aSort[_this.iCenter].onmouseover = function ()
{
_this.doMove(this.getElementsByTagName("div")[0], {bottom:0})
};
_this.aSort[_this.iCenter].onmouseout = function ()
{
_this.doMove(this.getElementsByTagName("div")[0], {bottom:-100})
}
})
})
});
}
else
{
this.css(this.aSort[i], "display", "none");
this.css(this.aSort[i], "width", 0);
this.css(this.aSort[i], "height", 0);
this.css(this.aSort[i], "top", 37);
this.css(this.aSort[i], "left", this.oUl.offsetWidth / 2)
}
if (i < this.iCenter || i > this.iCenter)
{
this.css(this.aSort[i].getElementsByTagName("img")[0], "opacity", 100)
this.aSort[i].onmouseover = function ()
{
_this.doMove(this.getElementsByTagName("img")[0], {opacity:100})
};
this.aSort[i].onmouseout = function ()
{
_this.doMove(this.getElementsByTagName("img")[0], {opacity:100})
};
this.aSort[i].onmouseout();
}
else
{
this.aSort[i].onmouseover = this.aSort[i].onmouseout = null
}
}
},
addEvent : function (oElement, sEventType, fnHandler)
{
return oElement.addEventListener ? oElement.addEventListener(sEventType, fnHandler, false) : oElement.attachEvent("on" + sEventType, fnHandler)
},
css : function (oElement, attr, value)
{
if (arguments.length == 2)
{
return oElement.currentStyle ? oElement.currentStyle[attr] : getComputedStyle(oElement, null)[attr]
}
else if (arguments.length == 3)
{
switch (attr)
{
case "width":
case "height":
case "top":
case "left":
case "bottom":
oElement.style[attr] = value + "px";
break;
case "opacity" :
oElement.style.filter = "alpha(opacity=" + value + ")";
oElement.style.opacity = value / 100;
break;
default :
oElement.style[attr] = value;
break
}
}
},
doMove : function (oElement, oAttr, fnCallBack)
{
var _this = this;
clearInterval(oElement.timer);
oElement.timer = setInterval(function ()
{
var bStop = true;
for (var property in oAttr)
{
var iCur = parseFloat(_this.css(oElement, property));
property == "opacity" && (iCur = parseInt(iCur.toFixed(2) * 100));
var iSpeed = (oAttr[property] - iCur) / 5;
iSpeed = iSpeed > 0 ? Math.ceil(iSpeed) : Math.floor(iSpeed);
if (iCur != oAttr[property])
{
bStop = false;
_this.css(oElement, property, iCur + iSpeed)
}
}
if (bStop)
{
clearInterval(oElement.timer);
fnCallBack && fnCallBack.apply(_this, arguments)
}
}, 30)
}
};
window.onload = function ()
{
new ZoomPic("focus_Box");
};
var DOM={}//鍛藉悕绌洪棿
//鍒ゆ柇IE鐗堟湰
var isIE=!!window.ActiveXObject;
var isIE6=isIE&&!window.XMLHttpRequest;
var isIE7=isIE&&!isIE6&&!isIE8;
var isIE8=isIE&&!!document.documentMode;
DOM.getElementsByClassName=function (className,parentEle,tagName){
if(parentEle){
//parentEle=parentEle
}else {
parentEle=document
}
if(tagName){
var eles=parentEle.getElementsByTagName(tagName);
var a=[];
for(var i=0;i<eles.length;i++){
//srt.indexOf('a')
if(eles.item(i).className.search( (new RegExp("\\b" + className + "\\b") ))>-1&&eles.item(i).tagName.toLowerCase()==tagName.toLowerCase()){
a.push(eles.item(i));
}
}
}else{
var eles=parentEle.getElementsByTagName('*');
var a=[];
for(var i=0;i<eles.length;i++){
if(eles.item(i).className.search( (new RegExp("\\b" + className + "\\b") ))>-1){
a.push(eles.item(i));
}
}
}
return a;
}
DOM.addClass=function (ele,className){
if(ele&&ele.nodeType&&ele.nodeType==1){//缁欏崟涓殑HTML鍏冪礌澧炲姞绫绘牱寮�
ele.className+=' '+className;
}
if(ele&&ele.length&&ele.length>0&&ele[0].nodeType&&ele[0].nodeType==1){//缁欎竴缁勶紙闆嗗悎鎴栨暟缁勶級澧炲姞绫�
for(var i=0;i<ele.length;i++){
ele[i].className+=' '+className;
}
}
}
DOM.removeClass=function (ele,className){
if(ele&&ele.nodeType&&ele.nodeType==1){
if(ele.className.search( (new RegExp("\\b" + className + "\\b") ))>-1){
ele.className=ele.className.replace((new RegExp("\\b" + className + "\\b") ),'');
}
}
if(ele&&ele.length&&ele.length>0&&ele[0].nodeType&&ele[0].nodeType==1){//缁欎竴缁勶紙闆嗗悎鎴栨暟缁勶級澧炲姞绫�
for(var i=0;i<ele.length;i++){
if(ele[i].className.search( (new RegExp("\\b" + className + "\\b") ))>-1){
ele[i].className=ele[i].className.replace((new RegExp("\\b" + className + "\\b") ),'');
}
}
}
}
DOM.getElementChildren=function (ele,tagName){
if(!ele){
alert('arguments error!')
return
}
if(ele.nodeType!==1){
return;
}
var a=[]
var children=ele.childNodes;
if(tagName){
if(typeof tagName!='string')
return;
for(var i=0;i<children.length;i++){
if(children.item(i).nodeType===1&&children.item(i).tagName.toLowerCase()==tagName.toLowerCase()){
a.push(children.item(i));
}
}
}else{
for(var i=0;i<children.length;i++){
if(children.item(i).nodeType===1){
a.push(children.item(i))
}
}
}
return a;
}
DOM.siblings=function (ele){
//var oLi=document.getElementById('li3');
if(!ele){
alert('arguments error!')
return;
}
if(ele.nodeType!==1){
alert('鍙傛暟绫诲瀷涓嶅');
return;
}
var a=[]
var p=ele.previousSibling;
while(p){
if(p.nodeType===1)
a.push(p);
p=p.previousSibling;
}
a.reverse();
var n=ele.nextSibling;
while(n){
if(n.nodeType===1)
a.push(n);
n=n.nextSibling;
}
return a
}
DOM.getIndex=function(ele){
var a=[];
if(ele&&ele.nodeType&&ele.nodeType==1)//1.鏈夊弬鏁颁紶杩涙潵锛�2.鍙傛暟蹇呴』鏄疍OM鑺傜偣锛�3.鍙傛暟蹇呴渶鏄疍OM鐨勫厓绱犵被鍨嬬殑鑺傜偣
{
var oParent=ele.parentNode;//鑾峰彇杩欎釜鍏冪礌鐨勭埗绾ц妭鐐�
var oChilds=DOM.getElementChildren(oParent)//鎵捐繖涓厓绱犵殑鎵€鏈夌殑鍏冪礌绫诲瀷鐨勫瓙鑺傜偣
for(var i=0;i<oChilds.length;i++){
if(oChilds[i]==ele)//濡傛灉褰撳墠鐨勮繖涓瓙鑺傜偣鍜宔le涓€鏍凤紝鍒欒〃绀哄綋鍓嶈繖涓妭鍜宔le涓€鏍凤紝鍒檌鏃负ele鐨勭储寮曞彿
return i;
}
}else
{
alert('arguments error!')
return ;
}
}
DOM.insertAfter = function(newEle,targetEle){
/*
newEle:鏂板厓绱�
targetEle:鐩爣鍏冪礌
*/
var parent = targetEle.parentNode;
if(parent.lastChild === targetEle){
parent.appendChild(newEle);
}else{
parent.insertBefore(newEle,targetEle.nextSibling);
}
}
DOM.addLoadEvent = function(func){
var oldonload = window.onload;
if(typeof window.onload != 'function'){//濡傛灉娌℃湁琚崰鐢紝璧嬩簣鏂规硶
window.onload = func;
}else{
window.onload = function(){//濡傛灉宸茬粡鍗犵敤锛屽厛鎵ц鍘熷厛鐨勬柟娉曪紝鍐嶆墽琛屾柊鏂规硶
oldonload();
func();
}
}
}
DOM.addStyle = function (ele,attr,value){
switch(attr){
case 'float':
ele.style.styleFloat=value;
ele.style.cssFloat=value;
break;
case 'opacity':
ele.style.filter="alpha(opacity:"+value+")";
ele.style.opacity=value/100;//W3C 0-1灏忔暟
//IE 1-100鏁存暟
break;
default:
ele.style[attr]=value;
}
}
DOM.css=function(ele,attr,value){
if(ele&&ele.nodeType&&ele.nodeType==1)
if(typeof attr == 'object'){//濡傛灉鍙傛暟鏄疛SON锛屽垯寰幆鏂瑰紡澧炲姞CSS鏍峰紡
for( var key in attr){
//{float:'left',opacity:0.5}
DOM.addStyle(ele,key,attr[key])
}
}else if(typeof attr == 'string'){//濡傛灉鍙傛暟鏄瓧绗︿覆锛屽垯鍗曠嫭澧炲姞
DOM.addStyle(ele,attr,value);
}
if(ele&&ele.length&&ele.length>0&&ele[0].nodeType&&ele[0].nodeType==1){
for(var i=0;i<ele.length;i++){
if(typeof attr == 'object'){//濡傛灉鍙傛暟鏄疛SON锛屽垯寰幆鏂瑰紡澧炲姞CSS鏍峰紡
for( var key in attr){
//{float:'left',opacity:0.5}
DOM.addStyle(ele[i],key,attr[key])
}}else if(typeof attr == 'string'){//濡傛灉鍙傛暟鏄瓧绗︿覆锛屽垯鍗曠嫭澧炲姞
DOM.addStyle(ele[i],attr,value);
}
}
}
}
DOM.openNewWindow = function(url){
/*
url:閾炬帴鍦板潃
*/
var oForm = document.createElement('form');
oForm.setAttribute('method','post');
oForm.setAttribute('target','_blank');
oForm.setAttribute('action',url);
document.getElementsByTagName('body').item(0).appendChild(oForm);
oForm.submit();
}
DOM.fadeIn = function(ele,speed,opacity){
/*
ele锛氬厓绱�
speed锛氶€熷害
opacity锛氶€忔槑搴�
*/
if(isIE6){//鍒ゆ柇涓篒E6锛屽幓鎺夋笎鏄炬晥鏋�
DOM.hide_select();
ele.style.display = 'block';
DOM.addStyle(ele,'opacity',opacity);
}else{
speed = speed || 5000;
opacity = opacity || 100;
var val = 1;
ele.style.display = 'block';
DOM.addStyle(ele,'opacity',opacity);
(function(){
val+=5;
// DOM.addStyle(ele,'opacity',val);
if(val < opacity){
window.setTimeout(autoMove,speed)
}
})()
}
}
DOM.fadeOut = function(ele,speed,opacity,callBack){
/*
ele锛氬厓绱�
speed锛氶€熷害
opacity锛氶€忔槑搴�
*/
if(isIE6){//鍒ゆ柇涓篒E6锛屽幓鎺夋笎闅愭晥鏋�
DOM.show_select();
ele.style.display = 'none';
if(callBack){
callBack();
}
}else{
speed = speed || 5000;
opacity = opacity||100;
var val = Number(ele.style.opacity)*100;
DOM.addStyle(ele,'opacity',opacity);
(function(){
val-=5;
DOM.addStyle(ele,'opacity',val);
if(val > opacity){
window.setTimeout(autoMove,speed)
}else if(val <= 0){
ele.style.display = 'none';
if(callBack){
callBack();
}
}
})()
}
}
//闅旇鎿嶄綔
DOM.interlaced = function(parentEle,tagName,className,num){
/*
parentEle锛氱埗绾�
tagName锛氬瓙鏍囩鍚�
className锛氭坊鍔犳牱寮忓悕
num锛氱浉闅旇鏁�
*/
num = num || 2;
if(parentEle.nodeName == 'TABLE'){//鍒ゆ柇鐖惰妭鐐规槸鍚︿负TABLE
var inter_tbody = DOM.getElementChildren(parentEle,'tbody')[0]
var inters = DOM.getElementChildren(inter_tbody,tagName);
}else{
var inters = DOM.getElementChildren(parentEle,tagName);
}
for(var i = 0; i < inters.length; i++){
if(i%num == 0){
DOM.addClass(inters[i],className)
}
}
}
//娣诲姞鏀惰棌
DOM.addFav = function(url,title){
/*
url:鍦板潃
title:椤甸潰title
*/
var url = url || document.location.href;
var title = title || document.title;
if (document.all) {
window.external.AddFavorite(url, title)
} else if (window.sidebar) {
window.sidebar.addPanel(title, url, "")
}else{
alert('娴忚鍣ㄤ笉鏀寔浜涘姛鑳斤紝璇锋寜 Ctrl + D 鏀惰棌')
}
}
//寤舵椂
DOM.delay = function(delayNum){
/*
delayNum:寤惰繜鏃堕棿
*/
var nowTime = new Date();
var exitTime = nowTime.getTime() + delayNum;
while(true){
nowTime = new Date();
if(nowTime.getTime() > exitTime)
return;
}
}
//鍐呭鍥剧墖绛夋瘮渚嬬缉鏀句竴 *****杩樺瓨鍦ㄩ棶棰�*****
DOM.resizeImages = function(parentEle,maxWidth){
// parentEle:鍥剧墖闆嗙埗鍏冪礌
// maxWidth:鏈€澶у鍊�
var images = parentEle.getElementsByTagName('img');
for(var i = 0;i<images.length;i++){
var img = new Image();
img.src = images.item(i).src;
if(img.width > maxWidth){
images.item(i).width = maxWidth;
images.item(i).height = img.height * (maxWidth/img.width);
}
}
}
//寮瑰嚭灞傛椂闅愯棌椤甸潰select鍏冪礌
DOM.hide_select = function(){
var selects = document.getElementsByTagName('select');
for(i=0;i<selects.length;i++){
selects.item(i).style.visibility = 'hidden'
}
}
//鍏抽棴寮瑰嚭灞傛椂鏄剧ず椤甸潰select鍏冪礌
DOM.show_select = function(){
var selects = document.getElementsByTagName('select');
for(i=0;i<selects.length;i++){
selects.item(i).style.visibility = 'inherit'
}
}
// slide
var timer2 = 5000;
var oDiv = document.getElementById('slide');
var oUl = oDiv.getElementsByTagName('ul').item(0);
var oDl = oDiv.getElementsByTagName('dl').item(0);
var oDd = oDl.getElementsByTagName('dd');
var timer;
var nSpeed;
//move
function move(num){
for(var i=0;i<oUl.getElementsByTagName('li').length;i++){
oUl.getElementsByTagName('li').item(i).style.display = 'none'
}
DOM.fadeIn(oUl.getElementsByTagName('li').item(num))
}
//changeCurrent
function changeCurrent(o){
for(var a=0;a<oDd.length;a++){
oDd.item(a).className = '';
oDd.item(o).className = 'current';
}
}
//bind
function bind(){
for(var i=0;i<oDd.length;i++){
(function(b){
oDd.item(b).onclick = function(){
move(b);
changeCurrent(b);
num=b+1;//鐐瑰嚮涔嬪悗锛岃鏁板櫒澧炲姞锛岃嚜鍔ㄦ挱鏀句笅涓€涓�
}
})(i)
}
}
//autoMove
var num=0;
var autoAnimate;
function autoMove(){
window.clearTimeout(autoAnimate);
if(num==oUl.getElementsByTagName('li').length){
num=0
}
move(num);
changeCurrent(num);
num++;
autoAnimate = window.setTimeout(autoMove,timer2)
}
oDiv.onmouseover = function(){window.clearTimeout(autoAnimate);}
oDiv.onmouseout = function(){autoAnimate = window.setTimeout(autoMove,3000)}
bind();
autoMove();
},
methods: {
setTab(name,cursel,n){
// let idShow= document.getElementById('con_'+ele+'_'+index)
for(let i=1;i<=n;i++){
var menu=document.getElementById(name+i);
var con=document.getElementById("con_"+name+"_"+i);
menu.className=i==cursel?"hover":"";
con.style.display=i==cursel?"block":"none";
}
}
}
}
</script>
<style lang="scss" scoped>
html,body,form,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,em,address,a,input,textarea,span,strong,img{margin:0px;padding:0px}body{font-size:12px;line-height:180%;color:#000;font-family:Arial,\5B8B\4F53}ul,ol,dl{list-style:none}input,textarea,select,button{font-size:12px}img{border:none}a{color:#000;text-decoration:none;blr:expression(this.onFocus=this.blur());outline:none}a:hover{text-decoration:underline}table{border-collapse:collapse}table,thead,tbody,tfoot,tr,td{margin:0px}.clear{clear:both;height:0px;line-height:0px;font-size:0px;overflow:hidden;visibility:hidden}
html{min-width:1002px}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal}
::selection{background:#172b80;color:#fff}
::-moz-selection{background:#172b80;color:#fff}
::-webkit-selection{background:#172b80;color:#fff}
#head{margin-left:650px;}
/* 布局 */
/*----------整体 */
body{ background-color:#f2f2f2;}
#wrap{ width:980px; overflow:hidden; margin:0 auto}
/*----------头 */
#header{ background:url(./img/tiaomajidi/header.jpg) no-repeat; height:234px; margin-bottom:5px;}
/*----------左 */
#left_side{ width:682px; float:left; overflow:hidden;}
/*slider*/
#slide{ width:682px; height:272px; overflow:hidden; position:relative; margin-bottom:17px;}
#slide ul{ position:absolute; width:682px; height:272px; overflow:hidden;}
#slide ul li{ position:absolute;top:0px;left:0px; display:none}
#slide dl{ position:absolute;right:10px; top:245px}
#slide dl dd{height:18px; text-align:center;line-height:18px;width:18px; background-color:#dbd7d5; color:#000;cursor:pointer;margin-left:5px;border-radius:9px; float:left;}
#slide dl dd.current{ background-color:#ff8a00; color:#FFF;}
.jd_title{height:23px; line-height:23px; background-color:#dbd7d5;color:#777; font-size:14px; font-weight:bold;padding:0 5px;margin:5px 0; float:left}
.video_list{width:340px; height:160px; overflow:hidden; float:left; margin-bottom:10px;}
.video_list dd{ float:left; width:130px; text-align:center;}
.video_list dt{ float:right; width:200px; padding-top:10px}
.video_list dt a:hover{ color:#162253; text-decoration:none;}
.video_list dt p{padding-top:7px; line-height:22px;}
.tree{ background:url(./img/tiaomajidi/tree.png) no-repeat; width:56px; height:54px; overflow:hidden; position:absolute; margin:-30px 0 0 606px;}
.zs_choce li{ float:left; background-color:#e6e6e6; color:#323232; margin-right:4px; height:24px; line-height:24px;padding:0 15px; cursor:pointer}
.zs_choce li.hover{ background-color:#ff8a00;color:#FFF;}
.zs_main{border:2px solid #ff8a00;padding:12px; background-color:#fff; color:#323232; margin-bottom:10px;}
.zs_main p{ background:url(./img/tiaomajidi/rss.jpg) no-repeat 0 4px; text-indent:15px;}
.zs_clm1{width:308px; float:left; overflow:hidden; margin-right:10px;}
.zs_clm2{width:165px; float:left; overflow:hidden;margin-right:10px;}
.zs_clm3{width:189px; float:left; overflow:hidden}
.zs_clm_title{ height:29px; background-color:#dfdfdf; line-height:29px;padding:0 10px; margin-bottom:2px;}
.zs_clm_title h6{ font-size:13px; font-weight:bold; color:#010101; background:url(./img/tiaomajidi/zs_clm_title.png) no-repeat 0 center;padding-left:30px;line-height: 29px;}
.zs_clm_main{border:1px solid #c2c2c2; background-color:#FFF;padding:5px; height:283px; margin-bottom:10px;}
.zs_clm_more{ color:#ff8a00; float:right}
.zs_list li{ border-bottom:1px dotted #929292;padding:10px 0 10px 50px; background:url(./img/tiaomajidi/zs_list.png) no-repeat 20px center;}
.zs_list li a{color:#323232;line-height: 21px;}
.zs_list2 li{padding:7px 0 7px 50px;}
#pt_bg{ background:url(./img/tiaomajidi/pt_bg.jpg) no-repeat; width:682px; height:270px; overflow:hidden}
#two1{ display:block; width:148px; height:27px; overflow:hidden; position:absolute; margin:113px 0 0 72px; text-align:center; line-height:27px;font-family:\5FAE\8F6F\96C5\9ED1;font-size:14px; cursor:pointer}
#two2{ display:block; width:148px; height:27px; overflow:hidden; position:absolute; margin:154px 0 0 72px;text-align:center; line-height:27px;font-family:\5FAE\8F6F\96C5\9ED1;font-size:14px;cursor:pointer}
#two3{ display:block; width:148px; height:27px; overflow:hidden; position:absolute; margin:194px 0 0 72px;text-align:center; line-height:27px;font-family:\5FAE\8F6F\96C5\9ED1; font-size:14px;cursor:pointer}
#two1.hover,#two2.hover,#two3.hover{color:#FFF;}
.pt_main{ position:absolute;margin:89px 0 0 233px;}
.zs_clm_main dl dt{ display:block; float:left; width:145px; margin-top:10px; text-align:center;}
.zs_clm_main dl dt img{ margin-bottom:10px;*margin-bottom:7px}
.zs_clm_main dl dt a{ clear:both; font:12px/12px "宋体"; line-height:12px; color:#323232;}
.zs_clm_main dl dt a:hover{ color:#930; text-decoration:underline;}
/*----------右 */
#right_side{ width:280px; float:right; overflow:hidden;}
/*news*/
#news{ background:url(./img/tiaomajidi/news_bg.jpg) no-repeat; width:280px; height:247px; overflow:hidden;margin:17px 0;}
.news_list{padding:10px 10px 0 10px}
.news_list li{ background:url(./img/tiaomajidi/clm_title_more.png) no-repeat 0 8px;padding-left:10px; margin-bottom:8px;line-height: 21.5px;}
/*video*/
#video{ width:280px; height:237px; overflow:hidden; margin:17px 0}
/*zf*/
#zf_wrap{ background:url(./img/tiaomajidi/zf_bg.jpg) no-repeat; width:270px; height:234px; overflow:hidden; margin:17px 0;padding:10px;}
#zf_wrap h5{ font-weight:bold; background:url(./img/tiaomajidi/clm_title_more.png) no-repeat 0 center;padding-left:10px; cursor:pointer}
.zf_main{ width:244px; margin:0 auto; line-height:15px;padding-top:5px;margin: 0 13px;}
.zf_main img{border:1px solid #9d9d9d;}
.zf_main p{padding:10px 5px;}
/*hd*/
#hd_wrap{ background:url(./img/tiaomajidi/hd_bg.png) no-repeat; height:98px; overflow:hidden;margin:17px 0;padding:10px;}
.hd_list li{ background:url(./img/tiaomajidi/clm_title_more.png) no-repeat 0 8px;padding-left:10px; line-height: 180%;}
/*service*/
#service{ background:url(./img/tiaomajidi/service.png) no-repeat; width:280px; height:645px; position:relative}
#service a{ position:absolute;left:104px;}
#service a.service_title{width:280px; height:120px;left:0px;}
.s1{ top:210px}
.s2{ top:305px}
.s3{ top:340px}
.s4{ top:407px}
.s5{ top:430px}
.s6{ top:450px}
.s7{ top:500px}
.s8{ top:522px}
.s9{ top:545px}
#footer{ text-align:center;padding:50px 0; clear:both}
/*共用*/
.clm_title{ background:url(./img/tiaomajidi/clm_title.png) no-repeat; height:23px; line-height:23px;padding-left:10px;}
.clm_title_right{ background:url(./img/tiaomajidi/clm_title.png) no-repeat right bottom;height:23px; width:10px; overflow:hidden; float:right}
.clm_title_txt{ float:left; font-size:14px; color:#373737;font-family:\5FAE\8F6F\96C5\9ED1;line-height: 23px;}
.clm_title_more{ float:right; color:#172b80; background:url(./img/tiaomajidi/clm_title_more.png) no-repeat right center;padding-right:10px;}
/* container2 */
#cover{width:610px; overflow:hidden;height:210px;padding-top:10px;margin-left:35px; position:relative}
/* focus_Box */
#focus_Box{position:relative;width:680px;height:175px;margin:20px auto;}
#focus_Box ul{position:relative;width:680px;height:175px}
#focus_Box li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:377px;border-radius:4px;box-shadow:1px 1px 12px rgba(200, 200, 200, 1);border:3px solid #FFF;}
#focus_Box li img{width:100%;background:url(./img/tiaomajidi/loading.gif) no-repeat center 50%;height:100%;vertical-align:top;}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:25px;line-height:25px;background:url(./img/tiaomajidi/float-bg.png) repeat;text-indent:8px;color:#fff; text-align:center;overflow:hidden;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:34px;height:34px;top:70px;}
#focus_Box .prev{background:url(./img/tiaomajidi/img_scroll.png) left top no-repeat;left:50px}
#focus_Box .next{background:url(./img/tiaomajidi/img_scroll.png) right bottom no-repeat;right:50px}
// #focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(./img/tiaomajidi/share-btn.png) no-repeat;text-indent:-999px;}
/*----------Ñùʽ*/
.font_yh{ font-family:\5FAE\8F6F\96C5\9ED1;}
/*----------ÑÕÉ«*/
.txt_172b80{ color:#172b80}
.txt_535353{ color:#535353}
*, ::after, ::before{
box-sizing: initial!important;
}
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment