/* CSS reset */
/** 禁止ios和android用户选中文字 */ 
html,body {-webkit-user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
     user-select:none; 
     -webkit-tap-highlight-color:rgba(255,255,255,0)};/** ios和android下触摸元素时出现半透明灰色遮罩 */
/** 禁止长按链接与图片弹出菜单 */
a,img { -webkit-touch-callout: none } 

/* iphone及ipad下输入框默认内阴影 */
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html,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;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
	border:0;
}
section, header{
	display: block;
}
.display-none{
	display: none;
}
/* General  Style */
/* ::-webkit-scrollbar{
	display:none;
} */

/*滚动条凹槽的颜色，还可以设置边框属性 */
::-webkit-scrollbar-track-piece {
	background-color:#f8f8f8;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
/*滚动条的宽度*/
::-webkit-scrollbar {
	width:9px;
}
/*滚动条的设置*/
::-webkit-scrollbar-thumb {
	background-color:#dddddd;
	background-clip:padding-box;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
/*滚动条鼠标移上去*/
::-webkit-scrollbar-thumb:hover {
	background-color:#bbb;
}

/* .cover{display:block;width: 100%;height: 100%;object-fit: cover;object-position: center;} */
body{
	font-family: Cambria, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
	font-weight: 400;
	font-size: 15px;
	color: #393b40;
	overflow: hidden;
	background: url("../indexImages/bgnoise_lg.jpg") repeat top left;
	background-size: contain;
	height: 100vh;
}
a{
	color: #333;
	text-decoration: none;
}
.container{
	width: 100%;
	height: 100%;
	max-width:1700px;
	margin:0 auto;
	/* background:  url("../indexImages/bgnoise_lg2.png") no-repeat ; */
	background-size: 100%;
	position: relative;
	text-align: center;
}
.clr{
	clear: both;
}
.container > header{
	margin: 0px 0 1px 0;
	position: relative;
	display: block;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	text-align: center;
}
.container > header >.header-box{
	padding: 5% 0 0 0;
	width:100%;
	margin:0 auto;
	
	background-size: 100% 100%;
}

.container > header h1{
	font-family: 'KaiTi', 'Arial Narrow', Arial, sans-serif;
	letter-spacing:10px;
	font-size: 0px;
	line-height: 0px;
	position: relative;
	width: 100%;
	max-width: 1014px;
	margin: 0 auto;
	color: #543018;
	text-shadow: -1px -2px 0px rgba(255,255,255,1);
    padding: 1% 0px 2% 0px;
}
.container > header h1 img {
	width: 40%;
	min-width:200px;
}
.container > header h1 span{
	color:rgb(54, 31, 15);
	text-shadow: 0px 1px 1px rgba(0,0,0,1);
}
.container > header h2{
	font-family: 'SimSun','Arial Narrow', Arial,sans-serif;
	font-weight: 500;
	letter-spacing:1.5px;
	font-size: 16px;
	line-height: 16px;
	padding: 0px 0px 20px 0px;
	color: #543018;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
}

/* nav Style */
nav.yuan-nav{
	width: 80%;
	max-width: 1014px;
	margin:0 auto;
	display: block;
}
nav > .nav-ul{
	margin: 0 auto; 
    padding: 0px; 
	width: 100%; 
	display: flex;
	background-image: url('./../indexImages/nav.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	opacity: 0.9;
}
.vertical-line{
	background: #e0e3ec url("../indexImages/shuxian.png") no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right:0;
	top:0;
	height: 36px;
	width: 2px;
}
nav >.nav-ul > .nav-li{
	font-family: 'Microsoft YaHei','BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	position: relative;
	width: 25%;
	height: 80px;
	cursor: pointer;
	color: rgb(54, 31, 15);
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	line-height: 80px;
	font-size: 20px;
	letter-spacing:2px;
/* 	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 1%, rgb(243,239,228) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,rgb(243,239,228)));
	background: -webkit-linear-gradient(top, #ffffff 1%,rgb(243,239,228) 100%);
	background: -o-linear-gradient(top, #ffffff 1%,rgb(243,239,228) 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,rgb(243,239,228) 100%);
	background: linear-gradient(top, #ffffff 1%,rgb(243,239,228) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3efe4',GradientType=0 ); */
	/* box-shadow: 0px 0px 0px 1px #aaa, 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 0px 1px 2px rgba(0,0,0,0.2); */
}
nav >.nav-ul > .nav-li > span.nav-title{
	padding: 5px 20px 10px 25px;
}
nav >.nav-ul > .nav-li.active > span.nav-title{
	/* box-shadow:0px 0px 0px 1px #000, 0 1px 2px rgba(0,0,0,0.1) inset; */
	background-image: url("./../indexImages/active.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	/* background: rgba(101,89,75,0.9); */
/* 	background: -webkit-radial-gradient(rgba(124,124,124,0.9), rgba(124,124,124,0.9), rgba(105,105,105,0.7)); */ /* Safari 5.1 - 6.0 */
/*  background: -o-radial-gradient(rgba(124,124,124,0.9), rgba(124,124,124,0.9), rgba(105,105,105,0.7)); */ /* Opera 11.6 - 12.0 */
/*  background: -moz-radial-gradient(rgba(124,124,124,0.9), rgba(124,124,124,0.9), rgba(105,105,105,0.7)); */ /* Firefox 3.6 - 15 */
/*  background: radial-gradient(rgba(196, 193, 193, 0.9), rgba(124,124,124,0.9), rgba(0,0,0,0.7)); */ /* 标准的语法 */
}

/* section Style */
section.yuan-section{
	margin-top:0.5rem;
	width: 100%;
	display: block;
	position: relative;
}
.yuan-section > ul.yuan-items{
	margin: 0 auto; 
    padding: 0px; 
	width: 80%;
	margin:0 auto; 
	max-width: 1014px;
	height:auto;
	display: block;
	position: relative;
	background-color: rgba(250,245,239,1);
	border: 1px rgba(250,245,239,1) solid;
	border-radius: 5px;
}

.yuan-section > ul.yuan-items::before{
	content: "";
	background-image: url("./../indexImages/decoration.png");
	background-repeat: no-repeat;
	background-position: bottom left;
	width:100%;
	height: 100%;
	position: absolute;
	bottom:0;
	left:0;
	z-index: 0;
}

.yuan-section > ul.yuan-items > .section-li{
	position: relative;
}

.yuan-section > ul.yuan-items > li.type-1,
.yuan-section > ul.yuan-items > li.type-2,
.yuan-section > ul.yuan-items > li.type-3,
.yuan-section > ul.yuan-items > li.type-4,
.yuan-section > ul.yuan-items > li.type-5{
	width: 70%;
	 margin: 0 auto;
	
	
}

.yuan-section > ul.yuan-items > li.type-1:hover,
.yuan-section > ul.yuan-items > li.type-2:hover,
.yuan-section > ul.yuan-items > li.type-3:hover,
.yuan-section > ul.yuan-items > li.type-4:hover,
.yuan-section > ul.yuan-items > li.type-5:hover{
	opacity: 1;
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-o-transform: scale(1.0);
	-ms-transform: scale(1.0);
	transform: scale(1.0);
}
.section-box{
	position: relative;
	padding:5% 0 ;
}
div.section-box > a{
	display: block;
}
div.section-box > a > span{
	overflow: hidden;/*内容超出后隐藏*/
	text-overflow: ellipsis;/* 超出内容显示为省略号*/
	white-space: nowrap;/*文本不进行换行*/
	font-size: 16px;
	line-height: 19px;
	font-weight: 400;
	background: rgba(226,215,183,0.9);
	padding:5px 5px;
	color: #543018;
	position: absolute;
	height: 0px;
	overflow: hidden;
	opacity: 0;
	text-align: center;
	text-shadow: 1px 1px 1px #eee;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.yuan-section li.type-1 > div.section-box > a img,
.yuan-section li.type-2 > div.section-box > a img,
.yuan-section li.type-3 > div.section-box > a img,
.yuan-section li.type-4 > div.section-box > a img,
.yuan-section li.type-5 > div.section-box > a img{
	width: 100%;
	
	border-radius: 10px;
}
.yuan-section li.type-3 >div.section-flex > div.section-box > a img,
.yuan-section li.type-4 >div.section-flex > div.section-box > a img,
.yuan-section li.type-5 >div.section-flex > div.section-box > a img{
	width: 190px;
	height: 150px;
	border-radius: 5px;
}
div.section-flex{
	display:flex;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-o-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-o-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-content:flex-end;
	-moz-align-content:flex-end;
	-o-align-content:flex-end;
	-ms-align-content:flex-end;
	align-content:flex-end;
}

div.section-box >a:hover > span{
	height: 28px;
	opacity: 1;
}

.yuan-section li.type-1 > div.section-box > a,
.yuan-section li.type-2 > div.section-box > a,
.yuan-section li.type-3 > div.section-box > a,
.yuan-section li.type-4 > div.section-box > a,
.yuan-section li.type-5 > div.section-box > a{
		border: 10px #fff solid;
		border-radius: 20px;
}

.yuan-section li.type-3,
.yuan-section li.type-4,
.yuan-section li.type-5{
	margin-top:35px;
}
.yuan-section li.type-3 >div.section-flex > div.section-box,
.yuan-section li.type-4 >div.section-flex > div.section-box,
.yuan-section li.type-5 >div.section-flex > div.section-box{
	margin:0 30px 35px;
}
.yuan-section li.type-3 >div.section-flex > div.section-box > a,
.yuan-section li.type-4 >div.section-flex > div.section-box > a,
.yuan-section li.type-5 >div.section-flex > div.section-box > a{
	width:200px;
	height:159px;
	border: 5px #fff solid;
	border-radius: 10px;
}

.yuan-section li.type-3 >div.section-flex > div.section-box > div.itemempty,
.yuan-section li.type-4 >div.section-flex > div.section-box > div.itemempty,
.yuan-section li.type-5 >div.section-flex > div.section-box > div.itemempty{
	width:200px;
}
.yuan-section li.type-3 >div.section-flex > div.section-box > div.itemempty >p,
.yuan-section li.type-4 >div.section-flex > div.section-box > div.itemempty >p,
.yuan-section li.type-5 >div.section-flex > div.section-box > div.itemempty >p{
	font-size: 18px;
	color: #543018;
	font-weight: 400;
}
.yuan-section li.type-1 >div.section-box > a > span,
.yuan-section li.type-2 >div.section-box > a > span,
.yuan-section li.type-3 >div.section-box > a > span,
.yuan-section li.type-4 >div.section-box > a > span,
.yuan-section li.type-5 >div.section-box > a > span{
	position: absolute;
	left: 10px;
	bottom:48px;
	width: calc(100% - 20px);
	border-radius: 0 0 8px 8px;
}

.yuan-section li.type-3 >div.section-flex >div.section-box > a > span,
.yuan-section li.type-4 >div.section-flex >div.section-box > a > span,
.yuan-section li.type-5 >div.section-flex >div.section-box > a > span{
	left: 5px;
	bottom:4px;
	width: 190px;
	border-radius: 0 0 3px 3px;
}

.container > footer >.footer-box{
	width:1014px;
	position: relative;
	margin:0 auto;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 1%, rgb(243,239,228) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,rgb(243,239,228)));
	background: -webkit-linear-gradient(top, #ffffff 1%,rgb(243,239,228) 100%);
	background: -o-linear-gradient(top, #ffffff 1%,rgb(243,239,228) 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,rgb(243,239,228) 100%);
	background: linear-gradient(top, #ffffff 1%,rgb(243,239,228) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3efe4',GradientType=0 );
}

.container > footer >.footer-box > p:nth-child(1){
	padding:35px 0 5px 0;
}
.container > footer >.footer-box > p:nth-child(2){
	padding:5px 0 20px 0;
}
.container > footer >.footer-box > p img{
	width:16px;
	height: 16px;
}
.container > footer >.footer-box > div.rightBtn{
	position: absolute;
	top:10px;
	right:10%;
}

.container > footer >.footer-box > div.rightBtn img{
	width:100%;
	height:100%;
}
@media screen and (max-width: 1600px){
	.section-box{
		position: relative;
		padding:6% 0 ;
	}
	.yuan-section > ul.yuan-items > li.type-1,
	.yuan-section > ul.yuan-items > li.type-2,
	.yuan-section > ul.yuan-items > li.type-3,
	.yuan-section > ul.yuan-items > li.type-4,
	.yuan-section > ul.yuan-items > li.type-5{
		width: 50%;
		 margin: 0 auto;
		
		
	}
}
@media screen and (max-width: 1014px){
	.section-box{
		position: relative;
		padding:1% 0 ;
	}
	.yuan-section > ul.yuan-items > li.type-1,
	.yuan-section > ul.yuan-items > li.type-2,
	.yuan-section > ul.yuan-items > li.type-3,
	.yuan-section > ul.yuan-items > li.type-4,
	.yuan-section > ul.yuan-items > li.type-5{
		width: 50%;
		 margin: 0 auto;
		
		
	}
}