.welPage{position:fixed; left:0; top:0; right:0; bottom:0; z-index:800; background:#fff; overflow:hidden;}
.welLoading{width:60px; height:60px; position:absolute; left:50%; margin-left:-30px; bottom:55px}
.welLoad_ani svg{ position:absolute; left:0; top:0; right:0; bottom:0; }
@keyframes dash{to{stroke-dashoffset:0px}}
.load{ width:100%; height:100%; position:absolute; z-index:234;left:0px;top:0px;}
.circle{stroke-dasharray:360px;stroke-dashoffset:360px}
.on .circle{animation:dash 1s linear forwards}
.welLineImg{ display:block; width:1920px; top:50%; left:50%; transform:translate(-50%,-50%); position:relative;}
.welLineImg img,.welLineImg svg{ width:100%; display:block; height:auto;}
.welLineImg:before{ content: ""; width: 0%; left: 0; top: 0; bottom: 0; background: url(../images/wel_line2.png) no-repeat left center; position:absolute; transition:all 1s linear; }
.welLineImg:after{content:""; width: 0%; right: 0; top: 0; bottom: 0; background: url(../images/wel_line2.png) no-repeat right center; position:absolute; transition:all 1s linear;}
.welLineImg.on:before{ width:50%;}
.welLineImg.on:after{ width:50%;}
.welLoading{}
.welLoad_ani{ position:absolute; left:0; top:0; right:0; bottom:0;}
.welNum{ position: absolute; left: 0; top: -20px; right: 0; bottom: 0; width: 100%; text-align: center; color: #a48f68; font: 16px/100px "GOTHAM BOLD"; }
.welNum i{ font-style:normal; display:inline-block;}
.wel_logo{ display:none; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%);}
.wel_enter{ font-size:16px; text-align:center; color:#a48f68; position:absolute; left:50%; transform:translateX(-50%); letter-spacing:1px; bottom:75px;display:none; cursor:pointer}
.wel_enterBtn,.wel_enterBtn:hover{ display:inline-block; color:#a48f68!important; animation:enterAni 2s ease-in-out infinite;}
@media (max-width:1799px){
.wel_logo img{height:100px; width:auto;}
}
@media (max-width:1199px){
.wel_logo img{height:60px; width:auto;}
.welLineImg{ transform:translate(-50%,-50%) scale(0.6);}
}
@media (max-width:767px){
.wel_logo img{height:50px; width:auto;}
.welLineImg{ transform:translate(-50%,-50%) scale(0.3);}
}


@media (max-width:767px) {
	.hidden-PC {
	display:none!important
}
}
@media (min-width:768px) {
	.hidden-WAP {
	display:none!important
}
}

.hmFocus_img{background-size:cover; width:100%;height:100%;background-repeat:no-repeat; background-position:center center; -webkit-transform:scale(1.12); transform:scale(1.12);}
.hmFocus_img:after{ content: ""; background: url(../images/banBg.png) repeat-x left bottom; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.on .hmFocus_img{ visibility: visible; -webkit-animation: scaleBg 5s linear forwards; animation: scaleBg 5s linear forwards;}
.hmFocus_item{width:100vw; height:50vh; position:relative; overflow:hidden;}
.hmFocus_item123{width:100vw; height:100vh; position:relative; overflow:hidden;}  首页调用
.hmFocus_item2{width:100vw; height:85vh; position:relative; overflow:hidden;}
.hmFocus_txt{ width:100%; color:#fff; position:absolute; left:0; top:50%; transform:translateY(-50%); margin-top:-9vw; z-index:2; text-align:center;}

.hmFocus_txt1 strong{ display: block; transition: all 0.8s ease-in-out; transform: translate(-150px,0px); opacity: 0; letter-spacing: 3px;  bold; color: #fff; font: 100px/100px LEMONMILK;  position:relative; top:125px; } 
.hmFocus_txt1 p{ margin-top: 18px; transition: all 0.8s ease-in-out; transform: translate(150px,0px); opacity: 0; font-size: 70px; line-height: 90px;  color: #fff; letter-spacing: 8px; display: block; position:relative; top:120px; font-weight: bold;}

.on .hmFocus_txt1 strong{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.on .hmFocus_txt1 p{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmFocus_dot{ height: 2px; width: 100%; position: absolute; left: 0px; bottom: 7.14vh; z-index: 5; text-align:center}
.hmFocus_dot span{ display: inline-block; margin: 0px 5px; height:2px; width:60px; background:rgba(255,255,255,0.2); cursor:pointer; position:relative; }
.hmFocus_dot span.on{height:6px;}
.hmFocus_dot span:after{content:""; background:#DAC6A2; width:0; height:6px; position:absolute; left:0; top:0;}
.hmFocus_dot span.on:after{ width:100%; transition:all 4.8s linear;}
.hmFocus .slick-prev{ background: url(../images/fsBtn.png) no-repeat center center; display: inline-block; height: 80px; width: 43px; position: absolute; left: 60px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -40px; z-index:3; transition:all 0.5s ease-in-out; opacity:0.3; transform:rotate(180deg); }
.hmFocus .slick-next{  background: url(../images/fsBtn.png) no-repeat center center; display: inline-block; height: 80px; width: 43px; position: absolute; right: 60px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -40px; z-index:3; transition:all 0.5s ease-in-out; opacity:0.3;}
.hmFocus .slick-prev:hover,.hmFocus .slick-next:hover{ opacity:1;}
@media (max-width:1799px){
.hmFocus_txt1 strong{ font: 180px/180px LEMONMILK; } 
.hmFocus_txt1 p{font-size: 40px; line-height: 60px; top:-150px; }
.hmFocus .slick-prev{ background-size:30px auto; left:30px;}
.hmFocus .slick-next{ background-size:30px auto; right:30px;}
}
@media (max-width:1199px){
.hmFocus_item{ height:80vh;}
.hmFocus_item2{ height:80vh;}
.hmPage1{position:relative; padding-top:56px;}
.hmFocus_txt1 strong{ font: 120px/120px LEMONMILK; } 
.hmFocus_txt1 p{font-size: 30px; line-height: 50px; top:-80px; }
}
@media (max-width:993px){
.hmFocus_item{ height:600px;}
.hmFocus_item2{ height:600px;}
.hmFocus_txt1 strong{ font: 100px/100px LEMONMILK; } 
}

@media (max-width:767px){
*{ letter-spacing:0!important;}
.hmFocus_item{ height:300px;}
.hmFocus_item2{ height:300px;}
.hmFocus_txt1 strong{ font: 40px/40px LEMONMILK; } 
.hmFocus_txt1 p{font-size: 22px; line-height:36px; top:-26px; }
.hmFocus .slick-prev{left:0;}
.hmFocus .slick-next{right:0;}
.hmFocus_txt1{padding-bottom:20px;}
.hmFocus_dot span{ margin: 0px 3px; height:2px; width:40px; }
.hmFocus_dot span.on{height:4px;}
.hmFocus_dot span:after{ height:4px;}
.hmFocus .slick-prev,.hmFocus .slick-next{display:none!important;}
}


.headerWpr{ width:100%; padding:30px 60px; position:fixed; left:0; top:0; z-index:30; transition:all 0.5s ease-in-out; border-bottom:1px solid rgba(255,255,255,0);}
.headerWpr_w,.headerWprDown{ background:#fff; opacity: 1;  padding:20px 60px; border-bottom:1px solid #EDE7DA;}
.header{ height:60px;}
.logo{ float:left;}
.headRx{ float: right; padding-top: 10px; }

.headLan{ float:left; cursor:pointer; position:relative; padding-left:10px;  height:40px; margin-right:30px; }
.headLan_n{ display: inline-block; height: 40px;  padding-right: 10px; font-size: 18px; line-height: 40px; color:#a48f68; transition:all 0.5s ease-in-out; }
.headLan_v{ display: inline-block; height: 40px; background: url(../images/lan_ar.png) no-repeat right center; padding-right: 11px; font-size: 18px; line-height: 40px; color:#fff; transition:all 0.5s ease-in-out; }
.headLan_m{ display: inline-block; height: 40px; background: url(../images/lan_ar.png) no-repeat right center; padding-right: 11px; font-size: 18px; line-height: 40px; color:#a48f68; transition:all 0.5s ease-in-out; }

.headLan_option{ width:120px; margin-left:-60px; position:absolute; left:50%; top:40px; padding-top:8px; opacity:0; visibility:hidden; transform:translateY(10px);}
.headLan_option dl{background:#A7926C; border-radius:0.3em; padding:14px 0; box-shadow:0 5px 12px rgba(0,0,0,0.1); position:relative}
.headLan_option dl:after{content:""; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #A7926C; position:absolute; left:50%; top:-6px; margin-left:-6px;}

.headLan_a{ display:block; line-height:30px; height:30px; color:#fff; text-align:center; font-size: 16px;}
.headLan_a:hover{ background:#d7c39f; color:#574c37;}
.headLan:hover .headLan_option{opacity:1; visibility:visible; transition:all 0.5s ease-in-out; transform:translateY(0);}

.head_pser{ background: url(../images/ser_i1.png) no-repeat center center; float: left; height: 40px; width: 60px; margin-lift:50px; margin-right:5px; }
.headMenuBtn{  line-height: 40px; float: left; height: 40px;  padding-left: 0px; font-size: 18px; color: #fff; letter-spacing: 1px; }
.headMenuBtn:hover{ color: #574c37; }
.headMenuBtn span{ float: left; width: 24px; margin: 15px 37px 0px 0px; }
.headMenuBtn span i{ background: #574C37; height: 1px; margin-bottom: 4px; display:block}
.headerWpr_join .headLan{ background: url(../images/top_i1.png) no-repeat left center;}
.headerWpr_join .headLan_v{ color:#574c37; background: url(../images/top_i2.png) no-repeat right center;}
.headerWpr_join .head_pser{background: url(../images/top_i3.png) no-repeat center center;}

.headerWpr_w .headLan,.headerWprDown .headLan{}
.headerWpr_w .headLan_n,.headerWprDown .headLan_n{ color:#A7926C!important; }
.headerWpr_w .headLan_v,.headerWprDown .headLan_v{ color:#A7926C!important; background: url(../images/lan_ar2.png) no-repeat right center!important;}
.headerWpr_w .headLan_m,.headerWprDown .headLan_m{ color:#A7926C!important; background: url(../images/lan_ar2.png) no-repeat right center!important;}
.headerWpr_w .head_pser,.headerWprDown .head_pser{ background: url(../images/ser_i1a.png) no-repeat center center!important;}

@media (max-width:1799px){
.headerWpr{padding:30px 30px;}
.logo img{height:50px; width:auto;}
.headRx{padding-top:5px;}
.header{height:50px;}
.headerWpr_w,.headerWprDown{padding:15px 30px;}
}


.menuLayer{ width:120vw; height:100vh; position:fixed; left:50%; margin-left:-60vw; top:0; z-index:36; background:rgba(255,255,255,0.6); transition:all 0.6s ease;}
.menuTop{height:15vw; width:100%; position:absolute; left:0; top:0; right:0;z-index:8;}
.menuLul{ width:100%; top:0; left:0; bottom:0; right:0;display: flex; justify-content: space-between; position:absolute; }
.menuLul li{ width:25%; height:100vh; transition:all 0.6s ease; position:relative}
.menuLul li.on{width:42%;}
.menuLul .bgImg{ position:absolute; width:100%; height:100vh; left:0; top:0; transform:skewX(-15deg); overflow:hidden;}
.menuLul .bgImg img{ transform:skewX(15deg) translateY(-50%); max-width:none; width:1000px; height:auto; left:50%; margin-left:-340px; top:50%; transition:all 0.6s ease-in-out; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0.4; filter:sepia(100%);}
.menuLul .bgImg:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.4); z-index:1; transition:all 0.6s ease-in-out;}
.menuLul .bgImg:after{ content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; transition: all 0.6s ease-in-out; background: url(../images/menu_pbg.png) no-repeat center center; background-size:cover;}
.menuLul li.on .bgImg:before{ background:rgba(0,0,0,0.2);}
.menuLul li.on .bgImg:after{ opacity:0;}
.menuLul li.on .bgImg img{ -webkit-filter: grayscale(0%); filter: grayscale(0%); filter:sepia(0%); opacity:1;}
.menuLtnm{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:3; text-align:center}
.menuLtnm span{ font-size:240px; color:rgba(218,198,162,0.2); font-family: LEMONMILK; position:absolute; left:-75px; top:-115px; transition:all 0.5s ease-in-out; opacity:0}

.menuLtnm strong{ position: relative; display: block; z-index: 1; font: 40px/40px LEMONMILK; color: #706247; white-space:nowrap; transition:all 0.5s ease-in-out;}

.menuLtnm p{ position: relative; display: block; z-index: 1; font-size: 24px; line-height: 50px; color: #706247; white-space:nowrap; transition:all 0.5s ease-in-out; letter-spacing:2px; }

.menu_alink{display:block; position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease-in-out; z-index:4}
.menuLul li:nth-child(1) .menuLtnm{ margin-left:4vw;}
.menuLul li:last-child .menuLtnm{ margin-left:-5vw;}
.menuLul li.on .menuLtnm strong{ color:#dac6a2; transform:translateY(50px);}
.menuLul li.on .menuLtnm p{ color:#dac6a2; transform:translateY(-50px); font-size:48px; font-weight:bold;}
.menuLul li.on .menuLtnm span{opacity:1;}
.menuClose{ background: url(../images/menu_close.png) no-repeat center center; height: 49px; width: 49px; position: absolute; z-index: 10; top: 35px; right:calc(10vw + 35px); cursor: pointer; transition:all 0.5s ease-in-out; }
.menuClose:hover{ transform:rotate(180deg);}
.menuLayerOut{ opacity:0; transform:translateX(-100%); visibility:hidden}
@media (max-width:1799px){
.menuClose{background-size:32px auto; top:25px;right:calc(10vw + 25px);}
.menuLtnm span{ font-size:180px; left:-55px; top:-85px;}
.menuLtnm strong{ font: 28px/32px LEMONMILK;}
.menuLtnm p{ font-size: 22px; line-height: 28px; }
.menuLul li.on .menuLtnm strong{ transform:translateY(38px);}
.menuLul li.on .menuLtnm p{ transform:translateY(-38px); font-size:38px;}
.menuLul .bgImg img{ width:800px; margin-left:-250px;}
}

.hmPage2 .container{position:relative; z-index:1;}
.hmc2bg1{ position:absolute; right:0; bottom:0; width:85.88vw; height:auto;}
.hmc2img{ position:absolute; right:0; bottom:0; width:36.69vw; height:auto;}
.hmc2t{ font-size: 48px; color: #a48f68; line-height: 60px; letter-spacing: 2px; font-weight: bold; position:relative; margin-top:8.68vw; }
.hmc2t:after{ content: ""; background: #DAC6A2; height: 6px; width: 24px; position: absolute; left: 0px; bottom: -1.56vw; }
.hmc2txt{ font-size: 16px; color: #a48f68; margin: 3.22vw 0px 4.16vw; height: 230px; overflow: hidden; line-height: 32px; max-width:725px; }
.hmc2txt p{}
.hmc2btn{ margin-bottom:2vw;}
.mpub_btn{ line-height: 46px; height: 48px; width: 180px; color: #a48f68; border: 1px solid #a48f68; font-size: 14px; text-align:left; padding-left:60px; display: inline-block; border-radius:2.2em; position:relative; z-index:1;}
.mpub_btn_hmc3{ color: #dac6a2; border: 1px solid #dac6a2; }

.mpub_btn span{ display:inline-block; position:relative; z-index:1;}
.mpub_btn:before{ content: ""; position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; background: url(../images/btnBg.png) repeat-y center center; opacity:0; transition:all 0.5s ease-in-out; border-radius:2.2em;}
.mpub_btn:after{ content: ""; background: url(../images/btn_ar.png) no-repeat center center; display: inline-block; height: 11px; width: 18px; position: absolute; left: 102px; top: 17px; transition:all 0.5s ease-in-out; opacity:0;}
.mpub_btn:hover{ border: 1px solid rgba(255,255,255,0); padding-left: 28px; color: #574c37; }
.mpub_btn:hover:before{ opacity:1;}
.mpub_btn:hover:after{left:132px; opacity:1}
.hmc2nums{ width:900px;display: flex; justify-content: space-between; }
.hmc2nums li{ cursor:default}
.hmc2nums li strong{ font-size: 16px; color: #a48f68; line-height: 108px; font-weight: normal;display:block; position:relative;}
.hmc2nums li strong span{ font: 100px "Gotham Medium"; display: inline-block; margin-right: 10px; transition:all 0.5s ease-in-out;  }
.hmc2nums li p{ font-size: 16px; color: #a48f68; line-height: 26px; margin-top:-26px; }
.hmc2nums li strong span:nth-child(2){display:inline-block; position:absolute; left:0; top:0; text-shadow:0px 16px 10px rgba(166,145,106,0.4);background-image: -webkit-gradient(linear, left 0, right 0, from(rgba(168,146,108,1)), to(rgba(217,197,161,1)));-webkit-background-clip: text;-webkit-text-fill-color: transparent; transition:all 0.5s ease-in-out; opacity:0;}
.hmc2nums li:hover strong span:nth-child(2){ opacity:1;}
.hmc2_nly{display:none;}
@media (max-width:1799px){
.hmc2t{ font-size: 38px; line-height: 50px; margin-top:8.68vw; }
.hmc2t:after{height: 4px; width: 20px;}
.hmc2txt{ font-size: 15px; margin: 2.62vw 0px 3.16vw; height: 150px; line-height: 30px;}
.hmc2btn{margin-bottom:2.8vw;}
.hmc2nums li strong{ font-size: 15px; line-height: 98px;}
.hmc2nums li strong span{ font: 80px "Gotham Medium"; margin-right: 6px; }
.hmc2nums li p{ font-size: 15px; margin-top:-20px; }
.hmc2nums{width:750px;}
.hmc2img{width:33vw;}
.hmc2bg1{width:80vw;}
}
@media (max-width:1379px){
.hmc2img{width:32vw;}
.hmc2bg1{width:70vw;}
.hmc2txt{ margin: 2.2vw 0px 2.16vw; height: 120px; line-height: 30px;}
.hmc2nums li strong span{ font: 60px "Gotham Medium"; margin-right: 4px; }
}
@media (max-width:1199px){
.hmPage2{position:relative;}
.hmc2t{margin-top:60px;}
.hmPage2{padding-bottom:60px;}
.hmc2nums{width:600px;}
.hmc2txt{margin:25px 0 35px; height:auto; max-width:610px;}
.hmc2btn{margin-bottom:50px;}
}
@media (max-width:993px){
.hmc2nums{width:520px;}
.hmc2nums li strong span{ font: 50px "Gotham Medium"; }
}
@media (max-width:767px){
.hmc2t{margin-top:50px; font-size:26px; text-align:center}
.hmc2t:after{height:2px; bottom:-10px; left:50%; margin-left:-10px;}
.hmc2txt{font-size:14px; line-height:28px;}
.hmc2btn{text-align:center;}
.hmc2_nly{display:none!important;}
.hmc2btn{margin-bottom:30px;}
.hmc2nums{width:100%; display:block; overflow:hidden}
.hmc2nums li{width:100%; float:left}
.hmc2nums li strong span{font-size:40px;}
.hmc2nums li p{transform:translateY(-8px);}
.hmc2img{width:60%; right:-30px;}
.hmc2bg1{width:150%;}
}


.hmc3bgs{ position:absolute; left:0; top:0; right:0; bottom:0; overflow:hidden; background:#a48f68;}
.hmc3bgs:after{content:""; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5); position:absolute;}
.hmc3bg{ position:absolute; left:0; top:0; right:0; bottom:0; opacity:0; visibility:hidden; transition:all 0.5s linear;}
.hmc3bg.on{ opacity:1; visibility:visible;}
.hmc3bg .bgImg{ position:absolute; left:0; top:0; right:0; bottom:0; transition:all 6s ease;}
.hmc3bg.on .bgImg{ transform:scale(1.1);}
.hmc3Randx{ width:83.33vh; height:83.33vh; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); margin-top:20px;}
.hmc3rnds{ position:absolute; left:0; top:0; right:0; bottom:0}
.hmc3rnds img.hmc3aniImg{ position:absolute; left:0; top:0; right:0; bottom:0; width:100%;}
.hmc3rnds img:nth-child(1){ animation:radiusRotate 50s linear infinite;}
.hmc3rnds img:nth-child(2){ animation:radiusRotate2 20s linear infinite;}
.hmc3rnds img:nth-child(3){ animation:radiusRotate 30s linear infinite;}
.hmc3rnds img:nth-child(4){ animation:radiusRotate2 5s linear infinite;}
.hmc3items{ position:absolute; left:0; top:0; right:0; bottom:0;}
.hmc3item{ position:absolute; width:4.62vh; height:4.62vh; cursor:pointer}
.hmc3item p{ font-size:18px; color:#fff; line-height:26px; letter-spacing:1px; font-weight:100; position:absolute; white-space:nowrap; z-index:3; transition:all 0.5s ease-in-out;}
.hmc3si{ height:2.31vh; width:2.31vh; background:#fff; border:0.55vh solid #A48F68; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.hmc3icon{ width:9.25vh; height:9.25vh; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(0); border-radius:50%; transition:all 0.5s ease-in-out; opacity:0;}
.hmc3icon:before,.hmc3icon:after{content:"";background-color:rgba(255, 255, 255, 0.3);;position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: 50%;animation: hmc3Sos 3s linear infinite;opacity: 0;}
.hmc3icon:after{animation-delay: 1.5s;}
@keyframes hmc3Sos {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(1.5);
  }
}
.hmc3icon span{ position:absolute; left:0; top:0; right:0; bottom:0; border-radius:50%; background:#fff; z-index:1;}
.hmc3icon span:before{content:""; left:0.37vh; top:0.37vh; right:0.37vh; bottom:0.37vh; border:1px dashed #A48F68; border-radius:50%; position:absolute;}
.hmc3icon span img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:5.55vh; height:auto;}
.hmc3item01{ top:25vh; right:10vh;}
.hmc3item01 p{ left:8vh; top:1.1vh;}
.hmc3item02{ top:64vh; right:18vh;}
.hmc3item02 p{ left:8vh; top:1.1vh;}
.hmc3item03{ top:64vh; left:18vh;}
.hmc3item03 p{ right:8vh; top:1.1vh;}
.hmc3item04{ top:25vh; left:10vh;}
.hmc3item04 p{ right:8vh; top:1.1vh;}
.hmc3item05{ left:50%; margin-left:-25px; top:6.5vh;}
.hmc3item05 p{ left:50%; transform:translateX(-50%); top:-3vh;}
.hmc3item.on .hmc3icon{transform:translate(-50%,-50%) scale(1); opacity:1}
.hmc3item.on p{opacity:0;}
.hmc3layer{ position:absolute; left:15.74vh; right:15.74vh; text-align:center; color:#dac6a2; top:50%; transform:translateY(-50%);}
.hmc3Lyx{}
.hmc3Lyx strong{ font-size: 48px; line-height: 60px; letter-spacing: 2px; display: block; position: relative; }
.hmc3Lyx strong:after{content:""; background: #DAC6A2; height: 6px; width: 24px; position: absolute; left: 50%; margin-left:-12px; bottom: -1.56vw; }
.hmc3Lyx p{ font-size: 24px; letter-spacing: 1px; display: block; margin-top: 4.81vh; height: 18.05vh; }
@media (max-width:1799px){
.hmc3Lyx strong{font-size:32px; line-height:40px;}
.hmc3Lyx strong:after{height:4px; width:20px; margin-left:-10px}
.hmc3Lyx p{font-size:16px; height:20vh}
}
@media (max-width:1379px){
.hmc3item p{font-size:15px;}
}
@media (max-width:1199px){
.hmPage3{height:780px; position:relative}
.hmc3Randx{margin-top:0;}
}
@media (max-width:993px){
.hmc3Randx{transform:translate(-50%,-50%) scale(0.8);}
.hmc3item p{font-size:14px;}
.hmc3layer{transform:translateY(-50%) scale(1.25);}
}
@media (max-width:767px){
.hmPage3{height:400px;}
.hmc3Randx{transform:translate(-50%,-50%) scale(0.46);}
.hmc3item p{font-size:30px; font-weight:bold}
.hmc3layer{transform:translateY(-50%) scale(1.35);}
.hmc3Lyx p{padding:0 40px; height:100px;}
}


.hmc4ul{ height:100vh; width:100vw; position:relative;}
.hmc4ul li{ position:absolute;}
.hmc4li_1{ width:66.66%; height:66.66%; left:0; top:0;}
.hmc4li_2{ width:33.33%; height:33.33%; right:0; top:0;}
.hmc4li_3{ width:33.33%; height:33.33%; left:0; bottom:0;}
.hmc4li_4{ width:16.66%; height:33.33%; left:33.33%; bottom:0;}
.hmc4li_5{ width:16.66%; height:33.33%; right:33.33%; bottom:0;}
.hmc4li_6{ width:33.33%; height:66.66%; right:0; bottom:0;}
.hmc4aBox{ display:block; position:absolute; left:0; top:0; right:0; bottom:0;}
.hmc4aBox .overflowHide{ display:block; position:absolute; left:0; top:0; right:0; bottom:0;}
.hmc4tnm{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/hmc3bg.png) repeat-x left bottom; transition:all 0.5s ease-in-out; }
.hmc4tnm p{ font-size: 20px; color: #FFF; line-height: 40px; height: 40px; position: absolute; left: 15px; right: 15px; bottom: 20px; display: block; text-align: center; font-weight: 100; overflow:hidden; }
.hmc4layer{ position: absolute; z-index: 3; left: 0px; top: 0px; right: 0px; bottom: 0px; background: url(../images/hmc3bg2.png) repeat-y left top; transition:all 0.8s ease; }
.hmc4layer.out{ opacity:0; transform:translateX(-100%); visibility:hidden;}
.hmc4cbox{ color:#dac6a2; width:100%; left:0; top:50%; transform:translateY(-50%); position:absolute;}
.hmc4t{ font-size: 48px; line-height: 60px; letter-spacing: 2px; display: block; position: relative; font-weight: bold; }
.hmc4t:after{content:""; background: #DAC6A2; height: 6px; width: 24px; position: absolute; left: 0%; bottom: -1.56vw; }
.hmc4des{ font-size: 24px; line-height:36px; letter-spacing: 1px; display: block; margin-top: 52px; height: 18.05vh; letter-spacing:2px; }
.hmc4btn{ padding-top:3vw;}
@keyframes hmc4BtnAni {
	0% {
		transform:translateX(10px);
		opacity:0;
	}
	50% {
		opacity:1;
	}
	70% {
		opacity:1;
	}
	100% {
		opacity:0;
		transform:translateX(0px);
	}
}
.hmc4ToggleBtn{display: block;height: 43px;width: 30px;position: absolute;margin-top: -21px;left:80px;top: 50%;z-index: 3; cursor:pointer}
.hmc4ToggleBtn:before{ content: ""; height: 32px; width: 15px; margin-top: -16px; position: absolute; top: 50%; right: 0px; background: url(../images/btnL.png) no-repeat center center; animation:hmc4BtnAni 1.2s linear infinite; animation-delay:0.4s; }
.hmc4ToggleBtn:after{content:"";background: url(../images/btnL2.png) no-repeat;height: 43px;width: 22px;display: block;position: absolute;left: 0px;top: 0px; animation:hmc4BtnAni 1.2s linear infinite;}
.hmc4ToggleBtn.off{ transform:rotate(180deg);}
.hmc4layer.off{ transform:translateX(-100%); opacity:0; visibility:hidden}

.hmc4Slx{ background: url(../images/hmc4layBg.png) repeat-y center center; position: absolute; width:87.5%; max-width:560px; left: 50%; transform:translate(-50%,50px); bottom: 40px;  transition:all 0.5s ease-in-out; opacity:0; FLOAT: center;text-align:center;    }



.hmc4Slx p{ color: #574426;  font: 20px/36px "Gotham Light";  padding: 10px 20px 10px 20px; }

.hmc4li_4 .hmc4Slx,.hmc4li_5 .hmc4Slx{ }

.hmc4li_4 .hmc4logo,.hmc4li_5 .hmc4logo{height:120px; width:100%;}
.hmc4li_4 p,.hmc4li_5 p{width:100%; left:0; right:0; text-align:center; top:auto; bottom:25px;}
.hmc4aBox:hover .hmc4tnm{ opacity:0;}
.hmc4aBox:hover .hmc4Slx{opacity:1; transform:translate(-50%,0);}
@media (max-width:1799px){
.hmc4ToggleBtn{left:30px;}
.hmc4t{font-size:38px; line-height:50px;}
.hmc4t:after{width:20px; height:4px;}
.hmc4des{margin-top:45px; font-size:21px;}
.hmc4logo{width:200px;}
.hmc4Slx{height:100px;}
.hmc4Slx p{font-size:16px; right:25px;}
.hmc4li_4 .hmc4Slx, .hmc4li_5 .hmc4Slx{height:140px;}
.hmc4li_4 .hmc4logo, .hmc4li_5 .hmc4logo{height:100px;}
.hmc4tnm p{font-size:18px;}
}
@media (max-width:1379px){
.hmc4cbox{padding-left:100px;}
}
@media (max-width:1199px){
.hmPage4{position:relative; height:600px;}
.hmc4ul{height:600px;}
.hmc4Slx{display:none!important;}
.hmc4aBox:hover .hmc4tnm{ opacity:1;}
}
@media (max-width:767px){
.hmPage4{margin-top:60px; margin-left:15px; margin-right:16px;}
.hmc4ul{width:100%;}
.hmPage4,.hmc4ul{height:auto;}
.hmc4ul li{position:relative!important; left:auto!important; right:auto!important; bottom:auto!important; top:auto!important; width:100%!important; height:auto!important;}
.hmc4li_6,.hmc4li_4,.hmc4li_5{display:none;}
.hmc4aBox,.hmc4aBox .overflowHide,.hmc4aBox .overflowHide .bgImg{position:relative!important; left:auto!important; right:auto!important; bottom:auto!important; top:auto!important;}
.hmc4aBox .overflowHide .bgImg img{object-fit:fill; position:static!important; width:100%; height:auto;}
.hmc4ToggleBtn{left:10px; transform:scale(0.8);}
.hmc4cbox{padding-left:50px;}
.hmc4t{font-size:26px;}
.hmc4t::after {	height: 2px; bottom:-15px;}
.hmc4des{margin-top:35px; font-size:15px; line-height:30px; height:auto; margin-bottom:35px;}
.hmc4tnm p{font-size:16px;}
}


.hmPage5{ background: url(../images/hmc4bg.png) no-repeat center center; background-size:cover;}
.hmc5Tnm{ line-height: 60px; height: 60px; margin-bottom:30px; }
.hmc5Tnm .fl{ font-size: 48px; font-weight: bold; color: #a48f68; letter-spacing: 2px; position:relative; }
.hmc5Tnm .fl:after{content:""; background: #DAC6A2; height: 6px; width: 24px; position: absolute; left: 0%; bottom: -1.56vw; }
.hmc5tab{ float:right;}
.hmc5tab a{ font-size: 24px; font-weight: normal; color: #706247; display: inline-block; margin-left: 2.86vw; position: relative; line-height: 36px; padding-top: 24px; letter-spacing: 2px; }
.hmc5tab a:after{content:""; height:2px; width:0%; left:50%; background:#a48f68; transition:all 0.5s ease-in-out; position:absolute; top:17px}
.hmc5tab a.on:after{width:100%; left:0;}
.hmc5tab a.on{ color:#a48f68;}
.hmc5swiperWpr{ position:relative;}
.hmc5swiper_item{ transition:all 0.5s ease-in-out; opacity:0; position:relative; visibility:hidden;}
.hmc5swiper_item.on{ opacity:1; visibility:visible; z-index:1;}
.hmc5swiperWpr .hmc5swiper_item:nth-child(2){ position:absolute; left:0; top:0; width:100%;}
.hmc5swiper{ margin:0 -30px;}
.hmc5item{ padding:30px;}
.hmc5aBox{ display:block;}
.hmc5aBox .overflowHide{ height:270px; transition:all 0.5s ease-in-out;}
.hmc5aBox:hover .overflowHide{ box-shadow:0 10px 30px rgba(164,143,104,0.3);}
.hmc5aBox strong{ font-size: 24px; line-height: 36px; font-weight: normal; color: #645c52; height: 72px; overflow: hidden; margin: 1.45vw 0px 1.66vw; display:block}

.hmc5aBox h3{ font-size: 22px; line-height: 30px; font-weight: 400; color: #645c52; overflow: hidden; margin: 1.45vw 0px 1.66vw; display:block}

.hmc5btn{ padding-top: 1.87vw; border-top: 1px solid #ECE9E2; position:relative; overflow:hidden; }
.hmc5btn i{ background: url(../images/hmc4si.png) no-repeat; height: 18px; width: 18px; float:right; margin-top: 16px; }
.hmc5btn a{float:left;}
.hmc5nums{ height: 42px; font: 20px/42px LEMONMILK; color: #706247; transform:translateY(5vh) }
.hmc5nums span:nth-child(1){ font-size: 36px; color: #a48f68; }
.hmc5nums i{ display:inline-block; margin:0 8px;}
.hmc5swiper .slick-prev{ background: url(../images/hmc4btn2.png) no-repeat center center; display: inline-block; height: 20px; width: 12px; position: absolute; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; right: calc((100vw - 1560px)/2 - 100px); bottom: -85px; z-index:1; transition:all 0.5s ease-in-out; }
.hmc5swiper .slick-next{ background: url(../images/hmc4btn2.png) no-repeat center center; display: inline-block; height: 20px; width: 12px; position: absolute; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; right: calc((100vw - 1560px)/2 - 150px); bottom: -85px; z-index:1; transition:all 0.5s ease-in-out; transform:rotate(180deg);}
.hmc5swiper .slick-prev:hover,.hmc5swiper .slick-next:hover{ background: url(../images/hmc4btn.png) no-repeat center center; }
@media (max-width:1799px){
.hmc5Tnm{ line-height: 50px; height: 50px; margin-bottom:20px; margin-top:35px;}
.hmc5Tnm .fl{ font-size: 38px;}
.hmc5Tnm .fl:after{ height:4px; width: 20px; bottom:-1.36vw;}
.hmc5tab a{ font-size: 20px; line-height: 30px; padding-top: 16px; }
.hmc5tab a:after{top:10px;}
.hmc5swiper{ margin:0 -15px;}
.hmc5item{ padding:20px 15px;}
.hmc5aBox .overflowHide{ height:200px;}
.hmc5aBox:hover .overflowHide{ box-shadow:0 10px 20px rgba(164,143,104,0.3);}
.hmc5aBox strong{ font-size: 20px; line-height: 30px; height: 60px; }
.hmc5aBox h3{ font-size: 20px; line-height: 30px; height: 60px; }
.hmc5nums{ height: 36px; font: 18px/36px LEMONMILK; transform:translateY(2vh)}
.hmc5nums span:nth-child(1){ font-size: 30px; }
.hmc5swiper .slick-prev{ right: calc((100vw - 1200px)/2 - 35px); bottom: -45px;}
.hmc5swiper .slick-next{ right: calc((100vw - 1200px)/2 - 85px); bottom: -45px;}
}
@media (max-width:1379px){
.hmc5Tnm{ margin-top:45px;}
.hmc5aBox .overflowHide{ height:180px;}
.hmc5aBox strong{ font-size: 16px; line-height: 30px; height: 30px;text-overflow:ellipsis;white-space:nowrap; }
.hmc5aBox h3{ font-size: 16px; line-height: 30px; height: 30px;text-overflow:ellipsis;white-space:nowrap; }
.hmc5nums{ height: 30px; font: 16px/30px LEMONMILK;}
.hmc5nums span:nth-child(1){ font-size: 22px; }
.hmc5tab{transform:translateY(8px);}
}
@media (max-width:1199px){
.hmPage5{padding-bottom:70px; padding-top:1px;}
.hmc5swiper .slick-prev{ right: calc((100vw - 770px)/2 - 35px); bottom: -45px;}
.hmc5swiper .slick-next{ right: calc((100vw - 770px)/2 - 85px); bottom: -45px;}
}
@media (max-width:767px){
.hmc5Tnm .fl{font-size:26px}
.hmc5Tnm .fl:after{height:2px; bottom:-15px;}
.hmc5tab a{font-size:16px; line-height:16px; padding-top:12px;}
.hmc5tab a:after{top:2px;}
.hmc5aBox .overflowHide{height:210px;}
.hmc5aBox strong{margin:20px 0; }
.hmc5aBox h3{margin:20px 0; }
.hmc5btn{padding-top:25px;}
.hmc5swiper .slick-prev{ right: calc((100vw - 220px)/2 - 35px); bottom: -45px;}
.hmc5swiper .slick-next{ right: calc((100vw - 220px)/2 - 75px); bottom: -45px;}
.hmc5tab a{margin-left:20px;}
}
@media (max-width:380px){
.hmc5swiper .slick-prev{ right: calc((100vw - 170px)/2 - 35px); bottom: -45px;}
.hmc5swiper .slick-next{ right: calc((100vw - 170px)/2 - 75px); bottom: -45px;}
}

@media (min-width:1199px){
/*.hmc2bg1 {transition:all 1.2s ease-in-out; transform:translate(0px,100px); opacity:0; }
.active .hmc2bg1{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmc2img {transition:all 1.5s ease; transform:translate(0px,250px); opacity:0; }
.active .hmc2img{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmc2t {transition:all 0.8s ease-in-out; transform:translate(0px,80px); opacity:0; }
.active .hmc2t{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmc2txt {transition:all 0.8s ease-in-out; transform:translate(0px,80px); opacity:0; }
.active .hmc2txt{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmc2btn {transition:all 0.8s ease-in-out; transform:translate(0px,80px); opacity:0; }
.active .hmc2btn{opacity:1; transform:translate(0px,0px); transition-delay:0.7s;}
.hmc2nums {transition:all 0.8s ease-in-out; transform:translate(0px,80px); opacity:0; }
.active .hmc2nums{opacity:1; transform:translate(0px,0px); transition-delay:0.9s;}
.hmc3Randx {transition:all 0.8s ease-in-out; transform:translate(-50%,-50%) scale(0.6); opacity:0; }
.active .hmc3Randx{opacity:1; transform:translate(-50%,-50%) scale(1); transition-delay:0.3s;}
.hmc4t {transition:all 0.8s ease-in-out; transform:translate(0px,80px); opacity:0; }
.active .hmc4t{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmc4des {transition:all 0.8s ease-in-out; transform:translate(0px,80px); opacity:0; }
.active .hmc4des{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmc4btn {transition:all 0.8s ease-in-out; transform:translate(0px,80px); opacity:0; }
.active .hmc4btn{opacity:1; transform:translate(0px,0px); transition-delay:0.7s;}
.hmc5Tnm {transition:all 0.8s ease-in-out; transform:translate(0px,80px); opacity:0; }
.active .hmc5Tnm,.active2 .hmc5Tnm{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmc5swiperWpr {transition:all 0.8s ease-in-out; transform:translate(0px,80px); opacity:0; }
.active .hmc5swiperWpr,.active2 .hmc5swiperWpr{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}*/
}


.footer{ color: #8f857e; background: #4F4946; padding-top: 60px; }
.footTop{ padding-bottom:0px; overflow:hidden;}
.foot_logo{ float:left;}
.footNav{ float: left; margin-left: 315px; font-size: 14px; line-height: 28px; color: #a48f68; }
.footNav_a{ color: #a48f68; }
.footNav span{ display: inline-block; margin: 0px 25px; }
.footWx{ float:right;}
.footWx li{ float: left; text-align: center; margin-left:; margin-left: 10px; }
.footWx li p{ font-size: 14px; line-height: 32px; letter-spacing: 1px; }
.footMid{ padding-bottom: 34px; }
.footMlx{ font-size: 16px; color:#a48f68; line-height: 24px; float:left; }
.footFrx{ float: right; margin-top:86px; position:relative; }
.footFr_v{ line-height: 46px; height: 48px; width: 150px; display: block; border: 1px solid #8F857E; padding: 0px 55px 0px 24px; font-size: 14px; position:relative; }
.footFr_v:after{ content: ""; transition: all 0.5s ease-in-out; background: url(../images/ft_arrow.png) no-repeat center center; height: 5px; width: 10px; position: absolute; top: 50%; right: 18px; margin-top: -2px; }
.footFroption{ line-height: 40px; border: 1px solid #8F857E; width: 100%; left: 0px; bottom: 47px; max-height:250px; overflow-y:auto; position:absolute; background:#4F4946; padding:1px; transition:all 0.5s ease-in-out; opacity:0; visibility:hidden;}
.footFroption p{}
.footFr_a{ display: block; padding: 0 24px; font-size: 14px; color: #8f857e; }
.footFr_a:hover{ color: #333; background: #8f857e; }
.footFrx:hover .footFroption,.footFroption.on{opacity:1; visibility:visible;}
.footFrx:hover .footFr_v:after{ transform: rotate(180deg);}
.footBom{ padding: 30px 0px; border-top: 1px solid #756D67; font-size: 14px; color: #8f857e; line-height: 30px;  }
.footBom a,.footBom a:hover{ color: #8f857e;}
.footBom .fl{}
.footBom .fr *{ vertical-align:middle;}
.foot_si1{ background: url(../images/ft_i1.png) no-repeat center center; height: 30px; width: 30px; margin-left: 20px; display:inline-block; }
.foot_si2{ background: url(../images/ft_i2.png) no-repeat center center; height: 30px; width: 30px; margin-left: 20px; display:inline-block; }
.foot_si3{ background: url(../images/foot_si3.png) no-repeat center center; height: 30px; width: 30px; margin-left: 20px; display:inline-block; }
.foot_si4{ background: url(../images/foot_si4.png) no-repeat center center; height: 30px; width: 30px; margin-left: 20px; display:inline-block; }
@media (max-width:1799px){
.footNav{margin-left:95px;}
.footNav span{margin:0 12px;}
}
@media (max-width:1199px){
.foot_logo{display:block; text-align:center; float:none; margin-bottom:30px;}
.footNav{margin-left:0; width:100%; text-align:center; float:none; margin-top:25px; margin-bottom:35px;}
.footWx{width:100%; text-align:center; float:none;}
.footWx li{display:inline-block; margin:0 20px; float:none}
.footFrx{margin-top:65px;}
}
@media (max-width:767px){
.foot_logo img{height:40px; width:auto; margin-bottom:30px;}
.footNav span{margin:0 4px;}
.footNav{font-size:12px;}
.footWx li{margin:0 1px;}
.footWx li img{max-width:90px; height:auto;}
.footMlx{width:100%; float:none; font-size:14px;}
.footFrx{width:100%; float:none; margin-top:25px;}
.footBom{font-size:12px; line-height:26px;}
}


.m2nTbox{ padding-top: 20px; line-height: 118px; overflow:hidden; }
.m2nTbox .fl{ font-size: 40px; color: #a48f68; letter-spacing: 2px; margin:0 0 0 20px; }
.m2nTbox .fr{ float: right; color: #a48f68; font-size: 18px; margin:0 20px;}
.m2nTbox .fr span{display:inline-block; margin:0 10px; }
.m2nTopSwiper{ box-shadow:0 10px 30px rgba(164,143,104,0.2); margin-bottom:160px;}
.m2nTp_item{}
.m2nTp_aBox{ display:block; overflow:hidden;}
.m2nTp_aBox .overflowHide{ float: left; height: 540px; width: 960px; }
.m2nTp_rx{ margin-left: 960px; padding: 66px 55px 0; }
.m2ntm{ margin-bottom: 50px; color: #a48f68; font: 24px/38px "Gotham Light"; }
.m2ntm span{ font: 90px "GOTHAM BOLD"; display: inline-block; margin-right: 20px; display:inline-block; position:relative; }
.m2ntm span:after{ content: ""; background: #DAC6A2; height: 4px; width: 90px; position: absolute; left: 0px; bottom: -12px; }
.m2nTp_rx strong{ font-size: 24px; line-height: 32px; color: #645c52; letter-spacing: 2px; display: block; max-height: 64px; overflow:hidden; margin-bottom: 16px; }
.m2nTp_rx p{ font-size: 16px; line-height: 32px; color: #a48f68; max-height: 64px; overflow: hidden; margin-bottom: 50px; }

.m2nTp_rx i{ font-weight: bold; line-height: 26px; background: url(../images/m2n_ar1.png) no-repeat right center; display: inline-block; font-style: normal; padding-right: 15px; color: #a48f68; font-size: 18px;  }


.m2nTopSwiper .slick-prev{ background: #EDE7DA url(../images/m2n_btn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; left: auto; top: auto; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; bottom: -100px; right: 72px; transition:all 0.5s ease-in-out; }

.m2nTopSwiper .slick-next{background: #EDE7DA url(../images/m2n_btn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; left: auto; top: auto; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; bottom: -100px; right: 0px; transition:all 0.5s ease-in-out; transform:rotate(180deg);}

.m2nTopSwiper .slick-prev:hover,.m2nTopSwiper .slick-next:hover{ background: #A48F68 url(../images/m2n_btn.png) no-repeat center center; }


.m2nTopSwiper .slick-dots{bottom:86px; padding-left:1015px; text-align:left;}
.m2nTopSwiper .slick-dots li button{display:none;}
.m2nTopSwiper .slick-dots li { background: #E4DDD1; display: inline-block; height: 2px; width: 12px; margin: 0px 10px 0px 0px; position: relative; vertical-align: middle }
.m2nTopSwiper .slick-dots li.slick-active{ background: #a48f68; height: 4px; width: 24px; }
.m2nTopSwiper .slick-dots *{vertical-align:bottom;}
.m2nul{ margin: 0px -30px; }
.m2nul li{ padding: 0px 30px; float: left; width: 33.33%; }
.m2naBox{ display:block;}
.m2naBox .overflowHide{ height:270px;}
.m2nbom{ margin: 16px 0px 4.32vw; padding: 0px 35px; }
.m2nbom p{ color: #a48f68; display: block; font: normal 16px/44px "Gotham Light"; }
.m2nbom strong{ font-size: 24px; line-height: 36px; height:72px; overflow:hidden; color: #645c52; letter-spacing: 2px; display: block; font-weight: normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
@media (max-width:1799px){
.m2nTbox{ padding-top:90px; line-height: 98px;}
.m2nTbox .fl{ font-size: 38px; }
.m2nTp_aBox .overflowHide{width:720px; height:410px;}
.m2nTp_rx{margin-left:720px; padding:30px 35px 0}
.m2ntm span{font-size:70px;}
.m2ntm{margin-bottom:12px;}
.m2nTp_rx strong{font-size:20px; margin-bottom:12px;}
.m2nTp_rx p{font-size:15px; line-height:30px; height:60px;}
.m2nTopSwiper .slick-dots{padding-left:755px;}
.m2nTopSwiper .slick-prev{ height: 50px; width: 50px; bottom: -100px; right: 62px;}
.m2nTopSwiper .slick-next{height: 50px; width: 50px; bottom: -100px; right: 0px;}
.m2nul{ margin: 0px -15px; }
.m2nul li{ padding: 0px 15px;}
.m2naBox .overflowHide{ height:220px;}
.m2nbom{ margin: 12px 0px 3.32vw; padding: 0px 25px; }
.m2nbom p{font: normal 15px/40px "Gotham Light"; }
.m2nbom strong{ font-size: 20px; line-height: 32px; height:64px;}
}
@media (max-width:1199px){
.topEmpty{height:56px;}
.m2nTp_aBox .overflowHide{width:100%; float:none;}
.m2nTp_rx{margin-left:0;}
.m2nTopSwiper .slick-dots{padding-left:35px;}
.m2nTp_rx{padding-bottom:35px;}
.m2nul li{width:50%;}
}
@media (max-width:993px){
.m2nTopSwiper .slick-prev,.m2nTopSwiper .slick-next{display:none!important;}
.m2nTopSwiper{margin-bottom:60px;}
}
@media (max-width:767px){
.m2nTbox{line-height:40px;}
.m2nTbox .fl{font-size:26px; line-height:40px; margin-top:25px; display:block; float:none; width:100%;}
.m2nTbox .fr{width:100%; float:none; line-height:40px;}
.m2nTopSwiper {margin-top:15px;}
.m2nTp_aBox .overflowHide{height:190px;}
.m2nTp_rx{padding:20px 15px 0;}
.m2ntm{font-size:20px; line-height:60px;}
.m2ntm span{font-size:58px; margin-right:5px;}
.m2ntm span::after {height: 2px;width: 50px;bottom: -12px;}
.m2nTp_rx strong{font-size:16px;}
.m2nTp_rx p{font-size:14px; line-height:26px; max-height:78px; height:auto}
.m2nTopSwiper .slick-dots{padding-left:15px; bottom:46px;}
.m2nTp_rx .text-right{transform:translateY(-20px);}
.m2nTopSwiper{margin-bottom:40px;}
.m2nul li{width:100%; margin-bottom:15px;}
.m2nbom{padding:0;}
.m2nbom strong{font-size:16px; line-height:28px; height:auto}
}

.page{ text-align: center; margin: 2.08vw 0px 5.31vw; }
.page *{vertical-align:middle;}
.page a{ font-size: 12px; color: #a48f68; text-align: center; display: inline-block; padding: 0px 15px; margin: 0px 4px; border: 1px solid #D9D9D9; line-height: 40px; min-width: 40px; cursor:default }
.page a.active,.page a:hover{ color: #FFF; background: #A48F68; border: 1px solid #A48F68; }
@media (max-width:767px){
.page{margin-bottom:70px; margin-top:15px;}
.page a{margin-bottom:10px;}
}


body{ background:#FFFDF7;}
.m3nWpr{ padding-top:115px; }
.m3nShare{ position:fixed; left:calc((100vw - 1560px)/2 - 90px); top:50%; transform:translateY(-50%); width:40px; height:50px;}
.m3nSa1{ background: #F1EDE2 url(../images/m3n_si1.png) no-repeat center center; height: 40px; width: 40px; display: block; border-radius:50%;}
.m3nSa1:hover{ background: #a48f68 url(../images/m3n_si1a.png) no-repeat center center; }
.m3nShare i{ background: #E6E6E6; display: block; height: 1px; width: 100%; margin-top:20px;}
.m3nSa2{ background: url(../images/m3n_si2.png) no-repeat center center; display: block; height: 40px; width: 40px; margin-top: 10px; }
.m3nSa2:hover{ background: url(../images/m3n_si2a.png) no-repeat center center; }
.m3nSa3{ background: url(../images/m3n_si3.png) no-repeat center center; display: block; height: 40px; width: 40px; margin-top: 10px; }
.m3nSa3:hover{ background: url(../images/m3n_si3a.png) no-repeat center center; }
.m3nBox{ padding-bottom:6.04vw; position:relative;}


.m3nLx{ float:left; width:1560px;}
.m3n_t{ font-size: 48px; line-height: 60px; font-weight: bold; color: #645c52; letter-spacing: 2px; display: block;  text-align:center }
.m3nTm{ color: #a48f68; background: url(../images/m3n_i1.png)  no-repeat center center;  margin: 28px 0px 32px; padding-left: 180px; font: 24px/34px "Gotham Light"; text-align:center }

.m3nEditor{ font-size: 18px; line-height: 36px; color: #a48f68; padding: 32px 0px 4.94vw; }
.m3nBack{ height: 96px; position: relative; text-align:center }
.m3nBack:before{content:""; height:1px; background:#E6E6E6; position:absolute; width:calc(50% - 55px); right:calc(50% + 55px); top:29px;}
.m3nBack:after{content:""; height:1px; background:#E6E6E6; position:absolute; width:calc(50% - 55px); left:calc(50% + 55px); top:29px;}
.m3nback_btn{width:60px; display:inline-block;}
.m3nback_btn i{ display: inline-block; height: 60px; width: 60px; border: 1px solid #E6E6E6; position: relative; border-radius: 50%; background: url(../images/m3n_bak_i1.png) no-repeat center center; transition:all 0.5s ease-in-out; }
.m3nback_btn:hover i{ background: #A48F68 url(../images/m3n_bak_i1a.png) no-repeat center center; box-shadow:0 10px 30px rgba(164,143,104,0.3); border:1px solid #A48F68;}
.m3nback_btn:hover{transform:translateY(-10px);}
.m3nback_btn p{ font-size: 14px; line-height: 30px; color: #a48f68; }
.m3npage{ height:60px;}
.m3nprev{ font-size: 18px; line-height: 58px; color: #a48f68; text-align: center; float: left; height: 60px; width: 200px; border: 1px solid #E6E6E6; }
.m3nnext{ font-size: 18px; line-height: 58px; color: #a48f68; text-align: center; float: right; height: 60px; width: 200px; border: 1px solid #E6E6E6; }
.m3nprev:hover,.m3nnext:hover{ color: #FFF; background: #a48f68; border: 1px solid #a48f68; box-shadow:0 5px 8px rgba(164,143,104,0.3); transform:translateY(-5px); }
.m3nRx{ width: 480px; float: right; background: #FFF; padding: 23px 30px 33px; box-shadow:0 8px 25px rgba(164,143,104,0.1); position:fixed; top:198px; right:calc((100vw - 1560px)/2); }
.m3nRxFixed{}
.m3nRx h4{ font-size: 24px; color: #a48f68; line-height: 40px; display: block; position: relative; }
.m3nRx h4:before{ content: ""; background: #A48F68; height: 24px; width: 4px; margin-top: -12px; position: absolute; top: 50%; left: -30px; }
.m3nrdl{ margin-top: 20px; }
.m3nrdl dd{ padding: 10px 0px; }
.m3nrdl dt{ padding: 10px 0px; }
.m3nra{ font-size: 16px; line-height: 22px; color: #645c52; padding-left: 18px; position: relative; display:block; }
.m3nra:before,.m3nrsa:before{ content: ""; background: #A48F68; height: 5px; width: 5px; position: absolute; height: 5px; width: 5px; left: 0px; top: 10px; border-radius:50%;}
.m3nrdl dt div{margin-left:-18px; margin-top:22px;}
.m3nra p{}
.m3nrsa{ font-size: 16px; line-height: 22px; color: #645c52; padding-left: 18px; position: relative; display:block; }
@media (max-width:1799px){
.m3nWpr{ padding-top:115px; }
.m3nLx{width:820px;}
.m3n_t{ font-size: 34px; line-height: 50px;}
.m3nTm{margin: 18px 0px 20px; font: 20px/30px "Gotham Light"; }
.m3nEditor{ font-size: 16px; line-height: 32px; padding: 15px 0px 3.94vw; }
.m3npage{ height:50px;}
.m3nprev{ font-size: 16px; line-height: 48px; height: 50px; width: 180px; }
.m3nnext{ font-size: 16px; line-height: 48px; height: 50px; width: 180px; }
.m3nRx{ width: 330px; padding: 20px 30px 25px; top:128px; right:calc((100vw - 1200px)/2); }
.m3nRxFixed{}
.m3nRx h4{ font-size: 21px;  }
.m3nrdl{ margin-top: 0px; }
.m3nrdl dd{ padding:8px 0px; }
.m3nrdl dt{ padding: 8px 0px; }
.m3nra{ font-size: 15px; line-height: 20px;}
.m3nrsa{ font-size: 15px; line-height: 20px;}
.m3nShare{ left:calc((100vw - 1200px)/2 - 60px); }
}
@media (max-width:1379px){
.m3nLx{margin-left:50px; width:780px;}
.m3nShare{ left:calc((100vw - 1200px)/2 - 10px); }
}
@media (max-width:1199px){
.m3nRx{display:none!important;}
.m3nLx{width:100%; margin-left:0;}
.m3nShare {display:none;}
}
@media (max-width:767px){
.m3n_t{font-size:20px; line-height:36px; padding-top:20px;}
.m3nTm{transform:scale(0.8); transform-origin:left center;}
.m3nEditor{padding-top:0; font-size:14px; line-height:30px;}
.m3nprev,.m3nnext{width:150px; margin-top:15px;}
.m3nBox{padding-bottom:70px;}
.m3nWpr,.m2nTbox{padding-top:0!important;}
}


.m2lxMap{ height:36.45vw; position:relative; z-index:0}
.mapLink{ background: url(../images/m2lx_mp.png) no-repeat center center; display: block; height: 140px; width: 493px; padding:24px 75px 0 210px; text-align:center; font-size:14px; line-height:24px; color:#a48f68; letter-spacing:1px; }
.amap-info-content {transform:translate(18px,25px);}
.amap-info-outer, .amap-menu-outer {box-shadow: none!important;}
.amap-info-content {background: none;}
.amap-info-close {right:63px!important;top: 16px!important;}
.bottom-center .amap-info-sharp{display:none;}
@media (max-width:1799px){

}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){

}
@media (max-width:767px){

}


.m2banner{background-attachment:fixed; background-position:center center; background-size:cover; height:100vh;}
.m2usNums{transform:translate(0,0); opacity:1;}
.m2usCon1Wpr{ background: url(../images/m2us_c1bg.png) no-repeat center 4.5vw; padding: 5.98vw 0px 5.1vw; }
.m2usCon1Wpr2{ background: url(../images/m2jn_lines.png) no-repeat center 4.5vw; padding: 5.98vw 0px 5.1vw; }
.m2usCon1{}
.m2usTbox{ padding: 0px 5.2vw; text-align:center }
.m2usTbox h4{ font-size: 48px; line-height: 60px; color: #645c52; display: block; position: relative; FONT-WEIGHT: bold;}
.m2usTbox h4:after{ content: ""; background: #DAC6A2; height: 6px; width: 24px; position: absolute; left: 50%; margin-left: -12px; bottom: -1.56vw; FONT-WEIGHT: bold;}
.m2usTbox .f_top{ margin-top: 3.12vw;  }
.m2usTbox  p{ margin-top: 0.8vw;  font-size: 16px; line-height: 32px; color: #a48f68; text-align:left;  }
.m2usTbox2 p{ margin-top: 3.12vw; font-size: 16px; line-height: 32px; color: #a48f68; text-align:left;  }
.m2usNums{ width: 100%; padding: 4.94vw 12.2vw 0px; }
.m2usBgImg{ margin: 0px 6.25vw; height:37.5vw; background-attachment:fixed; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.m2usCon2{ padding: 5.98vw 0px 6.25vw; }
.m2usc2Box{ margin-top: 4.42vw; border: 1px solid #DAC6A2; position:relative;}
.m2us_c2st{ font-size: 32px; line-height: 50px; color: #645c52; background: #FFFDF7; white-space: nowrap; display: inline-block; height: 50px; position: absolute; left: 50%; padding: 0px 95px; top: -25px; transform:translateX(-50%);}
.m2usc2ul{ padding: 2.6vw 0 0.93vw; }
.m2usc2ul li{ width:33.3%; float:left; padding:0 2.6vw;}
.m2usc2ul li dt{ line-height: 44px; height: 44px; margin-bottom: 15px; padding-left: 20px; font-size: 24px; color: #645c52; position: relative; }
.m2usc2ul li dt:before{ content: ""; background: #A48F68; height: 24px; width: 4px; margin-top: -12px; position: absolute; left: 0px; top: 50%; }
.m2usc2ul li dd{ font-size: 16px; line-height: 28px; color: #b0a290; margin-bottom:40px; }
.m2usCon3{ position:relative; z-index:3; margin-top:5.2vw; }
.m2usc3x{ margin-top:3.12vw; text-align:center}
.m2usc3_a{ display: inline-block; height: 62px; width: 62px; margin: 0px 13px; position:relative }
.m2us_c3icon{ height: 62px; width: 62px; border: 2px solid #584E3A; display: inline-block; position:relative; border-radius:50%; }
.m2us_c3icon img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.m2uswxImg{ height: 100px; width: 100px; margin-left: -50px; position: absolute; left: 50%; top: 80px; transition:all 0.5s ease-in-out; opacity:0; transform:translateY(10px); }
.m2uswxImg:after{content:""; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #fff; position:absolute; left:50%; top:-6px; margin-left:-6px;}
.m2usc3_a:hover .m2uswxImg{ opacity:1; transform:translateY(0);}
.m2usc3ul{ position:absolute; left:15px; right:15px; bottom:-62px; display: flex; justify-content: space-between;}
.m2usCon3 .container{position:relative; height:37.5vw; padding-top:5.72vw}
.m2usc3ul li{ width:calc(33.33% - 60px);}
.m2us_c3LBox{ display: block; background: url(../images/m2us_line.png) repeat-y center center; height: 240px; position:relative; }
.m2us_c3LBox:hover{ box-shadow:0 10px 30px rgba(164,143,104,0.4);}
.m2us_c3LBox:before{ content: ""; border: 1px solid rgba(255,255,255,0.2); position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; }
.hmc3Dx{ text-align: center; padding-top: 58px; transition:all 0.5s ease-in-out; }
.hmc3Dx span{}
.hmc3Dx p{ font-size: 24px; color: #574c37; line-height: 32px; font-weight: normal; display: block; margin-top: 30px; }
.hmc3Hlay{ position:absolute; left:0; top:0; right:0; bottom:0;display:flex; flex-direction:column; justify-content:center; text-align:center; transition:all 0.5s ease-in-out; opacity:0}
.hmc3Hlay strong{ font-size: 24px; color: #574c37; line-height: 32px; font-weight: normal; display: block; margin-bottom: 18px;}
.hmc3Hlay p{ font-size: 14px; line-height: 24px; color: #574c37; }
.m2us_c3LBox:hover .hmc3Hlay{opacity:1;}
.m2us_c3LBox:hover .hmc3Dx{opacity:0;}
@media (max-width:1799px){
.m2usTbox strong{ font-size: 38px; line-height: 50px; }
.m2usTbox h4{ font-size: 38px; line-height: 50px; }
.m2usCon1Wpr{ padding:4.98vw 0px 4.1vw}
.m2usCon1Wpr2{ padding:4.98vw 0px 4.1vw}
.m2usTbox p{ font-size: 15px; line-height: 28px; }
.m2us_c2st{font-size:28px;}
.m2usc2ul li dt{font-size:21px;}
.m2usc2ul li dd{ font-size: 15px; line-height: 28px; }
.m2us_c3LBox{height: 200px;}
.hmc3Dx{ padding-top: 48px;}
.hmc3Dx p{ font-size: 21px; line-height: 28px; margin-top: 20px; }
.hmc3Hlay strong{ font-size: 21px; line-height: 30px; margin-bottom: 15px;}
.hmc3Hlay p{ font-size: 14px; line-height: 24px; color: #574c37; }
}
@media (max-width:993px){
.m2banner{height:600px;}
*{background-attachment:local!important;}
.m2usc3ul li{ width:calc(33.33% - 15px);}
}
@media (max-width:767px){
.m2banner{height:250px;}
.m2usCon1Wpr{ padding:30px 0 40px;}
.m2usCon1Wpr2{ padding:30px 0 40px;}
.m2usTbox strong{font-size:26px; line-height:66px;}
.m2usTbox h4{font-size:26px; line-height:66px;}
.m2usTbox p{margin-top:25px;}
.m2usTbox{padding:0;}
.m2usNums li{width:50%; overflow:hidden}
.m2usNums li:nth-child(2n){transform:translateX(20px);}
.m2usc2Box{margin-top:50px;}
.m2us_c2st{font-size:21px; padding:0 15px;}
.m2usc2ul{padding:35px 5px;}
.m2usc2ul li{width:100%;}
.m2usc2ul li dt{font-size:20px;}
.m2usc2ul li dd{margin-bottom:20px;}
.m2usNums li strong span{font-size:32px;}
.m2usCon3 .container{padding-top:35px; height:auto;}
.m2lxMap{height:300px;}
.m2usc3ul{position:static;}
.m2usc3x{margin-top:25px; margin-bottom:25px; transform:scale(0.8); transform-origin:center center;}
.m2usCon3{padding-bottom:70px; background-size:cover;}
.m2usc3ul{display:block;}
.m2usc3ul li{width:100%;}
.m2usCon2{margin-bottom:35px;}
.m2us_c3LBox .hmc3Hlay{opacity:1;}
.m2us_c3LBox .hmc3Dx{opacity:0;}
.m2usNums{padding-left:0; padding-right:0;}
}


.m3banner{ height:100vh; position:relative; background-attachment:fixed; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.m3banner:before{content:""; background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; right:0; bottom:0}
.m3banTxt{ position:absolute; left:0; width:100%; top:50%; color:#dac6a2; text-align:center; transform:translateY(-50%); letter-spacing:2px;}
.m3banTxt strong{ display: block; font-size: 60px; font-weight: bold; line-height: 80px; }
.m3banTxt p{ font-size: 32px; font-weight: normal; line-height: 42px; margin-top: 18px; }
.m3spCon1{ padding: 5.72vw 0px; }
.m3spc1Lx{ width:50%; float:left;}
.m3spc1Lx h4{ font-size: 48px; line-height: 60px; font-weight: normal; color: #574c37; display: block; }
.m3spC1des{ font-size: 18px; line-height: 36px; color: #a48f68; margin-top: 22px; }
.m3spLogo{ float:right; max-width:40%;}
.m3spLogo img{}
.m3spCon2{ height:33.33vw; background-attachment:fixed; background-position:center center; background-size:cover; background-repeat:no-repeat;}
.m3sp_tnm{ font-size: 48px; font-weight: normal; color: #574c37; line-height: 116px; margin-top: 4.68vw; }
.m3spul{ margin: 0px -25px; }
.m3spul li{ padding: 0px 25px; float: left; width: 33.33%; margin-bottom:50px; }
.m3sp_aBox{ display:block;}
.m3sp_aBox .overflowHide{ height:488px;}
.m3sp_aBox .overflowHide:after{ content: ""; background: url(../images/m3sp_bg2.png) repeat-x left bottom; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.m3sp_aBox .overflowHide p{ font-size: 24px; font-weight: normal; color: #a48f68; line-height: 44px; position: absolute; left: 20px; right: 20px; bottom: 30px; z-index:2; text-align:center}
.m3spBom{ margin-top:3.64vw; position:relative}
.m3spBswiper{ height:100vh; position:relative;}
.m3spBswiper:after{ content: ""; background: url(../images/m3sp_bg1.png) repeat-y right top; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.m3sp_bitem{ height:100vh;}
.m3spSswiper{ width: 240px; position: absolute; top: 50%; right:calc((100vw - 1560px)/2); transform:translateY(-50%); z-index:2;}
.m3sp_sitem{ height:8.59vw; padding:15px 0; transition:all 0.5s ease-in-out; opacity:0.4; cursor:pointer}
.m3sp_sitem .bgImg{height:calc(8.59vw - 30px); border:4px solid #A48F68;}
.slick-current.m3sp_sitem{opacity:1;}
.m3spSswiper .slick-prev{ background: url(../images/psBtn.png) no-repeat center center; display: inline-block; height: 126px; width: 240px; position: absolute; left: 0px; top: -146px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; opacity:0.8; background-size:cover; }
.m3spSswiper .slick-next{  background: url(../images/psBtn.png) no-repeat center center; display: inline-block; height: 126px; width: 240px; position: absolute; left: 0px; bottom: -146px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; opacity:0.8;  transform:rotate(180deg); background-size:cover;}
.m3spSswiper .slick-prev:after{ content: ""; background: url(../images/m3sp_btn.png) no-repeat; height: 24px; width: 41px; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);}
.m3spSswiper .slick-next:after{ content: ""; background: url(../images/m3sp_btn.png) no-repeat; height: 24px; width: 41px; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);}
@media (max-width:1799px){
.m3banTxt strong{ font-size: 46px; line-height: 70px; }
.m3banTxt p{ font-size: 26px; line-height: 36px; margin-top: 15px; letter-spacing:12px; }
.m3spc1Lx h4{ font-size: 38px; line-height: 50px;}
.m3spC1des{ font-size: 16px; line-height: 32px; margin-top: 18px; }
.m3sp_tnm{ font-size: 38px; line-height: 86px; margin-top: 2.68vw; }
.m3sp_aBox .overflowHide{height:368px;}
.m3sp_aBox .overflowHide p{font-size:21px;}
.m3spSswiper{ width: 200px; right:calc((100vw - 1200px)/2);}
.m3spSswiper .slick-prev,.m3spSswiper .slick-next{width:200px; height:105px;}
.m3spSswiper .slick-prev{top:-120px;}
.m3spSswiper .slick-next{bottom:-120px;}
}
@media (max-width:1199px){
.m3banner{height:600px; position:relative}
.m3spSswiper{ right:calc((100vw - 970px)/2); width:140px;}
.m3spSswiper .slick-prev,.m3spSswiper .slick-next{width:140px; height:85px;}
.m3spSswiper .slick-prev{top:-85px;}
.m3spSswiper .slick-next{bottom:-85px;}
}
@media (max-width:993px){
.m3spc1Lx{width:100%; float:none;}
.m3spLogo{float:none; width:100%; text-align:center; margin-top:25px; text-align:left; max-width:none}
.m3spul li{width:50%;}
.m3sp_bitem{height:600px;}
.m3spBswiper{height:600px;}
.m3spSswiper{ right:calc((100vw - 700px)/2); width:140px;}
.m3sp_sitem .bgImg{height:70px;}
}
@media (max-width:767px){
.m3banTxt strong{font-size:26px; line-height:36px;}
.m3banTxt p{ font-size:18px; line-height:32px; margin-top:12px;}
.m3banner{height:250px;}
.m3spc1Lx h4{font-size:26px; line-height:36px;}
.m3spCon1{padding-top:45px;}
.m3spLogo img{height:66px; width:auto;}
.m3spCon2{height:160px;}
.m3sp_tnm{font-size:26px;}
.m3spul{margin:0 -5px 55px;}
.m3spul li{padding:0 5px; margin-bottom:12px;}
.m3sp_aBox .overflowHide{height:230px;}
.m3sp_aBox .overflowHide p{font-size:17px; bottom:17px;}
.m3sp_bitem{height:250px;}
.m3spBswiper{height:250px; margin-bottom:80px;}
.m3spSswiper{display:none;}
.m3spBswiper .slick-dots{bottom:-35px;}
.m3spBswiper .slick-dots li button{display:none;}
.m3spBswiper .slick-dots li { background: #D6D6D6; display: inline-block; height: 6px; width: 6px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle}
.m3spBswiper .slick-dots li.slick-active{ background: #a48f68; border: 5px solid #DBD2C2; height: 16px; width: 16px; }
.m3spBswiper:after{display:none;}
}


.m2xzlBan p{ letter-spacing:15px;}
.m2layerBg{position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:60}
.m2layerClose {position: fixed;width: 60px;height: 60px;top: 50px;right: 50px;cursor: pointer;transition: all 500ms ease;z-index: 62; cursor:pointer}
.m2layerClose:hover{transform:rotate(180deg);}
.m2layerClose:before, .m2layerClose:after {content: '';width: 60px;height: 2px;background: #D8C4A3;position: absolute;top: 30px;}
.m2layerClose:before {left: 0;transform: rotate(45deg);}
.m2layerClose:after {left: 0;transform: rotate(135deg);}
.m2Lay_video{position: fixed;top: 50%;left: 50%;max-height: 80vw;max-width: 80vw; transform:translate(-50%, -50%); z-index:75;}
@media (max-width:767px){
.m2Lay_video{max-height: 90vw;max-width: 90vw;}
.m2layerClose{right:15px;}
}


.m2xzlPage2{ background: url(../images/m2xzl_p2bg.jpg) no-repeat center center; background-size:cover;}
.m2xzl_pt{ text-align: center; font-size: 48px; color: #574c37; line-height: 60px; letter-spacing: 2px; }
.m2xzl_p2des{ text-align: center; font-size: 18px; line-height: 36px; color: #a48f68; margin-top: 24px; max-width:1400px; margin-left:auto; margin-right:auto;}
.m2xzlPage2 .m2xzl_pt{margin-top:80px;}
.m2xzl_p2swiper{ margin: 50px -30px 0; }
.m2xzl_p2item{ padding: 0px 30px; position:relative;}
.m2xzl_p2item a{display:block; position:relative; height: 33vw;}
.m2xzl_p2item img{ position:absolute; max-width:100%; max-height:100%; width:auto; height:auto; left:50%; top:50%; transform:translate(-50%,-50%);}
.m2xzl_p2swiper .slick-prev{ background: url(../images/m2xzl_btn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; left: 6.55vw; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -30px; z-index: 2; transition:all 0.5s ease-in-out;  transform:rotate(180deg); opacity:0;}
.m2xzl_p2swiper .slick-next{ background: url(../images/m2xzl_btn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; right: 6.55vw; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -30px; z-index: 2; transition:all 0.5s ease-in-out; opacity:0;}
.m2xzl_p2swiper:hover .slick-prev,.m2xzl_p2swiper:hover .slick-next{ opacity:1;}
.m2xzl_p2swiper .slick-disabled{display:none!important;}
.m2xzlPage3 .container{ position:relative; padding-bottom:0vw;}
.m2xzl_videoBg{ width:100vw; height:100vh; position:absolute; left:0; top:0; overflow:hidden;}
.m2xzl_videoBg video{ width:110%; height:auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.m2xzl_videoBg:after{content:"";background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; right:0; bottom:0;}
.m2xzl_p3btn,.m2xzl_p3btn:hover{ background: url(../images/play_btn.png) no-repeat center top; width: 400px; text-align:center; display:block; padding-top: 175px; font-size: 24px; line-height: 36px; color: #dac6a2; letter-spacing: 2px; text-align: center; margin-top:9.27vw; margin-left:auto; margin-right:auto;}
.m2xzlPage3 .m2xzl_pt{ color:#dac6a2;}
.m2xzlPage4{ background: url(../images/m2xzl_c3bg.jpg) no-repeat center bottom; background-size:cover;}
.m2xzlPage4 .m2xzl_pt{margin-top:50px;}
.m2xzl_p4ul{ margin-top: 32px;display: flex; justify-content: space-between; }
.m2xzl_p4ul li{ width:20%; margin:0 1px; transition:all 0.8s ease;}
.m2xzl_p4ul li.on{ width:45%;}
.m2xzl_p4box{ display:block; position:relative; height:33.33vw;}
.m2xzl_bg1{ position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease-in-out;}
.m2xzl_bg1:after{ content: ""; background: url(../images/m2xzl_bbg1.png) repeat-x left bottom; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; opacity:0.9 }
.m2xzl_bg2{ position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease-in-out;}
.m2xzl_p4ul li.on .m2xzl_bg2{opacity:0;}
.m2xzl_c4dx{ position:absolute; left:0; width:100%; text-align:center; top:50%; transform:translateY(-50%); transition:all 0.5s ease-in-out;}
.m2xzl_p4ul li.on .m2xzl_c4dx{opacity:0; transform:translateY(-80px); transition:none}
.m2xzl_c4dx span{}
.m2xzl_c4dx p{ font-size: 24px; color: #574c37; line-height: 44px; }
.m2xzl_c4hx{ position: absolute; left: 0; width: 100%; bottom: 0; padding:0 35px 50px; color: #a48f68; }
.m2xzl_c4hx strong{ font-size: 32px; line-height: 46px; font-weight: normal; letter-spacing: 2px; display: block; margin-bottom: 18px; transition:all 0.5s ease-in-out; transform:translateY(50px); opacity:0; }
.m2xzl_c4hx p{ font-size: 18px; line-height: 34px; transition:all 0.5s ease-in-out; transform:translateY(50px); opacity:0; }
.m2xzl_p4ul li.on .m2xzl_c4hx strong{ opacity:1; transform:translateY(0); transition-delay:0.3s;}
.m2xzl_p4ul li.on .m2xzl_c4hx p{ opacity:1; transform:translateY(0); transition-delay:0.5s;}
.m2xzlPage5{ background: url(../images/m2xzl_c5bg.jpg) no-repeat center center; background-size:cover;}
.m2xzlPage5 .m2xzl_pt{margin-top:90px;}
.m2xzl_c5ul{ margin-top: 4.16vw; }
.m2xzl_c5ul li{ float: left; width: 20%; }
.m2xzl_c5a{ display:block; height:315px; text-align:center; padding-top:70px; position:relative}
.m2xzl_c5icon{ display:inline-block; width:100px; height:100px; border-radius:50%; position:relative;}
.m2xzl_c5icon:after{ content: ""; background: url(../images/m2xzl_ybg.png) no-repeat center center; position: absolute; left: -10px; top: -10px; right: -10px; bottom: -10px; border-radius:50%;}
.m2xzl_tp{ font-size: 24px; color: #a48f68; line-height: 36px; margin-top: 34px; }
.m2xzl_c5icon i{ background: url(../images/m2xzl_c6bg.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; border-radius:50%;}
.m2xzl_c5icon i img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.m2xzlLayer{ background: url(../images/m2xzl_c5bg2.png) no-repeat center center; height: 312px; padding: 0px 28px; border-radius:1.8em; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:312px; box-shadow:0 10px 30px rgba(202,180,140,0.3);display:flex; flex-direction:column; justify-content:center; transition:all 0.5s ease-in-out; opacity:0}
.m2xzlLayer strong{ font-size: 24px; line-height: 36px; font-weight: normal; color: #574c37; letter-spacing: 1px; display: block; margin-bottom: 20px; }
.m2xzlLayer p{ text-align: left; font-size: 16px; line-height: 32px; color: #574c37; max-height:192px; overflow-y:auto; }
.m2xzl_c5a:hover .m2xzlLayer{ opacity:1}
@media (min-width:1199px){
/*.m2xzl_pt {transition:all 0.8s ease-in-out; transform:translate(0px,80px); opacity:0; }
.active .m2xzl_pt,.active2 .m2xzl_pt{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.m2xzl_p2des {transition:all 0.8s ease-in-out; transform:translate(0px,80px); opacity:0; }
.active .m2xzl_p2des{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.m2xzl_p2swiper {transition:all 0.8s ease-in-out; transform:translate(0px,80px); opacity:0; }
.active .m2xzl_p2swiper{opacity:1; transform:translate(0px,0px); transition-delay:0.7s;}
.m2xzl_p3btn {transition:all 0.8s ease-in-out; transform:translate(0px,80px); opacity:0; }
.active .m2xzl_p3btn{opacity:1; transform:translate(0px,0px); transition-delay:0.7s;}
.m2xzl_p4ul {transition:all 0.8s ease-in-out; transform:translate(0px,80px); opacity:0; }
.active .m2xzl_p4ul{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.m2xzl_c5ul{transition:all 0.8s ease-in-out; transform:translate(0px,80px); opacity:0; }
.active .m2xzl_c5ul,.active2 .m2xzl_c5ul{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}*/
}
@media (max-width:1799px){
.m2xzl_pt{font-size: 38px; line-height: 50px; }
.m2xzl_p2des{ font-size: 16px; line-height: 30px; margin-top: 16px; max-width:1000px;}
.m2xzlPage2 .m2xzl_pt{margin-top:50px;}
.m2xzl_p2swiper{ margin: 25px -20px 0; }
.m2xzl_p2item{ padding: 0px 20px;}
.m2xzl_p2item a{ height: 25vw;}
.m2xzl_p3btn,.m2xzl_p3btn:hover{ width: 300px; padding-top: 145px; font-size: 21px; line-height: 30px;  margin-top:7.27vw; background-size:120px auto;}
.m2xzl_c4dx span{width:50px; height:50px; display:inline-block;}
.m2xzl_c4dx p{font-size:21px;}
.m2xzl_p4box{height:30vw;}
.m2xzl_c4hx strong{font-size:28px; line-height:40px;}
.m2xzl_c4hx p{font-size:16px; line-height:28px;}
.m2xzl_c5ul{margin-top:3vw;}
.m2xzl_c5icon{width:80px; height:80px;}
.m2xzl_c5icon i img{display:inline-block; height:50px; width:50px;}
.m2xzl_tp{margin-top:25px; font-size:21px;}
.m2xzl_c5a{padding-top:40px; height:235px;}
.m2xzlLayer{ height: 260px; padding: 0px 20px; width:280px;}
.m2xzlLayer strong{ font-size: 21px; line-height: 30px; margin-bottom: 15px; }
.m2xzlLayer p{ font-size: 15px; line-height: 28px; max-height:168px; }
}
@media (max-width:1379px){
.m2xzl_pt{font-size: 36px; line-height: 40px; }
.m2xzl_p2des{ font-size: 15px; line-height: 26px; margin-top: 12px;}
.m2xzl_p2swiper{ margin: 20px -20px 0; }
.m2xzl_c5icon{width:70px; height:70px;}
.m2xzl_c5a{padding-top:25px; height:200px;}
.m2xzlLayer{ height: 200px; padding: 0px 15px;}
.m2xzlLayer strong{ font-size: 20px; line-height: 26px; margin-bottom: 10px; }
.m2xzlLayer p{ font-size: 14px; line-height: 24px; max-height:120px; }
}
@media (max-width:1199px){
.m2xzlPage3{height:560px; position:relative;}
.m2xzl_videoBg{height:auto; top:0; bottom:0;}
.m2xzl_p2des{padding:0 25px; margin-top:25px;}
.m2xzlPage2{margin-bottom:70px;}
.m2xzl_p2item a{height:320px;}
.m2xzlPage3 .container{padding-top:70px;}
.m2xzlPage4{ padding:60px 0 80px;}
.m2xzl_p4box{height:360px;}
.m2xzlPage4 .m2xzl_pt{ margin-top:0;}
.m2xzlPage5{padding:70px 0 70px;}
.m2xzlPage5 .m2xzl_pt{ margin-top:0;}
.m2xzl_tp{font-size:18px;}
.m2xzlPage1{padding-top:56px;}
}
@media (max-width:993px){
.m2xzl_videoBg video{display:none;}
.m2xzl_c4hx{padding:0 15px 30px;}
.m2xzl_c4hx p{font-size:13px;}
.m2xzl_c4hx strong{font-size:24px;}
.m2xzl_c5ul li{width:50%;}
}
@media (max-width:767px){
.m2xzl_pt{font-size:26px;}
.m2xzl_p2des{padding:0 15px; margin-top:12px;}
.m2xzl_p4box{height:360px;}
.m2xzlPage2{margin-bottom:90px;}
.m2xzl_p2swiper .slick-dots{bottom:-35px;}
.m2xzl_p2swiper .slick-dots li button{display:none;}
.m2xzl_p2swiper .slick-dots li { background: #D6D6D6; display: inline-block; height: 6px; width: 6px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle}
.m2xzl_p2swiper .slick-dots li.slick-active{ background: #a48f68; border: 5px solid #DBD2C2; height: 16px; width: 16px; }
.m2xzl_p2des{font-size:14px; line-height:26px;}
.m2xzl_p2des br{display:none;}
.m2xzlPage3 .m2xzl_p2des{padding:0;}
.m2xzl_p3btn{transform:scale(0.8);}
.m2xzlPage3{height:490px;}
.m2xzl_p4ul{display:block;}
.m2xzl_p4ul li{width:100%!important;}
.m2xzl_p4box{height:280px;}
.m2xzl_tp{font-size:16px;}
.m2xzlLayer{width:180px;}
.m2xzlLayer strong{font-size:15px; margin-bottom:5px;}
.m2xzlLayer p{font-size:12px; line-height:20px;}
}


.m2syBody .headerWpr{position:absolute;}
.m2syFocus{height:100vh; position:relative;}
.m2syBan_img{ position:absolute; left:0; top:0; right:0; bottom:0;}
.m2syBan_m_img{ position:absolute; left:0; top:0; right:0; bottom:0;}
.m2syFocus .hmFocus .slick-prev{ background: url(../images/m2sy_btn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; left: 60px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -30px; z-index: 3; transition: all 0.5s ease-in-out; border: 2px solid #DAC6A2; border-radius:50%; transform:rotate(0deg); }
.m2syFocus .hmFocus .slick-next{ background: url(../images/m2sy_btn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; right: 60px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -30px; z-index: 3; transition: all 0.5s ease-in-out; border: 2px solid #DAC6A2; border-radius:50%; transform:rotate(180deg);}
.m2syMenuBox{height:120px; position:relative; background: url(../images/m3sy_mbg.png) repeat-y center top; background-size:100% auto; }
.m2syMenuWpr{ background: url(../images/m3sy_mbg.png) repeat-y center top; height: 120px; padding-top: 35px; position:absolute; width:100%; left:0; top:0; z-index:2; background-size:100% auto; transition:all 0.5s ease-in-out; }
.m2syMenuWprFixed{position:fixed; left:0; top:0; padding-top:20px; height:90px;}
.m2syMa1{ line-height: 50px; height: 50px; display: inline-block; padding: 0 25px; font-size: 18px; color: #FFF; }
.m2syMa1.on,.m2syMa1:hover{ color: #FFF; background: #beac8b; }
.m2syLMenu{ float:left;}
.m2syLMenu li{float:left;}
.m2syRMenu{ float:right;}
.m2syRMenu li{ float:left; position:relative;}
.m2syRMenu li dl{ padding: 30px 0px; width: 180px; margin-left: -90px; position: absolute; left: 50%; top: 60px; background: #FFF; opacity:0; visibility:hidden; transform:translateY(18px); }
.m2syRMenu li:hover dl{opacity:1; visibility:visible; transition:all 0.3s ease-in-out; transform:translateY(0);}
.m2syRMenu li dl:after{content:""; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #fff; position:absolute; left:50%; top:-8px; margin-left:-8px;}
.m2syMa2{ line-height: 50px; height: 70px; display:inline-block; padding: 0px 32px; font-size: 24px; font-weight: normal; color: #FFF; letter-spacing:1px; }
.m2syMa2:hover{color:#fff;}
.m2syMa2 i{ background: url(../images/m3sy_mar.png) no-repeat center center; display: inline-block; height: 8px; width: 14px; margin-left:8px; }
.m2syMa2 text,.m2syMa2 i{vertical-align:middle;}
.m2syRMenu li dd{ text-align:center}
.m2syMa3{ line-height: 42px; height: 42px; display: block; font-size: 16px; color: #a48f68; background-size:120% auto; }
.m2syMa3:hover{ color: #574c37; background: url(../images/m2xzl_c5bg2.png) no-repeat center center; background-size:cover; }
.m2syLayBtn{position: fixed; right: 60px; z-index: 30; bottom:6vh; }
.m2syLay_btna{ display:block; height: 90px; width: 90px; position:relative; }
.m2syLay_btna:before,.m2syLay_btna:after{background-color:rgba(193,172,135,0.5);content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: 50%;animation: m2syScale 3s linear infinite;opacity: 0;}
.m2syLay_btna:after {animation-delay: 1.5s;}
@keyframes m2syScale {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(1.6);
  }
}
.m2syLay_btna span{ background: url(../images/m3sy_mbg2.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; border-radius: 50%; text-align: center; padding-top: 27px; font-size: 14px; line-height: 18px; color: #574c37; letter-spacing: 1px; z-index:2; }
.m2syFlbg{ background:rgba(0,0,0,0.6); position:fixed; left:0; top:0; right:0; bottom:0; z-index:35;}
.m2syFlswiperWpr{ background: #FFF; height: 41.66vw; width: 1190px; position: fixed; z-index: 38; left:50%; top:50%; transform:translate(-50%,-50%); opacity:0; visibility:hidden; transition:all 0.5s ease-in-out;}
.m2syFlswiperWpr.on{opacity:1; visibility:visible;}
.m2syFlswiper{ height:calc(41.66vw - 50px); position:relative;}
.m2syFlswiper:after{ content: ""; background: url(../images/zbico.png) no-repeat; height: 70px; width: 129px; position: absolute; right: 40px; bottom: 40px; display:none; }
.m2syFl_item{ height:calc(41.66vw - 50px); position:relative;}
.m2syFl_item strong{ font-size: 32px; font-weight: bold; color: #574c37; line-height: 58px; display: block; position: absolute; left: 40px; top: 28px; display:none }
.m2syFl_item img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%; width:auto; height:auto;}
.m2syLay_number{ background: url(../images/m3sy_mbg.png) repeat-y center top; text-align: center; height: 90px; padding-top: 30px; }
.m2syLay_number a{ line-height: 30px; display: inline-block; margin: 0px 18px; padding: 0px 23px; font-size: 20px; color: #FFF; }
.m2syLay_number a.on{ color: #FFF; background: #BBA888; }
.m2syul{ overflow:hidden; background:#333;}
.m2syul li{ position:relative; width:33.33%; float:left; height:33.33vw;}
.m2sy_tnm{ position:absolute; transition:all 0.5s ease-in-out; background:rgba(0,0,0,0.6); left:0; top:0; right:0; bottom:0; color:#fff; letter-spacing:1px; text-align:center;display:flex; flex-direction:column; justify-content:center; transition:all 0.5s ease-in-out;}
.m2sy_tnm strong{ font-size: 24px; font-weight: normal; display: block; line-height: 40px; }
.m2sy_tnm p{ font-size: 16px; line-height: 34px; }
.m2syul .hmc4aBox:hover .m2sy_tnm{ opacity:0;}
.m2syFlswiper .slick-prev{ background: url(../images/m2sy_btn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; left: 40px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 2px solid #DAC6A2; margin-top: -30px; border-radius:50%; z-index:3; cursor:pointer }
.m2syFlswiper .slick-next{ background: url(../images/m2sy_btn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; right: 40px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 2px solid #DAC6A2; margin-top: -30px; border-radius:50%; z-index:3; cursor:pointer; transform:rotate(180deg);}
.m2syFlswiper .slick-prev:hover,.focus .slick-next:hover{background-image:url(../images/m2sy_btn.png);}
@media (max-width:1799px){
.m2syMenuBox{height:80px;}
.m2syMenuWpr{height: 80px; padding-top: 20px; }
.m2syMa1{ line-height: 40px; height: 40px; padding: 0 20px; font-size: 18px; }
.m2syMa2{ line-height: 40px; height: 60px; padding: 0px 25px; font-size: 20px; }
.m2syMa2 i{background-size:10px auto;}
.m2syRMenu li dl{ padding: 15px 0px; width: 160px; margin-left: -80px; }
.m2sy_tnm strong{line-height:32px; font-size:21px;}
.m2syFl_item strong{font-size:26px;}
.m2layerClose{right:20px; top:35px;}
}
@media (max-width:1199px){
.m2syFocus{height:auto; padding-top:56px;}
.m2syFocus .hmFocus .slick-prev{left:30px;}
.m2syFocus .hmFocus .slick-next{right:30px;}
.m2syFlswiperWpr{width:900px;}
}
@media (max-width:993px){
.m2syMa1{padding:0 14px;}
.m2syFlswiperWpr{width:750px;}
}
@media (max-width:767px){
.m2syMenuWpr{height:140px;}
.m2syMa1{font-size:15px;}
.m2syLMenu{width:100%; float:none;}
.m2syRMenu{width:100%; float:none;}
.m2syMa2{padding:0 20px;}
.m2syMa2{font-size:16px;}
.m2syMenuBox{height:120px;}
.m2syMenuWpr {position:absolute!important;}
.m2syul li{width:100%; height:300px;}
.m2syLayBtn {transform:scale(0.7); right:0}
.m2syFlswiperWpr{width:90%;}
.m2syFlswiper .slick-prev,.m2syFlswiper .slick-next{display:none!important;}
.m2syFlswiper:after{width:80px; height:40px; background-size:cover;}
.m2syFl_item{height:300px;}
.m2syFlswiperWpr{height:360px;}
.m2syFlswiper{height:300px;}
.m2syLay_number a{margin:0; padding:0 14px; font-size:16px;}
.m2syFl_item strong{font-size:18px; z-index:1; left:10px; top:5px;}
}


.webRmenu{ width:60px; position:fixed; z-index:20; right:10px; bottom:10px}
.webRmenu li{ margin-bottom:2px; position:relative;}
.webRmenu_a{ display:block; height:60px; position:relative; background-color:#FFFDF7;  }
.webRmenu_a1{ background: #FFFDF7 url(../images/rmi1.png) no-repeat center center; position:relative;}
.webRmenu_a1:hover{ background: #a48f68 url(../images/rm_i1a.png) no-repeat center center;  }
.wbRwx{ background:#FFFDF7; padding:3px; width:120px; height:120px; position:absolute; right:68px; top:0; border-radius:0.3em; box-shadow:0 0 10px rgba(0,0,0,0.1); transition:all 0.5s ease-in-out; opacity:0; visibility:hidden; transform:translateX(-15px)}
.webRmenu_a1:hover .wbRwx{opacity:1; visibility:visible; transform:translateX(0);}
.webRmenu_a2{ background: #FFFDF7 url(../images/rmi2.png) no-repeat center center; }
.webRmenu_a2:hover{ background: #a48f68 url(../images/rm_i2a.png) no-repeat center center; }

.webRmenu_a3       { background: #FFFDF7 url(../images/rmi3.png)   no-repeat center center; }
.webRmenu_a3:hover { background: #a48f68 url(../images/rm_i3a.png) no-repeat center center; }

.webRmenu_a5{ background: #FFFDF7 url(../images/rmi5.png) no-repeat center center; }
.webRmenu_a5:hover{ background: #a48f68 url(../images/rmi5a.png) no-repeat center center; }
.webRmenu li span{ height: 80px; display: inline-block;padding: 0 20px; position: absolute; right: 61px; top: 0; transition: all 0.5s ease-in-out; opacity: 0; transform: translateX(60px); font: 20px/80px din; color: #FFF; background: #D7C39F; width:190px; white-space: nowrap;  }
.webRmenu li:hover span{ opacity:1; transform:translateX(0)}
@media (max-width:767px){
.webRmenu{transform:scale(0.8); transform-origin:right center;}
}


.m2fmLayer h4{text-align:center; font-size:26px; line-height:66px; display:block; padding-top:15px;}
.layerBg{position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:30}
.m2fmLayer{ max-width:1200px; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); background:#fff; width:100%; z-index:35; padding:20px 50px 70px; border-radius:0.3em;}
.m2lxFm { margin: 1vw -9px 0; }
.m2lxFm li { margin-bottom: 18px; width:33.33%; padding: 0 9px; float: left }
.m2lxFm li:last-child { width: 100%!important; }
.m2lx_inx { position: relative; }
.m2lx_inx input { line-height: 58px; height: 60px; border: 1px solid #E3E3E3; padding: 0px 20px; width: 100%; font-size: 16px; color: #666; }
.m2lx_inx input:focus { border: 1px solid #DAC6A2; color: #DAC6A2 }
.m2lx_inx select { appearance: none; -moz-appearance: none; -webkit-appearance: none; border: 1px solid #E3E3E3; background: #fff url(https://www.cp-center.cn/statics/home/images/m2lx_ar.png) no-repeat right center; padding-right: 26px; opacity: 1; color: #888; font: 16px/58px "微软雅黑"; width: 100%; height: 60px; padding-left: 20px; }
.m2lx_inx textarea { height: 180px; border: 1px solid #E3E3E3; padding: 15px 20px; width: 100%; color: #666; font: 16px/30px "微软雅黑"; }
.m2lx_inx textarea:focus { border: 1px solid #DAC6A2; color: #DAC6A2 }
.m2lxBtnWpr { text-align: center; padding-top: 25px; }
.m2lxSubmit { font-size: 16px; line-height: 60px; background: url(../images/menu_bg.png) repeat-y center top; text-align: center; display: inline-block; height: 60px; width: 228px; color:#574c37; background-size:100% auto; }
.m2lxSubmit:hover { color: #574c37; transform: translateY(-5px); box-shadow: 0 3px 5px rgba(0,0,0,0.1); }
.m2fm_closeBtn{ background: url(../images/close-2.png) no-repeat; height: 20px; width: 20px; position: absolute; top: 25px; right: 25px; cursor: pointer; }
 @media (max-width:1799px) {
.m2lx_inx input { line-height: 48px; height: 50px; }
.m2lx_inx textarea { height: 140px; padding: 10px 20px; font: 16px/26px "微软雅黑"; }
.m2lxFm { margin: 1vw -6px 0; }
.m2lxFm li { margin-bottom: 12px; }
.m2lxSubmit { font-size: 15px; line-height: 56px; height: 56px; width: 210px; }
.m2lx_inx select { font: 15px/48px "微软雅黑"; height: 50px; padding-left: 20px; background-size: atuo 6px; }
.m2lxc1Txt { font: 16px/42px "微软雅黑"; }
.m2fmLayer{max-width:1170px;}
.m2fmLayer h4{ font-size:22px;}
}
@media (max-width:1199px){
.m2lxFm li{width:100%;}
}
@media (max-width:993px) {
.m2lxFm li{width:100%;}
.m2lxFm{margin-top:25px;}
}
@media (max-width:767px) {
.m2fmLayer{padding:15px 15px 20px;}
.m2lxFm{margin-top:0;}
.m2fmLayer h4{ font-size:18px; line-height:32px; height:65px;}
.m2lxBtnWpr{padding-top:12px; padding-bottom:35px;}
.m2fmLayer{width:calc(100% - 30px);}
}


.search-s2 {
  position: relative;
  background-color: #fff;
  padding: 10.5vw 0 6vw;
}
.search-s2 .cont {
  max-width: 1200px;
  margin: 0 auto;
}
.search-s2 .tip {
  font-size: 18px;
  color: #333;
}
.search-s2 .tip b {
  color: #a48f68;
}
.search-s2 .nocont {
  margin-top: 20px;
}
.search-s2 .items {
  margin-bottom: 2vw;
}
.search-s2 .item {
  border-bottom: 8px solid #f5f5f5;
  transition: all .3s ease;
}
.search-s2 .item a {
  display: block;
  padding: 3.125vw 0;
}
.search-s2 .item .date {
  font-size: 14px;
  color: #a48f68;
  font-style: italic;
}
.search-s2 .item h3 {
  font-size: 20px;
  color: #333333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 20px;
}
.search-s2 .item span {
  display: inline-block;
  font-size: 16px;
  color: #a48f68;
  margin-top: 20px;
}
@media screen and (min-width: 1025px) {
  .search-s2 .item:hover {
    border-color: #a48f68;
  }
}

.m2jnBan{height:100vh;}
.m2jnBan2{height:100vh;}
.m2jnMain{ background: #fffdf7; }
.m2jnCon1{ padding-top: 5.2vw; }
.m2jnCon1_1{ padding-top: 0vw; }
.m2jnc1ul{ margin: 3.54vw -29px 0px; }
.m2jnc1ul li{ padding: 0px 29px; float: left; width: 25%; margin-bottom:58px; }

.m2jn_c1a{ display: block;  padding: 0px 0px 0px 0px; background: #FFF; box-shadow:0 5px 20px rgba(0,0,0,0.1); letter-spacing:1px; }
.m2jn_c1a:hover{transform:translateY(-10px);}

.m2jnc1_ico{ display:block;  padding: 20px 0px 20px 0px;  }
.m2jn_c1a img{ }

.m2jn_c1a h2{ font-size: 20px; font-weight: normal; color: #645c52; line-height: 40px; text-align:center; padding: 0px 0px 0px 0px;}
.m2jn_c1a h1{ font-size: 20px; font-weight: normal; color: #a48f68; line-height: 30px; text-align:center; padding: 0px 20px 0px 20px;}
.m2jn_c1a h3{ font-size: 26px; font-weight: normal; color: #645c52;  text-align:center;                   padding: 22px 20px 34px 20px;}
.m2jn_c1a h4{ font-size: 18px; font-weight: normal; color: #645c52; line-height: 24px; text-align:center; padding: 10px 20px 30px 20px;}

.m2jn_c1a strong{ font-size: 20px; font-weight: normal; color: #645c52; line-height: 48px; display: block; text-align:center; }

.m2jnCon2{ padding-top: 2.2vw; }
.m2jnTable{ margin-top:3.54vw;}
.m2jnTable td{ background: #EDE7DA; font-size: 18px; line-height: 30px; color: #645c52; padding: 13px 35px; letter-spacing:1px; }
.m2jnTable tr:nth-child(2n) td{ background: #F6F2E8; }
.m2jnTable tr:nth-child(1) td{ background: #A48F68; font-size: 24px; font-weight: normal; padding: 25px 35px; color:#fff; }
.m2jnCon3{ padding-top: 5.2vw; }
.m2jn_line{ border-top:8px solid #fff;}
.m2jnTags{ text-align: center; margin: 3.54vw 0px 40px; }
.m2jnTags a{ line-height: 44px; text-align: center; display: inline-block; height: 48px; width: 180px; border: 2px solid #A48F68; margin: 0px 15px; font-size: 14px; color: #a48f68; }
.m2jnTags a.on{ color: #FFF; background: #a48f68; }
.m2jnc2Uls{ }
.m2jnul{ display:none; overflow:hidden; margin:0 0px}
.m2jnul.on{ display:block;}
.m2jnul li{ padding:0 30px ; width:33.33%; float:center;}

.m2jn_c2a{ display:block;}
.m2jn_c2a .overflowHide{ height:300px;}
.m2jn_c2a p{ font-size: 20px; color: #645c52; line-height: 48px;  FLOAT: center;text-align:center;  }

.m2jnCon4{ padding-top:3.2vw;}
.m2jnc4box{ height:440px; background:#fff; box-shadow:0 10px 30px rgba(100,92,82,0.3); margin-top:68px;}
.m2jnc4box .bgImg{ width:50%; height:440px; float:left;}
.m2jnc4Rx{ padding: 0px 45px; height: 440px; width: 50%; position: relative; float:right;}
.m2jn_c4ul{ padding-top:10px;}
.m2jn_c4ul li{ width: 50%;  FLOAT: left; text-align:left;   padding-left: 60px; background: url(../images/m2jn_c4ar.png) no-repeat 20px center; font-size: 13px; line-height: 35px; color: #645c52; }
.m2jnCon5{ background: url(../images/m2jn_lines.png) no-repeat center center; padding: 5.9vw 0px 8.33vw; }
.m2jn_c5rnd{ margin: 115px auto 66px; height: 100px; width: 100px; position:relative; }
.m2jn_c5rnd i{ position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(190,169,132,0.3); border-radius:50%;animation: JbrangeScale 3s linear infinite;}
.m2jn_c5rnd i:nth-child(2){animation-delay: 1s;}
.m2jn_c5rnd i:nth-child(3){animation-delay: 2s;}
.m2jn_c5rnd img{ position:relative; z-index:5;}
.m2jn_ems{ text-align:center;}
.m2jn_ems a{ color: #574c37; font: 48px/62px gm; }
@keyframes JbrangeScale {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(2.5);
  }
}
@media (max-width:1799px){
.m2jn_c1a strong{font-size:21px;}
.m2jnTable td{font-size:17px; padding:10px 30px}
.m2jnTable tr:nth-child(1) td{font-size:21px; padding:20px 30px}
.m2jnul{margin-left:-15px; margin-right:-15px;}
.m2jnul li{padding:0 15px;}
.m2jn_c2a .overflowHide{height:210px}
.m2jn_c2a p{font-size:21px; line-height:32px;}
.m2jnc4box{height:380px;}
.m2jnc4box .bgImg{height:380px;}
.m2jnc4Rx{height:380px; padding:0 30px;}
.m2jn_c4ul{padding-top:10px;}
.m2jn_c4ul li{ padding-left: 60px; background: url(../images/m2jn_c4ar.png) no-repeat 36px center; font-size: 17px; line-height: 56px;}
.m2jn_ems a{ font: 38px/52px gm; }
}
@media (max-width:1379px){
.m2jnc1ul{ margin-left:-15px; margin-right:-15px;}
.m2jnc1ul li{ padding:0 15px; margin-bottom:30px;}
}
@media (max-width:1199px){
.m2jn_c4ul li{ padding-left: 50px; background: url(../images/m2jn_c4ar.png) no-repeat 26px center; font-size: 15px; line-height: 56px;}
}
@media (max-width:993px){
.m2jnBan{height:500px;}
.m2jnc1ul li{width:50%;}
.m2jnc1ul,.m2jnTable,.m2jnTags{margin-top:45px;}
.m2jnTable {width:100%; overflow-x:auto;}
.m2jnTable table{width:1000px;}
.m2jn_c4ul li{ padding-left:20px; background: url(../images/m2jn_c4ar.png) no-repeat 0px center; font-size: 12px; line-height: 36px;}
.m2jn_ems a{ font: 30px/42px gm; }
}
@media (max-width:767px){
.m2jnBan{height:230px;}
.m2jnc1ul li{width:100%;}
.m2jn_c1a strong{font-size:19px;}
.m2jnTable td{font-size:16px; padding:10px 20px}
.m2jnTable tr:nth-child(1) td{font-size:18px; padding:15px 20px}
.m2jn_c1a{text-align:center;}
.m2jnc1ul,.m2jnTable,.m2jnTags{margin-top:30px;}
.m2jnTags a{ line-height: 40px;height: 44px; width: 90px; margin: 0px 3px; }
.m2jnul li{width:100%; margin-bottom:25px;}
.m2jn_c2a p{font-size:17px; text-align:center; }
.m2jnc4box{margin-top:35px;}
.m2jnc4box{height:auto; overflow:hidden;}
.m2jnc4box .bgImg{width:100%; height:220px; float:none;}
.m2jnc4Rx{width:100%;}
.m2jnc4Rx{padding:0 15px}
.m2jn_c4ul li{line-height:40px; height:40px;}
.m2jn_c4ul{padding-top:25px;}
.m2jnc4Rx{}
.m2jn_c5rnd{margin-top:45px; transform:scale(0.8); margin-bottom:45px;}
.m2jn_ems a{ font: 20px/32px gm; }
}


.serul{margin-top:2.6vw; max-height:320px; overflow-y:auto;}
.mHeader .topSerBtn{z-index:1;}
.serLayer h6{margin-bottom:2.34vw;}
@media (max-width:1379px){
.serBox{transform:translateY(-50%);}
.serul{max-height:192px;}
}


.m2jnc2Uls{position:relative; height:270px;}
.m2jnc2Uls ul{display:block; position:absolute; left:0; top:0; width:100%; height:270px; transition:all 0.5s ease-in-out; opacity:0; visibility:hidden; overflow:visible;  padding: 0px 0px 0px 0px;  }
.m2jnc2Uls ul.on{opacity:1; visibility:visible; z-index:1;}
.m2jnc2Uls .slick-dots{bottom:-30px; opacity:1; visibility:visible; top:auto; height:8px;}
.m2jnc2Uls .slick-dots li button{display:none;}
.m2jnc2Uls .slick-dots li { background: #DAC6A2; display: inline-block; height: 8px; width: 8px; margin: 0px 8px; position: relative; border-radius:50%; vertical-align:middle; float:none; display:inline-block; padding:0}
.m2jnc2Uls .slick-dots li.slick-active{ width:30px; border-radius:2em;}
.m2jnc2Uls .slick-dots li p{float:center; font-size: 20px; color: #645c52; line-height: 48px;}



/*2022-06-27 CSS*/
.webRmenu_a0{ background: #FFFDF7 url(../images/mfm_mico.png) no-repeat center center; position:relative; }
.webRmenu_a0:hover{ background: #a48f68 url(../images/mfm_mico2.png) no-repeat center center; }
.webRmenu{width:70px; }
.webRmenu_a{ height:70px; text-align:center; padding-top:46px; color:#a48f68; background-position:center 16px!important; }
.webRmenu_a3{ background-position:center center!important; }
.webRmenu_a:hover{color:#fff; }
.webRmenu_a p{ font-size: 13px; line-height: 22px; }

.nfmLayBg{ background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; right:0; bottom:0; z-index:30;}
.nfmLayBox{ position:fixed; left:0; top:0; right:0; bottom:0; overflow-y:auto; padding:50px 0; z-index:35;}
.nfmLay{ margin: 0px auto; padding: 45px 32px 15px; width: 620px; background:#fff; border-radius:0.6em; position:relative}
.nfmClose {background: url(../images/close-2.png) no-repeat;height: 20px;width: 20px;position: absolute;top: 25px;right: 25px;cursor: pointer;}
.nfmLay h5{ display: block; letter-spacing: 1px; line-height: 40px; font-size: 24px; text-align: center; }
.nfmul{ margin: 32px -7px 0px; }
.nfmul li{ padding: 0px 7px; width: 100%; margin-bottom: 20px; float:left; min-height:50px; }
.nfmInx{ position:relative; min-height:50px;}
.nfmInx img{ position: absolute; left: 20px; top: 15px; }
.nfmInx strong{ font-size: 15px; color: #B34C4C; display: inline-block; position: absolute; top: 0px; left: 50px; line-height: 50px; }
.nfmInx input[type="text"]{ line-height: 48px; padding: 0px 25px 0px 65px; height: 50px; font-size: 16px; color: #666; border: 1px solid #F6F7F9; background: #F6F7F9; width:100%; }
.nfmInx input[type="text"]:focus{ border: 1px solid #a6916a; color: #333; }
.nfmInx .fl{ padding-left: 65px; line-height: 50px; font-size: 16px; color:#888;}
.nfmCkes{}
.nfmCkes span{}
.nfmcksx{ float:left;}
.nfmcksx label,.nfmcksx span{ margin-left:18px; position:relative; padding-left:26px; line-height:50px; font-size:16px; color:#888;}
.nfmcksx input{ opacity:0; position:absolute; left:0; top:0;}
.nfmcksx input + i{ height: 16px; width: 16px; margin-top: -8px; border: 1px solid #ddd; position: absolute; left: 0px; top: 50%; border-radius:0.3em; margin-top:-8px; display:block;}
.nfmcksx input + i:after{ content: ""; background: url(../images/nfm_di.png) no-repeat center center; height: 11px; width: 16px; position: absolute; top: 2px; right: -3px; opacity:0;}
.nfmcksx input:checked + i:after{opacity:1;}
.nfmul li.nmfEvli{ width:50%;}
.nfmInx select{ appearance: none; -moz-appearance: none; -webkit-appearance: none; border: 1px solid #F6F7F9; background: #F6F7F9 url(../images/nfm_arrow.png) no-repeat calc(100% - 20px) center; padding-right: 25px; opacity: 1; color: #888; font: 16px/50px "微软雅黑"; width: 100%; height: 50px; padding-left: 65px;}
/*::selection {background:#A6916A;color:#fff; }   
::-moz-selection {background:#A6916A;color:#fff; }   
::-webkit-selection {background:#A6916A;color:#fff; }   */
.nfmInx select option:hover{}
.nfmAreax{}
.nfmAreax textarea{ line-height: 28px; padding: 15px 25px 15px 20px; height: 120px; font-size: 16px; color: #666; border: 1px solid #F6F7F9; background: #F6F7F9; width: 100%; }
.nfmAreax textarea:focus{ border: 1px solid #a6916a; color: #333; }
.nfmul li button{ line-height: 58px; height: 58px; text-align: center; display: block; font-size: 16px; color: #6e6149; background: #a6916a; cursor: pointer; display: block; width: 100%; letter-spacing: 4px; transition:all 0.5s ease; margin-top:5px;background: linear-gradient(to right,  #A48F69 0%,#DAC6A2 50%,#A48F69 100%); border-radius:0.2em; }
.nfmul li button:hover{ box-shadow:0 5px 20px rgba(0,0,0,0.1); transform:translateY(-3px);}
.webRmenu{box-shadow:0 0 10px rgba(0,0,0,0.1);}


.nfmcksx label,.nfmcksx span{padding-left:0;}
.nfmul .layui-form-checkbox i{width:18px!important; height:18px!important; line-height:18px!important; font-size:18px!important; border:1px solid #ddd!important; top:5px!important; right:-6px!important;}
.nfmul .layui-form-checked i, .nfmul .layui-form-checked:hover i{ color:#A59069!important;}
.nfmul .layui-form-checkbox{padding-right:14px!important; padding-right:18px!important;}
.nfmul .layui-form-select dl dd.layui-this{ background:#A59069!important;}
.nfmul .layui-form-select dl{top:50px!important;}
.nfmInx img{z-index:5;}
@media (max-width:767px){
.webRmenu{width:60px;}
.webRmenu_a p{display:none;}
.webRmenu{width:60px;}
.webRmenu_a{ height:60px; padding-top:0px; background-position:center center!important;}
.nfmLay{ padding: 35px 15px 15px; width: calc(100% - 30px)}
.nfmClose {top: 20px;right: 15px;}
.nfmLay h5{ line-height: 30px; font-size: 18px; }
.nfmul{ margin: 22px 0px 0px; }
.nfmul li{ padding: 0px 0px; margin-bottom: 12px;}
.nfmul li.nmfEvli{width:100%;}
.nfmInx input[type="text"]{font-size:15px;}
.nfmInx .fl{font-size:15px;}
.nfmcksx label,.nfmcksx span{font-size:15px; margin-right:0px; display:inline-block; width:135px;}
.nfmAreax textarea{font-size:14px; line-height:24px}
}


/*微信文章显示模板 CSS*/
.wxBody .m3nRx{display:none!important;}
.wxBody .m3nLx{width:100%; float:none;}
.wxBody .m3nEditor{max-width:667px; margin-left:auto; margin-right:auto;}


/* 上下篇  */
.prenext-pro a.button{height:70px;line-height:70px;padding:0 25px}
.prenext-pro a.button:hover{background:#ff9600;color:#fff}
.prenext-pro a.border{border:1px solid #eee}

/*分页 begin*/
.blank-middle{height:30px;line-height:30px;clear:both;font-size:0}
.text-center {FLOAT: center;text-align:center;}
.blank-large{height:80px;line-height:80px;clear:both;font-size:0}

.pagination li {margin:0 5px;font-size:14px;border:none;border-radius:4px;  float:left; }
.pagination li a {border-radius:4px;color:#6e6e6e;background:#fff;padding:12px 16px;border:1px solid #DCDCDC;}
/* .pagination li i {font-weight:bold;font-size:18px;padding:0 3px} */
.pagination li.active a,.pagination li a:hover {background:#A48F68;color:#fff;border:1px solid #A48F68;}
/*分页 end*/