/*预约上门*/

.yuyue_bgs{z-index: 19891024;background-color: #000;opacity: 0.3; width:100%; height:100%; position:fixed; left:0; top:0; display:none;}

.layui-layer{z-index: 19891025; /*width: 600px; height: 360px;*/ width:0; height:0; /*top: 157.5px;*/  left: 50%;/* margin-left:-300px; */position:fixed; background-color:#fff; border-radius:6px; overflow:hidden;}

.layui-layer-title {padding: 0 80px 0 80px;height: 42px; line-height: 42px;border-bottom: 1px solid #eee; font-size: 22px; color: #fff; overflow: hidden; background-color: #2a2c4d;border-radius: 6px 6px 0 0; text-align:center;}

.layui-layer-page .layui-layer-content{position: relative; overflow: auto;}

.layui-layer .normal{ border:1px solid #e4e4e4;border-radius: 4px; height:20px; line-height:20px; padding:3px; width:249px;}

.layui-layer-setwin { position: absolute; right: 15px; top: 0px;  font-size: 0; line-height: initial;}

.layui-layer-setwin a{ color:#fff; font-size:26px;}

.layui-layer .aap_p{ font-size:18px;color:#333333; }

.layui-layer .aap_p a{ font-size:18px; color:#2a2c4d;}

.layui-layer table td{font-size:14px;color:#333333; }

.layui-layer .input{width: 125px;height: 30px;display: block;background: #2a2c4d;margin-top: 10px;border-radius: 4px;border: 1px #2a2c4d solid; outline:none;color: #fefefe;font-size: 16px;text-align: center;line-height: 180%; cursor:pointer; font-family:'微软雅黑';}

.layui-layer .input:hover{filter:alpha(opacity=80);opacity:0.8;transition:all 0.3s;}

/*案例列表20170927*/

.caselist_t{ background:url(../images/case_bg1.png) repeat-x; overflow:hidden; height:112px;}

.caselist_t ul li{ float:left; width:120px; overflow:hidden; text-align:center; line-height:48px; }

.caselist_t ul li:nth-child(7){ background:url(../images/case_pic11.png) right center no-repeat;font-size:14px;}

.caselist_t ul li a{ display:block; width:120px; height:88px; padding-top:24px; color:#666666;}

.caselist_t ul li img{ height:31px; margin:0 auto; display:block;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}

.caselist_t ul li a:hover{ color:#f5811d; background:url(../images/case_bg2.png) no-repeat;}

.caselist_t ul li a:hover img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;}

.caselist_t ul li a.csel{color:#f5811d; background:url(../images/case_bg2.png) no-repeat;}

.caselist_t ul li a.csel img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;}

.caselist_a{ padding-top:18px; overflow:hidden; padding-bottom:19px;}

.caselist_a .caselist_al{ float:left; width:928px; overflow:hidden;}

.caselist_a .caselist_al a{ float:left; width:105px; height:33px; line-height:33px; text-align:center; margin-right:9px; margin-bottom:10px; border:1px solid #e4e4e4;}

.caselist_a .caselist_al a:nth-child(8n+0){ margin-right:0;}

.caselist_a .caselist_al a.csel{color:#fff; border:1px solid #f5811d; background:#f5811d;}

.caselist_a .caselist_ar{ float:right; width:267px; height:65px; border:1px solid #ebebeb; overflow:hidden;}

.caselist_a .caselist_ar p{ padding-left:15px; padding-top:20px; line-height:18px; font-size:14px; color:#666666;}

.caselist_a .caselist_ar .caselist_search{ margin-left:12px; margin-top:12px; width:244px; height:40px; line-height:40px; border:1px solid #eeeeee; border-radius:6px;}

.caselist_a .caselist_ar .caselist_search:hover{ border:1px solid #ff8500;}

.caselist_a .caselist_ar .caselist_search .cinputs{ width:200px; text-indent:19px; height:40px; border:0; background:none; color:#c1c1c1; font-size:14px; outline:none; float:left;}

.caselist_a .caselist_ar .caselist_search .cbnts{ float:left; cursor:pointer; width:44px; height:40px; border:0; outline:none; background:url(../images/case_bg3.png) center center no-repeat;}

.caselist_a .caselist_ar .caselist_search:hover .cinputs{color:#f5811d;}

.caselist_a .caselist_ar .caselist_search:hover .cbnts{background:url(../images/case_bg4.png) center center no-repeat;}

.n_case_list{ overflow:hidden;}

.n_case_list ul li{ float:left; width:376px; overflow:hidden; height:370px; margin-bottom:32px; position:relative; margin-right:36px; }

.n_case_list ul li:nth-child(3n+0){ margin-right:0;}

.n_case_list ul li .allist-line{position:absolute;height:2px;background:#f3782a;position:absolute;bottom:0;left:0;transition:all .25s;width:0;}

.n_case_list ul li:hover .allist-line{width:100%;}

.n_case_list ul li .imgs{ width:100%; height:288px; overflow:hidden; position:relative;}

.n_case_list ul li .imgs img{ width:100%; height:288px;}

.n_case_list ul li .imgs h2{transition:all .25s;position:absolute;bottom:-53px;left:0;width:100%;line-height:53px;background:rgba(0, 0, 0, 0.5);color:#fff;text-indent:15px;font-size:16px; font-weight:normal;}

.n_case_list ul li:hover .imgs h2{bottom:0;}

.n_case_list ul li .allist-wrap{ padding:13px;}

.n_case_list ul li .allist-cnt{float:left;width:263px;}

.n_case_list ul li .allist-cnt h5{line-height:30px;font-size:19px;color:#1a1a1a;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-weight:normal;}

.n_case_list ul li .allist-cnt p{line-height:22px;font-size:14px;color:#666;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.n_case_list ul li  .allist-wrap2{float:right;width:95px;margin-right:-13px;}

.n_case_list ul li  .allist-wrap2 .allist-num{float:right;padding-left:20px;background:url(../images/al.png) no-repeat left center;line-height:24px;color:#999; font-style:normal;}

.n_case_list ul li  .allist-wrap2 .allist-btn{float:right;width:100%;padding-top:8px}

.n_case_list ul li  .allist-wrap2 .allist-btn a{margin-left:2px;float:right;width:21px;height:18px;background-position:center;background-repeat:no-repeat}

.n_case_list ul li  .allist-wrap2 .allist-btn a.s4{background-image:url(../images/al2.png)}

.n_case_list ul li  .allist-wrap2 .allist-btn a.s3{background-image:url(../images/al3.png)}

/*首页案例列表*/

.i_case2 ul li{ float:left; width:25%; overflow:hidden;background-color:#fff;transition:all 0.3s;}

.i_case2 ul li:nth-child(2n+0){ margin-right:0;}

.i_case2 ul li img{display: block;width: 100%; height:100%;-webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out; transition:all 1s ease-in-out;}

.i_case2 ul li .imgs{ overflow:hidden; width:100%; position:relative;}

.i_case2 ul li .imgs img{ display:block;width:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}

.i_case2 ul li h1{font-weight:normal; font-size:14px; color:#a9a9a9; bottom:-50px; position:absolute; width:100%;left:0; height:50px; line-height:50px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; text-align:left; text-indent:20px; background:rgba(0, 0, 0, 0.5);transition:all 0.3s;}

.i_case2 ul li h2{ height:60px; line-height:60px; font-weight:normal; text-align:center; font-size:18px;}

.i_case2 ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

.i_case2 ul li:hover h2{ color:#fff;}

.i_case2 ul li:hover h1{ bottom:0;}

.i_case2 ul li:nth-child(1):hover{background-color:#cee608;}

.i_case2 ul li:nth-child(2):hover{background-color:#8b553b;}

.i_case2 ul li:nth-child(3):hover{background-color:#a12b43;}

.i_case2 ul li:nth-child(4):hover{background-color:#00a0e9;}

.i_case2 ul li:nth-child(5):hover{background-color:#144360;}

.i_case2 ul li:nth-child(6):hover{background-color:#52a924;}

.i_case2 ul li:nth-child(7):hover{background-color:#fbbe01;}

.i_case2 ul li:nth-child(8):hover{background-color:#e92205;}