body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size:12px;
	background-color:#fff;
}
@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");
}


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;position: relative;}
.q1 img{ width:100%; height:100vh; object-fit: cover;}
.q1 ul{position:absolute; left:0px; top:32%; width:100%; text-align:center;}
.q1 p{ font-size:3vh; color:rgba(255, 255, 255, 0.6);letter-spacing: 5px;}
.q1 h2{
	font-size:7vh;
	color:#FFFFFF;
	font-family: "hklhj";
	margin-top:4vh;
	letter-spacing: 10px;
}
.q1 h3{
	font-family:PhosphorusSelenide;
	text-transform: capitalize;
	font-size:2.2vh; margin-top:3vh;
	color:rgba(255, 255, 255, 0.4);
}
.q1 h4{position:absolute; left:0px; bottom:6vh; font-size:1.8vh; color:rgba(255, 255, 255, 0.6); width:100%; text-align:center;letter-spacing: 5px;}
.q1 i{ display:inline-block; font-size:1.8vh; margin-left:1.5vh; margin-right:1.5vh;}
.q2{ min-width:1300px; width:75%; margin:0 auto;}
.q3{ float:right;}
.q3 li{ float:left; margin-left:40px; line-height:95px; font-size:18px; color:#FFFFFF; font-family: "HYJunHei-CEJ"; cursor:pointer; }
.q3 li:hover{
	background-image:url(../webimg/t1.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.q3 .hv{background-image:url(../webimg/t1.png);
	background-repeat: repeat-x;
	background-position: left bottom;}
.q4{ float:left; padding-top:22px;}
.q4 .img02{ display: none;}
.q4 .img01{ }
#header{
	height:95px;
	z-index:99999999;
	width:100%;
	position:fixed;
	top:0;
transition:.5s;	background-image: url(../webimg/bb.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}



#header.xg{ background:#fff; box-shadow: 0 0px 10px rgba(0,0,0,0.2);}
#header.xg .q3 li{ color:#000;}
#header.xg .q3 li:hover{background-image:url(../webimg/t2.png);}
#header.xg .q3 .hv{background-image:url(../webimg/t2.png);}
#header.xg .q4 .img02{ display: inline-block;}
#header.xg .q4 .img01{ display: none;}

.q5{ width:75%; margin:0 auto; overflow:hidden; margin-top:9vh;}
@media screen and (max-width: 1550px) {
.q5{ width:90%;}
}
.q6{ float:left; width:40%;}
.q6 img{ width:100%;}
.q7{ float:right; width:55%; overflow:hidden;}
.q8{ overflow:hidden;}
.q8 dl{ font-family:'PhosphorusSelenide'; font-size:4.0vh; color:#b19c6f;}
.q8 dt{ font-size:2.8vh; margin-top:0.5vh; font-family: "HYJunHei-CEJ";}
.q9{ overflow:hidden; font-size:1.6vh; color:#333333; line-height:180%; text-align:justify; margin-top:2vh;}
.q9 p{ margin-top:1.5vh;}
.q9 span{
	display:inline-block;
	line-height:3vh;
	padding-left:1.5vh;
	padding-right:1.5vh;
	font-size:1.4vh;
	color:#b19c6f;
	border: 1px solid #b19c6f; border-radius:5px; margin-right:1vh; margin-top:2vh; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
.q9 span:hover{ background-color:#b19c6f; color:#FFFFFF;}
.q10{
	background-image:url(../webimg/s_fuwu_bg.jpg);
	overflow:hidden;
	background-repeat: no-repeat;
	background-position: center center;background-size: cover; margin-top:9vh; padding-bottom:6vh;
}
.q11{ overflow:hidden; text-align:center; margin-top:5vh;}
.q11 dl{
	font-family:PhosphorusSelenide;
Times, serif; 	font-size:4.0vh;
	color:#b19c6f;
	text-transform: uppercase;
}
.q11 dt{ font-size:2.8vh; margin-top:0.5vh; font-family: "HYJunHei-CEJ";}
.q12{margin-top:4vh; overflow:hidden;position: relative;}
.q12 img{ width:100%; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q12:hover img{transform: scale(1.1, 1.1);}
.q12 ul{position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden; box-sizing:border-box; background-color:rgba(0, 0, 0, 0.4); padding:4vh;}
.q12 h2{
	font-size:2.4vh; font-family:"Times New Roman", Times, serif;
	color:#b19c6f;
	text-transform: uppercase;
}
.q12 h1{ font-size:2.5vh; color:#FFFFFF; margin-top:1vh;}
.q12 dl{ margin-top:5vh; font-size:1.4vh; color:#FFFFFF; line-height:150%; text-align:justify;}
.q12 p{ margin-top:1vh;}
.q12 span{ display:inline-block; font-size:2vh; margin-top:2vh; color:rgba(255, 255, 255, 0.7);}
.q12 dt{position:absolute; left:4vh; bottom:4vh; z-index:99999;}
.q12 em{ display:inline-block;  width:6vh; height:6vh; background-color:rgba(177, 156, 111, 0.0); line-height:6vh; text-align:center; font-size:2.5vh; color:rgba(255, 255, 255, 0.0); border-radius:100px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q12 h3{ font-size:1.2vh; color:rgba(255, 255, 255, 0.5); font-family:'PhosphorusSelenide'; margin-top:2vh;}
.q12:hover em{ display:block; background-color:rgba(177, 156, 111, 0.7); color:rgba(255, 255, 255, 1);}

.q13{margin-top:4vh; overflow:hidden;background-color:#f2f2f2; overflow:hidden;}
.q13 dl{ width:100%; height:25vh; overflow:hidden;}
.q13 img{ width:100%; height:25vh; object-fit: cover; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q13 li:hover img{transform: scale(1.1, 1.1);}
.q13 ul{ overflow:hidden; padding:2vh;}
.q13 p{ font-size:2vh; font-weight:bolder; font-family: "HYJunHei-CEJ";overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/}
.q13 dt{ font-size:1.4vh; line-height:180%; text-align:justify; margin-top:1.5vh; color:#3a3a3a; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.q13 li:nth-child(3n){ margin-right:0;}
.q13 h2{ font-size:1.4vh; margin-top:1vh; text-align:right;}
.q13 span{ display:inline-block; font-size:1.4vh; margin-left:0.5vh;}
.q14{
	height:32px;
	background-image:url(../webimg/bt_03.png);
	overflow:hidden;
	text-align:center;
	background-position: center center;
	background-repeat: no-repeat; margin-top:4vh;
}
.q14 span{ display:inline-block; margin-top:13px; font-size:12px; color:#b19c6f;}
.q14 em{ display:inline-block; font-size:12px;}
.q15{ background-color:#1f1e1c; text-align:center; padding-bottom:3vh; padding-top:3vh; font-size:1.4vh; color:rgba(255, 255, 255, 0.6);}
.q16{ width:75%; margin:0 auto; margin-top:4vh; overflow:hidden;}
@media screen and (max-width: 1550px) {
.q16{ width:90%;}
}
.q17{ position: relative; overflow:hidden;}
.q17 img{ width:100%; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q17 span{ display:inline-block; width:80px; height:80px; cursor:pointer; text-align:center; line-height:80px; background-color:#FFFFFF; border-radius:100px; font-size:18px; color:#b19c6f;position:absolute; top:30px; left:30px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q17 span:hover{ background-color:#b19c6f; color:#FFFFFF;}
.q17 dl{position:absolute; left:0px; bottom:0px; width:100%; font-size:1.6vh; color:#FFFFFF; padding-bottom:2vh; padding-top:2vh; text-align:center; background-color:rgba(0, 0, 0, 0.5);}
.q17:hover img{transform: scale(1.1, 1.1);}
.q18{ overflow:hidden; background-image:url(../webimg/s_fuwuys_bg.jpg);background-size: cover; padding-bottom:6vh; margin-top:5vh;}
.q19{ overflow:hidden; text-align:center; margin-top:5vh;}
.q19 dl{
	font-family:PhosphorusSelenide;
Times, serif; 	font-size:4.0vh;
	color:#b19c6f;
	text-transform: uppercase;
}
.q19 dt{ font-size:2.8vh; margin-top:0.5vh; font-family: "HYJunHei-CEJ"; color:#FFFFFF; }
.q20{
	width:75%;
	margin:0 auto;
	margin-top:5vh;
	overflow:hidden;
	padding-bottom:5vh;
	padding-top:5vh;
	background-image:url(../webimg/s_fuwuys01.jpg);
	background-size: cover;
	background-position: center center;
}
.q20 ul{ width:550px; margin:0 auto; text-align:center; color:#FFFFFF;}
.q20 span{ display:inline-block; font-size:4vh;}
.q20 p{ font-size:2.5vh; margin-top:2vh; font-family: "HYJunHei-CEJ"; font-weight:bolder;}
.q20 dl{ font-size:1.4vh; margin-top:2vh; line-height:170%;}
.q20 dt{
	font-size:1.8vh;
	color:rgba(255, 255, 255, 0.5);
	font-family:"Times New Roman", Times, serif;
	margin-top:1vh;
	text-transform: capitalize;
}

.q21{
	width:75%;
	margin:0 auto;
	margin-top:3.2vh;
	overflow:hidden;
}
.q21 li{ width:49%; float:left; margin-right:2%;	padding-bottom:5vh;
	padding-top:5vh;
	background-image:url(../webimg/s2.jpg);
	background-size: cover;
	background-position: center center;
}
.q21 ul{ width:60%; margin:0 auto; text-align:center; color:#FFFFFF;}
.q21 span{ display:inline-block; font-size:4vh;}
.q21 p{ font-size:2.5vh; margin-top:2vh; font-family: "HYJunHei-CEJ"; font-weight:bolder;}
.q21 dl{ font-size:1.4vh; margin-top:2vh; line-height:170%; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.q21 dt{
	font-size:1.8vh;
	color:rgba(255, 255, 255, 0.5);
	font-family:"Times New Roman", Times, serif;
	margin-top:1vh;
	text-transform: capitalize;
}
.q21 li:nth-child(2n){ margin-right:0;background-image:url(../webimg/s3.jpg);}
@media screen and (max-width: 1550px) {
.q20{ width:90%;}
.q21{ width:90%;}
}
.q22{overflow:hidden;padding-bottom:5vh; padding-top:5vh;}
.q22 ul{ overflow:hidden;}
.q22 li{ float:left; width:80px; padding:20px; margin-left:30px; margin-right:30px;}
.q22 img{ width:100%;}
.q22 li:hover{ background-color:rgba(255, 255, 255, 0.5); border-radius:10px;}
.q23{ background-color:#f2f2f2; overflow:hidden; margin-top:5vh; }
.q24{
	width:85%;
	margin:0 auto;
	margin-top:3vh;
	overflow:hidden;
}
.q24 li{ width:32.333%; margin-right:1.5%; border-radius:2vh; box-sizing:border-box; padding:5vh 4vh 5vh 4vh; float:left; background-image:url(../webimg/b1.png);background-size: cover}
.q24 span{ display:inline-block; width:6vh; height:6vh; background-color:#FFFFFF; text-align:center; line-height:6vh; color:#333333; border-radius:1.5vh; font-size:3.5vh;}
.q24 p{ margin-top:4vh; font-size:3vh; font-weight:bolder;}
.q24 dl{ margin-top:2vh; font-size:1.8vh; color:#333333;}
.q24 em{ display:inline-block; font-size:1.6vh; margin-left:0.5vh;}
.q24 li:nth-child(3n){ margin-right:0; background-image:url(../webimg/b3.png);}
.q24 li:nth-child(2n){ background-image:url(../webimg/b2.png);}
@media screen and (max-width: 1550px) {
.q24{ width:95%;}
}
.q25{ width:75%; margin:0 auto; overflow:hidden;}
@media screen and (max-width: 1550px) {
.q25{ width:95%;}
}
.q26{ overflow:hidden; border-radius:1vh; box-shadow: 0 0 15px #e4e4e4; padding:2vh; margin:15px;}
.q26 img{ width:8vh; height:8vh; object-fit: cover; border-radius:100px; float:left; margin-right:2vh;}
.q26 p{ font-size:2vh; color:#333333; font-weight:bolder;}
.q26 dl{ font-size:1.4vh; color:#666666; line-height:150%; margin-top:1vh; text-align:justify; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.q27{ width:86%; margin:0 auto; margin-top:3vh;}
@media screen and (max-width: 1550px) {
.q27{ width:97%;}
}
.q28{ padding-bottom:4vh;}
.q29{ width:75%; margin:0 auto; overflow:hidden;}
@media screen and (max-width: 1550px) {
.q29{ width:90%;}
}
.q30{position:fixed; cursor:pointer; right:10px; bottom:100px; 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{ display:none; overflow:hidden;}






.pro_con{ width:85%; margin:0 auto; overflow: hidden; margin-top:5vh;}
.pro_con li{
	float:left;
	width:13%;
	margin-right:1%;
	overflow:hidden;
	height:600px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
	overflow:hidden;
	background-position: center center; color:#FFFFFF;
}
.pro_con li:nth-child(6n){ margin-right:0;}
.pro_con .on{ width:30%;}
.pro_con dl{ width:100%; padding-left:20%; height:600px; padding-right:16%;box-sizing:border-box; padding-top:400px; background-color:rgba(0, 0, 0, 0.6); -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.pro_con .on dl{background-color:rgba(177, 156, 111, 0.8); padding-top:100px; padding-left:15%;}
.pro_con span{ display:inline-block; font-size:6vh;}
.pro_con p{ font-size:5vh; margin-top:20px; font-family: "hklhj"; font-weight:normal;}
.pro_con h3{ 
	font-size:16px; margin-top:10px;font-family:'FuturaBT-Medium';
	text-transform: uppercase; color:#CCCCCC; text-align:justify;
}
.pro_con dt{ font-size:15px; line-height:190%; text-align:justify; margin-top:20px;  box-sizing:border-box; display:none;}
.pro_con h2{ display:none; overflow:hidden;}
.pro_con em{ display:inline-block; line-height:35px; padding-left:25px; padding-right:25px; background-color:#FFFFFF; font-size:14px; color:#000000; cursor:pointer; border-radius:40px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.pro_con .on dt{ display:block;}
.pro_con .on h2{ display:block;}
.pro_con em:hover{ padding-left:35px; padding-right:35px;}
.pro_con e{ display:inline-block; font-size:14px; margin-left:5px;}

@media screen and (max-width: 1700px) {
.pro_con{ width:95%;}
}



.k7{ overflow:hidden; background-color:#b19c6f; 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:#b19c6f; 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;
        }



/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    background-color: #F5F5F5;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 0px;
    background-color: #F5F5F5;

}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555;
}

/*滚动条移上去的背景*/

::-webkit-scrollbar-thumb:hover {
    background-color: #b19c6f;

}




.clear{ clear:both;}