@charset "utf-8";
/** 清除格式化标签 **/
html,body, ul, ol,li,p,h1,h2,h3,h4,h5,h6,figcaption,figure,fieldset{ margin: 0; padding: 0; list-style: none;}
label,nav,main,section,article,aside,footer,address,figure,figcaption{ display:block;}
em,i{font-style: normal;}

/** 设置默认字体 **/
html, body {-webkit-text-size-adjust: none; font-family: "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "STHeiti", "WenQuanYi Micro Hei", "SimSun", "sans-serif";-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased; font-smoothing: antialiased;/*字体去除锯齿*/}
body { font-size:0.62rem; color:#444; background:#f3f3f3;} 
  
/** 设置表单元素**/
button, input, select, textarea {font-family: "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "STHeiti", "WenQuanYi Micro Hei", "SimSun", "sans-serif";-moz-appearance: none;-webkit-appearance: none;appearance: none;vertical-align: middle; font-size:1.34rem; outline:none;}
textarea {resize: none;overflow: auto;}

/** 去除点击后的高亮**/
* { -webkit-tap-highlight-color: rgba(0,0,0,0); }

/** 重置图片元素 **/
img {border: 0px; vertical-align: middle; -ms-interpolation-mode: bicubic;}

/** 重置表格元素 **/
table {border-collapse: collapse;border-spacing: 0;}

/** 清除浮动 **/
.clearfix {*zoom:1;}
.clearfix:before, .clearfix:after {content: ""; display: table;}
.clearfix:after {clear: both;}

a{text-decoration: none; color:#666; transition:ease-in 0.2s; -webkit-transition:ease-in 0.2s;}
a:hover {text-decoration:none; color: #111; will-change: transform;}
a:hover,a:active{outline:none; }
.fr{ }
.red{ color:#e01212;}

/** 设置框架边距 **/
section{ width:100%; padding:8px; box-sizing:border-box;}
.bjf3{ background:#f5f5f5;}
.main{ max-width:768px; margin:0 auto; overflow:hidden; padding-bottom:2rem;}

/*header*/
header{ height:2.6rem; box-sizing:border-box; position:relative; background:#fff; position:fixed; width:100%; top:0; left:0; z-index:15; border-bottom:1px solid #eee;}
header .logo{ font-size:0.8rem; line-height:2.6rem; color:#4D7AFF; padding-left:10px;}
/*header{ height:2.6rem; box-sizing:border-box; position:relative; background:#5D4B33; color:#FFFFFF; position:fixed; width:100%; top:0; left:0; z-index:15; border-bottom:1px solid #eee;}
header .logo{ font-size:0.8rem; line-height:2.8rem; color:#fff; padding-left:10px;}*/
header .menu{ width:2.6rem; display:block; position:absolute; right:0; height:2.6rem; top:13px; text-align:center; line-height:2.6rem; font-size:1.2rem;}
header .menu.act{ color:#5D4B33}


header .back{ width:1.8rem; display:block; position:absolute; left:0.3rem; height:1.8rem; top:0.4rem; text-align:center; line-height:1.8rem; font-size:1.2rem; background:#f5f5f5; border-radius:50%;}
header h4{ text-align:center; font-size:0.75rem; line-height:2.6rem; font-weight:normal;}

/*baner*/
/*.baner{ width:100%; overflow:hidden; position:relative; height:60vw; margin-top:2.6rem; }*/
.baner{ width:100%; overflow:hidden; position:relative;margin-top:2.0rem;  }
.baner .atlas li{ position:absolute; left:0; top:0; opacity:0; transition:all 0.5s; width:100%;}
.baner .atlas li img{ width:100%;}
.baner .atlas li.act{ opacity:1; z-index:3;}
.baner .num{ position:absolute; width:100%; height:12px; bottom:16%; left:0%; text-align:center; z-index:5;}
.baner .num i{ width:10px; height:10px; display:inline-block;  background:#fff; border-radius:10px; margin:0 5px;}
.baner .num i.on{ background:#5D4B33}

.fastlink{ background:#fff; margin:-0.6rem 0;  overflow:hidden;}
.fastlink figure{ display:block; float:left; text-align:center; width:25%; border-left:1px solid #eee; box-sizing:border-box; padding:0.6rem 0;}
.fastlink figure a{ display:block; overflow:hidden; color:#333}
.fastlink figure .fa{ font-size:1rem; display:block; margin-bottom:0.5rem; color:#051970}
.ipros{ background:#fff; overflow:hidden; padding-bottom:10px;}
.ipros .tips { overflow:hidden; }
.ipros .tips li{width:30%; float:left; border:1px solid #eee; box-sizing:border-box;  background:#f9f9f9; margin:0 1.5%; text-align:center; padding:0.4rem 0.3rem; border-radius:0.4rem;}
.ipros .tips li span{ width:1.5rem; height:1.5rem; display:block; color:#fff; line-height:1.5rem; font-weight:bold; background:#4D7AFF; margin:0.3rem auto; padding:0.1rem; border-radius:50%; position:relative; word-break:break-all;}
.ipros .tips li span:before{ display:block; position:absolute; width:1.8rem; height:1.8rem; border:1px solid #4D7AFF; content:''; border-radius:50%; left:-0.1rem; top:-0.1rem;}
.ipros .box {padding-top:0.5rem; }
.ipros .box figure{float:left; width:45%; float:left; border:1px solid #ddd; box-sizing:border-box; margin:0.25rem 1.5% 0.8rem 2.5%; text-align:center; padding:2px; position:relative;}
.ipros .box figure img{ width:100%;}
.ipros .box figure figcaption{background:#051970; box-shadow:0 0 3px 0px #666; font-size:0.8rem; font-family:STHeiti,'Microsoft YaHei',Helvetica,Arial,sans-serif; position:absolute;color:#fff; bottom:-0.5rem; left:1%; width:98%; border-radius:0.2rem;}

.iteach{ background:#fff; margin:0.45rem 0;  overflow-x: auto; overflow-y: hidden;}

.iteach-box ul{display: block; overflow-x: auto; overflow-y: hidden; white-space: nowrap;  margin:0.5rem 0.3rem;} /*行内元素不准换行，并且隐藏滚动条*/
.iteach-box ul::-webkit-scrollbar { display:none;}
.iteach-box ul:not(.WX) { -webkit-overflow-scrulling: touch;}
.iteach-box ul li { display: inline-block; width:25vw; margin-right:0.5rem; vertical-align: top; white-space: normal; text-align:center;} /*变为行内元素*/
.iteach-box ul li a{ display:block; overflow:hidden; width:25vw; line-height:1.2rem;}
.iteach-box ul li img{width: inherit; border-radius:50%; width:4rem; height:4rem;}

.mzylist  h3{ height:80px; width:100%; background:#eee;  box-shadow:0 0 2px 0px #666; font-size:0.8rem; font-family:STHeiti,'Microsoft YaHei',Helvetica,Arial,sans-serif; border-radius:0.2rem; line-height:80px; text-align:center; margin-top:50px;}
.mzylist  h3 a{ color:#333;}
.tinfo  .txt{ padding:10px;}
.inews{ background:#fff; padding:0.3rem;}
.inews .recom{ border-bottom:1px solid #ddd; overflow:hidden; padding-bottom:0.3rem; }

.inews .recom b{ display:block; float:left; height:1.9rem; width:1.9rem; padding:0.3rem ; text-align:center; background:#4D7AFF; color:#fff; font-size:0.7rem; letter-spacing:2px; margin-right:0.5rem; border-radius:0.2rem;}
.inews .recom a{ display:block; color:#999; line-height:1.2rem;}
.inews .recom h4{ font-size:0.7rem; font-weight:normal; font-weight:bold; }
.inews .recom h4 a,.inews .recom p a{color:#4D7AFF;}

.inews li{ padding:0.5rem 0; overflow:hidden; line-height:1rem; border-bottom:1px dashed #ddd;}
.inews li .img{ float:left; width:30%; box-sizing:border-box; margin-right:0.8rem;}
.inews li .img img{ width:100%;}
.inews li a{ display:block;}
.inews li a.on{ color:#4D7AFF}
.inews li a time{ color:#999; display:block;}
.inews li h4{ padding-bottom:0.2rem; font-size:0.7rem; overflow:hidden; height:1rem; font-weight:normal; color:#4D7AFF}

.forms{ background:#fff; margin:0.45rem 0; padding:0.3rem;}
form p{ overflow:hidden; padding-bottom:0.2rem;}
form p label{ height:1.8rem; line-height:1.8rem; font-weight:bold; font-size:0.65rem;}
form p input{ width:96%; border:none; background:#eee; height:1.85rem; line-height:1.85rem; padding:0 2%; font-size:0.62rem;}
form p textarea{ width:96%; border:none; background:#eee; height:3rem; line-height:1rem; padding:2%; font-size:0.62rem; margin-bottom:0.2rem;}
form p .sumit{ background:#4D7AFF; border:none; color:#fff; border-radius:10px;font-size:0.6rem;height:1.5rem; line-height:1.5rem; width:93%; padding:0;cursor:pointer; margin-left:1%;}

.itel{ background:#051970; height:2rem; line-height:2rem; text-align:center; font-size:1rem;}
.itel a{ color:#fff;}

.fmenu{ background:rgba(255,255,255,.9); border-top:1px solid #ddd; overflow:hidden; margin-top:0.4rem; height:2rem; overflow:hidden; line-height:3.2rem; position:fixed; width:100%; left:0; bottom:0;}
.fmenu li{ float:left; width:20%; text-align:center;}
.fmenu li a{font-size:0.6rem; color:#051970; display:block; position:relative;}
.fmenu li a i{ display:block; position:absolute; top:10px; left:44%;}
.fmenu li a.act,.fmenu li a.act i{ color:#051970;}

.dianh a{ color:#FFFFFF}

#bottomBar {
	height:10rem;
	width:100%;
	position:fixed;
	bottom:0;
	z-index:100;
}
#bottomBar ul,
#bottomBar ul li {
	width:100%;
	max-width:1920px;
	margin:0 auto;
	padding:0;
	height:10rem;
	overflow:hidden;
	background:rgba(255,255,255,0.9);
}
#bottomBar ul li {
	float:left;
	display:inline;
	width:20%;
	text-align:center;
	line-height:16rem;
}
#bottomBar ul li:hover {
	background:#fff3e5;
	background:rgba(255,243,229);
}
#bottomBar ul li a {
	display:inline-block;
	width:100%;
	height:10rem;
	font-size:3rem;
}
#bottomBar ul li.n1 {
	background:url(../images/homebar1.png) no-repeat center;
}
#bottomBar ul li.n2 {
	background:url(../images/homebar2.png) no-repeat center;
}
#bottomBar ul li.n3 {
	background:url(../images/homebar3.png) no-repeat center;
}
#bottomBar ul li.n4 {
	background:url(../images/homebar4.png) no-repeat center;
}
#bottomBar ul li.n5 {
	background:url(../images/homebar5.png) no-repeat center;
}
#bottomBar ul li.n1:hover,
#bottomBar ul li.n1selected {
	background:url(../images/homebar1light.png) no-repeat center;
}
#bottomBar ul li.n2:hover,
#bottomBar ul li.n2selected {
	background:url(../images/homebar2light.png) no-repeat center;
}
#bottomBar ul li.n3:hover,
#bottomBar ul li.n3selected {
	background:url(../images/homebar3light.png) no-repeat center;
}
#bottomBar ul li.n4:hover,
#bottomBar ul li.n4selected {
	background:url(../images/homebar4light.png) no-repeat center;
}
#bottomBar ul li.n5:hover,
#bottomBar ul li.n5selected {
	background:url(../images/homebar5light.png) no-repeat center;
}
#bottomBar ul li[class*='n'],
#bottomBar ul li[class*='n']:hover {
	background-size:45%;
	background-position:center 10%;
}



.mnavs{ width:50%; height:calc(100% - 2.6rem); position:fixed; z-index:10; background:rgba(0,0,0,.7); top:2.6rem; right:-50%; overflow:auto; transition:all ease 0.5s;}
.mnavs.act{right:0;}
.mnavs li{ line-height:2rem; text-align:center; border-bottom:1px dotted #aaa;}
.mnavs li a{ display:block; font-size:0.65rem; color:#fff;}
.mnavs li a.on{ background:#aa0f2a;}
.mnavs li .hide{ display:none; transition:all ease 0.5s;}
.mnavs li .hide.show{ display:block;}
.mnavs li .hide a{ color:#aaa;}

.singpage{/* margin-top:2.6rem;*/ background:#fff; padding:0.8rem; line-height:1.2rem; padding-top:1rem;}
.singpage img{ max-width:100%; height:auto;}
.singpage .tils{ text-align:center; font-size:0.9rem; color:#333; font-weight:normal; padding:0.3rem 0;}
.singpage .times{ text-align:center; color:#999; margin-bottom:0.5rem;}
.singpage .times span{ padding:0 10px; }

#nnews .newtit{ font-size:0.8rem; color:#333; padding:0.4rem 0; border-bottom:1px solid #eee;}
#nnews .img{ float:right; width:30%; box-sizing:border-box; margin:0 0 0 0.8rem;}

.curriculum{background:#fff; padding:0.3rem; overflow:hidden;}
.curriculum .list { overflow:hidden; padding-bottom:0.25rem;}
.curriculum .list li{ width:50%; float:left; padding:0.5rem 0.25rem 0.5rem 0; box-sizing:border-box; line-height:1.1rem; color:#999; overflow:hidden;}
.curriculum .list li h4{ text-align:center; padding:0.4rem 0 0 0; color:#333; font-weight:normal;}
.curriculum .list li img{ width:100%; height:auto; border-radius:0.4rem; overflow:hidden;}
/*.curriculum .list li a{ display:block; width:100%; height:1.6rem; background:#4D7AFF; text-align:center; line-height:1.6rem; font-size:0.7rem; color:#fff; border-radius:0.2rem;}*/
.curriculum .list li a{ display:block; width:100%; background:#4D7AFF; text-align:center; height:2.5rem; line-height:2.5rem; font-size:0.7rem; color:#fff; border-radius:0.2rem;}
.curriculum .list li:nth-child(2n){ padding:0.5rem 0 0.5rem 0.25rem;}


.detail .show,.detail .teachers{ border-bottom:3px dotted #eee; overflow:hidden; padding:0.3rem 0 0.5rem 0; margin-bottom:1rem;}
.detail .show li{ width:50%; float:left; padding:0.2rem; box-sizing:border-box;}
.detail .show li img{ width:100%; height:auto;}
.detail .ticolm{ text-align:center; padding:0.3rem 0; font-size:0.75rem;}

.detail .teachers li{ padding:0.5rem 0;}
.detail .teachers li img{ width:25vw; height:auto; border-radius:50%; margin:0 auto; display:block;}

.detail .kecb li{ border-bottom:1px solid #eee; position:relative; padding:0.5rem 0;}
.detail .kecb img{ float:left; width:34vw; margin:0.2rem 0.8rem 0 0;}
.piccur{ padding:0.5rem; font-size:0.7rem; line-height:1.4rem; background:#f5f5f5;}
.piccur b{ color:#5D4B33}

.ipros{ font-size:0.6rem;}


/*ICIF*/
.icifjj{ width:90%; margin:0 auto;margin-top:10px;border:3px solid  #516F5C; padding:2%  1%;}
.icifjj img{ width:30%; float:left;}
.icifjj  h1{ font-size:16px;}
.micifjj{ width:70%; float:right;}
.clear{ margin:0; padding:0; clear:both;line-height:0; font-size:0;}
.icifzy  img{ width:100%}


.cnjj  p{text-indent:2em;}
.info  p{ line-height:3.0em;}