@charset "utf-8";

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

.swiper-container-1 .swiper-slide { position:relative; width:100%; overflow:hidden; }
.swiper-container-1 .swiper-slide a { display:block; }
.swiper-container-1 .swiper-slide img { transform:scale(1.15,1.15);vertical-align:middle; transition:all 10s cubic-bezier(0.19, 1, 0.22, 1) }
.swiper-container-1 .swiper-slide .img02 { display:none; }

.swiper-container-1 .swiper-slide.swiper-slide-active img {transform:scale(1);}
 
.swiper-pagination-1 { position:absolute; right:3%; top:50%; transform: translateY(-50%); width:10px; text-align:center; z-index:9;  }
.swiper-pagination-1 .swiper-pagination-bullet { position:relative; width:10px; height:10px; margin:10px 0;  border-radius:100%; background:#fff; opacity:1; }
.swiper-pagination-1 .swiper-pagination-bullet:before { position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:15px; height:15px; border:1px solid #fff; display:none; content:""; border-radius:100%; z-index:-1; }
.swiper-pagination-1 .swiper-pagination-bullet-active:before { display:block; }

.ban01 { position:absolute; font-size:0; text-align:center; left:50%; width:352px; transform: translateX(-50%); bottom:-170px; z-index:2; }
.ban01 .p1 { animation: circle_around 20s infinite linear; }
.ban01 .p2 { position:absolute; top:0; left:0; width:100%; z-index:2; animation: circle_around2 15s infinite linear; }
.ban01 .p3 { position:absolute; top:0; left:0; width:100%; z-index:5; animation: circle_around 10s infinite linear; }
.ban01 .p4 { position:absolute; top:42%; left:50%; transform: translate(-50%,-50%); text-align:center; font-size:16px; z-index:5; }
.ban01 .p4 a { color:#fff; display:block; font-family:"Arial"; line-height:20px; }

@keyframes circle_around{
	0%{transform:rotate(0)}
	100%{transform:rotate(360deg)}
}
@keyframes circle_around2{
	0%{transform:rotate(0)}
	100%{transform:rotate(-360deg)}
}


.banner .prev-01,.banner .next-01 { position:absolute; top:50%; transform: translateY(-50%); display:block; border-radius:100%; width:79px; height:79px; background-size:cover!important; z-index:5; cursor:pointer; }
.banner .prev-01 { background:url(/images/ban01.png) no-repeat center; left:5%; }
.banner .next-01 { background:url(/images/ban02.png) no-repeat center; right:5%; }



@media all and (max-width:1200px){
	.swiper-container-1 .swiper-slide .img01 { display:none; }
	.swiper-container-1 .swiper-slide .img02 { display:block; }

	.swiper-pagination-1 { bottom:20px; right:0; top:auto; transform: translateY(0); width:100%; }
	.swiper-pagination-1 .swiper-pagination-bullet { width:6px; height:6px; margin:0 6px; }
	.swiper-pagination-1 .swiper-pagination-bullet:before { width:10px; height:10px; }
	
	.banner .prev-01,.banner .next-01 { width:35px; height:35px; }
 
	.ban01 { display:none; }
}
 

.Area-hd { line-height:1.1 }
.Area-hd .p1 { position:relative; font-size:60px; color:rgba(189,215,236,0.5); text-transform:uppercase; z-index:1; }
.Area-hd .p2 { position:relative; margin-top:-30px; font-size:36px; color:#3a3a3a; z-index:2; }
.Area-hd .p3 { width:135px; height:6px; margin-top:10px; background:url(/images/hd.jpg) no-repeat center; }

@media all and (max-width:1680px){
	.Area-hd .p1 { font-size:40px; }
	.Area-hd .p2 { margin-top:-20px; font-size:28px; }
	.Area-hd .p3 { width:110px; height:5px; margin-top:10px; }
}
@media all and (max-width:1200px){
	.Area-hd .p1 { font-size:28px; }
	.Area-hd .p2 { margin-top:-15px; font-size:20px; }
	.Area-hd .p3 { width:80px; height:3px; margin-top:10px; }
}

.aArea { padding:50px 0 100px; }
.aArea .Area-hd { margin-bottom:60px; }

.aArea01 { float:left; width:68%; }
.aArea01 .hd { position:relative; padding-left:55px; background:url(/images/a01.png) no-repeat center left; background-size:contain; }
.aArea01 .hd ul li { float:left; margin-right:50px; font-size:0; cursor:pointer; }
.aArea01 .hd ul li:last-child { margin-right:0; }
.aArea01 .hd ul li i { display:inline-block; line-height:35px; font-size:22px; color:#333; }
.aArea01 .hd ul li a { position:absolute; right:0; top:0; z-index:2; font-size:16px; color:#b3b3b3; line-height:35px; display:none; }
.aArea01 .hd ul li a:hover { color:#215eab; }

.aArea01 .hd ul li.on a { display:block; }
.aArea01 .hd ul li.on i { color:#215eab; font-weight:bold; }

.aArea01 .bd { margin-top:35px; }
.aArea01 .bd .bd01 { position:relative; float:left; width:530px; }
.aArea01 .bd .bd01 .pic { width:100%; overflow:hidden; }
.aArea01 .bd .bd01 .pic img { display:block; width:100%; height:395px; object-fit: cover; }
.aArea01 .bd .bd01 .txt { position:absolute; left:0; right:0; bottom:0; padding:20px; background:rgba(0,0,0,0.8); z-index:2; }
.aArea01 .bd .bd01 .txt .txt02 { float:left; width:75px; height:75px; padding-top:12px; line-height:1; background:#215eab; color:#fff; font-family:"Arial"; text-align:center; box-sizing: border-box; }
.aArea01 .bd .bd01 .txt .txt02 p { font-size:30px; }
.aArea01 .bd .bd01 .txt .txt02 span { display:block; font-size:16px; margin-top:5px; }
.aArea01 .bd .bd01 .txt .txt01 { float:right; width:calc(100% - 90px); color:#fff; padding-top:15px; }
.aArea01 .bd .bd01 .txt .txt01 .p1 { font-size:18px; line-height:20px; height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea01 .bd .bd01 .txt .txt01 .p2 { font-size:16px; line-height:20px; height:20px; margin-top:10px; opacity:0.8; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.aArea01 .bd .bd02 { float:right; width:calc(100% - 550px); }
.aArea01 .bd .bd02 ul li { position:relative; padding-left:15px; line-height:55px; height:55px; border-bottom:1px dashed #c2c2c2; font-size:18px; color:#2b2b2b; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea01 .bd .bd02 ul li:before { position:absolute; left:0; top:50%; transform: translateY(-50%); display:block; content:""; width:6px; height:6px; background:#b8b8b8; border-radius:100%; z-index:2; }
.aArea01 .bd .bd02 ul li a { color:#2b2b2b; }
.aArea01 .bd .bd02 ul li span { float:right; font-size:16px; color:#ababab; margin-left:15px; }

.aArea01 .bd .bd02 ul li:hover a { color:#215eab; }

.aArea02 { float:right; width:30%; }
.aArea02 .hd { position:relative; padding-left:40px; background:url(/images/a02.png) no-repeat center left; background-size:contain; }
.aArea02 .hd ul li { float:left; margin-right:35px; font-size:0; cursor:pointer; }
.aArea02 .hd ul li:last-child { margin-right:0; }
.aArea02 .hd ul li i { display:inline-block; line-height:35px; font-size:22px; color:#333; }
.aArea02 .hd ul li a { position:absolute; right:0; top:0; z-index:2; font-size:16px; color:#b3b3b3; line-height:35px; display:none; }
.aArea02 .hd ul li a:hover { color:#215eab; }

.aArea02 .hd ul li.on a { display:block; }
.aArea02 .hd ul li.on i { color:#215eab; font-weight:bold; }

.aArea02 .bd { margin-top:35px; }
.aArea02 .bd ul li { position:relative; padding-left:15px; line-height:55px; height:55px; border-bottom:1px dashed #c2c2c2; font-size:18px; color:#2b2b2b; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea02 .bd ul li:before { position:absolute; left:0; top:50%; transform: translateY(-50%); display:block; content:""; width:6px; height:6px; background:#b8b8b8; border-radius:100%; z-index:2; }
.aArea02 .bd ul li a { color:#2b2b2b; }
.aArea02 .bd ul li span { float:right; font-size:16px; color:#ababab; margin-left:15px; }

.aArea02 .bd ul li:hover a { color:#215eab; }

.aArea03 { margin-top:60px; }
.aArea03 .swiper-container-a01 { padding:10px!important; margin:-10px!important; }
.aArea03 .swiper-slide .img02 { display:none; }
.aArea03 .swiper-slide:hover { box-shadow:3px 2px 10px rgba(33,94,171,0.3); }

@media all and (max-width:1680px){
	.aArea { padding:50px 0 60px; }
	.aArea .Area-hd { margin-bottom:40px; }

	.aArea01 { float:left; width:68%; }
	.aArea01 .hd { position:relative; padding-left:40px; }
	.aArea01 .hd ul li { margin-right:30px; }
	.aArea01 .hd ul li:last-child { margin-right:0; }
	.aArea01 .hd ul li i { line-height:30px; font-size:18px; }
	.aArea01 .hd ul li a { font-size:14px; line-height:30px; }
 
	.aArea01 .bd { margin-top:25px; }
	.aArea01 .bd .bd01 { width:360px; }
	.aArea01 .bd .bd01 .pic img { height:270px; }
	.aArea01 .bd .bd01 .txt { padding:15px; }
	.aArea01 .bd .bd01 .txt .txt02 { width:60px; height:60px; padding-top:10px; }
	.aArea01 .bd .bd01 .txt .txt02 p { font-size:20px; }
	.aArea01 .bd .bd01 .txt .txt02 span { font-size:14px; margin-top:5px; }
	.aArea01 .bd .bd01 .txt .txt01 { float:right; width:calc(100% - 70px); padding-top:10px; }
	.aArea01 .bd .bd01 .txt .txt01 .p1 { font-size:16px; }
	.aArea01 .bd .bd01 .txt .txt01 .p2 { font-size:14px; margin-top:10px; }

	.aArea01 .bd .bd02 { float:right; width:calc(100% - 390px); }
	.aArea01 .bd .bd02 ul li { line-height:37px; height:37px; font-size:16px; }
	.aArea01 .bd .bd02 ul li span { font-size:14px; margin-left:15px; }
 
	.aArea02 { float:right; width:30%; }
	.aArea02 .hd { padding-left:40px; }
	.aArea02 .hd ul li { margin-right:25px; }
	.aArea02 .hd ul li:last-child { margin-right:0; }
	.aArea02 .hd ul li i { line-height:30px; font-size:18px; }
	.aArea02 .hd ul li a { font-size:14px; line-height:30px; }
 
	.aArea02 .bd { margin-top:25px; }
	.aArea02 .bd ul li { line-height:37px; height:37px; font-size:16px; }
	.aArea02 .bd ul li span { font-size:14px; }
 
	.aArea03 { margin-top:40px; }
}
@media all and (max-width:1200px){
	.aArea { padding:40px 0; }
	.aArea .Area-hd { margin-bottom:30px; }
	
	.aArea03 { margin-top:30px; }
}
@media all and (max-width:1000px){
	.aArea { padding:40px 0; }
	
	.aArea01 { float:none; width:100%; }
	.aArea01 .hd { padding-left:0; background:none; }
	.aArea01 .hd ul { display:flex; flex-direction:row; justify-content:space-between; }
	.aArea01 .hd ul li { float:none; margin-right:0; }
	.aArea01 .hd ul li:last-child { margin-right:0; }
	.aArea01 .hd ul li i { line-height:25px; font-size:16px; }
	.aArea01 .hd ul li a { font-size:14px; line-height:25px; display:none!important; }
 
	.aArea01 .bd { margin-top:15px; }
	.aArea01 .bd .bd01 { float:none; width:100%; }
	.aArea01 .bd .bd01 a { display:block; }
	.aArea01 .bd .bd01 .pic img { height:auto; }
	.aArea01 .bd .bd01 .txt { padding:15px; }
	 
	.aArea01 .bd .bd02 { float:none; width:100%; margin-top:20px; }
	.aArea01 .bd .bd02 ul li { line-height:35px; height:35px; font-size:14px; }
	.aArea01 .bd .bd02 ul li span { font-size:14px; margin-left:15px; }
 
	.aArea02 { float:none; width:100%; margin-top:30px; }
	.aArea02 .hd { padding-left:0; background:none; }
	.aArea02 .hd ul li { margin-right:10px; }
	.aArea02 .hd ul li:last-child { margin-right:0; }
	.aArea02 .hd ul li i { line-height:25px; font-size:16px; }
 
	.aArea02 .bd { margin-top:15px; }
	.aArea02 .bd ul li { line-height:35px; height:35px; font-size:14px }
	.aArea02 .bd ul li span { font-size:14px; }
}
@media all and (max-width:750px){
	.aArea03 .swiper-slide .img01 { display:none; }
	.aArea03 .swiper-slide .img02 { display:block; }
}





 
.bArea { position:relative; }
.bArea .Area-hd { position:absolute; left:50%; top:65px; margin-left:-790px; z-index:99; }
.bArea .Area-hd .p1 { color:rgba(189,215,236,0.1); }
.bArea .Area-hd .p2 { color:#fff; }

.bArea01 ul { overflow: hidden; display: flex; justify-content: space-between; }
.bArea01 ul li { position:relative; float:left; width:12.66%; transition:0.6s; overflow:hidden;  flex-grow: 1; }
.bArea01 ul li .pic { position:relative; }
.bArea01 ul li .pic img { width:705px; }
.bArea01 ul li .pic p { position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.3); z-index:2; }
.bArea01 ul li .txt { position:absolute; top:60%; left:50%; transform: translate(-50%,-50%); text-align:center; z-index:2; }
.bArea01 ul li .txt p { min-height:54px; }
.bArea01 ul li .txt i { display:block; font-size:30px; line-height:32px; width:35px; color:#fff; margin:0 auto; }

.bArea01 ul li .txt01 { position:absolute; color:#fff; padding:40px 60px 0 60px; width:88.7%; min-height:185px; border-radius:15px 0 0 0; background:url(/images/cy01.png) no-repeat center right; background-size:cover; right:0; bottom:0; display:none; box-sizing: border-box; z-index:2; }
.bArea01 ul li .txt01 .p1 { font-size:28px; }
.bArea01 ul li .txt01 .p2 { width:40px; height:2px; background:#fff; margin-top:10px; }
.bArea01 ul li .txt01 .p3 { font-size:18px; margin-top:15px; line-height:25px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.bArea01 ul li.on { width:36.7%; flex-shrink: 0; }
.bArea01 ul li.on .pic p { display:none; }
.bArea01 ul li.on .txt { display:none; }
.bArea01 ul li.on .txt01 { display:block; }

.bArea02 { display:none; }
.bArea02 .swiper-slide a { position:relative; display:block; }
.bArea02 .swiper-slide .txt01 { display:none; }

.bArea02 .swiper-slide .pic { position:relative; }
.bArea02 .swiper-slide .pic p { position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.3); z-index:2; }
.bArea02 .swiper-slide .txt { position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); text-align:center; z-index:2; }
.bArea02 .swiper-slide .txt p { min-height:35px; }
.bArea02 .swiper-slide .txt p img { max-height:25px; }
.bArea02 .swiper-slide .txt i { display:block; font-size:18px; line-height:20px; width:20px; color:#fff; margin:0 auto; }

.swiper-pagination-b01 { width:100%; text-align:center; margin-top:20px; }
.swiper-pagination-b01 .swiper-pagination-bullet { width:8px; height:8px; margin:0 3px; background:#ddd; opacity:1; }
.swiper-pagination-b01 .swiper-pagination-bullet-active { background:#3151a4; }

@media all and (max-width:1680px){
	.bArea .Area-hd { top:60px; margin-left:-600px; }
	
	.bArea01 ul li .pic img { width:580px; }
	.bArea01 ul li .txt p { min-height:45px; }
	.bArea01 ul li .txt p img { max-height:30px; }
	.bArea01 ul li .txt i { font-size:24px; line-height:28px; width:25px; }

	.bArea01 ul li .txt01 { padding:30px 45px 0 45px; min-height:150px; border-radius:15px 0 0 0; }
	.bArea01 ul li .txt01 .p1 { font-size:22px; }
	.bArea01 ul li .txt01 .p2 { width:40px; height:2px; background:#fff; margin-top:10px; }
	.bArea01 ul li .txt01 .p3 { font-size:14px; }
}
@media all and (max-width:1280px){
	.bArea .Area-hd { left:4%; margin-left:0; }
	
	.bArea01 ul li .pic img { width:470px; }
	.bArea01 ul li .txt p { min-height:35px; }
	.bArea01 ul li .txt p img { max-height:25px; }
	.bArea01 ul li .txt i { font-size:20px; line-height:25px; width:25px; }

	.bArea01 ul li .txt01 { padding:20px 20px 0 20px; min-height:120px; }
	.bArea01 ul li .txt01 .p1 { font-size:18px; }
	.bArea01 ul li .txt01 .p2 { width:40px; height:2px; margin-top:10px; }
	.bArea01 ul li .txt01 .p3 { font-size:14px; margin-top:15px; }
}
@media all and (max-width:1200px){
	.bArea .Area-hd { position:relative; left:auto; top:auto; margin-left:4%; margin-bottom:30px; }
	.bArea .Area-hd .p1 { color:rgba(189,215,236,0.2); }
	.bArea .Area-hd .p2 { color:#333; }

	.bArea01 { display:none; }
	.bArea02 { display:block; }
}
 
.cArea { padding:80px 0 100px; background:url(/images/cArea.jpg) no-repeat center bottom; background-size:cover; }
.cArea .Area-hd .p1 { color:rgba(189,215,236,0.2); }
.cArea .bd { margin-top:90px; }
.cArea .bd ul { width:1512px; margin:0 auto; }
.cArea .bd ul li { position:relative; float:left; width:216px; }
.cArea .bd ul li:nth-child(1) { margin-left:108px; }
.cArea .bd ul li:nth-child(14) { margin-left:108px; }
.cArea .bd ul li .img02 { position:absolute; top:0; left:0; display:none; z-index:2; }
.cArea .bd ul li:hover .img02 { display:block; }

@media all and (max-width:1680px){
	.cArea { padding:60px 0 80px; }
	.cArea .bd { margin-top:40px; }
	.cArea .bd ul { padding:0; width:100%; }
	.cArea .bd ul li { position:relative; float:left; width:14.28%; }
	.cArea .bd ul li:nth-child(1) { margin-left:7.14%; }
	.cArea .bd ul li:nth-child(14) { margin-left:7.14%; }
}
@media all and (max-width:1200px){
	.cArea { padding:40px 0; }
	.cArea .bd { margin-top:30px; }
}
@media all and (max-width:750px){
	.cArea .bd ul li { position:relative; float:left; width:25%; }
	.cArea .bd ul li:nth-child(1) { margin-left:12.5%; }
	.cArea .bd ul li:nth-child(8) { margin-left:12.5%; }
	.cArea .bd ul li:nth-child(14) { margin-left:0; }
	.cArea .bd ul li:nth-child(15) { margin-left:12.5%; }
	.cArea .bd ul li:nth-child(22) { margin-left:12.5%; }
 
}

.dArea { padding:50px 0 90px; background:url(/images/dArea.jpg) no-repeat center bottom; background-size:cover;  }
.dArea .pic { display:none; }
.dArea .wrap { position:relative; }
.dArea .Area-hd { padding-top:70px; color:#fff; min-height:493px; background:url(/images/d01.png) no-repeat left top; background-size:contain; box-sizing: border-box; }
.dArea .Area-hd .p1 { color:rgba(255,255,255,0.1); }
.dArea .Area-hd .p2 { color:#fff; }
.dArea .Area-hd .pd01 { font-size:48px; margin-top:65px; line-height:1.6; }
.dArea .Area-hd .pd02 { margin-top:55px; cursor:pointer; }
.dArea .Area-hd .pd03 { margin-top:80px; cursor:pointer; }
.dArea .Area-hd .pd03 a { display:inline-block; width:175px; text-align:center; line-height:55px; font-size:16px; color:rgba(255,255,255,0.65); border:1px solid rgba(255,255,255,0.65); border-radius:30px; }
.dArea .Area-hd .pd03 a:hover { color:#fff; background:#0c519e; border-color:#0c519e; }

.dArea01 { position:absolute; right:50px; bottom:35px; z-index:2; }

@media all and (max-width:1680px){
	.dArea { padding:30px 0 60px; }
	.dArea .Area-hd { padding-top:50px; min-height:350px; }
	.dArea .Area-hd .pd01 { font-size:30px; margin-top:40px; }
	.dArea .Area-hd .pd02 { margin-top:40px; }
	.dArea .Area-hd .pd02 img { width:50px; }
	.dArea .Area-hd .pd03 { margin-top:60px;  }
	.dArea .Area-hd .pd03 a { width:150px; line-height:45px; font-size:16px; }

	.dArea01 { position:absolute; right:0; bottom:20px; z-index:2; }
	.dArea01 img { width:350px; }
}
@media all and (max-width:1200px){
	.dArea { padding:20px 0; }
	.dArea .Area-hd { padding-top:15px; min-height:10px; padding-right:150px; padding-bottom:20px; }
	.dArea .Area-hd .pd01 { font-size:18px; margin-top:30px; }
	.dArea .Area-hd .pd02 { margin-top:30px; }
	.dArea .Area-hd .pd02 img { width:30px; }
	.dArea .Area-hd .pd03 { margin-top:40px;  }
	.dArea .Area-hd .pd03 a { width:120px; line-height:35px; font-size:14px; }

	.dArea01 { position:absolute; right:0; bottom:30px; z-index:2; }
	.dArea01 img { width:150px; }
}
@media all and (max-width:750px){
	.dArea { position:relative; background:none; padding:0; }
	.dArea .pic { display:block; }
	.dArea .wrap { position:absolute; left:4%; top:50%; transform: translateY(-50%); z-index:2; }
	.dArea .Area-hd {  padding:0; }
	 
	.dArea01 { display:none; }
}










<!--ºÄʱ1751471006.9903Ãë-->