@charset "gb2312";
/* CSS Document */

* {margin:0;padding:0;text-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
html{ font: 62.5%/2.0 '微软雅黑',tahoma, Srial, helvetica, sans-serif; color:#555;}
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,   /* structural elements 锟结构元锟斤拷 */dl, dt, dd, ul, ol, li, /* list elements 锟叫憋拷元锟斤拷 */pre, /* text formatting elements 锟侥憋拷锟斤拷式元锟斤拷 */
form, fieldset, legend, button, input, textarea, /* form elements 锟斤拷锟皆拷锟?*/
th, td, /* table elements 锟斤拷锟皆拷锟?*/
img{border:medium none;margin: 0;padding: 0;list-style-type: none;}
body,button, input, select, textarea {font: 62.5%/2.0 '微软雅黑',tahoma, Srial, helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {  }
em{font-style:normal;}
ul, ol,{ list-style: none; }
a { text-decoration: none; color:#555; }
a:hover { text-decoration: none;  }
img{ border:0px;}
body,.ui-overlay-h{margin:0 auto;}
input, img {vertical-align: middle;}
body,html{margin:0 auto;}
img {border:none;vertical-align:top;}



.clearfix:after,.clear:before{
	display:table;
	content:'';
	}
.clearfix:after{
	clear:both;
	overflow:hidden;
	}



/*header css*/
.translateXY { -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.translateY { -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.translateX { -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }


.header { width: 100%; min-width: 320px; height: 55px; background-color: #4493e2; position: relative;}
.header-logo-return{ width:2.5rem; left:3%; position:relative; top:20%; display:block; color:#fff; text-align:center;}
.header-logo-return img{ width:100%; border:0;}
.header h1 { position:absolute; left:36%; top:14%; max-width:80%; max-height:50px; font-size:2rem; color:#fff; font-weight:lighter; }

.showMenuBtn {right: 3%; top: 50%; position:relative;cursor:pointer;}
.showMenuBtn span{ border:2px solid #fff; border-radius:50%;-webkit-border-radius:50%; color:#fff; padding:6px 3px;}
.showMenuBtn a { display: block; width: 100%; height: 6px;margin-top:-3px;top:50%;left:0; position:absolute; outline: none; background-color: rgba(106,115,128,1);-moz-transition: background 0.3s linear .3s; -webkit-transition: background 0.3s linear .3s; transition: background 0.3s linear .3s; }
.showMenuBtn a:after, .showMenuBtn a:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0;  background-color: #6a7380;-moz-transition: top 0.3s linear .3s, transform .3s ease-in .1s; -webkit-transition: top 0.3s linear .3s, transform .3s ease-in .1s; transition: top 0.3s linear .3s, transform .3s ease-in .1s;  }
.showMenuBtn a:after { top:14px;}
.showMenuBtn a:before {	top:-14px;}

.showMenuBtn.show a {background-color: rgba(106,115,128,0 );}
.showMenuBtn.show a:after {top:0;-moz-transform: rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);-moz-transition: top 0.3s linear .3s, transform .3s ease-out .5s; -webkit-transition: top 0.3s linear .3s, transform .3s ease-out .5s; transition: top 0.3s linear .3s, transform .3s ease-out .5s;}
.showMenuBtn.show a:before {top:0;-moz-transform: rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);-moz-transition: top 0.3s linear .3s, transform .3s ease-out .5s; -webkit-transition: top 0.3s linear .3s, transform .3s ease-out .5s; transition: top 0.3s linear .3s, transform .3s ease-out .5s;}

.showMenuBtn a em { background-color: #e60012; border-radius: 50%; -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); display: block; height: 14px; position: absolute; right: -6px; top: -24px; width: 14px; z-index: 10; }

.absolute {position:absolute;}
.relative {position:relative;}














.popMenus { position: absolute; width: 100%;height:100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; overflow: hidden; background-color: #3f4754;-moz-transition:all .6s ease-out 0s;-webkit-transition:all .6s ease-out 0s;transition:all .6s ease-out 0s;-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);z-index:200}
.popMenus.show{-moz-transform:translateX(0);-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);}

.pop_title { width: 100%; position: relative; z-index: 2; background-color: #2e3642; padding:0 3%; height:6rem; line-height:6rem; }
.pop_title span { display: inline-block; float: left;  line-height:2.9; color: #6a7380; font-size:2rem; font-weight:bold; }

.closePopMenu { display: block; width: 49px; height: 47px; right: 3%; top: 50%; }
.menuContainer { width: 100%; height: 100%; }
.menuNavs { width: 29.1%; background-color: #2e3642; height: 100%; float: left; overflow: hidden; position: relative; }
.menuNavs ul { position: absolute;width:100%;/* Prevent elements to be highlighted on tap */ -webkit-tap-highlight-color: rgba(0,0,0,0); /* Put the scroller into the HW Compositing layer right from the start */
-webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); padding-bottom:80px;}
.menuNavs ul li { width: 100%; line-height:3.0; padding-left:10%; font-size:1.6rem; }
.menuNavs ul li.on { background-color:#3f4754;}
.menuNavs ul a { display: block; width: 100%; height: 100%; color: #fff; }
.menuContents {width:70.9%;height:100%;overflow:hidden;float:left;padding:0 7%;}
.menuContent {width:100%;height:100%;overflow:hidden;}
.menuLists {padding-bottom:80px;}
.menuList h4 {color:#fff;line-height:2;border-bottom:1px solid #525c6b;margin-top:4.8%; padding-bottom:4.8%; font-weight:normal; font-size:1.4rem;}
.menuList h4 a{ color:#93a0b2; display:block;}
.menuList h4 a span{ float:right;}

.menuList .links {padding:3% 0.5%;}
.menuList .links a{display:block;float:left;color:#a9a9a9;line-height:2.2;width:33%;overflow:hidden;}

.menuList .links a.hot:after {content:'';position:absolute;width:9px;height:11px; background:url(../images/h.png) no-repeat;top:0;right:-1px;}
.menuList .links a.hot.active:after {-webkit-animation:shake .4s linear 0s 1;animation:shake .4s linear 0s 1;}







.shake {-webkit-animation:shake 0.2s ease-in-out  6  alternate;-moz-animation:shake 0.2s ease-in-out  6  alternate;-o-animation:shake 0.2s ease-in-out  6  alternate;animation:shake 0.2s ease-in-out  6  alternate;}
@-webkit-keyframes shake{
	0% {
		-moz-transform:rotate(8deg);
		-webkit-transform:rotate(8deg);
		transform:rotate(8deg);
		}
	100% {
		-moz-transform:rotate(-8deg);
		-webkit-transform:rotate(-8deg);
		transform:rotate(-8deg);
		}
	}
@-moz-keyframes shake {
		0% {
		-moz-transform:rotate(8deg);
		-webkit-transform:rotate(8deg);
		transform:rotate(8deg);
		}
	100% {
		-moz-transform:rotate(-8deg);
		-webkit-transform:rotate(-8deg);
		transform:rotate(-8deg);
		}
	}
@-o-keyframes shake {
		0% {
		-moz-transform:rotate(8deg);
		-webkit-transform:rotate(8deg);
		transform:rotate(8deg);
		}
	100% {
		-moz-transform:rotate(-8deg);
		-webkit-transform:rotate(-8deg);
		transform:rotate(-8deg);
		}
	}
@keyframes shake {
		0% {
		-moz-transform:rotate(8deg);
		-webkit-transform:rotate(8deg);
		transform:rotate(8deg);
		}
	100% {
		-moz-transform:rotate(-8deg);
		-webkit-transform:rotate(-8deg);
		transform:rotate(-8deg);
		}
	}

.menulist {width:100%;}
.menulist h3 {wdith:100%;height:80px;font-size:30px;color:#fff;font-weight:500;padding-top:20px;padding-left:22px;}
.menulist ul {width:100%;border-bottom:1px solid #6a7380;}
.menulist ul li {width:100%;float:left;height:78px;overflow:hidden;line-height:78px;font-size:26px;text-align:center;color:#9097a0;border-top:1px solid #6a7380;}
.menulist ul li a {display:block;float:left;height:78px;color:#9097a0;border-right:1px solid #6a7380;border-right:1px solid #6a7380;}
.menulist ul li a:nth-child(4n) {border-right:none}
.popMenu {display:none;}
.menulists {position:absolute;width:100%;}
.menuBtn {width:100%;height:80px;line-height:80px;text-align:center;font-size:26px;color:#424b59; background-color:#242c37;cursor:pointer;position:relative; -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -ms-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px;
	-webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;}
.menuBtn span {display:inline-block;}
.menuBtn.active i {-moz-transform:rotateX(180deg);-webkit-transform:rotateX(180deg);transform:rotateX(180deg);}
.menuBtn i {position:absolute;left:50%;top:50%;margin-top:-3px;margin-left:60px;display:block;width:17px;height:12px; background:url(../images/down.png) no-repeat;-moz-transition:all 0.6s linear 0s;-webkit-transition:all 0.6s linear 0s;transition:all 0.6s linear 0s;}
.call_number {display:block;width:97%;margin:20px auto;-moz-box-shadow:0 7px 20px rgba(38,197,64,.3);-webkit-box-shadow:0 7px 20px rgba(38,197,64,.3);box-shadow:0 7px 20px rgba(38,197,64,.3);}
.address_info {width:100%;height:306px; background:url(../images/addressbg.png) no-repeat center; -moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;margin:20px auto;}
.address_pic1 {left:0;top:66px;width:280px;height:190px; background:url(../images/address_pic1.png) no-repeat;}
.address_pic2 {right:54px;top:56px;width:342px;height:134px; background:url(../images/address_pic2.png) no-repeat;}
.address_online {right:209px;top:200px;width:187px;height:64px; background:url(../images/hmap.png) no-repeat;}
.hAbout {right:10px;top:200px;width:187px;height:64px; background:url(../images/habout.png) no-repeat;}
.copyRight {width:100%;margin:0 auto 160px;}
.copyRight p {font-size:24px;color:#babdc1;text-align:center;overflow:hidden;}
.copyRight p:nth-child(n+2){font-size:14px;}
.copyRight p span {width:100%;display:inline-block;margin:0 auto;}
.scrollTop { position:fixed; bottom:116px; right:0; width:13%;display:none;z-index:10 }



/*百科*/
.baike-banner{ width:100%; height:auto; margin:0 auto;}
.baike-banner img{ width:100%;}
.bk-nav{ padding:1rem; margin:0 auto; background:#4493e2; overflow:hidden; font-size:1.6rem;}
.bk-nav ul li{ width:24.5%; float:left; text-align:center; font-weight:lighter;}
.bk-nav a{ color:#fff;  }
.bk-nav ul li span{height:1.5rem; width:1px; border-left:1px solid #fff; float:right; margin-top:0.9rem;}

.bk-citiao{ padding:1.5rem; margin:0 auto; font-size:1.6rem;}
.bk-citiao h2{ font-size:2rem; width:100%; text-align:left; margin:0 auto;}
.bk-citiao p{ width:100%; margin:0 auto; margin-top:0.5rem;}
.bk-citiao ul{ width:100%; height:auto; overflow:hidden; margin:0 auto; margin-top:1.5rem;}
.bk-citiao ul li{ width:100%; float:left; text-align:left; color:#999;}
.bk-citiao ul li span{ padding-right:1rem; float:left; color:#555;}

.bk-citiao img{ width:100%; margin:0 auto;}

.bk-bk{ padding:0.5rem 1.5rem; text-align:left; font-size:2rem; background:#e8ebee; }
.bk-gk{ width:100%; height:auto; margin:0 auto; overflow:hidden;font-size:1.6rem; }
.bk-gk p{ padding:0 1.5rem; margin:0 auto;}
.bk-gk h2{ padding:0 1.5rem 0 0; margin:0 auto; font-size:1.8rem; text-align:left; margin-top:1rem;}
.bk-gk h2 span{width:0.5rem; height:1.8rem; float:left; background:#4493e2; margin-top:0.85rem; margin-right:1rem; }

.bk-gk ul{ padding:0 1.5rem; overflow:hidden; margin:0 auto;}
.bk-gk ul li{ width:100%; height:auto; float:left; margin-bottom:1rem;}
.bk-gk ul li h4{ font-size:1.6rem; }
.bk-gk ul li img{width:34%; padding-right:1rem; padding-top:0.5rem; }
.bk-gk ul li p{ padding:0; font-size:1.4rem; line-height:2rem;}
.bk-gk ul li p a{ color:#d36a3c;}



/*医生团队-轮播*/
.l-team-o{ width:100%; height:auto;  margin:0 auto; position:relative; overflow:hidden; margin-top:1rem;   }
.l-team-o .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
.l-team-o .hd ul{ display:inline-block; height:5px; padding:3px 5px !important; font-size:0; vertical-align:top;overflow: inherit;}
.l-team-o .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.l-team-o .hd ul .on{ background:#FE6C9C;  }

.l-team-o .bd{ position:relative; z-index:0; }
.l-team-o .bd li img{ width:100%;  height:auto;    padding: 0px;  }
.l-team-o .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }