.indexBar{ }

/*首页二级菜单默认显示*/
.baseNav .second{width: 226px;border-top: 1px solid #b8b7b6;background-color: #fff;position: absolute;top:29px;left: -1px; z-index:999;}
.baseNav .first li:hover .second{display: block; }

/*首页轮播*/
.flexslider{position: relative;height: 400px;overflow: hidden; background: url(../images/public/loading.gif) 50% no-repeat; clear:both}
.sliders{position: relative;z-index:1;}
.slides li { width:100%;height:400px;float:left;margin-right:-100%;}
.slides li  a{ width:100%;height: 400px;display:block;cursor:pointer;}
/*.slides li a img{height:400px;}*/
.flex-control-nav {position: absolute; bottom: 10px;left:50%;margin-left:-71px; z-index: 2; width: 100%; text-align: center;}
.flex-control-nav li {width: 100%; display: inline-block; width: 16px; height: 16px; margin: 0 5px; *display: inline; zoom: 1;float:left;}
.flex-control-nav a {display: inline-block; width: 16px; line-height: 16px; cursor: pointer;background:#f0f0f0;color:#ccc;text-align:center;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;}
.flex-control-nav .flex-active {background:#64914b;color:white;}

/* 轮播左右按钮设置*/
/*
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:40%;}
.flex-direction-nav li a{display:block;width:70px;height:70px;overflow:hidden;cursor:pointer;position:absolute;z-index:6;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/index/banner_left_btn.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/index/banner_right_btn.png) center center no-repeat;}
*/
.flex-direction-nav {width:100%;}
.flex-direction-nav li a{width:70px;height:70px;display:block;position:absolute;z-index:3;top:50%;margin-top:-35px;} 
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/index/banner_left_btn.png);}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/index/banner_right_btn.png);}
.flexslider:hover .flex-prev {opacity: 0.7;}
.flexslider:hover .flex-next {opacity: 0.7;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1; }
.flex-direction-nav .flex-disabled {opacity: 0!important; filter:alpha(opacity=0); cursor: default; }

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}


/* desSlideshow */
.desSlideshow{background:url(../images/public/loading.gif) no-repeat 50% 50%;width:786px !important;height: 400px; float:left;}
.desSlideshow .switchBigPic,.desSlideshow .picTitle{display:none;}
.desSlideshow ul.picTitle{background-color: #f4ede5;height: 398px;width:346px !important;}
.desSlideshow .picTitle li:hover{background-color: #fff;}
.desSlideshow .picTitle li a{padding-top:30px;line-height: 20px; position: relative;color: #000;}
.desSlideshow .picTitle .threeLink{padding-top:20px;}/*20150923增加属性*/
.desSlideshow .picTitle li a img{position: absolute;left:-11px;top:30px;display: none;}
.desSlideshow .picTitle li:hover a{color: #816854;}
.desSlideshow .picTitle li.active{background-color: #fff;}
/*.desSlideshow .picTitle li:hover a img{display: block;}*/
.desSlideshow .picTitle li.active a img{display: block;}

.advert{ float:right;overflow:hidden;}
.advert img{width:258px;height:400px;}
.advert img{-webkit-transition:-webkit-transform 0.2s linear 0s;-moz-transition:-moz-transform 0.2s linear 0s;-ms-transition:-ms-transform 0.2s linear 0s;-o-transition:-o-transform 0.2s linear 0s;transition:transform 0.2s linear 0s;}
.advert img:hover{-webkit-transform:translateX(-10px);-moz-transform:translateX(-10px);-ms-transform:translateX(-10px);-o-transform:translateX(-10px);transform:translateX(-10px);}

.indexTitle{width:1050px; position:relative; border-bottom: 1px solid #cfcfd0; margin-bottom:40px; padding-top:40px;}
/*.indexTitle h2{height:24px;font-size: 20px; position:absolute; padding:0 20px; line-height:24px; background:#fff; left:50%; margin-left:-100px; top:28px;}*/
.indexTitle h2{height:24px;font-size: 20px; position:absolute; padding:0 28px; line-height:24px; background:#fff; left:50%; margin-left:-10%; top:28px;}
.indexTitle span{font-size: 14px; top:28px; position:absolute; right:0; background:#fff; padding:0 0 0 10px; top:33px;}
.indexTitle a:hover{color:#739862;}

.adWrap{width:1050px; height:400px; position:relative;}
.adWrap li{display:block; overflow:hidden; position:absolute;}
.adWrap li img{-webkit-transition:-webkit-transform 0.2s linear 0s;-moz-transition:-moz-transform 0.2s linear 0s;-ms-transition:-ms-transform 0.2s linear 0s;-o-transition:-o-transform 0.2s linear 0s;transition:transform 0.2s linear 0s;}
/*.adWrap li.adItem01{width:340px; height:400px; left:0; top:0;}
.adWrap li.adItem02{width:335px; height:195px; left:355px; top:0;}
.adWrap li.adItem02 img:hover{transform:translateX(-10px);}
.adWrap li.adItem03{width:345px; height:195px; left:705px; top:0;}
.adWrap li.adItem03 img:hover{transform:translateX(-10px);}
.adWrap li.adItem04{width:220px; height:190px; left:355px; top:210px;}
.adWrap li.adItem04 img:hover{transform:translateY(-10px);}
.adWrap li.adItem05{width:220px; height:190px; left:590px; top:210px;}
.adWrap li.adItem05 img:hover{transform:translateY(-10px);}
.adWrap li.adItem06{width:225px; height:190px; left:825px; top:210px;}
.adWrap li.adItem06 img:hover{transform:translateY(-10px);}*/

.adWrap li.adItem01{width:350px; height:400px; left:0; top:0;}
.adWrap li.adItem01 img:hover{-webkit-transform:translateX(-10px);-moz-transform:translateX(-10px);-ms-transform:translateX(-10px);-o-transform:translateX(-10px);transform:translateX(-10px);}
.adWrap li.adItem02{width:344px; height:192px; left:356px; top:0;}
.adWrap li.adItem02 img:hover{-webkit-transform:translateX(-10px);-moz-transform:translateX(-10px);-ms-transform:translateX(-10px);-o-transform:translateX(-10px);transform:translateX(-10px);}
.adWrap li.adItem03{width:344px; height:192px; left:706px; top:0;}
.adWrap li.adItem03 img:hover{-webkit-transform:translateX(-10px);-moz-transform:translateX(-10px);-ms-transform:translateX(-10px);-o-transform:translateX(-10px);transform:translateX(-10px);}
.adWrap li.adItem04{width:228px; height:202px; left:356px; top:198px;}
.adWrap li.adItem04 img:hover{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);}
.adWrap li.adItem05{width:227px; height:202px; left:590px; top:198px;}
.adWrap li.adItem05 img:hover{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);}
.adWrap li.adItem06{width:227px; height:202px; left:823px; top:198px;}
.adWrap li.adItem06 img:hover{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);}
/*20150922新增板块*/
.adWrap li.adItem011{width:342px; height:400px; left:708px; top:0;}
.adWrap li.adItem022{width:338px; height:192px; left:0; top:208px;}
.adWrap li.adItem033{width:338px; height:192px; left:354px; top:208px;}
.adWrap li.adItem044{width:220px; height:192px; left:0; top:0;}
.adWrap li.adItem055{width:220px; height:192px; left:236px; top:0;}
.adWrap li.adItem066{width:220px; height:192px; left:472px; top:0;}

/*生活方式*/
.lifeWrap li{float:left;width:258px;overflow:hidden;}
.lifeWrap .lifeimg02,.lifeWrap .lifeimg03,.lifeWrap .lifeimg04{margin-left:6px;}
.lifeWrap li img{-webkit-transition:-webkit-transform 0.5s linear 0s;-moz-transition:-moz-transform 0.5s linear 0s;-ms-transition:-ms-transform 0.5s linear 0s;-o-transition:-o-transform 0.5s linear 0s;transition:transform 0.5s linear 0s;}
.lifeWrap li img:hover{-webkit-transform:translateX(-10px);-moz-transform:translateX(-10px);-ms-transform:translateX(-10px);-o-transform:translateX(-10px);transform:translateX(-10px);}

/*优品精选*/
.bestItem{clear:both;}
.seasonWrap div{width: 520px;height:500px;overflow:hidden;}
.seasonWrap div,.seasonWrap ul{float: left;}
.seasonWrap ul{width: 524px;margin-left:6px;}
.seasonWrap ul li{width: 259px;height:247px;float: left;overflow:hidden;}
.seasonWrap ul li+li,.seasonWrap ul li+li+li+li{margin-left:6px;}
.seasonWrap ul li+li+li{margin:6px 0 0 0;}
.seasonWrap  li img{-webkit-transition:-webkit-transform 2s linear 0s;-moz-transition:-moz-transform 2s linear 0s;-ms-transition:-ms-transform 2s linear 0s;-o-transition:-o-transform 2s linear 0s;transition:transform 2s linear 0s;}
.seasonWrap li img:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}
.seasonWrap  div img{-webkit-transition:-webkit-transform 2s linear 0s;-moz-transition:-moz-transform 2s linear 0s;-ms-transition:-ms-transform 2s linear 0s;-o-transition:-o-transform 2s linear 0s;transition:transform 2s linear 0s;}
.seasonWrap div img:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}

/*本周TOP食谱*/
.weekWrap ul li{width: 346px;height:330px;float: left;overflow:hidden;}
.weekWrap ul li+li{margin-left:6px;}
.weekWrap ul li+li+li+li{margin-left: 0;margin-top:6px;}
/*.weekWrap .last{width: 690px;margin-left: 20px;}*/
.weekWrap .last{width: 698px;margin-left:6px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;}
/*.weekWrap .last h2{border: none;margin: 0;}*/
.weekWrap .last h2{border: none;margin: 0;font-family:"arial";font-size:34px;font-style:bold;margin:20px 0 20px 10px;}
/*.weekWrap .last a{font-size: 15px;border-bottom: 1px dashed #ccc;height: 59px;padding-top: 40px;line-height: 20px;display: block;}*/
.weekWrap .last a{letter-spacing:1px;font-size: 18px;border-bottom: 1px dashed #ccc;height:66px;padding: 17px 0 0 10px;display:block;}
.weekWrap .last a span.lastSum{float:left;font-size:62px;font-family: Kokila,sans-serif;font-style: italic;display: inline-block;margin-right:20px;}
.weekWrap .last a .lastText{float:left;line-height:26px;}/*20150923增加属性*/
.weekWrap .last a .lastText div{font-size: 12px;color:#9fa0a0;}
.weekWrap .last a+a+a{border: none;}
.weekWrap .last a.lastOne{border-top:1px dashed #ccc;}/*20150923增加属性*/
.weekWrap  li img{-webkit-transition:-webkit-transform 0.2s linear 0s;-moz-transition:-moz-transform 0.2s linear 0s;-ms-transition:-ms-transform 0.2s linear 0s;-o-transition:-o-transform 0.2s linear 0s;transition:transform 0.2s linear 0s;}
.weekWrap  img:hover{-webkit-transform:translateX(-10px);-moz-transform:translateX(-10px);-ms-transform:translateX(-10px);-o-transform:translateX(-10px);transform:translateX(-10px);}
.weekWrap  .last a:hover{color:#658f53;}
.weekWrap  .last a div:hover{color:#658f53;}


/*自然有机*/
.gradeWrap a+a{margin-left:6px;}
.gradeWrap a{width:522px;height:330px;float:left;overflow:hidden;}
.gradeWrap  img{-webkit-transition:-webkit-transform 0.5s linear 0s;-moz-transition:-moz-transform 0.5s linear 0s;-ms-transition:-ms-transform 0.5s linear 0s;-o-transition:-o-transform 0.5s linear 0s;transition:transform 0.5s linear 0s;}
.gradeWrap  img:hover{-webkit-transform:translateX(-10px);-moz-transform:translateX(-10px);-ms-transform:translateX(-10px);-o-transform:translateX(-10px);transform:translateX(-10px);}

/*banner*/
.nation-banner{ width:1050px; height:112px; margin:0 0 16px 0; overflow:hidden;}
.nation-banner .advitem{ width:344px; float:left; overflow: hidden}
.nation-banner .advitem a{ display:block}
.nation-banner .advitem img{ border:0; text-align:center;}
.nation-banner .mid{ margin:0 8px;}

.recommArea,.secureArea{ width:1050px; overflow:hidden;}
.special-banner{ width:1050px; text-align:center; margin-top:16px; clear:both}
.special-banner img,.secureArea .infos img{ width:100%; overflow:hidden;}

/*安心配系列*/
.secureArea .infos{ width:100%; text-align: center; margin-top:16px;}
.secureArea .infos a{ display:block;}
/*Top食谱*/
.topFood{width:100%; height:1043px; background:url(../images/sedist/topcare_bg.jpg) repeat center; margin-bottom:30px; margin-top:10px;}
.Topfoodlist{ width:1050px; margin:0 auto;padding:50px 0; }
.Topfoodlist li{ width:345px;*width:335px; height:465px; background:#fff; float:left; margin:0 0 5px 5px; *overflow:hidden; }
.Topfoodlist li.pro_li{ width:345px;*width:335px; height:465px; background:#fff; float:left; margin-bottom:5px; position:relative; cursor:pointer; box-shadow: -1px -2px 4px #e4e3e1 inset;-moz-box-shadow:-1px -2px 4px #e4e3e1 inset;-webkit-box-shadow:-1px -2px 4px #e4e3e1 inset;}
.Topfoodlist li.title{ background:0 none}
.Topfoodlist li .img-area{ width:100%; text-align:center; overflow:hidden; vertical-align:middle;*overflow:hidden}
.Topfoodlist li .img-area img{width:345px; *overflow:hidden}
.Topfoodlist li .text-area{ width:285px; margin:0 28px;  text-align:center;*overflow:hidden;}
.Topfoodlist li .text-area span{ font-size:18px; color:#444042; padding:25px 0; display:inline-block; width:100%;  text-align:center;}
.Topfoodlist li .text-area p.desc{ font-size:12px; line-height:15px; color:#231f20;}
.Topfoodlist li .text-area{ margin:0 40px;*margin:0 10px;+margin:0 10px}
.Topfoodlist li .text-area h2{ width:170px; height:30px; background:url(../images/sedist/tit_top.png) no-repeat; text-align:center;  margin:60px auto;}
.Topfoodlist li.title .text-area .bill{ display:block; height:26px;line-height:26px; border-bottom:1px dashed #ccc; padding-bottom:10px; font-size:18px; margin-top:8px;}
.Topfoodlist li.title .text-area .bill:hover,.Topfoodlist li.title .text-area .bill:active{ color:#2d6f3a}
.Topfoodlist li.active{ opacity:0.2; -moz-opacity:0.2; filter:alpha(opacity=20);background:#000;}
/*点击查看*/
.overlay {
  display: block;
  position: absolute;
  z-index: 20;
  background: rgba(0, 0, 0, 0.5);
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.overlay em.icon{
  width:52px; 
  height:16px;
  display:inline-block;
  background:url(../images/sedist/icon_look.png) center;
  position: absolute;
  margin-left:10px;
}
a.expand {
  width: 172px;
  height: 30px;
  line-height:30px;
  padding-bottom:32px;
  margin-bottom:24px; 
  border-bottom:1px solid #fff;
  display: block;
  position: absolute;
  z-index: 100;
  
  text-align: center;
  color: #fff;
  line-height: 50px;
  font-size: 18px;
}
.Topfoodlist li.pro_li .img-area .overlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0; filter:alpha(opacity=0);-moz-opacity:0;
}
.Topfoodlist li.pro_li .img-area .overlay a.expand,.Topfoodlist li.pro_li .img-area .overlay em.icon {
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  opacity: 0; filter:alpha(opacity=0);-moz-opacity:0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.Topfoodlist li.pro_li.hover .overlay {
  opacity: 1;filter:alpha(opacity=10);-moz-opacity:10;
}
.Topfoodlist li.pro_li.hover .overlay a.expand {
  top: 50%;
  margin-top: -30px;
  opacity: 1;filter:alpha(opacity=10);-moz-opacity:10;
}
.Topfoodlist li.pro_li.hover .overlay em.icon {
  top: 63%;
  margin-top: -10px;
  opacity: 1;filter:alpha(opacity=10);-moz-opacity:10;
}
.returnTop-area{clear:both; width:100%; height:77px; text-align:center;margin:55px 0 60px 0;}
.returnTop-area a.GoTop{ width:auto; height:auto; display:inline-block; color:#000; font-size:18px; text-align:center; text-decoration:underline; background:url(../images/sedist/gotop_bg.png) no-repeat top; padding-top:60px; position:relative; }

/*产品列表*/
.productMain{margin:0 auto;}
.zoonbg{ width:1050px; text-align:center; overflow:hidden; margin-top:20px;}
.zoonbg a { display:block;}
.zoonbg img{ width:100%; border:0;}
.proIndexMain .productInfo{ width:1050px;}
.clearHeight{ clear:both; }