﻿/*固定*/
/*banner开始*/
.main {  width: 100%;  }
.main .banner {  width: 100%;  font-size: 0;  position: relative; margin-bottom:160px; }
.main .banner img {  width: 100%;  }
.main .banner .subnav {   width: 1200px;  font-size: 0; background-color: #fff;  position: absolute;  left:50%; top:95%; margin-left:-600px; }
.main .banner .subnav ul {  width: 100%; }
.main .banner .subnav ul > li {border: 1px solid #f5af5f ;  width: 20%;  box-sizing: border-box;  text-align: center;  padding: 15px 0;  font-size: 18px;  display: inline-block;  }
li.yellow {  background-color: #e59231!important;  color: #fff!important;   }
.main .banner .subnav ul > li a {color:#777777 }
.main .banner .subnav ul > li.yellow a {color:#fff }
/*banner结束*/



/*版块一*/
.details{width: 1200px;box-sizing: border-box;padding:30px;background-color: #f6fafb;margin: 0 auto;}
.details h2{width: 100%;text-align: left;margin:15px;font-size: 26px;color:#50a6b6;}
.details .list{width: 100%;text-align: left;line-height: 35px;}
.details .list .h{width: 100%;font-size: 18px;color:#f2a16a}
.details .list .p{width: 100%;font-size: 16px;color:#777;}



/*板块二*/
.teacher{width: 1200px;margin:40px auto;}
.teacher h2{width: 100%;text-align: left;margin:15px;font-size: 26px;color:#50a6b6;}
.teacher .people{width: 100%;box-sizing: border-box;margin:40px 0;padding-bottom:30px;}
.teacher .people>ul{width: 100%;box-sizing: border-box;font-size: 0}
.teacher .people>ul>li{width: 48%;box-sizing: border-box;}
.teacher .people>ul>li:not(.clear){float: left}
.teacher .people>ul>li.margin_left{margin-right:4%;}
.teacher .people>ul>li .left{width: 50%;box-sizing: border-box;font-size: 0;box-shadow: 5px 5px 7px #ddd}
.teacher .people>ul>li .left img{width: 100%;}
.teacher .people>ul>li .right{width: 50%;box-sizing: border-box;padding-left:30px;}
.teacher .people>ul>li .right>div{width: 100%;box-sizing: border-box;}
.teacher .people>ul>li .right>div>p{width: 100%;box-sizing: border-box;text-align: left!important;text-indent:0px!important;margin:5px 0;font-size:14px;color:#666; }
.teacher .people>ul>li .right>div>p.name{font-size:20px!important;color:#f19149!important;font-weight: 700 }
.teacher .data{border-radius:5px;overflow:hidden;width: 1200px;margin:20px auto;padding:20px;background: url("../Images/back_img.png") no-repeat 100% 100%;background-size: 100% 100%;}
.teacher .data p{font-size: 20px;line-height: 45px;font-weight: 600;color:#f19149;}
.teacher .data p .title{color:#50a6b6!important;font-weight: 700;font-size: 26px!important;}
.teacher .data p .to{display: inline-block;margin:0 40px;}

/*板块三*/
.atlas{width: 90%;box-sizing: border-box;padding:60px 0;background-color: #fff;margin:0 auto;}
.atlas>p { text-align: center; margin:15px 0;}
.atlas>.p1 { color:#2690a4;font-size: 14px; }
.atlas>.p2 { color:#333333;font-size: 26px; }
.atlas .exhibition{width: 90%;margin:40px auto;box-sizing: border-box;overflow: hidden}



/*内容展示开始*/




/*内容展示结束*/


/*响应式*/

/*中*/
@media screen and (min-width: 720px) and (max-width: 1200px) {

    .main .banner .subnav {width:720px;margin-left:-360px;}
    .main .banner .subnav ul > li {  width: 20%;  box-sizing: border-box;  padding: 12px 0;  font-size: 14px;  }
    /*banner结束*/
    /*版块一*/
    .details{width: 720px;padding:20px;}
    .details h2{font-size: 24px;}
    .details .list{line-height: 33px;}

    /*板块二*/

    .teacher{width: 720px;margin:30px auto;}
    .teacher h2{margin:15px;font-size: 24px;}
    .teacher .people{margin:30px 0;padding-bottom:20px;}
    .teacher .people>ul>li .left{width: 43%}
    .teacher .people>ul>li{width: 49%;}
    .teacher .people>ul>li.margin_left{margin-right:2%;}
    .teacher .people>ul>li .right{padding-left:8px;width: 57%}
    .teacher .people>ul>li .right>ul>li{margin-top:2px;margin-bottom:0;font-size:12px; }
    .teacher .people>ul>li .right>ul>li.name{font-size:14px!important;margin-top:0;margin-bottom:3px;}

    .teacher .data{width: 720px;padding:20px 15px;}
    .teacher .data p{font-size: 18px;line-height: 40px;font-weight: 600;color:#f19149;}
    .teacher .data p .title{color:#50a6b6!important;font-weight: 700;font-size: 22px!important;}
    .teacher .data p .to{display: inline-block;margin:0 15px;}


    /*内容展示结束*/
}

/*小*/
@media screen and (min-width: 320px) and (max-width: 720px) {
    .main  { margin-top:47px;}
    .main .banner{margin-bottom: 80px;}
    .main .banner .subnav {width:320px;margin-left:-160px;}
    .main .banner .subnav ul > li {  width: 20%;  box-sizing: border-box;  padding: 6px 0;  font-size: 10px;  }
    /*banner结束*/
    /*版块一*/
    .details{width: 96%;padding:10px;margin:0 2%;box-sizing: border-box}
    .details h2{font-size: 18px;}
    .details .list{line-height: 22px;}
    .details .list .h{font-size: 14px;}
    .details .list .p{font-size: 12px;}

    /*板块二*/

    .teacher{width: 320px;margin:15px auto;}
    .teacher h2{width: 100%;text-align: center;margin:10px;font-size: 16px;}
    .teacher .people{margin:20px 0;padding-bottom:15px;}
    .teacher .people>ul>li{width: 100%;}
    .teacher .people>ul>li.margin_left{margin-right:0;margin-bottom:25px;}
    .teacher .people>ul>li .left{width: 46%;}
    .teacher .people>ul>li .right{width: 54%;padding-left:10px;}
    .teacher .people>ul>li .right>ul>li{margin:5px 0;font-size:10px;}
    .teacher .people>ul>li .right>ul>li.name{font-size:14px!important;margin-top:0;margin-bottom:3px; }

    .teacher .data{border-radius:3px;overflow:hidden;width: 320px;margin:15px auto;padding:10px;}
    .teacher .data p{font-size: 14px;line-height: 20px;margin:5px 0;font-weight: 500}
    .teacher .data p .title{font-size: 16px!important;font-weight: 600!important;}
    .teacher .data p .to{display: inline-block;margin:0 10px;}



    /*内容展示结束*/
}