@charset "utf-8";
/* 禁用iPhone中Safari的字号自动调整 */
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: 1rem;
}
/* 去除iPhone中默认的input样式  清除苹果浏览器的圆角表单*/
input[type="submit"],  input[type="reset"],  input[type="button"],  input {
	-webkit-appearance: none;
	resize: none;
}
/* 取消链接高亮  */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* 设置HTML5元素为块 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
/* 图片自适应 */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	-ms-interpolation-mode: bicubic;/*为了照顾ie图片缩放失真*/
}
/* 初始化 */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	margin: 0;
	padding: 0;
	border: none;
	font-size:0.24rem;
}
body {
	font-family: Microsoft YaHei;
	color: #555;
	position: relative;
	margin: 0 auto;
}
em, i {
	font-style: normal;
}
strong {
	font-weight: normal;
}
.clearfix:after {
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}
.clearfix {
	zoom: 1;
}
a {
	text-decoration: none;
	color: #969696;
	font-family: Microsoft YaHei, Tahoma, Arial, sans-serif;
}
a:hover {
	text-decoration: none;
}
ul, ol {
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-family: Microsoft YaHei;
}
img {
	border: none;
	display: block;
}

/*header*/
header{width:100%; height:44px; text-align:center; line-height:44px; overflow:hidden; background:#333333; position:relative;}
.logo{width:66px; height:44px; float:left; }
.home{width:20px; height:19px; float:right; margin-right:16px; margin-top:14px; }
header p{display:inline-block; width:60%; color:#ffffff; font-size:18px; font-weight:bold; position:absolute; left:50%; margin-left:-30%; top:0px;}
.box{ width:92.18%; margin:0 auto; position:relative;  padding-bottom:0.5rem;}
.box .line{ position:absolute; width:28%; height:2px; background:#bfbfbf; bottom:4px;}
.box .line1{ left:5%;}
.box .line2{ right:5%;}


.swiper-container {
  width:100%;
  margin:0 auto;
  box-shadow:#aad6c8 0px 6px 16px;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.btn{ width:100%; text-align:center; overflow:hidden;}
.btn a{ display:inline-block;}
.btn a.zx{ width:43.75%; height:1.1rem; background:url(../images/zxxq.png) no-repeat; background-size:100% 100%;}
.btn a.phone{width:50%; height:1.1rem;  background:url(../images/phone.png) no-repeat; background-size:100% 100%;}

.login{ width:92.18%; overflow:hidden; margin:0 auto;}
#form{ float:right; width:51.86%; overflow:hidden; height:3.8rem; padding-top:0.8rem; box-sizing:border-box;}

.fb_course{ width:92.18%; margin:0 auto; overflow:hidden; border-radius:4px; background:#FFF; box-shadow:#a2d2c1 0 8px 18px;}
.fb_course table{ width:100%; text-align:center; padding:0 6.1%;  background:#009966; box-sizing:border-box;}
.fb_course table tr th{ color:#FFF; font-weight:bold; font-size:0.26rem; height:0.6rem;}
#course_ct{ background:#FFF; width:89.1%; margin:0 auto; overflow:hidden; padding:0px;}
#course_ct tr td{ height:0.8rem; border-bottom:1px solid #eeeeee; color:#262d3f; font-size:0.22rem;}
#course_ct tr td:nth-child(2){ color:#23a072; font-weight:bold;}
#course_ct tr:nth-last-child(1) td{ border:0px; }
#course_ct tr td:nth-child(1){ position:relative;}
#course_ct tr td:nth-child(1):before{  content:''; width:6px; height:6px; background:url(../images/j.png) no-repeat; background-size:100% 100%; position:absolute; left:0.1rem; top:30%;}
#course_ct tr td img{ display:inline-block; vertical-align:middle; width:0.26rem; height:auto; margin-left:4px;}


#online{ width:92.18%; margin:0 auto; overflow:hidden; height:1rem;}
#online span{ float:left; width:25%; height:0.7rem; overflow:hidden; background:url(../images/span_bg.jpg) left 0.1rem repeat-x; background-size:100% 60%; color:#FFF; font-size:0.24rem; text-align:center; line-height:0.6rem; }
#online span.se{ background:url(../images/span_se.png) no-repeat; background-size:100% 100%; font-weight:bold; font-size:0.26rem;}
#online_content{ width:92.18%; margin:0 auto; overflow:hidden;  box-shadow:#a2d2c1 0 8px 10px;  border-radius:4px; }
#online_content .ever{ display:none;}
#online_content .active{ display:block;}



#lh{ width:100%; margin:0 auto; overflow:hidden; background:#FFF;  }
#lh .s_tit{width: 100%; background:#009966; }
#lh .s_tit tr th{width: 50%; height: 0.6rem; vertical-align: middle; color: #fff; font-size: 0.26rem; text-align: center;}
#lh .s_tit tr th:first-child{border-radius: 5px 0 0 0;}
#lh .s_tit tr th:last-child{border-radius: 0 5px 0 0;}

#lh .s_box{width: 91.18%; margin: 0 auto; background:#FFF;}
#lh .s_box tr td{color: #333b47; font-weight: bold; font-size: 0.24rem; width: 50%;
border-bottom: 1px solid #eee; height: 0.7rem; vertical-align: middle; padding: 0.2rem 0; position: relative;}
#lh .s_box tr td span{color: #ff783c;}
#lh .s_box tr td:nth-child(1){text-indent: 15px;}
#lh .s_box tr td:nth-child(2){font-weight: normal;}
#lh .s_box tr td dl dt{position: absolute; left: 0; top: 25%;  width: 0; height: 0;
 border-top: 8px solid #f55e35; border-right: 8px solid transparent;}
#lh .s_box tr:last-child td{border-bottom: 0;}

#jp{background: #FFFFFF; border-radius:5px; }
#jp h2{width: 25%; padding-left: 0.5rem; background: no-repeat url(../images/h2bg.png) left center/100% 0.39rem;
 height: 0.39rem; line-height: 0.39rem; color: #333b47; font-size: 0.26rem; font-weight: bold; margin-top: 0.35rem;}
.jpnr{width: 91.18%; margin: 0 auto;}
.jpnr dl{float: left; margin-top: 0.2rem;}
.jpnr dl dt{color:rgb(21,17,8,0.5); font-size: 0.2rem;}
.jpnr dl dd{color: #333b47; font-size: 0.22rem; font-weight: bold;}
.jpnr dl:nth-child(1){width: 60%; }
.jpnr dl:nth-child(2){width: 35%; margin-left: 5%;}

.clearbox:after{content: ''; clear: both; display: block; visibility: hidden; height: 0;}

.tynr img{width: 100%; height: auto;}
.tylist{width: 100%; background: #262d3f; border-radius: 0 0 5px 5px; padding: 0.3rem 0;}
.tylist h2{color: #fff; font-size: 0.28rem; width: 93%; margin: 0 auto;}
.tylist ul{width: 93%; margin: 0 auto;}
.tylist ul li{width: 45%; float: left; color: #fff; font-size: 0.2rem; position: relative; padding-left: 3%; margin-top: 0.1rem;}
.tylist ul li:before{position: absolute; content: ""; width: 5px; height: 5px; background: #fff; border-radius: 5px; top: 5px; left: 0;}

.lbnr{background: #FFFFFF; border-radius:5px; width: 100%;}
.lbnr img{width: 100%; height: auto;}
.lbnr .lblist{width: 90.84%; margin: 0 auto; padding-top: 0.4rem; padding-bottom: 0.5rem;}
.lbnr .lblist div{width: 100%; overflow: hidden; height: 1.5rem; margin-bottom: 0.3rem; padding-bottom: 0.2rem;}
.lblist div p{width: 9%; color:rgb(21,17,8,0.5); font-size: 0.2rem; float: left; margin-top: 0.3rem;}
.lblist div span{width: 1px; height: 1.3rem; float: left; background: #eee; margin-right: 1%;}
.lblist div ul{width: 88%; float: right;}
.lblist div ul li{width: 93%; padding-left: 5%; color: #333b47; font-size: 0.16rem; position: relative; margin-top: 0.1rem;}
.lblist div ul li:before{position: absolute; content: ""; width: 5px; height: 5px; background: #056cdc; border-radius: 5px; top: 5px; left: 0;}
.lbnr .lblist div:nth-child(2) ul li{float: left; width: 43%;}
.lbnr .lblist div:nth-child(2){height: 1.7rem;}


.box2{ overflow:hidden; position:relative;}

.box2 .line1{ width:80%;  background:#FFF; left:10%; bottom:6px;}
.box3 .line1{ width:70%;  background:#FFF; left:16%; bottom:4px;}









@media screen and (max-width:320px) {
	
	#form{ padding-top:0.6rem; margin-bottom:0.2rem;}
		
}
@media screen (min-width:321px) and (max-width:375px) {
	
	#form{ padding-top:0.8rem; }
		
}