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

.aArea { background:url(/img/aArea01.jpg) repeat-x; height:114px; }
.aArea01 { position:relative; background:url(/img/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 #026BA3; color:#f0f0f0; }
.aArea01 ul li:hover a { color:#0497E6; border-color:#026BA3; }

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

.aArea01 .qq { position:absolute; top:-100px; right:0; background:#ef4c4d; width:122px; height:42px; 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(/img/qq.png) no-repeat 11px 9px; padding:0 20px 0 43px; }

.bArea { margin-top:40px; }
.bArea .hd { float:left; width:185px; height:437px; background:url(/img/bArea01.jpg) no-repeat top center; color:#fff; padding-left:25px; padding-bottom:65px; }
.bArea .hd b { font-size:18px; line-height:1; margin-top:25px; display:block }
.bArea .hd b 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 #196BBD; padding-left:20px; margin-bottom:5px; color:#f6f7f8; cursor:pointer; }

.bArea .hd ul li a { font-size:14px; color:#fff; }


.bArea .hd ul li.on { background:#064584; }

.bArea .hd ul p a { display:block; width:130px; height:25px; line-height:25px; border:1px solid #196BBD; padding-left:20px; color:#f6f7f8;  background:#0A4F95; cursor:pointer; }


.bArea .bd { float:left; }
.bArea .bd ul { width:990px; }
.bArea .bd ul li { position:relative; float:left; margin-left:38px; width:207px; height:205px; margin-bottom:24px; border:1px #f1f1f1 solid; }

.bArea .bd ul li img { width:180px; height:180px; padding-top:13px; padding-left:13px;}
.bArea .bd ul li p img{ width:47px; height:47px; }


.bArea .bd ul li p { position:absolute; left:0; top:0; width:207px; height:205px; background:url(/img/bArea02.png) repeat; text-align:center; display:none; }
.bArea .bd ul li p span { display:block; font-size:16px; color:#fff; padding:55px 0 15px; }
.bArea .bd ul li:hover p { display:block; }


.cArea { height:568px; background:url(/img/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(/img/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(/img/cArea02.png) no-repeat; margin:0 15px; }
.cArea .bd ul li h2 { text-align:center; padding-top:30px; }
.cArea .bd ul li h1 { 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(/img/dArea01.jpg) no-repeat; }
.dArea01 .txt .bd { text-indent:2em; width:285px; margin:30px auto; line-height:26px; font-size:14px;  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:#1359A1; }

.dArea02 { float:left; width:505px; }
.dArea02 .bd { text-indent:2em; float:left; line-height:26px; color:#fff; font-size:13px; width:345px; height:190px; background:#1359A1; padding:45px 25px 0 25px;  }
.dArea02 .hd { float:left; }

.eArea { height:552px; background:url(/img/eArea.png) no-repeat center; }  
.eArea .hd { padding-top:45px; text-align:center; }
.eArea .hd p { font-size:24px; color:#666666; height:42px; line-height:42px; background:url(/img/c11.png) no-repeat center; }
.eArea .hd span { display:block; color:#666666; text-transform:uppercase; margin-top:5px; }

.eArea .bd { background:#fff; padding:10px 40px 50px 40px; margin-top:25px; }
.eArea .bd p { background:url(/img/eArea01.png) 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 h1 { font-weight:normal; color:#666; margin-top:15px; font-size:14px;

width: 250px;  /*必须设置宽度*/
    overflow: hidden;  /*溢出隐藏*/
    text-overflow: ellipsis; /*以省略号...显示*/
    white-space: nowrap;  /*强制不换行*/

 }
.eArea .bd ul li span { color:#999; }
.eArea .bd ul li .pic { position:absolute; top:0; left:0; padding-top:70px; background:url(/img/bArea02.png) repeat; width:250px; height:105px; text-align:center; display:none; }
.eArea .bd ul li .pic img { padding:10px; border:1px solid #fff; border-radius:20px;  }
.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:#155DA3; 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:15px; font-weight:normal; color:#000; }
.fArea01 .bd ul li .txt p { margin-top:15px; color:#8c8c8c; font-size:13px; }
.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(/img/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:15px; color:#333; background:url(/img/fArea03.jpg) no-repeat center left; padding-left:15px; }
.fArea02 .bd ul li:hover a { color:#ef4c4d; }