@charset "utf-8";

.body-sjfbzt{background: linear-gradient(0deg, #ebf4fc 0%, #98d2ff 100%);}
.body-sjfbzt>.wrapper{background: url(/uploads/image/sximages/sjfbzt_bg.png) no-repeat center 16%; background-size: cover;}
.container{width: 1200px;margin: 0 auto;}

/* header */
.ztzl-header .toolbar{background: #506ddb;height: 36px;line-height: 36px;color: #fff;}
.ztzl-header .toolbar .fl{margin-left: -20px;}
.ztzl-header .toolbar .fr{margin-right: -20px;}
.ztzl-header .toolbar a{display: inline-block;color: #fff;padding: 0 10px;margin: 0 10px;position: relative;}
.ztzl-header .toolbar .backhome img{max-width: 21px;}

.ztzl-header .search{margin-top: 45px;}
.ztzl-header .search .searchtext{padding: 0 25px;}

.ztzl-logo img{width: 90%;max-width: 595px;max-height: 109px;margin: 20px 0;}

.ztzl-banner{clear: both;padding: 8% 0 9%; margin: 0 5%; background:  no-repeat bottom right;background-size: auto 98%;}
.ztzl-banner .ban-txt{display: block;max-width: 384px; width: 64%;}

.sjfbzt-charts{background: #fff;padding: 30px;border-radius: 12px 12px 0 0;margin-bottom: 60px;}
.sjfbzt-charts .tab-hd{margin-bottom: 50px;}
.sjfbzt-charts .tab-hd ul{margin: 0 -17px;}
.sjfbzt-charts .tab-hd li{float: left;width: 25%;}
.sjfbzt-charts .tab-hd li a{
  display: block;height: 170px;background: #f0f7ff;padding: 1px 10px;transition: all 0.3s;border: 1px solid #f0f7ff;
  font-size: 20px;color: #155cb3;text-align: center;margin: 0 17px;position: relative;
}
.sjfbzt-charts .tab-hd li a>*{position: relative;z-index: 2;}
.sjfbzt-charts .tab-hd li a img{display: block;width: 68px;margin: 25px auto 16px;}
.sjfbzt-charts .tab-hd li a:before{content:"";position: absolute;left:0;right:0;top:0;bottom:-17px;z-index: 1; opacity: 0; background:  no-repeat center;background-size: 100% 100%;}
.sjfbzt-charts .tab-hd li a span{line-height: 1.2;}
.sjfbzt-charts .tab-hd li a:hover{font-weight: bold;border-color: rgba(54, 144, 247, 1);}
.sjfbzt-charts .tab-hd li.on a{font-weight: bold;background: none;box-shadow: 4.13px 3.1px 13.43px  rgba(0, 71, 153, 0.2);border:none;}
.sjfbzt-charts .tab-hd li.on a:before{opacity: 1;}

.sjfbzt-charts .tab-bd .des{font-size: 18px;line-height: 1.7;margin-bottom: 20px;text-indent: 2em;}
.sjfbzt-charts .tab-bd .download{text-align: center;margin-top: 30px;position: relative;z-index: 2;}
.sjfbzt-charts .tab-bd .download a{display: inline-block;font-size: 20px;line-height: 36px; text-decoration: solid;color: #156ec5;padding-left: 46px;background:  no-repeat left 0;background-size: 37px;}
.sjfbzt-charts .tab-bd .echarts>div{height: 430px;}
.sjfbzt-charts .tab-bd .echart2{display: none;}
.sjfbzt-charts .tab-bd .border.pie{border: 1px solid #e3e3e3;}
.sjfbzt-charts .tab-bd .border.pie .des{text-align: center;margin-top: 30px;}
.sjfbzt-charts .tab-bd .border.pie .echarts>div{height: 370px;width: 50%;float: left;}
.sjfbzt-charts .tab-bd .border.pie .echart2{display: block;}
.footer .foot .dzjg img{max-width:inherit;}

@media (max-width: 1280px){
  .container{width: auto;margin-right: 20px; margin-left: 20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
  .ztzl-logo{float: none;margin: 0 auto;text-align: center;}
  .ztzl-header>.container{text-align: center;}
  .ztzl-header .search{float: none; display: inline-block;margin-top: 10px;}
}
@media (max-width: 768px){
  .ztzl-header .toolbar .fr{display: none;}

  .sjfbzt-charts .tab-hd li{width: 33.33%;margin-bottom: 30px;}
}

@media (max-width: 580px){
  .ztzl-header .search{position: relative;padding-right: 67px;overflow: hidden;width: auto;display: block;}
  .ztzl-header .search .searchtext{width: 100%;}
  .ztzl-header .search .searchbtn{position: absolute;right:0;top:5px;}

  .sjfbzt-charts .tab-hd li{width: 50%;}
  .sjfbzt-charts .tab-bd .border.pie .echarts>div{width: 100%;float: none;}
}

@media (max-width: 480px){
  .sjfbzt-charts .tab-hd li{width: 100%;}
}