@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: 620px; background: url(../imgs/ban-bac.jpg) no-repeat center center;padding-top: 80px}
.top{ width: 100%;height: 76px; background: rgba(0,0,0,0.8);position: fixed; left: 0; top: 0;z-index: 99}
.top-con{ width: 1200px; margin: 0 auto}
.top-l img{ width: 133px; margin-top: 12px; float: left}
.top-r{ font-size: 21px; line-height: 54px; color: #fff;  margin-top: 11px;}
.ban-con{width: 896px; margin: 0px auto 0;height: 404px; padding-top: 100px; background: url(../imgs/ban-img.png) no-repeat center 15px}
.ban-p1{ width: 280px; height:42px; line-height: 42px; background: #fff; border: 3px #ffc267 solid;border-radius: 25px; margin: 0 auto; color: #7828ef; font-size: 26px; letter-spacing:4px;text-align: center;}
.ban-p2{ font-size: 80px; text-align: center; font-weight: bold; color: #fff; text-shadow:3px 3px 10px #5412c1; }
.ban-p3{font-size: 60px; text-align: center; color: #fff000; text-shadow:2px 2px 0px #59309c;line-height: 65px;}
.ban-sk{ width: 538px; overflow: hidden; margin: 0 auto;}
.ban-sk span{ float: left;font-size: 22px; color: #fff; margin-left: 80px;}
.ban-sk span::before{ content: ''; width: 25px; height: 22px; background: url(../imgs/ban-img2.png) no-repeat left center; display: block;position: relative;top: 27px;left: -35px;}
.ban-btn{ display: block; margin: 20px auto 0; width: 252px; height: 45px; background: #fff; color: #8d37f9; font-size: 21px; text-align: center; line-height: 45px; border-radius: 3px;box-shadow: 4px 4px 1px #a86af9}
.top-c{ margin-left: 100px;}
.top-c li { float: left;line-height: 75px;}
.top-c li a{ font-size: 20px;  margin: 0 15px; color: #fff}
.bd{ width: 1200px; margin: -40px auto 0; height: auto; background:#f9bd05; padding: 0 0 20px 0; }
.bd-top{width: 900px;}
.bd-top li{ float: left; width:260px; font-size: 22px;margin: 0 20px }
.bd-top li::before{ content:"●"; display: block; position: relative;right: 25px;top: 26px;}
.bd-top li::after{ content:"●"; display: block; position: relative;right: -210px; top: -30px;}
.bd-top .bd-li2::before{right: 26px;top: 26px;}
.bd-top .bd-li2::after{right: -188px;top: -30px;}
.bd-top .bd-li3::before{right: 26px;top: 26px;}
.bd-top .bd-li3::after{right: -98px;top: -30px;}
.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: #7421ee; color: #fff; 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: #7421ee; border: 1px dashed #fff;border-radius:100%;padding-top: 15px;}
.bd-top,.bd-box{ margin-left: 120px;}
.title p{font-size: 38px; text-align: center; font-weight: bold; color: #333}
.title span{display: block; width: 40px; height: 5px; background: #d74730; margin: 10px auto 0}
.lc{ width: 100%; height: auto;padding: 30px 0;}
.lc-con{ width: 1200px; height: 498px; margin: 0 auto;background: url(../imgs/lc-bac.png) no-repeat center center;}
.lc-mar{margin-top: 118px}
.lc-box li{ float: left;}
.lc-box li h5{ font-size: 18px; margin-top: 33px; font-weight: 800}
.lc-box li p{ font-size: 16px; color: #333; margin-top:5px;}
.lc-box .lc-li1 h5{color: #fb8769}
.lc-box .lc-li2 h5{color: #db5499}
.lc-box .lc-li3 h5{color: #3f9bdb}
.lc-box .lc-li4 h5{color: #9758b1}
.lc-box .lc-li5 h5{color: #3ea667}
.lc-box .lc-li6 h5{color: #3f9bdb}
.lc-box .lc-li7 h5{color: #f1c032}
.lc-box .lc-li8 h5{color: #5c7291}
.lc-box .lc-li9 h5{color: #f1c032}
.lc-box .lc-li10 h5{color: #54b2ae}
.lc-box .lc-li11 h5{color: #f29c2a}
.lc-box .lc-li12 h5{color: #e34c43}
.lc-box .lc-li13 h5{color: #54b2ae}
.lc-box .lc-li14 h5{color: #db5499}
.lc-li1{ margin-left: 4px;}
.lc-li2{ margin-left: 43px;margin-top: 73px;}
.lc-li3{ margin-left: 45px;margin-top: 25px;}
.lc-li4{ margin-left: 79px;}
.lc-li5{ margin-left: 29px;margin-top: 85px;}
.lc-li6{ margin-left: 29px;}
.lc-li7{margin-left: 24px; margin-top: -52px;}
.lc-li8{margin-left: 70px;margin-top: 33px;}
.lc-li9{ margin-left: 27px;margin-top: 86px;}
.lc-li10{margin-left: 62px;margin-top: -26px;}
.lc-li11{ margin-left: 49px;margin-top: 55px;}
.lc-li12{ margin-left: 60px;margin-top: 63px;}
.lc-li13{ margin-left: 40px;margin-top: -31px;}
.lc-li14{ margin-left: 41px;margin-top: -38px;}
.lc-box2{ margin-top: 25px;margin-top: 55px;}
.jx{width: 100%; height: auto; background: #f5f5f5; padding: 30px 0;}
.jx-con{ width: 1000px; margin: 0 auto;}
.jx-con li{ float: left; width:250px;  }
.jx-con li img{ display: block; margin: 0 auto;}
.jx-con li p{ font-size: 18px; color: #121212; text-align: center; margin-top: 12px}
.jx-con li a{display: block; font-size: 14px; color: #444; text-align: center; margin-top: 5px}
.btn{ display: block; margin: 40px auto 0; width: 240px; height: 48px; background: #7421ee; color: #fff; font-size: 20px; text-align: center; line-height: 48px; border-radius: 3px;}
.jx-con li a:hover{ color: #7421ee }
.yellow{ width: 100%; height: auto; background-color:#f9bd05;  }
.title-con{ width: 1200px; margin: 0 auto;padding: 20px 0;}
.title i{ font-size: 22px; color: #333; text-align: center; display: block}
.title-con .title span { margin: 5px auto 6px;}
.title-icon{background-image: url(../imgs/y-icon1.png);background-repeat: no-repeat;background-position: center 0px;background-size: 32px 16px; width:100%; height: 16px;margin: 0 auto;background-color: #f4f4f4;}
.one{ width:100%;height: auto; padding: 40px 0 30px; background: #f4f4f4;}
.one-con{ width: 1200px; margin: 0 auto;}
.one-l-img{ border: 14px solid #fff}
.one-l{width: 360px; height: 210px;margin-left:-260px; margin-top: 175px; background: #fff; padding: 20px 20px 0 }
.one-l-title{ width: 200px; height: 40px; line-height: 40px; text-align: center; background:#9b0006;color: #fff; font-size: 22px;transform:skew(-20deg);-webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-o-transform:skew(-20deg);-ms-transform:skew(-20deg); }
.one-l-box p,.two-l-box p{ margin-bottom: 8px;color: #444}
.one-l-box p span,.two-l-box p span,.two-r-box p span{ float: left; width: 50%; text-align: left; color: #222; font-size: 17px;}
.one-l-box,.two-l-box,.two-r-box{ margin-top: 15px}
.one-img2{ margin-left: -40px;margin-top: -15px;}
.one-r{margin-left: -10px; width: 572px}
.one-r-top{ width: 529px; height:187px;padding: 20px; background: url(../imgs/img2.png) no-repeat center center}
.one-r-title{width: 200px; height: 40px; line-height: 40px; text-align: center; background:#9b0006;color: #fff; font-size: 22px;}
.one-r-box{ margin-top: 20px}
.one-r-box p,.two-r-box p{ margin-bottom: 10px}
.one-r-box p span{ float: left; width: 33%;}
.one-r-box p span::before,.two-r-box p span::before{ content: ''; width: 28px; height: 25px; display:inline-block; background: url(../imgs/img5.png) no-repeat left center;padding-right: 8px}
.one-btn{ float: right;  font-size: 18px; font-weight: bold; color: #9b0006;margin-top: -35px;margin-right: 35px;}
.one-r-bot{ margin-top: 70px}
.one-r-bot li,.two-sq-box li{float: left; width:25% }
.one-r-bot li div,.two-sq-box li div{display: inline-block;width: 112px;height: 112px;background: #fff;text-align: center;border-radius: 100%;margin-left: 30px;}
.one-r-bot li div i,.two-sq-box li div i {display: inline-block;width: 103px; height: 80px;background: #fff;border: 1px dashed #9b0006;border-radius: 100%;padding-top: 23px;margin-top: 4px;font-size: 20px}
.one-btn2{display: block;margin: 60px auto 0;width: 240px;height: 48px;background: #f9bd05;color: #222;font-size: 20px;text-align: center;line-height: 48px;border-radius: 3px;}
.one-img3{ margin-top: -25px}
.tj,.lq{ width: 1051px; margin: 30px auto 0;}
.title-s p{ font-size: 30px; color: #333; font-weight: bold;text-align: center; margin-bottom: 30px}
.title-s p::before{ content: ''; display: inline-block; width: 40px; height: 20px; background: url(../imgs/img6.png) no-repeat left center; background-size:40px 10px;padding-right: 20px; }
.title-s p::after{ content: ''; display: inline-block; width: 40px; height: 20px; background: url(../imgs/img7.png) no-repeat left center; background-size:40px 10px;margin-left: 20px; }
.tj-l,.tj-r{ width:300px; }
.tj-box{ position:relative }
.tj-icon1,.tj-icon3{height: 180px; }
.tj-icon2,.tj-icon4{height: 220px; margin-top: 40px}
.tj-box p{ font-size: 24px; color: #393939; font-weight: bold; margin-bottom: 5px}
.tj-box li{font-size: 17px; color: #393939; line-height: 27px}
.tj-box a{display: block;width: 200px;height: 40px;background: #f8e71c;color: #222;font-size: 18px;text-align: center;line-height: 40px;border-radius: 30px; margin-top: 20px;position: absolute;left: 0;bottom: 0}
.tj-box p::before{display: inline-block; width: 29px; height: 29px;vertical-align: sub;padding-right: 10px;}
.tj-icon1 p::before{content: ''; background: url(../imgs/img9.png) no-repeat left center; background-size:29px 29px;}
.tj-c{ margin-top: 30px}
.tj-icon2 p::before{content: '';  background: url(../imgs/img10.png) no-repeat left center; background-size:29px 29px;}
.tj-icon3 p::before{content: '';  background: url(../imgs/img11.png) no-repeat left center; background-size:29px 25px;}
.tj-icon4 p::before{content: '';  background: url(../imgs/img12.png) no-repeat left center; background-size:29px 21px;}
.tj-r{ margin-left: 60px}
.lq tr th{ color: #fff;text-align: center;font-size: 22px;font-weight: normal}
.lq tr td{text-align: center;font-size: 16px;border: 1px solid #dee2e6; color: #444}
.lq tr .w1{ width: 210px}
.lq .table td, .lq .table th{padding:10px 0;vertical-align: middle;}
.lq .bac1{color: #fff;font-size: 20px;border-bottom: 1px solid #dee2e6;}
.bac1{ background: #2b4e6b}
.bac2{ background: #fac509}
.bac3{ background: #486fc4}
.bac4{ background: #fe8e1e}
.bac5{ background: #3a5ca6}
.bac6{ background: #288fd6}
.purple{width: 100%; height: auto; background-color:#7421ee; margin-top: 40px }
.title-icon2{background-image: url(../imgs/y-icon2.png);background-repeat: no-repeat;background-position: center 0px;background-size: 32px 16px; width:100%; height: 16px;margin: 0 auto; background-color: #f4f4f4}
.purple .title p,.purple .title i{ color: #fff}
.purple .title span{ background: #fff}
.two{ width: 100%; height: auto; background: #f4f4f4;padding: 30px 0}
.two-con{width: 1151px; height: 618px; margin: 0 auto;background: url(../imgs/img13.jpg) no-repeat center center;}
.two-l{ width: 370px;height: auto; padding: 20px; background: #fff; margin-left: 105px;margin-top: 65px;}
.two-l-title{color: #333; font-size: 22px;}
.two-l-title::before{ content: ''; display: inline-block; width: 4px; height: 25px; background: #7421ee;vertical-align: bottom;margin-right: 8px}
.two-r{ width: 340px; height: auto; background: #fff; padding: 20px;margin-top: 150px;margin-left: 35px;}
.two-sq{ width: 860px; height: auto; padding: 20px 0; background:#7421ee;margin-left: 250px;margin-top: 100px; }
.two-sq-box{ width: 670px; overflow: hidden}
.two-btn{ display: block; width: 125px; height: 102px; background: #f8e71c; padding-top: 4px;margin-right: 30px}
.two-btn i{display: block;width: 112px;height: 75px;background: #f8e71c;border: 1px solid #666;margin: 0 auto;margin-top: 3px;font-size: 24px;text-align: center;padding-top: 15px;}
.lx{ width: 100%; height: auto; background:#7421ee; padding: 40px 0;margin-top: 40px; }
.lx-con{ width: 1160px; margin: 0 auto; padding: 30px 20px;background: #f4f4f4; border-radius:5px }
.lx-l{ width: 560px; height: auto; padding: 30px 20px; background: #fff}
.lx-con .two-l-title{ font-size: 26px}
.lx-con .two-l-title::before {height: 30px;}
.lx-l-box li{ border-bottom: 1px dashed #cccccc;padding: 20px 0;}
.lx-l-box li div{ float: left;background: #681dd4; width: 76px; height: 76px; line-height: 76px; text-align: center;  border-radius:8px; font-size: 22px; color: #fff; margin-top: 5px }
.lx-l-box li .lx-div{line-height: 24px;
    font-size: 18px;
    padding-top: 14px;
    padding-bottom: 14px;
    height: auto;}
.lx-l-box li p{ float: left; font-size: 16px; color: #333; margin-left: 20px;width: 445px;line-height: 22px;}
.lx-btn{display: block; width: 200px;height: 40px;background: #f8e71c;color: #222;font-size: 18px;text-align: center;line-height: 40px;border-radius: 30px;margin: 20px auto 0;}
.lx-r{ width: 490px;height: auto; padding: 30px 20px; background: #fff}
.lx-r-box{ margin-top: 30px;}
.lx-r-box li{ width: 460px; height: auto;padding: 20px 0 20px 20px; background: #fffdf0; margin-bottom: 20px;position: relative}
.lx-r-box li div{ font-size: 22px; color: #e33310;margin-bottom: 10px}
.lx-r-box li p{ font-size: 18px; color: #333;margin-left: 18px; line-height: 26px}
.lx-img{ position: absolute;top: 0;right: 0px;}
.lx-r .lx-btn{ margin-top: 58px}
.jnd tr .w7{ width: 100px}
.jnd tr .w8{ width: 250px}
.jnd tr .w9{ width: 700px}


.lx-r-box li .wd-Q{ overflow: hidden; padding-bottom: 10px;margin-left: 0px;}
.wd-Q span{ float: left; width:83%; font-size: 18px; color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; padding-left:7% }
.wd-Q span::before{content:""; display: block; background: url(../imgs/wd-icon1.png) no-repeat right; width: 21px; height: 18px; background-size: 100% 100%;position: relative;left:-29px;top: 23px;}
.wd-icon {display: block;float: right;width: 15px;height: 14px; cursor: pointer;background: url(../imgs/wd-icon3.png) no-repeat right center;background-size: 100% 100%;margin-top: 23px; margin-left: 3px;}
.wd-l{ width: 480px; }
.wd-box{padding: 0 15px; background: #fff; margin-bottom:20px }
.lx-r-box li .wd-A p{font-size: 14px; color: #666; line-height: 20px; margin-left: 0}
.wd-A p i{display:inline-block; background: url(../imgs/wd-icon2.png) no-repeat center center; width: 21px; height: 18px; background-size: 100% 100%; float: left; margin-right: 10px;margin-top: 2px;}
.ax .lx-r-box li{ padding-top: 0; padding-bottom: 10px; margin-bottom: 12px}
.ax .lx-r-box {margin-top: 15px;}
.ax .lx-r .lx-btn { margin-top: 25px; width: 290px}
.yz .tj-icon1,.yz .tj-icon2{ height: 143px;margin-top: 20px;}
.yz .tj-icon3{ margin-top: 30px}
.lq .w3{ width: 250px}
.lq .w4{ width: 800px}