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

.banner { position:relative; }
.swiper-container-1 .swiper-slide { position:relative; font-size:0; vertical-align:top; }
.swiper-container-1 .swiper-pagination  { bottom:60px!important; font-size:0; }
.swiper-container-1 .swiper-pagination-bullet { width:60px!important; height:4px!important; margin:0 5px!important; background:#9ca2b1; border-radius:0; opacity:1; }
.swiper-container-1 .swiper-pagination-bullet-active { background:#c62630; }
.swiper-container-1 .img02 { display:none; }
 
.banner .prev-01,.banner .next-01 { position:absolute; top:50%; margin-top:-31px; display:block; width:35px; height:62px; z-index:2; cursor:pointer; }
.banner .prev-01 { background:url(ban01.png) no-repeat center; left:3%; }
.banner .next-01 { background:url(ban02.png) no-repeat center; right:3%; }

.ban01 { position:absolute; left:50%; width:100px; margin-left:-50px; bottom:100px; text-align:center; z-index:5; }
.ban01 .p2 { font-size:16px; margin-top:10px; color:#000; }

@media all and (max-width:1280px){
	.swiper-container-1 .swiper-pagination  { bottom:30px!important;  }
	.swiper-container-1 .swiper-pagination-bullet { width:35px!important; }
	
	.banner .prev-01,.banner .next-01 { margin-top:-15px; width:17px; height:30px; background-size:cover!important; }
	
	.ban01 { bottom:60px; }
}
@media all and (max-width:750px){
	.swiper-container-1 .swiper-pagination  { bottom:20px!important;  }
	.swiper-container-1 .swiper-pagination-bullet { width:20px!important; height:5px!important; margin:0 5px!important; }
	 
	.swiper-container-1 .img01 { display:none; }
	.swiper-container-1 .img02 { display:block; }
	
	.banner .prev-01,.banner .next-01 { display:none; }
	
	.ban01 { display:none; }
}



.aArea { padding:100px 0; background:url(aArea.jpg) no-repeat center bottom; }
.aArea01 { position:relative; width:1240px; margin:60px auto 0; }
.aArea01 .txt { position:absolute; text-align:center; z-index:2; cursor:pointer; }
.aArea01 .txt .p1 { position:relative; top:0; transition: all 0.6s; }
.aArea01 .txt .p2 { font-size:20px; margin-top:15px; color:#000; }

.aArea01 .txt:hover .p1 { top:-10px; }

.aArea01 .txt01 { top:210px; left:0; }
.aArea01 .txt02 { top:25px; left:165px; }
.aArea01 .txt03 { top:0; left:475px; }
.aArea01 .txt04 { top:20px; right:140px; }
.aArea01 .txt05 { top:210px; right:0; }
.aArea01 .txt06 { bottom:55px; left:660px; }

.aArea01 .tt { position:absolute; text-align:center; z-index:2; cursor:pointer; }
.aArea01 .tt .p1 i { display:inline-block; font-size:14px; color:#000; padding:0 15px; line-height:30px; height:30px; background:#fff; border-radius:5px; }
.aArea01 .tt .p2 { margin-top:10px; }
.aArea01 .tt .p2 i { display:inline-block; width:6px; height:6px; background:#ce0108; border-radius:100%; box-shadow: 0 0 rgba(206, 1, 8, 0.3);
	animation: ripple-wave1 3s linear infinite;
	animation-play-state: running;
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	-webkit-animation: ripple-wave1 3s linear infinite; transform: scale(0.8); }

@keyframes ripple-wave1{
	to {
		box-shadow: 0 0 0 10px rgba(206, 1, 8, 0.3);
	}
}

.aArea01 .tt01 { top:-8px; left:625px; }
.aArea01 .tt02 { top:55px; left:745px; }
.aArea01 .tt03 { top:115px; left:590px; }
.aArea01 .tt04 { top:195px; left:345px; }
.aArea01 .tt05 { top:165px; left:705px; }
.aArea01 .tt06 { top:160px; left:850px; }
.aArea01 .tt07 { top:240px; left:420px; }
.aArea01 .tt08 { top:220px; left:635px; }
.aArea01 .tt09 { top:300px; left:315px; }
.aArea01 .tt09 .p1 { margin-top:15px; }
.aArea01 .tt09 .p2 { margin-top:0; }
 
.aArea02 { display:none; margin-top:30px; padding:0; }

@media all and (max-width:1280px){
	.aArea { padding:60px 0; }
	.aArea01 { width:1000px; } 
	.aArea01 .pic img { width:100%; height:auto; } 
	
	.aArea01 .txt .p2 { font-size:16px; margin-top:10px; }
	
	.aArea01 .txt01 { top:165px; left:0; }
	.aArea01 .txt02 { top:15px; left:130px; }
	.aArea01 .txt03 { top:-5px; left:380px; }
	.aArea01 .txt04 { top:10px; right:115px; }
	.aArea01 .txt05 { top:165px; right:0; }
	.aArea01 .txt06 { bottom:50px; left:530px; }
	
	.aArea01 .tt .p1 i { font-size:14px; padding:0 10px; line-height:30px; height:30px; }
	.aArea01 .tt .p2 { margin-top:10px; }
	 
	.aArea01 .tt01 { top:-8px; left:497px; }
	.aArea01 .tt02 { top:30px; left:595px; }
	.aArea01 .tt03 { top:85px; left:470px; }
	.aArea01 .tt04 { top:160px; left:280px; }
	.aArea01 .tt05 { top:130px; left:550px; }
	.aArea01 .tt06 { top:130px; left:690px; }
	.aArea01 .tt07 { top:205px; left:365px; }
	.aArea01 .tt08 { top:195px; left:505px; }
	.aArea01 .tt09 { top:250px; left:255px; }
	.aArea01 .tt09 .p1 { margin-top:10px; }
	.aArea01 .tt09 .p2 { margin-top:0; }
}
@media all and (max-width:1100px){
	.aArea01 { width:700px; } 
	.aArea01 .pic img { width:100%; height:auto; } 
	
	.aArea01 .txt .p2 { font-size:14px; margin-top:10px; }
	
	.aArea01 .txt01 { top:95px; left:0; }
	.aArea01 .txt02 { top:-10px; left:83px; }
	.aArea01 .txt03 { top:-15px; left:260px; }
	.aArea01 .txt04 { top:-10px; right:75px; }
	.aArea01 .txt05 { top:95px; right:-5px; }
	.aArea01 .txt06 { bottom:40px; left:365px; }
	
	.aArea01 .tt .p1 i { font-size:12px; line-height:25px; height:25px; }
	.aArea01 .tt .p2 { margin-top:5px; }
	
	.aArea01 .tt01 { top:-15px; left:339px; }
	.aArea01 .tt02 { top:15px; left:405px; }
	.aArea01 .tt03 { top:55px; left:320px; }
	.aArea01 .tt04 { top:80px; left:230px; }
	.aArea01 .tt05 { top:85px; left:385px; }
	.aArea01 .tt06 { top:90px; left:480px; }
	.aArea01 .tt07 { top:135px; left:225px; }
	.aArea01 .tt08 { top:130px; left:350px; }
	.aArea01 .tt09 { top:170px; left:170px; }
	.aArea01 .tt09 .p1 { margin-top:5px; }
	.aArea01 .tt09 .p2 { margin-top:0; }
}
@media all and (max-width:750px){
	.aArea { padding:30px 0; background:none; }
	
	.aArea01 { display:none; } 
	.aArea02 { display:block; } 
}

.bArea { padding-top:100px; }
.bArea01 { margin-top:45px; }
.bArea01 .hd { position:relative; text-align:center; }
.bArea01 .hd:before { position:absolute; top:14px; left:0; right:0; height:1px; background:#e5e5e5; display:block; content:""; z-index:-1; }
.bArea01 .hd ul li { display:inline-block; padding:0 40px; margin:0 75px; text-align:center; background:#fff; cursor:pointer; }
.bArea01 .hd ul li .p1 .img02 { display:none; }
.bArea01 .hd ul li .p2 { font-size:18px; color:#000; margin-top:15px; }

.bArea01 .hd ul li.on .p1 .img01 { display:none; }
.bArea01 .hd ul li.on .p1 .img02 { display:inline-block; }
.bArea01 .hd ul li.on .p2 { color:#ce0008; }
 
.bArea01 .bd { margin-top:50px; }
.bArea01 .bd ul li { float:left; width:50%; }
.bArea01 .bd ul li a { position:relative; display:block; }
.bArea01 .bd ul li .txt { position:absolute; left:0; top:50px; bottom:80px; line-height:1.1; z-index:5; }
.bArea01 .bd ul li:nth-child(2n) .txt { left:9.3%; }
.bArea01 .bd ul li .txt .p1 { font-size:24px; color:#a7a5a4; }
.bArea01 .bd ul li .txt .p2 { font-size:34px; margin-top:10px; color:#333; font-weight:bold; line-height:1.6; }
.bArea01 .bd ul li .txt .p3 { position:absolute; left:0; bottom:0; min-width:120px; z-index:2; }
.bArea01 .bd ul li .txt .p3 i { display:inline-block; font-size:16px; padding-left:55px; line-height:40px; height:40px; background:url(b05.png) no-repeat center left; color:#333; }
.bArea01 .bd ul li .pic { float:right; width:56.25%; }

.bArea01 .bd ul li .txt01 { position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); width:250px; height:250px; text-align: center; border-radius:100%; background:rgba(206,0,8,0.8); padding:0 10px; box-sizing: border-box; z-index:9; display:none; }
.bArea01 .bd ul li .txt01 .p1 { font-size: 22px; font-weight: bold; color: #fff; padding-top:80px; }
.bArea01 .bd ul li .txt01 .p2 { width:40px; height:40px; margin:30px auto 0; background:url(b07.png) no-repeat center; background-size:contain!important; }

.bArea01 .bd ul li:hover .txt01 { display:block; }

.bArea01 .bd .ul01 { background:url(b03.jpg) repeat-y center; }
.bArea01 .bd .ul02 { background:url(b04.jpg) repeat-y center; }

@media all and (max-width:1680px){
	.bArea01 .hd ul li { padding:0 30px; margin:0 40px; }
	
	.bArea01 .bd ul li .txt .p1 { font-size:20px; }
	.bArea01 .bd ul li .txt .p2 { font-size:28px; }
	
	.bArea01 .bd ul li .txt01 { width:200px; height:200px; }
	.bArea01 .bd ul li .txt01 .p1 { font-size:18px; padding-top:60px; }
	.bArea01 .bd ul li .txt01 .p2 { width:40px; height:40px; margin:30px auto 0; background:url(b07.png) no-repeat center; background-size:contain!important; }
} 
@media all and (max-width:1280px){
	.bArea { padding-top:60px; }
	.bArea01 .hd ul li { padding:0 20px; margin:0 20px; }
	.bArea01 .hd ul li .p2 { font-size:14px; margin-top:10px; }
	
	.bArea01 .bd ul li .txt { top:40px; bottom:40px; }
	.bArea01 .bd ul li .txt .p1 { font-size:14px; }
	.bArea01 .bd ul li .txt .p2 { font-size:18px; }
	.bArea01 .bd ul li .txt .p3 i { font-size:14px; padding-left:40px; line-height:30px; height:30px; background-size:contain; }
	
	.bArea01 .bd ul li:hover .txt01 { display:none; }
} 
@media all and (max-width:750px){
	.bArea { padding-top:30px; }
	.bArea01 { margin-top:30px; }
	.bArea01 .hd:before { top:10px; }
	.bArea01 .hd ul li { padding:0 7px; margin:0 7px; }
	.bArea01 .hd ul li .p1 img { width:30px; height:auto; }

	.bArea01 .bd { margin-top:30px; }
	.bArea01 .bd .wrap { width:100%; }
	.bArea01 .bd ul li { float:none; width:100%; padding:0 4%; box-sizing: border-box; }
	.bArea01 .bd ul li { background:#f9f9f9; }
	.bArea01 .bd ul li:nth-child(2n) { background:#efefef; }
	.bArea01 .bd ul li:nth-child(2n) .txt { left:0; }
	.bArea01 .bd ul li .txt { top:20px; bottom:20px; }
	.bArea01 .bd ul li .txt .p3 i { font-size:14px; padding-left:30px; line-height:20px; height:20px; background-size:contain; }
	.bArea01 .bd ul li .pic { margin-right:-10%; }
	
	.bArea01 .bd .ul01 { background:none; }
	.bArea01 .bd .ul02 { background:none; }
}  
 
.cArea { padding:90px 0; }
.cArea01 { float:left; width:45%; }
.cArea01 .Area-hd { text-align:left; }
.cArea01 .Area-hd .p3 { font-size:20px; margin-top:30px; color:#444; font-weight:bold; }
.cArea01 .bd { margin-top:100px; }
.cArea01 .bd ul { display:flex; flex-direction:row; justify-content:space-between; }
.cArea01 .bd ul li { padding-left:70px; font-size:16px; color:#000; line-height:1.1; }
.cArea01 .bd ul li .p1 { font-size:40px; font-weight:bold; }
.cArea01 .bd ul li .p1 i { font-size:40px; font-weight:bold; }
.cArea01 .bd ul li .p2 { margin-top:15px; }
.cArea01 .bd ul li:nth-child(1) .p1 { font-size:16px; font-weight:normal; }

.cArea02 { float:right; width:47.8%; margin-top:40px; }
.cArea02 ul li { position:relative; float:left; width:38.92%; }
.cArea02 ul li:nth-child(2) { margin-left:-8.39%; }
.cArea02 ul li:nth-child(3) { margin-left:-8.39%; }
.cArea02 ul li .pic { position:relative; }
.cArea02 ul li .pic canvas { position:absolute; width:100%; height:100%; top:0; left:0; right:0; bottom:0; background:none!important; z-index:2; }
.cArea02 ul li .txt { position:absolute; left:0; right:0; top:50%; transform: translateY(-50%); text-align:center; z-index:5; }
.cArea02 ul li .txt .p1 { font-size:28px; color:#fff; font-weight:bold; }
.cArea02 ul li .txt .p2 { width:40px; height:40px; margin:30px auto 0; background:url(b06.png) no-repeat center; }

.cArea02 ul li:hover .txt .p2 { background:url(b05.png) no-repeat center; }

@media all and (max-width:1680px){
	.cArea01 .Area-hd .p2 { margin-top:15px; }
	.cArea01 .Area-hd .p3 { margin-top:15px; }
	
	.cArea01 .bd { margin-top:30px; }
	.cArea01 .bd ul li { padding-left:50px; font-size:14px; background-size:35px 44px!important; }
	.cArea01 .bd ul li .p1 { font-size:30px; }
	.cArea01 .bd ul li .p1 i { font-size:30px; }
	.cArea01 .bd ul li .p2 { margin-top:10px; }
	.cArea01 .bd ul li:nth-child(1) .p1 { font-size:14px; }
	
	.cArea02 ul li .txt .p1 { font-size:20px; }
} 
@media all and (max-width:1280px){
	.cArea { padding:60px 0; }
	
	.cArea02 ul li .txt .p2 { width:30px; height:30px; margin:30px auto 0; background-size:contain!important; }
} 
@media all and (max-width:900px){
	.cArea01 { float:none; width:100%; }
	.cArea01 .Area-hd .p3 { font-size:18px; }
	.cArea01 .bd { margin-top:30px; }
	 
	.cArea02 { float:none; width:100%; margin-top:30px; }
	.cArea02 ul li .txt .p1 { font-size:18px; }
}  
@media all and (max-width:750px){
	.cArea { padding:30px 0; }
	
	.cArea01 .Area-hd .p3 { font-size:16px; }
	
	.cArea01 .bd ul li { padding:50px 0 0 0; background-position:center top!important; text-align:center; }
	
	.cArea02 ul li .txt .p2 { width:25px; height:25px; margin:20px auto 0; }
} 

.dArea { position:relative; width:1920px; left:50%; margin-left:-960px; z-index:2; }
.dArea .pic { overflow:hidden; }
.dArea .pic canvas { position:absolute; width:100%; height:100%; top:0; left:0; right:0; bottom:0; background:none!important; z-index:2; }
.dArea .pic01 { display:none; }
.dArea .txt { position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); text-align:center; color:#fff; width:600px; z-index:5; }
.dArea .txt .p1 { font-size:32px; font-weight:bold; }
.dArea .txt .p2 { font-size:16px; margin-top:25px; }
.dArea .txt .p3 { margin-top:55px; }
.dArea .txt .p3 i { display:inline-block; font-size:16px; padding-left:55px; line-height:40px; height:40px; background:url(b05.png) no-repeat center left; color:#fff; }

@media all and (max-width:1380px){
	.dArea .txt .p1 { font-size:30px; }
	.dArea .txt .p2 { font-size:14px; }
	.dArea .txt .p3 i { font-size:14px; padding-left:40px; line-height:30px; height:30px; background-size:contain!important; }

}
@media all and (max-width:750px){
	.dArea { width:100%; left:0; margin-left:0; }
	.dArea .pic { display:none; }
	.dArea .pic01 { display:block; }
	.dArea .txt { width:92%; }
	.dArea .txt .p1 { font-size:20px; }
	.dArea .txt .p2 { font-size:14px; margin-top:25px; }
	.dArea .txt .p3 { margin-top:30px; }
	.dArea .txt .p3 i { line-height:25px; height:25px; } 
}

.eArea { padding:80px 0; background:#efefef; }
.eArea .bd01 { margin-top:50px; }

.eArea01 { position:relative; float:left; background:#fff; width:33.33%; border-right:3px solid #efefef; min-height:745px; box-sizing: border-box; }
.eArea01 a { display:block; padding:50px 40px 0 40px; }
.eArea01 .pic { overflow:hidden; }
.eArea01 .pic img { width:100%; height:auto; transition: all 0.6s; }
.eArea01 .txt { padding:40px 0; }
.eArea01 .txt .p1 { font-size:18px; color:#ce0008; }
.eArea01 .txt .p2 { font-size:28px; color:#111; line-height:40px; height:80px; margin-top:15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.eArea01 .txt .p3 { font-size:16px; color:#111; line-height:25px; height:50px; margin-top:30px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.eArea01 .txt .p4 { margin-top:40px; height:40px; background:url(b05.png) no-repeat center left; background-size:contain!important; }

.eArea012 .pic01 { display:none; }
.eArea012 .pic01 img { width:100%; height:auto; }

.eArea01:hover .txt .p2 { font-weight:bold; }
.eArea01:hover .pic img { transform: scale(1.1)!important; }

.eArea02 { float:left; background:#4f6778; width:33.33%; padding-top:50px; min-height:745px; box-sizing: border-box; }
.eArea02 .hd { padding:40px 40px 0 40px; color:#fff; }
.eArea02 .hd .p1 { font-size:18px; }
.eArea02 .hd .p2 { font-size:28px; line-height:40px; margin-top:15px; }
.eArea02 .bd { margin-top:20px; }
.eArea02 .bd ul li { padding:25px 40px; }
.eArea02 .bd ul li a { display:block; color:#fff; padding-right:85px; background:url(b06.png) no-repeat center right; }
.eArea02 .bd ul li .p1 { font-size:18px; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.eArea02 .bd ul li .p2 { font-size:14px; margin-top:10px; }
 
.eArea02 .bd ul li:hover { background:#556c7c; }

.eArea02 .bd02 { margin:30px 0 0 40px; }
.eArea02 .bd02 i { display:inline-block; font-size:16px; padding-left:55px; line-height:40px; height:40px; background:url(b08.png) no-repeat center left; color:#fff; }

@media all and (max-width:1680px){
	.eArea01 { min-height:630px; }
	.eArea01 a { padding:30px 20px 0 20px; }
	.eArea01 .txt { padding:40px 0; }
	.eArea01 .txt .p1 { font-size:16px; }
	.eArea01 .txt .p2 { font-size:22px; line-height:35px; height:70px; margin-top:15px; }
	.eArea01 .txt .p3 { font-size:16px; line-height:25px; height:50px; margin-top:30px; }
	.eArea01 .txt .p4 { margin-top:40px; height:40px; } 
	
	.eArea02 { padding-top:30px; min-height:630px; }
	.eArea02 .hd { padding:40px 20px 0 20px; }
	.eArea02 .hd .p1 { font-size:16px; }
	.eArea02 .hd .p2 { font-size:22px; line-height:35px; margin-top:15px; }
	.eArea02 .bd { margin-top:20px; }
	.eArea02 .bd ul li { padding:20px 20px; }
	.eArea02 .bd ul li a { padding-right:60px; }
	.eArea02 .bd ul li .p1 { font-size:16px; }
	.eArea02 .bd ul li .p2 { font-size:14px; margin-top:10px; }
 
	.eArea02 .bd02 { margin:30px 0 0 20px; }
	.eArea02 .bd02 i { display:inline-block; }

}
@media all and (max-width:1380px){
	.eArea { padding:60px 0; }
	.eArea .bd01 { margin-top:40px; } 

}
@media all and (max-width:1000px){
	.eArea01 { min-height:465px; }
	.eArea01 a { padding:20px 20px 0 20px; }
	.eArea01 .txt { padding:30px 0; }
	.eArea01 .txt .p1 { font-size:16px; }
	.eArea01 .txt .p2 { font-size:16px; line-height:25px; height:50px; margin-top:10px; }
	.eArea01 .txt .p3 { font-size:14px; line-height:25px; height:50px; margin-top:10px; }
	.eArea01 .txt .p4 { margin-top:30px; height:30px; } 
	
	.eArea02 { padding-top:20px; min-height:465px; }
	.eArea02 .hd { padding:30px 20px 0 20px; }
	.eArea02 .hd .p1 { font-size:16px; }
	.eArea02 .hd .p2 { font-size:16px; line-height:25px; margin-top:10px; }
	.eArea02 .bd { margin-top:15px; }
	.eArea02 .bd ul li { padding:10px 20px; }
	.eArea02 .bd ul li a { padding-right:50px; background-size:30px 30px!important;  }
	.eArea02 .bd ul li .p1 { font-size:14px; }
	.eArea02 .bd ul li .p2 { font-size:12px; margin-top:5px; }
 
	.eArea02 .bd02 { margin:30px 0 0 20px; }
	.eArea02 .bd02 i { display:inline-block; line-height:30px; height:30px; font-size:14px; background-size:30px 30px!important; }
}
@media all and (max-width:750px){
	.eArea { padding:30px 0; }
	.eArea .bd01 { margin-top:30px; } 
 
	.eArea01 { min-height:20px; float:none; width:100%; border-right:none; border-bottom:2px solid #efefef; }
	.eArea01 a { padding:20px 15px; }
	.eArea01 .txt { padding:15px 0 0; }
	.eArea01 .txt .p1 { font-size:16px; }
	.eArea01 .txt .p2 { font-size:16px; line-height:25px; height:50px; margin-top:10px; }
	.eArea01 .txt .p3 { font-size:14px; line-height:25px; height:50px; margin-top:10px; }
	.eArea01 .txt .p4 { margin-top:30px; height:30px; } 
	
	.eArea012 .pic { display:none; }
	.eArea012 .pic01 { display:block; }
	
	.eArea02 {  float:none; width:100%; padding:20px 0; min-height:20px; }
	.eArea02 .hd { padding:0 15px 0 15px; }
	.eArea02 .bd ul li { padding:10px 15px; }
	
	.eArea02 .bd02 { margin:20px 0 0 15px; }
}