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

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;}
.area{background-color: #2692db;border-radius: 20px;padding:16px 16px;box-sizing: border-box;}
.areatit{text-align: center;margin: 10px 0 20px;font-size: 30px;font-weight: 600; }
.areatit a{color: #fff;position: relative; background-color: #2692db; text-align: center;}
.areatit a::after,.areatit a::before{content: ''; background:url(/images/1501/titbigPrefix.png) no-repeat right center; position: absolute; right: -116px; top: 4px;width: 100px; height: 32px;}
.areatit a::before{background:url(/images/1501/titbigPrefix.png) no-repeat left 0px center; left: -116px;right: 0; }
.area-cont{background-color: #fff;border-radius: 10px; padding: 16px 26px; box-sizing: border-box;display: flex; justify-content: center; flex-direction: column;}
.dColors{color: #ed4f3a; font-weight: 600;}
.dColors-blue{color: #2772be;}
.dColors-grey{color: #a3a3a3;}
.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:#fff;  color: #2772be;    font-weight: bold;   }
.steps li.active a::after{background-color: #fff;}

/* 当前位置 */
.position {
  width: 100%;
  max-width: 1200px;
  min-width: 320px;
  background-image: url(/images/1501/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(/images/1501/czqctopbanner.png) no-repeat center top; height: 600px;}
.banner img{display: none; width: 100%;}

/* 模块1 */
.area1{display: none;}
.area-cont1{background:#fff url(explain.png) no-repeat left 36px top; min-height:120px; padding-left:140px;}

/* 模块2 */
.newslist li{padding:6px 0; border-bottom: 1px dashed #b9d0dd;}
.newslist li a::before{background: url(/images/1501/titPrefix.png) no-repeat left center; content: ''; display: inline; padding:8px 16px;}
/* 模块3 */
.lclist{margin:20px 20px 10px} 
.lclist li{position: relative; padding: 16px 106px 16px 46px;border-radius:16px;margin-bottom:16px}
.lclist li::before{background: url(/images/1501/lcPrefix.png) no-repeat left top 10px; content: attr(name);padding:22px; position: absolute; left: -20px; top: -2px; color: #fff;}

/* 模块4 */
.area4 .bd{display: flex; gap: 36px;align-items: center; margin-top: 10px;}
.area4 .bd .icontit{display:flex;width: 33.33%;display: flex;border-radius:10px; height: 80px;  background-color: #e5f5fe;align-items: center;gap: 10px;justify-content: center; font-size: 22px;transition: all 0.2s ease-in-out;}
.area4 .bd .icon{width: 35px; flex: 0 0 0;background-color: #fff; height: 32px;}
.area4 .bd .icontit .spanicon{width: 60px; height: 60px; border-radius: 30px;background-color: #fff;display: flex; align-items: center; justify-content: center;transition: all 0.2s;}
.area4 .bd .icontit .spanicon:hover{transform:rotateY(360deg);}
.area4 .bd .on ,.area4 .bd .icontit:hover{ background-color: #2772be;color: #fff;}
.area4 .bd .icontit:hover{transform: scale(1.02);}
.area4 .hd{margin-top: 26px;}

.area4 .hd .tab3{ padding:16px 26px; background:#f4f8ff url(area4-3-2.png) no-repeat left 40px center;padding-left: 230px;margin: 20px 0; font-size: 16px;}
.tab2{background: #fff  url(tab2_bg.png) no-repeat center bottom;}
.tab2 .word{border:1px dashed #7cbde1; display: flex;align-items: center; border-radius: 10px; overflow: hidden;}
.tab2 .word span{background-color: #23affc; color:#fff;width: 200px; text-align: center;padding:10px 0;margin-right: 20px;}
.tab2-1{background: url(/images/1501/area4-2-1.png) no-repeat center center; margin: 20px 0; padding:10px 0; text-align: center;}
.tab2-3{border-left:#afc6d3 1px solid;padding-left: 40px; position: relative;margin-left:30px}

.tab2-3-1::before{position:absolute; content: attr(name); width:40px; height:40px; background-color: #23affc; left: -20px; border-radius:20px; text-align: center; line-height: 40px;color: #fff; }

.tab2-3-3 {display: flex;text-align: center;}
.tab2-3-3 a{color: #2772be;}
.tab2-3-4{display: flex; text-align: center;align-items: stretch;}
.tab2-3-4 span{padding:6px 16px; background-color: #def3ff; flex: 0 0 160px;display: flex; align-items: center; justify-content: center; }
.tab2-3-4  em{padding:0 10px;}

.tab1{background:url(/images/1501/peitu.png) no-repeat right top -20px;}
.tab1-1-1{margin-left:16px; display: flex;flex-wrap: wrap;gap:0 40px;}
.tab1-1-1 li{height: 42px; border-radius: 26px; margin: 16px 0; position: relative;}
.tab1-1-1 li:nth-child(3) {width:70%;}

.tab1-1-2 {display: flex;gap: 60px;width: 1000px; margin: 0 auto;flex-wrap: wrap;}
.tab1-1-2 li{width:275px; position: relative; }
.tab1-1-2 li span{background-color: #eaa169; left: 50%; transform: rotateY(-50%); top:-20px;box-shadow: 0 4px  #fff;}
.tab1-1-2 p{background-color: #fff2e8;height: 140px;padding: 20px 20px 10px; color: #6c360d;border: 1px solid #e3d3c7;}
.tab1-1-3{display: grid;grid-template-columns: 50% 25% 25%;  background-color: #ecf8ff;}
.tab1-1-3 .color{ background-color: #dbf1ff;}
.tab1-1-3 span{padding:10px 10px;border: 1px dashed #98dfff;}

.tab1-1-4{ background:url(/images/1501/area4-5.png) no-repeat left 46px center,linear-gradient(to right, #fff2e8, #ffffff); padding:46px 26px 46px 220px;}

.tab1-1-5{ position: relative;}
.tab1-1-5 .bd{border-bottom: 3px solid #2772be;}
.tab1-1-5 .bd>span{padding: 16px 22px; float: left;}
.tab1-1-5 .bd>span.on{background-color: #2772be;border-top-left-radius: 6px; border-top-right-radius: 6px;}
.tab1-1-5 .bd em{position: absolute; right: 0;display: none; top:20px;font-size: 16px;color: #999;}
.tab1-1-5 .hd {margin-top:0;padding:10px 26px;background: linear-gradient(to bottom, #dcf1ff, #ffffff); }
.tab1-1-5 .hd ul li{padding:16px; border-bottom: 1px dashed #e3d3c7;} 
.tab1-1-5 .hd ul li p{font-size: 16px; color: #333;padding-top: 10px;}
.tab1-1-5 .bd>span.on em{display: block;color:#2772be;}
.tab1-1-5 .hd ul li p img{padding-right: 10px;padding-left: 20px;}

/* 模块5 */
.area5-1{background:linear-gradient(to right, #fff2e8, #ffffff);padding-top: 16px;padding-bottom: 16px;}
.area5-2{padding-top: 16px;padding-bottom: 16px;}

.area5-3{background:linear-gradient(to bottom, #ebf8ff, #ffffff);}
.area5-3-2{background-color: #2772be;line-height: 46px; height: 46px; padding-left: 20px; color: #fff; margin-bottom: 16px;font-weight: bold;}

.area5-3-5{display: grid; grid-template-columns:repeat(3,32%); grid-gap:30px 20px; text-align: center;  margin: 0 20px;
  }
  .area5-3-5>span{background:linear-gradient(to bottom, #ddf3ff, #ffffff);}
  .area5-3-5 span img{width:80%;}
  .area5-3-5 em {background:linear-gradient(to bottom, #0faced, #01c5fe);border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;color: #fff; display: block;margin:0 auto;line-height: 46px;width: 120px;}
  .area5-3-5 p{padding:16px 16px; text-align: left; height: 116px;}
  .area5{position: relative;}
  .area5-top{position: absolute; top: 0; right: 0;}
/* 模块6 */
.area6-1{display: flex;gap: 20px;align-items: stretch;margin-top: 16px;margin-bottom: 36px;}
.area6-1 span{padding:20px;background-color: #ecf7ff;border:1px solid #7cbde1;
  flex:1 1; box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);}
.area6-2 li{width: 48%;}
.area6-2 li:nth-child(3){width:48%;}
.area7-1{display: grid; grid-template-columns: repeat(2, 49%);grid-gap: 20px;}
.area7-1 li {padding:16px;}
.area7-1 li p{padding:6px 6px 6px 40px}
.area7-1 li:nth-child(3n+1){background:linear-gradient(to bottom, #fff7f3, #ffe8d7);}
.area7-1 li:nth-child(3n+2){background:linear-gradient(to bottom, #eefbfd, #dcf5fa);}
.area7-1 li:nth-child(3n+3){background:linear-gradient(to bottom, #eff7fd, #dff2ff);}
.area7-1-a,.area7-1-q{position: relative;}
.area7-1 li:nth-child(3n+1) .area7-1-q{color: #ed4f3a; font-weight: 600;}
.area7-1 li:nth-child(3n+2) .area7-1-q{color: #36c8cd; font-weight: 600;}
.area7-1 li:nth-child(3n+3) .area7-1-q{color: #5f96ff; font-weight: 600;}
.area7-1-a::before,.area7-1-q::before{content: "Q"; width: 30px; height: 30px; border-radius: 15px; text-align: center;line-height: 30px; position: absolute;top: 5px;margin-right: 10px; background-color: #ed4f3a;color: #fff; left: 0;
}
.area7-1 li:nth-child(3n+2) .area7-1-a::before,.area7-1 li:nth-child(3n+2) .area7-1-q::before{background-color: #36c8cd;}
.area7-1 li:nth-child(3n+3) .area7-1-a::before,.area7-1 li:nth-child(3n+3) .area7-1-q::before{background-color: #5f96ff;}
.area7-1-a::before{content: "A";}

.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) {
    
.contain{margin-top: 20px; font-size: 16px;}.area{padding:6px; border-radius: 6px;}
.banner{height: auto;}
    .banner img{display: block;}
    .area-cont1{padding-left:10px; background-image: none;}
    .area1{display: block;}
    .areatit {font-size: 20px;margin: 6px 0 10px;}
    .areatit a::before,.areatit a::after{content: none;}
    .area-cont{padding: 16px 6px;}
    .lclist{margin: 0;}
    .lclist li::before{content: none;}
    .lclist li{padding: 10px 16px;margin-bottom: 10px;}.zctitbg{box-shadow: none;}
    .area4 .bd .icontit .spanicon,.area4 .bd .icon{display: none;}
    .area4 .bd{gap:10px;}
    .area4 .bd .icontit{font-size: 18px;padding:0 6px; text-align: center;}
    .tab1{background: none;}
    .tab1-1-1 li{margin:4px 0;height:auto;width: 100%;}
    .tab1-1-1 li:nth-child(3){width: 100%;}
    .tab1-1-2{width: 100%;gap: 40px 0;}
    .tab1-1-5 .bd > span{padding:4px 6px}
    .tab1-1-5 .bd em{top: 44px;font-size: 14px;left:6px}
    .tab1-1-5 .hd{padding:16px 0;}
    .tab1-1-5 .hd ul li p{font-size: 14px;display: flex; flex-direction: column;}
    .tab1-1-4{background: none,linear-gradient(to right, #fff2e8, #ffffff);padding:10px;}
    .tab2 .word{align-items: stretch;}
    .tab2 .word span{flex:  0 0 60px;margin-right: 10px;}
    .tab2-3{margin-left: 0px;padding-left: 0px;border-left: none;}
    .tab2-3-1::before{content: none;}
    .tab2-3-3{flex-direction: column;gap: 16px;}
    .tab2-3-4{flex-direction: column;display: flex;align-items: center;}
    .tab2-3-4 em{transform: rotate(90deg); padding: 26px 0;}
    .tab2-3-4 span{padding: 6px 30px;flex-direction: column; flex: auto;}
    .area4 .hd .tab3{padding:10px;background-image: none;}
    .area5-top{z-index: 1;}
    .area5-top img{width: 86px;}
    .area5-1,.area5-2{padding:10px}
    .area5-3-5{grid-template-columns: repeat(1,100%); margin:0;margin-bottom:16px;}
    .area5-3-2{height: auto; line-height: 1.75;padding:10px;}
    .area5-3-2 span{display: none;}
    .area6-1{flex-direction: column;margin-top: 0;margin-bottom: 16px;}
    .area7-1{grid-template-columns: repeat(1, 100%);}
    .area7-1-a, .area7-1-q{min-height:42px;}
    .area6-2 li{width: 100%;}
    .area6-1 span{box-shadow: none;}
    .position{display: none;}
    .bot-banner{flex-direction: column;}
    .bot-banner a{flex: 1 1 100%;}
    .hz span{display: none;}
    .hz span:nth-child(2){display: block;}
    .piaochuang{display: none;}
    .area5-3-5 p{height: auto;}
}

/* 老年版本 */
.whpageold .area-cont{font-size: 30px;}
.whpageold .newslist li{ padding:1px 0;}
.whpageold .areatit{font-size: 36px;}
.whpageold .areatit a::after,.whpageold  .areatit a::before{height: 52px;}
.whpageold .lclist li::before{    padding-top: 8px;  padding-left: 20px;top: 6px;}
.whpageold .area4 .bd .icontit .spanicon{display: none;}
.whpageold .area4 .bd .icontit{font-size: 32px;}
.whpageold .tab1-1-1 li{    height: 60px;}
.whpageold .round{top: 16px;}
.whpageold .tab1-1-1 li:nth-child(3){height: 120px;}
.whpageold .dColors-black{font-size: 32px;}
.whpageold .tab1-1-5 .hd ul li p{font-size: 28px;}
.whpageold .tab1-1-5 .bd em{font-size: 24px;}
.whpageold .area5-3-2{height: 66px;line-height: 66px;}
.whpageold .area6-2 li:nth-child(3){height: auto;}
.whpageold .area7-1{    grid-template-columns: repeat(1, 100%);}
.whpageold .area7-1-a::before,.whpageold  .area7-1-q::before{height: 40px;width: 40px;line-height: 40px;}
.whpageold .area7-1 li p{padding-left: 50px;}
.whpageold .tab2-3-3{flex-wrap: wrap;}
.whpageold .tab2-3-3 li{width: 33.33%;}
.whpageold .area4 .hd .tab3{font-size: 28px;}
.whpageold .area5-3-5 p{height: 240px;}