
        * {
            padding: 0;
            margin: 0
        }

        @font-face {
            font-family: "DFPLiJinHeiW8-GB";
            src: url("./DFPLiJinHeiW8-GB.ttf");
        }

        @font-face {
            font-family: "SourceHanSans-Normal";
            src: url("./SourceHanSans-Normal.otf");
        }

        #app {
            width: 100%;
            height: 100%;

        }

        .top {
            width: 100%;
            height: 937px;
            background-repeat: no-repeat;
            background-size:100% 100%;          
box-shadow:inset 0px -155px 60px -15px #ffff;

        }

        .nav {
            width: 100%;
          

        }

        .navwrap {
            width: 1200px;
            height: 415px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .searchBtn {
            width: 160px;
            height: 56px;
            border-radius: 0px 4px 4px 0px;
            text-align: center;
            line-height: 56px;

            font-size: 18px;
            font-family: Microsoft YaHei;
            font-weight: 400;

            color: #FFFFFF;
            margin-right: 20px;
            cursor: pointer;


        }

        .banner {
            width: 1200px;
            height: 517px;
            margin: 0 auto;


        }

        .date {
            width: 100%;
            height: 36px;

            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .date_span1 {
            width: 244px;
            font-size: 16px;
            font-family: 'Microsoft YaHei';
            font-weight: 400;
            color: #FFFFFF;

        }

        .date_btn {

            font-size: 16px;
            font-family: 'Microsoft YaHei';
            font-weight: 400;
            line-height: 0px;
            color: #FFFFFF;
            cursor: pointer;

        }

        .date_btn_span {
            margin-left: 44px
        }

        .titleWrap {

            margin: 0 auto;
        
            display: flex;
            align-items: center;
        
        }
        
        .divider {
            width: 1px;
            height: 25px;
            margin: 0 40px;
        }
        
        .title {
            width: 630px;
            height: 68px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
        }
        
        .title_p3 {
            font-size: 36px;
            font-family: DFPLiJinHeiW8-GB;
            font-weight: 400;
            font-size: 36px;
        }
        .title_p1 {
            width: 100%;
            height: 36px;
            font-size: 45px;
            font-family: DFPLiJinHeiW8-GB;
            font-weight: 400;
        }

        .title_p2 {
            width: 100%;
            height: 24px;
            font-size: 21.5px;
            font-family: 'Microsoft YaHei';
            font-weight: 400;
            opacity: 0.82;
            letter-spacing:1px;
        }

        .search {
            width: 870px;
            height: 56px;
            margin: 0 auto;
            display: flex;
            align-items: center;
            justify-content: space-between;

        }


        .tabs {
            width: 100%;
            background: #FFFFFF;
            display: flex;
        }

        .tabitem {
            width: 20%;
            height: 52px;
            line-height: 52px;
            text-align: center;
            font-size: 20px;
            font-family: 'Microsoft YaHei';
            font-weight: bold;

            color: #2E2E2E;
            cursor: pointer;
        }

        .tabitem_active {

            color: #FFFFFF
        }

        .banner {
            display: flex;
            justify-content: space-between;
            padding-top: 30px;
            box-sizing: border-box;
            position: relative;

        }

        .banner_tabs {
            width: 1200px;
            height: 200px;
            position: absolute;
            bottom: -100px;
            left: 0;
            right: 0;
            background: #FFFFFF;
            box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
            border-radius: 10px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 33px 0px;
            box-sizing: border-box;
            cursor: pointer;
        }

        .banner_tabs_p {
            width: 16%;
            text-align: center;

            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            height: 100%;
            border-right: 1px solid #E4E4E4;
        }

        .banner_tabs_icon {
            width: 48px;
            height: 48px
        }

        .banner_tabs_txt {
            font-size: 24px;
            font-family: SourceHanSans-Normal;
            font-weight: 500;
            color: #7F7F7F;
        }

        .banner_tabs_txt_active {
            font-weight: bold;
        }

        .banner_img {
            width: 600px;
            height: 337.5px;
        }

        .banner_list {
            width: 572px;
            height: 337.5px;
            background: rgba(107, 129, 189, 0.3);
        }

        .banner_list_tabs {
            width: 100%;
            height: 54px;
            background: #F2F2F2;
            display: flex;
            align-items: center;
        }

        .banner_list_tabs span {
            display: inline-block;
            font-size: 20px;
            font-family: 'Microsoft YaHei';
        }

        .banner_list_tabitem {
            width: 138px;
            height: 49px;
            line-height: 49px;
            text-align: center;
            cursor: pointer;
            font-weight: 400;
            color: #2E2E2E;
        }

        .banner_list_tabitem_active {
            width: 138px;
            height: 49px;
            line-height: 49px;
            text-align: center;
            background: #FFFFFF;
            font-weight: bold;
        }

        .banner_list_ul {
            width: 100%;
            background: #FFFFFF;
            height: 283.5px;
        }


        .banner_list_ul p {
            display: flex;
            justify-content: space-between;
            height: 47px;
            font-size: 18px;
            font-family: 'Microsoft YaHei';
            font-weight: 400;
            color: #666666;
            align-items: center;
            padding: 20px;
            box-sizing: border-box;
            border-bottom: 1px solid #F2F2F2;
            cursor: pointer;
        }

        .banner_list_ul p:last-child {
            border-bottom: none
        }

        .banner_list_ul_li_span {
            flex: 1;
            padding: 0 16px;
            box-sizing: border-box;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .center {
            width: 1200px;
            margin: 0 auto;
            background: #FFFFFF;
            padding: 151px 0 93px 0;
            box-sizing: border-box;
            display: flex;
            justify-content: space-between;
        }

        .left,
        .right {
            width: 590px;
            height: 912px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            /* border: 1px solid #F2F2F2; */
        }

        .right {
            border: none
        }

        .rmzy,
        .zfgb,
        .ztzy,
        .fljs {
            width: 100%;
            height: 436px;
            background: #FFFFFF
        }
        .rmzy,
        .zfgb,
        .ztzy,
        .fljs {
            border: 1px solid #F2F2F2;
        }
        

        .rmzy_title,
        .zfgb_title,
        .ztzy_title,
        .fljs_title {
            width: 100%;
            height: 52px;
            background: #F2F2F2;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding-right: 20px;
            box-sizing: border-box;
        }

        .rmzy_title_icon,
        .zfgb_title_icon,
        .ztzy_title_icon,
        .fljs_title_icon {
            display: inline-block;
            width: 20px;
            height: 20px;
            margin-right: 20px;
        }

        .rmzy_title_txt,
        .zfgb_title_txt,
        .ztzy_title_txt,
        .fljs_title_txt {
            font-size: 20px;
            font-family: SourceHanSans-Normal;
            font-weight: 400;
            width: 148px;
            height: 49px;
            line-height: 49px;
            display: flex;
            justify-content: center;
            align-items: center;
            background: #FFFFFF;
        }

        .rmzy_list p:hover {
            font-weight: bold;
        }

        .rmzy_title_more,
        .zfgb_title_more,
        .ztzy_title_more,
        .fljs_title_more {
            font-size: 16px;
            font-family: SourceHanSans-Normal;
            font-weight: 400;
            color: #666666;
            cursor: pointer;
        }

        .rmzy_list,
        .zfgb_list,
        .ztzy_list,
        .fljs_list {
            padding: 0 20px;
            box-sizing: border-box;
        }

        .zfgb_list,
        .fljs_list {
            display: flex;
            border-bottom: 1px solid #F2F2F2;
        }

        .ztzy_list {
            display: flex;
            flex-direction: column;
            height: 384px;
            padding: 16px 20px;
            box-sizing: border-box;
        }

        .rmzy_list p {
            display: flex;
            justify-content: space-between;
            height: 47px;
            font-size: 18px;
            font-family: 'Microsoft YaHei';
            font-weight: 400;
            color: #666666;
            align-items: center;
            padding: 20px;
            box-sizing: border-box;
            border-bottom: 1px solid #F2F2F2;
            cursor: pointer;
        }

       

        .ztzy_list p {
            width: 100%;
            height: 106px;
            border-radius: 10px;
            cursor: pointer;
            background-repeat: no-repeat;
            background-size: cover;
            margin-bottom: 15px;
        }

        .zfgb_list_li,
        .fljs_list_li {
            display: flex;
            height: 40px;
            line-height: 40px;
            font-size: 16px;
            font-family: 'Microsoft YaHei';
            font-weight: 400;
            color: #2E2E2E;
            margin-right: 54px;
            cursor: pointer;
        }

        .zfgb_list_li_active,
        .fljs_list_li_active {
            font-size: 18px;
            font-family: 'Microsoft YaHei';
            font-weight: 400;
        }

        .rmzy_list_span {
            flex: 1;
            padding: 0 16px;
            box-sizing: border-box;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .rmzy_tabs {
            box-sizing: border-box;
        }

        .rmzy_tabs p,
        .zfgb_tabs p {
            width: 172px;
            height: 48px;
            line-height: 48px;
            background: #F8F8F8;
            border: 1px solid #E4E4E4;
            border-radius: 10px;
            font-size: 16px;
            font-family: 'Microsoft YaHei';
            font-weight: 400;
            color: #2E2E2E;
            text-align: center;
            margin: 16px 0 0 16px;
            float: left;
            cursor: pointer;
        }

        .rmzy_tabs p:hover,
        .zfgb_tabs p:hover {
            font-weight: bold;
        }


        .fljs_tabs {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            padding: 0 20px;
            box-sizing: border-box;

        }
        .fljs_tabs:after{
            content: '';
            width: 30%;
         }
       

        .fljs_tabs_p1
        {
            width: 30%;
            font-size: 16px;
            font-family: 'Microsoft YaHei';
            font-weight: 400;
            line-height: 38px;
            color: #2E2E2E;
            cursor: pointer;
            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
        }
        

        .fljs_tabs_p1:hover
         {
            font-weight: bold;
        }

        .footer {
            width: 100%;
            height: 206px;
        }

        .footer_tabs_wrap {
            width: 667px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .footer_tabs {
            width: 100%;
            height: 48px;
            background: #F5F5F5;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 16px;
            font-family: 'Microsoft YaHei';
            font-weight: 400;
            color: #2E2E2E;
        }

        .footer_txt {
            width: 100%;
            height: 158px;
            background: #FFFFFF;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .footer_txt_wrap {
            width: 667px;
            text-align: center;
            font-size: 14px;
            font-family: 'Microsoft YaHei';
            font-weight: 400;
            color: #B8B8B8;
        }

        .footer_txt_wrap p {
            height: 50px;
            line-height: 50px;
        }
        
        
        .fz{
            width:150px;
            text-align: center;
            position: relative;
            cursor: pointer;
            z-index: 99;
        }
        
        .fztree{
            position: absolute;
            top:40px;
            left:0;
            width:150px;
            height:150px;
            overflow: auto;
        }