*{
    padding: 0;
    margin: 0;
}
img{
    border: 0;
}
ul li{
    list-style: none;
}
ol li{
    list-style: none;
}
html{
    font-size: 14px; /* 10¡Â16=62.5% */
}
/*@media only screen and (min-width: 481px){*/
/*html {*/
/*font-size: 94%!important;*/
/*}*/
/*}*/
/*@media only screen and (min-width: 561px){*/
/*html {*/
/*font-size: 109%!important;*/
/*}*/

/*}*/
/*@media only screen and (min-width: 641px){*/
/*html {*/
/*font-size: 125%!important;*/
/*}*/
/*}*/
body{
    font-family: Arial,"Microsoft Yahei", Tahoma, Geneva;
}
a{
    text-decoration: none;
}
a:active {
    color:#000;
}
.cle{
    clear: both;
}
.hide{
    display: none;
}
.fl_l{
    float: left;
}
.fl_r{
    float: right;
}



















.m_nav{
    width: 100%;
    height: 3.143rem;
    background: #e7e7e7;
    vertical-align: middle;
    position: fixed;
    bottom: 0;
    left: 0;
    font-size: 0.857rem;
}
.m_nav span{
    float: left;
    display: block;
    width: 33.3%;
    text-align: center;
    color: #555555;
}
.m_nav span img{
    /*width: 1.571rem;*/
    height: 1.286rem;
    display: block;
    margin: 0.286rem auto 0;
}
.m_nav span b{
    display: block;
    font-weight: normal;
    padding-top: 0.286rem;
}
.search_list{
    position: fixed;
    bottom: 3.143rem;
    right: 0;
    width: 33.3%;
    text-align: center;
    line-height: 2.625rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #979797;
    overflow: hidden;
    background: white;
    border-bottom: none;
}
.search_list p{
    border-bottom: 1px solid #979797;
    font-size: 0.857rem;
}
/*
---------------------------------
                        home.html
---------------------------------
*/
.logo{
    width: 100%;
    height: 3.143rem;
    background: #000;
    line-height: 3.143rem;
    text-align: center;
}
.logo img{
    vertical-align: middle;
    width: 14.286rem;
    height: 2.071rem;
}
.content{
    width: 22.143rem;
    margin: 0 auto;
}
.m_video_box{
    width: 22.143rem;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
    margin: 0 auto;
}
.m_video_box video{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.page_line{
    height: 0.5rem;
    width: 100%;
    margin: 1rem 0 0.5rem;
    background: #e9e9e9;
}
.home_h1{
    font-size: 1.286rem;
    color: #0099ff;
    line-height: 1.857rem;
    border-bottom: 1px solid #d4d4d4;
}
.notice{
    margin: 0.5rem 0;
}
.notice li{
    line-height: 2.143rem;
    height: 2.143rem;
    list-style:inside;
}
.notice li a:link{
    font-size: 1rem;
    color: #979797;
    cursor: pointer;
}
.notice li a:visited{
    color: #86006b;
}
.home_new_list li:after,.home_new_list:before{
    content: '';
    height: 0;
    display: table;
}
.home_new_list li:after{
    content: '';
    clear: both;
}
.home_new_list{
    margin: 0.5rem 0;
}
.home_new_list li{
    border-bottom: 1px solid #e9e9e9;
    padding: 0.5rem 0;
}
.home_new_l{
    width: 14rem;
}
.home_new_l h2{
    font-size: 1.143rem;
    color: #454545;
    font-weight: normal;
    line-height: 1.714rem;
    height: 3.428rem;
}
.home_new_l p{
    color: #979797;
    font-size: 0.857rem;
    line-height: 2rem;
}
.home_new_l p span:first-child{
    background: url("../imgs/eye.png") no-repeat left center;
    padding-left: 1rem;
    background-size: 0.875rem 0.5rem;
    float: left;
    width: 3.750rem;
    display: block;
}
.home_new_r{
    width: 6.768rem;
    height: 5.071rem;
    overflow: hidden;
}
.home_new_r img{
    width: 100%;
    height: 100%;
}
.m_bottom{
    padding-bottom: 4rem;
}
.home_h5{
    font-size: 1rem;
    color: #454545;
    margin: 0.5rem 0;
    font-weight: normal;
}
.home_introduce{
    font-size: 0.857rem;
    color: #454545;
    text-indent: 1.714rem;
    text-align: justify;
    line-height: 1.714rem;
}
/*
--------------------------------
                            message.html
-------------------------------------
                            */
.body2{
    background: #fafafa;
}
.nav_message{
    background: white;
}
.first_photo{
    width: 22.143rem;
    display: block;
    margin: 0 auto;
}
.first_photo img{
    width: 100%;
}
.message_l{
    width: 14rem;
}
.message_l h2{
    font-size: 1.143rem;
    color: #454545;
    font-weight: normal;
    line-height: 1.714rem;
    height: 3.428rem;
}
.message_l p{
    color: #979797;
    font-size: 0.857rem;
    line-height: 2rem;
}
.message_l p span:first-child{
    background: url("../imgs/eye.png") no-repeat left center;
    padding-left: 1rem;
    background-size: 0.875rem 0.5rem;
    float: left;
    width: 3.750rem;
    display: block;
}
.message_r{
    width: 6.768rem;
    height: 5.071rem;
    overflow: hidden;
}
.message_r img{
    width: 100%;
    height: 100%;
}
.message_list_news li:after,.message_list_news:before{
    content: '';
    height: 0;
    display: table;
}
.message_list_news li:after{
    content: '';
    clear: both;
}
.message_list_news{
    margin: 0.5rem 0;
}
.message_list_news li{
    border-bottom: 1px solid #e9e9e9;
    padding: 0.5rem 0;
}
.message_list_notice{
    margin: 0.5rem 0;
}
.message_list_notice li{
    border-bottom: 1px solid #B7B7B7;
    list-style: inside none disc;
}
.message_list_notice li a{
    line-height: 2.571rem;
    font-size: 1rem;
}
.nav_name{
    width: 20rem;
    margin: 0 auto 0.5rem;
}
.nav_name:after,.nav_name:before{
    content: '';
    height: 0;
    display: table;
}
.nav_name:after{
    clear: both;
}
.nav_name span{
    float: left;
    width: 9rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 1.286rem;
    color: #0099ff;
    background: #fafafa;
    border-radius: 4px;
    margin: 0.5rem;
    text-align: center;
}
.nav_name span.on{
    font-weight: 600;
    -webkit-box-shadow:  1px 1px 1px #bebebe;
    -moz-box-shadow:  1px 1px  1px #bebebe;
    box-shadow:  1px 1px  1px #bebebe;
}
.change{
    padding-top: 1rem;
}
.search_big{
    padding-bottom: 1rem;
    border-bottom: 1px solid #d4d4d4;
}
.search_big input{
    width: 17.857rem;
    height: 1.857rem;
    background: white;
    border: 1px solid rgba(0,0,0,0.3);
    padding-left: 2rem;
    background: url("../imgs/big_2.png") no-repeat 0.4rem center;
    background-size: 1.143rem;
    border-radius: 6px;
}
.search_big button{
    border: none;
    background: none;
    font-size: 1rem;
    margin-left: 1rem;
    font-weight: 600;
    color: #454545;
}
.up_down{
    width: 100%;
}
.up_down span{
    width: 45%;
    height: 2.143rem;
    border: 1px solid #b8bbc3;
    background: #f5f6f7;
    font-size: 1rem;
    text-align: center;
    line-height: 2.143rem;
    display: block;
    border-radius: 4px;
    color: #979797;
}
.up_down span:first-child{
    float: left;
}
.up_down span:last-child{
    float: right;
}
.up_down:before, .up_down:after{
    content: '';
    height: 0;
    display: table;
}
.up_down:after{
    clear: both;
}

/*
----------------------------
                search.html
----------------------------
*/
.search_logo{
    width: 18rem;
    display: block;
    margin: 8rem auto 0;
}
.search{
    width: 18.750rem;
    height: 2.063rem;
    margin: 2rem auto 0;
    border: 1px solid #0099ff;
    border-radius: 4px;
    overflow: hidden;
}
.search_text{
    float: left;
    width: 14.937rem;
    border: 0;
    height: 2.063rem;
    padding-left: 1rem;
}
.search_sub{
    float: left;
    width: 2.814rem;
    border: 0;
    height: 2.063rem;
    background: #0099ff;
    color: white;
}

/*
-------------------------
                    list.html
-------------------------
*/
.list_logo{
    width: 21rem;
    display: block;
    margin: 3rem auto 0;
}
.list_student{
    width: 21.743rem;
    height: auto;
    border-radius: 4px;
    -webkit-box-shadow:  0 3px 6px rgba(0,0,0,0.1);
    -moz-box-shadow:  0 3px 6px  rgba(0,0,0,0.1);
    box-shadow:  0 3px 6px rgba(0,0,0,0.1);
    border: 1px solid rgba(0,0,0,0.1);
    padding: 0.2rem;
    margin-top: 1.5rem;
}
.list_title{
    line-height: 1.875rem;
    height: 1.875rem;
    width: 100%;
    background: #dfedf7;
}
.title_list_img{
    width: 0.813rem;
    height: 0.750rem;
    margin-top: 0.5rem;
    float: left;padding: 0 0.5rem;
}
.title_list_p{
    font-size: 0.750rem;
}
.list_student ul li{
    height: 1.875rem;
    line-height: 1.875rem;
}
.list_student ul li:nth-child(2n){
    background: #dfedf7;
}
.list_student ul li{
    padding: 0 0.5rem;
    font-size: 0.857rem;
}
.list_student ul li span{
    float: left;
    display: block;
    text-align: center;
}
.list_student ul li span:first-child{
    width: 3rem;
}
.list_student ul li span:nth-child(2){
    width: 4.5rem;
}
.list_student ul li span:last-child{
    width: 13.2rem;
}

.list_class{
    width: 21.743rem;
    height: auto;
    border-radius: 4px;
    -webkit-box-shadow:  3px 3px 6px rgba(0,0,0,0.1);
    -moz-box-shadow:  3px 3px 6px  rgba(0,0,0,0.1);
    box-shadow:  3px 3px 6px rgba(0,0,0,0.1);
    border: 1px solid rgba(0,0,0,0.1);
    padding: 0.2rem;
    margin-top: 1.5rem;
    font-size: 0.857rem;
    color: #7a7a7a;
    line-height: 1rem;
}
.list_class ul li:nth-child(2n){
    background: #dfedf7;
}
.list_class ul li{
    padding: 0.5rem;
    font-size: 0.857rem;
}
.list_class ul li p:first-child{
    font-size: 0.813rem;
    font-weight: 600;
    color: #252525;
    line-height: 1.071rem;
}


/*
-----------------------------------
                              detail.html
-----------------------------------
*/
.detail_s_one:after,.detail_s_one:before{
    content: '';
    height: 0;
    display: table;
}
.detail_s_one:after{
    clear: both;
}
.detail_s_one{
    padding: 2rem 2rem 0;
}
.detail_s_one_l{
    float: left;
    font-size: 0.750rem;
    line-height: 1.7rem;
    color: #7a7a7a;
}
.detail_s_one_r{
    float: left;
    margin-left: 2rem;
    text-align: center;
}
.detail_s_photo{
    width: 6.625rem;
    height: 6.875rem;
    padding: 0.313rem;
    background: #5a5a5a;
    overflow: hidden;
    border-radius: 10px;
}
.detail_s_photo img{
    width: 100%;
    height: 100%;
    border-radius: 4px;
}
.detail_s_two{
    font-size: 0.750rem;
    color: #7a7a7a;
    line-height: 1.7rem;
    padding: 0 2rem;
}
.line{
    border-bottom: 1px solid #d1d1d1;
}
.class_photo li{
    float: left;
    width: 5rem;
    height: 6rem;
    margin: 0.5rem;
    border-radius: 4px;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 7px #808080;
    -moz-box-shadow: 1px 1px 7px #808080;
}
.class_photo li img{
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.class_photo:after,.class_photo:before{
    content: '';
    height: 0;
    display: table;
}
.class_photo:after{
    content: '';
    clear: both;
}

/*
--------------------------------------
                                  message_detail.html
--------------------------------------
*/
.detail_m{
    padding-bottom: 0.4rem;
    border-bottom: 1px solid #d4d4d4;
}
.detail_m h1{
    font-size: 1.2rem;
    line-height: 2.5rem;
    color: #292929;
    text-align: center;
    font-weight: normal;
}
.detail_m p{
    font-size: 0.857rem;
    color: #979797;
}
.detail_m p span{
    float: left;
    display: block;
    height: 1.875rem;
    line-height: 1.875rem;
    width: 10.8rem;
    text-align: center;
}
.detail_m p:after, .detail_m p:before{
    content: '';
    height: 0;
    display: table;
}
.detail_m p:after{
    clear: both;
}
.detail_c{
    margin-top: 1rem;
}
.detail_c p img{
    width: 21.6rem;
}
.detail_c p p{
    font-size: 0.857rem;
    color: #454545;
    line-height: 1.875rem;
    text-indent: 1.714rem;
    text-align: justify;
}