﻿@charset "utf-8";
/* CSS Document */
select{ margin:0; padding:0;}
.fix:after {visibility: hidden;display: block;font-size: 0;content:""; clear: both; height: 0;}
.fix{*zoom:1;}

.fd{ height:auto;}
.fd-con{width:100%;height:auto;position:fixed; z-index:100; right:0; bottom:0;-webkit-transition:right .5s ease;transition:right .5s ease;}
.menu-bg{background: none repeat scroll 0 0 #DE9557;}
.fd p{max-width:600px;padding:10px 20px;margin:0 auto;}
.fd .tx2{float:left;width:73%;height:40px;text-indent:10px;border:1px solid #4dbaff;outline:none;font:14px/40px arial; border-radius:5px 0 0 5px; overflow:hidden; box-shadow: inset 5px 2px 5px rgba(238,238,238,0.8);}
.fd .ty2{float:right;width:25%;height:42px;border:1px solid #4dbaff;outline:none;font:15px/40px Microsoft Yahei;text-align:center;color:#fff;background:#339ee2;border-radius:0 5px 5px 0; overflow:hidden;}
.fd li{ float:left; width:40%;}
.fd li a,.fd li span{display:block;height:44px;padding:74px 0 0 0;text-align:center;font-size:24px;color:#fff;cursor:pointer;}
.fd li.zx span{background:url(../images/swt_i1.png) center 15px no-repeat;}
.fd li.tel{ width:20%; margin-top:-22px;}
.fd li.tel a{background:url(../images/swt_i2.gif) center 0 no-repeat; padding:94px 0 0 0;}
.fd li.yy a{background:url(../images/swt_i3.png) center 15px no-repeat;}
.fd li.dh99 span{background:url(../images/swt_i4.png) center 15px no-repeat;}
/**==================弹出导航菜单==============**/
#nav-over{position:fixed;left:0;top:0;z-index:9998;display:none;width:100%;height:100%;}
.warmp{position:relative;right:0;z-index:1;-webkit-transition:all .5s ease;transition:all .5s ease;}
.sdnav{position:fixed;top:0;right:-480px;z-index:9999;width:480px;height:100%;background:#393939;-webkit-transition:all .5s ease;transition:all .5s ease;}
.openMenu{right:480px;-webkit-transition:all .5s ease;transition:all .5s ease;}
.openNav{right:0;-webkit-transition:all .5s ease;transition:all .5s ease;}
.sdnav h3{padding:65px 0 30px 25px;font-size:3.142em;font-weight:normal;color:#fff;line-height:50px;}
.sdnav h3 a { color:#fff;}
.scrollerBox{overflow-x:hidden;overflow-y:scroll;}
.scroller {width:100%;padding:0 0 100px 0;}
/**============= 科室菜单 ========================**/
.sdnav ul li a{display:block;height:90px;overflow:hidden;padding:0 0 0 24px;line-height:90px;color:#dcdcdc;font-size:2em;border-bottom:1px solid #272727;}
.home ul li span{ display:block;float:left;width:72px;height:90px;margin:0 1.2em 0 0;background:url(../images/nav.png);}
.home ul li:nth-of-type(1) span{background-position:0 0;}
.home ul li:nth-of-type(2) span{background-position:-72px 0;}
.home ul li:nth-of-type(3) span{background-position:-144px 0;}
.home ul li:nth-of-type(4) span{background-position:-216px 0;}
.home ul li:nth-of-type(5) span{background-position:-288px 0;}
.home ul li:nth-of-type(6) span{background-position:-360px 0;}
.home ul li:nth-of-type(7) span{background-position:-432px 0;}
.home ul li:nth-of-type(8) span{background-position:-504px 0;}
.home ul li:nth-of-type(9) span{background-position:-576px 0;}
.home ul li:nth-of-type(10) span{background-position:-648px 0;}
.home ul li:nth-of-type(11) span{background-position:-720px 0;}
.home ul li:nth-of-type(12) span{background-position:-792px 0;}
.home ul li:nth-of-type(13) span{background-position:-864px 0;}
.home ul li:nth-of-type(14) span{background-position:-932px 0;}
.home ul li:nth-of-type(15) span{background-position:-1010px 0;}
.home ul li:nth-of-type(16) span{background-position:-1082px 0;}
.home ul li:nth-of-type(17) span{background-position:-1150px 0;}



/**===================科室专家====================**/
.des p { height:88px; overflow:hidden;}

.container{position:relative;width:100%;z-index:0;-webkit-transition:-webkit-filter 0.3s ease-in-out;transition:filter 0.3s ease-in-out;}

.container.filter{url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGZpbHRlciBpZD0iYmx1ciI+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iNSIgLz48L2ZpbHRlcj4KPC9zdmc+#blur);-webkit-filter:blur(5px);}
/* 弹出窗口 */
.app-popup{z-index:99999;position:fixed;left:0;top:0;}
/*width:100% !important;height:100% !important;*/
.popup-wrap{z-index:1;position:absolute;overflow:hidden !important;}
.popup-container{background-color:#fdf9ef;position:absolute;z-index:1;width:100%;height:100%;overflow:hidden;}
.popup-content{overflow-x:hidden;overflow:hidden;position:relative;-webkit-overflow-scrolling:touch;}
.popup-mask{background-color:#;width:100%;height:100%;position:absolute;left:0;top:0;z-index:0;}
.popup-close{width:64px;height:64px;display:block;border-radius:50%;background-color:#D9A953;border:3px solid #fff;position:absolute;right:-37px;top:-34px;z-index:2;opacity:0;
	-webkit-transition:all 0.5s ease;
	transition:all 0.5s ease;

	-webkit-transform:scale(0.75) rotate(-360deg);
	transform:scale(0.75) rotate(-360deg);
}
.popup-wrap.show .popup-close{opacity:1;
	-webkit-transform:scale(1) rotate(0deg);
	transform:scale(1) rotate(0deg);
}
.popup-close i{width:15px;height:1px;display:block;border-radius:2px;position:absolute;left:50%;top:50%;margin-left:-20px;margin-top:10px;background-color:#fff;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.popup-close i:nth-child(2){
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.popup-reserve{width:250px;}
.popup-reserve input,.popup-reserve textarea,.popup-reserve select{outline:none;resize:none;-webkit-appearance:none;}
.popup-reserve h2{color:#D9A953;font-size:14px;font-weight:bold;text-align:left;line-height:28px;padding-bottom:8px; border-bottom: 1px solid #c4c4c4; margin-bottom: 12px;}
.popup-reserve li{height:34px;line-height:34px;padding-bottom:10px;padding-left:80px;text-align:left;position:relative;font-size:14px;}
.popup-reserve li.source{display:none;}
.popup-reserve li span{position:absolute;left:0;top:0;width:80px;text-align: right; color: #4f4f4f;}
.popup-reserve li span s{text-decoration:none;display:inline;float:left;}
.popup-reserve ul li.xiangmu label{position: relative;}
.popup-reserve ul li.xiangmu label i{border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 8px solid #ccc;font-size: 0;margin-top: -4px;position: absolute;right: 6px;top: 50%;z-index: 1;}
.popup-reserve li.yuyuetime input{background:#fff url(../images/data_ico.jpg) no-repeat right center;background-size:21px 17px;}
.popup-reserve li input[type="text"],.popup-reserve li input[type="date"]{height:14px;line-height:14px;border:1px solid #d2d7c9;border-radius:2px;width:174px;padding:9px 0 9px 4px;font-size:14px; color: #979797;}
.popup-reserve li input[type="text"]::-webkit-input-placeholder,.popup-reserve li input[type="date"]::-webkit-input-placeholder{color:#ccc;line-height:14px;font-size:14px;}
.popup-reserve li input:focus,.popup-reserve li select:focus{border-color:#359fe2;color:#339ee2;}
.popup-reserve li select{height:34px;line-height:34px;border:1px solid #d2d7c9;border-radius:2px;width:180px;background-color:#fff;color:#979797;font-size:14px;padding:0;}
.reserve-form li:last-child input{background-color:#DD3946;border:none;width:72px;height:30px;color:#fff;border-radius:2px;font-size:14px;}
.reserve-form li:last-child input:nth-child(1){margin-right:10px;}
.reserve-form li:last-child input:nth-child(2){background-color:#FD6111;}
.popup-reserve li label{position:relative;display:block;}
.popup-reserve li label .errorTips{position:absolute;left:0;top:36px;background-color:#fff9ea;line-height:20px;border-radius:2px;border:solid 1px #f60;box-shadow:1px 1px 3px rgba(0,0,0,0.2);padding:2px 5px;}
.popup-reserve li label .errorTips i{border-left:solid 1px #f60;border-top:solid 1px #f60;width:6px;height:6px;display:block;background-color:#fff9ea;position:absolute;top:-4px;left:8px;
	-webkit-transform:rotate(45deg);
}
.popup-reserve li .i{ margin:0; padding:0; width: 0; height:0; }
.popup-reserve dl{padding:10px;line-height:20px;}
.popup-reserve dl dt{color:#000;padding-bottom:5px;}
.popup-reserve dl dd{padding-left:20px;text-align:left;position:relative;line-height:20px;}
.popup-reserve dl dd i{position:absolute;display:block;background-color:#D9A953;width:14px;height:14px;border-radius:3px;color:#fff;font-weight:bold;text-align:center;left:0;top:3px;font:12px/14px arial;}
@-webkit-keyframes flipYOutRight{
	0%{-webkit-transform:perspective(1000px);}
	100%{-webkit-transform:perspective(1000px);}
}
@keyframes flipYOutRight{
	0%{transform:perspective(1000px);}
	100%{transform:perspective(1000px);}
}
@-webkit-keyframes flipYInLeft{
	0%{-webkit-transform:perspective(1000px);}
	100%{-webkit-transform:perspective(1000px);}
}
@keyframes flipYInLeft{
	0%{transform:perspective(1000px);}
	100%{transform:perspective(1000px);}
}



@media screen and (max-width: 639px){
	.sdnavbar .ico-home,.sdnavbar .ico-nav{height:50px;background-size:29.5px 24.5px;}
	.sdnavbar .ico-nav{background-size:24.5px 21.5px;}
	.sdnavbar #title{height:50px;font-size:1.571em;line-height:50px;}	
	.header .description{height:29px;font-size:0.9em;line-height:29px;}	
	.header .description span{padding:2px 5px;color:#ffea00;border-radius:1em;}	
	
	.index-hd{height:34px;line-height:34px;padding:9px 10px 0 35px;border-bottom:1px solid #339ee2;background:url(../images/ico-tt.png) 10px 19px no-repeat; background-size:14px 14px;}
	.index-hd .more{float:right;font-size:12px;}
	.index-hd h3{display:inline;font-size:16px;font-weight:normal;}
	.index-hd strong{color:#cbcbcb;font-size:12px;font-weight:normal;text-transform:uppercase;}
	
	.links{margin-top:15px;}
	.links h3{height:45px;padding:0 0 0 10px;line-height:45px;font-size:14px;}
	.links .bd{padding:10px;}
	.links .bd a{margin:0 5px;font-size:12px;}

	.copyright{font-size:0.8em;}
	.fd{ height:auto;}
	.fd .fd-con{height:auto;}
	.fd p{padding:5px 10px;margin:0 auto;}
	.fd .tx2{height:30px;text-indent:5px;font:14px/30px arial;}
	.fd .ty2{height:32px;font:15px/30px Microsoft Yahei;}
	.fd li{ float:left; width:40%}
	.fd li a,.fd li span{height:22px;padding:35px 0 0 0;font-size:12px;line-height:18px;}
	.fd li.zx span{background:url(../images/swt_i1.png) center 7px no-repeat;background-size:29px 24px;}
	.fd li.tel{ margin-top:-10px;}
	.fd li.tel a{background:url(../images/swt_i2.gif) center 0 no-repeat;background-size:68px 70px; padding-top:45px;}
	.fd li.yy a{background:url(../images/swt_i3.png) center 7px no-repeat;background-size:22px 27px;}
	.fd li.dh99 span{background:url(../images/swt_i4.png) center 7px no-repeat;background-size:24px 24px;}
	/**==================== 科室菜单 ===============**/	
	.sdnav{width:200px;}
	.sdnav h3{padding:32px 0 15px 12px;font-size:1.2em;font-weight:normal;color:#fff;line-height:25px;}	
	.sdnav ul li{clear:both;}
	.sdnav ul li a{display:block;height:45px;padding:0 0 0 12px;line-height:45px;font-size:16px;}
	.home ul li span{width:36px;height:45px;background:url(../images/nav-320.png);}
	.home ul li:nth-of-type(1) span{background-position:0 0;}
	.home ul li:nth-of-type(2) span{background-position:-36px 0;}
	.home ul li:nth-of-type(3) span{background-position:-72px 0;}
	.home ul li:nth-of-type(4) span{background-position:-108px 0;}
	.home ul li:nth-of-type(5) span{background-position:-144px 0;}
	.home ul li:nth-of-type(6) span{background-position:-180px 0;}
	.home ul li:nth-of-type(7) span{background-position:-216px 0;}
	.home ul li:nth-of-type(8) span{background-position:-252px 0;}
	.home ul li:nth-of-type(9) span{background-position:-288px 0;}
	.home ul li:nth-of-type(10) span{background-position:-324px 0;}
	.home ul li:nth-of-type(11) span{background-position:-360px 0;}
	.home ul li:nth-of-type(12) span{background-position:-396px 0;}
	.home ul li:nth-of-type(13) span{background-position:-432px 0;}	
	.home ul li:nth-of-type(14) span{background-position:-468px 0;}
	.home ul li:nth-of-type(15) span{background-position:-505px 0;}
   .home ul li:nth-of-type(16) span{background-position:-546px 0;}
   .home ul li:nth-of-type(17) span{background-position:-584px 0;}
	/**================ 科室简介 =====================**/
	.i-news-about { max-height:230px; line-height:22px; font-size:14px;}
	.i-news-about .i-news-about-pic { width:160px;}
	.i-news-about p { font-size:1em;}
	.moreinfo { font-size:14px;}

	/**==================== 病种菜单 ===============**/
	.ks-nav dl{overflow:hidden;clear:both;padding:15px 25px;border-top:1px solid #454545;}
	.ks-nav dl dt{padding:0 0 15px 5px;font-size:1.2em;color:#fffc00; text-shadow:0 0 1px #000;}
	.ks-nav dl dd {height:40px;}
	.ks-nav dl dd a{font-size:12px;line-height:15px;}
	#gotop{width:41px;height:55px;right:0;bottom:95px;background-size:41px 55px;}	
	
	.sdnav{right:-200px}
	.openMenu{right:200px;}
	.openNav{right:0;}
	
		/*相关链接--修改样式名称*/
	.new-about-link ul{padding-top:10px;}
	.new-about-link li{height:59px;line-height:59px;}
	.new-about-link li a{height:49px;line-height:49px;font-size:0.85em;}

	.new-about-link .order div{height:38px;}
	.new-about-link .order div b{font-size:1.25em;line-height:20px;}
	.new-about-link .order div em{font-size:0.8em;line-height:14px;}
	.new-about-link .order div i{width:45px;background-size:250px 300px;}
	.new-about-link .order div.taobao i{background-position:0 -250px; }
	.new-about-link .order div.orderLine i{background-position:-50px -250px;}

	/*底部链接--修改样式名称*/
	.new-links{margin-top:15px;}
	.new-links h3{height:45px;padding:0 0 0 10px;line-height:45px;font-size:14px;}
	.new-links .bd{padding:10px;}
	.new-links .bd a{margin:0 5px;font-size:12px;}

	
}

