body {background-color: #f4f4f4;}
.bannerBox.tzfb{height: 620px; background: url('/uploadfiles/img/zsgl_jtkj_head_bg_01.jpg') no-repeat top center; background-size: cover; }
.warpBox.tzfb .th1 {background-color: #fff; min-height: 600px;position: relative;}
.warpBox.tzfb .th1 .titleBox{ position: absolute; left: 70px; top: 60px; font-size: 45px; color: #333;margin-bottom: 100px; z-index: 2;}
.warpBox.tzfb .th1 .titleBox b{display: block; font-weight: initial;}
.warpBox.tzfb .th1 .titleBox .b1{line-height: 48px;}
.warpBox.tzfb .th1 .titleBox .b2{font-size: 29px; color: #b8b8b8;}

#mapContainer { position: relative;z-index: 0; width: 100%; height: 1300px;}
.map .tdt-label { padding: 0; border: none; background: none; box-shadow: none;}
.map .tdt-label .s_txt { font-size: 15px; color: #004390; font-weight: 500;}

.map_legend {}
.map_legend { padding: 5px; border-radius: 15px; position: absolute; left: 70px; bottom: 60px; background-color: rgba(255, 255, 255, .2);backdrop-filter: blur(4px); }

/* 弹窗 */
.pop_warp { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0); z-index: 999; transition: background .3s; overflow: hidden;}
.pop_warp .info_box { position: absolute; left: 50%; top: 50%; width: 80vw; height: 80vh; margin: -40vh 0 0 -40vw; background: #fff; border-radius: 15px; padding: 60px; box-sizing: border-box; transform: scale(0); overflow: hidden; transition: .3s;}
.pop_warp .info_box .closeBtn { display: inline-block; padding: 5px; position: absolute; top: 5px; right: 15px; font-size: 40px; color: #000; line-height: 40px; transition: .6s;}
.pop_warp .info_box .closeBtn:hover { transform: scale(1.2);}
.pop_warp.on {background: rgba(0, 0, 0, .5);}
.pop_warp.on .info_box { transform: scale(1);}
.pop_warp.on .info_box .tsBox {height: 100%;  overflow: hidden; overflow-y: auto; }

.pop_warp .info_box .tsBox::-webkit-scrollbar {width: 8px;}
.pop_warp .info_box .tsBox::-webkit-scrollbar-thumb {border-radius: 10px;background:#A6A6A6;}
.pop_warp .info_box .tsBox::-webkit-scrollbar-track {border-radius: 10px;background: #CACACA;}

.lr_move_box { padding: 0 40px; position: relative;}
.lr_move_box a.lr { position: absolute; top: 50%; width: 30px; height: 30px; margin-top: -15px; background: #004889; color: #fff; line-height: 30px; text-align: center; border-radius: 50%; font-family: '宋体'; font-weight: 700; font-size: 24px;}
.lr_move_box a.more_l { left: 0;}
.lr_move_box a.more_r { right: 0;}
.lr_move_box a.not { background: #fff; border: 1px solid #004889; color: #004889;}
.lr_move_box .moveBox { padding: 0 10px; overflow: hidden;}
.lr_move_box .moveBox ul { white-space: nowrap;overflow: auto;}
.lr_move_box .moveBox ul li {display: inline-block; padding: 0 15px; }
.info_box { display: flex; flex-direction: column;}
.info_box .tit_a {position: absolute; top: 15px; min-width: 80px; text-align: center; padding: 0 40px; height: 70px; font-size: 26px; line-height: 62px; letter-spacing: 3px; color: #c79f62; font-weight: 600; background: url('/uploadfiles/img/zhgl_index_th2_tab1.png') no-repeat center; background-size: 100% 100%; }
.tit_list { margin-top: 20px; height: 60px; align-items: center;}
.tit_list .moveBox ul li a { display: inline-block; line-height: 50px; font-size: 22px; color: #333;border-bottom: 5px solid #fff; }
.tit_list .moveBox ul li a.on { border-bottom-color: #0063CC; font-weight: 600; color: #0063CC;}
.tsBox { margin-top: 20px; padding-top: 20px;}
.act_box h6 { margin-bottom: 20px; padding: 15px 0; font-size: 28px; font-weight: 600; color: #333;}
.act_box h6 span { font-size: 24px; font-weight: 400;}
.act_box p { margin-bottom: 10px; font-size: 16px; line-height: 24px;}
.act_box img { max-width: 100%;}



.lr_move_box .moveBox ul::-webkit-scrollbar {width: 0;}

@media screen and (max-width: 1655px) {
    .w1500 {
      max-width: 1400px;
    }
}
@media screen and (max-width: 1400px) {
    .w1500 {
      max-width: 1200px;
    }
}

@media screen and (max-width: 1200px) {
  .bannerBox.tzfb { height: 200px;}
  .bannerBox.tzfb .bannerContent .bTitleBox img {height: 50px;}
  .pop_warp .info_box {width: 96vw; height: 96vh; margin: -48vh 0 0 -48vw; padding: 60px 20px 20px;}
  .warpBox.tzfb .th1 .titleBox {left: 15px;top: 15px; font-size: 32px;}
  .warpBox.tzfb .th1 .titleBox .b2 {font-size: 16px;}
  .warpBox.tzfb .th1, #mapContainer { min-height: 800px;  height: 800px;}
}
@media screen and (max-width: 760px) {
  .info_box .tit_a { height: 60px; font-size: 20px; line-height: 54px;}
  .tit_list { padding: 0;}
  .lr_move_box a.lr { display: none;}
  .lr_move_box .moveBox ul li { margin-left: 15px; margin-right: 0;}
  .lr_move_box .moveBox ul li:first-child { margin-left: 0;}
  .tit_list .moveBox ul li a { font-size: 18px; border-bottom-width: 3px;}
  .tsBox { margin-top: 0;}
  .act_box h6 { font-size: 20px;}
  .act_box h6 span { font-size: 15px; display: inline-block;}
  .warpBox.tzfb .th1, #mapContainer { min-height: 400px;  height: 400px;}
  .map_legend { left: 15px; bottom: 30px;}
  .map_legend img { width: 30vw;}
}