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

.aArea { background:url(aArea01.jpg) repeat-x; height:114px; }
.aArea01 { position:relative; background:url(aArea03.jpg) no-repeat; height:90px; }

.aArea01 ul { float:left; margin:26px 0 0 15px; }
.aArea01 ul li { float:left; }
.aArea01 ul li a { display:block; width:145px; height:37px; margin:0 5px; text-align:center; line-height:37px; border:1px solid #576894; color:#f0f0f0; }
.aArea01 ul li:hover a { color:#ef4c4d; border-color:#ef4c4d; }

.aArea01 p { float:right; width:181px; height:90px; background:#3b4162; }
.aArea01 p a { display:block; width:140px; height:40px; text-align:center; line-height:40px; background:#41517a; color:#f0f0f0; font-size:16px; margin-top:25px; }
.aArea01 span { float:right; display:block; margin-top:25px; }

.aArea01 .qq { position:fixed; top:420px; left:2px; background:#ef4c4d; width:96px; height:32px; padding:29px; z-index:9999; }
.aArea01 .qq a { display:block; width:57px; height:40px; line-height:40px; color:#fff; font-size:14px; border:1px solid #f69999; background:url(qq.png) no-repeat 2px 9px; padding:0 20px 0 29px; }

.bArea { margin-top:40px; }
.bArea .hd { float:left; width:185px; height:437px; background:url(bArea01.jpg) no-repeat top center; color:#fff; padding-left:25px; padding-bottom:65px; }
.bArea .hd h2 { font-size:18px; line-height:1; padding-top:25px; }
.bArea .hd h3 span { display:block; line-height:1; font-family:"华文中宋","微软雅黑"; text-transform:uppercase; font-weight:normal; margin-top:10px; }
.bArea .hd ul { margin-top:15px; }
.bArea .hd ul li { width:130px; height:25px; line-height:25px; border:1px solid #616e8f; padding-left:20px; margin-bottom:5px; color:#f6f7f8; cursor:pointer; }
.bArea .hd ul li.on { background:#3b4162; }

.bArea .hd ul p a { display:block; width:130px; height:25px; line-height:25px; border:1px solid #616e8f; padding-left:20px; color:#f6f7f8;  background:#3b4162; cursor:pointer; }

.bArea .bd { float:left; }
.bArea .bd ul { width:990px; }
.bArea .bd ul li { position:relative; float:left; margin-left:30px; margin-bottom:27px; }
.bArea .bd ul li p { position:absolute; left:0; top:0; width:300px; height:205px; background:url(bArea02.png) repeat; text-align:center; display:none; }
.bArea .bd ul li p span { display:block; font-size:18px; color:#fff; padding:55px 0 15px; }
.bArea .bd ul li:hover p { display:block; }

.cArea { height:568px; background:url(cArea01.jpg) no-repeat center; }
.cArea .hd { padding-top:55px; text-align:center; }
.cArea .hd p { font-size:24px; color:#e2e3e7; height:42px; line-height:42px; background:url(c11.png) no-repeat center; }
.cArea .hd span { display:block; color:#fff; text-transform:uppercase; margin-top:5px; }
.cArea .bd { margin-top:45px; }
.cArea .bd ul { width:1012px; margin:0 auto; }
.cArea .bd ul li { float:left; width:223px; height:342px; background:url(cArea02.png) no-repeat; margin:0 15px; }
.cArea .bd ul li h3 { text-align:center; padding-top:30px; }
.cArea .bd ul li h4 { text-align:center; font-weight:normal; font-size:14px; color:#000; line-height:1; margin:30px 0 25px; }
.cArea .bd ul li p { width:160px; margin:0 auto; color:#777; line-height:22px; }

.dArea { padding:70px 0; }
.dArea01 { width:695px; float:left; }
.dArea01 .pic { position:relative; float:left; width:350px; height:470px; }
.dArea01 .pic .img02 { position:absolute; bottom:35px; right:0; }
.dArea01 .txt { position:relative;  float:left; width:345px; height:470px; background:#ededed; }
.dArea01 .txt .hd { font-size:24px; color:#fff; width:345px; height:119px; text-align:center; line-height:119px; background:url(dArea01.jpg) no-repeat; }
.dArea01 .txt .bd { text-indent:2em; width:285px; margin:30px auto; line-height:22px; color:#444; }
.dArea01 .txt .more { position:absolute; bottom:35px; left:0; display:block; width:140px; height:40px; text-align:center; line-height:40px; font-size:16px; font-weight:bold; color:#fff; background:#41517a; }

.dArea02 { float:left; width:505px; }
.dArea02 .bd { text-indent:2em; float:left; line-height:22px; color:#fff; width:345px; height:190px; background:#41517a; padding:45px 25px 0 25px;  }
.dArea02 .hd { float:left; }

.eArea { height:592px; background:url(eArea.jpg) no-repeat center; }  
.eArea .hd { padding-top:55px; text-align:center; }
.eArea .hd p { font-size:24px; color:#e2e3e7; height:42px; line-height:42px; background:url(c11.png) no-repeat center; }
.eArea .hd span { display:block; color:#fff; text-transform:uppercase; margin-top:5px; }

.eArea .bd { background:#fff; padding:40px 40px 50px 40px; margin-top:25px; }
.eArea .bd p { background:url(eArea01.jpg) no-repeat top center }
.eArea .bd p i { display:block; width:925px; margin:0 auto; text-align:center; line-height:22px; font-size:14px; }
.eArea .bd ul { margin-top:35px; }
.eArea .bd ul li { position:relative; float:left; width:250px; margin:0 15px; padding-bottom:10px; border-bottom:1px solid #a6a5a5; }
.eArea .bd ul li h4 { font-weight:normal; color:#666; margin-top:15px; }
.eArea .bd ul li span { color:#999; }
.eArea .bd ul li .pic { position:absolute; top:0; left:0; padding-top:70px; background:url(bArea02.png) repeat; width:250px; height:105px; text-align:center; display:none; }
.eArea .bd ul li .pic img { padding:4px; border:1px solid #979fb4; }
.eArea .bd ul li:hover .pic { display:block; }
.eArea .bd ul li:hover h1 { color:#000; }

.fArea { padding:55px 0 70px; min-height:330px; }
.fArea01 { width:680px; float:left; }
.fArea01 .hd ul { border-bottom:1px solid #dedede; }
.fArea01 .hd ul li { float:left; margin-right:2px; width:105px; height:35px; text-align:center; line-height:35px; font-size:14px; color:#fff; background:#41517a; cursor:pointer; }
.fArea01 .hd ul li.on { background:#ef4c4d; }
.fArea01 .bd { margin-top:5px; }

.fArea01 .bd ul li { margin-top:20px; }
.fArea01 .bd ul li .date { float:left; border:1px solid #e5e5e5; width:77px; height:65px; font-size:35px; color:#fff; text-align:center; line-height:1; background:#aaa; padding-top:10px; }
.fArea01 .bd ul li .date span { display:block; font-size:12px; color:#fff; margin-top:5px; }
.fArea01 .bd ul li .txt { float:right; width:570px; }
.fArea01 .bd ul li .txt h1 a { font-size:14px; font-weight:normal; color:#000; }
.fArea01 .bd ul li .txt p { margin-top:15px; color:#8c8c8c; }
.fArea01 .bd ul li:hover .txt h1 a { font-weight:bold; }
.fArea01 .bd ul li:hover .date { background:#ef4c4d; }

.fArea02 { float:right; width:470px; }
.fArea02 .hd { font-size:16px; color:#41517a; padding-left:15px; height:35px; line-height:35px; background:url(fArea02.jpg) no-repeat bottom left; }
.fArea02 .bd { margin-top:30px; }
.fArea02 .bd .pic { float:left; }
.fArea02 .bd .txt { float:right; width:260px; margin-right:15px; }
.fArea02 .bd .txt h1 { padding:10px 0; }
.fArea02 .bd .txt h1 a { font-size:15px; color:#000; font-weight:normal; }
.fArea02 .bd .txt p { color:#8c8c8c; }
.fArea02 .bd ul { margin-top:15px; }
.fArea02 .bd ul li { line-height:30px; }
.fArea02 .bd ul li span { float:right; }
.fArea02 .bd ul li a { font-size:14px; color:#333; background:url(fArea03.jpg) no-repeat center left; padding-left:15px; }
.fArea02 .bd ul li:hover a { color:#ef4c4d; }