/* CSS Document */
body{background-color:#f9f9f9; }
.main{ width:1200px;margin:0 auto; }
.sort a{ display:block; width:100px; line-height:38px; text-align:center;background:#e6e6e6; color:#4c4c4c; float:left; font-size:14px;margin:0 10px; border-radius:5px; cursor: pointer; }
.sort a.on{background:#2892e3; color:#FFF; }
.sort a:hover{background:#2892e3; color:#FFF; transition:all 0.1s linear; }
.case_box{width:1200px;overflow:hidden;margin:0 auto; margin-top: 25px; margin-bottom: 30px; }
.case_box ul{float: left;overflow:hidden; width:100%; margin:0 auto;padding-bottom: 10px; }
.case_box li{ float:left; overflow:hidden;width:280px; height:236px;padding:17px; margin:18px 42px; }
.case_box li.jjx{width:278px; height: 236px; border: 1px solid #fff;overflow: hidden; background-color:#fff;  transition: all 0.6s linear;-webkit-transition: all 0.6s linear;-moz-transition: all 0.6s linear; -ms-transition: all 0.6s linear; -o-transition: all 0.6s linear;     } 
.case_box li img{ max-width:280px; transition: all 0.6s linear;-webkit-transition: all 0.6s linear;-moz-transition: all 0.6s linear; -ms-transition: all 0.6s linear; -o-transition: all 0.6s linear; }
.case_box li:hover{ background-color:#f9f9f9; box-shadow: -2px 8px 24px #888888; }
.case_box li:hover img{ max-width:280px;-moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
.case_box ul li:hover a{ text-decoration:none;cursor: pointer; }
.case_box ul li:hover p{ text-decoration:none;cursor: pointer; }
.case_box li p{ color:#666666; font-size:18px; line-height:58px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 10px; width:260px; margin-bottom:0px; }
.case_box li .abc{ position:absolute; top:-194px; left:0px; background:url(../images/ico11.png) repeat top left;width:280px;height:194px;}
.case_box li .abc img{ width:50px; margin:0 auto; padding-top:25%;}
.case_box li .bg{ background:url(../images/ico11.png) repeat left top; height:42px;bottom:-42px; width:280px; left:0px; position:absolute; z-index:-1} 

/*案例详情页面*/
.case{ overflow:hidden; margin:20px 0;}
.case h4{ color:#575757; display:block; line-height:40px; font-size:24px; margin-bottom:20px;}
.case i{color:#575757; display:block;font-size:14px; margin-bottom:20px; padding-left:50px;}

.one .txt{ overflow:hidden; margin:20px 0;}
.one .txt .txt_img{ float:left; margin-right:30px; width:300px;}
.one .txt .txt_img img{ max-width:300px; margin:0 auto;}
.one .txt .txt_nr{ float:left; width:870px;}
.one .txt .txt_nr h5{color:#575757; display:block; line-height:40px; font-size:24px; text-align:left;margin-bottom:20px;}
.one .txt .txt_nr .text{color:#575757;line-height:24px; font-size:14px; height:145px; overflow:hidden;}

.two .txt{ overflow:hidden; margin:20px auto; width:1100px;} 
.three .txt{ overflow:hidden; margin:20px auto; width:1200px;}
.three .txt .picMarquee-left{position:relative; margin:0 auto;}
.three .txt .picMarquee-left .hd{background:#f4f4f4; padding:0 10px; overflow:hidden;}
.three .txt .picMarquee-left .hd .prev{height:46px; width:27px;cursor:pointer;position:absolute; right:-0px; top:80px;}
.three .txt .picMarquee-left .hd .next{height:46px; width:27px;cursor:pointer;position:absolute; left:-0px;top:80px;}
.three .txt .picMarquee-left .bd{ padding:20px 0; width:1120px;overflow:hidden; margin:0 auto;}
.three .txt .picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.three .txt .picMarquee-left .bd ul li{ margin:0 20px; float:left; _display:inline; overflow:hidden; text-align:center; width:240px; height:180px;}
.three .txt .picMarquee-left .bd ul li img{ max-height:240px; margin:0 auto;}

@media (min-width: 1200px){
	.thumbnails>li{margin-left:0px; margin:10px 10px; }
}
.fs_gallery{ z-index: 1000; }
.fs_gallery_close{ top:15px; }