@charset "utf-8";
.banner {position:relative; height:100%; z-index:0;  }
.banner .swiper-pagination { position: absolute; bottom: 20px; width:100%; text-align:center; z-index:9;margin:0 auto;/* display: none; */ }
.banner .swiper-pagination-bullet { display: inline-block; width:12px; height:12px;border-radius: 6px; margin:0 7px; text-indent:9999em; background:#fff; cursor:pointer; }
.banner .swiper-pagination-bullet-active {background:#eb8117; width:50px; border-radius:10px; }

.container { padding:45px 0 50px; }

.Area-hd { background:#f5f7f6; padding:0 10px; line-height:40px; border-bottom:1px solid #eee; margin-bottom:25px; }
.Area-hd a { float:right; font-size:14px; color:#333; }
.Area-hd a:hover { color:#0275d8; }
.Area-hd i { position:relative; display:inline-block; height:40px; color:#0275d8; font-size:20px; font-style:normal; font-weight:bold; }
.Area-hd i:after { position:absolute; left:0; bottom:-4px; content:""; display:block; width:100%; height:2px; background:#0275d8; z-index:5; }

.aArea01 { float:left; width:830px; }
.aBox01 { float:left; width:395px; position:relative; }
.aBox01 .bd ul li { position:relative; }
.aBox01 .bd ul li p { position:absolute; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); font-size:14px; line-height:40px; height:40px; padding:0 170px 0 10px; color:#fff; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aBox01 .hd { position:absolute; right:13px; bottom:10px; font-size:0; z-index:5; }
.aBox01 .hd ul li { display:inline-block; width:22px; height:22px; line-height:22px; text-align:center; font-size:14px; color:#fff; background:rgba(255,255,255,0.3); margin:0 1px; cursor:pointer; }
.aBox01 .hd ul li.on { background:#fd9024; }

.aBox02 { float:right; width:410px; }
.aBox02 ul li { padding-left:10px; background:url(li01.png) no-repeat center left; color:#333; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:18px; }
.aBox02 ul li:last-child { margin-bottom:0; }
.aBox02 ul li a { font-size:16px; color:#333; }
.aBox02 ul li span { float:right; padding-left:20px; color:rgba(51,51,51,0.6);font-size: 16px; }
.aBox02 ul li:hover { color:#0275d8; }
.aBox02 ul li:hover a { color:#0275d8; text-decoration:underline; }

.aArea02 { float:right; width:345px; }
.aArea02 .bd { min-height:250px;  }
.aArea02 .bd ul { padding-top:5px; }
.aArea02 .bd ul li { font-size:14px; height:20px; line-height:20px; padding-left:30px; background:url(li02.png) no-repeat 10px center; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:20px; float: left;width: 50%;box-sizing: border-box;}
.aArea02 .bd ul li:last-child { margin-bottom:0; }
.aArea02 .bd ul li a { color:#4c4c4c; }
.aArea02 .bd ul li span { float:right; padding-left:20px; color:rgba(51,51,51,0.6); }
.aArea02 .bd ul li:hover a { color:#0275d8; text-decoration:underline; }

.bArea { margin:45px 0 50px; }
.bArea01 { float:left; width:395px; }
.bArea02 { float:left; width:404px; margin-left:30px; }

.bArea03 { float:right; width:345px; }

.bArea .bd { min-height:240px; }
.bArea .bd ul li { padding-left:15px; background:url(li01.png) no-repeat 3px center; color:#333;  font-size:16px; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:16px; }
.bArea .bd ul li:last-child { margin-bottom:0; }
.bArea .bd ul li a { color:#333; }
.bArea .bd ul li span { float:right; padding-left:20px; color:rgba(51,51,51,0.6); }
.bArea .bd ul li:hover { color:#0275d8; }
.bArea .bd ul li:hover a { color:#0275d8; text-decoration:underline; }

.bArea03 .bd01 ul li:nth-child(1) { margin-bottom:20px; }

.cArea { position:relative; min-height:177px; }
.cArea .cBox01 { position:absolute; top:0; left:0; width:48px; height:177px; background:url(c01.png) no-repeat center; z-index:5; }
.cArea .cBox01 p { font-size:20px; width:30px; margin-left:5px; text-align:center; color:#fff; font-weight:bold; line-height:22px; padding-top:40px; }

.cArea .cBox02 { position:relative; margin-left:65px; }
.cArea .cBox02 .tempWrap { width:1080px!important; margin:0 auto; }
.cArea .cBox02 ul li { float:left; width:200px; margin-right:20px; }
.cArea .cBox02 ul li p { font-size:16px; color:#333; line-height:20px; height:20px; text-align:center; margin-top:10px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.cArea .cBox02 .prev,.cArea .cBox02 .next { position:absolute; top:60px; width:16px; height:42px; z-index:5; }
.cArea .cBox02 .prev { background:url(prev.png) no-repeat center; left:0; }
.cArea .cBox02 .next { background:url(next.png) no-repeat center; right:0; }