﻿an/*固定*/
/*banner开始*/
.main {  width: 100%;  }
.main .banner {  width: 100%;  font-size: 0;  position: relative;  }
.main .banner img {  width: 100%;  }
.main .banner .subnav {  width: 100%;  background-color: rgba(0, 0, 0, .5);  position: absolute;  left: 0;  bottom: 0;  }
.main .banner .subnav .center {  width: 1200px;  margin: 0 auto;  font-size: 0;  position: relative;  }
.main .banner .subnav ul {  width: 100%;  }
.subnav ul > .bor_rig {  border-right: 1px solid #949494;  }
.main .banner .subnav ul > li {  width: 20%;  box-sizing: border-box;  text-align: center;  padding: 15px 0;  font-size: 18px;  display: inline-block;  }
li.yellow {  background-color: #e59231;  }
.main .banner .subnav ul > li a {  color: #fff;  }
/*banner结束*/
/*内容展示开始*/

.teacher{width: 1200px;margin:60px auto;}
.teacher p{font-size: 14px;color:#2690a4;margin:8px 0;}
.teacher h2{text-align: center;font-size: 34px;color:#333;margin:15px 0;font-weight: 500}
.teacher .people{width: 100%;box-sizing: border-box;margin:60px 0;padding-bottom:30px;}
.teacher .people>ul{width: 100%;box-sizing: border-box;font-size: 0}
.teacher .people>ul>li:not(.clear){width: 48%;box-sizing: border-box;float:left;position: relative;margin:40px 0;}
.teacher .people>ul>li.margin_left{margin-right:4%;}
.teacher .people>ul>li .left{width: 50%;box-sizing: border-box;font-size: 0;position: absolute;top:0;left:0;}
.teacher .people>ul>li .left img{width: 100%;}
.teacher .people>ul>li .right{min-height:428px;margin-left:30%;width: 70%;box-sizing: border-box;padding-left:25%;box-shadow: 5px 5px 7px #ddd;padding-right:25px;}
.teacher .people>ul>li .right .p1{width: 100%;text-align: left;box-sizing: border-box;font-size: 24px;color:#e59231;text-decoration:underline}
.teacher .people>ul>li .right .p2{width: 100%;font-size: 18px;color:#333333;margin:20px 0;text-align: left;}
.teacher .people>ul>li .right .p3{width: 100%;font-size: 14px;color:#9a9a9a;line-height: 30px;text-align: left;}

/*内容展示结束*/

/*响应式*/

/*中*/
@media screen and (min-width: 720px) and (max-width: 1200px) {
    .teacher p{font-size: 12px;color:#2690a4;margin:2px 0;}
    .main .banner .subnav .center {  width: 720px;  }
    .main .banner .subnav ul > li {  width: 25%;  box-sizing: border-box;  padding: 12px 0;  font-size: 14px;  }
    /*banner结束*/
    .teacher{width: 720px;margin:40px auto;}
    .teacher h2{font-size: 28px;}
    .teacher .people{margin:40px 0;padding-bottom:40px;}
    .teacher .people>ul>li .left{width: 45%;}
    .teacher .people>ul>li .right{ min-height:270px;max-height:427px;padding-bottom:20px;margin-left:30%;width: 70%;padding-left:20%;padding-right:10px;}
    .teacher .people>ul>li .right .p1{font-size: 16px;margin:0;}
    .teacher .people>ul>li .right .p2{font-size: 14px;margin:5px 0;}
    .teacher .people>ul>li .right .p3{font-size: 12px;line-height: 20px;margin:0;}
    /*内容展示结束*/
}

/*小*/
@media screen and (min-width: 320px) and (max-width: 720px) {
    .main{ margin-top:47px;}
    .teacher p{font-size: 12px!important;color:#2690a4;margin:0px 0;}
    .teacher p span{font-size: 12px!important;color:#2690a4!important;margin:0px 0;}
    .main .banner .subnav .center {  width: 320px;  }
    .main .banner .subnav ul > li {  width: 25%;  box-sizing: border-box;  padding: 6px 0;  font-size: 10px;  }
    /*banner结束*/
    .teacher{width: 320px;margin:20px auto;}
    .teacher h2{font-size: 16px;}
    .teacher .people{margin:20px 0;padding-bottom:10px;}
    .teacher .people>ul>li:not(.clear){margin:15px 0;width: 100%;}
    .teacher .people>ul>li .left{width: 45%;}
    .teacher .people>ul>li .right{ min-height:235px;max-height:427px;padding-bottom:20px;margin-left:30%;width: 70%;box-sizing: border-box;padding-left:20%;box-shadow: 5px 5px 7px #ddd;padding-right:10px;}
    .teacher .people>ul>li .right .p1{font-size: 14px;margin:0;text-decoration:none;}
    .teacher .people>ul>li .right .p2{font-size: 12px;margin:5px 0;}
    .teacher .people>ul>li .right .p3{font-size: 10px;line-height: 20px;margin:0;}


    /*内容展示结束*/
}
