@charset "UTF-8";

/* CSS变量定义 */
:root {
  /* 标题色 */
  --title-color: rgba(0, 0, 0, 1);
  /* 小标题色 */
  --tit-color: #26bb79;
  /* a标签色 */
  --a-color: #26bb79;
  /* 盒子内部颜色 */
  --box-color: #e8f6ff;
  --box-shallow-color: #f6fbfe;
  /* 模块背景色 */
  --mod-bg-color: #F0F9FF;
  /* 尾部色 */
  --footer-color: #138049;
  --footer-shallow-color: #48b27d;
  --footer-shallow-color2: #459e72;
}

.m-row{margin-bottom: 60px;}

/* 标题样式 */
.mod-title .title { width: 100%; height: 32px; margin-bottom: 50px; font-size: 36px; color: var(--title-color); font-weight: 700; text-align: center; position: relative; background: url(/gasrmzfw/pc2023/images/msfwzq/wtly_title_bg.png) center top no-repeat; }
.mod-title .title span { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; }

/* 项目标题样式 */
.item-title { font-size: 28px; line-height: 30px; color: var(--title-color); font-weight: 700; vertical-align: middle; margin-bottom: 19px; }
.item-title::before { content: ""; width: 28px; height: 28px; display: inline-block; background: url(/gasrmzfw/pc2023/images/msfwzq/item_title_lh.png); vertical-align: middle; margin-right: 19px; }

/* 尾部样式 */
.newfooter .yqlj { background: var(--footer-color); }
.newfooter .wzinfo { background: var(--footer-shallow-color); }
.newfooter .wzinfo .container>div { background: var(--footer-shallow-color2); }

/* 文化服务 */
.whfw-box .mod-content {position: relative;padding: 26px;display: flex;justify-content: end;}
.whfw-box .mod-content * {flex-shrink: 0;}
.whfw-box .mod-content .content-bg {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 0;}
.whfw-box .mod-content .content-bg img {display: block;width: 100%;height: 100%;object-fit: cover;object-position: left top;}
.whfw-box .mod-content ul {position: relative;z-index: 1;width: calc(630 / (1120 - 26 * 2) * 100%);display: flex;justify-content: space-between;gap: 30px 10px;flex-wrap: wrap;}
.whfw-box .mod-content ul li {width: calc(300 / 630 * 100%);height: 80px;display: flex;justify-content: space-between;align-items: center;border: 1px solid rgba(141, 179, 170, 1);padding: 0 16px 0 26px;background-color: #fff;}
.whfw-box .mod-content ul li.line {width: 100%;}
.whfw-box .mod-content ul li::after{content: "";display: block;width: 14px;height: 25px;background: url(/gasrmzfw/pc2023/images/msfwzq/wtly_arrow_right_icon.png) center center no-repeat;background-size: 100% 100%;}
.whfw-box .mod-content ul li a{max-width: 92%;font-size: 20px;}

/* 查询服务 */
.cxfw-box .mod-content {display: flex;justify-content: space-between;flex-wrap: wrap;gap: 40px 10px;}
.cxfw-box .mod-content * {flex-shrink: 0;}
.cxfw-box .mod-content .content-item {width: calc(536 / 1120 * 100%);height: 96px;border: 1px solid rgba(161, 201, 191, 1);position: relative;overflow: hidden;}
.cxfw-box.wh .mod-content .content-item {background-color: rgba(242, 250, 245, 1);}
.cxfw-box.ty .mod-content .content-item {background-color: rgba(255, 249, 242, 1);}
.cxfw-box.ly .mod-content .content-item {background-color: rgba(242, 250, 245, 1);}
.cxfw-box .mod-content .content-item a{width: 100%;height: 100%;display: flex;align-items: center;gap: 17px;padding: 0 19px;position: relative;z-index: 1;}
.cxfw-box .mod-content .content-item .item-bg{position: absolute;right: 0;bottom: -5px;z-index: 0;}
.cxfw-box .mod-content .content-item a .text{font-size: 20px;}

/* 景区服务 */
.jqfw-box .mod-content ul {display: flex;justify-content: space-between;gap: 20px 10px;flex-wrap: wrap;}
.jqfw-box .mod-content ul li{position: relative;width: calc(265 / 1120 * 100%);height: 90px;border: 1px solid rgba(255, 214, 138, 1);padding: 0 16px 0 26px;background: rgba(255, 249, 242, 1);}
.jqfw-box .mod-content ul li a{font-size: 20px;display: block;width: 100%;height: 100%;display: flex;justify-content: space-between;align-items: center;}
.jqfw-box .mod-content ul li a * {flex-shrink: 0;}
.jqfw-box .mod-content ul li a .text{max-width: calc(100% - 39px);}
.jqfw-box .mod-content ul li a::after {content:"";display: block;width: 27px;height: 27px;background: url(/gasrmzfw/pc2023/images/msfwzq/wtly_jqfw_icon.png) center center no-repeat;background-size: 100% 100%;}
.jqfw-box .mod-content ul li a .ewm{display:none;position:absolute;left:0;bottom:115%;padding:20px 0;width:100%;text-align:center;background:#fff;z-index:2;border-radius: 10px;box-shadow: 0px 5px 10px 0 rgba(255, 214, 138, 1);}
.jqfw-box .mod-content ul li:hover a .ewm{display:block;}
.jqfw-box .mod-content ul li a .ewm img{width:55%;}
.jqfw-box .mod-content ul li a .ewm p{color:#000;font-size:16px;}
.jqfw-box .mod-content ul li a .ewm:before{content: '';position: absolute;left: 50%; bottom: -20px; width: 0;height: 0;margin-left: -5px; border: transparent solid 10px;border-top-color: #fff;z-index:1;}
/* 旅游资讯 */
.lyzx-box .content-box1 {display: flex;justify-content: space-between;flex-wrap: wrap;gap: 10px;height: 316px;}
.lyzx-box .content-box1 * {flex-shrink: 0;}
.lyzx-box .content-box1 .left-img{width: calc(560 / 1120 * 100%);height: 100%;}
.lyzx-box .content-box1 .left-img .swiper-container{width: 100%;height: 100%;}
.lyzx-box .content-box1 .left-img .swiper-slide{width: 100%;height: 100%;}
.lyzx-box .content-box1 .left-img .swiper-slide a{display: block;width: 100%;height: 100%;position: relative;color: #fff;}
.lyzx-box .content-box1 .left-img .swiper-slide a img{display: block;width: 100%;height: 100%;object-fit: fill;}
.lyzx-box .content-box1 .left-img .swiper-slide a .text{width: 100%;padding: 15px 29px;background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);position: absolute;left: 0;bottom: 0;z-index: 2;}
.lyzx-box .content-box1 .right-list{width: calc(536 / 1120 * 100%);height: 100%;display: flex;flex-direction: column;}
.lyzx-box .content-box1 .right-list .list-tt{font-size: 30px;font-weight: 700;line-height: 43.44px;color: rgba(0, 140, 108, 1);padding-bottom: 21px;border-bottom: 1px dashed rgba(166, 166, 166, 1);}
.lyzx-box .content-box1 .right-list ul{margin-top: 27px;display: flex;flex-direction: column;justify-content: space-between;flex-grow: 1;}
.lyzx-box .content-box1 .right-list ul li{font-size: 20px;display: flex;align-items: center;gap: 14px;}
.lyzx-box .content-box1 .right-list ul li::before{content:"";display: block;width: 16px;height: 17px;background: url(/gasrmzfw/pc2023/images/msfwzq/wtly_lyzx_icon.png) center center no-repeat;background-size: 100% 100%;}
.lyzx-box .content-box1 .right-list ul li a{display: inline-block;width: 0;flex-grow: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.lyzx-box .content-box2{margin-top: 60px;display: flex;justify-content: space-between;gap: 40px 10px;flex-wrap: wrap;}
.lyzx-box .content-box2 a:nth-child(-n+3) {width: calc(352 / 1120 * 100%);}
.lyzx-box .content-box1 .left-img .swiper-slide a .text h3{max-width: 80%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 20px;font-weight: 400;}
.lyzx-box .mod-content .swiper-pagination{display: inline-block;width: fit-content;left: auto;right: 20px;bottom: 18px;}
.lyzx-box .mod-content .swiper-pagination .swiper-pagination-bullet{background-color: rgba(204, 204, 204, 1);opacity: 1;}
.lyzx-box .mod-content .swiper-pagination .swiper-pagination-bullet-active{background-color: rgba(212, 48, 48, 1);}


/* 咨询投诉 */
.zxts-box .mod-content {display: flex;justify-content: space-between;height: 117px;}
.zxts-box .mod-content * {flex-shrink: 0;}
.zxts-box .mod-content .content-item {width: calc(352 / 1120 * 100%);height: 100%;}
.zxts-box .mod-content .content-item a{width: 100%;height: 100%;background-color: rgba(232, 243, 255, 1);display: flex;align-items: center;padding: 0 39px;gap: 30px;font-size: 26px;font-weight: 700;color: var(--tit-color);}

/* 自适应样式 */
@media (max-width:1280px) {
  .zxts-box .mod-content .content-item a{font-size: 20px;gap: 20px}
}

@media (max-width:992px) {
  .whfw-box .mod-content ul{width: 100%;}
  .whfw-box .mod-content .content-bg{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
  .whfw-box .mod-content .content-bg::after{content:"";display: block;width: 100%;height: 100%;background-color: #ffffffb7;position: absolute;top: 0;left: 0;}
  .whfw-box .mod-content ul{gap: 20px 10px;}
  .cxfw-box .mod-content{gap: 20px 10px;}
  .cxfw-box.wh .mod-content .content-item{width: calc((100% - 20px) / 2);}
  .whfw-box .mod-content ul li{width: calc((100% - 20px) / 2);}
  .jqfw-box .mod-content ul li{width: calc((100% - 20px) / 2);}
  .lyzx-box .content-box1{flex-wrap: wrap;height: auto;}
  .lyzx-box .content-box1 .left-img{width: 100%;height: 470px;}
  .lyzx-box .content-box1 .right-list{width: 100%;height: auto;}
  .lyzx-box .content-box1 .right-list ul li {padding: 10px 0;}
  .lyzx-box .content-box2{margin-top: 20px;gap: 20px}
  .zxts-box .mod-content .content-item a{font-size: 18px;padding: 20px;}
  .zxts-box .mod-content .content-item .item-icon{width: 39px;}
}

@media (max-width:431px) {
  .m-row{margin-bottom: 30px;}
  .mod-title .title{background-size: 200% auto;background-position: center center;font-size: 26px;margin-bottom: 20px;}
  .item-title{font-size: 26px;}
  .container{padding: 0 10px !important;}
  .whfw-box .mod-content{padding: 15px;}
  .whfw-box .mod-content ul{gap: 15px;}
  .whfw-box .mod-content ul li{width: 100%;padding: 0 15px;height: 70px;}
  .whfw-box .mod-content ul li a{font-size: 14px;}
  .cxfw-box .mod-content{gap:15px;}
  .cxfw-box .mod-content .content-item{width: 100%;}
  .jqfw-box .mod-content ul{gap: 15px;}
  .jqfw-box .mod-content ul li{width: 100%;}
  .lyzx-box .content-box1 .left-img{height: 230px;}
  .lyzx-box .content-box1 .left-img .swiper-slide a .text{padding: 10px;}
  .lyzx-box .content-box1 .left-img .swiper-slide a .text h3{font-size: 14px;}
  .lyzx-box .content-box1 .right-list .list-tt{font-size: 18px;line-height: 1.5;padding-bottom: 10px;}
  .lyzx-box .content-box1 .right-list ul{margin-top: 5px;}
  .lyzx-box .content-box1 .right-list ul li::before{flex-shrink: 0;}
  .lyzx-box .content-box1 .right-list ul li{font-size: 14px;padding: 10px 0;}
  .lyzx-box .content-box2 a{width: 100% !important;}
  .lyzx-box .content-box2{gap: 15px;}
  .lyzx-box .mod-content .swiper-pagination{right: 10px;bottom: 10px;}
  .zxts-box .mod-content{flex-wrap: wrap;height: auto;gap: 15px;}
  .zxts-box .mod-content .content-item{width: 100%;height: 90px;}
}