﻿/*首页公司简介  */
.aboutWrap{height:283px; margin:4px 0 0 0; padding:1px 0 0 0; background:#f9f9f9;}
.indexAbout{width:974px; height:240px; margin:23px auto 24px; overflow:hidden;}
.indexAbout h2{width:974px; height:15px;}
.indexAboutCon{padding:18px 18px 0 10px; line-height:30px; text-align:justify; text-justify:inter-ideograph; overflow:hidden;}
.indexAboutCon img{width:326px; height:189px; margin:8px 27px 0 0; padding:2px; border:1px solid #e7e7e7;} 

/*首页联系我们 */ 
.contact{width:279px; height:197px; overflow:hidden;}
.contactCon{line-height:26px; padding:10px 0 0 11px;}

/*首页工程案例*/
.indexCase{width:980px; height:223px; margin:0 0 26px 0; position:relative;}
#demo{float:left; display:inline; width:970px; height:182px; margin:16px 0 0 1px; overflow:hidden; position:relative;}
#indemo{float:left; width: 800%;}
#demo1{float:left;}
#demo2{float:left;}
#demo1,#demo2{float:left; height:182px; display:inline-table;}
#demo1 li,#demo2 li{width:231px; _display:inline; margin-right:18px; float:left; overflow:hidden; position:relative;}
#demo1 li h3,#demo2 li h3{width:231px; height:28px; line-height:28px; text-align:center; font-weight:normal; overflow:hidden; background:#25a5b2;}
#demo1 li h3 a,#demo2 li h3 a{color:#fff; font-size:14px;}
#demo1 li h3 a:hover,#demo2 li h3 a:hover{color:#fff;}
#demo1 li .picBox,#demo2 li .picBox{width:231px; height:154px; float:left; overflow:hidden;}
#demo1 li .picImgBox,#demo2 li .picImgBox{ width:231px; height:154px; line-height:154px; overflow:hidden; text-align:center; display:table-cell; vertical-align:middle; *disply:block; font-size:154px;}
#demo1 li .picImgBox img,#demo2 li .picImgBox img{width:231px; text-align:center; display:block; margin:0 auto; vertical-align:middle;}

/*首页产品展示*/
.indexProduct{width:678px; height:197px; position:relative;}
.indexProduct #demo-1{float:left; display:inline; width:670px; height:156px; margin:16px 0 0 1px; overflow:hidden; position:relative;}
.indexProduct #indemo-1{float:left; width: 800%;}
.indexProduct #demo1-1{float:left;}
.indexProduct #demo2-1{float:left;}
.indexProduct #demo1-1,.indexProduct #demo2-1{float:left; height:156px; display:inline-table;}
.indexProduct #demo1-1 li,.indexProduct #demo2-1 li{width:198px; _display:inline; margin-right:26px; float:left; overflow:hidden; position:relative;}
.indexProduct #demo1-1 li h3,.indexProduct #demo2-1 li h3{width:198px; height:28px; line-height:28px; text-align:center; font-weight:normal; overflow:hidden; background:#25a5b2;}
.indexProduct #demo1-1 li h3 a,.indexProduct #demo2-1 li h3 a{color:#fff; font-size:14px;}
.indexProduct #demo1-1 li h3 a:hover,.indexProduct #demo2-1 li h3 a:hover{color:#fff;}
.indexProduct #demo1-1 li .picBox,.indexProduct #demo2-1 li .picBox{width:198px; height:128px; float:left; overflow:hidden;}
.indexProduct #demo1-1 li .picImgBox,.indexProduct #demo2-1 li .picImgBox{ width:198px; height:128px; line-height:128px; overflow:hidden; text-align:center; display:table-cell; vertical-align:middle; *disply:block; font-size:128px;}
.indexProduct #demo1-1 li .picImgBox img,.indexProduct #demo2-1 li .picImgBox img{width:198px; text-align:center; display:block; margin:0 auto; vertical-align:middle;}

/*公司新闻
.newsCon{min-height:500px; _height:500px; padding:14px 20px 0;}
.newsCon li{height:40px; padding:10px 0 15px 15px; border-bottom:1px solid #dcd6c6; overflow:hidden;}
.newsCon li .intro{color:#8d8c8c; line-height:24px;}
.newsCon li a{display:inline-block; width:440px;  white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; color:#232323; font-size:14px;}
.newsCon li a:hover{text-decoration:underline;}

.newsCon li.first{height:200px;}
.newsCon li.first .pic{width:260px; height:196px;}
.newsCon li.first .pic img{width:260px; height:196px;}
.newsCon li.first .right{width:465px;}
.newsCon li.first .right a{display:inline-block; width:340px;  white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; color:#232323; font-size:14px;}
.newsCon li.first .right .detail{display:block; width:98px; height:28px; line-height:28px; text-align:center; color:#fff; font-size:12px; background:#bbae91;}
.newsCon li.first .right .intro{height:135px; line-height:32px; margin:5px 0 0 0; overflow:hidden;}

/*新闻内页样式*/
.newsNy{padding:24px 35px 0 44px;  line-height:26px; text-align:justify; text-justify:inter-ideograph;}
.newsNy p{margin:5px 0;}
.newsNy h3.newsTitle{height:30px; line-height:30px; margin:0 auto 10px; font-size:14px; text-align:center;}
.mess{text-align:center;  margin-bottom:10px;}
.newsNy img{max-width:698px; _width:expression(this.width > 698 ? "698px" : this.width); margin:20px auto;}

/*产品展示  */
.display{margin:30px 0 0 45px;}
.display li{width:210px; float:left; _display:inline; margin:0 33px 15px 0; overflow:hidden; position:relative;}
.display li h3{width:210px; height:28px; line-height:28px; text-align:center; font-weight:normal; overflow:hidden;}
.display li h3 a{color:#585858;}
.display li h3 a:hover{color:#000;}
.display li .picBox{width:208px; height:153px;border:1px #bee0e3 solid; overflow:hidden;}
.display li .picImgBox{width:208px; height:153px; line-height:153px; overflow:hidden; text-align:center; display:table-cell; vertical-align:middle; *disply:block; font-size:153px;}
.display li .picImgBox img{width:208px; text-align:center; border:none; display:block; margin:0 auto; vertical-align:middle;}

/*在线留言  */ 
.liuyanTtems{float:left; display:inline; margin:30px 0 50px 60px;} 
.liuyanTtems .item img{width:72px; height:20px; margin-left:5px; vertical-align:top; float:left; border:1px solid #b5b4b4;}
.liuyanTtems .item .text{width:200px; height:22px; padding-left:5px; border:1px solid #b5b4b4; float:left;}
.liuyanTtems .item .text1{width:364px; height:100px; padding-left:5px; border:1px solid #b5b4b4; vertical-align:middle;}
.liuyanTtems .btn{width:76px; height:24px; line-height:24px; border:none; background:#25a5b2; color:#fff;  cursor:pointer;}

/*翻页    */
.pagination{margin:20px 0; text-align:center;}
.pagination a {padding:0 8px; color:#016d77;}
.pagination a:hover{color:#016d77;}
.pagination span{padding:0 8px; color:#016d77;}

.pages{padding-top:10px; text-align:center; color:#333;}
.pages a{color:#333;}