*{
    margin:0;
    padding: 0;
}
.teacher {
    background-color: #d3321f;
}

.teacher_banner {
    width: 100%;
    height: 574px;
    text-align: center;
    background: url("../img/teacher/banner.png") center;

    background-position: 50% -75px;
}

.navigation_box {
    width: 1143px;
    height: 255px;
    margin: 0 auto;
    position: relative;
    top: 410px;
}

.nav_public {
    width: 318px;
    height: 253px;
    background-color: #ffffff;
    border: 1px solid #dcdcdc;
    float: left;
}

.select {
    width: 318px;
    height: 253px;
    background-color: #d13428;
    border: 1px solid #d13428;
}

.select .nav_p1 {
    color: #ffffff;
}

.select .nav_p2 {
    color: #ffffff;
}

.select .nav_choice {
    background: url("../img/teacher/icon_choice_down.png");
}

.nav_box2 {
    margin-left: 90px;
    margin-right: 90px;
}

.nav_box1:hover {
    border: 1px solid #E38C85;
    cursor: pointer;
}

.nav_box2:hover {
    border: 1px solid #E38C85;
    cursor: pointer;
}

.nav_box3:hover {
    border: 1px solid #E38C85;
    cursor: pointer;
}

.nav_title1 {
    width: 60px;
    height: 70px;
    background: url("../img/teacher/development.png") no-repeat top;
    margin: 0 auto;
    margin-top: 40px;
}

.select .nav_title1 {
    background: url("../img/teacher/icon_development.png") no-repeat top;
}

.nav_p1 {
    color: #161616;
    font-size: 18px;
    line-height: 30px;
    margin-top: 11px;
}

.nav_p2 {
    color: #808080;
    font-size: 12px;
    opacity: 0.7
}

.nav_choice {
    width: 57px;
    height: 27px;
    background: url("../img/teacher/icon_unchoice_down.png");
    margin: 0 auto;
    margin-top: 38px;
}

.nav_title2 {
    width: 75px;
    height: 70px;
    background: url("../img/teacher/teaching.png");
    margin: 0 auto;
    margin-top: 40px;
}

.select .nav_title2 {
    background: url("../img/teacher/teaching_select.png");
}

.nav_title3 {
    width: 70px;
    height: 70px;
    background: url("../img/teacher/employment.png");
    margin: 0 auto;
    margin-top: 40px;
}

.select .nav_title3 {
    background: url("../img/teacher/employment_select.png");
}

/*lessons*/
.lessons {
    width: 100%;
    display: block;
}

.intro {
    width: 100%;
    height: 483px;
    background-color: #f2f2f2 !important;
}

.brief {
    width: 1071px;
    height: 140px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: 230px;
    line-height: 28px;
}

.brief_1 {
    color: #828282;
    font-size: 14px;
}

.brief_2 {
    color: #505050;
    font-size: 15px;
}

.list_box {
    width: 931px;
    height: 120px;
    margin: 0 auto;
    position: relative;
    top: 175px;
}

.public_box {
    height: inherit;
    text-align: center;
    line-height: 28px;
    float: left;
}

.box_1 {
    width: 151px;
    float: left;
}

.box_2 {
    width: 160px;
    float: left;
    margin-left: 111px;
}

.box_3 {
    width: 120px;
    float: left;
    margin-left: 125px;
}

.box_4 {
    width: 160px;
    float: right;
}

.realize_teacher {
    width: 100%;
    background-color: #ffffff;
    /*margin-bottom: 50px;*/
}

.realize_title {
    width: 330px;
    height: 100px;
    margin: 0 auto;
    position: relative;
    padding-top: 42px;
    text-align: center;
    background: url("../img/teacher/image_red_line.png") no-repeat center;
    background-position-y: 91px;
}

.title_one {
    font-size: 26px;
    color: #222222;
}

.title_two {
    color: #808080;
    font-size: 14px;
    margin-top: 37px;
}

.realize_contain {
    width: 1200px;
    margin: 0 auto;
}

.realize_one {
    /*display: none;*/
}

.realize_two {
    display: none;
}
.realize_three{
    display: none;
}
.public {
    width: 1195px;
    height: 367px;
    margin: 0 auto;
}

.one {
    margin-top: 11px;
}

.pp {
    width: 85px;
    height: 114px;
    float: left;
}

.people1 {
    background: url("../img/teacher/photo_qeuhaizhong.png") center no-repeat;
}

.text {
    width: 1082px;
    height: 330px;
    float: right;
    margin-top: 15px;
}

.name {
    width: 1082px;
    height: 38px;
    color: #484747;
    font-size: 24px;
    border-bottom: 1px solid #f3f3f3;
}

.name span {
    margin-left: 8px;
    color: #d13428;
    font-size: 16px;
}

.content {
    float: left;
    color: #838282;
    font-size: 14px;
    width: 1082px;
    height: 104px;
    margin-top: 10px;
    line-height: 36px;
}

.work {
    width: 985px;
    height: 125px;
    float: left;
    margin-top: 11px;
}
.work_two{
    /*margin-top: 49px;*/
}
.work_nav {
    width: 150px;
    height: 20px;
    background: url("../img/teacher/image_triangle.png") no-repeat;
    color: #d13428;
    font-size: 16px;
    background-position: 73px 10px;
}

.work_img {
    width: 985px;
    height: 89px;
    float: left;
    margin-top: 15px;
}

.work_img li {
    float: left;
    /*text-decoration: none;*/
    list-style: none;
    margin-right: 4px;
}

/*two*/
.realize_one .two{
    /*margin-bottom: 40px;*/
}
.people2 {
    background: url("../img/teacher/photo_yangyichao.png")  center no-repeat;
}

/*three*/
.people3 {
    background: url("../img/teacher/photo_songxiaoxu.png")  center no-repeat;
}

/*four*/
.people4 {
    background: url("../img/teacher/photo_guyanan.png")  center no-repeat;
}

/*five*/
.people5 {
    background: url("../img/teacher/photo_shilihua.png")  center no-repeat;
}
.people6 {
    background: url("../img/teacher/photo_tangweiwei.png")  center no-repeat;
}
.people7{
    background: url("../img/teacher/photo_housichao.png")  center no-repeat;
}
/*.people7 {*/
    /*background: url("../img/teacher/photo_mashengnan.png") center no-repeat;*/
/*}*/
.people8 {
    background: url("../img/teacher/photo_mashengnan.png")  center no-repeat;
}
.people9 {
    background: url("../img/teacher/photo_chenfei.png")  center no-repeat;
}
.people10 {
    background: url("../img/teacher/wangshuo/photo_wangshuo.png")  center no-repeat;
}
.people11 {
    background: url("../img/teacher/photo_zhaoxiaolei.png")  center no-repeat;
}
.people12 {
    background: url("../img/teacher/photo_libanhua.png")  center no-repeat;
}
.people13 {
    background: url("../img/teacher/photo_caixiao.png")  center no-repeat;
}
.realize_one .five {
    /*padding-bottom: 40px;*/
}

/*lesson结束*/

/*job_guide*/
.job_guide {
    width: 100%;
    display: none;
}

.job_intro {
    width: 100%;
    height: 658px;
    background-color: #F2F2F2;
}

.job_brief {
    width: 977px;
    height: 270px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    line-height: 28px;
    top: 234px;
}

.job_list {
    width: 802px;
    height: 130px;
    margin: 0 auto;
    position: relative;
    top: 211px;
}

.list_tu {
    width: 771px;
    height: 90px;
    background: url("../img/teacher/image_.png");
    margin: 0 auto;
}

.list_zi {
    width: 802px;
    font-size: 15px;
    height: 20px;
    color: #161616;
    margin: 0 auto;
    margin-top: 15px;
}

.list_zi li {
    float: left;
    list-style: none;
}

.job_content {
    width: 100%;
    background-color: #ffffff;
}

.pupu {
    width: 1180px;
    height: 486px;
    border-bottom: 1px solid #f3f3f3;
    margin: 0 auto;
}

.con_one {
    padding-top: 55px;
}

.con_two {
    padding-top: 55px;
}

.cc1 {
    background: url("../img/teacher/image_class.png") no-repeat top;
}

.icon {
    width: 46px;
    height: 46px;
    float: left;
}

.con_text {
    width: 1111px;
    height: 430px;
    float: left;
    margin-left: 20px;
}

.c1 {
    color: #222222;
    font-size: 20px;
    margin-bottom: 13px;
}

.c2 {
    font-size: 14px;
    color: #838282;
    line-height: 23px;
}

.con_tu {
    width: 1130px;
    height: 237px;
    margin-top: 39px;
}

.con_tu li {
    width: 267px;
    height: 237px;
    float: left;
    list-style: none;
    margin-right: 10px;
}

.tu_public {
    width: 267px;
    height: 237px;
}

.tu1 {
    background: url("../img/teacher/image01.png");
}

.tu2 {
    background: url("../img/teacher/image02.png");
}

.tu3 {
    background: url("../img/teacher/image03.png");
}

.tu4 {
    background: url("../img/teacher/image04.png");
}

.float {
    width: 267px;
    height: 34px;
    color: #ffffff;
    font-size: 16px;
    background: url("../img/teacher/image_float.png");
    text-align: center;
    line-height: 33px;
    position: relative;
    top: 203px;
}

.con_bri {
    width: 1130px;
    height: 65px;
    margin: 0 auto;
    line-height: 25px;
    margin-top: 15px;
}

.word {
    width: 240px;
    height: 65px;
    float: left;
}

.con_bri .li1 {
    margin-left: 10px;
}

.con_bri .li2 {
    margin-left: 38px;
}

.cc2 {
    background: url("../img/teacher/image_recommend.png") no-repeat top;
}

.two_tu {
    width: 1138px;
    height: 300px;
    margin: 0 auto;
    margin-top: 28px;
    background: url("../img/teacher/image_company.png");
}

.cc3 {
    background: url("../img/teacher/image_job.png") no-repeat top;
}

.con_three {
    padding-top: 55px;
    height: 436px;
    padding-bottom: 32px;
}

.three_tu {
    width: 850px;
    height: 264px;
    margin: 0 auto;
    margin-top: 38px;
    background: url("../img/teacher/image_job_choice.png") no-repeat center;
    background-position: 225px;
}

.three_1 {
    width: 265px;
    height: 73px;
    text-align: right;
    line-height: 26px;
    position: relative;
    top: 34px;
    right: 71px;
}

.tt1 {
    color: #484747;
    font-size: 16px;
}

.three_2 {
    width: 305px;
    height: 73px;
    text-align: right;
    line-height: 26px;
    position: relative;
    top: 116px;
    right: 66px;
}

.three_3 {
    width: 275px;
    height: 73px;
    line-height: 26px;
    position: relative;
    left: 505px;
    top: -145px;
}

.three_4 {
    width: 260px;
    height: 73px;
    line-height: 25px;
    position: relative;
    left: 533px;
    top: -69px;
}

/*course_design*/

.course_design {
    width: 100%;
    display: none;
}

.course_intro {
    width: 100%;
    height: 366px;
    background-color: #f2f2f2;
}

.cin_word {
    width: 890px;
    height: 80px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: 240px;

}

.cin_word p {
    line-height: 28px !important;
}

.course_content {
    width: 100%;
    background-color: #ffffff;
}

.top_title {
    width: 1158px;
    height: 47px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 45px;
}

.top_p {
    width: 115px;
    height: 47px;
    float: left;
    text-align: center;
    line-height: 26px;
    cursor: pointer;
}

.selected {
    background: url("../img/teacher/image_red_line.png") no-repeat;
    background-position: 28px 45px;
}

.selected p {
    color: #d13428
}

.tt_26 {
    font-size: 26px;
    color: #222222;
}

.tt_one {
    margin-left: 109px;

}

.tt_two {
    margin-left: 310px;
}

.tt_three {
    margin-left: 310px;
}

.cc_text {
    width: 1103px;
    /*height: 1678px;*/
    margin: 0 auto;
}

.develop {
    /*display: none;*/
}

.UI {
    display: none;
}
.ui_one .ct_tu{
    background: url("../img/teacher/ui001.png") center no-repeat;
    background-position: -2px -1px;
}
.ui_two .ct_tu{
    background: url("../img/teacher/ui002.png");
}
.ui_three .ct_tu{
    background: url("../img/teacher/ui003.png");
}
.ui_four .ct_tu{
    background: url("../img/teacher/ui004.png");
}
.ui_five .ct_tu{
    background: url("../img/teacher/ui005.png");
}
.UE {
    display: none;
}
.ue_one .ct_tu{
    background: url("../img/teacher/ue001.png");
}
.ue_two .ct_tu{
    background: url("../img/teacher/ue002.png");
}
.ue_three .ct_tu{
    background: url("../img/teacher/ue003.png");
}
.ue_four .ct_tu{
    background: url("../img/teacher/ue004.png");
}
.ue_five .ct_tu{
    background: url("../img/teacher/ue005.png");
}
.ct_p {
    width: 1118px;
    height: 375px;
    border-bottom: 2px solid #f3f3f3;
}

.ct_one .ct_tu {
    background: url("../img/teacher/one.png");
}

.ct_two , .ui_two ,.ue_two{
    margin-top: 46px;
}

.ct_two .ct_tu {
    background: url("../img/teacher/two.png");
}

.ct_three ,.ui_three,.ue_three{
    margin-top: 46px;
}

.ct_three .ct_tu {
    background: url("../img/teacher/three.png");
}

.ct_four ,.ui_four ,.ue_four{
    margin-top: 46px;
}

.ct_four .ct_tu {
    background: url("../img/teacher/four.png");
}

.ct_five ,.ui_five ,.ue_five{
    margin-top: 46px;
}

.ct_five .ct_tu {
    background: url("../img/teacher/five.png");
}

.ct_tu {
    width: 271px;
    height: 337px;
    /*border: 1px solid #f3f3f3;*/
    float: left;
    /*background: url("../img/teacher/image_book01.png") no-repeat center;*/
}

.ct_zi {
    width: 783px;
    height: 248px;
    float: right;
    margin-top: 45px;
}

.ct_title {
    width: 315px;
    height: 32px;
}

.ct_title li {
    float: left;
    list-style: none;
}

.ct_year {
    width: 56px;
    height: 15px;
    text-align: center;
    line-height: 15px;
    position: relative;
    top: 8px;
    left: 12px;
    float: right;
    background: url("../img/teacher/image_year.png");
}

.p_white {
    font-size: 12px;
    color: #ffffff;
}

.ct_main {
    width: 783px;
    height: 124px;
    float: left;
    margin-top: 15px;
    line-height: 26px;
}

.c_size14 {
    font-size: 14px;
    color: #474646;
    text-indent: 2em;
}

.ct_label {
    width: 623px;
    height: 27px;
    margin-top: 45px;
    float: left;
}

.ct_label li {
    float: left;
    list-style: none;
    font-size: 14px;
    color: #d13428;
    line-height: 22px;
}

.c_size16 {
    font-size: 16px;
    color: #474747;
}

.ct_s {
    width: 82px;
    height: 22px;
    border: 1px solid #d13428;
    text-align: center;
    margin-left: 10px;
    /*text-align: ;*/
}

.c_btn {
    width: 100%;
    height: 51px;
    background-color: #ffffff;
    padding-bottom: 100px;
    padding-top: 50px;
}

.c_b {
    width: 153px;
    height: 51px;
    margin: 0 auto;
    display: none;
}

.ctn_left {
    width: 51px;
    height: 51px;
    float: left;
    cursor: pointer;
}

.ctn_right {
    width: 51px;
    height: 51px;
    float: right;
    cursor: pointer;
}

.left {
    width: 51px;
    height: 51px;
    background: url("../img/teacher/btn_left_normal.png") no-repeat center;
    float: left;
    cursor: pointer;
}

.left:hover {
    background: url("../img/teacher/btn_left_hot.png");
}

.right {
    width: 51px;
    height: 51px;
    background: url("../img/teacher/btn_right_normal.png") no-repeat center;
    float: right;
    cursor: pointer;
}

.right:hover {
    background: url("../img/teacher/btn_right_hot.png");
}

/*.hot .right{*/
/*background: url("../img/teacher/btn_right_hot.png") no-repeat center;*/
/*}*/
/*.hot .left{*/
/*background: url("../img/teacher/btn_left_hot.png") no-repeat center;*/
/*}*/
.page {
    width: 160px;
    height: 60px;
    margin: 0px auto;
    margin-bottom: 75px;
    /*display: none;*/
}

.page .left {
    background: url("../img/project/btn_left_normal.png");
    width: 51px;
    height: 51px;
    float: left;
}

.page .left:hover {
    background: url("../img/project/btn_left_hot.png");

}

.page .right {
    margin-left: 40px;
    background: url("../img/project/btn_right_normal.png");
    width: 51px;
    height: 51px;
    float: left;
}

.page .right:hover {
    background: url("../img/project/btn_right_hot.png");

}

/*新增 xgq begin */
.part-3{
    margin-top: 16px;
}
.part-3::before,
.part-3::after{
    content: '';
    display: table;
    clear: both;
}
.part{
    float: left;
    width: 33.33%;
    padding-right: 16px;
    box-sizing: border-box;
}
.part p{
    line-height: 20px;
}
.part p:nth-child(1){
    font-size: 16px;
    margin-bottom: 8px;
}
.part p:nth-child(2){
    font-size: 14px;
    color: #838282;
}
/*end 新增 xgq */