@charset "UTF-8";
/*设置顶部图片*/
.header_bg {
    width: 100%;
    max-width:100%;
}

.header_bg img{
    width: 100%;
    /*max-width: 640px;*/
}

.header_bg .title-text{
	color: #b3a290;
	font-size: 1em;
	line-height: 1em;
	letter-spacing: 0.125em;
}

.header_bg .title-text .series{
	text-align: right;
	margin-top: 1em;
}

.header_bg .title-text .series span{
	border: 2px solid #b3a290;
	border-radius: 20px;
}

.header_bg .title-text p{
	line-height: 1em;
	font-size: 2em;
	text-align: center;
	margin-top: 3em;
	margin-bottom: 5em;
}

@media screen and (min-width: 768px){
	/*左文字右图片段落*/
	.paragraph{
		width: 100%;
		max-width:100%;
		display: flex;
		/*text-align: center;*/
		margin-top: 3em;
	}
	
	.paragraph .paragraph-text{
		width: 50%;
		margin-left: 5%;
		letter-spacing: 0.125em;
	}
	
	.paragraph .paragraph-text h1{
		color: #b3a290;
		font-size: 1.5em;
		font-weight: 500;
		/*margin-top: 5%;*/
	}
	
	.paragraph .paragraph-text h2{
		font-size: 1.3em;
		font-weight: 300;
		text-align: center;
		margin-top: 4%;
	}
	
	.paragraph .paragraph-text h3{
		font-size: 1em;
		font-weight: 300;
		text-align: center;
		margin-left: 20%;
	}
	
	.paragraph .paragraph-text p{
		font-size: 0.9em;
		font-weight: 100;
		text-indent: 2.5em;
		line-height: 2em;
		margin-top: 5%;
		margin-right: 5%;
	}
	
	.paragraph .paragraph-img{
		width: 45%;
	}
	
	.paragraph .paragraph-img img{
		width: 100%;
		height: auto;
	}
	
	/*左图片右文字段落格式*/
	.paragraph .paragraph-img-b{
		width: 50%;
		margin-left: 5%;
		display: block;
	}
	
	.paragraph .paragraph-img-b img{
		width: 100%;
		height: auto;
	}
	
	.paragraph .paragraph-img-c{
		display: none;
	}
	
	.paragraph .paragraph-text-b{
		width: 50%;
		margin-left: 5%;
		letter-spacing: 0.125em;
		display: block;
	}
	
	.paragraph .paragraph-text-b h1{
		color: #b3a290;
		font-size: 1.5em;
		font-weight: 500;
		margin-top: 5%;
	}
	
	.paragraph .paragraph-text-b h2{
		font-size: 1.3em;
		font-weight: 300;
		text-align: center;
		margin-top: 4%;
	}
	
	.paragraph .paragraph-text-b h3{
		font-size: 1em;
		font-weight: 300;
		text-align: center;
		margin-left: 20%;
	}
	
	.paragraph .paragraph-text-b p{
		font-size: 0.9em;
		font-weight: 100;
		text-indent: 2.5em;
		line-height: 2em;
		margin-top: 5%;
		margin-right: 5%;
	}
	.paragraph .paragraph-text-b span{
		font-size: 1em;
		font-weight: 100;
		text-indent: 2.5em;
		line-height: 2em;
		margin-left: 5%;
		margin-right: 5%;
	}
	
	/*商品推荐三列格式设置*/
	.suggest{
		width: 100%;
		max-width:100%;
		display: flex;
		/*text-align: center;*/
		margin-top: 3em;
	}
	
	.suggest .suggest-img-l{
		width:30%;
		margin-left: 5%;
	}
	
	.suggest .suggest-img-l img{
		width: 100%;
		height: auto;
	}
	
	.suggest .suggest-text{
		width:30%;
		letter-spacing: 0.125em;
		margin-left: 2.5%;
		margin-right: 2.5%;
	}
	
	.suggest .suggest-text h1{
		color: #b3a290;
		font-size: 1.5em;
		font-weight: 500;
		margin-top: 5%;
	}
	
	.suggest .suggest-text p{
		font-size: 0.9em;
		font-weight: 100;
		text-indent: 2.5em;
		line-height: 2em;
		margin-top: 15%;
	}
	
	.bold-large{
		font-size: 1.3em;
		font-weight: bold;
	}
	
	.suggest .suggest-text .line{
		border-top: 1px solid #b3a290;
		margin-top: 2em;
	}
	
	.suggest .suggest-text h3{
		font-size: 1em;
	}
	
	.suggest .suggest-text .star{
		color: #b3a290;
		font-size: 1.5em;
		letter-spacing: 0.5em;
		margin-left: 0.5em;
	}
	
	.suggest .suggest-img-r{
		width:30%;
	}
	
	.suggest .suggest-img-r img{
		width: 100%;
		height: auto;
	}
	
	/*设置中间横图格式*/
	.part-img{
		width: 100%;
		text-align: right;
		margin-top: 3%;
	}
	
	.part-img img{
		width: 100%;
		height: auto;
	}
	
	.part-img span{
		letter-spacing: 0.25em;
		font-size: 0.8em;
		font-weight: 200;
		margin-right: 1%;
	}
	
	/*设置第三种布局：标题+文本左右格式*/
	.paragraph .paragraph-text-c{
		width: 35%;
		margin-left: 5%;
	}
	
	.paragraph .paragraph-text-c h1{
		color: #b3a290;
		font-size: 1.5em;
		font-weight: 500;
		margin-top: 5%;
	}
	
	.paragraph .paragraph-text-c h2{
		font-size: 1em;
		font-weight: 300;
		text-align: right;
		margin-top: 8%;
		}
	
	.paragraph .paragraph-text-c h3{
		font-size: 0.8em;
		font-weight: 300;
		text-align: right;
	}
	
	.paragraph .paragraph-text-d{
		width: 65%;
		margin-left: 5%;
		margin-right: 1%;
	}
	
	.paragraph .paragraph-text-d p{
		font-size: 0.9em;
		font-weight: 100;
		text-indent: 2.5em;
		line-height: 2em;
		margin-top: 7%;
		margin-right: 5%;
	}
	
	.paragraph .paragraph-space{
		margin-top: 38%;
	}
	
	.paragraph .paragraph-space2{
		margin-top: 20%;
	}
	
	/*设置第四种布局，左右图，中间文字*/
	.paragraph .paragraph-left{
		width: 25%;
		margin-left: 2.5%;
	}
	
	.paragraph .paragraph-left img{
		width: 100%;
		height: auto;
	}
	
	.paragraph .paragraph-mid{
		width: 50%;
	}
	
	.paragraph .paragraph-mid h1{
		color: #b3a290;
		font-size: 1.5em;
		font-weight: 500;
		text-align: left;
		padding-top: 5%;
		padding-bottom: 5%;
	}
	
	.paragraph .paragraph-mid .paragraph-mid-text{
		display: flex;
	}
	
	.paragraph .paragraph-mid .paragraph-mid-text .left-text{
		width: 50%
	}
	
	.paragraph .paragraph-mid .paragraph-mid-text .left-text p{
		font-size: 0.8em;
		font-weight: 100;
		margin-top: 4%;
		letter-spacing: 0.25em;
	}

	.paragraph .paragraph-mid .paragraph-mid-text .right-text{
		width: 50%
	}
	
	.paragraph .paragraph-mid .paragraph-mid-text .right-text p{
		font-size: 0.8em;
		font-weight: 100;
		margin-top: 4%;
		letter-spacing: 0.25em;
		text-align: right;
	}
	
	.paragraph .paragraph-right{
		width: 25%;
		margin-right: 3%;
		margin-left:2%;
	}
	
	.paragraph .paragraph-right img{
		width: 100%;
		height: auto;
	}
}

/*设置底部公共图片*/
.end_bg {
    width: 100%;
    max-width:100%;
    text-align: center;
}

.end_bg img{
    width: 100%;
}

/*定义移动端格式*/
@media screen and (max-width: 767px){
	/*左文字右图片段落*/
	.paragraph{
		width: 100%;
		max-width:100%;
		display: block;
		/*text-align: center;*/
		margin-top: 3em;
	}
	
	.paragraph .paragraph-text{
		width: 100%;
		margin-left: 5%;
		letter-spacing: 0.125em;
	}
	
	.paragraph .paragraph-text h1{
		color: #b3a290;
		font-size: 1.5em;
		font-weight: 500;
		/*margin-top: 5%;*/
	}
	
	.paragraph .paragraph-text h2{
		font-size: 1.3em;
		font-weight: 300;
		text-align: center;
		margin-top: 4%;
	}
	
	.paragraph .paragraph-text h3{
		font-size: 1em;
		font-weight: 300;
		text-align: center;
		margin-left: 20%;
	}
	
	.paragraph .paragraph-text p{
		font-size: 0.9em;
		font-weight: 100;
		text-indent: 2.5em;
		line-height: 2em;
		margin-top: 5%;
		margin-right: 5%;
	}
	
	.paragraph .paragraph-img{
		width: 100%;
	}
	
	.paragraph .paragraph-img img{
		width: 100%;
		height: auto;
	}
	
	/*左图片右文字段落格式*/
	.paragraph .paragraph-img-b{
		display: none;
	}
	
	.paragraph .paragraph-img-c{
		width: 100%;
		margin-left: 0%;
	}
	
	.paragraph .paragraph-img-c img{
		width: 100%;
		height: auto;
	}
	
	.paragraph .paragraph-text-b{
		width: 100%;
		margin-left: 5%;
		letter-spacing: 0.125em;
	}
	
	.paragraph .paragraph-text-b h1{
		color: #b3a290;
		font-size: 1.5em;
		font-weight: 500;
		margin-top: 5%;
	}
	
	.paragraph .paragraph-text-b h2{
		font-size: 1.3em;
		font-weight: 300;
		text-align: center;
		margin-top: 4%;
	}
	
	.paragraph .paragraph-text-b h3{
		font-size: 1em;
		font-weight: 300;
		text-align: center;
		margin-left: 20%;
	}
	
	.paragraph .paragraph-text-b p{
		font-size: 0.9em;
		font-weight: 100;
		text-indent: 2.5em;
		line-height: 2em;
		margin-top: 5%;
		margin-right: 5%;
	}
	.paragraph .paragraph-text-b span{
		font-size: 1em;
		font-weight: 100;
		text-indent: 2.5em;
		line-height: 2em;
		margin-left: 5%;
		margin-right: 5%;
	}
	
	/*商品推荐三列格式设置*/
	.suggest{
		width: 100%;
		max-width:100%;
		display: block;
		/*text-align: center;*/
		margin-top: 3em;
	}
	
	.suggest .suggest-img-l{
		width:100%;
		margin-left: 0%;
	}
	
	.suggest .suggest-img-l img{
		width: 100%;
		height: auto;
	}
	
	.suggest .suggest-text{
		width:100%;
		letter-spacing: 0.125em;
		margin-left: 5%;
		margin-right: 5%;
	}
	
	.suggest .suggest-text h1{
		color: #b3a290;
		font-size: 1.5em;
		font-weight: 500;
		margin-top: 5%;
	}
	
	.suggest .suggest-text p{
		font-size: 0.9em;
		font-weight: 100;
		text-indent: 2.5em;
		line-height: 2em;
		margin-top: 15%;
		margin-right: 5%;
	}
	
	.bold-large{
		font-size: 1.3em;
		font-weight: bold;
	}
	
	.suggest .suggest-text .line{
		border-top: 1px solid #b3a290;
		margin-top: 2em;
		margin-right: 5%;
	}
	
	.suggest .suggest-text h3{
		font-size: 1em;
	}
	
	.suggest .suggest-text .star{
		color: #b3a290;
		font-size: 1.5em;
		letter-spacing: 0.5em;
		margin-left: 0.5em;
	}
	
	.suggest .suggest-img-r{
		width:100%;
	}
	
	.suggest .suggest-img-r img{
		width: 100%;
		height: auto;
	}
}