@media (max-width: 1600px) {
  .pro-nav-fixed {
    width: 1200px;
    margin-left: -600px;
  }
  .dtls-top .dtls-oth .op a,
  .solu-list .solu-text .dtls-oth .op a {
    font-size: 14px;
    padding-left: 36px;
    margin-left: 15px;
  }
  .dtls-top .user-op,
  .solu-text .user-op {
    margin-top: 0.36rem;
  }
  .dtls-top .depict,
  .solu-list .solu-text .depict {
    font-size: 16px;
    line-height: 28px;
    margin: 0.32rem 0 0.25rem 0;
  }
  .dtls-btm .tab-nav a {
    font-size: 18px;
  }
  .dtls-btm .buy-way .buy-cont .buy-item span,
  .dtls-btm .buy-way .buy-cont .buy-item .buy-link {
    display: inline-block;
    font-size: 16px;
    color: #666666;
    padding-left: 56px;
    line-height: 40px;
  }
  .dtls-btm .buy-way .buy-cont .buy-item {
    margin-bottom: 20px;
  }
  .dtls-btm .buy-way .apply-btn {
    margin-top: 0.59rem;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
  }
  .dtls-btm .down-list li h5 {
    font-size: 16px;
  }
  .dtls-btm .down-list li .down-btn {
    font-size: 14px;
  }
  .dtls-btm .ask-box .txt {
    font-size: 18px;
    line-height: 34px;
  }
  .dtls-btm .ask-box .as .txt {
    font-size: 16px;
    line-height: 34px;
  }
  .dtls-btm .ask-box .as {
    margin-top: 0.2rem;
  }
  .dtls-btm .specific table td {
    font-size: 16px;
  }
  .dtls-btm .description p {
    font-size: 16px;
  }
  .dtls-btm .description h4,
  .dtls-btm .specific h4 {
    font-size: 22px;
  }
  .rec-box .rec-tit a {
    font-size: 16px;
  }
  .rec-box .rec-tit h4 {
    font-size: 24px;
  }
  .rec-box .rec-list {
    margin: 30px 0 0 -2.08%;
  }
  .rec-box {
    margin-top: 0.6rem;
  }
  .pro-list li .pro-tit {
    font-size: 20px;
  }
  .pro-list li .pro-text .produce .bj-txt {
    font-size: 16px;
  }
  .pro-list li .pro-text .pro-oth,
  .pro-list li .pro-text .pro-oth .op a {
    font-size: 16px;
  }
  .pro-list li .pro-text .pro-oth .op a {
    /* margin-left: 25px; */
    margin-right: 25px;
  }
  .pro-list .view-dtls {
    height: 50px;
    line-height: 46px;
    font-size: 16px;
  }
  .solu-list .solu-text .dtls-tit h4 {
    font-size: 28px;
  }
  .solu-list .solu-text .dtls-oth {
    margin-top: 18px;
    padding-bottom: 0.26rem;
  }
  .solu-text .user-op {
    margin-top: 26px;
  }
  .solu-list .dtls-btn {
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    margin-top: 10px;
  }
  .solu-list .solu-text .depict {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .dtls-top.solu-dtls-top .user-op .online-btn {
    line-height: 48px;
  }
  .dtls-top.solu-dtls-top .user-op a {
    height: 48px;
    font-size: 16px;
  }
  .dtls-top.solu-dtls-top .dtls-oth {
    margin-top: 11px;
    padding-bottom: 0.26rem;
  }
  .dtls-btm .specific .hardware li h5 {
    font-size: 18px;
    margin-top: 15px;
  }
  .dtls-btm .cus-list li h6 {
    font-size: 18px;
  }
  .dtls-btm .cus-list li p {
    font-size: 14px;
  }
  .dtls-btm .cus-list li input {
    font-size: 18px;
  }
  .dtls-btm .customized h4 {
    font-size: 22px;
  }
  .solution-pop.pro-pop {
    height: 660px;
    margin: -330px 0 0 -480px;
  }
  .solution-pop .form-item {
    margin-top: 12px;
  }
  .solution-pop .form-item input {
    margin-top: 10px;
  }
  .solution-pop .form-item input {
    height: 40px;
    line-height: 36px;
  }
}
@media (max-width: 1400px) {
}
@media (max-width: 1200px) {
  .pro-nav-fixed {
    width: 100%;
    margin: 0;
    left: 0;
    top: 60px;
  }
  .pro-list li .pro-text .produce .bj-txt {
    width: 83%;
  }
  .rec-box .rec-list .rec-text p {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
  }
  .rec-box .rec-list .rec-text h5 {
    font-size: 16px;
  }
  .pro-list li .pro-text .produce .bj-tit {
    font-size: 16px;
  }
  .pro-list li .pro-text .produce .bj-txt {
    font-size: 14px;
  }
  .pro-list li .pro-text .pro-oth,
  .pro-list li .pro-text .pro-oth .op a {
    font-size: 14px;
  }
  .dtls-top .user-op a {
    height: 46px;
    font-size: 16px;
  }
  .dtls-top .user-op .online-btn {
    line-height: 42px;
  }
  .dtls-top .user-op .apply-btn {
    line-height: 46px;
  }
  .dtls-top .dtls-text .dtls-tit h4 {
    font-size: 20px;
  }
  .dtls-top .dtls-oth {
    flex-wrap: wrap;
  }
  .dtls-top .dtls-oth {
    margin-top: 12px;
    padding-bottom: 15px;
  }
  .dtls-top .dtls-oth .op a {
    margin-left: 0;
    margin-right: 15px;
  }
  .dtls-btm .tab-nav {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
  }
}
@media (max-width: 991px) {
  .pc-mRig {
    display: none;
  }
  .mobile-mRig {
    display: block;
  }
  .mobile-mRig .mBig {
    width: 100%;
    border: none;
  }
  .mSwiper {
    /* height: auto; */
  }
  .dtls-top .dtls-pic {
    height: auto;
  }
  .video-list .v-item.style02 {
    width: 48.5%;
  }
  .video-list .v-item .video-play {
    width: 36px;
    height: 36px;
    margin: -18px 0 0 -18px;
  }
  .video-parent {
    width: 96%;
    left: 2%;
    top: 10%;
    margin: 0;
    height: auto;
  }
  .video-js {
    width: 100%;
  }
  .product .s-key {
    font-size: 14px;
    margin-top: 20px;
  }
  .pro-list li .pro-text .produce {
    display: none;
  }
  .pro-box .pro-list ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -2%;
  }
  .pro-box .pro-list li {
    width: 48.5%;
    margin-left: 1.5%;
  }
  .category .tit {
    display: none;
  }
  .product .category {
    margin: 30px auto 20px;
  }
  .category .second-cate span {
    margin: 0 10px;
    font-size: 16px;
  }
  .category .second-cate span:first-child {
    margin: 0 10px 0 0;
  }
  .third-cate .third-list li {
    margin: 0 10px;
  }
  .third-cate .third-list li:first-child {
    margin: 0 0 0 5px;
  }
  .third-cate {
    margin: 15px 0 0;
  }
  .four-cate a {
    margin-left: 20px;
  }
  .four-cate a:first-child {
    margin-left: 0;
  }
  .category .cate-box {
    width: 100%;
  }
  .pro-top .pro-search {
    /* height: 45px;		line-height: 45px; */
    display: none;
  }
  .pro-top .pro-search input {
    line-height: 45px;
  }
  .pro-top .pro-sort {
    font-size: 14px;
  }
  .pro-list li {
    padding: 0.25rem 0.31rem;
  }
  .pro-list li .pro-item {
    margin-top: 20px;
  }
  .pro-list li .pro-text .pro-oth,
  .solu-list .solu-text .dtls-oth {
    flex-wrap: wrap;
    margin: 15px 0 20px 0;
    justify-content: start;
    display: none;
  }
  .pro-list li .pro-text .pro-oth .op {
    width: 100%;
    margin-top: 10px;
    display: none;
  }
  .pro-list li .pro-text .pro-oth .op a,
  .solu-list .solu-text .dtls-oth .op a {
    margin-left: 0;
    margin-right: 15px;
  }
  .pro-list .view-dtls {
    width: 120px;
    height: 40px;
    line-height: 36px;
    font-size: 14px;
  }
  .pro-list li .pro-text {
    width: 58%;
  }
  .pro-list .pro-pic {
    width: 34%;
  }
  .pro-list li .pro-text .pro-oth .date-item {
    /* margin-right: 15px; */
    display: none;
  }
  .pro-list li .pro-text .pro-oth .op .preview,
  .pro-list li .pro-text .pro-oth .op .down,
  .pro-list li .pro-text .pro-oth .op .share,
  .solu-list .solu-text .dtls-oth .op .preview,
  .solu-list .solu-text .dtls-oth .op .down,
  .solu-list .solu-text .dtls-oth .op .share {
    background-size: 25px 25px;
    padding-left: 30px;
  }
  .pro-list li .pro-text .pro-oth .op .preview:hover,
  .pro-list li .pro-text .pro-oth .op .down:hover,
  .pro-list li .pro-text .pro-oth .op .share:hover,
  .solu-list .solu-text .dtls-oth .op .preview:hover,
  .solu-list .solu-text .dtls-oth .op .down:hover,
  .solu-list .solu-text .dtls-oth .op .share:hover {
    background-size: 25px 25px; /* padding-left: 30px; */
  }
  .pro-list li .pro-text .pro-oth .op .down,
  .pro-list li .pro-text .pro-oth .op .share {
    padding-left: 25px;
  }
  .pro-list li .pro-text .produce .bj-txt {
    width: 78%;
  }
  .pro-top .pro-sort span {
    margin-left: 15px;
  }
  .dtls-top .depict {
    font-size: 14px;
    line-height: 26px;
    display: none;
  }
  .dtls-btm .ask-box .as .txt {
    font-size: 14px;
  }
  .dtls-btm .ask-box .txt {
    font-size: 16px;
  } /* .dtls-btm .ask-box .txt{		padding-left: 20px;	} */
  .dtls-btm .tab-nav-box {
    height: 48px;
    line-height: 48px;
  }
  .dtls-btm .tab-nav {
    height: 48px;
    line-height: 48px;
  }
  .dtls-btm,
  .dtls-btm .tab-content {
    margin-top: 0.5rem;
  }
  .dtls-btm .tab-nav a {
    width: 140px;
  }
  .dtls-btm .description p {
    font-size: 14px;
    line-height: 28px;
  }
  .dtls-btm .description h4,
  .dtls-btm .specific h4 {
    font-size: 18px;
  }
  .dtls-btm .specific table td {
    font-size: 14px;
  }
  .dtls-btm .specific table tr,
  .dtls-btm .specific table td {
    line-height: 46px;
  }
  .dtls-btm .buy-way .buy-cont .buy-item span,
  .dtls-btm .buy-way .buy-cont .buy-item .buy-link {
    font-size: 14px;
    line-height: 32px;
    padding-left: 36px;
  }
  .dtls-btm .buy-way .buy-cont .buy-item .buy-link {
    line-height: 28px;
  }
  .dtls-btm .buy-way .buy-cont .buy-item .tel,
  .dtls-btm .buy-way .buy-cont .buy-item .email,
  .dtls-btm .buy-way .buy-cont .buy-item .wx,
  .dtls-btm .buy-way .buy-cont .buy-item .qq,
  .dtls-btm .buy-way .buy-cont .buy-item .buy-link {
    background-size: 26px 26px;
  }
  .dtls-btm .buy-way .buy-cont .buy-item .email,
  .dtls-btm .buy-way .buy-cont .buy-item .qq {
    margin-left: 20px;
  }
  .dtls-btm .hardware li {
    width: 48.5%;
    margin: 0 0 0.3rem 1.5%;
  }
  .dtls-btm .specific .hardware li h5 {
    margin-top: 10px;
    font-size: 16px;
  }
  .dtls-btm .hardware li .hd-pic {
    max-width: 100%;
    max-height: 100%;
  }
  .dtls-btm .tab-content {
    padding-bottom: 0.1rem;
  }
  .solu-list .solu-text .dtls-oth .date-item span {
    margin: 0 15px 0 5px;
  }
  .solu-list .solu-text .dtls-tit h4 {
    font-size: 20px;
  }
  .solu-list .solu-text .depict {
    font-size: 14px;
    line-height: 24px;
  }
  .solution-pop,
  .solution-pop.pro-pop {
    width: 96%;
    left: 2%;
    top: 5%;
    margin: 0;
    padding: 0.45rem 0.35rem;
    height: auto;
    bottom: 5%;
    overflow-y: auto; /* position: absolute; */
  }
  .close-btn {
    top: 15px;
    right: 15px;
    width: 20px;
    height: 20px;
  }
  .solution-pop .form-item {
    flex-wrap: wrap;
    margin-top: 0;
  }
  .solution-pop .form-item input {
    width: 100%;
  }
  .solution-pop .form-item .inp-con {
    width: 100%;
    margin-bottom: 10px;
  }
  .solution-pop h5 {
    font-size: 20px;
  }
  .solution-pop p {
    font-size: 12px;
    margin: 5px 0 15px 0;
  }
  .solution-pop .form-item label {
    font-size: 14px;
  }
  .solution-pop .form-item input {
    margin-top: 5px;
    height: 40px;
    line-height: 36px;
  }
  .solution-pop .submit-btn {
    width: 100%;
    height: 42px;
    line-height: 42px;
    margin-top: 20px;
    font-size: 14px;
  }
  .dtls-btm .customized h4 {
    font-size: 18px;
  }
  .tags {
    display: none;
  }
  .pro-list .pro-pic .code-box,
  .dtls-top .dtls-pic .code-box {
    display: none;
  }
  .pro-list li .pro-tit a {
    display: none;
  }
  .pro-list li .pro-tit h4 {
    width: 100%;
  }
  .dtls-top .dtls-oth {
    display: none;
  }
  .inp-con.txt-con {
    margin-top: 0;
  }
  .txt-con label {
    font-size: 14px;
  }
  .txt-con textarea {
    margin-top: 5px;
  }
  .solu-list .solu-text .dtls-tit .share {
    width: 22px;
    height: 22px;
    background-size: 100%;
  }
  .product .pc-category {
    display: none;
  }
  .product .mobile-category {
    display: block;
  }
  .pro-list li .pro-tit a.share {
    display: none;
  }
  .dtls-btm .cus-list {
    margin-left: -1.5%;
  }
  .dtls-btm .cus-list li {
    width: 48.5%;
    margin-left: 1.5%;
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  .dtls-btm .cus-list li .cus-descript {
    margin-top: 15px;
  }
  .dtls-btm .customized h4 {
    margin-top: 20px;
  }
  .dtls-btm .cus-list {
    margin-top: 20px;
  }
  .dtls-btm .cus-list li .add-num {
    margin-top: 10px;
  }
  .submit-solution {
    margin: 30px 0 20px 0;
  }
  .pro-nav-fixed {
    top: 60px;
    width: 100%;
    left: 0;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .pro-top {
    flex-wrap: wrap;
  }
  .pro-top .pro-search {
    width: 100%;
  }
  .pro-top .pro-sort {
    width: 100%;
    text-align: right;
    margin-top: 20px;
  }
  .pro-list li {
    margin-top: 15px;
  }
  .rec-box .rec-list li {
    width: 48.5%;
    margin: 0 0 10px 1.5%;
  }
  .rec-box .rec-list {
    flex-wrap: wrap;
    margin: 15px 0 0 -1.5%;
  }
  .rec-box .rec-list .rec-pic {
    max-width: 100%;
    max-height: auto;
  }
  .rec-box .rec-tit h4 {
    font-size: 20px;
  }
  .rec-box .rec-tit a {
    font-size: 12px;
  }
  .rec-box {
    margin-top: 30px;
  }
  .dtls-top {
    flex-wrap: wrap;
  }
  .dtls-top .dtls-pic {
    width: 100%;
    float: none;
    max-width: 100%;
    max-height: 100%;
    margin-bottom: 20px;
    height: 360px;
  }
  .dtls-top .dtls-pic.solu-dtls-pic {
    height: auto;
  }
  .dtls-top .dtls-text {
    width: 100%;
    float: none;
  }
  .dtls-btm .buy-way .buy-pic {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    margin-bottom: 15px;
  }
  .dtls-btm .buy-way .buy-cont {
    width: 100%;
  }
  .dtls-btm .tab-nav {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
  }
  .dtls-top .dtls-text .dtls-tit h4 {
    font-size: 16px;
  }
  .dtls-top .dtls-text .dtls-tit .share {
    width: 22px;
    height: 22px;
    background-size: 100%;
  } /* .dtls-top .dtls-text .dtls-tit{		align-items: center;	} */
  .dtls-btm .cus-list li .num-btn,
  .dtls-btm .cus-list li input {
    width: 26px;
    height: 26px;
    line-height: 24px;
    font-size: 20px;
  }
  .dtls-btm .cus-list li input {
    line-height: 26px;
    font-size: 16px;
  }
  .solu-list ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1.7%;
  }
  .solu-list li {
    flex-wrap: wrap;
    width: 48%;
    margin-left: 1.7%;
  }
  .solu-list .solu-pic {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    margin-bottom: 15px;
  }
  .solu-list .solu-text {
    width: 100%;
  }
  .dtls-btm .cus-list li .cus-pic {
    width: 100%;
    height: auto;
  }
  .dtls-btm .cus-list li h6 {
    font-size: 16px;
  }
  .dtls-btm .cus-list li p {
    margin-top: 0.1rem;
  }
  .dtls-btm .cus-list li .pc-add-num {
    display: none;
  }
  .dtls-btm .cus-list li .mobile-add-num {
    display: flex;
    margin-top: 10px;
  }
  .dtls-btm .cus-list li .add-btn {
    border: 1px solid #0a3d8d;
  }
  .dtls-btm .cus-list li input {
    margin: 0 5px;
  }
  .dtls-top .dtls-text .dtls-tit h4,
  .solu-list .solu-text .dtls-tit h4 {
    line-height: 22px;
  }
  .dtls-btm .cus-list li .minus-btn {
    font-size: 24px;
  }
  .category .second-cate span {
    padding: 0 4px;
  }
  .third-cate .third-list li .in-nav {
    font-size: 12px;
  }
  .third-cate .third-list li {
    margin: 0 5px;
  }
  .category .second-cate span {
    font-size: 14px;
  }
}
@media (max-width: 680px) {
  .pro-list li .pro-text .produce .bj-txt {
    width: 74%;
  }
}
@media (max-width: 640px) {
  .pro-list li .pro-item {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .pro-list li .pro-text,
  .pro-list .pro-pic {
    width: 100%;
    float: none; /* padding: 10%; */
  }
  .pro-list .pro-pic {
    max-width: 100%;
    max-height: 100%;
    margin-bottom: 15px;
  }
  .pro-list li .pro-text .produce .bj-txt {
    width: 80%;
  }
  .rec-box .rec-list .rec-text {
    padding: 0.28rem 0.25rem;
  }
  .pro-list li .pro-tit {
    font-size: 16px;
  }
  .solu-list .solu-text .dtls-tit h4 {
    font-size: 16px;
  }
  .solu-list .solu-text .dtls-oth {
    margin: 5px 0 10px 0;
  }
  .solu-list .dtls-btn,
  .dtls-top.solu-dtls-top .user-op .online-btn {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
  .solu-list li {
    padding: 10px;
    margin-top: 15px;
  }
  .submit-solution {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  .pro-list li .pro-text .produce .bj-txt {
    width: 76%;
  }
  .dtls-top .user-op {
    justify-content: space-between;
  }
  .dtls-top .user-op a {
    width: 48.5%;
  }
  .dtls-top .user-op .apply-btn {
    margin-left: 0;
  }
  .dtls-btm .down-list li h5 {
    font-size: 14px;
    padding-left: 35px;
    background-size: 26px 26px;
    width: 75%;
  }
  .dtls-btm .ask-box .as .txt,
  .dtls-btm .ask-box .txt {
    line-height: 24px;
  }
  .dtls-btm .buy-way .buy-cont .buy-item span {
    width: 100%;
  }
  .dtls-btm .buy-way .buy-cont .buy-item .email,
  .dtls-btm .buy-way .buy-cont .buy-item .qq {
    margin-left: 0;
  }
  .dtls-btm .buy-way .apply-btn {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
  .dtls-btm .tab-nav a {
    font-size: 14px;
    width: 120px;
  }
  .dtls-btm .specific .hardware li h5 {
    font-size: 14px;
  }
  .dtls-btm .cus-list li {
    flex-wrap: wrap;
  }
  .dtls-btm .cus-list li .cus-left {
    width: 100%;
  }
  .category .second-cate span {
    font-size: 14px;
    line-height: 34px;
  }
  .pro-list .view-dtls {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .pro-nav-fixed {
    top: 50px;
  }
}
@media (max-width: 380px) {
  .pro-list li .pro-text .produce {
    flex-wrap: wrap;
  }
  .pro-list li .pro-text .produce .bj-tit {
    width: 100%;
    display: block;
  }
  .pro-list li .pro-text .produce .bj-txt {
    width: 100%;
  }
  .third-cate {
    margin: 8px 0;
  }
  .pro-top .pro-sort span {
    margin-left: 5px;
  }
}