@charset "utf-8";
/* CSS Document */
.ls-zczxbg{ background: url("../images-zczx/bodybg_01.png") center top no-repeat; background-size: 100% 100%}
.zczx-bodybg{ background: url("../images-zczx/banner-tu.png") center 104px no-repeat;}
.container{ width: 1400px;}
.zczx_banner{height: auto; overflow: hidden;}
.zczx_banner .img_title{ display: none;}
.pos-rel{ position: relative;}
.zt-logo{position: absolute; top: 24px; left: 0px;}
.zt-logo img{ height: 57px;}
.zt_right{position: absolute;top: 24px;right: 0;height: 30px;line-height: 30px;}
.zt_right li{float: left;margin-right: 15px;}
.zt_right li a{font-size: 16px;color: #fff;}
.zt_right li.back-home{text-align: center;margin-right: 0;}
.zt_right li a.hygq_goback{padding: 0 15px;background: url("../images_hbdc/hygq_goback_bg.png") repeat left top;display: block;border-radius: 4px;font-size: 16px;color: #333;}
.zt_ban{ padding: 116px 0 61px; font-size: 0; line-height: 0;}
.zt_ban img{max-width: 100%; height: auto;}
/*主体*/
.ls-zczxbox{ background: #fff;box-shadow: 0px 4px 10px 0px rgba(0, 96, 172, 0.2);border-radius: 24px; padding: 20px 30px 0px; margin-bottom: 27px;}
/*找号码*/
/*搜索*/
.ls-zhm-search-wrap{width: 1100px;margin: 23px auto 26px;}
.ls-zhm-search-title{margin-top: 10px;padding-left: 30px;}
.ls-zhm-search-title li{float: left;font-size: 18px;color: #333; margin-right: 30px;  text-align:center; padding-top:18px;height: 26px;line-height: 26px; position: relative; width:130px;cursor: pointer;}
.ls-zhm-search-title li.active{background: url("../images-zczx/jt.png") center top no-repeat;color: #007CD5;}
.ls-zhm-search-widget{height: 78px;background:#fff;border-radius: 60px;border: 1px solid #D4D4D4;}
.ls-zhm-search-widget ul{padding-right: 122px;position: relative;}
.ls-zhm-search-widget li.sea_an{ position: absolute;right:0px;top:0px;width:122px;height: 78px;background:url("../images-zczx/fdj.png") center no-repeat #007CD5;border-radius:0 60px 60px 0; z-index:1;}
.ls-zhm-search-widget li.sea_an input{width:100%;height:100%; border: none;background: none;  text-indent: -999em;}
.ls-zhm-search-widget li.se_box{float:none; padding-left: 53px; position:relative;}
.ls-zhm-search-widget li.se_box input{float:none;width: 100%;font-size: 18px;color: #9E9E9E; height:58px;line-height: 58px;background: none;padding:10px 0; outline: none;border: none;overflow:hidden;}
.ls-zhm-search-widget li.se_box input::-webkit-input-placeholder {color:#9E9E9E;}
.ls-zhm-search-widget li.se_box input:-moz-placeholder {color:#9E9E9E;}
.ls-zhm-search-widget li.se_box input::-moz-placeholder {color:#9E9E9E;}
.ls-zhm-search-widget li.se_box input:-ms-input-placeholder {color:#9E9E9E;}
.ls-zhm-search-widget li.se_box .ph-label{left:15px;}
.ls-zhm-search-widget li.se_box .ph-label span{color: #9E9E9E !important;}
.ls-zhm-search-widget input:focus{outline: none !important;}
.ls-zhm-search-widget.active{outline: none;
    border-color:#1D74FF !important;}
/*找窗口*/
.ls-zck-list{    background: url("../images-zczx/zck_bg1.png") center 146px no-repeat;   height: 520px; margin: 30px 146px 40px; position: relative; z-index: 1}
.ls-zck-list  ul li{ float: left; text-align: center; width: 200px; height: 138px;box-shadow: 0px 0px 10px 0px rgba(50, 107, 167, 0.3); background: #fff;position: absolute; }
.ls-zck-list ul li a{display: block; font-size: 18px; font-weight: bold; line-height: 32px;color: #216EBE; padding: 10px 10px 0px; }
.ls-zck-list ul li .img{ height: 93px; overflow: hidden; width: 100%;display: block;}
.ls-zck-list ul li .img img{transition: all .5s;width: 100%; height: 100%;}
.ls-zck-list ul li a:hover{color: #007CD5;}
.ls-zck-list ul li a:hover img{transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}
.ls-zck-list ul li.num1{left:424px;bottom: 184px;z-index: 3}
.ls-zck-list ul li.num2{left:424px;bottom: 0px;z-index: 2}
.ls-zck-list ul li.num3{left:271px;top: 0px;z-index: 4}
.ls-zck-list ul li.num4{right:271px;top: 0px;z-index: 4}
.ls-zck-list ul li.num5{left:0px;top: 128px;z-index: 3}
.ls-zck-list ul li.num6{right:0px;top:128px;z-index: 3}
.ls-zck-list ul li.num7{left:15px;top: 304px;z-index: 2}
.ls-zck-list ul li.num8{right:15px;top:304px;z-index: 2}
.ls-zck-list ul li .img_title{ display: block;}
.con{ display: none;background: rgba(0, 124, 213, 0.2); border-radius: 16px;padding: 18px; position: absolute;left:-100px; top:138px;width:300px; height: auto; z-index: 9999}
.info{background: #FFFFFF; border-radius: 10px; padding: 20px;}
.info h2{ font-size: 20px; font-weight: bold; line-height: 28px;   text-align: center; margin-bottom: 20px;}
.info p{ font-size: 14px; line-height: 26px; color: #333333;text-align: left;}
.info .jt{ background: url("../images-zczx/jt1.png") left center no-repeat; padding-left: 26px; font-size: 20px;color: #007CD5; font-weight: bold;}
.info .jt a{ padding: 0px; line-height: 26px;}
.ls-zck-list ul li:hover .con{ display: block;}
/*找平台*/
.ls-zptbox{ padding: 30px 0 35px;}
.ls-title{ position: relative; height: 60px; background: url("../images-zczx/zhm_bg.png") center 4px no-repeat;text-align: center;}
.ls-title i{width: 10px; height: 10px; position: absolute; background: url("../images-zczx/circle.png") no-repeat;top:25px;}
.ls-title .iconl{left: 0px;}
.ls-title .iconr{right: 0px;}
.ls-title p{ font-size: 42px; font-weight: bold; line-height: 60px; text-align: center;color: #007CD5;display: inline-block; padding-left: 70px;}
.ls-title p a{color: #007CD5;}
.ls-title1{background: url("../images-zczx/zck-bg.png") center 4px no-repeat;}
.ls-title2{background: url("../images-zczx/zpt_bg.png") center 4px no-repeat;}
.ls-zpt-tit{height: 60px;  text-align: center; background: url("../images-zczx/wyc-titbg.png") center no-repeat; margin-top: 25px;}
.ls-zpt-tit  a{display: block; line-height: 60px; font-weight: bold; font-size: 28px;}
.ls-zpt-tit  img{ display: inline-block; vertical-align: top;margin-right: 10px; margin-top: 15px;}
.ls-zpt-tit .img_title{ display: inline-block;}
.ls-zpt-tit  a:hover{color: #007CD4;}
.ls-listbox{ width: 645px; margin:10px 0 40px;}
.ls-zzk-tab{height: 40px; background: url("../images-zczx/titlebg.png") left bottom no-repeat; padding-top: 10px;}
.ls-zzk-tab ul,.ls-zzk-tab ul li{ float: left;}
.ls-zzk-tab ul li a{display: block; line-height: 40px; font-size: 24px; font-weight: bold;padding-left:18px;}
.ls-zzk-tab ul li.active a{color: #007CD5;}
.ls-zzk-tab .more{ float: right; font-size: 18px; color: #9E9E9E; line-height: 40px;}
.ls-zzk-tab .more:hover{color: #007CD5;}
.ls-list ul li{ height: 56px; line-height: 56px; border-bottom:1px dashed #dcdcdc;padding: 2px 60px 2px 16px; overflow: hidden; background: url("../images-zczx/dot.png") left center no-repeat; position: relative;}
.ls-list ul li a{ display: block; text-overflow: ellipsis; white-space: nowrap;float: none; overflow: hidden; font-size: 20px; }
.ls-list ul li .date{ position: absolute; right: 0px; top:2px; font-size: 18px; color: #999;}
.ls-wy-icon ul li{ height: 60px; width: 646px; float: left;text-align: center; background: url("../images-zczx/wyc-titbg.png") center no-repeat;}
.ls-wy-icon ul li.num2{ float: right;}
.ls-wy-icon ul li a{display: block; line-height: 60px; font-weight: bold; font-size: 28px;}
.ls-wy-icon ul li img{ display: inline-block; vertical-align: top;margin-right: 10px; margin-top: 15px;}
.ls-wy-icon ul li .img_title{ display: inline-block;}
.ls-wy-icon ul li a:hover{color: #007CD4;}
.ls-zpt-list{ margin-top: 24px;}
.ls-zpt-list ul li{ width: 645px;height: 110px;text-align: center; float: left; margin-right: 40px;box-shadow: 0px 4px 10px 0px rgba(46, 115, 242, 0.2);}
.ls-zpt-list ul li.num2{ margin-right: 0px;}
.ls-zpt-list ul li a{   display: block; padding: 13px 0px;}
.ls-zpt-list ul li img{  display: inline-block; vertical-align: middle; margin-right: 25px;}
.ls-zpt-list ul li .img_title{ line-height: 84px;font-size: 24px; font-weight: bold; color: #25B27B;display: inline-block;}
.ls-zpt-list ul li a:hover .img_title{ text-decoration: underline;}
.ls-zpt-list ul li.num2 .img_title{color: #EC533D;}
/*搜索结果*/
.ls-zhm-infolist ul li{ height: 50px; line-height: 50px; padding:10px 30px;background: #F7F7F7; position: relative;font-size: 18px; }
.ls-zhm-infolist ul li a{ display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-right: 190px; }
.ls-zhm-infolist ul li:nth-of-type(2n){ background: #fff;}
.ls-zhm-infolist ul li .phone{ position: absolute; right: 30px; top:10px;  }

/* 按职能找号码 */
.ls-zhm-infolist01 .ls-zhm-tit{position: relative;height: 50px;line-height: 50px;padding: 10px 30px;font-size: 18px;color: #666;font-weight: bold;}
.ls-zhm-infolist01 p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;}
.ls-zhm-infolist01 .p1{width: 35%;}
.ls-zhm-infolist01 .p2{width: 35%;text-align: center;}
.ls-zhm-infolist01 .p3{width: 30%;text-align: center;}
.ls-zhm-infolist01 .p2 a{margin-right: 0;}

/*分页/翻页*/
.pagination{padding: 0px; margin: 7px 0 27px;}
.pagination a:hover{background:#007CD5;border:1px solid #007CD5; }
.pagination a.active{border:1px solid #007CD5; }
.pagination span.current,.pagination span.current:hover{background:#007CD5;border:1px solid #007CD5; }
.pagination a.text,.pagination a.text:hover{ background:#007CD5;border:#007CD5 1px solid; }
.pagination button:hover{background:#007CD5;border:1px solid #007CD5;}
/*单位找号码*/
.jg-unitBox{padding: 0px 2px 6px;}
.jg-unitBox .jg-unit{ float: left; width: 319px;height: 64px; margin:0 20px 20px 0px;border-radius: 4px; position: relative; font-size: 18px;  box-shadow: 0px 0px 10px 3px rgba(94, 168, 212, 0.2); background: url("../images-zczx/dw_bg.png") no-repeat;}
.jg-unitBox .jg-unit .tit{ display: block; text-align: center;  line-height: 64px; height: 64px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.jg-unitBox .jg-unit  .unitlink{ display: none; cursor: pointer;  position: absolute; width: auto; left:0; right:0; top:50%; border-radius: 4px;margin-top: -32px; height: 64px; background: #007CD5;-moz-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s; z-index: 2;}
.jg-unitBox .jg-unit  .title{   text-align: center;  font-weight: bold; font-size: 18px;  line-height: 26px; color: #fff; margin: 5px auto;  }
.jg-unitBox .jg-unit  .title p{display:inline-block; padding:0 50px;position: relative; white-space: nowrap;}
.jg-unitBox .jg-unit  .title1{ max-width: 130px}
.jg-unitBox .jg-unit  .title2{max-width: 160px}
.jg-unitBox .jg-unit  .title3{max-width: 240px}
.jg-unitBox .jg-unit  .title4 p{ padding: 0 20px;}
.jg-unitBox .jg-unit  .title4 p:after{left:-20px;}
.jg-unitBox .jg-unit  .title4 p:before{right:-20px;}
.jg-unitBox .jg-unit  .title p:after{ content: ""; display: block; width: 40px; height: 1px; background: url("../images-zczx/leftico.png") left center no-repeat; position: absolute; top:12px; left: 0px;}
.jg-unitBox .jg-unit  .title p:before{ content: ""; display: block; width: 40px; height: 1px; background: url("../images-zczx/rightico.png") right center no-repeat; position: absolute; top:12px; right:0px;}
.jg-unitBox .jg-unit  .url{ display: block; text-align: center;    line-height: 20px;}
.jg-unitBox .jg-unit  .url a{ display: inline-block; color: #fff; font-size: 14px; padding: 0 12px; background: url("../images-zczx/line.png") right center no-repeat}
.jg-unitBox .jg-unit  .url a:hover{ color: #fbf297; }
.jg-unitBox .jg-unit:nth-of-type(4n){ margin-right: 0px;}
.jg-unitBox .jg-unit  .url a:last-child{ background: none;}
/*地图*/
.ls-map{ margin: 20px 0 0px; position: relative;z-index: 0; padding-bottom: 30px;}
.ls-map-tu{height: 797px; overflow: hidden; position: relative;z-index: 1}
.ls-map-info{ position: absolute; left: 514px; top:274px;z-index: 3; width: 564px;height: 244px;background: rgba(0, 124, 213, 0.2); border-radius: 16px;padding: 18px;}
.location-ico{background: url("../images-zczx/map_dot.png") left top no-repeat;  width: 174px; height: 144px; left:-174px; top:20px;position: absolute; }
.ls-map-info1{background: #FFFFFF; border-radius: 10px; padding: 20px; height: 204px;}
.ls-map-pic{width: 261px; height: 201px;  }
.ls-map-text{ margin-left: 281px;}
.ls-map-text h3{ padding: 20px 0 10px; line-height: 40px; font-size:20px;}
.ls-map-text p{ line-height: 30px; font-size:16px; color: #666;}
/*底部*/
.ls-footer{border-color:#007CD5;}
/*简介*/
.ls-zczx-info{ margin: 35px 0 30px; background:url("../images-zczx/infobg.png") center no-repeat; height: 266px;padding: 22px 38px 0px;}
.ls-zczx-title{ line-height: 44px;border-bottom: 1px dashed #CEE8FF;text-align: center; font-size: 28px;color: #007CD5; padding: 20px 0;}
.ls-zczx-list{ padding-top: 20px; line-height: 44px; font-size: 20px;}
.ls-zczx-list p i{ font-style: normal; font-size: 24px;padding: 0 5px; font-weight: bold;color: #007CD5;letter-spacing: 0.06em;}
.ls-zczx-list p span{width: 20px; height: 20px; margin-right: 10px; display: inline-block; line-height: 20px; text-align: center; border: 1px solid #007CD5; border-radius: 50%; font-size: 14px; color: #007CD5; position: relative;vertical-align: top;
    margin-top: 13px; }
.ls-zczx-list p span:after{content: '';width: 31px; height: 8px; background: url("../images-zczx/linedot.png") no-repeat; position: absolute; bottom:-5px; left:-6px;}
@media (max-width:1399px) and (min-width:1200px){
    /*主体*/
    .ls-zczxbox{padding: 20px 20px 0px;}
    .container{ width: 1200px;}
    .zt_ban{ padding: 168px 0 78px; text-align: center;}
    /*找窗口*/
    .ls-zck-list{ margin: 30px 40px 40px;}
    /*找平台*/
    .ls-listbox{ width: 570px;}
    .ls-wy-icon ul li{ width: 570px;}
    .ls-zpt-list ul li{width: 570px; margin-right: 20px;}
    /*单位找号码*/
    .jg-unitBox .jg-unit{ width: 372px; background-size: 100% 100%;}
    .jg-unitBox .jg-unit:nth-of-type(4n){ margin-right: 20px;}
    .jg-unitBox .jg-unit:nth-of-type(3n){ margin-right: 0px;}
    /*简介*/
    .ls-zczx-info{   height: auto;padding: 20px; background-size: 100% 100%;}
}
@media (max-width:1199px) and (min-width:992px){
    .ls-zczxbox{padding: 20px 20px 0px;}
    .container{ width: 992px;}
    .ls-title p{ font-size:36px;}
    .zt_ban{ padding: 168px 0 78px; text-align: center;}
    /*搜索*/
    .ls-zhm-search-wrap{ width: 100%;}
    /*找窗口*/
    .ls-zck-list{ margin: 20px 0px 20px;}
    .ls-zck-list ul li.num1{left:376px; }
    .ls-zck-list ul li.num2{left:376px; }
    .ls-zck-list ul li.num3{left:241px;}
    .ls-zck-list ul li.num4{right:241px;}
    /*找平台*/
    .ls-listbox{ width: 466px;}
    .ls-wy-icon ul li{ width: 466px; background-size: 100% 100%;}
    .ls-zpt-list ul li{width: 466px; margin-right: 20px;}
    /*单位找号码*/
    .jg-unitBox .jg-unit{ width: 302px; background-size: 100% 100%;}
    .jg-unitBox .jg-unit:nth-of-type(4n){ margin-right: 20px;}
    .jg-unitBox .jg-unit:nth-of-type(3n){ margin-right: 0px;}
    /*简介*/
    .ls-zczx-info{   height: auto;padding: 20px; background-size: 100% 100%;}
}
@media (max-width:991px){
    .ls-zczxbox{padding: 15px 15px 0px;}
    .container{ width: 768px;}
    .zt_ban{ padding: 130px 0 50px; text-align: center;}
    .ls-title p{ font-size:32px;}
    /*搜索*/
    .ls-zhm-search-wrap{ width: 100%;}
    /*找窗口*/
    .ls-zck-list{    background: none;   height:auto; margin: 15px 0px 15px; }
    .ls-zck-list  ul li{  width:31.33%; position: static; height: auto; margin: 0 1% 10px; }
    .ls-zck-list ul li .img{ height: auto;  }
    /*找平台*/
    .ls-zptbox{ padding: 15px 0px;}
    .ls-zpt-list{ margin-top: 15px;}
    .ls-listbox{ width: auto; float: none; margin: 0 0 10px;}
    .ls-wy-icon ul li{ width: 49%; background-size: 100% 100%;}
    .ls-zpt-list ul li{width:49%; margin-right: 2%;height: auto;}
    .ls-zpt-list ul li img{ display: block;margin: 0 auto;  }
    /*单位找号码*/
    .jg-unitBox .jg-unit{ width: 359px; background-size: 100% 100%; margin:0 15px 15px 0;}
    .jg-unitBox .jg-unit:nth-of-type(4n){ margin-right: 20px;}
    .jg-unitBox .jg-unit:nth-of-type(2n){ margin-right: 0px;}
    /*简介*/
    .ls-zczx-info{margin: 0px 0 15px;   height: auto;padding: 20px; background:#f5fbff; border-radius: 10px;}
}
@media (max-width:767px){
    .container{ width: 100%;}
    .zt_ban{ padding: 100px 0 20px; text-align: center;}
    .zt_ban img{ width: 90%;}
    .ls-title p{ font-size:28px;}
    /*搜索*/
    .ls-zhm-search-title{ padding-left: 10px;}
    .ls-zhm-search-title li{ margin-right: 10px; width: auto;}
    .ls-zhm-search-widget{height: 58px; border-radius: 30px; }
    .ls-zhm-search-widget ul{padding-right: 70px; }
    .ls-zhm-search-widget li.sea_an{ width:70px;height: 58px; border-radius:0 30px 30px 0; }
    .ls-zhm-search-widget li.se_box{  padding-left: 15px;  }
    .ls-zhm-search-widget li.se_box input{ padding: 0px;}
    /**/
    .ls-zhm-infolist ul li{ padding: 10px; height: auto; line-height: 36px;}
    .ls-zhm-infolist ul li a{ margin-right: 0px; white-space: normal;}
    .ls-zhm-infolist ul li .phone{ position: static;}
    /*找窗口*/
    .ls-zck-list{     margin: 10px 0px 10px; }
    .ls-zck-list  ul li{  width:48%;   }
    /*找平台*/
    .ls-zptbox{ padding: 0px 0px 5px;}
    .ls-zpt-list{ margin-top: 15px;}
    .ls-zpt-list ul li{width: 49%; margin-right: 2%; margin-bottom: 10px;}
    .ls-zpt-list ul li:nth-of-type(2n){ margin-right: 0px;}
    .ls-wy-icon ul li{ width: 100%;margin-bottom: 10px; }
    .ls-wy-icon ul li a{ font-size: 20px;}
    .ls-zpt-list ul li{width:49%; margin-right: 2%;height: auto;}
    .ls-zpt-list ul li img{ display: block;margin: 0 auto;  }
    .ls-zpt-list ul li a{ font-size: 20px;}
    .ls-zpt-tit{ margin-top: 10px;}
    /*单位找号码*/
    .jg-unitBox .jg-unit{ width: 100%;  margin:0 0px 15px 0;}
    .jg-unitBox .jg-unit:nth-of-type(4n){ margin-right: 0px;}
    /*简介*/
    .ls-zczx-info{   padding: 10px; margin: 0px 0 10px; }

    .ls-zhm-infolist01 .p1,.ls-zhm-infolist01 .ls-zhm-tit{display: none;}
    .ls-zhm-infolist01 .p2{width: auto;text-align: left;}
    .ls-zhm-infolist01 p{float: none;white-space: normal;}
    .ls-zhm-infolist01 .p3{width: auto;text-align: left;}
    .ls-zhm-infolist01 .p2 a{white-space: normal;}
}
@media (max-width:600px){
    .ls-zpt-list ul li{width: 100%; margin-right: 0; }
    .ls-zpt-tit{ background-size: 100% 100%;}
}
@media (max-width:489px){
    .ls-zck-list  ul li{  width:100%;  margin: 0 0 10px;   }
    .ls-title{ background-size: auto 60%; background-position: center 14px;}
}
@media (max-width:436px){
    .zt-logo{top:10px;}
    .zt_right{top:74px;}
    .zt_ban{ padding: 120px 0 20px;}
}