@charset "UTF-8";
body{max-width: 750px;}
.over{overflow:hidden;}
.fr{float:right;}
.fl{float:left;}
img{width: 100%;height:auto;}
.index_content {margin: 0 auto; height: auto; max-width:750px;min-width:320px;overflow-x: hidden;}
.item1{font-size:18px;}
.clear{clear: both; height:1px;}
.mr3{margin:0 3%;}
.top_tips{max-width: 750px;}
.pd5{margin-bottom: 0.5rem;}
.pd6{margin-bottom: 0.6rem;}


.reality {position: relative;padding: 0 0 4% 0;}
#reality h3{height:0.68rem; line-height:0.68rem; padding:0 2%;}
#reality h3 .more_btn{ display: block;width: 1.1rem;height: 0.55rem; line-height: 0.55rem; background:url("/images/index/newindex/more_l.png") no-repeat left center #fff;  background-size:0.12rem; font-size: 0.28rem; color:#333; position: absolute; right: 0; top:0; z-index: 2;}
#reality .reality_nav{width: 84%;overflow: hidden;position: absolute;left: 0;top:1px;height: 0.58rem;line-height: 0.58rem; -webkit-tap-highlight-color:transparent;}
#reality .reality_nav ul li{font-size: 0.3rem;color:#000;text-align: center; width:15%; font-weight: 700; cursor:pointer;}
#reality .reality_nav ul li.on{border-bottom:2px solid #9e5fd4 !important; font-size: 0.36rem; line-height: 0.52rem;}
#reality .reality_nav ul .reality_nav_w1{width: 24%;}
#reality .reality_nav ul .reality_nav_w2{width: 20%;}
.case_box{-webkit-tap-highlight-color:transparent;}
.case_box ul li{padding: 3% 3% 0; }
.case_box ul li dl{overflow: hidden; margin-bottom: 3%;}
.case_box ul li dl dt{width: 15%;float: left;}
.case_box ul li dl dd{width: 50%;float: left;margin-left: 2%;}
.case_box ul li dl dd h4{font-size: 0.36rem;color:#000;text-align: left;font-weight: normal; padding-top:1%;}
.case_box ul li dl dd p{font-size: 0.3rem;color:#9e5fd4;background:url(/images/index/newindex/index_hot.png) no-repeat left center;background-size: 0.34rem;padding-left: 0.4rem;}
.index_case_img{overflow:hidden; padding-bottom: 0%;}
.index_case_img a{display:block;/* width: 49.5%;*/ position:relative; border-radius: 0.12rem; overflow:hidden;}
.index_case_img a img{display:block; width: 49.5%; }
.index_case_img a span{display:block; font-weight: 200; width: 1.16rem; height: 0.42rem; line-height: 0.42rem; text-align: center; font-size: 0.22rem; color:#ffffff; position:absolute; left: 0; bottom: 0; background:url(/images/index/newindex/case_box_span1.png) no-repeat; background-size: 100%;}
.index_case_img a.fr span{ background:url(/images/index/newindex/case_box_span2.png) no-repeat; background-size: 100%;}

.index_case_img{overflow:hidden; padding-bottom: 2%;}

.index_case_img a i.bf{position: absolute; width:1.07rem; /*padding:0 0.15rem;*/ height: 0.4rem;background-color: rgba(58,58,61,0.6); z-index: 1; margin: -0.4rem 0 0 0;
    border-top-left-radius: 0.1rem;
    border-bottom-left-radius: 0.1rem;
    border-top-right-radius: 0.1rem;
    font-size: 0.24rem;
    color: #fff;
    text-align: center;
    font-style:normal;
    display: block;
    line-height: 1.6;
    overflow: hidden;
}


.index_case_img a i.af{position: absolute; width:1.07rem; /*padding:0 0.15rem;*/ height: 0.4rem;background-color: rgba(124,81,144,0.6); z-index: 1; margin: -0.4rem 0 0 3.57rem;
    border-top-left-radius: 0.1rem;
    border-bottom-left-radius: 0.1rem;
    border-top-right-radius: 0.1rem;
    font-size: 0.24rem;
    color: #fff;
    text-align: center;
    font-style:normal;
    display: block;
    line-height: 1.6;
    overflow: hidden;
}


.case_box ul li p.p1{font-size: 0.3rem; color:#666;margin:2% 0; text-overflow: ellipsis;display: -webkit-box; overflow:hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.case_box ul li p.p2{font-size: 0.24rem;margin:2% 0; text-overflow: ellipsis;display: -webkit-box; overflow:hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.case_box ul li p.p2 a{color:#9850b9; padding-right: 3%;}
.case_box ul li p.p2 a span{display:inline-block; width: 0.3rem; padding-right: 1%;}
.swiper-container-horizontal>.swiper-pagination{bottom: -8%;}
.swiper-pagination-bullet-active{background: #943ebe !important;}
#reality .swiper-slide{height:16px !important;height:auto !important;}
.reality a.btn{display: block; width:46%; height: 0.7rem;  line-height:0.7rem; background: #9850b9;font-size: 0.24rem;color:#fff;margin:4% auto 0; border-radius: 0.5rem;text-align: center;}
.reality a.btn img{width: 0.37rem; vertical-align: middle; padding: 0 0 1% 1%;}
.introduce .introduce_nav{overflow: hidden;margin:3% 0;}
.introduce .introduce_nav li{width: 24%;float: left;margin-right: 1.3333%;background: #b775d8;font-size: 0.24rem;color:#fff;padding:2% 0;text-align: center;}
.introduce .introduce_nav li:last-child{margin-right: 0;}
.introduce .introduce_nav li.on{background: #943ebe;}
.introduce .introduce_content{margin:0 0.5%;}
.introduce_content .swiper-container .swiper-slide {position: relative;margin-right: 2%;}
.introduce_content .swiper-container .swiper-slide span{display: block;width: 100%;height: 0.6rem;background: #000;opacity: 0.6;filter:alpha(opacity=60);position: absolute;left: 0;bottom: 0;}
.introduce_content .swiper-container .swiper-slide p{width: 90%;height: 0.5rem;color:#fff;position: absolute;left: 0;bottom: 0;padding:0 5%;text-align: center;line-height: 1.2;padding-top: 0.1rem;font-size: 0.2rem;}
.introduce_content  .swiper-container.cen .swiper-slide p{line-height: 0.4rem;}
.doctors { display: block; overflow: hidden; }
.footer{width: 100%;height:1.26rem;background:url(/images/index/newindex/bg.jpg) no-repeat top center !important;background-size: 100%;margin:0 !important;padding:0 !important;position: fixed;bottom: 0;z-index: 999;overflow:visible !important;max-width: 640px;margin:0 auto;}
.footer .over{overflow: hidden;padding:0.1rem 0 0 40%;}
.footer .over a{float: left;width: 22%;margin-right: 12%;}
.footer .over a:last-child{margin-right: 0;}
.footer .over a span{display: block;text-align: center;color:#fff;font-size: 0.26rem;}
.footer a.act{position: absolute;width: 28%;left:5%;top: -0.5rem;}
.footer a.act span{display: block;width: 96%;position: absolute;left: 2%;top: 2%; -webkit-animation:xuan 30s infinite linear ; -moz-animation:xuan 30s infinite linear ;animation:xuan 30s infinite linear}
@-webkit-keyframes xuan {
    0%{
        
        -webkit-transform: rotate(0deg);
    }
    50%{
        -webkit-transform: rotate(180deg);
    }
    100%{
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes xuan {
    0%{
        
        -moz-transform: rotate(0deg);
    }
    50%{
        -moz-transform: rotate(180deg);
    }
    100%{
        -moz-transform: rotate(360deg);
    }
}



@-webkit-keyframes Indexbounce {
    0%, 100%, 20%, 53%, 80% {
        -webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform:translate3d(0, -10px, 0);
        transform:translate3d(0, -10px, 0)
    }
    70% {
        -webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform:translate3d(0, -5px, 0);
        transform:translate3d(0, -5px, 0)
    }
    90% {
        -webkit-transform:translate3d(0, -4px, 0);
        transform:translate3d(0, -4px, 0)
    }
}
@keyframes Indexbounce {
    0%, 100%, 20%, 53%, 80% {
        -webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform:translate3d(0, 0, 0);
        -ms-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform:translate3d(0, -10px, 0);
        -ms-transform:translate3d(0, -10px, 0);
        transform:translate3d(0, -10px, 0)
    }
    70% {
        -webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform:translate3d(0, -5px, 0);
        -ms-transform:translate3d(0, -5px, 0);
        transform:translate3d(0, -5px, 0)
    }
    90% {
        -webkit-transform:translate3d(0, -4px, 0);
        -ms-transform:translate3d(0, -4px, 0);
        transform:translate3d(0, -4px, 0)
    }
}


/*首页750头部底部*/
.newHead { max-width:750px; overflow: hidden; width: 100%; margin: 0 auto; padding: 0; position:relative;}
.newHead .navBtn{width: 15%; position:absolute; left: 0; top: 0; z-index: 3;}
.newHead .zixun{width: 15%; position:absolute; right: 0; top: 0; z-index: 3;}
.newHead .topimg{position:absolute; left: 0; top: 0; z-index: 2; display:none;}
.new_foot{max-width: 750px; height: 1.52rem;}
.new_foot .menu{height: 1.32rem;  margin-top: 0.2rem;}
.new_foot .menu li{width: 100%; height: 1.16rem; position:relative; padding-top: 0.16rem;}
.new_foot .menu li a span{display: block;font-size: 0.22rem;text-align: center;color: #fff;padding-bottom: 0.5em}
@media screen and (min-width: 750px) {
    .footer_new{bottom: 0}
    .footer_new .menu li a i{height: 6em}
    .new_foot .menu li a i{height: 6em}
    .footer_new .menu li a:nth-child(3),.footer_new .menu li a:nth-child(4) { height: 8em; }
    .footer_new .menu li.li1 a:nth-child(3) i,.footer_new .menu li.li1 a:nth-child(4) i { height: 8em; }
    .footer_new .menu li.li1 a:nth-child(3) span,.footer_new .menu li.li1 a:nth-child(4) span { height: 8em; line-height: 5.2em; font-size: 1.6em; }
}