@charset "utf-8";

body {
	font-family: "微软雅黑", Arial, Helvetica, sans-serif;
	color: #111;
	font-size: 13px;
	margin: 0 auto;
	line-height: 1.5;
}

dl,
ul,
li,
ol,
dt,
dd,
p,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
figure,
iframe {
	padding: 0;
	margin: 0;
	font-weight: normal;
	font-family: "微软雅黑", Arial, Helvetica, sans-serif;
}

dl,
ul,
li,
dt,
dd,
ol {
	list-style: none;
}

pre {
	white-space: normal;
	color: #666;
}

img {
	border: 0;
}

em,
i,
s {
	font-style: normal;
	text-decoration: none;
}

.all_grey {
	color: #666;
}

.all_blue {
	color: #00a3e7;
}

.all_blue:hover {
	text-decoration: underline;
}

a {
	text-decoration: none;
	color: #111;
}

	a:hover {
		color: #dd4f50;
	}

.clearfix::after {
	display: block;
	clear: both;
	content: ""
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.pr {
	position: relative;
}

.none {
	display: none;
}

.hidden {
	visibility: hidden;
}

.center {
	text-align: center;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mr0 {
	margin-right: 0 !important;
}

.mb0 {
	margin-bottom: 0 !important;
}

.mr20 {
	margin-right: 20px;
}

.mr40 {
	margin-right: 40px;
}

.h34 {
	height: 34px;
	line-height: 34px;
}

.pt15 {
	padding-top: 15px;
}

.a_wd_full {
	width: 100%;
}

.a_wd {
	width: 1240px;
	margin-left: auto;
	margin-right: auto;
}
.hide {
	display: none;
}
.center {
	text-align: center;
}
.bg-gray {
	background-color: #fafafa;
}
.bg-white {
	background-color: #FFF;
}
.top {
	padding: 15px 0;
	background-color: #FFF;
}

.logo {
	width: 200px;
	height: 65px;
	position: relative;
	z-index: 9100;

}

.logo h1#logo {
	position: absolute;
	left: 0;
	top: 0;
	width: 190px;
	height: 100%;
	z-index: 1;
}

.logo h1#logo img {
	display: block;
	max-width: 100%;
}

.top_weixin_box {
	height: 65px;
	margin-left: 100px;
	position:relative;
	text-align:left;
}

.top_weixin_box img {
	width: 100%;
}
	.top_weixin_box .iconfont {
		font-size: 18px;
		color: #aa2739
	}
	.top_weixin_box .top-tel{padding-left:50px; color:#aa2739; font-size:18px; line-height:28px;}
	.top_weixin_box .tol-tel-tip {
		padding-left: 50px;
		color: #999;
		font-size: 12px;
		line-height: 25px;
	}
	.top .search {
		margin-left: 170px;
		width: 370px;
		height: 45px;
		margin-top: 8px;
		position: relative;
		overflow: hidden;
		background: url(../images/search_bj1.gif) no-repeat left;
	}

	.top .search #keywords {
		width: 290px;
		height: 41px;
		line-height: 41px;
		border: 0;
		float: left;
		padding: 2px 5px;
		background: transparent;
	}

	.top .search .button {
		border: 0;
		width: 70px;
		height: 45px;
		cursor: pointer;
		float: right;
		background: transparent;
		text-indent: -9999px;
	}

.nav_con {
	width: 100%;
	background: #FFF;
	height: 35px;
	box-shadow: 0 15px 15px 0 rgba(0,0,0, .1);
}

.nav {
	height: 35px;
	margin: 0 auto;
}

.nav ul li {
	float: left;
	width: 150px;
	height: 35px;
	text-align: center;
}
	.nav ul li a {
		display: inline-block;
		height: 32px;
		font-size: 18px;
		color: #1e1e1e;
		text-decoration: none;
	}

		.nav ul li a:hover, .nav ul li a.nav_on {
			color: #aa2739;
		}

.nav ul li.nav_shop {
	width: 125px;
}

.nav ul li.nav_shop a {
	width: 90px;
	padding-left: 35px;
	text-align: left;
	background: url(../images/fx.png) 8px 14px no-repeat;
}

.nav ul li.nav_shop a:hover,
.nav ul li.nav_shop a.nav_on {
	background: #1370c7 url(../images/fx.png) 8px 14px no-repeat;
}

.banner {
	width: 100%;
	text-align: center;
	overflow: hidden;
}

.banner img {
	display: block;
	width: 100%;
}

.teacher-list {
	padding: 30px 0 0;
}

.course-list {
	padding: 30px 0 0;
}

.list_title {
	background-color:
		#fff;
	margin: 15px 0;
	height: 60px;
	width: 100%;
}

.list_title .list-tab {
	float: left;
	width:1050px;
	padding-left:30px;
}

.tab-menu a:link,
.tab-menu a:visited {
	color: #999999;
}

.tab-menu a:hover,
.tab-menu a:active {
	color: #DE0207;
}

a.index_more {
	float: right;
	margin-right: 25px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #999999;
	cursor: pointer;
	font-size:14px;
}

a.index_more:hover {
	color: red;
}

.tab-menu {
	height: 60px;
	float: left;
}

.tab-menu li {
	float: left;
	line-height: 58px;
	font-size: 14px;
	margin-right: 25px;
	height: 58px;
}
.tab-menu li.change{border-bottom:3px solid #dd4f50;}

.list_title {
	background-color: #fff;
	margin: 0 0 15px 0;
	height: 60px;
	width: 100%;
	border-bottom: 2px solid #ddd;
}

.teacher {
	width: 100%;
}
.tacherList{margin:0 auto; padding-left:15px;}
	.tacherList li {
		width: 230px;
		height: 290px;
		float: left;
		margin-left: 5px;
		margin-right: 5px;
		margin-bottom: 22px;
		padding-bottom: 10px;
		background-color: #fff;
		border: 1px solid #ccc;
	}
	.tacherList li:hover {
		-webkit-transform: translate3d(0,-2px,0);
		-moz-transform: translate3d(0,-2px,0);
		transform: translate3d(0,-2px,0);
		-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.1);
		-moz-box-shadow: 0 10px 10px rgba(0,0,0,.1);
		box-shadow: 0 5px 10px rgba(0,0,0,.1)
	}
	.tacherList li .teacher-list-img {
		display: block;
		width: 100%;
		height: 228px;
		overflow: hidden;
		text-align: center;
	}
		.tacherList li a img{display:block;width:100%;}

		.tacherList li .t-name {
			margin: 10px 10px 5px;
			font-size: 14px;
			color: #333;
			position: relative;
		}
		.tacherList li .t-name span {
			position: absolute;
			right: 0;
			color: #888;
			font-size: 14px;
		}
	.tacherList li .t-intro {
		margin: 0 10px;
		display: overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		color: #888;
	}

.tacherList img {
	margin: 1px 1px 0px 1px;
}



.information {
	width: 100%;
}
.inforlist{margin:0 auto;padding-left:5px;}
.inforlist li {
	width: 290px;
	height: 215px;
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
	background: #fff;
	border: 1px solid #ccc;
}
	.inforlist li:hover {
		-webkit-transform: translate3d(0,-2px,0);
		-moz-transform: translate3d(0,-2px,0);
		transform: translate3d(0,-2px,0);
		-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.1);
		-moz-box-shadow: 0 10px 10px rgba(0,0,0,.1);
		box-shadow: 0 5px 10px rgba(0,0,0,.1)
	}

	.inforlist li .course-list-img {
		display: block;
		width: 100%;
		height: 150px;
		overflow: hidden;
		text-align: center;
	}

		.inforlist li .course-list-img img {
			width:100%;
			display:block;
		}
.inforlist li h3{margin:5px 10px;font-size: 16px; color:#333;}
.inforlist .info-t2{margin:0 10px ;color: #979797;}

	.ft_number {
		height: 32px;
		padding: 37px 0;
	}

.ft_number i {
	float: left;
	margin-right: 14px;
	font-size: 40px;
}

.ft_number li {
	float: left;
	width: 20%;
	font-size: 16px;
	color: #666;
	line-height: 32px;
}

.ft_number li .ico_hf {
	float: left;
	margin-right: 14px;
}

.ft_number li p {
	float: left;
}

.ft_main {
	padding: 50px 0 40px;
	background: #eee;
}

/**/
.kefu {
	float: left;
	padding-left: 70px;
	position: relative;
	color: #aa2739;
}

.kefu .i_hf11 {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 46px;
}

.kefu .f16 {
	font-size: 16px;
	line-height: 24px;
}

	.kefu .din-m, .kefu div {
		font-size: 22px;
		line-height: 38px;
	}

	.kefu .f12 {
		font-size: 12px;
		color: #aa2739;
		margin-top: 7px;
	}

.kefu .btn {
	width: 110px;
	height: 30px;
	border: 1px solid #ccc;
	margin-top: 15px;
	font-size: 14px;
	line-height: 30px;
	cursor: pointer;
	transition: all .15s linear;
	text-align: center;
}

.kefu .btn .i_hf6 {
	float: right;
	margin: 10px 10px 0 0;
}

.kefu .btn:hover {
	opacity: .7;
}

/**/
.ft_r dl {
	float: left;
	width: 100px;
}

.ft_r dl dt {
	color: #111;
	font-weight: 600;
	line-height: 16px;
	margin-bottom: 20px;
}

.ft_r dl dd {
	height: 28px;
	overflow: hidden;
}

.ft_r dl dd a {
	float: left;
	font-size: 12px;
	color: #666;
	line-height: 28px;
	transition: color .25s linear;
}

.ft_r dl dd a:hover {
	color: #999;
}

.ft_r dl.r_1,
.ft_r dl.r_2 {
	margin-right: 85px;
}

.ft_r dl.r_3 {
	margin-right: 100px;
}

.ft_r dl.r_4 {
	padding-right: 45px;
}

.ft_r dl.r_4 dd {
	height: auto;
}
.ft_r dl.r_4 dd img{display: block;width: 100%;}
/* ft_tab */
.ft_tab {
	margin-top: 23px;
}

.ft_tab .tab_nav {
	height: 35px;
	line-height: 30px;
	border-bottom: 1px solid #262626;
}

.ft_tab .tab_nav span {
	float: left;
	padding-bottom: 5px;
	position: relative;
	font-size: 12px;
	color: #999;
	margin-right: 30px;
	cursor: pointer;
}

.ft_tab .tab_nav span.cur {
	color: #fff;
}

.ft_tab .tab_nav span.cur:after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 2px;
	background-color: #fff;
	content: '';
}

.ft_tab .tab_item {
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
	padding-top: 15px;
}

.ft_tab .tab_item a,
.ft_tab .tab_item span {
	float: left;
	color: #4d4d4d;
	margin-right: 15px;
	transition: color .25s linear;
}

.ft_tab .tab_item a:hover,
.ft_tab .tab_item span:hover {
	color: #999;
}

/* ft_other */
.ft_other {
	height: 86px;
}

.ft_other .r_safety {
	float: right;
	width: 99px;
	height: 38px;
	margin-top: 24px;
}

.ft_other .ft_link_map {
	padding-top: 16px;
	overflow: hidden;
	text-align:center;
}

.ft_other .ft_link_map li {
	display:inline-block;
	margin:0 20px;
}

.ft_other .ft_link_map li a {
	color: #666;
	transition: color .25s linear;
}

.ft_other .ft_link_map li a:hover {
	color: #000;
}

.ft_other .copyright {
	font-size: 12px;
	color: #999;
	margin-top: 10px;
	text-align:center;
}

.ft_other .copyright span {
	color: #666;
	margin: 0 5px;
}

/*讲师*/
.teacher-channel {
	background: #fafafa;
	margin:0 auto;
	padding: 30px 0;
}

.channel-left {
	width: 68.6440678%;
}

.channel-right {
	width: 27.9661017%;
}
.right-title {
	font-size: 21px;
	padding-left: 0;
	padding-right: 0;
	border-bottom: 1px solid #eee;
	padding-bottom: 12px;
	text-align: left;
	margin-bottom: 10px;
	color: #aa2739;
}
.hot-tag a{display: inline-block; margin-right: 15px; border: #ff6900 1px solid; border-radius: 20px; padding: 3px 8px; text-align: left; margin: 5px 10px 5px 0; color:#ff6900}
.hot-tag a:hover{color:#fff;background: #ff6900;}
.channel_Title {
	line-height: 26px;
	height: 26px;
	padding-bottom: 12px;
	color: #00a3e7;
	font-size: 26px;
}

.channel_Title span {
	font: normal 14px/34px
}

.channel_Title span a {
	color: #00b5e7
}

.seotags_type {
	text-align: left;
	padding: 15px 20px;
	text-align: left;
	line-height: 26px;
	background: #FFF;
	border-bottom: 1px solid #eee;
}

.seotags_type li {
	margin-top: 20px;
}
	.seotags_type li.sub-category {
		margin-top: 5px;
		padding: 15px;
		background-color: #f5f5f5;
		border: 1px solid #ddd;
	}
	.seotags_type li:first-child{margin-top:0;}
	.seotags_type a {
		margin: 0 2px;
		padding: 1px 3px;
	}

	.seotags_type li.sub-category a{color:#666;}
	.seotags_type a.curpn {
		color: #aa2739;
		border-bottom: 2px solid #aa2739;
		padding: 1px 3px;
	}

.seotags_type strong {}

.teacherZl {
	border: solid 1px #FFF;
	margin: 0;
	padding:25px 10px;
	background-color:#FFF;
	border-bottom:1px solid #ccc
}
	.teacherZl:hover {
		border: 1px solid #aa2739;
	}
	.teacher-list-cnt { /* background: #fff;padding: 15px 20px; */
	}
.teacherZl:hover .course-list-more {
	background: #aa2739;
	color: #fff
}
.teacherZl_item {
	width: 100%;
}

.teacherZl_item dl {
	width: 100%;
}

.teacherZl_item dl dt {
	width: 23.6363636%;
	float: left
}

.teacherZl_item dl dt a {
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	overflow: hidden;
	text-align: center
}

.teacherZl_item dl dt a img {
	width: 100%;
}

.teacherZl_item dl dd {
	width: 73.6363636%;
	float: right;
}

.teacherZl_item dl dd h1 {
	height: 35px;
	font: bold 18px/22px "微软雅黑";
	color: #0000ff
}

.teacherZl_item dl dd h1 img {
	float: left;
	padding: 6px 0px 0px 15px;
}

.teacherZl_item dl dd h1 b {
	float: left;
	font-weight: normal;
}
.Specialty {
    width: 100%;
    line-height: 22px;
    margin-top: 8px;
    overflow: hidden;
	color:#888;
}
.Specialty b{font-weight: bold;color:#333;}
.pdCity {
	font: normal 13px/22px "微软雅黑";
	float: right;
	color: #999;
	padding-right: 20px;
}

.Apply,
.PdRelease {
	background: #f9f9f9;
	padding: 15px 25px;
	border: 1px solid #eee;
}
.wechat_kf img{width: 203px;height: 203px;}
.Apply h4 {
	height: 35px;
	font: normal 20px/35px "微软雅黑";
}

.ApplyText {
	color: #999;
	line-height: 26px;
}

.ApplyText b {
	color: #00a3e7;
	font-weight: normal;
	margin: 0 3px;
}

.ApplyFrame {
	width: 100%;
	display: block;
	padding: 20px 0 10px;
}

.ApplyFrame i,
.ApplyFrame em {
	display: block;
}

.ApplyFrame em {}

.apply_ss {
	color: #999;
	line-height: 28px;
	width: 98.5%;
	height: 28px;
}

.pdButton {
	border: none;
	cursor: pointer;
	width: 100%;
	margin-top: 10px;
	background: #00a3e7;
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 38px;
}

.PdRelease {
	margin-top: 30px;
	text-align: center
}

	.PdRelease span {
		line-height: 45px;
		font-size: 16px;
		color: #aa2739;
	}

.PdRelease p {
	width: 100%;
	margin: 10px auto;
}

	.PdRelease p a,
	.PdRelease p a:hover {
		display: block;
		line-height: 45px;
		background: #aa2739;
		color: #fff;
		font-size: 16px;
		border-radius: 6px;
	}
.hot-course li {
	background: url(../images/item_02.gif) no-repeat left;
	padding-left: 10px;
}
	.hot-course li a {
		text-align: left;
		display: block;
		padding: 5px 0 15px;
		margin-bottom: 10px;
		border-bottom: 1px dashed #ddd;
		width: 280px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
.teacher-intro {
	/*background: -ms-linear-gradient(left, #1c2639, #303c52);
	background: -moz-linear-gradient(left, #1c2639, #303c52);
	background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#1c2639), to(#303c52));*/
	background:#aa2739;
	padding-bottom: 40px;
	position:relative;
}
.teacher-intro-img{position:absolute;right:0;top:0; height:288px;}
	.teacher-intro-img img{height:100%;width:auto;}
	.teacher-l-h {
		padding-top: 40px;
		/*background: url(../images/info-bg.png) right top no-repeat;*/
	}

.teacher-photo,
.teacher-l-h img {
	padding: 0;
	display: block;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	overflow: hidden;
}

.teacher-photo {
	padding: 4px;
	box-shadow: 0 3px 10px rgba(0, 0, 0, .15);
	background:#fff;
}

.teacher-info {
	width: 660px;
	_width: 660px;
	max-width: none;
	border-right: 0;
	padding: 0;
}

.teacher-home-name {
	color: #fff;
	display: block;
	padding-bottom: 10px;
}

.teacher-home-intro {
	color: #eee;
	margin: 10px 0;
}

.teacher-home-intro strong {
	font-weight: 600;
}

.teach-home-info {
	background: #fafafa;
	padding: 30px 0 40px;
}

.teach-home-intro-r {
	width: 27.9661017%;
}

.teach-home-intro-cnt {
	background: #fff;
	width: 68.6440678%;
}

.lawinfo-tab {
	background-color: #e6e6e6;
	height: 60px;
	margin-bottom: 20px;
}

.lawinfo-tab.r-7 a {
	width: 14.2%;
}

.lawinfo-tab.r-6 a {
	width: 16.6%;
}

.lawinfo-tab.r-7 .la-now-tab {
	width: 14.8%;
}

.lawinfo-tab.r-6 .la-now-tab {
	width: 17%;
}

.lawinfo-tab a {
	float: left;
	padding: 12px 0 14px;
	width: 128px;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	text-align: center;
	background:	#e6e6e6;
	border-top: 2px solid #e6e6e6;
}

	.lawinfo-tab .la-now-tab {
		font-size: 16px;
		color: #aa2739;
		background: #fff;
		border-color: #aa2739;
	}

.teach-info-title {
	height: 62px;
	line-height: 62px;
	padding: 0 28px 0 0;
	font-size: 18px;
	font-family: "微软雅黑";
	border-bottom: 1px solid #ccc;
	padding: 0 20px;
	color: #333;
}
.teach-info-txt{
	padding: 15px 20px 20px;
	color: #666;
}
.course-list-box{margin:0; padding:0}
.course-list-box li{
	display:block;
	background: #fff;
	border: 1px solid #fff;
	padding: 20px 10px 5px;
	border-bottom: 1px solid #ccc;
}
	.course-list-box li:hover {
		border: 1px solid #aa2739;
	}
		.course-list-box li:hover .course-list-more {
			background: #aa2739;
			color: #fff
		}
.course-list-img {
	float: left;
	width: 292px;
	height: 150px;
	overflow: hidden;
	border-radius:6px;
}
.course-list-img img {
	display: block;
	width: 100%;
}
.course-list-cnt {
	padding: 10px 0 10px 315px;
}
.video-list-img {
width:500px;
margin:0 auto;
text-align:center;
}
	.video-list-img .video-js {
		width: 500px;
		height: 350px;
		margin: 0 auto;
		padding-top: 10px
	}
.video-list-cnt {
	width: 720px;
	margin: 0 auto;
	text-align:center;
}
.video-list-box li {
	background: #fff;
	border: 1px solid #fff;
	padding: 20px 10px;
	border-bottom: 1px solid #ccc;
}
.course-list-box li:hover .course-list-more {
			background: #aa2739;
			color: #fff
		}

.course-list-title {
	font-size: 18px;
	margin-bottom: 10px;
	color: #333;
}

.course-list-item,
.course-list-intro {
	margin-bottom: 10px;
	color:#666;
}

.course-list-item span {
	margin-right: 10px;
	font-weight: bold;
}

.course-list-more {
	outline: 0;
	-webkit-appearance: none;
	transition: all .3s;
	-webkit-transition: all .3s;
	box-sizing: border-box;
	cursor: pointer;
	white-space: nowrap;
	text-align: center;
	display: inline-block;
	border-radius: 60px;
	padding: 0 40px;
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	color: #aa2739;
	border: 1px solid #aa2739;
	background: #fff;
}
	.course-list-more:hover {
		background: #aa2739;
		color: #fff
	}
.content-channel{background-color:#f5f5f5;padding:50px 0;}
.content-left {
	float: left;
	width: 290px;
	padding: 20px 0;
	border: 1px solid #e8e8e8;
	border-top-color: #aa2739;
	background: #fff;
}
.content-right {
	float: right;
	width: 850px;
	font-size: 14px;
	text-align: left;
	color: #5F5F5F;
	line-height: 30px;
	padding: 0 38px;
	overflow: hidden;
	border: 1px solid #e8e8e8;
	border-top-color: #aa2739;
	background: #fff;
}
.content-left li {
	height: 50px;
	font-size: 18px;
	line-height: 50px;
	color: #1e1e1e;
	text-align: center;
	cursor: pointer
}

	.content-left li.current {
		background: #aa2739;
		color: #f54343
	}

	.content-left li.current {
		background-color: #aa2739
	}
		.content-left li.current a,
		.content-left li.current a:hover {
			color: #fff;
		}

.content-left li a:hover {
	color: #1e1e1e;
	text-decoration: none
}
	.content-left li a {
		line-height: 50px;display:block;height:50px;
	}
.content-left li a i {
	display:inline-block;
	height:50px;
		font-size: 26px;
		line-height: 50px;
		margin-right: 10px;
	}
	.gywm_column_title {
		padding-top: 30px;
		font-size: 24px;
		color: #1E1E1E;
		margin-bottom: 20px;
	}
.works-info {
	margin-top: 10px;
}

	.works-info ul{margin:0 -25px;}
	.works-info li {
		width: 240px;
		overflow: hidden;
		background: #ffffff;
		float: left;
		border: solid 1px #E7E7E7;
		margin: 0 25px 45px;
		border-radius: 4px;
	}
.works-info li:hover {
			-webkit-transform: translate3d(0,-2px,0);
			-moz-transform: translate3d(0,-2px,0);
			transform: translate3d(0,-2px,0);
			-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.1);
			-moz-box-shadow: 0 10px 10px rgba(0,0,0,.1);
			box-shadow: 0 5px 10px rgba(0,0,0,.1)
}
.workpicfix{height:200px;overflow:hidden;}
	.workpicfix img{width:100%;text-align:center;}
	.works-info li h2 a:hover, .works-info li h3 a:hover, .works-info li h4 a:hover {
		text-decoration: underline;
	}

		.works-info li h2, .works-info li h3, .works-info li h4 {
			font-size: 14px;
			padding: 0 10px;
			box-sizing: border-box;
			font-weight: normal;
			text-overflow: ellipsis;
			overflow: hidden;
			white-space: nowrap;
		}

			.works-info li h2 a {
				color:#111;
				line-height: 38px;
			}

				.works-info li h2 a:hover {
					line-height: 38px;
					text-decoration: none;
				}

		.works-info li h3 {
			font-size: 13px;
			box-sizing: border-box;
			color: #999;
		}

			.works-info li h3 a {
				font-size: 13px;
				color: #666;
				line-height: 36px;
			}

				.works-info li h3 a:hover {
					color: #0da056;
					text-decoration: none;
				}

		.works-info li h4 {
			font-size: 13px;
			box-sizing: border-box;
			color: #999;
			padding-bottom:10px;
		}

			.works-info li h4 a {
				font-size: 12px;
				color: #999;
				line-height: 36px;
			}

				.works-info li h4 a:hover {
					text-decoration: none;
					color: #777;
				}

.works-icon {
	background: #fff;
	box-sizing: border-box;
	padding: 5px 0;
	border-top: solid 1px #efefef;
}

	.works-icon span {
		display: inline-block;
		color: #777;
		text-align: left;
		padding-left: 9px;
		box-sizing: border-box;
	}

	.works-icon i {
		font-size: 14px;
		color: #999999;
		margin: 0 2px;
		position: relative;
		top: 3px;
	}

.works-info1 {
	margin-top: 10px;
}

	.works-info1 li {
		width: 276px;
		overflow: hidden;
		background: #ffffff;
		float: left;
		border: solid 1px #E7E7E7;
		margin: 0 15px 45px;
		border-radius: 4px;
	}

		.works-info1 li:hover {
			-webkit-transform: translate3d(0,-2px,0);
			-moz-transform: translate3d(0,-2px,0);
			transform: translate3d(0,-2px,0);
			-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.1);
			-moz-box-shadow: 0 10px 10px rgba(0,0,0,.1);
			box-shadow: 0 5px 10px rgba(0,0,0,.1)
		}

.works-info1 li h2 a:hover, .works-info1 li h3 a:hover, .works-info1 li h4 a:hover {
	text-decoration: underline;
}

.works-info1 li h2, .works-info1 li h3, .works-info1 li h4 {
	font-size: 14px;
	padding: 0 10px;
	box-sizing: border-box;
	font-weight: normal;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

	.works-info1 li h2 a {
		color: #111;
		line-height: 38px;
	}

		.works-info1 li h2 a:hover {
			line-height: 38px;
			text-decoration: none;
		}

.works-info1 li h3 {
	font-size: 13px;
	box-sizing: border-box;
	color: #999;
}

	.works-info1 li h3 a {
		font-size: 13px;
		color: #666;
		line-height: 36px;
	}

		.works-info1 li h3 a:hover {
			color: #0da056;
			text-decoration: none;
		}

.works-info1 li h4 {
	font-size: 13px;
	box-sizing: border-box;
	color: #999;
	padding-bottom: 10px;
}

	.works-info1 li h4 a {
		font-size: 12px;
		color: #999;
		line-height: 36px;
	}

		.works-info1 li h4 a:hover {
			text-decoration: none;
			color: #777;
		}




.project-list {
	padding: 30px 0;
}