@charset "UTF-8";
.over{overflow:hidden;}
.fr{float:right;}
.fl{float:left;}
img{width: 100%;height:auto;}
.index_content {margin: 0 auto; height: auto; max-width:640px;min-width:320px;overflow-x: hidden;}
.item1{font-size:18px;}

.mr3{margin:0 3%;}
/* banner 轮播切换 star */
#banner{position: relative;}
#banner .hd{position: absolute;width: 100%;text-align: center;bottom: 2%;left: 0;}
#banner .hd li{width: 0.2rem;height: 0.2rem;border:1px solid #fff;border-radius: 50%;display: inline-block;margin:0 4px;}
#banner .hd li.on{background: #9e5fd4;border-color:#9e5fd4; }
.plane{position: relative;margin:6% 4%;display: block;}
.plane span{display: block;width: 25%;position: absolute;right: -50%;top: 0;}
#ty_doctor{background: #e8e8f3;padding:4% 3%;}
#ty_doctor .swiper-slide dl{padding:0 0.15rem;}
#ty_doctor dl dd h3{font-size: 0.22rem;color:#000;}
#ty_doctor dl dd p{font-size: 0.2rem;color:#333;text-align: center;}
#ty_doctor dl dd strong{font-size: 0.2rem;color:#f5873d;font-weight: normal;display: block;}
#ty_doctor dl dd h3 span{display: inline-block;width: 22%;position: relative;top: 0.04rem;}
.project_hot{overflow: hidden;padding:6% 0 4%;}
.project_hot a{display: block;width: 20%;float: left;-webkit-transition: -webkit-transform 1s ease-out;-moz-transition: -moz-transform 1s ease-out;-o-transition: -o-transform 1s ease-out;-ms-transition: -ms-transform 1s ease-out;margin: 0 2.5% 2.5%;}
.project_hot a.on{ -webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);transform: rotateY(360deg);}
.index_hot{overflow: hidden;padding:6% 3% 2%;height: 1rem;background: #e1e1e1;margin-bottom: 6%;}
.index_hot .left{width: 24%;float: left;}
.index_hot .right { width: 70%;float: right; }
.index_hot .right .tg_scroll { width: 100%; overflow: hidden; }
.index_hot .right .tg_scroll ol li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;line-height: 1.8;padding-bottom:3%;line-height: 1.6;}
.index_hot .right .tg_scroll ol li a{font-size: 0.24rem;}
.index_hot .right .tg_scroll ol li a span{color:#fff;background: #dc3171;padding:0 1%;}
.caseer{padding:0 3% ;display: block;}
.reality {position: relative;margin-top: 4%;padding: 0.5rem 0 0.3rem;}
.reality h3{font-size: 0.24rem;color:#333;background:url(/images/index/newindex/con2.jpg) no-repeat left center;background-size: 0.4rem;font-weight:normal;text-align: left;padding-left: 0.45rem;height: 0.4rem;line-height: 0.4rem;position: absolute;left: 3%;top: 0;}
#reality .reality_nav{width: 60%;overflow: hidden;position: absolute;left: 40%;top: 0;height: 0.51rem;line-height: 0.51rem;}
#reality .reality_nav ul li{font-size: 0.28rem;color:#000;text-align: center;}
#reality .reality_nav ul li.on{border-bottom:2px solid #9e5fd4 !important;}
#reality .reality_content{border-top: 1px solid #999}
.case_box ul li{padding: 5% 3% 0;}
.case_box ul li dl{overflow: hidden;}
.case_box ul li dl dt{width: 20%;float: left;}
.case_box ul li dl dd{width: 70%;float: left;margin-left: 5%;}
.case_box ul li dl dd h4{font-size: 0.28rem;color:#333;text-align: left;font-weight: normal;line-height: 1.8;padding-top: 0.15rem;}
.case_box ul li dl dd p{font-size: 0.24rem;color:#9e5fd4;background:url(/images/index/newindex/con3.jpg) no-repeat left center;background-size: 0.4rem;padding-left: 0.45rem;}
.case_box ul li p.p1{font-size: 0.22rem;color:#666;margin:2% 0;}
.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;background: #943ebe;font-size: 0.24rem;color:#fff;margin:10% 25% 0;padding:2% 0;border-radius: 0.5rem;text-align: center;}
.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;}
.brand{display: block;margin: 0.8rem 0 1.55rem;}
.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);
    }
}