@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-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:538px; background: url(../imgs/ban-bac.jpg) no-repeat center center;padding-top:20px;padding-bottom: 25px}
.top-con,.listen,.tx-con,.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{width: 700px; margin:0 auto; margin-top:20px;}
.ban-con p{ font-size:38px; color: #fff; text-align:left;}
.ban-con h5{ font-size:100px; font-weight: bold;color: #fff; text-align: center; line-height: 110px;text-shadow: 0px 4px 12px #102da8;}
.ban-con h5 span{ color: #faeb2a; }
.ban-con div{height: 58px; line-height: 62px; font-size: 38px; color: #fff; text-align:right;}

.ban-ul{ width: 940px; margin:0 auto; margin-top: 20px;}
.ban-ul li{ float:left; width:200px; color:#fff; font-size:22px; text-align: center; padding-left:15px; margin: 0 10px; }
.ban-ul li img{ width:90px;}
.ban-ul li span{ display: inline-block; margin-top: -12px; /*font-style: italic;字体倾斜*/ border:1px solid #fff; padding:10px 30px; border-radius:5px;transform: skew(-10deg) ;/*倾斜*/
}

.title{ height: 100px; background:url(../imgs/little_bg.png) no-repeat center center; background-size:100%;}
.title p{height:100px; line-height:100px; font-size:38px; text-align: center; font-weight: bold; color: #000;}
.title p::before{content:""; width:54px; height:60px;background: url(../imgs/title-img1.png) ;display:inline-block; position: relative;left:0px;top: 10px;}
.title p:after{content:""; width:30px; height:60px;background: url(../imgs/title-img2.png) ;display:inline-block; position: relative;left:0px;top: 10px;}
.title span{font-size:48px; text-align: center; background-image: linear-gradient(to right bottom , #2534d8, #3046dc, #6dcbfc);-webkit-background-clip:text; color: transparent;}
.common_btn { position: relative; margin: 0 auto; width: 445px; height:64px; line-height: 64px; background-image: linear-gradient(270deg, #6395E8 0%, #556AF3 100%), linear-gradient(270deg, #FB7B44 0%, #FC5C2B 100%); margin-top: 30px; border-radius: 40px; font-size: 26px; color: #FFFFFF; text-align: center; cursor: pointer;}
.common_btn img { position: absolute; top: 27px; right: 64px; display: block; width: 10px; height: auto;}
/**************************************************/
.listen{ margin:40px auto 50px}
.listen-box{ width: 1090px; height:220px; margin-top: 30px; padding-left: 105px; background:url(../imgs/cj_bg.png) no-repeat center center; background-size:cover;}
.listen-box li{ float: left; width:240px; padding-left:30px;  margin-top:30px; }
.listen-box li img{float: left; width:55px;}
.listen-box li p{font-size: 24px; color: #191919; font-weight: bold;text-align:left; overflow: hidden;}
.listen-box li span{ display: block; width: 230px; height: 90px; border-right: 1px dashed #fe8e1e; margin: 10px auto 0; text-align:left; font-size: 18px; color: #333; line-height: 25px }
.listen-box li a{ display: block; width:160px; height:40px;line-height:40px;margin:10px auto 0; text-align: center;font-size:18px;background:#fe8e1e;color:#fff;border-radius: 30px }

/*********************************************/
.tx{ width: 100%; height: auto; padding: 20px 0;}
.tx-ul li{ width: 374px; height:360px; float: left; }
.tx-ul li img{ display: block; margin: 0 auto; padding-top: 28px}
.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; 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:1200px; height:auto; margin:40px auto; }
.bk-con{width: 1142px; height:530px; background: url(../imgs/img4.jpg) no-repeat center top; background-size: cover;margin-top:20px;}
.bk-con .bk-l{ width: 335px; height: 230px; background:#f8f8f8; padding-left:15px; margin-left:50px;margin-top:10px; }
.bk-con .bk-l p,.bk-r p{ font-size: 26px; color: #121212;margin-top: 25px; margin-bottom: 20px; font-weight: bold;}
.bk-con .bk-l p::before,.bk-r p::before{content:""; width: 8px; height: 25px;background: #ff7b1f; display:inline-block; position: relative;left:-12px;top: 2px;}
.bk-con .bk-l ul li{ float: left; width: 152px; height: 46px; line-height: 46px; font-size:20px; background: url(../imgs/img6.png) no-repeat center center;text-align: center;  color: #fff;padding-left: 6px;margin-bottom:15px;}
.bk-con .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-con .bk-r{ width: 360px; height: 300px;background:#f8f8f8; padding-left: 20px; margin-left: 100px;margin-top:140px;}
.bk-con .bk-r ul li{ color: #212121; font-size: 18px; line-height:32px}
.bk-con .bk-r ul li::before{content:"•"; font-size: 22px; display:inline-block; position: relative;left:-4px;top: -1px; color: #212121;}
.bk-con .bk-r p{ margin-bottom: 10px;margin-top: 20px;}
.bk-con .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: 1200px; margin: 0 auto 0;}
.w7{ width: 290px}
.w8{ width: 400px}
.w9{ width: 450px}
.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: #1668ef;color: #fff;}
.kc .kc-bac2{ background: #fe8e1e;color: #fff;}
.kc .kc-bac3{ background: #40a6fc;color: #fff;}
.kc-btn{ display: block; width: 360px; height:56px; line-height:56px; font-size: 26px; color: #fff; background: linear-gradient(45deg,#556bf3, #6393e8);border-radius:45px;margin:30px auto; text-align: center; }
.kc-tab-con,.bx-con{ margin-top: 30px}
.kc-btn2{ display: block; width: 360px; height:56px; line-height:56px; font-size: 26px; color: #000; background:#ffff00;border-radius:45px;margin:30px auto; text-align: center; }

/*************************************************************/
.bx{width:100%; height:400px; padding-top:15px; background: url(../imgs/rmgj_bg.jpg) no-repeat center center; background-size: cover; }
.bx-con{ width:1200px; margin: 0 auto; margin-top:30px;}
.bx-con li{ width:220px; height: auto; float: left; margin: 0 12px; }
.bx-con img{display: block; width:58px; margin:0 auto;}
.bx-con li p{ font-size: 18px; color: #fff; text-align: center; margin-top: 15px; line-height:32px;}
.bx-con li span{ font-size: 22px; font-weight: bold; color: #ffff00; text-align: center; margin-top: 15px}
.bx-con .mar-r{ margin-right: 0}
.bx-con .mar-l{ margin-left: 0}

/*************************************************************/
.bd{ width: 100%; height: auto; padding: 45px 0;}
.bd-con{ width: 1160px; background: #fff;padding: 20px;margin: 0 auto; box-shadow:1px 1px 9px #ddd; 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: #fe8e1e;border-radius: 5px;color: #000; text-align: center; font-size: 18px; margin-left: 15px}

/******************************************************************/
.cj{ height: 750px; padding-top: 40px;}
.cj-chart { width: 1200px; height: 470px; margin: 10px auto 0; display: flex; justify-content: space-between; align-items: flex-end;}
.cj-chart-box { position: relative;}
.cj-chart-box-bg { position: absolute; bottom: 40px; left: 0; right: 0; width: 165px; height: 50px; background: url(../imgs/yshj2.png) center no-repeat; margin: 0 auto;}
.cj-chart-box1 { width: 230px; height: 60px; margin-bottom: 10px;}
.cj-chart-box1 span { text-align: center; display: block; font-size: 20px; color: #333333; line-height: 30px; font-weight: 700;}
.cj-chart-box1-span { padding-top: 30px; box-sizing: border-box;}
.cj-chart-box2 { width: 230px;  height: 348px; background-image: linear-gradient(224deg, #3BA8FC 0%, #0A80DC 100%); border-radius: 0 40px 0 0;}
.cj-chart-box2 span:nth-child(1) { padding-top: 20px; box-sizing: border-box;}
.cj-chart-box2 span { text-align: center; display: block; font-size: 22px; color: #FFFFFF; line-height: 45px;}
.cj-chart-box3 {  margin-top: 10px;  width: 230px; text-align: center; font-size: 22px; color: #1286E1;}
.cj-chart-box:nth-child(4) .cj-chart-box2 { height: 298px; background-image: linear-gradient(224deg, #FF8540 0%, #FA4302 100%); border-radius: 0 40px 0 0;}
.cj-chart-box:nth-child(4) .cj-chart-box3 { color: #FB500E;}
.cj-chart-box:nth-child(3) .cj-chart-box2 { height: 248px; background-image: linear-gradient(224deg, #10C6DE 0%, #05A2B5 100%);  border-radius: 0 40px 0 0;}
.cj-chart-box:nth-child(3) .cj-chart-box3 { color: #07AABE;}
.cj-chart-box:nth-child(2) .cj-chart-box2 { height: 198px; background-image: linear-gradient(224deg, #7CA0FF 0%, #657DFB 100%); border-radius: 0 40px 0 0;}
.cj-chart-box:nth-child(2) .cj-chart-box3 { color: #657DFB;}
.cj-chart-box:nth-child(1) .cj-chart-box2 { height: 148px; background-image: linear-gradient(224deg, #FD4D4F 0%, #F21E20 100%); border-radius: 0 40px 0 0;}
.cj-chart-box:nth-child(1) .cj-chart-box3 { color: #F52C2E;}
.cj_btn { margin-top: 40px;}

/***************************************************************/
.why{ width:1920px; height:640px; background-color: #f8f8f8; background-image: url(../imgs/why_bg.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover;  padding: 30px 0}
.why-box{ width:1180px; height: 410px; margin:30px auto;}
.why-box .why-con{ width:550px;}
.why-box .why-con-l li{width:400px; height:120px;  border-bottom:1px dashed #999;}
.why-box .why-con-l li img{ display: block; float: left; width:92px; margin-right: 20px;}
.why-box .why-con-l li p{text-align: left; font-size:24px; font-weight: bold; color: #151515; margin-top: 25px }
.why-box .why-con-l li span{display: block; width: 350px; text-align:left; font-size:16px; color: #444; margin-top:10px; line-height:26px;}
.why-box .why-con-l{float: left;}
.why-box .why-con-r{float: right;}
.why-box .why-con{ width:550px;}
.why-box .why-con-r li{width:400px; height:120px;  border-bottom:1px dashed #999;}
.why-box .why-con-r li img{ display: block; float:right; width:92px; margin-left: 20px;}
.why-box .why-con-r li p{text-align:right; font-size:24px; font-weight: bold; color: #151515; margin-top: 25px }
.why-box .why-con-r li span{display: block; width: 350px; text-align:right; font-size:16px; color: #444; margin-top:10px; line-height:26px;}

/*****************************************************************/
.zx{width:100%; height:206px; margin:0 auto; background: url(../imgs/zx_bg.png) no-repeat center center; background-size: cover; }
.zx_con{ width: 1150px; margin:0 auto; padding-top:20px;}
.zx_con li{float: left; background: #fff; width: 200px; height: 52px; line-height:52px; text-align: center; font-size:22px; margin:10px; border-radius: 30px;}
.zx_con li:hover{ background: #ff7b1f; color: #fff; cursor: pointer; }

/**********************************************************************/
.ls{ width: 100%; height:620px; padding-top: 50px; }
.ls_box{ width: 1200px; margin: 0 auto; background:#FFF; overflow:hidden; clear:both; padding:0 20px; padding-bottom:20px; margin-top:55px; margin-bottom:55px;}
.ls-l{ float:left;overflow:hidden; width:696px;}
.ls-l li{ position:relative; float:left; margin-right: 1px; cursor: pointer; }
.ls-l li i{ width:100%; height:auto; background:rgba(0, 0, 0, 0.6);  display:block; position:absolute; left:0; top:0; bottom:0; border-right:1px solid #FFF; border-bottom:1px solid #FFF;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000)\9;}
.ls-l li .cur{ background:rgba(0, 0, 0, 0);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#00000000); }
.ls-r{ float:left; margin-left: 25px; }
.ls-r .r-con{ width:470px; margin:0 auto; margin-top:10px;}
.ls-r .lsx p.p1{ font-size:35px; font-weight:bold; color: #222}
.ls-r .lsx p.p2{ font-size:16px; line-height:28px; margin-top:8px; color: #666; height: 200px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 9; overflow: hidden;}
.ls-r .lsx p.p3{ font-size:20px; line-height:28px; margin-top:8px; color: #333}
.ls_zixun{ width:340px; background:#f95b53;}
.ls_zixun a{ text-decoration:none; display:block; width:295px; background:url(../imgs/leo.jpg) right no-repeat; background-color:#f95b53; height:58px; font-size:20px; text-align:center; line-height:58px; color:#FFF; margin-top:20px;}


/***************************************************************************/
.book{ width: 100%; height:750px; padding: 25px 0; background: url(../imgs/book_bg.jpg) no-repeat center bottom; background-size: cover; }
.book-tab{ width: 1100px; margin: 20px auto 0;}
.book-tab li{ float: left; width: 240px;height: 50px;line-height: 50px;background: #fff; border-radius: 50px;text-align: center;font-size: 22px;color: #212121;margin: 0px 10px; cursor: pointer;}
.book-tab .book-cur{ background: #ff7b1f; color: #fff; border: 2px solid #f55198 }
.tab-con{width: 1200px; margin:0 auto; background:rgba(255,255,255,.8);; border-radius: 20px; margin-top:50px;}
.book-l img{ display: block; margin: 0 auto; padding-top: 40px; width: 80%;}
.book-r{ width:680px; height: 330px;  margin-top: 20px;padding-left:30px}
.book-r p{ font-size: 30px; color: #212121; margin-top: 30px}
.book-r span{display: block; height: 150px; font-size: 18px; color: #555; margin-top: 12px;line-height: 28px}
.book-r a{display: block; width: 240px; height:44px; line-height: 44px; border-radius: 5px; text-align: center; font-size:17px; background:#f55198;  color: #fff; margin-top: 15px}

/******************************************************************************/
.ry{width: 100%;height: 390px; padding-bottom:70px;}
.ry-con{ width: 1200px; margin: 0 auto; background: #fff;}
.ry-box{ margin-top: 10px; height: 300px}
.ry-xq{ padding: 0 20px 0 15px;}
.ry-xq div{ font-size: 28px; color: #212121;}
.ry-xq p{ width: 270px; font-size: 16px; color: #333; margin-bottom: 3px; line-height: 22px}
.ry-xq span{ display: block; width: 60px; height: 2px; background:#f55198; margin: 10px 0 }
.ry-xq a{display: block; width: 120px; height:34px; line-height: 34px; text-align: center;  border-radius: 30px; font-size:17px; color: #f55198; border: 2px solid #f55198; margin-top: 15px}
.ry-xq img{ margin-top: 25px; max-width: 100%; min-width: 100%}
.ry-h{ height:110px}


/*****校区*****/
.xq{ width: 100%; height:680px; }
.xq-con{ width: 1200px; margin: 0 auto;}
.xq-con li{width:370px; float: left;}
.xq-con li h3{ display: inline-block; font-size: 20px; color: #fff; margin-top: 10px; background-image:-webkit-linear-gradient(0deg,#653bfd,#1a74ff); padding:5px 20px 5px 10px; border-radius:0 35px 0px 0px;}
.xq-con li p{ font-size: 17px; line-height: 24px; color: #000; padding: 8px 10px; border: 1px dashed #ddd; border-radius:0 15px 0px 0px; }
.xq-con .ctli{ margin: 0 43px;}

.tx-ul li a:hover, .bk-r a:hover,.kc-btn:hover,.why-con li a:hover,.ls-xq a:hover{background: #fe8e1e; color: #fff}