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

.Area-hd { line-height:25px; }
.Area-hd i { font-size:24px; color:#0569b2; }
.Area-hd em { font-size:14px; color:#c2c2c2; text-transform:uppercase; }


.aArea { position:relative; padding-top:80px; z-index:5; }
.aArea:before { position:absolute; left:0; right:0; top:0; display:block; content:""; height:300px; background:#f7f7f7; z-index:-1; }

.aArea .pic { float:left; width:560px; box-shadow:#dbdada 3px 14px 20px; }
.aArea .txt { float:right; width:calc(100% - 600px); padding-top:30px; }
.aArea .txt .p2 { font-size:16px; color:#7d7d7d; line-height:30px; margin-top:40px; }
.aArea .txt .p3 { margin-top:30px; text-align:right; }
.aArea .txt .p3 a { display:inline-block; width:120px; height:40px; text-align:center; line-height:40px; font-size:16px; color:#fff; background:#0569b2; }

.bArea { margin-top:90px; }
.bArea .Area-hd { padding-bottom:15px; border-bottom:1px solid #e5e5e5; }
.bArea01 { margin-top:30px; }
.bArea01 .hd ul li { float:left; font-size:16px; padding-left:17px; color:#333; margin-right:40px; background:url(b03.png) no-repeat center left; cursor:pointer; }
.bArea01 .hd ul li:last-child { margin-right:0; }
.bArea01 .hd ul li.on { color:#0569b2; background:url(b04.png) no-repeat center left; }
.bArea01 .bd { margin-top:30px; }
.bArea01 .bd .bd01 { position:relative; }
.bArea01 .bd .swiper-slide a { display:block; background:#f7f7f7; }
.bArea01 .bd .swiper-slide .txt { min-height:105px; padding:15px 25px 0 25px; box-sizing: border-box; }
.bArea01 .bd .swiper-slide .txt .p1 { font-size:16px; padding-left:25px; color:#333; background:url(b05.png) no-repeat center left; }
.bArea01 .bd .swiper-slide .txt .p2 { font-size:14px; margin-top:15px; color:#7d7d7d; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.bArea01 .bd .prev-b00,.bArea01 .bd .next-b00 { position:absolute; width:40px; height:60px; background-color:#c2c2c2; background-repeat:no-repeat; background-position:center center; top:50%; transform: translateY(-50%); cursor:pointer; }
.bArea01 .bd .prev-b00 { background-image:url(b01.png); left:-55px; }
.bArea01 .bd .next-b00 { background-image:url(b02.png); right:-55px; }

.bArea01 .bd .prev-b00:hover,.bArea01 .bd .next-b00:hover { background-color:#0569b2; }


.cArea { position:relative; width:1920px; left:50%; margin-left:-960px; margin-top:80px; z-index:1; }
.cArea .Area-hd { position:absolute; top:45px; left:0; right:0; z-index:2; }
.cArea .Area-hd i { color:#fff; }
.cArea .Area-hd em { color:#fff; }

.cArea .bd01 { position:relative; z-index:1; }
.cArea .bd01 .txt { position:absolute; top:160px; left:0; right:0; color:#fff; z-index:2; }
.cArea .bd01 .txt .p1 { font-size:18px; }
.cArea .bd01 .txt .p2 { font-size:14px; line-height:25px; margin-top:20px; max-width:660px; }
.cArea .bd01 .txt .p3 { margin-top:30px; }
.cArea .bd01 .txt .p3 a { display:inline-block; width:120px; height:40px; text-align:center; line-height:40px; font-size:16px; color:#fff; background:#0569b2; }

.cArea .hd { position:absolute; bottom:0; left:0; right:0; color:#fff; background:rgba(0,0,0,0.7); z-index:2;  }
.cArea .hd ul li { position:relative; float:left; width:20%; line-height:80px; height:80px; font-size:18px; color:#fff; text-align:center; cursor:pointer; }
.cArea .hd ul li:before { position:absolute; top:50%; transform: translateY(-50%); right:-1px; display:block; content:""; border-right:1px dashed rgba(255,255,255,0.3); width:1px; height:40px; z-index:2; }
.cArea .hd ul li:last-child:before { display:none; }

.cArea .hd ul li.on { background:#0569b2; }

.dArea { padding:75px 0 90px; }
.dArea01 { margin-top:40px; }

.dArea01 .pic { position:relative; float:left; width:380px; }
.dArea01 .pic .p2 { position:absolute; left:0; right:0; bottom:0; padding:0 80px 0 20px; height:45px; line-height:45px; background:url(d01.jpg) no-repeat center right #0569b2; font-size:16px; color:#fff; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; z-index:2; }

.dArea01 .txt { float:right; width:calc(100% - 415px); }
.dArea01 .txt ul li { float:left; width:48.5%; margin-right:3%; }
.dArea01 .txt ul li:nth-child(2n) { margin-right:0; }
.dArea01 .txt ul li:nth-child(n + 3) { margin-top:50px; }
.dArea01 .txt ul li .p1 { font-size:16px; color:#333; line-height:25px; height:25px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.dArea01 .txt ul li .p2 { font-size:14px; color:#7d7d7d; line-height:25px; height:50px; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.dArea01 .txt ul li .p3 { font-size:14px; color:#c2c2c2; margin-top:10px; }

.dArea01 .txt ul li:hover .p1 { color:#0569b2; }
.dArea01 .txt ul li:hover .p3 { color:#0569b2; }