@charset "gb2312";
/* CSS Document */

/*清零*/
body,div,ol,ul,li,dl,dd,dt,h1,h2,h3,h4,p,img{ padding:0; margin:0; font-weight:normal;}
body{ font-size:14px; font-family:"微软雅黑",Verdana,Arial,"宋体","微软雅黑";}
img{ border:none; outline:none;}
ul,ol{ list-style-type:none;}
p{ line-height:25px;}
em,i,strong,b,small{ font-style:normal; font-weight:normal;}
a,span,b,em,i,strong,small,img{ display:inline-block;}
em{ transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s;}
a{ outline:none; text-decoration:none; color:#000; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}

/*清楚浮动*/
.clearFix{ clear:both; *zoom:1;}
.clearFix:after{ clear:both; display:block; visibility:hidden; height:0; line-height:0; content:""; font-size:0;}

/*公用的样式*/
.fl{ float:left;}
.fr{ float:right;}
.commonWidth{ width:100%; margin:0 auto; overflow:hidden;}
.commonWidth_320{ width:310px; margin:0 auto; overflow:hidden;}

/*main*/
.main{ width:310px; margin:0 auto; overflow:hidden; background:#f8f8f8;}

/*banners*/
.banners_til{ border-bottom:1px solid #999; width:300px; padding-bottom:5px; margin:10px auto;}
.banners_til em{ width:12px; height:12px; border-radius:20px; border:2px solid #1364b6; vertical-align:middle; margin-right:5px;}
.banners_til a{ line-height:20px; font-size:16px;}
.banners{ background:url(../images/banner.jpg) center center no-repeat; height:172px; margin:15px auto 0; width:310px;}
.banners a{ width:100%; height:100%; display:block;}

/*common*/
.common_til{ font-size:18px; color:#006db8; line-height:26px; margin:15px 0;}
.common_til em{ vertical-align:middle; width:26px; height:26px; line-height:13px; font-size:11px; color:#fff; background:url(../images/til_bg.png) no-repeat; text-align:center; margin-right:7px;}
.common_tils{ color:#006fb5; font-size:16px; margin-bottom:8px;}
.common_btn{ text-align:center; margin:30px 0;}
.common_btn a{ border-radius:5px 0 0 5px; line-height:36px; background:#0167b7; font-size:16px; color:#fff; padding:0 10px; margin-right:10px;}
.common_btn .last_a{ margin-right:0; border-radius:0 5px 5px 0;}
.common_btn em{ vertical-align:middle; margin-right:10px;}
.dashed_line{ width:296px; height:0px; border-top:1px dashed #808080;}
.therapy,.contrast,.expert,.recovery,.type,.ad{ width:296px; margin:0 auto; padding:0 7px;}

/*therapy*/
.therapy li{ width:143px; float:left; margin-right:10px;}
.therapy .no_mr{ margin-right:0;}
.therapy img{ vertical-align:middle;}
.therapy p{ color:#e35300; line-height:18px; margin:8px 0 0px}
.therapy p em{ width:18px; height:18px; vertical-align:middle; margin-right:5px;}
.therapy h3{ font-size:14px; color:#444444; line-height:25px;}
.therapy .common_btn{ margin-top:17px;}

/*contrast*/
.contrast li{ width:141px; float:left; margin:0 10px 13px 0; border:1px solid #006fb5;}
.contrast .no_mr{ margin-right:0;}
.contrast img{ vertical-align:middle;}
.contrast p{ text-align:center; color:#fff; background:#006db8;}
.contrast .common_btn{ margin-top:17px;}

/*expert*/
.expert .expert_btn{ display:block; width:230px; margin:17px auto 30px; line-height:30px; font-size:16px; color:#fff; background:#006db8; border-radius:15px;}
.expert .expert_btn em{ vertical-align:middle; margin:0 4px 0 24px;}
.expert .experts{ text-align:center;}

/*recovery type*/
.recovery .recoverys{ text-align:center; margin-bottom:5px;}
.recovery  strong{ color:#006db8;}
.recovery p{ color:#646464; word-spacing:8px;}
.recovery ul,.type ul{ margin-top:12px;}
.recovery li{ width:143px; height:122px; float:left; margin-right:10px; position:relative;}
.recovery .no_mr,.type .no_mr{ margin-right:0;}
.recovery li p{ color:#fff; background:rgba(19,100,182,0.7); text-align:center; position:absolute; left:0; bottom:0; width:100%;}
.recovery .dashed_line{ margin:30px 0;}
.type li{ width:143px; float:left; margin-right:10px;}
.type li img{ vertical-align:middle;}
.type li p{ color:#646464; text-align:center; line-height:46px;}
.type .common_btn{ margin-top:10px;}

/*ad*/
.ad{ margin-bottom:20px;}
.ad img{ width:296px;}

/*about*/
.about { padding-bottom:5px; border:#1364b6 1px solid; width:308px; margin: 0 auto 5px;}
.about h2 { padding-left:15px; height:37px; background:#1364b6; font-size:16px; font-weight:100; font-family:'Microsoft Yahei'; line-height:37px; color:#fff; }
.about dl{ width:300px; margin:0 auto; overflow:hidden;}
.about dd{ width:100%; height:33px; margin-top:6px; font-size:14px; font-weight:700; line-height:33px;}
.about dd a{ display:inline; text-align:center; color:#FFF;}
.about dd a.a01{ float:left; background:#91c1e9; width:170px; margin-right:4px; }
.about dd a.a02{ float:right; background:#db7077; width:126px; }
.about dd a.a03{ float:left; background:#d0454e; width:134px; margin-right:4px;  }
.about dd a.a04{ float:right; background:#e1822a; width:162px; }
.about dd a.a05{ float:left; background:#13b9ad; width:170px; margin-right:4px;  }
.about dd a.a06{ float:right; background:#f3b174; width:126px; }