html{font-size: 100px;}
body{font-family: "微软雅黑";background-color: #fff; font-size: .18rem!important; line-height: 1.75;}

a { text-decoration: none ;    transition: all .2s;}

a:hover {    font-weight: bold;}

/* 通用 */
.bt-height-8{height: 8px;}
.bt-height-16{height: 16px;}
.bt-height-20{height: 20px;}
.bt-height-26{height: 26px;}
.bt-nowrap{display: block;}
.padding16{padding: 16px;}
.area{}
.areatit{font-size: 32px;color: #fff; line-height:94px;height: 97px;padding:0 26px;font-weight: 600; background: url(sfzsl2025titbg@3x.png) no-repeat center center; text-align: center; z-index: 10; position: relative; background-size: 536px auto;}
.areatit a{color:#fff;}
.area-cont{padding:.9rem .36rem .26rem; box-sizing: border-box;display: flex; background: linear-gradient(to bottom, #dcefff 16px, #ffffff 60px); margin-top: -70px;box-shadow: 0 2px 6px rgba(0,0,0,.2);border-radius: 16px; }

.ellipsis{overflow: hidden;  text-overflow: ellipsis;white-space:nowrap;}



.font20{font-size: 20px;}
.dColors{color: #ff7b22; font-weight: 600;}
.dColors-black{color: #1a1a1a; font-weight: 600;}
.dColors-blue{color: #5a636b;}
.dColors-black{color: #333; font-weight: bold; font-size: 20px;}
.cgradient{background: linear-gradient(to right, #ffc822 , #ff7b22 ); color: #fff; padding:.06rem .2rem;border-radius:.3rem;}

.zctitbg{background: linear-gradient(to right, #ddf3ff, #ffffff); box-shadow: 1px 1px 3px  rgba(0, 0, 0, .2);padding:6px 36px; }
.round{width: 36px; height: 36px; text-align: center; display:block;background-color: #a8a8a8;color: #fff; border-radius:18px; line-height: 36px;}
/* 爬楼 */
.steps{ border-right:2px solid #97b3c3;position: fixed;    left: 20px;    top: 50%;    transform: translateY(-50%);    display: none;    z-index: 999; padding-right: 13px;}
.steps li{position: relative;}
.steps li a{display: block; line-height: 1.5;font-size: 16px; text-align: right;max-width:220px;padding: 10px 16px; border-radius: 30px;}
.steps li a::after{content: ''; width: 12px; height: 12px; background-color: #97b3c3; position: absolute; right: -20px; top: calc(50% - 6px);border-radius: 50%;}
.steps li.active a {  background-color:#2772be;  color: #fff;    font-weight: bold;   }
.steps li.active a::after{background-color: #2772be;}


/* 弹窗 */

.modal-overlay {  display: none;  position: fixed;  top: 0;  left: 0;  width: 100%;
  height: 100%;  background: rgba(0,0,0,0.8);  z-index: 999;}
.modal-box {  position: fixed; top: 0; left: 50%;  transform: translatex(-50%);bottom: 0;
  background: white;  padding: 20px;  border-radius: 5px;  box-shadow: 0 0 10px rgba(0,0,0,0.3);  z-index: 1000; text-align: center;}
  .modal-box img{ max-height: 90%; width: auto}
.close-btn {  float: right;  cursor: pointer;padding-bottom: 20px;font-size: 14px; width: 100%; display: block; text-align: right;}
/* 弹窗 end*/

.contain {    max-width: 1200px; width: 100%; min-width: 320px;   margin: 0 auto; margin-top: -125px;}

.contain a{text-decoration: underline;}

/* 当前位置 */
.position {  width: 100%;  max-width: 1200px;  min-width: 320px;  background-image: url(position.jpg);  background-repeat: no-repeat;  background-position: 10px center;  height: 40px;  line-height: 40px;
  padding-left: 28px;  display: block;  margin: 0 auto;}
.position a { font-size: 12px;}

.position td {  font-size: 12px;}

/* banner */
.banner{background: url(sfzslbannerbg.png) no-repeat center top; height: 5.58rem;}
.banner img{display: none; width: 100%;}

/* 模块2 */

.area2-2{display: flex;flex-direction: column;gap:.16rem ; flex: 1;justify-content: center;}
.area2-2>span{display: flex;align-items: center;font-size: .22rem; gap: .16rem;}
.area2-2 a{width: 100%; text-decoration: underline;}

.area2-2-1{display: grid;grid-template-columns: 49% 49%;; grid-gap: .08rem .2rem;}
.area2-2-1 li{background-color: #eaf7ff; border-radius:.1rem; padding:.26rem;box-sizing: border-box; position: relative; padding-top: .36rem;}
.area2-2-1 li span{  position: absolute; top: -.22rem; left: 0;font-weight: 600;}

.area3-1{display: flex; gap: .2rem; align-items: stretch;}
.area3-1 div{background-size: 3.56rem auto; display: flex;flex-direction: column;padding:.2rem;  flex: 1; gap: .2rem;justify-content: flex-end;align-items: center; background-repeat: no-repeat;}
.area3-1 div:nth-child(1){background-image: url(sfzslarea2-1@3x.png) ; }
.area3-1 div:nth-child(2){background-image: url(sfzslarea2-2@3x.png); }
.area3-1 div:nth-child(3){background-image: url(sfzslarea2-3@3x.png); }
.area3-1 div span{font-weight: 600; text-align: center; font-size: .24rem;}
.e2725d{color: #ff765c;}
.be2725d{background-color: #ff765c;}
.c618ff4{color: #618ff4;}
.bc618ff4{background-color: #618ff4;}
.c229ed8{color: #229ed8;}
.bc229ed8{background-color: #229ed8;}

.area3-1 div .take{width: 70%; height: 42px; margin-top: auto; text-align: center;line-height: 42px;border-radius: 16px; }
.area3-1 div .take{ color:#fff;}


/* 模块4 */
.area4{justify-content:unset;position: relative; display: block;}
.area4-tit{display: flex; justify-content: space-between; }
.area4-tit .tit{ font-size:.22rem;color:#ff7b22;font-weight: bold;}
.area4-tit .tit img{width: .26rem;margin-right: .16rem;}
.area4-tit .titinfo{position: relative;}
.area4-tit .titinfo .area-tel{z-index: 9;position: absolute; top: .44rem; color: #000; width: 1.4rem;  background: #ebebeb;  text-align: center; display: none;}
.area4-tit .titinfo .area-tel li{line-height: .46rem;}
.area4-tit .titinfo .area-tel li:hover{background-color: #ffc822  ;}
.area4-1{  width: 100%;}
.area4-1 li{border: 1px solid #d5e1e9;padding:.16rem; margin-top: -1px;}
.area4-1 li:nth-child(even){background-color: #eaf7ff;}
.area4-1-adress{text-align: center; font-size: .16rem; color: #464646; position: relative;}
.area4-1-adress img{width: .2rem;vertical-align: text-bottom;}
.area4-1-tel{background-color:#00a7ff; border-radius: .16rem; color: #fff;padding:.06rem .16rem;margin-left: .1rem;}
.address{background-color: #ff9022; color:#fff;position: absolute; top: -.02rem; right:.9rem;white-space: nowrap;padding:.02rem .16rem; border-radius: .16rem; display: none;}


/* 模块5 */
.area5-cont{display: block;}
.area5-cont .tit{background-image: url(sfzslxcb2025.png);background-repeat: no-repeat; background-position: center center; text-align: center; padding:.16rem 0 .26rem; background-size: 6.4rem auto; font-size: 32px;}
.area5-cont .tit-xs{background-image: url(sfzslxsb2025.png);}
.area-xcb-cont{background: url(sfzslbllcbg.png) no-repeat center top 1rem; background-size: 4.66rem auto; position: relative; height: 7.1rem;}
.area-xcb-cont div{padding:.2rem .2rem .34rem .2rem; position: absolute;}
.area-xcb-cont .lc1{background-image:url(sfzslbllc01.png);background-repeat: no-repeat; background-position: center top; background-size: auto .84rem;left: 50%; transform: translateX(-50%); width:9.36rem; text-align: center;text-align: center;}
.area-xcb-cont .lc2{background-image:url(sfzslbllc02.png);background-repeat: no-repeat; background-position: left top;  right: .1rem; top:2.3rem; background-size: auto 1.44rem;width: 3.16rem; height:1.6rem; padding-left: .3rem;}
.area-xcb-cont .lc3{background-image:url(sfzslbllc03.png); top: 4.4rem; right: .36rem;}
.area-xcb-cont .lc4{background-image:url(sfzslbllc04.png); bottom: 0; padding-top: .34rem;
}

.area-xcb-cont .lc5{background-image:url(sfzslbllc05.png); left: .36rem; right: unset;top: 4.4rem; }
.area-xcb-cont .lc6{background-image:url(sfzslbllc06.png);left: .1rem;}

.xcb-lcimg li{background-color: #3691db;  color: #fff; padding:.1rem .2rem;}
.xcb-lcimg li span{background-color: #fff; border-radius: .2rem; padding:.02rem .16rem; color: #3691db; font-size: .16rem; }


.xsb-cont-tit{display: flex;background-color: #f3f3f3;align-items: center; padding-right: .2rem;flex-direction: row-reverse;}
.xsb-lc{width: 4.48rem; background-color: #0d78d6; color: #fff; line-height: .6rem;  height: .6rem; border-top-left-radius: .16rem;border-top-right-radius: .16rem;font-size: .28rem; text-align: center;}
.xsb-lc-right{flex: 1; text-align: right;display: flex; justify-content: flex-end; }
.xsb-lc-right img{width: 22px; vertical-align: middle;margin: 0  .16rem;}

.xsb-cont-info{  display: flex; border: 1px solid #b7d7e9; position:relative;}
.xsb-cont-info .tab{width: 4.48rem; background-color: #eff9ff; display: flex;flex-direction: column;align-items: center;}
.xsb-cont-info .hd{position: relative; flex: 1; padding: .1rem ; }
.xsb-cont-info .tab li:last-child{border-bottom: none;}
.xsb-cont-info .tab span{flex: 0 0 36px; margin-right: .06rem;}
.xsb-cont-info .tab li{background-color: #eff9ff;height: 1.32rem;padding-left:.2rem; border-bottom: 1px solid #b7d7e9;height:1.26rem;display: flex;align-items: center;padding-right: .2rem; width: 100%;}
.xsb-cont-info .tab li.on {background-color: #0084f8; color: #fff; position: relative;}
.xsb-cont-info .tab li.on::after{content: ""; width: 0; height: 0; border-top: 10px solid transparent;border-bottom: 10px solid transparent; border-left: 16px  solid  #0084f8;position: absolute; top: calc(50% - 5px);right:-10px}
.xsb-cont-info .tab .on span{background-color:#eff9ff ;color: #1332b1;}
/* .xsb-cont-info .tab li .hd{position: absolute; right: 0; top: 0;} */
.hd-lcimg{width: 4.2rem;height: 6rem; overflow: hidden; margin: 0 auto;}
.hd li{display: none;}
.hd li:first-child{display: block;}
.hd span{position: absolute; bottom: .4rem; right: .8rem; font-size: .16rem; padding:.02rem .16rem; background-color: #c3c3c3;border-radius: .2rem;}
.hd-lcimg img{width: 100%;}
.hd li span>img{width: .2rem; margin-right:.06rem;}

.xsb-cont-app{flex-direction: column;gap: .2rem;padding-top: .2rem; display: none;}
.xsb-cont-app-img{ text-align: center;}
.xsb-cont-app-img img{width: 80%;}

/*模块6 */
.area6-cont{}
.area6-cont>img{width: 2.6rem; margin-right: .4rem;}
.area6-cont-info{display: flex;flex-direction: column;gap: .1rem;}
.area6-cont-info span{width: 1.3rem;}

/* 常见问题 */
.area7-1{}
.area7-1 li{padding:.26rem; margin-bottom: .16rem; border-radius: .1rem; border-bottom:1px solid #cad8e2;}
.area7-1 li:last-child{border-bottom: none;}
.area7-1 li::before{content: attr(data-index);width: .26rem; height: .26rem; background-color: #0181f7;margin-top: .06rem; display: inline-block; float: left; text-align: center; border-radius: .03rem; color: #fff; margin-right: .1rem;line-height: .26rem;}
.area7-1 li:nth-child(-n+2):before{background-color: #ff7b22;}
.area7-1 li>a{font-weight: bold; text-decoration: underline; margin-bottom: .1rem;display: flex;gap: .16rem;}
  .area7-1 li>p{display: flex;gap: .16rem; padding-left:.3rem;}
.sellipsis{overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; color:#787878; }

.bot-banner{display: flex; gap: 16px;}
.bot-banner a{flex: 1 1 50%;}
.bot-banner a img{width: 100%;}
.hz{text-align: center;}
@media screen and (max-width: 1440px) {
   .steps{display: none!important;}
}

@media (max-width:768px) {
  .bt-height-40{height: 20px;}  
  .bt-height-50{height: 26px;}
.contain{margin-top: 20px; font-size: 18px;}
.banner{height: auto; background: none;}
    .banner img{display: block; background: none;}
    .area-cont{padding: 16px; margin-top:10px; border-radius: 0;}

    .area2-2{padding:.16rem;}
    .area2-2 span{font-size: 18px;}
    .areatit{font-size: 25px;line-height:1.5;padding: 16px;font-weight: bold; background: none; color: #1876c6; height: auto;}
    .areatit a{ color: #1876c6; }
    /* .area2-1{display: none;} */
.area2-2-1{grid-template-columns: 100%;}
.area3-1{flex-direction: column;}
.area3-1 div{width: 100%; background-size: 100%;}

.area4-tit .titinfo{ height: auto; line-height: 1.5;}
.area-xcb-cont{background: none; height: auto;}
.xcb-lcimg li span{display: none;}
.area4-1 li {flex-direction: column; display: flex;gap: .16rem; text-align: center;}
.area-xcb-cont div{position: unset; width: 100%!important;left:0!important; background-color:#dcecf7;background-image: none!important; margin-bottom: 10px;padding:.16rem;height: auto !important; text-align: center;}
.area-xcb-cont .lc1{transform: translateX(0);}
.area5-cont .tit-xs{background-image: none!important;}
.xsb-lc-right,.xsb-cont-tit,.xsb-cont-info{flex-direction: column;padding-right: 0;}
.xsb-lc{width: 100%;font-size:.2rem}
.xsb-cont-info .tab{width: 100%;}
.xsb-lc-right a{padding-top: .16rem;padding: .05rem;}

.xsb-cont-info{display: none;}
.xsb-cont-app{display: flex;}
.area6-cont>img{display: none;}



.area7-1 li{padding: 10px;}

.modal-box{left: .1rem;right: .1rem;top: .1rem; bottom: .1rem;  transform: translatex(0);}
.modal-box img{max-width: 90%;}

.hz{padding:0 16px}
.hz img{display: none;}
.bot-banner{flex-direction: column;}
   
}

/* 老年版本 */
.whpageold .contain{margin-top: -59px;}
.whpageold .area1{background-image:none;background-color: #1876c6;padding-top: 26px;padding-bottom: 26px; border-radius: 16px;}
/* .whpageold .area1-1{background-size: 500px;font-size: 42px;margin-left: -27px;}
.whpageold .area1-2{font-size: 30px; padding-right:56px;padding-top: 16px;} */
.whpageold .area2-2-1{flex-direction: column;display: flex;gap: .4rem;margin-top: .4rem;margin-bottom: .4rem;}
.whpageold .area2-2-1 li{padding-top: .6rem;}
.whpageold .area3-1 div span{font-size: .36rem;}
.whpageold .area2-2 span{font-size: 32px;}
.whpageold .area3-1 div{background-size: auto 100%;}
.area3-1 div .take{height: auto; line-height:1.5; padding:0 .16rem;width: 90%;}
.whpageold  .areatit{font-size: 38px; background-size: 600px;height: 119px; line-height: 106px;}

.whpageold  .area-cont{font-size: 32px;}
.whpageold  .area2-2-1{grid-template-columns: 100%;  grid-template-rows: 56px;}
.whpageold .area4-1-tel{font-size: .26rem;}
.whpageold .area4-1 li{display: flex; flex-direction: column; text-align: center;gap: .2rem;}
.whpageold .area4-1-adress img{width: .30rem;margin-right: .16rem;}
.whpageold .area4-1-adress{font-size: .28rem;}
.whpageold .address{top: .6rem;width: 100%;right: 0;}
.whpageold .area5-cont .tit{font-size: .40rem;}
.whpageold .area-xcb-cont .lc1{background-size: 100% 100%;}
.whpageold .area-xcb-cont{background-position: center center; height: 8.6rem;}

.whpageold .area-xcb-cont .lc2{background-size: 100% 100%; height: 2rem;}
.whpageold .area-xcb-cont .lc3{top: 5rem;}
.whpageold .xcb-lcimg{margin-top: .4rem;}
.whpageold .xcb-lcimg li span{font-size: .28rem;}

.whpageold .xsb-cont-info .tab li{height: 2rem;}
.whpageold .hd-lcimg{height: 9.6rem; width: 5.2rem;}
.whpageold .area6-cont-info span{width: 2rem;}

.whpageold .area7-1 li::before{width: .4rem; height: .4rem;line-height: .4rem;}
.whpageold .area-cont{margin-top: -.84rem;}




  .whpageold .area4-1{font-size: 32px;}
  .whpageold .area4-tit .tit{font-size: 32px;}
  .whpageold .area4-tit .titinfo{font-size: 30px;}

  .whpageold .area4-1 li p{height:186px}
  .whpageold .area4-1 li p span{flex: 0 0 46px;}
  .whpageold .round{width: 46px; height: 46px; border-radius: 23px; line-height: 46px;}
  .whpageold .ccsqlc li:nth-child(2n+2){font-size: 20px;}
  .whpageold .ccsqlc li div{font-size: 28px; height: auto; background: #eff7fd; padding:20px 16px;}
  .whpageold .ccsqlc li div span{width: 200px;}
  .whpageold  .area5-ul{grid-template-columns:100%;}
  .whpageold  .area5-ul li span{font-size: 26px; width:56px; height: 36px; line-height: 36px;}
  .whpageold  .dColors-black{font-size: 32px;}
  .whpageold  .area2-2{gap: unset;}
  .whpageold .area7-1 li img{width: 60px;}