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

.Area-hd { padding:45px 0 35px; text-align:center; color:#252525; }
.Area-hd .p1 { font-size:20px; text-transform:uppercase; line-height:22px; color:rgba(0,0,0,0.3); }
.Area-hd .p2 { font-size:28px; margin-bottom:10px; }
.Area-hd .p3 { width:35px; height:2px; background:#1555af; margin:0 auto; }
.Area-hd .p4 { font-size:14px; color:#676767; margin-top:10px; }

.more { padding:50px 0 30px; }
.more a { display:block; width:100px; height:40px; background:#ba9635; text-align:center; margin:0 auto; }
.more a i { display:inline-block; height:40px; line-height:40px; color:#fff; font-size:14px; font-weight:bold; padding-right:16px; background:url(more.png) no-repeat center right; text-transform:uppercase; }

.aArea01 { float:left; width:730px; }
.aArea01 .bd { float:left; width:555px; }
.aArea01 .bd .abd { position:relative; padding-left:20px; }
.aArea01 .bd .abd .p1 { position:absolute; top:25px; left:0; text-align:right; color:#fff; width:70px; height:60px; background:#b88f3f; padding-right:15px; z-index:9; }
.aArea01 .bd .abd .p1 p { font-size:20px; font-weight:bold; line-height:22px; padding-top:10px; }
.aArea01 .bd .abd .p1 span { display:block; font-size:14px; }
.aArea01 .bd .abd .p2 { position:absolute; left:20px; bottom:0; width:515px; padding:0 10px; height:40px; line-height:40px; background:#171117; color:#fff; font-size:14px; z-index:9; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea01 .bd .abd .p2 span { float:right; font-size:12px; padding-left:30px; }

.aArea01 .hd { float:right; width:147px; }
.aArea01 .hd ul li { margin-bottom:30px; }
.aArea01 .hd ul li:last-child { margin-bottom:0; }

.aArea02 { float:right; width:445px; }
.aArea02 ul li { float:left; width:210px; margin-right:25px; padding:35px 0; }
.aArea02 ul li:nth-child(2n) { margin-right:0; }
.aArea02 ul li a { display:block; padding-right:20px; background:url(a01.png) no-repeat center right; color:#575757; }
.aArea02 ul li .pic { float:left; width:60px; }
.aArea02 ul li .pic .img02 { display:none; }
.aArea02 ul li .txt { float:left; width:130px; padding-top:5px; }
.aArea02 ul li .txt .p1 { font-size:14px; font-weight:bold; height:15px; line-height:15px; margin-bottom:7px; }
.aArea02 ul li .txt .p2 { font-size:12px; text-transform:uppercase; width:200px; transform: scale(0.8); margin-left:-20px; }

.aArea02 ul li:hover a { color:#1f4397;  background:url(a02.png) no-repeat center right; }
.aArea02 ul li:hover .pic .img01 { display:none; }
.aArea02 ul li:hover .pic .img02 { display:block; }

.bArea { padding-bottom:90px; background:url(bArea.jpg) no-repeat center; background-size:cover; }
.bArea01 ul li { float:left; width:300px; overflow:hidden; }
.bArea01 ul li a { position:relative; display:block; }
.bArea01 ul li .txt { position:absolute; top:45px; left:0; width:100%; color:#fff; text-align:center; }
.bArea01 ul li .txt .p1 { font-size:36px; line-height:38px; text-transform:uppercase; font-weight: 300;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;}
.bArea01 ul li .txt .p2 { font-size:18px; line-height:20px; margin-top:10px; }

.bArea01 ul li img { transition: all 0.6s; }
.bArea01 ul li:hover img { transform: scale(1.1)!important; }

.cArea { padding:50px 0 60px; }
.cArea .hd { margin-bottom:55px; }
.cArea .hd p { width:120px; height:1px; background:#1555af; margin:0 auto; }
.cArea .bd { width:882px; height:143px; background:url(c01.jpg) no-repeat center top; padding:0 180px 0 270px; font-size:18px; color:#333; line-height:35px; margin:0 auto; box-sizing: border-box; }

.dArea { padding:60px 0; background:#f1f0ef; margin-bottom:25px; text-align:center; }
.dArea ul li { float:left; width:300px; }
.dArea ul li .p1 { height:95px; transition: all 0.6s; }
.dArea ul li .p2 { font-size:18px; color:#333; }
.dArea ul li .p3 { font-size:24px; color:#3160b1; font-weight:bold; }

.dArea ul li .p1 .img02 { display:none; }
.dArea ul li:hover .p1 { height:90px; }
.dArea ul li:hover .p1 .img01 { display:none; }
.dArea ul li:hover .p1 .img02 { display:inline-block; }