<style>
body,ul,li,ol,img,p,form,h1,h2,h3,h4,dl,dt,dd,span,div,table,tr,td,div{ margin:0px; padding:0px;list-style:none;border:none;}
.clearfix{zoom:1;display:block}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fl{float:left}.fr{float:right}
.height10{height:10px;overflow:hidden}.height15{height:15px;overflow:hidden}

i,em{ font-style:normal}i{color:#f00;}s{color:#999}
a:link,a:visited{color:#333;text-decoration:none;}a:hover{color:#008cd4;text-decoration:underline;}

.title1,.sales_time i,.category .curr dt,.tab_title1,.tab_title2 ul li i{ background:url(img/index.png)}
.layoutWidth{width:1000px;margin:0px auto;}
.w770{width:770px;}
.w220{width:220px;}

/*-----------------焦点图------------------*/
.slider{margin:0px auto;width:770px;height:310px;position:relative; z-index:0;overflow:hidden;}
.conbox{position:absolute; z-index:0}
.switcher{position:absolute;bottom:10px;right:10px;float:right;z-index:90;}
.switcher a,.switcher a:link,.switcher a:visited{background:#999;cursor:pointer;float:left;font-family:arial; font-size:12px;height:18px;line-height:18px;width:18px;margin:4px;text-align:center;color:#fff;border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.switcher a.cur,.switcher a:hover{background:#008CD4;height:24px;line-height:24px;width:24px;margin:0 2px;color:#fff;font-weight:800;filter:alpha(opacity=100); font-size:14px;-moz-opacity:1;-khtml-opacity: 1;opacity: 1; text-decoration:none}

.bordere1{border:1px solid #e1e1e1}.bordere2{border:1px solid #e1e1e1;border-top:1px solid #0088b3}
.title1,.tab_title1{ background-position:0px -70px;height:30px;line-height:30px; padding-left:10px; font:bold 14px/30px "宋体";color:#008cd4}
.tab_title1{padding:0px;}
.title1 p{font:normal 12px/30px "宋体";margin-right:10px;}.title1 p a{margin-right:10px; display:inline}
.title1 span{font:bold 14px Arial, Helvetica, sans-serif;color:#dadada;margin-left:5px;}

.bordere1{border:1px solid #e1e1e1}

/*-----------------促销------------------*/
.sales{padding:10px 0px 0px 8px;height:268px; position:relative}
.sales .img_border{ width:195px; height:175px; border:1px solid #e1e1e1;font-size:160px;}.sales .img_border a{ width:195px; height:175px;font-size:160px;}
.sales_txt{ float:left;width:200px;}.sales_txt p{line-height:25px;}.sales_txt p i{margin-right:10px;}
.sales_time{ position:absolute;bottom:1px;width:100%;left:-1px;}
.sales_time p{height:35px; background:#008cd4; display:inline-block;width:218px;text-indent:10px;font:bold 14px/35px Arial, Helvetica, sans-serif;color:#fff}
.sales_time i{ background-position:-447px -102px;width:3px;height:40px; float:left; position:absolute;top:-5px;left:-3px;}
.sales_p{height:22px;line-height:22px; overflow:hidden}

/*-----------------图片居中------------------*/
.img_border{ width:105px; height:85px; text-align:center; float:left; background:#fff; overflow:hidden; }
.img_border a{ width:105px; height:85px;text-align:center; font-size:85px;  line-height:85px; display:table-cell; vertical-align:middle; }
.img_border a img{ vertical-align:middle; text-align:center}
</style>

<div class="height10"></div>
<div class="layoutWidth clearfix">
	<div class="w770 fl">
		<div id="slider3" class="slider">
			<div id="img">
			{anxinMall:slide $sql=select top 5 id,title,picture,link,myorder from [anxinMall_slide] order by myorder desc $cache=10}
			<a target="_blank" href="[slide:link]"><img src="[slide:picture]" width="1000" height="350" alt="3" style="display:inline;"></a>
			{/anxinMall:slide}
			</div>    
			<div id="btn">
				<span class="hov"></span>
				<span></span>
			</div>
		</div>
	</div>
	<div class="w220 fr">
		<div class="bordere1 clearfix">
			<div class="title1" style="background-color:#eeeeee">礼品册/礼享豆兑换</div>
			<div class="sales">
				<div class="sales_txt clearfix">
				<form id="ECS_FORMBUY" name="ECS_FORMBUY" method="post" action="/mall/click.asp?action=giftbooksduihuan" target="_top" onsubmit="return checksunbmit()">
					<p style="background-color:#f6f6f6">礼品册兑换登录</p>
					<p>编号: <input type="text" maxlength="28" size="18" value="" class="text1" name="giftbookbianhao" id="giftbookbianhao"></p>
					<p>密码: <input type="password" maxlength="28" size="18" value="" class="text1" name="giftbookpwd" id="giftbookpwd"></p>
					<p><input type="submit" value="确定兑换" class="button"><br></p>
				</form>
				</div>
				<div class="sales_txt clearfix" style="margin-top:10px;">
				<form id="ECS_FORMBUY" name="ECS_FORMBUY" method="post" action="/mall/click.asp?action=giftbooksduihuan2" target="_top" onsubmit="return checksunbmit()">
					<p style="background-color:#f6f6f6">兑换礼享豆登录</p>
					<p>编号: <input type="text" maxlength="28" size="18" value="" class="text1" name="giftbookbianhao" id="giftbookbianhao"></p>
					<p>密码: <input type="password" maxlength="28" size="18" value="" class="text1" name="giftbookpwd" id="giftbookpwd"></p>
					<p><input type="submit" value="确定兑换" class="button"><br></p>
				</form>
				</div>
				<div class="sales_time"><p>查看所有礼品册</p></div>
			</div>
		</div>
	</div>
</div>

<div class="height15"></div>
	<div class="w1000 clearfix" style="background-color:#FAFAFA">
		<div class="w_210 clearfix hotbag">
			<div class="title"><a href="/mall/giftbook_list.asp" class="more">更多</a><b>推荐礼品册</b></div>
			<ul>
			{anxinMall:giftbook $sql=select top 2 giftbookid,classid,thumb,giftbookname,xiyuedian from [anxinMall_giftbook] where classid=1 order by giftbookid desc $cache=60}
				<li {if: [giftbook:i] mod 2 =0} class="last"{end if}>
				<p class="imgBorder"><a target="_blank" href="/mall/giftbook_details.asp?id=[giftbook:giftbookid]"><img src="[giftbook:thumb]" alt="[giftbook:giftbookname]" /></a></p>
				<p class="txt"><a target="_blank" href="/mall/giftbook_details.asp?id=[giftbook:giftbookid]" title="[giftbook:giftbookname]">[giftbook:giftbookname]</a></p>
				<p class="txt">礼享豆：<em>[giftbook:xiyuedian]</em>&nbsp;<a target="_blank" href="/mall/giftbook_details.asp?id=[giftbook:giftbookid]">【详情】</a></p>
				</li>
			{/anxinMall:giftbook}
			</ul>
		</div>
		<div class="w_780 fl">
			<div class="hot_sell clearfix" style="background-color:#FAFAFA">
				<div class="title" style="background-color:#FAFAFA">
					<p><!-- <span class="curr" id="tab31" onmousedown="setTabAll('tab3',1,2)"><i class="leftBg"></i></span> -->
					<span id="tab32"><i class="rightBg"></i></span></p>
					<em title="精品热销">精品热销</em>
				</div>
				<div class="hot_ad1">{anxinMall:field.ad19}</div>
				<div class="anli" id="tab3_1">
					<ul><!--  style="float:left;width:470px;" -->
					{anxinMall:giftbook $sql=select top 6 giftbookid,classid,thumb,giftbookname,xiyuedian from [anxinMall_giftbook] where classid=1 order by giftbookid desc $cache=60}
						<li style="margin-left:-2px;padding-top:13px;padding-bottom:-13px;height:164px;border:#ccc solid 1px;">
						<a href="/mall/giftbook_details.asp?id=[giftbook:giftbookid]" target="_blank"><img src='[giftbook:thumb]' alt='[giftbook:giftbookname]' height='155' width='155'/></a>
						<!--
						<br/><a title=''>[giftbook:giftbookname]</a>
						-->
						</li>
					{/anxinMall:giftbook}
					</ul>
				</div>
			</div>
			<div class="height10"></div>
			<div class="hot_ad2"><a href="/help/1-1.html" target="_blank"><img src="/skin/gift/template/style/images/128894d5385a13f8a878c3d841c01dce.jpg" width="780" height="85" alt="" /></a></div>
		</div>
	</div>
	<div class="height10"></div>
	<div class="sort w1000 clearfix">
		<div class="title title1">
			<a href="/mall/prod_list.asp?cid=1" target="_blank" class="more a_fff">查看更多&gt;&gt;</a>
			<p>{anxinMall:field.1Fc}</p>
			<i title="家居用品">家居用品</i>
		</div>
		<div class="height10"></div>
		<div class="sort_cont clearfix">
			<div class="cont" id="tab_1">
				<ul>
					{anxinMall:field.1F}
				</ul>
			</div>
			<div class="height10"></div>
		</div>
	</div>

	<div class="height10"></div>
	<div class="sort w1000 clearfix">
		<div class="title title2"><a href="/mall/prod_list.asp?cid=2" target="_blank" class="more a_fff">查看更多&gt;&gt;</a>
		<p>{anxinMall:field.2Fc}</p>
		<i title="家电数码">家电数码</i>
		</div>
		<div class="height10"></div>

		<div class="sort_cont clearfix">
			<div class="cont" id="tab1_1">
				<ul>
					{anxinMall:field.2F}
				</ul>
			</div>
			<div class="height10"></div>
		</div>
	</div>
	<div class="height10"></div>

	<div class="sort w1000 clearfix">
		<div class="title title3">
			<a href="/mall/prod_list.asp?cid=3" target="_blank" class="more a_fff">查看更多&gt;&gt;</a>
			<p>{anxinMall:field.3Fc}</p>
			<i title="生活用品">生活用品</i>
		</div>
		<div class="height10"></div>
		<div class="sort_cont clearfix">
			<div class="cont" id="tab2_1">
				<ul>{anxinMall:field.3F}</ul>
			</div>
			<div class="height10"></div>
		</div>
	</div>
	<div class="height10"></div>
	<div class="sort w1000 clearfix">
		<div class="title title5">
			<!-- <a href="#" class="more a_fff">查看更多&gt;&gt;</a> -->
			<p><!-- { anxinMall:field.4Fc } --></p>
			<i title="经典案例">经典案例</i>
		</div>
	</div>



<style type="text/css">
#container{width:1000px; margin:10px auto 10px auto;height:140px;background-color:#fff;}
#container span{ display: block; margin-top:20px; margin-bottom:10px;}
#thumblist a{background-color:#ffffff;width:100px; height:135px; display:inline-table;zoom:1;text-align:center;text-decoration:none;border-left:1px solid #EFEBEF; border-right:1px solid #EFEBEF}
#thumblist a.cc{background-color:#FFFFFF;width:100px; height:135px; display:inline-table; zoom:1; text-align:center;text-decoration:none; color:#000000; border-left:1px solid #CECBCE; border-right:1px solid #CECBCE}
#thumblist a:hover{background-color:#FFFFFF;width:100px; height:135px; display:inline-table; zoom:1;text-align:center;text-decoration:none; color:#000000}
#left{width:29px;height:137px;float:left;background-image:url("/skin/gift/template/style/images/left.jpg");background-position: -0px 0px;}
#middle{border-bottom:1px solid #CECBCE;border-top:1px solid #CECBCE;width:941px;height:135px;float:left;background-color: #EFEBEF;overflow:hidden;}
#right{width:29px;height:137px;float:left;background-image:url("/skin/gift/template/style/images/right.jpg");background-position: -29px 0px;}
#thumblist{}
#middle img {border:1px solid #999999; width:184px; height:90px; margin-top:-15px;}
</style>

<div id="container">
	<div id="left"></div>
	<div id="middle">
		<div id="thumblist" style=" margin-left:-90px;">
			{anxinMall:anli $sql=select top 10 sitename,siteurl,sitelogo from [anxinMall_giftAnli] order by id desc $cache=60}
			<a href="javascript:void(0)"><span><img src="[anli:sitelogo]" /></span>[anli:sitename]</a>
			{/anxinMall:anli}
		</div>
	</div>
	<div id="right"></div>
</div>

<script>
document.all&&document.execCommand("BackgroundImageCache", false, true);
var isIE = (document.all) ? true : false;
var $ = function (id) {
return  document.getElementById(id);
};
var Extend = function(destination, source) {
for (var property in source) {
destination[property] = source[property];
}
}
var Bind = function(object, fun,args) {
return function() {
return fun.apply(object,args||[]);
}
}
var BindAsEventListener = function(object, fun) {
var args = Array.prototype.slice.call(arguments).slice(2);
return function(event) {
return fun.apply(object, [event || window.event].concat(args));
}
}
var CurrentStyle = function(element){
return element.currentStyle || document.defaultView.getComputedStyle(element, null);
}
var Tween = {
Quart: {
easeOut: function(t,b,c,d){
return -c * ((t=t/d-1)*t*t*t - 1) + b;
}
}
}
//
function create(elm,parent,fn){var element = document.createElement(elm);fn&&fn(element); parent&&parent.appendChild(element);return element};
function addListener(element,e,fn){ element.addEventListener?element.addEventListener(e,fn,false):element.attachEvent("on" + e,fn)};
function removeListener(element,e,fn){ element.removeEventListener?element.removeEventListener(e,fn,false):element.detachEvent("on" + e,fn)};
var Class = function(properties){
var _class = function(){return (arguments[0] !== null && this.initialize && typeof(this.initialize) == 'function') ? this.initialize.apply(this, arguments) : this;};
_class.prototype = properties;
return _class;
};
var  Imgroll =new Class({
options:{
Isrun   : false,
Step    : 192,
Time    : 3,
t       : 0,
b       : 0,
c       : 0,
d       : 192,
Tween   : Tween.Quart.easeOut,
Oninit  : function(){},
Onstart : function(){},
Onstop  : function(){}
},
initialize:function(obj,c,total,i,options){
this._obj   = obj;
this._c     = c;
this._total  = total;    //显示区域有多少张图片
this.i      = i ;        //聚焦于第i张图片
this.timer  = null;
this.Isrun  = this.options.isrun;
this.Step   = this.options.Step;
this.Time   = this.options.Time;
this.t      = this.options.t;
this.b      = this.options.b;
this.c      = this.options.c;
this.d      = this.options.d;
this.Tween  = this.options.Tween;
this.Oninit = this.options.Oninit;
this.Onstart= this.options.Onstart;
this.Onstop = this.options.Onstop;
Extend(this,options||{});
var self =this, i = 0,img = this._c.getElementsByTagName('a');
this._c.style.width = img.length*this.Step+'px';
for(;i<img.length;i++)
{
img[i].num = i;
(function(i){
addListener(img[i],'click',Bind(self,self.Start,[img[i]]));
})(i);
}
},
Start:function(c){
if(this.Isrun)return;
this.Isrun = true;
var img = this._c.getElementsByTagName('a')
this.b     = this._obj.scrollLeft;
c&&(this.c = c.num<this.i?(-1)*this.b:(c.num>img.length-(this._total-this.i+1)-1?(img.length - this._total)*this.Step - this.b:(c.num-this.i+1)*this.Step-this.b));
this.Onstart(c);
if(this.c==0){this.Isrun=false;return;}
this.Run();
},
Run:function(){
if(this.t<this.d)
{
this.RunTo(Math.round(this.Tween(++this.t,this.b,this.c,this.d)))
this.timer = setTimeout(Bind(this,this.Run),this.Time)
}
else
{
this.RunTo(this.b+this.c);
this.Stop();
}
},
RunTo:function(i){
this._obj.scrollLeft = i;
},
Pre:function(){
this.c = this.Step*(-1);
this.Start();
},
Next:function(){
this.c = this.Step;
this.Start();
},
Stop:function(){
clearTimeout(this.timer);
this.t = 0;this.Isrun=false;
this.Onstop()
}
})
var ss = new Imgroll($('middle'),$('thumblist'),9,5,{
Step:192,
Onstart:function(obj){
if(!obj)return;
this.o&&(this.o.className='');
this.o=obj;
obj.className ='cc';
},
Onstop:function(){
$('left').style.backgroundPosition=this._obj.scrollLeft == 0?"0px 0px":"-29px 0px";
$('right').style.backgroundPosition=this._obj.scrollLeft== 816?"0px 0px":"-29px 0px";
}});
addListener($('right'),'click',function(){ss.Next()});
addListener($('left'),'click',function(){ss.Pre()});
function sss(num){
ss.i=num;
$('nn').innerHTML = "聚焦第"+num+"个"
}
</script>









<style>
/*网站公用样式*/
body{font-family:"宋体"; font-size:12px; color:#474747;}
img{border:0px;}
ul,ol,li{list-style:none;}
*{margin:0;padding:0;}
.cl{clear:both; }
a{color:#000; text-decoration:none;cursor: pointer}
.green{color:#4B8401; }
button,input{ font-family:Microsoft Yahei,"微软雅黑","宋体";}
/*网站资讯*/
.wzzx{ background-image:url(/skin/gift/template/zixun/images/wzzxbg.gif);width:1000px; height:297px;margin:auto; }
.content-slgl{width:206px; float:left; margin-top:100px; float:left;}
.content-slgl li img{width:38px; height:13px; margin-left:213px;}
.riqi{ margin-left:16px;}
.contentzixun{ margin-left:45px; width:206px; line-height:22px;}
.contentzixun a:hover{ color: #db7747; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #db7747;}
.content-slgl01{width:206px; margin-left:45px; _margin-left:0px; float:left; margin-top:100px; float:left;}
.content-slgl01 li img{width:38px; height:13px; margin-left:228px;}
.contentzixun01{ margin-left:50px; width:206px; line-height:22px;}
.contentzixun01 a:hover{ color: #db7747; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #db7747;}
.content-slgl02{width:206px; margin-left:60px; _margin-left:0px; float:left; margin-top:100px; float:left;}
.content-slgl02 li img{width:38px; height:13px; margin-left:215px;}
.contentzixun02{ margin-left:45px; width:206px; line-height:22px;}
.contentzixun02 a:hover{ color: #db7747; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #db7747;}
.leftcaidan{ width:164px; margin-left:100px; _margin-left:50px; margin-top:94px;float:left;}
.lxwhcontent{206px;}
</style>
<div class="wzzx">
	<div class="content-slgl">
		<ul>
		<li><a href="/news/?id=4&catname=%CB%CD%C0%F1%B9%A5%C2%D4" target="_blank"><img src="/skin/gift/template/zixun/images/more.gif" border="0" /></a></li>
		{anxinMall:newslist $sql=select top 6 newsid,newstitle,classid,addtime from [anxinMall_news] where classid=4 $cache=60}
		<li class="contentzixun" {if: [newslist:i]=1}style="margin-top:10px;"{end if}><a href="/news/[newslist:newsid].html">[newslist:newstitle $left=22]</a><span class="riqi">[newslist:addtime $function=datevalue(@me)]</span><div class="cl"></div></li>
		{/anxinMall:newslist}
		<div class="cl"></div>
		</ul>
	</div>
	<div class="content-slgl01">
		<ul class="lxwhcontent">
			<li><a href="/news/?id=5&catname=%C0%F1%D2%C7%CE%C4%BB%AF" target="_blank"><img src="/skin/gift/template/zixun/images/more.gif" border="0" /></a></li>
			{anxinMall:newslist $sql=select top 6 newsid,newstitle,classid,addtime from [anxinMall_news] where classid=5 $cache=60}
			<li class="contentzixun01" {if: [newslist:i]=1}style="margin-top:10px;"{end if}><a href="/news/[newslist:newsid].html">[newslist:newstitle $left=22]</a><span class="riqi">[newslist:addtime $function=datevalue(@me)]</span>
			   <div class="cl"></div>
			</li>
			{/anxinMall:newslist}
			<div class="cl"></div>
		</ul>
	</div>
	<div class="content-slgl02">
		<ul>
			<li><a href="/news/?id=6&catname=%C0%F1%C6%B7%B2%E1%D5%D0%C9%CC" target="_blank"><img src="/skin/gift/template/zixun/images/more.gif" border="0" /></a></li>
			{anxinMall:newslist $sql=select top 6 newsid,newstitle,classid,addtime from [anxinMall_news] where classid=6 $cache=60}
			<li class="contentzixun02" {if: [newslist:i]=1}style="margin-top:10px;"{end if}><a href="/news/[newslist:newsid].html">[newslist:newstitle $left=22]</a><span class="riqi">[newslist:addtime $function=datevalue(@me)]</span>
			   <div class="cl"></div>
			</li>
			{/anxinMall:newslist}
			<div class="cl"></div>
		</ul>
	</div>
	<div>
		<ul class="leftcaidan">
			<li><a href="/mall/prod_list.asp" target="_blank"><img src="/skin/gift/template/zixun/images/lip.gif" border="0" /></a></li>
			<li><a href="/help/1-4.html"><img src="/skin/gift/template/zixun/images/lx.gif" border="0" /></a></li>
			<li style="margin-top:10px"><a href="/help/4-3.html"><img src="/skin/gift/template/zixun/images/zf.gif" border="0" /></a></li>
			<li style="margin-top:10px;"><a href="/news/index.asp"><img src="/skin/gift/template/zixun/images/zx.gif" border="0" /></a></li>
			<li style="margin-top:7px;"><a href="/help/1-1.html"><img src="/skin/gift/template/zixun/images/hz.gif" border="0" /></a></li>
		</ul>
	</div>
	<div class="cl"></div>
</div>