@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: 800px;  background-size: cover; background-color:#f7f7f7; background-image:url(../imgs/img1.jpg); background-repeat: no-repeat; background-position:center center}
.top-con{padding-top: 15px}
.top-con,.ban-con,.about,.fs,.time,.kc-con,.ls,.fw{ width: 1200px; margin: 0 auto;}
.top-l img{ width: 133px; margin-top: 12px; float: left}
.top-r{ font-size: 24px; line-height: 54px; color: #fff;  margin-top: 11px;}
.ban-l{ width: 683px;margin-top:60px}
.ban-r{ width: 560px; margin-left: -50px;margin-top:20px}
.ban-l h2{font-size: 85px;font-weight: bold;color: #fff; }
.ban-l p{font-size: 50px;color: #fff; margin-top:5px }
.ban-l i{font-size: 28px;color: #ffe97e; display: block;margin-top:15px }
.ban-l span{ display: block; width: 150px; height: 3px; background:#fff; margin-top: 15px }
.ban-l a{ display: block; width: 280px; height: 60px; line-height: 60px; text-align: center; background:#fff; border-radius: 40px; font-size: 24px; color: #7b95ed; margin-top: 35px}
.ban-ul{ width: 1100px; margin: -200px auto 0;}
.ban-ul li{ float: left; width: 235px; height: 215px; background: #fff; border-radius: 5px; box-shadow:0px 0px 11px #b7b7b7; margin: 0 20px}
.ban-ul li img{ display: block;margin:35px auto 0;}
.ban-ul li p{font-size: 22px;color: #666; text-align: center; margin-top: 20px}
.about{ margin-top: 25px}
.title h3{ color: #373737; font-weight: bold; text-align: center; font-size: 42px;margin-top: -50px}
.title span{ display: block; color: #eeeeee; font-weight: bold; text-align: center; font-size: 80px; line-height: 80px}
.about-con{width: 1100px; margin: 30px auto 0;}
.about-l{width: 326px}
.about-r{width: 720px}
.about-r p{font-size: 20px;color: #666; line-height: 30px; margin-top: 40px}
.about-r a{ display: block; width: 200px; height: 50px; line-height: 50px; text-align: center; background:#7b95ed; font-size: 20px; color: #fff; margin-top: 35px; float: right}
.vs,.kc{ width: 100%; height: auto; padding: 30px 0; background: #f8f8f8; margin-top: 30px}
.vs-con{width: 1220px; margin: 0px auto;}
.vs-box{width:1218px; height: 422px;  background-size: cover; background-color:#f7f7f7; background-image:url(../imgs/img17.png); background-repeat: no-repeat; background-position:center center; margin-top: 25px}
.vs-l{ width: 608px;}
.vs-r{ width: 520px; margin-left: 75px}
.vs-l-top{width:568px; height: 100px; background: #fff; border-bottom-left-radius: 30px; margin: 50px auto 30px; font-size: 16px}
.vs-l-top p{ display: block; width:94%; margin: 0px auto;padding-top: 12px;line-height: 22px}
.vs-l-top p span{ color: #b40808;}
.vs-l-top p span i{ font-size: 20px}
.vs-l-p{font-size: 16px; color: #fff; margin: 18px 0 18px 25px }
.vs-l-p::before{content: '';width: 22px;height: 18px;display: inline-block;
background: url(../imgs/img8.png) no-repeat;vertical-align: top;margin-right: 4px;}
.vs-r .vs-l-top{background:#7b95ed; width: 480px}
.vs-r .vs-l-top p{ color: #fff}
.vs-r .vs-l-top p span{ color: #fffd58;}
.vs-r .vs-l-p{color: #333}
.vs-r .vs-l-p::before{background: url(../imgs/img9.png) no-repeat;}
.vs .fw-btn,.time .fw-btn{ background: #7b95ed; color: #fff; margin-top: 30px}
.fs{ margin-top: 30px}
.w1{ width: 300px}
.table tr th{ color: #fff;text-align: center;font-size: 22px;border: 1px solid #dee2e6;font-weight: normal;}
.table tr td{text-align: center;font-size: 17px;border: 1px solid #dee2e6; color: #444;line-height:24px }
.table{ margin-top: 25px}
.table td,.table th{padding:15px 10px;vertical-align: middle;}
.fs-bac1{ background: #fac509;color: #fff;}
.fs-bac2{ background: #486fc4;color: #fff;}
.fs-bac3{ background: #288fd6;color: #fff;}
.fs-bac4{ background: #fe8e1e;color: #fff;}
.fs-btn{ width: 700px; margin: 0 auto; overflow:hidden}
.fs-btn a{ width: 300px; height: 58px; line-height: 58px; color: #fff; text-align: center; margin: 30px auto 0; font-size: 24px; border-radius: 50px }
.fs-btnl{float: left;background: #7b95ed;}
.fs-btnr{float: right;background: #f09a20;}
.test{width: 100%; height: auto; padding: 30px 0 50px;margin-top: 40px; background: #7b95ed;}

.test .title h3,.xq .title h3,.xq .title p{ color: #fff}
.test .title span,.xq .title span{ color: #728bdd}
.test-box{ background-color: #fff; width:1000px; height: 620px; margin: 30px auto 0; background-image: url(../imgs/img10.jpg); background-repeat: no-repeat;background-size:467px 468px; background-position: center 40px}
.test-ul li p{ color: #242424; font-size: 24px;}
.test-ul li p span{ font-size: 20px; display: block}
.test-p1{ margin-left: 115px;margin-top: 122px;}
.test-p2{ margin-left: 60px;margin-top: 205px;}
.test-p4{ margin-left:205px;margin-top: 205px;}
.test-p5{ margin-left:5px;margin-top: 60px;}
.test-p6{ margin-left:75px;margin-top: 150px;}
.test-p3{color: #242424; font-size: 30px; font-weight: bold;text-align: center; line-height: 35px;margin-top: 210px;margin-left:65px;}
.test-p3 span{color: #242424; font-size: 26px;}
.title p{color: #242424; font-size: 24px; text-align: center}
.time{ margin-top: 40px}
.time-con{ width: 1080px; margin: 30px auto 0;}
.time-con li{ float: left; width: 220px; height: 220px; border:1px solid #ff7171; border-radius: 100%;margin: 0 23px}
.time-t{width: 219px; height: 110px; text-align: center; color:#ff7171; font-size: 50px; line-height: 110px}
.time-b{width: 219px; height: 110px; border-bottom-left-radius: 150px; border-bottom-right-radius: 150px; background:#ff7171;  text-align: center; }
.time-b span{ display: block; color:#fff;  font-size: 26px; padding-top: 20px}
.time-con .time-bac2{border:1px solid #208ff7;}
.time-bac2 .time-t{color:#208ff7;}
.time-bac2 .time-b{background:#208ff7;}
.time-con .time-bac3{border:1px solid #7b95ed;}
.time-bac3 .time-t{color:#7b95ed;}
.time-bac3 .time-b{background:#7b95ed;}
.time-con .time-bac4{border:1px solid #7451e6;}
.time-bac4 .time-t{color:#7451e6;}
.time-bac4 .time-b{background:#7451e6;}
.w2{ width: 200px}
.w3{ width: 500px}
.kc .kc-th{ color: #333}
.one{ width: 1200px; background: #fb6924; padding: 20px 0 5px; border-radius: 80px; margin: 25px auto 0}
.bd-box input{ width:210px; padding-left: 20px; height: 45px; line-height: 45px; background: #fff; border-radius:5px; color: #0f0f0f; margin-right:20px;margin-top: 25px}
.bd-box button{ display: inline-block; width: 119px; height:119px;  background: #fff; color: #fb6924; font-size: 28px; text-align: center;border-radius:100%;margin-top: -10px;}
.bd-box button i{display: inline-block; width: 107px; height:93px;  background: #fff; border: 1px dashed #fb6924;border-radius:100%;padding-top: 15px;}

.bd-l{ float: left;width: 480px; margin-left: 40px;margin-top: 12px; margin-right: 5px}
.bd-l h4{font-size: 30px; color: #fff; font-weight: bold;margin-bottom: 2px}
.bd-l p{font-size: 24px; color: #fff;}
.ls,.ls-box{ margin-top: 30px}
.ls-xq{ position: relative}
.ls-xq img{ max-width: 100%; min-width: 100%}
.ls-xq p{font-size: 18px; color: #fff;position: absolute;left: 20px;top: 60px;}
.ls-b{width: 92%; padding: 0 4% 20px; border: 1px solid #f5f5f5}
.ls-b h5{font-size: 20px; color: #222; margin: 8px 0}
.ls-b p{font-size: 14px; line-height: 20px; color: #666;display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.fw{ margin-top: 30px}
.fw-con{ width: 1200px; background:url(../imgs/img18.png) no-repeat center center; background-size:1155px 560px;  height: 600px; padding: 30px 0; margin-top: -45px;margin-bottom: -45px}
.fw-box{ margin-top: 130px}
.fw-box li{ float: left; width:220px; height: 260px; background: #fff; border: 1px solid #eaf0ff;margin-right: 22px;box-shadow: 0px 0px 7px #bdccff;}
.fw-box li img{ display: block; margin:40px auto 0; }
.fw-box li p{font-size: 24px; color: #222; font-weight: bold;text-align: center;margin-top: 20px}
.fw-box li span{ display: block; width: 92%; height: 120px; margin: 20px auto 0; text-align: center; font-size: 16px; color: #333; line-height: 22px }
.fw-box li:last-child{ margin-right: 0}
.fw-btn{ display: block; width: 300px; height: 58px; line-height: 58px;color: #99affb; text-align: center; margin: 50px auto 0; font-size: 24px; border-radius: 50px;background: #fff }
.xq{ width: 100%; height:369px; background: #7b95ed;margin-top: 30px;margin-bottom: 25px }
.xq-con{ width: 1250px; margin: 0 auto;}
.xq-img{position: relative}
.xq-po{position: absolute; width: 100%; height: 100%; left: 0px;top: 0px; background: rgba(0,0,0,0.5); display: none}
.xq-po img{ display: block;margin:70px auto 20px;}
.xq-po h6{font-size:20px; color: #fff; width: 80%; margin: 0 auto; text-align: center;margin-bottom: 5px; line-height:26px  }
.xq-po p{font-size:17px; color: #fff; width: 80%; margin: 0 auto; text-align: center;margin-bottom: 3px; line-height:24px  }
.xq-img:hover .xq-po{ display: block}
.xq .swiper-button-prev{background-image: url(../imgs/btn-l.png);
left: -35px;top: 45%;right: auto;width: 100px;height: 100px; -moz-background-size: 14px 22px; -webkit-background-size: 14px 22px;background-size: 14px 22px;}
.xq .swiper-button-next {background-image: url(../imgs/btn-r.png);right: -35px;top: 45%;left: auto;width:100px;height: 100px;-moz-background-size: 14px 22px;-webkit-background-size: 14px 22px;background-size: 14px 22px;
}