body{font-family: "微软雅黑";background-color: #fff; font-size: 18px!important; line-height: 1.75;}
.contain {    max-width: 1200px; width: 100%; min-width: 320px;   margin: 0 auto; margin-top: -59px;}

a { text-decoration: none !important;    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{box-shadow: 0 2px 6px rgba(0,0,0,.2);border-radius: 16px;background-color: #fff;box-sizing: border-box; border: 1px solid #b8d6ff;}
.areatit{background-color: #206abb;font-size: 32px;color: #fff; line-height: 82px;padding:0 26px;display: flex;justify-content: space-between;  align-items: center;border-top-left-radius: 16px;border-top-right-radius: 16px; font-weight: 600;}
.areatit a{color:#fff;}
.area-cont{padding: 16px 36px; box-sizing: border-box;display: flex; justify-content: center; border-bottom-left-radius: 16px;border-bottom-right-radius: 16px; }

.ellipsis{overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;}



.font20{font-size: 20px;}
.dColors{color: #e65454; font-weight: 600;}
.dColors-black{color: #333; font-weight: 600;}
.dColors-blue{color: #2772be;}
.dColors-black{color: #333; font-weight: bold; font-size: 20px;}

.zctitbg{background: linear-gradient(to right, #ddf3ff, #ffffff); box-shadow: 1px 1px 3px  rgba(0, 0, 0, .2);padding:6px 36px; }
.round{width: 30px; height: 30px; text-align: center;top: 6; left: -10px; display:block;background-color: #23affc; position: absolute;color: #fff; border-radius:15px; line-height: 30px;}
/* 爬楼 */
.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;}

/* 当前位置 */
.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(cszmbanner2025.jpg) no-repeat center top; height: 500px;}
.banner img{display: none; width: 100%;}

/* 模块1 */
.area1{border-top-left-radius: 86px; border-bottom-right-radius:86px;display: flex;background:#fff url(cszmmcjs2025.png) no-repeat left top;padding:30px 0; align-items: center;}
.area1-1{margin-left:36px ;margin-right: 100px; width: 16px;  font-size: 26px;  color: #fff;  font-weight: bold;  line-height: 34px;  box-sizing: border-box;}
.area1-2{padding-right: 26px;color: #3556af;font-weight: 600;font-size: 20px;}


/* 模块2 */

.area2-2{display: flex;flex-direction: column;gap:20px ; padding: 26px 0 26px 16px;}
.area2-2 span{display: flex;gap: 16px;align-items: center;font-size: 22px;}
.area2-2 a{color: #e65454; margin-top: -10px;}


.area3-1{background:url(cszmarea3bg.png) no-repeat center center;padding:100px 0 100px 120px;font-size: 30px; color: #fff;}

/* 模块4 */
.area4{justify-content:unset;position: relative; display: block;padding-bottom:40px;}
.area4-tit{background: url(cszmarea4-tit.png) no-repeat left center; color: #fff; font-size: 28px;left: -24px;height: 98px; line-height:78px;padding-left:54px; position: absolute; box-sizing: border-box; width: 422px; top:50px;}
.area4-tit img{margin-right: 10px;}
.area4-1{margin-top: 120px; display:flex; padding:30px 0;column-gap:40px;}
.area4-1-1{flex: 2;display: flex;flex-direction: column;row-gap: 6px;}
.area4-1-2{font-size: 16px;}
.area4-1-1-ul li{background-color: #e7f8ff; border-radius: 6px; margin-bottom: 26px; position: relative; border: 1px solid #00a0e9; border-left: 60px solid #00a0e9; padding:22px 30px 22px 36px;}
.area4-1-1-ul li:last-child{margin-bottom: 0;}

.area4-1-1-ul li::before{position: absolute;content: attr(name); width: 60px; height: 28px; background: url(cszmarea4-3.png) no-repeat right; left:-46px; top: calc(50% - 14px); color: #fff;}

.area4-1-2>p{color: #3556af;  text-align: right; background:url(cszmarea4-1.png) no-repeat right center;padding-right: 20px;}
.area4-1-2 ul{border-radius: 6px;  border: 1px solid #dabfbf; text-align: center;}
.area4-1-2 ul li{position: relative;}
.area4-1-2 ul p{background-color: #ffebeb;padding:12px 16px;font-size: 16px;border: 1px solid #dabfbf;}
.area4-1-2 ul img{max-width:90%; margin: 16px auto; display: none; max-height:278px;}
.area4-tit2{top:760px;}

.area4-2{margin-top: 200px;display: flex; gap:20px;}
.area4-2-1{border: 1px solid #1a95eb;flex: 1;}
.area4-2-tit{background: url(cszmarea5-1.png) no-repeat center top; color: #fff; font-size: 30px; font-weight: 600;margin-top: -10px;height: 109px; line-height: 96px;text-align: center;}
.area4-2-tit1{background: url(cszmarea5-2.png) no-repeat center top;}
.area4-2-2{ border: 1px solid #e54b4c;}

.area4-2-1-1{display: grid; grid-template-columns:16% 54% 30%; border-top:1px solid #9ccef1;}
.area4-2-1-1 span{padding:20px 10px;} 
.area4-2-1-1 span.eofeff{background-color:#e0f3ff}
.area4-2-1-1 span.tit{background-color: #419ed9;color:#fff;text-align: center;}


.area4-2-2 ul li{ text-align: center; margin-bottom: 14px;}
.area4-2-2 ul li:last-child{margin-bottom: 0;}
.area4-2-2 ul li p{padding: 17px; display: flex; background-color: #ffebeb; border-top: 1px solid #ec9595; border-bottom: 1px solid #ec9595; align-items: center; text-align: left;}
.area4-2-2 ul li p span{padding: 1px 12px;background-color: #e54b4c;color:#fff; border-radius: 15px; display: block; text-align: center; margin-right: 20px;}
.area4-2-2 ul li img{display: none;margin:25px auto}
.area4-2-2 ul li:nth-child(1)  img{display: block;}
.area4-2-im{padding:30px 0;text-align: center;font-size: 24px; }
.area4-2-im::after{content: '';width: 88%;height: 16px;border-radius: 20px;  background-color: #00e4ff;margin:0 auto;margin-top: -20px;display: block;}
.area4-1-2 li a{background:#e54b4c url(cszmarea4-2.png) no-repeat left 10px center; padding-left: 26px; border-radius: 20px; padding: 4px 10px 4px 36px;color:#fff; position: absolute; bottom: 10px;right: 10px; display: none; font-size: 16px;}

.area4-1-2 li:nth-child(1) img,.area4-1-2 li:nth-child(1) a{display: block;}


/* 模块5 */
.area5-cont{flex-direction: column;}
.area5-1{background:#36c8cd;padding-top: 16px;padding-bottom: 16px; border-radius: 6px; border: 1px solid transparent;
  background-clip: padding-box, border-box;display: block;  min-height: 100px;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(to right, rgb(231, 248, 255), rgb(255, 255, 255)), linear-gradient(90deg, #00a0e9, #fff);padding-left: 16px;
}

.area5-ul{border-top: 1px dashed #00a0e9;display: flex;gap: 20px;margin-top: 40px;}
.area5-ul li{margin-top: -18px; display: flex; flex-direction: column;justify-content: center; align-items: center;flex: 1;}
.area5-ul li span{width:30px; height:30px;border-radius: 30px; background-color: #00a0e9; text-align: center;color: #fff;}
.area5-ul li p{text-align: left;height: 106px;padding:20px;}



/*模块6 */

.area7-1{display: grid; grid-template-columns: repeat(2, 49%);grid-gap: 10px;}
.area7-1 li {padding:16px;}
.area7-1-q{background: url(cszmarea7-icon.png) no-repeat  left center; padding:8px 0; padding-left: 56px;font-weight: bold; }


.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;}  
.contain{margin-top: 20px; font-size: 16px;}
.banner{height: auto; background: none;}
    .banner img{display: block; background: none;}
    .area-cont{padding: 16px;}
    .area1{background-image:none;display: flex;flex-direction: column;}
    .area1-1{color: #3556af; width: unset;margin: 0;font-size: 22px;}
    .area1-2{padding-right: 0; font-size: 18px;padding-left: 16px;}
    .areatit{font-size: 20px;line-height:1.5;padding: 16px;font-weight: bold;}
    .areatit img{display: none;}
    .area2-1{display: none;}
    .area2-2{padding: 0;}
    .area3-1{background: none;color: #00a0e9;font-size: 20px;}
    .area4-tit{background-size: 320px auto;font-size: 20px;top: 20px; height: 68px; line-height: 60px;font-weight: bold;margin-left: -60px; position: unset;}
    .area4-1{margin-top: auto;flex-direction: column;}
    .area4-1-1-ul li{padding: 10px;margin-bottom: 10px;border-left-width:1px ;}
    .area4-1-1-ul li::before{content: none; }
    .area4-1-2 > p{margin-top: 16px;}
    .area4-tit2{top: 1320px;}
    .area4-2{margin-top: 20px;flex-direction: column;}
    .area4-2-im{font-size: 20px;padding:0 16px}
    .area4-2-1-1{grid-template-columns: 30% 40% 30%;}.area4-2-1-1 span{padding:10px}
    .area4-2-2 ul li img{width: 96%;margin: 16px auto;}
    .area5-ul{flex-direction: column;}
    .area5-ul img{width: 96%;}
    .area7-1{grid-template-columns: repeat(1, 100%);}
    .area7-1 li{padding: 0;}
    .bot-banner{flex-direction: column;}
    .hz{padding:0 16px}
    .hz img{display: none;}
    .ellipsis{-webkit-line-clamp: 4;}
}

/* 老年版本 */
.whpageold .area1-2{font-size: 30px;}
.whpageold .area{font-size: 30px;}
.whpageold .area2-2 span{font-size: 36px;}
.whpageold .area2-1{display: flex; align-items: center;}
.whpageold .area4-tit{font-size: 34px;}
.whpageold .dColors-black{font-size: 30px;}
.whpageold .area4-2,.whpageold .area4-1{flex-direction: column;}
.whpageold .area4-1-2 ul img{max-height: unset;}
.whpageold .area4-1-2 ul p{font-size: 28px;}
.whpageold .area4-tit2{top: 1717px;}
.whpageold .area4-2-tit{background-color: #00a0e9; background-image:none;height:88px;line-height: 88px;font-size: 34px;}
.whpageold .area4-2-tit1{background-color: #e54b4c;}
.whpageold  .applc img{max-width:90% ;}
.whpageold .area5-ul li p{height: 190px;}
.whpageold .area5-ul li span{width: 46px; height: 46px;}
.whpageold .area5-ul li{margin-top: -24px;}
.whpageold .area7-1{grid-template-columns: repeat(1, 100%);}
.whpageold .hz{font-size: 26px;}
.whpageold .steps li a{font-size: 26px;}
.whpageold .ellipsis{-webkit-line-clamp: 4;}