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

.aArea01 { position:relative; float:left; width:825px; height:450px; }
.aArea01 .bd { float:left; }
.aArea01 .bd ul li { position:relative; }
.aArea01 .bd ul li p { position:absolute; left:0; bottom:0; width:580px; height:40px; line-height:40px; background:rgba(0,0,0,0.65); color:#fff; padding:0 30px; font-size:14px; z-index:9; }
.aArea01 .phd { float:right; width:160px; padding-top:42px; }
.aArea01 .phd ul li { margin-bottom:13px; opacity:0.7; }
.aArea01 .phd ul li.on { opacity:1; }

.aArea01 .prev,.aArea01 .next { position:absolute; right:0; width:160px; height:32px; cursor:pointer; z-index:9; }
.aArea01 .prev { top:0; background:url(prev.jpg) no-repeat center; }
.aArea01 .next { bottom:0; background:url(next.jpg) no-repeat center; }

.aArea02 { float:right; width:300px; }
.aArea02 .hd { height:48px; line-height:48px; background:#d2272b; }
.aArea02 .hd a { float:right; float:right; margin-right:15px; color:#fff; }
.aArea02 .hd p { padding-left:60px; font-size:18px; color:#fff; font-weight:bold; background:url(a01.jpg) no-repeat center left; }
.aArea02 .bd { padding:25px 15px 0 15px; border:1px solid #e6e6e6; min-height:400px; box-sizing: border-box; }
.aArea02 .bd ul li { height:32px; line-height:32px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea02 .bd ul li span { float:right; display:block; font-size:14px; color:#666; padding-left:10px; }
.aArea02 .bd ul li a { font-size:14px; color:#19448e; }
.aArea02 .bd ul li:hover a { color:#d2272b; }

.bArea { margin:25px 0; }

.cArea01 { float:left; width:300px; height:380px; border:1px solid #e6e6e6; box-sizing: border-box; }
.cArea01 .hd { height:48px; line-height:48px; border-bottom:1px solid #e6e6e6; background:url(b01.png) no-repeat center right; }
.cArea01 .hd ul li { float:left; width:110px; text-align:center; font-size:16px; color:#19448e; font-weight:bold; border-right:1px solid #e6e6e6; cursor:pointer; }
.cArea01 .hd ul li.on { background:#d2272b; color:#fff; }
.cArea01 .bd { padding:15px 15px 0 15px; }
.cArea01 .bd .p1 { background:#f8f8f8; padding:11px 15px; font-size:14px; color:#19448e; margin-bottom:5px; }
.cArea01 .bd .p1 i { font-weight:bold; }
.cArea01 .bd .p1 a { color:#19448e; margin-right:10px; }
.cArea01 .bd .p1 p { width:100%; font-weight:bold; margin-bottom:5px; }
.cArea01 .bd .p2 a { float:left; width:25%; text-align:left; line-height:25px; display:block; margin-right:0; }

.Area-hd { padding-bottom:13px; height:20px; line-height:20px; margin-bottom:15px; background:url(hd.png) no-repeat bottom left; }
.Area-hd p { font-size:18px; color:#19448e; font-weight:bold; padding-left:30px;  }
.Area-hd a { float:right;  }

.Area-hd.hd01 p { background:url(h01.png) no-repeat center left; }
.Area-hd.hd02 p { background:url(h02.png) no-repeat center left; }
.Area-hd.hd03 p { background:url(h03.png) no-repeat center left; }
.Area-hd.hd04 p { background:url(h04.png) no-repeat center left; }
.Area-hd.hd05 p { background:url(h05.png) no-repeat center left; }
.Area-hd.hd06 p { background:url(h06.png) no-repeat center left; }
.Area-hd.hd07 p { background:url(h07.png) no-repeat center left; }
.Area-hd.hd08 p { background:url(h08.png) no-repeat center left; }


.cArea02 { float:left; width:500px; height:380px; border:1px solid #e6e6e6; margin-left:25px; box-sizing: border-box; }
.cArea02 .Area-hd { background:url(hd02.png) no-repeat bottom left; }

.cArea02 .hd { height:48px; line-height:48px; border-bottom:1px solid #e6e6e6; margin-bottom:15px; }
.cArea02 .hd ul li { float:left; width:110px; text-align:center; font-size:16px; color:#19448e; font-weight:bold; border-right:1px solid #e6e6e6; cursor:pointer; }
.cArea02 .hd ul li.on { background:#d2272b; color:#fff; }

.cArea02 .bd { padding:0 15px;}
.cArea02 .bd ul li { height:28px; line-height:28px;  padding-left:25px; background:url(li03.png) no-repeat center left; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.cArea02 .bd ul li span { float:right; display:block; font-size:14px; color:#666; padding-left:20px; }
.cArea02 .bd ul li a { font-size:14px; color:#19448e; }
.cArea02 .bd ul li:hover a { color:#d2272b; }

.cArea03 { float:right; width:300px; }
.cArea03 ul li { width:298px; border:1px solid #e7e7e7; margin-bottom:7px; }
.cArea03 ul li:last-child { margin-bottom:0; }

.dArea { margin-top:25px; border:1px solid #e6e6e6; height:280px; padding:15px; box-sizing: border-box; }
.dArea01 { padding-top:10px; }
.dArea01 .tempWrap { width:1118px!important;  }
.dArea01 ul li { float:left; width:210px; margin-right:17px; }
.dArea01 ul li:last-child { margin-right:0; }
.dArea01 ul li p { background:#f5f5f5; height:32px; line-height:32px; font-size:14px; color:#19448e; text-align:center; }

.eArea { margin-top:25px; }
.eArea01 { float:left; width:366px; height:250px; border:1px solid #e6e6e6; margin-right:26px; padding:15px; box-sizing: border-box; }
.eArea01 .bd ul li { height:28px; line-height:28px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.eArea01 .bd ul li span { float:right; display:block; font-size:14px; color:#666; padding-left:10px; }
.eArea01 .bd ul li a { font-size:14px; color:#19448e; }
.eArea01 .bd ul li:hover a { color:#d2272b; }