@charset "utf-8";
.container { position: relative; width: 100%; padding:20px 0 30px; }


.aArea { background:url(a01.jpg) no-repeat top left #fff; text-align:center; }
.aArea a { position:relative; display:block; padding:25px 30px 0 30px; min-height:110px; box-sizing: border-box; }
.aArea .p1 { font-size:22px; color:#272727; font-weight:bold; line-height:25px; height:25px; padding:0 50px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea .p2 { font-size:16px; color:#919191; margin-top:15px; line-height:25px; height:25px; }
.aArea .p2 i { color:#e40113; }

.aArea:hover .p1 { color:#e40113; }

.Area-hd { padding-bottom:13px; border-bottom:2px solid #ddd; font-size:0; }
.Area-hd i { position:relative; display:inline-block; line-height:25px; font-size:20px; color:#2c2c2c; font-family:"zhuokai"; }
.Area-hd i:before { position:absolute; display:block; content:""; height:2px; width:100%; background:#e40113; left:0; bottom:-15px; z-index:2; }
.Area-hd a { float:right; display:inline-block; line-height:25px; font-size:14px; color:#aaa; }
.Area-hd a:hover { color:#e40113; }

.bArea { margin-top:20px; padding:15px; background:#fff; }
.bArea01 { position:relative; float:left; width:555px; }
.bArea01 .swiper-slide a { position:relative; display:block; }
.bArea01 .swiper-slide .pic { overflow:hidden; }
.bArea01 .swiper-slide .pic img { width:100%; height:360px; object-fit: cover; transition: all 0.6s; }
.bArea01 .swiper-slide:hover .pic img { transform: scale(1.1)!important; }
.bArea01 .swiper-slide .txt { position:absolute; left:0; right:0; bottom:0; padding:0 110px 0 20px; line-height:50px; height:50px; background:rgba(0,0,0,0.7); font-size:16px; color:#fff; z-index:2; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.swiper-pagination-b01 { position:absolute; right:25px; bottom:19px; font-size:0; text-align:center; z-index:2; } 
.swiper-pagination-b01 .swiper-pagination-bullet { width:12px; height:12px; border-radius:100%; margin:0 3px; opacity:1; background:rgba(255,255,255,0.4); }
.swiper-pagination-b01 .swiper-pagination-bullet-active { background:#fff; }

.bArea02 { position:relative; float:right; width:calc(100% - 580px); padding-top:15px; }
.bArea02 .hd { padding-bottom:13px; border-bottom:2px solid #ddd; font-size:0; }
.bArea02 .hd ul { position:relative; }
.bArea02 .hd ul li { float:left; margin-right:35px; cursor:pointer; }
.bArea02 .hd ul li i { position:relative; display:inline-block; line-height:25px; font-size:20px; color:#2c2c2c; font-family:"zhuokai"; }
.bArea02 .hd ul li i:before { position:absolute; display:none; content:""; height:2px; width:100%; background:#e40113; left:0; bottom:-15px; z-index:2; }
.bArea02 .hd ul li a { position:absolute; top:0; right:0; display:inline-block; line-height:25px; font-size:14px; color:#aaa; display:none; z-index:2; }
.bArea02 .hd ul li a:hover { color:#e40113; }

.bArea02 .hd ul li.on i { color:#e40113;  }
.bArea02 .hd ul li.on i:before { display:block;   }
.bArea02 .hd ul li.on a { display:block;  }

.bArea02 .bd { margin-top:20px; }
.bArea02 .bd ul li { position:relative; padding-left:18px; font-size:16px; color:#151515; line-height:20px; height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.bArea02 .bd ul li:before { position:absolute; display:block; content:""; height:8px; width:8px; background:#dedede; left:0; top:50%; transform: translateY(-50%); border-radius:100%; z-index:2; }
.bArea02 .bd ul li:nth-child(n + 2) { margin-top:23px; }
.bArea02 .bd ul li span { float:right; margin-left:50px; color:#a4a4a4; font-family:"Arial"; }

.cArea { margin-top:20px; }
.cBox { float:left; width:386px; padding:25px 20px 0 20px; background:#fff; min-height:355px; box-sizing: border-box; }
.cBox .bd { margin-top:30px; }
.cBox .bd ul li { position:relative; padding-left:18px; font-size:16px; color:#151515; line-height:20px; height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.cBox .bd ul li:before { position:absolute; display:block; content:""; height:8px; width:8px; background:#dedede; left:0; top:50%; transform: translateY(-50%); border-radius:100%; z-index:2; }
.cBox .bd ul li:nth-child(n + 2) { margin-top:22px; }


.cArea02 { margin-left:21px; }
.cArea03 { float:right; }

.dArea { position:relative; margin-top:20px; }

.swiper-pagination-d01 { position:absolute; right:10px; bottom:15px; font-size:0; text-align:center; z-index:2; } 
.swiper-pagination-d01 .swiper-pagination-bullet { width:8px; height:8px; border-radius:100%; margin:0 3px; opacity:1; background:rgba(255,255,255,0.4); }
.swiper-pagination-d01 .swiper-pagination-bullet-active { background:#fff; }

.eArea { margin-top:20px; background:#fff; padding:25px; }
.eArea .bd { margin-top:30px; }
.eArea .bd .swiper-slide .txt { margin-top:15px; text-align:center; font-size:16px; color:#2f2f2f; line-height:20px; }
.eArea .bd .swiper-slide .pic { position:relative; overflow:hidden; padding-bottom:120%; }
.eArea .bd .swiper-slide .pic img { position:absolute; left:0; top:0; width:100%; height:100%; transition: all 0.6s; object-fit: cover; z-index:2; }
.eArea .bd .swiper-slide:hover .pic img { transform: scale(1.1)!important; }
 
.fArea { margin-top:20px; padding:25px; background:#fff; }
.fArea .hd { padding-bottom:13px; border-bottom:2px solid #ddd; font-size:0; }
.fArea .hd ul { position:relative; }
.fArea .hd ul li { float:left; margin-right:35px; cursor:pointer; }
.fArea .hd ul li i { position:relative; display:inline-block; line-height:25px; font-size:20px; color:#2c2c2c; font-family:"zhuokai"; }
.fArea .hd ul li i:before { position:absolute; display:none; content:""; height:2px; width:100%; background:#e40113; left:0; bottom:-15px; z-index:2; }
.fArea .hd ul li a { position:absolute; top:0; right:0; display:inline-block; line-height:25px; font-size:14px; color:#aaa; display:none; z-index:2; }
.fArea .hd ul li a:hover { color:#e40113; }

.fArea .hd ul li.on i { color:#e40113;  }
.fArea .hd ul li.on i:before { display:block;   }
.fArea .hd ul li.on a { display:block;  }
 
.fArea .bd { margin-top:25px; }

.fArea .bd .swiper-container-f01 .swiper-slide a { display:block; overflow:hidden; }
.fArea .bd .swiper-container-f01 .swiper-slide a img { width:100%; height:300px; object-fit: cover; transition: all 0.6s; }
.fArea .bd .swiper-container-f01 .swiper-slide:hover a img { transform: scale(1.1)!important; }

.fArea .bd .swiper-container-f02 .swiper-slide a { display:block; overflow:hidden; }
.fArea .bd .swiper-container-f02 .swiper-slide a img { width:100%; height:200px; object-fit: cover; transition: all 0.6s; }
.fArea .bd .swiper-container-f02 .swiper-slide:hover a img { transform: scale(1.1)!important; }