@media (max-width: 700px) {

  html,
  body {
    font-size: 70%;
  }

  /*  页头 */
  .header {
    width: 91%;
    left: 0;
    margin: 0 1rem;
    height: 8rem;
    box-sizing: border-box;
  }

  .header.header-bot .logo {
    padding-right: 0;
  }

  .header .header-bot ul {
    display: none;
  }

  .header .header-bot .header-right {
    font-size: 1rem;
    margin-right: 0.3rem;
  }

  .header .header-bot .header-right .menu {
    display: block;
  }

  .header .header-bot .header-right .menu .menu-button .bar {
    width: 2.5rem;
    height: 0.375rem;
  }

  .header .header-bot .header-right .phone {
    width: 12rem;
  }

  .header .header-bot .header-right .phone .hot-line {
    font-size: 1rem;
  }

  .header .header-bot .header-right .phone .num {
    font-size: 0.7rem;
  }

  .header .maxs .left {
    height: 5.25rem;
  }

  .max {

    padding: 1rem 1rem 5rem 1rem;
  }

  .login-card {

    position: static;
    width: 100%;
    margin-bottom: 4rem;

  }

  .registrationjpg .inside-banner {
    background-size: 100% 100%;
    width: 100%;
    height: 17.5rem;

  }
.tarinerProfiles .content{
  padding-bottom:5rem;
}
  .foot .logo {
    width: 70%;
    margin-bottom: 0rem;
  }
  

  .foot .logo img {
    width: 100%;
  }

  .foot {
    padding: 2rem 1rem;
    background-size:auto;
height: 100%;  }

  .footer-s {
    width: 100%;
    position: relative;
    height: 100%;

  }
  .home .news-card:nth-child(2){

    margin:0;
    margin-bottom:2rem;
  }
.foot .contact-info{

  width:100%;
}
  .foot .foot-top .center,  .foot .foot-top .left{
    display: none;
  }
  .training-section .imegs, .training-section .tet {
    padding-left:0!important;

  }

  .header .maxs .right {

    display: none;
  }

  .scientificResearch .news-item {
    float: left;
    width: 100%;

  }
  .scientificResearch .foot{
    top: 0;
  }

  .foot-bot {
    flex-direction: column;
  }

  .foot {
    width: 100%;
    background-color: #20252B;
  }

  .trainingHistory .content {
    padding: 1rem 1rem 8rem 1rem; 
  }

  .scientificResearch .news-list {
    margin: 0;
  }

  .tarinerProfiles .profile-container,
  .course .content {
    padding: 1rem;
  }

  .tarinerProfiles .doctor-card {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  nav {
    padding-left: 0rem;
    overflow-x: scroll;
    width: 100%;
    height: 100%;
  }

  nav ul li a {
    white-space: nowrap;
  }

  nav ul {
    width: 100%;

  }

  .registration-card {
    position: static;
    width: 90%;
    height: 100%;
  }

  .registration-card .form-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.38rem;
    margin-bottom: 1.75rem;
  }

  .registration-card .verification-group {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }

  .registration-card .form-group input {
    height: 3rem;
    padding: 1rem;
  }

  .registration-card {
    width: 100%;
    margin-bottom: 4rem;
    transform: translate(0%, 0%);
    box-shadow: #ccc;
  }

  .verification-group input {
    width: 100%;
  }
.banner .swiper {
    height: 20.44rem;
}
  .menu {

    display: block;
  }

  .eoa-pt-section .content-wrapper {
    padding-right: 0;
  }

  .foot {
    position: static;
  }
.eoa-pt-section .section-image,.news .image{
  width:100%;
}
.max{
  height:100%;
}
  .home .news-container {
    padding: 1rem;
  }

  .home .news-grid {
    flex-direction: column;
  }
.eoa-pt-section .image-wrapper{
  margin-right: 0rem;
    margin-left:  0rem;
}
  .home .news-card,
  .training-section .card {
    width: 100%;
    margin-bottom: 1.5rem;
  }
.training-section .imegs,.training-section .tet{


  width:100%!important;
  margin-bottom:2rem;
}
  .eoa-pt-section-mian {
    flex-direction: column;
  }
  .eoa-pt-section{
     flex-direction:column!important;
     padding:1rem;
     height:100%;
  }

  .eoa-pt-section,
  .training-section .cards-container {
    flex-direction: column;
  }

  .content-wrapper {
    padding-right: 0;
    margin-bottom: 30px;
    text-align: center;
  }

  .section-title::after {
    left: 50%;
    transform: translateX(-50%);
  }

  .inside-banner {
    height: 20rem;
    background-size: 100% 100%;
  }

  .image-wrapper,
  .training-section .card-image .imegs,
  .training-section .card-content {
    width: 100%!important;
  }

  .training-section {
    padding: 2rem 1rem;
    padding-bottom: 5rem;
  }

  .training-section .section-title::after {

    left: 3.18rem
  }

  .training-section .section-header {
    margin-bottom: 2rem;
  }

  .eqa-Rogram .content {
    padding: 2rem 1rem 5rem 1rem;
  }
.inside-banners {
    background-size: 100% 100%;
    width: 100%;
    height: 17rem;
}
  .course .new-more {
    margin: 3.63rem 0 2.63rem 0;
}
  .trainingHistory th{
    padding: 1rem;
    font-size: 1rem;
  }
  .trainingHistory td{
    font-size: 1rem;
  }
  .scientificResearch .max{
    padding: 2rem 1rem 5rem 1rem;
    height: 100%;
  }
  .aboutUs .andrologyCloud-container .right-section{
    padding-top:1rem;
    overflow-y:auto;
    margin-top:1rem;
  }
  
  .aboutUs .andrologyCloud-container .image-wrapper img{
    width:50%;
  }
  .aboutUs .andrologyCloud-container,.aboutUs .andrologyCloud-container .left-section{
    width:100%;
  }
  .aboutUs .andrologyCloud-container .image-wrapper{
    position: static;
    display:none;
  }
  .aboutUs .contact-section .contact-container{
    flex-direction: column;
  }
  .aboutUs .contact-section .contact-info{
    position: static;
    width: 100%;
  }
  .news .news-item{
    flex-direction: column;
        padding-bottom: 1rem;

  }
  .aboutUs .contact-section .contact-map{
    height: 100%;
    width: 100%;
  }
  .aboutUs .contact-section h2{
    margin-bottom: 1rem;
  }

  .aboutUs .contact-section{
    padding: 1rem;
  }
  .aboutUs .expert-section .circle2 img{
    width: 100%;
  }
  .circle2{
     width: 100%;
  }
.aboutUs .expert-section .swiper-wrapper a{
  display: flex;
  justify-content: center;
  margin-bottom:3rem!important;
  }
  
  .aboutUs .expert-section{
    padding-left: 0;
    padding-bottom: 4rem;
  }
  .aboutUs .expert-section .swiper-wrapper{
    flex-direction: column;
  }
  .aboutUs .andrologyCloud-container .right-section{
    margin-left: 0;
  }
  .aboutUs .andrologyCloud-container{
    height: 100%;
    padding: 2rem 1rem;
  }
  .andrologyCloud-container-item{
    flex-direction: column;
    padding-bottom: 1.38rem;
  }
  .news .news-content{
    margin-left: 0;
    padding: 1rem 0;
  }
  .new-more{
    margin: 1rem 0;
  }
}