@charset "utf-8";
/* 整体内容区域是1270  主色：#5a0078*/
body{ font-family:Helvetica,"SourceHanSansCN-Normal","SourceHanSansCN"; margin:0; padding:0; color: #7105af;
    text-size-adjust: 100% !important;
    -webkit-text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
}
p,dl,dd,ul,ol,li,h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,dt{ font-weight:normal;}
li{ list-style:none;}
a{text-decoration:none; color:#7105af;}
a:focus, a:hover{text-decoration:none; outline: none;}
:focus{ outline: none;}
img{ border: none; outline: none; max-width:100%; height:auto;}
input{ border:none; outline:none; background: none;}
input::-moz-placeholder{ color: #aaa;}
input:-ms-input-placeholder { color: #aaa; }
input::-webkit-input-placeholder{ color:#aaa; }
input::placeholder{ color:#aaa; }
textarea::-moz-placeholder{color:#aaa; }
textarea:-ms-input-placeholder { color:#aaa; }
textarea::-webkit-input-placeholder{ color:#aaa; }

.clear{clear: both; margin: 0; padding: 0;}
.clearfix:after{ content: ""; display:block; height: 0; clear: both; visibility: hidden;}
.clearfix{*zoom:1;}

/*scroll*/
::-webkit-scrollbar {width:4px;height:4px}
::-webkit-scrollbar-button:vertical {display:none}
::-webkit-scrollbar-corner,::-webkit-scrollbar-track {background-color:transparent;}
::-webkit-scrollbar-thumb {border-radius:0;background-color:#7105af;}
::-webkit-scrollbar-thumb:vertical:hover {background-color:#7105af;}
::-webkit-scrollbar-thumb:vertical:active {background-color:#7105af;}

/* 首页 */
.header{
	padding:0 50px;
	border: 2px solid #7105af;
	height: 84px;
	background: rgba(80, 1, 134, 0.65);
	position: fixed;
	left:0;
	top:0;
	width:100%;
	z-index: 1001;
}
.logo{
	float: left;
	margin-top: 6px;
}
.logo img{
	width: auto;
	height: 70px;
}
.header .header-right{
	float:right;
}
.header-right .navbox{
	float: right;
}
.header-right .navbox li{
	float: left;
	margin-right: 1px;
	height: 80px;
	position: relative;
}
.header-right .navbox li>a{
	display: block;
	height: 81px;
	font-size: 18px;
	padding: 0 10px;
	line-height: 80px;
	color: #fff;
	font-weight:bold;
}
.header-right .navbox li .subnav{
	position: absolute;
	left: 50%;
	display: none;
	top: 80px;
	width: 100%;
	z-index: 10;
	padding: 10px 0;
	background: #fff;
	border-top: 2px solid #7105af;
	box-shadow: 0 0 10px rgba(144, 144, 208,.5);
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
}

.header-right .navbox li .subnav a{
  display: block;
	text-align: center;
  line-height: 28px;
  color: #7105af;
  padding: 5px 10px;
  font-size: 16px;
}


.header-right .navbox li:hover>a{
	/* background:#7105af; */
	background: #7105af;
	transition: all .3s;
}
.header-right .navbox li.current>a{
	/* background:#7105af; */
	background: #7105af;
	transition: all .3s;
}
.header-right .navbox li .subnav a:hover{
	color: #7105af;
}





.indexbanner{
	position: relative;
}
.indexbanner .swiper-slide{
	height: 702px;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
}

.indexbanner .slick-dots{
	bottom: 15px;
}
.bannerbox .slick-dots li{
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
.indexbanner .swiper-container-horizontal>.swiper-pagination-bullets{
	bottom: 25px;
}
.indexbanner .swiper-pagination-bullet{
	background: #fff;
	opacity: .8;
}
.indexbanner .swiper-pagination-bullet-active{ background: #7105af; width: 22px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }


.secition1{
	background:#f1f1f1;
	padding-top: 95px;
	padding-bottom: 90px;
}
.indextitle{
	color: #7105af;
	font-size:32px;
	
}
.secition1 ul.index-special{
	margin-top: 70px;
}
.index-special li{
	float: left;
	width:23.2%;
	margin-right: 2.4%;
}
.index-special li .imgbox{
	overflow: hidden;
}
.index-special li img{
	width: 100%;
	height: auto;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
}
.index-special li .index-special-title{
	height: 75px;
	line-height: 75px;
	text-align: center;
	color: #fff;
	background: #5a0078;
	transition: 0.3s 0s background-color ease;
}
.index-special li .index-special-title span{
	font-size: 19px;
	background: url(../images/arrow-r.png) no-repeat center right;
	padding-right: 26px;
}
.index-arrow-right{
	text-align: right;
	margin-top: 62px;
}
.index-arrow-right a{
	display: inline-block;
	padding-right: 35px;
	position: relative;
	font-size: 19px;
	color: #7105af;
}
.index-arrow-right a::after{
	content: " ";
	position: absolute;
	right: 0;
	top: 0;
	display: inline-block;
	width: 20px;
	height: 27px;
	transition: all 0.3s;
	background-image: url(../images/arrow-right.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
}
.index-arrow-right a:hover{
	color: #7105af;
}
.index-arrow-right a:hover::after{
	right: -10px;
	background-image: url(../images/arrow-right-r.png);
}
.section2{
	padding: 50px 0;
	background-image: url(../images/bg1.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top;
	background-size: cover;
}
.index-famous-doctor{
	background: rgba(170, 128, 182, 0.8);
	width: 42.5%;
	padding: 65px 65px;
}
.index-famous-doctor p{
	margin-top: 44px;
	font-size: 16px;
	color: #7105af;
	line-height:32px;
}
.index-famous-doctor ul.index-famous-list{
	padding-top: 40px;
}
.index-famous-doctor ul.index-famous-list li{
	border-bottom: 1px solid #cfcfce;
}
.index-famous-doctor ul.index-famous-list li a{
	display: block;
	padding-top: 28px;
	font-size: 19px;
	color: #7105af;
	padding-bottom: 28px;
	position: relative;
}
.index-famous-doctor ul.index-famous-list li span{
	margin-left: 28px;
}
.index-famous-doctor ul.index-famous-list li a::after{
	content: " ";
	position: absolute;
	right: 40px;
	top:32px;
	display: inline-block;
	width: 11px;
	height: 19px;
	background-image: url(../images/arrow-b.png);
	background-position: center;
	background-repeat: no-repeat;
}
.index-famous-doctor ul.index-famous-list li:hover a{
	color: #7105af;
}
.section2 a.index-morefamous{
	font-size: 16px;
	color: #7105af;
	margin-top: 10px;
	display: inline-block;
	padding-right: 34px;
	position: relative;
	
}
.section2 a.index-morefamous::after{
	content: " ";
	position: absolute;
	right: 0;
	top:5px;
	width: 17px;
	height: 14px;
	background-image: url(../images/arrow-rr.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	transition: all 0.3s;
}
.section2 a.index-morefamous:hover::after{
	right: -10px;
}
.section3{
	padding-top: 60px;
	padding-bottom: 40px;
}
.index-statustitle{
	padding-bottom: 60px;
	margin-bottom: 26px;
	border-bottom: 1px solid #f9f9f9;
}
.index-status ul li{
	float: left;
	width: 31.8%;
	margin-right: 2.3%;
}
.index-status ul li a{
	display: block;
}
.index-status ul li .imgbox{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.index-status ul li img{
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
}
.index-status ul li .index-newstitle{
	padding-top: 28px;
}
.index-status ul li h2{
	/*height: 64px;*/
	overflow: hidden;
	margin-bottom: 6px;
	/*font-size: 16px;*/
	font-size: 19px;
	text-align: center;
	color: #7105af;
	line-height:32px;
	/*display: -webkit-box;*/
	/*-webkit-line-clamp: 2;*/
	/*line-clamp: 2;*/
	/*-webkit-box-orient: vertical;*/
}
.index-status ul li span{
	display: inline-block;
	position: relative;
	font-size: 16px;
	color: #7105af;
	padding-right: 32px;
}
.index-status ul li span::after{
	content: " ";
	display: inline-block;
	position: absolute;
	right: 0;
	top: 5px;
	width: 17px;
	height: 14px;
	background-image: url(../images/arrow-right.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	transition: all 0.3s;
}
.index-status ul li:hover img{
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
}
.index-status ul li:hover span{
	color: #7105af;
}
.index-status ul li:hover span::after{
	right: -10px;
	background-image: url(../images/arrow-right-r.png);
}

.footer{
	background: #8f59ae;
	padding-top: 70px;
	padding-bottom: 44px;
}
.footer .foot-left{
	float: left;
	width: 65.5%;
}
.foot-left .foot-top{
	padding-bottom: 52px;
	border-bottom: 1px solid #454ea1;
	margin-bottom: 26px;
}
.foot-top a{
	display: inline-block;
	margin-right: 16px;
}
.foot-left .foot-top a img{
	height: 70px;
}	
.foot-top span{
	display: inline-block;
	margin-left: 44px;
	font-size: 33px;
	color: #7105af;
	letter-spacing: 5px;
	vertical-align: middle;
}
.footer-list{
	margin-top: 16px;
}
.footer-list .foot-item{
	position: relative;
	display: inline-block;
	margin-right:35px;
}   
.footer-list .foot-item.sph-box{
	display: none;
}
.foot-item a{
	display: block;
	width: 24px;
	height: 24px;
	cursor:default;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}

.wx {
	background-image: url(../images/icon-wx.png);
}
.sph{
	background-image: url(../images/icon-xcx.png);
	background-size: 100% auto;
}
.foot-item a:hover{
	/* background-color: #2b5183; */
}

.sph:hover{
	background-image: url(../images/icon-xcx-r.png);
	background-size: 100% auto;
}

.foot-item .pos {
	display: none;
	width: 110px;
	padding:2px;
	border-radius:5px;
	max-width: none;
	background: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,.3);
	position: absolute;
	left: 50%;
	margin-left:-55px;
	bottom:30px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.footer .foot-right{
	float: right;
	text-align: right;
	padding-top: 8px;
}
.footer p{
	font-size: 16px;
	line-height: 32px;
	color: #7105af;
}
.foot-bot p span{
	margin-right: 8px;
}
.footer .foot-right a{
	font-size: 16px;
	color: #7105af;
	line-height: 32px;
}
.footer .foot-right .tab a{
	margin-left: 12px;
}
.footer .foot-right a:hover{
	color: #7105af;
}
.footer .foot-right a.beian-gongan{
    display: inline-block;
    background-image: url('../images/icon-gongan.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px;
    padding-left: 30px;
}
.legal-box {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1001;
	display: none;
}

.legal-box var {
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.7;
	filter: Alpha(opacity=70);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}

.legal-box .cont {
	position: absolute;
	top: 0;
	right: 0;
	width: 620px;
	height: 100%;
	background: #7105af;
	z-index: 20;
	padding: 5% 50px;
	right: -100%;
	transition: all 0.8s;
}

.legal-box.on .cont {
	right: 0;
}

.legal-box .cont .close {
	position: absolute;
	top: 40px;
	right: 50px;
	width: 24px;
	height: 24px;
	background: url(../images/close-white.png) no-repeat center;
	cursor: pointer;
	background-size: 100% auto;
	opacity: 1;
}

.legal-box .cont .tit {
	padding-bottom: 20px;
	border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}

.legal-box .cont .tit .en {
	font-size: 30px;
	color: #fff;
	text-transform: uppercase;
	line-height: 1;
	margin-bottom: 5px;
}

.legal-box .cont .tit .cn {
	font-size: 18px;
	color: #fff;
}

.legal-box .cont .font h6 {
	padding-top: 40px;
	font-size: 16px;
	color: #fff;
	margin-bottom: 8px;
}

.legal-box .cont .font p {
	font-size: 14px;
	color:#fff;
	margin-bottom: 10px;
	line-height: 28px;
}

/* 名医工作室 */
.banner{
	position: relative;
}
.banner .bannerimg{
	height: 443px;
	width: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.banner .container{
	position: absolute;
	left: 50%;
	bottom: 18px;
	transform: translateX(-50%);
}
.banner h1{
	font-size:42px;
	color: #7105af;
	margin-bottom: 27px;
}
.banner .location{
	color: #7105af;
	font-size: 16px;
}
.banner .location a{
	color: #7105af;
	font-size: 16px;
}
.mainbox{
	background: #f9f9f9;
	padding-top: 68px;
	padding-bottom: 88px;
}
.doctorbox{
	/*min-height: 600px;*/
	width: 85%;
    margin: 0 auto;
}
.doctor-left{
	float: left;
	/* min-height: 600px; */
	/*padding-bottom: 40px;*/
	/*width: 49.6%;*/
	width: 41.4%;
	position: relative;
}
.doctor-left .swiper-container{
	height: 600px;
}
.doctor-left ul{
    /*width: 72%;*/
    /*margin: 0 auto;*/
}
.doctor-left li{
	/*position: absolute;*/
	/*height: auto;*/
	width: 32%;
	float: left;
    margin-right: 2%;
    margin-bottom: 10px;
}
.doctor-left li a{
	display: block;
	position: relative;
}
.doctor-left li .imgbox{
	width: 100%;
	height: auto;
	border-radius: 5px;
	overflow: hidden;
	background-image: url(../images/bgdoctor.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	transition: all .3s;
}
.doctor-left li img{
	width: 100%;
	height: auto;
	transition: all .5s;
}
.doctor-left li h2{
	position: absolute;
	left: 18px;
	bottom: 11px;
	font-size: 19px;
	color: #322f30;
}

.doctor-left li.act .imgbox{
	background-image: url(../images/bgdoctor-r.jpg);
} 

.doctor-left .swiper-pagination{
	text-align: center;
	width: 100%;
	bottom: 0;
}
.doctor-left .swiper-pagination-bullet{
	background-color: #7105af;
	opacity: 1;
	margin: 0 5px;
}
.doctor-left .swiper-pagination-bullet-active{
	width: 16px;
	border-radius: 8px;
	background-color: #7105af;
}


.doctor-right{
	float: right;
	/*width: 41.65%;*/
    width: 49%;
	background-image: url(../images/logo-in.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top 32px;
	min-height: 565px;
}
.doctor-right .doctor-rightcontent{
	padding: 0 35px;
	text-align: center;
}
.doctor-rightcontent .img{
	width:180px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 36px;
	background-image: url(../images/bgdoctor-r.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border-radius: 35px 5px 35px 5px;
	overflow: hidden;
	box-shadow: 0 3px 15px rgba(69,78,161,.17);
}
.doctor-rightcontent .img img{
	width: 100%;
	height: auto;
}
.doctor-rightcontent h2{
	font-size: 33px;
	display: inline-block;
	color: #454ea1;
	letter-spacing: 3px;
	margin-bottom: 26px;
	border-bottom: 2px solid #454ea1;
}
.doctor-rightcontent .doctor-text{
	font-size: 15px;
	line-height: 30px;
	color: #7105af;
	text-align: justify;
}
 

/* 都市新闻列表页 */
.mainbox.mainlist{
	padding-top: 0;
}
.menunav{
	background: #fff;
	height: 68px;
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid #dcdddd;
}
.menunav li{
	display: inline-block;
	text-align:center;
	/* padding: 0 28px; */
	
}
.menunav .scroller{
	position: absolute;
}
.menunav li a{
	display: block;
	line-height: 68px;
	font-size:18px;
	color: #322f30;
	margin-right: 56px;
}
.menunav li a span{
	display: inline-block; 
	height: 100%;
	position: relative;
}
.menunav li a span::after{
	content: '';
	position: absolute;
	bottom: 1px;
	left: 50%;
	display: inline-block;
	transform: translateX(-50%);
	width: 0;
	height: 2px;
	border-radius: 2px;
	background: #7105af;
	opacity: 0;
	transition: all 0.36s;
	z-index: 10;
}

.menunav li.current a{
	color: #7105af;
}
.menunav li.current a span::after{
	width: 100%;
	left: 0;
	opacity: 1;
	transform: none;
}
.newsbox{
	position:relative;
	margin-top: 50px;
	/* margin-bottom: 65px; */
}
.newsbox .swiper-slide a{
	display:block;
}
.newsbox .swiper-slide .imgbox{
	overflow: hidden;
	width: 61%;
	float: left;
	height: auto;
	border-radius: 35px 0 35px 0;
}
.newsbox .swiper-slide .newsbox-right{
	position: absolute;
	/* float: right; */
	width: 41.3%;
	right: 3%;
	background: #fff;
	box-shadow:2px 10px 35px rgba(225,227,224,1);
	top: 50%;
	transform: translateY(-50%);
	border-radius: 35px 0 35px 0;
}
.newsbox .swiper-slide .newsbox-right .newsboxtext{
	padding:72px 60px 135px;
}
.newsbox .swiper-slide .newsbox-right h2{
	color: #7105af;
	font-size:18px;
	line-height: 28px;
	height: 56px;
	overflow: hidden;
	display: -webkit-box;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.newsbox .swiper-slide .newsbox-right  p{
	font-size: 16px;
	line-height: 36px;
	color: #7105af;
	height: 111px;
	overflow: hidden;
	text-align: justify;
	display: -webkit-box;
	line-clamp: 3;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.newsbox .swiper-button-next,.newsbox .swiper-button-prev{
	display: none;
}
.newsbox .swiper-pagination{
	width: auto;
	bottom: 1%;
	right: 5%;
	text-align: right;
}
.newsbox .swiper-pagination-bullet{
	margin: 0 5px;
	background: #7105af;
	opacity: 1;
}
.newsbox .swiper-pagination-bullet-active{
	background: #7105af;
	width: 22px;
	border-radius: 8px;
}
.newslists{
	border-top: 1px solid #dcdcdc;
	padding-top: 65px;
}
.newslists li{
	float: left;
	width: 31.8%;
	margin-right: 2.3%;
	margin-bottom: 36px;
}
.newslists li a{
	display: block;
}
.newslists li .imgbox{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.newslists li img{
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
}
.newslists li .newstitle{
	padding-top: 28px;
}
.newslists li h2{
	height: 64px;
	overflow: hidden;
	margin-bottom: 6px;
	font-size: 16px;
	color: #7105af;
	line-height:32px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
.newslists li p{
	display: inline-block;
	position: relative;
	font-size: 16px;
	color: #7105af;
	padding-right: 32px;
}
.newslists li p::after{
	content: " ";
	display: inline-block;
	position: absolute;
	right: 0;
	top: 5px;
	width: 17px;
	height: 14px;
	background-image: url(../images/arrow-right.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	transition: all 0.3s;
}
.newslists li:hover img{
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
}
.newslists li:hover p{
	color: #7105af;
}
.newslists li:hover p::after{
	right: -10px;
	background-image: url(../images/arrow-right-r.png);
}

/* 都市新闻内容模板 */
.titlebox{
	padding-top: 50px;
	padding-bottom: 20px;
	margin-bottom: 10px;
}
.titlebox h1{
	color: #7105af;
	font-size: 32px;
	position: relative;
	margin-bottom: 30px;
}
.titlebox h1::before{
	content: " ";
	display: block;
	width: 64px;
	height: 4px;
	background: #7105af;
	margin-bottom: 30px;
}
.titlebox .release{

}
.titlebox .release span{
	color: #7105af;
	margin-right: 15px;
	font-size: 16px;
}
.newstext,.newstext p{
	text-indent: 2em;
	padding-bottom:25px;
	font-size: 16px;
	color: #7105af;
	line-height: 32px;
}
.newstext video{
    width: 100%;
    height: auto;
}
.newstext img,.newstext p img{
	margin-top: 10px;
	height: auto !important;
	margin-bottom: 10px;
}
.nextchange{
	margin-top: 44px;
	padding-top: 32px;
	border-top: 1px solid #dcdddd;
}
.nextchange p{
	float: left;
	width: 80%;
	font-size: 16px;
	color: #7105af;
}
.nextchange p a{
	display: inline-block;
	width: 80%;
	font-size:16px;
	vertical-align: middle;
	color: #7105af;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.nextchange p a:hover{
	color: #7105af;
}
.nextchange a.back{
	float: right;
	width: 80px;
	height: 43px;
	line-height: 43px;
	font-size: 16px;
	color: #7105af;
	border-radius: 50px;
	text-align: center;
	border: 1px solid #d5d5d3;
	transition: all .5s ease-in-out;
}
.nextchange a.back:hover{
	border: 1px solid #7105af;
	background: #7105af;
	color: #fff;
}
.dialog-btns {
	position: fixed;
	padding-bottom: 0;
	right: -100%;
	bottom: 96px;
	opacity: 0;
	z-index: 1040;
	transition: right 0.7s cubic-bezier(0.5,0,0.2,1) 0s;
}
.dialog-btns.active{
	opacity:1;
	right:30px;
}
.dialog-btns .p-btn {
	margin-bottom: 10px;
	width: 56px;
	height: 56px;
	line-height: 56px;
	border-radius: 6px;
	background-color: #7105af;
	text-align: center;
	cursor: pointer;
	opacity: .6;
	border: 1px solid #d6d7dc
}
.dialog-btns .p-btn:active {
	opacity: .2
}
.dialog-btns .p-btn.active {
	background-color: #7105af
}
.dialog-btns .p-btn .sp-word {
	color: #fff;
	font-size: 30px;
	position: relative;
	top: -7px
}


/* 信息公开列表页 */
.informlist{
	padding-top: 50px;
}
.guidelist .guide-right .informlist{
	padding-top: 0;
}
.informlist li{
	position:relative;
	overflow: hidden;
	line-height: 64px;
	border-bottom:1px solid #dcdddd;
	padding-left: 60px;
	padding-right: 20px;
}
.informlist li::before{
	content: " ";
	position: absolute;
	left: 28px;
	top: 29px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #7105af;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
}
.informlist li a{
	float: left;
	width:88%;
	font-size: 16px;
	color:#333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.informlist li span{
	float: right;
	font-size: 18px;
	color:#7105af;
	font-family: "arial";
}

/* 医院概况 */
.aboutbox{

}
.abouttop{

}
.about-left{
	float:left;
	width:43.795%;
	padding-top: 50px;
}
.about-left h2{
	color: #7105af;
	font-size: 32px;
	position: relative;
	margin-bottom: 30px;
}
.about-left h2::before{
	content: " ";
	display: block;
	width: 64px;
	height: 4px;
	background: #7105af;
	margin-bottom: 30px;
}
.about-left p{
	text-indent: 2em;
	color: #7105af;
	font-size: 16px;
	line-height: 32px;
	text-align: justify;
}
.about-right{
	float: right;
	width: 53.858%;
	
	padding-top: 50px;
	min-height: 428px;
	padding-right: 50px;
	position: relative;
}
.about-right::before{
	content: " ";
	position: absolute;
	width: 100%;
	height: 120%;
	right: 0;
	top: -43px;
	background-image: url(../images/aboutbg.png);
	background-position: right top;
	background-size:90%;
	background-repeat: no-repeat;
}
.about-right .swiper-container{
	overflow: hidden;
}
.about-right .swiper-slide{
	padding: 10px;
}
.about-right .swiper-slide img{
	border-radius: 35px 0 35px 0;
	box-shadow:0 0 10px rgba(144,144,207,0.97);
}
.about-right .swiper-container-horizontal>.swiper-pagination-bullets{
	bottom: 25px;
	text-align: right;
	left: auto;
	right: 35px;
}
.about-right .swiper-pagination span.swiper-pagination-bullet{
	background: #fff;
	opacity: 1;
}
.about-right .swiper-pagination span.swiper-pagination-bullet-active{
	background: #7105af;
}

.about-num{
	overflow: hidden;
	padding-top: 40px;
	padding-bottom: 40px;
}
.about-num ul li{
	float:left;
	width:25%;
	/* padding-top: 5px; */
	overflow: hidden;
	text-align:center;
}
.about-num ul li .icon{
	display: inline-block;
	margin-right: 15px;
	vertical-align:text-bottom;
}
.about-num ul li .num-right{
	display: inline-block;
	text-align: left;
}
.about-num ul li p{
	font-size: 16px;
	color: #7105af;
	line-height:24px;
	margin-bottom: 2px;
}
.about-num ul li p span {
	font-size: 38px;
	font-family: 'arial';
	color: #7105af;
	font-weight: bold;
	display: inline-block;
	margin-right: 8px;
	padding-top: 4px;
}
.about-text p{
	text-indent: 2em;
	font-size: 16px;
	line-height: 32px;
	color: #7105af;
	padding-bottom:25px;
}
.aboutpics{
	padding-top:40px;
	padding-bottom: 40px;
	position: relative;
}
.aboutpics h2{
	color: #7105af;
	font-size: 32px;
	position: relative;
	margin-bottom: 30px;
}
.aboutpics h2::before{
	content: " ";
	display: block;
	width: 64px;
	height: 4px;
	background: #7105af;
	margin-bottom: 30px;
}
#swiper-pics{
	padding-top: 20px;
	padding-bottom:20px;
}
#swiper-pics .swiper-slide{
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transform: scale(.85);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(.85);
}
#swiper-pics .swiper-slide.swiper-slide-active{
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	box-shadow:0 0 10px rgba(144,144,207,0.97);
}
#swiper-pics .swiper-slide a{
	display: block;
	position: relative;
}
#swiper-pics .swiper-slide .imgbox{
	width:100%;
	height: auto;
	overflow: hidden;
}
#swiper-pics .swiper-slide img{
	width: 100%;
	height: auto;
}
#swiper-pics .swiper-slide .picname{
	width: 100%;
	position: absolute;
	height: 68px;
	padding-top: 24px;
	bottom: 0;
	left: 0;
	text-align: center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	color: #5a0078;
	font-size: 20px;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: url(../images/jbbg.png) repeat-x center center;
	background-size: cover;
}

.aboutpics .swiper-button-prev,.aboutpics .swiper-button-next{
	width: 44px;
	height:44px;
	border-radius: 50%;
	margin-top: 27px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px auto;
	box-shadow: 0 2px 10px 0 rgba(144,144,207,0.3);

}
.aboutpics .swiper-button-prev{
	left: -58px;
	background-image: url(../images/prev.png);
}
.aboutpics .swiper-button-next{
	right: -58px;
	background-image: url(../images/next.png);
}

/* 移动端导航 */
.mobile{
	display: none;
}
.mobilebox{
	width: 100%;
	height: 100%;
	background: #7105af;
	z-index: 1000;
	position: fixed;
	top:0;
	left: 0;
}
.ul1{}
.ul1 li{}
.ul1 li .container_s{
	border-bottom: 1px solid #6365b2;
}
.ul1 li .container_s h4{
	color: #fff;
	font-size: 18px;
	line-height: 50px;
	padding: 0 15px;
	position: relative;
}
.ul1 li .container_s h4 a{} 
.ul1 li .container_s h4 a.g_phnav1{}
.ul1 li .container_s h4 a:hover{}
.ul1 li .container_s h4 i{
	width: 30px;
	height: 30px;
	position: absolute;
	right: 0;
	top: 0;
	line-height: 50px;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.ul1 li .container_s h4 i img{}
.ul1 li .container_s h4 i.down1{
	transform: translateY(-50%) rotate(180deg);
	-webkit-transform: translateY(-50%) rotate(180deg);
	-moz-transform: translateY(-50%) rotate(180deg);
	-o-transform: translateY(-50%) rotate(180deg);
}
.ul1 li .container_s .g_phnav2 {
	display: none;
}
.ul1 li .container_s .g_phnav2 dl {
	background: #5a0078;
	width: 100%;
}
.ul1 li .container_s .g_phnav2 dl dt {
	width: 100%;
	font-size: 18px;
	color: #fff;
	line-height: 50px;
	padding-left: 35px;
	position: relative;
}
.ul1 li .container_s .g_phnav2 dl dt i {
	position: absolute;
	right: 0;
	top: 0;
	line-height: 50px;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.ul1 li .container_s .g_phnav2 dl dt i.down1 {
	transform: translateY(-50%) rotate(180deg);
	-webkit-transform: translateY(-50%) rotate(180deg);
	-moz-transform: translateY(-50%) rotate(180deg);
	-o-transform: translateY(-50%) rotate(180deg);
}
.ul1 li .container_s .g_phnav2 dl dd {
	display: none;
}
.ul1 li .container_s .g_phnav2 dl dd a {
	width: 100%;
	font-size: 16px;
	color: #fff;
	line-height: 50px;
	padding-left: 55px;
	display: block;
	background: #454ea1;
}
.ul1 li .container_s .g_phnav2 dl dd a:hover {
	background: #7105af;
}
.mobilebox .close {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 24px;
	height: 24px;
	background: url(/dsfc/default/images/close-white.png) no-repeat center;
	background-size: 100% auto;
}

/* 回到顶部 */
.gotop{position:fixed; right:30px; bottom:80px; display:none; z-index:999999999;}


/* 交通指南 */
.seedoctorbox{
	position: relative;
}
.transport-left{
	/* margin-top: 40px; */
	/* padding-right: 50px; */
	width: calc(100% - 50px);
	background: url(../images/bg-transport.jpg) no-repeat left center;
	padding: 156px 40px 72px 0;
	height: 822px;
}
.transport-left img{
	/* border: 1px solid #dcdddd; */
	width: 30%;
	margin-left: 11%;
	margin-top: 4%;
}
.transport-right{
	position: absolute;
	top:50%;
	right: 0;
	width: 60%;
	transform: translateY(-50%);
	background: #fff;
	border-radius: 15px;
	padding: 30px 25px 10px;
	box-shadow:0 0 15px rgba(144,144,207,0.2);
}
.transport-right h2{
	font-size: 24px;
	color: #7105af;
	margin-bottom: 15px;
}
.transport-right p.address{
	font-size: 16px;
	color: #7105af;
	line-height: 28px;
	background-repeat: no-repeat;
	background-position: left top 2px;
	padding-left: 32px;
	background-size: 20px;
}
.transport-right ul.transport{
	margin-top: 10px;
	border-top: 1px solid #dcdcdc;
	padding-top:15px;
}
.transport-right ul.transport li{
	padding-bottom: 10px;
}
.transport-right ul.transport li h3{
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 34px;
	background-size: 24px;
	font-size: 18px;
	line-height: 24px;
	color:#7105af;
	margin-bottom:10px;
}
.transport-right ul.transport li p{
	font-size: 16px;
	color: #7105af;
	line-height: 32px;
	text-align: justify;
}
.seedoctorbox h4{
	height: 48px;
	color: #fff;
	padding-left: 30px;
	line-height: 48px;
	background: #5a0078;
	font-size: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
}
.seedoctorbox ul.tabyn{
	overflow: hidden;
	box-shadow: 0 3px 7px rgba(188,171,179,.7);
	background: #fff;
	height: 58px;
	line-height: 58px;
	margin-bottom: 32px;
	border-radius: 10px 0 20px 0;
	-webkit-border-radius:10px 0 20px 0;
	-moz-border-radius:10px 0 20px 0;
	-ms-border-radius:10px 0 20px 0;
	-o-border-radius:10px 0 20px 0;
}
.seedoctorbox ul.tabyn li{
	float: left;
	cursor: default;
	width: 50%;
	text-align: center;
	font-size: 20px;
	color: #7d4365;
	border-radius: 10px 0 20px 0;
	-webkit-border-radius: 10px 0 20px 0;
	-moz-border-radius: 10px 0 20px 0;
	-ms-border-radius: 10px 0 20px 0;
	-o-border-radius: 10px 0 20px 0;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
}
/* .seedoctorbox ul.tabyn li:hover{
	background: #7d4365;
	color: #fff;
} */
.seedoctorbox ul.tabyn li.act{
	background: #7d4365;
	color: #fff;
}
.seedoctorbox ul.ybimg li{
	display: none;
	overflow: hidden;
	border-radius:0 20px 0 0;
	-webkit-border-radius:0 20px 0 0;
	-moz-border-radius:0 20px 0 0;
	-ms-border-radius:0 20px 0 0;
	-o-border-radius:0 20px 0 0;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
}
.seedoctorbox ul.ybimg li.act{
	display: inline-block;
}


/* 图文信息列表 */
.picslist .newslists{
	border-top: none;
	padding-top: 0;
}

/* 科室封面页 */
.ksbox .ksitem{
	/*float: left;
	*/width: 100%;
	/*margin-right: 4%;
	*/padding: 50px;
	color: #fff;
	min-height: 408px;
	position: relative;
	background: url(../images/bg-ks.jpg) no-repeat center center;
	background-size: cover;
	border-radius: 35px 0 144px 0;
	box-shadow:0 0 10px rgba(69, 65, 161,.5);
	-webkit-border-radius: 35px 0 144px 0;
	-moz-border-radius: 35px 0 144px 0;
	-ms-border-radius: 35px 0 144px 0;
	-o-border-radius: 35px 0 144px 0;
}
.ksbox .ksitem:nth-child(even){
	margin-right: 0;
}
.ksbox .ksitem::after{
	content: " ";
	position: absolute;
	display: inline-block;
	opacity: .3;
	background-image: url(../images/logo-in.png);
	background-position: right bottom;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	z-index: 1;
	top: 0;
	right: 0;
	background-size: 22%;
}
.ksitem h2{
	font-size: 24px;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 25px;
}
.ksitem h2::after{
	content: " ";
	display: inline-block;
	width: 48px;
	height: 2px;
	background: rgba(255,255,255,0.9);
	position: absolute;
	left: 0;
	bottom: 0;
}
.ksitem ul li{
	float: left;
	width: 24%;
	margin-right: 1.33%;
	margin-bottom: 10px;
	position: relative;
	z-index:3;
}
.ksitem ul li:nth-child(4n){
	margin-right: 0;
}
.ksitem ul li a{
	display: block;
	font-size: 18px;
	color: #322f30;
	line-height: 36px;
	padding-left: 24px;
}
.ksitem ul li::before{
	content: " ";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 14px;
	width: 6px;
	height: 6px;
	border-radius: 6px;
	background: #322f30;
}
.ksitem ul li:hover::before{
	background: #7a1fae;
}
.ksitem ul li:hover a{
	color: #7a1fae;
}


/* 默认新闻列表页 */
.mainbox.commonlist .informlist{
	padding-top: 0;
}





.pages{
	margin-top: 40px;
	text-align: center;
}
.pages a,#pagelist a{
	display: inline-block;
	/* width: 38px;
	height: 38px; */
	line-height: 38px;
	text-align: center;
	font-size: 16px;
	font-family: 'arial';
	color: #5d5a59;
	margin: 0 12px;
}
.pages b,#pagelist a.active{
	display: inline-block;
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	font-family: 'arial';
	color: #fff;
	border-radius: 50%;
	background: #7a1fae;
	margin: 0 5px;
}
.pages a:hover{
	color: #7a1fae;
}

#pagelist{
	text-align: center;
}

/* 手机端导航 */
.mc_phone_nav{
  display: none;
  float: right;
  overflow: hidden;
  width: 26px;
  height: 70px;
  /* margin-right: 10px; */
}
.mc_menubox{
  width: 26px;
  height: 70px;
  cursor: pointer;
  text-align: center;
  position: absolute;
  top: 0;
}
.mc_menubox .point{
  position: relative;
  display: inline-block;
  width: 26px;
  height:70px;
}
.mc_menubox .point .mc_nav {
  position: absolute;
  top: 32px;
  right: 0;
  z-index: 1000;
  -webkit-transition: all .3s ease-out 0s;
  -moz-transition: all .3s ease-out 0s;
  -ms-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s;
}
.mc_menubox .point .mc_nav::after,.mc_menubox .point .mc_nav::before {
  content: '';
  position: absolute;
  right: 0;
  -webkit-transition: all .3s ease-out 0s;
  -moz-transition: all .3s ease-out 0s;
  -ms-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s;
}
.mc_menubox .point .mc_nav, .mc_menubox .point .mc_nav::after, .mc_menubox .point .mc_nav::before {
  display: inline-block;
  width: 26px;
  height: 1px;
  background-color: #fff;
}
.mc_menubox .point .mc_nav::after {
  top: -8px;
}
.mc_menubox .point .mc_nav::before {
  top: 8px;
}
.mc_menubox .point.active .mc_nav {
  background: transparent;
}
.mc_menubox .point.active .mc_nav::after {
  top: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mc_menubox .point.active .mc_nav::before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.mobile{
  display: none;
  position: fixed;
  width: 100%;
  left: 0;
  top: 50px;
  z-index:1000;
  background-color: #fff;
  height: 100%;
  /* max-height: calc(100vh - 64px); */
  overflow: auto;
  border-top: 1px solid #EAEAEA;
}
.mobilebox {
  /* display: none; */
  width: 100%;
  background-color: #fff;
  height: 100%;
  padding: 10px 0;
}
.mobilebox h4 {
  position: relative;
  padding: 0 20px;
  overflow: hidden;
}
.mobilebox h4::after {
  content: '';
  display: block;
  clear: both;
}
.mobilebox h4 a {
  float: left;
  width: 88%;
  font-size: 14px;
  line-height: 30px;
  color: #333;
  max-width: calc(100% - 26px);
}
.mobilebox .ul2 {
  display: none;
  padding-top: 2px;
  padding-bottom: 3px;
  border-top: 1px solid rgba(0, 0, 0, .1);
}
.mobilebox .ul2 .container_s {
  max-width: 100%;
  padding: 0 25px;
}

.mobilebox .ul1 {
  padding-bottom: 15px;
}
.img_s {
  float: right;
  display: block;
  font-size: 16px;
  line-height: 46px !important;
  color: #333;
  transition: all .36s;
  -webkit-transition:all .36s;
  -moz-transition:all .36s;
  -ms-transition:all .36s;
  -o-transition:all .36s;
}
.mobilebox h5 {
  position: relative;
}

.mobilebox h5::after {
  content: '';
  display: block;
  clear: both;
}

.mobilebox h5 a {
  display: block;
  font-size: 14px;
  line-height: 32px;
  color: #333;
  max-width: calc(100% - 36px);
}

.mobilebox h5 img {
  position: absolute;
  top: 50%;
  right: 5px;
  width: 35px;
  padding: 11px;
  cursor: pointer;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.mobilebox h4.active img.img_s,
.xialaph h5.active img.img_s {
  display: none;
}

.mobilebox h4.active img.img_d,
.mobilebox h5.active img.img_d {
  display: block;
}
.mobilebox h4.active .img_s {
  transform: rotate(180deg);
}

.mobilebox h5.active .img_s {
  transform: rotate(180deg);
}

.mobilebox h4.active .img_s {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.phoneindexbanner{
	display: none;
}
.phonebannerimg{
	display: none;
	height: 220px;
	width: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

/* 鼠标经过 */
@media screen and (min-width:768px) {
	.index-special li:hover img{
		transform: scale(1.05);
		-webkit-transform: scale(1.05);
		-moz-transform: scale(1.05);
		-o-transform: scale(1.05);
		-ms-transform: scale(1.05);
	}
	.index-special li:hover .index-special-title{
		background: #7a1fae;
	}
	.index-special li:hover span{
		padding-right:30px;
	}
	

	.foot-item:hover .pos {
		display: block;
	}
	.wx:hover{
		background-image: url(../images/icon-wx-r.png);
	}
	.menunav li:hover a{
		color: #7a1fae;
	}
	.menunav li:hover a span::after{
		width: 100%;
		left: 0;
		opacity: 1;
		transform: none;
	}

	.informlist li:hover{
		background: #dadaf3;
		transition:all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition:all 0.3s;
		-o-transition:all 0.3s;
	}

	.informlist li:hover a{
		color: #7a1fae;
	}
	.informlist li:hover::before{
		left: 20px;
	}

	.guide-left li:hover{
		border-bottom: 1px solid #7a1fae;
	}
	.guide-left li:hover a{
		color: #7a1fae;
	}
	.guide-left li:hover a::after{
		border-color: transparent transparent transparent #7a1fae;
	}
	.guide-left li.active{
		border-bottom: 1px solid #7a1fae;
	}
	.doctor-left li:hover .imgbox{
		background-image: url(../images/bgdoctor-r.jpg);
	}
	.doctor-left li:hover h2{
		color: #7a1fae;
	}
	.doctor-left li.act h2{
		color: #7a1fae;
	}
}
@media screen and (max-width:1560px){
    .index-lastitem .index-lastbox{ width:54.625%;}
}
@media screen and (max-width:1380px){
    .index-lastitem .index-lastbox{ width:60%;}
    .index-lastitem .index-lastbox a{ padding-right:48px; padding-left:48px;}
}
@media screen and (max-width:1180px){
    .index-lastitem .index-lastbox{ width:74%;}
  
}

@media screen and (max-width:768px) {
	.mc_phone_nav{ display: block;}
	.header-right .navbox{ display: none; }
	.mobile.active{ display: inline-block; }
	.header{
		height: 70px;
		padding: 0 10px;
		background: rgba(153, 34, 186, 0.8);
	}
	.logo{ margin-top: 7px;}
	.logo img{ height: 52px; }
	.header-right .ih-header-toggles{	margin-left: 0; margin-top: 0; }
	.ih-header-toggles a{	width: 50px;height: 68px;}
	.ih-header-toggles a.search-toggle{	background-size: 20px auto;}
	.indexbanner{ margin-top: 70px; }
	.indexbanner .swiper-slide{	height: 250px;}
	.indexbanner .swiper-slide.banner2{
		background-position: center left 3%
	}
	
	.indexbanner .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 8px;}
	.pcindexbanner{
		display: none;
	}
	.phoneindexbanner{
		display: block;
	}

	.secition1,.section2,.section3{ padding: 30px 20px; }
	.indextitle{ font-size: 20px; }
	.secition1 ul.index-special{ margin-top: 25px;}
	.index-special li{	width: 48.8%; margin-bottom: 10px; }
	.index-special li:nth-child(even){ margin-right: 0;}
	.index-special li .imgbox{ height: 78px; position: relative;}
	.index-special li img{
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
}
	.index-special li .index-special-title{ height: 34px; line-height: 34px;}
	.index-special li .index-special-title span{ 
		padding-right: 18px;
    background-size: 7px;
		font-size: 15px;
	}
	.index-arrow-right{ margin-top: 22px;}
	.index-arrow-right a{ font-size: 16px; padding-right: 28px;}
	.index-arrow-right a::after{ width: 16px; height: 20px;}
	.index-famous-doctor{ width: 100%; padding: 30px 10px;}
	.index-famous-doctor p{ margin-top: 15px;}
	.index-famous-doctor ul.index-famous-list li a{
		padding-top: 20px;
		font-size: 16px;
		padding-bottom: 18px;
	}
	.index-famous-doctor ul.index-famous-list li a::after{
		width: 8px;
		right: 18px;
		top: 21px;
		background-size: 100% auto;
	}
	.index-famous-doctor ul.index-famous-list{ padding-top: 0;}
	.section2 a.index-morefamous::after{ top: 4px; width: 16px;background-size: 100% auto;}
	.section3{ padding-bottom: 10px;}
	.index-statustitle{ padding-bottom: 34px;}
	.index-statustitle a img{ height: 40px;}
	.index-status ul li{ width: 100%; margin-right: 0; float: none; margin-bottom: 20px;}
	.index-status ul li .index-newstitle{ padding-top: 18px;}
	.index-status ul li h2{ 
	    /*height: 52px; */
	    line-height: 26px;
	}
	.index-status ul li span::after{ width: 16px; top: 3px;}
	.section4 .index-lastitem{ float: none; width: 100%;}
	.index-lastitem .index-lastbox{ width: 85%;}
	.index-lastitem .index-lastbox a{ padding: 30px 30px 20px;}
	.index-lastitem .index-lastbox h2{ font-size: 16px; padding-bottom: 18px;}
	.footer{ padding: 30px 10px 20px;}
	.footer .foot-left{ float: none; width: 100%;}
	.foot-left .foot-top{padding-bottom: 22px;margin-bottom: 16px;}
	.foot-left .foot-top a img{ height: 40px;}
	.foot-top span{ font-size: 18px; margin-left: 4px;}
	.footer p{ font-size: 14px; line-height: 24px; text-align: center;}
	.foot-bot p span{
		margin-right: 0;
		display: block;
	}
	.footer-list{ text-align: center; margin-top: 6px;}
	.footer-list .foot-item{ margin-right: 0;}
	.footer .foot-right{ width: 100%; float: none; text-align: center; padding-top: 2px;}
	.footer .foot-right a{ font-size: 14px; line-height: 24px;}

	#container-search{ 
		width: 101%;
		left: -2px;
		padding: 20px 10px 0;
	
	}
	#container-search.opened{
		z-index: 100000;
	}
	#container-search>div a.close-btn{
		width: 34px;
		height: 34px;
		background-size: 12px auto;
	}
	#container-search .sitesearch{ padding-top: 10px; }
	#container-search>div .sitesearch>form .form-group .input-group .searchBtnContainer{ 
		right:28px;
		top: 28px;
	}
	.legal-box .cont{ width: 100%; padding-left: 15px; padding-right: 15px;}
	.legal-box .cont .close{ 
		width: 15px;
		height: 15px;
		right: 15px;
		top: 23px;
	}
	.legal-box .cont .font p{ margin-bottom: 0;}
	.legal-box .cont .font h6{ padding-top: 20px;}

	.banner{ margin-top:70px;}
	.banner .bannerimg{ display: none;}
	.banner .phonebannerimg{display: block;}
	.banner .container{ display: none;}
	.menunav{ padding: 0 10px;  height: 54px;}
	.menunav li{ }
	.menunav li a{ font-size: 16px;margin-right: 15px; line-height: 54px;}
	.mainbox{ padding-top: 35px; padding-bottom: 0;}
	.leader-left{ float: none; width: 62%; padding: 0 10px;}
	.leader-left h3{ 
		font-size: 32px;
		line-height: 38px;
		height: 38px;
	}
	.leader-left h2{ font-size: 22px;}
	.leader-right{ width: 55%; margin-top: -55%;}
	.leadertext{ padding: 30px 10px;}

	.abouttop{ padding: 0 10px;}
	.about-left{
		float: none;
		width: 100%;
		padding-top: 0;
	}
	.about-left h2{ font-size: 22px; text-align: center; margin-bottom: 20px;}
	.about-left h2::before{ display: none;}
	.about-right{ 
		float: none; 
		width: 100%; 
		padding-right: 0;
		padding-bottom: 15px;
    padding-top: 10px;
    min-height: auto;
	}
	.about-right::before{
		width: 100%;
		height: 100%;
		top: 0;
		background-size: 76%;
	}
	.about-num{ padding: 15px 20px 0;}
	.about-num ul li{ width: 50%; text-align: left; margin-bottom: 20px;}
	.about-num ul li .icon{ width: 35px; float: left;}
	.about-num ul li .num-right{ float: left;}
	.about-num ul li p{ font-size: 14px; line-height: 18px;}
	.about-num ul li p span{ font-size: 22px; margin-right: 4px; padding-top: 0;}
	.about-text{ padding: 0 10px;}

	.aboutpics h2{ font-size: 22px; text-align: center; margin-bottom: 10px;}
	.aboutpics h2::before{ display: none;}
	
	#swiper-pics .swiper-slide{
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
	}
	#swiper-pics .swiper-slide.swiper-slide-active{
    -webkit-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 0 10px rgba(144,144,207,0.97);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
	}
	.aboutpics .swiper-button-prev{ left: 0;}
	.aboutpics .swiper-button-next{ right: 0;}
	.aboutpics .swiper-button-prev, .aboutpics .swiper-button-next{
		width: 34px;
		height: 34px;
		margin-top: 7px;
		background-size: 18px auto;
	}
	#swiper-pics .swiper-slide .picname{ font-size: 16px; padding-top: 34px;}

	.honorbg{ padding-left: 10px; padding-right: 10px;}
	.honor_wrapper::before{ left: 16px;}
	.history-date .first{
		background: url(../images/icon06.png) no-repeat left top;
		background-size: 35px;
	}
	.history-date .date02{
		padding-left: 12%;
		font-size: 22px;
		height: 42px;
		margin-bottom: 10px;
	}
	.history-date .date02 a{ margin-right: 0;}
	.history-date ul{ padding-left:29px;}
	.history-date ul li{ padding-bottom: 5px;}
	.history-date ul li h3{ font-size: 16px; width: 16%; padding-right: 3%; line-height: 28px;}
	.history-date ul li .honorpics{ width: 83%;}
	.history-date ul li h3::before{ left: -14px; top: 10px;}
	.history-date ul li h3::after{ left: -21px; top: 3px;}


	.newsbox{ margin-top: 40px;}
	.newsbox .swiper-slide .imgbox{ float: none; width: 100%; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
	.newsbox .swiper-slide .newsbox-right{
		width: 100%;
		position: relative;
		right: auto;
		top: auto;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		box-shadow: none;
}
	.newsbox .swiper-slide .newsbox-right .newsboxtext{
		padding: 20px 10px 10px;
	}
	.newsbox .swiper-slide .newsbox-right h2{ 
		font-size: 16px;
		line-height: 24px;
		height: 48px;
		margin-bottom: 8px;
	}
	.newsbox .swiper-slide .newsbox-right .newsboxtext p{
		font-size: 14px;
		line-height: 24px;
		height: 72px;
	}
	.informlist{ padding: 20px 10px 0; min-height: 400px;}
	.informlist li{ padding-left: 24px; padding-right: 0;}
	.informlist li::before{ left: 5px;}
	.informlist li a{ width: 73%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.pages b, #pagelist a.active{
		width: 28px;
		height: 28px;
		line-height: 28px;
		font-size: 14px;
	}
	.pages a, #pagelist a{
		line-height: 28px;
		font-size: 14px;
		margin: 0 6px;
	}
	.informlist li span{
		font-size: 16px;
		color: #666;
	}

	.mainbox.commonContent{
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 35px;
	}
	.maincontentnewstext{
	    padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 35px;
	}
	.titlebox h1{
		font-size: 22px; line-height: 30px; margin-bottom: 20px;
	}
	.titlebox h1::before{ display: none;}
	.titlebox .release span{
		font-size: 14px;
	}
	.dialog-btns.active{ right: 0;}
	.dialog-btns .p-btn{
		width: 40px; height: 40px; line-height: 40px;
	}
	.dialog-btns .p-btn .sp-word{
		top: -5px; font-size: 20px;
	}
	.nextchange p{
		width: 77%;
		line-height: 22px;
		font-size: 14px;
	}
	.nextchange p a{
		width: 74%;
		font-size: 14px;
		vertical-align: top;
    text-overflow: initial;
    white-space: normal;
	}
	.nextchange a.back{
		width: 56px; height: 34px; line-height: 34px; font-size: 14px;
	}

	.guidebox{
		margin-top: 35px;
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 40px;
	}
	.appointment{
		padding: 30px 10px;
	}
	.appointment h2{ font-size: 22px;}
	.searchdoctor,.teamlist{ padding: 0 10px;}
	.searchdoctor form{ margin-bottom: 35px;}
	.searchdoctor form input.indextext{ width: 80%; height: 55px; line-height: 55px;}
	.teamlist{}
	.teamlist li .team-right .smalltext{ display: none;}
	.teamlist li .expertleft{ width: 34%;}
	.teamlist li .team-right{ width: 60%;}
	.pages,.pagesbox{ margin-bottom: 40px;}

	.mainbox.doctorContent{
		padding: 35px 10px;
	}
	.doctorimg{ float: none; width: 50%; margin: 0 auto; margin-bottom: 30px;}
	.doctor-brief{ float: none; width: 100%;}
	.doctortitle h2{ font-size: 22px;}
	.doctortitle::after{ height: 20px;}
	.doctortitle h2 span{ margin-left: 16px;}
	.doctortitle{ margin-bottom: 18px;}
	.doctor-info{ font-size: 16px; line-height: 32px;}
	.doctortop{
		border-bottom: 1px solid #d4d4e6;
    padding-bottom: 20px;
	}
	.doctorbottom{ padding-top: 14px;}
	.linkdoctor img.word-team{ 
		width: 72%;margin-top: -18px; margin-bottom: 36px;
	}
	.linkdoctor{ 
		padding: 0 30px 35px;
	}
	.linkdoctor .swiper-button-next, .linkdoctor .swiper-button-prev{
		width: 30px;
		height: 30px;
		margin-top: 5px;
	}
	.linkdoctor .swiper-button-next{ 
		right: -30px;
	}
	.linkdoctor .swiper-button-prev{
		left: -30px;
	}
	.linkdoctor .swiper-slide .linkteamtitle{
		font-size: 14px;
		padding: 15px 11px 0;
	}
	.linkdoctor .swiper-slide h2{
		font-size: 16px;
	}
	.linkdoctor .swiper-slide p span{
		font-size: 13px;
	}
	.seedoctorbox{
		min-height: 400px;
		padding: 0 10px;
	}

	.guidelist .guide-left{
		float: none; width: 100%; height: 85px;
	}
	.guide-left li{
		display: inline-block;
		border-bottom: none;
	}
	.guide-left li a{
		margin-right: 10px;
	}
	.guidelist .guide-right{
		float: none; width: 100%;
	}
	.guidelist .guide-right.checkstepright{
		padding: 10px 0 20px;
	}
	.guidetext .guidebox p>img{
		max-width: 100%;
	}

	.guidetext .guidebox .jylcbg .jylcli{
		padding: 20px 15px;
	}

	.secondContent{
		padding: 30px 10px;
	}

	.seedoctorbox ul.tabyn{
		height: 48px; line-height: 48px;
	}
	.seedoctorbox ul.tabyn li{ font-size: 16px;}
	.seedoctorbox ul.ybimg{
		padding-bottom: 20px;
	}

	.transport-left{
		width: 100%; padding: 18px 10px 18px 0; background-size: cover; height: auto;
	}
	.transport-left img{
		width: 65%;
    margin-left: 26%;
    margin-top: 0;
	}
	.transport-right{
		position: relative;
		top: auto;
		width: 100%;
		transform: none;
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 40px;
		border-radius: 0 0 15px 15px;
		-webkit-border-radius: 0 0 15px 15px;
		-moz-border-radius: 0 0 15px 15px;
		-ms-border-radius: 0 0 15px 15px;
		-o-border-radius: 0 0 15px 15px;
	}
	.transport-right h2{ font-size: 22px;}

	.isgoodfirst{
		padding: 0 30px 40px;
	}
	.isgoodfirst .swiper-button-next, .isgoodfirst .swiper-button-prev{
		width: 30px; height: 30px; margin-top: -35px;
	}
	.isgoodfirst .swiper-button-prev{ left: 0;}
	.isgoodfirst .swiper-button-next{ right: 0;}
	.isgoodfirst .swiper-slide .iconimg{ width:70px; margin: 0 auto; margin-bottom: 10px;}
	.isgoodfirst .swiper-slide h2{ margin-bottom: 10px; font-size: 16px;}

	.ksbox{ padding: 10px 10px;  margin-bottom: 40px;}
	.ksbox .ksitem{
		padding: 30px 10px;
		border-radius: 30px 0 97px 0;
		-webkit-border-radius: 30px 0 97px 0;
		-moz-border-radius: 30px 0 97px 0;
		-ms-border-radius: 30px 0 97px 0;
		-o-border-radius: 30px 0 97px 0;
}	
	.ksitem ul li{
		width: 50%;
		margin-right: 0;
	}
	.ksitem ul li a{
		font-size: 16px; line-height: 32px; padding-left: 18px;
	}
	.ksitem ul li::before{
		top: 12px;
	}
	.ksbox .ksitem::after{
		background-size: 55%;
	}

	.ksContent{
		padding: 0 10px;
	}
	.kstexttop{
		padding-bottom: 30px;
	}
	.ksContent h1,.kstitle, .ksdoctor h2{
		font-size: 20px;
		margin-bottom: 20px;
	}
	.kstitle::after, .ksdoctor h2::after{
		height: 16px;
	}
	.ksdoctorlist ul li{
		width: 48.4%;
		margin-bottom: 10px;
	}
	.ksdoctorlist ul li:nth-child(even){
		margin-right: 0;
	}
	.ksdoctorlist ul li h3{
		font-size: 16px;
	}
	.ksdoctorlist ul li p{
		font-size: 14px;
	}
	.ksdoctorlist ul li .doc-title{
		padding-top: 18px; padding-bottom: 0;
	}
	.ksdoctor{
		padding-bottom: 35px;
	}

	.download{
		padding: 0 10px;
		min-height: 380px;
	}
	.download li a{
		padding-left: 15px;
		line-height: 60px;
	}
	.download li span.downloadtitle{
		width: 57%;
	}
	.download li span.downbtn{
		height: 60px;
	}

	.jobHrContent{
		padding: 10px 10px 40px;
	}
	.jobHrContent h1{
		font-size: 22px;
		line-height: 30px;
	}
	.jobindex li{
		
	}
	.jobindex.index0 li{
		float: none;
		width: 100%;
	}
	.jobindex.index1 li p{
		float: none;
		width: 100%;
	}
	.jobindex.index1 div{
		float: none;
		width: 100%;
	}
	.jobindex li div h3{
		font-size: 18px;
	}
	.jobindex li div img.jobimg{
		width: 150px;
	}
	.commontable tr th:first-child,.commontable tr td:first-child{
		width: 42%;
	}
	.commontable tr th:last-child,.commontable tr td:last-child{
		display: none;
	}

	.guidelist .guide-right{
		padding: 0;
	}
	.searchtit{
		font-size: 22px;
	}
	.tips .pics{
		width: 100%;
	}
	.guidelist{
		padding-top: 10px;
	}
	.guide-left .scroller{
		position: absolute;
	}
	.guide-left ul{
		/* border-bottom: 1px solid #dcdcdc; */
		
	}
	.guide-left li{ height: 56px; line-height: 56px; padding: 0 5px;}
	.guide-left li a{
		font-size: 16px;
		margin-right: 0;
	}
	.guide-left li a::after{
		opacity: 0;
		right: auto;
		bottom:-14px;
		left: 50%;
		top: auto;
		transform: translateX(-50%) rotate(90deg);
		-webkit-transform: translateX(-50%) rotate(90deg);
		-moz-transform: translateX(-50%) rotate(90deg);
		-ms-transform: translateX(-50%) rotate(90deg);
		-o-transform: translateX(-50%) rotate(90deg);
	}
	.guide-left li.active a{
		border-bottom: 1px solid #7a1fae;
	}
	.guide-left li.active a::after{
		opacity: 1;
	}

	.doctor-left{
		float: none;
		width: 100%;
		padding: 0 10px 35px;
	}
	.doctor-left ul{
	    width: 100%;
	}
	.doctor-left .swiper-wrapper{
		display: inline-block;
	}
	.doctor-left .swiper-container{
		height: auto;
	}
	.doctor-left .swiper-slide{
		flex-shrink:inherit;
		-webkit-flex-shrink: inherit;
		-ms-flex:none;
	}
	.doctor-left li{
		position: relative;
		left: auto !important;
		top: auto !important;
		float: left;
		width: 31.8%;
		margin-right: 2.3%;
		margin-bottom: 10px;
	}	
	.doctor-left li h2{
		left: 0;
		bottom: 0;
		width: 100%;
		font-size: 16px;
		height: 50px;
		padding: 20px 10px 0;
		color: #fff;
		border-radius: 0 0 5px 5px;
		background-image: linear-gradient(to bottom,rgba(255, 0, 0,0) 10%,rgba(69, 65, 161,.7));
		-webkit-border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
		-ms-border-radius: 0 0 5px 5px;
		-o-border-radius: 0 0 5px 5px;
}
	.doctor-right{
		display: none;
	}
	.mainbox.commonlist{
		padding-bottom: 35px;
	}

	#globalSiteSearchBox{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#container-search>div .sitesearch>form .form-group .input-group .searchBtnContainer button span{
		width: 18px;
		height: 18px;
	}
}