.bg {
  background: #1d9bc9;
}
.c {
  color: #1d9bc9;
}
.trans {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
@media (max-width: 1600px) {
  .index_four .right .Txt .phase6 {
    top: 97%;
  }
}
@media (max-width: 1440px) {
  .index_two .content {
    padding: 4.5rem 3.75rem 4.75rem;
  }
  .index_four .right .Txt .phase4 {
    width: 10rem;
    top: 45%;
    right: -23%;
  }
  .index_four .right .Txt .phase5 {
    top: 66%;
    right: -21.4%;
    width: 14.5rem;
  }
  .index_four .right .Txt .phase1 {
    left: 39.5%;
  }
  .list_about .left {
    padding-top: 4rem;
  }
}
@media (max-width: 1280px) {
  header .container {
    padding: 0 3rem;
  }
  .index_one .img1 {
    width: 38.375rem;
  }
  .margin .swiper-button-next {
    right: -5rem;
  }
  .margin .swiper-button-prev {
    left: -5rem;
  }
  .index_one .svg_text {
    height: 4rem;
  }
  .index_two .container {
    padding: 0 3rem;
  }
  .index_three .right {
    padding-left: 2rem;
  }
  .index_one .line_right {
    width: 3rem;
  }
  .index_four .right .Txt .phase3 .text,
  .index_four .right .Txt .phase4 .text,
  .index_four .right .Txt .phase5 .text,
  .index_four .right .Txt .phase6 .text {
    padding-left: 0.625rem;
    line-height: 1.375rem;
  }
  .index_four .right .shapeBox {
    position: relative;
    left: -3rem;
  }
  .index_four .right .Txt .phase3 {
    right: -18%;
  }
  .index_four .right .Txt .phase4 {
    top: 46.25%;
    right: -22.5%;
  }
  .index_four .right .Txt .phase5 {
    top: 67.5%;
    right: -22%;
  }
  .index_four .right .Txt .phase6 {
    top: 98%;
    right: -9%;
  }
  .list_about .text.mt30 {
    margin-top: 15px;
  }
  .list_about .number_ul {
    padding-right: 1rem;
    margin: 1rem 0 0;
  }
  .number_ul li .num {
    margin: 0.25rem 0 0.375rem;
  }
  .list_application > .img1 {
    height: 32rem;
  }
}
@media (max-width: 990px) {
  .banner video,
  .banner img {
    height: 70vh;
  }
  .banner .p1 {
    font-size: 36px;
    line-height: 40px;
  }
  .index_one .line_right {
    display: none;
  }
  .index_one {
    padding: 7rem 0;
  }
  .index_one .img1 {
    width: 22.375rem;
  }
  .index_one .margin {
    margin: 40px 0 0;
  }
  .index_one .margin .swiper-button-prev,
  .index_one .margin .swiper-button-next {
    display: none;
  }
  .index_one .swiper_pag {
    margin-top: 50px;
  }
  .index_one .text {
    -webkit-line-clamp: 2;
  }
  .index_one .svg_text {
    bottom: 1rem;
    height: 3rem;
  }
  .index_two .container {
    padding: 0;
  }
  .index_two .container .content {
    padding: 50px 15px;
    border-radius: 0;
  }
  .index_two .swiper_pag {
    margin-top: 50px;
  }
  .index_two .swiper_pag .swiper-pagination-bullet {
    border-color: #fff;
  }
  .index_two .swiper_pag .swiper-pagination-bullet-active {
    background: #fff;
  }
  .index_three .mt60 {
    margin-top: 30px;
  }
  .index_three .right {
    display: none;
  }
  .index_three .left .content {
    margin-top: 20px;
  }
  .index_three .swiper_pag {
    margin-top: 50px;
  }
  .index_three .left .over img {
    height: auto;
  }
  .index_three .img1 {
    bottom: 1.5625rem;
    height: 24rem;
  }
  .index_four .right .shapeBox {
    margin-top: 5rem;
  }
  .index_four .left .flex {
    margin-top: 30px;
  }
  .index_five .row > div.left {
    display: none;
  }
  .index_five .right .over img {
    height: auto;
  }
  .foot {
    display: block;
  }
  footer .top {
    display: none;
  }
  .index_three {
    padding-bottom: 5.5rem;
  }
  .index_five .img1 {
    height: 21.625rem;
  }
  footer .bot .left ul {
    flex-wrap: wrap;
  }
  footer .bot .left ul li:nth-child(3) {
    width: 100%;
  }
  footer .bot .left ul li:not(:last-child) {
    margin-bottom: 20px;
  }
  .list_about .right {
    display: none;
  }
  .list_about {
    margin-top: 0;
    padding-bottom: 5rem;
  }
  .number_ul li .num span {
    font-size: 3rem;
  }
  .list_about .number_ul {
    padding-right: 0;
    margin: 3rem 0 0;
  }
  .list_about .number_ul li {
    text-align: center;
  }
  .container.container_l {
    padding: 0 15px;
  }
  .title {
    font-size: 2.25rem;
    line-height: 3rem;
  }
  .list_about_three .hover .text {
    margin: 0.875rem 0 3rem;
  }
  .list_about_two .swiper-container .swiper-slide {
    padding-bottom: 1.4375rem;
  }
  .list_application .list1 {
    padding-top: 0.75rem;
  }
  .list_application .list1 .right {
    margin-top: 15px;
  }
  .list_application .list2 .text {
    padding: 0;
  }
  .list_application .list3 .row .left {
    margin-bottom: 20px;
  }
  .list_application .list3 .row .left ul li {
    padding: 15px 0;
  }
  .list_product .margin {
    width: 85%;
  }
  .list_product .leftimg_righttext > li:nth-child(even) .right {
    order: 1;
  }
  .list_product .leftimg_righttext > li:nth-child(even) .left {
    order: 2;
  }
  .list_service > img {
    height: 24rem;
  }
  .list_Technologies_two ul li a .font22 {
    font-size: 1.125rem;
  }
  .list_contact_two > .img {
    height: 30.9375rem;
  }
  .about_news .img1 {
    height: 31.8125rem;
  }
  .list_technology .leftimg_righttext .left {
    margin-top: 20px;
  }
  .list_technology .list1 .left {
    order: 2;
    margin-top: 15px;
  }
  .list_technology .list1 .right {
    order: 1;
  }
  .list_technology .leftimg_righttext > li:nth-child(even) .right {
    order: 1;
  }
  .list_technology .leftimg_righttext > li:nth-child(even) .left {
    order: 2;
  }
}
@media (max-width: 767px) {
  .banner .p1 {
    font-size: 26px;
    line-height: 32px;
  }
  .swiper_pag .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }
  .title {
    font-size: 24px;
    line-height: 30px;
  }
  .index_one {
    padding: 30px 0 40px;
  }
  .index_one .margin {
    margin: 20px 0 0;
  }
  .index_one .name {
    font-size: 18px;
    padding-bottom: 10px;
  }
  .index_one .swiper-slide .row > div {
    padding: 0;
  }
  .index_one .text {
    margin: 10px 0 15px;
  }
  .index_one .swiper-slide .row > div:nth-child(2) {
    margin-top: 25px;
  }
  .index_one .swiper_pag {
    margin-top: 20px;
  }
  .index_one .svg_text {
    bottom: 0;
    height: 1.875rem;
  }
  .index_two .container .content {
    padding: 30px 15px;
  }
  .index_two .content .margin {
    margin: 20px -10px;
  }
  .index_two .content .margin .swiper-slide {
    padding: 0 10px;
  }
  .index_two .content .margin .swiper_pag {
    margin-top: 20px;
  }
  .index_two > img {
    bottom: -9rem;
    width: 11.125rem;
  }
  .index_two .content .icon {
    width: 5.9375rem;
    height: 5.9375rem;
  }
  .index_two .content .icon img:nth-child(2) {
    width: 2.5rem;
    height: 2.5rem;
  }
  .index_two .content .name {
    height: 3.75rem;
  }
  .index_three {
    padding: 30px 0;
  }
  .index_three .img1 {
    bottom: 1.5625rem;
    height: 14rem;
    z-index: -1;
  }
  .index_three .name {
    font-size: 1.375rem;
    color: #414141;
    line-height: 26px;
  }
  .index_three .swiper_pag {
    margin-top: 20px;
  }
  .index_three .mt60 {
    margin-top: 20px;
  }
  .index_four .left .name {
    padding: 30px 0 15px;
  }
  .index_four .left .text {
    margin-bottom: 15px;
  }
  .index_four .right .shapeBox {
    display: none;
  }
  .index_four .left .flex {
    margin-top: 20px;
  }
  .index_five .row.mt50 {
    margin-top: 20px;
  }
  .squera_news .name {
    font-size: 18px;
    line-height: 26px;
  }
  .index_five .right .name {
    margin: 15px 0 5px;
  }
  .index_five .row > div:not(:last-child) {
    margin-bottom: 20px;
  }
  .squera_news .data {
    margin-top: 10px;
  }
  .index_five .img1 {
    height: 13.625rem;
    z-index: -1;
  }
  .index_five .mt60 {
    margin-top: 20px;
  }
  .index_five {
    padding-bottom: 30px;
  }
  footer {
    padding: 20px 0 0;
  }
  footer .bot {
    flex-wrap: wrap;
  }
  footer .bot .left {
    width: 100%;
    padding-right: 0;
    margin-bottom: 20px;
  }
  .bread {
    display: none;
  }
  .list_about .left {
    padding-top: 30px;
  }
  .list_about .number_ul {
    align-items: flex-start;
  }
  .number_ul li .num span {
    font-size: 2rem;
  }
  .number_ul li .icon img {
    height: 2.375rem;
  }
  .number_ul li .num {
    margin: 10px 0 5px;
  }
  .number_ul li .text {
    font-size: 12px;
  }
  .list_about .number_ul {
    margin: 2rem 0 0;
  }
  .list_about_three .hover {
    position: static;
    transform: translateY(0%);
  }
  .list_about_three .hover .text {
    width: 100%;
    margin: 5px 0 10px;
  }
  .list_about_three {
    padding-top: 30px;
  }
  .list_about_three .hover {
    margin-bottom: 20px;
  }
  .list_about_two .swiper-container .swiper-slide.swiper-slide-next::before {
    display: none;
  }
  .list_about_two .swiper-slide.swiper-slide-active::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: #1d9bc9;
  }
  .list_about_two .swiper-slide.swiper-slide-active .year {
    color: #393939;
  }
  .list_about_two .swiper-slide.swiper-slide-active .text {
    opacity: 1;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    width: 100%;
  }
  .list_about_two .swiper-container {
    margin-top: 2rem;
  }
  .list_about_two .swiper-container .year {
    padding-top: 0;
  }
  .list_about_two .right .swiper-button-next {
    margin-left: 0.5rem;
  }
  .list_application .list1 {
    padding-top: 30px;
  }
  .list_application .list1 .mt45 {
    margin-top: 20px;
  }
  .list_application .list1 .name {
    margin-bottom: 5px;
  }
  .list_application > .img1 {
    height: 16rem;
  }
  .list_application .list2 {
    padding-top: 1.875rem;
  }
  .list_application .list2 .title {
    margin-bottom: 20px;
  }
  .list_application .list2 ul {
    margin: 0;
  }
  .list_application .list2 ul li {
    display: flex;
    padding: 0;
  }
  .list_application .list2 ul li:not(:last-child) {
    margin-bottom: 20px;
  }
  .list_application .list2 ul li .icon {
    width: 50px;
  }
  .list_application .list2 ul li .con {
    width: calc(100% - 50px);
    padding-left: 15px;
  }
  .list_application .list2 ul li .con div {
    text-align: left;
  }
  .list_application .list2 ul li .con .name {
    margin-bottom: 0;
  }
  .list_application .list2 ul li .con .text {
    line-height: 22px;
  }
  .list_application .list3 .row {
    margin-top: 20px;
  }
  .list_application .list3 .row .left div {
    font-size: 1rem;
    font-weight: 500;
  }
  .list_application .list3 .row .left ul li {
    padding: 10px 0;
  }
  .list_application .list4 .subtitle {
    margin: 10px 0;
  }
  table td {
    padding: 1rem 1rem !important;
    white-space: nowrap;
  }
  table {
    margin-top: 20px;
  }
  .list_contact .hover .content {
    width: 100%;
    backdrop-filter: none;
    padding: 20px;
  }
  .list_contact .hover .content .text {
    margin: 15px 0;
  }
  .list_contact .hover .content .ul {
    margin-bottom: 2.25rem;
  }
  .list_contact_two form input,
  .list_contact_two form select {
    height: 40px;
    line-height: 40px;
  }
  .list_contact_two form button {
    line-height: 44px;
  }
  .list_contact_two form .row > div.mb35 {
    margin-bottom: 20px;
  }
  .ptb.pt_bread {
    padding-top: 30px;
  }
  .list_news .name {
    margin: 15px 0 5px;
  }
  .list_news .ul li {
    margin-bottom: 25px;
  }
  .list_support .ul li a {
    padding: 15px;
  }
  .list_support .ul li .name {
    font-size: 18px;
  }
  .list_support .ul li .more_a {
    width: 3rem;
    height: 3rem;
  }
  .list_support .ul li {
    margin-bottom: 1.5rem;
  }
  .list_product .margin {
    width: 100%;
    margin: 30px 0 20px;
  }
  .list_product .margin .swiper_pag {
    margin-top: 30px;
  }
  .list_product .margin .swiper-button-prev,
  .list_product .margin .swiper-button-next {
    display: none;
  }
  .list_product .leftimg_righttext {
    padding-top: 30px;
  }
  .list_product > .img1,
  .list_technology > .img1 {
    height: 15rem;
  }
  .list_product .leftimg_righttext .name {
    font-size: 18px;
    padding-top: 10px;
    line-height: 28px;
  }
  .list_product .leftimg_righttext .text {
    margin-top: 10px;
  }
  .list_product .leftimg_righttext > li:not(:last-child) {
    margin-bottom: 30px;
  }
  .list_product > .img2,
  .list_technology > .img2 {
    height: 17.9375rem;
  }
  .list_service video {
    margin: 20px 0;
  }
  .list_service .ul {
    margin-top: 30px;
  }
  .list_service .ul li .name {
    font-size: 18px;
    padding: 0;
    margin: 10px 0 5px;
  }
  .list_service .ul li .text {
    line-height: 24px;
  }
  .list_service .ul li:not(:last-child) {
    margin-bottom: 20px;
  }
  .list_service .list3 .swiper-container {
    margin-top: 15px;
    margin-bottom: 20px;
  }
  .list_service .list4 .name,
  .list_service .list4 .text {
    font-size: 12px;
    line-height: 16px;
    height: 48px;
  }
  .list_service .list4 .tips {
    margin-top: 1rem;
  }
  .list_service .list4 .icon {
    width: 2.4375rem;
    height: 2.4375rem;
  }
  .list_service .list4 .icon div {
    width: 0.75rem;
    height: 0.75rem;
    border: 0.25rem solid #313131;
  }
  .list_service .list4 ul {
    margin-top: 20px;
  }
  .list_Technologies_two ul li a {
    padding: 15px;
    height: auto;
  }
  .list_Technologies_two .mt45 {
    margin-top: 0;
  }
  .list_Technologies_two ul {
    margin: 15px 0 0;
  }
  .list_Technologies_two ul li {
    padding: 0;
  }
  .list_Technologies_two ul li:not(:last-child) {
    margin-bottom: 20px;
  }
  .list_contact_two > .img {
    height: 22.9375rem;
  }
  .list_service > img {
    height: 17rem;
  }
  .about_news .img1 {
    height: 20rem;
  }
  .show_news .data {
    flex-wrap: wrap;
    margin: 15px -8px;
    line-height: 24px;
  }
  .show_news .margin.text {
    padding-bottom: 15px;
  }
  .show_news .shangxia .l {
    padding-right: 0;
    line-height: 30px;
  }
  .about_news .margin .swiper-slide .name {
    margin: 15px 0 5px;
  }
  .mt50.swiper_pag {
    margin-top: 20px;
  }
  .about_news .margin {
    margin-top: 15px;
  }
  .list_technology .list1 .left .text {
    margin-top: 5px;
  }
  .list_technology .list1 .left .title {
    font-size: 20px;
  }
  .list_technology .margin {
    margin: 15px 0 20px;
  }
  .leftimg_righttext > li .name {
    font-size: 20px;
    line-height: 30px;
  }
  .list_technology .list:not(:last-child) {
    margin-bottom: 15px;
  }
  .list_technology .leftimg_righttext > li:not(:last-child) {
    margin-bottom: 30px;
  }
}