@media screen and (max-width: 1024px){
   
    .iaf_right {
        font-size: 15px;
    }
    .footer_right {
        display: none;
    }
    .footer_leeft {
        width: 100%;
        text-align: center;
    }
    .cat_name {
        padding-left: 19%;
    }
    .kefu_tel {
        padding-left: 15%;
    }
    span.time {
        padding-right: 10px;
    }
 .side_kf {
    display: none;
}

}

@media screen and (max-width: 768px){
    .hnn_right {
        width: 23%;
    }
    .home_banner .swiper-button-next{
        display: none;
    }
    .home_banner .swiper-button-prev{
        display: none;
    }
    .ptp70 {
        padding: 50px 0;
    }
    .is_item_img {
        width: 100px;
        height: 100px;
    }
    .is_item {
        padding-bottom: 30px;
        margin-top: 30px;
    }
    .is_item_p {
        font-size: 10px;
    }
    .is_item_flex {
        margin: 10px 0;
    }
    .iff_item {
        margin-top: 30px;
    }
    .index_star_item {
        margin-top: 30px;
        width: 48%;
    }
    .index_about_flex {
        margin-top: 30px;
    }
    .iaf_left {
        width: 100%;
    }
    
    .iaf_right {
        width: 100%;
        margin-top: 3%;
    }
    .index_science_left {
        width: 100%;
        padding: 3%;
    }
    
    .index_science_right {
        width: 100%;
        margin-top: 30px;
        padding: 3%;
    }
    
    .isrqa_list {
        padding: 3.5% 0;
    }
    
    .index_science_flex {
        margin-top: 30px;
    }
    .index_science {
        padding-top: 50px;
    }
    .footer_right {
        display: none;
    }
    .footer_leeft {
        width: 100%;
        line-height: 1.7;
        text-align: center;
    }
    footer {
        padding: 15px;
    }
    .main_list_left {
        width: 30%;
    }
    .main_list_right {
        width: 67%;
    }
    .like_list:last-child {
        margin-bottom: 10px;
    }
    .like_list {
        width: 100%;
        margin-right: 0;
    }
    .mian_ask a {
        padding: 5%;
        font-size: 16px;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

}

@media screen and (max-width: 767px){
  
    .head_top {
        display: none;
    }
    .head_top {
        display: none;
    }
    .hc_right {
        display: none;
    }
    .visible_nav {
        display: block;
    }
    .pc_nav i.curBg {
        position: unset;
        display: none !important;
    }
    .hn_flex {
        position: relative;
    }
    .hnn_left {
        position: absolute;
        flex-wrap: wrap;
        width: 100%;
        top: 0;
        display: none;
    }
    .sp_nav {
        width: 50px;
        float: right;
        position: relative;
        cursor: pointer;
        height: 30px;
        margin-top: 5px;
    }
    .sp_nav span {
        display: block;
        background: #ff0000;
        width: 30px;
        height: 4px;
        position: absolute;
        left: 10px;
        transition: all ease 0.35s;
        border-radius: 2px;
    }
    .sp_nav span:nth-of-type(1) {
        top: 0px;
    }
    .sp_nav span:nth-of-type(2) {
        top: 10px;
    }
    .sp_nav span:nth-of-type(3) {
        top: 20px;
    }
    .sp_nav_se span:nth-of-type(1) {
        top: 10px;
        transform: rotate(45deg);
    }
    .sp_nav_se span:nth-of-type(2) {
        width: 0;
    }
    .sp_nav_se span:nth-of-type(3) {
        top: 10px;
        transform: rotate(-45deg);
    }
    .hc_left {
        width: 50%;
    }
    .hc_flex {
        padding:0;
    }
    .head_nav {
        height: 150vw;
        line-height: unset;
        background: #ffffff;
        border: none;
        display: none;
        position: relative;
        z-index: 2;
    }
    .hnn_right {
        position: absolute;
        width: 100%;
        top: 110vw;
    }
    .hn_item {
        width: 100%;
        height: 12vw;
        line-height: 12vw;
        border-bottom: 1px solid rgb(204 204 204 / 28%);
    }
    .head_cen {
        border-bottom: 1px solid rgb(204 204 204 / 28%);
    }
    .hn_item>a {
        font-size: 4vw;
    }
    .mask {
        position: fixed;
        z-index: 1;
        top: 80px;
        right: 0;
        left: 0;
        bottom: 0;
        display: none;
        background: rgba(0,0,0,0.35);
        -webkit-backdrop-filter: saturate(180%) blur(50px);
        backdrop-filter: saturate(180%) blur(50px);
    }   
    .ptp70 {
        padding: 6vw 0;
    }
    .common_title {
        font-size: 4vw;
    }
    .common_eng {
        font-size: 3vw;
    }
    .commom_line {
        width: 15%;
        margin: 0 3%;
    }
    .is_item {
        width: 48%;
        border-radius: 8px;
        margin: 4vw 0  0 ;
        padding-bottom: 8vw;
    }
    .is_item_img {
        width: 30vw;
        height: 30vw;
        margin: 4vw auto;
        border: 2px solid #000000;
    }
    .is_item:hover .is_item_img {
        border: 2px solid #ffffff;
    }
    .is_item_h {
        font-size: 3.5vw;
        font-weight: 600;
    }
    .is_item:hover .is_item_more {
        display: none;
    }
    .is_item_p {
        font-size: 3vw;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 0 5%;
    }
    header {
        position: sticky;
        top: 0;
        width: 100%;
        z-index: 1000;
    }
    .iff_item {
        width: 30%;
    }
    .iffi_svg svg.icon {
        width: 8vw;
        height: 8vw;
    }
    .iff_item {
        margin: 4vw  auto 0;
    }
    
    .iffi_h {
        font-size: 3.5vw;
        margin-top: 3vw;
    }
    .index_star_item {
        width: 48%;
        margin-top: 4vw;
        padding: 3%;
    }
    .isi_img img {
        height: 32vw;
    }
    .isi_h {
        font-size: 3.5vw;
        margin: 3% 0;
    }
    .isi_zp {
        font-size: 3vw;
    }
    .isi_p {
        font-size: 3vw;
    }
    .index_about_flex {
        margin-top: 4vw;
    }
    .iaf_right {
        font-size: 3vw;
    }
    p.iaf_more {
        float: unset;
        width: 100%;
        height: 8vw;
        line-height: 8vw;
        background: #ff0000;
        border: 1px solid #ff0000;
        margin-top: 3%;
        border-radius: 4px;
    }
    
    p.iaf_more a {
        color: #ffffff;
        font-size: 3vw;
    }
    .index_science_flex {
        margin-top: 4vw;
    }
    .isl_left {
        width: 100%;
    }
    .isl_right {
        width: 100%;
    }
    .index_science_right {
        margin-top: 4vw;
        padding: 5%;
    }
    .index_science_left {
        padding: 5%;
    }
    .isl_title a {
        font-size: 4vw;
    }
    .isll_img img {
        height: 50vw;
    }
    .islltit {
        font-size: 3.5vw;
        margin: 3% 0;
    }
    .isllremark {
        margin: 0;
        font-size: 3vw;
    }
    .isslltime {
        margin: 3% 0;
        font-size: 3vw;
    }
    .islr_title a>span:nth-child(1) {
        font-size: 4vw;
    }
    .islr_title a>span:nth-child(2) {
        font-size: 3vw;
    }
    .islrtit {
        font-size: 3.5vw;
    }
    .islrtime {
        font-size: 3vw;
    }
    .islr_right img {
        height: 25vw;
    }
    .istwd {
        font-size: 4vw;
    }
    .istwd_more {
        font-size: 3vw;
    }
    .isrqa_tit {
        font-size: 3.5vw;
        font-weight: 600;
    }
    .isrqa_remark {
        font-size: 3vw;
    }
    .isrqa_list {
        padding: 4% 0;
    }


    .footer_moblise_fixed {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 60px;
        background: #fafafa;
        -webkit-transition: transform .2s ease-out;
        -o-transition: transform .2s ease-out;
        transition: transform .2s ease-out;
        z-index: 99;
        background: rgb(255 255 255 / 99%);
        box-shadow: 1px -3px 14px 1px rgb(0 0 0 / 22%);
    }
    .sjdb {
        display: flex;
        justify-content: space-between;
    }
    .tb {
        width: 20%;
        text-align: center;
        padding: 5px 0 0;
        line-height: 1.4;
    }
    .tb.vs a {
        color: rgb(51 51 51);
    }
    .tb a {
        color: #ff0000;
        font-size: 3.5vw;
        text-decoration: none;
    }
    .tb i {
        display: block;
        font-size: 20px;
        line-height: unset;
    }
    
    .footer_moblise {
        margin-top: 35px;
        display: block;
    }
    .link {
        display: none;
    }
    .index_science {
        padding-top: 6vw;
        padding-bottom: 6vw;
    }
    .footer_leeft p {
        font-size: 3vw;
    }
    
    .footer_leeft a {
        font-size: 3vw;
    }
    p.baq {
        display: none;
    }
    .footer_link {
        display: none;
    }
    footer {
        padding: 3% 0;
    }
    .main {
        padding: 6vw 0;
    }
    .mian_title {
        display: none;
    }
    .main_kf {
        display: none;
    }
    .main_left {
        width: 100%;
    }
    .main_right {
        width: 100%;
    }
    .mian_cat {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin: 0 0 4vw;
    }
    
    .cat_name {
        border-top: none;
        padding: 0;
        width: 32%;
        margin-right: 2%;
        text-align: center;
        margin-top: 1%;
        margin-bottom: 1%;
        background: #fafafc;
        border-radius: 8px;
    }
    
    .cat_name{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .cat_name a {
        font-size: 3.5vw;
        display: inline-block;
        line-height: normal;
    }
    
    .cat_name:nth-child(3n) {
        margin-right: 0;
    }
    .main_pos {
        height: 12vw;
        line-height: 12vw;
        margin-bottom: 4vw;
        padding: 0 5%;
        font-size: 3.5vw;
    }
    .main_list {
        padding: 3%;
        margin-bottom: 4vw;
    }
    .main_list_left img {
        height: 30vw;
    }
    .mlr_title {
        font-size: 3.5vw;
    }
    .mlr_remark {
        font-size: 3vw;
        -webkit-line-clamp: 2;
        margin: 5% 0;
    }
    .mlr_time {
        font-size: 3vw;
    }
    .main_list a {
        align-items: center;
    }
    .main_list_left {
        width: 38%;
    }
    
    .main_list_right {
        width: 58%;
    }
    .page {
        display: none;
    }
    .page_index.page.active {
        display: block;
    }
    .page_index {
        padding: 1% 4%;
        margin: 0 .8%;
    }
    .page_index a {
        font-size: 3vw;
    }
    .main_content {
        padding: 5%;
    }
    h2.mc_title {
        font-size: 4vw;
        font-weight: 600;
        padding: 5% 0;
    }
    .mc_span {
        font-size: 3vw;
        justify-content: space-between;
    }
    .mc_time {
        padding-right: 0;
    }
    .article {
        font-size: 3.5vw;
        padding-top: 4vw;
    }  
    .mac_tag {
        margin: 4vw 0;
    }
    .mac_tag a {
        font-size: 3vw;
        padding: 1% 3%;
    }
    .mc_guestbook {
        padding: 5%;
        margin: 4vw 0;
    }
    .mcg_title {
        font-size: 4vw;
        margin-bottom: 3vw;
    }
    input.mc_gbk {
        height: 12vw;
        font-size: 3.5vw;
        padding-left: 5vw;
        line-height: 12vw;
        margin-bottom: 4vw;
    }
    textarea.mc_gbk {
        font-size: 4vw;
        padding-top: 4vw;
        padding-left: 4vw;
        margin-bottom: 4vw;
        height: 35vw;
    }
    button.sublime {
        outline: none;
        width: 100%;
        box-shadow: 0 0.5rem 1.125rem -0.5rem rgb(255 91 143 / 43%);
        background: rgb(255 91 143 / 51%);
        color: #ffffff;
        height: 12vw;
        font-size: 3.5vw;
        margin-bottom: 0;
    }
    .mc_sxp {
        font-size: 3.5vw;
    }
    .mc_sxp a {
        font-size: 3.5vw;
    }
    .mc_like_title {
        margin: 6vw 0;
        font-size: 5vw;
    }
    .like_img img {
        height: 20vw;
    }
    .like_tit {
        font-size: 3.5vw;
        -webkit-line-clamp: 2;
    }
    .like_span {
        font-size: 3vw;
        margin-top: 6%;
        justify-content: space-between;
    }
    .like_list {
        margin-bottom: 4vw;
    }
    .like_list:last-child {
        margin-bottom: 3vw;
    }
    span.time {
        padding-right: 0;
    }
    .main_item {
        padding: 5%;
    }
    .mi_title {
        font-size: 3.5vw;
    }
    .mi_remark {
        font-size: 3vw;
    }
    .mi_flex {
        font-size: 3vw;
        margin-top: 3%;
    }
    .main_item {
        margin-bottom: 4vw;
    }
.navigation.stick {
    background: #ffffff;
    position: fixed;
}















}
@media screen and (max-width: 320px){
    span.time:first-child {
        display: none;
    }
  
    

}