* {
    margin: 0;
    padding: 0;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
    margin: 0;
    padding: 0;
}

body,
button,
input,
select,
textarea {
    font: 16px/1.5 tahoma, arial, \5b8b\4f53;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}

ul,
ol {
    list-style: none;
}

a {
    text-decoration: none;
    color: #000;
}

table {
    border-collapse: collapse;
    border-spacing: 0px;
}

input {
    background: none;
    outline: none;
    border: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-appearance: none;
}

input[type="text"],
input[type="button"],
input[type="submit"],
input[type="reset"],
select,
textarea,
button {
    -webkit-appearance: none;
}

input:-webkit-autofill {
    box-shadow: 0 0 0px 100px white inset;
}


ul {
    list-style: none;
}

a {
    text-decoration: none;
}

.wap {
    background: #F5F6F9;
}

.main {
    width: 1450px;
    margin: 0 auto;
    padding: 0 30px 30px 30px;
    box-sizing: border-box;
    background: #FCFCFC;
    margin-top: -20px;
}

.curriculum {
    margin-top: 30px;
}

.curriculum_top {
    height: 64px;
    border-bottom: 1px solid #E6E6E6;
}

.curriculum_top h4 {
    float: left;
    line-height: 64px;
    font-size: 26px;
    color: #333;
}

.curriculum_top h4 span {
    border-right: 1px solid #cacaca;
    margin-left: 30px;
}

.curriculum_top .rmke1 {
    float: right;
    margin-right: 0px;
    display: block;
    width: 80px;
    height: 30px;
    border-radius: 15px;
    text-align: center;
    font-size: 14px;
    background: #EEEFF6;
    line-height: 30px;
    margin-top: 20px;
}

.curriculum_top .rmke1:hover {
    color: #fff;
    background-color: #1c77ff;
}

.curriculum_top ul li {
    float: left;
    margin-left: 30px;
    line-height: 80px;
    font-size: 20px;
    width: 140px;
    text-align: center;
    cursor: pointer;
}

.curriculum_top ul li.active {
    color: #1C77FF;
    border-bottom: 3px solid #1C77FF;
}

.curriculum_bottom>div {
    display: none;
    margin-top: 25px;
}

.curriculum_bottom>div.active {
    display: block;
}

#swiper4,
#swiper40 {
    padding: 10px 20px 0 0;
    margin-left: -14px;
}

#swiper4 .swiper-slide,
#swiper40 .swiper-slide {
    border: 1px solid #e6edf9;
    /* border-radius: 20px 20px 20px 20px; */
    width: 333px;
    overflow: hidden;
}

#swiper4 .swiper-slide:hover,
#swiper40 .swiper-slide:hover {
    transform: translate3d(0, -5px, 0);
    box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
    -webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
    -moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
    transition: all .2s linear;
}

#swiper4 .swiper-slide>a>p,
#swiper40 .swiper-slide>a>p {
    font-size: 14px;
    padding-left: 10px;
    margin: 18px 10px 5px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #666;
}

#swiper4 .swiper-slide .box,
#swiper40 .swiper-slide .box {
    padding: 0 20px 20px 10px;
}

#swiper4 .swiper-slide .box p,
#swiper40 .swiper-slide .box p {
    display: inline-block;
    font-size: 14px;
    color: #666;
    padding: 6px 15px;
    background: #EEEFF6;
    border-radius: 15px;
    margin: 12px 5px -7px 0;
}

#swiper4 .swiper-slide .box>span,
#swiper40 .swiper-slide .box>span {
    display: block;
    border-bottom: 2px dashed #E6E6E6;
}

#swiper4 .swiper-slide .box a,
#swiper40 .swiper-slide .box a {
    display: block;
    width: 270px;
    height: 26px;
    font-size: 14px;
    background: #EEEFF6;
    border-radius: 13px;
    color: #666;
    line-height: 26px;
    margin-top: 10px;
}

#swiper4 .swiper-slide .box a>img,
#swiper40 .swiper-slide .box a>img {
    vertical-align: middle;
}

/* #swiper4 .swiper-slide:hover .online_img{
    transform: scale(1.1);
}
#swiper40 .swiper-slide:hover .online_img{
    transform: scale(1.1);
} */
.online_img {
    width: 268px;
    height: 147px;
    /* border-radius: 20px 20px 0px 0px; */
    /* transition: all ease-in-out 0.5s; */
}

.bigImg {
    height: 147px;
    overflow: hidden;
}

.tea_info {
    font-size: 14px;
    padding-left: 10px;
    display: flex;
}

.tea_info img {
    width: 12px;
    height: 14px;
    margin-right: 5px;
    vertical-align: middle;
    padding-top: 2px;
}

.tea_info span {
    font-size: 12px;
    color: #b1b0b0;
    margin-left: 10px;
    width: 200px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.swiper-button-next {
    background: url(../images/lb-right.png) no-repeat center center !important;
    right: 0px !important;
}


.button-next-copy {
    background: url(../images/lb-right.png) no-repeat center center !important;
    right: 1px !important;
}

.swiper-button-prev {
    background: url(../images/lb-left.png) no-repeat center center !important;
    left: 0px !important;
}

.button-prev-copy {
    background: url(../images/lb-left.png) no-repeat center center !important;
    left: 0px !important;
}

#swiper2 {
    padding: 10px 25px 0 0;
    margin-left: -11px;
}

#swiper2 .swiper-slide {
    border: 1px solid #e6edf9;
    border-radius: 20px 20px 20px 20px;
}

#swiper2 .swiper-slide:hover {
    transform: translate3d(0, -5px, 0);
    box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
    -webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
    -moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
    transition: all .2s linear;
}

#swiper2 .swiper-slide>a>p {
    font-size: 14px;
    padding-left: 10px;
    margin: 18px 10px 5px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #666;
}

#swiper2 .swiper-slide .box {
    padding: 0 20px 20px 10px;
}

#swiper2 .swiper-slide .box p {
    display: inline-block;
    font-size: 14px;
    color: #666;
    padding: 6px 15px;
    background: #EEEFF6;
    border-radius: 15px;
    margin: 12px 5px -7px 0;
}

#swiper2 .swiper-slide .box>span {
    display: block;
    border-bottom: 2px dashed #E6E6E6;
}

#swiper2 .swiper-slide .box a {
    display: block;
    width: 270px;
    height: 26px;
    font-size: 14px;
    background: #EEEFF6;
    border-radius: 13px;
    color: #666;
    line-height: 26px;
    margin-top: 10px;
}

#swiper2 .swiper-slide .box a>img {
    vertical-align: middle;
}

.books {
    margin-top: 30px;
}

.books .book-top {
    height: 80px;
    border-bottom: 1px solid #E6E6E6;
}

.books .book-top>a:hover {
    color: #fff;
    background-color: #1c77ff;
}

.books .book-top h4 {
    float: left;
    line-height: 80px;
    font-size: 26px;
}

.book-top a {
    float: right;
    margin-right: 0px;
    display: block;
    width: 80px;
    height: 30px;
    border-radius: 15px;
    text-align: center;
    font-size: 14px;
    background: #EEEFF6;
    line-height: 30px;
    margin-top: 25px;
}

.book-top h4 {
    color: #333;
}

#swiper3 {
    padding: 30px 1px 0 0;
}

#swiper3 .swiper-slide {
    text-align: center;
}

#swiper3 .swiper-slide img:hover {
    transform: translate3d(0, -10px, 0);
    transition: all .2s linear;
}

.skry {
    margin-top: 30px;
}

.skry .skry_top {
    height: 80px;
    border-bottom: 1px solid #E6E6E6;
}

.skry .skry_top>a:hover {
    color: #fff;
    background-color: #1c77ff;
}

.skry .skry_top h4 {
    float: left;
    line-height: 80px;
    font-size: 26px;
}

.skry_top ul li {
    float: left;
    margin-left: 30px;
    line-height: 80px;
    font-size: 20px;
    width: 140px;
    text-align: center;
}

.skry_top ul li.active {
    color: #1C77FF;
    border-bottom: 3px solid #1C77FF;
}

.skry_top a {
    float: right;
    margin-right: 0px;
    display: block;
    width: 80px;
    height: 30px;
    border-radius: 15px;
    text-align: center;
    font-size: 14px;
    background: #EEEFF6;
    line-height: 30px;
    margin-top: 25px;
}

.skry_top h4 {
    color: #333;
}

.skry_bottom>div {
    display: none;
    margin-top: 25px;
}

.skry_bottom>div.active {
    display: block;
}

.skry_top h4 span {
    border-right: 1px solid #000;
    margin-left: 30px;
}

.team_item1 {
    display: flex;
    justify-content: space-between;
    height: 270px;
}

.team_item1 li {
    width: 200px;
    border: 1px solid #e6edf9;
}

.team_item1 li a {
    display: block;
    width: 200px;
    margin: 18px auto;
}

.team_item1 li a img {
    width: 100%;
}

.team_jxy {
    text-align: left;
    font-size: 16px;
    line-height: 30px;
    margin: 10px 0;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.mtbd {
    display: flex;
    justify-content: space-between;
}

.mtbd li {
    width: 321px;
    height: 416px;
    border: 1px solid #e5e5e5;
}

.mtbd li a>img {
    width: 100%;
}

.team_slo {
    width: 286px;
    height: 42px;
    font-size: 14px;
    margin: 16px 0 16px 16px;
    color: #666;
}

.mtbd li a .mid {
    margin-left: 13px;
}

.mtbd li a .mid>img {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 7px;
}

.mtbd li a .mid span {
    font-size: 12px;
    color: #b1b0b0;
}

.team_info {
    width: 286px;
    height: 62px;
    font-size: 12px;
    line-height: 20px;
    color: #525050;
    margin: 11px 0 20px 13px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.success_top {
    margin-top: 30px;
    border-bottom: 1px solid #E6E6E6;
}

.success_top h4 {
    line-height: 80px;
    font-size: 26px;
    color: #333;
}

.success_bottom .box {
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
}

.success_bottom .box>div {
    width: 232px;
    height: 387px;
    position: relative;
}

.box_sz .pick {
    background: url(../images/sk-bg1.png) no-repeat center center;
    width: 100%;
    height: 387px;
    text-align: center;
}

.pick img {
    margin-top: 100px;
    height: 72px;
    font-size: 100%;
}

.pick p {
    font-size: 20px;
    color: #fff;
}

.pick .hx {
    width: 82px;
    border-bottom: 2px solid #fff;
    margin: 45px auto;
}

.box_sz .pic {
    background: url(../images/sk-bg6.png) no-repeat center center;
    width: 100%;
    height: 387px;
    position: absolute;
    top: 0;
    text-align: center;
    cursor: pointer;
}

.pic .p1 {
    font-size: 20px;
    color: #fff;
    margin-top: 95px;
}

.pic .hx1 {
    width: 82px;
    border-bottom: 2px solid #fff;
    margin: 20px auto 30px;
}

.pic .p2 {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
}

.pic a {
    display: block;
    width: 107px;
    height: 30px;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    border-radius: 15px;
    text-align: center;
    margin: 30px auto;
    border: 1px solid #fff;
}

.pic a:hover {
    background: #408CFF;
}

.box_kc .pick {
    background: url(../images/sk-bg2.png) no-repeat center center;
    width: 100%;
    height: 387px;
    text-align: center;
    cursor: pointer;
}

.box_kc .pic {
    background: url(../images/sk-bg7.png) no-repeat center center;
    width: 100%;
    height: 387px;
    position: absolute;
    top: 0;
    text-align: center;
    cursor: pointer;
}

.box_kf .pick {
    background: url(../images/sk-bg3.png) no-repeat center center;
    width: 100%;
    height: 387px;
    text-align: center;
    cursor: pointer;
}

.box_kf .pic {
    background: url(../images/sk-bg8.png) no-repeat center center;
    width: 100%;
    height: 387px;
    position: absolute;
    top: 0;
    text-align: center;
    cursor: pointer;
}

.box_zt .pick {
    background: url(../images/sk-bg4.png) no-repeat center center;
    width: 100%;
    height: 387px;
    text-align: center;
    cursor: pointer;
}

.box_zt .pic {
    background: url(../images/sk-bg9.png) no-repeat center center;
    width: 100%;
    height: 387px;
    position: absolute;
    top: 0;
    text-align: center;
    cursor: pointer;
}

.box_fw .pick {
    background: url(../images/sk-bg5.png) no-repeat center center;
    width: 100%;
    height: 387px;
    text-align: center;
    cursor: pointer;
}

.box_fw .pic {
    background: url(../images/sk-bg10.png) no-repeat center center;
    width: 100%;
    height: 387px;
    position: absolute;
    top: 0;
    text-align: center;
    cursor: pointer;
}

.footer-index {
    background: #333333;
    /* margin-top: 10px; */
    width: 100%;
    min-width: 1450px;
    padding-bottom: 150px;
}

.footer_part {
    width: 1450px;
    margin: 0 auto;
}

.footer_box1,
.footer_box2,
.footer_box3,
.footer_box4 {
    float: left;
    width: 18%;
}

.footer_box5 {
    float: left;
    width: 28%;
}

.footer_part>div>h5 {
    margin: 32px 0 0;
    border-bottom: 1px solid #666;
    font-size: 18px;
    padding: 0 0 20px 50px;
    color: #d7d8d9;
}

.footer_part>div>ul {
    margin: 20px 0 15px;
    padding-left: 50px;
    color: rgb(27, 12, 12);
}

.footer_part>div>ul li {
    margin-bottom: 15px;
    font-size: 14px;
    color: #9b9ea0;
}

.footer_part>div>ul li a {
    margin-bottom: 15px;
    font-size: 14px;
    color: #9b9ea0;
}

.footer_ewm {
    padding-top: 35px;
}

.footer_ewm div {
    float: left;
    margin-left: 50px;
    text-align: center;
}

.footer_ewm div p {
    margin-top: 16px;
    color: #9b9ea0;
    font-size: 16px;
}

.footer_yqlj {
    clear: both;
    width: 1450px;
    margin: 0 auto;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    height: 110px;
}

.footer_yqlj ul {
    margin-top: 25px;
}

.footer_yqlj ul li p {
    font-size: 24px;
    color: #d7d8d9;
}

.footer_yqlj ul li a {
    font-size: 14px;
    color: #9b9ea0;
}

.footer_yqlj ul li {
    float: left;
    line-height: 36px;
    margin-left: 30px;
}

.footer_beian {
    width: 1450px;
    margin: 0 auto;
    text-align: center;
    color: #9b9ea0;
    padding-top: 30px;
    line-height: 32px;
}

#swiper-pre-copy {
    left: 0px !important;
}

.swiperLeft {
    background: url(../images/course-left.png) center left no-repeat !important;
    opacity: .6;
    top: 61%;
}

.swiperRight {
    background: url(../images/course-right.png) center right no-repeat !important;
    opacity: .6;
    top: 61%;
}

body {
    background-color: #f5f6f9;
}

.bgWrap {
    width: 100%;
    background: url(../images/bg.png) top center no-repeat;
    /* background-size: 100%; */
    min-width: 1450px;
    padding-top: 125px;
    margin: 0 auto;
}

.pageCore {
    width: 1450px;
    background-color: #f5f6f9;
    min-width: 1450px;
    margin: 0 auto;
}

.headerWrap {
    width: 1450px;
    /* height: 676px; */
    background-color: #ffffff;
    position: relative;
}
.headerWrap>a{
    position:absolute;
    display: block;
    width: 100%;
    height: 116px;
    top: -116px;
    left: 0px;
    cursor: pointer;
}
.headerTop {
    /* height: 118px; */
    display: flex;
    margin-bottom: 12px;
}

.logo {
    margin: 25px 0 0 10px;
}

.searchWrap {
    width: 973px;
    height: 81px;
    /* margin: 29px 0 0 108px; */
    margin: 12px 0 0 90px;
    position: relative;
}

.searchBar {
    width: 668px;
    height: 41px;
    border: solid 1px #1a76ff;
    margin-top: 10px;
    position: relative;
}

.searchBar:hover {
    box-shadow: 0 4px 18px #1a76ff28;
    background-color: #fefafa;
}

.searchButton {
    width: 100px;
    height: 41px;
    background-color: #1a76ff;
    float: right;
}

.searchButton p {
    font-family: AlibabaPuHuiTi-Regular;
    font-size: 16px;
    line-height: 27px;
    color: #fefefe;
    text-align: center;
    line-height: 41px;
    cursor: pointer;
}

.indexWords {
    width: 671px;
    height: 14px;
    margin-top: 11px;
    display: flex;
    justify-content: space-between;
}

.indexWords span {
    font-family: AlibabaPuHuiTi-Regular;
    font-size: 14px;
    line-height: 14px;
    color: #666;
}

.indexWords span:hover {
    color: #1c77ff;
}

.hotline {
    width: 278px;
    height: 81px;
    position: absolute;
    top: 7px;
    right: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sk_phone {
    width: 290px;
    float: right;
}

.sk_phoneLeft {
    width: 89px;
    height: 81px;
}

.sk_phone p>a {
    font-size: 20px;
    line-height: 19px;
    color: #0058d1;
    font-weight: 700;
}

.sk_logo,
.sk_nav,
.sk_phone {
    line-height: 48px;
    height: 48px;
}

.sk_phone .sk_phone_1 {
    float: left;
    padding-top: 0;
    width: 24%;
}

.sk_phone .sk_phone_1 img {
    width: 95%;
    margin-top: -5px;
    margin-right: 5px;
}

img {
    border: none;
    vertical-align: middle;
}

.sk_phone p {
    float: right;
    color: #666;
    font-size: 18px;
    line-height: 22px;
}

.headerBottom {
    height: 563px;
    display: flex;
    background-color: #f5f6f9;
}

.sideBar {
    width: 333px;
    height: 549px;
    border-top: 2px #1c77ff solid;
    padding: 10px 0 0 30px;
    cursor: pointer;
    background-color: #fff;
}

.rightBar {
    width: 1087px;
}

.triangleWrap {
    width: 100%;
    background-color: #fff;
}

.triangle {
    width: 9px;
    height: 9px;
    overflow: hidden;
    position: relative;
}

.trans {
    width: 40px;
    height: 40px;
    transform: skew(45deg);
    background-color: #004ec3;
    position: absolute;
    top: -1px;
    left: -21px;
}

.blueNav {
    width: 1048px;
    padding-left: 40px;
    height: 48px;
    /* background-color: #1c77ff; */
    background-image: linear-gradient(90deg,
            #1c77ff 0%,
            #3e8bff 100%);
}

.blueNav>p a {
    font-family: MicrosoftYaHei;
    font-size: 17px;
    color: #ffffff;
}

.blueNav>p span {
    line-height: 48px;
    /* margin-right: 65px; */
}

.marginWrap {
    margin: 0 22px;
    color: #d1d4dc;
    opacity: .6;
}

.whiteWrap {
    display: flex;
}

.colorBoard {
    width: 10px;
    height: 495px;
    background-color: #f5f6f9;
}

.whiteBoard {
    width: 1057px;
    height: 499px;
    padding: 5px 0 0 20px;
    background-color: #fff;
    display: flex;
    margin-left: 10px;
}

.side-nav-bar {
    width: 332px;
    /* height: 111px; */
    position: relative;
}

/* 
.nav-bar-copy {
    height: 78px;
} */

.navTitle {
    height: 20px;
    display: flex;
    margin-bottom: 14px;
    margin-top: 20px;
}

.navTitle-new {
    height: 20px;
    display: flex;
    margin-bottom: 13px;
    margin-top: 17px;
}

.navCon a {
    position: relative;
}

.navCon a:hover {
    color: #1c77ff;
}

.hotWrap {
    width: 24px;
    height: 15px;
    position: absolute;
    margin-left: -12px;
    top: -12px;
    left: 50%;
    background: url(../images/img/hot.png) center center no-repeat;
    background-size: cover;
}

.navTitle span {
    font-family: MicrosoftYaHei-Bold;
    font-size: 20px;
    line-height: 20px;
    color: #333;
    font-weight: 700;
    border-left: 1px solid #e6e6e6;
    padding-left: 13px;
}

.navTitle img {
    margin-right: 13px;
}

.navTitle span:hover {
    color: #1c77ff;
}

/* 
.navCon {
    float: left;
} */

.navCon a {
    font-family: MicrosoftYaHei;
    font-size: 14px;
    line-height: 31px;
    color: #666666;
    /* margin-right: 9px; */
    margin-right: 15px;
}

.navCon span:hover {
    color: #1c77ff;
}

.tabTop {
    width: 583px;
    height: 53px;
    display: flex;
    justify-content: space-between;
}

.tabTop>p span {
    font-family: DOUYU-Font;
    font-size: 20px;
    line-height: 53px;
    color: #666;
}

.theMore {
    width: 80px;
    height: 25px;
    background-color: #eeeff6;
    border-radius: 13px;
    position: absolute;
    right: -78px;
    top: -17px;
}

.theMore:hover {
    background-color: #1c77ff;
}

.theMore:hover a {
    color: #ffffff;
}

.theMore a {
    font-family: MicrosoftYaHei;
    font-size: 14px;
    line-height: 25px;
    color: #53586c;
}

.theMore p {
    text-align: center;
}

.tabBottom {
    margin-bottom: 12px;
    width: 573px;
    height: 128px;
    background-color: #ffffff;
    border: solid 1px #e5e5e5;
}

.tabBottom-title {
    width: 534px;
    height: 16px;
    display: flex;
    justify-content: space-between;
    margin: 18px 0px 15px 20px;
    cursor: pointer;
}

.tabBottom-title p {
    font-family: MicrosoftYaHei;
    font-size: 17px;
    font-weight: 700;
    line-height: 16px;
    color: #1c77ff;
}

.tabBottom-title img {
    margin-right: 8px;
}

.tabBottom-title a {
    font-size: 14px;
    line-height: 16px;
    color: #1c77ff;
}

.flowLayout {
    display: flex;
}

.detailsWrap {
    float: left;
    padding-left: 10px;
}

.detailsbar {
    height: 25px;
    background-color: #f0f6ff;
    border-radius: 13px;
    margin-left: 6px;
    padding: 0px 12px 0px 16px;
    margin-right: 20px;
    margin-bottom: 10px;
    display: inline-block;
}

.detailsbar p {
    line-height: 25px;
    display: inline-block;
}

.detailsbar img {
    margin: 0px 9px 0px 30px;
}

.detailsbar span {
    font-size: 14px;
}

.boardRight {
    width: 435px;
    height: 455px;
    /* padding: 17px 20px 20px 20px; */
    padding: 25px 30px 20px 20px;
}

.boardLeft {
    width: 572px;
    height: 492px;
}

.titleWrap>ul li:nth-child(1) {
    list-style: none;
    display: block;
    width: 34px;
}

.titleWrap>ul li:nth-child(2) {
    list-style: none;
    display: block;
    width: 698px;
}

.topHeight {
    height: 7px;
    width: 100%;
}

.rotation {
    width: 425px;
    height: 262px;
    /* background-color: #1c77ff; */
    margin: 0 auto;
    margin-bottom: 20px;
    overflow: hidden;
}

.littleWrap {
    width: 435px;
    height: 48px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}

.littleWrap-cont {
    width: 134px;
    background-color: #f0f6ff;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .4s;
}

.littleWrap-cont:hover {
    cursor: pointer;
    transform: translate(0, -2.5px);
    background-color: #e7eef7;
}

.datatimeWrap {
    width: 423px;
    height: 36px;
    margin: 0 auto;
    /* background-color: rgba(28, 119, 255, 0.158); */
    display: flex;
    justify-content: space-between;
}

.datatimeWrap>img {
    margin-top: 5px;
}

.greyBoard {
    width: 75px;
    height: 18px;
    background-color: #b3b3b3;
    border-radius: 9px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    line-height: 18px;
    color: #ffffff;
    text-align: center;
}

.middleWrap {
    width: 160px;
    height: 18px;
    display: flex;
    justify-content: space-between;
}

.middleWrap span {
    font-family: MicrosoftYaHei;
    font-size: 16px;
    line-height: 18px;
    color: #666;
}

.courseWrap {
    width: 425px;
    height: 168px;
    background-color: #ffffff;
    /* border: solid 1px #e5e5e5; */
    /* background: rgba(128, 255, 0, 0.123); */
    margin: 0 auto;
}

.labelLayout {
    display: flex;
    height: 22px;
    margin: 0 auto;
}

#labelLayout00 span {
    color: #1c77ff;
}

.labelLayout03 {
    height: 20px;
}

.labelLayout01 {
    height: 21px;
}

.labelLayout02 {
    height: 23px;
}

.labelLayout span {
    margin-left: 8px;
    cursor: pointer;
}

.littleWrap-cont>a p {
    line-height: 48px;
    text-align: center;
}

.littleWrap-cont>a img {
    line-height: 48px;
    vertical-align: middle;
    margin-right: 8px;
}

.littleWrap-cont span {
    font-family: MicrosoftYaHei;
    font-size: 16px;
    /* line-height: 48px; */
    color: #666;
}

.littleWrap-cont span:hover {
    color: #1c77ff;
}

.freeListening {
    color: #1c77ff;
}

.search-Bar {
    /* width: 435px; */
    width: 470px;
    height: 38px;
    border: solid 1px #1c77ff;
    float: left;
    margin-top: 25px;
    position: relative;
}

.searchIco {
    width: 19px;
    height: 19px;
    position: absolute;
    top: 6px;
    right: 15px;
}

.yxk {
    width: 184px;
    height: 38px;
    background-color: #1c77ff;
}

.news-practice {
    width: 1450px;
    height: 322px;
    background-color: #fcfcfc;
}

.paddingBar {
    width: 100%;
    height: 10px;
    background-color: #f5f6f9;
}

.column {
    width: 1390px;
    height: 300px;
    padding: 0 20px 29px 30px;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.col-news {
    width: 887px;
    height: 300px;
}

.col-practice {
    width: 473px;
    height: 300px;
}

.col-practice>p {
    margin-top: 23px;
    line-height: 17px;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    color: #666;
}

.blueBar {
    width: 60px;
    height: 2px;
    background-color: #1c77ff;
    border-radius: 1px;
    margin: 9px 0 14px 27px;
}

.news-header,
.practice-header,
.team-header {
    width: 100%;
    height: 76px;
    border-bottom: 1px #e6e6e6 solid;
    display: flex;
    justify-content: space-between;
}

.practice-header {
    border-bottom: 1px #fff solid;
    margin-top: 3px;
}

.leftTitle p {
    font-family: AlibabaPuHuiTi-Bold;
    font-size: 26px;
    line-height: 26px;
    color: #333;
    font-weight: 600;
    margin-top: 30px;
}

.rightMore {
    width: 80px;
    height: 30px;
    background-color: #eeeff6;
    border-radius: 15px;
    /* margin: auto 0; */
    margin: 28px 0 18px 0;
}

.rightMore:hover {
    background-color: #1c77ff;
}

.rightMore:hover>a {
    color: #ffffff;
}

.rightMore a {
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #666;
    opacity: 0.7;
}

.rightMore p {
    text-align: center;
    line-height: 30px;
}

.teamWrap {
    width: 1450px;
    height: 578px;
}

.Column {
    width: 1390px;
    height: 543px;
    padding: 0 30px 30px 30px;
    margin-top: 10px;
    background-color: #fff;
}

.team-header {
    height: 64px;
    margin-bottom: 24px;
}

.lbt {
    width: 1390px;
}

/* 讲师团队轮播图 */

.swiper-container {
    width: 100%;
    height: 100%;
    cursor: grabbing;
}

.teamWrap .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.toLeft,
.toRight {
    width: 38px;
    height: 48px;
    background: url(../images/toRight.png) center center no-repeat;
}

.toRight {
    background: url(../images/toLeft.png) center center no-repeat;
}

.positionWrap {
    width: 182px;
    width: 200px;
}

.positionWrap img {
    position: absolute;
    bottom: 0;
    left: 41px;
}

.introduction {
    width: 151px;
    height: 200px;
}

.introduction p {
    font-family: MicrosoftYaHei;
    font-size: 14px;
    line-height: 15px;
    color: #666;
    text-align: left;
    margin-bottom: 29px;
}

.tea-name {
    width: 151px;
    height: 20px;
    margin-top: 40px;
    display: flex;
    margin-bottom: 12px;
}

.tea-name img {
    margin-right: 7px;
    margin-left: 2px;
}

.tea-name span {
    font-family: MicrosoftYaHei;
    font-size: 20px;
    line-height: 20px;
    color: #666;
}

.labelWrap {
    width: 110px;
    height: 25px;
    border-radius: 11px;
    border: solid 2px #808080;
    margin-bottom: 9px;
}

.labelWrap p {
    text-align: center;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    line-height: 25px;
    color: #666;
}

.content-Wrap {
    width: 100%;
    height: 148px;
    display: flex;
}

.content-left {
    width: 218px;
    height: 148px;
}

.content-right img {
    margin-right: 9px;
}

.content-right p {
    line-height: 14px;
    margin-bottom: 18px;
    font-size: 14px;
}

.content-right p:hover span {
    color: #1c77ff;
    text-decoration: underline;
    cursor: pointer;
}

.rotation .swiper-container00 {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.rotation .swiper-slide {
    text-align: center;
    font-size: 18px;
    /* background: #fff; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

#swiper30 a {
    display: block;
    line-height: 37px;
    color: #53586c;
    font-size: 18px;
    margin: 20px 0;
    text-align: center;
    width: 153px;
    height: 37px;
    background-color: #eeeff6;
    /* border: 1px solid #143AB4; */
    border-radius: 18px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
}

#swiper30 a:hover {
    color: #fff;
    background-color: #1c77ff;
}

#swiper30 p {
    width: 232px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 21px;
}

#swiper9527 .swiper-slide {
    color: #8c3c3c;
}

#swiper30 h3 {
    font-size: 16px;
    margin: 13px 0;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #666;
    line-height: 33px;
}

#swiper30 .swiper-slide {
    height: 449px;
    background-color: #ffffff;
    border: solid 1px #e6edf9;
    display: flex;
    flex-direction: column;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
}

.tabBottom-title:hover p {
    color: #1c77ff;
}

.title_wrap .li1 {
    position: relative;
}

#p-one {
    display: block;
    width: 115px;
    height: 22px;
    background: url(../images/jrrm.jpg) no-repeat center center;
    position: absolute;
    top: 19px;
    left: 0px;
}

#p-two {
    display: none;
    width: 105px;
    height: 20px;
    background: url(../images/zsjz.jpg) no-repeat center center;
    position: absolute;
    top: 19px;
    left: -1px;
}

.title_wrap .li1 .ppp3 {
    display: none;
    width: 103px;
    height: 20px;
    background: url(../images/skss.jpg) no-repeat center center;
    position: absolute;
    top: 19px;
    left: -2px;
}

.title_wrap,
.title_wrap11,
.title_wrap_el {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 6;
}

.title_wrap li,
.title_wrap11 li {
    flex: 1;
    height: 58px;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    line-height: 58px;
    color: #333;
    cursor: pointer;
}

.title_wrap_el>li:nth-child(1) p {
    color: rgb(28, 119, 255);
}

.title_wrap_el>li:nth-child(1) span {
    display: block;
}

/* .title_wrap .active,
.title_wrap11 .active {
    background: #FFFFFF !important;
} */

.tab_box1 .active {
    display: block;
}

.tab_box11 .active {
    display: flex;
}

.tab_connent {
    display: none;
}

.littleBanner {
    width: 574px;
    height: 212px;
    background-color: #1c77ff;
    margin-bottom: 24px;
    overflow: hidden;
}

.littleBanner>img:hover {
    transform: scale(1.1);
}

.littleBanner img {
    transition: all ease-in-out .75s;
}

.title_wrap11 li {
    height: 27px;
    width: 110px;
    cursor: pointer;
    margin: 22px 0 16px 0;
}

.title_wrap_el li {
    height: 27px;
    cursor: pointer;
}

.title_wrap11 li .active,
.title_wrap_el li .active {
    color: #1c77ff;
}

.title_wrap11 li>p,
.title_wrap_el li>p {
    line-height: 16px;
    text-align: left;
}

.title_wrap11>li span,
.title_wrap_el>li span {
    width: 31px;
    height: 2px;
    margin: 9px 0 0 16px;
    background-color: #1c77ff;
    color: #1c77ff;
}

.title_wrap11>li:nth-child(1) span {
    display: block;
}

.title_wrap11>li:nth-child(1) p {
    color: rgb(28, 119, 255);
}

.active {
    display: block;
}

.tab_box11 .tabContent {
    display: flex;
    justify-content: space-between;
}

.schoolLogo {
    margin: 0 0 20px 0;
}

.region {
    display: inline-block;
    width: 60px;
    height: 25px;
    background-color: #f0f6ff;
    border-radius: 5px;
    margin-right: 15px;
}

.region a {
    font-family: MicrosoftYaHei;
    font-size: 14px;
    line-height: 25px;
    color: #666;
    text-align: center;
}

.region a:hover {
    color: #1c77ff;
}

.conWrap {
    display: flex;
    justify-content: space-between;
    width: 452px;
    height: 25px;
}

.conWrap00 {
    margin-bottom: 10px;
    /* margin-top: 11px; */
}

.conWrap01 {
    margin-top: 7px;
}

.conWrap02 {
    margin-top: 6px;
}

.universities {
    display: inline-block;
    width: 100px;
    height: 25px;
    margin-right: 3px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    line-height: 25px;
    vertical-align: middle;
    color: #666;
    cursor: pointer;
}

.universities a {
    color: #666;
}

.universities a:hover {
    color: #1c77ff;
}

.universities01 {
    width: 138px;
    margin-right: 0px;
}

.universities img {
    margin-right: 6px;
}

.universities_end {
    margin-right: 30px;
}

.universities:hover {
    color: #1c77ff;
}

.universities_end {
    margin-right: 30px;
}

.regions {
    width: 96%;
    padding-left: 2px;
    border: solid 1px #e5e5e5;
    padding: 5px 5px 2px 10px;
}

.regionsWrap span {
    display: inline-block;
    width: 28px;
    height: 13px;
    line-height: 14px;
    font-size: 14px;
    color: #4d4d4d;
    cursor: pointer;
    margin-right: 14px;
    margin-bottom: 9px;
}

.regionsWrap span>a {
    line-height: 14px;
    font-size: 14px;
    color: #4d4d4d;
}

.regionsWrap span>a:hover {
    color: #1c77ff;
}

.regionsWrap span:hover {
    color: #1c77ff;
}

#tianJin {
    margin-right: 0px;
}

#vipRegion {
    width: 43px;
}

.leftPic {
    width: 226px;
    height: 148px;
}

.middleCont {
    width: 678px;
    height: 148px;
}

.middleCont66 {
    width: 339px;
    height: auto;
}

.middleContTop {
    width: 651px;
    height: 148px;
}

.middleCont a,
.rightCont a {
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #666;
}

.middleCont66 a {
    font-family: MicrosoftYaHei;
    font-size: 16px;
    color: #666;
}

.middleCont p,
.rightCont P {
    line-height: 16px;
    margin-bottom: 12px;
}


.middleCont66 p {
    line-height: 22px;
    margin-bottom: 7px;
}


.middleCont img,
.rightCont img {
    margin-right: 9px;
}

.middleCont a:hover,
.rightCont a:hover {
    color: #1c77ff;
    /* text-decoration: underline */
}

.middleCont,
.rightCont,
.leftPic {
    display: inline-block;
}

.middleContTop a {
    font-size: 14px;
    width: 43%;
}

.middleCont a>p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.middleCont66 a>p {
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    overflow: visible;
}

.middleContTop a>p {
    line-height: 15px;
    margin-bottom: 11px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.rightCont {
    width: 316px;
    height: 148px;
}

.tab_box11 {
    width: 952px;
    height: 148px;
}

.tabRight {
    display: inline-block;
    width: 208px;
    position: relative;
}

.shiftPic {
    display: inline-block;
    width: 49%;
}
.remen2{
    width: 560px !important;
}
.remen2>div{
    overflow: hidden;
    white-space: nowrap;
}
.remen2>div>a{
line-height: 30px;
}
.shiftPic1{
    display: inline-block;
    margin-right: 20px;
    cursor: pointer;
}
.shiftPic1{
    margin-right: 25px;
}
.content-right .shiftPic {
    width: 100%;
    color: #666;
}

.inputLabel {
    font-family: MicrosoftYaHei;
    font-size: 14px;
    line-height: 38px;
    color: #666;
    opacity: 0.6;
    margin-left: 198px;
}

.greyCircle {
    display: inline-block;
    width: 9px;
    height: 9px;
    background: url(../images/greyCircle.png) 0 -9px no-repeat;
    margin-right: 9px;
}

.shiftPic:hover span {
    background: url(../images/greyCircle.png) 0 0 no-repeat;
}

.content-right>p:hover .shiftPic {
    color: #1c77ff;
    text-decoration: underline;
    cursor: pointer;
}

#know-233wxCon {
    width: 100%;
}

.know-233Ul {
    margin-right: -10px;
}

.know-233Ul>li {
    float: left;
    width: 238px;
    height: 340px;
    margin-right: 2px;
    background: url(../images/know-233img1.jpg) no-repeat center top;
    position: relative;
    /* overflow: hidden; */
}

.know-233Ul>li>a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    color: #666;
}

.know-233Cont {
    position: absolute;
    top: 0;
    letter-spacing: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.know-233Mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f11504;
    opacity: 0;
    /* filter: alpha(opacity = 0); */
    transition: .4s;
}

.know-233Ul>li.zxdy {
    background: url(../images/know-233img2.jpg) no-repeat center top;
}

.know-233Ul>li {
    float: left;
    width: 238px;
    height: 340px;
    margin-right: 2px;
    background: url(../images/know-233img1.jpg) no-repeat center top;
    position: relative;
    /* overflow: hidden; */
}

.know-233Ico {
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    transition: .4s;
}

.know-233Ico>span {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    background: url(../images/ico-homebg.png) no-repeat -340px -320px;
}

.zxdy .know-233Ico>span {
    background-position: -410px -320px;
}

.know-233Tit {
    position: absolute;
    top: 165px;
    left: 0;
    width: 100%;
    font-size: 23px;
    color: #fff;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    text-align: center;
    transition: .4s;
    font-weight: lighter;
}

.know-233Line {
    position: absolute;
    top: 216px;
    left: 50%;
    width: 36px;
    height: 4px;
    margin-left: -18px;
    /* background: url(../images/ico-homebg.png) no-repeat -700px -120px; */
    transition: .4s;
}

.know-233Tip {
    font-size: 15px;
    line-height: 22px;
    color: #fff;
}

.know-233More {
    display: block;
    width: 120px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    border: 1px solid #fff;
    margin: 28px auto;
    border-radius: 100px;
}

.know-233More .jt {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 7px;
    height: 11px;
    background: url(../images/pick1.png) no-repeat center center;
    vertical-align: middle;
    margin-top: -2px;
    margin-left: 8px;
}

.know-233Info {
    position: absolute;
    top: 350px;
    left: 0;
    width: 100%;
    text-align: center;
    transition: .4s;
}

.know-233Ul>li.kcdy {
    background: url(../images/know-233img3.jpg) no-repeat center top;
}

.kcdy .know-233Ico>span {
    background-position: -480px -320px;
}

.know-233Ul>li.zntk {
    background: url(../images/know-233img4.jpg) no-repeat center top;
}

.zntk .know-233Ico>span {
    background-position: -550px -320px;
}

.know-233Ul>li.jxfw {
    background: url(../images/know-233img5.jpg) no-repeat center top;
    margin-right: 0;
}

.jxfw .know-233Ico>span {
    background-position: -620px -320px;
}

.know-233wx {
    padding-top: 16px
}

.know-233wx .mod-titCom {
    border-bottom: 0;
    margin-top: 0px;
}

.know-233Ul {
    margin-right: -10px;
}

.know-233Ul>li {
    float: left;
    width: 262px;
    height: 387px;
    margin-right: 20px;
    background: url(../images/sk-bg1.png) no-repeat center top;
    position: relative;
    overflow: hidden;
}

.know-233Ul>li.zxdy {
    background: url(../images/sk-bg2.png) no-repeat center top;
}

.know-233Ul>li.kcdy {
    background: url(../images/sk-bg3.png) no-repeat center top;
}

.know-233Ul>li.zntk {
    background: url(../images/sk-bg4.png) no-repeat center top;
}

.know-233Ul>li.jxfw {
    background: url(../images/sk-bg5.png) no-repeat center top;
}

.know-233Ul>li>a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.know-233Cont {
    position: absolute;
    top: 0;
    letter-spacing: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
}

.know-233Mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(28, 119, 255, 0.6);
    transition: .4s;
}

.know-233Ico {
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    transition: .4s;
}

.know-233Ico>span {
    display: block;
    width: 80px;
    height: 65px;
    margin: 0 auto;
    background: url(../images/pick1.png) no-repeat center center;
}

.zxdy .know-233Ico>span {
    height: 72px;
    background: url(../images/pick2.png) no-repeat center center;
}

.kcdy .know-233Ico>span {
    width: 75px;
    height: 75px;
    background: url(../images/pick3.png) no-repeat center center;
}

.zntk .know-233Ico>span {
    width: 78px;
    height: 69px;
    background: url(../images/pick4.png) no-repeat center center;
}

.jxfw .know-233Ico>span {
    width: 67px;
    height: 67px;
    background: url(../images/pick5.png) no-repeat center center;
}

.know-233Tit {
    position: absolute;
    top: 190px;
    left: 0;
    width: 100%;
    font-size: 21px;
    color: #fff;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    text-align: center;
    transition: .4s;
    font-weight: lighter;
}

.know-233Line {
    position: absolute;
    top: 256px;
    left: 50%;
    width: 80px;
    height: 2px;
    margin-left: -40px;
    /* background: url(../images/ico-homebg.png) no-repeat -700px -120px; */
    background-color: #fff;
    transition: .4s;
}

.know-233Info {
    position: absolute;
    top: 440px;
    left: 0;
    width: 100%;
    text-align: center;
    transition: .4s;
}

.know-233Tip {
    font-size: 16px;
    line-height: 22px;
    color: #fff;
}

.know-233More {
    display: block;
    line-height: 30px;
    width: 105px;
    height: 30px;
    border-radius: 15px;
    border: solid 1px #ffffff;
    text-align: center;
    font-size: 17px;
    color: #fff;
    margin: 28px auto;
    font-style: normal;
}

.mod-titCom-lt {
    font-size: 20px;
    color: #000;
    font-weight: lighter;
    border-radius: 100px;
}

.know-233More .jt {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 7px;
    height: 11px;
    background: url(../images/ico-homebg.png) no-repeat -760px -120px;
    vertical-align: middle;
    margin-top: -2px;
    margin-left: 8px;
}

.know-233More:hover {
    background-color: #408cff
}

.know-233Ul>li:hover .know-233Mask {
    opacity: .6;
    filter: alpha(opacity=60);
}

.know-233Ul>li:hover .know-233Ico {
    top: -75px;
}

.know-233Ul>li:hover .know-233Tit {
    top: 86px;
}

.know-233Ul>li:hover .know-233Line {
    top: 136px;
}

.know-233Ul>li:hover .know-233Info {
    top: 158px;
}

#courseCar {
    width: 100%;
    height: 100%;
}

#courseCar .swiper-wrapper {
    /* 通过改变animation-timing-function 制作弹性切换效果 */
    transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
}

#courseCar .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /* -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; */
}

.contentWrap {
    width: 571px;
    /* height: 400px; */
    /* background-color: rgba(100, 148, 237, 0.116); */
    margin-bottom: 19px;
}

.contentWrap-new {
    width: 571px;
    margin-bottom: 7px;
}

.cont-one {
    width: 571px;
    /* height: 139px; */
    /* background-color: rgba(198, 100, 237, 0.116); */
}

.cont-one-top {
    height: 19px;
    width: 100%;
    /* display: flex; */
    justify-content: space-between;
    margin-bottom: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cont-one-top span {
    font-family: MicrosoftYaHei-Bold;
    font-size: 18px;
    line-height: 19px;
    color: #1c77ff;
    font-weight: 600;
    cursor: pointer;
}

.cont-one-top span>a {
    font-family: MicrosoftYaHei-Bold;
    font-size: 20px;
    line-height: 19px;
    color: #1c77ff;
    font-weight: 600;
    cursor: pointer;
    margin-right: 25px;
}
/* 
.cont-one-top span:hover {
    text-decoration: underline;
} */

.cont-one-top span>a:hover {
    text-decoration: underline;
}

.cont-one-bottom {
    width: 100%;
    height: 15px;
    /* background-color: rgba(220, 20, 60, 0.158); */
    display: flex;
    margin-bottom: 13.5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cont-new-bottom {
    display: flex;
}

.bottom-one-right {
    display: flex;
    justify-content: left;
    width: 572px;
}

/* .cont-one-bottom span {
    font-family: MicrosoftYaHei;
    font-size: 14px;
    line-height: 15px;
    color: #666;
    display: block;
    margin-right: 16px;
} */

.cont-one-bottom a {
    font-family: MicrosoftYaHei;
    font-size: 16px;
    line-height: 15px;
    color: #666;
    display: block;
    margin-right: 25px;
}

.cont-one-bottom a:hover {
    color: #1c77ff;
}

.cont-one-bottom span:hover {
    color: #1c77ff;
}

.bottom-one {
    width: 40px;
    height: 15px;
    border-right: 1px #e6e6e6 solid;
    margin-right: 6px;
    line-height: 15px;
}

.bottom-one>a {
    width: 45px;
    height: 15px;
    /* border-right: 1px #e6e6e6 solid; */
    /* margin-right: 16px; */
    line-height: 15px;
}

.bottom-one1 {

    border-right: none;
}

.bottom-one1>a {

    border-right: none;
}

.bottom-two {

    height: 15px;
}

.bottom-two>a {
    
    height: 15px;
}

.bottom-three {
    
    height: 15px;
}

.bottom-three>a {
    
    height: 15px;
}

.bottom-four {
    
    height: 15px;
}

.bottom-four>a {
    
    height: 15px;
}

.bottom-five {
    
    height: 15px;
}

.bottom-five>a {
    
    height: 15px;
}

.cont1 {
    width: 93px;
    height: 100%;
}

.lbWrap {
    display: flex;
    border: solid 1px #e5e5e5;
}

.cont2 {
    width: 330px;
    height: 100%;
}

.cont2-1 {
    width: 100%;
    height: 51px;
    /* background-color: rgba(169, 169, 169, 0.336); */
    padding-top: 18px;
}

.cont2-1 p {
    font-family: MicrosoftYaHei;
    font-size: 14px;
    line-height: 14px;
    color: #666;
    text-align: left;
}

.cont2-2 {
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: space-between;
}

.cont2-2-l {
    width: 230px;
}

.teaInfoWrap,
.datWrap {
    display: flex;
    justify-content: left;
    margin-bottom: 10px;
}

.cont2-2-l>div span {
    font-family: MicrosoftYaHei;
    font-size: 12px;
    line-height: 14px;
    color: #666666;
}

.cont2-2-r {
    width: 107px;
    cursor: pointer;
}

.circleWrap {
    width: 54px;
    height: 54px;
    background-color: #e6e6e6;
    border-radius: 27px;
    margin-top: 19px;
    /* margin-left: 19px; */
    margin-left: 26px;
    margin-bottom: 9px;
    overflow: hidden;
}

.freely {
    width: 39px;
    height: 18px;
    background-color: #cce0ff;
    border-radius: 9px;
    margin-left: 34px;
}

.freely p {
    font-family: MicrosoftYaHei;
    font-size: 12px;
    line-height: 18px;
    color: #1c77ff;
    text-align: center;
}

.theWay {
    height: 14px;
    border-right: #e6e6e6 1px solid;
    padding-right: 10px;
    margin-right: 10px;
}

.theWay1 {
    height: 14px;
    border-right: none;
    margin-right: 17px;
}

.nowContact {
    display: block;
    width: 81px;
    height: 30px;
    background-color: #1c77ff;
    border-radius: 15px;
    margin-top: 10px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    line-height: 30px;
    color: #fffefe;
    text-align: center;
}

body {
    padding: 0;
    margin: 0;
    font-family: "Microsoft YaHei", "Segoe UI", "Lucida Grande", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #666;
}

.container {
    width: 668px;
    margin: 0 auto;
    position: relative;
}

.container:after {
    content: '';
    display: block;
    clear: both;
}

.container>div {
    float: left;
}

.container .logo {
    width: 100%;
    height: 120px;
    margin: 0 auto 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 120px;
}

.container .input {
    position: relative;
    width: 568px;
    height: 42px;
    border-right: none;
    border-radius: 4px 0 0 4px;
}

.container .input01 {
    width: 300px;
}

.container .input>input {
    outline: none;
    border: none;
    margin-left: 101px;
    height: 41px;
    width: 240px;
    color: #666;
    font-size: 14px;
    border-radius: 4px 0 0 4px;
}

#search-input {
    outline: none;
    border: none;
    margin-left: 101px;
    height: 41px;
    width: 240px;
    color: rgba(51, 51, 51, 0.76);
    font-size: 14px;
    border-radius: 4px 0 0 4px;
}

#contain {
    width: auto;
}

.container .input>input::-webkit-input-placeholder {
    color: #999;
}

#button-copy {
    border: none;
    width: 100px;
    height: 42px;
    position: absolute;
    top: 0;
    right: -100px;
}

#button-copy1 {
    border: none;
    width: 100px;
    height: 42px;
    position: absolute;
    top: -11px;
    right: -122px;
    cursor: pointer;
    z-index: 100;
}

.container #search-input {
    color: #999;
}

.container .input .picker,
.container .input .picker01 {
    width: 85px;
    position: absolute;
    top: 8px;
    left: 0;
    height: 25px;
    text-align: right;
    background-position: 50px center;
    background-repeat: no-repeat;
    user-select: none;
    border-right: 1px solid #b4b2b3;

    text-align: center;
    line-height: 25px;
    font-family: AlibabaPuHuiTi-Regular;
    font-size: 16px;
    color: #666;
    cursor: pointer;
}

.container .input .picker01 {
    text-align: center;
    line-height: 39px;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}

.container .input .picker p,
.container .input .picker01 p {
    text-align: center;
    line-height: 25px;
    font-family: AlibabaPuHuiTi-Regular;
    font-size: 16px;
    color: #666;
    cursor: pointer;
}

.container .input .picker img,
.container .input .picker01 img {
    margin-left: 8px;
    cursor: pointer;
}

.container .input .picker-list {
    list-style: none;
    padding: 5px 0;
    width: 85px;
    position: absolute;
    left: -1px;
    top: 41px;
    margin: 0;
    line-height: 26px;
    font-size: 12px;
    background-color: #fff;
    display: none;
    border: solid 1px #1a76ff;
    border-top: none;
}

.container .input .picker-list01 {
    list-style: none;
    padding: 5px 0;
    width: 85px;
    position: absolute;
    left: -1px;
    top: 41px;
    margin: 0;
    line-height: 26px;
    font-size: 12px;
    background-color: #f0f6ff;
    display: none;
    border: solid 1px #1a76ff;
    border-top: none;
}

.picker-list01 {
    transition: all ease-in-out .75s;
    height: 108px;
    display: block;
}

.container .input .picker-list>li,
.container .input .picker-list01>li {
    padding-left: 30px;
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    font-family: AlibabaPuHuiTi-Regular;
    font-size: 16px;
    /* color: #1c77ff; */
    background-color: #f0f6ff;
    color: #666;
}

.container .input .picker-list>li {
    padding-left: 18px;
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    font-family: AlibabaPuHuiTi-Regular;
    font-size: 16px;
    /* color: #1c77ff; */
    background-color: #fff;
    color: #666;
}

.container .input .picker-list>li:hover {
    cursor: pointer;
    background: url(../images/gradient.png) left top no-repeat;
    background-size: cover;
    /* color: #1c77ff; */
}

.container .input .picker-list01>li:hover {
    cursor: pointer;
    /* background: url(../images/gradient.png) left top no-repeat;
    background-size: cover; */
    color: #1c77ff;
}

.container .input .hot-list {
    padding: 10px 0;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50px;
    margin: 0;
    line-height: 32px;
    font-size: 14px;
    border-radius: 2px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
    background-color: #fff;
    display: none;
}

.container .input .hot-list>a {
    display: block;
    color: #666;
    text-decoration: none;
    padding: 0 10px;
    overflow: hidden;
}

.container .input .hot-list>a:hover {
    background-color: #f3f3f3;
}

.container .input .hot-list>a>div {
    float: left;
}

.container .input .hot-list>a>div.number {
    text-align: center;
    width: 40px;
}

.container .search {
    width: 100px;
    height: 42px;
    background-color: #08f;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.search p {
    text-align: center;
    font-family: AlibabaPuHuiTi-Regular;
    font-size: 16px;
    line-height: 42px;
    color: #fefefe;
}

.container .input .picker01 {
    width: 184px;
    background-color: #1c77ff;
    height: 39px;
    top: 0;
    border: none;
    position: relative;
}

.container .input .picker01 p {
    line-height: 39px;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    color: #fff;
    text-align: center;
}

.container .input .picker01 .picker-img {
    margin-left: 26px;
}

.container .input .picker-list01 {
    width: 183px;
    top: 39px;
}

.container .input01>input {
    margin-left: 198px;
}
#guanZong, #daGang {
    color: #e4393c; 
}
#guanZong a, #daGang a {
    font-family: MicrosoftYaHei-Bold;
    font-size: 20px;
    line-height: 19px;
    font-weight: 600;
    cursor: pointer;
    color: #e4393c;
    margin-right: 12px;
}

#gkkWrap {
    color: #00a8ff;font-weight: 600; display: flex;
}

#gkkWrap1 {
    color: #e4393c;font-weight: 600
}

.gkkWrap-span {
    display: inline-block;
    width: 5px;
    height: 16px;
    background-color: #00a8ff;
    margin-right: 6px;
    margin-top: 7px;
}

.form-two {
    position: absolute;
    top: 8px;
    left: 200px;
}

.form-two>input {
    font-size: 14px;
    color: #666;
}

/* 社科品质 */
.skpz{
    background: url(/statics/mbaindex/images/skpz.png) no-repeat center center;
    height: 300px;
    background-position: center;
}

/* 顶部导航 - 向下滑动显现 */
.skpz{
    background: url(/statics/mbaindex/images/skpz.png) no-repeat center center;
    height: 300px;
    background-position: center;
}

/* 顶部导航 - 向下滑动显现 */

.top-nav {
    position: fixed;
    top: -91px;
    left: 0;
    width: 100%;
    height: 90px;
    background-color: rgba(255,255,255,.95);
    box-shadow: 2.5px 5px 18px 0 rgb(64 87 191 / 7%);
    z-index: 1000;
}

#top-slide-nav.show {
    top: 0;
    transition: top .5s ease;
}

#top-slide-nav:not(.show) {
    transition: top 1.5s ease;
    top: -100%;
}

.top-nav .top-nav-core {
    width: 1450px;
    min-width: 1450px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.top-nav .success-logo {
    width: 361px;
    height: 71px;
    position: absolute;
    left: 10px;
    top: 11px;
}

.top-nav .success-logo img {
    width: 80%;
    line-height: 90px;
    padding-top: 6px;
}

.top-nav .nav-titles ul {
    width: 1155px;
    padding-left: 295px;
    float: right;
    margin: 0 auto;
    display: flex;
}

.top-nav .nav-titles ul>li {
    display: inline-block;
    text-align: center;
    font-size: 17px;
    height: 90px;
    line-height: 90px;
    position: relative;
    /* overflow: hidden; */
}

.top-nav .nav-titles ul>li:hover {
    text-shadow: 0 0 .6px #333, 0 0 .6px #333, 0 0 .6px #333;
    transition: text-shadow .2s;
}

.top-nav .nav-titles ul>li::before {
    position: absolute;
    content: '';
    bottom: 0;
    left: -15px;
    width: 95%;
    height: 1px;
    transform-origin: right center;
    transform: scaleX(0);
    transition: transform .6s;
    background-color: rgb(64 87 191 / 25%);
    /* background-color: rgba(0, 122, 255, 1); */
}

.top-nav .nav-titles ul>li:hover::before {
    transform-origin: left center;
    transform: scaleX(1);
    transition: transform .6s;
}

.top-nav .nav-titles ul>li::after {
    position: absolute;
    content: '';
    top: 0;
    right: -15px;
    width: 95%;
    height: 1px;
    transform-origin: left center;
    transform: scaleX(0);
    transition: transform .6s;
    /* background-color: rgba(0, 122, 255, 1); */
    background-color: rgb(64 87 191 / 25%);
}

.top-nav .nav-titles ul>li:hover::after {
    transform-origin: right center;
    transform: scaleX(1);
    transition: transform .6s;
}

.top-nav .nav-titles li span {
    display: inline-block;
    margin: 0 39px;
    font-family: MicrosoftYaHei;
	font-size: 17px;
	color: #d9d9d9;
    line-height: 90px;
}

.top-nav .nav-titles a>span {
	color: #333;
    line-height: 90px;
}

.top-nav .nav-titles a:hover {
    text-shadow: 0 0 .6px #333, 0 0 .6px #333, 0 0 .6px #333;
    transition: text-shadow .2s;
}

.main-tabUl li>a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -4px;
    width: 8px;
    height: 20px;
    margin-top: -10px;
    background: url(../images/ico-homebg.png) no-repeat 0 0;
    filter: grayscale(100%); 
}

.main-tabUl li:nth-child(1)>a:before {
    background: none;
}

.main-tabUl .first-grap:before {
    background: none;
}
/* 灰色悼念 */
/* html {
 
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
     
    -webkit-filter: grayscale(100%);} */