/*手机端适配*/

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

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

@media (max-width:992px) {
  .menu {display: block;}
  .hide-pc {display: block;}
  .hide-web {display: none;}
  ._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;}
  .nav-ul>li::after {display: none;}
  .nav-ul {
    display: flex;
    flex-direction: column;
  }
  .video-bott {padding: 12px;}
  .video-tit {font-size: 16px;}
  .filter-span {margin-right: 10px;}
  .filter-dl>dt {width: 85px;}
  .filter-table th, .filter-table td {
    font-size: 12px;
    padding: 10px;
  }
  .nav-ul-box {
    width: 100%;
    height: 100%;
    background-color: transparent;
    overflow: hidden;
    left: -100%;
    top: 0px;
    position: fixed;
    z-index: 999;
    transition: left 0.3s ease;
  }
  .service_ul>li:first-child {margin-top: 0;}
  .service_ul>li {margin-top: 20px;}
  .ser_tit{font-size: 18px;}
  .ser_desc {font-size: 14px;margin-top: 15px;}
  .service_left {padding: 15px;}
  .news_details-info {margin-top: 15px;font-size: 12px;}
  .news_details-info>.mr20 {margin-right: 5px;}
  .news_details-tit{font-size: 18px;}
  .news-details-show {line-height: 1.875em;font-size: 14px;}
  .news-right-left{width: 36%;}
  .news-right-ul>li {padding: 15px 0;}
  .news-left-ul{padding: 0 20px;}
  .nav-ul>li + li {margin-left: 0;}
  .lan-box {display: flex;align-items: center;}
  .head-top-right .ml20 {margin-left: 10px;}
  .head-top {font-size: 12px;}
  .nav-ul>li.on .drop-tab a, .nav-ul>li:hover .drop-tab a {background-color: transparent;}
  .nav-ul>li::before {display: none;}
  .mt30 {margin-top: 20px;}
  .about-us-data {font-size: 26px;}
  .about-us-tit {font-size: 16px;}
  .about-us-desc {font-size: 14px;line-height: 1.875em;}
  .service-flag-box {font-size: 16px;margin-top: 15px;}
  .service-text {font-size: 18px;}
  .service-tel {width: 100%;justify-content: space-between;margin-top: 15px;}
  .service-tel-flag {font-size: 16px;height: 40px;}
  .service-tel-num {font-size: 20px;margin-right: 10px;flex: 1;}
  .normal-mt {margin-top: 20px;}
  .service-btn {height: 40px;width: 120px;font-size: 16px;}
  .service-val {height: 40px;padding: 0 15px;}
  .normal-desc {font-size: 16px;} 
  .news-right-tit {font-size: 18px;}
  .news_right-tit {
    font-size: 16px;
  }
  .pro-more-left-top {
    padding: 20px 0;
    min-height: auto;
    text-align: center;
  }
  .pro-more-links-ul>li>a {
    padding: 20px 0;
    transform: translate(0,15px);
  }
  .pro-right-ul>li, .swiper-pro-box .swiper-slide {
    padding: 15px;
    min-height: 150px;
  }
  .pro-right-tit {font-size: 18px;}
  .pro-right-desc {font-size: 14px;}
  .pro-more-links-ul>li {width: 50%;flex: none;flex-shrink: 0;min-height: auto;scroll-snap-align: start;}
  .opacity.mt10 {margin-top: 5px;}
  .pro-more-left-tit {font-size: 22px;}
  .pro-more-left-desc {font-size: 16px;}
  .pro-more-tit,.opacity .iconfont {font-size: 16px;}
  .pro-more-desc {font-size: 14px;}
  .pro-more-links-ul {display: flex;overflow-x: auto;flex-direction: row;scroll-snap-type: x mandatory}
  
  .company-desc {font-size: 14px;line-height: 1.875em;}
  .company-tit {font-size: 20px;}
  .company-right {margin-top: 15px;}
  .company-grid {margin-left: 0;}
  .news-time  {font-size: 12px;}
  .flex-row>.news-bott {padding-left: 10px;}
  .flex-row>.news-top {width: 36%;}
  .news-tit {font-size: 16px;}
  .news-desc {font-size: 14px;}
  .news-list>li {padding: 15px 0;}
  .normal-pd {padding: 25px 0;}
  .news-right-pd {padding: 15px;}
  .normal-tit {font-size: 20px;}
  .normal-tit-en {font-size: 26px;}
  .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;display: flex;}
  .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;}
  ._web_col_1 {display: flex;flex-wrap: wrap;}
  ._web_col_1>li {width: 100%;margin-left: 0!important;}
  ._web_col_2 {display: flex;flex-wrap: wrap;}
  ._web_col_2>li {width: 48.5%;margin-left: 3%;margin-top:3%;}
  ._web_col_3>li {
    margin-left: 3%;
  }
  ._web_col_3>li:nth-of-type(3n+1) {
    margin-left: 0;
  }
  ._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;}
  ._web_col_center {justify-content: center;}
  .video-btn {width: 55px;height: 55px;}
  .nav-ul>li {margin-left: 0;padding: 0;line-height: 40px;font-size: 16px;text-align: center;}
  .drop-tab a,.nav-ul>li:hover .drop-tab a, .nav-ul>li.on .drop-tab a {color: #fff;}
  .head-nav-ul {
    width: 60%;
    display: flex;
    flex-direction: column;
    padding: 15% 15px 0;
    justify-content: flex-start;
    background-color: rgba(0, 0, 0, .8);
    height: 100%;
  }
  .footer-info {font-size: 12px;}
  .footer-bott-tel {font-size: 24px;}
  .footer-bott-mid {max-width: 100%;display: none;}
  .footer-top {padding: 20px 0 15px;}
  .footer-bott  {padding: 10px 0 25px;}
  .footer-bott-code-group {display: flex;}
  .footer-code-item {margin-top: 15px;}
  .footer-code-item + .footer-code-item {margin-left: 15px;}
  .footer-logo, .logo-img {max-width: 160px;}
  .footer-top-ul>li {font-size: 14px;padding: 0 5px;}
  .footer-tel-text {margin-top: 15px;}
  .banner-tit {font-size: 20px;}
  .swiper-banner-prev, .swiper-banner-next {
    width: 36px;
    height: 36px;
  }
  .swiper-banner-prev::after, .swiper-banner-next::after {
    font-size: 20px;
  }
  .swiper-circle{bottom: 5%;}
  .active-index {font-size: 24px;}
  .banner-word {transform: translate(0,20%);}
  .main-pro-left-mt{margin-top: 20px;}
  .banner-list-img {min-height: 160px;object-fit: cover;}
  .banner-list-tit {font-size: 20px;}
  .banner-list-desc {font-size: 16px;}
  .lpro-mask {padding: 10px;}
  .lpro-mask-tit{font-size: 16px;}
  .main-pro-group-tit{font-size: 22px;height: 60px;}
  .main-pro-en {font-size: 36px;}
  .main-left-ul>li {
    padding-top:48.5%;
  }

  .lpro-maks-desc {
    height: auto;
    margin-top: 10px;
  }
  .el-contact-row {margin-top: 15px;}
  .el-with {width: 48.5%;}
  .el-contact-btn {height: 50px;width: 150px;font-size: 16px;}
  .el-val:not(.el-text) {height: 40px;}
  .contact-desc {font-size: 14px;}
  .map-iframe {height: 180px;}
  .contact-line {width: 40px;height: 3px;}
  .contact-vice-tit {font-size: 16px;}
  .contact-info-dl {margin-top: 15px;}
  .contact-tit {font-size: 20px;}
  .main-pro-ul {margin-top: -15px;}
  .main-right {padding: 0;}
  .main-pro-ul>li {padding: 15px 5px 15px 15px;height: 150px;}
  .main-pro-tit {font-size: 16px;}
  .main-pro-ul>li {margin-top: 15px;}
  .pages {padding: 25px 0;}
  .details-box-tab-ul>li {font-size: 15px;}
  .details-box-show {font-size: 14px;line-height: 1.875em;}
  .flag-img {width: 50px;left: 0;transform: translate(0,-10px);}
  .details-box-tab:has(.flag-img) {padding-left: 50px;}
  .details-box-top {background-image: url()!important;}
  .details-right {padding-left: 0;}
  .details-box-bott {padding: 25px 0;}
  .details-right-tit {font-size: 18px;}
  .details-right-desc {font-size: 14px;}
  .cont-btn {width: 180px;height: 50px;font-size: 16px;}
  .cont-btn .iconfont {font-size: 16px;}
  .cont-btn-mt {text-align: center;margin-top: 20px;}
  .details-box-top {padding-bottom: 25px;}
  .swiper-details-prev, .swiper-details-next,.swiper-reco-prev,.swiper-reco-next {
    width: 40px;
    height: 40px;
  }
  .swiper-details-prev::after, .swiper-details-next::after,.swiper-reco-next::after,.swiper-reco-prev::after {
    font-size: 20px;
  }

  .swiper-details .swiper-slide {
    height: auto;
    aspect-ratio: 600 / 400;
  }
  .s-val {height: 40px;}
  .serach-drop-inner {padding: 5px 15px;}
  .search-drop-posi  {min-width:calc(100vw - 30px);}
  .main-left,.main-right {padding-bottom: 20px;}
  .main-app-tit {font-size: 18px;}
  .main-app-desc {font-size: 14px;margin-top: 15px;}
  .main_app_tit {font-size: 16px;}
  .main_app_desc {font-size: 14px;line-height: 1.6em;margin-top: 10px;}
  .main-app-left {padding: 12px;}
  .main_app_btn {height: 35px;width: 90px;}
  .main_app_btn_mt {margin-top: 10px;}
  .main-app-ul>li {margin-top: 20px;}
  .app-details-tit {margin-top: 0;font-size: 20px;padding-bottom: 15px;}
  .app-details-desc {margin-top: 15px;font-size: 14px;}
  .case-mask {padding: 12px;}
  .case-tit {font-size: 16px;}
  .swiper-reco {margin-top: 25px;}
  .case-ul {padding-top: calc(20px - 3%);}
  .agent-tit {font-size: 20px;}
  .policy-ul>li {padding: 15px 0;font-size: 14px;}
  .policy-inner {margin-top: 10px;}
  .manage-mask-tit {font-size: 16px;}
  .manage-mask {padding: 15px;}
  .manage-mask-desc {font-size: 13px;line-height: 1.6em;}
  .author-circle {width: 60px;height: 60px;}
  .manage-ul>li + li {margin-top: 20px;}
  .author-bott {font-size: 14px;line-height: 1.6em;}
  .author-ul>li {padding: 15px 10px;}
  .product-box {padding-top: 25px;}
  .condition-tit{font-size: 16px;}
  .ag-img{width: 50px;}
}

@media (max-width:750px) {
  /* .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) {

}










