﻿    /* normalized */
    body { background-color: #fff; margin: 0; font-family: "微软雅黑"; font-size: 14px; line-height: 1.5; min-width: 1200px; color: #333; }
    /* hgroup */
    h1, h2, h3, h4 { margin: 0; }
    /* paragraph */
    p { margin: 0; }
    /* image */
    img { object-fit: cover; border-style: none; }
    /* link */
    a { background-color: transparent; text-decoration: none; color: inherit; }
    /* strong em */
    strong, em, i { font-weight: 400; font-style: normal; }
    /* button, input */
    button, input { background-color: transparent; margin: 0; padding: 0; outline: none; border: none; }
    /* button */
    button { cursor: pointer; }



    /* app */
    .app { background: url('../images_zfxxgk/zfxxgk_back2.png') center top no-repeat; background-size: 100% auto; }


    /* header */
    .header { padding: 24px 0 0; height: 336px; }
    .header > .logo {; background-size: 70px; margin: 0 auto; text-shadow: 2px 4px 12px rgba(0, 0, 0, .2); font-weight: bold; font-size: 38px; line-height: 75px; width: 1094px; color: #fff; }
    .header > h1 { margin: 36px 0 0; text-align: center; text-shadow: 6px 12px 12px rgba(0, 0, 0, .2); font-size: 89px; letter-spacing: 12px; color: #fff; }


    /* main */
    .main { background-color:#f2f2f2; margin: 0 auto 48px; padding: 0 24px 48px; width: 1076px; box-shadow: 0 6px 12px rgba(0, 0, 0, .2); overflow: hidden; }

    /* search */
    .search { position: relative; height: 210px; }
    .search > .label { position: absolute; top: 50%; left: 50%; width: 536px; height: 44px; border-radius: 6px; border: 2px solid #2d66a5; transform: translate(-50%, -50%); background:#FFFFFF}
    .search > .label > input { position: absolute; top: 0; bottom: 0; left: 0; padding: 0 24px; font-weight: bold; font-size: 16px; line-height: 48px; width: 464px; height: 44px; }
            .search > .label > div input{position: absolute;right: 0;line-height: 27px;width: 28px;cursor: pointer;padding: 8px 20px;}

    .search::before, .search::after { background-color: #e0e0e0; position: absolute; top: 50%; content: ''; width: 232px; height: 2px; }
    .search::after { right: 0; }


    /* aside */
    .aside { float: left; width: 240px; }
    /* column */
    .column { box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2); background:#FFFFFF;box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);}
    .column + .column { margin: 16px 0 0; }
    /* summary */
    .column > .summary { position: relative; display: block; height: 70px; color: #2d66a5; cursor: pointer; }
    .column > .summary > i { background-image: url('../images_zfxxgk/aside.png'); background-repeat: no-repeat; position: absolute; top: 12.5px; left: 24px; width: 45px; height: 45px; }
    .column > .summary > span { position: absolute; top: 50%; left: 84px; font-size: 23px; max-width: 92px; min-width: 0; transform: translateY(-50%); text-align-last: justify;}
    /* section summary */
    .column > div.summary::after { background-image: url('../images_zfxxgk/aside.png'); background-position: 0 -720px; background-repeat: no-repeat; position: absolute; top: 24px; right: 12px; content: ''; width: 24px; height: 24px; }

    .column > .selected { background:#2d66a5;position: relative; display: block; height: 70px; color: #fff; cursor: pointer; }
    .column > .selected > i { background: url('../images_zfxxgk/aside.png');background-position: 0 -360px !important; background-repeat: no-repeat; position: absolute; top: 12.5px; left: 24px; width: 45px; height: 45px; }
    .column > div.selected::after {background: url('../images_zfxxgk/aside.png');background-position: 0 -745px;background-repeat: no-repeat;position: absolute;top: 24px;right: 12px;content: '';width: 24px;height: 24px;}


    /* menu */
    .column > .menu { display: none; padding: 12px 0; font-weight: bold; }
    .column > .menu > a { display: block; padding: 0 0 0 70px; font-size: 15px; line-height: 32px; }
    /* submenu */
    .column > .menu > .submenu { position: relative; font-size: 15px; line-height: 32px; cursor: pointer; }
    .column > .menu > .submenu > span { display: block; padding: 0 0 0 70px; }
    .column > .menu > .submenu > .list { display: none; }
    .column > .menu > .submenu > .list > a { display: block; padding: 0 0 0 100px; font-weight: normal; font-size: 14px; line-height: 32px; }
    .column > .menu > .submenu::after { background-image: url('../images_zfxxgk/aside.png'); background-position: -24px -720px; background-repeat: no-repeat; position: absolute; top: 8.5px; right: 12px; content: ''; width: 15px; height: 15px; pointer-events: none; }

    /* summary icon */
    .column:nth-of-type(1) > .summary > i { background-position: 0 0; }
    .column:nth-of-type(2) > .summary > i { background-position: 0 -45px; }
    .column:nth-of-type(3) > .summary > i { background-position: 0 -90px; }
    .column:nth-of-type(4) > .summary > i { background-position: 0 -135px; }
    .column:nth-of-type(5) > .summary > i { background-position: 0 -180px; }
    .column:nth-of-type(6) > .summary > i { background-position: 0 -225px; }
    .column:nth-of-type(7) > .summary > i { background-position: 0 -270px; }
    .column:nth-of-type(8) > .summary > i { background-position: 0 -315px; }
    /* summary icon active type */
    .column:nth-of-type(1) > .summary.active > i { background-position: 0 -360px; }
    .column:nth-of-type(2) > .summary.active > i { background-position: 0 -405px; }
    .column:nth-of-type(3) > .summary.active > i { background-position: 0 -450px; }
    .column:nth-of-type(4) > .summary.active > i { background-position: 0 -495px; }
    .column:nth-of-type(5) > .summary.active > i { background-position: 0 -540px; }
    .column:nth-of-type(6) > .summary.active > i { background-position: 0 -585px; }
    .column:nth-of-type(7) > .summary.active > i { background-position: 0 -630px; }
    .column:nth-of-type(8) > .summary.active > i { background-position: 0 -675px; }


    /* summary active type */
    .column > .summary.active { background-color: #0059b5; color: #fff; }
    .column > .summary.active::after { background-position: 0 -744px; }
    /* menu active type */
    .column > .summary.selected + .menu { display: block; }
    .column > .menu > a.active, .column > .menu > a:hover { background-color: #e6f1fa; }
    /* column menu submenu active type */
    .column > .menu > .submenu.active > span, .column > .menu > .submenu > span:hover { background-color: #e6f1fa; }
    .column > .menu > .submenu.selected > div { display: block; }
    .column > .menu > .submenu.selected::after { background-position: -24px -744px; }
    .column > .menu > .submenu.selected::after { background-position: -24px -744px; }
    .column > .menu > .submenu > div > a.active, .column > .menu > .submenu > div > a:hover { font-weight: bold; color: #2d66a5; }

    /* article */
    .article { float: right; width: 812px; height:auto; border: 1px solid #eee;box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2) ;background: #fff;}
    .article > iframe { display: block; width: 100%; height: 100%; }

  .yqlj_div{display:none !important}
  
  @media (max-width: 1200px) {
     body{min-width:0px !important;}
    .header > h1{font-size:calc(100vw * 100 / 1024);margin:0 auto;letter-spacing: 0.2em;}
    .main{width:96%;padding:0px}
    .header{height:calc(100vw * 324 / 768);}
    .header > .logo{width:100%;text-align: center;}
    .header > .logo img{width:90%;}
    .app{background-size:auto}
    .search::before, .search::after{display:none;}
    .search > .label{width: 90%;}
    .search{height:calc(100vw * 200 / 768);}
    .aside{width: 96%;float:none;margin:auto;padding-bottom: 2em;}
    .article{width:100%;}
    .column > .summary > span{max-width:100%;}
    }

 @media (max-width: 310px) {
   .column > .summary > span{max-width: 92px;}
   
   }



        .fl_wr {display: flex;flex-wrap: wrap}
        footer {line-height: 2.2;clear: both;margin-top: 15px;background: #fff;}
        footer nav dl, .fot > div, footer .zdw {max-width: 1200px;margin: auto;padding: 1% 0;position: relative;}
        footer nav dl > * {margin-right: 3.5%;line-height: inherit;}
        footer nav dl dt a {font-weight: bold;color: #2A508E}
        footer nav dd i {border: 5px solid transparent;border-bottom-color: #DABB85;position: relative;top: -10px;left: 10px}
        footer nav dd ul {padding: 1% 5%;;border: 1px solid;background: white;display: none;flex-flow: wrap;position: absolute;left: 0;right: 0;bottom: 100%;}
        footer nav dd ul li {width: 20%}
        footer nav dd ul a {font-size: 14px;color: #666;}
        footer .fot {background-color: #0059B5;color: #F0F0F0;font: 16px/2.5 微软雅黑;padding: 10px 0;}
        footer .fot a {margin: 0 10px;display: inline-block;color: #F0F0F0}
        footer .fot p:first-child {font-size: 16px;color: white}
        footer .fot p:first-child a {margin: 0 15px;}
        footer .fot p a{margin:0 15px;}
        footer .fot p a:first-child {margin-left: 0}
        footer .fot p a:last-child {margin-right: 0}
        footer .fot p + div {position: absolute;right: 0;top: 30%}
        footer .fot img {vertical-align: middle;}
        footer .zdw {display: none;color: white;overflow: hidden;text-align: center;}
        footer .zdw span {margin: 1%;}
        footer .zdw h6 {position: absolute;top: 20%;right: 5vw}
        .bottom{height: 229px;}
        @media (max-width: 768px) {
            footer nav dl, footer .fot p + div {display: none!important;}
            footer .fot {padding: 10px;text-align: center;}
            footer .fot p a{margin:0 10px;}
            footer .zdw h1 {display: none}
             .fot_h{width: 100%;}
            .bottom{height: 362px;}
        }














