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

.aArea { padding:80px 0 0; }
.aArea01 { float:left; width:800px; padding-top:0; }
.aArea01 .p1 { font-size:40px; color:#252525; line-height:1; padding-bottom:20px; background:url(a01.png) no-repeat left bottom; }
.aArea01 .p2 { font-size:14px; color:#676767; line-height:27px; margin-top:35px; text-align:justify; padding-bottom:35px; /*border-bottom:2px solid #d6d4be;*/ }
.aArea01 .p3 { margin-top:55px; }
.aArea01 .p3 a { position:relative; display:inline-block; padding-right:70px; font-size:14px; color:#333; line-height:25px; }
.aArea01 .p3 a:before { position:absolute; display:block; content:""; width:48px; height:25px; right:0; top:0; background:url(a02.png) no-repeat right center; }
.aArea01 .p3 a:hover:before { animation: yidong 0.3s; }

@keyframes yidong{
	from{ right:48px; }
    to{ right:0; }
}
 
.aArea02 { position:relative; float:right; width:350px; }
.aArea02:before { position:absolute; display:block; right:350px; bottom:24px; content:""; width:425px; height:50px; background:url(a03.png) no-repeat center; background-size:contain; z-index:0; }
.aArea02 .p1 { position:absolute; left:0; right:0; bottom:30px; font-size:14px; line-height:27px; color:#fff; text-align:center; z-index:2; }

.aArea02 .pic { overflow:hidden; }
.aArea02 .pic img { transition: all 0.6s; }
.aArea02 .pic:hover img { transform: scale(1.1)!important; }

.bArea { height:640px; background:url(bArea.jpg) no-repeat center; }
.bArea01 { float:left; width:705px; padding-top:85px; }
.bArea01 .p1 { font-size:30px; font-weight:bold; color:#fff; line-height:1; }
.bArea01 .p2 { font-size:14px; color:rgba(255,255,255,0.8); line-height:25px; margin-top:30px; text-align:justify; }
.bArea01 .p3 { margin-top:60px; }
.bArea01 .p3 a { position:relative; display:inline-block; padding-right:70px; font-size:14px; color:rgba(255,255,255,0.8); line-height:25px; }

.bArea01 .p3 a:before { position:absolute; display:block; content:""; width:48px; height:25px; right:0; top:0;  background:url(b01.png) no-repeat right center; }
.bArea01 .p3 a:hover:before { animation: yidong 0.3s; }


.bArea01 .p4 { margin-top:70px; }
.bArea01 .p4 ul li { position:relative; float:left; width:175px; height:190px; overflow:hidden; }
.bArea01 .p4 ul li .txt01 { position:absolute; top:55px; left:0; right:0; text-align:center; z-index:1; transition: all 0.6s; }
.bArea01 .p4 ul li .txt01 .a1 { min-height:70px; }
.bArea01 .p4 ul li .txt01 .a2 { font-size:16px; color:#fff; }
.bArea01 .p4 ul li .txt02 { position:absolute; top:190px; right:0; bottom:0; left:0; padding:30px 15px 0 15px; color:#fff; background:rgba(255,255,255,0.2); z-index:3; transition: all 0.6s; }
.bArea01 .p4 ul li .txt02 .a1 { line-height:1; font-size:16px; font-weight:bold; text-align:center; }
.bArea01 .p4 ul li .txt02 .a2 { line-height:25px; font-size:14px; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:5; text-align:justify; }
.bArea01 .p4 ul li:hover .txt01 { top:-190px; }
.bArea01 .p4 ul li:hover .txt02 { top:0; }


.bArea02 { float:right; width:416px; }
.bArea02 ul { position:relative; }
.bArea02 ul li { float:left; width:50%; height:640px; font-size:16px; text-align:center; line-height:1; color:rgba(255,255,255,0.7); padding-top:110px; border-left:1px solid rgba(255,255,255,0.3); box-sizing: border-box; }
.bArea02 ul li:nth-child(1) { padding-top:220px; }
.bArea02 ul li .txt { position:relative; margin-bottom:140px; }
.bArea02 ul li .txt .p1 { text-align:left; padding-left:30px; }
.bArea02 ul li .txt .p1 i { font-size:48px; font-weight:bold; color:#fff; padding-right:10px; }
.bArea02 ul li .txt .p2 { margin-top:10px; }
.bArea02 ul li .txt:before { position:absolute; left:-2px; top:8px; display:block; content:""; width:3px; height:40px; background:rgba(255,255,255,0.3); z-index:2; }

.bArea02 ul li:nth-child(3) { position:absolute; right:0; bottom:70px; padding-top:0; height:auto; z-index:2; }
.bArea02 ul li:nth-child(3) .txt { position:relative; margin-bottom:0; }



.Area-hd { text-align:center; line-height:1; font-weight:bold; }
.Area-hd .p1 { font-size:40px; color:#252525; }
.Area-hd .p2 { font-size:24px; color:#bcb598; font-family:"Arial"; margin-top:15px; text-transform:uppercase; }
 
.cArea { padding:80px 0; }
.cArea01 { position:relative; width:1920px; left:50%; margin-left:-960px; margin-top:35px; z-index:1; }
.cArea01 .hd { text-align:center; font-size:0; }
.cArea01 .hd ul { display:inline-block; background:url(c01.png) repeat-x bottom; }
.cArea01 .hd ul li { display:inline-block; padding-bottom:25px; margin-right:70px; font-size:18px; color:#333; line-height:1; cursor:pointer; }
.cArea01 .hd ul li.on { color:#bcb598; background:url(c02.png) no-repeat center bottom; }
.cArea01 .hd ul .a1 { display:inline-block; padding-bottom:25px; font-size:18px; color:#333; line-height:1; cursor:pointer; }
.cArea01 .hd ul .a1:hover { color:#bcb598; background:url(c02.png) no-repeat center bottom;}

.cArea01 .bd { margin-top:65px; }
.cArea01 .bd .bdd { position:relative; height:600px; }
.cArea01 .bd .txt { width:645px; margin-left:915px; padding-top:40px; height:335px; border-bottom:3px solid #ebe9e0; box-sizing: border-box; }
.cArea01 .bd .txt .p1 { font-size:18px; line-height:1; font-weight:bold; color:#bcb598; }
.cArea01 .bd .txt .p2 { font-size:14px; line-height:25px; color:#676767; margin-top:40px; height:100px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:4; }
.cArea01 .bd .txt .p3 { margin-top:15px; }
.cArea01 .bd .txt .p3 a { display:inline-block; padding-right:70px; font-size:14px; color:#333; line-height:25px; background:url(a02.png) no-repeat right center; }
 
.cArea01 .bd .bd01 { position:absolute; right:50%; bottom:0; width:645px; margin-right:-600px; z-index:2; }
.cArea01 .bd .bd01 .txt01 { text-align:center; height:40px; line-height:40px; font-size:16px; color:#333; padding:0 10px; background:#edeff0; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.cArea01 .bd .bd01 .swiper-slide { cursor:pointer; }
.cArea01 .bd .bd01 .swiper-slide-thumb-active .txt01 { background:#40686f; color:#fff; }
 
.cArea01 .bd .bd02 { position:absolute; left:0; top:0; width:865px; z-index:2; }
.cArea01 .bd .bd02 .pic { position:relative; overflow:hidden; }
.cArea01 .bd .bd02 .pic p { position:absolute; left:0; right:0; bottom:0; z-index:2; }
.cArea01 .bd .bd02 .txt01 { position:absolute; left:80px; right:80px; bottom:0; line-height:55px; font-size:18px; color:#fff; text-align:right; z-index:3; }
 
.cArea01 .bd .bd02 .pic .img01 { transition: all 0.6s; }
.cArea01 .bd .bd02 .pic:hover .img01 { transform: scale(1.1)!important; }
 
.swiper-pagination-c00 { position:absolute; right:80px; bottom:70px; z-index:3; }
.swiper-pagination-c00 .swiper-pagination-bullet { margin-left:15px; width:5px; height:5px; border:1px solid rgba(255,255,255,0.6); background:none; border-radius:0; opacity:1; cursor:pointer; }
.swiper-pagination-c00 .swiper-pagination-bullet-active { background:#fff; border-color:#fff; }

.dArea { height:745px; background:url(dArea.jpg) no-repeat center; padding-top:80px; box-sizing: border-box; }
.dArea .Area-hd .p1 { color:#fff; }
.dArea .Area-hd .p2 { color:#fff; }
.dArea01 { position:relative; margin-top:55px; padding:0 115px; }

#certify .swiper-slide { width:275px; }
#certify .swiper-slide img { display:block; }
#certify .swiper-slide p { display:none; font-size:20px; margin-top:25px; text-align:center; color:#fff; }
#certify .swiper-slide-active p { display:block; }

#certify .swiper-slide .pic { overflow:hidden; }
#certify .swiper-slide .pic img { transition: all 0.6s; }
#certify .swiper-slide:hover .pic img { transform: scale(1.1)!important; }


.dArea01 .prev-d01,.dArea01 .next-d01 { position:absolute; display:block; top:175px; width:50px; height:50px; background:url(d01.png) no-repeat center; z-index:3; }
.dArea01 .prev-d01 { left:0; }
.dArea01 .next-d01 { right:0; transform: rotateY(180deg); }
 
.dArea01 .prev-d01:hover { background:url(d02.png) no-repeat center; transform: rotateY(180deg);  }
.dArea01 .next-d01:hover { background:url(d02.png) no-repeat center; transform: rotateY(0);  }

.eArea { padding-top:80px; }
.eArea01 { margin-top:35px; }
.eArea01 .hd { text-align:center; font-size:0; }
.eArea01 .hd ul { display:inline-block; background:url(c01.png) repeat-x bottom; }
.eArea01 .hd ul li { display:inline-block; padding-bottom:25px; margin-right:70px; font-size:18px; color:#333; line-height:1; cursor:pointer; }
.eArea01 .hd ul li.on { color:#bcb598; background:url(c02.png) no-repeat center bottom; }
.eArea01 .hd ul .a1 { display:inline-block; padding-bottom:25px; font-size:18px; color:#333; line-height:1; cursor:pointer; }
.eArea01 .hd ul .a1:hover { color:#bcb598; background:url(c02.png) no-repeat center bottom;}

.eArea01 .bd { margin-top:40px; }
.eArea01 .bd .bdd { min-height:435px; }
.eArea01 .bd .pic { position:relative; float:left; width:550px; overflow:hidden; }
.eArea01 .bd .pic p { position:absolute; left:0; right:0; bottom:0; z-index:2; }
.eArea01 .bd .txt { position:absolute; left:0; right:0; bottom:30px; color:#fff; padding:0 100px 0 35px; z-index:3; }
.eArea01 .bd .txt .p1 { font-size:14px; }
.eArea01 .bd .txt .p2 { font-size:22px; line-height:35px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }

.eArea01 .bd .pic img { transition: all 0.6s; }
.eArea01 .bd .pic:hover img { transform: scale(1.1)!important; }
 
.eArea01 .bd .bd02 { float:right; width:620px; }
.eArea01 .bd .bd02 ul li { border-bottom:1px solid #d9e1e2; }
.eArea01 .bd .bd02 ul li:last-child { border-bottom:none; }
.eArea01 .bd .bd02 ul li a { display:block; height:144px; padding:30px 30px 0 10px; box-sizing: border-box; }
.eArea01 .bd .bd02 ul li .date { position:relative; float:left; width:90px; text-align:center; color:#333; line-height:1; padding-top:5px; height:81px; box-sizing: border-box; }
.eArea01 .bd .bd02 ul li .date:before { position:absolute; right:0; top:50%; display:blcok; content:""; transform: translateY(-50%); width:1px; height:60px; background:#d3d3d3; z-index:2; }
.eArea01 .bd .bd02 ul li .date p { font-size:48px; font-weight:bold; }
.eArea01 .bd .bd02 ul li .date span { display:block; font-size:14px; margin-top:10px; }

.eArea01 .bd .bd02 ul li .txt01 { float:right; width:calc(100% - 110px); }
.eArea01 .bd .bd02 ul li .txt01 .p1 { font-size:18px; color:#333; font-weight:bold; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.eArea01 .bd .bd02 ul li .txt01 .p2 { font-size:14px; color:#676767; line-height:23px; height:46px; margin-top:15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }

.eArea01 .bd .bd02 ul li:hover { background:#40686f; }
.eArea01 .bd .bd02 ul li:hover .date { color:#fff; }
.eArea01 .bd .bd02 ul li:hover .date:before { background:rgba(255,255,255,0.2); }
.eArea01 .bd .bd02 ul li:hover .txt01 .p1 { color:#fff; }
.eArea01 .bd .bd02 ul li:hover .txt01 .p2 { color:#fff; }
 
.fArea { padding:80px 0; }
.fArea01 { margin-top:55px; }
.fArea01 .tempWrap { width:1200px!important; }
.fArea01 ul li { float:left; width:225px; border:1px solid #e5e5e5; margin-right:16px; overflow:hidden; }

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