@charset "utf-8";
.container { position: relative; width: 100%; }



.Area-hd { position:relative; padding:18px 0 12px 20px; line-height:1; border:1px solid #d0d0d0; font-size:18px; color:#333; background:#f3f3f3; margin-bottom:30px; font-weight:bold; }
.Area-hd i { position:absolute; top:-2px; left:10px; display:block; width:85px; height:4px; background:#0a73ca; z-index:99; }
.Area-hd a { float:right; font-size:12px; color:#a0a0a0; padding-right:6px; text-transform:uppercase; }

.bArea { padding:35px 0; }
.bArea01 { float:left; width:808px; }
.bArea01 .pic { float:left; width:313px; margin-left:22px; }
.bArea01 .txt { float:right; width:435px; margin-right:10px; }
.bArea01 .txt h1 { font-size:21px; font-weight:normal; padding:20px 0; }
.bArea01 .txt span { display:block; width:50px; height:3px; background:#0a73ca; }
.bArea01 .txt .p1 { margin-top:45px; height:200px; line-height:25px; font-size:15px; }
.bArea01 .txt .p2 { margin-top:10px; text-align:right; font-size:13px; margin-bottom:45px; }
.bArea01 .txt .p3 a { float:left; display:block; width:110px; padding-left:28px; height:40px; line-height:40px; background:#f3f3f3; margin-right:8px; font-size:14px; font-weight:bold; }
.bArea01 .txt .p3 a:nth-child(3) { margin-right:0; }
.bArea01 .txt .p3 a i { display:inline-block; *display:inline; zoom:1; width:10px; height:10px; background:#cd0000; border-radius:100%; margin-right:17px; }
.bArea01 .txt .p3 a:hover i {  background:#fff; }
.bArea01 .txt .p3 a:hover { background:#0a73ca; color:#fff; }

.bArea02 { float:right; width:365px;  }

.bArea03 { position:relative; width:167px; margin:0 auto; }
.bArea03 ul li { width:167px; height:203px; border:1px solid #e2e2e2; }
.bArea03 .prev,.bArea03 .next { position:absolute; top:95px; display:block; width:12px; height:23px; z-index:99; }
.bArea03 .prev { left:-80px; }
.bArea03 .next { right:-80px; }

.bArea02 .bd { margin-top:45px; }
.bArea02 .bd a { display:block; width:367px; height:88px; line-height:88px; /*padding-left:100px;*/ box-sizing: border-box; margin-bottom:12px; /*font-size:22px;*/font-size:0; color:transparent; }
.bArea02 .bd a.a1 { background:url(b01.png) no-repeat center; }
.bArea02 .bd a.a2 { background:url(b02.png) no-repeat center; }

.cArea { padding:55px 0; background:#eee; }
.cArea .hd01 { text-align:center; }
.cArea .hd01 h1 { font-size:23px; color:#0d4fa2; font-weight:normal; padding-bottom:15px; background:url(hd01.png) no-repeat center bottom; }
.cArea .hd01 p { font-size:14px; margin-top:10px; }

.cArea01 { margin-top:35px; }
.cArea01 .hd { margin-bottom:45px; }
.cArea01 .hd ul { text-align:center; }
.cArea01 .hd ul li { display:inline-block; *display:inline; zoom:1; padding:0 25px; height:26px; text-align:center; line-height:26px; font-size:16px; border-radius:5px; background:#fff; border:1px solid #bcbcbc; margin:0 10px; cursor:pointer; }
.cArea01 .hd ul li.on { background:url(hd02.png) repeat-x center; color:#fff; }

.cArea01 .bd ul li { float:left; width:202px; border:1px solid #bcbcbc; background:#fff; height:300px; margin:0 18px; }
.cArea01 .bd ul li .txt { padding:15px 15px 0 15px; }
.cArea01 .bd ul li .txt span { display:block; width:130px; height:2px; background:#93b4db; margin:0 auto; }
.cArea01 .bd ul li .txt h1 { font-size:13px; text-align:center; font-weight:normal; margin:15px 0 10px 0; }
.cArea01 .bd ul li .txt p { line-height:23px; }
.cArea01 .bd ul li:hover { background:#0a73ca; }
.cArea01 .bd ul li:hover span { background:#7cb4e3; }
.cArea01 .bd ul li:hover h1 { color:#fff; }
.cArea01 .bd ul li:hover p { color:#fff; }
.cArea01 .bd .c01 { position:relative; }
.cArea01 .bd .c02 { position:relative; }
.cArea01 .bd .c03 { position:relative; }
.cArea01 .bd .c04 { position:relative; }
.cArea01 .bd .c05 { position:relative; }

.cArea01 .bd .prev01,.cArea01 .bd .next01 { position:absolute; top:105px; display:block; width:41px; height:92px; z-index:99; }
.cArea01 .bd .prev01 { left:-55px; }
.cArea01 .bd .next01 { right:-55px; }

.dArea { padding:35px 0; }
.dArea01 { width:588px; }
.dArea01 .bd { height:345px; border-bottom:3px solid #0a73ca; }
.dArea01 .bd ul li { float:left; width:265px; margin:0 14.5px; }
.dArea01 .bd ul li .txt h1 { font-weight:normal; padding:20px 0; font-size:16px; }
.dArea01 .bd ul li .txt p { font-size:13px; line-height:25px; height:100px; } 
.dArea01 .bd ul li .txt .more { display:block; width:120px; height:30px; text-align:center; line-height:30px; background:#0a73ca; font-size:14px; color:#fff; }

