/* CSS Document */
/* body { background-color: #fff; color:#333;} */


/**************************首页****************************/

#banner{width:100%;height:471px;text-align:center;overflow:hidden;}
#banner .ban-img{width:100%;height:471px; background: no-repeat center; display:block;}


#content .products-box{width:100%;height:650px;background: url(../img/product-bg.jpg) center top no-repeat;background-size: cover;}
#content .cont-title{height: 30px;line-height: 30px;margin:80px 0;}
#content .cont-title span{width:6px; height:30px; display: block; background-color: #108cee;float: left;}
#content .cont-title h3{margin-left: 20px;font-size: 30px;float: left;}
#content .pro-text{margin-top:10px;}
#content .pro-text .pro-box{display: inline-block; width:250px; background-color: #fff;border:1px solid #108cee; padding:30px;}
#content .pro-text .pro-box .pro-img img{margin:0 auto;}
#content .pro-text .pro-box .clear{width:70px;height:3px;margin:10px auto;border-top:1px solid #d9e3fc;border-bottom:1px solid #d9e3fc;}
#content .pro-text .pro-box .pro-tt{ padding:10px 0;text-align: center;color:#108cee; font-size: 20px;}
#content .pro-text .pro-box .pro-p{height:60px;font-size: 16px;line-height: 20px;color:#777777;margin-top:10px;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;/*white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;*/overflow: hidden; }
#content .pro-text .pro-box .pro-btn{border:1px solid #108CEE; text-align: center; height:36px; line-height: 36px; border-radius: 4px;margin-top:20px;}
#content .pro-text .pro-box .pro-btn a{color:#108CEE;display: block;}
#content .pro-text .pro-box .pro-btn a:hover{color:#fff; background-color:#108CEE ;}

#content .client-box{width:100%;margin-bottom:50px;}
#content .client-box .client-text{ width:1100px; margin:30px 0;  overflow:hidden; position:relative;}
#content .client-box .client-text .hd{ position:absolute; left:0; width:100%; top:30px; overflow:hidden;  height:32px;/* z-index: 10; */}
#content .client-box .client-text .hd .prev,.client-text .hd .next{ display:block;  width:16px; height:32px; float:left; overflow:hidden;cursor:pointer; background:url(../img/arrow-left.png) no-repeat;}
#content .client-box .client-text .hd .next{ background:url(../img/arrow-right.jpg) no-repeat; float:right }
#content .client-box .client-text .client-list{ width:1055px; margin:0 auto;margin:0 25px 0 18px;}
#content .client-box .client-text .client-list ul{ overflow:hidden; zoom:1; }
#content .client-box .client-text .client-list ul li{ margin:0 5px; float:left; _display:inline; overflow:hidden; text-align:center;  border:1px solid #cacaca; }
#content .client-box .client-text .client-list ul li a{ width:201px; height:88px;  display:block; }
#content .client-box .client-text .client-list ul li:hover{border-color:#108CEE; }
#content .client-box .client-text .client-list ul li img{margin:0 auto;}