@charset "utf-8";
.container { position: relative; width: 100%; }

.banner { position:relative; }
.swiper-container-1 .swiper-slide {  font-size:0; vertical-align:top; overflow:hidden; }
.swiper-container-1 .swiper-slide img { transition: all 2s; }
.swiper-container-1 .swiper-pagination  { bottom:40px!important; font-size:0; }
.swiper-container-1 .swiper-pagination-bullet { width:auto!important; height:auto!important; font-size:16px; line-height:20px; color:#e2f2ff; margin:0 10px!important; background:none; opacity:1; }
.swiper-container-1 .swiper-pagination-bullet-active { color:#fff; font-weight:900;}
.swiper-container-1 .img02 { display:none; }

.swiper-container-1 .swiper-slide-active img { transform: scale(1.1); }


.banner .prev-01,.banner .next-01 { position:absolute; bottom:40px; display:block; width:11px; height:20px; z-index:2; }
.banner .prev-01 { background:url(ban01.png) no-repeat center; left:50%; margin-left:-80px; }
.banner .next-01 { background:url(ban02.png) no-repeat center; right:50%; margin-right:-80px;}

.banner .ban { position:absolute; bottom:85px; left:50%; margin-left:-16px; width:32px; height:54px; background:url(ban03.png) no-repeat center; animation: upDown 6s ease-in-out infinite; z-index:5; }
@keyframes upDown{0%{transform: translateY(10px);} 25%{transform: translateY(0px);} 50%{transform: translateY(10px);} 75%{transform: translateY(0px);} 100%{transform: translateY(10px);}}


@media all and (max-width:750px){
	.swiper-container-1 .swiper-pagination  { bottom:20px!important;  }
	.swiper-container-1 .swiper-pagination-bullet { margin:0 5px!important; font-size:14px; }
	
	.swiper-container-1 .img01 { display:none; }
	.swiper-container-1 .img02 { display:block; }
	
	.banner .prev-01,.banner .next-01 { display:none; }
	.banner .ban { display:none; }
}

.s1 { padding:85px 0 120px; background:url(s1.jpg) no-repeat center bottom; }
.s1 .txt01 { line-height:1.1; max-width:900px; margin:0 auto; text-align:center; }
.s1 .txt01 .p1 { font-size:18px; color:#333; }
.s1 .txt01 .p2 { font-size:40px; color:#333; margin-top:15px; }
.s1 .txt01 .p3 { font-size:16px; color:#666; margin-top:45px; line-height:1.7; }
.s1 .txt01 .p4 { margin-top:30px; }
.s1 .txt01 .p4 a { display:inline-block; width:120px; height:40px; border:1px solid #c4c4c4; text-align:center; line-height:40px; font-size:14px; color:#666; margin: 0 5px; }

.s1 .txt01 .p4 a:hover { border:1px solid #2d2f68; color:#fff; background:#2d2f68; }

.s1 .txt02 { margin-top:85px; text-align:center; }
.s1 .txt02 ul li { position:relative; display:inline-block; padding:0 70px; line-height:1; }
.s1 .txt02 ul li:before { position:absolute; right:0; top:12px; display:block; content:""; width:1px; height:45px; background:#b2b3b3; z-index:2; }
.s1 .txt02 ul li:last-child:before { display:none; }
.s1 .txt02 ul li .p1 { font-family:"Arial"; font-size:22px; color:#2d2f68; }
.s1 .txt02 ul li .p1 i { font-size:66px; }
.s1 .txt02 ul li .p1 em { font-weight:bold; padding-left:10px; }
.s1 .txt02 ul li .p2 { font-size:14px; color:#666; margin-top:20px; }

@media all and (max-width:1680px){
	.s1 .txt02 ul li { padding:0 50px; }
	.s1 .txt02 ul li .p1 i { font-size:50px; } 
}
@media all and (max-width:1280px){
	.s1 { padding:60px 0; }
	.s1 .txt01 .p1 { font-size:16px; }
	.s1 .txt01 .p2 { font-size:30px; margin-top:15px; }
	.s1 .txt01 .p3 { font-size:14px; margin-top:25px; }
	.s1 .txt01 .p4 { margin-top:30px; }
	
	.s1 .txt02 { margin-top:50px; }
	.s1 .txt02 ul li { padding:0 30px; }
	.s1 .txt02 ul li:before { top:5px; height:28px; }
	.s1 .txt02 ul li .p1 i { font-size:40px; }  
}
@media all and (max-width:1000px){
	.s1 .txt02 ul li { padding:0 20px; }
	.s1 .txt02 ul li:before { top:5px; height:20px; }
	.s1 .txt02 ul li:nth-child(1) { padding-left:0; }
	.s1 .txt02 ul li:last-child { padding-right:0; }
	.s1 .txt02 ul li .p1 { font-size:18px; }
	.s1 .txt02 ul li .p1 i { font-size:30px; }
	.s1 .txt02 ul li .p1 em { padding-left:5px; }	
}
@media all and (max-width:750px){
	.s1 { padding:30px 0; }
	.s1 .txt01 .p1 { font-size:14px; }
	.s1 .txt01 .p2 { font-size:20px; margin-top:15px; }
	.s1 .txt01 .p3 { font-size:14px; margin-top:25px; }
	.s1 .txt01 .p4 { margin-top:30px; }
	.s1 .txt01 .p4 a { height:30px; line-height:30px; }

	.s1 .txt02 { margin-top:30px; }
	.s1 .txt02 ul li { float:left; display:block; padding:0; text-align:center; width:33.33%; } 
	.s1 .txt02 ul li:before { display:none; }
	.s1 .txt02 ul li:nth-child(n + 4) { margin-top:15px; width:50%; } 
	.s1 .txt02 ul li .p1 { font-size:14px; }
	.s1 .txt02 ul li .p1 i { font-size:20px; }
	.s1 .txt02 ul li .p1 em { padding-left:5px; }	
	.s1 .txt02 ul li .p2 { font-size:12px; margin-top:10px; line-height:1.3; }
}

.s2 { padding:105px 0; background-size:cover!important; }
.s2 .txt01 { line-height:1.1; text-align:left; color:#fff; }
.s2 .txt01 .p1 { font-size:18px; }
.s2 .txt01 .p2 { font-size:40px; margin-top:15px; }
.s2 .txt01 .p3 { font-size:16px; margin-top:45px; line-height:1.7; max-width:660px; }

.s2 .txt02 { margin-top:50px; font-size:16px; }
.s2 .txt02 .txt { float:left; width:23.75%; line-height:50px; height:50px; background:#fff; padding-left:30px; color:#666; box-sizing: border-box; }
.s2 .txt02 .select { position:relative; float:left; width:26.25%; margin-left:1%; background:#fff; }
.s2 .txt02 .select select { width:100%; line-height:50px; height:50px; padding-left:30px; color:#666; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.s2 .txt02 .select option { line-height:1.8; font-size:14px; color:#999; }
.s2 .txt02 .select:before { position:absolute; right:30px; top:20px; width:20px; height:10px; display:block; content:""; background:url(s2-01.png) no-repeat center; z-index:1; }
.s2 .txt02 .btn { float:right; width:20.75%; line-height:50px; height:50px; border:2px solid #fff; color:#fff; text-align:center; box-sizing: border-box; cursor:pointer; }
.s2 .txt02 .btn:hover { border-color:#2d2f68; background:#2d2f68; }

@media all and (max-width:1680px){
	.s2 .txt02 { margin-top:50px; font-size:14px; } 
}
@media all and (max-width:1280px){
	.s2 { padding:60px 0; }
	.s2 .txt01 .p1 { font-size:16px; }
	.s2 .txt01 .p2 { font-size:30px; margin-top:15px; }
	.s2 .txt01 .p3 { font-size:14px; margin-top:25px; }
	.s2 .txt01 .p4 { margin-top:30px; }
 
	.s2 .txt02 .txt { padding-left:15px; line-height:40px; height:40px; }
	.s2 .txt02 .select select { padding-left:15px; line-height:40px; height:40px; }
	.s2 .txt02 .select:before { right:10px; }
	.s2 .txt02 .btn { line-height:40px; height:40px; }
}
 
@media all and (max-width:750px){
	.s2 { padding:30px 0; }
	.s2 .txt01 .p1 { font-size:14px; }
	.s2 .txt01 .p2 { font-size:20px; margin-top:15px; }
	.s2 .txt01 .p3 { font-size:14px; margin-top:25px; }
	.s2 .txt01 .p4 { margin-top:30px; }
	.s2 .txt01 .p4 a { height:30px; line-height:30px; }

	.s2 .txt02 { margin-top:30px; }
	.s2 .txt02 .txt { float:none; width:100%; line-height:35px; height:35px; padding-left:10px; }
	.s2 .txt02 .select { float:none; width:100%; margin-left:0; margin-top:10px; }
	.s2 .txt02 .select select { line-height:35px; height:35px; padding-left:10px; }
	.s2 .txt02 .select:before { right:10px; top:13px; width:15px; height:8px; background-size:contain; }
	.s2 .txt02 .btn { float:none; width:100%; line-height:35px; height:35px; margin-top:10px; border:1px solid #fff; }
}

.s3 { padding:100px 0 110px; background:url(s3.png) no-repeat center bottom; }
.s3 .txt01 { float:right; width:47%; line-height:1.1; padding-top:65px; }
.s3 .txt01 .p1 { font-size:18px; color:#333; }
.s3 .txt01 .p2 { font-size:40px; color:#333; margin-top:15px; }
.s3 .txt01 .p3 { font-size:16px; color:#666; margin-top:45px; line-height:1.7; }
.s3 .txt01 .p4 { margin-top:70px; }
.s3 .txt01 .p4 a { display:inline-block; width:120px; height:40px; border:2px solid #092c74; text-align:center; line-height:40px; font-size:14px; color:#092c74; }

.s3 .txt01 .p4 a:hover { border:1px solid #2d2f68; color:#fff; background:#2d2f68; }

.s3 .txt02 { float:left; width:41%; border:1px solid #f5f5f5; }
.s3 .txt02 ul li { float:left; width:33.33%; box-sizing: border-box; border-right:1px solid #f5f5f5; text-align:center; }
.s3 .txt02 ul li:nth-child(3n) { border-right:none; }
.s3 .txt02 ul li:nth-child(n + 4) { border-top:1px solid #f5f5f5; }
.s3 .txt02 ul li a { display:block; padding-top:35px; min-height:105px; }
.s3 .txt02 ul li .p1 { min-height:60px; }
.s3 .txt02 ul li .p2 { font-size:16px; color:#666; }

.s3 .txt02 ul li:hover { box-shadow: #eee 0px 0px 10px; }
.s3 .txt02 ul li:hover .p1 { transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);transition: transform 0.9s;-webkit-transition: transform 0.9s;-moz-transition: transform 0.9s;  }
.s3 .txt02 ul li:hover .p2 { color:#292a5f; font-weight:bold; }

@media all and (max-width:1680px){
 
}
@media all and (max-width:1280px){
	.s3 { padding:60px 0; }
	.s3 .txt01 { width:50%; }
	.s3 .txt01 .p1 { font-size:16px; }
	.s3 .txt01 .p2 { font-size:30px; margin-top:15px; }
	.s3 .txt01 .p3 { font-size:14px; margin-top:25px; }
	.s3 .txt01 .p4 { margin-top:30px; }
	
	.s3 .txt02 { width:45%; }
	.s3 .txt02 ul li a { display:block; padding-top:20px; min-height:90px; }
	.s3 .txt02 ul li .p1 { min-height:50px; }
	.s3 .txt02 ul li .p1 img { height:35px; width:auto; }
	.s3 .txt02 ul li .p2 { font-size:14px; padding:0 5px; }

}
@media all and (max-width:750px){
	.s3 { padding:30px 0; }
	.s3 .txt01 { float:none; width:100%; padding-top:0; }
	.s3 .txt01 .p1 { font-size:14px; }
	.s3 .txt01 .p2 { font-size:20px; margin-top:15px; }
	.s3 .txt01 .p3 { font-size:14px; margin-top:25px; }
	.s3 .txt01 .p4 { margin-top:30px; }
	.s3 .txt01 .p4 a { height:30px; line-height:30px; }
 
	.s3 .txt02 { float:none; width:100%; margin-top:30px; } 
	.s3 .txt02 ul li .p2 { font-size:12px; }
}

.s4 { padding:75px 0 120px; background:#f5f5f7; }
.s4 .txt01 { line-height:1.1; }
.s4 .txt01 .p1 { font-size:18px; color:#333; }
.s4 .txt01 .p2 { font-size:40px; color:#333; margin-top:15px; }

.s4-Box { margin-top:40px; }
.s4-Box .swiper-container-s04 { position:relative; padding:10px; width:100%!important; margin-left:-10px; }
.s4-Box .swiper-slide a { display:block; background:#fff; }
.s4-Box .swiper-slide .pic { overflow:hidden; }
.s4-Box .swiper-slide .pic img { transition: all 0.6s; }
.s4-Box .swiper-slide .txt { padding:40px 35px 70px 35px; }
.s4-Box .swiper-slide .txt .p1 { font-size:24px; line-height:40px; height:80px; color:#333; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.s4-Box .swiper-slide .txt .p2 { margin-top:40px; }
.s4-Box .swiper-slide .txt .p2 i { display:inline-block; width:120px; height:40px; border:1px solid #c4c4c4; text-align:center; line-height:40px; font-size:14px; color:#666; }
.s4-Box .swiper-slide .txt .p2 p { float:right; line-height:40px; font-size:14px; color:#999; }

.s4-Box .swiper-slide:hover { box-shadow: #ccc 0px 0px 10px; }
.s4-Box .swiper-slide:hover .pic img { transform: scale(1.1)!important; }
.s4-Box .swiper-slide:hover .txt { background:url(s4-01.png) no-repeat center bottom; background-size:contain!important; }
.s4-Box .swiper-slide:hover .txt .p1 { font-weight:bold; }
.s4-Box .swiper-slide:hover .txt .p2 i { border:1px solid #2d2f68; color:#2d2f68; }

@media all and (max-width:1680px){
	.s4 { padding:60px 0; }
	.s4 .txt01 .p1 { font-size:16px; }
	.s4 .txt01 .p2 { font-size:30px; margin-top:15px; }
	
	.s4-Box .swiper-slide .txt { padding:30px 20px 50px; }
	.s4-Box .swiper-slide .txt .p1 { font-size:18px; line-height:30px; height:60px;  }
	.s4-Box .swiper-slide .txt .p2 { margin-top:25px; }
}
@media all and (max-width:1280px){
	.s4 { padding:60px 0; }
	.s4 .txt01 .p1 { font-size:16px; }
	.s4 .txt01 .p2 { font-size:30px; margin-top:15px; }
	
	.s4-Box .swiper-slide .txt { padding:20px 15px 30px; }
	.s4-Box .swiper-slide .txt .p1 { font-size:16px; line-height:30px; height:60px;  }
	.s4-Box .swiper-slide .txt .p2 { margin-top:25px; }
	.s4-Box .swiper-slide .txt .p2 i { width:100px; height:30px; line-height:30px; font-size:12px; }
	.s4-Box .swiper-slide .txt .p2 p { line-height:30px; font-size:12px; }
}
@media all and (max-width:750px){
	.s4 { padding:30px 0; }
	.s4 .txt01 .p1 { font-size:14px; }
	.s4 .txt01 .p2 { font-size:20px; margin-top:15px; }
	
	.s4-Box { margin-top:30px; }
	.s4-Box .swiper-container-s04 { padding:0; margin-left:0; }
	.s4-Box .swiper-slide .txt .p2 i { height:30px; line-height:30px; }
	
	
	.s4-Box .swiper-slide:hover { box-shadow:none; } 
}

.s5 { padding:75px 0 105px; background-size:cover!important; }
.s5 .txt01 { line-height:1.1; color:#fff; }
.s5 .txt01 .p1 { font-size:18px; }
.s5 .txt01 .p2 { font-size:40px; margin-top:15px; }
.s5 .txt01 .p3 { font-size:16px; color:rgba(255,255,255,0.4); margin-top:45px; line-height:1.7; max-width:750px; }
 
@media all and (max-width:1280px){
	.s5 { padding:60px 0; }
	.s5 .txt01 .p1 { font-size:16px; }
	.s5 .txt01 .p2 { font-size:30px; margin-top:15px; }
	.s5 .txt01 .p3 { font-size:14px; margin-top:25px; }
 
}
@media all and (max-width:750px){
	.s5 { padding:30px 0; }
	.s5 .txt01 .p1 { font-size:14px; }
	.s5 .txt01 .p2 { font-size:20px; margin-top:15px; }
	.s5 .txt01 .p3 { font-size:14px; margin-top:25px; }
}

.s6 { padding:75px 0 35px; background:#ededed; }
.s6 .wrap { position:relative; }
.s6 .swiper-slide a { display:block; overflow:hidden; }
.s6 .swiper-slide a img { transition: all 0.6s; }
.s6 .swiper-slide a:hover img { transform: scale(1.1)!important; }

.swiper-pagination-s06 { margin-top:50px; text-align:center; line-height:20px; color:#333675; font-size:14px; }

.s6 .prev-s06,.s6 .next-s06 { position:absolute; bottom:0; display:block; width:12px; height:21px; z-index:2; }
.s6 .prev-s06 { background:url(s6-01.png) no-repeat center; left:50%; margin-left:-75px; }
.s6 .next-s06 { background:url(s6-02.png) no-repeat center; right:50%; margin-right:-75px;}

@media all and (max-width:1280px){
	.s6 { padding:60px 0 35px; }
}
@media all and (max-width:750px){
	.s6 { padding:30px 0; } 
	.swiper-pagination-s06 { margin-top:30px; }

}