html,
body {
    margin-top: 96px;
    font-family:Microsoft YaHei;
    width: fit-content;
    background-color: #000;
    color: #fff;
}
.bannerImage{
    width: 100%;
    overflow: hidden;
    display: block;
    object-fit: cover;
    margin-top: 90px;
}

.content{
    /*margin-top: 96px;*/
    /*background: url(https://maxonline-fe.oss-cn-beijing.aliyuncs.com/ZT/2023/GU/bg.png);*/
    /*clear: both;*/
    /*overflow: hidden;*/
    /*background-attachment: fixed;*/
    /*background-position: center;*/
    /*background-size: cover;*/
    /*background-repeat: no-repeat;*/
    /*width:1100px;*/
    position: relative;
    width:100%;
}
.bg{
    position: absolute;
    right: 85px;
    top: 0;
    width: 970px;
    height: 1460px;
    background: url(https://maxonline-fe.oss-cn-beijing.aliyuncs.com/ZT/2023/GU/bg.png);
    /*background-attachment: fixed;*/
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin:0 auto;
}


/*简介*/
.profile{
    width: 1100px;
    overflow: hidden;
    clear: both;
    margin: 0 auto;
    position: relative;
    height:655px;
}
.profile_left{
    position: relative;
    width:400px;
    height:280px;
}

.profile_left img{
    width:50px;
    position:absolute;
    right: 32px;
    bottom: 32px;
}
.title_cn{
    font-size: 40px;
}
.title_en{
    font-size: 60px;
    position: relative;
    display: block;
    border-bottom: 2px solid #fff;
}

.title_en_model:hover a{
    border-bottom: 2px solid #FF9900;
    color: #FF9900;
}




.profile_left  .title_en_model  a:nth-child(2) {
    width: 218px;
}



.profile_right{
    width:750px;
    position:absolute;
    right:0;
}
.profile_content{
    width: 536px;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    padding-top: 20px;
    padding-left: 135px;
    padding-right: 78px;
    padding-bottom: 37px;
}
.profile_right img{
    width:100%;
}

.profile_right img:hover{
    transition: all 1s ease;
    transform: scale(1.1);
    filter: alpha(Opacity=60);
    opacity: .6;
}



/*优势*/
.advantage{
    width: 1100px;
    overflow: hidden;
    clear: both;
    margin: 0 auto;
    margin-top: 100px;
    position: relative;
}

.model_top{
    width: 390px;
}


.advantage_top .title_en_model a:nth-child(2) {
    width: 90%;
}

.advantage_model{
    margin-top: 60px;
    /*position: absolute;*/
    /*float: left;*/
}

.advantage-o{
    width: 425px;
    float: left;
    overflow: hidden;

}

.advantage-o img{
    width:100%;
}

.advantage-o img:hover{
    transition: all 1s ease;
    transform: scale(1.1);
    filter: alpha(Opacity=60);
    opacity: .6;
}

.advantage-o:nth-child(1),
.advantage-o:nth-child(3)
{
    margin-right: 248px;
}

.advantage-o:nth-child(2)
{
    margin-top: 180px;
}

.advantage-o:nth-child(3)
{
    margin-top: -100px;
}
.advantage-o:nth-child(4)
{
    margin-top: 100px;
}


.advantage_title{
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 20px;
    border-bottom: 2px solid #fff;
    width: 110px;
    margin-left: 50px;
    margin-bottom: 10px;
    position: relative;
}
.advantage_title:hover{
    border-bottom: 2px solid #FF9900;
    color: #FF9900;
    cursor: pointer;
}
.advantage_content{
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
    padding-left:50px;
    padding-right:50px;
}
.advantage_content ul{
    padding-left:15px;
}



/*热门专业*/
.hot_major{
    overflow: hidden;
    clear: both;
    margin: 0 auto;
}
.hot_major .title_en{
    width: 295px;
}
.hot_major .model_top{
    width: 1100px;
    margin: 0 auto;
}
.major_main{
    /*width: 1247px;*/
    position: relative;
    width: 1100px;
    margin: 0 auto;
    overflow: hidden;
    height: 350px;
}
.major_model{
    width: 585px;
    margin: 0 auto;
    overflow: hidden;
}
.tag_model{
    width: 250px;
    height: 45px;
    font-size: 20px;
    float: right;
    margin-top: 40px;
}
.tag{
    float: left;
    margin-right: 35px;
    border-bottom: 2px solid #fff;
    padding-bottom: 8px;
    cursor: pointer;
}
.major_content{
    clear: both;
    padding-top: 40px;
    width: 1520px;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
}
.b_major_o{
    width:260px;
    float: left;
    margin-right: 30px;
    cursor: pointer;
}

.b_major_o:nth-child(3){
    margin-right: 100px;
}
.b_major_o:nth-child(4){
    filter: alpha(Opacity=40);
    opacity: .4;
}



.b_major_o img{
    width: 100%;
}


.major_title{
    font-size: 18px;
    font-weight: bold;
    padding-top: 9px;
    border-bottom: 2px solid #fff;
    width: 110px;
    position: relative;
    padding-bottom: 10px;
}
.b_major_o:hover  .major_title{
    border-bottom: 2px solid #FF9900;
    color: #FF9900;
    cursor: pointer;
}
.b_major_o:hover  .major_title_en{
    color: #FF9900;
    cursor: pointer;
}

.major_title_en{
    font-size: 14px;
    margin-top:12px;
}
.arrow_div {
    margin-top: -207px;
    position: absolute;
    width: 975px;
}
.arrow_div img{
    width:40px;
}
.next {
    float: left;
    cursor: pointer;
}
.prev {
    float: right;
    cursor: pointer;
}
.col{
    color:#FF9900;
    border-bottom: 2px solid #FF9900;
}
.major_detail{
    width: 800px;
    height: 210px;
    background-color: #FF9900;
    opacity: 0.9;
    margin-top: 39px;
    font-size: 14px;
    padding: 10px 20px;
    line-height: 24px;
}
.major_desc{
    float: left;
    margin-right:20px;
}
.apply_info{
    float: left;
}
.font-size-18{
    font-size: 18px;
    line-height: 30px;
}
.apply_info_point ul{
    margin:0;
    padding-left: 18px;
}








/*评估*/
.evaluate{
    height:135px;
    color: #fff;
    padding: 30px 63px;
    position: relative;
    margin: 60px auto;
}
.evaluate_question{
    margin:24px auto;
    width: 1100px;
}
.evaluate_title{
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 20px;
    margin-top: -17px;

    margin-left: 8px;
    background-color: #0066FF;
    padding: 5px;
    width:456px;
}
.evaluate_q{
    line-height: 32px;
}
.evaluate_q{
    width:430px;
    float: left;
    font-size: 14px;
}
.evaluate_q div img{
    width: 13px;
    padding-right: 10px;
}


.evaluate_btn{
    width: 200px;
    height: 38px;
    line-height: 38px;
    display: block;
    border-radius: 20px;
    background: #0066FF;
    text-align: center;
    font-size: 14px;
    position: absolute;
    bottom: 80px;
    right: 205px;
    color: #fff;
    cursor: pointer;
}




/*成功案例*/
.case{
    width: 1100px;
    overflow: hidden;
    clear: both;
    margin: 0 auto;
    position: relative;
}
.case .title_en{
    width: 164px;
}

.case_model{
    margin-top: 60px;
}
.case-o{
    width: 475px;
    float: left;
    overflow: hidden;
    margin-bottom: 80px;
}
.case-o img{
    width:100%
}

.case-o img:hover{
    transition: all 1s ease;
    transform: scale(1.1);
    filter: alpha(Opacity=60);
    opacity: .6;
}


.case-o:nth-child(1),
.case-o:nth-child(3)
{
    margin-right: 130px;
}

.case-o:nth-child(2),
.case-o:nth-child(4)
{
    margin-top: -60px;
}
.case_title{
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 20px;
    width: 110px;
    margin-left: 40px;
    margin-bottom: 10px;
}
.case_content{
    margin-left: 40px;
    line-height: 24px;
    font-size: 14px;
}

.ask_btn{
    border: 1px solid #fff;
    width:120px;
    padding:5px;
    border-radius: 5px;
    margin-top:15px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
}
.ask_btn:hover{
    background-color: #FF9900;
}
.case-o .ask_btn{
    margin-left:40px;
}


/*导师*/
.lecturer{
    text-align: center;
    width: 1100px;
    overflow: hidden;
    clear: both;
    margin: 0 auto;
    position: relative;
}

.lecturer .model_top{
    float: right;
    width:220px;
    text-align: right;
    position: relative;
}

.lecturer .model_top img{
    width:50px;
}

.lecturer .model_top img{
    position: absolute;
    left:-75px;
    bottom: 0;
}
.lecturer_model{

    clear: both;
    background-color: #000;
    width: 1100px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 60px;
}

.lecturer-o{
    width: 263.75px;
    float: left;
    overflow: hidden;
    margin-bottom: 80px;
    background-color: #fff;
    color: #000;
}

.lecturer-o:nth-child(1),
.lecturer-o:nth-child(2),
.lecturer-o:nth-child(3)
{
    margin-right: 15px;
}


.lecturer-o img{
    width:100%
}

.lecturer-o img:hover{
    transition: all 1s ease;
    transform: scale(1.1);
    filter: alpha(Opacity=60);
    opacity: .6;
}

.lecturer_title{
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 8px;
    text-align: center;
}
.lecturer_content{
    text-align: center;
    line-height: 24px;
    font-size: 14px;
}
.lecturer-o .ask_btn{
    border: 1px solid #000;
    margin: 20px auto;
    color: #FF9900;
}
.lecturer-o:hover .ask_btn{
    color: #fff;
    background-color: #FF9900;
}





input:focus{
    outline: none;
}


.form_model{
     margin:0 auto;
     width: 808px;
     overflow: hidden;
     clear: both;
 }

.plan_form{
    overflow: hidden;
    clear: both;
    margin: 0 auto;
    height: 294px;
}

.form_input{
    display: flex;
    margin-left: 100px;
}
.form_input_text{
    width: 250px;
    height: 38px;
    border: 1px solid #FF9900;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
    color: #FFFFFF;
    padding-left: 20px;
}
.form_input_text input{
    background: center;
    border: none;
    width: 180px;
    height: 35px;
    color: #fff;
}
.plan_form form{
    text-align: -webkit-center;
    margin-top: 27px;
}
.form_submit{
    width: 150px;
    height: 38px;
    background: #FF9900;
    border-radius: 30px;
    border: none;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: #ffffff;
    margin-top: 43px;
}
.plan_form_title{
    text-align: center;
    margin-top: 30px;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #FFFFFF;
}





.active1,.active2,.active4,.active5{
    margin-top:100px;
    clear: both;
    overflow: hidden;
    opacity: 0;
    transform: translateY(100);
    transition: all 1s ease-out;
}

.active1.active,.active2.active,.active4.active,.active5.active {
    opacity: 1;
    transform: translateY(0);
    margin-top:0px;
}

.active3{
    margin-top:100px;
    clear: both;
    overflow: hidden;
    opacity: 0;
    transform: translateY(100);
    transition: all 1s ease-out;
}

.active3.active {
    opacity: 1;
    transform: translateY(0);
    margin-top:60px;
}