@media only screen and (max-width: 1680px) {
  .icon-btn {
    width: 50px;
    height: 50px;
  }
  .icon-btn .cir-svg {
    width: 50px;
    height: 50px;
  }
  .icon-btn .cir-svg circle {
    cx: 25;
    cy: 25;
    r: 24;
  }
  .loading .percent {
    font-size: 60px;
  }
  .main1 {
    margin-top: 100px;
    padding-bottom: 110px;
  }
  .main1 .date {
    font-size: 230px;
  }
  .main2-swiper {
    height: 240px;
  }
  .main2-swiper .icon {
    width: 40px;
    height: 40px;
  }
  .main2-swiper .icon i {
    font-size: 14px;
  }
  .main3 {
    margin-bottom: 150px;
  }
  .main3-item {
    padding: 53px 0 35px;
  }
  .about-t {
    padding-top: 100px;
  }
  .hisT-swiper .txt .year {
    font-size: 100px;
  }
  .member .member-sub {
    padding: 52px 0 42px;
  }
  .member .member-sub h3 {
    margin-bottom: 10px;
  }
  .member .mem-item {
    padding-top: 50px;
    padding-bottom: 40px;
  }
  .vr .icon i {
    font-size: 40px;
  }
  .vr p {
    margin: 15px 0 35px;
  }
  .culture .culture-swiper .icon {
    margin-bottom: 25px;
  }
  .duty-wrap .next,
  .qysp-wrap .next {
    right: -90px;
  }
  .duty-wrap .prev,
  .qysp-wrap .prev {
    left: -90px;
  }
  .news-swiper .txt {
    padding: 50px 3.2% 63px 6.6%;
  }
  .news-swiper .txt > p {
    margin-bottom: 40px;
  }
  .new-item {
    padding: 48px 1.9% 62px 2.7%;
  }
  .new-item .titName {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  .new-item h4 {
    height: 64px;
  }
  .new-item .more {
    margin-top: 60px;
  }
  .news-wrap {
    margin-bottom: 150px;
  }
  .pro-intro {
    padding-top: 100px;
    margin-bottom: 120px;
  }
  .pro-intro .txt h3 {
    margin-bottom: 22px;
  }
  .pro-intro .txt .line {
    height: 4px;
  }
  .solution1 .product-items {
    margin-bottom: 80px;
  }
  .solution1 .product-item {
    padding: 35px 0 30px 6.25%;
  }
  .solution1 .product-item:not(:last-of-type) {
    margin-bottom: 50px;
  }
  .solution2 {
    width: 70vw;
    margin-right: 10vw;
  }
  .solution3 {
    width: 70vw;
    margin-right: 10vw;
  }
  .solu-swiper {
    margin-top: 40px;
    padding-bottom: 44px;
  }
  .investor {
    margin-bottom: 150px;
  }
  .inve-tit span {
    width: 180px;
    height: 56px;
    line-height: 56px;
  }
  .invest-items {
    margin-bottom: 80px;
  }
  .invest-item {
    padding: 30px 0 30px 4.2%;
  }
  .media {
    padding-top: 110px;
    padding-bottom: 130px;
  }
}
@media only screen and (max-width: 1600px) {
  .duty-wrap .next,
  .qysp-wrap .next {
    right: -60px;
  }
  .duty-wrap .prev,
  .qysp-wrap .prev {
    left: -60px;
  }
  .pro-intro {
    padding-left: 15vw;
    padding-right: 8.4%;
  }
  .solution1 .productR {
    margin-right: 15vw;
  }
}
@media only screen and (max-width: 1440px) {
  .in-more {
    padding-bottom: 8px;
  }
  .in-more i {
    font-size: 16px;
    margin-left: 16px;
  }
  .loading .percent {
    font-size: 52px;
  }
  .in-tit h3 {
    margin-bottom: 15px;
  }
  .banner .scroll {
    left: 10vw;
  }
  .banner .scroll p {
    margin-bottom: 15px;
  }
  .banner .scroll .line {
    height: 40px;
  }
  .banner .arrow {
    right: 10vw;
  }
  .ban-swiper .swiper-slide .p2 {
    margin-bottom: 25px;
  }
  .main1 {
    margin-top: 100px;
    padding-bottom: 110px;
  }
  .main1 .date {
    bottom: -50px;
    font-size: 180px;
  }
  .main1 .intro {
    margin-bottom: 40px;
  }
  .main2 .txt {
    top: 60px;
  }
  .main2 .txt .in-more {
    margin-top: 30px;
  }
  .main2-swiper {
    height: 220px;
  }
  .main3-item.cur {
    padding-top: 100px;
    padding-bottom: 120px;
  }
  .aboutR {
    padding-right: 10vw;
  }
  .about-t .nums {
    margin-top: 60px;
  }
  .aboutL .item {
    width: 400px;
    height: 50px;
    padding-left: 5.1%;
  }
  .aboutL .item i {
    font-size: 20px;
    margin-right: 20px;
  }
  .about-item .tit {
    padding-bottom: 25px;
  }
  .dsz {
    padding-top: 100px;
  }
  .dsz .dsz-items .com-tit {
    margin-bottom: 40px;
  }
  .dsz .dsz-tit {
    margin-bottom: 10px;
  }
  .dsz .dsz-tit .img {
    width: 30px;
  }
  .history {
    padding-top: 100px;
  }
  .hisT-swiper .txt .year {
    font-size: 80px;
  }
  .hisT-swiper .his-intro {
    height: 260px;
  }
  .his-b .pagi {
    margin-bottom: 15px;
  }
  .member .member-sub {
    padding: 42px 0 32px;
    margin-top: 40px;
  }
  .partner .hb-swiper .swiper-slide {
    height: calc((100% - 40px) / 3);
  }
  .partner .pagi {
    margin-top: 50px;
  }
  .vr .icon i {
    font-size: 34px;
  }
  .vr-wrap .more {
    margin-top: 25px;
  }
  .culture .com-tit p {
    margin-top: 25px;
  }
  .culture .culture-swiper .icon {
    margin-bottom: 20px;
  }
  .culture .culture-swiper i {
    font-size: 38px;
  }
  .culture .culture-swiper .swiper-slide .culture-item {
    top: 74.8%;
  }
  .duty {
    padding-top: 100px;
    padding-bottom: 120px;
  }
  .duty-swiper .txt {
    top: 50%;
    transform: translateY(-50%);
    padding: 50px 2% 40px 3.9%;
  }
  .duty-swiper .more {
    margin-top: 30px;
  }
  .duty-wrap .next,
  .qysp-wrap .next {
    right: -80px;
  }
  .duty-wrap .prev,
  .qysp-wrap .prev {
    left: -80px;
  }
  .qysp {
    padding-top: 100px;
    margin-bottom: 100px;
  }
  .qysp-swiper .icon {
    width: 66px;
    height: 66px;
  }
  .qysp-swiper .icon i {
    font-size: 66px;
  }
  .news-swiper .txt {
    padding: 40px 3.2% 53px 6.6%;
  }
  .news-swiper .txt > p {
    margin-bottom: 35px;
  }
  .news-swiper .date {
    margin-bottom: 30px;
    padding-bottom: 10px;
  }
  .news-items {
    margin-bottom: 50px;
  }
  .new-item .titName {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .news-wrap {
    margin-bottom: 120px;
  }
  .position {
    margin-bottom: 100px;
  }
  .infoList .title {
    margin-bottom: 30px;
  }
  .infoList .date {
    padding-bottom: 30px;
  }
  .infoList .page {
    padding: 60px 0 100px;
  }
  .sub-Pro li {
    margin-bottom: 30px;
  }
  .sub-Pro a {
    padding-left: 30px;
  }
  .product {
    padding-bottom: 120px;
  }
  .pro-intro {
    padding: 100px 5.4% 0 10vw;
    margin-bottom: 100px;
  }
  .solution1 .productR {
    margin-right: 10vw;
  }
  .solution1 .product-item:not(:last-of-type) {
    margin-bottom: 40px;
  }
  .solution1 .product-item::before {
    height: 8px;
  }
  .solution1 .product-item .name {
    margin-top: 10px;
    margin-bottom: 25px;
  }
  .solution2 .product-items {
    margin-bottom: 40px;
  }
  .solution2 .product-item {
    margin-bottom: 40px;
  }
  .solution3 {
    margin-right: 5vw;
  }
  .investor {
    margin-bottom: 120px;
  }
  .inve-tit {
    border-bottom-width: 3px;
  }
  .invest-items {
    margin-bottom: 60px;
  }
  .talent {
    margin-bottom: 110px;
  }
  .talent-item:not(:last-of-type) {
    margin-bottom: 40px;
  }
  .talent-item .txt .com-tit {
    margin-bottom: 60px;
  }
  .talent-item .item .wl {
    font-size: 22px;
    margin-right: 15px;
  }
  .talent-item .item .jt {
    margin-left: 40px;
  }
  .contact-l .item .icon {
    width: 50px;
    height: 50px;
  }
  .onlineMess .form-t input {
    height: 50px;
  }
  .onlineMess textarea {
    height: 256px;
    padding: 15px;
  }
  .onlineMess input,
  .onlineMess textarea {
    padding-left: 15px;
    padding-right: 15px;
  }
  .onlineMess .btn {
    width: 200px;
    height: 48px;
  }
  .media {
    padding-top: 100px;
    padding-bottom: 110px;
  }
  .media-item {
    width: 200px;
    margin-top: 50px;
    margin-right: 100px;
  }
  .media-item .img {
    height: 200px;
  }
  .media-item p {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 1280px) {
  .loading .percent {
    font-size: 40px;
  }
  .main1 .date {
    font-size: 150px;
  }
  .main3-item.cur {
    padding-top: 90px;
    padding-bottom: 110px;
  }
  .main2-swiper {
    height: 200px;
  }
  .hisT-swiper .txt .year {
    font-size: 60px;
  }
  .hisT-swiper .his-intro {
    height: 230px;
  }
  .member .mem-item {
    padding-top: 40px;
    padding-bottom: 35px;
  }
  .member .mem-item h3 {
    margin-bottom: 15px;
  }
  .vr p {
    margin-bottom: 25px;
  }
  .duty-wrap .next,
  .qysp-wrap .next {
    right: -55px;
  }
  .duty-wrap .prev,
  .qysp-wrap .prev {
    left: -55px;
  }
  .news-swiper .date {
    margin-bottom: 20px;
  }
  .product {
    padding-top: 80px;
    padding-bottom: 100px;
  }
  .solution1 .productR {
    margin-right: 10vw;
  }
  .solution1 .product-items {
    margin-bottom: 60px;
  }
  .solution1 .product-item {
    padding: 30px 0 25px 6.25%;
  }
  .solution1 .product-item:not(:last-of-type) {
    margin-bottom: 30px;
  }
  .solution1 .product-item .name {
    margin-top: 10px;
    margin-bottom: 25px;
  }
  .solution1 .product-item .des {
    margin-bottom: 40px;
  }
  .solution2 {
    margin-right: 5vw;
  }
  .solution2 .product-item {
    margin-bottom: 30px;
  }
  .onlineMess .form-t input {
    height: 48px;
  }
  .onlineMess textarea {
    height: 236px;
  }
  .onlineMess .btn {
    width: 180px;
    height: 46px;
  }
}
@media only screen and (max-width: 1260px) {
  .solution2 {
    width: 65vw;
  }
  .new-item h4 {
    height: 58px;
  }
}
@media only screen and (max-width: 1024px) {
  .icon-btn {
    width: 46px;
    height: 46px;
  }
  .icon-btn .cir-svg {
    width: 46px;
    height: 46px;
  }
  .icon-btn .cir-svg circle {
    cx: 23;
    cy: 23;
    r: 22;
  }
  .icon-btn i {
    font-size: 14px;
  }
  .loading .bg-svg {
    left: 50%;
    top: -15%;
    transform: translateX(-50%);
    height: 100%;
    width: 200%;
  }
  .loading .logo1 {
    width: 23.2%;
  }
  .loading .logo2 {
    right: 8.4%;
  }
  .banner {
    margin-top: 50px;
  }
  .banner .swiper-slide .p2 {
    margin-top: 8px;
    margin-bottom: 15px;
  }
  .banner .scroll {
    left: 5vw;
  }
  .banner .arrow {
    right: 5vw;
  }
  .main1 {
    margin-top: 80px;
    padding-bottom: 100px;
  }
  .main1 .date {
    font-size: 120px;
    bottom: -30px;
  }
  .main1 .intro {
    margin-bottom: 25px;
  }
  .main2-swiper {
    height: 140px;
  }
  .main2-swiper .swiper-slide.cur .icon {
    bottom: -60px;
    width: 36px;
    height: 36px;
  }
  .main2-swiper .icon-btn {
    display: block;
  }
  .main3 {
    margin-bottom: 100px;
  }
  .main3-item {
    padding: 35px 0 25px;
  }
  .main3-item.cur {
    padding-top: 60px;
    padding-bottom: 80px;
  }
  .about-t .des {
    width: 100%;
  }
  .aboutL .item {
    width: 350px;
  }
  .aboutL .item:not(:last-of-type) {
    margin-bottom: 15px;
  }
  .aboutL .item i {
    margin-right: 10px;
  }
  .aboutR {
    padding-right: 5vw;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .about-item .tit {
    padding-bottom: 20px;
  }
  .about-item .tit::after {
    height: 2px;
  }
  .dsz {
    padding-bottom: 100px;
  }
  .culture .culture-swiper .icon {
    height: 30px;
    margin-bottom: 15px;
  }
  .culture .culture-swiper i {
    font-size: 30px;
  }
  .culture .culture-swiper .swiper-slide:hover p {
    margin-top: 20px;
  }
  .activi-wrap {
    margin-top: 40px;
  }
  .duty {
    padding-top: 80px;
    padding-bottom: 100px;
  }
  .duty .com-tit {
    margin-bottom: 40px;
  }
  .duty-swiper .txt {
    padding: 40px 2% 30px 3.9%;
  }
  .duty-swiper h3 {
    padding-right: 0;
  }
  .duty-swiper p {
    -webkit-line-clamp: 3;
  }
  .duty .c1,
  .qysp .c1 {
    padding: 0 55px;
  }
  .duty-wrap .next,
  .qysp-wrap .next {
    right: -55px;
  }
  .duty-wrap .prev,
  .qysp-wrap .prev {
    left: -55px;
  }
  .qysp {
    padding-top: 80px;
  }
  .qysp .com-tit {
    margin-bottom: 40px;
  }
  .qysp-swiper .icon {
    width: 60px;
    height: 60px;
  }
  .qysp-swiper .icon i {
    font-size: 60px;
  }
  .news-t .swi-pagi {
    margin-top: 40px;
  }
  .news-t .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 5px !important;
  }
  .news-wrap {
    margin-bottom: 100px;
  }
  .new-item {
    width: 48%;
    margin-right: 2%;
    margin-bottom: 25px;
  }
  .new-item:nth-of-type(3n) {
    margin-right: 2%;
  }
  .new-item:nth-of-type(2n) {
    margin-right: 0;
  }
  .news-swiper h3 {
    max-height: 51px;
  }
  .notices {
    margin: 80px auto;
  }
  .notice-items {
    margin-bottom: 80px;
  }
  .notice-item {
    padding-bottom: 30px;
  }
  .notice-item:not(:first-of-type) {
    padding-top: 30px;
  }
  .notice-item .date {
    width: 100px;
    height: 100px;
  }
  .position {
    margin-bottom: 80px;
  }
  .position a:not(:last-of-type) {
    margin-right: 40px;
  }
  .position a:not(:last-of-type)::after {
    right: -25px;
  }
  .infoList .title {
    margin-bottom: 20px;
  }
  .infoList .info {
    padding-bottom: 80px;
  }
  .infoList .page {
    padding: 40px 0 80px;
  }
  .sub-Pro {
    display: none;
  }
  .sub-Pro li {
    margin-bottom: 20px;
  }
  .sub-Pro a {
    padding-left: 20px;
  }
  .pro-intro {
    padding: 80px 5vw 0 5vw;
    margin-bottom: 80px;
  }
  .solution1 .productR {
    width: 90vw;
    margin: 0 auto;
  }
  .solution1 .product-item::before {
    height: 6px;
  }
  .solution1 .paging {
    justify-content: center;
  }
  .solution2 {
    width: 90vw;
    margin: 0 auto;
  }
  .solution2 .product-items {
    margin-bottom: 20px;
  }
  .solution3 {
    width: 90vw;
    margin: 0 auto;
  }
  .solution3 .solu-item {
    margin-bottom: 60px;
  }
  .investor {
    margin-top: 80px;
    margin-bottom: 100px;
  }
  .inve-tit {
    border-bottom-width: 2px;
  }
  .inve-tit span {
    width: 160px;
    height: 52px;
    line-height: 52px;
  }
  .invest-item {
    padding: 25px 0 25px 4.2%;
  }
  .talent-item .img img {
    min-height: 360px;
    object-fit: cover;
  }
  .talent-item .zp:not(:last-of-type) {
    margin-bottom: 15px;
  }
  .contact {
    margin: 80px auto;
  }
  .contact-l .item:not(:last-of-type) {
    margin-bottom: 25px;
  }
  .contact-l .item .icon {
    width: 46px;
    height: 46px;
  }
  .contact-l .item .icon i {
    font-size: 14px;
  }
  .contact-r .lxwm-item .img {
    width: 100px;
    height: 100px;
    margin-top: 15px;
  }
  .onlineMess {
    padding: 100px 0;
  }
  .onlineMess .com-tit {
    margin-bottom: 60px;
  }
  .onlineMess .com-tit p {
    margin-top: 20px;
  }
  .onlineMess input,
  .onlineMess textarea {
    font-size: 15px;
  }
  .onlineMess input::placeholder,
  .onlineMess textarea::placeholder {
    font-size: 15px;
  }
  .onlineMess input::-webkit-input-placeholde,
  .onlineMess textarea::-webkit-input-placeholde {
    font-size: 15px;
  }
  .onlineMess input:-ms-input-placeholder,
  .onlineMess textarea:-ms-input-placeholder {
    font-size: 15px;
  }
  .onlineMess textarea {
    height: 200px;
  }
}
@media only screen and (max-width: 860px) {
  .loading .logo2 {
    right: 13.4%;
  }
  .in-tit h3 {
    margin-bottom: 10px;
  }
  .main1 {
    flex-direction: column;
  }
  .main1 .main1R {
    width: 100%;
    margin-top: 25px;
  }
  .main2 .main2-item img {
    min-height: 400px;
    object-fit: cover;
  }
  .main2 .txt {
    top: 40px;
  }
  .main2 .txt .in-more {
    margin-top: 20px;
  }
  .about-t {
    padding-top: 80px;
  }
  .about-b {
    flex-direction: column;
  }
  .aboutL {
    width: 100%;
  }
  .aboutR {
    width: 100%;
  }
  .dsz {
    padding-bottom: 40px;
  }
  .dsz .dsz-items {
    width: 100%;
  }
  .dsz .dsz-2 {
    width: 60%;
  }
  .dsz .dsz-2 .intro {
    max-height: 200px;
    overflow-y: scroll;
    padding-right: 2%;
  }
  .dsz .dsz-2 .intro table tr {
    display: flex;
    flex-direction: column;
  }
  .dsz .dsz-2 .intro table td {
    width: 100%;
  }
  .dsz .dsz-img {
    bottom: 0;
    right: -10%;
    width: 50%;
  }
  .history {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .his-t {
    margin-top: 60px;
    margin-bottom: 0;
  }
  .hisT-swiper .swiper-slide {
    flex-direction: column;
  }
  .hisT-swiper .img {
    width: 100%;
  }
  .hisT-swiper .txt {
    width: 100%;
  }
  .hisT-swiper .txt::before {
    right: 3.9%;
  }
  .his-b {
    display: none;
  }
  .member {
    margin-top: 80px;
  }
  .partner {
    padding-top: 80px;
  }
  .vr {
    margin-top: 80px;
  }
  .culture .culture-swiper .swiper-slide .icon {
    margin-bottom: 10px;
  }
  .culture .culture-swiper .swiper-slide .culture-item {
    top: 67.8%;
  }
  .culture .culture-swiper .swiper-slide p {
    font-size: 14px;
  }
  .culture .culture-swiper .swiper-slide:hover .culture-item {
    top: 50%;
  }
  .culture .culture-swiper .swiper-slide:hover p {
    margin-top: 10px;
  }
  .duty-swiper .swiper-slide {
    flex-direction: column;
  }
  .duty-swiper .img {
    width: 100%;
  }
  .duty-swiper .txt {
    position: relative;
    width: 100%;
    transform: translate(0);
    padding: 30px 2% 20px 3.9%;
  }
  .duty-swiper h3 {
    margin-bottom: 10px;
  }
  .duty-swiper p {
    -webkit-line-clamp: 2;
  }
  .activi-wrap .arrow {
    margin-top: 40px;
  }
  .news-t {
    padding-top: 80px;
  }
  .new-item {
    padding: 30px 1.9% 40px 2.7%;
  }
  .new-item .date {
    margin-bottom: 15px;
  }
  .new-item .more {
    margin-top: 40px;
  }
  .pro-intro {
    flex-direction: column;
  }
  .pro-intro .txt {
    width: 100%;
    margin-bottom: 40px;
  }
  .pro-intro .img {
    max-width: 80%;
    width: auto;
    margin: 0 auto;
  }
  .sub-Pro {
    display: none;
  }
  .solution1 .product-items {
    margin-bottom: 40px;
  }
  .solution1 .product-item {
    padding: 20px 0 20px 5%;
  }
  .solution1 .product-item:not(:last-of-type) {
    margin-bottom: 30px;
  }
  .solution2 .product-item {
    width: 48%;
    margin-right: 4%;
  }
  .solution2 .product-item:nth-of-type(3n) {
    margin-right: 4%;
  }
  .solution2 .product-item:nth-of-type(2n) {
    margin-right: 0;
  }
  .media {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .media-item {
    width: 160px;
    margin-top: 40px;
    margin-right: 50px;
  }
  .media-item .img {
    height: 160px;
  }
  .media-item p {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 640px) {
  .icon-btn {
    width: 40px;
    height: 40px;
  }
  .icon-btn .cir-svg {
    width: 40px;
    height: 40px;
    display: none;
  }
  .icon-btn .cir-svg circle {
    cx: 20;
    cy: 20;
    r: 19;
  }
  .icon-btn i {
    font-size: 14px;
  }
  .icon-btn:hover {
    border-color: #07466A;
  }
  .loading .bg-svg {
    transform: translateX(-50%) rotate(45deg);
    width: 350%;
  }
  .loading .logo2 {
    right: 16.4%;
  }
  .banner img {
    min-height: 300px;
    object-fit: cover;
  }
  .banner .prev {
    margin-bottom: 10px;
  }
  .banner .icon-btn:hover {
    border-color: #A7FCFF;
  }
  .main3-items {
    margin-top: 60px;
  }
  .main3-item {
    padding-top: 25px;
    flex-direction: column;
  }
  .main3-item .txt {
    display: none;
  }
  .main3-item .img {
    border-radius: 8px;
  }
  .main3-item .mo-txt {
    position: relative;
    bottom: auto;
    width: 100%;
    transform: translateY(0);
    margin-top: 20px;
    opacity: 1;
    visibility: visible;
  }
  .main3-item .moRtxt {
    padding-left: 5%;
    padding-right: 0;
  }
  .main3-item.cur {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .main3-item.cur .date * {
    color: #2C2C31;
  }
  .about-t {
    margin-bottom: 60px;
  }
  .about-t .nums {
    flex-wrap: wrap;
  }
  .about-t .num-item {
    width: 50%;
    margin-bottom: 20px;
  }
  .hisT-swiper {
    width: 90%;
  }
  .hisT-swiper .txt .intro li {
    margin-bottom: 10px;
  }
  .his-t .icon-btn {
    border: 0;
    width: auto;
    height: auto;
  }
  .his-t .icon-btn i {
    font-size: 16px;
  }
  .his-t .icon-btn .cir-svg {
    display: none;
  }
  .his-t .prev {
    left: 0;
  }
  .his-t .next {
    right: 0;
  }
  .member .member-sub {
    padding: 32px 0 22px;
  }
  .member .mem-item {
    width: 100%;
    margin-right: 0;
  }
  .partner .com-tit p {
    width: 100%;
  }
  .partner .hb-swiper {
    height: 450px;
  }
  .partner .hb-swiper .swiper-slide {
    height: calc((100% - 20px) / 3);
  }
  .vr .icon i {
    font-size: 28px;
  }
  .dzz {
    padding: 80px 0 90px;
  }
  .dzz .c1 {
    flex-direction: column;
  }
  .dzz .dzzL {
    width: 100%;
  }
  .dzz .dzzL .intro {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .dzz .dzzR {
    width: 100%;
    margin-top: 30px;
  }
  .dzz .dzzR img {
    max-height: 300px;
    object-fit: cover;
  }
  .culture .com-tit p {
    margin-top: 15px;
  }
  .culture .img img {
    min-height: 300px;
    object-fit: cover;
  }
  .activity {
    margin-top: 80px;
  }
  .activity-swiper p {
    max-height: 54px;
  }
  .duty-swiper h3 {
    max-height: 55px;
  }
  .duty-swiper p {
    max-height: 51px;
  }
  .qysp-swiper .icon {
    width: 50px;
    height: 50px;
    display: none;
  }
  .qysp-swiper .icon i {
    font-size: 50px;
  }
  .qysp-swiper p {
    margin-top: 15px;
  }
  .duty-wrap .icon-btn,
  .qysp-wrap .icon-btn {
    border: 0;
    width: auto;
    height: auto;
  }
  .duty-wrap .icon-btn i,
  .qysp-wrap .icon-btn i {
    font-size: 16px;
  }
  .duty-wrap .icon-btn .cir-svg,
  .qysp-wrap .icon-btn .cir-svg {
    display: none;
  }
  .duty-wrap .next,
  .qysp-wrap .next {
    right: -15px;
  }
  .duty-wrap .prev,
  .qysp-wrap .prev {
    left: -15px;
  }
  .duty .c1,
  .qysp .c1 {
    padding: 0 20px;
  }
  .solu-swiper .swiper-slide .img {
    position: relative;
    padding-bottom: 62.4%;
  }
  .solu-swiper .swiper-slide img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    object-fit: cover;
  }
  .news-swiper .swiper-slide {
    flex-direction: column;
  }
  .news-swiper .swiper-slide .img {
    width: 100%;
  }
  .news-swiper .swiper-slide .txt {
    width: 100%;
    padding: 20px 5%;
  }
  .news-swiper .swiper-slide .txt > p {
    height: auto;
    max-height: 48px;
  }
  .new-item p {
    height: auto;
    max-height: 76px;
  }
  .notices {
    margin: 70px auto;
  }
  .notice-items {
    margin-bottom: 40px;
  }
  .notice-item {
    padding-bottom: 30px;
  }
  .notice-item:not(:first-of-type) {
    padding-top: 30px;
  }
  .notice-item .date {
    width: 80px;
    height: 80px;
  }
  .notice-item h3 {
    margin-bottom: 15px;
  }
  .notice-item p {
    max-height: 51px;
  }
  .inve-tit span {
    width: 140px;
    height: 48px;
    line-height: 48px;
  }
  .invest-item {
    padding: 20px 0 20px 4.2%;
  }
  .invest-item p {
    width: 60%;
  }
  .talent {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .talent-item .txt {
    position: relative;
    top: 0;
    left: 0 !important;
    transform: translate(0, 0);
    width: 100% !important;
    padding: 30px 5%;
  }
  .talent-item .txt .com-tit {
    margin-bottom: 40px;
  }
  .talent-item .img {
    width: 100%;
  }
  .talent-item .img::before {
    display: none;
  }
  .talent-item .img img {
    height: auto;
    min-height: inherit;
  }
  .talent-item .item .wl {
    font-size: 20px;
  }
  .contact {
    flex-direction: column;
    align-items: flex-start;
    margin: 60px auto;
  }
  .contact-l {
    margin-bottom: 30px;
  }
  .contact-l .item:not(:last-of-type) {
    margin-bottom: 15px;
  }
  .contact-l .item .icon {
    width: 40px;
    height: 40px;
  }
  .contact-l .item p a {
    margin-left: 10px;
  }
  .contact-r .lxwm-item p {
    text-align: left;
  }
  .contact-r .lxwm-item .img {
    margin-left: 0;
    margin-top: 10px;
  }
  .media-item {
    width: 150px;
    margin-right: 40px;
  }
  .media-item:nth-of-type(3n) {
    margin-right: 40px;
  }
  .media-item:nth-of-type(2n) {
    margin-right: 0;
  }
  .media-item .img {
    height: 150px;
  }
  .media-item p {
    margin-top: 15px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 560px) {
  .loading .logo1 {
    width: 32.2%;
  }
  .loading .logo2 {
    right: 17.4%;
  }
  .loading .percent {
    font-size: 34px;
  }
  .main1 .date {
    font-size: 100px;
  }
  .main3-t {
    flex-direction: column;
    align-items: flex-start;
  }
  .main3-t .in-more {
    margin-top: 20px;
  }
  .main3-item .mo-txt {
    margin-top: 15px;
  }
  .main3-item .moRtxt h4 {
    max-height: 55px;
    margin-bottom: 15px;
  }
  .aboutL .img img {
    min-height: 400px;
    object-fit: cover;
  }
  .aboutL .item {
    width: 300px;
    height: 44px;
  }
  .dsz {
    padding-top: 60px;
  }
  .dsz .dsz-tit .img {
    width: 24px;
  }
  .dsz .dsz-1 {
    margin-bottom: 60px;
  }
  .dsz .dsz-2 {
    width: 60%;
  }
  .dsz .dsz-2 .intro {
    padding-right: 4%;
  }
  .dsz .dsz-2 .intro::-webkit-scrollbar {
    width: 2px;
  }
  .dsz .dsz-img {
    width: 60%;
    right: -25%;
  }
  .history {
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .his-t {
    margin-top: 40px;
  }
  .his-t .prev {
    left: -4px;
  }
  .his-t .next {
    right: -4px;
  }
  .hisT-swiper {
    width: 95%;
  }
  .hisT-swiper .txt .year {
    font-size: 40px;
  }
  .hisT-swiper .his-intro::-webkit-scrollbar {
    width: 2px;
  }
  .member {
    margin-top: 60px;
  }
  .member .mem-item {
    padding-top: 35px;
    padding-bottom: 25px;
  }
  .vr {
    margin-top: 60px;
  }
  .vr .img img {
    min-height: 260px;
    object-fit: cover;
  }
  .vr-wrap {
    margin-top: 40px;
  }
  .dzz {
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .activity {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .activity-swiper .swiper-slide {
    padding: 0 0.5%;
  }
  .activity-swiper h4 {
    max-height: 16px;
  }
  .duty {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .qysp {
    padding-top: 60px;
    margin-bottom: 60px;
  }
  .news-t {
    padding: 60px 0 40px;
  }
  .news-t .swi-pagi {
    margin-top: 30px;
  }
  .news-wrap {
    margin-bottom: 80px;
    margin-top: 60px;
  }
  .news-items {
    margin-bottom: 10px;
  }
  .new-item {
    width: 100%;
    margin-right: 0;
  }
  .new-item:nth-of-type(3n) {
    margin-right: 0;
  }
  .new-item h4 {
    height: auto;
    max-height: 52px;
  }
  .new-item .more {
    margin-top: 30px;
  }
  .notices {
    margin: 60px auto;
  }
  .notice-item {
    padding-bottom: 20px;
    align-items: flex-start;
  }
  .notice-item:not(:last-of-type) {
    padding-top: 20px;
  }
  .notice-item .date {
    width: 70px;
    height: 70px;
  }
  .notice-item h3 {
    margin-bottom: 10px;
    max-height: 18px;
  }
  .notice-item .txt {
    width: calc(100% - 70px);
    margin-left: 0;
    padding-left: 5%;
  }
  .position {
    margin-bottom: 60px;
  }
  .infoList .date {
    padding-bottom: 20px;
  }
  .infoList .info {
    margin-top: 40px;
  }
  .infoList .page {
    flex-direction: column;
    align-items: flex-start;
  }
  .infoList .page .page-link {
    width: 100%;
  }
  .infoList .page .page-link i {
    font-size: 14px;
  }
  .infoList .page .prev {
    margin-bottom: 15px;
  }
  .infoList .page .prev i {
    margin-right: 10px;
  }
  .infoList .page .next {
    text-align: left;
    padding-right: 20px;
  }
  .pro-intro {
    padding-top: 60px;
  }
  .pro-intro .txt h3 {
    margin-bottom: 15px;
  }
  .pro-intro .txt .line {
    height: 3px;
    margin-bottom: 30px;
  }
  .product {
    padding-top: 60px;
    padding-bottom: 80px;
  }
  .solution1 .product-item {
    flex-direction: column-reverse;
    align-items: flex-start;
    padding: 20px 5%;
  }
  .solution1 .product-item::before {
    height: 4px;
  }
  .solution1 .product-item .txt {
    width: 100%;
  }
  .solution1 .product-item .des {
    line-height: 1.8;
  }
  .solution1 .product-item .pic {
    width: 100%;
    margin-bottom: 40px;
    margin-left: 0;
  }
  .solution1 .product-item .more-intro .intro {
    padding-left: 15px;
  }
  .solution1 .product-item .more-intro .intro p::before {
    left: -15px;
  }
  .solution2 .product-item .name {
    max-height: 16px;
  }
  .solution3 .solu-item {
    margin-bottom: 40px;
  }
  .solu-swiper {
    padding-bottom: 30px;
  }
  .solu-swiper .swiper-pagination-progressbar {
    height: 2px;
  }
  .investor {
    margin-top: 60px;
    margin-bottom: 80px;
  }
  .inve-tit span {
    width: 120px;
    height: 44px;
    line-height: 44px;
  }
  .invest-items {
    margin-bottom: 40px;
  }
  .invest-item::before {
    width: 4px;
    height: 4px;
  }
  .talent {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .onlineMess {
    padding: 60px 0;
  }
  .onlineMess .com-tit {
    margin-bottom: 40px;
  }
  .onlineMess input,
  .onlineMess textarea {
    font-size: 14px;
  }
  .onlineMess input::placeholder,
  .onlineMess textarea::placeholder {
    font-size: 14px;
  }
  .onlineMess input::-webkit-input-placeholde,
  .onlineMess textarea::-webkit-input-placeholde {
    font-size: 14px;
  }
  .onlineMess input:-ms-input-placeholder,
  .onlineMess textarea:-ms-input-placeholder {
    font-size: 14px;
  }
  .onlineMess .form-t input {
    height: 44px;
  }
  .onlineMess textarea {
    height: 160px;
  }
  .media {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 440px) {
  .loading .logo1 {
    width: 32.2%;
  }
  .loading .logo2 {
    right: 23.4%;
  }
  .loading .percent {
    font-size: 34px;
  }
  .aboutL .item {
    width: 280px;
  }
  .dsz .dsz-img {
    width: 75%;
    right: -33%;
  }
  .partner .hb-swiper {
    height: 400px;
  }
  .partner .hb-swiper p {
    font-size: 12px;
  }
  .qysp-swiper .icon {
    width: 40px;
    height: 40px;
  }
  .qysp-swiper .icon i {
    font-size: 40px;
  }
  .solution2 .product-item {
    width: 100%;
    margin-right: 0;
  }
  .solution2 .product-item:nth-of-type(3n) {
    margin-right: 0;
  }
  .media-item {
    margin-right: 20px;
  }
  .media-item:nth-of-type(3n) {
    margin-right: 20px;
  }
  .media-item p {
    margin-top: 10px;
  }
  .onlineMess .form-t {
    flex-direction: column;
    margin-bottom: 0;
  }
  .onlineMess .form-t input {
    width: 100%;
    margin-bottom: 15px;
  }
  .onlineMess textarea {
    height: 140px;
    margin-bottom: 20px;
  }
  .onlineMess .btn {
    width: 140px;
    height: 40px;
  }
}