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

.aArea { position:relative; background:url(/images/aArea.jpg) no-repeat center; background-size:cover; min-height:365px; }

.aArea01 { position:relative; float:left; width:calc(68% - 5px); min-height:460px; margin-top:10px; padding:35px 35px 0 35px; background:#fff; box-sizing: border-box; z-index:99; }
.aArea01 .hd01 { padding-left:35px; font-size:30px; line-height:30px; color:#333; font-weight:bold; background:url(/images/a01.png) no-repeat center left; margin-bottom:27px; }
.aArea01 .hd01 a { float:right; }
.aBox01 { float:left; width:49.5%; }
.aBox01 .p2 { margin-top:25px; font-size:18px; color:#333; font-weight:bold; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aBox01 .p2 i { float:right; padding-left:20px; }
.aBox01 .p3 { font-size:12px; color:#b1b1b1; margin-top:10px; height:40px; line-height:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.aBox01 .p4 { background:#eee; padding:0 5px; text-align:center; font-size:18px; color:#333; font-weight:bold; height:50px; line-height:50px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
 
.aBox02 { float:right; width:46%; }
.aBox02 ul li { margin-bottom:30px; }
.aBox02 ul li:last-child { margin-bottom:0; }
.aBox02 ul li .p1 { font-size:18px; color:#333; height:50px; line-height:25px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.aBox02 ul li .p2 { font-size:12px; color:#b1b1b1; margin-top:2px; height:40px; line-height:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
 
.aArea02 { position:relative; float:right; width:32%; min-height:460px; margin-top:10px; padding:35px 35px 0 35px; background:#fff; box-sizing: border-box; z-index:99; }
.aArea02 .hd01 { padding-left:35px; font-size:30px; line-height:30px; color:#333; font-weight:bold; background:url(/images/a02.png) no-repeat center left; margin-bottom:15px; }
.aArea02 .hd01 a { float:right; }
.aBox { position:relative; }
.aBox ul li a { display:block; padding:12px 0; border-bottom:1px dashed #d4d4d4; }
.aBox ul li .p1 { font-size:18px; color:#333; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aBox ul li .p2 { font-size:12px; color:#b1b1b1; margin-top:5px; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.aBox .prev,.aBox .next { position:absolute; top:-36px; display:block; width:18px; height:18px; z-index:5; }
.aBox .prev { background:url(/images/prev.png) no-repeat center; right:18px; }
.aBox .next { background:url(/images/next.png) no-repeat center; right:0; }

.aArea01 .aBox03 { float:right; width:46%; }
.aBox03 ul li { height:47px; line-height:47px; border-bottom:1px dashed #d4d4d4; font-size:18px; color:#333; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aBox03 ul li a { color:#333; }
.aBox03 ul li:hover a { color:#bf0513; }

.swiper-pagination04 { position:absolute; left:auto!important; right:15px; bottom:65px!important; z-index:5; text-align:right; }
.swiper-pagination04 .swiper-pagination-bullet { width:14px; height:5px; background:#bf0513; border-radius:0; opacity:1; }
.swiper-pagination04 .swiper-pagination-bullet-active { background:#fff; }

.aArea03 { position:relative; float:right; width:32%; min-height:460px; margin-top:10px; padding:35px 35px 0 35px; background:#fff; box-sizing: border-box; z-index:99; }
.aArea03 .hd { margin-bottom:15px; }
.aArea03 .hd ul li { float:left; display:inline-block; padding:0 15px; line-height:40px; font-size:24px; color:#333; font-weight:bold; border-radius:25px; margin-right:20px; }
.aArea03 .hd ul li:nth-child(2) { margin-right:0!important; }
.aArea03 .hd ul li a { display:block; color:#333; }
.aArea03 .hd ul a { float:right; display:none; }
.aArea03 .hd ul li.on { background:#bf0513; color:#fff; }
.aArea03 .hd ul li.on a { color:#fff; }

@media only screen and (max-width:1480px){
	.aArea { position:relative; background:url(/images/aArea.jpg) no-repeat center; background-size:cover; padding:25px 0; min-height:10px; }
	
	.aArea01 { width:calc(68% - 5px); min-height:410px; margin-top:0; padding:25px 25px 0 25px;  z-index:1; }
	.aArea01 .hd01 { padding-left:30px; font-size:26px; }
  
	.aBox02 { float:right; width:46%; }
	.aBox02 ul li { margin-bottom:15px; }
 
	.aBox02 ul li .p2 { margin-top:2px;  }
	 
	.aArea02 { width:32%; min-height:410px; margin-top:0; padding:25px 25px 0 25px;  z-index:1; }
	.aArea02 .hd01 { padding-left:30px; font-size:26px; }
	.aBox ul li a { padding:8px 0; }
	
	.aBox03 ul li { height:41px; line-height:41px; font-size:16px; }
	
	
	.aArea03 { width:32%; min-height:410px; margin-top:0; padding:25px 25px 0 25px;  z-index:1; }
	.aArea03 .hd { }
	.aArea03 .hd ul li { font-size:26px; margin-right:10px; }
}
@media only screen and (max-width:1200px){
	.aArea01 { min-height:10px; padding:15px; }
	.aArea01 .hd01 { padding-left:30px; font-size:20px; line-height:25px; margin-bottom:27px; }
	.aBox01 { float:left; width:300px; }
	.aBox01 .p2 { margin-top:15px; font-size:14px; }
	.aBox01 .p2 i { display:none; }
	.aBox01 .p3 { margin-top:5px;  }
	 
	.aBox02 { float:right; width:calc(100% - 320px); }
	.aBox02 ul li { margin-bottom:20px; }
	.aBox02 ul li .p1 { font-size:16px; height:25px; line-height:25px; -webkit-line-clamp:1; }
	.aBox02 ul li .p2 { font-size:12px; color:#b1b1b1; }
	 
	.aArea02 { min-height:10px; margin-top:0; padding:15px; }
	.aArea02 .hd01 { padding-left:30px; font-size:20px; line-height:25px; margin-bottom:15px; }
	.aBox { position:relative; }
	.aBox ul li a { padding:5px 0; }
	.aBox ul li .p1 { font-size:16px; }
	.aBox ul li .p2 { margin-top:0; }

	.aArea01 .aBox03 { float:right; width:calc(100% - 320px); }
	.aBox03 ul li { height:33px; line-height:33px; font-size:14px; }	
	
	.aArea03 { min-height:10px; margin-top:0; padding:15px; }
	.aArea03 .hd { margin-bottom:15px; }
	.aArea03 .hd ul li { font-size:20px; line-height:25px; }
}
@media only screen and (max-width:900px){
	.aArea01 { float:none; width:100%; box-sizing: border-box; }
	.aArea01 .hd01 { margin-bottom:15px; }
	.aBox01 { float:left; width:300px; }
	.aBox01 .p2 { margin-top:15px; font-size:14px; }
	.aBox01 .p2 i { display:none; }
	.aBox01 .p3 { margin-top:5px;  }
	 
	.aBox02 { float:right; width:calc(100% - 320px); }
	.aBox02 ul li { margin-bottom:20px; }
	.aBox02 ul li .p1 { font-size:16px; height:25px; line-height:25px; -webkit-line-clamp:1; }
	.aBox02 ul li .p2 { font-size:12px; color:#b1b1b1; }
	 
	.aArea02 { float:none; width:100%; box-sizing: border-box; }
	.aArea02 .hd01 { padding-left:30px; font-size:20px; line-height:25px; margin-bottom:15px; }
	.aBox ul li a { padding:10px 0; }
	.aBox ul li .p1 { font-size:14px; }	
	
	.aArea03 { float:none; width:100%; box-sizing: border-box; }
	.aArea03 .hd { margin-bottom:15px; }
	.aArea03 .hd ul li { font-size:20px; line-height:25px; }
}
@media only screen and (max-width:750px){
	 
	.aBox01 { float:none; width:100%; margin-bottom:20px; }
	.aBox01 .p2 { margin-top:15px; font-size:14px; }
	.aBox01 .p2 i { display:none; }
	.aBox01 .p3 { margin-top:5px;  }
	.aBox01 .p4 { font-size:16px; font-weight:normal; height:40px; line-height:40px; }
	 
	.aBox02 { float:none; width:100%; }
	.aBox02 ul li { margin-bottom:15px; }
	.aBox02 ul li .p1 { font-size:14px; height:25px; line-height:25px; -webkit-line-clamp:1; }
	.aBox02 ul li .p2 { font-size:12px; color:#b1b1b1; }
	 
	.aArea02 { float:none; width:100%; box-sizing: border-box; }
	.aArea02 .hd01 { margin-bottom:15px; }
	.aBox ul li a { padding:10px 0; }
	.aBox ul li .p1 { font-size:14px; }	
	
	.aArea01 .aBox03 { float:none; width:100%; }
 
}



 
.bArea { padding:30px 0 60px; }
.bArea .img02 { display:none; }
@media only screen and (max-width:750px){
	.bArea { padding:20px 0; }
	.bArea .img01 { display:none; }
	.bArea .img02 { display:block; }
}

.cArea .wrap02 { padding:60px 35px 0 35px; background:url(/images/cArea.jpg) no-repeat center; background-size:cover; box-sizing: border-box; }

.cArea01 { float:left; width:calc(100% - 870px); text-align:center; }
.cArea01 img { max-width:100%; }
 
.cArea02 { float:right; width:800px; background:#fff; }
.cArea02 .hd01 { padding:80px 80px 40px 80px; font-size:30px; color:#333; line-height:1; font-weight:bold; }
.cArea02 .hd01 a { float:right; }
.cArea02 .hd { background:#eee; padding:0 80px; }
.cArea02 .hd ul li { float:left; margin-right:18px; padding:25px 0; font-size:16px; color:#333; border-bottom:2px solid #eee; cursor:pointer; }
.cArea02 .hd ul li.on { border-color:#bf0513; color:#bf0513; }
.cArea02 .hd ul li:last-child { margin-right:0; }
.cArea02 .bd .bd01 { padding:0 80px 80px 80px; }
.cArea02 .bd .pp { font-size:18px; line-height:20px; color:#333; margin-bottom:25px; font-weight:bold; background:#eee; padding:20px 50px; }
.cArea02 .bd .pic { float:left; width:210px; }
.cArea02 .bd .txt { float:right; width:400px; }
.cArea02 .bd .txt .p1 { font-size:16px; line-height:30px; color:#333; }
.cArea02 .bd .txt .p2 { text-align:right; }
.cArea02 .bd .txt .p3 { font-size:18px; line-height:20px; color:#333; margin-bottom:15px; font-weight:bold; }

@media only screen and (max-width:1420px){
	.cArea .wrap02 { padding:50px 30px; }

	.cArea01 { float:left; width:calc(100% - 850px); text-align:center; }
	 
	.cArea02 { float:right; width:800px; }
	.cArea02 .hd01 { padding:50px 30px 30px 30px; font-size:26px; }
	.cArea02 .hd { background:#eee; padding:0 30px; }
	.cArea02 .hd ul li { float:left; margin-right:20px; padding:15px 0; font-size:14px; }
	.cArea02 .bd .bd01 { padding:0 30px 80px 30px; }
	.cArea02 .bd .pp { font-size:16px; padding:15px 30px; }
	.cArea02 .bd .pic { float:left; width:150px; }
	.cArea02 .bd .txt { float:right; width:calc(100% - 170px); }
	.cArea02 .bd .txt .p1 { font-size:14px; line-height:25px; }
	.cArea02 .bd .txt .p2 { margin-top:10px; }
}
@media only screen and (max-width:1200px){
	.cArea .wrap02 { padding:30px 20px; }
	
	.cArea01 { width:30%; }
	 
	.cArea02 { width:67%; }
	.cArea02 .bd .bd01 { padding:0 30px 50px 30px; }
}
@media only screen and (max-width:1000px){
	 
	.cArea01 { width:100%; margin-bottom:20px; }
	 
	.cArea02 { width:100%; }
	.cArea02 .bd .bd { padding:0 30px 50px 30px; }
}
@media only screen and (max-width:750px){
	.cArea02 .hd01 { padding:20px 15px 15px 15px; font-size:20px; }
	.cArea02 .hd { padding:0 15px; }
	.cArea02 .hd ul li { margin-right:0; padding:10px 0; font-size:14px; width:50%; text-align:center; border-bottom:none; }
	.cArea02 .hd ul li.on { background:#bf0513; color:#fff; }
	.cArea02 .bd .bd01 { padding:0 15px 20px 15px; }
	.cArea02 .bd .pp { font-size:14px; margin-bottom:15px; padding:10px 20px; }
	.cArea02 .bd .pic { float:left; width:120px; }
	.cArea02 .bd .txt { float:right; width:calc(100% - 130px); }
	.cArea02 .bd .txt .p1 { font-size:12px; line-height:20px; height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:3; }
	.cArea02 .bd .txt .p2 { margin-top:10px; }
}


.cArea04 { float:left; width:calc(100% - 900px); text-align:center; }
.cArea04 img { max-width:100%; }

.cArea03 { float:right; width:860px; background:#fff; padding:50px; box-sizing: border-box; }
.cArea03 .hd01 { padding-left:35px; font-size:30px; line-height:30px; color:#333; font-weight:bold; background:url(/images/a01.png) no-repeat center left; margin-bottom:40px; }
.cArea03 .hd01 a { float:right; }

.cBox01 { float:left; width:330px; position:relative; }
.swiper-pagination06 { position:absolute; left:auto!important; right:15px; bottom:65px!important; z-index:5; text-align:right; }
.swiper-pagination06 .swiper-pagination-bullet { width:14px; height:5px; background:#bf0513; border-radius:0; opacity:1; }
.swiper-pagination06 .swiper-pagination-bullet-active { background:#fff; }
 
.swiper-container06 p { position:absolute; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); padding:0 5px; text-align:center; font-size:18px; color:#fff; font-weight:bold; height:50px; line-height:50px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; z-index:5; }
 
 
.cBox02 { float:right; width:calc(100% - 380px); }
.cBox02 ul li { height:55px; line-height:55px; border-bottom:1px dashed #d4d4d4; font-size:18px; color:#333; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.cBox02 ul li a { color:#333; }
.cBox02 ul li:hover a { color:#bf0513; }

.mmm { display:inline-block; height:28px; line-height:28px; font-size:16px; width:64px; background:#bf0513; text-align:center; color:#fff; font-weight:normal; border-radius:25px; }
.mmm:hover { color:#fff; }

.cArea05 { float:right; width:860px; background:#fff; padding:50px 40px; min-height:506px; box-sizing: border-box; }
.cArea05 .hd01 { padding-left:35px; font-size:30px; line-height:30px; color:#333; font-weight:bold; background:url(/images/a01.png) no-repeat center left; margin-bottom:40px; }
.cArea05 .hd01 a { float:right; }
.cArea05 .bd01 ul li { height:55px; line-height:55px; border-bottom:1px dashed #d4d4d4; font-size:18px; color:#333; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.cArea05 .bd01 ul li a { color:#333; }
.cArea05 .bd01 ul li:hover a { color:#bf0513; }

.cArea05 .cs01 { float:left; width:47%; }
.cArea05 .cs02 { float:right; width:47%; }

@media only screen and (max-width:1480px){
	.cArea04 { float:left; width:calc(100% - 800px); text-align:center; }
	 
	.cArea03 { float:right; width:750px; background:#fff; padding:50px; box-sizing: border-box; }
	
	.cArea05 { float:right; width:750px; background:#fff; padding:50px 40px; min-height:436px; }	
	.cArea05 .hd01 { padding-left:35px; font-size:24px; margin-bottom:30px; }
	.cArea05 .bd01 ul li { height:45px; line-height:45px; font-size:16px; }	
}
@media only screen and (max-width:1240px){
	.cArea04 { width:37%; }
	 
	.cArea03 { width:60%; padding:30px; }	
	.cArea03 .hd01 { padding-left: 30px; font-size: 26px; }
 	
	.cBox01 { float:left; width:250px; position:relative; }
	.cBox02 { float:right; width:calc(100% - 280px); }
	.cBox02 ul li { height:41px; line-height:41px; font-size:16px; }
	
	
	.cArea05 { width:60%; padding:30px; min-height:366px; }	
	.cArea05 .hd01 { padding-left: 30px; font-size: 20px; }
	.cArea05 .bd01 ul li { height:40px; line-height:40px; font-size:16px; }	
}
@media only screen and (max-width:1000px){
	.cArea04 { width:100%; }
	 
	.cArea03 { width:100%; padding:20px; margin-top:25px; }	
	.cArea03 .hd01 { padding-left: 30px; font-size: 26px; }
 	
	.cBox01 { float:left; width:250px; position:relative; }
	.cBox02 { float:right; width:calc(100% - 280px); }
	.cBox02 ul li { height:41px; line-height:41px; font-size:16px; }
	
	.cArea05 { width:100%; padding:20px; margin-top:25px; min-height:346px; }	
	.cArea05 .hd01 { padding-left: 30px; font-size: 20px; }
	.cArea05 .bd01 ul li { height:40px; line-height:40px; font-size:16px; }	
}
@media only screen and (max-width:750px){
	.cArea03 .hd01 { padding-left: 30px;  font-size: 20px; line-height: 25px; margin-bottom:20px; }
	
	.cBox01 { float:none; width:100%; position:relative; }
	
	.swiper-pagination06 { bottom:55px!important; }
	.swiper-container06 p {  font-size:14px; height:45px; line-height:45px; }
	 
	.cBox02 { float:none; width:100%; margin-top:30px; }
	.cBox02 ul li { height: 33px; line-height: 33px; font-size: 14px; }
	
	.mmm { height:25px; line-height:25px; font-size:14px; width:60px; }
	
	.cArea05 { width:100%; padding:20px; margin-top:25px; min-height:10px; }	
	.cArea05 .hd01 { padding-left: 30px; font-size: 20px; line-height: 25px; margin-bottom:20px }
	.cArea05 .bd01 ul li { height:35px; line-height:35px; font-size:14px; }	
	
	.cArea05 .cs01 { float:none; width:100%; }
	.cArea05 .cs02 { float:none; width:100%; margin-top:25px; }
}

 
.dArea { padding:75px 0 60px; background:url(/images/d01.jpg) repeat-x center 111px; }
.dArea ul li { float:left; width:22.5%; margin-right:3.33%; }
.dArea ul li:last-child { margin-right:0; }
.dArea ul li .p1 { line-height:35px; font-size:18px; color:#333; border-bottom:2px solid transparent; }
.dArea ul li .p2 { line-height:20px; font-size:16px; color:#333; margin:20px 0; height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.dArea ul li .p4 { line-height:20px; font-size:12px; color:#999; margin-top:20px; height:40px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }

@media only screen and (min-width:1200px){
	.dArea ul li:hover .p1 { border-color:#bf0513; color:#bf0513; }
	.dArea ul li:hover .p2 { color:#bf0513; }
}
@media only screen and (max-width:1200px){
	.dArea { padding:30px 0; background:none; }
	.dArea ul li { float:left; width:23.5%; margin-right:2%; }
	.dArea ul li:last-child { margin-right:0; }
	.dArea ul li .p1 { line-height:30px; font-size:16px; border-bottom:1px solid #ddd; }
	.dArea ul li .p2 { font-size:14px; margin:15px 0; }
	.dArea ul li .p4 { margin-top:15px; }
}
@media only screen and (max-width:750px){
	.dArea ul li { float:left; width:49%; margin-right:2%; margin-bottom:2%; }
	.dArea ul li:nth-child(2n) { margin-right:0; }
}


 


.eArea { padding:25px 0; background:#e7ebee; }
.eArea .p1 { float:left; font-size:24px; color:#bf0513; font-weight:bold; width:160px; line-height:35px; }
.eArea .p2 { float:left; width:calc(100% - 160px); }
.eArea .p2 select { float:left; width:32%; margin-right:2%; background:url(/images/se01.png) no-repeat center right #fff; height:35px; line-height:35px; font-size:16px; color:#666; padding-left:10px; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.eArea .p2 .se04 { margin-right:0; }
.eArea .p2 .se03 { margin-right:0; }


@media only screen and (max-width:1200px){
	.eArea .p1 { float:none; font-size:20px; width:100%; }
	.eArea .p2 { float:none; width:100%; }
	.eArea .p2 select { margin-top:10px; font-size:14px; }
	 
}
@media only screen and (max-width:750px){
	.eArea .p2 select { float:none; width:100%; margin-right:0; }
}



.gArea { padding:70px 0; }
.gArea .swiper-slide a { position:relative; display:block; }
.gArea .swiper-slide .txt { position:absolute; left:0; right:0; top:50%; padding:0 14%; transform: translateY(-50%); color:#fff; z-index:2; }
.gArea .swiper-slide .txt .p1 { text-align:center; font-size:30px; }
.gArea .swiper-slide .txt .p2 { font-size:14px; margin-top:25px; color:rgba(255,255,255,0.5); line-height:25px; height:50px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }


@media only screen and (max-width:1480px){
	.gArea .swiper-slide .txt { padding:0 10%; }
	.gArea .swiper-slide .txt .p1 { font-size:24px; }
	.gArea .swiper-slide .txt .p2 { font-size:14px; margin-top:20px; }
}
@media all and (max-width:1240px){
	.gArea { padding:50px 0; }
	.gArea .swiper-slide .txt { padding:0 8%; }
	.gArea .swiper-slide .txt .p1 { font-size:20px; }
	.gArea .swiper-slide .txt .p2 { font-size:14px; margin-top:15px; } 
}
@media all and (max-width:750px){
	.gArea { padding:30px 0; }
}

.hArea { padding:70px 0; }
.hArea .hd { text-align:center; font-size:40px; color:#333; font-weight:bold; }
.hArea .bd { margin-top:30px; }
.hArea .bd .swiper-slide a { position:relative; display:block; }
.hArea .bd .swiper-slide .txt { position:absolute; left:0; right:0; bottom:0; text-align:center; font-size:16px; height:50px; line-height:50px; background:rgba(0,0,0,0.45); padding:0 10px; color:#fff; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
 
@media only screen and (max-width:1480px){
	.hArea .hd { font-size:30px; }
}
@media only screen and (max-width:1240px){
	
}
@media only screen and (max-width:750px){
	.hArea { padding:40px 0; }
	.hArea .hd { font-size:20px; }
	.hArea .bd .swiper-slide .txt { font-size:14px; height:40px; line-height:40px; }
}