@charset "utf-8";

.banner { position:relative; width:1920px; left:50%; margin-left:-960px; z-index:1; }

.swiper-container-1 .swiper-slide { position:relative; width:100%; overflow:hidden; }

.swiper-pagination-1 { position:absolute; bottom:160px; left:0; right:0; text-align:center; z-index:9;  }
.swiper-pagination-1 .swiper-pagination-bullet { width:15px; height:15px; margin:0 8px;  border-radius:100%; background:none; border:1px solid #fff; opacity:1; }
.swiper-pagination-1 .swiper-pagination-bullet-active { background:#fff; }
 
.banArea { position:absolute; left:0; right:0; bottom:0; background:rgba(0,0,0,0.4); z-index:2; }
.banArea ul { padding:25px 0 15px; font-size:0; text-align:center; }
.banArea ul li { display:inline-block; margin:0 30px; }


.aArea { position:relative; width:1920px; left:50%; margin-left:-960px; padding:120px 0 100px; min-height:720px; box-sizing: border-box; background-size:100% 100%!important; z-index:1;  }
.aArea .txt { width:675px; }
.aArea .txt .bd { font-size:16px; margin-top:25px; color:#333; line-height:2; }
.aArea .txt .bd01 { margin-top:40px; }
.aArea .txt .bd01 a { display:inline-block; width:125px; line-height:45px; font-size:16px; background:#e40084; color:#fff; border-radius:25px; text-align:center; }



.Area-hd { line-height:1.1; font-weight:bold; }
.Area-hd .p1 { font-size:32px; color:#333; }
.Area-hd .p1 i { color:#e40084; }
.Area-hd .p2 { font-size:24px; margin-top:15px; font-style:italic; color:#888; text-transform:uppercase; }

.bArea { padding-bottom:100px; }
.bArea .wrap { position:relative; }
.bArea01 { position:absolute; top:0; left:0; width:590px; z-index:2; }
.bArea01 .bd { font-size:18px; margin-top:25px; color:#333; line-height:2; }

.bArea02 ul li { position:relative; float:left; margin-right:20px; width:285px; border-radius:6px; overflow:hidden; }
.bArea02 ul li:nth-child(1) { margin-left:610px; }
.bArea02 ul li:nth-child(2n) { margin-right:0; }
.bArea02 ul li:nth-child(n + 3) { width:590px; margin-top:20px; }
.bArea02 ul li .pic img { width:100%; height:260px; transition: all 0.6s; object-fit: cover; }
.bArea02 ul li .txt { position:absolute; left:0; right:0; bottom:25px; padding:0 25px; z-index:2; }
.bArea02 ul li .txt i { display:inline-block; font-size:18px; color:#fff; padding-right:25px; background:url(b01.png) no-repeat center right; }

.bArea02 ul li:hover .pic img { transform: scale(1.1)!important; }

.cArea { padding:70px 0 45px; background:url(cArea.jpg) no-repeat center; background-size:100% 100%; }
.cArea .Area-hd { color:#fff; text-align:center; }
.cArea .Area-hd .p1 { color:#fff; }
.cArea .Area-hd .p2 { color:#fff; }

.cArea01 { margin-top:20px; }
.cArea01 .swiper-slide .pic {  overflow:hidden; }
.cArea01 .swiper-slide .pic img { width:100%; height:auto; transition: all 0.6s; object-fit: cover; }
.cArea01 .swiper-slide .txt { margin-top:20px; text-align:center; color:#fff; }
.cArea01 .swiper-slide .txt .p1 { font-size:20px; }
.cArea01 .swiper-slide .txt .p2 { font-size:16px; margin-top:10px; }

.cArea01 .swiper-slide:hover .pic img { transform: scale(1.1)!important; } 

.dArea { margin-top:80px; }
.dArea01 { margin-top:45px; }
.dArea01 .swiper-slide .pic { border-radius:6px; overflow:hidden; }
.dArea01 .swiper-slide .pic img { width:100%; height:250px; transition: all 0.6s; object-fit: cover; }
.dArea01 .swiper-slide .txt { margin-top:20px; color:#555; }
.dArea01 .swiper-slide .txt .p1 { font-size:18px; color:#333; line-height:25px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.dArea01 .swiper-slide .txt .p2 { font-size:14px; line-height:25px; min-height:50px; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.dArea01 .swiper-slide .txt .p3 { font-size:14px; margin-top:15px; }

.dArea01 .swiper-slide:hover .pic img { transform: scale(1.1)!important; } 
.dArea01 .swiper-slide:hover .txt .p1 { font-weight:bold; }

.eArea { padding:100px 0; }
.eArea .wrap { position:relative; }
.eArea .pic { border-radius:10px; overflow:hidden; }
.eArea .pic img { width:100%; height:auto; transition: all 0.6s; object-fit: cover; }
.eArea .txt { position:absolute; left:0; right:0; top:50%; transform: translateY(-50%); text-align:center; color:#fff; line-height:1.1; z-index:2; }
.eArea .txt .p1 { font-size:24px; color:#ffff; font-weight:bold; }
.eArea .txt .p2 { margin-top:20px; }
.eArea .txt .p2 a { display:inline-block; width:125px; line-height:45px; font-size:16px; background:#e40084; color:#fff; border-radius:25px; text-align:center; }

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