﻿body, div, span, object, iframe, h1, h2, h3, h4, p, blockquote, pre, a, address, code, b, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, footer, header, nav, section{ margin: 0; padding: 0; border: 0}
a { text-decoration:none; outline:none; color:#337ece}
a:hover { color: #e87518}
input { padding:0; margin:0; font-family:'Microsoft YaHei'}
img { border:none; background:none; vertical-align:middle}
.clr{ clear:both}
ul, ol, li { list-style-type:none}
i{ font-style:normal}
body{ min-width:1000px;}
.main{ width:1000px; margin:0 auto; position:relative}
.mb{ margin-bottom:20px !important}
.itle{ background:#fbf9f7; line-height:48px; font-size:24px; width:100%; text-align:left; color:#fff; height:45px; text-align:center; border-bottom:3px solid #337ece; border-bottom-left-radius:24px}
.itle span{ width:140px; float:left; background:#337ece; line-height:48px; border-top-left-radius:24px; border-bottom-left-radius:24px; border-top-right-radius:24px}
.itle .tm{ float:right; margin-right:1.5em; line-height:48px; font-size:16px}

/*首页标题*/
.head{ width:1000px; margin:0 auto; height:100px}
.head .logo{ float:left}
.head .tel{ float:right}
.head .tel a{ color:#F00; font-weight:bold; font-size:24px; text-shadow:1px 1px 1px #FFF}
/*菜单*/
.menu{ background:#444; width:100%; height:48px}
.nav.m{ display:none}
.nav { background: #337ece; width: 100%; }
.nav_cn { height: 54px; line-height: 54px; position: relative; z-index: 100; width:1000px; margin:0 auto }
.nav_cn h3 { font-size: 100%; font-weight: normal; font-size: 14px; }
.nav_cn .m { float: left; display: inline }
.nav_cn .m h3 { float: left; }
.nav_cn .m h3 a { zoom: 1; display: block; width: 125px; text-align: center; font-size: 16px; font-weight: bold; color: #fff; }
.nav_cn .m:hover h3 a { background: #0a3190; color: #fff; }
.nav_cn .sub { display: none; width: 1000px; left: 0; top: 54px; z-index: 100; position: absolute; background: url(../images/snav1.png) left top repeat; line-height: 36px; text-align: center }
.nav_cn .sub dl { width: 242px; text-align: center; border-right: 1px dashed #a5a5a5; display: inline-block; margin: 10px 0; height:200px }
.nav_cn .sub dl:last-child { border: 0 }
.nav_cn .sub dl a:hover { color: #333; }
.nav_cn .sub dl dt { height: 42px; line-height: 42px; color: #fff; font-size: 16px; text-shadow: 1px 1px 1px #000 }
.nav_cn .sub dl dt a { color: #fff}
.nav_cn .sub dl dt a:hover { text-shadow: 1px 1px 1px #fff }
.nav_cn .sub dl dd{ width:121px; float:left}
.nav_cn .sub dl dd a { color: #fff; font-size: 14px; line-height: 32px }
.nav_cn .m:hover .sub{ display:block}
/*头图*/
.ban{ width:1000px; margin:0 auto}
.slideBox { width: 100%; height: auto; overflow: hidden; position: relative}
.slideBox .hd { height: 15px; overflow: hidden; position: absolute; text-align: center; width: 100%; bottom: 5px; z-index: 1}
.slideBox .hd ul { overflow: hidden; zoom: 1; width: 100%; text-align: center}
.slideBox .hd ul li { display: inline-block; margin: 0 2px; width: 15px; height: 15px; line-height: 14px; text-align: center; background: #fff; cursor: pointer; font-size: 0}
.slideBox .hd ul li.on { background: #f00; color: #fff}
.slideBox .bd { position: relative; z-index: 0}
.slideBox .bd li { zoom: 1; vertical-align: middle}
.slideBox .bd li img { width: 100%; height: auto; display: block}
.slideBox .prev, .slideBox .next { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 32px; height: 40px; background: url(../images/slider-arrow.png) -110px 5px no-repeat; filter: alpha(opacity=50); opacity: 0.5}
.slideBox .prev:hover, .slideBox .next:hover { filter: alpha(opacity=100); opacity: 1}
.slideBox .next { left: auto; right: 3%; background-position: 8px 5px}
/*医院动态*/
.yydt{ float:left; width:420px; margin-left:20px}
.yydt h1{ font-size:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:96%; margin:0 2%; line-height:60px; color:#337ece}
.yydt p{ text-indent:2em; line-height:32px}
.yydt p a{ color:#f00}
.yydt ul{ margin:10px 5px 0}
.yydt ul li{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1.5em}
.yydt ul li b{ color:#f00; margin:0 8px}
.yydt ul li a{ color:#333}
.yydt ul li a:hover{ color:#337ece}
/*医院简介*/
.yyjj{ float:left; width:260px}
.yyjj .img{ margin:20px 10px 10px}
.yyjj .img img{ width:100%}
.yyjj p{ text-indent:2em; line-height:2em; margin:0 5px}
.yyjj p a{ color:#f00}
/*医院环境*/
.yyhj{ float:right; width:280px}
.yyhj .ihj{ width:280px; height:160px; margin-top:15px; position:relative}
.yyhj .prev{ position:absolute; left:10px; top:50%; margin-top:-25px; display:block; width:38px; height:38px; background:url(../images/media_prev.png) no-repeat}
.yyhj .next{ position:absolute; right:10px; top:50%; margin-top:-25px; display:block; width:38px; height:38px; background:url(../images/media_next.png) no-repeat}
.yyhj .ihj img{ width:100%}
.yyhj .tel{ margin-top:15px; background:url(../images/ihjtel.jpg) center no-repeat; height:80px}
/*医师团队*/
.ystd{ width:100%}
.ystd #demo{ overflow:hidden; width:100%; margin-top:30px}
.ystd #demo #indemo,.ystd #demo #demo1,.ystd #demo #demo2{ float:left}
.ystd ul,.ystd li{ float:left}
.ystd .izj{ display:block; width:330px; margin:0 15px}
.ystd .izj img{ float:left; width:160px; height:200px}
.ystd .izj dl{ float:right; width:150px}
.ystd dt{ font-size:18px; color:#337ece; line-height:36px; margin-top:10px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.ystd dd{ text-indent:2em; font-size:14px; line-height:28px; margin-top:10px; color:#333}
/*服务项目*/
.fwxm{ margin:20px 0 0 0}
.fwxm .itle{ margin-bottom:10px}
.fws{ width:320px; vertical-align:top; text-align:left; line-height:36px; float:left; margin:10px 0 0 10px}
.fwt{ border-bottom:1px solid #337ece; color:#333; border-bottom-left-radius:20px}
.fwt span{ float:left; font-size:20px; text-align:center; width:116px; border-bottom-left-radius:20px; border-top-right-radius:20px; background:#337ece; color:#fff}
.fwt a.t{ color:#fff}
.fwt a.more{ float:right; font-size:14px; text-align:right; color:#999; width:104px; padding-right:10px}
.fws ul{ margin:20px 5px 0; line-height:28px; height:auto; font-size:0}
.fws ul li{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:295px; display:inline-block; margin:0 5px; font-size:16px; color:#337ece; font-weight:bold; line-height:2em}
.fws ul li{ display:-webkit-inline-box}
.fws ul li a{ color:#333; font-weight:normal; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:275px; margin-left:5px}
.fws ul li a:hover{ color:#337ece}
/*列表*/
.wbt{ background:url(../images/rbg.jpg) left repeat-y}
.mlist{ float:right; width:720px; box-shadow:1px 1px 10px #000}
.mlist .pos{ font-size:18px; color:#fff; background:#337ece; line-height:48px; text-indent:1em}
.mlist .pos a{ color:#fff}
.mlist .lists{ margin:0 10px}
.mlist .lists li{ border-bottom:1px solid #CCC; padding:10px 0}
.mlist .lists li:nth-child(2n){ background:#eff6fd}
.mlist .lists li:last-child{ border:0}
.mlist .lists li a{ display:block; margin:0 10px}
.mlist .lists li h1{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; font-size:18px; line-height:2em; text-indent:.5em}
.mlist .lists li p{ font-size:14px; line-height:2em; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.mlist .page{ border-top:1px dashed #999; padding:10px 0; margin-top:10px}
.mlist .page ul{ width:100%; text-align:center}
.mlist .page li{ display:inline-block; vertical-align:top; margin:0 5px}
.mlist .page li a{ display:block; padding:0 10px; border:1px solid #ccc; color:#333; font-size:14px; line-height:2em}
.mlist .page li a.thisclass,.mlist .page li a:hover{ background:#337ece; border:1px solid #fff; color:#fff}
/*文章*/
.mcon{ margin:20px 10px 0}
.cont,.con{ margin:0 10px}
.cont{ font-size:24px; text-align:center; line-height:2em; color:#337ece}
.infos{ border-top:1px solid #999; padding-top:10px; font-size:14px; text-align:center; color:#666; margin-top:10px}
.con{ font-size:16px; line-height:2em; margin-top:20px}
.con img{ max-width:80%}
.fy{ border-top:1px solid #999; margin:20px 0; font-size:16px; line-height:2em; padding-top:10px}
.fy ul{ margin:0 10px}
.fy a{ color:#337ece}
/*边栏*/
.right{ float:left; width:260px; background:url(../images/rbg.jpg) left no-repeat; background-size:5px 100%}
.right .rline{ border-left:5px solid #337ece; height:20px}
.right .dh{ display:none}
.right .rbox{ border-left:5px solid #337ece; padding:10px 10px 0 5px}
.right .rdh{ font-size:16px; line-height:2em; text-align:center; padding-bottom:5px}
.right .rdh a{ display:inline-block; width:100px; margin:10px 5px 0; border:1px solid #fff; background:#337ece; color:#fff}
.right .rdh a:hover{ border:1px solid #337ece; background:#fff; color:#337ece}
.right .rwz{ padding-left:0}
.right .rwz li{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; line-height:2em; border-bottom:1px dashed #CCC; text-indent:.5em}
.right .rwz li:last-child{ border:0}
.right .rwz li a{ color:#333}
.right .rwz li a:hover{ color:#337ece}
.right .itle,.right .itle span,.right .wbtl{ border-radius:0}
/*友情链接*/
.flink {clear:both;margin:0 auto;width:1000px;background:url(../images/linksbg.jpg) no-repeat; border-top-right-radius:10px; border-top-left-radius:10px}
.flink .fltitle { height: 45px; margin-bottom: 10px; padding-left:10px}
.flink .fltitle a{margin:0 auto; color:#337ece; line-height:37px; font-size:16px; padding:0 10px; font-weight:bold; display:inline-block}
.flink .flinfos { height:auto; margin:0 10px}
.flink .flinfos .flit { font-size:12px; padding-bottom:6px; border-bottom:1px dashed #CCC; margin:0 auto 5px}
.flink .flinfos li{ float:left; margin:0 10px; font-size:14px}
.flink .flinfos li a{ color:#222}
.flink .flinfos li a:hover{ color:#e87518}
/*底部*/
.foot { background: #595f6a; width: 100%; }
.foots { background:url(../images/foot.png) left no-repeat; margin:0 auto; padding:30px 0 30px 320px; color:#fff; font-size:14px; line-height:2em; width:360px}
/*Customer_service*/
.Customer_service { position: fixed; width: 61px; right: 50px; top: 40%; z-index: 99; }
.Customer_service ul { display: block; }
.Customer_service ul li { display: block; width: 61px; height: 62px; margin-bottom: 1px}
.Customer_service ul li a { display: block; width: 100%; padding-top: 6px; position: relative; color:#fff; text-shadow:1px 1px 1px #000 }
.Customer_service ul li a img { display: block; width: 61px; height: 62px; }
.Customer_service ul li a .Customer_tp1 { display: none; position: absolute; top: -6px; right: 66px; border: 1px solid #0b318f; width: 280px; background: #FFF; }
.Customer_service ul li a .Customer_tp1 i { display:block; width: 260px; margin: 0px 10px; text-align:center}
.Customer_service ul li a .Customer_tp1 i img { display: block; width: 260px; height: 80px }
.Customer_service ul li a .Customer_tp1 i strong.rtel{ line-height:80px; font-size:32px; color:#337ece;}
.Customer_service ul li a .Customer_tp2 { display: none; position: absolute; top: -66px; right: 66px; border: 1px solid #0b318f; padding: 10px 10px; background: #FFF; }
.Customer_service ul li a .Customer_tp2 i { display:block; width: 200px; text-align:center; font-size:14px; color:#0b318f; text-shadow:none}
.Customer_service ul li a .Customer_tp2 i img { display: block; width: 200px; height: 200px }
.Customer_service ul li a .Customer_tp2 span{}
.Customer_service ul li a:hover .Customer_tp1 { display: block; }
.Customer_service ul li a:hover .Customer_tp2 { display: block; }