.container { position: relative; width: 100%; }

.aArea { padding:60px 0 50px; }
.aArea .hd01 { line-height:30px; margin-bottom:20px; }
.aArea .hd01 p { font-size:26px; color:#0068b7; }
.aArea .hd01 a { float:right; color:#b4b4b4; }
.aArea .hd01 a:hover { color:#0068b7; }

.aArea01 { float:left; width:890px; }
.aBox01 { float:left; width:430px; position:relative; }
.aBox01 .bd ul li { position:relative; }
.aBox01 .bd ul li p { position:absolute; left:0; right:0; bottom:0; height:50px; line-height:50px; font-size:16px; color:#fff; padding:0 120px 0 25px; background:rgba(0,0,0,0.4); overflow:hidden; text-overflow: ellipsis; white-space: nowrap; z-index:5; }
.aBox01 .hd { position: absolute; bottom:20px; right:20px; font-size:0; z-index:9; }
.aBox01 .hd ul {  display:inline-block; *display:inline; zoom:1;   }
.aBox01 .hd li { float:left; width:8px; height:8px; margin:0 2px; font-size:0; border-radius:100%; background:rgba(255,255,255,0.4); cursor:pointer; }
.aBox01 .hd li.on { background:#fff; }

.aBox02 { float:right; width:440px; }
.aBox02 ul li { border-bottom:1px solid #d8d8d8; }
.aBox02 ul li a { display:block; padding:17px 0; }
.aBox02 ul li .date { float:left; width:85px; height:70px; border-right:1px solid #d8d8d8; text-align:center; color:#c0c0c0; font-family:"Arial"; }
.aBox02 ul li .date p { font-size:40px; line-height:1; padding:5px 0; }
.aBox02 ul li .date span { display:block; font-size:16px; line-height:20px; }
.aBox02 ul li .txt { float:right; width:330px; padding-top:10px; }
.aBox02 ul li .txt .p1 { font-size:16px; color:#2f2f2f; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aBox02 ul li .txt .p2 { font-size:14px; color:#9b9b9b; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; margin-top:10px; }
.aBox02 ul li:hover .date { color:#0068b7; }

.aArea02 { float:right; width:370px; }
.aArea02 .bd { min-height:315px; background:#f7f7f7; }
.aArea02 .bd ul { padding:25px 15px 0 20px; }
.aArea02 .bd ul li { font-size:16px; color:#616161;  height:25px; line-height:25px; margin-bottom:10px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea02 .bd ul li:last-child { margin-bottom:0; }
.aArea02 .bd ul li a { color:#616161; }
.aArea02 .bd ul li span { float:right; color:#c0c0c0; font-size:14px; margin-left:20px; }
.aArea02 .bd ul li:hover a { color:#0068b7; }

.bArea { padding:75px 0 105px; background:url(../image/bArea.png) no-repeat center; background-size:cover; }
.bArea .hd01 { text-align:center; margin-bottom:45px; }
.bArea .hd01 .p1 { font-size:26px; color:#0068b7; line-height:30px; }
.bArea .hd01 .p2 { font-size:14px; color:#666; margin-top:10px; }
 
.bArea01 .hd { float:left; width:245px; background:#fff; text-align:center; }
.bArea01 .hd ul li { position:relative; height:190px; line-height:190px; font-size:20px; color:#595959; cursor:pointer; }
.bArea01 .hd ul li:before { position:absolute; top:50%; right:-6px; margin-top:-7px; content:""; display:none; height:14px; width:6px; background:url(../image/b03.png) no-repeat center; z-index:5; }
.bArea01 .hd ul li.on { font-weight:bold; color:#0068b7; background:url(../image/b04.jpg) no-repeat right bottom #a8d2f0; }
.bArea01 .hd ul li.on:before { display:block; }
 
.bArea01 .bd { float:left; width:calc(100% - 245px); }
.bArea01 .bd .swiper-slide a { position:relative; display:block; }
.bArea01 .bd .swiper-slide .pic { position:relative; }
.bArea01 .bd .swiper-slide .pic p { position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,116,194,0.3); z-index:4; }
.bArea01 .bd .swiper-slide .txt { position:absolute; left:0; top:50%; transform: translateY(-50%); width:100%; text-align:center; z-index:5; }
.bArea01 .bd .swiper-slide .txt .p2 { font-size:18px; color:#fff; line-height:20px; margin-top:20px; }

.bArea01 .bd .swiper-slide:hover .pic p { display:none; }

.bArea01 .bd01 { position:relative; }
.bArea01 .bd01 .nextBtn { position:absolute; top:50%; margin-top:-12px; right:10px; display:block; width:17px; height:24px; background:url(../image/b01.png) no-repeat center; cursor:pointer; z-index:5; }
.bArea01 .bd01 .prevBtn { position:absolute; top:50%; margin-top:-12px; left:10px; display:block; width:17px; height:24px; background:url(../image/b02.png) no-repeat center; cursor:pointer; z-index:5; }

.cArea { padding:60px 0; }
.cArea01 { float:left; width:465px; padding-top:15px; }
.cArea01 .p1 { font-size:26px; color:#0068b7; line-height:30px; }
.cArea01 .p2 { font-size:16px; color:#858383; line-height:25px; height:150px; margin:15px 0 30px; text-align:justify; overflow:hidden;text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:6;  }
 
.cArea01 .p3 a { float:left; display:block; width:225px; height:60px; text-align:center; line-height:60px; font-size:16px; color:#9a9a9a; border:1px solid #dbdbdb; cursor:pointer; }
.cArea01 .p3 a i { display:inline-block; padding-left:35px; }
.cArea01 .p3 .a1 i { background:url(../image/c01.png) no-repeat center left; }
.cArea01 .p3 .a2 { float:right; background:#a8d2f0; border-color:#a8d2f0; color:#0068b7; }
.cArea01 .p3 .a2 i { background:url(../image/c02.png) no-repeat center left; }

.videoArea { position:fixed; top:0; right:0; left:0; bottom:0; background:rgba(0,0,0,0.6); z-index:9; display:none; }
.videoArea.on { display:block; }
.videoArea .video { position:absolute; top:50%; left:50%; margin-left:-400px; transform: translateY(-50%); width:800px; z-index:5; }
.videoArea .video .vclose { position:absolute; right:-50px; top:-50px; color:#fff; font-size:30px; cursor:pointer; }

.cArea02 { float:right; width:750px; }
.cArea02 .c01 { text-align:center; padding-left:90px; margin-bottom:34px; }
.cArea02 .c01 ul li { float:left; width:120px; margin-right:130px; }
.cArea02 .c01 ul li:last-child { margin-right:0; }
.cArea02 .c01 ul li .p1 { width:100px; background:#f3f3f3; padding:35px 0; border-radius:100%; margin:0 auto; }
.cArea02 .c01 ul li .p1 span { position:relative; padding-right:15px; }
.cArea02 .c01 ul li .p1 span em { font-size:30px; line-height:30px; color:#616161; }
.cArea02 .c01 ul li .p1 span i { position:absolute; right:0; bottom:1px; display:block; font-size:12px; line-height:1.1; width:15px; text-align:center; z-index:2; }
.cArea02 .c01 ul li .p2 { font-size:16px; color:#696969; line-height:1; margin-top:10px; }
 
.cArea02 .c02 ul li { position:relative; float:left; width:375px; }
.cArea02 .c02 ul li .pic { position:relative; }
.cArea02 .c02 ul li .pic p { position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,116,194,0.7); display:none; z-index:3; }
.cArea02 .c02 ul li .txt { position:absolute; left:0; width:100%; top:50%; transform: translateY(-50%); text-align:center; z-index:5; }
.cArea02 .c02 ul li .txt .p2 { font-size:18px; line-height:1; margin-top:10px; color:#fff; }
.cArea02 .c02 ul li:hover .pic p { display:block; }

.dArea { padding-bottom:20px; }
.dArea01 { position:relative; border:1px solid #dedede; }
.dArea01 .hd { position:absolute; left:0; top:50%; transform: translateY(-50%); width:120px; padding-right:8px; background:url(../image/d02.png) no-repeat center right; text-align:center; padding-top:15px; height:45px; }
.dArea01 .hd .p1 { font-size:14px; color:#434343; line-height:1; margin-bottom:5px; }
.dArea01 .hd .p2 { font-size:12px; color:#ccc; line-height:1; text-transform:uppercase; }

.dArea01 .bd { float:right; width:calc(100% - 120px); padding-left:20px; font-size:0; border-left:1px solid #dedede; box-sizing: border-box; }
.dArea01 .bd a { display:inline-block; padding:0 28px; line-height:60px; font-size:14px; color:#2d2d2d; background:url(../image/d01.jpg) no-repeat center right; }
.dArea01 .bd a:last-child { background:none; }