@charset "UTF-8";
/**
 * @authors Yuchi Wang
 * @date    2015-08-11 10:52:23
 */
body {
    background-color: rgb(248,248,248);
}
 #content {
	 margin-top:80px;
     margin-bottom: 40px;
 }
 #content .con-case-header {
 	width: 100%;
 	min-width:1236px;
 	height: 320px;
 	overflow: hidden;
 	background: url(../images/case-header.jpg) center 0 no-repeat;
 }
 #content .con-case-header .case-header-title {
     margin: 0 auto;
     width: 1210px;
 }
 #content .con-case-header .case-header-title h1{
 	margin-top: 60px;
 	width: 120px;
 	height: 48px;
 	border: 1px solid rgb(248,248,248);
 	text-align: center;
 	font-size: 20px;
    letter-spacing: 2px;
 	line-height: 50px;
 	color: rgb(248,248,248);
 }
 #content .con-case-detail {
    position: relative;
 }
 #content .con-case-detail .background-cover {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 160px;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: rgb(248,248,248); 
 }
 #content .con-case-detail .case-body {
 	display: block ;
 	margin: -160px auto 0;
 	width: 1036px;
 	background: #ffffff;
 	overflow: hidden;
 }
 #content .con-case-detail .case-body .case-recommend h5 {
 	margin: 115px auto 0;
 	width: 780px;
    border-bottom: 1px solid #1D4793;
	text-align: left;
	font-size: 16px;
	line-height: 26px;
	font-weight: bold;
	color: #1D4793;
 }
 #content .con-case-detail .case-body .case-recommend .rec-detail {
 	margin: 40px auto 0;
 	width: 780px;
 }
 #content .con-case-detail .case-body .case-recommend .rec-detail>div {float: left;}
 #content .con-case-detail .case-body .case-recommend .rec-detail .rec-img {
 	width: 311px;
 	height: 170px;
 }
 #content .con-case-detail .case-body .case-recommend .rec-detail .rec-describe {
 	width: 414px;
 	height: 170px;
    padding:0 0 0 38px;
 }
 #content .con-case-detail .case-body .case-recommend .rec-detail .rec-describe .desc-title a{
    color: rgb(126,126,126);
 }
 #content .con-case-detail .case-body .case-recommend .rec-detail .rec-describe .desc-title p{
 	margin: 0 0 15px 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
    color: rgb(74,73,73);
 }
 #content .con-case-detail .case-body .case-recommend .rec-detail .rec-describe .desc-detail p{
	font-size: 12px;
	line-height: 22px;
	color: rgb(126,126,126);
 }
 #content .con-case-detail .case-body .case-recommend .rec-detail .rec-describe .desc-click {
 	display: block;
 	margin: 0 0 0 336px;
 	width: 73px;
 	height: 25px;
 	border: none;
 	background: url(../images/desc-click.png);
 }
 #content .con-case-detail .case-body .case-more {
     margin-top: 52px;
 }
 #content .con-case-detail .case-body .case-more h5 {
 	margin: 0 auto 43px;
 	width: 780px;
    border-bottom: 1px solid #1D4793;
	text-align: left;
	font-size: 16px;
	line-height: 26px;
	font-weight: bold;
	color: #1D4793;
 }
 #content .con-case-detail .case-body .case-more ul li {
    margin: 0 auto;
    width: 780px;
 	border-bottom: 1px solid rgb(227,227,227);
    padding: 12px 0;
 }
 #content .con-case-detail .case-body .case-more ul li span {display: inline-block;}
 #content .con-case-detail .case-body .case-more ul li .case-more-type-container{width: 62px;}
 #content .con-case-detail .case-body .case-more ul li .case-more-type {
    border: none;
 	padding: 0 5px;
 	text-align: center;
 	font-size: 13px;
 	line-height: 23px;
 	background: rgb(229,229,229)
 }
 #content .con-case-detail .case-body .case-more ul li .case-more-title{
 	margin: 0 0 0 27px;
 	text-align: center;
 	font-size: 12px;
 	line-height: 22px;
 	color: rgb(71,71,71);
 }
 #content .con-case-detail .case-body .case-more ul li .case-more-date{
    float: right;
    margin-right: 17px;
 	text-align: center;
 	font-size: 12px;
 	line-height: 22px;
 	color: rgb(173,173,173);
 }
 #content .con-case-detail .case-body .case-more .case-more-page{
    /*margin: 17px 0 60px 758px;*/
    /*width: 157px;*/
    float: right;
    width: auto;  
    clear: both; 
 }
 #content .con-case-detail .case-body .case-more .case-more-page a{
    float: left;
    display: block; 
    margin: 0 2px;
    width: 10px;
    height: 18px;
    text-align: center;
    font-size: 12px;
    line-height: 21px;
    color: #848282;
 }
 #content .con-case-detail .case-body .case-more .case-more-page a:hover{ 
    color: #1D4793;
 }
 #content .con-case-detail .case-body .case-more .case-more-page .selected{
    border-bottom: 1px solid #1D4793;
    color: #1D4793;
 }
 #content .con-case-detail .case-body .case-more .case-more-page .right{
    
 }
 #content .con-case-detail .case-body .case-more .case-more-page .right:hover{
    color: #1D4793; 
 }
 #content .con-case-detail .case-body .case-more .case-more-page .left{

 }
 #content .con-case-detail .case-body .case-more .case-more-page .left:hover{
    color: #1D4793;
 }
 #footer {
     background-color: #fff;
 }