/*有用到的css*/
.case_box {
	border: #d2d2d2 0px solid;
	clear: both;
	width: 100%;
	font-size: 14px;
}
.case_main {
	padding-top: 0px; width:100%; clear:both;
}
.case_main p {
	margin: 7px 0;
}
.case_main h2 {
	font: 18px/30px  bold;
	color: #666;
	margin: 30px 0 20px;
}
.case_main h3 {
	font: 16px/30px  bold;
	color: #666;
	line-height: 30px;
}
/*font color*/
.red_txt1 {
	color: #fb8c33
}
.bule_txt1 {
	color: #08c
}
.case_relate {
	color: white;
	font-weight: bold;
	text-indent: 10px;
	height: 25px;
	line-height: 25px;
	background: #eee url(./bg-h4.gif) no-repeat 0px 0px;
}
.case_relate_info {
	width: 100%;
	padding: 0;
	margin: 40px auto;
}
.case_relate_pic {
	display: block;
	float: left; width:100%; margin-bottom:20px;
}

.case_relate_pic .img-polaroid {
	clear: both;
	display: block;
	width:100%; height:100%;

		margin:0 auto;
	padding: 4px;
	border: #e1e1e1 1px solid;
	-webkit-box-shadow: 0 1px 6px rgba(69,124,223, 0.7);
	-moz-box-shadow: 0 1px 6px rgba(69,124,223, 0.7);
	-o-box-shadow: 0 1px 6px rgba(69,124,223, 0.7);
	box-shadow: 0 1px 6px rgba(69,124,223, 0.7);
}
.case_relate_pic a:hover .img-polaroid {
	border: #A3C4FF 1px solid;
	-webkit-box-shadow: 0 1px 6px rgba(69,124,223, 0.7);
	-moz-box-shadow: 0 1px 6px rgba(69,124,223, 0.7);
	-o-box-shadow: 0 1px 6px rgba(69,124,223, 0.7);
	box-shadow: 0 1px 6px rgba(69,124,223, 0.7);
}
.case_relate_infotxt {
	
	clear: both;
	
	width:90%;
	display:block;
	margin:20px auto;

/****超出2行省略****/
overflow : hidden; 
text-overflow: ellipsis; 
display: -webkit-box; 
-webkit-line-clamp: 2; 
-webkit-box-orient: vertical; 

padding:0px;
line-height:1.3em; min-height:2.6em;
}
.case_list_tl{ width:100%;clear:both;}
.case_pic_btn{ display:block; padding:10px; color:#FFF; background:#009ADF; margin-top:85px; clear:both; width:292px; font-size:14px; margin:auto;}
.case_pic_btn:hover{ color:#FF0;}

/*relatedartlist*/

.relatedartlist {
	clear: both;
	width: 100%;
	margin-top: 20px;
	height: 300px;
}
.relatedartlist ul {
		padding-top: 10px;
	margin-bottom: 30px;
}
.relatedartlist ul li {
	height: 24px;
	line-height: 24px;
	text-indent: 10px;
	border-bottom: 1px dotted #dfdfdf;
}
.relatedartlist ul li span {
	float: right;
	padding-right: 10px;
	color: #888;
	font-size: 12px;
}
.relatedartlist a {
	color: #666;
	font-size: 14px;
}
.relatedartlist a:hover {
	color: #ff6600;
}

/*relatedart*/
.relatedart {
	padding: 10px;
	background: #eee;
	line-height: 25px;
	margin-top: 25px;
	text-align: center
}
.relatedart span {
	color: #777
}
.relatedart a {
	color: #08c
}
.relatedart a:hover {
	color: #06F
}
.relatedart span.chknone, .relatedart a.chknone {
	color: #bbb
}
.relatedart a.chknone:hover {
	color: #bbb;
	cursor: default
}
/*relatedart结束*/


/*right*/

.case_map {
	border-bottom: #e2e2e2 1px solid;
	color: #888;
}
.case_map a {
	color: #888;
}
.case_map a:hover {
	color: #08c;
}
.case_hr {
	border: none;
	border-bottom: #ccc 1px dashed;
	height: 30px;
	overflow: hidden;
	display: block;
	width: 100%;
	clear:both;
	margin-top:20px;
}
.case_txtmain {
	clear: both;
}
.casepic_box {
	background: #fff;
	padding: 0px;
}
.case_txtlist {
	width: 100%;clear:both; 
}
.case_largrepic {
	width: 100%;
	height: 210px; clear:both;
	background-image: url(../images/innercasepic.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 15px;
	margin-top: 60px; text-align:center;
}
.case_largrepic img {
width:266px; 
height:168px; 
vertical-align:middle;margin:0px auto;
}

.showTit{
	height: 85px;
	border-bottom: 1px #d3d3d3 solid;
	width: 200px;
	margin: 0px auto;
	margin-top: 40px;
}
.showTit dt{ float:left; color:#0b98de; font-size:32px}
.showTit dt span{ display:block; color:#9a9a9a; font-size:16px}
.showTit dd{ float:right;}
.showTit dd img{ padding-left:14px;}


.case_morebtn { margin-top:20px; clear:both; width:100%; display:block;}
.innercasepic{ padding:60px; background-color:#eee;}
.innercasepic img{ width:100%;}
/*小屏幕*/
@media screen and (max-width: 768px) {
	.innercasepic{ padding:20px;}
	.case_largrepic { margin-top:40px; }
}