@import url(clear.css);
@import url(clear.css);

#app {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow-x:hidden;
}

#topTab {
    width: 100%;
}

.top-box
{
    position: fixed;
    top:0;
    z-index: 999;
    width:100%;
}

.top-gang {
    width: 100%;
    height: 46px;
    background: #1C1C1C;

}

.top-gang-box {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.top-gang-box>div {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #FFFFFF;
    cursor: pointer;
}

.top-gang-box>div:nth-of-type(1) {
    margin-right: 30px;
}

.top-gang-box>div span:nth-of-type(1) {
    padding-right: 10px;
    margin: 0 10px 0 100px;
    border-right: 1px solid #fff;
}

.swiper {
    width: 100%;
    height: auto;
}

.swiper img {
    width: 100%;
    height: 100%;
    min-height: 400px;
}
.top-box
{
    position: fixed;
    top:0;
    z-index: 999;
    width:100%;
}
.top-chang {
    width: 100%;
    height: 140px;
    position: absolute;
    top: 46px;
    z-index: 100;
}

.top-chang-box {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.top-chang-box img {
    width: 203px;
    height: 53px;
}

.top-chang-box>div {
    display: flex;
    align-items: center;
}

.top-chang-box>div>div {
    width: 110px;
    height: 39px;
    border-radius: 20px;
    margin-left: 20px;
    text-align: center;
    cursor: pointer;
}

.top-chang-box>div>.top-en-box {
    width: 160px;
}

.dis-none-box {
    width: 100%;
    padding-top: 10px;
    display: none;
}

.dis-none-box div {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    border-radius: 6px;
    padding: 9px 0;
}

.dis-none-box span {
    padding: 9px 0;
    font-size: 14px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #999999;
}

.dis-none-box span:hover {
    color: #0C3A8F;
}

.dis-none-box-on{
    color: #0C3A8F !important;
}

.chose
{
    background: linear-gradient(135deg, #1C6CC2 0%, #0C3A8F 100%);
}

.top-chang-box>div>div:hover {
    background: linear-gradient(135deg, #1C6CC2 0%, #0C3A8F 100%);
}

.dis-one:hover .dis-son-one {
    display: flex;
}

.dis-two:hover .dis-son-two {
    display: flex;
}

.dis-three:hover .dis-son-three {
    display: flex;
}

.top-chang-box .top-chang-box-sel {
    background: linear-gradient(135deg, #1C6CC2 0%, #0C3A8F 100%);
}

.top-chang-box>div>div>span {
    font-size: 14px;
    font-family: SourceHanSansCN-Bold, SourceHanSansCN;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 39px;
}

.bai:hover>span{
    color: #FFFFFF!important;
}


/* ------------- */
.one-module {
    width: 100%;
    height: 867px;
    background: #F8F9FD;
}

.one-module-box {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.one-son-top {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.one-title {
    margin: 80px 0 54px;
    display: flex;
    align-items: center;
}

.one-title img {
    width: 107px;
    height: 24px;
}

.one-title>div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.one-title>div>span:nth-of-type(1) {
    margin: 0 80px 17px;
    font-size: 32px;
    font-family: SourceHanSansCN-Bold, SourceHanSansCN;
    font-weight: bold;
    color: #333333;
}

.one-title>div>span:nth-of-type(2) {
    font-size: 16px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #999999;
}

.one-title>div>span:nth-of-type(2) i {
    margin: 0 2px;
    padding: 0 8px;
    border-radius: 12px;
    height: 23px;
    line-height: 23px;
    background: #0C3A8F;
    color: #fff;
}

.swiperOne {
    margin-bottom: 59px;
    width: 1200px;
    height: 273px;
    overflow: hidden;
    position: relative;
}

.swiperOne img {
    width: 484px;
    height: 100%;
    margin-right: 40px;
    border-radius: 6px;
}

.swiperOne .swiper-slide {
    background: #F8F9FD;
}

.swiper-slide {
    display: flex;
}

.sw-right-box {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.sw-right-box>span:nth-of-type(1) {
    margin: 12px 0 30px;
    font-size: 20px;
    font-family: SourceHanSansCN-Medium, SourceHanSansCN;
    font-weight: 500;
    color: #333333;
}

.dian {
    display: flex;
}

.dian span {
    width: 4px;
    height: 4px;
    margin-right: 4px;
    background: #FFC600;
}

.sw-right-box>span:nth-of-type(2) {
    margin-top: 10px;
    font-size: 16px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #999999;
    line-height: 30px;
    text-align: left;
}

.swiperOne {
    --swiper-theme-color: #20408d;
    /* 设置Swiper风格 */
    --swiper-navigation-size: 15px;
    /* 设置按钮大小 */
}

.swiper-button-next {
    left: 580px;
    top: 250px;
}

.swiper-button-prev {
    left: 524px;
    top: 250px;
}

.swiperGang {
    position: absolute;
    left: 558px;
    top: 244px;
    width: 1px;
    height: 15px;
    background-color: #999;
    opacity: .5;
    z-index: 1;
}

.one-son-bot {
    width: 100%;
    padding: 60px 0 80px;
    flex: 1;
    display: flex;
    align-content: space-between;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px solid #D7DAE3;
}

.one-son-bot img {
    width: 224px;
    height: 74px;
}

.indexSchoolList{
	display: initial;
}
.indexSchoolList>.bgBox{
	background-size: 224px;background-position: 50% 50%;background-repeat: no-repeat;width: 20%;height: 74px;float: left;
}

/* ------- */

.two-module {
    margin-bottom: 80px;
    width: 100%;
    background: #FFFFFF;
}

.two-module-box {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.two-son-top {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.two-title {
    margin: 80px 0 54px;
    display: flex;
    align-items: center;
}

.two-title img {
    width: 107px;
    height: 24px;
}

.two-title>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.two-title>div>span:nth-of-type(1) {
    margin: 0 80px 17px;
    font-size: 32px;
    font-family: SourceHanSansCN-Bold, SourceHanSansCN;
    font-weight: bold;
    color: #333333;
}

.two-title>div>span:nth-of-type(2) {
    font-size: 16px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #999999;
}

.two-son-bot {
    width: 100%;
    flex: 1;
    display: flex;
}

.two-son-left {
    width: 431px;
    display: flex;
    flex-direction: column;
}

.two-son-left>div {
    width: 100%;
    height: 143px;
    padding: 0 22px 0 26px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 6px;
    color: #A7A9BD;
    cursor: pointer;
}

/* .two-son-left>div:hover {
    color: #fff;
    background: linear-gradient(135deg, #1C6CC2 0%, #0C3A8F 100%);
    box-shadow: 0px 13px 14px 0px rgba(12, 58, 143, 0.24);
} */
.two-son-left .two-son-sel {
    color: #fff;
    background: linear-gradient(135deg, #1C6CC2 0%, #0C3A8F 100%);
    box-shadow: 0px 13px 14px 0px rgba(12, 58, 143, 0.24);
}

.two-son-left>div>div img {
    width: 60px;
    height: 60px;
}

.two-son-left>div>div {
    display: flex;
    align-items: center;
}

.two-son-left>div>div>div {
    margin-left: 15px;
    display: flex;
    flex-direction: column;
}

.two-son-left>div>div>div>span:nth-of-type(1) {
    font-size: 20px;
    font-family: SourceHanSansCN-Medium, SourceHanSansCN;
    font-weight: 500;
}

.two-son-left>div>div>div>span:nth-of-type(2) {
    width: 210px;
    margin-top: 16px;
    font-size: 16px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    line-height: 24px;
}

.two-son-right {
    margin-left: 127px;
    display: flex;
    flex-direction: column;
}

.two-son-right {
    display: flex;
    flex-direction: column;
}

.two-son-right>span:nth-of-type(1) {
    margin: 12px 0 30px;
    font-size: 20px;
    font-family: SourceHanSansCN-Medium, SourceHanSansCN;
    font-weight: 500;
    color: #0C3A8F;
}

.dian {
    display: flex;
}

.dian span {
    width: 4px;
    height: 4px;
    margin-right: 4px;
    background: #FFC600;
}

.two-son-right>span:nth-of-type(2) {
    width: 588px;
    margin-top: 10px;
    font-size: 14px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #999999;
    line-height: 30px;
}

.setDel {
    margin: 30px 0;
    width: 120px;
    height: 40px;
    background: linear-gradient(135deg, #1C6CC2 0%, #0C3A8F 100%);
    border-radius: 20px;
    font-size: 14px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

.sw-right-box img {
    width: 491px;
    height: 276px;
}

/* ------ */

.bg {
    width: 100%;
    height: 262px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bg img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.bg>div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bg>div span {
    font-size: 32px;
    font-family: SourceHanSansCN-Medium, SourceHanSansCN;
    font-weight: 500;
    color: #FFFFFF;
}

.bg>div div {
    margin-top: 30px;
    width: 120px;
    height: 40px;
    background: linear-gradient(135deg, #1C6CC2 0%, #0C3A8F 100%);
    border-radius: 20px;
    font-size: 14px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

/* ------ */
.three-module {
    width: 100%;
    background: #F8F9FD;
}

.three-module-box {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.three-son-top {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.three-title {
    margin: 80px 0 54px;
    display: flex;
    align-items: center;
}

.three-title img {
    width: 107px;
    height: 24px;
}

.three-title>div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.three-title>div>span:nth-of-type(1) {
    margin: 0 80px 17px;
    font-size: 32px;
    font-family: SourceHanSansCN-Bold, SourceHanSansCN;
    font-weight: bold;
    color: #333333;
}

.three-title>div>span:nth-of-type(2) {
    font-size: 16px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #999999;
}

.three-son-bot {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.three-son-bot>div {
    margin-right: 30px;
    margin-bottom: 40px;
    width: 380px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.three-son-bot>div:nth-of-type(3n) {
    margin-right: 0;
}

.three-son-bot>div:nth-of-type(4) {
    margin-left: 210px;
}

.three-son-bot>div img {
    width: 100%;
    height: 218px;
}

.three-son-bot>div>div {
    width: 100%;
    padding: 20px 20px 24px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
}

.three-son-bot>div>div span:nth-of-type(1) {
    margin-bottom: 16px;
    font-size: 18px;
    font-family: SourceHanSansCN-Medium, SourceHanSansCN;
    font-weight: 500;
    color: #0C3A8F;
}

.three-son-bot>div>div span:nth-of-type(2) {
    font-size: 16px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #999999;
}

.three-btn {
    width: 120px;
    height: 40px;
    margin-bottom: 60px;
    background: linear-gradient(135deg, #1C6CC2 0%, #0C3A8F 100%);
    border-radius: 20px;
    font-size: 14px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

/* ------ */
.four-module {
    width: 100%;
    background: #fff;
    background-image: url(../image/index/offer-ditu.png);
    background-size: cover;
    background-position: bottom;
}

.four-module-box {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.four-son-top {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.four-title {
    margin: 80px 0 54px;
    display: flex;
    align-items: center;
}

.four-title img {
    width: 107px;
    height: 24px;
}

.four-title>div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.four-title>div>span:nth-of-type(1) {
    margin: 0 80px 17px;
    font-size: 32px;
    font-family: SourceHanSansCN-Bold, SourceHanSansCN;
    font-weight: bold;
    color: #333333;
    text-align: center;
}

.four-title>div>span:nth-of-type(2) {
    font-size: 16px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #999999;
}

.swiper-container {
    width: 1200px;
    height: 500px;
    overflow: hidden;
    padding-top: 50px;
    box-sizing: border-box;
    /* margin-bottom: 80px; */
}

.scoImg {
    text-align: center;
    font-size: 18px;
    /* 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;
    transition: 300ms;
    background-color: #F8F9FD;
    /* transform: scale(0.8); */
}

.swiper-slide-active.scoImg>div {
    width: 309px;
    height: 432px;
    margin-top: -50px;
}

.four-module .swiper-slide-active,
.four-module .swiper-slide-duplicate-active {
    transform: scale(1);
    background: linear-gradient(135deg, #1C6CC2 0%, #0C3A8F 100%);
    border-radius: 6px;
}

.four-module .swiper-slide-active span,
.four-module .swiper-slide-duplicate-active span {
    color: #fff !important;
}

.scoImg {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.scoImg>div {
    width: 238px;
    height: 334px;
    position: relative;
    border: 2px solid #9da0b4;
    border-radius: 6px;
    overflow: hidden;
}

.scoImg img:nth-of-type(1) {
    width: 100%;
    height: 432px;
}

.scoImg img:nth-of-type(2) {
    width: 100%;
    height: 148px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.scoImg span:nth-of-type(1) {
    margin: 40px 0 10px;
    font-size: 20px;
    font-family: SourceHanSansCN-Medium, SourceHanSansCN;
    font-weight: 500;
    color: #999;
}

.scoImg span:nth-of-type(2) {
    font-size: 16px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #999;
    margin-bottom: 30px;
}

.four-son-bot {
    position: relative;
}

.next-box {
    position: absolute;
    top: 223px;
    left: calc(50% + 309px/2 + 20px);
    width: 54px;
    height: 54px;
    z-index: 100;
}

.pre-box {
    position: absolute;
    top: 223px;
    right: calc(50% + 309px/2 + 20px);
    width: 54px;
    height: 54px;
    z-index: 100;
}

.four-more-box {
    margin: 60px auto;
    width: 120px;
    height: 40px;
    background: linear-gradient(135deg, #1C6CC2 0%, #0C3A8F 100%);
    border-radius: 20px;
    text-align: center;
    font-size: 14px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 40px;
    cursor: pointer;
}

/* ------ */
.five-module {
    padding-bottom: 60px;
    width: 100%;
    background: #F8F9FD;
}

.five-module-box {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.five-son-top {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.five-title {
    margin: 80px 0 36px;
    display: flex;
    align-items: center;
}

.five-title img {
    width: 107px;
    height: 24px;
}

.five-title>div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.five-title>div>span:nth-of-type(1) {
    margin: 0 80px 17px;
    font-size: 32px;
    font-family: SourceHanSansCN-Bold, SourceHanSansCN;
    font-weight: bold;
    color: #333333;
}

.five-title>div>span:nth-of-type(2) {
    font-size: 16px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #999999;
    line-height: 1.5;
}

.five-son-bot {
    width: 1200px;
    height: 380px;
    padding-bottom: 10px;
    overflow: hidden;
}

.five-son-bot>div {
    width: 100%;
    height: 100%;
    display: flex;
}

.five-son-bot>div>div {
    height: 100%;
    float: left;
    margin: 0 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 310px;
    min-height: 350px;
    cursor: pointer;
}

.five-son-bot>div>div:hover {
    background: #F8F9FD;
    box-shadow: 0px 0px 10px 0px rgba(12, 58, 143, 0.1);
    border-radius: 6px;
}

.five-son-bot img {
    width: 151px;
    height: 151px;
    border-radius: 50%;
}

.five-son-bot span {
    margin: 20px 0 10px;
    font-size: 16px;
    font-family: SourceHanSansCN-Medium, SourceHanSansCN;
    font-weight: 500;
    color: #0C3A8F;
}

.five-son-bot>div>div {
    text-align: center;
    font-size: 16px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #999999;
    line-height: 26px;
}

/* ------ */
.six-module {
    padding-bottom: 60px;
    width: 100%;
    background: #fff;
}

.six-module-box {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.six-son-top {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.six-title {
    margin: 80px 0 36px;
    display: flex;
    align-items: center;
}

.six-title img {
    width: 107px;
    height: 24px;
}

.six-title>div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.six-title>div>span:nth-of-type(1) {
    margin: 0 80px 17px;
    font-size: 32px;
    font-family: SourceHanSansCN-Bold, SourceHanSansCN;
    font-weight: bold;
    color: #333333;
}

.six-title>div>span:nth-of-type(2) {
    font-size: 16px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #999999;
    line-height: 1.5;
}

.six-son-bot {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.six-top-tab {
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.six-top-tab div {
    width: 172px;
    height: 40px;
    position: relative;
}

.six-top-tab div img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.six-bot-tab {
    margin: 30px 0 100px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.six-bot-tab img {
    width: 224px;
    height: 74px;
}

/* ----------- */
.bg {
    width: 100%;
    height: 262px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bg img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.bg>div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bg>div span {
    font-size: 32px;
    font-family: SourceHanSansCN-Medium, SourceHanSansCN;
    font-weight: 500;
    color: #FFFFFF;
}

.bg>div div {
    margin-top: 30px;
    width: 120px;
    height: 40px;
    background: linear-gradient(135deg, #1C6CC2 0%, #0C3A8F 100%);
    border-radius: 20px;
    font-size: 14px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

.msg {
    width: 100%;
    height: 344px;
    background: #1C1C1C;
}

.msg-box {
    margin: 0 auto;
    width: 1200px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.left-msg {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
}

.left-msg>div {
    display: flex;
    margin-top: 30px;
    align-items: center;

}

.left-msg>div:nth-of-type(1) {
    margin-top: 0;
}

.left-msg>div span:nth-of-type(1) {
    margin-right: 40px;
    font-size: 14px;
    font-family: SourceHanSansCN-Medium, SourceHanSansCN;
    font-weight: 500;
    color: #FFFFFF;
    white-space: nowrap;
    cursor: pointer;
}

.left-msg>div span:nth-of-type(2) {
    font-size: 14px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #999999;
    line-height: 21px;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
}

.right-msg {
    display: flex;
}

.right-msg>div {
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.right-msg>div span {
    margin-top: 14px;
    font-size: 14px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #999999;
}

.right-msg>div img {
    width: 132px;
    height: 130px;
    background: #D8D8D8;
    border-radius: 6px;
    border: 4px solid #FFFFFF;
}

.right-msg>div:nth-of-type(1) img {
    width: auto;
    height: 130px;
}

/* ---- */

.left-box {
    position: fixed;
    right: 20px;
    top: 50%;
    display: flex;
    align-items: center;
    transform: translateY(-50%);
    z-index: 1000;
}

.left-box>div:nth-of-type(1) {
    padding-right: 20px;
}


.left-box .left-one {
    width: 308px;
    background: #FFFFFF;
    box-shadow: 0px 0px 11px 0px rgba(198, 198, 198, 0.5);
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    box-sizing: border-box;
    overflow: hidden;
}

.left-one span {
    font-size: 20px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #333333;
    padding-left: 40px;
    box-sizing: border-box;
}

.left-one>span:nth-of-type(1) {
    width: 100%;
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    background-color: rgba(12, 58, 143, 1);
    height: 57px;
    width: 100%;
    line-height: 57px;
}

.left-one>div {
    margin: 20px 0;
}

.tel {
    font-size: 20px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400 !important;
    color: #333333 !important;
    line-height: 30px;
}


.left-box .left-two {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 208px;
    height: 240px;
    background: #FFFFFF;
    box-shadow: 0px 0px 11px 0px rgba(198, 198, 198, 0.5);
    border-radius: 6px;
    overflow: hidden;
}

.left-two span {
    width: 100%;
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    background-color: rgba(12, 58, 143, 1);
    height: 57px;
    width: 100%;
    text-align: center;
    line-height: 57px;
}

.left-two>div {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.left-two>div img {
    width: 160px;
    height: 160px;
}

.left-box>div:nth-of-type(2) {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.left-box>div:nth-of-type(2) div {
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
    background: #0C3A8F;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.left-three {
    width: 355px;
    box-shadow: 0px 0px 11px 0px rgba(198, 198, 198, 0.5);
    border-radius: 6px;
    overflow: hidden;
}

.left-three img {
    width: 20px;
    height: 20px;
}

.left-three>div:nth-of-type(1) {
    padding: 0 30px;
    box-sizing: border-box;
    width: 100%;
    height: 85px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    background: #0C3A8F;
    cursor: pointer;
}

.left-three>div:nth-of-type(2) {
    width: 100%;
    padding: 13px 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background-color: #fff;
}

.left-three>div:nth-of-type(2) span {
    width: 100%;
    height: 59px;
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #0C3A8F;
    line-height: 59px;
    padding: 0 20px;
    box-sizing: border-box;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.left-three>div:nth-of-type(2) span:hover {
    box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
}

.mes-box {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 636px;
    z-index: 100;
    border-radius: 6px;
    overflow: hidden;
}

.mes-box>div:nth-of-type(1) {
    width: 100%;
    height: 85px;
    background: #0C3A8F;
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 85px;
    padding: 0 30px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mes-box>div:nth-of-type(1) span {
    line-height: 1.5;
}

.mes-box>div:nth-of-type(1) img {
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.mes-box>div:nth-of-type(2) {
    width: 100%;
    height: 300px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 30px;
    box-sizing: border-box;
}

.mes-btn {
    width: 424px;
    height: 46px;
    background: #0C3A8F;
    border-radius: 23px;
    line-height: 46px;
    text-align: center;
    font-size: 14px;
    font-family: SourceHanSansCN-Medium, SourceHanSansCN;
    font-weight: 500;
    color: #FFFFFF;
    margin: 20px 0 30px;
}

.inp-more {
    margin: 30px 0 20px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mes-box>div:nth-of-type(2) input {
    width: 278px;
    height: 46px;
    background: #F8F9FD;
    border-radius: 4px;
    border: none;
    padding: 0 16px;
    box-sizing: border-box;
}

.mes-box>div:nth-of-type(2) textarea {
    width: 100%;
    height: 108px;
    background: #F8F9FD;
    border-radius: 4px;
    border: none;
    font-size: 14px;
    font-family: SourceHanSansCN-Medium, SourceHanSansCN;
    font-weight: 500;
    color: #999999;
    padding: 16px;
    box-sizing: border-box;
    resize: none;
}

#divid {
    position: fixed;
    z-index: 2000;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#imgid {
    width: auto;
    height: auto;
}

.noFive {
    width: 1200px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.two-checkEn-title-box {
    font-size: 18px!important;
}

.two-checkEn-cont-box {
    font-size: 12px!important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.tabNav{
    display: flex;align-items: center;margin-bottom: 0.5rem;overflow-x: scroll;width: 100%;
}
.tabNav span{display: flex;align-items: center;justify-content: center;color: #999999;font-size: 0.26rem;height: 0.66rem;background: #F8F9FD;border-radius: 0.33rem;margin-right: 0.2rem;padding: 0 0.2rem;white-space: nowrap;}
.tabNav span.two-son-sel{color: #fff;background: #175EB4;}

/* 移动端 */
@media screen and (max-width:768px){
    .swiperTwo{width: 100%;overflow: hidden;height: 3.8rem;padding-bottom: 0.5rem;margin-top: 0.3rem;border-top: 1px solid #D7DAE3;padding-top: 0.3rem;}
    .uniLogo{
        display: flex;flex-wrap: wrap;
    }
    .uniLogo img{
        width: 3.1rem;height: 1.03rem;
    }
    .elePage{display: flex;align-items: center;justify-content: center;width:0.9rem!important;margin: 0 auto;background: #fff;border-radius: 0.04rem;}
    .elePage span{flex: 1;background: #fff;margin: 0!important;border-radius: 0.04rem;height: 0.08rem;}
    .elePage span.swiper-pagination-bullet-active{
        background: #0C3A8F;
    }
    .one-module-box,.two-module-box,.three-module-box,.four-module-box,.five-module-box,.six-module-box{width: 100%;padding: 0 0.5rem;}
    .five-module,.six-son-top{padding-bottom: 0;}
    .four-module-box,.five-module-box,.six-module{padding: 0;}
    .two-module{margin-bottom: 0.3rem;}
    .one-title img,.two-title img,.three-title img,.four-title img,.five-title img,.six-title img{width: 1.07rem;height: 0.24rem;}
    .one-title>div>span:nth-of-type(1),.two-title>div>span:nth-of-type(1),.five-title>div>span:nth-of-type(1){font-size: 0.32rem;margin: 0 0.16rem 0.16rem;text-align: center;line-height: 0.42rem;}
    .two-title>div>span:nth-of-type(1){margin: 0 0.6rem 0.16rem;}
    .five-title>div>span:nth-of-type(1){margin: 0 1.74rem 0.16rem;}
    .six-title>div,.five-title>div{text-align: center;}
    .six-title>div>span:nth-of-type(1){font-size: 0.32rem;margin: 0 0.76rem 0.16rem;}
    .one-title>div>span:nth-of-type(2),.two-title>div>span:nth-of-type(2),.six-title>div>span:nth-of-type(2){font-size: 0.26rem;text-align: center;}
    .three-title>div>span:nth-of-type(1){font-size: 0.32rem;margin: 0 0.6rem 0.16rem;}
    .three-title>div>span:nth-of-type(2){font-size: 0.26rem;max-width: 3rem;line-height: 0.4rem;text-align: center;}
    .five-title>div>span:nth-of-type(2){font-size: 0.26rem;max-width:4.42rem;line-height: 0.4rem;text-align: center;}
    .four-title>div>span:nth-of-type(1){font-size: 0.32rem;margin: 0 0.12rem 0.16rem;line-height: 0.4rem;}
    .four-title>div>span:nth-of-type(2){font-size: 0.26rem;line-height: 0.4rem;text-align: center;}
    .one-title,.two-title,.three-title,.four-title,.five-title{margin: 0.6rem 0 0.68rem;}
    .swiperOne{
        min-height: 9rem;width: 100%;box-sizing: border-box;margin-bottom: 0;
    }
    .swiperOne img{
        width: 6.5rem;height: 3.66rem;display: block;
    }
    .swiperOne .swiper-slide{
        flex-direction: column;align-items: flex-start;
    }
    .sw-right-box>span:nth-of-type(1) {
        margin: 0.4rem 0 .30rem;
        font-size: 0.28rem;
        font-weight: bold;
        color: #333333;
    }
    .sw-right-box>span:nth-of-type(2){
        font-size: 0.26rem;
        margin: .1rem 0;
    }
    .swiper-button-next{
        top: unset;bottom: 0.4rem;left:3.45rem;
    }
    .swiperGang{
         left: 3.2rem;bottom: 0.4rem;
         top: unset;
    }
    .swiper-button-prev{
        top: unset;bottom: 0.4rem;left:2.8rem;
    }
    .two-son-right{margin: 0;width: 100%;}
    .sw-right-box img{width: 100%;height: auto;}
    .setDel{margin: 0.3rem auto;}
    .two-module .sw-right-box>span:nth-of-type(1) {
        color: #0C3A8F;
    }
    .two-son-bot{
        flex-direction: column;
    }
    .three-son-bot{justify-content: center;align-items: stretch;}
    .three-son-bot>div{
      width: 3.1rem;
      margin-right: 0.3rem;
      margin-bottom: 0.4rem;
      height: auto;
      align-content: stretch;
    }
    .three-son-bot>div:nth-of-type(2n){
        margin: 0 0 0.4rem 0;
    }
    .three-son-bot>div:nth-of-type(3n){
        margin-right: 0.3rem;
    }
    .three-son-bot>div img{
        height: 1.84rem;
    }
    .three-son-bot>div>div span:nth-of-type(1){
        font-size: 0.28rem;font-weight: bold;line-height: 0.42rem;
    }
    .three-son-bot>div>div span:nth-of-type(2){
        font-size: 0.26rem;line-height: 0.46rem;
    }
    .four-son-bot .swiper-container{
        width: 7.5rem;
    }
    .pre-box,.next-box{display: none;}
    .three-son-bot>div>div{
        padding: 0.26rem;
        min-height: 2.76rem;
        flex: 1;
    }
    .five-son-bot>div{
        width: 100%!important;flex-direction: column;justify-content: flex-start;
    }
    .five-son-bot{height: auto;}
    .five-son-bot>div>div{
        flex-direction: row;display: flex;align-items: center;min-height: unset;margin-bottom: 0.7rem;
    }
    .five-son-bot img{width: 1.7rem;height: 1.7rem;}
    .five-son-bot>div>div>div{flex: 1;text-align: left;margin-left: 0.3rem;}
    .five-son-bot span{font-size: 0.28rem;font-weight: bold;}
    .five-son-bot p{
        font-size: 0.26rem;line-height: 0.42rem;
    }
    .six-top-tab{
        width: 100%;overflow-x: scroll;
    }
    .six-bot-tab{
      flex-direction: column;
      margin: .3rem 0;
    }
    .scoImg span:nth-of-type(1){
        font-size: 0.32rem;
    }
    .one-son-bot{
        padding: 0.3rem 0 0.6rem;
    }
    .one-son-bot img{
        width:3.1rem;height: 1.03rem;
    }
    .one-module{height: auto;}
    .tabNav{
      justify-content: center;
    }
    .six-bot-tab img{
      width: 195px;
      height: 63px;
    }
    .six-son-bot .tabNav,.two-son-bot .tabNav{
      justify-content: center;
    }
   .six-son-bot .en-tabNav,.two-son-bot .en-tabNav{
     justify-content: flex-start !important;
   }
}

/* 平板端 */
@media screen and (min-width: 768px) and (max-width:1200px) {
  .one-module{
    height: auto;
  }
  .one-module-box,.two-module-box,.three-module-box{
    width: 100%;
    padding: 0 20px;
  }
  .swiperOne .swiper-slide,.two-son-bot{
    width: 100%;
  }
  .two-son-left{
    width: 300px;
  }
  .two-son-left>div>div img{
    width: 40px;
    height: 40px;
  }
  .two-son-left>div{
    padding: 0 10px 0 5px;
  }
  .two-son-right{
    flex: 1;
    margin-left: 40px;
    width: 100%;
    overflow: hidden;
  }
  .two-son-left>div>div>div{
    margin-left: 10px;
  }
  .two-son-left>div>div img:nth-of-type(2){
    margin-left: -10px;
  }
  .three-son-bot>div:nth-child(even){
    margin-left: auto;
  }
}