html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,input,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;-webkit-background-origin:content-box;background-origin:content-box;}section,header,footer,nav{display:block;margin:0;padding:0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}img{border:0;font-size:0}a{text-decoration:none;}
.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{*zoom:1}
html{
	-webkit-text-size-adjust:none;
}
html,
body{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
body{
	text-align:justify;
	font-family:"Microsoft YaHei","Hiragino Sans GB","WenQuanYi Micro Hei",arial,Helvetica,sans-serif;
}

.page_content {
    width: 750px;
    height: 1206px;
    position: absolute;
    left: 50%;
    margin-left: -375px;
    top: 0;
    transform-origin: center top;
    -webkit-transform-origin: center top;
}


.swiper-container,
.swiper-container_txt,
.swiper-wrapper,
.swiper-slide{
	position: relative;
	width: 100%;
	height: 100%;
}

.swiper-slide{
	overflow: hidden;
}
/*动效*/
.z_narrow{
    -webkit-animation-name:z_narrow;
    animation-name:z_narrow;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
}

@keyframes z_narrow{
    from { transform:scale(0.9); }
    to { transform:scale(1); }
}
@-webkit-keyframes z_narrow{
    from{ -webkit-transform:scale(0.9); }
    to{ -webkit-transform:scale(1); }
}


/*音乐*/
.music_btn{
    position: absolute;
    display: block;
    width: 2rem;
    height: 2rem;
    top: 5rem;
    right: 1rem;
    z-index: 91;
 }
.music_btn span{
    display: block;
    width: 100%;
    height: 100%;
    background:url(../images/play_btn.png) center center no-repeat;
    background-size: contain;
}

.music_anim{
    animation: music_a 2s linear infinite;
    -webkit-animation: music_a 2s linear infinite;
}
@keyframes music_a{
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}
@-webkit-keyframes music_a{
    from{ -webkit-transform:rotate(0deg); }
    to{ -webkit-transform:rotate(360deg); }
}

.tooth_bg{
    position: absolute;
    background: url(../images/tooth_bg.jpg) center center no-repeat;
    background-size: cover;
    width: 100%;
    height: 92%;
    top: 4rem;
}

.phys_bg{
    position: absolute;
    background: url(../images/phys_bg.jpg) center center no-repeat;
    background-size: cover;
    width: 100%;
    height: 92%;
    top: 4rem;
}

.last_bg{
    position: absolute;
    background: url(../images/last_bg.jpg) center center no-repeat;
    background-size: cover;
    width: 100%;
    height: 92%;
    top: 4rem;
}

.treat_bg{
    position: absolute;
    background: url(../images/treat_bg.jpg) center center no-repeat;
    background-size: cover;
    width: 100%;
    height: 92%;
    top: 4rem;
}

/*swiper按钮*/
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 66%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/right_icon.png);
    right: 10px;
    left: auto;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url(../images/left_icon.png);
    left: 10px;
    right: auto;
}

/*loading页*/
.jcontant{
    position: relative!important;
    width: 100%;
    height: 100%;
}

.load_bg{
    position: absolute;
    background-color: #fff;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
}
.load_bg div{
    position: relative;
}





@keyframes jzoom_n{
    0%{-webkit-transform: scale(1);}
    100%{transform: scale(0.9);}
}
@-webkit-keyframes jzoom_n{
    0%{-webkit-transform: scale(1);}
    100%{transform: scale(0.9);}
}
.load_img{
    background: url(../images/loading.gif) center no-repeat;
    background-size: contain;
    width: 120px;
    height: 120px;
    /* left: 220px; */
    animation: jzoom_n 0.8s infinite;
    -webkit-animation: jzoom_n 0.8s infinite;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    margin: 0 auto;
    top: 525px;
}
.load_progress_bar{
    width: 510px;
    height: 14px;
    background: #fff;
    border-radius: 11px;
    margin: 0 auto;
    top: 522px;
    border:1px #f2dbb2 solid;
}
.load_progress_bar span{
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #f2dbb2;
    border-radius: 1vh;
}
.load_txt{
    position: absolute;
    text-align: center;
    width: 100%;
    top: 55%;
    color: #bdbdbd;
    font-size: 30px;
    font-weight: bold;
}