/* 右侧导航 */
.right_nav{ width: 48px; height: 100%; background: #555F6D; position: fixed; right: 0; top: 0; z-index: 999;}
.right_nav ul{ width: 48px; height: 460px; background: #555F6D; overflow: hidden; position: fixed; right: 0; top: 50%; margin-top: -230px; z-index: 999;}
.right_nav ul li{ font-size: 14px; line-height: 60px; text-align: center; color: #fff;}
.right_nav ul li a{ color: #fff;}
.right_nav ul li a:hover{ color: #FD8FC9;}
.right_nav ul ins{ display: block; width: 28px; height: 1px; margin: 0 auto; background: #fff; opacity: .5;}
.right_nav ul li:last-child{ line-height: 20px; font-size: 13px;}
.right_nav ul li span{ display: block; font-size: 14px; margin-top: 20px;}
/* 轮播图 */
.fullSlide{width:100%;position:relative;height:380px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:380px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:380px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:10px;height:10px; border-radius: 10px; margin:1px 5px;overflow:hidden;background:#fff;filter:alpha(opacity=50);opacity:0.8;line-height:0; font-size: 0;}
.fullSlide .hd ul .on{background:#FD8FC9;}
.fullSlide .prev{ display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:50%;margin-left: -420px; z-index:1; width:30px;height:60px; border-radius: 2px; background:url(../images/arrow-left.png) 7px 14px #000 no-repeat;background-size: 16px;cursor:pointer;filter:alpha(opacity=30);opacity:0.3;display:none;}
.fullSlide .next{ display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;right:50%; margin-right: -374px; z-index:1; width:30px;height:60px; border-radius: 2px; background:url(../images/arrow-right.png) 8px 14px #000 no-repeat;background-size: 16px;cursor:pointer;filter:alpha(opacity=30);opacity:0.3;display:none;}

/* 轮播图右侧 */
.top_news{ width: 210px; height: 330px; padding:5px 8px; position: absolute; right: 50%; margin: 20px -600px 0 0; z-index: 999; border-radius: 6px; background: url(../images/baibg.png);}
.top_news ul li{ width: 202px; height: 54px; padding: 12px; margin:1px 0; background: url(../images/baibg.png); overflow: hidden;}
.top_news ul li div{ width: 72px; height: 54px; margin-right: 8px; overflow: hidden; float: left;}
.top_news ul li img{ width: 100%; min-height: 54px;}
.top_news ul li p{ width: 122px; font-size: 14px; line-height: 24px; color: #666; margin-top: 3px; text-align: justify; float: left;}

.top_news p{ font-size:14px; line-height:30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;}
.top_news p>a:before{ content:""; display:block; width:4px; height:4px; border-radius:100%; background:#666; float:left; margin:13px 5px 0 0; }


/* 推荐项目 */
.tj_pro{ height: 80px; margin-top: 20px;}
.tj_pro ul li{ width: 224px; height: 80px; margin-left: 20px; float: left;}
.tj_pro ul li:first-child{ margin-left: 0;}

.tj_pro ul li ins{ display: block; width: 24px; height: 2px; background: #fff; margin: 24px auto 0;}
.tj_pro ul li p{ font-size: 18px; line-height: 50px; color: #F7F0F0; text-align: center;}

/* 内容区 */
.index_content{ margin-top: 17px;}
.pub_title{ margin-top: 26px; overflow: hidden;}
.pub_title>p{ font-size: 18px; line-height: 30px; color: #333; font-weight: bold; float: left;}
.pub_title>p:before{ content: ""; display: inline-block; width: 3px; height: 18px; background:linear-gradient(0deg,#FFFFFF,#FD8FC9); margin: 6px 7px 6px 0; float: left;}
.pub_title .more{ display: inline-block; font-size: 14px; color: #999; line-height: 30px; float: right;}
.pub_title .more>span{ font-size: 13px; margin-left: 2px;}
.pub_title .more:hover{ color: #FD8FC9;}

/* 左边 */
.index_left{ width: 860px;}
/* 案例 */
.al_fenl{ width: 600px; height: 30px; position: relative;overflow: hidden; float: left; }
.al_fenl li{ display: none; margin-right: 40px; font-size: 18px; line-height: 30px; color: #333; cursor: pointer;}
.al_fenl li.cur{ color: #FD8FC9;}
.zyqh{ display: inline-block; width: 15px; font-size: 12px !important; height: 22px; margin-top: 4px; background: #F4F5F6; line-height: 22px; text-indent: 2.5px;}
.al_fenl>ins{ display: block; width: 60px; height: 30px; position: absolute; z-index: 1; top: 0; right: 0; background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,1));}

.case>div{ display: none;}
.case>div:first-child{ display: block;}
.case>div ul li{ height: 180px; padding: 20px 0; border-top: 1px solid #F5F5F5; overflow: hidden;}
.case>div ul li:first-child{ border: 0; padding-top: 14px;}

.case_img{ width: 360px; height: 180px; margin-right: 20px; position: relative; overflow: hidden; float: left;}
.case_img>img{ width: 180px; min-height: 180px; float: left;}
.case_img p{ height: 22px; position: absolute; bottom: 0; left: 0;}
.case_img p>span{ display: inline-block; width: 52px; height: 22px; font-size: 12px; line-height: 22px; color: #fff; text-align: center; border-radius: 0 15px 15px 0; background: #000; margin-right: 128px; opacity: .65;}
.case_img p>span:last-child{ background: #FD8FC9;}

.case_con{ width: 480px; float: left;}
.biaoti{ font-size: 16px; line-height: 26px; color: #333; font-weight: bold;}
.biaoti:hover{ color: #FD8FC9;}
.jianjie{ font-size: 14px; color: #666; line-height: 26px; text-align: justify; margin: 15px 0 35px;}
.qita{ height: 20px; font-size: 14px; color: #666; line-height: 20px; overflow: hidden;}
.qita>ins{ display: inline-block; width: 20px; height: 20px; border-radius: 10px; overflow: hidden; margin-right: 8px; float: left;}
.qita>ins>img{ width: 20px; min-height: 20px;}
.qita span{ float: left;}
.qita>i{ font-style: normal; margin-left: 32px; color: #999; float: right;}
.qita>i>img{ height: 14px; margin: 3px 4px 0 0;}

/* 可能喜欢 */
.like>p{ font-size: 14px; line-height: 20px; color: #333;}
.like ul{ height: 80px; margin-top: 10px; overflow: hidden;}
.like ul li{ width: 118px; height: 80px; padding: 0 10px; border-radius: 10px; margin-left: 6.4px; color: #fff; overflow: hidden; float: left;}
.like ul li:first-child{ margin-left: 0;}
.like ul li p{ font-size: 16px; line-height: 30px; text-align: center; margin-top: 12px; color: #fff;
	display: inline-block;
	white-space: nowrap; 
	width: 100%; 
	overflow: hidden;
	text-overflow:ellipsis;}
.like ul li span{ display: block; font-size: 14px; line-height: 26px; text-align: center; color: #fff; opacity: .5;}

/* 整形资讯 */
.news ul li{ height: 120px; padding: 20px 0; border-top: 1px solid #F5F5F5; overflow: hidden;}
.news ul li:first-child{ border: 0; padding-top: 14px;}
.news ul li:last-child{ padding-bottom: 0;}
.news_img{ width: 180px; height: 120px; border-radius:2px; margin-right: 20px; overflow: hidden; float: left;}
.news_img>img{ width: 180px; min-height: 120px;}
.news_con{ width: 660px; float: left;}
.news_con .jianjie{ margin: 11px 0;}
.news_con .qita>span{ color: #999;}

/* 整形医院 */
.hospital ul{ overflow: hidden;}
.hospital ul li{ width: 207.5px; height: 156px; margin: 14px 0 0 10px; overflow: hidden; float: left; position: relative;}
.hospital ul li>img{ width: 207.5px; min-height: 156px;}
.hospital ul li:nth-child(1),.hospital ul li:nth-child(4),.hospital ul li:nth-child(8){ margin-left: 0;}
.hospital ul li:nth-child(2){ width: 425px;}
.hospital ul li:nth-child(2) img{ width: 425px;}
.hospital ul li:nth-child(2)>p{width: 405px;}
.hospital ul li:nth-child(2)>div{width: 405px;}

.hospital ul li>span{ display: block; width: 100%; height: 60px; background:linear-gradient(-180deg,rgba(51,51,51,0),rgba(51,51,51,0.5)); position: absolute; top: 96px; z-index: 1;}
.hospital ul li>p{ width: 187.5px; padding: 0 10px; font-size: 14px; line-height: 30px; color: #fff; position: absolute; left: 0; bottom: 0; z-index: 2;
	display: inline-block;
	white-space: nowrap; 
	overflow: hidden;
	text-overflow:ellipsis;}

.hospital ul li>div{ display: none; width: 187.5px; height: 156px; padding: 0 10px; color: #fff; background: url(../images/heibg.png); overflow: hidden; position: absolute; top: 0;}

.h_bt{ font-size: 16px; line-height: 24px; margin: 24px 0 10px; color: #fff;}
.h_scjg{ font-size: 12px; opacity: .65; line-height: 18px; color: #fff;
	display: inline-block;
	white-space: nowrap; 
	width: 100%; 
	overflow: hidden;
	text-overflow:ellipsis;}
.hospital ul li ins{ display: block; width: 23px; height: 2px; background: #fff; margin: 5px 0;}
.hospital ul li>div a:last-child{ font-size: 14px; line-height: 24px; color: #fff;}
.hospital ul li>div a:last-child:hover{ color: #FD8FC9;}

.hospital ul li:nth-child(2) .h_bt{ margin: 24px 0 10px;}

.hospital ul li i{ position: absolute; top: 0; left: 10px; z-index: 1;}
.hospital ul li i>img{ width: 24px !important; height: 24px;}

/* 右边 */
.index_right{ width: 300px; margin-left: 40px;}
/* 找医生 */
.doctor ul{ overflow: hidden;}
.doctor ul li{ width: 150px; height: 40px; padding-top: 20px; float: left;}
.doctor ul li:nth-child(1),.doctor ul li:nth-child(2){ padding-top: 14px;}
.doc_img{ width: 40px; height: 40px; border-radius: 20px; margin-right: 10px; overflow: hidden; float: left;}
.doc_img>img{ width: 40px; min-height: 40px;}

.doc_con{ width: 95px; float: left;}
.doc_name{ font-size: 15px; line-height: 22px; color: #333; font-weight: 600; letter-spacing: 1px;}
.doc_shanc{ font-size: 12px; line-height: 18px; color: #666;
	display: inline-block;
	white-space: nowrap; 
	width: 100%; 
	overflow: hidden;
	text-overflow:ellipsis;}

/* 热门项目 */
.project ul{ overflow: hidden;}
.project ul li{ width: 145px; margin: 20px 10px 0 0; float: left;}
.project ul li div{ width: 145px; height: 80px; overflow: hidden;}
.project img{ width: 145px; min-height: 80px;}
.project ul li:nth-child(2),.project ul li:nth-child(4),.project ul li:nth-child(6),.project ul li:nth-child(8){ margin-right: 0;}
.project ul li p{ font-size: 14px; line-height: 16px; margin-top: 10px; text-align: center; color: #333;}
.project ul li:nth-child(1),.project ul li:nth-child(2){ margin-top: 14px;}

/* 整形问答 */
.ask ul li{ font-size: 14px; line-height: 44px; color: #333; border-bottom: 1px solid #F5F5F5;
  	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;}
.ask ul li:first-child{ width: 300px; height: 140px; margin-top: 14px; overflow: hidden; position: relative;}
.ask ul li:first-child img{ width: 300px; min-height: 140px;}
.ask ul li:first-child p{ width: 280px; padding: 0 10px; font-size: 15px; line-height: 36px; color: #fff; background: url(../images/heibg_05.png); position: absolute; bottom: 0;}


