.container { position: relative; width: 100%; }

.aArea { position:relative; box-shadow: #ccc 0px 0px 10px; padding:15px 25px; box-sizing: border-box; margin-top:-60px; background:#fff; z-index:2; }
.aArea01 { float:left; width:435px; padding-right:40px; border-right:1px solid #eee; min-height:85px; }
.aArea01 form { border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; margin-bottom:20px; }
.aArea01 .txt { float:left; width:270px; height:40px; line-height:40px; }
.aArea01 .btn { float:right; width:55px; height:40px; background:url(../image/form.png) no-repeat center; cursor:pointer; }

.aArea01 .p1 { float:left; color:#343434; font-weight:bold; width:75px; }
.aArea01 .p2 { float:left; width:calc(100% - 75px); }
.aArea01 .p2 a { margin-right:5px; }

.aArea02 { float:left; margin-left:60px; width:255px; padding-left:85px; border-right:1px solid #eee; background:url(../image/tel.png) no-repeat center left; min-height:85px; }
.aArea02 p { font-size:12px; padding-top:15px; }
.aArea02 span { display:block; font-size:30px; font-style:italic; font-weight:bold; }
.aArea03 { float:right; width:220px; }
.aArea03 .p1 { float:left; width:120px; text-align:right; font-size:16px; padding-top:25px; }
.aArea03 .p1 p { font-size:14px; }
.aArea03 .p2 { float:right; width:85px; }

.Area-hd { padding:60px 0 25px; text-align:center; }
.Area-hd .p1 { font-size:30px; color:#333; }
.Area-hd .p2 { width:47px; height:3px; background:#113eaa; margin:15px auto; }
.Area-hd .p3 { font-size:16px; color:#343434; }

.bBox .hd { text-align:center; margin-bottom:50px; }
.bBox .hd ul li { position:relative; display:inline-block; width:220px; height:50px; background:#e8e8e8; font-size:18px; color:#333; text-align:center; line-height:50px; margin:5px 5px; cursor:pointer; }
.bBox .hd ul li.on { background:#225acc; color:#fff; font-weight:bold; }
.bBox .hd ul li:after { position:absolute; top:50px; left:50%; margin-left:-7px; display:none; content:""; width:14px; height:7px; background:url(../image/b01.png) no-repeat center; }
.bBox .hd ul li.on:after { display:block; }
.bBox .bd { min-height:466px; }
.bBox .bd01 { float:left; width:595px; }
.bBox .bd01 .pic { position:relative; }
.bBox .bd01 .pic p { position:absolute; left:0; bottom:0; width:100%; height:60px; line-height:60px; background:rgba(0,0,0,0.4); font-size:18px; color:#fff; padding-left:25px; box-sizing: border-box; }


.bBox .hd01 { float:right; width:590px; }
.bBox .hd01 ul li { position:relative; float:left; width:190px; margin-bottom:8px; margin-right:10px; cursor:pointer; }
.bBox .hd01 ul li:nth-child(3n) { margin-right:0; }
.bBox .hd01 ul li p { position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.3); padding:65px 10px 0; font-size:14px; color:#fff; text-align:center; z-index:3; }
.bBox .hd01 ul li span { position:absolute; display:block; border:4px solid #113eaa; top:0; right:0; bottom:0; left:0; display:none; z-index:3; }
.bBox .hd01 ul li.on p { display:none;}
.bBox .hd01 ul li.on span { display:block;}

.bBox .hd01 ul .a1 { float:left; display:block; width:190px; height:100px; padding-top:50px; background:url(../image/b02.jpg) no-repeat center; }
.bBox .hd01 ul .a1 p { color:#fff; font-size:16px; padding-top:40px; background:url(../image/b03.png) no-repeat center top; text-align:center; } 

.cArea01 ul li { position:relative; float:left; width:20%; }
.cArea01 ul li .txt { position:absolute; width:100%; top:0; right:0; bottom:0; left:0; text-align:center; background:rgba(0,0,0,0.75); color:#fff; z-index:3; }
.cArea01 ul li .txt .p1 { font-size:24px; margin-bottom:20px; }
.cArea01 ul li .txt .p2 { font-size:16px; min-height:95px; }
.cArea01 ul li .txt .p3 a { display:block; padding-top:35px; background:url(../image/b03.png) no-repeat center top; font-size:18px; color:#fff; }
.cArea01 ul li .txt01 { position:absolute; width:100%; left:0; top:50%; margin-top:-105px; z-index:3; }
.cArea01 ul li.on .txt { display:none; }

.cArea02 { padding:45px 0; background:#225acc; text-align:center; color:#fff; }
.cArea02 .p1 { font-size:24px; }
.cArea02 .p2 { font-size:12px; text-transform:uppercase; margin:10px 0 30px; }
.cArea02 .p3 a { display:inline-block; font-size:18px; line-height:25px; color:#fff; padding-left:40px; background:url(../image/b03.png) no-repeat center left; }

.dArea01 .wrap { position:relative; }
.dArea01 .prev,.dArea01 .next { position:absolute; top:200px; display:block; width:66px; height:66px; z-index:9; }
.dArea01 .prev { background:url(../image/prev01.png) no-repeat center; left:-110px; }
.dArea01 .next { background:url(../image/next01.png) no-repeat center; right:-110px; }

.dArea01 .hd { text-align:center; margin-bottom:50px; }
.dArea01 .hd ul li { position:relative; display:inline-block; width:220px; height:50px; background:#e8e8e8; font-size:18px; color:#333; text-align:center; line-height:50px; margin:0 5px; cursor:pointer; }
.dArea01 .hd ul li.on { background:#225acc; color:#fff; font-weight:bold; }
.dArea01 .hd ul li:after { position:absolute; top:50px; left:50%; margin-left:-7px; display:none; content:""; width:14px; height:7px; background:url(../image/b01.png) no-repeat center; }
.dArea01 .hd ul li.on:after { display:block; }

.dArea01 .hd ul li p { position:absolute; top:520px; width:65px; height:4px; background:#d2d2d2; z-index:3; }
.dArea01 .hd ul li:nth-child(1) p { left:320px; }
.dArea01 .hd ul li:nth-child(2) p { left:160px; }
.dArea01 .hd ul li:nth-child(3) p { left:0; }
.dArea01 .hd ul li:nth-child(4) p { left:-160px; }
.dArea01 .hd ul li.on p { background:#225acc; }

.dArea01 .bd { min-height:475px; }
.dArea01 .bd .pic { float:left; width:600px; }
.dArea01 .bd .txt { float:right; width:570px; padding-top:70px; }
.dArea01 .bd .txt .p1 { font-size:26px; color:#333; font-weight:bold; margin-bottom:45px; }
.dArea01 .bd .txt .p2 { font-size:14px; color:#333; line-height:30px; }
.dArea01 .bd .txt .p2 p { background:url(../image/d01.jpg) no-repeat 0 12px; padding-left:20px; }

.eArea { padding:60px 0 80px; background:url(../image/ebg.jpg) repeat; } 
.eArea01 { margin-bottom:40px; }
.eArea01 .pic { float:left; width:195px; }
.eArea01 .txt { float:right; width:945px; padding-top:30px; }
.eArea01 .txt .p1 { font-size:30px; color:#343434; line-height:32px; }
.eArea01 .txt .p1 i { font-weight:bold; }
.eArea01 .txt .p2 { font-size:12px; color:#989898; margin:5px 0 10px; text-transform:uppercase; }
.eArea01 .txt .p3 { width:47px; height:3px; background:#113eaa; }

.eArea02 .hd { float:left; width:193px; }
.eArea02 .hd ul { background:url(../image/e04.png) no-repeat center right; margin-bottom:115px; }
.eArea02 .hd ul li { width:163px; height:49px; line-height:49px; background:url(../image/e02.png) no-repeat center; margin-bottom:47px; padding-left:30px; font-size:18px; color:#333; cursor:pointer; }
.eArea02 .hd ul li:last-child { margin-bottom:0; }
.eArea02 .hd ul li.on { background:url(../image/e03.png) no-repeat center; color:#fff; font-weight:bold; }

.more { display:block; width:180px; height:40px; background:#3e3e3e; color:#fff; font-size:14px; text-align:center; line-height:40px; }
.more i { display:inline-block; padding-left:30px; background:url(../image/b03.png) no-repeat center left; color:#fff; }
.more:hover { background:#225acc; }

.eArea02 .bd { float:right; width:945px; min-height:550px; }
.eArea02 .bd img { max-width:100%; }

.fArea { padding-bottom:50px; }
.fArea .more { margin:0 auto; }

.fArea01 { min-height:365px; border-bottom:1px solid #d2d2d2; }
.fBox01 { float:left; width:580px; }
.fBox01 .pic { position:relative; overflow:hidden; }
.fBox01 .pic img { transition: all 0.6s; }
.fBox01 .pic img:hover { transform: scale(1.1)!important; }
.fBox01 .pic p { position:absolute; top:20px; left:0; width:150px; height:40px; background:#225acc; text-align:center; line-height:40px; font-size:14px; color:#fff; z-index:9; }
.fBox01 .pic p i { display:inline-block; padding-left:30px; background:url(../image/f01.png) no-repeat center left; }
.fBox01 .txt .p1 { font-size:18px; color:#323232; height:20px; line-height:20px; margin:20px 0; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.fBox01 .txt .p1 a { color:#323232; }
.fBox01 .txt .p2 { font-size:12px; line-height:22px; }

.fBox02 { float:right; width:600px; }
.fBox02 ul li { padding:20px 0 20px 5px; border-top:1px solid #d2d2d2; }
.fBox02 ul li .date { float:left; width:80px; height:80px; color:#333; text-align:center; }
.fBox02 ul li .date p { padding-top:10px; font-size:36px; line-height:40px; }
.fBox02 ul li .date span { display:block; font-size:14px; }
.fBox02 ul li .txt { float:right; width:500px; color:#323232; }
.fBox02 ul li .txt .p1 { font-size:14px; height:30px; line-height:30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.fBox02 ul li .txt .p2 { font-size:12px; line-height:22px; margin-top:5px; }
.fBox02 ul li:hover .date { background:#eee; }
.fBox02 ul li:hover .txt .p1 { color:#225acc; font-weight:bold; }

.fArea02 { margin-bottom:45px; margin-top:30px; }
.fArea02 .hd { margin-bottom:20px; padding-left:35px; background:url(../image/f02.png) no-repeat center left; font-size:18px; color:#343434; line-height:25px; }
.fArea02 .bd ul li { float:left; width:380px; height:125px; background:#eee; padding:25px 25px 0 25px; box-sizing: border-box; margin-right:30px; color:#323232; font-size:14px; }
.fArea02 .bd ul li:last-child { margin-right:0; }
.fArea02 .bd ul li a { color:#323232; }
.fArea02 .bd ul li .p1 { padding-left:25px; background:url(../image/f03.png) no-repeat center left; }
.fArea02 .bd ul li .p2 { margin:15px 0; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.fArea02 .bd ul li .p3 { width:24px; height:3px; background:#3e3e3e; }

.fArea02 .bd ul li:hover { background:#225acc; color:#fff; }
.fArea02 .bd ul li:hover a { color:#fff; }
.fArea02 .bd ul li:hover .p1 { background:url(../image/f04.png) no-repeat center left; }
.fArea02 .bd ul li:hover .p3 { background:#fff; }