body {
    color: #333;
    font-size: 14px;
    font-family: "微软雅黑","Arial",Helvetica,"黑体",Arial,Tahoma;
	margin:0 auto;
	position:relative;
	overflow-x: hidden;

}
.slick-slider{ touch-action:auto; }
.img-hide{ overflow:hidden; display: block; }

.img-hide img{ transition: 0.5s all; transform: scale(1,1); }
.img-hide:hover img{ transform: scale(1.05,1.05); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover,a{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }

audio, canvas, progress, video{ display: block;margin:0 auto; }
img{ max-width:100%; display: inline-block; vertical-align: middle;}
#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9990009;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url(../images/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(../images/bro.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}
.index-back{ height: 1080px; background: url(../images/back01.jpg) center no-repeat; background-size: cover; padding-top: 55px; }
.container{ width: 1350px; }
.logo-txt{ margin:40px 0 0 40px; }
.header-right a{ display: inline-block; position: relative; margin-left: 30px; }
.header-right{ padding-top: 50px; }
.header-right a span{ position: absolute; display: none; left: 50%; top: 100%; font-size: 16px; color: #333; width: 176px; height: 208px; margin-left: -88px; background: url(../images/ewm-back.png) center no-repeat; padding:25px 18px; }
.header-right a span img{ margin-bottom: 5px; width: 139px; height: 139px; }
.header-right a:hover span{ display: block; }
.txt-left{ margin-top: 15px;
    margin-left: 142px; }



.idnex-s {
font-size: 40px;
    font-weight: bolder;
    /* font-weight: unset; */
    -webkit-text-stroke: 1px white;
    -webkit-text-fill-color: 12px black;
    color: #ef8201;
    font-family: STXingkai;
}
.index-nav li{ float: left; width: 310px; margin-left: 20px; position: relative;}
.index-nav li a{ display: block; border-radius: 10px; height: 310px; background: url(../images/back-li01.png) center repeat; padding-top: 60px; position: relative;}
.index-nav-tt{ font-size: 30px; color: #fff; }
.index-nav-img{ height: 115px; }
.index-nav li a span{ display: inline-block; color: #fff; width: 120px; height: 36px; line-height: 36px; background: #5fbac0; border-radius: 36px; margin-top: 25px; }
.index-nav{margin-top: 85px;width: 990px;}
.index-nav li:nth-child(1){ margin-top: 200px; }
.index-nav li:nth-child(2){margin-top: 0;}
.index-nav li:nth-child(2) a{ background: rgba(255,255,255,0.9); }
.index-nav li:nth-child(2) .index-nav-tt{ color: #333; }
.index-nav li:nth-child(2) a span{ background: #fff; color: #333; }
.index-nav li:nth-child(3){margin-top: 120px; }
.index-nav li:nth-child(3) a{ background: rgba(240,131,0,0.7); }
.index-nav li:nth-child(3) .index-nav-tt{ color: #fff; }
.index-nav li:nth-child(3) a span{ background: #f08300; color: #fff; }
.index-nav li:nth-child(4){margin-top: -100px; margin-left: 20px;}
.index-nav li:nth-child(4) a{background: url(../images/back-li04.png) center repeat; }
.index-nav li:nth-child(4) a span{ background: #e8a95b; color: #fff; }
.friends-tt{ font-size: 30px; color: #333; font-weight: bold; background: url(../images/title-back.png) left top no-repeat; width: 394px; padding-top: 60px; }
.friends-box{ margin-top: 40px; }
.friends-tt span{ font-family: "Times New Roman"; font-size: 16px; font-weight: normal; padding-left: 15px; display: block; margin-top: 15px; }
.friends-right{ width: 925px; }
.friends-list li{ float: left; width: 25%; padding:0 15px; }
.friends-list{ margin:0 -15px; padding-top: 30px; }
.friends-list li a{ display: block;   height: 60px; line-height: 58px; }
.friends-list li a:hover{ background: #f7f7f7; }
.friends-list li a img{ width: 100%; height: 58px; }
.footer{ background: #5fbac0; margin-top: 30px; padding-top: 50px; position: relative; }
.footer-p p{ font-size: 14px; color: #fff; margin-bottom: 20px; }
.logo-b{ position: absolute; left: 50%; top: 30px; width: 84px; margin-left: -42px; }
/****************患者入口*************/
.header{ height: 100px; background: #f6f6f6; position: relative; z-index: 1000; padding-top: 30px; }
.header .header-right{ padding-top: 0; position: relative; z-index: 100; }
.header .header-right a span{ width: 156px; height: 189px; margin-left: -78px; background: url(../images/ewm-box02.png) center no-repeat; }
.header .header-right a span img{ width: 100%; height: auto; }
.header-logo{ position: absolute; left: 0; top: 0; right: 0; }
.list-banner{ height: 350px; padding-top: 130px; }
.banner-p{ font-size: 18px; color: #fff; margin-top: 30px; }
.search-box{ max-width: 560px; margin:30px auto 0 auto; padding-right: 58px; position: relative; }
.search-box .form-control{ height: 55px; box-shadow: none; border:none; border-radius: 4px 0 0 4px; font-size: 16px; padding-left: 20px; }
.btn-search{ position: absolute; right: 0; top: 0; width: 58px; bottom: 0; background: url(../images/search.png) center no-repeat!important; border-radius: 0; border:none; }
.banner-bottom{ background: #fafafa; overflow:hidden; }
.nav-b{ line-height: 60px; color: #333; padding-left: 25px; background: url(../images/icon-b.png) left center no-repeat; }
.nav-b a{ color: #333; }
.nav-b a.active{ color: #999; }
.nav-right li{ float: left; padding:0 0px; background: url(../images/lind.png) right center no-repeat; }
.nav-down li.active a{color:#ddd;}
.nav-right li:last-child{ background: none; }
.nav-right li a{ display: block; line-height: 60px; color: #666; width: 130px; text-align: center; font-size:17px;}
.nav-right{ margin-right: -6px; }

.nav-right li.active ,.nav-right li a:hover{ background: #f08300 url(../images/dian.png) center no-repeat; color: #fff; }
.title-left{ font-size: 48px; color: #5fbac0; height: 48px; line-height: 48px; margin-right: 10px; }
.tt-sm{ font-size: 24px; color: #333; margin-top: -3px; }
.tt-english{ background: #f08300;color: #fff; font-size: 12px; text-transform:uppercase; padding:0 3px; }
.title-more a{ display: inline-block; width: 133px; background: url(../images/more.png) center no-repeat; color: #999; padding-left: 55px; margin-top: px; }
.title-box{ margin-top: 50px; margin-bottom: 30px; }
.tabs-img-width{ width: 38.6%; }
.tabs-right-width{ width: 61.4%; padding-left: 30px; }
.tabs-top li{ float: left; width: 33.333333%; padding:0 15px; margin-bottom: 20px; }
.tabs-top{ margin:0 -15px; }
.tabs-top li a{ display: block; height: 40px; position: relative; line-height: 40px; font-size: 18px; color: #fff; background: #5fbac0; }
.tabs-top li.active a{ background: #f08300; }
.tabs-top li.active a:before{ display: block; content: ""; position: absolute; left: 0; right: 0; top: 100%; margin-top: -9px; height: 18px; background: url(../images/raw-b.png) center no-repeat; }
.tabs-bottom li{ float: left; width: 33.333333%; padding:0 15px; margin-bottom: 20px; }
.tabs-bottom li a{ display: block; position: relative; border:solid 1px #ededed; line-height: 38px; padding-left: 65px; }
.tabs-bottom li a i{ position: absolute; left: 30px; top: 0; }
.tabs-bottom li a b{ position: absolute; right: 17px; top: 0; bottom: 0; width: 21px; background: url(../images/raw-r.png) center no-repeat; }
.tabs-bottom{ margin:0 -15px; }
.tabs-img-left{ position: absolute; top: 0; left: 0; width: 38.6%; }
.tabs-center{ position: relative; min-height: 280px; }
.tabs-img-box{ height: 280px; position: relative; }
.tabs-img-bottom{ position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); padding:15px 20px; color: #fff; }
.tabs-img-tt{ font-size: 18px; color: #fff; }
.tabs-img-b{ line-height: 20px; height: 40px; margin-top: 5px; overflow:hidden; }
.tabs-bottom li.active a{ color: #5fbac0; }
.index-left{ width: 100%; }
.zb-list li{ float: left; width: 16.333333%; padding:0 19px; }
.zb-list{ margin:0 -13px; }
.zb-list li a{ display: block; font-size: 16px; color: #333; position: relative; line-height: 55px; padding-right: 20px; background: url(../images/raw02.png) right center no-repeat;  }
.zb-list li a:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: url(../images/lind-b.png) left center no-repeat; }
.index-left .title-box{ margin-bottom: 18px; }
.index-right{ width: 43%; }
.zm-img img{ width: 100%; }
.index-right .title-box{ margin-bottom: 20px; }
.zj-back{ background: url(../images/zj-back.png) center no-repeat; overflow:hidden; background-size: cover; margin-top: 50px; padding-bottom: 50px;}
.zj-back .title-left,.zj-back .tt-sm{ color: #fff; }
.zj-back .title-more a{ color: #fff; background: url(../images/more02.png) left center no-repeat; }
.team-list li{ padding:0 12px; }
.team-list{ margin:0 -12px; }
.team-list li a{ display: block; background: #fff; padding:20px 30px 15px 30px; position: relative; }
.team-list li a:before{ display: block; content: ""; position: absolute; left: 50%; top: 0; height: 3px; background: #5fbac0; width: 50px; margin-left: -25px; }
.team-name{ font-size: 16px; color: #5fbac0; font-weight: bold; }
.team-zw{ color: #808080; margin:5px 0 10px; }
.team-img{ position: relative; padding-top: 140%; }
.team-img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.team-p{ margin-top: 10px; }
.team-list .slick-prev{ width: 46px; height: 46px; left: -60px; margin-top: -23px; background: url(../images/left.png) center no-repeat; }
.team-list .slick-next{ width: 46px; height: 46px; right: -60px; margin-top: -23px; background: url(../images/right.png) center no-repeat; }
.slick-prev:before,.slick-next:before{ display: none; }
.zj-back .title-box{ margin-bottom: 40px; }
.ts-list li{ float: left; width: 20%; padding:0 9px; }
.ts-list{ margin:0 -9px; }
.ts-list li a{ display: block; position: relative; padding-top: 56%; }
.ts-list li a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.fix-box{ position: fixed; right: 0; top: 50%; z-index: 10000; margin-top: -60px; }
.fix-box-sm{ font-size: 18px; color: #fff; line-height: 22px; position: relative; z-index: 100; border-radius: 6px 0 0 6px; padding:15px 20px 0 10px; background: #f08300; height: 120px; width: 52px; }
.fix-box-lg{ position: absolute; transition: 0.3s all; width: 236px; padding-top: 90px; padding-left: 47px; height: 538px; background: url(../images/fix-back.png) center no-repeat; right: -236px; top: 50%; margin-top: -269px;  }
.fix-ul li a{ color: #fff; display: inline-block; }
.fix-ul li{ margin-bottom: 22px; }
.fix-ul li a img{ margin-bottom: 5px; }
.fix-ul li:nth-child(1){ margin-left: 113px; }
.fix-ul li:nth-child(2){ margin-left: 54px; }
.fix-ul li:nth-child(4){ margin-left: 54px; }
.fix-ul li:nth-child(5){ margin-left: 113px; }
.fix-box:hover .fix-box-lg{ right: 0; }
/*******简介页*******/
.article-tt{ font-size: 30px; color: #5fbac0; font-weight: bold; margin:45px 0 15px 0; }
.article-sm{ color: #999; }
.article-sm span{ padding:0 30px; }
.article-p{ border-top: solid 3px #ededef; margin-top: 30px; padding-top: 40px; }
.article-p p{ font-size: 16px; color: #333; text-align: justify; line-height: 30px; margin-bottom: 35px; }
.article-link{ padding-bottom: 40px; border-bottom: solid 2px #ededef; }
.article-link-box{  background: #fafafa; line-height: 40px; padding:0 20px; color: #333;}
.article-link-box a{ color: #5fbac0; }
.tt-lg .title-box{ display: inline-block; text-align: left; }
.ry-back{ background: url(../images/ry-back.png) center top no-repeat; overflow:hidden; padding-top: 20px; }
.ry-list li{ float: left; width: 25%; padding:0 15px; }
.ry-list{ margin:0 -15px; }
.ry-list-img{ border:solid 1px #eee; border-radius: 4px; padding:5px; }
.ry-list-img a{ position: relative; display: block; padding-top: 67%; }
.ry-list-img a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 4px; }
.tt-lind{ background: url(../images/tt-lind.png) right bottom no-repeat; margin-top: 20px; padding-bottom: 30px; padding-right: 25px; }
.tt-lind a{ font-size: 16px; color: #333; }
.ry-list .slick-prev{ left: -40px; width: 26px; height: 22px; margin-top: -30px; background: url(../images/left02.png) center no-repeat; }
.ry-list .slick-next{ right: -40px; width: 26px; height: 22px; margin-top: -30px; background: url(../images/right02.png) center no-repeat; }
/**************科室列表***************/
.ks-title-top{ font-size: 22px; color: #5fbac0; font-weight: bold; text-transform:uppercase; }
.ks-title-bottom{ font-size: 30px; color: #333; display: inline-block; padding-right: 30px; }
.ks-title{ margin-top: 50px; background: url(../images/ks-tt.png) right 5px no-repeat; margin-bottom: 40px; }
.ks-tt{ font-size: 24px; margin-bottom: 20px; color: #5fbac0; margin-top: 20px; background: url(../images/ks-lind.png) center bottom no-repeat; padding-bottom: 25px; }
.ks-tt img{ margin-bottom: 5px; }
.ks-ul li{ float: left; width: 20%; margin-bottom: 20px; padding:0 15px; }
.ks-ul{ margin:0 -15px; }
.ks-ul li a{ display: block; border-radius: 4px; border:solid 1px #d1d1d1; line-height: 42px; padding:0 15px; font-size: 14px; color: #333; }
.ks-ul li a span{ padding-left: 15px; background: url(../images/raw-l.png) left center no-repeat; }
/***************图片列表***************/
.img-list-img a{ display: block; position: relative; padding-top: 72%; border:solid 1px #ddd; }
.img-list-img a span{ position: absolute; left: 5px; right: 5px; top: 5px; bottom: 5px; }
.img-list-img a img{ position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 100%; }
.img-list li{ float: left; width: 25%; padding:0 15px; margin-bottom: 30px; }
.img-list{ margin:0 -15px; }
.img-list-tt a{ font-size: 16px; color: #333; }
.img-list-tt{ margin-top: 10px; }
.page-box{ margin:30px 0; }
/****************新闻列表页**************/
.news-img li{ float: left; width: 25%; padding:0 20px; margin-bottom: 60px; }
.news-img{ margin:0 -20px; }
.news-img-top{ position: relative; padding-top: 67%; }
.news-img-top img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.news-img-top span{ position: absolute; left: 25px; top: 0; padding-top: 2px; width: 56px; height: 62px; background: url(../images/date-back.png) center no-repeat; color: #fff; text-align: center; font-size: 12px; }
.news-img-top span font{ font-weight: bold; font-size: 24px; }
.news-img-tt{ font-size: 14px; color: #333; line-height: 25px; height: 50px; margin:15px 20px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
 }
.look{ height: 15px; background: url(../images/look.png) center no-repeat; }
.news-img li a{ display: block; background: #fafafa; padding-bottom: 20px; }
.news-txt-date{ font-size: 24px; color: #aaa; margin-bottom: 15px; }
.news-tt a{ font-size: 18px; color: #333; font-weight: bold; }
.news-p{ color: #999; margin-top: 5px; }
.news-txt li{ padding:25px 250px 30px 30px; position: relative; }
.news-txt li:hover{ background: #fafafa; }
.news-txt li:hover:before{ display: block; content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 100px; background: url(../images/look02.png) center no-repeat; }
.news-txt{ border-top: solid 3px #e4e4e4; padding-top: 40px; min-height: 300px;}
/*************医院介绍************/
.js-left{ width: 48.5%; padding-right: 80px; padding-bottom: 144px; position: relative; }
.js-slick a img{ display: block; height: 440px; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.js-slick a{ position: relative; display: block; padding-top: 79%; }
.js-slick .slick-prev{ width: 144px; height: 144px; left: auto; right: 64px; top: 100%; margin:0; background: url(../images/left03.png) center no-repeat; background-size: 100% 100%!important; }
.js-slick .slick-next{ width: 144px; height: 144px; left: auto; right: -80px; top: 100%; margin:0; background: url(../images/right03.png) center no-repeat; background-size: 100% 100%!important; }
.js-left:before{ display: block; content: ""; position: absolute; right: 0; top: 50px; bottom: 144px; width: 80px; background: #eee; }
.js-slick .slick-prev:hover{background: url(../images/left03-1.png) center no-repeat;  }
.js-slick .slick-next:hover{ background: url(../images/right03-1.png) center no-repeat; }
.js-right{ width: 51.5%; }
.js-slick{ margin:0; }
.about-lind{ margin:30px 0 25px 0; }
.about-tt{ font-size: 24px; color: #333; text-transform:uppercase; }
.about-p{ margin-left:65px; text-indent: 2em; text-align: right; color: #999; line-height: 30px; margin-top: 35px; }
.about-ul li{ float: left; width: 50%; margin-top: 57px; }
.about-ul li a{ display: block; padding-top: 61%; position: relative; background: #000; }
.about-ul li a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.about-ul li a span{ position: absolute; margin-top: -16px; display: none; left: 15px; top: 50%; right: 15px; font-size: 16px; color: #fff; background: url(../images/lind02.png) center bottom no-repeat; padding-bottom: 10px; }
.about-ul li a:hover img{ opacity: 0.5; }
.about-ul li a:hover span{ display: block; }
.js-back{ background: #f9f9f9; padding-bottom: 60px; }
.xw-list-date{ color: #999; }
.xw-list-date span{ font-size: 36px; display: inline-block; padding-right: 20px; }
.xw-list-tt a{ font-size: 16px; color: #444; }
.xw-list-tt{ margin:20px 0; }
.xw-list-p{ color: #888; line-height: 25px; height: 50px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.xw-list li{ float: left; width: 33.333333%; padding:0 25px; margin-bottom: 40px; }
.xw-list{ margin:0 -25px; }
.xw-list-more a{ color: #888; display: inline-block; padding-right: 34px; border-bottom: solid 1px #eee; line-height: 14px; height: 14px; margin-top: 15px; }
.xw-bottom li{ float: left; width: 50%; padding:0 20px; }
.xw-bottom{ margin:0 -20px; }
.xw-bottom li a{ display: block; color: #333; position: relative; height: 60px; line-height: 24px; padding: 18px 59px 18px 10px; box-shadow: 0 0 10px rgba(95,186,192,0.2); }
.xw-bottom li:nth-child(3),.xw-bottom li:nth-child(4){ position:relative; z-index: 10; }
.xw-bottom li a font{ color: #888; padding-right: 10px; }
.xw-bottom li a span{ background: #ccc; border-radius: 4px; color: #fff; display: inline-block; padding:0 10px; margin-right: 10px; }
.xw-bottom li a:hover span{ background: #5fbac0; color: #fff; }
.xw-bottom li a:hover{ color: #5fbac0; }
.xw-bottom li a:before{ display: block; content: ""; position: absolute; right: 20px; top: 0; bottom: 0; width: 35px; background: url(../images/xw-raw.png) center no-repeat; }
.xw-bottom li a:hover:before{background: url(../images/xw-raw02.png) center no-repeat;}
.xk-list li{ float: left; width: 33.333333%; padding:0 20px; }
.xk-list{ margin:0 -20px; }
.xk-list-img a{ display: block; position: relative; padding-top: 68%; border-radius: 4px; overflow:hidden; }
.xk-list-img a img{ position: absolute; left: 0;top: 0; transition: 0.05s all; width: 100%; height: 100%; border-radius: 4px; }
.xk-list-bottom{ position: relative; padding:20px 60px 0 60px; }
.xk-list-tt a{ font-size: 16px; color: #444; }
.xk-list-p{ color: #888; line-height: 25px; height: 50px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; margin-top: 10px; }
.xk-list-number{ position: absolute; left: 13px; top: -25px; width: 14px; height: 120px; background: url(../images/b.png) center no-repeat; padding-top: 65px; font-size: 16px; color: #666; font-weight: bold; }
.xk-list-box:hover .xk-list-img a img{ border:solid 4px #5fbac0; }
.xk-list-box:hover .xk-list-number{ background: url(../images/b02.png) center no-repeat; }
.xk-list-tt a:hover{ color: #5fbac0; }
.gg-left{ width: 66.666666%; }
.gg-ul li{ float: left; width: 50%; padding:0 20px; margin-bottom: 20px; }
.gg-ul-date{ background: #5fbac0; line-height: 30px; color: #fff; width: 70px; height: 70px; padding-top: 2px; }
.gg-ul-date span{ font-size: 30px; font-weight: bold; }
.gg-ul-tt{ margin-left: 90px; line-height: 30px; height: 60px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; margin-top: 5px; }
.gg-ul-tt a{ font-size: 16px; color: #333; }
.gg-ul{ margin:0 -20px; }
 .phone {
    width: 33.333333%;
    margin-bottom: 16px;
    padding-left: 83px;
    margin-top: 125px;
}
.article-p p{font-size:17px !important;line-height:40px !important;}

/*****************专家列表页**************/
.zj-list li{ width: 16.666666%; padding:0 12px; margin-bottom: 30px; }
.zj-list{ margin:0 -12px; }
.zj-list li .img-list-img a{ padding-top: 120%; }
.zj-list-bottom{ background: #f9f9f9; height: 100px; padding:15px 10px; }
.zj-list-name a{ font-size: 18px; color: #5fbac0; }
.zj-list-p{ color: #333; margin-top: 5px; }
/*************专家介绍页************/
.zj-img img{ width: 160px; height: 220px; }
.zj-right{ margin-left: 200px; }
.zj-right-name{ font-size: 24px; color: #5fbac0; font-weight: bold; }
.zj-right-p{ margin-top: 10px; font-size: 16px; color: #333; font-weight: bold; }
.zj-tc{ font-size: 15px; color: #333; line-height: 28px; margin-top: 10px; text-align: justify; }
.zj-tc span{ font-size: 16px; font-weight: bold; }
.jj-box{ border-top: solid 3px #e4e4e4; margin-top: 40px; padding-top: 30px; font-size: 15px; color: #333; line-height: 28px; text-align: justify; }
.jj-box span{ font-size: 19px !important; font-weight: bold; }
#vsb_content_2 P {   font-size: 16px !important;line-height:35px !important;}
.xg-title{ font-size: 24px; margin-bottom: 15px; color: #5fbac0; font-weight: bold; height: 24px; line-height: 24px; margin-top: 40px; padding-left: 10px; border-left: solid 3px #5fbac0; }
.xg-list li{ float: left; width: 50%; padding:0 20px; }
.xg-list{ margin:0 -20px; }
.xg-list li a{ font-size: 15px; color: #303030; padding-left: 20px; background: url(../images/li.png) left center no-repeat; }
.xg-list li span{ font-size: 15px; color: #999; position: absolute; right: 0; top: 0; }
.xg-list-box{ line-height: 58px; border-bottom: solid 1px #efefef; position: relative; padding-right: 100px; }
.index-nav li a:hover{ transform: translate(0,-15px); }
.index-nav li a{ transition: 0.3s all; }
/****************科室简介***************/
.jj-img{ width: 43%; }
.jj-txt{ 
overflow: hidden;width: 53%; font-size: 16px; color: #333; text-align: justify; text-indent: 2em; line-height: 35px; height: 350px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 10;
overflow: hidden; }
.jj-back{ background: #f9f9f9; padding-bottom: 0px; }
.zj-slick li{ padding:0 15px; }
.zj-slick{ margin:0 -15px; }
.zj-slick-img{ position: relative; padding-top: 146%; }
.zj-slick-img img{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
.zj-slick-bottom{ margin:-80px 20px 0 20px; color: #fff; position: relative; padding:10px; z-index: 10; background: rgba(95,186,192,0.95); border-radius: 4px; height: 105px; }
.zj-slick-tt{ font-size: 18px; font-weight: bold; margin-top: 0px; }
.zj-slick-zw{ padding-bottom: 15px;  margin-bottom: 10px; border-bottom: solid 1px rgba(255,255,255,0.3); }
.zj-slick .slick-prev{ left: -40px; width: 26px; height: 22px; margin-top: -30px; background: url(../images/left02.png) center no-repeat; }
.zj-slick .slick-next{ right: -40px; width: 26px; height: 22px; margin-top: -30px; background: url(../images/right02.png) center no-repeat; }
.ry-back-sm{ padding-top: 0; background: url(../images/ry-back.png) center no-repeat; }
.xg-title a{ float: right; width: 133px; font-size: 14px; background: url(../images/more.png) center no-repeat; color: #999; padding-left: 55px; }
.img-left-c img{ width: 150px; height: 92px; }
.xg-title-lg{ margin-bottom: 30px; }
.img-right-box{ margin-left: 165px; }
.img-tt a{ font-size: 15px; color: #333; line-height: 30px; height: 60px; text-align: justify;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; }
.img-date{ background: url(../images/date.png) left center no-repeat; padding-left: 25px; font-size: 12px; color: #999; margin-top: 10px; }
.xg-list-lg li{ width: 100%; }
.zb-list li a:hover,.nav-b a:hover,.tt-lind a:hover,.img-tt a:hover,.xg-list li a:hover,.xw-list-tt a:hover,.img-list-tt a:hover,.news-img li a:hover .news-img-tt,.news-tt a:hover,.gg-ul-tt a:hover{ color: #5fbac0; }
.title-more a:hover,.xg-title a:hover{ color: #5fbac0; background: url(../images/more03.png) center no-repeat; }
.zj-back .title-more a:hover{ color: #fff; background: url(../images/more02.png) center no-repeat; }
.team-list li a:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.5); }
.article-link-box:hover,.article-link-box:hover a{ background: #5fbac0; color: #fff; }
.ks-ul li a:hover{background: #5fbac0; border-color:#5fbac0; color: #fff; }
.ks-ul li a:hover span{ background: url(../images/raw-l02.png) left center no-repeat; }



.nav-right li{ position: relative; }
.nav-right li:hover{ z-index: 100; }
.nav-down{ position: absolute; left: 0; top: 100%; width: 100%; background: #fafafa; display: none; }
.banner-bottom{ overflow:visible; position: relative; z-index: 10000; }
.nav-down li{ float: none; width: 100%!important; display: block; background: none; margin:0; }
.nav-right li:hover .nav-down{ display: block; }
.nav-click{ display: none; }
.menu-button { position: absolute; display: none; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #f08300; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }
.cross{ margin-top: -8px; }
.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}

@media( max-width: 1399px){
	.container{ width: 1230px; }
	.friends-right{ width: 790px; }
	.friends-list li a img{ height: 32px; }
	.about-ul li{ margin-top: 2px; }
}
@media( max-width: 1279px){
.index-nav li:nth-child(4) {
    margin-left:20px;
    margin-top: -100px;
}
.index-nav {    width: 750px;}
	.container{ width: 970px; }
	.index-nav li{ width: 230px; }
	.index-nav li a{ height: 230px; padding-top: 20px; }
	.index-nav-img{ height: 95px; }
	.index-nav li a span{ margin-top: 15px; }
	.friends-right{ width: 100%; float: none!important; }
	.friends-tt{ float: none!important; }
	.friends-list li a img{ height: 40px; }
	.nav-right,.nav-b{ float: none!important; }
	.nav-right li{ width: 16.666666%; }
	.nav-right li a{ width: 100%; }
	.ks-ul li{ width: 25%; }
	.zj-list li{ width: 25%; }
.index-nav li:nth-child(4){margin-left: 20px;}
}
@media( max-width: 991px){
.index-nav {
    width: 600px;
}
.index-nav li:nth-child(4) {
    margin-left: 20px;
}
.index-back{min-height:800px;}
	.container{ width: 750px; }
	.txt-left{  margin-top: 40px; }
	.logo{ width: 350px; }
	.header-right{ padding-top: 20px; }
	.index-nav-img img{ height: 50px; }
	.index-nav li{ width: 180px; }
	.index-nav li a{ height: 180px; }
	.index-nav-tt{ font-size: 18px; }
	.index-nav-img{ height: 70px; }
	.index-nav{ margin-top: 80px; }
	.index-back{ height: auto; padding-bottom: 50px; }
	.friends-list li a img{ height: 28px; }
	.logo-b{ margin-left: 10px; }
	.tabs-right-width,.index-left,.index-right{ width: 100%; padding:0; }
	.tabs-img-left{ position: relative; width: 100%; }
	.tabs-img-width{ display: none; }
	.tabs-img-box{ height: auto; padding-top: 60%; }
	.ks-ul li{ width: 33.333333%; }
	.xw-bottom li{ width: 100%; }
	.zj-list li{ width: 33.333333%; }
	.col-xs-4{ width: 100%; }
	}
@media( max-width:1200px){
#vsb_content_2 IMG {
   
    max-height: 500px !important;
}
}
@media( max-width:767px){
.article-link-box{min-width:100%;}
.index-back{min-height:85px;}
.index-nav{margin-top:137px !important;}
.idnex-s{display: none;}
}

@media( max-width: 768px){
table{width:100% !important}
video{width:100%;}
.article-link-box{width:100%;}
.idnex-s{display: none;}
.index-nav{margin-top:234px !important;width:100%}
	.container{ width: 100%; }
	.logo{ width: 180px; }
	.index-back{ padding:15px 0; min-height:700px;}
	.header-right{ padding-top: 8px; padding-right: 20px; }
	.header-right a{margin-left: 5px; }
	.header-right a img{ width: 30px; height: 30px; }
	.txt-left{ display: none; }
	.index-nav li{ width: 50%; margin:10px 0 !important; padding:0 5px; }
	.index-nav{ margin:30px -5px 20px -5px; float: none!important; }
	.index-nav-img img{ height: 40px; }
	.index-nav-img{ height: 50px; }
	.index-nav li a span{ width: 100%; }
	.index-nav li a{ height: auto; padding:10px; }
	.index-nav-tt{ font-size: 16px; }
	.friends-tt{ font-size: 24px; background-size: 200px auto; padding-top: 30px; }
	.friends-box{ margin-top:40px; }
	.friends-list li{ width: 50%; padding:0 5px; margin-bottom:10px; }
	.friends-list{ margin:0 -5px; padding-top: 20px; }
	.friends-list li a img{ height: auto; }
	.footer{ margin-top: 20px; padding:100px 0 20px 0; }
	.logo-b{ left: 0; margin-left: 0; top: 20px; text-align: center; right: 0; width: 100%; }
	.logo-b img{ width: 50px; }
	.footer-p p{ font-size: 12px; margin-bottom: 5px; text-align: center; }
	.footer-p{ width: 100%; }
	.header-right a span,.header .header-right a span{ width: 110px; font-size: 10px; height: 130px; margin-left: -55px; background-size: 100% 100%; padding:15px 10px 0 10px; }
	.header-right a span img,.header .header-right a span img{ height: 90px; margin-bottom: 2px; }
	.header-txt{ display: none; }
	.header-logo{ left: 15px; right: auto; width: 100px; }
	.header{ padding:15px 0; height: auto; }
	.list-banner{ height: auto; padding:30px 0; }
	.nav-right li{ width: 33.333333%; background: none; }
	.nav-right li a{ line-height: 40px; }
	.tt-english{ display: none; }
	.title-left,.tt-sm{ font-size: 24px; height: 24px; line-height: 24px; margin:0; }
	.title-more a{ margin-top: 3px; }
	.title-box{ margin-top: 30px; margin-bottom: 20px; }
	.tabs-top li{ padding:0 5px; }
	.tabs-top,.tabs-bottom{ margin:0 -5px; }
	.tabs-bottom li{ width: 50%; padding:0 5px; margin-bottom: 10px; }
	.zb-list li{ width: 50%; }
	.zb-list{ margin-top: -15px; }
	.zj-back{ margin-top: 30px; padding-bottom: 20px; }
	.ts-list li{ width: 33.333333%; margin-bottom: 10px; padding:0 5px; }
	.ts-list{ margin:0 -5px; }
	.fix-box-sm{ padding-right: 10px; width: 30px; height: 100px; padding-left: 8px; font-size: 14px; line-height: 18px; }
	.tabs-bottom li a{ padding-left: 40px; font-size: 14px; }
	.tabs-bottom li a i{ left: 10px; }
	.tabs-bottom li a b{ right: 10px; }
	.zj-back .title-box{ margin-bottom: 20px; }
	.search-box{ padding-right: 45px; }
	.search-box .form-control{ height: 40px; font-size: 14px; padding-left: 12px; }
	.btn-search{ background-size: 100% 100%!important; width: 45px; }
	.article-link .col-xs-6{ width: 100%; margin-bottom: 15px; }
	.article-link{ padding-bottom: 10px; }
	.article-p p{ font-size: 14px; line-height: 25px; margin-bottom: 10px; }
	.article-p{ padding-top: 20px; margin-top: 20px; border-width: 2px; }
	.article-tt{ font-size: 24px; margin:20px 0; }
	.ry-back{ padding-top: 0; }
	.ks-ul li{ width: 50%; padding:0 5px; margin-bottom: 10px; }
	.ks-ul{ margin:0 -5px; }
	.img-list li{ width: 50%; }
	.img-list li{ padding:0 5px; margin-bottom: 10px; }
	.img-list{ margin:0 -5px; }
	.img-list-tt a{ font-size: 14px; }
	.img-list-tt{ margin-top: 5px; }
	.page-box{ margin:20px 0; }
	.ks-title{ margin:20px 0; }
	.ks-title-bottom{ font-size: 24px; }
	.ks-title-top{ font-size: 18px; }
	.ks-title{ background: none; }
	.news-img li{ width: 50%; padding:0 5px; margin-bottom: 10px; }
	.news-img{ margin:0 -5px; }
	.news-txt{ margin-top: 20px; padding-top: 20px; }
	.news-txt li{ padding:15px; }
	.news-txt li:hover:before{ display: none; }
	.news-txt-date{ font-size: 18px; margin-bottom: 10px; }
	.news-tt a{ font-size: 16px; }
	.js-left{ width: 100%; padding-right: 40px; padding-bottom: 72px; }
	.js-slick .slick-prev,.js-slick .slick-next{ width: 72px; height: 72px; }
	.js-slick{ padding-bottom: 0px; }
	.js-slick .slick-next{ right: -40px; }
	.js-slick .slick-prev{ right: 32px; }
	.js-right{ width: 100%; margin-top: 20px; }
	.about-p{ margin-left: 0; margin-top: 15px; }
	.about-tt{ font-size: 18px; }
	.about-lind{ margin:15px 0; }
	.js-left:before{ bottom: 72px; }
	.xw-list li{ width: 100%; margin-bottom: 20px; }
	.xk-list li{ width: 100%; margin-bottom: 15px;}
	.xk-list li:last-child{ margin-bottom: 0; }
	.gg-left{ width: 100%; }
	.gg-ul li{ width: 100%; }
	.phone{ width: 100%; margin-top: 0; padding-left: 0; text-align:center;}
	.xw-list-tt{ margin:10px 0; }
	.xw-list-date span{ font-size: 24px; }
	.zj-img{ width: 100%; text-align: center; margin-bottom: 20px; }
	.zj-right{ margin-left:0; }
	.xg-list li{ width: 100%; }
	.zj-slick li{ padding:0 5px; }
	.zj-slick{ margin:0 -5px; }
	.zj-slick-bottom{ margin-left: 10px; margin-right: 10px; padding-left: 10px; padding-right: 10px; }
	.jj-img{ width: 100%; }
	.jj-txt{ width: 100%; font-size: 14px; line-height: 25px; height: auto; margin-top: 15px; }
	.jj-back{ padding-bottom: 20px; }
	.header{ z-index: 1000000; }
	.header .header-right{ padding-right: 50px; }
	.banner-bottom{ position: static; }
    .nav-right{ position: absolute; padding-top: 25px; z-index: 100000; box-shadow: 1px 2px 3px #ddd; left: 0; width: 100%; margin:0; display: none; border-top: solid 1px #fff; top: 60px; right: 0; background: #fafafa; }
    .nav-right li{ float: none; padding:0; margin:0; width: 100%; position: relative; }
    .nav-right li a{ display: block; text-align: left; height: 40px; line-height: 40px; padding:0 15px; }
    .menu-button{ display: block; }
    .nav-click { display: block; transition: 0.3s all; z-index: 10000; position: absolute; color: #333; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px;}
    .nav-click.active{ transform: rotate(180deg); }
    .nav-down{ position: static; display: none; }
    .nav-right li .nav-down li{ height: 40px!important; }
    .nav-right li .nav-down li a{ height: 40px; line-height: 40px; }
    .nav-right li:hover a{ color: #333; }
    .nav-down li a{ color: #333!important; }
    .nav-right li.active a, .nav-right li a:hover{ background: #f08300; }
    .nav-right li:hover .nav-down{ display: none; }
  .nav-right{ position: absolute; padding-top: 25px; z-index: 100000; box-shadow: 1px 2px 3px #ddd; left: 0; width: 100%; margin:0; display: none; border-top: solid 1px #fff; top: 60px; right: 0; background: #fafafa; }
    .nav-right li{ float: none; padding:0; margin:0; width: 100%; position: relative; }
    .nav-right li a{ display: block; text-align: left; height: 40px; line-height: 40px; padding:0 15px; }
    .menu-button{ display: block; }
    .nav-click { display: block; transition: 0.3s all; z-index: 10000; position: absolute; color: #333; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px;}
    .nav-click.active{ transform: rotate(180deg); }
    .nav-down{ position: static; display: none; }
    .nav-right li .nav-down li{ height: 40px!important; }
    .nav-right li .nav-down li a{ height: 40px; line-height: 40px; }
    .nav-right li:hover a{ color: #333; }
    .nav-down li a{ color: #333!important; }
    .nav-right li.active a, .nav-right li a:hover{ background: #f08300; }
    .nav-right li:hover .nav-down{ display: none; }
}
@media( max-width:480px){
table{width: 100% !important;}
}
@media( max-width: 374px){
	.logo{ width: 150px; }
	.nav-right li{ width: 50%; }

}