@charset "utf-8";

/* 1440以下适配 */
@media (max-width: 1440px) {
  .width-1440 {
    width: auto;
    margin-left: 15px;
    margin-right: 15px;
  }
}

/* 1200以下适配 */
@media (max-width: 1200px) {
  /*底部*/
  .in-footer {
    text-align: center;
  }

  .in-footer-top {
    padding: 20px;
    display: block;
  }

  .in-footer-box .list {
    margin-top: 20px;
    margin-bottom: 30px;
  }

  .in-footer-top .in-footer-nav {
    padding-right: 0;
    display: block;
    width: auto;
    border: 0;
  }

  .in-footer-form {
    margin: 0 auto;
    width: 80%;
  }

  .in-footer-bottom {
    font-size: 14px;
  }

  /* 二级菜单 */
  .in-second-nav {
    height: 50px;
    line-height: 50px;
  }

  .in-second-nav .list {
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
  }

  .in-second-nav .list a {
    font-size: 14px;
    margin-right: 15px;
  }

  /* 关于我们 */
  .content-first {
    display: block;
  }

  .content-first .left,
  .content-first .right {
    width: auto;
    margin: 0;
  }

  .content-first .right {
    margin-top: 30px;
  }

  .content-first .left .icon,
  .content-first .left .icon1,
  .content-first .left .icon2 {
    padding-left: 40px;
  }

  /* 联系我们 */
  .contact-content .flex-con {
    display: block;
    margin-top: 30px;
  }

  .icon-size {
    width: 18px;
    height: 18px;
    /* height: auto;*/
  }

  .contact-content .flex-con {
    height: auto;
  }

  .contact-content .flex-con > div {
    width: auto;
    padding: 20px;
  }

  .contact-content .contact-card > div:nth-of-type(2) {
    padding-top: 20px;
  }

  .contact-content .flex-con > img {
    width: 100%;
    margin-top: 20px;
  }

  .contact-content .from-content {
    display: block;
    margin-top: 0;
  }

  .contact-content .from-content .input-style > input {
    width: auto;
  }

  .contact-content .from-content > textarea {
    margin-top: 15px;
  }

  /* R&D */
  .in-rds .in-rds-text {
    padding: 20px;
    width: 60%;
  }

  .in-rds-img {
    width: 40%;
    height: 100%;
  }

  /* core */
  .in-core-middle .icons {
    width: 20%;
  }

  /* over */
  .content-corp .lists > div {
    height: auto;
  }

  .card > div {
    height: auto;
    background: #f1f2f6;
  }

  .card > div > div {
    padding-top: 0;
  }

  /* m2 */
  .m2-tab {
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    justify-content: initial;
  }

  .m2-tab .item {
    font-size: 14px;
  }

  /* social / core */
  .social-mode,
  .core-mode {
    padding: 40px 20px !important;
  }
  .social-mode img {
    width: 30%;
  }
}

/* 1000以下适配 */
@media (max-width: 1000px) {
  /*头部导航*/
  .navbar-brand {
    padding: 15px;
    font-size: 26px;
  }

  .in-nav .nav > li {
    padding: 38.5px 6px;
    text-align: center;
  }

  .header-scroll .in-nav .nav > li {
    padding: 18.5px 6px;
  }

  .brief-introduction .mode-1,
  .brief-introduction .mode-2 {
    display: block;
  }

  .brief-introduction .mode-1 .img,
  .brief-introduction .mode-2 .img {
    width: auto;
    margin: 0 auto;
  }

  .brief-introduction .mode-1 .text,
  .brief-introduction .mode-2 .text {
    margin: 30px 0;
  }

  .brief-introduction .mode-3 {
    padding: 50px 6.7% 20px;
  }
  .brief-introduction .mode-4 {
    padding: 50px 6.7%;
  }
  /* social */
  .social-mode {
    display: block;
  }
  .social-mode img {
    width: 100%;
    margin-top: 0;
  }
  .social-mode .text {
    margin-left: 0;
    margin-top: 30px;
  }
  .social-mode .social-sub {
    margin-top: 30px;
  }
}

/* 移动端适配 */
@media (max-width: 768px) {
  .in-header {
    height: 60px;
  }

  .navbar-header {
    padding-top: 5px;
  }

  .nav > li {
    padding: 18.5px 20px;
  }

  .navbar-brand {
    padding: 15px;
  }

  .in-nav {
    position: fixed;
    left: 0;
    right: 0;
    top: 60px;
    background: #ffffff;
    z-index: 999;
    box-shadow: 0 0 8px #ccc;
  }

  .in-nav .nav > li {
    padding: 20px 0;
    float: none;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .navbar-nav > li > a {
    color: #333 !important;
  }

  .dropdown-menu {
    text-align: center;
    padding: 15px 0 0 0;
    position: inherit;
    margin: 0 auto;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    background: #f7f7f7;
    line-height: 30px;
  }

  /* R&D */
  .in-rds .in-rds-b > div {
    display: block;
  }
  .in-rds .in-rds-b .img {
    padding: 0 15px;
  }
  .in-rds .backs {
    height: 20px;
  }

  .in-rds-img,
  .in-rds-img img {
    width: 100%;
  }

  .in-rds .in-rds-text {
    padding: 20px;
    width: 100%;
  }

  /* 产品列表 */
  .pro-box {
    padding-bottom: 40px;
  }

  .pro-list {
    justify-content: space-between;
  }

  .pro-imgbox {
    width: 48%;
    margin-left: 0;
    margin-bottom: 20px;
  }

  .pro-more {
    width: 100%;
    height: 40px;
  }

  /* core */
  .in-core-lists {
    justify-content: space-between;
  }

  .in-core-lists .item {
    width: 48%;
    width: 100%;
    margin: 30px 0 0 0;
  }

  .in-core-middle {
    display: block;
  }

  .in-core-middle .core-list {
    width: 100%;
    margin: 0 0 20px 0;
  }

  .core-btm {
    padding: 20px;
    line-height: 1.5;
  }

  /* over */
  .in-over-3 {
    justify-content: space-between;
  }

  .in-over-3 .item {
    width: 48%;
    margin: 0 0 10px 0;
  }

  .in-over-3 .item img {
    width: 100%;
  }

  .content-corp .lists {
    display: block;
  }

  .content-corp .lists > div {
    width: 100%;
    padding: 20px;
  }

  .content-card .card > div {
    display: block;
  }

  .content-card .card > div img {
    width: 100%;
  }

  .content-card .card > div > div {
    width: 100%;
    padding: 15px;
  }

  .over-echarts .ech {
    margin-top: 30px;
  }

  /* m5 */
  .m5-list {
    display: block;
  }

  .m5-list > div {
    width: auto;
    margin: 15px 0 0 0;
  }

  /* m3 */
  .m3-list {
    display: block;
    margin-top: 20px;
  }

  .m3-list > div {
    width: auto;
    margin: 20px 0 0 0;
  }

  .m3-list > div .img {
    margin-right: 10px;
    width: 20%;
  }

  .m3-list > div .texts {
    width: 80%;
  }

  /* m2 */
  .m2 .big-img img {
    height: auto;
  }
}

@media (min-width: 768px) {
  .in-nav .nav > li:hover .dropdown-menu {
    display: block;
  }
}

/* 重置公用css样式 */
@media (max-width: 1200px) {
  .padding-120,
  .padding-100,
  .padding-90,
  .padding-70 {
    padding: 40px 0;
  }

  .padding-30 {
    padding: 15px;
  }

  .wid-50 {
    width: 100%;
  }

  .m-t-30 {
    margin-top: 15px;
  }

  .m-t-100,
  .m-t-90,
  .m-t-80,
  .m-t-75,
  .m-t-70 {
    margin-top: 40px;
  }

  .m-t-45,
  .m-t-40 {
    margin-top: 30px;
  }

  .m-t-50 {
    margin-top: 20px;
  }

  .m-t-15 {
    margin-top: 10px;
  }

  .m-t-25 {
    margin-top: 10px;
  }

  .m-b-40 {
    margin-bottom: 20px;
  }

  .m-t-20 {
    margin-top: 10px;
  }

  .f-s-26 {
    font-size: 16px;
  }

  .f-s-36 {
    font-size: 20px;
    line-height: 1.5;
  }

  .f-s-32,
  .f-s-30 {
    font-size: 20px;
  }

  .f-s-28 {
    font-size: 16px;
  }

  .f-s-24 {
    font-size: 16px;
  }

  .f-s-20 {
    font-size: 15px;
  }

  .f-s-22 {
    font-size: 15px;
  }

  .f-s-18 {
    font-size: 14px;
  }

  .line-36 {
    line-height: 24px;
  }

  .m-b-60 {
    margin-bottom: 30px;
  }

  .m-t-35 {
    margin-top: 20px;
  }
  .sjmod {
    display: block;
  }
  .pcmod {
    display: none;
  }
  .sjmod .in-core-middle .item-li {
    width: 80.5%;
    border: 4px solid #294a63;
    padding: 30px;
    border-radius: 18px;
    box-shadow: 0 5px 10px #646d76;
  }
}