@charset "utf-8";
.container { position: relative; width: 100%; padding-bottom:220px; background:url(bg.jpg) no-repeat center bottom; }

.Area-hd { text-align:center; }
.Area-hd h2 { font-size:32px; color:#1352af; font-weight:normal; }
.Area-hd p { font-size:16px; color:#686868; }

.aArea { padding-top:60px; }
.aArea01 { margin-top:45px; }
.aArea01 .hd ul { text-align:center; }
.aArea01 .hd ul li { position:relative; display:inline-block; padding:0 25px; margin:0 15px; height:50px; line-height:50px; font-size:16px; color:#1352af; cursor:pointer; }
.aArea01 .hd ul li.on { background:#1352af; color:#fff; }
.aArea01 .hd ul li.on:before { position:absolute; left:-30px; top:0; display:block; content:""; width:30px; height:50px; background:url(hd01.png) no-repeat center left; z-index:99; }
.aArea01 .hd ul li.on:after { position:absolute; right:-30px; top:0; display:block; content:""; width:30px; height:50px; background:url(hd01.png) no-repeat center right; z-index:99; }

.aArea01 .hd ul a { display:inline-block; width:152px; margin-left:-15px; height:50px; line-height:50px; font-size:16px; color:#1352af; }
.aArea01 .hd ul a:hover { background:url(hd01.png) no-repeat center; color:#fff; }

.aArea01 .bd { margin-top:20px; height:480px; }
.aArea01 .bd ul li { position:relative; float:left; width:234px; border:3px solid #fff; }
.aArea01 .bd ul li:hover { border-color:#628cca; }
.aArea01 .bd ul li p { position:absolute; left:0; bottom:0; background:rgba(19,82,175,0.65); font-size:18px; color:#fff; text-align:center; height:45px; line-height:45px; width:100%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; display:none; z-index:9; }
.aArea01 .bd ul li:hover p { display:block; }

.bArea { padding-top:70px; }
.bArea01 { position:relative; margin-top:45px; }
.bArea01 ul li { float:left; width:300px; height:500px; position:relative; overflow:hidden; }
.bArea01 ul li img { width:300px; height:500px; transition: all 0.6s; }
.bArea01 ul li img:hover { transform: scale(1.1)!important; }
.bArea01 ul li p { position:absolute; left:0; bottom:90px; width:236px; height:46px; line-height:46px; padding-left:20px; font-size:18px; color:#fff; background:url(b01.png); z-index:9; }

.bArea01 .prev,.bArea01 .next { display:block; width: 43px; height: 43px; background: url(a1.png); position: absolute; top: 50%; margin-top: -22px; z-index: 99;}
.bArea01 .prev { left: -96px; }
.bArea01 .next { right: -100px; background-position: -42px 0; }
.bArea01 .prev:hover { background-position: 0 -43px; }
.bArea01 .next:hover { background-position: -42px -43px; }

.cArea { margin-top:70px; }
.cArea01 { width:560px; }
.cArea01 .Area-hd { text-align:left; margin-bottom:30px; background:url(hd02.jpg) no-repeat left bottom; padding-bottom:20px; }

.cArea01 .bd h2 { font-weight:normal; font-size:24px; color:#2d2d2d; }
.cArea01 .bd .p1 { margin-top:30px; font-size:16px; color:#787878; line-height:30px; text-align:justify; height:195px; }
.cArea01 .bd .more { display:block; width:115px; height:35px; text-align:center; line-height:35px; border:1px solid #2d2d2d; font-size:16px; color:#2d2d2d; }

.cArea01 .bd01 ul li:first-child { margin-bottom:30px; }
.cArea01 .bd01 ul li .pic { float:left; width:200px; }
.cArea01 .bd01 ul li .txt { float:right; width:340px; }
.cArea01 .bd01 ul li .txt h2 { height:20px; line-height:20px; color:#282828; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.cArea01 .bd01 ul li .txt h2 a { font-size:16px; color:#282828; font-weight:normal; }
.cArea01 .bd01 ul li .txt .p1 { margin:10px 0; }
.cArea01 .bd01 ul li .txt .p2 { font-size:14px; line-height:25px; height:60px; }
.cArea01 .bd01 ul li .txt .more { font-size:14px; }