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

.aArea { padding:70px 0; }
.aArea .hd01 { text-align:center; font-size:30px; line-height:30px; color:#333; text-transform:uppercase; margin-bottom:65px; }
.aArea01 .hd ul li { float:left; width:170px; padding-left:60px; margin-right:93.33px; cursor:pointer; }
.aArea01 .hd ul li:last-child { margin-right:0; }
.aArea01 .hd ul li .p1 { font-size:18px; color:#333; font-weight:bold; }
.aArea01 .hd ul li .p2 { font-size:14px; color:#666; }

.aArea01 .hd ul li.on .p1 { color:#c1064c; }
.aArea01 .hd ul li.on .p2 { color:#c1064c; }

.aArea01 .hd ul li:nth-child(1) { background:url(a11.png) no-repeat center left; }
.aArea01 .hd ul li:nth-child(2) { background:url(a21.png) no-repeat center left; }
.aArea01 .hd ul li:nth-child(3) { background:url(a31.png) no-repeat center left; }
.aArea01 .hd ul li:nth-child(4) { background:url(a41.png) no-repeat center left; }

.aArea01 .hd ul li:nth-child(1).on { background:url(a12.png) no-repeat center left; }
.aArea01 .hd ul li:nth-child(2).on { background:url(a22.png) no-repeat center left; }
.aArea01 .hd ul li:nth-child(3).on { background:url(a32.png) no-repeat center left; }
.aArea01 .hd ul li:nth-child(4).on { background:url(a42.png) no-repeat center left; }

.aArea01 .bd { margin-top:60px; }
.aArea01 .bd ul { min-height:380px; }
.aArea01 .bd ul li { float:left; width:220px; margin-right:106.6px; margin-bottom:20px; text-align:center; }
.aArea01 .bd ul li:nth-child(4n) { margin-right:0; }
.aArea01 .bd ul li p { font-size:14px; margin-top:15px; }

.aArea02 { padding-bottom:50px; }
.aArea02 ul li { float:left; width:190px; margin-right:12px; }
.aArea02 ul li:last-child { margin-right:0; }
.aArea02 ul li .txt01 { padding-left:45px; margin-bottom:25px; }
.aArea02 ul li .txt01 .p1 { font-size:18px; color:#333; font-weight:bold; }
.aArea02 ul li .txt01 .p2 { font-size:12px; color:#666; }

.aArea02 ul li:hover .p1 { color:#c1064c; }
.aArea02 ul li:hover .p2 { color:#c1064c; }
 
.aArea02 ul li:nth-child(1) .txt01 { background:url(p11.png) no-repeat center left; background-size:35px 35px; }
.aArea02 ul li:nth-child(2) .txt01 { background:url(p21.png) no-repeat center left; background-size:35px 35px; }
.aArea02 ul li:nth-child(3) .txt01 { background:url(p31.png) no-repeat center left; background-size:35px 35px; }
.aArea02 ul li:nth-child(4) .txt01 { background:url(p41.png) no-repeat center left; background-size:35px 35px; }
.aArea02 ul li:nth-child(5) .txt01 { background:url(p51.png) no-repeat center left; background-size:35px 35px; }
.aArea02 ul li:nth-child(6) .txt01 { background:url(p61.png) no-repeat center left; background-size:35px 35px; }

.aArea02 ul li:nth-child(1):hover .txt01 { background:url(p12.png) no-repeat center left; background-size:35px 35px; }
.aArea02 ul li:nth-child(2):hover .txt01 { background:url(p22.png) no-repeat center left; background-size:35px 35px; }
.aArea02 ul li:nth-child(3):hover .txt01 { background:url(p32.png) no-repeat center left; background-size:35px 35px; }
.aArea02 ul li:nth-child(4):hover .txt01 { background:url(p42.png) no-repeat center left; background-size:35px 35px; }
.aArea02 ul li:nth-child(5):hover .txt01 { background:url(p52.png) no-repeat center left; background-size:35px 35px; }
.aArea02 ul li:nth-child(6):hover .txt01 { background:url(p62.png) no-repeat center left; background-size:35px 35px; }

.aArea02 ul li .txt02 a { display:block; padding:9px 0; border-bottom:1px dashed #eee; }
.aArea02 ul li .txt02 a .p1 { float:left; width:40px; height:40px; border-radius:100%; overflow:hidden; }
.aArea02 ul li .txt02 a .p2 { float:right; width:calc(100% - 60px); }
.aArea02 ul li .txt02 a .p2 p { font-size:16px; color:#555; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea02 ul li .txt02 a .p2 span { display:block; font-size:14px; color:#ff0000; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }


.aArea02 ul li .txt02 a .p3 img { width:100%; height:40px; }


.aArea03 ul li { float:left; width:220px; height:195px; margin:85px 25px 40px 0; border:1px solid #dcdcdc; text-align:center; box-sizing: border-box; }
.aArea03 ul li:nth-child(5n) { margin-right:0; }
.aArea03 ul li .pic { margin:-85px auto 0 auto; width:152px; height:152px; border:1px solid #dcdcdc; background:#fff; border-radius:100%; padding:7px; }
.aArea03 ul li .pic img { width:152px; height:152px; border-radius:100%; }
.aArea03 ul li p { font-size:18px; margin:20px 0 15px; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea03 ul li a { display:block; width:74px; height:29px; text-align:center; line-height:29px; font-size:14px; text-transform:uppercase; text-align:center; border:1px solid #dcdcdc; margin:0 auto; }





.more { text-align:center; }
.more a { display:inline-block; width:164px; height:44px; text-align:center; line-height:44px; font-size:18px; color:#fff; background:#c1064c; margin-right:5px; }
.more i { display:inline-block; padding:0 20px; height:42px; border:1px solid #c1064c; line-height:42px; font-size:18px; color:#c1064c; }

.bArea { padding:60px 0; background:url(cArea.jpg) no-repeat center; }
.bArea .hd { text-align:center; color:#fff; font-size:36px; margin-bottom:30px; }
.bArea .hd p { font-weight:bold; }
.bArea .hd i { display:block; text-transform:uppercase; }

.bArea01 { position:relative; margin-bottom:40px; }
.bArea01 .tempWrap { overflow:hidden; width:1200px!important;  }
.bArea01 ul li { float:left; width:290px; margin-right:13px;  background:#fff; }
.bArea01 ul li p { font-size:14px; color:#333; padding:10px 0 10px 15px; height:30px; line-height:30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.bArea01 ul li span { display:block; font-size:16px; color:#333; padding:0 0 10px 15px; }
.bArea01 .prev,.bArea01 .next { position:absolute; display:block; width:35px; height:67px; top:50%; margin-top:-35px; z-index:9; }
.bArea01 .prev { background:url(prev.png) no-repeat center; left:-130px; }
.bArea01 .next { background:url(next.png) no-repeat center; right:-130px; }

.bArea .more01 { display:block; margin:0 auto; width:185px; height:48px; text-align:center; line-height:48px; font-size:18px; color:#fff; border:1px solid #fff; border-radius:25px; }

.cArea { padding:70px 0; }
.cArea .hd { text-align:center; color:#fff; font-size:36px; margin-bottom:30px; }
.cArea .hd p { font-weight:bold; color:#333; }
.cArea .hd i { display:block; color:#666; text-transform:uppercase; }
.cArea .bd ul li { float:left; width:265px; margin-right:46.6px; text-align:center; }
.cArea .bd ul li:last-child { margin-right:0; }
.cArea .bd ul li .pic { height:345px; }
.cArea .bd ul li .p1 { font-size:18px; color:#666; }
.cArea .bd ul li .p2 { margin:10px auto 20px auto; width:65px; height:3px; background:#c1064c; }
.cArea .bd ul li .p3 { font-size:14px; line-height:24px; color:#666; min-height:130px; }

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

.dArea { background:#535353; }
.dArea .wrap { padding:65px 0; background:url(d01.png) no-repeat 685px top; }
.dArea01 { float:left; width:550px; padding-top:15px; }
.dArea01 .hd { color:#fff; line-height:30px; margin-bottom:20px; }
.dArea01 .hd i { font-size:30px; font-weight:bold; font-style:italic; }
.dArea01 .hd em { font-size:18px; padding-left:20px; }
.dArea01 .bd .p1 { border:5px solid #eee; }
.dArea01 .bd .p2 { margin-top:15px; line-height:30px; font-size:14px; color:#fff; }
.dArea01 .bd .p2 a { float:right; color:#c1064c; }

.dArea02 { float:right; width:570px; }
.dArea02 ul li { margin-bottom:60px; }
.dArea02 ul li:last-child { margin-bottom:0; }
.dArea02 ul li .pic { float:left; width:102px; height:102px; border:4px solid #fff; overflow:hidden; border-radius:100%; }
.dArea02 ul li .txt { float:right; width:430px; padding-top:10px; }
.dArea02 ul li .txt .p1 { font-size:24px; color:#fff; font-weight:bold; }
.dArea02 ul li .txt .p2 { font-size:16px; color:#fff; margin-top:5px; }
.dArea02 ul li:hover .pic { border-color:#c1064c; }
.dArea02 ul li:hover .p1 { color:#c1064c; }

.eArea { padding:70px 0; }
.eArea01 { float:left; width:845px; }
.eArea01 .hd { margin-bottom:35px; }
.eArea01 .hd ul li { float:left; width:220px; height:45px; line-height:45px; text-align:center; color:#fff; font-size:18px; background:#666; margin-right:5px; cursor:pointer; }
.eArea01 .hd ul li.on { background:#c1064c; }
.eArea01 .hd ul li a { color:#fff; }
.eArea01 .bd { border-right:1px solid #e5e5e5; }
.eArea01 .bd .pic { float:left; width:385px; }
.eArea01 .bd ul { float:right; width:410px; margin-right:20px; }
.eArea01 .bd ul li { margin-bottom:55px; }
.eArea01 .bd ul li:last-child { margin-bottom:0; }
.eArea01 .bd ul li .date { float:left; width:75px; background:url(e01.png) no-repeat right bottom; padding-top:5px; line-height:1; }
.eArea01 .bd ul li .date p { text-align:left; font-size:36px; }
.eArea01 .bd ul li .date span { display:block; text-align:right; font-size:24px; }
.eArea01 .bd ul li .txt { float:right; width:calc(100% - 90px); }
.eArea01 .bd ul li .txt .p1 { font-size:18px; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:5px;}
.eArea01 .bd ul li .txt .p2 { font-size:14px; line-height:24px; }

.eArea02 { float:right; width:330px; }
.eArea02 .hd { margin-bottom:35px; }
.eArea02 .hd ul li { float:left; width:160px; height:45px; line-height:45px; text-align:center; color:#fff; font-size:18px; background:#666; margin-right:5px; cursor:pointer; }
.eArea02 .hd ul li a {display:block; color:#fff; }
.eArea02 .hd ul li.on { background:#c1064c; }


.eArea03 .tempWrap { height:330px!important;  }
.eArea03 ul li { margin-bottom:15px; }
.eArea03 ul li .p1 { margin-bottom:10px; }
.eArea03 ul li .p1 p { float:left; width:20px; height:20px; text-align:center; line-height:20px; background:#666; color:#fff; }
.eArea03 ul li .p1 a { float:right; display:block; font-size:14px; width:300px; height:20px; line-height:20px; color:#333; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.eArea03 ul li .p2 p { float:left; width:20px; height:20px; text-align:center; line-height:20px; background:#c1064c; color:#fff; }
.eArea03 ul li .p2 .p { float:right; display:block; width:300px; line-height:20px; }