.mainCont h2{font-size:31px;font-weight:600;text-transform: uppercase;}
.mainCont h2::after{content:"";display:block;width:54px;height:1px;background:#333; margin: 10px auto;}

.mainBanner{text-align:center}
.mainBanner img{max-width:100%;}
.mainBanner .swiper-pagination-bullet{width:15px;height:15px;background:#fff;opacity:1}
.mainBanner .swiper-pagination-bullet-active{background:#f7b015}

.ourBrand{background:#fffdf1;padding:30px 0;}
.ourBrand h2{color:#653603;}
.ourBrand h2 span{color:#f7b015}
.ourBrand .tab{font-size:0;margin-bottom:26px;}
.ourBrand .tab li{display:inline-block;margin-left:8.5px;}
.ourBrand .tab li:first-child{margin-left:0;}
.ourBrand .tab li button{color:#f7b015;font-size:13px;min-width:93px;padding:0 10px;background:#fff;border:1px solid #f7b015;border-radius:30px;height:25px;}
.ourBrand .tab li.on button{background:#b16812;border:1px solid #b16812;color:#fff;}
.ourBrand .tabCont{padding:0 0 0 10px;overflow:hidden;}
.ourBrand .tabCont>div{height:0;overflow:hidden;}
.ourBrand .tabCont>div.on{height:auto}
.ourBrand .tabCont .swiper-slide{width:77.42%;}
.ourBrand .tabCont div a{position:relative;display:block;width:240px;}
.ourBrand .tabCont div p{position: absolute;top:10px;width: 100%;color:#fff;}
.ourBrand .tabCont div i{display:block;font-style:normal;font-size:25px;}
.ourBrand .tabCont div i::after{content:"";display:block;margin:5px auto;height:1px;width:35px;background:#fff;}
.ourBrand .tabCont .swiper-slide img{width:100%;}
.ourBrand .swiper-pagination-bullet{width:15px;height:15px;background:#ddd;opacity:1}
.ourBrand .swiper-pagination-bullet-active{background:#653603}


.product{padding:30px 0;background:url('../img/productBannerBg.jpg') no-repeat;background-size:cover;}
.product h2{color:#fff;}
.product h2::after{background:#fff;}
.product .tab {font-size:0;margin-bottom:20px;    margin-left: 25%;}
.product .tab li{display:inline-block;margin-left:30px;}
.product .tab li.on button{color:#81b906}
.product .tab li:first-child{margin-left:0;}
.product .tab button{font-size:40px;font-weight:700;color:#677179}
.product .tabCont{padding:20px 10px;background:#fff;position:relative;}
.product .tabCont>div{height:0;overflow:hidden;}
.product .tabCont>div.on{height:auto}
.product .tabCont .swiper-slide{width:33.33%}
.product .tabCont a> img{width:100%;}
.product .tabCont a> span{display:block;width:100%;color:#333;font-size:13px;line-height:15px;max-height: 30px;overflow:hidden;margin-top:10px;}
.product .prodec-Pag button{width:15px;height:26px;background:url('../img/m_productArrow.png') no-repeat;background-size:contain;vertical-align:middle;}
.product .prodec-Pag button.banner-next{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.product .product-pagination{color:#99abb6;font-size:14px;display:inline-block;width:50px;display:none;}
.product .product-pagination .swiper-pagination-current{color:#fff;}
.product .product-container.on .bannerBtn{display:block;}
.product .bannerBtn{width:15px;height:28px;position:absolute;background:pink;top:50%;margin-top:-14px;z-index:5;background-size:contain !important;display:none;}
.product .banner-prev{left:10px;background:url('../img/product_prvBtn.png') no-repeat}
.product .banner-next{right:10px;background:url('../img/product_nextBtn.png') no-repeat}
.product .imgIcon{display:none;position:absolute;width:35%;height: 142.5px;background-size: contain !important;top: -110px;z-index: 5;left: 0;}
.product .imgIcon.on{display:block}
.product .imgIcon.dog{background:url('../img/dogImg.png') no-repeat right;}
.product .imgIcon.cat{background:url('../img/catImg.png') no-repeat right;}


.community{background:#f2f2f2;padding:30px 10px;}
.community .community-container {overflow:hidden}
.community h2{color:#653603;line-height: 30px;}
.community h2::after{margin:15px auto 20px}
.community h2 span{color:#f7b015}
.community .notice{background:#c1a381}
.community .notice>p{heihgt:60px;line-height:60px;font-size:18px;font-weight:700;color:#fff;padding:0 10px;}
.community .notice ul li{color:#fff;display:table;width:100%;height: 74px;}
.community .notice ul li span{display:table-cell;width: 83px;vertical-align: middle;    line-height: 26px;}
.community .notice ul li span i{font-size:30px;font-weight:700;font-style:normal;display:block;}
.community .notice ul li a{font-size:13px;display:table-cell;vertical-align: middle;}
.community .notice ul li:nth-child(odd){background:#d5bea3}

.community .petStory{border-top:2px solid #c1a381;background:#fff;}
.community .petStory>p{heihgt:60px;line-height:60px;font-size:18px;font-weight:700;padding:0 10px;}
.community .petStory img{width:100%;}
.community .petStory a{display:block;padding:20px 10px 10px 10px;font-family:ngR}
.community .petStory a .title{display:block;font-size:16px;margin-bottom: 7px;}
.community .petStory a .content{display:block;font-size:13px;line-height:18px;color:#999;letter-spacing: -1px;}
.community .petStory a .date{display:block;text-align:right;font-size:12px;color:#bbb;line-height:20px;margin-top:10px;letter-spacing: 0.5px;}

.community .linkService{border-top:2px solid #c1a381;background:#fff;}
.community .linkService>p{heihgt:60px;line-height:60px;font-size:18px;font-weight:700;padding:0 10px;}
.community .linkService ul{background:#e0d8c7}
.community .linkService ul li{display:table;width:50%;float:left;height:147.5px;border-bottom:1px solid #fff;}
.community .linkService ul li:nth-child(odd) a{border-right:1px solid #fff;}
.community .linkService ul li img{display:block;width:73px;margin:0 auto 20px;}
.community .linkService ul li a{display:table-cell;font-size:13px;vertical-align:middle;}

.community .com-pagination {margin-top:20px;}
.community .swiper-pagination-bullet{width:15px;height:15px;background:#ddd;opacity:1}
.community .swiper-pagination-bullet-active{background:#653603}

.sampleLink img{max-width:100%;}