/*
* main style
*/
.table{border-collapse: collapse;}
.table td, .table th{border: 1px solid #cdcdcd;padding:.2em .3em}
.table p{padding: 0px;margin: 0px;}
.table{width: 100%;overflow-y: auto; overflow-x:scroll;_overflow: auto;margin: 0.5em 0 1em;}
.table tr:nth-child(2n+1) td{background-color: #f2f2f2;}

.mmv {
	transform: translateZ(0px);
	transition-property: color;
	transition-duration: 0.6s;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration: 0.6s;
	-webkit-transition-property: color;
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
}
.mmv::before {
	background-color: #dc3545;
	transform-origin: 0% 50%;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	position: absolute;
	z-index: -1;
	content: "";
	transform: scaleX(0);
	transition-property: transform;
	transition-duration: 0.8s;
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 0.8s;
	-webkit-transition-property: transform;
	-webkit-transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	border-radius: 28px;
}
.mmv:hover::before {
	transform: scaleX(1);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	-webkit-transform: scaleX(1);
}
.mybtn {
	display: block;
	margin: 16px auto;
	color: #fff;
	font-size: 18px;
	background-color: #fab702;
	width: 240px;
	height: 36px;
	line-height: 36px;
	text-align: left;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	border-radius: 28px;
	overflow: hidden
}

.service-section a.ser-more{color: #ffffff;padding: 5px 30px;  border-radius: 8px;position: relative;border: 2px solid #fff;}
.service-section .service{height: 100%;}
.service-section .service .service-inner{height: 100%;background: #fff;border-radius: 15px;padding: 40px 20px;}
.service-section .service .service-inner .content h3{font-size: 18px;}

.footer-section .sidebar-blog{color: #d8d8d8!important;border-color: #343a40;}
.footer-section .sidebar-blog .content h5{color: #d8d8d8!important}

.header-top-social .social{float: left}

header #xyz ul li{padding:0 8px}
header #xyz #liDropD_En a{padding-top:1px;height:25px;line-height:25px}
#xyz li a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:25px;line-height:25px}
#xyz{position:relative;z-index:99999;width:120px;height:26px;border:none;margin-left:15px;display: inline-block}
#xyz ul,header .xyz12 span{height:25px}
.xyz12{border-radius:3px;width:100%;padding:0 0px;background:#fff;line-height:25px;position:absolute;box-sizing:border-box}
.xyz12 li{position:relative;height:25px;white-space:nowrap;text-overflow:ellipsis;background:#fff;overflow:hidden;line-height:25px;padding:0 4px;z-index:1;text-align:left}
.xyz12 li a{color:#333;font-size:12px}
.xyz12 li.selected{border-top:0}
.xyz12 li.selected a{color:#8550d9}
.xyz12 span{position:absolute;right:6px;top:1px;background:url(/images/amore.png) center no-repeat;display:block;width:25px;height:25px;cursor:pointer;z-index:100}
.xyz12 span.dp{background:url(/images/amore1.png) center no-repeat}
header #xyz .xyz12 li img{vertical-align:middle;margin:0 7px 0 0;width:20px;padding-right:0}
header #xyz ul li:hover{background:#f2f2f2}


.banner-section{
	
	
}

.about-section .section-title h1::after{content: "";width: 80px;height: 2px;background: #026cb6;display: block;margin: 20px auto 0;}

.btn-more{display: block;margin: 0px auto;border: 1px solid #068fcf;color: #068fcf;font-family: "Oswald", sans-serif;font-size: 16px; text-align: center;width: 200px;line-height: 36px;}

.project-header{}
.project-header .section-title.text-right p{font-size: 18px;line-height: 36px;}

.petbag-header{}
.petbag-header .section-title{color: #fff !important}
.petbag-header .section-title h1{color: #fff !important}

.food-header{}
.food-header .section-title{color: #fff !important}
.food-header .section-title h1{color: #fff !important}



@media(max-width: 1199px) {

}

@media(max-width: 991px) {
	.banner-section{
	height: 540px;
	}

}

@media(max-width: 767px) {

	.header-top .header-top-social .social{display: none}
	/*添加IOS下滚动条*/
.bartable{overflow-x: scroll;}
.bartable::-webkit-scrollbar{-webkit-appearance: none;width: 14px;height: 14px;}
.bartable::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5;}
.bartable::-webkit-scrollbar-thumb{border-radius: 8px;border: 0px solid #fff;background-color: rgba(0, 0, 0, .3);}


}

@media(max-width: 575px) {
	.header-top .header-top-links ul{display: none}
	.banner-section{
	height: 480px;
	}
	.project-header .section-title.text-right p{font-size: 14px;line-height: 28px;}
}

@media(max-width: 480px) {

}

@media(max-width: 375px) {

}
