<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/**/
.box1-wrap{padding:20px 20px 0;}
.box2-wrap{padding:70px 20px 0;background: url(/eportal/uiFramework/commonResource/image/2023011419071892483.png) center 20px no-repeat;}
.box3-wrap{background: url(/eportal/uiFramework/commonResource/image/2023011419080872124.png) center top no-repeat;background-size: cover;}
.box4-wrap{background: url(/eportal/uiFramework/commonResource/image/2024122010235424721.png) center top no-repeat;background-size: cover;}


/*清河概括*/
.top-infomation {padding: 80px 75px 0;}
.top-infomation .fl{margin-top: 70px;}
.top-infomation .top-infomation-summary{position:relative;float:right;margin-right: 60px;}
.top-infomation .top-infomation-summary p a{display:block;position:absolute;padding: 50px 80px;top:0;left:0;line-height: 28px;text-indent:2em;text-align: justify;}
/*行政区划*/
.body-content-wrap .comwidth{background:#fff url(/eportal/uiFramework/commonResource/image/2021082021355524123.png) no-repeat;background-size:cover;}
.box2-wrap-left{width:537px;height:475px;margin-left:61px;}
.box2-wrap-right{width:282px;height:475px;margin-right:163px;}
.xzqh{margin-top:77px;}
.xzqh .title{width:62px;height:221px;background:url(/eportal/uiFramework/commonResource/image/2021082021222714785.png) no-repeat;float:right;}
.xzqh .title p{width:28px;word-wrap: break-word;font-size:30px;color:#fff;margin:0 auto;font-family:"ＭＳ ゴシック";padding-top:21px;}
.xzqh_cont{width:141px;height:399px;writing-mode: vertical-rl;writing-mode: tb-lr;float:right;margin-right:48px;text-indent:2em;line-height:33px;}

/*地图信息*/
.map-info {padding: 50px 40px 0;}
.map-info .map-info-txt{float:right;margin-top: 70px;}
.map-info .map-info-txt .title{background: url(/eportal/uiFramework/commonResource/image/2021082021222714785.png) top center no-repeat;float:right;padding: 20px 19px 80px;width: 30px;font-size: 24px;font-weight: bold;color: #fff;text-align: center;margin: 0 auto;}
.map-info .map-info-txt p{height: 350px;writing-mode: vertical-rl;float:right;margin-right:48px;text-indent:2em;line-height: 40px;width: 200px;overflow: hidden;text-align: justify;font-size: 18px;}

.column-info{text-align:justify;}
.column-info .column-alone,.column-info .column-double{display:inline-block;vertical-align:middle;width: 19%;}
.column-info::after{content: "";display:inline-block;width:100%;}
.column-info .column-box{position:relative;width: 85%;margin: 40px  auto;z-index:0;}
.column-info .column-box .column-box-border{width:100%;height:100%;border:1px solid #005292;position:absolute;left:-10px;top:-10px;z-index:-1;}
.column-info .column-box img{display:block;width: 100%;}
.column-info .column-box .column-box-inner{position:absolute;width: 80%;height:100%;top:0;left:0;padding: 0 10%;}
.column-info .column-box .column-box-inner h6{margin:20px 0 8px;opacity:0;}
.column-info .column-box .column-box-inner:hover h6{color:#fff;opacity:1;}
.column-info .column-box .column-box-inner p{opacity:0;line-height: 20px;padding-bottom: 20px;/* text-indent: 2em; */}
.column-info .column-box .column-box-inner:hover p{opacity:1;color:#fff;font-size:14px;}
.column-info .column-box .column-box-inner:hover{background:rgba(9,89,169,.5)}
.column-info .column-box .column-box-inner span{display:block;text-indent: 39px;background: url(/eportal/uiFramework/commonResource/image/2023011419103881861.png) center no-repeat;color:#fff;line-height: 42px;position: absolute;bottom: 20px;width: 100%;left: 0;}
.column-info .column-box .column-box-inner:hover span{color:#005292;background: url(/eportal/uiFramework/commonResource/image/2023011419104543146.png) center no-repeat;}

/*旅游资源*/
.lvyou-tit{padding:30px 0 60px;text-align:center;}


/*图片展示*/
.list-loop {position:relative;padding:0 20px 70px;}
.list-loop .swiper-container{height:100%;padding: 16px 0;height: 254px;}
.list-loop .swiper-slide{position:relative;height:100%;}
.list-loop .swiper-slide b{display:block;width:200%;height:100%;background:rgba(255,255,255,.4);position:absolute;left:50%;margin-left:-100%;}
.list-loop .swiper-slide.swiper-slide-active b{display:block;width:200%;height:100%;background:rgba(255,255,255,0);position:absolute;left:50%;margin-left:-100%;}
.list-loop .swiper-slide.swiper-slide-prev{z-index: 8;}
.list-loop .swiper-slide.swiper-slide-next{z-index: 8;}
.list-loop .swiper-slide.swiper-slide-active{z-index: 9;opacity: 1;}
.list-loop .swiper-slide[transform ='scale(0.625)']{display:none;}
.list-loop .swiper-slide img{display:block;position: absolute;height:100%;margin: 0;left: 50%;margin-left: calc(-100%);width:200%;object-fit:cover;z-index: -15;box-shadow: 0 0 11px #969696;}
.list-loop .swiper-slide span{display:block;position:absolute;bottom:0;left:0;line-height:40px;color:#fff;background:rgba(0,0,0,.4);width: 100%;}
.list-loop .swiper-slide span b{float:left;width:12px;height:12px;background-color:#fff;border-radius:12px;margin: 15px 15px 0;}
.list-loop .pagination{position:absolute;right:10px;bottom:10px;z-index: 1;}
.list-loop .pagination span{display:inline-block;width: 12px;height: 12px;border-radius:50%;background-color:#afafab;margin:0 4px;}
.list-loop .pagination span.swiper-active-switch{background-color:#fff;}




/*适配代码*/
@media screen and (max-width: 768px) {
        /**/
        .box1-wrap{padding:20px 10px 0;}
        .box2-wrap{padding:70px 10px 0;}

        /*清河概况*/
        .top-infomation {padding: 0px 0px 0;width: 100%;}
        .top-infomation .fl{margin-top: 0px; float:none;padding: 0px 75px 0;}
        .top-infomation .top-infomation-summary{float:none;margin-right: 0px; width: 100%;margin-top: 20px;}
        .top-infomation .top-infomation-summary p a{padding: 30px 30px;top:0;left:0;line-height: 25px;font-size: 12px;}
        .map-info img{ width:100%;}
        .top-infomation .top-infomation-summary img{width:100%;}
        .video{ width:100%!important;object-fit: contain!important;}
        
        /*行政区划*/
        .box2-wrap-left{width:537px;height:475px;margin-left:61px;}
        .box2-wrap-right{width:282px;height:475px;margin-right:163px;}
        .xzqh{margin-top:77px;}
        .xzqh .title{width:62px;height:221px;background:url(/eportal/uiFramework/commonResource/image/2021082021222714785.png) no-repeat;float:right;}
        .xzqh .title p{width:28px;word-wrap: break-word;font-size:30px;color:#fff;margin:0 auto;font-family:"ＭＳ ゴシック";padding-top:21px;}
        .xzqh_cont{width:141px;height:399px;writing-mode: vertical-rl;writing-mode: tb-lr;float:right;margin-right:48px;text-indent:2em;line-height:33px;}

        /*地图信息*/
        .map-info { padding: 0px 0px 0; }
        .map-info .map-info-txt{ float:none; margin-top: 20px;width: 100%;}
        .map-info .map-info-txt .title{float: left;padding: 20px 19px 80px;}
        .map-info .map-info-txt p{float:right;line-height: 35px;width: 75%;font-size: 14px;margin-top: 15px;margin-right: 2%;writing-mode: inherit;height:auto;}

        .column-info .column-alone,.column-info .column-double{width: 90%;margin: 0 auto;display: block;}
        .column-info .column-box{position:relative;width: 90%;}
        .column-info .column-box .column-box-inner p{opacity: 1;line-height: 23px;padding: 10px;/* padding-top: 10px; */font-size: 14px;display: block;text-indent: 2em;background: #rgb(9 89 167 / 50%);color: #fff;background: rgba(9,89,169,.5);/* width: 100%; */}
        .column-info .column-box .column-box-inner span {text-indent: 89px;}


        /*旅游资源*/
        .lvyou-tit{padding:30px 0 60px;text-align:center;}


        /*图片展示*/
        .list-loop {position:relative;padding:0 20px 70px;}
        .list-loop .swiper-container{height:100%;padding: 16px 0;height: 254px;}
        .list-loop .swiper-slide{position:relative;height:100%;}
        .list-loop .swiper-slide b{display:block;width:200%;height:100%;background:rgba(255,255,255,.4);position:absolute;left:50%;margin-left:-100%;}
        .list-loop .swiper-slide.swiper-slide-active{display:block;width:200%;height:100%;background:rgba(255,255,255,0);position:absolute;left:50%;margin-left:-100%;}
        .list-loop .swiper-slide.swiper-slide-prev{z-index: 8;}
        .list-loop .swiper-slide.swiper-slide-next{z-index: 8;}
        .list-loop .swiper-slide.swiper-slide-active{z-index: 9;opacity: 1;}
        .list-loop .swiper-slide[transform ='scale(0.625)']{display:none;}
        .list-loop .swiper-slide img{display:block;position: absolute;height:100%;margin: 0;left: 50%;margin-left: calc(-100%);width:200%;object-fit:cover;z-index: -15;box-shadow: 0 0 11px #969696;}
        .list-loop .swiper-slide span{display:block;position:absolute;bottom:0;left:0;line-height:40px;color:#fff;background:rgba(0,0,0,.4);width: 100%;}
        .list-loop .swiper-slide span b{float:left;width:12px;height:12px;background-color:#fff;border-radius:12px;margin: 15px 15px 0;}
        .list-loop .pagination{position:absolute;right:10px;bottom:10px;z-index: 1;}
        .list-loop .pagination span{display:inline-block;width: 12px;height: 12px;border-radius:50%;background-color:#afafab;margin:0 4px;}
        .list-loop .pagination span.swiper-active-switch{background-color:#fff;}

}</pre></body></html>