@charset "UTF-8";

body{background: #f5faff url(/cdht/xhtml/ztzl/bmlq/images/header_bg.png) center top no-repeat;}
.container{width: 1018px;margin: 0 auto;}
.header{padding-top: 30px;height: 570px;}
.site-logo{display: block;width: fit-content;}
.site-logo img{display: inline-block;height: 35px;vertical-align: middle;}
.site-logo img:first-child{margin-right: 10px;height: 46px;}
.elli-s{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.main{margin-bottom: 50px;}
.tit{position: relative;}
.tit h5{border-bottom: 1px dashed #3889ed;padding-bottom: 7px;width: fit-content;position: relative;}
.tit h5::after{content: "";display: block;width: 56%;height: 4px;background: #3889ed;position: absolute;bottom: -2px;left: 0;}
.tit .icon{width: 24px;height: 24px;display: inline-block;vertical-align: middle;object-fit: contain;}
.tit .text{font-size: 26px;font-weight: 700;color: #000;display: inline-block;vertical-align: middle;}
.tit .more{position: absolute;right: 0;bottom: 0;font-size: 18px;color: #6dacdc;}
.cont{margin-top: 30px;}

/* 便民利企应用 */
.bmlqyy-box .left-box{width: calc(500 / 1018 * 100%);float: left;}
.bmlqyy-box .left-box .cont ul{margin: 0 -6px;}
.bmlqyy-box .left-box .cont ul li{width: calc(100% / 2);height: 96px;margin-bottom: 12px;float: left;padding: 0 6px;display: table;}
.bmlqyy-box .left-box .cont ul li:last-child{width: 100%;}
.bmlqyy-box .left-box .cont ul li a{display: table-cell;transition: all 0.3s;width: 100%;height: 100%;border-radius: 6px;text-align: center;font-weight: 700;font-size: 24px;vertical-align: middle;position: relative;cursor: pointer;}
.bmlqyy-box .left-box .cont ul li a .qr-box{position: absolute;top: 79%;left: 50%;transform: translateX(-50%);border-radius: 6px;display: none;z-index: 999;background-color: #fff;padding: 20px;box-shadow: 0 0 10px #c9c7c799;}
.bmlqyy-box .left-box .cont ul li a .qr-box img{width: 150px;display: block;max-width: none;}
.bmlqyy-box .left-box .cont ul li a .qr-box::before{content: "";display: block;position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%);border-bottom: 10px solid #fff;border-left: 7px solid transparent;border-right: 7px solid transparent;z-index: 3;}
.bmlqyy-box .left-box .cont ul li a:hover .qr-box{display: block;}
.bmlqyy-box .left-box .cont ul li a:hover{background-size: 110% 110% !important;}
.bmlqyy-box .left-box .cont ul li a.blue{color: #105490;}
.bmlqyy-box .left-box .cont ul li a.origin{color: #ae7b41;}
.bmlqyy-box .left-box .cont ul li a.green{color: #508583;}
.bmlqyy-box .left-box .cont ul li:nth-child(1) a{background: url(/cdht/xhtml/ztzl/bmlq/images/bmlqyy_bg1.png) center center no-repeat;background-size: 100% 100%;}
.bmlqyy-box .left-box .cont ul li:nth-child(2) a{background: url(/cdht/xhtml/ztzl/bmlq/images/bmlqyy_bg2.png) center center no-repeat;background-size: 100% 100%;}
.bmlqyy-box .left-box .cont ul li:nth-child(3) a{background: url(/cdht/xhtml/ztzl/bmlq/images/bmlqyy_bg3.png) center center no-repeat;background-size: 100% 100%;}
.bmlqyy-box .left-box .cont ul li:nth-child(4) a{background: url(/cdht/xhtml/ztzl/bmlq/images/bmlqyy_bg4.png) center center no-repeat;background-size: 100% 100%;}
.bmlqyy-box .left-box .cont ul li:nth-child(5) a{background: url(/cdht/xhtml/ztzl/bmlq/images/bmlqyy_bg5.png) center center no-repeat;background-size: 100% 100%;}
.bmlqyy-box .left-box .cont ul li:nth-child(6) a{background: url(/cdht/xhtml/ztzl/bmlq/images/bmlqyy_bg6.png) center center no-repeat;background-size: 100% 100%;}
.bmlqyy-box .left-box .cont ul li:nth-child(7) a{background: url(/cdht/xhtml/ztzl/bmlq/images/bmlqyy_bg7.png) center center no-repeat;background-size: 100% 100%;}
.bmlqyy-box .right-box{width: calc(475 / 1018 * 100%);float: right;}
.bmlqyy-box .right-box li{position: relative;padding-left: 15px;}
.bmlqyy-box .right-box li:not(:first-child){margin-top: 30px;}
.bmlqyy-box .right-box li::before{content: "";display: block;width: 5px;height: 5px;border-radius: 50%;background-color: #3579f9;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.bmlqyy-box .right-box li a{display: block;font-size: 18px;color: #323232;}
.bmlqyy-box .right-box li a:hover{color: #3889ed;}

/* 便民利企查询 */
.bmlqcx-box{margin-top: 30px;}
.bmlqcx-box .tit h5{border: none;margin: 0 auto;padding-bottom: 0;}
.bmlqcx-box .tit h5::after{display: none;}
.bmlqcx-box .cont-item{position: relative;margin-top: 30px;z-index: 3;}
.bmlqcx-box .cont-item.on{z-index: 99;}
.bmlqcx-box .cont-item *{transition: all 0.3s;}
.bmlqcx-box .hd{width: 255px;float: left;box-shadow: 0 0 15px #518abc53;}
.bmlqcx-box .hd li{width: 100%;height: 85px;display: table;background-color: #e8f1fd;}
.bmlqcx-box .hd li a{display: table-cell;width: 100%;height: 100%;vertical-align: middle;text-align: center;}
.bmlqcx-box .hd .icon{width: 52px;object-fit: scale-down;display: inline-block;vertical-align: middle;margin-right: 5px;}
.bmlqcx-box .hd .text{display: inline-block;vertical-align: middle;font-size: 22px;color: #535353;font-weight: 700;}
.bmlqcx-box .hd li.on{background-color: #70a7ee;}
.bmlqcx-box .hd li.on .text{color: #fff;}
.bmlqcx-box .bd{width: calc(100% - 255px);min-height: 170px;position: absolute;top: 0;background-color: #fff;box-shadow: 0 0 15px #518abc53;}
.bmlqcx-box .cont-item.hd-left .hd{float: left;}
.bmlqcx-box .cont-item.hd-left .bd{right: 0;}
.bmlqcx-box .cont-item.hd-right .hd{float: right;}
.bmlqcx-box .cont-item.hd-right .bd{left: 0;}
.bmlqcx-box .bd ul{max-height: calc(170px - 45px);overflow: hidden;}
.bmlqcx-box .bd ul.on{max-height: 200px;z-index: 99;}
.bmlqcx-box .bd li{width: calc(100% / 3);padding: 0 39px;display: table;float: left;text-align: center;height: calc((170px - 45px) / 2);position:relative;}
.bmlqcx-box .bd li::after{content:'';display:block;position:absolute;left:calc(100% - 0.5px);width:1px;height:60%;top: 50%;transform:translateY(-43%);background-color:#33333333;}
.bmlqcx-box .bd li:nth-child(3n)::after{display:none;}
.bmlqcx-box .bd li a{display: table-cell;vertical-align: middle;font-size: 18px;font-family: 'SourceHanSansCN';overflow: hidden;text-overflow: ellipsis;}
.bmlqcx-box .bd li a span{display: -webkit-box; overflow: hidden; white-space: normal; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
.bmlqcx-box .bd .more{margin: 0 auto;width: fit-content;height: 45px;line-height: 45px;cursor: pointer;}
.bmlqcx-box .bd .more img{transform: rotate(180deg);}

/* 公共服务电话 */
.ggfwdh-box{margin-top: 30px;}
.ggfwdh-box a{display: block;width: 100%;}
.ggfwdh-box img{display: block;width: 100%;}



@media (max-width: 1280px){
  .container{width: 970px;}
}

@media (max-width: 992px){
  .container{width: 750px;}
  body{background-size: 100%;}
  .header{height: 260px;padding-top: 10px;}
  .bmlqyy-box .left-box{width: 100%;}
  .bmlqyy-box .right-box{width: 100%;margin-top: 20px;}
  .bmlqcx-box .cont-item .hd{float: none !important;width: 100%;}
  .bmlqcx-box .cont-item .hd li{width: calc(100% / 2);float: left;}
  .bmlqcx-box .bd{position: static;width: 100%;}
  .bmlqcx-box .bd .more{display: none;}
  .bmlqcx-box .bd ul{max-height: none;}
  .bmlqcx-box .bd li{height: auto;padding: 20px 39px;}
}

@media (max-width: 768px){
  .container{width: calc(100% - 20px);}
  .header{height: 230px;}
  body{background-size: 120%;}
  .bmlqyy-box .left-box .cont ul li a{font-size: 18px;}
  .bmlqyy-box .right-box li a{font-size: 16px;}
  .bmlqcx-box .bd li a{font-size: 16px;}
}

@media (max-width: 431px){
  .container{padding: 0;}
  body{background-size: 150%;}
  .header{height: 150px;padding-top: 5px;}
  .site-logo img:first-child{height: 33px;}
  .site-logo img{height: 26px;}
  .tit .text{font-size: 18px;}
  .tit .icon{width: 20px;height: 20px;margin-right: 5px;}
  .bmlqyy-box .left-box .cont ul li{height: 70px;}
  .bmlqyy-box .left-box .cont ul li a{font-size: 16px;}
  .tit .more{font-size: 14px;}
  .bmlqyy-box .right-box li a{font-size: 14px;}
  .bmlqyy-box .right-box li:not(:first-child){margin-top: 22px;}
  .bmlqcx-box .hd .icon{width: 26px;}
  .bmlqcx-box .hd .text{font-size: 16px;}
  .bmlqcx-box .hd li{height: 59px;}
  .bmlqcx-box .bd li{width: calc(100% / 2);padding: 15px 20px;}
  .bmlqcx-box .bd li a{font-size: 14px;}
  .ggfwdh-box img{height: 50px;object-fit: cover;}
  .bmlqyy-box .left-box .cont ul li a .qr-box img{width: 120px;}
}