@media screen and (max-width: 1200px) {
  html,
  body {
    font-size: 10px;
  }
  main .loop_ban {
    font-size: 2.5rem;
    margin-top: 5em;
  }
  main .public_tit {
    font-size: 4.75rem;
    margin: 0 auto;
  }
  main .public_tit .tit_bj_iner {
    width: 92%;
    font-size: 1em;
    margin-bottom: .92em;
  }
  main .public_tit .tit_bj_iner span {
    display: inline-block;
  }
  main .public_tit .fz_strip {
    top: 1.83em;
    width: 1.65em;
    height: .157em;
  }
  main .public_tit .tit_inner {
    width: 92%;
  }
  main .public_tit .tit_inner .tit_left div {
    width: 100%;
    font-size: .52em;
  }
  main .nav_key_word {
    display: none;
  }
  main .problem {
    /* 同步换浅底，原来这张 background-img_11-2.jpg 也是深蓝 */
    background-image: url(../images/index/bg_problem_light_m.jpg);
    background-size: 100%;
    background-color: #f6f9ff;
    font-size: 2.75rem;
    padding-bottom: 27.9em;
  }
  main .problem .problem_list {
    width: 92%;
    margin-top: 4.45em;
  }
  main .problem .problem_list ul {
    width: 100%;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
  }
  main .problem .problem_list ul li {
    border-radius: .18em;
    margin-bottom: 1em;
  }
  main .problem .problem_list ul li:nth-child(odd) {
    width: 80%;
    margin-left: 0;
  }
  main .problem .problem_list ul li:nth-child(even) {
    width: 80%;
    margin-right: 0;
  }
  main .problem .problem_list ul li:nth-child(1)::after, main .problem .problem_list ul li:nth-child(3)::after, main .problem .problem_list ul li:nth-child(5)::after, main .problem .problem_list ul li:nth-child(7)::after {
    position: absolute;
    content: "";
    top: 1.5em;
    left: -3.09em;
    width: 3.09em;
    height: 5.68em;
    background-image: url(../images/index/right_btn_img04.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
  }
  main .problem .problem_list ul li:nth-child(2)::before, main .problem .problem_list ul li:nth-child(4)::before, main .problem .problem_list ul li:nth-child(6)::before {
    position: absolute;
    content: "";
    top: 1.5em;
    right: -3.09em;
    left: auto;
    width: 3.09em;
    height: 5.68em;
    background-image: url(../images/index/right_btn_img05.png);
  }
  main .problem .problem_list ul li:nth-child(8)::before {
    display: none;
  }
  main .problem .problem_list ul li:nth-child(8)::after {
    display: none;
  }
  main .finally {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 2.75rem;
    padding-top: 2.44em;
    background-image: url(../images/index/JHC.png);
    background-size: 100%;
    background-position: center;
  }
  main .finally .finally_loop {
    width: 92%;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    margin-bottom: 3.91em;
    margin-top: 2.5em;
    box-shadow: 0px 3px 20px 0px rgba(56, 93, 190, 0.12);
    padding-bottom: 2.4em;
  }
  main .finally .finally_loop .Swiper1 {
    width: 100%;
  }
  main .finally .finally_loop .Swiper1 .swiper-wrapper .swiper-slide {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  main .finally .finally_loop .Swiper1 .swiper-wrapper .swiper-slide img {
    width: 100%;
    display: inline-block;
    margin-right: 0;
  }
  main .finally .finally_loop .Swiper1 .swiper-wrapper .swiper-slide p {
    width: 89.27%;
    margin-top: 1.25em;
    font-size: 1.27em;
  }
  main .finally .finally_loop .Swiper1 .swiper-wrapper .swiper-slide .finally_inner {
    font-size: 2.5rem;
    width: 89.27%;
    position: relative;
    top: 0;
    left: 0;
    padding-top: 2.04em;
    margin-bottom: 2.893em;
  }
  main .finally .finally_loop .Swiper1 .swiper-wrapper .swiper-slide .finally_inner p {
    margin-top: 0;
    margin-bottom: 5.1rem;
  }
  main .finally .finally_loop .Swiper1 .swiper-wrapper .swiper-slide .finally_inner .gdt {
    width: 95.77%;
    height: 3px;
    margin-bottom: 2.39em;
  }
  main .finally .finally_loop .Swiper1 .swiper-wrapper .swiper-slide .finally_inner .gdt::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 16.76%;
    height: 6px;
    background-color: #385dbe;
  }
  main .finally .finally_loop .Swiper1 .swiper-wrapper .swiper-slide .finally_inner span {
    width: 95.91%;
    display: inline-block;
    opacity: 0.78;
    font-size: 1.1em;
    line-height: 2em;
    margin-bottom: 1.9em;
    font-weight: 600;
  }
  main .finally .finally_loop .Swiper1 .swiper-wrapper .swiper-slide .finally_inner a {
    width: 29.6%;
    height: 6.62rem;
  }
  main .finally .finally_loop .Swiper2 {
    width: 100%;
    height: auto;
    background-image: url(../images/index/loop_bj_img04.png);
    background-size: 100%;
    background-position: center;
    position: relative;
    padding-bottom: .45em;
  }
  main .finally .finally_loop .Swiper2 .swiper-wrapper {
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: .1em;
  }
  main .finally .finally_loop .Swiper2 .swiper-wrapper .swiper-slide {
    width: 2.72em;
    height: 2.72em;
    margin: 0 1.65em;
    margin-left: 1.65em;
    margin-top: 3.4em;
  }
  main .finally .finally_loop .Swiper2 .swiper-wrapper .swiper-slide:nth-child(3) {
    width: 3.17em;
    height: 3.17em;
    margin: 0 1.65em;
    margin-left: 1.65em;
    margin-top: 3.81em;
  }
  main .finally .finally_loop .Swiper2 .swiper-wrapper .swiper-slide:nth-child(3) div {
    width: 3.17em;
    height: 3.17em;
    position: relative;
  }
  main .finally .finally_loop .Swiper2 .swiper-wrapper .swiper-slide:nth-child(3) div img {
    width: 3.17em;
    height: 3.17em;
  }
  main .finally .finally_loop .Swiper2 .swiper-wrapper .swiper-slide:nth-child(3) div::after {
    width: 3.73em;
    height: 3.73em;
  }
  main .finally .finally_loop .Swiper2 .swiper-wrapper .swiper-slide:nth-child(1), main .finally .finally_loop .Swiper2 .swiper-wrapper .swiper-slide:nth-child(5) {
    width: 1.81em;
    height: 1.81em;
    margin-left: 1.65em;
    margin-top: 2.18em;
  }
  main .finally .finally_loop .Swiper2 .swiper-wrapper .swiper-slide:nth-child(1) div, main .finally .finally_loop .Swiper2 .swiper-wrapper .swiper-slide:nth-child(5) div {
    width: 1.81em;
    height: 1.81em;
  }
  main .finally .finally_loop .Swiper2 .swiper-wrapper .swiper-slide:nth-child(1) div::after, main .finally .finally_loop .Swiper2 .swiper-wrapper .swiper-slide:nth-child(5) div::after {
    width: 2.15em;
    height: 2.15em;
  }
  main .finally .finally_loop .Swiper2 .swiper-wrapper .swiper-slide:nth-child(1) div img, main .finally .finally_loop .Swiper2 .swiper-wrapper .swiper-slide:nth-child(5) div img {
    width: 1.81em;
    height: 1.81em;
  }
  main .finally .finally_loop .Swiper2 .swiper-wrapper .swiper-slide div {
    width: 2.72em;
    height: 2.72em;
  }
  main .finally .finally_loop .Swiper2 .swiper-wrapper .swiper-slide div::after {
    width: 3.23em;
    height: 3.23em;
  }
  main .finally .finally_loop .Swiper2 .swiper-wrapper .swiper-slide div img {
    width: 2.72em;
    height: 2.72em;
  }
  main .finally .finally_loop .Swiper2 .page {
    width: 100%;
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  main .finally .finally_loop .Swiper2 .page .swiper-button-prev,
  main .finally .finally_loop .Swiper2 .page .swiper-button-next {
    position: static;
    width: 1.27em;
    height: 1.27em;
    margin: .22em 0;
    transform: rotate(180deg);
  }
  main .finally .finally_loop .Swiper2 .page .swiper-button-prev {
    margin-top: 0;
  }
  main .finally .notice {
    width: 92%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 5.81em;
  }
  main .finally .notice div {
    margin-left: 2.4%;
    margin-right: 0;
  }
  main .finally .notice p {
    width: 90.14%;
    font-size: .91em;
    line-height: 1.45em;
    text-align: center;
  }
  main .apple_grade {
    width: 100%;
    /* 第 44 轮：深蓝背景改为白底 */
    background: #ffffff;
    font-size: 2.5rem;
    padding-top: 3.57em;
    padding-bottom: 1.87em;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
  }
  main .apple_grade::after {
    position: absolute;
    content: "";
  }
  main .apple_grade .public_tit {
    font-size: 4.75rem;
  }
  main .apple_grade .public_tit .tit_bj_iner {
    width: 85.33%;
  }
  main .apple_grade .public_tit .tit_inner .tit_left div {
    color: #5c667a;
    /* 第 49 轮：新文案 47 字，桌面 68% 的宽度在 390 屏只剩 244px 要挤 3 行，放宽到 92% */
    width: 92%;
  }
  main .apple_grade .apple_glist {
    margin-top: 0;
    width: 92%;
  }
  main .apple_grade .apple_glist .app_imgs {
    position: static;
    width: 100%;
    height: auto;
    /* 第 44 轮：原 -2.5em 上移会压住上方描述，改白底后必须留出间距 */
    margin-top: 0;
    margin-bottom: 2em;
  }
  main .apple_grade .apple_glist ul {
    width: 100%;
    /* 桌面端改 grid 后这里必须显式覆盖回单列 flex */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    row-gap: 0;
  }
  main .apple_grade .apple_glist ul li {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 1.85em;
    border: 1px solid #e3e8f0;
    border-radius: .8em;
    padding-top: .78em;
    padding-bottom: 1.02em;
    margin-right: 0;
  }
  main .apple_grade .apple_glist ul li:nth-child(even) {
    flex-direction: row;
  }
  main .apple_grade .apple_glist ul li:nth-child(even) div {
    margin-right: 1.68em;
    margin-left: 1.26em;
  }
  main .apple_grade .apple_glist ul li:nth-child(even) span {
    align-items: flex-end;
  }
  main .apple_grade .apple_glist ul li:hover {
    cursor: pointer;
    background: #f3faf7;
    box-shadow: 0px 0px 18px rgba(23, 160, 110, 0.16);
    border: 1px solid #17a06e;
  }
  main .apple_grade .apple_glist ul li:hover div {
    background-image: url(../images/index/apple_ring_2026s.png);
    box-shadow: none;
  }
  main .apple_grade .apple_glist ul li:hover div::after {
    display: none;
  }
  main .apple_grade .apple_glist ul li div {
    width: 1.65em;
    height: 1.88em;
    background-image: url(../images/index/apple_ring_2026s.png);
    margin-right: 1.68em;
    margin-left: 1.26em;
    position: relative;
  }
  main .apple_grade .apple_glist ul li div::after {
    display: none;
  }
  main .apple_grade .apple_glist ul li span {
    display: flex;
    /* 第 44 轮：原来两行 p 横排会粘连成一句，改为上下堆叠 */
    flex-direction: column;
    align-items: flex-start;
  }
  main .apple_grade .apple_glist ul li:nth-child(even) span {
    align-items: flex-start;
  }
  main .apple_grade .apple_glist ul li span p {
    font-size: 1em;
    line-height: 1.6;
  }
  main .precision {
    width: 100%;
    font-size: 2.5rem;
    padding-top: 4em;
  }
  main .precision .precision_list {
    width: 92%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 8.2em;
    margin-top: 4.15em;
    padding-bottom: 4.2em;
  }
  main .precision .precision_list:nth-child(odd) {
    flex-direction: column;
    margin-top: 0;
    margin-bottom: 0;
  }
  main .precision .precision_list .imgs {
    width: 100%;
    height: auto;
  }
  main .precision .precision_list .imgs img {
    width: 100%;
    height: 100%;
  }
  main .precision .precision_list .precision_inner {
    width: 100%;
    height: auto;
  }
  main .precision .precision_list .precision_inner p {
    font-size: 2.4em;
    margin: 5.37rem 0 4.68rem 5.07%;
  }
  main .precision .precision_list .precision_inner .gdt {
    width: 88.84%;
    height: .15em;
    margin-left: 5.07%;
  }
  main .precision .precision_list .precision_inner .gdt::after {
    height: .3;
  }
  main .precision .precision_list .precision_inner span {
    width: 88.84%;
    margin-left: 5.07%;
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 1.9em;
  }
  main .precision .precision_list .precision_inner a {
    margin-left: 5.07%;
    width: 26.37%;
    height: 6.62rem;
    background: linear-gradient(135deg, #6e95f9, #365bc9);
    box-shadow: 0px 3px 10px 0px rgba(56, 93, 190, 0.4);
    font-size: 1em;
    line-height: 1.4em;
  }
  main .precision .precision_list .precision_inner a div {
    width: 1.3em;
    height: 1.3em;
    position: relative;
    margin-left: 16.48%;
    background-image: url(../images/index/move_img01.png);
  }
  main .quality {
    width: 100%;
    background-image: url(../images/index/bg_quality_light_m.jpg);
    background-color: #F4F8FF;
    background-size: 100%;
    font-size: 2.5rem;
    padding-bottom: 3em;
    padding-top: 3.8em;
  }
  main .quality .qua_box {
    width: 92%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  main .quality .qua_box .quality_q {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-left: 0;
  }
  main .quality .qua_box .quality_q .title {
    font-size: 2.4em;
    margin-bottom: 6.31rem;
  }
  main .quality .qua_box .quality_q .title div {
    color: #38BE86;
  }
  main .quality .qua_box .quality_q .gdt {
    width: 100%;
    height: .15em;
    margin-bottom: 2.62em;
  }
  main .quality .qua_box .quality_q .gdt::after {
    width: 16.76%;
    height: 6px;
  }
  main .quality .qua_box .quality_q span {
    width: 100%;
    opacity: 0.78;
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 4.59em;
  }
  main .quality .qua_box .quality_q ul {
    width: 100%;
    display: flex;
  }
  main .quality .qua_box .quality_q ul li {
    width: 36.52%;
    margin-right: 3.694em;
  }
  main .quality .qua_box .quality_q ul li:last-child {
    margin-right: 0;
  }
  main .quality .qua_box .quality_q ul li div {
    min-width: 2.438em;
    max-width: 3.55em;
    height: 2.56em;
    margin-bottom: 1.29em;
  }
  main .quality .qua_box .quality_q ul li div img {
    display: inline-block;
    height: 100%;
  }
  main .quality .qua_box .quality_q ul li p {
    opacity: 0.6;
    font-size: .9em;
    line-height: 1.55em;
  }
  main .quality .qua_box .quality_img {
    width: 100%;
    margin-top: 5em;
  }
  main .quality .qua_box .quality_img::after {
    width: 78.81%;
    height: 4.2em;
  }
  main .quality .qua_box .quality_img .imgs {
    width: 86.14%;
    margin-bottom: 6.25em;
  }
  main .quality .qua_box .quality_img .imgs div {
    width: 87.02%;
    height: 14.5em;
    margin: 4em auto auto 2em;
  }
  main .price {
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    font-size: 2.5rem;
  }
  main .price .price_list {
    width: 92%;
    flex-direction: column;
    margin-bottom: 6.43em;
    margin-top: 3.77em;
  }
  main .price .price_list .imgs {
    width: 100%;
    height: auto;
  }
  main .price .price_list .imgs img {
    width: 100%;
    height: auto;
  }
  main .price .price_list .price_inner {
    width: 92.89%;
    height: auto;
  }
  main .price .price_list .price_inner p {
    font-size: 2em;
    margin-left: 0;
    margin-bottom: 4.6rem;
  }
  main .price .price_list .price_inner .gdt {
    width: 100%;
    margin-left: 0;
  }
  main .price .price_list .price_inner span {
    width: 100%;
    margin-left: 0%;
    margin-bottom: 1.9em;
    -webkit-line-clamp: 4;
  }
  main .price .price_list .price_inner a {
    margin-left: 0;
    width: 28.39%;
    height: 6.62rem;
  }
  main .plastic {
    width: 100%;
    padding: 24px 0 30px;
    background: #ffffff;
    font-size: 4rem;
  }
  main .plastic .public_tit {
    margin: 0;
  }
  /* 证书图与专利证书轮播样式已随板块删除 */
  main .videos {
    width: 100%;
    font-size: 1.87rem;
    background-image: url(../images/index/background-img_08-2.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
  }
  main .videos .swiper {
    width: 100%;
    padding-bottom: 5.56em;
  }
  main .videos .swiper .swiper-slide {
    width: 100%;
    height: 23.59em;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
  }
  main .videos .swiper .swiper-slide span {
    position: absolute;
    right: 0;
    top: 4.04em;
    padding: .65em .9em .65em 1em;
    border-radius: 1.25em 0px 0px 1.25em;
    font-size: 1.2em;
  }
  main .marketing {
    font-size: 2.5rem;
    margin-bottom: 4.67em;
    background-image: url(../images/index/background-img_09-2.png);
  }
  main .product_case {
    font-size: 2.5rem;
    flex-direction: column;
    padding-bottom: 3.05em;
  }
  main .product_case .product_boxs {
    width: 92%;
    display: flex;
    flex-direction: column;
    margin-top: 3.5em;
  }
  main .product_case .product_boxs .product_list {
    position: relative;
    width: 100%;
    margin-bottom: 1.76em;
  }
  main .product_case .product_boxs .product_list img {
    display: inline-block;
    width: 100%;
    transition-duration: 1s;
    font-size: 0;
  }
  main .product_case .product_boxs .product_list div {
    /* 第 45 轮：白卡片删除，标题改左下角小标签 */
    left: 0;
    bottom: 0;
    width: auto;
    max-width: 100%;
    padding: 0.7em 1.1em;
  }
  main .product_case .product_boxs .product_list div p {
    font-size: 1.4em;
    margin: 0;
    white-space: nowrap;
  }
  main .product_case .product_boxs .product_list div span {
    width: 82%;
    font-size: 1em;
    margin-left: 11.77%;
    padding-left: .8em;
  }
  main .product_case .product_boxs .product_list div span::after {
    left: 0;
    top: .65em;
    width: .3em;
    height: .3em;
  }
  main .product_case .product_boxs .product_list div i {
    width: 2.85em;
    height: 2.25em;
    left: 10.7%;
    bottom: -1.1em;
  }
  main .product_case .product_boxs .product_list div i::after {
    width: .6em;
    height: 1.1em;
  }
  main .product_case ul {
    width: 92%;
    flex-direction: column;
    font-size: 2.5rem;
  }
  main .product_case ul li {
    width: 100%;
    height: 19.7em;
    margin-bottom: 1.76em;
  }
  main .product_case ul li a {
    width: 100%;
    height: 100%;
  }
  main .product_case ul li a::after {
    content: "";
    width: 100%;
    height: 100%;
    background-size: 100%;
  }
  main .product_case ul li a p {
    /* 第 45 轮：标题移到左上角 */
    position: absolute;
    top: 1em;
    left: 1.1em;
    z-index: 3;
    font-size: 1.4em;
    margin: 0;
    padding: 0.3em 0.65em;
    background: rgba(22, 34, 60, 0.72);
    border-radius: 0.15em;
    line-height: 1.35;
  }
  main .product_case ul li a div {
    width: 2.55em;
    height: 2.55em;
    border-radius: 50%;
    position: absolute;
    top: 4.1em;
    left: 1.1em;
    z-index: 3;
    margin: 0;
  }
  main .jing_mi {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    /* 第 55 轮：与桌面同步去掉深蓝背景 background-img_10-2.png */
  }
  main .jing_mi::after {
    display: none;
  }
  main .jing_mi .price_list {
    width: 92%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2.48em;
    margin-top: 3.12em;
  }
  main .jing_mi .price_list .price_inner {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  main .jing_mi .price_list .price_inner span {
    width: 85.21%;
    display: inline-block;
    font-size: 1.4em;
    margin-bottom: 2.8em;
  }
  main .jing_mi .price_list .price_inner a {
    width: 26.37%;
    height: 2.65em;
    font-size: 1em;
    line-height: 1.4em;
  }
  main .jing_mi .price_list .price_inner a div {
    width: 1.3em;
    height: 1.3em;
  }
  main .introduction {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    font-size: 2.75rem;
  }
  main .introduction .swiper-wrapper {
    width: 100%;
    overflow: initial;
  }
  main .introduction .swiper-wrapper .brand_box {
    overflow: auto;
  }
  main .introduction .swiper-wrapper .brand_box.bx_1 {
    width: 100%;
  }
  main .introduction .swiper-wrapper .brand_box.bx_1 .qx_box {
    width: 100%;
    transform: skewX(0) translate(0);
  }
  main .introduction .swiper-wrapper .brand_box.bx_1 .qx_box .brand_inner {
    width: 100%;
    transform: skewX(0deg) translate(0);
  }
  main .introduction .swiper-wrapper .brand_box.bx_2 {
    width: 100%;
    margin-left: 0;
  }
  main .introduction .swiper-wrapper .brand_box.bx_2 .qx_box {
    width: 100%;
    transform: skewX(0) translate(0);
  }
  main .introduction .swiper-wrapper .brand_box.bx_2 .qx_box .brand_inner {
    width: 100%;
    transform: skewX(0) translate(0);
  }
  main .introduction .swiper-wrapper .brand_box.bx_2 .qx_box .brand_inner .brand_open {
    width: 92%;
    position: absolute;
    top: 9.18em;
    left: 0;
    right: 0;
    margin: auto;
  }
  main .introduction .swiper-wrapper .brand_box .qx_box {
    height: auto;
    overflow: hidden;
  }
  main .introduction .swiper-wrapper .brand_box .qx_box .brand_inner {
    height: auto;
    position: relative;
  }
  main .introduction .swiper-wrapper .brand_box .qx_box .brand_inner .brand_open {
    position: absolute;
    top: 9.36em;
    left: 0;
    right: 0;
    margin: auto;
    flex-direction: column;
    width: 92%;
  }
  main .introduction .swiper-wrapper .brand_box .qx_box .brand_inner .brand_open .brand_top {
    margin-right: 0;
    margin-bottom: 3em;
  }
  main .introduction .swiper-wrapper .brand_box .qx_box .brand_inner .brand_open .brand_bottom {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
  }
  main .introduction .swiper-wrapper .brand_box .qx_box .brand_inner .brand_open .brand_bottom span {
    font-size: 1.09em;
    line-height: 2em;
    margin-bottom: 2.45em;
    -webkit-line-clamp: 4;
  }
  /* 第 47 轮：移动端原来 -webkit-line-clamp: 4，四段式必然被截断，这里取消限制 */
  main .introduction .swiper-wrapper .brand_box .qx_box .brand_inner .brand_open .brand_bottom span.brand_creed {
    display: block;
    -webkit-line-clamp: unset;
    overflow: visible;
    text-overflow: clip;
    line-height: 1.85em;
    margin-bottom: 1.7em;
  }
  main .introduction .swiper-wrapper .brand_box .qx_box .brand_inner .brand_open .brand_bottom span.brand_creed p {
    margin: 0 0 0.5em 0;
  }
  main .introduction .swiper-wrapper .brand_box .qx_box .brand_inner .brand_open .brand_bottom span.brand_creed p:last-child {
    margin-bottom: 0;
  }
  main .introduction .swiper-wrapper .brand_box .qx_box .brand_inner .brand_open .brand_bottom span.brand_creed p b {
    font-weight: 600;
    color: #7fe0b0;
  }
  main .introduction .swiper-wrapper .brand_box .qx_box .brand_inner .brand_open .brand_bottom a {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  main .introduction .swiper-wrapper .brand_box .qx_box .brand_inner .brand_open .brand_bottom a span {
    font-size: .9em;
  }
  main .introduction .swiper-wrapper .brand_box .qx_box .brand_inner .brand_open .brand_bottom a img {
    width: 1.04em;
    margin-left: .54em;
  }
  main .introduction .swiper-wrapper .brand_box .qx_box .brand_inner .brand_close {
    position: absolute;
    left: 1.3rem;
    bottom: 3.425rem;
  }
  main .introduction .swiper-wrapper .brand_box .qx_box .brand_inner .brand_close span {
    font-size: 1.4rem;
    font-family: Source Han Sans SC, Source Han Sans SC-Light;
    font-weight: 300;
    color: #ffffff;
    margin-bottom: 0.8rem;
  }
  main .introduction .swiper-wrapper .brand_box .qx_box .brand_inner .brand_close div {
    width: 1.3rem;
  }
  main .introduction .swiper-wrapper .brand_box .qx_box .brand_inner .brand_close div img {
    width: 100%;
  }
  main .top_five {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    font-size: 2.5rem;
    padding-top: 7.15em;
    padding-bottom: 5.47em;
    position: relative;
  }
  main .top_five::after {
    display: none;
  }
  main .top_five ul {
    width: 92%;
    justify-content: space-around;
    margin-top: 4.2em;
    padding-top: .1em;
  }
  main .top_five ul li {
    width: 8.3em;
    height: 7.2em;
    margin: 0 -1.28em .24em -1.28em;
  }
  main .top_five ul li:hover {
    cursor: pointer;
  }
  main .top_five ul li:nth-child(1), main .top_five ul li:nth-child(3), main .top_five ul li:nth-child(5) {
    transform: translateY(3.6em);
  }
  main .top_five ul li:nth-child(6), main .top_five ul li:nth-child(7), main .top_five ul li:nth-child(13) {
    display: none;
  }
  main .news {
    width: 100%;
    font-size: 2.5rem;
    padding-top: 3.81em;
    padding-bottom: 2.47em;
  }
  main .news .precision_list {
    width: 92%;
    margin-bottom: 2.21em;
    margin-top: 2.1em;
  }
  main .news .precision_list a {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  main .news .precision_list a .imgs {
    width: 100%;
    height: auto;
  }
  main .news .precision_list a .precision_inner {
    width: 90.97%;
    height: auto;
    padding-top: 3.17em;
    padding-bottom: 2.58em;
  }
  main .news .precision_list a .precision_inner p {
    width: 100%;
    font-size: 1.2em;
    line-height: 1.9em;
    margin-left: 0;
    margin-bottom: 2.82rem;
  }
  main .news .precision_list a .precision_inner span {
    width: 100%;
    margin-left: 0;
    font-size: 1em;
    margin-bottom: .84em;
  }
  main .news .precision_list a .precision_inner .movese {
    margin-left: 0;
    width: 23.19%;
    height: 5.3rem;
    font-size: .75em;
  }
  main .news ul {
    width: 92%;
    flex-direction: column;
  }
  main .news ul li {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 1.95em;
  }
  main .news ul li a {
    width: 100%;
    align-items: center;
  }
  main .news ul li a div {
    font-size: 2.6em;
    width: 92.17%;
    margin-left: 0%;
    margin-top: 3.92rem;
  }
  main .news ul li a i {
    font-size: 1em;
    width: 92.17%;
    margin-left: 0%;
  }
  main .news ul li a p {
    font-size: 1.2em;
    line-height: 1.9em;
    width: 92.17%;
    margin: 2.22rem 0 1.92rem 0;
    text-align: left;
    display: inline-block;
  }
  main .news ul li a span {
    width: 92.17%;
    margin-left: 0%;
    font-size: 1em;
    margin-bottom: 3.18em;
  }
}
/* ===== 第 55 轮：品牌区改回深蓝底，移动端文字同步改回白色系 =====
   media-index.css 在 index.css 之后加载，这里必须再覆盖一次，
   否则移动端仍是第 53 轮写死的深色 #16305c / #4a5468，深蓝底上等于看不见。 */
@media (max-width: 1200px) {
  main .introduction .swiper-wrapper .brand_box .qx_box .brand_inner {
    background-color: #0b1a3d;
  }

  main .introduction .swiper-wrapper .brand_box .qx_box .brand_inner .brand_open .brand_top p,
  main .introduction .swiper-wrapper .brand_box.bx_2 .qx_box .brand_inner .brand_open .brand_top p {
    color: #ffffff;
  }

  main .introduction .swiper-wrapper .brand_box .qx_box .brand_inner .brand_open .brand_bottom span {
    color: rgba(255, 255, 255, .86);
  }

  main .introduction .swiper-wrapper .brand_box .qx_box .brand_inner .brand_open .brand_bottom span.brand_creed p b {
    color: #7fe0b0;
  }

  main .introduction .swiper-wrapper .brand_box .qx_box .brand_inner .brand_open .brand_bottom a span {
    color: #8fb8ff;
  }

  /* 第 53 轮：移动端正文原本 -webkit-line-clamp: 4，134 字只能显示 4 行、末尾挂省略号。
     取消截断，让 134 字正文完整显示（第 55 轮换回深蓝底后这条规则继续保留）。
     第二块（企业文化）四段式内容更多，取消截断后仍在 420px 的容器内放得下，
     说明空间够用，这里把第一块也放开，两块口径一致。 */
  main .introduction .swiper-wrapper .brand_box .qx_box .brand_inner .brand_open .brand_bottom span:not(.brand_creed) {
    -webkit-line-clamp: unset;
    display: block;
    overflow: visible;
    text-overflow: clip;
  }

  /* 取消截断后正文从 4 行变 8~9 行，「更多」按钮会顶出 .brand_inner 底部 34~41px
     （原本 .brand_inner 高度由图片按比例决定、固定 420px，而 .brand_open 是
     position:absolute 不参与撑高）。
     改法：图片改成绝对定位铺满，.brand_open 回到文档流用 padding-top 顶出标题位置，
     这样容器高度由内容决定，正文多长都不会溢出；深蓝背景是渐变 + 同心圆纹，cover 拉伸看不出来。 */
  main .introduction .swiper-wrapper .brand_box .qx_box .brand_inner {
    height: auto;
    position: relative;
    overflow: hidden;
  }

  main .introduction .swiper-wrapper .brand_box .qx_box .brand_inner picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
  }

  main .introduction .swiper-wrapper .brand_box .qx_box .brand_inner picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
  }

  main .introduction .swiper-wrapper .brand_box .qx_box .brand_inner .brand_open {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    margin: 0 auto;
    padding-top: 9.18em;
    padding-bottom: 2.6em;
    z-index: 1;
  }

  /* 企业文化栏（.bx_2）在 806 行有自己的一条 position: absolute，特异性更高，
     上面的通用规则盖不住它，这里按同样的特异性再写一遍。 */
  main .introduction .swiper-wrapper .brand_box.bx_2 .qx_box .brand_inner .brand_open {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    margin: 0 auto;
    padding-top: 9.18em;
    padding-bottom: 2.6em;
    z-index: 1;
  }
}