@charset "utf-8";

/* CSS Document */
body {background:url(../images/bg.jpg) repeat-x left top;}
li {list-style:none}
img {border:none}
a {color:#333; text-decoration:none}
a:hover {text-decoration:underline}
.div10 {width:auto; height:10px; overflow:hidden; font-size:0; clear:both}
.fl {float:left}
.fr {float:right}
.ml10 {margin-left:10px; display:inline}

.btn-primary {background-color: #119BCC; border-color: #119BCC;}

/*通用头部开始DIYUNWL*/
.dyui-header {position: relative; box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1); z-index: 9}
.dyui-header .logo {height: 65px}
.dyui-header .navbar-collapse {background:url(../images/menu.jpg) repeat-x left top; padding-top: 0; padding-bottom: 0}
.dyui-header .dyui-nav {padding: 0;}
.dyui-header .dyui-nav li {}
.dyui-header .dyui-nav li a.c1 {color: #FFF; font-size: 14px; padding: 12px 25px 12px 20px}
.dyui-header .dyui-nav li a.c1:hover {color: #FFF;}
.dyui-header .dyui-nav li.active a.c1 {background:url(../images/onbg.jpg) repeat-x left center; color: #FFF;}
.dyui-header .dyui-nav li.active a.c1 i {color: #fff}
.dyui-header .dyui-nav li .dropdown-toggle::after {content: ''; position: absolute; right: 12px; top: 17px; width: 8px; height: 8px; margin-top: -2px; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; border-top: 0; border-left: 0; -webkit-transform: rotate(45deg);}
.dyui-header .dyui-nav li.active .dropdown-toggle::after {border-color: #fff}

.dyui-header .btn-language .dropdown-menu {width: 300px;}

.dyui-header .btn-outline-secondary:focus {box-shadow: none;}

@media (min-width:768px) {

    .dyui-nav>li>.dropdown-menu {opacity: 1; display: none; margin: 0; border-radius: 0 0 3px 3px; border-color: #fff}
    .dyui-nav li.open .dropdown-menu {display: block;}


    .dyui-header .dyui-nav li.li-2 {position: relative}
    .dyui-header .dyui-nav li.li-2 a.c2 {border-bottom: solid 1px #eee; padding: 8px 1rem;}
    .dyui-header .dyui-nav li .ul-3 {position: absolute; left: 157px; top: 0; display: none}
    .dyui-header .dyui-nav li.li-2.open .ul-3 {display: block}
    .dyui-header .dyui-nav li.li-2.open a.c2 {background-color: #eeeeee}

}


.dyui-header-line {height: 46px;}

/*Phone手机*/
@media(max-width:767px) {

    .dyui-header {background-color: #FFF; box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1); position: fixed; top: 0; left: 0; right: 0; z-index: 999}
    .navbar-brand {padding: 0}
    .dyui-header .logo {max-width: 100%; height: 30px; display: block;}
    .dyui-header .navbar-dark .navbar-toggler {color: #333}
    .dyui-header .navbar-dark .navbar-toggler i {font-size: 30px;}
    .dyui-header .navbar-collapse {background-color: #fff; padding-bottom: 10px; background: none; border-top: solid 1px #ddd;}
    .dyui-header .dyui-nav li a.c1 {display: block; padding: 10px 15px; box-sizing: content-box; color: #333}
    .dyui-header .dyui-nav li.active a.c1 {border-radius: 0;}
    .dyui-header .dyui-nav li a.c1:hover {color: #1e85e4}
    .dyui-header .dyui-nav li .dropdown-toggle::after {border-right: 1px solid #333; border-bottom: 1px solid #333; }

    .dyui-header .btn-language .dropdown-menu {width: 300px; right: 0;}

    .dyui-znav {margin-bottom: 15px}

}
/*iPad Pro*/
@media (min-width:768px) and (max-width:1024px){

    .dyui-header .dyui-nav {flex-wrap: wrap; padding-left: 10px; padding-right: 10px;}
    .dyui-header .dyui-nav li a.c1 {padding-left: 10px; padding-right: 10px;}
    .dyui-header .dyui-nav li .dropdown-toggle::after {right: 0}

}

#banner { height:380px; overflow:hidden; margin-top:5px}


#about .dtit {width:auto; height:34px; background:#F17600;}
#about .dtit .more {float:right; line-height:34px; width:50px; height:34px}
#about .dtit .more a { display:block; width:50px; height:34px}
#about .dtit h3 {color:#fff; line-height:34px; padding-left:10px; font-size:14px}
#about .dcon {height:230px; line-height:200%; overflow:hidden; padding:0; border:solid 1px #CCC; border-top:none;}

#ihelp {overflow:hidden; background: linear-gradient(to bottom, #00ADCB, #008CAD); padding-bottom: 12px}
#ihelp ul {margin:5px}
#ihelp ul li {}
#ihelp ul li a {display: block; height:34px; line-height:34px; text-align:center; overflow:hidden; background: linear-gradient(to bottom, #FCFEFB, #DFDFE1); border-radius: 5px}

/*医院环境*/
#huanjin {overflow:hidden; margin-top:10px}
#huanjin .dtit {width:auto; height:34px; overflow:hidden; background: #F17600;}
#huanjin .dtit .more {float:right; line-height:34px; width:50px; height:34px}
#huanjin .dtit .more a { display:block; height:34px; font-size: 14px; color: #fff}
#huanjin .dtit h3 {color:#fff; line-height:34px; padding-left:10px; font-size:14px}
#huanjin .dcon {max-height: 1178px; overflow:hidden; border:solid 1px #ccc; padding:10px 0}
#huanjin .dcon dl {padding:0 9px}
#huanjin .dcon dl dt {width:206px; height:130px; border:solid 1px #ddd; padding:1px}
#huanjin .dcon dl dt:hover {border:solid 1px #00B1D2}
#huanjin .dcon dl dt img {width:206px; height:130px;}
#huanjin .dcon dl dd {height:32px; line-height:28px; text-align:center; overflow:hidden}


#gonggao .dtit {width:auto; height:34px; overflow:hidden; background: linear-gradient(to bottom, #09C0DC, #01ADD1);}
#gonggao .dtit .more {float:right; line-height:34px; width:50px; height:34px}
#gonggao .dtit .more a { display:block; width:50px; height:34px}
#gonggao .dtit h3 {color:#fff; line-height:34px; padding-left:10px; font-size:14px}
#gonggao .dcon {overflow:hidden; border:solid 1px #ccc; border-top:none}

#fuwu-anli-carousel .carousel-indicators {display: flex; align-items: center}
#fuwu-anli-carousel .carousel-indicators span {display: none}
#fuwu-anli-carousel .carousel-indicators span.active {display:block; width: auto; height: 30px; line-height: 30px; text-indent: 0; background: none}
#fuwu-anli-carousel .carousel-indicators em {font-style: initial;}
#fuwu-anli-carousel .carousel-inner .carousel-item {max-height: 198px;overflow: hidden}

@media (min-width:768px) {
    #gonggao .dcon {height: 230px}
}

.dyui-news-list li {background:url(../images/li.gif) no-repeat left center;}

/*医院新闻*/
#news {overflow:hidden;display:inline}
#news .dtit {width:auto; height:34px; background:url(../images/title.png) no-repeat left -34px; background-color: #F2F2F4; border-bottom: solid 1px #1680BA}
#news .dtit .more {float:right; line-height:34px; padding-right:8px}
#news .dtit h3 {padding-left:15px; font-size:14px; color:#fff; line-height:34px}
#news .dcon {border:solid 1px #ddd; border-top:none;}
#news .dcon dl {height:164px; overflow:hidden; margin-bottom:5px}
#news .dcon dl dt {float:left; width:240px; height:160px; border:solid 1px #ddd; padding:1px}
#news .dcon dl .t {float:left; padding-left:10px; width:334px; height:24px; line-height:24px; overflow:hidden;}
#news .dcon dl .t a {color:#f00}
#news .dcon dl .c {float:left; padding-left:10px; width:334px; height:65px; overflow:hidden; color:#999; text-indent:2em}
#news .dcon ul.w li {background:url(../images/li2.jpg) no-repeat left center; padding-left:10px; border-bottom:dashed 1px #ddd}

/*快速通道*/
#iico {float:left; width:228px; height:276px; overflow:hidden; margin-top:10px; border:solid 1px #ccc}
#iico dl {float:left; width:65px; height:80px; overflow:hidden; padding:5px}
#iico dl dt {background:url(../images/iico.jpg) no-repeat left top; width:65px; height:60px}
#iico dl dt a {display:block; width:65px; height:60px}
#iico dl dd { height:20px; line-height:15px; text-align:center}
#iico .a dt {background-position:5px 2px}
#iico .b dt {background-position:-62px 2px}
#iico .c dt {background-position:-128px 2px}
#iico .d dt {background-position:5px -60px}
#iico .e dt {background-position:-62px -60px}
#iico .f dt {background-position:-128px -60px}
#iico .g dt {background-position:5px -120px}
#iico .h dt {background-position:-62px -120px}
#iico .i dt {background-position:-128px -120px}

/*科室*/
#kesi {overflow:hidden; border-radius: 5px 0 0 5px}
#kesi .dtit {width:37px; height:300px; background: linear-gradient(to bottom, #44C29C, #1687A5);  display: flex; justify-content: center; align-items: center; padding: 10px; font-size: 20px; color: #fff; line-height: 2; font-weight: bold}
#kesi .dtit a {display:block; width:37px; height:277px}
#kesi .dcon {overflow:hidden; padding:5px 10px; border:solid 1px #ddd; border-left:none; width: 100%; box-sizing: border-box; background-color: #fff}

#kesi .dcon ul li .thumb {width:80px; height:80px; line-height: 80px; text-align: center; background: linear-gradient(to bottom, #01D5EA, #00B7CF); border-radius: 5px}

@media screen and (min-width: 1200px) {
    #kesi {height:290px;}
    #kesi .dcon {height:290px;}
    #kesi .dcon ul li {width: 13.66667% !important;}
}

/*专家介绍*/
.zuanjia {overflow:hidden;}
.zuanjia .dtit {width:auto; height:34px; background:url(../images/title.png) repeat-x left -68px}
.zuanjia .dtit .more {float:right; line-height:34px; padding-right:8px}
.zuanjia .dtit .more a {color:#fff}
.zuanjia .dtit h3 {padding-left:15px; font-size:14px; color:#fff; line-height:34px}
.zuanjia .dcon {height:162px; overflow:hidden; padding:18px 10px 2px 10px; border:solid 1px #ccc; border-top:none}
.zuanjia .dcon ul li {float:left; width:124px; height:144px; overflow:hidden; margin:0 10px; display:inline; position:relative}
.zuanjia .dcon ul li .i {width:120px; height:140px; border:solid 1px #ddd; padding:1px}
.zuanjia .dcon ul li img {width:120px; height:140px}
.zuanjia .dcon ul li .t {height:24px; line-height:24px; width:120px; overflow:hidden; text-align:center; position:absolute; bottom:2px; left:2px; z-index:999; font-size:14px;background-color:rgba(0,0,0,0.7); background:#000\7; filter:alpha(opacity=70); text-align:center}
.zuanjia .dcon ul li .t a {color:#fff}
.zuanjia .dcon ul li . * { position:relative;}
.zuanjia .dcon ul li:hover .i {border:solid 1px #f00}
.zuanjia .dcon ul li:hover .t a {color:#f00}

/*首页文章版块*/
.iwz .dtit {width:auto; height:34px; background:url(../images/title.png) no-repeat left -34px}
.iwz .dtit .more {float:right; line-height:34px; padding-right:8px}
.iwz .dtit h3 {padding-left:15px; font-size:14px; color:#fff; line-height:34px}
.iwz .dcon {width:100%; overflow:hidden; padding:5px 10px; border:solid 1px #ddd; border-top:none;}
.iwz .dcon ul li {overflow:hidden; background:url(../images/li2.jpg) no-repeat left center; padding-left:10px; border-bottom:dashed 1px #ddd;}
.iwz .dcon ul li .time {float:right; line-height:30px; color:#999}




/*友情链接*/
#link {height:auto; overflow:hidden; margin:0 auto; border:solid 1px #CCC;}
#link .dtit {width:auto; height:40px; background:url(../images/link.jpg) repeat-x left top}
#link .dcon {padding:10px; height:auto; overflow:hidden;}
#link .dcon a {white-space:nowrap; float:left; margin:5px 10px}

/*底部通用*/
.dyui-footer {background-color: #119BCC; color: #FFF}
.dyui-footer a {color: #FFF}


/*内页*/



.dyui-main {}
.dyui-main .pdtit {display: flex; align-items: center; justify-content: space-between; height:46px; overflow:hidden; background:url(../images/dtit-h3.png) no-repeat left 0; background-color: #F2F2F4; border-bottom: solid 1px #0072BB}
.dyui-main .pdtit .weizi {float:right; line-height:46px; padding-right:10px; font-size: 14px}
.dyui-main .pdtit h3 {height:46px; line-height:46px; color:#fff; font-size: 18px; padding-left: 20px}
.dyui-main .pdcon {height:auto; overflow:hidden; min-height: 680px; border:solid 1px#ddd; border-top:none; background-color: #fff}

@media screen and (max-width: 768px) {
    .dyui-main .pdcon {min-height:auto;}
}


/*详情*/
.show-title {line-height: 30px; width: 100%; color: #333333; font-size: 24px; overflow: hidden; margin: 15px 0;}
.show-title h1 {font-size: 20px; font-weight: bold}
.show-info {width: 100%; margin: 10px 0 20px; overflow: hidden; color: #666;}
.show-info span {padding-right: 20px;}
.show-info span span {padding: 0;}
.show-thumb {text-align: center}
.show-thumb img {max-width: 100%; background-color: #E6E6E6; padding: 5px}
.show-content {width: 100%; height: auto; overflow: hidden; line-height: 200%; font-size: 15px; padding: 10px 0;}
.show-content * {max-width: 100%;}


/* 子栏目 */
.dyui-znav {background: linear-gradient(to bottom, #00ADCB, #008CAD);}
.dyui-znav .znav-header {color: #FFF; margin-bottom: 20px}
.dyui-znav .znav-header h3 {font-size: 20px; font-weight: bold}
.dyui-znav ul li a {display: block; padding: 10px; text-align:center; overflow:hidden; background: linear-gradient(to bottom, #FCFEFB, #DFDFE1); border-radius: 5px; font-size: 16px}
.dyui-znav ul li.on a {background: linear-gradient(to bottom, #f8a400, #d18a00); color: #FFF}

#znav {width:230px; height:auto; overflow:hidden}
#znav .dtit {width:auto; height:34px; background:url(../images/title.png) no-repeat left top}
#znav .dtit h3 {color:#fff; line-height:34px; padding-left:10px}
#znav ul li {height:36px; line-height:36px; overflow:hidden; background-color:#eee; border-bottom:solid 1px #ccc; padding-left:20px; font-size:14px}
#znav ul .on {background-color:#fff; border-right:solid 1px #CCC}
#znav ul .on a {color:#f00}
#znav ul li:hover {background-color:#F1F9FC; padding-left:22px}

/*分页*/
.pager {text-align: center; margin: 10px 0;}
.pager ul li {display: inline-block; padding: 0 5px}
.pager ul li a {padding: 5px 15px; border: #dddddd solid 1px; display: inline-block;}
.pager ul li a:hover {border: #119BCC solid 1px}
.pager ul .active a {border: #119BCC solid 1px; display: inline-block; background-color: #119BCC; color: #fff;}

#wzlb {margin:10px 20px}
#wzlb li {height:48px; line-height:48px; overflow:hidden; border-bottom:dashed 1px #ddd; background:url(../images/li2.jpg) no-repeat left center; padding-left:12px; font-size:14px}
#wzlb li .time {float:right; line-height:34px; font-size:12px; color:#666}
#wzlb li .lmmc {padding-right:10px; color:#666}
#wzlb li .lmmc a {color:#666}

/*图片列表*/
.tplb {float:left; width:232px; height:184px; overflow:hidden; margin:10px; display:inline}
.tplb dt {width:228px; height:150px; border:solid 1px #ddd; padding:1px}
.tplb dt img {width:228px; height:150px}
.tplb dd {height:30px; line-height:30px; text-align:center; overflow:hidden; background-color:#eee}
.tplb:hover dt {border:solid 1px #139DCE}
.tplb:hover dd {background-color:#139DCE; color:#fff}
.tplb:hover dd a {color:#fff}

/*专家图片列表*/
.tplb_zj {float:left; width:124px; height:184px; overflow:hidden; margin:10px 4px 10px 20px; display:inline}
.tplb_zj dt {width:120px; height:150px; border:solid 1px #ddd; padding:1px}
.tplb_zj dt img {width:120px; height:150px}
.tplb_zj dd {height:30px; line-height:30px; text-align:center; overflow:hidden; background-color:#eee}
.tplb_zj:hover dt {border:solid 1px #139DCE}
.tplb_zj:hover dd {background-color:#139DCE; color:#fff}
.tplb_zj:hover dd a {color:#fff}

/*留言反馈*/
#message {margin:10px}
#message tr td {padding:5px 0 }
#message tr td .ktxt {background:url(../images/biaodianbg.png) repeat-x left top #fff; height:28px; line-height:28px; border:solid 1px #ccc; width:200px}
#message tr td .ktxtb {background:url(../images/biaodianbg.png) repeat-x left top #fff; height:28px; line-height:28px; border:solid 1px #ccc; width:400px}
#message tr td .ktext {background:url(../images/biaodianbg.png) repeat-x left top #fff; height:28px; line-height:28px; border:solid 1px #ccc; width:400px; height:100px}
#message tr td .kbut {background-color:#BB0406; color:#fff; width:80px; height:30px; line-height:30px; border:none; cursor:pointer}


.kstit {width:270px; padding-left:46px; height:136px; line-height:100px; text-align:center; overflow:hidden;  background:url(../images/ksb.jpg) no-repeat left top; margin:10px auto 20px auto;font-size:30px; font-weight:bold;}

/*院报*/
.ybtit {width:1000px; height:34px; overflow:hidden; border-bottom:solid 2px #ccc; background-color:#efefef}
.ybtit span {line-height:34px; padding-left:10px}
.ybtitle {width:1000px; height:60px; line-height:60px; overflow:hidden; text-align:center}
.ybtitle h1 {font-weight:18px;}
.ybsx {width:1000px; height:auto; line-height:200%; font-weight:14px; color:#f00}
.ybzfm {width:auto; height:30px; line-height:30px; border-bottom:solid 1px #ccc; background-color:#efefef}
.ybzfm ul li {float:left; background-color:#1796CB; margin-left:10px; display:inline; padding:0 10px}
.ybzfm ul li a {color:#fff}
.ybzfm ul .on { background-color:#f00}
.ybzfm ul .wu {background:none; font-size:14px; color:#f00;}

.pancontainer {width:996px; height:800px; position:relative; /*keep this intact*/
overflow:hidden; /*keep this intact*/ border:solid 2px #f00; margin:10px 0}


#flashhd {width:240px; height:160px; overflow:hidden; position:relative;clear:both}
#JINGDONGBox{position:relative;}
#JINGDONGNumID{ position:absolute; bottom:5px; right:5px;}
#news .dcon #JINGDONGNumID li{list-style:none;float:left;width:18px;height:16px; line-height:16px;FILTER:alpha(opacity=80);opacity:0.8;border:1px solid #006C88;background:#DAE0E7;color:#000;text-align:center;cursor:pointer;margin-right:4px;padding:2px 0 0 0;overflow:hidden; font-size:12px;}
#JINGDONGNumID li:hover,#JINGDONGNumID li.active{border:1px solid #006C88;background-color:#337DAB;color:#FFFFFF;width:18px;height:16px; line-height:16px;font-weight:bold;font-size:13px;}
#JINGDONGContentID li{position:relative;}
.mask{FILTER:alpha(opacity=40);opacity:0.4;width:100%;height:35px;background-color:#000000;position:absolute;bottom:0;left:0;display:block;}
.comt{width:298px;height:20px; line-height:20px;position:absolute;left:0;bottom:5px;color:#ffffff; font-size:12px;text-indent:10px;text-align:left;}


@media (min-width: 769px){
    /* .contact-form .fc-form-body {display: flex; flex-wrap: wrap;} */
    .contact-form .fc-form-body .form-group {flex: 0 0 auto; width: 50%; display: flex; margin-bottom: 20px}
    .contact-form .fc-form-body .form-group#dr_row_content {width: 100%;}
    .contact-form .form-group .control-label {width: 100px; height: 50px; text-align: right; padding: 0 20px 0 0; flex-shrink: 0; line-height: 1; display: flex; align-items: center; text-align: right; justify-content: end;}
    .contact-form .form-group .col-md-10 {flex-shrink: 1; width: 100%}
    .contact-form .form-group .col-md-10 .form-control {width: 100% !important; border-radius: 0; padding: 10px 20px; height: 50px;}
    .contact-form .form-group .col-md-10 label {width: 100% !important;}
}