@charset "utf-8";

body,
div,
iframe,
ul,
ol,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
table,
th,
td,
form,
input,
button,
select,
textarea {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    font-family: inherit;
}

ol,
ul {
    list-style: none;
}

img {
    border: 0;
}

a:link,
a:visited {
    color: #323232;
    text-decoration: none;
}

a:hover {
    color: #FC0800;
    text-decoration: none;
}

body {
    font-size: 14px;
    color: #343434;
    font-family: '微软雅黑', 'Microsoft Yahei', Tahoma, Verdana;
    background: #F5F5F5;
    _background-image: url(about:blank);
    _background-attachment: fixed
}

div,
form,
img,
ul,
ol,
li,
dl,
dt,
dd {
    margin: 0;
    padding: 0;
    border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
}

table,
td,
tr,
th {
    font-size: 12px;
}

li {
    list-style-type: none;
}

img {
    vertical-align: top;
}

.cr {
    clear: both;
    height: 0px;
    overflow: hidden;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.mt10 {
    margin-top: 10px;
}

.hidden,
.ins {
    display: none
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
}

.clearfix {
    *zoom: 1;
}

.w,
.head,
.menu ul,
#footer .foot,
#main {
    width: 1180px;
    margin: 0 auto;
}

.bold {
    font-weight: bold;
}

#header {
    clear: both;
    background: #fff;
    height: 100%
}

.ins {
    display: none
}

/* 公供 */
.top {
    height: 30px;
    color: #797979;
    background: url(../images/topbg.png) repeat-x 0 bottom;
    overflow: hidden
}

.top span {
    float: left;
    line-height: 30px
}

.topbar {
    float: right;
    border-right: 1px solid #EAEAEA;
}

.topbar li {
    float: left;
    border-left: 1px solid #EAEAEA;
    height: 30px;
    line-height: 30px;
    padding: 0 14px;
}

.head {
    height: 90px
}

.logo {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    height: 90px;
}

.logo img {
    display: block;
    margin: 0 auto;
    max-height: 90px;
}

.logo a,
.logo a:visited {
    overflow: hidden;
    display: block;

}

.tsearch {
    height: 40px;
    width: 446px;
    float: right;
    margin-top: 25px;
}

.tsearch a {
    text-decoration: none;
    cursor: pointer
}

.tsearch input {
    float: left
}

.sa {
    width: 10px;
    height: 36px;
    line-height: 36px;
    border: 2px solid #499113;
    position: relative;
    float: left;
    color: #777;
    z-index: 98;
    font-size: 12px;
    border-right: 0;
    text-indent: 12px;
}

.sa_hover {
    background-position: 50px -36px;
}

.lanmu {
    border: #499113 2px solid;
    position: absolute;
    width: 64px;
    top: 36px;
    left: -2px;
    z-index: 100
}

.lanmu a,
.lanmu a:visited {
    height: 26px;
    line-height: 26px;
    display: block;
    border-bottom: 1px solid #eee;
    background: #FFF;
    color: #666;
    font-size: 12px
}

.lanmu a:hover {
    background: #f6f6f6;
    color: #390
}

.tsearch .sb {
    width: 304px;
    line-height: 20px;
    height: 20px;
    font-size: 12px;
    color: #CCC;
    outline: none;
    border: 0;
}

.tsearch .seript {
    float: left;
    width: 360px;
    border: solid #499113;
    border-width: 2px 0;
    height: 20px;
    padding: 8px 0 8px 6px;
}

.sc {
    border: 2px solid #499113;
    width: 64px;
    height: 36px;
    float: left;
    display: inline-block
}

.sc input {
    border: none;
    width: 64px;
    height: 36px;
    background: #499113;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    color: #EBEFEE
}

.dropdown:hover .arwlink {}

.menu {
    height: 46px;
    color: #fff;
    clear: both;
    background: #499113;
    position: relative;
    z-index: 97
}

#menu {
    float: left;
}

#menu li {
    float: left;
    position: relative;
    padding-right: 40px
}

#menu li div {
    display: none;
    position: absolute;
    top: 46px;
    background-color: rgba(0, 0, 0, 0.9);
    *background: #171717 !important;
    *background: 171717;
}

#menu a.mc {
    padding: 0 30px 0 30px;
    display: block;
    float: left;
    line-height: 46px;
    height: 46px;
    color: #fff;
    font-size: 16px;
}

#menu a.mc:hover,
#menu .one a.mc,
#menu .one a.mc:visited,
#menu a.curr,
#menu a.curr:visited {
    background: #3D7B10;
}

#menu a.mov,
#menu a.mov:visited,
#menu a.mov:hover {
    background: #171717;
}

.m-sub {
    width: 220px;
    line-height: 28px;
    left: 0;
    padding: 10px 0;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
}

.mnav280,
.mnav8 {
    left: auto;
    right: 0;
}

.mnav6 {
    width: 330px
}

.m-sub {
    text-align: center;
    font-size: 14px
}

.m-sub a,
.m-sub a:visited {
    float: left;
    color: #d9d9d9;
    width: 110px;
    height: 26px;
    line-height: 26px;
    overflow: hidden
}

.m-sub a:hover {
    color: #f60
}

#footer {
    clear: both;
    padding: 20px 0 40px;
    background: #FAFAFA;
    color: #888;
    border-top: 1px solid #EAEAEA;
    text-align: center
}

#footer .t {
    color: #E8E8E8
}

#footer .t a,
#footer .t a:visited {
    margin: 0 12px
}

#footer p {
    line-height: 40px;
    text-align: center;
}

#footer a {
    color: #888
}

#footer .foot-icp {
    height: 50px;
    padding-top: 20px
}

#footer .foot-icp img {
    width: 115px;
    height: 50px;
    margin: 0 9px;
}

.count {
    display: none
}

.link {
    margin: 10px 0;
    border: 1px solid #F0F0F0;
    clear: both;
    background: #FDFDFD;
    padding: 16px 0;
}

.link h4 {
    line-height: 20px;
    height: 20px;
    border-left: 5px solid #499113;
    position: relative;
    left: -1px;
    padding-left: 12px;
}

.link h4 b {
    float: left;
    font-size: 18px;
    color: #303030;
    font-weight: 400
}

.link h4 span {
    float: right;
    color: #A7A7A7;
    padding-right: 20px
}

.link p a,
.link p a:visited {
    color: #999;
    margin-right: 20px
}

#footer a:hover,
.link p a:hover,
.foucs-youhui li a:hover,
.loop .title a:hover {
    color: #f00
}

.link p {
    padding: 10px 20px;
    line-height: 26px;
}

.footer365jz {
    width: 100%;
    margin: 15px auto;
}

.footer365jz .linkslist {
    margin-bottom: 15px;
}

.footer365jz .linkslist li {
    display: inline-block;
    margin: 5px 10px;
    color: #A7A7A7;
    font-size: 14px;
    line-height: 18px;
}

.footer365jz .linkslist li a {
    color: #A7A7A7;
}

/* back-top */
#gotop {
    position: fixed;
    right: 20px;
    width: 84px;
    top: 50%;
    margin-top: -100px;
    display: block;
    z-index: 999999;
}

*html #gotop {
    position: absolute;
    _top: expression(documentElement.scrollBottom + 260 + "px");
}

#gotop .got {
    display: none;
    width: 84px;
    height: 48px;
}

#gotop .got a,
#gotop .got a:visited {
    width: 84px;
    height: 48px;
    overflow: hidden;
    text-indent: -999px;
    background: url(../images/gotop.gif) center center no-repeat #68B849;
    display: block
}

#gotop .got a:hover {
    background: url(../images/gotop2.gif) center center no-repeat #FF8018;
}

.online {
    height: auto;
}

.online li {
    float: left;
    width: 84px;
    height: 36px;
    padding-bottom: 8px;
    position: relative
}

.online a.telzx,
.online a.telzx:visited,
.online a.quit,
.online a.quit:visited {
    display: block;
    line-height: 36px;
    height: 36px;
    background: #F39500 url(../images/g.gif) no-repeat 8px -309px;
    text-indent: 28px;
    font-size: 12px;
    color: #fff
}

.online a.quit,
.online a.quit:visited {
    background-position: 8px -350px;
    background-color: #68B849
}

.online-div {
    display: none;
    position: absolute;
    right: 83px;
    top: 0;
    padding-right: 12px;
}

.online-div i {
    display: block;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0px;
    position: absolute;
    top: 12px;
    right: 7px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #F39500;
}

.teltxt {
    font-size: 18px;
    color: #fff;
    width: 142px;
    background: #f39500;
    heighT: 36px;
    line-height: 36px;
    text-align: center
}

.quittxt {
    width: 142px;
    background: #68B849;
}

.quittxt i {
    border-left: 5px solid #68B849;
}

.quittxt a,
.quittxt a:visited {
    display: block;
    line-height: 39px;
    height: 39px;
    text-align: center;
    color: #fff;
    border-bottom: 1px solid #89C771
}

.quittxt a:hover {
    background: #569A3D;
}

#sgotop {
    position: fixed;
    right: 20px;
    bottom: 230px;
    display: none;
    z-index: 999999;
}

*html #sgotop {
    position: absolute;
    _top: expression(documentElement.scrollBottom + 160 + "px");
}

#sgotop a.got,
#sgotop a.got:visited {
    width: 50px;
    height: 50px;
    overflow: hidden;
    text-indent: -999px;
    background: url(../images/gotop.gif) center center no-repeat #9f9f9f;
    display: block;
}

#sgotop a.got:hover {
    background: url(../images/gotop2.gif) center center no-repeat #FF8018;
}

#main {
    height: 100%;
    overflow: hidden;
    padding-bottom: 30px
}

.boxfocus {
    position: relative;
    max-width: 1180px;
    margin: 0 auto;
}

.boxfocus .bigpic {
    width: 100% !important;
    position: relative;
    z-index: 0;
}

.boxfocus .bigpic li {
    width: 100% !important;
    height: 450px;
    overflow: hidden;
    text-align: center;
}

.boxfocus .bigpic li a,
.boxfocus .bigpic li a:visited {
    width: 1180px;
    display: block;
    margin: 0 auto;
    height: 400px
}

.boxfocus .smallpic {
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 420px;
    position: absolute;
    left: 0px;
    line-height: 7px;
    height: 7px;
    overflow: hidden;
    text-align: center;
}

.boxfocus .smallpic li {
    cursor: pointer;
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 20px;
    line-height: 200px;
    height: 7px;
    margin: 0 3px;
    background: #333;
    overflow: hidden;
}

.boxfocus .smallpic .on {
    background: #FC0
}

/*图片加载*/
.ico,
.exrl .title .arrow,
.exrl .hd i,
.spacelogo p i {
    background: url(../images/m.png)
}

.ico-rl {
    background-position: -39px -44px
}

.ico-rz {
    background-position: -108px -277px
}

.ico-rz1 {
    background-position: -108px -76px
}

.ico-rz2 {
    background-position: -108px -91px
}

.ico-rz3 {
    background-position: -108px -105px
}

.ico-hui {
    background-position: -108px -123px
}

.ico-dh {
    background-position: -109px -146px
}

.ico-mycall {
    background-position: -109px -208px
}

.ico-distr {
    background-position: -109px -168px;
}

.ico-campus {
    background-position: -109px -188px;
}

.ico-spacehome {
    background-position: -109px -246px;
}

.ico-contact {
    background-position: -69px -264px;
}

.exrl .title {
    height: 52px;
    padding: 0 14px 0 18px
}

.exrl .title h3 {
    float: left;
    height: 20px;
    line-height: 18px;
    font-size: 16px;
    color: #444;
    margin-top: 16px
}

.exrl .title i {
    float: left;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 8px;
}

.exrl .title .arrow {
    float: right;
    margin-top: 12px;
    display: block;
    width: 69px;
    height: 28px;
    background-position: -58px -44px
}

.exrl .title .arrow a {
    float: left;
    width: 34px;
    height: 28px;
    display: block;
    cursor: pointer
}

.exrl .hd {
    height: 54px;
}

.exrl .hd li {
    float: left;
    width: 67px;
    margin-left: 2px;
    background: #EDEFEA;
    line-height: 50px;
    height: 50px;
    position: relative;
    font-size: 18px;
    text-align: center;
    cursor: pointer
}

.exrl .hd i {
    display: none;
    width: 7px;
    heighT: 4px;
    position: absolute;
    background-position: -19px -60px;
    top: 50px;
    left: 30px;
}

.exrl .hd .one {
    margin-left: 0;
}

.exrl .hd .on {
    background: #4A8F10;
    color: #fff;
    width: 69px;
}

.exrl .hd .on i {
    display: block;
}

.exrl .bd {
    overflow: hidden;
    border-bottom: 1px solid #F5F5F5
}

.exrl .bd ul {
    height: 196px;
    padding: 10px 10px 0
}

.exrl .bd li {
    height: 32px;
    line-height: 32px;
    padding-left: 12px;
    background: url(../images/g.gif) no-repeat 0 14px;
    font-size: 12px;
}

.exrl .bd li span {
    float: right;
    padding-left: 10px;
    color: #999;
}

.exweixin {
    height: 124px;
    background: url(../images/weixin.gif) no-repeat 12px 12px;
    padding: 0 20px 0 124px;
}

.exweixin b {
    display: block;
    color: #469051;
    font-size: 20px;
    line-height: 44px;
    padding-top: 4px
}

.exweixin p {
    line-height: 20px;
    height: 60px;
    color: #7D7D7D;
    font-size: 12px;
}

/* 首页 */
.home {
    background: #fff;
    padding: 10px 0;
    margin: 0;
}

.loop {
    padding: 20px 0;
    height: 724px
}

.loop-l {
    float: left;
    width: 232px;
    height: 658px;
}

.loopitem {
    float: right;
    width: 939px;
    height: 658px;
    border: solid #f5f5f5;
    border-width: 0 0 1px 1px;
}

.loop .title {
    height: 44px;
    line-height: 44px;
    border-bottom: 3px solid #91C03E;
    position: relative;
    margin: 10px 0 3px;
    background: #FAFAFA;
    font-size: 16px
}

.loop .title h3 {
    position: absolute;
    left: 0;
    top: -10px;
    width: 240px;
    background: #91C03E;
    line-height: 32px;
    height: 32px;
    padding: 11px 0;
    font-size: 24px;
    color: #fff;
    font-weight: bold
}

.loop .title h3 i {
    float: left;
    font-style: normal;
    font-size: 32px;
    display: inline-block;
    vertical-align: middle;
    line-height: 32px;
    padding: 0 6px 0 16px
}

.loop .title p {
    float: left;
    padding-left: 240px;
}

.loop .title p a {
    margin-left: 30px;
}

.loop .title span {
    float: right;
    padding-right: 10px
}

.loop .title a {
    color: #777
}

.hot-list li {
    float: left;
    width: 226px;
    height: 40px;
    line-height: 20px;
    padding: 10px 0 10px 6px;
    border-bottom: 1px dotted #eee;
    overflow: hidden;
}

.hot-list li i {
    float: left;
    width: 20px;
    line-height: 20px;
    height: 20px;
    background: #A2A39E;
    display: block;
    margin-right: 10px;
    font-style: normal;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 12px;
    font-weight: normal
}

.hot-list li i.n1 {
    background: #FF7673
}

.hot-list li i.n2 {
    background: #FC7E03
}

.hot-list li i.n3 {
    background: #FFAC3C
}

.hot-list li p {
    float: left;
    font-size: 14px;
    height: 21px;
    overflow: hidden;
    width: 190px
}

.hot-list li p a {
    color: #555
}

.hot-list li span {
    display: none;
    position: absolute;
    top: 32px;
    left: 40px;
    padding-right: 10px;
    color: #ccc
}

.hot-list li.on {
    height: 88px;
    position: relative
}

.hot-list li.on p {
    float: left;
    font-size: 16px;
    width: 190px
}

.hot-list li.on p a {
    color: #1b1b1b
}

.hot-list li.on i {
    height: 88px
}

.hot-list li.on span {
    display: block;
    font-size: 12px
}

.hot-new li.on {
    height: 88px
}

.hot-new li.on p {
    font-size: 14px;
}

.hot-new li.on i {
    height: 20px
}

.loopitem li {
    float: left;
    width: 216px;
    margin: 15px 8px;
    _display: inline;
}

.loopitem li img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.loopitem li p {
    float: left;
    display: block;
    width: 100%;
    height: 90px;
    overflow: hidden;

}

.loopitem li b {
    line-height: 38px;
    height: 38px;
    display: block;
    font-size: 16px;
    overflow: hidden
}

.loopitem li span {
    display: block;
    color: #A9A9A9;
    font-size: 12px
}

.loopitem li a.more,
.loopitem li a.more:visited {
    display: block;
    float: right;
    width: 60px;
    line-height: 30px;
    height: 30px;
    text-align: center;
    color: #087D25;
    border: 1px solid #789F5C;
    border-radius: 4px;
    margin-top: 16px
}

.loopitem li a.more:hover {
    color: #fff;
    border: 1px solid #499113;
    background: #499113;
}

.color2 .title {
    border-bottom: 3px solid #FB7897;
}

.color2 .title h3 {
    background: #FB7897
}

.color3 .title {
    border-bottom: 3px solid #43BCE9;
}

.color3 .title h3 {
    background: #43BCE9
}

.color4 .title {
    border-bottom: 3px solid #66CDCC;
}

.color4 .title h3 {
    background: #66CDCC
}

/*关于我们*/
.view {
    padding: 40px 0 0px;
    height: 100%;
    overflow: hidden
}

.location {
    line-height: 56px;
    height: 56px;
    color: #B5B5B5;
    font-size: 12px
}

.about-nav {
    float: left;
    width: 220px;
    background: #fff;
    padding: 20px 0;
}

.about-nav li {
    font-size: 18px;
    font-weight: 400;
    text-indent: 56px;
    line-height: 52px;
    height: 52px;
    border-left: 4px solid #FAF8F9;
    margin: 10px 0;
}

.about-nav li.curr {
    background: #FAF8F9;
    border-left: 4px solid #499113;
}

.about-nav li.curr a {
    color: #000
}

.about-nav a,
.about-nav a:visited {
    display: block;
    color: #999
}

.about-nav a:hover {
    color: #08AAEA
}

.col-about {
    float: right;
    width: 926px;
}

.col-about h1 {
    line-height: 82px;
    height: 82px;
    border-bottom: 1px solid #F1F1F1;
    color: #469112;
    font-size: 30px;
    text-indent: 42px;
    font-weight: bold
}

.col-about #endtext {
    padding: 20px 40px;
}

.col-new,
.new-box,
.col-about,
.hot-course,
.courselist,
.kecheng,
.course-info,
.spacenews {
    background: #fff
}

.col-new {
    float: left;
    width: 850px;
}

.side-new {
    float: right;
    width: 300px;
}

.col-new h2 {
    background: #FBFBFB;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #ECECEC;
    font-size: 20px;
    color: #535353;
    padding-left: 30px;
    font-weight: bold
}

.newslist ul {
    border-bottom: 1px dashed #E6E6E6;
    margin: 0 30px;
    padding: 20px 0;
}

.newslist li {
    line-height: 46px;
    height: 46px;
    font-size: 16px;
}

.newslist li span {
    float: right;
    font-size: 12px;
    color: #989898
}

.new-box {
    margin-bottom: 20px;
}

.new-box .title {
    line-height: 48px;
    height: 50px;
    border-bottom: 1px solid #D9D9D9;
    padding: 0 14px;
}

.new-box .title h3 {
    float: left;
    color: #638C0C;
    font-size: 18px;
    font-weight: 400;
    line-heighT: 49px;
    height: 49px;
    border-bottom: 2px solid #87A744;
    padding-left: 28px;
    width: 100px;
    position: relative;
    bottom: 0px;
    background: url(../images/m.png) no-repeat -156px 17px
}

.new-box ul {
    padding: 10px 20px;
}

.textlist li {
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    padding-left: 14px;
    background: url(../images/g.gif) no-repeat 0 -10px
}

.col-new h1,
.spacenews h1 {
    font-size: 28px;
    line-height: 50px;
    height: 50px;
    color: #464646;
    padding: 30px 0 10px 0;
    font-weight: 400;
    text-align: center
}

.spacenews .content {
    padding: 10px 30px 20px;
    line-height: 30px;
    font-size: 16px;
    color: #555
}

.spacenews .content p {
    margin: 16px 0;
}

.spacenews .content img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.auor {
    line-heihgt: 40px;
    height: 40px;
    text-align: center;
    margin: 0 40px;
    border-bottom: 1px dashed #E7E7E7;
    color: #959595;
}

.auor i {
    font-style: normal
}

.auor span {
    padding: 0 10px;
}

.col-new .tags a {
    color: #4383C3
}

.infoprev {
    line-height: 26px;
    height: 52px;
    overflow: hidden;
    padding: 20px;
    font-size: 14px;
    border-top: 1px dotted #dcdcdc;
    position: relative;
    margin-bottom: 10px;
    color: #888
}

.infoprev a,
.infoprev a:visited {
    font-weight: normal
}

.infoshare {
    position: absolute;
    top: 20px;
    right: 10px;
}

/* 分页 */
#pages {
    height: 40px;
    padding: 20px 0 20px 20px;
    clear: both;
}

#pages a,
#pages a:visited,
#pages a:hover {
    display: inline-block;
    height: 40px;
    line-heighT: 40px;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    margin: 0 5px;
    border: 1px solid #D9D9D9;
    width: 66px;
    text-align: center;
    border-radius: 3px;
}

#pages a:hover,
#pages a.curr,
#pages a.curr:visited {
    border: 1px solid #78C225;
    background: #78C225;
    color: #fff;
}

/* 课程 */
.course {
    padding-top: 40px;
}

.course .side {
    float: left;
    width: 200px;
    background: #fff;
}

.course .col {
    float: right;
    width: 950px
}

.ctitle {
    height: 20px;
    background: #FCFCFC;
    padding: 15px 20px;
    border-bottom: 3px solid #F7F7F7;
}

.ctitle h3 {
    height: 18px;
    line-height: 18px;
    background: url(../images/m.png) no-repeat -156px -36px;
    font-size: 18px;
    padding-left: 30px;
}

.course-nav li {
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid #F5F5F5
}

.course-nav li a,
.course-nav li a:visited {
    text-indent: 40px;
    font-size: 16px;
    display: block;
    background: url(../images/one-boxdt.gif) no-repeat 160px 18px
}

.course-nav li.curr {
    background: #f0f0f0
}

.filter {
    position: relative;
    padding: 20px;
    background: #fff
}

.filter ul {
    heighT: 100%;
    overflow: hidden;
    clear: both;
    width: 100%;
}

.filter li {
    float: left;
    width: 100%;
    line-height: 26px;
    padding: 12px 0;
    color: #3D4552;
    clear: both
}

.filter span {
    float: left;
    margin-right: 10px;
    background: #499113;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 4px;
    text-align: center;
    position: relative;
    color: #fff;
    width: auto;
}

.filter span em {
    display: block;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0px;
    position: absolute;
    top: 8px;
    right: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #499113;
}

.filter li p {
    float: left;
    width: 85%;
}

.filter li p a {
    white-space: nowrap;
}

.filter li a,
.filter li a:visited {
    float: left;
    padding: 0 8px;
    display: block;
    height: 26px;
    line-height: 26px;
    margin-right: 1px;
}

.filter li a.curr,
.filter li a.curr:visited,
.filter li a:hover {
    text-decoration: none;
    color: #fff;
    background: #8FB838
}

.filter li a.more:hover {
    color: #f00
}

.spacefilter {
    padding: 0;
}

.spacefilter li {
    border-bottom: 1px solid #F2F2F2;
    padding-left: 20px
}

.spacefilter li span {
    width: 86px
}

.spacefilter li p {
    width: 730px;
}

.courselist {
    margin: 20px 0
}

.courselist .ctitle h4 {
    float: left;
    font-size: 16px
}

.courselist .ctitle h4 b {
    color: #0D7B25
}

.courselist li {
    padding: 24px 30px;
    border-bottom: 1px solid #eee;
    height: 136px;
}

.courselist .img {
    float: left;
}

.courselist .img,
.courselist .img img {
    width: 162px;
    height: 110px;
}

.courselist .info {
    float: left;
    width: 600px;
    padding-left: 28px;
}

.courselist .price {
    float: right;
    width: 100px;
    text-align: center;
    padding-top: 40px;
}

.courselist .price b {
    display: block;
    font-size: 22px;
    height: 38px;
    color: #ED6943
}

.courselist .price span {
    display: block;
    height: 32px;
}

.courselist .price span a {
    display: block;
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    background: #5CA228;
    border-radius: 4px
}

.courselist .price span a:hover {
    background: #f60
}

.courselist .info .name {
    height: 30px;
    font-size: 16px;
    overflow: hidden
}

.courselist .info h2 {
    float: left;
    font-size: 18px;
    font-weight: 400;
    padding-right: 16px;
}

.courselist .info .name p {
    float: left;
    font-size: 14px
}

.courselist .info .name p a {
    color: #658C0D
}

.courselist .info .name i {
    float: left;
    display: inline-block;
    width: 17px;
    height: 10px;
    margin: 6px 0 0 6px;
}

.courselist .info dl {
    height: 96px;
    overflow: hidden
}

.courselist .info dd {
    line-height: 24px;
    color: #8F8F8F;
    font-size: 12px;
}

.courselist .info dd span {
    color: #658C0D
}

.courselist .info dd p {
    float: left;
    width: 220px;
}

.courselist .mod {
    padding-top: 8px;
    height: 26px;
    line-height: 26px;
}

.courselist .mod p {
    float: left;
    font-size: 12px;
    padding: 0 15px
}

.courselist .mod p i {
    color: #EE6842;
    font-style: normal
}

.courselist .mod span {
    float: left;
    padding-right: 15px
}

.courselist .mod span a {
    color: #0175A8
}

.courselist .mod em {
    float: left;
    margin-top: 5px
}

.courselist a.yuyue {
    float: left;
    display: block;
    background: Url(../images/m.png) no-repeat 0 -79px;
    width: 88px;
    line-height: 78px;
    height: 26px;
    overflow: hidden
}

.courselist .mod span a:hover,
.courselist .info .name p a:hover {
    color: #f00
}

.courselist #pages {
    padding: 30px 20px;
}

.lstar,
.lstar i {
    width: 100px;
    background: url(../images/m.png) no-repeat 0px -125px;
    line-height: 20px;
    height: 16px;
    display: block
}

.lstar i {
    width: 100px;
    background-position: 0 -109px
}

.lstar .s0 {
    width: 10px
}

.lstar .s1 {
    width: 20px
}

.lstar .s2 {
    width: 40px
}

.lstar .s3 {
    width: 60px
}

.lstar .s4 {
    width: 80px
}

.lstar .s5 {
    width: 100px
}

.hot-course .ctitle h3 {
    float: left;
    background-position: -156px -71px
}

.hot-course .ctitle span {
    float: right;
}

.hot-course ul {
    height: 100%;
    overflow: hidden;
    padding: 15px 0 10px
}

.hot-course li {
    float: left;
    width: 23%;
    height: auto;
    margin: 14px 0 0 15px;
    _display: inline;
}

.hot-course li img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.hot-course li b {
    display: block;
    line-height: 42px;
    height: 42px;
    font-size: 16px;
    font-weight: 400;
    overflow: hidden
}

.col-kc {
    float: left;
    width: 896px
}

.side-kc {
    float: right;
    width: 260px
}

.side-kc .new-box .title h3 {
    width: 130px
}

.side-kc .new-box ul {
    padding: 0 10px;
    height: 100%;
    overflow: hidden;
}

.side-kc .new-box ul li {
    width: 240px
}

.new-box .title .ico-school {
    background-position: -151px -95px
}

.new-box .title .ico-bm {
    background-position: -155px -132px;
    width: 90px
}

.school {
    padding: 14px 16px;
}

.school .name {
    height: 34px;
}

.school .name i {
    display: inline-block;
    width: 18px;
    height: 12px;
    margin: 5px 0 0 3px
}

.school .name b {}

.school .name b a {
    color: #0075AA
}

.school .text {
    color: #888;
    line-height: 24px;
    padding: 10px 0 20px;
    font-size: 12px
}

.school h3 {
    border-top: 1px dashed #CFCFCF;
    line-height: 40px;
    height: 40px;
    font-size: 16px;
    color: #434343
}

.school-tags {
    height: 100%;
    padding: 10px 0;
    overflow: hidden
}

.school-tags a,
.school-tags a:visited {
    float: left;
    margin: 0 6px 6px 0;
    display: block;
    height: 26px;
    line-height: 26px;
    color: #fff;
    padding: 0 8px;
    background: #B5C8A8;
    white-space: nowrap;
    font-size: 12px
}

.school-tags a:hover {
    background: #80A365;
}

.course-info {
    padding: 26px 0 26px 26px;
    height: 100%;
    overflow: hidden;
    margin-bottom: 24px
}

.course-info .img {
    float: left;
    width: 486px
}

.course-info img {
    width: 486px;
    height: 292px
}

.course-info .info {
    float: right;
    width: 622px;
}

.course-info h1 {
    color: #303030;
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
    padding-bottom: 10px;
}

.course-info li {
    line-height: 30px;
    height: 30px;
    color: #9C9C9C;
    font-size: 12px
}

.course-info li span,
.course-info li em {
    float: left
}

.course-info li em {
    margin-top: 6px
}

.course-info li i {
    font-style: normal
}

.course-info .price {
    height: 22px;
    line-height: 22px;
    padding: 16px 0;
    font-size: 14px;
    color: #F29061;
}

.course-info .price s {
    color: #707070;
    font-size: 12px
}

.course-info .price b {
    font-size: 20px;
    color: #EB6204;
    vertical-align: middle;
    padding-left: 10px
}

.course-info .price i {
    display: inline-block;
    width: 19px;
    height: 19px;
    vertical-align: middle;
    margin: 0px 0 0 10px
}

.course-bar {
    height: 37px;
}

.course-bar a,
.course-bar a:visited,
.bmfrom .bmbtn {
    float: left;
    width: 106px;
    line-height: 37px;
    height: 37px;
    background: url(../images/m.png) no-repeat 0 -146px;
    text-indent: 40px;
    font-size: 12px;
    color: #fff;
    margin-right: 10px
}

.course-bar a.zx,
.course-bar a.zx:visited {
    background-position: 0 -184px;
}

.course-bar a.qqzx,
.course-bar a.qqzx:visited {
    background-position: 0 -222px
}

.course-bar .free-tel {
    float: left;
    background: url(../images/kctel.gif) no-repeat;
    padding-left: 43px;
    width: 230px;
    height: 37px;
    line-height: 37px;
    font-size: 14px;
    color: #638B07;
}

.course-bar .free-tel span {
    float: left;
    display: block;
    width: 134px;
    font-weight: bold
}

.course-bar .free-tel a,
.course-info .free-tel a:visited {
    width: 96px;
    background: none;
    margin: 0;
    text-indent: 0;
    text-align: center
}

.kecheng {
    padding-top: 20px;
    margin-bottom: 24px
}

.kecheng .title {
    height: 36px;
    border-bottom: 1px solid #C9C9C9;
    padding-right: 32px;
    position: relative
}

.kecheng .title ul {
    float: left;
    position: absolute;
    bottom: 1px;
    left: 32px;
    border-left: 1px solid #c9c9c9;
    height: 36px;
}

.kecheng .title ul li {
    float: left;
    width: 106px;
    border: solid #C9C9C9;
    border-width: 1px 1px 1px 0px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    text-align: center;
    background: #FCFCFC;
    cursor: pointer
}

.kecheng .title ul li.on {
    border-bottom: 1px solid #fff;
    background: #fff
}

.kecheng .title .bdshare {
    float: right
}

.kecheng .kc-bd {
    heighT: 100%;
    overflow: hidden
}

.baoming ul {
    padding: 26px 20px;
    height: 280px;
}

.baoming ul li {
    float: left;
    width: 404px;
    line-height: 36px;
    height: 36px;
    padding-bottom: 24px
}

.baoming ul li label {
    float: left;
    display: block;
    width: 70px;
    text-align: right;
    font-size: 16px
}

.baoming ul li .ipt {
    float: left;
    padding: 0 10px;
    width: 262px;
    border: 1px solid #E5E5E5;
    line-height: 34px;
    height: 34px
}

.baoming ul li .yzm {
    width: 120px
}

.baoming ul li img {
    margin-left: 4px;
    float: left;
    height: 36px;
}

.baoming ul .saytext {
    height: 90px;
    width: 100%;
}

.baoming ul .saytext textarea {
    float: left;
    padding: 5px 10px;
    border: 1px solid #e2e2e2;
    width: 724px;
    height: 80px;
}

.baoming ul .sub {
    padding: 0 0 0 70px;
    height: 40px
}

.baoming ul .sub input {
    margin-right: 10px
}

.btn {
    width: 106px;
    height: 40px;
    background: #489112;
    font-size: 16px;
    color: #fff;
    border: none;
    cursor: pointer
}

.btn:hover {
    background: #666;
}

.res {
    background: #E0E0E0;
    color: #535353
}

.res:hover {
    color: #fff
}

/* 会员登录/注册 */
.reg {
    background: #FAFAFA;
    height: 100%;
    overflow: hidden;
    margin-top: 40px
}

.regpost {
    float: left;
    width: 919px;
    background: #fff;
    border-left: 1px solid #F4F4F4
}

.regpost .title,
.reglogin .title {
    height: 82px;
    border-bottom: 1px solid #DCDCDC;
    line-height: 82px;
    padding: 0 50px
}

.regpost .title h3 {
    display: inline;
    font-size: 22px;
    color: #000;
    font-weight: 400
}

.regpost .title span {
    color: #A9A9A9;
    padding-left: 10px
}

.reglogin {
    float: right;
    width: 260px
}

.reglogin .title {
    padding: 0;
    position: relative
}

.reglogin .title p {
    background: #fafafa;
    padding: 0 10px;
    position: absolute;
    bottom: -10px;
    height: 20px;
    line-height: 20px;
    left: 54px
}

.reglogin .godl {
    text-align: center;
    padding: 30px 0;
}

.reglogin .godl a {
    width: 120px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    background: #71AB45;
    display: block;
    margin: 0 auto;
    font-size: 16px
}

.reglogin .godl a:hover {
    background: #499113
}

.regfrom {
    padding: 20px 10;
    height: 100%;
    overflow: hidden
}

.regfrom ul {
    padding: 20px 0;
}

.regfrom h4 {
    color: #F39700;
    font-size: 16px;
    line-height: 74px;
    height: 74px;
    border: dashed #E7E7E7;
    border-width: 1px 0;
    text-indent: 70px
}

.regfrom li {
    padding: 22px 0;
    clear: both;
    position: relative;
}

.regfrom .f-tit {
    float: left;
    text-align: right;
    width: 160px;
    padding-right: 10px;
    line-height: 38px;
    font-size: 16px
}

.regfrom .f-ipt {
    float: left;
    line-height: 38px;
    width: 350px
}

.regfrom .f-tps {
    float: left;
    width: 360px;
    color: #C8C8C8;
    font-size: 12px;
    line-height: 36px;
    height: 36px;
    padding: 0 10px;
}

.regfrom .f-tps span {
    color: #f00
}

.regfrom .Validform_wrong,
.regfrom .Validform_right {
    color: #638C0C;
    background: url(../images/g.gif) no-repeat 0 -142px;
    padding-left: 20px
}

.regfrom .Validform_wrong {
    color: #F29248;
    background-position: 0 -186px
}

.regfrom .f-tit span {
    padding-right: 10px;
    color: #f00;
    font-family: Georgia, "Times New Roman", Times, serif
}

.regfrom .red {
    color: #c00
}

.regfrom .inpt {
    border: 1px solid #D7D7D7;
    line-height: 26px;
    height: 26px;
    padding: 5px;
    width: 328px;
}

.regfrom .inptok {
    border: 1px solid #A4C969;
    background: #F9FCF1
}

.regfrom .Validform_error {
    border: 1px solid #FF9C00;
    background: #FFFCB5
}

.regfrom .fbtn {
    padding-left: 170px;
    border-top: 1px dashed #E7E7E7;
    margin-top: 30px;
}

.regfrom .fbtn input {
    font-weight: bold
}

.reglistcon {
    padding: 100px 0;
    height: 100%;
    overflow: hidden
}

.reglist {
    border: 1px solid #eee;
    background: #f9f9f9;
    padding: 20px 16px;
    float: left;
    width: 368px;
    margin-left: 40px;
    height: 220px
}

.reglist h3 {
    line-height: 36px;
    height: 36px;
    font-size: 20px;
    color: #080;
}

.reglist p {
    line-height: 28px;
    color: #888;
    height: 112px
}

.reglist .goreg {
    padding: 15px 0;
    color: #e00;
    font-size: 16px
}

.reglist .goreg .btn {
    margin-right: 20px
}

/* 登陆 */
.login {
    background: url(../images/loginbg.jpg) no-repeat;
    height: 434px;
    margin: 50px 0 20px
}

.login-box {
    box-shadow: 0 0 4px #ddd;
    width: 366px;
    height: 429px;
    background: #fff url(../images/login-top.jpg) no-repeat;
    float: right;
    padding-top: 5px
}

.login-box h3 {
    line-height: 40px;
    height: 40px;
    font-size: 18px;
    text-indent: 28px;
    padding-top: 8px
}

.slogin {
    padding: 0 28px;
    height: 270px;
}

.slogin li {
    height: 44px;
    float: left;
    width: 310px;
    margin-top: 20px;
}

.slogin .loginipt label {
    border: 1px solid #E1E1E1;
    height: 42px;
    line-height: 42px;
    float: left;
    width: 46px;
    background: #F5F5F5 url(../images/g.gif) no-repeat 14px -52px
}

.slogin .loginipt input {
    float: left;
    border: 1px solid #E1E1E1;
    border-left: 0;
    width: 251px;
    line-heighT: 42px;
    height: 42px;
    padding-left: 10px;
    color: #999;
    background: #FAFAFA;
}

.slogin .passw label {
    background-position: 14px -92px
}

.slogin .c {
    height: 28px;
    line-heighT: 28px;
}

.slogin .c input {
    vertical-align: middle
}

.login-box .b {
    height: 50px;
    line-heighT: 50px
}

.login .btn,
.regfrom .fbtn .btn {
    background: #69A332;
    width: 310px;
    border: 0;
    padding: 0;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    line-height: 48px;
    height: 48px;
}

.login .btn:hover,
.regfrom .fbtn .btn:hover {
    background: #57AF58;
    ;
}

.slogin span {
    float: right;
}

.slogin span a,
.slogin span a:visited {
    color: #0068B6
}

.blogin {
    padding: 0 22px;
    height: 110px;
    background: #FDFEF6;
    text-align: center;
    border-top: 1px solid #EAF3DE
}

.blogin p {
    height: 50px;
    line-height: 50px;
}

.blogin .breg a {
    line-height: 34px;
    height: 34px;
    border: 1px solid #8EAE62;
    border-radius: 4px;
    text-align: center;
    color: #698D69;
    width: 120px;
    display: inline-block
}

.blogin .breg a:hover {
    color: #f00
}

.blogin .breg a.bqq {
    background: url(../images/g.gif) no-repeat 17px -72px;
    padding-left: 20px
}

.regfrom .fbtn .btn {
    width: 340px;
}

/*空间*/
#spacehaed {
    background: #fff;
}

#spacehaed .flbar {
    float: left;
}

#spacehaed .flbar a {
    background: url(../images/g.gif) no-repeat 0 -234px;
    padding-left: 24px
}

#spacehaed .flbar a.goclass {
    background-position: 0 -270px
}

#spacehaed .tsearch {
    float: right
}

.spacelogo {
    float: left;
    width: 700px;
    padding-top: 18px
}

.spacelogo img {
    float: left;
    width: 134px;
    height: 70px;
    border: 1px solid #E9E9E9
}

.spacelogo .sitename {
    float: left;
    padding-left: 16px
}

.spacelogo h2 {
    line-height: 32px;
    height: 32px;
    font-size: 26px;
    font-weight: bold;
    color: #0A7C24
}

.spacelogo h2 a {
    color: #0A7C24
}

.spacelogo p {
    heighT: 30px;
    padding-top: 8px;
    overflow: hidden
}

.spacelogo p i {
    float: left;
    width: 30px;
    line-height: 100px;
    height: 30px;
    margin-right: 10px;
    display: block;
    overflow: hidden;
}

.spacelogo p .ico-sincerity {
    background-position: 0px -293px
}

.spacelogo p .ico-gov {
    background-position: -38px -292px
}

.spacelogo p.on .ico-sincerity {
    background-position: 0px -263px
}

.spacelogo p.on .ico-gov {
    background-position: -38px -262px
}

#spacehaed .head {
    heightL: 116px
}

#spacehaed .menu {
    background: #78A516;
    height: 44px;
}

#spacehaed .menu li {
    float: left;
    width: 120px;
    line-height: 44px;
    text-align: center;
    font-size: 16px
}

#spacehaed .menu li a {
    display: block;
    color: #fff
}

#spacehaed .menu li a:hover,
#spacehaed .menu li.curr {
    background: #6A9313
}

.spacebanner {
    padding: 16px 0 0px;
}

.space-col {
    float: left;
    width: 840px;
    padding-top: 26px;
}

.space-side {
    float: right;
    width: 310px;
    padding-top: 26px;
}

.sbox,
.online-bm {
    margin-bottom: 24px;
    background: #fff
}

.sbox .title {
    border-top: 3px solid #78A516;
    height: 43px;
    line-height: 42px;
    background: url(../images/sbox-tit.png) repeat-x;
    padding: 0 16px;
}

.sbox .title h3 {
    float: left;
}

.sbox .title i {
    width: 16px;
    height: 16px;
    margin-top: 13px
}

.sbox .title i,
.sbox .title span {
    color: #097C24;
    display: block;
    float: left;
}

.sbox .title span {
    font-size: 18px;
    padding-left: 10px
}

.sbox .title a.more {
    float: right;
    font-size: 14px;
    color: #535353;
}

.sbox .title a.more:hover {
    color: #f00
}

.teacher {
    padding: 10px 20px;
    height: 100%;
    overflow: hidden
}

.teacher li {
    float: left;
    width: 400px;
    height: 150px;
    padding: 20px 0;
    border-bottom: 1px solid #F1F1F1
}

.teacher li.last {
    border-bottom: 0;
}

.teacher li img {
    float: left;
    width: 124px;
    height: 150px
}

.teacher li div {
    float: left;
    width: 240px;
    padding-left: 20px
}

.teacher li p {
    line-height: 22px;
    height: 88px;
    color: #898989;
    font-size: 12px;
    padding: 5px 0;
}

.teacher li span {
    display: block;
    heighT: 24px;
    line-height: 24px;
}

.teacher li b {
    font-size: 18px;
    font-weighT: 400;
    padding-right: 10px
}

.teacher li span {
    color: #898989
}

.teacher li em,
.lesson .desc .more em {
    display: block;
    border-radius: 4px;
    border: 1px solid #D1D1D1;
    text-align: center;
    line-height: 26px;
    height: 26px;
    font-size: 14px;
    color: #648D09;
    width: auto;
    padding: 0 5px;
    font-style: normal
}

.teacher li p a,
.distr li span a {
    color: #0074A9
}

.teacher li p a:hover {
    color: #f00
}

.campus {
    padding: 8px 0 8px 8px
}

.campus li {
    float: left;
    margin: 8px;
}

.campus li,
.campus li img {
    width: 130px;
    heighT: 86px;
}

.distr {
    padding: 10px 14px;
}

.distr li {
    border-bottom: 1px dashed #CECECE;
    height: 70px;
    padding: 6px 0;
    line-height: 34px
}

.distr li b {
    float: left;
    display: block;
    line-heighT: 34px;
    font-size: 18px;
    font-weight: 400
}

.distr li span {
    float: right;
    font-size: 12px;
}

.distr li p {
    line-height: 26px;
    height: 26px;
    color: #7D7D7D;
    width: 282px;
    clear: both
}

.online-bm {
    background: #fff
}

.online-bm h3 {
    height: 97px;
    background: url(../images/space-zxbm.jpg) no-repeat;
    text-indent: -9999px
}

.school-info h3 {
    background: #7BB522;
    line-height: 44px;
    height: 44px;
    text-indent: 26px;
    font-size: 16px;
    color: #fff;
    position: relative
}

.school-info h3 i {
    width: 0;
    display: block;
    height: 0;
    border-width: 6px 6px 0;
    border-style: solid;
    border-color: #7BB522 transparent transparent;
    /*灰 透明 透明 */
    position: absolute;
    left: 26px;
    bottom: -6px
}

.school-info .info {
    height: 100px;
    text-align: center;
    padding-top: 14px
}

.school-info .info b {
    font-size: 18px;
    color: #535353;
    line-height: 50px;
    height: 50px;
    display: block;
    font-weight: 400
}

.school-info .info p {
    color: #AFAFAF;
    line-height: 28px;
}

.school-info .space-kf {
    background: #FEFEF8
}

.space-kf {
    border-top: 1px solid #f0f0f0;
    heighT: 110px;
    padding: 22px 0 0 32px;
}

.space-kf .mycall {
    height: 30px;
    line-heighT: 30px;
}

.space-kf .mycall i,
.space-kf .mycall em {
    float: left;
    display: block;
    font-style: normal
}

.space-kf .mycall i {
    width: 26px;
    heighT: 30px;
}

.space-kf .mycall em {
    color: #FF8900;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    font-weight: bold;
    padding-left: 10px
}

.space-kf .course-bar {
    padding: 14px 22px 0 0
}

.space-kf .course-bar a.qqzx {
    float: right;
}

.space-kf .course-bar a.zx,
.space-kf .course-bar a.zx:visited {
    margin-left: 70px;
    _display: inline;
}

.bmfrom {
    padding: 16px 20px 10px 20px
}

.bmfrom ul {
    height: 306px;
}

.bmfrom li {
    padding-bottom: 12px;
    height: 34px;
    line-heighT: 34px
}

.bmfrom li label {
    float: left;
    width: 70px;
}

.bmfrom li select {
    width: 200px;
}

.bmfrom li .ipt {
    float: left;
    padding: 5px 10px;
    line-height: 22px;
    height: 22px;
    width: 178px
}

.bmfrom li.text textarea,
.bmfrom li .ipt {
    border: 1px solid #D5D5D5;
    background: #fff url(../images/inptbg.png) repeat-x;
    border-radius: 4px
}

.bmfrom li.text {
    height: 60px;
}

.bmfrom li.text textarea {
    height: 60px;
    width: 198px
}

.bmfrom li #key {
    margin-right: 10px
}

.bmfrom .bmbtn {
    margin: 0 0 0 70px;
    border: 0;
    display: inline;
    cursor: pointer;
    text-indent: 30px
}

.bmfrom .sub {
    height: 38px;
}

.bmpage {
    padding: 30px 20px;
}

.bmpage ul {
    height: 100%;
}

.bmpage li {
    height: 50px
}

.bmpage li label {
    width: 110px;
    text-align: right;
    padding-right: 10px;
    font-size: 16px
}

.bmpage li .ipt {
    padding: 7px 10px;
    width: 268px;
}

.bmpage .tps {
    float: left;
    padding-left: 14px
}

.bmpage .tps span {
    color: #f00;
}

.bmpage li select {
    width: 290px;
}

.bmpage li.text {
    height: 90px;
}

.bmpage li.text textarea {
    width: 580px;
    height: 88px
}

.bmpage li img {
    margin-left: 10px
}

.bmpage .sub {
    padding: 20px 0 0 120px;
    height: 40px;
    border-top: 1px dashed #eee;
    margin-top: 10px
}

.bmpage .sub input {
    margin-right: 10px
}

.nomb {
    margin-bottom: 0;
}

.lesson ul {
    padding: 0 20px
}

.lesson li {
    padding: 26px 0;
    height: 190px;
    border-bottom: 1px solid #f1f1f1
}

.lesson li .img {
    float: left;
}

.lesson li .img {
    width: 182px;
    height: auto;
}

.lesson li .img img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.lesson i,
.lesson em {
    font-style: normal
}

.lesson .desc {
    float: right;
    width: 592px;
}

.lesson .desc .tit {
    height: 24px;
    clear: both;
}

.lesson .desc .tit h2 {
    float: left;
    font-size: 20px;
    font-weight: 400;
}

.lesson .desc .tit span {
    float: right;
    font-size: 12px;
}

.lesson .desc .tit span em {
    color: #EA6101;
    font-size: 18px;
}

.lesson .desc .txt {
    line-height: 24px;
    height: 48px;
    padding: 10px 0;
    color: #898989;
    font-size: 12px
}

.lesson .desc .more em,
.lesson .desc .more i {
    float: left;
    display: block
}

.lesson .desc .more i {
    padding-right: 10px;
    width: auto;
}

.lesson .desc .more i a,
.lesson .desc .more i a:visited {
    display: block;
    width: auto;
    padding: 0 10px;
    line-height: 28px;
    height: 28px;
    background: #7EB41E;
    color: #fff;
    text-align: center;
    border-radius: 4px
}

.lesson .desc .more i a:hover {
    background: #73A21C
}

.space-hotkc {
    margin: 0 10px;
    height: 100%;
    overflow: hidden;
    padding: 5px 0 10px 0;
}

.space-hotkc li {
    width: 284px
}

.space-hotkc li p,
.space-hotkc li.on p {
    width: 254px
}

.shizi #endtext {
    font-size: 14px;
    padding: 20px 40px;
}

.shizi .info {
    margin: 0 24px;
    border-bottom: 1px solid #EAEAEA;
    padding: 60px 40px 40px;
    height: 200px;
}

.shizi .info img {
    float: left;
    width: 160px;
    heighT: 200px;
}

.shizi .intro {
    float: right;
    width: 500px;
}

.shizi .intro .hd {
    heighT: 50px;
}

.shizi .intro h1 {
    float: left;
    line-heighT: 50px;
    heighT: 50px;
    font-size: 42px;
    color: #000
}

.shizi .intro b {
    float: left;
    font-size: 24px;
    padding: 16px 0 0 14px;
    color: #7C7C7C;
    font-weight: 400
}

.shizi .intro ul {
    padding-top: 10px
}

.shizi .intro li {
    line-height: 36px;
    height: 36px;
    color: #666
}

.space-contact {
    height: 100%;
    overflow: hidden;
    padding: 20px 0;
}

.space-contact li {
    float: left;
    width: 420px;
    font-size: 16px;
    color: #9F9F9F;
    border-bottom: 1px dashed #E1E1E1;
    line-height: 60px;
    heighT: 60px;
    text-indent: 36px
}

.space-contact li span {
    color: #466C00
}

.space-course .course-info {
    margin: 0
}

.space-course .course-info .img,
.space-course .course-info .img img {
    width: 286px;
    height: 256px;
}

.space-course .info {
    width: 502px;
}

.space-course .info h1 {
    padding-bottom: 14px
}

.space-course .info ul {
    padding: 0
}

.space-course li {
    font-size: 14px;
    line-heighT: 28px;
    heighT: 28px
}

.space-course .price {
    padding: 6px 0 10px;
}

.space-course .course-bar a,
.space-course .course-bar a:visited {
    margin-right: 5px
}

.space-course .free-tel {
    background-position: 0 -39px;
    padding-left: 30px;
    width: 218px
}

.space-course .free-tel span {
    width: 122px;
    font-size: 16px
}

.space-course .free-tel a,
.space-course .free-tel a:visited {
    margin: 0;
}

.photolist li {
    float: left;
    width: 237px;
    heighT: 170px;
    background: url(../images/photobg.png) no-repeat;
    margin: 20px;
    _display: inline;
    position: relative
}

.photolist li img {
    width: 220px;
    height: 153px;
    margin: 8px 0 0 8px;
}

.photolist li a {
    display: block;
    color: #fff;
}

.photolist li i,
.photolist li em,
.photolist li b,
.photolist li s {
    display: none;
    position: absolute;
    left: 0;
    font-style: normal
}

.photolist li i {
    background: #000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    width: 100%;
    height: 170px;
    top: 0;
}

.photolist li s,
.photolist li em {
    top: 42px;
    width: 90px;
    heighT: 40px;
    text-align: center;
    line-heighT: 40px;
    left: 69px;
    border-radius: 4px;
}

.photolist li s {
    background: #fff;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.photolist li em {
    color: #000;
}

.photolist li b {
    bottom: 20px;
    width: 100%;
    line-heighT: 60px;
    height: 60px;
    text-align: center;
    font-size: 16px;
    font-weight: normal
}

.photolist li a:hover i,
.photolist li a:hover em,
.photolist li a:hover b,
.photolist li a:hover s {
    display: block
}

/*评论*/
.comment .post {
    height: 100%;
    padding: 24px;
    border-bottom: 3px solid #F4F4F4
}

.comment .post .textarea {
    height: 66px
}

.comment .post .textarea textarea {
    border: 1px solid #CECECE;
    width: 780px;
    height: 56px;
    font-size: 14px;
    background: #fff;
    overflow: auto;
    padding: 5px;
    outline: none;
    color: #888
}

.comment .btns {
    position: relative;
    height: 30px;
    padding-top: 10px
}

.comment .btns button {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 90px;
    height: 30px;
    background: #82BCEE;
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer
}

.comment .btns button:hover {
    background: #888
}

.comment .btns p {
    position: absolute;
    right: 110px;
    line-height: 30px;
    top: 10px;
    color: #999
}

.comment .btns p span {
    color: #f00
}

.comment .btns p .tol {
    color: #37A7D5
}

.comment .face a.clickface,
.comment .face a.clickface:visited {
    float: left;
    display: block;
    width: 30px;
    height: 30px;
}

.comment .face .clickface i {
    height: 19px;
    width: 19px;
    background: url(../images/m.png) no-repeat -153px -181px;
    display: block;
    margin: 10px 0 0 0px
}

.comment .face a.clickface:hover i {
    background-position: -153px -203px
}

.comment .face-ico {
    float: left;
    height: 26px;
    padding: 8px 0 5px 14px;
    display: none
}

.comment .face-ico img {
    vertical-align: middle
}

.comment-list dl {
    border-bottom: 1px dashed #e8e9eb;
    height: 100%;
    overflow: hidden;
    padding: 20px;
    clear: both
}

.comment-list dl.bg {
    background: #fcfcfc
}

.comment-list dl dt {
    float: left;
    width: 50px;
    padding-right: 20px
}

.comment-list dl dt img {
    width: 50px;
    heighT: 50px;
    border-raidus: 50%;
}

.comment-list dl dd {
    float: left;
    line-height: 32px;
    width: 730px
}

.comment-list .name {
    heighT: 24px;
    line-height: 24px;
}

.comment-list .name b {
    float: left;
    font-weighT: normal
}

.comment-list .name span {
    float: left;
    padding-left: 10px;
    color: #999;
    font-size: 12px;
}

.comment-list .name i {
    float: right;
    width: 15px;
    heighT: 13px;
    background: url(../images/m.png) no-repeat -157px -225px;
    display: block
}

.comment-list .name i a {
    display: block;
    width: 100%;
    line-heighT: 39px;
    heighT: 13px;
    overflow: hidden
}

.comment-list .name a,
.comment-list .name a:visited {
    color: #37A7D5
}

.comment-list .name a:hover {
    color: #f00
}

.comment-list p {
    line-height: 24px;
}

.ecomment p {
    padding: 0;
    margin: 0;
}

.ecomment {
    margin: 0;
    padding: 0;
    background: #ffc
}

.ecomment {
    margin-bottom: 12px;
    overflow-x: hidden;
    overflow-y: hidden;
    background: #ffc;
    padding: 6px;
    border: solid 1px #ccc;
}

.ecommentauthor {
    float: left;
    color: #F96;
    font-weight: bold;
}

.ecommenttext {
    clear: left;
    margin: 0;
    padding: 0;
}

.kc-bd .comment .post .textarea textarea {
    width: 840px
}

.kc-bd .comment-list dl dd {
    width: 780px
}

.artlist {
    padding: 15px 20px 13px;
    margin-bottom: 8px
}

.artlist ul {}

.artlist li {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    position: relative;
    border-bottom: 1px dashed #e6e6e6;
}

.artlist li span {
    position: absolute;
    right: 20px;
    top: 0;
    color: #858585;
    font-size: 14px;
}

.spacenews h1 {
    color: #087C27
}

/*校区*/
.mapfilter {
    padding: 10px 12px;
    border-bottom: 1px solid #f1f1f1
}

.mapfilter a,
.mapfilter a:visited {
    float: left;
    display: inline-block;
    padding: 0 12px;
    margin: 6px 12px;
    line-height: 30px;
    height: 30px;
    white-space: nowrap;
}

.mapfilter a.curr,
.mapfilter a.curr:visited,
.mapfilter a:hover {
    background: #638C0A;
    color: #fff
}

.maplist li {
    border-bottom: 1px solid #f1f1f1;
    padding: 30px 40px 24px;
    clear: both;
    height: 100%;
    overflow: hidden
}

.maplist li .img {
    float: left;
    width: 138px;
    heighT: 96px;
}

.maplist li .address {
    float: left;
    width: 494px;
    padding-left: 28px
}

.maplist li .address b {
    display: block;
    line-height: 30px;
    heighT: 36px;
    font-weight: 400;
    font-size: 20px;
}

.maplist li .address p {
    line-height: 30px;
    heighT: 30px;
    color: #999
}

.maplist li .openmap {
    float: right;
    width: 100px;
    margin-top: 33px;
    height: 36px;
}

.maplist li .openmap a {
    display: block;
    height: 36px;
    line-height: 36px;
    background: #638C0A;
    border-radius: 4px;
    text-align: center;
    color: #fff
}

.maplist li .openmap a:hover {
    background: #71A00C
}

.school-map {
    width: 740px;
    padding: 9px;
    border: 1px solid #E6E6E6;
    margin-top: 26px;
    position: relative;
    clear: both;
}

.school-map i {
    background: url(../images/m.png) no-repeat -88px -264px;
    width: 11px;
    height: 7px;
    display: block;
    position: absolute;
    right: 40px;
    top: -7px;
}

.school-map .bdmap {
    width: 740px;
    height: 360px
}

.photopage {
    padding: 20px;
}

/* 相册 */
.album {
    width: 800px;
    overflow: hidden;
}

.album-image-md {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    height: 550px;
    overflow: hidden;
}

.album-image-bd {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    height: 500px;
    text-align: center;
    overflow: hidden;
}

.album-image {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
}

.album-image-ft {
    margin: 0 auto;
    height: 50px;
    line-height: 50px;
    text-align: center;
    overflow: hidden;
}

#album-image-ft {
    font-size: 12px;
}

.album-image-nav {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 800px;
    height: 550px;
    overflow: hidden;
}

.album-image-nav-left-block {
    position: relative;
    z-index: 1;
    float: left;
    margin: 0;
    width: 50%;
    height: 550px;
    list-style-type: none;
    overflow: hidden;
}

.album-image-nav-right-block {
    position: relative;
    z-index: 1;
    float: left;
    margin: 0;
    width: 50%;
    height: 550px;
    list-style-type: none;
    overflow: hidden;
}

.album-image-btn-prev:link,
.album-image-btn-prev:visited,
.album-image-btn-prev:hover {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 0;
    margin: -40px 0 0 0;
    width: 40px;
    height: 80px;
    line-height: 60px;
    font-size: 100px;
    color: #999;
    opacity: 0.7;
    filter: alpha(opacity=70);
    text-decoration: none;
    text-align: center;
    overflow: hidden;
    background: #333 url(../images/albumbigbtn.png) no-repeat 0 4px
}

.album-image-btn-next:link,
.album-image-btn-next:visited,
.album-image-btn-next:hover {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 0;
    margin: -40px 0 0 0;
    width: 40px;
    height: 80px;
    line-height: 60px;
    font-size: 100px;
    color: #999;
    opacity: 0.7;
    filter: alpha(opacity=70);
    text-decoration: none;
    text-align: center;
    overflow: hidden;
    background: #333 url(../images/albumbigbtn.png) no-repeat -41px 4px
}

.album-image-btn-prev:hover,
.album-image-btn-next:hover {
    color: #FFF;
    background-color: #000;
}

.album-image-loading-overlay {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    margin: 0;
    width: 800px;
    height: 550px;
    background-color: #FFF;
    opacity: 0.6;
    filter: alpha(opacity=60);
    overflow: hidden;
}

.album-image-loading-overlay img {
    position: absolute;
    z-index: 4;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -50px;
    width: 100px;
    height: 100px;
}

.album-carousel {
    width: 800px;
    height: 90px;
    overflow: hidden;
    border: 1px solid #EAEAEA;
    background: #F5F5F5;
    padding: 20px 0;
}

.album-carousel-btn-prev:link,
.album-carousel-btn-prev:visited,
.album-carousel-btn-prev:hover {
    float: left;
    margin: 11px 0 0;
    width: 27px;
    height: 68px;
    overflow: hidden;
    background: url(../images/albumbtn.gif) no-repeat
}

.album-carousel-btn-next:link,
.album-carousel-btn-next:visited,
.album-carousel-btn-next:hover {
    float: right;
    margin: 11px 0 0;
    width: 27px;
    height: 68px;
    overflow: hidden;
    background: url(../images/albumbtn.gif) no-repeat -27px 0
}

.album-carousel-btn-prev:hover,
.album-carousel-btn-next:hover {
    color: #F00;
    background-color: #F4F4F4;
}

.album-carousel-zone {
    position: relative;
    z-index: 1;
    float: left;
    margin: 0 5px;
    width: 730px;
    height: 90px;
    overflow: hidden;
    _display: inline;
}

.album-carousel-list {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 1480px;
    height: 90px;
    overflow: hidden;
}

.album-carousel-thumb {
    position: relative;
    z-index: 3;
    float: left;
    margin: 0 8px;
    list-style-type: none;
    width: 130px;
    height: 90px;
    overflow: hidden;
}

.album-carousel-thumb a:link,
.album-carousel-thumb a:visited,
.album-carousel-thumb a:hover {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 120px;
    height: 80px;
    padding: 4px;
    border: 1px solid #EAEAEA;
    overflow: hidden;
}

.album-carousel-thumb-selected a:link,
.album-carousel-thumb-selected a:visited,
.album-carousel-thumb-selected a:hover,
.album-carousel-thumb a:hover {
    padding: 0px;
    border: 5px solid #434343;
}

.album-carousel-thumb img {
    width: 120px;
    height: 80px;
}

.album-carousel-thumb-selected a:link img,
.album-carousel-thumb-selected a:visited img,
.album-carousel-thumb-selected a:hover img,
.album-carousel-thumb a:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
}

.album-download {
    display: none
}

.callshow-box {
    box-shadow: 0 0 10px #000;
    background: #fff;
    width: 600px;
    height: 250px;
    display: none;
    z-index: 99;
    top: 50%;
    left: 50%;
    position: fixed;
    margin: -150px 0 0 -300px;
    overflow-y: auto;
    _position: absolute;
    border-radius: 10px;
}

.callshow-box .title {
    line-height: 55px;
    height: 55px;
    padding: 0 18px;
    font-size: 18px
}

.callshow-box .title b {
    font-weight: normal
}

.callshow-box a.close,
.callshow-box a.close:visited {
    float: right;
    display: block;
    width: 16px;
    line-height: 48px;
    height: 16px;
    background: url(../images/close.gif) no-repeat 0 2px;
    overflow: hidden;
    margin-top: 19px;
}

.callshow-box a.close:hover {
    background-position: 0 -15px
}

.callshow-box .callcon {
    border: solid #ddd;
    border-width: 1px 0;
    height: 92px;
    padding: 15px;
    font-size: 12px;
}

.callshow-box .callcon p {
    background: #FCF8E3;
    line-heighT: 34px;
    height: 34px;
    padding: 0 12px;
}

.callshow-box .wb {
    width: 620px;
    height: 244px;
    clear: both;
}

.callshow-box .form-group {
    padding-top: 10px;
    height: 34px;
    line-heighT: 34px;
}

.callshow-box .form-group span {
    float: left;
    width: 150px;
    text-align: center;
    display: block;
    color: #1E90DB
}

.form-control {
    border-radius: 5px;
    border: 1px solid #ccc;
    line-height: 32px;
    height: 32px;
    width: 296px;
    padding: 0 12px;
    outline: none;
}

.form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
}

.callshow-box .form-group i {
    color: #f00;
    padding-left: 10px
}

.callbtn {
    padding: 15px 15px 0 0;
    height: 34px;
    text-align: right
}

.callbtn .btn {
    line-height: 34px;
    height: 34px;
    margin-left: 10px;
    border-radius: 4px;
    font-size: 14px
}

.opacity_bg {
    width: 100%;
    position: absolute;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    top: 0;
    left: 0;
    display: none;
    z-index: 98;
}


.jz_pages {
    padding: 20px 0;
    font-size: 14px;
    text-align: center;
    overflow: hidden
}

.jz_pages ul {
    display: inline-block;
    margin: 0 auto;
    padding: 0
}

.jz_pages ul li {
    float: left;
    font-family: 'microsoft yahei';
    margin: 0 2px;
    line-height: 25px;
    background: #fff;
    border: 1px solid #d8dadf
}

.jz_pages ul li:nth-child(1) {
    padding: 0 10px
}

.jz_pages ul li:nth-child(1) a {
    padding: 0
}

.jz_pages ul li a {
    color: #555;
    display: block;
    padding: 0 10px;
}

.jz_pages ul li:hover {
    text-decoration: none;
    color: #fff;
    border: 1px #333 solid;
    background-color: #333
}

.jz_pages ul li:hover a {
    color: #fff
}

.jz_pages ul li:hover a:hover {
    color: #fff;
    text-decoration: none
}

.jz_pages ul li.thisclass {
    background-color: #333;
    color: #fff;
    border: 1px #333 solid;
    padding: 0 10px
}

.jz_pages ul li:last-child {
    padding: 0 10px
}

.jz_pages ul li:last-child a {
    padding: 0
}

.jz_pages ul li.thisclass a {
    color: #fff;
    padding: 0
}

.jz_pages .pageinfo {
    line-height: 30px;
    padding-left: 5px
}

.jz_pages strong {
    font-weight: 400
}