@charset "utf-8";

/* CSS Document */

.xs{

		

		float:left;

	background: #909090;

	border-radius: 10px;

	padding: 0 13.5px;

	margin-top: 41px;

	margin-left: 10px;

	cursor: pointer;

	}

.xs:hover{

	background:#555555;

}

.xs p{

	

	color: #fff;

	font-size: 12px;

	line-height: 25px;

	text-align: center;

}



@media screen and (max-width: 1500px) {

	.jx{

		width: 70%;

	}

	}

@media screen and (max-width: 1440px) {

.zx1 {

	width: 100%;}

.ls-5{letter-spacing: 3px;}



.menu{font-size:14px;}

.promo-list .t2{font-size:40px;}



	

	.zx img{

	

	width: 38px;

	max-width: 38px;

		

	}

.product-list .mlr-30{margin-top:10px;}

.promo-list .line.show.h100, .product-layer .line.show.h100{height:100px;}



.team-list .item.nth1{top:-20px;}

.team-list .item.nth2{top:-30px;}

.team-list .item.nth3{top:40px;}

.team-list .item.nth4{top:-40px;}

.team-list .item .hover{width:280px;height:280px;margin-top:-111px;}

.team-list .item.nth2 .w40,.team-list .item.nth3 .w40{margin-left:-111px;}



.mt-20{margin-top:10px;}

.mt-50{margin-top:40px;}

.mt-60{margin-top:50px;}

.mt-75{margin-top:60px;}

.mt-90{margin-top:70px;}

.mt-100{margin-top:70px;}

.mt-120{margin-top:100px;}

.mlr-100{margin-left:70px;margin-right:70px;}



.pt-50{padding-top:40px;}

.pt-70{padding-top:50px;}

.pt-90{padding-top:70px;}



.pm-40{padding-bottom:40px;}

.pm-75{padding-bottom:60px;}

.pm-100{padding-bottom:70px;}



.ptm-50{padding-top:40px;padding-bottom:40px;}

.ptm-60{padding-top:50px;padding-bottom:50px;}

.ptm-75{padding-top:60px;padding-bottom:60px;}

.ptm-100{padding-top:70px;padding-bottom:70px;}

.ptm-120{padding-top:100px;padding-bottom:100px;}

.ptm-150{padding-top:100px;padding-bottom:100px;}

.ptm-170{padding-top:100px;padding-bottom:100px;}

.ptm-200{padding-top:150px;padding-bottom:150px;}

.ptm-250{padding-top:200px;padding-bottom:200px;}



.f-16{font-size:14px;}

.f-18{font-size:14px;}

.f-24{font-size:20px;}

.f-26{font-size:22px;}

.f-36{font-size:26px;}

.f-110{font-size:90px;}

}



.sjd{

	display: none;

}

@media screen and (max-width: 1330px) {

	

	.xw6{

		width: 400px;

	}.xw1{

		width: 570px;

		margin-left: -20px;

	}

	

}

@media screen and (max-width: 1300px) {

	.cm{max-width:1000px;}

	.menu span{

		margin-left: 30px;

	}.jx{

		width: 80%;

	}.logo{
		width: 450px;
		margin-top: 13px;
	}

}



@media screen and (max-width: 1140px) {

	.xw1:nth-child(2){

		display: none;

		

	}

	.xw{

		width: 100%;

	}

	.xw1{

		margin: 0 auto;

		display: block;

		position: relative;

		left: 50%;

		margin-left: -335px;

		

	}

	

	

}

@media screen and (max-width: 1024px) {

	.menu span{

		margin-left: 30px;

	}.logo{
		width: 400px;
		margin-top: 16px;
	}

.cm{max-width:900px;}

	.menu span{

		margin-left: 25px;

	}

.product-list .mlr-30{margin:10px 0 0;}

.flipInY.w30{margin-top:-5%;position: relative;}



.team-list .item.nth1{top:-40px;}

.team-list .item.nth2{top:-20px;}

.team-list .item.nth3{top:40px;}

.team-list .item.nth4{top:-55px;}

.team-list .item .hover{width:240px;height:240px;margin-top:-91px;}

.team-list .item.nth2 .w40,.team-list .item.nth3 .w40{margin-left:-91px;}.jx{

		width: 90%;

	}.lxx{

		width: 70%;

	}

}



@media screen and (max-width: 940px) {

	

	.mt-75{

		width: 90%;

		margin-left: 5%;

	}

	

}



@media screen and (max-width: 900px) {

	.lxwm1{

		width: 100%;

	}

	.header{

		display: none;

	}.lxwm2{

		float: none;

		width: 400px;

		margin: 0 auto;

	}.lxwm3{

		float: none;	width: 400px;

		margin: 0 auto;

	}.lxwm4{

		float: none;	width: 200px;

		margin: 0 auto;

		margin-top: 10px;

	}.lxx{

		width: 100%;

	}.lxwm .f-36{

		font-size: 32px;

	}.lxwm .f-18{

		font-size: 18px;

		line-height: 32px;

	}.lxwm1 li{

		font-size: 16px;

	line-height: 50px;

	}

	

}

@media screen and (max-width: 768px) {

.cm{max-width:100%;padding:0 15px;-moz-box-sizing: border-box;-webkit-box-sizing:border-box;box-sizing: border-box;}

.menu-btn{display:block;font-size:22px;color:#fff;padding:0 10px;}

.menu{position: absolute;top: 56px;left: 0px;z-index:1000;width:100%;text-align:center;display:none;}

.menu a,.menu span{width:100%;margin-left:0px;}

.menu span{background-color: rgba(255,255,255,0.7);margin-top:1px;line-height:42px;}

.menu p{width:100%;position: relative;left: auto;top: auto;margin: 0px;padding: 0px;opacity: 1;pointer-events:auto;display:none;}

.menu p a{line-height:42px;}

.header .share{display:none;position: absolute;top:229px;left:0px;width:100%;z-index:1000;text-align: center;background-color: rgba(255,255,255,0.7);}

.header.even .share{top:397px;}

.header .share a{width:33.33333%;margin-left:0px;}

.header{top:0px;background-color: rgba(255,255,255,0.7);position: fixed;}

.text-box{margin-top:-50px;}



.w25{width:50%;}

.mlr-100{margin-left: 40px;margin-right: 40px;}





.grid-list .w25,.grid-list .w50{margin-top: 30px;}

.grid-list .w15,.grid-list .w70{width:33.333333%;}

.icon-line{display:none;}

.footer{text-align: center;}

.footer .share{display:none;}

.footer .w25{width:25%;}

.footer .w50{width:100%;}

.footer .w50:nth-child(2){display: none}

	

	.zx3{

		width: 100%;

		margin-left: 0;

		margin-right: 0;

	}	.zx3 img{

		margin:  0 auto;

	}

	

.xw1{

		

		margin-left: -300px;

		

	}}

.zx5{

	display: none;

}

.ban2{

	display: none;

}





@media screen and (max-width: 700px) {

	.sjd{

	display: block;

}

	.fw1 img{

		width: 130px;

	}

	.fw2 img{

		width: 130px;

	}.fw3 img{

		width: 130px;

	}

	

	.fw1{

		height: 350px;

		background: url(../images/fw11.png);

		padding-top: 150px;

	}

	.fw2{

		height: 350px;

		background: url(../images/fw21.png);

		padding-top: 150px;

	}.fw3{background: url(../images/fw31.png);

		height: 350px;padding-top: 150px;

	}

}



@media screen and (max-width: 580px) {

	.xw3{

		display: none;

	}

	.xw1{

		

		margin-left: -220px;

		

	}

	

}

@media screen and (max-width: 480px) {

.promo-list .t2{font-size:26px;letter-spacing: 3px;}

.promo-list .t3{font-size:16px;letter-spacing: 5px;}

.promo-list .t_btn a{padding:10px 40px;font-size:14px;}

.promo-list .t_img img{max-width:60%;display: none;}

.promo-list .cover{background-position:45% center;}

.header{height:50px;line-height:50px;}

.header .logo img{height:50px;}

.header .share{top:223px;}

.header.even .share{top:391px;}

.menu{top:50px;}

.text-span span{display:initial;}

.text-span.media-initial span{display:block;}

	.text-span span{

		font-size: 16px;

	}

	.ys1 h4{

		font-size: 16px;

	}

	.xw6{

		margin-left: -10px;

	}.xw6 h2{font-size: 18px;

		height: 30px;

		overflow: hidden;

	}

	

	.xw1{

		

		margin-left: -160px;

		

	}.xw6 h6{font-size: 14px;

		width: 95%;

	}

	.ban1{

		display: none;

	}.ban2{

		display:block;

	}.xw6{

		width: 300px;

	}

	.zx img{

	

	width: 38px;

	max-width: 38px;

	

	}

	.zx5{

	display: block;

}.zx4{

	display: none;

}

	

.ls-5{letter-spacing: 1px;}

.footer .w50{display: none;}

.promo-list .line.show, .product-layer .line.show{height:150px;}

.news-list .item,.news-list .item.mr-0{width:48%;margin-right:4% !important;}

.news-list .item:nth-child(2n){margin-right:0px !important;}

.news-list .title img{width:50%;}

.news-list .item{margin-top: 30px;}

.news-list .item h3{font-size:15px;}

.news-list .item h4{height:60px;font-size:12px;}

.page a{display:none;font-size:14px;}

.page a:first-child{display:inline-block;}

.page a:last-child{display:inline-block;}

.text-box{margin-top:0;}

.text-box .bg-white{padding:30px 0;}

.text-box .mlr-100{margin:0px;}

.le-10{letter-spacing: 5px;}

.le-2{letter-spacing: 1px;}

.brand-list.ptm-75{padding-bottom:0px;}

.good-list .w20,.good-list .w60{width:33.333333%;}

.good-list .w20 img,.good-list .w60 img{width:70px;}

.good-list .pm-50{padding-bottom:0px;}

.promo-list .line.show.h100, .product-layer .line.show.h100{height:60px;}



.team-list .item.nth1{top:auto;text-align: center;width:25%;}

.team-list .item.nth2{top:auto;text-align: center;width:25%;}

.team-list .item.nth3{top:auto;text-align: center;width:25%;}

.team-list .item.nth4{top:auto;text-align: center;width:25%;}

.team-list .item .box{width:50px;height:50px;line-height:50px;font-size:13px;}

.team-list .item .box.active{border:1px #9bc929 solid;color:#9bc929;top:-1px;left:-1px;}

.team-list .ptm-200{padding:0;}

.team-list .tab{width:100%;}

.team-list .pm-50{padding:20px 0 0 0;}

.media-hidden{display: none;}



.product-banner .cm{padding:0px;}

.product-banner img:first-child{display: none;}

.product-banner img:last-child{display: block;padding:5% 0 5%;}

.media-text-box .text{display: block;font-size:14px;}

.media-text-box .text img{display:inline-block;}

.media-text-box .text em{font-style:normal;width:30px;height:30px;line-height:30px;text-align:center;background-color:#2ad2c9;color:#fff;display:inline-block;border-radius:100px;font-size:15px;margin-right:10px;float: left;margin-bottom:15px;}

.media-text-box .text span.b em{margin-bottom:30px;}

.media-text-box .text font{font-size:18px;color:#2ad2c9;}

.media-text-box .text span{display: block;margin-top:20px;min-height:30px;}

.media-text-box .text b{color:#333;}

.media-text-box img{display: none;}

.product-layer .item{margin-top:30px;}

.product-layer .item img{width:60px;}

.product-layer .item.h-54{line-height:30px;}

.product-layer .pt-90{padding-top:10px;}

.product-layer .w33{width:100%;margin-top:30px;}

.product-layer .w33:first-child{margin-top:0px;}

.product-layer .w33 img{max-width:50%;}

.product-layer .w33 .mt-30{font-size:16px;}

.product-layer .w33 .w70{width:80%;font-size:13px;}

.w80,.card-item .w50{width:100%;}

.card-item {margin-top:0px;}

.card-item .w50{margin-top:30px;}

.brand-logo img{width:100%;}

.food-list{padding-top:0;}

.product-layer .food-list .item img{width:80px;}

.food-list .w20{width:100%;}

.food-list .w20:nth-child(2),.food-list .w20:nth-child(4){display:none;}

.food-list .mt-20{font-size:16px;}

.food-list .mt-10{font-size:12px;}

.item-type-list .mlr-20{width:50%;margin:0px;display:inline-block;text-align: center;}

.item-type-list{width:100%;text-align: left;}

.dog-item.mt-100{margin-top:0px;}

.dog-item .text span:first-child{margin-top:0px;}



.btn-green a{padding:5px 30px;font-size:16px;}



.h-24{line-height: 20px;}

.h-30{line-height:24px;}

	

.mt-15{margin-top:5px;}

.mt-25{margin-top:15px;}

.mt-30{margin-top:15px;}

.mt-50{margin-top:25px;}

.mt-75{margin-top:30px;}

.mt-100{margin-top:20px;}



.pt-27{padding-top:12px;}

.ptm-20{padding-top: 10px;padding-bottom: 10px;}

.plr-20{padding-left: 10px;padding-right: 10px;}

.ptm-100,.ptm-75{padding-top:40px;padding-bottom: 40px;}

.ptm-170{padding-top:60px;padding-bottom: 60px;}

	.f-40{

		font-size: 26px;

	}.ys h4{

		font-size: 16px;

	}

.pt-50{padding-top:10px;}

.pt-90{padding-top:30px;}

.pm-50{padding-bottom:30px;}

.pm-100{padding-bottom:30px;}



.f-14,.f-16{font-size:12px;}

.f-22{font-size:16px;}

.f-24,.f-20{font-size:14px;}

.f-26{font-size:16px;line-height: 26px;}

.f-18{font-size:12px;}

.f-30{font-size:24px;}

.f-32{font-size:22px;}

.f-36{font-size:18px;}

.f-110{font-size:50px;}

	.fw1 img {

    width: 100px;

}.fw2 img {

    width: 100px;

}.fw3 img {

    width: 100px;

}

}


@media screen and (max-width: 440px) {
	
	.sp_logo img{
		width: 300px;
		margin-top: 4px!important;
	}
}