@charset "utf-8";
/* CSS Document */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body { font: 12px/1.8 Arial,"Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #6a7884; background-color: #fff; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; }
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; }
::-moz-selection { background: #7B7B7B; color: #fff; text-shadow: none; }
::selection { background: #7B7B7B; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }



a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.inner { width: 100%; margin: 0px auto; }
.hrPage { padding: 5% 0px; }
.pageC { overflow: hidden; font-size: 14px; color: #525252; line-height: 2; }
.pageC a:link, .pageC a:visited { color: #030101; }
.pageC a:active, .pageC a:hover { color: #7B7B7B; }
.pageC img { max-width: 100%; }
.hrT { padding: 15px 2%; width: 92%; margin: 0px auto; }
.join-dl { color: #575757; border-top: 3px solid #e6e6e6; width: 96%; margin: 0px auto; }
.join-dl dt { cursor: pointer; position: relative; padding: 25px 20px; border-bottom: 3px solid #e6e6e6; height: 22px; position: relative; overflow: hidden; font: 14px/1.8 "microsoft yahei"; }
.join-dl dt .joico { width: 15px; height: 15px; position: absolute; right: 20px; top: 28px; font-size: 15px; }
.join-dl dt .name { font-size: 16px; }
.join-dl dt .joico .line1 { width: 15px; height: 3px; overflow: hidden; background: #575757; position: absolute; left: 0; top: 6px; transition: 400ms; }
.join-dl dt .joico .line2 { width: 3px; height: 15px; overflow: hidden; background: #575757; position: absolute; left: 6px; top: 0; transition: 400ms; }
.join-dl dt .joico .line3 { width: 15px; height: 3px; overflow: hidden; background: #575757; position: absolute; left: 50px; top: 6px; opacity: 0; filter: alpha(opacity=0); transition: 400ms; }
.join-dl dt.joinact .line1 { left: -70px; opacity: 0; filter: alpha(opacity=0); }
.join-dl dt.joinact .line2 { top: -70px; opacity: 0; filter: alpha(opacity=0); }
.join-dl dt.joinact .line3 { left: 0px; opacity: 1; filter: alpha(opacity=100); background-color: #fff; }

.join-dd { padding: 28px 20px 40px; display: none; color: #b0b0b0; font-size: 14px; line-height: 1.5; background-color: #fff; border-bottom: 3px solid #e6e6e6; }
.join-dl dt.joinact { background-color: #7B7B7B; color: #fff; }
.hrT a.down { border-bottom: 1px solid #d00000; color: #d00000; }