@charset "utf-8";

.container { background:url(bg01.png) no-repeat center bottom; }

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

.swiper-container-1 .swiper-slide { position:relative; width:100%; overflow:hidden; }
.swiper-container-1 .swiper-slide .img02 { display:none; }

.swiper-pagination-1 { height:54px; display:flex; align-items: center; }
.swiper-pagination-1 .swiper-pagination-bullet { width:8px; height:8px; margin:0 18px;  border-radius:100%; background:rgba(255,255,255,0.3); opacity:1; }
.swiper-pagination-1 .swiper-pagination-bullet-active { width:12px; height:12px; background:#fff; }

.banner .txt { position:absolute; top:50%; transform: translateY(-50%); left:0; right:0; color:#fff; line-height:1.1; z-index:2; }
.banner .txt .p1 { font-size:60px; font-weight:bold; line-height:1.4; }
.banner .txt .p2 { font-size:20px; margin-top:30px; }
.banner .txt .p3 { margin-top:120px; }

.banner .btn { position:absolute; bottom:60px; left:0; right:0; font-size:0; z-index:2; }
.banner .btn .btn01 { display:inline-block; width:54px; height:54px; opacity:0.2; cursor:pointer; }
.banner .btn .dd { display:inline-block; margin:0 30px; vertical-align:top; }
.banner .btn .prev-01 { background:url(ban01.png) no-repeat center; }
.banner .btn .next-01 { background:url(ban02.png) no-repeat center; }

.banner .btn .btn01:hover { opacity:1; }

@media all and (max-width:1680px){
	.swiper-pagination-1 { height:40px; }
	.swiper-pagination-1 .swiper-pagination-bullet { width:8px; height:8px; margin:0 15px; }
	.swiper-pagination-1 .swiper-pagination-bullet-active { width:12px; height:12px; }
 
	.banner .txt .p1 { font-size:40px; }
	.banner .txt .p2 { font-size:18px; margin-top:20px; }
	.banner .txt .p3 { margin-top:60px; }

	.banner .btn { bottom:30px; }
	.banner .btn .btn01 { width:40px; height:40px; background-size:100% 100%!important; }
	.banner .btn .dd { margin:0 20px; }
}
@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 { height:30px; }
	.swiper-pagination-1 .swiper-pagination-bullet { width:8px; height:8px; margin:0 5px; }
	.swiper-pagination-1 .swiper-pagination-bullet-active { width:10px; height:10px; }
 

	.banner .txt .p1 { font-size:24px; }
	.banner .txt .p2 { font-size:14px; margin-top:15px; }
	.banner .txt .p3 { margin-top:20px; }

	.banner .btn { bottom:30px; text-align:center; }
	.banner .btn .btn01 { width:30px; height:30px; }
	.banner .btn .dd { margin:0 10px; }
}
@media all and (max-width:750px){
	.banner .txt { top:43%; }
	.banner .txt .p1 { font-size:20px; }
	.banner .txt .p2 { font-size:14px; margin-top:10px; line-height:25px; }
	.banner .txt .p3 { margin-top:15px; }
}

.aArea { padding-top:80px; } 
.aArea .hd { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; } 
.aArea .hd .hd01 { display:inline-block; font-size:40px; color:rgba(34,34,34,1); font-weight:bold; line-height:1.1;  } 
.aArea .bd { margin-top:60px; }
.aArea .bd .swiper-slide a { display:block; padding:25px; border-radius:10px; background: linear-gradient(180deg, #15529d 0%, #fff 75%, #fff 100%); border: 1px solid #eee; }
.aArea .bd .swiper-slide .txt { padding:10px 10px 0 10px; }
.aArea .bd .swiper-slide .txt .p1 { font-size:20px; color:rgba(34, 34, 34, 1); font-weight:bold; line-height:50px; border-bottom:1px solid rgba(0,0,0,0.1); overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea .bd .swiper-slide .txt .p2 { font-size:16px; color:rgba(34, 34, 34, 0.8); line-height:50px; border-bottom:1px solid rgba(0,0,0,0.1); overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea .bd .swiper-slide .txt .p3 { font-size:16px; color:rgba(34, 34, 34, 0.3); line-height:30px; margin-top:15px; background:url(a04.png) no-repeat center right; }

.aArea .bd .swiper-slide:hover a { background: rgba(22, 83, 157, 1); }
.aArea .bd .swiper-slide:hover .txt .p1 { color:#fff; border-color:rgba(255,255,255,0.1); }
.aArea .bd .swiper-slide:hover .txt .p2 { color:rgba(255, 255, 255, 0.8); border-color:rgba(255,255,255,0.1); }
.aArea .bd .swiper-slide:hover .txt .p3 { color:#fff; background:url(a03.png) no-repeat center right; }

.aArea .bd .bd01 { margin-top:60px; height:55px; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.aArea .bd .bd01 .bBox-page { position:relative!important; width:calc(100% - 235px)!important; height:2px!important; background: rgba(19, 81, 156, 0.1)!important; }
.aArea .bd .bd01 .bBox-page .swiper-pagination-progressbar-fill { background: rgba(19, 81, 156, 1)!important; }
.aArea .bd .bd01 .btn { width:145px; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.aArea .bd .bd01 .btn .btn01 { position:relative; display:inline-block; width:54px; height:54px; border-radius:100%; background:url(a01.png) no-repeat center; cursor:pointer; }
.aArea .bd .bd01 .btn .btn01:before { position:absolute; top:0; left:0; display:block; content:""; width:100%; height:100%; transition: all .5s; background:url(a02.png) no-repeat center; background-size: cover; border-radius:100%; z-index:-1; }
 
.aArea .bd .bd01 .btn .next-a01 { transform: rotate(180deg); }

.aArea .bd .bd01 .btn .btn01:hover:before { transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); }

@media all and (max-width:1680px){
	.aArea { padding-top:60px; } 
	.aArea .hd .hd01 { font-size:30px; } 
	.aArea .bd { margin-top:40px; }
	.aArea .bd .swiper-slide a { padding:20px 15px; }
	.aArea .bd .swiper-slide .txt { padding:10px 0 0 0; }
	.aArea .bd .swiper-slide .txt .p1 { font-size:18px; line-height:40px; }
	.aArea .bd .swiper-slide .txt .p2 { font-size:14px; line-height:40px; }
	.aArea .bd .swiper-slide .txt .p3 { font-size:14px; line-height:25px; margin-top:10px; background-size:25px 25px!important; }
 
	.aArea .bd .bd01 { margin-top:40px; height:40px; }
	.aArea .bd .bd01 .bBox-page { width:calc(100% - 150px)!important; }
	.aArea .bd .bd01 .btn { width:100px; }
	.aArea .bd .bd01 .btn .btn01 { width:40px; height:40px; background-size:9px 15px!important; }
 
}
@media all and (max-width:1200px){
	.aArea { padding-top:40px; } 
	.aArea .hd .hd01 { font-size:24px; } 
	.aArea .bd { margin-top:25px; }
	.aArea .bd .swiper-slide a { padding:10px 10px 15px; }
	.aArea .bd .swiper-slide .txt { padding:10px 0 0 0; }
	.aArea .bd .swiper-slide .txt .p1 { font-size:16px; line-height:35px; }
	.aArea .bd .swiper-slide .txt .p2 { font-size:14px; line-height:35px; }
	.aArea .bd .swiper-slide .txt .p3 { font-size:14px; line-height:25px; margin-top:10px; background-size:20px 20px!important; }
 
	.aArea .bd .bd01 { margin-top:30px; height:35px; }
	.aArea .bd .bd01 .bBox-page { width:calc(100% - 120px)!important; }
	.aArea .bd .bd01 .btn { width:90px; }
	.aArea .bd .bd01 .btn .btn01 { width:35px; height:35px; background-size:9px 15px!important; }
}
@media all and (max-width:900px){
	
}

.bArea { padding:100px 0; }
.bArea01 { float:left; width:695px; color:#000; line-height:1.1; }
.bArea01 .p1 { font-size:40px; font-weight:bold; }
.bArea01 .p2 { font-size:28px; font-weight:bold; margin-top:15px; }
.bArea01 .p3 { font-size:16px; margin-top:30px; line-height:1.7; color: rgba(34, 34, 34, 1); }
.bArea01 .p4 { margin-top:30px; max-width:500px; }
.bArea01 .p4 ul li { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: flex-end; padding-bottom:40px; border-bottom:1px solid rgba(0, 0, 0, 0.1); }
.bArea01 .p4 ul li .p41 { font-weight:bold; color:rgba(15, 59, 168, 1); font-size:24px; }
.bArea01 .p4 ul li .p41 i { font-size:46px; }
.bArea01 .p4 ul li .p42 { font-size:16px; }
.bArea01 .p4 ul li:nth-child(n + 2) { margin-top:30px; }
.bArea01 .p5 { margin-top:80px; }

.bArea02 { position:relative; float:right; width:780px; border-radius: 20px; overflow:hidden; }
.bArea02 .pic01 { position:absolute; top:50%; left:50%; width:185px; transform: translate(-50%,-50%); z-index:2; cursor:pointer; }
.bArea02 .pic01 span { position:absolute; top:50%; left:50%; width:30px; height:30px; transform: translate(-50%,-50%); background:url(b01.png) no-repeat center; z-index:2; }
.bArea02 .pic01 p { animation: divRte 10s linear 0s infinite;
    -moz-animation: divRte 10s linear 0s infinite;
    -webkit-animation: divRte 10s linear 0s infinite;
    -o-animation: divRte 10s linear 0s infinite; }

@media all and (max-width:1680px){
	.bArea { padding:60px 0; }
	.bArea01 { width:45%; }
	.bArea01 .p1 { font-size:30px; }
	.bArea01 .p2 { font-size:18px; margin-top:10px; }
	.bArea01 .p3 { font-size:14px; margin-top:20px; line-height:25px; }
	.bArea01 .p4 { margin-top:20px; }
	.bArea01 .p4 ul li { padding-bottom:20px; }
	.bArea01 .p4 ul li .p41 { font-size:18px; }
	.bArea01 .p4 ul li .p41 i { font-size:30px; }
	.bArea01 .p4 ul li .p42 { font-size:14px; }
	.bArea01 .p4 ul li:nth-child(n + 2) { margin-top:20px; }
	.bArea01 .p5 { margin-top:50px; }

	.bArea02 { width:50%; }
	.bArea02 .pic01 { width:120px; }
	.bArea02 .pic01 span { width:30px; height:30px; }
}
@media all and (max-width:1200px){
	.bArea { padding:40px 0; }
	.bArea01 { width:45%; }
	.bArea01 .p1 { font-size:24px; }
	.bArea01 .p2 { font-size:16px; margin-top:10px; }
	.bArea01 .p3 { font-size:14px; margin-top:20px; line-height:25px; }
	.bArea01 .p4 { margin-top:20px; }
	.bArea01 .p4 ul li { padding-bottom:10px; }
	.bArea01 .p4 ul li .p41 { font-size:16px; }
	.bArea01 .p4 ul li .p41 i { font-size:24px; }
	.bArea01 .p4 ul li .p42 { font-size:14px; }
	.bArea01 .p4 ul li:nth-child(n + 2) { margin-top:15px; }
	.bArea01 .p5 { margin-top:30px; }

	.bArea02 { width:50%; }
	.bArea02 .pic01 { width:100px; }
	.bArea02 .pic01 span { width:30px; height:30px; }
}
@media all and (max-width:750px){
	.bArea01 { width:100%; }
	.bArea02 { width:100%; margin-top:30px; }
}




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


@keyframes divRte{
	0%   {
		transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
	} 
	100%  {
		transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
	} 
}
@-moz-keyframes divRte{
	0%   {
		transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
	} 
	100%  {
		transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
	} 
}
@-webkit-keyframes divRte{
	0%   {
		transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
	} 
	100%  {
		transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
	} 
}
@-o-keyframes divRte{
	0%   {
		transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
	} 
	100%  {
		transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
	} 
}