/*公共*/
body {font-family:"Microsoft YaHei","SimSun","Arial Narrow",sans-serif; color: #444; font-size: 12px; line-height: 20px; }
html, body, div, span, ul, li, ol, dl, dt, dd, table, td, th, p, fieldset, form, pre, blockquote, h1, h2, h3, h4, h5, h6, input, img, a { margin: 0; padding: 0; }
ol li { list-style: none; }
ul li { list-style: none; }
h2{ font-size:12px; }
img { border: none; }
a{color: #000000;}
a:link { color: #444; text-decoration: none; }
a:visited { color: #444; text-decoration: none; }
a:hover { color: #f6d75c; text-decoration: none; }
.clearfix{
	clear: both;
	float:none;
	padding: 0;
	margin: 0;
	height: 0;
	_display:inline-block;
	*zoom: 1;
}
.auto{
	margin: 0 auto;
	width: 1160px;
}
  
/*头部的导航菜单*/
section.topNavs{
	height:66px;
	line-height: 66px;
	width: 100%;
	background: #222222;
}
section.topNavs #nav  li{
	display: inline-block;
	margin-right: 50px;
	font-size: 16px;
}
section.topNavs #nav  li a{
 color: #fff;
}
section.topNavs #nav li a:hover{
	color: #ff6c90;
}
/*hamster*/
section.hamster{
	height:1078px ;
	width: 100%;
	background: url(../images/csimg1.jpg) center center no-repeat;
	background-size: cover;
}
section.hamster h1{
	text-indent: -9999px;
}
/*hamsterDiv1*/
section.hamsterDiv1{
	width:100%;
	background: url(../images/csbj1.jpg) center center no-repeat;
	background-size: cover;
	height: 1752px ;
}
section.hamsterDiv1 .welcomeHamster{
	text-align: center;
	height: 253px;
	padding-top: 37px;
}
/*recommend*/
section.hamsterDiv1 .recommend{
	height: 567px;
	width: 970px;
	margin: 40px auto 0 auto;
	text-align: right;
}

/*comeAlong*/
section.hamsterDiv1 .comeAlong{
	width: 970px;
	margin:  20px auto;
	height: 470px;
}
section.hamsterDiv1 .comeAlong .comeAlong-left{
	float: left;
}
section.hamsterDiv1 .comeAlong .comeAlong-right{
	float: right;
}
section.hamsterDiv1 .comeAlongList{
	width: 970px;
	height:303px ;
	margin: 74px auto 0 auto;
}
section.hamsterDiv1 .comeAlongList li{
	float: left;
	width:371px;
	height: 100%;
	margin-right: 114px;
}

/*hamsterDiv2*/
section.hamsterDiv2{
	width:100%;
	background: url(../images/csbj2.jpg) center center no-repeat;
	background-size: cover;
	height: 1548px ;
}
section.hamsterDiv2 .haDiv2Cont{
	width: 1106px;
	margin: 0 auto;
	height: 646px;
	padding-top: 250px;
}
section.hamsterDiv2 .haDiv2Cont .haDiv2ContL{
	float: left;
	height: 100%;
	width: 558px ;
}
section.hamsterDiv2 .haDiv2Cont .haDiv2ContL img{
	width: 100%;
}
section.hamsterDiv2 .haDiv2Cont .haDiv2ContR{
	width:450px ;
	float: right;
}
section.hamsterDiv2 .haDiv2Cont .haDiv2ContR h2{
	width:435px ;
	height: 203px;
	margin-bottom: 28px;
}
section.hamsterDiv2 .haDiv2Cont .haDiv2ContR h2 img{
	width: 100%;
	height: 100%;
}

section.hamsterDiv2 .haDiv2Img{
	width: 1106px;
	height: 351px ;
	margin:80px auto 0  auto;
}
section.hamsterDiv2 .haDiv2Img img{
	width: 100%;
	height: 100%;
}

/*hamsterDiv3*/
section.hamsterDiv3{
	width:100%;
	background: url(../images/csbj3.jpg) center center no-repeat;
	background-size: cover;
	height: 1550px ;
}

section.hamsterDiv3 .clothing-title{
	height: 224px;
	text-align: right;
	padding-top:50px;
}
section.hamsterDiv3 .clothingCont{
	height: 1037px;
	width: 1140px;
	margin: 10px auto 0 auto;
}
section.hamsterDiv3 .clothingCont .clothingCont-left{
	width:478px;
	text-align: right;
	float: left;
	height: 100%;
}
section.hamsterDiv3 .clothingCont .clothingCont-left img{
	margin-bottom: 50px;
}
section.hamsterDiv3 .clothingCont .clothingCont-right{
	float: right;
}

/*hamsterDiv4*/
section.hamsterDiv4{
	width:100%;
	background: url(../images/csbj4.jpg) center center no-repeat;
	background-size: cover;
	height: 1548px ;
}
section.hamsterDiv4 .food-title{
	height: 256px;
	padding-top: 200px;
}
section.hamsterDiv4 .foodCont{
	width: 1140px;
	margin: 20px auto;
}
section.hamsterDiv4 .foodCont .foodCont-left{
	float: left;
	width: 751px;
	height: 816px;
	position: relative;
}
section.hamsterDiv4 .foodCont-left .foodCont-left-icon{
	width: 87px;
	height: 95px;
	display: inline-block;
	_zoom: 1;
	position: absolute;
	left:-54px;
	bottom:-50px;
}
section.hamsterDiv4 .foodCont .foodCont-right{
	width: 334px;
	float: right;
}
section.hamsterDiv4 .foodCont .foodCont-right img{
	margin-bottom: 50px;
}

/*hamsterDiv5*/
section.hamsterDiv5{
	width:100%;
	background: url(../images/csbj5.jpg) center center no-repeat;
	background-size: cover;
	height: 1905px ;
}
section.hamsterDiv5 .liveTop{
	height: 679px;
	padding-top: 380px;
}
section.hamsterDiv5 .liveTop .liveTop-left{
	float: left;
	width: 628px;
}
section.hamsterDiv5 .liveTop .liveTop-right{
	float: right;
	width: 488px;
	padding-top: 288px;
	position: relative;
}
section.hamsterDiv5 .liveTop-right .live-title{
	position: absolute;
	top: -240px;
	right: 0px;
	z-index: 0;
}
section.hamsterDiv5 .liveBottom{
	height:678px ;
	margin-top: 124px;
}
section.hamsterDiv5 .liveBottom-left{
	float: left;
	width: 542px;
	height: 425px;
	margin-top: 118px;
}
section.hamsterDiv5 .liveBottom-left ul{
	margin-left: -10px;
}
section.hamsterDiv5 .liveBottom-left li{
	float: left;
	width: 265px;
	height: 206px;
	margin: 0 0 10px 10px;
}
section.hamsterDiv5 .liveBottom-right{
	float: right;
	height: 100%;
	width: 605px;
}


/*hamsterDiv6*/
section.hamsterDiv6{
	width:100%;
	background: url(../images/csbj6.jpg) center center no-repeat;
	background-size: cover;
	height: 2722px ;
}
section.hamsterDiv6 .walk-title{
	padding-top: 288px;
	height: 300px;
}
section.hamsterDiv6  .walkImg1{
	height: 604px;
	margin-top: 40px;
}
section.hamsterDiv6  .walkImg2{
	margin-top: 28px;
	height: 619px;
}
section.hamsterDiv6 .walkImg2 .walkImg2-left{
	float: left;
	width: 805px;
}
section.hamsterDiv6 .walkImg2 .walkImg2-right{
	margin-top: 132px;
	width: 332px;
	height: 393px;
	float: right;
}
section.hamsterDiv6 .walkImg3{
	margin-top: 65px;
	height: 645px;
}
section.hamsterDiv6 .walkImg3 li{
	float: left;
	width: 466px;
	margin-left: 80px;
}
/*底部二维码*/
section.bottomEwm{
	height: 949px;
	padding-top: 125px;
	background: #eed9ee;
}

section.bottomEwm .bottomEwm-top{
	height: 532px;
	width: 830px;
	margin:0 auto;
	padding-left:270px;
	background: url(../images/bImg1.png) 10px 190px no-repeat;
}
section.bottomEwm .bottomEwm-top li{
	float: left;
	width: 398px;
	margin-right: 10px;
}
section.bottomEwm .bottomEwm-bottom{
	width: 1160px;
	text-align: center;
	margin-top: 80px;
	font-size: 36px;
	line-height: 90px;
}
/*foot*/
footer.foot{
	height: 825px;
	padding-top: 103px;
	background: url(../images/footBj.jpg) center center no-repeat;
	background-size: cover;
}
footer.foot .footList li{
	float: left;
	width: 283px;
	height: 373px;
	margin-left: 5px;
}
/*footCopy*/
footer.foot .footCopy{
	margin: 290px auto 0 auto;
}
footer.foot .footCopy .foot-link {
	text-align: center;
	color: #fff;
	margin: 24px auto 0 auto;
}

footer.foot .footCopy .foot-link a {
	font-size: 16px;
	color: #fff;
	margin-left: 10px;
	margin-right: 10px;
	line-height: 24px;
}

footer.foot .footCopy p.foot-copy {
	text-align: center;
	color: #fff;
	font-family: "微软雅黑";
	font-size: 14px;
	margin-top: 10px;
}