@charset "UTF-8";

.w1520 {

    width: 15.2rem;

    margin: 0 auto;

    position: relative;

    font-size: 0;

    max-width: 100%;
}



@media (max-width: 1540px) {

    .w1520 {

        width: 90%;
    }
}

@media (max-width: 800px) {

    .w1520 {

        width: 94%;
    }
}

.w1720 {

    width: 17.2rem;

    margin: 0 auto;

    position: relative;

    font-size: 0;

    max-width: 100%;
}



@media (max-width: 1740px) {

    .w1720 {

        width: 90%;
    }
}

@media (max-width: 800px) {

    .w1720 {

        width: 94%;
    }
}

.w1200 {

    width: 12rem;

    margin: 0 auto;

    position: relative;

    font-size: 0;

    max-width: 100%;
}



@media (max-width: 1220px) {

    .w1200 {

        width: 90%;
    }
}

@media (max-width: 800px) {

    .w1200 {

        width: 94%;
    }
}

.w1400 {

    width: 14rem;

    margin: 0 auto;

    position: relative;

    font-size: 0;

    max-width: 100%;
}



@media (max-width: 1420px) {

    .w1400 {

        width: 90%;
    }
}

@media (max-width: 800px) {

    .w1400 {

        width: 94%;
    }
}

:root {

    --themes: #b60016;

    --bg: red;
}



header {

    width: 100%;

    position: fixed;

    z-index: 10;

    top: 0;

    left: 0;

    right: 0;

    background-color: transparent;
}

header .htop {

    width: 100%;

    background-color: #fff;
}

header .hbot {

    width: 100%;

    background-color: var(--themes);
}

header .hop {

    width: 100%;

    font-size: 0;

    display: flex;

    align-items: center;

    justify-content: space-between;

    line-height: 0.8rem;
}

header .hop .logo {

    display: inline-block;

    vertical-align: middle;

    width: 3.63rem;
}

header .hop .logo a,
header .hop .logo img {

    width: 100%;

    display: block;
}

header .hop .rav {

    display: inline-block;

    vertical-align: middle;

    width: auto;

    font-size: 0;
}

header .hop .rav .languages {

    display: inline-block;

    vertical-align: middle;

    width: auto;

    font-size: 0;
}

header .hop .rav .languages .lc {

    display: inline-block;

    vertical-align: middle;

    width: 0.3rem;

    margin-right: 0.12rem;
}

header .hop .rav .languages .lc img {

    width: 100%;

    display: block;
}

header .hop .rav .languages .emx {

    display: inline-block;

    vertical-align: middle;

    width: auto;
}

header .hop .rav .languages .emx .ea {

    display: inline-block;

    vertical-align: middle;

    width: auto;

    cursor: pointer;

    color: #777;

    line-height: 1.5;
}

header .hop .rav .languages .emx .ea span {

    display: inline-block;

    color: rgba(153, 153, 153, 0.25);

    line-height: 1.5;

    margin: 0 0.18rem;
}

header .hop .rav .languages .emx .ea:last-child span {

    display: none;
}

header .hop .rav .languages .emx .ea.on,
header .hop .rav .languages .emx .ea:hover {

    color: #222;
}

header .hop .rav .languages .emx .ea.on span,
header .hop .rav .languages .emx .ea:hover span {

    color: rgba(153, 153, 153, 0.25);
}

header .hop .rav .menu {

    display: inline-block;

    vertical-align: middle;

    margin-left: 0.8rem;

    cursor: pointer;

    width: 0.4rem;

    height: 0.4rem;
}

header .hop .rav .menu img {

    width: 100%;

    display: block;
}

header .hop .rav .menu.clk{
  display: none;
}

header .hob {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;
}

header nav {

    display: inline-block;

    vertical-align: middle;

    flex: 1;
}

header nav .natem {

    width: auto;

    display: inline-block;

    vertical-align: middle;

    position: relative;

    text-align: center;

    font-size: 0;
}

header nav .natem .nas {

    width: auto;

    display: inline-block;

    position: relative;

    margin-right: 0.6rem;
}

header nav .natem .nas a {

    display: inline-block;

    line-height: 0.6rem;

    color: #fff;

    position: relative;
}

header nav .natem .nas .xs {

    display: inline-block;

    vertical-align: middle;

    width: 0.1rem;

    margin-left: 0.1rem;

    display: none;
}

header nav .natem .nas .xs img {

    width: 100%;

    display: block;
}

header nav .natem .nas .xs img:first-child {

    display: block;
}

header nav .natem .nas .xs img:last-child {

    display: none;
}

header nav .natem .nas:after {

    content: ' ';

    position: absolute;

    left: 50%;

    bottom: 0.12rem;

    transform: translateX(-50%);

    opacity: 0;

    width: 100%;

    height: 3px;

    background-color: #fff;

    transition: all ease 0.5s;

    width: 0;
}

header nav .natem .navuls {

    width: 2.2rem;

    width: 1.8rem;

    position: absolute;

    z-index: 101;

    left: calc(51%);

    top: 100%;

    transform: translateX(-50%);

    background-color: white;

    display: none;
}

header nav .natem .navuls ul {

    width: 100%;
}

header nav .natem .navuls ul li {

    width: 100%;

    position: relative;
}

header nav .natem .navuls ul li .njm {

    width: 100%;

    font-size: 0;

    background-color: rgba(255, 255, 255, 0.5);
}

header nav .natem .navuls ul li .ns {

    width: 100%;

    display: inline-block;

    vertical-align: middle;

    line-height: 3;

    color: #222;

    text-align: left;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    padding: 0 0.2rem;

    position: relative;

    /* text-align: center; */

    background-color: rgba(255, 255, 255, 0.5);
}

header nav .natem .navuls ul li .theul {

    width: 100%;

    background-color: #fff;

    display: none;
}

header nav .natem .navuls ul li .theul li {

    width: 100%;

    font-size: 0;
}

header nav .natem .navuls ul li .theul li .xn {

    display: inline-block;

    vertical-align: middle;

    color: #333;

    line-height: 2.5;

    padding: 0 0.2rem;
}

header nav .natem .navuls ul li .theul li .xn:hover {

    color: #333;
}

header nav .natem .navuls ul li:hover .ns {

    background-color: var(--themes);

    color: #fff;
}

header nav .natem .navuls ul li.has-the:after {

    content: "+";

    display: inline-block;

    width: 36px;

    height: 36px;

    line-height: 36px;

    text-align: center;

    position: absolute;

    background: none;

    right: 0;

    left: auto;

    transform: translateX(0);

    top: 0.05rem;

    font-size: 20px;

    color: #333;

    border: none;

    display: none;
}

header nav .natem .navuls ul li.has-the.show:after {

    content: "-";
}

header nav .natem .longul {

    position: absolute;

    top: calc(0.9rem + 0.35rem + 0.2rem);

    top: 100%;

    left: 0;

    right: 0;

    background: rgba(255, 255, 255, 0.9);

    width: 100%;

    box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, 0.06);

    z-index: 50;

    display: none;

    padding: 0.5rem 0;
}

header nav .natem .longul .longm {

    width: 100%;

    font-size: 0;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;
}

header nav .natem .longul .longm .lgl {

    display: inline-block;

    vertical-align: middle;

    width: calc(600 / 1720 * 100%);
}

header nav .natem .longul .longm .lgl .imgs {

    width: 100%;

    position: relative;

    overflow: hidden;
}

header nav .natem .longul .longm .lgl .imgs .img {

    width: 100%;

    padding-top: 60%;

    transition: all ease 0.5s;
}

header nav .natem .longul .longm .lgl .imgs:hover .img {

    transform: scale(1.1);
}

header nav .natem .longul .longm .lgl a {

    width: 100%;

    display: block;
}

header nav .natem .longul .longm .lgr {

    display: inline-block;

    vertical-align: middle;

    width: calc(1000 / 1720 * 100%);
}

header nav .natem .longul .longm .lgr .lgrlist {

    width: 100%;

    font-size: 0;

    text-align: left;
}

header nav .natem .longul .longm .lgr .lgrlist .lgam {

    display: inline-block;

    vertical-align: top;

    width: 32%;

    margin-right: 2%;

    margin-bottom: 0.2rem;
}

header nav .natem .longul .longm .lgr .lgrlist .lgam a {

    width: 100%;

    display: block;

    font-size: 0;
}

header nav .natem .longul .longm .lgr .lgrlist .lgam .gc {

    display: inline-block;

    vertical-align: middle;

    width: 0.6rem;

    height: 0.6rem;

    margin-right: 0.2rem;
}

header nav .natem .longul .longm .lgr .lgrlist .lgam .gc img {

    width: 100%;

    display: block;
}

header nav .natem .longul .longm .lgr .lgrlist .lgam .gms {

    display: inline-block;

    vertical-align: middle;

    width: calc(100% - 0.6rem - 0.2rem);
}

header nav .natem .longul .longm .lgr .lgrlist .lgam .gm {

    width: 100%;

    color: #333;

    line-height: 1.5;

    max-height: 3em;
}

header nav .natem .longul .longm .lgr .lgrlist .lgam:hover .gm {

    color: var(--themes);
}

header nav .natem .longul .longm .lgr .lgrlist .lgam:nth-child(3n) {

    margin-right: 0;
}

header nav .natem.has-nav .nas .xs {

    display: inline-block;
}

header nav .natem.on .nas:after {

    opacity: 1;

    width: 100%;
}

header nav .natem.on .nas .xs img:first-child {

    display: none;
}

header nav .natem.on .nas .xs img:last-child {

    display: block;
}

header nav .natem:hover .nas .xs img:first-child {

    display: none;
}

header nav .natem:hover .nas .xs img:last-child {

    display: block;
}

header nav .natem:hover .nas:after {

    opacity: 1;

    width: 100%;
}

header .email {

    display: inline-block;

    vertical-align: middle;

    width: auto;

    color: #fff;

    line-height: 1.5;
}

header .email .ex {

    display: inline-block;

    vertical-align: middle;

    width: 17px;

    margin-right: 0.04rem;
}

header .email .ex img {

    width: 100%;

    display: block;
}
header .columns {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(27, 27, 27, 1.0);
    display: none;
    height: 100vh; }
    header .columns .columlis {
      width: 100%;
      font-size: 0;
      display: flex;
      flex-wrap: wrap;
      padding: 0.7rem 0; }
      header .columns .columlis .citem {
        display: inline-block;
        vertical-align: top;
        width: calc(304 / 1520 * 100%);
        padding-right: 0.3rem; }
        header .columns .columlis .citem .cit {
          width: 100%;
          font-size: 0; }
          header .columns .columlis .citem .cit a {
            display: inline-block;
            vertical-align: middle;
            color: #fff;
            line-height: 1.6; }
          header .columns .columlis .citem .cit a:hover {
            color: var(--themes); }
        header .columns .columlis .citem .lx {
          width: 10px;
          display: block;
          height: 2px;
          background-color: var(--themes);
          margin: 0.15rem 0 0.35rem; }
        header .columns .columlis .citem .citul {
          width: 100%;
          font-size: 0; }
          header .columns .columlis .citem .citul a {
            width: 100%;
            display: block;
            padding: 0.06rem 0;
            color: #fff;
            line-height: 1.5; }
          header .columns .columlis .citem .citul a:hover {
            color: var(--themes); }
    header .columns .close {
      position: absolute;
      color: #fff;
      line-height: 3;
      font-size: 30px;
      cursor: pointer;
      right: 0.3rem;
      top: 0.3rem;
      line-height: 1; }
    header .columns .htop.white {
      background-color: transparent; }
      header .columns .htop.white .hop .logo img {
        filter: grayscale(1000%) brightness(2000%); }
      header .columns .htop.white .hop .rav .languages .lc img {
        filter: grayscale(1000%) brightness(2000%); }
      header .columns .htop.white .hop .rav .languages .emx .ea {
        color: #fff; }
        header .columns .htop.white .hop .rav .languages .emx .ea span {
          color: #fff; }
      header .columns .htop.white .hop .rav .menu img {display: none;
        filter: grayscale(1000%) brightness(2000%); }
      header .columns .htop.white .hop .rav .menu .clk {
        color: #fff;
        line-height: 0.4rem;
        font-size: 36px;
        text-align: center; }



@media (max-width: 800px) {

    header {

        width: 100%;
    }

    header .hob {

        width: 100%;

        text-align: center;

        padding: 0.1rem 0;
    }

    header .hob .email {

        width: 100%;

        text-align: center;
    }

    header nav {

        width: 100%;

        position: fixed;

        right: 0;

        top: 0.8rem;

        left: auto;

        height: calc(100vh - 0.8rem);

        background-color: #fff;

        margin-right: 0;

        overflow: auto;

        z-index: 500;

        transition: transform .3s;

        padding-left: 0.1rem;

        padding: 0.1rem;

        display: block;

        text-align: left;

        display: none;

        border-top: solid 1px #e5e5e5;
    }

    header nav .natem {

        display: inline-block;

        vertical-align: middle;

        position: relative;

        width: auto;

        width: 100%;

        padding: 0.1rem 0;

        opacity: 0;

        transform: translate(-10px, -30px);

        transition: all .8s ease;
    }

    header nav .natem .nas {

        width: auto;

        display: inline-block;

        text-align: left;

        width: 100%;

        margin: 0;
    }

    header nav .natem .nas a {

        width: auto;

        display: inline-block;

        vertical-align: middle;

        line-height: 2.5;

        color: #333;

        font-weight: bold;

        font-family: 'Alibaba-PuHuiTi-Bold';

        padding: 0 0.3rem;

        position: relative;
    }

    header nav .natem .nas .ik {

        display: none !important;
    }

    header nav .natem .nas a:hover {

        color: var(--themes);

        background-color: transparent;
    }

    header nav .natem .navuls {

        width: 100%;

        position: relative;

        z-index: 101;

        left: 0%;

        top: 0%;

        transform: translateX(0%);

        background: #fff;

        box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09);

        display: none;

        text-align: left;
    }

    header nav .natem .navuls ul {

        width: 100%;

        padding: 0.1rem 0.2rem;
    }

    header nav .natem .navuls ul li {

        width: 100%;

        display: block;

        position: relative;

        margin-bottom: 0;
    }

    header nav .natem .navuls ul li .ns {

        width: auto;

        display: inline-block;

        vertical-align: middle;

        line-height: 3;

        color: #333;

        text-align: left !important;

        text-overflow: ellipsis;

        overflow: hidden;

        white-space: nowrap;

        padding: 0 0.2rem;

        background: #fff;

        position: relative;
    }

    header nav .natem .navuls ul li .ns:hover {

        color: var(--themes);
    }

    header nav .natem .navuls ul li+li {

        border-top: solid 1px #eee;
    }

    header nav .natem .navuls ul li:hover .ns {

        background-color: transparent;

        color: var(--themes);
    }

    header nav .natem .navuls ul li.has-the:after {

        display: block;
    }

    header nav .natem:before {

        display: none !important;
    }

    header nav .natem .prosubnav {

        display: none;
    }

    header nav .natem.on .nas:after {

        display: none;
    }

    header nav .natem.has-nav .nas .xs {

        display: none;
    }

    header nav .natem.has-nav:after {

        content: "+";

        display: inline-block;

        width: 36px;

        height: 36px;

        line-height: 36px;

        text-align: center;

        position: absolute;

        background: none;

        right: 0;

        left: auto;

        transform: translateX(0);

        top: 0.05rem;

        font-size: 20px;

        color: #333;

        border: none;
    }

    header nav .natem.has-nav.show:after {

        content: "-";
    }

    header nav .natem.animate {

        opacity: 1;

        transform: translate(0, 0);
    }
}
@media(max-width: 750px){
    header .hop .rav .menu{margin-left: 0.3rem;}
}
.banner {

    width: 100%;

    position: relative;
}

.banner .swiper-slide {

    width: 100%;
    height: auto;

    position: relative;
}
.banner .swiper-wrapper {

    width: 100%;
    height: auto;
    position: relative;
}

.banner .swiper-slide .imgs {

    width: 100%;

    position: relative;

    overflow: hidden;
}

.banner .swiper-slide .pcm {
    display: block; }
  .banner .swiper-slide .phm {
    display: none; }

.banner .swiper-slide .imgs .img {
    width: 100%;
    padding-top: 3.5rem;
}

.banner .swiper-slide .box {
    position: absolute;
    /* left: 50%; */
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    /* width: 17.2rem; */
    width: 100%;
    max-width: 80%;
    left: calc((100% - 15.2rem) / 2);
    /* left: calc(200 / 1920 * 100%); */
    /* margin-left: -8.6rem; */
    /* max-width: 80%; */
}

.banner .swiper-slide .box .cn {
    width: 100%;
    color: #fff;
    line-height: 1.7;
    opacity: 0;
    transform: translate3d(0, 25%, 0);
    transition: opacity 1s ease-out 0.2s, transform 1s ease-out 0.2s, box-shadow .3s;
}

.banner .swiper-slide .box .cn p {

    color: #fff;

    line-height: 1.3;
}

.banner .swiper-slide .videoc {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    display: block;

    z-index: 4;

    background-color: rgba(0, 0, 0, 0.3);

    opacity: 1;

    transition: all ease 0.5s;

    z-index: 5;
}

.banner .swiper-slide .videoc .vom {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 3;
}

.banner .btn {

    display: inline-block;

    vertical-align: middle;

    width: 20px;

    border-radius: 0%;

    background-color: transparent;

    cursor: pointer;

    position: absolute;

    z-index: 2;

    top: 50%;

    transform: translateY(-50%);

    transition: all ease 0.5s;

    opacity: 0.6;
}

.banner .btn img {

    width: 100%;

    display: block;
}

.banner .btn:hover {

    opacity: 1;
}

.banner .bl {

    left: 0.5rem;
}

.banner .br {

    right: 0.5rem;
}

.banner .swiper-slide-active .box .cn,
.banner .swiper-slide-active .box .en,
.banner .swiper-slide-active .box .more {

    opacity: 1;

    transform: translate3d(0, 0, 0);
}

.banner .swiper-pagination {

    bottom: 0.3rem;
}

.banner .swiper-pagination-bullet {

    display: inline-block;

    vertical-align: bottom;

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background-color: #fff;

    opacity: 1;

    margin: 0 0.06rem !important;

    position: relative;

    transition: all ease 0.5s;
}

.banner .swiper-pagination-bullet-active {

    background-color: var(--themes);
}


@media(max-width: 1540px) {
    /* .banner .swiper-slide .box {
        width: 100%;
        left: 0;
        padding: 0 0.2rem;
        margin-left: 0;
        
    } */

    .banner .swiper-slide .box{
        left: 3%;
    }
}

@media (max-width: 1620px) {

    .banner .bl {

        left: 1.5%;
    }

    .banner .br {

        right: 1.5%;
    }
}

@media (max-width: 800px) {

    .banner .swiper-slide .imgs .img {

        padding-top: 60%;
    }

    .banner .bl {

        left: 1.5%;
    }

    .banner .swiper-slide .box{
        left: 3%;
    }

    .banner .br {

        right: 1.5%;
    }
    .banner .swiper-slide .pcm {
        display: none; }
      .banner .swiper-slide .phm {
        display: block; }
}

@media(max-width: 750px){
  .banner .swiper-slide>.box{width: 60%;}
}

.Categorys {

    width: 100%;

    padding: 0.6rem 0.2rem 0.3rem;
}

.Categorys .citop {

    width: 100%;

    text-align: center;

    margin-bottom: 0.3rem;
}

.Categorys .citop .cit {

    width: 100%;

    color: var(--themes);

    line-height: 1.2;

    font-weight: bold;
}

.Categorys .catepers {

    width: 100%;
}

.Categorys .catepers .swiper-slide {

    width: 100%;
    height: auto;
}
.Categorys .catepers .swiper-wrapper {

    width: 100%;
    height: auto;
}

.Categorys .catepers .swiper-slide a {

    width: 100%;

    display: block;
}

.Categorys .catepers .swiper-slide .imgs {

    width: 100%;

    position: relative;

    overflow: hidden;
}

.Categorys .catepers .swiper-slide .imgs .img {

    width: 100%;

    padding-top: 56.23%;

    transition: all ease 0.5s;
}

.Categorys .catepers .swiper-slide .xim {

    width: 100%;

    text-align: center;

    color: #222;

    line-height: 1.5;

    margin-top: 0.1rem;
}

.Categorys .catepers .swiper-slide:hover .imgs .img {

    transform: scale(1.1);
}

.Categorys .catepers .swiper-slide:hover .xim {

    color: var(--themes);
}



footer {

    width: 100%;

    background-color: #fbfbfb;
}

footer .ftop {

    width: 100%;

    padding: 0.5rem 0;
}

footer .fbot {

    width: 100%;
}

footer .fop {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;
}

footer .fop .flist {

    display: inline-block;

    vertical-align: top;

    width: calc(287 / 1520 * 100%);

    text-align: left;
}

footer .fop .flist .fit {

    width: 100%;

    font-size: 0;

    margin-bottom: 0.15rem;
}

footer .fop .flist .fit a {

    display: inline-block;

    vertical-align: middle;

    color: #222;

    line-height: 1.4;

    transition: all ease 0.5s;

    padding: 0.06rem 0;
}

footer .fop .flist .fit a:hover {

    color: var(--themes);
}

footer .fop .flist .ful {

    width: 100%;
}

footer .fop .flist .ful a {

    width: 100%;

    display: inline-block;

    vertical-align: top;

    color: #666;

    transition: all ease 0.5s;

    line-height: 2;

    line-height: 1.5;

    padding: 0.02rem 0;
}

footer .fop .flist .ful a:hover {

    color: var(--themes);
}

footer .fop .flist .ful div {

    width: 100%;

    display: inline-block;

    vertical-align: middle;

    color: #666;

    line-height: 1.5;

    transition: all ease 0.5s;
}

footer .fop .flist .finp {

    width: 100%;

    color: #666;

    line-height: 1.5;
}

footer .fop .flist .finp p {

    color: #666;

    line-height: 1.5;

    padding: 0.02rem 0;
}

footer .fop .flist.long {

    width: calc(370 / 1520 * 100%);
}

footer .fob {

    width: 100%;

    font-size: 0;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center;

    padding: 0.2rem 0;

    border-top: solid 1px #e5e5e5;
}

footer .fob .fm {

    display: inline-block;

    vertical-align: middle;

    color: rgba(34, 34, 34, 0.6);

    line-height: 1.5;
}

footer .fob .fm a {

    display: inline-block;

    color: rgba(34, 34, 34, 0.6);

    line-height: 1.5;

    width: auto;
}

footer .fob .fm a:hover {

    color: var(--themes);
}

footer .fob .fm .top {

    display: inline-block;

    vertical-align: middle;

    width: 0.5rem;

    height: 0.5rem;

    cursor: pointer;

    position: relative;

    top: -0.02rem;

    margin-left: 0.12rem;

    border: solid 1px #999;
}

footer .fob .fm .top img {

    width: 100%;

    display: block;
}

footer .fob .fm .top:hover {

    background-color: var(--themes);

    border: solid 1px var(--themes);
}

footer .fob .fm .top:hover img {

    filter: grayscale(1000%) brightness(2000%);
}



@media (max-width: 800px) {

    footer .ftop {

        padding: 0.2rem 0;
    }

    footer .fop .flist {

        width: 100%;

        border-bottom: solid 1px rgba(0, 0, 0, 0.15);

        position: relative;
    }

    footer .fop .flist .fit {

        width: 100%;

        margin-bottom: 0;

        padding: 0.3rem 0;

        margin-left: 0;
    }

    footer .fop .flist .fit a {

        font-size: 16px;
    }

    footer .fop .flist .ful {

        width: 100%;

        font-size: 0;

        padding-bottom: 0.15rem;

        display: none;

        height: auto;
    }

    footer .fop .flist .ful a {

        line-height: 2;
    }

    footer .fop .flist:last-child {

        border: none;
    }

    footer .fop .flist:first-child {

        border-top: none;
    }

    footer .fop .flist.has-ful:after {

        content: " ";

        display: inline-block;

        width: 14px;

        height: 8px;

        background-image: url("../images/xx.png");

        background-position: center;

        background-size: 100% 100%;

        text-align: center;

        position: absolute;

        right: 0.2rem;

        left: auto;

        transform: translateX(0) rotate(0deg);

        top: 0.5rem;

        color: #333;

        border: none;

        transition: all ease 0.5s;
    }

    footer .fop .flist.has-ful.show:after {

        content: " ";

        transform: translateX(0) rotate(180deg);
    }

    footer .fop .flist.long {

        width: 100%;
    }

    footer .fop .flist.long .fit {

        padding: 0.1rem 0 0;

        margin-bottom: 0.15rem;
    }
}

.products {

    width: 100%;
}

.products .proemlis {

    width: 100%;
}

.products .proem {

    width: 100%;

    padding: 0.4rem 0;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    position: relative;

    z-index: 1;
}

.products .proem .imgs {

    display: inline-block;

    vertical-align: middle;

    width: calc(802 / 1720 * 100%);

    position: relative;

    overflow: hidden;
}

.products .proem .imgs .img {

    width: 100%;

    padding-top: 61.72%;
}

.products .proem .pem {

    display: inline-block;

    vertical-align: middle;

    width: calc(802 / 1720 * 100%);

    padding: 0.4rem 0;
}

.products .proem .pem .pit {

    width: 100%;

    color: #222;

    font-weight: bold;

    line-height: 1.2;

    margin-bottom: 0.14rem;
}

.products .proem .pem .sinp {

    width: 100%;

    color: #666;

    line-height: 1.5;
}

.products .proem .pem .sinp p {

    color: #666;

    line-height: 1.5;
}

.products .proem .pem .seom {

    width: 100%;

    margin-top: 0.6rem;

    font-size: 0;
}

.products .proem .pem .seom .select {

    font-size: 0;

    display: inline-block;

    vertical-align: middle;

    border: none;

    text-align: left;

    position: relative;

    width: auto;
}

.products .proem .pem .seom .select .select-con {

    width: 100%;

    display: inline-block;

    vertical-align: middle;

    position: relative;

    font-size: 0;
}

.products .proem .pem .seom .select .select-con .select-value {

    display: inline-block;

    vertical-align: middle;

    width: 100%;

    line-height: 3.2em;

    height: 3.2em;

    font-weight: bold;

    color: #000;

    cursor: pointer;

    padding-right: 0.3rem;
}

.products .proem .pem .seom .select .select-con select {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    z-index: 2;

    opacity: 0;
}

.products .proem .pem .seom .select .select-con select option {

    color: #666;

    font-size: .16rem;

    line-height: 2.5;

    background: #fff;
}

.products .proem .pem .seom .select .select-con .seluls {

    position: absolute;

    left: 0;

    top: 100%;

    min-width: 100%;

    max-height: 360px;

    overflow: auto;

    display: none;

    box-sizing: border-box;

    text-align: left;

    background-color: #fff;

    z-index: 123;

    border-radius: 4px;

    box-shadow: 0px 4px 5px 1px rgba(153, 153, 153, 0.3);

    overflow: auto;

    /*滚动条里面小方块*/

    /*滚动条里面轨道*/
}

.products .proem .pem .seom .select .select-con .seluls .option {

    width: 100%;

    color: #666;

    line-height: 1.5;

    background: #fff;

    cursor: pointer;

    padding: 0.06rem 0.15rem;
}

.products .proem .pem .seom .select .select-con .seluls .option:hover {

    background-color: var(--themes);

    color: #fff;
}

.products .proem .pem .seom .select .select-con .seluls::-webkit-scrollbar {

    width: 4px;

    height: 4px;

    scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.products .proem .pem .seom .select .select-con .seluls::-webkit-scrollbar-thumb {

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 10px rgba(182, 0, 22, 0.3);

    background: rgba(182, 0, 22, 0.3);

    scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.products .proem .pem .seom .select .select-con .seluls::-webkit-scrollbar-track {

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);

    background: rgba(0, 0, 0, 0.1);
}

.products .proem .pem .seom .select .select-con:after {

    display: inline-block;

    content: "";

    position: absolute;

    right: 0rem;

    top: 50%;

    transform: translateY(-50%);

    z-index: 1;

    width: 0.21rem;

    height: 0.21rem;

    background-image: url("../images/ic.png");

    background-size: 100%;

    background-repeat: no-repeat;

    background-position: center;
}

.products .proem+.proem {

    margin-top: 0;
}

.products .proem:nth-child(2n) {

    flex-direction: row-reverse;
}

.products .proem.up {

    z-index: 4;
}



.nanber {

    width: 100%;

    position: relative;
}

.nanber .imgs {

    width: 100%;

    position: relative;
}

.nanber .imgs .img {

    width: 100%;

    padding-top: 23.4375%;
}

.nanber .nox {

    position: absolute;

    z-index: 4;

    left: calc(50%);

    top: calc(50%);

    transform: translate(-50%, -50%);

    width: 70%;

    z-index: 2;

    text-align: center;
}

.nanber .nox .cm {

    width: 100%;

    color: #fff;

    font-weight: bold;

    line-height: 1.4;
}

.nanber .nox .em {

    width: 100%;

    color: #fff;

    font-weight: bold;

    line-height: 1.1;

    margin-top: .0rem;
}

.nanber .nox .sip {width: 100%;color: #fff;line-height: 1.7;}

.nanber .nox .sip p {

    color: #fff;

    line-height: 1.5;
}

.nanber .nox.left {

    left: calc(160 / 1920 * 100%);

    transform: translateY(-50%);

    text-align: left;
}



@media (max-width: 800px) {

    .nanber .nox {

        width: 94%;
    }



    .nanber.long {

        padding: 0.5rem 3%;
    }

    .nanber.long .imgs {

        position: absolute;

        z-index: 1;

        left: 0;

        top: 0;

        width: 100%;

        height: 100%;
    }

    .nanber.long .imgs .img {

        padding-top: 0;

        height: 100%;

        display: block;
    }

    .nanber.long .nox {

        width: 100%;

        left: 0;

        top: 0;

        transform: translateY(0);

        position: relative;
    }
}

.newcoms {

    width: 100%;

    padding: 0.7rem 0;

    background-color: #f2f2f2;
}

.newcoms .newcomlis {

    width: 100%;

    font-size: 0;
}

.newcoms .newcomlis .newom {

    display: inline-block;

    vertical-align: top;

    width: calc(543 / 1720 * 100%);

    margin-bottom: 0.2rem;

    margin-right: calc(44 / 1720 * 100%);
}

.newcoms .newcomlis .newom a {

    width: 100%;

    display: block;
}

.newcoms .newcomlis .newom .imgs {

    width: 100%;

    position: relative;

    overflow: hidden;
}

.newcoms .newcomlis .newom .imgs .img {

    width: 100%;

    padding-top: 60.58%;

    transition: all ease 0.5s;
}

.newcoms .newcomlis .newom .eom {

    width: 100%;

    background-color: #fff;

    padding: 0.3rem 0.35rem;
}

.newcoms .newcomlis .newom .eom .time {

    width: 100%;

    color: #999;

    line-height: 1.5;
}

.newcoms .newcomlis .newom .eom .tit {

    width: 100%;

    color: #222;

    line-height: 1.5;

    margin: 0.08rem 0;
}

.newcoms .newcomlis .newom .eom .eim {

    width: 100%;

    color: #666;

    line-height: 1.5;
}

.newcoms .newcomlis .newom .eom .eim p {

    color: #666;

    line-height: 1.5;
}

.newcoms .newcomlis .newom .eom .more {

    width: 100%;

    font-size: 0;

    margin-top: 0.25rem;
}

.newcoms .newcomlis .newom .eom .more .am {

    display: inline-block;

    vertical-align: middle;

    background-color: var(--themes);

    color: #fff;

    line-height: 3;

    padding: 0 0.55rem;
}

.newcoms .newcomlis .newom .eom .more .am span {

    display: inline-block;

    vertical-align: middle;

    width: 18px;

    position: relative;

    margin-left: 0.1rem;
}

.newcoms .newcomlis .newom .eom .more .am span img {

    width: 100%;

    display: block;
}

.newcoms .newcomlis .newom:nth-child(3n) {

    margin-right: 0;
}

.newcoms .newcomlis .newom:hover .imgs .img {

    transform: scale(1.1);
}

.newcoms .newcomlis .newom:hover .eom .tit {

    color: var(--themes);
}

.newcoms .newpomlis {

    width: 100%;

    font-size: 0;
}

.newcoms .newpomlis .nepom {

    display: inline-block;

    vertical-align: top;

    width: calc(372 / 1200 * 100%);

    margin-bottom: 0.2rem;

    margin-right: calc(41 / 1200 * 100%);
}

.newcoms .newpomlis .nepom a {

    width: 100%;

    display: block;
}

.newcoms .newpomlis .nepom .imgs {

    width: 100%;

    position: relative;

    overflow: hidden;
}

.newcoms .newpomlis .nepom .imgs .img {

    width: 100%;

    padding-top: 60.75%;

    transition: all ease 0.5s;
}

.newcoms .newpomlis .nepom .eom {

    width: 100%;

    background-color: #fff;

    padding: 0.3rem 0.3rem;
}

.newcoms .newpomlis .nepom .eom .time {

    width: 100%;

    color: #999;

    line-height: 1.5;
}

.newcoms .newpomlis .nepom .eom .tit {

    width: 100%;

    color: #222;

    line-height: 1.5;
}

.newcoms .newpomlis .nepom .eom .eim {

    width: 100%;

    color: #666;

    line-height: 1.5;

    margin: 0.08rem 0;
}

.newcoms .newpomlis .nepom .eom .eim p {

    color: #666;

    line-height: 1.5;
}

.newcoms .newpomlis .nepom:nth-child(3n) {

    margin-right: 0;
}

.newcoms .newpomlis .nepom:hover .imgs .img {

    transform: scale(1.1);
}

.newcoms .newpomlis .nepom:hover .eom .tit {

    color: var(--themes);
}



.pages {

    width: 100%;

    padding: 0.25rem 0 0.2rem;

    font-size: 0;

    text-align: center;

    margin-top: 0.2rem;
}

.pages .page {

    display: inline-block;

    vertical-align: middle;

    width: 1.5em;

    height: 1.5em;

    line-height: 1.5em;

    text-align: center;

    color: #222;

    margin: 0 0.02rem 0.1rem;
}

.pages .page.ltn {

    background-image: url("../images/b1.png");

    background-position: center;

    background-size: 8px 18px;

    background-repeat: no-repeat;
}

.pages .page.rtn {

    background-image: url("../images/b2.png");

    background-position: center;

    background-size: 8px 18px;

    background-repeat: no-repeat;
}

.pages .page.on {

    color: var(--themes);
}

.pages .page.ltn:hover {

    background-image: url("../images/b3.png");

    background-position: center;

    background-size: 8px 18px;

    background-repeat: no-repeat;

    background-color: transparent !important;

    border: none;
}

.pages .page.on.ltn {

    background-image: url("../images/b3.png");

    background-position: center;

    background-size: 8px 18px;

    background-repeat: no-repeat;

    background-color: transparent !important;

    border: none;
}

.pages .page.on.rtn {

    background-image: url("../images/b4.png");

    background-position: center;

    background-size: 8px 18px;

    background-repeat: no-repeat;

    background-color: transparent !important;

    border: none;
}

.pages .page.rtn:hover {

    background-image: url("../images/b4.png");

    background-position: center;

    background-size: 8px 18px;

    background-repeat: no-repeat;

    background-color: transparent !important;

    border: none;
}

.pages .page.auto {

    width: auto;

    padding: 0 0.24rem;
}

.pages .page:hover {

    color: var(--themes);
}



.netails {

    width: 100%;

    padding: 0.8rem 0;
}

.netails .netail {

    width: 100%;
}

.netails .netail .nitop {

    width: 100%;

    font-size: 0;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center;
}

.netails .netail .nitop .nil {

    display: inline-block;

    vertical-align: top;

    width: auto;
}

.netails .netail .nitop .nil .dae {

    display: inline-block;

    vertical-align: middle;

    width: auto;

    background-color: var(--themes);

    color: #fff;

    line-height: 1.8;

    padding: 0 0.08rem;
}

.netails .netail .nitop .nil .em {

    display: inline-block;

    vertical-align: middle;

    color: #000;

    line-height: 1.5;

    margin-left: 0.1rem;
}

.netails .netail .nitop .nir {

    display: inline-block;

    vertical-align: middle;

    width: auto;
}

.netails .netail .nitop .nir .share {

    display: inline-block;

    vertical-align: middle;

    width: auto;
}

.netails .netail .nitop .nir .share .sm {

    display: inline-block;

    vertical-align: middle;

    width: auto;

    color: #000;

    line-height: 1.5;
}

.netails .netail .nitop .nir .share .am {

    display: inline-block;

    vertical-align: middle;

    height: 20px;

    margin: 0 0.06rem;
}

.netails .netail .nitop .nir .share .am a,
.netails .netail .nitop .nir .share .am img {

    height: 100%;

    display: block;
}

.netails .netail .nit {

    width: 100%;

    margin: 1rem 0 0.7rem;

    text-align: center;

    color: #333;

    line-height: 1.5;
}

.netails .netail .ninps {

    width: 100%;

    color: #666;

    line-height: 1.75;
}

.netails .netail .ninps p {

    color: #666;

    line-height: 1.75;
}

.netails .netail .nob {

    width: 100%;

    border-top: solid 1px #c9c9c9;

    padding: 0.5rem 0;

    font-size: 0;

    text-align: center;

    margin-top: 0.5rem;
}

.netails .netail .nob .atn {

    display: inline-block;

    vertical-align: middle;
}

.netails .netail .nob .atn a {

    background-color: #202020;

    color: #fff;

    line-height: 3;

    display: inline-block;

    vertical-align: middle;

    padding: 0 0.3rem;
}

.netails .netail .nob .atn a span {

    display: inline-block;

    vertical-align: middle;

    width: 18px;
}

.netails .netail .nob .atn a span img {

    width: 100%;

    display: block;
}

.netails .netail .nob .atn+.atn {

    margin-left: 0.2rem;
}

.netails .netail .nob .atn:hover a {

    background-color: var(--themes);

    color: #fff;
}



.modular {

    width: 100%;
}

.modular .mitop {

    width: 100%;

    text-align: center;

    margin-bottom: 0.5rem;
}

.modular .mitop .mit {

    width: 100%;

    color: #222;

    font-weight: bold;

    line-height: 1.5;
}

.modular .mitop .mip {

    width: 100%;

    color: #666;

    line-height: 1.5;

    margin-top: 0.2rem;
}

.modular .mitop .mip p {

    color: #666;

    line-height: 1.5;
}

.modular .mitop.left {

    text-align: left;
}

.modular .imgpers {

    width: 100%;
}

.modular .imgpers .swiper-slide {

    width: 100%;

    position: relative;
}

.modular .imgpers .swiper-slide .imgs {

    width: 100%;

    position: relative;

    overflow: hidden;
}

.modular .imgpers .swiper-slide .imgs .img {

    width: 100%;

    padding-top: 63.23%;

    transition: all ease 0.5s;
}



.modular.white .mitop .mit {

    color: #fff;
}

.modular.white .mitop .mip {

    color: #fff;
}

.modular.white .mitop .mip p {

    color: #fff;
}



.prolistom {

    width: 100%;
}

.prolistom .Production {

    width: 100%;
    position: relative;

    background-color: #f2f2f2;

    padding: 1rem 0;
}

.prolistom .Production:nth-child(2n) {

    background-color: #fff;
}

.prolistom .Production .hide {
    position: relative;
    top: -2.4rem;
}

@media (max-width: 800px) {
    .prolistom .Production .hide {
        position: relative;
        font-size: 0.15rem;
        top: calc(-0.8rem - 0.2rem - 1.5em - 0.3rem);
    }
}


.manufacturer {

    width: 100%;
    position: relative;

    padding: 1rem 0;
}

.manufacturer .hide {
    position: relative;
    top: -2.4rem;
}

@media (max-width: 800px) {
    .manufacturer .hide {
        position: relative;
        font-size: 0.15rem;
        top: calc(-0.8rem - 0.2rem - 1.5em - 0.3rem);
    }
}

.manufacturer .matom {

    width: 100%;

    position: relative;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

    flex-direction: row-reverse;
}

.manufacturer .matom .mal {

    display: inline-block;

    vertical-align: middle;

    width: calc(810 / 1720 * 100%);

    position: relative;

    overflow: hidden;
}

.manufacturer .matom .mal .img {

    width: 100%;

    padding-top: 59.62%;
}

.manufacturer .matom .mar {

    display: inline-block;

    vertical-align: middle;

    width: calc(840 / 1720 * 100%);
}

.manufacturer .matom .mar .minps {

    width: 100%;

    color: #666;

    line-height: 1.5;
}

.manufacturer .matom .mar .minps p {

    color: #666;

    line-height: 1.5;
}



.manufacturer.white .matom .mar .minps {

    color: #fff;
}

.manufacturer.white .matom .mar .minps p {

    color: #fff;
}



.companys {

    width: 100%;
    position: relative;


    padding: 2rem 0;
}

.companys .hide {
    position: relative;
    top: -2.4rem;
}

@media (max-width: 800px) {
    .companys .hide {
        position: relative;
        font-size: 0.15rem;
        top: calc(-0.8rem - 0.2rem - 1.5em - 0.3rem);
    }
}

.companys .cinps {

    width: 100%;

    color: #fff;

    line-height: 1.5;
}

.companys .cinps p {

    color: #fff;

    line-height: 1.5;
}



.petails {

    width: 100%;

    padding: 0.8rem 0;
}

.petails .petail {

    width: 100%;
}

.petails .pitem {
    color: #666;
    font-size: 0.18rem;

    line-height: 1.75;

    width: 100%;
}

.petails .pitem p {

    color: #666;

    line-height: 1.75;
}

.petails .pitem .pit {

    width: 100%;

    color: #222;

    font-weight: bold;

    line-height: 1.5;

    margin-bottom: 0.2rem;
}

.petails .pitem .pinps {

    width: 100%;

    color: #666;

    line-height: 1.75;
}

.petails .pitem .pinps p {

    color: #666;

    line-height: 1.75;
}

.petails .pitem .tables {

    width: 100%;

    margin: 0.2rem 0;
}

.petails .pitem .tables table {

    width: 100%;
}

.petails .pitem .tables tr {

    width: 100%;

    background-color: #f2f2f2;
}

.petails .pitem .tables tr:nth-child(2n) {

    background-color: #fff;
}

.petails .pitem .tables td {

    padding: 0.1rem 0.2rem;

    color: #666;

    line-height: 1.5;
}

.petails .pitem .tables table,
.petails .pitem .tables tr,
.petails .pitem .tables td {

    border: solid 1px #e5e5e5;
}

.petails .pitem .tables .td1 {

    width: calc(475 / 1520 * 100%);

    font-weight: bold;

    color: #222;
}

/* .petails .pitem .tables .td2 {

        width: calc(1045 / 1520 * 100%); } */



.contacts {

    width: 100%;

    padding: 0.66rem 0;

    background-color: #f2f2f2;
}

.contacts .contom {

    width: 100%;

    background-color: #fff;

    padding: 0.45rem 0.55rem;
}

.contacts .contom .cits {

    width: 100%;

    font-weight: bold;

    color: #222;

    line-height: 1.3;

    margin-bottom: 0.25rem;
}

.contacts .contom .cionlis {

    width: 100%;

    font-size: 0;

    display: flex;

    flex-wrap: wrap;
}

.contacts .contom .cionlis .citom {

    display: inline-block;

    vertical-align: top;

    width: 25%;

    text-align: center;
}

.contacts .contom .cionlis .citom .ic {

    width: 0.71rem;

    height: 0.71rem;

    display: block;

    margin: 0 auto 0.12rem;
}

.contacts .contom .cionlis .citom .ic img {

    width: 100%;

    display: block;
}

.contacts .contom .cionlis .citom .xm {

    width: 100%;

    color: #666;

    line-height: 1.5;

    margin: 0rem 0 0.1rem;
}

.contacts .contom .cionlis .citom .pm {

    width: 100%;

    color: #333;

    line-height: 1.5;

    height: 4.5em;

    font-weight: bold;
}

.contacts .contom .cionlis .citom .pm.red {

    color: var(--themes);
}

.contacts .contom .form {

    width: 100%;

    display: block;
}

.contacts .contom .form .row {

    width: 100%;

    font-size: 0;
}

.contacts .contom .form .row .input {

    display: inline-block;

    vertical-align: top;

    width: calc(785 / 1610 * 100%);

    margin-right: calc(39 / 1610 * 100%);
}

.contacts .contom .form .row .input .sin {

    width: 100%;

    display: block;

    background-color: #f2f2f2;

    border: solid 1px #e5e5e5;

    padding: 0 0.3rem;

    line-height: 3;

    height: 3em;

    color: #666;

    margin-bottom: 0.2rem;
}

.contacts .contom .form .row .input:nth-child(2n) {

    margin-right: 0;
}

.contacts .contom .form .text {

    width: 100%;
}

.contacts .contom .form .text .area {

    width: 100%;

    display: block;

    margin-bottom: 0.2rem;

    background-color: #f2f2f2;

    border: solid 1px #e5e5e5;

    padding: 0.15rem 0.3rem;

    color: #666;

    line-height: 1.5;
}

.contacts .contom .form .yzms {

    width: 100%;

    font-size: 0;
}

.contacts .contom .form .yzms .input {

    display: inline-block;

    vertical-align: top;

    width: calc(785 / 1610 * 100%);

    margin-right: calc(39 / 1610 * 100%);
}

.contacts .contom .form .yzms .input .sin {

    width: 100%;

    display: block;

    background-color: #f2f2f2;

    border: solid 1px #e5e5e5;

    padding: 0 0.3rem;

    line-height: 3;

    height: 3em;

    color: #666;

    margin-bottom: 0.2rem;
}

.contacts .contom .form .yzms .ymg {

    display: inline-block;

    vertical-align: middle;

    height: 3em;

    margin-left: 0.2rem;

    margin-bottom: 0.2rem;
}

.contacts .contom .form .yzms .ymg img {

    height: 100%;

    display: block;
}

.contacts .contom .form .sub {

    width: 100%;

    font-size: 0;
}

.contacts .contom .form .sub .stn {

    display: inline-block;

    vertical-align: middle;

    position: relative;

    background-color: var(--themes);

    color: #fff;

    line-height: 3;

    height: 3em;

    text-align: center;

    padding: 0 0.5rem;
}

.contacts .contom .form .sub .stn span {

    display: inline-block;

    vertical-align: middle;

    margin-left: 0.12rem;

    width: 18px;
}

.contacts .contom .form .sub .stn span img {

    width: 100%;

    display: block;
}

.contacts .contom .form .sub .stn .snt {

    position: absolute;

    left: 0;

    top: 0;

    cursor: pointer;

    width: 100%;

    height: 100%;

    z-index: 3;

    opacity: 0;
}

.contacts .contom+.contom {

    margin-top: 0.35rem;
}



.proeam {

    width: 100%;

    padding: 0.7rem 0;
}

.proeam .preamlis {

    width: 100%;

    font-size: 0;
}

.proeam .preamlis .eapom {

    display: inline-block;

    vertical-align: top;
    /* 
      width: calc(334 / 1720 * 100%);

      margin-right: calc(12 / 1720 * 100%); */

    width: calc(400 / 1720 * 100%);
    margin-right: calc(39 / 1720 * 100%);

    margin-bottom: 0.34rem;
}

.proeam .preamlis .eapom.mre {
    width: calc(385 / 1720 * 100%);
    margin-right: calc(59 / 1720 * 100%);
}

.proeam .preamlis .eapom a {

    width: 100%;

    display: block;
}

.proeam .preamlis .eapom .imgs {

    width: 100%;

    position: relative;
    border-radius: 0.1rem;

    overflow: hidden;
}

.proeam .preamlis .eapom .imgs .img {

    width: 100%;

    padding-top: 70.23%;

    transition: all ease 0.5s;
}

.proeam .preamlis .eapom .xms {

    width: 100%;

    text-align: center;

    color: #222;

    line-height: 1.5;

    padding: 0.1rem 0.1rem 0;
}

.proeam .preamlis .eapom:nth-child(4n) {

    margin-right: 0;
}

.proeam .preamlis .eapom:hover .imgs .img {

    transform: scale(1.1);
}

.proeam .preamlis .eapom:hover .xms {

    color: var(--themes);
}

.swiper-wrapper{
    height: auto;
}
.swiper-slide{
    height: auto;
}