/*褰撳睆骞曞昂瀵稿ぇ浜?200px鏃讹紝搴旂敤涓嬮潰鐨凜SS鏍峰紡*/
@media screen and (min-device-width: 876px) {
    .content {
        display: none;
    }

    .page {
        display: block;
    }
}



/*褰撳睆骞曞昂瀵稿皬浜?200px鏃讹紝搴旂敤涓嬮潰鐨凜SS鏍峰紡*/
@media screen and (max-device-width: 876px) {
    html {
        min-width: 0px;
    }

    .page {
        display: none;
    }

    body {
        margin: 0;
        padding: 0;
        height: 100vh;
        max-width: 100vw;
    }

    .content {
        display: block;
        min-height: 100%;
        min-width: 360px;
        position: relative;
    }

    .main-body {
        padding-bottom: 240px;
    }

    .caidan-btn {
         width: 5vw;
    height: 5vw;
    }

    .caidan-btn caidanOpen {}

    .mySwiperHome {
        --swiper-pagination-color: #c13432;
        /* 鍒嗛〉鍣ㄩ鑹?/
        --swiper-navigation-color: #c13432;
        /* 鍗曠嫭璁剧疆鎸夐挳棰滆壊 */
        --swiper-navigation-size: 50px;
        /* 璁剧疆鎸夐挳澶у皬 */
    }

    .journalism-dynamic-swiper {
        --swiper-pagination-color: #c13432;
        /* 鍒嗛〉鍣ㄩ鑹?/
        --swiper-navigation-color: #c13432;
    }

    .SwiperCampusNews {
        --swiper-navigation-color: #fff;
        /* 鍒嗛〉鍣ㄩ鑹?/
        --swiper-pagination-color: #fff;
        --swiper-navigation-size: 30px;
        /* 璁剧疆鎸夐挳澶у皬 */
    }

    .mySwiperBottom {
        --swiper-pagination-color: #c13432;
        /* 鍒嗛〉鍣ㄩ鑹?/
        --swiper-navigation-color: #c13432;
    }

    /* 澶撮儴鏍峰紡 */

    .head-main {
        display: flex;
        align-items: center;
        background: #9D1D22;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        width: 100%;
        /* position: relative; */
        height: 70px;
        margin-bottom: -1px;
    }

    /* 瀛﹂櫌LOGO */
    .head-main-logo {
       
        width: 100%;
        height:50%;
    }

    /*  */
    .searchArea {
        width: 32%;
        /* display: flex; */
    }

    /* 鎼滅储 LOGO */
    .search-logo {
        margin-left: 20px;
        height: 25px;
        width: 25px;
    }

    /* 閫夐」 LOGO */
    .menu-logo {
        margin-left: 10px;
        height: 25px;
        width: 30px;
    }

    /* 杞挱鍥 */
    .banner-img {
        height: 220px;
        width: 100%;
    }

    .dynamic-banner-img {
        height: 200px;
        width: 100%;
    }

    /* 鏂伴椈鍔ㄦ€ */
    .journalism-dynamic {
        margin: 28px 10px 0px 10px;
    }

    .journalism-dynamic-head {
        display: flex;
        justify-content: space-between;
    }


    .journalism-dynamic-title {
        color: #9D1D22;
        font-size: 19px;
    }

    .more {
        display: flex;
        align-items: center;

    }

    .more-title {
        color: #9D1D22;
        font-size: 15px;
    }

    .more-logo {
        height: 13px;
        width: 13px;
        margin-left: 5px;
      
    }

    .journalism-dynamic-content {

        height: 100px;
    }

    .journalism-dynamic-content p {
        margin-top: 12px;
        font-size: 15px;
        font-weight: 400;
        color: #000000;
    }

    .academic {
        /* display: flex; */
        margin: 20px 10px 0px 10px;
    }

    .academic-content {
        display: flex;
        align-items: center;
margin-top: 12px;
    }

    .academic-title {
        margin-top: 10px;
        flex: 3;
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #333333;
    }

    .academic-Mar {
        margin-left: 20px;
        /* flex: 1; */

        display: flex;
        flex-direction: column;
        background: #EEEEEE;
        text-align: center;
    }

    /* 瀛︽湳鍔ㄦ€ */
    .academic-Mar-Number {
        width: 55px;
        height: 25px;
        font-size: 15px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #9D1D22;
    }

    /* 瀛︽湳鍔ㄦ€佽嫳鏂 */
    .academic-Mar-English {
        line-height: 25px;
        width: 55px;
        height: 25px;
        font-size: 12px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #333333;
    }

    /* 缁撳熬 */
    .ending {
        position: absolute;
        bottom: 0;
        width: 100%;
        /* height: 220px; */
        background: #9D1D22;
        color: #FEFEFE;
    }

    /* 搴曢儴鍒嗕韩logo瑙嗗浘 */
    .ending-share {
        margin-top: 10px;
        display: flex;
        justify-content: center;
    }

    /* 搴曢儴鍒嗕韩LOGO */
    .ending-share-logo {
        margin: 22px;
        height: 30px;
        width: 30px;

    }

    .Copyright {
        font-size: 12px;
        text-align: center;
        border-top: #B93136 solid 1px;
        height: 40px;
        line-height: 40px;
    margin-top: 12px;
    }

    .ending-remark {
        margin: 5px 20px 0px 20px;
        font-size: 11px;
    }

    .ending-remark div {
        display: flex;
        justify-content: space-between;
        margin-top: 5px;
    }


    /* 瀛︽湳鎶ュ憡 */
    .academic-report {
        padding-top: 1px;
        padding-bottom: 10px;
        background-image: url('../wapimg/academic-report-bg.png');
        background-size: 100% 100%
    }

    /* 瀛︽湳鎶ュ憡鍐呭宸︿晶 LOGO */
    .academic-report-logo {
        height: 12px;
        width: 12px;
    }

    /* 瀛︽湳鎶ュ憡閲岄潰鐨勭涓€涓猟iv */
    .academic-report-item {
        background-color: #FFFFFF;
        padding: 5px;
        margin: 10px;
    }

    .academic-report-item b {
        font-size: 14px;
        color: #333333;
    }

    /* 瀛︽湳鎶ュ憡鍐呰竟妗 */
    .academic-report-border {
        border: #E1C6AD solid 1px;
        padding: 10px;
    }

    .academic-report-item-content {
        font-size: 12px;
        color: #666666;
        margin-top: 15px;
    }

    .academic-report-item-content div {
        display: flex;
    }

    .academic-report-item-content div p {
        margin-left: 5px;
    }

    .academic-report-item-content div img {
        margin-top: 2px;
    }

    /* 搴曢儴杞挱鍥 */
    .bottom-swiper {
        height: 160px;
        background-color: #F3F3F3;
        background-image: url('../wapimg/bottom-banner-bg.png');
        /* background-size: 100% 100%; */
        margin: 10px;
        padding: 23px 42px 23px 42px;
    }

    .bottom-banner-img {
        height: 114px;
        width: 100%;
    }

    .mySwiperBottom {
        margin: 5px;
        background-color: #FFFFFF;
    }

    /* 鍥炲埌椤堕儴鎸夐挳 */
    .to-top {
        z-index: 10000;
        position: fixed;
        right: 10px;
        bottom: 20px;
        height: 40px;
        width: 40px;
        background-color: #D9AD84;
        border-radius: 10000px;
        display: none;
        justify-content: center;
        align-items: center;
    }

    .to-top img {
        height: 9px;
        width: 16px;
        margin-bottom: 5px;

    }



    /* 瀵艰埅 */
    .navigation {
        border-bottom: #c13432 solid 1px;
        margin: 12px 10px 0 10px;
        display: flex;
      align-items: center;
padding-bottom: 12px;
    }

    .navigation img {
        height: 13px;
        width: 13px;

    }

    .navigation p {
        font-size: 12px;
        margin-left: 4px;
    }

    /* list 鍒楄〃 */
    .list-item {
        display: flex;
        align-items: center;
        margin: 10px;
        padding-bottom: 20px;
        padding-top: 20px;
        border-bottom: #CED3DC solid 1px;
    }

    .list-item p {
        font-size: 12px;
        color: #9D1D22;
        margin-top: 4px;
    }

    .list-item b {
        font-size: 20px;
        color: #9D1D22;
    }

    .list-item-time {
        border: #9D1D22 solid 1px;
        text-align: center;
        padding: 8px 12px 8px 12px;
        border-radius: 4px;
    }

    .list-item-content {
        color: #333333;
        font-size: 15px;
        margin-left: 12px;
    }

    /* 鍒楄〃淇℃伅璇︽儏 */
    .list-item-content-title {
        font-size: 16px;
        margin: 25px;
        text-align: center;
    }

    .list-item-content-auxiliary {
        font-size: 12px;
        color: #999999;
        display: flex;
        justify-content: center;
    }

    /* 鏂伴椈鏃堕棿 */
    .list-item-content-time {
        display: flex;
        margin-left: 12px;
    }

    .list-item-content-time img {
        height: 12px;
        width: 12px;
        margin-top: -9px;
    }

    .list-item-content-time p {
        margin-left: 8px;
    }

    /* 鍒嗗壊绾 */
    .border {
        height: 1px;
        background-color: #CCCCCC;
        margin: 6px 0 6px 0;
    }

    /* 涓婁笅鍒囨崲绡囩珷 */
    .switchover {
        margin: 13px;
    }

    .switchover span {
        font-size: 13px;
        color: #333333;
    }

    .switchover span {
        font-size: 13px;
        color: #333333;
    }

    .switchover a span {
        font-size: 13px;
        color: #888888;
    }

    /* 搴旂敤鐗╃悊绯 閮ㄩ棬鏁欏伐 */
    .position {
        margin-top: 22px;
    }

    .position b {
        color: #000000;
        font-size: 15px;
        margin: 15px;
    }

    .position div {
        height: 1px;
        background-color: #B3B3B3;
        margin: 11px 11px 0 11px;
    }

    .Teacher-list {
        display: flex;
        flex-wrap: wrap;
    }

    .Teacher-list div {
        text-align: center;
        width: 33%;
        margin-top: 15px;
    }

    .Teacher-list div img {
        height: 130px;
        width: 104px;
    }

    .Teacher-list div p {
        font-size: 15px;
        color: #000000;
        margin: 11px;
    }

    .office-button {
        height: 30px;
        width: 110px;
        text-align: center;
        font-size: 14px;
        color: #FFFF;
        background-color: #016EAF;
     
        margin: 20px 12px 12px 12px;
        border-radius: 4px;
    }

    .office-button p {
        line-height: 30px;
    }

    .office-staff-list {
        margin: 13px;
        border-top: #B3B3B3 solid 1px;
    }

    .office-staff-list img {
        height: 121px;
        width: 95px;
    }

    .office-staff-introductory {
        font-size: 12px;
        margin-left: 14px;
    }

    .office-staff-introductory div {
        margin-top: 5px;
    }

    .office-staff-item {
        margin-top: 25px;
        /* margin: 13px; */
        display: flex;
    }

    .office-staff-name {
        font-size: 13px;
    }


    .office-staff-name span {
        margin-left: 5px;
        color: #666666;
    }

    /* 鐧诲綍椤 */
    .login {
        margin-top: 45px;
        margin-bottom: 80px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .login div {
        width: 100%;
        margin-top: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: -60px;
    }

    .login b {
        font-size: 16px;
    }

    .login input {
        /* margin-top: 23px; */
        width: 240px;
        height: 40px;
        background: #EFEFEF;
        border-radius: 3px;
        border: none;
        margin-left: 13px;
    }

    .login p {
        width: 50px;
        font-size: 13px;
        color: #666666;
        margin-top: 15px;
    }

    .login button {
        margin-top: 23px;
        width: 240px;
        height: 40px;
        background: #9D1D22;
        border-radius: 3px;
        border: none;
        color: #ffff;
    }

    /* 鎼滅储缁撴灉椤 */
    .search-result {
        margin: 20px;
    }

    .search-result b {
        font-size: 15px;
        color: #9D1D22;
    }

    .search-result-list {}

    .search-result-item {
        padding-bottom: 20px;
        border-bottom: 1px solid #CCCCCC;
    }

    .search-result-item p {
        font-size: 14px;
        margin-top: 15px;
        margin-bottom: 4px;
        color: #333333;
    }

    .search-result-item img {
        height: 16px;
        width: 16px;
        /* margin-right: 25px; */
    }

    .search-result-item span {
        color: #8C8C8C;
        font-size: 12px;
    }

    .professor-list-item {
        margin: 12px;
        box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.2);
        padding: 10px;
    }

    /* 鏁欐巿澶村儚 */
    .professor-head {
        height: 100px;
        width: 80px;
    }

    .professor-info {
        display: flex;
    }

    .professor-info-text {
        margin-left: 25px;
    }

    /* class="professor-auxiliary" */
    .professor-auxiliary {}

    .professor-name b {
        font-size: 16px;
    }

    .professor-name span {
        font-size: 13px;
        margin-left: 10px;
    }

    .professor-auxiliary img {
        height: 15px;
        width: 15px;
    }

    .professor-auxiliary span {
        font-size: 12px;
    }

    .professor-base {
        padding-top: 12px;
        margin-top: 20px;
        font-size: 13px;
        color: #4D4D4D;
        border-top: 1px solid #CCCCCC;
    }

    /* 瀛楁瘝瀵艰埅 */
    .AlphabeticNavigation {
        display: flex;
        flex-wrap: wrap;
    }

    .Alphabetic-navigation {
        margin-top: 20px;
        margin-left: 15px;
    }

    .Alphabetic-navigation ul {
        display: flex;
        margin-top: -10px;
    }

    .Alphabetic-navigation li {
        width: 20px;
        text-align: left;
        font-size: 15px;
    }

    /* * {
    margin: 0;
    padding: 0;
}

body {
    margin: 0 auto !important;
}

:focus {
    outline: 0;
}

.center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.relative {
    position: relative;
}

div {
    box-sizing: border-box;
    font-family: Microsoft YaHei;
} */

    /* img {
    display: block;
} */

    .hideOneLine {
        word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    .hideTwoLine {
        word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .card {
        box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 20%);
        padding: 30px;
        border-radius: 30px;
    }

    /*鍘婚櫎a鏍囩涓嬪垝绾?/
    a {
        text-decoration: none !;
        /* 鍘婚櫎榛樿鐨勪笅鍒掔嚎 */
        outline: none;
        /* 鍘婚櫎鏃х増娴忚鍣ㄧ殑鐐瑰嚮鍚庣殑澶栬櫄绾挎 */
        color: #000;
        /* 鍘婚櫎榛樿鐨勯鑹插拰鐐瑰嚮鍚庡彉鍖栫殑棰滆壊 */
        cursor: pointer;
    }

    a:hover {
        text-decoration: none
            /* color: #d80000 !important; */
            /* #c13432 */
    }

    .white {
        color: white;
    }

    /*鍘婚櫎鏈璁块棶鐨刟鏍囩鐨勪笅鍒掔嚎*/
    a:link {
        text-decoration: none;
    }

    /*鍘婚櫎宸茬粡琚闂繃鐨刟鏍囩鐨勪笅鍒掔嚎*/
    a:visited {
        text-decoration: none;
    }

    /*鍘婚櫎榧犳爣鎮仠鏃剁殑a鏍囩鐨勪笅鍒掔嚎*/
    a:hover {
        text-decoration: none;
    }

    /*鍘婚櫎姝ｅ湪鐐瑰嚮鐨刟鏍囩鐨勪笅鍒掔嚎锛堥紶鏍囨寜涓嬶紝灏氭湭鏉惧紑锛?/
    a:active {
        text-decoration: none;
    }

    /*鍘婚櫎鑾峰緱鐒︾偣鐨刟鏍囩鐨勪笅鍒掔嚎锛堣榧犳爣鐐瑰嚮杩囷級*/
    a:focus {
        text-decoration: none;
    }

    /* 涓や晶绌洪殭瀹藉害 */

    .hideTowLine {
        word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .loading {
        height: 40px;
        margin: 100px auto;
        display: none;
        justify-content: center;
    }

    .loading span {
        width: 8px;
        height: 100%;
        border-radius: 4px;
        background-color: lightgreen;
        animation: load 1s ease infinite;
        margin: 0 2px;
    }

    @keyframes load {

        0%,
        100% {
            transform: scaleY(1.5);
            background-color: lightgreen;
        }

        50% {
            transform: scaleY(1);
            background-color: lightblue;
        }
    }

    .loading span:nth-child(2) {
        animation-delay: 0.2s;
    }

    .loading span:nth-child(3) {
        animation-delay: 0.4s;
    }

    .loading span:nth-child(4) {
        animation-delay: 0.6s;
    }

    .loading span:nth-child(5) {
        animation-delay: 0.8s;
    }



    /*鍘婚櫎a鏍囩涓嬪垝绾?/
    a {
        text-decoration: none;
    }

    /*鍘婚櫎鏈璁块棶鐨刟鏍囩鐨勪笅鍒掔嚎*/
    a:link {
        text-decoration: none;
    }

    /*鍘婚櫎宸茬粡琚闂繃鐨刟鏍囩鐨勪笅鍒掔嚎*/
    a:visited {
        text-decoration: none;
    }

    /*鍘婚櫎榧犳爣鎮仠鏃剁殑a鏍囩鐨勪笅鍒掔嚎*/
    a:hover {
        text-decoration: none;
    }

    /*鍘婚櫎姝ｅ湪鐐瑰嚮鐨刟鏍囩鐨勪笅鍒掔嚎锛堥紶鏍囨寜涓嬶紝灏氭湭鏉惧紑锛?/
    a:active {
        text-decoration: none;
    }

    /*鍘婚櫎鑾峰緱鐒︾偣鐨刟鏍囩鐨勪笅鍒掔嚎锛堣榧犳爣鐐瑰嚮杩囷級*/
    a:focus {
        text-decoration: none;
    }

    div {
        box-sizing: border-box;
    }

    /* 妯″潡title */

    /* .template-page-title>img {
    margin-right: 10px;
} */

    .template-page-title-en {
        font-size: 16px;
        font-family: FZDaBiaoSong-B06;
        font-weight: 400;
        color: #a7b0ba;
    }

    .template-page-title-zh {
        font-size: 24px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #333333;
    }

    .flex {
        display: flex;
    }

    .center {
        justify-content: center;
        align-items: center;
    }

    /* 椤堕儴 */
    a {
        text-decoration: none;
        color: rgb(0, 0, 0);
    }

    .iconArea {
        display: flex;
        align-items: center;
    }

    .topArea {
        display: flex;
        justify-content: space-between;
        width: 73%;
       
        align-item: center;
        position: relative;
        top: 30px;
        padding-left: 15px;
    }

    .smallSearchArea {
        position: relative;
        width: 100vw;
        height: 65px;
        display: none;
        justify-content: center;
        background: #9D1D22;
    }

    .smallSearchInput {
        font-size: 14px;
        display: block;
        width: 80vw;
        height: 40px;
        caret-color: black;
        border-radius: 25px;
        margin: 15px auto 0;
        padding-left: 8vw;
        padding-right: 10vw;

        position: relative;
        display: inline-block;
        border: 0;
        background: #e5eafd;
        box-sizing: border-box;
    }

    .searchAfterArea {
        display: inline-block;
        position: relative;
    }

    .searchAfterArea::after {
        content: "";
        position: absolute;
        right: 16px;
        top: 25px;
        color: #adadad;
        width: 18px;
        height: 18px;
        background: url(./image/head/search.png);
        background-size: 100% 100%;
        z-index: 99;
    }
    .input-search {
        height: 20px;
        width: 20px;
        /* cursor: pointer; */
        position: absolute;
        right: 5vw;
        top: 25px;
        cursor:hand;
        z-index:9999;
    }
    .searchArea {
        position: relative;

        line-height: 40px;
        align-items: center;
        justify-content: center;
        display: flex;
        margin-right: 35px;
    }

    .searchArea:hover .searchInput {
        display: block;
    }

    .search {
        height: 18px;
        width: 18px;
        cursor: pointer;
        margin-left: 10px;
    }

    .searchInput {
        display: flex;

        box-shadow: none;
        border: none;
        padding: 0px 11px;

        font-size: 12px;
        color: #555;
        outline: 0;
        z-index: 555;
        width: 160px;
        height: 20px;
        background: #ffffff;
        border-radius: 2px;
    }

    .menuArea,
    .menuArea2 {
        display: none;
    }

    .navItem {
        cursor: pointer;
    }

    .navItem-title {
        border-bottom: 1px solid #AB363B;
        display: flex;
        justify-content: space-between;
        /* border-bottom: 1px solid #AB363B; */
    }

    .navItem-title span {
        width: 100%;
    }

    .navItem-title a {
        display: inline;
        /* width: 100%; */
    }

    .navItem-lower-add {
        display: block;
        /* margin: 17px 20px 0 0; */
        /* float: right; */
        height: 12px;
        width: 12px;
    }

    .navItem-lower-subtract {
        display: none;
        /* margin: 17px 20px 0 0; */
        /* float: right; */
        height: 12px;
        width: 12px;
    }

    .head-main-logo {
        /*width: 250px;
        height: 30px;
        margin-left: 13px;*/
        /* margin-left: 15px; */
        /* width: 100%;
    height: 35px; */
    }

    .menu:hover .menuArea2 {
        display: block;
    }

    .caidan-btn {
       
        width: 5vw;
    height: 5vw;
    }

    .caidan-btn1 {
     
        top: 40%;
          width: 5vw;
    height: 5vw;
    }

    .caidan-btn2 {
     
        top: 40%;
          width: 5vw;
    height: 5vw;
    }

    /*褰撳睆骞曞昂瀵稿皬浜?200px鏃讹紝搴旂敤涓嬮潰鐨凜SS鏍峰紡*/
    @media screen and (max-device-width: 1200px) {
        .topArea {
            top: 0;
        }

        .menu:hover .menuArea2 {
            display: flex;
            flex-wrap: wrap;
        }

        .menuArea2 .menu2 {
            width: 33.33%;
            font-size: 12px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #9ca7b8;
        }

        .menu {
            padding: 0 calc(25px / 2);
            /* background: #94151A; */
        }

        .menuArea>div:nth-child(1)>div>img {
            display: none;
        }

        .menuArea>div:nth-child(1)>div>span {
            color: #333;
            margin-left: 10px;
        }

        .menu a {
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 40000;
            color: #ced3dc;
            /* background: #94151A; */
            opacity: 0.95;
            width: 100%;
            height: 100%;
            display: block;
            height: 48px;
            display: flex;
            align-items: center;

            position: relative;
            border-bottom: 1px solid #AB363B;
        }

        .smallHidden {
            display: none;
        }

        .iconArea {
            width: 10%;
      display: none;
      position: absolute;
      top: 22px;
      right: 80px;
        }

        .search {
            width: 30px;
            height: 30px;
        }

        .searchInput {
            left: -50vw;
            top: 0;
            width: 45vw;
        }

        .navTitle {
            color: black;
            padding: 10px 20px;
        }

        

        /* nav鎬讳綋 */
        .menuArea {
            display: block;
            /* background: #94151A; */
            opacity: 0.95;
            margin-left: 0 !important;
        }

        /* nav浜岀骇鑿滃崟鏁翠綋 */
        .menuArea>div:nth-child(1) {}

        /* nav浜岀骇鑿滃崟item */

        .menuArea>div:nth-child(2) {
            display: none;
        }

        .head-main {
            background: #AB363B;
            background-size: 100% 100%;
            background-repeat: no-repeat;
            width: 100%;
            position: relative;
            height: 70px;
            margin-bottom: -1px;
        }

        .head-main-div {
            height: 65px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            /* margin: 0 auto; */
            /* padding-left: 5%; */
        }

        .head-main-nav {
            display: none;
            position: absolute;
            top: 69px;
            right: 0;
            width: 80%;
            background: #fff;
            z-index: 10000;
        }

        .head-main-logo {
            /* flex: 1; */
            /* float: left; */
            /* margin-left: -90px; */
            /* width: 0%; */
            /*width: 265px;
            height: 35px;*/
        }

        .caidanSearch {
            display: block;
            right: 60px !important;
        }

        .caidanEn {
            display: block;
            right: 100px !important;
        }

        .caidanOpen {
            display: block;
        }

        .caidanClos {
            display: none;
        }

        .head-main-nav .navTitle {
            display: flex;
            height: 55px;
            align-items: center;
            padding-left: calc(25px / 2);
            font-size: 17px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #fefefe;
        }

        .head-main-nav .title {
            display: flex;
            height: 55px;
            align-items: center;
            padding-left: calc(25px / 2);
            font-size: 17px;
            color: #fefefe;
        }

        .head-main-nav .n1 {
            font-size: 17px;
        }

        .head-main-nav .n2 {
            font-size: 16px;
        }

        .head-main-nav .n3 {
            font-size: 15px;
        }

        .head-main-nav .n4 {
            font-size: 14px;
        }
    }
}