@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}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: 1000px;  background-size: cover; background-color:#f7f7f7; background-image:url(../imgs/img2.png); background-repeat: no-repeat; background-position:center center   }
.ban-con{ width: 100%; height: 747px; background:url(../imgs/img1.jpg) no-repeat top right;background-size: 40%;}
.top-l img{ width: 133px; margin-top: 12px; float: left}
.top-r{ font-size: 24px; line-height: 54px; color: #fff;  margin-top: 11px;}
.ban-box,.test,.ks-con,.kc,.book-con{ width: 1200px; margin: 0 auto;}
.ban-xq{ width:940px; margin-top: 90px}
.ban-xq p{font-size:60px;color: #333; text-align: center}
.ban-xq a{ display: block; width: 600px; background:#ff9327; height: 80px; line-height:80px;  font-size:40px;color: #fff; text-align: center; margin: 0 auto; border-radius:70px; margin-top: 25px }
.ban-xq h3{font-size:100px;color: #3f59cc; text-align: center; font-weight: bold; margin-top: 15px}
.bd{ width: 1100px; margin: 180px auto 0; height: auto; background-color:#697bcb; padding: 0 0 20px 0; border-top-left-radius:55px; border-bottom-right-radius: 55px }
.bd-box{width: 955px; margin: 0 auto;}
.bd-top{font-size:30px;margin-bottom: 15px;padding-left: 25px; color: #fff;width: 750px;}
.bd-top::before{ content:"●"; display: block; position: relative;right: 25px;top: 37px; color: #fff}
.bd-box input,.bd-box select{ width:200px; padding-left: 20px; height: 45px; line-height: 45px; background: #fff; border-radius:5px; color: #0f0f0f; margin-right:40px}
.bd-box button{ display: inline-block; width: 126px; height:126px;  background: #fff; color: #697bcb; font-size: 28px; text-align: center;border-radius:100%; margin-left: 30px;margin-top: -72px;}
.bd-box button i{display: inline-block; width: 110px; height:95px;  background: #fff; border: 1px dashed #697bcb;border-radius:100%;padding-top: 15px;}
.title h4{font-size:40px;color: #222; text-align: center; font-weight: bold; }
.title h4::after{content: ""; width: 56px;height: 56px; display: inline-block;
 background: url(../imgs/img3.png) no-repeat;position: relative;right: 30px;top: -1px; z-index: -1;}
.test-con{ margin-top: 35px}
.test-con h5{font-size:30px;color: #333; float: left; margin-top: 10px;width: 170px}
.test-con li{ float: left;width: 257px}
.test-con li a{ display: block; margin: 20px auto 0px; width: 180px; height: 42px; line-height: 42px; background:#697bcb; color: #fff; text-align: center; border-radius: 25px }
.test-con li span{ display: block; border-bottom: 1px dashed #697bcb}
.test-con li span i{ display: block; width: 10px; height: 10px; margin: 0px auto; background:#697bcb; border-radius: 25px;top: 6px;position: relative;  }
.test-con li p{ color: #333; font-size: 20px; text-align: center; line-height: 21px;}
.test-con .test-old a,.test-con .test-old span i{background:#a8a8a8}
.ks{ width: 100%; height: auto; background-color: #f7f8fc; padding: 30px 0;margin-top: 35px; background-image:url(../imgs/img10.png); background-repeat: no-repeat; background-position:center right}
.ks-con .title h4::after{z-index: 1;}
.ks-box{ margin-top: 30px}
.ks-box li{ float: left; width:590px; background: #fff;margin-right: 20px;padding:30px 0; border-radius: 10px; margin-bottom: 20px  }
.ks-box li:nth-child(2n),.kc-t li:nth-child(3n),.book-box li:last-child{ margin-right: 0}
.ks-box li img{ float: left; margin-left: 15px;margin-top: 6px}
.ks-box li div{float: left; width: 310px;margin-left: 10px}
.ks-box li div h5{ color: #697bcb; font-size: 24px;}
.ks-box li div p{ color: #5c5c5c; font-size: 18px;}
.ks-box li div span{  display: block; width:260px; border-bottom: 1px dashed #cccccc;margin: 5px 0}
.ks-box li a{ float: right; width:156px; display: block; height: 40px; line-height: 40px; text-align: center; color:#697bcb; border: 1px solid #697bcb; border-radius: 25px; font-size: 18px;margin-top: 20px; margin-right: 15px}
.ks-box li a:hover{ background:#697bcb; color: #fff }
.ks-box .ks-yellow div h5{color: #fe8e1e;}
.ks-box .ks-yellow a{color:#fe8e1e; border: 1px solid #fe8e1e;}
.ks-box .ks-yellow a:hover{background:#fe8e1e; color: #fff}
.ks-box .ks-green div h5{color: #0db68b;}
.ks-box .ks-green a{color:#0db68b; border: 1px solid #0db68b;}
.ks-box .ks-green a:hover{background:#0db68b; color: #fff}
.kc{ margin-top: 30px; }
.kc-bac{background-image: url(../imgs/img15.png),url(../imgs/img12.png); background-position: left center ,right 1700px; background-repeat: no-repeat;}
.kc-t{ width: 1148px; margin: 30px auto 0;}
.kc-t li{ float: left; width:340px; height: 370px; border: 1px solid #d5fff5; border-radius: 10px; padding:0; margin-right: 59px; margin-bottom:30px }
.kc-t li .kc-t-title{ width: 230px; height: 51px; line-height: 51px;background:#6acab3; border-radius:35px; border-bottom-right-radius: 0; border-top-right-radius:70px;margin-left: -25px; margin-top: 30px; margin-bottom: 15px}
.kc-t li .kc-t-title span{ display: block; width: 230px; height: 51px; line-height: 51px; text-align: center;  background-image: linear-gradient(to right, #6dcbb4 , #09b589); color: #fff; font-size: 24px;border-radius: 35px; border-bottom-right-radius: 0;border-top-right-radius:70px;margin-left: -10px }
.kc-t-xq{ height:170px }
.kc-t li p i{color: #222; font-size: 22px;}
.kc-t li p{color: #666; font-size: 18px; margin:0 auto 5px;width:300px; }
.kc-t li a{width:220px; display: block; height: 48px; line-height: 48px; text-align: center; color:#0eb68b; border: 1px solid #0eb68b; border-radius: 25px; font-size: 22px; margin: 25px auto 0;}
.kc-t li a:hover{ background:#0eb68b;color: #fff }
.kc-t .kc-t-bac1 .kc-t-title{background:#a4b5ff;}
.kc-t .kc-t-bac1 .kc-t-title span{background-image: linear-gradient(to right, #a3b4ff , #607dff);}
.kc-t .kc-t-bac1 a{color:#607dff; border: 1px solid #607dff;}
.kc-t .kc-t-bac1 a:hover{ background:#607dff;color: #fff}
.kc-t .kc-t-bac2 .kc-t-title{background:#ffc184;}
.kc-t .kc-t-bac2 .kc-t-title span{background-image: linear-gradient(to right, #ffc184 , #ff9326);}
.kc-t .kc-t-bac2 a{color:#ff9326; border: 1px solid #ff9326;}
.kc-t .kc-t-bac2 a:hover{ background:#ff9326;color: #fff}
.kc-t .kc-t-bac3 .kc-t-title{background:#ff969f;}
.kc-t .kc-t-bac3 .kc-t-title span{background-image: linear-gradient(to right, #ff8993 , #ff4353);}
.kc-t .kc-t-bac3 a{color:#ff4353; border: 1px solid #ff4353;}
.kc-t .kc-t-bac3 a:hover{ background:#ff4353;color: #fff}
.kc-t .kc-t-bac4 .kc-t-title{background:#6ccbb4;}
.kc-t .kc-t-bac4 .kc-t-title span{background-image: linear-gradient(to right, #6ccbb3 , #09b589);}
.kc-t .kc-t-bac4 a{color:#09b589; border: 1px solid #09b589;}
.kc-t .kc-t-bac4 a:hover{ background:#09b589;color: #fff}
.kc-t .kc-t-bac5 .kc-t-title{background:#a4b5ff;}
.kc-t .kc-t-bac5 .kc-t-title span{background-image: linear-gradient(to right, #a3b4ff , #627eff);}
.kc-t .kc-t-bac5 a{color:#627eff; border: 1px solid #627eff;}
.kc-t .kc-t-bac5 a:hover{ background:#627eff;color: #fff}
.kc-c{width: 1148px; margin: 0 auto; background:#697bcb; padding: 20px 0; }
.kc-c h6{ font-size: 30px; text-align: center; color: #fac509;margin-bottom: 25px}
.kc-c span{  display: block; background: #bbc5f2; width:1000px; height: 1px; margin: 0 auto;}
.kc-c ul{ width:930px; margin: 25px auto 0; overflow: hidden }
.kc-c ul li{ float: left; width: 130px; height: 40px; line-height: 40px; border: 1px solid #fff; text-align: center; color: #fff; border-radius: 25px;margin: 0 10px; font-size: 20px}
.kc-c ul li a{ display: block; width: 100%}
.kc-c ul li:hover{ background: #fff; color:#697bcb }
.kc-b{ margin-top: 20px}
.kc-b-title{font-size: 30px; text-align: center; color: #222;margin-bottom: 25px}
.kc-b-title span{color: #627eff;}

.kc-b table{width: 1148px; margin: 0 auto;}
.kc-b tr th{ color: #fff;text-align: center;font-size: 22px;font-weight: normal}
.kc-b tr td{text-align: center;font-size: 16px;border: 1px solid #dee2e6; color: #444}
.kc-b tr .w1{ width: 287px}
.kc-b tr .w2{ width:287px}
.kc-b .table td, .kc-b .table th{padding:10px 15px;vertical-align: middle;}
.kc-b .bac1{color: #fff;font-size: 20px;border-bottom: 1px solid #dee2e6;}
.bac1{ background: #697bcb}
.bac2{ background: #fac509}
.bac3{ background: #486fc4}
.bac4{ background: #fe8e1e}

.kc-btn{display: block; font-size:22px; margin: 35px auto 0px;width: 320px; height: 60px;line-height: 60px;background: #697bcb; color: #fff;text-align: center;border-radius: 35px;}
.book{width: 100%; height:650px;  background-size: cover; background-color:#fff; background-image:url(../imgs/img11.png); background-repeat: no-repeat; background-position:center center}
.book .title{ padding-top: 160px}
.book .title h4{color: #fff;}
.title p{font-size:18px;color: #fff; text-align: center;}
.book .title h4::after{display: none}
.book-box{overflow: hidden; width: 1000px;margin: 35px auto;}
.book-box li{float: left; width:180px; margin-right:24px }
.book-box li img{ border-radius:4px}
.book .kc-btn{background: #ff9831}
.ls{ width: 100%; height: auto; padding: 40px 0; background-color:#f6f6f6; background-image: url(../imgs/img13.png); background-repeat: no-repeat; background-position:25px center; background-size: 84px 92px}
.ls-box{ width: 1200px; margin: 30px auto 0;}
.ls-xq{ background:#f6f6f6; padding-bottom: 10px }
.ls-xq h6{ text-align: center; font-size: 26px; color: #222; margin-top: 15px }
.ls-xq img{ display: block; margin: 0px auto;}
.ls-xq p{ font-size:18px; font-size: 17px; text-align: center; width: 80%; margin: 10px auto 0; height: 80px }
.ls-xq a{ display: block; width:200px; height:40px; line-height: 40px; margin: 10px auto; text-align: center; font-size: 18px; color: #697bcb;
    border: 1px solid #697bcb; border-radius: 25px }
.ls-xq:hover a{ background: #697bcb; color: #fff}
.ls-box .swiper-button-prev{background-image: url(../imgs/btn-l.png);
left: 10px;right: auto;width: 14px;height: 22px; -moz-background-size: 14px 22px; -webkit-background-size: 14px 22px;background-size: 14px 22px;}
.ls-box .swiper-button-next {background-image: url(../imgs/btn-r.png);right: 10px;left: auto;width: 14px;height: 22px;-moz-background-size: 14px 22px;-webkit-background-size: 14px 22px;background-size: 14px 22px;
}
.ls .title h4{ line-height:21px }
.ls .title h4::after{ z-index: 1;right: 224px;top: -58px;}
.xq{ width: 100%; height: auto; margin-top: 40px;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: #697bcb; width: 140px; height: 45px; line-height: 45px; color: #fff; text-align: center; border-radius: 5px; margin-top: 15px; font-size: 18px; cursor: pointer}
.xq-tab .xq-cur{ background: #ff9327}








































@media screen and (max-width:1600px) {
	.ban-con { background-size: 39%;}
	.bd {width: 1100px;margin: 120px auto 0;}
	.ban {height: 840px;}
	.ban-xq {margin-top: 65px;}
	.ban-xq p {font-size: 50px;}
	.ban-xq h3 {font-size: 90px; margin-top: 5px;}
}

@media screen and (max-width:1600px) {
	.ban-con { background-size: 40%;}
}