@charset "UTF-8";

/* CSS变量定义 */
:root {
  /* 标题色 */
  --title-color: rgba(0, 0, 0, 1);
  /* 小标题色 */
  --tit-color: rgba(0, 77, 166, 1);
  /* a标签色 */
  --a-color: rgba(0, 77, 166, 1);
  /* 盒子内部颜色 */
  --box-color: #e8f6ff;
  --box-shallow-color: #f6fbfe;
  /* 模块背景色 */
  --mod-bg-color: #F0F9FF;
  /* 尾部色 */
  --footer-color: #244fab;
  --footer-shallow-color: #2e5ec7;
  --footer-shallow-color2: #2a58bb;
}

.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/title_sl_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); }

/* 法律援助 */
.flyz-box .mod-content {display: flex;justify-content: space-between;flex-wrap: wrap;gap: 32px 10px;}
.flyz-box .mod-content * {flex-shrink: 0;}
.flyz-box .mod-content .content-item {width: calc(352 / 1120 * 100%);height: 100px;border: 1px solid rgba(156, 196, 240, 1);position: relative;overflow: hidden;}
.flyz-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;}
.flyz-box .mod-content .content-item .item-bg{position: absolute;right: 0;bottom: -5px;z-index: 0;}
.flyz-box .mod-content .content-item a .text{font-size: 20px;}

/* 司法鉴定 */
.sfjd-box .content-box1 {display: flex;justify-content: space-between;flex-wrap: wrap;gap:30px 32px;}
.sfjd-box .content-box1 .content-item {width: calc(352 / 1120 * 100%);height: 215px;background: linear-gradient(180deg, rgba(230, 241, 255, 1) 0%, rgba(184, 217, 255, 1) 100%);position: relative;}
.sfjd-box .content-box1 .content-item:first-child {flex-grow: 1;width: 50%;}
.sfjd-box .content-box1 .content-item{overflow: hidden;}
.sfjd-box .content-box1 .content-item a {position: relative;width: 100%;height: 100%;display: block;padding: 56px 28px;font-size: 20px;color: rgba(0, 77, 166, 1);font-weight: 700;}
.sfjd-box .content-box1 .content-item a .item-tit{position:relative;z-index: 1;}
.sfjd-box .content-box1 .content-item a .item-bg{position: absolute;right: 0;bottom: -5px;z-index: 0;}
.sfjd-box .content-box1 .content-item a .item-icon{margin-top: 60px;position: relative;z-index: 1;}
.sfjd-box .content-box2{margin-top: 60px;display: flex;justify-content: space-between;}
.sfjd-box .content-box2 .content-item {width: calc(536 / 1120 * 100%);}
.sfjd-box .content-box2 .content-item .item-content{position: relative;height: 260px;padding: 27px 20px 27px 198px;}
.sfjd-box .content-box2 .content-item .item-bg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;}
.sfjd-box .content-box2 .content-item .item-content ul {position: relative;width: 100%;height: 100%;z-index: 1;background-color: #fff;border-radius: 6px;box-shadow: -10px -3px 26px  rgba(126, 167, 223, 0.3);padding: 24px 15px;display: flex;flex-direction: column;justify-content: center;}
.sfjd-box .content-box2 .content-item .item-content ul li{padding: 5px 0;}
.sfjd-box .content-box2 .content-item .item-content ul li::before{content: "";display: inline-block;vertical-align: middle;margin-right: 13px;width: 4px;height: 4px;background-color: var(--a-color);border-radius: 50%;}
.sfjd-box .content-box2 .content-item .item-content ul li a{font-size: 18px;}

/* 常用查询 */
.cycx-box .mod-content {display: flex;flex-wrap: wrap;gap: 60px 10px;justify-content: space-between;}

/* 咨询投诉 */
.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) {
  .flyz-box .mod-content .content-item a .text{font-size: 16px;}
  .sfjd-box .content-box1{gap: 20px;}
  .sfjd-box .content-box1 .content-item{width: calc((100% - (20px * 2)) / 3);}
  .sfjd-box .content-box2 .content-item .item-bg img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: left top;}
  .sfjd-box .content-box2 .content-item .item-content{padding: 20px;}
  .sfjd-box .content-box2 .content-item .item-content ul{padding: 24px;}
  .cycx-box .mod-content{gap: 20px}
  .cycx-box .mod-content a{width: calc((100% - (20px * 1)) / 2);}
  .cycx-box .mod-content a:nth-child(-n+3){width: calc((100% - (20px * 2)) / 3);}
  .zxts-box .mod-content .content-item a{font-size: 20px;gap: 20px}
}

@media (max-width:992px) {
  .flyz-box .mod-content .content-item {width: calc((100% - 20px * 1) / 2);}
  .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: 180% auto;background-position: center center;font-size: 26px;margin-bottom: 20px;}
  .item-title{font-size: 26px;}
  .container{padding: 0 10px !important;}

  .flyz-box .mod-content{gap: 15px;}
  .flyz-box .mod-content .content-item {width: 100%;height: 90px;}
  .flyz-box .mod-content .content-item .item-bg{height: 80%;}
  .flyz-box .mod-content .content-item .item-bg img{display:block;height: 100%;}
  .sfjd-box .content-box1 .content-item{width: 100%;height: 130px;}
  .sfjd-box .content-box1 .content-item a{padding: 20px;}
  .sfjd-box .content-box1 .content-item a .item-tit{font-size: 18px;}
  .sfjd-box .content-box1 .content-item a .item-bg{height: 80%;}
  .sfjd-box .content-box1 .content-item a .item-bg img{display: block;height: 100%;}
  .sfjd-box .content-box1 .content-item a .item-icon{margin-top: 20px;}
  .sfjd-box .content-box2{margin-top: 20px;flex-wrap: wrap;}
  .sfjd-box .content-box2 .content-item{width: 100%;}
  .sfjd-box .content-box2 .content-item:last-child{margin-top: 15px;}
  .sfjd-box .content-box2 .content-item .item-content{height: auto;}
  .sfjd-box .content-box2 .content-item .item-content ul{padding: 24px 15px;}
  .sfjd-box .content-box2 .content-item .item-content ul li a{font-size: 16px;}
  .cycx-box .mod-content{gap: 15px;}
  .cycx-box .mod-content a{width: 100% !important;}
  .zxts-box .mod-content{flex-wrap: wrap;height: auto;gap: 15px;}
  .zxts-box .mod-content .content-item{width: 100%;height: 90px;}
}