@charset "utf-8";
/* 走进新乡 */
.zjxx-banner{width: 100%;height: 496px;background: url("./../images-zjxx/zjxx-banner.png") no-repeat center top;}
.zjxx-logo{padding-top: 96px;text-align: center;}
.zjxx-logo .img-title{display: none;}

/* 新乡概况 */
.video-box,.gk-info{margin-top: 50px;}
.video-box {width: 680px;height: 383px;}
.video-box img,.video-box video{width: 100%;height: 100%;}
.video-box .j-video-player{height: 100%!important;width: 100%!important;}
.gk-info{width: 560px;height: auto;}
.com-tit{background: url("./../images-zjxx/tit-bg-short.png") no-repeat center right;}
.com-tit a{display: block;float: left;margin-top: -18px;}
.gk-page {height: auto;line-height: 42px;font-size: 18px;}
.gk-page p{text-indent: 2em;text-align: justify;}
.gk-page a{color: #C52828;}
.gk-page a:hover,.ls-dbfc-list li .qxmp-main-box .detail-info a:hover{color: #ff2323;text-decoration: underline;}
.gk-links ul li{margin-top: 32px;margin-left: 38px;width: 150px; float: left;}
.gk-links ul li img{display: block;padding-top: 6px;height: 90px;width: 90px;margin: 0 auto;transition: all .8s;}
.gk-links ul li a{display: block; height: 150px; transition: 0.4s all; text-align: center; background: #F6F6F6;}
.gk-links ul li :hover img{transform: rotateY(360deg);-ms-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform: rotateY(360deg);}
.gk-links ul li .img-title{display: block;font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: auto;line-height: 36px;margin-top: 10px;}
.gk-links ul li.num1{margin-left: 0;}
.gk-links ul li a:hover{background:rgba(1,82,147,.1);}

/* 新乡数据 */
.data-box,.qxmp-box{padding: 24px 0 50px;background: #F7F7F7;height: auto;margin-top: 40px;}
.com-tit01{height: auto;text-align: center;background: url("./../images-zjxx/tit-bg-long.png") no-repeat center center;}
.data-tabs{height: auto;padding: 10px 30px 20px;background: #fff;margin-top: 10px;}
.data-tabs-tit{padding-bottom: 2px;}
.data-tabs-tit ul{border-bottom: 1px solid #bdbdbd;}
.data-tabs-tit ul li{float: left;padding: 0 49px;}
.data-tabs-tit ul li a{display: block;font-size: 22px; position: relative; line-height: 60px;}
.data-tabs-tit ul li a:after{display: block; content: ""; height: 5px; position: absolute; background: #015293; left:50%; width: 0; transition: 0.4s all; bottom: -3px;}
.data-tabs-tit ul li.active a{color: #015293;}
.data-tabs-tit ul li.active a:after{left: 0; width: 100%;}
.data-tabs-content{margin-top: 15px;}
.data-charts{height: 406px;width: 100%; overflow: hidden;}
.data-charts img{width: 100%;height: 100%;}

.data-links ul li{float: left;width: 405px;height: 120px;margin-top: 36px;margin-left: 32px;}
.data-links ul li .img-title{display: none;}
.data-links ul li img{width:100%;height: 100%;transition: all .3s;}
.data-links ul li:hover img{transform: scale(1.05);}
.data-links ul li.num1{margin-left: 0;}

/* 新乡光影 */
.xxgy-box{margin-top: 40px;}
.xxgy-main{margin-top: 20px;position: relative;height: 568px;}
.xxgy-main ul li{position: absolute;}
.xxgy-main ul li a,.xxgy-main ul li img{display: block;width: 100%;height: 100%;}
.xxgy-main ul li a{overflow: hidden;}
.xxgy-main ul li .img-title{position: absolute;left: 0;right: 0;bottom: 0;color: #fff;font-size: 18px;background: rgba(0,0,0,.4);height: 40px;line-height: 40px;padding: 0 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.xxgy-main ul li img{transition: 0.4s all;}
.xxgy-main ul li a:hover img{transform: scale(1.05);}

.wza-black-white .xxgy-main ul li .img-title{ background-color: rgba(0, 0, 0, 0.4) !important;}
.wza-yellow-black .xxgy-main ul li .img-title{ background-color: rgba(255, 255, 0, 0.4) !important;}
.wza-blue-yellow .xxgy-main ul li .img-title{ background-color: rgba(0, 0, 255, 0.4) !important;}
.wza-yellow-blue .xxgy-main ul li .img-title{ background-color: rgba(255, 255, 0, 0.4) !important;}
.wza-white-black .xxgy-main ul li .img-title{ background-color: rgba(255, 255, 255, 0.4) !important;}
.wza-black-yellow .xxgy-main ul li .img-title{ background-color: rgba(0, 0, 0, 0.4) !important;}



.xxgy-main ul li.num1{width: 528px;height: 270px;top: 0;left: 0;}
.xxgy-main ul li.num2,.xxgy-main ul li.num3{width:250px;height: 270px;bottom: 0;}
.xxgy-main ul li.num2{left: 0;}
.xxgy-main ul li.num3{left: 278px;}
.xxgy-main ul li.num4{top: 0;left: 556px;height: 100%;width: 362px;}
.xxgy-main ul li.num5,.xxgy-main ul li.num6{width: 334px;height: 270px;right: 0;}
.xxgy-main ul li.num5{top: 0;}
.xxgy-main ul li.num6{bottom: 0;}

/* 区县名片 */
.qxmp-main{margin-top: 20px;height: 391px;position: relative;}
.qxmp-main .ls-dbfc-list{width: 100%;height: 100%;overflow: hidden;}
.ls-dbfc-list .ls-speciallist,.ls-dbfc-list  .ls-speciallist .tempWrap{width: 100%;height: 100%;overflow: hidden;}
.ls-dbfc-list li{float: left;width: 328px;height: 391px;}
.ls-dbfc-list li .qxmp-main-box{margin-right: 32px;background: #fff;height: 100%;}
.ls-dbfc-list li .qxmp-main-box .img-box{position: relative;height: 291px;width: 100%;overflow: hidden;}
.ls-dbfc-list li .qxmp-main-box .img-box img{transition: all .4s;}
.ls-dbfc-list li .qxmp-main-box .img-box:hover img{transform: scale(1.05);}
.ls-dbfc-list li .qxmp-main-box .img-box a,.ls-dbfc-list li .qxmp-main-box .img-box img{width: 100%;height: 100%;}
.ls-dbfc-list li .qxmp-main-box .img-box .img-title{position: absolute;display: block;font-size: 20px;left: 17px;top: 14px;color: #fff;text-align: center;padding: 0 20px;height: 37px;line-height: 37px;background: rgba(0,92,165,.8);z-index: 9;}
.ls-dbfc-list li .qxmp-main-box .detail-info{padding: 5px 24px 0;text-indent: 0;font-size: 16px;line-height: 28px;}
.ls-dbfc-list li .qxmp-main-box .detail-info a{color:#C52828;text-align: justify;}
.wza-black-white .ls-dbfc-list li .qxmp-main-box .img-box .img-title{ background-color: rgba(0, 0, 0, 0.8) !important;}
.wza-yellow-black .ls-dbfc-list li .qxmp-main-box .img-box .img-title{ background-color: rgba(255, 255, 0, 0.8) !important;}
.wza-blue-yellow .ls-dbfc-list li .qxmp-main-box .img-box .img-title{ background-color: rgba(0, 0, 255, 0.8) !important;}
.wza-yellow-blue .ls-dbfc-list li .qxmp-main-box .img-box .img-title{ background-color: rgba(255, 255, 0, 0.8) !important;}
.wza-white-black .ls-dbfc-list li .qxmp-main-box .img-box .img-title{ background-color: rgba(255, 255, 255, 0.8) !important;}
.wza-black-yellow .ls-dbfc-list li .qxmp-main-box .img-box .img-title{ background-color: rgba(0, 0, 0, 0.8) !important;}




.ls-prev,.ls-next{ position: absolute; width: 38px; height: 60px; display: block; top: 50%; margin-top: -30px;z-index: 2; cursor: pointer;}
.ls-prev{left: -60px;background:url("./../images-zjxx/left-ico.png") no-repeat center center;}
.ls-prev:hover{background:url("./../images-zjxx/left-ico-on.png") no-repeat center center;}
.ls-next{right: -60px; background:url("./../images-zjxx/right-ico.png") no-repeat center center;}
.ls-next:hover{background:url("./../images-zjxx/right-ico-on.png") no-repeat center center;}

@media (max-width: 1420px){
    .ls-prev, .ls-next{margin-top: -68px; opacity: 0.6;}
    .ls-prev{left: 0;background:url("./../images-zjxx/left-ico-on.png") no-repeat center center;}
    .ls-next{right:0;background:url("./../images-zjxx/right-ico-on.png") no-repeat center center;}
    .ls-next:hover,.ls-prev:hover{opacity: 1;}
}
@media (max-width: 1279px) and (min-width: 992px){
    .video-box, .gk-info{margin-top: 40px;}
    .com-tit {background: url(./../images-zjxx/tit-bg-short.png) no-repeat 192px;}
    .gk-links ul li{margin-left: 10px;margin-top: 20px;width: 133px;}
    .gk-links ul li .img-title{margin-top: 0;}
    .video-box{width: 490px;}
    .gk-info{width: 482px;}
    .gk-page{max-height: 294px;overflow-y: auto;}
    .data-tabs-tit ul li{padding: 0 10px;}
    .data-links ul li{margin-top: 20px;margin-left: 20px;}
    .data-links ul li{width: 317px;height: 94px;}
    .xxgy-main ul li.num1{height: 200px;width: 400px;}
    .xxgy-main ul li.num2, .xxgy-main ul li.num3{width: 195px;height: 216px;}
    .xxgy-main ul li.num3{left: 205px;}
    .xxgy-main ul li.num4{left: 410px;width:320px;height: 426px;}
    .xxgy-main{height: 426px;}
    .xxgy-main ul li.num5, .xxgy-main ul li.num6{width: 252px;height: 208px;}

    .ls-dbfc-list li{width: 341px;}
    .ls-next{right: 0;}
    .ls-prev{left: 0;}

    .data-charts{height: 340px;}

}
@media (max-width: 991px){
    .zjxx-logo img{width: auto;height: auto;max-width: 96%;}
    .zjxx-banner{height: auto;padding-bottom: 70px; background-size: auto 100%;}
    .zjxx-logo{padding-top: 50px;}
    .video-box, .gk-info,.xxgy-box,.data-box, .qxmp-box{margin-top: 20px;}
    .video-box{float: none;width: 100%;height: auto;}
    .gk-info{float: none;width: 100%;height: auto;}
    .com-tit a{margin-top: 0;}
    .com-tit {background: url(./../images-zjxx/tit-bg-short.png) no-repeat 192px;}
    .gk-links ul li{width: 24%;margin: 20px .5% 0!important;}
    .gk-links ul li img{width: 80px; height: 80px;}
    .data-box, .qxmp-box{padding: 20px 0;}
    .xxgy-main ul li{position: initial;float: left;width: 49%!important;margin: 10px .5% 0!important;height: 204px!important;left: auto;right: auto;top: auto;bottom: auto;}
    .xxgy-main ul li.num1,.xxgy-main ul li.num4{width: 99% !important; height: auto !important;}
    .xxgy-main ul li.num2,.xxgy-main ul li.num3{ height: 406px !important;}
    .xxgy-main ul li.num5,.xxgy-main ul li.num6{ height: 304px !important;}
    .xxgy-main ul li a{position: relative;}
    .xxgy-main{height: auto;margin-top: 10px;}
    .data-charts{height:340px;}
    .data-tabs-tit ul li{padding: 0 5px;}
    .ls-next{right: 0;}
    .ls-prev{left: 0;}
    .ls-dbfc-list li{width: 399px;}
    .ls-dbfc-list li .qxmp-main-box .detail-info{padding: 5px 10px 0;}
    .data-links ul li{margin-top: 10px;margin-left: 10px;width: 249px;height: 79px;}

}
@media (max-width: 767px){
    .ls-zjxx-mainer{padding: 0 10px;}
    .com-tit{ background-position: 132px center;}
    .com-tit img{ height: 70px; width: auto;}
    .gk-page{font-size: 14px; line-height: 2.333;}
    .gk-links ul li{width: 24%;}
    .gk-links ul li a{height: auto; padding-bottom: 20px;}
    .gk-links ul li img{width: 60px; height: 60px;}
    .gk-links ul li .img-title{font-size: 14px; line-height: 2;}
    .com-tit01 img{height: 80px; width: auto;}
    .data-tabs{padding: 10px;}
    .data-tabs-tit ul li{padding: 0 5px; height: auto;}
    .data-tabs-tit ul li a{font-size: 18px; height: auto; line-height: 2.64;}
    .data-tabs-tit ul li.active a{ height: auto; line-height: 2.64;}
    .data-links ul li{float: none;width: auto;height: auto;margin: 10px 0 0;}
    .xxgy-main ul li{float: none;margin: 10px auto 0!important;width: 100%!important;height: auto!important;}
    .xxgy-main ul li.num2, .xxgy-main ul li.num3, .xxgy-main ul li.num5,.xxgy-main ul li.num6{ height: auto !important;}
    .xxgy-main ul li .img-title{font-size: 14px;}
    .video-box, .gk-info, .xxgy-box, .data-box, .qxmp-box{margin-top: 10px;}
    .data-box, .qxmp-box{padding:10px;}
    .ls-dbfc-list li{margin: 0 auto;width:296px;}
    .ls-dbfc-list li .qxmp-main-box{margin-right: 0;}
    .ls-dbfc-list .tempWrap{margin: 0 auto;}
    .ls-dbfc-list li .qxmp-main-box .img-box .img-title{font-size: 16px;}
    .ls-dbfc-list li .qxmp-main-box .detail-info{font-size: 14px; line-height: 1.75;}
}
@media (max-width: 440px){
    .gk-links ul li{width: 49%;}
}


/*数据发布*/
.ls-data-box{ margin: 24px 0 40px; height: 470px; padding: 18px 32px 32px; background: #f3faff;}
.ls-data-box .data-tabs{ padding: 0; background: none; margin: 0;}
.ls-data-box .data-tabs-tit{padding: 0 0 0 16px;}
.ls-data-box .data-tabs-tit ul li{padding: 0 46px;}

.la-data-newsbox{width: 572px; margin: 0 0 40px; height: 272px; background: #F7F7F7; padding: 23px 24px 0;}
.ls-tabs01{height: auto;}
.ls-tabs01 ul li{float: left;margin-left: 34px;}
.ls-tabs01 ul li:first-child{margin-left: 0;}
.ls-tabs01 ul li a{display: block;font-size: 26px;height: 40px;line-height: 40px;color: #666;}
.ls-tabs01 ul li.active a{color: #000;}
.ls-more{color: #89949C; font-size: 16px; line-height: 40px;}
.ls-more:hover{color: #015293;}
.la-data-newsbox .ls-list-info{margin-top: 7px;}

.la-data-newsbox .ls-doc-list li{height: 37px; line-height: 36px;}
.la-data-newsbox .ls-doc-list li a{max-width: 470px;}

@media (max-width: 1279px) and (min-width: 992px){
    .ls-data-box .data-tabs-tit ul li{padding: 0 16px;}
    .ls-data-box{height: 416px;}
    .la-data-newsbox{width: 430px;}
    .la-data-newsbox .ls-doc-list li a{max-width: 330px;}
}
@media (max-width: 991px){
    .ls-data-box{margin:15px 0 20px; padding: 13px 20px 20px; height: auto;}
    .ls-data-box .data-tabs-tit{padding: 0;}
    .ls-data-box .data-tabs-tit ul li a{font-size: 20px;}
    .ls-data-box .data-tabs-tit ul li{padding: 0 8px;}
    .la-data-newsbox{width: auto; float: none; height: auto; margin: 0 0 20px; padding: 18px 19px;}
    .ls-tabs01 ul li a{font-size: 22px;}
    .la-data-newsbox .ls-doc-list li a{max-width: 100%;}
}
@media (max-width: 768px){
    .ls-data-main{padding: 0 10px;}
}
@media (max-width: 767px){
    .ls-data-box{margin:10px 0; padding: 8px 10px 10px;}
    .ls-data-box .data-tabs-tit ul li a{font-size: 18px;}
    .ls-data-box .data-tabs-tit ul li{padding: 0 5px;}
    .la-data-newsbox{margin: 0 0 10px; padding: 8px 10px;}
    .ls-tabs01 ul li a{font-size: 20px;}
    .ls-more{font-size: 14px;}
    .la-data-newsbox .ls-doc-list li{height: 32px; line-height: 32px;}
}