@charset "utf-8";
.container { position: relative; width: 100%; }

.aArea { margin-top:35px; text-align:center; }
.aArea a { color:#1152a2; font-size:30px; font-weight:bold; }

.bArea { margin-top:35px; }
.bArea01 { float:left; width:650px; }
.bArea01 .hd { padding-bottom:10px; border-bottom:2px solid #e8e8e8; }
.bArea01 .hd ul { position:relative; }
.bArea01 .hd ul li { float:left; margin-right:30px; cursor:pointer; }
.bArea01 .hd ul li a { position:absolute; line-height:20px; font-size:14px;  color:#898989; top:0; right:0; z-index:2; display:none; }
.bArea01 .hd ul li a:hover { color:#1152a2; }

.bArea01 .hd ul li i { position:relative; display:inline-block; font-size:20px; line-height:20px; color:#000; font-weight:bold; }
.bArea01 .hd ul li i:before { position:absolute; width:100%; height:3px; background:#1152a2; left:0; bottom:-13px; display:none; content:""; z-index:2;  }

.bArea01 .hd ul li.on i { color:#1152a2; }
.bArea01 .hd ul li.on i:before { display:block; }
.bArea01 .hd ul li.on a { display:block; }

.bArea01 .bd { margin-top:15px; }
.bArea01 .bd ul li { padding-left:10px; line-height:34px; font-size:16px; color:#626262; background:url(li01.png) no-repeat center left; }
.bArea01 .bd ul li span { float:right; }
.bArea01 .bd ul li a { float:left; display:block; width:calc(100% - 160px); color:#626262; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.4s; }

.bArea01 .bd ul li:hover { background:url(li02.jpg) no-repeat center left; }
.bArea01 .bd ul li:hover a { color:#1152a2; padding-left:10px; }

.bArea02 { float:right; width:615px; position:relative; }
.bArea02 .swiper-slide a { position:relative; display:block; }
.bArea02 .swiper-slide .txt { position:absolute; left:0; right:0; bottom:0; padding:0 150px 0 10px; line-height:40px; font-size:16px; color:#fff; background:rgba(0,0,0,0.5); overflow:hidden; text-overflow: ellipsis; white-space: nowrap; z-index:2; }
.bArea02 .swiper-slide .pic { overflow:hidden; }
.bArea02 .swiper-slide .pic img { transition: all 0.6s; }
.bArea02 .swiper-slide:hover .pic img { transform: scale(1.1)!important; }

.bArea02 .swiper-pagination-b02  { position:absolute; left:auto!important; width:auto!important; bottom:13px!important; right:15px; font-size:0; z-index:2; } 
.bArea02 .swiper-pagination-b02 .swiper-pagination-bullet { position:relative; width:8px!important; height:8px!important; background:rgba(255,255,255,0.5); margin:0 3px!important; border-radius:100%; opacity:1; }
.bArea02 .swiper-pagination-b02 .swiper-pagination-bullet-active { background:#fff; }


.Area-hd { padding-bottom:10px; border-bottom:2px solid #e8e8e8; }
.Area-hd i { position:relative; display:inline-block; font-size:20px; line-height:20px; color:#1152a2; font-weight:bold; }
.Area-hd i:before { position:absolute; width:100%; height:3px; background:#1152a2; left:0; bottom:-13px; display:block; content:""; z-index:2;  }
.Area-hd a { float:right; display:inline-block; font-size:14px; line-height:15px; margin-top:5px; color:#898989; }
.Area-hd a:hover { color:#1152a2; }

.cArea { margin-top:30px; }
.cArea01 { float:left; width:400px; }
.cArea02 { float:left; width:400px; margin-left:50px; }
.cArea03 { float:right; width:400px; }

.cArea .Area-hd { margin-bottom:15px; }
.cArea .bd01 { position:relative; }
.cArea .bd01 .txt { position:absolute; left:0; right:0; bottom:0; padding:0 10px; line-height:40px; font-size:16px; color:#fff; background:rgba(0,0,0,0.2); overflow:hidden; text-overflow: ellipsis; white-space: nowrap; z-index:2; }
.cArea .bd01 .pic { overflow:hidden; }
.cArea .bd01 .pic img { transition: all 0.6s; }
.cArea .bd01:hover .pic img { transform: scale(1.1)!important; }

.cArea .bd02 ul li { line-height:20px; font-size:16px; color:#626262; margin-top:15px; }
.cArea .bd02 ul li span { float:right; }
.cArea .bd02 ul li a { float:left; display:block; width:calc(100% - 100px); color:#626262; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.4s; }
.cArea .bd02 ul li:hover a { color:#1152a2; padding-left:10px; }

.cArea .bd03 { padding-top:20px; }
.cArea .bd03 ul li { line-height:20px; font-size:16px; color:#626262; padding-left:10px; background:url(li02.jpg) no-repeat center left;  }
.cArea .bd03 ul li:nth-child(n + 2) { margin-top:15px; }
.cArea .bd03 ul li span { float:right; }
.cArea .bd03 ul li a { float:left; display:block; width:calc(100% - 70px); color:#626262; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.4s; }
.cArea .bd03 ul li:hover a { color:#1152a2; padding-left:10px; }

.dArea { margin-top:25px; }
.dArea .Area-hd { margin-bottom:15px; }
.dArea01 ul li { position:relative; float:left; width:400px; overflow:hidden; transition: all 0.6s; }
.dArea01 ul li .txt { position:absolute; left:30px; bottom:25px; color:#fff; line-height:1.1; z-index:2; }
.dArea01 ul li .txt .p1 { min-height:60px; }
.dArea01 ul li .txt .p2 { font-size:30px; font-weight:bold; }
.dArea01 ul li .txt .p3 { font-size:14px; margin-top:10px; font-family:"Arial"; text-transform:uppercase; }

.dArea01 ul li .pic { overflow:hidden; }
.dArea01 ul li .pic img { transition: all 0.6s; }
.dArea01 ul li:hover .pic img { transform: scale(1.1)!important; }

.dArea01 ul li.on { width:500px; }

.eArea { margin-top:35px; }
.eArea01 { float:left; width:400px; }
.eArea02 { float:left; width:400px; margin-left:50px; }
.eArea03 { float:right; width:400px; }

.eArea .bd ul li { line-height:20px; font-size:16px; color:#626262; margin-top:15px; }
.eArea .bd ul li span { float:right; }
.eArea .bd ul li a { float:left; display:block; width:calc(100% - 100px); color:#626262; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.4s; }
.eArea .bd ul li:hover a { color:#1152a2; padding-left:10px; }

.eArea03 ul li { float:left; width:126px; text-align:center; margin-right:10px; }
.eArea03 ul li:nth-child(3n) { margin-right:0; }
.eArea03 ul li:nth-child(n + 4) { margin-top:10px; }
.eArea03 ul li a { display:block; padding-top:20px; height:100px; box-sizing: border-box; }
.eArea03 ul li .pic { min-height:45px; }
.eArea03 ul li .txt { font-size:16px; color:#fff; font-weight:bold; }

.eArea03 ul li:hover .pic { transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);transition: transform 0.9s;-webkit-transition: transform 0.9s;-moz-transition: transform 0.9s;  }

.eArea03 ul li:nth-child(1) { background:#3c66d6; }
.eArea03 ul li:nth-child(2) { background:#53b17c; }
.eArea03 ul li:nth-child(3) { background:#ef8e4b; }
.eArea03 ul li:nth-child(4) { background:#ee4451; }
.eArea03 ul li:nth-child(5) { background:#4c4e81; }
.eArea03 ul li:nth-child(6) { background:#a8893f; }

.fArea { margin-top:35px; padding:50px 0; background:#f5f5f5; }
.fArea ul li { position:relative; float:left; width:375px; margin-right:87px; }
.fArea ul li:last-child { margin-right:0; }
.fArea ul li .txt { position:absolute; left:35px; bottom:25px; color:#fff; line-height:1.1; z-index:2; }
.fArea ul li .txt .p1 { font-size:20px; font-weight:bold; }
.fArea ul li .txt .p2 { font-size:14px; margin-top:10px; text-transform:uppercase; }

.fArea ul li .pic { overflow:hidden; }
.fArea ul li .pic img { transition: all 0.6s; }
.fArea ul li:hover .pic img { transform: scale(1.1)!important; }