html, body { background: #f4f6f9; }
.knowledge { float: left; width: 100%; margin-bottom: 30px; }
.knowledge-fl { float: left; width: 940px; }
.xkswt { float: left; width: 100%; height: 90px; cursor: pointer; }
.xkswt:hover { box-shadow: 5px 5px 10px #ebebeb; }
.xkswt img { display: block; width: 100%; height: 90px; }
.knowledgebox { float: left; width: 100%; margin-top: 20px; }
.knowledge-item { float: left; width: 100%; background: #fff; border-bottom: 3px solid #189fd9; }
.knowledge-item a { display: block; float: left; height: 52px; line-height: 52px; width: 188px; text-align: center; font-size: 18px; color: #242424; position: relative; }
.knowledge-item a:before { content: ""; width: 1px; height: 40px; display: block; background: #f2f2f2; position: absolute; top: 6px; right: 0; }
.knowledge-item a.active { color: #fff; background: #189fd9; }
.knowledge-item a.active:before { background: #189fd9; }
.knowledge-list { float: left; width: 100%; margin-top: 12px; }
.knowledge-list>ul { float: left; width: 100%; background: #fff; padding: 0 18px; min-height: 1200; }
.knowledge-list>ul li { float: left; width: 100%; padding: 20px 0; border-bottom: 1px solid #f2f2f2; }
.knowledge-list>ul li:hover { box-shadow: 0 5px 10px #f8f8f8; }
.knowledge-list>ul li a { float: left; width: 100%; display: block; }
.knowledge-list>ul li a h3, .knowledge-list>ul li a p { color: #404040; }
.knowledge-list>ul li a:hover h3, .knowledge-list>ul li a:hover p { color: #189fd9; }
.knowledge-list>ul li a h3 { font-size: 18px; }
.knowledge-list>ul li a p { font-size: 14px; line-height: 1.7; margin-top: 6px; text-indent: 2em; }
.qkbox-fr { float: right; width: 240px; }
.qkfr-item { float: left; width: 100%; background: #fff; margin-bottom: 14px; }
.qkfr-item-name { float: left; width: 100%; font-size: 16px; color: #666666; font-weight: bold; padding-left: 18px; height: 52px; line-height: 52px; border-bottom: 1px solid #f4f6f9; }
.hotbook li a:hover span { color: #189fd9; text-decoration: underline; }
.hotbook { float: left; width: 100%; padding-left: 18px; padding-bottom: 10px; }
.hotbook li { float: left; width: 100%; }
.hotbook li a { float: left; width: 100%; padding: 10px 0px 0px 30px; background: url(../images/pdf.png) no-repeat; background-size: 16px; background-position: 0 center; font-size: 14px; color: #666666; }
.hotbook li a span { border-bottom: 1px solid #f4f6f9; padding-bottom: 10px; display: block; float: left; width: 100%; padding-right: 20px; }
.hotbook li:last-child a span { border-bottom: none;/*padding-bottom: 20px;*/
}
.re-book { float: left; width: 100%; padding: 0 10px; }
.re-book li { float: left; width: 100%; padding: 20px 0 20px 12px; border-bottom: 1px solid #eaeaea; }
.re-book li:last-child { border-bottom: none; padding-bottom: 30px; }
.re-book-img { float: left; width: 72px; height: 100px; }
.re-book-img a { display: block; float: left; }
.re-book-img img { float: left; display: block; width: 72px; height: 100px; }
.re-book-infor { float: left; width: 136px; padding-left: 12px; }
.re-book-infor a { display: block; float: left; width: 100%; font-size: 16px; color: #333; margin-top: -4px; margin-bottom: 2px; }
.re-book-infor a:hover, .hotbook li a:hover span { color: #189fd9; text-decoration: underline; }
.re-book-infor span { display: block; float: left; width: 100%; font-size: 12px; color: #666666; margin-top: 4px; }
.knbody { float: left; width: 100%; background: #fff; padding: 20px; }
.knbody-title { float: left; width: 100%; text-align: center; margin-top: 10px; }
.knbody-title h2 { font-weight: 500; font-size: 24px; color: #000; }
.knbody-title span { display: block; float: left; width: 100%; font-size: 14px; color: #333333; margin-top: 10px; }
.knbody-box { line-height: 32px; margin-top: 20px; margin-bottom: 20px; font-size: 16px; text-align: left; color: #333333; float: left; }
.knbody-box p { white-space: pre-line; margin: inherit; }
.knbody-page, .knbody-page div { float: left; width: 100%; }
.knbody-page { margin-bottom: 30px; }
.knbody-page div { margin-top: 20px; }
.knbody-page a { display: block; float: left; height: 32px; line-height: 30px; border: 1px solid #ebebeb; font-size: 16px; color: #999999; padding: 0 20px; }
.knbody-page a:hover { background: #f6fbfe; color: #189fd9; border: 1px solid #189fd9; }
.kn-swt { float: left; width: 100%; margin-top: 27px; }
.kn-swt a { display: block; float: left; width: 300px; height: 127px; cursor: pointer; background-repeat:no-repeat; background-size: 300px 127px; background-position: center;}
.kn-swt a span { display: block; float: right; width: 98px; height: 30px; line-height: 28px; color: #fff; font-size: 16px; text-align: center; border: 1px solid #fff; border-radius: 50px; margin-right: 10px; margin-top: 85px; }
.kn-swt a span:hover { background: #3470ee; border: 1px solid #3470ee; }
.kn-swt a:first-child { }
.kn-swt a:nth-child(2) { margin: 0 20px; }
.kn-swt a:nth-child(3) { }
.qk-sev { float: left; width: 100%; }
.qk-item { float: left; width: 100%; text-align: center; font-size: 32px; color: #333333; display: block; margin-top: 40px; }
.qksev-box, .qksev-box ul { float: left; width: 100%; }
.qksev-box ul { margin-top: 18px; }
.qksev-box ul li { width: 226px; height: 162px; float: left; background: #fff; margin-right: 11px; padding: 24px 8px 0 8px; }
.qksev-box ul li div { float: left; padding-left: 61px; height: 90px; width: 100%; background-repeat:no-repeat;}
.qksev-box ul li:first-child div { background-size: 49px 48px; }
.qksev-box ul li:nth-child(2) div { background-size: 48px 50px; }
.qksev-box ul li:nth-child(3) div { background-size: 48px 52px; }
.qksev-box ul li:nth-child(4) div { background-size: 48px 49px; }
.qksev-box ul li:last-child { margin-right: 0; }
.qksev-box ul li div span { display: block; float: left; width: 100%; font-size: 18px; font-weight: 550; color: #313232; margin-top: -5px; }
.qksev-box ul li div p { display: block; float: left; width: 100%; font-size: 14px; color: #626565; margin-top: 4px; }
.qksev-box ul li a { display: block; float: left; width: 100%; text-align: center; height: 32px; line-height: 32px; background: #189fd9; color: #fff; font-size: 16px; }
.resbox { float: left; width: 100%; }
.resbox img { display: block; float: left; width: 100%; height: 307px; margin-top: 18px; }
.qk-comment { float: left; width: 100%; }
.qk-comment li { float: left; width: 460px; height: 266px; padding: 28px 18px; background: url(../images/combg.png) no-repeat #fff; background-size: 419px 241px; background-position: 18px 6px; margin-top: 18px; }
.qk-comment li:nth-child(2n) { float: right; }
.qk-comment li span { display: block; float: left; width: 100%; padding-left: 50px; font-size: 16px; color: #333333; }
.qk-comment li p { float: left; width: 100%; display: block; font-size: 18px; color: #333333; margin-top: 12px; height: 166px; letter-spacing: 1px; }
.qk-comment li em { font-size: 16px; color: #189fd9; display: block; float: left; width: 100%; }
.knbody-re { float: left; width: 100%; margin-bottom: 50px; }
.knbody-re ul, .knbody-re ul li { float: left; width: 100%; }
.knbody-re ul { margin-top: 20px; }
.knbody-re ul li a { display: block; float: left; width: 100%; font-size: 16px; color: #333333; height: 52px; line-height: 52px; padding-left: 20px; }
.knbody-re ul li:nth-child(2n-1) { background: #fff; }
.knbody-re ul li a span { display: block; float: right; margin-right: 20px; }
.knbody-re ul li a:hover { color: #189fd9; }
.qknav { float: left; width: 100%; padding-left: 18px; padding-bottom: 18px; }
.qknav li { float: left; margin-right: 10px; margin-top: 12px; }
.qknav li a { display: block; float: left; height: 26px; line-height: 24px; font-size: 12px; color: #666666; padding: 0 14px; border: 1px solid #eaeaea; border-radius: 50px; }
.qknav li a:hover { color: #fff; background: #189fd9; border: 1px solid #189fd9; }
.serswt { float: left; width: 100%; padding: 10px; }
.serswt li { float: left; width: 100%; margin-bottom: 10px; }
.serswt li a { display: block; float: left; width: 100%; cursor: pointer; }
.serswt li a div { background-color:#f9f9f9; border: 2px solid #f9f9f9; float: left; width: 100%; padding-left: 80px; height: 84px;  background-repeat:no-repeat;}
.serswt li a div:hover{ background-color:#f5fbfd; border-color: #189fd9;}
.serswt li a:hover div { border-radius: 4px; box-shadow: 2px 2px 5px #c5dfea; }
.serswt li a:hover div span, .serswt li a:hover div em { color: #189fd9; }
.serswt li a div span { display: block; float: left; width: 100%; font-size: 16px; color: #333333; margin-top: 14px; }
.serswt li a div em { display: block; float: left; width: 100%; font-size: 12px; color: #333333; margin-top: 4px; }
.serswt li:first-child a div { background-size: 45px 34px; background-position: 19px center; }
.serswt li:nth-child(2) a div { background-size: 40px 40px; background-position: 21px center; }
.serswt li:nth-child(3) a div { background-size: 41px 44px; background-position: 18px center; }
.serswt li:nth-child(4) a div { background-size: 34px 40px; background-position: 22px center; }
.knbody-detail { text-align: center; font-size: 14px; letter-spacing: 1px; margin-top: 10px; cursor: pointer; float: left; width: 100%; }
.knbody-detail a { color: rgb(255, 0, 0); text-decoration: underline; cursor: pointer; }
.knbody-detail a em { color: rgb(251, 113, 1); }
.knbody-box p a { color: #537ffc; text-decoration: underline; }