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

.aArea { padding:75px 0 80px; }
.aArea .wrap { position:relative; }
.aArea .hd01 { position:absolute; left:0; top:0; font-size:36px; font-weight:bold; color:#333; line-height:1; z-index:2; }
.aArea .hd ul { float:right; border-bottom:1px solid #d9d9d9; }
.aArea .hd ul li { float:left; font-size:16px; color:#333; line-height:36px; margin-right:40px; cursor:pointer; }
.aArea .hd ul li a { color:#333; }
.aArea .hd ul li:last-child { margin-right:0; }
.aArea .hd ul li.on a { color:#0068b5; }

.aArea .bd { margin-top:60px; }
.aArea .bd .bd01 { position:relative; }
.aArea .bd .swiper-slide a { display:block; border:1px solid #edf1f4; border-radius:5px; overflow:hidden; }
.aArea .bd .swiper-slide .txt { text-align:center; padding:15px 10px 30px; }
.aArea .bd .swiper-slide .txt .p1 { font-size:18px; color:#333; line-height:30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea .bd .swiper-slide .txt .p2 { margin-top:25px; height:31px; background:url(a01.png) no-repeat center; }
.aArea .bd .swiper-slide .pic { overflow:hidden; }
.aArea .bd .swiper-slide .pic img { transition: all 0.6s; }
 
.aArea .bd .swiper-slide:hover .txt .p2 { background:url(a02.png) no-repeat center; }
.aArea .bd .swiper-slide:hover .pic img { transform: scale(1.1)!important; }

.aArea .prev-sy10,.aArea .next-sy10 { position:absolute; top:50%; margin-top:-17px; display:block; width:34px; height:34px; background:url(a03.png) no-repeat center; z-index:5; }
.aArea .prev-sy10 { left:-60px; transform: rotateY(180deg); }
.aArea .next-sy10 { right:-60px; }

.aArea .prev-sy10:hover { background:url(a04.png) no-repeat center; transform: rotateY(0); }
.aArea .next-sy10:hover { background:url(a04.png) no-repeat center; transform: rotateY(180deg); }

.bArea { position:relative; width:1920px; left:50%; margin-left:-960px; z-index:1; }
.bArea .bd .bd01 { position:relative; }
.bArea .bd .bd01 .txt { position:absolute; top:120px; left:50%; margin-left:-600px; width:510px; color:#fff; z-index:2; }
.bArea .bd .bd01 .txt .p1 { font-size:32px; font-weight:bold; line-height:1; }
.bArea .bd .bd01 .txt .p2 { width:60px; height:3px; background:#fff; margin-top:20px; }
.bArea .bd .bd01 .txt .p3 { font-size:14px; line-height:25px; margin-top:35px; text-align:justify; }
.bArea .bd .bd01 .txt .p4 { margin-top:45px; }
.bArea .bd .bd01 .txt .p4 a { display:block; width:145px; height:40px; border:1px solid #fff; text-align:center; line-height:40px; font-size:14px; color:#fff; }
.bArea .bd .bd01 .txt .p4 a i { display:inline-block; padding-right:40px; background:url(b01.png) no-repeat center right; }

.bArea .bd .bd01 .txt .p4 a:hover { border-color:#0068b5; background:#0068b5; }

.bArea .hd { position:absolute; left:0; right:0; bottom:0; background:rgba(0,0,0,0.3); z-index:2; }
.bArea .hd ul { border-left:1px solid rgba(255,255,255,0.5); }
.bArea .hd ul li { float:left; width:33.33%; border-right:1px solid rgba(255,255,255,0.5); padding-left:40px; box-sizing: border-box; cursor:pointer; }
.bArea .hd ul li .txt { padding:55px 0 55px 70px; color:#fff; line-height:1; }
.bArea .hd ul li .txt .p1 { font-size:18px; }
.bArea .hd ul li .txt .p2 { font-size:14px; margin-top:13px; }

.bArea .hd ul li.on { background:rgba(0,104,181,0.9); }

.Area-hd { padding:80px 0 40px; text-align:center; line-height:1; }
.Area-hd .p1 { font-size:36px; color:#333; font-weight:bold; }
.Area-hd .p1 i { color:#0068b5; }
.Area-hd .p2 { font-size:18px; color:#666; margin-top:20px; }
 
.cArea01 .hd ul { border:1px solid #d0d0d0; width:1200px; }
.cArea01 .hd ul li { float:left; width:200px; text-align:center; border-right:1px solid #d0d0d0; padding:35px 0; font-size:20px; box-sizing: border-box; cursor:pointer; }
.cArea01 .hd ul li:last-child { border-right:none; }
.cArea01 .hd ul li i { display:inline-block; line-height:40px; height:40px; padding-left:55px; color:#333; transition: all 0.6s; }

.cArea01 .hd ul li.on { background:#0068b5; }
.cArea01 .hd ul li.on i { background-position:0 -40px!important; color:#fff; }

.cArea01 .bd { margin-top:20px; }

.gallery-thumbs { float:right; width:315px; height:615px; }
.gallery-thumbs .swiper-slide { cursor:pointer; }
.gallery-thumbs .swiper-slide { height:225px!important; }
.gallery-thumbs .swiper-slide .pic img { height:175px!important; }
.gallery-thumbs .swiper-slide .txt { height:50px; line-height:50px; color:#333; font-size:18px; text-align:left; padding:0 20px; background:#f3f5f7; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }


.gallery-top { float:left; width:870px; }
.gallery-top .swiper-slide .txt { padding:25px 25px 0 25px; background:#f3f5f7; min-height:130px; box-sizing: border-box;}
.gallery-top .swiper-slide .txt .p1 { height:20px; line-height:20px; color:#333; font-size:18px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.gallery-top .swiper-slide .txt .p2 { line-height:25px; color:#333; font-size:14px; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }

.gallery-top .swiper-slide .pic { overflow:hidden; }
.gallery-top .swiper-slide .pic img { transition: all 0.6s; }
.gallery-top .swiper-slide:hover .pic img { transform: scale(1.1)!important; }
 
.dArea01 { position:relative; width:1920px; left:50%; margin-left:-960px; background:#f3f5f7; z-index:1; }
.dArea01 .bd .bd01 .pic { float:right; width:1065px; }
.dArea01 .bd .bd01 .txt { float:left; width:405px; margin-left:calc(50% - 600px); padding-top:135px; }
.dArea01 .bd .bd01 .txt .p1 { font-size:36px; color:#333; font-weight:bold; line-height:1; }
.dArea01 .bd .bd01 .txt .p2 { font-size:18px; color:#4f4f4f; margin-top:15px; line-height:1; }
.dArea01 .bd .bd01 .txt .p3 { width:55px; height:3px; background:#0068b5; margin-top:40px; }
.dArea01 .bd .bd01 .txt .p4 { margin-top:50px; line-height:30px; color:#656565; font-size:16px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:5; }
  
.dArea01 .hd { position:absolute; top:0; bottom:0; right:50%; width:705px; margin-right:-600px; z-index:2; }
.dArea01 .hd ul li { float:left; width:33.33%; height:705px; padding-top:250px; text-align:center; color:#fff; line-height:1; border-right:1px solid rgba(255,255,255,0.2); box-sizing: border-box; cursor:pointer; }
.dArea01 .hd ul li .txt .p1 { height:98px; background:url(d01.png) no-repeat center; }
.dArea01 .hd ul li .txt .p2 { font-size:26px; margin-top:60px; font-weight:bold; }
.dArea01 .hd ul li .txt .p3 { font-size:20px; margin-top:20px; }
 
.dArea01 .hd ul li.on { background:url(d03.png) no-repeat center bottom ; }
.dArea01 .hd ul li.on .txt .p1 { background:url(d02.png) no-repeat center; }

.dArea01 .btn { position:absolute; left:50%; margin-left:-600px; bottom:180px; z-index:2; }
.dArea01 .btn a { display:inline-block; width:34px; height:34px; background:url(a03.png) no-repeat center; margin-right:35px; }
.dArea01 .btn a.prev-d01 { transform: rotateY(180deg); }

.dArea01 .btn a:hover { background:url(a04.png) no-repeat center; }
.dArea01 .btn a.prev-d01:hover { transform: rotateY(0); }
.dArea01 .btn a.next-d01:hover { transform: rotateY(180deg); }

.eArea { padding:80px 0; }
.eArea .hd { margin-bottom:40px; border-bottom:1px solid #d9d9d9; padding-bottom:20px; line-height:1; }
.eArea .hd p { font-size:32px; font-weight:bold; color:#333; }
.eArea .hd a { float:right; font-size:16px; color:#333; }
.eArea .hd a:hover { color:#0068b5; }

.eBox01 { float:left; width:640px; box-shadow: #eee 0px 5px 5px; }
.eBox01 .txt { position:relative; padding:30px 30px 19px 30px; }
.eBox01 .txt .p1 { font-size:20px; color:#333; line-height:25px; font-weight:bold; margin-right:170px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.eBox01 .txt .p3 { font-size:16px; color:#8e8e8e; line-height:25px; height:50px; margin-top:15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.eBox01 .txt .p2 { position:absolute; top:30px; right:30px; padding-left:20px; font-size:16px; color:#999; line-height:25px; background:url(e01.png) no-repeat center left; z-index:2; }

.eBox01:hover .p1 { color:#0068b5; }

.eBox02 { float:right; width:530px; }
.eBox02 ul li { border-bottom:1px solid #dcdcdc; }
.eBox02 ul li a { display:block; padding:25px 0; }
.eBox02 ul li .p1 { font-size:20px; color:#333; line-height:25px; font-weight:bold; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.eBox02 ul li .p3 { font-size:16px; color:#8e8e8e; line-height:25px; height:50px; margin-top:15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.eBox02 ul li .p2 { margin-top:15px; padding-left:20px; font-size:16px; color:#999; line-height:25px; background:url(e01.png) no-repeat center left; z-index:2; }

.eBox02 ul li:hover .p1 { color:#0068b5; }


.eBox01 .pic { overflow:hidden; }
.eBox01 .pic img { transition: all 0.6s; }
.eBox01:hover .pic img { transform: scale(1.1)!important; }