@charset "utf-8";
/*首页*/
/*banner*/
.banner{ width: 100%; margin: 0 auto;}
#ban-container{ width: 100%;}
#ban-container img{ width: 100%;}
/*#ban-pagination .swiper-pagination-bullet{ width: 20px; height: 3px; border-radius: 0px; background: #fff; opacity: 1; }
#ban-pagination .swiper-pagination-bullet-active{ background: #b323dd;}*/
#ban-pagination .swiper-pagination-bullet{ width: 10px; height: 10px; background: #fff; opacity: 1; }
#ban-pagination .swiper-pagination-bullet-active{ background: #b323dd;}
/*banner*/


.hotnews{width:97%; max-width:620px; height:50px; margin:10px auto; line-height:50px; background:#e4e4e4; border-radius:25px; padding:0px 15px; box-sizing:border-box;overflow:hidden;}
.hotnews a{display:block; color:#000;}
.hotnews i{display:block; width:20%; float:left;}
.hotnews i img{width:100%;}
.hotnews a.hotnew{width:55%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left; text-indent:10px;}
.hotnews a.morenews{width:13%; overflow:hidden; float:right;}

.homexm{width:100%; max-width:640px; margin:3px auto;}
.homexm .row{ margin-bottom:2px;}
.homexm .col-xs-4{width:33.3%; padding:0; padding:2px; box-sizing:border-box;}
.homexm .col-xs-6{width:50%; padding:0; padding:2px; box-sizing:border-box;}

.homexmTab{width:100%; max-width:640px; margin:0px auto; margin-top:15px;}
.homexmTab .menu{width:95%; height:30px; line-height:30px; margin:3px auto;}
.homexmTab .menu li{width:33.3%; float:left; background:#dcdcdc; color:#2e3642; font-size:16px; text-align:center;padding:8px 0px;  }
.homexmTab .menu li.ac{background:#1b1c32; color:#fff;}
.homexmTab .homexmc{display:none;}
.homexmc{padding:0px; clear:both; padding-top:15px;}
.homexmc .col-xs-3{text-align:center; font-size:12px; padding-bottom:10px;  }
.homexmc .col-xs-3 a{color:#555555; line-height:30px; display:block; width:85%; margin:0px auto; text-align:center;}
.homexmc .col-xs-3 a img{width:100%;}

/*美丽日记*/
.meiliriji{width:100%; max-width:640px; margin:0px auto;}
.mlrjh{font-size:20px; color:#333333; padding:5px 0px; text-indent:8px;}
.mlrjh a.more{font-size:16px; color:#c1c0c0; float:right; padding-right:8px;}
.meiliriji .swiper-slide img{width:100%;}
.meiliriji .swiper-pagination{ text-align:right; padding-bottom:10px;}
.meiliriji .swiper-pagination-bullet{ background:#721762;}
.meiliriji .swiper-pagination-bullet-active{ background:#892577;}

/*首页案例选项卡*/
.homecaseTab{width:100%; max-width:640px; margin:0px auto; }
.homecaseTab .menu{width:95%;line-height:30px; margin:3px auto; overflow:hidden;}
.homecaseTab .menu li{width:25%; float:left;  border-bottom:#fff 3px solid;color:#555555; font-size:16px; text-align:center;padding:8px 0px 2px 0px; }
.homecaseTab .menu li.ac{ border-bottom:#8b2579 3px solid;color:#24253a; font-weight:bold;}
.homecaseTab .homecasec .hcase{display:none;}
.hcase ul li{width:48%; float:left; margin:5px 1%; text-align:center; line-height:30px;}
.hcase ul li img{width:100%;}

.hfdoctors{width:100%; max-width:640px; margin:0px auto; clear:both; }
.hfdoctors .swiper-container{margin:6px 1px; box-sizing:border-box; padding-bottom:20px;}
.hfdoctors .swiper-slide img{width:100%;}
.hfdoctors .swiper-container .swiper-pagination-bullet-active{background:#24253a;}
.homebrand{width:100%; max-width:640px; margin:0px auto; clear:both; }
.homesafty{width:100%; max-width:640px; margin:0px auto; clear:both; padding-bottom:10px; padding-top:20px; background:#1b1c31;}
.homesafty ul{overflow:hidden;}
.homesafty ul li{width:21.25%; float:left; margin:0px 1.875%;}
.homesafty ul li img{width:100%;}


/*首页明星活动选项卡*/
.homehdTab{width:96%; max-width:640px; margin:0px auto;  margin-bottom: 0.666667rem; clear:both; }
.homehdTab .menu{width:100%;line-height:30px; margin:3px auto; overflow:hidden; background: #fff; }
.homehdTab .menu li{width:24.6%;  float:left; color:#fff; background: #3d4653; font-size:14px; text-align:center;padding:8px 0px 2px 0px;  margin-left: 0.12rem;}
.homehdTab .menu li:first-child{ margin-left: 0px;}
.homehdTab .menu li.ac{color:#fff; background: #904bf7; font-weight:bold;}
.homehdTab .homehd .hdc{ padding:5px 0px; height:0px; overflow:hidden;}
.hdc .swiper-slide img{width:100%;}
.homehdTab .homehd .hd2{margin-top:-10px;}
.homehdTab .homehd .hd3{margin-top:-10px;}
.homehdTab .homehd .hd4{margin-top:-10px;}
.homehdTab .homehd .ac{height:auto!important;}
.homehdTab .homehd .swiper-pagination { bottom: 0px;}
.homehdTab .homehd .swiper-pagination-bullet{ background: #ddd; opacity: 1; }
.homehdTab .homehd .swiper-pagination-bullet-active{ background: #6564e3;}
/*.homehd .swiper-container { height:8rem}*/
.homehd .swiper-container .swiper-slide{ top: 5px; }


/*案例列表*/
.nnavcase{width:100%;max-width:640px; margin:0 auto; line-height:50px; /*height:50px; */background-color:#2e3642}
.nnavcase a{  width:20%; line-height:28px; height:30px; font-size:14px; float:left; text-align:center; display:block; color:#904bf7;}
.nnavcase a.ac{background:#904bf7; color: #fff;border:none;}
.casebanner{max-width:640px; margin:0 auto;}
.caselist{width:94%; max-width:600px; margin:10px auto;}
.caselist ul{}
.caselist ul li{border:1px solid #dedede; margin:10px auto; padding:2.1%; box-sizing:border-box;}
.caselist ul li .casepic img{width:100%;}
.caselist ul li .casewd{ font-size:16px; color:#555555; text-align:center; padding:15px 0px;}
.caselist ul li .casebtn{width:65%; overflow:hidden; margin:0px auto;}
.caselist ul li .casebtn a{display:block; width:48%; height:40px; line-height:40px; text-align:center; border-radius:5px; color:#fff; font-size:16px;}
.caselist ul li .casebtn a.btn1{float:left; background:#46465e;}
.caselist ul li .casebtn a.btn2{float:right; background:#904bf7;}
.pagelist{ text-align:center; padding:1em 0}
.pagelist li,.pagelist a,.pagelist span{ display:inline-block; padding:0 0.5em;font-size:1em}
/*案例列表*/

/*案例详情*/
.casedetail{width:94%;  max-width:640px;margin:10px auto;}
.casedetail h1{text-align:center; font-size:18px;}
.casephotos img{width:100%!important; max-width:600px;}
.qingchun{width:95%; margin:30px auto; padding:20px; box-sizing:border-box; overflow:hidden; background:#ba65ab; border-radius:10px;}
.qingchun img{width:37%; max-width:224px; float:left;}
.qingchun .p{width:55%; float:right; line-height:20px; color:#fff; font-size:12px;}
.casedetail .subtitle h3{display:block; width:40%; height:40px; line-height:40px; text-align:center; color:#fff; background:#46465e; font-size:18px;}
.beauty-log{width:100%; max-width:600px; margin:0px auto; overflow:hidden;}
.beauty-log img{max-width:100%!important;}
.datab {border-radius:10px;border:2px solid #d2d2d2; overflow:hidden; margin:25px auto;}
.datab table{width:100%!important;}
.datab table tr td{border:2px solid #d2d2d2; line-height:18px; padding:5px; width:auto!important; text-align:center; font-size:12px;}
.datab table tr .bdtop{border-top:0;}
.datab table tr td.bdbot{border-bottom:0;}
.datab table tr td.bdleft{border-left:0;}
.datab table tr td.bdright{border-right:0;}
/*案例详情*/

/*品牌*/
.briefintro{width:95%; max-width:600px; margin:0px auto; line-height:24px;}
.floors{width:100%; max-width:640px; margin:0px auto; padding-top:20px; padding-bottom:20px;}
.floors .menu ul{overflow:hidden; background:#1b1c32; height:50px;}
.floors .menu ul li{float:left; width:16.6%; height:50px; padding:10px 0px 10px 0px; color:#fff; font-size:16px; text-align:center;}
.floors .menu ul li.ac{background:#892577;}
.floors .menu ul li.ac i{display:block; width:12px; height:6px; background:url(../images2017/brand/tri.png) no-repeat center; background-size:contain; margin:0px auto;}
.floorbox ul li{display:none;}
.floorbox ul li img{width:100%;}

.history{width:100%; max-width:640px; margin:0px auto; padding-top:20px; padding-bottom:20px; background:#1b1c31;}
.histitle{padding-bottom:20px; padding-top:20px;}
.history .menu ul{overflow:hidden; background:#1b1c32; height:50px;}
.history .menu ul li{float:left; width:11.1%; height:50px; padding:10px 0px 10px 0px; color:#fff; font-size:16px; text-align:center; vertical-align:bottom; font-size:12px;}
.history .menu ul li i{display:block; width:12px; height:6px;margin:0px auto; }
.history .menu ul li.ac{color:#d322ae;}
.history .menu ul li.ac i{background:url(../images2017/brand/tri2.png) no-repeat center; background-size:contain; }
.historybox ul li{display:none;}
.historybox ul li img{width:100%;}
.bcaselist{ background:#1b1c31; padding-bottom:30px;}
.bcaselist .cc{width:95%; margin:10px auto; overflow:hidden;}
.bcaselist ul{width:95%; margin:10px auto; overflow:hidden;}
.bcaselist ul li{width:48%; float:left; margin:5px 1%;}
.bcaselist ul li img{width:100%;}
.brandservice{background:#1b1c32; padding-bottom:20px; padding-top:20px;}
.brandservice .desc{ width:95%; max-width:600px; margin:0px auto;color:#fff; line-height:20px; padding:15px 0px 15px 0px;}
.brandservice ul{width:97%; margin:0px auto; overflow:hidden;}
.brandservice ul li{width:47%; float:left; margin:5px 1.5%;}
.brandservice ul li img{width:100%;}

.safty_part{width:100%;  margin:0px auto; padding:10px 2.5%; background:#1b1c32;}
.safty_part .safty_title{padding-bottom:10px;}
.safty_part img{width:100%;}

/*品牌*/

/*医生详情*/
.docview{width:95%; max-width:600px; margin:10px auto;}
.doctorsdetail{width:95%; max-width:600px; margin:10px auto;line-height:24px; font-size:16px;}
.jianying{ background:url(../images2017/doctors/vanlibg.jpg) repeat;padding-top:5px;}
.anlidazao{display:none;}
.jianying h2,.anlidazao h2{text-align:center; font-weight:bold; line-height:50px;}
.jinyingbox,.anlidazaobox{overflow:hidden; padding-bottom:20px;}
.jinyingbox  img,.anlidazaobox img{width:48%!important; height:auto!important; float:left; margin:5px 1%;}
/*医生详情*/

/*项目列表*/
.allparts img{ max-width:100%;}
.xmcontainer{width:100%; max-width:640px; margin:5px auto;}
.xmcontainer .menu {background:#892577; overflow:hidden;}
.xmcontainer .menu ul li{width:20%; float:left; text-align:center; line-height:40px; padding:5px 0px; color:#fff; cursor:pointer;}
.xmcontainer .menu ul li.ac{background:#b254a2;}
.xmbox .xmli{height:0px; overflow:hidden;}
.xmbox .ac{height:auto!important;}
.xmbox .xmli .swiper-container{background:#b254a2; padding:10px 0px;}
.xmbox .xmli .swiper-container a{ color:#fff; text-align:center;}
.xmbox .xmli .swiper-container .active{background:#892577; border-radius:20px;}
.xmbox .xmli .swiper-container a:hover{background:#892577; border-radius:20px;}
/*.xmbox .xmli .zscontainer a:hover{background:#892577; border-radius:20px;}
.xmbox .xmli .zscontainer .active{background:#892577; border-radius:20px;}*/
.xmbox .xmli .nav li a{font-size:12px; padding:5px 0px;}
.xmli .tab-pane ul li{width:28%; float:left; margin:8px 2.6%; text-align:center; border-radius:4px; box-shadow:0px 0px 3px 3px #ebebeb;}
.xmli .tab-pane ul li img{width:100%;}
.xmli .tab-pane ul li p{ line-height:30px;overflow: hidden;white-space:nowrap; text-overflow:ellipsis; }

.xm_arrow{ display:block; width:20px; height:20px; background:url(../images2017/iterm/xm_arrow.png) no-repeat; position:absolute; z-index:99; right:0px; top:5px;animation:xmhuadong 1s ease-in-out infinite alternate; -webkit-animation:xmhuadong 1s ease-in-out infinite alternate;}
@-webkit-keyframes xmhuadong {
 0% { -webkit-transform:translateX(0px);}
 100%{-webkit-transform:translateX(-15px);}
}
@keyframes xmhuadong {
 0% {transform:translateX(0px);}
 100%{transform:translateX(-15px);}
}

/*小于4个的项目*/
.zscontainer{background:#b254a2; padding:10px 0px;}
.zscontainer ul{overflow:hidden;}
.zscontainer ul li{width:25%; float:left; height:30px; line-height:20px;}
.zscontainer ul li a{ text-align:center; color:#fff;}
.zscontainer .nav li a:hover{background:#892577; border-radius:15px;}
.zscontainer .nav li.active{background:#892577; border-radius:15px;}
.zscontainer .nav li.active a{background:#892577!important; border-radius:15px;}


.hdoctors{max-width:640px; margin:0px auto;}/*医生滚动*/
.hdoctors .swiper-slide img{width:100%;}
.doctors_heading{width:100%; max-width:640px; margin:10px auto; background:#892577; line-height:30px; color:#fff; padding:8px 0px; text-indent:10px;}
.doctors_heading a{float:right; margin-right:10px;color:#fff;}

/*项目列表*/

/*项目详情页*/
.xmbrief{padding-bottom:15px; padding-top:8px;}
.xmbrief h1{font-size:18px; color:#892577; font-weight:bold; margin-top:0; }
.zxnum{border-bottom:1px dashed #dcdcdc; padding-bottom:8px;}
.zxnum span{ color:#b254a2;}
.briefdesc{line-height:20px; padding:8px 0px;}
.xmbtns{width:72%; max-width:432px; margin:10px auto; overflow:hidden;}
.xmbtns .btn{ width:45%;}
.xmbtns .btn img{ width:100%;}
.xmbrief table tr td.tbh{width:18%; padding:5px 0px; text-align:center; background:#9aa8b5;}
.xmbrief table tr td.tbh img{width:81.8%;}
.xmbrief table tr td.tbc{width:23%; padding:5px 0px; text-align:center; background:#e1f1ff;}
.xmbrief table tr td.tbb{ padding:5px 0px; text-align:center; background:#e1f1ff;}
.xmbrief table tr td.tbd{height:10px;}

.xmfixednav{position:relative;height:40px; overflow:hidden;}
.hjFix{position:absolute;left:0;top:0px; width:100%;}
.hjFix ul{width:100%;overflow:hidden;}
.hjFix.ac{ position:fixed; top:0;left:0;z-index:50;_position:absolute;_top:expression(eval(document.documentElement.scrollTop));}
.hjFix li{ width:16.6%; text-align:center;float:left; line-height:40px; font-size:12px;}

.xmfixednav .navbar{min-height:40px;}
.xmfixednav .navbar-default{height:40px!important; overflow:hidden; padding:0px!important; margin:0px!important;border:none!important; border-radius:0px!important;}
.xmfixednav .navbar-nav{padding:0px!important; margin:0px!important; }
.xmfixednav .navbar-nav li{height:40px;}
.xmfixednav .navbar-nav li{padding:0px; margin:0px;height:40px; line-height:40px;}
.xmfixednav .navbar-nav li a{display:block; padding:0px; margin:0px;width:100%;height:40px; line-height:40px;background:#edeef1!important;color:#000; text-decoration:none; outline:none; text-align:center;}

/*.hjFix li a{display:block; width:100%;height:100%; background:#edeef1!important;color:#000; text-decoration:none; outline:none; line-height:40px; text-align:center;}*/
.xmfixednav .hjFix li.active a{ background:#ba65ab!important;color:#fff!important;padding:0px!important; margin:0px!important;}

.xm_youshi{padding:10px 0px; line-height:22px;}
.xmdetailhead{line-height:40px; overflow:hidden;}
.xmdetailhead strong{font-size:18px; font-weight:bold; border-bottom:2px solid #892577;}
.xmdetailhead a.xmmore{ float:right; text-align:right; font-size:16px; text-decoration:underline;}
.padtop{ padding-top:50px;}

.itermDiv{ padding:1em 0 0em 1em; margin:0 auto; font-size:1em; overflow:hidden; width:100%; display:block;}
.itermDiv .swiper-wrapper .swiper-slide img{width:100%!important; height:auto!important;}
.xm_jishu .xmc img{ width:auto;max-width:100%; height:auto!important;}
.xm_doctors .swiper-slide img{width:100%!important; height:auto!important;}
.xm_doctors .swiper-button-prev{background:url(../images2017/iterm/leftarr.png) no-repeat; background-size:contain;}
.xm_doctors .swiper-button-next{background:url(../images2017/iterm/rightarr.png) no-repeat; background-size:contain;}
.xmc_article ul li{line-height:30px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.xmc_related{overflow:hidden;}
.xmc_related a{display:block; width:32.7%; float:left; margin:1.8px 0.3%; padding:6px 10px; background:#ba65ab; color:#fff; text-align:center;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
/*项目详情页*/

/*文章页*/

.atitle h1{ margin:0px auto;text-align:center; font-size:18px; line-height:26px; padding-bottom:8px; padding-top:10px; border-bottom:1px solid #ccc;}
.botdesc{text-align:center; }
.botdesc span{line-height:24px; vertical-align:super;}
.botdesc span i{width:20px; height:20px; display:inline-block;background-size:100% 100%; position:relative; }
.botdesc .adate i{ background:url(../images2017/article/ico1.jpg) no-repeat; background-size:100% 100%; padding-right:2px; top:5px;}
.botdesc .areadnum i{width:30px; background:url(../images2017/article/ico2.jpg) no-repeat;background-size:100% 100%; padding-right:5px;top:5px; margin-left:10px;}
.botdesc .azixun i{ background:url(../images2017/article/ico3.jpg) no-repeat;background-size:100% 100%;top:5px; margin-left:10px;}
.xmjj{line-height:25px ; padding:10px 0px; font-size:16px ;}

.articlebut{background:#eeeeee; padding:20px 0px;}
.article_btns{overflow:hidden;}
.article_btns a{display:block; width:50%; float:left;}
.article_btns a img{width:100%;}
.getNext ul li{line-height:30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }


/*文章页*/
/*文章页中插入的推荐医生*/
.articledoctor{max-width:640px; margin:5px auto; overflow:hidden; }
.swiper-container{width:100%; overflow:hidden;}
.articledoctor .swiper-slide{width:100%; max-width:640px; margin:0px auto;}
.articledoctor .swiper-slide img{width:100%;}


/*列表页*/
.arcList{ overflow:hidden;}
.arcList ul li{overflow:hidden; clear:both; margin:10px auto; padding-bottom:30px;}
.arcList ul li h2{ font-size:20px; font-weight:bold;color:#ba65ab; margin:0px; padding:5px 0;  line-height:30px;}
.arcList ul li h2 a{color:#ba65ab;}
.arcList ul li .pic img{width:100%!important;}
.arcList ul li .litpic{width:100%!important;}
.arcList ul li .p{line-height:25px; font-size:14px;}
.arcList ul li .p a.detail{color:#ba65ab;}
.arcList2 ul li{line-height:30px; text-align:left; text-indent:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-bottom:1px dashed #c3c3c3;}

/*列表页*/
@media screen and (max-width: 750px) {
.newarticle img{max-width:98% !important;}
}
@media screen and (max-width: 750px) {
.newarticle img{max-width:100% !important; /*float: left;*/ height: auto;}
.pubbutton{margin:5px auto; width:80%; line-height:30px; height:30px; clear:both}
.pubbutton a.cleft{line-height:30px; display:block; text-align:center; width:50%; background-color:#46465e; float:left; color:#FFF}
.pubbutton a.cright{line-height:30px;display:block;text-align:center; width:50%; background-color:#ff6005; float:left;color:#FFF}
}
.newarticle img{ max-width: 100% !important; margin: 0 auto; display:block;}
.pubbutton{margin:5px auto; width:80%; border-radius: 35px; overflow: hidden; line-height:30px; height:30px; clear:both}
.pubbutton a.cleft{line-height:30px; display:block; text-align:center; width:50%; background-color:#46465e; float:left; color:#FFF}
.pubbutton a.cright{line-height:30px;display:block;text-align:center; width:50%; background-color:#904bf7; float:left;color:#FFF}