body{background:#ffffff}
.content{text-align: center}
.content .h1{font-size: 30px;color:#9E9E9F ;font-weight: 100;}
.content .h2{font-size: 30px;color:#000000 ;font-weight: 100;padding-top: 100px;margin-bottom: 7px;}
.content .nr{margin-top: 60px;text-align: left;margin-bottom: 40px;}

div.case .title{position: absolute;left:0;z-index:10;font-size: 30px;/*font-weight: bold*/}
div.case .list{text-align: left;margin-top: 10px;position: relative}
div.case .list .bg{display:none;background:rgba(255, 255, 255, 0.2);position: absolute;top:0;left:0;line-height:300px;width:300px;height:300px;vertical-align: middle;text-align: center}
div.case .list .bg img{vertical-align: middle;}
div.case .list .bg img{width: auto;}
div.case .list li{float: left;position: relative;cursor: pointer;height: 380px;background:#ffffff;margin-bottom:10px;margin-left: 8px;margin-right: 10px;}
div.case .list li img{width: 282px;}
div.case .list li .title{font-size:16px;/*font-weight: bold;*/text-align: center;width: 282px;padding-top: 10px;}
div.case .list li .title span{color: #A7A7A7}
div.case .list li:hover .bg{display: block}
.case .link {text-align: center;width: 800px;margin: 0 auto;margin-top: 80px;margin-bottom: 20px;}