.banner{width: 100%;min-width: 1200px;height: calc(100vh - 80px);}
.banner img{width: 100%;}
.banner video{width: 100%;object-fit: fill;height: 100%;}

.second_part{overflow: hidden; width: 100%;height: auto !important;margin:0 auto;margin-bottom: 100px; margin-top: -4px;background-color: #fff;}
.second_desc{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 10px;}
.second_desc div{transition: all 0.3s ease-in-out; height: auto !important; width: 22%; text-align: center;}
.second_desc div:hover{transform: translateY(-5px) scale(1.01); }
.second_desc div img{width: 100%; height: 185px; object-fit: cover; border-radius: 15px; margin-bottom: 5px;}
.second_desc div .p_desc2{font-size: 18px;color: #686868;}
.second_img{width: 100%;margin-top: 0px;}
.second_img:hover{box-shadow: 0 18px 16px -6px rgba(248, 84, 21, .15);scale: 1.05;}
.second_img{transition: all 0.3s;}
.second_img img{width: 100%;}

.fifth_part{overflow: hidden; width: 100%;margin-top: -4px; padding-bottom: 100px; background: #fcfcfc; background-size: cover;}
.fifth_part .index_width_box .info {position: relative; background:  url('https://xuexiang.oss-cn-hangzhou.aliyuncs.com/youzhi_guanwang/images/teachers_team/9.png') no-repeat; background-size: 100%; padding: 45px;box-sizing: border-box; height: 760px;}
.fifth_part .p_desc2 {padding-bottom: 35px; margin-top: -40px;}
.fifth_part .info .top {display: flex; flex-direction: row;}
.fifth_part .info .fifth_left_video {display: none; justify-content: center;align-items: center; width: 425px; height: 425px;margin-right: 90px; -webkit-user-drag: none;}
/* .fifth_part .info .fifth_left_video:first-child {display: flex;} */

.fifth_part .info .fifth_left_video img {height: 100%; -webkit-user-drag: none;}

.fifth_part .info .fifth_right_text {display: none; flex-direction: column; justify-content: space-between;}
.fifth_part .info .fifth_right_text:first-child, .fifth_part .info .fifth_left_video:first-child{display: flex;}
.fifth_part .info .fifth_right_text .fifth_right_text_item {display: flex; flex-direction: column;max-width: 500px; height: 100%;}
.fifth_part .info .fifth_right_text .fifth_right_text_item > div:not(:last-child) {margin-bottom: 20px;}
/* 行内元素用底边距作为下划线的话，多行会无法做到每行都有下划线，所以用背景图片代替，鼠标没有悬浮的时候x轴位置为0，悬浮的时候x轴位置为100%，y轴固定2px */
.fifth_part .info .fifth_right_text .fifth_right_text_item span {cursor: context-menu; position: relative; color: #686868;font-size: 18px; transition: all 0.5s ease-in-out; background: url('https://xuexiang.oss-cn-hangzhou.aliyuncs.com/youzhi_guanwang/images/teachers_team/black_line.png') no-repeat; background-size: 0 1px; background-position: 0 bottom;}
/* .fifth_part .info .fifth_right_text .fifth_right_text_item:hover span {background-size: 100% 1px !important;} */
.fifth_part .info .fifth_right_text .fifth_right_text_item .title span {letter-spacing: .5em; font-size: 24px; color: #000000 !important;}
.fifth_part .info .btm { overflow: hidden; width: 1064px; margin: 33px auto 0 auto;}
.fifth_part .info .teacher_list {display: flex; flex-direction: row; flex-wrap: nowrap;transition: all 0.3s ease-in-out;}
.fifth_part .info .teacher_list img {position: relative; width: 343px; cursor: pointer; transition: all 0.3s ease-in-out;}
.fifth_part .info .teacher_list > div:hover img {scale: 1.05;}
.fifth_part .info .teacher_list > div {display: flex;}
.fifth_part .left_arr, .fifth_part .right_arr {cursor: pointer; margin: 0; position: absolute; width: 15px; bottom: 135px;}
.fifth_part .left_arr {left: 15px;}
.fifth_part .right_arr {right: 15px;}

.sixth_part {padding-bottom: 100px; background: #FFFFFF; overflow: hidden; width: 1104px; position: relative;}
.sixth_part .p_desc2 {padding-bottom: 35px; text-align: center; margin-top: -40px;font-size: 16px;color: #686868;}
.sixth_part .class_box{display: flex; flex-direction: row;width: 100%;}
.sixth_part .rl_control {display: flex; justify-content: center; margin-top: 30px;}
.sixth_part .rl_control > div {margin:0 7.5px;}
.sixth_part .rl_control img {cursor: pointer; width: 30px;}
.sixth_part .class_box .class_item {position: relative; display: flex; justify-content: center; background: #dddddf; width: 30%; height: 538px; border-radius: 10px; box-shadow: 0px 0px 10px 3px #bbbbbb; flex-shrink: 0; margin-right: 53.5px;}

.sixth_part .class_box .class_item .tips {display: none; color: #FFFFFF; font-size: 18px; line-height: 40px; margin-left: 20px;}
.sixth_part .class_box .class_item .desc_box {overflow: hidden; width: 100%; height: 45%; margin-top: auto; background: #FFFFFF;border-radius: 0 0 10px 10px; position: absolute;bottom: 0;}
.sixth_part .class_box .class_item img {-webkit-user-drag: none; height: 100%;}
.sixth_part .class_box .class_item .class_item_title {font-size: 24px; margin-bottom: 10px; margin-top: 15px; margin-left: 25px; letter-spacing: .5em; position: relative;}
.sixth_part .class_box .class_item .class_item_title::before {content: "";position: absolute; width: 3px; border-radius: 3px; left: -10px; top: calc(50% - 8px); height: 20px; background: #fc5b20;}
.sixth_part .class_box .class_item .class_item_desc {margin-left: 25px; max-width: 280px; color: #666666;}
.sixth_part .class_box .class_item .class_item_desc ul li {margin-bottom: 5px;}

.seventh_part {padding-bottom: 100px; background: #fcfcfc;}
.seventh_part .class_box {display: flex; flex-direction: row; justify-content: space-between;margin-top: 60px;}
.seventh_part .class_box .class_item {width: 22%; text-align: center; position: relative;}
.seventh_part .class_box .class_item img{width: 130px; height: 130px; transition: all 0.2s ease-in-out; object-fit: cover; position: absolute;top: -70px;left: calc(50% - 65px);}
.seventh_part .class_box .class_item .text_box {padding: 55px 30px 30px 30px; border-radius: 20px; border: 1px solid #fedacc; background: linear-gradient(to bottom, #fffaf9, #ffffff);}
.seventh_part .class_box .class_item:hover img{top: -80px; scale: 1.09;}
.seventh_part .class_box .class_item .class_item_title {font-size: 20px;}
.seventh_part .class_box .class_item .class_item_desc {margin-top: 10px; font-size: 14px; color: #666666;}

.seventh_part .class_box .item1 img {height: 140px; top: -75px;}
.seventh_part .class_box .item1:hover img {top: -85px; scale: 1.1;}
.seventh_part .class_box .item4 img {height: 120px;}
.seventh_part .class_box .item4:hover img {top: -80px; scale: 1.1;}
.seventh_part .class_box .item2 img {height: 140px; top: -77px;}
.seventh_part .class_box .item2:hover img {top: -87px; scale: 1.1;}