@charset "utf-8";
.container { position: relative; width: 100%; }

.Area-hd { text-align:center; margin-bottom:35px; }
.Area-hd p { font-size:32px; color:#d2d2d2; text-transform:uppercase; }
.Area-hd span { display:block; font-size:24px; color:#373d41; font-weight:bold; }
.Area-hd i { display:block; width:108px; height:2px; background:#7c7f81; margin:8px auto; }
.Area-hd em { display:block; font-size:14px; color:#44484a; }

.aArea { padding:50px 0 60px; }
.aArea .pic { float:left; width:470px; border:5px solid #f2f2f2; margin-left:10px; }
.aArea .txt { float:right; width:650px; margin-right:10px; }
.aArea .txt .p1 { font-size:22px; color:#333; font-weight:bold; padding:35px 0; }
.aArea .txt .p2 { font-size:16px; color:#333; line-height:2; min-height:200px;  padding-top:35px; }
.aArea .txt .p3 a { float:right; display:block; width:160px; height:35px; line-height:35px; font-size:14px; color:#fff; text-align:center; background:url(more.png) no-repeat center; }

.bArea { padding:50px 0 20px; background:#f2f2f2; }
.bArea .bd ul li { float:left; width:340px; margin-right:90px; text-align:center; }
.bArea .bd ul li:nth-child(3n) { margin-right:0; }

.bArea .bd ul li .p1 { font-size:30px; color:#f30001; font-weight:bold; margin:5px 0 10px; }
.bArea .bd ul li .p2 { min-height:95px; font-size:14px; line-height:20px; color:#000; }

.cArea { padding:70px 0 0; background:url(cArea.jpg) no-repeat center; background-size:cover; }
.cArea .Area-hd span { color:#fff; }
.cArea .Area-hd i { background:#dbdcdd; }

.cArea01 { position:relative; }
.cArea01 ul li { float:left; width:240px; height:350px; background:rgba(0,0,0,0.5); text-align:center; }
.cArea01 ul li:nth-child(2n) { background:rgba(0,0,0,0.1); }

.cArea01 ul li .p1 { padding-top:90px; font-size:24px; color:#fff; font-weight:bold; transition: all 0.6s; }
.cArea01 ul li .p2 { margin:10px auto 25px auto; width:22px; height:1px; background:#fff; }
.cArea01 ul li .p3 { padding:0 20px; font-size:13px; line-height:24px; min-height:120px; color:#fff; }
.cArea01 ul li .p5 { display:none; }
.cArea01 ul li .p5 a { display:block; width:140px; height:38px; line-height:38px; font-size:14px; color:#fff; border:1px solid #fff; border-radius:25px; margin:0 auto; }

.cArea01 ul li:hover { background:url(cbg.jpg) no-repeat; }
.cArea01 ul li:hover .p1 { padding-top:70px; }
.cArea01 ul li:hover .p4 { display:none; }
.cArea01 ul li:hover .p5 { display:block; }

.cArea01 .prev,.cArea01 .next { position: absolute; top: 50%; width:28px; height:28px; margin-top:-14px; z-index:9999; }
.cArea01 .prev { left:-80px; background: url(prev.png) no-repeat; }
.cArea01 .next { right: -80px; background: url(next.png) no-repeat; }

.dArea { padding:70px 0 45px; }
.dArea .Area-hd { position:relative; }
.dArea .Area-hd a { position:absolute; right:0; bottom:0; display:block; width:160px; height:35px; line-height:35px; font-size:14px; color:#fff; text-align:center; background:url(more.png) no-repeat center; z-index:9; }


.dArea01 .hd ul li { float:left; height:80px; line-height:80px; background:#2c2c2c; box-sizing: border-box; font-size:20px; color:#fff; font-weight:bold; padding-left:40px; }
.dArea01 .hd ul li i { display:inline-block; padding-left:50px; }

.dArea01 .hd ul li:nth-child(1) { width:300px; }
.dArea01 .hd ul li:nth-child(1) i { background:url(d01.png) no-repeat center left; }
.dArea01 .hd ul li:nth-child(2) { width:370px; background:url(li04.jpg) repeat-x; }
.dArea01 .hd ul li:nth-child(2) i { background:url(d02.png) no-repeat center left; }
.dArea01 .hd ul li:nth-child(3) { width:300px; border-right:1px solid #fff; }
.dArea01 .hd ul li:nth-child(3) i { background:url(d03.png) no-repeat center left; }
.dArea01 .hd ul li:nth-child(4) { width:230px; }
.dArea01 .hd ul li:nth-child(4) i { background:url(d04.png) no-repeat center left; }

.dArea01 .bd ul li { background:#dddcdc; height:54px; line-height:54px; font-size:14px; color:#373d41; overflow:hidden; }
.dArea01 .bd ul li:nth-child(2n) { background:#ccc; }
.dArea01 .bd ul li p { float:left; padding-left:50px; box-sizing: border-box; }
.dArea01 .bd ul li p i { display:inline-block; padding-left:20px; background:url(li05.png) no-repeat center left; }
.dArea01 .bd ul li p:nth-child(1) { width:300px; }
.dArea01 .bd ul li p:nth-child(2) { width:370px; }
.dArea01 .bd ul li p:nth-child(3) { width:300px; }
.dArea01 .bd ul li p:nth-child(4) { width:230px; }

.eArea { padding-bottom:70px; }
.eArea .hd { position:relative; margin-bottom:30px; }
.eArea .hd .p1 { height:26px; line-height:26px; border-left:5px solid #ff0e0e; padding-left:5px; font-size:32px; color:#d2d2d2; font-weight:bold; text-transform:uppercase; }
.eArea .hd .p2 { font-size:14px; color:#44484a; padding-left:10px; }
.eArea .hd .p2 i { font-size:24px; color:#373d41; padding-right:15px; font-weight:bold; }
.eArea .hd a { position:absolute; right:0; bottom:0; display:block; width:160px; height:35px; line-height:35px; font-size:14px; color:#fff; text-align:center; background:url(more.png) no-repeat center; z-index:9; }

.eArea .bd ul { background:url(li03.jpg) repeat-y center; }
.eArea .bd ul li { float:left; width:520px; margin-right:160px; font-size:15px; color:#000; height:45px; line-height:45px; padding-left:20px; background:url(li05.png) no-repeat center left; box-sizing: border-box; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.eArea .bd ul li a { color:#000; }
.eArea .bd ul li:nth-child(2n) { margin-right:0; }
.eArea .bd ul li span { float:right; color:#7a7a7a; padding-left:15px; }


.fArea { padding:60px 0 75px; background:#f2f2f2; }
.fArea01 { padding-left:30px; }
.fArea01 ul li { float:left; width:174px; margin:0 16px 10px 0; border:1px solid #dcdcdc; }

.gArea { padding:60px 0 45px 0; }

