@charset "utf-8";
/**口腔美白**/
html,body,div,h2,h3,h4,h5,h6,p,span,strong,em,dl,dt,dd,ul,li,a,font{font-family:"微软雅黑";margin:0;padding:0;border:0;text-decoration:none;}
body,html{max-width:720px!important;}
.main{max-width:720px;margin:0 auto;width:100%;background:#faf8f7!important;display:inline-block;overflow:hidden;}
.banner{width:100%;float:left;position:relative;height:21.296rem;}
.banner img{width:100%;float:left;height:21.296rem;}
.banner a.zx1{position:absolute;bottom:2.55rem;right:2.77rem;float:left;text-align:center;width:9.77rem;height:2.59rem;background:url("../images/zx1.png") center top no-repeat;background-size:contain;font-size:1.11rem;line-height:1.92rem;color:#fff;font-weight:bold;}
.banner a.animated{-webkit-animation-duration:2.5s!important;animation-duration:2.5s!important;}
.zx img.animated{-webkit-animation-duration:3.5s!important;animation-duration:3.5s!important;}
.youhui-wrap{margin:0.37rem auto;}
.btn1,.btn1 *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.zxk{width:100%;height:2.07rem;background:#e8e3e3 url("../images/zxk.png") 1.48rem 0.4rem no-repeat;background-size:23.89rem 2.07rem;float:left;padding:0.4rem 1.48rem;margin-bottom:1.18rem;}
.zxk input{width:11.25rem;height:1.77rem;line-height:1.77rem;margin-top:0.14rem;border:0rem;padding:0rem;float:left;text-indent:1em;font-size:0.96rem;color:#d7d7d7;}
.zxk a.jjyw{width:4.74rem;height:1.77rem;line-height:1.77rem;margin-top:0.14rem;color:#fff;font-size:0.96rem;text-align:center;float:left;}
.zxk a.zxjg{width:7.4rem;height:2.07rem;line-height:2.07rem;text-align:center;font-size:0.96rem;color:#429cdc;float:left;margin-left:0.37rem;}

.yh{width:100%;float:left;position:relative;}
.yh p{width:100%;float:left;}
.yh p img{width:100%;float:left;}
.yh h4{width:10.4rem;height:6.37rem;float:left;position:absolute;top:6.29rem;text-align:center;}
.yh h4 span{font-weight:normal;float:left;width:100%;text-align:center;}
.yh h4.yh1{background:url("../images/bg1.png") left top no-repeat;background-size:contain;left:2.77rem;font-size:1.48rem;color:#ec3d3d;line-height:1.66rem;}
.yh h4.yh1 span{font-size:1.11rem;color:#ec3d3d;padding-top:0.77rem;}
.yh h4.yh2{background:url("../images/bg2.png") left top no-repeat;background-size:contain;left:13.33rem;font-size:1.4rem;color:#8b4d2f;line-height:1.48rem;}
.yh h4.yh2 span{font-size:1.03rem;color:#8b4d2f;line-height:1.11rem;padding-top:0.85rem;}
.yh h5{width:22.51rem;height:3.66rem;background:url("../images/zx2.png") left top no-repeat;background-size:contain;top:13.51rem;left:2.88rem;position:absolute;}
.yh h5 em{font-size:1.03rem;color:#fff;float:left;font-style:normal;margin-left:0.88rem;height:3.66rem;line-height:3.4rem;}
.yh h5 font{font-size:0.66rem;color:#fff;float:left;font-weight:normal;text-align:center;line-height:0.81rem;padding-top:0.92rem;margin-left:0.07rem;}

.case{width:100%;float:left;margin-top:1.4rem;}
.case dt{float:left;width:100%;height:3.48rem;line-height:3.48rem;text-align:center;background:url("../images/bg3.png") left top repeat;font-size:1.29rem;color:#429cdc;font-weight:bold;}
.case dd{width:24.81rem;height:14.62rem;background:#f1fbfd;border-radius:0.55rem;margin-top:1rem;float:left;margin-left:0.92rem;}
.case dd ul{width:100%;margin-top:0.74rem;}
.case dd ul li{width:100%;text-align:center;}
.case dd ul li img{width:23.852rem;}
.case dd ul li p.zx{float:left;width:21.11rem;height:3.33rem;line-height:3.33rem;background:url("../images/zx30.png") left top no-repeat;background-size:contain;margin-left:1.97rem;margin-top:2.29rem;}
.case dd ul li p.zx span{font-size:1.11rem;color:#fff;margin-left:5.92rem;float:left;}
.case dd ul li p.zx img{margin-left:0.85rem;float:left;margin-top:0.55rem;width:2.22rem;height:2.22rem;}
.case dd .swiper-pagination{bottom:5.55rem;}
.case dd .swiper-pagination span{width:0.55rem;height:0.55rem;background:#d2d2d2;}
.case dd .swiper-pagination .swiper-pagination-bullet-active{background:#429cdc;}

.gs{width:24.81rem;height:42.29rem;float:left;background:url("../images/gs1.jpg") left top no-repeat;background-size:contain;margin:1.11rem 0.92rem 0;}
.gs div{font-size:0.96rem;color:#777;line-height:1.33rem;width:22.29rem;float:left;margin-left:1.44rem;margin-top:1.66rem;}
.gs div span{font-size:0.96rem;color:#429cdc;letter-spacing:3.0.18rem;}
.gs p{width:100%;float:left;}
.gs p span{font-size:1.29rem;color:#777;width:100%;height:4.33rem;line-height:4.33rem;float:left;}
.gs p span.sp1{margin-top:2.85rem;text-indent:13.18rem;}
.gs p span.sp2{margin-top:3.25rem;text-indent:20.74rem;}
.gs p span.sp3{margin-top:2.85rem;text-indent:13.33rem;}
.gs dl{width:100%;float:left;height:10.37rem;background:#6aa5d1;margin-top:1.55rem;}
.gs dl dt{font-size:1.11rem;line-height:1.11rem;font-weight:bold;color:#fff;width:4.44rem;height:2rem;padding-top:8.37rem;background:url("../images/gs2.png") center 1.4rem no-repeat;background-size:4.07rem 6.48rem;float:left;margin-left:2.03rem;margin-right:1.77rem;}
.gs dl dd{float:left;width:15.92rem;}
.gs dl dd ul{float:left;margin-top:0.66rem;}
.gs dl dd ul li{font-size:0.96rem;color:#fff;line-height:1.48rem;}
.gs dl dd ul li strong{color:#fdde35;font-weight:normal;}
.gs dl dd a.zx{width:8.7rem;height:2.62rem;background:url("../images/zx3.png") center top no-repeat;background-size:contain;color:#fff;text-align:center;line-height:2.22rem;float:left;font-size:1.11rem;margin-top:0.44rem;}

.ys{float:left;margin-top:1.29rem;}
.ys dt{float:left;width:100%;height:3.48rem;line-height:3.48rem;text-align:center;background:url("../images/bg3.png") left top repeat;font-size:1.29rem;color:#429cdc;font-weight:bold;margin-bottom:0.62rem;}
.ys dd{float:left;margin-top:0.85rem;width:12.07rem;}
.ys dd img{width:100%;float:left;}
.ys dd div{width:100%;float:left;text-align:center;}
.ys dd div h4{font-size:0.96rem;color:#777;line-height:0.96rem;padding-bottom:0.44rem;padding-top:0.66rem;}
.ys dd div p{font-size:0.96rem;color:#777;line-height:0.96rem;letter-spacing:-1px;}
.ys dd.dd1,.ys dd.dd3{margin-left:0.96rem;}
.ys dd.dd2,.ys dd.dd4{margin-left:0.74rem;}
.ys p.zx{float:left;width:21.11rem;height:3.33rem;line-height:3.33rem;background:url("../images/zx30.png") left top no-repeat;background-size:contain;margin-left:2.77rem;margin-top:1.44rem;}
.ys p.zx span{font-size:1.11rem;color:#fff;margin-left:5.92rem;float:left;}
.ys p.zx img{margin-left:0.85rem;float:left;margin-top:0.55rem;width:2.22rem;height:2.22rem;}

.fa{float:left;margin-top:1.4rem;width:100%;}
.fa dt{float:left;width:100%;height:3.48rem;line-height:3.48rem;text-align:center;background:url("../images/bg3.png") left top repeat;font-size:1.29rem;color:#429cdc;font-weight:bold;}
.fa dd{width:100%;float:left;}
.fa dd img{width:100%;float:left;}
.fa p.zx{float:left;width:21.11rem;height:3.33rem;line-height:3.33rem;background:url("../images/zx30.png") left top no-repeat;background-size:contain;margin-left:2.77rem;margin-top:1.44rem;}
.fa p.zx span{font-size:1.11rem;color:#fff;margin-left:5.92rem;float:left;}
.fa p.zx img{margin-left:0.85rem;float:left;margin-top:0.55rem;width:2.22rem;height:2.22rem;}

.doc{float:left;margin-top:1.4rem;width:100%;}
.doc dt{float:left;width:100%;height:2.96rem;line-height:1.48rem;padding:0.25rem 0;text-align:center;background:url("../images/bg3.png") left top repeat;font-size:1.29rem;color:#429cdc;font-weight:bold;}
.doc dt span{font-weight:normal;}
.doc dd{width:100%;height:29.62rem;float:left;position:relative;}
.doc dd img.wys{width:100%;float:left;}
.doc dd div{position:absolute;left:13.44rem;top:5.92rem;}
.doc dd div h2{height:1.77rem;line-height:1.77rem;float:left;margin-left:0.96rem;margin-right:7.14rem;}
.doc dd div h2 a{height:1.77rem;line-height:1.77rem;color:#429cdc;font-size:1.77rem;}
.doc dd div p{float:left;border:1px dashed #429cdc;border-radius:0.55rem;height:0.74rem;line-height:0.74rem;padding:0.07rem 0.22rem;margin-left:0.22rem;margin-top:0.29rem;}
.doc dd div p a{font-size:0.74rem;color:#429cdc;height:0.74rem;line-height:0.74rem;float:left;}
.doc dd div ul{float:left;width:14.11rem;margin-top:0.55rem;}
.doc dd div ul li{width:100%;float:left;height:0.96rem;line-height:0.96rem;}
.doc dd div ul li a{font-size:0.74rem;color:#429cdc;}
.doc dd div h5{background:#429cdc;width:3.66rem;height:0.85rem;line-height:0.85rem;text-align:center;float:left;margin-right:11.11rem;margin-left:0.88rem;margin-top:1.44rem;}
.doc dd div h5 a{font-size:0.55rem;color:#fff;width:100%;height:0.85rem;line-height:0.85rem;float:left;}
.doc dd div span{height:0.88rem;line-height:0.88rem;float:left;margin-left:0.88rem;margin-top:0.44rem;}
.doc dd div span a{font-size:0.88rem;height:0.88rem;line-height:0.88rem;float:left;color:#429cdc;}
.doc dd img.zx{position:absolute;width:6.25rem;height:6.25rem;float:left;left:12.92rem;bottom:1.85rem;}

.wd{float:left;margin-top:2rem;width:100%;}
.wd dt{float:left;width:100%;height:3.48rem;line-height:3.48rem;text-align:center;background:url("../images/bg3.png") left top repeat;margin-bottom:1.11rem;}
.wd dt a{font-size:1.29rem;color:#429cdc;font-weight:bold;}
.wd dd{width:24.88rem;float:left;margin:0 0.88rem;text-align:center;height:2.96rem;line-height:2.96rem;margin-top:1px;background:#b5b5b5;}
.wd dd.dd2,.wd dd.dd4{background:#75b9ea;}
.wd dd a{width:24.88rem;float:left;text-align:center;height:2.96rem;line-height:2.96rem;font-size:0.96rem;color:#fff;}
.wd p.zx{float:left;width:21.11rem;height:3.33rem;line-height:3.33rem;background:url("../images/zx30.png") left top no-repeat;background-size:contain;margin-left:2.77rem;margin-top:1.44rem;}
.wd p.zx span{font-size:1.11rem;color:#fff;margin-left:5.92rem;float:left;}
.wd p.zx img{margin-left:0.85rem;float:left;margin-top:0.55rem;width:2.22rem;height:2.22rem;}

.xgyd{width:24.88rem;float:left;margin:1.03rem 0.88rem 0;position:relative;}
.xgyd dt{width:100%;float:left;height:1.85rem;border-bottom:0.14rem solid #75b9ea;margin-bottom:0.7rem;}
.xgyd dt strong{width:6.51rem;height:1.85rem;line-height:1.85rem;color:#fff;text-align:center;background:#75b9ea;float:left;font-size:1.11rem;font-weight:normal;}
.xgyd dd{float:left;width:100%;}
.xgyd dd img{width:100%;float:left;}
.xgyd dt .swiper-pagination{right:0.62rem;top:0.33rem;}
.xgyd dt .swiper-pagination span{width:0.59rem;height:0.59rem;border-radius:0rem;margin-right:0.29rem;}
.xgyd dt .swiper-pagination span.swiper-pagination-bullet-active{background:#75b9ea;}

footer{margin:2rem auto;clear:both;}
.footer_pp{margin:0 0.93rem 1.77rem;overflow:hidden;}
.footer_pp > li{float:left;width:6.11rem;padding:0.63rem 0;margin:0 0.04rem;background-color:#f8e6de;text-align:center;}
.footer_pp > li img{max-height:3rem;}
.footer_pp > li p{padding-top:0.2rem;font-size:0.74rem;color:#e49088;}
.footer_text{width:16rem;height:1.25rem;margin:1rem auto;border:1px solid #7e7d7d;border-radius:1rem;clear:both;overflow:hidden;}
.footer_text > li{float:left;line-height:0.74rem;padding:0 0.28rem;margin-top:0.23rem;text-align:center;border-left:1px solid #a7a6a6;}
.footer_text > li a{font-size:0.74rem;color:#666;}
.footer_logo{width:15.7rem; margin:0 auto;   clear:both;}
.footer_ly{width:16.81rem;height:4.7rem;margin:0 auto;}
.footer_logo img,.footer_ly img{width:100%;}
/**口腔美白 END**/