body { }
.fl{ float: left; } .fr{ float: right;} 
.cl:after{display:block;clear:both;content:"";visibility:hidden;height:0} .cl{zoom:1} 
/***************
"宋体","SimSun","黑体","SimHei","微软雅黑","Microsoft YaHei","微软正黑体","Microsoft JhengHei","新宋体","NSimSun","楷体","KaiTi","
深黑 重要文字和标题  #222  
中灰色 普通文字信息及引导 #666
#浅灰  辅助信息 次要文字 按钮苗边 #999
#淡淡灰  分割线 标签描边 #d7d7d7 
#暗白  内容背景 #f3f5f7 
背景 #f8f8f8

**************/
.w120{ width:1200px; clear:both; margin:0 auto;   }
.w100{ width:100%; min-width:1200px;  clear:both; margin:0 auto;   }



/********* top *****************/
.ctitle{color:#bfbfbf;font:400 30px "微软雅黑";text-align:center;text-transform:uppercase;}
.ctitle span{display:block;color:#ED7D31;font-family:"微软雅黑";font-size:28px;font-weight:600;margin-bottom:8px;}
.ctitle a{display:block;font:400 12px/25px "微软雅黑";}
.ctitle i{display:block;font:400 18px/25px "微软雅黑";}

.ystop{  padding:40px 0;}
.ystop .ys{ }
.ystop .yimg{width:582px;}
.ystop .yword{width:505px;}
.yword .ytitle{width:45px;}
.yword .ycontent{width:435px;font:400 14px/26px "微软雅黑";}
.yword .ycontent h3{border-bottom:1px dashed #dbdbdb;color:#333;font:600 20px/45px "微软雅黑";margin-bottom:8px;}
.yword .ycontent h3 a{color: #333;}
.yword .ycontent h3 i{padding-left:5px;color:#b1b1b1;font-family:"宋体";text-transform:uppercase;}
.ystop .yword1{margin-bottom:52px;}

.ystop .zixun{display:block;float:left;width:136px;margin-top:27px;}
.ystop .phone{padding-left:55px;background:url(img/phone1.png) no-repeat 0% 100%;color:#5b6575;float:left;margin-left:26px;margin-top:16px;}


/*工程案例*/
.case{    background:url(img/case.jpg) repeat-x;    height: 380px;    padding-top: 26px; margin-bottom:30px;}
.case .content{    margin-top: 24px;    position: relative;}
.l_btn,.r_btn{position:absolute;top:37%;cursor:pointer;}

.atitle{color:#ED7D31;font-size:28px;line-height:42px;position:relative;font-weight:400;background: url(img/tt.jpg) no-repeat 400px center ;text-indent: 40px;}
.atitle span{padding-left:10px;font-size:14px;text-transform:uppercase;color: #2a2a2a;}
.atitle a{position:absolute;right:40px;top:0;}



	/* 本例子css */
	.picScroll{ margin:0 auto;  position:relative;   width:1200px;     }
	.picScroll .prev,
	.picScroll .next{ display:block; position:absolute;  width:23px; height:32px; background:url(img/left.png) no-repeat; left:-38px; top:37%;cursor:pointer; }
	.picScroll .next{background:url(img/right.png) no-repeat; left:auto; right:-38px;  }

	.picScroll ul{ overflow:hidden; zoom:1; }
	.picScroll ul li{ width:280px; float:left; overflow:hidden; margin:0 10px 0;     }
	.picScroll ul li .tu{ width:100%; height:210px; overflow:hidden;}
	.picScroll ul li img{ width:100%;  display:block;  }
	.picScroll ul li .wen{  width:100%; line-height:2em; text-align:center; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



/******************/
.lxwm-zxly{ padding:0px 0; margin:0 auto ;  }

.lx_zxly{ font-size:16px; margin:0px auto;  }
.lx_zxly li{ margin:0  0 20px;  }
.lx_zxly li.xm3{ width:32%; float:left; margin-right:2%; }
.lx_zxly li.mr0{ margin-right:0 !important; }

.lx_zxly li input ,.lx_zxly li textarea{ display:block; border: none;  width:100%; line-height:30px; padding:10px; box-sizing:border-box; outline:none;color:#444; border:1px solid #ccc;  }
.lx_zxly li input.lx1{ background:url(img/lx1.png) 8px center no-repeat #fff;; padding-left:40px;}
.lx_zxly li input.lx2{ background:url(img/lx2.png) 8px center no-repeat #fff;; padding-left:40px;}
.lx_zxly li input.lx3{ background:url(img/lx3.png) 8px center no-repeat #fff;; padding-left:40px;}
.lx_zxly li input.lx4{ background:url(img/lx4.png) 8px center no-repeat #fff;; padding-left:40px;}
.lx_zxly li input.lx5{ background:url(img/lx5.png) 8px center no-repeat #fff;; padding-left:40px;}


.lx_zxly li .yzm_img{  padding:15px 20px;  background:#fff; display:block; float:left; }


.lx_zxly  input.tijiao{ background:#ED7D31; color:#fff; font-size:24px;   transition:all 0.5s; border:none; }
.lx_zxly  input.tijiao:hover{ background:#ED7D31 linear-gradient(to right,#ED7D31,#FAA164);}
.lx_zxly li:hover input , .lx_zxly li:hover textarea{ border-color:#ED7D31;}
/******************/


/***********分页*******************/

.pagination{list-style:none;margin:20px auto; text-align:center; display:inline-block; width:100%;}
.pagination li{display:inline-block; margin:2px; text-align:center;}
.pagination a{color:#999;padding:4px 8px;line-height:18px;display:block;border:solid 1px #ddd;}
.pagination a:hover ,.pagination li.thisclass a{ background:#ED7D31; color:#fff;border:solid 1px #ED7D31;}


/********cp**************/

.izl-rmenu{position:fixed; left:0; margin-right:20px; top:40%; padding-bottom:20px; background:url(img/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btnqq{width:50px; height:51px; margin-bottom:1px; cursor:pointer; position:relative; filter:alpha(opacity=80); -moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.izl-rmenu .btnqq-qq{background:url(img/r_qq.png) 0px 0px no-repeat; background-color:#E81010;}
.izl-rmenu .btnqq:hover{filter:alpha(opacity=100); -moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
.izl-rmenu a.btnqq-qq,.izl-rmenu a.btnqq-qq:visited{background:url(img/r_qq.png) 0px 0px no-repeat #E81010; text-decoration:none; display:block;}

.izl-rmenu a.btnqq-qq .qqshow{background-color:#E81010; position:absolute; width:160px; left:50px; top:0px; line-height:51px; color:#FFF; font-size:16px; text-align:center; display:none;}
.izl-rmenu a.btnqq-qq:hover .qqshow{ display:block}


.izl-rmenu .btnqq-wx{background:url(img/r_wx.png) 0px 0px no-repeat; background-color:#1AAD19;}

.izl-rmenu .btnqq-wx .pic{position:absolute; left:50px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btnqq-phone{background:url(img/r_phone.png) 0px 0px no-repeat; background-color:#FFA600;}
.izl-rmenu .btnqq-phone .phone{background-color:#FFA600; position:absolute; width:160px; left:50px; top:0px; line-height:51px; color:#FFF; font-size:16px; text-align:center; display:none;}
.izl-rmenu .btnqq-top{background:url(img/r_top.png) 0px 0px no-repeat; background-color:#ED7D31; display:none;}

.floatr .ms{ overflow:hidden; line-height:1.8em;}