/* CSS Document */




/* CSS Document */
@media screen and (max-width: 359px) and (min-width: 320px) {
	html {
		font-size: 50px !important;
	}
}
@media screen and (max-width: 374px) and (min-width: 360px) {
	html {
		font-size: 56.25px !important;
	}
}
@media screen and (max-width: 410px) and (min-width: 375px) {
	html {
		font-size: 58.5px !important;
	}
}
@media screen and (max-width: 639px) and (min-width: 411px) {
	html {
		font-size: 64.6px !important;
	}
}
@media screen and (min-width: 640px) {
	html {
		font-size: 100px !important;
	}
}





html {
	min-height: 100%;
	height: 100%;
	_height:100%;
	/* background: #101010; */
}

body {
	min-height: 100%;
	_height:100%;
	height:100%;
	margin: 0; padding: 0; line-height: 30px; font-family: 'Microsoft YaHei'; font-size: 14px; background: #fff; }
	div, ul, li, dt, dl, dd, h1, h2, h3, h4, h5, h6, h7, img, p, span { border-style: none; border-color: inherit; border-width: 0px; padding: 0; list-style-type: none; margin-left: 0; margin-top: 0; margin-bottom: 0; }

	img { display: block; }
	input,button,select,textarea{outline:none}
	/* Link */
	a:link { text-decoration: none; }
	a:visited { text-decoration: none; }
	a:hover { text-decoration: none; }
	a:active { border: 0px; background-color: Transparent; }
	div, input:focus {
		outline: none;   
	}
	a { blr: expression(this.onFocus=this.blur()); outline: none; }

	.blank5 { width: 100%; height: 5px; clear: both; }
	.blank07 { width: 100%; height: 7px; clear: both; 
		background: #2176bf;
	}
	.blank10 { width: 100%; height: 10px; clear: both; }
	.blank12 { width: 100%; height: 14px; clear: both; }
	.blank15 { width: 100%; height: 15px; clear: both; }
	.blank20 { width: 100%; height: 20px; clear: both; }
	.blank25 { width: 100%; height: 25px; clear: both; }
	.blank30 { width: 100%; height: 30px; clear: both; }
	.blank40 { width: 100%; height: 40px; clear: both; }
	.blank50 { width: 100%; height: 50px; clear: both; }
	.blank60 { width: 100%; height: 60px; clear: both; }
	.blank70 { width: 100%; height: 70px; clear: both; }
	.blank80 { width: 100%; height: 80px; clear: both; }
	.blank90 { width: 100%; height: 90px; clear: both; }
	.blank100 { width: 100%; height: 100px; clear: both; }
	.blank110 { width: 100%; height: 110px; clear: both; }
	.blank120 { width: 100%; height: 120px; clear: both; }
	.blank130 { width: 100%; height: 130px; clear: both; }
	.blank140 { width: 100%; height: 140px; clear: both; }
	.blank145{ width: 100%; height: 145px; clear: both; }
	.blank150 { width: 100%; height: 150px; clear: both; }
	.blank160 { width: 100%; height: 160px; clear: both; }

	/* .kong100 {width: 100%; height: 150px; clear: both; } */
	/*Clear*/
	.clear { clear: both; font-size: 1px; height: 0px; line-height: 0px; overflow: hidden; }
	/*可用height:1px; overflow:hidden;来控制IE6默认的div的高为12~14px,用BR来做吧，用DIV不太好用*/

	/*针对1920的宽屏*/

	.menu_list {
		width:65%;
		height: 100%;
		position: fixed;
		bottom: 0;
		right: 0;
		background: rgba(0,0,0,0.9);
		z-index:998;
		/* padding-top: 20%; */
		display: none;

	}

	.menu_close {
		left: 50%;
		bottom: 9%;
		font-size: 0.55rem;
		color: #fff;
		position: absolute;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50% );
		-moz-transform: translateX(-50% );
		width: 0.7rem;
	}
	.menu_close  img {
		width: 100%;
	}
	.menu_list li {
		text-align: center;
		height: 0.9rem

	}
	.menu_list  ul {
		margin-top: 36%
	}

	.menu_list li a {
		font-size: .28rem;
		line-height:1.08rem;
		color: #fff;
		font-weight: normal;
		position: relative;

	}

	.menu_list li  {
		line-height: 0.3rem;
	}

	.menu {
/* 	height: 1.08rem;
	position: absolute;
	right: 0;
	top: 50%;
	width: 1rem;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50% );
	-moz-transform: translateY(-50% ); */

	height: 100%;
}
















.common-hd {
	color: #fff;
	font-size: .3rem;
	font-weight: bold;
	position: relative;
	top: -0.3rem
}

.common-hd1 {
	color: #fff;
	font-size: .2rem;
	top: -0.3rem;
	position: relative;
	top: -0.4rem;
	text-transform:Uppercase; 
} 









.max { 	position: relative; 
	max-width: 640px;
	margin: 0 auto;
	min-height: 100%;
	_height:100%;
}
.m_index { 	height: auto; margin: 0 auto; 
	padding: 0 3%;
	width: 100%;
	
	/* padding-bottom:3%; */
	box-sizing: border-box; }





	/* 通用头部 */

	.header {
		/* border-bottom: 3px solid #fe9500; */
		position: relative;
		background: #fff;
		height: 0.91rem;

		position: fixed;
		top: 0px;
		width: 100%;
		z-index: 999;
		padding-left: 0.55rem;
		box-sizing:border-box;
	}


	.header .head-tell {
		height: 100%;
		width: 40%;

	}
	.header .head-tell img{
		width: 2.07rem;
		height: 0.36rem;
	}
	.header  .menu  {
		width: 1.97rem;
		background: #48ae97;

	} 
	.header  .menu img {
		width: 0.53rem;
		height: 0.35rem
	}


	.bg img {
		width: 100%;
	}


	.top-kong {
		height: 0.91rem
	}

	.common-head {
		font-size: 0.26rem;
		color: #48ae97;
		line-height: 0.8rem;
		font-weight: bold;
	}

	.zhaopin-list {
		margin: 6% 1%;
		-webkit-box-shadow:0 0px 8px 2px rgba(0,0,0,.1);
		-moz-box-shadow: 0 0px 8px 2px rgba(0,0,0,.1);
		-ms-box-shadow: 0 0px 8px 2px rgba(0,0,0,.1);
		box-shadow: 0 0px 8px 2px rgba(0,0,0,.1);
		padding: 12px 15px;
		box-sizing: border-box;
		margin-top: 2%;
	}

	.zhaopin-list .z-hd {
		font-size: 0.22rem;
		color: #333;
	}

	.zhaopin-list .z-hd span {
		font-size: 0.22rem;
		color: #333;
		font-weight: bold;
	}
	.zhaopin-list .z-con {
		font-size: 0.22rem;
		color: #333;


	}
	.zhaopin-list .z-con div{
		line-height: 0.4rem;
	}


	.fot-kong {
		height: 1.02rem;
		/* margin-top:10% */
	}

	.common-map {
		width: 100%;
		margin-top: 5%;
		position: relative;

	}
	.common-map img {
		height: 3.22rem;
	}
	.common-map .zhezhao {
		position: absolute;
		right: 0px;
		top: 0px;
		width: 60%;
		background: rgba(0,0,0,0.3);
		height: 100%;
		padding:0.45rem 0.23rem;
/* 		padding-bottom: 0px; */
        box-sizing: border-box;
	}

	.common-map .c-hd {
		font-weight: bold;
		font-size: 0.28rem;
		color: #fff;
	}

   	.common-map .c-hd2 {
   		font-size: 0.2rem;
		color: #fff;
        line-height: 0.4rem;
   	}


   .teacher_list .t-list {
   	margin-bottom: 6%;
   }
.teacher_list .t-list img{
     width: 2.54rem;
     height: 3.1rem;
}

.teacher_list .t-list .name {
	font-size: 0.2rem;
	color: #333;
	text-align: center;
	line-height: 0.53rem;

}
.teacher_list .t-list:hover .name {
	color: #1bc0a7;
}



.teacher_list  .list-con {
	padding: 0 5%;
}

.show-hd {
	font-size: 0.22rem;
	color: #333;
	line-height: 0.8rem;
	
}

.show-con {
	font-size: 0.20rem;
	color: #666;
	min-height: 200px;
	line-height: 0.35rem;
   
}
.fan {
	margin: 5% 0px;
}
.fan a{
	display: block;
	width: 50%;
	text-align: center;
	color:#333;
	font-size: 0.22rem;
    
}
.news_list  {
	min-height: 40%;
	background: url(../images/xian.png)  1rem top;
     background-repeat:repeat-y; 
    padding: 0 0.37rem;

	/* background-size: 2% 1%; */
}
 .n-con  {
	height: 100%;
	/* background: #000; */
	width: 100%;
}
 .n-con .n-con-1 {
 	margin-bottom: 0.5rem;
 }
 .n-con .n-con-1 .quan {
 	width: 0.92rem;
 	height: 0.92rem;

         border-radius: 50%;
      -o-border-radius: 50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;

 	border: 1px solid #48ae97;
 	font-size: 0.18rem;
 	background: #fff;

 }
 .n-con .n-con-1 .quan .q1{
 	  font-size: 0.2rem;
 	   color: #48ae97;
 	   line-height: 0.25rem;

 }
 .n-con .n-con-1 .quan .q2{
 	  font-size: 0.22rem;
 	   color: #48ae97;
 	   line-height: 0.25rem;
 	   

 }
  .n-con .n-con-1:hover .quan	 {
       background :  #48ae97 ;

  }

    .n-con .n-con-1:hover .q1, 
    .n-con .n-con-1:hover .q2  
    {
       color: #fff;
       
  }

.n-con  .sub  .s1{
	 	  font-size: 0.22rem;
 	   color: #333;line-height: 0.35rem;
}
 .n-con  .sub  .s2{
	 	  font-size: 0.2rem;
 	   color: #999;line-height: 0.35rem;
}
 .n-con  .sub {
	margin-left: 5%;
}

.index  .n-con  .sub {
   width:78%;
}



.contact .contact-map {
	height: 3.53rem;
}
.contact .contact-map img{
  width: 100%;
}

.contact .contact-con .left .h1 {
	font-size: 0.32rem;
	font-weight: bold;
	color: #118369;
}

.contact .contact-con .left .h2 {
	font-size: 0.2rem;
	/* font-weight: bold; */
	color: #333;
	line-height: 0.40rem;
}
.contact .contact-con .right {
	 width: 1.54rem;
	 height: 1.54rem;
	 margin-top: 37px;
}
.contact .contact-con .right img {
	width: 100%;
}

.contact .contact-con {
	margin-top: 25px;
	margin-bottom: 40px;
}
 .j-tab .t1 {
	position: relative;
		 margin-right: 1.5%;
		 	 width:23%;
}

 .j-tab .t1 .tt{
	 font-size: 0.24rem;
	 color: #fff;
	 background: #48ae97;
    width: 100%;
	 height: 0.49rem;
      color: #fff;
	 text-align: center;
	 line-height: 0.49rem;
	 position: relative;
	 z-index: 22;font-size: 0.24rem
}

 .j-tab .t1.active .tb {
	position: absolute;
    top: 0.05rem;
    right: -0.05rem;
	width: 1.33rem;
	 height: 0.49rem;
	 background: #feb835;
	  z-index: 21;
	  content: '';
}



 .j-tab  {
	margin-bottom: 20px;
}
.jiaoyu .j-con .h1 {
	font-size: 0.2rem;
	color: #333;
	font-weight: bold;
	line-height: 0.5rem;
}
.jiaoyu .j-con .h2 {
	line-height: 0.45rem;
	font-size: .2rem;
	color: #333;
}


.pro_show .pro_show_con  img { 
    max-width: 100%;
    margin: 0 auto;
}
.pro_show .pro_show_con .tit {
	font-size: 0.2rem;
	color: #333;
	text-align: center;
	line-height: 0.6rem;
}



.pro_list_con .list {
	width: 47%;
	margin-right: 5%;
	margin-bottom:2%
}
.pro_list_con .list img {
	width: 100%;
}

.pro_list_con .list .tit {
		font-size: 0.2rem;
	color: #333;

}

.pro_list_con .list:nth-child(2n){
	margin-right: 0px;
}



.about .about-list .t1 {
	position: relative;
		 margin-right: 1.5%;
		 	 width:23%;
		 	 text-align: center;
}

.about .about-list .t1 .tt{
	 font-size: 0.24rem;
	 color: #fff;
	 background: #48ae97;
    width: 100%;
	 height: 0.49rem;
      color: #fff;
	 text-align: center;
	 line-height: 0.49rem;
	 position: relative;
	 z-index: 22;font-size: 0.24rem
}


.about .about-list .t1.active  .tt{
	background: #fec61a;
}


.about .about-con  {
	 font-size: 0.2rem;
	 color: #333;
	 line-height: 0.35rem;
	 margin-top: 0.3rem;
}


.index .m1-con  .c1 {
	width: 33%;
	margin-bottom: 0.2rem;

}
.index .m1-con  .c1 img {
	width: 1.22rem;
	height: 1.16rem;
}
.index .m1 {
	 margin-top: 20px;
}
.index .m1-con  .c1 .name {
	text-align: center;
	font-size: 0.24rem;
	color: #333;
}

.common-bg {
	background: url(../images/bg2.png) no-repeat ;
	height: 0.46rem;
	width: 100%;
	background-size: cover;
}
.common-bg  .name {
	font-size: 0.24rem;
	color: #333;

	    margin-right: 0.4rem;
    margin-left: 0.15rem;
 

}
.common-bg  .name span {
	font-size: 0.24rem;
	color: #069474;
	
}
.common-bg .en {
	font-size: 0.5rem;
	color: #069474;
	margin-bottom: 0.2rem;
}


.index .m2 .j-tab {
	margin: 20px 0px;
}
.index .m2 .j-con .h1 {
	font-size: 0.2rem;
	color: #333;
	font-weight: bold;
	line-height: 0.5rem;
}
.index .m2 .j-con .h2 {
	line-height: 0.345rem;
	font-size: .2rem;
	color: #333;
}

.common-more {
	width: 1.81rem;
	height: 0.49rem;
	border: 1px solid #48ae97;
	font-size: 0.2rem;
	text-align: center;
	line-height: 0.49rem;
	box-sizing:border-box;
	margin: 15px auto;
}
.common-more a {
	display: block;
	color: #48ae97;
}
.common-more.bg {
	background: #48ae97;

} 
.common-more.bg a{
	color: #fff;
}
.index .m3 {
	background:url(../images/bg3.png)  no-repeat; 
	height: 2.33rem;
	width: 100%;
	background-size: cover;
	padding: 0.35rem 0px;
	box-sizing:border-box;
	margin-bottom: 20px;

}
.index .m3 .m3_con {
	width: 4.22rem;
	color: #333; 
	font-size: .2rem;
}
.index .m3 .m_index  .m3_con{
	margin-left: auto;
	line-height: 0.35rem;

    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:5;

}



.index .m5 .n-con {
	    background: url(../images/xian.png) 0.47rem top;
	        background-repeat: repeat-y;
	        padding-top: 21px;
}




	footer  {
		max-width:640px;
		width: 100%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		position: fixed;
		bottom: 0;
		z-index: 12;
		background: #48ae97;
		height:1.02rem;
		z-index: 999;

	}
	.foot-ul {
		display:-moz-box;
		display:-ms-flexbox; 
		display:-webkit-flex;  
		display:flex; 
		-webkit-justify-content:space-between;
		justify-content:space-between;
		-moz-box-pack:space-between;
		-webkit--moz-box-pack:space-between;
		box-pack:space-between;

	}
	footer  #top{

		flex:0.2 ;
		background: transparent;
		height: 0.1rem;
		position: relative;
	}
	footer  #top a {
		position: absolute;
		top:50%;
		left: 50%;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50% );
		-moz-transform: translate(-50%,-50% );
		width: 0.8rem;
		height: 0.8rem;
	}
	footer  #top a img{
		width: 100%;
	}
	footer .foot-ul li {
		height:1.02rem;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		padding-top: 2px;
		flex: 1;
	}
	footer .foot-ul  span {
		display: block;
		margin: 0 auto;
		line-height: 22px;
		font-size: 0.20rem
	}

	footer .foot-ul li a {
		height: 100%;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		text-align: center;
		/* font-size: 15px; */
		color: #ffffff;
		position: relative;
	}


	footer .foot-ul li .img {
		margin: 0 auto;
		width: 58%;
	}
	footer  .foot-ul li .tc{
		color: #fff
	}

	#top  {
		background: #fe9500;
		border-radius: 6px;
	}

	#bottom {
		height: 3px;
		background:#fe9500;
		width: 100%;
		position: fixed;
		bottom: 1.07rem;
	}











	.logo-img {
		/* height: 2.13rem; */
		position: relative;
		top: 50%;
		/* margin: auto; */
		width: 3.58rem;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50% );
		-moz-transform: translateY(-50% );

	}

	.logo-img  img {
		width: 100%;
	}
























































