@charset "utf-8";
/* CSS Document */
input,button,select,textarea{outline:none;}
textarea{resize:none}
input{align-items:flex-start;box-sizing:border-box;}
input:not([type]),input[type="email" i],input[type="number" i],input[type="password" i],input[type="tel" i],input[type="url" i],input[type="text" i],input[type="button" i],input[type="submit" i],input[type="reset" i],input[type="file" i]::-webkit-file-upload-button,button{padding:0px;}
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{background-color:rgb(255,255,255);background-image:none;color:#333;-webkit-box-shadow:0 0 0 100px white inset;}
input[type="submit"],input[type="reset"],input[type="button"],button{-webkit-appearance:none;}
a{color:#000;font-weight:normal;text-decoration:none;outline-style:inherit;}
a:link{color:#000;}/* 初始状态 */
a:visited{color:#000;}/* 访问过的状态 */
a:hover{color:#000;}/* 悬浮状态 */
a:active{color:#000;}/* 按下状态 */
input,img{vertical-align:middle;max-width:100%;}
li{list-style:none;}
html{font-size:18px;}
body,div,p,h1,h2,h3,h4,h5,h6,table,dl,dt,dd,ul,li,ol{margin:0;padding:0;}
body{font-family:"微软雅黑";font-size:1rem;color:#000;background-color:#fff;max-width:640px;margin:0 auto;}



header{}


.navbar{overflow:hidden;background:#1d776f;}
.navbar li{width:25%; float:left; text-align:center; border-left:1px solid #fff; margin-left:-1px;}
.navbar li a{display:block;color:#fff; line-height:3em; font-size:1.1em;}
.navbar2{background:#259f94;}

#banner{margin:5px auto;}


#hnav{overflow:hidden; margin:5px;}
#hnav li{list-style:none; width:33.333333%; float:left;}
#hnav li a{display:block;background:#ff952b; margin:5px; padding:10px 0; text-align:center; color:#fff; text-decoration:none; border-radius:5px;}
#hnav li a img{max-width:50%; margin-bottom:3px;}
#hnav li:nth-child(2) a{background:#38b9f2;}
#hnav li:nth-child(3) a{background:#ff6a47;}
#hnav li:nth-child(4) a{background:#50d389;}
#hnav li:nth-child(5) a{background:#ff952b;}
#hnav li:nth-child(6) a{background:#38b9f2;}
#hnav li:nth-child(7) a{background:#ff6a47;}
#hnav li:nth-child(8) a{background:#927cff;}
#hnav li:nth-child(9) a{background:#ff952b;}


#project{margin:10px; overflow:hidden;}
#project dd{overflow:hidden; margin:5px auto;}
#project dd .n{width:19%;float:left; background-color:#EE7700; line-height:1.4em;font-size:1rem;padding:1.5em 0; text-align:center; color:#fff;}
#project .disease{width:80%; float:right;}
#project .disease li{width:33.333333%;float:left;text-align:center; margin-bottom:5px;}
#project .disease li a{display:block; line-height:3em; margin-left:5px;background:#f0f0f0; color:#666; font-size:.9rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#project .disease .h a{color:#f00;}
#project dd:nth-child(2) .n{padding:3em 0;}

@media screen and (max-width:414px){
html{font-size:14px;}
}
@media screen and (max-width:375px){
html{font-size:13px;}
}
@media screen and (max-width:320px){
html{font-size:12px;}
}

.homeCh{margin:10px;border:1px solid #ccc;}
.homeCh .title{padding:5px; border-bottom:1px solid #ccc;}
.homeCh .title .zh{color:#259f94; font-size:1.1rem;}
.homeCh .title .en{color:#999; font-size:.9rem; margin-left:5px;}



#ther .img{margin:10px;}
.ther_list{margin:10px;border-bottom:1px dashed #ccc;}
.ther_list li{line-height:2em; border-top:1px dashed #ccc;}
.ther_list li a{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; color:#5A5A5A;}



#doctor{}
#doctor .swiper-slide{overflow:hidden; position:relative; height:auto;}
#doctor .swiper-slide .text{position:absolute; top:0px; right:0px; left:34%; padding:10px 10px 0;}
#doctor img{max-width:35%;}
#doctor h3{color:#259f94; margin-bottom:5px;}
#doctor p{color:#333; font-size:1rem; /* line-height:1.8em; */ text-indent:2em;/* text-overflow:ellipsis;white-space:nowrap; */overflow:hidden;}
#doctor p span{color:#f00;}
#doctor .btn{overflow:hidden; margin-top:10px;}
#doctor .btn a{width:50%;display:block; float:left; background:#0033FF; color:#fff; text-align:center;font-size:1rem; line-height:2.4em;}
#doctor .btn a:last-child{background:#FF9600;}

#doctor .custom{overflow:hidden; margin:1%; width:98%;}
#doctor .custom li{width:23%; margin:5px 1%;float:left; text-align:center; background:#1d776f; line-height:2em; cursor:pointer; color:#fff;box-sizing:border-box;}
#doctor .custom .active{background:#259f94;}

#case{overflow:hidden;}
#case .swiper-wrapper{}
#case .swiper-slide{overflow:hidden;}
#case .case_img{width:25%; float:left;margin:2% 0 0 2%;}
#case .case_text{width:68%; float:right;margin:2% 2% 0 0;}
#case .case_img li{margin-bottom:5px;}
#case .case_text li{font-size:1rem; height:1.8em; line-height:1.8em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#case .case_text li a{display:block; color:#333;}

#case .custom{overflow:hidden; margin:1%; width:98%;}
#case .custom li{width:18%; margin:5px 1%;float:left; text-align:center; background:#EE7700; line-height:2em; cursor:pointer; color:#fff;box-sizing:border-box;}
#case .custom .active{background:#ff9600;}

#about{}
#about .box{overflow:hidden; margin:10px; color:#333; font-size:1rem; line-height:1.6em;}
#about .box img{float:left; max-width:40%; margin:0 1em 0 0;}

footer{text-align:center; padding:10px 0 60px;}
footer p{margin:5px auto;}

#loc{background:#E6E6E6; color:#259f94; padding:8px 10px; margin:5px auto; font-size:1rem;}
#loc a{color:#259f94;}

#list{margin:5px;}
#list li{padding:5px;border-bottom:1px dashed #ccc;}
#list li h3{font-size:1.2rem;}
#list li p{color:#666; text-indent:2em;}
#list li p a{color:#f00;}

#page{text-align:center;}
#page a,#page span{display:inline-block; padding:.3em .6em; border:1px solid #ccc; margin:5px auto;}
#page span{background:#ececec;}

#title{}
#title h1{text-align:center; font-size:1.2rem; color:#259f94;}

.wzBtn{text-align:center; margin:10px auto 0;}
.wzBtn a{display:inline-block; background:#0156FE;-moz-box-shadow:0px 0px 2em #032b79 inset;-webkit-box-shadow:0px 0px 2em #032b79 inset;box-shadow:0px 0px 2em #032b79 inset;padding:.4em .8em; color:#fff; font-size:1.2rem; border-radius:5px;}
.wzBtn .call{background:#FEAE01;-moz-box-shadow:0px 0px 2em #8e6204 inset;-webkit-box-shadow:0px 0px 2em #8e6204 inset;box-shadow:0px 0px 2em #8e6204 inset;}


#infos{text-align:center; border-bottom:1px solid #0a59b8; padding:5px 0; color:#333;}
#infos a{color:#f00;}

#wz{margin:5px; overflow:hidden; line-height:1.8em;}
#wz img{max-width:100%; height:auto !important;}
#wz video{max-width:100%; height:auto !important;}

.wzPn{border-bottom:1px solid #ccc;}
.wzPn li{border-top:1px solid #ccc; line-height:2em;}

.wzPd{text-align:center; margin:10px auto; overflow:hidden;}
.wzPd a{display:block; width:50%; float:left; text-align:center;}
.wzPd a img{width:80%; max-width:140px;}





/* 底部 */
.xin_swt_bot{width:100%;height:65px;position:fixed;left:0;bottom:0;z-index:10;}
.xin_swt_bot a{ height:65px;color:#fff;text-decoration:none; display:block; border-right:1px solid #fff;}
.xin_swt_bot img{display:inline-block;}
.xin_swt_bot01{ width:25%; height:65px; background:#F08300; text-align:center; float:left;}
.xin_swt_bot02{ width:40px; height:37px; background:url(../sj_images/icon.png); margin:0 auto;}
.xin_swt_bot03{ width:40px; height:37px; background:url(../sj_images/xinx.gif); margin:0 auto;}
.xin_swt_bot04{ width:40px; height:37px; background:url(../sj_images/icon.png) -213px 0; margin:0 auto;}
.xin_swt_bot05{ width:40px; height:37px; background:url(../sj_images/icon.png) -320px 0; margin:0 auto;}
.xin_swt_bot06{color:#fff; font:14px/22px '宋体'}
.xin_swt_bot08{padding-top:45px;color:#fff;}

/*调用最新文章*/
.dt-con-nav{ width:100%; margin:10px 0 4px 0; height:60px; background:#259f94; float:left;}
.dt-con-navl{ display:inline-block; height:60px; float:left; padding:0 0 0 10px;}
.dt-con-navl span{font:20px '微软雅黑'; color:#fff; padding:8px 0 0 0; display:block;}
.dt-con-navl em{font:10px "微软雅黑"; color:#fff; display:block;opacity:53%;}
.dt-con-navr{padding:0 10px; margin:18px 10px 0 0; background:#fff; font:12px/24px '宋体';display:inline-block; float:right; border-radius:5px;}
.dt-xys-p1{ width:100%;}
.dt-xys-p1-title{ width:100%; background:url(../sj_images/xin_06.png) no-repeat #0b7fdc; height:44px; font:20px/44px "微软雅黑"; color:#fff; padding: 0 0 0 40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-

sizing:border-box; -o-box-sizing:border-box; margin:0 0 10px 0;}
.dt-xys-p1-title span{ font:16px/44px '宋体'; margin:0 0 0 5px;}
.dt-xys-p1-title img{ margin:0px;}
.dt-xys-p1-title a{ background:#f00; border-radius:10px; font:12px/20px '宋体'; color:#fff; display:inline-block; float: right; padding:0 10px; margin:15px 5px 0 0;}
.dt-xys-p-rs{ width:100%; display:inline-block;}
.dt-xys-span1{ width:50%; display:block; float:left;}
.dt-xys-span2{ width:50%; display:block; float:left;}
.dt-xys-p-rs a{ margin:0 1px 1px 0; font:12px/24px '宋体'; color:#fff; display:block; text-align:center; padding:5px 0;}


.wzpn{background-color:#dcdcdc; overflow:hidden;}
.wzpn li{float:left; width:50%; text-align:center; padding:10px 0; color:#2c2c2c; font-size:16px;}


/*底部固定*/
#navbar{border-top:1px solid #a7a7ab; position:fixed; bottom:0px; left:0px; right:0px;width:100%;background-color:#fff;overflow:hidden;z-index:999999;}
#navbar a{float:left; width:25%; color:#949494; text-decoration:none; font-size:14px; text-align:center; padding:5px 0;}
#navbar a i{display:block; width:34px; height:34px; margin:0 auto; background:url(/sj_images/navbar_wx.png) no-repeat center/100% auto; position:relative;}
#navbar a i .dot{display:block; width:14px; height:14px; position:absolute; top:-2px; right:-3px; background-color:#f43531; border-radius:50%; color:#fff; font-size:12px; text-align:center; line-height:12px;font-style:normal;}
#navbar a p{margin:0 auto;}
#navbar a:nth-child(2) i{background-image:url(/sj_images/navbar_tx.png);}
#navbar a:nth-child(3) i{background-image:url(/sj_images/navbar_fx.png);}
#navbar a:nth-child(4) i{background-image:url(/sj_images/navbar_wo.png);}
@media screen and (max-width:414px){
#navbar a{font-size:13px;}
#navbar a i{width:30px; height:30px;}
}
@media screen and (max-width:375px){
#navbar a i{width:28px; height:28px;}
}
@media screen and (max-width:320px){
#navbar a{font-size:12px;}
#navbar a i{width:26px; height:26px;}
}