@charset "utf-8";
.container { position: relative; z-index: 1000; }
.a-a {  }
.a-b { float: left; width: 380px; box-sizing: border-box; border:10px solid #f6f6f6; margin-top:-53px; height: 350px; background: #fff; }
.a-b ul { float: left; width: 80px; height: 100%; background: #278cd8; text-align: center; box-sizing: border-box; padding:0 10px 0; }
.a-b ul li {height: 110px; box-sizing: border-box; padding:30px 0; border-bottom:1px solid #fff; }
.a-b ul li.sign { border:none; }
.a-b dl { width: 255px; float: left; margin-left:18px; }
.a-b dl dd {  height: 110px; border-bottom:1px solid #eee; }
.a-b dl dd a.t{ display: block; font-size: 18px;color:#0078ce;font-weight: bold; padding-top:18px; }
.a-c { font-size: 14px;color:#333333; line-height: 24px; margin-top:12px;}
.a-b dl dd.sign { border:none; }
.a-d { float: left; width: 440px; margin-left:28px; padding-top:48px; }
.a-d a.t { display: block; font-size: 16px;color:#333333; }
.a-d h2 { font-size: 20px; color:#333; font-weight: bold; margin:8px 0 14px; }
.a-e { font-size: 14px;color:#333333;line-height: 24px;}
.a-d a.more { display: block; width: 180px; height: 38px; box-sizing: border-box; line-height: 38px; font-size: 16px;color:#fff; padding-left:43px; background: url(../images/a4.png) no-repeat center; margin-top:36px; }
.a-f { float: right; padding-top:58px; }

.htit { width: 100%; height: 30px; background: url(../images/htit.png) no-repeat center; line-height: 30px; font-size: 30px; font-weight: bold; text-align: center; }
.b-a { margin:82px 0; }
.b-b { margin-top:34px; }
.b-b ul li {overflow: hidden; width: 220px!important; border:1px solid #ddd; float: left; margin-right:25px; height: 120px; box-sizing: border-box;  }
.b-b ul li img { transition: all 0.5s; }
.b-b ul li:hover img { transform: scale(1.2); }
.c-a { margin-top:66px; width: 100%; background: #f6f6f6; padding:50px 0 60px; }
.c-b { width: 1920px; position: relative; left:50%; margin-left:-960px; background: url(../images/d1.png) no-repeat left center; height: 540px; }
.c-c {position: relative;  width: 1395px; float: right; }
.c-d {float: left; width: 520px; padding-top:140px; box-sizing: border-box; padding-left:360px; }

.c-d { position: absolute; left:-520px; top:0; width: 520px; height: 600px; }
.c-d a { display: block; width: 60px; height: 60px; margin-left:38px; margin-bottom:20px; }
.c-d a.sPrev { background: url(../images/d2.png) no-repeat center; }
.c-d a.sNext { background: url(../images/d3.png) no-repeat center; }
.c-d .pageState { font-size: 30px;color:#125588; background: url(../images/d5.png) no-repeat center bottom; padding-bottom:10px;width: 130px; display: block; margin-top:50px; letter-spacing: 20px;}
.c-d .pageState span { font-size: 48px;color:#ffffff; }
.c-c ul { padding-top:60px!important; }
.c-c ul li { position: relative; transition: all 0.5s; float: left; margin-right:60px; box-shadow: 0 0 6px 5px rgba(200,200,200,0.3); height: 420px; width: 320px; border-bottom:10px solid #11446b; background: #fff; }
.c-e {margin-top:-4px; padding:19px 30px 4px; background: #fff; }
.c-e a.t { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display: block; font-size: 20px;color:#333333;font-weight: bold; }
.c-e span { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display: block; font-size: 14px;color:#278cd8;margin:5px 0; }
.c-f p { font-size: 12px;color:#333; line-height: 20px; }
.c-e a.more { background: url(../images/d6.png) no-repeat right center; font-size: 20px;color:#278cd8; font-weight: bold; display: block; border-top:1px solid #ddd; margin-top:13px; height: 51px; line-height: 51px; }

.c-c ul li:hover { margin-top:-20px; border-color:#278cd8; }


.cc {  }
.cc .parHd { text-align: center; margin-top:38px; margin-bottom:55px; }
.cc .parHd ul li {font-size: 16px;cursor: pointer; border-bottom:1px solid #fff; padding-bottom:10px; color:#333333; display: inline-block; margin: 0 23px; position: relative; }
.cc .parHd ul li:after { content:'';width: 5px; height: 5px; background: #000; border-radius: 50%; position: absolute; top:50%; margin-top:-2px; right:-27px; }
.cc .parHd ul li:last-child:after{ background: none; }
.cc .parHd ul li:hover,.cc .parHd ul li.on { border-color:#278cd8; }
.d-a { margin-top:42px; }
.d-b h2 { float: left; height: 30px; line-height: 30px; font-size: 30px;color:#333333;font-weight: bold; }
.d-b a.more { float: right; height: 30px; line-height: 30px; font-size: 18px;color:#333333; }
.d-b .hd { float: right;  }
.d-b .hd li { float: left; height: 30px; line-height: 30px; font-size: 18px;color:#333333; margin-right:6px; cursor: pointer; }
.d-b .hd li:hover span,.d-b .hd li.on span { color:#278cd8; }
.d-a .bd { margin-top:38px; }
.d-c { float: left; width: 386px; height: 400px; position: relative; overflow: hidden; }
.d-c img { transition: all 0.5s; }
.d-c:hover img { transform: scale(1.2); }
.d-d { width: 386px; height: 60px; position: absolute; left:0;bottom:0;line-height: 60px; background: url(../images/c1.png) no-repeat center; }
.d-d span { float: left; width: 120px; text-align: center; font-size: 20px; font-weight: bold; color:#fff; line-height: 20px; padding-top:10px; }
.d-d span i { display: block; font-size: 14px; font-weight: normal; margin-top:5px; }
.d-d a.t { float: left; width: 220px;margin-left:25px; font-size: 16px;color:#fff; font-weight: bold; }
.d-e {position: relative; float: left; width: 386px; margin-left:20px; background: #f6f6f6; height: 400px; }
.d-e a.pic {overflow: hidden; display: block; width: 386px; height: 200px; position: absolute; left:0;bottom:0; }
.d-e a.pic  img { transition: all 0.5s; }
.d-e a.pic:hover img { transform: scale(1.2); }
.d-f { padding:36px 30px 0; }
.d-f a.t { display: block; font-size: 16px;color:#333; font-weight: bold; }
.d-f span { display: block; font-size: 16px;color:#666666; margin:24px 0 12px; }
.d-g { font-size: 14px;color:#666666;line-height: 24px; }
.d-h { float: right; width: 385px; }
.d-h dl dd { margin-bottom:20px; width: 100%; height: 120px; box-sizing: border-box;padding:22px 30px 0;  background: #f6f6f6; }
.d-h a.t { display: block; font-size: 16px;color:#333; font-weight: bold; }
.d-h span { display: block; font-size: 16px;color:#666666; margin:10px 0 5px; }
.d-g { font-size: 14px;color:#666666;line-height: 24px; }
.cc .parBd ul li:hover .c-e a.t { color:#278cd8; }