@charset "utf-8";
/* CSS Document */
/*Internet Explorer 10 并没有对 屏幕的宽度 和 视口（viewport）的宽度 进行区分，
这就导致 Bootstrap 中的媒体查询并不能很好的发挥作用。
为了解决这个问题，你可以引入下面列出的这段 CSS 代码暂时修复此问题
然而，这样做并不能对 Windows Phone 8 Update 3 (a.k.a. GDR3) 版本之前的设备起作用，由于这样做将导致 Windows Phone 8 设备按照桌面浏览器的方式呈现页面，而不是较窄的“手机”呈现方式，为了解决这个问题，还需要加入以下 CSS 和 JavaScript 代码来化解此问题。
// Copyright 2014-2015 Twitter, Inc.
// Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
  var msViewportStyle = document.createElement('style')
  msViewportStyle.appendChild(
    document.createTextNode(
      '@-ms-viewport{width:auto!important}'
    )
  )
  document.querySelector('head').appendChild(msViewportStyle)
}
*/
@-ms-viewport {
width: device-width;
}
@-o-viewport {
width: device-width;
}
@viewport {
width: device-width;
}


/* 大屏幕（大桌面显示器，大于等于 1200px）,默认大屏幕优先 */
@media (min-width: 1200px) {
.body, html {
	min-width: 1200px;
}
.banner .swiper-slide img {
	max-width: 100%;
}

.fourstage .swiper-container{ padding-bottom:0px;}
.fourstage .swiper-pagination{ display:none !important;}
.column .img{height:165px;}
}


/* 中等屏幕（桌面显示器，大于等于 992px，小于1200px） */
@media (max-width: 1200px) and (min-width:992px) {
.body, html {
	min-width: 1200px;
}
.banner .swiper-slide img {
	max-width: 100%;
}
.column .img{height:165px;}
}

/* 小屏幕（平板，小于992px，大于等于768px） */
@media (max-width: 992px) and (min-width:768px) {
.body, html {
	min-width: 1200px;
}
.banner .swiper-slide img {
	max-width: 100%;
}
.column .img{height:165px;}
}

/* 超小屏幕（手机，小于 768px） */
@media (max-width: 768px) {
body, html {
	font-size: 12px;
}
body.active {
	min-width: auto;
	padding-left: 23em;
}
.padbot60 {
	padding-bottom: 3em;
}
.padtop60 {
	padding-top: 3em;
}
.kf {
	display: none;
}
.wprc80 {
	width: 90%;
	margin: 0px auto;
	/*max-width: 1220px;*/
}
.moduletil h2 {
	font-size: 2.5em;
	line-height: 2em;
	margin-bottom: 0px;
	padding-bottom: 2em;
	background-image: url(../images/mob_r7_c5.png);
	background-repeat: no-repeat;
	background-position: center 48px;
}
.moduletil h3 {
	font-size: 2em;
	line-height: 2em;
	margin-bottom: 0px;
	padding-bottom: 2em;
	background-image: url(../images/mob_r7_c15.png);
	background-repeat: no-repeat;
	background-position: center 54px;
}
.head {
	padding: 1.5em 0px;
}
.mob-nav-menu{ display: block;}
.logo {
	background-image: url(../images/mob_r1_c2.png);
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0.5em 1em;
}
.logo img {
	opacity: 0; width:8.5em; height:3.5em; display:block;
}
.slogan {
	display: none;
}

.language {
	display: none;
}
.tel{ padding-top:0.5em;}
.tel img{display:block;width:auto; height:3.5em;}
#navLiderLeft { /*display:none;*/
	overflow: hidden;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	width: 0;
	height: 100%;
	background: #fff;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-o-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

.nav {
	background: none;
}
.nav .nLi {
	display: block;
	position: static;
}
.nav .nLi h3 a {
	color: #333;
text-align: left;
}
.nav .nLi h3 a span {
	position: relative;
}
.nav .nLi h3 a span::before {
	content: "";
	width: 10px;
	height: 10px;
	position: absolute;
	top: 3px;
	left: 0px;
	background: #90C31F;
}
.nav .on {
	background: none;
}
.nav .sub {
	display: none;
	position: static;
	background: #F3F3F3;
	margin-left: 0px;
	width: 100%;
}
.nav .sub a {
	color: #333;
text-align: left;
    text-indent: 30px;
}
.nav .sub a span {
	position: relative;

}
.nav .sub a span::before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	position: absolute;
	top: 3px;
	left: 0px;
	background: #FF9900;
}
.banner .swiper-slide img {
	height: 10em;
	width: auto;
}
.banner .swiper-button-prev {
	display: none;
}
.banner .swiper-button-next {
	display: none;
}
.banner .appointmentBox {
	top: 100%;
	margin-top: -3em;  
}
.appointmentup {
		top: 80%;right:5%;width: 90%;padding:0px;
}


.appointmentup h6{ margin:24px 24px 24px 24px;}
.appointmentup ul{ margin:0px 24px 24px 24px;}


.introduction {
	background-image: url(../images/mob_r3_c3.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 70% auto;
	margin-top: 30em;
}
.column{display:block;}
.column>div{width: 100%;margin-top:15px;}
.column .img{height: 43vw;}
.column .title {margin-top: 10px;}
.column>div:first-child .title {
    margin-top: 0px;
}
.column>div:first-child {
margin-top:0px
}
.sp2 {
	display: none;
}
.splr {
	width: 100%;
}
.spbox1 {
	margin-right: 0px;
}
.spabs1 {
	margin-left: 0px;
}
.spabs1 h5 {
	margin-top: 0px;
	text-align: center; font-size:2em; line-height:2.5em;height:2.5em;
}
.spabs1 p{ line-height:2em; font-size:1.2em;}


.course {
	background-image: url(../images/mob_r4_c1.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	background-color: #A3D34E;
}
.course .wprc80 {
	background: none;
	padding-top: 12px;
}
.course .moduletil h2{ background-image:none;}

.course .swiper-container {
	padding-bottom: 48px;
}
.course .swiper-wrapper {
	display: flex !important;
}
.course .swiper-pagination {
	display: block !important;
}
.course .swiper-pagination {
	bottom: 18px;
}
.course .swiper-pagination-bullet {
	width: 36px;
	height: 8px;
	border-radius: 4px;
	background: #fff;
	opacity: 0.6;
}
.course .swiper-pagination-bullet-active {
	background: #fff;
	opacity: 1.0;
}
.course .tsg {
	margin-left: 0;
	background-color: rgb(255, 255, 255, 0.0);
	background-image: none;
	border-radius: 0px;
	overflow: hidden;
}
.course .tsg li {
	width: 100%;
}
.course .tsg .tsgjj {
	float: none;
	position: relative;
	z-index: -1;
	padding-top: 6em;
	margin-top: -6em;
}
.course .tsg .tsgpic {
	float: none;
	height: 15em;
	width: 80%;
	margin: 0px auto;
	overflow: hidden; 
}
.course .tsg .tsgjj .tsgjjBox {
	padding: 3em 1.5em;
}

.course .tsg .tsgpic img {
	display: block;
	width: 100%;
	height: auto;
	opacity: 1;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}
.course .bk {
	margin-left: 0;
	margin-right: 0;
	background-color: rgb(245, 176, 37, 0.0);
	background-image: none; 
	overflow: hidden;
	border-bottom-left-radius: 0px;
	margin-top: 0px;
}
.course .bk li {
	width: 100%;
}
.course .bk .bkjj {
	float: none;
	position: relative;
	z-index: -1;
	padding-top: 6em;
	margin-top: -6em;
}
.course .bk .bkpic {
	float: none;
	height: 180px;
	width: 80%;
	margin: 0px auto;
	overflow: hidden;
}
.course .bk .bkjj .bkjjBox {
	padding: 3em 1.5em;
}
.course .bk .bkjj .bkjjBox h5,.course .tsg .tsgjj .tsgjjBox h5{ font-size:2em; margin-bottom:1em;}
.course .bk .bkpic img {
	display: block;
	width: 100%;
	height: auto;
	opacity: 1;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}


.course .hbsl {
	margin-left: 0;
    background-color: rgb(255, 255, 255, 0.0);
    background-image: none;
    border-radius: 0px;
    overflow: hidden;
    width: 100%;
    height: 600px;
    float: none;
}
.course .hbsl li {
	width: 100%;
}
.course .hbsl .hbjj {
	float: none;
    position: relative;
    z-index: -1;
    padding-top: 6em;
    margin-top: -6em;
    width: 100%;
    background-color: #93d1ce;
}
.course .hbsl .hbpic {
	float: none;
    height: 15em;
    width: 80%;
    margin: 0px auto;
    overflow: hidden;
}
.course .hbsl .hbjj .hbjjBox {
	padding: 3em 1.5em;
}
.course .hbsl .hbjj .hbjjBox h5{ font-size:2em; margin-bottom:1em;}
.course .hbsl .hbpic img {
	display: block;
    width: 100%;
    height: auto;
    opacity: 1;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}


.course .kpyf {
	margin-left: 0;
    background-color: rgb(255, 255, 255, 0.0);
    background-image: none;
    border-radius: 0px;
    overflow: hidden;
    width: 100%;
    height: 766px;
    float: none;
}
.course .kpyf li {
	float: none;
    height: 15em;
    width: 80%;
    margin: 0px auto;
    overflow: hidden;
    margin-bottom: -520px;
}
.course .kpyf .kpjj {
	float: none;
    position: relative;
    z-index: -1;
    padding-top: 0em;
    margin-top: 26em;
    width: 100%;
    height: 400px;
    background-color: #a3d34e;
}
.course .kpyf .hbpic {
	float: none;
    height: 15em;
    width: 80%;
    margin: 0px auto;
    overflow: hidden;
    margin-bottom: -565px;
}
.course .kpyf .kpjj .kpjjBox {
	padding: 3em 1.5em;
}
.course .kpsl .kpjj .kpjjBox h5{ font-size:2em; margin-bottom:1em;}
.course .kpyf .kppic img {
	display: block;
    width: 100%;
    height: auto;
    opacity: 1;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.advantage {
	background-image: url(../images/mob_r5_c7.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: auto 100%;
}
.core-strength ul li {
	width: 100%;
}
.core-strength ul li .strength-box {
	box-shadow: none;
	margin: 1em 0;
	border-radius: 0px;
	text-align: left;
	position: static;
	background: none;
}
.core-strength ul li .strength-box img {
	width: 30%;
	float: left;
}
.core-strength ul li .strength-box h5 {
	display: none;
}
.core-strength ul li .strength-box .desc {
	float: left;
	width: 70%;
	background: none;
	position: relative;  /*position:static; */
	color: #666;
	height: auto;
}
.core-strength ul li .strength-box .desc h6 {
	font-size:1.0em;
	line-height: 1.5em;
	margin-bottom: 0.5em;
	padding-top: 0;
	height: auto;
	padding-left: 2em;
	color: #111;
}
.core-strength ul li .strength-box .desc p {
	padding-left: 2.5em;
	line-height: 1.5em;
	font-size:1em;
}
.core-strength ul li .strength-box .desc::before {
	content: ".";
	display: block;
	height: 8px;
	width: 8px;
	background: #FF9900;
	border-radius: 50%;
	left: 12px;
	top: 5px;
	position: absolute;
	clear: both;
}
.about {
	background: none;
	padding-bottom: 1em;
}
.aboutbox {
	background-image: none;
	background: #fff;
}
.about .wprc80 {
	width: 100%;
}
.aboutpic {
	display: none;
}
.aboutabs {
	padding-top: 2em;
	padding-bottom: 2em;
	background-image: none;
	background-color: #fff;
}
.aboutabs .aboutabsxx {
	margin-left: 1.5em;
	margin-right: 1.5em;
	font-size: 1.2em;
}
.aboutabs .aboutabsxx p {
	margin-bottom: 1em;
}
.partner .swiper-slide img {
	max-width: 120px;
}
.footer {
	background: #333333;
	color: #fff; padding-bottom:4em;
}
.footer_nav {
	display: none;
}
.footer a {
	color: #fff;
}
.footer_logo {
	display: none;
}
.footer_copy {
	padding-left:0; background:none;
}
.flink {
	display: none;
}
.ad_bottom{ height:4em; line-height:4em;}
.adpic {
	/*width: 60%;*/
}
.adpic img {
	max-width: 100%;
}
.adclose img{ max-width:1.5em;}
.gotop{width:48px; height:48px;  }
/*关于我们*/
.aboutus-video, .aboutus-abs {
	width: 100%;
}
.aboutus-video-box {
	margin-bottom: 3em;
	margin-right: 0px;
}
.aboutus-abs-box {
	margin-left: 0;
}
.aboutus-idea {
	background-image: url(../images/mob_r2_c2.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 100%;
}
.aboutus-idea ul li div {
	background: none;
	box-shadow: none;
	padding: 0px 0px 4em 0px
}
.aboutus-idea ul li.i1 div {
	margin-right: 0px;
	margin-left: 2em;
}
.aboutus-idea ul li.i2 div {
	margin-left: 1em;
	margin-right: 1em;
}
.aboutus-idea ul li.i3 div {
	margin-left: 0px;
	margin-right: 2em;
}
.aboutus-idea ul li div img {
	max-width: 100%;
}
.aboutus-idea .wprc80 {
	width: 100%;
}
.aboutus-idea ul li {
	width: 32.5%;
	vertical-align: top;
}
.aboutus-idea ul li div span {
	display: block;
	padding: 0.5em 0;
}
.aboutus-idea ul li div p {
	font-size: 1em;
}
.teach-idea-pic2 {
	display: none;
}
.teach-idea {
	width: 100%;
}
.teach-idea-xx {
	width: 100%;
}
.teach-idea-xx ul {
}
.teach-idea-xx ul li {
	float: left;
	width: 50%;
	margin-left: 0;
}
.teach-idea-xx ul li h6 {
	margin-left: 1em;
	margin-right: 1em;
	font-size: 1.5em;
}
.teach-idea-xx ul li p {
	margin-left: 1.5em;
	margin-right: 1.5em;
	font-size: 1em;
}
.honor{ padding-bottom:3em;}
/*特色课程*/
.library .wprc80{ width:100%;}

.library ul {
	overflow: hidden;
	background-image: url(../images/courses_r2_c2.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 98%;
}
.jjdxkc ul {
	overflow: hidden;
	background-image: url(../images/courses_r10_c2.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 98%;
}
.librarypic {
	width: 40%;
	display: none;
}
.libraryinfo {
	width: 60%;
}
.libraryinfo h5 {
	margin-left: 1.5em;
	margin-right: 1.5em;
}
.libraryinfo p {
	margin-left: 1.5em;
	margin-right: 1.5em;
}
.process{ padding-bottom:0px;}
.processtil .tilinfo {
	width: 90%;
	line-height: 2em;
	margin: 2em auto;
}
.process ul.wprc80 {
	position: relative; width:100%;
}
.process li {
	width: 24%;
	margin-left: 7%;
	margin-bottom: 2em;
}
.process li div {
	margin: 0px 0px;
	padding: 1.5em 0px;
}
.process li div p {
	margin: 0px 1em;
}
.process li div p img {
	margin-bottom: 1em;
}
.process li div p span {
	font-size: 1em;
	line-height: 1.6em;
}
.process li.jt {
	position: absolute;
	margin-left: 0;
	margin-bottom: 0;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 70% auto;
}
.process li.lc41 {
	display: none;
}
.process li.lc42 {
	display: block;
}
.process li.lc5 {
	margin-left: 20%;
}
.process li.jt1 {
	width: 7%;
	height: 50%;
	top: 0px;
	left: 31%;
	background-image: url(../images/mob3_r1_c3.png);
}
.process li.jt2 {
	width: 7%;
	height: 50%;
	top: 0px;
	left: 62%;
	background-image: url(../images/mob3_r1_c3.png);
}
.process li.jt3 {
	width: 8%;
	height: 50%;
	top: 46%;
	right: 12%;
	background-image: url(../images/mob3_r3_c7.png);
}
.process li.jt4 {
	width: 7%;
	height: 50%;
	top: 50%;
	left: 44%;
	background-image: url(../images/mob3_r5_c5.png);
}
.process li.jt5 {
	width: 20%;
	height: 50%;
	top: 50%;
	left: 0;
	background-image: url(../images/mob3_r4_c1.png);
}
.courses2 {
}
.courses2 ul.wprc80 {
	overflow: hidden; width:100%;
}
.courses2 li {
	display: block;
	float: left;
	margin: 0;
}
.courses2 li.i1 {
	width: 40%;
}
.courses2 li.i1 img {
	max-width: 100%;
}
.courses2 li.i2 {
	width: 60%;
	margin: 0px;
}
.courses2 li p {
	line-height: 24px;
	font-size: 12px;
	margin-left: 12px;
}
.courses2 .i3 {
	display: none;
}
.fourstage{ padding-bottom:3em;}
/*学员成绩*/
.parent{ padding-bottom:3em;}
.parent ul li.s3, .parent ul li.s5, .parent ul li.s7 {
	display: none;
}
.parent ul li.s1 {
	width: 100%;
}
.parent ul li.s2, .parent ul li.s4, .parent ul li.s6, .parent ul li.s8 {
	width: 50%;
}
.parent ul li {
	height: 300px;
}
.parent ul li div {
	padding: 0px 18px;
	height: 300px; 
	
}

/*最新动态 新闻*/


.currentinfo{  line-height:4em; font-size:12px; padding:1.5em 0;}
.location{ display:none;}
.sub_column{ width:100%; text-align:center;}
.sub_column a{ padding:0 1em;font-size:1.5em; margin:0; display:inline-block; float:none;}
.sub_column a.on{display:inline-block;}
.current_column{ font-size:3em;line-height:2em; padding-top:0.5em; }

.tabnav{  margin-bottom:2em;}
.tabnav li{ height:3em; line-height:3em; font-size:1.4em; padding:0 1.5em; margin:0; }

.pagelist li{ padding:1.5em 0; background-image:url(../images/mob_r1_c12.png); background-repeat:no-repeat; background-position: 11em 1.5em; background-size: 1em auto;}
.pagelist li img{ width:10em; height:auto; float:left;}
.pagelist li h6{ margin-left:11em;line-height:2em;height:auto; padding-left:2em; }
.pagelist li h6 a{font-size:1.4em;}
.pagelist li p{margin-left:11em; line-height:2em;height:auto;margin-bottom:0; max-height:4em; overflow:hidden;padding-left:2em;}
.pagelist li p i{font-size:1.2em;}
.pagelist li span{margin-left:11em;line-height:2em; padding-left:2em;}
.p_no,.p_no_d,.p_dot{ display:none !important;}

/* 联系我们 */
.campus{ width:100%; margin-bottom:3em;}
.contactus-map{ width:100%;}
.mapbox{ margin-right:0px;}
.map .schoolpic{}
.map .schoolpic img{ max-width:15em;}
/* 内容页 */
.til{padding:0;}

}
/*======================================*/

/* 超小屏幕（手机，小于 768px） */
/* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） */

/* 小屏幕（平板，大于等于 768px） */
/*@media (min-width: @screen-sm-min) { ... }*/

/* 中等屏幕（桌面显示器，大于等于 992px） */
/*@media (min-width: @screen-md-min) { ... }*/

/* 大屏幕（大桌面显示器，大于等于 1200px） */
/*@media (min-width: @screen-lg-min) { ... }*/



/*@media (max-width: @screen-xs-max) { ... }
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... }
@media (min-width: @screen-lg-min) { ... }*/