.app {
            position: relative;
            /* max-width: 1920px; */
        }

        .nav {
            width: 30rem
        }

        .nav .top_banner {
            position: relative;
            width: 100%;
            height: 16.875rem
        }

        .nav .top_banner .nav_backg {
            position: absolute;
            z-index: -2;
            width: 100%;
            height: 100%;
            vertical-align: middle;
            object-fit: cover
        }

        .nav .top_banner .nav_center {
            margin-top: 2.59375rem;
            margin-left: 50%;
            transform: translateX(-50%);
            text-align: center;
            width: 18.75rem;
            height: 6.03125rem;
            box-shadow: 0 0.125rem 1.1666rem -0.0937rem #33333350;
        }

        .nav .top_banner .nav_center img {
            width: 100%;
            height: 100%;
            vertical-align: middle;
            object-fit: cover
        }

        .nav .top_banner .to_search {
            box-shadow: 0 6px 8px 1px rgba(78, 78, 78, 0.16);
            border-radius: .1875rem;
            margin-top: .790625rem;
            margin-left: 54.2%;
            transform: translateX(-50%);
            width: 15.7rem;
            height: .875rem;
            position: relative;
        }

        .nav .top_banner .to_search .input-with-select {
            height: 100% !important;
            background-color: #fff;
            border-radius: 0.1875rem !important;
        }

        .nav .top_banner .to_search .el-input__inner {
            height: 100%
        }

        .nav .top_banner .to_search .el-input-group__prepend {
            background-color: #fff !important
        }

        .nav .top_banner .to_search .el-select {
            display: flex;
            width: 1.59375rem;
            height: 100%;
            color: #999999
        }

        .nav .top_banner .to_search .el-input-group__append {
            height: 100%;
            color: #fff;
            font-size: .375rem;
            background: linear-gradient(90deg, #DC683E 0%, #B20E0C 100%);
            border-radius: 0 0.1875rem 0.1875rem 0;
        }

        .nav .top_banner .to_search .el-button {
            width: 1.1875rem
        }

        .nav .top_banner .bottom_nav {
            display: flex;
            justify-content: space-between;
            margin-top: .890625rem;
            margin-left: 50%;
            transform: translateX(-50%);
            width: 18.75rem;
            height: 2.21875rem
        }

        .nav .top_banner .bottom_nav nav {
            animation: navani .6s ease;
            display: flex;
            flex-direction: column;
            align-items: center;
            position: relative;
            cursor: pointer;
            width: 1.8125rem;
            height: 100%;
            background-color: #fff;
            border-radius: .1875rem;
            transition: .3s ease
        }

        @keyframes navani {
            0% {
                width: 0;
                opacity: 0
            }

            100% {
                width: 1.8125rem;
                opacity: 1
            }
        }

        .nav .top_banner .bottom_nav nav::after {
            width: .125rem;
            height: .5625rem;
            content: '';
            position: absolute;
            top: .4375rem;
            left: 0;
            background-image: url('../images/bottom_nav_icon.png');
            background-repeat: no-repeat;
            background-size: 100% 100%
        }

        .nav .top_banner .bottom_nav nav:hover {
            background: #B00A0A
        }

        .nav .top_banner .bottom_nav nav:hover::after {
            display: none
        }

        .nav .top_banner .bottom_nav nav:hover .iconfont,
        .nav .top_banner .bottom_nav nav:hover span {
            color: #fff
        }

        .nav .top_banner .bottom_nav nav .iconfont {
            margin-top: .40625rem;
            display: inline-block;
            color: #FFAE54;
            font-size: .5625rem
        }

        .nav .top_banner .bottom_nav nav span {
            margin-top: .234375rem;
            display: inline-block;
            font-size: .25rem;
            width: 1rem;
            height: .71875rem;
            color: #333333;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            text-align: center
        }

        .nav .nav_three {
            position: relative;
            width: 100%;
            height: 16.875rem
        }

        .nav .nav_three .background {
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            width: 100%;
            height: 100%;
            vertical-align: middle;
            object-fit: cover
        }

        .nav .nav_three .top_icon {
            box-sizing: border-box;
            padding-top: 2.34375rem;
            margin: 0 auto;
            width: 2.5rem
        }

        .nav .nav_three .top_icon img {
            width: 2.5rem;
            height: 2.875rem;
            vertical-align: middle;
            object-fit: cover
        }

        .nav .nav1 .el-carousel__container {
            height: 7.28125rem !important;
            padding-bottom: .125rem
        }

        .nav .nav1 .el-carousel__container .el-carousel-item {
            height: 7.28125rem !important;
            padding-bottom: .125rem
        }

        .nav .nav1 .carouselbox {
            position: relative
        }

        .nav .nav1 .carouselbox .el-carousel {
            margin: 0 auto;
            margin-top: 1.25rem
        }

        .nav .nav1 .carouselbox .el-carousel .top_card {
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            margin: 0 auto;
            width: 18.75rem;
            height: 7.28125rem
        }

        .nav .nav1 .carouselbox .el-carousel .top_card section {
            position: relative;
            overflow: hidden;
            width: 5.3125rem;
            height: 7.28125rem;
            background: #fff;
            border-radius: .25rem;
            box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.16);
            display: flex;
            flex-direction: column;
            align-items: center;
            transition: ease .8s;
            opacity: 0;
            transform: scale(0)
        }

        .nav .nav1 .carouselbox .el-carousel .top_card section .header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            height: .90625rem
        }

        .nav .nav1 .carouselbox .el-carousel .top_card section .header span {
            color: #333333;
            font-size: .28125rem;
            font-weight: 600;
            margin-left: .375rem
        }

        .nav .nav1 .carouselbox .el-carousel .top_card section .header a {
            margin-right: .375rem;
            color: #B00A0A
        }

        .nav .nav1 .carouselbox .el-carousel .top_card section .navlist {
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 4.5625rem;
            height: 1.21875rem;
            border-bottom: 1px solid #DCDCDC
        }

        .nav .nav1 .carouselbox .el-carousel .top_card section .navlist .times {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: .65625rem;
            height: .78125rem
        }

        .nav .nav1 .carouselbox .el-carousel .top_card section .navlist .times>span:first-child {
            font-size: 0.375rem;
            color: #B00A0A
        }

        .nav .nav1 .carouselbox .el-carousel .top_card section .navlist p {
            margin: 0;
            padding: 0;
            width: 3.640625rem;
            height: .78125rem;
            font-size: .25rem
        }

        .nav .nav1 .carouselbox .el-carousel .top_card section .navlist p:hover {
            color: #e10f0f
        }

        .nav .nav1 .carouselbox .el-carousel .top_card section .navlist:last-child {
            border: none
        }

        .nav .nav1 .carouselbox .el-carousel .top_card section::after {
            position: absolute;
            top: .8125rem;
            left: .40625rem;
            content: "";
            width: 1rem;
            height: .09375rem;
            background-image: url('../images/top_card.backg.png');
            background-repeat: no-repeat;
            background-size: 100% 100%
        }

        .nav .nav1 .carouselbox .pages {
            cursor: pointer;
            position: absolute;
            bottom: -0.625rem;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            justify-content: space-between
        }

        .nav .nav1 .carouselbox .pages li {
            border-radius: 50%;
            width: .15625rem;
            height: .15625rem;
            margin: 0 .0625rem;
            background: #DCDCDC
        }

        .nav .nav2 .section {
            position: relative;
            width: 20.3125rem;
            margin: 0 auto;
            margin-top: 1.25rem;
            display: flex;
            justify-content: space-between
        }

        .nav .nav2 .section .type_name {
            position: absolute;
            font-size: 0.375rem;
            color: #fff
        }

        .nav .nav2 .section>section:first-child {
            opacity: 0;
            transform: translateX(-300px);
            transition: ease .8s;
            position: absolute;
            top: 0;
            left: 0;
            width: 9.3125rem;
            height: 9.34375rem;
            background-image: url('../images/section_backg1.png');
            background-repeat: no-repeat;
            background-size: 100% 100%
        }

        .nav .nav2 .section>section:first-child .type_name {
            top: 0.8rem;
            left: 1.42rem;
        }

        .nav .nav2 .section>section:last-child {
            opacity: 0;
            transform: translateX(300px);
            transition: ease .8s;
            position: absolute;
            top: -0.90625rem;
            right: 0;
            width: 11rem;
            height: 10.828125rem;
            background-image: url('../images/section_backg2.png');
            background-repeat: no-repeat;
            background-size: 100% 100%
        }

        .nav .nav2 .section>section:last-child .type_name {
            top: 1.55rem;
            left: 0.8rem;
        }

        .nav .nav2 .section>section:last-child .list {
            top: 3.28125rem !important;
            left: 1.5625rem !important
        }

        .nav .nav2 .section .list {
            cursor: pointer;
            position: absolute;
            top: 2.4375rem;
            left: 1.96875rem;
            width: 5.84375rem;
            height: 3.5rem;
            display: flex;
            color: #fff;
            justify-content: space-between
        }

        .nav .nav2 .section .list .left_list,
        .nav .nav2 .section .list .right_list {
            line-height: .78125rem;
            width: 2.1875rem;
            display: flex;
            font-size: .28125rem;
            flex-direction: column
        }

        .nav .nav2 .section .list .left_list>span:hover,
        .nav .nav2 .section .list .right_list>span:hover {
            color: #B20E0C
        }

        .nav .nav2 .section .list .right_list {
            width: 2.46875rem !important
        }

        .nav .nav3 .nav_section {
            margin: 0 auto;
            margin-top: .59375rem;
            width: 18.75rem;
            display: flex;
            justify-content: space-between
        }

        .nav .nav3 .nav_section section {
            transition: ease .8s;
            opacity: 0;
            width: 5.9375rem;
            height: 8rem;
            overflow: hidden;
            border-radius: .25rem;
            background: #fff
        }

        .nav .nav3 .nav_section section .title {
            box-shadow: 0 .046875rem .09375rem .015625rem rgba(0, 0, 0, 0.16);
            box-sizing: border-box;
            padding: 0 .46875rem;
            width: 100%;
            height: 1.4375rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: .34375rem
        }

        .nav .nav3 .nav_section section .title>a {
            font-size: .21875rem;
            color: #713C00
        }

        .nav .nav3 .nav_section section .article_list {
            cursor: pointer;
            margin-top: .40625rem;
            width: 5rem
        }

        .nav .nav3 .nav_section section .article_list li {
            width: 100%;
            display: flex;
            align-items: center;
            font-size: .28125rem;
            color: #333333
        }

        .nav .nav3 .nav_section section .article_list li i {
            display: block;
            margin: 0 .1875rem 0 .5625rem;
            width: .125rem;
            height: .125rem;
            background-image: url('../images/list_icon.png');
            background-repeat: no-repeat;
            background-size: 100% 100%
        }

        .nav .nav3 .nav_section section .article_list li span {
            width: 4.375rem;
            line-height: .625rem;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .nav .nav3 .nav_section section .article_list li:hover span {
            color: red
        }

        .nav .nav3 .nav_section section:nth-child(1) {
            transform: translateX(-300px)
        }

        .nav .nav3 .nav_section section:nth-child(1) .title {
            background-image: url('../images/nav_section1.png');
            background-repeat: no-repeat;
            background-size: 100% 100%
        }

        .nav .nav3 .nav_section section:nth-child(2) {
            transform: translateY(300px)
        }

        .nav .nav3 .nav_section section:nth-child(2) .title {
            background-image: url('../images/nav_section2.png');
            background-repeat: no-repeat;
            background-size: 100% 100%
        }

        .nav .nav3 .nav_section section:nth-child(3) {
            transform: translateX(300px)
        }

        .nav .nav3 .nav_section section:nth-child(3) .title {
            background-image: url('../images/nav_section3.png');
            background-repeat: no-repeat;
            background-size: 100% 100%
        }

        .carousel-active {
            background: #B00A0A !important
        }

        .active_nav1 .top_card section {
            transform: scale(1) !important;
            opacity: 1 !important
        }

        .active_nav2 .section>section {
            opacity: 1 !important;
            transform: translateX(0) !important
        }

        .active_nav3 .nav_section>section {
            opacity: 1 !important;
            transform: translate(0) !important
        }

        .banner {
            margin: 0 auto;
            margin-top: 1.6rem;
            width: 27.44rem;
            height: 8.8rem;
            box-shadow: 0 .8rem .8rem rgba(0, 0, 0, 0.1)
        }

        .banner img {
            width: 100%;
            height: 100%;
            vertical-align: middle;
            object-fit: cover
        }

        .search {
            margin: 0 auto;
            margin-top: 2.4rem;
            width: 25.84rem;
            height: 2.88rem
        }

        .search .input-with-select {
            height: 100% !important;
            background-color: #fff
        }

        .search .el-input__inner {
            height: 100%
        }

        .search .el-input-group__prepend {
            background-color: #fff !important
        }

        .search .el-select {
            display: flex !important;
            width: 6.56rem;
            height: 100%;
            color: #999999
        }

        .search .el-input__icon {
            width: 1.6rem !important;
            display: flex !important;
            justify-content: center !important;
            align-items: center !important
        }

        .search .el-input-group__append {
            height: 100%;
            color: #fff;
            font-size: 1.92rem;
            background: linear-gradient(90deg, #DC683E 0%, #B20E0C 100%)
        }

        .search .el-button {
            width: 4.48rem
        }

        .news .section .tabs {
            cursor: pointer;
            position: relative;
            width: 100%;
            height: 2rem;
            color: #000;
            display: flex;
            justify-content: space-between
        }

        .news .section .tabs li {
            font-size: 1.12rem;
            font-weight: bold;
        }

        .news .section .tabs li:hover {
            border-style: solid;
            border-width: 0 0 .32rem 0;
            border-image: url('../images/mobileImg/borderBottom.png') 0 0 20 0 stretch
        }

        .news .section .tabs a {
            font-size: .96rem;
            align-self: center;
            color: #B20E0C !important
        }

        .news .section .tabs::after {
            position: absolute;
            bottom: .08rem;
            z-index: -1;
            left: 0;
            content: '';
            width: 100%;
            height: .08rem;
            background: #ddd
        }

        .news .section .list>li:first-child {
            width: 100%;
            min-height: 5.76rem;
            border-bottom: .08rem solid #ddd;
            display: flex;
            justify-content: space-between;
            align-items: center
        }

        .news .section .news .section .list>li:first-child .title {
            display: flex;
            flex-direction: column;
            justify-content: space-between
        }

        .news .section .list>li:first-child .title p {
            font-size: 1.12rem !important;
            margin: 0;
            padding: 0;
            color: #000;
            width: 21.12rem;
            min-height: 2.64rem;
            -webkit-line-clamp: 2;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .news .section .list>li:first-child .title span {
            margin-top: .4rem;
            font-size: .8rem;
            display: block;
            width: 21.12rem;
            min-height: 1.2rem;
            color: #999;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

        .news .section .list>li:first-child .time {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 3.68rem;
            height: 3.68rem;
            background: #EEEEEE
        }

        .news .section .list>li:first-child .time>i:first-child {
            font-size: 1.44rem;
            color: #333333
        }

        .news .section .list>li:first-child .time>i:last-child {
            font-size: .8rem;
            color: #999
        }

        .news .section .list li {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            height: 2rem;
            color: #000;
            font-size: 1.12rem
        }

        .news .section .list li span {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

        .active-tabs {
            border-style: solid;
            border-width: 0 0 .32rem 0;
            border-image: url('../images/mobileImg/borderBottom.png') 0 0 20 0 stretch
        }

        .number .section {
            display: flex;
            justify-content: space-between;
            height: 5.12rem
        }

        .number .section nav {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 8.32rem;
            height: 100%;
            font-size: 1.28rem
        }

        .number .section nav:nth-child(1) {
            background-image: url('../images/mobileImg/mobileNum1.png');
            background-repeat: no-repeat;
            background-size: 100% 100%
        }

        .number .section nav:nth-child(2) {
            background-image: url('../images/mobileImg/mobileNum2.png');
            background-repeat: no-repeat;
            background-size: 100% 100%
        }

        .number .section nav:nth-child(3) {
            background-image: url('../images/mobileImg/mobileNum3.png');
            background-repeat: no-repeat;
            background-size: 100% 100%
        }

        .great .section .top {
            display: flex
        }

        .great .section .top nav {
            width: 8.32rem;
            height: 3.2rem;
            background: #fff;
            color: #000;
            box-shadow: 0 0 .64rem .08rem #DEDEDE;
            border-radius: .32rem;
            margin-right: 1.2rem;
            display: flex;
            justify-content: center;
            align-items: center
        }

        .great .section ul {
            margin-top: 1.6rem;
            width: 100%;
            display: none;
        }

        .great .section ul>li {
            box-sizing: border-box;
            padding: 0 .96rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: .64rem;
            width: 27.36rem;
            height: 2.88rem;
            background: #FFFFFF;
            box-shadow: 0 0 .64rem .08rem #DEDEDE;
            border-radius: .32rem;
            color: #000;
            font-size: 1.12rem
        }

        .active_great {
            background: #B00A0A !important;
            color: #fff !important
        }

        .mobileNav {
            margin-top: 1.6rem
        }

        .mobileNav .section {
            width: 27.44rem;
            margin: 0 auto;
            margin-top: 1.6rem
        }

        .mobIcon {
            box-sizing: border-box;
            margin: 0 auto;
            width: 5.76rem;
            height: 6.64rem
        }

        .mobIcon img {
            width: 100%;
            height: 100%;
            vertical-align: middle
        }

        .list {
            display: none;
        }

        .active-list {
            display: block !important;
        }

        .top_banner .to_search::after {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: -2.5rem;
            content: '';
            width: 2.265rem;
            height: 0.875rem;
            background-image: url('../images/WeiDuSearch.png');
            background-repeat: no-repeat;
            background-size: 100% 100%
        }

        html {
            scroll-behavior: smooth;
        }

        .top_card section .navlist .times>span:last-child,
        #more {
            font-size: 0.1875rem;
        }

        .isTop {
            font-size: 0.234375rem !important;
            color: #000 !important;
            white-space: nowrap;
        }