@charset "utf-8";

/*重定义*/
body,a{ font-family: 微软雅黑,"微软雅黑",Arial,"宋体", Helvetica;}
body{ background:#fff;}
a:link,a:visited,a:hover{ text-decoration:none;}
ul,li,dl,dt,dd{ margin:0; padding:0;}
*{-webkit-text-size-adjust:none;/*解决webkit内核浏览器强制最小字体*/} 
/*css3过渡效果*/
a,li,p,div{transition:background-color 0.3s;-webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s; -o-transition:background-color 0.3s;}

#Menu{ position:relative;}

/*公共*/
.blank{ height:0; line-height:0; font-size:0; margin:0; padding:0; clear:both;}
#posi{text-align:right; padding:0 20px 10px 0; margin-top:-15px;}
#posi,#posi a{ color:#848484; font-size:12px;}
#posi a:hover{ color:#0ba3d5;}

/*案例*/
#case_cata{ position:relative;background:url(..//images/casesBanner.jpg) center top no-repeat #0ba3d5; text-align:center; z-index:1; top:-35px; width:100%; margin:0 auto; overflow:hidden; min-width:980px;color:#badff0; padding:45px 0 25px;}
#case_cata a{ color:#badff0; margin:0 15px;}
#case_cata a.curr,#case_cata a:hover{ color:#fff;}

#cases{ margin-bottom:50px;margin:0 auto; width:938px;}
#cases li{position:relative; width:290px; margin:0 20px 20px 0; line-height:0; float:left; /*box-shadow:#d7d7d7 2px 2px 4px; */border:#e1e1e1 1px solid; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;}
#cases li a{ position:relative; display:block; text-align:center; background:#fff;}
#cases li a img{ max-width:100%;transition:opacity 0.3s;-webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s; -o-transition:opacity 0.3s;}
#cases li:hover a img{ opacity:0.9;}
#cases li p{ position:relative; padding:0 30px 0 10px; margin:0; font-size:14px;height:36px; line-height:36px;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;-ms-box-sizing:border-box;  overflow:hidden;white-space: nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis;}
#cases li p a.linkICO{ position:absolute; left:auto; top:auto; bottom:-1px; right:-1px;  display:inline-block; width:28px; height:28px; background:url(../images/linkICO.png) left top no-repeat #fff; border:#ebebeb 1px solid;}
#cases li p a.linkICO:hover{ background-position:-28px top;}

#loadMore{ display:none; position:relative; top:0; text-align:center;}
#loading{ vertical-align:middle; margin:15px 6px 25px 6px;}

/*案例详情*/
#caseShow{ width:95%; margin:0 auto; max-width:1230px; min-width:980px; }
#case_Show{border:#e1e1e1 1px solid; margin:0 auto 25px auto;padding:20px; line-height:200%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;}
#case_Show img{ max-width:100%; height:auto;}
.c_tit{ font-size:33px; margin:0; padding:0; color:#1c0404; line-height:40px;}
.c_info{ font-size:12px; color:#a6a6a6; margin:5px 0 25px 0; padding:0 0 15px 0; border-bottom:#b0c3d2 1px dotted;}

a.linkICO2{display:inline-block; width:28px; float:right; line-height:24px; font-size:12px; margin:15px 20px 0 0; color:#999fa6;}
a.linkICO2 i{ display:inline-block; width:28px; height:28px; border:#ccc 1px solid; border-radius:50%; background:url(../images/linkICO.png) left top no-repeat;}
a.linkICO2:hover{ color:#0ba3d5;}
a.linkICO2:hover i{ background-position:-28px top; border-color:#0ba3d5;}

@media screen and (min-width:1240px){
	#cases{ width:1240px;}
}