.container{width: 1280px;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
img{max-width: 100%;}
.zt_wrapbox{background: url(../images/top_bj2.png) no-repeat top center;}
.zt_header{ height: 736px;}
.zt_banner img { display: none;}
.zt_logo{padding-top: 20px;}
.zt_logo img {
    width: 400px !important; /* 强制宽度为 400px */
    height: auto; /* 保持图片原始宽高比，防止变形 */
    max-width: 100%; /* 关键：在容器宽度小于 400px 时，自动缩小以适应屏幕 */
    display: block; /* 确保图片作为块级元素显示，避免底部留白 */
}
.pub_hd{text-align: center;}
.jcp_box{background: url(../images/jcp_bj.png) no-repeat top center;}
.jcp_zcs li{line-height: 44px;font-size: 18px;margin: 20px 0;background-color: #fff;}
.jcp_l{width: 48%; float: left;}
.jcp_bd{margin-top: 30px;overflow: hidden;}
.tbzcl_div{text-align: right;padding-right: 10px;font-size:16px;}
.jcp_l .inforbox{padding: 20px 50px;background: linear-gradient(180deg, rgba(227, 240, 255, 1) 0%, rgba(227, 240, 255, 0) 100%);border-radius: 10px;}
.jcp_zcs li span{display: inline-block;}
.jcp_zcs li span.sjdw{background: linear-gradient(90deg, rgba(72, 87, 255, 1) 0%, rgba(51, 149, 255, 1) 100%);color: #fff;text-align: center;width:25%; border-radius: 5px; }
.jcp_zcs li span.zss{ width: 45%;padding-left: 10%;}
.jcp_zcs li span.zss b{color: #EB4949;padding-right: 10px;}
.jcp_zcs li span.zcl{width:20%; text-align: center;}
/* 各类缴存职工占比、各类新开户职工占比 */
.jcp_con_r{width: 48%;float: right;}
.slideTxtBox2 {
  width: 100%;
}
.slideTxtBox2 .hd {
  height: 40px;
  line-height: 40px; /* border-bottom:2px solid #f1f1f1; */
}
.slideTxtBox2 .hd ul {
  width: 100%;
  height: 100%;
}
.slideTxtBox2 .hd ul li {
  float: left;
  cursor: pointer;
  font-size: 20px;
  color:#666;
  position: relative;
  width: 50%;
  line-height: 37px;
  text-align: center;
  border-radius: 20px;

}
.slideTxtBox2 .hd ul li.on:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -2px;
  margin-left: -20px;
  width: 40px;
  height: 2px; /* background-color:#3C75E3; */
}
.slideTxtBox2 .hd ul li.on {
  color: #fff;
  background: linear-gradient(176.66deg, rgba(72, 87, 255, 1) 0%, rgba(51, 149, 255, 1) 100%);
}
.slideTxtBox2 .bd {
  width: 100%;
}
.slideTxtBox2 .bd ul {
  width: 100%;
}
.slideTxtBox2 .bd ul li {
  height: 360px;
}
.slideTxtBox2 .bd ul #gljczgzb_container {
  width:50%;
  float: left;
}
.slideTxtBox2 .bd ul #glxkhzgzb_container {
  width:350px;
  float: left;
}

.jcp_con_r ul li.item {
  height: auto;
  width: 40%; float: right;
  margin-top: 20%;
}
.jcp_con_r ul li.item p {
  width: 50%;
  padding-left: 9%;
  padding-right: 5%;
  position: relative;
  font-size: 12px;
  line-height: 30px;
}
.jcp_con_r ul li.item p span {
  display: inline-block;
  float: right;
}
.jcp_con_r ul li.item p::before {
  content: "";
  width: 14px;
  height: 14px;
  background-color: #5470c6;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
}
.jcp_con_r ul li.item p:nth-child(2)::before {
  background-color: #91cc75;
}
.jcp_con_r ul li.item p:nth-child(3)::before {
  background-color: #F79040;
}
.jcp_con_r ul li.item p:nth-child(4)::before {
  background-color: #ee6666;
}
.jcp_con_r ul li.item p:nth-child(5)::before {
  background-color: #73c0de;
}
.jcp_con_r ul li.item p:nth-child(6)::before {
  background-color: #3ba272;
}
.jcp_con_r ul li.item p:nth-child(7)::before {
  background-color: #9a60b4;
}
.jcp_con_r ul li.item p:nth-child(8)::before {
  background-color: #fc8452;
}

/* 提取篇 */
.tqp_box{background: url(../images/tqp_bj.png) no-repeat top center; padding-top: 198px;padding-bottom:57px;}
.tqp_year{text-align: center;font-size: 24px; background: url(../images/tqp_year_bg.png) center top no-repeat;color: #fff;
  margin-top: 15px;}
.tqp_content{padding-left: 200px; position: relative; min-height: 600px;}
.tqp_l{position: absolute; left: 0;width: 200px;}
.tqp_total li{text-align: center;margin-bottom: 66px;}
.tqp_total li:nth-child(4){margin-bottom: 0px;}
.tqp_total li h1{font-size: 18px; color: #fff;font-weight: normal;}
.tqp_total h2{font-size: 35px; color: #fff;font-weight: normal;}
.tqp_total h2 span{font-size: 18px;}
.tqp_r{background: url(../images/tqp_r_bj.png) no-repeat top center; height: 532px; margin-top: 20px;}
.tqp_r .inforbox{width: 80%; margin: 0 auto; padding-top: 40px;}
.common_stit{font-size:22px; line-height: 40px; text-align: center; color: #666;position: relative;}
.common_stit::before{display: block;content: ""; width: 40px; height: 4px;background: linear-gradient(176.66deg, rgba(72, 87, 255, 1) 0%, rgba(51, 149, 255, 1) 100%);
position: absolute; left: 48.5%; bottom: 0;}
/* 提取金额中各类用途占比 */

.tqp_r .tqjezglytzb #tqjezglytzb_container {
  width: 50%;
  height: 340px;
  float: left;
}

.tqp_r .tqjezglytzb li.item {
  width: 48%;
  float: right;
  margin-top: 32px;
}
.tqp_r .tqjezglytzb li.item p {
  display: inline-block;
  width: 72%;
  position: relative;
  font-size: 12px;
  padding: 8px 10% 8px 8%;
}
.tqp_r .tqjezglytzb li.item p span {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
}
.tqp_r .tqjezglytzb li.item p::before {
  content: "";
  width: 14px;
  height: 14px;
  background-color: #5470c6;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
}
.tqp_r .tqjezglytzb li.item p:nth-child(2)::before {
  background-color: #91cc75;
}
.tqp_r .tqjezglytzb li.item p:nth-child(3)::before {
  background-color: #fac858;
}
.tqp_r .tqjezglytzb li.item p:nth-child(4)::before {
  background-color: #fc8452;
}
.tqp_r .tqjezglytzb li.item p:nth-child(5)::before {
  background-color: #73c0de;
}
.tqp_r .tqjezglytzb li.item p:nth-child(6)::before {
  background-color: #ee6666;
}
.tqp_r .tqjezglytzb li.item p:nth-child(7)::before {
  background-color: #3ba272;
}
.tqp_r .tqjezglytzb li.item p:nth-child(8)::before {
  background-color: #9a60b4;
}
.tqp_con_b{text-align: center;}
.tqp_con_b p {
  display: inline-block;
  padding: 12px 24px;
  background-color: #fdefef;
  font-size: 18px;
  color: #f85555;
  border-radius: 19px;
}

/*贷款篇*/
.dkp_box{background: url(../images/dkp_bj.png) no-repeat top center;padding-top: 85px;}
.grdk_box{margin-top: 30px;}
.grzddk_bd{padding: 35px 60px;padding-right:20%; background: url(../images/grzfdk_bj.png) no-repeat top center; margin-top: 30px;position: relative;}
.grzddk_bd p{font-size: 18px; line-height: 56px;}
.grzddk_bd p b{color: #198BFF;}
.grzddk_bd::before{display: block;content: "";width: 333px; height: 333px; background: url(../images/dkp_r_b.png) no-repeat; position: absolute;bottom:-82px;right: 25px;}
.dkp_sj_photo {margin-top: 40px;}
.dkp_sj_photo .common_stit::before{left: 46%;}
.dkp_sj_photo .common_stit{margin-bottom: 30px;}
/* 职工贷款笔数中 */
.slideTxtBox3 {
  width: 588px;
}
.slideTxtBox3 .hd {
  height: 38px;
  line-height: 38px;
}
.slideTxtBox3 .hd ul {
  width: 100%;
  height: 100%;
}
.slideTxtBox3 .hd ul li {
  float: left;
  cursor: pointer;
  font-size: 18px;
  text-align: center;
  padding: 0 22px;
}
.slideTxtBox3 .hd ul li.on {
  color: #fff;
  border-radius: 20px;
  background: linear-gradient(176.66deg, rgba(72, 87, 255, 1) 0%, rgba(51, 149, 255, 1) 100%);
}
.slideTxtBox3 .bd {
  width: 100%;
}
.slideTxtBox3 .bd ul {
  width: 100%;
}
.slideTxtBox3 .bd ul li {
  height: 480px;
}
.slideTxtBox3 .bd ul #jcja_container {
  width: 588px;
}
.slideTxtBox3 .bd ul #jcdwsl_container {
  width: 588px;
}
.slideTxtBox3 .bd ul #jczgsl_container {
  width: 588px;
}

/* 按购房建筑面积 */
.zgdkbsz {
  width: 50%;
}
.zgdkbsz_con .agfjzmj {
  width: 100%;
}
.zgdkbsz_con .agfjzmj #agfjzmj_container {
  width: 50%;
  height: 360px;
  float: left;
}
.zgdkbsz_con .agfjzmj li.item {
  width: 48%;
  float: right;
  margin-top: 128px;
  height: auto;
}
.zgdkbsz_con .agfjzmj li.item p {
  display: inline-block;
  width: 72%;
  position: relative;
  font-size: 12px;
  padding: 8px 10% 8px 8%;
}
.zgdkbsz_con .agfjzmj li.item p span {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
}
.zgdkbsz_con .agfjzmj li.item p::before {
  content: "";
  width: 14px;
  height: 14px;
  background-color: #5470c6;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
}
.zgdkbsz_con .agfjzmj li.item p:nth-child(2)::before {
  background-color: #91cc75;
}
.zgdkbsz_con .agfjzmj li.item p:nth-child(3)::before {
  background-color: #fac858;
}
.zgdkbsz_con .agfjzmj li.item p:nth-child(4)::before {
  background-color: #ee6666;
}

.dkp_sj {
  width: 90%;
  margin: 0 auto;
}
.dkp_sj .slideTxtBox1 {
  width: 100%;
}
.dkp_sj .slideTxtBox1 .hd ul li {
  width: 100%;
}
.dkp_sj .slideTxtBox1 .bd ul li {
  height: auto;
  padding-left: 90px;
  margin-top: 20px;
}
.dkp_sj .slideTxtBox1 .bd ul li h3 {
  font-size: 16px;
}
.dkp_sj .slideTxtBox1 .bd ul li h3 span {
  color: #3a76f9;
  font-size: 22px;
}
.dkp_sj .slideTxtBox1 .bd ul li p span {
  font-size: 18px;
  color: #3a76f9;
}
.dkp_sj .slideTxtBox1 .bd ul li p span.red {
  color: #ee6666;
}
.dkp_sj .slideTxtBox1 .bd ul li p span.green {
  color: #91cc75;
}
.dkp_sj .slideTxtBox1 .bd ul li p span.font22 {
  font-size: 22px;
}
.dkp_sj .slideTxtBox1 .bd ul li p img {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 19px;
  margin-left: 18px;
}

.dkp_sj2 {
  width: 90%;
  margin: 0 auto;
}
.dkp_sj2 .slideTxtBox1 {
  width: 100%;
}
.dkp_sj2 .slideTxtBox1 .hd ul li {
  height: auto;
  margin-top: 20px;
  width: 50%;
  float: left;
}
.dkp_sj2 .slideTxtBox1 .bd ul li {
  height: auto;
  margin-top: 20px;
  width: 48%;
  float: left;
  text-align: center;
}
.tongbi{color: #FB4D4D;background-color: #FEECEC;border-radius: 20px; height: 34px; line-height: 34px;}
.dkp_sj2 .slideTxtBox1 .bd ul li h3 {
  font-size: 16px;
  text-align: center;
  margin-bottom: 20px;
  color: #666;
}
.dkp_sj2 .slideTxtBox1 .bd ul li:nth-child(2){float: right;}
.dkp_sj2 .slideTxtBox1 .bd ul li h3 span {
  color: #3a76f9;
  font-size: 35px;
}
.dkp_sj2 .slideTxtBox1 .bd ul li p span {
  font-size: 18px;
  color: #3a76f9;
}
.dkp_sj2 .slideTxtBox1 .bd ul li p span.red {
  color: #ee6666;
}
.dkp_sj2 .slideTxtBox1 .bd ul li p span.green {
  color: #91cc75;
}
.dkp_sj2 .slideTxtBox1 .bd ul li p span.font22 {
  font-size: 22px;
}
.dkp_sj2 .slideTxtBox1 .bd ul li p img {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 19px;
  margin-left: 18px;
}

/* 按购房类型 */
.zgdkbsz_con .agflx {
  width: 100%;
}
.zgdkbsz_con .agflx #agflx_container {
  width: 294px;
  height: 360px;
  float: left;
}
.zgdkbsz_con .agflx li.item {
  width: 48%;
  float: right;
  margin-top: 128px;
  height: auto;
}
.zgdkbsz_con .agflx li.item p {
  display: inline-block;
  width: 72%;
  position: relative;
  font-size: 12px;
  padding: 8px 10% 8px 8%;
}
.zgdkbsz_con .agflx li.item p span {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
}
.zgdkbsz_con .agflx li.item p::before {
  content: "";
  width: 14px;
  height: 14px;
  background-color: #5470c6;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
}
.zgdkbsz_con .agflx li.item p:nth-child(2)::before {
  background-color: #91cc75;
}
.zgdkbsz_con .agflx li.item p:nth-child(3)::before {
  background-color: #fac858;
}
.zgdkbsz_con .agflx li.item p:nth-child(4)::before {
  background-color: #ee6666;
}
.zgdkbsz_con .agflx li.item p:nth-child(5)::before {
  background-color: #87e1d0;
}

.zgdkbsz_con .agflx li.item p span.qz-xx {
  top: 100%;
  left: 22px;
}

/* 按参与计算贷款额度人数 */
.zgdkbsz_con .acyjsdkedrs {
  width: 100%;
}
.zgdkbsz_con .acyjsdkedrs #acyjsdkedrs_container {
  width: 294px;
  height: 360px;
  float: left;
}
.zgdkbsz_con .acyjsdkedrs li.item {
  width: 48%;
  float: right;
  margin-top: 128px;
  height: auto;
}
.zgdkbsz_con .acyjsdkedrs li.item p {
  display: inline-block;
  width: 72%;
  position: relative;
  font-size: 12px;
  padding: 8px 10% 8px 8%;
}
.zgdkbsz_con .acyjsdkedrs li.item p span {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
}
.zgdkbsz_con .acyjsdkedrs li.item p::before {
  content: "";
  width: 14px;
  height: 14px;
  background-color: #5470c6;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
}
.zgdkbsz_con .acyjsdkedrs li.item p:nth-child(2)::before {
  background-color: #91cc75;
}
.zgdkbsz_con .acyjsdkedrs li.item p:nth-child(3)::before {
  background-color: #fac858;
}

/* 按年龄 */
#anl_container {
  width: 294px;
  height: 360px;
  float: left;
}

/* 按购房数 */
#agfs_container {
  width: 294px;
  height: 360px;
  float: left;
}

/* 按贷款职工收入情况 */
#adkzgsrqk_container {
  width: 294px;
  height: 360px;
  float: left;
}



/*资金篇*/
.zjp_box{background: url(../images/zjp_bj.png) no-repeat top center;padding-top:178px; padding-bottom: 170px;}
.zjp-con {
  padding: 30px 0;
}
.zjp-sj {
  width: 50%;
}
.zjp-sj .slideTxtBox1 {
  width: 88%;
  margin: 0 auto;
}
.zjp-sj .slideTxtBox1 .bd ul li {
  padding-left: 0;
}

.cxp-box1-img {
  width: 100%;
  padding-top: 20px;
}
.cxp-box1-txt {
  width: 800px;
}
.cxp-txt-tit {
  padding: 0 0 5px 30px;
  border-bottom: 1px solid #f1f1f1;
}
.cxp-txt-list-item {
  padding-top: 20px;
}
.cxp-txt {
  margin-bottom: 20px;
}
.cxp-txt-list-item .num {
  width: 55px;
  display: inline-block;
  vertical-align: middle;
}
.cxp-txt-list-item .text {
  width: 740px;
  display: inline-block;
  vertical-align: middle;
  line-height: 26px;
  text-indent: 2em;
}

.cxp-box2-txt {
  width: 815px;
}
.cxp-box2-img {
  width: 385px;
  padding-top: 30px;
}
.cxp-box3-txt .cxp-txt-tit {
  width: 815px;
}
.cxp-box3-txt .cxp-txt-list-item .text {
  width: 1140px;
}
.zjp_box .common_stit {color: #fff;}
.zjp_box .common_stit::before{background: #FFCF52;}
.yuandian {
  position: relative;
  color: #fff;
  margin-top: 35px !important;
  font-size: 18px;
  padding-left: 20px !important;
}

.yuandian::before {
  content: "";
  width: 6px;
  height: 6px;
  display: block;
  position: absolute;
  background: #fff;
  border-radius: 50%;
  top: 8px;
  left: 0;
}
/*创新篇*/
.cxp_common{margin-bottom: 30px;}
.cxp_box{background: url(../images/cxp_by.png); padding-top: 40px;padding-bottom: 40px;}
.cxp_hd{height: 78px;background: linear-gradient(90deg, rgba(51, 149, 255, 1) 0%, rgba(230, 242, 255, 1) 99.99%); line-height: 78px; border-radius: 10px; position: relative;}
.cxp_hd span{font-size: 22px; color: #fff;display: block; padding-left: 70px; background: url(../images/fk_icon.png) no-repeat 20px center;cursor: pointer;}
.cxp_hd::before{display: block; content: ""; width: 27px; height: 22px; background: url(../images/sjr_icon.png) no-repeat center center;position: absolute; right:20px; top:40%;}
.cxp_hd.cur::before{background: url(../images/dsj_icon.png) no-repeat center center;}
.cxp_bd{margin-top: 30px;}
.cxp_bd ul{padding: 40px 30px; background: #F0F7FF;display: none;}
.cxp_bd li .tit{font-size: 18px; line-height: 40px; background: url(../images/dh_tit.png) no-repeat left center; color: #fff;padding-left: 20px; }
.cxp_bd li .text{margin: 20px 0px; line-height: 56px;font-size: 18px;}
.cxp_bd li .text p{text-indent: 2em;}
.zt_footer .ewb-container{width: 100%;}
.zt_footer .ewb-ft-hd{background: #0659b2;}

@media(max-width:1280px) {
.zt_wrapbox{overflow: hidden;}
.container{width: auto;}	
.dkp_box{overflow: hidden;}
.jcp_l{width: 100%; float: none;}
.jcp_con_r{width: 100%; float: none;}
.tqp_l {position: inherit;width: 100%;margin-top: 20px;}
.tqp_content{padding-left: 0;}
.tqp_total li{width: 25%; float: left;margin-bottom: 20px;}
.zgdkbsz.fl{float: none;width: 100%;margin-top: 30px;}
.slideTxtBox3 .hd{text-align: center;}
.slideTxtBox3{width: 100%;}
.zgdkbsz_con .agflx li.item,.zgdkbsz_con .agfjzmj li.item{float: left; margin-left: 10%;}
.slideTxtBox3 .hd ul li{float: none; display: inline-block;}
.grzddk_bd{background-size: 100% 100%;}

}


@media(max-width:990px) {
.zt_banner img{display: block;}	
.zt_wrapbox{background: none;}
.zt_header{height: auto;}
.zt_header .container{padding-left: 0;padding-right: 0;}
.zt_logo{position: absolute;}
}

@media(max-width:768px){
.jcp_box {margin-top: 20px;}
.zt_logo img{height: 40px;}	
.slideTxtBox2 .bd ul #gljczgzb_container{width: 100%; float: none;}
.jcp_con_r ul li.item{width: 100%; float: none;}
.jcp_con_r ul li.item p{width: 80%;}
.jcp_con_r ul li.item{margin-top: 20px;}
.slideTxtBox2 .bd ul li{height: 300px;}
.slideTxtBox2 .bd ul li.item{height: auto;}
.slideTxtBox2 .hd ul li{font-size: 16px;}
.slideTxtBox2 .bd ul #glxkhzgzb_container{ float: none;margin: 0 auto;}
.tqp_total li{width: 50%;}
.tqp_r .tqjezglytzb #tqjezglytzb_container{width: 100%; float: none;}
.tqp_r .tqjezglytzb li.item{width: 100%; float: none;}
.tqp_r{height: auto;}
.dkp_box{padding-top: 30px;}
.zgdkbsz_con .agflx #agflx_container{margin: 0 auto;float: none;}
.zgdkbsz_con .agflx li.item{width: 90%;float: none; margin-top: 0;}
.zgdkbsz_con .acyjsdkedrs #acyjsdkedrs_container{ float: none; margin: 0 auto;}
.zgdkbsz_con .acyjsdkedrs li.item,.zgdkbsz_con .agfjzmj li.item{width: 90%;float: none;}
.zgdkbsz_con .acyjsdkedrs li.item,.zgdkbsz_con .agfjzmj li.item{margin-top: 0; margin-bottom: 20px;}
#anl_container,#agfs_container{float: none; margin: 0 auto;}
.zjp-sj{float: none;width: 100%;}
.zjp-sj:nth-child(2){margin-top: 30px;}
.zjp_box{padding-bottom: 30px;}
.tqp_box{background: url(../images/tqp_bj.png) no-repeat top center #379fff;padding-bottom: 30px; margin-top: 30px; padding-top: 30px; background-size: 100%;}
.tqp_r .inforbox{padding-left: 10%; padding-right: 10%; background-color: #fff;padding-bottom: 10px;}
}

@media(max-width:550px){
.cxp_hd{height: auto; line-height: 40px;}	
.cxp_hd span{font-size: 20px;}
.cxp_hd::before {right: 10px;}
.common_stit{font-size: 20px;}
.dkp_sj_photo .common_stit{margin-bottom: 10px;}
.dkp_sj2 .slideTxtBox1 .bd ul li h3 span{font-size: 30px;}
.zjp_box{padding-top: 120px;}
.grzddk_bd::before{width:100px; height: 100px; background-size: 100% 100%; right: 0; bottom: 0;}
.tqp_con_b p{font-size: 16px;}
.jcp_l .inforbox{padding: 20px;}
.jcp_zcs li{font-size: 16px;}
.tqp_box{padding-top: 30px;}
.tqp_total h2{font-size: 30px;}
.zjp_box{background:url(../images/zjp_bj.png) no-repeat top center #338dff; margin-top: 30px; background-size: 100%; padding-top: 30px;}


}