@charset "gb2312";
html{font:400 14px/1.5 PingFangSC-Regular,Helvetica,"Droid Sans",Arial,sans-serif;font-size:62.5%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}
address,applet,article,aside,audio,blockquote,body,canvas,caption,dd,details,div,dl,dt,embed,figcaption,figure,footer,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,li,mark,menu,nav,object,ol,output,p,pre,progress,ruby,section,summary,table,tbody,td,tfoot,th,thead,time,tr,ul,video{margin:0;padding:0;border:0;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a{text-decoration:none;-webkit-touch-callout:none;background-color:transparent}
a:active,a:hover{outline:0;text-decoration:none}
li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}
img{border:0;-webkit-touch-callout:none;vertical-align:middle}
b,em,i,s,strong{font-style:normal;font-weight:400}
input,textarea{border:0;outline:0;resize:none;-webkit-appearance:none}
.viewCon p{font-size:2.6rem;text-align:justify;text-justify:inter-ideograph}
.clearfix:after,.clearfix:before{display:table;content:""}
.clearfix:after{clear:both}
.re{position:relative}
.ab{position:absolute}
.fl{float:left}
.fr{float:right}
.flex{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;align-items:center}
.viewCon{width:100%;margin:0 auto;max-width:750px;min-width:320px}
.viewCon img{display:block;width:100%}
.viewCon .banner .baBtn{width:53.86667%;position:absolute;left:36.66667%;border-radius:50px;top:76.491%;box-shadow:0 0 13px 0 rgba(34,30,31,.2)}
.viewCon .sec1 h3{padding:10% 18.4% 10.933333%}
.viewCon .sec1 figure p,.viewCon .sec2 figure p{position:absolute;width:100%;top:0;left:0;padding:6.133333% 4.666667% 0;font-size:2.4rem;color:#fff}
.viewCon .sec2 figure p{color:#41324f;position:static;padding-bottom:4.533333%;background:#faf5f9}
.viewCon .sec2 figure ul{ padding:0 4.666667%;background: #faf5f9}
.viewCon .sec2 figure ul li{ width: 33.2%}
.viewCon .kst{padding:6.933333% 0 8.8%}
.viewCon .kst .kstBtn{width:48.266667%;margin:0 auto;text-align:center;font-size:2.6rem;color:#fff;line-height:3.23;border-radius:50px;background:#f13ead;background:-moz-linear-gradient(45deg,rgba(241,62,173,1) 0,rgba(236,36,69,1) 100%);background:-webkit-linear-gradient(45deg,rgba(241,62,173,1) 0,rgba(236,36,69,1) 100%);background:linear-gradient(45deg,rgba(241,62,173,1) 0,rgba(236,36,69,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f13ead', endColorstr='#ec2445', GradientType=1 );box-shadow:0 0 10px 0 rgba(34,30,31,.4)}
.viewCon .sec2 .kst{background:url(../images/sec2_3.jpg) no-repeat center top;-webkit-background-size:100% auto;background-size:100% auto}
.viewCon .sec2 .kst:nth-of-type(2){background-image:url(../images/sec2_6.jpg)}
.viewCon .sec3 .txt{padding:0 7.733333% 0 12.666667%;position:absolute;width:100%;left:0;top:0}
.viewCon .sec3 .txt p{color:#fff;margin-bottom:4.666667%;position:relative}
.viewCon .sec3 .txt p::before{position:absolute;content:"";width:22px;height:22px;background:url(../images/icon1.png) no-repeat center top;-webkit-background-size:contain;background-size:contain;left:-30px;top:2px}
.viewCon .sec3 .txt p:nth-of-type(2)::before{background-image:url(../images/icon2.png)}
.viewCon .sec4 h3{padding:14.133333% 22.8% 5.6%}
.viewCon .sec4 .slide{background:url(../images/sec4bg1.jpg) no-repeat center top,url(../images/sec4bg2.jpg) no-repeat center bottom #f7f7f7;-webkit-background-size:100% auto;background-size:100% auto;position:relative;padding-top:8.533333%}
.viewCon .sec4 .slide .bd li img,.viewCon .sec4 .slide>img{width:93.333333%;margin:0 auto;border-radius:12px}
.viewCon .sec4 .slide .bd{margin-bottom:1.333333%}
.viewCon .sec4 .slide .hd{width:100%;padding:0 25.866667%;position:absolute;left:0;top:55.485%}
.viewCon .sec4 .slide .hd ul{text-align:center;border-radius:10px;overflow:hidden}
.viewCon .sec4 .slide .hd li{width:33%;display:inline-block;font-size:2.5rem;color:#41324f;text-align:center;line-height:2.2;background:#fff}
.viewCon .sec4 .slide .hd li.on{color:#fff;background:#ff3577}
.viewCon .sec4 .slide .dot{padding:4.133333% 43.866667% 6.666667%}
.viewCon .sec4 .slide .dot span{width:25.8%;padding-top:25.8%;border-radius:50%;background:#d2d2d2;display:inline-block}
.viewCon .sec4 .slide .dot span.on{background:#ff3577}
.viewCon .sec5{padding:14.266667% 0 7.066667%}
.viewCon .sec5 h3{padding:0 26.666667% 11.6%}
.viewCon .sec5 .kst{padding:0 3.733333% 11.733333%;background:#fff;background:-moz-linear-gradient(top,rgba(255,255,255,1) 0,rgba(247,247,247,1) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0,rgba(247,247,247,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 0,rgba(247,247,247,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0 )}
.viewCon .sec5 .kst .kstBtn{width:49.5%;background:#4e2153;margin-bottom:3.266667%;font-size:2.4rem;box-shadow:0 0 10px 0 rgba(34,30,31,.2)}
.viewCon .sec5 .kst .kstBtn img{width:15%;display:inline-block;margin-left:4px;vertical-align: middle}
.viewCon .sec5 h4{padding:0 15.33333%;background:#f7f7f7}
.viewCon .sec6 .slide{position:absolute;width:100%;padding-top:19.733333%;top:0;left:0}
.viewCon .sec6 .slide h3{padding:0 33.066667%}
.viewCon .sec6 .slide .bd{padding-top:3.733333%}
.viewCon .sec6 .slide .bd figure{width:61.066667%;margin:0 auto 7.2%;border-radius:4px;position:relative;box-shadow:0 0 15px 0 rgba(34,30,31,.47)}
.viewCon .sec6 .slide .bd figure a{position:absolute;width:69.213%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:76.106%;border-radius:50px;text-align:center;overflow: hidden;font-size:2.6rem;line-height:2.24}
.viewCon .sec6 .slide .bd figure a::before{position:absolute;content: "点击查看术前";background:#ff3577;font-size:2.6rem;color:#fff;line-height:2.24;width: 100%;height: 100%;left: 0;top: 0}
.viewCon .sec6 .slide .bd figure a.on::before{background:#c9c9c9;color:#313131;content: "点击查看术后";}
.viewCon .sec6 .slide .bd h4{font-size:4.5rem;color:#fff;text-align:center}
.viewCon .sec6 .slide .bd h4 img{width:7.066667%;display:inline-block;margin-left:3px;vertical-align: middle}
.viewCon .sec6 .slide .bd .pri{text-align:center;padding:2.666667% 0 2.933333%}
.viewCon .sec6 .slide .bd .pri img{margin:0 auto}
.viewCon .sec6 .slide .bd p{text-align:center;font-size:3.4rem;color:#fff}
.viewCon .sec6 .slide .bd .kstBtn{width:47.466667%;margin:0 auto;display:block;margin-top:4.4%;border-radius:50px;box-shadow:0 0 15px 0 rgba(34,30,31,.2)}
.viewCon .sec6 .slide .hd{text-align:center;padding-top:4%}
.viewCon .sec6 .slide .hd span{width:3.2%;padding-top:3.2%;border-radius:50%;margin:0 1.066667%;display:inline-block;background:#d2d2d2}
.viewCon .sec6 .slide .hd span.on{background:#ff3577}
.viewCon .sec7{background:url(../images/sec7_1.jpg) no-repeat center top,url(../images/sec7_3.jpg) no-repeat center bottom #f7f7f7;-webkit-background-size:100% auto;background-size:100% auto;padding-bottom:9.866667%;margin-bottom:8.8%}
.viewCon .sec7 h3{padding:12.266667% 29.466667% 6.533333%}
.viewCon .sec7 .slide{background:url(../images/sec7_7.jpg) no-repeat center bottom;-webkit-background-size:100% auto;background-size:100% auto}
.viewCon .sec7 .slide .bd{width:93.333333%;margin:0 auto;border-radius:15px;overflow:hidden;box-shadow:0 0 16px 0 rgba(34,30,31,.47)}
.viewCon .sec7 .slide .hd{padding:0 11.733333%;text-align:center;position:absolute;top:95%;left:0;width:100%}
.viewCon .sec7 .slide .hd li{width:21.678%;border-radius:50%;overflow:hidden;box-shadow:0 0 12px 0 rgba(34,30,31,.47)}
.viewCon .sec7 .slide .hd li.on{-webkit-transform:scale(1.05);transform:scale(1.05)}
.viewCon .sec7 h4{padding:23.2% 30.8% 2.533333%;background:url(../images/sec7_6.jpg) no-repeat center top;-webkit-background-size:100% auto;background-size:100% auto}
.viewCon .sec9{background:#041a22;padding:10.666667% 0 10.133333%}
.viewCon .sec9 .swiper-slide{width:49.866667%}
.viewCon .sec9 .swiper-pagination{position:static;margin-top:8.133333%}
.viewCon .sec9 .swiper-pagination .swiper-pagination-bullet{background:#9a9a9a;opacity:1}
.viewCon .sec9 .swiper-pagination .swiper-pagination-bullet-active{background:#f62c5b}
@media screen and (min-width:320px) and (max-width:374px){html{font-size:26.67%!important}
}
@media screen and (min-width:375px) and (max-width:409px){html{font-size:31.25%!important}
}
@media screen and (min-width:410px) and (max-width:479px){html{font-size:34.5%!important}
}
@media screen and (min-width:480px) and (max-width:900px){html{font-size:40%!important}
}