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

.aArea { padding:40px 0; }
.aArea .wrap { background:#fff; padding:30px 20px 35px 20px; box-sizing: border-box; }

.aArea01 { float:left; width:380px; }
.aArea01 .bd .swiper-slide .txt .p1  { font-size:16px; color:#000; font-weight:bold; line-height:20px; height:20px; margin:15px 0 0; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.aArea01 .bd .swiper-slide .txt .p2  { width:30px; height:2px; background:#1d2088; margin:8px 0; }
.aArea01 .bd .swiper-slide .txt .p3  { font-size:14px; color:#999; margin-bottom:10px; }
.aArea01 .bd .swiper-slide .txt .p4  { font-size:14px; color:#000; height:50px; line-height:25px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.aArea01 .bd .btn { margin-top:20px; text-align:right; font-size:0; }
.aArea01 .bd .btn a { display:inline-block; width:30px; height:26px; margin-left:4px; cursor:pointer; }
.aArea01 .bd .btn a.prev-sy01 { background:url(a01.png) no-repeat center #b4b4b4; }
.aArea01 .bd .btn a.next-sy01 { background:url(a02.png) no-repeat center #b4b4b4; }
.aArea01 .bd .btn a:hover { background-color:#1d2088; }
 
.aArea02 { float:left; width:380px; margin-left:30px; }
.aArea02 .bd { background:#f0f7ff; min-height:420px; }
.aArea02 .bd .swiper-slide .txt { padding:15px 20px 0 20px; }
.aArea02 .bd .swiper-slide .txt .p1  { font-size:16px; color:#000; font-weight:bold; line-height:20px; height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.aArea02 .bd .swiper-slide .txt .p2  { width:30px; height:2px; background:#1d2088; margin:8px 0; }
.aArea02 .bd .swiper-slide .txt .p3  { font-size:14px; color:#999; margin-bottom:10px; }
.aArea02 .bd .swiper-slide .txt .p4  { font-size:14px; color:#000; height:50px; line-height:25px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.aArea02 .bd .swiper-pagination-sy02  { box-sizing: border-box; padding:10px 20px 0 0; text-align:right; bottom:0!important; }
.aArea02 .bd .swiper-pagination-sy02 .swiper-pagination-bullet { background:#d2d2d2; opacity:1; }
.aArea02 .bd .swiper-pagination-sy02 .swiper-pagination-bullet-active { background:#1d2088; }

.aArea03 { width:380px; float:right; }
.aArea03 .hd { margin-bottom:20px; padding-bottom:15px; border-bottom:1px solid #dcdcdc; font-size:0; }
.aArea03 .hd ul { position:relative; width:100%; }
.aArea03 .hd ul li { float:left; margin-right:35px; cursor:pointer; }
.aArea03 .hd ul li i { position:relative; display:inline-block; font-size:20px; color:#666;  line-height:25px; }
.aArea03 .hd ul li i:before { position:absolute; left:0; bottom:-16px; content:""; width:100%; height:2px; background:#1d2088; z-index:5; display:none; }
 
.aArea03 .hd ul li a { position:absolute; top:0; right:0; font-size:16px; line-height:25px; display:none; }
.aArea03 .hd ul li.on a { display:block; }
.aArea03 .hd ul li.on i { color:#1d2088; }
.aArea03 .hd ul li.on i:before { display:block; }

.aArea03 .hd ul li:nth-child(1) i { padding-left:30px; background:url(hd03.png) no-repeat center left; }


.aArea03 .bd { border:1px solid #dcdcdc; min-height:420px; padding:20px 20px 0 20px; box-sizing: border-box; }
.aArea03 .bd ul li { padding-left:18px; background:url(li01.png) no-repeat center left; font-size:14px; height:32px; line-height:32px; color:#333; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea03 .bd ul li a { color:#333; }
.aArea03 .bd ul li:hover a { color:#1d2088; }
.aArea03 .bd ul li span { float:right; margin-left:20px; color:#999; }
 

.Area-hd { margin-bottom:20px; padding-bottom:15px; border-bottom:1px solid #dcdcdc; font-size:0; }
.Area-hd a { float:right; font-size:16px; line-height:25px; }
.Area-hd p { position:relative; padding-left:30px; font-size:20px; line-height:25px; color:#1d2088; /*font-weight:bold;*/ display:inline-block; }
.Area-hd p:before { position:absolute; left:0; bottom:-16px; content:""; display:block; width:100%; height:2px; background:#1d2088; z-index:5; }

.Area-hd p.hd01 { background:url(hd01.png) no-repeat center left; }
.Area-hd p.hd02 { background:url(hd02.png) no-repeat center left; }
.Area-hd p.hd04 { background:url(hd04.png) no-repeat center left; }
.Area-hd p.hd05 { background:url(hd05.png) no-repeat center left; }
.Area-hd p.hd06 { background:url(hd06.png) no-repeat center left; }
.Area-hd p.hd07 { background:url(hd07.png) no-repeat center left; }

 
.bArea { padding:60px 0 30px; background:url(bArea.jpg) no-repeat center top; }
.bArea .wrap { background:#fff; padding:30px 20px; box-sizing: border-box; }
.bArea01 { float:left; width:380px; }
.bArea01 .bd .pic .p2 { font-size:16px; color:#333; font-weight:bold; line-height:20px; height:20px; margin:15px 0 10px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.bArea01 .bd .pic .p3 { font-size:14px; color:#666; line-height:25px; height:50px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2;
  }
.bArea01 .bd .txt { padding-top:15px; }
.bArea01 .bd .txt ul li { padding-left:18px; background:url(li01.png) no-repeat center left; font-size:14px; height:30px; line-height:30px; color:#333; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.bArea01 .bd .txt ul li a { color:#333; }
.bArea01 .bd .txt ul li:hover a { color:#1d2088; }
.bArea01 .bd .txt ul li span { float:right; margin-left:20px; color:#999; }
 
.cArea { padding-bottom:50px; }
.cArea .wrap { background:#fff; padding:30px 20px 35px 20px; box-sizing: border-box; }
.cArea01 ul li { float:left; width:280px; margin-right:26px; }
.cArea01 ul li:last-child { margin-right:0; }
.cArea01 ul li .txt { background:#f0f7ff; padding-left:30px; }
.cArea01 ul li .txt .txt01 { padding:20px 0 20px 55px; color:#000; }
.cArea01 ul li .txt .txt01 .p1 { font-size:18px; line-height:1; margin-bottom:10px; }
.cArea01 ul li .txt .txt01 .p2 { font-size:14px; line-height:1; text-transform:uppercase; }