/* style */
/* style */
.zclearfix:after { display: block; clear: both; visibility: hidden; height: 0; overflow: hidden; content: ".";}
.zclearfix { zoom: 1;}
.zcb { clear: both; width: 0; height: 0; overflow: hidden;}
.zfl { display: inline; float: left;}
.zfr { display: inline; float: right;}
.zvt { vertical-align: top;}
.zhide { display: none;}
.zelps { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.zanim { -webkit-transition: .25s; -moz-transition: .25s; -ms-transition: .25s; -o-transition: .25s; transition: .25s;}

.ztitle, .zbtn-buy,
.zmore { overflow: hidden; font-size: 0; line-height: 0;}

.zbtn-buy, .zmore,
.zicon-dog, .zicon-cat,
.zcate-item, .zlist-item,
.zhead-span { display: inline-block; *display: inline; *zoom: 1;}

.zpage { position: relative; width: 100%; min-width: 1190px; background: #fff;}
.zcontent { background: #fff;}
.zlayout { margin: 0 auto; width: 1160px;}

.zhead { position: relative; z-index: 1; height: 128px; background: #DF0A20; color: #fff;}
.zhead .zlayout { position: relative; text-align: center;}
.zhead-span { margin: 0 168px; padding: 30px; width: 150px; font: 23px/68px "Microsoft Yahei";}
.zlogo { position: absolute; left: 50%; top: 0; margin-left: -167px; width: 335px; height: 128px; background: url(../image/zlogo.jpg) 0 0 no-repeat;}

.zslogan { position: relative; z-index: 1; border-bottom: 30px solid #e11e24; }
.zslogan-item { height: 250px; overflow: hidden; vertical-align: top; background-position: center 0; background-repeat: no-repeat;}
.zslogan1 { background-image: url(../image/1.jpg);}
.zslogan2 { background-image: url(../image/2.jpg);}
.zslogan3 { background-image: url(../image/3.jpg);}

.zcontact { padding: 30px 0; text-align: center;}

.zbtn-buy { width: 67px; height: 15px; background: url(../image/btn_buy.png) 0 0 no-repeat;}
.ztitle { margin: 0 auto; width: 225px; height: 80px; background: url(../image/title.gif) 0 0 no-repeat;}
.zline { height: 3px; background: url(../image/line1.jpg) center 0 no-repeat;}
.zmore { width: 110px; height: 32px; background: url(../image/btn_more.png) 0 0 no-repeat;}

.zactivity { margin-bottom: 25px; padding: 0 30px;}
.zactivity-hd { margin-bottom: 20px; border-bottom: 3px solid #E1CF97; text-align: center;}
.zactivity-bd { width: 100%; overflow: hidden;}
.zactivity-list { margin-left: -20px; width: 1160px;}
.zactivity-item { display: inline; float: left; padding: 40px 20px 20px; width: 240px; height: 310px; border-bottom: 3px solid #E1CF97;}
.zactivity-img { width: 100%; height: 260px; overflow: hidden; text-align: center;}
.zactivity-info { margin-bottom: 10px; color: #E63243; font: 16px "Microsoft Yahei"; text-align: center;}
.zactivity-mark { padding-left: 20px; text-decoration: line-through; font-size: 12px;}
.zactivity-oper { text-align: center;}

.znav { margin-bottom: 40px; border-left: 2px solid #DECB8E;}
.znav-md { padding: 0 25px; width: 527px; overflow: hidden; border-right: 2px solid #DECB8E;}
.znav-span { padding-left: 25px;}
.znav-cate { min-width: 100px; _width: 100px; min-height: 140px; _height: 140px; font: 14px/24px "Microsoft Yahei";}
.znav-cate dt,
.znav-cate dd { white-space: nowrap;}
.znav-cate dt { padding-bottom: 10px; font-size: 21px; line-height: 1; color: #E10E23}
.znav-cate a { color: #6D6B6B;}

.zicon-dog,
.zicon-cat { width: 178px; height: 178px; background: url(../image/icon_pet.png) 0 0 no-repeat;}
.zicon-dog { background-position: 0 0;}
.zicon-cat { background-position: 0 -180px;}

.zsection {}
.zsection-hd { margin-bottom: 25px; height: 178px; background: url(../image/md_hd_bg.jpg) center center no-repeat; text-align: center;}
.zsection-bd {}

.zmodule { margin-bottom: 60px;}
.zmodule-hd { position: relative;}
.zmodule .zmore { position: absolute; right: 0; bottom: 0; background-position: 0 -32px;}
.zmodule .zbtn-buy { background-position: 0 bottom;}

.zlist { padding-top: 20px; text-align: center; font-size: 0;}
/* 默认一列 */
.zlist-item { width: 100%; font: 700 14px/18px "Microsoft Yahei";}
.zlist-item a, .zlist-item a:hover { color: #6D6B6B !important;}
.zlist-info { padding: 5px 0 12px;}
.zlist-price { color: #E4082C; font-size: 16px;}
.zlist-mark { padding-left: 10px; font-size: 12px; font-weight: 500; text-decoration: line-through;}
 /* 两列 */
.zlist-col2 .zlist-item { width: 45%;}
 /* 三列 */
.zlist-col3 .zlist-item { width: 30%;}
 /* 四列 */
.zlist-col4 .zlist-item { width: 24%;}

.zcate { position: relative; padding: 25px 45px; text-align: center;}
.zcate-item { margin: 25px 75px 0; width: 159px; height: 57px; background: url(../image/btn_bg.jpg) 0 0 no-repeat; color: #fff; font: 700 22px/57px "Microsoft Yahei";}
.zcate-item:hover { color: #fff !important;}
.zcate-first, .zcate-last { position: absolute; top: 25px; margin-left: 0; margin-right: 0;}
.zcate-first { left: 45px;}
.zcate-last { right: 45px;}

.zpop-md { position: relative; padding: 20px 5px 0;}
.zpop-md .zlist,
.zpop-trg { background: url(../image/pro_section_bg.png) 0 0 no-repeat;}
.zpop-md .zlist { height: 350px; background-position: 0 -30px; text-align: center;}
.zpop-trg { position: absolute; left: 0; top: 0; z-index: 3; width: 99px; height: 23px; background-position: 0 0;}

.zdog-breed .ztitle { background-position: 0 -80px;}
.zdog-breed .zlist-item,
.zcat-breed .zlist-item,
.zcat-func .zlist-item,
.zcat-nutrition .zlist-item { padding-top: 10px;}

.zdog-body .ztitle { background-position: 0 -160px;}

.zdog-age .ztitle { background-position: 0 -240px;}

.zcat-breed .ztitle { background-position: 0 -320px;}
.zcat-breed .zlist,
.zcat-func .zlist { background: url(../image/shadow.jpg) center bottom no-repeat;}

.zcat-nutrition .ztitle { background-position: 0 -400px;}
.zcat-nutrition .zlist-item { padding-top: 10px;}

.zcat-func .ztitle { background-position: 0 -480px;}

.zbrand { height: 1083px; background: url(../image/brand_bg.jpg) center 0 no-repeat;}
.zbrand-hd { padding: 60px 0 20px; font: 500 66px/80px "Microsoft Yahei"; color: #fff; text-align: center;}
.zbrand-md { margin-bottom: 10px; width: 100%; overflow: visible;}
.zbrand-span { margin-left: -4px; width: 1168px; text-align: center;}
.zbrand-video { width: 563px; height: 371px; overflow: hidden; background: url(../image/brand_video.jpg) 0 0 no-repeat;}
.zbrand-video-span { margin: 35px 0 0 50px; width: 455px; height: 305px;}
.zbrand-slogan { width: 603px; height: 371px; background: url(../image/brand_cat.jpg) 0 0 no-repeat;}

.zsidebar{position: fixed;left: 50%;top: 50px;z-index: 999;margin-left: 610px;width: 207px;height: 531px;background: url(../image/daohang.jpg) no-repeat;}
.zsidebar .zsidebox{margin-top: 42px;}
.zsidebar a{display: block;height: 42px;}
.zsidebar a.zsidetitle{height: 92px;}


.ztop-nav{
  background-image: url(../image/new_topnav_bg.jpg);
}
.ztop-nav ul{
  width: 950px;
  line-height: 45px;
  text-align: center;
  margin: 0 auto;
}
.ztop-nav li{
  float: left;
  padding: 0 30px;
}
.ztop-nav a{
  color: #fff;
  font-size: 14px;
}
li.ztop-pading-none{
  padding-right: none;
}
.ztop-nav a:hover{
  color: #fff !important;
}

/* banner轮播 */
.bd{
  width:1600px;
  margin:0 auto;
} 
.slideBox3 .hd {
    height: 24px;
    overflow: hidden;
    position: absolute;
   left:50%;
    top: 619px;
    z-index: 1;
    margin-left:-100px;
}
.slideBox3 .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
}
.slideBox3 .hd ul li {
    float: left;
    margin-right: 4px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #fff;
    cursor: pointer;
    border-radius:12px;
    color:#666;
  }

.slideBox3 .hd ul li.on {
    background: #f00;
    color: #fff;
  }