@charset "utf-8";
/*产品*/
.m1 {
	margin-top: 45px;
}
.tit{
	height: 34px;
	line-height: 34px;
	padding-bottom: 10px;
	background: url(../Images/tbk.jpg) 0 bottom no-repeat;
	overflow: hidden;
}
.tit .tl{
	padding-left: 14px;
	font-size: 20px;
	color: #333333;
}
.tit .tl span{
	font-weight: normal;
	font-size: 16px;
	color: #cccccc;
}
.tit .tr{
	overflow: hidden;
}
.tit .tr a{
	float: left;
	font-size: 16px;
	color: #333;
	padding: 0 15px;
	transition: all 0.5s;
}
.tit .tr a.on,.tit .tr a:hover{
	background: #005197;
	color: #fff;
}
.m1 .bd{
	margin-top: 43px;
	overflow: hidden;
}
.m1 .bd ul{
	overflow: hidden;
}
.m1 .bd li{
	overflow: hidden;
}
.m1 .div{
	float: left;
	width: 266px;
	background: #f5f5f5;
	padding: 10px;
	height: 316px;
	margin-right: 18px;
	transition: all 0.2s;
}
.m1 .bd img{
	width: 266px;
	height: 199px;
}
.m1 .bd p{
	line-height: 53px;
	font-size: 14px;
	color: #666666;
	transition: all 0.2s;
}
.m1 .div div{
	overflow: hidden;
	text-align: center;
}
.m1 .al{
	width: 98px;
	height: 26px;
	line-height: 26px;
	font-size: 14px;
	color: #fff;
	background: #adadad;
	border: 1px solid #adadad;
	transition: all 0.2s;
}
.m1 .ar{
	width: 100px;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	color: #fff;
	background: #005197;
	transition: all 0.2s;
}
.m1 .div:hover{
	background: #d62300;
}
.m1 .div:hover p{
	color: #fff;
}
.m1 .div:hover .al{
	background: none;
	border-color: #fff;
}
.m1 .div:hover .ar{
	background:#fff;
	color: #666666
}

/* 关于 */
.m2{
	margin-top: 50px;
	background: #005197;
	overflow: hidden;
}
.m2 .wp{
	margin: 52px auto;
	background: #fff;
	position: relative;
}
.m2 .l img{
	width: 660px;
	height: 384px;
}
.m2 .r{
	width: 485px;
	padding-right: 30px;
	padding-left: 25px;
}
.m2 h3{
	line-height: 105px;
	font-size: 24px;
	color: #333;
}
.m2 span{
	display: block;
	width: 110px;
	height: 3px;
	background: #005197;
	position: absolute;
	top: 88px;
	left: 645px;
}
.m2 p{
	line-height: 30px;
	color: #666;
	font-size: 14px;
}
.more{
	display: block;
	width: 100px;
	height: 28px;
	text-align: center;
	line-height: 28px;
	font-size: 14px;
	color: #fff;
	margin-top: 20px;
	background: #d62300;
}


/* 新闻*/
.m3{
	margin-top: 40px;
	overflow: hidden;
}
.m3 .bd{
	margin-top: 40px;
	overflow: hidden;
}
.m3 .bd li{
	overflow: hidden;
}
.m3 .conl{
	width: 400px;
	background: #f5f5f5;
}
.m3 .conl a{
	display: block;
	padding: 0 20px;
	height: 210px;
	overflow: hidden;
	background: url(../Images/hot.png) 0 0 no-repeat;
	font-size: 14px;
	color: #999999;
}
.m3 .conl h3{
	margin-top: 55px;
	color: #333;
	font-size: 14px;
}
.m3 .conl span{
	display: block;
	line-height: 45px;
}
.m3 .conl p{
	display: block;
	line-height: 28px;
}
.m3 .conr{
	overflow: hidden;
	width: 800px;
}
.m3 .conr a{
	float: left;
	width: 355px;
	margin-left: 40px;
	padding-bottom: 29px;
	border-bottom: 1px dotted #919191;
	margin-bottom: 30px;
	overflow: hidden;
}
.m3 .time{
	width: 56px;
	background: #d62300;
	text-align: center;
	color: #fff;
}
.m3 .time strong{
	display: block;
	line-height: 31px;
	font-size: 18px;
	border-bottom: 1px solid #efa799;
}
.m3 .time p{
	line-height: 24px;
}
.m3 .conr .r{
	width: 280px;
	font-size: 14px;
	color: #666666;
	line-height: 30px;
}
/* 案例 */
.m4{
	margin-top: 40px;
}
.m4 .tr img{
	float: left;
	margin-left: 7px;
	margin-top: 5px;
}
.m4 .bd{
	margin-top: 20px;
}
.m4 .bd a{
	float: left;
	width: 580px;
	margin-right: 40px;
	overflow: hidden;
	background: #f5f5f5;
}
.m4 .bd .l{
	width: 225px;
	height: 169px;
	overflow: hidden;
}
.m4 .bd img{
	width: 225px;
	height: 169px;
	transition: all 0.2s;
}
.m4 .bd a:hover img{
	transform:scale(1.05);
}
.m4 .bd .r1{
	padding: 20px; 
	width: 315px;
}
.m4 .bd h3{
	overflow: hidden;
	font-size: 16px;
	color: #333;
	padding-bottom: 12px;
	padding-left: 12px;
	background: url(../Images/hbk.jpg) 0 bottom no-repeat;
}
.m4 .bd h3 span{
	font-weight: normal;
	color: #666666;
	font-size: 14px;
	text-decoration: underline;
}
.m4 .bd p{
	font-size: 14px;
	color: #666;
	line-height: 27px;
	padding-left: 12px;
	margin-top: 15px;
}
/* 咨询 */
.ad2{
	margin-top: 30px;
	background: url(../Images/ad2.jpg) center bottom no-repeat;
}
.ad2 .wp a{
	padding-top: 8px;
	line-height: 107px;
	float: left;
	width: 400px;
	text-align: center;
	font-size: 24px;
	color: #fff;
}
.ad2 span{
	transition: all 0.5s;
}
.ad2 a.on{
	background: url(../Images/ad21.jpg) center 0 no-repeat;
	background-size: 100% 8px;
}
.ad2 a.on p{
	background: #ffb247;
	margin: 0 8px;
}
.ad2 a.on span{
	padding-left: 57px;
	background:#ffb247 url(../Images/ad22.png) 0 center no-repeat;
}

/*师资力量*/
.m5{
	overflow: hidden;
	margin-top: 50px;
}
.slidet{	
	overflow: hidden;
	margin-top: 30px;
}
.slidet .hd{
	width: 1200px;
	overflow: hidden;
}
.slidet .ul{
	overflow: hidden;
}
.slidet .hd li{
	width: 285px;
	float: left;
	overflow: hidden;
	margin-right: 20px;
	margin-top: 28px;
}
.slidet .hd a{
	display: block;
	overflow: hidden;
	position: relative;
}
.slidet .hd li div{
	width: 285px;
	padding-top: 7px;
	transition: all 0.2s;
}
.slidet .hd li:last-child{
	margin-right: 0;
}
.slidet .hd img{
	width: 285px;
	height: 196px;
	transition: all 0.2s;
}
.slidet .hd li.on div{
	background: url(../Images/tbk.jpg) center 0 no-repeat;
}
.slidet .hd li.on img{
	border: 2px solid #ec5d01;
	width: 281px;
	height: 192px;
}
.slidet .bd{
	overflow: hidden;
}
.slidet .bd li{
	float: left;
	width: 1200px;
	position: relative;
}
.slidet .bd img{
	width: 600px;
	height: 400px;
}
.slidet .bd .div{
	width: 540px;
	padding: 30px 45px;
	background: #fff;
	position: absolute;
	top: 25px;
	right: 0;
}
.slidet .bd h3{
	font-size: 24px;
	color: #333333;
	font-weight: normal;
}
.slidet .bd h3 span{
	font-size: 16px;
	color: #959595
}
.slidet .bd p{
	font-size: 16px;
	color: #333;
	line-height: 33px;
	margin-top: 25px;
}
.slidet .aa{
	text-align: left;
	margin-top: 20px;
}
.slidet .bm{
	display: inline-block;
	width: 150px;
	height:43px;
	line-height:43px;
	background: #a6a6a6;
	color: #fff;
	transition: all 0.2s;
	text-align: center;
	font-size: 16px;
	margin: 0 5px;
}
.slidet .bm2{
	background: #ec5d01;	
}
.slidet .bm1:hover{
	background: #ec5d01;
}
/* 表单 */
.m6{
	margin-top: 80px;
	background: url(../Images/m6bk.jpg) center 0 no-repeat;
	height: 512px;
}
.m6 div.l{
	width: 490px;
	overflow: hidden;
	color: #333;
	margin-top: 40px;
}
.m6 div.l h4{
	font-weight: normal;
	font-size: 26px;
	line-height: 40px;
	border-bottom: 1px solid #959596;
	padding-bottom: 20px;
}
.m6 .list a{
	display: block;
	padding-left: 20px;
	background: url(../Images/li.jpg) 8px center no-repeat;
	font-size: 14px;
	color: #333;
	margin-top: 25px;
}
.m6 form{
	width: 352px;
	padding: 0 47px 0;
	background: url(../Images/m6.jpg) 0 0 no-repeat;
	height: 411px;
	padding-top: 101px;
}

.m6 form label{
	background: #fff;
	border: none;
	border-radius: 6px;
	color: #666666;
	line-height: 50px;
	margin-bottom: 14px;	
	height: 50px;
	display: block;
	font-size: 16px;
}
.m6 form span{
	padding-left: 20px;
}
.m6 form .ipt1{
	width: 270px;
	line-height: 50px;
	height: 50px;
	float: left;
	background: none;
	font-size: 16px;
}
.m6 .class{
	background: #fff url(../Images/arr.jpg) 299px center no-repeat;
	position: relative;
	cursor: pointer;
}
.m6 .class div{
	width: 100%;
	overflow: hidden;
	background: #fff;
	font-size: 14px;
	color: #333;
	position: absolute;
	top: 50px;
	left: 0;
	width: 312px;
	padding: 10px 20px;
	display: none;
}
.m6 .class div span{
	float: left;
	width: 50%;
	line-height: 24px;
	padding: 0;	
	cursor: pointer;
}
.m6 form .ipt{
	width: 210px;
	cursor: pointer; 
}
.m6 form .lab{
	height: 100px;
}
.m6 form textarea{
	width: 245px;
	height: 80px;
	padding-top: 17px;
	float: left;
}
.m6 form .ipt2{
	width: 100%;
	border-radius: 3px;
	height: 50px;
	line-height: 50px;
	background: #da8706;
	color: #fff;
	font-size: 20px;
}