@charset "utf-8";

/* CSS Document */

.center{

	width: 100%;

	margin: 0 auto;

}

.header {

	width: 100%;

	max-width: 640px;

	 position: fixed;

 

   z-index: 999;

    top: 0;

    background: #fff;

}

.header .logo{

	width:40%;

	float: left;

}

.header .logo img{

	width: 100%;

	height: auto;

}

.header .tel{

	width: 40%;

	float: right;

}

.header .tel img{

	width: 100%;

	height: auto;

}

.gao{

	height:70px;

}

.middle{

	width: 100%;

}

.middle .banner{

	border-bottom: 3px solid #0e4a95;

	border-top: 3px solid #0e4a95;

}

.middle .banner img{

	width: 100%;

	max-width: 640px;

}

.nav{

	width: 100%;

	height: auto;

	overflow: hidden;

	background-color: #0e4a95;

}

.nav ul{

	overflow: hidden;

		margin-top: 10px;

}

.nav ul span{

	display: block;

    float: left;

    height: 25px;

    line-height: 25px;

    width: 1%;

    overflow: hidden;

    text-align: center;

	color: #fff;

}

 .nav ul li{

	 position: relative;

	width:30%;

	height: 40px;

	line-height: 40px;

	float: left;

	 background: rgba(255,255,255,0.1);

	margin: 0 0 10px 10px;

	  border-radius: 3px;

}

 .nav ul li a{

	display: block;

    text-align: center;

    color:#fff;

    font-size: 16px;

}

.middle .nav1{

	margin: 20px;

	overflow: hidden;
	padding-left: 10px;

}

.middle .nav1 a{

	display: block;

	float: left;

	width: 22%;

	padding: 10px 14px;

	background-color: #ed1a5b;

}

.middle .nav1 a:nth-child(2){

	background-color: #f58c04;

}

.middle .nav1 a:nth-child(3){

	background-color: #4ad9d9;

}

.middle .nav1 a img{

	width: 60%;

	display: block;

	margin: 0 auto 10px;

}

.middle .nav1 a h3{

	width: 100%;

	font-size: 14px;

	line-height: 20px;

	text-align: center;

	letter-spacing: 1px;

	color: #fff;

	font-weight: normal;

}

.middle .wenti{

	max-width: 640px;

	margin: 0 auto;

	padding: 30px 20px 10px;

	overflow: hidden;

	margin-bottom: 20px;

}

.middle .wenti li{

	width: 50%;

	float: left;

	background-color: #0e4a95;

}

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

	background-color: #f7f7f7;

}

.middle .wenti li img{

	display: block;

	width: 300px;

}

.middle .wenti li h3{

	display: block;

	font-weight: normal;

	line-height: 60px;

	color: #fff;

	padding-top: 10px;

	margin-left: 18px;

	font-size: 20px;

	margin: 0 30px;

}

.middle .wenti li:nth-child(2n) h3{

	color: #666;

}

.middle .wenti li p{

	font-size: 14px;

	line-height: 20px;

	height: 120px;

	color: #fff;

	margin: 0 30px 20px 30px;

	overflow: hidden;

/*

	text-overflow: ellipsis;

	display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

*/

}

.middle .wenti li:nth-child(2n) p{

	color: #666;

}

.middle .wenti li i{

	display: block;

	width: 65%;

	line-height: 40px;

	background-color: #fff;

	color: #0E4A95;

	border-radius: 3px;

	font-size: 20px;

	text-align: center;

	margin: 0  30px 20px ;

}

.middle .wenti li:nth-child(2n) i{

	background-color: #0E4A95;

	color: #fff;

}

.middle .linian{

	margin: 0 auto;

	padding: 30px 20px;

	background-size: cover;

	vertical-align: baseline;

	background: url("../images7/bg1.jpg") top center repeat;

}

.middle .linian img{

	display: block;

	width: 83%;

	margin: 0 auto 30px;

}

.middle .linian  p{

	line-height: 80px;

	width: 100%;

	height: 70px;

	display: block;

	color: #fff;

	text-align: justify;

	font-size: 16px;

	vertical-align: baseline;

	border-bottom: 1px dotted #fff;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

}

.middle .teacher{

	width: 100%;

}

.middle  .teach-tit{

	width: 100%;

	height: 40px;

	margin-bottom: 36px;

	text-align: center;

	font-weight: bold;

	color: #666;

	font-size: 20px;

	letter-spacing: 2px;

}

.middle  .teach-tit span{

	color: #0e4a95;

	font-size: 30px;

}

.middle .teach{

	width: 100%;

	overflow: hidden;

}

.middle .teach ul{

	width: 100%;

/*

	display: block;

	margin: 0 auto;

*/

}

.middle .teach li{

	width: 44%;

	float: left;

	margin: 0 18px 20px 0;

	border: 1px solid #ebebeb;

	box-sizing: border-box;

	border-radius: 5px;

}

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

	float: right;

}



.middle .teach li img{

	display: block;

	width: 100%;

	height: 220px;

}

.middle .teach li h3{

	display: block;

	line-height: 60px;

	color:  #0e4a95;

	padding-top: 10px;

	margin-left: 18px;

	font-size: 24px;

	margin: 0 20px;

}

.middle .teach li p{

	font-size: 16px;

	line-height: 26px;

	height: 80px;

	color: #666;

	margin: 0 20px 20px 20px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

}

.middle .teach li i{

	display: block;

	width: 50%;

	line-height: 40px;

	background-color: #0e4a95;

	color: #fff;

	border-radius: 3px;

	text-align: center;

	margin: 0 0 30px 20px;

}

.middle .pic{

	width: 100%;

	height: auto;

	display: block;

}

.middle .case{

	width: 100%;

    background: #f2f2f2;

	padding-bottom: 20px;

}

.middle  .case-tit{

	width: 100%;

	height: 40px;

	margin: 20px 0;

	text-align: center;

	font-weight: bold;

	color: #666;

	font-size: 20px;

	letter-spacing: 2px;

}

.middle  .case-tit span{

	color: #0e4a95;

	font-size: 30px;

}

.middle .case .case-list ul{

	overflow: hidden;

}

.middle .case .case-list li{

	height: auto;

	background-color: #fff;

	border-radius: 5px;

	padding: 8px 20px;

	margin-bottom: 20px;

	overflow: hidden;

}

.middle .case .case-list li h3{

	display: block;

	padding-left: 22px;

	line-height: 30px;

	width: 100%;

	background: url("../images7/ico6.png") left center no-repeat;

	background-size: auto 30px;

	font-size: 20px;

	color: #0e4a95;

	text-overflow: ellipsis;

    font-weight: normal; 

    white-space: nowrap;

    margin-bottom: 10px;

}

.middle .case .case-list li i{

	line-height: 20px;

	color:  #0e4a95;

	margin-bottom: 10px;

	display: block;

	width: 100%;

	font-size: 16px;

}

.middle .case .case-list li img{

	float: left;

	display: block;

	width: 40%;

	height: 89px;

}

.middle .case .case-list li p{

	display: block;

	float: right;

	width: 55%;

	line-height: 26px;

	color: #666;

	overflow: hidden;

	font-size: 14px;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    text-align: justify;

}

.middle .case .case-list li a{

	display: block;

	line-height: 36px;

	float: right;

	color: #fff;

	font-size: 16px;

	background-color: #0e4a95;

	width: 25%;

	height: 36px;

	text-align: center;

	border-radius: 5px;

}

.middle .case .more{

	display: block;

	width: 50%;

	margin: 0 auto;

	height: 50px;

	line-height: 50px;

	background-color:#0e4a95;

	border-radius: 3px;

	color: #fff;

	text-align: center;

	font-size: 20px;

	overflow: hidden;

}

.middle .life{

	margin: 30px 20px;

}

.middle .question-tit{

	width:100%;

	margin-bottom: 20px;

	overflow: hidden;

}

.middle  .question-tit span{

	border-bottom: 3px solid #0e4a95;

	color:#0e4a95;

	display: block;

	width: 30%;

	text-align: center;

	font-size: 20px;

	float: left;

	height: 30px;

}

.middle .life .case-list ul{

	width: 90%;

	margin: 0 auto;

	overflow: hidden;

}

.middle .life .case-list li{

	height: auto;

	background-color: #fff;

	border-radius: 5px;

	margin-bottom: 20px;

	overflow: hidden;

}



.middle .life .case-list li img{

	float: left;

	display: block;

	width: 50%;

}

.middle .life .case-list li h3{

	display: block;

	float: right;

	width: 48%;

	line-height: 30px;

	color:  #0e4a95;

	font-size: 18px;

	font-weight: normal;

	 text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}

.middle .life .case-list li p{

	float: right;

	width: 48%;

	color: #666;

	overflow: hidden;

	font-size: 16px;

	height: 23px;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-align: justify;

}

.middle .life .case-list li a{

	display: block;

	line-height: 34px;

	float: right;

	color: #fff;

	font-size: 16px;

	background-color: #0e4a95;

	width: 25%;
	
	margin-top: 10px;

	text-align: center;

	border-radius: 5px;

}

.middle .wenda{

/*	width: 100%;*/

	margin: 0 auto;

	padding:0  30px;

	margin-bottom: 30px;

}

.middle .wenda h3{

	width: 100%;

	height: 30px;

	padding-right: 30px;

	border-bottom: 1px solid #ebebeb;

	margin-bottom: 20px;

	margin-top: 20px;

}

.middle .wenda h3 span{

	display: block;

	text-align: center;

	border-bottom: 3px solid #0e4a95;

	font-size: 22px;

	float: left;

	height: 29px;

	color: #0e4a95;

}

.middle .wenda li{

	width: 84%;

	border-bottom:  1px solid #ebebeb;

	padding-left: 60px;

	position: relative;

}

.middle .wenda li::before{

	content: "1";

	width: 35px;

	height: 35px;

	background-color: #0e4a95;

	color: #fff;

	position: absolute;

	left: 0;

	top:10px;

	text-align: center;

	line-height: 35px;

	border-radius: 3px;

	

}

.middle .wenda li:nth-child(2)::before{

	content: "2";

}

.middle .wenda li:nth-child(3)::before{

	content: "3";

}

.middle .wenda li a{

	display: block;

	width: 83%;

	line-height: 54px;

	color: #666;

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

	font-size: 18px;

}

.middle .biaoti{

	margin: 0 4px;

	height:60px;

	width: 100%;

	font-size: 24px;

	color: #fff;

	background-color: #0e4a95 ;

	padding-left: 20px

}

.middle .biaoti span{

	width: 85%;

	float: left;

	background: #0e4a95 url( "../images7/ico9.png") no-repeat left center;

	line-height: 60px;

	padding-left: 60px;

	background-size: 30px;

}

.middle .grow{

	margin: 20px 4px;

}

.middle .grow ul{

	overflow: hidden;

}

.middle .grow ul li{

	width: 46%;

	float: left;

	padding: 5px;

	text-align: center;

}

.middle .grow ul li span{

	color:  #0e4a95;

	font-size: 20px;

	line-height: 30px;

	height: 30px;

}

.footer{
	margin-top: 15px;
	border-top: 1px solid #dcdcdc;
	padding: 10px 0 70px 0;
	height: 60px;
		line-height: 24px;
}
.footer p{
	font-weight: bold;
	font-size: 14px;
	text-align: center;
color: #555;
	
}

.footer .footer-nav{

	width: 100%;

	height: auto;

	background-color: #0e4a95;

	position: fixed;

	z-index: 999;

	left: 0;

	bottom: 0;

}

.footer .footer-nav li{

	float: left;

	width: 25%;

	display: block;

	text-align: center;

}

.footer .footer-nav li img{

	width: 32px;

	height: 32px;

	margin-top: 10px;

/*	margin-bottom: 10px;*/

}

.footer .footer-nav li  span{

	display: block;

	width: 100%;

	text-align: center;

	line-height: 28px;

	font-size: 10px;

	color: #fff;

}