.aArea { background: url(a-1.png) bottom center no-repeat; height: 628px; }
.content-a { text-align: center; font-size: 14px; }

.bArea { background: #f6f6f6; padding: 45px 0 104px; }
.line-b b { background: #dedede;  }
.line-b s { background: #dedede;  }
.content-b { text-align: center; margin-top: 108px; }
.content-b li { display: inline-block; *display: inline; zoom: 1; width: 200px; position: relative; margin: 0 20px; }
.content-b li b, .content-b li span,  .content-b li i { display: block; }
.content-b li b { width: 80px; height: 80px; background: #ffffff; border-radius: 50%; position: absolute; left: 50%; margin-left: -40px; z-index: 0; }
.content-b li h2 { position: relative; z-index: 9; margin-bottom: 30px; height: 80px; line-height: 80px; }
.content-b li h2 img { vertical-align: middle; }
.content-b li span {  font-size: 18px; color: #217ecc; margin-bottom: 30px; }
.content-b li p { text-align: left; font-size: 14px; padding: 0 8px; }
.content-b li .more { text-align: right; padding: 0 8px; margin-top: 26px; }
.content-b li i { width: 0px; height: 6px; background: #217ecc; border-radius: 6px; margin: 0 auto; position: relative; top: -25px; transition-duration: .5s; }
.content-b li:hover i { width: 118px; }

.cArea { background:#ffffff url(c-1.jpg) top center no-repeat; padding: 32px 0 103px; }
.c-title { color: #ffffff; }
.c-title b, .c-title s, .c-title em { color: #ffffff; }
.c-title i { background: #ffffff; }
.content-c { margin-top: 88px; }
.content-c li { float: left; width: 225px; border: 1px solid #e1e1e1; text-align: center; padding-bottom: 30px; margin-right: 63px; }
.content-c li img { width: 100%; }
.content-c li span { display: block; height: 68px; background: url(c-3.jpg) bottom center no-repeat; line-height: 68px; font-size: 18px; }
.content-c li:last-child { margin-right: 0; }

.dArea { background: #f6f6f6; padding: 47px 0 60px; }
.dArea .hd li { float: left; padding: 0 20px; background: url(d-1.jpg) left center no-repeat; font-size: 24px; cursor: pointer; }
.dArea .hd li:first-child { padding: 0 20px 0 0;  background: none; }
.dArea .hd li.on { color: #217ecc; font-weight: bold; }
.dArea .hd a { float: right; line-height: 36px; display: inline-block; }
.dArea .bd { margin-top: 47px; }

.slide-d .left-d { float: left; width: 518px; margin-left: 34px; }
.slide-d .right-d { float: right; width: 509px;  }
.slide-d .right-d li { height: 80px;  margin-bottom: 14px; }
.slide-d .right-d span { display: block; float: left; width: 70px; text-align: center; font-size: 48px; line-height: 80px; color: #000000;  }
.content-r-d { float: right; width: 426px; margin-top: 20px; padding-right: 10px; }
.content-r-d>div { margin-bottom: 3px; }
.content-r-d>div a { font-size: 14px; color: #000000; }
.content-r-d em { float: right;  }
.l-content-d h1 a { font-size: 24px; font-weight: normal; }
.l-content-d p { color: #999999; line-height: 22px; }
.slide-d .right-d li:hover, .slide-d .right-d li.on { background: #217ecc; cursor: pointer; }
.slide-d .right-d li:hover span, .slide-d .right-d li.on span { color: #ffffff; }
.slide-d .right-d li:hover a ,.slide-d .right-d li.on a { color: #ffffff; }
.slide-d .right-d li:hover p, .slide-d .right-d li.on p { color: #ffffff; }
.slide-d .right-d li:hover em, .slide-d .right-d li.on em { color: #ffffff; }

.eArea { background: url(e-1.png) top center no-repeat; padding: 30px 0 0; }
.e-contact { text-align: center; margin-top: 40px; }
.e-contact h2 { height: 41px; line-height: 41px; }
.e-contact h2 img { vertical-align: middle; }
.e-contact li { display: inline-block; *display: inline; zoom: 1; height: 260px; margin: 0 70px;  }
.e-contact li span { display: block; font-size: 18px; color: #ffffff; margin: 13px 0 26px;  }
.e-contact li div { text-align: left; color: #ffffff; }