@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:13px; height:10px; margin:0 10px;  border-radius:0; background:url(ban01.png) no-repeat center; opacity:1; }
.swiper-pagination-1 .swiper-pagination-bullet-active { background:url(ban02.png) no-repeat center; }
 
@media all and (max-width:1200px){
	.swiper-container-1 .swiper-slide .img01 { display:none; }
	.swiper-container-1 .swiper-slide .img02 { display:block; }

	.swiper-pagination-1 { bottom:30px; }
	.swiper-pagination-1 .swiper-pagination-bullet { width:7px; height:5px; margin:0 3px; background-size:cover!important; }
}

.Area-hd { position:relative; line-height:1.25; text-align:center; }
.Area-hd .p1 { font-size:24px; font-weight:bold; color:#66778b; }
.Area-hd .p1 a { color:#66778b; }
.Area-hd .p2 { font-size:36px; font-weight:bold; color:#333; margin-top:25px; }
.Area-hd .p2 i { color:#004493; }
.Area-hd .p3 { position:absolute; bottom:0; right:0; z-index:2; }
.Area-hd .p3 a { display:block; width:160px; line-height:55px; border:1px solid #004493; border-radius:30px; font-size:16px; color:#004493; text-align:center; }
.Area-hd .p3 a:hover { background:#004493; color:#fff; }
.Area-hd .p4 { position:absolute; bottom:0; right:220px; z-index:2; }
.Area-hd .p4 img { max-height:80px; height:auto; }

.mmArea { margin-top:30px; text-align:center; display:none; }
.mmArea a { display:inline-block; width:100px; line-height:35px; border:1px solid #004493; border-radius:30px; font-size:14px; color:#004493; text-align:center; }

@media all and (max-width:1700px){
	.Area-hd .p1 { font-size:18px;  }
	.Area-hd .p2 { font-size:28px; margin-top:20px; }
	.Area-hd .p3 a { width:120px; line-height:40px; font-size:14px; }
	.Area-hd .p4 { right:180px; }
	.Area-hd .p4 img { max-height:50px; height:auto; }
}
@media all and (max-width:1200px){
	.Area-hd .p1 { font-size:16px;  }
	.Area-hd .p2 { font-size:24px; margin-top:10px; }
	.Area-hd .p3 a { width:100px; line-height:35px; font-size:14px; }
	.Area-hd .p4 { right:120px; }
	.Area-hd .p4 img { max-height:30px; height:auto; }
}
@media all and (max-width:750px){
	.Area-hd { text-align:center; }
	.Area-hd .p1 { font-size:16px;  }
	.Area-hd .p2 { font-size:20px; margin-top:10px; }
	.Area-hd .p3 { display:none; }
	.Area-hd .p4 { display:none; }
	
	.mmArea { display:block; }
}

.aCon { padding:100px 0; }
.aBox01 { max-width:1400px; margin:35px auto 0; display:flex; flex-wrap: wrap;  flex-direction:row-reverse; justify-content: space-between; }
.aBox01 .hd { width:300px; }
.aBox01 .hd ul li { position:relative; width:100%; cursor:pointer; }
.aBox01 .hd ul li .p1 { position:relative; width:100%; height:90px; line-height:90px; text-align:center; background:#eef7ff; font-size:24px; color:#333; }
.aBox01 .hd ul li .p1:before { position:absolute; width:100%; height:2px; background:#fff; display:block; content:""; left:0; bottom:0; z-index:2; }
.aBox01 .hd ul li:last-child:before { display:none; }

.aBox01 .hd ul li .p2 { position:absolute; top:0; right:0; width:395px; height:90px; padding:0 40px 0 50px; background:url(a03.png) no-repeat center #11509a; background-size:auto 100%; box-sizing: border-box; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; z-index:5; display:none; }
.aBox01 .hd ul li .p2 span { display:inline-block; width:calc(100% - 55px); font-size:24px; color:#fff; background:url(a02.png) no-repeat center right;  }

.aBox01 .hd ul li.on .p2 { display:flex; }

.aBox01 .bd { width:calc(100% - 300px); min-height:630px; padding:55px 0 20px; box-sizing: border-box; background:url(a01.png) no-repeat center; background-size:cover; }
.aBox01 .bd .nr { width:85%; margin:0 auto; }
.aBox01 .bd .p1 { font-size:28px; color:#11509a; text-align:center; line-height:1.1; font-weight:bold; }
.aBox01 .bd .p2 { font-size:16px; color:#666; line-height:1.7; padding:0 10px; margin-top:15px; }
.aBox01 .bd .p3 { width:675px; margin:25px auto 0; }
.aBox01 .bd .p3 img { width:100%; height:auto; }
 
.aBox02 { display:none; margin-top:25px; padding:30px 4%; box-sizing: border-box; background:url(a01.png) no-repeat center; background-size:cover; }
.aBox02 .p1 { font-size:18px; color:#11509a; text-align:center; line-height:1.1; font-weight:bold; }
.aBox02 .p2 { font-size:14px; color:#666; line-height:1.7; padding:0 10px; margin-top:15px; }
.aBox02 .p3 { margin-top:25px; text-align:center; }
.aBox02 .p3 img { width:100%; height:auto; }

.swiper-pagination-a01 {  margin-top:25px; text-align:center; }
.swiper-pagination-a01 .swiper-pagination-bullet { width:7px; height:5px; margin:0 3px; border-radius:0; background:url(ban01.png) no-repeat center; background-size:cover!important; opacity:1; }
.swiper-pagination-a01 .swiper-pagination-bullet-active { background:url(ban02.png) no-repeat center; }
 

@media all and (max-width:1700px){
	.aCon { padding:60px 0; }
	.aBox01 { max-width:1200px; margin:30px auto 0; }
	.aBox01 .hd { width:250px; }
	.aBox01 .hd ul li .p1 { height:75px; line-height:75px; font-size:20px; }
 
	.aBox01 .hd ul li .p2 { width:320px; height:75px; padding:0 30px 0 40px; }
	.aBox01 .hd ul li .p2 span { width:calc(100% - 55px); font-size:20px; }
 
	.aBox01 .bd { width:calc(100% - 250px); min-height:525px; padding:30px 0 20px; }
	.aBox01 .bd .nr { }
	.aBox01 .bd .p1 { font-size:20px; }
	.aBox01 .bd .p2 { font-size:14px; line-height:1.7; padding:0 10px; margin-top:15px; }
	.aBox01 .bd .p3 { margin-top:20px; width:550px; }
}
@media all and (max-width:1200px){
	.aCon { padding:40px 0; }
	.aBox01 { max-width:1200px; margin:30px auto 0; }
	.aBox01 .hd { width:200px; }
	.aBox01 .hd ul li .p1 { height:65px; line-height:65px; font-size:18px; }
 
	.aBox01 .hd ul li .p2 { width:250px; height:65px; padding:0 30px; }
	.aBox01 .hd ul li .p2 i img { max-height:25px; width:auto; }
	.aBox01 .hd ul li .p2 span { width:calc(100% - 45px); font-size:18px; }
 
	.aBox01 .bd { width:calc(100% - 200px); min-height:455px; padding:30px 0 20px; }
	.aBox01 .bd .nr { width:88%;  }
	.aBox01 .bd .p1 { font-size:18px; }
	.aBox01 .bd .p2 { font-size:14px; line-height:1.7; padding:0 10px; margin-top:15px; }
	.aBox01 .bd .p3 { margin-top:20px; width:450px; }
}
@media all and (max-width:900px){
	.aBox01 .hd ul li .p2 { width:220px; height:65px; padding:0 30px; }
}
@media all and (max-width:750px){
	.aBox01 { display:none; }
	.aBox02 { display:block; }
}

.bCon { position:relative; }
.bCon .Area-hd { position:absolute; top:80px; left:0; width:100%; z-index:2; }
.bCon .Area-hd .p1 { color:rgba(255,255,255,0.5); }
.bCon .Area-hd .p2 { color:#fff; }

.bBox01 { position:relative; }
.bBox01 .bd { position:absolute; left:0; width:100%; height:100%; top:0; z-index:3; }
.bBox01 .bd ul { width:100%; height:100%; box-sizing: border-box; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.bBox01 .bd ul li { width:33.33%; padding:210px 40px 0 40px; height:100%; text-align:center; box-sizing: border-box; border-right:1px solid rgba(255,255,255,0.2); display:flex; align-items: center; }
.bBox01 .bd ul li .p1 { height:100px; }
.bBox01 .bd ul li .p1 img { max-height:80px; text-align:center; }
.bBox01 .bd ul li .p2 { font-size:22px; color:#fff; }
.bBox01 .bd ul li .p3 { font-size:16px; line-height:1.7; margin-top:0; text-align:left; max-height:0; overflow:hidden; color:rgba(255,255,255,0.8); transition: all 0.6s; }
.bBox01 .bd ul li .p4 { text-align:left; margin-top:0; max-height:0; overflow:hidden; transition: all 0.6s; }
.bBox01 .bd ul li .p4 i { display:inline-block; padding:0 15px; margin:0 5px 5px 0; font-size:14px; line-height:30px; border-radius:5px; background:rgba(255,255,255,0.1); color:rgba(255,255,255,0.5); }
.bBox01 .bd ul li .p4 i:hover { background:#fff; color:#004493; }
.bBox01 .bd ul li .p5 { margin-top:0;  max-height:0; overflow:hidden; transition: all 0.6s; }
.bBox01 .bd ul li .p5 a { display:inline-block; line-height:55px; padding:0 40px; font-size:16px; color:#004493; border-radius:50px; background:#fff; }

 
.bBox01 .bd ul li.on { background:url(b01.png) no-repeat center; background-size:100% 100%; }
.bBox01 .bd ul li.on .p3 { margin-top:15px; max-height:999px; }
.bBox01 .bd ul li.on .p4 { margin-top:30px; max-height:999px; }
.bBox01 .bd ul li.on .p5 { margin-top:90px; max-height:999px; }


.bBox02 { position:relative; display:none; }
.bBox02 .swiper-slide { position:relative; padding:100px 0 60px; background-size:cover!important; }
.bBox02 .swiper-slide .txt { padding:30px 4%; text-align:center; }
.bBox02 .swiper-slide .txt .p1 { height:55px; }
.bBox02 .swiper-slide .txt .p1 img { max-height:40px; }
.bBox02 .swiper-slide .txt .p2 { font-size:18px; color:#fff; }
.bBox02 .swiper-slide .txt .p3 { font-size:14px; line-height:1.7; margin-top:10px; text-align:left; color:rgba(255,255,255,0.8); }
.bBox02 .swiper-slide .txt .p4 { text-align:left; margin-top:10px; }
.bBox02 .swiper-slide .txt .p4 i { display:inline-block; padding:0 10px; margin:0 5px 5px 0; font-size:12px; line-height:25px; border-radius:5px; background:rgba(255,255,255,0.1); color:rgba(255,255,255,0.5); }
.bBox02 .swiper-slide .txt .p5 { margin-top:20px; }
.bBox02 .swiper-slide .txt .p5 a { display:inline-block; line-height:35px; padding:0 20px; font-size:14px; color:#004493; border-radius:50px; background:#fff; }

.swiper-pagination-b01 { position:absolute; bottom:40px; left:0; width:100%; margin-top:0; text-align:center; z-index:5; }
.swiper-pagination-b01 .swiper-pagination-bullet { width:7px; height:5px; margin:0 3px; border-radius:0; background:url(ban01.png) no-repeat center; background-size:cover!important; opacity:1; }
.swiper-pagination-b01 .swiper-pagination-bullet-active { background:url(ban02.png) no-repeat center; }

@media all and (max-width:1700px){
	.bCon .Area-hd { top:60px; }
	
	.bBox01 .pic img { min-height:600px; object-fit: cover; }
	.bBox01 .bd ul li { padding:170px 30px 0 30px;  }
	.bBox01 .bd ul li .p1 { height:80px; }
	.bBox01 .bd ul li .p1 img { max-height:60px; }
	.bBox01 .bd ul li .p2 { font-size:20px; }
	.bBox01 .bd ul li .p3 { font-size:14px; line-height:1.7; }
	.bBox01 .bd ul li .p4 i { padding:0 10px; margin:0 5px 5px 0; font-size:14px; line-height:25px; }
	.bBox01 .bd ul li .p5 a { line-height:40px; padding:0 25px; font-size:14px; }

	.bBox01 .bd ul li.on .p3 { margin-top:15px; }
	.bBox01 .bd ul li.on .p4 { margin-top:20px; }
	.bBox01 .bd ul li.on .p5 { margin-top:30px; }
}
@media all and (max-width:1200px){
	.bCon .Area-hd { top:40px; }
	
	.bBox01 .pic img { min-height:600px; object-fit: cover; }
	.bBox01 .bd ul li { padding:100px 20px 0 20px;  }
	.bBox01 .bd ul li .p1 { height:55px; }
	.bBox01 .bd ul li .p1 img { max-height:40px; }
	.bBox01 .bd ul li .p2 { font-size:18px; }
	.bBox01 .bd ul li .p3 { font-size:14px; line-height:1.7; }
	.bBox01 .bd ul li .p4 i { padding:0 10px; margin:0 5px 5px 0; font-size:14px; line-height:25px; }
	.bBox01 .bd ul li .p5 a { line-height:35px; padding:0 20px; font-size:14px; }

	.bBox01 .bd ul li.on .p3 { margin-top:10px; }
	.bBox01 .bd ul li.on .p4 { margin-top:15px; }
	.bBox01 .bd ul li.on .p5 { margin-top:20px; }
}
@media all and (max-width:900px){
	.bBox01 { display:none; }
	.bBox02 { display:block; }
}


.cCon { padding:100px 0; overflow:hidden; }
.cBox { margin-top:50px; overflow:hidden; }
.cBox .swiper-slide { width:405px; margin-right:20px; }
.cBox .swiper-slide .pic { overflow:hidden; border-radius:10px; }
.cBox .swiper-slide .pic img { width:100%; height:auto; }
.cBox .swiper-slide .txt { margin-top:25px; }
.cBox .swiper-slide .txt .p1 { font-size:18px; color:#333; font-weight:bold; }
.cBox .swiper-slide .txt .p2 { font-size:14px; color:#999; line-height:25px; margin-top:5px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.cBox .swiper-slide .txt .p3 { position:relative; font-size:14px; color:#11509a; margin-top:25px; padding-left:10px; }
.cBox .swiper-slide .txt .p3:before { position:absolute; left:0; top:50%; transform: translateY(-50%); border-radius:5px; display:block; content:""; width:4px; height:14px; background:#11509a; z-index:2; }

.cBox .btn { margin-top:35px; text-align:center; }
.cBox .btn01 { display:inline-block; width:60px; height:60px; border-radius:100%; background-size:cover!important; cursor:pointer;  }
.cBox .prev-c01 { background:url(c01.png) no-repeat center; margin-right:45px; }
.cBox .next-c01 { background:url(c02.png) no-repeat center; }

.cBox .prev-c01:hover { background:url(c03.png) no-repeat center; }
.cBox .next-c01:hover { background:url(c04.png) no-repeat center; }

@media all and (max-width:1700px){
	.cCon { padding:60px 0; }
	.cBox { margin-top:30px; }
	.cBox .swiper-slide { width:285px; margin-right:20px; }

	.cBox .swiper-slide .txt { margin-top:20px; }
	.cBox .swiper-slide .txt .p1 { font-size:16px; }
	.cBox .swiper-slide .txt .p2 { font-size:14px; }
	.cBox .swiper-slide .txt .p3 { margin-top:20px; }
 
	.cBox .btn { margin-top:30px; }
	.cBox .btn01 { width:45px; height:45px; }
	.cBox .prev-c01 { margin-right:30px; }
}
@media all and (max-width:1280px){
	.cBox .swiper-slide { width:32%; margin-right:2%; }
}
@media all and (max-width:1200px){
	.cCon { padding:40px 0; }
	.cBox .btn { margin-top:30px; }
	.cBox .btn01 { width:35px; height:35px; }
	.cBox .prev-c01 { margin-right:20px; }
}
@media all and (max-width:900px){
	.cBox .swiper-slide { width:49%; margin-right:2%; }
}
@media all and (max-width:600px){
	.cBox .swiper-slide { width:100%; margin-right:2%; }
}



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


.eArea { padding:100px 0; background: linear-gradient(to bottom,#ddedf9,#f4f8fb); }
.eArea01 { margin-top:80px; overflow:hidden; }
.eArea01 .bd02 { margin-top:25px; }
.eArea01 .bd03 { margin-top:25px; }
.eArea01 ul li { width:260px; margin-right:25px; }
.eArea01 ul li img { width:100%; height:auto; }

.eArea02 { display:none; margin-top:30px; }

@media all and (max-width:1700px){
	.eArea { padding:60px 0; }
	.eArea01 { margin-top:50px; }
	.eArea01 .bd02 { margin-top:20px; }
	.eArea01 .bd03 { margin-top:20px; }
	.eArea01 ul li { width:200px; margin-right:20px; }
}
@media all and (max-width:1200px){
	.eArea { padding:40px 0; }
	.eArea01 { margin-top:30px; }
	.eArea01 .bd02 { margin-top:15px; }
	.eArea01 .bd03 { margin-top:15px; }
	.eArea01 ul li { width:150px; margin-right:15px; }
}
@media all and (max-width:750px){
	.eArea01 .bd02 { margin-top:10px; }
	.eArea01 .bd03 { margin-top:10px; }
	.eArea01 ul li { width:120px; margin-right:10px; }
}