@charset "utf-8";

/* CSS Document */

.center {

    max-width: 640px;

    margin: 0 auto;

    background-color: #fff;

}

.header{

	width: 100%;

	background-color: #0f994e;

	overflow: hidden;

}

.header img{

	width: 100%;

}

.middle{

	width: 100%;

	height: auto;

}

.middle .banner{

	width: 100%;

	margin-bottom: 10px;

} 

.middle .banner img{

	width: 100%;

}

.middle .nav2{

	display: block;

	position: relative;

	margin-top: 15px;

	height: 188px;

	width: auto;

}

.middle .nav2 ul li{

	float: left;

	display: block;

	width: 25%;

	overflow: hidden;

}

.middle .nav2 ul li a{

	display: block;

	padding: 10px 0;

	height: 66px;

	text-align: center;

	overflow: hidden;

}

.middle .nav2 ul li img{

	width:50px;

	height: 50px;

	line-height: 50px;

	text-align: center;

}

.middle .nav2 ul li span{

	display: block;

	margin-top: 8px;

	margin-bottom: 8px;

	font-size: 14px;

	line-height: 1;

	color: #333;

}

.middle  .com-phone{

	height: 50px;

	overflow: hidden;

	background-color: #119a4e;

	

}

.middle  .com-phone .phone{

	width: 95%;

	overflow: hidden;

	margin: 0 auto;

}

.middle  .com-phone .phone-left{

	float: left;

	width: 75%;

	height: 50px;

	line-height: 50px;

	font-size: 16px;

	color: #fff;

	overflow: hidden;

}

.middle  .com-phone .phone .phone-right{

	padding-top: 6px;

	overflow: hidden;

}

.middle  .com-phone .phone .phone-right a{

	display: block;

	width: 100%;

	height: 35px;

	line-height: 35px;

	float: right;

	background:#ffe401;

	text-align: center;

	font-size: 16px;

	border-radius: 5px;

	color:  #FE0003 !important;

	overflow: hidden;

}

.middle .comment{

	width: 98%;

	margin: 0 auto;

	margin-top: 10px;

overflow: hidden;

}

.middle .comment .com-title{

	width: 94%;

	height: 35px;

	line-height: 35px;

	margin: auto;

	text-align: center;

}

.middle .comment .com-title span{

	font-size: 18px;

	line-height: 35px;

	overflow: hidden;

	color: #119a4e;

}

.middle .comment .com-txt{

	width: 98%;

	height: 30px;

	margin: auto;

	line-height: 30px;

	margin-bottom: 20px;

}

.middle .comment .com-txt p{

	font-size: 14px;

	text-align: center;

	line-height: 30px;

	color: #888888;

}

.middle .comment video{

	width: 100%;

}

.middle .comment .com-table{

	width: 100%;

	height: auto;

	margin-top: 15px;

	margin-bottom: 20px;

	overflow: hidden;

}

.middle .comment .com-table ul{

	width: 100%;

	margin: 0 auto;

	padding-left: 5px;

}

.middle .comment .com-table ul li{

	width: 33%;

	float: left;

	padding-bottom: 15px;

}

.middle .comment .com-table ul li .wenti{

	width: 91%;

	margin: 0 auto;

	overflow: hidden;

	background-color: #ffe401;

}

.middle .comment .com-table ul li img{

	width: 100%;

	vertical-align: middle;

	text-align: center;

}

.middle .comment .com-table ul li .tab-tit{

	height: auto;

	line-height: 30px;

	text-align: center;

	font-size: 12px;

	color: #333;

	padding: 2px;

}

.middle .comment .way{

	width: 100%;

	margin: 0 auto;

	overflow: hidden;

}

.middle .comment .way li{

	clear: both;

	width: 100%;

	overflow: hidden;

	height: 50%;

	background-color: #fefbda;

}

.middle .comment .way li:nth-child(2n){

	background-color: #f6f6f6;

}

.middle .comment .way li .img{

	float: right;

	width: 50%;

	height: auto;

	margin: 0 auto;

    overflow: hidden;

    text-align: center;

    position: relative;

	padding-bottom: 36%;

}

.middle .comment .way li:nth-child(2n) .img{

	float: left;

}



.middle .comment .way li .img img{

	position: absolute;

	top:0;

	left: 0;

	width: 100%;
	height: 100%;

	vertical-align: middle;

}

.middle .comment .way li .txt{

	float: left;

	color: #666666;

    width: 50%;

    padding: 0px;

    margin: 0px;

}

.middle .comment .way li:nth-child(2n) .txt{

	float: right;

}

.middle .comment .way li .txt a{

	display: block;

    color: #ff714b;

    font-size: 16px;

    font-weight: bold;

    height: 30px;

    line-height: 30px;

    overflow: hidden;

    padding-left: 10px

}

.middle .comment .way li .txt span{

	padding: 2px 10px 5px 10px;
    font-size: 14px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
	height: 52px;


}

.middle .comment  .about-img{

	width: 100%;

}

.middle .about{

	width: 92%;

	padding: 10px 0;

	line-height: 26px;

	font-size: 14px;

	color: #333333;

	margin: 0 auto;

}

.middle .comment .more{

	display: block;

	width: 60%;

	margin: 0 auto;

	height: 35px;

	line-height: 35px;

	border: 1px solid #11994d;

	border-radius: 10px;

	color:#11994d;

	text-align: center;

	font-size: 16px;

	margin-top: 20px ;

	margin-bottom: 20px;

	overflow: hidden;

}.middle .news .more{

	display: block;

	width: 60%;

	margin: 0 auto;

	height: 35px;

	line-height: 35px;

	border: 1px solid #11994d;

	border-radius: 10px;

	color:#11994d;

	text-align: center;

	font-size: 16px;

	margin-top: 20px ;

	margin-bottom: 20px;

	overflow: hidden;

}

.middle .news{

	width: 95%;

	margin:0 auto;

	overflow: hidden;

}

.middle .news .menu{

	height: 40px;

	text-align: center;

	overflow: hidden;

	width: 100%;

}

.middle .news .menu a:first-child{

	width: 20%;

	color: #fff;

	padding: 5px 15px ;

	font-size: 16px;

	line-height: 30px;

	background-color: #119a4e;

}

.middle .news .menu a{

	width: 20%;

	color: #444;

	padding: 5px 15px ;

	font-size: 16px;

	line-height: 30px;

	background-color: #f3f3f3;

}

.middle .news .news-f1{

	width: 100%;

/*	padding: 10px;*/

	margin: 0 auto;

	overflow: hidden;

	border: 1px solid #f5f5f5;

	background-color: #fafafa;

}

.middle .news .news-f1 strong{

	display: block;

    font-weight: normal;

    font-size: 16px;

    height: 40px;

    line-height: 40px;

    color: #555;

    overflow: hidden;

}

.middle .news .news-f1 .main{

	overflow: hidden;

	display: block;

}

.middle .news .news-f1 .main-img{

	display: block;

    float: left;

    width: 36%;

    position: relative;

    overflow: hidden;

    height: 0px;

    padding-bottom: 25%

}

.middle .news .news-f1 .main img{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

.middle .news .news-f1 .main p{


    float: right;

    width: 60%;


    font-size: 14px;

    line-height: 24px;

    color: #999;

	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}

.middle .news .news-f1 .news-more{

	height: 30px;

}

.middle .news .news-f1 .news-more .date{

	display: block;

	float: left;

    height: 30px;

    line-height: 30px;

    color: #999;

    font-size: 14px;

    width: 50%;

    background: url( "../images/images5/time.png") no-repeat left center;

    background-size: 15px;

    padding-left: 18px;

}

.middle .news .news-f1 .news-more .right{

	display: block;

	float: right;

	background: url( "../images/images5/lianjie.png") no-repeat left center;

    background-size: 15px;

	margin-right: 20px;

}

.middle .news .news-f1 .news-more .right a{

	display: block;

    height: 30px;

    line-height: 30px;

    font-size: 12px;

    color: #999999;

    padding-left: 20px;

}

.middle .news .list{

	width: 100%;

	margin-top: 10px;

	margin: 0 auto;

	overflow: hidden;

} 

.middle .news .list ul{

	overflow: hidden;

	margin-top: 10px;

}

.middle .news .list ul li{

	width: 100%;

	height: 24px;

    font-size: 13px;

    overflow: hidden;

	position: relative;
margin-top: 10px;
}

.middle .news .list ul li::before{

	content: "";

	position: absolute;

	width: 2px;

	height: 2px;

	background-color: #666;

	border-radius: 50%;

	top:25%;

}

.middle .news .list ul li a{

	width: 70%;

	color: #555;

	font-size: 14px;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

	margin-left: 10px;

}

.middle .comment .teacher{

	width: 95%;

	overflow: hidden;

	margin: 0 auto;

}

.middle .comment .teacher li{

	border: 1px solid #f5f5f5;

    padding: 10px;

    overflow: hidden;

    background: #fafafa;

	margin-bottom: 10px;

}

.middle .comment .teacher li .teach-l{

	width: 30%;

	float: left;

}

.middle .comment .teacher li .teach-l a{

	overflow: hidden;

	text-align: center;

	position: relative;

	width: 95%;

	height: 0;

	padding-bottom: 95%;

/*	border-radius: 50%;*/

	display: block;

	margin: 0 auto;

}

.middle .comment .teacher li .teach-l a{

	top: 0;

    left: 0;

    width: 100%;

}

.middle .comment .teacher li .teach-r{

	width: 68%;

	float: right;

	overflow: hidden;

}

.middle .comment .teacher li .teach-r a{

	font-size: 16px;

	font-weight: bold;

	height: 30px;

	line-height: 30px;

	color: #333;

	display: block;

}

.middle .comment .teacher li .teach-r a span{

	font-size: 14px;

	font-weight: normal;

	height: 30px;

	padding-left: 5px;

}

.middle .comment .teacher li .teach-r p{

	font-size: 12px;

	color: #888;

	line-height: 18px;

	overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}

.middle .grow{

	margin-top: 10px;

	padding: 0 4px;

}

.middle .grow ul{

	overflow: hidden;

	width: 96%;

	margin: 20px auto ;

}

.middle .grow ul li{

	float: left;

	width: 49%;

	margin-top: 5px;

	text-align: center;

	margin-bottom: 15px;

}

.middle .grow ul li a{

	font-size: 12px;

	height: 30px;

	line-height: 30px;

	color: #333;	

}

.middle .grow ul li span{

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

}

.middle .grow ul li:nth-child(2n){

	float: right;

}

.middle .grow ul li img{

	height:120px;

	width: 100%;

}

.middle .lianxi{

	width: 90%;

	height: 45px;

	text-align: center;

	font-size: 16px;

	line-height: 45px;

	border: 1px solid #fc8403;

	background-color: #fc8403;

	color: #fff;

	margin: 0 auto

}

.middle .lianxi b{

	font-weight: bold;

}





.footer{

	margin-top: 30px;

	width: 100%;

	height: auto;

	background-color: #0f994e;

	overflow: hidden;

}

.footer  .name{

	width: 100%;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

}

.footer .beian{

	width: 96%;

	margin: 0 auto;

	margin-top: 20px;

	margin-bottom: 20px;

	overflow: hidden;

	height: auto;

}

.footer p{

	font-size: 12px;

	line-height: 20px;

	text-align: center;

    color: #fff;	

}

.footer .weixin{

	width: 100%;

	clear: both;

	overflow: hidden;

	margin-bottom: 60px;

	text-align: center;

}



.footer .weixin  img{

	width: 60%;

	

}

 .footer .footer-nav{

	width: 100%;

	height: 30px;

	

	position: fixed;

	z-index: 999;

	left: 0;

	bottom: 0;

}

.footer .footer-nav li{

	float: left;

	width: 20%;

	display: block;

	 border-radius: 10px 10px 0 0 ;

	text-align: center;

}

.footer .footer-nav li a{

	display: block;

    width: 95%;

    margin: 0 auto;

    overflow: hidden;

}

.footer .footer-nav li span{

	background-color: #fc8403;

	border-radius: 10px 10px 0 0 ;

}



.footer .footer-nav li a .navtxt{

	display: block;

	text-align: center;

	 height: 30px;

	line-height: 30px;

	font-size: 14px;

	color: #fff;

}