@charset "gb2312";
.case{width:100%;background:#f7f7f7}
.case .box{max-width:1600px;margin:auto;padding-bottom:80px}
.case .box .case-list{width:100%;display:table;padding:40px 0 10px}
.case-list li{width:24%;float:left;margin-right:1.33%;margin-bottom:20px; overflow:hidden;}
.case-list li:nth-child(4n){margin-right:0}
.case-list li:nth-child(4n+1){clear:both}
.case-list li:hover{box-shadow:0 0 15px 1px rgba(0,0,0,.1)}
.case-list li img{width:100%;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear}
.case-list li:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.caseTitleBox{width:100%;box-sizing:border-box;border:1px solid #ebebeb;border-top:none;padding:20px 20px 16px;background:#fff;position: relative;}
.caseTitleBox .caseName{width:100%;position:relative;line-height:36px}
.caseTitleBox .caseName{font-size:16px;font-weight:bold;color:#222}
.caseTitleBox .caseDesc{font-size:14px;color:#666;height:36px;line-height:36px;overflow:hidden}
.caseTitleBox .icon {position: absolute;right: 4px;top: 30px;}
.caseTitleBox .icon span{display:inline-block;width:18px;height:16px;margin-left:10px}
.caseTitleBox .icon .icon1{background:url(icon/icon17.png) center center no-repeat}
.caseTitleBox .icon .iconMobile{background:url(icon/icon18.png) center center no-repeat}
.caseTitleBox .icon .iconPc{background:url(icon/icon19.png) center center no-repeat}
.caseTitleBox .icon .icon4{background:url(icon/icon_xcx2.png) center center no-repeat}
.caseTitleBox .more{width:100%;border-top:1px solid #e3e3e3;margin-top:7px;font-size:14px;color:#666;line-height:36px;padding:7px;background:url(icon/icon20.png) right center no-repeat;transition:all ease .3s}
.case-list li:hover .tbox .more{background:url(icon/icon21.png) right center no-repeat}
.page-list{max-width:1600px;margin:0 auto}
.page-list a{width:40px;height:40px;display:inline-block;border:1px solid #ccc;text-align:center;line-height:38px;font-size:16px;color:#666;background:#fff;border-radius:3px;margin-right:10px;transition:all 0.5s linear;font-family:'gotham-Book'}
.page-list a:hover{color:#fff;background:#222;border:1px solid #222}
.page-list a.on{color:#fff;background:#222;border:1px solid #222}
.page-list a.prev{background:#fff url(icon/icon24.png) center center no-repeat}
.page-list a.next{background:#fff url(icon/icon25.png) center center no-repeat}
.case-info{width:100%;position:relative;z-index:2;background:#fff;padding-top:60px}
.case-info .info-img{max-width:1200px;margin:auto;box-shadow:0 0 15px 1px rgba(0,0,0,.2)}
.case-info .txt-box{width:100%;padding:80px 30px 44px}
.case-info .txt-box .t1{font-size:18px;color:#999;line-height:1}
.case-info .txt-box .t2{font-size:14px;line-height:26px;color:#222;margin-top:12px}
.case-info .txt-box .t2 img{margin: 0 10%;}
.case-info .txt-box .t3{font-size:14px;line-height:26px;color:#999;margin-top:16px}
.case3{width:100%;display:table;padding:0 60px}
.case3 .left-box{width:45%;min-height:805px;float:left;padding-top:100px;padding-bottom:150px;position:relative}
.case3 .left-box .t-box{}
.case3 .left-box .t-box .t1{font-size:18px;color:#999;line-height:1}
.case3 .left-box .t-box .t2{font-size:14px;line-height:26px;color:#222;margin-top:12px}
.case3 .left-box .sj-ewm{display:table;margin-top:54px}
.case3 .left-box .sj-ewm span{text-align:center;display:block;font-size:14px;line-height:26px;color:#222;margin-top:6px}
.case3 .left-box .goback{width:150px;height:50px;background:#222 url(icon/icon45.png) 30px center no-repeat;border-radius:25px;display:block;font-size:14px;line-height:50px;color:#fff;padding-left:58px;position:absolute;left:20px;bottom:90px}
.case3 .right-box{width:49%;float:right;padding-top:20px}


.info-top{}
.info-top .top-left{float: left;width: 400px;margin-left: 3%;}
.info-top .top-right { float: right;width: calc(92% - 400px);padding: 30px 0;}

.top-right{}
.top-right .info-title {font-size: 24px;line-height: 40px;}
.top-right .info-price {background: #eee;padding: 10px 10px 10px 20px;margin: 10px 0;width: 98%;max-width: 700px;}
.top-right .info-price em {width: 60px;display: inline-block;}
.info-price .price1 {line-height: 30px;font-size: 16px;text-decoration: line-through;color: #888;}
.info-price .price2 {font-size: 22px;color: #f00;line-height: 36px;font-weight: bold;}
.top-right .info-color{padding: 10px 20px;}
.top-right .info-color .title{}
.top-right .info-color li{margin: 6px 0;}
.top-right .info-color li span {background: #f4f4f4;display: inline-block;width: 90%;max-width: 240px;border: 1px solid #ddd;line-height: 30px;text-align: center;font-size: 14px;}
.top-right .info-color li span:hover{ background:#0C9; cursor:pointer;}


/*图片放大镜样式*/
.jqzoom {border: none;position: relative;padding: 0px;cursor: pointer;margin: 0px;display: block;width: 100%;}
.jqzoom img{ width:100%;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:100%;height:auto;border:1px solid #DFDFDF;}
.spec-scroll {clear: both;width: 100%;background: #f4f4f4;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev, .spec-scroll .next {display: block;font-family: "宋体";text-align: center;width: 2.5%;height: 54px;line-height: 54px;border: 1px solid #CCC;background: #EBEBEB;cursor: pointer;text-decoration: none;}
.spec-scroll .items {float: left;position: relative;width: 89%;height: 56px;overflow: hidden;padding-top: 3px;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}
					
@media(max-width:1660px){
	.case .box{padding:0 30px 80px}
}
@media(max-width:1370px){
	.ny-banner{height:380px}
	.ny-banner .boxs.n1{padding-top:193px}
}
@media(max-width:1200px){
	.case-list li{width:32%;margin-right:2%}
	.case-list li:nth-child(4n){margin-right:2%}
	.case-list li:nth-child(3n){margin-right:0}
	.case-list li:nth-child(4n+1){clear:none}
}
@media(max-width:900px){
	.case-list li{width:48%;margin-right:4%}
	.case-list li:nth-child(3n){margin-right:4%}
	.case-list li:nth-child(2n){margin-right:0}
	.case .box{padding:0 30px 50px}
	.case-info{padding-top:40px}
	.case-info .txt-box{padding:50px 30px 44px}	
	.info-top .top-left{float: none;width: 100%;margin-left: 0;}
	.info-top .top-right {float: none;width: 100%;}	
	.case-info .txt-box .t2 img{margin: 0;}
}
@media(max-width:767px){
	.case-list li,.case-list li:nth-child(3n){width:100%;margin-right:0}
	.page-list a{width:30px;height:30px;line-height:28px}
	.case .box{padding:0}
	.case-info{padding-top:10px;}
	.case-info .txt-box{padding:30px 10px 30px}
	.case-info .txt-box .t2{font-size:12px;line-height:20px}
	.case-info .txt-box .t3{font-size:12px;line-height:16px;margin-top:10px}
}