body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size:12px;
	min-width:1280px;
}
@font-face {
  font-family: "HYJunHei-CEJ";
  src: url("/fonts/HYJunHei-CEJ.woff2") format("woff2"),
       url("/fonts/HYJunHei-CEJ.woff") format("woff"),
       url("/fonts/HYJunHei-CEJ.ttf") format("truetype"),
       url("/fonts/HYJunHei-CEJ.eot") format("embedded-opentype"),
       url("/fonts/HYJunHei-CEJ.svg") format("svg");
}
@font-face {
  font-family: "hklhj";
  src: url("/fonts/hklhj.woff2") format("woff2"),
       url("/fonts/hklhj.woff") format("woff"),
       url("/fonts/hklhj.ttf") format("truetype"),
       url("/fonts/hklhj.eot") format("embedded-opentype"),
       url("/fonts/hklhj.svg") format("svg");
}


@font-face {
	font-family: "Barlow Condensed";
	src: url(/fonts/BarlowCondensed-Regular.ttf);
}

@font-face {
	font-family: "Barlow Condensed SemiBold";
	src: url(/fonts/BarlowCondensed-SemiBold.ttf);
}

@font-face {
	font-family: "Barlow Condensed Bold";
	src: url(/fonts/BarlowCondensed-Bold.ttf);
}

@font-face {
	font-family: "Barlow Condensed Medium";
	src: url(/fonts/BarlowCondensed-Medium.ttf);
}

@font-face {
	font-family: Roboto;
	src: url(/fonts/ROBOTO-REGULAR.TTF);
}

@font-face {
	font-family: Roboto-Light;
	src: url(/fonts/Roboto-Light-10.ttf);
}

@font-face {
	font-family: play;
	src: url(/fonts/PLAYFAIRDISPLAY-REGULAR.TTF);
}

@font-face {
	font-family: play-black;
	src: url(/fonts/PLAYFAIRDISPLAY-BLACK.TTF);
}

@font-face {
	font-family: play-bold;
	src: url(/fonts/PLAYFAIRDISPLAY-BOLD.TTF);
}

@font-face {
	font-family: Bebas;
	src: url(/fonts/BEBAS.TTF);
}

@font-face {
	font-family: Bahnschrift;
	src: url(/fonts/bahnschrift.ttf);
}


table,table tr th, table tr td {
      border:1px solid #ccc;
}
table {
      text-align: center;
      border-collapse: collapse;
}


textarea{outline:none;}



input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; font-family:"微软雅黑";}
input{ outline:none;}
textarea{font-family:"微软雅黑";}


dl,dt,dd,li,p,ul,h,h1,h2,h3,h4,h5,b{ margin:0px; padding:0px; font-weight:normal;}
li {list-style-type:none;}
img{border:none;border:0;vertical-align:middle;}
span,em,i,b{
	font-style: normal;
}
.q1{ overflow:hidden; width:100%; height:100vh;}
.q1 img{ width:100%; height:100vh; object-fit: cover;}
.q2{position: relative; height:100vh; overflow:hidden;}
.q3{ width:100%; height:100vh;position:absolute; top:0px; left:0px; background-color:rgba(28, 23, 17, 0.5); z-index:999;}
.q3 ul{ overflow:hidden; text-align:center; padding-top:30vh; height:100vh; box-sizing:border-box;}
.q3 p{
	font-size:14px;
	color:#d9b982;
	letter-spacing: 10px;
}
.q3 dl{ font-size:65px; color:#FFFFFF; font-family: "宋体"; font-weight:bolder; margin-top:30px;}
.q3 h1{ font-family:"Times New Roman", Times, serif; color:#FFFFFF; font-size:16px; margin-top:30px;letter-spacing: 5px;}
.q3 h2{  color:#FFFFFF; font-size:16px; margin-top:30px;letter-spacing: 5px;}
.q3 dt{ overflow:hidden; margin-top:40px;}
.q3 span{
	display:inline-block;
	width:130px;
	height:45px; line-height:43px;
	box-sizing:border-box;
	border-radius:5px; font-size:15px; cursor:pointer; color:#FFFFFF; margin-left:20px; margin-right:20px;
	border: 1px solid rgba(255, 255, 255, 0.8); -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
.q3 span:hover{ background-color:#b8935b;}
.q3 .hv{ background-color:#b8935b;}
.q4{ float:right; margin-top:20px; margin-left:10px;}
.q4 span{
	display:inline-block;
	width:100px;
	height:35px; line-height:33px; background-color:#b8935b; text-align:center;
	box-sizing:border-box;
	border-radius:5px; font-size:14px; cursor:pointer; color:#000; margin-left:20px; margin-right:20px;
	border: 1px solid rgba(255, 255, 255, 0.8); -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
.q4 span:hover{ background-color:#b8935b;}
.q5{ height:600px;}
.q6{ margin:0 auto; width:1280px;}
.q7{ text-align:center; overflow:hidden; margin-top:50px;}
.q7 p{
	font-family:"Times New Roman", Times, serif;
	color:#d3a574;
	text-transform: uppercase;
	letter-spacing: 5px;
}
.q7 h1{ font-size:38px; font-family:"宋体"; margin-top:20px; font-weight:bolder;}
.q7 span{ display:inline-block; width:60px; height:1px; background-color:#d3a574; margin-top:15px;}
.q7 h2{ font-size:16px; color:#333333; margin-top:15px;}
.q8{ width:1280px; margin:0 auto; margin-top:50px;display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px;}
.q8 li{ border-radius:15px; overflow:hidden; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q8 dl{ width:100%; height:290px; overflow:hidden;position: relative;}
.q8 i{
	display: inline-block;
	top: 20px;
	left: 20px;
	background-color: rgba(30, 24, 18, 1);
	position: absolute;
	font-size: 12px;
	color: #FFFFFF;
	padding: 5px 10px;
	border-radius: 10px;
	text-transform: capitalize;
}
.q8 img{width:100%; height:290px; object-fit: cover; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q8 ul{
	background-color:#fdfbf7;
	overflow:hidden;
	padding:25px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ece9e7;
	border-right-color: #ece9e7;
	border-bottom-color: #ece9e7;
	border-left-color: #ece9e7; border-radius:0px 0px 15px 15px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
.q8 p{ font-family:"宋体"; font-size:26px;}
.q8 h1{ font-size:16px; margin-top:15px; color:rgba(0, 0, 0, 0.8);}
.q8 dt{ overflow:hidden; margin-top:20px;}
.q8 span{ display:inline-block; padding:3px 6px; background-color:#f5f0e7; font-size:12px; color:#7a5c2e; border-radius:5px; margin-right:10px;}
.q8 em{ display:inline-block; font-size:14px; color:#7a5c2e; margin-top:30px;}
.q8 e{ display:inline-block; font-size:14px; margin-left:5px;}
.q8 li:hover{ box-shadow: 0 0 15px #e4e4e4;}
.q8 li:hover img{transform: scale(1.2, 1.2);filter: brightness(0.8);}
.q8 li:hover ul{border-right-color: #b8926a;
	border-bottom-color: #b8926a;
	border-left-color: #b8926a;}
.q9{ background-color:#f7f3ec; overflow:hidden; padding-bottom:60px; padding-top:60px; margin-top:50px;}
.q10{ width:1280px; margin:0 auto;}
.q11{ float:left; width:48%; overflow:hidden; padding-bottom:20px;position: relative; box-sizing:border-box; padding-right:20px;}
.q11 img{ width:100%; border-radius:15px;}
.q11 span{ display:inline-block; padding:15px 30px; background-color:#b8935b; border-radius:10px;position:absolute; right:0px; bottom:0px; text-align:center;}
.q11 p{ font-size:26px; font-family:"宋体";}
.q11 dl{ font-size:14px; margin-top:5px;}
.q12{ float:right; width:48%; overflow:hidden;}
.q13{ overflow:hidden; margin-top:20px;}
.q13 p{
	font-family:"Times New Roman", Times, serif;
	color:#d3a574;
	text-transform: uppercase;
	letter-spacing: 5px;
}
.q13 h1{ font-size:36px; font-family:"宋体"; margin-top:20px; font-weight:bolder;}
.q13 span{ display:inline-block; width:60px; height:1px; background-color:#d3a574; margin-top:15px;}
.q14{ font-size:16px; color:#333333; margin-top:30px; line-height:160%;}
.q14 p{ margin-top:15px;}
.q15{ overflow:hidden; margin-top:30px;}
.q15 span{
	display:inline-block;
	line-height:30px;
	padding-left:15px;
	padding-right:15px;
	background-color:#fff;
	color:#7a5c2e; border-radius:20px; margin-right:10px;
	font-size:14px;
	border: 1px solid #d9c7a9;
}
.q16{ background-color:#1e1812; overflow:hidden; padding-bottom:80px; padding-top:40px;}
.q17{ text-align:center; overflow:hidden; margin-top:50px;}
.q17 p{
	font-family:"Times New Roman", Times, serif;
	color:#d3a574;
	text-transform: uppercase;
	letter-spacing: 5px;
}
.q17 h1{ font-size:38px; font-family:"宋体"; margin-top:20px; font-weight:bolder; color:#FFFFFF;}
.q17 span{ display:inline-block; width:60px; height:1px; background-color:#d3a574; margin-top:15px;}
.q17 h2{ font-size:16px; color:#d0d0d0; margin-top:15px;}
.q18{ overflow:hidden; width:1280px; margin:0 auto; margin-top:70px;display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px;}
.q18 li{
	padding:30px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
	border: 1px solid #3c3732; box-sizing:border-box; border-radius:20px; text-align:center;
}
.q18 li:hover{border: 1px solid #8b7559;}
.q18 span{ display:inline-block; width:60px; height:60px; line-height:60px; font-size:30px;border: 1px solid #8b7559; color:#8b7559; border-radius:50px;}
.q18 p{ font-size:18px; color:#FFFFFF; margin-top:30px; font-family:"宋体"; font-weight:bolder;}
.q18 dl{ font-size:14px; margin-top:20px; color:rgba(255, 255, 255, 0.5);}
.q19{ background-color:#f7f3ec; overflow:hidden; padding-bottom:80px; padding-top:40px;}
.q20{ width:1280px; margin:0 auto; overflow:hidden;}
.q21{ float:left; width:49%; overflow:hidden; margin-top:50px; border-radius:20px;position: relative;}
.q21 img{ width:100%; height:500px; object-fit: cover; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q21 i{ display:inline-block; top:20px; left:20px; background-color:rgba(30, 24, 18, 0.8);position:absolute;  font-size:14px; color:#d3a574; padding:5px 15px; border-radius:15px;}
.q21:hover img{transform: scale(1.1, 1.1);filter: brightness(0.8);}
.q22{ float:right; width:50%;display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; margin-top:50px;}
.q22 li{ overflow:hidden;position: relative; border-radius:20px; }
.q22 img{ width:100%; height:240px; object-fit: cover; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q22 i{ display:inline-block; top:20px; left:20px; background-color:rgba(30, 24, 18, 0.8);position:absolute;  font-size:14px; color:#d3a574; padding:5px 15px; border-radius:15px;}
.q22 li:hover img{transform: scale(1.1, 1.1);filter: brightness(0.8);}
.q23{ width:1280px; margin:0 auto; margin-top:50px;display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px;}
.q23 li{ border-radius:15px; overflow:hidden; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q23 dl{ width:100%; height:220px; overflow:hidden;}
.q23 img{width:100%; height:220px; object-fit: cover; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q23 ul{
	background-color:#fdfbf7;
	overflow:hidden;
	padding:25px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ece9e7;
	border-right-color: #ece9e7;
	border-bottom-color: #ece9e7;
	border-left-color: #ece9e7; border-radius:0px 0px 15px 15px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
.q23 p{ font-family:"宋体"; font-size:20px; font-weight:bolder;}
.q23 h1{ font-size:14px; margin-top:15px; color:rgba(0, 0, 0, 0.8);}
.q23 em{ display:inline-block; font-size:14px; color:#7a5c2e; margin-top:30px;}
.q23 e{ display:inline-block; font-size:14px; margin-left:5px;}
.q23 li:hover{ box-shadow: 0 0 15px #e4e4e4;}
.q23 li:hover img{transform: scale(1.2, 1.2);filter: brightness(0.8);}
.q23 li:hover ul{border-right-color: #b8926a;
	border-bottom-color: #b8926a;
	border-left-color: #b8926a;}
.q24{ height:50px; overflow:hidden;}
.q25{ width:1280px; margin:0 auto; overflow:hidden; background-color:#f8f3ee; border-radius:20px; margin-top:50px;}
.q26{ overflow:hidden; padding:40px; margin-top:20px; margin-bottom:20px;display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px;}
.q26 li{ overflow:hidden; text-align:center;}
.q26 span{ display:inline-block; width:90px; height:90px; line-height:90px; font-size:40px; background-color:#FFFFFF; border-radius:100px; box-shadow: 0 0 15px #dedede; color:#b8935b;}
.q26 p{ font-size:18px; color:#333333; font-weight:bolder; margin-top:20px;}
.q26 dl{ font-size:14px; line-height:160%; margin-top:20px; color:#666666;}
.q27{ width:1280px; margin:0 auto; margin-top:50px;display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px;}
.q27 li{ border-radius:15px; overflow:hidden; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q27 dl{ width:100%; height:350px; overflow:hidden;}
.q27 img{width:100%; height:350px; object-fit: cover; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q27 ul{
	background-color:#fdfbf7;
	overflow:hidden;
	padding:25px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ece9e7;
	border-right-color: #ece9e7;
	border-bottom-color: #ece9e7;
	border-left-color: #ece9e7; border-radius:0px 0px 15px 15px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
.q27 p{ font-family:"宋体"; font-size:24px; font-weight:bolder;}
.q27 h1{ font-size:14px; margin-top:15px; color:rgba(0, 0, 0, 0.6); line-height:160%;}
.q27 dt{ overflow:hidden; margin-top:20px;}
.q27 span{ display:inline-block; padding:3px 6px; background-color:#f5f0e7; font-size:12px; color:#7a5c2e; border-radius:5px; margin-right:10px;}
.q27 em{ display:inline-block; font-size:14px; color:#7a5c2e; margin-top:30px;}
.q27 e{ display:inline-block; font-size:14px; margin-left:5px;}
.q27 li:hover{ box-shadow: 0 0 15px #e4e4e4;}
.q27 li:hover img{transform: scale(1.2, 1.2);filter: brightness(0.8);}
.q27 li:hover ul{border-right-color: #b8926a;
	border-bottom-color: #b8926a;
	border-left-color: #b8926a;}
.q27 h2{ color:#7a5c2e; font-size:16px; margin-top:20px;}
.q28{ overflow:hidden; background-color:#15100b;}
.q29{ width:1280px; margin:0 auto; overflow:hidden; padding-bottom:50px; padding-top:50px;}


.q30{position:fixed; cursor:pointer; right:10px; bottom:110px; width:50px; font-size:16px; color:#FFFFFF; text-align:center; border-radius:5px; padding-bottom:20px; padding-top:20px; padding-left:10px; padding-right:10px; box-sizing:border-box; z-index:99999999999999;
background: -webkit-linear-gradient(top,#e1ba65, #b19c6f); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top,#e1ba65, #b19c6f); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top,#e1ba65, #b19c6f); /* Firefox 3.6 - 15 */
    background: linear-gradient(top,#e1ba65, #b19c6f); /* 标准的语法（必须放在最后） */
}
.q30 span{ display:inline-block; font-size:22px; margin-bottom:10px;}
.q31{ float:left; width:300px;}
.q31 p{ font-family:"宋体"; font-size:18px; color:#FFFFFF; font-weight:bolder;}
.q31 dl{ font-size:14px; line-height:160%; margin-top:20px; color:rgba(255, 255, 255, 0.7);}
.q32{ float:left; width:600px; padding-left:150px; box-sizing:border-box;}
.q32 ul{ float:left; width:50%;}
.q32 dl{ font-size:14px; color:#d3a574; margin-bottom:15px;}
.q32 p{ font-size:14px; color:rgba(255, 255, 255, 0.8); line-height:30px; cursor:pointer;}
.q32 p:hover{
	text-decoration: underline;
}
.q33{ float:left;  box-sizing:border-box;}
.q33 dl{ font-size:14px; color:#d3a574; margin-bottom:15px;}
.q33 p{ font-size:14px; color:rgba(255, 255, 255, 0.8); line-height:30px;}
.q33 span{ color:#d3a574; margin-right:5px; display:inline-block; font-size:18px;}
.q34{
	overflow:hidden;
	padding-bottom:30px;
	padding-top:30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(255, 255, 255, 0.2);
}
.q34 ul{ width:1280px; margin:0 auto;}
.q34 dl{ float:left; font-size:14px; color:rgba(255, 255, 255, 0.8);}
.q34 dt{ float:right; font-size:14px; color:rgba(255, 255, 255, 0.8);}
.faq-wrap{ width:1000px; margin:0 auto; overflow:hidden; margin-top:50px; background-color:#FFFFFF; border-radius:20px; box-shadow: 0 0 20px #e5e5e5; padding-bottom:20px; padding-top:20px;}
.faq-item{
	overflow:hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ececec;
}
.faq-title{ overflow:hidden; line-height:65px; padding-left:20px; padding-right:20px; cursor:pointer;}
.faq-title p{ float:left; font-size:22px; font-family:"宋体"; }
.faq-title span{ display:inline-block; float:right; font-size:20px; color:#464646;}
.faq-content{ overflow:hidden; font-size:16px; line-height:180%; color:#555; height:0px;}
.faq-content p{ margin-top:15px; padding-left:20px; padding-right:20px;}
.faq-content strong{ color:#1e1812;}
.q35{ height:20px;}
.q36{ overflow:hidden;}
.q37{overflow:hidden;padding-bottom:5vh; padding-top:5vh;}
.q37 ul{ overflow:hidden;}
.q37 li{ float:left; width:130px; text-align:center; padding:20px; margin-left:30px; margin-right:30px; background-color:rgba(0, 0, 0, 0.03); border-radius:10px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q37 img{ width:50%;}
.q37 li:hover{ background-color:rgba(0, 0, 0, 0.2);}
.q38{ margin:0 auto; width:1280px; margin-top:40px;display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
.q38 li{ background-color:#FFFFFF; overflow:hidden; padding:30px; border-radius:10px; box-sizing:border-box; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q38 span{ display:inline-block; font-size:14px; color:#b8935b;}
.q38 dl{ font-size:16px; line-height:180%; color:#333333; margin-top:20px;}
.q38 dt{ margin-top:20px; line-height:40px; font-size:14px; color:#333333;}
.q38 em{ width:40px; height:40px; text-align:center; font-size:14px; display:inline-block; color:#FFFFFF;background: linear-gradient(135deg, #B8926A 0%, #D4A574 50%, #B8926A 100%); border-radius:30px; margin-right:10px;}
.q38 li:hover{
	box-shadow: 0 0 10px #d0c4b2;
}
.q39{ overflow:hidden; display:none;}







.k7{ overflow:hidden; background-color:#b8935b; line-height:5vh; }
.k7 span{ display:inline-block; float:left; font-size:2vh; color:#FFFFFF; margin-left:2vh;}
.k7 em{ display:inline-block; float:right; margin-right:2vh; font-size:2vh; color:#FFFFFF; cursor:pointer;}
.k8{ overflow:hidden; background-color:#FFFFFF; padding-bottom:2vh; padding-top:0vh; text-align: center;}
.k8 li{ overflow:hidden; margin-top:2vh; padding-left:2vh;}
.k8 span{ display:inline-block; width:4vh; height:4vh; background-color:#b8935b; border-radius:4vh; text-align:center; line-height:4vh; color:#FFFFFF; font-size:2vh; float:left;}
.k8 dl{ float:left; width:70%; margin-left:1.5vh; background-color:#f2f2f2; box-sizing:border-box; border-radius:10px; padding:1vh; font-size:1.6vh; text-align:left;}
.k8 dt{ font-size:1.4vh; color:#666666; margin-top:1vh; text-align:center;}
.k8 img{
	width:50%; margin-top:2vh;
	border: 1px solid #f2f2f2;
}



.white_content1 { 
            position: fixed; display:none;
            left:0px; width:32vh; bottom:0px;border-radius:5px 5px 0rem 0rem; overflow:hidden;
            z-index:999999999999; box-shadow: 0 0 5px #acacac;
        }



#gotop{ width:50px; height:50px; border-radius:3px; background-color:#1e1812; position:fixed; text-align:center; line-height:50px; right:10px; bottom:30px; display: none; cursor:pointer; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
#gotop span{ display:inline-block; font-size:20px; color:#FFFFFF;}






.clear{ clear:both;}