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

.banArea { border-bottom:none; }

.aArea { padding:60px 0; background:#f0f5fa; }

.aArea01 { float:left; width:300px; background:#fff; height:760px; }
.aArea01 .hd01 { height:120px; color:#fff; line-height:1; padding:30px 0 0 100px; background:url(a01.png) no-repeat 20px center #dc1e28;  box-sizing: border-box; }
.aArea01 .hd01 p { font-size:28px; margin-bottom:15px; font-weight:bold; letter-spacing:2px; }
.aArea01 .hd01 span { font-size:20px; text-transform:uppercase; }

.aArea01 .hd { padding:15px 25px 0 25px; }
.aArea01 .hd ul li { padding:20px 0; border-bottom:1px solid #dcdcdc; cursor:pointer; }
.aArea01 .hd ul li:last-child {  border-bottom:none; }
.aArea01 .hd ul li .p1 { font-size:20px; padding-left:45px; line-height:25px; background:url(a02.png) no-repeat center left; }
.aArea01 .hd ul li .p2 { padding:10px 0 0; display:none; }
.aArea01 .hd ul li .p2 a { display:block; line-height:35px; font-size:18px; padding-left:45px; }

.aArea01 .hd ul li.on .p1 { background:url(a03.png) no-repeat center left; color:#dc1e28; }
.aArea01 .hd ul li.on .p2 { display:block; }
 
.aArea02 { float:right; width:875px; }
.aBox01 { background:#fff; padding:0 20px 0 20px; height:445px; margin-bottom:15px; }

.aBox01 .hd01 { border-bottom:1px solid #e6e6e6; padding:15px 0; }
.aBox01 .hd01 i { display:inline-block; padding-left:45px; background:url(a04.png) no-repeat center left; font-size:20px; color:#000; font-weight:bold; line-height:30px; }
.aBox01 .hd01 span { display:inline-block; padding-left:10px; font-size:20px; color:#666; line-height:30px; }
.aBox01 .hd01 a { display:block; float:right; width:70px; text-align:center; height:22px; line-height:22px; border:1px solid #999; border-radius:5px; font-size:14px; margin-top:3px; }

.aBox01 .bd01 { position:relative; margin-top:20px; }
.aBox01 .bd01 .prev-sy,.aBox01 .bd01 .next-sy { position:absolute; right:0; display:block; width:32px; height:32px; z-index:5; cursor:pointer; }
.aBox01 .bd01 .prev-sy { background:url(a05.png) no-repeat center #dedede; top:0; }
.aBox01 .bd01 .next-sy { background:url(a06.png) no-repeat center #dedede; top:38px; }
.aBox01 .bd01 .prev-sy:hover { background:url(a05.png) no-repeat center #dc1e28; }
.aBox01 .bd01 .next-sy:hover { background:url(a06.png) no-repeat center #dc1e28; }

.aBox01 .bd01 .swiper-slide .pic { float:left; width:385px; border:1px solid #e6e6e6; }
.aBox01 .bd01 .swiper-slide .txt { float:right; width:400px; margin-right:25px; padding-top:60px; }
.aBox01 .bd01 .swiper-slide .txt .p1 { font-size:20px; color:#000; font-weight:bold; }
.aBox01 .bd01 .swiper-slide .txt .p2 { font-size:16px; color:#666; line-height:25px; margin:15px 0 50px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:4; }
.aBox01 .bd01 .swiper-slide .txt .p3 a { display:inline-block; width:120px; height:40px; background:#e6e6e6; font-size:16px; color:#000; line-height:40px; text-align:center; margin-right:30px; }
.aBox01 .bd01 .swiper-slide .txt .p3 a:hover { background:#dc1e28; color:#fff; }

.aBox02 .swiper-slide  { cursor:pointer; }
.aBox02 .swiper-slide .txt { height:50px; line-height:50px; background:#fff; color:#000; font-size:16px; padding:0 10px; text-align:center; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aBox02 .swiper-slide-thumb-active .txt { background:#dc1e28; color:#fff; }

.bArea { padding-bottom:70px; background:url(bArea.jpg) no-repeat center top #f0f5fa; }
.bArea .hd { padding:70px 0 60px; text-align:center; color:#fff; }
.bArea .hd .p1 { font-size:36px; font-weight:bold; margin-bottom:15px; }
.bArea .hd .p2 { font-size:16px; line-height:25px; }
.bArea .bd ul li { position:relative; float:left; width:380px; background:#fff; margin-right:30px; top:0; transition: all 0.6s; }
.bArea .bd ul li a { display:block; padding:60px 20px 0 20px; min-height:500px; box-sizing: border-box;cursor:pointer; }
.bArea .bd ul li:last-child { margin-right:0; }
.bArea .bd ul li .p1 { margin-left:20px; padding-left:45px; line-height:24px; font-size:24px; color:#000; }
.bArea .bd ul li .p2 { margin:35px 0; }
.bArea .bd ul li .p3 { margin:0 20px; font-size:16px; line-height:25px; color:#666; }

.bArea .bd ul li:hover { background:#dc1e28; top:-20px; }
.bArea .bd ul li:hover .p1 { color:#fff; background-position:bottom left!important; }
.bArea .bd ul li:hover .p3 { color:#fff; }

.cArea { padding-bottom:70px; background:url(cArea.jpg) no-repeat center; background-size:cover; }
.cArea .hd { padding:55px 0 40px; text-align:center; color:#000; }
.cArea .hd .p1 { font-size:36px; font-weight:bold; margin-bottom:15px; }
.cArea .hd .p2 { font-size:16px; line-height:25px; color:#666; }
.cArea .hd .p1 i { color:#dc1e28; }

.cArea .gallery-top-sy02 { margin-bottom:40px; }
.cArea .gallery-top-sy02 .swiper-slide { position:relative; }
.cArea .gallery-top-sy02 .swiper-slide .pic { text-align:right; }
.cArea .gallery-top-sy02 .swiper-slide .txt { position:absolute; width:600px; height:360px; padding:60px 60px 0 60px; background:#fff; box-sizing: border-box; top:60px; left:0; z-index:5; }
.cArea .gallery-top-sy02 .swiper-slide .txt .p1 { font-size:24px; color:#000; font-weight:bold; }
.cArea .gallery-top-sy02 .swiper-slide .txt .p2 { font-size:16px; color:#666; line-height:30px; margin:20px 0 40px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:4; }
.cArea .gallery-top-sy02 .swiper-slide .txt .p3 a { display:block; width:120px; height:40px; background:#dc1e28; font-size:16px; color:#fff; line-height:40px; text-align:center; }

.cArea .gallery-thumbs-sy02 .swiper-slide { position:relative; cursor:pointer; }
.cArea .gallery-thumbs-sy02 .swiper-slide p { position:absolute; left:0; right:0; top:0; bottom:0; border:5px solid #dc1e28; z-index:5; display:none; }
.cArea .gallery-thumbs-sy02 .swiper-slide-thumb-active p { display:block; }

.cArea .bd02 { position:relative; }
.cArea .bd02 .prev-sy-c01,.cArea .bd02 .next-sy-c01 { position:absolute; top:50%; margin-top:-24px; display:block; width:30px; height:48px; z-index:5; cursor:pointer; }
.cArea .bd02 .prev-sy-c01 { background:url(c01.png) no-repeat center #000; left:0; }
.cArea .bd02 .next-sy-c01 { background:url(c02.png) no-repeat center #000; right:0; }
.cArea .bd02 .prev-sy-c01:hover { background:url(c01.png) no-repeat center #dc1e28; }
.cArea .bd02 .next-sy-c01:hover { background:url(c02.png) no-repeat center #dc1e28; }

.dArea { padding:60px 0; }
.dArea .hd { position:relative; margin-bottom:35px; }
.dArea .hd .p1 { font-size:36px; font-weight:bold; margin-bottom:10px; color:#000; line-height:1; }
.dArea .hd .p2 { font-size:16px; line-height:25px; color:#666; }
.dArea .hd .p1 i { color:#dc1e28; }
.dArea .hd .p3 { position:absolute; right:0; bottom:0; font-size:14px; z-index:5; }
.dArea .hd .p3 a { position:relative; color:#333; display:inline-block; } 
.dArea .hd .p3 a:before { position:absolute; left:-40px; height:2px; width:30px; top:50%; margin-top:-1px; display:block; content:""; background:#333; z-index:5; }
.dArea .hd .p3 a:hover { color:#dc1e28; }
.dArea .hd .p3 a:hover:before { background:#dc1e28; }

.dArea .bd01 { float:left; width:380px; background:#f5f5f5; }
.dArea .bd01 .txt { padding:25px 25px 0 25px; height:220px; box-sizing: border-box; }
.dArea .bd01 .txt .p1 { font-size:14px; color:#999; margin-bottom:15px; }
.dArea .bd01 .txt .p2 { font-size:20px; color:#333; font-weight:bold; line-height:30px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-bottom:25px; }
.dArea .bd01 .txt .p3 { font-size:16px; color:#666; line-height:25px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }

.dArea .bd02 { float:right; width:800px; }
.dArea .bd02 ul li { float:left; width:390px; margin:0 20px 15px 0; background:#f5f5f5; }
.dArea .bd02 ul li:nth-child(2n) { margin-right:0; }
.dArea .bd02 ul li:nth-child(5) { margin-bottom:0; }
.dArea .bd02 ul li:nth-child(6) { margin-bottom:0; }
.dArea .bd02 ul li a { display:block; padding:35px 25px 0 25px; height:148px; box-sizing: border-box; }

.dArea .bd02 ul li .date { float:left; width:70px; text-align:center; color:#333; line-height:1; }
.dArea .bd02 ul li .date p { font-size:50px; }
.dArea .bd02 ul li .date span { display:block; font-size:16px; margin-top:10px; }
.dArea .bd02 ul li .txt { float:right; width:250px; }
.dArea .bd02 ul li .txt .p1 { font-size:20px; color:#333; font-weight:bold; height:25px; line-height:25px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.dArea .bd02 ul li .txt .p2 { font-size:14px; color:#999; line-height:23px; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }


.dArea .bd02 ul li:hover { background:#e60014; }
.dArea .bd02 ul li:hover .date { color:#fff; }
.dArea .bd02 ul li:hover .txt .p1 { color:#fff; }
.dArea .bd02 ul li:hover .txt .p2 { color:#fff; }