@charset "UTF-8";

/* CSS变量定义 */
:root {
  /* 标题色 */
  --title-color: rgba(0, 0, 0, 1);
  /* 小标题色 */
  --tit-color: rgba(27, 38, 150, 1);
  /* a标签色 */
  --a-color: rgba(108, 57, 227, 1);
  /* 盒子内部颜色 */
  --box-color: #e8f6ff;
  --box-shallow-color: #f6fbfe;
  /* 模块背景色 */
  --mod-bg-color: #F0F9FF;
  /* 尾部色 */
  --footer-color: #4c54a1;
  --footer-shallow-color: #676ec2;
  --footer-shallow-color2: #5f66b3;
}

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

/* 商标专利 */
.sbzl-box .content-box1 {display: flex;height: 240px;justify-content: space-between;}
.sbzl-box .content-box1 * {flex-shrink: 0;}
.sbzl-box .content-box1 .box-item {width: calc(536 / 1120 * 100%);height: 100%;padding: 19px 26px;background-color: rgba(248, 245, 255, 1);border-radius: 6px;}
.sbzl-box .content-box1 .box-item .item-tit {font-size: 28px;font-weight: 700;color: var(--tit-color);}
.sbzl-box .content-box1 .box-item .item-cont {background: url(/gasrmzfw/pc2023/images/msfwzq/zscq_box_bg1.png) center center no-repeat;background-size: 100% 100%;height: 160px;padding: 13px;margin-top: 7px;position: relative;}
.sbzl-box .content-box1 .box-item .item-cont .item-cont-bg {position: absolute;right: 30px;bottom: 25px;z-index: 0;}
.sbzl-box .content-box1 .box-item .item-cont ul {max-width: 70%;}
.sbzl-box .content-box1 .box-item .item-cont ul li a{line-height: 35px;font-size: 18px;}
.sbzl-box .content-box1 .box-item .item-cont 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%;}
.sbzl-box .content-box2 {display: flex;justify-content: space-between;height: 130px;margin-top: 36px;}
.sbzl-box .content-box2 * {flex-shrink: 0;}
.sbzl-box .content-box2 a {width: calc(352 / 1120 * 100%);height: 100%;display: flex;justify-content: center;align-items: center;background: url(/gasrmzfw/pc2023/images/msfwzq/zscq_box_bg2.png) center center no-repeat;background-size: 100% 100%;color: rgba(76, 85, 168, 1);font-size: 26px;font-weight: 700;}

/* 著作权 */
.zzq-box .mod-content {display: flex;justify-content: space-between;gap: 40px 20px;flex-wrap: wrap;}
.zzq-box .mod-content * {flex-shrink: 0;}
.zzq-box .mod-content .content-item {width: calc(536 / 1120 * 100%);height: 96px;position: relative;overflow: hidden;}
.zzq-box .mod-content .content-item a{width: 100%;height: 100%;background-color: rgba(224, 239, 255, 1);display: flex;align-items: center;padding: 0 39px;gap: 30px;font-size: 20px;}
.zzq-box .mod-content .content-item .item-bg{position: absolute;top: 20px;right: 20px;}

/* 科研成果 */
.kycg-box .content-box1 {display: flex;justify-content: space-between;height: 210px;}
.kycg-box .content-box1 * {flex-shrink: 0;}
.kycg-box .content-box1 .box-item{background-color: rgba(227, 229, 255, 0.4);width: calc(352 / 1120 * 100%);height: 100%;position: relative;overflow: hidden;border-radius: 6px;padding: 37px 33px;}
.kycg-box .content-box1 .box-item a{width: 100%;height: 100%;}
.kycg-box .content-box1 .box-item .item-bg{position: absolute;bottom: 0;right: 0;z-index: 0;}
.kycg-box .content-box1 .box-item .item-tit {font-size: 26px;color: rgba(65, 76, 176, 1);font-weight: 700;position: relative;z-index: 1;}
.kycg-box .content-box1 .box-item .item-icon{margin-top: 38px;}
.kycg-box .content-box2 {display: flex;justify-content: space-between;gap:48px 20px;flex-wrap: wrap;margin-top: 60px;}

/* 咨询投诉 */
.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(240, 235, 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) {
  .sbzl-box .content-box1 .box-item .item-cont ul li a{font-size: 16px;}
  .sbzl-box .content-box1 .box-item .item-cont ul{max-width: 75%;}
  .sbzl-box .content-box2 a{font-size: 20px;}
  .zzq-box .mod-content .content-item a{gap: 20px;font-size: 18px;}
  .kycg-box .content-box2 a:nth-child(-n+2){width: calc(536 / 1120 * 100%);}
  .zxts-box .mod-content .content-item a{font-size: 20px;gap: 20px}
}

@media (max-width:992px) {
  .sbzl-box .content-box1{flex-wrap: wrap;height: auto;gap: 20px;}
  .sbzl-box .content-box1 .box-item{width: 100%;}
  .sbzl-box .content-box2 a{font-size: 16px;}
  .sbzl-box .content-box2{height: 100px;}
  .mod-title .title{font-size: 30px;}
  .zzq-box .mod-content{gap: 30px}
  .kycg-box .content-box1 .box-item .item-bg{height: 70%;}
  .kycg-box .content-box1 .box-item .item-tit{font-size: 22px;}
  .kycg-box .content-box2{margin-top: 30px;}
  .kycg-box .content-box2{gap: 30px;}
  .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) {
  .mod-title .title{background-size: 180% auto;background-position: center center;font-size: 26px;margin-bottom: 20px;}
  .container{padding: 0 10px !important;}
  .sbzl-box .content-box1 .box-item{padding: 15px 20px;}
  .sbzl-box .content-box1 .box-item .item-tit{font-size: 20px;}
  .sbzl-box .content-box1 .box-item .item-cont ul{max-width: 100%;}
  .sbzl-box .content-box1 .box-item .item-cont ul li a{font-size: 14px;}
  .sbzl-box .content-box2{margin-top: 20px;flex-wrap: wrap;gap: 15px;height: auto;}
  .sbzl-box .content-box2 a{width: 100%;height: 90px;}
  .zzq-box .mod-content{gap: 15px;}
  .zzq-box .mod-content .content-item{width: 100%;}
  .m-row{margin-bottom: 30px;}
  .kycg-box .content-box1{flex-wrap: wrap;height: auto;gap: 15px}
  .kycg-box .content-box1 .box-item{width: 100%;height: 150px;padding: 30px;}
  .kycg-box .content-box2 a:nth-child(-n+2){width: 100%;}
  .kycg-box .content-box2{margin-top: 20px;gap: 15px;}
  .zxts-box .mod-content{flex-wrap: wrap;height: auto;gap: 15px;}
  .zxts-box .mod-content .content-item{width: 100%;height: 90px;}
}