@media screen and (max-width: 1600px) {

  .am-container {

    max-width: 1300px;

  }

  footer .t .l {

    width: 25%;

    padding: 85px 50px 0 0;

  }

  footer .t .r {

    width: 75%;

    padding: 85px 0 50px 50px;

  }

  footer .t .r .footer-link {

    max-width: 25%;

    padding: 0 10px;

  }

  footer .t .r .footer-link1 {

    max-width: 25%;

    padding: 0 10px;

  }

  .support .b1 .b .list .txt {

    padding: 45px 50px 300px;

  }

  .support .b1 .b .list .pic {

    margin: -280px 0 0;

  }

}

@media (min-width: 1200px) and (max-width: 1600px) {

  .header .nav .nav-list1 > li > a {

    padding: 0 20px;

  }



  .about .b5 .list .box .hover {

    padding: 0 30px;

  }

}

@media screen and (max-width: 1550px) {

  .about .b2 .l {

    padding: 0 80px;

  }

}

@media screen and (max-width: 1440px) {

  .about .b2 .l {

    width: 50%;

  }

  .about .b2 .r {

    width: 50%;

  }

  .about .b2 .r .video .cont span {

    font-size: 68px;

  }

  .about .b3 .list .box .num-box .num {

    font-size: 58px;

  }

  .about .b3 .list .box .desc {

    font-size: 16px;

  }

  .about .b5 .list .box .hover .tit {

    font-size: 18px;

  }

}

@media screen and (max-width: 1400px) {

  .am-container {

    max-width: 1180px;

  }

  .banner .item > a .item-txt .pic .box {

    width: 180px;

    height: 180px;

  }

  .banner .item > a .item-txt .txt {

    font-size: 34px;

    max-width: 65%;

  }

}

@media (min-width: 1200px) and (max-width: 1400px) {

  .header .nav .nav-list1 > li > a {

    padding: 0 15px;

  }


}

@media screen and (max-width: 1360px) {

  .support .b1 .b .list .box {

    padding: 0 50px;

  }

}

@media (min-width: 1200px) and (max-width: 1280px) {

  .header .nav .nav-list1 > li > a {

    padding: 0 10px;

  }


  }

}

@media screen and (max-width: 1280px) {

  .am-container {

    max-width: 960px;

  }

  .banner .item .item-txt .tit {

    font-size: 32px;

  }

  .banner .item .item-txt .tit i {

    font-size: 28px;

  }

  footer .t .l .logo {

    height: 54px;

  }

  footer .t .l .share .list {

    margin: 30px -10px 0;

  }

  footer .t .l .share .list .box {

    padding: 0 10px;

  }

  footer .t .l .share .list .box a i {

    font-size: 18px;

  }

  footer .t .r {

    padding: 85px 0 50px 20px;

  }

  .page-banner .cont .tit {

    margin: 15px 0 10px;

    font-size: 32px;

  }

  .page-banner .page-prod .tit {

    font-size: 32px;

    margin: 10px 0 20px;

  }

  .page-banner .page-solu .tag {

    font-size: 16px;

  }

  .page-banner .page-solu .tit {

    font-size: 32px;

    margin: 15px 0;

  }

  .page-banner .page-solu .desc {

    font-size: 16px;

    line-height: 1.2;

  }

  .page-banner .page-service .tit {

    font-size: 32px;

  }

  .page-banner .page-service .desc {

    font-size: 16px;

  }

  .page-banner .page-service .desc p {

    margin: 0;

  }

  .about .ab-desc {

    font-size: 18px;

  }

  .about .ab-tit {

    font-size: 32px;

  }

  .about .b1 {

    padding: 30px 10px 0;

  }

  .about .b1 .box {

    padding: 0 10px;

  }

  .about .b1 .list {

    margin: 0 -10px;

  }

  .about .b2 {

    padding: 60px 0 0;

  }

  .about .b2 .l {

    padding: 0 35px;

  }

  .about .b2 .l .ab-tit {

    margin: 15px 0;

  }

  .about .b2 .l .cont {

    font-size: 16px;

    line-height: 1.4;

  }

  .about .b2 .r .video .pic img {

    width: 100%;

  }

  .about .b2 .r .video .cont span {

    font-size: 38px;

  }

  .about .b2 .r .video .cont .ico {

    width: 80px;

  }

  .about .b2 .r .video .cont .ico svg {

    width: 80px;

    height: 80px;

  }

  .about .b3 {

    padding: 60px 0;

  }

  .about .b3 .list .box .num-box .num {

    font-size: 46px;

  }

  .about .b3 .list .box .desc {

    font-size: 14px;

    padding: 0 0 10px;

  }

  .about .b4 {

    padding: 60px 0;

  }

  .about .b4 .ab-tit {

    margin: 15px 0 10px;

  }

  .about .b4 .desc {

    font-size: 16px;

    line-height: 1.5;

  }

  .about .b4 .list {

    margin: 20px 0;

  }

  .about .b4 .list .box {

    width: calc(25% - 10px);

    padding: 25px;

  }

  .about .b4 .list .box i {

    font-size: 36px;

  }

  .about .b4 .list .box .tit {

    font-size: 18px;

  }

  .about .b4 .desc2 {

    font-size: 18px;

  }

  .about .b5 {

    padding: 60px 0;

  }

  .about .b5 .ab-tit {

    margin: 10px 0;

  }

  .about .b5 .desc {

    font-size: 16px;

  }

  .about .b5 .list {

    margin: 20px 0 0;

  }

  .about .b5 .list .box {

    width: calc(25% - 10px);

  }

  .about .b5 .list .box .hover {

    padding: 0 15px;

  }

  .about .b5 .list .box .hover .tit {

    font-size: 16px;

  }

  .about .b5 .list .box .hover .hyh-btn {

    margin: 10px 0 0;

  }

  .about .b6 {

    padding: 60px 0;

  }

  .about .b6 .all {

    flex-wrap: wrap;

  }

  .about .b6 .l {

    width: 100%;

  }

  .about .b6 .l .ab-tit {

    margin: 10px 0;

  }

  .about .b6 .l .desc {

    font-size: 18px;

  }

  .about .b6 .l .hyh-btn {

    margin: 20px 0 0;

  }

  .about .b6 .r {

    width: 100%;

    margin: 25px 0 0;

  }

  .about .b7 .all {

    flex-direction: column-reverse;

  }

  .about .b7 .l {

    width: 100%;

  }

  .about .b7 .r {

    width: 100%;

    padding: 0;

  }

  .about .b7 .r .ab-tit {

    margin: 10px 0;

  }

  .about .b8 {

    margin: 60px 0 0;

    padding: 60px 0;

  }

  .about .b8 .l {

    width: 100%;

    padding: 0;

  }

  .about .b8 .l .ab-tit {

    margin: 10px 0;

  }

  .about .b8 .l .desc {

    font-size: 18px;

  }

  .about .b8 .r {

    width: 100%;

    margin: 20px 0 0;

  }

  .about .b8 .r .box {

    padding: 30px 25px;

    min-height: auto;

    background-color: rgba(0, 0, 0, 0.2);

    width: calc(33.33333333% - 20px);

  }

  .hyh-btn {

    font-size: 14px;

    padding: 10px 25px;

  }

  .honor {

    padding: 60px 0 140px;

  }

  .honor .tit {

    font-size: 32px;

  }

  .honor .desc {

    margin: 15px auto 20px;

  }

  .honor .list {

    margin: 40px -15px 0;

  }

  .honor .list .box {

    padding: 0 15px;

  }

  .prod .prod-desc {

    font-size: 18px;

  }

  .prod .prod-tit {

    font-size: 32px;

  }

  .prod .b1 {

    padding: 60px 0 0;

    margin: 0 0 60px;

  }

  .prod .b1 .l {

    padding: 0 25px 0 0;

  }

  .prod .b1 .l .prod-tit {

    margin: 10px 0 15px;

  }

  .prod .b1 .l .desc {

    font-size: 16px;

    line-height: 1.4;

  }

  .prod .b1 .l .desc2 {

    margin: 15px 0 0;

    font-size: 16px;

    line-height: 1.4;

  }

  .prod .b2 {

    padding: 60px 0;

  }

  .prod .b2 .box {

    width: calc(25% - 15px);

  }

  .prod .b3 {

    padding: 60px 0 0;

  }

  .prod .b3 .prod-tit {

    margin: 10px 0 20px;

  }

  .prod .b3 .list .box {

    width: 33.33333333%;

  }

  .prod .b3 .cont {

    margin: 20px 0 60px;

  }

  .prod .b4 {

    padding: 60px 0;

  }

  .prod .b4 .prod-tit {

    margin: 10px 0;

  }

  .prod .b4 .desc {

    font-size: 16px;

    line-height: 1.4;

  }

  .prod .b4 .list {

    margin: 20px -10px 0;

  }

  .prod .b4 .list .box {

    padding: 0 10px;

  }

  .prod .b5 {

    padding: 60px 0 0;

  }

  .prod .b5 .prod-tit {

    margin: 10px 0;

  }

  .prod .b5 .desc {

    font-size: 16px;

    line-height: 1.4;

  }

  .prod .b5 .list {

    margin: 20px 0 0;

  }

  .prod .b5 .list .box {

    width: 31%;

  }

  .prod .b6 {

    padding: 60px 0;

  }

  .prod .b6 .prod-tit {

    margin: 10px 0 15px;

  }

  .solu .solu-desc {

    font-size: 18px;

  }

  .solu .solu-tit {

    font-size: 32px;

  }

  .solu .b1 {

    padding: 60px 0 0;

  }

  .solu .b1 .solu-tit {

    margin: 10px 0;

  }

  .solu .b1 .desc {

    font-size: 16px;

    line-height: 1.4;

  }

  .solu .b1 .list {

    margin: 20px -10px 0;

  }

  .solu .b1 .list .box {

    padding: 0 10px;

  }

  .solu .b1 .list .box:nth-child(n+4) {

    margin: 20px 0 0;

  }

  .solu .b1 .list .box .cont .hover {

    font-size: 16px;

    padding: 0 15px 10px;

  }

  .solu .b2 {

    padding: 60px 0 0;

  }

  .solu .b2 .box .txt {

    padding: 20px 40px;

  }

  .solu .b2 .box .txt .solu-tit {

    margin: 10px 0;

  }

  .solu .b2 .box .txt .desc {

    font-size: 16px;

    line-height: 1.4;

  }

  .solu .b2 .box:nth-child(2n) .txt {

    padding: 20px 40px;

  }

  .solu .b3 {

    padding: 60px 0;

  }

  .solu .b3 .box {

    width: calc(25% - 15px);

  }

  .solu .b3 .box i {

    font-size: 38px;

  }

  .solu .b4 {

    padding: 60px 0;

  }

  .solu .b4 .solu-tit {

    margin: 10px 0;

  }

  .solu .b4 .t .desc {

    font-size: 16px;

    line-height: 1.4;

  }

  .solu .b4 .list {

    margin: 20px -10px 0;

  }

  .solu .b4 .list .box {

    padding: 0 10px;

  }

  .solu .b4 .list .box .msg {

    margin: 10px 0;

  }

  .solu .b4 .list .box .msg .avatar {

    width: 36px;

    height: 36px;

  }

  .solu .b4 .list .box .msg .name {

    font-size: 16px;

    padding: 0 0 0 10px;

  }

  .solu .b4 .list .box .desc {

    font-size: 16px;

    line-height: 1.4;

  }

  .service-customer .b1 {

    padding: 60px 0 0;

  }

  .service-customer .b1 .t .desc {

    font-size: 18px;

  }

  .service-customer .b1 .t .tit {

    font-size: 32px;

    margin: 10px 0 0;

  }

  .service-customer .b1 .m {

    padding: 0;

    margin: 30px 0 0;

  }

  .service-customer .b1 .m .box {

    width: calc(33.33333333% - 20px);

  }

  .service-customer .b1 .m .box .hover {

    padding: 0 15px 15px;

  }

  .service-customer .b1 .m .box .hover i {

    font-size: 32px;

    margin: 0 0 15px;

  }

  .service-customer .b1 .m .box .hover .tit {

    font-size: 20px;

  }

  .service-customer .b1 .b {

    margin: 40px -20px 0;

  }

  .service-customer .b1 .b .box {

    padding: 0 20px;

  }

  .service-customer .b1 .b .box i {

    font-size: 34px;

  }

  .service-customer .b1 .b .box .tit {

    margin: 10px 0;

  }

  .service-customer .b2 {

    padding: 60px 0 0;

  }

  .service-customer .b2 .all {

    padding: 60px 0;

  }

  .service-customer .b2 .l .tit {

    font-size: 32px;

  }

  .service-customer .b2 .l .desc {

    font-size: 18px;

  }

  .service-customer .b2 .r .box {

    width: calc(50% - 10px);

  }

  .service-customer .b3 {

    padding: 60px 0 0;

  }

  .service-customer .b3 .top .desc {

    font-size: 18px;

  }

  .service-customer .b3 .top .tit {

    font-size: 32px;

    margin: 10px 0 25px;

  }

  .service-customer .b4 {

    padding: 60px 0;

  }

  .service-customer .b4 .l {

    padding: 0 40px 0 0;

  }

  .service-customer .b4 .l .tit {

    font-size: 32px;

  }

  .service-customer .b4 .l .desc {

    font-size: 18px;

  }

  .service-customer .b4 .r {

    padding: 30px;

  }

  .service-customer .b4 .r .tit {

    font-size: 32px;

  }

  .service-customer .b4 .r .form form {

    margin: 15px 0 0;

  }

  .support .su-desc {

    font-size: 18px;

  }

  .support .su-tit {

    font-size: 32px;

  }

  .support .b1 .t {

    padding: 60px 0 40px;

  }

  .support .b1 .t .su-tit {

    margin: 10px 0;

  }

  .support .b1 .t .desc p {

    margin: 0;

  }

  .support .b1 .b {

    padding: 60px 0;

  }

  .support .b1 .b .list .box {

    padding: 0 25px;

  }

  .support .b1 .b .list .txt {

    width: calc(100% - 60px);

  }

  .support .b2 {

    padding: 60px 0 0;

  }

  .support .b2 .t .desc {

    font-size: 16px;

    line-height: 1.4;

    margin: 10px 0 0;

  }

  .support .b2 .t .desc p {

    margin: 0;

  }

  .support .b2 .b {

    margin: 20px 0 0;

  }

  .support .b2 .b .box {

    width: calc(50% - 10px);

  }

  .support .b2 .b .box:nth-child(n+3) {

    margin: 20px 0 0;

  }

  .support .b2 .b .box .tit {

    font-size: 16px;

    line-height: 1;

    padding: 10px 15px;

  }

  .support .b2 .b .list {

    flex-wrap: wrap;

  }

  .support .b3 {

    padding: 60px 0;

  }

  .support .b3 .t .desc {

    margin: 10px auto 0;

    font-size: 16px;

    line-height: 1.4;

  }

  .support .b3 .b {

    margin: 30px 0 0;

  }

  .support .b3 .b .box .txt .tit {

    font-size: 26px;

    padding: 0 0 20px;

  }

  .support .b3 .b .box .txt .desc {

    font-size: 16px;

    line-height: 1.4;

    margin: 20px 0 0;

  }

}

@media screen and (max-width: 1199px) {

    .trp-shortcode-switcher__wrapper {
        margin-right: 40px;
    }
  .search .search-all .results .search-list li {

    width: 33.33333333%;

  }

  .search .search-all .results .search-list li:nth-child(n+4) {

    margin: 20px 0 0;

  }

  header .all .t {

    padding: 10px 15px;

  }

  header .all .b .cont {

    position: relative;

  }

  header .all .b .cont .header-search {

    margin: 0 35px 0 0;

  }

  header .all .b .cont .header-logo:before {

    display: none;

  }

  .header .nav-collapse {

    display: block;

    top: 50%;

    transform: translateY(-50%);

    right: 0;

    border: none;

  }
  header .tran .nav-collapse .btn-line {
    background: #fff!important;
  }

  .mobile-hide {

    display: none!important;

  }

  .suspended-list {

    z-index: 98;

  }

  .page-banner .item {

    width: 130%;

    margin-left: -15%;

  }

  header .all .b .cont .header-logo {

    z-index: 2;

  }

  .service-customer .b2 .all {

    flex-wrap: wrap;

    background-color: #1B489C;

    padding: 60px 30px;

  }

  .service-customer .b2 .all:before {

    display: none;

  }

  .service-customer .b2 .l {

    width: 100%;

    padding: 0;

  }

  .service-customer .b2 .r {

    width: 100%;

    margin: 20px 0 0;

  }

}

@media screen and (max-width: 1100px) {

  .am-container {

    max-width: 840px;

  }

  footer .t .r .footer-link {

    max-width: 33%;

  }

  footer .t .r .footer-link1 {

    max-width: 100%;

    padding: 30px 10px 0;

  }

}

@media screen and (max-width: 991px) {

  .banner .item > a .item-txt .txt {

    font-size: 28px;

  }

  .banner .item > a .item-txt .pic .box {

    width: 120px;

    height: 120px;

  }

  .advertisement .tit {

    font-size: 24px;

  }

  .advertisement .desc {

    margin: 10px 0 15px;

  }

  .advertisement .btn-group a {

    font-size: 14px;

    padding: 10px 15px;

  }

  footer {

    padding: 40px 0 68px;

  }

  footer .am-accordion-gapped .am-accordion-title:after {

    opacity: 1;

  }

  footer .b {

    padding: 15px 0;

    flex-wrap: wrap;

    justify-content: center;

    text-align: center;

  }

  footer .b span,

  footer .b a {

    line-height: 1.2;

  }

  footer .t {

    flex-wrap: wrap;

  }

  footer .t .l {

    width: 100%;

    border: none;

    padding: 0;

  }

  footer .t .l .logo {

    height: 36px;

  }

  footer .t .l .txt {

    margin: 10px 0 15px;

  }

  footer .t .l .share .list {

    margin: 10px -10px 0;

  }

  footer .t .r {

    width: 100%;

    padding: 20px 0;

  }

  footer .t .r .footer-link,

  footer .t .r .footer-link1 {

    max-width: 100%;

    width: 100%;

    padding: 0;

  }

  footer .t .r .footer-link h4,

  footer .t .r .footer-link1 h4 {

    margin: 0 0 15px;

    font-size: 18px;

  }

  footer .t .r .footer-link ul,

  footer .t .r .footer-link1 ul {

    padding: 0 0 15px;

  }

  footer .t .r .footer-link li:nth-child(n+2),

  footer .t .r .footer-link1 li:nth-child(n+2) {

    margin: 5px 0 0;

  }

  #doc-modal-1 .l {

    display: none;

  }

  #doc-modal-1 .r {

    width: 100%;

    padding: 25px;

  }

  #doc-modal-1 .r .tit {

    font-size: 24px;

    margin: 5px 0 20px;

  }

  #doc-modal-1 .r .form form p {

    width: calc(50% - 5px);

  }

  #doc-modal-1 .r .form form input,

  #doc-modal-1 .r .form form textarea {

    margin: 0 0 10px;

  }

  #doc-modal-1 .r .form form input {

    height: 42px;

  }

  #doc-modal-1 .r .form form textarea {

    height: 110px;

  }

  .page-banner .cont .crumbs a,

  .page-banner .cont .crumbs span {

    font-size: 16px;

  }

  .page-banner .cont .desc {

    font-size: 16px;

  }

  .page-banner .cont .tit {

    font-size: 24px;

  }

  .page-banner .page-prod .tag {

    font-size: 16px;

  }

  .page-banner .page-prod .tit {

    font-size: 24px;

    margin: 10px 0;

  }

  .page-banner .page-prod .btn-group {

    margin: 15px -5px 0;

  }

  .page-banner .page-prod .btn-group a {

    font-size: 14px;

    padding: 10px 20px!important;

    margin: 0 5px;

  }

  .page-banner .page-solu .tit {

    font-size: 24px;

  }

  .page-banner .page-service .tit {

    font-size: 24px;

  }

  .page-banner .page-service .desc {

    margin: 10px 0 0;

  }

  .about .ab-desc {

    font-size: 16px;

  }

  .about .ab-tit {

    font-size: 24px;

  }

  .about .b2 {

    padding: 40px 0 0;

  }

  .about .b2 .all {

    flex-wrap: wrap;

  }

  .about .b2 .l {

    width: 100%;

    padding: 0 10px;

  }

  .about .b2 .l .ab-tit {

    margin: 10px 0;

  }

  .about .b2 .r {

    width: 100%;

    padding: 0 10px;

    margin: 15px 0 0;

  }

  .about .b2 .r .video .cont span {

    font-size: 26px;

  }

  .about .b3 {

    padding: 40px 0;

  }

  .about .b3 .list {

    flex-wrap: wrap;

    margin: 0 -10px;

  }

  .about .b3 .list .box {

    width: 50%;

    padding: 0 10px;

    flex-direction: column;

    align-items: flex-start;

  }

  .about .b3 .list .box .num-box .num {

    font-size: 36px;

  }

  .about .b3 .list .line {

    display: none;

  }

  .about .b4 {

    padding: 40px 0;

  }

  .about .b4 .ab-tit {

    margin: 10px 0;

  }

  .about .b4 .list .box {

    width: calc(50% - 5px);

    padding: 15px;

  }

  .about .b4 .list .box:nth-child(n+3) {

    margin: 10px 0 0;

  }

  .about .b4 .list .box i {

    font-size: 26px;

  }

  .about .b4 .list .box .tit {

    font-size: 16px;

    margin: 10px 0 0;

  }

  .about .b4 .desc2 {

    font-size: 16px;

  }

  .about .b5 {

    padding: 40px 0;

  }

  .about .b5 .list .box {

    width: calc(50% - 5px);

  }

  .about .b5 .list .box:nth-child(n+3) {

    margin: 10px 0 0;

  }

  .about .b6 {

    padding: 40px 0;

  }

  .about .b6 .l .desc {

    font-size: 16px;

    line-height: 1.4;

  }

  .about .b6 .r .list .box {

    width: calc(33.33333333% - 5px);

  }

  .about .b7 {

    padding: 0 0 40px;

  }

  .about .b7 .r .desc {

    line-height: 1.4;

  }

  .about .b8 {

    margin: 40px 0 0;

    padding: 40px 0;

  }

  .about .b8 .l .desc {

    font-size: 16px;

    line-height: 1.4;

  }

  .about .b8 .r .list {

    flex-wrap: wrap;

  }

  .about .b8 .r .box {

    width: 100%;

    padding: 15px;

  }

  .about .b8 .r .box:nth-child(n+2) {

    margin: 10px 0 0;

  }

  .about .b8 .r .box .desc {

    line-height: 1.4;

    margin: 10px 0 0;

  }

  .honor {

    padding: 40px 0 60px;

  }

  .honor .tit {

    font-size: 24px;

  }

  .honor .desc {

    margin: 10px auto;

    line-height: 1.4;

  }

  .honor .list {

    margin: 20px -5px 0;

  }

  .honor .list .box {

    padding: 0 5px;

  }

  .prod .prod-desc {

    font-size: 16px;

  }

  .prod .prod-tit {

    font-size: 24px;

  }

  .prod .b1 {

    padding: 40px 0;

    margin: 0;

  }

  .prod .b1 .all {

    flex-wrap: wrap;

  }

  .prod .b1 .l {

    width: 100%;

  }

  .prod .b1 .l .prod-tit {

    margin: 10px 0;

  }

  .prod .b1 .l .desc2 {

    margin: 10px 0 0;

  }

  .prod .b1 .r {

    width: 100%;

    margin: 15px 0 0;

  }

  .prod .b2 {

    padding: 40px 0;

  }

  .prod .b2 .list {

    flex-wrap: wrap;

  }

  .prod .b2 .box {

    width: calc(50% - 5px);

  }

  .prod .b2 .box:nth-child(n+3) {

    margin: 25px 0 0;

  }

  .prod .b2 .box i {

    font-size: 28px;

  }

  .prod .b2 .box .tit {

    font-size: 18px;

    margin: 10px 0;

  }

  .prod .b3 {

    padding: 40px 0;

  }

  .prod .b3 .list .box {

    width: 50%;

  }

  .prod .b3 .list .box:nth-child(n+3) {

    margin: 15px 0 0;

  }

  .prod .b3 .list .box a {

    padding: 15px;

  }

  .prod .b3 .list .box a .tit {

    margin: 15px 0 10px;

  }

  .prod .b3 .list .box a .btn {

    margin: 15px 0 0;

    display: flex;

    align-items: center;

    padding: 5px 15px 2px;

  }

  .prod .b3 .list .box a .btn span {

    font-size: 14px;

  }

  .prod .b3 .list .box a .btn i {

    margin: 0 0 4px 5px;

  }

  .prod .b3 .cont {

    margin: 20px 0 40px;

  }

  .prod .b4 {

    padding: 40px 0;

  }

  .prod .b4 .list {

    margin: 15px -5px 0;

  }

  .prod .b4 .list .box {

    width: 50%;

    padding: 0 5px;

  }

  .prod .b4 .list .box:nth-child(n+3) {

    margin: 10px 0 0;

  }

  .prod .b5 {

    padding: 40px 0 0;

  }

  .prod .b6 {

    padding: 40px 0;

  }

  .prod .b6 .list .box {

    padding: 15px;

  }

  .prod .b6 .list .box .t {

    font-size: 18px;

  }

  .prod .b6 .list .box .t:after {

    font-size: 14px;

  }

  .prod .b6 .list .box .b {

    line-height: 1.4;

    margin: 10px 0 0;

  }

  .prod .b6 .list .box.active .b {

    margin: 10px 0 0;

  }

  .prod .b6 .list .box:first-child .b {

    margin: 10px 0 0;

  }

  .solu .solu-desc {

    font-size: 16px;

  }

  .solu .solu-tit {

    font-size: 24px;

  }

  .solu .b1 {

    padding: 40px 0 0;

  }

  .solu .b1 .list {

    margin: 20px -5px 0;

  }

  .solu .b1 .list .box {

    width: 50%;

    padding: 0 5px;

  }

  .solu .b1 .list .box:nth-child(n+3) {

    margin: 10px 0 0;

  }

  .solu .b2 {

    padding: 40px 10px;

  }

  .solu .b2 .box {

    flex-direction: column-reverse;

  }

  .solu .b2 .box .pic {

    width: 100%;

  }

  .solu .b2 .box .txt {

    width: 100%;

    padding: 15px 0 0;

  }

  .solu .b2 .box:nth-child(2n) {

    flex-direction: column-reverse;

  }

  .solu .b2 .box:nth-child(2n) .txt {

    padding: 15px 0 0;

  }

  .solu .b2 .box:nth-child(n+2) {

    margin: 15px 0 0;

  }

  .solu .b3 {

    padding: 40px 0;

  }

  .solu .b3 .list {

    flex-wrap: wrap;

  }

  .solu .b3 .box {

    width: calc(50% - 5px);

  }

  .solu .b3 .box:nth-child(n+3) {

    margin: 25px 0 0;

  }

  .solu .b3 .box i {

    font-size: 28px;

  }

  .solu .b3 .box .tit {

    font-size: 18px;

    margin: 10px 0;

  }

  .solu .b4 {

    padding: 40px 0;

  }

  .solu .b4 .list {

    flex-wrap: wrap;

    margin: 20px -5px 0;

  }

  .solu .b4 .list .box {

    margin: 10px 0 0;

    padding: 0 5px;

    width: 50%;

  }

  .solu .b4 .list .box:nth-child(2) {

    order: 1;

    width: 100%;

    margin: 0;

  }

  .solu .b4 .list .box:first-child {

    order: 2;

  }

  .solu .b4 .list .box:last-child {

    order: 3;

  }

  .service-customer .b1 {

    padding: 40px 0 0;

  }

  .service-customer .b1 .t .desc {

    font-size: 16px;

  }

  .service-customer .b1 .t .tit {

    font-size: 24px;

    padding: 0 0 15px;

  }

  .service-customer .b1 .t .tit:before {

    height: 4px;

  }

  .service-customer .b1 .m .box {

    width: calc(33.33333333% - 5px);

  }

  .service-customer .b1 .m .box .hover .tit {

    font-size: 16px;

  }

  .service-customer .b1 .m .box .hover i {

    font-size: 26px;

    margin: 0 0 10px;

  }

  .service-customer .b1 .b {

    margin: 30px -5px 0;

  }

  .service-customer .b1 .b .list {

    flex-wrap: wrap;

  }

  .service-customer .b1 .b .box {

    padding: 0 5px;

    width: 50%;

  }

  .service-customer .b1 .b .box:nth-child(n+3) {

    margin: 20px 0 0;

  }

  .service-customer .b2 {

    padding: 40px 0 0;

  }

  .service-customer .b2 .all {

    padding: 40px 10px;

  }

  .service-customer .b2 .l .tit {

    font-size: 24px;

  }

  .service-customer .b2 .l .desc {

    font-size: 16px;

    line-height: 1.4;

    margin: 10px 0 0;

  }

  .service-customer .b2 .r .box {

    width: calc(50% - 5px);

  }

  .service-customer .b3 {

    padding: 40px 0 0;

  }

  .service-customer .b3 .top .desc {

    font-size: 16px;

  }

  .service-customer .b3 .top .tit {

    font-size: 24px;

  }

  .service-customer .b3 .bot .list .box {

    padding: 15px;

  }

  .service-customer .b3 .bot .list .box .t {

    font-size: 18px;

  }

  .service-customer .b3 .bot .list .box .t:after {

    font-size: 14px;

  }

  .service-customer .b3 .bot .list .box:first-child .b {

    margin: 10px 0 0;

  }

  .service-customer .b3 .bot .list .box.active .b {

    margin: 10px 0 0;

  }

  .service-customer .b4 {

    padding: 40px 0;

  }

  .service-customer .b4 .all {

    flex-wrap: wrap;

  }

  .service-customer .b4 .l {

    padding: 0;

    width: 100%;

  }

  .service-customer .b4 .l .tit {

    font-size: 24px;

    padding: 0 0 15px;

  }

  .service-customer .b4 .l .tit:after {

    height: 4px;

  }

  .service-customer .b4 .l .desc {

    font-size: 16px;

    line-height: 1.4;

    margin: 15px 0 0;

  }

  .service-customer .b4 .r {

    width: 100%;

    margin: 20px 0 0;

    padding: 15px;

  }

  .service-customer .b4 .r .tit {

    font-size: 24px;

  }

  .service-customer .b4 .r .form p {

    width: calc(50% - 5px);

  }

  .service-customer .b4 .r .form input,

  .service-customer .b4 .r .form textarea {

    margin: 0 0 10px;

  }

  .support .su-desc {

    font-size: 16px;

  }

  .support .su-tit {

    font-size: 24px;

  }

  .support .b1 .t {

    padding: 40px 0;

  }

  .support .b1 .b {

    padding: 40px 10px;

  }

  .support .b1 .b .list {

    width: 100%;

  }

  .support .b1 .b .list .slick-list {

    overflow: hidden;

  }

  .support .b1 .b .list .cont {

    background-color: #fff;

  }

  .support .b1 .b .list .box {

    padding: 0;

  }

  .support .b1 .b .list .txt {

    width: 100%;

    padding: 20px 15px 15px;

  }

  .support .b1 .b .list .txt .tit {

    font-size: 20px;

  }

  .support .b1 .b .list .txt .tit2 {

    font-size: 16px;

    margin: 10px 0;

  }

  .support .b1 .b .list .txt .desc {

    font-size: 16px;

    line-height: 1.4;

  }

  .support .b1 .b .list .pic {

    padding: 0;

    margin: 0;

  }

  .support .b1 .b .list .slick-next {

    right: 20px;

  }

  .support .b1 .b .list .slick-prev {

    left: 20px;

  }

  .support .b2 {

    padding: 40px 0 0;

  }

  .support .b2 .b .box .hover .hover-tit {

    font-size: 18px;

  }

  .support .b2 .b .box .hover .desc {

    font-size: 14px;

    line-height: 1.4;

  }

  .support .b3 {

    padding: 40px 0;

  }

  .support .b3 .b {

    margin: 20px 0 0;

  }

  .support .b3 .b .box {

    flex-direction: column;

  }

  .support .b3 .b .box .pic {

    width: 100%;

  }

  .support .b3 .b .box .txt {

    width: 100%;

    padding: 20px 0 0;

  }

  .support .b3 .b .box .txt .tit {

    font-size: 20px;

  }

  .support .b3 .b .box:nth-child(n+2) {

    margin: 20px 0 0;

  }

  .support .b3 .b .box:nth-child(2n) {

    flex-direction: column;

  }

  .xs-online {

    display: block!important;

  }

  .suspended-list {

    top: auto;

    bottom: 120px;

    right: -60px;

    transition: all 0.35s;

    display: none;

  }

  .suspended-list ul {

    margin-bottom: 0;

  }

  .suspended-list ul li:hover a:before {

    transition: all 0.5s;

    transform: rotate(0);

  }

  .suspended-list ul li:first-child {

    transition: all 0.5s;

  }

  .suspended-list ul li:nth-child(2) {

    transition: all 0.5s;

  }

  .suspended-list ul li:nth-child(3) {

    transition: all 0.5s;

  }

  .suspended-list ul li:nth-child(4) {

    transition: all 0.5s;

  }

  .suspended-list ul li:nth-child(5) {

    transition: all 0.5s;

  }

  .suspended-list.look {

    right: 0;

    transition: all 0.35s;

  }

  .suspended-list.look ul li:first-child {

    transform: translateY(0);

    transition: all 0.5s;

  }

  .suspended-list.look ul li:nth-child(2) {

    transform: translateY(0);

    transition: all 0.5s;

  }

  .suspended-list.look ul li:nth-child(3) {

    transform: translateY(0);

    transition: all 0.5s;

  }

  .suspended-list.look ul li.plus img {

    transition: all 0.5s;

    transform: rotate(45deg);

  }

  .suspended-list.look li.open:hover a:before {

    transition: all 0.5s;

    transform: rotate(45deg);

  }

  .suspended-list.look li:nth-child(4) {

    transform: translateY(0);

    transition: all 0.5s;

  }

  .suspended-list.look li:nth-child(5) {

    transform: translateY(0);

    transition: all 0.5s;

  }

  .rotate45 {

    transform: rotate(45deg);

    transition: all 0.35s;

  }

  header .header-msglist {

    display: none;

  }

}

@media screen and (max-width: 767px) {
    .trp-shortcode-switcher__wrapper {
        margin-left: 15px;
        margin-right: 0;
    }
    header .all .b .cont .header-logo {
        width: 120px;
        margin-left: 0px;
    }

  .banner .item > a .item-txt .txt {

    font-size: 20px;

  }

  .banner .item > a .item-txt .pic .box {

    width: 80px;

    height: 80px;

  }

  .banner .item .item-txt .tit {

    font-size: 24px;

  }

  .banner .item .item-txt .tit i {

    font-size: 22px;

  }

  .banner .item .item-txt .desc {

    font-size: 15px;

    margin: 15px 0 0;

  }

  .banner .banner-btn {

    bottom: 15px;

  }

  .banner .banner-btn .banner-swiper-pagination span {

    width: 3px;

    height: 13px;

    margin: 0 5px;

  }

  .banner .banner-btn .banner-swiper-pagination span.swiper-pagination-bullet-active {

    width: 6px;

    height: 25px;

  }

  .support .b2 .b .box {

    width: 100%;

  }

  .support .b2 .b .box:nth-child(n+2) {

    margin: 10px 0 0;

  }
  .pop .content {
    width: 96%;
    padding: 30px 15px;
  }
  .pop .content .out span {
    font-size: 30px;
  }
  .pop .content h2 {
    font-size: 30px;
  }
  .pop .content form ul li {
    width: 49%;
  }
  .pop .content form ul li input {
    height: 35px;
  }
  .pop .content form ul li:last-child textarea {
    height: 100px;
  }
  .pop .content .pop-tips p {
    font-size: 16px;
  }
}

@media screen and (max-width: 641px) {

  .search {

    padding: 40px 0 0;

  }

  .search .search-all .results .search-list ul {

    margin: 0 -5px;

  }

  .search .search-all .results .search-list li {

    width: 50%;

    padding: 0 5px;

  }

  .search .search-all .results .search-list li:nth-child(n+3) {

    margin: 10px 0 0;

  }

  .page-banner .item {

    width: 150%;

    margin-left: -25%;

  }

}

@media screen and (max-width: 580px) {

  .page-banner .item {

    width: 200%;

    margin-left: -50%;

  }

}

@media screen and (max-width: 550px) {

  .banner .item > a > img {

    width: 150%;

    margin-left: -25%;

  }

  .search-wrap {

    right: -120px;

  }

}

@media screen and (max-width: 480px) {
    header .all .b .cont .header-search a.hs {
        margin-right: 10px;
    }
  header .all .b .cont .header-logo {
    width: 100px;
  }
  header .all .b .cont .header-search a.hs {
    padding: 5px 10px;
    font-size: 14px;
  }

  .banner .item > a .item-txt .txt {

    font-size: 18px;

  }

  .banner .item > a .item-txt .pic {

    margin: 15px 0 0;

  }

  .banner .item > a .item-txt .pic .box {

    width: 50px;

    height: 50px;

  }

  .banner .item > a .item-txt .pic .box:nth-child(n+2) {

    margin-left: 10px;

  }

  .prod .b3 .list .box {

    width: 100%;

  }

  .prod .b3 .list .box:nth-child(n+2) {

    margin: 10px 0 0;

  }

  .prod .b5 .list {

    flex-wrap: wrap;

  }

  .prod .b5 .list .box {

    width: calc(50% - 5px);

    margin: 10px 0 0;

  }

  .prod .b5 .list .box:nth-child(2) {

    order: 1;

    width: 100%;

    margin: 0;

  }

  .prod .b5 .list .box:first-child {

    order: 2;

  }

  .prod .b5 .list .box:last-child {

    order: 3;

  }

  .page-banner .item {

    width: 250%;

    margin-left: -75%;

  }

  .page-banner .page-prod {

    top: 30px;

    transform: translateY(0);

  }

}