* {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.height {
  height: 100%;
  overflow: hidden;
}

.gh {
  display: none;
  position: relative;
  float: right;
  height: 35px;
  width: 35px;
  top: 0px;
  right: 0;
  z-index: 100;
  -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
  -o-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
  -moz-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
  transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
.gh.selected {
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
          transform: rotate(90deg);
}
.gh.selected a {
  background-color: transparent;
}
.gh.selected a::before, .gh.selected a::after {
  top: 0;
  background-color: #fff;
}
.gh.selected a::before {
  -webkit-transform: translateY(0px) rotate(-45deg);
     -moz-transform: translateY(0px) rotate(-45deg);
      -ms-transform: translateY(0px) rotate(-45deg);
       -o-transform: translateY(0px) rotate(-45deg);
          transform: translateY(0px) rotate(-45deg);
}
.gh.selected a::after {
  -webkit-transform: translateY(0px) rotate(45deg);
     -moz-transform: translateY(0px) rotate(45deg);
      -ms-transform: translateY(0px) rotate(45deg);
       -o-transform: translateY(0px) rotate(45deg);
          transform: translateY(0px) rotate(45deg);
}
.gh a {
  display: block;
  height: 2px;
  margin-top: -2px;
  position: relative;
  top: 50%;
  -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
  -o-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
  -moz-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
  transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
  width: 60%;
  margin: 0 20%;
  background: #000;
}
.gh a::before, .gh a::after {
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  -o-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
  -moz-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
  transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
  -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
  width: 100%;
  background: #000;
}
.gh a::before {
  top: -8px;
}
.gh a::after {
  top: 8px;
}

@media screen and (max-width: 1480px) {
  .home-section1 ul li {    
    height: auto;
	padding-bottom: 20px;
  }
  .home-section1 ul .title {
    padding-top: 20px;
    font-size: 20px;
  }
  .solution1-section1 .swiper {
    height: 475px;
  }
  .solution1-section1 .swiper-slide .txt {
    padding-bottom: 30px;
    font-size: 16px;
  }
  .solution1-section1 .swiper-slide .txt .title {
    font-size: 24px;
  }
  .solution-section2 .bd li {
    margin-bottom: 22px;
  }
  .solution-section2 .bd .title {
    font-size: 20px;
    height: 60px;
  }
  .solution-section2 .bd .tag {
    margin-bottom: 15px;
    font-size: 14px;
    height: 38px;
  }
  .solution-section7 li {
    padding-bottom: 25px;
    height: auto;
  }
  .solution-section7 li .title {
    font-size: 18px;
  }
  .solution3-section3 ul li {
    margin-bottom: 4%;
  }
  .solution3-section3 ul .title {
    font-size: 20px;
  }
  .solution3-section3 ul .title::before {
    width: 35px;
    height: 35px;
  }
  .solution3-section3 ul .desc {
    font-size: 16px;
  }
  .contact-wrap .content {
    padding: 35px;
    height: 650px;
  }
  .contact-wrap .content .title {
    font-size: 28px;
  }
  .contact-wrap .content .list .value {
    font-size: 16px;
  }
  .form-wrap .form-item {
    font-size: 16px;
  }
}
@media screen and (max-width: 1200px) {
  .home-banner .list {
    padding: 30px;
    width: 90%;
  }
  .home-banner .list .img {
    width: 70px;
  }
  .home-banner .list .txt .t1 {
    margin-bottom: 8px;
    font-size: 16px;
  }
  .home-section1 ul li {
    width: 24%;
  }
  .home-section1 ul .title {
    padding-top: 15px;
    font-size: 16px;
  }
  .home-section1 ul .desc {
    font-size: 13px;
  }
  .home-section1 ul .tags {
    font-size: 12px;
  }
  .home-section1 ul .tags span {
    line-height: 32px;
  }
  .home-section3 {
    padding: 70px 0;
  }
  .home-section3 .hd {
    margin-bottom: 40px;
  }
  .home-section3 .bd {
    padding: 25px;
    height: auto;
    -o-background-size: 100% 100%;
       background-size: 100% 100%;
  }
  .home-section3 .bd .desc {
    margin: 0;
    margin-bottom: 35px;
    font-size: 16px;
    line-height: 2;
  }
  .home-section3 .bd ul {
    width: 70%;
  }
  .home-section3 .bd ul .title p {
    font-size: 28px;
  }
  .home-section4 ul li {
    height: 135px;
  }
  .home-section4 ul .img {
    width: 65px;
    height: 65px;
  }
  .home-section4 ul .content .title {
    font-size: 16px;
  }
  .home-section6 .hd p {
    font-size: 38px;
  }
  .home-section6 .hd h3 {
    font-size: 28px;
  }
  .home-section6 ul li {
    height: 90px;
  }
  .home-section6 ul p {
    font-size: 14px;
  }
  .home-section6 ul .icon {
    width: 20px;
    height: 20px;
  }
  .home-section7 ul .img {
    height: 215px;
  }
  .home-section7 ul .content .title {
    font-size: 18px;
  }
  .home-section7 ul .content .time {
    font-size: 14px;
  }
  .solution1-section2 ul .title {
    padding-bottom: 30px;
    font-size: 16px;
  }
  .solution1-section4 {
    padding: 40px 0;
  }
  .solution1-section4 .hd {
    margin-bottom: 40px;
  }
  .solution1-section4 ul .content {
    width: 100%;
    height: 105px;
    font-size: 14px;
  }
  .solution1-section4 ul .title {
    font-size: 14px;
  }
  .solution-section2 .bd {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .solution-section2 .bd .title {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .solution-section2 .bd .item {
    margin-bottom: 25px;
    width: 100%;
    border-radius: 15px;
    overflow: hidden;
  }
  .solution-section2 .bd .item:last-child {
    margin-bottom: 0;
  }
  .solution-section2 .bd .content {
    padding: 20px;
  }
  .solution-section2 .bd .content ul {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .solution-section2 .bd .content li {
    width: 33.33%;
  }
  .solution-section2 .bd .tag {
    height: 35px;
  }
  .solution-section3 li {
    width: 27.5%;
  }
  .solution-section5 ul li {
    width: 100%;
  }
  .solution-section7 {
    padding: 40px 0;
  }
  .solution-section7 li {
    width: 100%;
  }
  .solution3-section2 .item .img {
    width: 43%;
  }
  .solution3-section2 .item .desc {
    line-height: 2;
    font-size: 16px;
  }
  .about-section1 .hd .desc {
    max-width: 90%;
  }
  .about-section2 .introduce-list .title {
    padding-top: 30px;
    font-size: 24px;
  }
  .about-section2 .introduce-list .content .sub-title {
    font-size: 20px;
  }
  .about-section2 .introduce-list .desc {
    font-size: 16px;
  }
  .news-section5 ul::before {
    height: 232px;
  }
  .news-section5 li {
    width: 29%;
  }
  .news-section5 .content {
    height: 125px;
  }
}
@media screen and (max-width: 1024px) {
  .gh {
    margin-left: auto;
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .home-banner .list {
    display: none;
  }
  .home-section1 {
    padding: 40px 0;
  }
  .home-section1 ul {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .home-section1 ul li {
    margin-bottom: 20px;
    width: 100%;
  }
  .home-section1 ul .tags span {
    width: 31%;
  }
  .home-section2 {
    padding-bottom: 40px;
  }
  .home-section2 .hd {
    margin-bottom: 40px;
  }
  .home-section3 {
    padding: 40px 0;
  }
  .home-section3 .bd .desc {
    font-size: 14px;
  }
  .home-section3 .bd ul {
    width: 100%;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 24px 0;
  }
  .home-section3 .bd ul li {
    width: 50%;
  }
  .home-section3 .bd .more-button {
    margin-top: 20px;
  }
  .home-section4 {
    padding: 40px 0;
  }
  .home-section4 .hd {
    margin-bottom: 40px;
  }
  .home-section4 ul {
    grid-template-columns: repeat(1, 1fr);
  }
  .home-section4 ul li {
    padding: 20px;
    height: auto;
  }
  .home-section6 {
    padding: 40px 0;
  }
  .home-section6 .hd p {
    font-size: 24px;
  }
  .home-section6 .hd h3 {
    font-size: 18px;
  }
  .home-section6 ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
  .home-section7 {
    padding: 40px 0;
  }
  .home-section7 .hd {
    margin-bottom: 40px;
  }
  .home-section7 ul {
    grid-template-columns: repeat(1, 1fr);
  }
  .home-section8 ul {
    gap: 15px;
    grid-template-columns: repeat(2, 1fr);
  }
  .solution-section1 {
    padding: 40px 0;
  }
  .solution-section1 .hd {
    margin-bottom: 40px;
  }
  .solution-section1 ul {
    grid-template-columns: repeat(1, 1fr);
  }
  .solution-section1 ul .title {
    padding: 25px 15px;
    height: auto;
  }
  .solution-section1 ul .content .sub-title {
    padding: 20px 0;
    height: auto;
    font-size: 18px;
  }
  .solution-section1 ul .content .desc {
    padding: 25px 10px;
    height: auto;
  }
  .solution1-section1 {
    padding: 40px 0;
  }
  .solution1-section1 .buttons {
    width: 155px;
  }
  .solution1-section1 .swiper-button-prev, .solution1-section1 .swiper-button-next {
    width: 35px;
    height: 35px;
  }
  .solution1-section1 .swiper-button-prev::after, .solution1-section1 .swiper-button-next::after {
    font-size: 16px;
  }
  .solution1-section2 {
    padding: 40px 0;
  }
  .solution1-section2 .hd {
    margin-bottom: 40px;
  }
  .solution1-section2 .bd {
    padding-bottom: 60px;
    width: 100%;
  }
  .solution1-section2 ul li {
    margin: 0;
    width: 100%;
    -o-background-size: 100% 100%;
       background-size: 100% 100%;
  }
  .solution1-section2 ul .mark {
    width: 100%;
  }
  .global-youshi-section {
    padding: 40px 0;
  }
  .global-youshi-section .hd {
    margin-bottom: 40px;
  }
  .global-youshi-section .list {
    grid-template-columns: repeat(1, 1fr);
  }
  .solution1-section4 ul {
    grid-template-columns: repeat(1, 1fr);
  }
  .solution-section2 {
    padding: 40px 0;
  }
  .solution-section2 .hd {
    margin-bottom: 40px;
  }
  .solution-section2 .bd .title {
    background-color: transparent;
    height: 68px;
  }
  .solution-section2 .bd .content li {
    width: 50%;
  }
  .solution-section3 ul {
    gap: 15px;
  }
  .solution-section3 .content {
    height: 106px;
  }
  .solution-section3 .content .desc {
    text-align: center;
  }
  .solution-section4 {
    padding: 40px 0;
  }
  .solution-section4 .hd {
    margin-bottom: 40px;
  }
  .solution-section5 {
    padding: 40px 0;
  }
  .solution-section5 .hd {
    margin-bottom: 40px;
  }
  .solution-section5 ul {
    grid-template-columns: repeat(1, 1fr);
  }
  .solution-section5 ul li {
    padding: 20px;
    height: auto;
  }
  .solution-section5 ul .title {
    padding-top: 0;
  }
  .solution-section7 ul {
    grid-template-columns: repeat(1, 1fr);
  }
  .solution-section7 li {
    padding-left: 30px;
  }
  .solution-section7 li .title {
    font-size: 16px;
  }
  .solution-section7 li .title::before {
    left: -15px;
    width: 6px;
    height: 6px;
  }
  .solution3-section1 .list li {
    height: auto;
  }
  .solution3-section2 {
    padding: 40px 0;
  }
  .solution3-section2 .hd {
    margin-bottom: 40px;
  }
  .solution3-section2 .item {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .solution3-section2 .item .img {
    margin-bottom: 30px;
    -webkit-order: -1;
       -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    width: 100%;
  }
  .solution3-section2 .item .line {
    margin-bottom: 30px;
  }
  .solution3-section2 .item .title {
    font-size: 20px;
  }
  .solution3-section2 .item .content {
    width: 100%;
  }
  .solution3-section3 {
    padding: 40px 0;
  }
  .solution3-section3 .hd {
    margin-bottom: 40px;
  }
  .solution3-section3 ul {
    padding: 25px;
    padding-left: 60px;
  }
  .solution3-section3 ul .title {
    font-size: 16px;
  }
  .solution3-section3 ul .title::before {
    left: -40px;
    width: 28px;
    height: 28px;
  }
  .solution3-section3 ul .desc {
    font-size: 14px;
  }
  .brand-tabs {
    padding: 40px 0;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
  .brand-tabs .container {
    height: auto;
    background-color: transparent;
    box-shadow: none;
  }
  .brand-tabs ul {
    padding: 0;
    font-size: 14px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
  .brand-tabs ul li {
    line-height: 30px;
    background-color: #f3f3f3;
    text-align: center;
    border-radius: 5px;
  }
  .brand-tabs ul li.active {
    background-color: #1121CB;
    color: #fff;
    font-size: 14px;
  }
  .brand-tabs ul li.active::before {
    display: none;
  }
  .brand-wrap .ft {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .brand-wrap .ft .pagination {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 20px 0;
  }
  .brand-wrap .ft .total {
    margin-top: 20px;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    text-align: center;
  }
  .about-section1 {
    padding: 40px 0;
  }
  .about-section1 .hd {
    margin-bottom: 40px;
  }
  .about-section1 .hd .desc {
    margin-top: 20px;
    max-width: 100%;
    font-size: 14px;
  }
  .about-section1 ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
  .about-section2 {
    padding: 40px 0;
  }
  .about-section2::before, .about-section2::after {
    width: 100%;
  }
  .about-section2 .introduce-list {
    margin-bottom: 40px;
  }
  .about-section2 .introduce-list li {
    margin-bottom: 20px;
    width: 100%;
  }
  .about-section2 .introduce-list li:last-child {
    margin-bottom: 0;
  }
  .about-section2 .introduce-list .title {
    padding-top: 20px;
    font-size: 20px;
  }
  .about-section2 .introduce-list .content {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .about-section2 .introduce-list .content .left, .about-section2 .introduce-list .content .right {
    -webkit-flex: none;
       -moz-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
  }
  .about-section2 .introduce-list .content .hr {
    margin: 20px 0;
    width: 100%;
    height: 1px;
  }
  .about-section2 .hd {
    margin-bottom: 40px;
  }
  .about-section3 .hd {
    padding: 40px 0;
  }
  .about-section3 .bd ul {
    padding-bottom: 40px;
    gap: 20px 0;
  }
  .about-section3 .bd li {
    width: 100% !important;
  }
  .about-section3 .bd li .img {
    margin-right: 10px;
  }
  .about-section3 .bd li .txt {
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 0;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .about-section3 .bd li .txt .label {
    margin-bottom: 5px;
    font-size: 16px;
    width: 100%;
  }
  .about-section3 .bd li .txt .value {
    font-size: 14px;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 100%;
  }
  .about-section3 .bd .desc {
    padding: 20px 0;
    font-size: 14px;
    line-height: 2;
  }
  .news-section1 {
    padding: 40px 0;
  }
  .news-section1 .hd {
    margin-bottom: 40px;
  }
  .news-section1 ul {
    grid-template-columns: repeat(1, 1fr);
  }
  .news-section1 ul li {
    padding-bottom: 30px;
    height: auto;
  }
  .news-section1 ul .title {
    padding: 20px 0 15px;
    font-size: 18px;
  }
  .news-section1 ul .tit {
    font-size: 14px;
    line-height: 36px;
  }
  .news-section2 {
    padding: 40px 0;
  }
  .news-section2 .hd {
    margin-bottom: 40px;
  }
  .news-section3 ul li {
    padding-bottom: 30px;
    height: auto;
  }
  .news-section3 .list1, .news-section3 .list2 {
    gap: 20px 0;
    grid-template-columns: repeat(1, 1fr);
  }
  .news-section4 {
    padding: 40px 0;
  }
  .news-section4 .hd {
    margin-bottom: 40px;
  }
  .news-section5 ul {
    gap: 20px;
  }
  .news-section5 .content {
    height: auto;
  }
  .news-section5 .content .desc {
    padding: 0 10px;
  }
  .contact-banner {
    height: 400px;
  }
  .contact-wrap .container {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .contact-wrap .content {
    width: 100%;
    height: auto;
  }
  .contact-wrap .content .title {
    margin-bottom: 20px;
    font-size: 20px;
  }
  .contact-wrap .content .list li {
    margin-bottom: 20px;
  }
  .contact-wrap .content .list li:last-child {
    margin-bottom: 0;
  }
  .contact-wrap .content .list .label {
    font-size: 14px;
  }
  .contact-wrap .map {
    width: 100%;
  }
  .form-wrap {
    padding: 40px 0;
  }
  .form-wrap .hd {
    margin-bottom: 40px;
  }
  .form-wrap .form-item {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    grid-template-columns: repeat(1, 1fr);
  }
  .form-wrap .form-item .input-block {
    margin-bottom: 20px;
    padding: 0 10px;
    width: 100%;
    height: 40px;
    border-radius: 5px;
    font-size: 14px;
  }
  .form-wrap .form-item .input-block:last-child {
    margin-bottom: 0;
  }
  .form-wrap .form-item .textarea-block {
    padding: 10px;
    font-size: 14px;
    border-radius: 5px;
  }
  .form-wrap .submit-btn {
    width: 180px;
    height: 46px;
    font-size: 16px;
  }
}/*# sourceMappingURL=responsive.css.map */