.investor{padding-top: 120px;padding-bottom: 112px;} .investor .abstract-text{color: #fff;} .stock_con{padding: 6% 0;} .stock_wrap{ max-width: 1200px; margin: 0 auto; padding: 0 10px; } .abstract-text span { display: block; width: 85px; height: 2px; margin-top: 20px; background: #FFFFFF; } .pageTit{margin-bottom: 40px;} .switch{ padding:20px 0 0 } .switch a { margin: 0 1px 0 0; line-height: 42px; width: 152px; display: inline-block; text-align: center; } .switch a em{ background: #D6001D; width: 14px; height: 14px; display: inline-block; vertical-align: middle; margin: 0 10px 0 0; } .switch a span{ vertical-align: middle; } .switch a:hover, .switch .active{ background: #D6001D; color: #fff; } .switch a:hover em, .switch .active em{ background: #fff; } .switch-box{ display: none; } .switch-box img{ display: block; max-width: 100%; vertical-align: top; margin: 0 auto; } .interflow_con{padding: 6% 0;} .d_tit{text-align: center;margin-bottom: 50px;} @media only screen and (min-width: 1025px){ .switch a:hover{color: #fff!important;} } @media only screen and (max-width: 1024px){ .pageTit{margin-bottom: 20px;} .t-ch{font-size: 24px;} .stock_con,.interflow_con{ padding-top: 100px; padding-bottom: 100px; } } @media only screen and (max-width: 767px){ .stock_con,.interflow_con{ padding-top: 50px; padding-bottom: 50px; } } @media only screen and (max-width: 345px){ .switch a{white:45px;} }