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

.Area-hd { position:relative; }
.Area-hd .p1 { font-size:66px; font-weight:bold; line-height:1.1; color:#eee; text-transform:uppercase; }
.Area-hd .p2 { position:relative; margin-top:-35px; font-size:36px; font-weight:bold; line-height:1.1; color:#313131; }
.Area-hd .p3 { width:60px; height:4px; background:#0068b7; margin:20px auto 0; }
 
.aArea { padding-top:50px; height:595px; background:url(aArea.png) no-repeat center bottom;  box-sizing: border-box; }
.aArea .Area-hd { text-align:center; }
.aArea01 { margin-top:60px; padding:0 85px; }
.aArea01 ul li { float:left; width:345px; margin-right:47px; }
.aArea01 ul li:nth-child(3n) { margin-right:0; }
.aArea01 ul li:nth-child(n + 4) { margin-top:60px; }
.aArea01 ul li .pic { float:left; width:78px; height:78px; background:#0068b7; border-radius:10px; }
.aArea01 ul li .txt { float:right; width:240px; }
.aArea01 ul li .txt .p1 { font-size:18px; line-height:20px; font-weight:bold; color:#333; }
.aArea01 ul li .txt .p2 { font-size:14px; line-height:24px; color:#707070; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }

.aArea01 ul li:hover .pic { background:#90c31f; }
.aArea01 ul li:hover .pic img { transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);transition: transform 0.9s;-webkit-transition: transform 0.9s;-moz-transition: transform 0.9s;  }

.bArea { padding-top:95px; height:644px; background:url(bArea.jpg) no-repeat center;  box-sizing: border-box; }
.bArea .Area-hd .p1 { color:rgba(255,255,255,0.2); }
.bArea .Area-hd .p2 { color:#fff; }
.bArea .Area-hd .p4 { position:absolute; top:10px; right:0; color:#fff; font-size:0; z-index:2; }
.bArea .Area-hd .p4 a { display:inline-block; padding:0 30px; border:1px solid #fff; border-radius:25px; color:#fff; }
.bArea .Area-hd .p4 a i { display:inline-block; font-size:14px; padding-right:30px; line-height:40px; background:url(b01.png) no-repeat center right; }
.bArea .Area-hd .p4:hover a { background:#90c31f; border-color:#90c31f; }

.bArea01 { margin-top:55px; }
.bArea01 .swiper-slide .txt { font-size:18px; font-weight:bold; color:#fff; line-height:45px; text-align:center; }
.bArea01 .swiper-slide .txt i { display:inline-block; padding-left:30px; }
.bArea01 .swiper-slide:hover .txt { background:#90c31f; }

.cdBg { background:url(cdBg.png) no-repeat center top; background-size:cover; padding-bottom:60px; }
.cdBg .Area-hd .p1 { color:rgba(255,255,255,0.5); }

.cArea { padding-top:55px; }
.cArea .Area-hd .p5 { position:absolute; top:10px; right:0; font-size:0; z-index:2; }
.cArea .Area-hd .p5 a { display:inline-block; margin-left:10px; min-width:200px; text-align:center; background:#0068b7; padding:0 15px; box-sizing: border-box; cursor:pointer; }
.cArea .Area-hd .p5 a i { display:inline-block; padding-left:40px; font-size:24px; line-height:55px; font-weight:bold; color:#fff; }
.cArea .Area-hd .p5 a:hover { background:#90c31f; }
 
.cArea01 { position:relative; margin-top:50px; }
.cArea01 .swiper-slide { width:1300px; }

.cArea01 .prev-c01,.cArea01 .next-c01 { position:absolute; top:50%; margin-top:-35px; display:block; width:40px; height:70px; z-index:2; }
.cArea01 .prev-c01 { left:50%; margin-left:-710px; background:url(c01.png) no-repeat center #6a6d71; }
.cArea01 .next-c01 { right:50%; margin-right:-710px; background:url(c02.png) no-repeat center #6a6d71; }
.cArea01 .prev-c01:hover,.cArea01 .next-c01:hover { background-color:#0068b7; }
 
.dArea { margin-top:50px; }
.dArea01 { position:relative; margin-top:35px; }
.dArea01 .prev-d01,.dArea01 .next-d01 { position:absolute; top:-100px; right:0; display:block; width:45px; height:45px; z-index:2; }
.dArea01 .prev-d01 { background:url(d01.png) no-repeat center #bfbfbf; right:55px; }
.dArea01 .next-d01 { background:url(d02.png) no-repeat center #bfbfbf; }
.dArea01 .prev-d01:hover,.dArea01 .next-d01:hover { background-color:#90c31f; }

.dArea01 .swiper-slide a { display:block; padding:10px; background:#0068b7; }
.dArea01 .swiper-slide .txt { margin-top:15px; line-height:45px; color:#fff; font-size:20px; font-weight:bold; text-align:center; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.dArea01 .swiper-slide:hover a { background:#90c31f; }

.eArea { padding-top:145px; height:735px; background:url(eArea.jpg) no-repeat center; box-sizing: border-box; }
.eArea01 { float:left; width:600px; margin-top:-10px; }
.eArea01 .Area-hd .p1 { color:rgba(255,255,255,0.25); }
.eArea01 .Area-hd .p2 { color:#fff; }
.eArea01 .txt { margin-top:15px; color:#fff; }
.eArea01 .txt .p1 { font-size:24px; }
.eArea01 .txt .p2 { font-size:14px; line-height:29px; margin-top:15px; text-align:justify; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:6; }
.eArea01 .txt01 { margin-top:30px; font-size:0; }
.eArea01 .txt01 a { float:left; display:block; width:146px; margin-right:5px; border:1px solid #fff; text-align:center; box-sizing: border-box; }
.eArea01 .txt01 a:last-child { margin-right:0; }
.eArea01 .txt01 a i { display:inline-block; line-height:65px; font-size:18px; padding-left:40px; color:#fff; }
.eArea01 .txt01 a:hover { background:#90c31f; border-color:#90c31f; }

.eArea02 { position:relative; float:right; width:615px; cursor:pointer; }
.eArea02 .txt { position:absolute; text-align:center; width:205px; padding:18px 0; line-height:1.1; color:#fff; background:rgba(144,195,31,0.6); right:20px; bottom:20px; z-index:2; }
.eArea02 .txt .p1 { font-size:34px; }
.eArea02 .txt .p2 { font-size:20px; margin-top:10px; text-transform:uppercase; }
 
.spBox { position:fixed; top:0; right:0; left:0; bottom:0; background:rgba(0,0,0,0.6); z-index:9; display:none; }
.spBox.on { display:block; }
.spBox .spBox01 { position:absolute; top:50%; left:50%; width:46%; padding:20px; box-sizing: border-box; background:#000; transform: translate(-50%,-50%); z-index:5; }
.spBox .spBox01 video { width:100%; height:auto!important; }
.spBox .spBox01 .sp-close { position:absolute; right:-50px; top:-30px; color:#fff; font-size:30px; cursor:pointer; }

.fArea { background:url(fArea.jpg) no-repeat center bottom; padding:70px 0; }

.fArea01 { position:relative; margin-top:30px; }
.fArea01 .hd { position:absolute; top:-90px; right:0; z-index:2; }
.fArea01 .hd ul li { float:left; margin-left:15px; }
.fArea01 .hd ul li a { display:block;width:165px; height:50px; line-height:50px; text-align:center; background:#0068b7; font-size:18px; color:#fff; }
.fArea01 .hd ul li:hover a { background:#90c31f; }

.fBox01 { position:relative; float:left; width:600px; }
.fBox01 .swiper-slide a { position:relative; display:block; }
.fBox01 .swiper-slide .txt { position:absolute; left:0; bottom:0; right:0; font-size:16px; color:#fff; line-height:50px; padding:0 120px 0 20px; background:rgba(0,0,0,0.5); overflow:hidden; text-overflow: ellipsis; white-space: nowrap; z-index:2; }

.fBox01 .swiper-pagination-f01 { position:absolute; font-size:0; width:auto!important; left:auto!important; right:15px!important; bottom:20px!important; z-index:2; }
.fBox01 .swiper-pagination-f01 .swiper-pagination-bullet { width:10px; height:10px; margin:0 5px; background:#fff; opacity:0.5; }
.fBox01 .swiper-pagination-f01 .swiper-pagination-bullet-active { opacity:1; }


.fBox02 { float:right; width:650px; padding-top:15px; }
.fBox02 ul li { margin-bottom:20px; }
.fBox02 ul li:last-child { margin-bottom:0; }
.fBox02 ul li .date { float:left; width:95px; line-height:1.1; }
.fBox02 ul li .date p { font-size:30px; color:#000; }
.fBox02 ul li .date span { display:block; font-size:18px; color:#707070; margin-top:10px; }
.fBox02 ul li .txt { float:right; width:calc(100% - 125px); }
.fBox02 ul li .txt .p1 { font-size:18px; line-height:20px; color:#000; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.fBox02 ul li .txt .p2 { font-size:12px; line-height:24px; color:#707070; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }

.fBox02 ul li:hover .txt .p1 { color:#90c31f; font-weight:bold; }