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

/* 轮播 */
.j-banner-toutiao-bg{background: #fff;overflow: hidden;}
.j-banner-toutiao{max-width: 1200px;margin:0 auto;margin-top: 17.5px;margin-bottom: 17.5px;}
.j-banner{width: 52.5%;position: relative;height: auto;overflow: hidden;height: 370px;}
.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: 14px;bottom: 0;}
.j-banner .hd li{display:inline-block;background-color:#fff;width:10px;height:10px;transition:all .3s;margin-left:10px;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: 16px;}
.j-banner .bd {position: relative;z-index: 0;overflow: hidden;}
.j-banner .bd li img{width:100%;height: 370px; display:block;overflow: hidden;}
.j-banner .bd li a{display: block;}
/* 头条 */
.j-toutiao{width: 45%;margin-left: 2%;padding: 21px;border: 1px solid #d2d2d2;height:370px;}
.j-tabtitle{height: 42px;position:relative;line-height: 42px;}
.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:18px;color: #909090;height: 42px;line-height: 42px;padding: 0 6px; 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: 12.25px;}

/*头条新闻*/
.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 21px;}
.j-list-body li{height: 30px;overflow: hidden;}
.j-list-body li a{float: left;max-width: 75%;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; height: 30px; padding-left: 17px;color: #666;text-align: left;font-size: 16px;}
.j-list-body li a:hover{color:#64859f}
.j-list-body li {height: 35px;line-height: 35px;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: 14px;margin: 14px 0; color: #989898;padding: 0px 21px;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;}
/* 信息列表 */
.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.18%;background-color: #fff;margin: 21px 0;padding: 21px;min-height: 273px;}
.j-infos-tabtitle{height: 42px;position:relative;line-height: 42px;margin-bottom: 14px;}
.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 14px;}
.j-infos-tabtitle ul li a {font-size: 18px;color: #909090;height: 42px;line-height: 42px;padding: 0 6px;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: 21px;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: 14px 0;}
.j-icons-box ul li a i{width: 45px;height: 45px;vertical-align: middle;margin-right: 5px;}
.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: 70px;}
/* 互动交流 */
.j-hand-over{background: #fff;}
.j-hand-over-box{max-width: 1200px;margin: 0 auto;padding: 21px 0;}
.j-hand-interaction, .j-hand-server{width: 35%;}
.j-hand-list-img{width: 25%;}
.j-hand-server, .j-hand-list-img {margin-left: 2.5%;}
.j-hand-interaction h2, .j-hand-server h2{font-size: 18px;color: #2d577d;}
.j-interaction-box{padding: 14px 21px;border: 1px solid #d2d2d2;margin-top: 17px;}
.j-interaction-box .j-tabtitle{margin-bottom: 14px;}
.j-interaction-list-email{background-color: #e8ecf5;border-radius: 20px;text-align: center;padding: 5px 0;margin: 14px 0 7px;}
.j-interaction-list-email a{width: 33.33%;display: block;float: left;}
.j-interaction-list-email a:hover{color:#679ed4;}
.j-interaction-list-email a:nth-child(1), .j-interaction-list-email a:nth-child(2){border-right: 1px solid #adadad;}
.j-interaction-box .j-list-body ul li{height: 36.5px;line-height: 36.5px;}
.j-server-tabtitle{margin-top: 0;}
/* 政务服务 */
.j-server-box{padding: 14px;border: 1px solid #d2d2d2;margin-top: 17px;}
.j-server-list ul li{float: left;width: 31.5%;text-align: center;border-radius: 5px;background-color: #5fabe7;margin-right: 2.5%;margin-bottom: 14px;}
.j-server-list ul li:nth-child(3n+0){margin-right: 0;}
.j-server-list ul li:nth-child(4), .j-server-list ul li:nth-child(5), .j-server-list ul li:nth-child(6){margin-bottom: 0px;}
.j-server-list ul li a{color: #fff;display: block;height: 42px;line-height: 42px;}
.j-server-list ul li a:hover{background-color: #2d577d;border-radius: 5px;}
.j-server-table .j-tabtitle a{right: 5px;}
.j-server-table .j-tabtitle{margin-bottom: 6px;}
.j-hand-list-img ul li a{display: block;}
.j-hand-list-img ul li a img{display: block;width: 100%;}
.j-hand-list-img ul li:nth-child(2){margin: 18px 0;}
  .j-hand-list-img ul li a{width:100%;}
.j-list-img1{background: url(../images/th_img_01.png) no-repeat;background-size: 100% 100%;width: 250px;height: 95px;}
.j-list-img2{background: url(../images/th_img_02.png) no-repeat ;background-size: 100% 100%;width: 250px;height: 80px;}
.j-list-img3{background: url(../images/th_img_03.png) no-repeat ;background-size: 100% 100%;width: 250px;height: 75px;}
.j-text-hide{display: none;}
.j-search{padding: 0 42px 0 21px;}
/* 友情链接 */
.j-friend-links{max-width: 1200px;margin: 0 auto;padding: 17.5px 31.5px;border: 1px solid #d2d2d2;margin-bottom: 21px;}
.j-friend-links p{font-size: 19.25px;color: #2d577d;padding: 5px 0;}
.fr-links{margin-right: -2%;}
.fr-links h4{border-radius: 8px; width: 100%;color: #51708e;font-size: 16px;border: 1px solid #d2d2d2;padding-left: 10px;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: 10px;padding-top: 5px;padding-bottom: 5px;}
.fr-links h4 ul li {margin-left: 8px;}
.fr-links h4 .p-arrow{width: 20px;height: 20px;}
.fr-links h4 .p-arrow{position: absolute;right: 16px;top: 12px;}
.fr-links h4 ul li a{font-size:12.6px;}
.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: 80%;}

/* 更多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%;min-height: auto;}
  .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;}
}

@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;}
}

@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%;}
}