/* 【 0 - 1500 】 */
@media screen and (max-width: 767px) {
  html {
    font-size: 10vw;
  }
  .hide-xs {
    display: none;
  }
  header {
    width: 100%;
    max-width: 767px;
    min-width: 320px;
    height: 1.267rem;
  }
  header.navBg {
    margin-bottom: 0;
  }
  header .content {
    width: 100%;
    height: 1.267rem;
    padding: 0 0.533rem;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    background-color: white;
    border-bottom: 1px solid #e5e5e5;
    opacity: 0.95;
    overflow: hidden;
    display: block;
  }
  header .content .mMenu {
    width: 0.48rem;
    position: absolute;
    right: 0.533rem;
    top: 0.42rem;
  }
  header .content .logo {
    width: auto;
    height: 1.267rem;
    line-height: 1.267rem;
    font-size: 0.48rem;
    padding-left: 0;
    position: relative;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    padding: 0;
  }
  header .content .logo img {
    width: 6rem;
    margin: 0;
  }
  header .content .naviList {
    width: 100%;
    line-height: 1.333rem;
    position: static;
    text-align: left !important;
    padding: 0;
    margin-top: 0.8rem;
  }
  header .content .naviList li {
    width: 100%;
  }
  header .content .naviList li a {
    font-size: 0.427rem;
    width: 100%;
    height: 0.667rem;
    line-height: 0.667rem;
    text-align: left;
    padding: 0;
    box-sizing: border-box;
    text-align: left !important;
  }
  header .content .naviList li a.active {
    font-weight: bold;
  }
  header .content .naviList li a.active::after {
    display: none;
  }
  header .content .naviList li a i {
    font-size: 14px;
    margin-left: 5px;
  }
  header .content .naviList li.layui-nav-item i.layui-nav-more {
    display: none;
  }
  header .content .naviList li.layui-nav-item dl.layui-nav-child {
    display: block;
    position: static;
    box-shadow: none;
    border: none;
  }
  header .content .naviList li.layui-nav-item dl.layui-nav-child dd {
    padding-left: 0.533rem;
    border: none;
    border-bottom: 1px solid #EEE;
  }
  header .content .naviList li.layui-nav-item dl.layui-nav-child dd:last-child {
    border-bottom: none;
  }
  header .content .contact {
    display: none !important;
  }
  header .content .m_menu {
    display: block;
  }
  header .content .cta-menu {
    width: 8.933rem;
    height: 1.333rem;
    color: #fff;
    background-color: #1c2746;
    border-radius: 0.133rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 0.667rem;
    left: 50%;
    transform: translateX(-50%);
  }
  header .content .cta-menu img {
    width: 0.733rem;
  }
  header .content .cta-menu a {
    color: #fff;
  }
  header .content .cta-menu span {
    margin-left: 0.267rem;
    font-size: 0.427rem;
  }
  footer {
    width: 100%;
    max-width: 767px;
    min-width: 320px;
    margin: 0rem auto 0;
  }
  footer .content {
    width: 100% !important;
    padding-left: 0.533rem;
    padding-right: 0.533rem;
  }
  footer .content .footMenu {
    padding: 0.067rem 0 0.067rem;
    border: none !important;
  }
  footer .content .footMenu .logo {
    padding-top: 40px;
  }
  footer .content .footMenu .logo img {
    width: 6.667rem;
  }
  footer .content .footMenu .menuItem {
    padding: 0.2rem 0;
    text-align-last: left;
  }
  footer .content .footMenu .menuItem:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
  footer .content .footMenu .menuItem ul {
    margin-top: 0.533rem;
  }
  footer .content .footMenu .menuItem ul li {
    margin-bottom: 0.4rem;
    position: relative;
  }
  footer .content .footMenu .menuItem ul li::before {
    content: ">";
    font-size: 0.427rem;
    /* 根据需要调整字体大小 */
    margin-right: 0.133rem;
    /* 根据需要调整右边距 */
    position: absolute;
    top: 0;
    right: 0;
  }
  footer .content .footMenu .menuItem ul li:last-child {
    margin-bottom: 0;
  }
  footer .content .footMenu .menuItem ul a {
    color: #7d7f8d;
    padding-bottom: 0.133rem;
    font-size: 0.4rem;
    border-bottom: 0.027rem solid rgba(118, 119, 126, 0.2);
  }
  footer .copyright {
    width: 100% !important;
    border-top: none;
  }
  footer .copyright .content {
    padding: 0.2rem 0;
  }
  footer .copyright .content a {
    color: #7d7f8d;
  }
  .jn-banenr {
    width: 100%;
    max-width: 767px;
    min-width: 320px;
    height: 14.267rem;
    background: url('../images/index-banner-bg-m.jpg') no-repeat center center;
    background-size: 100% 100%;
  }
  .jn-banenr .content {
    width: 100%;
    padding: 0 0.533rem;
  }
  .jn-banenr .content img {
    width: 1.067rem;
    margin-top: 3.333rem;
  }
  .jn-banenr .content .title {
    font-size: 0.48rem;
    margin-top: 0.4rem;
  }
  .jn-banenr .content .desc {
    font-size: 0.88rem;
    margin-top: 0.8rem;
  }
  .jn-banenr .content .desc br {
    display: block;
  }
  .jn-idx-about {
    width: 100%;
    max-width: 767px;
    min-width: 320px;
    padding-top: 1.133rem;
    padding-bottom: 1.6rem;
  }
  .jn-idx-about .content {
    width: 100%;
    padding: 0 0.533rem;
  }
  .jn-idx-about .content .title {
    font-size: 0.613rem;
  }
  .jn-idx-about .content .desc {
    font-size: 0.347rem;
    line-height: 0.64rem;
    margin-top: 0.347rem;
  }
  .jn-idx-about .content .main {
    margin-top: 0.667rem;
    display: block;
  }
  .jn-idx-about .content .main .item {
    width: 8.933rem;
    height: 6.587rem;
    border-radius: 0.32rem;
    margin-bottom: 0.533rem;
  }
  .jn-idx-about .content .main .item img {
    margin-top: 0.533rem;
  }
  .jn-idx-about .content .main .item .it_title {
    font-size: 0.347rem;
    margin-top: 0.533rem;
  }
  .jn-idx-about .content .main .item .it_desc {
    font-size: 0.347rem;
    line-height: 0.64rem;
    margin-top: 0.267rem;
    padding: 0 0.267rem;
  }
  .jn-idx-about .content .more {
    width: 8.933rem;
    height: 1.173rem;
    border-radius: 0.133rem;
    font-size: 0.347rem;
    position: static;
  }
  .jn-idx-services {
    width: 100%;
    max-width: 767px;
    min-width: 320px;
  }
  .jn-idx-services .content {
    width: 100%;
    padding: 0 0.533rem 1.333rem;
  }
  .jn-idx-services .content .title {
    font-size: 0.613rem;
  }
  .jn-idx-services .content .desc {
    font-size: 0.347rem;
    line-height: 0.64rem;
    margin-top: 0.347rem;
  }
  .jn-idx-services .content .main {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.533rem;
  }
  .jn-idx-services .content .main .left {
    width: 100%;
  }
  .jn-idx-services .content .main .right {
    width: 100%;
  }
  .jn-idx-services .content .main .item {
    margin-bottom: 0.533rem;
  }
  .jn-idx-services .content .main .item > img {
    max-width: 100%;
  }
  .jn-idx-services .content .main .item .it_title {
    font-size: 0.427rem;
    padding: 0 0.533rem;
    top: 0.4rem;
  }
  .jn-idx-services .content .main .item .it_desc {
    font-size: 0.347rem;
    line-height: 0.48rem;
    padding: 0 0.533rem;
    bottom: 0.4rem;
  }
  .jn-idx-industries {
    width: 100%;
    max-width: 767px;
    min-width: 320px;
  }
  .jn-idx-industries .content {
    width: 100%;
    padding: 0 0.533rem;
  }
  .jn-idx-industries .content .title {
    font-size: 0.613rem;
  }
  .jn-idx-industries .content .desc {
    font-size: 0.347rem;
    line-height: 0.64rem;
    margin-top: 0.347rem;
  }
  .jn-idx-industries .main {
    height: 8rem;
    margin-top: 0.667rem;
    background-size: 100% 100% !important;
  }
  .jn-idx-industries .main.bg1 {
    background: url('../images/index-industry-bg1-m.jpg') no-repeat center center;
  }
  .jn-idx-industries .main.bg2 {
    background: url('../images/index-industry-bg2-m.jpg') no-repeat center center;
  }
  .jn-idx-industries .main.bg3 {
    background: url('../images/index-industry-bg3-m.jpg') no-repeat center center;
  }
  .jn-idx-industries .main.bg4 {
    background: url('../images/index-industry-bg4-m.jpg') no-repeat center center;
  }
  .jn-idx-industries .main.bg5 {
    background: url('../images/index-industry-bg5-m.jpg') no-repeat center center;
  }
  .jn-idx-industries .main.bg6 {
    background: url('../images/index-industry-bg6-m.jpg') no-repeat center center;
  }
  .jn-idx-industries .main .content {
    padding-top: 0.933rem;
  }
  .jn-idx-industries .main ul li {
    width: 2rem;
    height: 0.8rem;
    border-radius: 0.133rem;
    font-size: 0.347rem;
    margin-bottom: 0.267rem;
  }
  .jn-idx-news {
    width: 100%;
    max-width: 767px;
    min-width: 320px;
    padding-top: 1.333rem;
  }
  .jn-idx-news .content {
    width: 100%;
    padding: 0 0.533rem 1.6rem;
  }
  .jn-idx-news .content .title {
    font-size: 0.613rem;
  }
  .jn-idx-news .content .desc {
    font-size: 0.347rem;
    line-height: 0.64rem;
    margin-top: 0.347rem;
  }
  .jn-idx-news .content .main {
    flex-wrap: wrap;
    margin-top: 0.667rem;
  }
  .jn-idx-news .content .main .item {
    width: 100%;
    margin-bottom: 0.533rem;
  }
  .jn-idx-news .content .main .item .thumb {
    max-width: 100%;
    height: 5.333rem;
  }
  .jn-idx-news .content .main .item .thumb span {
    width: 1.867rem;
    height: 0.8rem;
    font-size: 0.347rem;
    border-radius: 0.107rem;
    top: 0.267rem;
    left: 0.267rem;
  }
  .jn-idx-news .content .main .item .it_title {
    font-size: 0.427rem;
    margin-top: 0.267rem;
  }
  .jn-idx-news .content .main .item .it_desc {
    font-size: 0.347rem;
    line-height: 0.52rem;
    margin-top: 0.133rem;
  }
  .jn-idx-news .content .main .item .it_time {
    font-size: 0.347rem;
    line-height: 0.52rem;
    margin-top: 0.133rem;
  }
  .jn-idx-news .content .more {
    width: 8.933rem;
    height: 1.173rem;
    border-radius: 0.133rem;
    font-size: 0.347rem;
    position: static;
  }
  .jn-about-banner {
    width: 100%;
    max-width: 767px;
    min-width: 320px;
    height: 14.267rem;
    background: url('../images/about-banner-bg-m.jpg') no-repeat center center;
    background-size: 100% 100% !important;
  }
  .jn-about-banner .content {
    width: 100%;
    padding: 1.733rem 0.533rem 0;
  }
  .jn-about-banner .content .title {
    font-size: 0.613rem;
    padding-left: 0;
  }
  .jn-about-banner .content .desc {
    width: 100%;
    font-size: 0.347rem;
    line-height: 0.533rem;
    margin-top: 0.4rem;
    padding-left: 0;
  }
  .jn-about-banner .content .main {
    width: 100%;
    height: auto;
    border-radius: 0.267rem;
    margin-top: 1.333rem;
    padding: 0.533rem 0.4rem 0;
    flex-wrap: wrap;
  }
  .jn-about-banner .content .main .item {
    align-items: flex-start;
    margin-bottom: 0.533rem;
  }
  .jn-about-banner .content .main .item span {
    width: 1.333rem;
    height: 0.533rem;
    border-radius: 0.08rem;
    font-size: 0.347rem;
    margin-right: 0.267rem;
  }
  .jn-about-banner .content .main .item label {
    width: 6.507rem;
    font-size: 0.347rem;
  }
  .jn-about-user {
    width: 100%;
    max-width: 767px;
    min-width: 320px;
  }
  .jn-about-user .content {
    width: 100%;
    padding: 1.467rem 0.533rem 1.333rem;
  }
  .jn-about-user .content .title {
    font-size: 0.64rem;
  }
  .jn-about-user .content .main {
    margin-top: 0.8rem;
  }
  .jn-about-user .content .main i {
    width: 4.133rem;
    height: 1.467rem;
    border-radius: 0.32rem;
    margin-bottom: 0.267rem;
    background-position: 0 0 !important;
    box-shadow: 0.133rem 0.133rem 0.133rem 0px rgba(188, 202, 215, 0.1);
    background-size: calc(100% + 20px) calc(100% + 20px) !important;
  }
  .jn-about-user + .jn-idx-news .content .title {
    font-size: 0.64rem;
  }
  .contact_m1 {
    width: 100%;
    max-width: 767px;
    min-width: 320px;
    padding-top: 0.8rem;
  }
  .contact_m1 .content {
    width: 100%;
    padding: 0 0.533rem 0;
  }
  .contact_m1 .content .title {
    font-size: 0.64rem;
  }
  .contact_m1 .content .main {
    margin: 0 auto;
    flex-wrap: wrap;
    padding-top: 1.6rem;
  }
  .contact_m1 .content .item {
    width: 100%;
    margin-bottom: 0.533rem;
  }
  .contact_m1 .content .item > img {
    width: 1.173rem;
  }
  .contact_m1 .content .item .it_right {
    width: calc(100% - 1.173rem);
    padding-left: 0.267rem;
  }
  .contact_m1 .content .item .it_right .it_title {
    font-size: 0.427rem;
  }
  .contact_m1 .content .item .it_right .it_desc {
    font-size: 0.347rem;
  }
  .contact_m2 {
    width: 100%;
    max-width: 767px;
    min-width: 320px;
    padding: 0.533rem 0.533rem 1.6rem;
  }
  .contact_m2 > div {
    width: 100%;
    height: 5.067rem;
    border-radius: 0.32rem;
  }
  .jn-news {
    width: 100%;
    max-width: 767px;
    min-width: 320px;
    background: url('../images/news-bg-m.png') no-repeat top center;
    background-size: 100% auto;
  }
  .jn-news .content {
    width: 100%;
    padding: 1.333rem 0.533rem 1.6rem;
  }
  .jn-news .content .title {
    font-size: 0.64rem;
  }
  .jn-news .content .types {
    margin-top: 0.533rem;
  }
  .jn-news .content .types span {
    width: 2.4rem;
    height: 0.88rem;
    border-radius: 0.08rem;
    font-size: 0.347rem;
  }
  .jn-news .content .main {
    margin-top: 0.667rem;
  }
  .jn-news .content .main .left {
    width: 100%;
  }
  .jn-news .content .main .left .more {
    margin-top: 0.533rem;
  }
  .jn-news .content .main .left .more a {
    width: 8.933rem;
    height: 1.173rem;
    border-radius: 0.133rem;
    font-size: 0.347rem;
  }
  .jn-news .content .main .left .item {
    width: 100%;
    margin-bottom: 0.533rem;
  }
  .jn-news .content .main .left .item .thumb {
    max-width: 100%;
    height: 5.333rem;
  }
  .jn-news .content .main .left .item .thumb span {
    width: 1.867rem;
    height: 0.8rem;
    font-size: 0.347rem;
    border-radius: 0.107rem;
    top: 0.267rem;
    left: 0.267rem;
  }
  .jn-news .content .main .left .item .it_title {
    font-size: 0.427rem;
    margin-top: 0.267rem;
  }
  .jn-news .content .main .left .item .it_desc {
    font-size: 0.347rem;
    line-height: 0.52rem;
    margin-top: 0.133rem;
  }
  .jn-news .content .main .left .item .it_time {
    font-size: 0.347rem;
    line-height: 0.52rem;
    margin-top: 0.133rem;
  }
  .jn-news .content .main .right {
    display: none;
  }
  .news_m1 {
    width: 100%;
    max-width: 767px;
    min-width: 320px;
    background: #fff;
  }
  .news_m1 .content {
    width: 100%;
    padding: 0.667rem 0.533rem 2.133rem;
  }
  .news_m1 .content.m_pt50r {
    padding-top: 0.667rem;
    margin-top: 1.227rem;
  }
  .news_m1 .content .main {
    width: 100%;
  }
  .news_m1 .content .main .position {
    width: 100%;
    height: 1.173rem;
    border-radius: 0;
    padding: 0;
    font-size: 0.32rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .news_m1 .content .main .article {
    margin-top: 0.267rem;
    border-radius: 0;
    padding: 0.267rem 0 0.2rem;
  }
  .news_m1 .content .main .article .a_title {
    font-size: 0.427rem;
  }
  .news_m1 .content .main .article .a_time {
    margin-top: 0.267rem;
    font-size: 0.32rem;
    padding-bottom: 0.2rem;
  }
  .news_m1 .content .main .article .a_time i {
    margin-right: 0.133rem;
    background-size: 100% 100% !important;
  }
  .news_m1 .content .main .article .a_main {
    padding: 0.267rem 0;
    overflow: hidden;
    font-size: 0.347rem;
  }
  .news_m1 .content .main .article .a_main img {
    max-width: 100%;
  }
  .news_m1 .content .sider {
    display: none;
  }
}