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

  .w1200,.detail {
    width: 100% !important;
  }
    .popup_contenr{ transform: translate(-50%, -50%) scale(0.4) !important;}
  .logo_page {
    padding: 0 16px !important;
    width: 100%;
  }
  .logo_page > :nth-child(2) {
    margin: 0 12px;
    width: 70%;
  }
  .logo_page > :first-child {
    width: 30%;
  }
  .swiper {
    border-radius: unset !important;
  }
  .home .swiper-pagination {
    bottom: 10px !important;
    text-align: center !important;
  }
  .home_nav {
    padding-right: 16px;
  }
  .detail-prev {
    left: 32px !important;
  }
  .detail-next {
    right: 32px !important;
  }
  .photo {
    font-size: 16px !important;
  }
  .information-title {
    font-size: 16px !important;
    padding-left: 12px;
  }
  .mt_38 {
    padding-top: 12px !important;
  }
  .paly {
    width: 50px !important;
    height: 50px !important;
  }
  .clare_margin {
    margin-bottom: 0 !important;
  }
  .form-item-h5 {
    display: block !important;
  }
  .form-item-h5 span:last-child {
    display: flex;
    align-items: center;
    justify-content: start !important;
  }
  .service-right-tip {
    bottom: 0 !important;
    right: 0 !important;
    padding-right: 12px;
    font-size: 12px;
  }
  .swiper-slide-next,
  .h5-home_nav,
  .swiper-slide-active .swiper-slide-next-btn,
  .h5-chart,
  .h5-home_nav-scroll,
  .app-footer {
    display: block !important;
  }
  .sub-nav,
  .detail-next,
  .detail-prev,
  .nav-left,
  .pc-footer,
  .swiper_right,
  .swiper_banbar-img,
  .logo_page > :nth-child(3),
  .home_nav,
  .banbar-buttom-position,
  .navbar,
  .navbar-scroll,
  .text-img-view,
  .encircle,
  .form-item-pc,
  .pc-chart,
  .swiper_banbar {
    display: none  !important;
  }
  .video .img,
  footer,
  .swiper {
    height: auto !important;
  }
  .home_detail {
    padding: 0 !important;
    margin-top: 20px  !important;
    background-color: #f8f8f8;
  }
  .video {
    margin-top: 0 !important;
  }
  .banbar-swiper,
  .navbar_height {
    padding-top: 70px !important;
  }
  .tag-view {
    flex-wrap: nowrap !important;
    overflow: auto;
    margin-top: 0 !important;
    padding: 12px !important;
  }
  .tag-view li {
    margin-bottom: 0 !important;
  }
  .tag-view li {
    font-size: 14px;
    padding: 0;
    margin: 0 24px 12px 0;
  }
  .tag-view li:not(:last-child)::after {
    right: -12px;
  }
  .form-item {
    padding: 16px 24px !important;
    display: block;
  }
  .form-item:first-child {
    padding-top: 0 !important;
  }
  .form-item:last-child {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
  .form-item span {
    display: block;
    width: 100% !important;
    text-align: left !important;
    margin-top: 8px;
    font-size: 14px !important;
  }
  .form-item:first-child {
    font-size: 15px !important;
  }
  .information-detail {
    padding: 0 !important;
  }
  .information-detail .chart .h5-chart {
    padding-top: 12px;
  }
  .information-detail .chart .mt_38 p {
    margin-bottom: 0;
  }
  .information-detail .information-detail-item {
    padding: 12px;
  }
  .information-detail .information-detail-item img {
      width: 100%;
      height: auto;
  }
  .information-detail .table-supervision {
    overflow: auto;
  }
  .information-detail .table-supervision .supervision-user-view {
    width: 555px !important;
  }
  .information-detail .credential {
    padding-bottom: 0;
  }
  .information-detail .credential img {
    padding: 0 !important;
  }
  .information-detail .credential p {
    margin-bottom: 12px;
  }
  .information-detail .list {
    margin-bottom: 0;
  }
  .information-detail .list .history-icon {
    padding-top: 12px;
  }
  .information-detail .list .history-icon img {
    width: 22px;
    height: 22px;
  }
  .information-detail .list .history-icon span {
    margin: 12px 0 0 0 !important;
  }
  .information-detail .list li {
    font-size: 0;
    padding-top: 12px;
  }
  .information-detail .list li::before,
  .information-detail .list li::after,
  .information-detail .list li i {
    display: none !important;
  }
  .information-detail .list li .list-item-info-view .w_50 {
    width: 100% !important;
  }
  .information-detail .list li:not(:first-child) {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
  .information-detail .list li .list-item {
    flex-wrap: wrap;
  }
  .information-detail .list li .list-item .list-title {
    margin-bottom: 12px;
  }
  .information-detail .list li li:first-child {
    padding-top: 24px;
  }
  .information-detail .list li .list-title {
    font-size: 16px;
    margin-top: 12px;
  }
  .information-detail .list li .list-item_right-title span {
    font-size: 14px !important;
  }
  .information-detail .list li .list-item_right-title span:first-child {
    margin-right: 12px;
  }
  .information-detail .list li p {
    font-size: 12px !important;
    line-height: 22px !important;
    margin-top: 12px !important;
  }
  .information-detail .list li .list-item .list-boder {
    margin-top: 12px;
  }
  .information-detail .list li .list-item-info-bb {
    padding-bottom: 12px !important;
    margin-bottom: 12px !important;
  }
  .information-detail .employee {
    overflow: auto;
    margin-bottom: 0;
  }
  .information-detail .employee table {
    width: 750px !important;
  }

  .information-detail .employee td:not(:first-child), .information-detail .employee table th:not(:first-child)  {
      flex: 1 !important;
      width: auto !important;
    /*white-space: nowrap;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
  }
    .information-detail .employee td:last-child, .information-detail .employee table th:last-child  {
        margin: 0 20px;
    }
  .information-detail .employee td,
  .information-detail .employee th {
    font-size: 12px;
  }
  .information-detail .supervision {
    margin-bottom: 0;
    padding: 12px 24px 0 24px;
  }
  .information-detail .supervision .supervision-user {
    padding: 12px !important;
  }
  .information-detail .supervision .supervision-user span {
    font-size: 12px !important;
    line-height: 30px;
  }
  .information-detail .supervision .supervision-user:first-child {
    margin-top: 12px !important;
  }
  .information-detail .supervision h3 {
    font-size: 14px !important;
  }
  .home_detail-title h3 {
      height: auto !important;
      font-size: 22px !important;
      margin-bottom: 0 !important;
      margin-top: 10px !important;
  }
  .information-detail .supervision .supervision-info {
    margin-top: 12px !important;
  }
  .information-detail .supervision .bank td,
  .information-detail .supervision .bank th {
    font-size: 12px;
  }
  .information-detail .supervision .bank div {
    overflow: auto;
  }
  .information-detail .supervision .bank table {
    width: 700px !important;
  }
  .information-detail .supervision li {
    padding: 12px 0 !important;
  }
  .information-detail .supervision li i {
    border-top: 5px solid transparent !important;
    border-bottom: 5px solid transparent !important;
    border-right: 5px solid #cccccc !important;
  }
  .information-detail .supervision .supervision-info-item {
    padding: 12px;
  }
  .information-detail .supervision .supervision-info-item h4 {
    font-size: 14px;
    margin-bottom: 0;
  }
  .information-detail .supervision .supervision-info-item div span,
  .information-detail .supervision .supervision-info-item div p {
    font-size: 12px;
    line-height: 20px;
  }
  .information-detail .supervision .supervision-info-item div {
    margin-bottom: 0;
  }
  .information-detail .assets {
    margin-bottom: 0;
  }
  .information-detail .assets .flex_stretch {
    display: block;
    width: 100%;
  }
  .information-detail .assets .flex_stretch .assets-year {
    flex-direction: unset;
    width: 100%;
    overflow-x: auto;
    margin-bottom: 24px;
  }
  .information-detail .assets .flex_stretch .assets-year span {
    margin: 0 12px 0 0;
  }
  .information-detail .assets .flex_stretch .assets-year span::after {
    display: none !important;
  }
  .information-detail .assets .flex_stretch .asset {
    padding: 12px;
  }
  .information-detail .assets .flex_stretch .asset span:first-child {
    font-size: 14px;
    white-space: nowrap;
  }
  .information-detail .assets .flex_stretch .asset span:last-child {
    font-size: 12px;
    padding-left: 24px;
  }
  .information-detail .company div {
    overflow: auto;
  }
  .information-detail .company div table {
    width: 700px !important;
  }
  .information-detail .company td,
  .information-detail .company th {
    font-size: 12px !important;
  }
  .information-detail .consult {
    margin-bottom: 0;
  }
  .information-detail .consult h3 {
    font-size: 16px !important;
    line-height: 28px !important;
    margin-bottom: 5px;
  }
  .information-detail .consult h3::after {
    height: 28px !important;
  }
  .information-detail .consult h5 {
    font-size: 14px !important;
  }
  .information-detail .consult p {
    font-size: 12px !important;
    margin: 0;
  }
  .information-detail .consult .consult-table div {
    overflow: auto;
  }
  .information-detail .consult .consult-table table {
    width: 888px !important;
  }
  .service-list {
    padding: 12px !important;
  }
  .service-list .account li {
    padding: 12px 0 !important;
  }
  .service-list .account li h3 {
    font-size: 14px !important;
  }
  .service-list .account li p {
    font-size: 12px !important;
    margin-top: 0 !important;
  }
  .paging {
    margin-top: 12px !important;
  }
  .paging > * {
    margin-right: 5px !important;
    font-size: 12px !important;
  }
  .paging span:first-child,
  .paging span:nth-child(2),
  .paging span:nth-child(3),
  .paging span:nth-child(4),
  .paging span:nth-child(5),
  .paging span:nth-child(7),
  .paging span:nth-child(8),
  .paging span:nth-child(9) {
    border: 1px solid #EEEEEE !important;
    padding: 0 12px !important;
    line-height: 30px;
  }
  .paging span:nth-child(6) {
    padding-bottom: 5px !important;
    display: inline-block !important;
  }
  .paging input {
    padding: 5px 8px !important;
    max-width: 38px !important;
  }
  .paging span:nth-child(4),
  .paging span:nth-child(5),
  .paging span:nth-child(10),
  .paging span:nth-child(11),
  .paging input {
    display: none;
  }
  .consult-info {
    padding: 12px !important;
  }
  .consult-info img {
    width: 31px !important;
    height: 39px !important;
    margin-right: 10px !important;
  }
  .consult-info .flex_a div {
    width: 166px;
  }
  .consult-info .flex_a div span {
    font-size: 12px !important;
    line-height: 20px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .consult-info .flex_a div span:first-child {
    font-size: 14px !important;
  }
  .consult-info .consult-expansion {
    font-size: 12px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .detail {
    width: 100%;
  }
  .detail .detail-title {
    margin: 12px 0;
  }
  .detail-tip,
  .detail-content,
  .detail-button,
  .detail h3 {
    padding: 0 16px !important;
  }
  .detail h3 {
    font-size: 16px !important;
    line-height: 24px !important;
  }
  .detail-button a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .detail-button span {
    white-space: nowrap;
  }
  .detail .detail-identification span {
    margin-right: 12px;
    font-size: 12px;
  }
  .detail .w100 {
    margin-top: 12px;
  }
  .detail .consult-info {
    margin: 12px 16px 0 16px;
  }
  .about_contact .map {
    width: 100% !important;
  }
  .about_contact .flex_sb {
    display: block !important;
  }
  .about_contact .flex_sb div {
    width: 100% !important;
    margin-bottom: 12px;
  }
  .about_contact .flex_sb div h3 {
    font-size: 14px !important;
  }
  .about_contact .flex_sb div p span {
    font-size: 12px !important;
  }
  .about_contact .flex_sb div img {
    margin-top: 12px !important;
  }
  .calendar li {
    padding: 12px !important;
    margin-bottom: 12px !important;
  }
  .calendar-button {
    font-size: 12px !important;
  }
  .calendar-time div {
    align-items: center;
    padding-right: 12px !important;
  }
  .calendar-time div h3 {
    font-size: 14px !important;
  }
  .calendar-time div span {
    font-size: 12px !important;
  }
  .calendar-time i {
    height: 50px;
    width: 1px;
    background: #DDDDDD;
    display: inline-block;
  }
  .calendar-time p {
    margin-left: 12px !important;
  }
  .calendar-time p span {
    font-size: 12px !important;
  }
}
@media screen and (min-width: 1300px) and (max-width: 1600px) {
    .information-detail-item{padding: 0 100px}
  .w1200 {
    width: 1200px;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1920px) {
    .information-detail-item{padding: 0 100px}
  .w1200 {
    width: 1500px;
  }
    .text-logo {
        height: 50px !important;
    }
}