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

.aArea { background:url(aArea.jpg) no-repeat center top #c6cbd7; }

.aArea01 { height:90px; background:url(aArea01.png) repeat-x center; }
.aArea01 .wrap { background:#34446a; height:90px; }

.aArea01 .abox { float:left; width:calc(100% - 330px); padding-top:30px; }
.aArea01 .abox .a01 { float:left; }
.aArea01 .abox .a01 p { float:left; width:140px; height:34px; line-height:34px; border-right:1px solid #5d6988; font-size:16px; text-align:center; color:#fff; margin-right:9px; }
.aArea01 .abox .a01 a { float:left; display:block; font-size:14px; color:#fff; height:34px; line-height:34px; padding:0 9px; }
.aArea01 .abox .a02 { float:right; position:relative; width:55px; margin-right:20px; height:34px; line-height:34px; border-left:1px solid #5d6988; background:url(form.png) no-repeat center; }
.aArea01 .abox .a02 .btn { float:right; width:; }
.aArea01 .abox .a02 form { position:absolute; top:0; right:10px; width:200px; background:#fff; z-index:99; display:none; }
.aArea01 .abox .a02 form .btn { float:right; width:40px; background:url(form.png) no-repeat center #d31920; height:34px; line-height:34px; cursor:pointer; }
.aArea01 .abox .a02 form .txt { float:left; width:140px; padding-left:10px; height:34px; line-height:34px; }
.aArea01 .abox .a02:hover form { display:block; }

.aArea01 .tel { float:right; width:260px; height:65px; float:right; background:#d31920; padding:25px 0 0 65px; }
.aArea01 .tel p { font-size:26px; color:#fff; line-height:1; font-family:"Impact","微软雅黑"; padding-left:55px; background:url(tel.png) no-repeat center left; }
.aArea01 .tel p span { display:block; font-size:12px; color:#fff; margin-top:5px;}

@media only screen and (max-width:1440px){
	
	
}
@media only screen and (max-width:1200px){
	.aArea01 .abox { width:100%; }
	.aArea01 .tel { display:none; }
	.aArea01 { display:none; }
}
.aArea02 { background:url(hd01.png) no-repeat center #e7e6e7; font-size:1rem; color:#d31920; font-weight:bold; text-align:center; padding:1rem 0; }
.aArea03 { padding:1.5rem 0 2.5rem; }
.aArea03 .hd { margin-bottom:1rem; }
.aArea03 .hd ul li { float:left; width:24.5%; margin-right:0.66%; height:1.3rem; line-height:1.3rem; background:#293656; font-size:14px; color:#fff; text-align:center; }
.aArea03 .hd ul li:last-child { margin-right:0; }
.aArea03 .hd ul li.on { background:#d42919; }

.aArea03 .bd .pic { position:relative; width:50%; float:left; }
.aArea03 .bd .pic .txt { position:absolute; left:0; bottom:0; right:0; padding:5%; background:rgba(0,0,0,0.6); z-index:9; }
.aArea03 .bd .pic .txt h1 { font-size:18px; color:#fff; font-weight:normal; margin-bottom:10px; }
.aArea03 .bd .pic .txt p { font-size:14px; color:#fff; height:32px; line-height:16px; overflow:hidden; }

.aArea03 .bd ul { width:50%; float:left; }
.aArea03 .bd ul li { position:relative; width:48.5%; float:left; margin-left:1.5%; margin-bottom:2%; }
.aArea03 .bd ul li p { position:absolute; left:0; bottom:0; right:0; width:100%; text-align:center; height:40px; line-height:40px; color:#fff; background:rgba(0,0,0,0.6); z-index:9; }


@media only screen and (max-width:640px){
	.aArea03 .hd ul li { font-size:0.5rem; }
	.aArea03 .bd .pic { width:100%; }
	.aArea03 .bd ul { width:100%; }
	.aArea03 .bd ul li { width:49%; margin:2% 2% 0 0; }
	.aArea03 .bd ul li:nth-child(2n) { margin-right:0; }
}

.bArea01  { background:url(bArea.jpg) no-repeat center; }
.bArea01 .wrap { background:url(hd02.png) no-repeat center; font-size:1rem; color:#fff; font-weight:bold; text-align:center; padding:1rem 0; }

.bArea02 { padding:0.5rem 0 1.5rem; }
.bArea02 .wrap { background:#eee; }
.bArea02 .fl { width:52.777%; }
.bArea02 .fl .p1 { position:relative; float:left; width:50%; }
.bArea02 .fl .p1 .txt { position:absolute; top:20%; left:15%; z-index:9; }
.bArea02 .fl .p1 .txt h1 { font-size:18px; color:#000; }
.bArea02 .fl .p1 .txt span { display:block; width:33px; height:2px; background:#222425; margin:10px 0; }
.bArea02 .fl .p1 .txt p { color:#333; }

.bArea02 .fl .pp .txt h1 { color:#fff; }
.bArea02 .fl .pp .txt span { background:#fff; }
.bArea02 .fl .pp .txt p { color:#fff; }

.bArea02 .fl .p2 { padding:4% 5% 0 5%;  z-index:9; }
.bArea02 .fl .p2 h1 { font-size:18px; color:#000; }
.bArea02 .fl .p2 span { display:block; width:33px; height:2px; background:#222425; margin:10px 0; }
.bArea02 .fl .p2 p { color:#333; line-height:18px; }
.bArea02 .fl .p2 a { display:block; margin-top:10px; }

.bArea02 .fr { position:relative; width:47.223%; }
.bArea02 .fr .txt01 { position:absolute; bottom:0; left:0; right:0; text-align:center; color:#fff; padding:8% 0; background:rgba(212,41,25,0.85); z-index:9; }
.bArea02 .fr .txt01 ul li { float:left; width:33.333%; }
.bArea02 .fr .txt01 ul li h1 { font-size:1.5rem; font-weight:normal; }
.bArea02 .fr .txt01 ul li h1 span { font-size:14px; }
.bArea02 .fr .txt01 ul li p { font-size:0.5rem; }

@media only screen and (max-width:1200px){
	.bArea02 .fr .txt01 ul li h1 { font-size:1rem;}
	.bArea02 .fr .txt01 ul li h1 span { font-size:0.4rem; }
	.bArea02 .fr .txt01 ul li p { font-size:0.4rem; }
}
@media only screen and (max-width:1000px){
	.bArea02 .fl { width:100%; }
	.bArea02 .fr { width:100%; margin-top:1rem; }
	
	
	.bArea02 .fl .p1 .txt h1 { font-size:0.55rem; }
	.bArea02 .fl .p1 .txt p { font-size:0.45rem; }
	.bArea02 .fl .p2 h1 { font-size:0.6rem; }
}

.cArea { padding:4rem 0 3rem 0; background:url(cArea.jpg) no-repeat center bottom; }
.cArea ul li { position:relative; float:left; width:32.33%; margin-right:1.5%; }
.cArea ul li:last-child { margin-right:0; }

.cArea ul li .p4 { position:absolute; left:5%; top:-5%; padding:0.5rem; font-size:1rem; width:2rem; line-height:1.2; background:#d42919; color:#fff; font-weight:bold; z-index:99; }
.cArea ul li .p1 { font-size:0.55rem;; color:#fff; margin-top:1rem; margin-left:0.5rem; }
.cArea ul li .p2 { display:block; width:33px; height:2px; background:#fff; margin:10px 0 10px 0.5rem; }
.cArea ul li .p3 { font-size:0.4rem; color:#fff; margin-left:0.5rem; }

@media only screen and (max-width:640px){
	.cArea ul li .p4 { padding:0.3rem; font-size:0.6rem; width:1.25rem; }
}

.dArea { background:#e0e4ee; padding-bottom:3rem; }
.dArea01 { background:url(hd01.png) no-repeat center; font-size:1rem; color:#d31920; font-weight:bold; text-align:center; padding:1.2rem 0; }
.dArea02 ul li { position:relative; float:left; width:24.25%; margin-right:1%; }
.dArea02 ul li:nth-child(4n) { margin-right:0; }
.dArea02 ul li p { position:absolute; left:0; bottom:0; width:90%; padding:0 5%; height:1.2rem; line-height:1.2rem; font-size:0.5rem; color:#fff; background:rgba(0,0,0,0.8); text-align:center; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; z-index:9;  }

@media only screen and (max-width:640px){
	.dArea02 ul li { width:49.5%; margin-bottom:0.2rem; }
	.dArea02 ul li:nth-child(2n) { margin-right:0; }
}

.eArea { padding:2rem 0; }
.eArea .hd { text-align:center; color:#000; font-size:1.2rem; margin-bottom:1rem; }
.eArea .hd p { font-size:0.5rem; }

.eArea01 { width:51%; float:left; }
.eArea01 ul li { position:relative; float:left; width:47.6%; margin-right:2.4%; }
.eArea01 ul li .txt { position:absolute; left:0; bottom:0; right:0; background:rgba(0,0,0,0.5); padding:10%; z-index:9; }
.eArea01 ul li .txt h1 { font-size:16px; color:#fff; height:20px; line-height:20px; font-weight:normal; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.eArea01 ul li .txt p { font-size:12px; color:#918d83; margin:1rem 0; height:36px; line-height:18px; overflow:hidden; }
.eArea01 ul li .txt span { float:right; color:#fff; }


.eArea02 { width:49%; float:right; }
.eArea02 ul li { background:#f2f2f2; margin-bottom:0.5rem; padding:4.5% 3%; }
.eArea02 ul li .date { float:left; width:90px; text-align:center; margin-right:10px; border-right:1px solid #cecece; }
.eArea02 ul li .date p { font-size:48px; line-height:1; color:#999; }
.eArea02 ul li .date p span { display:block; font-size:14px; margin-top:10px; }
.eArea02 ul li .txt h1 { font-size:16px; color:#000; font-weight:normal; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.eArea02 ul li .txt p { margin-top:15px; color:#888; height:32px; line-height:16px; overflow:hidden; }
.eArea02 ul li:hover { background:#34446a; }
.eArea02 ul li:hover .date p { color:#fff; }
.eArea02 ul li:hover .txt h1 { color:#fff; }
.eArea02 ul li:hover .txt p { color:#fff; }

@media only screen and (max-width:640px){
	.eArea01 ul li .txt { padding:5%; }
	.eArea01 ul li .txt h1 { font-size:0.5rem; height:0.6rem; line-height:0.6rem; }
	.eArea01 ul li .txt p { font-size:0.45rem; margin:0.5rem 0; height:1rem; line-height:0.5rem; }
	.eArea01 ul li .txt span { font-size:0.45rem; }
}
@media only screen and (max-width:1440px){
	.eArea02 ul li { padding:3%; }
}
@media only screen and (max-width:1000px){
	.eArea01 { width:100%; }
	.eArea01 ul li { margin-right:4.8%; }
	.eArea01 ul li:nth-child(2n) { margin-right:0; }
	.eArea02 { width:100%; margin-top:1rem; }
}