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

.aArea { padding:2rem 0 1.5rem 0; }
.Area-hd { margin-bottom:1.5rem; }
.Area-hd h1 { font-size:1.2rem; font-weight:normal; text-align:center; color:#333; line-height:1; }
.Area-hd h1 i { position:relative; display:inline-block; }
.Area-hd h1 i:before { position:absolute; top:50%; left:-930px; display:block; content:""; width:900px; height:1px; background:#cacaca; z-index:9; }
.Area-hd h1 i:after { position:absolute; top:50%; right:-930px; display:block; content:""; width:900px; height:1px; background:#cacaca; z-index:9; }
.Area-hd p { text-align:center; font-size:0.6rem; margin:0.5rem 0 0.8rem; }
.Area-hd span { display:block; width:52px; height:4px; background:#f4a100; margin:0 auto;}

.aArea .swiper-container { width:100%; }
.aArea .swiper-slide { position:relative; overflow:hidden; box-sizing: border-box; }
.aArea .swiper-slide p { color:#1c4fa1; border:1px solid #d5d6db; height:1.8rem; line-height:1.8rem; font-size:0.5rem; text-align:center; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; }
.aArea .swiper-slide .txt { position:absolute; left:1px; right:1px; bottom:-197px; height:175px; border-bottom:2px solid #1c4fa1; padding:20px 30px 0 30px; text-align:center; background:#fff; z-index:9; transition: all 0.6s; }
.aArea .swiper-slide:hover .txt { bottom:0; }
.aArea .swiper-slide .txt h1 { font-size:20px; color:#1c4fa1; line-height:1; }
.aArea .swiper-slide .txt .p1 { font-size:14px; color:#1c4fa1; height:60px; line-height:20px; overflow:hidden; margin:20px 0 25px; }
.aArea .swiper-slide .txt a { display:block; width:70px; height:24px; text-align:center; line-height:24px; color:#f4a100; border:1px solid #f4a100; margin:0 auto; font-size:14px; }

@media only screen and (max-width:1440px){
	 
}
@media only screen and (max-width:1200px){
	.aArea .swiper-slide .txt { display:none!important; } 
}

.bArea01 { position:relative; float:left; width:49.48%; }
.bArea02 { float:right; width:49.48%; }
.bArea02 .clearfix a { float:left; display:block; width:48.94%; margin-top:2.1%; }
.bArea02 .clearfix a:last-child { float:right; }


.bArea01 .text { position:absolute; top:0; left:20%; right:10%; color:#fff; z-index:99; }
.bArea01 .text .p1 { width:0.3rem; height:2.5rem; background:#f4a100; margin-bottom:1rem; }
.bArea01 .text .p2 { font-size:1.3rem; margin-bottom:0.3rem; }
.bArea01 .text .p3 { font-size:0.8rem; margin-bottom:1rem; }
.bArea01 .text .p4 { font-size:1.3rem; }



.bArea01 .text .p5 { font-size:14px; line-height:25px; margin:1.5rem 0; }
.bArea01 .text .p5 a { color:#fff; }
@media only screen and (min-width:1400px){
	.bArea01 .text .p5 { line-height:40px; font-size:16px; }
}



.bArea01 .text .p6 { margin-top:2rem; font-size:0.6rem; color:#f4a100; text-align:right; }
.bArea01 .text .p6 a { color:#f4a100; }

@media only screen and (max-width:1540px){
	 
	.bArea01 .text { left:5%; right:5%; }
	.bArea01 .text .p4 { line-height:1; }
	.bArea01 .text .p5 { margin:0.5rem 0; }
	.bArea01 .text .p6 { margin-top:0.6rem; }
}
@media only screen and (max-width:1200px){
	.bArea01 { width:100%; margin-bottom:2%; }
	.bArea02 { width:100%; }
}
@media only screen and (max-width:640px){
	.bArea01 .text { left:2%; right:2%; }
	.bArea01 .text .p1 { height:1.5rem; margin-bottom:0.5rem; }
	.bArea01 .text .p2 { font-size:1rem; margin-bottom:0.3rem; }
	.bArea01 .text .p3 { font-size:0.5rem; margin-bottom:0.5rem; }
	.bArea01 .text .p4 { font-size:1rem; }
	.bArea01 .text .p5 { font-size:0.5rem; line-height:20px; margin:0.5rem 0; }
	
	.bArea01 .text .p6 img { width:45px; height:auto; }
}

.cArea { background:#ececec; padding:1.5rem 0; }
.cArea ul li { float:left; width:calc(25% - 1px); text-align:center; border-right:1px solid #1c4fa1; }
.cArea ul li i { display:inline-block; height:77px; line-height:77px; font-size:30px; color:#1c4fa1; }
.cArea ul li:last-child { border:none; }
.cArea ul li i img { float:left; }
.cArea ul li i em { float:left; display:inline-block; margin-left:1rem; }

/*
.cArea ul li:nth-child(1) i { padding-left:83px; background:url(c01.png) no-repeat center left; }
.cArea ul li:nth-child(2) i { padding-left:107px; background:url(c02.png) no-repeat center left; }
.cArea ul li:nth-child(3) i { padding-left:93px; background:url(c03.png) no-repeat center left; }
.cArea ul li:nth-child(4) i { padding-left:124px; background:url(c04.png) no-repeat center left; }
 */
 
@media only screen and (max-width:1100px){
	.cArea ul li { float:left; width:calc(50% - 1px); }
	.cArea ul li:nth-child(2n) { border:none; }
	.cArea ul li:nth-child(1) { margin-bottom:1rem; }
	.cArea ul li:nth-child(2) { margin-bottom:1rem; }
}
@media only screen and (max-width:640px){
	.cArea ul li i { font-size:0.8rem; }
	.cArea ul li i em { margin-left:0.5rem; }
	.cArea ul li:nth-child(1) i img { width:34px; margin-top:10px; } 
	.cArea ul li:nth-child(2) i img { width:51px; margin-top:10px; } 
	.cArea ul li:nth-child(3) i img { width:48px; margin-top:10px; } 
	.cArea ul li:nth-child(4) i img { width:68px; margin-top:10px; } 
}

.dArea { padding:2rem 0 1.5rem 0; }
.dArea01 ul li { float:left; width:calc(49% - 2px); margin-right:2%; margin-bottom:2%; border:1px solid #cacaca; }
.dArea01 ul li:nth-child(2n) { margin-right:0; }
.dArea01 ul li .pic { float:left; width:47%; }
.dArea01 ul li .txt { float:right; width:53%; padding:2rem 1rem 0 1rem; box-sizing: border-box; }
.dArea01 ul li .txt h1 { font-weight:normal; font-size:1rem; height:1.2rem; line-height:1.2rem; margin-bottom:0.5rem; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.dArea01 ul li .txt p { line-height:1rem; font-size:0.45rem; text-align:justify; }
.dArea01 ul li .txt a { display:block; color:#f4a100; margin-top:1rem;  font-size:0.45rem; text-align:right; }
.dArea01 ul { margin-bottom:1rem; }
.dArea01 .more { display:block; width:5rem; height:1.3rem; text-align:center; line-height:1.3rem; font-size:0.5rem; color:#1c4fa1; border:1px solid #1c4fa1; margin:0 auto; }

@media only screen and (max-width:1440px){
	.dArea01 ul li .txt { padding:1rem 0.5rem 0 0.5rem; }
}
@media only screen and (max-width:1200px){
	.dArea01 ul li { width:calc(100% - 2px); } 
}
@media only screen and (max-width:640px){
	.dArea01 ul li .txt h1 { font-size:0.6rem; height:0.7rem; line-height:0.7rem; margin-bottom:0.3rem; }
	.dArea01 ul li .txt p { line-height:0.8rem; }
	.dArea01 ul li .txt a { margin-top:0.5rem; }
}

.eArea { background:#efefef; padding:2rem 0; }
.eArea .hd01 { color:#000; font-size:0.8rem; font-weight:bold; line-height:1; margin-bottom:1rem; }
.eArea .hd01 span { font-size:0.5rem; padding-left:0.4rem; font-weight:normal; }
.eArea .hd01 p { width:52px; height:4px; background:#f4a100; margin:0.8rem 0; }
.eArea .more { display:block; width:5rem; height:1.3rem; text-align:center; line-height:1.3rem; font-size:0.5rem; color:#1c4fa1; border:1px solid #1c4fa1; margin:2rem auto 0 auto; }


.eArea01 { float:left; width:46.5%; }

.swiper-container02 .swiper-button-next01,.swiper-container02 .swiper-button-prev01 { position:absolute; top:0; width:34px; height:34px; cursor:pointer; z-index:99; }
.swiper-container02 .swiper-button-prev01 { right:50px; background:url(prev.png) no-repeat; }
.swiper-container02 .swiper-button-next01 { right:0; background:url(next.png) no-repeat; }
.swiper-container02 .swiper-slide { padding-top:17px; clear: both; }

.swiper-container02 .swiper-slide .date { float:left; width:95px; background:#1c4fa1; color:#fff; text-align:center; padding:12px 0; font-size:60px; line-height:1; }
.swiper-container02 .swiper-slide .date span { display:block; font-size:20px; }
.swiper-container02 .swiper-slide .txt { float:left; width:calc(100% - 95px); background:#fff; padding:1.2rem 1rem; box-sizing: border-box; }
.swiper-container02 .swiper-slide .txt h1 { font-size:0.6rem; height:0.8rem; line-height:0.8rem; font-weight:normal; margin-bottom:1rem; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.swiper-container02 .swiper-slide .txt h1 a { color:#000; }
.swiper-container02 .swiper-slide .txt p { font-size:0.5rem; line-height:0.8rem; }
.swiper-container02 .swiper-slide .txt a.m { display:block; font-size:0.45rem; color:#f4a100; margin-top:0.8rem; }

.eArea02 { float:right; width:46.5%; }
.eArea02 .bd .txt { margin-bottom:0.3rem; }
.eArea02 .bd .txt h1 { font-size:0.55rem; font-weight:normal; height:0.7rem; line-height:0.7rem; margin-bottom:0.5rem; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.eArea02 .bd .txt h1 a { color:#000; }
.eArea02 .bd .txt .p1 { background:#fff; padding:1rem; }
.eArea02 .bd .txt .p1 p { font-size:0.45rem; line-height:0.8rem; }
.eArea02 .bd .txt .p1 a { display:block; font-size:0.45rem; color:#f4a100; margin-top:0.8rem; }
.eArea02 .bd ul li { height:1rem; line-height:1rem; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.eArea02 .bd ul li span { float:right; display:inline-block; padding-left:20px; }
.eArea02 .bd ul li a { color:#000; font-size:0.5rem; }

@media only screen and (max-width:1200px){
	.eArea01 { width:100%; }
	.eArea02 { width:100%; margin-top:2rem; }
}
@media only screen and (max-width:640px){
	.swiper-container02 .swiper-slide .date { width:3.5rem; font-size:2rem;}
	.swiper-container02 .swiper-slide .date span {font-size:0.6rem; }
	.swiper-container02 .swiper-slide .txt {width:calc(100% - 3.5rem);}
}