@charset "utf-8";

body { max-width: 1680px; }

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

.banner { position: relative; width:1200px; margin:0 auto; overflow: hidden; z-index:0;  }
.banner .bd { position: relative; width:100%; text-align: center; overflow: hidden; }
.banner .wrap { position:relative; }
.banner .hd { position: absolute; bottom:20px; width:1200px; text-align:center; z-index:999; }
.banner .hd ul {  display:inline-block; *display:inline; zoom:1;   }
.banner .hd li { float:left; width:13px; height:13px; border:1px solid #fff; border-radius:100%; margin:0 5px; text-indent:-9999em; background:transparent; cursor:pointer; }
.banner .hd li.on { background:#fff; }

.banner .prev,.banner .next { position: absolute; left: 5%; top: 50%; width:56px; height:56px; margin-top:-28px; display: none; z-index:9999; }
.banner .prev { left: 5%; right: auto; background: url(prev.png); }
.banner .next { left: auto; right: 5%; background: url(next.png); }

.aArea { margin-top:30px; }
.aArea01 { float:left; width:650px; }
.aArea01 .pic { float:left; width:240px; }
.aArea01 .txt { float:right; width:390px; }
.aArea01 .txt h2 { font-size:18px; font-weight:normal; color:#000; margin-bottom:20px; }
.aArea01 .txt p { padding-top:10px; border-top:1px solid #f0f0f0; font-size:12px; height:55px; }
.aArea01 .txt a.m { display:block; width:87px; height:22px; text-align:center; line-height:22px; background:#e70012; color:#fff; }

.aArea02 { float:right; width:525px; }
.aArea02 .hd01 { font-size:18px; font-weight:normal; color:#000; margin-bottom:10px; }
.aArea02 .hd01 a { text-transform:uppercase; }
.aArea02 .hd01 ul {  position:relative; }
.aArea02 .hd01 ul li { float:left; display:inline-block; padding:0 10px; background:#f6f6f6; font-size:14px; height:27px; line-height:27px; }
.aArea02 .hd01 ul li a { position:absolute; top:0; right:0; display:none; height:27px; line-height:27px; z-index:5; }
.aArea02 .hd01 ul li.on { background:#e70012; color:#fff; }
.aArea02 .hd01 ul li.on a { display:inline-block; }
 

.aArea02 .tabox { position:relative; background:#f6f6f6; height:80px; padding:20px 0 0 20px; }
.aArea02 .bd01 ul { width:445px; }
.aArea02 .bd01 ul li { height:65px; }
.aArea02 .bd01 ul li .date { float:left; width:60px; text-align:center; font-size:42px; color:#333; line-height:1; }
.aArea02 .bd01 ul li .date span { display:block; font-size:12px; margin-top:5px; }
.aArea02 .bd01 ul li .txt { float:right; width:370px; }
.aArea02 .bd01 ul li .txt h2 { font-size:14px; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:7px; }
.aArea02 .bd01 ul li .txt h2 a { color:#000; }
.aArea02 .bd01 .prev,.aArea02 .bd01 .next { position:absolute; display:block; width:41px; height:48px; right:0; z-index:9; }
.aArea02 .bd01 .prev { top:0; background:url(prev01.png) no-repeat center #c4c4c4; }
.aArea02 .bd01 .next { bottom:0; background:url(next01.png) no-repeat center #e7131c; }



.bArea { margin-top:30px; background:#f6f6f6; }

.bArea01 {  height:170px; width:1200px; overflow:hidden; }
.bArea01 ul li { float: left; display: inline; width:240px; overflow:hidden; height:170px; color: #fff; cursor: pointer; position: relative; transition: all 0.6s; }
.bArea01 .fold { width:240px; height:170px; position: absolute; top: 0px; left: 0px;transition: all 0.6s; }
.bArea01 .unfold { width:480px; height:170px; position: absolute; top: 0px; left: 0px; background:#fff; }

.bArea01 .txt { position:absolute; top:85px; left:20px; }
.bArea01 .txt .p1 { color:#fff; font-size:24px; line-height:1; margin-bottom:10px; }
.bArea01 .txt .p2 { color:#fff; font-size:14px; text-transform:uppercase; }
.bArea01 ul li:nth-child(2n) .txt .p1 { color:#000; }
.bArea01 ul li:nth-child(2n) .txt .p2 { color:#000; }

.bArea01 ul li.current { width:480px; }
.bArea01 ul li.current .fold { width:0!important; height:170px; overflow:hidden; }