html, body { height: 100%; }

html { /*font-size: 100%;*/ }

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0 }

ul, ol { list-style: none }

.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.cl { zoom: 1; }

a { text-decoration: none;  color:#444;}

h2, h3, h4 { font-family: "Microsoft YaHei"; }

html{ font-size:125%;}

body {  font-size:12px; font:1rem "microsoft yahei", "Tahoma", \5b8b\4f53, Arial;color: #444; /*background-color:#f3f3f3;*/}

.wp { width: 100%; min-width: 320px; max-width: 640px; margin:0 auto;}

.lay { padding-left:0% !important; padding-right:1% 0important; margin-top: 7%;}

.fl{ float:left;}

.fr{ float:right;}

.acolor{ color:#e02828;}

img{ border:none; border:0;}







/*head*/

.head{ background-color:#fff;}

.head .top{ height:69px; height:4.65rem; overflow:hidden; padding:0; }

.top .top_logo{ display: block; float: left; height:100%;}

.top .top_logo img{ width:100%; height:auto; max-height:95px;}

.top .top_r{ display: block; float: right; padding:0.38rem 0; width:24%;}

.top_r a{ display: block; float: left; height:100%; width:36.8%; margin-left:0.79rem;}

.top_r img{ width:100%; height:auto;}

/*搜索*/

.ss{ height:2.15rem; overflow:hidden; margin:1.5rem 0; border:0.1rem solid #3aa0c4; background-color:#FFF;}

.ss .ss_l input{float: left; height:100%; width:81%; font-family:"微软雅黑"; font-size:1.3rem; color:#acabab; line-height:2.15rem; border:none;}

.ss .ss_r input{float: right; height:100%; width:19%; font-family:"微软雅黑"; border:none; background-color:#3aa0c4; text-align:center; font-size:1.3rem; color:#fff; line-height:2.15rem;}

/*banner*/

.banner{ height:9.4rem; margin-top:0.75rem;}

.banner img{ width:100%; height:auto; max-height:188px;}

/*nav*/

.nav{ height:7.2rem; overflow:hidden; margin:30px 0; margin:1.5rem 0; position:relative;}

.nav .nav1{ float:left; width:25%; height:100%; overflow:hidden; text-align:center;}

.nav1 img{ width:5rem; height:5rem;}

.nav1 p a{line-height:2.5rem; font-size:1.2rem;}

/*前列腺专科*/

.qlxzk{ height:17.6rem; overflow:hidden;}

.qlxzk .qlxzku{ float:left; width:100%; height:1.7rem; overflow:hidden;}

.qlxzku .qlxzku_l{ float:left; width:5px; width:0.83%; height:100%; background-color:#1086c0;}

.qlxzku .qlxzku_r{ float:right; width:97.5%; height:97%; border-bottom:1px solid #81bcd9;}

.qlxzku_r span a{font-family:"微软雅黑"; font-size:1.35rem; color:#1086c0; line-height:1.65rem;}

.qlxzku_r p{ float:right; width:50%; text-align:right;font-family:"微软雅黑"; font-size:1rem; color:#e02828; line-height:1.65rem;}

.qlxzku_r p a{font-family:"微软雅黑"; font-size:1rem; color:#e02828; line-height:1.65rem;}



.qlxzk .qlxzkm{ float:left; width:598px; width:99.6%; height:6.55rem; overflow:hidden; margin:23px 0; margin:1.15rem 0; background-color:#e1f9ff; border:1px solid #d5d5d5;}

.qlxzkm .qlxzkm_l{ float:left; width:31.7%; height:97%; margin:1px; margin:0.08rem;}

.qlxzkm_l img{ width:100%; height:100%; max-height:129px;}

.qlxzkm .qlxzkm_r{ float:right; width:61.3%; height:97%; margin-right:2.5%;}

.qlxzkm_r p{ float:left; width:100%; height:31%; margin-top:0.45rem; text-align:center;font-family:"微软雅黑"; font-size:1.2rem; color:#444; line-height:2rem;}

.qlxzkm_r p a{ color:#444;}

.qlxzkm_r span{ float:left; width:100%; height:62%;font-family:"微软雅黑"; font-size:1.1rem; color:#909090; line-height:1.5rem;}

.qlxzkm_r a{ color:#e02828;}



.qlxzk .qlxzkd{ float:left; width:100%; height:6.5rem; overflow:hidden;}

.qlxzkd .qlxzkdu{ float:left; width:100%; height:45%; overflow:hidden; margin-bottom:1.3%; text-align:center;}



.qlxzkd .qlxzkd1{ float:left; width:142px; width:23.2%; height:86.4%; overflow:hidden; border:1px solid #d5d5d5; margin-right:1.4%; background-color:#FFF; text-align:center;}

.qlxzkd1 a{font-family:"微软雅黑"; font-size:1.15rem; color:#444; line-height:2.45rem;}



.qlxzkd .qlxzkd2{ float:right; width:142px; width:23.5%; height:86.4%; overflow:hidden; border:1px solid #d5d5d5; background-color:#FFF; text-align:center;}

.qlxzkd2 a{font-family:"微软雅黑"; font-size:1.15rem; color:#444; line-height:2.45rem;}



/*专家团队*/

.zjtd{ width:598px; width:99.6%; height:11.7rem; overflow:hidden; background-color:#FFF; border:1px solid #d5d5d5;}

.zjtd .zjtdu{ float:left; width:95%; height:2.5rem; margin-left:2.5%; margin-right:2.5%; border-bottom:1px solid #87c2df;}

.zjtdu span{ float:left; width:50%; text-align:left;font-family:"微软雅黑"; font-size:1.35rem; color:#1086c0; line-height:2.8rem;}

.zjtdu a{ float:right; width:50%; text-align:right;font-family:"微软雅黑"; font-size:1rem; color:#e02828; line-height:3rem;}



.zjtd .zjtdd{ float:left; width:95%; height:7.35rem; margin-top:0.95rem; margin-left:2.5%; margin-right:2.5%;}

.zjtdd .zjtdd1{ float:left; width:46.4%; height:100%;}

.zjtdd1 .zjtdd1_l{ float:left; width:49.2%; height:100%;} 

.zjtdd1_l img{ float:left; width:100%; height:100%; max-height:147px; max-width:130px;}



.zjtdd1 .zjtdd1_r{ float:right; width:46.2%; height:100%;}

.zjtdd1_r p{ float:right; width:100%; height:1.8rem;font-family:"微软雅黑"; font-size:1.2rem; color:#444; line-height:1.8rem;}

.zjtdd1_r span{ float:right; width:100%; height:3.55rem;font-family:"微软雅黑"; font-size:1.1rem; color:#777; line-height:1.5rem;}

.zjtdd1_r a{ float:right; width:100%; height:2rem; text-align:center;font-family:"微软雅黑"; font-size:0.95rem; color:#FFF; line-height:2rem; background-color:#ffa60b;}



/*男科热点*/

.nkrd{ width:598px; width:99.6%; height:auto; margin:30px 0; margin:1.5rem 0; overflow:hidden; background-color:#FFF; border:1px solid #d5d5d5;/* padding-bottom:1.5rem;*/}

.nkrd .nkrdu{ float:left; width:95%; height:2.5rem; margin-left:2.5%; margin-right:2.5%; border-bottom:1px solid #87c2df;}

.nkrdu span{ float:left; width:50%; text-align:left;font-family:"微软雅黑"; font-size:1.35rem; color:#1086c0; line-height:2.8rem;}

.nkrdu a{ float:right; width:50%; text-align:right;font-family:"微软雅黑"; font-size:1rem; color:#e02828; line-height:3rem;}



.nkrd .nkrdd{ float:left; width:95%; height:7.4rem; margin-top:0.5rem; margin-left:2.5%; margin-right:2.5%;}

.nkrd .nkrdd li{ float:left; width:100%; height:1.85rem;}

.nkrd .nkrdd li a{ float:left; width:73%; height:1.85rem;font-family:"微软雅黑"; font-size:1.1rem; color:#676767; line-height:1.85rem;}

.nkrd .nkrdd li span{ float:right; width:27%; height:1.85rem; text-align:right; font-family:"微软雅黑"; font-size:0.9rem; color:#aaa; line-height:1.85rem;}

/*咨询预约平台*/

.zxyy{ width:598px; width:99.6%; height:8.9rem; margin-bottom:30px; margin-bottom:1.5rem; overflow:hidden; background-color:#FFF; border:1px solid #d5d5d5;}

.zxyy .zxyyin{ float:left; width:100%; height:6.15rem; margin-top:1.4rem;}

.zxyyin .zxyyin1{ float:left; width:22.8%; height:6.15rem; text-align:center;}

.zxyyin1 img{ width:4.15rem; height:4.1rem; text-align:center;}

.zxyyin1 p a{line-height:3.1rem; font-size:1.2rem;}



.zxyyin .zxyyin_line{ float:left; width:1px; height:6.15rem; background-color:#d5d5d5; margin-left:0.3rem; margin-right:0.35rem;}

/*底部*/

.foot1{ background-color:#5ab1dc;}

.foot1 .foot1in{ height:53px; height:2.65rem; text-align:center;}

.foot1in a{ padding:0 14px; padding:0 0.7rem; font-family:"微软雅黑"; font-size:1.2rem; color:#FFF; line-height:2.65rem;}



.foot2{ background-color:#37a1d6;}

.foot2 .foot2in{ height:150px; height:7.5rem; padding-bottom:5rem; padding-top:1.1rem; text-align:center;font-family:"微软雅黑"; font-size:1.2rem; color:#FFF; line-height:2.2rem;}



.foot3{ background-color:#2291c7;}

.foot3 .foot3in{ height:141px; height:7.05rem;}

.foot3in img{ float:left; width:33.2%; height:7.05rem; max-height:141px;}

/*底部悬浮导航--menu*/

#menu { position: fixed; bottom: 0;  z-index: 999; background: #2291c7;height:7.05rem; width:100%;left:0; }

#menu .wp .lay .btm{height:7.05rem;}

#menu .wp .lay .btm img{ float:left; width:33%; height:7.05rem; max-height:141px; display:block;}







@media only screen and (max-width: 640px){

.wp { max-width: 640px; }



}

@media only screen and (max-width: 600px) {

.wp { max-width: 600px; }

html { font-size:100%;}

}

@media only screen and (max-width: 480px) {

.wp { max-width: 480px; }

html { font-size:75%;}

.box_title{ font-size:1.5rem;}

}

@media only screen and (max-width: 320px) {

.wp { max-width: 320px; }

html { font-size:62.5%;}

.part .title{height:2.5rem; line-height:2.5rem;}

}







/*替换热点*/

.wp02 { height: auto; overflow: hidden; zoom: 1; }

.wp02 dl { height: auto; overflow: hidden; zoom: 1; border: 1px solid #e5e5e5; padding: 0.5rem; margin: 1.4rem 0 0;background:#ededed;}

.wp02 dl dt {font-size:1.5rem;float: left; width: 5.5rem; height: 7rem;overflow: hidden; background: #ededed; }



.wp02 dl dt img { width: 4.35rem; height: 4.85rem; display: block; }

.wp02 dl dd { float: left; width: 25rem; line-height: 3.1rem; margin-top: 0.1rem; margin-left:0.2rem;}

/*.wp02 dl dd a { color: #333; margin: 0 0.5rem 0 0.7rem; font-weight:bold;}*/

.wp02 dl dd a { color: #333; margin: 0 0.5rem 0.5rem 0;display:block; float:left; width:30%; border:0.1rem solid #E5E5F6; text-align:center;}

.wp02 dl dd a.red { color: #ff0000 }

.wp02 dl dd a.zj_a { margin: 0 2rem !important }

.zz_bot { margin: 1.25rem 0.5rem 0.5rem; height: auto; overflow: hidden; zoom: 1; }

.zz_bot h2 { float: left; width: 6.05rem; height: 8.1rem; }

.zz_bot h2 img { width: 6.05rem; height: 8.1rem; }

.zz_bot ul { width: 17.5rem; overflow: hidden; zoom: 1; float: left; }

.zz_bot ul li { float: left; width: 8.65rem; height: 2.3rem; line-height: 2.3rem; text-align: center; background: #a5d3b6; margin: 0 0 1px 1px; }

.zz_bot ul li a { color: #FFF; }

.zz_bot ul li:nth-child(2), .zz_bot ul li:nth-child(5) { background: #65b7da }

.zz_bot ul li:nth-child(3) { height: 3.15rem; line-height: 1.5rem; background: #15b9b0; padding-top: 0.25rem; }

.zz_bot ul li:nth-child(4) { height: 3.4rem; line-height: 3.4rem; background: #24abab; }

.zz_bot ul li:nth-child(6) { background: #a5d3b6 }

.zz_bot ol { width: 7.45rem; float: right; overflow: hidden; zoom: 1; }

.zz_bot ol li { width: 7.5rem; height: 4.05rem; background: #e49494; line-height: 4.05rem; text-align: center; }

.zz_bot ol li:nth-child(2) { margin-top: 1px; background: #e9ad7b }

.zz_bot ol li a { color: #FFF; }