@charset "utf-8";
.container { position: relative; width: 100%; z-index:5; }
 
.aArea { position:relative; z-index:1; }
.aArea .txt { position:relative; float:left; width:725px; padding-top:135px; line-height:1.1; z-index:2; }
.aArea .txt .p1 { font-size:48px; font-family:"Fontquan"; }
.aArea .txt .p2 { font-size:14px; line-height:25px; margin-top:40px; }
.aArea .txt .p3 { margin-top:60px; }
.aArea .txt .p3 a { display:inline-block; line-height:1.2; border-bottom:1px solid #000; padding-right:60px; font-size:30px;  font-family:"Fontquan"; background:url(a03.png) no-repeat center right; }
.aArea .txt .p3 a:hover { color:#ff3a0d; border-color:#ff3a0d; background:url(a04.png) no-repeat center right; }

.aArea .pic { position:relative; float:right; width:627px; margin-right:-160px; z-index:1; }
.aArea .pic p { position:absolute; width:60px; height:60px; left:50%; margin-left:-30px; bottom:100px; background:url(a02.png) no-repeat center #ff4920; border-radius:100%; z-index:2; cursor:pointer; }

.aArea .pic p:before { animation: boderM 3s .75s infinite; content: ''; display: block; position: absolute;  left: 50%; top: 50%; z-index: -1; transform: translate(-50%, -50%);  width: 60px;  height: 60px; border-radius:100%; background: rgba(255, 58, 13, 0.3); z-index:-1; }
.aArea .pic p:after { animation: boderM 3s infinite; content: ''; display: block; position: absolute;  left: 50%; top: 50%; z-index: -1; transform: translate(-50%, -50%);  width: 60px;  height: 60px; border-radius:100%; background: rgba(255, 58, 13, 0.2); z-index:-1; }
 
@media all and (max-width:1280px){
	.aArea .txt { position:absolute; float:none; width:60%; left:4%; top:0; padding-top:60px; }
	.aArea .txt .p1 { font-size:36px; }
	.aArea .txt .p2 { font-size:14px; line-height:25px; margin-top:20px; }
	.aArea .txt .p3 { margin-top:40px; }
	.aArea .txt .p3 a { font-size:24px; }
}
@media all and (max-width:1000px){
	.aArea .txt { position:relative; width:100%; padding-top:40px; left:0; }
	.aArea .txt .p1 { font-size:28px; }
	.aArea .txt .p2 { font-size:14px; line-height:25px; margin-top:20px; }
	.aArea .txt .p3 { margin-top:20px; }
	.aArea .txt .p3 a { font-size:18px;  }

	.aArea .pic { position:relative; float:none; left:50%; margin-left:-200px; width:400px; margin-right:0; margin-top:-80px; }
	.aArea .pic img { width:400px; }
	.aArea .pic p { width:40px; height:40px; margin-left:-20px; bottom:65px; }

	.aArea .pic p:before { width: 40px;  height: 40px; }
	.aArea .pic p:after {  width: 40px;  height: 40px; }
}
 
.spBox { position:fixed; top:0; right:0; left:0; bottom:0; background:rgba(0,0,0,0.6); z-index:9999; display:none; }
.spBox.on { display:block; }
.spBox .spBox01 { position:absolute; top:50%; left:50%; width:1000px; padding:20px; box-sizing: border-box; background:#000; transform: translate(-50%,-50%); z-index:5; }
.spBox .spBox01 video { width:100%; height:auto!important; }
.spBox .spBox01 .sp-close { position:absolute; right:-50px; top:-30px; color:#fff; font-size:30px; cursor:pointer; }

@media all and (max-width:1280px){
	.spBox .spBox01 { width:60%; }
} 
@media all and (max-width:750px){
	.spBox .spBox01 { position:absolute; top:50%; width:92%; padding:10px; z-index:5; }
	.spBox .spBox01 .sp-close { position:absolute; right:0; top:-60px; color:#fff; font-size:30px; cursor:pointer; }
} 




.cArea { padding:90px 0 140px; }
.cArea .wrap { cursor:pointer; }

@media all and (max-width:1280px){
	.cArea { padding:80px 0; }
}
@media all and (max-width:1000px){
	.cArea { padding:60px 0; }
}
@media all and (max-width:750px){
	.cArea { padding:30px 0; }
}






.eArea { margin-top:140px; }
.eArea01 { position:relative; float:left; width:calc(100% - 340px); }
.eArea01 .Area-hd { text-align:left; }
.eArea01 .hd { position:absolute; top:20px; right:0; z-index:2; }
.eArea01 .hd ul li { float:left; font-size:16px; line-height:22px; border-bottom:1px solid #fff; margin-right:35px; cursor:pointer; }
.eArea01 .hd ul li:last-child { margin-right:0; }
.eArea01 .hd ul li.on { color:#ff3a0d; border-color:#ff3a0d; }

.eArea01 .bd { padding-top:65px; }
.eArea01 .bd ul li { float:left; width:25%; position:relative; border-top:1px solid #e5e5e5; }
.eArea01 .bd ul li .pic { position:relative; overflow:hidden; }
.eArea01 .bd ul li .pic img { transition: all 0.6s; }
.eArea01 .bd ul li .pic p { position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:2; display:none; }
.eArea01 .bd ul li .txt { position:absolute; top:50%; transform: translateY(-50%); left:10px; right:10px; text-align:center; z-index:5; display:none; }
.eArea01 .bd ul li .txt .p1 { font-size:16px; color:#fff; }
.eArea01 .bd ul li .txt .p2 { margin-top:15px; }
.eArea01 .bd ul li .txt .p2 i { display:inline-block; padding:0 15px; background:#ff3a0d; line-height:25px; font-size:14px; color:#fff; border-radius:25px; }

.eArea01 .bd .mm { text-align:center; margin-top:20px; }

.eArea01 .bd ul li:hover .pic p { display:block; }
.eArea01 .bd ul li:hover .pic img { transform: scale(1.1)!important; }
.eArea01 .bd ul li:hover .txt { display:block; }

.eArea02 { float:right; width:300px; padding-top:95px; }
.eArea02 .swiper-slide a { display:block; overflow:hidden; }
.eArea02 .swiper-slide a img { transition: all 0.6s; }
.eArea02 .swiper-slide:hover a img { transform: scale(1.1)!important; }


.swiper-pagination-e01 { position:relative; margin-top:40px; width:100%!important; left:0%!important; bottom:0!important; font-size:0; text-align:right; }
.swiper-pagination-e01 .swiper-pagination-bullet { width:8px!important; height:8px!important; margin:0 3px!important; background:#7f7f7f; border-radius:100%; opacity:1; }
.swiper-pagination-e01 .swiper-pagination-bullet-active { background:#ff3a0d; width:16px!important; border-radius:10px; }

.eArea021 { margin-top:65px; }
.eArea021 .hd01 { font-size:24px; }
.eArea021 .bd01 { position:relative; font-size:14px; line-height:35px; color:#666; margin-top:10px; }
.eArea021 .bd01 .p1 { float:left; }
.eArea021 .bd01 .p2 { float:right; width:140px; border-bottom:1px solid #e5e5e5; background:url(e01.png) no-repeat center right; cursor:pointer; }

.eBox { position:absolute; top:55px; right:0; display:none; z-index:2; }
.eBox .hd { float:right; }
.eBox .hd ul li { width:135px; line-height:50px; background:#fef7f2; font-size:14px; color:#666; text-align:center; cursor:pointer; }
.eBox .hd ul li.on { background:#ff3a0d; color:#fff; }
.eBox .bd { float:right; padding:25px 5px; border:1px solid #e5e5e5; width:75px; text-align:center; background:#fff; }
.eBox .bd a { display:block; cursor:pointer; }

@media all and (max-width:1280px){
	.eArea { margin-top:80px; }
 
	.eArea01 .hd ul li { margin-right:25px; }
	.eArea01 .hd ul li:last-child { margin-right:0; }
 
	.eArea01 .bd { padding-top:40px; }
	 
	.eArea02 { padding-top:60px; }

	.swiper-pagination-e01 { margin-top:30px; }
 
	.eArea021 { margin-top:40px; }
	.eArea021 .hd01 { font-size:20px; } 
}
@media all and (max-width:1000px){
	.eArea { margin-top:60px; } 
	
	.eArea01 .bd ul li { float:left; width:33.33%; }
	.eArea01 .bd ul li:nth-child(n + 13) { display:none; }
}
@media all and (max-width:750px){
	.eArea { margin-top:40px; }
	.eArea01 { float:none; width:100%; }
	.eArea01 .hd { top:5px; }
	.eArea01 .hd ul li { float:left; font-size:14px; margin-right:20px; }
	.eArea01 .hd ul li:last-child { margin-right:0; }
 
	.eArea01 .bd { padding-top:30px; }
	.eArea01 .bd ul li { float:left; width:33.33%; }
	.eArea01 .bd ul li:nth-child(n + 13) { display:none; }
	 
	.eArea01 .bd ul li .txt .p1 { font-size:14px; }
	.eArea01 .bd ul li .txt .p2 { margin-top:5px; display:none; }
 
	.eArea01 .bd .mm img { height:35px; }
 
	.eArea02 { float:none; width:100%; padding-top:30px; }

	.swiper-pagination-e01 { margin-top:20px; text-align:center; }
 
	.eArea021 { margin-top:30px; }
	.eArea021 .hd01 { font-size:18px; }
	.eArea021 .bd01 .p1 { float:left; }
	.eArea021 .bd01 .p2 { float:left; width:130px; }

	.eBox { position:absolute; top:45px; left:0; right:auto; }
	.eBox .hd { float:left; }
	.eBox .hd ul li { width:110px; line-height:40px; }
	.eBox .bd { float:left; padding:15px 5px; }
}


.fArea { position:relative; margin-top:140px; z-index:1; }
.fArea01 { position:absolute; left:0; top:160px; width: 100%; overflow: hidden; z-index:-1; }
.fArea01 .ff { display: flex; justify-content: flex-start; }
.fArea01 .ff img { transform: translate3d(0, 0, 0); animation: move_left 40s linear infinite; }

.fArea02 { text-align:center; }
.fArea02 .pic { position:relative; z-index:1; animation: bounce-up 2.4s linear infinite; }
.fArea02 .txt { position:relative; margin-top:-80px; line-height:1.1; font-size:14px; color:#221815; z-index:2; }
.fArea02 .txt .p1 { font-size:36px; }
.fArea02 .txt .p2 { height:14px; margin-top:25px; background:url(f01.png) no-repeat center; }
.fArea02 .txt .p3 { margin-top:15px; line-height:35px; }
.fArea02 .txt .p4 { margin-top:70px; }

@media all and (max-width:1280px){
	.fArea { margin-top:80px; }
}
@media all and (max-width:1000px){
	.fArea { margin-top:60px; }
}
@media all and (max-width:750px){
	.fArea { margin-top:40px; }
	.fArea01 { top:120px; }
	.fArea01 .ff img { height:80px; }
 
	.fArea02 .pic img { max-width:90%; }
	
	
	.fArea02 .txt { margin-top:-80px; }
	.fArea02 .txt .p1 { font-size:26px; }
	.fArea02 .txt .p2 { height:14px; margin-top:15px; }
	.fArea02 .txt .p3 { margin-top:15px; line-height:30px; }
	.fArea02 .txt .p4 { margin-top:30px; }
}

@keyframes bounce-up {
	 25% {transform: translateY(10px);}
	 50%, 100% {transform: translateY(0);}
	 75% {transform: translateY(-10px);}
}

.gArea { margin-top:70px; }
.gArea01 { margin-top:45px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; }
.gArea01 .wrap { border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; box-sizing: border-box; }
.gArea01 ul li { position:relative; float:left; width:25%; border-right:1px solid #eaeaea; box-sizing: border-box; overflow:hidden; transition: all 0.6s; }
.gArea01 ul li:nth-child(4) { border-right:none; }
.gArea01 ul li .pic { position:relative; left:50%; width:300px; text-align:center; transform: translateX(-50%); z-index:1; }
.gArea01 ul li .pic img { max-width:100%; }
.gArea01 ul li .txt { position:absolute; top:0; left:0; right:0; bottom:0; background:#fef7f2; z-index:2; display:none; }
.gArea01 ul li .txt a { display:block; height:100%; }
.gArea01 ul li .txt .txt01 { position:absolute; left:4%; top:4%; right:4%; bottom:4%; border:2px solid #ff3a0d; z-index:2; }
.gArea01 ul li .txt .txt02 { position:absolute; left:12%; top:50%; right:12%; transform: translateY(-50%); line-height:1.1; z-index:5; }
.gArea01 ul li .txt .txt02 .p1 img { max-width:100%; }
.gArea01 ul li .txt .txt02 .p2 { font-size:18px; color:#b38854; margin-top:15px; }
.gArea01 ul li .txt .txt02 .p2 i { font-size:60px; font-family:"Arial"; margin-right:10px; }
.gArea01 ul li .txt .txt02 .p3 { font-size:14px; line-height:25px; height:50px; color:#b38854; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.gArea01 ul li .txt .txt02 .p4 { margin-top:40px; }
.gArea01 ul li .txt .txt02 .p4 i { display:inline-block; color:#ff3a0d; line-height:1.3; border-bottom:1px solid #ff3a0d; padding-right:60px; font-size:20px;  font-family:"Fontquan"; background:url(a04.png) no-repeat center right; }

.gArea01 ul li.s1 .txt { display:block; }

.gArea01 ul li.s1 { width:31%; }
.gArea01 ul li.s2 { width:23%; }

@media all and (max-width:1280px){
	.gArea { margin-top:70px; }
	.gArea01 { margin-top:40px; }
	
	.gArea01 ul li .txt .txt02 .p2 { font-size:16px; margin-top:15px; }
	.gArea01 ul li .txt .txt02 .p2 i { font-size:40px; }
	.gArea01 ul li .txt .txt02 .p4 { margin-top:30px; }

}
@media all and (max-width:1000px){
	.gArea { margin-top:60px; }
	.gArea01 { margin-top:30px; }
	
	.gArea01 ul li .pic { position:relative; left:0; width:100%; transform: translateX(0); }

	.gArea01 ul li.s1 .txt { display:none; }

	.gArea01 ul li.s1 { width:25%; }
	.gArea01 ul li.s2 { width:25%; } 
}
@media all and (max-width:750px){
	 
}

.hArea { margin-top:140px; }
.hArea .bd { margin-top:45px; }
.hArea .bd ul li { background:#fef5f0; }
.hArea .bd ul li:nth-child(n + 2) { margin-top:30px; }
.hArea .bd ul li a { display:block; padding:40px; }
.hArea .bd ul li .txt { float:left; width:510px; padding-top:20px; }
.hArea .bd ul li .txt .p1 { font-size:14px; color:#b38854; padding-left:20px; background:url(h01.png) no-repeat center left; }
.hArea .bd ul li .txt .p2 { font-size:18px; color:#333; margin-top:20px; line-height:20px; height:20px; font-weight:bold; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.hArea .bd ul li .txt .p3 { font-size:14px; color:#666; margin-top:30px; line-height:25px; height:75px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.hArea .bd ul li .txt .p4 { font-size:14px; color:#999; margin-top:80px; padding-left:30px; background:url(h02.png) no-repeat center left; }
.hArea .bd ul li .pic { float:right; width:540px; overflow:hidden; }
.hArea .bd ul li .pic img { transition: all 0.6s; }

.hArea .bd ul li:hover .pic img { transform: scale(1.1)!important; }
.hArea .bd ul li:hover .txt .p2 { color:#ff3a0d; }
.hArea .bd ul li:hover .txt .p4 { color:#ff3a0d; }
 

.hArea .bd01 { margin-top:45px; text-align:center; }
.hArea .bd01 a { display:inline-block; line-height:1.2; color:#333; border-bottom:1px solid #000; padding-right:60px; font-size:30px;  font-family:"Fontquan"; background:url(a03.png) no-repeat center right; }
.hArea .bd01 a:hover { color:#ff3a0d; border-color:#ff3a0d; background:url(a04.png) no-repeat center right; }
 
@media all and (max-width:1280px){
	.hArea { margin-top:80px; }
	.hArea .bd { margin-top:40px; }
	.hArea .bd ul li:nth-child(n + 2) { margin-top:20px; }
	.hArea .bd ul li a { padding:20px; }
	.hArea .bd ul li .txt { float:left; width:calc(100% - 500px); }
	.hArea .bd ul li .txt .p1 { font-size:14px; }
	.hArea .bd ul li .txt .p2 { font-size:18px; margin-top:15px; }
	.hArea .bd ul li .txt .p3 { font-size:14px; margin-top:20px; }
	.hArea .bd ul li .txt .p4 { font-size:14px; margin-top:50px; }
	.hArea .bd ul li .pic { float:right; width:450px; }

	.hArea .bd ul li:hover .txt .p2 { color:#ff3a0d; }
	.hArea .bd ul li:hover .txt .p4 { color:#ff3a0d; }

	.hArea .bd01 { margin-top:40px; text-align:center; }
	.hArea .bd01 a { font-size:24px; }
}
@media all and (max-width:1000px){
	.hArea { margin-top:60px; }
	.hArea .bd { margin-top:20px; }
	.hArea .bd ul li:nth-child(n + 2) { margin-top:10px; }
	.hArea .bd ul li a { padding:15px; }
	.hArea .bd ul li .txt { float:left; width:calc(100% - 380px); padding-top:10px; }
	.hArea .bd ul li .txt .p1 { font-size:14px; }
	.hArea .bd ul li .txt .p2 { font-size:16px; margin-top:10px; }
	.hArea .bd ul li .txt .p3 { font-size:14px; margin-top:15px; }
	.hArea .bd ul li .txt .p4 { font-size:14px; margin-top:20px; }
	.hArea .bd ul li .pic { float:right; width:350px; }

	.hArea .bd ul li:hover .txt .p2 { color:#ff3a0d; }
	.hArea .bd ul li:hover .txt .p4 { color:#ff3a0d; }

	.hArea .bd01 { margin-top:20px; text-align:center; }
	.hArea .bd01 a { font-size:18px;  }
}
@media all and (max-width:750px){
	.hArea { margin-top:30px; }
	.hArea .bd { margin-top:20px; }
	.hArea .bd ul li:nth-child(n + 2) { margin-top:10px; }
	.hArea .bd ul li a { padding:15px; }
	.hArea .bd ul li .txt { float:none; width:100%; padding-top:0; }
	.hArea .bd ul li .txt .p1 { font-size:14px; }
	.hArea .bd ul li .txt .p2 { font-size:16px; margin-top:10px; }
	.hArea .bd ul li .txt .p3 { font-size:14px; margin-top:10px; }
	.hArea .bd ul li .txt .p4 { font-size:14px; margin-top:15px; }
	.hArea .bd ul li .pic { float:none; width:100%; margin-top:20px; }

	.hArea .bd ul li:hover .txt .p2 { color:#ff3a0d; }
	.hArea .bd ul li:hover .txt .p4 { color:#ff3a0d; }

	.hArea .bd01 { margin-top:20px; text-align:center; }
	.hArea .bd01 a { font-size:18px;  }
}



.jArea { padding:140px 0 100px; font-size:14px; }
.jArea .p1 { padding:20px 0; color:#666; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; text-align:center; }
.jArea .p1 i { font-size:30px; color:#b38854; font-weight:bold; }
.jArea .p2 { border-bottom:1px solid #eaeaea; }
.jArea .p2 a { float:left; width:50%; display:block; border-right:1px solid #eaeaea; box-sizing: border-box; text-align:center; }
.jArea .p2 a:last-child { border-right:none; }
.jArea .p2 a i { display:inline-block; padding-left:30px; line-height:75px; }

.jArea .p2 a.a1 i { background:url(j11.png) no-repeat center left; }
.jArea .p2 a.a1:hover i { background:url(j12.png) no-repeat center left; }
.jArea .p2 a.a2 i { background:url(j21.png) no-repeat center left; }
.jArea .p2 a.a2:hover i { background:url(j22.png) no-repeat center left; }

.jArea .p2 a:hover { background:#fef7f2; color:#a36c3b; }

@media all and (max-width:1280px){
	.jArea { padding:80px 0;} 
}
@media all and (max-width:1000px){
	.jArea { padding:60px 0; }  
}
@media all and (max-width:750px){
	.jArea { padding:30px 0; }
	.jArea .p1 { padding:20px 0; }
	.jArea .p1 i { display:block; width:100%; font-size:24px; }
	.jArea .p2 a i { line-height:55px; } 
}