.w1400 {
    max-width: 1400px;
    margin: 0 auto;
}
.casePage{background:#f8f8f8;padding: 4% 0;}
.casePage .caseList{}

@media(max-width:640px){
.casePage .caseList li{float: left;width: 100%;margin-right:2%;margin-bottom:3%;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;overflow: hidden;-webkit-box-shadow:0 0 20px rgba(51,51,51,.2);-moz-box-shadow:0 0 20px rgba(51,51,51,.2);box-shadow:0 0 20px rgba(51,51,51,.2);-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s;position: relative;top:0px;}
.casePage .caseList li .txtBox p{font-size:16px;line-height:24px;color: #999;height:95px;}
}
 @media(min-width:1200px){
.casePage .caseList li{float: left;width: 32%;margin-right:2%;margin-bottom:3%;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;overflow: hidden;-webkit-box-shadow:0 0 20px rgba(51,51,51,.2);-moz-box-shadow:0 0 20px rgba(51,51,51,.2);box-shadow:0 0 20px rgba(51,51,51,.2);-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s;position: relative;top:0px;}
.casePage .caseList li .txtBox p{font-size:16px;line-height:24px;color: #999;height:75px;}
 }
.casePage .caseList li:nth-child(3n){margin-right:0;}
.casePage .caseList li .imgBox{overflow:hidden;}
.casePage .caseList li .imgBox img{-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.casePage .caseList li .txtBox{padding: 6% 5%;}
.casePage .caseList li .txtBox h5{font-size:20px;font-weight:normal;margin-bottom:3%;color:#333;}
.casePage .caseList li .txtBox .cmore{display: block;width: 145px;line-height:40px;border:1px solid #777;color: #777;text-align: center;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;margin-top:8%;-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.casePage .caseList li:hover{-webkit-box-shadow:0 0 20px rgba(51,51,51,.5);-moz-box-shadow:0 0 20px rgba(51,51,51,.5);box-shadow:0 0 20px rgba(51,51,51,.5);top: -10px;}
.casePage .caseList li:hover .imgBox img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.casePage .caseList li:hover .txtBox .cmore{border:1px solid #00a0d9;background:#00a0d9;color: #fff;}

.PageBox{padding:20px 0;}
.PageBox .Pages{text-align:center;}
.PageBox .Pages li{float:left;}
.PageBox .Pages .thisclass{padding: 0px 20px;color:#00a0d9;}
.PageBox .Pages a{padding:8px 10px;color:#333;font-size:14px;margin:0 3px;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s;-webkit-box-shadow:0 0 5px rgba(51,51,51,.1);-moz-box-shadow:0 0 5px rgba(51,51,51,.1);box-shadow:0 0 5px rgba(51,51,51,.1);}
.PageBox .Pages a:hover,
.PageBox .Pages a.a_cur{background:#00a0d9!important;color:#fff;}
.PageBox .Pages .num{font-style:normal;}
.PageBox .Pages .num a{display:none;}
@media screen and (min-width:768px){
  .PageBox .Pages a{padding:10px 15px;}
  .PageBox .Pages .num a{display:inline-block;padding:8px 15px;}
}
.PageBox .Pages .current{color:#1769ff;padding:8px 10px;font-size:14px;margin:0 3px;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s;-webkit-box-shadow:0 0 5px rgba(51,51,51,.1);-moz-box-shadow:0 0 5px rgba(51,51,51,.1);box-shadow:0 0 5px rgba(51,51,51,.1);}

/*案例详情*/
.caseinfo{padding-top: 100px;}
.caseinfo .menuLocat{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.caseinfo .menuLocat .location{line-height:90px;}
.caseinfo .caseCon{}
.caseinfo .caseCon .caseImg{position: relative;}
.caseinfo .caseCon .caseImg .bx-wrapper .bx-prev,
.caseinfo .caseCon .caseImg .bx-wrapper .bx-next{width: 15px;height: 18px;background:url(../images/qh1.png) no-repeat;position: absolute;top: 50%;margin-left:-9px;border:none;cursor: pointer;opacity: .5;-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s;font-size:0;}
.caseinfo .caseCon .caseImg .bx-wrapper .bx-prev{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);left: 5%;}
.caseinfo .caseCon .caseImg .bx-wrapper .bx-next{right:5%;}
.caseinfo .caseCon .caseImg .bx-wrapper .bx-prev:hover,
.caseinfo .caseCon .caseImg .bx-wrapper .bx-next:hover{opacity: 1;}
.caseinfo .caseCon .caseDes{padding: 3% 0;}
.caseinfo .caseCon .caseDes h1{font-size:40px;font-weight:normal;}
.caseinfo .caseCon .caseDes .item{padding-top:2%;font-size:18px;line-height:30px;color: #555;margin-bottom:1.5%;}
.caseinfo .caseCon .caseDes .item h5{width: 160px;line-height:50px;font-weight:normal;font-size:20px;color: #fff;text-align: center;position: relative;background:#00a0d9;margin-bottom:2%;}
.caseinfo .caseCon .caseDes .item h5:before{width: 15px;height: 2px;content: '';background:#fff;position: absolute;top: 50%;left: 0;margin-top:-1px;}
.caseinfo .caseCon .caseDes .item p{font-size:18px;line-height:30px;color: #555;margin-bottom:1.5%;}
.caseinfo .caseCon .caseDes .item .imgBox{background:#f6f6f6;padding: 4%;}
.caseinfo .caseCon .caseDes .item .imgBox li{float: left;text-align: center;margin-right:3%;}
.caseinfo .caseCon .caseDes .item .imgBox li p{font-size:18px;line-height:47px;}

.caseSearch{padding-bottom: 30px;}
.caseSearch .SearchWarp{-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1);box-shadow: 0 0 5px rgba(0, 0, 0, .1); max-width: 835px;margin: 0 auto;background:#fff; height: 40px; position: relative;padding-right: 40px;}
.caseSearch .SearchWarp input{line-height:40px; padding:0 10px; }
.caseSearch .SearchWarp .btn{display: block;width: 40px;height: 100%;position: absolute; right: 0;top:0; background: #11bfe4 url('/img/search.png') no-repeat center;}


.caseSearch .SelectWrap{ max-width: 1100px;margin: 0px auto;  }
.caseSearch .SelectWrap .Sitem{margin-top: 10px;}
.caseSearch .SelectWrap .Sitem .SitemBox{ background:#fff; -webkit-box-shadow:0 0 5px rgba(0, 0, 0, .1); -moz-box-shadow:0 0 5px rgba(0, 0, 0, .1); box-shadow:0 0 5px rgba(0, 0, 0, .1);}
.caseSearch .SelectWrap .Sitem .prov{width:100%; font-size: 14px;float: none; height: 40px; line-height: 40px; background: #fff; padding: 0;margin: 0;padding-left: 15px; cursor: pointer;}
.caseSearch .SelectWrap .Sitem .city{width:100%; font-size: 14px;float: none; height: 40px; line-height: 40px; background: #fff; padding: 0;margin: 0;padding-left: 15px; cursor: pointer;}
.caseSearch .SelectWrap .Sitem .dist{width:100%; font-size: 14px;float: none; height: 40px; line-height: 40px; background: #fff; padding: 0;margin: 0;padding-left: 15px; cursor: pointer;}
.caseSearch .SelectWrap .Sitem .prov option{ font-size: 14px;height: 40px; line-height: 40px;}

.caseSearch .SelectWrap .Sitem .prov option:hover{background: #f0f0f0;}



.caseSearch .CategoryNav{background:#fff; padding:10px 15px;line-height:30px;margin-top: 10px;}
.caseSearch .CategoryNav .CategoryNavBox{position: relative; padding-left: 80px;}
.caseSearch .CategoryNav .ibg{width: 1px;height: 100%;background-color: #b7b7b7; position: absolute; left: 60px; top:0;}
.caseSearch .CategoryNav .ibg .ic{display: block;background:url('/img/cateibg.png') no-repeat center; width: 5px;height: 8px; position: absolute; left: 0;top:11px;}
.caseSearch .CategoryNav .CateA{display: block;position: absolute; left: 0; top:0; line-height:30px; }
.caseSearch .CategoryNav .list a{ display: inline-block; padding: 0 8px; }
.caseSearch .CategoryNav .list a.on,.caseSearch .CategoryNav .list a:hover{background-color: #26b6ed; color: #fff;}
@media(min-width:768px){
.caseSearch{padding-bottom: 40px;}

.caseSearch .SelectWrap{font-size: 0;margin: 15px auto 0;}
.caseSearch .SelectWrap .Sitem{display: inline-block; width:31%; padding:0 5px; vertical-align: top; font-size: 14px;}
.caseSearch .CategoryNav{margin-top: 15px;}
}
@media(min-width:1024px){
.caseSearch{padding-bottom: 80px;}
.caseSearch .SearchWarp{height: 50px;}
.caseSearch .SearchWarp input{line-height:50px; font-size: 16px; padding:0 15px;color:#333;}
.caseSearch .SearchWarp .btn{width: 50px;}

.caseSearch .SelectWrap{font-size: 0;margin: 30px auto 0;}
.caseSearch .SelectWrap .Sitem{padding:0 10px; font-size: 16px; }

.caseSearch .SelectWrap .ZJselectBox{height: 50px;}
.caseSearch .SelectWrap .ZJselectTxt{line-height:50px;}
.caseSearch .SelectWrap .ZJselectTxt i.icon{line-height:50px;height:50px;}
.caseSearch .CategoryNav{margin-top: 30px;}
.caseSearch .CategoryNav .list a{ display: inline-block; padding: 0 13px; }
.caseSearch .CategoryNav{font-size: 16px;}

}

.ZJselectBox{width:100%; height: 45px; position: relative;font-size:14px !important;}
.ZJselectBoxRbottom{border-right:1px solid #e5e5e5;}
.ZJselectTxt{position: relative; line-height: 45px; color: #666; padding-left: 15px; }
.ZJselectTxt .ZJselectTxtSpan{color: #777;  }
.ZJselectTxt i.icon{ display: block; width: 25px;height: 45px; position: absolute; right: 0;top: 0;background: url('/img/zjdown.png') no-repeat center;z-index: 2;cursor: pointer; }
.ZJselectTxt i.iconOn{background-image: url('/img/zjup.png');}
.ZJselectBox .ZJselectUl{position: absolute; display: none; width: 100%; z-index: 4; top:100%;left: 0; background: #fff; }
.ZJselectBox .ZJselectUl .ZJselectUlBox{max-height: 122px;overflow-y:auto; border:1px solid #ccc;}
.ZJselectBox .ZJselectUl ul li{font-size: 14px;float: none; height: 40px; line-height: 40px; background: #fff; padding: 0;margin: 0;padding-left: 15px;border-bottom: 1px solid #f9f9f9; -webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s; cursor: pointer;
}
.ZJselectBox .ZJselectUl ul li:hover{background: #f0f0f0;}
.ZJselectBox{height: 40px;}
.ZJselectTxt{line-height:40px;}
.ZJselectTxt i.icon{line-height:40px;height:40px;}

}