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

.Area-hd { text-align:center; margin-bottom:35px; }
.Area-hd .p1 { font-size:32px; color:#333; line-height:35px; }
.Area-hd .p2 { font-size:14px; color:#999; font-family:"Arial","微软雅黑"; margin:15px 0; }
.Area-hd .p3 { font-size:16px; color:#666; line-height:35px; }

.aArea { padding:110px 0 100px; }
.aArea .bd01 { font-size:22px; color:#666; text-align:center; }
.aArea .bd01 i { font-size:56px; color:#ba0006; font-style:italic; font-weight:bold; font-family:"Times New Roman","Arial","微软雅黑"; padding:0 10px; }
.aArea .bd01 i sup { font-size:26px; font-style:normal; font-weight:normal; font-family:"Arial","微软雅黑"; margin-left:5px; }

.aArea ul { margin-top:35px; }
.aArea ul li { position:relative; float:left; width:240px; padding-top:25px; margin-right:80px; }
.aArea ul li:last-child { margin-right:0; }
.aArea ul li .p1 { width:215px; height:215px; overflow:hidden; margin:0 auto; border-radius:100%; box-shadow: #ccc 0px 0px 10px; }
.aArea ul li .p1 img { width:215px; height:215px; }
.aArea ul li .p2 { margin-top:30px; font-size:16px; color:#666; text-align:center; }
.aArea ul li .p3 { display:none; position:absolute; top:0; left:0; right:0; padding:20px 20px 0 20px;; background:url(a01.png) no-repeat center top; height:240px; color:#fff; z-index:9; }
.aArea ul li .p3 .aa { font-size:14px; line-height:25px; min-height:150px; }
.aArea ul li .p3 a { display:block; width:160px; height:40px; margin:0 auto; text-align:center; line-height:40px; font-size:14px; color:#ba0006; background:#fff; border-radius:25px; }
.aArea ul li:hover .p3 { display:block; }

.bArea { position:relative; background:#797777; }
#canvas1 { width:100%!important; height:805px!important; z-index:0; }
.bArea01 { position:absolute; top:53px; left:0; width:100%; z-index:9; }
.bArea01 .Area-hd .p1 { color:#fff; }
.bArea01 .Area-hd .p2 { color:#fff; }
.bArea01 .Area-hd .p3 { color:#fff; }
.bArea02 { position:relative; }
.bArea02 ul li { position:relative; float:left; width:400px; }
.bArea02 ul li .txt { position:absolute; top:0; right:0; bottom:0; left:0; padding:110px 30px 0 30px; text-align:center; color:#fff; z-index:9; }
.bArea02 ul li .txt .p1 { font-size:26px; margin-bottom:25px; }
.bArea02 ul li .txt .p2 { font-size:14px; line-height:25px; min-height:225px; }
.bArea02 ul li .txt .p3 { display:none; }
.bArea02 ul li:hover .txt { background:rgba(186,0,6,0.6); }
.bArea02 ul li:hover .txt .p3 { display:block; }

.bArea02 .prev,.bArea02 .next { position:absolute; top:0; width:60px; height:60px; margin-top:-30px; top:50%; z-index:9; }
.bArea02 .prev { left:-80px; background:url(prev.png) no-repeat center; }
.bArea02 .next { right:-80px; background:url(next.png) no-repeat center; }

.cArea { padding:110px 0 100px; background:#f5f5f5; }
.cArea01 .hd { margin-bottom:40px; text-align:center; }
.cArea01 .hd ul li { display:inline-block; width:130px; height:35px; text-align:center; line-height:35px; font-size:14px; color:#333; border-radius:25px; cursor:pointer; }
.cArea01 .hd ul li.on { background:#ba0006; color:#fff; }

.cArea01 .bd { min-height:610px; }
.cArea01 .bd ul { width:1220px; }
.cArea01 .bd ul li { position:relative; float:left; width:285px; overflow:hidden; margin-right:20px; }
.cArea01 .bd ul li img { width:285px; height:190px; }
.cArea01 .bd ul li .txt { position:absolute; top:280px; left:0; right:0; bottom:0; padding:30px 40px 0 40px; background:rgba(0,0,0,0.4); transition: all 0.6s;  }
.cArea01 .bd ul li .txt .p1 p { float:left; display:block; width:80px; height:25px; line-height:25px; text-align:center; background:#ba0006; color:#fff; font-size:14px; font-weight:bold; border-radius:25px; }
.cArea01 .bd ul li .txt .p1 i { float:left; display:block; line-height:25px; font-size:12px; color:#fff; margin-left:15px; }
.cArea01 .bd ul li .txt .p2 { margin:15px 0 30px; height:20px; line-height:20px;font-size:16px; color:#fff; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.cArea01 .bd ul li .txt .p3 { width:36px; height:1px; background:#fff; }
.cArea01 .bd ul li .txt .p4 { margin-top:30px; color:#fff; line-height:28px; font-size:14px; min-height:90px; }
.cArea01 .bd ul li .txt .p5 a { font-size:14px; color:#fff; text-decoration:underline; }
.cArea01 .bd ul li:hover .txt { top:0; padding-top:90px; }

.cArea01 .bd ul li .txt01 { position:absolute; left:0; right:0; bottom:0; background:rgba(0,0,0,0.3); padding:15px 25px; color:#fff; }
.cArea01 .bd ul li .txt01 .p2 { font-size:14px; height:20px; line-height:20px; margin-top:3px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.cArea01 .bd ul li:nth-child(1),.cArea01 .bd ul li:nth-child(2) { width:590px; margin-bottom:20px; }
.cArea01 .bd ul li:hover { box-shadow: #c8c8c8 -6px -5px 10px; }

.cArea01 .bd ul li:nth-child(1) img,.cArea01 .bd ul li:nth-child(2) img { width:590px; height:400px; }

.cArea01 .bd ul li img { transition: all 0.6s; }
.cArea01 .bd ul li:hover img { transform: scale(1.1)!important;  }

.dArea { padding:110px 0 70px; }
.dArea .tempWrap { width:1200px!important; }
.dArea .bd ul li { float:left; width:240px; }
.dArea .bd ul li .img02 { display:none; }
.dArea .bd ul li a { display:block; width:230px; height:90px; margin:10px auto 20px; }
.dArea .bd ul li a:hover { box-shadow: #e5e5e5 0px 0px 10px; }
.dArea .bd ul li a:hover .img01 { display:none; }
.dArea .bd ul li a:hover .img02 { display:block; }
.dArea .hd ul { text-align:center; }
.dArea .hd ul li { display:inline-block; width:6px; height:6px; border:1px solid #999; margin:0 10px; border-radius:100%; font-size:0; border-radius:100%; cursor:pointer; }
.dArea .hd ul li.on { background:#999; }