@charset "utf-8";

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

.aArea { background:url(../images/aArea01.jpg) repeat-x; height:114px; }
.aArea01 { position:relative; background:#42517A; 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 #fff; color:#f0f0f0; }
.aArea01 ul li:hover a { color:#F5D705; border-color:#F5D705; }
.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:#42517A; 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(../images/qq.png) no-repeat 11px 9px; padding:0 20px 0 43px; }

.bArea { margin-top:40px; }
/*.prolist .hd , .bArea .hd { float:left; width:185px; height:437px; background:url(../images/bArea01.jpg) no-repeat top center; color:#fff; padding-left:25px;}
.prolist .hd {padding-bottom: 40px;}
.bArea .hd {padding-bottom: 65px;}
.prolist .hd h1 , .bArea .hd h1 { font-size:18px; line-height:1; padding-top:25px; color: #3a3a3a;}
.prolist .hd h1 span , .bArea .hd h1 span { display:block; line-height:1; font-family:"华文中宋","微软雅黑"; text-transform:uppercase; font-weight:normal; margin-top:10px; }
.prolist .hd ul , .bArea .hd ul { margin-top:15px; }
.prolist .hd ul li , .bArea .hd ul li { width:130px; height:25px; line-height:25px; border:1px solid #B9B9B9; padding-left:20px; margin-bottom:5px; color:#fff; cursor:pointer; }
.prolist .hd ul li a , .bArea .hd ul li a{ display: block; color: #3a3a3a; }
.prolist .hd ul li:hover , .bArea .hd ul li.on{ background:#3a3a3a;}
.prolist .hd ul li a:hover { color: #fff;}
.prolist .hd ul p a , .bArea .hd ul p a { display:block; width:130px; height:25px; line-height:25px; border:1px solid #fff; padding-left:20px; color:#fff;  background:#3B4162; cursor:pointer; }*/
.prolist .hd{
  width: 100%;
  padding-bottom: 25px;
  border:1px solid #b01100;
  /*background: url(../images/fl_bg.png) no-repeat bottom;*/
  -webkit-background-size: 100%;
  background-size: 100%;
}
.prolist .hd ul{
  padding: 8px 15px 0;
}
.prolist .hd ul li{
  margin-bottom: 8px;
  line-height: 26px;
  border:1px solid #b01100;
}
.prolist .hd ul li a{
  display: block;
  text-align: center;
  color: #b01100;
}
.prolist .hd ul li a:hover{
  color: #fcff00;
  background: url(../images/nav_hv.png) no-repeat 10px center;
  background-color: #b01100;
}
.bArea .bd { float:left; }
.bArea .bd ul { width:990px; }
.bArea .bd ul li { position:relative; float:left; margin-left:30px; margin-bottom:25px; }
.bArea .bd ul li p { position:absolute; left:0; top:0; width:300px; height:205px; background:rgba(0,0,0,.4); text-align:center; display:none; }
.bArea .bd ul li p span { display:block; font-size:16px; color:#fff; padding:60px 10px 15px; }
.bArea .bd ul li:hover p { display:block; }

/*.cArea { height:568px; background:url(../images/cArea01.jpg) no-repeat center; background-attachment: fixed; background-size: cover;}
.cArea .hd { padding-top:55px; text-align:center; }
.cArea .hd p { font-size:24px; color:#e2e3e7; height:42px; line-height:42px; background:url(../images/c11.png) no-repeat center; }
.cArea .hd span { display:block; color:#fff; text-transform:uppercase; margin-top:5px; }
.cArea .bd { height: 262px; margin-top:45px; background-color: #fff;}*/

.cArea { height:568px; background:url(../images/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(../images/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(../images/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; }