@charset "utf-8";

.banner { position:relative; width:100%; }

.swiper-container-1 .swiper-slide { position:relative; width:100%; overflow:hidden; }
.swiper-container-1 .swiper-slide .img02 { display:none; }

.swiper-pagination-1 { position:absolute; bottom:60px; left:0; right:0; text-align:center; z-index:9;  }
.swiper-pagination-1 .swiper-pagination-bullet { width:10px; height:10px; margin:0 7px;  border-radius:100%; background:rgba(255,255,255,0.4); opacity:1; }
.swiper-pagination-1 .swiper-pagination-bullet-active { width:45px; border-radius:10px; }
 
@media all and (max-width:1200px){
	

	.swiper-pagination-1 { bottom:30px; }
	.swiper-pagination-1 .swiper-pagination-bullet-active { width:25px; } 
}
@media all and (max-width:900px){
	.swiper-container-1 .swiper-slide .img01 { display:none; }
	.swiper-container-1 .swiper-slide .img02 { display:block; }
}

.aArea { padding:100px 0 ; }
.aArea .wrap { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.aArea .pic { width:675px; border-radius:7px; overflow:hidden; }
.aArea .pic img { transition: all 0.6s; object-fit: cover; }
.aArea .txt { width:670px; line-height:1.1; }
.aArea .txt .p2 { font-size:20px; line-height:1.5; margin-top:20px; text-align:justify; }

.aArea .pic:hover img { transform: scale(1.1)!important; }

@media all and (max-width:1480px){
	.aArea { padding:60px 0 ; }
	.aArea .pic { width:48%; }
	.aArea .txt { width:48%; }
	.aArea .txt .p2 { font-size:16px; line-height:1.5; margin-top:20px; }
}
@media all and (max-width:1200px){
	.aArea { padding:40px 0; }
	
	.aArea .txt .p2 { font-size:14px; line-height:1.5; margin-top:20px; }
}
@media all and (max-width:900px){
	.aArea .pic { width:100%; }
	.aArea .txt { width:100%; margin-top:30px; }
}

.bArea { padding:80px 0 100px 0; background:#f7f8f8; }
.bArea .hd { text-align:center; }
.bArea .bd { margin-top:60px; overflow:hidden; }
.bArea .bd .swiper-slide { width:335px; margin-right:20px; height: auto; display: flex; cursor:pointer; }
.bArea .bd .swiper-slide a { flex: 1;  display: flex;  flex-direction: column; }
.bArea .bd .swiper-slide:last-child { margin-right:0; }
.bArea .bd .swiper-slide .pic { border-radius:7px; overflow:hidden; margin-top:40px; }
.bArea .bd .swiper-slide .pic img { transition: all 0.6s; object-fit: cover; }
.bArea .bd .swiper-slide .txt { font-size:24px; line-height:30px; text-align:center; flex-grow: 1; }
 
.bArea .bd .swiper-slide:hover .pic img { transform: scale(1.1)!important; }

@media all and (max-width:1480px){
	.bArea { padding:60px 0; }
	.bArea .bd { margin-top:30px; }
	.bArea .bd .swiper-slide { width:23.875%; margin-right:1.5%; }
	.bArea .bd .swiper-slide:last-child { margin-right:0; }
	.bArea .bd .swiper-slide .pic { margin-top:30px; }
	.bArea .bd .swiper-slide .txt { font-size:20px; line-height:30px; }
}
@media all and (max-width:1200px){
	.bArea { padding:40px 0; }
	
	.bArea .bd .swiper-slide .txt { font-size:16px; line-height:1.5; }
}
@media all and (max-width:750px){
	.bArea .bd .swiper-slide { width:180px; margin-right:15px; }
	.bArea .bd .swiper-slide:last-child { margin-right:0; }
}



.cArea { padding:100px 0; }
.cArea .hd { text-align:center; }
.cArea .bd { margin-top:60px; overflow:hidden; }
.cArea .bd .swiper-slide { width:440px; margin-right:40px; background:#f7f8f8; overflow:hidden; border-radius:7px; height: auto; display: flex; cursor:pointer; }
.cArea .bd .swiper-slide a { flex: 1;  display: flex;  flex-direction: column; }
.cArea .bd .swiper-slide:last-child { margin-right:0; }
.cArea .bd .swiper-slide .pic { border-radius:7px; overflow:hidden; }
.cArea .bd .swiper-slide .pic img { transition: all 0.6s; object-fit: cover; }
.cArea .bd .swiper-slide .txt { padding:25px 25px 55px 25px; text-align:center; flex-grow: 1; }
.cArea .bd .swiper-slide .txt .p1 { font-size:24px; line-height:30px; min-height:60px; padding:0 20px; }
.cArea .bd .swiper-slide .txt .p2 { font-size:20px; line-height:25px; margin-top:10px; }
 
.cArea .bd .swiper-slide:hover .pic img { transform: scale(1.1)!important; }

@media all and (max-width:1480px){
	.cArea { padding:60px 0; }
	.cArea .bd { margin-top:30px; }
	.cArea .bd .swiper-slide { width:32%; margin-right:2%; }
	.cArea .bd .swiper-slide:last-child { margin-right:0; }

	.cArea .bd .swiper-slide .txt { padding:20px 20px 35px 20px; }
	.cArea .bd .swiper-slide .txt .p1 { font-size:20px; line-height:30px; min-height:60px; padding:0; }
	.cArea .bd .swiper-slide .txt .p2 { font-size:16px; line-height:1.5; margin-top:10px; }
}
@media all and (max-width:1200px){
	.cArea { padding:40px 0; }
	
	.cArea .bd .swiper-slide .txt { padding:20px 15px 25px 15px; }
	.cArea .bd .swiper-slide .txt .p1 { font-size:18px; line-height:25px; min-height:50px; padding:0; }
	.cArea .bd .swiper-slide .txt .p2 { font-size:16px; line-height:1.5; margin-top:10px; }
}
@media all and (max-width:900px){
	.cArea .bd .swiper-slide { width:60%; margin-right:15px; }
	.cArea .bd .swiper-slide:last-child { margin-right:0; }
}
@media all and (max-width:450px){
	.cArea .bd .swiper-slide { width:280px; margin-right:15px; }
	.cArea .bd .swiper-slide:last-child { margin-right:0; }
}

.dArea { padding:100px 0; background:#f7f8f8; }
.dArea .hd { text-align:center; }
.dArea .bd { margin-top:60px; overflow:hidden; }
.dArea .bd .swiper-slide a { display:flex; flex-wrap: wrap;  flex-direction:row-reverse; justify-content: space-between; align-items: center; }
.dArea .bd .swiper-slide .pic { width:860px; border-radius:7px; overflow:hidden; }
.dArea .bd .swiper-slide .pic img { transition: all 0.6s; object-fit: cover; }
.dArea .bd .swiper-slide .txt { width:440px; font-size:20px; line-height:1.5; }

.swiper-pagination-d01 { margin-top:60px; text-align:center; }
.swiper-pagination-d01 .swiper-pagination-bullet { width:12px; height:12px; margin:0 8px;  border-radius:100%; background:#c9caca; opacity:1; }
.swiper-pagination-d01 .swiper-pagination-bullet-active { background:#a72126; }

.dArea .bd .swiper-slide .pic:hover img { transform: scale(1.1)!important; }

@media all and (max-width:1480px){
	.dArea { padding:60px 0; }
	.dArea .bd { margin-top:30px; }
	.dArea .bd .swiper-slide .pic { width:60%; }
	.dArea .bd .swiper-slide .txt { width:36%; font-size:18px; line-height:1.5; }

	.swiper-pagination-d01 { margin-top:30px; }
	.swiper-pagination-d01 .swiper-pagination-bullet { width:10px; height:10px; margin:0 5px; }
}
@media all and (max-width:1200px){
	.dArea { padding:40px 0; }
}
@media all and (max-width:900px){
	.dArea .bd .swiper-slide a { flex-direction:row; }
	.dArea .bd .swiper-slide .pic { width:100%; }
	.dArea .bd .swiper-slide .txt { width:100%; font-size:14px; line-height:1.5; margin-top:25px; }
	
	.swiper-pagination-d01 { margin-top:20px; }
	.swiper-pagination-d01 .swiper-pagination-bullet { width:8px; height:8px; margin:0 3px; }
}

.eArea { padding:100px 0; }
.eArea .hd { text-align:center; }
.eArea .bd { margin-top:60px; overflow:hidden; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.eBox01 { width:615px; }
.eBox01 .p1 { font-size:30px; line-height:40px; }
.eBox01 .p2 { margin-top:25px; }
.eBox01 .p2 p { font-size:20px; line-height:30px; padding-left:40px; }
.eBox01 .p2 p:nth-child(n + 2) { margin-top:20px; }
.eBox01 .p2 p.p21 { background:url(f01.png) no-repeat top left; }
.eBox01 .p2 p.p22 { background:url(f02.png) no-repeat top left; }
.eBox01 .p2 p.p23 { background:url(f03.png) no-repeat top left; }
.eBox01 .p3 { margin-top:80px; }
.eBox01 .p3 a img { max-height:37px; width:auto; }

.eBox02 { width:660px; padding-top:65px; }
.eBox02 .p1 { padding-left:40px; background:url(con01.png) no-repeat top left; }
.eBox02 .p1 .p11 { font-size:20px; line-height:30px; }
.eBox02 .p1 .p12 { font-size:18px; line-height:30px; margin-top:5px; }

.eBox02 .p2 { padding-left:40px; background:url(con02.png) no-repeat top left; margin-top:20px; }
.eBox02 .p2 .p21 { font-size:20px; line-height:30px; }
.eBox02 .p2 .p22 { margin-top:10px; }
.eBox02 .p2 .p22 .text { width:100%; line-height:50px; padding:0 10px; border:1px solid #dcdddd; border-radius:7px; font-size:20px; box-sizing: border-box; }
.eBox02 .p2 .p22 .text:nth-child(n + 2) { margin-top:25px; }
.eBox02 .p2 .p22 .btn01 { display:block; width:100px; line-height:45px; background:#a72126; border-radius:30px; font-size:20px; color:#fff; text-align:center; margin-top:30px; cursor:pointer; }

.eBox02 .p2 .p22 ::-webkit-input-placeholder { color:#9fa0a0; opacity: 1; }
.eBox02 .p2 .p22 ::-moz-placeholder { color:#9fa0a0; opacity: 1; }
.eBox02 .p2 .p22 ::-ms-input-placeholder { color:#9fa0a0; opacity: 1; } 
.eBox02 .p2 .p22 ::placeholder { color:#9fa0a0; opacity: 1; }
 
@media all and (max-width:1480px){
	.eArea { padding:60px 0; }
	.eArea .bd { margin-top:30px; }
	.eBox01 { width:44%; }
	.eBox01 .p1 { font-size:20px; line-height:30px; }
	.eBox01 .p2 { margin-top:25px; }
	.eBox01 .p2 p { font-size:18px; line-height:25px; padding-left:30px; background-size:25px 25px!important; }
	.eBox01 .p2 p:nth-child(n + 2) { margin-top:15px; }
 
	.eBox01 .p3 { margin-top:60px; }
	.eBox01 .p3 a img { max-height:30px; }

	.eBox02 { width:47%; padding-top:55px; }
	.eBox02 .p1 { padding-left:30px; background-size:25px 25px!important; }
	.eBox02 .p1 .p11 { font-size:18px; line-height:25px; }
	.eBox02 .p1 .p12 { font-size:16px; line-height:25px; }

	.eBox02 .p2 { padding-left:30px; background-size:25px 25px!important; margin-top:20px; }
	.eBox02 .p2 .p21 { font-size:18px; line-height:25px; }
	.eBox02 .p2 .p22 { margin-top:10px; }
	.eBox02 .p2 .p22 .text { line-height:40px; padding:0 10px; font-size:16px; }
	.eBox02 .p2 .p22 .text:nth-child(n + 2) { margin-top:15px; }
	.eBox02 .p2 .p22 .btn01 { line-height:40px; font-size:18px; margin-top:20px; }
}
@media all and (max-width:1200px){
	.eArea { padding:40px 0; }

	.eBox01 { width:44%; }
	.eBox01 .p1 { font-size:18px; line-height:25px; }
	.eBox01 .p2 { margin-top:25px; }
	.eBox01 .p2 p { font-size:16px; line-height:20px; padding-left:30px; background-size:20px 20px!important; }
	.eBox01 .p2 p:nth-child(n + 2) { margin-top:15px; }
 
	.eBox01 .p3 { margin-top:40px; }
	.eBox01 .p3 a img { max-height:25px; }

	.eBox02 { width:47%; padding-top:50px; }
	.eBox02 .p1 { padding-left:30px; background-size:20px 20px!important; }
	.eBox02 .p1 .p11 { font-size:16px; line-height:20px; }
	.eBox02 .p1 .p12 { font-size:14px; line-height:20px; }

	.eBox02 .p2 { padding-left:30px; background-size:20px 20px!important; margin-top:20px; }
	.eBox02 .p2 .p21 { font-size:16px; line-height:20px; }
	.eBox02 .p2 .p22 { margin-top:10px; }
	.eBox02 .p2 .p22 .text { line-height:35px; padding:0 10px; font-size:14px; }
	.eBox02 .p2 .p22 .text:nth-child(n + 2) { margin-top:15px; }
	.eBox02 .p2 .p22 .btn01 { line-height:35px; font-size:16px; margin-top:15px; }
}
@media all and (max-width:900px){
	.eBox01 { width:100%; }
	.eBox01 .p3 { margin-top:30px; }
	
	.eBox02 { width:100%; padding-top:40px; }
}


@media all and (max-width:1480px){
	
}
@media all and (max-width:1200px){
	
}
@media all and (max-width:900px){
	
}