@charset "UTF-8";



* {
	margin: 0;
	padding: 0;
	outline: none;
}

*:not(input, textarea) {
	-webkit-touch-callout: inherit;
	-webkit-user-select: auto;
}

html{width: 100%;background: #000;}

body {
	font-family: font: 16px/32px;
	font-size: 14px;
	color: #333;
	-webkit-touch-callout: inherit;
	-webkit-user-select: auto;
	background-color: #fff;
	max-width: 480px;
	margin: 0 auto;
}

a {
	color: #333333;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	
}

a:hover {
	text-decoration: none;
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	padding: 0;
	outline: none;
}

dt,
dd {
	display: inline-block;
}

textarea,
input {
	resize: none;
	outline: none;
}

textarea {
	resize: none;
	-webkit-appearance: none;
}

ul,
ol,
li {
	list-style: none;
}

em {
	font-style: normal;
}

h2 {
	font-size: 22px;
	margin: 12px 0;
	text-align: center;
	
}

p {
	/*text-align: justify;*/
	/*text-justify: distribute-all-lines;*/
	
}

div,
ul,
dl,
dt,
dd,
p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
a,
p,
em {
	
}



/*全局样式*/

img {border:0;width:100%; }

.mt {width: 100%; overflow: hidden; margin: auto;}

.f12{font-size: 12px;}

.f14{font-size: 14px;}

.f16{font-size: 16px;}

.f18{font-size: 18px;}

.h20{line-height: 20px;}

.h25{line-height: 25px;}

.red{color: #ff0000;}

.blue{color: #128fe3;}

.bold{font-weight: bold;}

.yellow{color: #fde803;}

/*banner*/

.page-1-1 {
	background-color: #fff;
}




.logo1 {
    z-index: 3;
	margin-top:0px;
}
.logo1 a {
    display: table;
    text-align: center;
    margin: 0 auto;
}
.logo1 img {
    text-align: center;
    margin: 0 auto;
}
.nav {
    background: #298dd9;
    /*margin: 0px;*/
    display: inline-block;
    width: 100%;
    z-index: 2;
    margin-top: 94px
}
.nav li {
	overflow: hidden;
    border-bottom: 1px solid #ffffff;
    list-style: none;
}
.nav li a {
    text-decoration: none;
    width: 25%;
    box-sizing: border-box;
    text-align: center;
    line-height: 36px;
    border-right: 1px solid #fff;
    color: #fff;
    display: table;
    float: left;
    font-size: 14px;
}
.nav li a:hover {
    text-decoration: none;
    width: 25%;
    text-align: center;
    line-height: 36px;
    border-right: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    background: #e19333;
}
.nav li a:last-child {
    border: none;
}

@media only screen and (min-width: 320px){
	#bannerId{padding-top: 42%;}
	
}

@media only screen and (min-width: 360px){
	#bannerId{padding-top: 39%;}
	.nav{margin-top: 107px;}
}

@media only screen and (min-width: 375px){
	#bannerId{padding-top: 38%;}
	.nav{margin-top: 113px;}
}

@media only screen and (min-width: 412px){
	#bannerId{padding-top: 36%;}
	.nav{margin-top: 123px;}
}
@media only screen and (min-width: 414px){
	#bannerId{padding-top: 36%;}
	.nav{margin-top: 123px;}
}
@media only screen and (min-width: 480px){
	#bannerId{padding-top: 33%;}
	.nav{margin-top: 140px;}
}

@media only screen and (min-width: 768px){
	
	.nav{margin-top: 140px;}
}


/*问答模块*/
.page-2-1{width: 100%; overflow: hidden; margin: auto;}

.page-2-1 .title{width: 100%;overflow: hidden;  color: #fff; font-weight: bold; text-align: center;position: relative;   }

.page-2-1 .title .title_top{width: 95%; overflow: hidden; margin-top: 5%; background: #0a82de; padding: 3% 0 3% 5%;}

.page-2-1 .title span{display:block; width:10% ; position: absolute; top: 1%;}

.page-2-1 .article{border-left: 1px solid #e96a88; border-bottom: 1px solid #e96a88; padding: 0 0 2% 2%; width: 90%; margin: auto; position: relative; margin-top: 20px;}

.page-2-1 .article .module1{width: 100%; overflow: hidden;}

.page-2-1 .article .module1 .left{width: 10%; overflow: hidden; float: left; position: absolute; left: -5%; }

.page-2-1 .article .module1 .right{width: 95%; overflow: hidden; float: right;}

.page-2-1 .article .module2{width: 100%; overflow: hidden; margin-top: 20px;}

.page-2-1 .article .module2 .left{width: 10%; overflow: hidden; float: left; position: absolute; left: -5%; }

.page-2-1 .article .module2 .right{width: 95%; overflow: hidden; float: right;}

.page-2-1 .article .module3{width: 100%; overflow: hidden; margin-top: 20px;}

.page-2-1 .article .module3 .left{width: 10%; overflow: hidden; float: left; position: absolute; left: -5%; }

.page-2-1 .article .module3 .right{width: 95%; overflow: hidden; float: right;}


.page-2-1 .article .module4{width: 100%; overflow: hidden; margin-top: 20px;}

.page-2-1 .article .module4 .left{width: 10%; overflow: hidden; float: left; position: absolute; left: -5%; }

.page-2-1 .article .module4 .right{width: 95%; overflow: hidden; float: right;}


.page-2-1 .article .module5{width: 100%; overflow: hidden; margin-top: 20px;}

.page-2-1 .article .module5 .left{width: 10%; overflow: hidden; float: left; position: absolute; left: -5%; }

.page-2-1 .article .module5 .right{width: 95%; overflow: hidden; float: right;}

.page-2-1 .article .module6{width: 100%; overflow: hidden; margin-top: 20px;}

.page-2-1 .article .module6 .left{width: 10%; overflow: hidden; float: left; position: absolute; left: -5%; }

.page-2-1 .article .module6 .right{width: 95%; overflow: hidden; float: right;}

.page-2-1 .article .module7{width: 100%; overflow: hidden; margin-top: 20px;}

.page-2-1 .article .module7 .left{width: 10%; overflow: hidden; float: left; position: absolute; left: -5%; }

.page-2-1 .article .module7 .right{width: 95%; overflow: hidden; float: right;}




/*黑色素在北大如何祛白*/
.page-3-1{width: 100%; overflow: hidden; margin: auto; margin-top: 30px;}

.page-3-1 .title{width: 100%;overflow: hidden;  color: #fff; font-weight: bold; text-align: center;position: relative;   }

.page-3-1 .title .title_top{width: 95%; overflow: hidden; margin-top: 5%; background: #0a82de; padding: 3% 0 3% 5%;}

.page-3-1 .title span{display:block; width:10% ; position: absolute; top: 6%;}





.page-3-1 .article .module1{width: 98%; overflow: hidden; margin: 20px auto 0;}


.page-3-1 .article .module1 .tex .left{width: 49%; float: left; text-align: center;}
.page-3-1 .article .module1 .tex .right{width: 49%; float: right; text-align: center;}




.page-3-1 .article .module2{width: 98%; overflow: hidden; margin: 20px auto 0;}

.page-3-1 .article .module2 .tex {text-align: center;}



.page-3-1 .article .module3{width: 98%; overflow: hidden; margin: 20px auto 0;}

.page-3-1 .article .module3 .tex {text-align: center;}


.page-3-1 .article .module4{width: 98%; overflow: hidden; margin: 20px auto 0;}


.page-3-1 .article .module4 .tex .left{width: 49%; float: left; text-align: center;}
.page-3-1 .article .module4 .tex .right{width: 49%; float: right; text-align: center;}

.page-3-1 .article .button{ border: 5px; width: 100%; margin: auto; overflow: hidden; color: #ffffff;border-radius: 5px; display: inline-block;text-align: center;}






/*黑色素治白六大优势*/


.page-4-1{width: 100%; overflow: hidden; margin: auto; }

.page-4-1 .title{width: 100%;overflow: hidden;  color: #fff; font-weight: bold; text-align: center;position: relative;   margin-top: 30px;}

.page-4-1 .title .title_top{width: 95%; overflow: hidden; margin-top: 5%; background: #0a82de; padding: 3% 0 3% 5%;}

.page-4-1 .title span{display:block; width:10% ; position: absolute; top: 6%;}


.page-4-1 .actile{width:98%; margin: auto; overflow: hidden; position: relative;margin-top: 20px; display: block;}



.page-4-1 .actile .module1{background:#e4ebfb; padding: 1% 1%; width: 47%; float: left;}

.page-4-1 .actile .module1 p:first-child{text-align: center;}

.page-4-1 .actile .module2{background:#e4ebfb; padding: 1% 1%; width: 47%; float: right;}

.page-4-1 .actile .module2 p:first-child{text-align: center;}


.page-4-1 .actile .actile_con .module1 p:last-child{display: inline-block;width: 80%; overflow: hidden;}

.page-4-1 .actile .actile_con .module2 p:last-child{display: inline-block;width: 80%; overflow: hidden; margin-left: 20%;}



.page-4-1 .btn{background: #86a8f5; color: #FFFFFF; border: 5px solid #FFFFFF; text-align: center;  margin: auto; width: 70px; height: 70px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; position: absolute; top: 50%; margin-top: -50px; left: 48%; margin-left: -35px;}

.page-4-1 .btn span{display: inline-block; margin-top: 25%;}

.page-4-1 .footer{border: 1px dashed #eb9b9b; width: 80%; margin: auto; padding: 1%; margin-top: 20px; border-radius: 5px;}

.page-4-1 .footer .foot{background: #eb9b9b; color: #FFFFFF; padding: 3% 0; border-radius: 5px; display: block;}



/*真人案例*/

.page-5-1{width: 100%; overflow: hidden; margin: auto; }

.page-5-1 .title{width: 100%;overflow: hidden;  color: #fff; font-weight: bold; text-align: center;position: relative;   margin-top: 30px;}

.page-5-1 .title .title_top{width: 95%; overflow: hidden; margin-top: 5%; background: #0a82de; padding: 3% 0 3% 5%;}

.page-5-1 .title span{display:block; width:10% ; position: absolute; top: 6%;}

.page-5-1 .article{width: 98%; margin: auto; overflow: hidden;}

.page-5-1 .article .module1 .left{width: 40%; float: left; overflow: hidden; margin-top: 20px;}

.page-5-1 .article .module1 .left .pic1{position: relative;}

.page-5-1 .article .module1 .left .pic1 span{display:block;width: 100%; background: #000000; padding 1% 0; color: #FFFFFF; text-align: center; position: absolute; bottom: 0; filter:alpha(opacity:80); opacity:0.8;} 

.page-5-1 .article .module1 .left .jiantou{width: 20%; margin:auto; margin-top:10px;}






.page-5-1 .article .module1 .right{width: 58%; float: right; overflow: hidden; margin-top: 20px;}

.page-5-1 .article .module1 .right .tex1{border-bottom:1px dashed #ccc; padding-bottom:10px;}

.page-5-1 .article .module1 .right .tex1 span{padding-right:1%; border-right:1px solid #333; margin-right:2%;}

.page-5-1 .article .module1 .right .tex2{border-bottom:1px dashed #ccc; padding-bottom:10px; margin-top:10px}

.page-5-1 .article .module1 .right .tex2 span{padding-right:1%; border-right:1px solid #333; margin-right:2%;}

.page-5-1 .article  .right .right_jiantou{width:20%; float:left; margin-top:30px;}

.page-5-1 .article  .right .right_left{width:70%; overflow: hidden; position: relative;}

.page-5-1 .article  .right .right_left span{position:absolute; bottom:0;padding 1% 0;display:block; width:100%; background:#000; color:#fff; text-align:center; filter:alpha(opacity:80); opacity:0.8;  }




/*老牌专业医院*/

.page-6-1{width: 100%; overflow: hidden; margin: auto; }

.page-6-1 .title{width: 100%;overflow: hidden;  color: #fff; font-weight: bold; text-align: center;position: relative;   margin-top: 30px;}

.page-6-1 .title .title_top{width: 95%; overflow: hidden; margin-top: 5%; background: #0a82de; padding: 3% 0 3% 5%;}

.page-6-1 .title span{display:block; width:10% ; position: absolute; top: 6%;}

.page-6-1 .article{border:1px dashed #ccc; width:98%; margin:auto; padding:2%; margin-top:20px;}

.page-6-1 .article p{text-indent: 2em;}

.page-6-1 .pic{margin-top:20px;}










/* footer */

.footer{text-align: center;padding-bottom: 60px; margin-top: 30px;}

.footer ul{width: 100%;	margin: auto; overflow: hidden; margin-bottom: 15px; line-height: 35px;}

.footer ul li{float: left; width: 24%;     text-align: center; font-weight: bold; font-size: 18px;}

.footer ul li:nth-child(1){border-right: 1px solid #fff;}

.footer ul li:nth-child(2){border-right: 1px solid #fff;}

.footer ul li:nth-child(3){border-right: 1px solid #fff;}

.footer .footer_left{width: 65%; height: 180px; float: left; margin-left: 5%;}

.footer .footer_left p{text-align: left; }

.footer .footer_right{width: 30%; height: 110px; float: left;}

.footer .footer_right img{width: 80%;}

.footer a{display: inline-block; overflow: hidden;}

}

@media only screen and (min-width:320px){
	.footer .footer_left p{font-size: 16px;}
}

@media only screen and (min-width:360px){
	.footer .footer_left p{font-size: 17px; line-height: 25px;}
}

@media only screen and (min-width:375px){
	.footer .footer_left p{font-size: 18px;}
}

@media only screen and (min-width:412px){
	.footer .footer_left p{font-size: 19px;}
}

@media only screen and (min-width:414px){
	.footer .footer_left p{font-size: 19px;}
	.footer span{font-size: 19px;}
	
	.footer .footer_left{height: 150px;}
	
	.footer .footer_right{height: 150px;}
	
	.footer .footer_right{padding-top: 20px;}
}

@media only screen and (min-width:480px){
	
	.footer .footer_left p{font-size: 20px;}
	.footer span{font-size: 20px;}
	
	.footer .footer_left{height: 150px;}
	
	.footer .footer_right{height: 150px;}
	
	.footer .footer_right{padding-top: 20px;}
}


/*内容兼容性*/

@media screen and (min-width:320px) {
	.page-5-1 .buttom a:last-child{    padding: 1.3% 0;}
	
}



@media screen and (min-width:360px) {
	.f12{font-size: 14px;}

	.f14{font-size: 16px;}
	
	.f16{font-size: 18px;}
	
	.f18{font-size: 20px;}
	
	.h20{line-height: 23px;}
	
	.h25{line-height: 30px;}
	
	.page-2-1 .btn{line-height: 35px;}
	
	.page-5-1 .buttom a:last-child{    padding: 2.2% 0;}
}






@media screen and (min-width:375px) {
	.f12{font-size: 14px;}

	.f14{font-size: 16px;}
	
	.f16{font-size: 18px;}
	
	.f18{font-size: 20px;}
	
	.h20{line-height: 23px;}
	
	.h25{line-height: 30px;}
	
	.page-2-1 .btn{line-height: 35px;}
	
	.page-5-1 .buttom a:last-child{padding: 2.2% 0;}
	
	.am-slider-a1{padding-bottom: 5%;}
	
	.page-4-1 .buttom{ height: 40px;}
	
	.page-6-1 .buttom{ height: 40px;}
	
	.tya_wx .tya_wx_right{padding-top: 2%;}
}


@media screen and (min-width:411px) {
	
	.page-5-1 .buttom a:last-child{padding: 2.7% 0;}
	

}






@media screen and (min-width:412px) {
	
	.f12{font-size: 16px;}

	.f14{font-size: 18px;}
	
	.f16{font-size: 20px;}
	
	.f18{font-size: 22px;}
	
	.h20{line-height: 26px;}
	
	.h25{line-height: 40px;}
	
	.page-2-1 .btn{line-height: 40px;}
	
	.page-5-1 .buttom a:last-child{padding: 2% 0;}
	
	.page-4-1 .buttom{height: 45px;}
	
	.page-6-1 .buttom{height: 45px;}

}

@media screen and (min-width:435px) {
	
	.page-5-1 .buttom a:last-child{padding: 2.3% 0;}
	

}





@media screen and (min-width:480px) {
	
	.f12{font-size: 16px;}

	.f14{font-size: 18px;}
	
	.f16{font-size: 20px;}
	
	.f18{font-size: 22px;}
	
	.h20{line-height: 26px;}
	
	.h25{line-height: 40px;}
	
	.page-2-1 .btn{line-height: 40px;}
	
	.page-5-1 .buttom a:last-child{padding: 2% 0;}
	
	.page-4-1 .buttom{height: 45px;}
	
	.page-6-1 .buttom{height: 45px;}
	
	.page-8-1 .article1 .right1{margin-top: 2%;}

}


@media screen and (min-width:768px) {
	
	.page-5-1 .buttom a:last-child{padding: 2.8% 0;}
	

}


.div_right_1 span{
	background-color: #D9D9D9;
    color: #000;
    display: inline-block;
    padding: 12px;
    border-radius: 5px;
}
@media only screen and (min-width:320px){

		.div_right {
			display: inline-block;
			float: right;
			width: 88%;
			line-height: 25px;
			margin-right: 4%;
			border-left: 1px solid #F08300;
			padding-left: 9px;
			font-size: 13px;
		}
		
		.div_right span p {
			display: inline;
			color: #9b0000;
		}
		
		.div_right_1 p {
			display: inline-block;
			background: url(../images/yuan.png) no-repeat 0px 4px;
			background-size: 15px;
			z-index: 100;
			padding-left: 30px;
			margin-left: -18px;
			color: #000;
			position: relative;
		}
		
		.ea_cls {
			width: 100%;
			text-align: center;
			margin-bottom: 15px;
		}
		
		.ea_cls a {
			color: #000;
			display: inline-block;
			width: 100px;
			margin-top: 20px;
		}
		
		.ea_cls a img {
			width: 25%;
			float: left;
			margin-top: -10px;
		}
		
		
		
		
		
		
		
	
		
}