*,
body,
html {
    margin: 0;
    padding: 0;
    box-sizing: border-box;

}

html {
    font-size: 16px;
    color: #000;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

/* 头部 */
.header {
    position: relative;
    z-index: 20;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 1.125rem;
}

.header-top {
    height: 4.06rem;
    background: #1A75BC;
}

.header-top-right {
    display: flex;
}

.header-top-right {
    display: flex;
    align-items: center;
}

.header-email {
    margin-left: 1.2rem;
    display: flex;
    align-items: center;
}

.header-email img {
    width: 1.06rem;
    height: 0.81rem;
}

.header-email p {
    color: #FFF;
    margin-left: 0.5rem;
}

.header-bottom {
    height: 5.5rem;
    background-color: #FFF;
    box-shadow: 0rem 0rem 3rem 0rem rgba(60, 60, 60, 0.24);
}

.header-download {
    width: 9.88rem;
    height: 2.81rem;
    background: #8DC73F;
    position: relative;
    /* 超出隐藏需要加上 */
    overflow: hidden;

}

.header-download img {
    width: 1rem;
    margin-right: 0.63rem;
}

.header-download__content {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 0.81rem;
    color: #FFFFFF;
}

.header-download__line {
    /* 结合外层元素的相对定位 */
    position: absolute;
}

.header-download__line:nth-child(1),
.header-download__line:nth-child(5) {
    top: 0;
    left: 0;
    width: 70%;
    height: 0.1875rem;
    /* 加上渐变效果，方可形成拖尾效果 */
    background: linear-gradient(225deg, #EEEEEE 0%, #3F8AC8 100%);
    /* background: linear-gradient(90deg, transparent, orange); */
    animation: animate1 2s linear infinite;
}

/* 分别控制其上下左右的定位距离，从而形成线条跟随效果 */
@keyframes animate1 {
    0% {
        left: -100%;
    }

    50%,
    100% {
        left: 100%;
    }
}

.header-download__line:nth-child(2),
.header-download__line:nth-child(6) {
    top: -100%;
    right: 0;
    width: 0.1875rem;
    height: 100%;
    background: linear-gradient(225deg, #EEEEEE 0%, #3F8AC8 100%);
    /* background: linear-gradient(180deg, transparent, red); */
    animation: animate2 2s linear infinite;
    /* 注意要加上延时触发动画效果，这样线条才会依次触发 */
    animation-delay: .5s;
}

@keyframes animate2 {
    0% {
        top: -100%;
    }

    50%,
    100% {
        top: 100%;
    }
}

.header-download__line:nth-child(3),
.header-download__line:nth-child(7) {
    bottom: 0;
    right: 0;
    width: 70%;
    background: linear-gradient(225deg, #EEEEEE 0%, #3F8AC8 100%);
    /* background: linear-gradient(270deg, transparent, green); */
    animation: animate3 2s linear infinite;
    animation-delay: 1s;
}

@keyframes animate3 {
    0% {
        right: -100%;
        height: 0.1875rem;
    }

    50%,
    100% {
        height: 2px;
        right: 100%;
    }
}

.header-download__line:nth-child(4),
.header-download__line:nth-child(8) {
    bottom: -100%;
    left: 0;
    width: 0.1875rem;
    height: 100%;
    background: linear-gradient(225deg, #EEEEEE 0%, #3F8AC8 100%);
    /* background: linear-gradient(360deg, transparent, #3a86ff); */
    animation: animate4 2s linear infinite;
    animation-delay: 1.5s;
}

.header-download__line:nth-child(5) {
    animation-delay: 0;
}

.header-download__line:nth-child(6) {
    animation-delay: 1.5;
}

.header-download__line:nth-child(7) {
    animation-delay: .5s;
}

.header-download__line:nth-child(8) {
    animation-delay: 0;
}

@keyframes animate4 {
    0% {
        bottom: -100%;
    }

    50%,
    100% {
        bottom: 100%;
    }
}



.header-con {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 95%;
    margin: 0 auto;
}

.header-menus {
    display: flex;
    align-items: center;
    height: 100%;
}

.header-menus>li {
    margin: 0 2rem;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;

    height: 100%;
}

.header-menus a {
    font-weight: bold;
    font-size: 1.45rem;
    color: #000000;
}

.header-menus a span {
    display: inline-block;
    transform: rotate(90deg);
    transition: all .2s;
}

.header-share {
    display: flex;
    align-items: center;
}

.header-share__item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.14rem;
    height: 2.14rem;
    border-radius: 50%;
    border: 1px solid #FFFFFF;
    transition: all .2s;
}

.header-share img {
    height: 1.3rem;
}

.header-share__item {
    margin-right: 1.75rem;
}

.header-share__item:hover {
    background-color: #8DC73F;
    border-color: #8DC73F;
    transform: rotate(45deg);
}

.header-menus>li:hover>a {
    color: #1A75BC;
}

.header-menus>li:hover span {
    transform: rotate(270deg);
}

.header-menus li:hover .header-menus__second {
    display: block;
}

.header-email {
    display: flex;
    justify-content: center;
}

.header-email a {
    color: #FFF;
    font-size: 0.78rem;
    margin-left: 0.5rem;
}

.header-contact {
    color: #FFF;
    margin-right: 1.3rem;
}

.header-search img {
    display: inline-block;
    width: 1.3rem;
    height: 1.3rem;
}

.header-logo {
    width: 14.63rem;
}

.header-search {
    height: 2.77rem;
    display: flex;
}

.header-search input {
    width: 15.3rem;
    height: 100%;
    background: #EEEEEE;
    border: none;
    outline: none;
    padding: 0 0.75rem;
    font-weight: bold;
    font-size: 0.92rem;
    color: #929497;
}

.header-search input::placeholder {
    font-weight: bold;
    font-size: 0.92rem;
    color: #929497;
}

.header-search__btn {
    width: 3.62rem;
    height: 100%;
    background: #1A75BC;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-search__btn img {
    display: block;
    width: 1.94rem;
    height: 1.94rem;
}

#header-menu__expand {
    display: none;
    margin-right: 1rem;
    font-size: 3rem;
}

.header-main {
    display: flex;
    align-items: center;
}

#header-right {
    /* width: 100%; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 14.63rem);
    padding-left: 8.94rem;
    height: 100%;
}

.header-menus__second {
    display: none;
    width: fit-content;
    position: absolute;
    top: 5rem;
    background: #FFFFFF;
    box-shadow: 0rem 0rem 1rem 0rem rgba(12, 0, 5, 0.35);
}

.header-menus__second>li {
    height: 2.77rem;
    padding: 0 0.63rem;
}

.header-menus__second>li a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 1.18rem;
    color: #5B5B5B;
    text-wrap: nowrap;
}

.header-menus__second>li:hover {
    background-color: #1A75BC;

}

.header-menus__second>li:hover a {
    color: #FFF;
}

.home-tool__detail>img {
    width: 50%;
}

.header-lang {
    color: #141414;
    display: flex;
    cursor: pointer;
    position: relative;
}

#header-lang__content {

    padding: 0 1.56rem;
    display: flex;
    width: 100%;
    cursor: pointer;
    justify-content: space-between;
    align-items: center;

    width: 9.24rem;
    height: 2.63rem;
    color: #FFF;
}

.header-lang img {
    display: inline-block;
    width: 1.5rem;
}

#header-lang__content img {
    width: 1.06rem;
}

.header-lang__flag {
    background-image: url('../assets/imgs/lang.gif');
    position: relative;
    display: block;
    background-repeat: no-repeat;
    width: 1.325rem;
    height: 1rem;
    margin-right: 0.3rem;
}

.header-lang__en .header-lang__flag {
    background-position: 0 -256px !important
}

#header-lang__menus {
    width: 100%;
    display: none;
    /* display: block; */
    background-color: #FFF;
    color: #000;
    position: absolute;
    top: 2rem;
    right: 0rem;
    padding: 1rem 0;
    flex-wrap: wrap;
    box-shadow: 0px 0px 0.875rem #0000006e;
}

#header-lang__menus li {
    width: 100%;
    padding: 0.75rem;
    font-size: 1rem;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dfdcdc;
    margin: 0 0.5rem;
}

.header-lang:hover #header-lang__menus {
    display: block;
}

.header-lang:hover .header-lang__triangle {
    transform: rotate(-90deg);
}

#header-lang__content p {
    color: #FFF;
}

#header-lang__menus li:hover p {
    color: #1A75BC;
}

.header-lang__triangle {
    font-size: 0.75rem;
    display: inline-block;
    transition: all .2s;

}


/* footer */
.home-footer {
    width: 100%;
    color: #FFF;
    background-image: url(../assets/imgs/home/footer-bg.png);
    background-size: cover;
    border-top: 0.88rem solid #1A75BC;
  }
  
  .home-footer p {
    color: #FFF;
  }
  
  .home-footer__content {
    width: 95%;
    margin: 0 auto;
  }
  
  
  .home-footer__content--main {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 3.1rem 15rem 2.2rem 5.5rem;
  }
  
  
  .footer-menu {
    margin-top: 1.75rem;
  }
  
  .footer-contact .contact-img {
    width: 8.75rem;
  }
  .footer-contact > li{
    height: 100%;
  }
  .footer-contact  ul {
    height: calc(100% - 3.5rem);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .footer-menu li {
    margin-top: 0.75rem;
  }
  
  .footer-menu a,
  .footer-menu li {
    font-size: 1.25rem;
  
  }
  .footer-menus {
    width: 20%;
    padding-right: 2.4rem;
  }
  .footer-menus:not(:last-child) {
    /* margin-right: 3%; */
  }
  .footer-menus .footer-title {
    font-weight: bold;
    font-size: 1.23rem;
    color: #FFFFFF;
  }
  
  .footer-information ul li {
    display: flex;
    align-items: flex-start;
  }
  
  .footer-information li img {
    width: 1.1rem;
    margin-right: 1.25rem;
    padding-top: 0.25rem;
  }
  
  .footer-contact ul li {
    display: flex;
  }
  
  .footer-contact ul li p {
    text-align: center;
  }
  
  .footer-contact ul li div {
    margin-right: 1.2rem;
  }
  
  .footer-contact li > img {
    width: 7.55rem;
  }
  
  .home-footer .footer-logo {
    /* margin-right: 5%; */
    /* width: 12rem; */
    padding-right: 3.5rem;
  }
  
  .footer-logo img {
    display: inline-block;
    width: 100%;
  }
  
  .footer-information {
    /* width: 22%; */
    /* margin: 0 0 0 3%; */
  }
  
  .home-footer__content--main a {
    color: #FFF;
  }
  
  .footer-menu a:hover {
    color: #1B75BC;
  }
  
  .home-footer__copyright {
  
    padding: 1.75rem 0 1.5rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.43);
  }
  
  .home-footer__copyright P {
    width: 100%;
    text-align: center;
    font-size: 1.3rem;
    color: #FFF;
  }
  
  .footer-logo {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  @keyframes tada {
    from {
      transform: scale3d(1, 1, 1)
    }
  
    10%,
    20% {
      transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -6deg)
    }
  
    30%,
    50%,
    70%,
    90% {
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 6deg)
    }
  
    40%,
    60%,
    80% {
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -6deg)
    }
  
    to {
      transform: scale3d(1, 1, 1)
    }
  }
  
/* footer */
.home-footer {
    width: 100%;
    color: #FFF;
    background-image: url(../assets/imgs/home/footer-bg.png);
    background-size: cover;
    border-top: 0.88rem solid #1A75BC;
  }
  
  .home-footer p {
    color: #FFF;
  }
  
  .home-footer__content {
    width: 95%;
    margin: 0 auto;
  }
  
  
  .home-footer__content--main {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 3.1rem 15rem 2.2rem 5.5rem;
  }
  
  
  .footer-menu {
    margin-top: 1.75rem;
  }
  
  .footer-contact .contact-img {
    width: 8.75rem;
  }
  .footer-contact > li{
    height: 100%;
  }
  .footer-contact  ul {
    height: calc(100% - 3.5rem);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .footer-menu li {
    margin-top: 0.75rem;
  }
  
  .footer-menu a,
  .footer-menu li {
    font-size: 1.25rem;
  
  }
  .footer-menus {
    width: 20%;
    padding-right: 2.4rem;
  }
  .footer-menus:not(:last-child) {
    /* margin-right: 3%; */
  }
  .footer-menus .footer-title {
    font-weight: bold;
    font-size: 1.23rem;
    color: #FFFFFF;
  }
  
  .footer-information ul li {
    display: flex;
    align-items: flex-start;
  }
  
  .footer-information li img {
    width: 1.1rem;
    margin-right: 1.25rem;
    padding-top: 0.25rem;
  }
  
  .footer-contact ul li {
    display: flex;
  }
  
  .footer-contact ul li p {
    text-align: center;
  }
  
  .footer-contact ul li div {
    margin-right: 1.2rem;
  }
  
  .footer-contact li > img {
    width: 7.55rem;
  }
  
  .home-footer .footer-logo {
    /* margin-right: 5%; */
    /* width: 12rem; */
    padding-right: 3.5rem;
  }
  
  .footer-logo img {
    display: inline-block;
    width: 100%;
  }
  
  .footer-information {
    /* width: 22%; */
    /* margin: 0 0 0 3%; */
  }
  
  .home-footer__content--main a {
    color: #FFF;
  }
  
  .footer-menu a:hover {
    color: #1B75BC;
  }
  
  .home-footer__copyright {
  
    padding: 1.75rem 0 1.5rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.43);
  }
  
  .home-footer__copyright P {
    width: 100%;
    text-align: center;
    font-size: 1.3rem;
    color: #FFF;
  }
  
  .footer-logo {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  @keyframes tada {
    from {
      transform: scale3d(1, 1, 1)
    }
  
    10%,
    20% {
      transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -6deg)
    }
  
    30%,
    50%,
    70%,
    90% {
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 6deg)
    }
  
    40%,
    60%,
    80% {
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -6deg)
    }
  
    to {
      transform: scale3d(1, 1, 1)
    }
  }
/* exhibition */
.exhibition {
    display: flex;
    margin-top:11.5rem;
    margin-left: 3rem;
}

.exhibition img {
    width: 50.94rem;
    height: 31.06rem;
}

.exhibition-content {
    margin-left: 2.75rem;
    width: 60.19rem;
}

.exhibition-content_title {
    display: flex;
    align-items: center;
}

.exhibition-content_title img {
    width: 4.38rem;
    height: 4.19rem;
    margin-right: 2.25rem;
}

.exhibition-content_title h3 {
    width: 53.75rem;
    font-family: Arial;
    font-weight: bold;
    font-size: 2.55rem;
    color: #252525;
    margin-top: 0;
    margin-bottom: 0;
    /* line-height: 1.54rem; */
}

.exhibition-content p {
    /* width: 60.19rem; */
    font-family: Arial;
    font-weight: 400;
    font-size: 1.56rem;
    color: #252525;
    line-height: 2.39rem;
    text-align: justify;
}

.exhibition-content_descOne {
    margin-top: 4.2rem;
}

.exhibition-content_descTwo {
    margin-top: 2.5rem;
}

/* section */
.section {
    display: flex;
    width: 100%;
    padding-bottom: 4.69rem;
    /* height: 28.69rem; */
    background: #F5F5F5;
    margin-top: 5.88em;
    padding-top: 5.44rem;
}

.section-item {
    text-align: center;
    transition: all .2s;
    padding: 2rem;
    border-radius: 1rem;
    background-color: transparent;
}
.section-item:hover {
    background-color: white;
    
    box-shadow: 0 0 3rem #00000034;
}
.section-item:nth-child(1) {
    width: 32rem;
    margin-left: 7.06rem;
}

.section-item:nth-child(2) {
    width: 32rem;
    margin-left: 6.75rem;
}

.section-item:nth-child(3) {
    width: 32rem;
    margin-left: 7rem;
}

.section-item img {
    width: 4.88rem;
    height: 4.88rem;
}

.section-item h3 {
    font-family: Arial;
    font-weight: bold;
    font-size: 1.82rem;
    color: #252525;
    line-height: 1.61rem;
    margin-top: 0.75rem;
}

.section-item p {
    width: 100%;
    /* width: 30.25rem; */
    /* height: 10.38rem; */
    font-family: Arial;
    font-weight: 400;
    font-size: 1.3rem;
    color: #6E6E6E;
    line-height: 1.82rem;
    margin-top: 0.81rem;
}

/* main */
.main {
    margin-top: 8.63rem;
}

.main h2 {
    width: 100%;
    font-family: Arial;
    font-weight: bold;
    font-size: 2.6rem;
    color: #252525;
    line-height: 6.68rem;
    text-align: center;
}

.main-content {
    margin-top: 2.25rem;
    margin-left: 12.5rem;
    margin-right: 11.81rem;
}

.dotted {
    position: relative;
    width: 94.97rem;
    height: 0.06rem;
    border: 0.5px dotted #CDCDCD;
    margin-bottom: 3.94rem;
}

.blueBlock {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 7.56rem;
    height: 0.38rem;
    background: #1A75BC;
}

.main-content_item {
    margin-bottom: 1.19rem;
}


.main-content_item_desc {
    display: flex;
}

.main-content_item_left {
    margin-right: 1.3rem;
    /*margin-top: 0.38rem;*/
    box-shadow: 0 2px 10px rgba(26, 117, 188, 0.23);
}

.item_blueBlock {
    width: 62rem;
    height: 0.69rem;
    background: #1A75BC;
}

.main-content_item_left_content {
    display: flex;
    margin-top: 5.75rem;
    margin-left: 5.81rem;
}

.main-content_item_left_content_four {
    display: flex;
    margin-top: 1.5rem !important;
    margin-left: 5.81rem;
}

.oneImg {
    width: 5.31rem;
    height: 5.31rem;
}

.twoImg {
    width: 4.81rem;
    height: 5.81rem;
}

.threeImg {
    width: 5.56rem;
    height: 5.25rem;
}

.fourImg {
    width: 5.88rem;
    height: 5.19rem;
}

.fiveImg {
    width: 4.06rem;
    height: 5.38rem;
}

.sixImg {
    width: 5.13rem;
    height: 4.88rem;
}

.main-content_item_left_content img:hover,
.main-content_item_left_content_four img:hover {
    animation: tada 1s;
}
.left_content_desc {
    margin-left: 3.69rem;
    margin-top: 1rem;
}

.left_content_desc h3 {
    font-family: Arial;
    font-weight: bold;
    font-size: 2.08rem;
    color: #252525;
    line-height: 1.61rem;
    margin-bottom: 1.63rem;
}

.left_content_desc p {
    width: 42.31rem;
    font-family: Arial;
    font-weight: 400;
    font-size: 1.56rem;
    color: #252525;
    line-height: 2.08rem;
}

.main-content_item_right {
    width: 33rem;
    height: 25.13rem;
    box-shadow: 0 2px 10px rgba(26, 117, 188, 0.23);
}

.item_dotted {
    width: 96.3rem;
    height: 0.06rem;
    border: 1px dotted #CDCDCD;
    margin-top: 20px;
}

/* contantUs */
.contantUs {
    width: 100%;
    height: 30.63rem;
    background-image: url(../assets/imgs/aboutUs/矩形\ 589.png);
    background-size: 100%;
    margin-top: 8.94rem;
    text-align: center;
    padding-top: 9.31rem;
    transition: all .2s;
}
.contantUs:hover {
    background-size: 110%;
}
.contantUs h2 {
    font-family: Arial;
    font-weight: bold;
    font-size: 3.13rem;
    color: #FFFFFF;
    line-height: 3.65rem;
}

.contantUs a {
    display: inline-block;
    font-family: Arial;
    font-weight: 400;
    font-size: 1.82rem;
    color: #FFFFFF;
    line-height: 3.65rem;
    cursor: pointer;
    margin-top: 3.31rem;
}

/* certificate */
.certificate {
    position: relative;
    width: 100%;
    height: 58.69rem;
}

.certificate-back {
    width: 114.75rem;
    height: 13.69rem;
    position: absolute;
    top: 13.44rem;
    left: 2.88rem;
    right: 2.38rem;
}

.certificate-title {
    position: absolute;
    top: 12rem;
    left: 12.5rem;
}

.certificate-title h3 {
    font-family: Arial;
    font-weight: bold;
    font-size: 2.6rem;
    color: #252525;
    line-height: 1.61rem;
    margin-bottom: 2.69rem;
}

.certificate-title p {
    font-family: Arial;
    font-weight: 400;
    font-size: 1.82rem;
    color: #252525;
    line-height: 1.61rem;
}

.certificate-menu {
    position: absolute;
    top: 25.13rem;
    left: 9.5rem;
    z-index: 2;
}

.certificate-menu img {
    width: 25.56rem;
    height: 33rem;
    transition: all .2s;
}
.certificate-menu img:hover {
    transform: translateY(-0.75rem);
}
.certificate-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* width: 120rem; */
    height: 5rem;
    background: linear-gradient(97deg, #EAE8EC 0%, #EFEFEF 100%);
    opacity: 0.41;
}

.hblock {
    width: 100%;
    height: 6.13rem;
    background: #DBD9DE;
}

/* factor整体样式 */
.factor {
    margin: 0 12.5rem;
    margin-bottom: 11.65rem;
}

.factor h3 {
    width: 94.98rem;
    font-family: Arial;
    font-weight: bold;
    font-size: 2.6rem;
    color: #252525;
    line-height: 1.61rem;
    text-align: center;
    margin-top: 11.69rem;
    margin-bottom: 2.25rem;
}

.factor-menu {
    display: flex;
    justify-content: space-between;
}

/* 3D轮播主容器 */
.factory_3d_swiper_container {
    width: 100%;
    padding: 50px 0;
    perspective: 1000px;
    overflow-x: hidden;
}

/* 轮播wrapper */
.factory_3d_swiper_wrapper {
    transform-style: preserve-3d;
}

/* 轮播slide基础样式 */
.factory_3d_swiper_container .swiper-slide {
    width: 28.56rem;  /* 固定宽度 */
    height: 18.94rem;
    position: relative;
    transform-style: preserve-3d;
    transition: all 0.6s;
}

/* slide图片样式 */
.factory_3d_swiper_container .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* border-radius: 8px; */
}

/* 活动slide样式 */
.factory_3d_swiper_container .swiper-slide-active,
.factory_3d_swiper_container .swiper-slide-duplicate-active {
    width: 34.38rem;  /* 活动slide更宽 */
    height: 22.94rem;
    transform: translateX(0) rotateY(0deg) scale(1) !important;
    z-index: 2;
    opacity: 1;
}

/* 前一个slide样式 */
.factory_3d_swiper_container .swiper-slide-prev,
.factory_3d_swiper_container .swiper-slide-duplicate-prev {
    transform: translateX(20%) rotateY(35deg) scale(0.9) !important;
    transform-origin: 0 50%;
}

/* 后一个slide样式 */
.factory_3d_swiper_container .swiper-slide-next,
.factory_3d_swiper_container .swiper-slide-duplicate-next {
    transform: translateX(-20%) rotateY(-35deg) scale(0.9) !important;
    transform-origin: 100% 50%;
}

/* 响应式样式 */
@media screen and (max-width: 768px) {
    .factor {
        margin: 0 1rem;
        margin-bottom: 5rem;
    }

    .factor h3 {
        width: 100%;
        font-size: 2rem;
        margin-top: 5rem;
        margin-bottom: 1.5rem;
    }

    .factory_3d_swiper_container .swiper-slide {
        width: calc(100% - 20px);
        height: 15rem;
    }

    .factory_3d_swiper_container .swiper-slide-active,
    .factory_3d_swiper_container .swiper-slide-duplicate-active {
        width: calc(100% - 20px);
        height: 18rem;
    }
}
.factory_3d_swiper_container {
    width: 100%;
    max-width: 95rem;
    margin: 0 auto;
    padding: 50px 0;
    perspective: 1000px;
    overflow: hidden;
}

.factory_3d_swiper_container .swiper-slide {
    width: calc(33.33% - 34px) !important;
    height: 18.94rem;
    position: relative;
    transform-style: preserve-3d;
    transition: all 0.6s;
}
/* factory_3d_swiper_container的样式修改 */
.factory_3d_swiper_container {
    width: 100vw;  /* 改用视窗宽度 */
    max-width: none;  /* 移除最大宽度限制 */
    margin-left: calc(-50vw + 50%);  /* 负边距使容器延伸到视窗边缘 */
    margin-right: calc(-50vw + 50%);
    padding: 50px 0;
    perspective: 1000px;
    overflow: hidden;
    position: relative;  /* 确保定位正确 */
}

/* 如果需要，调整父容器样式 */
.factor-menu {
    display: flex;
    justify-content: space-between;
    overflow: hidden;  /* 防止水平滚动条 */
    position: relative;  /* 确保子元素定位正确 */
}
.factorSwiper {
    position: relative;
    margin: 0 12.5rem;
    margin-bottom: 12.69rem;
}

.factorSwiper h3 {
    width: 94.98rem;
    font-family: Arial;
    font-weight: bold;
    font-size: 2.6rem;
    color: #252525;
    line-height: 1.61rem;
    text-align: center;
    margin-bottom: 2.25rem;
}
.factorSwiper .swiper-slide {
    overflow: hidden;
}
.factorSwiper img {
    width: 28.56rem;
    height: 18.94rem;
    transition: all .2s;
}
.factorSwiper img:hover {
    transform: scale(1.1);
}
.arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.56rem;
    height: 3.55rem;
    border-radius: 50%;
    border: 1px solid #AAAAAA;
}

#arrow-left {
    position: absolute;
    bottom: 9.63rem;
    left: -6.62rem;
}

#arrow-right {
    position: absolute;
    bottom: 9.63rem;
    right: -6.62rem;
}

.arrow .ri-arrow-left-line,
.arrow .ri-arrow-right-line {
    font-size: 2rem;
    color: #A29F95;
}


.arrow:hover {
    border-color: #0E73B7;
}

.arrow:hover .ri-arrow-left-line {
    color: #0E73B7;
}

.arrow:hover .ri-arrow-right-line {
    color: #0E73B7;
}

.swiper {
    overflow: hidden;
}

/* .swiper-wrapper img{
    margin-right: 4.55rem;
} */


@media only screen and (max-width:640px) {
    #header-right {
        display: none;
        background-color: #FFF;
        position: absolute;
        top: 9.625rem;
        left: 0;
        width: 100%;
        padding: 2rem 3rem;
        flex-direction: column-reverse;
        align-items: flex-start;
        height: auto;
        /* min-height: 22rem; */
    }

    /* .header-menus a{
        color: #FFF;
      } */
    .header-menus {
        flex-direction: column;
        align-items: flex-start;
        margin: 0;
        margin-top: 1rem;
        width: 100%;
    }

    .header-search {
        width: 100%;
    }

    .header-menus>li {
        display: block;
    }

    /* .header-menus__second>li a {
        color: #FFF;
      } */
    .header-menus__second {
        position: static;
        /* display: block; */
        width: 100%;
        background-color: transparent;
        box-shadow: none;
    }

    .header-search input {
        width: calc(100% - 5rem);
    }

    .header-menus li {
        margin: 0.75rem 0;
        width: 100%;
    }

    .footer-menus--first {
        width: 100%;
    }

    .home-footer__content--top h1 {
        width: 100%;
    }

    .footer-menus {
        margin-bottom: 2rem;
    }

    .footer-menus {
        width: 50%;
        margin-right: 0;
        margin-left: 0;
    }

    .footer-information {
        padding-left: 10%;
        /* width: 40%; */
    }

    .color-menus {
        padding-right: 10%;
    }

    .footer-logo {
        margin-right: 10%;
        width: 40%;
    }

    .footer-menus:nth-child(2n) {
        display: flex;
        justify-content: flex-end;
    }

    #header-menu__expand {
        display: block;
        width: 3rem;
    }

    .footer-contact .header-share {
        margin-top: 3rem;
    }

    .home-footer__content--main {
        padding-right: 5.5rem;
    }

    .exhibition,
    .section {
        flex-wrap: wrap;
        justify-content: center;
    }

    .exhibition-content {
        margin-left: 0;
        width: 100%;
    }

    .exhibition > img {
        width: 100%;
        height: 34rem;
        margin-bottom: 3rem;
    }

    .exhibition-content p {
        /* width: 50.94rem; */
        text-wrap: wrap;
    }

    .section .section-item {
        margin-bottom: 3rem;
        margin-left: 0;
        width: auto;
    }

    .main-content_item_right {
        margin-top: 2rem;
    }

    .section .section-item p {
        width: 40rem;
        height: auto;
    }

    .main-content_item_desc,
    .factor-menu {
        flex-wrap: wrap;
    }

    .main-content_item_right {
        width: 100%;
        height: 34rem;
    }

    .main-content_item_left_content,
    .main-content_item_left_content_four {
        margin-left: 0;
    }

    .main-content {
        margin-right: 2.5rem;
        margin-left: 2.5rem;
    }

    .dotted,
    .item_blueBlock,
    .item_dotted,
    .certificate-footer {
        width: 100%;
    }

    .certificate-back {
        width: calc(100% - 3rem);
        height: 5rem;
        top: 13.44rem;
    }

    .certificate-title {
        left: 5rem;
    }

    .certificate-menu {
        left: 2.5rem;
    }

    .certificate-menu img {
        width: 24rem;
        height: 31rem;
    }

    .certificate {
        height: 81rem;
    }

    .factor,
    .exhibition {
        width: calc(100% - 5rem);
        /* width: 100%; */
        margin-right: 2.5rem;
        margin-left: 2.5rem;
    }

    .factorSwiper {
        width: calc(100% - 5rem);
        /* width: 100%; */
        margin-right: 2.5rem;
        margin-left: 2.5rem;
    }

    .factor h3,
    .factorSwiper h3,
    .main-content_item_left {
        width: 100%;
    }

    .factor-menu img {
        width: 56rem;
        height: 45rem;
    }

    .factor-menu {

        justify-content: center;
    }

    .swiper {
        position: relative;
        width: 80%;
        margin: 0 auto;
    }

    .factorSwiper img {
        width: 100%;
        height: 25rem;
    }

    #arrow-right {
        right: 0rem;
    }

    #arrow-left {
        left: 0rem;
    }

    .main-content_item_left {
        margin-right: 0;
    }
}