@charset "utf-8";

body{padding:0; margin:0; font-family:Microsoft Yahei;  font-size:16px; color:#333; text-align:left;
background:url(../images/top.png) no-repeat top center #fff;position:relative;-webkit-text-size-adjust:none;}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, p, select, form, fieldset, input, button, textarea, blockquote, table{padding:0;margin:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
li{list-style:none;}
i{font-style:normal; vertical-align:top; display:inline-block; background-repeat:no-repeat;}

table{border-collapse:collapse;border-spacing:0;margin:auto;}
th,td{padding:0}
img,a img{border:0;margin:0;padding:0; vertical-align:middle;}
img, table, object, embed, video{max-width:100%;}

button,input,select,textarea{vertical-align:middle; font-family:Microsoft Yahei; font-size:14px; box-sizing:border-box;outline:0;}
button,input{*overflow:visible;line-height:normal;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
button,html input[type="button"],input[type="reset"],input[type=image],input[type="submit"]{-webkit-appearance:button;cursor:pointer;border:none;}
select{width:100%;}
a{outline-style:none;text-decoration:none;color:#333;}
a:focus{outline:none;-moz-outline:none; noline:expression(this.onFocus=this.blur());}
a:hover{color:#f00;}
input[type="text"],textarea,select{padding:2px 5px; line-height:20px; border:1px solid #e3e3e3; color:#666;}

.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
.clear{clear:both;}
.auto{margin-left:auto;margin-right:auto;}
.fl{float:left;}
.fr{float:right;}
.hide{display:none;}
.transparent{background:transparent !important;}
.bgwhite{background-color:#ffffff;}
.bggray{background-color:#fafafa;}
.red{color:#f00;}
.inmobile{}

.transition a{-webkit-transition:300ms; -moz-transition:300ms; -o-transition:300ms; transition:300ms;}
.imgScale a img{-moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s;}
.imgScale a:hover img{-moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1);}

/* 列表 */
.common_list li{padding-left:20px;position:relative;line-height:40px;color:#333;}
.common_list li:after{content:""; position:absolute; left:0px; top:50%; width:8px; height:8px;margin-top:-4px;
background-color:#bad3ef;border-radius:50%;}
.common_list li a{display: block;width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.common_list li{padding-right: 100px;}
.common_list li span.time{position: absolute; right:4px; text-align: right; top: 0;}
.common_list li span.time{ color:#999; position:absolute; top:0;right:0;}

.mt32{margin-top:32px;}
.mb32{margin-bottom:32px;}

/* header */
.zt_header{width:1200px;height:600px;margin:auto;position:relative;}


/* logo */
.zt_logo{width:320px;position:absolute;left:24px;top:24px;}
.zt_logo img{width:100%;}
.zt_gd{width:161px;position:absolute;right:24px;top:24px;}
.zt_gd img{width:100%;}

/* container */
.zt_container{width: 1200px;margin:auto;}

.common_tit{height:95px;display:block;text-align:center;margin-top: 120px;margin-bottom: 10px;}
.dkpa{background: url(../images/bj4.png) no-repeat;}
.kuang1{background: url(../images/kuang1.png) 100% 100% no-repeat;background-size: 100%;}
.kuang2{background: url(../images/kuang2.png) 100% 100% no-repeat;background-size: 100%;height: 360px;}
.kuang{height: 350px;width: 780px;float: right;padding-right: 80px;padding-top: 30px;}
.kuanga{height: 350px;width: 780px;float: left;padding-left: 80px;padding-top: 30px;}
.text{float: right;}
/* 缴存金额、缴存单位数量、缴存职工数量 */
.slideTxtBox1{ width:588px;}
.slideTxtBox1 .hd{height:40px;line-height:40px;/* border-bottom:2px solid #f1f1f1; */}
.slideTxtBox1 .hd ul{width:100%;height:100%;}
.slideTxtBox1 .hd ul li{float:left;cursor:pointer;font-size:20px;color:#999;position:relative;width:33.333%;text-align:center;}
.slideTxtBox1 .hd ul li.on:after{content:"";position:absolute;left:50%;bottom:-2px;margin-left:-20px;width:40px;height:2px;/* background-color:#3C75E3; */}
.slideTxtBox1 .hd ul li.on{color: #fff;background: url(../images/jx.png) no-repeat center;background-size: contain;}
.slideTxtBox1 .bd{width:100%;}
.slideTxtBox1 .bd ul{width:100%;}
.slideTxtBox1 .bd ul li{height:480px;}
.jcp .slideTxtBox1 .bd ul li{height:360px;}

.slideTxtBox1 .bd ul #jcja_container{width:588px;}
.slideTxtBox1 .bd ul #jcdwsl_container{width:588px;}
.slideTxtBox1 .bd ul #jczgsl_container{width:588px;}



.slideTxtBox11{ width:588px;}
.slideTxtBox11 .hd{height:40px;line-height:40px;/* border-bottom:2px solid #f1f1f1; */}
.slideTxtBox11 .hd ul{width:100%;height:100%;}
.slideTxtBox11 .hd ul li{float:left;cursor:pointer;font-size:20px;color:#999;position:relative;width:33.333%;text-align:center;}
.slideTxtBox11 .hd ul li.on:after{content:"";position:absolute;left:50%;bottom:-2px;margin-left:-20px;width:40px;height:2px;background-color: #3C75E3;}
.slideTxtBox11 .hd ul li.on{color: #333;float: none;margin: auto;font-weight: bold;}
.slideTxtBox11 .bd{width:100%;height: 350px;}
.slideTxtBox11 .bd ul{width:100%;}
.slideTxtBox11 .bd ul li{height:480px;}
.jcp .slideTxtBox11 .bd ul li{height:360px;}

.slideTxtBox1 .bd ul #jcja_container{width:588px;}
.slideTxtBox1 .bd ul #jcdwsl_container{width:588px;}
.slideTxtBox1 .bd ul #jczgsl_container{width:588px;}










.jcp-wzms-con{margin-top: 5px;}
.jcp-wzms-con p{line-height: 36px;margin-left: 120px;}
.jcp-wzms-con p .font20{font-size: 22px;}
.jcp-wzms-con p img{height: 19px;margin-left: 10px;}


/* 各类缴存职工占比、各类新开户职工占比 */
.slideTxtBox2{ width:588px;}
.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:#999;position:relative;width:33.333%;text-align:center;}
.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: url(../images/jx2.png) no-repeat 100%;background-size: contain;}
.slideTxtBox2 .bd{width:100%;}
.slideTxtBox2 .bd ul{width:100%;}
.slideTxtBox2 .bd ul li{height:360px;}
.slideTxtBox2 .bd ul #gljczgzb_container{width:588px;}
.slideTxtBox2 .bd ul #glxkhzgzb_container{width:588px;}

.jcp_con_r ul li.item{height:auto;}
.jcp_con_r ul li.item p{display:inline-block;width:40%;padding-left:4%;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:#FAC858;}
.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{background: url(../images/bj2.png) center top no-repeat;;padding:64px 0;margin-top:88px;margin-bottom:48px;}
.zjp{background: url(../images/bj3.png) center top no-repeat;;padding:64px 0;margin-top:88px;margin-bottom:0px;    padding-bottom: 140px;}
.tqp .common_tit,.zjp .common_tit{margin-top:0;}
.tqp p.tqp_year{text-align:center;font-size:24px;background: url(../images/tqp_year_bg.png) center top no-repeat;}
.tqp p.tqp_year span{display:inline-block;height: 30px;line-height: 20px;color: #fdfeff;/* padding-right: 40px; */}

.tqp_total{border-right: 1px solid #D8D8D8;margin: 10px 0 10px 0;}
.tqp_total li{width:21%;padding-left:3.8%;float:left;border-left: 1px solid #D8D8D8;height:110px;}
.tqp_total li h1{font-size:20px;color:#fff;}
.tqp_total li h2{font-size: 35px;color:#fff;font-weight:600;padding:10px 0 10px 0;}
.tqp_total li h2 span{font-size:20px;color:#fff;font-weight:400;}
.tqp_total li h2 img{vertical-align:middle;margin-left:10px;}
.tqp_total li h3{font-size:16px;color:#fff;}
.tqp_total li h3 span{font-weight:600;color:#f0f0f0;}

.tqp_con{background-color:#fff;padding:24px 0;border-radius: 19px;}
.tqp_con .common_stit{font-size:20px;position:relative;text-align:center;line-height: 40px;}
.tqp_con .common_stit:after{content:""; position:absolute; left:50%; bottom:-2px;margin-left:-20px;
width:40px; height:2px;background-color:#3C75E3;}
/* 提取金额中各类用途占比 */
.tqp_con_l{width:588px;}
.tqp_con_l .tqjezglytzb #tqjezglytzb_container{width:50%;height:360px;float:left;}

.tqp_con_l .tqjezglytzb li.item{width:48%;float:right;margin-top:32px;}
.tqp_con_l .tqjezglytzb li.item p{display:inline-block;width:72%;
position:relative;font-size:12px;padding:8px 10% 8px 8%;}
.tqp_con_l .tqjezglytzb li.item p span{display:inline-block;position:absolute;right:0;top:50%;margin-top:-8px;}
.tqp_con_l .tqjezglytzb li.item p::before{content:'';width:14px;height:14px;background-color:#5470C6;
position:absolute;left:0;top:50%;margin-top:-7px;}
.tqp_con_l .tqjezglytzb li.item p:nth-child(2)::before{background-color:#91CC75;}
.tqp_con_l .tqjezglytzb li.item p:nth-child(3)::before{background-color:#FAC858;}
.tqp_con_l .tqjezglytzb li.item p:nth-child(4)::before{background-color:#FC8452;}
.tqp_con_l .tqjezglytzb li.item p:nth-child(5)::before{background-color:#73C0DE;}
.tqp_con_l .tqjezglytzb li.item p:nth-child(6)::before{background-color:#EE6666;}
.tqp_con_l .tqjezglytzb li.item p:nth-child(7)::before{background-color:#3BA272;}
.tqp_con_l .tqjezglytzb li.item p:nth-child(8)::before{background-color:#9A60B4;}

/* 提取职工中按收入 */
.tqp_con_r{width:588px;}
.tqp_con_r .tqzgzasr #tqzgzasr_container{width:50%;height:360px;float:left;}
.tqp_con_r .tqzgzasr li.item{width:48%;float:right;margin-top:148px;}
.tqp_con_r .tqzgzasr li.item p{display:inline-block;width:72%;
position:relative;font-size:12px;padding:8px 10% 8px 8%;}
.tqp_con_r .tqzgzasr li.item p span{display:inline-block;position:absolute;right:0;top:50%;margin-top:-8px;}
.tqp_con_r .tqzgzasr li.item p::before{content:'';width:14px;height:14px;background-color:#2EC7C9;
position:absolute;left:0;top:50%;margin-top:-7px;}
.tqp_con_r .tqzgzasr li.item p:nth-child(2)::before{background-color:#B6A2DE;}

.tqp_con_b{/* background-color:#fff; */text-align:center;/* padding-bottom:48px; */}
.tqp_con_b p{display:inline-block;padding:12px 24px;background-color: #fdefef;font-size:18px;color: #F85555;border-radius: 19px;}
.jt-up{display: inline-block;vertical-align: middle;width: 10px;height: 19px;margin-left: 18px;}
.tqp_con_b .jt-up{margin-left: 5px;}

.dkp_grzfdk ul li.txt{width: 100%;}
.dkp_grzfdk ul li.txt p{line-height:26px;margin-top:24px;text-indent: 2em;}
.dkp_grzfdk ul li.txt p span{font-size:20px;color: #3F7EFC;}
.dkp_grzfdk ul li.img{width:415px;}
.dkp_grzfdk .common_stit{font-size:20px;line-height: 40px;}

.dkp_grzfdk ul li.img2{width:355px;padding-top: 25px;}
.dkp_grzfdk ul li.txt2{width:845px;}

.grdk-slide{width: 100%;}

.dkp_sj_photo{margin-top:48px;}
.zgdkbsz .common_stit{width: 95%;border-bottom: 2px solid #f1f1f1;margin: 0 20px;}
.zgdkbsz .common_stit span{display:inline-block;font-size:20px;line-height:40px;height:40px;position:relative;font-weight: bold;width: 80%;text-align: center;/* margin: 0 20px; */}
.zgdkbsz .common_stit span:after{content:""; position:absolute; left:50%; bottom:-2px;margin-left:-20px;
width:40px; height:2px;background-color:#3C75E3;}
.cxp .slideTxtBox1{margin: auto;}
.cxp .common_stit{width: 100%;border-bottom: 2px solid #f1f1f1;margin: 0 20px;margin: auto;}
.cxp .common_stit span{display:inline-block;font-size:20px;line-height:40px;height:40px;position:relative;font-weight: bold;width: 100%;text-align: center;/* margin: 0 20px; */}
.cxp .common_stit span:after{content:""; position:absolute; left:50%; bottom:-2px;margin-left:-20px;
width:40px; height:2px;background-color:#3C75E3;}

/* 职工贷款笔数中 */
.slideTxtBox3{ width:588px;}
.slideTxtBox3 .hd{ height:48px; line-height:48px;}
.slideTxtBox3 .hd ul{width:100%;height:100%;}
.slideTxtBox3 .hd ul li{float:left;cursor:pointer;font-size:18px;text-align:center;padding:0 22px;margin:24px 0;}
.slideTxtBox3 .hd ul li.on{color:#5682f2;background-color:#ecf5ff;}
.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: 50%;
    float: left;}
.dkp_sj2 .slideTxtBox1 .bd ul li h3{font-size: 16px;}
.dkp_sj2 .slideTxtBox1 .bd ul li h3 span{color: #3A76F9;font-size: 22px;}
.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(2){margin-top: 18px;}
.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-con{background: #fff;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;}