@charset "utf-8";
/* CSS Document */

.ListPage .ProductLi{ width: 70%; margin: 20px auto; overflow: hidden; }
.ProductImg ul li{ width: 20%; float: left; padding:10px; box-sizing:border-box;}
.ProductImg ul li .ProIn{ overflow: hidden; }
.ProductImg ul li .ProIn>a{ display:inline-block; border: 1px solid #eaeaea;  }
.ProductImg img{ width:100%; }
.ProIn .TitleBg{ padding:20px; box-sizing:border-box; text-align:center;}
.ProIn .TitleBg a{ font-size: 14px; color: #666; }

.page{ width: 100%; overflow: hidden; padding: 50px 20px; box-sizing: border-box; display: flex; justify-content: center;}
.page ul li{ float: left; padding: 10px 20px; border: 1px solid #eaeaea; margin-left: 10px; }
.page ul li a{ font-size:14px; display: inline-block; }
.page ul li.am-active,.page ul li:hover{ background: #e36c0a; border:1px solid #e36c0a; }
.page ul li.am-active a,.page ul li:hover a{ color: #fff; }

/*工程案例*/
.Project_chun h6{ color: #e36c0a; line-height: 2.6; font-size: 16px; }
.ProjectCon p{ font-size: 14px; line-height: 2.6; margin-right: 24px; display: inline-block; }

.ProjectImg ul li{ width: 25%; float: left; margin: 20px auto; overflow: hidden; text-align: center; padding:0 20px; box-sizing:border-box; display:flex; align-items:center;}
.ProjectImg ul li .ProjectIn{ overflow: hidden; display: inline-block; border: 1px solid #eaeaea; }
.ProjectImg ul li a{ position: relative; text-align: center; display: flex; align-items: center; flex-direction: row; justify-content: center; height:350px; }
.ProjectImg img{ width:100%; }
.ProjectImg li a .TitleBg{ position: absolute; bottom: 0; left: 0; padding: 10px; width: 100%; text-align: left; background-color: rgba(0,0,0,.3); display: inline-block; box-sizing: border-box; }
.TitleBg p{ font-size: 14px; color: #fff; }

.ListPage .ProductLi .CaseRsTitle{ font-size: 16px; color: #333; line-height: 3; text-align: center; }
.ListPage .ProductLi .hits { font-size: 14px; color: #999; text-align: center; line-height: 2; }