@keyframes moveLeft { 0% {margin-left:0;} 50% {margin-left: -10px;} 100% {margin-left:0;} } 

.conTitle { padding-top: 0.4rem; } 
.conTitle p { font-size: 0.2rem; font-weight: 400; display: flex; justify-content: center; letter-spacing: 0.03rem; color: #070b2d; margin-bottom: 0.4rem; }

.blackColor {color:#070b2d;}
.whiteColor {color:#fff !important; }

/*banner样式*/
.bannerBg { background: url(/eportal/uiFramework/commonResource/image/2024022310240623882.jpg) center no-repeat; background-size: cover; padding: 0.6rem 0; } 
.bannerBg .modelBanner { width: 4.4rem; } 
.bannerBg .modelBanner .modelTitle { font-size: 0.16rem; font-weight: 400; color: #070b2d; letter-spacing: 0.02rem; } 
.bannerBg .modelBanner .modelCon p { font-size: 0.1rem; font-weight: 400; line-height: 0.2rem; color: #9597a0; margin: 0.2rem 0; font-weight:300; } 
.bannerBg .modelBanner .modelCon .modelBtn {} 
.bannerBg .modelBanner .modelCon .modelBtn a { display: inline-block; padding: 0.06rem 0.3rem; font-size: 0.1rem; border: 2px solid transparent; border-radius: 50px; background-clip: padding-box, border-box; background-origin: padding-box, border-box; background-image: linear-gradient(to right, #f8f8f8,#f8f8f8), linear-gradient(90deg, #00ff86,#4fecff); color: #9597a0; }
.bannerBg .modelBanner .modelCon .modelBtn a:hover { color: #fff; }

/*智能诊疗*/
.znzlWidth{width: 8rem;margin:0 auto;}
.znzlBox { padding-bottom: 0.6rem; padding-right: 0.6rem; box-sizing: border-box; } 
.znzlBox .znzlTitleBox {} 

.znzlConList ul li:first-child { display: block; }

.leftNav li { background: #f6f7fb; margin-bottom: 0.1rem; padding: 0.12rem 0.25rem; box-sizing: border-box; border-radius: 10px; color: #565863; transition: all 0.6s; min-height: 0.5rem; display: flex; justify-content: space-between; align-items: center; } 
.leftNav li span {font-size: 0.13rem;margin-left: 0.1rem;} 
.leftNav li.on { background-image: linear-gradient(to bottom, #93e8de, #43d4c4); color: #fff; } 
.leftNav li img { width: 0.25rem; transition: all 0.5s; } 
.leftNav li img:nth-child(2) { display: none; }
.leftNav li:hover img { animation-name: moveLeft; animation-iteration-count: 1; animation-duration: 1s; -webkit-animation-name:moveLeft; -webkit-animation-iteration-count: 1; -webkit-animation-duration: 1s; }

.znzlRight {width: 5rem;float: left;margin-left: 0.4rem;} 
.znzlRight .znzlConList {} 
.znzlRight .znzlConList ul li { width: 5.2rem; padding: 0.2rem; box-sizing: border-box; background: #f6f7fb; border-radius: 10px; position: relative; } 
.znzlRight .znzlConList ul li .znzlConLiLeft { width: 2.3rem; } 
.znzlRight .znzlConList ul li .znzlConLiLeft strong {font-size: 0.12rem;font-weight: 500;padding-left: 0.15rem;background: url(/eportal/fileDir/ainao/resource/cms/2024/02/img_pc_site/line.png) left no-repeat;background-size: contain;color: #070b2d;}
.znzlRight .znzlConList ul li .znzlConLiRight {} 
.znzlRight .znzlConList ul li .znzlConLiLeft p {font-size: 0.1rem;line-height: 0.2rem;margin-bottom: 0.1rem;color: #9597a0;font-weight:300;} 
.znzlRight .znzlConList ul li .znzlConLiRight .rightTop { position: absolute; top: 0.3rem; right: -0.4rem; width: 2.5rem; height: 1.1rem; font-size: 0.11rem; box-sizing: border-box; padding: 0.19rem 0.35rem 0.19rem 0.22rem; background: url(/eportal/fileDir/ainao/resource/cms/2024/02/img_pc_site/duihua.png) left top no-repeat; background-size: contain; font-weight: 600; color: #565863; line-height: 0.2rem; font-style: italic; } 
.znzlRight .znzlConList ul li .znzlConLiRight .rightBottom { position: absolute; bottom: -0.27rem; right: -0.5rem; z-index: 100; }
.znzlRight .znzlConList ul li .znzlConLiRight .rightBottom img { width: 100%; }
.znzlRight .znzlConList ul li .znzlConLiRight .rightBottom img:first-child { display: none; }


/*医疗咨询*/
.ylzxBg { background: url(/eportal/uiFramework/commonResource/image/2024022310254158188.jpg) center no-repeat; background-size: cover; padding-bottom: 0.4rem; }
.ylzxList { position: relative; overflow: hidden; }
.ylzxList .ylzxWapper {} 
.ylzxList .ylzxWapper .swiper-slide {} 
.ylzxList .ylzxWapper .swiper-slide .slideTop { text-align: center; position: relative; margin-bottom: 0.3rem; } 
.ylzxList .ylzxWapper .swiper-slide .slideTop p.titleNum { background: linear-gradient(to bottom, rgba(255 ,255 ,255 ,0.9), rgba(0 ,0 ,0 ,0)); -webkit-background-clip: text; background-clip: text; color: transparent; font-size: 0.3rem; font-weight: bold; position: unset; margin: 0; width: unset; } 
.ylzxList .ylzxWapper .swiper-slide .slideTop p { width: 2rem; text-align: center;font-size: 0.12rem; color: #fff; position: absolute; bottom: 0; left: 50%; margin-left: -1rem; letter-spacing: 0.01rem; font-weight: 300; }

.ylzxList .ylzxWapper .swiper-slide .slideBottom { width: 4rem; margin: 0 auto; position: relative; } 
.ylzxList .ylzxWapper .swiper-slide .slideBottom .slideImg { width: 4rem; } 
.ylzxList .ylzxWapper .swiper-slide .slideBottom .slideImg img { width: 100%; } 
.ylzxList .ylzxWapper .swiper-slide .slideBottom .slideli { } 
.ylzxList .ylzxWapper .swiper-slide .slideBottom .slideli .slideLi { position: absolute; top: 0.7rem; left: -0.8rem; width: 100%; display: flex; justify-content: flex-start; align-i;align-items: flex-start; }
.ylzxList .ylzxWapper .swiper-slide .slideBottom .slideli .slideLi .slideLiImg { width: 0.5rem; } 
.ylzxList .ylzxWapper .swiper-slide .slideBottom .slideli .slideLi .slideLiImg img { width: 100%; } 
.ylzxList .ylzxWapper .swiper-slide .slideBottom .slideli .slideLi .slideLiTitle { font-size: 0.09rem;padding: 0.1rem 0.15rem;background: #fff;border-radius: 0px 20px 20px 20px;margin-top:0.05rem;box-shadow: 0px 6px 20px 0px rgba(0,0,0,0.2);max-width: calc( 100% - 0.5rem ); line-height: 0.14rem; color: #565862; } 
.ylzxList .ylzxWapper .swiper-slide .slideBottom .slideli .slideLi2 { position: absolute; top: 1.2rem; right: -0.8rem !important; width: auto !important; justify-content: flex-end; } 
.ylzxList .ylzxWapper .swiper-slide .slideBottom .slideli .slideLi3 { top: 1.9rem; } 
.ylzxList .ylzxWapper .swiper-slide .slideBottom .slideli .slideLi2 .slideLiImg {} 
.ylzxList .ylzxWapper .swiper-slide .slideBottom .slideli .slideLi2 .slideLiTitle { border-radius: 20px 0 20px 20px; }

.ylzxList .swiper-button-prev { background: url(/eportal/fileDir/ainao/resource/cms/2024/01/img_pc_site/leftBtn.png) center no-repeat; background-size: contain; width: 0.35rem; height: 0.35rem; } 
.ylzxList .swiper-button-next { background: url(/eportal/fileDir/ainao/resource/cms/2024/01/img_pc_site/rightBtn.png) center no-repeat; background-size: cover; width: 0.35rem; height: 0.35rem; }


/*特色优势*/
.tsysBg {  }
.tsysList { padding-bottom: 0.4rem; background: url(/eportal/uiFramework/commonResource/image/2024020510570567268.png) center no-repeat; background-size: cover; } 
.tsysList ul {} 
.tsysList ul li { width: 2rem; margin-right: 0.32rem; text-align: center; } 
.tsysList ul li:last-child { margin-right: 0; } 
.tsysList ul li img { width: 0.8rem; transition: all 0.5s; } 
.tsysList ul li:hover img { transform: translateY(-0.14rem); }
.tsysList ul li .tsysTitle { position: relative; font-size: 0.12rem; padding: 0 0.4rem; font-weight: 500; color: #070b2d; line-height: 0.2rem; margin: 0.15rem 0; } 
.tsysList ul li .tsysTitle::before { content: ""; display: inline-block; width: 0.1rem; box-shadow: 0px 9px 30px 16px rgba(3,38,255,0.2); position: absolute; top: 0; left: 50%; margin-top: -0.2rem; margin-left: -0.05rem; background-color: transparent; border-radius: 50%; }
.tsysList ul li p { font-size: 0.1rem; line-height: 0.18rem; color: #9597a0; font-weight: 300; }

/*交付方案*/
.jffa { padding-bottom: 0.6rem; }
.jffaList {} 
.jffaList ul {} 
.jffaList ul li { width: 4.39rem; margin-right: 0.2rem; padding: 0.3rem 0.32rem; background: #f6f7fb; border-radius: 20px; min-height: 1.52rem; display: flex; justify-content: space-between; align-items: flex-start; transition: all 0.6s ease; }
.jffaList ul li:nth-child(2n) { margin-right: 0px; } 
.jffaList ul li .jffaCenter { } 
.jffaList ul li .jffaCenter p { font-size: 0.1rem; line-height: 0.2rem; background: url(/eportal/fileDir/ainao/resource/cms/2024/02/img_pc_site/dui.png) left no-repeat; background-size: 0.1rem; padding-left: 0.15rem; color: #9597a0; font-weight: 300; } 
.jffaList ul li .jffaCenter .jffaPTitle { margin-bottom: 0.1rem; background: unset; padding: 0; } 
.jffaList ul li .jffaCenter .jffaPTitle span.jffaTitle { font-size: 0.12rem; color: #070b2d; font-weight: 500; } 
.jffaList ul li .jffaCenter .jffaPTitle span.jffaSubTitle a { cursor: unset; font-size: 0.08rem; color: #0042fe; font-weight: 300; margin-left: 0.04rem; } 
.jffaList ul li .jffaRight { margin-top: 0.4rem; } 
.jffaList ul li .jffaRight a { display: inline-block; padding: 0.05rem 0.11rem; font-size: 0.1rem; color: #0042fe; font-weight: 300; background: #fff; border-radius: 20px; letter-spacing: 0.02rem; transition: all 0.5s ease; } 
.jffaList ul li .jffaLeft { margin-top: 0.2rem; position: relative; transition: all 0.7s ease; width: 0.5rem; } 
.jffaList ul li .jffaLeft img { width: 100%; }
.jffaList ul li .jffaLeft::after { content: ""; display: inline-block; width: 0rem; position: absolute; bottom: -0.06rem; left: 50%; border-radius: 50%; box-shadow: 0 10px 35px 20px rgba(3,38,255,0.3); transform: translate(0,-50px); transition: all 0.3s; opacity: 0; } 
.jffaList ul li:hover { background: url(/eportal/uiFramework/commonResource/image/2024022310322893212.jpg) right bottom no-repeat; background-size: cover; box-shadow: 0px 3px 10px 3px rgba(0,0,0,0.1); }
.jffaList ul li:hover .jffaLeft { margin-top: 0; } 
.jffaList ul li:hover .jffaLeft::after { width: 0.07rem; opacity: 1; transform: none !important; } 
.jffaList ul li:hover .jffaRight a { background: linear-gradient(90deg, #ff688f,#0093ff); color: #fff; }


@media screen and (max-width:1100px){
    /*智能医疗*/
    
}

@media screen and (max-width:900px){
    /*banner*/
    .bannerBg .modelBanner .modelTitle { font-size: 0.22rem; } 
    .bannerBg .modelBanner .modelCon p { font-size: 0.14rem; line-height: 0.28rem; }
    .bannerBg .modelBanner .modelCon .modelBtn a { font-size: 0.14rem; }
    /*智能医疗*/
    .conTitle p { font-size: 0.28rem; } 

    .leftNav li { padding: 0.2rem 0.25rem; margin-bottom: 0.2rem; } 
    .leftNav li span { font-size: 0.18rem; } 
    .leftNav li img { width: 0.3rem; } 

    .znzlRight .znzlConList ul li .znzlConLiLeft { width: 3rem; } 
    .znzlRight .znzlConList ul li .znzlConLiLeft p { font-size: 0.14rem; line-height: 0.28rem; margin-bottom: 0.12rem; } 
    .znzlRight .znzlConList ul li .znzlConLiLeft strong { font-size: 0.18rem; } 

    .znzlRight .znzlConList ul li .znzlConLiRight .rightTop { font-size: 0.14rem; line-height: 0.24rem; width: 2.6rem; height: 1.4rem; padding: 0.2rem 0.18rem 0 0.25rem; background-size: contain; right: -0.6rem; } 
    .znzlRight .znzlConList ul li .znzlConLiRight .rightBottom { right: -0.5rem; z-index: -1; width: 4rem; }

    /*医疗咨询*/
    .ylzxList .ylzxWapper .swiper-slide .slideTop p { font-size: 0.14rem; } 
    .ylzxList .ylzxWapper .swiper-slide .slideTop p.titleNum { font-size: 0.36rem; } 
    .ylzxList .ylzxWapper .swiper-slide .slideBottom .slideli .slideLi .slideLiImg { width: 0.7rem; } 
    .ylzxList .ylzxWapper .swiper-slide .slideBottom .slideli .slideLi .slideLiTitle { max-width: calc( 100% - 0.7rem ); font-size: 0.12rem; line-height: 0.2rem; } 
    .ylzxList .swiper-button-next { width: 0.4rem; height: 0.4rem; } 
    .ylzxList .swiper-button-prev { width: 0.4rem; height: 0.4rem; }

    /*特色优势*/
    .tsysList ul li p { font-size: 0.14rem; line-height: 0.23rem; }
    .tsysList ul li .tsysTitle { font-size: 0.16rem; line-height: 0.24rem; padding: 0 0.2rem; } 

    /*交付方案*/
    .jffaList ul li { padding: 0.2rem 0.1rem; } 
    .tsysList ul li p { font-size: 0.14rem; line-height: 0.23rem; } 
    .tsysList ul li .tsysTitle { font-size: 0.16rem; line-height: 0.24rem; padding: 0 0.2rem; } 
    .jffaList ul li .jffaLeft { width: 0.5rem; margin-top: 0.1rem; } 
    .jffaList ul li .jffaLeft img { width: 100%; } 
    .jffaList ul li .jffaCenter p { font-size: 0.14rem; line-height: 0.26rem; } 
    .jffaList ul li .jffaCenter .jffaPTitle span.jffaTitle { font-size: 0.16rem; } 
    .jffaList ul li .jffaCenter .jffaPTitle span.jffaSubTitle a { font-size: 0.1rem; } 
    .jffaList ul li:hover .jffaLeft::after { width: 0.04rem; box-shadow: 0 10px 20px 10px rgba(3,38,255,0.3); } 
    .jffaList ul li .jffaRight a { font-size: 0.14rem; }

}


@media screen and (max-width:600px){
    .bannerBg { padding: 2rem 0 0.6rem; }
    /*banner*/
    .bannerBg .modelBanner { width: 65%; } 
    .bannerBg .modelBanner .modelTitle { font-size: 0.5rem; } 
    .bannerBg .modelBanner .modelCon p { font-size: 0.3rem; line-height: 0.6rem; margin: 1rem 0; } 
    .bannerBg .modelBanner .modelCon .modelBtn a { font-size: 0.3rem; padding: 0.08rem 0.4rem; } 

    /*智能诊疗*/
    
    .conTitle { padding-top: 1rem; } 
    .conTitle p { font-size: 0.5rem; margin-bottom: 1rem; } 

    .znzlLeft { width: 100%; } 
    .znzlRight { width: 100%; margin-left: 0px; } 

    .leftNav { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; } 
    .leftNav li {padding: 0.2rem 0.2rem;margin-right: 0.5rem;min-height: 1rem;width: 3.8rem;margin-bottom: 0.3rem;justify-content: flex-start;}
    .leftNav li:nth-child(2n) { margin-right: 0; }
    .leftNav li img {width: 0.7rem;} 
    .leftNav li span {font-size: 0.32rem;margin-left: 0.2rem;} .znzlWidth { width: 9rem; } 
    .leftNav li:last-child { margin-right: 0px; } 

    .znzlRight .znzlConList { margin-top: 0.6rem; }
    .znzlRight .znzlConList ul li { width: 100%; padding: 0.5rem; } 
    .znzlRight .znzlConList ul li .znzlConLiLeft { width: 5rem; } 
    .znzlRight .znzlConList ul li .znzlConLiLeft strong { font-size: 0.32rem; } 
    .znzlRight .znzlConList ul li .znzlConLiLeft p { font-size: 0.3rem; line-height: 0.5rem; margin-bottom: 0.3rem; } 

    .znzlRight .znzlConList ul li .znzlConLiRight .rightTop {font-size: 0.25rem;line-height: 0.4rem;width: 4.5rem;height: 2rem;padding: 0.3rem 0.6rem 0 0.4rem;top: -0.5rem;}



    /*医疗咨询*/
    .ylzxBg { padding-bottom: 1rem; } 
    .ylzxList .ylzxWapper .swiper-slide .slideTop p.titleNum { font-size: 0.7rem; } 
    .ylzxList .ylzxWapper .swiper-slide .slideTop p { font-size: 0.3rem; margin-left: -2.5rem; width: 5rem; } 

    .ylzxList .ylzxWapper .swiper-slide .slideBottom { width: 8rem; } 
    .ylzxList .ylzxWapper .swiper-slide .slideBottom .slideImg { width: 8rem; } 
    .ylzxList .ylzxWapper .swiper-slide .slideBottom .slideli .slideLi { left: -0.5rem; top: 0rem; } 
    .ylzxList .ylzxWapper .swiper-slide .slideBottom .slideli .slideLi2 { top: 1.2rem; right: -0.5rem !important; } 
    .ylzxList .ylzxWapper .swiper-slide .slideBottom .slideli .slideLi3 { top: 2.5rem; } 
    .ylzxList .ylzxWapper .swiper-slide .slideBottom .slideli .slideLi .slideLiImg { width: 1rem; } 
    .ylzxList .ylzxWapper .swiper-slide .slideBottom .slideli .slideLi .slideLiTitle { max-width: calc( 100% - 1rem ); font-size: 0.3rem; line-height: 0.4rem; padding: 0.2rem; }

    .ylzxList .swiper-button-prev { width: 0.7rem; height: 0.7rem; margin-top: 1rem; } 
    .ylzxList .swiper-button-next { width: 0.7rem; height: 0.7rem; margin-top: 1rem; }

    /*特色优势*/
    .tsysList ul { display: flex; justify-content: flex-start; align-items: center; flex-wrap:wrap; } 
    .tsysList ul li { width: 4.2rem; margin-right: 0.6rem; margin-bottom: 0.6rem; } 
    .tsysList ul li:nth-child(2n) { margin-right: 0; } 
    .tsysList ul li img { width: 2rem; } 
    .tsysList ul li p { font-size: 0.3rem; line-height: 0.5rem; }
    .tsysList ul li .tsysTitle { font-size: 0.36rem; line-height: 0.5rem; margin: 0.5rem 0; } 

    /*交付方案*/
    .jffa { padding-bottom: 1rem; }
    .jffaList ul li { width: 100%; margin-right: 0; margin-bottom: 0.4rem; min-height: 2.6rem; padding: 0.4rem 0.5rem; justify-content: flex-start; flex-wrap: wrap; } 

    .jffaList ul li .jffaCenter { margin-left: 0.3rem; } 
    .jffaList ul li .jffaCenter p { font-size: 0.3rem; line-height: 0.5rem; background-size: 0.3rem; padding-left: 0.4rem; } 
    .jffaList ul li .jffaCenter .jffaPTitle span.jffaTitle { font-size: 0.32rem; } 
    .jffaList ul li .jffaCenter .jffaPTitle span.jffaSubTitle a { font-size: 0.22rem; } 

    .jffaList ul li .jffaLeft { width: 1rem; margin-top: 0.3rem; } 

    .jffaList ul li .jffaRight { width: 100%; text-align: center; } 
    .jffaList ul li .jffaRight a { font-size: 0.22rem; padding: 0.2rem 0.46rem; } .jffaList ul li:hover .jffaLeft { margin-top: 0; }
}