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

.Area-hd { text-align:center; padding:80px 0 60px; line-height:1; }
.Area-hd .p1 { font-size:48px; color:#f0f0f0; text-transform:uppercase; font-weight:bold; font-family:"Arial"; }
.Area-hd .p2 { font-size:38px; color:#333; font-weight:bold; position:relative; margin-top:-45px; z-index:2; }
.Area-hd .p3 { font-size:18px; color:#333; margin-top:15px; }
.Area-hd .p4 { width:26px; height:3px; background:#f3cf00; margin:15px auto 0; }

.aArea .bd .txt { padding:0 90px 40px 90px; font-size:16px; line-height:28px; text-align:center; }

.bArea01 .swiper-slide a { position:relative; display:block; }
.bArea01 .swiper-slide .pic { position:relative; }
.bArea01 .swiper-slide .pic p { position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); z-index:3; }
.bArea01 .swiper-slide .txt { position:absolute; top:26%; left:5%; right:5%; text-align:center; z-index:5; transition: all 0.6s; }
.bArea01 .swiper-slide .txt .p1 { margin-bottom:40px; }
.bArea01 .swiper-slide .txt .p2 { font-size:22px; color:#fff; line-height:35px; }
.bArea01 .swiper-slide .txt .p3 { width:20px; height:2px; background:#fff; margin:40px auto 0; }
.bArea01 .swiper-slide .txt .p4 { width:125px; height:45px; text-align:center; line-height:45px; background:#fff; border-radius:25px; font-size:14px; color:#000; margin:80px auto 0; display:none; }

.bArea01 .swiper-slide:hover .txt { top:20%; }
.bArea01 .swiper-slide:hover .txt .p3 { display:none; }
.bArea01 .swiper-slide:hover .txt .p4 { display:block; }
.bArea01 .swiper-slide:hover .pic p { background:rgba(224,185,5,0.9); }


@media all and (max-width:1500px){
	.bArea01 .swiper-slide .txt { top:22%; }
	.bArea01 .swiper-slide .txt .p1 { margin-bottom:20px; }
	.bArea01 .swiper-slide .txt .p1 img { height:90px; width:auto; }
	.bArea01 .swiper-slide .txt .p2 { font-size:18px; line-height:30px; }
	.bArea01 .swiper-slide .txt .p3 { margin:20px auto 0; }
	.bArea01 .swiper-slide .txt .p4 { margin:40px auto 0; }

	.bArea01 .swiper-slide:hover .txt { top:18%; }
}


.cArea { position:relative; padding:90px 0 160px;  }
.cArea ul { display:flex; flex-direction:row; justify-content:space-between; }
.cArea ul li { font-size:20px; color:#333; line-height:1; }
.cArea ul li .p1 { color:#f3c90a; }
.cArea ul li .p1 i { font-size:66px; font-weight:bold; margin-right:5px; }
.cArea ul li .p1 span { color:#333; }
.cArea ul li .p1 em { position:relative; top:-30px; left:-22px; font-weight:bold; font-size:30px; z-index:1; }

.cArea ul li .p2 { margin-top:15px; }


.bolang {
    overflow: hidden;
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 100%;
    z-index: -1;
}

.banbolang1,.bolang1 {width: 1920px;}

.dArea { position:relative; width:1920px; left:50%; margin-left:-960px; box-sizing: border-box; padding-left:300px; background:url(dArea.jpg) no-repeat center; background-size:cover; z-index:1; }
.dArea01 { float:left; width:555px; height:600px; background:#fff; padding:70px 55px 0 55px; box-sizing: border-box; }
.dArea01 .p2 { font-size:46px; color:#f3cf00; line-height:1; margin-top:25px; }
.dArea01 .p3 { font-size:14px; color:#333; line-height:25px; margin-top:30px; }
.dArea01 .p4 { margin-top:85px; }
.dArea01 .p4 a { margin-top:85px;display:block; width:125px; height:45px; text-align:center; line-height:45px; background:#f3c90a; font-size:14px; color:#fff; border-radius:25px; }

.dArea02 { float:left; width:1065px; height:600px; background:#27273b; padding:120px 0 0 40px; box-sizing: border-box; }
.dArea02 .p1 { font-size:18px; color:#fff; }
.dArea02 .p2 { font-size:48px; color:#696976; margin-top:20px; line-height:1; text-transform:uppercase; }
.dArea02 .p3 { margin-top:45px; }
.dArea02 .p3 ul li { float:left; width:210px; margin-right:15px; }
.dArea02 .p3 ul li a { display:block; padding:65px 20px 0 20px; min-height:155px; color:#fff; line-height:1; }
.dArea02 .p3 ul li .a1 { font-size:30px; }
.dArea02 .p3 ul li .a2 { font-size:16px; margin-top:10px; text-transform:uppercase; }

.dArea02 .p3 ul li:nth-child(1) { background:url(d11.jpg) no-repeat center; }
.dArea02 .p3 ul li:nth-child(2) { background:url(d12.jpg) no-repeat center; }
.dArea02 .p3 ul li:nth-child(3) { background:url(d13.jpg) no-repeat center; }

.dArea03 { float:left; width:555px; background-size:cover!important; }
.dArea03 a { display:block; padding:100px 0 0 90px; min-height:340px; }
.dArea03 a .p1 { font-size:30px; color:#fff; }
.dArea03 a .p2 { width:51px; height:20px; background:url(d02.png) no-repeat center; margin-top:40px; }

.dArea04 { float:left; width:1065px; background-size:cover!important; }
.dArea04 a { display:block; padding:100px 0 0 90px; min-height:340px; }
.dArea04 a .p1 { font-size:30px; color:#fff; }
.dArea04 a .p2 { width:51px; height:20px; background:url(d02.png) no-repeat center; margin-top:40px; }

.eArea { position:relative; padding-bottom:45px; z-index:5; }
.eArea .wrap { position:relative; z-index:5; }
.eArea01 { position:relative; }
.eArea01 .prev-e01,.eArea .next-e01 { position:absolute; top:50%; margin-top:-31px; width:62px; height:62px; display:block; background:url(e01.png) no-repeat center; cursor:pointer; }
.eArea01 .prev-e01 { left:-90px; }
.eArea01 .next-e01 { right:-90px; transform: rotateY(180deg); }

.eArea01 .prev-e01:hover { background:url(e02.png) no-repeat center; transform: rotateY(180deg); }
.eArea01 .next-e01:hover { background:url(e02.png) no-repeat center; transform: rotateY(0); }

.eArea01 .swiper-slide a { display:block; background:#f6f6f6; padding:50px 40px 45px 40px; font-size:0; }
.eArea01 .swiper-slide a .p1 { font-size:20px; color:#000; line-height:35px; min-height:70px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.eArea01 .swiper-slide a .p2 { font-size:14px; color:#5f5f5f; margin-top:35px; line-height:25px; min-height:75px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.eArea01 .swiper-slide a .p3 { display:inline-block; margin-top:35px; height:20px; line-height:20px; padding-right:16px; background:url(e05.png) no-repeat center right; }
.eArea01 .swiper-slide a .p3 i { font-size:14px; color:#333; padding-right:10px; display:none; }

.eArea01 .swiper-slide:hover a { background:url(e07.jpg) no-repeat right bottom #fdefce; }
.eArea01 .swiper-slide:hover a .p3 i { display:inline-block; }

.eArea .bd01 { margin-top:60px; }
.eArea .bd01 a { display:block; width:125px; height:45px; text-align:center; line-height:45px; border-radius:25px; border:1px solid #e5e5e5; font-size:14px; color:#000; margin:0 auto; }
.eArea .bd01 a:hover { background:#f3cf00; color:#fff; border-color:#f3cf00; }


canvas { display:block; }

.waves { position:absolute; z-index:0; pointer-events: none; z-index:0; left:0; top:0; right:0; bottom:0; }







.fArea { padding-bottom:70px; background:#252539; }
.fArea .Area-hd .p1 { color:rgba(255,255,255,0.1) }
.fArea .Area-hd .p2 { color:#fff; }
.fArea .Area-hd .p3 { color:#fff; }
.fArea .bd ul li { float:left; width:24%; margin:0 1.33% 20px 0; border-radius:10px; overflow:hidden;cursor:pointer; }
.fArea .bd ul li:nth-child(4n) { margin-right:0; }
/*
.fArea .bd ul li img { -webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray; }
.fArea .bd ul li:hover img { -webkit-filter:grayscale(0%) !important;-moz-filter:grayscale(0%) !important;-ms-filter:grayscale(0%) !important;-o-filter:grayscale(0%) !important;filter:grayscale(0%) !important;filter:gray !important; }
 */