@charset "utf-8";

/* 初始化 */
@font-face {
  font-family: "youshe";
  src: url("/default/libs/font/youse.ttf");
}

*{box-sizing: border-box;}
html{font-size: 10px;}
body{font-size: 1.6rem;}
.zt-main{margin-bottom: 80px;}
/* 数据开放平台 */
.sjkfpt-box{margin-top: 51px;background: url(/gasrmzfw/ztzl/sjkfzt/images/sjkfpt_bg.png) center no-repeat;background-size: 100% 100%;padding: 35px 29px;}
.sjkfpt-box .title{font-size: 3.6rem;font-weight: 700;letter-spacing: 0.3rem;color: #fff;line-height: 4.1rem;vertical-align: top;}
.sjkfpt-box .title a{color: #fff;}
.sjkfpt-box .title::before{content: '';display: inline-block;width: 4.1rem;height: 4.1rem;background: url(/gasrmzfw/ztzl/sjkfzt/images/sjkfpt_title_icon.png) center no-repeat;margin: 0 20px;vertical-align: top;}
.sjkfpt-box ul{margin-top: 34px; background-color: rgba(230, 241, 255, 1);display: flex;justify-content: space-between;flex-wrap: wrap;padding: 28px 19px;} 
.sjkfpt-box ul li{flex-shrink: 0;text-align: center;}
.sjkfpt-box ul li>div{margin: 0 auto;}
.sjkfpt-box ul li .icon{width: 60px;height: 60px;display: flex;justify-content: center;align-items: center;}
.sjkfpt-box ul li .icon img{display: block;max-width: 100%;}
.sjkfpt-box ul li .label-text{font-size: 1.8rem;line-height: 2.3rem;color: rgba(51, 51, 51, 1);margin-top: 1.8rem;}
.sjkfpt-box ul li .data-num{font-size: 2.6rem;margin-top: 0.8rem;color: rgba(59, 97, 165, 1);font-weight: 700;}

/* 数据开放 */
.sjkf-box{margin-top: 52px;}
.mod-title{display: flex;}
.mod-title .title{flex-shrink: 0; width: 301px;height: 50px;background: url(/gasrmzfw/ztzl/sjkfzt/images/title_left_bg.png) center no-repeat;}
.mod-title .title h3{padding-left: 30px; font-size: 3.6rem;font-weight: 400;line-height: 50px; font-family: 'youshe';letter-spacing: 0.8rem;color: #fff;text-align: center;}
.mod-title::after{flex-shrink: 0;content: '';display: inline-block;width:calc(100% - 301px);height: 50px;background: url(/gasrmzfw/ztzl/sjkfzt/images/title_right_bg.png) left center no-repeat;}
.sjkf-box .mod-content{margin-top: 34px;}
.hd ul{margin: 0 auto;cursor: pointer; display: flex;justify-content: space-between;padding: 0 274px;}
.hd ul li{flex-shrink: 0;position: relative;font-size: 2.8rem;color: rgba(28, 97, 189, 1);line-height: 3.69rem;}
.hd ul li.on{font-weight: 700;color: rgba(28, 97, 189, 1);}
.hd ul li.on::after{content: '';display: block;width: 100%;height: 5px;background: rgba(28, 97, 189, 1);margin-top: 12px;}
.sjkf-box .bd{margin-top: 28px;}
.sjkf-box .bd ul{display: flex;flex-wrap: wrap;gap: 18px 14px;}
.sjkf-box .bd ul li{padding: 20px 0 15px 0; flex-shrink: 0;width: calc((100% + 14px) / 7 - 14px);background: rgba(230, 241, 255, 1);border-radius: 4px;}
.sjkf-box .bd ul li a{display: flex;flex-direction: column; justify-content: center;align-items: center; width: 100%;height: 100%;}
.sjkf-box .bd ul li a .icon{width: 60px;height: 60px;border-radius: 50px;background-color: rgb(80, 144, 228);display: flex;justify-content: center;align-items: center;}
.sjkf-box .bd ul:first-child li a .icon{background-color: transparent;}
.sjkf-box .bd ul li a .text{display: flex;justify-content: center;align-items: center; text-align: center; margin-top: 5px;height: 50px; font-size: 1.8rem;line-height: 2.3rem;}
#qxzy-list li{width: calc((100% + 14px) / 4 - 14px);padding: 0;background: transparent;}
#qxzy-list li a{position: relative;overflow: hidden;height: 220px;border-radius: 10px;}
#qxzy-list li a .icon{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;}
#qxzy-list li a .icon img{display: block;width: 100%;height: 100%;}
#qxzy-list li a .icon::after{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #00000030;}
#qxzy-list li a .text{position: relative;z-index: 3;color: #fff;font-size: 2.2rem;font-weight: 700;}

#bmzy-list li{width: calc((100% + 14px) / 6 - 14px);}

/* 数据发布 */
.sjfb-box{margin-top: 58px;padding: 42px 0 50px 0;background-color: rgba(240, 247, 255, 1);}
.sjfb-box .mod-content{margin-top: 48px;}
.sjfb-box .mod-content .tit{width: 100%;height: 63px;background: url(/gasrmzfw/ztzl/sjkfzt/images/title_center_bg.png) center no-repeat;background-position: 7px 0; text-align: center;}
.sjfb-box .mod-content .tit h3{display: inline-block;line-height: 63px;font-size: 3.2rem;font-weight: 700;color: rgba(255, 255, 255, 1);}

.sjfb-box .mod-content .cont{display: flex;gap: 24px; justify-content: space-between;margin-top: 56px;}
.sjfb-box .mod-content .cont .sjfb-hd{width: 200px;padding: 78px 0;flex-shrink: 0;}
.sjfb-box .mod-content .cont .sjfb-hd ul{display: flex;flex-direction: column;gap: 65px;}
.sjfb-box .mod-content .cont .sjfb-hd ul li{position: relative; width: 100%;height: 60px;font-size: 2.4rem;color: rgba(25, 94, 189, 1);cursor: pointer; display: flex;justify-content: center;align-items: center; background-color: rgba(196, 223, 254, 1);}
.sjfb-box .mod-content .cont .sjfb-hd ul li.on{background-color: rgba(28, 99, 192, 1);color: rgba(255, 255, 255, 1);}
.sjfb-box .mod-content .cont .sjfb-hd.left-box ul li.on::after{content: '';display: block;border-left: 17px solid rgba(28, 99, 192, 1);border-top: 8.5px solid transparent;border-bottom: 8.5px solid transparent;position: absolute;left: 100%;top: 50%;transform: translateY(-50%);}
.sjfb-box .mod-content .cont .sjfb-hd.right-box ul li.on::after{content: '';display: block;border-right: 17px solid rgba(28, 99, 192, 1);border-top: 8.5px solid transparent;border-bottom: 8.5px solid transparent;position: absolute;right: 100%;top: 50%;transform: translateY(-50%);}
.sjfb-box .mod-content .cont .center-box{flex-grow: 1;width: 0;}
.sjfb-box .mod-content .cont .center-box .bd{margin-top: 20px;}
.sjfb-box .mod-content .cont .center-box .bd{width: 100%;height: 380px;}
.sjfb-box .mod-content .cont .center-box .bd-item{width: 100%;height: 100%;}
.layui-table-view{overflow: auto !important;margin: 0 !important;}
.layui-table thead span{color: #fff !important;font-weight: 700 !important;}
.layui-table-header
.layui-table tbody tr:hover,
.layui-table thead tr,
.layui-table-click,
.layui-table-header,
.layui-table-hover,
.layui-table-mend,
.layui-table-patch,
.layui-table-tool,
.layui-table-total,
.layui-table-total tr,
.layui-table[lay-even] tr:nth-child(even){background-color: #1c63c0 !important;color: #fff !important;}
.layui-table-body tbody tr:nth-child(even){background-color: rgb(196, 223, 254) !important;}
.layui-table-body tbody tr{color: rgb(69, 112, 193) !important;font-weight: 700 !important;}
.layui-table-body tbody tr:hover{color: rgb(255, 255, 255) !important;font-weight: 700 !important;}
.layui-table tr{height: 45px}
.layui-table tr span,
.layui-table tr .layui-table-cell{font-size: 2rem !important;}
.layui-table-view .layui-table{width: 100% !important;}

/* 图片链接 */
.tplj-box{margin-top: 41px;}
.tplj-box ul{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 26px 10px;}
.tplj-box ul a,
.tplj-box ul a img{display: block;width: 100%;height: 100%;}

@media (max-width: 1480px){
  /* 数据开放平台 */
  .sjkfpt-box ul{gap: 30px 90px}
  
  /* 数据发布 */
  .sjfb-box .mod-content .tit{background-position: -117px 0;}
  .sjfb-box .hd ul{padding: 0 200px;}
}
@media (max-width: 1280px){
  /* 数据开放平台 */
  .sjkfpt-box ul{gap: 30px 38px}
  .hd ul{padding: 0 139px}

  /* 数据开放 */
  .sjkf-box .bd ul li{width: calc((100% + 14px) / 5 - 14px);}

  /* 数据发布 */
  .sjfb-box .mod-content .tit{background-position: -215px 0;}
  .sjfb-box .mod-content .cont{position: relative;}
  .sjfb-box .mod-content .cont .sjfb-hd{position: absolute;top: 0;padding: 0;flex-direction: unset;width: 100%;}
  .sjfb-box .mod-content .cont .sjfb-hd.right-box{right: 0;top: 80px;}
  .sjfb-box .mod-content .cont .sjfb-hd ul{flex-direction: unset;justify-content: space-evenly;gap: 15px}
  .sjfb-box .mod-content .cont .center-box{margin-top: 180px;}
  .sjfb-box .mod-content .cont .sjfb-hd.left-box ul li.on::after,
  .sjfb-box .mod-content .cont .sjfb-hd.right-box ul li.on::after{display: none;}
  .sjfb-box .mod-content .cont .center-box .bd{height: 450px;}
}

@media (max-width: 992px){
  /* 数据开放平台 */
  .hd ul{padding: 0;}
  .sjkfpt-box ul{gap: 20px;justify-content: left;}
  .sjkfpt-box ul li{width: calc((100% + 20px) / 3 - 20px);}

  /* 数据开放 */
  .sjkf-box .bd ul li{width: calc((100% + 14px) / 4 - 14px);}

  /* 数据发布 */
  .sjfb-box .mod-content .tit {background-position: -326px 0;}

  /* 图片链接 */
  .tplj-box li{width: 48%;}
}

@media (max-width: 431px){
  .sjkfpt-box{border-radius: 10px;padding: 15px;}
  .sjkfpt-box .title{font-size: 2rem;line-height: 3rem;}
  .sjkfpt-box .title::before{width: 3rem;height: 3rem;margin: 0 5px;}
  .sjkfpt-box ul{margin-top: 10px;}
  .sjkfpt-box ul li{width: calc((100% + 20px) / 2 - 20px);}
  .mod-title::after{display: none;}
  .hd ul li{font-size: 2.4rem;}
  .hd ul li.on::after{margin-top: 3px;height: 3px;}
  .sjkf-box .bd ul li{width: calc((100% + 14px) / 2 - 14px);}
  .sjfb-box .mod-content .tit{background-position: -506px 0;}
  .sjfb-box .mod-content .cont .sjfb-hd ul{flex-wrap: wrap;}
  .tplj-box li{width: 100%;}
  .sjfb-box .mod-content .cont .center-box {margin-top: 365px;}
  .sjfb-box .mod-content .cont .sjfb-hd.right-box {top: 180px;}
  .sjfb-box .hd ul{padding: 0;gap: 50px;justify-content: center;}
  .sjfb-box .mod-content .cont .center-box .bd{height: 280px;}
  .sjfb-box{padding: 42px 0 30px 0}
  .sjkfpt-box,
  .sjkf-box,
  .sjfb-box,
  .tplj-box,
  .sjfb-box .mod-content,
  .sjfb-box .mod-content .cont,
  .sjkf-box .mod-content{margin-top: 20px;}
  .sjfb-box{padding: 20px 0;padding-bottom: 50px;}
  .zt-main{margin-bottom: 20px;}
  html{font-size: 8px;}
  .tplj-box ul {gap: 12px 10px}
  .sjfb-box .mod-content .tit{background:url(/gasrmzfw/ztzl/sjkfzt/images/title_center_bg_s.png) center no-repeat;background-position: center center;background-size: 70%;}
  .mod-title .title{margin: 0 auto;transform: translateX(-10px);}
  #bmzy-list li{width: calc((100% + 14px) / 2 - 14px);}
  #qxzy-list li{width: calc((100% + 14px) / 2 - 14px);}
  #qxzy-list li a{height: 136px;}
  .layui-table tr{height: 30px}
  .sjfb-box .mod-content .tit h3{font-size: 2.8rem;}
  .sjfb-box .mod-content .cont .sjfb-hd ul li{height: 45px;}
}