@charset "UTF-8";



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

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

html {}

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: #333;
	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: none;
	background-size: 10px 10px;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
}


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

.m98{width: 98%; overflow: hidden; margin: auto;}

.f12{font-size: 12px;}

.f14{font-size: 14px;}

.f16{font-size: 16px;}

.f18{font-size: 18px;}

.f20{font-size: 20px;}

.f22{font-size: 22px;}

.bold{font-weight: bold;}

.bule{color: #298dd9;}

.yellow{color: #feab1f;}

.yellow2{color: #fbfe00;}



.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{margin-top: 20px;}

.page-2-1 .title .title_top a{background: #298dd9; color: #FFFFFF; padding: 1.5% 0; display: inline-block; float: left; margin-right: 2.5%; border-radius: 5px; width: 22%; text-align: center;}

.page-2-1 .title .title_top a:last-child{}

.page-2-1 .title .title_buttom{background: url(../images/page-2-1.png); background-size: 100%; background-repeat: no-repeat;margin-top: 20px; padding: 2% 1%;}



.page-2-1 .title .title_buttom .right{width: 75%; float: right; margin-right: 2%;}

.page-2-1 .title .title_buttom .right a{display: block; width: 100%; text-align: center;}

.page-2-1 .box{border: 1px solid #fce7c4; padding: 3%; width: 90%; overflow: hidden; margin: auto;}

.page-2-1 .box .tex{display: block; width: 100%; text-indent: 2em; border-bottom: 1px dashed #cccccc; padding-bottom: 10px;}

.page-2-1 .box .pic2{margin-top: 10px;}

.page-2-1 .box .tex2{display: block; width: 100%; text-indent: 2em;  margin-top: 10px;}

.page-2-1 .box .pic3{margin-top: 10px;}

.page-2-1 .box ul li{float: left; width: 25%; text-align: center;}

.page-2-1 .box ul li:nth-child(1){width: 22%;}

.page-2-1 .box ul li:nth-child(2){width: 28%;}

.page-2-1 .box ul li:nth-child(3){width: 28%;}

.page-2-1 .box ul li:nth-child(4){width: 22%;}

.page-2-1 .box .btn{width: 98%; padding: 1% 0; border: 1px dashed #e95e5a; margin: auto; border-radius: 25px; margin-top: 20px;}

.page-2-1 .box .btn a{display:block;width: 98%; padding: 5px 0; background:#e95e5a; margin: auto; border-radius: 15px; text-align: center; color: #FFFFFF;}

.page-2-1 .box .buttom{margin-top: 20px;}

.page-2-1 .box .buttom ul li{width: 33%; text-align: center;}



/*极速308四大突破*/

.page-3-1 .title{background: url(../images/page-3-1.png);  background-size:100% 100%; background-repeat:no-repeat;color: #FFFFFF; padding: 2.5% 0;}

.page-3-1 .title span{text-align: center;}

.page-3-1 .title span:first-child{display: inline-block; width: 30%;}

.page-3-1 .title span:last-child{display: inline-block; width: 60%;}

.page-3-1 .article{padding: 2% 0;position: relative; margin-top: 20px;}

.page-3-1 .article .buttom{border: 1px dashed #CCCCCC; margin-top: 40px; }

.page-3-1 .article .buttom p{width: 60%; float: right; overflow: hidden; padding: 2% 0;}

.page-3-1 .article .pic{position: absolute; width: 33%; top: 0; left: 6%;}

.page-3-1 .article .tex{color: #298dd9;position: absolute; width: 50%; top: 0; right: 10%;}



.page-3-1 .article2{padding: 2% 0;position: relative; margin-top: 20px;}

.page-3-1 .article2 .buttom{border: 1px dashed #CCCCCC; margin-top: 40px; }

.page-3-1 .article2 .buttom p{width: 60%; float: left; margin-left: 1%; overflow: hidden; padding: 2% 0;}

.page-3-1 .article2 .pic{position: absolute; width: 33%; top: 0; right: 6%;}

.page-3-1 .article2 .tex{color: #298dd9;position: absolute; width: 50%; top: 0; left: 6%;}

.page-3-1 .buttom{width: 90%; overflow: hidden; margin: auto; margin-top: 20px; position: relative;}

.page-3-1 .buttom .btn{border: 1px dashed #CCCCCC; padding: 2%; width: 95%; margin-top: 9px;  }

.page-3-1 .buttom .btn a{display: block;color: #FFFFFF;background: #feab1f;  width: 100%; padding: 3% 0;}

.page-3-1 .buttom .btn a img{width: 15%; position: absolute; top: 0;}

.page-3-1 .buttom .btn span{display: block; width: 75%;margin-left: 18%;}

.page-3-1 .buttom .btn a em{width: 28%; position: absolute; top: 23%; right: 5%; display: block; background: url(../images/page-3-6.png); background-size: 100% 100%; background-repeat: no-repeat;padding: 4px 0 8px; text-align: center;}



/*极速308六大优势*/

.page-4-1 .title{background: url(../images/page-3-1.png);  background-size:100% 100%; background-repeat:no-repeat;color: #FFFFFF; padding: 2.5% 0; margin-top: 20px;}

.page-4-1 .title span{text-align: center;}

.page-4-1 .title span:first-child{display: inline-block; width: 30%;}

.page-4-1 .title span:last-child{display: inline-block; width: 60%;}

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


.page-4-1 .btn{width: 94%; padding: 1% 0; border: 1px dashed #e95e5a; margin: auto; border-radius: 25px; margin-top: 20px;}

.page-4-1 .btn a{display:block;width: 98%; padding: 5px 0; background:#e95e5a; margin: auto; border-radius: 15px; text-align: center; color: #FFFFFF;}

.page-4-1 .article{border: 1px solid #CCCCCC; padding: 2%; width: 94%; margin-top: 20px;}

.page-4-1 .article .top span:nth-child(1){width: 45%; text-align: center; color: #FFFFFF; padding: 1% 0; background: #51a2e0; display: inline-block; border-radius: 15px;}

.page-4-1 .article .top span:nth-child(2){width: 7%; display: inline-block; padding: 1% 0;}

.page-4-1 .article .top span:nth-child(3){width: 45%; text-align: center; color: #FFFFFF; padding: 1% 0; background: #51a2e0; display: inline-block; border-radius: 15px;}

.page-4-1 .article .con{margin-top: 20px;}

.page-4-1 .article .tex p{text-indent: 2em; margin-top: 10px;}

.page-4-1 .article .btn{width: 98%; padding: 1%; border: 1px dashed #e95e5a; margin: auto; border-radius: 25px; margin-top: 20px;}

.page-4-1 .article .btn a{display:block;width: 100%; padding: 5px 0; background:#e95e5a; margin: auto; border-radius: 15px; text-align: center; color: #FFFFFF;}


/*康复实例*/
.page-5-1 .title{background: url(../images/page-3-1.png);  background-size:100% 100%; background-repeat:no-repeat;color: #FFFFFF; padding: 2.5% 0; margin-top: 20px;}

.page-5-1 .title span{text-align: center;}

.page-5-1 .title span:first-child{display: inline-block; width: 30%;}

.page-5-1 .title span:last-child{display: inline-block; width: 70%;}

.page-5-1 .article{padding-bottom: 10px; border-bottom: 1px dashed #CCCCCC; margin-top: 20px;}

.page-5-1 .article ul li{float: left; text-align: center;}

.page-5-1 .article ul li:first-child{width: 64%;}

.page-5-1 .article ul li:last-child{width: 36%;}

.page-5-1 .article:last-child{border: none;}

.page-5-1 .btn{width: 95%; padding: 1%; border: 1px dashed #e95e5a; margin: auto; border-radius: 25px; margin-top: 20px;}

.page-5-1 .btn a{display:block;width: 100%; padding: 5px 0; background:#e95e5a; margin: auto; border-radius: 15px; text-align: center; color: #FFFFFF;}


/*为什么选择北大*/

.page-6-1 .title{background: url(../images/page-3-1.png);  background-size:100% 100%; background-repeat:no-repeat;color: #FFFFFF; padding: 2.5% 0; margin-top: 20px;}

.page-6-1 .title span{text-align: center;}

.page-6-1 .title span:first-child{display: inline-block; width: 30%;}

.page-6-1 .title span:last-child{display: inline-block; width: 70%;}

.page-6-1 .tex{text-align: center; margin: 10px 0;}

.page-6-1 p{text-indent: 2em; margin-top: 10px;}

.page-6-1 .btn{width: 95%; padding: 1%; border: 1px dashed #e95e5a; margin: auto; border-radius: 25px; margin-top: 20px;}

.page-6-1 .btn a{display:block;width: 100%; padding: 5px 0; background:#e95e5a; margin: auto; border-radius: 15px; text-align: center; color: #FFFFFF;}


/*患者关注*/
.page-7-1 .title{width: 80%; margin: auto; overflow: hidden; margin-top: 20px; position: relative;}
.page-7-1 .title .top{width: 98%; margin: auto; overflow: hidden; border: 1px solid #333333; padding: 8% 0; margin-top: 5%; }

.page-7-1 .title .tex{position: absolute; top: 0;width: 50%; text-align: center; background: #FFFFFF; color: #feab1f;left: 50%; margin-left: -25%;}

.page-7-1 .title .tex2{position: absolute; bottom: 0;width: 75%; text-align: center; background: #FFFFFF;left: 50%; margin-left: -38%;}

.page-7-1 .article a{border-bottom: dashed 1px #CCCCCC; padding: 2% 0; display: block; width: 95%;}

.page-7-1 .article a span:last-child{width: 19%; background: #feab1f; color: #FFFFFF; border-radius: 5px; display: inline-block; text-align: center; float: right; padding: 5px 0;}

.page-7-1 .buttom{width: 90%; overflow: hidden; margin: auto; margin-top: 20px; position: relative;}

.page-7-1 .buttom .btn{border: 1px dashed #CCCCCC; padding: 2%; width: 95%; margin-top: 9px;  }

.page-7-1 .buttom .btn a{display: block;color: #FFFFFF;background: #feab1f;  width: 100%; padding: 3% 0;}

.page-7-1 .buttom .btn a img:nth-child(1){width: 15%; position: absolute; top: 0;}

.page-7-1 .buttom .btn span{display: block; width: 75%;margin-left: 18%;}

.page-7-1 .buttom .btn a em{width: 28%; position: absolute; top: 23%; right: 5%; display: block; background: url(../images/page-3-6.png); background-size: 100% 100%; background-repeat: no-repeat;padding: 4px 0 8px; text-align: center;}


@media only screen and (min-width:375px){
	.f12{font-size: 14px;}
	
	.f14{font-size: 16px;}
	
	.f16{font-size: 18px;}
	
	.f18{font-size: 20px;}
	
	.f20{font-size: 22px;}
	
	.f22{font-size: 24px;}
}

@media only screen and (min-width:412px){
	.f12{font-size: 16px;}
	
	.f14{font-size: 18px;}
	
	.f16{font-size: 20px;}
	
	.f18{font-size: 22px;}
	
	.f20{font-size: 24px;}
	
	.f22{font-size: 26px;}
	.page-7-1 .article a span:last-child{width: 19%;}
}

@media only screen and (min-width:480px){
	.f12{font-size: 18px;}
	
	.f14{font-size: 20px;}
	
	.f16{font-size: 22px;}
	
	.f18{font-size: 24px;}
	
	.f20{font-size: 26px;}
	
	.f22{font-size: 28px;}
}





/* 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: 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;}
}