@charset "utf-8";

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

.banBox01 { position:relative; }
.banBox01 .swiper-slide { position:relative; width:100%; overflow:hidden; }
.banBox01 .swiper-slide .pic img { width:100%; height:100vh; object-fit: cover; }
.banBox01 .swiper-slide .pic .img02 { display:none; }
.banBox01 .swiper-slide .txt { position:absolute; left:0; top:35%; width:100%; color:#fff; z-index:2; }
.banBox01 .swiper-slide .txt .p1 { font-size: 52px; line-height:65px; text-transform: uppercase; font-family: 'Montserrat-Light'; font-weight:bold; }
.banBox01 .swiper-slide .txt .p2 { margin-top:50px; }
.banBox01 .swiper-slide .txt .p3 { margin-top:40px; font-size:32px; opacity:0.8; }

.banBox01 .swiper-slide .banvideo { font-size:0; }
.banBox01 .swiper-slide .banvideo video { width:100%; height:100vh; object-fit: cover; }

.banBox01 .swiper-slide-active .pic img {animation:fadeInscale 5s .3s ease both;-webkit-animation:fadeInscale 5s .3s ease both;-moz-animation:fadeInscale 5s .3s ease both;}



.banBox01 .btn01 { position:absolute; top:50%; transform: translateY(-70%); width:72px; height:72px; border-radius:100%; background-size:100% 100%!important; overflow:hidden; cursor:pointer; z-index:5; }
.banBox01 .prev-ban { background:url(ban01.svg) no-repeat center; left:3%; }
.banBox01 .next-ban { background:url(ban02.svg) no-repeat center; right:3%; }

.swiper-pagination-ban { position:absolute; bottom:30px; left:0; right:0; text-align:center; z-index:9; display:none; }
.swiper-pagination-ban .swiper-pagination-bullet { width:10px; height:10px; margin:0 5px;  border-radius:100%; background:rgba(255,255,255,0.4); opacity:1; }
.swiper-pagination-ban .swiper-pagination-bullet-active { background:#007FF5; }

.banBox02 { position:absolute; left:0; width:100%; bottom:0; background:rgba(110,110,110,0.25); z-index:2; }
.banBox02 .wrap { border-left:1px solid rgba(255,255,255,0.1); }
.banBox02 .swiper-slide { position:relative; cursor:pointer; }
.banBox02 .swiper-slide:nth-child(1) { width:0!important; height:10px!important; overflow:hidden; }
.banBox02 .swiper-slide:before { position:absolute; top:0; right:0; height:100%; width:1px; background:rgba(255,255,255,0.1); display:block; content:""; z-index:2; }
.banBox02 .swiper-slide .txt {  min-height:155px; padding-top:35px; box-sizing: border-box; text-align:center; border-radius: 15px; }
.banBox02 .swiper-slide .txt .p1 { height:40px; }
.banBox02 .swiper-slide .txt .p1 img { max-height:40px; width:auto; }
.banBox02 .swiper-slide .txt .p2 { margin-top:10px; font-size: 14px; font-family: 'Montserrat-Light'; font-weight:bold; color:#fff; padding:0 10px; }
 
.banBox02 .swiper-slide-thumb-active .txt { background: linear-gradient(279deg, #007FF5 19.35%, #48EACF 80.65%); }

@media all and (max-width:1680px){
	.banBox01 .swiper-slide .txt .p1 { font-size:45px; line-height:55px; }
	.banBox01 .swiper-slide .txt .p2 { margin-top:40px; }
	.banBox01 .swiper-slide .txt .p3 { margin-top:30px; font-size:24px; }

	.banBox01 .btn01 { width:50px; height:50px; }
 
	.banBox02 .swiper-slide .txt { min-height:140px; padding-top:25px; }
	.banBox02 .swiper-slide .txt .p1 { height:30px; }
	.banBox02 .swiper-slide .txt .p1 img { max-height:30px; }
	.banBox02 .swiper-slide .txt .p2 { margin-top:10px; font-size: 14px; }
}
@media all and (max-width:1200px){
	.banBox01 .swiper-slide .pic img { width:100%; height:auto; }
	.banBox01 .swiper-slide .banvideo video { width:100%; height:auto; }
	
	.banBox01 .swiper-slide .txt { top:40%; }
	.banBox01 .swiper-slide .txt .p1 { font-size:28px; line-height:35px; }
	.banBox01 .swiper-slide .txt .p2 { margin-top:30px; }
	.banBox01 .swiper-slide .txt .p3 { margin-top:30px; font-size:18px; }

	.banBox01 .btn01 { width:50px; height:50px; display:none; }
	
	.swiper-pagination-ban { display:block; }
	
	.banBox02 { display:none; }
}
@media all and (max-width:900px){
	.banBox01 .swiper-slide .pic .img01 { display:none; }
	.banBox01 .swiper-slide .pic .img02 { display:block; }
	.banBox01 .swiper-slide .banvideo { display:none; }
	
	.banBox01 .swiper-slide .txt .p1 { font-size:20px; line-height:30px; }
	.banBox01 .swiper-slide .txt .p2 { margin-top:10px; }
	.banBox01 .swiper-slide .txt .p3 { margin-top:10px; font-size:14px; }
}

.Area-hd { position:relative; line-height:1.1; }
.Area-hd .p1 { display:inline-block; font-size:42px; background: linear-gradient(279deg, #007FF5 19.35%, #48EACF 80.65%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: 'Montserrat'; text-transform: uppercase }
.Area-hd .p2 { font-size:18px; color:#666; margin-top:10px; }
.Area-hd .p3 { position:absolute; top:50%; transform: translateY(-50%); right:0; z-index:2; }

@media all and (max-width:1680px){
	.Area-hd .p1 { font-size:30px; }
	.Area-hd .p2 { font-size:16px; }
}
@media all and (max-width:1200px){
	.Area-hd .p1 { font-size:24px; }
	.Area-hd .p2 { font-size:14px; }
}
@media all and (max-width:900px){
	.Area-hd { text-align:center; }
	.Area-hd .p1 { font-size:24px; }
	.Area-hd .p2 { font-size:14px; margin-top:5px; }
	.Area-hd .p3 { display:none; }
}


.aArea { padding:120px 0; }
.aArea .wrap { position:relative; }
.aArea .bd { margin-top:45px; } 
.aArea .bd .bd01 { padding-right:10px; overflow:hidden; } 
.aArea .bd .swiper-slide a { position:relative; display:block; }
.aArea .bd .swiper-slide .txt { position:relative; padding:50px 120px 0 40px; margin-right:175px; border-radius: 15px; min-height:360px; background: #F5F5F5; box-sizing: border-box; }
.aArea .bd .swiper-slide .txt .p1 { color: #333; font-size:24px; font-family: 'Montserrat'; line-height: 1.3; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.aArea .bd .swiper-slide .txt .p2 { color: #999; text-align: justify; font-size: 16px; line-height: 20px; margin-top:15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:5; }
.aArea .bd .swiper-slide .txt .p3 { position:absolute; left:40px; bottom:60px; font-size:14px; color:#00479C; text-transform: uppercase; font-family: 'Montserrat'; z-index:2; }
.aArea .bd .swiper-slide .pic { position:absolute; top:50%; transform: translateY(-50%); right:0; width:275px; border-radius: 15px; background: #fff; box-shadow: 4px 4px 5px 0 rgba(0, 0, 0, 0.05); overflow:hidden; z-index:2; }
.aArea .bd .swiper-slide .pic img { width:100%; height:auto; transition: all 0.6s; }

.aArea .bd .swiper-slide:hover .txt .p1 { color:#034EA1 }
.aArea .bd .swiper-slide:hover .pic img { transform: scale(1.1)!important; }
 
  
.aArea .bd .btn { position:absolute; right:10px; top:0; font-size:0; z-index:2; }
.aArea .bd .btn .btn01 { display:inline-block; width:58px; height:58px; background:url(ico07.svg) no-repeat center; background-size:100% 100%!important; cursor:pointer; }
.aArea .bd .btn .prev-a01 { margin-right:15px; }
.aArea .bd .btn .next-a01 { transform: rotateY(180deg); }

.aArea .bd .btn .btn01:hover { background:url(ico08.svg) no-repeat center; }
.aArea .bd .btn .prev-a01:hover { transform: rotateY(180deg); }
.aArea .bd .btn .next-a01:hover { transform: rotateY(0deg); }

@media all and (max-width:1680px){
	.aArea { padding:80px 0; }
	.aArea .bd { margin-top:30px; } 
	.aArea .bd .bd01 { padding-right:10px; overflow:hidden; } 
	.aArea .bd .swiper-slide .txt { padding:30px 17% 0 4%; margin-right:24%; min-height:300px; }
	.aArea .bd .swiper-slide .txt .p1 { font-size:20px; }
	.aArea .bd .swiper-slide .txt .p2 { font-size: 14px; line-height: 20px; margin-top:15px; -webkit-line-clamp:5; }
	.aArea .bd .swiper-slide .txt .p3 { left:4%; bottom:30px; }
	
	.aArea .bd .swiper-slide .pic { width:37%; }

	.aArea .bd .btn { right:10px; top:0; }
	.aArea .bd .btn .btn01 { width:40px; height:40px; }
}
@media all and (max-width:1200px){
	.aArea { padding:60px 0; }
	.aArea .bd { margin-top:30px; } 
	.aArea .bd .bd01 { padding-right:10px; overflow:hidden; } 
	.aArea .bd .swiper-slide .txt { padding:30px 17% 0 4%; margin-right:24%; min-height:300px; }
	.aArea .bd .swiper-slide .txt .p1 { font-size:18px; }
	.aArea .bd .swiper-slide .txt .p2 { font-size: 14px; line-height: 20px; margin-top:15px; -webkit-line-clamp:5; }
	.aArea .bd .swiper-slide .txt .p3 { left:4%; bottom:30px; }
	
	.aArea .bd .swiper-slide .pic { width:37%; }

	.aArea .bd .btn { right:10px; top:0; }
	.aArea .bd .btn .btn01 { width:40px; height:40px; }
}
@media all and (max-width:1000px){
	.aArea .bd .bd01 { padding-right:0; overflow:hidden; border-radius:15px; box-shadow: 4px 4px 5px 0 rgba(0, 0, 0, 0.05); } 
	.aArea .bd .swiper-slide a { background: #F5F5F5; display:flex; flex-wrap: wrap;  flex-direction:row-reverse; justify-content: space-between; align-items: center; }
	
	.aArea .bd .swiper-slide .txt { width:60%; padding:0 4%; margin-right:0; min-height:10px; box-sizing: border-box; }
	.aArea .bd .swiper-slide .txt .p1 { font-size:18px; }
	.aArea .bd .swiper-slide .txt .p2 { font-size: 14px; line-height: 20px; margin-top:15px; -webkit-line-clamp:5; }
	.aArea .bd .swiper-slide .txt .p3 { position:relative; left:auto; bottom:auto; margin-top:15px; }
	
	.aArea .bd .swiper-slide .pic { position:relative; top:auto; transform: translateY(0); right:auto; width:40%; box-shadow:none; }
	
	
	.aArea .bd .btn { position:relative; right:auto; top:auto; width:100%; text-align:center; margin-top:25px; }
}
@media all and (max-width:900px){
	.aArea { padding:40px 0; }
	.aArea .bd .btn .btn01 { width:35px; height:35px; }
}
@media all and (max-width:750px){
	.aArea .bd .bd01 { box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.05); } 
	.aArea .bd .swiper-slide a { flex-direction:row; }
	.aArea .bd .swiper-slide .pic { width:100%; }
	.aArea .bd .swiper-slide .txt { width:100%; padding:20px 4% 0 4%; min-height:180px; }
	.aArea .bd .swiper-slide .txt .p1 { -webkit-line-clamp:1; }
	.aArea .bd .swiper-slide .txt .p2 { -webkit-line-clamp:3; }
	.aArea .bd .swiper-slide .txt .p3 { position:absolute; left:4%; bottom:20px; }
}

.bArea { padding:130px 0; background:url(bArea.png) no-repeat center; background-size:cover; }
.bArea01 { margin-top:70px; }
.bArea01 ul li { position:relative; float:left; width:315px; min-height:330px; border:1px solid rgba(255,255,255,0.1); border-radius: 15px; box-sizing: border-box; overflow:hidden; margin-right:25px; transition: all 0.6s; }
.bArea01 ul li:last-child { margin-right:0!important; }
.bArea01 ul li .txt { padding:60px 15px 0 15px; text-align:center; }
.bArea01 ul li .txt .p1 { border:10px solid rgba(255,255,255,0.1); border-radius:100%; width:80px; margin:0 auto; }
.bArea01 ul li .txt .p1 img { width:100%; height:auto; }
.bArea01 ul li .txt .p2 { font-size:20px; color:#fff; margin-top:35px; font-weight: bold; }

.bArea01 ul li .txt01 { position:absolute; left:350px; width:500px; top:0; bottom:0; padding:50px 30px 0 30px; border-radius: 15px; transition: all 0.6s; background: linear-gradient(7deg, #007FF5 45.67%, #67F2DA 96.43%); color:#fff; box-sizing: border-box; z-index:2; }
.bArea01 ul li .txt01 .p1 { font-size:20px; line-height:1.5; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.bArea01 ul li .txt01 .p2 { font-size:16px; line-height:20px; margin-top:15px; text-align: justify; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:4; }
.bArea01 ul li .txt01 .p3 { margin-top:40px; }
.bArea01 ul li .txt01 .p3 i { display:inline-block; line-height:30px; font-size:14px; border-bottom:1px solid rgba(255,255,255,0.5); font-family: 'Montserrat'; text-transform: uppercase; }

.bArea01 ul li:hover { width:500px; }
.bArea01 ul li:hover .txt01 { left:0; }

@media all and (max-width:1680px){
	.bArea { padding:80px 0; }
	.bArea01 { margin-top:30px; }
	.bArea01 ul li { width:280px; min-height:250px; margin-right:25px; }
	.bArea01 ul li .txt { padding:40px 15px 0 15px; }
	.bArea01 ul li .txt .p1 { width:60px; }
	.bArea01 ul li .txt .p2 { font-size:18px; margin-top:25px; }

	.bArea01 ul li .txt01 { left:350px; width:400px; padding:30px 20px 0 20px; }
	.bArea01 ul li .txt01 .p1 { font-size:18px; }
	.bArea01 ul li .txt01 .p2 { font-size:14px; line-height:20px; margin-top:10px; }
	.bArea01 ul li .txt01 .p3 { margin-top:20px; }
 
	.bArea01 ul li:hover { width:400px; }
	.bArea01 ul li:hover .txt01 { left:0; }
}
@media all and (max-width:1200px){
	.bArea { padding:60px 0; }
}
@media all and (max-width:900px){
	.bArea { padding:40px 0; }
	
	.bArea01 ul li { width:100%; min-height:10px; margin-right:0; background:rgba(255,255,255,0.2); }
	.bArea01 ul li:nth-child(n + 2) { margin-top:20px; }
	.bArea01 ul li .txt { padding:30px 15px 0; }
	.bArea01 ul li .txt .p1 { width:50px; border:5px solid rgba(255,255,255,0.1); }
	.bArea01 ul li .txt .p2 { font-size:16px; margin-top:15px; }

	.bArea01 ul li .txt01 { position:relative; left:auto; top:auto; bottom:auto; width:100%; padding:0 4% 30px 4%; background:none; }
	.bArea01 ul li .txt01 .p1 { font-size:18px; display:none; }
	.bArea01 ul li .txt01 .p2 { font-size:14px; line-height:20px; margin-top:10px; }
	.bArea01 ul li .txt01 .p3 { margin-top:20px; text-align:center; }
 
	.bArea01 ul li:hover { width:100%; }
	.bArea01 ul li:hover .txt01 { left:auto; }
}

.cArea { padding:110px 0 90px; }
.cArea .Area-hd { text-align:center; }
.cArea .bd { margin-top:30px; }
.cArea .bd ul li { float:left; width:25%; border-radius: 15px; }
.cArea .bd ul li:nth-child(n + 5) { margin-top:10px; }
.cArea .bd ul li a { display:block; padding:40px; }
.cArea .bd ul li .pic { position:relative; padding-bottom:70%; border-radius:15px 15px 0 0; overflow:hidden; }
.cArea .bd ul li .pic img { position:absolute; top:0; left:0; width:100%; height:100%; transition: all 0.6s; object-fit: cover; z-index:2; }
.cArea .bd ul li .txt { position:relative; margin-top:20px; min-height:155px; }
.cArea .bd ul li .txt .p1 { font-size: 24px; line-height:1.3; font-family: 'Montserrat'; color:#333; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.cArea .bd ul li .txt .p2 { color: #666; font-size: 16px; margin-top:10px; line-height: 24px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.cArea .bd ul li .txt .p3 { position:absolute; left:0; bottom:0; padding-left:30px; line-height:20px; background:url(ico05.svg) no-repeat center left; background-size:20px 20px; color: #007FF5; font-size: 16px; }

.cArea .bd ul li:hover { background: #F5F5F5; box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.10); }
.cArea .bd ul li:hover .pic img { transform: scale(1.1)!important; }

.cArea .bd01 { display:none; margin-top:30px; }
.cArea .bd01 .swiper-container { box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, 0.10); border-radius:15px; }
.cArea .bd01 .swiper-slide a { display:block; padding:10px; }
.cArea .bd01 .swiper-slide .pic { position:relative; padding-bottom:70%; border-radius:15px 15px 0 0; overflow:hidden; }
.cArea .bd01 .swiper-slide .pic img { position:absolute; top:0; left:0; width:100%; height:100%; transition: all 0.6s; object-fit: cover; z-index:2; }
.cArea .bd01 .swiper-slide .txt { position:relative; margin-top:15px; min-height:130px; }
.cArea .bd01 .swiper-slide .txt .p1 { font-size: 16px; line-height:1.3; font-family: 'Montserrat'; color:#333; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.cArea .bd01 .swiper-slide .txt .p2 { color: #666; font-size: 14px; margin-top:10px; line-height: 20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.cArea .bd01 .swiper-slide .txt .p3 { position:absolute; left:0; bottom:0; padding-left:30px; line-height:20px; background:url(ico05.svg) no-repeat center left; background-size:20px 20px; color: #007FF5; font-size: 14px; }

.swiper-pagination-c01 { width:100%; text-align:center; margin-top:25px;  }
.swiper-pagination-c01 .swiper-pagination-bullet { width:8px; height:8px; margin:0 5px; border-radius:100%; background:#ddd; opacity:1; }
.swiper-pagination-c01 .swiper-pagination-bullet-active { background:#007aff; }

@media all and (max-width:1680px){
	.cArea { padding:80px 0; }
	.cArea .bd { margin-top:30px; }
	.cArea .bd ul li { float:left; width:25%; border-radius: 15px; }
	.cArea .bd ul li:nth-child(n + 5) { margin-top:10px; }
	.cArea .bd ul li a { padding:25px; }
 
	.cArea .bd ul li .txt { margin-top:10px; min-height:135px; }
	.cArea .bd ul li .txt .p1 { font-size: 18px; }
	.cArea .bd ul li .txt .p2 { font-size: 14px; margin-top:10px; line-height: 20px; }
	.cArea .bd ul li .txt .p3 { font-size: 14px; }
}
@media all and (max-width:1200px){
	.cArea { padding:60px 0; }
	.cArea .bd { margin-top:30px; }
	.cArea .bd ul li { float:left; width:33.33%; border-radius: 15px; }
	.cArea .bd ul li:nth-child(n + 4) { margin-top:10px; }
	.cArea .bd ul li a { padding:20px; }
	
	.cArea .bd ul li:nth-child(n + 7) { display:none; }
 
	.cArea .bd ul li .txt { margin-top:10px; min-height:135px; }
	.cArea .bd ul li .txt .p1 { font-size: 18px; }
	.cArea .bd ul li .txt .p2 { font-size: 14px; margin-top:10px; line-height: 20px; }
	.cArea .bd ul li .txt .p3 { font-size: 14px; }
}
@media all and (max-width:900px){
	.cArea { padding:40px 0; }
	.cArea .bd { margin-top:30px; }
	.cArea .bd ul li { float:left; width:48.5%; margin-right:3%; border-radius: 15px; box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, 0.10); }
	.cArea .bd ul li:nth-child(2n) { margin-right:0; }
	.cArea .bd ul li:nth-child(n + 3) { margin-top:3%; }
	.cArea .bd ul li a { padding:10px; }
 
	.cArea .bd ul li .txt { margin-top:15px; min-height:130px; }
	.cArea .bd ul li .txt .p1 { font-size: 16px; }
	.cArea .bd ul li .txt .p2 { font-size: 14px; margin-top:10px; line-height: 20px; }
	.cArea .bd ul li .txt .p3 { font-size: 14px; }
}
@media all and (max-width:450px){
	.cArea .bd { display:none; }
	.cArea .bd01 { display:block; }
}

.dArea { padding:120px 0; background:#F5F5F5; }
.dArea .mBtn p { border-color:#007FF5; }
.dArea .mBtn p i { color:#007FF5; }
 
.dArea .mBtn:hover i { color:#ffff; } 

.dArea .bd { margin-top:40px; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.dArea .bd .bd01 { width:660px; }
.dArea .bd .bd01 .pic { position:relative; padding-bottom:370px; overflow:hidden; border-radius: 15px; }
.dArea .bd .bd01 .pic img { position:absolute; top:0; left:0; width:100%; height:100%; transition: all 0.6s; object-fit: cover; z-index:2; }
.dArea .bd .bd01 .txt { margin-top:10px; }
.dArea .bd .bd01 .txt .p1 { color: #999; font-size: 16px; line-height: 25px; padding-left:25px; background:url(ico09.svg) no-repeat left 3px; }
.dArea .bd .bd01 .txt .p2 { color: #333; font-size: 16px; line-height: 25px; margin-top:10px; font-family: 'Montserrat'; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }

.dArea .bd .bd01 .pic:hover img { transform: scale(1.1)!important; }
 
.dArea .bd .bd02 { width:780px; }
.dArea .bd .bd02 ul li { position:relative; padding-left:15px; line-height:76px; font-size:16px; border-bottom:1px solid #D9D9D9; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.dArea .bd .bd02 ul li:last-child { border-bottom:none; }
.dArea .bd .bd02 ul li:before { position:absolute; left:0; top:50%; transform: translateY(-50%); width:6px; height:6px; display:block; content:""; background:#D9D9D9; border-radius:100%; z-index:2; }
.dArea .bd .bd02 ul li span { float:right; color:#999; margin-left:95px; }

.dArea .bd .bd02 ul li:hover:before { background:#007FF5; }

.dArea .bdmm { display:none; margin-top:30px; text-align:center; }

@media all and (max-width:1680px){
	.dArea { padding:80px 0; }
 
	.dArea .bd { margin-top:30px; }
	.dArea .bd .bd01 { width:520px; }
	.dArea .bd .bd01 .pic { padding-bottom:290px; }
	.dArea .bd .bd01 .txt { margin-top:10px; }
	.dArea .bd .bd01 .txt .p1 { font-size: 14px; }
	.dArea .bd .bd01 .txt .p2 { font-size: 16px; line-height: 25px; margin-top:10px;  }

	.dArea .bd .bd02 { width:615px; }
	.dArea .bd .bd02 ul li { line-height:63px; font-size:16px; }
	.dArea .bd .bd02 ul li span { margin-left:60px; }
}
@media all and (max-width:1200px){
	.dArea { padding:60px 0; }
 
	.dArea .bd { margin-top:30px; }
	.dArea .bd .bd01 { width:450px; }
	.dArea .bd .bd01 .pic { padding-bottom:250px; }
	.dArea .bd .bd01 .txt { margin-top:10px; }
	.dArea .bd .bd01 .txt .p1 { font-size: 14px; }
	.dArea .bd .bd01 .txt .p2 { font-size: 14px; line-height: 20px; margin-top:10px;  }

	.dArea .bd .bd02 { width:calc(100% - 480px); }
	.dArea .bd .bd02 ul li { line-height:56px; font-size:16px; }
	.dArea .bd .bd02 ul li span { margin-left:40px; }
}
@media all and (max-width:900px){
	.dArea { padding:40px 0; }
 
	.dArea .bd { margin-top:30px; }
	.dArea .bd .bd01 { width:100%; }
	.dArea .bd .bd01 .pic { padding-bottom:56%; }
	.dArea .bd .bd01 .txt { margin-top:10px; }
	.dArea .bd .bd01 .txt .p1 { font-size: 14px; }
	.dArea .bd .bd01 .txt .p2 { font-size: 14px; line-height: 20px; margin-top:5px;  }

	.dArea .bd .bd02 { width:100%; margin-top:20px; border-top:1px solid #D9D9D9; }
	.dArea .bd .bd02 ul li { line-height:40px; font-size:14px; }
	.dArea .bd .bd02 ul li:last-child { border-bottom:1px solid #D9D9D9; }
	.dArea .bd .bd02 ul li span { margin-left:30px; }
	
	.dArea .bdmm { display:block; }
}

.eArea { padding:120px 0; }
.eArea .Area-hd { text-align:center; }

.eArea01 { margin-top:50px; }
.eArea01 ul li { float:left; width:18.9%; margin-right:1.375%; }
.eArea01 ul li:nth-child(5n) { margin-right:0; }
.eArea01 ul li:nth-child(n + 6) { margin-top:1.375%; }

.swiper-pagination-e01 { width:100%; margin-top:25px; text-align:center; }
.swiper-pagination-e01 .swiper-pagination-bullet { width:8px; height:8px; margin:0 5px;  border-radius:8px; background:#D9D9D9; opacity:1; }
.swiper-pagination-e01 .swiper-pagination-bullet-active { width:24px; background:#034EA1; }

.eArea01 .swiper-slide { overflow:hidden; }
.eArea01 .swiper-slide img { width:100%; height:auto; transition: all 0.6s; }
.eArea01 .swiper-slide:hover img { transform: scale(1.1)!important; }


@media all and (max-width:1680px){
	.eArea { padding:80px 0; }

	.eArea01 { margin-top:30px; }
}
@media all and (max-width:1200px){
	.eArea { padding:60px 0; }
}
@media all and (max-width:900px){
	.eArea { padding:40px 0; }
	
	.eArea01 ul li { float:left; width:32%; margin-right:2%; }
	.eArea01 ul li:nth-child(5n) { margin-right:2%; }
	.eArea01 ul li:nth-child(3n) { margin-right:0; }
	.eArea01 ul li:nth-child(n + 4) { margin-top:2%; }
}




.fArea { position:relative; padding:60px 0 80px; }
.fArea .wrap { position:relative; z-index:5; }
.fArea .wrap ul { color:#fff; line-height:1.1; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.fArea .wrap ul li .p1 { font-size:62px; font-weight:bold; }
.fArea .wrap ul li .p1 i { margin-right:15px; }
.fArea .wrap ul li .p2 { font-size:14px; margin-top:10px; font-family: 'Montserrat'; }
 
.fArea .ff { position: absolute; left: 0; top:0;  width: 100%; height: 100%; z-index: -1; }
.fArea .ff:before { position:absolute; display:block; content:""; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.2); z-index:1; }
.fArea video { width: 100%; height: 100%; object-fit: cover;  }

@media all and (max-width:1680px){
	.fArea { padding:60px 0 80px; }
	.fArea .wrap ul li .p1 { font-size:50px;  }
	.fArea .wrap ul li .p1 i { margin-right:15px; }
	.fArea .wrap ul li .p2 { font-size:14px; margin-top:10px; }
}
@media all and (max-width:1200px){
	.fArea { padding:60px 0; }
	.fArea .wrap ul li .p1 { font-size:40px;  }
	.fArea .wrap ul li .p1 i { margin-right:10px; }
	.fArea .wrap ul li .p2 { font-size:14px; margin-top:10px; }
}
@media all and (max-width:900px){
	.fArea { padding:40px 0; }
	.fArea .wrap ul li .p1 { font-size:30px;  }
	.fArea .wrap ul li .p1 i { margin-right:10px; }
	.fArea .wrap ul li .p2 { font-size:14px; margin-top:5px; }
}
@media all and (max-width:750px){
	.fArea { padding:40px 0; }
	.fArea .wrap ul li { float:left; width:50%; text-align:center; }
	.fArea .wrap ul li:nth-child(n + 3) { margin-top:30px; }
	.fArea .wrap ul li .p1 { font-size:30px;  }
	.fArea .wrap ul li .p1 i { margin-right:10px; }
	.fArea .wrap ul li .p2 { font-size:14px; margin-top:5px; }
}


.gArea { padding:120px 0; }
.gArea .wrap { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.gArea .pic { width:45%; border-radius:16px; overflow:hidden; }
.gArea .pic img { width:100%; height:auto; transition: all 0.6s; }
.gArea .txt { width:51.3%; }
.gArea .txt .bd { color: #333; text-align: justify; font-size: 16px; line-height:30px; margin-top:60px; }
.gArea .txt .bd01 { margin-top:40px; }
.gArea .txt .bd01 .mBtn p { border-color:#007FF5; }
.gArea .txt .bd01 .mBtn p i { color:#007FF5; }
 
.gArea .txt .bd01 .mBtn:hover i { color:#ffff; } 
.gArea .pic:hover img { transform: scale(1.1)!important; }

 

@media all and (max-width:1680px){
	.gArea { padding:80px 0; }
	.gArea .pic { width:45%; }
	.gArea .txt { width:52%; }
	.gArea .txt .bd { font-size: 14px; line-height:25px; margin-top:30px; }
	.gArea .txt .bd01 { margin-top:30px; }
}
@media all and (max-width:1200px){
	.gArea { padding:60px 0; }
	.gArea .pic { width:45%; }
	.gArea .txt { width:52%; }
	.gArea .txt .bd { font-size: 14px; line-height:25px; margin-top:20px; }
	.gArea .txt .bd01 { margin-top:20px; }
}
@media all and (max-width:900px){
	.gArea { padding:40px 0; }
	.gArea .pic { width:100%; margin-top:25px; }
	.gArea .txt { width:100%; }
	.gArea .txt .bd { font-size: 14px; line-height:25px; margin-top:20px; }
	.gArea .txt .bd01 { margin-top:20px; }
}



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



@keyframes fadeInscale {
    0% {
        opacity: 1;
        -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
        transform: scale(1.15);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInscale {
    -webkit-animation-name: fadeInscale;
    animation-name: fadeInscale
}

.fadeInfilter {
    -webkit-animation-name: fadeInfilter;
    animation-name: fadeInfilter;
}