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

.Area-hd { text-align:center; padding-top:80px; margin-bottom:60px; }
.Area-hd p { font-size:43px; color:#fb4f4f; font-weight:300; line-height:1; text-transform:uppercase;
font-family:
/* 1 */ -apple-system, BlinkMacSystemFont,
/* 2 */ "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
/* 3 */ "Helvetica Neue", sans-serif;
 }
.Area-hd span { display:block; font-size:24px; color:#333; margin:10px 0; }
.Area-hd i { display:block; font-size:14px; color:#999; }

.aArea { width:565px; margin:0 auto; padding:40px 0; }
.aArea form { width:380px; float:left; border:1px solid #fb4f4f; margin-right:10px; }
.aArea form span { display:block; float:left; width:80px; height:30px; padding-left:14px; line-height:30px; border-right:1px solid #efefef; }
.aArea form .txt { float:left;/* width:215px;*/width:194px; padding-left:25px; height:30px; line-height:30px; background:url(form.jpg) no-repeat 8px 11px; }
.aArea form .btn { float:right; width:65px; height:30px; text-align:center; line-height:30px; background:#fb4f4f; color:#fff; cursor:pointer; }

.aArea p { float:left; height:32px; line-height:32px; }
.aArea p a { display:inline-block; *display:inline; zoom:1; margin-left:10px; width:140px; text-align:center; height:32px; line-height:32px; background:#fb4f4f; color:#fff; }

.bArea { padding-bottom:65px; background: #fff;}
.bArea .bd ul { padding-bottom:10px; }
.bArea .bd ul li { float:left; width:200px; padding-bottom:20px; }
.bArea .bd ul li a { color:#fff; }
.bArea .bd ul li p .img02 { display:none; }
.bArea .bd ul li p { width:141px; height:141px; margin:0 auto; border:4px solid #fb4f4f; border-radius:100%; overflow:hidden; }
.bArea .bd ul li h1 { font-weight:normal; font-size:16px; color:#000; text-align:center; margin-top:30px; }
.bArea .bd ul li h1 span { display:block; width:145px; line-height:28px; margin:10px auto; color:#fff; font-size:14px; }
.bArea .bd ul li:hover { background:#fb4f4f; }
.bArea .bd ul li:hover h1 { color:#fff; }
.bArea .bd ul li:hover .img01 { display:none; }
.bArea .bd ul li:hover .img02 { display:block; }

.more { display:block; width:120px; height:48px; text-align:center; line-height:48px; margin:0 auto; color:#fb4f4f; border:1px solid #fb4f4f; font-size:28px; text-transform:uppercase;  }
.more:hover { background:#fb4f4f; color:#fff; }

.cArea { background:#f2f2f2; padding-bottom:65px; }
.cArea .c01 {  width:284px; height:115px; padding-top:85px; text-align:center; font-size:18px; color:#fff; } 
.cArea .c02 { display:none; width:284px; height:200px; background:#fc4e4f; text-align:center; }
.cArea .c02 h1 { font-size:18px; color:#fff; padding-top:55px; }
.cArea .c02 p { font-size:12px; color:#fff; margin-top:15px; }
.cArea .c02 p i { padding-left:10px; }
.cArea .c02 a { display:block; color:#febcbc; text-align:left; width:116px; margin:25px auto; height:30px; line-height:30px; padding-left:22px; background:url(c01.jpg) no-repeat center; }

.cArea ul { width:1224px; margin-bottom:35px; }
.cArea ul li { float:left; width:284px; height:200px; margin:0 22px 22px 0; }
.cArea ul li:hover .c01 { display:none; }
.cArea ul li:hover .c02 { display:block; }

.dArea { padding-bottom:80px; }

.eArea { text-align:center; height:280px; }
.eArea h1 { font-size:29px; color:#fff; font-weight:normal; padding-top:60px; }
.eArea p { color:#fff; width:435px; font-size:14px; line-height:26px; margin:20px auto; }
.eArea a { display:block; font-size:18px; color:#fff; width:222px; height:47px; background:#fc4e4f; line-height:47px; margin:20px auto; border-radius:5px; }

.fArea { height:630px; background:url(fArea.jpg) no-repeat center; }
.fArea .wrap { position:relative; }
.fArea01 { padding-top:190px; }
.fArea01 h1 { font-size:30px; color:#333; font-weight:normal; }
.fArea01 p { width:450px; font-size:14px; margin-top:40px; line-height:25px; }
.fArea01 a { display:block; width:65px; height:25px; font-size:15px; margin-top:50px; line-height:25px; border:1px solid #fc4e4f; text-align:center; color:#fc4e4f; text-transform:uppercase; }
.fArea01 a:hover { background:#fc4e4f; color:#fff; }
.fArea02 { position:absolute; width:545px; height:410px; top:131px; right:22px; }

.gArea { background:url(gArea.jpg) no-repeat center bottom; padding-bottom:145px; }
.gArea .bd ul { width:1238px; margin-bottom:35px; }
.gArea .bd ul li { float:left; width:209px; height:97px; border:1px solid #dbdbdb; margin:30px 36px 30px 0;  }

.hArea { background:#f2f2f2; padding-bottom:70px; }

.hArea01 { width:580px; float:left; margin-left:55px; }
.hArea01 ul li { width:580px; background:#fff; margin-bottom:20px; }
.hArea01 ul li .date { float:left; width:103px; height:77px; padding-top:20px; line-height:1; background:#8e8e8e; text-align:center; font-size:48px; color:#fff; font-family:"Impact","微软雅黑"; }
.hArea01 ul li .date span { display:block; font-size:16px; }

.hArea01 ul li .txt { float:left; width:435px; margin-left:25px; }
.hArea01 ul li .txt h1 { padding-top:20px; }
.hArea01 ul li .txt h1 a { font-size:15px; color:#333; line-height:1; }
.hArea01 ul li .txt p { margin-top:10px; }
.hArea01 ul li .txt p a { float:right; color:#fc4e4f; text-transform:uppercase; }
.hArea01 ul li:hover .date { background:#fc4e4f; }

.hArea02 { position:relative; width:387px; float:right; margin-right:60px; background:#fff; height:331px;  }
.hArea02 h1 { background:#fc4e4f; padding:10px 0 10px 25px; color:#fec2c2; font-weight:normal; }
.hArea02 h1 a { display:block; font-size:15px; color:#fff; }
.hArea02 p { padding:12px 10px 0 10px; }

.hArea02 .prev,.hArea02 .next { position:absolute; top:135px; display:block; width:28px; height:56px; z-index:999; }
.hArea02 .prev { left:0; right:auto; background:url(h01.png) no-repeat center; }
.hArea02 .next { right:0; left:auto; background:url(h02.png) no-repeat center; }