/**公共样式**/

body{ font-family:"Microsoft YaHei";color:#333;font-size:16px;}

body,div,img,h2,h3,h4,h5,p,dd,dl,em,form,span{margin:0;padding:0;border:0;}

ul,li{list-style:none;margin:0;padding:0}

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

a:hover{filter:alpha(opacity=80);-khtml-opacity: 0.8;opacity:0.8;}

p{color:#333333;}

table,table td,table th{/*border:1px solid #FFF;*/border-collapse:collapse;}

img{border:0px none;}

body{ max-width:640px;min-width:320px;margin:0 auto; background:#FFFFFF;overflow-x:hidden;}

em,i{font-style:normal;}

input[type="button"], input[type="submit"], input[type="reset"] {

-webkit-appearance: none;

}

textarea { -webkit-appearance: none;}

/*.imgopacity{

cursor:pointer;

filter: Alpha(opacity=20); 

-moz-opacity:0.2;

opacity:0.2;}

.imgopacity:hover{

filter: Alpha(opacity=100);  

-moz-opacity:1;

opacity:1;}*/



#top{position:relative;}

#top img{width:100%;}

.juli{height:1rem;width:100%;clear:both;}.clear{clear:both;}

.w96{width:96%;margin:0 auto;}

.title{height:4rem;line-height:4rem;width:100%;color:#fff;font-size:1.8rem;

       background:-webkit-linear-gradient(#0671de,#035ab2); /* Safari 5.1 - 6.0 */

       background: -o-linear-gradient(#0671de,#035ab2); /* Opera 11.1 - 12.0 */

       background: -moz-linear-gradient(#0671de,#035ab2); /* Firefox 3.6 - 15 */

       background: linear-gradient(#0671de,#035ab2); /* 标准的语法（必须放在最后）*/}

.title b em{background:url(../images/bj.png) no-repeat scroll -40px 0px;width:22px;height:22px;display:block;float:left;margin-top:1rem;margin-left:0.5rem;margin-right:0.5rem;}

.title a{width:20%;display:block;float:right;color:#fff;font-size:1rem;text-align:center;

       background:-webkit-linear-gradient(#fa9116,#dc0e27); /* Safari 5.1 - 6.0 */

       background: -o-linear-gradient(#fa9116,#dc0e27); /* Opera 11.1 - 12.0 */

       background: -moz-linear-gradient(#fa9116,#dc0e27); /* Firefox 3.6 - 15 */

       background: linear-gradient(#fa9116,#dc0e27); /* 标准的语法（必须放在最后）*/}

.clickphone{display:inline-block;width:33%;height:3.3rem;position:absolute;bottom:2.5rem;left:3rem;}

@media only screen and (max-width:640px){.clickphone{bottom:2rem;left:2.5rem;}}

/*头部+导航*/

.top{background:#0671de;width:100%;height:6rem;}

.top .top1{width:75%;height:6rem;float:left;}.top .top1 a img{height:6rem;}

.top .top2{background:#05407d;width:1px;height:6rem;float:left;border-right: 1px solid #69a7e5;}

.top .top3{width:24%;height:6rem;float:right;}.top .top3 a{color:#b8d4f1;width:100%;height:6rem;display:block;font-size:1rem;text-align:center;}

.top .top3 a em{background:url(../images/bj.png) no-repeat scroll 0px 0px;width:30px;height:25px;display:block;margin:0 auto;margin-top:0.7rem;}

.topa{width:100%;height:3rem;background:#ececec;line-height:3rem;font-size:1rem;}.topa li{padding-left:5px;padding-right:5px;color:#05286e;}

.topnov{width:100%;background:#02264b;opacity:0.95;color:#aecef0;z-index:99999;position:absolute;left:0px;}

.topnov span{width:100%;height:6rem;line-height:6rem;left:0px;top:0px;position:fixed;background:#02264b;opacity:1;z-index:214748364711 !important;}

.topnov span em{float:left;font-size:2rem;font-weight: bold;padding-left:15px;}

.topnov span a{float:right;padding-right:15px;}.topnov span a i{background:url(../images/bj.png) no-repeat scroll -80px 10px;width:40px;height:40px;display:block;margin:0 auto;margin-top:1rem;float:left;}

.topnov ul p{font-size:16px;color:#fff;line-height:3rem;}

.topnov ul li{width:33.33%;float:left;}.topnov ul li a{display:block;border:1px solid #aecef0;color:#aecef0;text-align:center;padding:5px;margin:5px;}



/*banner*/

.banner{width:100%;position:relative;overflow:hidden;margin-top:1px;}

.banner .hd{height:20px;line-height:10px;text-align:center; margin-top:-20px;z-index:99999;}

.banner .hd li{ display:inline-block; width:14px; height:14px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; background:rgba(0,0,0,0.7);text-indent:-9999px; overflow:hidden; margin:0 3px;}

.banner .hd li.on{opacity:0.5;}

.banner .bd li{ position:relative; text-align:center; }

.banner .bd li img{ vertical-align:top; display:block; width:100%;}

.banner .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  } 



/*网页导航*/

.daohan{margin-top:5px;}

.daohan li{width:25%;float:left;}

.daohan li a{display:block;margin:5px;padding:3px;background:#eee;border:1px solid #dcdcdc;text-align:center;font-size:1.2rem;}

.daohan li a em{background:url(../images/bj.png) no-repeat;width:50px;height:50px;margin:0 auto;display:block;}

#channel{background:#fff;overflow:hidden;padding:20px 0;}

#channel ul{overflow:hidden}

#channel ul li{width:25%;float:left;text-align:center;padding-bottom:1rem;}

#channel ul li p{text-indent:0;font-size:20px;}

#channel ul li p a{color:#444}

.foot{clear:both;width:100%;height:150px;color:#fff;background:#9e7c56; overflow:hidden;text-align:center;margin:0 auto; /*margin-bottom:60px;*/}

.foot nav{width:100%;height:34px;margin-bottom:8px;border-bottom:1px solid #fff;}

.foot nav a{float:left;width:33%;font-size:14px;line-height:34px;color:#fff;}

.foot span{clear:both;line-height:20px;color:#fff;font-size:12px;}

@media screen and (min-width:300px) and (max-width:639px){ 

 #channel{padding:10px 0;}

 #channel ul li p{font-size:14px;}

}



/*看男科到协佳医院*/

.knk ul{width:100%;height:4rem;line-height:4rem;background:#eee;text-align:center;font-size:1.5rem;}

.knk ul li{width:50%;float:left;}

.knk p{padding-bottom:15px;text-indent:2em;}

.knk span{float:left;width:50%;font-size:0.8rem;color:#777;line-height:1.6rem;}

.knk span em{float:left;height:3.5rem;line-height:3.5rem;width:5rem;color:#fff;text-align:center;font-size:1rem;margin-right:3px;font-weight:bold;}

.knk span i{line-height:0.1rem;font-size:0.8rem;color:#777;padding-right:3px;}

.knk .s1{background:#fa9116;}.knk .s2{background:#dc0e27;}.knk .s3{background:#71bf44;}.knk .s4{background:#0671de;}

.knk ul .an_1{color:#fff;font-weight:bold;background:-webkit-linear-gradient(#0671de,#035ab2); /* Safari 5.1 - 6.0 */

    background: -o-linear-gradient(#0671de,#035ab2); /* Opera 11.1 - 12.0 */

    background: -moz-linear-gradient(#0671de,#035ab2); /* Firefox 3.6 - 15 */

    background: linear-gradient(#0671de,#035ab2); /* 标准的语法（必须放在最后）*/}

.knk .an_1a{width:0; height:0; border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #035ab2;margin-left:23%;}

.knk .an_2a{width:0; height:0; border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #035ab2;margin-left:73%;}

.news li{width:100%;background:#f5f5f5;}

.news li a{display:block;padding:10px;color:#333;}

.news li a em{width:35%;float:left;padding-right:10px;}

.news li a b{font-size:1.2rem;font-weight:normal;}

.news li a p{font-size:0.8rem;color:#777;padding-top:1.4rem;}.news li a p span{float:right;}

	

/*专家特色诊疗区*/	

.zjts{border-bottom: 1px dashed #b3b3b3;}

.zjts li{width:48%;float:left;}.zjts a{color:#fff;}

.zjts li p a{text-align:center;display:block;padding:1rem;border-radius:0.8rem;font-size:1rem;}

.zjts li p a b{font-size:1.3rem;}

.zjts li span{margin-top:8px;display:block;width:50%;float:left;}

.zjts li span a{display:block;text-align:center;padding:0.5rem;font-size:1.3rem;border-radius:0.8rem;}

.zjts1{background:#3caaaa;}.zjts2{background:#f48a8a;}.zjts3{background:#90c2f4;margin-left:4%;}

.zjts4{background:#aa60ad;}.zjts5{background:#00bf8f;}.zjts6{background:#3ebad5;margin-left:4%;}

.zjts_an li{width:25%;float:left;font-size:1.2rem;text-align:center;}

.zjts_an li a{display:block;margin:5px;line-height:3rem;background:#f3f3f3;border:1px solid #d6d6d6;}

.zjts_cx{font-size:1.8rem;color:#045cb5;}.zjts_cx b{width:60%;margin-left:5%;display:block;float:left;text-align:right;}

.zjts_cx a{display:block;padding:6px;text-align:center;color:#fff;font-size:1rem;line-height:2rem;width:20%;float:left;border-radius:0.5rem;border:1px solid #95111b;

          background:-webkit-linear-gradient(#fa9116,#dc0e27); /* Safari 5.1 - 6.0 */

          background: -o-linear-gradient(#fa9116,#dc0e27); /* Opera 11.1 - 12.0 */

          background: -moz-linear-gradient(#fa9116,#dc0e27); /* Firefox 3.6 - 15 */

          background: linear-gradient(#fa9116,#dc0e27); /* 标准的语法（必须放在最后）*/}



/*热门问答*/

.rmwd{background:#f0f7fd;}

.rmwd em{display:block;width:100%;background:#cbdceb;height:1px;clear:both;border-bottom:1px solid #fff;}

.rmwd b{font-size:1.3rem;display:block;padding:8px;}

.rmwd  li{width:33.33%;float:left;}.rmwd li a{color:#1005fa;font-size:0.9rem;font-family:"SimSun","Arial Narrow";padding:2px;line-height:1.8rem;}



/*名医专家*/

.myzj span{width:35%;padding-right:10px;float:left;}

.myzj p{font-size:1rem;padding-bottom:0.7rem;}.myzj p b{padding-right:4px;font-size:1.3rem;}

.myzj .myzj1 a{display:block;background:#f3f3f3;border:1px solid #d6d6d6;float:left;font-size:1.2rem;padding:0.4rem 1rem 0.4rem 1rem;margin-right:0.5rem;} 

.myzj .myzj2 a{display:block;width:31%;float:left;margin-right:2%;}



/*看男科选协佳*/

.knkxx li{background:#f5f5f5;font-size:1.2rem;padding:8px;}

.knkxx li em{display:block;width:35%;float:left;padding-right:8px;}.knkxx li p{font-size:1rem;}.knkxx li span{color:#1005fa;}



/*预约挂号*/

.wsgh{width:;padding:10px;text-align:center;background:#f0f7fd;}

.yygh em{display:block;width:100%;height:15px;font-size:1rem;font-family:"SimSun","Arial Narrow";

          background:-webkit-linear-gradient(#f3f3f3,#fff); /* Safari 5.1 - 6.0 */

          background: -o-linear-gradient(#f3f3f3,#fff); /* Opera 11.1 - 12.0 */

          background: -moz-linear-gradient(#f3f3f3,#fff); /* Firefox 3.6 - 15 */

          background: linear-gradient(#f3f3f3,#fff); /* 标准的语法（必须放在最后）*/}

.yygh p{font-size:1rem;color:#5d9005;}	

.yygh span{padding-bottom:10px;display:block;font-size:1.3rem;}

.yygh .yygh1{border:1px solid #ebebed;background:#f3f3f3;width:70%;height:2.5rem;line-height:2.5rem;margin-left:8px;color:#777;}

.yygh .yygh2{border:1px solid #ebebed;background:#f3f3f3;width:40%;height:2.5rem;line-height:2.5rem;margin-left:8px;color:#777;}

.yygh .yygh3{border:1px solid #ebebed;background:#f3f3f3;width:70%;height:5rem;margin-left:8px;color:#777;}

.yygh .yygh4{margin-left:20%;}

.yygh .yygh4 input{padding:8px;text-align:center;color:#fff;font-size:1rem;width:30%;float:left;border-radius:0.5rem;border:1px solid #95111b;background:-webkit-linear-gradient(#fa9116,#dc0e27); background: -o-linear-gradient(#fa9116,#dc0e27); background: -moz-linear-gradient(#fa9116,#dc0e27);background: linear-gradient(#fa9116,#dc0e27);}

.yygh .yygh4 a{padding-left:20px;font-size:1rem;color:#1466ba;text-decoration:underline;}



/*底部*/

.foot{width:100%;height:3.5rem;line-height:3.5rem;background:#0671de;}

.foot li{width:25%;float:left;}

.foot li a{display:block;color:#fff;font-size:1.3rem;text-align:center;border-right:1px solid #59a4f1;border-left:1px solid #0557aa;}

.foot1{text-align:center;font-size:1rem;}

.foot1 span a{display:block;background:url(../images/bj.png) no-repeat scroll 0px -230px;width:45px;height:45px;margin:0 auto;}

/*顶部电话*/	

input[type="button"], input[type="submit"], input[type="reset"] {

-webkit-appearance: none;

}

.top_phone{ height:40px; float:right; background:#0671DE; position: fixed; z-index:999998; width:100%;top:0;left:0; padding-top:5px;}

.phone1{ width:12%; float:left; padding:0; height:33px; overflow:hidden;text-align:center;}

.phone1 a{ display:black; font-size:14px; width:10%; height:100%; color:#fff; font-family:"微软雅黑"; text-align:center; line-height:33px; font-weight:800;}

.phone2{ width:86%; height:33px; float:left; paddingLeft:0;}

.phone2 .pt1{padding-Left:20px; margin-Left:10px; border:0; width:61%;  float:left; height:28px; line-height:28px;border-radius:6px; background:url(http://m.bb020.net/../images/i3.png) #fff no-repeat left;font-size:14px;}

.phone2 .pt2{width:24%;border-radius:2px;letter-spacing:0.5px; height:30px; background:#fca846; color:#fff; font-weight:800; border:0; cursor:pointer;  font-family:'微软雅黑'; line-height:26px;-webkit-appearance:none; float:right; margin-right:1%; text-align:center;}



#top_tel{position:fixed;top:0; left:0;z-index:9999;overflow:hidden;width:100%;height:35px; padding-top:5px;background:#13a4db;

    background: -webkit-linear-gradient(#2b58b2,#274b95);

    background: -o-linear-gradient(#2b58b2,#274b95); 

    background: -moz-linear-gradient(#2b58b2,#274b95); 

    background: linear-gradient(#2b58b2,#274b95);}

#top_tel .tel_ct{ max-width:640px;min-width:320px; margin:0 auto;}

#top_tel .tel_lt{ float:left;padding-left:3px;width:100%; text-align:center;font-size:14px; color:#FFF; font-weight:bold; line-height:30px;}

#top_tel .ipt1{ float:left;width:100%;height:30px;line-height:30px;border:none;background:#fff;color:#999;text-indent:20px; margin:0;padding:0;}

#top_tel .ipt2{ float:left;margin:0;padding:0; width:100%;height:30px;line-height:30px;border:none;background:red;color:#FFF;text-align:center;font-size:12px;font-size:16px;cursor:pointer;}

#top_tel .tel_ct td{border:none}

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

html{font-size:100%; }}

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

html{font-size:95%; }}

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

html{font-size:90%; }}

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

html{font-size:85%; }}

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

html{font-size:80%; }}

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

html{font-size:75%; }}

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

html{font-size:70%; }}

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

html{font-size:65%; }}

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

html{font-size:60%;}}