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

.section { position:relative; background-size:cover!important; }
.section2 { background:url(/images/section2.jpg) no-repeat center; }
.section4 { background:url(/images/section4.jpg) no-repeat center; }

#fp-nav { display:none; } 
.menu_2 { position:fixed; top:50%; right:2%; width:10px; margin-top:-85px; z-index:999; }
@media screen and (max-width: 1400px){
	.menu_2 { right:1%; }
}
.menu_2 li{ position:relative; margin-top:10px;text-align: center;}
.menu_2 li a { position: relative; display:block; width:10px; height:10px; border-radius:100%; border:2px solid #fff; }
.menu_2 li.active a,.menu_2 li.hover a { background:#fff; }

.banner{ position:relative; width:100%; overflow:hidden; }
.banner .bd { width:100%; position:relative; left:50%; margin-left:-50%; z-index:9; }
.banner .bd ul li { background-size:cover!important; height:100%; }
.banner .bd ul li a { display:block; width:100%; height:100%; }
.banner .hd { width:100%; position:absolute; left:0; z-index:11; bottom:70px; text-align:center; }
.banner .hd ul { display:inline-block; height:2px; }
.banner .hd ul li { position:relative; display:inline-block; width:12px; height:12px; margin:0 5px; background:rgba(255,255,255,0.5); border:2px solid rgba(255,255,255,0); border-radius:100%; font-size:0; cursor:pointer; }
.banner .hd ul .on { border-color:#fff; background:none; }

.banner .prev,.banner .next { position: absolute; top: 50%; width:13px; height:34px; margin-top:-17px; z-index:9999; }
.banner .prev { left:5%; background: url(/images/prev.png) no-repeat center; }
.banner .next { right:5%; background: url(/images/next.png) no-repeat center; }


.conBox { position:relative; padding-top:80px; width:1280px; margin:0 auto; z-index:2; }

.aArea01 { float:left; width:625px; }
.aArea01 .p1 { color:#000; line-height:55px; font-size:30px; text-transform:uppercase; }
.aArea01 .p2 { color:#7d7d7d; line-height:30px; font-size:14px; margin:15px 0 20px; }
.aArea01 .p3 ul li { float:left; width:200px; margin-right:10px; }
.aArea01 .p3 ul li:last-child { margin-right:0; }
.aArea01 .p3 ul li .a1 { margin-bottom:15px; }
.aArea01 .p3 ul li .a1 i { color:#0b42a1; line-height:50px; font-size:48px; font-weight:bold; }
.aArea01 .p3 ul li .a1 em { position:relative; top:-30px; color:#0b42a1; font-size:30px; font-weight:bold; margin-left:25px; }
.aArea01 .p3 ul li .a2 { color:#7d7d7d; line-height:25px; font-size:14px; }
.aArea01 .p4 { margin-top:30px; }
.aArea01 .p4 ul li { float:left; width:105px; height:105px; border:5px solid #e5e5e5; margin-right:50px; text-align:center; }
.aArea01 .p4 ul li:last-child { margin-right:0; }
.aArea01 .p4 ul li .a1 { padding-top:15px; min-height:65px; }
.aArea01 .p4 ul li .a1 .img02 { display:none; }
.aArea01 .p4 ul li .a2 { font-size:14px; color:#333; }
.aArea01 .p4 ul li:hover { background:#0b42a1; border-color:#0b42a1; }
.aArea01 .p4 ul li:hover .a1 .img01 { display:none; }
.aArea01 .p4 ul li:hover .a1 .img02 { display:inline-block; }
.aArea01 .p4 ul li:hover .a2 { color:#fff; }


.aArea02 { position:relative; float:right; width:615px; }
.aArea02 .txt { position:absolute; top:40px; right:30px; color:#fff; text-align:right; z-index:5; }
.aArea02 .txt .p1 { font-size:48px; line-height:50px; font-family:"Arial"; text-transform:uppercase; }
.aArea02 .txt .p2 i { display:inline-block; width:105px; height:2px; background:#fff; margin:15px 0; }
.aArea02 .txt .p3 { font-size:18px; }

.bArea { position:absolute; top:0; right:0; left:0; bottom:0; z-index:2; }
.bArea ul li { position:relative; float:left; /*width:16.66%;*/width:33.33%; overflow:hidden; }

.bArea ul li .txt { position:absolute; top:50%; left:20%; right:20%; color:#fff; z-index:5; }
.bArea ul li .txt .p1 { font-size:24px; line-height:30px; font-weight:bold; text-transform:uppercase; min-height:60px; font-family:"Arial"; }
.bArea ul li .txt .p2 { font-size:24px; line-height:30px; font-weight:bold; }
.bArea ul li .txt .p3 { width:70px; height:2px; background:#fff; margin-top:18px; }

.bArea ul li .txt01 { position:absolute; top:38%; left:20%; right:20%; color:#fff; z-index:5; }
.bArea ul li .txt01 .p1 { font-size:30px; line-height:30px; font-weight:bold; text-transform:uppercase; margin-bottom:25px; text-align:center; }
.bArea ul li .txt01 .p2 { font-size:20px; line-height:45px; }
.bArea ul li .txt01 a { color:#fff; }



.bArea ul li .mb { position:absolute; right:0; top:0; z-index:3; transition: all 0.6s; }
.bArea ul li .mb i { position:absolute; width:25%; top:0; display:block; background:rgba(0,0,0,0.5); transition: all 0.3s; }
.bArea ul li .mb i:nth-child(1) { right:0; }
.bArea ul li .mb i:nth-child(2) { right:25%; background:none; }
.bArea ul li .mb i:nth-child(3) { right:50%; background:none; }
.bArea ul li .mb i:nth-child(4) { right:75%; transition: all 0.6s; }

.bArea ul li:hover .mb i:nth-child(1) { right:-25%; }
.bArea ul li:hover .mb i:nth-child(2) { right:-25%; }
.bArea ul li:hover .mb i:nth-child(3) { right:-25%; }
.bArea ul li:hover .mb i:nth-child(4) { right:0; }
 
.cArea .hdhd { font-size:30px; color:#010101; text-align:center; line-height:35px; }
.cArea .hd { margin:25px 0; text-align:center; }
.cArea .hd ul li { display:inline-block; height:30px; line-height:30px; padding:0 20px; font-size:14px; color:#333; border-radius:5px; margin:0 20px; cursor:pointer; }
.cArea .hd ul li.on { background:#015bab; color:#fff; }
.cArea .bd { min-height:390px; background:#fff; }

.cArea .bd .dBox { position:relative; float:left; width:640px; min-height:390px; }
.cArea .bd .dBox .bd01 ul li { position:relative; }
.cArea .bd .dBox .bd01 ul li p { position:absolute; left:0; bottom:0; right:0; height:60px; line-height:60px; font-size:16px; color:#fff; padding:0 160px 0 20px; background:rgba(0,0,0,0.6); overflow:hidden; text-overflow: ellipsis; white-space: nowrap; z-index:5; }
.cArea .bd .dBox .hd01 { position:absolute; right:10px; bottom:25px; z-index:5; }
.cArea .bd .dBox .hd01 ul li { display:inline-block; width:10px; height:10px; background:#fff; border-radius:100%; font-size:0; margin:0 3px; cursor:pointer; }
.cArea .bd .dBox .hd01 ul li.on { background:#015bab; }

.cArea .bd .txt { float:right; width:575px; margin-right:40px; padding-top:35px; }
.cArea .bd .txt .txt01 { padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ddd; }
.cArea .bd .txt .txt01 .p1 { font-size:30px; color:#343434; line-height:1; font-family:"Arial"; }
.cArea .bd .txt .txt01 .p2 { font-size:18px; color:#000; line-height:20px; height:20px; margin:15px 0; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.cArea .bd .txt .txt01 .p3 { font-size:12px; color:#626262; line-height:25px; height:50px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }

.cArea .bd .txt .txt02 ul li { padding-left:20px; background:url(/images/li01.png) no-repeat center left; height:35px; line-height:35px; color:#333; font-size:14px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.cArea .bd .txt .txt02 ul li span { float:right; margin-left:130px; color:#666; }
 
.dArea { padding:30px 0; }
.dArea .tempWrap { width:1280px!important; }
.dArea ul li { float:left; width:163px; border:1px solid #eee; border-radius:5px; margin-right:20px; overflow:hidden; }

<!--0.00017023086547852-->