@charset "utf-8";
/* CSS Document */
html,body {
	height: auto;
	padding: 0;
	margin: 0;
	font-size: 16px;
	font-family:"微软雅黑","arial", "Helvetica", "Helvetica Neue";
	color: #453f35;
	line-height: 1.5;
	text-align: center;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

input,textarea {
	font-family: "微软雅黑","arial", "Helvetica", "Helvetica Neue";
	color: #1b1c20;outline:none;
}
input:focus,textarea:focus { outline: none; }
ul,li {	list-style: none;	padding: 0;	margin: 0;}

h1,h2,h3,h4,h5,h6,p,dl,dd,dt {	margin: 0;	padding: 0;}

a {	text-decoration: none;	color: #453f35;}
a:hover {	color: #cfa041;	text-decoration: none;}
a img {	border: 0;}

input::-webkit-input-placeholder{	color: #999;}
input::-moz-placeholder{	color: #999;}
input:-ms-input-placeholder{	color: #999;}

textarea::-webkit-input-placeholder{	color: #666;}
textarea::-moz-placeholder{	color: #666;}
textarea:-ms-input-placeholder{	color: #666;}

.con { width:90%; max-width: 1366px;  margin: 0 auto; }
	.font60 { font-size: 60px;}
	.font42 { font-size: 42px;}
	.font38 { font-size: 38px;}
	.font30 { font-size: 30px;}
	.font28 { font-size: 28px;}
	.font24 { font-size: 24px;}
	.font20 { font-size: 20px;}
	.font18 { font-size: 18px;}
	.font16 { font-size: 16px;}
	.font14 { font-size: 14px;}
	.font12 { font-size: 12px;}
@media only screen and (max-width:1518px) {
	html,body { font-size: 1vw;}
	.font60 { font-size: 3.95vw;}
	.font42 { font-size: 2.76vw;}
	.font38 { font-size: 2.5vw;}
	.font30 { font-size: 1.97vw;}
	.font28 { font-size: 1.84vw;}
	.font24 { font-size: 1.58vw;}
	.font20 { font-size: 1.3vw;}
	.font18 { font-size: 1.18vw;}
	.font16 { font-size: 1vw;}
	.font14 { font-size: 0.92vw;}
	.font12 { font-size: 0.79vw;}
}

@media only screen and (max-width:828px) {
	html,body { font-size: 16px;}
	.con { width:auto; margin: 0 1em; }
}
@media only screen and (max-width:420px) {
	html,body { font-size: 14px;}
}
@media only screen and (max-width:370px) {
	html,body { font-size: 12px;}
}

@media only screen and (max-width:828px) {

.font60 { font-size: 40px;}
.font42 { font-size: 22px;}
.font38 { font-size: 20px;}
.font30 { font-size: 20px;}
.font28 { font-size: 18px;}
.font24 { font-size: 18px;}
.font20 { font-size: 14px;}
.font18 { font-size: 14px;}
.font16 { font-size: 14px;}
.font14 { font-size: 12px;}
.font12 { font-size: 12px;}
}

/*头部*/
.headerW {position: absolute; z-index: 500; left: 0; top: 0; width: 100%;	
 background-color: rgba(0,0,0,0.2); padding: 1em 0;
transition: all 0.5s;
-webkit-transition:all 0.5s;}
.header { margin: 0 auto; height: 100%; }
.header .con{display: flex;
 justify-content:space-between; align-items: center; }
.header .logo a { cursor: pointer; color: #fff;
 display: flex; justify-content: center; align-items: center;}
.header .logo a img {display: block;	width: auto; height:3.4em; object-fit: contain;}
.header .logo a .txt { margin-left: 0.4em; display: block; font-weight: bold;}
.header .logo a .txt .ch { display: block; font-weight: bold;}
.header .logo a .txt .en{ display: block; font-weight: bold;}
.header .hR { color: #fff; text-align: right;}
.header .hR .btnLan { font-weight: bold; line-height: 2.2em; padding: 0.1em 0.7em 0;
 color: #fff; border: 1px solid #fff; display: inline-block; }
.header .hR .btnEmail { width: 2.7em; height: 2.7em;
display: inline-block; cursor: pointer; margin-left: 0.8em; margin-top: 0.6em;
background: url(../images/email_h.png) center center no-repeat;
background-size:contain ;}
.header .hR .btnTel { width: 2.7em; height: 2.7em;
display: inline-block; cursor: pointer; margin-left: 0.8em; margin-top: 0.6em;
background: url(../images/tel_h.png) center center no-repeat;
background-size:contain;}

.btnPopupPic { cursor: pointer;}

@media only screen and (max-width:828px) {
	.headerW { padding: 10px 0;position: fixed;
    background-color: #333;    min-height:50px;}
	.header .con { margin: 0 5%;}
	.header .logo { font-size: 13px;}
	.header .hR { font-size: 12px; margin-right:20px;     flex-shrink: 0;}
}

/*头部导航*/
.navW {	 flex: 1;
display: flex; justify-content: space-between; align-items: center; margin-right: 3.6%;}
.nav {  margin:0 7%; flex: 1; }
.nav ul {
display: flex; justify-content:space-around; align-items: center;}
.nav ul li {cursor: pointer; padding: 0 0.1em; }
.nav ul li a { color: #fff; font-weight: bold;}
.nav ul li a:hover { color: #6b798f;}



@media only screen and (max-width:828px) {
.navW {margin-right: 0;}
.nav { font-size: 1.8vw;}
}




.navM { display: none}
.header .c-switch {
  display: none; 
  cursor: pointer; width: 40px; height: 40px;
  background:#000 url(../images/menu.png) center center no-repeat;
  background-size:50% auto;
}

@media only screen and (max-width:828px) {
.header .c-switch {  display: block;}
.nav ul ,.header .hR .btnEmail,.header .hR .btnTel{ display: none;}
.navM {
	position: fixed;
	z-index: 400;
	right: 0;
	top: 70px;

	display: none;
	font-size: 16px;
	line-height: 2.8;
	text-align: left;
	width:30%; text-align:center
}
.navM ul{position: relative; z-index: 0; padding-bottom: 2.6em; background-color: rgba(0,0,0,0.8);}
.navM li { padding: 0 5%; border-bottom:1px solid #696969; position: relative; z-index: 0;}
.navM ul ul { height: 0; overflow: hidden; 
transition: height 2s}
.navM ul li .n_title { position: relative; z-index: 0; display: flex; 
justify-content: space-between; align-items: center; }
.navM ul li .n_title a { display: inline-block;}
.navM a { color: #fff; display: block;}
.navM a:hover { color: #ffff;}
.navM .sub_nav { color: #979797;}
.navM .sub_nav ul { }
.navM .sub_nav li { line-height: 2; border-top:0 ;}
.navM .sub_nav a { color: #979797;}
.navM .sub_nav a:hover { color: #979797;}

.navM li.show ul { height: auto;padding: 0 0 1em}
.navM .btnHidden { position: absolute; bottom: -3px;
  left: 50%; margin-left: -20px; width: 40px; height: 40px;
 background: url(../images/arr.png) center center no-repeat; 
 background-size:contain ;}
}

@media only screen and (max-width:320px) {

.navM {top: 80px;}
}







/*底部*/
.footer {
 color: #f4f1ec;text-align: left; width: 100%;
  background: #453f35; }
.footer .footerTop { padding: 7.5em 0; width: 84.6%; margin: 0 auto;
display: flex; justify-content: space-between; align-items:flex-start;}
.footer .fnav { width: 50%; flex-wrap: wrap; display: flex;
 justify-content:space-between; align-items: flex-start;}
.footer .fnav dl { width: 45%; margin-right: 5%;}
.footer .fnav dl dt { font-weight: bold; color: #f4f1ec;}
.footer .fnav dl dt a {color: #f4f1ec;}
.footer .fnav dl dt a:hover {color: #eee;}
.footer .fnav dl dd {margin-top: 1.5em; line-height: 1.8; }
.footer a { color: #fff;}
.footer a:hover { color: #777;}

.footer .map { text-align: center; width: 45.6%; }
.footer .map img { display: block; width: 100%; height: auto;}

.footer .footerBot { position: relative; z-index: 0;
 margin-top: 2.5em; background-color: #403835;
 padding: 3.5em 0 4em;color: #f4f1ec; text-align: left;
 }
.footer .footerBot .btnGoTop { display: block; cursor: pointer;
	position: absolute; left: 50%; width: 5em;
	height: 5em; top: -2.5em; margin-left: -2.5em;
	background: url(../images/arrow_2.png) center center no-repeat;
	background-size:contain;
	filter:alpha(opacity=50);-moz-opacity:.5; opacity:0.5;
	transform: rotate(-90deg);
	-ms-transform: rotate(-90deg); /* IE 9 */
	-webkit-transform: rotate(-90deg); /* Safari and Chrome */
}
.footer .footerBot .conP { width: 84.6%; margin: 0 auto;
 display: flex; 
justify-content: space-between; align-items:center;}
.footer .footerBot  .copyRight { flex: 1; text-align: right;}

.footer .footerBot .share a { margin-right: 0.7em;display: inline-block; cursor: pointer;}
.footer .footerBot .share img { width: 2.25em; height: 2.25em;}

  @media only screen and (max-width:828px) {
	 .footer .footerTop  { width: auto; margin: 0 1em; display: block;}
	 .footer .fnav { width: 100%;}
	 .footer .map { width: 100%; margin-top: 2em;}
	 .footer .footerBot .conP {    width: 100%;}
  }


.btn { display: inline-block; color: #666; margin-top: 1.6em;}
.btn::before{ content: ""; display: inline-block; vertical-align: middle; width: 2.1em; height: 2.1em;
background: url(../images/arrow5.png) center center no-repeat; border: 1px dashed #b18147;
background-size:35% auto; margin-right: 0.4em; position: relative; top:-0.1em;
transition: all 0.5s;
-webkit-transition:all 0.5s;
-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}

.btnMore { display: block; cursor: pointer; margin-top: 1.4em;
padding: 0.9em 2em 0.9em; background-color: #f4f5f8; color: #333;
display: flex; justify-content: space-between; align-items: center;}
.btnMore::after{ content: ""; display: inline-block;  width: 0.85em; height: 0.85em;
background: url(../images/arrow5.png) center center no-repeat; 
background-size:0.85em auto; position: relative; top:-0.1em;}
.btnMore:hover { color: #b18147;}

.btnYell { display: inline-block; cursor: pointer; color: #fff; background-color: #cc9933;
 line-height: 3.7;
 padding: 0.05em 2.6em 0 2.6em; margin-top: 2.3em;
transition: all 0.5s;
-webkit-transition:all 0.5s;
-moz-border-radius:1.9em; -webkit-border-radius:1.9em; border-radius:1.9em;}
.btnYell::after { content: ""; display: inline-block; width: 0.8em; height: 0.8em;
background: url(../images/arrow3.png) center center no-repeat;
background-size:contain; margin-left: 0.3em; position: relative; top: 0.05em;
transition: all 0.5s;
-webkit-transition:all 0.5s;}
.btnYell:hover { color: #fff;}
.btnYell:hover::after {
	transform: translate(0.2em,0);
	-ms-transform: translate(0.2em,0); /* IE 9 */
	-webkit-transform: translate(0.2em,0); /* Safari and Chrome */
}

.btnWhite { display: inline-block; cursor: pointer; color: #453f35;
border: 1px solid #453f35; font-weight: bold;
 line-height: 2.9;
 padding: 0.1em 3.7em 0; margin-top: 1em;
transition: all 0.5s;
-webkit-transition:all 0.5s;}
.btnWhite:hover { background-color: #453f35; color: #fff; }

.btnBlack { display: inline-block; cursor: pointer; color: #fff; background-color: #23252a;
 line-height: 3.7;
 padding: 0.05em 2.6em 0 2.6em; margin-top: 2.3em;
transition: all 0.5s;
-webkit-transition:all 0.5s;
-moz-border-radius:1.9em; -webkit-border-radius:1.9em; border-radius:1.9em;}
.btnBlack::after { content: ""; display: inline-block; width: 0.8em; height: 0.8em;
background: url(../images/arrow3.png) center center no-repeat;
background-size:contain; margin-left: 0.3em; position: relative; top: 0.05em;
transition: all 0.5s;
-webkit-transition:all 0.5s;}
.btnBlack:hover { color: #fff;}
.btnBlack:hover::after {
	transform: translate(0.2em,0);
	-ms-transform: translate(0.2em,0); /* IE 9 */
	-webkit-transform: translate(0.2em,0); /* Safari and Chrome */
}

.grayBg {background-color: #f8f6f1;}

.titI { text-align: center;}
.titI .name { font-weight: bold; padding: 0 0.8em; color: #453f35; display: inline-block;
 line-height: 3;}
.titI .name .line { display: block; margin: 0 auto; content: ""; height: 1px; width: 6em;
background-color:#453f35 ;}

.aboutBox { padding: 3em 0 2.5em; 
display: flex; justify-content: space-between; align-items: stretch;}
.aboutBox .txtb { color: #453f35; width: 30.6%; margin-right: 7.9%; text-align: center;
display: flex; flex-direction: column; justify-content: space-between; align-items: stretch;}
.aboutBox .txtb .titI { font-weight: bold;}
.aboutBox .txtb .intro { margin-top: 3em; text-align: justify; letter-spacing: 0.1em;
 font-weight: bold; line-height: 1.9; text-align: center;}
.aboutBox .txtb .btnW { margin-bottom: 3.5em;}

.aboutBox .picb {width: 53.3%;}
.aboutBox .picb .pic { position: relative; z-index: 0; height: 0;
padding-top:80% ;}


.aboutBox .picb .pic img { position: absolute; left: 0; top: 0; width: 100%;
height: 100%; object-fit: cover;}




.aboutBox .picb .pics { margin: 3.8% auto 0 3.8%; width: 9.3%;}
.aboutBox .picb .pics img { width: 100%; height: auto;}




@media only screen and (max-width:828px) {
	.aboutBox { display: block;}
	.aboutBox .txtb { width:auto; margin:2em 1em; ;}
	.aboutBox .picb {width: 100%; }
}


.picPopup { position: fixed; z-index: 1000; background-color: rgba(0,0,0,0.7);
display: none; justify-content: center; align-items: center;
top: 0; left: 0; width: 100%; height: 100%;}
.picPopup.show { display: flex;}
.picPopup .picCon { max-width: 800px; width: 90%;}
.picPopup .picCon img { margin: 0 auto; max-width: 48%; height: auto; display: inline-block;}