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

.aArea { padding-top:35px; }
.aArea01 { float:left; width:845px; }
.aArea01 .hd { padding-bottom:16px; border-bottom:1px solid #ccc; margin-bottom:20px; }
.aArea01 .hd ul li { position:relative; float:left; padding-left:40px; font-size:24px; font-weight:bold; color:#000; line-height:26px; cursor:pointer; }
.aArea01 .hd ul li:nth-child(1) { background:url(a01.png) no-repeat center left; padding-right:15px; margin-right:15px; }
.aArea01 .hd ul li:nth-child(1):before { width:2px; height:20px; background:#555; }
.aArea01 .hd ul li:nth-child(2) { background:url(a02.png) no-repeat center left; }

.aArea01 .hd ul li:nth-child(1).on { background:url(a03.png) no-repeat center left; color:#d7000e; }
.aArea01 .hd ul li:nth-child(2).on { background:url(a04.png) no-repeat center left; color:#d7000e; }

.aArea01 .hd .mm { display:block; float:right; width:20px; height:26px; background:url(m01.png) no-repeat center; cursor:pointer; }

.aArea01 .txt01 { margin-bottom:20px; text-align:center; }
.aArea01 .txt01 a:nth-child(1) { display:block; font-size:28px; color:#d7000e; text-align:center; height:50px; line-height:50px; margin-bottom:20px; font-weight:bold; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea01 .txt01 a:nth-child(2),.aArea01 .txt01 a:nth-child(3) { display:inline-block; padding:0 20px; max-width:49%; font-size:18px; color:#000; text-align:center; height:25px; line-height:25px; box-sizing: border-box; font-weight:bold; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea01 .txt01 a:nth-child(2) { border-right:1px solid #000; }

.aArea01 .pic { float:left; width:400px; position:relative; }
.aArea01 .pic .bd01 ul li { position:relative; }
.aArea01 .pic .bd01 ul li p { position:absolute; left:0; right:0; bottom:0; padding:0 100px 0 15px; height:45px; line-height:45px; color:#fff; font-size:16px; font-weight:bold; background:rgba(0,0,0,0.7); z-index:5; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.aArea01 .pic .hd01 { position: absolute; bottom:12px; right:15px; text-align:center; z-index:999; }
.aArea01 .pic .hd01 ul {  display:inline-block; *display:inline; zoom:1;   }
.aArea01 .pic .hd01 li { float:left; width:10px; height:10px; margin:0 2px; text-indent:-9999em; border-radius:100%; background:#fff; cursor:pointer; }
.aArea01 .pic .hd01 li.on { background:#d7000e; }
 
.aArea01 .txt { float:right; width:410px; margin-top:-5px; }
.aArea01 .txt ul li { height:43px; line-height:43px; border-bottom:1px dashed #e4e4e4; font-size:16px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea01 .txt ul li span { float:right; font-size:14px; color:#989898; padding-left:20px; }
.aArea01 .txt ul li:last-child { border-bottom:none; }
.aArea01 .txt ul li:hover a { color:#d7000e; font-weight:bold; }
.aArea01 .txt ul li:hover span { color:#d7000e; }

.aArea02 { float:right; width:330px; }
.aArea02 .hd { position:relative; height:40px; border:1px solid #eaeaea; background:#fafafa; margin-bottom:20px; }
.aArea02 .hd a { display:block; float:right; width:45px; height:40px; background:url(m01.png) no-repeat center; cursor:pointer; }
.aArea02 .hd p { position:absolute; top:-1px; left:-1px; width:125px; height:42px; text-align:center; line-height:42px; background:url(nav.png) no-repeat center bottom #d7000e; font-size:20px; color:#fff; z-index:5; }
.aArea02 .bd { padding:10px 15px 0 15px; border:1px solid #eaeaea; background:#fafafa; min-height:330px; box-sizing: border-box; }
.aArea02 .bd ul li { height:38px; line-height:38px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea02 .bd ul li a { font-size:16px; color:#333; }
.aArea02 .bd ul li span { float:right; font-size:14px; color:#989898; padding-left:20px; }
.aArea02 .bd ul li:hover a { color:#d7000e; font-weight:bold; }
.aArea02 .bd ul li:hover span { color:#d7000e; }


.bArea { margin-top:40px; }
.bBox { float:left; width:400px; }
.bBox .hd { position:relative; padding-bottom:16px; border-bottom:1px solid #ccc; margin-bottom:20px; }
.bBox .hd p { position:relative; padding-left:40px; font-size:24px; font-weight:bold; color:#000; line-height:26px; }
.bBox .hd a { position:absolute; top:0; right:0; display:block; width:20px; height:26px; background:url(m01.png) no-repeat center; cursor:pointer; z-index:5; }
.bBox .bd .txt ul li { height:35px; line-height:35px; font-size:16px; padding-left:20px; background:url(b03.png) no-repeat center left; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.bBox .bd .txt ul li span { float:right; font-size:14px; color:#989898; padding-left:20px; }
.bBox .bd .txt ul li:hover { background:url(b04.png) no-repeat center left; }
.bBox .bd .txt ul li:hover a { color:#d7000e; font-weight:bold; }
.bBox .bd .txt ul li:hover span { color:#d7000e; }
.bBox .bd .txt ul li:nth-child(1) { margin-bottom:5px; height:45px; line-height:45px; border-bottom:1px dashed #e4e4e4; }
.bBox .bd .pic { margin-bottom:5px; }

.bArea01 { margin-right:25px; }
.bArea01 .hd p { background:url(b01.png) no-repeat center left; }
.bArea02 .hd p { background:url(b02.png) no-repeat center left; }

.cArea { margin-top:40px; padding-bottom:50px; }
.cArea .hd { position:relative; padding-bottom:16px; border-bottom:1px solid #ccc; margin-bottom:20px; }
.cArea .hd p { position:relative; padding-left:40px; font-size:24px; font-weight:bold; color:#000; line-height:26px; background:url(c01.png) no-repeat center left; }
.cArea .hd a {  position:absolute; top:0; right:0; float:right; width:20px; height:26px; background:url(m01.png) no-repeat center; cursor:pointer; z-index:5; }

.cArea .bd ul li { position:relative; float:left; width:220px; margin-right:10px; overflow:hidden; transition: all 0.6s; }
.cArea .bd ul li:last-child { margin-right:0; }
.cArea .bd ul li .txt { position:absolute; left:40px; top:35px; z-index:5; transition: all 0.6s; }
.cArea .bd ul li .txt .p1 { font-size:20px; color:#fff; padding-left:45px; line-height:35px;  }
.cArea .bd ul li .txt .p2 { width:40px; height:5px; background:#fff; margin:15px 0 30px; border-radius:10px; }
.cArea .bd ul li .txt .p3 { font-size:16px; color:#fff; display:none; }

.cArea .bd ul li.on { width:510px; }
.cArea .bd ul li.on .txt { left:60px; }
.cArea .bd ul li.on .txt .p3 { display:block; }