@media (max-width: 990px) {
  .foot-fot {
    display: block;
  }
  footer {
    display: none;
  }
  .list_about_one .left {
    padding-right: 15px;
  }
  .list_about_one {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .list_message .right {
    padding-left: 15px;
    padding-top: 20px;
  }
  .list_document .content .grid_box .grid_item a .flex_box .left {
    flex: unset;
    width: 100%;
    padding-right: 0;
  }
  .list_product .right {
    display: none;
  }
  .list_product .left .search_box .input_box {
    width: 100%;
    height: 3.5rem;
  }
  .list_product .left .search_box .input_box button {
    width: 6rem;
    height: 3.5rem;
  }
  .show_product {
    padding-top: 0;
  }
  .show_product .left,
  .list_prodanye .left {
    padding-right: 15px;
  }
  .list_product .left .pro_ul {
    width: 100%;
    gap: 30px;
  }
  .pro_channel {
    display: none;
  }
  .pro_banner .content .title {
    font-size: 24px;
  }
  .pro_banner .content .subtit {
    margin-top: 0;
    font-size: 1.125rem;
  }
  .pro_banner .content .desc {
    font-size: 1rem;
  }
  .pro_banner .mbxdh {
    display: none;
  }
  .pro_banner .content ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .pro_banner .content ul li p {
    font-size: 1rem;
  }
  .pro_banner .content ul li h3 {
    font-size: 2rem;
  }
  .pro_banner .content {
    position: relative;
    top: unset;
    left: unset;
    transform: unset;
    padding: 30px 0;
  }
  .pro_banner .img {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .pro_banner .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media (max-width: 767px) {
  .list_prodanye .left .prodanye_seven .swiper_yyly {
    padding-bottom: 3rem;
  }
  .list_prodanye .left .prodanye_six ul {
    gap: 15px;
    grid-template-columns: 1fr;
  }
  .list_prodanye .left .prodanye_six ul li {
    padding: 20px 15px;
  }
  .list_prodanye .left .prodanye_five ul li.jt {
    display: none;
  }
  .list_prodanye .left .prodanye_five ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .list_prodanye .left .prodanye_two ul {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .list_prodanye .left .prodanye_one .pl35 {
    padding-left: 15px;
  }
  .list_prodanye .left .prodanye_one .one_box .one_item .desc {
    font-size: 20px;
  }
  .list_prodanye .left .prodanye_three .table_box table tr td {
    min-width: 150px;
  }
  .list_prodanye .left .prodanye_three .table_box table tr td {
    padding: 10px !important;
  }
  .list_prodanye .left .prodanye_six ul li .pp {
    font-size: 0.875rem;
    line-height: 1.5;
  }
  .list_prodanye .left .prodanye_three .table_box table tr td .btn {
    padding: 0.4rem 1rem;
  }
  .list_prodanye .left .prodanye_four .row_item .tit {
    font-size: 1.25rem;
  }
  .list_prodanye .left .prodanye_four .row {
    align-items: center;
  }
  .list_prodanye .left .prodanye_four .row_item {
    padding: 20px 15px;
    margin-bottom: 20px;
  }
  .list_prodanye .left .prodanye_five ul .icon .tit {
    font-size: 1.125rem;
  }
  .list_prodanye .left .prodanye_five ul .icon {
    margin: 0 auto;
  }
  .list_prodanye .left .prodanye_five ul .icon img {
    width: 2.5rem;
    height: 2.5rem;
  }
  .list_prodanye .right {
    display: none;
  }
  .list_prodanye .left .prodanye_eight .row {
    align-items: center;
  }
  .list_prodanye .left .prodanye_eight .row_item {
    padding: 20px 15px;
    margin-bottom: 15px;
  }
  .show_product .left .title .copy_btn {
    width: 7.75rem;
    height: 2.5rem;
  }
  .show_product .left .title .copy_btn span {
    font-size: 0.875rem;
  }
  .show_product .right {
    display: none;
  }
  .show_product .left .showpro_four ul li a {
    padding: 10px 0;
  }
  .show_product .left .showpro_four {
    padding: 20px 15px;
  }
  .faq_box .faq_item .faq_cont {
    font-size: 1rem;
  }
  .show_product .left .showpro_three .faq_box .faq_item .faq_top {
    padding: 0.75rem 0;
  }
  .show_product .left .showpro_three {
    padding: 20px 15px;
  }
  .show_product .left .showpro_two .gene_sequence_row {
    font-size: 1rem;
  }
  .show_product .left .showpro_two {
    padding: 20px;
  }
  .show_product .left .showpro_one {
    padding: 20px 15px;
  }
  .show_product .left .showpro_one ul {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .show_product .left .tab_ul {
    display: none;
  }
  .show_product .left .tab_ul .tab_li a {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .show_product .left .table_box table tbody tr td {
    min-width: 100px;
  }
  .show_product .left .title span {
    font-size: 24px;
  }
  .list_product .left .select_box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .list_product .left .content .table_box table tbody tr td {
    min-width: 80px;
    max-width: unset;
  }
  .list_request {
    padding: 30px 0;
  }
  .list_request .msg-a1 {
    grid-template-columns: 1fr;
  }
  .list_product .left .search_box .input_box button {
    font-size: 1rem;
  }
  .list_product .left .search_box .input_box button i {
    font-size: 1.125rem;
  }
  .list_product .left {
    padding-right: 15px;
  }
  .tcmgs-a.fancybox__content > .carousel__button.is-close {
    top: 0.25rem;
    right: 0.25rem;
  }
  .list_faq .left .ul_one .li_one .ul_two .li_two a {
    padding: 1rem 1rem 1rem 1.5rem;
  }
  .list_faq .left .ul_one .li_one .ul_two .li_two a::before {
    top: 22px;
  }
  .list_faq .left .ul_one .li_one .ul_two .li_two {
    padding-left: 20px;
  }
  .tcmgs-a .bottom a {
    font-size: 20px;
  }
  .tcmgs-a .bottom {
    padding: 30px 20px;
  }
  .tcmgs-a .title {
    font-size: 22px;
  }
  .tcmgs-a .top_con {
    padding: 0 20px;
  }
  .tcmgs-a {
    width: 100%;
  }
  .list_join .grid_box .grid_item .more {
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
  }
  .list_join .grid_box .grid_item .tit {
    padding-bottom: 1rem;
    font-size: 1.25rem;
  }
  .list_join .grid_box .grid_item {
    padding: 20px;
  }
  .list_join .grid_box {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
  .list_join .select_box {
    width: 100%;
    margin-top: 20px;
  }
  .list_join .select_box .select {
    width: 50%;
  }
  .list_join {
    padding: 30px 0;
  }
  .list_shooljoin_one .content .grid_box .grid_item .grid_ii {
    width: 100%;
  }
  .list_shooljoin_one .content .grid_box .grid_item i {
    display: none;
  }
  .list_shooljoin_one .content .grid_box {
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .list_shooljoin_one .content::before {
    display: none;
  }
  .list_salary_two .grid_box .grid_item .content .tit {
    font-size: 20px;
  }
  .list_salary_two .grid_box .grid_item .content .grow_box .grow_item.jt {
    width: 3rem;
    padding: 0 10px;
  }
  .list_salary_two .grid_box {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .list_salary_two {
    padding: 30px 0;
  }
  .list_salary_one .grid_box .grid_item .icon {
    width: 3rem;
    height: 3rem;
  }
  .list_salary_one .grid_box .grid_item {
    padding: 30px 10px;
  }
  .list_salary_one .grid_box {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
  .list_salary_one,
  .list_shooljoin_one {
    margin-top: 0;
    padding: 30px 0;
  }
  .list_message .right .msg-a1 {
    grid-template-columns: 1fr;
  }
  .list_message .right .title {
    font-size: 20px;
  }
  .list_message {
    padding: 30px 0;
  }
  .list_contact_one .grid_box .grid_item .bbg {
    width: 9rem;
    height: 9rem;
  }
  .list_contact_one .grid_box .grid_item .icon {
    width: 3rem;
    height: 3rem;
  }
  .list_contact_one .grid_box .grid_item .text .tt {
    font-size: 1.25rem;
  }
  .list_contact_one .grid_box .grid_item .text .pp span {
    font-size: 24px;
  }
  .list_news_top .swiper_news .news_box .news_txt h3 {
    margin-top: 10px;
  }
  .list_contact_one .grid_box .grid_item {
    padding: 30px 20px;
  }
  .list_news_top .swiper_news {
    padding-bottom: 3rem;
  }
  .yyhy_content .yyhy_con .yyhy_item a {
    padding: 20px;
    flex-wrap: wrap;
  }
  .yyhy_content .yyhy_con .yyhy_item a .over {
    width: 100%;
  }
  .yyhy_content .yyhy_con .yyhy_item a .text {
    padding-left: 0;
    margin-top: 20px;
  }
  .yyhy_content .yyhy_con .yyhy_item a .text h3 {
    margin-top: 0;
  }
  .list_news_top .swiper_news .news_box .over {
    width: 100%;
    padding-right: 0;
  }
  .list_news_top .swiper_news .news_box .news_txt {
    width: 100%;
    padding: 20px;
  }
  .list_contact_one .grid_box {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .list_societyjoin .content .tel p,
  .list_societyjoin .content .email a {
    font-size: 24px;
  }
  .list_contact_one,
  .list_societyjoin,
  .list_news_top {
    margin-top: 0;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .list_about_two ul li {
    padding: 30px 1rem;
  }
  .list_about_two ul li .tit h3 {
    font-size: 1.25rem;
  }
  .list_about_two ul li .text {
    font-size: 1rem;
    text-align: center;
    margin-top: 10px;
  }
  .list_about_two ul li .icon {
    width: 3rem;
    height: 3rem;
  }
  .list_about_two .bimg {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .list_about_two .bimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .list_about_two ul {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .list_about_one .left .desc {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .list_about_one {
    margin-top: 0;
  }
  .channel_box .channel_ul .channel_li a .tit {
    padding-left: 0;
  }
  .channel_box .channel_ul .channel_li a {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .channel_box .channel_ul .channel_li a .icon {
    width: 2rem;
    height: 2rem;
  }
  .channel_box {
    margin-top: 0;
    padding-top: 20px;
    background-color: #f5faff;
  }
  .neibanner .mbxdh {
    display: none;
  }
  .neibanner .neibanner_txt h3 {
    font-size: 24px;
  }
  .neibanner .neibanner_txt p {
    margin-top: 0;
    font-size: 1rem;
  }
  .faq_box .faq_item .faq_top {
    padding: 15px;
  }
  .list_faq .left .ul_one .li_one > a {
    padding: 1.5rem 20px;
  }
  .faq_box .faq_item .faq_top .tit,
  .faq_box .faq_item .faq_top .tt {
    font-size: 1.125rem;
  }
  .faq_box .faq_item .faq_cont .table_box table tr td {
    min-width: 100px;
  }
  .faq_box .faq_item .faq_cont {
    padding: 20px 15px;
  }
  .list_faq .right {
    padding-left: 15px;
    margin-top: 20px;
  }
  .list_faq {
    margin-top: 0;
    padding: 30px 0;
  }
  .list_document {
    margin-top: 0;
    padding-bottom: 30px;
  }
  .list_document .content .grid_box .grid_item a {
    padding: 20px 20px 0;
  }
  .list_document .content .grid_box .grid_item a .flex_box .left ul {
    display: grid;
    gap: 0px;
    margin-bottom: 10px;
  }
  .list_document .select_box .select_item.select_item1 .select_ul .select_li a {
    padding: 0.5rem;
  }
  .list_document .select_box .select_item.select_item2 .select_ul {
    gap: 1rem;
  }
  .list_document .select_box .select_item .tit,
  .list_document .select_box .select_item.select_item1 .select_ul .select_li a,
  .list_document .select_box .select_item .select_ul .select_li a {
    white-space: nowrap;
  }
  .list_document .select_box .select_item {
    overflow-x: auto;
    padding-bottom: 10px;
  }
  .list_document .select_box {
    padding: 20px 15px;
    margin-top: 20px;
  }
  .show_news .left .content {
    padding: 25px 0;
  }
  .list_download .content .grid_box .grid_item a .desc {
    padding-top: 20px;
  }
  .show_news .right .ri_box {
    display: none;
  }
  .channel_box .channel_ul .channel_li a .tit {
    font-size: 1rem;
  }
  .list_download .content .grid_box {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .list_download .content .grid_box .grid_item a .tit {
    font-size: 20px;
  }
  .list_download .content .grid_box .grid_item a {
    padding: 20px;
  }
  .list_download {
    margin-top: 0;
    padding: 30px 0;
  }
  .show_news {
    margin-top: 0;
    padding-top: 30px;
  }
  .show_news .left .title h3 {
    font-size: 24px;
    line-height: 1.5;
  }
  .show_news .left .le_box {
    padding: 30px 20px;
  }
  .all_more,
  .all_more2,
  .all_more3 {
    width: 8rem;
    height: 3rem;
    font-size: 1rem;
  }
  .index_five .tabul {
    width: 100%;
    margin-top: 20px;
  }
  .index_five .tabul .tabli a {
    width: 7rem;
    height: 3rem;
    font-size: 1rem;
  }
  .index_five .content .news_box .right ul li h3,
  .index_five .content .news_box .left .news_one h3 {
    margin-top: 10px;
  }
  .index_five .content .news_box .left {
    padding-bottom: 20px;
    padding-right: 15px;
  }
  .index_five .content .news_box .left .news_one .time {
    padding-top: 10px;
  }
  .index_five {
    padding: 30px 0;
  }
  .index_four .grid_box .grid_item .img img {
    aspect-ratio: 3/2;
    object-fit: cover;
  }
  .index_four .grid_box .grid_item .title span {
    font-size: 1.375rem;
    padding-top: 10px;
  }
  .index_four .grid_box .grid_item .title i {
    width: 2.5rem;
    height: 2.5rem;
  }
  .index_four .grid_box .grid_item .title {
    padding: 20px;
  }
  .index_four .grid_box {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .index_three .right ul li a .icon {
    width: 3.5rem;
    height: 3.5rem;
  }
  .index_three .right ul li a .le h3 {
    font-size: 22px;
  }
  .index_three .right ul li a .le p {
    font-size: 1rem;
  }
  .index_three .right ul li a {
    padding: 25px 0;
  }
  .index_three .left {
    padding-bottom: 20px;
  }
  .index_three .left .tit {
    font-size: 20px;
  }
  .index_three .left,
  .index_three .right {
    width: 100%;
  }
  .index_three,
  .index_four {
    padding: 30px 0;
  }
  .index_two .content .tab_nav ul li {
    padding: 20px;
  }
  .index_two .content .tab_nav ul li:not(:nth-last-child(1)) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-right: unset;
  }
  .index_two .content .tab_nav ul {
    grid-template-columns: 1fr;
  }
  .message {
    width: 100%;
    height: 100vh;
    padding: 30px 15px;
    overflow-y: auto;
  }
  table td {
    padding: 10px !important;
    min-width: 100px;
  }
  .message .title {
    font-size: 22px;
  }
  .message .div_aghgha .aubmitBtn {
    width: 9.5rem;
  }
  .message .msg-a1 {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .index_two .content .tab_box .tab_item .desc {
    font-size: 1rem;
    margin-top: 10px;
  }
  .index_two .content .tab_box .tab_item .title {
    font-size: 20px;
  }
  .index_two .content .tab_box .tab_item ul li a {
    padding: 15px;
  }
  .index_two .content .tab_box .tab_item .left {
    padding-right: 15px;
    padding-bottom: 20px;
  }
  .all_title h3 {
    font-size: 24px;
  }
  .all_title p {
    font-size: 18px;
    margin-top: 0;
  }
  .index_one .grid_box .grid_item .icon {
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 1rem;
  }
  .index_one .grid_box .grid_item .text h3 i {
    font-size: 0.75rem;
  }
  .index_one .grid_box .grid_item .text h3 {
    font-size: 1.25rem;
  }
  .index_one .grid_box .grid_item .text p {
    margin-top: 5px;
    font-size: 1rem;
  }
  .index_one .grid_box {
    grid-template-columns: 1fr;
  }
  .index_one .grid_box .grid_item:nth-child(1) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    border-right: unset;
  }
  .index_one .grid_box .grid_item a {
    padding: 20px 10px;
  }
  .banner .hover2 .swiper-scrollbar {
    width: 50%;
  }
  .banner .hover2 {
    top: 70%;
  }
  .banner .img {
    height: 100vw;
  }
  .banner .img img {
    object-fit: cover;
    height: 100%;
  }
  .banner .hover .p2 {
    font-size: 16px;
    line-height: 1.5;
  }
  .index_one {
    margin-top: 20px;
  }
  .banner .hover .p1 {
    font-size: 24px;
    line-height: 1.5;
  }
  .pt100,
  .pt95,
  .pt90,
  .pt85,
  .pt80 {
    padding-top: 30px;
  }
  .pt75,
  .pt70,
  .pt65,
  .pt60,
  .pt55,
  .pt50,
  .pt45 {
    padding-top: 20px;
  }
  .pt40,
  .pt35,
  .pt30,
  .pt25,
  .pt20,
  .pt15 {
    padding-top: 10px;
  }
  .pb120,
  .pb130,
  .pb135,
  .pb100,
  .pb95,
  .pb90,
  .ptb5,
  .pb80 {
    padding-bottom: 30px;
  }
  .pb75,
  .pb70,
  .pb65,
  .pb60,
  .pb55,
  .pb50,
  .pb45 {
    padding-bottom: 20px;
  }
  .pb40,
  .pb35,
  .pb30,
  .pb25,
  .pb20,
  .pb15 {
    padding-bottom: 10px;
  }
  .mb100,
  .mb95,
  .mb90,
  .mb85,
  .mb80,
  .mb75,
  .mb70,
  .mb65,
  .mb60 {
    margin-bottom: 30px;
  }
  .mb55,
  .mb50,
  .mb45,
  .mb40,
  .mb35 {
    margin-bottom: 20px;
  }
  .mb25,
  .mb20,
  .mb15,
  .mb30 {
    margin-bottom: 10px;
  }
  .mt100,
  .mt95,
  .mt90,
  .mt85,
  .mt80,
  .mt75,
  .mt70,
  .mt65,
  .mt60 {
    margin-top: 30px;
  }
  .mt55,
  .mt50,
  .mt45,
  .mt40,
  .mt35 {
    margin-top: 20px;
  }
  .mt30,
  .mt25,
  .mt20,
  .mt15 {
    margin-top: 10px;
  }
}