html,body{
    overflow-x: hidden;
}
.index_banner{
    width: 100%;
	height: 450px;
    background: url('../img/index_banner.png') no-repeat center;
}
.index_banner_cont{
    width: 1200px;
    margin: auto;
    position: relative;
}
.lab_background_cont{
    width: 1080px;
    margin: auto;
}
.lab_background_cont h2{
    font-family: MicrosoftYaHei-Bold;
	font-size: 28px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: 1px;
    color: #17233d;
    padding-top: 60px;
    text-align: center;
}
.lab_background_tit{
    font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 16px;
	letter-spacing: 0px;
    color: #515a6e;
    text-align: center;
    margin-top: 23px;
}
.all_background{
    padding-bottom: 60px;
}
.all_background dl{
    float: left;
    margin-top: 60px;
}
.all_background{
    width: 1080px;
    margin: auto;
    border-bottom: 2px solid #dcdee2;
}
.all_background dl dt img{
    margin: auto;
    margin-bottom: 36px;
}
.all_background dl h4{
    font-size: 22px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: 1px;
    color: #17233d;
    text-align: center;
    padding-bottom: 7px;
}
.all_background dl dd{
    font-family: MicrosoftYaHei;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #17233d;
    text-align: center;
    line-height: 18px;
}
.curriculum_cont{
    width: 1200px;
    background: url('../img/curriculum_bg.png') no-repeat center;
    margin: auto;
    padding-bottom: 72px;
    background-position: 770px 531px;
}
.curriculum_cont1{
    width: 1200px;
    /*background: url('../img/curriculum_bg.png') no-repeat center;*/
    margin: auto;
    padding-bottom: 72px;
    background-position: 770px 531px;
}
.curriculum_cont h2{
    font-family: MicrosoftYaHei-Bold;
	font-size: 28px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: 1px;
    color: #17233d;
    padding-top: 61px;
    text-align: center;
}
.curriculum_cont1 h2{
    font-family: MicrosoftYaHei-Bold;
	font-size: 28px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: 1px;
    color: #17233d;
    padding-top: 61px;
    text-align: center;
}
.curriculum_text{
    width: 783px;
    margin: auto;
	height: 65px;
	font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 1px;
	color: #515a6e;
    text-align: center;
    margin-top: 17px;
}
.all_curriculum{
    margin-top: 52px;
    margin-left: 60px;
}
.some_curr{
    width: 336px;
	height: 240px;
	background-color: #ffffff;
	box-shadow: 0px 2px 20px 0px 
		rgba(32, 64, 127, 0.2);
    border-radius: 4px;
    float: left;
    margin-right: 36px;
    margin-bottom: 36px;
}
.some_curr1{
    width: 336px;
	height: 215px;
	background-color: #ffffff;
	box-shadow: 0px 2px 20px 0px 
		rgba(32, 64, 127, 0.2);
    border-radius: 4px;
    float: left;
    margin-right: 36px;
    margin-bottom: 36px;
}
.some_curr2{
    width: 288px;
	height: 215px;
	background-color: #ffffff;
	box-shadow: 0px 2px 20px 0px 
		rgba(32, 64, 127, 0.2);
    border-radius: 4px;
    float: left;
    margin-right: 1px;
    margin-bottom: 36px;
}
.all_curriculum .some_curr:nth-child(3n){
    margin-right: 0px;
}
.some_curr_top{
    height: 106px;
    width: 336px;
}
.some_curr_top img{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.some_curr_top1{
    height: 150px;
    width: 336px;
}
.some_curr_top1 img{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.some_curr_top2{
    height: 150px;
    width: 250px;
}
.some_curr_top2 img{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.some_curr h4{
    font-family: MicrosoftYaHei-Bold;
	font-size: 18px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: 2px;
    color: #515a6e;
    padding-left: 24px;
    padding-top: 30px;
}
.some_curr P{
    font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 1px;
	color: #515a6e;
    padding-left: 24px;
    padding-top: 10px;
}
.some_curr1 h4{
    font-family: MicrosoftYaHei-Bold;
	font-size: 18px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: 2px;
    color: #515a6e;
    padding-left: 24px;
    padding-top: 30px;
}
.some_curr1 P{
    font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 1px;
	color: #515a6e;
    padding-left: 24px;
    padding-top: 20px;
}
.index_banner_cont .hvr-float{
    position: absolute;
    left: 0px;
    top: 245px;
    cursor: pointer;
}
.more_curriculum{
    display: inline-block;
    width: 200px;
	height: 48px;
	background-color: #3d97f2;
    border-radius: 4px;
    margin-top: 77px;
    font-family: MicrosoftYaHei;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 1px;
    color: #ffffff;
    text-align: center;
    line-height: 48px;
    cursor: pointer;
    margin-left: 500px;
}
.more_curriculum1{
    display: inline-block;
    width: 200px;
	height: 48px;
	background-color: #3d97f2;
    border-radius: 4px;
    margin-top: 30px;
    font-family: MicrosoftYaHei;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 1px;
    color: #ffffff;
    text-align: center;
    line-height: 48px;
    cursor: pointer;
    margin-left: 500px;
}
.characteristic{
    background: url('../img/characteristic_bg.png') no-repeat center;
}
.characteristic_cont{
    width: 1080px;
    margin: auto;
    height: 1488px;
    position: relative;
}
.characteristic_cont div{
    width: 458px;
	height: 182px;
	background-color: #ffffff;
	box-shadow: 0px 2px 20px 0px 
		rgba(32, 64, 127, 0.2);
    border-radius: 4px;
    position: absolute;
}
.characteristic_one{
    position: absolute;
    left: 0px;
    top: 577px;
}
.characteristic_two{
    position: absolute;
    right: 0px;
    top: 711px;
}
.characteristic_three{
    position: absolute;
    left: 0px;
    bottom: 464px;
}
.characteristic_cont h3{
    font-family: MicrosoftYaHei-Bold;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: 1px;
    color: #515a6e;
    padding-left: 30px;
    padding-top: 32px;
}
.characteristic_cont div p{
    font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 1px;
	color: #515a6e;
    padding-left: 30px;
    padding-top: 18px;
    padding-right: 26px;
}
.characteristic_cont h2{
    font-family: MicrosoftYaHei-Bold;
	font-size: 28px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: 1px;
    color: #17233d;
    text-align: center;
    padding-top: 60px;
}
.characteristic_text{
    width: 773px;
	height: 47px;
	font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 1px;
	color: #515a6e;
    padding-top: 14px;
    margin: auto;
    text-align: center;
}
.best_school_cont{
    width: 1080px;
    margin: auto;
    border-bottom: 1px solid #dcdee2;
    padding-bottom: 66px;
    position: relative;
}
.best_school_cont h2{
    font-family: MicrosoftYaHei-Bold;
	font-size: 28px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 21px;
	letter-spacing: 1px;
    color: #17233d;
    text-align: center;
    padding-top: 60px;
}
.all_school{
    margin-top: 58px;
    z-index: 10;
    overflow: hidden;
}
.school_logo{
    width: 250px;
    height: 62px;
    float: left;
    margin-right: 22px;
    box-shadow: 0px 2px 15px 0px
    rgba(116, 120, 128, 0.15);
    margin-bottom: 21px;
    background: #fff;
}
.school_logo:nth-child(4n){
    margin-right: 0px;
}
.experience{
    height: 430px;
}
.experience_cont{
    width: 1080px;
    margin: auto;
}
.experience_cont h2{
    font-family: MicrosoftYaHei-Bold;
	font-size: 28px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 21px;
	letter-spacing: 1px;
    color: #17233d;
    text-align: center;
    padding-top: 66px;
    margin-bottom: 57px;
}
.exper_box{
    width: 336px;
	height: 280px;
    background-color: #ffffff;
    /* background: url('../img/exper_bg.png') no-repeat center; */
    background-position: 276px 229px;
	box-shadow: 0px 2px 20px 0px 
		rgba(32, 64, 127, 0.2);
    border-radius: 4px;
    float: left;
    margin-right: 36px;
    position: relative;
}
.exper_img{
    position: absolute;
    left: 276px;
    top: 240px;
}
.exper_box:nth-child(3n){
    margin-right: 0px;
}
.exper_box dl{
    margin-left: 35px;
    margin-top: 35px;
}
.exper_box dt{
    float: left;
}
.exper_box dd{
    float: left;
    padding-top: 10px;
    margin-left: 21px;
}
.exper_box dd h5{
    font-family: MicrosoftYaHei-Bold;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 16px;
	letter-spacing: 1px;
    color: #17233d;
    margin-bottom: 11px;
}
.exper_box dd p{
    font-family: MicrosoftYaHei-Bold;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 1px;
    color: #515a6e;
    line-height: 14px;
}
.exper_box_text{
    width: 277px;
	height: 87px;
	font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
    color: #515a6e;
    margin-left: 29px;
    margin-top: 19px;
}
.achievements{
    height: 705px;
    background: url('../img/achievements_bg.png') no-repeat center;
    margin-top: -56px;
}
.achievements_cont{
    width: 1208px;
    margin: auto;
    height: 705px;
}
.achievements_cont h2{
    font-family: MicrosoftYaHei-Bold;
	font-size: 28px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: 1px;
    color: #17233d;
    text-align: center;
    padding-top: 82px;
    margin-bottom: 64px;
}
.all_achievements{
    max-width:1208px;
    height:334px;
    margin:0 auto;
}

.all_achievements div{
    width:154px;
    height:334px;
    position: relative;
    float:left;
    overflow: hidden;
}
.all_achievements div:nth-child(1){
    background:#f4828b;
    margin-left: 60px;
    width: 464px;
}
.all_achievements div:nth-child(2){
    background:#4f74c4;
}
.all_achievements div:nth-child(3){
    background:#0cbfd1;
}
.all_achievements div:nth-child(4){
    background:#00c99c;
}
.all_achievements div:nth-child(5){
    background:#93abc4;
}
.notopen{
    font-family: MicrosoftYaHei-Bold;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 334px;
	letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
}
.index_report{
	box-shadow: 0px 10px 40px 0px 
        rgba(34, 23, 20, 0.2);
    position: absolute;
    left: 30px;
    top: 40px;
    float: left;
    display: none;
    z-index: 10;
}
.all_achievements div:nth-child(4) .index_report{
    margin-top: 72px;
}
.all_achievements div h4{
    font-family: MicrosoftYaHei-Bold;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 21px;
	letter-spacing: 0px;
    color: #ffffff;
    float: left;
    position: absolute;
    top: 150px;
    left: 258px;
    display: none;
    white-space:nowrap;
}
.achievements_text{
    width: 169px;
	height: 77px;
	font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 19px;
	letter-spacing: 0px;
    color: #ffffff;
    float: left;
    position: absolute;
    left: 258px;
    top: 197px;
    display: none;
}
.first .notopen{
    display: none;
}
.all_achievements .first h4{
    display: inline-block;
}
.first .index_report{
    display: inline-block;
    margin-bottom: 117px;
}
.first .achievements_text{
    display: inline-block;
}
.achievement_img{
    position: absolute;
    right: 0px;
    top: -3px;
}
.achievements_img{
    position: absolute;
    top: -3px;
    right: 0px;
    z-index: 8;
}
.school_left{
    position: absolute;
    bottom: 35px;
    left: -339px;
    z-index: 1;
}
.school_right{
    position: absolute;
    bottom: 35px;
    right: -327px;
    z-index: 1;
}
.vertical{
    width: 250px;
    float: left;
    margin-right: 22px;
    height: 415px;
    overflow: hidden;
}
.login_conts{
    width: 350px;
    height: 334px;
    background-color: #ffffff;
    box-shadow: 0px 4px 8px 1px rgba(153, 153, 153, 0.4);
    border-radius: 4px;
    position: absolute;
    z-index: 51;
    left: 814px;
    top: 55px;
}
.login_conts h2{
    font-family: MicrosoftYaHei-Bold;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #17233d;
    text-align: center;
    padding-top: 36px;
}
.roles{
    width: 350px;
    height: 334px;
    background-color: #ffffff;
    box-shadow: 0px 4px 8px 1px rgba(153, 153, 153, 0.4);
    border-radius: 4px;
    position: absolute;
    z-index: 51;
    left: 814px;
    top: 55px;
    display: none;
}
.roles h2{
    font-family: MicrosoftYaHei-Bold;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #17233d;
    text-align: center;
    padding-top: 36px;
}
.forget_passwords{
    width: 350px;
    height: 334px;
    background-color: #ffffff;
    box-shadow: 0px 4px 8px 1px rgba(153, 153, 153, 0.4);
    border-radius: 4px;
    position: absolute;
    z-index: 51;
    left: 814px;
    top: 55px;
    display: none;
}
.forget_passwords h2{
    font-family: MicrosoftYaHei-Bold;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #17233d;
    text-align: center;
    padding-top: 36px;
}
.forget_passwords .pass_word img{
    margin-top: 13px;
}
.login_btns{
    width: 290px;
    height: 40px;
    background-color: #3d97f2;
    border-radius: 4px;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #fffefe;
    margin-left: 30px;
    margin-top: 36px;
}
.role_btns{
    font-family: MicrosoftYaHei;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 21px;
    letter-spacing: 0px;
    color: #515a6e;
    width: 80px;
    height: 28px;
    background-color: #ffffff;
    border-radius: 4px;
    border: solid 1px #dcdee2;
    margin-left: 139px;
    margin-top: 23px;
    cursor: default;
}
.next_steps{
    width: 290px;
    height: 40px;
    background-color: #3d97f2;
    border-radius: 4px;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #fffefe;
    margin-left: 30px;
    margin-top: 36px;
}
.step_overs{
    width: 290px;
    height: 40px;
    background-color: #3d97f2;
    border-radius: 4px;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #fffefe;
    margin-left: 30px;
    margin-top: 36px;
}
.onlogin{
    width: 350px;
    height: 334px;
    background-color: #ffffff;
    box-shadow: 0px 4px 8px 1px rgba(153, 153, 153, 0.4);
    border-radius: 4px;
    position: absolute;
    z-index: 51;
    left: 814px;
    top: 55px;
    /* display: none; */
}
.onlogin h2{
    font-family: MicrosoftYaHei-Bold;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
    color: #17233d;
    padding-top: 36px;
    text-align: center;
}
.reset_passwords{
    width: 350px;
    height: 334px;
    background-color: #ffffff;
    box-shadow: 0px 4px 8px 1px rgba(153, 153, 153, 0.4);
    border-radius: 4px;
    position: absolute;
    z-index: 51;
    left: 814px;
    top: 55px;
    display: none;
}
.reset_passwords h2{
    font-family: MicrosoftYaHei-Bold;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #17233d;
    text-align: center;
    padding-top: 36px;
}
.onlogin_face{
    width: 85px;
	height: 85px;
    background-color: #acb1bf;
    border-radius: 85px;
    margin-left: 133px;
    margin-top: 14px;
}
.onlogin_face img{
    width: 85px;
    height: 85px;
    border-radius: 85px;
}
.onlogin_name{
    text-align: center;
    font-family: MicrosoftYaHei-Bold;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 16px;
	letter-spacing: 2px;
    color: #17233d;
    margin-top: 8px;
}
.onlogin_school{
    text-align: center;
    font-family: MicrosoftYaHei-Bold;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 16px;
	letter-spacing: 2px;
    color: #17233d;
    margin-top: 9px;
}
.onlogin_class{
    font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 12px;
    letter-spacing: 1px;
    text-align: center;
    margin-top: 9px;
	color: #808695;
}
.login_center{
    font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #fffefe;
    margin-left: 30px;
    margin-top: 23px;
    width: 290px;
	height: 40px;
	background-color: #3d97f2;
    border-radius: 4px;
    text-align: center;
    line-height: 40px;
}
.login_tip{
    position: absolute;
    bottom: 75px;
    left: 30px;
    color: #f56c6c;
    display: none;
}