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

.Area-hd { font-size:22px; color:#797979; }
.Area-hd i { color:#0239c7; }
.Area-hd span { font-size:14px; color:#a8a8a8; padding-left:30px; text-transform:uppercase; }
.index_video{ width: 523px !important; height: 294px !important;}

.aArea { padding:50px 0 65px; }
.aArea01 { position:relative; margin-top:70px; }
.aArea01 .hd { position:absolute; width:100%; top:-100px; left:0; z-index:9; }
.aArea01 .hd ul { width:395px; float:right; }
.aArea01 .hd ul li { float:left; margin-left:10px; width:120px; height:32px; text-align:center; line-height:32px; border-radius:20px; }
.aArea01 .hd ul a { display:block; float:left; margin-left:10px; width:120px; height:32px; text-align:center; line-height:32px; border-radius:20px; }
.aArea01 .hd ul li.on { background:#0239c7; color:#fff; }
.aArea01 .hd ul a:hover { background:#0239c7; color:#fff; }

.aArea01 .bd ul { padding-bottom:45px; }
.aArea01 .bd ul li { position:relative; float:left; width:380px; margin-right:30px; height:275px; border-bottom:1px solid #e1e1e1; }
.aArea01 .bd ul li h1 { font-size:16px; color:#666; font-weight:normal; padding:15px 0 5px 20px; }
.aArea01 .bd ul li p { font-size:12px; color:#b3b2b2; padding-left:20px; }
.aArea01 .bd ul li:last-child { margin-right:0; }
.aArea01 .bd ul li .p1 { position:absolute; right:20px; bottom:20px; width:37px; height:37px; background:url(../images/a01.png) no-repeat; z-index:9; }
.aArea01 .bd ul li:hover .p1 { bottom:60px; background:url(../images/a02.png) no-repeat; }
.aArea01 .bd ul li:hover { box-shadow: 0 0 10px #e9e9e9; }
.aArea01 .bd .more { display:block; width:140px; height:40px; line-height:40px; text-align:center; font-size:15px; color:#fff; background:url(../images/more.png) no-repeat center; margin:0 auto; }

.bArea { padding-top:55px; height:135px; background:url(../images/bArea.jpg) no-repeat center; }
.bArea ul li { float:left; width:299px; border-right:1px solid #ebebeb; text-align:center; }
.bArea ul li:last-child { border-right:none; }
.bArea ul li h1 { font-weight:normal; }
.bArea ul li h1 em { font-size:35px; color:#4c4b4b; font-weight: 300; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; }
.bArea ul li h1 span { font-size:18px; color:#4c4b4b;  }
.bArea ul li h1 i { position:relative; top:-20px; font-size:20px; color:#4c4b4b;  }
.bArea ul li p { font-size:14px; }

.bArea ul li:nth-child(1) h1 em { display:inline-block; width:95px; }
.bArea ul li:nth-child(2) h1 em { display:inline-block; width:110px; }
.bArea ul li:nth-child(3) h1 em { display:inline-block; width:75px; }
.bArea ul li:nth-child(4) h1 em { display:inline-block; width:75px; }

.cArea { height:669px; background:url(../images/cArea.jpg) no-repeat center; }
.cArea .wrap { position:relative; padding-top:130px; }
.cArea .txt { width:570px; background:rgba(255,255,255,0.5); padding:65px 190px 50px 50px; }
.cArea .txt h1 { font-size:20px; color:#797979; font-weight:normal; }
.cArea .txt h1 i { color:#0239c7; }
.cArea .txt h1 span { display:block; font-size:14px; color:#a8a8a8; text-transform:uppercase; }
.cArea .txt .p { margin-top:30px; color:#9d9e9e; font-size:14px; line-height:23px; height:165px; }
.cArea .pic { position:absolute; top:180px; right:0; width:523px; height:294px; padding:0 0 12px 11px; background:url(../images/c01.jpg) no-repeat left bottom; z-index:99; }

.dArea { padding:135px 0 75px; background:url(../images/dArea.jpg) no-repeat center top; }

.dArea .p1 { width:345px; height:430px; float:left; padding:10px 15px; background:#0239c7; text-align:center; }
.dArea .p1 .p { border:1px solid #fff; height:428px; }
.dArea .p1 .p h1 { font-size:30px; color:#fff; padding-top:75px; line-height:1; }
.dArea .p1 .p p { font-size:14px; color:#a6a6a6; text-transform:uppercase; margin-top:10px; height:195px; }

.dArea .p2 { width:275px; float:left; background:#fff; text-align:center; }
.dArea .p2 .p { height:225px; }
.dArea .p2 .p h1 { padding-top:60px; font-size:18px; font-weight:normal; color:#767575; }
.dArea .p2 .p p { width:32px; height:1px; background:#adadad; margin:5px auto 20px auto; }

.eArea { padding-top:60px; height:540px; background:url(../images/eArea.jpg) no-repeat center; }
.eArea .bd { margin-top:65px; }
.eArea .bd .pic { float:left; width:620px; }
.eArea .bd .pic .a1 { display:block; padding:20px 0; font-size:17px; }
.eArea .bd .pic .p1 { float:left; width:68px; border-right:1px solid #e7e7e7; font-size:24px; color:#474747; line-height:1; }
.eArea .bd .pic .p1 span { display:block; font-size:17px; color:#a7a7a7; }
.eArea .bd .pic .p2 { float:right; width:535px; color:#b3b3b3; }

.eArea .bd .txt { float:right; width:470px; }
.eArea .bd .txt ul { border-top:1px solid #eaeaea; }
.eArea .bd .txt ul li { border-bottom:1px solid #eaeaea; padding:31px 0 40px; }
.eArea .bd .txt ul li .p1 { float:left; width:68px; font-size:24px; color:#474747; line-height:1; }
.eArea .bd .txt ul li .p1 span { display:block; font-size:17px; color:#a7a7a7; margin-top:10px; }
.eArea .bd .txt ul li .p2 { float:right; width:390px; color:#b3b3b3; }
.eArea .bd .txt ul li .p2 h1 { margin-bottom:10px; }
.eArea .bd .txt ul li .p2 h1 a { font-weight:normal; font-size:15px; }

.fArea { padding:70px 0; }
.fArea .bd { margin-top:40px; }
.fArea .bd ul { border-left:1px solid #f6f6f6; }
.fArea .bd ul li { float:left; width:232px;  border-left:none; margin:0 4px; }
.fArea .bd ul li img { width:230px; border:1px solid #f6f6f6; }
.fArea .bd ul li p { font-size:14px; color:#a8a8a8; margin-top:10px; text-align:center; }