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

.banner { position: relative; width: 100%;  overflow: hidden; z-index:0;  }
.banner .bd { position: relative; left: 50%; width:1920px; margin: 0 0 0 -960px; text-align: center; overflow: hidden; }
.banner .wrap { position:relative; }
.banner .hd { position:absolute; left:0; bottom:30px; width:100%; height:13px; z-index:4;}
.banner .hd ul { width:1200px; height:12px; margin:0 auto; text-align:center;}
.banner .hd ul li { display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:0 8px; border-radius:100%; border:2px solid #fff; line-height:999px; overflow:hidden; cursor:pointer; vertical-align:top;}
.banner .hd ul .on {background: #fff;}

.Area-hd { padding-top:80px; text-align:center; background:url(hd01.png) no-repeat center 30px; }
.Area-hd .p1 { font-size:36px; color:#000; font-weight:bold; }
.Area-hd .p2 { font-size:13px; color:#626262; line-height:20px; margin:5px 0 25px; text-transform:uppercase; }

.aArea01 ul li { position:relative; float:left; width:170px; height:680px; overflow:hidden; transition: all 0.5s; }
.aArea01 ul li .pic { position:absolute; top:0; left:0; width:170px; z-index:5; }
.aArea01 ul li .pic01 { width:169px; height:680px; overflow:hidden; transition: all 0.5s; }
 
.aArea01 ul li.on { width:450px; }
.aArea01 ul li.on .pic01 { width:450px; }

/*
.aArea01 ul li.on { width:620px; }
.aArea01 ul li.on .pic01 { width:620px; }
*/
.bArea01 { float:left; width:450px; }
.bArea02 { float:left; width:590px; }
.bArea03 { float:left; width:250px; }

.bBox01 { font-size:0; }
.bBox01 video { display:none; background:#000; margin:0!important; }

.bBox02 { position:relative; }
.bBox02 .txt { position:absolute; top:50px; left:20px; width:390px; color:#fff; z-index:5; }
.bBox02 .txt .p1 { font-size:30px; margin-bottom:45px; }
.bBox02 .txt .p1 span { font-size:16px; text-transform:uppercase; margin-left:10px; }
.bBox02 .txt .p2 { font-size:16px; line-height:28px; color:rgba(255,255,255,0.8); margin-bottom:15px; height:84px; }
.bBox02 .txt .p3 a { display:block; width:175px; height:40px; font-size:14px; line-height:40px; text-align:center; color:#fff; border-radius:25px; border:1px solid #fff; }

.bBox03 { position:relative; height:580px; background:#009944; color:#fff; }
.bBox03 .hd01 { font-size:30px; margin-bottom:35px; padding:50px 0 0 20px; line-height:40px; }
.bBox03 .hd01 span { font-size:16px; text-transform:uppercase; margin-left:10px; }

.bBox03 .hd { position:absolute; top:60px; right:20px; z-index:5; }
.bBox03 .hd ul li { display:inline-block; width:10px; height:10px; background:#b3e1c7; border-radius:100%; font-size:0; margin:0 3px; cursor:pointer; }
.bBox03 .hd ul li.on { background:#398716; }
.bBox03 .bd ul li .txt { padding:0 20px; height:130px; color:rgba(255,255,255,0.8); }
.bBox03 .bd ul li .txt .p1 { font-size:18px; height:20px; line-height:20px; margin-bottom:15px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.bBox03 .bd ul li .txt .p2 { font-size:16px; line-height:25px; }
.bBox03 .bd ul li .pic { position:relative; }
.bBox03 .bd ul li .pic .p1 { position:absolute; top:0; right:80px; width:44px; height:22px; background:url(c02.png) no-repeat center; z-index:5;  }

.bBox04 { height:490px; background:url(pic06.jpg) no-repeat center; background-size:cover; color:#fff; }
.bBox04 .p1 { font-size:30px; margin-bottom:20px; padding:55px 0 0 20px; line-height:40px; }
.bBox04 .p1 span { font-size:16px; text-transform:uppercase; margin-left:10px; color:rgba(255,255,255,0.5); }
.bBox04 .p2 { padding:0 20px; }
.bBox04 .p2 ul li { padding-left:45px; height:65px; line-height:65px; border-bottom:1px dashed rgba(255,255,255,0.5); background:url(c03.png) no-repeat center left; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.bBox04 .p2 ul li a { font-size:16px; color:#fff; }

.bBox05 { position:relative; }
.bBox05 .p1 { position:absolute; top:30px; left:20px; font-size:30px; line-height:40px; color:#fff; z-index:5; }

.bBox06 { height:435px; background:#2a3386; }
.bBox06 .p1 { font-size:30px; margin-bottom:60px; padding:55px 0 0 20px; line-height:40px; color:#fff; }
.bBox06 .p1 span { font-size:16px; text-transform:uppercase; margin-left:10px; color:rgba(255,255,255,0.5); }
.bBox06 .p2 { padding:0 20px; }
.bBox06 .p2 ul li { font-size:14px; height:20px; line-height:20px; color:#fff; padding-left:15px; background:url(c05.jpg) no-repeat center left; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:50px; }
.bBox06 .p2 ul li span { float:right; padding-left:50px; }
.bBox06 .p2 ul li a { color:#fff; }
.bBox06 .p2 ul li:last-child { margin-bottom:0; }

.bBox07 { height:730px; background:#2a3386; text-align:center; color:#fff; }
.bBox07 .p1 { padding-top:55px; }
.bBox07 .p1 p { font-size:30px; color:#fff; line-height:40px; }
.bBox07 .p1 span { display:block; line-height:30px; font-size:16px; color:rgba(255,255,255,0.8); text-transform:uppercase; }
.bBox07 .p2 { margin:30px 0 40px; line-height:20px; font-size:16px; color:rgba(255,255,255,0.8); }
.bBox07 .p2 a { color:rgba(255,255,255,0.8); padding:0 15px; }
.bBox07 .p3 { height:210px; }
.bBox07 .p3 a { display:block; width:190px; height:40px; line-height:40px; font-size:14px; color:#fff; border:1px solid #fff; border-radius:25px; margin:0 auto 28px auto; }
.bBox07 .p4 p { font-size:14px; margin-top:25px; color:rgba(255,255,255,0.8); }

.bBox08 { position:relative; height:305px; }
.bBox08 .bd ul li { position:relative; text-align:center; }
.bBox08 .bd ul li .txt { position:absolute; left:0; width:100%; top:110px; z-index:5; }
.bBox08 .bd ul li .txt .p1 { font-size:16px; color:rgba(255,255,255,0.8); line-height:20px; margin-bottom:25px; }
.bBox08 .bd ul li .txt .p2 a { display:block; font-size:14px; color:rgba(255,255,255,0.8); line-height:45px; width:200px; height:45px; border:1px solid rgba(255,255,255,0.8); border-radius:25px; margin:0 auto; }

.bBox08 .hd { position:absolute; bottom:40px; width:100%; left:0; text-align:center; z-index:5; }
.bBox08 .hd ul li { display:inline-block; width:10px; height:10px; background:rgba(255,255,255,0.7); border-radius:100%; font-size:0; margin:0 3px; cursor:pointer; }
.bBox08 .hd ul li.on { background:rgba(6,76,121,0.7); }

.bBox08 .hd01 { position:absolute; top:50px; left:0; width:100%; font-size:30px; color:#fff; text-align:center; line-height:40px; z-index:5; }


.bBox09 { height:270px; background:#fcc300; text-align:center; }
.bBox09 a { display:block; color:#fff; }
.bBox09 .p1 { padding-top:45px; height:100px; }
.bBox09 .p2 { font-size:30px; line-height:32px; margin-bottom:15px; }
.bBox09 .p3 { font-size:16px; text-transform:uppercase; }