@charset "utf-8";

body { background: url(body.jpg) left 754px repeat-x; }

.banner { height: 670px; position: relative; margin: 0 auto; }
.banner .hd { width: 100%; height: 18px; overflow: hidden; position: absolute; bottom: 15px; z-index: 1; }
.banner .hd ul { height: 18px; float: right; display: inline; }
.banner .hd ul li { float: left; margin-left: 5px; width: 18px; height: 18px; background: url(normal.png); text-indent: -999em; font-size: 0; }
.banner .hd ul li.on { background: url(on.png); }
.banner .bd { position: relative; width: 100%; height: 670px; z-index: 0; overflow: hidden; }
.banner .bd ul { width: 1440px; height: 670px; position: absolute; left: 50%; top: 0; margin-left: -720px; }
.banner .bd ul li { zoom: 1; vertical-align: middle; height: 670px; }

/**aArea**/
.aArea { margin-top: 5px; height: 396px; position: relative; }
.aArea li { position: absolute; top: 0; }
.aArea .li0 { left: 0; }
.aArea .li1 { left: 256px; }
.aArea .li2 { right: 256px; }
.aArea .li3 { right: 0; }
.aArea li img { position: absolute; width: 232px; height: 396px; }

/**bArea**/
.bArea { border: 12px solid #fff; height: 194px; margin-top: 34px; border-radius: 5px; }
#focus_Box { width: 373px; height: 144px; float: left; display:inline; margin:25px 0 0 30px; position: relative;}
#focus_Box li {width:200px;height:136px;position: absolute; top: 0; left: 0; z-index: 0; border:4px solid #ccc;}
#focus_Box li img {width: 100%;height: 100%;vertical-align: top}
#focus_Box .prev, #focus_Box .next { display: block; width: 21px; height: 37px; z-index: 10; cursor: pointer; position: absolute; top: 54px; }
#focus_Box .prev { background: url(prev.png); left:20px; }
#focus_Box .next { background: url(next.png); right:20px; }
.bArea .main { float: left; margin: 22px 0 0 44px;}
.bArea .extra{float:right;width:190px;display:inline;margin:52px 30px 0 0;}
.bArea .tel{font-size:22px;color:#636363;background:url(tel.png) left center no-repeat;padding-left:35px;margin-bottom:12px;}