@media (max-width: 1280px) {
  .rotate-card {
    width: 42rem;
  }
  .rotate-ellipse {
    width: 180rem;
    height: 180rem;
  }
  .index_four .solutions-left {
    position: relative;
    z-index: 2;
    width: 45%;
    margin: 0;
    height: 10.75rem;
  }
}
@media (max-width: 990px) {
  .foot-fot {
    display: block;
  }
  footer {
    display: none;
  }
}
@media (max-width: 767px) {
  .show_product2 .content .swiper_proimg2{
    padding-bottom: 3rem;
  }
  .list_about_one .right {
    padding: 20px 15px;
  }
  .list_about_one .right .text {
    height: auto !important;
    mask-image: unset;
  }
  .list_about_one .right .show_btn {
    display: none !important;
  }
  .show_product2 {
    padding-top: 20px;
  }
  .index_six .top_box .ri .num_item h4 {
    font-size: 24px;
  }
  .show_procontent .swiper_proys .swiper-slide .proys_box .cont .tt {
    font-size: 1.25rem;
  }
  .banner {
    margin-top: 0;
  }
  .show_product1 {
    padding-top: 50px;
    margin-top: 0;
  }
  .show_product1 .left .btn_box,
  .show_product2 .content .btn_box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .show_product1 .left .btn_box .btn,
  .show_product2 .content .btn_box .btn {
    padding: 0;
  }
  .show_news_two {
    padding-bottom: 30px;
  }
  .show_news_two .content .grid_box .grid_item .text {
    padding-top: 10px;
  }
  .show_news_two .content .grid_box {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .show_news .news_content .content .w50 {
    width: 100%;
  }
  .show_news .news_content .title {
    font-size: 22px;
    line-height: 1.5;
  }
  .show_news .news_content {
    margin-top: 30px;
    padding-bottom: 30px;
  }
  .bodycolor::before {
    top: 30px;
  }
  .show_news .news_content.mt45 {
    margin-top: 10px;
  }
  .list_application {
    padding-bottom: 30px;
  }
  .list_application .grid_box .grid_item .tit {
    padding-top: 1rem;
    font-size: 1.25rem;
  }
  .list_news .content .grid_box .grid_item .text {
    padding-top: 10px;
  }
  .list_service .grid_box .grid_item a {
    padding-left: 1rem;
  }
  .list_service .grid_box .grid_item a .text .tt {
    font-size: 1.125rem;
  }
  .list_service .grid_box .grid_item a .text .download_btn {
    font-size: 1.25rem;
    margin-top: 10px;
  }
  .list_service .grid_box .grid_item {
    padding: 1.5rem 0;
  }
  .list_service {
    padding-bottom: 30px;
  }
  .list_service .grid_box .grid_item a .text .download_btn .i {
    width: 2.5rem;
    height: 2.5rem;
  }
  .list_news .content .grid_box,
  .list_application .grid_box,
  .list_service .grid_box {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .list_message .content .msg-a3 {
    margin-top: 15px;
  }
  .list_message .content .msg-a1 {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  .list_message {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .list_contact_one .grid_box .grid_item {
    padding: 20px;
  }
  .list_contact_one .grid_box {
    grid-template-columns: 1fr;
  }
  .list_product .left {
    padding: 15px;
  }
  .page-banner .slide-text h2 {
    font-size: 22px;
  }
  .show_procontent .swiper_procont .procont_box .img img {
    width: 100% !important;
  }
  .show_procontent .swiper_procont .procont_box .img .i {
    display: none;
  }
  .show_product1 .right .swiper_moreimg .swiper-button-prev svg,
  .show_product1 .right .swiper_moreimg .swiper-button-next svg {
    width: 20px;
    height: 40px;
  }
  .show_procontent .swiper_procont .procont_box {
    padding-top: 30px;
  }
  .show_procontent .swiper_procont {
    padding-bottom: 2rem;
  }
  .show_procontent .grid_box2 {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .show_procontent .grid_box2 .grid_item {
    flex-wrap: wrap;
    padding: 20px 15px;
  }
  .show_procontent .grid_box2 .grid_item .over {
    width: 100%;
  }
  .show_procontent .grid_box2 .grid_item .text {
    width: 100%;
    padding-left: 0;
    padding-top: 15px;
  }
  .ptb {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .pt0 {
    padding-top: 0;
  }
  .pb0 {
    padding-bottom: 0;
  }
  .list_xgcp .swiper_xgpro .swiper-slide .xgpro_box .tt,
  .list_appli .swiper_appli .swiper-slide .appli_box .tit {
    padding-top: 1rem;
    font-size: 1.125rem;
    line-height: 1.5;
  }
  .show_procontent .grid_box2 .grid_item .text .tt {
    font-size: 1.25rem;
  }
  .show_procontent .lc_box ul li:nth-child(4),
  .show_procontent .lc_box ul li:nth-child(8) {
    display: block;
    text-align: center;
  }
  .show_procontent .lc_box ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
  .show_procontent .lc_box ul li .icon {
    width: 5rem;
    height: 5rem;
  }
  .show_procontent .lc_box ul li {
    width: auto;
    position: relative;
    top: unset !important;
    left: unset !important;
    right: unset !important;
    bottom: unset !important;
  }
  .show_procontent .lc_box {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .show_procontent .lc_box > .ta > img {
    display: none;
  }
  .show_procontent .swiper_procont .procont_box ul li {
    position: relative;
    top: unset !important;
    right: unset !important;
    left: unset !important;
    bottom: unset !important;
    width: 100%;
    height: auto;
    transform: unset !important;
    margin-top: 20px;
    padding: 15px;
    min-height: auto;
  }
  .page-banner .slide-text p {
    margin-top: 10px;
  }
  .show_product1 .right .swiper_moreimg .swiper-button-prev {
    left: 20px;
  }
  .show_product1 .right .swiper_moreimg .swiper-button-next {
    right: 20px;
  }
  .show_procontent .content h3 {
    font-size: 1.25rem;
  }
  .container.container_r {
    padding: 0 15px;
  }
  .show_product1 .left .btn_box .btn {
    font-size: 1.125rem;
  }
  .show_product1 .right {
    padding-left: 15px;
    margin-top: 20px;
  }
  .show_procontent2 .content .grid_box {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .show_procontent2 .content .grid_box .grid_item {
    padding: 15px;
  }
  .show_procontent2 .content .grid_box .grid_item .top_grid {
    gap: 15px;
  }
  .show_procontent2 .content .grid_box .grid_item .bottom_text .tt {
    font-size: 1.25rem;
  }
  .show_procontent .table_box table tr td:nth-child(1) {
    font-size: 1rem;
  }
  .show_procontent .table_box table tr td {
    padding: 10px 10px !important;
  }
  .show_product1 .left .title {
    font-size: 1.375rem;
    line-height: 1.5;
  }
  .show_procontent .swiper_proys .swiper-slide .proys_box .num {
    width: 5rem;
    height: 5rem;
    font-size: 2rem;
  }
  .show_procontent .swiper_proys .swiper-slide .proys_box .cont {
    margin-top: -30px;
    padding: 4.1875rem 2.1875rem;
    height: 20.25rem;
  }
  .show_product1 .ajhhsd,
  .show_product2 .ajhhsd {
    display: none;
  }
  .list_xgcp .swiper_xgpro {
    padding-bottom: 3rem;
  }
  .show_procontent .swiper_proys {
    padding-bottom: 3rem;
    margin: 1.375rem -1.875rem 0;
  }
  .show_product2 .content .title {
    font-size: 1.375rem;
    line-height: 1.5;
    margin-top: 1rem;
  }
  .list_product .right .product_list {
    padding-bottom: 50px;
  }
  .list_product .left .le_menu ul li a {
    padding-left: 2rem;
    font-size: 1.375rem;
    line-height: 4.5rem;
  }
  .list_product .right .product_list .title {
    font-size: 22px;
  }
  .list_product .right .product_list .product_box {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .list_product .right {
    padding-left: 15px;
    margin-top: 20px;
  }
  .page-banner .slide-text {
    width: 100%;
    padding: 30px 15px;
  }
  .page-banner .ajhhsd {
    display: none;
  }
  .index_seven .content ul li .item .text_box .le,
  .index_seven .content ul li .item .text_box .ri {
    width: 100%;
  }
  .index_seven .content ul li .item .text_box .ri {
    margin-top: 20px;
  }
  .index_seven .content ul li .item .text_box {
    flex-wrap: wrap;
  }
  .index_seven .content ul li .item {
    flex-wrap: wrap;
  }
  .index_seven .content ul li .item .ri_box {
    width: 100%;
  }
  .index_four .swiper_appli2 {
    padding-bottom: 3rem;
  }
  .index_seven .content ul li .item .time {
    width: 100%;
  }
  .index_seven .content ul li .item .tit {
    font-size: 1.25rem;
    line-height: 1.5;
    padding-bottom: 10px;
  }
  .index_seven {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .index_six {
    padding-top: 30px;
  }
  .index_six .top_box {
    position: relative;
    z-index: 99;
  }
  .index_six .top_box .ri .num_item h3,
  .index_six .top_box .ri .num_item p {
    text-align: center;
  }
  .index_six .content .text {
    font-size: 6rem;
  }
  .channel_pro_three {
    mask: unset;
  }
  .channel_pro_three {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .channel_pro_three .content.mt65 {
    margin-top: 0;
  }
  .index_six .lottie_outer-wrap {
    width: 90vw;
    height: 90vw;
  }
  .index_six .top_box .ri .num_item h3 {
    font-size: 2rem;
  }
  .index_six .top_box .ri .num_item.mt75 {
    margin-top: 0;
  }
  .index_six .top_box .ri .num_item {
    text-align: center;
  }
  .index_six .top_box .ri {
    margin-top: 30px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
  .index_six .top_box .le .title {
    font-size: 22px;
    line-height: 1.5;
  }
  .index_six .top_box .le .desc br {
    display: none;
  }
  .index_six .top_box {
    flex-wrap: wrap;
  }
  .index_five {
    padding-bottom: 30px;
  }
  .index_five .right .msg-a1 {
    grid-template-columns: 1fr;
  }
  .index_five .right {
    flex: unset;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .index_five .left {
    width: 100%;
  }
  .index_two .main-values-cover-circle {
    display: none;
  }
  .index_two .swiper_indexabout .main-values-cover-group {
    margin-top: -12rem;
    margin-left: -5rem;
  }
  .index_two .swiper_indexabout .main-values-cover1,
  .index_two .swiper_indexabout .main-values-cover2,
  .index_two .swiper_indexabout .main-values-cover-group {
    width: 10rem;
    height: 10rem;
  }
  .index_two .swiper_indexabout .indexabout .tit {
    font-size: 3.25rem;
  }
  .index_two .swiper_indexabout .indexabout .desc br {
    display: none;
  }
  .index_two .swiper_indexabout {
    width: 100%;
  }
  .swiper-pagination {
    justify-content: center;
  }
  .index_three .swiper_indexpro {
    padding-bottom: 3rem;
  }
  .index_two {
    padding-top: 30px;
  }
  .index_two .all_desc {
    font-size: 1rem;
    line-height: 1.5;
  }
  .index_two .all_desc br {
    display: none;
  }
  .index_four {
    padding-bottom: 30px;
  }
  .index_three .swiper_indexpro .swiper-slide .indexpro_box .top_box .desc {
    padding: 20px;
  }
  .index_three .swiper_indexpro .swiper-slide .indexpro_box .text .tit {
    padding-right: 2.5rem;
    font-size: 1.125rem;
  }
  .index_three .swiper_indexpro .btn_group {
    display: none;
  }
  .index_three .swiper_indexpro .swiper-slide .indexpro_box .text {
    padding-top: 20px;
  }
  .index_three .tabul {
    flex-wrap: wrap;
    gap: 1rem;
  }
  .index_three .tabul .tabli a,
  .index_three .tabul .tabli.active a,
  .index_three .tabul .tabli:hover a {
    font-size: 20px;
  }
  .index_three .ri {
    margin-top: 10px;
  }
  .all_title p {
    font-size: 1rem;
  }
  .all_title h3 {
    font-size: 22px;
    line-height: 1.5;
  }
  .banner .img {
    height: 65vh;
  }
  .banner .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .list_about_two .content .grid_box .grid_item {
    padding: 2rem 20px;
  }
  .list_about_two {
    padding-bottom: 30px;
  }
  .list_about_five .content .img {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .list_about_five .content .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .list_product {
    padding-top: 30px;
  }
  .list_about_four .container .right .swiper_honor {
    width: 100%;
    height: 300px;
  }
  .list_about_two .content .grid_box .grid_item .icon {
    width: 4rem;
    height: 4rem;
  }
  .list_about_two .content .grid_box .grid_item .tt {
    margin-top: 10px;
    font-size: 1.25rem;
  }
  .list_about_three .content ul li {
    padding: 20px 0;
  }
  .list_about_three .content ul li:hover .year {
    font-size: 1.25rem;
  }
  .list_about_three .content ul li .text {
    font-size: 1rem;
    line-height: 1.5;
  }
  .list_about_four .container .right .swiper_honor .swiper-slide img {
    height: 200px;
  }
  .list_about_five .content .text {
    position: relative;
    top: unset;
    transform: unset;
    left: unset;
    width: 100%;
    padding: 30px 15px;
  }
  .list_about_five .content .text .desc {
    width: 100%;
    margin-top: 1rem;
    font-size: 1rem;
  }
  .page-banner {
    margin-top: 60px;
  }
  .list_about_five {
    padding: 30px 0;
  }
  .list_about_three .content ul {
    padding-bottom: 5rem;
  }
  .list_about_four {
    padding-top: 30px;
  }
  .list_about_four .container {
    padding-right: 15px;
  }
  .list_about_three .content ul li:hover .year {
    color: #0C8DD9;
    font-family: Montserrat;
    font-size: 2.3125rem;
    font-weight: 600;
    line-height: 2.1875rem;
  }
  .list_about_three {
    padding-top: 30px;
  }
  .banner .hover .p1 {
    font-size: 1.25rem;
    line-height: 1.5;
  }
  .list_about_two .content .grid_box {
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
  }
  .show_news {
    margin-top: 60px;
  }
  .page-banner .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .page-banner {
    margin-top: 60px;
  }
  .banner .hover .p2 {
    font-size: 1rem;
    line-height: 1.5;
  }
  .banner .swiper-pagination {
    bottom: 20px;
  }
  .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;
  }
}