@charset "UTF-8";

.suoshiwz {
	width: 100%;
	height: 53px;
	background-color: #f4f6f9;
	z-index: 2;
	line-height: 53px;
}

.suoshiwz p {
	color: #828282;
	font-size: 14px;
}

.casean {
	background: url(../images/lsdtbg.png) no-repeat center;
	margin: 56px 0 40px;
	text-align: center;
}

.casean h2 {
	color: #3c3c3c;
	font-size: 24px;
	line-height: 32px;
}

.casean h3 {
	font-family: Arial;
	color: #545454;
	font-variant: small-caps;
	font-size: 20px;
	line-height: 14px;
}

.mentorjs {
	position: relative;
	font-size: 0;
	overflow: hidden;
}

.mentorjs-img img {
	width: 100%;
	height: 100%;
}

.mentorjs .mtname{
	position: absolute;
	left: 34%;
	top: 15.33%;
	background-color:#BC0000;
	width:126px;
	height:126px;
	line-height: 26px;	
	text-align: center;
	border-radius: 50%; 
	color: #fff;
	font-size: 20px;
}
.mentorjs .mtname h2{ margin-top:30%; border-bottom:1px solid #d04d4d; display:block; padding-bottom:3px;}
.mentorjs .mtname p{ font-size:16px; color:#e49999;}
.mentorjs .mtname:after{
	content:'';
	display: block;
	background-color:#BC0000; 
	width: 14px;
	height: 14px;
	position: absolute;
	right: 12px;
	bottom: 12px;
	z-index: -1; 
}
.mentorjs-img{
	width:40%;
	float: left;
}

.mentorjs .mtdwei {
	width: 55%;
	float: right;
	padding: 0 70px 0 28px;
	color: #4d4d4d;
	line-height: 22px;
	box-sizing: border-box;
}

.mentorjs .mtdwei h4 {
	font-size: 16px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.mentorjs .mtdwei h3 {
	font-size: 24px;
	margin: 16px 0 20px;
}

.mentorjs .mtdwei p {
	font-size: 14px;
	margin-bottom: 10px;
}

.mentorjs .mtdwei a {
	display: block;
	width: 150px;
	height: 50px;
	box-sizing: border-box;
	border: 2px solid #000;
	line-height: 46px;
	text-align: center;
	color: #000;
	font-size: 14px;
	font-weight: 700;
}

.hz-star{ border-top:1px solid #ccc; margin-top:50px; padding-top:30px;}
.star-de{ margin-bottom:30px; color:#4d4d4d; line-height:26px;}
.star-de h3{ font-size:24px; line-height:36px; font-weight:600;}
.lecdiv {
	margin: 0 -8px;
}

.lecdiv .lecul {
	width: 1196px;
}

.lecdiv .lecli {
	float: left;
	box-sizing: border-box;
	padding: 0 8px 20px;
	width: 25%;
}

.lecdiv .lecli img {
	display: block;
	width: 100%;
	height: 309px;
}

.lecdiv .lecli .caption {
	background-color: #fff;
	padding: 20px 20px 40px;
	text-align: center;
	border: 1px solid #f2f2f2;
	border-top: 0;
}

.lecdiv .lecli .caption h3 {
	font-weight: 700;
	color: #010101;
	font-size: 18px;
	line-height: 30px;
	padding-bottom: 2px;
}

.lecdiv .lecli .caption p {
	color: #828282;
	font-size: 14px;
	line-height: 20px;
}

.lecdiv .lecli .caption p a {
	display: inline-block;
	padding: 0;
	background-color: #fff;
	width: 128px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	color: #828282;
	border: 1px solid #e6e6e6;
	-webkit-border-radius: 28px;
	-moz-border-radius: 28px;
	border-radius: 28px;
	margin: 12px 0 25px;
}

.lecdiv .newsfyol {
	padding: 14px 0 0;
	text-align:center;
	margin-left: auto;
	margin-right: auto;	
	
	
	
}

.lecdiv .newsfyol .newsfyli {
	background-color: #eaeaea;
	display:inline-block;	
	height: 31px;
	line-height: 31px;
	padding: 0 12px;
	color: #666;
	font-size: 14px;
}

.lecdiv .newsfyol .newsfyli+.newsfyli {
	margin-left: 11px;
}

.jiangsc {
	font-size: 0;
}

.jiangsc img {
	width: 100%;
	height: 100%;
}

@media screen and (max-width:1179px) {
	.common {
		width: auto;
		padding: 0 15px;
	}

	.lecdiv .lecul {
		width: 100%!important;
	}
	.mentorjs .mtname{
		width:108px;
		height:108px;
		line-height: 108px;
	}
	.mentorjs .mtname:after{
		right: 10px;
		bottom: 10px; 
	}
	.mentorjs .mtdwei {
		padding: 140px 50px 0 28px;
	}
}
@media screen and (max-width:1019px) {
	.mentorjs .mtname{
		width:88px;
		height:88px;
		line-height: 88px;
	}
	.mentorjs .mtname:after{
		right: -6px;
		bottom: 38px;
		transform:rotate(45deg); 
	}
	.mentorjs .mtdwei {
		padding: 90px 50px 0 18px;
	}
}
@media screen and (max-width:959px) {
	.suoshiwz {
		height: 43px;
		line-height: 43px;
	}

	.casean {
		margin: 46px auto 30px;
		background-size: 60%;
	}

	.casean h2 {
		font-size: 20px;
		line-height: 28px;
	}

	.casean h3 {
		font-size: 18px;
		line-height: 14px;
	}

	.mentorjs .mtname{
		width:78px;
		height:78px;
		line-height: 78px;
		font-size:16px;
	}
	.mentorjs .mtname:after{
		right: -5px;
		bottom: 30px;
		transform:rotate(45deg); 
	}
	.mentorjs .mtdwei {
		padding: 60px 50px 0 18px;
	}
	.mentorjs .mtdwei h3 {
		font-size: 20px;
		margin: 12px 0 12px;
	}

	.mentorjs .mtdwei p {
		margin-bottom: 10px;
	}

	.mentorjs .mtdwei a {
		width: 120px;
		height: 40px;
		line-height: 36px;
	}

	.lecdiv .lecli .caption {
		background-color: #fff;
		padding: 15px;
	}
}

@media screen and (max-width:767px) {
	.casean {
		margin: 32px auto 18px;
	}

	.casean h2 {
		font-size: 18px;
		line-height: 28px;
	}

	.casean h3 {
		font-size: 16px;
		line-height: 14px;
	}

	.mentorjs .mtname{
		width:66px;
		height:66px;
		line-height: 66px;
		font-size: 14px;
		top: 10%;
	}
	.mentorjs .mtname:after{
		right: -4px;
		bottom:24px; 
	}

	.mentorjs .mtdwei {
		width: 55%;
		float: right;
		padding: 20px 0px 0 14px;
		color: #4d4d4d;
		line-height: 22px;
		box-sizing: border-box;
	}

	.mentorjs .mtdwei h4 {
		font-size: 14px;
	}

	.mentorjs .mtdwei h3 {
		font-size: 18px;
	}

	.lecdiv {
		margin: 0 -6px;
	}

	.lecdiv .lecli {
		padding: 0 6px 12px;
	}

	.lecdiv .lecli .caption {
		padding: 10px;
	}

	.lecdiv .lecli .caption h3 {
		font-size: 16px;
		line-height: 22px;
		padding-bottom: 2px;
		overflow: hidden; white-space: nowrap;text-overflow: ellipsis;
	}

	.lecdiv .lecli .caption a {
		width: 98px;
		height: 28px;
		margin: 12px 0;
	}
}

@media screen and (max-width:679px) {
	.casean {
		background: 0 0;
	}

	.casean h2 {
		font-size: 18px;
	}

	.casean h3 {
		font-size: 16px;
	}
}

@media screen and (max-width:639px) {
	.lecdiv .lecli {
		width: 50%;
	}

	.lecdiv .lecli img{
		width: 100%;
		height: 188px;
	}

	.lecdiv .newsfyol {
		padding: 8px 0 0;
		margin-left: auto;
		margin-right: auto;
		width: 60%;
	}

	.lecdiv .newsfyol .newsfyli+.newsfyli {
		margin-left: 11px;
	}

	.lecdiv .newsfyol .newsfyli:nth-child(n+5) {
		display: none;
	}

	.lecdiv .newsfyol .newsfyli:last-child {
		display: block;
	}
	.mentorjs .mtname{
		width:46px;
		height:46px;
		line-height: 46px;
		font-size: 12px;
		top: 10%;
	}
	.mentorjs .mtname:after{
		right: -3px;
		bottom:16px; 
	}

	.mentorjs .mtdwei {
		width: 55%;
		float: right;
		padding: 10px 0px 0 10px;
		color: #4d4d4d;
		line-height: 22px;
		box-sizing: border-box;
	}

	.mentorjs .mtdwei h4 {
		font-size: 14px;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	.mentorjs .mtdwei p{
		font-size: 12px;
		line-height: 16px;
		 overflow: hidden;
	    -webkit-line-clamp: 4;
	    -webkit-box-orient: vertical;
	    display: -webkit-box;
	}
	.mentorjs .mtdwei h3 {
		font-size: 18px;
		margin:8px 0;
	}
	.mentorjs .mtdwei a {
		width: 100px;
		height: 30px;
		box-sizing: border-box;
		border: 2px solid #000;
		line-height: 26px;
		text-align: center;
		color: #000;
		font-size: 12px;
		font-weight: 700;
	}
	
	.mentorjs .mtdwei .w_tel{ width:100px; background:#F00; color:#FFF; 	
	-moz-border-radius: 20px;  
	-webkit-border-radius: 20px;  
	border-radius: 20px; 
	line-height:30px;
	border:0;
	behavior: url(iecss3.htc)  	

	 }
	
	
}

@media screen and (max-width:539px) {
	.common {
		width: auto;
		padding: 0 10px;
	}

	.suoshiwz {
		height: 32px;
		line-height: 32px;
	}

	.main .casean {
		margin: 24px auto 24px;
	}

	.main .casean h2 {
		font-size: 16px;
		line-height: 22px;
	}

	.main .casean h3 {
		color: #545454;
		font-size: 14px;
	}
}
@media screen and (max-width:479px) {
	.mentorjs .mtname{
		width:42px;
		height:42px;
		line-height: 42px;
		top: 8%;
		left: 32%;
	}
	.mentorjs .mtname:after{
		right: -3px;
		bottom:15px; 
	}
	.mentorjs .mtdwei {
		padding: 10px 0 0 15px;
	}
	.mentorjs .mtdwei h4 {
		font-size: 14px;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	.mentorjs .mtdwei p{
		font-size: 12px;
		line-height: 16px;
		margin-bottom:6px; 
		 overflow: hidden;
	    -webkit-line-clamp: 1;
	    -webkit-box-orient: vertical;
	    display: -webkit-box;
	}
	.mentorjs .mtdwei h3 {
		font-size: 14px;
		margin:4px 0;
	}
}	
@media screen and (max-width:399px) {
	.lecdiv .newsfyol {
		width: 92%;
	}
}