.pet-content {

  width: 100%;

  height: auto;

  overflow: hidden;

}

.pet-content .swiper-container {

  width: 100%;

  height: 100%;

}

.pet-content .swiper-slide {

  width: 100%;

  height: 100%;

  min-height: 480px;

}

.pet-content div.pic1 {

  background: url(../image/index_slide_d1.jpg);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}

.pet-content div.pic1 .product-description {

  width: 1200px;

  height: auto;

  margin: 0 auto;

  color: black;

  text-align: center;

  padding-top: 80px;

}

.pet-content div.pic1 .product-description p:nth-child(n+1) {

  font-weight: bold;

  font-size: 40px;

}

.pet-content div.pic1 .product-description p:nth-child(n+2) {

  font-size: 26px;

  line-height: 60px;

  color: #666;

}

.pet-content div .product-description div {

  display: inline-block;

  width: auto;

  height: 34px;

}

.pet-content div.pic1 .product-description div a {

  display: inline-block;

  width: auto;

  height: 34px;

  border: 1px solid #666;

  border-radius: 20px;

  line-height: 32px;

  padding: 0 30px;

  font-size: 18px;

  cursor: pointer;

}

.pet-content div.pic1 .product-description div:hover a {

  color: white;

  background: #666;

}

.pet-content div.pic2 {

  background: url(../image/water-banner.jpg);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}

.pet-content div.pic2 .product-description {

  width: 1200px;

  height: auto;

  margin: 0 auto;

  color: black;

  padding-top: 140px;

  padding-left: 100px;

}

.pet-content div.pic2 .product-description p:nth-child(n+1) {

  font-weight: bold;

  font-size: 40px;

}

.pet-content div.pic2 .product-description p:nth-child(n+2) {

  font-size: 26px;

  line-height: 60px;

  color: #666;

}

.pet-content div.pic2 .product-description div a {

  display: inline-block;

  width: auto;

  height: 34px;

  border: 1px solid #666;

  border-radius: 20px;

  line-height: 32px;

  padding: 0 30px;

  font-size: 18px;

  cursor: pointer;

}

.pet-content div.pic2 .product-description div:hover a {

  color: white;

  background: #666;

}

.pet-content div.pic3 {

  background: url(../image/index_slide_o1.jpg);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}

.pet-content div.pic3 .product-description {

  width: 1200px;

  height: auto;

  margin: 0 auto;

  color: #fff;

  padding-top: 240px;

  padding-left: 100px;

}

.pet-content div.pic3 .product-description p:nth-child(n+1) {

  font-weight: bold;

  font-size: 40px;

}

.pet-content div.pic3 .product-description p:nth-child(n+2) {

  font-size: 26px;

  line-height: 60px;

  color: #fff;

}

.pet-content div.pic3 .product-description div a {

  display: inline-block;

  width: auto;

  height: 34px;

  border: 1px solid #fff;

  border-radius: 20px;

  line-height: 32px;

  padding: 0 30px;

  font-size: 18px;

  cursor: pointer;

  color: #fff;

}

.pet-content div.pic3 .product-description div:hover a {

  color: #000000;

  background: #fff;

}

.pet-content div.pic4 {

  background: url(../image/index_slide_h1.jpg);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}

.pet-content div.pic5 {

  background: url(../image/index_slide_f2.jpg);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}

.pet-content div.pic6 {

  background: url(../image/index_slide_q1.jpg);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}

.pet-content div.pic7 {

  background: url(../image/index_slide_w1.jpg);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}

.pet-product-detail {

  width: 100%;

  height: auto;

  overflow: hidden;

}

.swiper-pagination-bullet {

  width: 14px;

  height: 14px;

  opacity: .5;

}



/*详情页1*/



.page2-main {

  width: 500px;

  height: 500px;

  margin: 80px auto;

  position: relative;

  margin-top: 160px;

}

.page2-bg {

  width: 100%;

  height: 100%;

}

.page2-main p.text1 {

  font-size: 80px;

  color: #333;

  width: 100%;

  height: 50%;

  line-height: 280px;

  position: absolute;

  left: 0;

  top: 0;

  text-align: center;

}

.page2-main p.text2 {

  font-size: 36px;

  color: #333;

  width: 100%;

  height: auto;

  line-height: 60px;

  position: absolute;

  left: 0;

  top: 270px;

  text-align: center;

}

.page3-main {

  width: 100%;

  height: auto;

  text-align: center;

  overflow: hidden;

  position: relative;

}

.page3-pic1 {

  width: 420px;

  height: 120px;

  margin: 0 auto;

  margin-top: 170px;

  display: block;

}

.page3-text1 {

  padding-left: 86px;

  font-size: 28px;

  color: #333;

  line-height: 42px;

  margin-top: 48px;

}

.page3-text2 {

  padding-left: 12px;

  font-size: 28px;

  color: #333;

  line-height: 42px;

}

.page3-text3 {

  padding-left: 154px;

  font-size: 28px;

  color: #333;

  line-height: 42px;

}

.page3-text4 {

  width: 100%;

  height: auto;

  line-height: 40px;

  color: #f5b928;

  font-size: 30px;

  padding: 0 40px;

  margin-top: 10px;

}

.page3-pic2 {

  width: 496px;

  height: 188px;

  margin: 20px auto;

}

.page4-text1 {

  width: 100%;

  height: 40px;

  line-height: 40px;

  font-size: 40px;

  color: #f5b927;

  margin-top: 180px;

  text-align: center;

}

.page4-pic2 {

  width: 500px;

  height: auto;

  margin-top: 50px;

}

.page5-title {

  width: 220px;

  height: 77px;

  line-height: 77px;

  margin: 0 auto;

  margin-top: 130px;

}

.page5-title img, .page7-title img, .page8-title img {

  width: 108px;

  height: 77px;

  float: left;

}

.page5-title p, .page7-title p, .page8-title p {

  float: right;

  color: #f2a600;

  font-size: 32px;

  width: auto;

}

.page5-main {

  width: 558px;

  height: 596px;

  margin: 0 auto;

  margin-top: 40px;

  position: relative;

}

.page5-main img {

  width: 460px;

}

.page7-title {

  width: 400px;

  height: 77px;

  line-height: 77px;

  margin: 0 auto;

  margin-top: 80px;

}

.page7-main {

  width: 100%;

  height: 660px;

  position: relative;

}

.page7-main-content {

  width: 396px;

  height: 396px;

  position: absolute;

  left: 50%;

  top: 240px;

  margin-left: -460px;

}

.page7-main-content img {

  width: 100%;

  height: 100%;

}

.page7-main-content p {

  position: absolute;

  height: auto;

  width: 100%;

  text-align: center;

}

.page7-main-content p.text1 {

  position: absolute;

  font-size: 33px;

  color: #fff;

  width: 100%;

  top: 86px;

  left: 0;

  line-height: 48px;

}

.page7-main-content p.text2 {

  position: absolute;

  font-size: 20px;

  color: #333;

  width: 100%;

  top: 200px;

  left: 0;

  line-height: 32px;

}

.page7-pic3 {

  position: absolute;

  left: 50%;

  bottom: 0;

  margin-left: 40px;

  width: 340px;

}

.page8-pic3 {

  position: absolute;

  left: 50%;

  bottom: 0;

  margin-left: -380px;

  width: 340px;

}

.page8-main {

  width: 100%;

  height: 600px;

  position: relative;

  overflow: hidden;

  margin: 50px 0;

}

.page8-title {

  width: 480px;

  height: 77px;

  line-height: 77px;

  margin: 0 auto;

  margin-top: 120px;

}

.page8-main-content {

  width: 400px;

  height: auto;

  position: absolute;

  left: 50%;

  top: 340px;

  margin-left: 30px;

}

.page8-main-content>div {

  width: 400px;

  overflow: hidden;

  margin-bottom: 40px;

}

.page8-main-content>div>div {

  float: left;

  width: 46px;

  height: 46px;

  line-height: 46px;

  text-align: center;

  font-size: 30px;

  color: #333;

  border-radius: 50%;

  background: #f2ce18;

}

.page8-main-content>div>p {

  float: left;

  width: 350px;

  padding-left: 20px;

  color: #333;

  line-height: 40px;

  font-size: 26px;

  padding-top: 10px;

}

.page9-content {

  width: 100%;

  height: 800px;

  position: relative;

  overflow: hidden;

}

.page9-main {

  width: 530px;

  height: 456px;

  position: absolute;

  left: 50%;

  top: 280px;

  margin-left: -50px;

}

.page9-main>div:first-child {

  position: absolute;

  left: 0;

  top: 0;

  width: 242px;

  height: 242px;

  color: #fff;

  z-index: 1;

}

.page9-main>div:last-child {

  position: absolute;

  right: 0;

  bottom: 0;

  width: 306px;

  height: 306px;

  color: #fff;

}

.page9-main>div>img {

  width: 100%;

  height: 100%;

}

.page9-main>div>p.text1 {

  width: 100%;

  height: 71px;

  text-align: center;

  line-height: 71px;

  font-size: 32px;

  position: absolute;

  left: 0;

  top: 0;

}

.page9-main>div>p.text2 {

  width: 100%;

  height: 71px;

  text-align: center;

  line-height: 28px;

  font-size: 16px;

  position: absolute;

  left: 0;

  top: 90px;

}

.page9-main>div>p.text3 {

  width: 100%;

  height: 71px;

  text-align: center;

  line-height: 71px;

  font-size: 38px;

  position: absolute;

  left: 0;

  top: 0;

}

.page9-main>div>p.text4 {

  width: 100%;

  height: 71px;

  text-align: center;

  line-height: 30px;

  font-size: 18px;

  position: absolute;

  left: 0;

  top: 90px;

}

.page9-pic3 {

  width: 251px;

  position: absolute;

  left: 50%;

  margin-left: -380px;

  bottom: 0;

}

.page11-title {

  width: 300px;

  height: 77px;

  line-height: 77px;

  margin: 0 auto;

  margin-top: 100px;

}

.page11-main {

  width: 100%;

  height: auto;

}

.page11-li {

  width: 600px;

  height: 126px;

  margin: 0 auto;

  overflow: hidden;

}

.page11-li>div {

  width: 300px;

  float: left;

  text-align: right;

}

.page11-li>div:first-child {

  text-align: left;

}

.page11-li>div p:first-child {

  width: 100%;

  height: 70px;

  color: #333;

  font-size: 30px;

  line-height: 60px;

  padding-top: 10px;

}

.page11-li>div p:last-child {

  width: 100%;

  height: auto;

  color: #333;

  font-size: 18px;

  line-height: 18px;

}

.page11-pic3 {

  width: 290px;

  height: auto;

  position: absolute;

  right: 0;

  bottom: 0;

}

.page13-pic1 {

  width: 390px;

  margin-left: 36px;

  margin-top: 100px;

}

.page13-text1 {

  width: 100%;

  height: auto;

  line-height: 70px;

  color: #ee843c;

  font-size: 56px;

  margin-top: 18px;

  text-align: center;

}

.page13-text2 {

  width: 100%;

  height: auto;

  padding-left: 200px;

  font-size: 42px;

  line-height: 80px;

}

.page13-pic3 {

  width: 500px;

  margin: 80px 0;

}

#product-bath {

  width: 100%;

  height: 100%;

  min-height: 500px;

  color: #000000;

  font-size: 50px;

  line-height: 500px;

  text-align: center;

  padding-top: 160px;

}

#product-shit {

  padding-top: 160px;

}



/*shit*/



#product-shit img {

  display: block;

  width: 700px;

  margin: 0 auto;

  padding-top: 160px;

}

#product-shit img:last-child {

  padding-bottom: 180px;

}

#product-shit .shit1, #product-shit.shit6 {

  padding: 0;

}



/**/



.petWater-banner {

  width: 100%;

  height: auto;

  padding-top: 97px;

  overflow: hidden;

}

.petWater-banner img {

  width: 100%;

  height: auto;

  display: block;

}

.petWater-part1-box {

  width: 100%;

  height: 820px;

  overflow: hidden;

}

.petWater-part1 {

  width: 1200px;

  height: 820px;

  margin: 0 auto;

}

.petWater-part1 ul {

  width: 100%;

  height: 264px;

  overflow: hidden;

}

.petWater-part1 li {

  float: left;

  width: 25%;

  height: 100%;

}

.petWater-part1 ul img {

  display: block;

  width: 59px;

  height: 97px;

  margin: 0 auto;

}

.petWater-part1 .dh6 {

  width: 100%;

  height: 80px;

  line-height: 30px;

  font-size: 20px;

  color: #333;

  margin: 0;

  padding: 34px 0 16px 0;

  text-align: center;

  font-weight: bold;

}

.petWater-part1 p {

  width: 100%;

  height: auto;

  line-height: 30px;

  font-size: 16px;

  color: #666;

  text-align: center;

}

.petWater-part1>img {

  display: block;

  margin: 0 auto;

}

.petWater-part2 {

  width: 100%;

  height: auto;

  display: block;

}

.petWater-part3-box {

  width: 100%;

  height: auto;

}

.petWater-part3 {

  width: 1200px;

  height: 940px;

  margin: 0 auto;

}

.petWater-part3-title {

  width: 100%;

  height: 270px;

  text-align: center;

  overflow: hidden;

}

.petWater-part3-title .dh4 {

  font-size: 36px;

  line-height: 60px;

  height: 60px;

  margin-top: 82px;

  color: #333;

  font-weight: normal;

}

.petWater-part3-title p {

  height: 46px;

  line-height: 46px;

  font-size: 30px;

  border-top: 1px solid #999;

  width: 310px;

  margin: 0 auto;

  color: #999;

}

.petWater-part3-main {

  width: 100%;

  height: auto;

  position: relative;

}

.petWater-part3-main img {

  display: block;

  margin: 2px auto;

}

.petWater-part3-main p {

  position: absolute;

  height: 16px;

  width: auto;

  line-height: 16px;

  color: #333;

  font-size: 16px;

}

.petWater-part3-main .p1 {

  left: 95px;

  top: 6px;

}

.petWater-part3-main .p2 {

  left: 95px;

  top: 145px;

}

.petWater-part3-main .p3 {

  left: 95px;

  top: 228px;

}

.petWater-part3-main .p4 {

  left: 95px;

  top: 464px;

}

.petWater-part3-main .p5 {

  right: 77px;

  top: 204px;

}

.petWater-part4-box {

  width: 100%;

  height: 368px;

  background: #F0F3F5;

  padding-top: 110px;

}

.petWater-part4-box img {

  display: block;

  margin: 0 auto;

}



/*宠物喂食器*/



.petFeed-banner {

  width: 100%;

  height: auto;

  padding-top: 97px;

  overflow: hidden;

}

.petFeed-banner img {

  width: 100%;

  height: auto;

  display: block;

}

.petFeed-part1{

	width: 1200px;

	margin: 0 auto;

	height: 780px;

}

.petFeed-part1 img{

	float: left;

	margin-left: 165px;

	margin-top: 58px;

}
.petFeed-part1-main{

	float: right;

	width: 546px;

	height: auto;

	padding-top: 123px;

	padding-right: 20px;

}
.petFeed-part1-main .dh5,.petFeed-part2-main .dh5{

	width: auto;

	height: 86px;

	font-size: 36px;

	color: #333;

	line-height: 86px;

}
.petFeed-part1-main p,.petFeed-part2-main p{

	width: 100%;

	height: auto;

	line-height: 30px;

	font-size: 16px;

	color: #666;

	padding-bottom: 14px;

}

.petFeed-part2-box{

	background: url(../image/feed-pic2.jpg);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  height: 600px;

}
.petFeed-part2{

	width: 1200px;

	height: 600px;

	margin: 0 auto;

	overflow: hidden;

}

.petFeed-part2-main{

	width: 618px;

	height: auto;

	padding-left: 64px;

	padding-top: 130px;

	float: left;

}
.petFeed-part2 img{

	float: left;

	margin-top: 128px;

}

.petFeed-part3-box{

	background: url(../image/feed-pic4.jpg);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  height: 1043px;

  overflow: hidden;

}
.petFeed-part3-title{

  font-size: 36px;

  line-height: 60px;

  height: 60px;

  margin-top: 70px;

  color: #333;

  font-weight: normal;

  text-align: center;

}
.petFeed-part3-box .dh5{

  font-size: 36px;

  line-height: 60px;

  height: 60px;

  margin-top: 82px;

  color: #333;

  font-weight: normal;

}

.petFeed-part3-box p {

  height: 46px;

  line-height: 46px;

  font-size: 30px;

  border-top: 1px solid #999;

  width: 448px;

  margin: 0 auto;

  color: #999;

}