.maprouctJ{position:relative}
.maprouctJ:before{content:"";position:absolute;width:49%;height:calc(100% + 135px);background:#f9f9f9;right:0;top:-135px;moz-transform-origin:bottom;-moz-transform:skewX(0);-webkit-transform-origin:bottom;-webkit-transform:skewX(0);-o-transform-origin:bottom;-o-transform:skewX(0);-ms-transform-origin:bottom;-ms-transform:skewX(0);transform-origin:bottom;transform:skewX(0);z-index:-2}
.maprouctJ .titleJ{position:relative;display:flex;flex-direction:row;align-items:center;margin-top:0}
.maprouctJ .titleJ .Jmbox01{display:flex;width:100%}
.maprouctJ .titleJ .Jmbox01 .comcolor{width:80%;height:70px;background:#8d4745}
.maprouctJ .titleJ .Jmbox02{display:flex;flex-direction:column;margin:0 80px}
.maprouctJ .titleJ .Jmbox03{display:flex}
.maprouctJ .titleJ .Jmbox03:before{content:"";width:21%;height:2px;background-color:#eee;position:absolute;right:0;top:51%}
.maprouctJ .titleJ .Jmbox03 p{font-size:138px;color:#d5d5d5;opacity:.4;font-weight:700;line-height:100%}
.maprouctJ .titleJ h2{font-size:42px;color:#8d4745}
.maprouctJ .titleJ span{font-size:22px;color:#797979;font-weight:700;line-height:100%}
.maprouctJ .slider1 p{font-size:max(2.1 * (1vw + 1vh) / 2,20px);line-height:180%;font-weight:700}
.maprouctJ .fmbox{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;padding:8vw 0 8vw;align-items:center}
.maprouctJ .fmbox:before{content:"";position:absolute;width:1px;height:140%;top:-40%;right:0;background:#e2e2e2}
.maprouctJ .fmbox .poright{display:flex;flex-direction:column;width:39.3%}
.maprouctJ .btnBox{margin-top:-25px}
.maprouctJ .fmbox .pocenter .btnBox{position:absolute;bottom:100px;left:-40px}
.maprouctJ .fmbox .pocenter{display:flex;flex-direction:column;width:41.3%;margin-left:-5%}
.maprouctJ .fmbox .pocenter .slick-slide{opacity:0}
.maprouctJ .fmbox .pocenter .slick-active{opacity:1;-moz-transform:scale(1.07);-webkit-transform:scale(1.07);-o-transform:scale(1.07);-ms-transform:scale(1.07);transform:scale(1.07);padding-bottom:60px}
.slider1 .malist.slick-slide{opacity:0!important}
.slider1 .malist.slick-active{opacity:1!important}
.maprouctJ .fmbox .pocenter .slick-active:before{position:absolute;content:"";width:67%;height:86%;background:#8d4745;z-index:-1;right:21%;bottom:6%}
.maprouctJ .fmbox .poleft{display:flex;flex-direction:column;width:18.3%;height:518px;overflow:hidden}
.maprouctJ .fmbox .poleft .poiconlist{display:flex;align-items:center;padding:10px 0;margin:0 0}
.maprouctJ .fmbox .poleft .poiconlist:before{content:"";position:absolute;width:20%;height:1px;background:#d5d5d5;right:0;opacity:0}
.maprouctJ .fmbox .poleft .poiconlist.slick-current:before{opacity:1}
.maprouctJ .fmbox .poleft .poiconlist.slick-current svg{fill:#8d4745}
.maprouctJ .fmbox .poleft .poiconlist.slick-current a{color:#8d4745}
.maprouctJ .fmbox .poleft .poiconlist a{font-size:19px}
.maprouctJ .fmbox .poleft .slick-track{height:425px!important;overflow-y:scroll;overflow-x:hidden;margin-top:15px}
.maprouctJ .fmbox .poleft .slick-track::-webkit-scrollbar{width:1px}
.maprouctJ .fmbox .poleft .slick-track::-webkit-scrollbar-track{background:#e2e2e2}
.maprouctJ .fmbox .poleft .slick-track::-webkit-scrollbar-thumb{background:#0c0c0c}
.maprouctJ .fmbox .poleft svg{width:14px;height:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-right:10px}
.maprouctJ .poinfo{position:relative;display:flex;padding:4vw 1vw 4vw 0;margin-top:0;justify-content:flex-start}
.maprouctJ .poinfo p{color:#4e4e4e;width:282px;max-width:100%;font-size:16px}
.maprouctJ .poinfo:before{position:absolute;content:"Ding Yu";z-index:-1;right:-49%;top:-65px;color:#666;text-transform:uppercase;-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);font-size:max(13 * (1vw + 1vh) / 2,24px);color:#fff;-webkit-text-stroke:1px rgb(141 71 69 / 32%);-webkit-text-fill-color:transparent;font-weight:300;line-height:70%}


@media screen and (max-width: 1470px) {
	.maprouctJ .fmbox{padding:10vw 0 8vw}
	.maprouctJ .poinfo{margin-top:40px;display:flex}
	.maprouctJ .poinfo:before{right:-72%}
	.maprouctJ .fmbox .pocenter .slick-slide img{height:460px}
	.maprouctJ .fmbox .pocenter .slick-active:before{width:50%;right:33%}
	.maprouctJ .fmbox .poleft .poiconlist{padding:8px 0}
	.maprouctJ .fmbox .poleft{height:453px}
	.maprouctJ .titleJ .Jmbox03 p{font-size:110px}
	.maprouctJ .titleJ h2{font-size:34px}
	.maprouctJ .titleJ span{font-size:18px}
	.maprouctJ .fmbox .poright{width:33.3%}
	.maprouctJ .fmbox .pocenter{width:40.3%;margin-left:0}
}
@media screen and (max-width: 1140px){
    .maprouctJ .titleJ .Jmbox01 .comcolor{display:none}
	.maprouctJ .titleJ .Jmbox03 p{font-size:93px}
	.maprouctJ .titleJ .Jmbox02{margin:0 50px}
	.maprouctJ .poinfo{margin-top:20px}
	.maprouctJ .fmbox .pocenter .slick-active:before{height:337px}
}
@media screen and (max-width: 800px){
    .maprouctJ .fmbox{display:flex;flex-wrap:wrap;padding:0 0}
	.maprouctJ .fmbox .poright{width:100%;order:2}
	.maprouctJ .fmbox .pocenter{width:400px;order:1;max-width:90%;margin:0 auto}
	.maprouctJ .fmbox .poleft{order:3;width:400px;margin:45px auto;max-width:90%}
	.maprouctJ .fmbox .pocenter .slick-active:before{height:300px}
	.maprouctJ .titleJ .Jmbox03 p{font-size:74px}
}
@media screen and (max-width: 800px){
    .maprouctJ .titleJ .Jmbox03 p{display:none}
	.maprouctJ .titleJ h2{font-size:36px}
	.maprouctJ .titleJ span{font-size:14px}
	.maprouctJ .fmbox .pocenter .slick-active:before{display:none}
}
@media screen and (max-width: 640px){
   .maprouctJ:before{width:138%}
	.maprouctJ .poinfo{padding:41px 0}
	.maprouctJ .fmbox:before{display:none}
}
@media screen and (max-width: 550px){
    .maprouctJ .btnBox{margin-top:0;margin-left:0}
	.maprouctJ .poinfo:before{left:-20px;background:unset;display:none}
	.maprouctJ .poinfo p{color:#353535}
	.maprouctJ .poinfo{padding:40px 0;margin-top:3px}
	.maprouctJ .fmbox .poleft svg{width:12px;height:12px}
	.maprouctJ .fmbox .poleft .poiconlist{padding:6px 0;margin:0}
	.maprouctJ .fmbox .poleft .poiconlist a{font-size:19px;margin-left:10px}
	.maprouctJ .fmbox .poleft .slick-track{height:368px!important}
	.maprouctJ .slider1 p{font-size:20px}
	.maprouctJ .fmbox .pocenter .slick-slide img{height:350px;margin:0 auto}
	.slider1.slick-slider{margin-bottom:0;margin-left:0}
	.maprouctJ:before{top:0;right:0;width:145%}
	.maprouctJ .littetitle{margin-left:12%}
	.maprouctJ .titleJ .Jmbox02{margin:0 0 0 20px}
	.maprouctJ .fmbox .poleft{height:360px;margin:25px auto}
}
@media screen and (max-width: 480px){
    .maprouctJ:before{top: -90px;right: -15%;width: 180%;}
}