@charset "utf-8";
/* CSS Document */

body{ background:#f5f5f5 !important;}
.sz_banner{ background:url(../images/sz_banner.jpg) no-repeat; background-size:100%; width:100%; height:auto; padding: 6.3% 0 6.3% 0%;}
.sz_banner .sz_tit{ font-size:.75rem; color:#fff; font-weight:bold; font-family: Microsoft Yahei;  padding-left:5%;}
.sz_banner .sz_tit font{ border-bottom:1px solid #fff;  line-height: 1.1rem;display: inline-block;}
.sz_banner .sz_tit01{ font-size:.35rem; color:#fff; font-family: Microsoft Yahei; line-height:.55rem; margin-top: 1.8%; padding-left:5%;}
h3{ border-left:10px solid #059de6; line-height:.6rem; padding-left:.28rem; margin:3% 0 2% 0;}

dl.sz_list{ margin-top:2%; background:#fff; padding:3% 0;}
dl.sz_list dd p{ padding:.25rem 0;}
dl.sz_list dd p font{ float:left; display: inline-block;border: 1px solid #25e49a;border-radius: 5px;font-size: .3rem;padding: 0 .15rem; color:#25e49a; height:.5rem; line-height:.5rem; margin-left:.15rem; }
dl.sz_list dt{ width:33%; float:left; text-align:center;}
dl.sz_list dd{ width:62%; float:right; font-size:.34rem; color:#666; line-height:.6rem; padding-right:5%;}
dl.sz_list dd b{ float:left; display:block; font-weight:normal; font-size:.52rem; color:#222; }
dl.sz_list dt img{ border-radius:50%;}
/*试听*/

.st_list{ float:left; background:#fff;  width:45.5%;margin: 3% 2% 0 2%; padding-bottom:2%}
.st_list dd{ text-align:center; font-size:.6rem; height:1.2rem; line-height:1.2rem;}
.st_list dt{ text-align:center; font-size:1rem; }

.footer p {
    margin-top: 2%;
	} 
.footer{ margin-top: 3%;}

@media only screen and (max-width:680px){
	.footer-zx li{ width: 49.9%;}
	.footer-zx li a i{ }
}
@media only screen and (max-width: 640px) {
	html{ font-size:46px !important; }
	.footer-zx li a i{ width:2.5rem; text-align:right;margin-left: -1.25rem;
    margin-top: -0.3rem; }
}
@media only screen and (max-width:480px){
	html{ font-size:38px !important; }
	.footer-zx li {
    width: 49.89%;
}
table.banTable td{ font-size:.35rem;}
.footer nav a{ font-size:.45rem;}
.sz_banner .sz_tit{ font-size: .65rem;}
.sz_banner{padding: 5.5% 0 5.5% 0%;}
h3{ font-size:.55rem;}
dl.sz_list dt img{ width:70%;}
}


@media only screen and (max-width:441px){
	html {
    font-size: 32px !important;
}
dl.sz_list dd{ font-size:.38rem;}
dl.sz_list dt img{ width:75%;}
.head p {
    line-height: .9rem;
    font-size: .4rem;
}

.footer-zx li{ height: 1.3rem;}
.footer nav a{ padding: 0 3%; width:auto !important; font-size: .42rem;}

}
@media only screen and (max-width:414px){
.footer-zx li { width: 49.88%;}
table.studyTable td{ font-size:12px !important;padding: 6px 3px !important;}

}
@media only screen and (max-width:384px){
	.head p {
    line-height: .8rem;
}
.footer-zx li {
    width: 49.87%;
}
.footer ul li em{ width:50%;}
}

@media only screen and (max-width:375px){
.footer-zx li {
    width: 49.87%;
}
.footer ul li em{ width:50%;}
.sz_banner {
    padding: 5% 0 5% 0%;
}
.sz_banner .sz_tit01{ margin-top:1.2%;}
.sz_banner .sz_tit {
    font-size: .6rem;
}
dl.sz_list dd{ padding-right:4%;}
}


@media only screen and (max-width:360px){
.head p {
    line-height: .75rem;
    font-size: .4rem;
}
dl.sz_list dd p{ padding:0 0 .25rem 0;}
.footer-zx li {
    width: 49.85%;
}
.footer-zx li a i{ width: 2.4rem; height: .6rem;
line-height: .6rem; margin-left: -1.2rem;
    margin-top: -0.3rem;}
.footer-zx li {  height: 1.2rem;}
.footer ul li a{ line-height: .6rem; }
.footer { padding-bottom: 1.6rem;}
.footer nav a{ font-size: .4rem;}
.footer ul{ margin:1.5% 0;}
}
@media only screen and (max-width:320px){
.sz_banner .sz_tit {
    font-size: .5rem;
}
.footer-zx li {
    width: 49.84%;
}
.head p {
    font-size: .38rem;
}

.footer-zx li {
    height: 1.1rem;
}
.footer p {
    font-size: .32rem;
}
.footer nav a {
    font-size: .35rem;
}
.sz_banner .sz_tit01 {
    font-size: .32rem;
	line-height: .5rem;
	}
.sz_banner .sz_tit font{ line-height: .6rem;}
.sz_banner {
    padding: 6% 0 6% 0;
}
a.buttonGM{ width:60%;}

}