@charset "utf-8";
/* Banner */
.banner-ny { position:relative; overflow:hidden; }
.banner-ny img { width:100%; height:auto; }
.banner-ny .img02 { display:none; }

.banner-ny .txt { position:absolute; top:42%; transform: translateY(-50%); left:0; right:0; color:#fff; line-height:1.1; z-index:2; }
.banner-ny .txt .p1 { font-size:52px; font-weight:bold; }
.banner-ny .txt .p2 { font-size:36px; margin-top:25px; }

@media all and (max-width:1700px){
	.banner-ny .txt .p1 { font-size:40px; }
	.banner-ny .txt .p2 { font-size:24px; margin-top:20px; }
}
@media all and (max-width:1200px){
	.banner-ny .img01 { display:none; }
	.banner-ny .img02 { display:block; }
	
	.banner-ny .txt { top:50%; text-align:center; }
	.banner-ny .txt .p1 { font-size:30px; }
	.banner-ny .txt .p2 { font-size:18px; margin-top:15px; }
}
 
/* 主体 */
.container { position:relative; padding:0; background:#fcf8f2; }
.wrap {  margin:0 auto; }

.main { padding:80px 0; }

@media all and (max-width:1700px){
	.main { padding:60px 0; }
}
@media all and (max-width:1200px){
	.main { padding:40px 0; }
}

.sidebar { position:relative; padding:60px 0 30px; border-bottom:1px solid #dbd8ce; z-index:5; }
.sidebar .line { position:absolute; width:100vw; height:1px; background:#a62e2d; bottom:-1px; transition:all 1s; z-index:4; }
.sidebar .line:before { position:absolute; content:""; display:block; top:50%; right:0; width:17px; height:25px; transform:translateY(-50%); background:url(menu01.png) no-repeat center; background-size:100% 100%; z-index:2; }

.menu ul { position:relative; text-align:center; font-size:0; z-index:8; }
.menu ul li { position:relative; display:inline-block; margin-right:25px; }
.menu ul li:last-child { margin-right:0!important; }
.menu ul li a { display:inline-block; padding:0 20px; min-width:160px; line-height:47px; height:47px; font-size:16px; color:#a52e2d; background:url(link01.png) no-repeat center; background-size:100% 100%!important; box-sizing: border-box; }

.menu ul li.current a,.menu ul li:hover a { background:url(link02.png) no-repeat center; }

.bBox .hd ul li { width:150px; margin-right:20px; line-height:40px; height:40px; font-size:16px; }

@media all and (max-width:1700px){
	.menu ul li { margin-right:20px; }
	.menu ul li a { padding:0 10px; width:150px; min-width:10px; line-height:40px; height:40px; font-size:16px; }
}
@media all and (max-width:1200px){
	.sidebar { padding:40px 0 30px; }
	
	.menu ul li { margin-right:10px; }
	.menu ul li a { width:120px; line-height:35px; height:35px; font-size:14px; }
}
@media all and (max-width:900px){
	.sidebar { padding:40px 0 20px; }
	.sidebar .line { display:none; }
	
	.menu ul { max-width:320px; margin:0 auto; text-align:left; }
	.menu ul li { width:32%; margin-right:2%; line-height:35px; height:35px; font-size:14px; text-align:center; }
	.menu ul li a { width:100%; }
	.menu ul li:nth-child(3n) { margin-right:0; }
	.menu ul li:nth-child(n + 4) { margin-top:10px; }
}

 

 

/* 内容模式 */
.article { line-height:2; font-size:16px; word-wrap:break-word; }
.article .hd { padding:0 0 20px; text-align:center; }
.article .hd h1 { color:#000; font-size:24px; }
.article .hd .titBar { color:#797979; font-size:12px; } 
.article .bd { padding-bottom:40px; font-size:16px; }
.article .ft { padding:20px 0 0; border-top:1px solid #ddd; }
.article .ft ul li { height:30px; line-height:30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.article img { max-width:100%; height:auto!important; }
.article video { max-width:100%; height:auto!important; }

@media all and (max-width:1200px){
	.article { font-size:14px; }
	.article .hd h1 { font-size:20px; }
	.article .bd { font-size:14px; }
}
 
/* 面包屑 */
.location { width:1280px; margin:0 auto 30px; font-size:16px; color:#333; display:none; }
.location a { color:#333; display:inline-block; padding:0 10px; }
.location a.u-home { padding-left:25px; background:url(u-home.png) no-repeat center left; }

@media all and (max-width:1700px){
	.location { width:100%; }
}
@media all and (max-width:1000px){
 
	.location { margin:0 auto 20px; font-size:12px; }
	.location a { padding:0 5px; }
}

 
/* 新闻列表 */
.list li { padding:15px 0; border-bottom:1px dashed #e0e0e0; background:url(o_ico_11.png) no-repeat center left; font-size:16px; line-height:20px; height:20px; clear:both; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.list li span { float:right; color:#999; font-size:14px; margin-left:15px; }
.list li a { padding-left:15px; }
.list li a:hover { text-decoration:underline; }

@media all and (max-width:1200px){
	.list li { font-size:14px; }
}

.hotnews { display:flex; margin-bottom:60px; }
.hotnews .bd { width:43.5%; }
.hotnews .bd .pic { position:relative; padding-bottom:85%; overflow:hidden; }
.hotnews .bd .pic img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover; transition: all 0.6s; z-index:2; }

.hotnews .hd { width:56.5%; background:url(ico04.jpg) no-repeat center; background-size:100% 100%; }
.hotnews .hd ul { padding:20px 50px 0 50px; }
.hotnews .hd ul li { border-bottom:1px solid rgba(240,228,218,0.2); line-height:1.1; }
.hotnews .hd ul li a { display:block; padding:35px 0; }
.hotnews .hd ul li .p1 { font-size:16px; color:rgba(240,228,218,0.5); }
.hotnews .hd ul li .p2 { font-size:24px; color:rgba(240,228,218,1); margin-top:15px; line-height:30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

@media all and (max-width:1700px){
	.hotnews { display:flex; margin-bottom:40px; }
	.hotnews .bd { width:540px; }

	.hotnews .hd { width:calc(100% - 540px); }
	.hotnews .hd ul { padding:20px 30px 0 30px; }
	.hotnews .hd ul li a { padding:22px 0; }
	.hotnews .hd ul li .p1 { font-size:14px; }
	.hotnews .hd ul li .p2 { font-size:18px; margin-top:10px; line-height:30px; }
}
@media all and (max-width:1200px){
	.hotnews .bd { width:400px; }

	.hotnews .hd { width:calc(100% - 400px); }
	.hotnews .hd ul { padding:15px 20px 0 20px; }
	.hotnews .hd ul li a { padding:15px 0; }
	.hotnews .hd ul li .p1 { font-size:14px; }
	.hotnews .hd ul li .p2 { font-size:16px; margin-top:10px; line-height:20px; }
}
@media all and (max-width:900px){
	.hotnews { display:block; }
	.hotnews .bd { width:100%; }

	.hotnews .hd { width:100%; }
	.hotnews .hd ul { padding:25px 4%; }
	.hotnews .hd ul li a { padding:15px 0; }
	.hotnews .hd ul li .p1 { font-size:14px; }
	.hotnews .hd ul li .p2 { font-size:16px; margin-top:10px; line-height:20px; }
}


/* 图文新闻 */
.picnews ul li { float:left; width:32%; margin-right:2%; }
.picnews ul li:nth-child(3n) { margin-right:0; }
.picnews ul li:nth-child(n + 4) { margin-top:60px; }
.picnews ul li .pic { position:relative; padding-bottom:85%; overflow:hidden; }
.picnews ul li .pic img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover; transition: all 0.6s; z-index:2; }
.picnews ul li .txt { width:100%; padding:30px 30px 0 30px; height:140px; background:url(ico02.jpg) no-repeat center; background-size:100% 100%!important; box-sizing: border-box;} 
.picnews ul li .txt .p1 {  font-size:16px; color:#928b80; line-height:20px; }
.picnews ul li .txt .p2 {  font-size:18px; color:#5d564c; line-height:30px; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }

.picnews ul li:hover .pic img { transform: scale(1.1)!important; }
.picnews ul li:hover .txt { background:url(ico03.jpg) no-repeat center; }
.picnews ul li:hover .txt .p1 { color:#f0e4da; opacity:0.5; }
.picnews ul li:hover .txt .p2 { color:#f0e4da; }

@media all and (max-width:1700px){
	.picnews ul li .txt { padding:20px 20px 0 20px; height:120px; } 
	.picnews ul li .txt .p1 { font-size:14px; line-height:20px; }
	.picnews ul li .txt .p2 { font-size:16px; line-height:25px; margin-top:10px; -webkit-line-clamp:2; } 
	.picnews ul li:nth-child(n + 4) { margin-top:2%; }
}
@media all and (max-width:1200px){
	.picnews ul li .txt { padding:20px 15px 0 15px; height:100px; } 
	.picnews ul li .txt .p1 { font-size:12px; line-height:20px; }
	.picnews ul li .txt .p2 { font-size:14px; line-height:20px; margin-top:5px; -webkit-line-clamp:2; } 
	.picnews ul li:nth-child(n + 4) { margin-top:2%; }
}
@media all and (max-width:750px){
	.picnews ul li { float:left; width:49%; margin-right:2%; }
	.picnews ul li:nth-child(3n) { margin-right:2%; }
	.picnews ul li:nth-child(2n) { margin-right:0; }
	.picnews ul li:nth-child(n + 3) { margin-top:2%; } 
}
 
/* 图片列表 */
.product ul li { float:left; width:32%; margin-right:2%; }
.product ul li:nth-child(3n) { margin-right:0; }
.product ul li:nth-child(n + 4) { margin-top:60px; }
.product ul li .pic { position:relative; padding-bottom:85%; overflow:hidden; }
.product ul li .pic img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover; transition: all 0.6s; z-index:2; }
.product ul li .txt { width:100%; padding:0 20px; line-height:120px; text-align:center; font-size:18px; color:#5d564c; background:url(ico02.jpg) no-repeat center; background-size:100% 100%!important; box-sizing: border-box; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.product ul li:hover .pic img { transform: scale(1.1)!important; }
.product ul li:hover .txt { background:url(ico03.jpg) no-repeat center; color:#f0e4da; }

@media all and (max-width:1700px){
	.product ul li .txt { padding:0 20px; line-height:90px; font-size:16px; }
	.product ul li:nth-child(n + 4) { margin-top:2%; }
}
@media all and (max-width:1200px){
	 .product ul li .txt { padding:0 15px; line-height:50px; font-size:14px; }
}
@media all and (max-width:750px){
	 .product ul li { float:left; width:49%; margin-right:2%; }
	 .product ul li:nth-child(3n) { margin-right:2%; }
	 .product ul li:nth-child(2n) { margin-right:0; }
	 .product ul li:nth-child(n + 3) { margin-top:2%; }
}
 
/* 分页 */
.page { padding-top:60px; text-align:center; padding-bottom:0; }
.page a { display:inline-block; margin:0 5px; padding:0 5px; min-width:38px; line-height:38px; border:1px solid #a52e2d; color:#a52e2d; font-weight:bold; vertical-align:top; font-size: 16px; box-sizing: border-box; border-radius:25px; }
.page a:hover,.page .current { background:#a52e2d; color:#fff; }

@media screen and (max-width: 1700px){
	.page { padding-top:40px; }
	.page a { margin:0 5px; padding:0 5px; min-width:30px; line-height:28px; font-size: 14px; } 
}
@media screen and (max-width: 750px){
	.page { padding-top:25px; }
	.page a { margin:0 3px; padding:0 5px; min-width:25px; line-height:23px; font-size: 12px; } 
}







.jgArea { position:relative; z-index:1; }
.jgArea .wrap { position:relative; }
.jgArea .hd { position:absolute; top:110px; left:50px; font-size:36px; color:#2b241a; z-index:2; }
.jgArea .hd i { display:inline-block; writing-mode: vertical-lr; padding-bottom:27px; background:url(ico10.png) no-repeat center bottom; }

.jgArea .swiper-slide { width:33.33%; background: rgba(255, 255, 255, 0.2);  }
.jgArea .swiper-slide a { position:relative; width:100%; height:925px; border-left:1px solid #dbd8ce; display:block; box-sizing: border-box; }
 
.jgArea .swiper-slide .pic { position:absolute; width:89%; left: 50%; bottom:150px; transition: all 0.6s ease-out 0s; z-index:1; }
.jgArea .swiper-slide .pic:before { position:absolute; width:43.5%; height:100%; right:0; top:0; display:block; content:""; background: rgba(255, 255, 255, 0.5); z-index:2; }
.jgArea .swiper-slide .txt { position:absolute; left: 19%; bottom:200px; font-size:24px; color:#2b241a; z-index:5; }
.jgArea .swiper-slide .txt i { display:inline-block; writing-mode: vertical-lr; padding:25px 0; background:url(ico05.png) no-repeat center top,url(ico06.png) no-repeat center bottom; }

.jgArea .swiper-slide .mask { position:absolute; top:0; left:0; width:100%; height:100%; background:url(jg01.jpg) no-repeat bottom right; background-size:100% 100%; z-index:5; opacity: 0; }
.jgArea .swiper-slide .mask .pic01 { position:absolute; width:89%; left: 50%; bottom:150px; transform: translateX(-10%); transition: all 0.6s ease-out 0s; z-index:1; }
.jgArea .swiper-slide .mask .txt01 { position:absolute; width:100%; left:0; top:100px; padding:0 80px 0 50px;  box-sizing: border-box; z-index:2; }
.jgArea .swiper-slide .mask .txt01 .p1 { font-size:24px; color:#fff; }
.jgArea .swiper-slide .mask .txt01 .p1 i { display:inline-block; padding:0 25px; background:url(ico07.png) no-repeat center left,url(ico08.png) no-repeat center right; }
.jgArea .swiper-slide .mask .txt01 .p2 { font-size:16px; margin-top:15px; line-height:2; color:rgba(255,255,255,0.6); }

.jgArea .swiper-slide:nth-child(2n) .pic { bottom:auto; top:100px; }
.jgArea .swiper-slide:nth-child(2n) .mask .pic01 { bottom:auto; top:100px; }
.jgArea .swiper-slide:nth-child(2n) .mask .txt01 { top:560px; }

.jgArea .swiper-slide:hover { z-index:99; }
.jgArea .swiper-slide:hover .pic { opacity:0; }
.jgArea .swiper-slide:hover .mask { opacity: 1; }
.jgArea .swiper-slide:hover .mask .pic01 { transform: translateX(0); }

.jgArea:hover .hd { display:none; }

@media all and (max-width:1700px){
	.jgArea .hd { top:50px; left:30px; font-size:28px; }
	.jgArea .hd i { padding-bottom:20px; background-size:25px auto;}

	.jgArea .swiper-slide { width:33.33%;  }
	.jgArea .swiper-slide a { height:800px; }
	 
	.jgArea .swiper-slide .pic { width:89%; left: 50%; bottom:100px; }
	.jgArea .swiper-slide .txt { left: 19%; bottom:150px; font-size:20px; }
	.jgArea .swiper-slide .txt i { padding:20px 0; background-size:20px auto; }
 
	.jgArea .swiper-slide .mask .pic01 { bottom:100px; }
	.jgArea .swiper-slide .mask .txt01 { top:50px; padding:0 30px; }
	.jgArea .swiper-slide .mask .txt01 .p1 { font-size:20px; }
	.jgArea .swiper-slide .mask .txt01 .p1 i { padding:0 20px; background-size:15px auto; }
	.jgArea .swiper-slide .mask .txt01 .p2 { font-size:14px; margin-top:10px; line-height:25px; }

	.jgArea .swiper-slide:nth-child(2n) .pic { bottom:auto; top:50px; }
	.jgArea .swiper-slide:nth-child(2n) .mask .pic01 { bottom:auto; top:50px; }
	.jgArea .swiper-slide:nth-child(2n) .mask .txt01 { top:440px; }
}
@media all and (max-width:1200px){
	.jgArea .hd { top:30px; left:10px; font-size:20px; }
	.jgArea .hd i { padding-bottom:20px; background-size:20px auto;}

	.jgArea .swiper-slide { width:33.33%;  }
	.jgArea .swiper-slide a { height:600px; }
	 
	.jgArea .swiper-slide .pic { width:89%; left: 50%; bottom:100px; }
	.jgArea .swiper-slide .txt { left: 19%; bottom:100px; font-size:18px; }
	.jgArea .swiper-slide .txt i { padding:20px 0; background-size:20px auto; }
 
	.jgArea .swiper-slide .mask .pic01 { bottom:100px; }
	.jgArea .swiper-slide .mask .txt01 { top:30px; padding:0 30px; }
	.jgArea .swiper-slide .mask .txt01 .p1 { font-size:18px; }
	.jgArea .swiper-slide .mask .txt01 .p1 i { padding:0 20px; background-size:15px auto; }
	.jgArea .swiper-slide .mask .txt01 .p2 { font-size:14px; margin-top:10px; line-height:25px; }

	.jgArea .swiper-slide:nth-child(2n) .pic { bottom:auto; top:30px; }
	.jgArea .swiper-slide:nth-child(2n) .mask .pic01 { bottom:auto; top:30px; }
	.jgArea .swiper-slide:nth-child(2n) .mask .txt01 { top:320px; }
}
@media all and (max-width:1000px){
	.jgArea .hd i { writing-mode:horizontal-tb; padding-bottom:0; padding-right:25px; background:url(ico10.png) no-repeat center right; background-size:20px auto; }
	
	.jgArea .swiper-slide { width:75%;  }
	.jgArea .swiper-slide a { height:auto; padding:100px 4% 30px; }
	
	.jgArea .swiper-slide .pic { position:relative; width:calc(100% - 60px); margin-left:60px; left: auto; bottom:auto; }
	.jgArea .swiper-slide .pic:before { display:none; }
	.jgArea .swiper-slide .txt { left:20px; bottom:30px; font-size:14px; }
	.jgArea .swiper-slide .txt i { padding:20px 0; background-size:20px auto; }
	
	.jgArea .swiper-slide .mask { display:none; }
	
	.jgArea .swiper-slide:nth-child(2n) .pic { bottom:auto; top:auto; }
	
	.jgArea .swiper-slide:hover .pic { opacity:1; }
}



.wcArea {  max-width:1190px; margin:0 auto; }
.wcArea .swiper-slide { width:100%; margin-right:60px; }
.wcArea .swiper-slide a { position:relative; display:block; }
.wcArea .swiper-slide .pic { width:81%; margin-left:19%; }
.wcArea .swiper-slide .txt { position:absolute; top:50%; transform: translateY(-50%); left:0; z-index:5; width:450px; height:570px; padding:60px 60px 0 60px; color:#fff; background:url(ico11.jpg) no-repeat center; background-size:100% 100%; box-sizing: border-box; display:none; }
.wcArea .swiper-slide .txt .p1 { text-align:center; font-size:24px; color:#f0e4da; padding-bottom:25px; background:url(ico12.png) no-repeat center bottom; }
.wcArea .swiper-slide .txt .p2 { font-size:16px; line-height:2; margin-top:25px; color:#f0e4da; }
.wcArea .swiper-slide .txt .p3 { position:absolute; left:50%; transform: translateX(-50%);  bottom:110px; width:55px; height:55px; background:url(ico13.png) no-repeat center; background-size:100% 100%; transition: all 0.6s; z-index:2; }

.wcArea .swiper-slide .txt .p3:hover { left:55%; }

.wcArea .swiper-slide-next .pic { margin-left:0; }
.wcArea .swiper-slide-active .txt { display:block; }

@media all and (max-width:1700px){
	.wcArea { max-width:1000px; }
	.wcArea .swiper-slide { margin-right:40px; }
	.wcArea .swiper-slide .pic { width:80%; margin-left:20%; }
	.wcArea .swiper-slide .txt { width:400px; height:450px; padding:50px 40px 0 40px; }
	.wcArea .swiper-slide .txt .p1 { font-size:20px; padding-bottom:25px; }
	.wcArea .swiper-slide .txt .p2 { font-size:16px; line-height:1.7; margin-top:20px; }
	.wcArea .swiper-slide .txt .p3 { bottom:50px; width:45px; height:45px; }
	
	.wcArea .swiper-slide-next .pic { margin-left:0; }
}
@media all and (max-width:1200px){
	.wcArea { max-width:1000px; }
	.wcArea .swiper-slide { margin-right:30px; }
	.wcArea .swiper-slide .pic { width:80%; margin-left:20%; }
	.wcArea .swiper-slide .txt { width:350px; height:400px; padding:40px 30px 0 30px; }
	.wcArea .swiper-slide .txt .p1 { font-size:18px; padding-bottom:25px; }
	.wcArea .swiper-slide .txt .p2 { font-size:14px; line-height:25px; margin-top:20px; }
	.wcArea .swiper-slide .txt .p3 { bottom:50px; width:35px; height:35px; }
	
	.wcArea .swiper-slide-next .pic { margin-left:0; }
}
@media all and (max-width:750px){
	.wcArea .swiper-slide .pic { width:100%; margin-left:0; }
	.wcArea .swiper-slide .txt { position:relative; top:auto; transform: translateY(0); left:auto; width:100%; height:350px; padding:30px 4% 0 4%; }
	.wcArea .swiper-slide .txt .p1 { font-size:16px; padding-bottom:25px; }
}

.wcBtn { font-size:0; }
.wcBtn .btn01 { position:absolute; top:50%; transform: translateY(-50%); display:inline-block;  cursor:pointer; z-index:2; }
.wcBtn .btn01.prev-wc01 { left:0; }
.wcBtn .btn01.next-wc01 { right:0; }
/*
.wcBtn .btn01 { position:absolute; top:50%; transform: translateY(-50%); display:inline-block; width:51px; height:51px; background-size:100% 100%!important; border-radius:100%; cursor:pointer; z-index:2; }
.wcBtn .btn01.prev-wc01 { background:url(ico18.png) no-repeat center; left:0; }
.wcBtn .btn01.next-wc01 { background:url(ico19.png) no-repeat center; right:0; }

.wcBtn .btn01.prev-wc01:hover { background:url(ico20.png) no-repeat center; }
.wcBtn .btn01.next-wc01:hover { background:url(ico21.png) no-repeat center; }
*/

@media all and (max-width:1700px){
	/*
	.wcBtn .btn01 { width:40px; height:40px; }
	.wcBtn .btn01.prev-wc01 { left:0; }
	.wcBtn .btn01.next-wc01 { right:0; }
	*/
}
@media all and (max-width:1200px){
	.wcBtn { margin-top:25px; text-align:center; font-size:0; }
	.wcBtn .btn01 { position:relative; top:auto; transform: translateY(0); }
	.wcBtn .btn01.prev-wc01 { left:auto; margin-right:10px; }
	.wcBtn .btn01.next-wc01 { right:auto; }
	/*
	.wcBtn .btn01 { position:relative; top:auto; transform: translateY(0); width:30px; height:30px; }
	.wcBtn .btn01.prev-wc01 { left:auto; margin-right:10px; }
	.wcBtn .btn01.next-wc01 { right:auto; }
	*/
}




.yx-hd { text-align:center; line-height:1.1; }
.yx-hd .p1 { font-size:36px; color:#2b241a; }
.yx-hd .p1 i { position:relative; display:inline-block; padding-right:45px; }
.yx-hd .p1 i:before { position:absolute; display:block; content:""; right:0; bottom:0; width:33px; height:17px; background:url(yx01.png) no-repeat center; background-size:100% auto; z-index:2; }
.yx-hd .p2 { font-size:16px; margin-top:15px; color:rgba(43,36,26,0.5); line-height:1.6; }

@media all and (max-width:1700px){
	.yx-hd .p1 { font-size:28px; }
	.yx-hd .p1 i { padding-right:35px; }
	.yx-hd .p1 i:before { width:25px; height:13px; }
	.yx-hd .p2 { font-size:14px; margin-top:10px; }
}
@media all and (max-width:1200px){
	.yx-hd .p1 { font-size:24px; }
	.yx-hd .p1 i { padding-right:35px; }
	.yx-hd .p1 i:before { width:25px; height:13px; }
	.yx-hd .p2 { font-size:14px; margin-top:10px; }
}
@media all and (max-width:750px){
	.yx-hd .p1 { font-size:20px; }
	.yx-hd .p1 i { padding-right:30px; }
	.yx-hd .p1 i:before { width:20px; height:11px; }
	.yx-hd .p2 { font-size:12px; margin-top:10px; }
}

.yxArea01 { position:relative; padding:170px 130px 13vw; background:url(yxArea01.png) no-repeat center top; background-size:100% 100%; z-index:5; }
.yxArea01 .tb01 { position:absolute; right:0; top:0; width:20%; max-width:330px; z-index:9; }
.yxArea01 .tb02 { position:absolute; left:0; bottom:36px; width:365px; z-index:9; }


.yxArea01:after { position:absolute; display:block; content:""; width:100vw; left:50%; transform: translateX(-50%); bottom:-1px; height:150px; background:url(yx02.png) no-repeat center; background-size:100% 100%; z-index:2; }

.yxArea01 .bd { font-size:16px; line-height:2; margin-top:45px; color:#625745; }
.yxArea01 .bd img { max-width:100%; height:auto!important; }
.yxArea01 .bd01 { margin-top:35px; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.yxArea01 .bd01 p:nth-child(1) { width:57.14%; }
.yxArea01 .bd01 p:nth-child(2) { width:41.78%; }


@media all and (max-width:1700px){
	.yxArea01 { padding:120px 80px 13vw; }
	.yxArea01 .tb02 { width:250px; bottom:8px; }
	.yxArea01:after { height:7.8vw; }
	
	.yxArea01 .bd { font-size:16px; line-height:30px; margin-top:35px; }
	.yxArea01 .bd01 { margin-top:35px; }

}
@media all and (max-width:1200px){
	.yxArea01 { padding:120px 50px 12vw; }
	.yxArea01 .tb02 { width:180px; bottom:8px; }
	
	.yxArea01 .bd { font-size:14px; line-height:25px; margin-top:30px; }
	.yxArea01 .bd01 { margin-top:30px; }

}
@media all and (max-width:900px){
	.yxArea01 { padding:40px 4% 12vw; background:url(yxArea01-sj.jpg) no-repeat center bottom #f6eee3; background-size:100% auto; }
	.yxArea01 .tb01 { display:none; }
	.yxArea01 .tb02 { display:none; }
}
@media all and (max-width:750px){
	.yxArea01 .bd { margin-top:20px; }
	
	.yxArea01 .bd01 p:nth-child(1) { width:100%; }
	.yxArea01 .bd01 p:nth-child(2) { width:100%; margin-top:10px; }	
}

.yxArea02 { position:relative; margin-top:0; padding:10px 0 90px; background:url(yxArea02.png) no-repeat center top; background-size:100% 100%; }

.yxArea02 .yx-hd .p1 { color:#f0e4da; } 
.yxArea02 .yx-hd .p2 { color:#f0e4da; opacity:0.5; } 
.yxArea02 .bd { position:relative; margin-top:50px; background:url(yx06.png) repeat-y center top; }
.yxArea02 .bd:before { position:absolute; top:0; left:50%; transform: translateX(-50%); width:11px; height:11px; background:#f6eee3; border-radius:100%; display:block; content:""; z-index:2; }
.yxArea02 .bd:after { position:absolute; bottom:0; left:50%; transform: translateX(-50%); width:25px; height:17px; background:url(yx03.png) no-repeat center; display:block; content:""; z-index:2; }


.yxArea02 .bd ul:before { position:absolute; }
.yxArea02 .bd ul li { float:left; width:47.5%; margin-right:5%; background:#f6eee3; }
.yxArea02 .bd ul li:nth-child(2n) { margin-right:0; }
.yxArea02 .bd ul li:nth-child(n + 3) { margin-top:60px; }
.yxArea02 .bd ul li a { display:block; padding:4px 4px 0 4px; }
.yxArea02 .bd ul li .p1 { position:relative; padding-bottom:60%; overflow:hidden; }
.yxArea02 .bd ul li .p1 img { position:absolute; left:0; top:0; width:100%; height:100%; transition: all 0.6s; object-fit: cover; z-index:2; }
.yxArea02 .bd ul li .p2 { line-height:70px; padding:0 25px; font-size:18px; color:#a52e2d; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.yxArea02 .bd01 { margin-top:50px; text-align:center; }
.yxArea02 .bd01 i { display:inline-block; font-size:14px; line-height:25px; color:#c8ad95; padding-left:35px; transition: all 0.6s; background:url(yx04.png) no-repeat center left; background-size:contain; cursor:pointer; }
.yxArea02 .bd01:hover i { padding-left:25px; }

.yxArea02 .bd ul li:hover .p1 img { transform: scale(1.1)!important; }

@media all and (max-width:1700px){
	.yxArea02 { padding:10px 0 60px; }
	
 
	.yxArea02 .bd { margin-top:40px; }
 
	.yxArea02 .bd ul li:nth-child(n + 3) { margin-top:30px; }
	.yxArea02 .bd ul li .p2 { line-height:60px; padding:0 20px; font-size:16px;  }

	.yxArea02 .bd01 { margin-top:40px; }
}
@media all and (max-width:1200px){
	.yxArea02 { padding:10px 0 40px; }
  
	.yxArea02 .bd { margin-top:30px; }
 
	.yxArea02 .bd ul li:nth-child(n + 3) { margin-top:20px; }
	.yxArea02 .bd ul li .p2 { line-height:40px; padding:0 15px; font-size:14px;  }

	.yxArea02 .bd01 { margin-top:30px; }
	.yxArea02 .bd01 i { padding-left:25px; }
}
@media all and (max-width:750px){
	.yxArea02 .bd { background:none; }
	.yxArea02 .bd:before { display:none; }
	.yxArea02 .bd:after { display:none; }
	
	.yxArea02 .bd ul li { float:left; width:48.5%; margin-right:3%; }
	.yxArea02 .bd ul li:nth-child(2n) { margin-right:0; }
	.yxArea02 .bd ul li:nth-child(n + 3) { margin-top:4%; }
}





.yxArea03 { margin-top:90px; }
.yxBox03 { margin-top:55px; }
.yxBox03 .bd .txt { position:relative; width:100%; padding:30px 40px 35px 40px; color:#f0e4da; background:#a52e2d; box-sizing: border-box; }
.yxBox03 .bd .txt .txt { position:relative; z-index:9; }
.yxBox03 .bd .txt .p1 { font-size:24px; }
.yxBox03 .bd .txt .p1 i { display:inline-block; padding:0 25px; background:url(ico07.png) no-repeat center left,url(ico08.png) no-repeat center right; }
.yxBox03 .bd .txt .p2 { font-size:16px; line-height:2; margin-top:20px; }

.yxBox03 .hd ul { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.yxBox03 .hd ul li { width:17%; transition: all 0.6s; overflow:hidden; cursor:pointer; }
.yxBox03 .hd ul li.on { width:49%; }
.yxBox03 .hd ul li img { width:840px; height:auto; }

@media all and (max-width:1700px){
	.yxArea03 { margin-top:60px; }
	.yxBox03 { margin-top:40px; }
	.yxBox03 .bd .txt { padding:30px; }
	.yxBox03 .bd .txt .p1 { font-size:20px; }
	.yxBox03 .bd .txt .p1 i { padding:0 25px; }
	.yxBox03 .bd .txt .p2 { font-size:14px; line-height:25px; margin-top:15px; }
 
	.yxBox03 .hd ul li { width:17%; }
	.yxBox03 .hd ul li.on { width:49%; }
	.yxBox03 .hd ul li img { width:600px; height:auto; }
}
@media all and (max-width:1200px){
	.yxArea03 { margin-top:40px; }
	.yxBox03 { margin-top:30px; }
	.yxBox03 .bd .txt {  padding:30px; }
	.yxBox03 .bd .txt .p1 { font-size:18px; }
	.yxBox03 .bd .txt .p1 i { padding:0 25px; }
	.yxBox03 .bd .txt .p2 { font-size:14px; line-height:25px; margin-top:15px; }
 
	.yxBox03 .hd ul li { width:17%; }
	.yxBox03 .hd ul li.on { width:49%; }
	.yxBox03 .hd ul li img { width:50vw; height:auto; }
}
@media all and (max-width:750px){
	.yxBox03 .bd .txt { padding:25px 4%; }
	.yxBox03 .bd .txt .p1 { font-size:16px; }
}

.yxArea04 { margin-top:90px; }
.yxArea04 .bd { margin-top:55px; }
.yxArea04 .bd .swiper-slide .pic { position:relative; padding-bottom:85%; overflow:hidden; }
.yxArea04 .bd .swiper-slide .pic img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover; transition: all 0.6s; z-index:2; }
.yxArea04 .bd .swiper-slide .txt { width:100%; padding:30px 30px 0 30px; height:140px; background:url(ico02.jpg) no-repeat center; background-size:100% 100%!important; box-sizing: border-box;} 
.yxArea04 .bd .swiper-slide .txt .p1 {  font-size:16px; color:#928b80; line-height:20px; }
.yxArea04 .bd .swiper-slide .txt .p2 {  font-size:18px; color:#5d564c; line-height:30px; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }

.yxArea04 .bd .swiper-slide:hover .pic img { transform: scale(1.1)!important; }
.yxArea04 .bd .swiper-slide:hover .txt { background:url(ico03.jpg) no-repeat center; }
.yxArea04 .bd .swiper-slide:hover .txt .p1 { color:#f0e4da; opacity:0.5; }
.yxArea04 .bd .swiper-slide:hover .txt .p2 { color:#f0e4da; }
 
@media all and (max-width:1700px){
	.yxArea04 { margin-top:60px; }
	.yxArea04 .bd { margin-top:40px; }
	
	.yxArea04 .bd .swiper-slide .txt { padding:20px 20px 0 20px; height:120px; } 
	.yxArea04 .bd .swiper-slide .txt .p1 { font-size:14px; line-height:20px; }
	.yxArea04 .bd .swiper-slide .txt .p2 { font-size:16px; line-height:25px; margin-top:10px; -webkit-line-clamp:2; } 
	.yxArea04 .bd .swiper-slide:nth-child(n + 4) { margin-top:2%; }
}
@media all and (max-width:1200px){
	.yxArea04 { margin-top:40px; }
	.yxArea04 .bd { margin-top:30px; }
	
	.yxArea04 .bd .swiper-slide .txt { padding:20px 15px 0 15px; height:100px; } 
	.yxArea04 .bd .swiper-slide .txt .p1 { font-size:12px; line-height:20px; }
	.yxArea04 .bd .swiper-slide .txt .p2 { font-size:14px; line-height:20px; margin-top:5px; -webkit-line-clamp:2; } 
}

.lyArea01 { padding-top:90px; }
@media all and (max-width:1700px){
	.lyArea01 { padding-top:60px; } 
}
@media all and (max-width:1200px){
	.lyArea01 { padding-top:40px; } 
}



.lyArea02 .yxBox03 { margin-top:0!important; }
.lyArea02 .yxBox03 .hd ul li { width:14.9%; }
.lyArea02 .yxBox03 .hd ul li.on { width:40.4%; }
.lyArea02 .yxBox03 .hd ul li img { width:680px; height:auto; }
 
@media all and (max-width:1700px){
	.lyArea02 .yxBox03 .hd ul li { width:15%; }
	.lyArea02 .yxBox03 .hd ul li.on { width:40%; }
	.lyArea02 .yxBox03 .hd ul li img { width:480px; height:auto; }
}
@media all and (max-width:1200px){
	.lyArea02 .yxBox03 .hd ul li { width:15%; }
	.lyArea02 .yxBox03 .hd ul li.on { width:40%; }
	.lyArea02 .yxBox03 .hd ul li img { width:40vw; height:auto; }
}
 
.lyArea03 { max-width:1920px; margin:0 auto;  margin-top:90px; }
.lyArea03 .bd { position:relative; margin-top:55px; }
.lyArea03 .bd .bd01 { width:1200px; }
.lyArea03 .bd .bd02 { position:absolute; left:50%; top:50%; right:0; min-height:700px; margin-left:-235px; padding:55px 0 0 80px; transform: translateY(-50%); background:url(ly05.jpg) no-repeat right bottom #a52e2d; box-sizing: border-box; z-index:2; }
.lyArea03 .bd .bd02 .tt01 { max-width:780px; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; background:url(ico14.png) no-repeat center; }
.lyArea03 .bd .bd02 .tt01 .kg { position:relative; width:280px; padding:0 35px; box-sizing: border-box; line-height:1.1; text-align:center; }
.lyArea03 .bd .bd02 .tt01 .kg .kg01 { padding:25px 0; color:#f0e4da; border-top:1px dashed rgba(255,255,255,0.2); border-bottom:1px dashed rgba(255,255,255,0.2); }
.lyArea03 .bd .bd02 .tt01 .kg .kg01 p { font-size:30px; line-height:40px; font-weight:bold; }
.lyArea03 .bd .bd02 .tt01 .kg .kg01 span { display:block; font-size:16px; line-height:25px; margin-top:20px; opacity:0.4; }

.yp { position:absolute; width:12px; height:21px; background-size:100% auto!important; z-index:2; }
.yp.yp01 { background:url(yp01.png) no-repeat center; left:0; top:-10px; }
.yp.yp02 { background:url(yp02.png) no-repeat center; right:0; top:-10px; }
.yp.yp03 { background:url(yp01.png) no-repeat center; left:0; bottom:-10px; }
.yp.yp04 { background:url(yp02.png) no-repeat center; right:0; bottom:-10px; }

.lyArea03 .bd .bd02 .tt02 { margin-top:45px; max-width:780px; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.lyArea03 .bd .bd02 .tt02 .dp { width:380px; padding:3px; border:1px solid rgba(255,255,255,0.3); }
.lyArea03 .bd .bd02 .tt02 .dp .dpk { background:#f6eee3; min-height:415px; padding:20px 25px 0 25px; box-sizing: border-box; }
.lyArea03 .bd .bd02 .tt02 .dp .p1 { font-size:24px; color:#a52e2d; }
.lyArea03 .bd .bd02 .tt02 .dp .p1 i { display:inline-block; padding:0 25px; background:url(ico16.png) no-repeat center left,url(ico17.png) no-repeat center right; }
 
.lyArea03 .bd .bd02 .tt02 .dp01 .p2 { margin-top:20px; text-align:center; }
.lyArea03 .bd .bd02 .tt02 .dp01 .p2 p { width:140px; margin:0 auto; border:1px solid #a52e2d; border-radius:10px; overflow:hidden; }
.lyArea03 .bd .bd02 .tt02 .dp01 .p2 span { display:block; font-size:16px; line-height:1.1; margin-top:15px; color:#a52e2d; }
.lyArea03 .bd .bd02 .tt02 .dp01 .p3 { position:relative; padding-left:30px; font-size:16px; line-height:30px; margin-top:20px; color:#928b80; }
.lyArea03 .bd .bd02 .tt02 .dp01 .p3:before { position:absolute; display:block; content:""; left:0; top:3px; width:24px; height:24px; border-radius:100%; background:url(ico15.png) no-repeat center; background-size:100% 100%; z-index:2; }

.lyArea03 .bd .bd02 .tt02 .dp02 .p2 { margin-top:20px; color:#a52e2d; font-size:16px; }
.lyArea03 .bd .bd02 .tt02 .dp02 .p2 span { font-weight:bold; font-size:30px; }
.lyArea03 .bd .bd02 .tt02 .dp02 .p3 { font-size:16px; line-height:30px; color:#928b80; }

@media all and (max-width:1700px){
	.lyArea03 { margin-top:60px; }
	.lyArea03 .bd { margin-top:40px; }
	.lyArea03 .bd .bd01 { width:1000px; }
	.lyArea03 .bd .bd02 { min-height:600px; margin-left:-200px; padding:50px 0 0 50px; }
	.lyArea03 .bd .bd02 .tt01 { max-width:700px; }
	.lyArea03 .bd .bd02 .tt01 .kg { width:280px; padding:0 35px; }
	.lyArea03 .bd .bd02 .tt01 .kg .kg01 { padding:20px 0; }
	.lyArea03 .bd .bd02 .tt01 .kg .kg01 p { font-size:24px; line-height:30px; }
	.lyArea03 .bd .bd02 .tt01 .kg .kg01 span { font-size:16px; line-height:20px; margin-top:15px; }

	.yp { width:10px; height:18px; }
	.yp.yp01 { top:-8px; }
	.yp.yp02 { top:-8px; }
	.yp.yp03 { bottom:-8px; }
	.yp.yp04 {  bottom:-8px; }

	.lyArea03 .bd .bd02 .tt02 { margin-top:40px; max-width:700px; }
	.lyArea03 .bd .bd02 .tt02 .dp { width:48%; box-sizing: border-box;  }
	.lyArea03 .bd .bd02 .tt02 .dp .dpk { min-height:350px; padding:20px 20px 0 20px; }
	.lyArea03 .bd .bd02 .tt02 .dp .p1 { font-size:20px; }
	.lyArea03 .bd .bd02 .tt02 .dp .p1 i { background-size:14px 23px; }
 
	.lyArea03 .bd .bd02 .tt02 .dp01 .p2 { margin-top:20px; }
	.lyArea03 .bd .bd02 .tt02 .dp01 .p2 p { width:100px; }
	.lyArea03 .bd .bd02 .tt02 .dp01 .p2 span { font-size:14px; margin-top:10px; }
	.lyArea03 .bd .bd02 .tt02 .dp01 .p3 { padding-left:25px; font-size:14px; line-height:25px; margin-top:20px; }
	.lyArea03 .bd .bd02 .tt02 .dp01 .p3:before { top:2px; width:20px; height:20px; }

	.lyArea03 .bd .bd02 .tt02 .dp02 .p2 { margin-top:20px; font-size:14px; }
	.lyArea03 .bd .bd02 .tt02 .dp02 .p2 span { font-size:28px; }
	.lyArea03 .bd .bd02 .tt02 .dp02 .p3 { font-size:14px; line-height:25px; }

}
@media all and (max-width:1200px){
	.lyArea03 { margin-top:40px; }
	.lyArea03 .bd { margin-top:30px; }
	.lyArea03 .bd .bd01 { width:1000px; }
	.lyArea03 .bd .bd02 { width:60%; left:auto; min-height:600px; margin-left:0; padding:40px 4vw 0 30px; }
	.lyArea03 .bd .bd02 .tt01 { max-width:100%; }
	.lyArea03 .bd .bd02 .tt01 .kg { width:45%; padding:0 25px; }
	.lyArea03 .bd .bd02 .tt01 .kg .kg01 { padding:15px 0; }
	.lyArea03 .bd .bd02 .tt01 .kg .kg01 p { font-size:20px; line-height:25px; }
	.lyArea03 .bd .bd02 .tt01 .kg .kg01 span { font-size:14px; line-height:20px; margin-top:10px; }

	.yp { width:10px; height:18px; }
	.yp.yp01 { top:-8px; }
	.yp.yp02 { top:-8px; }
	.yp.yp03 { bottom:-8px; }
	.yp.yp04 {  bottom:-8px; }

	.lyArea03 .bd .bd02 .tt02 { margin-top:40px; max-width:100%; }
	.lyArea03 .bd .bd02 .tt02 .dp { width:49%; }
	.lyArea03 .bd .bd02 .tt02 .dp .dpk { min-height:320px; padding:20px 15px 0 15px; }
	.lyArea03 .bd .bd02 .tt02 .dp .p1 { font-size:18px; }
	.lyArea03 .bd .bd02 .tt02 .dp .p1 i { background-size:12px 20px; }
 
	.lyArea03 .bd .bd02 .tt02 .dp01 .p2 { margin-top:20px; }
	.lyArea03 .bd .bd02 .tt02 .dp01 .p2 p { width:100px; }
	.lyArea03 .bd .bd02 .tt02 .dp01 .p2 span { font-size:14px; margin-top:10px; }
	.lyArea03 .bd .bd02 .tt02 .dp01 .p3 { padding-left:20px; font-size:12px; line-height:20px; margin-top:20px; }
	.lyArea03 .bd .bd02 .tt02 .dp01 .p3:before { top:2px; width:15px; height:15px; }

	.lyArea03 .bd .bd02 .tt02 .dp02 .p2 { margin-top:20px; font-size:14px; }
	.lyArea03 .bd .bd02 .tt02 .dp02 .p2 span { font-size:20px; }
	.lyArea03 .bd .bd02 .tt02 .dp02 .p3 { font-size:12px; line-height:20px; }


}
@media all and (max-width:1000px){
	.lyArea03 .bd .bd01 { width:100%; }
	.lyArea03 .bd .bd02 { position:relative; width:100%; left:auto; right:auto; top:auto; transform: translateY(0); min-height:auto; margin-left:0; padding:40px 4%; }
}

@media all and (max-width:750px){
	.lyArea03 .bd .bd02 .tt01 { background-size:10px 42px; }
	.lyArea03 .bd .bd02 .tt01 .kg { width:45%; padding:0 10px; }
	.lyArea03 .bd .bd02 .tt01 .kg .kg01 { padding:15px 0; }
	.lyArea03 .bd .bd02 .tt01 .kg .kg01 p { font-size:18px; line-height:20px; }
	.lyArea03 .bd .bd02 .tt01 .kg .kg01 span { font-size:14px; line-height:20px; margin-top:10px; }
	
	.yp { width:5px; height:9px; }
	.yp.yp01 { top:-5px; }
	.yp.yp02 { top:-5px; }
	.yp.yp03 { bottom:-5px; }
	.yp.yp04 {  bottom:-5px; }
	
	.lyArea03 .bd .bd02 .tt02 .dp { width:100%; }
	.lyArea03 .bd .bd02 .tt02 .dp:nth-child(n + 2) { margin-top:20px; }
	.lyArea03 .bd .bd02 .tt02 .dp .dpk { min-height:10px; padding:20px 4%; }

}

.lyArea04 { max-width:1920px; margin:0 auto;  margin-top:90px; }
.lyArea04 .wrap { position:relative; }
.lyArea04 .yx-hd .p1 { position:absolute; top:0; left:35px; }
.lyArea04 .yx-hd .p1 i { writing-mode: vertical-lr; padding-right:0; padding-bottom: 27px; background: url(ico10.png) no-repeat center bottom; }
.lyArea04 .yx-hd .p2 { position:absolute; top:0; left:0; writing-mode: vertical-lr; line-height:1.1; padding-top:45px; margin-top:0; width:18px; text-align:center; }
.lyArea04 .yx-hd .p2:before { position:absolute; top:0; left:50%; transform: translateX(-50%); display:block; content:""; width:1px; height:35px; background:#bdb8b1; z-index:2; }

.lyArea04 .bd { width:calc(100% - 275px); margin-left:275px; }
.lyArea04 .bd .bd01 { width:80vw; overflow:hidden; }
.lyArea04 .bd .swiper-slide { width:360px; margin-right:10px;  }
.lyArea04 .bd .swiper-slide a { position:relative; padding-bottom:45px; display:block; }
.lyArea04 .bd .swiper-slide .txt { position:absolute; left:15px; right:15px; bottom:0; height:130px; padding:30px 10px 0 10px; text-align:center; background: url(lv06.jpg) no-repeat center; background-size:100% 100%; box-sizing: border-box; color:#f0e4da; z-index:2; }
.lyArea04 .bd .swiper-slide .txt .p1 { font-size:24px; }
.lyArea04 .bd .swiper-slide .txt .p1 i { display:inline-block; padding:0 25px; background:url(ico07.png) no-repeat center left,url(ico08.png) no-repeat center right; }
.lyArea04 .bd .swiper-slide .txt .p2 { font-size:16px; margin-top:15px; }

.lyArea04 .bd .btn { position:absolute; left:0; bottom:0; font-size:0; z-index:2; }
.lyArea04 .bd .btn .btn01 { display:inline-block; }
.lyArea04 .bd .btn .prev-lv04 { margin-right:20px; }
/*
.lyArea04 .bd .btn .btn01 { display:inline-block; width:51px; height:51px; background-size:100% 100%!important; border-radius:100%; cursor:pointer; }
.lyArea04 .bd .btn .prev-lv04 { background:url(ico18.png) no-repeat center; margin-right:20px; }
.lyArea04 .bd .btn .next-lv04 { background:url(ico19.png) no-repeat center; }

.lyArea04 .bd .btn .prev-lv04:hover { background:url(ico20.png) no-repeat center; }
.lyArea04 .bd .btn .next-lv04:hover { background:url(ico21.png) no-repeat center; }
*/

@media all and (max-width:1700px){
	.lyArea04 { margin-top:60px; }
	.lyArea04 .yx-hd .p1 { position:absolute; top:0; left:30px; }
 
	.lyArea04 .bd { width:calc(100% - 200px); margin-left:200px; }
	.lyArea04 .bd .bd01 { width:80vw; }
	
	.lyArea04 .bd .swiper-slide { width:300px; margin-right:10px; }
	.lyArea04 .bd .swiper-slide a { padding-bottom:35px; }
	.lyArea04 .bd .swiper-slide .txt { left:10px; right:10px; bottom:0; height:120px; padding:30px 10px 0 10px; }
	.lyArea04 .bd .swiper-slide .txt .p1 { font-size:20px; }
	.lyArea04 .bd .swiper-slide .txt .p1 i { padding:0 25px; }
	.lyArea04 .bd .swiper-slide .txt .p2 { font-size:16px; margin-top:10px; }
	
	/*
	.lyArea04 .bd .btn .btn01 { width:40px; height:40px; }
	*/
	.lyArea04 .bd .btn .prev-lv04 { margin-right:20px; }
}
@media all and (max-width:1200px){
	.lyArea04 { margin-top:40px; }
	.lyArea04 .yx-hd .p1 { position:absolute; top:0; left:30px; }
	
	.lyArea04 .bd { width:calc(100% - 150px); margin-left:150px; }
	.lyArea04 .bd .bd01 { width:100vw; }
	
	.lyArea04 .bd .swiper-slide { width:250px; margin-right:10px; }
	.lyArea04 .bd .swiper-slide a { padding-bottom:35px; }
	.lyArea04 .bd .swiper-slide .txt { left:10px; right:10px; bottom:0; height:100px; padding:20px 10px 0 10px; }
	.lyArea04 .bd .swiper-slide .txt .p1 { font-size:18px; }
	.lyArea04 .bd .swiper-slide .txt .p1 i { padding:0 20px; background-size:12px 20px; }
	.lyArea04 .bd .swiper-slide .txt .p2 { font-size:14px; margin-top:10px; }
}
@media all and (max-width:750px){
	.lyArea04 { margin-top:40px; }
	.lyArea04 .yx-hd .p1 { position:absolute; top:0; left:25px; }
	
	.lyArea04 .bd { width:calc(100% - 80px); margin-left:80px; }
	.lyArea04 .bd .bd01 { width:100vw; }
	
	.lyArea04 .bd .swiper-slide { width:150px; margin-right:10px; }
	.lyArea04 .bd .swiper-slide a { padding-bottom:0; }
	.lyArea04 .bd .swiper-slide .txt { position:relative; left:auto; right:auto; bottom:auto; width:100%; height:90px; padding:20px 10px 0 10px; }
	.lyArea04 .bd .swiper-slide .txt .p1 { font-size:16px; }
	.lyArea04 .bd .swiper-slide .txt .p1 i { padding:0 20px; background-size:10px 17px; }
	.lyArea04 .bd .swiper-slide .txt .p2 { font-size:14px; margin-top:5px; }
	
	/*
	.lyArea04 .bd .btn .btn01 { width:30px; height:30px; }
	*/
	.lyArea04 .bd .btn .prev-lv04 { margin-right:10px; }
}

.lyArea05 { margin-top:90px; }
.lvBox05 { position:relative; margin-top:55px; }

.lvBox51 { width:calc(100% - 8px); height:790px; border:4px solid #e1d2bc; }
.lvBox51 .my-map { width:100%!important; height:790px!important; }
.lvBox51 #dituContent { width:100%!important; height:790px!important; }

.lvBox52 { position:absolute; top:50%; left:50px; transform: translateY(-50%); width:670px; min-height:700px; padding:55px 55px 0 55px; background:url(lv07.jpg) no-repeat center; background-size:100% 100%; box-sizing: border-box; z-index:9; }
.lvBox52 .hd { font-size:0; }
.lvBox52 .hd ul li { display:inline-block; width:23.5%; line-height:50px; margin-right:2%; font-size:20px; color:#f0e4da; text-align:center; background:url(lv08.png) no-repeat center; background-size:100% 100%!important; cursor:pointer;  }
.lvBox52 .hd ul li:last-child { margin-right:0!important; }
.lvBox52 .hd ul li.on { color:#a52e2d; background:url(lv09.png) no-repeat center; }

.lvBox52 .bd { margin-top:55px; }
.lvBox52 .bd ul li { margin-bottom:1px; background:#f6eee3; }
.lvBox52 .bd ul li .p1 { float:left; width:70px; height:150px; background:#d6c8b4; font-size:18px; color:#a52e2d; display:flex; justify-content: center; align-items: center; writing-mode: vertical-lr; }
.lvBox52 .bd ul li .p2 { float:left; width:calc(100% - 70px); height:150px; padding:0 30px; font-size:16px; line-height:2; color:#928b80; text-align:justify; display:flex; justify-content: center; align-items: center; box-sizing: border-box; }

@media all and (max-width:1700px){
	.lyArea05 { margin-top:60px; }
	.lvBox05 { margin-top:40px; }

	.lvBox51 { width:calc(100% - 4px); height:650px; border:2px solid #e1d2bc; }
	.lvBox51 .my-map { height:650px!important; }
	.lvBox51 #dituContent { height:650px!important; }

	.lvBox52 { position:absolute; top:50%; left:30px; width:500px; min-height:550px; padding:40px 30px 0 30px; }
	.lvBox52 .hd ul li { line-height:40px; font-size:16px; }
 
	.lvBox52 .bd { margin-top:30px; }
	.lvBox52 .bd ul li .p1 { float:left; width:50px; height:135px; font-size:16px; }
	.lvBox52 .bd ul li .p2 { float:left; width:calc(100% - 50px); height:135px; padding:0 20px; font-size:14px; line-height:25px; }
}
@media all and (max-width:1200px){
	.lyArea05 { margin-top:40px; }
	.lvBox05 { margin-top:30px; }

	.lvBox51 { width:calc(100% - 4px); height:450px; border:2px solid #e1d2bc; }
	.lvBox51 .my-map { height:450px!important; }
	.lvBox51 #dituContent { height:450px!important; }

	.lvBox52 { position:relative; top:auto; left:auto; transform: translateY(0); width:100%; min-height:10px; padding:30px 4%; }
	.lvBox52 .hd ul li { line-height:35px; font-size:16px; }
}
@media all and (max-width:750px){
	.lvBox52 .hd ul li { width:24.25%; margin-right:1%; line-height:35px; font-size:14px; }
	
	.lvBox52 .bd { margin-top:30px; }
	.lvBox52 .bd ul li .p1 { float:none; width:100%; height:auto; padding:10px 4%; font-size:16px; writing-mode:horizontal-tb; box-sizing: border-box; justify-content: space-between; }
	.lvBox52 .bd ul li .p2 { float:none; width:100%; height:auto; padding:20px 4%; font-size:14px; line-height:25px; }
}

.jgArea01 { position:relative; }

.jgBox { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.jgBox .pic { position:relative; width:50%; }
.jgBox .pic p { position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:136px; height:136px; background:url(jg01.png) no-repeat center; background-size:100% 100%; border-radius:100%; }
.jgBox .txt { width:50%; padding:10vw 0 0 4.5vw; background:#a73332; color:#fcf8f2; box-sizing: border-box; }
.jgBox .txt .p1 { font-size:24px; }
.jgBox .txt .p1 i { display:inline-block; padding:0 25px; background:url(ico07.png) no-repeat center left,url(ico08.png) no-repeat center right; }
.jgBox .txt .p2 { font-size:16px; margin-top:20px; line-height:2; opacity:0.6; max-width:650px; text-align:justify; }

.jgArea01 .btn { position:absolute; left:54.5vw; bottom:10vw; font-size:0; z-index:2; }
.jgArea01 .btn .btn01 { display:inline-block; width:17px; height:25px; cursor:pointer; }
.jgArea01 .btn .prev-jg01 { background:url(ico22.png) no-repeat center; }
.jgArea01 .btn .next-jg01 { background:url(ico23.png) no-repeat center; }

.jgArea01 .btn .num { display:inline-block; vertical-align:top; line-height:25px; color:#f0e4da; font-size:16px; margin:0 10px; }
.jgArea01 .btn .num span { opacity:0.6; }

@media all and (max-width:1700px){
	.jgBox .pic p { width:120px; height:120px; }
	.jgBox .txt { width:50%; padding:8vw 0 0 4vw; }
	.jgBox .txt .p1 { font-size:20px; }
	.jgBox .txt .p1 i { padding:0 25px; }
	.jgBox .txt .p2 { font-size:14px; margin-top:20px; line-height:25px; max-width:calc(600px - 4vw); }

	.jgArea01 .btn { position:absolute; left:54.5vw; bottom:8vw; }
	 
}
@media all and (max-width:1280px){
	.jgBox .txt { width:50%; padding:8vw 4vw 0 4vw; }
	.jgBox .txt .p2 { max-width:100%; }
}
@media all and (max-width:1200px){
	.jgBox .pic p { width:80px; height:80px; }
	
	.jgBox .txt { width:50%; padding:5vw 4vw 0 4vw; }
	.jgBox .txt .p1 { font-size:18px; }
	.jgBox .txt .p1 i { padding:0 20px;  background-size:12px 20px; }
 
	.jgArea01 .btn { position:absolute; left:54.5vw; bottom:5vw; }
}
@media all and (max-width:1000px){
	.jgArea01 .swiper-slide { height: auto; display: flex; }
	.jgBox { flex: 1;  display: flex;  flex-direction: column; }
	.jgBox .pic { width:100%; }
	.jgBox .txt { width:100%; padding:30px 4% 85px 4%; flex-grow: 1; }
	.jgBox .txt .p1 { font-size:16px; }
	.jgBox .txt .p2 {  }
	
	.jgArea01 .btn { position:absolute; left:4%; bottom:30px; }
}

.jgArea02 { position:relative; }
.jgArea02 .bd { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.jgArea02 .bd .bd01 { position:relative; width:50%; }
.jgArea02 .bd .bd01 .swiper-slide { position:relative; }
.jgArea02 .bd .bd01 .swiper-slide p { position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:136px; height:136px; background:url(jg01.png) no-repeat center; background-size:100% 100%; border-radius:100%; }
.jgArea02 .bd .bd02 { width:50%; padding:6vw 0 0 4.5vw; background:url(jg01.jpg) no-repeat bottom right; background-size:100% 100%; color:#fcf8f2; box-sizing: border-box; }
.jgArea02 .bd .bd02 .p1 { font-size:24px; }
.jgArea02 .bd .bd02 .p1 i { display:inline-block; padding:0 25px; background:url(ico07.png) no-repeat center left,url(ico08.png) no-repeat center right; }
.jgArea02 .bd .bd02 .p2 { font-size:16px; margin-top:20px; line-height:2; opacity:0.6; max-width:650px; text-align:justify; padding-bottom:50px; }
 
.jgArea02 .btn { position:absolute; left:54.5vw; bottom:5vw; font-size:0; z-index:2; }
.jgArea02 .btn .btn01 { display:inline-block; width:17px; height:25px; cursor:pointer; }
.jgArea02 .btn .prev-jg02 { background:url(ico22.png) no-repeat center; }
.jgArea02 .btn .next-jg02 { background:url(ico23.png) no-repeat center; }

.jgArea02 .btn .num { display:inline-block; vertical-align:top; line-height:25px; color:#f0e4da; font-size:16px; margin:0 10px; }
.jgArea02 .btn .num span { opacity:0.6; }

@media all and (max-width:1700px){
	.jgArea02 .bd .bd01 .swiper-slide p { width:120px; height:120px; }
	.jgArea02 .bd .bd02 { width:50%; padding:6vw 0 0 4vw; }
	.jgArea02 .bd .bd02 .p1 { font-size:20px; }
	.jgArea02 .bd .bd02 .p1 i { padding:0 25px; }
	.jgArea02 .bd .bd02 .p2 { font-size:14px; margin-top:20px; line-height:25px; max-width:calc(600px - 4vw); }

	.jgArea02 .btn { position:absolute; left:54.5vw; bottom:5vw; }
	 
}
@media all and (max-width:1280px){
	.jgArea02 .bd .bd02 { width:50%; padding:3vw 4vw 0 4vw; }
	.jgArea02 .bd .bd02 .p2 { max-width:100%; }
	
	.jgArea02 .btn { position:absolute; left:54.5vw; bottom:3vw; }
}
@media all and (max-width:1200px){
	.jgArea02 .bd .bd01 .swiper-slide p { width:80px; height:80px; }
	
	.jgArea02 .bd .bd02 { width:50%; padding:3vw 4vw 0 4vw; }
	.jgArea02 .bd .bd02 .p1 { font-size:18px; }
	.jgArea02 .bd .bd02 .p1 i { padding:0 20px;  background-size:12px 20px; }
 
	.jgArea02 .btn { position:absolute; left:54.5vw; bottom:3vw; }
}
@media all and (max-width:1000px){
	.jgArea02 .bd .bd01 { width:100%; }
	.jgArea02 .bd .bd02 { width:100%; padding:30px 4% 85px 4%; }
	.jgArea02 .bd .bd02 .p1 { font-size:16px; }
	.jgArea02 .bd .bd02 .p2 { padding-bottom:0; }
 
	.jgArea02 .btn { position:absolute; left:4%; bottom:30px; }
}










.abArea01 .yx-hd { text-align:left; }
.abArea01 .yx-hd .p2 { position:relative; padding-left:45px; }
.abArea01 .yx-hd .p2:before { position:absolute; left:0; top:12px; display:block; content:""; width:35px; height:1px; background:#bdb8b1; z-index:2; }
.abArea01 .wrap { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.abArea01 .txt { position:relative; width:665px; padding-top:50px; }
.abArea01 .txt .bd { font-size:18px; line-height:32px; margin-top:45px; color:#625745; text-align:justify; }
.abArea01 .txt .bd01 { position:absolute; left:0; bottom:50px; z-index:2; }
.abArea01 .txt .bd01 i { display:inline-block; font-size:14px; color:#a62e2d; margin-left:0; padding-left:35px; transition: all 0.6s; line-height:25px; background:url(ab01.png) no-repeat center left; background-size:contain; }

.abArea01 .txt .bd01:hover i { padding-left:25px; margin-left:10px; }

.abArea01 .pic { width:835px; }
.abArea01 .pic img { width:50vw; max-width:960px; }

.abBox01 { padding-bottom:90px; border-bottom:1px solid #dbd8ce; }
.abBox02 { margin-top:90px; }
.abBox02 .wrap { flex-direction: row-reverse; }
.abBox02 .pic img { float:right; }
.abBox02 .txt { margin-right:50px; }

.abArea03 { margin-top:90px; }

@media all and (max-width:1700px){
	.abArea01 .yx-hd { text-align:left; }
	.abArea01 .yx-hd .p2 { padding-left:35px; }
	.abArea01 .yx-hd .p2:before { top:12px; width:25px; }
	.abArea01 .txt { width:45%; padding-top:30px; }
	.abArea01 .txt .bd { font-size:16px; line-height:30px; margin-top:30px; }
	.abArea01 .txt .bd01 { position:absolute; left:0; bottom:30px; }
 
	.abArea01 .pic { width:49%; }
 
	.abBox01 { padding-bottom:60px; }
	.abBox02 { margin-top:60px; }

	.abBox02 .txt { margin-right:0; }

	.abArea03 { margin-top:60px; }
}
@media all and (max-width:1500px){
	.abArea01 .txt .bd { font-size:14px; line-height:25px; margin-top:30px; }
}
@media all and (max-width:1200px){
	.abArea01 .yx-hd { text-align:left; }
	.abArea01 .yx-hd .p2 { padding-left:0; }
	.abArea01 .yx-hd .p2:before { top:12px; width:15px; display:none; }
	
	.abArea01 .wrap { align-items: center; }
	.abArea01 .txt { width:45%; padding-top:0; }
	.abArea01 .txt .bd { font-size:14px; line-height:25px; margin-top:20px; }
	.abArea01 .txt .bd01 { position:relative; left:auto; bottom:auto; margin-top:20px; }
 
	.abArea01 .pic { width:50%; }
 
	.abBox01 { padding-bottom:40px; }
	.abBox02 { margin-top:40px; }

	.abBox02 .txt { margin-right:0; }

	.abArea03 { margin-top:40px; }
}
@media all and (max-width:900px){
	.abArea01 .yx-hd { text-align:center; }
	.abArea01 .yx-hd .p2 { padding-left:0; }
	.abArea01 .yx-hd .p2:before { top:12px; width:15px; display:none; }
	
	.abArea01 .wrap { align-items: center; }
	.abArea01 .txt { width:100%; padding-top:0;  }
	.abArea01 .txt .bd { font-size:14px; line-height:25px; margin-top:20px; }
	.abArea01 .txt .bd01 { position:relative; left:auto; bottom:auto; margin-top:20px; }
	.abArea01 .txt .bd01 i { padding-left:25px; margin-left:0; }
 
	.abArea01 .pic { width:100%; margin-top:30px; }
	.abArea01 .pic img { width:100%; }
}

.abArea04 { margin-top:90px; }
.abArea04 .wrap { position:relative; }
.abArea04 .yx-hd .p1 { position:absolute; top:0; left:35px; }
.abArea04 .yx-hd .p1 i { writing-mode: vertical-lr; padding-right:0; padding-bottom: 27px; background: url(ico10.png) no-repeat center bottom; }
.abArea04 .yx-hd .p2 { position:absolute; top:0; left:0; writing-mode: vertical-lr; line-height:1.1; padding-top:45px; margin-top:0; width:18px; text-align:center; }
.abArea04 .yx-hd .p2:before { position:absolute; top:0; left:50%; transform: translateX(-50%); display:block; content:""; width:1px; height:35px; background:#bdb8b1; z-index:2; }

.abArea04 .bd { position:relative; margin-left:175px; width:calc(100% - 175px); padding-left:50px; border-left:1px solid #dbd8ce; box-sizing: border-box; }
.abArea04 .bd .swiper-container { height:675px; }
.abArea04 .bd .swiper-slide { height:auto; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #dbd8ce; }
.abArea04 .bd .swiper-slide .txt { font-weight: 100; }
.abArea04 .bd .swiper-slide .txt .p1 { font-size:0; color:#000; }
.abArea04 .bd .swiper-slide .txt .p1 i { font-size:60px; line-height:60px; }
.abArea04 .bd .swiper-slide .txt .p1 span { font-size:18px; vertical-align:bottom; }
.abArea04 .bd .swiper-slide .txt .p2 { margin-top:25px; width:1px; height:25px; background:#dbd8ce; }
.abArea04 .bd .swiper-slide .txt .p3 { margin-top:25px; font-size:18px; color:rgba(98,87,69,0.9); font-weight:normal; }

.swiper-pagination-ab04 { position:absolute; top:0; left:-2px; width: 3px; height: 100%; background:none!important; z-index:2; }
.swiper-pagination-ab04:before { position:absolute; top:-6px; left:-4px; width:11px; height:11px; border-radius:100%; background: #a62e2d; display:block; content:""; z-index:2; }
.swiper-pagination-ab04 .swiper-pagination-progressbar-fill { background: #a62e2d!important; }
 
@media all and (max-width:1700px){
	.abArea04 { margin-top:60px; }
	.abArea04 .yx-hd .p1 { position:absolute; top:0; left:30px; }
	
	.abArea04 .bd { margin-left:150px; width:calc(100% - 150px); }
	.abArea04 .bd .swiper-container { height:555px; }
	.abArea04 .bd .swiper-slide { padding-bottom: 30px; margin-bottom: 30px; }
	.abArea04 .bd .swiper-slide .txt .p1 i { font-size:50px; line-height:50px; }
	.abArea04 .bd .swiper-slide .txt .p1 span { font-size:16px; }
	.abArea04 .bd .swiper-slide .txt .p2 { margin-top:20px; height:20px; }
	.abArea04 .bd .swiper-slide .txt .p3 { margin-top:20px; font-size:16px; }
}
@media all and (max-width:1200px){
	.abArea04 { margin-top:40px; }
	.abArea04 .yx-hd .p1 { position:absolute; top:0; left:30px; }
	
	.abArea04 .bd { margin-left:100px; width:calc(100% - 100px); padding-left:30px; }
	.abArea04 .bd .swiper-container { height:470px; }
	.abArea04 .bd .swiper-slide { padding-bottom: 30px; margin-bottom: 30px; }
	.abArea04 .bd .swiper-slide .txt .p1 i { font-size:40px; line-height:40px; }
	.abArea04 .bd .swiper-slide .txt .p1 span { font-size:14px; }
	.abArea04 .bd .swiper-slide .txt .p2 { margin-top:15px; height:15px; }
	.abArea04 .bd .swiper-slide .txt .p3 { margin-top:15px; font-size:14px; }
}
@media all and (max-width:750px){
	.abArea04 { margin-top:40px; }
	.abArea04 .yx-hd .p1 { position:relative; top:auto; left:auto; }
	.abArea04 .yx-hd .p1 i { writing-mode:horizontal-tb; padding-right:30px; padding-bottom:0; background: url(ico10.png) no-repeat right bottom; background-size:20px 11px; }
	.abArea04 .yx-hd .p2 { position:relative; top:auto; left:auto; writing-mode:horizontal-tb; line-height:1.1; padding-top:0; margin-top:10px; width:100%; text-align:center; }
	.abArea04 .yx-hd .p2:before { display:none; }
		
	.abArea04 .bd { margin-left:0; width:100%; margin-top:30px; padding-left:20px; }
	
	.abArea04 .bd .swiper-container { height:320px; }
	.abArea04 .bd .swiper-slide { padding-bottom: 25px; margin-bottom: 25px; }
	.abArea04 .bd .swiper-slide .txt .p1 i { font-size:30px; line-height:30px; }
}

.abArea05 { position:relative; max-width:1920px; margin:0 auto;  margin-top:90px; }
.abArea05 .yx-hd .p1 {position:absolute; top:0; right:calc(50% - 840px); z-index:9; }
.abArea05 .yx-hd .p1 i { writing-mode: vertical-lr;  padding-right: 0; padding-bottom: 27px; background: url(ico10.png) no-repeat center bottom; }
.abArea05 .yx-hd .p2 { position:absolute; top:0; right:calc(50% - 790px); writing-mode: vertical-lr; padding-top:45px; z-index:9; }
.abArea05 .yx-hd .p2:before { position:absolute; top:0; left:50%; transform: translateX(-50%); display:block; content:""; width:1px; height:35px; background:#bdb8b1; z-index:2; }
 

.abArea05 .bd { position:relative; }
.abArea05 .bd .swiper-slide a { position:relative; display:block; }
.abArea05 .bd .swiper-slide .pic { width:62.5%; }
.abArea05 .bd .swiper-slide .txt { position:absolute; top:0; right:0; bottom:100px; width:62.5%; padding:35px 0 0 75px; background:#fcf8f2; box-sizing: border-box; }
.abArea05 .bd .swiper-slide .txt .p1 { font-size:36px; color:#2b241a; line-height:1.1; }
.abArea05 .bd .swiper-slide .txt .p2 { margin-top:15px; width:1px; height:25px; background:#dbd8ce; }
.abArea05 .bd .swiper-slide .txt .p3 { margin-top:20px; font-size:18px; line-height:2; color:rgba(98,87,69,0.9); max-width:745px; }


.abArea05 .bd .btn { position:absolute; right:50%; margin-right:-840px; bottom:0; font-size:0; z-index:2; }
.abArea05 .bd .btn .btn01 { display:inline-block; }
.abArea05 .bd .btn .prev-ab05 { margin-right:20px; }
/*
.abArea05 .bd .btn .btn01 { display:inline-block; width:51px; height:51px; background-size:100% 100%!important; border-radius:100%; cursor:pointer; }
.abArea05 .bd .btn .prev-ab05 { background:url(ico18.png) no-repeat center; margin-right:20px; }
.abArea05 .bd .btn .next-ab05 { background:url(ico19.png) no-repeat center; }

.abArea05 .bd .btn .prev-ab05:hover { background:url(ico20.png) no-repeat center; }
.abArea05 .bd .btn .next-ab05:hover { background:url(ico21.png) no-repeat center; }
*/

.abArea05 .bd .num { position:absolute; right:calc(50% - 840px); width:calc(12.5% + 765px); bottom:220px; font-weight:100; color:#333; z-index:2; }
.abArea05 .bd .num i { font-size:60px; }
.abArea05 .bd .num span { font-size:30px; }

.swiper-pagination-ab05 { position:absolute; right:calc(50% - 840px); width:calc(12.5% + 765px); bottom:175px; height:1px; background:#dbd8ce!important; z-index:2; }
.swiper-pagination-ab05 .swiper-pagination-progressbar-fill { top:-1px!important; height:3px!important; background: #a62e2d!important; }

@media all and (max-width:1700px){
	.abArea05 .yx-hd .p1 { position:absolute; top:0; right:calc(50% - 600px); }
	.abArea05 .yx-hd .p2 { position:absolute; top:0; right:calc(50% - 550px); }

	.abArea05 { margin-top:60px; }
	.abArea05 .bd .swiper-slide .pic { width:62.5%; }
	.abArea05 .bd .swiper-slide .txt { position:absolute; top:0; right:0; bottom:60px; width:62.5%; padding:30px 0 0 50px; }
	.abArea05 .bd .swiper-slide .txt .p1 { font-size:28px; }
	.abArea05 .bd .swiper-slide .txt .p2 { margin-top:15px; height:20px; }
	.abArea05 .bd .swiper-slide .txt .p3 { margin-top:20px; font-size:16px; line-height:30px; max-width:600px; }


	.abArea05 .bd .btn { position:absolute; right:50%; margin-right:-600px; }
	/*
	.abArea05 .bd .btn .btn01 { width:40px; height:40px; }
	*/
 
	.abArea05 .bd .num { position:absolute; right:calc(50% - 600px); width:calc(12.5% + 550px); bottom:120px; }
	.abArea05 .bd .num i { font-size:40px; }
	.abArea05 .bd .num span { font-size:20px; }

	.swiper-pagination-ab05 { position:absolute; right:calc(50% - 600px); width:calc(12.5% + 550px); bottom:100px; }
}
@media all and (max-width:1280px){
	.abArea05 .yx-hd .p1 { position:absolute; top:0; right:4%; }
	.abArea05 .yx-hd .p2 { position:absolute; top:0; right:calc(4% + 40px); }
	
	.abArea05 { margin-top:40px; }
	.abArea05 .bd .swiper-slide .pic { width:62.5%; }
	.abArea05 .bd .swiper-slide .txt { position:absolute; top:0; right:0; bottom:60px; width:62.5%; padding:30px 0 0 30px; }
	.abArea05 .bd .swiper-slide .txt .p1 { font-size:20px; }
	.abArea05 .bd .swiper-slide .txt .p2 { margin-top:15px; height:15px; display:none; }
	.abArea05 .bd .swiper-slide .txt .p3 { margin-top:15px; font-size:14px; line-height:25px; margin-right:4vw; }


	.abArea05 .bd .btn { position:absolute; right:4%; margin-right:0; }
 
	.abArea05 .bd .num { position:absolute; right:4%; width:calc(58.5% - 30px); bottom:100px; }
	.abArea05 .bd .num i { font-size:30px; }
	.abArea05 .bd .num span { font-size:16px; }

	.swiper-pagination-ab05 { position:absolute; right:4%; width:calc(58.5% - 30px); bottom:90px; }
}
@media all and (max-width:1200px){
	.abArea05 .yx-hd { margin-bottom:30px; }
	.abArea05 .yx-hd .p1 { position:relative; top:auto; right:auto; }
	.abArea05 .yx-hd .p1 i { writing-mode: horizontal-tb;  padding-right:35px; padding-bottom: 0; background: url(ico10.png) no-repeat right bottom; background-size:25px 13px; }
	.abArea05 .yx-hd .p2 { position:relative; top:auto; right:auto; writing-mode: horizontal-tb; margin-top:10px; padding-top:0; }
	.abArea05 .yx-hd .p2:before { display:none; }
}
@media all and (max-width:1000px){
	.abArea05 .bd .swiper-slide { height: auto; display: flex; }
	.abArea05 .bd .swiper-slide .pic { width:100%; }
	.abArea05 .bd .swiper-slide .txt { position:relative; top:auto; right:auto; bottom:auto; width:100%; padding:30px 4%; flex: 1;  display: flex;  flex-direction: column; }
	.abArea05 .bd .swiper-slide .txt .p1 { font-size:18px; }
	.abArea05 .bd .swiper-slide .txt .p2 { margin-top:15px; height:15px; display:none; }
	.abArea05 .bd .swiper-slide .txt .p3 { margin-top:15px; font-size:14px; line-height:25px; margin-right:0; flex-grow: 1; }


	.abArea05 .bd .btn { position:absolute; right:4%; bottom:5px; margin-right:0; }
	/*
	.abArea05 .bd .btn .btn01 { width:30px; height:30px; }
	*/
	.abArea05 .bd .btn .prev-ab05 { margin-right:10px; }
 
	.abArea05 .bd .num { position:relative; right:auto; width:92%; bottom:auto; margin:0 auto; }
	.abArea05 .bd .num i { font-size:30px; }
	.abArea05 .bd .num span { font-size:16px; }

	.swiper-pagination-ab05 { position:relative; right:auto; width:92%; bottom:auto; margin-left:4%; margin-top:10px; }
}
@media all and (max-width:750px){
	.abArea05 .yx-hd .p1 i { padding-right:30px; background-size:20px 11px; }
}


.contacts03 .ihd{ font-size:48px; width:fit-content; margin:0 auto; padding: 0 10px; line-height:1; margin-bottom:60px; }
.contacts03 .ibd{ width:100%; }
.contacts03 .ibd ul li { float:left; width:48%; margin-right:4%; }
.contacts03 .ibd ul li:nth-child(2n) { margin-right:0; }
.contacts03 .ibd ul li:nth-child(n + 3) { margin-top:35px; }
.contacts03 .ibd ul li .p1 { line-height:40px; font-size:16px; color:#181818; }
.contacts03 .ibd ul li .p1 i { color:#e52b26; }
.contacts03 .ibd ul li .p2 .text { width:100%; height:60px; line-height:60px; border:1px solid #eee; font-size:14px; padding:0 20px; box-sizing: border-box; background:#eee }
.contacts03 .ibd ul li .p2 .textarea { width:100%; height:120px;  border:1px solid #eee; font-size:14px; padding:10px 20px; box-sizing: border-box; background:#eee  }
.contacts03 .ibd ul li.li05 { width:100%; margin-right:0; }
.contacts03 .ibd ul li.li06 { width:100%; margin-right:0; text-align:center; }
.contacts03 .ibd ul li.li06 .btn { display:inline-block; width:150px; height:50px; text-align:center; line-height:50px; font-size:18px; color:#fff; letter-spacing:6px; background:#999; margin:0 20px; border-radius:35px; cursor:pointer; }
.contacts03 .ibd ul li.li06 .btn01 { background:#a52e2d;  }

@media all and (max-width:1700px){
	.contacts03 .ihd{ font-size:40px; margin-bottom:40px;}
	.contacts03 .ibd{ width:100%; }
	.contacts03 .ibd ul li:nth-child(n + 3) { margin-top:25px; } 
	.contacts03 .ibd ul li .p2 .text { height:50px; line-height:50px; }

}
@media all and (max-width:1200px){
	.contacts03 .ihd{ font-size:24px; margin-bottom:30px;}
	.contacts03 .ibd{ width:100%;  }
	.contacts03 .ibd ul li:nth-child(n + 3) { margin-top:25px; }
	.contacts03 .ibd ul li .p2 .text { height:50px; line-height:50px; }

}
@media all and (max-width:750px){
	.contacts03 .ibd ul li { float:none; width:100%; margin-right:0; }
	.contacts03 .ibd ul li:nth-child(2n) { margin-right:0; }
	.contacts03 .ibd ul li:nth-child(n + 2) { margin-top:10px; }
	.contacts03 .ibd ul li .p1 { line-height:30px; font-size:14px; }
	.contacts03 .ibd ul li .p2 .text { height:40px; line-height:40px; font-size:14px; padding:0 10px; }
	.contacts03 .ibd ul li .p2 .textarea {  border:1px solid #eee; font-size:14px; padding:10px; }
	.contacts03 .ibd ul li.li06 .btn { width:100px; height:40px; line-height:40px; font-size:14px; margin:0 10px; }
}

.conArea01 { }
.conArea01 .wrap { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.conArea01 .yx-hd { text-align:left; }
.conArea01 .yx-hd .p2 { position:relative; padding-left:45px; }
.conArea01 .yx-hd .p2:before { position:absolute; left:0; top:50%; transform: translateY(-50%); width:35px; height:1px; display:block; content:""; background:#bdb8b1; z-index:2; }

.conBox01 { width:830px; }
.conBox01 .bd { margin-top:25px; font-size:16px;  }
.conBox01 .bd .text { float:left; width:48%; margin-right:4%; border-bottom:1px solid #bdb8b1; line-height:50px; }
.conBox01 .bd .text:nth-child(2n) { margin-right:0; }
.conBox01 .bd .text:nth-child(n + 3) { margin-top:45px; }
.conBox01 .bd .textarea { margin-top:45px; width:100%; height:140px; padding:10px 0; border-bottom:1px solid #bdb8b1; box-sizing: border-box; }
.conBox01 .bd .btn { margin-top:80px; display:inline-block; padding-left:35px; line-height:25px; font-size:14px; color:#a62e2d; background:url(ab01.png) no-repeat center left; transition: all 0.6s; cursor:pointer; }
 
.conBox01 .bd .btn:hover { background-position:10px center; }



.conBox02 { width:730px; }
.conBox02 .bd { margin-top:45px; }
.conBox02 .bd .p1 { font-size:18px; line-height:2; color:#625745; }
.conBox02 .bd .p2 { margin-top:35px; }
.conBox02 .bd .p2 a { display:inline-block; }
.conBox02 .bd .p2 a i { display:inline-block; padding-left:35px; line-height:25px; font-size:14px; color:#a62e2d; background:url(ab01.png) no-repeat center left; transition: all 0.6s; }
 
.conBox02 .bd .p2 a:hover i { padding-left:25px; margin-left:10px; }



.conBox02 .bd01 { margin-top:80px; }
.conBox02 .bd01 .p1 { font-size:16px; color:rgba(43,36,26,0.5); }
.conBox02 .bd01 .p2 { margin-top:35px; }
.conBox02 .bd01 .p2 ul li { float:left; width:125px; margin-right:30px; text-align:center; }
.conBox02 .bd01 .p2 ul li:last-child { margin-right:0!important; }
.conBox02 .bd01 .p2 ul li .p21 { padding:5px; border:1px solid #a52e2d; border-radius:7px; overflow:hidden; background:#f6eee3; }
.conBox02 .bd01 .p2 ul li .p22 { font-size:14px; margin-top:15px; color:rgba(43,36,26,0.5); }

.conArea02 { margin-top:90px; }

@media all and (max-width:1700px){
	.conArea01 .yx-hd .p2 { padding-left:35px; }
	.conArea01 .yx-hd .p2:before { width:25px; }

	.conBox01 { width:49.5%; }
	.conBox01 .bd { margin-top:20px; font-size:14px;  }
	.conBox01 .bd .text { width:48%; margin-right:4%; line-height:40px; }
	.conBox01 .bd .text:nth-child(2n) { margin-right:0; }
	.conBox01 .bd .text:nth-child(n + 3) { margin-top:30px; }
	.conBox01 .bd .textarea { margin-top:30px; height:140px; padding:10px 0; }
	.conBox01 .bd .btn { margin-top:60px; padding-left:20px; line-height:20px; background-size:contain; }

	.conBox02 { width:43.5%; }
	.conBox02 .bd { margin-top:30px; }
	.conBox02 .bd .p1 { font-size:16px; line-height:30px; }
	.conBox02 .bd .p2 { margin-top:30px; }
	.conBox02 .bd .p2 a { padding-left:20px; line-height:20px; background-size:contain; }

	.conBox02 .bd01 { margin-top:60px; }
	.conBox02 .bd01 .p1 { font-size:14px; }
	.conBox02 .bd01 .p2 { margin-top:30px; }
	.conBox02 .bd01 .p2 ul li { float:left; width:22%; margin-right:4%; }
	.conBox02 .bd01 .p2 ul li:last-child { margin-right:0!important; }
	.conBox02 .bd01 .p2 ul li .p21 { padding:5px; }
	.conBox02 .bd01 .p2 ul li .p22 { font-size:14px; margin-top:10px; }

	.conArea02 { margin-top:60px; }
}
@media all and (max-width:1200px){
	.conArea02 { margin-top:40px; }
}
@media all and (max-width:900px){
	.conArea01 .yx-hd { text-align:center; }
	.conArea01 .yx-hd .p2 { padding-left:0; }
	.conArea01 .yx-hd .p2:before { display:none; }

	.conBox01 { width:100%; }
	.conBox01 .bd { margin-top:20px; font-size:14px;  }
	.conBox01 .bd .text { width:48%; margin-right:4%; line-height:40px; }
	.conBox01 .bd .text:nth-child(2n) { margin-right:0; }
	.conBox01 .bd .text:nth-child(n + 3) { margin-top:20px; }
	.conBox01 .bd .textarea { margin-top:20px; height:120px; padding:10px 0; }
	.conBox01 .bd .btn { margin-top:30px; padding-left:20px; line-height:20px; background-size:contain; }

	.conBox02 { width:100%; margin-top:40px; }
	.conBox02 .bd { margin-top:20px; }
	.conBox02 .bd .p1 { font-size:14px; line-height:25px; }
	.conBox02 .bd .p2 { margin-top:20px; }
	.conBox02 .bd .p2 a { padding-left:20px; line-height:20px; background-size:contain; }

	.conBox02 .bd01 { margin-top:30px; }
	.conBox02 .bd01 .p1 { font-size:14px; }
	.conBox02 .bd01 .p2 { margin-top:20px; }
	.conBox02 .bd01 .p2 ul li { float:left; width:22%; margin-right:4%; }
	.conBox02 .bd01 .p2 ul li .p21 { padding:5px; }
	.conBox02 .bd01 .p2 ul li .p22 { font-size:14px; margin-top:10px; }

	.conArea02 { margin-top:40px; }
}
@media all and (max-width:500px){
	.conBox01 .bd .text { width:100%; margin-right:0; line-height:35px; }
	.conBox01 .bd .text:nth-child(2n) { margin-right:0; }
	.conBox01 .bd .text:nth-child(n + 2) { margin-top:10px; }

	.conBox02 .bd01 .p1 { text-align:center; }
	.conBox02 .bd01 .p2 ul { width:235px; margin:0 auto; }
	.conBox02 .bd01 .p2 ul li { float:left; width:48%; margin-right:4%; }
	.conBox02 .bd01 .p2 ul li:nth-child(2n) { margin-right:0!important; }
	.conBox02 .bd01 .p2 ul li:nth-child(n + 3) { margin-top:4%; }
}

.dcBtn { font-size:0; }
.dcBtn .btn01 { position:absolute; top:50%; transform: translateY(-50%); display:inline-block; width:51px; height:51px; background-size:100% 100%!important; border-radius:100%; cursor:pointer; z-index:2; }
.dcBtn .btn01:nth-child(1) { background:url(ico18.png) no-repeat center; left:-70px; }
.dcBtn .btn01:nth-child(2) { background:url(ico19.png) no-repeat center; right:-70px; }

.dcBtn .btn01:nth-child(1):hover { background:url(ico20.png) no-repeat center; }
.dcBtn .btn01:nth-child(2):hover { background:url(ico21.png) no-repeat center; }

@media all and (max-width:1700px){
	.dcBtn .btn01 { width:40px; height:40px; }
	.dcBtn .btn01:nth-child(1) { left:-50px; }
	.dcBtn .btn01:nth-child(2) { right:-50px; }
}
@media all and (max-width:1200px){
	.dcBtn { margin-top:25px; text-align:center; font-size:0; }
	.dcBtn .btn01 { position:relative; top:auto; transform: translateY(0); width:30px; height:30px; }
	.dcBtn .btn01:nth-child(1) { left:auto; margin-right:10px; }
	.dcBtn .btn01:nth-child(2) { right:auto; }
}




@media all and (max-width:1700px){

}
@media all and (max-width:1200px){

}
@media all and (max-width:750px){

}





@media all and (max-width:1700px){

}
@media all and (max-width:1200px){

}
@media all and (max-width:750px){

}



@-webkit-keyframes scaleBigToSmall{0%{opacity:1;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
    100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
@keyframes scaleBigToSmall{0%{opacity:1;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
    100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
.scaleBigToSmall{-webkit-animation-name:scaleBigToSmall;-moz-animation-name:scaleBigToSmall;-o-animation-name:scaleBigToSmall;animation-name:scaleBigToSmall;transform-origin:50% 50%;}