body, html { background: #f4f6f9; }
.qkdtbox { float: left; width: 100%; }
.qkdtbox-top { float: left; width: 100%; background: #fff; padding: 20px; }
.qkbook { float: left; width: 100%; }
.qkbook-fl { float: left; width: 242px; height: 328px; }
.qkbook-fl img { display: block; width: 242px; height: 328px; }
.qkbook-fr { float: left; width: 918px; padding: 0 60px; }
.booktitle { float: left; width: 100%; }
.booktitle h1 { float: left; display: block; font-size: 36px; color: #000000; margin-top: -5px; }
.booktitle div { float: left; margin-top: 4px; }
.booktitle div a { float: left; display: block; font-size: 14px; color: #ffffff; height: 30px; line-height: 30px; background: #189fd9; padding: 0 16px; border-radius: 50px; margin-left: 20px; }
.booktitle span { display: block; float: left; width: 100%; font-size: 12px; color: #333333; }
.qkbook-list { float: left; width: 100%; margin-top: 26px; border-bottom: 1px solid #e7eaee; padding-bottom: 18px; }
.qkbook-list li { float: left; font-size: 14px; margin-bottom: 10px; }
.qkbook-list li:nth-child(3n-2) { width: 312px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.qkbook-list li:nth-child(3n-1) { width: 270px; }
.qkbook-list li:nth-child(3n) { width: 216px; }
.qkbook-list li span { font-size: 16px; }
.qkbook-list li em, .qkbook-list li a { font-size: 14px; }
.qkbook-list li a { color: #189fd9; }
.qk-s { float: left; width: 100%; margin-top: 18px; }
.qk-h { margin-top: 10px; }
.qk-s span { display: block; float: left; font-size: 16px; color: #333333; }
.qk-s ul { float: left; width: 700px; }
.qk-s ul li { float: left; }
.qk-s ul li a { display: block; float: left; font-size: 16px; color: #189fd9; margin-right: 10px; }
.bookswt { margin-top: 20px; }
.bookswt, .bookswt ul { float: left; width: 100%; }
.bookswt ul li { float: left; width: 275px; height: 120px; padding: 8px 10px 5px 10px; margin-right: 20px; }
.bookswt ul li:last-child { margin-right: 0; }
.bookswt ul li:first-child { background: url(../images/qkd1.png) no-repeat; background-size: 275px 120px; }
.bookswt ul li:nth-child(2) { background: url(../images/qkd2.png) no-repeat; background-size: 275px 120px; }
.bookswt ul li:nth-child(3) { background: url(../images/qkd3.png) no-repeat; background-size: 275px 120px; }
.bookswt ul li:nth-child(4) { background: url(../images/qkd4.png) no-repeat; background-size: 275px 120px; }
.bookswt ul li span { display: block; float: left; width: 100%; font-size: 18px; color: #fff; font-weight: bold; }
.bookswt ul li p { font-size: 14px; color: #dcf4ff; float: left; height: 60px; }
.bookswt ul li a { display: block; background: #f7603e; height: 28px; line-height: 26px; color: #fff; font-size: 16px; width: 106px; text-align: center; border-radius: 50px; float: right; margin-top: -5px; cursor: pointer; }
.bookswt ul li a:hover { background: #edf6ff; color: #0f93cc; }
.service-step { float: left; width: 100%; }
.service-step-top { display: block; float: left; width: 100%; text-align: center; font-size: 32px; color: #333; margin-top: 15px; }
.service-step-box { float: left; width: 100%; padding: 0 19px; margin: 40px 0; }
.service-step-box span { display: block; float: left; width: 146px; height: 36px; line-height: 36px; color: #189fd9; font-size: 20px; background: #cee8f5; border-radius: 50px; text-align: center; }
.service-step-box em { display: block; float: left; width: 41px; height: 36px; background: url(../images/jt.png) no-repeat; background-size: 41px 10px; margin: 0 8px; background-position: center; }
.qkbox { float: left; width: 100%; margin-bottom: 50px; }
.qkbox-fl { float: left; width: 940px; }
.qkbox-tab { float: left; width: 100%; border-bottom: 3px solid #189fd9; background: #fff; }
.qkbox-tab a { display: block; float: left; width: 20%; height: 52px; line-height: 52px; color: #242424; font-size: 18px; text-align: center; border-right: 1px solid #f2f2f2; cursor: pointer; }
.qkbox-tab a:last-child { border-right: none; }
.qkbox-tab a.check { background: #189fd9; color: #fff; border-right: 1px solid #189fd9; }
.qkjj-box { float: left; width: 100%; padding: 20px 20px 0 20px; background: #fff; margin-top: 10px; }
.qkbox-title { float: left; width: 100%; font-size: 18px; color: #404040; font-weight: 550; display: block; }
.qksub { font-size: 14px; color: #404040; float: left; width: 100%; line-height: 1.7; text-align: left; text-indent: 2em; margin: 5px 0 20px 0; overflow: hidden; }
.qkbox-set { float: left; width: 100%; font-size: 14px; line-height: 1.7; text-indent: 2em; margin: 5px 0 20px 0; color: #404040; }
.qkbox-set span { display: block; float: left; margin-right: 10px; }
.qkbox-set a { display: block; float: left; height: 30px; line-height: 30px; background: #e7f5fb; font-size: 14px; color: #17b9ff; padding: 0 16px; border-radius: 50px; text-align: center; text-indent: 0; margin-left: 12px; margin-top: 5px; }
.qkbox-set a:hover { color: #fff; background: #189fd9; }
.swt-img { float: left; width: 100%; height: 89px; cursor: pointer; }
.qk-time { float: left; font-size: 14px; color: #17b9ff; width: 100%; margin: 10px 0 0px 0; text-indent: 2em; }
.swtbottom { margin-top: 0; }
.ques-box { float: left; width: 100%; }
.ques-box-top { float: left; width: 100%; text-align: center; margin-top: 40px; margin-bottom: 28px; }
.ques-box-top span { font-size: 28px; color: #189fd9; font-weight: bold; position: relative; }
.ques-box-top span:before { content: ""; width: 44px; height: 38px; background: url(../images/q1.png) no-repeat; background-size: 44px 38px; position: absolute; left: -60px; top: -10px; }
.ques-box-top span:after { content: ""; width: 44px; height: 38px; background: url(../images/q2.png) no-repeat; background-size: 44px 38px; position: absolute; right: -60px; bottom: -20px; }
.ques-box-top em { display: block; font-size: 12px; color: #189fd9; opacity: 0.3; position: relative; letter-spacing: 2px; text-transform: uppercase; margin-top: 5px; }
.ques-box-top em:before { content: ""; width: 105px; height: 5px; background: #b2dcef; display: block; left: 417px; position: absolute; top: -10px; }
.ques-list, .ques-list ul { float: left; width: 100%; }
.ques-list ul li { float: left; width: 100%; background: #fff; height: 52px; /*113*/
position: relative; padding: 0px 20px; overflow: hidden; margin-bottom: 10px; }
.ques-list ul li.qushow { height: 105px; }
.ques-list-common ul li:before { content: ""; width: 12px; height: 38px; background: #189fd9; border-radius: 50px; display: block; float: left; margin-left: -26px; margin-top: 8px; }
.ques-list-common ul li.qushow:before { height: 78px; margin-top: 14px; }
.ques-list-q { margin-top: 16px; }
.ques-list-q, .ques-list-a { float: left; width: 100%; }
.ques-list-q em { display: block; float: left; width: 20px; height: 20px; background: #189fd9; color: #fff; font-size: 14px; border-radius: 50%; text-align: center; line-height: 20px; }
.ques-list-q span { display: block; float: left; font-size: 16px; line-height: 20px; color: #189fd9; margin-left: 12px; font-weight: bold; }
.ques-list-q text { display: block; float: right; width: 20px; height: 20px; background: url(../images/xl.png) no-repeat; background-size: 20px; cursor: pointer; }
.ques-list ul li.qushow div.ques-list-q text { transform: rotate(180deg); -ms-transform: rotate(180deg); 	/* IE 9 */ -moz-transform: rotate(180deg); 	/* Firefox */ -webkit-transform: rotate(180deg); /* Safari 和 Chrome */ -o-transform: rotate(180deg); }
.ques-list-a em { display: block; float: left; width: 16px; height: 16px; background: #91a8b2; color: #fff; font-size: 12px; border-radius: 50%; text-align: center; line-height: 15px; margin-left: 2px; }
.ques-list-a { margin-top: 18px; }
.ques-list ul li.qushow div.ques-list-a { margin-top: 10px; }
.ques-list-a p { display: block; float: left; font-size: 16px; line-height: 1.5; color: #666666; margin-left: 12px; width: 868px; margin-top: -2px; }
.formbox { float: left; width: 100%; margin-top: 30px; }
.box-title { float: left; width: 100%; text-align: center; font-size: 32px; color: #000000; padding-top: 22px; background: #fff; padding-bottom: 14px; border-bottom: 2px solid #f4f6f9; }
.formbox-item { float: left; width: 100%; background: #fff; margin-bottom: 10px; padding-bottom: 10px; }
.box-sub-title { font-size: 16px; color: #189fd9; display: block; float: left; padding-left: 40px; position: relative; margin-top: 20px; }
.box-sub-title:before { content: ""; display: block; width: 5px; height: 5px; background: #189fd9; border-radius: 50%; position: absolute; left: 30px; top: 10px; }
.ques-list-q p { font-size: 18px; color: #189fd9; float: left; display: block; width: 100%; font-weight: bold; margin-bottom: 12px; }
.ques-list-other ul li span { color: #333333; }
.ques-list-other ul li:before { content: ""; width: 12px; height: 78px; background: #189fd9; border-radius: 50px; display: block; float: left; margin-left: -26px; margin-top: 16px; }
.ques-list-other ul li:first-child, .ques-list-other ul li:last-child { height: 126px; }
.ques-list-other ul li:first-child:before, .ques-list-other ul li:last-child:before { height: 92px; }
.ques-list-other ul li:nth-child(2) { height: 202px; }
.ques-list-other ul li:nth-child(2):before { height: 166px; }
.ques-list-other ul li:nth-child(3) { height: 176px; }
.ques-list-other ul li:nth-child(3):before { height: 142px; }
.qk-about, .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; }
.qk-about>div{ display: block; float: left; width: 100%; font-size: 20px; color: #333333; text-indent: 2em; line-height: 1.7; margin-top: 30px; }
.lc { display: block; float: left; width: 100%; height: 190px; margin-top: 20px; }
.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 { padding-left: 61px; height: 90px; }
.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:last-child { margin-right: 0; }
.qksev-box ul li:first-child div { float: left; width: 100%; background-repeat:no-repeat; background-size: 49px 48px; }
.qksev-box ul li:nth-child(2) div { float: left; width: 100%; background-repeat:no-repeat; background-size: 48px 50px; }
.qksev-box ul li:nth-child(3) div { float: left; width: 100%; background-repeat:no-repeat; background-size: 48px 52px; }
.qksev-box ul li:nth-child(4) div { float: left; width: 100%; background-repeat:no-repeat; background-size: 48px 49px; }
.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; cursor: pointer; }
.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%; }
.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; }
.qksev-box ul li:hover { box-shadow: 5px 5px 10px #ebebeb; }
.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; }
.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; }
.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;*/
}
.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; }