@charset "utf-8";
/* CSS Document */
html, body {font-size: 12px;margin: 0px;padding: 0px;text-decoration: none;font-family: "微软雅黑";background: #fff;text-align: center;-webkit-text-size-adjust: none;}
a { color: #666666;text-decoration: none;outline: 0px none; star:expression(this.onFocus=this.blur());}
a:hover, a:active { color: #527e65;}
* { margin: 0px;padding: 0px;list-style: none;}
table { border-collapse: collapse;}
ul, li {list-style: none;border: 0 none;padding: 0px;}
form {margin: 0px;}
img {border: 0px none;text-align-last: center;vertical-align: middle;_azimuth:expression(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true);}
center {text-align: left; color: #999;height: 50px;}
#dhtmltooltip {z-index: 100;visibility: hidden; position: absolute;text-align: left;border: 1px solid #ccc;}
#clear, .clear {clear: both;float: none;background: none;width: inherit !important; height: inherit !important;}
#noData, .noData {color: #ccc;font-size: 14px;text-align: left;padding: 50px 0px;}
/*
head
-----------------------------------------------------------------*/
#head { position:relative;width: 1100px;height: 150px;margin: 0px auto;}
#head .logo{ position:absolute; left:0px; bottom:40px;}
#head .zjws{ position:absolute; right:0px; top:30px;}
#head .tel{ position:absolute; right:0px; bottom:40px; font-size:25px; font-family:Arial, "Arial Narrow"; color:#527e65;}
#head .tel img{ margin:0px 5px;}
#menu{ position:absolute; z-index:1000; width:100%; height:52px; background:rgba(82,126,101,.9);}
#menu .container{ position:relative; width:1100px; height:52px; margin:0px auto;}
#menu .container .menu{ position:absolute;width:900px;}
#menu .container .menu>li{float:left; position:relative; cursor:pointer;}
#menu .container .menu>li:after{position:absolute; z-index:1; left:0; width:100%; height:0; bottom:0; font-size:0; background:rgba(0,0,0,0.2);content:''; display:block; transition:all .18s;}
#menu .container .menu>li.A:after{height:2px;}
#menu .container .menu>li:hover{ background:rgba(0,0,0,0.2);}
#menu .container .menu>li>a{font-size:15px; color:#fff; line-height:52px; display:inline-block; padding:0 20px; transition:all .25s;}
#menu .container .menu>li>div{min-width:140px; background:#fff; position:absolute; left:0; top:52px; display:none; transition:top .35s;}
#menu .container .menu>li>div>a{display:block; height:45px; line-height:44px; border-bottom:1px solid #eee; padding:0 55px 0 25px; font-size:13px; transition:all .35s; white-space:nowrap; position:relative; overflow:hidden;}
#menu .container .menu>li>div>a:after{content:''; display:block; width:20px; height:20px; position:absolute; background:url(../images/arrow.png?6) no-repeat center center; right:35px; top:12px; filter:alpha(opacity=0); opacity:0; transition:all .5s;}
#menu .container .menu>li>div>a:last-child{border-bottom:0px none;}
#menu .container .menu>li>div>a:hover{background:#f18d00; color:#fff; border-bottom:1px solid #fff;}
#menu .container .menu>li>div>a:hover:after{right:20px; filter:alpha(opacity=60); opacity:.6;}
#menu .container .menu>li>div>a:last-child:hover{border-bottom:0px none;}
#menu .container .search{ position:absolute; z-index:2; right:0px; top:12px; width:160px; text-align:right; background:rgba(255,255,255,.15); border-radius:30px;}
#menu .container .search input[type="text"]{float:left;height:28px;line-height:22px;padding-left:15px;width:75%;border:none; outline:none;background:none;color:#fff;box-sizing:border-box;overflow:hidden;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ccc;}
#menu .container .search button{float:right;width:25%;height:28px;border:none;outline:none;background:url(../images/go.png) no-repeat center center;background-size:auto 50%;color:#fff;cursor:pointer;box-sizing:border-box;overflow:hidden;}
/* end*/
/*
banner
-----------------------------------------------------------------*/
#banner {position:relative; z-index:9; width:100%;margin: 0px auto; min-height:320px; overflow:hidden;}
#banner .container{ position:relative; width:100%; height:600px; margin:0px auto; overflow:hidden;}
#banner .container a{ display:block; width:100%; height:600px; margin:0px auto;}
#banner img{ position:absolute; left:50%; width:2000px; margin-left:-1000px;}
#banner .pagination{ position:absolute; z-index:999; left:50%; bottom:20px; text-align:right; width:1000px; margin-left:-500px;}
#banner .pagination a{ display:inline-block; border-radius:100%; background:rgba(255,255,255,0.3); width:12px; height:12px; font-size:0px; margin:0px 3px;}
#banner .pagination .activeSlide{ background:rgba(156,200,19,1);}
/* end*/
/*
quickmenu
-----------------------------------------------------------------*/
#quickmenu{position:absolute;z-index:9;left:50%; width:1100px; margin-left:-550px; margin-top:-220px; text-align:left;}
#quickmenu>a{ display:block; float:left; width:205px; height:135px; text-align:center;transition:all .35s;}
#quickmenu img{ display:inline-block; margin:30px auto 0px auto; transition:all .55s;}
#quickmenu .name{ display:block; font-size:16px; padding:10px 0px;}
#quickmenu .doctor{ background:rgba(82,126,101,.8); margin-right:1px; margin-bottom:1px;}
#quickmenu .expert{ background:rgba(255,255,255,1);}
#quickmenu .keep{ background:rgba(82,126,101,.8); margin-right:1px; margin-bottom:1px;}
#quickmenu .traffic{ background:rgba(218,218,218,1);}
#quickmenu .doctor .name, #quickmenu .keep .name{color:#fff;}
#quickmenu .expert .name, #quickmenu .traffic .name{color:#666;}
#quickmenu .doctor:hover, #quickmenu .keep:hover{ background:rgba(82,126,101,1);}
#quickmenu a:hover img{transform:rotatey(360deg);}
#quickmenu .expert:hover{ background:rgba(222,222,222,1);}
#quickmenu .traffic:hover{ background:rgba(200,200,200,1);}
/*end*/
/*
main
-----------------------------------------------------------------*/
#main{ width:100%; background:#f5f5f5; padding:115px 0px; margin:0px auto;}
#main .news-bespeak{ width:1100px; margin:0px auto;}
#main .news{ display:block; float:left; width:715px; height:350px; background:#fff;}
#main .news .title{ width:675px; height:45px; text-align:left; background:url(../images/title-line.png) repeat-x; background-position:left bottom; margin:15px auto;}
#main .news .title a{ display:inline-block; font-size:16px; height:45px; line-height:45px; color:#bcbcbc; padding:0px 10px;}
#main .news .title .A{ font-weight:bold; color:#527e65; background:url(../images/title-line-Highlight.png) repeat-x; background-position:left bottom;}
#main .news .title a:hover{color:#527e65;}
#main .news .title #more{ float:right; font-size:13px; font-family:Arial, "Arial Narrow"; color:#ccc;}
#main .news .list{ width:675px; margin:0px auto; padding:10px 0px; text-align:left;}
#main .news .list a{ display:block; font-size:13px; padding:7px 0px 7px 18px; text-align:left; color:#646464; background:url(../images/news-arrow.png) no-repeat; background-position:left center;}
#main .news .list a span{ float:right; font-size:12px; color:#bbb;}
#main .news .list a:hover{ text-decoration:underline; color:#527e65;}
#main .bespeak{ display:block; float:right; width:360px; height:350px; background:#fff;}
#main .bespeak .btn{ position:relative; display:block; width:325px; height:130px; margin:20px auto 10px auto; background:url(../images/bespeak-button-bg.png) repeat-x; background-position:left bottom;transition:all .35s;}
#main .bespeak .btn img{ position:absolute; left:35px; top:27px;transition:all .55s;}
#main .bespeak .btn .con{ position:absolute; left:135px; top:27px; text-align:left;}
#main .bespeak .btn .con h3{ font-size:26px; color:rgba(255,255,255,1);}
#main .bespeak .btn .con p{ font-size:12px; color:rgba(255,255,255,.5); text-transform:uppercase;}
#main .bespeak .btn:hover{ background:#f18d00;}
#main .bespeak .btn:hover img{transform:rotatey(360deg);}
#main .bespeak .tips{ width:325px; padding:10px 0px; text-align:left; font-size:14px; line-height:20px; color:#527e65; margin:0px auto;}
#main .bespeak .text{ width:325px; font-size:12px; color:#888888; line-height:21px; text-align:left; margin:0px auto;}
#main .departments{ width:1100px; margin:0px auto; padding:20px 0px;}
#main .departments .ks-catalog{ display:block; float:left; width:715px; height:250px; background:#fff;}
#main .departments .ks-catalog .title{ width:675px; height:45px; text-align:left; background:url(../images/title-line.png) repeat-x; background-position:left bottom; margin:15px auto;}
#main .departments .ks-catalog .title a{ display:inline-block; font-size:16px; height:45px; line-height:45px; color:#bcbcbc; padding:0px 10px;}
#main .departments .ks-catalog .title a img{ margin-right:5px;}
#main .departments .ks-catalog .title .A{ font-weight:bold; color:#527e65; background:url(../images/title-line-Highlight.png) repeat-x; background-position:left bottom;}
#main .departments .ks-catalog .title #more{ float:right; font-size:13px; font-family:Arial, "Arial Narrow"; color:#ccc;}
#main .departments .ks-catalog .ks-Scroll{width:675px;height:150px;overflow:hidden;margin:20px auto;padding:0px;}
#main .departments .ks-catalog .item{ width:675px; margin:0px auto; padding:5px 0px;}
#main .departments .ks-catalog .item .cls{ float:left; width:76px; height:25px; line-height:25px; border:1px solid #eee; margin-right:25px; color:#666; font-size:12px;text-align:center;transition:all .55s;}
#main .departments .ks-catalog .item .container{ width:570px; float:left; padding:5px 0px 10px 0px; border-bottom:1px dotted #ddd;}
#main .departments .ks-catalog .item .container a{ display:inline-block; float:left; margin-right:20px;}
#main .departments .ks-catalog .item .container a:hover{ text-decoration:underline;}
#main .departments .ks-catalog .item:hover .cls{ background:#527e65; border:1px solid #527e65; color:#fff;}
#main .departments .ks-feature{display:block; float:right; width:360px; height:250px; background:#fff;}
#main .departments .ks-feature .title{ width:92%; height:43px; line-height:43px; padding:0px 4%; background:url(../images/feature-title-bg.png) repeat-y; background-position:left bottom; font-size:16px; color:#fff; font-weight:bold; text-align:left;}
#main .departments .ks-feature .title a{ float:right; opacity:.3;transition:all .55s;}
#main .departments .ks-feature .title a:hover{ opacity:1;}
#main .departments .ks-feature .container{ width:92%; margin:0px auto; padding:15px 0px; text-align:left;}
#main .departments .ks-feature .container a{ display:block; float:left; width:30%; background:url(../images/feature-arrow.png) no-repeat; background-position:left center; font-size:12px; padding:8px 0px 8px 3%; color:#75b491;}
#main .departments .ks-feature .container a:hover{ text-decoration:underline;}
#main .departments .ks-feature .container a:last-child{ background:none;}
#main .expert{ width:1100px; height:350px; background:#fff; margin:20px auto; padding:15px 0px;}
#main .expert .title{ width:1060px; height:45px; text-align:left; background:url(../images/title-line.png) repeat-x; background-position:left bottom; margin:0px auto;}
#main .expert .title a{ display:inline-block; font-size:16px; height:45px; line-height:45px; color:#bcbcbc; padding:0px 10px;}
#main .expert .title a img{ margin-right:5px;}
#main .expert .title .A{ font-weight:bold; color:#527e65; background:url(../images/title-line-Highlight.png) repeat-x; background-position:left bottom;}
#main .expert .title #more{ float:right; font-size:13px; font-family:Arial, "Arial Narrow"; color:#ccc;}
#main .expert .bd{ width:1060px; height:255px; margin:0px auto; padding:30px 0px; overflow:hidden;}
#main .expert ul { width: 100%; height: 255px; overflow: hidden; margin: 0px auto; zoom: 1;}
#main .expert ul li { position:relative; display: block; float: left; width: 150px; height: 255px; overflow: hidden; padding: 0px; margin:0px 10px;text-align:left;transition:all .35s;}
#main .expert ul li img{ width:150px; height:auto;}
#main .expert ul li p{ padding:0px 5px;}
#main .expert ul li .zoom{ position:absolute; left:0px;top:0px; background:rgba(255,255,255,.3); width:100%; height:0px; overflow:hidden; transition:all .35s;}
#main .expert ul li .name{ margin:5px auto 2px auto; font-size:16px;}
#main .expert ul li .ks{ font-size:12px; padding:3px 5px; color:#aaa;}
#main .expert ul li:hover .name{ color:#fff;}
#main .expert ul li:hover .ks{ color:rgba(255,255,255,.5);}
#main .expert ul li:hover .zoom{ height:200px;}
#main .expert ul li:hover{ background:rgba(117,180,144,1);}
#main .dealthcare{ width:1100px; height:240px; background:#fff; margin:20px auto; padding:15px 0px;}
#main .dealthcare .title{ width:1060px; height:45px; text-align:left; background:url(../images/title-line.png) repeat-x; background-position:left bottom; margin:0px auto;}
#main .dealthcare .title a{ display:inline-block; font-size:16px; height:45px; line-height:45px; color:#bcbcbc; padding:0px 10px;}
#main .dealthcare .title a img{ margin-right:5px;}
#main .dealthcare .title .A{ font-weight:bold; color:#527e65; background:url(../images/title-line-Highlight.png) repeat-x; background-position:left bottom;}
#main .dealthcare .title #more{ float:right; font-size:13px; font-family:Arial, "Arial Narrow"; color:#ccc;}
#main .dealthcare .container { width:1060px; margin:0px auto; padding:15px 0px; text-align:left;}
#main .dealthcare .container .list{ float:left; width:310px;}
#main .dealthcare .container .list a{ display:block; padding:8px 0px 8px 15px; background:url(../images/news-arrow.png) no-repeat; background-position:left center;}
#main .dealthcare .container .list a span{color:#aaa; float:right;}
#main .dealthcare .container .list:nth-child(1),#main .dealthcare .container .list:nth-child(2){ margin-right:60px;}
#main .dealthcare .container .list a:hover{ text-decoration:underline;}
/* end*/
/*
inside
-----------------------------------------------------------------*/
#inside{ width:1100px; margin:0px auto; padding-bottom:100px;}
#inside #navpart{ width:200px; float:left;}
#inside #content{ width:800px; float:right; text-align:left;}
#navpart .column{ padding:0px;}
#navpart .column .title{ background:url(../images/column-title-bg.png) no-repeat; overflow:hidden; border-radius:5px 5px 0px 0px; height:45px; line-height:45px; color:#fff; font-size:16px; font-weight:bold; padding:0px 12px; text-align:left;}
#navpart .column .container{ border:1px solid #eee; background:#fff;box-shadow:0px 2px 5px rgba(0,0,0,0.1); margin:0px auto; padding:15px 0px; text-align:left;}
#navpart .column .container a{ position:relative; display:block; width:86%; margin:0px auto; font-size:14px; color:#888; padding:10px 5px; background:url(../images/column-arrow.png) no-repeat; background-position:right center; border-bottom:1px solid rgba(0,0,0,0.1); transition: all .33s}
#navpart .column .container a:hover, #navpart .column .container .A{padding:10px 18px; background:url(../images/column-arrow-Highlight.png) no-repeat; background-position:right center; background-color:#527e65; color:#fff; border-radius:0px 5px 5px 0px;}
#navpart .column .container a:last-child{ border-bottom:0px;}
#navpart .bespeak{ margin:20px auto;}
#navpart .bespeak a{ display:block; margin:10px auto;}
#navpart .links{ margin:0px auto;}
#navpart .links a{ display:block; margin:10px auto; height:40px;overflow:hidden;}
#navpart .links a img{ transition:all .35s;}
#navpart .links a:hover img{ margin-top:-40px;}
#path{ width:100%; border-bottom:1px solid #ddd; margin:0px auto 30px auto; padding:20px 0px;}
#path .mod{ float:left; width:300px; padding-top:10px; text-align:left;}
#path .mod a{ color:#888;}
#path .mod span{ color:#73b08d;}
#path .title{ float:left; text-align:left; font-size:21px; font-weight:bold; color:#527e65;}
#path .title img{ margin-right:10px;}
/* end*/
/*
about
-----------------------------------------------------------------*/
#about{ text-align:left;}
#about .img{ text-align:left; margin:30px auto; font-size:14px; color:#333;}
#about .img img{ margin-bottom:10px; max-width:100%;}
#about .text{ margin:0px auto; padding:15px 0px;}
#about .text p{ display:block; font-size:16px; text-indent:2em; line-height:34px; color:#666; margin-bottom:15px;}
/* end*/
/*
leader
-----------------------------------------------------------------*/
#leader{ text-align:left;}
#leader a{ position:relative; display:block; float:left; margin:15px 16px; border:1px solid #ddd; padding:20px; transition:all .35s;}
#leader a img{ width:190px; height:240px;}
#leader a .line{ position:absolute; left:25px; margin-top:0px; background:#73b08d; opacity:.9; width:60px; height:0px; transition:all .35s;}
#leader a .position{ padding:10px 0px 5px 0px; font-size:14px; color:#888;}
#leader a .name{ padding:5px 0px 10px 0px; font-size:16px; color:#333; font-weight:bold;}
#leader a:hover{ background:#eee; transform:translate(0,-5px); box-shadow:0px 2px 5px rgba(0,0,0,0.1);}
#leader a:hover .line{margin-top:-8px; height:8px;}
/* end*/
/*
info
-----------------------------------------------------------------*/
#info{ text-align:left;}
#info a{ display:block; border-bottom:1px dotted #ddd; font-size:14px; padding:20px 10px;background-position:96% 50%; background-size:28px 28px; transition:all .35s;}
#info a .time{ display:block; font-size:12px; padding:5px 0px; color:#527e65;}
#info a:hover{ background:url(../images/icon-url.png) no-repeat; background-position:96% 50%; background-size:28px 28px; background-color:#e8fff2; padding:20px;}
/* end*/
/*
department
-----------------------------------------------------------------*/
#department{ text-align:left;}
#department .item{ display:block; padding:20px; margin:20px auto; border:1px solid #e6e6e6; transition:all .35s;}
#department .item .cls{ border-bottom:1px dotted #ddd; padding:10px 0px; font-size:20px; font-weight:bold; color:#527e65;}
#department .item .cls img{ width:45px; height:auto; margin-right:10px;}
#department .item .container{ padding:10px 0px;}
#department .item .container a{ display:inline-block; font-size:14px; border:1px solid #fff; background:#ffffff; border-radius:30px; padding:3px 10px; margin-right:15px; transition:all .35s;}
#department .item .container a:hover{ border:1px solid #f18d00; background:#f5ac26; color:#fff;}
#department .item:hover{ background:#e8fff2;}
#department .item:hover a{ border:1px solid #ccc;}
/* end*/
/*
expert
-----------------------------------------------------------------*/
#expert{ text-align:left;}
#expert .search{ border-bottom:1px solid #ddd; padding:10px; text-align:right;}
#expert .search select{ border:1px solid #ccc; color:#666; height:28px;}
#expert .search input[type="text"]{height:28px;line-height:22px; border:1px solid #ccc; font-family:'微软雅黑'; padding:0px 10px; margin:0px 10px;width:160px;outline:none;background:none;color:#666;box-sizing:border-box;overflow:hidden;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999;}
#expert .search button{float:right;width:28px;height:28px; border:none;outline:none;background:url(../images/go.png) no-repeat center center;background-color:#527e65;background-size:auto 50%;color:#fff;cursor:pointer;box-sizing:border-box;overflow:hidden;}
#expert .search button:hover{ background-color:#f18d00;}
#expert .item{ display:block; padding:20px 0px; margin:0px auto; border-bottom:1px solid #e6e6e6; transition:all .35s;}
#expert .item .img{ float:left; width:160px;}
#expert .item .img img{ width:100%; height:auto;}
#expert .item .container{ float:right; width:600px; text-align:left;}
#expert .item .container p{ display:block; font-size:14px; color:#666; padding:5px 0px;}
#expert .item .container a{ display:inline-block; margin-top:15px; padding:5px 15px; border-radius:5px; background:#527e65; color:#fff; transition:all .35s;}
#expert .item .container:hover a{ background:#f18d00;}
/* end*/
/*
price
-----------------------------------------------------------------*/
#price{ text-align:left;}
#price .cls{ border-bottom:3px solid #527e65; padding:0px 5px;}
#price .cls a{ display:inline-block; font-size:14px; padding:10px 30px; border:1px solid #ddd; border-bottom:0px; margin-left:-1px;}
#price .cls .A{ border:1px solid #527e65; background:#527e65; font-weight:bold; color:#fff;}
#price .container{ margin:0px auto; padding:15px 0px;}
#price .container table{ width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd;}
#price .container table td{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px; text-align:left;}
#price .container .bt{ background:url(../images/bt-bg.png) repeat-x; background-position:left bottom;}
#price .container .bt td{ font-size:14px;}
/* end*/
/*
traffic
-----------------------------------------------------------------*/
#traffic{ text-align:left;}
#traffic .text{ margin:0px auto; padding:15px 0px; font-size:14px; line-height:25px;}
#traffic .map{ border:1px solid #ddd;}
#traffic .transit{ padding:15px 0px; color:#527e65; font-size:18px; line-height:32px;}
/* end*/
/*
bespeak
-----------------------------------------------------------------*/
#bespeak{ text-align:left;}
#bespeak .text{ margin:0px auto; padding:15px 0px; font-size:14px; line-height:25px;}
#bespeak .text h3{ display:block; padding:15px 0px;}
#bespeak .url{ border-top:1px solid #eee; padding:30px 0px;}
#bespeak .url a{ display:inline-block; width:380px; height:80px; line-height:80px;background:url(../images/bespeak-btn-bg.png) repeat-x; border:1px solid #5e9174; background-position:left bottom; box-shadow:0px 2px 5px rgba(0,0,0,.2); border-radius:10px; font-size:30px; text-align:center; color:#fff;}
#bespeak .url a img{ width:50px; height:auto; margin-right:10px;}
#bespeak .url a:hover{ background:url(../images/bt-bg.png) repeat-x; background-position:left bottom; color:#527e65; border:1px solid #ddd;}
#bespeak .tel{ padding:10px 0px; color:#527e65; font-size:16px;}
/* end*/
/*
presentation
-----------------------------------------------------------------*/
#presentation{ margin:0px auto; text-align:center;}
#presentation a{ display:block; margin:25px auto; padding:20px 0px; font-size:16px; text-align:center; border-radius:5px;border:1px solid #ddd; box-shadow:0px 2px 5px rgba(0,0,0,.5); background:#eee;}
/* end*/
/*
equipment
-----------------------------------------------------------------*/
#equipment{ text-align:left;}
#equipment a{ position:relative; display:block; float:left; padding:20px 0px; text-align:center; transition:all .35s; border:1px solid #fff;}
#equipment a img{ width:auto; height:300px;}
#equipment a .name{ padding:15px 0px;}
#equipment a:hover{ z-index:99; border:1px solid #eee; box-shadow:0px 2px 5px rgba(0,0,0,.2);}
/* end*/
/*
complaint
-----------------------------------------------------------------*/
#complaint{ text-align:left;}
#complaint .text{ margin:0px auto; padding:15px 0px; font-size:14px; color:#777; line-height:25px; border-bottom:1px solid #eee; margin-bottom:15px;}
#complaint .container{ margin:0px auto; text-align:left;}
#complaint .container table{ width:80%;}
#complaint .container td{ text-align:left; font-size:14px; color:#666; padding:10px;}
#complaint .container input{ border:1px solid #d6d6d6; color:#555; padding:6px 10px;}
#complaint .container textarea{ border:1px solid #d6d6d6; color:#555; line-height:25px; padding:6px 10px;}
/* end*/
/*
order
-----------------------------------------------------------------*/
#order{ text-align:left;}
#order .bt{ background:#73b08d;}
#order .bt td{ color:#fff; font-weight:bold; border-right:1px solid rgba(255,255,255,.1);}
#order td{ padding:10px; border-bottom:1px solid #eee; font-size:14px; color:#666;}
#order img{ width:18px; opacity:.3; margin-right:5px;}
#order .btn{ padding:10px 0px; text-align:right;}
#order .btn a{ display:inline-block; font-size:14px; padding:8px 25px; background:#999; color:#fff; margin-left:2px; transition:all .35s;}
#order .btn .A{background:#ff9900 !important; color:#fff !important;}
#order .btn a:hover{ opacity:.8;}
#order .btn a img{ opacity:1; width:24px;}
#order .view{ border:1px solid #ddd; padding:20px; text-align:left; background:#f9f9f9;}
#order .view table{ border:0px; width:100%; margin:0px auto;}
#order .view td{ padding:5px 0px; font-size:14px; color:#666; border:0px;}
#order .view strong{ color:#333; display:inline-block; float:left;}
#order .view .reply{ background:#fff7eb; padding:20px; border:1px solid #ffcf88; margin:15px auto;}
#btn-submit { display:inline-block; padding:10px 25px !important; border:0px !important; background:#666; color:#fff !important; font-size:14px; cursor:pointer; }
#btn-submit:hover {background: #ffaf20;}
/* end*/
/*
question
-----------------------------------------------------------------*/
#question{ text-align:left;}
#question .list{ border-bottom:1px dotted #ddd; padding:10px 0px;}
#question .ask{ font-size:14px; color:#666; margin:10px auto;}
#question .ask img{ margin-right:10px;}
#question .answer{ padding:0px 43px; min-height:60px; background:url(../images/icon-answer.png) no-repeat; background-position:left top; font-size:14px; color:#527e65; line-height:24px;}
/* end*/
/*
view
-----------------------------------------------------------------*/
#view{ text-align:left;}
#view .title{ font-size:18px; font-weight:bold; text-align:center; border-bottom:1px solid #eee; padding:15px 0px;color:#333;}
#view .time{ padding:10px 0px 30px 0px; color:#999; font-size:12px; text-align:center;}
#view .bimg{ text-align:center; margin:0px auto;}
#view .text_tit{ padding:20px 0px; color:#333; font-size:14px; font-weight:bold;}
#view .text{ padding-bottom:30px; line-height:25px; color:#666; font-size:14px;}
#view .text img{max-width:100%;}
#view .text p{ margin-bottom:15px;}
#view .text table{ border-left:1px solid #ddd; border-top:1px solid #ddd;}
#view .text td{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px; text-align:left;}
#view .url{ padding:20px 0px; text-align:right; border-top:1px solid #eee;}
#view .url a{ display:inline-block; font-size:14px; padding:8px 25px; background:#999; color:#fff; margin-left:2px; transition:all .35s;}
#view .url a:hover{ opacity:.8;}
#view .url a img{ opacity:1; width:24px;}
#view .leader{ margin:0px auto;}
#view .leader .img{ float:left;}
#view .leader .container{ float:left; padding-left:50px; text-align:left;}
#view .leader .container P{ display:block; padding:10px 0px; font-size:14px; color:#666;}
#view .expert{ margin:0px auto;}
#view .expert .img{ float:left;}
#view .expert .img img{ width:190px; height:auto;}
#view .expert .container{ float:left; width:500px; padding-left:50px; text-align:left;}
#view .expert .container td{ padding:10px 0px; font-size:14px; color:#666;}
#view .department{ margin:0px auto 10px auto; border:1px solid #ddd; background:#f7f7f7; padding:20px;}
#view .department h3{ color:#333; padding:10px 0px; font-size:20px;}
#view .doctor{ margin:0px auto;}
#view .doctor h3{ color:#333; padding:10px 0px; font-size:20px;}
#view .doctor .list{ margin:0px auto; text-align:left;}
#view .doctor .list a{ display:block; padding:20px 0px; border-bottom:1px dotted #ddd;}
#view .doctor .list a:last-child{ border-bottom:0px !important;}
#view .doctor .list .img{ float:left;}
#view .doctor .list .img img{ width:140px; height:auto;}
#view .doctor .list .con{ float:right; width:620px; font-size:14px;}
#view .doctor .list .con .name{ color:#3c5412; font-weight:bold;}
#view .doctor .list .con p{ padding:5px 0px; color:#888;}
/* end*/
#title{ padding:30px 0px; border-bottom:1px solid #eee;text-align:left; font-size:21px; font-weight:bold; color:#527e65;}
#title img{ margin-right:10px;}
/*
page
-----------------------------------------------------------------*/
#page{ margin:0px auto; padding:20px 0px;text-align:left;}
/*end*/
/*
foot
-----------------------------------------------------------------*/
#foot{ width:100%; height:130px; padding:50px 0px; background:#414141; margin:0px auto;}
#foot .container{ position:relative; width:1100px; margin:0px auto;}
#foot .container .logo{ float:left; width:390px; height:140px; text-align:left; border-right:1px solid rgba(255,255,255,.1);}
#foot .container .logo img{ opacity:.3; margin-top:30px;}
#foot .container .tel{ float:left; width:260px;text-align:left; padding-left:50px;}
#foot .container .tel p{ padding:5px 0px; font-size:12px; color:#bebebe;}
#foot .container .tel p>img { width:25px; height:auto; opacity:.5; margin-right:10px;}
#foot .container .qrcode{position:absolute; z-index:9; right:0px; bottom:-142px;}
#copyright{ width:1100px; margin:0px auto; padding:20px 0px; text-align:left;}
#copyright .text{ padding:10px 0px; color:#666; font-size:14px;}
#copyright .icp a{color:#aaa;}
/* end*/