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

.Area-hd { font-size:19px; color:#4a5c8a; text-align:center; height:42px; line-height:42px; background:url(aArea01.png) no-repeat center; }

.aArea { padding:55px 0 25px; }
.aArea01 { margin-top:25px; }
.aArea01 .hd ul { text-align:center; }
.aArea01 .hd ul li { display:inline-block; *display:inline; zoom:1; padding:0 50px; height:35px; text-align:center; line-height:35px; background:#4a5c8a; color:#fff; margin-bottom:5px; cursor:pointer; }
.aArea01 .hd ul li.on { background:#f28020; }

.aArea01 .bd { margin-top:50px; }
.aArea01 .bd ul { width:1250px; }
.aArea01 .bd ul li { float:left; padding:15px; border:1px solid #ccc; width:230px; margin-right:50px; }
.aArea01 .bd ul li span { display:block; text-align:center; margin-top:15px; }

.aArea01 .more { display:block; width:570px; height:40px; margin:35px auto; text-align:center; line-height:40px; border:1px solid #ccc; border-radius:10px; font-size:16px; -webkit-box-shadow: 3px 3px 10px #ccc; box-shadow: 3px 3px 10px #ccc; }
.aArea01 .more:hover { color:#f28020; border-color:#f28020;  -webkit-box-shadow: 3px 3px 10px #f28020; box-shadow: 3px 3px 10px #f28020;  }

.bArea { padding-top:54px; height:430px; background:url(bArea.jpg) no-repeat center; }
.bArea .Area-hd { color:#fff; background:url(bArea01.png) no-repeat center; }

.bArea .bd { margin-top:50px; }
.bArea .bd ul { width:1028px; margin:0 auto; }
.bArea .bd ul li { float:left; margin:0 17px; width:223px; height:251px; background:url(bArea02.png) no-repeat center; padding-top:30px; text-align:center; }
.bArea .bd ul li h1 { font-weight:normal; font-size:14px; color:#333; margin:25px 0; }
.bArea .bd ul li .p { text-align:left; width:160px; margin:0 auto; line-height:20px; color:#8d8d8d; }

.cArea { padding:55px 0; }

.cArea .bd  { margin-top:35px; }
.cArea .bd .tempWrap { width:1050px; margin:0 auto; }
.cArea .bd ul { padding-top:85px!important; }
.cArea .bd ul li { position:relative; float:left; margin:0 5px; width:200px; height:275px; background:#e7e7e7;  }
.cArea .bd ul li .pic { position:absolute; top:-85px; left:50%; margin-left:-75px; width:150px; height:161px; z-index:1; }
.cArea .bd ul li .pic .img { position:absolute; top:0; left:0; }

.cArea .bd ul li h1 { padding-top:100px; text-align:center; font-size:14px; color:#4a5c8a; font-weight:normal; }
.cArea .bd ul li span { display:block; text-align:center; margin:5px 0 15px; }
.cArea .bd ul li p { width:135px; margin:0 auto; color:#838383; }

.dArea { position:relative; background:#4a5c8a; height:425px; }
.dArea01 { position:absolute; right:50%; }
.dArea02 {  position:absolute; left:50%; width:555px; height:385px; padding:40px 0 0 40px;  }
.dArea02 h1 { font-size:14px; color:#fff; font-weight:normal; padding-bottom:20px; background:url(dArea01.png) no-repeat bottom left; margin-bottom:40px; }
.dArea02 p { line-height:25px; color:#c9cbce; }
.dArea02 .more { position:absolute; bottom:45px; left:40px; display:block; width:105px; height:30px; text-align:center; line-height:30px;  background:#fff; color:#4a5c8a; font-size:14px;  }

.eArea { padding-top:60px; padding-bottom:35px; }
.eArea .bd { margin-top:60px; }
.eArea01 { float:left; width:535px; }
.eArea01 .pic { position:relative; width:535px; height:140px;  }
.eArea01 .pic p { position:absolute; top:0; left:0; color:#fff; font-size:40px; line-height:1; width:68px; background:#4a5c8a; text-align:center; padding:10px 0; z-index:999; }
.eArea01 .pic p span { display:block; font-size:12px; margin-top:5px; }
.eArea01 h1 { font-weight:normal; margin-top:30px; font-size:16px; }
.eArea01 h1 a { color:#000; }
.eArea01 .p1 { color:#797878; line-height:25px; margin-top:15px; }
.eArea01 .more { display:block; width:155px; height:37px; text-align:center; line-height:37px; background:#4a5c8a; color:#fff; font-size:14px; text-transform:uppercase; margin-top:20px; }

.eArea02 { width:580px; float:right; }
.eArea02 ul li {  padding-bottom:20px; border-bottom:1px solid #ddd; margin-bottom:20px; }
.eArea02 .date { float:left; font-size:50px; color:#b8b8b8; width:80px; text-align:center; line-height:1; }
.eArea02 .date span { display:block; font-size:16px; margin-top:4px; }
.eArea02 .txt { width:485px; float:right; }
.eArea02 .txt h1 { font-size:14px; font-weight:normal; }
.eArea02 .txt h1 a { color:#222; }
.eArea02 .txt:hover a { color:#4a5c8a; }
.eArea02 .txt p { color:#868585; line-height:21px; margin-top:7px; }