/*手机端适配*/

@media (max-width:1670px) {
  .center-box {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }

  .swiper-out-box {
    padding: 0 45px;
  }
}

@media (max-width:1440px) {
  .nav-ul>li {
    font-size: 20px;
  }

  .nav-ul {
    padding: 0;
  }
}

@media (max-width:1240px) {
  .nav-ul>li {
    font-size: 14px;
  }

  .nav-ul {
    padding: 0;
  }
}
@media (max-width:992px) {
  .arrow-down {
    width: 20px;
    height: 20px;
    background: url(/img/arrow-down.png) no-repeat center;
    background-size: 100% 100%;
    transition: transform 0.3s ease;
  }
  #center-box-footer .md-oper-btn{
    font-size: 18px !important;
    height: 45px !important;
    margin-right: 10px !important;
  }
  .drop-ul-tab>a {
    padding: 0 0;
  }

  .mobile-img {
    object-fit: cover;
  }

  .video-btn {
    width: 42px;
    height: 42px;
    bottom: unset;
    right: unset;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
  }

  .swiper-evaluate-prev {
    left: 0;
    transform: none;
    width: auto;
  }

  .swiper-evaluate-next {
    right: 0;
    transform: none;
    width: auto;
  }

  .swiper-out-box {
    padding: 0 25px;
  }

  .drop-content {
    transform: none;
    padding-top: 0;
    width: 100%;
    position: static
  }

  .drop-ul {
    box-shadow: none;
    padding: 0;
    border-radius: 0;
    text-align: left;
    background-color: #eee;
    min-width: auto;
  }

  .drop-ul>li>a {
    padding: 0 20px;
  }

  .drop-ul>li {
    margin-top: 0;
    font-size: 14px;
  }

  .swiper-app-inner {
    padding: 0 12px 40px 0;
  }

  .nav-ul {
    padding: 0;
  }

  .head-bott {
    padding: 15px 0;
  }

  /* .head-bright {width: 24px;} */
  .head-bleft {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
  }

  .swiper-app {
    margin-top: 25px;
    padding-bottom: 25px;
  }

  .nav-ul>li+li {
    margin-left: 0;
  }

  ._web-mt15 {
    margin-top: 15px;
  }

  ._web-mt20 {
    margin-top: 20px;
  }

  ._web-mt25 {
    margin-top: 25px;
  }

  ._web-fs12 {
    font-size: 12px;
  }

  ._web-fs14 {
    font-size: 14px;
  }

  ._web-fs16 {
    font-size: 16px;
  }

  ._web-fs18 {
    font-size: 18px;
  }

  ._web-fs20 {
    font-size: 20px;
  }

  ._web-fs22 {
    font-size: 22px;
  }

  ._web-fs24 {
    font-size: 24px;
  }

  ._web-pd40 {
    padding: 40px 0;
  }

  ._web-pd15 {
    padding: 15px 0;
  }

  ._web-pd20 {
    padding: 20px 0;
  }

  ._web-pd25 {
    padding: 25px 0;
  }

  .message .normal-tit-group {
    text-align: left;
  }

  .pro-ul {
    margin-top: 0;
  }

  .news_bott {
    padding-top: 20px;
  }

  .news_tit {
    font-size: 16px;
    margin-top: 15px;
  }

  .blog-tit {
    font-size: 16px;
  }

  .news_time,
  .blog-time {
    font-size: 14px;
  }

  .news_btn {
    height: 45px;
    width: 145px;
    font-size: 14px;
  }

  .news_btn .icon-arrowright1 {
    font-size: 16px;
  }

  .news_ul>li {
    width: 100%;
    margin-left: 0 !important;
    margin-top: 25px;
  }

  .quote-name {
    font-size: 18px;
  }

  .quote-time {
    font-size: 12px;
    margin-top: 30px;
  }

  .swiper-evaluate .swiper-slide {
    padding: 25px 25px;
  }

  .quote-desc {
    font-size: 16px;
    margin-top: 20px;
  }

  .quote-img {
    height: 42px;
  }

  .show-more-box {
    margin-top: 25px;
  }

  .show-more-btn {
    height: 50px;
    width: 100%;
    font-size: 16px;
  }

  .show-more-btn .iconfont {
    font-size: 16px;
  }

  .enter-ul>li {
    padding: 25px 0;
  }

  .enter-ul>li:nth-of-type(2n+1) {
    padding-right: 15px;
  }

  .enter-ul>li:nth-of-type(2n+2) {
    padding-left: 15px;
  }

  .enter-ul>li:nth-of-type(2n+1)::before {
    width: calc(100vw - 30px);
    height: 2px;
    left: 0;
    bottom: 0;
    top: unset;
    transform: translate(0, 0);
    background: linear-gradient(90deg, transparent, rgba(51, 51, 51, 0.5), transparent);
  }

  .col-fff .enter-ul>li:nth-of-type(2n+1)::before {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
  }

  .swiper-evaluate .swiper-slide::before {
    transform: translate(-50%, 0);
  }

  .swiper-out-box {
    overflow: hidden;
  }

  .cont-dl {
    margin-top: 20px;
  }

  .cont-dl>dt {
    width: 40px;
  }

  .cont-icon {
    width: 22px;
  }

  .banner-list-word {
    top: 50%;
  }

  .not-bbox {
    margin-top: 25px;
  }

  .comp-sdec {
    font-size: 15px;
  }

  .coin-img {
    width: 42px;
  }

  .comp-stit {
    font-size: 20px;
    margin: 15px 0 15px;
  }

  .comp-sleft {
    padding: 25px 20px;
  }

  .swiper-main-prev .iconfont,
  .swiper-main-next .iconfont {
    color: #FF7700;
  }

  .swiper-main-next,
  .swiper-main-prev {
    width: 49.05%;
    height: 50px;
  }

  .his-irdesc {
    font-size: 14px;
  }

  .his-irtime {
    font-size: 20px;
    margin: 10px 0;
  }

  .comp-img {
    width: 18px;
  }

  .his-irtit {
    font-size: 20px;
  }

  .about-us-mid {
    margin-top: 25px;
  }

  .aut-rdesc {
    font-size: 14px;
  }

  .aut-warning::after,
  .aut-warning::before {
    width: 24px;
    height: 29px;
  }

  .aut-warning {
    font-size: 16px;
    padding: 20px 3.64vw;
    margin: 25px 0;
  }

  .aut-rtit {
    font-size: 18px;
  }

  #myVideo {
    aspect-ratio: 690 / 510;
    object-fit: cover;
  }

  .notfound {
    padding-bottom: 25px;
  }

  .not-desc {
    font-size: 14px;
    margin-top: 15px;
  }

  .not-btn {
    width: 100%;
    height: 50px;
    font-size: 16px;
  }

  .not-btn+.not-btn {
    margin-left: 0;
    margin-top: 15px;
  }

  .not-tit {
    font-size: 20px;
    margin-top: 25px;
  }

  .next-prev {
    height: 45px;
    border: 1px solid #ddd;
    border-radius: 10px;
    display: inline-flex;
    justify-content: center;
    align-content: center;
    font-size: 16px;
    color: #FF7700;
  }

  .next-prev a {
    color: #FF7700;
  }

  .news_ul {
    padding-top: 0;
  }

  .swiper-evaluate-prev::after,
  .swiper-evaluate-next::after {
    font-size: 24px;
  }

  .pro-btn {
    height: 45px;
    width: 145px;
    font-size: 14px;
  }

  .f-icon {
    height: 36px;
  }

  .e-img {
    height: 32px;
  }

  .swiper-evaluate {
    overflow: visible;
    margin-top: 25px;
  }

  .e-desc {
    font-size: 14px;
  }

  .e-tit {
    font-size: 16px;
    margin: 15px 0;
  }

  .enter-ul>li {
    width: 50%;
  }

  .pro-tit {
    font-size: 16px;
    margin: 10px 0;
  }

  .enter-ul {
    margin-top: 25px;
  }

  .reco-top {
    /* padding-top: 10px; */
    padding-left: 20px;
  }

  .reco-bott {
    transform: translate(0, 26px);
  }

  .reco-btn {
    height: 40px;
    width: 125px;
    margin-top: 10px;
    font-size: 14px;
  }

  .reco-logo {
    font-size: 22px;
    max-width: 65px;
    top: 15px;
    left: 15px;
  }

  .recomm-ul {
    padding-top: 10px;
  }

  .details-show {
    padding: 25px 0;
    font-size: 14px;
  }

  .blog-details-tit {
    font-size: 18px;
  }

  .md-rtop {
    padding-bottom: 15px;
  }

  .md-rdesc {
    font-size: 15px;
  }

  .mde-item {
    margin-top: 25px;
  }

  .mdetails-mid-span::after {
    height: 3px;
  }

  .swiper-hornor {
    padding-bottom: 25px;
  }

  .mde-ul>li {
    width: 33.33%;
  }

  .swiper-hornor {
    margin-top: 25px;
  }

  .mde-ul>li .swiper-app-inner {
    padding-bottom: 12px;
  }

  .mdetails-mid-span {
    font-size: 18px;
    padding-bottom: 10px;
  }

  .mdetail-mid {
    padding-top: 0;
  }

  .mdetails-box {
    padding-bottom: 25px;
  }

  .md-oper-btn {
    width: 100%;
    height: 45px;
    font-size: 16px;
  }

  .md-oper-btn+.md-oper-btn {
    margin-left: 0;
  }

  .md-rmedia {
    margin-top: 15px;
  }

  .me-img,
  .m1-img,
  .md-rmeimg {
    width: 26px;
  }

  .blog-c {
    width: 16px;
    margin-right: 5px;
  }

  .blog-me-info,
  .blog-me-img-group {
    font-size: 14px;
    margin-top: 15px;
  }

  .swiper-like {
    margin-top: 25px;
    padding-bottom: 25px;
  }

  .recomm-ul>li {
    width: 48.5%;
    padding: 40px 0 10px;
    border-bottom-width: 4px;
    margin-top: 15px;
  }

  .swiper-like .swiper-slide {
    padding: 40px 0 10px;
    border-bottom-width: 4px;
  }

  .recomm-ul-3>li:nth-of-type(3n+1),
  .recomm-ul-3>li {
    margin-left: 1.43%;
  }

  .recomm-ul-3>li:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .reco-tit {
    font-size: 14px;
    margin-top: 10px;
  }

  .normal-desc2 {
    font-size: 16px;
    margin-top: 15px;
  }

  .right-fixed-ul {
    right: 15px;
    display: none;
  }

  .pro-ul>li {
    margin-top: 25px;
    min-height: auto;
    aspect-ratio: 689 / 588;
  }

  .pro-ul>li,
  .pro-ul>li.on {
    width: 100%;
  }

  .product-box,
  .enterprice,
  .recommendation,
  .evaluate,
  .message,
  .news {
    padding: 6px;
  }

  .footer-top {
    padding: 25px 0;
  }

  .normal-desc {
    font-size: 14px;
    margin-top: 10px;
  }

  .footer {
    background-image: url() !important;
  }

  .normal-tit {
    font-size: 20px;
  }

  .sa-tit {
    font-size: 14px;
  }

  .fb-left {
    font-size: 14px;
  }

  .footer-ctext {
    font-size: 14px;
    margin-top: 15px;
  }

  .footer-ul {
    flex-direction: column;
  }

  .footer-utop {
    font-size: 20px;
  }

  .footer-ctel {
    font-size: 24px;
    margin-top: 20px;
  }

  .footer-add {
    max-width: 100%;
  }

  .footer-ul>li {
    margin-top: 15px;
  }

  .footer-links {
    margin-top: 0px;
  }

  .footer-links:not(.footer-info) {
    display: none;
  }

  .footer-link {
    font-size: 14px;
    margin-top: 15px;
  }

  .fb-right {
    margin-top: 15px;
    font-size: 14px;
  }

  .footer-ul>li {
    order: 1;
  }

  .footer-ul>li:first-child {
    order: 10;
  }

  .footer-bott {
    flex-direction: column;
    align-items: center;
    padding: 15px 0;
    text-align: center;
  }

  .footer-logo,
  .logo-img {
    max-width: 94px;
    font-size: 32px;
  }

  .nav-position-pd {
    padding: 20px 0;
  }

  .footer-logo {
    font-weight: 600;
    color: #fff;
    display: inline-block;
  }

  .el-mgs-btn {
    position: static;
    transform: translate(0, 0);
    right: 0;
    margin-top: 20px;
    display: inline-flex;
    border-radius: 10px;
    border: 2px solid #fff;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
    height: 50px;
    width: 100%;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
  }

  .el-mgs-btn:hover {
    background-color: #FF7700;
    color: #fff;
    border-color: #FF7700;
  }

  .el-msg-row {
    flex-direction: column;
  }

  .swiper-banner-prev,
  .swiper-banner-next {
    display: none;
  }

  .swiper-banner-prev::after,
  .swiper-banner-next::after {
    font-size: 24px;
  }

  .banner-btn {
    height: 45px;
    font-size: 14px;
    width: 145px;
  }

  .banner-btn .iconfont {
    font-size: 16px;
  }

  .banner-desc {
    font-size: 16px;
  }

  .banner-tit {
    font-size: 26px;
  }

  .head-top {
    font-size: 14px
  }

  .lan-img,
  .lan-select {
    display: none;
  }

  .menu {
    display: block;
  }

  .hide-pc {
    display: block;
  }


  .nav-ul>li::after {
    display: none;
  }

  .nav-ul {
    flex-direction: column;
  }

  .drop-tab {
    justify-content: space-between;
    padding: 0 20px;
  }

  .drop-tab a {
    height: 40px;
    line-height: 40px;
    color: #fff;
  }

  .nav-ul-box {
    width: 250px;
    height: 100%;
    background-color: transparent;
    position: fixed;
    left: -250px;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    z-index: 999;
    padding: 0;
    transition: left 0.3s ease;
  }

  .normal-place ::-webkit-input-placeholder {
    font-size: 14px;
  }

  .normal-place :-moz-placeholder {
    font-size: 14px;
  }

  .normal-place ::-moz-placeholder {
    font-size: 14px;
  }

  .normal-place :-ms-input-placeholder {
    font-size: 14px;
  }

  .maylike {
    margin-top: 25px;
  }

  .maylike-tit {
    font-size: 22px;
  }

  .el-msg-input-box .el-msg-val {
    background-color: transparent;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    padding: 0;
    height: 50px;
    color: #fff;
    font-size: 14px;
  }

  .el-msg-row {
    margin-top: 15px;
  }

  .el-msg-row>[class*=el-msg-width] {
    width: 100%;
  }

  .el-msg-row>[class*=el-msg-width]+[class*=el-msg-width] {
    margin-top: 15px;
  }

  .swiper-app .swiper-slide {
    padding-top: 0;
    aspect-ratio: 230 / 565;
  }

  .head-nav-ul {
    width: 100%;
    height: 100%;
    flex-direction: column;
    padding-top: 40px;
    justify-content: flex-start;
    background-color: #222;
    display: flex;
  }

  .head-brsearch {
    position: absolute;
    bottom: -20px;
    transform: translate(0, 100%);
    right: 0;
    width: calc(100vw - 30px);
    height: 45px;
    padding: 0 15px;
  }

  .head-brs-val {
    font-size: 16px;
  }

  .black-theme .head-brsearch {
    border-color: #FF7700;
  }

  #icon-sousuo {
    color: #fff;
    font-size: 16x;
  }

  .black-theme .head-brsearch .iconfont {
    color: #FF7700;
  }

  .black-theme .head-brs-val {
    color: #FF7700;
    
  }

  .nav-ul>li {
    width: 100%;
    line-height: 40px;
    border-bottom: 1px solid #fff;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    font-size: 16px;
  }

  .cont-mess {
    padding: 20px 40px;
  }

  .md-rtit {
    font-size: 20px;
  }

  .mdth-inner {
    padding: 2px 10px
  }

  .mdth-logo {
    font-size: 35px;
    left: 20px;
    top: 20px;
  }

  .mdthumb-swiper {
    width: 100%;
  }

  .mdetails-mid-tit {
    font-size: 20px;
  }

  .mde-itit {
    font-size: 18px;
  }

  .mde-desc {
    font-size: 15px;
  }

  .cont-icon2 {
    height: 36px;
  }

  .cont-mess::before {
    top: 30px;
  }

  .cont-mess::after {
    bottom: 30px;
  }

  .cont-mess::before,
  .cont-mess::after {
    width: 26px;
    height: 24px;
  }

  .cont-mess-desc {
    margin-top: 10px;
  }

  .cont-ul2>li {
    padding: 25px 15px;
  }

  .cont-item+.cont-item {
    margin-top: 25px;
  }

  .cont-ubott {
    padding: 0 15px 25px;
  }

  .cont-utit-pd {
    padding: 15px 0;
  }

  .cont-dl>dd,
  .cont-udesc,
  .cont-mess-desc {
    font-size: 15px;
  }

  .cont-udesc {
    margin-top: 15px;
  }

  .cont-utit {
    font-size: 18px;
  }

  .banner-list-tit {
    font-size: 32px;
  }

  .banner-list-img {
    min-height: 140px;
    object-fit: cover;
  }

  .cont-ul>li {
    width: 100%;
  }

  .cont-ul>li+li {
    margin-top: 20px;
  }

  .mr-bright {
    padding: 20px 15px;
  }

  .mr-desc {
    font-size: 16px;
  }

  .mr-tit {
    font-size: 20px;
  }

  .main-box {
    padding: 40px 0;
  }

  .main-box:has(.pages) {
    padding: 40px 0 20px;
  }

  .ml-itop {
    font-size: 18px;
  }

  .fix-web {
    display: flex;
    flex-direction: column;
  }

  .fix-web:after {
    display: none;
  }

  .fix-web>[class*=left],
  .fix-web>[class*=right] {
    width: 100%;
  }

  .flex-web {
    flex-direction: column !important;
  }

  .flex-web>[class*=left],
  .flex-web>[class*=right] {
    width: 100%;
  }

  .flex-web-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-web-reverse>[class*=left],
  .flex-web-reverse>[class*=right] {
    width: 100%;
  }

  .fix-web>.right-mt25 {
    margin-top: 25px;
  }

  .fix-web>.right-mt20 {
    margin-top: 20px;
  }

  .flex-web>.right-mt5 {
    margin-top: 5px;
  }

  .fix-web>.right-mt15 {
    margin-top: 15px;
  }

  .flex-web>.right-mt15 {
    margin-top: 15px;
  }

  .flex-web>.right-mt10 {
    margin-top: 10px;
  }

  .flex-web>.right-mt20 {
    margin-top: 20px;
  }

  .flex-web>.right-mt25 {
    margin-top: 25px;
  }

  .prev-next-box {
    padding: 20px 0;
  }

  ._web_col_2 {
    display: flex;
    flex-wrap: wrap;
  }

  ._web_col_2>li {
    width: 48.5%;
    margin-left: 3%;
    margin-top: 15px;
  }

  ._web_col_2>li:nth-of-type(5n+1) {
    margin-left: 3%;
  }

  ._web_col_2>li:nth-of-type(4n+1) {
    margin-left: 3%;
  }

  ._web_col_2>li:nth-of-type(3n+1) {
    margin-left: 3%;
  }

  ._web_col_2>li:nth-of-type(2n+1) {
    margin-left: 0;
  }
}

@media (max-width:750px) {
  .mobile-img {
    height: 100vh;
  }

  .banner-img {
    display: none;
  }

  .mobile-img {
    display: block;
  }

  .flex-phone {
    flex-direction: column;
  }

  .flex-phone>[class*=left],
  .flex-phone>[class*=right] {
    width: 100%;
  }

  .flex-phone>.right-mt5 {
    margin-top: 5px;
  }

  .flex-phone>.right-mt15 {
    margin-top: 15px;
  }

  .flex-phone>.right-mt20 {
    margin-top: 20px;
  }

  .flex-phone>.right-mt25 {
    margin-top: 25px;
  }
}

@media (max-width:640px) {}

@media (max-width:575px) {}

@media (max-width:414px) {

}

@media (max-width:375px) {

}