@font-face {

    font-family: "iconfont"; /* Project id 3322538 */

    src: url('iconfont.woff2?t=1649845568751') format('woff2'),

         url('iconfont.woff?t=1649845568751') format('woff'),

         url('iconfont.ttf?t=1649845568751') format('truetype');

  }

  

.iconfont {

    font-family: "iconfont" !important;

    font-size: 16px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

  

  .icon-eye-fill:before {

    content: "\e869";

  }

  

  .icon-time_fill:before {

    content: "\e735";

  }

  

  .icon-right-circle:before {

    content: "\e783";

  }

  

  

/* 

.iconfont {

    font-family: "iconfont" !important;

    font-size: 16px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

   */



.fl {

    float: left;

}

.fr {

    float: right;

}

.header {

    position: relative;

    width: 100%;

    height: 705px;

    background-color: #fff;

    /* background: url(../images/养老计划书.png) no-repeat; */

}

   .banner{ height: 705px; width: 100% ;float:left; }

.swiper {

    width: 100%;

    height: 705px;

}

.swiper .swiper-wrapper {

    height: 100%;

}

.swiper-slide img {

    width: 100%;

    height: 705px;

}

.swiper-pagination {

    position: absolute;

    bottom: 22px;

    right: 40px;



}

.head {

    height: 120px;

    background-color: #fff;

    z-index: 1;

}

.w {

    width: 1207px;

    height: 100%;

    background-color: transparent;

    margin: 0 auto;

}

.w0 {

    width: 1025px;

    height: 100%;

    background-color: transparent;

    margin: 0 auto;

}

.serve {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
}

.logo {

    width: 287px;

    height: 95px;

    margin-top: 15px;

    /* line-height: 120px; */

}

.logo a {

    display: block;

    width: 100%;

    height: 100%;

    line-height: 120px;

    /* background: url(../images/logo.png) no-repeat ; */

}

.logo a h1 {

    text-indent: -9999px;

    overflow: hidden;

}

.headnav {

    position: relative;

}

.headnav ul {

    margin-top: 25px;

    width: 920px;

    height: 96px;

    

}

.headnav ul li {

    float: left;

    line-height: 18px;

}

/* p28.h30 */

.headnav ul li a {

    display: block;

    margin: 0 20px 4px;

    padding: 22px 1px;

    height: 18px;

    /* line-height: 18px; */

    font-size: 18px;

}

.headnav ul li:last-child a {

    margin-right: 10px;

}

.headnav ul li a:hover {

    color: #28a7e1;

    border-bottom: 5px solid #28a7e1;

}

.headnav ul li.active a {

    color: #28a7e1;

    border-bottom: 5px solid #28a7e1;

}



/* h31 w105 */

.headnav span a {

    position: absolute;

    right: -10px;

    top: 2px;

    width: 105px;

    height: 33px;

    color: #fff;

    font-size: 14px;

    background-color: #7ddfc3;

    border-style: none;

    text-align: center;

}

.swiper-pagination {

    position: absolute;

    bottom: 22px;

    right: 40px;

    height: 30px;  

}

.swiper-pagination span {

    display: inline-block;

    width: 40px;

    height: 6px;

    background-color: #fff;

    margin-right: 10px;

    border-radius:initial;

}

.swiper-pagination span:hover {

    background-color: #1ac1b0;

}

.swiper-pagination-bullet-active{

    background-color: #1ac1b0 !important;

}

.footer .top {

    height: 173px;

    background-color: #429e99;

    padding: 33px 90px 0;

}



.footer .top ul {

    width: 1005px;

    height: 121px;

}

.footer .top ul li {

    float: left;

    padding: 0 60px;

    color: #fff;

    text-align: center;

}

.footer .top ul li img {

    width: 45px;

    height: 45px;

}

.footer .top ul li p {

    font-size: 28px;

    margin: 10px 0;

}

.footer .top ul li h5 {

    font-size: 18px;

    font-weight: normal;

}

.footer .bottom {

    height: 155px;

    background-color: #43a1c5;

}



.footer .w dl {

    float: left;

    margin-right: 88px;

    margin-top: 50px;

}

.footer .w dl a {

    display: block;

}

.footer .w dl:last-child {

    margin-right: 0;

}

.footer .w dl dt {

    margin-bottom: 35px;

    font-size: 20px;

    color: #fff;

}

.footer .w dl a dd {

    font-size: 14px;

    color: #fff;

    margin-bottom: 18px;

}

.footer .w dl:nth-of-type(2) img {

    position: relative;

    left: -25px;

    top: -20px;

    width: 140px;

    height: 140px;

}

/* 康养资讯模块 */

.info {

    height: 462px;

    margin-top: 40px;

}

.infol {

    width: 732px;

    height: 462px;

    background-color: #fff;

    margin-right: 25px;

}

.boxtop {

    position: relative;

    width: 732px;

    height: 77px;

    background-color: #fff;

    border-bottom: 2px solid #e2e8ee;

}

.infotitle {

    position: absolute;

    left: 32px;

    bottom: 10px;

    height: 30px;

    line-height: 35px;

}

.infotitle img {

    width: 30px;

    height: 30px;

    margin-right: 12px;

}

.infotitle h3 {

    color: #ed641a;

    font-size: 20px;

}

.more {

    position: absolute;

    right: 30px;

    bottom: 10px;

    color: #666;

}

.more a::after {

    content: ">>";

    /* color: #666; */

}

.infocontent ul li a:hover h3 {

    color: #1e9a66;

}

.infocontent ul {

    margin-left: 22px;

}

.infocontent ul li {

    margin-top: 40px;

    height: 80px;

}

.infocontent ul li img {

    float: left;

    width: 118px;

    height: 77px;

}

/* 资讯内文字 */

.old {

    margin-left: 20px;

    margin-top: 10px;

    width: 540px;

}

.old a h3 {

    color: #666;

    font-size: 18px;

    width: 540px;

    height: 26px;

    font-weight: normal;

    margin-bottom: 16px;

    overflow: hidden;

}

.old a p {

    color: #28a7e1;

    font-size: 14px;

    margin-left: 8px; 

}

.infor {

    width: 450px;

    height: 460px;

    background-color: #fff;

}

.oldbox {

    width: 428px;

    height: 427px;

    margin: auto;

    margin-top: 10px;

}

.oldbox img {

    width: 410px;

    height: 244px;

}

.oldbox .box2 {

    margin-top: 5px;

    /* height: 195px; */

}

.oldbox .box2 ul li a:hover h5 {

    color: #1e9a66;

}

.oldbox ul li {

    margin-bottom: 12px;

    height: 30px;

}

.oldbox ul li p,

.oldbox ul li h5 {

    float: left;

}

.oldbox ul li p {

    width: 80px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    color: #1e9a66;

    font-size: 16px;

    border: 1px solid #1e9a66;

    margin-right: 20px;

    overflow: hidden;

}

.oldbox ul li h5 {

    font-size: 16px;

    font-weight: normal;

    width: 320px;

    height: 24px;

    color: #666;

     overflow: hidden;

}

.oldbox>a {

    display: block;

    width: 100%;

    height: 40px;

    line-height: 40px;

    text-align: center;

    color: #666;

    background-color: #ebebeb;

}

.oldbox>a:hover {

    transform: scale(1.03);

    color: #666;

}

/* 服务模块 */

.title0 {

    height: 157px;

    text-align: center;

    /* background-color: pink; */

    overflow: hidden;

}

.title0 h3 {

    color: #e5530f;

    font-size: 35px;

    margin-top: 33px;

}

.title0 p {

    color: #666;

    font-size: 12px;

    margin-top: 18px;

}

.sercontent {

    width: 1025px;

    height: 435px;

    background-color: #fff;

    /*padding-top: 10px;*/

    padding-left: 15px;

    overflow: hidden;
    

}



.sercontent ul {

    height: 420px;

}

.sercontent ul li {

    float: left;

    width: 31.3%;

    margin-top: 20px;

    margin-right: 20px

}

.sercontent ul li:hover {

    color: #1e9a66;

}



.sercontent ul li i {

    float: left;

    width: 100px;

    height: 107px;

    margin-right: 22px;

}

.sercontent ul li img {

    float: left;

    width: 55%;

    height: auto;

    margin-right: 15px;

}





.sercontent ul li h5 {

    margin-top: 12px;

    font-size: 16px;

}

.sercontent ul li p {

    line-height: 30px;

}

/* 商城模块 */

.shop {

    height: 440px;

}



.shopcont ul {

    height: 269px;

}

.shopcont ul li {

    float: left;

    width: 183px;

    height: 249px;

    background-color: #fff;

    margin-right: 21.5px;

    border-radius: 15px;

    text-align: center;

}

.shopcont ul li:last-of-type {

    margin-right: 0;

}

.shopcont ul li a {

    /* position: relative; */

    display: inline-block;

    width: 183px;

    height: 249px;

    

}

/* .shopcont ul li a img:first-child {

    display: block;

} */

.shopcont ul li a img:last-of-type {

    display: none;

}

.shopcont ul li:hover{

    transform: scale(1.2,1.2);

    background-color: #1e9a66;

   

    border-radius: 15px;

}

.shopcont ul li:hover a p {

    color: #fff;

}

/* .shopcont ul li:hover a {

    

} */

.shopcont ul li:hover img:first-child {

    display: none;

    transform: scale(1,1);

}

.shopcont ul li:hover img:last-of-type {

    display: block;

    transform: scale(1,1);

}

.shopcont ul li a img {

    margin-top: 50px;

    padding: 0 45px;

}

.shopcont ul li a p {

    margin-top: 30px;

    font-size: 16px;

    color: #c7a577;

}



.edu .educon {

    width: 1180px;

    height: 510px;

    background-color: #fff;

    padding-left: 27px;

    padding-top: 20px;

}

.edu .educon ul {

    width: 100%;

    height: 430px;

}

.edu .educon ul li {

    float: left;

    width: 590px;

    height: 125px;

    margin-bottom: 28px;

}

.edu .educon ul li a {

    display: block;

    width: 100%;

    height: 100%;

    overflow: hidden;

    /* margin-bottom: 28px; */

}

.edu .educon ul li a:hover h5 {

    color: #1e9a66 !important;

}

.edu .educon ul li a:hover p {

    color: #1e9a66 !important;

}

.edu .educon img {

    float: left;

    width: 205px;

    height: 122px;

    margin-right: 20px;

    border-radius: 10px;

}

.talk {

    width: 470px;

}

.talk h5 {

    font-size: 16px;

    margin-top: 25px;

    margin-bottom: 15px;

    color: #666;

}

.talk p {

    color: #737373;

}

.chakan {

    text-align: center;

    height: 30px;

    margin-top: 40px;

    margin-bottom: 20px;

}

.chakan a {

    font-size: 18px;

    color: #666;

}



/* 互助养老 */

.helpcon {

    height: 547px;

}

.helpbox {

    height: 520px;

    width: 1153.5px;



    /*padding: 0 50px;*/

    padding-left: 53.5px;

    position: relative;

    /* text-align: center; */

}



.swiper-button-prev{

    position: absolute;

    background: #fff;

    color: #eaeaea !important;

    padding: 10px 5px;

}

.swiper-button-next{

    position: absolute;

    background: #fff;

    padding: 10px 5px;

    color: #eaeaea !important;

}



.helpboxCon {

    width: 1100px;

    overflow: hidden;

    height:450px !important;

    margin-left: 0px !important;

}

.helpbox ul {

    /*margin-left: 53.5px;*/

    height: 450px;

    width: 1200px;

   

    margin: 0 auto;

}



.helpbox ul li {

    overflow: hidden;

    float: left;

    /*margin-right: 15px;*/

    /* padding: 30px;

    padding-bottom: 0; */

    width: 360px;

    height: 520px;

}

.helpbox ul li:last-child {

    margin-right: 0;

}

.helpbox ul li a {

    display: block;

    padding: 30px;

    padding-bottom: 0;



    height: 440px;

    background-color: #fff;

    color: #666;

}

.helpbox ul li a:hover {

    color: #1e9a66;

}

.helpbox ul li a img {



    height: 171px;

    

}

.helpbox ul li a h3 {

    /* height: 75px; */

    padding: 22px 0;

    border-bottom: 2px solid #666;

    text-align: center;

    font-size: 16px;

    color: #1e9a66;

}

.helpbox ul li a p {

    padding: 10px 22px 0;

    line-height: 35px;

    font-size: 14px;

    text-indent: 2em;

    width: 254px;

    height: 175px;

    overflow: hidden;

}

.more1 {

    width: 100%;

    height: 100px;

    text-align: center;

    font-size: 16px;

    

}

.more1 a {

    display: block;

    color: #666;

    margin-top: 30px;

}







ul li:hover img{

    transform: scale(1.2);

    transition: all .3s;

    border-radius: 10px !important;

    overflow: hidden;

}

      .sercontent  img{display:block;-webkit-transition: -webkit-transform 0.6s ease-out;-moz-transition: -moz-transform 0.6s ease-out;transition: transform 0.6s ease-out;width:185px; height:185px;}

     /*   .sercontent li:hover  img{-webkit-transform: rotate(120deg);-moz-transform: rotate(10deg); transform: rotate(10deg);}*/

        .edu { width: 100%; float: left; height: auto ;background: url('/static/skin/images/hengping10.jpg') no-repeat bottom ;background-size:100% 530px;}

        .shop { width: 100%; float: left; height: auto; background: url('/static/skin/images/hengping.jpg') no-repeat bottom ;background-size:100% 545px;}

        /*.serve{ width: 100%; float: left; height:auto ;background: url('/static/skin/images/hengping20.jpg') no-repeat bottom ;background-size:100% 440px; }*/

        .info{ width: 100%; float: left; height:auto ;}

        .footer{ width:100%; float: left; height:auto }

        .help{ width: 100%; float: left; height:auto;background: url('/static/skin/images/hengping3.jpg') no-repeat bottom ; background-size: 100% 540px;}

        .head{width: 100%; float: left; height:110px; }

        .shopcont ul{ height: 545px }

        .shopcont ul li{ margin-top: 20px; width: 179px }

        .footer .top{display: none}