@charset "utf-8";
 .focus{
     width:100%;
     height:4.8rem;
     overflow:hidden;
     margin-top:1rem;
     position:relative;
}
 .fullFocus{
     width:2.75rem;
     height:5rem;
     overflow:hidden;
     position:relative;
}
 .imgList{
     height:4.8rem !important;
     overflow:hidden;
}
 .imgList li{
     width:7.5rem;
     text-align:center;
}
 .imgList img{
     width:100%;
     height:4.8rem;
     margin:0rem auto;
}
 .switchIcon{
     width:7.5rem;
     position: absolute;
     bottom:0.3rem;
     width:100%;
     text-align:center;
}
 .switchIcon li{
     width:0.2rem;
     height:0.06rem;
     background:rgba(255,255,255,0.5);
     margin:0rem 0.1rem;
     display:inline-block;
     border-radius:0.03rem;
     font-size:0rem;
     cursor:pointer;
}
 .switchIcon li.on{
     background:rgba(255,255,255,1);
}
 .wrap{
     width:7.5rem;
     overflow:hidden;
     background-color:#fff;
}
 .wrap.gray{
     background-color:#F8F8F8;
}
 .mainContent{
     margin:0rem auto 0rem auto;
     overflow:hidden;
}
 .mainContent h2{
     color:#444;
     font-size:0.38rem;
     font-weight:bold;
     text-align:center;
     margin-top:0.8rem;
}
 .mainContent h2 font:nth-of-type(1){
     color:#2771C9;
}
 .mainContent h2 font:nth-of-type(2){
     color:#EA5C1C;
}
 .mainContent h3{
     color:#aaa;
     font-size:0.24rem;
     text-align:center;
     margin:0.1rem 1rem;
}
 .mainContent h3.paragraph{
     text-align:left;
     line-height:0.5rem;
     margin:0.4rem 0.4rem 0rem 0.4rem;
     font-size:0.28rem;
}
 .mainContent h3 b{
     color:#444;
     font-size:0.24rem;
     line-height:0.48rem;
     text-align:center;
     margin-top:0.2rem;
     font-weight:normal;
     display:block;
}
 .list01{
     width:100%;
     overflow:hidden;
     height:3.15rem;
     overflow:hidden;
}
 .list01 li{
     width:3.2rem;
     height:3.15rem;
     float:left;
     margin:0rem 0.15rem;
     border-radius:0.08rem;
}
 #list01{
     margin-top:0.4rem;
     margin-left:0.25rem;
     position:relative;
}
 .ul01 li:nth-of-type(1){
     background: linear-gradient(136deg, #3480D9 0%, #1C78E5 100%);
}
 .ul01 li:nth-of-type(2){
     background: linear-gradient(136deg, #5DDD76 0%, #42C97B 100%);
}
 .ul02 li:nth-of-type(1){
     background: linear-gradient(136deg, #6841E8 0%, #4835DB 100%);
}
 .ul02 li:nth-of-type(2){
     background: linear-gradient(136deg, #E29031 0%, #E25A28 100%);
}
 .list01 li::before{
     content:'';
     display:block;
     margin:0.2rem auto 0.1rem auto;
     width:1.28rem;
     height:1.28rem;
}
 .ul01 li:nth-of-type(1)::before{
     background:url(../images/listIcon01@2x.png) no-repeat center center scroll;
     background-size:100%;
}
 .ul01 li:nth-of-type(2)::before{
     background:url(../images/listIcon02@2x.png) no-repeat center center scroll;
     background-size:100%;
}
 .ul02 li:nth-of-type(1)::before{
     background:url(../images/listIcon03@2x.png) no-repeat center center scroll;
     background-size:100%;
}
 .ul02 li:nth-of-type(2)::before{
     background:url(../images/listIcon04@2x.png) no-repeat center center scroll;
     background-size:100%;
}
 .focusIcon,.focusIcon02{
     text-align:center;
     margin:0.4rem 0.25rem 0.25rem 0rem;
}
 .focusIcon li,.focusIcon02 li{
     width:0.2rem;
     height:0.06rem;
     background:#444444;
     margin:0rem 0.1rem;
     display:inline-block;
     border-radius:0.03rem;
     font-size:0rem;
     cursor:pointer;
}
 .focusIcon li.on,.focusIcon02 li.on{
     background:#2771C9;
}
 .list01 h4{
     color:#fff;
     font-size:0.3rem;
     font-weight:bold;
     line-height:0.4rem;
     text-align:center;
}
 .list01 p{
     color:#fff;
     font-size:0.24rem;
     line-height:0.4rem;
     text-align:center;
}
 .experience{
     text-align:center;
     margin:0.6rem auto 0.8rem auto;
     font-size:0rem;
}
 .experience a{
     display:inline-block;
     width:6.7rem;
     height:0.9rem;
     font-size:0.32rem;
     line-height:0.9rem;
     text-align:center;
     border-radius:0.45rem;
}
 .experience a.experienceBtn{
     color:#fff;
     background:linear-gradient(133deg, #EB853B 0%, #EA5C1C 100%);
     box-shadow:0rem 0.2rem 0.5rem 0.02rem rgba(213, 98, 48, 0.5);
     ;
}
 .experience a.viewMore{
     border:#2771C9 solid 0.01rem;
     color:#2771C9;
     height:0.9rem;
     line-height:0.9rem;
}
 .experience02{
     text-align:center;
     margin:0.6rem auto 0.8rem auto;
     font-size:0rem;
}
 .experience02 a{
     display:inline-block;
     width:3.2rem;
     height:0.9rem;
     font-size:0.32rem;
     line-height:0.9rem;
     text-align:center;
     border-radius:0.45rem;
     margin:0rem 0.15rem;
}
 .experience02 a.experienceBtn{
     color:#fff;
     background:linear-gradient(133deg, #EB853B 0%, #EA5C1C 100%);
     box-shadow:0rem 0.2rem 0.5rem 0.02rem rgba(213, 98, 48, 0.5);
     ;
}
 .experience02 a.viewMore{
     border:#2771C9 solid 0.01rem;
     color:#2771C9;
     height:0.9rem;
     line-height:0.9rem;
}
/* .list02{
     width:100%;
     overflow:hidden;
     height:3.15rem;
     overflow:hidden;
}
 .list02 li{
     width:3.2rem;
     height:3.5rem;
     float:left;
     margin:0rem 0.2rem;
     background-color:#f8f8f8;
     position:relative;
     box-sizing:border-box;
     padding-top:0.8rem;
     background-color:#f60;
}
 #list02{
     margin-top:0.4rem;
     margin-left:0.25rem;
     position:relative;
}
 .ul01 li:nth-of-type(1){
     background: linear-gradient(136deg, #3480D9 0%, #1C78E5 100%);
}
 .ul01 li:nth-of-type(2){
     background: linear-gradient(136deg, #5DDD76 0%, #42C97B 100%);
}
 .ul02 li:nth-of-type(1){
     background: linear-gradient(136deg, #6841E8 0%, #4835DB 100%);
}
 .ul02 li:nth-of-type(2){
     background: linear-gradient(136deg, #E29031 0%, #E25A28 100%);
}
 .list01 li::before{
     content:'';
     display:block;
     margin:0.2rem auto 0.2rem auto;
     width:1.28rem;
     height:1.28rem;
}
 .ul01 li:nth-of-type(1)::before{
     background:url(../images/listIcon01@2x.png) no-repeat center center scroll;
     background-size:100%;
}
 .ul01 li:nth-of-type(2)::before{
     background:url(../images/listIcon02@2x.png) no-repeat center center scroll;
     background-size:100%;
}
 .ul02 li:nth-of-type(1)::before{
     background:url(../images/listIcon03@2x.png) no-repeat center center scroll;
     background-size:100%;
}
 .ul02 li:nth-of-type(2)::before{
     background:url(../images/listIcon04@2x.png) no-repeat center center scroll;
     background-size:100%;
}
 .focusIcon{
     text-align:center;
     margin:0.4rem 0.25rem 0.25rem 0rem;
}
 .focusIcon li{
     width:0.2rem;
     height:0.06rem;
     background:#444444;
     margin:0rem 0.1rem;
     display:inline-block;
     border-radius:0.03rem;
     font-size:0rem;
     cursor:pointer;
}
 .focusIcon li.on{
     background:#2771C9;
}
 */
 .list02{
     width:100%;
     margin-top:0.3rem;
     overflow:hidden;
     height:3.5rem;
     padding-top:0.15rem;
}
 .list02 li{
     width:3.2rem;
     height:3.5rem;
     float:left;
     margin:0.15rem 0.2rem 0rem 0.2rem;
     background-color:#f8f8f8;
     position:relative;
     box-sizing:border-box;
     padding-top:0.8rem;
}
 .list02 h4{
     font-size:0.3rem;
     line-height:0.3rem;
     text-align:center;
     font-weight:bold;
}
 #list02{
     margin-top:0.4rem;
     margin-left:0.25rem;
     position:relative;
}
 .list02 li::before{
     content:'';
     display:block;
     width:2.44rem;
     height:0.96rem;
     position:absolute;
     top:-0.2rem;
     left:0.38rem;
}
 .list02ul01 li:nth-of-type(1){
     color:#27BDC9;
}
 .list02ul01 li:nth-of-type(2){
     color:#4385D5;
}
 .list02ul01 li:nth-of-type(1)::before{
     background:url(../images/listIcon0201@2x.png) no-repeat center center scroll;
     background-size:100%;
}
 .list02ul01 li:nth-of-type(2)::before{
     background:url(../images/listIcon0202@2x.png) no-repeat center center scroll;
     background-size:100%;
}
 .list02ul02 li:nth-of-type(1){
     color:#39C1AC;
}
 .list02ul02 li:nth-of-type(2){
     color:#EB8D48;
}
 .list02ul02 li:nth-of-type(1)::before{
     background:url(../images/listIcon0203@2x.png) no-repeat center center scroll;
     background-size:100%;
}
 .list02ul02 li:nth-of-type(2)::before{
     background:url(../images/listIcon0204@2x.png) no-repeat center center scroll;
     background-size:100%;
}
 .list02 p{
     color:#666;
     font-size:0.24rem;
     line-height:0.3rem;
     text-align:center;
     margin:0.1rem 0.3rem 0rem 0.3rem;
     text-align:justify;
}
 .tabTit{
     margin:0.4rem auto 0rem auto;
     text-align:center;
     overflow-y:hidden;
     overflow-x:auto;
     -webkit-overflow-scrolling: touch;
     white-space:nowrap;
     padding-left:0.4rem;
}
 .tabTit span{
     display:inline-block;
     padding:0rem 0.32rem;
     cursor:pointer;
     height:0.64rem;
     font-size:0.28rem;
     line-height:0.64rem;
     text-align:center;
     margin:0rem 0.1rem;
     border-radius:0.32rem;
     background-color:#fff;
     color:#666;
}
 .tabTit span.active{
     background-color:#2771C9;
     color:#fff;
}
 .tabContent{
     margin:0.4rem auto 0rem auto;
}
 .tabContent01{
     text-align:center;
     margin:0.4rem auto 0rem auto;
     display:none;
}
 .tabContent01.active{
     display:block;
}
 .tabContent01 img{
     width:6.7rem;
     height:3rem;
}
 .switchFocus02{
     overflow:hidden;
     position:relative;
     margin-top:0.2removerflow:hidden;
}
 .imgList02{
     overflow:hidden;
     width:7.5rem !important;
     overflow:hidden;
}
 .imgList02 li{
     overflow:hidden;
     position:relative;
     margin:0rem 0.4rem;
     padding:0.4rem 0rem 0.4rem 0rem;
     border-bottom:#eee solid 0.02rem;
}
 .imgList02 li h4{
     font-size:0.3rem;
     line-height:0.5rem;
     font-weight:bold;
     margin-bottom:0rem;
}
 .imgList02 li p{
     font-size:0.24rem;
     position:relative;
     line-height:0.4rem;
     text-align:justify;
     color:#666;
     max-height:1.6rem;
     overflow:hidden;
}
 .imgList02 img{
     width:3.2rem;
     height:2.1rem;
     float:left;
}
 .teacher01Icon,.teacher01Icon02{
     text-align:center;
     margin:0.2rem 0.25rem 0.25rem 0rem;
}
 .teacher01Icon li,.teacher01Icon02 li{
     width:0.2rem;
     height:0.06rem;
     background:#444444;
     margin:0rem 0.1rem;
     display:inline-block;
     border-radius:0.03rem;
     font-size:0rem;
     cursor:pointer;
}
 .teacher01Icon li.on,.teacher01Icon02 li.on{
     background:#2771C9;
}
 .imgList02 li.showHeight .listMain02{
     height:auto;
}
 .imgList02 li.showHeight p{
     height:auto;
     max-height:initial;
}
 .listMain02{
     float:right;
     width:3.2rem;
     height:2.1rem;
}
 #teacher02{
     margin-left:0.25rem;
}
 .imgList02 li:nth-of-type(2n) img{
     float:right;
}
 .imgList02 li:nth-of-type(2n) .listMain02{
     float:left;
}
 .showMore{
     font-size:0.24rem;
     display:inline-block;
     padding-left:0.1rem;
     background-color:#fff;
     color:#2771C9;
     line-height:0.4rem;
     position:absolute;
     right:0rem;
     bottom:0rem;
}
 .showMore.active{
     position:relative;
     right:inherit;
     bottom:inherit;
}
 .showMore::after{
     content:'';
     display:inline-block;
     float:right;
     height:0.4rem;
     margin:0.16rem 0rem 0rem 0.04rem;
     width:0.16rem;
     height:0.08rem;
     background:url(../images/downIcon02.png) no-repeat center center scroll;
     background-size:contain 
}
 .showMore.active::after{
     background:url(../images/upIcon02.png) no-repeat center center scroll;
     background-size:contain 
}
 .teacherList{
     overflow:hidden;
     width:6.9rem;
     margin:0.4rem auto 0rem auto;
}
 .teacherList li{
     width:2.1rem;
     height:2.1rem;
     float:left;
     margin:0rem 0.1rem 0.2rem 0.1rem;
     position:relative;
}
 .teacherList img{
     width:2.1rem;
     height:2.1rem;
}
 .teacherList li h4{
     font-size:0.24rem;
     line-height:0.3rem;
     text-align:center;
     position:absolute;
     bottom:0.15rem;
     left:0rem;
     width:100%;
     color:#fff;
}
 .dataPic{
     margin:0.4rem 0.4rem;
     margin-bottom:;
     text-align:center;
}
 .dataPic img{
     width:100%;
}
 .list03{
     width:100%;
     margin-top:0.4rem;
     overflow:hidden;
     padding:0rem 0rem 0rem 0.25rem;
}
 .list03 li{
     width:3.2rem;
     float:left;
     margin:0rem 0.15rem 0.3rem 0.15rem;
     position:relative;
     box-sizing:border-box;
}
 .list03 img{
     width:3.2rem;
     height:2rem;
}
 .list03 h4{
     font-size:0.3rem;
     line-height:0.5rem;
     color:#444;
     font-weight:bold;
     margin:0.2rem 0rem 0.08rem 0rem;
}
 .list03 h4 em{
     color:#999;
     font-size:0.24rem;
     margin-left:0.1rem;
}
 .list03 p.price{
     font-size:0.24rem;
     line-height:0.3rem;
     color:#EA5C1C;
}
 .list03 p.viewers{
     color:#444;
     font-size:0.24rem;
}
 .list03 p.viewers font{
     color:#aaa;
     margin-right:0.1rem;
}
 .newsContent{
     display:none 
}
 .newsContent.active{
     display:block;
}
 .newsTit{
     margin:0.4rem auto 0rem auto;
     text-align:center;
}
 .newsTit span{
     display:inline-block;
     padding:0rem 0.32rem;
     cursor:pointer;
     height:0.64rem;
     font-size:0.28rem;
     line-height:0.64rem;
     text-align:center;
     margin:0rem 0.1rem;
     border-radius:0.32rem;
     background-color:#fff;
     color:#666;
}
 .newsTit span.active{
     background-color:#2771C9;
     color:#fff;
}
 .newsList{
     margin-top:0.4rem;
     overflow:hidden;
}
 .newsList li{
     position:relative;
     box-sizing:border-box;
     overflow:hidden;
     padding:0.15rem 0.4rem;
}
 .newsList img{
     width:2.1rem;
     height:1.4rem;
     float:left;
     margin-right:0.3rem;
}
 .newsList h4{
     font-size:0.3rem;
     line-height:0.44rem;
     font-weight:normal;
     color:#444;
}
 .newsList span{
     font-size:0.24rem;
     line-height:0.3rem;
     display:block;
     color:#aaa;
     margin-top:0.2rem;
}
 .newsList p{
     font-size:0.14rem;
     line-height:0.2rem;
     text-align:justify;
     color:#666;
     margin:0.2rem 0rem 0.8rem 0rem;
     height:0.4rem;
     overflow:hidden;
}
 .blue{
     height:3.1rem;
     background:#2771C9 url(../images/blueBg.png) no-repeat center 2.4rem scroll;
     background-size:contain;
     border-top-left-radius:0.4rem;
     border-top-right-radius:0.4rem;
     margin:-2.4rem auto 0rem auto;
     border-bottom:#f60 solid 0.1rem;
}
 .contactTab{
     margin:0.4rem 0.4rem 0rem 0.4rem;
     overflow:hidden;
}
 .contactTab span{
     width:33.33%;
     height:0.96rem;
     border-top:#fff solid 0.04rem;
     float:left;
     text-align:center;
     font-size:0.3rem;
     line-height:0.96rem;
     cursor:pointer;
}
 .contactTab span.active{
     border-top:#2771C9 solid 0.04rem;
     font-weight:bold;
     background-color: #F4F7FA;
     color:#2771C9;
     font-weight:bold;
}
 .mapWrap{
     background-color: #F4F7FA;
     overflow:hidden;
     margin:0rem 0.4rem 0.8rem 0.4rem;
     width:6.7rem;
}
 .address{
     display:none;
}
 .address.active{
     display:block;
}
 .address h4{
     font-size:0.32rem;
     line-height:0.4rem;
     color:#444;
     margin:0.5rem 0rem 0.1rem 0.4rem;
     height:0.4rem;
     overflow:hidden;
     font-weight:bold;
}
 .address p{
     font-size:0.28rem;
     line-height:0.4rem;
     color:#666;
     margin:0rem 0.4rem 0.1rem 0.4rem;
     overflow:hidden;
}
 .address span{
     display:block;
     font-size:0.4rem;
     font-weight:bold;
     color:#2771C9;
     line-height:0.64rem;
     height:0.64rem;
}
 .address span::before{
     content:'';
     display:block;
     width:0.64rem;
     height:0.64rem;
     margin-left:0.4rem;
     float:left;
     background:url(../images/telBg.png) no-repeat center center scroll;
     background-size:contain;
}
 .map{
     height:2.4rem;
     overflow:hidden;
     margin:0.3rem 0.4rem 0.4rem 0.4rem;
     border-radius:0.08rem;
     border:#fff solid 0.08rem;
     overflow:hidden;
}
 .focus03{
     width:6.7rem;
     height:3.9rem;
     margin:0.5rem auto 0rem auto;
     position:relative;
     z-index: 99;
}
 .switchFocus03{
     height:3.3rem;
     width:6.7rem;
}
 .imgList03{
     width:6.7rem;
     height:3.3rem;
}
 .imgList03 img{
     width:6.7rem;
     height:3.3rem;
}
 .mainContent{
     position:relative;
     z-index: 99;
}
 .switchIcon03{
     text-align:center;
     position:relative;
     z-index: 99;
     margin-top:0.2rem;
}
 .switchIcon03 li{
     width:0.2rem;
     height:0.06rem;
     background:rgba(255,255,255,0.5);
     margin:0rem 0.1rem;
     display:inline-block;
     border-radius:0.03rem;
     font-size:0rem;
     cursor:pointer;
}
 .switchIcon03 li.on{
     background:rgba(255,255,255,1);
}
/* width: 1.65rem;
 height: 0.33rem;
 font-size: 0.24rem;
 font-family: Alibaba PuHuiTi 2.0-85 Bold, Alibaba PuHuiTi 20;
 font-weight: normal;
 color: #444444;
 */
 .focus02{
     width:100%;
     margin-top:0.1rem;
}
 .picList02{
     height:6.4rem;
}
 .picList02 li{
     width:5.5rem !important;
     height:5.4rem;
     margin:0.3rem 0.15rem 0.3rem 0.15rem;
     box-sizing:border-box;
     padding:0.4rem;
     box-shadow: 0rem 0.1rem 0.3rem 0.02rem rgba(0, 0, 0, 0.1);
}
 .testScore{
     height:1.95rem;
     margin:0.2rem 0rem;
}
 .user{
     height:0.64rem;
     line-height:0.64rem;
     font-size:0.28rem;
     color:#444;
}
 .user img{
     float:left;
     width:0.64rem;
     height:0.64rem;
     margin-right:0.2rem;
}
 .userInfo{
     font-size:0.24rem;
     line-height:0.4rem;
     color:#666;
     margin-top:0.2rem;
}