@charset "gb2312";
/* CSS Document */
/*-------------------公共样式---------------------*/
html{ font-size:10px;}
*{margin: 0px;border: 0px;padding: 0px;}
body{ max-width:640px; min-width:320px; margin:0 auto; background-color:#FFF;}
body *{ color:#666; font-family: "Microsoft YaHei";  font-size:1.4rem; line-height:2.4rem;}
.fl{float: left;display: inline;}
.fr{float: right;display: inline;}
.cl{clear: both;}
.ov{overflow: hidden;}
.text{text-align: center;}
.pad{padding:1rem 2rem;}
.w_pad{ padding:1.8rem 1rem;}
section{display:block;}
a{text-decoration: none; color:#fff; -webkit-tap-highlight-color:rgba(255,0,0,0);}
a:hover{ color:#fff;}
a img{ vertical-align:middle; width:100%;}
img { width:100%;vertical-align:middle;}
ul li,ol li{list-style: none;}
h2 { font-size:2rem; color:#FFF; font-weight:900; line-height:2.6rem; text-align:center; letter-spacing:.1rem;}
.zx{ width:100%; margin:1.2rem auto .5rem; overflow:hidden;}
.zx a{ display:block;  border-radius:.5rem; width:48%; line-height:3.2rem; text-align:center; color:#fff; font-size:1.6rem; padding-top:.2rem;}
.zx a img { width:1.5rem; margin-top:-.2rem;vertical-align:middle;margin-left:0.5rem}
.zx a:nth-of-type(1){ background-color:#ff8b18; float:left;}
.zx a:nth-of-type(2){ background-color:#42b3f5; float:right;}
.null{zoom:1;clear:both;height:0;font-size:0;overflow: hidden;}
.null:after{content:".";visibility:hidden;display:block;clear:both;height:0;font-size:0;overflow: hidden;}
.tit{margin:0 auto;text-align:center;}
.tit h2{font-size:2rem;color:#cd0000;height:2.5rem;line-height:2.5rem;}
.tit h3{font-size:2.4rem;color:#42b3f5;font-weight:normal;text-transform:uppercase;height:2rem;line-height:2rem;}
.zxs{background:#ff8b18;width:70%;height:3rem;line-height:3rem;margin:1.5rem auto;margin-bottom:0.5rem;border-radius:0.5rem;}
.zxs a{display:block;text-align:center;line-height:3rem;font-size:1.6rem;}
.zxs a img{width:1.8rem;margin-left:0.5rem;margin-bottom:0.2rem;}
/*-------------------公共样式结束---------------------*/
.bg { background:#FFF; margin:1rem 0rem; overflow:hidden; padding:1.5rem 0;}
.le_no { border-left:none;}
.bo_no { border-bottom:none;}
.button { display:block; width:80%; background:#9f6d32; border-radius:1.2rem; margin:1.5rem auto 0; text-align:center; line-height:2.8rem; font-size:1.6rem;}
.tx { width:85%; padding:0.2rem 1rem; border-radius:.5rem; background:#9f6d32; margin:1.5rem auto;}
.tx p { color:#FFF; line-height:2rem;}
/*top*/
.top .top_bg { background:#231f20; padding:8px 0; overflow:hidden;}
.top .top_bg .sy { width:19%; float:left; margin:0 3.5%;}
.top .top_bg .zxdh { width:58%; float:left;}
.top .top_bg .dh { width:9%; float:right; margin:0 3.5%;}
.top .nav {width:100%;background:#231f20;overflow:hidden;display:none;z-index:3;position:relative;top:0px;lef:0px;}
.top .nav .ico1,.nav .ico2,.nav .ico3,.nav .ico4,.nav .ico5{ padding-left:12%; padding-top:.8rem; padding-bottom:.8rem;}
.top .nav .ico1{background:url(../images/menu1.gif) no-repeat left;background-size:contain;}
.top .nav .ico2{background:url(../images/menu2.gif) no-repeat left;background-size:contain;}
.top .nav .ico3{background:url(../images/menu3.gif) no-repeat left;background-size:contain;}
.top .nav .ico4{background:url(../images/menu4.gif) no-repeat left;background-size:contain;}
.top .nav .ico5{background:url(../images/menu5.gif) no-repeat left;background-size:contain;}
.navitems{ clear:both;font-size:1.4rem;background:#231f20; overflow: hidden;}
.nav li {display:inline-block;width:100%; padding-left:4%; text-align: left; margin-bottom:.7rem;}
.nav li a {color:#fff;}
/* logo */
.logo{ padding:1rem 5rem; line-height:normal; background:#FFF;}
.logo img{ width:100%;}
.line{border-top:5px solid #f0f0f0;}
.dd {background:#e8e8e8;}
.dd p { color:#333333;padding:1rem;}
/**关于普查，我们需要知道的**/
.m1{padding-top:1.5rem;}
.tit h2{color:#333;line-height:3.5rem;height:3rem;font-weight:normal;}
.tit  img{margin:0 auto;text-align:center;}
.m1 .nr{overflow:hidden;}
.m1 dl{width:25%;float:left;}
.m1 dl dt{line-height:1.5rem;text-align:center;margin-top:.5rem;background:url(../images/m3_bj.png) no-repeat ;background-size:contain;padding:20% 4.5%;width:92%;background-position: center;}
.m1 dl dt br{line-height:0;}
.m1 dl:nth-of-type(4){margin-right:0;}
/***横幅**/
.hf{margin-bottom:1.5rem;}
/*祛白黄金期 优先就诊快人一步*/
.m2 .box{border:1px solid #e6e6e6;padding:0.5rem;text-align:center;margin-bottom:1rem;height:6.5rem;}
.m2 .box img{width:10rem;display:inline-block;    vertical-align: top;}
.m2 .box  dl{width:50%;display:inline-block;}
.m2 .box  dl dt{color:#333;font-size:1.8rem;line-height:2rem;}
.m2 .box  dl dt span{font-weight:bold;color:#f83232;font-size:2rem;}
.m2 .box  dl dt br{line-height:0;}
.m2 .box  dl dd{color:#666;line-height:2rem;}
.m2 .box  dl dd.zjzx a{display:block;background:#f83232;width:9rem;height:2rem;line-height:2rem;color:#fff;border-radius:2rem;text-align:center;margin:0 auto;}
.m2 .zhxg{height:8.5rem;border:1px solid #e6e6e6;padding:0.5rem;text-align:center;margin-bottom:1rem;}
.m2 .zhxg img{width:22rem; vertical-align: top;}
.m2 .zhxg dl{width:69%;}
/***青少年祛白专家亲诊 康复更快***/
.m3 {overflow:hidden;}
.m3 .nr{overflow:hidden;text-align:center;margin-top:1rem;}
.m3 .nr img{width:10rem;display:inline-block;vertical-align:top;}
.m3 .nr .zjnr{display:inline-block;text-align:left;margin-left:0.5rem;}
.m3 .nr .zjnr dt{font-weight:bold;font-size:2rem;margin-top:0.5rem;margin-bottom:0.2rem;}
.m3 .nr .zjnr dd{line-height:1.8rem;}
.m3 .nr .zjnr img{width:1.8rem;margin-top:0.1rem;}
.m3 .zjnr .zxs{margin-top:1rem;text-align:left;margin-left:0;}
.m3 .zjgd{background:#efefef;border-radius:0.5rem;margin-top:1.5rem;padding:1rem;}
.m3 .zjgd dt{color:#333;font-size:1.6rem;}
.m3 .zjgd dd{text-indent:2rem;}
.m3 .zxs{width:80%;}
/**方案量身定制 暑期祛白见效快***/
.m4 p.p1{text-indent:2rem;}
.m4 .nr{background:#f0f0f0;margin-top:1rem;}
.m4 .nr .tp{position:relative;border:10px solid #f0f0f0;}
.m4 .nr .tp  span{display:block;height:3rem;width:100%;background:rgba(0,0,0,0.6);position:absolute;bottom:0px;left:0px;color:#fff;font-weight:bold;line-height:3rem;text-align:center;}
.m4 .nr p{padding:1rem;padding-top:0;text-indent:2rem;}
.m4 .nr p a{color:#42b3f5}
.m4 .zxs{width:80%;}
.m4 .djzk{color:#2daaf3;font-size:1.6rem;text-align:center;line-height:2rem;height:3rem;}
.m4 .djzk img{width:1.5rem;margin:1.5rem auto;margin-left:0.1rem;}
.m4 .zknr .box{border-bottom:2px solid #dddddd;text-align:center;overflow:hidden;padding-bottom:1rem;padding-top:1rem;}

.m4 .zknr .box img{width:33%;float:left;}
.m4 .zknr .box div{float:left;width:65%;margin-left:2%;text-align:justify;}
.m4 .zknr .jsnr .bj div{margin-left:0;margin-right:2%;}
.m4 .zknr .jsnr .bottom {border:0;}
.m4 .djsq{color:#2daaf3;font-size:1.6rem;text-align:center;margin:1rem auto;margin-bottom:0;}
.m4 .p2{text-align:center;margin-top:0.5rem;}
/***案例**/
.m5 .tit h2,.m6 .tit h2,.m7 .tit h2{line-height:2rem;margin-bottom:1.5rem;}
.tit h2 br{line-height:0;}
.tit h2 span{font-size:1.6rem;}
.m5 .kfal .box {  position:relative; padding-top:.1rem;}
.m5 .kfal .box .bd { margin:1.3rem auto; z-index:2;}
.m5 .kfal .box .bd ul li a img { display:block; width:85%; margin:0 auto; }
.m5 .kfal .box .bd ul li span { display:block; font-size:1.6rem; margin:.5rem 0 0; text-align:center; color:#333;}
.m5 .kfal .box .bd ul li .bt { color:#666; text-align:center;}
.m5 .kfal .box .hd { position:absolute; left:0; top:25%; overflow:hidden; width:100%;}
.m5 .kfal .box .hd img { width:1.5rem;}
.m5 .kfal .box .hd .prev { float:left; }
.m5 .kfal .box .hd .next{ float:right; }
.m5 .kfal .box .bd ul li .qbgy {overflow:hidden; margin-top:1rem;}
.m5 .kfal .box .bd ul li .qbgy span { text-align:left;color:#666;}
.m5 .kfal .box .bd ul li .qbgy img { width:1.5rem; float:left; margin-top:3rem;}
.m5 .kfal .box .bd ul li .qbgy p { color:#666; line-height:2rem; text-align:left;text-indent:2rem;}
.m5 .kfal .box .bd ul li .qbgy p a { color:#42b3f5;}
/***青少年白癜风特快诊疗中心**/
.m6 .nr{margin-top:1rem;}
.m6 .yynr{background:#efefef;margin-top:1.5rem;padding:0.5rem;overflow:hidden}
.m6 .yynr p{text-align:center;}
.m6 .yynr p b{color:#42b3f5;font-size:1.6rem;}
.m6 .p2{text-align:center;margin-top:1.5rem;}
/***这些问题你应当了解**/
.m7 ul { overflow:hidden; margin-top:1rem;text-align: center;}
.m7 ul li { width:46.5%; margin-right:2%; margin-bottom:.8rem; border:1px solid #999; display: inline-block;border-radius:.4rem;}
.m7 ul li:nth-child(even) { margin-right:0;}
.m7 ul li a { color:#666;}
.m7 .zxs{width:85%;}
/*foot*/
.foot{padding:1rem 0 5rem; overflow:hidden; padding-top:1.5rem;}
.foot ul li{width:20%;float:left; margin:0 2.5%; text-align:center;}
.foot ul li img { width:75%;}
.foot ul li a{ color:#333333;}