@charset "utf-8";
/* 
 * Project Name: 德投
 * Author:浅浅
 * Date：2016-9-5
 */
@font-face { font-family: 'KnockoutHTF50Welterweight';}
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, 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; }
table, caption, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}
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 "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #666; background-color: #fff; }
article, aside, details, figcaption, figure, footer, header, 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; }
img { border: 0; }
input { outline: none; }
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; outline: none; }
::-moz-selection { background: #59b9ff; color: #fff; text-shadow: none; }
::selection { background: #59b9ff; color: #fff; text-shadow: none; }
select { outline: none; }
select::-ms-expand { display: 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; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner { width: 1200px; margin: 0px auto; }

/*base style end*/
/*index style*/

/*index style end*/
/*about style*/

.pageT { padding: 0px 0px 35px; }
.pageT .zh { font: bold 20px/1.5 "microsoft yahei"; color: #666666; }
.pageT .en { font: 18px/1.1 "KnockoutHTF50Welterweight"; color: #ccc; }
.pagenavBox { height: 42px; width: 1200px; margin: 0px auto; }
.pagenav { background-color: #f0f0f0; width: 100%; text-align: center; }
.pagenav .pnavbox { line-height: 42px; }
.pagenav a { text-align: center; color: #666666; font: bold 14px/42px "microsoft yahei"; float: left; display: block; width: 50%; }
.pagenav a:hover, .pagenav a.active { background-color: #006f93; color: #fff; }
.cpnav { display: none; width: 100%; color: #FFF; line-height: 42px; height: 42px; overflow: hidden; text-align: center; font-size: 14px; background: #006f93; cursor: pointer; }
.caret { display: inline-block; width: 0px; height: 0px; margin-left: 10px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.fixed { position: fixed; left: 0px; top: 0px; z-index: 970; }
.pagenav.fixed { top: 58px; }
.c006f93 { color: #006f93; }
.f18 { font-size: 18px; }

.hr-ts { margin-bottom: 90px; }
.hr-type a:link, .hr-type a:visited { color: #fff; }
.hr-type a:active, .hr-type a:hover { color: #fff; }
.hr-type { border-bottom: 1px solid #F0F0F0; margin-bottom: 20px; }
.hr-type a { height: 40px; position: relative; float: left; display: block; padding: 0px 28px; font: bold 14px/40px "microsoft yahei"; background-color: #999; margin-right: 8px; }
.hr-type a .i { position: absolute; background: url(sj2.png) no-repeat; width: 20px; height: 0px; left: 50%; margin-left: -10px; top: 100%; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.hr-type a:hover, .hr-type a.act { background-color: #77ad1c; }
.hr-type a:hover .i, .hr-type a.act .i { height: 100%; }
.hrList { font-size: 14px; color: #969696; line-height: 2; padding-bottom: 40px; }
.hrList a:link, .hrList a:visited { color: #969696; }
.hrList a:active, .hrList a:hover { color: #03A710; }
.hrList .hspan { text-align: center; cursor: pointer; width: 14%; display: block; float: left; height: 46px; line-height: 46px; }
.hrList .hmore { text-align: right; width: 30%; }
.hrList .hmore-ico { background: url(./hr_ico.png) no-repeat; width: 21px; height: 46px; position: absolute; right: 28px; top: 0px; transition: 400ms; -webkit-transition: 400ms; -moz-transition: 400ms; -ms-transition: 400ms; }
.hrList .hrdt { margin-bottom: 5px; background-color: #999999; color: #fff; }
.hrList dd { margin-bottom: 3px; position: relative; }
.hrList .hrT { background-color: #F6F6F6; color: #666; }
.hrList .hrT .hspan { transition: 400ms; -ms-transition: 400ms; -webkit-transition: 400ms; -moz-transition: 400ms; }
.hrList .hicon .ib { width: 21px; height: 21px; margin-top: 12px; display: block; position: relative; transition: 400ms; -webkit-transition: 400ms; -moz-transition: 400ms; -ms-transition: 400ms; }
.hrList .hicon i { display: block; background: #838383; }
.hrList .hicon .ic1 { width: 1px; height: 21px; margin-left: 10px; }
.hrList .hicon .ic2 { width: 21px; height: 1px; position: absolute; left: 0; top: 50%; margin-top: -1px; }
.hrList .hrB { border: 1px solid #77ad1c; display: none; }
.hrList .hrCon { width: 92%; margin: 0px auto; padding: 35px 0px; overflow: hidden; }
.hline { border-top: 1px solid #eee; padding: 30px 0px; margin-top: 35px; }
.hrList .active .hicon .ib { transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); }
.hrList dd.active .hicon i { background-color: #03a710; }
.hrList dd.active .hrT, .hrList dd:hover .hrT { background: #77ad1c; color: #fff; }
.hrList dd.active .hmore-ico, .hrList dd:hover .hmore-ico { background-position: center bottom; }