@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, em, b, i, u, s, dl, dt, dd, ol, ul, li, input, select, textarea, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0;padding: 0;outline: 0 none;border: 0 none;-webkit-text-size-adjust: none}
html {_background-image: url(blank.jpg);_background-attachment: fixed;overflow-x: hidden;overflow-y: scroll}body {font-family: "Microsoft Yahei", \5FAE\8F6F\96C5\9ED1, Arial, simHei, "宋体", Helvetica;font-size: 18px;color: #000}article, aside, dialog, figure, footer, header, legend, nav, section, time {display: block}a{text-decoration: none;outline: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .4s ease-out;-ms-transition: all .4s ease-out;-o-transition: all .4s ease-out;transition: all .4s ease-out}a:focus {-moz-outline-style: none;background: 0}
button{border: 0}ul, ol, li {list-style: none}h1, h2, h3, h4, h5, h6, em, b, i, u {font-style: normal;font-weight: normal;}img {border: 0;vertical-align: top;-ms-interpolation-mode: bicubic;}
input, button, ul li {vertical-align: top}input, button:focus {outline: 0;}textarea {resize: none}.clearfix {zoom: 1}.clearfix:after {visibility: hidden;display: block;clear: both;height: 0;font-size: 0;content: "."}table {border-collapse: collapse;border-spacing: 0}
a, button {cursor: pointer}.fl {float: left}.fr {float: right}.clearfix {zoom: 1}
.clearfix:after {visibility: hidden;display: block;clear: both;height: 0;font-size: 0;content: "."}
.clear {clear: both}
.ban{width: 100%; height: 805px; background: url(../imgs/ban-bac.jpg) no-repeat center center;padding-top:20px}
.top-con,.ban-con,.one,.answer-con,.kc,.why-con,.bmkc-con,.speak,.book-con{ width: 1200px; margin: 0 auto}
.top-l img{ width: 133px; margin-top: 12px; float: left}
.top-r{ font-size: 30px; line-height: 54px; color: #fff;  margin-top: 11px;}
.ban-con p{ font-size:70px; color: #ffff3f; text-align: center }
.ban-con span{ font-size:32px; color: #fff; display: block;text-align: center; letter-spacing: 2px; margin-top: -8px }
.ban-con i{ font-size:36px; color: #fff; display: block;text-align: center }
.ban-con h5{ font-size:86px; font-weight: bold;color: #fff; text-align: center; margin-top: 10px}
.ban-con h5 b{color: #ffff3f;font-weight: bold; }
.ban-con div{ width: 400px; height: 2px; background: #fff; margin:15px auto 25px;}
.ban-con a,.btn{display: block;margin: 40px auto 0;width: 360px;height: 60px; background: #ffcc00;color: #333;font-size: 24px;text-align: center;line-height: 60px;border-radius: 30px;}
.one{ background: #feae1e; padding: 20px 0; border-top-right-radius: 25px; margin-top: -215px}
.one-l li{ float: left; width:119px; height: 84px; background: url(../imgs/img1.png) no-repeat center center; margin: 0 10px; text-align: center; font-size: 22px; padding-top: 35px }
.one-l{ margin-left: 10px; margin-right: 10px}
.bd-box input{ width:200px; padding-left: 20px; height: 45px; line-height: 45px; background: #fff; border-radius:5px; color: #0f0f0f; margin-right:20px}
.bd-box button{ display: inline-block; width: 119px; height:119px;  background: #4162c3; color: #fff; font-size: 28px; text-align: center;border-radius:100%;margin-top: -60px;}
.bd-box button i{display: inline-block; width: 107px; height:93px;  background: #4162c3; border: 1px dashed #fff;border-radius:100%;padding-top: 15px;}
.bd-box p{ font-size: 36px; color: #222; margin-bottom: 10px}
.answer,.bmkc,.book{ width: 100%; height: auto; background: #f3f3f3;padding:40px 0}
.title p{font-size: 40px; text-align: center; font-weight: bold; color: #333}
.title span{display: block; width: 60px; height: 5px; background: #d74730; margin: 10px auto 0}
.answer-l{ width: 520px; height: 340px; padding-top: 20px; background:#f4f4f4;margin-top:15px; margin-left: 50px; }
.answer-l p{ width: 520px; height: 54px; line-height: 54px; margin: 0 auto; background: #fff; margin-bottom: 10px}
.answer-l p span{ float: left; width:470px; font-size: 18px; color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; padding-left:25px }
.answer-l p span::before{content:""; display:inline-block; background: url(../imgs/img2.png) no-repeat right; width: 21px; height: 18px; background-size: 100% 100%;position: relative;left:-8px;top: 3px;}
.answer-l p a { display: inline-block; margin-top: 21px; }
.answer .btn{ background:#4162c3; color: #fff;margin-top: 10px }
.answer-hot span::after{content:""; display:inline-block; background: url(../imgs/img4.png) no-repeat right; width: 23px; height: 12px; background-size: 100% 100%;position: relative;left:-4px;top: -1px;}
.kc{ width: 1000px;}
.w7{ width: 200px}
.w8{ width: 400px}
.w9{ width: 400px}
.kc{ margin-top: 40px}
.kc .title,.book-con .title,.ls-con .title{ margin-bottom: 30px}
.kc tr th{ color: #333;text-align: center;font-size: 22px;border: 1px solid #dee2e6;font-weight: normal;}
.kc tr td{text-align: center;font-size: 16px;border: 1px solid #dee2e6; color: #444}
.kc tr .w1{ width: 210px}
.kc .table td, .kc .table th{padding:10px 0;vertical-align: middle;}
.kc-tab li:first-child{ background: #31c1a8;}
.kc-tab li:nth-child(2){ background: #fe8e1e;margin: 0 20px}
.kc-tab li:last-child{ background: #288fd6;}
.kc-tab li{ float: left; width: 480px; height: 56px; line-height: 56px; text-align: center; color: #fff; font-size: 28px; cursor: pointer}
.kc .kc-tab .kc-cur{background:#4162c3;}
.kc-btn{ display: block; width: 200px; height: 46px; line-height: 46px; background:#4162c3; color: #fff; text-align: center; margin: 0 auto; font-size: 20px; border-radius: 50px }
.kc .btn{ background:#fff;border: 2px solid #4162c3; color: #333}
.why{ width: 100%; height: auto; background: #4162c3; padding: 40px 0; margin-top: 40px}
.why .title p,.ls .title p{color: #fff}
.why .title span,.ls .title span{background: #fff;}
.why-box{width: 1000px; height: 684px; margin: 0 auto; background: url(../imgs/img5.png) no-repeat center center; margin-top: 30px}
.why-box li{ width: 270px; padding-top: 50px; float: left }
.why-box li p{ text-align: center; font-size:26px; color: #151515; margin-top: 45px }
.why-box li span{ display: block; width: 215px; margin: 25px auto 0;text-align: center; font-size:17px; color: #444; height: 110px }
.why-box li a{ display: block; width: 150px; height: 40px; line-height: 40px; text-align: center; background: #4162c3;margin: 0px auto; border-radius: 30px; text-align: center; font-size:17px; color: #fff }
.why-box li div{display: block; width: 50px; height: 2px; background: #4162c3; margin: 10px auto 0}
.why-box .why-li1{ margin-left:23px }
.why-box .why-li3{ margin-left:65px }
.why-box .why-li2{ margin-left:75px;margin-top: -45px;}
.speak{ margin:40px auto 50px}
.speak-box{ margin-top: 30px}
.speak-box li{ float: left; width:300px; height: 372px; background: #4162c3;}
.speak-box li img{ display: block; margin:30px auto 0; }
.speak-box li p{font-size: 26px; color: #fff; font-weight: bold;text-align: center;margin-top: 20px}
.speak-box li span{ display: block; width: 230px; height: 120px; margin: 15px auto 0; text-align: center; font-size: 18px; color: #fff; line-height: 28px }
.speak-box li a{ display: block; width:200px; height:40px; line-height: 40px; margin: 0px auto; text-align: center; font-size: 18px; background: #fff; color: #222; border-radius: 3px }
.speak-box .speak-bac2{background: #517fce;}
.bmkc .title{ margin-bottom: 30px}
.bmkc-bac{background: url(../imgs/img10.png) no-repeat top left; background-size:763px  170px;}
.bmkc-box li{float: left;}
.bmkc-w1{ width: 450px;}
.bmkc-li h6{ display: block; width: 150px; height: 40px; background:#c22f1e; color: #fff; text-align: center; line-height: 40px; font-size: 22px; margin-bottom: 25px }
.bmkc-li p{ color: #383838; font-size:18px; margin-bottom: 20px }
.long-line{ width: 60px; height: 1px; background:#c22f1e; margin-top:35px }
.short-line{ width: 30px; height: 1px; background:#c22f1e; margin-top: 10px }
.bmkc-w1 p span{display: inline-block; width: 150px;}
.bmkc-w2 p span{display: inline-block; width: 100px;}
.bmkc-img{ margin-top: 15px}
.bmkc-w2{ width:265px; margin-left: 35px }
.bmkc-mar{ margin-top: 15px}
.ls{ width: 100%; height: auto; padding: 40px 0; background:#4162c3; }
.ls-box{ width: 1160px; margin: 0 auto;background: #fff;padding: 40px 20px 70px ;}
.ls-xq{ background:#f6f6f6; padding-bottom: 10px }
.ls-xq div{ text-align: center; height:135px; width: 100%; background: #626262; font-size: 26px; color: #fff; padding-top: 30px; }
.ls-xq img{ display: block; margin: -80px auto 0;}
.ls-xq p{ font-size:18px; font-size: 17px; text-align: center; width: 80%; margin: 20px auto 0; height: 110px }
.ls-xq a{ display: block; width:200px; height:40px; line-height: 40px; margin: 25px auto; text-align: center; font-size: 18px; background: #323232; color: #fff; border-radius: 3px }
.ls-xq:hover div{ background: #4162c3}
.ls-xq:hover a{ background: #4162c3}
.ry{ width: 1015px; margin:40px auto;}
.ry-con{ margin-top: 30px}
.ry-con li{ float: left; margin: 0 10px;}

.xq{ width: 100%; height: auto; margin-top: 40px;padding-top: 35px;padding-bottom: 25px; }
.xq-con{ width: 1200px; margin: 0  auto;}
.xq-con .title{ margin-bottom: 40px;}
.xq-tabcon{ width: 1050px; border-top: 1px solid #4162c3; border-right: 1px solid #4162c3; padding: 35px 0}
.xq-detail{ margin-left: 30px; width: 600px;}
.xq-detail div{ height: 134px;}
.xq-detail h4{ font-size: 24px; color: #0c0c0c; margin-top: 15px;}
.xq-detail p{ font-size: 16px; color: #000; margin-top: 5px; line-height: 24px;}
.xq-detail a{ display: block;width: 280px;height: 52px;line-height: 52px;font-size: 21px;text-align: center;background: #4162c3;color: #fff;border-radius: 6px;cursor: pointer;}
.xq-tp{ margin-top: 35px;}
.xq-tp li img{ float: left; margin-right: 6px;}
.xq-tab li{ display: block; background: #4162c3; width: 140px; height: 45px; line-height: 45px; color: #fff; text-align: center; border-radius: 5px; margin-top: 5px; font-size: 18px; cursor: pointer}
.xq-tab .xq-cur{ background: #ba2541}

.book img{ max-width: 100%; min-width: 100%}

.kc .btn:hover{ background:#4162c3; color: #fff }