.banner0{ width: 100%; height: 450px; position: relative; text-align: left; color: #333; }
        .banner0 img{ width: 100%; height: 450px; position: absolute; top: 0; left: 0; }
        .banner0 .banner_content{ width: 1200px; position: absolute; left:50%; top:30px;
            -webkit-transform: translate(-50%, 0%);
            -moz-transform: translate(-50%, 0%);
            -ms-transform: translate(-50%, 0%);
            -o-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
        }
        .banner0 .tit-1{ width: 484px; }
        .banner0 .tit-1 div{ line-height: 40px; color: #fff; border-radius: 0px; }
        .banner0 .tit-1 .tit-date{ width: 100%; border: 2px transparent; }
        .banner0 .tit-1 .tit-date span{ width: 80px; font-size: 16px; text-align: center; }
        .banner0 .tit-1 .countdown-box{ width: 100%; border: 2px solid transparent; }
        .banner0 .tit-1 .countdown-box .t-date{ width: 220px; text-align: center; margin-right: 20px; background-color: #cbcbcb; font-size: 16px; }
        .banner0 .tit-1 .countdown-box .t-countdown{ width: 240px; }
        .banner0 .tit-1 .countdown-box .t-countdown .countdown-num{ width: 80px; float: left; text-align: center; }
        .banner0 .tit-1 .countdown-box .t-countdown .countdown-num span{ display: inline-block; width: 70px; font-size: 16px; background-color: #cbcbcb; }
        .banner0 .tit-2{ line-height: 20px; color: #fff; width:inherit; padding-top: 20px; margin-bottom: 30px; }
        .banner0 .tit-2 .living_name{ font-size: 30px; }
        .banner0 .tit-2 .en_name{ font-size: 18px; }
        .banner0 .introduce{ width: 100%; padding-right: 20%; max-height: 80px; line-height: 20px;  font-size: 14px;  color: #fff;  margin-bottom: 40px; -webkit-line-clamp:4; }
        .banner0 .tit-4{ line-height: 20px;  font-size: 18px;  color: #fff;  margin-bottom: 5px;  }
        .banner0 .tit-4 p{ margin-right: 15px;  }
        .banner0 .sign_up_btn{ width:200px;  height:50px; line-height:50px; }
            .hj-teacher0{ background-color: #F6F6F6; padding: 20px; width: 100%; text-align: left; color: #333; }
        .hj-teacher0 .contain{ width: 1200px; margin: 0 auto; }
        .hj-teacher0 .tit-1{ margin: 0 auto; text-align: center; font-size: 24px; line-height: 60px; color: #333; }
        .hj-teacher0 .teacher-scroll{ margin-top: 50px; }
        .hj-teacher0 .teacher-scroll ul{ position: relative; width: calc(100% - 100px); }
        .hj-teacher0 .teacher-scroll ul li{ transition: all 350ms; }
        .hj-teacher0 .teacher-scroll ul li.empty-data{ text-align: center; padding: 20px; border: none; }
        .hj-teacher0 .teacher-scroll ul li.active{ }
        .hj-teacher0 .teacher-scroll ul li>div{ margin-right:25px; }
        .hj-teacher0 .teacher-scroll ul li>div:nth-child(3){ margin-right:0; }
        .hj-teacher0 .teacher-scroll ul li>div:hover{ cursor: pointer; }
        .hj-teacher0 .teacher-scroll ul li>div:hover img{ border-color:#f89b38;  }
        .hj-teacher0 .teacher-item{ width: 223px; height: 350px; }
        .hj-teacher0 .teacher-item .img{ width:223px; height:275px; text-align: center; line-height: 40px; border: 1px solid #eee; overflow: hidden; background-color: #ccc; color: #fff; position: relative; z-index: 1; }
        .hj-teacher0 .teacher-item .img img{ width:100%; height:100%; }
        .hj-teacher0 .item{ width: 223px; height: 75px; margin-top: 0px; background: #fff; padding: 10px; }
        .hj-teacher0 .item .teacher-info{ width: 100%; font-size: 16px; color: #333; line-height: 30px; text-align: center; }
        .hj-teacher0 .item .teacher-info .rank{ font-size: 14px; color: #999; padding-left: 5px; line-height: 26px; }
        .hj-teacher0 .item .teacher-info .name{ font-size: 16px; color: #000000; }
        .hj-teacher0 .item .introduce{ width: 100%; font-size: 14px; color: #666666; text-align: center; }
        .hj-teacher0 .teacher-scroll .switch-btn{ width: 40px; height: 40px; border-radius: 50%; background: orange; text-align: center; line-height: 40px; color: #fff; font-size: 20px; cursor: pointer; }
        .hj-teacher0 .teacher-scroll .hd{ position: relative; }
        .hj-teacher0 .teacher-scroll .prev{ position: absolute; top: 155px; left: 0; }
        .hj-teacher0 .teacher-scroll .next{ position: absolute; top: 155px; right: 0; }
        .hj-teacher0 .teacher-scroll .bd{ width: 990px; height: 350px; margin: 0 auto; overflow: hidden; }