/*css字符集设置*/
@charset "utf-8";
/*重置css样式*/
html {
overflow-x: hidden;
overflow-y: auto;
margin: 0 auto;
padding: 0;
font-size: 625%;
}
/*公共css设置*/
body {
font-size: 18px;
font-size: 0.18rem;
font-family: "微软雅黑",Arial, Helvetica,sans-serif;
/* 12÷10=1.2 */
color: #333333;
/*width: 6.4rem;*/
}
*{
margin: 0px;
padding: 0px;
}
ul,li {
margin-bottom: 0;
list-style: none;
}
div,p,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,form {
margin: 0;
padding: 0;
color: #333333;
font-family: "微软雅黑",Arial, Helvetica,sans-serif,verdana;
}
address, caption, cite, code, dfn, em, th, var {
font-style: normal;
font-weight: normal;
}
input, textarea, select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-weight: normal;
}
input, textarea, select {
font-size: 100%;
}
input, textarea, select,img {
vertical-align: middle;
}
a,a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
body a,body a:visited, body a:hover {
text-decoration: none;
}
img {
/*取消图片具有超链接在低版本浏览器中的边框问题*/
/*display: block;*/
/*max-width:6.4rem;*/
max-width:100%;
width:100%;
border: none;
}
.width100{
max-width: 1024px;
clear: both;
margin: 0 auto;
}
.width95{
width: 95%;
clear: both;
}
.float_fl{
float: left;
}
.float_rg{
float: right;
}
/*清除浮动*/
.clear{
clear: both;
}
/*设置margin值*/
.margintop10{
margin-top: -10px;
}
.margin47{
height: 47px;
clear: both;
}
.mb100{
height: 500px;
clear: both;
}
.margin8{
height: 0.08rem;
clear: both;
}
.margin17{
height: 0.17rem;
clear: both;
}
.margin20{
height: 0.20rem;
clear: both;
}
.margin23{
height: .23rem;
clear: both;
}
.margin27{
height: 0.27rem;
clear: both;
}
.margin35{
height: 0.35rem;
clear: both;
}
.margin40{
height: 0.40rem;
clear: both;
}
.margin30{
height: 0.3rem;
clear: both;
}
/*布局样式start*/
/*=============头部区域导航区域样式start==================*/
/*头部nav样式start*/
header{
max-width: 1024px;
margin: 0 auto;
background:#0052a6;
padding: 0.15rem;
}
header .logo img{
width: 2.97rem;
}
header a {
display: block;
width: 100%;
}
header .nav_icon img,header .nav_icon{
width:2.52rem;
}
.logo { width: 3.3rem; padding-top: 0.088rem; border-right: 1px solid #0189d7;}
/*首页在线预约模块*/
.home_btn a img{
display: block;
width: 100%;
}
.home_btn a{
display: block;
}
.home_btn ul li {
float: left;
width: 2.96rem;
padding: 0.17rem 0 0.1rem 0.13rem;
border: 1px solid #dadada;
border-radius: 0.1rem;
margin:0 0 0.2rem 0.2rem;
}
.home_btn ul{
display: flex;
flex-wrap: wrap;
padding-top: 0.2rem;
}
.home_btn ul:after{
clear: both;
}
.home_btn ul li img {
display: block;
width: 1.28rem;
}
.fl{
float:left}
.fr{
float:right}
.home_btn ul li div {
width:1.45rem;
}
.home_btn ul li div h3 {
font-size: 0.28rem;
font-weight: normal;
}
.home_btn ul li div p {
font-size: 0.18rem;
margin: 0.08rem 0 0.1rem;
color: #bbb;
}
.home_btn ul li div i {
display: block;
width: 0.3rem;
height: 0.02rem;
background: #ff5f11;
}
.home_btn ul:after{
display: block;
content: '';
clear: both;
}
/*首页科室查询样式start*/
.home_depart ul {
width:6.4rem;
padding: 0.2rem 0;
}
.home_depart ul li {
float: left;
width:1.6rem;
border-left: 1px solid #dadada;
border-top: 1px solid #dadada;
padding: 0.15rem 0;
}
.home_depart ul li a{
display: block;
}
.home_depart ul li:nth-child(-n+4) {
border-top: none;
}
.home_depart ul li:nth-child(4n+1) {
border-left: none;
}
.home_depart ul li p {
text-align: center;
margin-top: 0.1rem;
font-size: 0.2rem;
}
.home_depart ul li img {
display: block;
margin: 0 auto;
width: 0.81rem;
}
/*首页科室查询样式end*/
/*首页导航start*/
.main_nav{
width:82.7%;
max-width:5.3rem;
padding: 0 0 0.91rem 0.22rem;
background: #fff;
position: absolute;
left:0;
top:43px;
z-index: 999;
/*margin-left:-2.65rem;*/
display: none;
}
.main_nav h2{
color: #006599;
font-size: 0.3rem;
}
.main_nav>h2{
line-height: 0.83rem;
}
.main_nav>h2 span{
display: block;
width: 0.59rem;
height: 0.55rem;
background: url(../images/nav_colver.png) no-repeat;
background-size: 0.59rem;
margin-top: 0.21rem;
}
.main_nav>h2:before{
content: '';
width: 0.35rem;
height: 0.36rem;
display: inline-block;
background: url(../images/nav_colver2.png) no-repeat;
background-size: 0.35rem;
margin:-0.02rem 0.18rem 0 0;
vertical-align: middle;
}
.main_nav .main_list>h2{
margin-top: 0.29rem;
margin-bottom: 0.11rem;
}
.main_nav .main_list>h2:before{
content: '';
width:0.25rem;
height: 0.25rem;
background: url(../images/doc_tr.png);
background-size: 0.25rem;
display: inline-block;
margin: -0.03rem 0.18rem 0 0 ;
vertical-align: middle;
}
.main_nav .main_list>h2.on:before{
transform:rotate(90deg);
-ms-transform:rotate(90deg); /* IE 9 */
-moz-transform:rotate(90deg); /* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg); /* Opera */
}
.main_nav .main_list a{
display: inline-block;
font-size: 0.2rem;
margin-top:0.17rem;
}
.main_nav .main_list a li{
float: left;
width: 2.33rem;
height: 0.58rem;
color: #979595;
line-height: 0.58rem;
text-align: center;
margin-right: 0.11rem;
border: 1px solid #c7c8c9;
border-radius: 0.1rem;
}
.main_nav .main_list ul{
display: none;
}
/*首页导航的背景start*/
#main_colver{
width:100%;
height: 100vh;
margin: 0 auto;
background: rgba(0,0,0,0.2);
position: absolute;
left: 0;
top: 0;
z-index: 999;
display: none;
}
/*首页导航的背景end*/
/*首页导航end*/
/*搜索导航start*/
.search_head{
max-width:100%;
margin: 0 auto;
position: absolute;
display: none;
}
.search_head .search_input{
padding: 0.16rem 0rem 0.16rem 0.12rem;
border: 1px solid transparent;
border-top: 1px solid #cdcdcd;
border-bottom: 2px solid #cdcdcd;
z-index: 2;
background: white;
}
.search_head .search_input input{
width:4.24rem;
padding: 0.15rem 0 0.15rem 0.54rem;
color: #bfbfbf;
font-size: 0.18rem;
background:url(../images/nav_serch.png) no-repeat 0.12rem 0.17rem;
background-size:0.25rem;
border-radius:0.3rem;
border: 1px solid #cdcdcd;
outline: none;
}
.search_head .search_input .input_back{
width: 0.25rem;
height: 0.46rem;
background: url(../images/input_img.png) no-repeat;
background-size:0.25rem;
margin: 0.1rem 0.16rem 0 0;
}
.search_head .search_input button{
width: 1.08rem;
height: 0.6rem;
color: #fafcf9;
font-size: 0.24rem;
margin-left: 0.24rem;
background: #006599;
outline: none;
border:1px solid #006599;
border-radius: 0.15rem;
}
.search_head .search_content{
max-width: 6.4rem;
position: absolute;
top: 0.97rem;
z-index: 2;
background: #f5f5f5;
padding: 0.21rem 0.10rem 0.21rem 0rem;
}
.search_head .search_content a{
display:inline-block;
}
.search_head .search_content ul li{
width: 1.87rem;
height: 0.58rem;
line-height: 0.58rem;
text-align: center;
float: left;
background: #fff;
margin:0.21rem 0 0 0.12rem;
border: 1px solid #dcdcdc;
border-radius: 0.3rem;
}
/*搜索导航end*/
/*=================头部区域导航区域样式end==============*/
/*=================首页主体区域样式start==============*/
#main-wrap{
padding:0px;
}
/*首页主体区域的banner样式start*/
.slideBox {
position: relative;
width: 100%;
height: 3.42rem;
overflow: hidden;
margin: 0.1rem auto;
}
.slideBox .hd {
position: absolute;
width: 100%;
background: rgba(0,0,0,0.2);
height: 0.38rem;
line-height: 0.38rem;
bottom: 0;
right: 0;
z-index: 1;
text-align: center;
}
.slideBox .hd li {
display: inline-block;
width: 1.9%;
height: 0.12rem;
-webkit-border-radius: 0.06rem;
-moz-border-radius: 0.06rem;
border-radius: 0.06rem;
background: #b1b3b5;
overflow: hidden;
margin: 0 0.06rem;
}
.slideBox .hd li.on {
background: #4babf6;
}
.slideBox .bd {
position: relative;
z-index: 0;
}
.slideBox .bd li {
position: relative;
}
.slideBox .bd li img {
width: 6.4rem;
margin: 0 auto;
display: block;
}
.slideBox .bd li a {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
/* 取消链接高亮 */
}
.slideBox .bd li .tit {
display: block;
width: 100%;
position: absolute;
bottom: 0;
text-indent: 10px;
height: 28px;
line-height: 28px;
background: url(images/focusBg.png) repeat-x;
color: #fff;
}
/*主体区域banner样式end*/
/*首页主体内容样式start*/
/*公告栏*/
#main-wrap .doc_public{
width: 100%;
height: 0.6rem;
line-height:0.6rem;
border: 1px solid #efefef;
}
#main-wrap .doc_public .public_logo{
width: 22.4%;
border-right: 1px solid#efefef;
}
#main-wrap .doc_public .public_logo img{
width:85%;
}
#main-wrap .doc_public .public_title{
width: 77.6%;
color: #2b292a;
font-size: 0.24rem;
}
#main-wrap .doc_public .public_title span{
width: 100%;
padding-left: 0.31rem;
}
#main-wrap .doc_public .public_title span a{
display: block;
width:100%;
color: #bd0a25;
font-weight: bold;
font-size: 0.3rem;
}
/*医院公告start*/
#main-wrap .ment_info{
width: 3.58rem;
height:0.25rem;
overflow: hidden;
margin: 0.315rem 0 0 -0.05rem;
}
#main-wrap .doc_public .public_title .ment_info li{
height:0.25rem;
font-size: 0.24rem;
line-height:0.25rem;
text-align: left;
overflow: hidden;
}
#main-wrap .doc_public .public_title a{
color: #2b292a;
}
/*医院公告end*/
/*主页友情链接start*/
.main_link{
margin: 0px;
}
.main_link a{
display: inline-block;
text-align: center;
color: #606163;
font-size: 0.18rem;
}
.main_link a:before{
display: block;
width: 0.65rem;
height: 0.65rem;
text-align: center;
margin: 0.24rem 0px 0.14rem;
}
.main_link .hos_link1 a:before{
content: '';
background: url(../images/hx_link1.png);
background-size:0.65rem;
margin-left: 0.05rem;
}
.main_link .hos_link2 a:before{
content: '';
background: url(../images/hx_link2.png);
background-size:0.65rem;
}
.main_link .hos_link3 a:before{
content: '';
background: url(../images/hx_link3.png);
background-size: 0.65rem;
}
.main_link .hos_link4 a:before{
content: '';
background: url(../images/hx_link4.png);
background-size: 0.65rem;
}
.main_link .hos_link5 a:before{
content: '';
background: url(../images/hx_link5.png);
background-size: 0.65rem;
}
.main_link .hos_link6 a:before{
content: '';
background: url(../images/hx_link6.png);
background-size: 0.65rem;
}
.main_link .hos_link7 a:before{
content: '';
background: url(../images/hx_link7.png);
background-size: 0.65rem;
}
.main_link .hos_link8 a:before{
content: '';
background: url(../images/hx_link8.png);
background-size: 0.65rem;
}
/*主页友情链接end*/
/*主页新闻标题start*/
#main-wrap .news_title,.footer>.news_title{
height: 0.76rem;
background: #f0f0f0;
position: relative;
}
#main-wrap .news_title .news_lines1,.footer .news_title .news_lines1{
width:6.4rem;
height: 0.28rem;
border-bottom: 1px solid #006599;
}
#main-wrap .news_title .news_lines2,.footer .news_title .news_lines2{
width: 2.76rem;
height:0.12rem;
margin: 0 auto;
border-bottom: 1px solid #006599;
}
#main-wrap .news_title .new_title,.footer .news_title .new_title{
width: 1.36rem;
font-size: 0.28rem;
color: #006599;
background: #f0f0f0;
position:absolute;
left: 2.46rem;
top: 0.08rem;
}
#main-wrap .news_title h3,.footer .news_title h3{
color: #8d8a88;
line-height: 0.31rem;
font-size: 0.20rem;
}
/*新闻标题end*/
/*新闻内容轮播样式*/
/*新闻内容样式start*/
#main-wrap .news_content a{
display: block;
padding:0.2rem 4.2% 0.2rem 2.3%;
}
#main-wrap .news_content .news-img{
width: 36%;
}
#main-wrap .news_content img{
float: left;
width: 2.15rem;
padding:0.2rem 0.2rem 0.05rem 0.05rem;
/*max-width: 200px;*/
}
#main-wrap .news_content .news_des{
/*width: 58.8%;*/
/*margin: 0.09rem 0.11rem 0.22rem 0;*/
}
#news_box{
position: relative;
width: 100%;
height:2.9rem;
overflow: hidden;
padding: 0.07rem 0 0rem;
}
#news_box .news_bd{
position: relative;
z-index: 0;
}
#news_box .news_hd{
position: absolute;
width: 100%;
height:0.38rem;
line-height: 0.38rem;
bottom: 0.22rem;
right: 0;
z-index: 1;
text-align: center;
}
#news_box .news_hd li {
display: inline-block;
width: 0.12rem;
height: 0.12rem;
-webkit-border-radius: 0.06rem;
-moz-border-radius: 0.06rem;
border-radius:0.06rem;
background: #b1b3b5;
overflow: hidden;
margin: 0 0.06rem;
}
#news_box .news_hd li.on {
background: #4babf6;
}
/*新闻内容轮播样式end*/
#main-wrap .news_content .news_des .news_text{
color: #006599;
font-size: 0.22rem;
padding-left: 0.11rem;
margin-top: 0.09rem;
margin-bottom: 0.22rem;
}
#main-wrap .news_content .news_des .news_text:after{
content: '';
background: url(../images/news_hot.png);
background-size:0.49rem;
width: 0.49rem;
height: 0.26rem;
display: inline-block;
}
#main-wrap .news_content .news_des p{
color: #404142;
line-height: 0.30rem;
/*height: 0.9rem;*/
overflow: hidden;
display: -webkit-box;
line-clamp:3;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
#main-wrap .news_content .news_des p .list-intro{
color: #ff9933;
margin-left: 0.11rem;
}
#main-wrap .news_content{
/*border-bottom: 1px dashed #b4b4b4;*/
}
/*新闻内容样式end*/
/*主页新闻列表start*/
#main-wrap .news_list ul{
width:93.76%;
margin: 0 auto;
}
#main-wrap .news_list ul li{
font-size: 0.20rem;
color: #808183;
padding-top: 0.23rem;
padding-bottom:0.15rem;
border-bottom: 1px dashed #b4b4b4;
}
#main-wrap .news_list ul li a{
color: #48494a;
}
#main-wrap .news_list ul li a:before{
content: '';
background: url(../images/news_logo.png);
background-size:0.21rem;
display: inline-block;
width:0.21rem;
height: 0.20rem;
vertical-align: middle;
margin-right: 0.15rem;
}
/*更多新闻*/
#main-wrap .news_more a,#main-wrap .doc_more a{
display: block;
width: 2.09rem;
line-height: 0.49rem;
font-size: 0.24rem;
color: #f9fbfc;
text-align: center;
background: #007bc8;
border: 1px solid #007bc8;
border-radius:5px;
/*margin-top:30px;*/
}
#main-wrap .news_more{
width: 32.7%;
margin: 0.3rem auto 0.38rem;
}
/*主页新闻列表end*/
/*主页医生轮播start*/
#doc_banner .banner_inner ul li {
float: left;
width: 1.6rem;
margin-top: 0.33rem;
}
#doc_banner .banner_inner ul:after{
content: '';
display: block;
clear: both;
}
#doc_banner .home_docimg {
display: block;
margin: 0 auto;
width: 1.36rem;
height: 1.68rem;
overflow: hidden;
background: url(../images/home_docbg.png) no-repeat;
border-radius: 50%;
/*padding-top: 0.12rem;*/
background-size: 1.36rem auto;
}
#doc_banner ul li h3 {
font-weight: normal;
font-size: 0.26rem;
text-align: center;
color: #0052a6;
margin: 0.11rem 0;
line-height: 0.26rem;
}
#doc_banner ul li p {
width: 1.5rem;
margin: 0 auto;
text-align: center;
font-size: 0.2rem;
height: 0.37rem;
border: 1px solid #666;
border-radius: 0.16rem;
line-height: 0.33rem;
}
#main-wrap .doc_banner{
position: relative;
width: 100%;
overflow: hidden;
padding: 0.07rem 0 0.1rem 0;
}
#doc_banner ul li img{
display: block;
width: 1.6rem;
/*margin-left: -0.16rem;*/
}
#main-wrap .banner_img{
position: relative;
z-index: 0;
}
#main-wrap .banner_img .banner_inner{
position: relative;
}
#main-wrap .doc_banner .banner_list{
position: absolute;
width: 100%;
height:0.38rem;
line-height: 0.38rem;
bottom: 0.22rem;
right: 0;
z-index: 1;
text-align: center;
}
#main-wrap .doc_banner .banner_list li {
display: inline-block;
width: 0.12rem;
height: 0.12rem;
-webkit-border-radius: 0.06rem;
-moz-border-radius: 0.06rem;
border-radius:0.06rem;
background: #b1b3b5;
overflow: hidden;
margin: 0 0.06rem;
}
#main-wrap .doc_banner .banner_list li.on {
background: #4babf6;
}
.slideBox .bd li a {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
/* 取消链接高亮 */
}
/*主页医生轮播end*/
/*更多医生logo*/
#main-wrap .doc_more{
width: 32.7%;
margin: 0 auto 0.32rem;
}
#main-wrap .news_more a:after,#main-wrap .doc_more a:after{
content: '';
background: url(../images/doc_more.png);
background-size:0.15rem;
display: inline-block;
width:0.15rem;
height: 0.21rem;
vertical-align: middle;
margin:-0.03rem 0 0 0.05rem;
}
/*更多医生logo end*/
/*页面底部start*/
.footer{
margin-bottom:1.58rem;
}
.footer .doc_route{
border-bottom: 0.1rem solid #f0f0f0;
}
.footer .doc_route img{
margin-top: 0.3rem;
margin-bottom: .26rem;
}
/*咨讯热线start*/
.foot_flink p{
color: #2b292a;
font-size: .26rem;
margin: 0.23rem 0 0;
}
.foot_flink p:before{
content: '';
display: inline-block;
margin:0 0.15rem 0 0.25rem;
vertical-align: middle;
}
.foot_flink .doc_tel:before{
width: 0.28rem;
height: 0.29rem;
background: url(../images/hos_tel.png);
background-size:0.28rem;
}
.foot_flink .doc_addr:before{
width: 0.33rem;
height: 0.31rem;
background: url(../images/hos_addr.png);
background-size:0.33rem;
}
/*咨讯热线end*/
/*底部咨讯路线*/
.footer .foot_query{
background: #ffae26;
border-bottom:0.01rem dashed #fff;
}
.footer .foot_query h2{
line-height: 0.98rem;
font-size: 0.37rem;
color: #fff;
}
.footer .foot_query h2:after{
content: '';
display: inline-block;
width: 0.36rem;
height: 0.36rem;
margin-left: 0.08rem;
background: url(../images/hos_line.png);
background-size:0.36rem;
vertical-align:middle;
}
.footer .foot_alink{
display: block;
}
/*官方预约start*/
.footer .foot_res p{
margin: 0.34rem 0 0.22rem;
font-size: .24rem;
color: #007bc8
}
.footer .foot_res .res_tel{
color: #ffae26!important;
}
.footer .foot_res p:before{
content: '';
display: inline-block;
width: 0.35rem;
height: 0.32rem;
margin:0 0.06rem 0 0.15rem;
background: url(../images/hos_prev.png);
background-size: 0.35rem;
vertical-align: middle;
}
.footer .foot_res .res_tel:before{
width:0.43rem;
height: 0.31rem;
background: url(../images/hos_phone.png);
background-size: 0.43rem;
margin: 0 0.09rem 0 0.3rem;
}
/*官方预约end*/
/*预约的表单start*/
.footer .foot_form{
background: #71bffc;
padding:0.3rem 0 0.36rem 0.54rem;
border-top:0.01rem dashed #fff;
border-bottom:0.01rem dashed #fff;
}
.footer .foot_form label{
color: #f8fafc;
font-size: 0.24rem;
font-weight: normal;
}
.footer .foot_form input{
width: 5.38rem;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
color: #987b9c;
border-radius: 0.1rem;
}
.footer .foot_form .form-group3{
position: relative;
}
.footer .foot_form .doc_time{
width: 0.69rem;
height: 0.5rem;
background: url(../images/doc_time.png);
background-size:0.69rem;
position: absolute;
left: 4.69rem;
top: 0.448rem;
pointer-events:none;
}
/*表单按钮*/
.foot_form .btn{
width: 1.68rem;
height: 0.56rem;
font-size: 0.24rem;
font-weight: normal;
color: #0052a6;
background: #71bffc;
border-radius: 0.1rem;
border: 0.01rem solid #0052a6;
margin-left: 0.52rem;
}
.foot_form span:before{
content: '';
display: inline-block;
width: 0.32rem;
height: 0.32rem;
background: url(../images/clear_res.png);
background-size: 0.32rem;
vertical-align: middle;
margin-top: -0.09rem;
}
.foot_form .btn_sub{
margin-left: 0.76rem;
color: #ed7033;
border-color: #ED7033;
}
.foot_form .btn_sub span:before{
background: url(../images/hos_key.png) no-repeat 0.07rem;
background-size: 0.18rem;
}
/*预约的表单end*/
/*联系方式*/
.footer .doc_relate{
background: url(../images/main_tel.png);
background-size:100% 100%;
margin: 0.07rem 0 0.6rem;
/*padding:0 0 0.13rem 2.34rem;*/
padding:0.2rem 0 0.8rem 2.00rem;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
/* position: relative;*/
}
.footer .doc_relate p{
color: #2b292a;
font-size: 0.24rem;
line-height: 0.45rem;
}
.footer .doc_relate .doc_tel{
float: left;
height: 0.6rem!important;
line-height: 0.6rem;
width:2.8rem;
color: #2b292a;
font-size: 0.24rem;
line-height: 0.45rem;
background: transparent!important;
}
.footer .doc_relate .tel_link{
width: 1.3rem;
float: left;
background: #fff;
font-size: 0.2135rem;
border-color:#ed7033;
/*position: absolute;*/
/*right:5.0%;*/
/*bottom:0.8rem;*/
border-radius: 0.1rem;
}
.footer .doc_relate a{
display: block;
line-height: 0.5rem;
padding: 0.09rem 0.09rem 0.11rem;
color: #e97239;
text-align: center;
}
.foot{
text-align: center;
background: #fff;
padding-top: 0.4rem;
padding-bottom:0.1rem;
}
.foot_tel{
background: #0385e4 url(../images/tel.png) no-repeat 0.93rem;
-webkit-background-size: 0.8rem 0.86rem;
background-size: 0.8rem 0.86rem;
width:6.2rem;
margin: 0 auto;
height: 1rem;
border-radius: 0.1rem;
padding-left: 2rem;
padding-top: 0.1rem;
box-shadow:0 0 0.1rem #0385e4;
}
.foot_tel p{
font-size:0.24rem;
color: #fff;
letter-spacing:0.1rem;
}
.foot_tel p b{
font-size: 0.44rem;
letter-spacing:0.05rem;
font-weight: normal;
}
.foot_address{
background:#fff url(../images/bg.png) no-repeat center;
-webkit-background-size: 6.24rem 1.75rem;
background-size: 6.24rem 1.75rem;
margin-top: 0.1rem;
/*height: 1.75rem;*/
}
.foot_address .foot_time,.foot_address .foot_add{
margin-left: 2.25rem;
padding-top: 0.2rem;
display: flex;
vertical-align:middle;
}
.foot_address .foot_time{
background:url(../images/time.png) no-repeat 0 0.3rem ;
-webkit-background-size: 0.44rem 0.44rem;
background-size: 0.44rem 0.44rem;
}
.foot_address .foot_add{
background:url(../images/address.png) no-repeat 0 0.3rem ;
-webkit-background-size: 0.44rem 0.44rem;
background-size: 0.44rem 0.44rem;
}
.foot_address .foot_time img,.foot_address .foot_add img{
width: 0.44rem;
height: 0.44rem;
}
.foot_address .foot_time span,.foot_address .foot_add span{
margin-left: 0.6rem;
font-size: 0.2rem;
text-align: left;
}
.foot_address .foot_time span em,.foot_address .foot_add span em{
font-size: 0.24rem;
}
.foot_text p{
font-size: 0.18rem;
color: #b2b2b2;
line-height: 0.28rem;
text-align: center;
}
.footer .doc_relate span{
color: #e97239;
}
#footer{
position: fixed;
bottom: 0rem;
z-index: 998;
left: 50%;
margin-left: -3.2rem;
}
#footer .doc_foot li div{
width: 0.58rem;
height: 0.46rem;
text-align: center;
margin: 0 auto 0.11rem;
}
#footer .doc_foot li:nth-child(1) img{
display: block;
width: 0.47rem;
}
#footer .doc_foot li:nth-child(2) img{
display: block;
width: 0.54rem;
}
#footer .doc_foot li:nth-child(3) img{
display: block;
width: 0.47rem;
}
#footer .doc_foot li:nth-child(4) img{
display: block;
width: 0.58rem;
}
#footer .doc_foot li a{
display: inline-block;
width: 1.60rem;
color: black;
font-size: 0.24rem;
border-right: 0.02rem solid #e0e0e0;
}
#footer .doc_foot li{
float: left;
text-align: center;
background: #fff;
padding: 0.09rem 0 0.25rem;
position: relative;
}
#footer .doc_foot li a div i#swt-count{
width: 0.28rem;
height: 0.28rem;
border-radius: 50%;
color: #fff;
font-size: 0.24rem;
line-height: 0.28rem;
background: red;
position: absolute;
top: 0;
right: 0.1rem;
}
#footer .doc_foot .doc_list a{
border-right: none;
}
/*页面底部end*/
/*首页主体内容样式end*/
/*=================首页主体区域样式end==============*/
/*==========华夏品牌医院概况样式start=========================*/
/*华夏品牌头部区域样式开始*/
.doc_logo a{
display:block;
width: 100%;
color: #333;
font-size: 0.26rem;
}
.doc_logo ul li{
float:left;
width:1.6rem;
line-height: 0.9rem;
color: #242323;
font-size: 0.26rem;
text-align: center;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
}
.doc_logo ul li:nth-child(-n+4) {
border-top: 0.1rem solid #eee;
}
.doc_logo ul li:first-child, .doc_logo ul li:nth-child(5) {
border-left: 0;
}
.doc_logo ul:after{
display: block;
content: '';
clear: both;
}
/*内容nav样式end*/
#doc_head nav .doc_title{
margin-top: -0.04rem;
padding: 0.17rem 0 0.24rem 0.17rem;
border-top: 0.1rem solid #eee;
border-bottom:0.05rem solid #eee;
}
#doc_head nav .doc_title a{
font-size: 0.3rem;
color: #2e2d2d;
}
#doc_head nav .doc_title .main_page:before,#doc_head nav .doc_title .eye_page:before{
content: '';
background: url(../images/nav_brandimg.png) no-repeat;
display: inline-block;
width:0.36rem;
height: 0.33rem;
background-size: 0.36rem;
vertical-align: middle;
margin:-0.04rem 0.15rem 0 0;
}
#doc_head nav .doc_title .eye_page:before{
background: url(../images/eye_title.png) no-repeat;
background-size:0.4rem;
width: 0.4rem;
height: 0.35rem;
}
#doc_head nav .doc_title .main_page:after,#doc_head nav .doc_title .main_link:after{
content: '';
display: inline-block;
width: 0.2rem;
height: 0.31rem;
background: url(../images/doc_nav.png);
background-size: 0.2rem;
vertical-align: sub;
margin: 0 0.07rem;
}
/*华夏品牌头部区域样式end*/
/*华夏品牌医院概况主体区域样式start*/
.page #doc_main{
padding: 0.24rem 0.28rem 0.40rem 0.28rem;
}
.page #doc_main .doc_logo img{
width: 5.86rem;
text-align: center;
}
.page #doc_main h2{
color: #006599;
font-size: 0.24rem;
text-align: center;
line-height: 0.83rem;
}
.page #doc_main p{
color: #2b2c2c;
font-size: 0.22rem;
text-indent: 2em;
line-height: 0.40rem;
}
.page #doc_main p span{
color: #ffae26;
}
.page #doc_main .doc_img{
text-indent: 0em;
}
.page #doc_main p img{
width: 4.11rem;
margin: 0.32rem auto 0.29rem;
}
/*华夏品牌医院概况主体区域样式end*/
/*华夏品牌医疗设备列表主体区域样式start*/
.page_devic .doc_content h2,.news_list .doc_content h2,.eye_list .doc_list .doc_content h2{
color: #007bc8;
font-size: 0.3rem;
line-height:0.78rem;
}
.page_devic .doc_list .doc_content,.news_list .doc_list .doc_content,.eye_list .doc_list .doc_content{
width: 5.96rem;
margin: 0 auto;
border-bottom: 0.03rem solid #eeeeee;
}
.page_devic .doc_list .doc_content h2:before,.news_list .doc_list .doc_content h2:before,.eye_list .doc_list .doc_content h2:before{
content: '';
background: url(../images/news_logo.png);
background-size:0.33rem;
display: inline-block;
width:0.33rem;
height: 0.31rem;
vertical-align: middle;
margin-right: 0.17rem;
}
.page_devic .doc_list .doc_content p,.news_list .doc_list .doc_content p,.eye_list .doc_list .doc_content p{
line-height:0.35rem;
width: 5.91rem;
/*height: 0.70rem;*/
overflow: hidden;
white-space:pre-wrap;
text-overflow:ellipsis;
}
.page_devic .doc_list .doc_content a,.news_list .doc_list .doc_content a,.eye_list .doc_list .doc_content a{
font-size: 0.22rem;
color: #434244;
}
.doc_list .doc_content p span{
display: inline-block;
color: #ffae26;
}
.doc_list .doc_page,.doc_layout_list .doc_page,.eye_list .eye_container .doc_page{
font-size: 0.26rem;
padding:0.26rem 0 0.44rem;
color: #7f8182
}
.doc_list .doc_page li,.doc_layout_list .doc_page li,.eye_list .eye_container .doc_page li{
display: inline;
}
.doc_list .doc_page a,.doc_layout_list .doc_page a,.eye_list .eye_container .doc_page a{
color: #7f8182;
padding:0 0.19rem;
}
/*华夏品牌医疗设备列表主体区域样式end*/
/*========华夏品牌医疗设备内容页主体区域样式start===========*/
.main_content .content_article{
padding: 0 0.2rem 0.17rem 0.22rem;
}
.devic_content .content_article h2{
font-size: 0.3rem;
color: #0a0a0a;
line-height: 0.5rem;
}
.devic_content .main_content .article-author{
color:#747779;
font-size: 0.18rem;
}
.tool span:nth-child(1){
color:#747779;
font-size: 0.18rem;
}
.tool span:nth-child(2),.tool span:nth-child(3){
color: #f5f6f9;
display: inline-block;
width:0.28rem;
height: 0.30rem;
font-size: 0.16rem;
text-align: center;
line-height:0.3rem;
background: #868383;
margin-left:0.13rem;
cursor: pointer;
}
.toolText{
background:#007bc8!important;
}
.devic_content .main_content .article-content p{
font-size: 0.22rem;
color: #353636;
line-height: 0.35rem;
}
.devic_content .article-content .article_txt{
text-indent: 2em;
margin: 0.26rem 0;
}
.devic_content .article-content p img{
width: 5.79rem;
}
.devic_content .article-content h3{
font-size: 0.24rem;
color: #353636;
line-height: 0.57rem;
font-weight: 600;
}
.next_prev .article_next_prev{
font-size: 0.24rem;
color: #181919;
}
.next_prev .article_next_prev a{
color: #007bc8;
}
.next_prev .article_next_prev li{
margin-top: 0.17rem;
line-height: 0.4rem;
}
.devic_content .content_list{
border-top: 0.06rem solid #eeeeee;
border-bottom: 0.06rem solid #eeeeee;
margin-bottom: 0.18rem;
}
.devic_content .content_list span{
line-height:0.63rem;
color: #2b2728;
font-size: 0.24rem;
}
.devic_content .content_list .list_title span:nth-child(1):before{
content:'';
display: inline-block;
width:0.04rem;
height: 0.29rem;
background: url(../images/more_cont.png) no-repeat;
background-size: 0.04rem;
margin: 0 0.14rem 0 0.29rem;
vertical-align:middle;
}
.devic_content .content_list .list_title span:nth-child(2){
margin-right: 0.29rem;
}
.devic_content .content_list ul li{
width: 6.07rem;
padding: 0 0.49rem 0 0.32rem;
line-height: 0.69rem;
border-top: 0.02rem solid #eee;
color: #868484;
overflow: hidden;
white-space: nowrap;
text-overflow:ellipsis;
margin: 0 auto
}
.devic_content .content_list ul li a{
font-size: 0.24rem;
color:#3e4041;
}
.devic_content .content_list ul li a:before{
content:'.';
font-size: 0.50rem;
display: inline-block;
margin-right: 0.2rem;
vertical-align:super;
color: #868484;
}
/*=========华夏品牌医疗设备内容页主体区域样式end============*/
/*===========华夏品牌医院环境主体内容区域start==============*/
.doc_surround .surround_content{
padding:0.24rem 0.31rem 0.29rem 0.34rem;
}
.doc_img{
position: relative;
}
.doc_img p{
height: 0.57rem;
width: 100%;
font-size: 0.24rem;
color: #faf7f7;
line-height: 0.57rem;
text-align: center;
position: absolute;
bottom: 0;
left: 0;
background: rgba(59,56,41,0.6);
z-index:2;
border-radius: 0.15rem;
}
.doc_img_top img,.doc_img_top{
width: 5.77rem;
}
.doc_img_left img{
width: 2.24rem;
margin-top: 0.13rem;
}
.doc_img_right img,.doc_img_right{
width: 3.30rem;
}
.doc_img_right{
margin-top: 0.14rem;
}
.doc_img_bot img,.doc_img_bot{
width:5.79rem;
margin-top: 0.14rem;
}
/*===========华夏品牌医院环境主体内容区域end===============*/
/*===========华夏品牌医院楼层分布主体内容区域start===============*/
.doc_floor .floor_content{
padding: 0.19rem 0.22rem 0rem 0.3rem;
margin-bottom: 0.5rem;
}
.doc_floor .floor_content h2{
line-height: 0.75rem;
font-size: 0.36rem;
color: #faf7f7;
text-align: center;
background:#006599;
}
.floor_content ul li{
border: 1px solid #ededed;
}
.floor_content h3{
width: 1.51rem;
line-height: 0.64rem;
text-align: center;
font-size: 0.23rem;
color: #1a63af;
border-right:1px solid #ededed;
}
.floor_content ul li:nth-child(1) h3{
line-height:1.28rem;
}
.floor_content ul li:nth-child(2) h3{
line-height:1.6rem;
}
.floor_content .doc_flink{
width: 4.3rem;
padding: 0.16rem 0.24rem;
}
.floor_content li a{
font-size: 0.23rem;
color: #666666;
margin:0.07rem 0.18rem 0 0;
}
/*===========华夏品牌医院楼层分布主体内容区域end===============*/
/*=============新闻列表的样式start====================*/
/*新闻的头部区域logo*/
.news_logo ul li div img {
width: 0.82rem;
}
/*=============新闻列表的样式end====================*/
/*=============眼科专家的列表页start====================*/
/*眼科专家的头部区域*/
#doc_head .experts_nav{
padding: 0.25rem 0rem 0.25rem 0.09rem;
}
#doc_head .experts_nav h2{
width: 0.47rem;
padding: 0.13rem 0.13rem 0rem 0.13rem;
height: 1.08rem;
background: #ffae26;
}
#doc_head .experts_nav a{
display: inline-block;
}
#doc_head .experts_nav h2,#doc_head .experts_nav a{
color: #fbf9f9;
font-size: 0.18rem;
text-align: center;
}
#doc_head .experts_nav a{
display: inline-block;
width: 100%;
}
#doc_head .experts_nav ul{
/*margin-top: 0.10rem;*/
width: 5.48rem;
margin-left: 0.09rem;
}
#doc_head .experts_nav ul li{
width: 1.25rem;
height: 0.41rem;
line-height: 0.41rem;
background: #006599;
/*margin-top:0.08rem;*/
margin-right: 0.10rem;
color: #fbf9f9;
float: left;
}
#doc_head .experts_nav ul li.ex_list{
margin-top: 0.25rem;
}
/*=============眼科专家的列表页end====================*/
/*=============眼科专家列表页内容start====================*/
.doc_layout_list .main_container .doc_list{
padding:0.3rem 0.34rem 0.15rem 0.2rem;
border-bottom:0.05rem solid #eee;
}
.doc_layout_list .doc_img img{
width: 1.49rem; border-radius: 50%;
}
.doc_layout_list .main_container .doc_des{
width: 4.13rem;
margin-left: 0.24rem;
}
.doc_layout_list .main_container .doc_des h3{
color:#161717;
font-size: 0.22rem;
line-height: 0.39rem;
}
.doc_layout_list .main_container .doc_des h3 span{
font-size: 0.3rem;
color: #007bc8;
margin-right: 0.16rem;
}
.doc_layout_list .main_container .doc_des p{
font-size: 0.18rem;
color:#444443;
line-height: 0.35rem;
height: 0.7rem;
overflow: hidden;
white-space: normal;
text-overflow:ellipsis;
}
.doc_layout_list .main_container .doc_des p span{
color: #ffae26;
font-size: 0.22rem;
margin-right: 0.08rem;
}
.doc_layout_list .main_container .info_btn a{
display: inline-block;
width: 1.42rem;
font-size: 0.2rem;
color: #006599;
line-height: 0.35rem;
text-align: center;
border: 1px solid #006599;
margin:0.17rem 0 0 0.45rem;
border-radius: 0.1rem;
}
.doc_layout_list .main_container .info_btn a:nth-child(2){
color: #fb9048;
border-color:#fb9048;
}
/*=============眼科专家列表页内容end====================*/
/*=============眼科专家内容页start====================*/
.doc_layout_cont .expert_main .expert_head{
background: url(../images/eye_docbj.jpg) no-repeat;
background-size: 6.4rem;
height: 3.80rem;
position: relative;
}
.doc_layout_cont .expert_main .expert_head>img{
width: 5.05rem;
position: absolute;
bottom: 0;
margin-left: -65px;
}
.doc_layout_cont .expert_main .expert_info{
padding-bottom: 0.6rem;
position: absolute;
left: 2.56rem;
top: 0.5rem;
}
.doc_layout_cont .expert_main .expert_info h2{
line-height: 1.16rem;
color: #007bc8;
font-size: 0.36rem;
}
.doc_layout_cont .expert_main .expert_info p{
width:3.05rem;
color: #161717;
font-size:0.22rem;
line-height: 0.43rem;
}
.doc_layout_cont .expert_info .info_links a{
display: inline-block;
width: 1.59rem;
line-height: .49rem;
color: #f8fcfe;
text-align: center;
background: #f99229;
border-radius:0.1rem;
margin: 0.30rem 0 0.50rem;
}
.doc_layout_cont .expert_info .info_links a:nth-child(1){
background: #006599;
margin-right: 0.32rem;
}
.doc_layout_cont .expert_content .doc_info{
padding: 0 0.66rem 0rem 0.44rem;
}
.doc_layout_cont .expert_content .doc_info:nth-child(1){
border-bottom: 0.04rem solid #eee;
}
.doc_layout_cont .expert_content h2{
color: #006599;
font-size: 0.3rem;
line-height: 0.8rem;
}
.doc_layout_cont .expert_content h2:before{
content: '';
display: inline-block;
width: 0.4rem;
height: 0.4rem;
background: url(../images/expert_honor.png) no-repeat;
background-size: 0.4rem;
vertical-align:middle;
margin-top: -0.08rem;
margin-right: 0.16rem;
}
.doc_layout_cont .expert_content .doc_title h2:before{
background: url(../images/expert_doc.png) no-repeat;
background-size: 0.4rem;
}
.doc_layout_cont .expert_content p{
padding-bottom: 0.24rem;
}
.doc_layout_cont .expert_content .doc_title ul{
margin-bottom: 0.58rem;
}
.doc_layout_cont .expert_content li,.doc_layout_cont .expert_content p{
color: #515253;
font-size: 0.24rem;
text-indent: 2em;
line-height: 0.43rem;
}
/*=============眼科专家内容页end====================*/
/*=============就诊指南内容start====================*/
.cure_guid .cure_main img{
width: 6.4rem;
margin: 0.29rem auto 0.92rem;
}
/*=============就诊指南内容end====================*/
/*=============眼病中心的列表页主体区域样式start====================*/
.eye_list .eye_container .eye_expert .expert_des{
padding: 0.27rem 0.54rem 0.22rem 0.20rem;
border-bottom: 0.03rem solid #eeeeee;
}
.eye_list .eye_expert .expert_des>img{
width: 2.41rem;
margin-right:0.16rem;
}
.eye_list .expert_des .expert_content{
width: 2.95rem;
}
.eye_list .expert_des .expert_content .content_title a{
display: inline-block;
width: 2.55rem;
font-size: 0.3rem;
color: #007bc8;
line-height: 0.36rem;
}
.eye_list .expert_des .expert_content .content_img>img{
width:0.22rem;
margin-top:0.07rem;
}
.eye_list .expert_des .expert_content .content_title a:after{
content: '';
display: inline-block;
width:0.49rem;
height: 0.26rem;
background: url(../images/news_hot.png) no-repeat;
background-size:0.49rem;
vertical-align:top;
margin-left: 0.07rem;
}
.eye_list .expert_des .expert_content .des p{
line-height:0.36rem;
height: 1.14rem;
overflow: hidden;
color: #424344;
font-size: 0.21rem;
}
.eye_list .expert_des .expert_content .des a{
display: block;
width: 1.46rem;
height: 0.36rem;
font-size: 0.2rem;
color: #fbfcfc;
text-align: center;
line-height: 0.36rem;
margin: 0 auto;
background: #006599;
border-radius: 0.05rem;
margin-top: 0.15rem;
}
/*左侧展示栏样式start*/
.eye_list .eye_container .depart_nav ul{
width: 4.87rem;
transition:all ease 0.3s;
-moz-transition:all ease 0.3s; /* Firefox 4 */
-webkit-transition:all ease 0.3s; /* Safari 和 Chrome */
-o-transition: all ease 0.3s; /* Opera */
/*display: none;*/
}
.eye_list .eye_container .depart_nav ul li{
/*padding-left:0.43rem;*/
line-height: 0.91rem;
border: 1px solid #e6e5e5;
background: #fff;
box-sizing:border-box;
-moz-box-sizing:border-box; /*Firefox */
-webkit-box-sizing:border-box; /* Safari */
}
.eye_list .eye_container .depart_nav ul li a{
font-size: 0.3rem;
color: #006599;
}
.eye_list .eye_container .depart_nav ul li a:before{
content: '';
display: inline-block;
width: 0.18rem;
height: 0.26rem;
background: url(../images/eye_trangle.png) no-repeat;
background-size: 0.18rem;
margin-left: 0.43rem;
margin-right: 0.17rem;
}
.eye_list .eye_container .depart_nav .show_title{
width: 0.57rem;
padding: 0.22rem 0.19rem 0.17rem 0.17rem;
background: #006599;
border-radius: 0.1rem;
margin-top: 2.9rem;
}
.eye_list .eye_container .depart_nav .show_title a{
font-size: 0.24rem;
color: #fdfefe;
}
.eye_list .eye_container .depart_nav .show_title a:after{
content: '';
display: inline-block;
width: 0.17rem;
height: 0.18rem;
background: url(../images/eye_left.png) no-repeat;
background-size: 0.17rem;
margin: 0.14rem 0 0 0.04rem;
}
.eye_list .eye_container .depart_nav{
position: fixed;
top: 1.91rem;
left: -4.87rem;
z-index: 999;
transition:all ease 0.3s;
-moz-transition:all ease 0.3s; /* Firefox 4 */
-webkit-transition:all ease 0.3s; /* Safari 和 Chrome */
-o-transition: all ease 0.3s; /* Opera */
}
.eye_list .eye_container .eye_colver{
width: 100%;
height: 100%;
background: rgba(0,0,0,0.08);
position: absolute;
top: 0px;
z-index: 998;
display:none;
}
.ul_active{
left: 0rem!important;
transition:all ease 0.3s;
-moz-transition:all ease 0.3s; /* Firefox 4 */
-webkit-transition:all ease 0.3s; /* Safari 和 Chrome */
-o-transition: all ease 0.3s; /* Opera */
}
/*左侧展示栏样式end*/
/*=============眼病中心的列表页主体区域样式end====================*/
/*=============优惠专题的主体区域样式start=======================*/
.special_top .special_container{
padding-bottom:0.31rem;
}
.special_top .special_container .special_img{
position: relative;
margin-top:0.16rem;
left: 0.08rem;
}
.special_top .special_container .special_img img{
width: 6.25rem;
}
.special_top .special_container .special_img p{
width: 6.25rem;
line-height: 0.5rem;
font-size: 0.18rem;
color: #fbf7f7;
background: rgba(0,0,0,0.4);
position: absolute;
bottom: 0;
border-radius:0 0 0.1rem 0.1rem;
}
/*==============优惠专题的主体区域样式start======================*/
/*==============首页导航的华夏医院荣誉的主体区域样式start============*/
#doc_honor .honor_content .doc_logo{
position: relative;
left: 0.31rem;
margin-top: 0.34rem;
}
#doc_honor .honor_content .doc_logo img{
width: 5.77rem;
}
#doc_honor .honor_content .doc_logo p{
width: 5.77rem;
line-height: 0.53rem;
font-size: 0.24rem;
color: #faf7f7;
background: rgba(0,0,0,0.4);
position: absolute;
bottom: 0;
border-radius:0.1rem;
}
#doc_honor .honor_content h3{
width: 1.68rem;
line-height: 0.49rem;
margin: 0.23rem auto 0.37rem;
border: 1px solid #e0dfdf;
}
#doc_honor .honor_content h3 a{
font-size: 0.2rem;
color:#7c7979;
}
/*==============首页导航的华夏医院荣誉的主体区域样式end===========*/
/*===============首页导航栏的发展历程样式start=================*/
.doc_history .history_content{
padding: 0.32rem 0.46rem 0.88rem 0.4rem;
color: #2e2d2d;
text-indent: 2em;
}
.doc_history .history_content .text_title{
text-indent: 0em;
}
.doc_history .history_content h3{
font-weight: bold;
line-height: 0.42rem;
font-size: 0.24rem;
}
.doc_history .history_content p{
font-size: 0.24rem;
line-height: 0.42rem;
}
.doc_history .history_content
/*===============首页导航栏的发展历程样式end=================*/
/*===============首页导航栏的亲切关怀样式start=================*/
.care_page .care_main{
margin-top: 0.4rem;
padding: 0.4rem 0 0.27rem;
}
.care_page .care_main .care_img{
width: 5.85rem;
margin:0 auto;
}
.care_page .care_main .care_img img{
width: 5.85rem;
}
.care_page .care_main .care_img p{
font-size: 0.24rem;
color: #343535;
line-height: 0.39rem;
padding-left: 0.12rem;
margin: 0.36rem 0 0.4rem;
}
/*===============首页导航栏的亲切关怀样式end=================*/
/*==============首页导航栏的来院路线样式start===============*/
#dituContent{
width: 6.05rem;
height: 8.29rem;
border: #ccc solid 1px;
margin: 0.18rem auto 0.5rem;
}
.iw_poi_title {
color:#CC5522;
font-size:14px;
font-weight:bold;
overflow:hidden;
padding-right:13px;
white-space:nowrap
}
.iw_poi_content {
font:12px arial,sans-serif;
overflow:visible;
padding-top:4px;
white-space:-moz-pre-wrap;
word-wrap:break-word
}
/*==============首页导航栏来院路线样式end==================*/
/*===============科室导局部样式start===========*/
.box_wrapper .list_head{
padding: 0.2rem 0;
text-align: center;
background: #0052a6;
color: #fff;
font-size: 0.3rem;
margin-top: 40px;
}
.box_wrapper .list_head .list_inner_logo a,.box_wrapper .list_head .list_inner_right a{
width: 100%;
display: inline-block;
line-height: 0.5rem;
}
.list_head .list_inner_logo a img,.list_head .list_inner_logo,.list_head .list_inner_right,.list_head .list_inner_right img{
width: 0.47rem;
}
.list_head .list_inner_right{
margin-right:0.3rem;
}
.list_head .list_inner_logo{
margin-left: 0.3rem;
}
.list_inner_text{
width: 4.8rem;
text-align: center;
}
.list_inner_text h2{
font-weight: normal;
color: #fff;
font-size: 0.3rem;
line-height: 0.4rem;
}
/*==========科室查询列表样式start===============*/
.hztd_con ul{
padding: 0.3rem 0;
}
.hztd_con ul li:nth-child(-n+3) {
border-top: none;
}
.hztd_con ul li:nth-child(3n+1) {
border-left: none;
}
.hztd_con ul li {
float: left;
width: 2.12rem;
border-left: 1px solid #ebebeb;
border-top: 1px solid #ebebeb;
padding: 0.3rem 0;
}
.hztd_con ul li a{
display: block;
width: 100%;
}
.hztd_con ul li img{
display: block;
width: 1.14rem;
margin: 0 auto;
}
.hztd_con ul li p {
text-align: center;
margin-top:0.16rem;
}
/*===============科室列表页局部样式end===========*/
/*===============科室内容页局部样式start===========*/
/*科室查询内页轮播*/
.slideBox1{
margin-top:0rem;
}
.kscx_text{
padding:0.4rem 0.3rem;
border-bottom: 0.04rem solid #eee;
}
.kscx_text h2{
background: url(../images/ksxq_logo1.png) no-repeat left center;
background-size: 0.32rem;
padding-left: 0.4rem;
height: 0.32rem;
line-height: 0.32rem;
font-size: 0.28rem;
font-weight: normal;
margin-bottom: 0.20rem;
}
.kscx_text p {
line-height: 0.4rem;
color: #666;
text-align: justify;
margin-top: 0.08rem;
}
.kscx_text2{
border-bottom: 0;
padding-bottom: 0;
}
/*常见疾病*/
.kscx_text1 .kscx_inner{
width:6.06rem;
height:1.75rem;
margin-top: 0.17rem;
}
.kscx_inner_lf{
width: 0.11rem;
height:1.75rem;
background: #269eeb;
}
.kscx_inner .kscx_inner_mid{
height: 100%;
width:1.45rem;
background: #fbfbfb;
text-align: center;
}
.kscx_inner .kscx_inner_mid a{
display: inline-block;
}
.kscx_inner .kscx_inner_mid span{
display: inline-block;
text-align: center;
background: url(../images/nk_bza.png) no-repeat center;
background-size: 0.64rem 0.6rem;
width: 0.64rem;
height:0.6rem;
margin: 0.31rem auto 0.25rem;
}
.kscx_inner .kscx_inner_mid h3{
font-weight: normal;
margin-top: 0.072rem;
color: #3582cb;
font-size: 0.28rem;
}
.kscx_inner ul{
width:4.5rem;
height:1.70rem;
border: 1px solid #f5f6f9;
color: #2f2f2f;
font-size: 0.26rem;
border-left: none;
overflow: hidden;
}
.kscx_inner ul li{
width:1.39rem;
text-align: center;
border: 1px solid #ccc;
height: 0.46rem;
line-height: 0.44rem;
margin-right: 0.1rem;
float: left;
margin-bottom: 0.1rem;
border-radius: 0.05rem;
-moz-border-radius:0.05rem;
-webikt-border-radius:0.05rem;
}
.kscx_inner ul li a{
color: #666;
font-size: 0.22rem;
}
.link_more{
padding: 10px;
text-align: center;
border-bottom:0.04rem solid #eee;
}
.link_more a{
display: block;
width: 100%;
color: #E71B1B;
}
.kscx_inner_bg .kscx_inner_mid span{
background: url(../images/nk_bzc.png) no-repeat center;
background-size: 0.64rem 0.6rem;
}
.kscx_inner_bg1 .kscx_inner_mid span{
background: url(../images/nk_bzb.png) no-repeat center;
background-size: 0.64rem 0.6rem;
}
.kscx_inner_bg1 .kscx_inner_lf{
background:#e1a31f;
}
.kscx_inner_bg .kscx_inner_lf{
background:#28c053;
}
/*推荐医师end*/
/*常见问题*/
.kscx_text ul.inner_ques li {
text-align: center;
height: 0.6rem;
line-height:0.6rem;
margin: 0 0 0.1rem 0.1rem;
float: left;
background: #d5e280;
}
.kscx_text ul.inner_ques li a{
display: block;
width: 100%;
white-space: nowrap;
overflow: hidden;
}
.kscx_text .inner_ques:after{
content:'';
display:block;
clear: both;
}
ul.inner_ques li:first-child {
width:3.1rem;
background: #afdbf1;
}
ul.inner_ques li:nth-child(2) {
width:2.48rem;
background: #d5e280;
}
ul.inner_ques li:nth-child(3){
width:2.32rem;
background: #ffbe84;
}
ul.inner_ques li:nth-child(4){
width:1.62rem;
background: #afdbf1;
}
ul.inner_ques li:nth-child(5){
width: 1.54rem;
background: #b6d5be;
}
ul.inner_ques li:nth-child(6){
width:2.52rem;
background: #afdbf1;
}
ul.inner_ques li:nth-child(7){
width:1.56rem;
background: #ffbe84;
}
/*ul.inner_ques li:nth-child(7){
width:1.56rem;
background: #ffbe84;
}*/
ul.inner_ques li:last-child{
width:1.56rem;
background: #b6d5be;
}
/*ul.inner_ques li:nth-child(5){
width:1.32rem;
background: #afdbf1;
}*/
/*===============科室内容页局部样式end===========*/
/*布局样式end*/
@media screen and (max-width: 328px){
#doc_head .experts_nav h2{
height: 1.2rem;
}
#doc_head .experts_nav ul li.ex_list{
margin-top: 0.35rem;
}
}
/*@media screen and (min-width:320px){
html{
font-size: 31.3%;
}
}
@media screen and (min-width:414px){
html{
font-size: 31.3%;
}
}
@media screen and (min-width:480px){
html{
font-size: 31.3%;
}
}
@media screen and (min-width:540px){
html{
font-size: 5.3%;
}
}*/
.pages{margin: 20px auto;}
.pages ul li{display: inline; padding: 10px;}
/*挂号中心单页start*/
.reg_wrapper{
max-width:1024px;
margin: 0 auto;
}
.reg_wrapper #slideBox .hd{
background: none!important;
}
.doc_logo ul.reg_list li{
width: 1.58rem!important;
line-height: 0.7rem!important;
border-top: 0px!important;
}
.reg_wrapper .slideBox{
margin: 0 auto;
}
.reg_wrapper .brand_list ul{
/*border-top: 10px solid #eeeeee;*/
}
.reg_wrapper .brand_list ul li,.word_wrapper .brand_list ul li{
float: left;
width: 3.0rem;
padding: 0.19rem 0 0.19rem 0.19rem;
}
.reg_wrapper .brand_list ul li:nth-child(1),.word_wrapper .brand_list ul li:nth-child(1){
border-right: 1px solid #cccccc;
}
.reg_wrapper .brand_list .brand_img,.reg_wrapper .brand_list .brand_img img,.word_wrapper .brand_list .brand_img,.word_wrapper .brand_list .brand_img img{
width: 0.52rem;
}
.reg_wrapper .brand_text,.word_wrapper .brand_text{
width: 2.35rem;
margin-left: 0.1rem;
}
.reg_wrapper .brand_text h2,.word_wrapper .brand_text h2{
font-weight: normal;
color: #333333;
font-size: 0.24rem;
/*margin-bottom: 0.03rem;*/
}
.reg_wrapper .brand_text h3,.reg_wrapper .reg_bottom .reg_inner_text p,.word_wrapper .brand_text h3,.word_wrapper .reg_bottom .reg_inner_text p{
color: #333;
font-weight: normal;
font-size: 0.18rem;
}
.reg_wrapper .brand_list ul:after,.word_wrapper .brand_list ul:after{
content: '';
display: block;
clear: both;
}
.reg_wrapper .reg_bottom h2,.word_wrapper .reg_bottom h2{
font-weight: normal;
font-size:0.24rem;
background:#44a0fc;
color: #fff;
text-align: center;
line-height: 0.44rem;
}
.reg_wrapper .reg_bottom .reg_inner_text,.word_wrapper .reg_bottom .reg_inner_text{
width: 6.4rem;
margin: 0 auto;
background: #ebebeb;
}
.reg_wrapper .reg_bottom .reg_inner_text>a,.word_wrapper .reg_bottom .reg_inner_text>a{
display: block;
width: 100%;
}
.reg_wrapper .reg_bottom .reg_inner_text p,.word_wrapper .reg_bottom .reg_inner_text p{
line-height: 0.28rem;
text-align: center;
}
.reg_wrapper .reg_dialog li,.word_wrapper .reg_dialog li{
margin-top: 0.15rem;
padding-left: 0.25rem;
}
.reg_wrapper .reg_dialog li .dialog_img,.reg_wrapper .reg_dialog li .dialog_img img,.word_wrapper .reg_dialog li .dialog_img,.word_wrapper .reg_dialog li .dialog_img img{
width: 0.7rem;
height: 0.7rem;
border-radius: 0.45rem;
-webkit-border-radius: 0.45rem;
-moz-border-radius: 0.45rem;
border: 1px solid #ebebeb;
}
.reg_wrapper .dialog_text,.word_wrapper .dialog_text{
width: 4.2rem;
background: #fff;
border: 1px solid #ebebeb;
border-radius: 0.05rem;
-webkit-border-radius: 0.05rem;
-moz-border-radius: 0.05rem;
margin-left: 0.12rem;
position: relative;
}
.word_wrapper .dialog_text{
background-color: #c7e3ff;
box-shadow: 0px 2px 1px 0px
#cccccc;
border: solid 1px rgba(204, 204, 204, 0.51);
}
.reg_wrapper .dialog_text .dialog_logo,.word_wrapper .dialog_text .dialog_logo{
width: 0.13rem;
height: 0.16rem;
background:url(../images/dialog_icon.png) no-repeat;
background-size: 0.13rem;
position: absolute;
left: -0.13rem;
top: 0.25rem;
}
.word_wrapper .dialog_text .dialog_logo{
background:url(../images/foot_icon1.png) no-repeat;
background-size: 0.13rem;
}
.reg_wrapper .dialog_text p,.word_wrapper .dialog_text p{
padding: 0.10rem;
text-align: left!important;
}
.reg_wrapper .dialog_text p img,.word_wrapper .dialog_text p img
/*width: 0.22rem;*/
}
/*.reg_wrapper .dialog_text p a,.word_wrapper .dialog_text p #telId{
display: inline!important;
font-size: 0.18rem;
color: #c32222!important;
font-weight: bold;
}*/
/*.reg_wrapper .dialog_text p span,.word_wrapper .dialog_text p span{
color: #999999;
font-size: 0.18rem;
font-weight: normal;
}*/
.reg_wrapper .reg_bottom .dialog_bot_img img,.word_wrapper .reg_bottom .dialog_bot_img img{
width: 6.4rem;
}
.reg_wrapper .reg_bottom .dialog_bot_img,.word_wrapper .reg_bottom .dialog_bot_img{
margin-top: 0.15rem;
/*padding-bottom: 0.34rem;*/
background: #fff;
}
.reg_wrapper .reg_bottom .dialog_img a,.word_wrapper .reg_bottom .dialog_img a{
display: block;
}
.reg_wrapper .reg_bottom,.word_wrapper .reg_bottom1{
width: 100%;
background: #ebebeb;
padding-bottom: 45vh;
}
.reg_wrapper .dialog_bot_img,.word_wrapper .dialog_bot_img{
width: 6.4rem;
position: fixed;
bottom: 0;
left:50%;
margin-left: -3.2rem;
}
/*挂号中心单页end*/
/*搜索词页面start*/
.word_wrapper{
max-width: 768px;
margin: 0 auto;
}
.word_wrapper .banner_nav a{
display: block;
}
.word_wrapper .nav_icon1 a{
padding-left: 0.20rem;
}
.word_wrapper .nav_icon1 a img{
width: 0.61rem;
}
.word_wrapper .nav_icon1 a img:nth-child(2){
padding: 0 0.3rem;
}
.word_wrapper nav .doc_logo ul li{
border-top: 0;
width: 24.5%;
}
.word_wrapper nav .doc_logo ul{
border-top: 0.1rem solid #eee;
}
.word_wrapper .banner_nav img{
width:100%;
margin: 0 auto;
}
.word_wrapper .banner_nav{
border-bottom: 0.1rem solid #eee;
}
.word_wrapper .reg_bottom>h2 a{
margin-left: 0.25rem;
color: #fff;
}
.word_wrapper .reg_bottom>h2 a:nth-child(2){
padding: 0.02rem 0.23rem;
background-color: #fead44;
border-radius:0.05rem;
-moz-border-radius:0.05rem;
-webkit-border-radius:0.05rem;
}
.reg_wrapper .dialog_text p a,.word_wrapper .dialog_text p #telId{
display: inline!important;
font-size: 0.18rem;
color: #c32222!important;
font-weight: bold;
}
.reg_wrapper .dialog_text p span,.word_wrapper .dialog_text p span{
color: #333333;;
font-size: 0.18rem;
font-weight: normal;
}
.word_wrapper .dialog_bot_img{
padding: 0.25rem 0 0.2rem;
}
.word_wrapper .dialog_bot_img img{
width: 0.7rem;
}
.word_wrapper .dialog_bot_img input{
width: 4.82rem;
height: 0.52rem;
line-height: 0.52rem;
outline: none;
border: none;
background-color: #ffffff;
border-radius:0.05rem;
-webkit-border-radius:0.05rem;
-moz-border-radius:0.05rem;
border: solid 1px #44a91b;
}
.word_wrapper .dialog_bot_img button{
width: 0.67rem;
height:0.52rem;
background-color: #44a0fc;
border-radius:0.05rem;
-webkit-border-radius:0.05rem;
-moz-border-radius:0.05rem;
outline: none;
border: 0;
font-size:0.22rem;
font-stretch: normal;
line-height: 0.52rem;
color: #ffffff;
}
.word_wrapper .reg_inner_text>a>p{
line-height: 0.44rem!important;
}
.word_wrapper .reg_bottom_pop .reg_bottom>h2 a:nth-child(2){
background: none;
}
.word_wrapper .reg_bottom_pop{
width: 6.4rem;
position: fixed;
bottom: 0;
left: 50%;
margin-left: -3.2rem;
background: #fff;
display: none;
}
.word_wrapper .reg_dialog ul li:nth-child(2){
margin-bottom: 0.58rem!important;
}
.word_wrapper .reg_dialog ul li:nth-child(2){
margin-top: 0.44rem;
}
.word_wrapper .reg_bottom_pop .dialog_bot_img1{
background: #fff;
padding: 0.25rem 0 0.20rem;
}
.word_wrapper .reg_bottom_pop .dialog_bot_img1>a{
display: inline-block;
width: 1.45rem;
height: 0.50rem;
line-height: 0.5rem;
font-size: 0.28rem;
font-weight: bold;
text-align: center;
position: relative;
font-weight: bold;
color: #fff;
background-color: #44a0fc;
border-radius: 0.05rem;
-webkit-border-radius: 0.05rem;
-moz-border-radius: 0.05rem;
}
.word_wrapper .reg_bottom_pop .dialog_bot_img1>a:nth-child(1){
background-color: #fead44;
margin: 0 1.11rem 0 1.14rem;
}
.word_wrapper .reg_bottom_pop .dialog_bot_img1>a:before{
content:'5';
display: block;
width: 0.35rem;
line-height: 0.35rem;
color: #fff;
font-weight: bold;
text-align: center;
font-size: 0.24rem;
background: #fe0000;
border-radius: 0.18rem;
-webkit-border-radius: 0.18rem;
-moz-border-radius: 0.18rem;
position: absolute;
top:-0.18rem;
left:-0.18rem;
}
.word_wrapper .reg_bottom_pop .dialog_bot_img1>a:nth-child(2):before{
content: '3';
}
.word_wrapper .reg_bottom>h2{
line-height: 0.65rem;
}
.word_wrapper .reg_bottom_pop>span{
display: block;
width:0.43rem;
line-height: 0.43rem;
border-radius: 0.25rem;
-webkit-border-radius: 0.25rem;
-moz-border-radius: 0.25rem;
position: absolute;
right: 0.12rem;
top: 0.12rem;
background: #ffb842;
color: #45a0fd;
font-size: 0.30rem;
font-weight: bold;
text-align: center;
}
/*搜索词页面end*/
/*首页二维码复制start*/
.code_wrapper{
width: 100%;
text-align: center;
padding-top: 0.17rem;
position: relative;
}
.code_wrapper p{
color: #bd0a25;
font-size: 0.24rem;
line-height: 0.3rem;
cursor: pointer;
}
.code_wrapper #code_text1{
position: absolute;
top: 0px;
left: -200px;
opacity: 0;
border-color: transparent;
filter:alpha(opacity=0); /*filter 过滤器 兼容IE678*/
z-index: -10;
}
.code_wrapper p i{
background: #bd0a25;
color: #fff;
display: inline-block;
padding: 0.05rem 0.2rem;
border-radius: 0.05rem;
-webkit-border-radius: 0.05rem;
-moz-border-radius: 0.05rem;
cursor: pointer;
}
.code_wrapper p span{
text-decoration: underline;
}
/*首页二维码复制end*/
/*文章banner图start*/
.content_wrapper_banner{
padding: 0.1rem 0px;
width: 100%;
height: 1.3rem;
overflow: hidden;
/*height: 0.5rem;*/
margin-bottom: 0.1rem;
}
.content_wrapper_banner a,.content_wrapper_banner a img{
display: block;
width: 100%;
height: 1.23rem;
/*height: 0.5rem;*/
}
.content_wrapper_banner .tab_slide2{
position: relative;
width:100%;
/*margin: 0 auto;*/
}
.content_wrapper_banner .tab_slide2 .list_bd{
position: relative;
height: 1.23rem;
overflow: hidden;
z-index: 0;
}
.content_wrapper_banner .tab_slide2 .list_hd{
width: 0.9rem;
position: absolute;
bottom:0.15rem;
left: 50%;
margin-left: -0.45rem;
z-index: 1;
}
.content_wrapper_banner .tab_slide2 .list_hd li{
display: inline-block;
width: 0.05rem;
height: 0.05rem;
background-color: transparent;
border-radius: 0.05rem;
-webkit-border-radius: 0.05rem;
-moz-border-radius: 0.05rem;
font-size: 0px;
margin-left: 0.2rem;
}
.content_wrapper_banner .tab_slide2 .list_hd li.on{
width: 0.2rem;
margin-left: 0.15rem;
}
.content_wrapper_banner .tab_slide2 .list_bd li img{
/*width: 6.4rem;*/
width: 100%;
height: 1.23rem;
}
/*文章banner图end*/
@media screen and (min-width:640px){
html{font-size:100px;}
}
@media screen and (min-width:414px) and (max-width:639px){
html{font-size:66px;}
}
@media screen and (min-width:375px) and (max-width:413px){
html{font-size:58px;}
}
@media screen and (min-width:320px) and (max-width:374px){
html{font-size:50px;}
}
/*右侧咨询按钮*/
.zx_right{
position: fixed;
right: 0;
top: 40%;
z-index: 999;
}
.right_box{
width: 0.9rem;
height: 0.9rem;
border-radius: 50%;
background: #0052a6;
opacity:0.8;
}
.right_box a{
width: 0.9rem;
height: 0.9rem;
display: block;
font-size: 0.22rem;
color: #fff;
font-weight: bold;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
text-align: center;
padding-top: 0.13rem;
margin-top: 0.15rem;
}
/*右侧咨询按钮end*/
/*网站地图*/
.sitemap ul{
padding-top: 20px;
}
.sitemap ul li{
padding-bottom: 15px;
margin-bottom: 15px;
display: block;
border-bottom: 1px solid #333;
}
.sitemap ul li dl dt{
margin-bottom: 15px;
display: block;
background: #ddd;
border-radius: 5px;
border-left: 5px solid #0565c9;
}
.sitemap ul li dl dt a{
text-align: left;
color: #fff;
font-size: 18px;
display: block;
text-indent: 1em;
font-weight: 700;
line-height: 2;
}
.sitemap ul li dl dd{
margin-bottom: 15px;
text-align: left;
font-size: 16px;
display: inline-block;
margin-left: 20px;
line-height: 2;
}
.sitemap ul li dl dd a{
display: block;
color: #333;
line-height: 2;
padding-left: 5px;
padding-right: 5px;
border: 1px solid #e6e6e6;
border-radius: 3px;
}