@charset "utf-8";
/* CSS Document */
/*---顶部---*/
body{ background: none;}
.page-header {width: 100%;background: url('../images/zwmap-topbg.jpg') no-repeat center center; border-bottom:4px solid #1264b8;padding:0 40px 0 40px; box-sizing: border-box;}
.hc-left-box,.hc-right-box{ font-size: 15px;}
.hc-left-box a{ background: url(../images/top-line2.jpg) right no-repeat;}
.hc-left-box a,.hc-right-box li a{ color: #8b8c8c; }
.hc-right-box li{ color: #8b8c8c;}

.page-main{padding-bottom: 0px !important;}
.content-box{ width: auto; margin: 0 25px;}
.header-container .hc-left-box,.header-container .hc-left-box a,.header-container .hc-left-box .icon-line,
.header-container .hc-right-box,.header-container .hc-right-box a{ color: #888;}
.hc-left-box,.hc-right-box{padding-bottom:1px;}
li.topbtn{ background: #f0a531; line-height: 20px; margin-left:10px; border-radius: 20px; -webkit-border-radius:20px;-moz-border-radius:20px; padding:2px 8px; color: #fff;}
li.topbtn a{ color: #fff !important;}
.page-header .header-content{padding:10px 0; margin-bottom:18px;}
.header-content .left-logo-box{margin-top:10px;}
.header-content .left-logo-box img{ width:320px;}
.fanhuiBtn{ width:119px; height: 42px; text-align: center;margin-top:20px; line-height: 42px; background: #f1f1f2; border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px; text-align: center; cursor: pointer; overflow: hidden;zoom:1;}
.fanhuiBtn i,.fanhuiBtn span{ display: block; float: left;}
.fanhuiBtn i{width:20px; height: 42px; margin-right:7px; color:#777;margin-left:10px; font-size: 18px;}
.fanhuiBtn:hover{ background:#106ecf; }
.fanhuiBtn:hover a,.fanhuiBtn:hover i{ color: #fff;}
.middle-select-box{ width:533px;}
.middle-select-box .hd ul{ display: flex; justify-content: flex-start; width:300px; margin: 0 auto;}
.middle-select-box .hd ul li{ padding:4px 25px; margin-right:2px; cursor: pointer; color:#444;}
.middle-select-box .hd ul li:hover,.middle-select-box .hd ul li.on{ background: #106ecf; color: #fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.zwmapSearch{ width:531px; border: 1px solid #106ecf; height: 45px; display: flex; justify-content: space-between; background: #fff; border-radius: 5px;}
.zwmapSearch input.from-control{ color: #888; font-size: 15px; text-indent: 15px; width:89%;}
.zwmapSearch input.btnDefault{ color: #c4bfbf; font-size: 15px; width:43px; height: 43px; background: url(../images/zwmap-fdj.jpg) no-repeat center; margin-right:3px;}
.selfDriving input.from-control{width:40%; }
.selfDriving i,.chaxunBox i{ width:30px; height: 30px; background: #f2f2f2; color: #999; text-align: center; line-height: 30px; font-size: 20px;margin-top:6px; cursor:pointer;}
.zwCnter{ width:100%; margin: 0 auto;display: flex; justify-content:flex-start; height:calc(100vh - 150px - 121px);  }
.mapLeft{ width:25%;/*max-width: 362px;*/ background: #fff;box-shadow: 8px 0 8px 0 #e2e2e2; background: #fff; position: relative; }
.leftCenter{width:auto;}
.leftCenter .bgTit{ background:#f1f8ff; text-align: center; line-height: 23px; font-size: 17px; color: #444;padding:15px 25px; position: relative;padding-top:30px;}
.bgTit span,.bgTit h3{ display:block;font-weight: bold;}
.bgTit h3{ width:100%;}
.bgTit span{ padding:0 15px;font-size: 16px; text-align: center; font-weight:normal; line-height: 26px; height: 26px;color: #fff; border-bottom-left-radius: 5px; position: absolute;top:0; right:0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb892d), color-stop(100%,#f96b23));
background: -webkit-linear-gradient(left,#fb892d,#f96b23);
background: -o-linear-gradient(left,#fb892d,#f96b23);
background: -moz-linear-gradient(left,#fb892d,#f96b23);
background: -mos-linear-gradient(left,#fb892d,#f96b23);
background: -ms-linear-gradient(left,  #fb892d  0%,#f96b23 100%);
background: linear-gradient(left,#fb892d,#f96b23);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb892d', endColorstr='#f96b23',GradientType=1 );}
.bgTit span a{ color: #fff;}


.leftNav{width:100%;position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;/*overflow-y: scroll;*/margin-top: 41px;padding: 0px 4px;padding-top:30px;}
.leftNav ul{  margin-top:20px;padding: 0 20px;box-sizing: border-box;display: flex;
   justify-content: flex-start;flex-direction: row;flex-wrap: wrap;}
.leftNav li{ width:99px; margin:0 0px 16px 0px; }
.leftNav li i,.leftNav li span{ display: block; width:100%; text-align: center;}
.leftNav li i{ width:69px; height: 69px;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin: 0 auto; text-align: center;}
.leftNav li span{ text-align: center; line-height: 22px;margin-top: 8px; font-size: 16px;}
li.maplm1 i{ background: url(../images/zwmap-icon1.png) no-repeat center;}
li.maplm2 i{ background: url(../images/zwmap-icon2.png) no-repeat center;}
li.maplm3 i{ background: url(../images/zwmap-icon3.png) no-repeat center;}
.leftNav li.maplm1{margin-left:0;}
.btnContract{width:14px; height: 56px; text-align: center; line-height: 56px; background: url(../images/zwmapBtn.png) no-repeat; border-top-right-radius: 3px; border-bottom-right-radius: 3px; color: #fff;box-shadow: 8px 0 8px 0 #e2e2e2; cursor: pointer; margin-left:0;margin-top:20%; z-index: 99;}
.btnContract i{ color: fff;font-size: 15px;}
.fhReturn{height: 30px; font-size: 14px; color: #888; line-height: 30px;  margin-top:2px;padding:0 25px;}
.fhReturn a{color: #444;}
.fhReturn i{margin-right:5px; font-size:12px;}
.chaxunlist{/*padding:0 25px;*/ margin-top:15px;height:60vh;overflow-y:auto;}
.leftMiddcent{position: absolute;left: 0px;top:0px;right: 0px;bottom: 0px;overflow-y: scroll;margin-top: 31px;padding: 0px 4px;padding-left:25px;}
.chaxunlist li{padding-bottom:20px;margin-bottom:20px; border-bottom: 1px dashed #c6c6c6; background: url(../images/zwmap-location.png) no-repeat 0 5px; padding-left:25px;cursor: pointer;}
.chaxunlist li:hover{ background-color: #f7f7f7;}
.cxlist{ width:100%; }
.cxlist h3,.cxlist p,.cxlist span{ display: block;width:100%;}
.cxlist h3{ font-weight: bold; color: #1264b8; line-height: 30px;}
.cxlist p,.cxlist span{ font-size: 14px; color: #797979; line-height: 24px;}
.cxlist span em{margin-top:5px; display: inline-block; padding:1px 8px; line-height: 20px; border-radius:5px; background: #f2f0f0;margin-right:10px; font-style: normal; cursor: pointer;}
.cxlist span em:hover,.cxlist span em.on{ background:#1a98e0; color:#fff;}
.chaxunBox{ border-radius:5px; background: #1a98e0; padding:5px; display: flex; justify-content: space-between;margin-top:8px; }
.chaxunBox .zwmapSearch{ width:auto; border: none; height: 30px; line-height: 30px;}
.chaxunBox .zwmapSearch input.btnDefault{ width:30px; height: 30px; background-size:cover;}
.chaxunBox i{margin-top:3px;height: 24px; width:32px;}

.mapRight{ width:100%;height:calc(100vh - 150px - 121px);  }
.mapCenter{ width:100%; overflow: hidden;}
.mapCenter img{ width:100%;}

/*--翻页--*/
.page{  overflow:hidden;zoom:1;margin:0 auto 10px auto; padding:5px 0; text-align:center; display:table ; font-size:14px !important;}
.page a{ display:block; float:left;background:#f2f0f0; padding:4px 9px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin-right:10px; text-align:center; color: #797979; }
.page a:hover,.page a.current{ background:#2165ab; color:#fff;}
a.page1{ background:#f2efef;}
.pagecss span{ display:block; float:left; padding:0 10px; line-height:30px;}
.page span input{ display:inline;background:none; text-align:center; width:25px; height:23px;border:1px solid #d3e6fc; line-height:23px; background:#e2effd; margin:0px 5px;  outline:none; color:#444;}
/*--页脚--*/
.page-footer .info-content{margin-top:40px;}
.page-footer .info-content{margin-top:0;}
.page-footer .info-box{ padding:15px 0 10px 0;}

.chaxunlist::-webkit-scrollbar {display: none;}
.chaxunlist{scrollbar-width:none;-ms-overflow-style:none;overflow-x: hidden;overflow-y: auto;}
.chaxunlist li {padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px dashed #c6c6c6;background: url(../images/zwmap-location.png) no-repeat 0 5px;padding-left: 25px;cursor: pointer;}