@media (min-width: 922px) {
    .ast-container {
        max-width: 100% !important;
        padding: 0
    }
}

body,
html {
    margin: 0;
    padding: 0;
    overflow-X: hidden
}

.imgBox {
    position: relative;
    width: 100%;
}

.imgBox img {
    width: 100%;
}

.nav {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(224, 227, 234, 0.8);
}

.nav > .navContent > .current-cat > [aria-current=page] {
    color: #ff0101 !important;
}

.navContent {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: 11px 0;
    color: #000;
}

.cat-item {
    text-align: center;
    font-size: 20px;
}

.main {
    width: 80%;
    margin: 5vh auto;
}

.main .title {
    font-weight: 500;
    color: #333;
    margin-bottom: 28px;
}

@media (max-width: 1000px) {
    .main .title {
        margin-bottom: 8px;
    }
}

.main .content {
    /**font-size: 15px;*/
    text-indent: 30px;
    line-height: 23px;
    margin-top: 15px;
    color: #767676;
}

.result {
    width: 100%;
    display: flex;
}

.resultItem {
    text-align: left;
    margin-left: 3vh;
    width: 20%;
}

.resultItem:first-child {
    margin-left: 0 !important;
}

.wrapConSpacing {
    margin-top: 60px;
}

@media (max-width: 1000px) {
    .wrapConSpacing {
        margin-top: 10px;
    }
}

.resultTitle {
    /**font-size: 15px;*/
    color: #737373;
}

.resultNum {
    border-right: 1px solid #ccc;
    padding-right: 2vh;
}

.resultNum .number {
    /**font-size: 47px;*/
    color: #737373;
}

.resultNum .text {
    /**font-size: 2.8vh;*/
    color: #737373;
}

/* 	 头部*/

.titleWrapper {
    position: absolute;
    top: 88px;
    left: 10%;
    color: #fff;
}

.imgTitle {
    /**font-size: 40px;*/
}

.smallTitle {
    /**font-size: 20px;*/
}

@media (max-width: 1100px) {
    .titleWrapper {
        top: 50px;
    }

    .imgTitle {
        font-size: 30px;
    }

    .smallTitle {
        font-size: 16px;
    }
}

@media (max-width: 750px) {
    .titleWrapper {
        top: 12px;
        left: 10%;
    }

    .imgTitle {
        font-size: 21px;
    }

    p.smallTitle {
        font-size: 12px;
    }
}

@media (max-width: 499px) {
    .titleWrapper {
        top: 20px;
    }

    .imgTitle {
        font-size: 16px;
    }

    p.smallTitle {
        font-size: 10px;
        line-height: 13px;
    }
}

.navContent > li > a {
    /**font-size: 18px;*/
}

@media (max-width: 850px) {
    .navContent > li > a {
        font-size: 13px;
    }
}

@media (max-width: 499px) {
    .navContent > li > a {
        font-size: 12px;
    }
}

.jxsurvey {
    display: none;
}

.swiper-slide {
    display: flex;
    text-align: left;
}

#swiper,
#swiper1,
#swiper2 {
    display: none;
    width: 80%;
}

@media (min-width: 1367px) {
    #swiper {
        display: block;
    }
}

@media (max-width: 1366px) {
    #swiper {
        display: none;
    }

    #swiper1 {
        display: block;
    }
}

@media (max-width: 499px) {
    #swiper1 {
        display: none;
    }

    #swiper2 {
        display: block;
    }

    .jxsurvey {
        display: block;
    }

    .jxsurveybg {
        display: none;
    }
}

/* 	 头部end*/

@media (max-width: 1200px) {
    .cat-item {
        font-size: 14px;
    }
}

@media (max-width: 1100px) {
    .cat-item {
        font-size: 12px;
    }
}

@media (max-width: 960px) {
    .resultNum .number {
        font-size: 30px;
    }

    .resultTitle {
        font-size: 12px;
    }

    .result {
        flex-wrap: wrap;
    }

    .resultItem {
        width: 33%;
        margin-left: 0;
    }

    .resultNum {
        border: none;
    }
}

@media (max-width: 375px) {
    .cx-time-main ul li:nth-child(2n+1) > div:before {
        top: 39px;
    }

    .cx-time-main ul li:nth-child(2n) > div:before {
        top: 40px;
        left: 0;
    }

    .wrapDownItemRight {
        font-size: 12px;
    }

    .navContent > li:nth-child(1),
    .navContent > li:nth-child(2),
    .navContent > li:nth-child(3),
    .navContent > li:nth-child(4) {
        width: 25%;
    }

    .navContent > li:nth-child(5),
    .navContent > li:nth-child(6),
    .navContent > li:nth-child(7) {
        width: 33%;
    }
}

.nav-order a {
    cursor: auto;
}

.nav-order a:nth-child(1):hover {
    cursor: pointer;
    color: #777;
}

@media (max-width: 600px) {
    .nav-order {
        font-size: 12px;
    }
}


@media screen and (min-width: 1367px) {
    .ast-container {
        max-width: 100% !important;
        padding: 0
    }

    body,
    html {
        margin: 0;
        padding: 0;
        overflow-X: hidden
    }

    .itemWrapper {
        justify-content: space-between;
    }

    .tItemWrapper {
        width: 60%;
    }

    .cItemWrapper {
        width: 38%;
    }

    .researchImg {
        width: 20%;
    }

    .researchContent {
        flex-grow: 1;
        margin-left: 30px;
        margin-top: 0 !important;
    }
}

@media screen and (max-width: 1360px) {
    .ast-container {
        max-width: 100% !important;
        padding: 0
    }

    body,
    html {
        margin: 0;
        padding: 0;
        overflow-X: hidden
    }

    .itemWrapper {
        justify-content: space-between;
    }

    .tItemWrapper {
        width: 62%;
    }

    .cItemWrapper {
        width: 36%;
    }

    .researchImg {
        width: 24%;
    }

    .researchContent {
        flex-grow: 1;
        margin-left: 30px;
        margin-top: 0 !important;
    }
}

@media screen and (max-width: 1270px) {
    .ast-container {
        max-width: 100% !important;
        padding: 0
    }

    body,
    html {
        margin: 0;
        padding: 0;
        overflow-X: hidden
    }

    .researchImg {
        width: 28%;
    }
}

@media screen and (max-width: 1170px) {
    .ast-container {
        max-width: 100% !important;
        padding: 0
    }

    body,
    html {
        margin: 0;
        padding: 0;
        overflow-X: hidden
    }

    .researchImg {
        width: 30%;
    }
}

@media screen and (max-width: 1150px) {
    .ast-container {
        max-width: 100% !important;
        padding: 0
    }

    body,
    html {
        margin: 0;
        padding: 0;
        overflow-X: hidden
    }

    .researchImg {
        width: 36%;
    }
}

@media screen and (max-width: 1100px) {
    .ast-container {
        max-width: 100% !important;
        padding: 0
    }

    body,
    html {
        margin: 0;
        padding: 0;
        overflow-X: hidden
    }

    .researchImg {
        width: 38%;
    }
}

@media screen and (max-width: 1000px) {
    .ast-container {
        max-width: 100% !important;
        padding: 0
    }

    body,
    html {
        margin: 0;
        padding: 0;
        overflow-X: hidden
    }

    .researchWrapper {
        flex-direction: column;
    }

    .researchImg {
        width: 100%;
    }

    .researchContent {
        width: 100%;
        margin-left: 0px;
        margin-top: 10px !important;
    }
}

@media screen and (max-width: 990px) {
    .ast-container {
        max-width: 100% !important;
        padding: 0
    }

    body,
    html {
        margin: 0;
        padding: 0;
        overflow-X: hidden
    }
}

@media screen and (max-width: 950px) {
    .ast-container {
        max-width: 100% !important;
        padding: 0
    }

    body,
    html {
        margin: 0;
        padding: 0;
        overflow-X: hidden
    }
}

@media screen and (min-width: 922px) {
    .ast-container {
        max-width: 100% !important;
        padding: 0
    }

    body,
    html {
        margin: 0;
        padding: 0;
        overflow-X: hidden
    }
}

@media screen and (max-width: 870px) {
    .ast-container {
        max-width: 100% !important;
        padding: 0
    }

    body,
    html {
        margin: 0;
        padding: 0;
        overflow-X: hidden
    }
}

@media screen and (max-width: 820px) {
    .ast-container {
        max-width: 100% !important;
        padding: 0
    }

    body,
    html {
        margin: 0;
        padding: 0;
        overflow-X: hidden
    }

    .itemWrapper {
        flex-direction: column;
    }

    .tItemWrapper {
        width: 100%;
    }

    .cItemWrapper {
        margin-top: 17px;
        width: 100%;
    }
}

@media screen and (max-width: 880px) {
    .ast-container {
        max-width: 100% !important;
        padding: 0
    }

    body,
    html {
        margin: 0;
        padding: 0;
        overflow-X: hidden
    }
}

@media screen and (max-width: 780px) {
    .ast-container {
        max-width: 100% !important;
        padding: 0
    }

    body,
    html {
        margin: 0;
        padding: 0;
        overflow-X: hidden
    }
}

@media screen and (max-width: 750px) {
    .ast-container {
        max-width: 100% !important;
        padding: 0
    }

    body,
    html {
        margin: 0;
        padding: 0;
        overflow-X: hidden
    }
}

@media screen and (max-width: 680px) {
    .ast-container {
        max-width: 100% !important;
        padding: 0
    }

    body,
    html {
        margin: 0;
        padding: 0;
        overflow-X: hidden
    }
}

@media screen and (max-width: 600px) {
    .ast-container {
        max-width: 100% !important;
        padding: 0
    }

    body,
    html {
        margin: 0;
        padding: 0;
        overflow-X: hidden
    }
}

@media screen and (max-width: 450px) {
    .ast-container {
        max-width: 100% !important;
        padding: 0
    }

    body,
    html {
        margin: 0;
        padding: 0;
        overflow-X: hidden
    }
}

@media screen and (max-width: 375px) {
    .ast-container {
        max-width: 100% !important;
        padding: 0
    }

    body,
    html {
        margin: 0;
        padding: 0;
        overflow-X: hidden
    }
}

@media screen and (max-width: 300px) {
    .ast-container {
        max-width: 100% !important;
        padding: 0
    }

    body,
    html {
        margin: 0;
        padding: 0;
        overflow-X: hidden
    }
}


.systematicHeadP {
    color: #1F7FD6;
}

.itemWrapper {
    margin: 45px 0;
    display: flex;
}

.tItemWrapper {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cItemWrapper {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.researchWrapper {
    width: 100%;
    display: flex;
    margin-top: 15px;
}

.researchImg {
    flex-shrink: 0;
}

.researchContent {
    color: #333 !important;
    line-height: 1.6em;
    letter-spacing: 1px;
}


.navContent {
    width: 80%;
}

.swiper-container-horizontal {
    display: flex;
    justify-content: center;
}