@charset "utf-8";

.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 { position:absolute; bottom:60px; left:0; right:0; text-align:center; z-index:9;  }
.swiper-pagination-1 .swiper-pagination-bullet { width:9px; height:9px; margin:0 5px; margin-top:10px;  border-radius:100%; background:#fff; opacity:1; transition: all 0.6s; }
.swiper-pagination-1 .swiper-pagination-bullet-active { height:19px; border-radius:10px; margin-top:0; }
 
@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; }
}
@media all and (max-width:750px){
	.swiper-pagination-1 .swiper-pagination-bullet { width:8px; height:8px; margin:0 3px; margin-top:10px; }
	.swiper-pagination-1 .swiper-pagination-bullet-active { height:18px; }
}

.container { padding:80px 0 120px; background:url(bg.png) no-repeat center bottom; background-size:cover; }

@media all and (max-width:1680px){
	.container { padding:60px 0 100px; }
}
@media all and (max-width:1200px){
	.container { padding:40px 0 80px; }
}
@media all and (max-width:750px){
	.container { padding:40px 0; }
}



.Area-hd { position:relative; }
.Area-hd .p1 { font-size:36px; color:#000; font-weight:bold; line-height:50px; }
.Area-hd .p2 { position:absolute; top:0; right:0; z-index:2; }

.mBtn { position:relative; display:inline-block; width:140px; line-height:50px; border:1px solid rgba(229,229,229,1); text-align:center; font-size:18px; color:rgba(51,51,51,1); border-radius:30px; overflow:hidden; z-index:2; }
.mBtn:after{ position:absolute; left:0; top:0; content:""; display:block; width:0; height:100%; background:rgba(196,38,29,1); transition:all 0.5s;  z-index:-1; }

.mBtn:hover:after{ width:100%; }
.mBtn:hover { color:#fff; }

@media all and (max-width:1680px){
	.Area-hd .p1 { font-size:28px; line-height:40px; }

	.mBtn { width:120px; line-height:40px; font-size:16px; }
}
@media all and (max-width:1200px){
	.Area-hd .p1 { font-size:20px; line-height:35px; }

	.mBtn { width:100px; line-height:35px; font-size:14px; }
}
@media all and (max-width:750px){
	
}



.aArea01 { float:left; width:775px; }
.aArea01 .bd { position:relative; margin-top:30px; z-index:2; }
.aArea01 .bd:before { position:absolute; top:0; left:0; right:0; bottom:0; display:block; content:""; background:#f5e7e7; border-radius:15px; z-index:-1; transition: all 0.6s; }
.aArea01 .bd .swiper-container { overflow:hidden; border-radius:15px; }
.aArea01 .bd .swiper-slide .pic { overflow:hidden; }
.aArea01 .bd .swiper-slide .pic img { width:100%; height:480px; object-fit: cover; }

.aArea01 .bd:hover:before { transform:rotate(-4deg); }

.swiper-pagination-a01 { position:absolute; right:30px; bottom:30px; z-index:2; }
.swiper-pagination-a01 .swiper-pagination-bullet { width:7px; height:7px; margin:0 5px; background:#fff; opacity:0.6; border-radius:6px; }
.swiper-pagination-a01 .swiper-pagination-bullet-active { width:17px;  }
 
.aArea02 { float:right; width:715px; padding-top:15px; }
.aArea02 .hd { padding-bottom:25px; border-bottom:1px solid rgba(0,0,0,0.1); }
.aArea02 .hd ul { position:relative; }
.aArea02 .hd ul li { float:left; margin-right:30px; cursor:pointer; }
.aArea02 .hd ul li span { position:relative; display:inline-block; padding-right:30px; line-height:50px; font-size:26px; color:rgba(0,0,0,0.3); font-weight:bold; }
.aArea02 .hd ul li span:before { position:absolute; display:block; content:""; top:50%; transform: translateY(-50%); right:0; width:1px; height:20px; background:rgba(0,0,0,0.1); z-index:2; }
.aArea02 .hd ul li a { position:absolute; top:0; right:0; display:none; z-index:2; }

.aArea02 .hd ul li:last-child { margin-right:0!important; }
.aArea02 .hd ul li:last-child span { padding-right:0!important; }
.aArea02 .hd ul li:last-child span:before { display:none!important; }

.aArea02 .hd ul li.on span { color:#000; }
.aArea02 .hd ul li.on a { display:block; }

.aArea02 .bd ul li { border-bottom:1px solid rgba(0,0,0,0.1); line-height:77px; font-size:22px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea02 .bd ul li span { float:right; font-size:20px; color:rgba(153,153,153,1); margin-left:100px; font-weight:normal!important; }
.aArea02 .bd ul li a { color:rgba(34,34,34,1); transition: all 0.6s; }

.aArea02 .bd .mm { display:none; margin-top:25px; text-align:center; }

.aArea02 .bd ul li:hover { font-weight:bold; color:rgba(196,38,29,1); background:url(a01.png) no-repeat center left; }
.aArea02 .bd ul li:hover a { color:rgba(196,38,29,1); padding-left:40px; }

@media all and (max-width:1680px){
	.aArea01 { float:left; width:49.5%; }
	.aArea01 .bd { margin-top:20px; }
	.aArea01 .bd .swiper-slide .pic img { height:370px; }
 
	.swiper-pagination-a01 { position:absolute; right:20px; bottom:20px; z-index:2; }
	.swiper-pagination-a01 .swiper-pagination-bullet { width:6px; height:6px; margin:0 3px; }
	.swiper-pagination-a01 .swiper-pagination-bullet-active { width:15px;  }
	 
	.aArea02 { float:right; width:46%; padding-top:10px; }
	.aArea02 .hd { padding-bottom:15px; }
 
	.aArea02 .hd ul li { margin-right:20px; }
	.aArea02 .hd ul li span { padding-right:20px; line-height:40px; font-size:20px; }
 
	.aArea02 .bd ul li { line-height:60px; font-size:18px; }
	.aArea02 .bd ul li span { font-size:14px; margin-left:50px; }
 
	.aArea02 .bd ul li:hover { background-size:15px 15px; }
	.aArea02 .bd ul li:hover a { padding-left:25px; }
}
@media all and (max-width:1200px){
	.aArea01 { float:left; width:49%; }
	.aArea01 .bd { margin-top:20px; }
	.aArea01 .bd .swiper-slide .pic img { height:300px; }
 
	.aArea02 { float:right; width:48%; padding-top:0; }
	.aArea02 .hd { padding-bottom:15px; }
 
	.aArea02 .hd ul li { margin-right:15px; }
	.aArea02 .hd ul li span { padding-right:15px; line-height:35px; font-size:16px; }
 
	.aArea02 .bd ul li { line-height:50px; font-size:16px; }
	.aArea02 .bd ul li span { font-size:14px; margin-left:30px; }
 
	.aArea02 .bd ul li:hover { background-size:15px 15px; }
	.aArea02 .bd ul li:hover a { padding-left:25px; }
}
@media all and (max-width:900px){
	.aArea01 { float:none; width:100%; }
	.aArea01 .bd .swiper-slide .pic { position:relative; padding-bottom:62%; }
	.aArea01 .bd .swiper-slide .pic img { position:absolute; top:0; left:0; height:100%; z-index:2; }
	
	.aArea02 { float:none; width:100%; margin-top:30px; }
	.aArea02 .bd ul li { line-height:40px; font-size:14px; }
}
@media all and (max-width:750px){
	.aArea02 .hd ul li a { display:none!important; }
	
	.aArea02 .bd .mm { display:block; }
}

.bArea { margin-top:100px; }
.bArea01 { margin-top:50px; overflow:hidden; }
.bArea01 .bdd { width:660px; }
.bArea01 .swiper { width:100%; }
.bArea01 .swiper-slide { position:relative; width:400px; margin-right:50px; /*box-shadow: 0px 2px 18px  rgba(222, 222, 222, 0.15);*/ }
.bArea01 .swiper-slide .pic { position:relative; border-radius: 15px; overflow:hidden; }
.bArea01 .swiper-slide .pic:before { position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; display:block; content:""; z-index:2; }
.bArea01 .swiper-slide .pic img { width:100%; height:425px; object-fit: cover; opacity:0; }

.bArea01 .swiper-slide .txt { position:absolute; top:160px; left:0; right:0; padding:0 45px; line-height:1.1; z-index:2; }
.bArea01 .swiper-slide .txt .p1 { font-size:26px; font-weight:bold; color:rgba(34,34,34,1); }
.bArea01 .swiper-slide .txt .p2 { font-size:18px; line-height:2; margin-top:30px; color:rgba(51,51,51,0.8); max-width:465px; }

.bArea01 .swiper-slide .tt { position:absolute; z-index:2; }
.bArea01 .swiper-slide .tt01 { top:50px; left:45px; }
.bArea01 .swiper-slide .tt02 { bottom:35px; right:45px; }
.bArea01 .swiper-slide .tt03 { top:40px; right:45px; }
.bArea01 .swiper-slide .tt03 img { width:auto; max-height:60px; }

.bArea01 .swiper-slide-active { width:100%; }
.bArea01 .swiper-slide-active .pic:before { display:none; }
.bArea01 .swiper-slide-active .pic img { opacity:1; }
.bArea01 .swiper-slide-active .txt { top:80px; padding:0 75px; }
.bArea01 .swiper-slide-active .txt .p1 { color:#fff; }
.bArea01 .swiper-slide-active .txt .p2 { color:#fff; }
.bArea01 .swiper-slide-active .tt { display:none; }

.swiper-pagination-b01 { margin-top:60px; text-align:center; }
.swiper-pagination-b01 .swiper-pagination-bullet { width:9px; height:9px; margin:0 9px; background:rgba(0,0,0,0.2); opacity:1; border-radius:6px; }
.swiper-pagination-b01 .swiper-pagination-bullet-active { width:20px; background:rgba(196,38,29,1); }

@media all and (max-width:1680px){
	.bArea { margin-top:60px; }
	.bArea01 { margin-top:30px; }
	.bArea01 .bdd { width:530px; }
	.bArea01 .swiper-slide { width:310px; margin-right:25px; }
 
	.bArea01 .swiper-slide .pic img { width:100%; height:330px; }

	.bArea01 .swiper-slide .txt { top:100px; padding:0 30px; }
	.bArea01 .swiper-slide .txt .p1 { font-size:20px; }
	.bArea01 .swiper-slide .txt .p2 { font-size:16px; line-height:30px; margin-top:20px; }
 
	.bArea01 .swiper-slide .tt01 { top:30px; left:30px; }
	.bArea01 .swiper-slide .tt01 img { width:20px; height:20px; }
	.bArea01 .swiper-slide .tt02 { bottom:25px; right:30px; }
	
	.bArea01 .swiper-slide .tt03 { top:20px; right:30px; }
	.bArea01 .swiper-slide .tt03 img { width:auto; max-height:40px; }

	.bArea01 .swiper-slide-active { width:100%; }
	.bArea01 .swiper-slide-active .txt { top:60px; padding:0 60px; }
	 

	.swiper-pagination-b01 { margin-top:40px; }
	.swiper-pagination-b01 .swiper-pagination-bullet { width:8px; height:8px; margin:0 5px; }
	.swiper-pagination-b01 .swiper-pagination-bullet-active { width:15px; }
}
@media all and (max-width:1200px){
	.bArea { margin-top:40px; }
	.bArea01 { margin-top:20px; }
	.bArea01 .bdd { width:530px; }
	.bArea01 .swiper-slide { width:310px; margin-right:25px; }
 
	.bArea01 .swiper-slide .pic img { width:100%; height:250px; }

	.bArea01 .swiper-slide .txt { top:60px; padding:0 20px; }
	.bArea01 .swiper-slide .txt .p1 { font-size:18px; }
	.bArea01 .swiper-slide .txt .p2 { font-size:14px; line-height:25px; margin-top:20px; }
 
	.bArea01 .swiper-slide .tt01 { top:20px; left:20px; }
	.bArea01 .swiper-slide .tt01 img { width:20px; height:20px; }
	.bArea01 .swiper-slide .tt02 { bottom:25px; right:30px; }
	
	.bArea01 .swiper-slide .tt03 { top:15px; right:20px; }
	.bArea01 .swiper-slide .tt03 img { width:auto; max-height:40px; }

	.bArea01 .swiper-slide-active { width:100%; }
	.bArea01 .swiper-slide-active .txt { top:50px; padding:0 40px; }
	 

	.swiper-pagination-b01 { margin-top:40px; }
	.swiper-pagination-b01 .swiper-pagination-bullet { width:8px; height:8px; margin:0 5px; }
	.swiper-pagination-b01 .swiper-pagination-bullet-active { width:15px; }
}
@media all and (max-width:900px){
	.bArea01 .bdd { width:50%; }
	.bArea01 .swiper-slide { width:98%; margin-right:2%; }
	.bArea01 .swiper-slide-active { width:100%; }
}
@media all and (max-width:750px){
	.bArea01 .bdd { width:100%; }
	.bArea01 .swiper-slide { width:100%; margin-right:0; }
	
	.bArea01 .swiper-slide .pic img { width:100%; height:auto; }
	
	
	.bArea01 .swiper-slide { width:100%; }
	.bArea01 .swiper-slide .pic:before { display:none; }
	.bArea01 .swiper-slide .pic img { opacity:1; }
	.bArea01 .swiper-slide .txt { top:30px; padding:0 30px; }
	.bArea01 .swiper-slide .txt .p1 { color:#fff; }
	.bArea01 .swiper-slide .txt .p2 { color:#fff; }
	.bArea01 .swiper-slide .tt { display:none; }
	
	
	.bArea01 .swiper-slide-active { width:100%; }
	.bArea01 .swiper-slide-active .txt { top:30px; padding:0 30px; }
	
	.swiper-pagination-b01 { margin-top:20px; }
}

.cArea { padding:80px 100px 50px 100px; background:#fff; margin-top:70px; border-radius:15px; box-shadow:0px 0px 20px rgba(0,0,0,0.05); }
.cArea01 { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.cArea01 .Area-hd .p2 { display:none; }
.cArea01 .bd01 { width:52%; margin-left:7%; font-size:18px; color:rgba(51,51,51,1); line-height:32px; }
.cArea01 .bd02 {  }
.cArea01 .bd02 .mBtn:after{ width:100%; }
.cArea01 .bd02 .mBtn { color:#fff; }

.cArea02 { margin-top:60px; }
.cArea02 ul { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.cArea02 ul li { width:410px; border-top:1px solid rgba(204,204,204,1); }
.cArea02 ul li a { display:block; padding:35px 30px 0 0; line-height:1.1; }
.cArea02 ul li .p2 { margin-top:10px; font-size:18px; line-height:2; color:rgba(51,51,51,1); overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.cArea02 ul li .p3 { margin-top:25px; font-size:0; color:rgba(196,38,29,1); }
.cArea02 ul li .p3 i { position:relative; display:inline-block; font-size:16px; }
.cArea02 ul li .p3 i:before { position:absolute; display:block; width:0px; height:1px; content:""; left:0; bottom:0; background:rgba(196,38,29,1); transition: all 0.6s; z-index:2; }

.cArea02 ul li:hover .p3 i:before { width:100%; }

@media all and (max-width:1680px){
	.cArea { padding:60px 50px 50px 50px; margin-top:40px; }
 
	.cArea01 .bd01 { width:52%; margin-left:7%; font-size:16px; line-height:30px; }
 
	.cArea02 { margin-top:40px; }
	.cArea02 ul li { width:30%; }
	.cArea02 ul li a { padding:30px 20px 0 0; }
	.cArea02 ul li .p2 { margin-top:10px; font-size:16px; line-height:30px; }
	.cArea02 ul li .p3 { margin-top:20px; }
	.cArea02 ul li .p3 i { font-size:14px; }
}
@media all and (max-width:1200px){
	.cArea { padding:40px 30px; margin-top:40px; }
 
	.cArea01 .bd01 { width:58%; margin-left:0; font-size:14px; line-height:25px; }
 
	.cArea02 { margin-top:30px; }
	.cArea02 ul li { width:32%; }
	.cArea02 ul li a { padding:20px 10px 0 0; }
	.cArea02 ul li .p2 { margin-top:10px; font-size:14px; line-height:25px; }
}
@media all and (max-width:900px){
	.cArea { padding:30px 4%; }
	.cArea01 .Area-hd { width:100%; }
	.cArea01 .Area-hd .p2 { display:none; }
	.cArea01 .Area-hd .p2 .mBtn:after{ width:100%; }
	.cArea01 .Area-hd .p2 .mBtn { color:#fff; }
	
	.cArea01 .bd01 { width:100%; margin-left:0; margin-top:25px; }
	.cArea01 .bd02 { margin-top:25px; }
	.cArea01 .bd02 .mBtn:after{ width:100%; }
	.cArea01 .bd02 .mBtn { color:#fff; }
	
	.cArea02 ul li { width:100%; }
	.cArea02 ul li:nth-child(n + 2) { margin-top:20px; }
	.cArea02 ul li .p1 img { max-height:40px; }
}


.dArea01 { position:relative; margin-top:30px; }
.dArea01 .hd { position:absolute; top:-80px; right:0; width:715px; z-index:2; }
.dArea01 .hd ul li { float:left; margin-right:30px; cursor:pointer; }
.dArea01 .hd ul li span { position:relative; display:inline-block; padding-right:30px; line-height:50px; font-size:26px; color:rgba(0,0,0,0.3); font-weight:bold; }
.dArea01 .hd ul li span:before { position:absolute; display:block; content:""; top:50%; transform: translateY(-50%); right:0; width:1px; height:20px; background:rgba(0,0,0,0.1); z-index:2; }
.dArea01 .hd ul li a { position:absolute; top:0; right:0; display:none; z-index:2; }

.dArea01 .hd ul li:last-child { margin-right:0!important; }
.dArea01 .hd ul li:last-child span { padding-right:0!important; }
.dArea01 .hd ul li:last-child span:before { display:none!important; }

.dArea01 .hd ul li.on span { color:#000; }
.dArea01 .hd ul li.on a { display:block; }

.dArea01 .bd .pic { float:left; width:775px;  position:relative; }
.dArea01 .bd .pic:before { position:absolute; top:0; left:0; right:0; bottom:0; display:block; content:""; background:#f5e7e7; border-radius:15px; z-index:-1; transition: all 0.6s; }
.dArea01 .bd .pic .pp { overflow:hidden; border-radius: 15px; }
.dArea01 .bd .pic .pp img { width:100%; height:480px; object-fit: cover; }

.dArea01 .bd .pic:hover:before { transform:rotate(-4deg); }

.dArea01 .bd .txt { float:right; width:715px; }
.dArea01 .bd .txt ul li { border-bottom:1px solid rgba(0,0,0,0.1); line-height:77px; font-size:22px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.dArea01 .bd .txt ul li span { float:right; font-size:20px; color:rgba(153,153,153,1); margin-left:100px; font-weight:normal!important; }
.dArea01 .bd .txt ul li a { color:rgba(34,34,34,1); transition: all 0.6s; }

.dArea01 .bd .txt ul li:hover { font-weight:bold; color:rgba(196,38,29,1); background:url(a01.png) no-repeat center left; }
.dArea01 .bd .txt ul li:hover a { color:rgba(196,38,29,1); padding-left:40px; }


.dArea01 .bd .mm { display:none; margin-top:25px; text-align:center; }

.dArea02 { position:relative; display:none; }
.dArea02 .swiper-slide .pic01 { position:relative; padding-bottom:62%; overflow:hidden; border-radius:15px; }
.dArea02 .swiper-slide .pic01 img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; z-index:2; }
 
.swiper-pagination-d1 { position:absolute; right:15px; bottom:15px; z-index:2; }
.swiper-pagination-d1 .swiper-pagination-bullet { width:6px; height:7px; margin:0 3px; background:#fff; opacity:0.6; border-radius:6px; }
.swiper-pagination-d1 .swiper-pagination-bullet-active { width:15px;  }
 
@media all and (max-width:1680px){
	
	.dArea01 .hd { top:-65px; width:46%; }
	.dArea01 .hd ul li { margin-right:20px; }
	.dArea01 .hd ul li span { padding-right:20px; line-height:40px; font-size:20px; }	
	
	
	
	.dArea01 .bd .pic { width:49.5%; }
	.dArea01 .bd .pic .pp img { height:370px; }
 
	.dArea01 .bd .txt { width:46%; }
	.dArea01 .bd .txt ul li { line-height:60px; font-size:18px; }
	.dArea01 .bd .txt ul li span { font-size:14px; margin-left:50px; }
	
	.dArea01 .bd .txt ul li:hover { background-size:15px 15px; }
	.dArea01 .bd .txt ul li:hover a { padding-left:25px; }
}
@media all and (max-width:1200px){
	.dArea01 .hd { top:-50px; width:49%; }
	.dArea01 .hd ul li { margin-right:15px; }
	.dArea01 .hd ul li span { padding-right:15px; line-height:35px; font-size:16px; }	
	
	
	
	.dArea01 .bd .pic { width:49%; }
	.dArea01 .bd .pic .pp img { height:300px; }
 
	.dArea01 .bd .txt { width:48%; }
	.dArea01 .bd .txt ul li { line-height:50px; font-size:16px; }
	.dArea01 .bd .txt ul li span { font-size:14px; margin-left:30px; }
	
	.dArea01 .bd .txt ul li:hover { background-size:15px 15px; }
	.dArea01 .bd .txt ul li:hover a { padding-left:25px; }
}
@media all and (max-width:900px){
	.dArea01 .hd { top:-62px; padding-right:130px; width:auto; }
	.dArea01 .hd ul li { margin-right:15px; }
	.dArea01 .hd ul li span { padding-right:15px; line-height:35px; font-size:16px; }	
	
	
	
	.dArea01 .bd .pic { float:none; width:100%; margin-top:30px; display:none;}
	.dArea01 .bd .pic .pp { position:relative; padding-bottom:62%; }
	.dArea01 .bd .pic .pp img { position:absolute; top:0; left:0; height:100%; z-index:2; }
 
	.dArea01 .bd .txt { float:none; width:100%; margin-top:25px; }
	.dArea01 .bd .txt ul li { line-height:40px; font-size:14px; }
	
	
	.dArea02 { display:block; }
}
@media all and (max-width:750px){
	.dArea01 { margin-top:20px; }
	
	.dArea01 .hd { top:-55px; padding-right:0; }
	.dArea01 .hd ul li a { display:none!important; }
	.dArea01 .hd ul li { margin-right:10px; }
	.dArea01 .hd ul li span { padding-right:10px; }	
	
	.dArea01 .bd .mm { display:block; }
	
	.dArea01 .bd .pic { display:none; }
	
	
}


 

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

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