/*
* @description: 中创产业研究院产业方向页、行业资讯页
* @author: huangxiang
* @update: name (2017-09-20 11:30)
*/
html,body{
	width: 100%;
	background: #e9e9e9;
}

.main{
	margin: 120px auto 0;
	width: 1200px;
}
/*tab切换*/
.main .tab{
	width: 820px;
	margin-top: 30px;
}
.main .tab .title{
	width: 800px;
	height: 50px;
	padding: 15px 0 0 54px;
	background: #fff;
}
.main .tab .title li{
	float: left;
	/*margin-right: 78px;*/
    margin-right: 47px;
	font-size: 16px;
	cursor: pointer;
	color: #666;
	position: relative;
}

.main .tab .title li:after{
	content: "";
	width: 0;
	height: 2px;
	background: #ce1d19;
	position: absolute;
	bottom: -15px;
	left: 50%;
	transition: all .5s;
}
.main .tab .title li:hover{
	color: #ce1d19 !important;
}
.main .tab .title li:hover:after{
   left: 0%;
   width: 100%;
}
.sideDiv{
	width: 100%;
	height: 2px;
	background: #ce1d19;
	position: absolute;
	bottom: -15px;
	left: 0%;
	display: none;
}
.tabContent{
	display: none;
	margin-top: 30px;
}
.tabContent{
	display: none;
}
.ind_art_wrap{
	width: 800px;
	background: #fff;
	padding: 34px 0 0 34px;

}
.ind_art_option{
	width: 732px;
	border-bottom: 1px dashed #eee;
	padding-bottom: 34px;
	
}
.tabContent:last-child{
	border: none;
}
.ind_ct_pho{
	width: 210px;

}
.ind_ct_pho img{
	width: 100%;

}
.ind_ct_main{
	width: 470px;
	margin: 0 0 0 26px;
}
.ind_main_tit{
	font-size: 22px;
	color: #1e1e1e;
}
.ind_main_ct{
	font-size: 14px;
	line-height: 1.5;
	color: #999;
	margin: 14px auto 30px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.ind_main_time{
	font-size: 14px;
	color: #999;
}
.in_main_read{
	margin-left: 15px;
}


.main .tab .content .article{
	width: 500px;
	margin-left: 22px;
}
.main .tab .content .article .article_title{
	font-size: 18px;
	line-height: 1.5;
	cursor: pointer;
	font-weight: 600;
	color: #333;
}

.main .tab .content .article .article_title:hover{
	color: #022ab2;
}
.main .tab .content .article .describe{
	margin: 20px 0 30px; 
	line-height: 1.5;
	font-size: 14px;
	color: #666;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.main .tab .content .article .pubishTime{
	font-size: 14px;
	color: #666;
}


/*common  right*/
.in_art_option_r{
	padding: 16px 0 0 16px;
	width: 360px;
	background: #fff;
	margin-top: 30px;
}
.option_r_tt{
	margin: 0 0 14px;
	font-size: 18px;
	color: #999;
}
.ind_ct_main_r{
	width: 215px;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.option_r_ct{
	width: 328px;
	padding-bottom: 16px;
	margin-bottom: 14px;
	border-bottom: 1px dashed #eee;
}
.ind_ct_pho_r{
	width: 100px;
	height: 76px;
}
.ind_ct_pho_r img{
	width: 100%;
}
.ind_main_tit_r{
	color: #1e1e1e;
	font-size: 16px;
}
.ind_main_time_r{
	color: #999;
	font-size: 12px;
	margin-top: 20px;
}
.ind_main_read_r{
	color: #999;
	font-size: 12px;
	margin-top: 4px;
}
.option_r_ct_pho{
	width: 258px;
	height: 256px;
	margin: 26px auto 94px;
}

.option_r_ct_intro{
	width: 260px;
	margin-top: 10px;
	color: #666;
	font-size: 14px;
	line-height: 1.5;
}
.option_r_bsn{margin-right: 14px;}

.tab .title a .active {color:#ce1d19;background: transparent;}
.tab .title a .active .sideDiv {display: block;}
