/**组件**/
.index-logo-11{display:inline-block;}

@media screen and (max-width: 1024px){

  .wap {
        display: flex;
        align-items: center;}
    .m-logo img{max-height:50px;line-height:50px;} 
}

.search{float:right;border:1px solid #eee;height:32px;line-height:32px;position:relative;width:250px;border-radius:5px;margin-top:15px;}
.search .inp-srk{position:absolute;width:210px;left:10px;height:32px;background:none;color:#fff;border:0;}
.search .inp-bth{position:absolute;width:20px;height:20px;right:5px;top:5px;border:0;}
input.inp-srk:-moz-placeholder,textarea:-moz-placeholder{ color: #eee;} 
input.inp-srk:-ms-input-placeholder,textarea:-ms-input-placeholder{ color: #eee;} 
input.inp-srk::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color: #eee;}
.foot-ul ul li{font-size: 14px;
    line-height: 36px;
    color: #808080;
transition: 0.6s;}

.foot-ul ul li a{color:#808080;}
.foot-ul ul li:hover a{color:#fff;}
.foot-ml{margin-left:8%;}


.nav ul li a.active{background:#0c71c0;color:#fff;}

a:link, span.MsoHyperlink{text-decoration:none !important;}
.name-list li{ float: left; width: 10%; padding:0 6px; font-size: 15px;}
.name-list{ margin:0 0px 20px 0px;}
.name-list li a{ display: block; text-align: center; border:dashed 1px #ddd; color: #333; line-height: 28px; margin-bottom: 15px;}
.name-list li a:hover {
    background: #0f4791;
    border-color: #0f4791;
    color: #fff;}
.teacher-tt{ font-size: 24px; color: #0f4791; padding:20px 0;}
.teacher-tt-sm{margin-top:15px;}
.teacher-tt-sm span{ display: inline-block; min-width: 20px; background: #0f4791; padding:8px 15px; font-size: 16px; color: #fff; margin-bottom: 20px;}
@media( max-width: 991px){
 .name-list li{ width: 20%;}
}
@media( max-width: 480px){
 .name-list li{ width: 33.3333%;}
}
.name-list li{ float: left; width: 10%; padding:0 6px; font-size: 15px;}
.name-list{ margin:0 0px 20px 0px;}
.name-list li a{ display: block; text-align: center; border:dashed 1px #ddd; color: #333; line-height: 28px; margin-bottom: 15px;}
.name-list li a:hover {
    background: #0f4791;
    border-color: #0f4791;
    color: #fff;}
.teacher-tt{ font-size: 24px; color: #0f4791; padding:20px 0;}
.teacher-tt-sm span{ display: inline-block; min-width: 20px; background: #0f4791; padding:8px 15px; font-size: 16px; color: #fff; margin-bottom: 20px;}
@media( max-width: 991px){
 .name-list li{ width: 20%;}
}
@media( max-width: 480px){
 .name-list li{ width: 33.3333%;}
}
.name-list li{ float: left; width: 10%; padding:0 6px; font-size: 15px;}
.name-list{ margin:0 0px 20px 0px;}
.name-list li a{ display: block; text-align: center; border:dashed 1px #ddd; color: #333; line-height: 28px; margin-bottom: 15px;}
.name-list li a:hover {
    background: #0f4791;
    border-color: #0f4791;
    color: #fff;}
.teacher-tt{ font-size: 24px; color: #0f4791; padding:20px 0;}
.teacher-tt-sm span{ display: inline-block; min-width: 20px; background: #0f4791; padding:8px 15px; font-size: 16px; color: #fff; margin-bottom: 20px;}
@media( max-width: 991px){
 .name-list li{ width: 20%;}
}
@media( max-width: 480px){
 .name-list li{ width: 33.3333%;}
}
.name-list li{ float: left; width: 10%; padding:0 6px; font-size: 15px;}
.name-list{ margin:0 0px 20px 0px;}
.name-list li a{ display: block; text-align: center; border:dashed 1px #ddd; color: #333; line-height: 28px; margin-bottom: 15px;}
.name-list li a:hover {
    background: #0f4791;
    border-color: #0f4791;
    color: #fff;}
.teacher-tt{ font-size: 24px; color: #0f4791; padding:20px 0;}
.teacher-tt-sm span{ display: inline-block; min-width: 20px; background: #0f4791; padding:8px 15px; font-size: 16px; color: #fff; margin-bottom: 20px;}
@media( max-width: 991px){
 .name-list li{ width: 20%;}
}
@media( max-width: 480px){
 .name-list li{ width: 33.3333%;}
}