@charset "utf-8";

.banner { position: relative; width:100%; overflow:hidden; }

.swiper-container-1 .swiper-slide { overflow:hidden; }
.swiper-container-1 .swiper-slide a { position:relative; display:block; z-index:1;  }
.swiper-container-1 .swiper-slide .img02 { display:none; }
.swiper-container-1 .swiper-slide .img03 { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); margin-top:100px; transition: all 0.6s; z-index:2; }
.swiper-container-1 .swiper-slide-active .img03 { margin-top:0; }

.swiper-pagination-1 { position:absolute; left:0; right:0; bottom:115px; font-size:0; text-align:center; z-index:2; } 
.swiper-pagination-1 .swiper-pagination-bullet { width:10px; height:10px; border-radius:100%; margin:0 7px; opacity:1; background:#fff; }
.swiper-pagination-1 .swiper-pagination-bullet-active { background:#278bc2; }
 
.banBtn { position:absolute; bottom:200px; left:50%; transform: translateX(-50%); text-align:center; animation: bounce-bottom 1.5s linear infinite; z-index:2; }
.banBtn .p1 { color:#fff; font-size:14px; }
.banBtn .p2 { margin-top:15px; }

@keyframes bounce-bottom {
	0% {bottom:200px;}
	100% {bottom:150px;}
}

@media all and (max-width:1200px){
	.swiper-pagination-1 { bottom:40px; } 
	.swiper-pagination-1 .swiper-pagination-bullet { width:8px; height:8px; margin:0 3px; }

	.banBtn { display:none; }
}
@media all and (max-width:750px){
	.swiper-container-1 .swiper-slide .img01 { display:none; }
	.swiper-container-1 .swiper-slide .img02 { display:block; }
	.swiper-container-1 .swiper-slide .img03 { display:none; }
}
 
.aArea { position:relative; margin-top:-90px; z-index:9; }
.aArea ul { background:#fff; padding: 40px 0 30px; box-shadow:0px 6px 7px rgba(200,200,200,0.15); }
.aArea ul li { position:relative; float:left; width:16.66%; text-align:center; line-height:1.1; font-size:16px; color:rgba(35,48,67,0.7); }
.aArea ul li:before { position:absolute; display:block; content:""; top:0; right:0; bottom:0; width:1px; background:#e2e5e8; z-index:2; }
.aArea ul li:last-child:before { display:none; }
.aArea ul li .p1 i { font-size:42px; color:#233043; font-family:"Arial"; font-weight:bold; margin-right:5px; line-height:1; }
.aArea ul li .p2 { margin-top:10px; }

@media all and (max-width:1480px){
	.aArea { margin-top:-55px; }
	.aArea ul { padding:30px 0; }
	.aArea ul li { font-size:14px; }
	.aArea ul li .p1 i { font-size:30px; }
	.aArea ul li .p2 { margin-top:10px; }
}
@media all and (max-width:1200px){
	.aArea { margin-top:-30px; }
	.aArea ul { padding:25px 0; box-shadow:0px 0px 10px rgba(0,0,0,0.1); }
	.aArea ul li { font-size:14px; }
	.aArea ul li .p1 i { font-size:28px; }
	.aArea ul li .p2 { margin-top:10px; }
}
@media all and (max-width:750px){
	.aArea ul li { width:33.33%; }
	.aArea ul li:nth-child(n + 4) { margin-top:25px; }
	.aArea ul li:nth-child(3n):before { display:none; }
 
	.aArea ul li .p1 i { font-size:28px; }
	.aArea ul li .p2 { margin-top:5px; }
}

.Area-hd { text-align:center; line-height:1.1; }
.Area-hd .p1 { font-family:"Arial"; font-size:20px; color:#498fbf; font-weight:bold; text-transform:uppercase; display:none; }
.Area-hd .p2 { font-size:28px; font-weight:bold; color:#333; margin-top:0; }
.Area-hd .p3 { width: 77px; height:5px;  background: url(/images/ico05.png) no-repeat center; margin:15px auto 0; }

@media all and (max-width:1480px){
	.Area-hd .p1 { font-size:16px; }
	.Area-hd .p2 { font-size:24px; margin-top:0; }
}
@media all and (max-width:1200px){
	.Area-hd .p1 { font-size:14px; }
	.Area-hd .p2 { font-size:20px; margin-top:0; }
	.Area-hd .p3 { width: 50px; height:3px; background-size:50px 3px; }
}

.bArea { padding:60px 0; }
.bArea01 { margin-top:0; }
.bBox01 { float:left; width:685px; height:555px; box-shadow:0px 0px 30px rgba(0,0,0,0.1); }
.bBox01 .swiper-slide .pic { position:relative; padding-bottom:55%; overflow:hidden; }
.bBox01 .swiper-slide .pic img { position:absolute; top:0; left:0; width:100%; height:100%; transition: all 0.6s; object-fit: cover; z-index:2; }
.bBox01 .swiper-slide .txt { padding:0 30px; margin-top:25px; }
.bBox01 .swiper-slide .txt .date { float:left; width:75px; margin-top:10px; text-align:center; line-height:1.1; font-family:"Arial"; font-weight:bold; color:#0064b8; }
.bBox01 .swiper-slide .txt .date p { font-size:60px; }
.bBox01 .swiper-slide .txt .date span { display:block; font-size:18px; border-top:1px solid #d7d7d7; margin-top:10px; padding-top:10px; }
.bBox01 .swiper-slide .txt .txt01 { float:right; width:calc(100% - 100px); }
.bBox01 .swiper-slide .txt .txt01 .p1 { font-size:20px; font-weight:bold; color:#000; line-height:30px; min-height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.bBox01 .swiper-slide .txt .txt01 .p2 { font-size:18px; margin-top:5px; color:#1c1c1c; line-height:30px; min-height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }


.bBox01 .swiper-slide:hover .pic img { transform: scale(1.1)!important; }
.bBox01 .swiper-slide:hover .txt01 .p1 { color:#0756a7; }

.swiper-pagination-b01 { position:absolute; left:0; right:0; bottom:200px; font-size:0; text-align:center; z-index:2; } 
.swiper-pagination-b01 .swiper-pagination-bullet { width:8px; height:8px; border-radius:100%; margin:0 4px; opacity:1; background:#eee; }
.swiper-pagination-b01 .swiper-pagination-bullet-active { background:#0756a7; }


.bBox02 { float:right; width:685px; height:555px; padding:30px 20px 0 20px; box-shadow:0px 0px 30px rgba(0,0,0,0.1); box-sizing: border-box; }
.bBox02 .hd { padding-bottom:15px; border-bottom:1px solid #e7e8e8; }
.bBox02 .hd ul { position:relative; }
.bBox02 .hd ul li { display:inline-block; margin-right:30px; cursor: pointer; }
.bBox02 .hd ul li:last-child { margin-right:0; }
.bBox02 .hd ul li i { position: relative; display:inline-block; font-size:24px; line-height:30px; color:#333; font-weight:bold; }
.bBox02 .hd ul li i:before { position: absolute; bottom:-20px; left:50%; transform: translateX(-50%); display:none; content:""; width:77px; height:7px; background:url(/images/ico05.png) no-repeat center; z-index:2; }
.bBox02 .hd ul li a { position:absolute; top:0; right:0; line-height:30px; display:none; font-size:14px; color:#7a7a7a; z-index:2; }

.bBox02 .hd ul li:hover a { color:#0756a7; }
.bBox02 .hd ul li.on i { color:#498fbf }
.bBox02 .hd ul li.on a { display:inline-block; }
.bBox02 .hd ul li.on i:before { display:block; }

.bBox02 .bd { margin-top:35px; }
.bBox02 .bd ul li { position:relative; height:24px; line-height:24px; font-size:18px; padding-left:10px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.bBox02 .bd ul li:before { position:absolute; left:0; top:50%; transform: translateY(-50%); width:4px; height:4px; background:#999; display:block; content:""; z-index:; }
.bBox02 .bd ul li:nth-child(n + 2) { margin-top:20px; }
.bBox02 .bd ul li span { float:right; margin-left:25px; color:rgba(28,28,28,0.4); font-size:16px; }
.bBox02 .bd ul li a { color:#1c1c1c; }

.bBox02 .bd ul li:hover:before { background:#0756a7; }
.bBox02 .bd ul li:hover a { color:#0756a7; }

@media all and (max-width:1480px){
	.bArea { padding:60px 0; }
	.bArea01 { margin-top:00; }
	.bBox01 { float:left; width:590px; height:485px; }
	 
	.bBox01 .swiper-slide .txt { padding:0 20px; margin-top:20px; }
	.bBox01 .swiper-slide .txt .date { float:left; width:70px; margin-top:10px; }
	.bBox01 .swiper-slide .txt .date p { font-size:40px; }
	.bBox01 .swiper-slide .txt .date span { font-size:16px; margin-top:10px; padding-top:10px; }
	.bBox01 .swiper-slide .txt .txt01 { float:right; width:calc(100% - 90px); }
	.bBox01 .swiper-slide .txt .txt01 .p1 { font-size:16px; line-height:30px; min-height:60px; -webkit-line-clamp:2; }
	.bBox01 .swiper-slide .txt .txt01 .p2 { font-size:14px; margin-top:5px; line-height:25px; min-height:50px; -webkit-line-clamp:2; }
 
	.swiper-pagination-b01 { position:absolute; left:0; right:0; bottom:180px; font-size:0; text-align:center; z-index:2; } 
	.swiper-pagination-b01 .swiper-pagination-bullet { width:8px; height:8px; border-radius:100%; margin:0 4px; opacity:1; background:#eee; }
	.swiper-pagination-b01 .swiper-pagination-bullet-active { background:#278bc2; }


	.bBox02 { float:right; width:calc(100% - 610px); height:485px; padding:20px 20px 0 20px; }
	.bBox02 .hd { padding-bottom:10px; }
	.bBox02 .hd ul li { margin-right:20px; }
	.bBox02 .hd ul li:last-child { margin-right:0; }
	.bBox02 .hd ul li i { font-size:20px; line-height:25px; }
	.bBox02 .hd ul li i:before { bottom:-12px; width:55px; height:5px; background-size:100% 100%; }
	.bBox02 .hd ul li a { line-height:25px; }
 
	.bBox02 .bd { margin-top:25px; }
	.bBox02 .bd ul li { height:20px; line-height:20px; font-size:16px; }
	.bBox02 .bd ul li:nth-child(n + 2) { margin-top:20px; }
	.bBox02 .bd ul li span { margin-left:20px; font-size:14px; }
}
@media all and (max-width:1200px){
	.bArea { padding:40px 0; }
	.bArea01 { margin-top:0; }
	.bBox01 { float:left; width:450px; height:420px; }
 
	.bBox02 { float:right; width:calc(100% - 470px); height:420px;  }
	.bBox02 .hd ul li { margin-right:10px; }
	.bBox02 .hd ul li:last-child { margin-right:0; }
	.bBox02 .hd ul li i { font-size:18px; line-height:25px; }
	
	.bBox02 .bd ul li { height:20px; line-height:20px; font-size:16px; }
	.bBox02 .bd ul li:nth-child(n + 2) { margin-top:13px; }
	.bBox02 .bd ul li span { margin-left:20px; font-size:14px; }
}
@media all and (max-width:1000px){
	.bBox01 { float:none; width:100%; height:auto; padding-bottom:30px; }
	
	.bBox02 { float:none; width:100%; height:390px; margin-top:15px; padding:20px 15px 0 15px;  }
 
	.bBox02 .bd ul li { height:20px; line-height:20px; font-size:14px; padding-left:15px; }
	.bBox02 .bd ul li:nth-child(n + 2) { margin-top:10px; }
	.bBox02 .bd ul li span { font-size:12px; }
}
@media all and (max-width:750px){
	.bBox02 .hd ul li { margin-right:5px; }
	.bBox02 .hd ul li:last-child { margin-right:0; }
	.bBox02 .hd ul li i { font-size:14px; font-weight:normal; }
	.bBox02 .hd ul li.on i { font-size:16px; font-weight:bold; }
	.bBox02 .hd ul li.on a { display:none; }
}



.cArea { position: relative; } 
.cArea01 { position: relative;}
.cArea01 .swiper-slide { position: relative;}
.cArea01 .swiper-slide .pic { overflow:hidden; }
.cArea01 .swiper-slide .pic img { transform: scale(1.2); transition: all 1.5s;  }
.cArea01 .swiper-slide .pic .img02 { display:none; }
.cArea01 .swiper-slide-active .pic img { transform: scale(1); }


.cArea01 .swiper-slide .txt { position: absolute; top:85px; left:0;right:0; z-index:2;}
.cArea01 .swiper-slide .Area-hd .p1 { color:rgba(255,255,255,0.5); }
.cArea01 .swiper-slide .Area-hd .p2 { color:#fff; }
.cArea01 .swiper-slide .txt01 { margin-top:25px; min-height:90px; line-height:30px; text-align:center; font-size:16px; color:#fff; }
.cArea01 .swiper-slide .txt02 { margin-top:10px; text-align:center; }
.cArea01 .swiper-slide .txt02 a { display: inline-block; width:120px; line-height:45px; color:#fff; background:#328ed2; font-size:14px; border-radius:25px; }

.cArea01 .btn01 { position:absolute; top:50%; transform: translateY(-50%); width:48px; height:48px; cursor: pointer; z-index:5;}
.cArea01 .prev-c01 { background:url(/images/ico08.png) no-repeat center; left:50%; margin-left:-700px; }
.cArea01 .next-c01 { background:url(/images/ico09.png) no-repeat center; right:50%; margin-right:-700px; }

.cArea02 { position:absolute; left:0; right:0; bottom:85px; z-index:2; }
.cArea02 .wrap { position: relative;}
.cArea02 .wrap:before { position: absolute; left:0; right:0; top:86px; display:block; content:""; height:2px; background:rgba(255,255,255,0.4); z-index:-1; }
.cArea02 .swiper-slide { text-align:center; cursor: pointer;}
.cArea02 .swiper-slide .p1 { width:58px; height:58px; margin:0 auto; text-align:center; vertical-align:middle;  border-radius:100%; border:5px solid transparent; overflow:hidden; }
.cArea02 .swiper-slide .p1 p { width:58px; height:58px; display:flex; align-items: center; justify-content: center; }
.cArea02 .swiper-slide .p1 img { width:35px; height:35px; }
.cArea02 .swiper-slide .p1 .img02 { display:none; }
.cArea02 .swiper-slide .p2 { width:18px; height:18px; margin:10px auto 0; background:url(/images/ico06.png) no-repeat center; }
.cArea02 .swiper-slide .p3 { font-size:18px; line-height:20px; margin-top:30px; color:#fff; font-weight:bold;}

.cArea02 .swiper-slide-thumb-active .p1 { border-color:rgba(255,255,255,0.2); }
.cArea02 .swiper-slide-thumb-active .p1 p { background:#fff; }
.cArea02 .swiper-slide-thumb-active .p1 .img01 { display:none; }
.cArea02 .swiper-slide-thumb-active .p1 .img02 { display:inline-block; background:#fff; }
.cArea02 .swiper-slide-thumb-active .p2 { background:url(/images/ico07.png) no-repeat center; }

@media all and (max-width:1480px){
	.cArea01 .swiper-slide .txt { top:60px; }
 
	.cArea01 .swiper-slide .txt01 { margin-top:20px; min-height:75px; line-height:25px; font-size:14px; }
	.cArea01 .swiper-slide .txt02 { margin-top:10px; }
	.cArea01 .swiper-slide .txt02 a { width:120px; line-height:35px; }

	.cArea01 .btn01 { width:35px; height:35px; background-size:cover!important; }
	.cArea01 .prev-c01 { left:4%; margin-left:0; }
	.cArea01 .next-c01 { right:4%; margin-right:0; }

	.cArea02 { bottom:60px; }
	.cArea02 .wrap:before { top:72px; height:1px; }
	.cArea02 .swiper-slide .p1 { width:45px; height:45px; }
	.cArea02 .swiper-slide .p1 p { width:45px; height:45px; }
	.cArea02 .swiper-slide .p1 img { width:25px; height:25px; }
 
	.cArea02 .swiper-slide .p2 { width:15px; height:15px; margin:10px auto 0; background-size:cover!important; }
	.cArea02 .swiper-slide .p3 { font-size:16px; margin-top:15px; }
}
@media all and (max-width:1200px){
	.cArea01 .swiper-slide .txt { top:30px; }
	.cArea01 .swiper-slide .pic img { width:100%; min-height:400px; object-fit: cover; }
	
	.cArea02 { bottom:30px; }
}
@media all and (max-width:750px){
	.cArea01 .swiper-slide .pic .img01 { display:none; }
	.cArea01 .swiper-slide .pic .img02 { display:block; }
}

.dArea{ padding:80px 0 100px; }
.dArea01 { margin-top:60px; }
.dArea01 ul { overflow: hidden; display: flex; justify-content: space-between; }
.dArea01 ul li { position:relative; width:14.4%; transition:0.6s; overflow:hidden;  flex-grow: 1; cursor:pointer; }
.dArea01 ul li .pic { position:relative; }
.dArea01 ul li .pic img { width:395px; height:auto; }
.dArea01 ul li .pic p { position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.2); z-index:2; }
.dArea01 ul li .txt { position:absolute; left:0; right:0; bottom:30px; font-size:20px; padding:0 20px; line-height:30px; height:30px; text-align:center; color:#fff; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; transition:0.6s; z-index:2; }
.dArea01 ul li .pic01 { position:absolute; width:345px; top:200%; padding:70px 25px; box-sizing: border-box; background:url(/images/d01.png) no-repeat right bottom rgba(41,100,173,0.95); left:50%; transform: translate(-50%,-50%); opacity:0; transition:0.6s; color:#fff; z-index:5; }
.dArea01 ul li .pic01 .p1 { font-size:20px; }
.dArea01 ul li .pic01 .p2 { font-size:16px; line-height:25px; margin-top:20px; min-height:150px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:6; }
.dArea01 ul li .pic01 .p3 { font-size:14px; margin-top:30px; }
.dArea01 ul li .pic01 .p3 i { color:#fff; }

.dArea01 ul li.on { width:28%; flex-shrink: 0; }
.dArea01 ul li.on .pic p { display:none; }
.dArea01 ul li.on .pic01 { top:50%; opacity:1;}
.dArea01 ul li.on .txt { bottom:-100px; }

.dArea02 { display:none; margin-top:20px; }
.dArea02 .swiper-slide { width:49%; margin-right:2%; }
.dArea02 .swiper-slide a { position:relative; display:block; }
.dArea02 .swiper-slide .pic img { width:100%; height:auto; }
.dArea02 .swiper-slide .pic p { position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.2); z-index:2; display:none; }

.dArea02 .swiper-slide .pic01 { /*position:absolute; width:100%; left:0; bottom:0;*/ padding:30px 4%; box-sizing: border-box; background:url(/images/d01.png) no-repeat right bottom rgba(41,100,173,0.95); color:#fff; z-index:5; display:flex; align-items: center; }
.dArea02 .swiper-slide .pic01 .p1 { font-size:16px; }
.dArea02 .swiper-slide .pic01 .p2 { font-size:14px; line-height:25px; margin-top:15px; min-height:50px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.dArea02 .swiper-slide .pic01 .p3 { font-size:14px; margin-top:10px; }

.swiper-pagination-d02 { width:100%; margin-top:25px; font-size:0; text-align:center; } 
.swiper-pagination-d02 .swiper-pagination-bullet { width:8px; height:8px; border-radius:100%; margin:0 4px; opacity:1; background:#ddd; }
.swiper-pagination-d02 .swiper-pagination-bullet-active { background:#278bc2; }

@media all and (max-width:1480px){
	.dArea{ padding:60px 0 80px; }
	.dArea01 { margin-top:40px; }

	.dArea01 ul li .pic img { width:340px; height:auto; }
	.dArea01 ul li .txt { bottom:20px; font-size:16px; padding:0 10px; line-height:20px; height:20px; }
	.dArea01 ul li .pic01 { width:290px; padding:50px 20px; }
	.dArea01 ul li .pic01 .p1 { font-size:16px; }
	.dArea01 ul li .pic01 .p2 { font-size:14px; line-height:25px; margin-top:15px; min-height:150px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:6; }
	.dArea01 ul li .pic01 .p3 { font-size:14px; margin-top:20px; }
}
@media all and (max-width:1200px){
	.dArea{ padding:40px 0; }
	.dArea01 { margin-top:20px; }

	.dArea01 ul li .pic img { width:340px; height:auto; }
	.dArea01 ul li .txt { bottom:20px; font-size:16px; padding:0 10px; line-height:20px; height:20px; }
	.dArea01 ul li .pic01 { width:90%; padding:30px 15px; }
}
@media all and (max-width:1000px){
	.dArea01 ul li .pic img { width:260px; height:auto; }
	.dArea01 ul li .pic01 { background-size:140px 140px; }
	.dArea01 ul li .pic01 .p2 { font-size:14px; line-height:25px; margin-top:15px; min-height:100px; -webkit-line-clamp:4; }
}
@media all and (max-width:750px){
	.dArea01 { display:none; }
	.dArea02 { display:block; }
	.dArea02 .swiper-slide { width:100%; margin-right:0; }
}

/*
.eArea { padding:60px 0 100px; background:#f4f8fd; }
.eArea .bd { margin-top:60px; }
.eArea .bd01 { overflow:hidden; padding:10px; margin:-10px; }
.eArea .bd .swiper-slide { box-shadow:0px 6px 7px rgba(200,200,200,0.25); }

@media all and (max-width:1480px){
	.eArea { padding:60px 0 80px; }
	.eArea .bd { margin-top:40px; }
}
@media all and (max-width:1200px){
	.eArea { padding:40px 0; }
	.eArea .bd { margin-top:30px; }
}
@media all and (max-width:750px){
	.dArea02 .swiper-slide { width:100%; margin-right:0; }
}
*/

.eArea { padding:60px 0 100px; background:#f4f8fd; }
.eArea01 { margin-top:30px; }
.eArea01 .hd { text-align:center; font-size:0; }
.eArea01 .hd ul li {  display:inline-block; font-size:14px; color:#333; border:1px solid transparent; line-height:30px; margin:0 5px; padding:0 20px; cursor:pointer; }
.eArea01 .hd ul li.on { color:#2680ba; border-color:#2680ba; font-weight:bold; }
.eArea01 .bd { margin-top:40px; }

.eArea01 .bd .bd01 { overflow:hidden; padding:10px; margin:-10px; }
.eArea01 .bd .swiper-slide { box-shadow:0px 6px 7px rgba(200,200,200,0.25); }


@media all and (max-width:1480px){
	.eArea { padding:60px 0 80px; }
	.eArea01 { margin-top:30px; }
}
@media all and (max-width:1200px){
	.eArea { padding:40px 0; }
	.eArea01 { margin-top:30px; }
	.eArea01 .bd { margin-top:30px; }
}
@media all and (max-width:750px){
	 .eArea01 .hd ul li {   margin:0 3px; padding:0 10px; }
}


.loadingIndex { position: fixed; top: 0; left: 0; width: 100%; height:100vh; background: #fff; display: flex; justify-content: center; align-items: center; transition: all 1s ease-in-out; z-index: 2222; }
.loading_animate { height:0px; }

@media all and (max-width:1200px){
	.loadingIndex { display:none!important; }
}



@media all and (max-width:1480px){
	
}
@media all and (max-width:1200px){
	
}
@media all and (max-width:750px){
	
}<!--ºÄʱ1755775725.4571Ãë-->