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

.aArea ul li { position:relative; float:left; width:33.33%; }
.aArea ul li .pic .img02 { display:none; }
.aArea ul li .txt { position:absolute; top:55px; left:0; width:100%; text-align:center; right:0; z-index:5; }
.aArea ul li .txt i { display:inline-block; color:#fff; padding-left:50px; font-size:24px; line-height:35px; }

.aArea ul li:hover .pic .img01 { display:none; }
.aArea ul li:hover .pic .img02 { display:block; }
.aArea ul li:hover .txt i { background-position:0 -35px!important; color:#555; }

.bArea { padding:80px 0; }
.bArea .hd { font-size:38px; color:#ff9c00; font-weight:bold; letter-spacing:10px; line-height:40px; text-align:center; margin-bottom:65px; }
.bArea .bd ul li { position:relative; float:left; width:385px; margin:0 22px 30px 0; }
.bArea .bd ul li:nth-child(3n) { margin-right:0; }
.bArea .bd ul li .txt { position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.5); text-align:center; padding:90px 35px 0 35px; color:#fff; z-index:5; }
.bArea .bd ul li .txt .p1 i { display:inline-block; font-size:20px; line-height:40px; border-top:2px solid #fff; }
.bArea .bd ul li .txt .p2 { font-size:14px; line-height:27px; margin-top:20px; }

.bArea .bd ul li:hover .txt { background:none; padding:130px 0 0 0; color:#f4d221; z-index:5; }
.bArea .bd ul li:hover .txt .p1 i { font-size:24px; border-top:none; font-weight:bold; }
.bArea .bd ul li:hover .txt .p2 { display:none; }


.cArea01 { margin-bottom:90px; }
.cArea01 .pic { padding:50px 0 30px; }
.cArea01 .txt a { display:none; width:105px; height:36px; text-align:center; line-height:36px; font-size:16px; color:#fff; margin:0 auto; text-transform:uppercase; border:1px solid #fff; border-radius:25px; }

.cArea02 .hd { text-align:center; }
.cArea02 .hd .p1 { font-size:38px; color:#fff; line-height:40px; font-weight:bold; }
.cArea02 .hd .p2 { margin:20px 0 45px; color:rgba(255,255,255,0.5); }

.cArea02 .bd { min-height:730px; }
.cArea02 .bd ul li { position:relative; float:left; width:385px; margin:0 22px 25px 0; }
.cArea02 .bd ul li:nth-child(3n) { margin-right:0; }
.cArea02 .bd ul li .pic p { position:absolute; left:0; bottom:0; right:0; padding:0 25px; font-size:16px; color:#fff; height:50px; line-height:50px; background:rgba(0,0,0,0.7); overflow:hidden; text-overflow: ellipsis; white-space: nowrap; z-index:5; }

.cArea02 .bd ul li .txt { position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.7); padding:65px 25px 0 25px; color:#fff; z-index:5; display:none; }
.cArea02 .bd ul li .txt .p1 { font-size:16px; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.cArea02 .bd ul li .txt .p2 { font-size:14px; height:90px; line-height:30px; margin:25px 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:3; }

.cArea02 .bd ul li:hover .pic p { display:none; }
.cArea02 .bd ul li:hover .txt { display:block; }

.dArea { position:relative; width:1920px; left:50%; margin-left:-960px; height:475px; background:#f0f0f0; }
.dArea01 { padding-top:95px; }
.dArea01 .hd { margin-bottom:20px; padding-left:13px; background:url(d11.png) no-repeat center left; }
.dArea01 .hd i { display:inline-block; font-size:18px; color:#000; padding-right:35px; }
.dArea01 .hd01 i { background:url(d01.png) no-repeat center right; }
.dArea01 .hd02 i { background:url(d02.png) no-repeat center right; }

.dArea01 .bd01 { margin-bottom:70px; }
.dArea01 .bd01 form { background:#dadada; width:290px; }
.dArea01 .bd01 form .txt { float:left; width:220px; padding-left:15px; height:38px; line-height:38px; }
.dArea01 .bd01 form .btn { float:right; width:50px; height:38px; background:url(d12.png) no-repeat center; cursor:pointer; }

.dArea01 .bd02 a { margin-right:55px; }

.dArea02 { position:absolute; top:0; right:0; z-index:5; }
.dArea02 .p1 { position:absolute; top:0; right:0; z-index:6; }

.eArea { padding:50px 0 90px; }
.eArea01 { float:left; width:565px; }
.eArea01 .text { width:100%; border:1px solid #d2d2d2; padding-left:24px; height:45px; line-height:45px; box-sizing: border-box; margin-bottom:15px; font-size:14px; }
.eArea01 .textarea { width:100%; border:1px solid #d2d2d2; padding:10px 24px; height:90px; line-height:30px; box-sizing: border-box; margin-bottom:25px; font-size:14px; }
.eArea01 .btn01 { width:100%; background:#da0b06; color:#fff; font-size:18px; height:50px; line-height:50px; text-align:center; cursor:pointer; }

/* .eArea02 { float:right; width:600px; } */
.eArea02 ul li { position:relative; float:left; width:300px; height:185px; text-align:center; box-sizing: border-box; }
.eArea02 ul li .p1 { padding-top:35px; min-height:70px; }
.eArea02 ul li .p2 { font-size:16px; color:#000; }
.eArea02 ul li .p3 { font-size:14px; color:#777; margin-top:15px; }
.eArea02 ul li .p4 { position:absolute; top:25px; left:50%; margin-left:-50px; z-index:5;  display:none; }
.eArea02 ul li:hover .p4 { display:block;}

/* .eArea02 ul li:nth-child(1) { border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; }
.eArea02 ul li:nth-child(2) { border-bottom:1px solid #e5e5e5; }
.eArea02 ul li:nth-child(3) { border-right:1px solid #e5e5e5; } */

.fArea { position:relative; width:1920px; left:50%; margin-left:-960px; background:#000; z-index:5; }
.fArea .txt { display:block; width:105px; height:36px; text-align:center; line-height:36px; font-size:18px; color:#fff; margin:30px auto 0; text-transform:uppercase; border:1px solid #fff; border-radius:25px; }