@charset "utf-8";

#fp-nav { display:none; }
.section { position:relative; background-size:cover!important; overflow:hidden; }

.ban-swiper .swiper-slide .pcBox { width:100%; height:100vh; background-size:cover!important; }
.ban-swiper .swiper-slide .sjBox { display:none; }

.swiper-pagination-ban { position:absolute; left:4%; width:92%; text-align:center; bottom:20px; z-index:2; display:none; }
.swiper-pagination-ban .swiper-pagination-bullet { width:8px; height:8px; background:rgba(255,255,255,0.5); border-radius:100%; margin:0 3px; opacity:1; }
.swiper-pagination-ban .swiper-pagination-bullet-active { background:#fff; }
 
.section1 .prev-ban,.section1 .next-ban { position:absolute; top:50%; transform: translateY(-50%); width:45px; height:45px; z-index:2; border-radius:100%; cursor:pointer; }
.section1 .prev-ban { background:url(../images/ban01.png) no-repeat center rgba(255,255,255,0.6); left:3%; }
.section1 .next-ban { background:url(../images/ban02.png) no-repeat center rgba(255,255,255,0.6); right:3%; }

.section1 .prev-ban:hover { background:url(../images/ban03.png) no-repeat center #122a9d; }
.section1 .next-ban:hover { background:url(../images/ban04.png) no-repeat center #122a9d; }

.ban01 { position:absolute; left:50%; bottom:25px; transform: translateX(-50%); animation: rotate111 2s infinite linear; text-align:center; z-index:2; }
.ban01 .p2 { font-size:16px; color:#fff; margin-top:15px; }
 
@keyframes rotate111{
	0%{ bottom:50px; }
	100%{ bottom:25px; }
}

@media all and (max-width:1200px){
	.section { height:auto!important; }
	.section .fp-tableCell { height:auto!important; }
	
	.ban-swiper .swiper-slide .pcBox { display:none; }
	.ban-swiper .swiper-slide .sjBox { display:block; }

	.swiper-pagination-ban { display:block; }
 
	.section1 .prev-ban,.section1 .next-ban { display:none; }
	
	.ban01 { display:none; }
}
 
.Area-hd { position:relative; line-height:1.1; }
.Area-hd .p1 { float:left; display:inline-block; font-size:34px; color:#fff; font-weight:bold; }
.Area-hd .p3 { position:absolute; top:-10px; right:0; z-index:2; }

.mmArea { font-size:0; }
.mmArea a { display:inline-block; padding:0 25px; border:1px solid rgba(255,255,255,0.25); }
.mmArea a i { display:inline-block; line-height:50px; font-size:16px; padding-right:70px; background:url(../images/m01.png) no-repeat center right; color:#fff; }

.mmArea a:hover { background:#fff; }
.mmArea a:hover i { color:#0b3085; background:url(../images/m02.png) no-repeat center right; }

@media all and (max-width:1680px){
	.Area-hd .p1 { font-size:28px; }
	
	.mmArea a { padding:0 20px; }
	.mmArea a i { line-height:40px; font-size:16px; padding-right:40px; }
}
@media all and (max-width:1200px){
	.Area-hd .p1 { font-size:20px; }
	
	.mmArea a { padding:0 15px; }
	.mmArea a i { line-height:35px; font-size:14px; padding-right:30px; }
}


.aArea .pic { position:absolute; top:0; right:0; bottom:0; width:41.14%; z-index:2; background-size:cover!important; cursor:pointer; }
.aArea .pic .pic01 { display:none; }
.aArea .pic .pic02 { position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); text-align:center; z-index:2; }
.aArea .pic .pic02 .p1 { width:60px; height:60px; background:url(../images/a01.png) no-repeat center rgba(255,255,255,0.7); border-radius:100%; margin:0 auto; box-shadow: 0 0 rgba(255, 255, 255, 0.2),0 0 0 20px rgba(255, 255, 255, 0.2),0 0 0 40px rgba(255, 255, 255, 0.2); animation: ripple-wave1 1s linear infinite;
	animation-play-state: running;
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	-webkit-animation: ripple-wave1 1s linear infinite; }
.aArea .pic .pic02 .p2 { font-size:16px; margin-top:30px; color:#fff; }

.aArea .txt { position:absolute; top:50%; transform: translateY(-50%); left:50%; margin-left:-800px; margin-top:50px; width:855px; color:#fff; z-index:2; }
.aArea .txt .bd01 { font-size:16px; margin-top:30px; line-height:30px; color:rgba(255,255,255,0.6); overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:4; }
.aArea .txt .bd02 { margin-top:40px; }
.aArea .txt .bd03 { margin-top:90px; margin-left:-25px; margin-right:25px; }
.aArea .txt .bd03 .con { padding:0 40px 0 25px; border-bottom:10px solid #19459d; }
.aArea .txt .bd03 .swiper-container-a01 { overflow:hidden; }
.aArea .txt .bd03 .swiper-slide { width:auto; margin-right:35px; }
.aArea .txt .bd03 .swiper-slide .pp { height:200px; display:flex; align-items:end;  }
.aArea .txt .bd03 .swiper-slide .pp img { max-height:200px; max-width:200px; }
.aArea .txt .bd03 .btn { margin-top:30px; padding-left:25px; font-size:0; }
.aArea .txt .bd03 .btn .btn01 { display:inline-block; width:10px; height:15px; margin-right:15px; cursor:pointer; }
.aArea .txt .bd03 .btn .prev-a01 { background:url(../images/ban03.png) no-repeat center; }
.aArea .txt .bd03 .btn .next-a01 { background:url(../images/ban04.png) no-repeat center; margin-right:0; }

@media all and (max-width:1680px){
	.aArea .txt { margin-left:-600px; width:640px; }
	.aArea .txt .bd01 { font-size:14px; margin-top:20px; line-height:25px; -webkit-line-clamp:4; }
	.aArea .txt .bd02 { margin-top:20px; }
	.aArea .txt .bd03 { margin-top:30px; margin-left:-25px; margin-right:25px; }
	.aArea .txt .bd03 .con { padding:0 25px 0 25px; }
	.aArea .txt .bd03 .swiper-slide { margin-right:25px; }
	.aArea .txt .bd03 .swiper-slide .pp { height:150px; }
	.aArea .txt .bd03 .swiper-slide .pp img { max-height:150px; max-width:150px; }
}
@media all and (max-width:1280px){
	.aArea .txt { margin-left:0; left:4%; width:53%; }
	
}
@media all and (max-width:1200px){
	.aArea { padding-top:40px; }
	.aArea .pic { position:relative; top:auto; right:auto; bottom:auto; width:100%; background:none!important; margin-top:30px; }
	.aArea .pic .pic01 { display:block; }
	.aArea .pic .pic02 .p1 { width:40px; height:40px; box-shadow: 0 0 rgba(255, 255, 255, 0.2),0 0 0 10px rgba(255, 255, 255, 0.2),0 0 0 20px rgba(255, 255, 255, 0.2); background-size:15px 15px; }
	.aArea .pic .pic02 .p2 { font-size:14px; margin-top:20px; }
	
	.aArea .txt { position:relative; top:auto; transform: translateY(0); left:auto; margin-left:0; margin-top:0; width:100%; padding:0 4%; box-sizing: border-box; }
	.aArea .txt .bd01 { font-size:14px; margin-top:20px; line-height:25px; -webkit-line-clamp:4; }
	.aArea .txt .bd02 { margin-top:20px; }
	.aArea .txt .bd03 { margin-top:30px; margin-left:0; margin-right:0; }
	.aArea .txt .bd03 .con { padding:0 25px;  }
	.aArea .txt .bd03 .swiper-slide { margin-right:20px; }
	.aArea .txt .bd03 .swiper-slide .pp { height:150px; }
	.aArea .txt .bd03 .swiper-slide .pp img { max-height:150px; max-width:150px; }
	.aArea .txt .bd03 .btn { margin-top:30px; padding-left:0; text-align:center; }
}


@keyframes ripple-wave1{
	to {
		box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.2),0 0 0 40px rgba(255, 255, 255, 0.2),0 0 0 60px rgba(255, 255, 255, 0.02);
	}
}


@media all and (max-width:1200px){
	@keyframes ripple-wave1{
		to {
			box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2),0 0 0 20px rgba(255, 255, 255, 0.2),0 0 0 30px rgba(255, 255, 255, 0.02);
		}
	}
}

.spBox { position:absolute; 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%; font-size:0; 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; }

@media all and (max-width:750px){
	.spBox .spBox01 { position:absolute; top:50%; width:92%; padding:10px; z-index:5; }
	.spBox .spBox01 .sp-close { position:absolute; right:0; top:-60px; color:#fff; font-size:30px; cursor:pointer; }
} 

.section3 .bg { position:absolute; top:0; left:0; right:0; bottom:0; background:url(../images/b01.png) no-repeat center bottom; background-size:cover; z-index:2; }
.bArea { position:absolute; top:50%; left:0; right:0; transform: translateY(-50%); margin-top:50px; z-index:5; }
.bArea .Area-hd .p1 { float:none; display:block; text-align:center; }

.bArea01 { margin-top:50px; }
.bArea01 .hd { text-align:center; font-size:0; }
.bArea01 .hd ul li { display:inline-block; font-size:14px; margin:0 10px; width:170px; line-height:40px; color:#c6c6c6; background:rgba(255,255,255,0.1); cursor:pointer; }
.bArea01 .hd ul li.on { color:#0b3085; background:rgba(255,255,255,0.7); }

.bArea01 .bd { margin-top:60px; }
.bArea01 .bd .txt { float:left; width:490px; margin-left:140px; color:#fff; padding-top:50px; }
.bArea01 .bd .txt .p1 { font-size:36px; }
.bArea01 .bd .txt .p2 { font-size:16px; margin-top:40px; line-height:30px; color:rgba(255,255,255,0.5); overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:4; }
.bArea01 .bd .txt .p3 { margin-top:50px; }
.bArea01 .bd .pic { float:right; width:670px; margin-right:130px; }

.threeCanvas { position:absolute; top:35%; left:0; right:0; bottom:0; z-index:2; }
.threeCanvas canvas { width:100%!important; height:100%; }

@media all and (max-width:1680px){
	.bArea01 { margin-top:30px; }
	.bArea01 .hd ul li { font-size:14px; margin:0 5px; width:150px; line-height:40px; }

	.bArea01 .bd { margin-top:40px; }
	.bArea01 .bd .txt { float:left; width:calc(100% - 700px); margin-left:0; padding-top:50px; }
	.bArea01 .bd .txt .p1 { font-size:28px; }
	.bArea01 .bd .txt .p2 { font-size:14px; margin-top:20px; line-height:25px; -webkit-line-clamp:4; }
	.bArea01 .bd .txt .p3 { margin-top:30px; }
	.bArea01 .bd .pic { float:right; width:550px; margin-right:0; }
}
@media all and (max-width:1200px){
	.bArea { position:relative; top:auto; left:auto; right:auto; transform: translateY(0); margin-top:0; padding:40px 0; }
	.bArea01 .hd ul li { float:left; width:32%; text-align:center; font-size:14px; margin:0 2% 0 0; padding:0 5px; line-height:40px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; }
	.bArea01 .hd ul li:nth-child(3n) { margin-right:0; }
	.bArea01 .hd ul li:nth-child(n + 4) { margin-top:2%; }
	.bArea01 .hd ul li:nth-child(4) { width:49%; }
	.bArea01 .hd ul li:nth-child(5) { width:49%; margin-right:0; }
	
	.bArea01 .bd { margin-top:20px; }
	.bArea01 .bd .txt { float:none; width:100%; margin-left:0; padding-top:0; }
	.bArea01 .bd .txt .p1 { font-size:18px; }
	.bArea01 .bd .txt .p2 { font-size:14px; margin-top:15px; line-height:25px; -webkit-line-clamp:4; }
	.bArea01 .bd .txt .p3 { margin-top:20px; }
	.bArea01 .bd .pic { float:none; width:100%; margin-top:20px; text-align:center; }
	.bArea01 .bd .pic img { max-width:80%; }
}
 
 
.cArea { position:absolute; top:50%; left:0; right:0; transform: translateY(-50%); margin-top:50px; z-index:5; }
.cArea .wrap { position:relative; }
.cArea .Area-hd { position:absolute; left:0; top:50px; z-index:2; }
.cArea .Area-hd .p1 { float:none; display:block; }

.cArea01 .pic { float:right; width:675px; }
.cArea01 .txt { float:left; width:560px; padding-top:230px; color:#fff; }
.cArea01 .txt .p1 { font-size:34px; }
.cArea01 .txt .p2 { font-size:16px; margin-top:25px; line-height:30px; }
.cArea01 .txt .p3 { margin-top:55px; }

.cArea02 { overflow:hidden; margin-top:20px; }
.cArea02 .swiper-slide { width:100px; margin-right:calc(20% - 120px); text-align:center; cursor:pointer; }
.cArea02 .swiper-slide .p2 { font-size:16px; margin-top:25px; color:#fff; }

.cArea02 .swiper-slide-thumb-active .p2 { font-weight:bold; }

.cArea .btn { position:absolute; top:0; right:0; font-size:0; z-index:5; }
.cArea .btn .btn01 { display:inline-block; width:10px; height:15px; margin-right:15px; cursor:pointer; }
.cArea .btn .prev-c01 { background:url(../images/ban03.png) no-repeat center; }
.cArea .btn .next-c01 { background:url(../images/ban04.png) no-repeat center; margin-right:0; }

@media all and (max-width:1680px){
	.cArea .Area-hd { top:0; }
 
	.cArea01 .pic { float:right; width:42%; }
	.cArea01 .txt { float:left; width:40%; padding-top:130px; }
	.cArea01 .txt .p1 { font-size:28px; }
	.cArea01 .txt .p2 { font-size:14px; margin-top:15px; line-height:25px; }
	.cArea01 .txt .p3 { margin-top:25px; }
 
	.cArea02 .swiper-slide { width:100px; margin-right:calc(20% - 120px); }
	.cArea02 .swiper-slide .p1 img { height:60px; width:auto; }
	.cArea02 .swiper-slide .p2 { font-size:16px; margin-top:15px; }
}

@media all and (max-width:1200px){
	.cArea { position:relative; top:auto; left:auto; right:auto; transform: translateY(0); margin-top:0; padding:40px 0; }
	.cArea .Area-hd { position:relative; left:auto; top:auto; text-align:center; }
 
	.cArea01 { margin-top:30px; }
	.cArea01 .pic { float:none; width:100%; text-align:center; margin-top:20px; }
	.cArea01 .pic img { max-width:80%; }
	.cArea01 .txt { float:none; width:100%; padding-top:0; }
	.cArea01 .txt .p1 { font-size:18px; }
	.cArea01 .txt .p2 { font-size:14px; margin-top:15px; line-height:25px; }
	.cArea01 .txt .p3 { margin-top:20px; }

	.cArea02 { margin-top:20px; }
	.cArea02 .swiper-slide { width:80px; margin-right:calc(50% - 120px); }
	.cArea02 .swiper-slide .p1 img { height:40px; }
	.cArea02 .swiper-slide .p2 { font-size:14px; margin-top:10px; }
 
	.cArea .btn { position:relative; top:auto; right:auto; text-align:center; margin-top:30px; }
}

.dArea { position:absolute; top:50%; left:0; right:0; transform: translateY(-50%); margin-top:50px; z-index:5; }
.dArea .bd { margin-top:80px; }
.dBox01 { float:left; width:800px; }
.dBox01 .pic { position:relative; }
.dBox01 .pic .date { position:absolute; top:0; left:0; width:105px; height:105px; text-align:center; line-height:1.1; background:#0b3186; color:#fff; z-index:2; }
.dBox01 .pic .date p { font-size:48px; font-weight:bold; font-family:"Arial"; padding-top:10px; }
.dBox01 .pic .date span { display:block; font-size:14px; padding-top:10px; width:65px; margin:5px auto 0; border-top:1px solid rgba(255,255,255,0.5); }
.dBox01 .txt { line-height:90px; background:#0c2c75; color:#fff; padding:0 40px; font-size:22px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.dBox02 { float:right; width:calc(100% - 835px); }
.dBox02 ul li { border-bottom:1px dashed rgba(255,255,255,0.2); }
.dBox02 ul li:nth-child(n + 2) { margin-top:15px; }
.dBox02 ul li a { display:block; padding:15px 0; }
.dBox02 ul li .date { float:left; width:90px; height:90px; border:1px solid rgba(255,255,255,0.3); color:rgba(255,255,255,0.35); text-align:center; line-height:1.1; }
.dBox02 ul li .date p { font-size:48px; font-weight:bold; font-family:"Arial"; padding-top:10px; }
.dBox02 ul li .date span { display:block; font-size:14px; }
.dBox02 ul li .txt { float:right; width:calc(100% - 130px); padding-top:15px; }
.dBox02 ul li .txt .p1 { font-size:18px; color:#fff; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.dBox02 ul li .txt .p2 { font-size:16px; color:#afafaf; margin-top:15px; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.dBox02 ul li:hover .date { border-color:#1b287e; background:#1b287e; color:#fff; }
.dBox02 ul li:hover .txt .p1 { font-weight:bold; }

@media all and (max-width:1680px){
	.dArea .bd { margin-top:30px; }
	.dBox01 { float:left; width:600px; }
	.dBox01 .pic .date { width:85px; height:85px; }
	.dBox01 .pic .date p { font-size:30px; padding-top:10px; }
	.dBox01 .pic .date span { font-size:14px; padding-top:10px; width:65px; margin:5px auto 0; }
	.dBox01 .txt { line-height:70px; padding:0 20px; font-size:18px; }

	.dBox02 { float:right; width:calc(100% - 635px); }
	.dBox02 ul li:nth-child(n + 2) { margin-top:10px; }
	.dBox02 ul li a { padding:10px 0; }
	.dBox02 ul li .date { float:left; width:70px; height:70px; }
	.dBox02 ul li .date p { font-size:30px; padding-top:10px; }
	.dBox02 ul li .date span { font-size:14px; }
	.dBox02 ul li .txt { float:right; width:calc(100% - 90px); padding-top:10px; }
	.dBox02 ul li .txt .p1 { font-size:16px;  }
	.dBox02 ul li .txt .p2 { font-size:14px; margin-top:15px; }
}
@media all and (max-width:1200px){
	.dArea { position:relative; top:auto; left:auto; right:auto; transform: translateY(0); margin-top:0; padding:40px 0; }
	.dArea .bd { margin-top:30px; }
	.dBox01 { float:none; width:100%; }
	.dBox01 .pic .date { width:85px; height:85px; }
	.dBox01 .pic .date p { font-size:30px; padding-top:10px; }
	.dBox01 .pic .date span { font-size:14px; padding-top:10px; width:65px; margin:5px auto 0; }
	.dBox01 .txt { line-height:40px; padding:0 15px; font-size:14px; }

	.dBox02 { float:none; width:100%; margin-top:15px; }
	.dBox02 ul li:nth-child(n + 2) { margin-top:0; }
	.dBox02 ul li a { display:block; padding:15px 0; }
	.dBox02 ul li .date { float:left; width:60px; height:60px; }
	.dBox02 ul li .date p { font-size:30px; padding-top:5px; }
	.dBox02 ul li .date span { font-size:14px; }
	.dBox02 ul li .txt { float:right; width:calc(100% - 75px); padding-top:10px; }
	.dBox02 ul li .txt .p1 { font-size:16px;  }
	.dBox02 ul li .txt .p2 { font-size:14px; margin-top:10px; }
}




@media all and (max-width:1680px){
	
}
@media all and (max-width:1200px){
	
}



.active .aArea .txt01 {
	-webkit-animation: fadeInLeft 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInLeft 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.active .aArea .pic {
	-webkit-animation: fadeInRight 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInRight 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}


.active .bArea .wrap {
	-webkit-animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}


.active .cArea01 {
	-webkit-animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.active .cArea02 {
	-webkit-animation: fadeInUp 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}


.active .Area-hd {
	-webkit-animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.active .dBox01 {
	-webkit-animation: fadeInLeft 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInLeft 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.active .dBox02 {
	-webkit-animation: fadeInRight 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInRight 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}