<!--20230622-->
html {color:#4e4e4e;background:#fff}
body, ul, li, ol, dl, dt, dd, form, input, textarea, img, p, h1, h2, h3, h4, h5, h6, fieldset, button,label {margin:0;padding:0; font-weight:normal}
body { width:100%; min-width:320px; height:100%; background:#f1f1f1; color:#4e4e4e;line-height:20px;font-family:Arial,Tahoma,"Microsoft YaHei","SimSun"}
ol, ul, li {list-style:none}
img {border:0}
h2 {font-size:1.8rem}
h3 {font-size:1.6rem}
h4, h5, h6, p{font-size:1.2rem}
em, cite, i {font-style: normal}
a {color:#333;text-decoration:none}
a:hover {color:#f30; text-decoration:none}
a:focus {outline:none}
a:visited{text-decoration:none;outline:0; outline-width:0px}
a:active{text-decoration:none;outline:0; outline-width:0px}
b,strong{font-weight: bold}
:focus,img{outline:0;outline-width:0px}


table{border-collapse:collapse;border-spacing:0}

.sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline}   
.sup {top: -0.5em}   
.sub {bottom: -0.25em} 
.clear:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0}   
.clear{ clear:both; zoom:1} 

.wrap { margin:0 auto; display:block; position:relative; display:block; overflow: hidden; text-align: left; width:100%; max-width:768px}
html {font-size: 62.5%}
body {font-size: 1.2rem}
h1 { font-size: 2.4rem}

@media screen and (min-width:320px){html{font-size:62.5%}/*10px */}
@media screen and (min-width:360px){html{font-size:70.3125%}/*12px */}
@media screen and (min-width:375px){html{font-size:73.2424875%}/*12px */}
@media screen and (min-width:400px){html{font-size:78.125%}/*12.5px */}
@media screen and (min-width:414px){html{font-size:80.86%}/*12.5px */}
@media screen and (min-width:480px){html{font-size:93.75%}/*15px*/}
@media screen and (min-width:568px){html{font-size:111%}}
@media screen and (min-width:640px){html{font-size:125%}/*20px */}
@media screen and (min-width:720px){html{font-size:137.5%}/*22px */}
@media screen and (min-width:768px){html{font-size:150%}/*24px */}
@media screen and (min-width:1024px){html{font-size:180%}/*24px */}
@media screen and (orientation:landscape){html{font-size:150%}/*24px */}
html,body {}

.goog-te-gadget-simple{width:160px;}
.googletranslator{margin-top:15px;}

.header{ width:100%; height:6rem; background:#fff}
.header img{ width:100%}

.nav{ width:100%; height:3.6rem; background:#0695fe; overflow:hidden}
.nav .liM{ width:25%; padding:0; float:left; font-size:1.4rem; line-height:3.6rem; text-align:center;}
.nav .liM a{ color:#fff}
.nav_bg{background:#0075cb;}

.content{ width:100%; height:auto; margin-top:1rem; background:#fff; border-bottom:1px solid #e1e1e1; border-top:1px solid #e1e1e1}
.content .title{ width:94%; height:4rem; margin:0 3%; line-height:4rem; background:url(/images/ico_01.gif) 0 center no-repeat; background-size:1.3%; color:#0695fe; font-size:1.6rem;  text-indent:0.8rem; position:relative}
.content .titlec{ border-bottom: 1px solid #e1e1e1}
.more{ position:absolute; right:0; color:#6e6e6e; font-size:1.2rem}
/*--底部版权 --*/
.footer{ width:100%; height:auto; margin-top:1rem; clear: both; padding-bottom: 40px}
.maptel{ width:94%; height:auto; padding:0.5rem 3%}
.maptel a{ width:100%; height:5rem; display:block; line-height:1.8rem; text-align:center; border-radius:0.5rem; color:#fff}
.maptel a p{ width:100%; font-size:1.5rem; padding-top:0.8rem; text-indent:23%; display:block}
.maptel a span{ width:100%; font-size:1.8rem; text-indent:24%; font-weight:bold; display:block}
.maptel .tel{ background:#42c2ff url(/images/ico_12.png) 15% center no-repeat; background-size:15%; margin:0.5rem 0 0.2rem 0;}

.fnav{ width:100%; height:3.6rem; line-height:3.6rem; font-size:1.2rem; color:#fff; background:#0695fe; text-align:center}
.fnav a{ color:#fff; padding:0 6px}
.bot{width:100%; height:auto; padding:0 0 0.8rem; font-size:1.2rem; color:#919191; line-height:1.6rem; text-align:center}
.bot em{ color:#b1b1b1}
.bot a{ color:#b1b1b1}
/*--底部版权 END--*/
/*浮动----------------------------------------------------------*/
#m-wp{ z-index:20}
.m-b{position:fixed;width:100%;left:0;bottom:0;z-index:999;font:12px/1.5 Microsoft Yahei}
.m-b li{width:50%;float:left;height:48px;line-height:48px;font-size:14px;text-align: center}
.m-b li a{display:block;height:48px;padding:0;color:#FFF; font-size:24px;}
.m-b .m-b1 a,.m-b .m-b2 a,.m-b .m-b3 a{background: none}
.m-b .m-b1,.m-b .m-b3{background:#0695fe}
.m-b .m-b2{background:#ff9713}
.m-b .m-b1 span{background-image: url(/images/tel.png);width:40px;height:40px;display: inline-block;background-size:100% 100%;vertical-align: middle}
.m-b .m-b2 span{background-image: url(/images/zx.gif);width:40px;height:40px;display: inline-block;background-size:100% 100%;vertical-align: middle}
.m-b .m-b3 span{background-image: url(/images/guah.png);width:40px;height:40px;display: inline-block;background-size:100% 100%;vertical-align: middle}

/*漂浮咨询*/
#zixun{width:25px;position: fixed;right: 0px;top: 30%}
#online{width:240px;height:105px;text-align:center;background:#f3f4f6;position: fixed;left:50%;top:50%;margin:-75px 0 0 -120px;box-shadow:0 0 5px rgba(0,0,0,.6);display: none;border-radius:5px;font:12px/1.5 Microsoft Yahei; z-index:999}
.online_top{font-size:16px;color:#333333;padding-top:18px}
.online_btn{margin-top:5px}
.online_btn a{width:88px;display:inline-block;margin:0 7px}
.online_btn img{vertical-align: middle;width:100%}
.line_colse{width:25px;height:25px;background:url(/images/line_colse.png) no-repeat;background-size: 100% 100%;position: absolute;top: -6px;right: -6px;cursor: pointer}
#telInput{width:135px;height:28px;border:1px solid #e63106;border-radius:14px 0 0 14px;text-indent:8px; float:left; margin-left:15px}
#callBtn{width:75px;text-align:center;color:#FFF;height: 30px;border:1px solid #e63106;border-radius:0 14px 14px 0;background:#e63106; float:left; font-size:12px}
.online-input{padding:5px 0}
.online-hd p{padding:0 20px;text-align:left}

#online input,#online select,#online textarea{font-size:100%;outline:none}
#LRfloater0,#LRfloater1{display:none}


/*--浮动 END--*/
.banner{ width:100%; position: relative }
.banner img{ width:100%}

.mcio{ width: 94%; margin: 1rem 3% 1rem 3%; clear: both; position: relative; float: left}
.myygh{ width:40%; height: 16rem; float: left; overflow: hidden;border-bottom: 1px #e1e1e1 solid;;border-right: 1px #e1e1e1 solid;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;text-align: center}
.imzx{ position: relative;width:60%; height: 8rem;float: right; overflow: hidden;border-bottom: 1px #e1e1e1 solid;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box}
.imdh{ position: relative;width:60%; height: 8rem;float: right; overflow: hidden;border-bottom: 1px #e1e1e1 solid;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box}
.myygh img{ width:60%; margin: 2rem 20% 0.5rem 20%}
.myygh p,.myygh span,.myygh em{ clear: both; width: 100%; display: block}
.myygh p{ font-size: 1.2rem; color: #888}
.myygh span{font-size: 1.4rem; color: #444; line-height: 2rem; font-weight:bold}
.myygh em{font-size: 1.2rem; color: #888; clear: both; width: 100%}

.mztel img{ width:4.5rem; float: left; padding: 1rem 0.8rem 0 1.5rem}
.mztel p{ font-size: 1.2rem; color: #888; padding-top: 1rem}
.mztel span{font-size: 1.4rem; color: #444; line-height: 2rem; font-weight:bold}
.mztel em{font-size: 1.2rem; color: #888; clear: both; width: 100%; float: left; text-align: center; padding-top: 0.5rem}


.ulist{ width:100%; clear:both; position:relative; height:8.7rem; margin-top: 1rem}
 .big_class{ width:22.5%; height:8.6rem; float:left; margin:0.3rem 3%; background:#3faeed; position:relative}
 .big_class p{ padding-top:1.5rem;text-align:center; color:#fff; font-weight:bold}
 .big_class p span{text-align:center; color:#fff}
 .big_class img{ position:absolute; width:100%; left:0; bottom:1rem}
 .ulist ul li{ width:21.5%; float:left; margin:0.3rem 2% 0.3rem 0; height:4rem; text-align:center; background:#eee; overflow:hidden; line-height:4rem; position:relative}
 .ulist ul li a{ width:100%; height:4rem; display:block; color: #0695fe; font-size:0.85rem;}
.qdoc{width:94%; clear: both; height: 5rem; line-height: 5rem; text-align: left; font-size: 1.6rem; background: #febc0d; margin: 1.2rem 3% 0 3%}
.qdoc a{ color:#fff; font-weight: bold; float:left;}
.qzy{width:94%; clear: both; height: 5rem; line-height: 5rem; text-align: left;  background: #0695fe; margin: 1.2rem 3% 0 3%; position: relative}
.qzy a p{padding-left: 0.5rem;font-size: 1.5rem;font-weight: bold}
.qzy a{ color:#fff; }
.qzy em{position: absolute; right: 7rem; top: 1.2rem; height: 2.5rem; width: 6rem; text-align: center; line-height: 2.5rem; display: block; background: #febc0d; border-radius: 0.5rem}
.qzy span{ position: absolute; right: 0.5rem; top: 1.2rem; height: 2.5rem; width: 6rem; text-align: center; line-height: 2.5rem; display: block; background: #f30; border-radius: 0.5rem}

.news{ width:94%; height:auto; margin:0 auto; padding-bottom:1rem; position:relative}
.news ul li{ width:100%;position:relative; padding:1rem 0 1rem 0; float: left;  color:#4e4e4e; border-top:1px solid #ebebeb; clear:both; overflow: hidden}
.news ul li .newimg{ width:35%; height:6rem; float:left; position:relative; padding:0 0.5rem 0 0; overflow: hidden}
.news ul li .newimg img{ width:100%; z-index:1; padding-top:0.2rem}
.news ul li .newimg p{ position:absolute; width:50%; background:#0092d8; top:0.9rem; left:0; z-index:2; color:#fff; padding-left:0.3rem; font-size:1.2rem; line-height:1.8rem;opacity:0.7;-moz-opacity:0.9;filter:alpha(opacity=70)}
.news ul li a{ font-size:1.4rem; line-height:2rem}
.news ul li.first{ border-top:none}
.news ul li a b{ font-weight: normal}
.news ul li span{ clear: both; color:#b5b5b5; font-size:1.0rem}
.news ul li font{ text-align: center; border: 1px solid #ccc; border-radius: 0.3rem; padding: 0.1rem 0.5rem; margin-right: 0.5rem}
.news ul li em{ background:url(../images/ico_02.png) left center no-repeat; background-size:1.3rem auto; padding-left:1.6rem; margin-left:1rem}
.news big a{ width:100%; height:3rem; text-align:center; display:block; line-height:3rem; background:#eee;border-radius:0.2rem; font-size:1.4rem}
.news .fenye{clear: both; position: relative; padding-top: 0.5rem}
.news .fenye li{ font-size: 1.2rem; padding: 0.5rem 0.8rem; float: left; border: 1px solid #f1f1f1;border-radius:0.2rem; margin: 0.5rem 0.5rem 0 0; text-align: center}

/*--.news ul li a p{height: 2rem; overflow: hidden; line-height: 2rem;font-size:1.4rem;}--*/
.news ul li a p{height: 2rem;line-height: 1.5rem;font-size:1.3rem;}
.news ul li a span{clear: both; color:#b5b5b5; font-size:1.2rem; height: 3.2rem; line-height: 1.6rem; overflow: hidden; display: block; width: 65%; position: absolute; top: 4rem; left: 36.4%}
.news ul li.first{ border-top:none}
/*--CONTENT --*/
article .ctitle{clear:both; font-size:2rem; line-height:2.6rem; width: 94%; border-bottom: 5px solid #f1f1f1; padding:1.5rem 3% 1rem 3%}
article .autho{clear:both; width: 94%; margin: 0 auto;  height: 4.6rem; border-bottom: 1px solid #eee; position: relative}
article .autho .headp{ width:3rem; height: 3rem; float: left; padding: 0.8rem 1rem 0.8rem 0; position: relative }
article .autho .headp img{ width:100%;border-radius:50%;border:2px solid #eee}
article .autho .headp em{ width:1rem; height: 1rem; background: #f30; color:#fff; text-align: center; line-height: 1rem; font-size: 0.4rem;border-radius:50%; position: absolute; right:0.4rem;top: 1rem}
article .autho p{ line-height: 1.5rem; padding-top: 0.9rem}
article .autho p b{font-size: 1rem; padding-right: 0.5rem; color: #0695fe}
article .autho p span{font-size: 1rem; padding-right: 0.5rem; color: #666}
article .autho p em{font-size: 0.9rem; color: #bbb}
article .autho font{line-height: 1rem;font-size: 1rem; color: #bbb}
article .autho .czixun{ width:6rem; height: 2.8rem; float: right; padding: 1.1rem 0 0.7rem 0; position:absolute; top: 0; right: 0 }
article .autho .czixun a{ width:100%; display: block; text-align: center; font-size: 1.2rem;border-radius:0.4rem; background: #f30; color: #fff; line-height: 2.8rem}

.con_con{ width:94%; color:#333; line-height:2.2rem; position: relative; padding-top:1rem; margin:0 auto}
.con_con p{ padding:0.6rem 0; font-size:1.4rem}
.con_con p img{ max-width:100%}
.con_con div{position: relative}
.con_con div img{ max-width: 100%}
.con_con a{ color: #0695fe}
.dianz{ width: 94%; position: relative; margin: 1rem auto;  border-top: 1px solid #eee}
.dashang{width:80%; position: relative; margin: 1rem auto}
.dashang ul{ width:100%; position: relative; text-align: center; font-size: 1.2rem; margin: 0.5rem auto;}
.dashang ul li{width:50%; float: left}
.dashang ul li p{ width:5rem; height: 5rem; border-radius:50%; border: 2px solid #e1e1e1; margin: 0 auto}
.dashang ul li img{ width:3.2rem; height: 3.2rem; padding: 0.9rem}
.dashang ul li span{ clear:both; width: 100%; line-height: 2.8rem;}

.casesz .case_il{ width:94%; clear:both; margin:0 auto; position:relative; padding-bottom:1rem}
.casesz .case_il ul{ width:100%; padding-top:0.2rem}
.casesz .case_il ul li{ width:100%; height:9.5rem; border-bottom:1px solid #eee; margin:1rem 0; position:relative}
.casesz .case_il ul li img{ width:40%; height:6.2rem; float:right; padding-left:0.3rem 0 0 1rem}
.casesz .case_il ul li h2{ font-size:1.4rem; line-height:2.1rem; height:6.2rem; width:59%; float:left}
.casesz .case_il ul li a{width:100%; height:8.5rem; display:block; color:#333}

.casesz .case_il ul li span.case_lyc{ width:4rem; height:1.6rem; display:block; border-radius:0.3rem; text-align:center; line-height:1.6rem; font-size:1.0rem;border:1px solid #ccc; color:#888; position:absolute; left:0; bottom:0.8rem}
.casesz .case_il ul li span.case_lnum{background:url(/images/ico_03.png) left center no-repeat; background-size:1.3rem auto; padding-left:1.6rem; width:8rem; height:1.8rem; display:block; line-height:1.8rem; font-size:1.0rem; color:#b5b5b5; position:absolute; left:17%; bottom:0.7rem}
.casesz .case_il ul li span.case_ldate{ width:18.5rem; height:1.8rem; display:block; text-align:center; line-height:1.8rem; font-size:1rem; color:#b5b5b5; position:absolute; left:40%; bottom:0.7rem}
.casesz .case_il ul li span.case_ldate em{ background:url(/images/ico_02.png) left center no-repeat; background-size:1.2rem auto; padding-left:1.5rem; margin-left:0.8rem}
.casesz .case_il ul big a{ width:100%; height:3rem; text-align:center; display:block; line-height:3rem; background:#eee;border-radius:0.2rem; font-size:1.4rem}
/* 医疗合作 */
.boxpr{ width:94%; position:relative;clear:both; margin:0.2rem 3%; padding:0.2rem 0; float: left}
.swipe{width:100%; clear:both;overflow: hidden; position: relative; padding-top: -1rem; height:10rem}
.page{height:3.2rem;width:100%; position:relative}
.page li{font-size:1.4rem; display:block; height:3.2rem; text-align:center; float:left; width:100%; position:relative; border-right:1px solid #fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box}
.page li a{display:block; height:3.2rem; background:#f6f6f6; color:#666; font-weight:600; line-height:3.2rem}
.page a.active{color:#fff; background:#0695fe}
.box01_list{position:relative; -webkit-transition: left 600ms ease-out;  width:100%; padding-top:0.5rem}
.li_list{width:100%;float: left; position:relative; padding:5px 0}
.mc_01 p{ width:100%;height:2rem; line-height:2rem; color:#666; font-size:1.3rem; overflow:hidden}
.mc_01 p img{ width:1.4rem; float:left; padding:0.1rem 0.5rem 0 0}
.mc_02 p{ width:100%;height:2rem; line-height:2rem; color:#666; font-size:1.3rem; overflow:hidden}
.mc_03 p{ width:100%; line-height:1.6rem; color:#666; font-size:1.2rem; padding: 0.2rem 0; float: left}
/*--简介-*/
.titlekt{ width:94%; height:3rem; margin:0 auto; line-height:3rem; color:#444; font-size:1.6rem; font-weight: bold; position:relative; overflow: hidden}
.titlekt a,.titlek a{ color: #f30; font-size: 1.2rem}
.titlek{ width:94%; height:3rem; margin:0 3%; margin-top: 1rem; line-height:3rem; background:url(/images/ico_01.gif) 0 center no-repeat; background-size:1.3%; color:#444; font-size:1.6rem;  text-indent:0.8rem; position:relative}
.content_about{ width:100%; height:auto; background:#fff; border-bottom:1px solid #e1e1e1; border-top:1px solid #e1e1e1}
.about{ clear: both; width: 100%; position: relative;  background: #fff; padding: 1rem 0; border-bottom: 1px solid #e1e1e1}
.about img{width:100%}
.about p{ font-size: 1.4rem; line-height: 2rem; padding: 0.5rem 3%}
.about h5{ font-size: 1.4rem; line-height: 2rem; padding: 0.5rem 3%; color: #000}

/*--医院设备--*/
.jv-sb-ly{clear:both;height:auto;width:100%;margin:0 auto}
.jv-sb-ly .jv-navi{clear:both;width:100%;height:3.6rem;background:#0092d8;font-weight:normal}
.jv-sb-ly .jv-navi span{font-size:1.4rem;color:#fff;line-height:3.6rem;margin-left:2%}
.jv-sb-ly .jv-navi small{font-size:1.2rem;float:right;line-height:3.6rem;margin-right:2%}
.jv-sb-ly .jv-navi small a{color:#fff;padding-left:20px}
.jv-sb-ly ul{clear:both;padding:1.5rem 0 0 0;float:left;width:100%;position:relative;background-color:#fff}
.jv-sb-ly ul li{width:100%;float:left;text-align:center;margin:0 0.5%;overflow:hidden;background:#fff;position:relative}
.jv-sb-ly ul li a{width:100%;display:block;overflow:hidden}
.jv-sb-ly ul li a p{width:100%;display:block}
.jv-sb-ly ul li a p img{display:block;width:100%;padding:0;margin:0; }
.jv-sb-ly ul li a span{width:100%;display:block;clear:both;text-align:center;line-height:2rem;font-size:1.2rem;color:#333;padding:.6rem 0;}
.jv-sb-ly ul li a:hover span{color:#f30;}

/*专题*/
.fx-item{width: 100%;background: #fff;height: auto;border-top: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;}
.fx-item-space{width: 100%;line-height: 0.5rem;height: 0.5rem;font-size: 0;}
.fx-navi{display: flex;width: 94%;height: 4rem;line-height: 4rem;margin: 0 3%;background-size: 1.3%;color: #4890d2;font-size: 1.6rem;text-indent: 0.8rem;position: relative;}
.fx-navi-title{flex: 1;display: flex;color: #4890d2;height: auto;background: url(images/ico_01.gif) 0 center no-repeat;background-size: 1.7%;}
.fx-navi-title span{font-weight: bold;margin-right: 0.2rem;}
.fx-navi-title p{display: contents;font-weight: normal;font-size: 60%;}
.fx-video{display: flex;width: 94%;height: auto;margin: 0 3%;background: #fff;position: relative;}
.fx-video li{width: 49%;float: left;}
.fx-video li:nth-of-type(even){margin-left: 2%;}
.fx-video li a{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.fx-video li a img{width: 100%;}
.fx-video li a p{width: 2.5rem;position: absolute;margin-top: -4.3rem;}
.fx-video li a p img{width: 100%;}
.fx-video li a span{width: 98%;font-size: 80%;line-height: 1.3rem;height: 1.3rem;margin: .3rem 0 1rem 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; text-align:center;}



/*--医生显示NJ--*/
.jv-doctor-ly{clear:both;height:auto;width:100%;margin:0 auto}
.content-cn{color: #555;font-size: 14px; margin:0.5rem 0;}
.content-cn img{display:block;width:98%;padding:0;margin:0 auto;}


.location{ width:98%; height:2rem; margin:0 1%; line-height:2rem; background:url(../images/ico_01.gif) 0 center no-repeat; background-size:1.2%; color:#0092d8; font-size:1.4rem;  text-indent:0.8rem; position:relativ; margin-top: 0.5rem}
.location li{display:inline;}
.location a span{ float: right; color: #f30}

/*--LIST--*/
.list{ width:100%; position:relative; padding:1rem 0; margin:0 auto}
.list ul li.listc{ width:89%; height:3.2rem; border-bottom:1px solid #eee; line-height:3.2rem; font-size:1.4rem;background:url(/images/ico_10.png) left center no-repeat; background-size:5% auto; padding-left: 5%; margin:0 3%; overflow: hidden}
.list ul li.listc em{ font-size: 1.0rem; padding-left: 1rem; color: #bbb; padding-top: 0.4rem}
.list ul li.listc img{ float: right; height: 1.2rem; padding: 1rem 0}
.list ul li.listg{ width: 100%; height: 1rem; margin-top: 1rem; display: block; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; background: #f1f1f1}
.pages{clear:both; display:block; padding:1rem 0;text-align:center;width:94%; margin:0 auto}
.pages span{ float:left}
.pages a{border:1px solid #eee;color:#333;float:left;margin:0.5rem 0.8rem 0.5rem 0;padding:0.5rem 1rem;-moz-border-radius:0.3rem}
.pages a:hover{background:#047da2;border:1px solid #047da2;color:#fff}
.pages p{ clear: both; text-align: center}
/*--LIST END--*/

.list-navi1{ width:94%; height:2rem; margin:0 3%; line-height:2rem; background:url(/images/ico_01.gif) 0 center no-repeat; background-size:1.2%; color:#0695fe; font-size:1.4rem;  text-indent:0.8rem; position:relativ; margin-top: 0.5rem}
.list-navi1 a{display:inline;}
.list-navi1 a.more{float: right;padding-right: 3%;}