/* 全局样式重置 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Microsoft YaHei', sans-serif;
}

body {
  background: url(./img/sy-bg.png);
  width: 100%;
  min-height: 100vh;
  overflow-x: hidden;
}

/* 应用容器 */
.app-container {
  display: flex;
  flex-direction: column;
  /* height: 100vh; */
  /* overflow: hidden; */
}

/* 顶部区域 */
.header {
  height: 75px;
  /* background-color: #0b3277; */
  border-bottom: 1px solid #eaecef;
  /* display: flex; */
  align-items: center;
  justify-content: space-between;
  padding: 0 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  z-index: 10;
}

.logo {
  /* display: flex; */
  /* align-items: center; */
    width: 300px;
    height: 59px;
    /* background-color: #1890ff; */
    margin-left: 17%;
    float: left;
}

.logo img {
  margin: 18px 0 0 15px;
  float: left;
  width: 131px;
  height: 38px;
}
.logo .fgx {
  width: 1px;
  height: 39px;
  background-color: #576fa1;
  float: left;
  margin: 18px 10px 0 10px;
}

.logo h5 {
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  float: left;
  margin: 22px 0 0 0;
}

.header-links {
  float: left;
  width: 400px;
  height: 75px;
  /* background-color: #f5a; */
  display: flex;
  justify-content: space-between;
  width: 25%;
  margin-left: 50px;
}

.header-link {
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  transition: color 0.2s;
  text-align: center;
  line-height: 75px;
}

.header-link:hover {
  color: #1890ff;
}

.nr-banner { 
  height: 522px;
  width: 100%;
  /* background-color: aqua */
}
.nr-banner .ys{
  float: left;
  margin-left: 17%;
}

.nr-banner .ys h5{
  font-size: 20px;
  color: #fff;
  margin-top: 60px;
}
.nr-banner .ys .jssl{
  margin-top: 28px;
  width: 80px;
  height: 28px;
  font-size: 16px; 
  color: #fff;
  background-color: #24b9e9;
  border-radius: 0 15px 0 15px;
}
.nr-banner .ys .jssl p{
  line-height: 28px;
  text-align: center;
}
.nr-banner .ys .yjkf{
  margin-top: 35px;
  width: 80px;
  height: 28px;
  font-size: 16px; 
  color: #fff;
  background-color: #e7af36;
  border-radius: 0 15px 0 15px;
}
.nr-banner .ys .yjkf p{
  line-height: 28px;
  text-align: center;
}
.nr-banner .ys .qdsh{
  margin-top: 35px;
  width: 80px;
  height: 28px;
  font-size: 16px; 
  color: #fff;
  background-color: #04cfbe;
  border-radius: 0 15px 0 15px;
}
.nr-banner .ys .qdsh p{
  line-height: 28px;
  text-align: center;
}
.nr-banner .ys .p{
  font-size: 16px;
  color: #fff;
  width: 770px;
  line-height: 26px;
  margin: 6px 0 0 10px;
}
.nr-banner .banner img{ 
  margin: 50px 0 0 70px;
}

.jgt-zjj{
  margin-left: 17%;
  width: 1230px;
}
.nr-jgt { 
  height: 1793px;
  /* width: 1920px; */
  width: 100%;
  /* background-color: #e7af36; */
}
.nr-jgt h2{
    background: linear-gradient(180deg, #fff, #5deeff);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    font-size: 40px;
    text-align: center;
    line-height: 40px;
    /* position: relative; */
}
.nr-jgt .fbt{
  font-size: 18px;
  text-align: center;
  color: #fff;
  line-height: 18px;
  margin-top: 40px;
}

.nr-jgt .rlzy{ 
  width: 166px;
  height: 50px;
  background: url(./img/sy-jgt-rlzy.png);
  /* margin-left: 17%; */
  margin-top: 15px;
  float: left;
}
.nr-jgt .rlzy-nr{
  width: 1058px;
  height: 50px;
  background: url(./img/sy-jgt-rlzy-nr.png);
  float: left;
  margin-top: 15px;
  margin-left: 3px;
}
.nr-jgt h5{
  font-size: 18px;
  color: #fff;
  text-align: center;
  line-height: 50px;
}
.nr-jgt p{
  font-size: 16px;
  color: #fff;
  line-height: 49px;
  margin-left: 20px;
}

.nr-jgt .xzgl{ 
  width: 167px;
  height: 50px;
  background: url(./img/sy-jgt-xzgl.png);
  /* margin-left: 17%; */
  margin-top: 5px;
  float: left;
}
.nr-jgt .xzgl-nr{
  width: 1058px;
  height: 50px;
  background: url(./img/sy-jgt-xzgl-nr.png);
  float: left;
  margin-top: 5px;
  margin-left: 3px;
}
.nr-jgt .xsgl{ 
  width: 167px;
  height: 77px;
  background: url(./img/sy-jgt-xsgl.png);
  /* margin-left: 17%; */
  margin-top: 5px;
  float: left;
}
.nr-jgt .xsgl-nr{
  width: 1058px;
  height: 77px;
  background: url(./img/sy-jgt-xsgl-nr.png);
  float: left;
  margin-top: 5px;
  margin-left: 3px;
}
.nr-jgt .cggl{ 
  width: 167px;
  height: 77px;
  background: url(./img/sy-jgt-cggl.png);
  /* margin-left: 17%; */
  margin-top: 5px;
  float: left;
}
.nr-jgt .cggl-nr{
  width: 1058px;
  height: 77px;
  background: url(./img/sy-jgt-cggl-nr.png);
  float: left;
  margin-top: 5px;
  margin-left: 3px;
}
.nr-jgt .kcgl{ 
  width: 167px;
  height: 77px;
  background: url(./img/sy-jgt-kcgl.png);
  /* margin-left: 17%; */
  margin-top: 5px;
  float: left;
}
.nr-jgt .kcgl-nr{
  width: 1058px;
  height: 77px;
  background: url(./img/sy-jgt-kcgl-nr.png);
  float: left;
  margin-top: 5px;
  margin-left: 3px;
}
.nr-jgt .wlgl{ 
  width: 167px;
  height: 50px;
  background: url(./img/sy-jgt-wlgl.png);
  /* margin-left: 17%; */
  margin-top: 5px;
  float: left;
}
.nr-jgt .wlgl-nr{
  width: 1058px;
  height: 50px;
  background: url(./img/sy-jgt-wlgl-nr.png);
  float: left;
  margin-top: 5px;
  margin-left: 3px;
}
.nr-jgt .wwgl{ 
  width: 167px;
  height: 77px;
  background: url(./img/sy-jgt-wwgl.png);
  /* margin-left: 17%; */
  margin-top: 5px;
  float: left;
}
.nr-jgt .wwgl-nr{
  width: 1058px;
  height: 78px;
  background: url(./img/sy-jgt-wwgl-nr.png);
  float: left;
  margin-top: 5px;
  margin-left: 3px;
}
.nr-jgt .zzsc{ 
  width: 167px;
  height: 105px;
  background: url(./img/sy-jgt-zzsc.png);
  /* margin-left: 17%; */
  margin-top: 5px;
  float: left;
}
.nr-jgt .zzsc-nr{
  width: 1058px;
  height: 107px;
  background: url(./img/sy-jgt-zzsc-nr.png);
  float: left;
  margin-top: 5px;
  margin-left: 3px;
}
.nr-jgt .zlgl{ 
  width: 167px;
  height: 50px;
  background: url(./img/sy-jgt-zlgl.png);
  /* margin-left: 17%; */
  margin-top: 5px;
  float: left;
}
.nr-jgt .zlgl-nr{
  width: 1058px;
  height: 50px;
  background: url(./img/sy-jgt-zlgl-nr.png);
  float: left;
  margin-top: 5px;
  margin-left: 3px;
}
.nr-jgt .sbgl{ 
  width: 167px;
  height: 50px;
  background: url(./img/sy-jgt-sbgl.png);
  /* margin-left: 17%; */
  margin-top: 5px;
  float: left;
}
.nr-jgt .sbgl-nr{
  width: 1058px;
  height: 50px;
  background: url(./img/sy-jgt-sbgl-nr.png);
  float: left;
  margin-top: 5px;
  margin-left: 3px;
}
.nr-jgt .gyzb{ 
  width: 167px;
  height: 50px;
  background: url(./img/sy-jgt-gyzb.png);
  /* margin-left: 17%; */
  margin-top: 5px;
  float: left;
}
.nr-jgt .gyzb-nr{
  width: 1058px;
  height: 50px;
  background: url(./img/sy-jgt-gyzb-nr.png);
  float: left;
  margin-top: 5px;
  margin-left: 3px;
}
.nr-jgt .yfgl{ 
  width: 167px;
  height: 50px;
  background: url(./img/sy-jgt-yfgl.png);
  /* margin-left: 17%; */
  margin-top: 5px;
  float: left;
}
.nr-jgt .yfgl-nr{
  width: 1058px;
  height: 50px;
  background: url(./img/sy-jgt-yfgl-nr.png);
  float: left;
  margin-top: 5px;
  margin-left: 3px;
}
.nr-jgt .cwkj{ 
  width: 167px;
  height: 105px;
  background: url(./img/sy-jgt-cwkj.png);
  /* margin-left: 17%; */
  margin-top: 5px;
  float: left;
}
.nr-jgt .cwkj-nr{
  width: 1058px;
  height: 107px;
  background: url(./img/sy-jgt-cwkj-nr.png);
  float: left;
  margin-top: 5px;
  margin-left: 3px;
}
.nr-jgt .grzx{ 
  width: 167px;
  height: 50px;
  background: url(./img/sy-jgt-grzx.png);
  /* margin-left: 17%; */
  margin-top: 5px;
  float: left;
}
.nr-jgt .grzx-nr{
  width: 1058px;
  height: 50px;
  background: url(./img/sy-jgt-grzx-nr.png);
  float: left;
  margin-top: 5px;
  margin-left: 3px;
}
.nr-jgt .yyzx{ 
  width: 167px;
  height: 77px;
  background: url(./img/sy-jgt-yyzx.png);
  /* margin-left: 17%; */
  margin-top: 5px;
  float: left;
}
.nr-jgt .yyzx-nr{
  width: 1058px;
  height: 78px;
  background: url(./img/sy-jgt-yyzx-nr.png);
  float: left;
  margin-top: 5px;
  margin-left: 3px;
}

.nr-jgt .wxxcx{ 
  width: 167px;
  height: 232px;
  background: url(./img/sy-jgt-wxxcx.png);
  /* margin-left: 17%; */
  margin-top: 5px;
  float: left;
}
.nr-jgt .wxxcx-nr{
  width: 1058px;
  height: 232px;
  background: url(./img/sy-jgt-wxxcx-nr.png);
  float: left;
  margin-top: 5px;
  margin-left: 3px;
}
.nr-jgt .dhsc{ 
  width: 167px;
  height: 50px;
  background: url(./img/sy-jgt-dhsc.png);
  /* margin-left: 17%; */
  margin-top: 5px;
  float: left;
}
.nr-jgt .dhsc-nr{
  width: 1058px;
  height: 50px;
  background: url(./img/sy-jgt-dhsc-nr.png);
  float: left;
  margin-top: 5px;
  margin-left: 3px;
}
.nr-jgt .pda{ 
  width: 167px;
  height: 50px;
  background: url(./img/sy-jgt-pda.png);
  /* margin-left: 17%; */
  margin-top: 5px;
  float: left;
}
.nr-jgt .pda-nr{
  width: 1058px;
  height: 50px;
  background: url(./img/sy-jgt-pda-nr.png);
  float: left;
  margin-top: 5px;
  margin-left: 3px;
}
.nr-jgt .pbdn{ 
  width: 167px;
  height: 50px;
  background: url(./img/sy-jgt-pbdn.png);
  /* margin-left: 17%; */
  margin-top: 5px;
  float: left;
}
.nr-jgt .pbdn-nr{
  width: 1058px;
  height: 50px;
  background: url(./img/sy-jgt-pbdn-nr.png);
  float: left;
  margin-top: 5px;
  margin-left: 3px;
}
.jgt-zjj .ljsy{
  width: 367px;
  height: 67px;
  background: url(./img/sy-ljsy-bg.png);
  float: left;
  margin: 70px 0 0 430px;
  border: 0;
  cursor: pointer;
}
.jgt-zjj .ljsy h4{
  font-size: 24px;
  color: #fff;
  text-align: center;
  line-height: 67px;
  font-weight: 400;
}
/* 弹窗遮罩层：全屏半透明背景 */
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  /* 默认隐藏 */
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

/* 弹窗内容区：400*400 */
.modal-content {
  width: 300px;
  height: 400px;
  /* background: #ffffff; */
  /* background-color: rgba(255, 255, 255, 1); */
  border-radius: 8px;
  position: relative;
  /* padding: 20px; */
  box-sizing: border-box;
}
.modal-content img{
  width: 100%;
  /* margin: 20px 0 0 54px; */
}
.modal-content p{ 
  text-align: center;
  font-size: 18px;
  color: #fff;
  margin-top: 10px;
  /* line-height: 24px; */
}
/* 右上角关闭按钮 × */
.close-btn {
  position: absolute;
  top: 10px;
  right: 12px;
  font-size: 22px;
  cursor: pointer;
  background: none;
  border: none;
}





.sjgx{
  width: 1230px;
  height: 660px;
  /* background-color: #04cfbe; */
  margin-left: 17%;
}
.sjgx h2{
    background: linear-gradient(180deg, #fff, #5deeff);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    font-size: 40px;
    text-align: center;
    line-height: 40px;
    /* position: relative; */
}
.sjgx .pc{
  width: 600px;
  height: 247px;
  background-color: #fff;
  float: left;
  margin-top: 34px;
}
.sjgx .pc img{
  margin: 57px 0 0 28px;
  float: left;
}
.sjgx .pc h4{ 
  float: left;
  margin: 33px 0 0 26px;
  font-size: 22px;
  line-height: 22px;
}
.sjgx .pc .fgx{
  width: 370px;
  height: 1px;
  background-color: #d5d5d5;
  margin: 10px 0 0 26px;
  float: left;
}
.sjgx .pc p{
  width: 370px;
  float: left;
  font-size: 15px;
  margin: 8px 0 0 26px;
  color: #7b7b7b;
  line-height: 21px;
  text-indent: 2em;
}
.sjgx .wx{
  width: 600px;
  height: 247px;
  background-color: #fff;
  float: right;
  margin-top: 34px;
}
.sjgx .wx img{
  margin: 57px 0 0 28px;
  float: left;
}
.sjgx .wx h4{ 
  float: left;
  margin: 33px 0 0 26px;
  font-size: 22px;
  line-height: 22px;
}
.sjgx .wx .fgx{
  width: 370px;
  height: 1px;
  background-color: #d5d5d5;
  margin: 10px 0 0 26px;
  float: left;
}
.sjgx .wx p{
  width: 370px;
  float: left;
  font-size: 15px;
  margin: 30px 0 0 26px;
  color: #7b7b7b;
  line-height: 21px;
  text-indent: 2em;
}
.sjgx .pda{
  width: 600px;
  height: 247px;
  background-color: #fff;
  float: left;
  margin-top: 34px;
}
.sjgx .pda img{
  margin: 57px 0 0 28px;
  float: left;
}
.sjgx .pda h4{ 
  float: left;
  margin: 33px 0 0 26px;
  font-size: 22px;
  line-height: 22px;
}
.sjgx .pda .fgx{
  width: 370px;
  height: 1px;
  background-color: #d5d5d5;
  margin: 10px 0 0 26px;
  float: left;
}
.sjgx .pda p{
  width: 370px;
  float: left;
  font-size: 15px;
  margin: 8px 0 0 26px;
  color: #7b7b7b;
  line-height: 21px;
  text-indent: 2em;
}
.sjgx .znzd{
  width: 600px;
  height: 247px;
  background-color: #fff;
  float: right;
  margin-top: 34px;
}
.sjgx .znzd img{
  margin: 57px 0 0 28px;
  float: left;
}
.sjgx .znzd h4{ 
  float: left;
  margin: 33px 0 0 26px;
  font-size: 22px;
  line-height: 22px;
}
.sjgx .znzd .fgx{
  width: 370px;
  height: 1px;
  background-color: #d5d5d5;
  margin: 10px 0 0 26px;
  float: left;
}
.sjgx .znzd p{
  width: 370px;
  float: left;
  font-size: 15px;
  margin: 20px 0 0 26px;
  color: #7b7b7b;
  line-height: 21px;
  text-indent: 2em;
}


.ldys{
  width: 1230px;
  height: 620px;
  /* background-color: #1890ff; */
  margin-left: 17%;
}
.ldys h2{
    background: linear-gradient(180deg, #fff, #5deeff);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    font-size: 40px;
    text-align: center;
    line-height: 40px;
    /* position: relative; */
}
.ldys .zssy{
width: 392px;
height: 226px;
background-color: #24b9e9;
margin: 35px 0 0 0;
float: left;
}
.ldys .zssy h3{
  font-size: 50px;
  line-height: 50px;
  color: #fff;
  opacity: 0.5;
  margin: 40px 0 0 30px;
  float: left;
}
.ldys .zssy h4{
  font-size: 26px;
  line-height: 26px;
  color: #fff;
  margin: 46px 0 0 12px;
  float: left;
}
.ldys .zssy .c{
  width: 237px;
  height: 1px;
  background-color: #92dcf4;
  opacity: 0.5;
  margin: 8px 0 0 12px;
  float: left;
}
.ldys .zssy .d{
  width: 168px;
  height: 1px;
  background-color: #92dcf4;
  opacity: 0.3;
  margin: 2px 0 0 12px;
  float: left;
}
.ldys .zssy p{ 
  width: 320px;
  font-size: 15px;
  margin: 40px 0 0 30px;
  color: #fff;
  float: left;
}
.ldys .bxzt{
width: 392px;
height: 226px;
background-color: #fff;
margin: 35px 0 0 25px;
float: left;
}
.ldys .bxzt h3{
  font-size: 50px;
  line-height: 50px;
  color: #00789f;
  opacity: 0.5;
  margin: 40px 0 0 30px;
  float: left;
}
.ldys .bxzt h4{
  font-size: 26px;
  line-height: 26px;
  color: #00789f;
  margin: 46px 0 0 12px;
  float: left;
}
.ldys .bxzt .c{
  width: 237px;
  height: 1px;
  background-color: #92dcf4;
  opacity: 0.5;
  margin: 8px 0 0 12px;
  float: left;
}
.ldys .bxzt .d{
  width: 168px;
  height: 1px;
  background-color: #92dcf4;
  opacity: 0.3;
  margin: 2px 0 0 12px;
  float: left;
}
.ldys .bxzt p{ 
  width: 320px;
  font-size: 15px;
  margin: 40px 0 0 30px;
  color: #00789f;
  float: left;
}
.ldys .bxgn{
width: 392px;
height: 226px;
background-color: #24b9e9;
margin: 35px 0 0 25px;
float: left;
}
.ldys .bxgn h3{
  font-size: 50px;
  line-height: 50px;
  color: #fff;
  opacity: 0.5;
  margin: 40px 0 0 30px;
  float: left;
}
.ldys .bxgn h4{
  font-size: 26px;
  line-height: 26px;
  color: #fff;
  margin: 46px 0 0 12px;
  float: left;
}
.ldys .bxgn .c{
  width: 237px;
  height: 1px;
  background-color: #92dcf4;
  opacity: 0.5;
  margin: 8px 0 0 12px;
  float: left;
}
.ldys .bxgn .d{
  width: 168px;
  height: 1px;
  background-color: #92dcf4;
  opacity: 0.3;
  margin: 2px 0 0 12px;
  float: left;
}
.ldys .bxgn p{ 
  width: 320px;
  font-size: 15px;
  margin: 40px 0 0 30px;
  color: #fff;
  float: left;
}
.ldys .cpjl{
width: 392px;
height: 226px;
background-color: #fff;
margin: 25px 0 0 0;
float: left;
}
.ldys .cpjl h3{
  font-size: 50px;
  line-height: 50px;
  color: #00789f;
  opacity: 0.5;
  margin: 40px 0 0 30px;
  float: left;
}
.ldys .cpjl h4{
  font-size: 26px;
  line-height: 26px;
  color: #00789f;
  margin: 46px 0 0 12px;
  float: left;
}
.ldys .cpjl .c{
  width: 237px;
  height: 1px;
  background-color: #92dcf4;
  opacity: 0.5;
  margin: 8px 0 0 12px;
  float: left;
}
.ldys .cpjl .d{
  width: 168px;
  height: 1px;
  background-color: #92dcf4;
  opacity: 0.3;
  margin: 2px 0 0 12px;
  float: left;
}
.ldys .cpjl p{ 
  width: 320px;
  font-size: 15px;
  margin: 40px 0 0 30px;
  color: #00789f;
  float: left;
}
.ldys .jfym{
width: 392px;
height: 226px;
background-color: #24b9e9;
margin: 25px 0 0 25px;
float: left;
}
.ldys .jfym h3{
  font-size: 50px;
  line-height: 50px;
  color: #fff;
  opacity: 0.5;
  margin: 40px 0 0 30px;
  float: left;
}
.ldys .jfym h4{
  font-size: 26px;
  line-height: 26px;
  color: #fff;
  margin: 46px 0 0 12px;
  float: left;
}
.ldys .jfym .c{
  width: 237px;
  height: 1px;
  background-color: #92dcf4;
  opacity: 0.5;
  margin: 8px 0 0 12px;
  float: left;
}
.ldys .jfym .d{
  width: 168px;
  height: 1px;
  background-color: #92dcf4;
  opacity: 0.3;
  margin: 2px 0 0 12px;
  float: left;
}
.ldys .jfym p{ 
  width: 320px;
  font-size: 15px;
  margin: 40px 0 0 30px;
  color: #fff;
  float: left;
}
.ldys .mfsh{
width: 392px;
height: 226px;
background-color: #fff;
margin: 25px 0 0 25px;
float: left;
}
.ldys .mfsh h3{
  font-size: 50px;
  line-height: 50px;
  color: #00789f;
  opacity: 0.5;
  margin: 40px 0 0 30px;
  float: left;
}
.ldys .mfsh h4{
  font-size: 26px;
  line-height: 26px;
  color: #00789f;
  margin: 46px 0 0 12px;
  float: left;
}
.ldys .mfsh .c{
  width: 237px;
  height: 1px;
  background-color: #92dcf4;
  opacity: 0.5;
  margin: 8px 0 0 12px;
  float: left;
}
.ldys .mfsh .d{
  width: 168px;
  height: 1px;
  background-color: #92dcf4;
  opacity: 0.3;
  margin: 2px 0 0 12px;
  float: left;
}
.ldys .mfsh p{ 
  width: 320px;
  font-size: 15px;
  margin: 40px 0 0 30px;
  color: #00789f;
  float: left;
}

.fwlc{
  width: 1230px;
  height: 620px;
  /* background-color: #e7af36; */
  margin-left: 17%;
}
.fwlc h2{
    background: linear-gradient(180deg, #fff, #5deeff);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    font-size: 40px;
    text-align: center;
    line-height: 40px;
    /* position: relative; */
}
.fwlc .fwlc-bg{
  width: 1226px;
  height: 468px;
  background: url(./img/sy-fwlc-bg.png);
  margin: 50px 0 0 2px;
}
.fwlc .fwlc-bg .lc-1{
  width: 210px;
  height: 104px;
  /* background-color: #04cfbe; */
  float: left;
  margin-left: 26px;
}
.fwlc .fwlc-bg .lc-1 p{ 
  font-size: 16px;
  color: #fff;
  width: 190px;
  margin: 26px 0 0 10px;
  line-height: 24px;
}
.fwlc .fwlc-bg .lc-1 h3{
  text-align: center;
  color: #fff;
  font-size: 22px;
  margin-top: 110px;
}
.fwlc .fwlc-bg .lc-2{
  width: 210px;
  height: 104px;
  /* background-color: #04cfbe; */
  float: left;
  margin-left: 112px;
}
.fwlc .fwlc-bg .lc-2 p{ 
  font-size: 16px;
  color: #fff;
  width: 190px;
  margin: 26px 0 0 10px;
  line-height: 24px;
}
.fwlc .fwlc-bg .lc-2 h3{
  text-align: center;
  color: #fff;
  font-size: 22px;
  margin-top: 110px;
}
.fwlc .fwlc-bg .lc-3{
  width: 210px;
  height: 104px;
  /* background-color: #04cfbe; */
  float: left;
  margin-left: 113px;
}
.fwlc .fwlc-bg .lc-3 p{ 
  font-size: 16px;
  color: #fff;
  width: 190px;
  margin: 0px 0 0 10px;
  line-height: 104px;
  text-align: center;
}
.fwlc .fwlc-bg .lc-3 h3{
  text-align: center;
  color: #fff;
  font-size: 22px;
  margin-top: 80px;
}
.fwlc .fwlc-bg .lc-4{
  width: 210px;
  height: 104px;
  /* background-color: #04cfbe; */
  float: left;
  margin-left: 112px;
}
.fwlc .fwlc-bg .lc-4 p{ 
  font-size: 16px;
  color: #fff;
  width: 190px;
  margin: 26px 0 0 10px;
  line-height: 24px;
}
.fwlc .fwlc-bg .lc-4 h3{
  text-align: center;
  color: #fff;
  font-size: 22px;
  margin-top: 110px;
}
.fwlc .fwlc-bg .lc-8{
  width: 210px;
  height: 104px;
  /* background-color: #04cfbe; */
  float: left;
  margin-left: 26px;
  margin-top: 260px;
}
.fwlc .fwlc-bg .lc-8 p{ 
  font-size: 16px;
  color: #fff;
  width: 190px;
  margin: 26px 0 0 10px;
  line-height: 24px;
}
.fwlc .fwlc-bg .lc-8 h3{
  text-align: center;
  color: #fff;
  font-size: 22px;
  margin-top: -180px;
}
.fwlc .fwlc-bg .lc-7{
  width: 210px;
  height: 104px;
  /* background-color: #04cfbe; */
  float: left;
  margin-left: 112px;
  margin-top: 260px;
}
.fwlc .fwlc-bg .lc-7 p{ 
  font-size: 16px;
  color: #fff;
  width: 190px;
  margin: 26px 0 0 10px;
  line-height: 24px;
  /* text-align: center; */
}
.fwlc .fwlc-bg .lc-7 h3{
  text-align: center;
  color: #fff;
  font-size: 22px;
  margin-top: -180px;
}
.fwlc .fwlc-bg .lc-6{
  width: 210px;
  height: 104px;
  /* background-color: #04cfbe; */
  float: left;
  margin-left: 112px;
  margin-top: 260px;
}
.fwlc .fwlc-bg .lc-6 p{ 
  font-size: 16px;
  color: #fff;
  width: 190px;
  margin: 26px 0 0 10px;
  line-height: 24px;
  /* text-align: center; */
}
.fwlc .fwlc-bg .lc-6 h3{
  text-align: center;
  color: #fff;
  font-size: 22px;
  margin-top: -180px;
}
.fwlc .fwlc-bg .lc-5{
  width: 210px;
  height: 104px;
  /* background-color: #04cfbe; */
  float: left;
  margin-left: 112px;
  margin-top: 260px;
}
.fwlc .fwlc-bg .lc-5 p{ 
  font-size: 16px;
  color: #fff;
  width: 190px;
  margin: 26px 0 0 10px;
  line-height: 24px;
  /* text-align: center; */
}
.fwlc .fwlc-bg .lc-5 h3{
  text-align: center;
  color: #fff;
  font-size: 22px;
  margin-top: -180px;
}


.dzfw{
  width: 1230px;
  height: 577px;
  /* background-color: #5deeff; */
  margin-left: 17%;
}
.dzfw h2{
    background: linear-gradient(180deg, #fff, #5deeff);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    font-size: 40px;
    text-align: center;
    line-height: 40px;
    /* position: relative; */
}
.dzfw .dzpp{
  width: 1230px;
  height: 450px;
  background: url(./img/sy-dzfw-bg2.png);
  margin: 40px 0 0 0;
}


.yxal{
  width: 1230px;
  height: 1880px;
  /* background-color: #5dff78; */
  margin-left: 17%;
}
.yxal h2{
    background: linear-gradient(180deg, #fff, #5deeff);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    font-size: 40px;
    text-align: center;
    line-height: 40px;
    /* position: relative; */
}
.yxal .bg{
  width: 100%;
  height: 1739px;
  background-color: #ededed;
  margin-top: 40px;
  padding-top: 40px;
}
.yxal .bg .al1{
  width: 1120px;
  height: 400px;
  /* background-color: #04cfbe; */
  margin: 0 0 0 55px;
  position: relative;
}
.yxal .bg .al1 img{
  float: left;
  z-index: 2;
  position: absolute;
  top: 0;
}
.yxal .bg .al1 .al1bg{
  width: 100%;
  height: 355px;
  background-color: #202735; 
  position: absolute;
  bottom: 0;
  float: right;
  z-index: 1;
}
.yxal .bg .al1 .al1bg h3{
  color: #e7af36;
  font-size: 26px;
  margin: 50px 0 0 640px;
  line-height: 26px;
}
.yxal .bg .al1 .al1bg h4{
  font-size: 16px;
  margin: 20px 0 0 640px;
  color: #bbc0cc;
  font-weight: 400;
}
.yxal .bg .al1 .al1bg .fg1{
  width: 152px;
  height: 1px;
  background-color: #373d4a;
  margin: 20px 0 0 640px;
}
.yxal .bg .al1 .al1bg .jj{
  width: 430px;
  font-size: 14px;
  line-height: 21px;
  margin: 20px 0 0 640px;
  color: #bbc0cc;
  font-weight: 400;
}
.yxal .bg .al1 .al1bg .fg2{
  width: 430px;
  height: 1px;
  /* background-color: #373d4a; */
  border-top: 1px dashed #373d4a; /* 添加虚线上边框 */
  margin: 20px 0 0 640px;
}
.yxal .bg .al1 .al1bg .gn{
  width: 430px;
  font-size: 14px;
  line-height: 21px;
  margin: 20px 0 0 640px;
  color: #bbc0cc;
  font-weight: 400;
}

.yxal .bg .al2{
  width: 1120px;
  height: 400px;
  /* background-color: #1890ff; */
  margin: 26px 0 0 55px;
  position: relative;
}
.yxal .bg .al2 img{
  float: right;
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
}
.yxal .bg .al2 .al2bg{
  width: 100%;
  height: 355px;
  background-color: #fff; 
  position: absolute;
  bottom: 0;
  float: right;
  z-index: 1;
}
.yxal .bg .al2 .al2bg h3{
  color: #00789f;
  font-size: 26px;
  margin: 50px 0 0 45px;
  line-height: 26px;
}
.yxal .bg .al2 .al2bg h4{
  font-size: 16px;
  margin: 20px 0 0 45px;
  color: #535353;
  font-weight: 400;
}
.yxal .bg .al2 .al2bg .fg1{
  width: 152px;
  height: 1px;
  background-color: #e8e9ea;
  margin: 20px 0 0 45px;
}
.yxal .bg .al2 .al2bg .jj{
  width: 430px;
  font-size: 14px;
  line-height: 21px;
  margin: 20px 0 0 45px;
  color: #535353;
  font-weight: 400;
}
.yxal .bg .al2 .al2bg .fg2{
  width: 430px;
  height: 1px;
  /* background-color: #373d4a; */
  border-top: 1px dashed #e8e9ea; /* 添加虚线上边框 */
  margin: 20px 0 0 45px;
}
.yxal .bg .al2 .al2bg .gn{
  width: 430px;
  font-size: 14px;
  line-height: 21px;
  margin: 20px 0 0 45px;
  color: #535353;
  font-weight: 400;
}

.yxal .bg .al3{
  width: 1120px;
  height: 400px;
  /* background-color: #04cfbe; */
  margin: 26px 0 0 55px;
  position: relative;
}
.yxal .bg .al3 img{
  float: left;
  z-index: 2;
  position: absolute;
  top: 0;
}
.yxal .bg .al3 .al3bg{
  width: 100%;
  height: 355px;
  background-color: #202735; 
  position: absolute;
  bottom: 0;
  float: right;
  z-index: 1;
}
.yxal .bg .al3 .al3bg h3{
  color: #e7af36;
  font-size: 26px;
  margin: 50px 0 0 640px;
  line-height: 26px;
}
.yxal .bg .al3 .al3bg h4{
  font-size: 16px;
  margin: 20px 0 0 640px;
  color: #bbc0cc;
  font-weight: 400;
}
.yxal .bg .al3 .al3bg .fg1{
  width: 152px;
  height: 1px;
  background-color: #373d4a;
  margin: 20px 0 0 640px;
}
.yxal .bg .al3 .al3bg .jj{
  width: 430px;
  font-size: 14px;
  line-height: 21px;
  margin: 20px 0 0 640px;
  color: #bbc0cc;
  font-weight: 400;
}
.yxal .bg .al3 .al3bg .fg2{
  width: 430px;
  height: 1px;
  /* background-color: #373d4a; */
  border-top: 1px dashed #373d4a; /* 添加虚线上边框 */
  margin: 20px 0 0 640px;
}
.yxal .bg .al3 .al3bg .gn{
  width: 430px;
  font-size: 14px;
  line-height: 21px;
  margin: 20px 0 0 640px;
  color: #bbc0cc;
  font-weight: 400;
}

.yxal .bg .al4{
  width: 1120px;
  height: 400px;
  /* background-color: #1890ff; */
  margin: 26px 0 0 55px;
  position: relative;
}
.yxal .bg .al4 img{
  float: right;
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
}
.yxal .bg .al4 .al4bg{
  width: 100%;
  height: 355px;
  background-color: #fff; 
  position: absolute;
  bottom: 0;
  float: right;
  z-index: 1;
}
.yxal .bg .al4 .al4bg h3{
  color: #00789f;
  font-size: 26px;
  margin: 50px 0 0 45px;
  line-height: 26px;
}
.yxal .bg .al4 .al4bg h4{
  font-size: 16px;
  margin: 20px 0 0 45px;
  color: #535353;
  font-weight: 400;
}
.yxal .bg .al4 .al4bg .fg1{
  width: 152px;
  height: 1px;
  background-color: #e8e9ea;
  margin: 20px 0 0 45px;
}
.yxal .bg .al4 .al4bg .jj{
  width: 430px;
  font-size: 14px;
  line-height: 21px;
  margin: 20px 0 0 45px;
  color: #535353;
  font-weight: 400;
}
.yxal .bg .al4 .al4bg .fg2{
  width: 430px;
  height: 1px;
  /* background-color: #373d4a; */
  border-top: 1px dashed #e8e9ea; /* 添加虚线上边框 */
  margin: 20px 0 0 45px;
}
.yxal .bg .al4 .al4bg .gn{
  width: 430px;
  font-size: 14px;
  line-height: 21px;
  margin: 20px 0 0 45px;
  color: #535353;
  font-weight: 400;
}

.gywm{
  width: 1230px;
  height: 400px;
  /* background-color: #805dff; */
  margin-left: 17%;
}
.gywm .bg{
  width: 100%;
  height: 383px;
  /* background-color: #04cfbe; */
  position: relative;
}
.gywm .bg img{ 
  float: left;
  position: absolute;
  z-index: 2;
}
.gywm .bg h3{
  font-size: 30px;
  color: #fff;
  font-weight: 300;
  position: absolute;
  left: 485px;
}
.gywm .bg h4{
    background: linear-gradient(180deg, #fff, #5deeff);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    font-size: 24px;
    line-height: 24px;
    position: absolute;
    left: 485px;
    top: 50px;
    font-weight: 400;
    /* position: relative; */
}
.gywm .bg .jjk{
  width: 767px;
  height: 285px;
  float: right;
  background-color: #fff;
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
}
.gywm .bg .jjk h5{
  font-size: 20px;
  color: #666; 
  margin-top: 20px;
  margin-bottom: 10px;
  text-align: center;
}
.gywm .bg .jjk .dl1{
  width: 690px;
  font-size: 14px;
  color: #7b7b7b;
  margin-left: 30px;
  text-indent: 2em;
}
.gywm .bg .jjk .dl2{
  width: 690px;
  font-size: 14px;
  color: #7b7b7b;
  margin-left: 30px;
  margin-top: 30px;
  text-indent: 2em;
}
.gywm .bg .jjk .dl3{
  width: 690px;
  font-size: 14px;
  color: #7b7b7b;
  margin-left: 30px;
  margin-top: 30px;
  text-indent: 2em;
}

.dt{
  width: 1230px;
  height: 474px;
  /* background-color: #f3a473; */
  margin-left: 17%;
}

.foot{
  width: 1230px;
  height: 86px;
  /* background-color: #f3a; */
  margin-left: 17%;
}
.foot .fgx{
  width: 100%;
  height: 1px;
  background-color: #3c67a3;
}
.foot p{ 
  text-align: center;
  color: #fff;
  line-height: 86px;
}



/* ================================================================
   响应式适配 — 仅追加，不修改原有样式
   ================================================================ */

/* 图片防溢出 */
/* 图片防溢出 */
img {
  max-width: 100%;
  height: auto;
}

/* ----- 平板 (≤1280px) ----- */
@media (max-width: 1520px) {
  /* 所有原来 margin-left:17% 的区块，缩窄左间距 */
  .logo { margin-left: 9%; }
  .nr-banner .ys { margin-left: 9%; }
  .jgt-zjj,
  .sjgx,
  .ldys,
  .fwlc,
  .dzfw,
  .yxal,
  .gywm,
  .dt,
  .foot {
    width: calc(100% - 10%);
    max-width: 1230px;
    margin-left: 9%;
  }

  /* 数据共享卡片从固定600px改为48% */
  .sjgx .pc,
  .sjgx .wx,
  .sjgx .pda,
  .sjgx .znzd {
    width: 48%;
    height: auto;
    min-height: 247px;
  }
  h2{
    margin-top: 70px;
  }
  .jgtbt{
    margin-top: 0px;
  }

  /* 6大优势卡片从固定392px改为32% */
  .ldys {
    height: auto;
    overflow: hidden;
  }
  .ldys .zssy,
  .ldys .bxzt,
  .ldys .bxgn,
  .ldys .cpjl,
  .ldys .jfym,
  .ldys .mfsh {
    width: 32%;
    height: auto;
    min-height: 226px;
    margin-left: 1%;
    margin-bottom: 10px;
  }
  .ldys .zssy:first-of-type {
    margin-left: 0;
  }

  /* 架构图整体 */
  .nr-jgt {
    height: auto;
    overflow: hidden;
  }

  /* 定制服务背景图 */
  .dzfw .dzpp {
    width: 100%;
    height: 0;
    padding-bottom: 37%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  .dzfw {
    height: auto;
  }

  /* 优秀案例 */
  .yxal {
    height: auto;
  }
  .yxal .bg {
    height: auto;
    overflow: hidden;
  }
  .yxal .bg .al1,
  .yxal .bg .al2,
  .yxal .bg .al3,
  .yxal .bg .al4 {
    width: calc(100% - 40px);
    margin-left: 20px;
  }

  /* 关于我们 */
  .gywm {
    height: auto;
    margin-top: 60px;
  }
  .gywm .bg {
    height: auto;
    min-height: 383px;
  }

  /* 地图 */
  .dt {
    height: auto;
    margin-top: 20px;
  }
  .dt img {
    width: 100%;
  }

  /* 服务流程背景图缩放 */
  .fwlc {
    height: auto;
  }
  .fwlc .fwlc-bg {
    width: 100%;
    height: 0;
    padding-bottom: 38%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
  }

  /* 底部 */
  .foot {
    height: auto;
  }
  .foot p {
    line-height: 40px;
    padding: 10px 0;
  }
}

/* ----- 小平板/大手机 (≤1024px) ----- */
@media (max-width: 1024px) {
  /* 进一步缩小左间距 */
  .logo { margin-left: 3%; }
  .nr-banner .ys { margin-left: 3%; }
  .jgt-zjj,
  .sjgx,
  .ldys,
  .fwlc,
  .dzfw,
  .yxal,
  .gywm,
  .dt,
  .foot {
    margin-left: 3%;
    width: calc(100% - 6%);
  }

  .nr-banner {
    height: auto;
    min-height: 522px;
  }
  .nr-banner .banner {
    display: none;
  }

  /* 数据共享单列 */
  .sjgx {
    height: auto;
    overflow: hidden;
  }
  .sjgx .pc,
  .sjgx .wx,
  .sjgx .pda,
  .sjgx .znzd {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-right: 0;
  }

  /* 6大优势两列 */
  .ldys .zssy,
  .ldys .bxzt,
  .ldys .bxgn,
  .ldys .cpjl,
  .ldys .jfym,
  .ldys .mfsh {
    width: 48.5%;
    margin-left: 0;
  }

  /* 案例区域 */
  .yxal .bg .al1,
  .yxal .bg .al2,
  .yxal .bg .al3,
  .yxal .bg .al4 {
    height: auto;
    min-height: 350px;
  }
}

/* ----- 手机 (≤768px) ----- */
@media (max-width: 768px) {
  /* 手机端左间距最小化 */
  .logo { margin-left: 15px; }
  .nr-banner .ys { margin-left: 0; }
  .jgt-zjj,
  .sjgx,
  .ldys,
  .fwlc,
  .dzfw,
  .yxal,
  .gywm,
  .dt,
  .foot {
    margin-left: 15px;
    margin-right: 15px;
    width: calc(100% - 30px);
  }

  .header {
    height: auto;
    min-height: 50px;
    padding: 10px 15px;
    display: flex;
    flex-wrap: wrap;
  }
  .logo {
    margin-left: 0;
  }
  .header-links {
    width: 100%;
    justify-content: center;
    margin-left: 0;
    margin-top: 5px;
    height: auto;
  }
  .header-link {
    line-height: 1.5;
    padding: 4px 8px;
    font-size: 14px;
  }

  .nr-banner .ys {
    margin-left: 0;
  }
  .nr-banner .ys .p {
    width: 100%;
  }

  /* 架构图改为竖排 */
  .nr-jgt .rlzy, .nr-jgt .xzgl, .nr-jgt .xsgl, .nr-jgt .cggl,
  .nr-jgt .kcgl, .nr-jgt .wlgl, .nr-jgt .wwgl, .nr-jgt .zzsc,
  .nr-jgt .zlgl, .nr-jgt .sbgl, .nr-jgt .gyzb, .nr-jgt .yfgl,
  .nr-jgt .cwkj, .nr-jgt .grzx, .nr-jgt .yyzx, .nr-jgt .wxxcx,
  .nr-jgt .dhsc, .nr-jgt .pda, .nr-jgt .pbdn {
    width: 100%;
    float: none;
    min-height: 40px;
  }
  .nr-jgt .rlzy-nr, .nr-jgt .xzgl-nr, .nr-jgt .xsgl-nr, .nr-jgt .cggl-nr,
  .nr-jgt .kcgl-nr, .nr-jgt .wlgl-nr, .nr-jgt .wwgl-nr, .nr-jgt .zzsc-nr,
  .nr-jgt .zlgl-nr, .nr-jgt .sbgl-nr, .nr-jgt .gyzb-nr, .nr-jgt .yfgl-nr,
  .nr-jgt .cwkj-nr, .nr-jgt .grzx-nr, .nr-jgt .yyzx-nr, .nr-jgt .wxxcx-nr,
  .nr-jgt .dhsc-nr, .nr-jgt .pda-nr, .nr-jgt .pbdn-nr {
    width: 100%;
    float: none;
    margin-left: 0;
  }

  /* 6大优势单列 */
  .ldys .zssy,
  .ldys .bxzt,
  .ldys .bxgn,
  .ldys .cpjl,
  .ldys .jfym,
  .ldys .mfsh {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-right: 0;
  }

  /* 服务流程去掉背景图改为列表 */
  .fwlc .fwlc-bg {
    background: none;
    height: auto;
    padding-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
  }
  .fwlc .fwlc-bg .lc-1,
  .fwlc .fwlc-bg .lc-2,
  .fwlc .fwlc-bg .lc-3,
  .fwlc .fwlc-bg .lc-4,
  .fwlc .fwlc-bg .lc-5,
  .fwlc .fwlc-bg .lc-6,
  .fwlc .fwlc-bg .lc-7,
  .fwlc .fwlc-bg .lc-8 {
    float: none;
    width: 45%;
    margin-left: 0;
    margin-top: 0;
    height: auto;
    min-height: 104px;
    background-color: rgba(255,255,255,0.08);
    border-radius: 8px;
  }
  .fwlc .fwlc-bg .lc-1 p,
  .fwlc .fwlc-bg .lc-2 p,
  .fwlc .fwlc-bg .lc-3 p,
  .fwlc .fwlc-bg .lc-4 p,
  .fwlc .fwlc-bg .lc-5 p,
  .fwlc .fwlc-bg .lc-6 p,
  .fwlc .fwlc-bg .lc-7 p,
  .fwlc .fwlc-bg .lc-8 p {
    width: auto;
    margin: 10px;
    line-height: 22px;
  }
  .fwlc .fwlc-bg .lc-1 h3,
  .fwlc .fwlc-bg .lc-2 h3,
  .fwlc .fwlc-bg .lc-3 h3,
  .fwlc .fwlc-bg .lc-4 h3,
  .fwlc .fwlc-bg .lc-5 h3,
  .fwlc .fwlc-bg .lc-6 h3,
  .fwlc .fwlc-bg .lc-7 h3,
  .fwlc .fwlc-bg .lc-8 h3 {
    margin-top: 10px;
  }
  .fwlc .fwlc-bg .lc-8 p,
  .fwlc .fwlc-bg .lc-7 p,
  .fwlc .fwlc-bg .lc-6 p,
  .fwlc .fwlc-bg .lc-5 p {
    line-height: 22px;
  }

  /* 案例卡片 */
  .yxal .bg .al1,
  .yxal .bg .al2,
  .yxal .bg .al3,
  .yxal .bg .al4 {
    height: auto;
    min-height: auto;
  }
  .yxal .bg .al1 img,
  .yxal .bg .al3 img {
    position: static;
    width: 100%;
    float: none;
    display: block;
  }
  .yxal .bg .al2 img,
  .yxal .bg .al4 img {
    position: static;
    width: 100%;
    float: none;
    display: block;
  }
  .yxal .bg .al1 .al1bg,
  .yxal .bg .al2 .al2bg,
  .yxal .bg .al3 .al3bg,
  .yxal .bg .al4 .al4bg {
    position: static;
    height: auto;
    padding: 20px;
  }
  .yxal .bg .al1 .al1bg h3,
  .yxal .bg .al3 .al3bg h3 { margin-left: 0; }
  .yxal .bg .al1 .al1bg h4,
  .yxal .bg .al3 .al3bg h4 { margin-left: 0; }
  .yxal .bg .al1 .al1bg .fg1,
  .yxal .bg .al3 .al3bg .fg1 { margin-left: 0; }
  .yxal .bg .al1 .al1bg .jj,
  .yxal .bg .al3 .al3bg .jj { margin-left: 0; width: 100%; }
  .yxal .bg .al1 .al1bg .fg2,
  .yxal .bg .al3 .al3bg .fg2 { margin-left: 0; width: 100%; }
  .yxal .bg .al1 .al1bg .gn,
  .yxal .bg .al3 .al3bg .gn { margin-left: 0; width: 100%; }

  /* 关于我们 */
  .gywm .bg img {
    position: static;
    width: 100%;
    float: none;
  }
  .gywm .bg h3 {
    position: static;
    text-align: center;
    padding-top: 15px;
  }
  .gywm .bg h4 {
    position: static;
    text-align: center;
  }
  .gywm .bg .jjk {
    position: static;
    width: 100%;
    height: auto;
  }
  .gywm .bg .jjk .dl1,
  .gywm .bg .jjk .dl2,
  .gywm .bg .jjk .dl3 {
    width: calc(100% - 60px);
  }
}

/* ----- 小手机 (≤480px) ----- */
@media (max-width: 480px) {
  .header-link {
    font-size: 12px;
  }
  .fwlc .fwlc-bg .lc-1,
  .fwlc .fwlc-bg .lc-2,
  .fwlc .fwlc-bg .lc-3,
  .fwlc .fwlc-bg .lc-4,
  .fwlc .fwlc-bg .lc-5,
  .fwlc .fwlc-bg .lc-6,
  .fwlc .fwlc-bg .lc-7,
  .fwlc .fwlc-bg .lc-8 {
    width: 100%;
  }
}