/*======== 公共样式start =========*/
.indent {
	text-indent: 2em;
}
.left {
	float: left;
}
.right {
	float: right;
}
.inline {
	display: inline-block;
}
img {
	vertical-align: bottom;
}
.justify_fix {
	display: inline-block;
	width: 100%;
	height: 0;
	overflow: hidden;
}
.keyword {
	color: #e00b0b;
}
h3 {
	font-size: 16px;
}
p.text {
	color: #838383;
	line-height: 26px;
	text-align: left;
}
.title1 {
	display: inline-block;
	background: url(../images/title-background.png) left top no-repeat;
	height: 85px;
	margin: 0 auto;
}
.title1 h2 {
	font-size: 30px;
	font-weight: 400;
	line-height: 52px;
	padding-left: 62px;
}
.title1 .subtitle {
	font-size: 22px;
	color: #0e89db;
	padding-left: 118px;
	text-align: left;
}
.title2 {
	height: 63px;
	background: url(../images/title2.jpg) left top no-repeat;
}
/*======== 公共样式end =========*/


body {
	font-size: 14px;
	font-family: 'pingfangFC','microsoft yahei';
}
.wrapper {
	margin: 0 auto;
	width: 1000px;
}
.top {
	background: #133ba7 url(../images/banner.jpg) center top;
	height: 620px;
	text-align: center;
	margin-bottom: 45px;
}
.top img {
	margin: 92px 0 20px;
}
.top div {
	width: 1000px;
	height: 182px;
	margin: 0 auto;
	background: url(../images/top-mask.png);
	padding: 0 232px;
	box-sizing: border-box;
}
.top h2 {
	font-size: 26px;
	line-height: 26px;
	padding: 12px 0 9px;
}
.top div p {
	font-size: 16px;
	line-height: 26px;
	text-align: left;
}

.backyard {
	text-align: center;
	margin-bottom: 49px;
}
.backyard .title1 {
	margin-bottom: 36px;
}
.backyard .des {
	text-align: justify;
	font-size: 0;
}
.backyard .des .cell {
	width: 318px;
	display: inline-block;
	vertical-align: top;
}
.backyard .cell h3 {
	line-height: 32px;
	text-align: center;
	font-weight: 700;
}
.backyard .cell p {
	font-size: 14px;
}
.sports-center {
	text-align: center;
	background: #ecf6fa;
	padding-bottom: 35px;
}
.sports-center .title1 {
	margin-bottom: 14px;
}
.sports-center .intro {
	padding: 0 46px;
	margin-bottom: 19px;
}
.sports-center .des {
	height: 345px;
	background: #fff;
	overflow: hidden;
}
.sports-center .des .p-wrapper {
	padding-top: 10px;
	position: relative;
}
.sports-center .des .right {
	width: 422px;
	box-sizing: border-box;
	padding: 20px 22px 0 0;
}
.sports-center .des .right h2 {
	text-align: left;
	line-height: 36px;
	font-size: 18px;
	background: #fff;
}
.options {
	text-align: center;
	margin-bottom: 50px;
}
.options .title1 {
	margin: 46px 0 31px;
}
.options .statistic	 {
	margin-bottom: 36px;
	height: 114px;
}
.options .statistic li {
	width: 200px;
	height: 114px;
	float: left;
	background: url('../images/ingradient1.jpg');
}
.options li p {
	font-size: 18px;
	line-height: 18px;
	font-weight: 700;
	color: #181818;
}
.options li p:first-child {
	font-size: 26px;
	line-height: 26px;
	color: #2580f4;
	font-weight: 700;
	margin-top: 32px;
	margin-bottom: 10px;
}
.options .health {
	text-align: justify;
	font-size: 0;
}
.options .health>a div {
	display: inline-block;
	position: relative;
}
.options .health>a div .bottom {
	position: absolute;
	bottom: 0;
	line-height: 45px;
	font-size: 16px;
	padding-left: 7px;
	color: #fff;
	background: rgba(0, 0, 0, .5);
	width: 100%;
	box-sizing: border-box;
}
.options .health>a div .mask {
	background: url('../images/text-mask.png');
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	color: #fff;
	padding: 70px 35px 0 14px;
	/*display: none;*/
}
.options .health>a div .mask.long {
	background: url('../images/text-mask-long.png');
}
.options .mask h3 {
	display: inline-block;
	border-bottom: 3px solid #f6af17;
	font-size: 24px;
	font-weight: 400;
	line-height: 24px;
	padding-bottom: 7px;
	margin-bottom: 8px;
}
.options .mask p {
	color: #fff;
	font-size: 14px;
}	
.options .player {
	position: relative;
}
.options .player h2 {
	font-size: 28px;
	line-height: 28px;
	padding: 47px 0 19px;
}
.options .player .player-text {
	width: 847px;
	height: 238px;
	box-sizing: border-box;
	border: 9px solid #edf1ef;
	background: transparent;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 94px;
	color: #181818;
	font-size: 16px;
	line-height: 30px;
	padding: 36px 95px 0 77px;
	text-align: left;
	z-index: 0;
	display: none;
}
.options .player-text i {
	background: url('../images/decor.jpg');
	width: 79px;
	height: 61px;
	position: absolute;
	bottom: -64px;
	right: -34px;
	z-index: -1;
}
.options .player .img-container {
	padding-top: 194px;
	width: 564px;
	height: 299px;
	display: inline-block;
	position: relative;
}
.options .player .img-container img {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 564px;
	height: 299px;
}
.options .player .indicators {
	padding-top: 32px;
	font-size: 0;
}
.options .indicators span {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: #cacaca;
	border-radius: 50%;
	margin-right: 14px;
	cursor: pointer;
}
.options .indicators span.active {
	background: #e00b0b;
}
.founder {
	text-align: center;
	margin-bottom: 68px;
}
.founder .title1 {
	margin-bottom: 16px;
}
.founder .inner {
	background: #dce4e0;
	padding: 20px 0 22px;
	text-align: left;
	overflow: hidden;
}
.founder .inner .p-wrapper {
	display: inline-block;
	overflow: hidden;
}
.founder .inner p {
	display: inline-block;
	width: 636px;
	height: 360px;
	padding-left: 30px;
	padding-top: 20px;
	vertical-align: top;
	line-height: 30px;
	font-size: 14px;
	color: #181818;
	position: relative;
	top: 0px;
}
.beautiful {
	text-align: center;
}
.beautiful .title1 {
	margin-bottom: 42px;
}
.beautiful .tour {
	text-align: justify;
}
.beautiful .tour .tour-cell {
	display: inline-block;
	width: 310px;
	font-size: 0;
}
.beautiful .tour-cell .tour-title {
	margin-bottom: 14px;
}
.beautiful .tour-cell a {
	vertical-align: top;
}
.beautiful .tour-cell a img {
	width: 147px;
	height: 105px;
	vertical-align: middle;
}
.beautiful .tour-cell p {
	width: 147px;
}
.beautiful .tour-cell .tour-title span {
	vertical-align: middle;
	font-size: 16px;
	font-weight: 700;
	margin-left: 12px;
	
}
.beautiful .tour .tour-cell a {
	margin-bottom: 24px;
	text-decoration: none;
}
.beautiful .tour .tour-cell a:visited {
	color: #838383;
}
.beautiful .tour .tour-cell p {
	/*text-align: center;*/
	font-size: 14px;
	line-height: 26px;
}
.beautiful .tour .inline:last-child {
	margin-left: 16px;
}
.beautiful .article-list li {
	text-align: left;
	padding: 18px 15px 15px;
	margin-bottom: 26px;
	background: #f2f2f2;
	font-size: 0;
}
.beautiful .intro {
	display: inline-block;
	width: 722px;
	vertical-align: top;
	padding-left: 22px;
	box-sizing: border-box;
}
.beautiful .article-list .intro h3 {
	font-size: 18px;
	line-height: 36px;
}
.beautiful .article-list .intro p {
	font-size: 14px;
	line-height: 26px;
	color: #8a8a8a;
}