@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: 590px; margin: 0 auto; background: url(../imgs/ban-bac.jpg) no-repeat center center;}
.top-con{width: 1400px; margin: 0 auto}
.ban-con{ width: 1150px; margin: 0 auto; padding-left: 50px}
.top-con{ padding-top: 20px}
.top-l{ width: 374px; height: 129px; background: url(../imgs/img5.png) no-repeat left center;}
.top-l img{ width: 170px; margin-top: 35px; float: left; margin-left: 100px}
.top-c{ margin-left:-60px; margin-top: 25px}
.top-c li { float: left;line-height: 75px;}
.top-c li a{ font-size: 18px;  margin: 0 8px; color: #222}
.top-r{background: url(../imgs/img2.png) no-repeat left center;padding-left: 42px;background-size: 13%;font-size: 30px; line-height: 54px; color: #fff;  margin-top: 30px; margin-right: 100px}
.ban-con p{font-size: 32px; color: #282828; font-weight: bold; margin-top: 30px}
.ban-con h5{font-size: 74px; color: #4574b6; font-weight: bold;}
.ban-con span{ display: block; font-size: 50px; color: #282828; font-weight: bold}
.ban-con p::before{content:""; display:inline-block; background: url(../imgs/img3.png) no-repeat right; width: 35px; height: 37px; background-size: 100% 100%;position: relative;left:-6px;top: 3px;}
.ban-div{ float: left; display: block; margin: 15px auto 0; width: 590px;height: 69px;line-height: 69px;background: #1f81dd;color: #fff;text-align: center;font-size: 30px; border-radius: 1px;}
.ban-ul{ width:944px; height: 60px; margin-top: 60px; background: url(../imgs/img4.png) no-repeat center center;overflow: hidden}
.ban-ul li{ font-size: 26px; float: left; line-height: 60px; color:#fff;text-align: center }
.ban-w1{ width: 218px;}
.ban-w2{ width: 248px;}
.ban-w3{ width: 238px;}
.ks{ width: 1200px; margin: 50px auto; height: 530px}
.title h6 {font-size: 48px; color: #000;font-weight: bold;text-align: center;}
.title span {display: block;margin: -15px auto 0;width: 460px;height: 13px;background: #d0daff;}
.title p {font-size: 24px;text-align: center;color: #282828; margin-top: 10px}
.ks-con{ margin-top: 110px}
.ks-con li{ float: left; width: 200px; }
.ks-top{ width: 147px; height: 147px; border-radius: 50%; background:#fff; border: 5px solid #1984dd;margin: -410px auto 0;}
.ks-top img{ display: block; margin: 15px auto 0;}
.ks-top p{ font-size: 24px; text-align: center; font-weight: bold;color: #1984dd;margin-top: 5px}
.ks-top span{ display: block; font-size: 16px; text-align: center; color: #1984dd;margin-top: 5px}
.ks-bot{ width: 170px; height: 217px;font-size: 16px;background: #1984dd;padding: 0 15px; color: #fff9e1;padding-top: 95px;line-height:24px; }
.ks-btn{ display:block;width: 200px; height: 44px; line-height: 44px; background:#fff;text-align: center; font-size:18px; color: #1984dd; border-radius: 30px; margin: -22px auto 0; box-shadow: 1px 1px 7px #8d8d8d}
.ks-btn:hover{background:#fffbe9;}
.ks-bac2 .ks-top{border: 5px solid #6e65de;}
.ks-bac2 .ks-top p,.ks-bac2 .ks-top span,.ks-bac2 .ks-btn{color: #6e65de}
.ks-bac2 .ks-bot{background: #6e65de;}
.ks-bac3 .ks-top{border: 5px solid #515cc7;}
.ks-bac3 .ks-top p,.ks-bac3 .ks-top span,.ks-bac3 .ks-btn{color: #515cc7}
.ks-bac3 .ks-bot{background: #515cc7;}
.ks-bac4 .ks-top{border: 5px solid #7d6cc0;}
.ks-bac4 .ks-top p,.ks-bac4 .ks-top span,.ks-bac4 .ks-btn{color: #7d6cc0}
.ks-bac4 .ks-bot{background: #7d6cc0;}
.ks-bac5 .ks-top{border: 5px solid #529ec8;}
.ks-bac5 .ks-top p,.ks-bac5 .ks-top span,.ks-bac5 .ks-btn{color: #529ec8}
.ks-bac5 .ks-bot{background: #529ec8;}
.ks-bac6 .ks-top{border: 5px solid #4574b6;}
.ks-bac6 .ks-top p,.ks-bac6 .ks-top span,.ks-bac6 .ks-btn{color: #4574b6}
.ks-bac6 .ks-bot{background: #4574b6;}
.ys,.rk,.sq,.rm,.ls{width: 1200px; margin: 50px auto;}
.ys ul{ margin-top: 30px}
.ys li{ float: left}
.ys-l{width:300px; height: 594px; background:#f9f8f8;  }
.ys-xq{width: 235px; margin: 0px auto;}
.ys-xq img{display: block; margin:70px auto 0;}
.ys-xq h5{ color: #282828; font-size: 24px; font-weight: bold;text-align: center;margin-top:15px}
.ys-xq p{ color: #282828; font-size: 20px; text-align: center; margin-top: 15px}
.ys-xq span{display: block;font-size: 16px; color: #333; line-height: 25px; text-align: center; margin-top:15px}
.ys-xq p::before{ content: ''; width: 65px; height: 1px; display:inline-block; background: #999;right: 15px;top: -7px;position: relative;}
.ys-xq p::after{ content: ''; width: 65px; height: 1px; display:inline-block; background: #999;left: 15px;top:-7px;position: relative;}
.ys-ad{ width: 299px; height: 594px;  background: url(../imgs/img16.jpg) no-repeat center center}
.ys-four{ width: 299px; height: 296px;  background: url(../imgs/img17.jpg) no-repeat center center}
.ys-c{ width: 300px}
.ys-c .ys-xq{ height: 276px;}
.ys-c .ys-xq img{display: block; margin:0px auto; padding-top: 20px}
.ys-c .ys-xq h5,.ys-c .ys-xq span{ margin-top: 5px}
.ys-white .ys-xq p::before,.ys-white .ys-xq p::after{background: #fff;}
.ys-white .ys-xq h5,.ys-white .ys-xq p,.ys-white .ys-xq span{ color: #fff}
.rk ul li{ float: left;width: 150px; margin-top: 25px}
.rk ul li div{ height: 150px;vertical-align: middle;display: table-cell; width: 170px;}
.rk ul li img{ display: block; margin: 0 auto;}
.rk ul li p{ text-align: center; font-size: 18px; color: #222}
.rk-btn{display:block;width: 450px; height: 70px; line-height: 70px; background:#fb4f4f;text-align: center; font-size:32px; color: #fff; border-radius: 40px; margin: 50px auto 0;}
.sq ul{ margin-top: 30px}
.sq ul li{width: 240px; float: left}
.sq ul li p{ font-size:22px; color: #282828; line-height: 27px; text-align: center;margin-bottom: 10px}
.sq ul li div{ width: 240px; height:460px; background:#0044fb; padding-top: 60px}
.sq ul li div p{ font-size:24px; color: #fff; text-align: center;margin-bottom: 15px }
.sq ul li span{ display: block; font-size:22px; color: #282828; line-height: 32px; text-align: center;margin-top: 10px}
.sq ul .sq-h2{ margin-top: 100px}
.sq ul .sq-h2 div{height:360px; background:#215cf9; padding-top: 60px}
.sq ul .sq-h3{ margin-top: 200px}
.sq ul .sq-h3 div{height:280px; background:#3b70fb; padding-top: 40px}
.sq ul .sq-h4{ margin-top: 337px}
.sq ul .sq-h4 div{height:150px; background:#5683fa; padding-top: 60px}
.sq ul .sq-h5{ margin-top: 437px}
.sq ul .sq-h5 div{height:80px; background:#759afc; padding-top: 30px}
.rm-l{width: 591px; height: 230px;  background: url(../imgs/img19.png) no-repeat center center}
.rm-r{width: 591px; height: 230px;  background: url(../imgs/img20.png) no-repeat center center}
.rm-box h5{ font-size: 22px;color: #fff; text-align: center;margin-top:14px}
.rm-box ul{margin-top: 118px}
.rm-box ul li{ width: 98px;font-size: 20px;color: #fff;float: left;text-align: center }
.rm-box .rm-mar{margin-top: -10px}
.rm .title,.ls .title{ margin-bottom: 40px;}
.bd{ width:1200px; height:auto; border-radius: 150px; background:#3b70fb; padding:25px 0; margin:0 auto;}
.bd-con{ width:1050px; margin:0 auto; overflow:hidden}
.bd-con h6{ font-size: 32px; color:#fff;text-align: center;font-weight: bold;margin-bottom: 15px}
.bd-con h6 span{color:#ef8266 }
.bd-con input,.bd-con select {width: 240px;height:50px;line-height: 50px;background: #fff;border-radius: 5px;color: #666;font-size: 16px;padding-left: 15px;line-height: 100%;float: left;
margin-right: 20px;}
.bd-con button {width:235px;height: 50px;line-height: 50px;background: linear-gradient(45deg,#f19c76,#ed715c ); background: -webkit-linear-gradient(45deg,#f19c76,#ed715c );color: #fff;font-size: 21px;text-align: center; border-radius: 50px; margin-left: 5px;}
.ls-l{ width: 840px;}
.ls-con img{ width: 186px; height: 214px}
.ls-xq{width: 610px; margin-left: 20px;}
.ls-xq h5{ font-size: 28px; color: #000; font-weight: 600;margin-top: 10px}
.ls-xq span{ font-size: 18px; color: #030303;display: block; margin-top: 8px}
.ls-xq p{ font-size: 16px; color: #333;margin-top: 10px;line-height: 25px}
.ls-xq i{ display: block; width: 385px; height: 1px; background: #030303;margin-top: 10px}
.ls-r{ width: 340px;}
.ls-r img{ width: 101px; height: 101px}
.ls-r li{ float: left; margin-bottom: 15px;border: 1px solid #fff;cursor: pointer}
#mar,#mar2{ margin: 0 10px}
.ls-r .ls-cur{ border: 1px solid #00a0e9}
.last{width: 100%; height:784px; margin: 50px  auto 0; background: url(../imgs/last-bac.jpg) no-repeat center center;}
.last-con{ width: 1200px; margin: 0 auto;}
.last-con .title{ padding-top: 40px}
.last-con .title h6{ color: #fff}
.last-con .title span{ width: 550px; background: #4a7bfb}
.last-box{width: 943px;margin:55px auto 0;}
.last-box li{ width: 248px; height: 248px; border-radius: 50%; border: 1px dashed #fff}
.last-box li img{ display: block; margin: 20px auto 0;}
.last-box li p{ font-size: 22px; text-align: center; color: #fff;font-weight: bold;margin-top: 15px}
.last-box li span{ display: block; font-size: 16px; color: #fff; text-align: center;margin-top: 10px}
.last-img{ margin: 110px 20px 0}
.last-box .last-w{width: 288px; height: 288px; margin-top:-20px }
.last-bot{ width: 1140px; margin: 30px auto 0; overflow: hidden}
.last-bot img{ float: left}
.last-bot .last-mar{margin-left: -35px}
.last-bot .last-top{margin-top: 35px}