@charset "utf-8";

.banner { position:relative; width:100%; overflow:hidden; font-size:0; }
.banner .swiper_banner { width:100%; }
.banner .swiper_banner .swiper-slide { position:relative; width:100%; overflow:hidden; }
.banner .swiper_banner .swiper-slide a { display:block; width:100%; }
 
.banner .swiper_banner .swiper-slide .img02 { display:none; }
 
.banner .swiper_banner .swiper-pagination-banner { 
    position:absolute; bottom:90px!important; left:0; text-align:center; z-index:9;  border-radius:50%; 
}
.banner .swiper_banner .swiper-pagination-bullet { 
    width:21px; height:21px; margin:0 8px!important;  border-radius:0; opacity:1; border-radius:50%; 
    background: unset;
    border:1px solid #fff;
}
.banner .swiper_banner .swiper-pagination-bullet-active { 
    background: #fff;
}

@media all and (max-width:1680px){
	.banner .swiper_banner .swiper-pagination-banner { bottom:60px!important; }
}
@media all and (max-width:1200px){
	.banner .swiper_banner .swiper-slide .img01 { display:none; }
	.banner .swiper_banner .swiper-slide .img02 { display:block; }
	
	.banner .swiper_banner .swiper-slide .banvideo { display:none; }
	
	.banner .swiper_banner .swiper-pagination-banner { bottom:30px!important; }
	.banner .swiper_banner .swiper-pagination-bullet { width:15px; height:15px; }
}
 
.aArea { position:relative; padding:195px 0 145px; max-width:1920px; margin:0 auto; }
.aArea .pic { position:absolute; width:645px; left:0; top:0; bottom:0; z-index:2; overflow:hidden; }
.aArea .pic img { transition: all 0.6s; }
.aArea .pic .img02 { display:none; }

.aArea .pic:hover img { transform: scale(1.1)!important; }

.aArea .txt { float:right; width:765px; line-height:1.1; }
.aArea .txt .p1 { font-size:48px; font-family: "Futura"; }
.aArea .txt .p1 i { color:#df353b; }
.aArea .txt .p2 { color:#0a0b0d; font-size:18px; line-height:30px; margin-top:25px; font-family: "Futura-Light"; }
.aArea .txt .p3 { color:#b9b9b9; font-size:14px; line-height:20px; margin-top:45px; font-family: "Futura-Light"; text-align:justify; }
.aArea .txt .p4 { margin-top:55px; font-family: "Futura"; }
.aArea .txt .p4 ul { display:flex; flex-direction:row; justify-content:space-between; }
.aArea .txt .p4 ul li .p41 { font-size:12px; color:#df353b; }
.aArea .txt .p4 ul li .p42 { font-size:18px; color:#0b0c0e; margin-top:10px; }

@media all and (max-width:1680px){
	.aArea { padding:100px 0; }
	.aArea .pic { position:absolute; width:600px; left:0; top:0; bottom:0; z-index:2; }
	.aArea .pic .img02 { display:none; }
	.aArea .txt { float:right; width:47.5%; }
	.aArea .txt .p1 { font-size:30px; }
	.aArea .txt .p2 { font-size:16px; line-height:25px; margin-top:20px; }
	.aArea .txt .p3 { font-size:14px; line-height:20px; margin-top:30px; }
	.aArea .txt .p4 { margin-top:40px; }
	.aArea .txt .p4 ul li .p41 { font-size:12px; }
	.aArea .txt .p4 ul li .p42 { font-size:16px; margin-top:10px; }
}
@media all and (max-width:1280px){
	.aArea { padding:80px 0; }
	.aArea .pic { width:500px; }
}
@media all and (max-width:1200px){
	.aArea { padding:30px 0; }
	.aArea .pic { position:relative; width:92%; margin:0 auto; left:auto; top:auto; bottom:auto; background:none!important; }
	.aArea .pic .img02 { display:block; }
	.aArea .txt { float:none; width:100%; margin-top:25px; }
	.aArea .txt .p1 { font-size:24px; line-height:1.4; }
	.aArea .txt .p1 i { display:block; }
	.aArea .txt .p2 { font-size:14px; line-height:25px; margin-top:20px; }
	.aArea .txt .p3 { font-size:14px; line-height:20px; margin-top:30px; }
	.aArea .txt .p4 { margin-top:20px; }
	.aArea .txt .p4 ul { display:block; width:100%; text-align:center; }
	.aArea .txt .p4 ul li:nth-child(n + 2) { margin-top:15px; }
	.aArea .txt .p4 ul li .p41 { font-size:12px; }
	.aArea .txt .p4 ul li .p42 { font-size:14px; margin-top:10px; line-height:1.5; }
}



.bArea { position:relative; max-width:1920px; margin:0 auto; }
.bArea .Area-hd { position:absolute; top:100px; left:0; right:0; z-index:5; }
.bArea .Area-hd .txt02 { color:rgba(255,255,255,0.6); }

.bArea01 { position:relative; }
.gallery-thumbs-b01 { position:absolute!important; left:0; right:0; top:0; bottom:0; z-index:2!important; }
.gallery-thumbs-b01 .swiper-slide { height:100%; cursor:pointer; }
.gallery-thumbs-b01 .swiper-slide a { position:relative; width:100%; display:block; height:100%; border-right:1px solid rgba(255,255,255,0.5) }
.gallery-thumbs-b01 .swiper-slide .txt { position:absolute; top:50%; left:0; right:0; text-align:center; z-index:2; }
.gallery-thumbs-b01 .swiper-slide .txt .p1 { height:80px; }
.gallery-thumbs-b01 .swiper-slide .txt .p1 img { max-height:60px; }
.gallery-thumbs-b01 .swiper-slide .txt .p2 { font-size:28px; color:#000; font-family: "Futura"; }

.gallery-thumbs-b01 .swiper-slide-thumb-active { background:rgba(255,255,255,0.5); }

.gallery-top-b01 .swiper-slide .img02 { display:none; }


@media all and (max-width:1680px){
	.bArea .Area-hd { top:80px; }
 
	.gallery-thumbs-b01 .swiper-slide .txt .p1 { height:70px; }
	.gallery-thumbs-b01 .swiper-slide .txt .p1 img { max-height:50px; }
	.gallery-thumbs-b01 .swiper-slide .txt .p2 { font-size:20px; }
 
}
@media all and (max-width:1200px){
	.bArea .Area-hd { position:absolute; top:30px; left:0; right:0; z-index:5; }
 
	.bArea01 { margin-top:30px;  }
	
	.gallery-thumbs-b01 .swiper-slide .txt { transform: translateY(-50%); }
	
	.gallery-thumbs-b01 .swiper-slide .txt .p1 { height:50px; }
	.gallery-thumbs-b01 .swiper-slide .txt .p1 img { max-height:30px; }
	.gallery-thumbs-b01 .swiper-slide .txt .p2 { font-size:16px; }
	
	.gallery-top-b01 .swiper-slide .img01 { display:none; }
	.gallery-top-b01 .swiper-slide .img02 { display:block; }
}

.cArea { padding:115px 0 170px; }
.cArea01 { margin-top:120px; padding:0 30px; }
.cArea01 ul { display:flex; flex-direction:row; justify-content:space-between; }
.cArea01 ul li { position:relative; display:inline-block; width:330px; height:330px; background:#f6f8fa; border-radius:100%; }
.cArea01 ul li a { display:block; width:100%; height:100%; }
.cArea01 ul li .txt01 { position:absolute; width:100%; top:50%; left:0; right:0; transform: translateY(-50%);  text-align:center; z-index:1; }
.cArea01 ul li .txt01 img { max-width:80%; }

.cArea01 ul li .txt02 { position:absolute; top:50%; left:50%; width:420px; height:420px; margin:-210px 0 0 -210px; background:#e1353b; border-radius:100%; opacity:0; visibility:hidden; transition: all 0.6s; transform: scale(0.5); z-index:2; }
.cArea01 ul li .txt02:before { position:absolute; top:-20px; left:-20px; right:-20px; bottom:-20px; background:rgba(225,53,59,0.2); border-radius:100%; display:block; content:""; z-index:2; }
.cArea01 ul li .txt02 .txt021 { position:absolute; left:0; right:0; top:50%; transform: translateY(-50%); text-align:center; color:#fff; line-height:1.1; z-index:2; }
.cArea01 ul li .txt02 .txt021 .p1 { font-size:24px; }
.cArea01 ul li .txt02 .txt021 .p2 { width:28px; height:1px; background:#fff; margin:15px auto 0; }
.cArea01 ul li .txt02 .txt021 .p3 { font-size:20px; margin-top:25px; line-height:30px; font-family: "Futura-Light"; }
.cArea01 ul li .txt02 .txt021 .p4 {  position:absolute; left:0; right:0; top:-15px; z-index:1; }
.cArea01 ul li .txt02 .txt021 .p4 img { max-width:70%; }

.cArea01 ul li:hover .txt02 { opacity:1; visibility:visible; transform: scale(1); }

@media all and (max-width:1680px){
	.cArea { padding:80px 0; }
	.cArea01 { margin-top:80px; padding:0 30px; }
	.cArea01 ul li { width:250px; height:250px; }
 
	.cArea01 ul li .txt02 { width:320px; height:320px; margin:-160px 0 0 -160px; }
	.cArea01 ul li .txt02:before { top:-15px; left:-15px; right:-15px; bottom:-15px; }

	.cArea01 ul li .txt02 .txt021 .p1 { font-size:18px; }
	.cArea01 ul li .txt02 .txt021 .p2 { margin:10px auto 0; }
	.cArea01 ul li .txt02 .txt021 .p3 { font-size:16px; margin-top:15px; line-height:25px; }
	.cArea01 ul li .txt02 .txt021 .p4 { top:-10px; }
}
@media all and (max-width:1200px){
	.cArea { padding:30px 0; }
	.cArea01 { margin-top:30px; padding:0; }
	.cArea01 ul { display:block; }
	.cArea01 ul li { float:left; width:150px; height:150px; margin:0 calc(25% - 75px); }
	.cArea01 ul li:nth-child(n + 3) { margin-top:30px; }
 
	.cArea01 ul li .txt02 { display:none; }
}
@media all and (max-width:400px){
	.cArea01 ul li { width:120px; height:120px; margin:0 calc(25% - 60px); }
}

.dArea { padding:110px 0 150px; background:url(dArea.jpg) no-repeat center bottom #f6f8fa; background-size:cover; }
.dArea .Area-hd .txt02 { color:#eff0f2; }

.dArea01 { position:relative; margin-top:75px; }
.dBox { position:absolute; left:0; top:50%; transform: translateY(-50%); width:285px; z-index:5; }
.dBox .gallery-thumbs-d01 { height:270px!important; }
.dBox .gallery-thumbs-d01 .swiper-slide { cursor:pointer; }
.dBox .gallery-thumbs-d01 .swiper-slide p { font-size:36px; line-height:90px; text-align:right; font-family: "Futura"; }
.dBox .gallery-thumbs-d01 .swiper-slide-thumb-active p { font-size:50px; }

.gallery-top-d01 .pic { float:left; width:750px; margin-left:190px; overflow:hidden; }
.gallery-top-d01 .pic img { transition: all 0.6s; }
.gallery-top-d01 .pic:hover img { transform: scale(1.1)!important; }
 
.gallery-top-d01 .txt { float:right; width:600px; padding-top:60px; line-height:1.1; }
.gallery-top-d01 .txt .p1 { font-size:20px; color:#f1d1d4; }
.gallery-top-d01 .txt .p1 i { font-size:74px; font-weight:bold; }
.gallery-top-d01 .txt .p2 { margin-top:35px; font-size:50px; color:#e1353b; font-family: "Futura"; }
.gallery-top-d01 .txt .p3 { margin-top:20px; font-size:18px; line-height:35px; color:#333; }
 
.dArea01 .btn { position:absolute; width:600px; right:0; bottom:0; font-size:0; z-index:2; }
.dArea01 .btn .btn01 { display:inline-block; width:45px; height:45px; margin-right:15px; background-size:cover!important; cursor:pointer; }
.dArea01 .btn .prev-d01 { background:url(d01.png) no-repeat center; }
.dArea01 .btn .next-d01 { background:url(d02.png) no-repeat center; }

@media all and (max-width:1680px){
	.dArea { padding:80px 0; }
	.dArea01 { margin-top:40px; }
	.dBox { width:200px; }
	.dBox .gallery-thumbs-d01 { height:210px!important; }
	.dBox .gallery-thumbs-d01 .swiper-slide p { font-size:30px; line-height:70px; }
	.dBox .gallery-thumbs-d01 .swiper-slide-thumb-active p { font-size:40px; }

	.gallery-top-d01 .pic { float:left; width:45%; margin-left:80px; }
	.gallery-top-d01 .txt { float:right; width:42%; padding-top:30px; }
	.gallery-top-d01 .txt .p1 { font-size:18px; }
	.gallery-top-d01 .txt .p1 i { font-size:60px; }
	.gallery-top-d01 .txt .p2 { margin-top:25px; font-size:40px; }
	.gallery-top-d01 .txt .p3 { margin-top:20px; font-size:16px; line-height:25px; }
	 
	.dArea01 .btn { width:42%; }
	.dArea01 .btn .btn01 { width:35px; height:35px; margin-right:15px; }
}
@media all and (max-width:1200px){
	.dArea { padding:30px 0; }
	.dArea01 { margin-top:20px; }
	.dBox { display:none; }
	
	.gallery-top-d01 .pic { float:none; width:100%; margin-left:0; }
	.gallery-top-d01 .txt { float:none; width:100%; padding-top:20px; }
	.gallery-top-d01 .txt .p1 { font-size:16px; }
	.gallery-top-d01 .txt .p1 i { font-size:40px; }
	.gallery-top-d01 .txt .p2 { margin-top:20px; font-size:24px; }
	.gallery-top-d01 .txt .p3 { margin-top:15px; font-size:14px; line-height:25px; }
	 
	.dArea01 .btn { position:relative; width:100%; right:auto; bottom:auto; margin-top:20px; text-align:center; }
	.dArea01 .btn .btn01 { margin:0 5px; width:25px; height:25px; }
}

.eArea { padding-top:110px; }
.eArea01 { margin-top:60px; }
.eArea01 .hd { text-align:center; }
.eArea01 .hd ul li { position:relative; display:inline-block; padding:0 25px; font-size:20px; color:#828282; font-family: "Futura-Light"; cursor:pointer; }
.eArea01 .hd ul li:before { position:absolute; display:block; top:50%; right:0; transform: translateY(-50%); width:1px; height:12px; background:#d4d4d4; content:""; z-index:2; }
.eArea01 .hd ul li:last-child:before { display:none; }

.eArea01 .hd ul li.on { color:#e1353b; }

.eArea01 .bd { margin-top:35px; }
.eArea01 .bd ul li { float:left; width:32.8%; position:relative; margin-right:0.8%; font-family: "Futura-Light"; }
.eArea01 .bd ul li:nth-child(3n) { margin-right:0; }
.eArea01 .bd ul li:nth-child(n + 4) { margin-top:0.8%; }
.eArea01 .bd ul li .txt { position:absolute; top:0; left:0; right:0; bottom:0; color:#fff; background:rgba(225,53,59,0.95); padding:60px 5% 0 5%; z-index:2; opacity: 0;filter:alpha(opacity=0); transition: all 0.6s; }
.eArea01 .bd ul li .txt .p1 { font-size:24px; line-height:30px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.eArea01 .bd ul li .txt .p2 { font-size:16px; margin-top:20px; font-family: "Futura-Light"; }
.eArea01 .bd ul li .txt .p3 { position:absolute; right:5%; bottom:40px; width:44px; height:44px; background:url(e01.png) no-repeat center; background-size:cover; z-index:2; }

.eArea01 .bd ul li:hover .txt { opacity: 1.0; filter:alpha(opacity=100); }
 

@media all and (max-width:1680px){
	.eArea { padding-top:80px; }
	.eArea01 { margin-top:40px; }
	.eArea01 .bd ul li { float:left; width:32.8%; margin-right:0.8%; }
	.eArea01 .bd ul li:nth-child(3n) { margin-right:0; }
	.eArea01 .bd ul li:nth-child(n + 4) { margin-top:0.8%; }
	.eArea01 .bd ul li .txt { padding:40px 5% 0 5%; }
	.eArea01 .bd ul li .txt .p1 { font-size:18px; line-height:25px; }
	.eArea01 .bd ul li .txt .p2 { bottom:40px; font-size:16px; }
	.eArea01 .bd ul li .txt .p3 { bottom:20px; width:35px; height:35px; }
}
@media all and (max-width:1200px){
	.eArea { padding-top:30px; }
	.eArea01 { margin-top:20px; }
	.eArea01 .hd ul li { padding:0 15px; font-size:14px; }
	.eArea01 .bd ul li { float:left; width:100%; margin-right:0; }
	.eArea01 .bd ul li:nth-child(3n) { margin-right:0; }
	.eArea01 .bd ul li:nth-child(2n) { margin-right:0; }
	.eArea01 .bd ul li:nth-child(n + 2) { margin-top:2%; }
	.eArea01 .bd ul li .txt { padding:20px 5% 0 5%; }
	.eArea01 .bd ul li .txt .p1 { font-size:16px; line-height:25px; }
	.eArea01 .bd ul li .txt .p2 { bottom:20px; font-size:14px; }
	.eArea01 .bd ul li .txt .p3 { display:none; }
}
@media all and (max-width:400px){
	.eArea01 .bd ul li .txt { padding:15px 4% 0 4%; }
	.eArea01 .bd ul li .txt .p1 { font-size:14px; line-height:20px; }
	.eArea01 .bd ul li .txt .p2 { bottom:15px; left:4%; }
}

.fArea { padding:90px 0 60px; }
.fArea01 { margin-top:90px; }
.fArea01 .swiper-container-f01 { border-top:1px solid #d2d2d2; border-left:1px solid #d2d2d2; }
.fArea01 .swiper-slide { cursor:pointer; }
.fArea01 .swiper-slide a { position:relative; display:block; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; }
.fArea01 .swiper-slide a:before { position:absolute; top:0; left:0; right:0; bottom:0; border:2px solid #e1353b; content:""; display:none; z-index:2; }
.fArea01 .swiper-slide:hover a:before { display:block; }

.fArea01 .swiper-slide .pic { overflow:hidden; }
.fArea01 .swiper-slide .pic img { transition: all 0.6s; }
.fArea01 .swiper-slide:hover .pic img { transform: scale(1.1)!important; }
 
.swiper-pagination-f01 { width:100%; text-align:center; font-size:0; margin-top:50px; }
.swiper-pagination-f01 .swiper-pagination-bullet { width:15px; height:15px; margin:0 5px; background:#f1f1f1; opacity:1; }
.swiper-pagination-f01 .swiper-pagination-bullet-active { background:#e1353b; }
 
@media all and (max-width:1680px){
	.fArea { padding:80px 0; }
	.fArea01 { margin-top:80px; }
	 
	.swiper-pagination-f01 { margin-top:40px; }
	.swiper-pagination-f01 .swiper-pagination-bullet { width:12px; height:12px; margin:0 5px; }
}
@media all and (max-width:1200px){
	.fArea { padding:50px 0; }
	.fArea01 { margin-top:50px; }
	 
	.swiper-pagination-f01 { margin-top:20px; }
	.swiper-pagination-f01 .swiper-pagination-bullet { width:10px; height:10px; margin:0 3px; }
}