@charset "utf-8";

.banner { position:relative; width:100%; }
.banner .ban01 { position:absolute; left:50%; margin-left:-600px; right:0; bottom:0; height:40px; background:#fff; z-index:2; }
.banner .ban01:before { position:absolute; width:27px; height:40px; left:-27px; bottom:0; display:block; content:""; background:url(ico02.png) no-repeat center; background-size:cover; z-index:2; }

.swiper-container-1 .swiper-slide { position:relative; width:100%; overflow:hidden; }
.swiper-container-1 .swiper-slide .img02 { display:none; }

.swiper-container-1 .swiper-slide .txt { position:absolute; right:50%; margin-right:-560px; top:15%; z-index:5; }
.swiper-container-1 .swiper-slide .txt .p1 { position:relative; width:440px; padding:25px 0; text-align:center; font-size:50px; line-height:1.5; color:#3f4659; font-weight:bold; box-sizing: border-box; background:#fff; z-index:2; }
.swiper-container-1 .swiper-slide .txt .p2 { position:relative; margin:-40px 0 0 40px; width:500px; height:185px; padding:50px 25px 0 25px; color:#3f4659; box-sizing: border-box; background:rgba(2555,255,255,0.7); z-index:1; }
.swiper-container-1 .swiper-slide .txt .p2 .pp { font-size:14px; line-height:30px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.swiper-container-1 .swiper-slide .txt .p3 { position:relative; margin:-20px 0 0 0; width:180px; text-align:center; color:#fff; background:#4f7bb8; z-index:2; }
.swiper-container-1 .swiper-slide .txt .p3 i { display:inline-block; line-height:40px; padding-left:55px; font-size:16px; background:url(ico04.png) no-repeat center left; }

.swiper-pagination-1 { position:absolute; bottom:60px; left:0; right:0; text-align:center; z-index:9;  }
.swiper-pagination-1 .swiper-pagination-bullet { width:10px; height:10px; margin:0 7px;  border-radius:100%; background:rgba(255,255,255,0.4); opacity:1; }
.swiper-pagination-1 .swiper-pagination-bullet-active { width:45px; border-radius:10px; background:#fff; }

@media all and (max-width:1580px){
	.swiper-container-1 .swiper-slide .txt .p1 { width:320px; padding:20px 0; font-size:30px; }
	.swiper-container-1 .swiper-slide .txt .p2 { margin:-40px 0 0 40px; width:500px; height:160px; padding:50px 20px 0 20px; }
	.swiper-container-1 .swiper-slide .txt .p2 .pp { font-size:14px; line-height:25px; -webkit-line-clamp:3; }
	.swiper-container-1 .swiper-slide .txt .p3 { position:relative; margin:-15px 0 0 0; width:120px; }
	.swiper-container-1 .swiper-slide .txt .p3 i { line-height:30px; padding-left:35px; font-size:14px; }
}
@media all and (max-width:1280px){
	.banner .ban01 { display:none; }
	
	.swiper-container-1 .swiper-slide .txt { right:8%; margin-right:0; top:15%; }
	
	.swiper-pagination-1 { bottom:30px; }
}
@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:30px; }
	.swiper-pagination-1 .swiper-pagination-bullet-active { width:25px; } 
	
	.swiper-container-1 .swiper-slide .txt { display:none; }
}

.syDiva { padding-bottom:100px; color:#3f4659; }
.syDiva .txt { float:left; width:calc(100% - 500px); }
.syDiva .txt .p1 { font-size:40px; font-weight:bold;  }
.syDiva .txt .p2 { font-size:24px; margin-top:25px; }
.syDiva .txt .p3 { font-size:16px; margin-top:20px; }
.syDiva .txt .p3 p { position:relative; padding-left:15px; line-height:30px; }
.syDiva .txt .p3 p:before { position:absolute; left:0; top:50%; transform: translateY(-50%); display:block; content:""; width:8px; height:8px; background:#3f4659; border-radius:100%; z-index:2; }
.syDiva .txt .p4 { font-size:16px; margin-top:15px; color:#4f7bb8; }

.syDiva .pic { float:right; width:450px; }

@media all and (max-width:1280px){
	.syDiva { padding:40px 0 60px; }
	.syDiva .txt .p1 { font-size:30px; }
	.syDiva .txt .p2 { font-size:18px; margin-top:20px; }
	.syDiva .txt .p3 { font-size:14px; margin-top:15px; }
	.syDiva .txt .p3 p { padding-left:15px; line-height:25px; }
	.syDiva .txt .p3 p:before {  width:8px; height:8px; }
	.syDiva .txt .p4 { font-size:14px; margin-top:15px; }
}
@media all and (max-width:1200px){
	.syDiva { padding:40px 0; }
	.syDiva .txt { float:left; width:calc(100% - 450px); }
	.syDiva .txt .p1 { font-size:20px; }
	.syDiva .txt .p2 { font-size:16px; margin-top:15px; }
	.syDiva .txt .p3 { font-size:14px; margin-top:10px; }
	.syDiva .txt .p3 p { padding-left:15px; line-height:25px; }
	.syDiva .txt .p3 p:before {  width:8px; height:8px; }
	.syDiva .txt .p4 { font-size:14px; margin-top:15px; }
	
	.syDiva .pic { float:right; width:400px; }
}
@media all and (max-width:750px){
	.syDiva .txt { float:none; width:100%; }
	.syDiva .pic { float:none; width:100%; margin-top:25px; }
}

.syDivb { position:relative; }
.syDivb .pic .img02 { display:none; }
.syDivb .txt { position:absolute; left:0; right:0; top:50%; transform: translateY(-50%); color:#fff; text-align:center; z-index:2; }
.syDivb .txt .p1 { font-size:32px; font-weight:bold; }
.syDivb .txt .p2 { font-size:32px; margin-top:15px; }

@media all and (max-width:1280px){
	.syDivb .txt .p1 { font-size:28px; }
	.syDivb .txt .p2 { font-size:28px; margin-top:10px; }
}
@media all and (max-width:1200px){
	.syDivb .pic .img01 { display:none; }
	.syDivb .pic .img02 { display:block; }
	
	.syDivb .txt .p1 { font-size:20px; }
	.syDivb .txt .p2 { font-size:16px; margin-top:5px; }
}
 
.syDivc { padding:50px 0 100px; }
.syDivc .hd { text-align:center; color:#3f4659; }
.syDivc .hd .p1 { font-size:40px; font-weight:bold;  }
.syDivc .hd .p2 { font-size:16px; margin:20px auto 0; max-width:725px; }
.syDivc .bd { margin-top:30px; }
.syDivc .bd ul li { position:relative; float:left; width:30%; margin-right:5%; }
.syDivc .bd ul li:nth-child(3n) { margin-right:0; }
.syDivc .bd ul li:nth-child(n + 4) { margin-top:40px; }
.syDivc .bd ul li .txt { position:absolute; left:0; right:0; bottom:0; height:60px; background:rgba(79,123,184,0.6); transition: all 0.6s; z-index:2; }
.syDivc .bd ul li .txt p { position:absolute; left:10px; top:50%; right:10px; transform: translateY(-50%); font-size:20px; color:#fff; text-align:center; font-weight:bold; z-index:2; }

.syDivc .bd ul li:hover .txt { height:100%; }

@media all and (max-width:1280px){
	.syDivc { padding:50px 0 80px; }
	.syDivc .hd .p1 { font-size:30px; }
	.syDivc .hd .p2 { font-size:16px; margin:15px auto 0; }
	.syDivc .bd { margin-top:30px; }
	.syDivc .bd ul li { float:left; width:32%; margin-right:2%; }
	.syDivc .bd ul li:nth-child(3n) { margin-right:0; }
	.syDivc .bd ul li:nth-child(n + 4) { margin-top:20px; }
	.syDivc .bd ul li .txt { height:40px; }
	.syDivc .bd ul li .txt p { font-size:16px; }
	
	.syDivc .bd ul li:hover .txt { height:100%; }
}
@media all and (max-width:1200px){
	.syDivc { padding:40px 0 60px; }
	.syDivc .hd .p1 { font-size:20px; }
	.syDivc .hd .p2 { font-size:14px; margin:15px auto 0; }
}
@media all and (max-width:750px){
	.syDivc { padding:40px 0; }
	.syDivc .hd .p1 { font-size:20px; }
	.syDivc .hd .p2 { font-size:14px; margin:10px auto 0; }
	.syDivc .bd { margin-top:30px; }
	.syDivc .bd ul li { float:left; width:49%; margin-right:2%; }
	.syDivc .bd ul li:nth-child(3n) { margin-right:2%; }
	.syDivc .bd ul li:nth-child(2n) { margin-right:0; }
	.syDivc .bd ul li:nth-child(n + 3) { margin-top:15px; }
	.syDivc .bd ul li .txt { height:35px; }
	.syDivc .bd ul li .txt p { font-size:14px; }
	
	.syDivc .bd ul li:hover .txt { height:100%; }
}


@media all and (max-width:1280px){
	
}
@media all and (max-width:1200px){
	
}
@media all and (max-width:750px){
	
}

@media all and (max-width:1280px){
	
}
@media all and (max-width:1200px){
	
}
@media all and (max-width:750px){
	
}
