@media screen and (max-width: 1200px) {
  html,
  body {
    font-size: 12.5px;
  }
  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-image: url(../images/index/background-img_11-2.jpg);
    background-size: 100%;
    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%;
    background-image: url(../images/index/bg-1.jpg);
    background-size: cover;
    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: #FFFFFF;
  }
  main .apple_grade .apple_glist {
    margin-top: 0;
    width: 92%;
  }
  main .apple_grade .apple_glist .app_imgs {
    position: static;
    width: 100%;
    height: auto;
    margin-top: -2.5em;
  }
  main .apple_grade .apple_glist ul {
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
  }
  main .apple_grade .apple_glist ul li {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 1.85em;
    border: 1px solid #ffffff;
    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: #38be86;
    box-shadow: 0px 0px 20px #38be86;
    border: 1px solid #38be86;
  }
  main .apple_grade .apple_glist ul li:hover div {
    background-image: url(../images/index/apple_img01-2.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_img01-2.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;
    flex-direction: row;
    align-items: center;
  }
  main .apple_grade .apple_glist ul li span p {
    font-size: 1em;
    line-height: 30px;
  }
  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 .cont_up {
    padding: 2.8em 0 0 0;
    font-size: 2.5rem;
  }
  main .cont_up ul {
    width: 92%;
    display: flex;
    flex-wrap: wrap;
  }
  main .cont_up ul li {
    align-items: center;
    width: 37.68%;
    margin-bottom: 3.8em;
  }
  main .cont_up ul li div {
    justify-content: center;
    font-size: 1em;
    width: 100%;
    border-bottom: 2px solid #dfdfdf;
    padding-bottom: 2.175em;
    margin-bottom: 2.47em;
  }
  main .cont_up ul li div span {
    font-size: 3em;
    line-height: 6.25rem;
  }
  main .cont_up ul li p {
    font-size: 1em;
  }
  main .quality {
    width: 100%;
    background-image: url(../images/index/bg9-2.png);
    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-top: 2.18em;
    background-image: url(../images/index/background-img_07-6.png);
    background-size: cover;
    font-size: 4rem;
  }
  main .plastic .public_tit {
    margin: 0;
  }
  main .plastic .cert_imgs ul {
    width: 92%;
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    margin-top: 3em;
  }
  main .plastic .cert_imgs ul li {
    width: 37.6%;
  }
  main .plastic .cert_imgs ul li img {
    width: 100%;
  }
  main .plastic .cert_imgs ul li:nth-child(2), main .plastic .cert_imgs ul li:nth-child(3) {
    width: 29.74%;
  }
  main .plastic .cert_imgs ul li:nth-child(3), main .plastic .cert_imgs ul li:nth-child(4) {
    display: none;
  }
  main .plastic .patent {
    padding-top: 3.81em;
    background-image: url(../images/index/background-img_08-3.png);
    background-size: cover;
  }
  main .plastic .patent .swiper {
    width: 92%;
  }
  main .plastic .patent .swiper p {
    font-size: 1em;
    margin-bottom: 3.82em;
  }
  main .plastic .patent .swiper .swiper-wrapper {
    width: 100%;
  }
  main .plastic .patent .swiper .swiper-wrapper .swiper-slide {
    width: 26.52%;
    margin-right: 8.4%;
  }
  main .plastic .patent .swiper .swiper-wrapper .swiper-slide-active {
    margin-left: 25px;
  }
  main .plastic .patent .swiper .page {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 5px;
    right: 5px;
  }
  main .plastic .patent .swiper .page .swiper-pagination,
  main .plastic .patent .swiper .page .swiper-button-prev,
  main .plastic .patent .swiper .page .swiper-button-next {
    position: sticky;
  }
  main .plastic .patent .swiper .page .swiper-pagination {
    margin: 0 18px;
    width: auto;
  }
  main .plastic .patent .swiper .page .swiper-button-prev::after {
    transform: rotate(180deg);
  }
  main .plastic .patent .swiper .page .swiper-button-prev,
  main .plastic .patent .swiper .page .swiper-button-next {
    position: relative;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  }
  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 {
    top: 4.45em;
    left: 2.25em;
    width: 54.2%;
    padding-bottom: 2em;
    padding-top: 1.6em;
  }
  main .product_case .product_boxs .product_list div p {
    font-size: 1.4em;
    margin: 0 0 2rem 11.77%;
  }
  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 {
    font-size: 1.4em;
    margin-left: 11%;
    margin-top: 4.8em;
  }
  main .product_case ul li a div {
    width: 2.55em;
    height: 2.55em;
    border-radius: 50%;
    margin-top: 6.05em;
    margin-left: 11%;
  }
  main .jing_mi {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    background-image: url(../images/index/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:nth-child(1) {
    width: 100%;
  }
  main .introduction .swiper-wrapper .brand_box:nth-child(1) .qx_box {
    width: 100%;
    transform: skewX(0) translate(0);
  }
  main .introduction .swiper-wrapper .brand_box:nth-child(1) .qx_box .brand_inner {
    width: 100%;
    transform: skewX(0deg) translate(0);
  }
  main .introduction .swiper-wrapper .brand_box:nth-child(2) {
    width: 100%;
    margin-left: 0;
  }
  main .introduction .swiper-wrapper .brand_box:nth-child(2) .qx_box {
    width: 100%;
    transform: skewX(0) translate(0);
  }
  main .introduction .swiper-wrapper .brand_box:nth-child(2) .qx_box .brand_inner {
    width: 100%;
    transform: skewX(0) translate(0);
  }
  main .introduction .swiper-wrapper .brand_box:nth-child(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;
  }
  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;
  }
}