﻿@charset "utf-8";
/* CSS Document */
body {margin:0px auto;padding:0px;text-align:center; color:#131313;background:#fff;}
div,dl,dt,dd,ul,li,form,h1,h2,h3,h4,h5,h6,p {
	margin:0;
	padding:0;
}
html {
	overflow-x:hidden;
	-webkit-text-size-adjust:none;
}
ul,li,dl,dt,dd {
	display:block;
	list-style:none;
}
fieldset,img {border:0;vertical-align:bottom;}

@font-face {font-family: 'AlternateGothic2BTRegular';src: url('../font/altgot2n-webfont.eot');src: url('../font/altgot2n-webfont.eot?#iefix') format('embedded-opentype'),url('../font/altgot2n-webfont.woff') format('woff'),url('../font/altgot2n-webfont.ttf') format('truetype'),url('../font/altgot2n-webfont.svg#AlternateGothic2BTRegular') format('svg');font-weight: normal;font-style:normal}
@font-face {font-family: 'empire_script-webfont';src: url('../font/empire_script-webfont.eot');src: url('../font/empire_script-webfont.eot?#iefix') format('embedded-opentype'),url('../font/empire_script-webfont.woff') format('woff'),url('../font/empire_script-webfont.ttf') format('truetype'),url('../font/empire_script-webfont.svg#empire_script-webfont') format('svg');font-weight: normal;font-style:normal}

/*勿删，解决滚动图片ie样式问题*/
.h70{height:70px;clear:both;margin:0 auto;padding:0;width:100%;overflow:hidden;}
.h50{height:50px;clear:both;margin:0 auto;padding:0;width:100%;overflow:hidden;}
.h40{height:40px;clear:both;margin:0 auto;padding:0;width:100%;overflow:hidden;}
.h30{height:30px;clear:both;margin:0 auto;padding:0;width:100%;overflow:hidden;}
.h20{height:20px;clear:both;margin:0 auto;padding:0;width:100%;overflow:hidden;}
.font50{font-size:30px;}
.font44{font-size:24px;}
.font24{font-size:24px;}
.font20{font-size:20px;}
.font18{font-size:18px;}
.font16{font-size:16px;}
.font14{font-size:14px;}
@media screen and (max-width:425px)
{
.h70{height:50px;}
.h50{height:40px;}
.h40{height:33px;}
.h30{height:25px;}
.h20{height:16px;}
.font50{font-size:26px;}
.font44{font-size:20px;}
.font24{font-size:22px;}
.font20{font-size:18px;}
.font18{font-size:16px;}
.font16{font-size:14px;}
.font14{font-size:12px;}
}
@media screen and (max-width:375px)
{
.font18{font-size:14px;}
}
@media screen and (max-width:360px)
{
.h70{height:40px;}
.h50{height:33px;}
.h40{height:26px;}
.h30{height:20px;}
.h20{height:13px;}
.font50{font-size:24px;}
.font44{font-size:18px;}
.font24{font-size:20px;}
.font20{font-size:16px;}

}
@media screen and (max-width:320px)
{
.font24{font-size:18px;}
.font20{font-size:14px;}
.font18{font-size:12px;}
}
.clear {
	background:none;
	border:0;
	clear:both;
	display:block;
	float:none;
	font-size:0;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}
a {
	text-decoration:none;
	outline:none;
}

.mui-icon-left-nav{color:#000;}
#header{background:#fff;}

#foot{
background:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
-o-box-shadow:none;
box-shadow:none;
}
.mui-bar{background-color:#fff;-moz-box-shadow:0 3px 5px #666;
-webkit-box-shadow:0 3px 5px #666;
-o-box-shadow:0 3px 5px #666;
box-shadow:0 3px 5px #666;}
.mui-bar .mui-title{color:#000;left:10px;}
.mui-title img{float:left;height:40px;margin-top:2px;}

.mui-title span{float:left;color:#7b7b7b;font-size:16px;padding-left:10px;}
#offCanvasSide{background:rgba(0,0,0,0.7);}
#menu{color:#000;}
.bgao{height:45px;}
.mui-content{background:#fff;height:100%;overflow:auto;width:100%;}
.mui-table-view-chevron{}
.mui-content-padded{width:100%;margin:0 auto;padding:0;}
/*底部导航*/
#foot{
background-image: -webkit-gradient(linear, left top, left bottom, from(#0093dd ), to(#015198 )); 
background-image: -webkit-linear-gradient(top, #0093dd , #015198); 
background-image: -moz-linear-gradient(top, #0093dd , #015198); 
background-image: -ms-linear-gradient(top,#0093dd, #015198); 
background-image: -o-linear-gradient(top, #0093dd, #015198); 
background-image: linear-gradient(top, #0093dd, #015198);
}
#foot a{box-shadow: 0 1px rgba(187,238,255, .5), 0 0 1px rgba(187, 238, 255, .5);}
#foot span{font-size:18px;color:#bbb;}
#foot i{font-style:normal;font-size:12px;color:#bbb;}
#foot a.cur i{color:#fff;}
#foot a.cur span{color:#fff;}
@media screen and (max-width:320px)
{
#foot span{font-size:18px;}
#foot i{font-size:12px;}

.mui-table-view-cell a{font-size:14px;}
}
/*侧滑菜单*/
#tmenu{position:fixed;left:0;top:44px;display:none;width:100%;margin:0 auto;padding:0;z-index:10000;}
#tmenu .mui-table-view-inverted{background:rgba(0,0,0,0.7);}
#tmenu .mui-table-view-inverted .mui-table-view-cell{border-bottom:1px solid #666;}
#tmenu ul li .ee{margin:-11px -15px;margin-right:-65px;padding:inherit;text-align:center;font-size:inherit;}
#tmenu ul li .ee span{position:absolute;right:15px;font-size:inherit;}
#tmenu ul li dl{width:90%;margin:0 auto;padding:0;display:none;float:right;border-top:1px solid #666;margin-top:5px;margin-left:5%;}
#tmenu ul li dl dd{float:left;marign:0 auto;padding:0;width:100%;height:32px;line-height:32px;text-align:left;border-bottom:1px solid #666;}
#tmenu ul li dl dd a{color:#fff;font-size:14px;width:100%;height:32px;line-height:32px;display:block;margin:0 auto;padding:0;}
@media screen and (max-width:320px)
{
#tmenu ul li .ee{font-size:14px;}
#tmenu ul li dl dd a{font-size:12px;}
}
/*首页*/
#twd{margin:0 auto;padding:0;position:absolute;top:0;left:0;z-index:10000;width:100%;height:100%;background:rgba(0,0,0,0.6);}
#twd .wbg{margin:0 auto;padding:0;width:40%;position:relative;}
#twd img{margin:0 auto;padding:0;max-width:70%;}
#twd .wbg .close{position:absolute;right:0;top:0;transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s;}
#twd .wbg .close i{font-size:24px;color:#fff;cursor:pointer;}
#twd .wbg .close:hover{transform: scale(1) rotate(90deg); -moz-transform: scale(1) rotate(90deg); -webkit-transform: scale(1) rotate(90deg);}

@media screen and (max-width:425px)
{
#twd .wbg{width:70%;}
}
/*轮播*/
#banner_bg{width:100%;position:relative;z-index:2;margin:0px auto;padding:0px;overflow:hidden;} 
#banner_bg #banner{width:100%;position:relative;z-index:1;margin:0px auto;padding:0px;overflow:hidden;}
#banner_bg .bbimg{position:absolute;left:0;bottom:0;width:100%;z-index:3;;vertical-align:bottom;}
section{
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
 display: block;
}
#page {
  width: 100%;
  margin: 0 auto;
position:relative;
}
#viewport-shadow {
  position: relative;
  width: 100%;
  padding: 0px;

}

#viewport, #box, .slide {
  width: 100%;
margin:0px auto;
padding:0px;
}
#box img{width:100%;margin:0 auto;border:0px;padding:0px;}
.slide li div{position:absolute;z-index:9999;padding:0px;color:#fff;width:60%;font-family:Arial;top:40%;left:20%;text-align:center;}
.slide li div p{width:100%;margin:0 auto;padding:0;text-align:center;}
.slide li div p.p1{font-weight:800;line-height:24px;font-size:26px;text-stroke:5px #fff;-moz-text-stroke:5px #fff;;-webkit-text-stroke:5px #fff;color:#003366;}

.slide li div p.p2{font-weight:400;line-height:20px;font-size:22px;text-stroke:2px #0066cc;-moz-text-stroke:2px #0066cc;;-webkit-text-stroke:2px #fff;color:#003366;}
.slide li div span{margin:0 auto;padding:0;margin-top:15px;margin-bottom:15px;height:2px;width:80%;display:block;overflow:hidden;background:#fff;
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.5);-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.5);-ms-box-shadow: 1px 1px 2px rgba(0,0,0,.5);-o-box-shadow: 1px 1px 2px rgba(0,0,0,.5);box-shadow:  1px 1px 2px rgba(0,0,0,.5);
}
@media screen and (max-width:640px)
{
.slide li div{width:74%;left:13%;}
.slide li div p.p1{font-size:24px;}
.slide li div p.p2{font-size:20px;}
}
@media screen and (max-width:550px)
{
.slide li div{width:78%;left:11%;}
.slide li div p.p1{font-size:22px;}
.slide li div p.p2{font-size:18px;}
}
@media screen and (max-width:425px)
{
.slide li div{width:90%;left:5%;}
.slide li div p.p1{font-size:20px;}
.slide li div span{margin-top:10px;margin-bottom:10px;}
.slide li div p.p2{font-size:16px;}
}
@media screen and (max-width:375px)
{
.slide li div{width:90%;left:5%;}
.slide li div p.p1{font-size:18px;}
.slide li div p.p2{font-size:14px;}
}
@media screen and (max-width:320px)
{
.slide li div{width:94%;left:3%;}
.slide li div p.p1{font-size:16px;}
.slide li div p.p2{font-size:12px;}
}

#viewport {
  overflow: hidden;
}
footer {
  margin: 0 auto;
}
#controls {
  position: relative;
margin:0px auto;
  top: -30px;
 left:45%;
  overflow: hidden;
padding:0;
}

#controls li {
  display: inline;
}
.goto-slide {
  margin-left: 5px;
  width: 8px;
  height: 8px;
  display: block;
  float: left;
  border: 0;
  background-color: #e4e4e4;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
}
.goto-slide.current {
  background-color: #666;
}

#viewport-shadow #next,#viewport-shadow #prev{
  position: absolute;
  top: 105px;
  width: 52px;
  height: 74px;
  background: url(../images/nav_paddles.png) no-repeat;
  display: block;
z-index:1000;
  -webkit-transition: background .4s;
  -moz-transition: background .4s;
  transition: background .4s;
}

#viewport-shadow #next:hover,#viewport-shadow #prev:hover {
  background: url(../images/nav_paddles_down.png) no-repeat;
  border: none;
}

#viewport-shadow #prev {
  left:0%;
}

#viewport-shadow #next,#viewport-shadow #next:hover {
  right: 0%;
  background-position: -64px 0;
}
#time-indicator {
  width: 100%;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 100%;
  left: 0;
}


/*资讯*/
.xw{margin:0 auto;padding:0;}
.xw .left{float:left;width:100%;margin:0 auto;padding:0;}
.xw .left .rbt{margin:0 auto;padding:0;height:64px;text-align:left;border-bottom:2px solid #76c5f0;line-height:64px;margin-bottom:10px;}
.xw .left .rbt .more{float:right;line-height:70px;padding-right:10px;color:#0066cc;text-decoration:underline;}

.xw .left .tp{width:100%;overflow:hidden;}
.xw .left .tp img{width:100%;}
.xw .left .bt{width:95%;margin:0 auto;padding:0px 5% 0 0;margin-top:10px;height: 50px;line-height:50px;overflow:hidden;text-align:left;font-family: "Microsoft YaHei",微软雅黑;color: #333333;text-overflow:ellipsis;white-space:nowrap;
}
.xw .left .bt a{color:#333;}
.xw .left .ms{width: 95%;margin:0 auto;padding:3px 5% 0px 0px;text-align:left;height: 112px;line-height:28px;font-family: "Microsoft YaHei",微软雅黑;color: #666666;overflow:hidden;margin-bottom:14px;word-break:break-all;}

.xw .right{float:right;width:100%;margin:0 auto;padding:0;}
.xw .right ul{width:100%;}
.xw .right ul li{float:left;width:100%;margin:0 auto;padding:0;margin-bottom:10px;height:82px;text-align:left;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border: 1px solid #DCDCDC;
 display: box;              /* OLD - Android 4.4- */
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
 -webkit-box-orient: horizontal;
  /* 12版 */
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  /* 12版 */
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}

.xw .right ul li .sj{width:82px;margin:0 auto;padding:0px 14px;height:100%;background:#f7F8F8;text-align:center;color:#222;font-family: "Microsoft YaHei",微软雅黑;}
.xw .right ul li .sj span{font-size: 26px;width:100%;display:block;margin:0 auto;padding:15px 0px 5px 0px;line-height:30px;
}
.xw .right ul li .sj i{font-size: 12px;font-style:normal;margin:0 auto;padding:0;display:block;width:100%;white-space:nowrap;}
.xw .right ul li .nr{padding:10px 30px 10px 20px;text-align:left;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;height:100%;overflow:hidden;}
.xw .right ul li .nr p{width:100%;margin:0 auto;padding:0;height:30px;line-height:30px;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.xw .right ul li .nr span{display:block;width:100%;line-height:26px;color:#666;height:26px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
@media screen and (max-width:425px)
{
.xw .right ul li .sj span{font-size:20px;}
}

.stitle{margin:0 auto;padding:0;width:100%;text-align:center;}
.stitle span{font-family:"Courier New";font-size:40px;line-height:150%;display:block;width:100%;color:rgb(171,170,170);}
.stitle .l1{width:100%;margin:0 auto;padding:0;height:40px;position:relative;}
.stitle .l3{width:100%;height:1px;background:#dbdbdb;position:absolute;left:0;top:19px;z-index:0;}
.stitle .l2{width:240px;margin:0 auto;padding0;height:40px;background:#fff;padding:0;position:relative;z-index:1;}
.stitle .l2 i{font-style:normal;font-size:16px;line-height:40px;display:block;width:100%;width:100%;margin:0 auto;background:#ea8a1c;border-radius:5px;color:#fff;}

.stitle .l4{width:90%;margin:0 auto;padding0;height:auto;background:#fff;padding:15px 0;position:relative;z-index:1;}
.stitle .l4 i{font-style:normal;font-size:24px;line-height:36px;display:block;width:100%;color:rgb(128,128,128);width:100%;margin:0 auto;}
.stitle b{display:block;font-weight:600;color:#333;font-size:36px;line-height:150%;width:100%;}
@media screen and (max-width:550px)
{
.stitle span{font-size:32px;}
.stitle .l2{width:220px;height:36px;}
.stitle .l2 i{font-size:14px;line-height:36px;}
.stitle b{font-size:30px;}
.stitle .l4 i{font-size:20px;line-height:30px;}
}
@media screen and (max-width:425px)
{
.stitle span{font-size:28px;}
.stitle .l2{width:220px;height:36px;}
.stitle .l2 i{font-size:14px;line-height:36px;}
.stitle b{font-size:26px;}
.stitle .l4 i{font-size:16px;line-height:28px;}
}
@media screen and (max-width:320px)
{
.stitle span{font-size:24px;}
.stitle .l2{width:180px;height:32px;}
.stitle .l2 i{font-size:12px;line-height:32px;}
.stitle b{font-size:22px;}
.stitle .l4 i{font-size:14px;line-height:26px;}
}


/*老师*/
#lsbg{margin:0 auto;padding:0;background:#015198;width:100%;overflow:auto;height:100%;max-width:2560px;}
#lsbg .bline{margin:0 auto;padding:0;width:100%;}
#lsbg .bline img{width:100%;}
#ls{margin:0 auto;padding:0;}
#ls .stitle .l3{background:#0093dd;}
#ls .stitle .l2{background:#015198;}
#ls .stitle .l2 i{background:#76c5f0;color:#fff;}
#ls .stitle b{color:#fff;}
#ls ul{width:100%;margin:0 auto;}
#ls ul li{float:left;width:25%;margin:0 auto;padding:0 0 30px 0;}
#ls ul li .hbg{width:92%;margin:0 auto;padding:0;position:relative;overflow:hidden;}
#ls ul li .hbg img{position: relative;display: block;width: 100%;}
#ls ul li .hbg .bt{position: absolute;bottom: 0;left: 0;width: 100%;height: 40px;line-height:40px;background:rgba(0,0,0,0.7);color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:left;padding:0 5px;}
@media screen and (max-width:550px)
{
#ls ul li{width:33.33%;padding:0 0 20px 0;}
}
@media screen and (max-width:425px)
{
#ls ul li{width:50%;padding:0 0 20px 0;}
}

#xxbg{margin:0 auto;padding:0;width:100%;height:100%;overflow:auto;position:relative;background:#fff;}
#ys{margin:0 auto;padding:0;overflow:hidden;}
#ys #lnr{margin:0px auto;padding:20px 0px 0px 0px;width:100%}
#ys #lnr ul{list-style:none;width:100%;padding-top:20px;}
#ys #lnr ul li{float:left;width:25%;margin:0px auto;padding:0px;position:relative;}
#ys #lnr ul li p{height:40px;margin:0px auto;padding:0px;position:relative;width:90%;text-align:center;line-height:40px;background:#ea8a1c;color:#fff;}
#ys #lnr ul li span{text-align:left;margin:0 auto;padding:10px 0 0 0;display:block;height:auto;width:87%;line-height:135%;}
#ys #lnr ul li .tbg{width:90%;height:180px;border:1px solid #dbdbdb;padding:1px;text-align:center;overflow:hidden;background:#f7f7f7;-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.23);
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.23);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.23);}
#ys #lnr ul li .tbg:hover{border:1px solid #ccc;}
#ys #lnr ul li .tbg img{max-width:100%;margin:0 auto;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1);
	transform: scale(1);
-ms-transform:scale(1);
-moz-transform:scale(1);}
@media screen and (max-width:550px)
{
#ys #lnr ul{padding-top:15px;}
#ys #lnr ul li{width:33.33%;}
}
@media screen and (max-width:425px)
{
#ys #lnr ul{padding-top:10px;}
#ys #lnr ul li{width:50%;}
}

/*答家长问*/
#wt{margin:0 auto;padding:0;border:1px solid #76c5f0;height:100%;overflow:auto;
  display: -webkit-flex;     /* NEW - Chrome */
display: flex; /* 使用Flexbox布局 */
  -webkit-flex-direction: row; /* 行内排列 */
  -moz-flex-direction: row; /* 行内排列 */
  -ms-flex-direction: row; /* 行内排列 */
  flex-direction: row; /* 行内排列 */
align-items: stretch; /* 垂直拉伸以一致的高度 */
-webkit-align-items: stretch; /* 垂直拉伸以一致的高度 */
}
#wt #wbt{width:7%;text-align:center;background:#76c5f0;color:#fff;}
#wt #wbt span{}
#wt #wbt b{margin:0 auto;background:#0093dd;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;display:block;width:80%;padding:15px 0px;text-align:center;line-height:130%;}
#wt #wnr{margin:0 auto;padding:0;width:90%;}
#wt #wnr ul{width:100%;}
#wt #wnr ul li{float:left;width:100%;margin:0 auto;padding:20px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}

#wt #wnr ul li .que{text-align:left;margin:0 auto;padding:0;width:100%;position:relative;}
#wt #wnr ul li .que i{display:block;text-align:center;background:#feaf46;color:#fff;font-size:28px;width:50px;height:50px;line-height:50px;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;z-index:1;position:relative;float:left;}
#wt #wnr ul li .que span{display:block;height:40px;line-height:40px;padding:0 0px 0 30px;background:#feddb0;position:absolute;left:5.7%;top:5px;z-index:0;width:94.3%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}


#wt #wnr ul li .ans{text-align:left;line-height:130%;margin:0 auto;margin-top:10px;padding:15px;height:auto;width:98%;background:#ddf3ff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;position:relative;}

#wt #wnr ul li .ans:hover{background:#d1efff;cursor:pointer;}
#wt #wnr ul li .ans i{display:block;text-align:center;color:#42bcff;font-size:36px;top:5px;position:absolute;left:0;}
#wt #wnr ul li .ans p{line-height:24px;width:100%;display:block;margin:0 auto;padding:10px 0 0 0;}
@media screen and (max-width:550px)
{
#wt #wbt{width:9%;}
#wt #wnr{width:88%;}
#wt #wnr ul li{padding:15px;}
}
@media screen and (max-width:425px)
{
#wt #wnr ul li .que i{font-size:24px;width:44px;height:44px;line-height:44px;border-radius:44px;-webkit-border-radius:44px;-moz-border-radius:44px;z}
#wt #wnr ul li .que span{left:8%;height:36px;line-height:36px;}
}

.banner{width:100%;margin:0px auto;padding:0px;text-align:center;position:relative;}
.banner img{border:0px;margin:0px auto;padding:0px;width:100%;}
.banner .lbt{position:absolute;top:50%;left:0;width:100%;text-align:center;color:#fff;z-index:2;text-shadow: 1px 1px 3px rgba(0,0,0,.75);}
.banner .lbt b{display:inline-block;margin:0 auto;width:auto;line-height:200%;border-bottom:1px solid #fff;}
.banner .lbt i{font-style:normal;display:block;margin:0 auto;letter-spacing:2px;line-height:150%;font-family: 'AlternateGothic2BTRegular',arial;}



#sliderSegmentedControl{height:50px;}
#sliderSegmentedControl .mui-control-item{color:#666;border-bottom:2px solid #dbdbdb;}
#sliderSegmentedControl .mui-active{color:#000;font-weight:bold;border-bottom:2px solid #666;}
/*分页*/
.kd{width:90%;}

@media screen and (max-width:550px)
{
.kd{width:95%;}
}
@media screen and (max-width:425px)
{
.kd{width:98%;}
}
@media screen and (max-width:360px)
{
.kd{width:100%;}
}
#fmenu{margin:0 auto;padding:0;width:94%;height:50px;border-bottom:1px solid #ccc;}
#fmenu ul{width:100%;}
#fmenu ul li{float:left;width:20%;height:50px;line-height:50px;position:relative;}
#fmenu ul li.f2{width:50%;}
#fmenu ul li.f3{width:33.33%;}
#fmenu ul li.f4{width:25%;}
#fmenu ul.y li{width:11.1%;}
#fmenu ul li::before {
  content: "";
  display: block;
  width: 1px;
  height: 18px;
  margin-top: 17px;
  background: #ccc;
  float: right;
}
#fmenu ul li:last-child::before {
  width: 0px;
}
#fmenu ul li a{color:#444;}
#fmenu ul li span{display:block;position:absolute;bottom:-1px;left:40%;width:20%;height:3px;background:#ccc;}
#fmenu ul li.cur span{background:#003366;}
#fmenu ul li.cur a{color:#003366;}
#xlb{border-bottom:1px solid #ccc;height:50px;}
#xlb ul{}
#xlb ul li{padding:0;height:50px;line-height:50px;display:inline-block;position:relative;text-align:center;}
#xlb ul li::before {
  content: "";
  display: block;
  width: 1px;
  height: 18px;
  margin-top: 17px;
  background: #ccc;
  float: right;
}
#xlb ul li:last-child::before {
  width: 0px;
}
#xlb ul li a{color:#444;width:100%;text-align:center;display:block;padding:0 30px;}
#xlb ul li span{display:block;position:absolute;bottom:-1px;left:40%;width:20%;height:3px;background:#ccc;}
#xlb ul li.cur span{background:#003366;}
#xlb ul li.cur a{color:#003366;}

#fmiddle{margin:0 auto;padding:0;background:#fff;height:100%;overflow:auto;}
#fmiddle #nr{width:94%;margin:0 auto;padding:20px 0;background:#fff;height:100%;overflow:auto;}
#fmiddle #nr #danye{margin:0 auto;padding:0;text-align:left;width:100%;font-size:18px;line-height:180%;}
#fmiddle #nr #danye img{max-width:100%;}
#fmiddle #nr #danye p{text-indent:0;font-size:18px;}
@media screen and (max-width:425px)
{
#fmenu{height:40px;}
#fmenu ul li{height:40px;line-height:40px;}
#fmenu ul li::before {
  height: 15px;
  margin-top: 14px;
}
#xlb{height:40px;}
#xlb ul li{height:40px;line-height:40px;}
#xlb ul li a{padding:0 24px;}
#xlb ul li::before {
  height: 15px;
  margin-top: 14px;
}
#fmiddle #nr{padding:15px 0px;}
#fmiddle #nr #danye{font-size:14px;}
#fmiddle #nr #danye p{text-indent:0;font-size:14px;}
}
@media screen and (max-width:320px)
{
#fmiddle #nr{padding:15px 0px;}
#fmiddle #nr #danye{font-size:12px;}
#fmiddle #nr #danye p{text-indent:0;font-size:12px;}
}
/*子页学校简介*/
.section{width:100%;}
.section .bt{width:100%;background:#015198;color:#fff;height:auto;margin:0px auto;padding:20px 0px;}
.section .bt i{font-style:normal;margin:0px auto;padding:0px;display:block;width:100%;text-align:center;line-height:150%;font-size:24px;font-weight:400;position:relative;}
.section .bt  b{color:#fff;font-size:40px;display:block;text-align:center;width:100%;margin:0 auto;padding:0;line-height:150%;}
.section .nr{width:87%;margin:0 auto;padding:10px;text-align:left;background:#fff;font-size:14px;line-height:24px;}
.section .nr img{max-width:100%;}
#fry{margin:0px auto;padding:40px 0px 40px 0px;width:87%;color:#000;position:relative;background:#fff;overflow:hidden;}
#fry #tplb{margin:0px auto;padding:20px 0px 0px 0px;width:100%;}
#fry #tplb ul{width:100%;}
#fry #tplb ul li{float:left;width:25%;}
#fry #tplb ul li .tp{margin:0px auto;padding:0px;width:90%;text-align:center;border:1px solid #ccc;padding:1px;background:#f7f7f7;overflow:hidden;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
#fry #tplb ul li .tp img{}
#fry #tplb ul li p{margin:0px auto;padding:10px 0 0 0;line-height:24px;height:48px;font-size:16px;text-align:left;text-indent:0;width:90%;overflow:hidden;}
#fry #tplb ul li p a{color:#222;}
@media screen and (max-width:550px)
{
.section .nr{width:90%;}
#fry #tplb ul li{width:33.33%;}
}
@media screen and (max-width:425px)
{
#fry #tplb ul li{width:50%;}
.section .bt i{font-size:18px;}
.section .bt b{font-size:28px;}
}
/*老师显示*/
#fmiddle #tx{margin:0 auto;padding:0;width:100%;}
#fmiddle #tx ul{width:100%;}
#fmiddle #tx ul li{width:33.33%;margin:0 auto;padding:20px 0;float:left;box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;height:auto;}

#fmiddle #tx ul li .tnr{margin:0 auto;padding:3px;width:94%;border:1px solid #dbdbdb;background:#fff;height:100%;overflow:hidden;-webkit-box-shadow: 0 0 5px rgba(0,0,0,.7);-moz-box-shadow: 0 0 5px rgba(0,0,0,.7);-ms-box-shadow: 0 0 5px rgba(0,0,0,.7);-o-box-shadow: 0 0 5px rgba(0,0,0,.7);box-shadow: 0 0 5px rgba(0,0,0,.7);position:relative;}
#fmiddle #tx ul li .tnr .tbg{float:left;width:100%;margin:0 auto;padding:0;overflow:hidden;position:relative;}
#fmiddle #tx ul li .tnr .tbg img{width:100%;cursor:pointer;-position:relative;
}

#fmiddle #tx ul li .tnr .tbg p{position: absolute;margin:0 auto;padding:0;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=1); opacity: 1; -moz-opacity: 1;
    background: rgba(0, 0, 0, .3);
    transition: all 0.5s ease;}
#fmiddle #tx ul li .tnr .tbg p b{ position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    width: 60%;
    color: #fff;
    text-align: center;
    font-size: 1rem;
    padding: 0.5rem 0;}
#fmiddle #tx ul li .tnr .tbg p b::before{
content: '';
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;}
#fmiddle #tx ul li .tnr .tbg p b::after{    content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;}




#fmiddle #tx ul li .tnr span{display:block;width:100%;margin:0 auto;padding:10px;height:100%;overflow:auto;text-align:left;line-height:150%;color:#333;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}

@media screen and (max-width:550px)
{
#fmiddle #tx ul li{padding:15px 0;width:50%;}
#fmiddle #tx ul li .tnr{padding:2px;-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);-ms-box-shadow: 0 0 3px rgba(0,0,0,.7);-o-box-shadow: 0 0 3px rgba(0,0,0,.7);box-shadow: 0 0 3px rgba(0,0,0,.7);}
}
@media screen and (max-width:375px)
{
#fmiddle #tx ul li{width:100%;padding:10px 0;}
}
/*新闻*/
#fmiddle #nr #xwlb{width:100%;margin:0 auto;}
#fmiddle #nr #xwlb ul{list-style:none;padding:0px;margin:0px auto;width:100%;height:100%;overflow:auto;}
#fmiddle #nr #xwlb ul li{float:left;text-align:left;width:50%;margin:0 auto;padding:20px 0px 20px 0px;}
#fmiddle #nr #xwlb ul li .xbg{width:94%;margin:0 auto;padding:0;}
#fmiddle #nr #xwlb ul li .xbg .tp{width:100%;height:200px;overflow:hidden;}
#fmiddle #nr #xwlb ul li .xbg .tp img{width:100%;}

#fmiddle #nr #xwlb ul li .bt{margin:0px auto;padding:5px 0px 0px 0px;width:100%;}
#fmiddle #nr #xwlb ul li .bt p{margin:0 auto;padding:5px 0px 5px 0px;overflow:hidden;}
#fmiddle #nr #xwlb ul li .bt p a{font-size:24px;font-weight:800;color:#333333;line-height:40px;}
#fmiddle #nr #xwlb ul li .bt p a:hover{color:#000;text-decoration:none;}
#fmiddle #nr #xwlb ul li .bt span{line-height:28px;font-size:16px;color:#666;height:56px;overflow:hidden;display:block;width:100%;}
#fmiddle #nr #xwlb ul li .more{float:right;height:32px;width:90px;line-height:32px;text-align:center;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;margin-top:5px;border:1px solid #dbdbdb;}
#fmiddle #nr #xwlb ul li .more:hover{border:1px solid #666;}
#fmiddle #nr #xwlb ul li .more a{color:#969696;display:block;width:100%;line-height:32px;margin:0 auto;font-size:14px;}
#fmiddle #nr #xwlb ul li .more:hover a{color:#333;text-decoration:none;}

@media screen and (max-width:550px)
{
#fmiddle #nr #xwlb ul li{padding:16px 0px;}
#fmiddle #nr #xwlb ul li .bt p a{font-size:20px;line-height:32px;}
#fmiddle #nr #xwlb ul li .bt span{line-height:24px;font-size:14px;height:48px;}
}

@media screen and (max-width:425px)
{
#fmiddle #nr #xwlb ul li{padding:14px 0px;width:100%;}
#fmiddle #nr #xwlb ul li .bt p a{font-size:18px;line-height:28px;}
#fmiddle #nr #xwlb ul li .bt span{line-height:20px;font-size:12px;height:40px;}
#fmiddle #nr #xwlb ul li .more{width:80px;height:28px;line-height:28px;}
#fmiddle #nr #xwlb ul li .more a{font-size:12px;line-height:28px;}
}

@media screen and (max-width:360px)
{
#fmiddle #nr #xwlb ul li{padding:10px 0px;}
#fmiddle #nr #xwlb ul li .bt p a{font-size:16px;line-height:24px;}
#fmiddle #nr #xwlb ul li .bt span{line-height:20px;font-size:12px;height:40px;}
}
@media screen and (max-width:320px)
{
#fmiddle #nr #xwlb ul li .bt p a{font-size:14px;line-height:20px;}
#fmiddle #nr #xwlb ul li .bt span{line-height:18px;font-size:10px;height:36px;}
#fmiddle #nr #xwlb ul li .more{width:60px;height:24px;line-height:24px;}
#fmiddle #nr #xwlb ul li .more a{font-size:10px;line-height:24px;}
}
/*图文*/
#fmiddle #nr #tplb{margin:0px auto;padding:0px;width:100%;height:100%;overflow:hidden;}
#fmiddle #nr #tplb ul{list-style:none;margin:0px auto;padding:0px;width:100%}
#fmiddle #nr #tplb ul li{float:left;width:33.33%;margin:0px auto;padding:0px;position:relative;text-align:center;z-index:0;height:100%;margin-bottom:20px;overflow:auto;}
#fmiddle #nr #tplb ul li .tbg{width:90%;padding:0px;margin:0 auto;height:180px;text-align:center;overflow:hidden;border:1px solid #dbdbdb;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
#fmiddle #nr #tplb ul li .tbg img{margin:0 auto;padding:0px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}

#fmiddle #nr #tplb ul li span{width:90%;margin:0 auto;padding:0;height:36px;line-height:36px;font-size:14px;display:block;background:#44cef6;color:#fff;margin-top:5px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#fmiddle #nr #tplb ul li span a{color:#fff;}
@media screen and (max-width:550px)
{
#fmiddle #nr #tplb ul li{width:50%;}
#fmiddle #nr #tplb ul li span{font-size:12px;height:30px;line-height:30px;}
}
@media screen and (max-width:360px)
{
#fmiddle #nr #tplb ul li{width:100%;}
}
/*其他方式*/
#fmiddle #nr #qtlb{margin:0 auto;padding:0;width:94%;}
#fmiddle #nr #qtlb ul{width:100%;}
#fmiddle #nr #qtlb ul li{float:left;width:100%;margin:0 auto;padding:20px 0px;border-bottom:2px dashed #ccc;}
#fmiddle #nr #qtlb ul li .hbg{width:40%;float:left;margin:0 auto;padding:5px;border:1px solid #dbdbdb;background:#fff;
-webkit-box-shadow: 0 0 8px rgba(0,0,0,.5);-moz-box-shadow: 0 0 8px rgba(0,0,0,.5);-ms-box-shadow: 0 0 8px rgba(0,0,0,.5);-o-box-shadow: 0 0 8px rgba(0,0,0,.5);box-shadow: 0 0 8px rgba(0,0,0,.5);
}

#fmiddle #nr #qtlb ul li .hbg .tp{width:100%;height:auto;overflow:hidden;}
#fmiddle #nr #qtlb ul li .hbg .tp img{width:100%;margin:0 auto;padding:0px;display:block;}
#fmiddle #nr #qtlb ul li .hbg .tp img.on{display:none;}
#fmiddle #nr #qtlb ul li .rnr{float:right;width:55%;margin:0 auto;padding:0;}
#fmiddle #nr #qtlb ul li.r .hbg{float:right;}
#fmiddle #nr #qtlb ul li.r .rnr{float:left;}
#fmiddle #nr #qtlb ul li .rnr .rbt{font-size:20px;line-height:36px;text-align:left;font-weight:800;}
#fmiddle #nr #qtlb ul li .rnr .rms{text-align:left;line-height:24px;font-size:14px;color:#4c4c4c;}

@media screen and (max-width:425px)
{
#fmiddle #nr #qtlb ul li .hbg{width:100%;float:none;padding:3px;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);-moz-box-shadow: 0 0 5px rgba(0,0,0,.5);-ms-box-shadow: 0 0 5px rgba(0,0,0,.5);-o-box-shadow: 0 0 5px rgba(0,0,0,.5);box-shadow: 0 0 5px rgba(0,0,0,.5);
}
#fmiddle #nr #qtlb ul li .hbg .tp img{display:none;}
#fmiddle #nr #qtlb ul li .hbg .tp img.on{display:block;}
#fmiddle #nr #qtlb ul li .rnr{float:none;width:100%;margin-top:15px;}
}
@media screen and (max-width:375px)
{
#fmiddle #nr #qtlb ul li .rnr .rbt{font-size:18px;margin-top:10px;}
#fmiddle #nr #qtlb ul li .rnr .rms{font-size:12px;line-height:20px;}
}



/*联系我们*/
#lxwm{width:94%;margin:0px auto;padding:40px 0px 20px 0px;overflow:auto;height:100%;}
#lxwm #left{margin:0 auto;padding:0;width:100%;}
#lxwm #left dl{width:100%;margin:0 auto;padding:0;}
#lxwm #left dl dt{width:100%;color:#00a0e9;font-size:16px;line-height:30px;padding:0 0 15px 0;text-align:left;}
#lxwm #left dl dd{width:100%;float:left;margin:0 auto;padding:0 0 5px 0;}
#lxwm #left dl dd .mtx{height:38px;border:1px solid #00a0e9;margin:0 auto;padding:0 0 0 1%;width:100%;font-size:16px;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
#lxwm #left dl dd input::-webkit-input-placeholder {
        color: #727171;
      }
#lxwm #left dl dd input::-moz-input-placeholder {
        color: #727171;
      }
#lxwm #left dl dd input::-ms-input-placeholder {
        color: #727171;
      }
#lxwm #left dl dd .mtx2{height:140px;border:1px solid #00a0e9;margin:0 auto;padding:0 0 0 1%;width:100%;font-size:16px;line-height:20px;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
#lxwm #left dl dd .y_but{background:#7b7b7b;width:100%;height:45px;text-align:center;cursor:pointer;border:0px;margin:0px auto;padding:0px;color:#fff;display:block;border-radius:5px;font-size:20px;}
#lxwm #mid{margin:0 auto;padding:0;width:100%;margin-top:20px;clear:both;;} 
@media screen and (max-width:425px)
{
#lxwm{padding-top:20px;}
#lxwm #left dl dt{font-size:14px;padding-bottom:10px;line-height:24px;}
#lxwm #left dl dd .mtx{height:30px;line-height:30px;font-size:14px;}
#lxwm #left dl dd .mtx2{line-height:18px;height:126px;font-size:14px;}
#lxwm #left dl dd .y_but{font-size:16px;line-height:40px;height:40px;;}
}

#xxnr{margin:0 auto;padding:0px;font-size:12px;line-height:180%;width:100%;position:relative;}
#xxnr #bt{font-weight:800;font-size:20px;text-align:left;width:96%;margin:0 auto;line-height:24px;border-bottom:2px solid #727171;color:#727171;padding-bottom:10px;margin-top:20px;}
#xxnr #ly{font-size:12px;text-align:center;width:100%;margin:0 auto;line-height:30px;color:#666;padding:0px;}
#xxnr #tp{margin:0 auto;padding:0;text-align:center;}
#xxnr img{max-width:100%;vertical-align:middle;}
#xxnr #nr{text-align:left;font-size:14px;width:96%;margin:0 auto;padding:10px 0;}
#xxnr #nr p{text-indent:0;}
#xxnr #nr img{max-width:100%;}

#xxnr #detail{text-align:left;margin:0px auto;padding:20px 0px;border:0px;width:100%;line-height:180%;font-size:18px;overflow:hidden;}
#xxnr #detail img{max-width:100%;}
#xxnr #job{margin:0 auto;padding:10px 0 0 0;width:100%;}
#xxnr #job a{background:#cc3300;height:50px;line-height:50px;width:200px;color:#fff;border-radius:5px;display:block;margin:0 auto;padding:0;text-align:center;text-decoration:none;}


@media screen and (max-width:360px)
{
#xxnr #bt{font-size:18px;margin-top:10px;}
#xxnr #nr{font-size:12px;}
#xxnr #detail{padding:10px 0px;font-size:14px;}
}


.fy{width:85%;margin:0 auto;padding:0;height:100%;overflow:auto;margin-bottom:15px;}
.fy a{display:block;width:33.33%;height:32px;line-height:32px;text-align:center;border-radius:5px;font-size:16px;}
.fy a.p{float:left;color:#fff;background:#727171;}
.fy a.n{float:right;color:#fff;background:#727171;}
.fy a.d{float:left;color:#000;}
.fy a.d i{font-style:normal;color:#727171;padding-right:5px;}
.fy a.d b{font-weight:400;padding-left:5px;color:#000;}
.fy a.no{background:#969696;}

.ffy{width:85%;margin:0 auto;padding:0;height:100%;overflow:auto;margin-bottom:15px;}
.ffy a{display:block;width:33.33%;height:45px;line-height:45px;text-align:center;}
.ffy a.p{float:left;color:#727171;}
.ffy a.n{float:right;color:#727171;}
.ffy a i{font-size:45px;}
.ffy a.no{color:#ccc;}

#fmiddle .dxw{margin:0 auto;padding:0;width:100%;clear:both;margin-top:20px;}
#fmiddle .dxw h3{font-size:16px;line-height:45px;height:45px;text-align:center;border-top:2px solid #727171;background:#e4e4e4;margin:0 auto;padding:0;}
#fmiddle .dxw ul{width:95%;margin:0 auto;}
#fmiddle .dxw ul li{float:left;width:100%;margin:0 auto;padding:0px;text-align:left;line-height:30px;height:30px;border-bottom:1px dashed #dbdbdb;position:relative;z-index:0;}
#fmiddle .dxw ul li a{margin:0 auto;padding:0 5% 0 0;color:#000;font-size:14px;width:95%;z-index:1;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#fmiddle .dxw ul li i{position:absolute;right:10px;top:5px;font-size:18px;color:#666;z-index:2;display:block;}
/*求职表*/
#xxnr #mjob{margin:0 auto;padding:0;width:100%;}
#xxnr #mjob dt{margin:0 auto;padding:0;width:100%;float:left;height:60px;line-height:60px;text-align:center;}
#xxnr #mjob dt.t{text-align:left;padding-bottom:5px;}
#xxnr #mjob dd{margin:0 auto;padding:8px 10px;float:left;width:49%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;height:58px;margin-right:1px;}
.color1{background:#f7f7ed;}
.color2{background:#f7f7ed;}
.color3{background:#EBF2F9;}
.color4{background:#EBF2F9;}
#xxnr #mjob dd.j{width:100%;}
#xxnr #mjob dd.j2{width:100%;}
#xxnr #mjob dd.j3{width:100%;}
#xxnr #mjob dd.jt{width:100%;height:130px;}
#xxnr #mjob dd.err{width:100%;color:#ff0000;text-align:left;margin:0 auto;padding:0 0 0 10px;height:30px;line-height:30px;}
#xxnr #mjob dd .jradio{  /*去除浏览器默认样式*/
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;margin-right:3px;
        /*自定义样式*/
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 16px;
        height: 16px;top:-2px;
        border: 1px solid #00bfff;
        outline: none;
        cursor: pointer;
        /*设置为圆形，看起来是个单选框*/
        -webkit-border-radius:16px;
        -moz-border-radius: 16px;
        border-radius: 16px;}
#xxnr #mjob dd .jradio:after{ content: '';
        position: absolute;
        width: 8px;
        height: 8px;
        display: block;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        background: #00bfff;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
        /*增加一些动画*/
        -webkit-transition : all ease-in-out 300ms;
        -moz-transition : all ease-in-out 300ms;
        transition : all ease-in-out 300ms;}
#xxnr #mjob dd .jradio:checked:after{  -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);}

#xxnr #mjob dd span{padding:0 10px 0 5px;text-align:left;word-break:keep-all;float:left;line-height:40px;}
#xxnr #mjob dd .mselect{position:relative;width:40%;margin:0 auto;padding:0;float:left;} 
#xxnr #mjob dd .mselect .jselect{margin:0 auto;padding:0 0 0 10px;height:40px;line-height:40px;font-size:14px;border:1px solid #dbdbdb!important;width:100%;position:relative;z-index:0;}
#xxnr #mjob dd .mselect i{position:absolute;right:12px;top:8px;z-index:9999;font-size:20px;}
#xxnr #mjob dd .jtxt{height:40px;line-height:40px;font-size:14px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;width:100%;border:1px solid #dbdbdb;padding:0 5px;margin:0 auto;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;float:left;}
#xxnr #mjob dd .jtxt:focus{border:1px solid #0093dd;}
#xxnr #mjob dd .w1{width:50%;}
#xxnr #mjob dd .w2{width:25%;}
#xxnr #mjob dd .jl{width:31%;margin-right:2%;}
#xxnr #mjob dd .jr{width:31%;}
#xxnr #mjob dd .jtxt2{
font-size:14px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;width:100%;border:1px solid #dbdbdb;padding:0 5px;margin:0 auto;line-height:24px;height:120px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
}
#xxnr #mjob dd .jtxt2:focus{border:1px solid #0093dd;}
#xxnr #mjob dd .bb{height:45px;line-height:45px;font-size:20px;width:30%;margin:0 auto;padding:0;border:0;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;background:#cc3300;color:#fff;cursor:pointer;}
@media screen and (max-width:550px)
{
#xxnr #mjob dd .mselect{width:50%;}
#xxnr #mjob dd .w1{width:70%;}
#xxnr #mjob dd .w2{width:35%;}
#xxnr #mjob dd .bb{width:40%;}
}
@media screen and (max-width:425px)
{
#xxnr #mjob dt{height:50px;line-height:50px;}
#xxnr #mjob dd .w2{width:40%;}
#xxnr #mjob dd .mselect{width:90%;}
#xxnr #mjob dd .jl{width:100%;margin-right:0;margin-bottom:5px;}
#xxnr #mjob dd .jr{width:100%;}
#xxnr #mjob dd.j{height:145px;}
#xxnr #mjob dd .bb{width:50%;font-size:18px;}
}

@media screen and (max-width:360px)
{
#xxnr #mjob dd{width:100%;margin-right:0px;}
.color1{background:#f7f7ed;}
.color2{background:#EBF2F9;}
.color3{background:#f7f7ed;}
.color4{background:#EBF2F9;}
#xxnr #mjob dd .bb{width:100%;}
}


/*招聘*/
#fmiddle #nr #zp{width:100%;margin:0 auto;}
#fmiddle #nr #zp ul{list-style:none;padding:0px;margin:0px auto;width:100%;height:100%;overflow:auto;}
#fmiddle #nr #zp ul li{text-align:left;width:100%;padding:0px;height:100px;position:relative;margin-top:10px;margin-bottom:10px;border-bottom:1px solid #ccc;overflow:hidden;}
#fmiddle #nr #zp ul li .sj{float:left;margin:0px auto;padding:0px;width:18%;height:90px;background:#76c5f0;color:#fff;}
#fmiddle #nr #zp ul li .sj span{display:block;float:left;}
#fmiddle #nr #zp ul li .sj span.s1{font-size:32px;font-weight:800;margin:0px auto;padding:20px 0px 0px 0px;text-align:center;width:100%;font-family:'AlternateGothic2BTRegular';letter-spacing:3px;}
#fmiddle #nr #zp ul li .sj span.s1 b{font-size:20px;padding-left:5px;}
#fmiddle #nr #zp ul li .sj span.s2{text-align:right;width:95%;padding:5px 5% 0px 0px;font-size:12px;}
#fmiddle #nr #zp ul li .bt{float:left;margin:0px auto;padding:5px 0px 0px 0px;width:76%;margin-left:2%;}
#fmiddle #nr #zp ul li .bt p{margin:0 auto;padding:0px;line-height:40px;overflow:hidden;}
#fmiddle #nr #zp ul li .bt p a{font-size:14px;font-weight:800;color:#333333;line-height:40px;}
#fmiddle #nr #zp ul li .bt p a:hover{color:#000;text-decoration:none;}
#fmiddle #nr #zp ul li .bt span{line-height:20px;font-size:14px;color:#666;height:40px;overflow:hidden;display:block;width:100%;}
#fmiddle #nr #zp ul li .more{float:right;height:90px;width:4%;line-height:90px;text-align:center;}
#fmiddle #nr #zp ul li .more a{color:#000;display:block;width:100%;margin:0 auto;font-size:28px;}
@media screen and (max-width:425px)
{
#fmiddle #nr #zp ul li{height:90px;} 
#fmiddle #nr #zp ul li .sj{height:80px;}
#fmiddle #nr #zp ul li .sj span.s1{font-size:28px;padding:16px 0px 0px 0px;letter-spacing:3px;}
#fmiddle #nr #zp ul li .sj span.s1 b{font-size:16px;padding-left:2px;}
#fmiddle #nr #zp ul li .bt p{line-height:32px;}
#fmiddle #nr #zp ul li .bt p a{line-height:32px;}
#fmiddle #nr #zp ul li .more{height:80px;line-height:80px;}
}
@media screen and (max-width:375px)
{
#fmiddle #nr #zp ul li{height:85px;margin-bottom:5px;margin-top:5px;} 
#fmiddle #nr #zp ul li .sj{width:20%;}
#fmiddle #nr #zp ul li .sj span.s1{font-size:24px;padding:16px 0px 0px 0px;letter-spacing:2px;}
#fmiddle #nr #zp ul li .sj span.s1 b{font-size:14px;padding-left:0px;}
#fmiddle #nr #zp ul li .sj span.s2{width:97%;padding:5px 2% 0px 0px;}
#fmiddle #nr #zp ul li .bt span{line-height:18px;font-size:12px;height:36px;}
#fmiddle #nr #zp ul li .bt{width:74%;}
}
@media screen and (max-width:360px)
{
#fmiddle #nr #zp ul li .sj{width:23%;}
#fmiddle #nr #zp ul li .bt{width:71%;}
}

/*在线报名*/
#zxnr{margin:0px auto;padding:30px 0px 0px 0px;}
#zxnr dl{margin:0px auto;padding:0px;width:90%;}
#zxnr dl dd{width:100%;text-align:left;float:left;border:0px;margin:0px auto;padding:5px 0px 5px 0px;}
#zxnr dl dd.l{width:49%;padding-right:1%;}
#zxnr dl dd.r{width:49%;padding-left:1%;}

#zxnr dl dt{font-size:16px;color:#00a0e9;text-align:left;}
#zxnr dl dd .y_t{width:100%;height:36px;line-height:36px;background:#e4e4e4;color:#343422;border:0px;margin:0px auto;padding:0px 0px 0px 5px;border-radius:3px;font-size:14px;}
#zxnr dl dd b{line-height:36px;padding-right:5px;font-weight:400;display:inline-block;font-size:14px;}
#zxnr dl dd .fc{  /*去除浏览器默认样式*/
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;margin-right:3px;
        /*自定义样式*/
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 16px;
        height: 16px;top:-2px;
        border: 1px solid #00bfff;
        outline: none;
        cursor: pointer;
        /*设置为圆形，看起来是个单选框*/
        -webkit-border-radius:16px;
        -moz-border-radius: 16px;
        border-radius: 16px;}
#zxnr dl dd .fc:after{ content: '';
        position: absolute;
        width: 8px;
        height: 8px;
        display: block;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        background: #00bfff;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
        /*增加一些动画*/
        -webkit-transition : all ease-in-out 300ms;
        -moz-transition : all ease-in-out 300ms;
        transition : all ease-in-out 300ms;}
#zxnr dl dd .fc:checked:after{  -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);}


#zxnr dl dd span{display:inline-block;margin-right:10px;line-height:36px;font-size:14px;color:#222;}
#zxnr dl dd p{color:#ff0000;font-weight:600;text-align:left;margin:0 auto;padding:0;text-indent:0;}
#zxnr dl dd .znr{width:100%;height:96px;line-height:24px;background:#e4e4e4;color:#343422;border:0px;margin:0px auto;padding:0px 0px 0px 5px;border-radius:3px;font-size:14px;}

#zxnr dl dd .y_but{background:#666;width:100%;height:45px;text-align:center;cursor:pointer;border:0px;margin:0px auto;padding:0px;color:#fff;display:block;border-radius:5px;font-size:18px;}
#zxnr dl dd .y_but:hover{background:#333;}

@media screen and (max-width:425px)
{
#zxnr dl dd.l{width:100%;padding-right:0;}
#zxnr dl dd.r{width:100%;padding-left:0;}
}

@media screen and (max-width:360px)
{
#zxnr dl dt{font-size:14px;}
#zxnr dl dd .y_t{height:32px;line-height:32px;font-size:12px;}
#zxnr dl dd .znr{height:80px;line-height:20px;font-size:12px;}
#zxnr dl dd .y_but{height:40px;line-height:40px;font-size:14px;}
}


/*家长咨询*/
#zx{margin:0px auto;padding:30px 0px 0px 0px;}
#zx dl{margin:0px auto;padding:0px;width:90%;}
#zx dl dd{width:100%;text-align:left;float:left;border:0px;margin:0px auto;padding:5px 0px 5px 0px;}
#zx dl dt{font-size:16px;color:#00a0e9;text-align:left;}
#zx dl dd .y_t{width:100%;height:36px;line-height:36px;background:#e4e4e4;color:#343422;border:0px;margin:0px auto;padding:0px 0px 0px 5px;border-radius:3px;font-size:14px;}
#zx dl dd .znr{width:100%;height:96px;line-height:24px;background:#e4e4e4;color:#343422;border:0px;margin:0px auto;padding:0px 0px 0px 5px;border-radius:3px;font-size:14px;}
#zx dl dd .y_but{background:#666;width:100%;height:45px;text-align:center;cursor:pointer;border:0px;margin:0px auto;padding:0px;color:#fff;display:block;border-radius:5px;font-size:18px;}
#zx dl dd .y_but:hover{background:#333;}

@media screen and (max-width:1366px)
{
#zx dl dt{font-size:14px;}
#zx dl dd .y_t{height:32px;line-height:32px;font-size:12px;}
#zx dl dd .znr{height:80px;line-height:20px;font-size:12px;}
#zx dl dd .y_but{height:40px;line-height:40px;font-size:14px;}
}
.bline{margin: 0 auto;padding:0;width:100%;margin-top:40px;}
.bline img{margin:0 auto;padding:0;width:100%;}
#bfooter{width:100%;margin:0 auto;padding:50px 0px 50px 0px;position:relative;background:#015198;height:100%;overflow:auto;margin-top:0px;}
#bfooter #mid{margin:0 auto;padding:0;width:90%;font-size:18px;line-height:34px;color:#fff;height:100%;overflow:auto;position:relative;z-index:0;}

#bfooter #mid #bleft{width:100%;}
#bfooter #mid #bleft ul{width:100%;}
#bfooter #mid #bleft ul li{text-align:left;line-height:32px;width:100%;float:left;margin:0 auto;height:100%;overflow:auto;font-size:16px;}
#bfooter #mid #bleft ul li b{line-height:50px;font-weight:400;}
#bfooter #mid #bleft ul li b.bt{font-size:20px;}
#bfooter #mid #bleft ul li i{font-style:normal;padding-right:10px;font-size:18px;}
#bfooter #mid #bleft ul li b.tel{font-size:28px;padding-left:20px;font-family:'impact-webfont',arial;}
#bfooter #mid #bleft ul li span{}



#bfooter #mid .bq{font-size:14px;border-top:1px solid #ccc;line-height:20px;color:#ccc;margin:0 auto;padding:10px 0 0 0;}
#bfooter #mid .bq a{color:#ccc;padding-left:20px;}
#bfooter #mid .bq a:hover{color:#fff;}
@media screen and (max-width:425px)
{
#bfooter{width:100%;margin:0 auto;padding:30px 0px 50px 0px;}
#bfooter #mid #bleft ul li{line-height:24px;font-size:14px;}
#bfooter #mid #bleft ul li b{line-height:40px;}
#bfooter #mid #bleft ul li b.bt{font-size:18px;}
#bfooter #mid #bleft ul li i{padding-right:8px;font-size:16px;}
#bfooter #mid #bleft ul li b.tel{font-size:24px;padding-left:15px;}

#bfooter #mid .bq{font-size:12px;padding-top:6px;}

}
@media screen and (max-width:375px)
{
#bfooter #mid #bleft ul li b.tel{font-size:20px;padding-left:10px;}
}
@media screen and (max-width:320px)
{
#bfooter{width:100%;margin:0 auto;padding:20px 0px 50px 0px;}
#bfooter #mid #bleft ul li{line-height:20px;font-size:12px;}
#bfooter #mid #bleft ul li b{line-height:30px;}
#bfooter #mid #bleft ul li b.bt{font-size:16px;}
#bfooter #mid #bleft ul li i{padding-right:5px;font-size:14px;}
#bfooter #mid #bleft ul li b.tel{font-size:20px;padding-left:10px;}

}
/*横向排列，水平居中*/
.flex-w
{
display: box;              /* OLD - Android 4.4- */
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-orient: horizontal;
  /* 12版 */
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
 -webkit-box-pack: center;
  /* 12版 */
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.flex-h2{
display: box;              /* OLD - Android 4.4- */
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
 -webkit-box-pack: align-items;
  -webkit-justify-content: align-items;
  -moz-justify-content: align-items;
  -ms-justify-content: align-items;
  -o-justify-content: align-items;
  justify-content: align-items;  
-webkit-box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
/*竖向排列，垂直居中*/
.flex-v{
display: box;              /* OLD - Android 4.4- */
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-orient: vertical;
  /* 12版 */
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column; 
  -webkit-box-pack: center;
  /* 12版 */
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
