﻿/*有用到的css*/
.case_box {
	border: #d2d2d2 0px solid;
	clear: both;
	width: 100%;
	padding-top: 10px;
	margin-top: 25px;
}
.case_main {
	padding-top: 15px;
}
.case_main p {
	margin: 7px 0;
}
.case_main h2 {
	font: 18px/30px "Microsoft YaHei" bold;
	color: #666;
	margin: 10px 0px 10px 0px;
}
.case_main h3 {
	font: 16px/30px "Microsoft YaHei" bold;
	color: #666;
	line-height: 30px;
}
/*font color*/
.red_txt1 {
	color: #fb8c33
}
.bule_txt1 {
	color: #08c
}



/*relatedartlist*/

.relatedartlist {
	width: 100%;
	margin-top: 20px;
clear: both;

}
.relatedartlist h4.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_pic{ width:100%; clear:both; margin-top:20px;}
.case_relate_pic li{
	width: 25%;
	float: left;
	overflow:hidden;
}
@media screen and (max-width: 768px) {
.case_relate_pic li{
	width: 33.3%;}
}

@media screen and (max-width: 480px) {
.case_relate_pic li{
	width: 50%;}
}

.case_relate_pic li a.case_relate_piclink{
	display:block;
	padding:0px 15px;
	}
	
	@media screen and (max-width: 768px) {
.case_relate_pic  li a.case_relate_piclink{
		padding:0px 10px;}
}

@media screen and (max-width: 480px) {
.case_relate_pic  li a.case_relate_piclink{
	padding:0px 5px;}
}
.case_relate_pic li p.case_relate_picbg{	
clear: both;
	display: block;
	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 .img-polaroid {
	display:table;
	width: 100%; height:160px;

}
@media screen and (max-width: 768px) {
.case_relate_pic .img-polaroid {
	display:table;
	width: 100%; height:120px;

}
}
.case_relate_pic li a:hover p.case_relate_picbg{
	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 {
	height: 50px;
	overflow: hidden;
	clear: both;
	padding-top: 10px;
	width:100%;
	display:block;
}

.case_txtlist li{ clear:both; width:100%; padding:5px 0px;}
.case_list_tl{ width:100%;clear:both;}

.case_list_tl b{display:block;float:left;}
.case_list_tl a{ display:block;  padding:2px 15px; background-color:#666; color:#FFF; float:left; margin-right:10px; margin-bottom:5px;}
.case_list_tl a:hover{
	background-color: #FF6600;
}

.case_pic_btn{ display:block; padding:10px; color:#FFF; background:#009ADF; margin-top:15px; clear:both; width:292px; font-size:14px;}
.case_pic_btn:hover{ color:#FF0;}




/*right*/

.case_map {
	border-bottom: #e2e2e2 1px solid;
	color: #888;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 30px;
}
.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;
}
.case_txtmain img{ width:100%;}
.casepic_box {
	background: #FAFAFA;
	border: #f1f1f1 1px solid;
	padding: 15px;
		float: left;
}
.case_txtlist {
	float: left;
	width: auto;
}
.case_largrepic {
	float: right;
	width: auto;
}
.case_largrepic img {
	width: 300px;
	border: #d1d1d1 1px solid;
	padding: 5px;
	margin-top: 40px;
}


/*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结束*/

.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;}
