@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:20px; left:0; right:0; text-align:center; z-index:9; display:none; }
.swiper-pagination-1 .swiper-pagination-bullet { width:8px; height:8px; margin:0 5px;  border-radius:100%; background:rgba(255,255,255,0.4); opacity:1; }
.swiper-pagination-1 .swiper-pagination-bullet-active { width:15px; border-radius:10px; background:#fff; }

.ycCon { position:absolute; right:0; top:50%; width:50px; background:#000; text-align:center; border-radius:10px 0 0 10px; transform: translateY(-50%); box-sizing: border-box; z-index:2; }
.ycCon .num { line-height:50px; font-size:14px; color:#ffd200; margin:0 5px; border-bottom:1px solid rgba(255,255,255,0.4); }
.ycCon .btn .btn01 { width:100%; height:50px; cursor:pointer; }
.ycCon .btn .prev-01 { background:url(../images/ban01.png) no-repeat center; }
.ycCon .btn .next-01 { background:url(../images/ban02.png) no-repeat center; }

.ban01 { position:absolute; left:50%; transform: translateX(-50%); width:110px; height:110px; background:#fff; border:4px solid #ffd200; border-radius:100%; text-align:center; bottom:-59px; z-index:2; box-shadow:rgba(6,0,1,0.15) 0px 0px 20px; }
.ban01 .p1 { font-size:14px; font-weight:bold; padding-top:20px; }
.ban01 .p2 { margin-top:15px; }


@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 { display:block; }
 
	.ycCon { display:none; }
	.ban01 { display:none; }
}

.mmBtn a { display:inline-block; padding:0 15px 0 30px; background:#000; border-radius:50px; }
.mmBtn a i { display:inline-block; padding-right:80px; color:#fff; font-size:18px; line-height:70px; background:url(../images/a01.png) no-repeat center right; }

@media all and (max-width:1580px){
	.mmBtn a i { padding-right:60px; font-size:16px; line-height:50px; background-size:30px 30px; }
}
@media all and (max-width:1200px){
	.mmBtn a { padding:0 15px; }
	.mmBtn a i { padding-right:35px; font-size:16px; line-height:40px; background-size:25px 25px; }
}


.aArea { width:100%; max-width:1920px; margin:0 auto; padding:160px 0 110px; background:url(../images/aarea.jpg) no-repeat center bottom; background-size:cover; }
.aArea .wrap { position:relative; padding-left:300px; box-sizing: border-box; }

.aBox01 ul li { float:left; width:31.7%; margin-right:2.45%; box-shadow:rgba(0,0,0,0.08) 0px 0px 30px; padding:35px 0; border-radius:25px; text-align:center; }
.aBox01 ul li:last-child { margin-right:0; }
.aBox01 ul li .txt { display:inline-block; padding-left:120px; text-align:left; line-height:1; }
.aBox01 ul li .txt .p1 { font-size:24px; color:#000; font-weight:bold; }
.aBox01 ul li .txt .p1 i { font-size:60px; margin-right:5px; }
.aBox01 ul li .txt .p2 { font-size:24px; color:#666; margin-top:10px; line-height:1.6; }

.aBox02 { position:relative; margin-top:30px; }
.aBox02 .pic { background:#fffdf2; border-radius:25px; overflow:hidden; padding:30px; }
.aBox02 .txt { position:absolute; left:35px; top:30px; font-size:24px; max-width:550px; font-weight:bold; z-index:2; }
.aBox02 .txt strong { font-size:28px; color:#ffd200; }

.aBox03 { position:absolute; left:0; bottom:0; z-index:2; }

@media all and (max-width:1580px){
	.aArea { padding:100px 0 90px 0; }
	.aArea .wrap { padding-left:250px; }

	.aBox01 ul li { float:left; width:32%; margin-right:2%; padding:25px 0; border-radius:25px; }
	.aBox01 ul li:last-child { margin-right:0; }
	.aBox01 ul li .txt { padding-left:80px; background-size:60px 60px!important; }
	.aBox01 ul li .txt .p1 { font-size:18px; }
	.aBox01 ul li .txt .p1 i { font-size:40px; }
	.aBox01 ul li .txt .p2 { font-size:18px; margin-top:10px; }

	.aBox02 { margin-top:30px; border-radius:25px;  }
	.aBox02 .txt { left:25px; top:25px; font-size:18px; max-width:400px; }
	.aBox02 .txt strong { font-size:20px; }

}
@media all and (max-width:1200px){
	.aArea { padding:40px 0; background-size:1800px 100%!important; }
	.aArea .wrap { padding-left:0; }

	.aBox01 ul li { float:left; width:32%; margin-right:2%; padding:25px 0; border-radius:25px; }
	.aBox01 ul li:last-child { margin-right:0; }
	.aBox01 ul li .txt { padding:40px 0 0 0; text-align:center; background-position:center top!important; background-size:30px 30px!important; }
	.aBox01 ul li .txt .p1 { font-size:12px; }
	.aBox01 ul li .txt .p1 i { font-size:20px; }
	.aBox01 ul li .txt .p2 { font-size:12px; margin-top:5px; }

	.aBox02 { margin-top:30px; border-radius:25px;  }
	.aBox02 .pic { padding:20px 10px; }
	.aBox02 .txt { position:relative; left:auto; top:auto; font-size:16px; max-width:100%; margin-bottom:20px; }
	.aBox02 .txt strong { font-size:18px; }

	.aBox03 { position:relative; left:auto; bottom:auto; text-align:center; margin-top:30px; }
}

.bg { padding-bottom:100px; background:url(../images/bg.jpg) no-repeat center top; background-size:cover; width:100%; max-width:1920px; margin:0 auto; }

.Area-hd { text-align:center; line-height:1.1; }
.Area-hd .p1 { font-size:40px; font-weight:bold; }
.Area-hd .p2 { font-size:20px; color:#666; margin-top:10px; }

@media all and (max-width:1580px){
	.Area-hd .p1 { font-size:30px; }
	.Area-hd .p2 { font-size:16px; margin-top:10px; }
	
	.bg { padding-bottom:80px; }
}
@media all and (max-width:1200px){
	.Area-hd .p1 { font-size:20px; }
	.Area-hd .p2 { font-size:14px; margin-top:10px; }
	
	.bg { padding-bottom:40px; }
}



.bArea { padding-top:100px; }
.bArea .wrap { position:relative; }
.bArea .Area-hd { position:absolute; top:25px; right:0; z-index:1; }

.bBox01 .hd { max-width:910px; border-bottom:3px solid #dcdcdc; }
.bBox01 .hd ul { display:flex; flex-direction:row; justify-content:space-between; }
.bBox01 .hd ul li { position:relative; padding-bottom:30px; cursor:pointer; opacity:0.5; }
.bBox01 .hd ul li:before { position:absolute; left:0; right:0; bottom:-3px; height:3px; background:#000; display:none; content:""; z-index:2; }
.bBox01 .hd ul li:after { position:absolute; left:50%; transform: translateX(-50%); bottom:-11px; height:20px; width:20px; background:url(../images/b01.png) no-repeat center; display:none; content:""; z-index:2; background-size:cover; }

.bBox01 .hd ul li .pic img { height:100px; }
.bBox01 .hd ul li .txt { position:relative; margin-top:-85px; text-align:center; }
.bBox01 .hd ul li .txt .p2 { font-size:20px; margin-top:10px; font-weight:bold; }

.bBox01 .hd ul li.on { opacity:1; }
.bBox01 .hd ul li.on:before { display:block; }
.bBox01 .hd ul li.on:after { display:block; }

.bBox01 .bd { margin-top:40px; }
.bBox01 .bd .pic { position:relative; float:left; width:1120px; margin-left:-210px; border-radius:0 25px 25px 0; overflow:hidden; }
.bBox01 .bd .txt { float:right; width:500px; padding-top:35px; }
.bBox01 .bd .txt .p1 i { display:inline-block; padding:0 20px; line-height:50px; font-size:30px; color:#000; font-weight:bold; background:#ffd200; border-radius:15px; }
.bBox01 .bd .txt .p2 { font-size:30px; font-weight:bold; margin-top:15px; }
.bBox01 .bd .txt .p3 { font-size:16px; line-height:30px; margin-top:25px; min-height:180px; }
.bBox01 .bd .txt .p4 { margin-top:25px; }
.bBox01 .bd .txt .p4 a { display:inline-block; width:80px; height:80px; background:url(../images/b02.png) no-repeat center; background-size:cover!important; }
 
@media all and (max-width:1580px){
	.bArea { padding-top:80px; }
	.bArea .Area-hd { top:25px; }
	
	.bBox01 .hd { max-width:800px; }
	.bBox01 .hd ul li { padding-bottom:20px; }
	.bBox01 .hd ul li .pic img { height:80px; }
	.bBox01 .hd ul li .txt { margin-top:-65px; }
	.bBox01 .hd ul li .txt .p2 { font-size:18px; margin-top:10px; }
 
	.bBox01 .bd { margin-top:30px; }
	.bBox01 .bd .pic { float:left; width:1000px; margin-left:-300px; }
	.bBox01 .bd .txt { float:right; width:calc(100% - 750px); padding-top:20px; }
	.bBox01 .bd .txt .p1 i { padding:0 20px; line-height:40px; font-size:20px; }
	.bBox01 .bd .txt .p2 { font-size:20px; margin-top:15px; }
	.bBox01 .bd .txt .p3 { font-size:16px; line-height:30px; margin-top:25px; min-height:210px; }
	.bBox01 .bd .txt .p4 a { width:50px; height:50px; }
}
@media all and (max-width:1200px){
	.bArea { padding-top:40px; }
	.bArea .Area-hd { position:relative; top:auto; right:auto; }

	.bBox01 { margin-top:30px; }
	.bBox01 .hd ul li { padding-bottom:10px; }
	
	.bBox01 .hd ul li:after { bottom:-9px; height:15px; width:15px; }
	
	.bBox01 .hd ul li .pic img { height:60px; }
	.bBox01 .hd ul li .txt { margin-top:-65px; }
	.bBox01 .hd ul li .txt .p1 img { height:30px; }
	.bBox01 .hd ul li .txt .p2 { font-size:14px; line-height:20px; margin:5px auto 0; width:56px;  }
	
	.bBox01 .bd { margin-top:30px; }
	.bBox01 .bd .pic { float:none; width:100%; margin-left:0; border-radius:25px; }
	.bBox01 .bd .txt { float:none; width:100%; padding-top:0; padding-bottom:20px; }
	.bBox01 .bd .txt .p1 i { padding:0 20px; line-height:30px; font-size:18px; }
	.bBox01 .bd .txt .p2 { font-size:18px; margin-top:15px; }
	.bBox01 .bd .txt .p3 { font-size:14px; line-height:25px; margin-top:15px; min-height:10px; }
	.bBox01 .bd .txt .p4 { margin-top:10px; }
	.bBox01 .bd .txt .p4 a { width:30px; height:30px; background:url(../images/b03.png) no-repeat center; }
}

.cArea { padding-top:100px; }
.cArea .wrap { position:relative; }
.cArea .Area-hd { position:absolute; top:0; left:0; z-index:1; }

.cBox01 .hd { text-align:right; padding-top:15px; margin-bottom:40px; font-size:0; }
.cBox01 .hd ul li { display:inline-block; margin-right:30px; text-align:center; width:160px; line-height:50px; background:#fffae5; font-size:18px; color:#000; border-radius:25px; font-weight:bold; cursor:pointer; box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; }
/*.cBox01 .hd ul li:last-child { margin-right:0; }*/

.cBox01 .hd ul li.on { background:#ffd200; }
 
.cBox01 .bd .bdd { position:relative; overflow:hidden; } 
.cBox01 .bd .bdd .swiper { width:430px; margin:0 auto; }
.cBox01 .bd .bdd .swiper-slide { width:200px; margin-right:67px; margin-top:115px; }
.cBox01 .bd .bdd .swiper-slide .pic { width:100%; background:#fff; border-radius:100%; background-size:cover!important; overflow:hidden; }
.cBox01 .bd .bdd .swiper-slide .txt { text-align:center; margin-top:35px; color:#000; display:none; }
.cBox01 .bd .bdd .swiper-slide .txt .p1 { font-size:24px; font-weight:bold; }
.cBox01 .bd .bdd .swiper-slide .txt .p2 { font-size:18px; margin-top:15px; }

.cBox01 .bd .bdd .swiper-slide-active { width:430px; margin-top:0; }
.cBox01 .bd .bdd .swiper-slide-active .pic { background:url(../images/c11.png) no-repeat center; }
.cBox01 .bd .bdd .swiper-slide-active .txt { display:block; }

.cBox01 .bd .bdd .btn .btn01 { position:absolute; bottom:0; display:inline-block; width:70px; height:70px; border-radius:100%; cursor:pointer; z-index:5; }
.cBox01 .bd .bdd .btn .btn11 { background:url(../images/c01.png) no-repeat center #fff; left:50%; margin-left:-305px; }
.cBox01 .bd .bdd .btn .btn12 { background:url(../images/c02.png) no-repeat center #fff; right:50%; margin-right:-305px; }

.cBox01 .bd .bdd .btn .btn11:hover { background:url(../images/c03.png) no-repeat center #000; }
.cBox01 .bd .bdd .btn .btn12:hover { background:url(../images/c04.png) no-repeat center #000; }

@media all and (max-width:1580px){
	.cArea { padding-top:80px; }
	
	.cBox01 .hd ul li { margin-right:20px; width:140px; line-height:40px; font-size:18px; }
	/*.cBox01 .hd ul li:last-child { margin-right:0; }*/
	
	.cBox01 .bd .bdd .swiper { width:350px; margin:0 auto; }
	.cBox01 .bd .bdd .swiper-slide { width:180px; margin-right:32px; margin-top:85px; }
	.cBox01 .bd .bdd .swiper-slide .txt { margin-top:25px; }
	.cBox01 .bd .bdd .swiper-slide .txt .p1 { font-size:20px; }
	.cBox01 .bd .bdd .swiper-slide .txt .p2 { font-size:16px; margin-top:10px; }

	.cBox01 .bd .bdd .swiper-slide-active { width:350px; margin-top:0; }
	
	.cBox01 .bd .bdd .btn .btn01 { width:50px; height:50px; }
}
@media all and (max-width:1200px){
	.cArea { padding-top:40px; }
	.cArea .Area-hd { position:relative; top:auto; left:auto; }
	
	.cBox01 { margin-top:20px; }
	.cBox01 .hd { text-align:center; padding-top:0; margin-bottom:25px; }
	.cBox01 .hd ul li { margin-right:1%; width:24%; line-height:35px; font-size:16px; }
	.cBox01 .hd ul li:nth-child(3n) { margin-right:0; }
	/*.cBox01 .hd ul li:nth-child(n + 4) { margin-top:10px; }*/
	
	.cBox01 .bd .bdd .swiper { width:250px; margin:0 auto; }
	.cBox01 .bd .bdd .swiper-slide { width:100%; margin-right:30px; margin-top:0; }
	.cBox01 .bd .bdd .swiper-slide .txt { margin-top:25px; }
	.cBox01 .bd .bdd .swiper-slide .txt .p1 { font-size:18px; }
	.cBox01 .bd .bdd .swiper-slide .txt .p2 { font-size:14px; margin-top:10px; }

	.cBox01 .bd .bdd .swiper-slide-active { width:250px; margin-top:0; }
	
	.cBox01 .bd .bdd .btn { margin-top:25px; text-align:center; }
	.cBox01 .bd .bdd .btn .btn01 { position:relative; bottom:auto; width:35px; height:35px; }
	.cBox01 .bd .bdd .btn .btn11 { left:auto; margin:0 5px 0; }
	.cBox01 .bd .bdd .btn .btn12 { right:auto; margin:0 0 0 5px; }
}
 


.dArea { padding-top:100px; }
.dArea .swiper-slide a { display:block; background:#fff9e4; border-radius:25px; overflow:hidden; }

@media all and (max-width:1580px){
	.dArea { padding-top:80px; }
}
@media all and (max-width:1200px){
	.dArea { padding-top:40px; }
}

.eArea { padding-top:100px; }
.eArea .bd { margin-top:40px; }
.eArea .bd ul li { float:left; width:18%; margin-right:2.5%; padding:30px 0; background:url(../images/d01.png) no-repeat center; background-size:cover; box-shadow:rgba(0,0,0,0.08) 0px 0px 30px; border-radius:25px; text-align:center; }
.eArea .bd ul li:nth-child(5n) { margin-right:0; }
.eArea .bd ul li:nth-child(n + 6) { margin-top:50px; }
.eArea .bd ul li .pic img { height:145px; }
.eArea .bd ul li .txt { position:relative; margin-top:-110px; z-index:5; }
.eArea .bd ul li .txt .p2 { font-size:24px; color:#000; font-weight:bold; margin-top:10px; }

.eArea .mmBtn { margin-top:60px; text-align:center; }

@media all and (max-width:1580px){
	.eArea { padding-top:80px; }
	.eArea .bd { margin-top:30px; }
	.eArea .bd ul li { float:left; width:18%; margin-right:2.5%; padding:30px 0; }
	.eArea .bd ul li:nth-child(5n) { margin-right:0; }
	.eArea .bd ul li:nth-child(n + 6) { margin-top:30px; }
	.eArea .bd ul li .pic img { height:100px; }
	.eArea .bd ul li .txt { margin-top:-80px; }
	.eArea .bd ul li .txt .p1 img { height:60px; }
	.eArea .bd ul li .txt .p2 { font-size:18px; margin-top:10px; }
	
	.eArea .mmBtn { margin-top:40px; }
}
@media all and (max-width:1200px){
	.eArea { padding-top:40px; }
	.eArea .bd { margin-top:30px; }
	.eArea .bd ul li { float:left; width:49%; margin-right:2%; padding:25px 0; }
	.eArea .bd ul li:nth-child(5n) { margin-right:2%; }
	.eArea .bd ul li:nth-child(2n) { margin-right:0; }
	.eArea .bd ul li:nth-child(n + 3) { margin-top:15px; }
	.eArea .bd ul li .pic img { height:80px; }
	.eArea .bd ul li .txt { margin-top:-70px; }
	.eArea .bd ul li .txt .p1 img { height:50px; }
	.eArea .bd ul li .txt .p2 { font-size:18px; margin-top:10px; }
	
	.eArea .mmBtn { margin-top:30px; }
}

.fArea { padding-top:100px; }
.fArea .bd { margin-top:40px; }
.fArea .bd ul li { float:left; width:31.33%; margin-right:3%; border-radius:20px; overflow:hidden; box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; }
.fArea .bd ul li:last-child { margin-right:0; }
.fArea .bd ul li a { display:block; padding:30px; background:url(../images/f01.png) no-repeat center; background-size:cover; box-shadow:rgba(0,0,0,0.08) 0px 0px 5px; }
.fArea .bd ul li .txt { margin-top:25px; }
.fArea .bd ul li .txt .p1 { font-size:16px; color:#000; font-weight:bold; }
.fArea .bd ul li .txt .p2 { font-size:20px; color:#000; font-weight:bold; line-height:25px; height:25px; margin-top:10px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.fArea .bd ul li .txt .p3 { font-size:18px; color:#666; line-height:30px; height:60px; margin-top:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.fArea .bd ul li .txt .p4 { margin-top:20px; }
.fArea .bd ul li .txt .p4 i { display:inline-block; width:160px; line-height:40px; font-size:16px; color:#fff; text-align:center; background:#000; border-radius:8px; }

@media all and (max-width:1580px){
	.fArea { padding-top:80px; }
	.fArea .bd { margin-top:30px; }
	.fArea .bd ul li a { padding:20px 15px; }
	.fArea .bd ul li .txt { margin-top:20px; }
	.fArea .bd ul li .txt .p1 { font-size:14px; }
	.fArea .bd ul li .txt .p2 { font-size:18px; line-height:20px; height:20px; margin-top:10px; }
	.fArea .bd ul li .txt .p3 { font-size:16px; line-height:30px; height:60px; margin-top:15px; }
	.fArea .bd ul li .txt .p4 { margin-top:20px; }
	.fArea .bd ul li .txt .p4 i { width:140px; line-height:35px; font-size:14px; }
}
@media all and (max-width:1200px){
	.fArea { padding-top:40px; }
	.fArea .bd { margin-top:25px; }
	.fArea .bd ul li { float:none; width:100%; margin-right:0; }
	.fArea .bd ul li:nth-child(n + 2) { margin-top:15px; }
	.fArea .bd ul li a { padding:20px 15px; }
	.fArea .bd ul li .txt { margin-top:20px; }
	.fArea .bd ul li .txt .p1 { font-size:14px; }
	.fArea .bd ul li .txt .p2 { font-size:16px; line-height:20px; height:20px; margin-top:10px; }
	.fArea .bd ul li .txt .p3 { font-size:14px; line-height:25px; height:50px; margin-top:15px; }
	.fArea .bd ul li .txt .p4 { margin-top:15px; }
	.fArea .bd ul li .txt .p4 i { width:120px; line-height:35px; font-size:14px; }
}





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





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