body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; }
table{border-collapse:collapse; border-spacing:0; }
fieldset,img{border:0; }
ol,ul{list-style:none; }
caption,th{text-align:left; }
q:before,q:after{content:''; }
abbr,acronym{border:0; }
em{font-weight:normal; font-style:normal; }
body{font:12px/1.5 宋体,Arial,sans-serif;color: #333;}
a{color: #333;text-decoration:none; transition: .5s;}
a:hover{color:#8E2A36; }
input,select,textarea{font-size:14px;color:#333;border:none;outline: 0;background: 0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;font-family:'Microsoft Yahei',"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif}
input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
::-webkit-input-placeholder{color:#999}
::-moz-placeholder{color:#999}
::-ms-input-placeholder{color:#999}
select::-ms-expand{display:none}

@font-face{
	font-family: AlibabaPuHuiTi;
	src: url('AlibabaPuHuiTi-Regular.ttf'); /* IE9+,可以是具体的实际链接 */
}
body{font-family: AlibabaPuHuiTi;background: #faf8f3;}



/* 布局 */
.wp{max-width: 1650px; margin: 0 auto;}
video{outline: none;}
 
.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.tc{text-align:center; }
.tr{text-align:right; }
.tl{text-align:left; }

.dn{display:none; }
.db{display:block; }
.dib{-moz-inline-stack:inline-block; display:inline-block; }
.h20{height:20px; }
/* 裁剪 */
.ofh{overflow: hidden;}
/* 左浮动 */
.fl{float: left;}
/* 右浮动 */
.fr{float: right;}
/* 相对定位 */
.por{position: relative;}
/* 高100% */
.h100full{height: 100%;}
/* 宽100% */
.w100full{width: 100%;}
.allfull{width: 100%;height: 100%;}
/* 默认图片 */
img{width: 100%;vertical-align: middle; transition: .5s;}
 
/* 清除浮动 */
.htover::after{
	content: '';
	display: table;
	clear: both;
}
 


/* 水平居中 */
.mid-w{position: relative;left: 50%;transform: translateX(-50%);}
/* 垂直居中 */
.mid-h{position: relative;top: 50%;transform: translateY(-50%);}
/* 水平+垂直居中 */
.mid-all{position: relative;left: 50%;top: 50%;transform: translate(-50%,-50%);}
	  
	  
	.wp1600 {
		max-width: 16rem;
		margin: 0 auto;
	}
	.wp1400 {
		max-width: 14rem;
		margin: 0 auto;
	}
	.wp1330 {
		max-width: 13.3rem;
		margin: 0 auto;
	}
	.w33 {
		width: 33.333333%;
	}
	.w50 {
		width: 50%;
	}

	body{
		padding-top: 1rem;
	}
	.header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 999;
		transition: .5s;
		color: #967A53;
		background: #FAF8F3;
		box-shadow: 0 0 0.1rem rgb(0 0 0 / 20%);
	}
	.header .hdr {
		height: 1rem;
	}
	
	.header .logo {
		float: left;
		overflow: hidden;
	}
	.header-all .logo a{
		display: block;
		width: 2.31rem;
		height: .68rem;
	}
	.navbox{
		position: absolute;
		right: 0;
		top: 0;
	}
	.nav {
		float: left;
		margin-right: .36rem;
	}
	.nav li {
		float: left;
		position: relative;
	}
	.nav li::after{
		content: '';
		position: absolute;
		width: .6rem;
		left: 50%;
		right: -.12rem;
		bottom: 0;
		margin-left: -.3rem;
		height: .04rem;
		background: #8E2A36;
		opacity: 0;
		transition:.5s;
	}
	.nav li .con {
		height: 1rem;
		position: relative;
	}
	.nav li .tit {
		font-size: .18rem;
		font-weight: bold;
		color: #967952;
		position: relative;
		height: 1rem;
		line-height: 1rem;
		padding: 0 0.3rem;
		display: inline-block;
		transition: color .5s;
	}
	.nav li:hover .tit{
		color: #F9F8F2;
		background: #8E2A36;
		transition:.5s; 
	}
	.nav li.on::after {
		opacity: 1;
	}
	
	.subnav {
		position: absolute;
		left: 0;
		bottom: 0;
		transform: translate(0, 100%);
		display: none;
		padding-top: .32rem;
		padding-bottom: .16rem;
		width: 1.96rem;
		min-width: 196px;
		box-sizing: border-box;
		background: #8E2A36;
	}
	.subnav a {
		display: block;
		line-height: .34rem;
		font-size: .16rem;
		padding: 0 0.2rem;
		color: #F9F8F2;
		transition: .5s;
	}
	.subnav a:hover {
		background: url(../img/bg_navsub.png) no-repeat left center;
	}
	
	.header-all .btns{
		float: right;
		background: #8E2A36;
		padding-left: .24rem;
	}
	.header-all .btns .btn {
		float: left;
		height: 1rem;
		line-height: 1rem; 
		font-size: .18rem;
		color: #fff;
		margin-right: .42rem;
		overflow: hidden;
		display: flex;
		align-items: center;
	}
	.header-all .btns .btn img{
		width: .16rem;
		height: .16rem;
		margin-right: .08rem;
		transition: .5s;
	}
	.header-all .btns .btn:hover img{
		transform: rotateY(180deg);
	}
	
	.footer {
		line-height: .38rem;
		font-size: .14rem;
		color: #F5EDE4;
		background: #342E2E;
	}
	.footer .top{
		border-bottom: 2px solid #7B7B7B;
		margin-bottom: .24rem;
		padding-top: .64rem;
		padding-bottom: .36rem;
	}
	.footer .txt{
		line-height: .4rem;
		font-size: .26rem;
		float: left;
	}

	.g-share{
		float: right;
	}
	.g-share .box{
		display: inline-block;
	}
	.g-share .box .tit{
		color: #FAF8F3;
		margin-bottom: .1rem;
	}
	.g-share .box .con{
		line-height: .34rem;
		font-size: .46rem;
		margin-right: .24rem;
		padding-right: .36rem;
		border-right: 1px solid #9A775B;
	}
	.g-share .box .con img{
		width: .25rem;
		height: .25rem;
		margin-right: .14rem
	}
	.g-share .box .shares{
		margin-right: 0;
		padding-right: .26rem;
		border-right: 0;
	}
	.g-share .box .shares .lightgallery{
		display: inline-block;
	}
	.g-share .box .share{
		margin-right: .18rem;
		transition:.5s;
		cursor: pointer;
	}
	.g-share .box .share img{
		margin-right: 0;
	}
	.g-share .box .share:hover img{
		transform: rotateY(180deg);
	}
	.wechat_open, .tiktok_open{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 9999;
		display: none;
	}
	.wechat_open .mask, .tiktok_open .mask{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0,0,0,0.5);
		z-index: 99999;
	}
	.wechat_open .box, .tiktok_open .box{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 50%;
		z-index: 999999;
	}
	.wechat_open .cloes-btn, .tiktok_open .cloes-btn{
		position: absolute;
		top: 5px;
		right: 5px;
		z-index: 1;
		cursor: pointer;
	}

	.footer .navlist li{
		margin-right: .5rem;
		float: left;
	}
	.footer .navlist li a{
		font-size: .16rem;
		font-weight: 400;
		color: #FAF8F3;
	}
	.footer .navlist li:hover a{
		text-decoration: underline;
	}

	.footer .txts{
		line-height: .24rem;
		padding-bottom: .7rem;
	}
	.footer .txts p{
		margin-top: .14rem;
	}
	.footer .txts a{
		color: #F5EDE4;
		text-decoration: underline;
		display: inline-block;
	}
	

	/* 移动端头部 */
	.header-phone {
		height: 50px;
		background-color: #fff;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 999;
		box-shadow: 0 0 0.1rem rgba(0,0,0,0.2);
		transition: .5s;
	}
	
	.header-phone .hdr {
		height: 100%;
		position: relative;
	}
	
	.header-phone .hdr::after {
		content: '';
		display: table;
		clear: both;
	}
	.header-phone .logo a{
		width: 105px;
		height: 31px;
	}
	
	/* 移动端按钮 */
	.btns-ph{
		position: absolute;
		right: 0px;
		-webkit-transition: .2s;
		-moz-transition: .2s;
		-ms-transition: .2s;
		-o-transition: .2s;
		transition: .2s;
		display: flex;
	}
	.btns-ph .btn{
		width: .3rem;
		height: .3rem;
		display: inline-flex;
		cursor: pointer;
		margin-left: .3rem;
	}
	.menuBtn.on img{
		display: none;
	}
	.menuBtn.on .dn{
		display: block;
	}
	
	.nav-ph {
		position: fixed;
		left: 0;
		right: 0;
		top: 50px;
		background-color: #EFE7DA;
		padding-top: .22rem;
		padding-bottom: .66rem;
		display: none;
		overflow-y: auto;
		z-index: 999;
		max-height: calc(100vh - 50px);
		box-sizing: border-box;
	}

	.nav-ph a{
		line-height: .8rem;
		font-size: .4rem;
		font-weight: bold;
		color: #967952;
		padding: 0 .34rem;
		display: block;
		position: relative;
	}
	.nav-ph .arr {
		position: absolute;
		right: .4rem;
		top: 0;
		background: url(../img/arr.png) no-repeat center;
		background-size: 100%;
		width: .26rem;
		height: .8rem;
		transition: .5s;
	}
	
	.nav-ph .on .arr {
		background-image: url(../img/arr-on.png);
		transform: rotateZ(90deg);
	}
	
	.sub-navph {
		display: none;
		background: #DECEB4;
		margin: .2rem 0;
		padding: .26rem 0;
	}
	
	.sub-navph a {
		line-height: .64rem;
		font-size: .3rem;
		font-weight: 400;
		color: #545454;
		padding: 0 .74rem;
	}
	.sub-navph dd:hover a,
	.sub-navph dd.on a{
		color: #fff;
		background: url(../img/bg_navsub.png) repeat-y left center;
		background-size: contain;
	}
	.header-phone {
		display: none;
	}

	/*#scrollToTop {
		position: fixed;
		right: 1.4rem;
		bottom: 1.45rem;
		width: .42rem;
		height: .42rem;
		z-index: 99;
		overflow: hidden;
		background: url(../img/icon_backup.png) no-repeat center;
		background-size: 100% 100%;
		cursor: pointer;
		display: none;
	}*/
	
	@media only screen and (max-width: 1080px) {
		.nav li .tit{
			padding: 0 0.2rem;
		}
	}
	@media only screen and (max-width: 900px) {
		.nav{
			margin-right: .2rem;
		}
		.nav li .tit{
			padding: 0 0.16rem;
		}
	}
	@media only screen and (max-width: 750px) {
		body{
			padding-top: 50px;
		}
		.w33, .w50{
			width: 100%;
		}
		.header {
			display: none;
		}
	
		.header-phone {
			display: block;
		}

		.wp1600,
		.wp1400,
		.wp1330,
		.wp{
			max-width: none;
			padding: 0 .3rem;
		}

		.footer {
			line-height: .5rem;
		}
		.footer, .footer .txts{
			font-size: .26rem;
		}
		.footer .top{
			margin-bottom: .3rem;
			padding-top: .5rem;
			padding-bottom: .3rem;
		}
		.footer .txt{
			line-height: .45rem;
			font-size: .32rem;
			float: none;
		}
		.g-share{
			margin-top: .46rem;
			float: none;
		}
		.g-share .box{
			border-right: 1px solid #9A775B;
			margin-right: .24rem;
		}
		.g-share .box:last-child{
			border-right: 0;
			margin-right: 0;
		}
		.g-share .box .tit{
			font-size: .24rem;
		}
		.g-share .box .con{
			border-right: 0;
			margin-right: 0;
			display: flex;
			align-items: center;
		}
		.g-share .box .con img{
			width: .22rem;
			height: .22rem;
		}
		.g-share .box .shares{
			padding-right: 0;
		}
		.g-share .box .share{
			margin-right: .35rem;
		}
		.g-share .box a.share{
			margin-right: 0;
		}
		.g-share .box .share img{
			width: .48rem;
			height: .48rem;
		}

		.footer .navlist {
			display: none;
		}
		.footer .txts{
			line-height: .36rem;
			padding-bottom: .62rem;
		}
		.footer .txts span{
			display: block;
			margin-top: .14rem;
		}

		/*#scrollToTop{
			right: .5rem;
			bottom: .5rem;
		}*/
	}