/* 走进冠县-乡村记忆 20240926 */
.zjCont .part4 .item{ padding: 48px 0; background: url(/static/66f69903a77410b0fbd26111/images/zs_mapBg.png) center left no-repeat; background-size: auto 100%; margin-bottom: 30px;}
.zjCont .part4 .xcTit{ width: 500px; height: 413px; background: url(/static/66f69903a77410b0fbd26111/images/zs_mapBig1.png) center left no-repeat; background-size: 100%; position: relative; margin: 20px 0 20px 57px;}
.zjCont .part4 .xcTit span{ display: block; position: absolute; background-position: center; background-repeat: no-repeat; background-size: 100% 100%; cursor: pointer; opacity: 0;}
.zjCont .part4 .xcTit span.map01{ width: 163px; height: 101px; background-image: url(/static/66f69903a77410b0fbd26111/images/zs_mapQqjd.png); bottom: 73px; left: 67px;}
.zjCont .part4 .xcTit span.map02{ width: 147px; height: 101px; background-image: url(/static/66f69903a77410b0fbd26111/images/zs_mapFzz.png); top: 86px; right: 3px; z-index: 2;}
.zjCont .part4 .xcTit span.map03{ width: 107px; height: 129px; background-image: url(/static/66f69903a77410b0fbd26111/images/zs_mapGgtz.png); top: 15px; right: 113px;}
.zjCont .part4 .xcTit span.map04{ width: 129px; height: 106px; background-image: url(/static/66f69903a77410b0fbd26111/images/zs_mapLwx.png); top: 115px; right: 134px;}
.zjCont .part4 .xcTit span.map05{ width: 116px; height: 111px; background-image: url(/static/66f69903a77410b0fbd26111/images/zs_mapBgtz.png); top: 10px; left: 93px;}
.zjCont .part4 .xcTit span.map06{ width: 130px; height: 112px; background-image: url(/static/66f69903a77410b0fbd26111/images/zs_mapQsz.png); top: 27px; left: 182px;}
.zjCont .part4 .xcTit span.map07{ width: 170px; height: 138px; background-image: url(/static/66f69903a77410b0fbd26111/images/zs_mapXjz.png); top: 121px; right: -5px;}
.zjCont .part4 .xcTit span.map08{ width: 106px; height: 130px; background-image: url(/static/66f69903a77410b0fbd26111/images/zs_mapWsx.png); top: 94px; left: 97px;}
.zjCont .part4 .xcTit span.map09{ width: 84px; height: 115px; background-image: url(/static/66f69903a77410b0fbd26111/images/zs_mapDzz.png); top: 113px; left: 176px;}
.zjCont .part4 .xcTit span.map10{ width: 96px; height: 147px; background-image: url(/static/66f69903a77410b0fbd26111/images/zs_mapYzjd.png); bottom: 88px; left: 194px;}
.zjCont .part4 .xcTit span.map11{ width: 115px; height: 133px; background-image: url(/static/66f69903a77410b0fbd26111/images/zs_mapJz.png); bottom: 111px; right: 119px;}
.zjCont .part4 .xcTit span.map12{ width: 144px; height: 137px; background-image: url(/static/66f69903a77410b0fbd26111/images/zs_mapDyzz.png); bottom: 69px; right: 20px; z-index: 2;}
.zjCont .part4 .xcTit span.map13{ width: 158px; height: 251px; background-image: url(/static/66f69903a77410b0fbd26111/images/zs_mapDgcz.png); top: 83px; left: -4px;}
.zjCont .part4 .xcTit span.map14{ width: 130px; height: 82px; background-image: url(/static/66f69903a77410b0fbd26111/images/zs_mapCwjd.png); bottom: 133px; left: 85px;z-index: 2;}
.zjCont .part4 .xcTit span.map15{ width: 140px; height: 123px; background-image: url(/static/66f69903a77410b0fbd26111/images/zs_mapLlz.png); top: -5px; right: -1px;}
.zjCont .part4 .xcTit span.map16{ width: 208px; height: 125px; background-image: url(/static/66f69903a77410b0fbd26111/images/zs_mapSaz.png); bottom: 19px; right: 86px;}
.zjCont .part4 .xcTit span.map17{ width: 130px; height: 107px; background-image: url(/static/66f69903a77410b0fbd26111/images/zs_mapXdx.png); bottom: 13px; left: 21px;}
.zjCont .part4 .xcTit span.map18{ width: 111px; height: 118px; background-image: url(/static/66f69903a77410b0fbd26111/images/zs_mapLtz.png); bottom: -6px; left: 126px;}
.zjCont .part4 .xcTit span em{ display: flex; align-items: center; width: 100%; height: 100%; color: #fff; font-size: 11px;}
.zjCont .part4 .xcTit span.map01 em{ padding: 4px 0 0 61px;}
.zjCont .part4 .xcTit span.map02 em{ padding: 0 0 2px 66px;}
.zjCont .part4 .xcTit span.map03 em{ padding: 8px 0 0 28px;}
.zjCont .part4 .xcTit span.map04 em{ padding: 0 0 20px 47px;}
.zjCont .part4 .xcTit span.map05 em{ padding: 24px 0 0 36px;}
.zjCont .part4 .xcTit span.map06 em{ padding: 27px 0 0 40px;}
.zjCont .part4 .xcTit span.map07 em{ padding: 0 0 8px 48px;}
.zjCont .part4 .xcTit span.map08 em{ padding: 23px 0 0 40px;}
.zjCont .part4 .xcTit span.map09 em{ padding: 0 0 10px 35px;}
.zjCont .part4 .xcTit span.map10 em{ padding: 3px 0 0 28px;}
.zjCont .part4 .xcTit span.map11 em{ padding: 0 0 4px 35px;}
.zjCont .part4 .xcTit span.map12 em{ padding: 1px 0 0 40px;}
.zjCont .part4 .xcTit span.map13 em{ padding: 4px 0 0 51px;}
.zjCont .part4 .xcTit span.map14 em{ padding: 0 0 5px 36px;}
.zjCont .part4 .xcTit span.map15 em{ padding: 17px 0 0 55px;}
.zjCont .part4 .xcTit span.map16 em{ padding: 0 0 0 83px;}
.zjCont .part4 .xcTit span.map17 em{ padding: 0 0 8px 42px;}
.zjCont .part4 .xcTit span.map18 em{ padding: 1px 0 0 34px;}
.zjCont .part4 .xcTit span.on{ opacity: 1;}
.zjCont .part4 .right{ width: 580px; padding: 10px 40px 0 20px;}
.zjCont .part4 .right .title em{ display: block; font-size: 20px; background: url(/static/66f69903a77410b0fbd26111/images/zs_gyImg5_2.png) center left no-repeat; background-size: 16px; padding-left: 25px;}
.zjCont .part4 .right .title a{ display: block; color: #0064C8; line-height: 26px;}
.zjCont .part4 .right .title a:hover{ color: #F57F0F;}
.zjCont .part4 .xcCon{ display: none; padding: 10px 0;}
.zjCont .part4 .xcCon .txt{ line-height: 32px; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 12; overflow: hidden;}

.zjCont .part4 .xcCon .txt .img{ display: block; width: 40%; margin-left: 15px; position: relative;}
.zjCont .part4 .xcCon .txt .img .lj{ width: 100%; display: flex; justify-content: center; align-items: center; position: absolute; bottom: 10%; left: 0; z-index: 1;}
.zjCont .part4 .xcCon .txt .img .lj a{ display: inline-flex; justify-content: center; align-items: center; width: 30%; height: 30px; font-size: 14px; background: #fff; color: rgba(251,139,23,1); background: #fff; border: 1px solid rgba(251,139,23,1); margin: 0 5%;}
.zjCont .part4 .xcCon .txt .img .lj a:hover{ color: #fff; background: rgba(251,139,23,1);}
.zjCont .part4 .xcCon .txt .img img{ width: 100%;}

@media (max-width: 1100px){
	.zjCont .part4 .right{ width: 400px;}
}

@media (max-width: 1000px){
	.zjCont .part4 .item{ height: auto; background: #fff; padding: 0; margin: 0;}
	.zjCont .part4 .xcTit{ width: 100%; height: auto; padding: 0 10px; margin: 0; position: inherit; background: #fff;}
	.zjCont .part4 .xcTit span{ width: 24% !important; height: 36px !important; display: flex; justify-content: center; align-items: center; float: left; position: inherit; background: #e5eff9 !important; margin: 1% 0.5% 0; opacity: 1;}
	.zjCont .part4 .xcTit span em{ justify-content: center; color: #666; font-size: 14px; padding: 0 !important;}
	.zjCont .part4 .xcTit span.on{ background: #0064C8 !important;}
	.zjCont .part4 .xcTit span.on em{ color: #fff;}
	.zjCont .part4 .right{ width: 100%; padding: 30px 15px 10px;}
	.zjCont .part4 .right .title em{ font-size: 18px; background-size: 12px; padding-left: 18px;}
	.zjCont .part4 .right .title a{ font-size: 12px;}
	.zjCont .part4 .xcCon .txt{ line-height: 24px;}
	.zjCont .part4 .xcCon .txt a{ width: 40%;}
	.zjCont .part4 .xcCon .txt .img .lj a{ width: 40%; margin: 0 3%;}
}