@media screen and (max-width: 1300px) {
  .w,
  .sub-w,
  .recruitment-w,
  .press_conter {
    width: 100% !important;
  }
  h2 {
    font-size: 18px !important;
    text-align: center;
  }
  h3 {
    font-size: 16px !important;
    margin-bottom: 0 !important;
  }
  h4 {
    font-size: 14px !important;
  }
  .sincerely-invite-h5,
  .speech-last,
  .h5-yearlist,
  .h5-recruitment_left,
  .h5-home_nav {
    display: block;
  }
  .sincerely-invite .flex_sb,
  .commerce-border,
  .speech-first,
  .development .flex1,
  .recruitment_left,
  .swiper-button,
  .management-item_right_down_icon,
  .yearlist,
  .up-nav,
  .swiper-up__down {
    display: none !important;
  }
  .sincerely-invite {
    padding: 32px 16px !important;
  }
  .sincerely-invite__tip {
    font-size: 12px !important;
  }
  .tabs-view {
    --height: 35px;
    padding: 0 16px;
  }
  .tabs-view .tabs a {
    font-size: 12px;
  }
  .information-content {
    font-size: 12px !important;
    line-height: 23px !important;
  }
  .pager {
    margin-top: 24px;
  }
  .sincerely-invite__item {
    padding: 12px 16px !important;
    height: auto !important;
    margin: 16px 0 0 0 !important;
  }
  .sincerely-invite__item .contact-us {
    padding: 5px 12px 0 !important;
    height: 30px !important;
    line-height: 30px !important;
    font-size: 12px !important;
  }
  .sincerely-invite__item .contact-us::before {
    right: 12px !important;
  }
  .swiper-up__conter {
    margin: 12px auto !important;
  }
  .swiper-up__conter a {
    font-size: 12px !important;
    width: 88px;
    height: 35px;
    line-height: 35px;
  }
  .swiper-button {
    width: 24px !important;
    height: 24px !important;
    margin: 0 16px !important;
  }
  .sincerely-invite__item_left {
    padding: 0 !important;
    border-color: transparent !important;
    width: 100% !important;
    align-items: center !important;
  }
  .sincerely-invite__item_left img {
    width: 24px !important;
    height: 24px !important;
    margin-right: 12px;
  }
  .sincerely-invite__item_left h4 {
    margin-top: 0 !important;
  }
  .sincerely-invite__item_right {
    padding: 12px 16px !important;
  }
  .sincerely-invite__item_right span,
  .sincerely-invite__item_right p {
    font-size: 12px !important;
    line-height: 26px !important;
  }
  .sincerely-invite__item_right span {
    margin-top: 12px;
  }
  .business-model {
    padding: 0 16px;
    margin-top: 24px !important;
  }
  .business-model .business-model__up_title {
    margin: 0 0 12px !important;
  }
  .business-model .business-model__up_tip {
    font-size: 12px !important;
  }
  .business-model img {
    width: 88px !important;
    height: auto !important;
  }
  .business-model-view {
    height: 151px;
  }
  .business-model-view .business-model-tabs {
    top: 12px !important;
    left: 16px !important;
    display: flex;
  }
  .business-model-view .business-model-tabs .business-model-tabs_item {
    margin-right: 32px;
  }
  .business-model-view .business-model-tabs .business-model-tabs_item img {
    width: 32px !important;
    height: 32px !important;
    margin: 0 auto;
  }
  .business-model-view .business-model-tabs .business-model-tabs_item span {
    font-size: 12px !important;
  }
  .business-model-view .business-model-down {
    left: 0;
    top: 70px;
    right: 0;
    width: 100%;
    /*height: 88px !important;*/
    height: 162px !important;
    overflow: auto;
    padding: 12px 16px 12px 64px !important;
  }
  .business-model-view .business-model-down h4 {
    margin-bottom: 5PX !important;
  }
  .business-model-view .business-model-down p {
    font-size: 12px !important;
    line-height: 20px !important;
  }
  .business-model-view .business-model-down img {
    width: 160px !important;
    height: auto !important;
    position: static !important;
    float: right;
  }
  .home-contact-us {
    margin: 24px 0 var(--side-height) !important;
    display: block !important;
    padding: 0 16px 12px;
  }
  .home-contact-us .home-contact-us-up span {
    font-size: 12px !important;
  }
  .home-contact-us .home-contact-us-up h3 {
    margin: 0 0 12px !important;
  }
  .home-contact-us .home-contact-us-down {
    margin-top: 12px !important;
    display: block !important;
  }
  .home-contact-us .home-contact-us-down p {
    font-size: 12px !important;
  }
  .home-contact-us .home-contact-us-down img {
    margin-top: 12px;
  }
  .home-contact-us .home-contact-us-down span {
    width: 164px;
    font-size: 12px !important;
  }
  footer .footer-up {
    padding: 12px 16px !important;
  }
  footer .footer-up p {
    font-size: 12px !important;
  }
  footer .footer-up span {
    font-size: 16px !important;
  }
  footer .footer-down {
    padding: 12px 16px !important;
  }
  footer .footer-down span:last-child {
    white-space: nowrap;
  }
  footer .footer-conter {
    margin-top: 0 !important;
    flex-wrap: wrap;
  }
  footer .footer-conter div {
    width: 50%;
  }
  footer .footer-conter div:not(:first-child),
  footer .footer-conter div:not(:nth-child(2)) {
    margin-top: 24px;
  }
  footer .footer-conter h4,
  footer .footer-conter a {
    text-align: center;
  }
  .about-introduction {
    padding: 24px 16px 0 !important;
  }
  .about-introduction .flex__sb {
    flex-wrap: wrap;
  }
  .about-introduction p {
    margin-top: 6px !important;
    font-size: 12px !important;
    line-height: 23px !important;
  }
  .about-introduction img {
    width: 100% !important;
    height: auto;
    margin: 0 !important;
  }
  .about-make-speech {
    margin: 24px 0 !important;
    flex-wrap: wrap;
    padding: 24px 16px !important;
  }
  .about-make-speech h4 {
    margin-bottom: 6px !important;
  }
  .about-make-speech p {
    font-size: 12px !important;
    line-height: 23px !important;
  }
  .about-make-speech img {
    width: 100% !important;
    height: auto !important;
  }
  .about-make-speech .flex_column img {
    display: none;
  }
  .about-expert-team {
    padding: 24px 16px 0 !important;
  }
  .about-expert-team .about-expert-team_item {
    margin-top: 12px;
    width: 100% !important;
  }
  .about-expert-team .about-expert-team_item img {
    width: 88px !important;
    height: auto !important;
    margin-right: 12px !important;
  }
  .about-expert-team .about-expert-team_item h4 {
    margin-bottom: 6px !important;
  }
  .about-expert-team .about-expert-team_item p {
    font-size: 12px !important;
    line-height: 23px !important;
    margin-top: 0 !important;
  }
  .development {
    margin: 12px 16px 0 !important;
  }
  .development div {
    width: 100% !important;
  }
  .development h3 {
    margin: 0 !important;
  }
  .development span {
    font-size: 12px !important;
  }
  .development p {
    font-size: 12px !important;
    line-height: 23px !important;
    margin: 12px 0 0 0 !important;
  }
  .information {
    height: auto !important;
    padding: 12px 16px !important;
  }
  .information .flex {
    display: block !important;
  }
  .information .information-left {
    width: 100%;
  }
  .information .information-left img {
    display: none !important;
  }
  .information .information-left div {
    margin-top: 12px;
    overflow-x: auto;
    display: flex;
    align-items: center;
  }
  .information .information-left div p {
    white-space: nowrap;
    margin-right: 12px;
    font-size: 14px !important;
    padding-bottom: 3px !important;
  }
  .information .information-right {
    width: 100% !important;
    padding: 12px 16px !important;
  }
  .information .information-right .information-right_up {
    padding-bottom: 6px !important;
    margin-bottom: 12px !important;
  }
  .information .information-right .information-right_up div {
    margin-top: 12px;
    overflow-x: auto;
    display: flex;
    align-items: center;
  }
  .information .information-right .information-right_up div span {
    white-space: nowrap;
    margin-right: 12px;
    font-size: 14px !important;
    padding-right: 12px !important;
  }
  .information .information-right .information-right_up div span::before {
    height: 10px !important;
  }
  .sub-tabs-view h3 {
    margin: 24px 16px 12px !important;
    text-align: center;
  }
  .sub-tabs-view .sub-tabs {
    margin: 0 16px !important;
    height: 35px;
    overflow: auto;
  }
  .hauto{
      height: 162px !important;
  }
  .product{
      margin-bottom: 80px !important;
  }
  .sub-tabs-view .sub-tabs a {
    width: 77px !important;
    height: 35px !important;
    font-size: 12px !important;
    line-height: 35px !important;
  }
  .sub-tabs-view .sub-tabs span {
    width: 12px;
    height: 60px;
    background-color: #fff;
  }
  .sub-tabs-view .sub-tabs .sub-tab-bgc {
    width: 64px !important;
  }
  .sub-list .business-model {
    margin-bottom: 12px !important;
  }
  .sub-list .business-model__up_tip {
    margin-bottom: 0 !important;
  }
  .sub-list .business-model__up_title {
    margin: 0 auto !important;
  }
  .sub-list .sub-business-model {
    margin-top: 12px !important;
  }
  .sub-list .business-model-view {
    margin-bottom: var(--side-height);
  }
  .sub-list .professional-team {
    width: 100%;
    padding: 0 16px;
    margin-top: 24px;
  }
  .sub-list .professional-team .flex__sb {
    flex-wrap: wrap;
  }
  .sub-list .professional-team img {
    width: 100%;
    height: auto;
    margin: 12px 0 0;
  }
  .sub-list .professional-team p {
    font-size: 12px;
    line-height: 23px;
  }
  .sub-list .sub-business-model {
    width: 100%;
    padding: 0 16px;
    margin-top: 24px !important;
  }
  .sub-list .sub-business-model .flex__sb {
    flex-wrap: wrap;
  }
  .sub-list .sub-business-model .flex1 {
    width: 100%;
  }
  .sub-list .sub-business-model img {
    width: 100%;
    height: auto;
    margin: 12px 0 0;
  }
  .sub-list .sub-business-model h3 {
    font-size: 14px;
  }
  .sub-list .sub-business-model .sub-business-model-description {
    width: 100%;
    margin-top: 12px;
    height: auto;
    padding: 12px 16px;
  }
  .sub-list .sub-business-model .sub-business-model-description h4 {
    margin-bottom: 12px;
  }
  .sub-list .sub-business-model .sub-business-model-description p {
    font-size: 12px;
    line-height: 23px;
  }
  .sub-list .advantage {
    display: block;
    width: 100%;
    padding: 0 16px;
    margin-top: 24px;
    flex-wrap: wrap;
  }
  .sub-list .advantage img {
    width: 100%;
    height: auto;
    margin: 12px 0 0;
  }
  .sub-list .advantage h3 {
    font-size: 36px;
  }
  .sub-list .advantage p {
    font-size: 14px;
  }
  .sub-list .advantage span {
    font-size: 12px;
    margin: 12px 0 6px;
  }
  .sub-list .management-btn-top {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
  .sub-list .management {
    padding: 0 16px;
  }
  .sub-list .management .management-item:first-child {
    margin-top: 32px;
  }
  .sub-list .management .management-item:not(:first-child) {
    margin-top: 24px;
  }
  .sub-list .management .management-item:last-child {
    margin-bottom: 12px;
  }
  .sub-list .management .management-item p {
    font-size: 12px;
    line-height: 23px;
  }
  .sub-list .management .management-item span {
    font-size: 30px;
  }
  .h5-yearlist_item {
    margin-top: 12px;
    padding: 0 16px;
  }
  .h5-yearlist_item h4 {
    margin: 6px 0;
  }
  .h5-yearlist_item .cont_right-icon {
    width: 100%;
    height: auto;
    margin: 0;
  }
  .h5-yearlist_item p {
    font-size: 12px;
    line-height: 23px;
  }
  .h5-yearlist_item:not(:first-child) {
    margin-top: 24px;
  }
  .recruitment {
    display: block;
    margin: 24px 0 0;
    padding: 0 16px;
  }
  .recruitment .overflow_auto {
    height: auto;
    overflow: hidden;
  }
  .recruitment h3 {
    margin-bottom: 12px !important;
    padding-bottom: 6px;
  }
  .recruitment .recruitment_right:not(:first-child) {
    margin-top: 24px;
  }
  .recruitment .recruitment_right .recruitment_right_title {
    font-size: 14px;
  }
  .recruitment .recruitment_right .recruitment_right_sub-title {
    margin-bottom: 12px;
  }
  .recruitment .recruitment_right .recruitment_right_title + p {
    line-height: 23px;
    font-size: 12px;
    margin: 12px 0 24px;
  }
  .recruitment .h5-recruitment_left div {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: var(--tip);
  }
  .recruitment .h5-recruitment_left div:not(:first-child) {
    margin-top: 6px;
  }
  .propaganda_list {
    margin-top: 24px;
    padding: 0 16px;
  }
  .propaganda_list .propaganda_item {
    width: 100%;
  }
  .propaganda_list .propaganda_item div span {
    font-size: 12px;
  }
  .news {
    padding: 0 16px;
  }
  .news .news_up {
    margin: 24px 0;
    flex-wrap: wrap;
  }
  .news .news_up .positionr {
    width: 100%;
    height: 206px;
  }
  .news .news_up .positionr::before {
    bottom: 9px;
  }
  .news .news_up .positionr div {
    position: absolute;
    bottom: 18px;
    left: 16px;
  }
  .news .news_up .positionr div h3 {
    width: 90%;
  }
  .news .news_up .positionr div p {
    font-size: 12px;
    margin-top: 12px;
  }
  .news .news_up .flex1 {
    width: 100%;
    margin-left: 0;
  }
  .news .news_up .flex1 h3 {
    margin: 24px 0 12px;
  }
  .news .news_up .flex1 p {
    font-size: 12px;
    margin-top: 0;
  }
  .news .news_up .flex1 span {
    margin-top: 12px;
    font-size: 12px;
  }
  .news .news_up .flex1 div {
    margin: 24px 0 12px;
  }
  .news .news_up .flex1 div span {
    margin-top: 0;
  }
  .news .news_item {
    padding: 12px 16px;
    flex-wrap: wrap;
  }
  .news .news_item img {
    width: 100%;
    height: auto;
    margin-right: 0;
  }
  .news .news_item h4 {
    margin: 12px 0;
  }
  .news .news_item p {
    font-size: 12px;
    line-height: 23px;
  }
  .news .news_item span {
    font-size: 12px;
    margin: auto 0 0;
  }
  .news .news_item:not(:last-child) {
    margin-bottom: 40px;
  }
  .press .press_conter {
    margin: 0 auto;
  }
  .press .press_conter .press_tip {
    margin: 12px 16px 0;
  }
  .press .press_conter .press_tip span {
    font-size: 12px;
  }
  .press .press_conter .press_tip img {
    width: 12px;
    height: 12px;
  }
  .press .press_conter .press_conter-content {
    padding: 12px 16px;
    margin: 12px 0 16px;
  }
  .press .press_conter .press_conter-content span {
    font-size: 12px;
  }
  .press .press_conter .press_conter-content .press_conter-content-down {
    padding-top: 12px;
    border-top: 0.5px solid var(--tip);
  }
  .press .press_conter .press_conter-content .press_conter-content-down p {
    font-size: 12px;
  }
  .press .press_conter .press_conter-content .press_conter-content-down p:last-child {
    margin-top: 12px;
  }
  .press .press_conter .press_conter-content .press_conter-content-down span {
    width: 88px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
  }
  .press .press_conter .press_conter-content .description {
    margin: 12px 0 24px;
  }
  .press .press_conter .press_conter-content .description p {
    line-height: 23px;
    font-size: 12px;
  }
}
@media screen and (min-width: 1300px) and (max-width: 1600px) {
  .w {
    width: 1200px;
  }
  .tabs-view {
    bottom: 5.5px !important;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1920px) {
  .w {
    width: 1500px;
  }
}