@media only screen and (max-width: 450px) {
    ::-webkit-scrollbar {
        display: none !important;
        width: 0px !important;
        height: 0px !important;
    }
    ::-webkit-scrollbar-track-piece{
        display: none !important;
        background-color: rgba(0, 0, 0, 0.2) !important;
        -webkit-border-radius: 0px !important;
    }
    ::-webkit-scrollbar-thumb:vertical{
        display: none !important;
        height: 0px !important;
        background-color: rgba(125, 125, 125, 0.7) !important;
        -webkit-border-radius: 0px !important;
    }
    ::-webkit-scrollbar-thumb:horizontal{
        display: none !important;
        width: 0px !important;
        background-color: rgba(125, 125, 125, 0.7) !important;
        -webkit-border-radius: 0px !important;
    }
    #fixed-qrcode, #fixed-slider, #header .menu-list {
        display: none
    }
    #header {
        overflow: hidden !important;
    }
    #header .wrap .left {
        width: 45%;
        margin-top: 5% !important;
        margin-bottom: 5% !important;
    }
    #header .wrap .right {
        width: 100% !important;
        margin: 0 !important
    }
    #header .mobile-menu-icon {
        display: block
    }
    #header .mobile-menu-list {
        overflow-x: scroll !important;
    }
    .wrap {
        width: 80%
    }
    #main .title {
        padding: 0% !important;
        font-size: 24px !important;
        letter-spacing: 1px !important;
        line-height: 30px !important;
    }
    
    #main .stitle {
        margin-top: 1em !important;
        font-size: 18px !important;
        letter-spacing: 1px !important
    }
    
    #main .title+p {
        margin-top: 1em !important;
        padding: 0% !important;
        font-size: 14px !important;
        line-height: 20px !important;
        color: #333 !important;
    }
    
    #main .stitle+p {
        margin-top: 1em !important;
        font-size: 16px !important;
        line-height: 20px !important
    }
    
    #main .btn {
        display: inline-block !important;
        line-height: 30px !important;
        height: 30px !important;
        width: 88px !important;
        margin-top: 1em !important;
        font-size: 16px !important;
        color: #333 !important;
        background-color: #fcb539 !important;
        text-align: center !important;
        letter-spacing: 1px !important
    }

    #footer .wrap>.left, #footer .wrap>.middle {
        width: 100% !important;
        margin-bottom: 10% !important;
        text-align: center
    }  
    #footer .wrap>.right {
        width: 100% !important;
        text-align: center
    }
    #footer .wrap>.left::after, #footer .wrap>.middle:after {
        display: none !important
    }

    #index .floor1-list>.item {
        width: 100% !important;
        height: 386px !important;
        margin-top: 5%;
        border-right: 2px solid #1a408b !important
    }
    #index .floor2-tab>.left, #train .floor2-tab>.left {
        width: 100% !important; 
        height: 50px !important;
        margin-right: 0 !important;
        padding-bottom: 15px !important;
        overflow-x: scroll !important;
        overflow-y: hidden !important;
        white-space: nowrap;
        
    }
    #index .floor2-tab>.right, #train .floor2-tab>.right {
        width: 100% !important; 
    }
    #index .floor2-tab .left .item,  #train .floor2-tab>.left .item {
        display: inline-block !important;
        line-height: 50px !important;
        height: 50px !important;
        padding: 0 4% !important
    }
    #index .floor2-tab .left .item:not(:last-child), #train .floor2-tab .left .item:not(:last-child) {
        margin-right: 5% !important;
    }
    #index .floor2-tab .left .item, #train .floor2-tab .left .item {
        background-image: none !important;
    }
    
    #index .floor2-list, #train .floor2-list {
        margin-top: 10%
    }
    #index .floor2-list>.item, #train .floor2-list>.item {
        height: auto !important
    }
    #index .floor2-tab>.left>.item.active:after, #train .floor2-tab>.left>.item.active:after {
        top: auto !important;
        right: auto !important;
        left: 50% !important;
        bottom: -30px !important;
        margin-left: -15px !important;
        border: 15px solid transparent !important;
        border-top-color: #1a408b !important
    }
    
    #index .floor2-list .item>.pic-wrap, #index .floor2-list .item>.right, #case .floor1-list .item>.pic-wrap, #case .floor1-list .item>.right {
        width: 100% !important
    }
    #index .floor2-list .item>.right .stitle + p, #case .floor1-list .item>.right .stitle + p {
        max-height: 40px !important
    }
    #index .floor2-list>.item>.right .btn, #case .floor1-list>.item>.right .btn {
        margin-top: 5% !important;
        margin-right: 0 !important
    }
    #index .floor5-list>.item {
        padding: 2% 3% !important;
    }
    #index .floor5-list>.item a {
        font-size: 14px !important;
    }
    #index .floor4-list>.item {
        width: 100% !important
    }
    #index .floor4-list>.item:not(:first-child) {
        margin-top: 5% !important
    }

    #case .floor1-tab .top, #book .floor1-tab .top, #tool-suit .floor1-tab .top, #knowledge .floor1-tab .top, #honor .floor1-tab .top, #camp .floor1-tab .top, #disk .floor1-tab .top, #dynamic .floor1-tab .top, #contact .floor1-tab .top, #introduce .floor1-tab .top, .floor1-tab .top {
        width: 100% !important;
        overflow-x: scroll !important;
        white-space: nowrap;
        font-size: 0 !important
    }
    #case .floor1-tab .top .wrap, #tool-suit .floor1-tab .top .wrap, #book .floor1-tab .top .wrap, #knowledge .floor1-tab .top .wrap, #honor .floor1-tab .top .wrap, #camp .floor1-tab .top .wrap, #disk .floor1-tab .top .wrap, #dynamic .floor1-tab .top .wrap, #introduce .floor1-tab .top .wrap, #contact .floor1-tab .top .wrap, .floor1-tab .top .wrap {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll !important;
    }
    #case .floor1-tab .top .item, #book .floor1-tab .top .item, #tool-suit .floor1-tab .top .item, #knowledge .floor1-tab .top .item, #honor .floor1-tab .top .item, #camp .floor1-tab .top .item, #disk .floor1-tab .top .item, #dynamic .floor1-tab .top .item, #contact .floor1-tab .top .item, #introduce .floor1-tab .top .item, .floor1-tab .top .item {
        float: none !important;
        width: auto !important;
        padding-left: 10% !important;
        padding-right: 10% !important
    }
    #case .floor1-list .item {
        height: auto !important
    }
    #book .floor1-list .item {
        float: none;
        width: 80% !important;
        margin-left: auto !important;
        margin-right: auto !important 
    }
    #tool .floor1-list>.item {
        width: 100% !important;
    }
    #tool .floor1-list>.item:not(:first-child) {
        margin-top: 5%
    }
    #tool .floor2 .clearfix {
        display: none
    }
    #tool .floor2 .title {
        margin-top: 8%;
    }
    #tool .floor2>.pic-wrap {
        min-height: auto !important
    }
    #tool .floor2>.pic-wrap img {
        width: 100% !important
    }
    
    #tool .floor3-list .item {
        width: 100% !important;
    }
    #tool-suit .floor2 .left {
        width: 100% !important;
        height: 200px !important 
    }
    #tool-suit .floor2 .right {
        width: 100% !important; 
        padding-left: 0 !important;
    }
    #tool-suit .floor2 .right .t {
        text-align: center
    }
    #tool-suit .floor4-list>.item {
        width: 100% !important;
        height: auto !important
    }
    #tool-suit .floor4-list>.item .left {
        float: none !important;
        width: 100% !important;
    }
    #tool-suit .floor4-list>.item .right {
        float: none !important;
        width: 100% !important;
    }
    #tool-suit .floor5-list>.item:not(:first-child) {
        margin-top: 8% !important;
    }
    #tool-suit .floor5-list>.item .left {
        width: 100% !important
    }
    #tool-suit .floor5-list>.item .right {
        padding-left: 0 !important;
        width: 100% !important;
    }
    #tool-suit .floor6-list>.item {
        height: auto !important
    }
    #tool-suit .floor6-list>.item:not(:first-child) {
        margin-top: 8% !important
    }
    #tool-suit .floor6-list>.item .left {
        float: none !important;
        width: 100% !important;
    }
    #tool-suit .floor6-list>.item .right {
        float: none !important;
        width: 100% !important
    }
    #tool-suit .floor6-list>.item .right .stitle {
        margin-top: 0 !important
    }
    #tool-suit .floor8-list>.item h4 {
        line-height: 25px !important;
    }
    #tool-suit .floor8-list>.item:not(:first-child) {
        margin-top: 5% !important
    }
    #tool-suit .floor9 .q-and-a .left {
        width: 12% !important
    }
    #tool-suit .floor9 .q-and-a .right {
        width: 88% !important
    }
    #train .floor1-list .item {
        width: 100% !important
    }
    #train .floor2-list .float-box {
        width: 100% !important;
        left: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        right: 0 !important;
        height: auto !important;
        padding: 0% !important
    }
    #train .floor2-list .float-box .stitle {
        margin-top: 1% !important;
        font-weight: bold
    }
    #train .floor2-list .float-box .stitle:after {
        display: none !important;
    }
    #train .floor2-list .float-box>.tl {
        margin-top: 1% !important;
        max-height: 96px !important;
        overflow: hidden;
    }
    #train .floor3-list .item {
        width: 100% !important;
        height: 240px !important
    }
    #train .floor3-list .item .stitle {
        margin-top: 25% !important
    }
    #train .floor3-list .item:nth-child(2n) {
        background-color: #fff !important;
        color: #333 !important
    }
    #train .floor3-list .item:nth-child(2n + 1) {
        background-color: #1a408b !important;
        color: #fff !important
    }
    #train .floor4-list .item>.left, #medicine .floor1-list .item>.left {
        width: 100% !important
    }
    #train .floor4-list .item>.right, #medicine .floor1-list .item>.right {
        width: 100% !important;
        padding-left: 0 !important
    }
    #train .floor4-list .item:not(:first-child), #medicine .floor1-list .item:not(:first-child) {
        margin-top: 5% !important
    }
    #train .floor5-list .item {
        width: 100% !important
    }
    #train .floor5-list .item p, #train .floor5-list .item p a {
        line-height: 48px !important
    }
    #research .floor2 .title {
        margin-top: 6% !important
    }
    #research .floor2 .title + p {
        display: none
    }
    #research .floor2 .floor2-list {
        display: none
    }
    #research .floor2>.pic-wrap {
        min-height: auto !important
    }
    #research .floor2>.pic-wrap img {
        width: 100% !important
    }
    #research .floor3-list>.item {
        width: 100% !important
    }
    #research .floor3-list>.item:nth-child(2) {
        margin-top: 2% !important
    }
    #knowledge .floor1-list>.item {
        width: 100% !important
    }
    #honor .floor1-list>.item {
        width: 100% !important
    }
    #honor .floor1-list>.item:nth-child(3n + 2) {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
    #about .floor6-list>.item, #medicine .floor2-list>.item, #college .floor7-list>.item {
        width: 31.33% !important;
        margin-right: 3% !important;
        margin-bottom: 3% !important
    }
    #about .floor6-list>.item:nth-child(3n), #medicine .floor2-list>.item:nth-child(3n), #college .floor7-list>.item:nth-child(3n) {
        margin-right: 0 !important
    }
    #medicine .floor2>.pic-wrap{
        height: 530px !important
    }
    #medicine .floor3>.pic-wrap {
        height: 200px !important
    }
    #medicine .floor5>.pic-wrap {
        height: 225px !important
    }
    #medicine .floor2>.pic-wrap {
        min-height: auto !important
    }
    #medicine .floor3>.pic-wrap {
        min-height: auto !important
    }
    #medicine .floor3 .left {
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important
    }
    #medicine .floor3 .right {
        display: none !important
    }
    
    #medicine .floor5>.pic-wrap { 
        min-height: auto !important
    }
    #medicine .floor2>.pic-wrap img, #medicine .floor3>.pic-wrap img, #medicine .floor5>.pic-wrap img {
        width: 100% !important
    }
    #medicine .floor2 {
        background: url('./../images/@医药事业部/9.jpg') no-repeat center/cover;
    }
    #medicine .floor2>.wrap {
        position: static !important;
    }
    #medicine .floor2>.pic-wrap {
        display: none !important;
    }
    #medicine .insert-floor1 .left {
        width: 100% !important
    }
    #medicine .insert-floor1 .right {
        width: 100% !important;
        padding-left: 0 !important
    }
    #medicine .insert-floor1 .right hr {
        width: 100% !important;
        margin-top: 6% !important
    }
    #college .floor1-list .item {
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 5% !important
    }
    #college .floor1-list .item:nth-child(2)::before, #college .floor1-list .item:nth-child(2)::after {
        display: none !important;
    }
    #about .floor1-list .item .stitle, #college .floor1-list .item .stitle {
        margin-top: 10% !important
    }
    #about .floor1-list .item .stitle+p, #college .floor1-list .item .stitle+p {
        margin-top: 10% !important;
        height: 60px !important
    }
    #about .floor3>.pic-wrap, #introduce .floor3>.pic-wrap {
        min-height: auto !important;
    }
    #about .floor3>.pic-wrap img, #introduce .floor3>.pic-wrap img {
        width: 100% !important
    }
    #about .floor3 .bt, #introduce .floor3 .bt {
        margin-top: 6% !important;
        font-size: 24px !important
    }
    #about .floor3 .bt + p, #introduce .floor3 .bt + p {
        font-size: 16px !important
    }
    #camp .floor1-list>.item:not(:first-child):hover .float-box {
        display: flex
    }
    #camp .floor1-list .float-box {
        position: static !important;
        align-items: center;
        justify-content: center;
        top: 0;
        background-color: #1a408b !important;
        font-size: 14px !important
    }
    #camp .floor1-list .float-box .t + p {
        display: none !important
    }
    #camp .floor1-list>.item:not(:first-child) {
        height: auto !important
    }
    #disk .floor2 .clearfix {
        height: auto !important
    }
    #disk .floor2 .left {
        width: 100% !important
    }
    #disk .floor2 .right {
        width: 100% !important;
        padding-left: 5% !important;
        padding-right: 5% !important;
        padding-bottom: 7% !important
    }
    #disk .floor3-list>.item {
        width: 86% !important
    }
    #disk .floor3-list>.item p:last-child {
        margin-top: 8% !important
    }
    #disk .floor3-list>.item:not(:first-child) {
        margin-top: 10% !important
    }
    #disk .floor5 a {
        bottom: 16% !important;
        right: 15% !important;
        font-size: 14px !important
    }
    #disk .floor6-list>.item {
        width: 100% !important
    }
    #disk .floor6-list>.item>.float-text {
        right: 2% !important
    }
    #disk .floor6-list>.item>.float-text .t {
        margin-top: 2% !important;
        font-size: 16px !important;
        line-height: 18px !important;
        
    }
    #disk .floor6-list>.item>.float-text .t + p {
        margin-top: 4% !important
    }
    #disk .floor6-list>.item>.float-text p {
        font-size: 12px !important;
        line-height: 14px !important
    }
    #disk .floor8-list>.item {
        float: none !important;
        width: 65% !important;
        margin-left: auto !important;
        margin-right: auto !important
    }
    #disk .floor8-list>.item:not(:first-child) {
        margin-top: 20% !important;
    }
    #disk .floor8-list>.item:after {
        top: auto !important;
        bottom: -19% !important;
        left: 49% !important;
        margin-left: -12px !important;
   }
   #dynamic .floor2-list>.item {
       height: auto !important
   }
   #dynamic .floor2-list>.item:not(:first-child) {
       margin-top: 10% !important;
   }
   #dynamic .floor2-list>.item .right {
       width: 100% !important;
   }
   #dynamic .floor2-list>.item .left {
       width: 100% !important;
   }
   #dynamic .floor2-list>.item .middle {
       width: 100% !important;
       padding: 1% 0% 15% !important;
   }
   #dynamic .floor2-list>.item .middle .btn {
       margin-top: 0 !important
   }
   #dynamic .floor2-list>.item .middle .stitle:after {
       display: none
   }
   #dynamic .floor2-list>.item .middle .stitle + p {
       max-height: 120px !important
   }
   #contact .floo2-list>.item {
       width: 100% !important
   }
   #contact .floo2-list>.item:not(:first-child) {
       margin-top: 5% !important
   }
   #contact .floor3-list>.item {
       width: 100% !important;
       padding-top: 10% !important;
       padding-bottom: 10% !important;
       margin-right: 0 !important
   }
   #introduce .floor4-list>.item {
       width: 100% !important
   }
   #introduce .floor4-list>.item:not(:first-child) {
       margin-top: 5% !important
   }
   #introduce .insert-floor3-list>.item {
       width: 100% !important;
   }
   #introduce .insert-floor3-list>.item:not(:first-child) {
       margin-top: 5% !important
   }
   #about .floor1-list .item, #college .floor1-list .item, #introduce .insert-floor1-list .item {
       width: 50% !important
   }
   #about .floor5-list>.item .stitle + p, #about .floor5-list>.item .stitle + p, #introduce .insert-floor3-list>.item .stitle + p, #introduce .insert-floor3-list>.item .stitle + p {
        max-height: 9000000px !important
   }
   #consultation .floor1-list>.item {
       width: 100% !important;
       margin-right: 0 !important
   }
   #consultation .floor1-list>.item:nth-child(3n + 2) {
       margin-left: 0 !important;
       margin-right: 0 !important
   }
   #consultation .floor1-list>.item .stitle + p {
       max-height: 80px !important
   }
   #consultation .floor2 {
       display: none !important
   }
   #consultation .floor2>.pic-wrap {
       min-height: 330px !important
   }
   #consultation .floor2>.pic-wrap img {
       width: 100% !important
   }
   #consultation .floor3-list>.item:not(:first-child) {
       margin-top: 8%
   }
   #consultation .floor3-list>.item>.left {
       width: 100% !important;
   }
   #consultation .floor3-list>.item>.right {
       padding-left: 0 !important;
        width: 100% !important
   }
   #consultation .floor3-list>.item>.right .t {
       text-align: center
   }
   #consultation .floor3-list>.item>.right p.clearfix .fl:first-child {
       width: 100% !important
   }
   #tour .floor1-list>.item .left {
       width: 100% !important;
   }
   #tour .floor1-list>.item .right {
       width: 100% !important
   }
   #tour .floor1-list>.item .right .t {
       margin-top: 5% !important
   }
   #tour .floor1-list>.item:not(:first-child) {
       margin-top: 5% !important;
   }
   #tour .floor2-list>.item .left {
       width: 100% !important
   }
   #tour .floor2-list>.item .right {
       width: 100% !important;
       padding-left: 0 !important
   }
   #tour .floor2>.pic-wrap {
       min-height: auto !important;
       overflow: hidden !important;
   }
   #tour .floor2>.pic-wrap img {
       width: 825px
   }
   #tour .floor3-list>.item {
       width: 93% !important
   }
   #tour .floor4 .left, #nucleus .floor6 .left {
       width: 100% !important
   }
   #tour .floor4 .left .icon, #nucleus .floor6 .left .icon {
       width: 22% !important
   }
   #tour .floor4 .left .text, #nucleus .floor6 .left .text {
       width: 76% !important
   }
   #tour .floor4 .right, #nucleus .floor6 .right {
       width: 100% !important
   }
   #tour .floor4 .right .form-wrap, #nucleus .floor6 .right .form-wrap {
        box-sizing: border-box !important;
        width: 100% !important;
        margin-top: 5%
   }
   #tour .floor4>.pic-wrap, #nucleus .floor6>.pic-wrap {
       min-height: auto !important
   }
   #tour .floor4>.pic-wrap img, #nucleus .floor6>.pic-wrap img {
       height: 825px
   }
   #third .floor1 .slide {
       display: none
   }
   #third .floor1 .content {
       width: 100% !important;
       padding-left: 0 !important
   }
   #third .floor1 .content .top {
       text-align: left !important
   }
   #third .floor1 .bottom>p:first-child {
       margin-bottom: 3% !important
   }
   #china .floor3-list>.item {
       width: 100% !important
   }
   #china .floor3-list>.item:not(:first-child) {
       margin-top: 5% !important
   }
   #china .floor3-list>.item:nth-child(3n + 2) {
       margin-left: 0 !important;
       margin-right: 0 !important
   }
   #china .floor4 .left {
       width: 100% !important
   }
   #china .floor4 .right {
       width: 100% !important;
       padding-left: 0 !important
   }
   #china .floor4 .right .item .t::after {
       bottom: -8px !important
   }
   #pattern2 .floor3-list>.item {
       width: 88% !important
   }
   #pattern2 .floor3-list>.item p:last-child {
       margin-top: 3% !important
   }
   #pattern2 .floor3-list>.item:not(:first-child) {
       margin-top: 6% !important
   }
   #pattern2 .floor4 .left {
       width: 100% !important
   }
   #pattern2 .floor4 .right {
       width: 100% !important;
       padding-left: 0 !important
   }
   #pattern1 .floor3-list>.item {
       width: 100% !important
   }
   #pattern1 .floor3-list>.item:not(:first-child) {
       margin-top: 5% !important;
   }
   #pattern1 .floor3-list>.item:nth-child(3n + 2) {
       margin-left: 0 !important;
       margin-right: 0 !important
   }
   #ask .floor2-list>.item .left {
       width: 100% !important;
       padding-top: 5% !important;
       padding-bottom: 5% !important
   }
   #ask .floor2-list>.item .right {
       width: 100% !important;
       margin-top: 4% !important;
       padding-left: 0 !important
   }
   #ask .floor2-list>.item .right hr {
       width: 20% !important
   }
   #college .floor6-list>.item {
       width: 100% !important
   }
   #college .floor6-list>.item:nth-child(3n + 2) {
       margin-left: 0 !important;
       margin-right: 0 !important
   }
   
   #nucleus .floor3 {
       display: none !important
   }
   #nucleus .floor3>.pic-wrap {
       min-height: auto !important;
   }
   #nucleus .floor3>.pic-wrap img {
       width: 100% !important
   }
   #nucleus .floor4-list>.item:nth-child(3n + 2) {
       margin-left: 0 !important;
   }
   #nucleus .floor4-list>.item {
       width: 48% !important;
       margin-right: 4% !important;
       margin-bottom: 4% !important
   }
   #nucleus .floor4-list>.item:nth-child(2n) {
       margin-right: 0 !important
   }
   #nucleus .floor5>.pic-wrap {
       min-height: 676px !important
   }
   #nucleus .floor5-list>.item {
       width: 30% !important;
       margin-bottom: 5% !important
   }
   #nucleus .floor5 {
       background: url('./../images/@阿米巴核能班/2.jpg') no-repeat center/cover;
   }
   #nucleus .floor5>.pic-wrap {
       display: none !important;
   }
   #nucleus .floor5>.wrap {
       position: static !important;
   }
   #nucleus .floor5-list>.item:not(:nth-child(6n)) {
       margin-left: 0 !important;
       margin-right: 0 !important
   }
   #nucleus .floor5-list>.item:nth-child(3n + 2) {
       margin-left: 5% !important;
       margin-right: 5% !important
   }
   #format .floor3>.pic-wrap {
       height: 180px;
       overflow: hidden;
   }
   #format .floor3 .img-left, #format .floor3 .img-right, #format .floor5 .img-right, #format .floor5 .img-left {
       width: 20px !important;
       height: 20px !important;
       margin-top: -0px !important
   }
   #format .floor3 .img-left, #format .floor5 .img-left {
       left: -28px !important
   }
   #format .floor3 .img-right, #format .floor5 .img-right {
       right: -28px !important
   }
   #format .floor5>.pic-wrap {
       height: 400px
   }
   #format .floor5-list>.item:nth-child(3n + 2) {
       margin-left: 0 !important;
       margin-right: 0 !important
   }
   #format .floor5-list>.item {
       width: 100% !important;
       height: 285px !important;
       padding-bottom: 12% !important;
       margin-right: 0 !important
   }
   #format .floor6-list>.item {
       width: 30% !important
   }
   #format .floor6-list>.item:not(:nth-child(6n)) {
    margin-right: 0% !important;
   }
   #format .floor6-list>.item:nth-child(3n + 2) {
       margin-left: 5% !important;
       margin-right: 5% !important
   }
}

@media only screen and (max-width: 1440px) {
    #header .wrap .menu-list, #header .wrap .menu-list a {
        font-size: 14px !important
    }
}

@media only screen and (max-width: 900px) {
    #header .wrap .menu-item::before {
        bottom: -10px !important
    }
}