/* CSS Document */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin:0;padding:0; border:0; font:inherit; vertical-align:baseline; word-wrap:break-word;}
table { border-collapse:collapse; border-spacing:0;}
button, input, select, textarea { outline:0;-webkit-box-sizing:border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}
li, ol, ul {list-style:none;}
blockquote, q { quotes:none;}
blockquote:after, blockquote:before, q:after, q:before { content:''; content:none;}
b, strong {font-weight:700}
img { max-width:100%; vertical-align: top;border:0; -ms-interpolation-mode:bicubic; -webkit-touch-callout:none;}
:focus {outline:0}
a{ color:#686868; text-decoration:none;}
a.hover{ color:#353f5d;}

/* 头部 */
.mainbox{ max-width:750px; overflow:hidden; margin:0 auto;}
.topbox{ width:7.5rem; height:0.8rem; background:#63429B;}

.logo{ width:6.8rem; height:0.8rem; overflow:hidden; float:left;}
.logo img{ width:100%;}

.daoh{ width:0.7rem; height:0.8rem; cursor:pointer; overflow:hidden; float:left;}
.daoh img{ width:100%;}

/* banner */
.banner{ max-width:750px; height:3.5rem; position:relative; overflow:hidden;}
.banner .hd{ width:100%; height:0.2rem;  position:absolute; z-index:1; left:3.6rem; bottom:0;}
.banner .hd ul{ display:block;}
.banner .hd ul li{ font-size:0; width:0.1rem; height:0.1rem; line-height:0.1rem; text-align:center; margin:0 0.1rem 0 0; -webkit-border-radius:0.1rem; -moz-border-radius:0.1rem; border-radius:0.1rem; background:#fff; float:left; overflow:hidden;}
.banner .hd ul .on{ background:#ffcf00;}
.banner .bd{ position:relative; z-index:0;}
.banner .bd li img{ width:100%; height:3.5rem;}
.banner .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);}

/* 导航 */
.nav{ width:40%; height:100%; background:#63429B; padding:0.8rem 0 0 0; position:fixed; right:0px; display:none; top:0; z-index:10; overflow-y:scroll;}
.nav li{ text-align:center; border-bottom:1px solid rgba(255,255,255,0.1); height:0.8rem; line-height:.8rem; font-size:.3rem;}
.nav li a{ display:block; width:100%; color:#fff;}
.nav li a:hover{ color:#fff000;}
.mainboxbg{ position:fixed; height:100%; width:100%; background-color:rgba(0,0,0,0.7); top:0; display:none; z-index:9;}

.menu{ width:7.5rem; overflow:hidden;}
.menu ul{ padding:0.3rem 0.15rem; overflow:hidden;}
.menu li{ width:1.6rem; line-height:0.6rem; text-align:center; font-size:.28rem; margin:0.1rem 0.1rem 0 0.1rem; overflow:hidden; float:left;}
.menu li img{ width:1rem; padding:0 0.2rem; overflow:hidden; margin:0 auto;}
.menu li a{ color:#000; display:block;}

/* 搜索 */
.sou{ width:6rem; height:0.8rem; position:relative; margin:0.3rem auto; border-top:1px solid #ececec; border-bottom:1px solid #ececec;}
.sou input{ width:5.8rem; height:0.78rem; line-height:0.78rem; display:block; border:0;}
.sou .go{ width:0.66rem; height:0.78rem; position:absolute; display:block; top:0; right:0; cursor:pointer; text-decoration:none; background:url(../images/b-fdj.png) no-repeat; background-size:100%;}

/* 筛选 */
.sxbox{ width:7.5rem; height:0.8rem;}

.retrie2{ width:7.5rem; height:0.8rem; background:#f5f5f5; position:relative; z-index:3;}
.retrie2 dt{ overflow:hidden; width:7.5rem}
.retrie2 dt a{ position:relative; float:left; width:1.5rem; height:0.8rem; line-height:0.8rem; color:#000; text-align:center; font-size:0.28rem;}
.retrie2 dt a:last-child{ border-right:none;}
.retrie2 dt a:after{ position:absolute; top:41%; left:76%; width:0.1rem; height:0.1rem; border:#000 solid; border-width:1px 1px 0 0; content: ' '; -webkit-transform:rotate(135deg);}
.retrie2 dt .up { color:#aa0000; border-bottom:1px solid #aa0000;}
.retrie2 dt .up:after { margin-top:3px; border:#aa0000 solid; border-width:1px 1px 0 0; -webkit-transform:rotate(-45deg); transition:all .2s;}
.retrie2 dd { position:relative;}
.slide{ position:absolute; top:0; left:0; display:none; width:7.1rem; overflow-y:auto; background-size:cover; padding:0.18rem 0.2rem;}
.slide li{ display:block; float:left; display:inline; width:2rem; height:0.54rem; line-height:0.54rem; text-align:center; margin:0.1rem 0.15rem; border:1px dashed rgba(255,255,255,.34);}
.slide li a { display:block; font-size:0.24rem; background-color:transparent; color:#fff;}
.slide li.on a{ background-color:#aa0000; color:#fff;}

.mainboxbg01{ position:fixed; height:100%; width:100%; top:0; display:none; z-index:2; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; background:#000;}

/* 标题 */
.b-tit{ width:7.5rem; overflow:hidden; margin:0 0 0.3rem 0;}
.b-tit h1{ font-size:.48rem; line-height:0.6rem; text-align:center; color:#63429B;}
.b-tit h2{ width:0.5rem; height:3px; background:#ffcf00 ; margin:0.1rem auto;}
.b-tit h3{ font-size:.28rem; line-height:0.4rem; text-align:center; color:#707070; font-weight:normal;}

/* 更多 */
.more{ width:4.5rem; text-align:center; height:0.7rem; line-height:0.7rem; font-size:.28rem; overflow:hidden; margin:0 auto; border-radius:15px; background:#dfdfdf;}
.more a{ display:block; text-decoration:none;}
.more a:hover{ display:block; color:#fff; background:#63429B;}

/* 最新课程 */
.zxbox{ width:100%; background:#f1f1f1; padding:0.3rem 0; overflow:hidden;}
.zxcon{ overflow:hidden;}
.zxcon li{ width:3.55rem; float:left; overflow:hidden; margin:0 0.1rem 0.3rem 0.1rem; background-color:rgba(255,255,255,1);}
.zxcon li .xmtx{ width:3.55rem; height:2.63rem; overflow:hidden;}
.zxcon li .xmtx img{ width:3.55rem; height:2.63rem; overflow:hidden;}
.zxcon li .xmtit{ text-align:center; height:0.8rem; line-height:0.8rem; font-size:.28rem; font-weight:bold; margin:0 0.1rem;}
.zxcon li a .xmtit{ color:#63429B;}
.zxcon li .hx{ width:0.7rem; height:1px; margin:0 auto 0.15rem auto; background:#ccc;}
.zxcon li .xmms{ width:3.35rem; height:0.9rem; line-height:0.45rem; font-size:.28rem; overflow:hidden; margin:0 0.1rem; text-align:center; color:#707070;}
.zxcon li .xmmore{ width:1.7rem; height:0.5rem; line-height:0.5rem; background:#ececec; text-align:center; font-size:.28rem; border-radius:10px; margin:0.15rem auto 0.25rem auto;}

/* 课程介绍 */
.kcbox{ width:100%; padding:0.3rem 0; overflow:hidden;}
.kcbox .hd{ overflow:hidden;}
.kcbox .hd li{ width:2.3rem; font-size:.28rem; margin:0 0.1rem 0.2rem 0.1rem; height:0.8rem; line-height:0.8rem; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float:left; color:#fff; background:#555555;}
.kcbox .hd li.on{ display:block; color:#fff; background:#63429B;}
.kcbox .bd ul{ overflow:hidden;}
.kcbox .bd li{ width:3.55rem; float:left; overflow:hidden; margin:0 0.1rem 0.3rem 0.1rem; background:#f5f5f5;}
.kcbox .bd li .xmtx{ width:3.55rem; height:2.63rem; overflow:hidden;}
.kcbox .bd li .xmtx img{ width:3.55rem; height:2.63rem; overflow:hidden;}
.kcbox .bd li .xmtit{ text-align:center; height:0.8rem; line-height:0.8rem; font-size:.28rem; font-weight:bold; margin:0 0.1rem;}
.kcbox .bd li a .xmtit{ color:#63429B;}
.kcbox .bd li .hx{ width:0.7rem; height:1px; margin:0 auto 0.15rem auto; background:#ccc;}
.kcbox .bd li .xmms{ width:3.35rem; height:0.9rem; line-height:0.45rem; font-size:.28rem; overflow:hidden; margin:0 0.1rem; text-align:center; color:#707070;}
.kcbox .bd li .xmmore{ width:1.7rem; height:0.5rem; line-height:0.5rem; background:#ececec; text-align:center; font-size:.28rem; border-radius:10px; margin:0.15rem auto 0.25rem auto;}

/* 师资团队 */
.szbox{ width:100%; background:#f1f1f1; padding:0.3rem 0; overflow:hidden;}
.szcon{ overflow:hidden;}
.szcon li{ width:3.55rem; margin:0 0.1rem 0.3rem 0.1rem; float:left; overflow:hidden;}
.szcon li .tu{ width:3.55rem; height:2.63rem; position:relative; overflow:hidden;}
.szcon li .tu img{ width:3.55rem; height:2.63rem;}
.szcon li .tc{ width:3.25rem; padding:0.2rem 0.15rem; text-align:center; font-size:.28rem; background:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.szcon li a{ text-decoration:none;}
.szcon li a:hover .tc{ background:#63429B; color:#fff;}

/* 关于我们 */
.abbox{ width:7.5rem; padding:0.3rem 0; overflow:hidden;}
.abtu{ width:7.5rem; overflow:hidden;}
.abtu li{ width:2.3rem; height:2.01rem; float:left; margin:0 0.1rem; overflow:hidden;}
.abtu li img{ width:2.3rem; height:2.01rem;}
.abcon{ font-size:.28rem; line-height:0.5rem; padding:0.2rem 0.1rem; overflow:hidden; color:#707070;}
.abcon p{ margin:0; padding:0;}
.abcon a{color:#1d2e7c;}
.abcon a:hover{ text-decoration:none; color:#000000;}


/* 实力 */
.slbox{ width:7.5rem; overflow:hidden; padding:0.2rem 0; background:#f1f1f1;}
.slbox li{ width:25%; overflow:hidden; float:left;}
.slbox li .slk1{ color:#ff6600; height:0.6rem; overflow:hidden; text-align:center; font-size:.4rem;}
.slbox li .slk1 span{ font-size:.28rem;}
.slbox li .slk2{ font-size:.28rem; text-align:center; overflow:hidden;}

/* 新闻 */
.lbbox{ width:100%; padding:0.3rem 0 0.3rem 0; overflow:hidden;}
.lbbox .hd{ overflow:hidden;}
.lbbox .hd li{ width:2.3rem; font-size:.28rem; margin:0 0.1rem 0.2rem 0.1rem; height:0.8rem; line-height:0.8rem; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float:left; color:#fff; background:#555555;}
.lbbox .hd li.on{ display:block; color:#fff; background:#63429B;}
.lbbox .bd ul{ overflow:hidden; padding-bottom:30px;}
.lbbox .bd li{ overflow:hidden;}
.lbbox .bd li .newz h1{ font-size:0.3rem; color:#000; line-height:0.4rem; width:70%; float:left; }
.lbbox .bd li .newz h2{ font-size:0.3rem; color:#000; line-height:0.4rem; width:30%; float:left; text-align:right; }
.b{ padding:0.3rem 0.1rem; background:#f8f8f8;}
.h{ padding:0.1rem 0.1rem;}

/* 教学环境 */
.albox{ background:#f5f5f5; padding:0.3rem 0; overflow:hidden;}
.alcon{ overflow:hidden;}
.alcon li{ width:3.55rem; margin:0 0.1rem 0.3rem 0.1rem; float:left; overflow:hidden;}
.alcon li .tu{ width:3.55rem; height:2.63rem; position:relative; overflow:hidden;}
.alcon li .tu img{ width:3.55rem; height:2.63rem;}
.alcon li .tc{ width:3.25rem; padding:0.2rem 0.15rem; text-align:center; font-size:.28rem; background:#fff; overflow:hidden;}
.alcon li a{ text-decoration:none;}
.alcon li a:hover .tc{ color:#fff; background:#63429B;}


/* 底部 */
.copyright{ font-size:.26rem; line-height:0.5rem; background:#444444; text-align:center; color:#fff; margin:0 0 1rem 0; padding:20px; }
.foot{ width:100%; max-width:750px; height:1rem; background:#333333; bottom:0; position:fixed; bottom:0; z-index:999;}
.foot ul{ overflow:hidden;}
.foot ul li{ width:1.5rem; font-size:.26rem; float:left;}
.foot ul li a { display:block; text-align:center; color:#fff; text-decoration:none; padding:0.18rem 0 0 0;}
.foot ul li a i{ width:0.6rem; height:0.37rem; overflow:hidden; margin:0 auto;}
.foot ul li a i img{ max-width:0.6rem; max-height:0.37rem;}
.foot ul li a p{ width:100%; overflow:hidden; margin:0 0 0 0; display:block !important; line-height:1.5em; text-align:center;}

/*内页*/
.weiz{ width:7.5rem; height:0.7rem; line-height:0.7rem; font-size:.28rem; padding:0 0.2rem; background:#555555; color:#fff;}
.weiz a{ color:#fff;}

.x-tit{ font-size:.28rem; line-height:0.6rem; text-align:center; padding:0.1rem 0 0.2rem 0; margin:0 0 15px 0; color:#8e8e8e; border-bottom:1px dashed #cecece;}
.x-tit h1{ font-size:.35rem; font-weight:bold; color:#000;}

.xzan{ overflow:hidden;}
.xzan a{ width:2rem; height:0.8rem; line-height:0.8rem; background:#ff6d00; display:block; text-decoration:none; font-size:.28rem; text-align:center; color:#fff; border-radius:8px; padding:0 0.2rem; margin:0 auto 0.12rem auto;}
.xzan img{ width:0.56rem!important; height:0.56rem!important; margin:0.12rem 0.1rem!important; float:left;}

.fy{ padding:0.1rem 0.2rem; overflow:hidden; background:#f8f8f8; border-top:1px dashed #cecece;}
.fy li{ font-size:.28rem; line-height:0.6rem;}
.fy li img{ width:0.6rem; height:0.6rem; margin:0 0.12rem 0 0.2rem;}

.nfl{ padding:0 0 0.3rem 0; text-align:center; overflow:hidden; background:#f5f5f5;}
.nfl li{ width:2.3rem; font-size:.28rem; text-align:center; margin:0.3rem 0.1rem 0 0.1rem; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:#9a9a9a;}
.nfl a{ width:2.3rem; line-height:0.7rem; display:block; text-decoration:none; color:#fff;}
.nfl a:hover{ display:block; color:#fff; background:#63429B;}
.nfl .current{ text-decoration:none; display:block; color:#fff; background:#63429B;}

.n-tu{ width:7.1rem; padding:0.2rem; overflow:hidden;}
.n-tu img{ width:100%; height:auto; overflow:hidden;}

.n-btmc{ width:7.1rem; padding:0.2rem; overflow:hidden; border-bottom:1px dashed #dfdfdf;}
.n-btmc li{ width:3.55rem; height:0.6rem; line-height:0.6rem; color:#707070; font-size:.28rem; float:left; overflow:hidden;}
.n-btmc li span{ font-weight:bold; color:#333333;}

.nrwz{ width:7.1rem; padding:0.2rem; font-size:.28rem; line-height:0.6rem; overflow:hidden; color:#707070;}
.nrwz img{ width:7.1rem; margin:0.15rem auto;}
.nrwz p{ margin:0; padding:0;}

.zlbox{ overflow:hidden; padding:0.1rem;}
.zlbox li{ height:1rem; border-bottom:1px dashed #dfdfdf; overflow:hidden;}
.zlbox li .dw{ width:5.2rem; line-height:1rem; font-size:.28rem; overflow:hidden; float:left;}
.zlbox li .dw a:hover{ text-decoration:none; color:#ff6d00;}
.zlbox li .dw img{ width:0.24rem; height:0.24rem; margin:0.38rem 0.15rem 0.38rem 0;}
.zlbox li .xzlj{ color:#686868; width:2.0rem; line-height:0.5rem; text-align:center; font-size:.28rem; overflow:hidden; margin:0.25rem 0; float:left; text-align:right; }
.zlbox li .xzlj a{ text-decoration:none; display:block; color:#ff6d00;}
.zlbox li .xzlj img{ width:0.24rem; height:0.24rem; margin:0.15rem 0.05rem 0 0;}

.kcfl{ width:7.48rem; padding:0 0.01rem; margin:0.2rem 0 0 0; overflow:hidden;}
.kcfl li{ width:1.77rem; height:0.6rem; float:left; margin:0 0.05rem; overflow:hidden;}
.kcfl li .sx{ width:1.77rem; height:0.6rem; line-height:0.6rem; border:1px solid #efefef; display:inherit;}

.n-kc{ width:7.3rem; padding:0 0.1rem; overflow:hidden;}
.n-kc li{ height:1.5rem; overflow:hidden; padding:0.2rem 0; margin:0.2rem 0; background:#f5f5f5; border-top:1px dashed #dfdfdf; border-bottom:1px dashed #dfdfdf;}
.n-kc li .kctu{ width:2.03rem; height:1.5rem; overflow:hidden; margin:0 0.27rem 0 0; float:left;}
.n-kc li .kctu img{ width:2.03rem; height:1.5rem;}
.n-kc li .kcdw{ width:5rem; float:left; overflow:hidden;}

.n-kc li .kcdw h1{ font-size:.28rem; height:0.6rem; line-height:0.6rem; font-weight:bold; display:block; color:#333333;}
.n-kc li .kcdw h2{ font-size:.28rem; height:0.5rem; line-height:0.5rem; font-weight:normal; display:block; color:#707070;}

.n-sz{ margin:0.3rem 0 0 0; overflow:hidden;}
.n-sz li{ width:3.55rem; margin:0 0.1rem 0.3rem 0.1rem; float:left; overflow:hidden;}
.n-sz li .tu{ width:3.55rem; height:2.63rem; position:relative; overflow:hidden;}
.n-sz li .tu img{ width:3.55rem; height:2.63rem;}
.n-sz li .tc{ width:3.25rem; padding:0.2rem 0.15rem; text-align:center; font-size:.28rem; background:#f5f5f5; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.n-sz li a{ text-decoration:none;}
.n-sz li a:hover .tc{ background:#63429B; color:#fff;}

.n-news{ width:7.3rem; padding:0 0.1rem; margin: 0 0 0.3rem 0; overflow:hidden;}
.n-news li{ padding:0.3rem 0; overflow:hidden; border-bottom:1px dashed #dfdfdf;}
.n-news li .netu{ width:1.9rem; height:1.41rem; margin:0 0.2rem 0 0; overflow:hidden; float:left;}
.n-news li .netu img{ width:1.9rem; height:1.41rem; display:block;}
.n-news li .newz{ width:4.85rem; height:1.33rem; font-size:.28rem; line-height:0.4rem; overflow:hidden; float:left; color:#707070;}
.n-news li .newz h1{ font-size:.3rem; color:#000; line-height:0.5rem;}
.n-news li a{ height:1.41rem; display:block; text-decoration:none;}

.page{ text-align:center; padding:0.2rem 0; font-size:.28rem; overflow:hidden; background:#f5f5f5;}
.page a{ padding:0.1rem 0.3rem; margin:0 0.1rem; border-radius:4px; display:inline-block; color:#fff; background:#585858;}
.page a:hover{ text-decoration:none; color:#fff; background:#ff9c00;}
.page .nolink{ padding:0.1rem 0.3rem; margin:0 0.1rem; border-radius:4px; display:inline-block; text-decoration:none; color:#fff; background:#888888;}
.page .nolink:hover{ padding:0.1rem 0.3rem; margin:0 0.1rem; border-radius:4px; display:inline-block; text-decoration:none; color:#fff; background:#888888;}
.page .hover{ padding:0.1rem 0.3rem; margin:0 0.1rem; border-radius:4px; display:inline-block; text-decoration:none; color:#fff; background:#ff9c00;}

.lyb{ padding:0 0.75rem; margin:0 0 0.25rem 0; overflow:hidden;}
.lyb input{ width:6rem; height:0.8rem; line-height:0.8rem; display:inherit; margin:0.25rem 0 0 0; overflow:hidden;}
.lyb select{ width:6rem; height:0.8rem; line-height:0.8rem; color:#828282; display:inherit; margin:0.25rem 0 0 0; overflow:hidden;}
.lyb textarea{ width:6rem; height:2rem; line-height:0.6rem; color:#828282; display:inherit; margin:0.25rem 0 0 0; overflow:hidden;}

.n-al{ margin:0.2rem 0 0 0; overflow:hidden;}
.n-al li{ width:3.55rem; margin:0 0.1rem 0.3rem 0.1rem; float:left; overflow:hidden;}
.n-al li .tu{ width:3.55rem; height:2.63rem; position:relative; overflow:hidden;}
.n-al li .tu img{ width:3.55rem; height:2.63rem;}
.n-al li .tc{ width:3.25rem; padding:0.2rem 0.15rem; text-align:center; font-size:.28rem; background:#f5f5f5; overflow:hidden;}
.n-al li a{ text-decoration:none;}
.n-al li a:hover .tc{ color:#fff; background:#63429B;}