@charset "utf-8";
.container { position: relative; width: 100%; background:#f5f5f5; padding:40px 0 50px; }

.aArea ul li { position:relative; float:left; width:398px; height:150px; margin-right:3px; transition: all 0.6s; }
.aArea ul li:nth-child(3) { margin-right:0; }
.aArea ul li a { display:block; padding:25px 130px 0 40px; color:#fff; }
.aArea ul li .p1 { font-size:18px; line-height:20px; }
.aArea ul li .p2 { font-size:12px; height:20px; line-height:20px; margin:15px 0 20px; color:rgba(255,255,255,0.6); overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea ul li .p3 { width:20px; height:20px; background:url(a01.png) no-repeat center; }

.aArea ul li:hover { margin-top:-10px; }

.bArea { margin-top:40px; }
.bArea01 { float:left; width:750px; padding:20px 25px 0 25px; height:330px; background:#fff; }
.bArea01 .hd01 { padding-bottom:15px; border-bottom:1px solid #eee; margin-bottom:15px; line-height:20px; }
.bArea01 .hd01 a { float:right; font-size:20px; color:rgba(0,0,0,0.5); }
.bArea01 .hd01 p { font-size:18px; padding-left:30px; color:#006bc3; background:url(b01.png) no-repeat center left; }

.bBox01 { position:relative; float:left; width:300px; }
.bBox01 .hd { position:absolute; bottom:10px; right:5px; z-index:9; text-align:center; }
.bBox01 .hd ul li { display:inline-block; width:9px; height:9px; background:#c9c6c7; border-radius:100%; margin:0 3px; font-size:0; cursor:pointer; }
.bBox01 .hd ul li.on { background:#006cc4; }

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

.bBox02 { float:right; width:430px; }
.bBox02 .txt { padding-top:10px; padding-bottom:15px; border-bottom:1px solid #eee; }
.bBox02 .txt .p1 { font-size:16px; color:#04233c; line-height:20px; height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.bBox02 .txt .p1 a { color:#04233c; }
.bBox02 .txt .p1 a:hover { color:#006bc3; }
.bBox02 .txt .p2 { font-size:12px; color:rgba(0,0,0,0.4); line-height:20px; margin:10px 0; }
.bBox02 .txt .p3 { font-size:12px; line-height:25px; color:rgba(0,0,0,0.8); height:50px; overflow:hidden; }

.bBox02 ul { padding-top:10px; }
.bBox02 ul li { height:35px; line-height:35px; padding-left:20px; background:url(li01.png) no-repeat center left; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.bBox02 ul li a { color:#000; font-size:14px; }
.bBox02 ul li span { float:right; padding-left:15px; color:rgba(0,0,0,0.6); }

.bArea02 { position:relative; float:right; width:390px; text-align:center; }
.bArea02 ul li p { background:#fff; margin-bottom:3px; overflow:hidden; }

.bArea02 ul li p img { transition: all 0.6s;}
.bArea02 ul li:hover p img { transform: scale(1.1)!important; }

.bArea02 ul li span { display:block; background:#fff; padding:0 50px; height:47px; line-height:47px; font-size:14px; color:#000; }

.bArea02 .prev,.bArea02 .next { position:absolute; bottom:15px; width:15px; height:15px; z-index:5; }
.bArea02 .prev { background:url(prev.png) no-repeat center; left:18px; }
.bArea02 .next { background:url(next.png) no-repeat center; right:18px; }