@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:30px; 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 { background:#fff; }

.banner .btn01 { position:absolute; top:50%; width:55px; height:55px; transform: translateY(-50%); background-size:cover!important; cursor:pointer; opacity:0.6; z-index:2; }
.banner .prev-01 { background:url(ban01.png) no-repeat center; left:2%; }
.banner .next-01 { background:url(ban02.png) no-repeat center; right:2%; }

.banner:hover .btn01 { opacity:1; }


.banner .txt { position:absolute; top:50%; transform: translateY(-50%); left:0; right:0; color:#fff; z-index:2; }
.banner .txt .p1 { font-size:30px; }
.banner .txt .p2 { font-size:16px; margin-top:20px; line-height:25px; max-width:550px; text-align:justify; }
.banner .txt .p3 { margin-top:35px; width:200px; text-align:center; display:block; font-size:0; border:1px solid #fff; }
.banner .txt .p3 i { display:inline-block; line-height:53px; font-size:16px; padding-right:55px; color:#fff; background:url(m02.png) no-repeat center right; }


.banner .txt .p1 {opacity:0;transform:translate3d(80px,0,0);}
.banner .txt .p2 {opacity:0;transform:translate3d(80px,0,0);}
.banner .txt .p3 {opacity:0;transform:translate3d(80px,0,0);}
.banner .swiper-slide-active .p1 {opacity:1;transform:translate3d(0,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1); }
.banner .swiper-slide-active .p2 {opacity:1;transform:translate3d(0,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1); transition-delay: .5s; }
.banner .swiper-slide-active .p3 {opacity:1;transform:translate3d(0,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1); transition-delay: .9s; }
 


@media all and (max-width:1400px){
	.banner .btn01 { width:35px; height:35px; }
	
	.banner .txt .p1 { font-size:24px; }
	.banner .txt .p2 { font-size:14px; margin-top:15px; line-height:25px; max-width:550px; }
	.banner .txt .p3 { margin-top:25px; }
}
@media all and (max-width:1200px){
	.swiper-pagination-1 { bottom:20px; }
	.swiper-pagination-1 .swiper-pagination-bullet { width:8px; height:8px; margin:0 3px; }
	
	.swiper-container-1 .swiper-slide .img01 { min-height:300px; object-fit: cover; }
 
	.banner .btn01 { width:35px; height:35px; display:none; }
	
	.banner .txt .p1 { font-size:20px; }
	.banner .txt .p2 { font-size:14px; margin-top:10px; line-height:25px; max-width:450px; }
	.banner .txt .p3 { margin-top:20px; width:150px; }
	.banner .txt .p3 i { line-height:40px; font-size:14px; padding-right:35px; }
}
@media all and (max-width:750px){
	.swiper-container-1 .swiper-slide .img01 { display:none; }
	.swiper-container-1 .swiper-slide .img02 { display:block; }

	.swiper-pagination-1 { bottom:30px; }
 
	.banner .btn01  { display:none; }
	
	.banner .txt { display:none; }
	.banner .txt .p3 { width:110px; }
	.banner .txt .p3 i { line-height:35px; font-size:14px; padding-right:25px; background-size:15px 15px; }
}
 


 

.aArea { padding:60px 0; }
.aArea .bd {  margin-top:45px; }
.aArea01 { position:relative; }
.aArea01 .swiper-slide a { display:block; box-shadow: 0px 0px 10px 0px rgb(229, 229, 229); margin: 10px; transition: all 0.6s; }
.aArea01 .swiper-slide .txt { padding:20px 25px 0 25px; min-height:160px; box-sizing: border-box; }
.aArea01 .swiper-slide .txt .p1 { font-weight:bold; }
.aArea01 .swiper-slide .txt .p1 i { display:block; font-size:24px; line-height:30px; max-width:100%; color:#333; font-weight:bold; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea01 .swiper-slide .txt .p1 em { display:block; font-size:16px; padding-left:25px; margin-top:5px; line-height:30px; color:#666; background:url(a05.png) no-repeat center left; vertical-align:top; }
.aArea01 .swiper-slide .txt .p2 { font-size:16px; margin-top:10px; line-height:25px; min-height:50px; color:#666; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }

.aArea01 .swiper-slide:hover a { transform:translateY(-8px); }
.aArea01 .swiper-slide:hover .txt .p1 i { color:#0084c5; }

.aArea01 .btn01 { position:absolute; top:50%; transform: translateY(-50%); display:inline-block; width:60px; height:60px; border-radius:100%; box-shadow:0px 0px 10px rgba(0,0,0,0.2); cursor:pointer; z-index:2; }
.aArea01 .prev-a01 { background:url(a01.png) no-repeat center #fff; left:-90px; }
.aArea01 .next-a01 { background:url(a02.png) no-repeat center #fff; right:-90px; }

.aArea01 .prev-a01:hover { background:url(a03.png) no-repeat center #0084c5; }
.aArea01 .next-a01:hover { background:url(a04.png) no-repeat center #0084c5; }

@media all and (max-width:1200px){
	.aArea { padding:40px 0; }
	.aArea .bd { margin-top:30px; }

	.aArea01 .swiper-slide .txt { padding:20px 20px 0 20px; min-height:150px; }
	.aArea01 .swiper-slide .txt .p1 { font-weight:bold; }
	.aArea01 .swiper-slide .txt .p1 i { font-size:20px; line-height:25px; max-width:100%; }
	.aArea01 .swiper-slide .txt .p1 em { font-size:14px; padding-left:25px; margin-top:5px; line-height:25px; }
	.aArea01 .swiper-slide .txt .p2 { font-size:14px; margin-top:10px; line-height:25px; min-height:50px; -webkit-line-clamp:2; }
 
	.aArea01 .btn { margin-top:30px; text-align:center; }
	.aArea01 .btn01 { position:relative; top:auto; transform: translateY(0); width:35px; height:35px; background-size:35px 35px!important; }
	.aArea01 .prev-a01 { left:auto; }
	.aArea01 .next-a01 { right:auto; margin-left:15px; }
}
@media all and (max-width:750px){
	
	.aArea01 .swiper-slide .txt { padding:15px 4% 0 4%; min-height:150px; }
	.aArea01 .swiper-slide .txt .p1 { font-weight:normal; }
	.aArea01 .swiper-slide .txt .p1 i { display:block; font-size:16px; line-height:25px; max-width:100%; }
	.aArea01 .swiper-slide .txt .p1 em { display:block; margin:5px 0 0 0; }
	.aArea01 .swiper-slide .txt .p2 { margin-top:5px; }
}

.bArea { padding:60px 0; background:#f7f7f7; }
.bArea .bd { margin-top:45px; }
.bArea .bd ul li:nth-child(n + 2) { margin-top:60px; }
.bArea .bd ul li a { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.bArea .bd ul li .pic { position:relative; width:425px; padding-bottom:190px; border-radius:10px; overflow:hidden; }
.bArea .bd ul li .pic img { position:absolute; width:100%; left:0; transition: all 0.6s; object-fit: cover; z-index:2; }
.bArea .bd ul li .txt { width:calc(100% - 465px); }
.bArea .bd ul li .txt .p1 { font-size:24px; line-height:35px; color:#333; font-weight:bold; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.bArea .bd ul li .txt .p2 { font-size:16px; line-height:25px; color:#666; margin-top:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.bArea .bd ul li .txt .p3 { font-size:16px; margin-top:25px; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.bArea .bd ul li .txt .p3 i { color:#333; }
.bArea .bd ul li .txt .p3 em { position:relative; display:inline-block; padding-left:75px; color:#999; }
.bArea .bd ul li .txt .p3 em:before { position:absolute; top:50%; left:0; display:block; width:65px; height:1px; background:#999; content:""; z-index:2; }

.bArea .bd ul li:hover .pic img { transform: scale(1.1)!important; }
.bArea .bd ul li:hover .txt .p1 { color:#0084c5; }

@media all and (max-width:1200px){
	.bArea { padding:40px 0; }
	.bArea .bd { margin-top:30px; }
	.bArea .bd ul li:nth-child(n + 2) { margin-top:30px; }
	.bArea .bd ul li .pic { width:300px; padding-bottom:135px; }
	.bArea .bd ul li .txt { width:calc(100% - 330px); }
	.bArea .bd ul li .txt .p1 { font-size:20px; line-height:25px; -webkit-line-clamp:1; }
	.bArea .bd ul li .txt .p2 { font-size:14px; line-height:25px; margin-top:10px; -webkit-line-clamp:2; }
	.bArea .bd ul li .txt .p3 { font-size:14px; margin-top:10px; }
	.bArea .bd ul li .txt .p3 em { padding-left:45px; }
	.bArea .bd ul li .txt .p3 em:before { width:35px; }
}
@media all and (max-width:750px){
	.bArea .bd ul li:nth-child(n + 2) { margin-top:20px; }
	.bArea .bd ul li .pic { width:100%; padding-bottom:45%; }
	.bArea .bd ul li .txt { width:100%; margin-top:20px; }
	.bArea .bd ul li .txt .p1 { font-size:16px; line-height:25px; -webkit-line-clamp:2; }
}

.bArea01 { position:relative; margin-top:45px; }
.bArea01 .swiper-slide .pic { overflow:hidden; border-radius:10px; }
.bArea01 .swiper-slide .pic img { width:100%; height:auto; transition: all 0.6s; object-fit: cover; }
.bArea01 .swiper-slide .txt { margin-top:20px; }
.bArea01 .swiper-slide .txt .p1 { font-size:24px; line-height:35px; color:#333; font-weight:bold; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.bArea01 .swiper-slide .txt .p2 { position:relative; font-size:16px; color:#999; padding-left:75px; margin-top:10px; }
.bArea01 .swiper-slide .txt .p2:before { position:absolute; width:65px; height:1px; left:0; top:50%; transform: translateY(-50%); display:block; content:""; background:#999; z-index:2; }

.bArea01 .swiper-slide:hover .pic img { transform: scale(1.1)!important; }
.bArea01 .swiper-slide:hover .txt .p1 { color:#0084c5; }

.bArea01 .btn01 { position:absolute; top:50%; transform: translateY(-50%); display:inline-block; width:60px; height:60px; border-radius:100%; box-shadow:0px 0px 10px rgba(0,0,0,0.2); cursor:pointer; z-index:2; }
.bArea01 .prev-b01 { background:url(a01.png) no-repeat center #fff; left:-90px; }
.bArea01 .next-b01 { background:url(a02.png) no-repeat center #fff; right:-90px; }

.bArea01 .prev-b01:hover { background:url(a03.png) no-repeat center #0084c5; }
.bArea01 .next-b01:hover { background:url(a04.png) no-repeat center #0084c5; }

@media all and (max-width:1200px){
	.bArea01 .bd { margin-top:30px; }

	.bArea01 .swiper-slide .txt { margin-top:15px; }
	.bArea01 .swiper-slide .txt .p1 { font-size:18px; line-height:30px; -webkit-line-clamp:2; }
	.bArea01 .swiper-slide .txt .p2 { font-size:14px; padding-left:60px; margin-top:10px; }
	.bArea01 .swiper-slide .txt .p2:before { width:50px; }
 
	.bArea01 .btn { margin-top:30px; text-align:center; }
	.bArea01 .btn01 { position:relative; top:auto; transform: translateY(0); width:35px; height:35px; background-size:35px 35px!important; }
	.bArea01 .prev-b01 { left:auto; }
	.bArea01 .next-b01 { right:auto; margin-left:15px; }
}
@media all and (max-width:750px){
	.bArea01 .swiper-slide .txt .p1 { font-size:16px; line-height:30px; -webkit-line-clamp:2; }
	.bArea01 .swiper-slide .txt .p2 { font-size:14px; padding-left:40px; margin-top:10px; }
	.bArea01 .swiper-slide .txt .p2:before { width:30px; }
}


.cArea { padding:60px 0; background:#0084c5; }
.cArea .wrap { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.cArea02 { width:290px; }
.cArea01 { width:calc(100% - 410px); }
.cArea01 .Area-hd .p1 { background:#fff; }
.cArea01 .Area-hd .p2 { color:#fff; }
.cArea01 .Area-hd .txt01 { font-size:16px; line-height:25px; margin-top:25px; color:#fff; }
.cArea01 .Area-hd .txt02 { margin-top:50px; }
.cArea01 .Area-hd .txt02 .mArea { border-color:rgba(255,255,255,0.8); }
.cArea01 .Area-hd .txt02 .mArea i { color:#fff; background:url(m02.png) no-repeat center right; }
 
@media all and (max-width:1200px){
	.cArea { padding:40px 0; }
	.cArea01 { width:calc(100% - 350px); }
	.cArea01 .Area-hd .txt01 { font-size:14px; line-height:25px; margin-top:20px; }
	.cArea01 .Area-hd .txt02 { margin-top:30px; }
}
@media all and (max-width:750px){
	.cArea02 { width:100%; max-width:290px; margin:30px auto 0; }
	.cArea01 { width:100%; }
}

.dArea { padding:80px 0; background:url(dArea.jpg) no-repeat center; background-size:cover; }
.dArea .bd { font-size:16px; color:#666; margin-top:30px; max-width:500px; }
.dArea .bd01 { position:relative; margin-top:40px; border-radius:10px; overflow:hidden; cursor:pointer; }
.dArea .bd01 .pic01 { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:101px; height:101px; border-radius:100%; overflow:hidden; background:url(d03.png) no-repeat center; background-size:cover; z-index:2; }
.dArea .bd01 .pic01 .pp { position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover!important; }
.dArea .bd01 .pic01 .p1 { background:url(d02.png) no-repeat center; z-index:1; animation: rog 10s infinite linear; }
.dArea .bd01 .pic01 .p2 { background:url(d01.png) no-repeat center; z-index:2; }
 
@media all and (max-width:1200px){
	.dArea { padding:40px 0; }
	.dArea .bd { font-size:14px; margin-top:20px; max-width:440px; }
	.dArea .bd01 { margin-top:30px; }
	.dArea .bd01 .pic01 { width:80px; height:80px; }
}
@media all and (max-width:750px){
	.dArea .bd01 .pic01 { width:60px; height:60px; }
}


.eArea { padding:75px 0; }
.eArea01 { position:relative; margin-top:45px; }

.eArea01 .btn { position:absolute; top:-105px; right:0; font-size:0; z-index:2; }
.eArea01 .btn01 { display:inline-block; width:60px; height:60px; border-radius:100%; box-shadow:0px 0px 10px rgba(0,0,0,0.2); background-size:cover!important; cursor:pointer; z-index:2; }
.eArea01 .prev-e01 { background:url(a01.png) no-repeat center #fff; }
.eArea01 .next-e01 { background:url(a02.png) no-repeat center #fff; margin-left:25px; }

.eArea01 .prev-e01:hover { background:url(a03.png) no-repeat center #0084c5; }
.eArea01 .next-e01:hover { background:url(a04.png) no-repeat center #0084c5; }

@media all and (max-width:1200px){
	.eArea { padding:40px 0; }
	.eArea01 { margin-top:30px; }

	.eArea01 .btn { top:-65px; }
	.eArea01 .btn01 { width:35px; height:35px; }
	.eArea01 .next-e01 { margin-left:20px; }
}
@media all and (max-width:750px){
	.eArea01 .btn { position:relative; margin-top:30px; top:auto; right:auto; text-align:center; }
	.eArea01 .next-e01 { margin-left:15px; }
}

.fArea { margin-top:0; }
.fArea01 .wrap { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.fArea01 .hd01 { font-size:16px; line-height:25px; margin-top:20px; color:#666; text-align:right; }
.fArea02 { position:relative; margin-top:45px; }
.fArea02 .hd { position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; }
.fArea02 .hd .wrap { height:100%; }
.fArea02 .hd ul { width:100%; height:100%; border-left:1px solid rgba(255,255,255,0.25); box-sizing: border-box; }
.fArea02 .hd ul li { position:relative; float:left; width:33.33%; height:100%; border-right:1px solid rgba(255,255,255,0.25); box-sizing: border-box; }
.fArea02 .hd ul li:before { position:absolute; top:100%; left:0; right:0; bottom:0; display:block; content:""; background:rgba(49,155,207,0.9); transition: all 0.6s; z-index:1; }
.fArea02 .hd ul li a { display:block; width:100%; height:100%; }

.fArea02 .hd ul li .txt { position:absolute; left:0; right:0; bottom:45px; padding:0 40px; color:#fff; line-height:1.1; text-align:center; z-index:2; transition: all 0.6s; }
.fArea02 .hd ul li .txt .p1 { min-height:80px; }
.fArea02 .hd ul li .txt .p2 { font-size:24px; font-weight:bold; }
.fArea02 .hd ul li .txt .p3 { font-size:24px; margin-top:25px; font-weight:bold; max-height:100px; transition: all 0.6s; overflow:hidden; }
.fArea02 .hd ul li .txt .p4 { width:50px; height:5px; border-radius:5px; margin:0 auto; background:#fff; max-height:0; overflow:hidden; transition: all 0.6s; }
.fArea02 .hd ul li .txt .p5 { font-size:16px; line-height:25px; max-height:0; overflow:hidden; transition: all 0.6s; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:7; }
.fArea02 .hd ul li .txt .p6 { max-height:0; overflow:hidden; transition: all 0.6s; }
.fArea02 .hd ul li .txt .p6 p { margin:0 auto; }

.fArea02 .hd ul li.on .txt { bottom:50%; transform: translateY(50%); }
.fArea02 .hd ul li.on:before { top:0; }
.fArea02 .hd ul li.on .p3 { max-height:0; margin-top:0; }
.fArea02 .hd ul li.on .p4 { max-height:5px; margin-top:30px; }
.fArea02 .hd ul li.on .p5 { max-height:999px; margin-top:30px; }
.fArea02 .hd ul li.on .p6 { max-height:999px; margin-top:50px; }

.fArea02 .bd img { min-height:550px; object-fit: cover; }

.fArea02 .hd .swiper-container { height:100%; border-right:1px solid rgba(255,255,255,0.25); }
.fArea02 .hd .swiper-wrapper { height:100%;  }
.fArea02 .hd .swiper-slide { position:relative; height:100%; border-left:1px solid rgba(255,255,255,0.25); box-sizing: border-box; }
 
.fArea02 .hd .swiper-slide:before { position:absolute; top:100%; left:0; right:0; bottom:0; display:block; content:""; background:rgba(49,155,207,0.9); transition: all 0.6s; z-index:1; }

.fArea02 .hd .swiper-slide .txt { position:absolute; left:0; right:0; bottom:45px; padding:0 40px; color:#fff; line-height:1.1; text-align:center; z-index:2; transition: all 0.6s; }
.fArea02 .hd .swiper-slide .txt .p1 { min-height:80px; }
.fArea02 .hd .swiper-slide .txt .p2 { font-size:24px; font-weight:bold; }
.fArea02 .hd .swiper-slide .txt .p3 { font-size:24px; margin-top:25px; font-weight:bold; max-height:100px; transition: all 0.6s; overflow:hidden; }
.fArea02 .hd .swiper-slide .txt .p4 { width:50px; height:5px; border-radius:5px; margin:0 auto; background:#fff; max-height:0; overflow:hidden; transition: all 0.6s; }
.fArea02 .hd .swiper-slide .txt .p5 { font-size:16px; line-height:25px; max-height:0; overflow:hidden; transition: all 0.6s; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:7; }
.fArea02 .hd .swiper-slide .txt .p6 { max-height:0; overflow:hidden; transition: all 0.6s; }
.fArea02 .hd .swiper-slide .txt .p6 p { margin:0 auto; }

.fArea02 .hd .swiper-slide-thumb-active .txt { bottom:50%; transform: translateY(50%); }
.fArea02 .hd .swiper-slide-thumb-active:before { top:0; }
.fArea02 .hd .swiper-slide-thumb-active .txt .p3 { max-height:0; margin-top:0; }
.fArea02 .hd .swiper-slide-thumb-active .txt .p4 { max-height:5px; margin-top:30px; }
.fArea02 .hd .swiper-slide-thumb-active .txt .p5 { max-height:999px; margin-top:30px; }
.fArea02 .hd .swiper-slide-thumb-active .txt .p6 { max-height:999px; margin-top:50px; }

.fArea03 { display:none; margin-top:30px; padding-bottom:40px; }
.fArea03 .swiper-slide { position:relative; }
.fArea03 .swiper-slide .txt { margin-top:15px; }
.fArea03 .swiper-slide .txt .p1 { display:none; }
.fArea03 .swiper-slide .txt .p2 { font-size:16px; color:#333; font-weight:bold; }
.fArea03 .swiper-slide .txt .p3 { display:none; }
.fArea03 .swiper-slide .txt .p4 { font-size:14px; line-height:25px; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:3; }

.swiper-pagination-f03 { width:100%; margin-top:20px; text-align:center; z-index:9;  }
.swiper-pagination-f03 .swiper-pagination-bullet { width:8px; height:8px; margin:0 3px;  border-radius:100%; background:#eee; opacity:1; }
.swiper-pagination-f03 .swiper-pagination-bullet-active { background:#0084c5; }


@media all and (max-width:1200px){
	.fArea { margin-top:0; }
	.fArea01 .hd01 { font-size:14px; line-height:25px; margin-top:10px; }
	.fArea02 { margin-top:30px; }


	.fArea02 .hd ul li .txt { bottom:45px; padding:0 25px; }
	.fArea02 .hd ul li .txt .p1 { min-height:60px; }
	.fArea02 .hd ul li .txt .p1 img { max-height:40px; width:auto; }
	.fArea02 .hd ul li .txt .p2 { font-size:18px; }
	.fArea02 .hd ul li .txt .p3 { font-size:18px; margin-top:15px; }
	.fArea02 .hd ul li .txt .p5 { font-size:14px; line-height:25px; -webkit-line-clamp:6; }

	.fArea02 .hd ul li.on .p3 { margin-top:0; }
	.fArea02 .hd ul li.on .p4 { margin-top:20px; }
	.fArea02 .hd ul li.on .p5 { margin-top:20px; }
	.fArea02 .hd ul li.on .p6 { margin-top:30px; }
	
	.fArea02 .hd .swiper-slide .txt { bottom:45px; padding:0 25px; }
	.fArea02 .hd .swiper-slide .txt .p1 { min-height:60px; }
	.fArea02 .hd .swiper-slide .txt .p1 img { max-height:40px; width:auto; }
	.fArea02 .hd .swiper-slide .txt .p2 { font-size:18px; }
	.fArea02 .hd .swiper-slide .txt .p3 { font-size:18px; margin-top:15px; }
	.fArea02 .hd .swiper-slide .txt .p5 { font-size:14px; line-height:25px; -webkit-line-clamp:6; }

	.fArea02 .hd .swiper-slide-thumb-active .txt { bottom:50%; transform: translateY(50%); }
	.fArea02 .hd .swiper-slide-thumb-active .txt .p3 { margin-top:0; }
	.fArea02 .hd .swiper-slide-thumb-active .txt .p4 { margin-top:20px; }
	.fArea02 .hd .swiper-slide-thumb-active .txt .p5 { margin-top:20px; }
	.fArea02 .hd .swiper-slide-thumb-active .txt .p6 { margin-top:30px; }

	.fArea02 .bd img { min-height:450px; }
}
@media all and (max-width:750px){
	.fArea01 .wrap { display:block;  }
	.fArea01 .hd01 { text-align:left; }
	
	.fArea02 { display:none; }
	.fArea02 .hd ul li .txt { bottom:30px; padding:0 10px; }
	.fArea02 .hd ul li .txt .p1 { min-height:45px; }
	.fArea02 .hd ul li .txt .p1 img { max-height:30px; width:auto; }
	.fArea02 .hd ul li .txt .p2 { font-size:16px; }
	.fArea02 .hd ul li .txt .p3 { font-size:16px; margin-top:10px; }
 
	.fArea02 .hd ul li .p5 { display:none; }
	.fArea02 .hd ul li .p6 { display:none; }
	
	.fArea02 .hd ul li.on .p3 { margin-top:0; }
	.fArea02 .hd ul li.on .p4 { margin-top:15px; }
	.fArea02 .hd ul li.on .p5 { display:none; }
	.fArea02 .hd ul li.on .p6 { display:none; }
	
	.fArea02 .bd img { min-height:250px; }
	
	.fArea03 { display:block; }
}

.gArea { padding:100px 0; background:url(gArea.png) no-repeat center; background-size:cover; }
.gArea .wrap { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.gArea .Area-hd .p1 { background:#fff; }
.gArea .Area-hd .p2 { color:#fff; }

.gArea01 { width:800px; color:#fff; }
.gArea01 .bd01 ul { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.gArea01 .bd01 ul li { line-height:1.1; }
.gArea01 .bd01 ul li .p1 { font-size:24px; }
.gArea01 .bd01 ul li .p1 i { font-size:52px; margin-right:20px; font-family:"Arial"; }
.gArea01 .bd01 ul li .p2 { font-size:16px; margin-top:15px; }
.gArea01 .bd02 { font-size:16px; margin-top:45px; line-height:25px; }
.gArea01 .bd03 { margin-top:75px; }
.gArea01 .bd03 a {display:inline-block; }
.gArea01 .bd03 a:nth-child(1) { margin-right:20px; }

@media all and (max-width:1200px){
	.gArea { padding:60px 0; }
 
	.gArea01 { width:calc(100% - 230px); }
	.gArea01 .bd01 ul li .p1 { font-size:18px; }
	.gArea01 .bd01 ul li .p1 i { font-size:40px; margin-right:10px; }
	.gArea01 .bd01 ul li .p2 { font-size:14px; margin-top:10px; }
	.gArea01 .bd02 { font-size:14px; margin-top:30px; line-height:25px; }
	.gArea01 .bd03 { margin-top:50px; }
	.gArea01 .bd03 a:nth-child(1) { margin-right:10px; }
}
@media all and (max-width:900px){
	.gArea01 { width:100%; margin-top:30px; }
}
@media all and (max-width:750px){
	.gArea { padding:40px 0; }

	.gArea01 .bd01 ul li .p1 { font-size:14px; }
	.gArea01 .bd01 ul li .p1 i { font-size:24px; margin-right:5px; }
	.gArea01 .bd01 ul li .p2 { font-size:14px; margin-top:10px; }
	.gArea01 .bd02 { font-size:14px; margin-top:30px; line-height:25px; }
	.gArea01 .bd03 { margin-top:30px; }
	.gArea01 .bd03 a:nth-child(1) { margin-right:10px; }
}
@media all and (max-width:500px){
	.gArea01 .bd01 ul li { width:50%; }
	.gArea01 .bd01 ul li:nth-child(n + 3) { margin-top:20px; }
}


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



@keyframes rog{0%{transform:rotate(0)}
	100%{transform:rotate(360deg)}
}