.main-header {
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 20px;
    position: relative;

}

.main-header .nav {
    box-shadow: 0 8px 12px 0 hsla(0, 0%, 62.7%, .1)
}

.main-header-top {
    width: 100%;
    height: 42px;
    background: #f2f2f2;
    color: #595959;
    font-size: 14px
}

.main-header-top .container {
    width: 1180px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.main-header-top .container .logbox {
    width: auto;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.main-header-top .container .logbox .logEnglish a {
    color: #595959
}

.main-header-top .container .logbox .logEnglish a:hover {
    color: #329d15
}

.main-header-top .container .app-download {
    height: 100%;
    display: flex;
    align-items: center
}

.main-header-top .container .app-download .item {
    color: #595959;
    display: flex;
    align-items: center
}

.main-header-top .container .app-download .item img {
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.main-header-top .container .app-download .item:hover {
    color: #329d15
}

.main-header-top .container .app-download .item:not(:last-child) {
    margin-right: 20px
}

.main-header-top .container .login,
.main-header-top .container .login .item {
    height: 100%;
    display: flex;
    align-items: center
}

.main-header-top .container .login .item {
    line-height: 14px;
    padding: 10px 10px;
    color: #595959;
    cursor: pointer
}

.main-header-top .container .login .item:not(:last-child) {
    position: relative
}

.main-header-top .container .login .item:not(:last-child):after {
    content: "";
    display: block;
    height: 14px;
    width: 1px;
    background: #bfbfbf;
    position: absolute;
    right: 0
}

.main-header-top .container .login .item:hover {
    color: #329d15
}

.loading-img {
    -o-object-fit: cover;
    object-fit: cover
}

.loading-img.loading {
    background: url(data:image/gif;base64,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) 50% no-repeat
}

.main-header-user {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center
}

.main-header-user .nologin {
    width: 70px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #329d15;
    border-radius: 4px;
    margin-right: 4px;
    font-size: 12px;
    font-family: MicrosoftYaHei;
    color: #fff;
    cursor: pointer;
    white-space: nowrap
}

.main-header-user .nologin:hover {
    color: #fff !important;
    background: #5bb144
}

.main-header-user .login .loading-img {
    width: 28px;
    height: 28px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer
}

.main-header-user .login .login-user {
    cursor: default;
    position: absolute;
    width: 180px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    border-radius: 4px;
    right: 10px;
    top: 40px;
    overflow: hidden;
    text-align: center;
    z-index: 99
}

.main-header-user .login .login-user .loading-img {
    width: 40px;
    height: 40px;
    margin: 10px 0 5px;
    cursor: default
}

.main-header-user .login .login-user .name {
    width: 140px;
    margin: 0 auto;
    line-height: 22px;
    font-size: 14px;
    color: #262626
}

.main-header-user .login .login-user .line {
    width: 100%;
    height: 1px;
    background: #f2f2f2;
    margin: 10px 0 20px
}

.main-header-user .login .login-user .my {
    height: 22px;
    font-size: 14px;
    color: #262626;
    line-height: 22px;
    cursor: pointer
}

.main-header-user .login .login-user .my:hover {
    color: #329d15
}

.main-header-user .login .login-user .exit {
    margin: 20px 0;
    width: 140px;
    font-weight: 400
}

.main-header-search {
    position: relative;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center
}

.main-header-search .beijing {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
    background-repeat: repeat;
    background-position: 50%
}

.main-header-search .beijing .artronNewBackgroundTemp {
    position: relative;
    width: 100%;
    height: 250px;
    text-align: center;
    display: flex;
    justify-content: center
}

.main-header-search .beijing .artronNewBackgroundTemp .artronNewBackgroundImg {
    width: 1440px;
    -o-object-fit: cover;
    object-fit: cover
}

.main-header-search .beijing .artronNewBackgroundTemp .artronNewBackgroundFlag {
    position: absolute;
    right: 0;
    bottom: 0
}

.main-header-search .to-old {
    position: fixed;
    bottom: 300px;
    right: 0;
    width: 35px;
    height: 50px;
    background-color: red;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    border-radius: 4px;
    font-size: 12px;
    font-family: MicrosoftYaHei;
    color: #8c8c8c;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: center
}

.main-header-search .to-old a {
    color: #8c8c8c
}

.main-header-search .to-old:hover {
    background-color: #329d15;
    color: #fff;
    cursor: pointer
}

.main-header-search .to-old:hover a {
    color: #fff
}

.main-header-search .search-content {
    position: absolute;
    z-index: 20;
    text-align: center
}

.main-header-search .search-content .logo {
    display: flex;
    flex-direction: row;
    width: 320px;
    box-sizing: border-box;
    height: 74px;
    padding: 12px 0;
    margin: 0 auto
}

.main-header-search .search-content .logo .part1 {
    flex: 0 0 215px;
    display: flex
}

.main-header-search .search-content .logo .part1 img {
    width: 181px;
    height: 48px
}

.main-header-search .search-content .logo .line {
    display: flex;
    margin: 10px 0;
    border-right: 1px solid #e4e4e4
}

.main-header-search .search-content .logo .part2 {
    flex: 1
}

.main-header-search .search-content .logo .part2 img {
    width: 54px;
    height: 48px;
    cursor: pointer
}

.main-header-search .search-content .search {
    width: 650px;
    height: 48px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    border-radius: 24px;
    margin: 30px auto 10px;
    overflow: hidden;
    text-align: left
}

.main-header-search .search-content .search .search-input {
    width: 100%;
    height: 100%;
    position: relative;
}

.main-header-search .search-content .search .search-input .el-input__suffix {}

.main-header-search .search-content .search .search-input .btn {

    justify-content: center;
    align-items: center;
    width: 96px;
    height: 100%;
    background: #329d15;
    border-radius: 24px;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    text-shadow: 0 0 10px rgba(0, 0, 0, .1);
    cursor: pointer;
    right: 0;
    position: absolute;
}

.main-header-search .search-content .search .search-input .btn:hover {
    background: #5bb144
}

.main-header-search .search-content .search .search-input input {
    width: calc(100% - 40px);
    height: 100%;
    border: none;
    background: #fff;
    padding: 0 20px
}

.main-header-search .search-content .hot {
    display: flex;
    height: 22px;
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    justify-content: center
}

.main-header-search .search-content .hot .label {
    margin-right: 10px
}

.main-header-search .search-content .hot .hot-item {
    cursor: pointer;
    color: #fff
}

.main-header-search .search-content .hot .hot-item:not(:last-child) {
    margin-right: 20px
}

.main-header-search .search-content .hot .hot-item:hover {
    color: #329d15
}

.no-img-search-header {
    height: 140px
}

.no-img-search-header .no-img-search-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1180px;
    height: 140px
}

.no-img-search-header .no-img-search-content .logo {
    display: flex;
    flex-direction: row;
    width: 320px;
    box-sizing: border-box;
    height: 74px;
    padding: 12px 0;
    margin: 0
}

.no-img-search-header .no-img-search-content .logo .part1 {
    flex: 0 0 215px;
    display: flex
}

.no-img-search-header .no-img-search-content .logo .part1 img {
    width: 181px;
    height: 48px
}

.no-img-search-header .no-img-search-content .logo .line {
    display: flex;
    margin: 10px 0;
    border-right: 1px solid #e4e4e4
}

.no-img-search-header .no-img-search-content .logo .part2 {
    flex: 1
}

.no-img-search-header .no-img-search-content .logo .part2 img {
    width: 54px;
    height: 48px;
    cursor: pointer
}

.no-img-search-header .no-img-search-content .search {
    box-shadow: none;
    border: 1px solid #329d15;
    margin: 0 auto 10px
}

.no-img-search-header .no-img-search-content .hot {
    color: #262626
}

.main-header-nav {
    width: 100%;
    height: 64px;
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1)
}

.main-header-nav .nav-container {
    width: 1180px;
    height: 64px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.main-header-nav .nav-container .nav-item {
    height: 100%;
    font-size: 18px;
    display: flex;
    white-space: nowrap;
    align-items: center;
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: 700;
    color: #262626;
    line-height: 26px;
    cursor: pointer;
    position: relative
}

.main-header-nav .nav-container .nav-item a {
    outline: none;
    text-decoration: none;
    font-weight: 700;
    color: #262626
}

.main-header-nav .nav-container .nav-item:hover:after {
    width: 100%
}

.main-header-nav .nav-container .nav-item .active {
    color: #329d15
}

.main-header-nav .nav-container .nav-item .active:after {
    background: #329d15
}

.main-header-nav .nav-container .nav-item.has-more {
    display: flex;
    align-items: center
}

.main-header-nav .nav-container .nav-item.has-more .more {
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: 700;
    color: #262626;
    line-height: 26px;
    cursor: pointer
}

.main-header-nav .nav-container .nav-item.has-more:after {
    display: none
}

.main-header-nav .nav-container .nav-item.has-more .icon {
    width: 12px;
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAPtJREFUSEvt1DEOgkAQQNEZTKygtLGiMrYewdjTyUW4wB4AGo4BHb3xCnZGKyovQENMzBgMS1AXZ5DQQb35j53dLMLIH47chwlgJyweURRFKyLKiAgsy/KCILiydQDZGdTxIwAs6+gNEbcShN2BIa5/XIT8BAzxrK570p10Ap9xRMyKothXYcdxUiISIUagK66UuleAUmouRb4ALq4PQIq8AdJ4H6QB+salyAv4Ny5BcGicQzAMwzMArKuF+irq2yJ5CtprDAd/aYCh8fZObNtOAcAjogvGcbwoy3Ljuu7B9/1H3782rU+SZJbn+Q4RT+xbNBScAHaCo4/oCcbM4JLWe+rHAAAAAElFTkSuQmCC);
    background-size: 100% 100%;
    margin-left: 10px;
    transition: all .3s;
    transform: rotate(180deg)
}

.main-header-nav .nav-container .nav-item.has-more .icon.active {
    transform: rotate(0deg)
}

.main-header-nav .nav-container .nav-item.has-more .more-list {
    width: 100px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    border-radius: 4px;
    position: absolute;
    right: 0;
    top: 49px;
    overflow: hidden
}

.main-header-nav .nav-container .nav-item.has-more .more-list-item {
    width: 100%;
    height: 30px;
    font-size: 14px;
    color: #595959;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-family: MicrosoftYaHei
}

.main-header-nav .nav-container .nav-item.has-more .more-list-item a {
    width: 100px;
    text-align: center;
    outline: none;
    text-decoration: none;
    font-weight: 400;
    color: #595959;
    font-size: 14px
}

.main-header-nav .nav-container .nav-item.has-more .more-list-item:hover,
.main-header-nav .nav-container .nav-item.has-more .more-list-item:hover a {
    color: #329d15 !important;
    background: #eaf5e7
}

.main-header-nav .nav-container .chumo:hover a {
    color: #329d15 !important
}

.main-header-fixed-nav {
    min-width: 1180px;
    width: 100%;
    height: 64px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: hsla(0, 0%, 100%, .95)
}

.main-header-fixed-nav:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index: -1
}

.main-header-fixed-nav .fixed-container {
    max-width: 1380px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0 30px
}

.main-header-fixed-nav .fixed-container .logo {
    width: 181px;
    height: 45px
}

.main-header-fixed-nav .fixed-container .logo img {
    width: 100%;
    height: 100%
}

.main-header-fixed-nav .fixed-container .nav {
    flex: 1;
    height: 100%;
    margin: 0 25px
}

.main-header-fixed-nav .fixed-container .nav .main-header-nav {
    width: 100%;
    height: 100%;
    background: transparent;
    box-shadow: none
}

.main-header-fixed-nav .fixed-container .nav .main-header-nav .nav-container {
    width: 100%;
    height: 100%
}

.main-header-fixed-nav .fixed-container .nav .main-header-nav .nav-container .nav-item {
    font-size: 16px;
    font-family: MicrosoftYaHei;
    line-height: 24px;
    font-weight: 400
}

.main-header-fixed-nav .fixed-container .search {
    width: 263px;
    height: 34px
}

.main-header-fixed-nav .fixed-container .search .search-input {
    width: 100%;
    height: 100%
}

.main-header-fixed-nav .fixed-container .search .search-input .icon {
    display: block;
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAABHdJREFUWEe9l3+IVFUUx7/nze5s2mQR/aCCygg2KsJyrEDl3TNbbahFRVIYiETZD7L6J4xE0aJfUhGG5VZSEFgi1R+ZNhLvvXFrC50lgpISicwgspS2ja3dnPeNu903vB1nxnHb7f01b9758bnnnnvuOYIWnmKxeGI2m10A4BoAMwBMBzBNRI6QPAxgr4h8RnK7qn4KgC2YHRWRZoI7d+48q1KpLBeRO0me1KLRfQCeA7BRVY8cS6chQBRF9wF4huS0Yxlp8P0rz/MW+77/RTP9owDK5XL74ODgywDuqqO4n+S2TCbztQt9G8mzAcwC0A0gl9YhOeR53hJjzJZGEGMAnPPtALpqFLYCWKOq5UaGwjA8QURuBvA4yQtTciT5cKFQWFdPdwxAGIav1az8FwCLVPXjVrfBLWKFiKwk6Tm9CoAFqvpRrZ0qgN1zkjb0/2anyB6S81X1+1adp+VKpdItcRxvAtDh/h9oa2u7Yu7cud+l5UYBbLbHcfxNKuHsyq8cr/PEQRiGSwC8kVrUNmPM/KMAwjB8EcBDqQ/XHk/Ym0UoiqIekksTGc/zZvu+31eFskWmo6Pjp9Q536qqN4wn7PV0isXiGdls1taGpI5sVtXbqwClUum2OI7fSSnPapbt4wELgmCtiDzicuvPXC53Wj6fHxp9r8n8/ap6/nicNNMJguAqEfk8kYnjuLurq2tHArAbQN6+kHylUCjcP9EAJCWKop8BnO6isNwYs3b0dxAEh0TkVPvied4Dvu+vn2gAay8MwwiA72xvUFVb6mHJRki2O7JFxpi3JwngPQC2UtpIbyoUCnckAEMkpziAxcaYtyYDIIqiD0jaK90+r6vq3UkO/AjgHPfhUVV9dpIAviR5mVvoU8aYFQlAAECd03dV9daJBujr65syMjJyKIk0gHtVtSfZgidJPuac/mEzVVX/mkiIIAjmiciHiU2SFxUKhW+TCMwB0Jt8FJEJT8Qoit4neZML/wFjzLlVf64Y7QUweoeLyL5cLndxPp//eyKiEIbhDBHpT13Nq1V1TRrAntF7AGxIObTNx+r/CuB6g12ukbWLsyfuPFX9tRagDYDt3S51UYhFZKHv+/bsjvuJomgdyWWp7V1ljHkibbDakJRKpcsrlconIjLVCQy7bH3zeAl6enraOzs7n087B9AP4OraTnlMSxZF0UKSm9Ptuoi8Ojw8vLK7u/tgKyBBEMwUEXvEZo5ZqUiZpO0zfqsbgeTPIAgeFJEXAGRSgoMkbY7YOrFLRMYMHu6cGwBLSdpeIq1bNSMiu0lel4aoOxeEYXg9ANsjnFxn1bZd2yMih11hOZPkJSKSrSPbb2FJjt62Lr/GQDQcTHp7ey+oVCovkZzXSuhrwm2bDTvUPG1nBRHZQdLODkdBNB3NrHQQBLNFZJmI3JgqpXWZROQAyY0A1qePWhiGpzSCOCZA4qlcLk8dGBiYk8lkZpCcLiLT7OQjIgdJ/kAySsprPboGENtbBjjebWgFQkR+/18BLJSLhB1YZpNc9Q+xvhZfS1AEYQAAAABJRU5ErkJggg==);
    background-size: 100% 100%;
    margin: 9px 8px 0 0;
    cursor: pointer
}

.main-header-fixed-nav .fixed-container .search .search-input .icon-hover {
    display: none;
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAABHdJREFUWEe9l3+IVFUUx7/nze5s2mQR/aCCygg2KsJyrEDl3TNbbahFRVIYiETZD7L6J4xE0aJfUhGG5VZSEFgi1R+ZNhLvvXFrC50lgpISicwgspS2ja3dnPeNu903vB1nxnHb7f01b9758bnnnnvuOYIWnmKxeGI2m10A4BoAMwBMBzBNRI6QPAxgr4h8RnK7qn4KgC2YHRWRZoI7d+48q1KpLBeRO0me1KLRfQCeA7BRVY8cS6chQBRF9wF4huS0Yxlp8P0rz/MW+77/RTP9owDK5XL74ODgywDuqqO4n+S2TCbztQt9G8mzAcwC0A0gl9YhOeR53hJjzJZGEGMAnPPtALpqFLYCWKOq5UaGwjA8QURuBvA4yQtTciT5cKFQWFdPdwxAGIav1az8FwCLVPXjVrfBLWKFiKwk6Tm9CoAFqvpRrZ0qgN1zkjb0/2anyB6S81X1+1adp+VKpdItcRxvAtDh/h9oa2u7Yu7cud+l5UYBbLbHcfxNKuHsyq8cr/PEQRiGSwC8kVrUNmPM/KMAwjB8EcBDqQ/XHk/Ym0UoiqIekksTGc/zZvu+31eFskWmo6Pjp9Q536qqN4wn7PV0isXiGdls1taGpI5sVtXbqwClUum2OI7fSSnPapbt4wELgmCtiDzicuvPXC53Wj6fHxp9r8n8/ap6/nicNNMJguAqEfk8kYnjuLurq2tHArAbQN6+kHylUCjcP9EAJCWKop8BnO6isNwYs3b0dxAEh0TkVPvied4Dvu+vn2gAay8MwwiA72xvUFVb6mHJRki2O7JFxpi3JwngPQC2UtpIbyoUCnckAEMkpziAxcaYtyYDIIqiD0jaK90+r6vq3UkO/AjgHPfhUVV9dpIAviR5mVvoU8aYFQlAAECd03dV9daJBujr65syMjJyKIk0gHtVtSfZgidJPuac/mEzVVX/mkiIIAjmiciHiU2SFxUKhW+TCMwB0Jt8FJEJT8Qoit4neZML/wFjzLlVf64Y7QUweoeLyL5cLndxPp//eyKiEIbhDBHpT13Nq1V1TRrAntF7AGxIObTNx+r/CuB6g12ukbWLsyfuPFX9tRagDYDt3S51UYhFZKHv+/bsjvuJomgdyWWp7V1ljHkibbDakJRKpcsrlconIjLVCQy7bH3zeAl6enraOzs7n087B9AP4OraTnlMSxZF0UKSm9Ptuoi8Ojw8vLK7u/tgKyBBEMwUEXvEZo5ZqUiZpO0zfqsbgeTPIAgeFJEXAGRSgoMkbY7YOrFLRMYMHu6cGwBLSdpeIq1bNSMiu0lel4aoOxeEYXg9ANsjnFxn1bZd2yMih11hOZPkJSKSrSPbb2FJjt62Lr/GQDQcTHp7ey+oVCovkZzXSuhrwm2bDTvUPG1nBRHZQdLODkdBNB3NrHQQBLNFZJmI3JgqpXWZROQAyY0A1qePWhiGpzSCOCZA4qlcLk8dGBiYk8lkZpCcLiLT7OQjIgdJ/kAySsprPboGENtbBjjebWgFQkR+/18BLJSLhB1YZpNc9Q+xvhZfS1AEYQAAAABJRU5ErkJggg==);
    background-size: 100% 100%;
    margin: 9px 8px 0 0;
    cursor: pointer
}

.main-header-fixed-nav .fixed-container .search .search-input input {
    width: 100%;
    height: 100%
}

.main-header-fixed-nav .fixed-container .search .search-input .img:hover .icon {
    display: none
}

.main-header-fixed-nav .fixed-container .search .search-input .img:hover .icon-hover {
    display: block
}

.main-header-fixed-nav .fixed-container .user {
    height: 100%;
    margin-left: 30px;
    display: flex;
    align-items: center
}

.main-header-fixed-nav .fixed-container .user .login {
    width: 69px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    font-weight: 400
}

.main-header-fixed-nav .fixed-container .user .main-header-user .login-user {
    top: 50px;
    right: 0
}


.el-input__suffix {
    position: absolute;
    height: 100%;
    right: 5px;
    top: 0;
    text-align: center;
    color: #c0c4cc;
    transition: all .3s;
    pointer-events: none;
}


.footer { clear: both; width: 100%; margin: 0 auto; border-top: 3px solid #000; padding: 20px 0 10px; }
.footer dl { zoom: 1; overflow: hidden; width: 720px; margin: 0 auto; }
.footer dt { width: 120px; float: left; padding-top: 5px; }
.footer dd { width: 600px; float: left; color: #777; line-height: 26px; }
.footer dd a { color: #777; }