/*****
*怀化市政府集约化建设子站样式文件
*@crtime:2019年08月2日16:20
*@Company:湖南微象科技有限公司 www.microxiang.com
*@Author:金鑫
*@modifyLog: what when who
*
*/

/* 轮播 */
.fphf{max-width: 1200px;margin: 0 auto;}
.fphf a{display: block;width: 100%;}
.fphf a img{width: 100%;height: 100%;}
.j-banner-toutiao-bg{background: #fff;overflow: hidden;}
.j-banner-toutiao{max-width: 1200px;margin:0 auto;margin-top: 1.25rem;margin-bottom: 1.25rem;overflow: hidden;}
.j-banner{width: 52.5%;position: relative;height: auto;overflow: hidden;}
.j-banner .hd{width: 100%;position: absolute;height: 60px;line-height: 60px;bottom: 0;right: 0;z-index: 1;background-color: rgba(0,0,0,.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);}
.j-banner .hd ul {position: absolute;right: 1rem;bottom: 0;}
.j-banner .hd li{display:inline-block;background-color:#fff;width:10px;height:10px;transition:all .3s;margin-left:0.71rem;cursor:pointer;border-radius: 5px;}
.j-banner .hd li.on{background-color: #e50b06;}
.j-banner .hd .ellipsis{color:#fff;text-indent:1em;width: 100%;text-align:left;display: block;padding-right: 20%;font-size: 1.14rem;}
.j-banner .bd {position: relative;z-index: 0;overflow: hidden;}
.j-banner .bd li img{width:100%;height: auto; display:block;overflow: hidden;height:370px;}
.j-banner .bd li a{display: block;}
/* 头条 */
.j-toutiao{width: 45.5%;margin-left: 2%;border: 1px solid #d2d2d2;height:370px;}
.j-tabtitle{height: 3rem;position:relative;line-height: 3rem;}
.j-tabtitle-top{position: relative;}
.j-tabtitle-top img {position: absolute;left: 0;top: 0;}
.j-tabtitle-top h2 a{font-size: 23px;width: 60%;margin: auto;text-align: center;color: #2c587d;display: block;}
.j-tabtitle-top h2 a:hover{color:#64859f;}
.j-tabtitle ul{width: 100%;}
.j-tabtitle ul li{float:left;margin-right: 3%;margin-bottom: -1px;}
.j-tabtitle ul li a{font-size:1.1rem;color: #909090;height: 3rem;line-height: 3rem;padding: 0 0.41rem; display:block;position:relative;text-align:center;}
.j-tabtitle ul li.on>a{color: #2c587d;border-bottom: 4px solid #2c587d;}
.j-tabtitle .more{position: absolute;right: 0;color:#999;top: 0;}
.j-toutiao .hd{margin-bottom: 0.875rem;}

/*头条新闻*/
.j-banner-toutiao .j-toutiao .j-touch-one{padding-top: 10px;}
.m-tout{position: relative;text-align: center;padding: 15px 0;background: #FFF;margin-bottom: 20px;margin-top: 20px;}
.m-tout h1 a{display: block;font-size:30px;color: #007caa;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.m-tout h1 a:hover{color: #3e8bc0;}
.m-tout p{color: #666;margin-top: 12px;}
.m-tout p.elip a {display: inline-block;margin: 0 20px;width: 300px;overflow: hidden;text-align: center;text-overflow: ellipsis;white-space: nowrap;}
.m-tout p.elip a:hover{color: #3e8bc0;}


.j-touch-one{padding:0 1.5rem;}
.j-list-body li{height: 30px;overflow: hidden;}
.j-list-body li a{float: left;max-width: 75%;display: block;overflow: hidden;height: 30px; padding-left: 1.2rem;color: #666;text-align: left;font-size: 1.14rem;}
.j-list-body li a:hover{color:#64859f}
.j-list-body li {height: 2.5rem;line-height: 2.5rem;background: url(../images/th_zx.png) no-repeat left center;}
.j-list-body li .date{float: right;color: #999;max-width: 100%;}
.ne-tt{text-indent: 1rem;color: #989898;padding: 1rem 1.5rem;}
/* 信息列表 */
.j-infos-list{background: rgba(245, 245, 245);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f5f5f5,endColorstr=#f5f5f5);}
.j-infos-box{max-width: 1200px;margin: 0 auto;overflow: hidden;}
.j-infos-people, .j-infos-finance, .j-infos-plan{width: 33.33%;background-color: #fff;margin: 1.5rem 0;padding: 1.5rem;height: 280px;}
.j-infos-tabtitle{height: 3rem;position:relative;line-height: 3rem;margin-bottom: 1rem;}
.j-infos-tabtitle ul {width: 100%;}
.j-infos-tabtitle ul li {float: left;margin-right: 3%;margin-bottom: -1px;}
.j-infos-tabtitle ul li.on>a{background-color: #2c587d;color: #fff;border-radius: 0 0 20px 0;padding: 0 1rem;}
.j-infos-tabtitle ul li a {font-size: 1.29rem;color: #909090;height: 3rem;line-height: 3rem;padding: 0 0.41rem;display: block;position: relative;text-align: center;}
.j-infos-tabtitle .more{position: absolute;right: 0;color: #999;top: 0;}
/* 图标信息 */
.j-info-icons{background-color: #f5f5f5;padding-bottom: 1.5rem;overflow: hidden;}
.j-icons-left{width: 100%;}
.j-icons-left ul li a{display: block;}
.j-icons-left ul li a:hover{color: #2c587d;}
.j-icons-box{max-width: 1200px;margin: 0 auto;background-color: #f5f5f5;}
.j-icons-box ul li{float: left;width: 25%;text-align: center;border: 1px solid #f5f5f5;background-color: #fff;}
.j-icons-box ul li a{color: #333333;font-size: 16px;display: block;padding: 1rem 0;}
.j-icons-box ul li a i{width: 45px;height: 45px;vertical-align: middle;margin-right: 0.36rem;}
.j-icons-01{background: url(../images/th_icons_01.png) no-repeat;display: inline-block;}
.j-icons-02{background: url(../images/th_icons_02.png) no-repeat;display: inline-block;}
.j-icons-03{background: url(../images/th_icons_03.png) no-repeat;display: inline-block;}
.j-icons-04{background: url(../images/th_icons_04.png) no-repeat;display: inline-block;}
.j-icons-05{background: url(../images/th_icons_05.png) no-repeat;display: inline-block;}
.j-icons-right{width: 14.5%;margin-left: 1%;}
.j-icons-right img{display: block;width: 100%;height: 5rem;}
/* 公积金贷板块 */
.j-hand-over {background: #fff;}
.j-hand-over-box {max-width: 1200px;margin: 0 auto;padding: 1.5rem 0;overflow: hidden;}
.j-gjjyw{width: 30%;margin-right: 2.5%;height: 304px;}
.ggjtu {width: 100%;height: 125px;background: #d8e9f1 url(../images/zfggjtu.jpg) no-repeat center left;padding-top: 10px;margin-bottom: 14px;}
.ggjtu a.zi1{ display:block; margin-left:205px; font-size:18px; font-weight:bold; color:#333; margin-top:0px; line-height:32px; float:left;font-style: italic}
.ggjtu a.zi2{ display:block; margin-left:205px; font-size:18px; font-weight:bold; color:#333; line-height:32px; float:left;font-style: italic}
.ggjtu a.zi3{ display:block; margin-left:205px; font-size:18px; font-weight:bold; color:#333; margin-top:00px; line-height:32px; float:left;font-style: italic}
.j-ggt{height: 53px;line-height: 45px;padding-top: 8px;border-bottom: 3px solid #d0dada;position: relative;}
.j-ggt li {display: inline-block;padding-left: 10px;padding-right: 10px;}
.j-ggt .on {padding-bottom: 9px;border-bottom: 3px solid #2d577d;}
.j-ggt .on a{color: #2d577d;line-height: 1.3rem;display: block;}
.j-ggt li>a {font-size: 1.5rem;color: #333;}
.j-gjjyw-cont .bd ul{ width:100%;padding: 10px 8px 0px 8px;margin-bottom: 0;}
.j-gjjyw-cont .bd ul li{ width:100%;line-height: 34px;height: 34px;}
.j-gjjyw-cont .bd ul li a{ float:left; width:60%;}
.j-gjjyw-cont .bd ul li span{ float:right; width:20%; text-align:center;color: #999;}
/* 公积金签约楼盘查询 */
.j-qycx{width: 32.5%;margin-right: 2.5%;height: 304px;}
.j-qycx .j-ggt .on{padding-bottom: 12px;}
.zc_active_z1 .xyxlk input {border: 1px solid #dcdcdc;line-height: 30px;height: 30px;background: #fff;font-size: 16px;color: #666666;margin-top: 10px;width: 80%;float: left;}
.zc_active_z1 .xyxlk .ss_anniu a {border: 1px solid #dcdcdc;line-height: 30px;height: 30px;background: #146ac1;font-size: 16px;color: #ffffff;margin-top: 10px;width: 20%;float: left;text-align: center;}
/* 相关下载 */
.j-xgxz .j-ggt .on{padding-bottom: 12px;}
.j-xgxz{width: 32.5%;height: 304px;}
.j-xgxz .bd ul{padding: 10px 8px 0px 8px;margin-bottom: 0;}
.j-xgxz .bd ul li{line-height: 34px;height: 34px;}
.j-xgxz .bd ul li a{float: left;font-size: 16px;color: #333;width: 82%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.j-xgxz .bd ul li a:hover{color: #64859f;}
.bsbox5 a {float: left;width: 48%;height: 92px;background: #d8e8f0;font-size: 16px;margin: 0 1%;display: block;text-align: center;}
.bsbox5 a:first-child i{background: url(../images/ld12_07tb.png) no-repeat -13px -0px;}
.bsbox5 a:first-child:hover i{background: url(../images/ld12_07tb.png) no-repeat -13px -50px;}
.bsbox5 a:first-child+a i{background: url(../images/ld12_07tb.png) no-repeat -107px -0px;}
.bsbox5 a:first-child+a:hover i{background: url(../images/ld12_07tb.png) no-repeat -107px -50px;}
.bsbox5 a:hover{background: #146ac1;border: 1px solid #146ac1;color: #FFF;}
.bsbox5 a i{display: block;width: 55px;height: 50px;margin: 8px auto 5px;}
.bsbox5 {width: 100%;margin: 10px 5px 0 5px;}
.j-qycx .bd ul {padding: 10px 8px 0px 8px;margin-bottom: 0;display: none;}
.j-qycx .bd ul li {line-height: 34px;height: 34px;}
.j-qycx .bd .w2 a {width: 100%;}
.j-qycx .bd .w2 a:hover{color: #64859f;}
.j-qycx .bd ul li a {float: left;font-size: 16px;color: #333;width: 82%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.j-qycx .xyxlk {width: 100%;}
.j-qycx .xyxlk input {border: 1px solid #dcdcdc;line-height: 30px;height: 30px;background: #fff;font-size: 16px;color: #666666;margin-top: 1.2rem;width: 80%;float: left;}
.j-qycx .xyxlk .ss_anniu a {border: 1px solid #dcdcdc;line-height: 30px;height: 30px;background: #146ac1;font-size: 16px;color: #ffffff;margin-top: 1.2rem;width: 20%;float: left;text-align: center;}
/* 友情链接 */
.j-friend-links{max-width: 1200px;margin: 0 auto;padding: 1.25rem 2.25rem;border: 1px solid #d2d2d2;margin-bottom: 1.5rem;}
.j-friend-links p{font-size: 1.375rem;color: #2d577d;padding: 0.34rem 0;}
.fr-links{margin-right: -2%;height:34.5px;}
.fr-links h4{border-radius: 8px; width: 100%;color: #51708e;font-size: 1.14rem;border: 1px solid #d2d2d2;padding-left: 0.71rem;float: left;width: 20%;margin-left: 3%;position: relative;cursor: pointer;}
.fr-links h4 ul {position: absolute;left: 0;bottom: 100%;overflow-y: auto;max-height: 254px;width: 100%;background: #fff;border: 1px solid #bfbfbf;display: none;}
.fr-links h4 span {display: block;text-align: left;padding-left: 0.71rem;padding-top: 0.34rem;padding-bottom: 0.34rem;width:89%;}
.fr-links h4 ul li {margin-left: 0.57rem;}
.fr-links h4 .p-arrow{width: 20px;height: 20px;}
.fr-links h4 .p-arrow{position: absolute;top: 12px;right:0;}
.fr-links h4 ul li a{font-size:0.9rem;}
.p-arrow{background: url(../images/th_arrow_bottom.png) no-repeat;display: inline-block;}
.j-font-size{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 99%;}
.ajj_ywpt {display: block;width: 64%;line-height: 45px;font-size: 16px;color: #fff;border: 1px solid #e7e7e7;color: #146ac1;
text-align: center;background: rgba(255,255,255,0.56);margin-top: 1.5rem;}
.ajj_ywpt1 {display: block;width: 35%;line-height: 45px;font-size: 16px;color: #fff;border: 1px solid #e7e7e7;color: #146ac1;
text-align: center;background: rgba(255,255,255,0.56);margin-top: 1.5rem;}
.j-font-size a{color:#51708e}

#sypfId3{width: 159px;
    height: 241px;
    background: #d8e9f1 url(../images/rtggj.jpg) no-repeat;}
#sypfId3 ul li{margin-bottom: 10px;}
#sypfId3 ul li a{display: block;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-top: 0px;
    line-height: 32px;}

.sy-szhf{clear: both;overflow: hidden;}
.sy-szhf a{display: block;padding-top: 20px;}
.sy-szhf a img{display: block;width: 100%;}

/* 更多hover */
.more:hover{color: #2c587d;}

/* 自适应 */
@media screen and (max-width:1880px){
   .j-banner-toutiao, .j-infos-box, .j-icons-box, .j-hand-over-box, .j-friend-links{width: 70%;}
}

@media screen and (max-width:1660px){
   .j-banner-toutiao, .j-infos-box, .j-icons-box, .j-hand-over-box, .j-friend-links{width: 76%;}
}

@media screen and (max-width:1530px){
   .j-banner-toutiao, .j-infos-box, .j-icons-box, .j-hand-over-box, .j-friend-links{width: 82%;}
}

@media screen and (max-width:1420px){
   .j-banner-toutiao, .j-infos-box, .j-icons-box, .j-hand-over-box, .j-friend-links{width: 90%;}
}

@media screen and (max-width:1290px){
   .j-banner-toutiao, .j-infos-box, .j-icons-box, .j-hand-over-box, .j-friend-links{width: 95%;}
}

@media screen and (max-width:1220px){
  .j-header-box, .j-nav, .j-banner-toutiao, .j-infos-box, .j-icons-box, .j-hand-over-box, .j-friend-links{width: 98%;}
}
@media screen and (max-width:1200px){
  .j-banner-toutiao{width: 100%;margin-top: 15px;margin-bottom: 15px;padding: 0 15px;}
  .j-infos-people, .j-infos-finance, .j-infos-plan{width: 33.33%;}
  .j-toutiao{width: 46%;margin-left: 1.5%;}
  .j-infos-box{width: 100%;} 
  .j-icons-box{width: 100%;} 
  .j-list-body li .date{max-width: 90%;}
  .j-toutiao .j-touch-one{padding: 0;}
  .j-hand-over-box{width: 100%;padding: 1.5rem 15px;}
  .ajj_ywpt{width: 100%;}
  .ajj_ywpt1{width: 100%;}
  .j-friend-links{width: 100%;}
  .j-gjjyw{width: 100%;}
  .j-qycx{width: 100%;}
  .j-xgxz{width: 100%;}
  .j-infos-people, .j-infos-finance, .j-infos-plan{height: auto;}
  .j-gjjyw .ggjtu{height: auto;background: none;overflow: hidden;}
  .j-gjjyw .ggjtu a{height: 60px;line-height: 60px;background: #d8e9f1;width: 31.33%;text-align: center;height: 60px;margin-right: 3%;margin-left: 0;}
  .j-gjjyw .ggjtu a:last-child{margin-right: 0%;}
  .bsbox5{padding: 10px 0px 0 10px;margin: 0;}
  .fphf {width: 97%;}
}

@media screen and (max-width:1040px){
  .fr-links h4{width: 19%;margin-left: 3.2%;}
  .fr-links h4 .p-arrow{right: 6px;}
}

@media screen and (max-width:998px){
    .j-tabtitle-top img {display: none;}
    .j-tabtitle-top h2 a{width: 86%;}
}

@media screen and (max-width:920px){
  .j-tabtitle ul li a {font-size: 1.24rem;}
  .j-friend-links p {display: none;}
  .j-icons-hide{display: none;}
    .j-icons-right a img{height: 3.4rem;}
}

@media screen and (max-width:880px){
  .j-tabtitle ul li a {font-size: 1.12rem;}
  .j-tabtitle ul li{margin-right: 1.5%;}
}

@media screen and (max-width:820px){
  .j-tabtitle ul li{margin-right: 0;}
 
}

@media screen and (max-width:750px){
	.m-tout{padding: 15px;}
    .m-tout i{display:none;}
    .m-tout p.elip a{display: block;width: 100%;margin:0 0 10px 0;}

  .j-banner-toutiao,.j-infos-box,.j-icons-box,.j-hand-over-box,.j-friend-links{width: 100%;}
  .j-banner{width:100%;margin: 0 auto;height: auto;}
  .j-banner .bd li img{height: auto;}
  .j-toutiao{width: 100%;margin-top: 0;border:0px;margin-left: 0;margin-top:1.5rem;padding:0;height: auto;}
  .j-infos-people, .j-infos-finance, .j-infos-plan{width: 100%;padding:0 1.5rem;margin:0;}
  .j-infos-finance, .j-infos-plan{padding-top: 1rem;}
  .j-infos-people{margin-top: 0rem;padding-top: 1rem;}
  .j-infos-plan{margin-bottom: 1.5rem;padding-bottom: 1rem;}
  .j-tabtitle ul li a {font-size: 1.3rem;}
  .j-hand-interaction, .j-hand-server{width: 100%;}
  .j-hand-interaction h2, .j-hand-server h2{padding-left: 1rem;}
  .j-interaction-box, .j-server-box{border: 0;margin-top: 0;}
  .j-hand-server{margin-left: 0;}
  
  .j-icons-left {width: 100%;}
  .j-icons-left ul li{width: 25%;}
  .j-icons-right img{display: none;}
  .j-hand-list-img{margin-left: 0;width: 100%;}
  .j-hand-list-img ul li{float: left;width: 32%;}
  .j-hand-list-img ul li:first-child{margin-left: 1%;}
  .j-hand-list-img ul li:nth-child(2){margin:0 1%;}
  .j-hand-list-img ul li a{width:100%;}
  .j-list-img1{background-size: 100% 100%;width: 220px;height: 70px;}
  .j-list-img2{background-size: 100% 100%;width: 220px;height: 70px;}
  .j-list-img3{background-size: 100% 100%;width: 220px;height: 70px;}
  .fr-links h4{width: 45%;}
  .fr-links h4:nth-child(-n+2){margin-bottom: 1rem;}
  .j-footer-nav{width: 50%;}
  .j-friend-links{border: 0;}
  .j-right-info{width:45%;}
  .j-touch-one{padding: 14px 7px 0 7px;}
  .j-interaction-box{padding: 1rem .5rem;}
  .j-server-box{padding: 1rem .5rem;}
  .j-infos-finance{padding: 14px 7px 0 7px;}
  .j-banner-toutiao{margin-bottom: 0;}
  .j-nav-box{height: auto;}
}

@media screen and (max-width:700px){
    .j-footer-nav{width: 65%;}
}

@media screen and (max-width:550px){
  .j-list-img1{background: none;}
  .j-list-img2{background: none;}
  .j-list-img3{background: none;}
  .j-hand-list-img{height: 40px;line-height: 40px;margin-bottom: 1rem;}
  .j-text-hide{display: block;text-align: center;height: 40px;line-height: 40px;font-size: 1rem;background-color: #5fabe7;color: #fff;border-radius: 10px;}
  .j-hand-over-box{padding: 1.5rem 0 0 0;}
  .j-friend-links{padding: 0 2.25rem 1.25rem;margin-bottom: 0;}
  
}

@media screen and (max-width:540px){
      .j-footer-nav{width: 75%;}
      .j-tabtitle ul li a{font-size: 1rem;}
      .j-infos-tabtitle ul li a{font-size: 1rem;}
      .j-icons-box ul li a{font-size:1rem;}
      .j-list-body li a{font-size: 1rem;}
      .j-interaction-list-email{font-size: 1rem;}
      .j-server-list ul li a{font-size: 1rem;}
      .j-text-hide{font-size: 1rem;}
      .fr-links h4 span{font-size:1rem;}
      .j-footer-nav a{font-size:12px;}
      .j-right-info p{font-size: 12px;}
}

@media screen and (max-width:490px){
      .j-footer-nav{width: 85%;}
      .j-banner-toutiao{padding: 0 10px;}
      .j-banner .hd{height: 40px;line-height: 40px;}
}

@media screen and (max-width:464px){
  .fr-links h4{width:92%;}
  .fr-links h4:nth-child(3){margin-bottom: 1rem;}
  .j-banner .hd .ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 88%;font-size: 1rem;}
  .j-tabtitle-top h2 a{font-size: 20px;}
  .j-gjjyw .ggjtu a{font-size: 14px;}
  .j-hand-over-box {padding: 1.5rem 7px 0 7px;}
  .j-gjjyw{margin-right: 0;height: auto;}
  .j-friend-links{padding: 1rem 0.25rem 1.25rem;}
  .fr-links{margin-right: 0%;}
  .bsbox5 {padding: 10px 0px 0 5px;}
  .j-gjjyw-cont .j-ggt li{padding-left: 0;padding-right: 0;width: 49%;}
  .j-ggt a{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  .j-ggt li>a{font-size: 1.2rem;}
}

@media screen and (max-width:412px){
  .j-banner .hd{height: 45px;line-height: 45px;}
  .j-icons-left ul li{width: 50%;}
}

@media screen and (max-width:390px){
      .j-footer-nav{width: 100%;}
}