@charset "utf-8";

.title {height: 36px; line-height: 36px; font-size: 18px; color: #fff; padding-left: 18px; }
.title a {color: #ca0006; float: right; margin-right: 13px;font-size: 16px; }
.container { overflow: hidden; }

.row1 {margin-top: 17px; }
.row1 > div {float: left; margin-right: 20px; }
.face {width: 580px; }
.face > img:last-child {margin-top: 10px; }
.slide {position: relative; }
.hd {position: absolute; right: 0; bottom: 6px; z-index: 20; }
.row1 > div .hd li {float: left; width: 16px; height: 16px; background: #fff; color: #000; line-height: 16px; text-align: center; cursor: pointer; margin-right: 7px; font-size: 0; display: block !important;}
.row1 > div .hd.hd .on {background: #f00; color: #fff;}
.depart {width: 600px; }
.depart .title { background: url("bg1.jpg") no-repeat center; }
.depart .topArea {margin-bottom: 10px; }
.depart .content {padding: 15px 25px; font-size: 14px; color: #333333; line-height: 32px;  height: 228px; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; margin-top: 4px; background: #fff; }

.row1 li {line-height: 38px; font-size: 14px; color: #4c4c4c; }
.row1 li span {float: right; margin-right: 10px; }

.row2 {margin-top: 10px; margin-bottom: 33px; }
.row2 > div {float: left; margin-right: 20px; }
.row2 .content {background: #fff; }
.row2 li {line-height: 38px; font-size: 14px; color: #4c4c4c; }
.row2 li span {float: right; margin-right: 10px; }
.rule, .download {width: 360px; }
.notice {width: 440px; }
.rule .title, .download .title {background: url("bg2.jpg") no-repeat center; margin-bottom: 10px; }
.notice .title {background: url("bg3.jpg") no-repeat center; margin-bottom: 10px; }
.content {border: 1px solid #dcdcdc; padding: 12px 0; }
.row1 .content a,
.row2 .content a {padding-left: 21px; background: url('dot.png') no-repeat 10px center; color: inherit; }
.row1 .content a:hover,
.row2 .content a:hover {color: #CB0006; }
.row1 a span,
.row2 a span {float: right; margin-right: 10px; }