html,
        body,
        div,
        span,
        applet,
        object,
        iframe,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        p,
        blockquote,
        pre,
        a,
        abbr,
        acronym,
        address,
        big,
        cite,
        code,
        del,
        dfn,
        em,
        img,
        ins,
        kbd,
        q,
        s,
        samp,
        small,
        strike,
        strong,
        sub,
        sup,
        tt,
        var,
        b,
        u,
        i,
        center,
        dl,
        dt,
        dd,
        ol,
        ul,
        li,
        fieldset,
        form,
        label,
        legend,
        table,
        caption,
        tbody,
        tfoot,
        thead,
        tr,
        th,
        td,
        article,
        aside,
        canvas,
        details,
        figcaption,
        figure,
        footer,
        header,
        hgroup,
        menu,
        nav,
        section,
        summary,
        time,
        mark,
        audio,
        video {
            outline: 0;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        }

        @media screen and (max-width:320px) {
            html {
                font-size: 42.667px;
                font-size: 13.33333vw
            }
        }

        @media screen and (min-width:321px) and (max-width:360px) {
            html {
                font-size: 48px;
                font-size: 13.33333vw
            }
        }

        @media screen and (min-width:361px) and (max-width:375px) {
            html {
                font-size: 50px;
                font-size: 13.33333vw
            }
        }

        @media screen and (min-width:376px) and (max-width:393px) {
            html {
                font-size: 52.4px;
                font-size: 13.33333vw
            }
        }

        @media screen and (min-width:394px) and (max-width:412px) {
            html {
                font-size: 54.93px;
                font-size: 13.33333vw
            }
        }

        @media screen and (min-width:413px) and (max-width:414px) {
            html {
                font-size: 55.2px;
                font-size: 13.33333vw
            }
        }

        @media screen and (min-width:415px) and (max-width:480px) {
            html {
                font-size: 64px;
                font-size: 13.33333vw
            }
        }

        @media screen and (min-width:481px) and (max-width:540px) {
            html {
                font-size: 72px;
                font-size: 13.33333vw
            }
        }

        @media screen and (min-width:541px) and (max-width:640px) {
            html {
                font-size: 85.33px;
                font-size: 13.33333vw
            }
        }

        @media screen and (min-width:641px) and (max-width:720px) {
            html {
                font-size: 96px;
                font-size: 13.33333vw
            }
        }

        @media screen and (min-width:721px) and (max-width:768px) {
            html {
                font-size: 102.4px;
                font-size: 13.33333vw
            }
        }

        @media screen and (min-width:769px) {
            html {
                font-size: 102.4px;
                font-size: 13.33333vw
            }
        }

        body {
            overflow-x: hidden;
            min-width: 320px;
        }

        area {
            outline: none;
        }

        /*鍒嗛〉浠ｇ爜*/
        .list_page {
            height: 30px;
            padding: 30px 0 20px;
            text-align: center;
        }

        .list_page span {
            margin-left: 11px;
            display: inline-block;
            width: 30px;
            height: 30px;
            background: url(../images/global/list_page_bg.jpg) no-repeat left top;
            color: #7f7f7f;
            font-size: 14px;
            font-weight: bold;
            line-height: 30px;
            text-align: center;
            vertical-align: middle;
            cursor: pointer;
            overflow: hidden
        }

        .list_page span a {
            color: #7f7f7f;
            display: block;
        }

        .list_page span a:hover {
            color: #fff;
        }

        .list_page span:hover,
        .list_page span.active {
            background: url(../images/global/list_page_bg_selected.jpg) no-repeat left top;
            color: #fff;
        }

        .list_page span img {
            float: left;
        }

        .list_page .gopage {
            width: 35px
        }

        .list_page input {
            border: medium none;
            width: 35px !important;
            height: 30px;
            background: url(../images/global/list_page_turn.jpg) no-repeat left top;
            line-height: 30px;
            text-align: center;
            vertical-align: middle;
        }

        .list_page .page_text,
        .list_page .page_text:hover {
            width: 50px;
            height: 30px;
            line-height: 30px;
            font-size: 14px;
            font-weight: bold;
            background: none;
            color: #7f7f7f;
            cursor: default
        }

        .list_page span.page_prev a,
        .list_page span.page_next a {
            line-height: 100px;
        }

        .list_page span.page_prev {
            background: url(../images/global/list_page_prev.jpg) no-repeat left top;
        }

        .list_page span.page_prev.disabled {
            background: url(../images/global/list_page_prev_no.jpg) no-repeat left top;
        }

        .list_page span.page_next {
            background: url(../images/global/list_page_next.jpg) no-repeat left top;
        }

        .list_page span.page_next.disabled {
            background: url(../images/global/list_page_next_no.jpg) no-repeat left top;
        }

        .list_page span.page_prev.disabled a,
        .list_page span.page_next.disabled a {
            cursor: default
        }

        /*鍒嗛〉浠ｇ爜 end*/


        .sjb_bg {
            background: url(http://www.hast.org.cn/images/kpsjb_1_1.jpg) no-repeat;
            background-size: cover;
            padding: 15px 10px;
        }

        .sjb_bg img {
            width: 100%;
            /* padding: 5px 15%; */
        }

        .kpw_ssk {
            float: right;
            width: 52%;
            background: #fff;
            margin-top: 2%;
            padding: 2.5% 0;
            border-radius: 5px;
            display: none;
        }

        .kpw_ssk input {
            background: none;
            padding: 0;
            border: none;
            margin: 0;
            outline: none;
        }

        .kpw_ssk img {
            width: 10%;
            float: none;
            vertical-align: middle;
            margin-left: 2%;
        }

        .kpw_ssk .sousuo {
            padding: 0 2%;
            width: 60%;
            font-size: 1.4rem
        }

        .kpw_ssk .tijiao {
            width: 20%;
            font-size: 1.6rem;
        }

        .sjb_nav {
           /*  width: 100%;*/
            /* overflow: hidden; */
            /* margin: 0 auto; */
            white-space: nowrap;
            height: 12vh;
        }

        .sjb_nav a {
            /*display: block; */
            /* float: left; */
            /* width: 16%; */
            /* margin: 5px 4.5%; */
            text-align: center;
            /* line-height: 2; */
            font-size: .2rem;
            color: #515151;
            width: 14vw;
            height: 12vh;
            float: left;
        }

        .sjb_nav a img {
            width: 100%;
        }

        .sjb_nav a p {
            font-size: 0.25rem;
            font-weight: normal;
            width: 120%;
            text-align: center;
            margin-left: -10%;
        }
        }

        .top_link_box a {
            float: left;
            font-size: 1.4rem;
            margin: 0 1.5%
        }


        .slideBox {
            position: relative;
            width: 100%;
            overflow: hidden;
            border-bottom: 2px solid #0a5c9f;
        }

        .slideBox .bd {
            position: relative;
            z-index: 0;
        }

        .slideBox .bd li {
            position: relative;
            background: #000;
        }

        .slideBox .bd li img {
            vertical-align: top;
            width: 100%;
            height: 5rem;
        }

        .slideBox .bd li a {
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            /* 鍙栨秷閾炬帴楂樹寒 */
        }

        .slideBox .bd li .tit {
            display: block;
            width: 100%;
            padding: 0 50px 0 10px;
            font-size: .35rem;
            position: absolute;
            bottom: 0;
            height: 32px;
            line-height: 32px;
            color: #fff;
            background-color: rgba(0, 0, 0, 0.7);
        }

        .slideBox .hd {
            position: absolute;
            right: 10px;
            bottom: 10px;
        }

        .slideBox .hd ul li {
            width: 5px;
            float: left;
            margin-right: 5px;
            margin-top: 2px;
            display: inline;
            font-size: 0;
            line-height: 300px;
            height: 5px;
            border-radius: 50%;
            background: #FFF;
        }

        .slideBox .hd ul .on {
            width: 9px;
            height: 9px;
            margin-top: 0;
        }

        .sjb_lmbt_x {
            font-size: 0.44rem;
            font-weight: bold;
            padding: 10px 15px;
            color: #009bff;
        }

        .sjb_lmbt_x a {
            color: #515151;
            float: right;
            font-size: 0.26rem;
            line-height: 2;
            font-weight: normal;
        }

        .sjb_ul {
            margin-bottom: 20px;
        }

        .sjb_ul ul li {
            border-bottom: 1px dashed #b7b7b7;
            padding: 10px;
            line-height: 1.5;
            font-size: 0.3rem;
        }

        .sjb_ul ul li a {
            color: #000000;
        }

        .sjb_hbzx {
            padding: 10px;
        }

        .sjb_hbzx img {
            width: 100%;
            height: auto;
        }

        .sjb_hbzx span {
            line-height: 1.5;
            padding: 10px 0;
            display: block;
            text-indent: 2em;
            color: #000000;
            font-size: 1.5rem
        }

        .sjb_fhdb {
            margin-bottom: 10px;
            display: block;
        }

        .sjb_fhdb img {
            width: 100%;
            height: auto;
        }

        .sjb_db {
            text-align: center;
            font-size: 1.2rem;
            padding: 10px 0;
            line-height: 1.8;
            color: #515151;
        }

        /*鏂囩珷椤�*/
        .sjb_fhlogo {
            position: relative;
        }

        .sjb_fhlogo .img1 {
            width: 100%;
            height: auto;
        }

        .sjb_fhlogo .img2 {
            position: absolute;
            left: 20px;
            top: 50%;
            height: 30%;
            margin-top: -16px;
        }

        .sjb_fhlogo .img3 {
            position: absolute;
            display: none;
            right: 20px;
            top: 50%;
            height: 20%;
            margin-top: -12px;
        }

        .sjb_conter {
            padding: 10px 15px;
        }

        .sjb_bt {
            padding: 10px 0;
            border-bottom: 1px solid #e6e6e6;
        }

        .sjb_bt h1 {
            text-align: center;
            line-height: 1.5;
            padding: 5px 0;
            color: #000000;
            font-size: 0.45rem;
            font-weight: normal;
        }

        .sjb_bt p {
            text-align: center;
            color: #676767;
            font-size: 0.25rem;
        }

        .sjb_zw {
            color: #676767;
            line-height: 1.8;
            font-size: 0.3rem;
        }

        .sjb_zw img {
            max-width: 100%;
            padding: 10px 0;
        }

        .zjw_lb_lb {
            padding: 0 0 0 0
        }

        .zjw_lb_lb dl {
            padding: 10px;
            max-height: none;
            margin-bottom: 10px;
        }

        .zjw_lb_lb dl dd {
            font-size: 0.25rem;
            height: auto;
            line-height: 1.6;
            padding: 5px 0;
        }

        .zjw_top {
            display: none;
        }

        .zjw_bottom {
            display: none;
        }

        .zjw_sy_right_300 {
            display: none;
        }

        .zjw_sy_left_640 {
            float: none;
            width: 100%;
        }

        .zjw_main {
            width: 100%;
        }

        .pc_dm {
            display: none;
        }

        .sjb_dm {
            display: block;
        }

        .zjw_conter {
            min-height: 0;
        }

        .pc_ym {
            font-size: 1.5rem;
            margin-bottom: 10px;
        }

        .kpsjb_bkbg {
            padding: 10px;
            border-top: 10px solid #f5f5f5;
            
        }

        #slideBox1 {}

        #slideBox1 .bd {
            text-align: center;
        }

        #slideBox1 .bd ul {
            width: calc(100% - 20px);
            overflow: hidden;
        }

        #slideBox1 .bd ul li {
            width: 30%;
            float: left;
            margin: 0 1%;
        }

        #slideBox1 .bd ul li p {
            padding: 5px 0;
            line-height: 24px;
            height: 48px;
            overflow: hidden;
        }

        #slideBox1 .bd img {
            width: 100%;
            height: 90px;
        }

        #slideBox1 .hd {
            clear: both;
            margin-top: 10px;
            text-align: center;
        }

        #slideBox1 .hd ul li {
            width: 16px;
            height: 16px;
            background: #cdcdcd;
            color: #cdcdcd;
            display: inline-block;
            margin: 0 10px;
            border-radius: 50%;
        }

        #slideBox1 .hd ul .on {
            background: #36abee;
            color: #36abee;
        }

        .kpsjb_rmsc {
            padding: 10px 0;
        }

        .kpsjb_rmsc dl {
            padding: 10px
        }

        .kpsjb_rmsc dl dd {
            width: 29%;
            height: 40px;
            line-height: 40px;
            text-align: center;
            margin: 2%;
            float: left;
            background: #f0f2f5;
            border-radius: 5px;
        }

        .kpsjb_rmsc ul li {
            padding: 10px 15px;
            border-bottom: 2px solid #dcdcdc;
        }

        .kpsjb_rmsc ul li:last-child {
            border: none;
        }

        .kpsjb_rmsc ul li h2 {
            font-size: 0.35rem;
            line-height: 0.45rem;
            margin-bottom: 5px;
            font-weight: normal;
        }

        .kpsjb_rmsc ul li h2 a {}

        .kpsjb_rmsc ul li span {
            color: #a0a0a0;
            font-size: 0.25rem;
            line-height: 1.5
        }

        .kpsjb_rmsc_gd {
            padding: 10px 15px;
        }

        .kpsjb_rmsc_gd a {
            display: block;
            background: #f1f1f1;
            line-height: 40px;
            text-align: center;
            height: 40px;
            overflow: hidden;
            border-radius: 5px;
            color: #515151;
        }

        .kpsjb_sp {
            padding: 10px 0;
        }

        .kpsjb_sp ul li {
            margin: 10px 15px;
        }

        .kpsjb_sp ul li .img3 {
            position: relative;
            width: 100%;
            height: auto
        }

        .kpsjb_sp ul li .img1 {
            position: absolute;
            left: 50%;
            top: 50%;
            width: 20%;
            transform: translate(-50%, -50%);
        }

        .kpsjb_sp ul li .img2 {
            width: 100%;
            height: calc(100%);
        }

        .kpsjb_sp ul li p {
            padding: 10px 0;
            text-align: center;
            color: #000;
            font-size: 0.35rem;
        }

        .kpsjb_ztzl {
            padding: 10px 0;
        }

        .kpsjb_ztzl ul li {
            border-bottom: 1px dashed #b7b7b7;
            padding: 0 15px 10px 15px;
            margin-top: 10px;
            overflow: hidden
        }

        .kpsjb_ztzl ul li img {
            width: 40%;
            height: 100px;
            float: right;
            margin-top: 10px;
        }

        .kpsjb_ztzl ul li .title {
            float: left;
            text-align: left;
            width: 56%;
            padding: 5px 0;
            color: #010101;
            line-height: 1.5;
            overflow: hidden
        }

        .kpsjb_ztzl ul li:last-child {
            border: none;
        }

        .kpsjb_ztzl ul li h2 {
            font-size: 0.35rem;
            margin-bottom: 5px;
            font-weight: normal;
        }

        .kpsjb_ztzl ul li h2 a {}

        .kpsjb_ztzl ul li span {
            color: #a0a0a0;
            font-size: 0.25rem;
            line-height: 1.5
        }

        #kpsjb_hdzx {
            padding: 10px 0;
        }

        #kpsjb_hdzx .hd {
            padding: 0 15px;
        }

        #kpsjb_hdzx .hd ul li {
            float: left;
            font-size: 0.44rem;
            line-height: 1.5;
            font-weight: bold;
            margin: 0 10px;
            display: inline;
            overflow: hidden;
            color: #333333;
        }

        #kpsjb_hdzx .hd ul li.on {
            color: #009bff;
            border-bottom: 3px solid #009bff;
        }

        #kpsjb_hdzx .bd {
            clear: both;
            padding: 0 15px;
        }

        #kpsjb_hdzx .bd ul li {
            font-size: 0.35rem;
            line-height: 0.6rem;
            margin-bottom: 10px;
            font-weight: normal;
        }

        #kpsjb_hdzx .bd ul li a {
            color: #010101
        }

        .kpsjb_menu {
            position: fixed;
            left: 0;
            bottom: 0;
            width: 100%;
            background: #fff;
        }

        .kpsjb_menu ul li {
            float: left;
            width: 33%;
            text-align: center;
        }

        .kpsjb_menu ul li img {
            width: 25%;
        }



        .kpsjb_jx {}

        .kpsjb_jx ul li {
            float: left;
            width: 44%;
            padding: 1.5% 3%;
        }

        .kpsjb_jx ul li img {
            width: 100%;
            height: 2.2rem;
            margin-bottom: 5px;
        }

        .kpsjb_jx ul li p {
            line-height: 0.35rem;
            font-size: 0.25rem;
            height: 0.64rem;
            text-align: center;
            overflow: hidden;
        }

        .sjb_lmbt {
            font-size: 0.25rem;
    background: url(http://www.hast.org.cn/images/kpsjb_2.jpg) left bottom repeat-x;
    /* font-weight: bold; */
    padding-left: 10px;
    line-height: 2;
    border-bottom: 2px solid #0a5c9f;
    border-top: 1px solid #0a5c9f;
    color: #0a5c9f;
        }

        .sjb_lmbt font {
            font-size: 0.25rem;
            font-weight: normal;
        }
        .sjb_lmbt a {
             color: #0070d4;
        }
        .pageControl {
            text-align: center;
        }

        ul.pageControl li {
            border-bottom: none;
            font-size: 0.2rem;
            padding: 0.1rem;
        }

        ul.pageControl li a {
            font-size: 0.2rem;
        }
        .kk{
            width: 21vw;
            height: 12vh;
            display: inline-block;
        }