@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: auto; background: url(../imgs/ban-bac.jpg) no-repeat center center;padding-top:20px;padding-bottom: 55px}
.top-con,.ban-con,.listen,.tx-con,.bx,.book-con{ width: 1200px; margin: 0 auto}
.top-l img{ width: 170px; margin-top: 12px; float: left}
.top-r{ font-size: 26px; line-height: 54px; color: #fff; margin-top: 11px;}

.ban-con p{ font-size:50px; color: #fff; text-align: center }
.ban-con h5{ font-size:120px; font-weight: bold;color: #fff; text-align: center; margin-top: 5px;line-height: 140px;text-shadow: 0px 4px 12px #b81159}
.ban-con div{ width: 680px; height: 78px; line-height: 78px; background: #f5c65c; margin:25px auto; font-size: 44px; color: #121212; text-align: center; border-radius: 45px;}
.ban-con a{display: block;margin: 40px auto 0;width: 300px;height: 60px; ;color: #fff;font-size: 28px;text-align: center;line-height: 60px; border: 2px solid #fff;border-radius: 40px;}
.ban-ul{ width: 940px; margin: 30px auto;}
.ban-ul li{ float:left;width:200px;color:#fff;font-size:26px;padding-left:15px;margin: 0 10px }
.ban-ul li span{ display: inline-block}
.ban-ul li::before{content:"•"; font-size: 32px; display:inline-block; position: relative;left:-4px;top: -18px;}

.title p{font-size: 40px; text-align: center; font-weight: bold; color: #333}
.title span{font-size:20px; text-align: center;color: #666; display: block;margin-top: 5px}
.title img{display: block; margin: 10px auto 0}
.tx .title p{color: #fff}
.listen{ margin:40px auto 50px}
.listen-box{ margin-top: 30px}
.listen-box li{ float: left; width:260px; height: 360px; border: 1px solid #eaf0ff;box-shadow: 0px 2px 5px #dfdfdf; margin: 0 19px; }
.listen-box li img{ display: block; margin:10px auto 0; }
.listen-box li p{font-size: 26px; color: #191919; font-weight: bold;text-align: center;margin-top: 10px}
.listen-box li span{ display: block; width: 230px; height: 90px; margin: 10px auto 0; text-align: center; font-size: 18px; color: #333; line-height: 25px }
.listen-box li a{ display: block; width:160px; height:40px;line-height:40px;margin: 5px auto 0; text-align: center;font-size:18px;background:#f55198;color:#fff;border-radius: 30px }
.tx{ width: 100%; height: auto; padding: 40px 0; background:#f55198 }
.tx-ul li{ width: 374px; height: 463px; float: left; background: url(../imgs/img2.png) no-repeat center center;}
.tx-ul li img{ display: block; margin: 0 auto; padding-top: 78px}
.tx-ul li p{ text-align: center; font-size:26px; color: #151515; margin-top: 20px }
.tx-ul li span{ display: block; width: 300px; margin: 10px auto 0;text-align: center; font-size:17px; color: #444; height: 110px;line-height:25px  }
.tx-ul li a,.bk-r a{ display: block; width: 150px; height: 40px; line-height: 40px; text-align: center; border: 2px solid #f55198;margin: 20px auto 0; border-radius: 30px; text-align: center; font-size:20px; color: #f55198 }
.tx-ul li div{display: block; width: 50px; height: 2px; background: #f55198; margin: 10px auto 0}
.tx-ul li:nth-child(2){ margin: 0 39px}
.bk{ width: 1120px; height: 650px; margin:40px auto 0; background: url(../imgs/img4.jpg) no-repeat center bottom; background-size:838px 456px; }
.bk-l{ width: 335px; height: 250px; background:#f8f8f8; padding-left:25px;margin-left: 75px;margin-left: 253px;margin-top:50px; }
.bk-l p,.bk-r p{ font-size: 26px; color: #121212;margin-top: 25px; margin-bottom: 30px}
.bk-l p::before,.bk-r p::before{content:""; width: 4px; height: 25px;background: #f55198; display:inline-block; position: relative;left:-6px;top: 2px;}
.bk-l ul li{ float: left; width: 152px; height: 46px; background: url(../imgs/img6.png) no-repeat center center;text-align: center; line-height: 46px; color: #fff;padding-left: 6px;margin-bottom: 20px}
.bk-l ul li::before{content:""; width: 17px; height: 11px;background: url(../imgs/img7.png) ;display:inline-block; position: relative;left:0px;top: 0px;}
.bk-r{ width: 360px; height: 350px;background:#f8f8f8; padding-left: 20px; margin-left: 100px;margin-top:50px;}
.bk-r ul li{ color: #212121; font-size: 18px; line-height:32px}
.bk-r ul li::before{content:"•"; font-size: 22px; display:inline-block; position: relative;left:-4px;top: -1px; color: #212121;}
.bk-r p{ margin-bottom: 10px;margin-top: 20px;}
.bk-r a{ background:#f55198; color: #fff; border-radius: 5px; margin: 0; width: 180px; margin-top: 15px }

.kc{ width: 100%; height: auto;padding: 35px 0; background:#f8f8f8;margin-top: 40px }
.kc-con{ width: 1000px; margin: 0 auto 0;}
.w7{ width: 200px}
.w8{ width: 400px}
.w9{ width: 400px}
.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: 18px;border: 1px solid #dee2e6; color: #444}
.kc .table td, .kc .table th{padding:15px 0;vertical-align: middle;}
.kc .kc-bac1{ background: #f55198;color: #fff;}
.kc .kc-bac2{ background: #fe8e1e;color: #fff;}
.kc .kc-bac3{ background: #288fd6;color: #fff;}
.kc-btn{ display: block; width: 240px; height: 46px; line-height: 46px; border: 2px solid #f55198;color: #212121; text-align: center; margin: 30px auto 0; font-size: 20px; border-radius: 50px }
.kc-tab-con,.bx-con{ margin-top: 30px}
.bx{ margin: 30px auto;}
.bx-con li{ width:220px; height: 260px; background: #f7f7f7; float: left; margin: 0 12px; }
.bx-con li p{ font-size: 18px; color: #212121; text-align: center;margin-top: 15px}
.bx-con li a{ display: block; width: 170px; height: 36px; line-height: 36px; text-align: center; background:  #f55198;margin: 20px auto 0; border-radius: 30px; text-align: center; font-size:20px; color: #fff }
.bx-con .mar-r{ margin-right: 0}
.bx-con .mar-l{ margin-left: 0}
.bd{ width: 100%; height: auto; padding: 35px 0; background:#f55198}
.bd-con{ width: 1160px; background: #fff;padding: 20px;margin: 0 auto; box-shadow:1px 1px 9px #9b0546; border-radius: 5px }
.bd-r{ width: 615px; margin-left: 30px; margin-top: 25px}
.bd-box{ margin-top: 30px;}
.bd-select span{ display: inline-block; width: 160px; text-align: right;margin-right: 8px}
.bd-select p{ display: inline-block; width:105px; color: #333 }
.bd-select{ font-size: 18px;margin-bottom: 25px}
.bd-select input{margin-top: 6px; width: 12px; height: 12px}
.bd-input{ float: left;width: 160px;padding-left: 20px;height: 45px;line-height: 45px;background: #fff;border-radius: 5px;color: #0f0f0f;margin-left: 15px; border: 1px solid #666}
.bd-submit{float: left;width: 180px;height: 45px;line-height: 45px;background: #ed4b8f;border-radius: 5px;color: #fff; text-align: center; font-size: 18px; margin-left: 15px}
.why{ width: 100%; height: auto; background-color: #f8f8f8; background-image: url(../imgs/new.png); background-repeat: no-repeat; background-position: center center; background-size:1822px 782px;  padding: 30px 0}
.why-con{ width: 1000px; margin:30px auto 0}
.why-con li{ float: left;width: 315px; height: 300px; background: #fff;box-shadow: 1px 1px 7px #e9e9e9; margin-bottom: 25px}
.why-con li i{ display: block; width: 42px; height: 4px; background:#f55198; margin: 0 auto; }
.why-con li img{ display: block; width:52px;  margin: 30px auto 0;}
.why-con li p{text-align: center; font-size:26px; color: #151515; margin-top: 25px }
.why-con li span{display: block; width: 260px; margin: 15px auto 0;text-align: center; font-size:17px; color: #444; height: 70px }
.why-con li a{display: block; width: 140px; height:36px; line-height: 36px; text-align: center; margin: 0px auto; border-radius: 30px; text-align: center; font-size:17px; color: #f55198; border: 2px solid #f55198}
.why-mar{ margin: 0 27px}
.ls{width: 100%;height: 290px;background: #fe8e1e;padding-top: 40px; margin-bottom: 320px}
.ls-con{ width: 1200px; margin: 0 auto; background: #fff;padding-top: 35px }
.ls-box{ margin-top: 30px; height: 460px}
.ls-xq{ padding: 0 20px 0 15px; border-right: 1px solid #e5e5e5}
.ls-xq div{ font-size: 28px; color: #212121;}
.ls-xq p{ width: 270px; font-size: 16px; color: #333; margin-bottom: 3px; line-height: 22px}
.ls-xq span{ display: block; width: 60px; height: 2px; background:#f55198; margin: 10px 0 }
.ls-xq a{display: block; width: 120px; height:34px; line-height: 34px; text-align: center;  border-radius: 30px; text-align: center; font-size:17px; color: #f55198; border: 2px solid #f55198; margin-top: 15px}
.ls-xq img{ margin-top: 25px; max-width: 100%; min-width: 100%}
.ls-h{ height:110px}
.book{ width: 100%; height: auto; padding: 35px 0; background: #f5f5f5}
.book-tab{ width: 1120px; margin: 30px auto 0;}
.book-tab li{ float: left; width: 240px;height: 50px;line-height: 50px;background: #fff; border-radius: 50px; border: 2px solid #828282;text-align: center;font-size: 22px;color: #212121;margin: 0px 18px;}
.book-tab .book-cur{ background: #f55198; color: #fff; border: 2px solid #f55198 }
.book-l{ width: 560px; height: 445px; background-color: #fff; background-image: url(../imgs/book-icon1.png),url(../imgs/book-icon2.png); background-repeat: no-repeat; background-position: left top, right bottom; background-size: 22px 21px;  }
.book-l img{ display: block; margin: 0 auto; padding-top: 40px}
.book-r{ width:610px; height: 330px; background: #fff; margin-left: -70px; margin-top: 50px;padding-left: 90px}
.book-tab-con{ margin-top: 30px}
.book-r p{ font-size: 30px; color: #212121; margin-top: 30px}
.book-r span{  width: 560px; display: block; height: 150px; font-size: 17px; color: #555; margin-top: 12px;line-height: 24px}
.book-r a{display: block; width: 240px; height:44px; line-height: 44px; text-align: center;  border-radius: 5px; text-align: center; font-size:17px; background:#f55198;  color: #fff; margin-top: 15px}

.ry{ width: 1015px; margin:40px auto;}
.ry-con{ margin-top: 30px}
.ry-con li{ float: left; margin: 0 10px;}
.ry-con li img{ border-radius: 5px;}
.xq{ width: 100%; height: auto; background: #f8f8f8; 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 #f55198; border-right: 1px solid #f55198; 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: #f55198;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: #fe8e1e; 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: #f55198}
.tx-ul li a:hover, .bk-r a:hover,.kc-btn:hover,.why-con li a:hover,.ls-xq a:hover{background: #f55198; color: #fff}