﻿@charset "utf-8";
/* CSS Document */
/*首页内容部分调整<=992 平板*/
@media (max-width: 1520px) {
  body,
  html {
    font-size: 58.5%;
  }
}

/* 导航 Strat */
@media (max-width: 1520px) {
  header .logo img {
    height: 28px;
  }
}
@media (max-width: 1400px) {
  html,
  body {
    --height: 84px;
  }
  header.scroll {
    --height: 75px;
  }
  header nav ul li {
    padding: 0 2rem;
  }
  header .s_menu2 .ss2 dl {
    width: 30%;
  }
}
@media (max-width: 1200px) {
  header nav ul li {
    padding: 0 1.5rem;
  }
  header .others .language {
    margin: 0 3rem 0 2rem;
  }
  header .s_menu2 .ss2 {
    width: 100%;
  }
}
@media (max-width: 1080px) {
  header nav ul {
    display: none;
  }
  header .others .language {
    padding: 0;
    border: none;
  }
  header .s_menu2 .ss2 dl dt {
    margin-bottom: 3rem;
  }
  header .s_menu2 .ss2 dl dd {
    margin: 1.2rem 0;
  }
  header .s_menu2 .ss2 h6 {
    margin-bottom: 1.2rem;
  }
  header .s_menu2 .ss2 dl {
    padding-left: 5%;
  }
  header .logo img {
    height: 24px;
  }
}
@media (max-width: 948px) {
  header .s_menu2 .ss2 {
    flex-wrap: wrap;
    padding: 0 5%;
    left: 0;
    top: var(--height);
    transform: translate(0);
  }
  header .s_menu2 .ss2 dl {
    width: 100%;
    padding: 24px 0;
    border-bottom: 1px solid #e5e5e5;
    border-right: none;
  }
  header .s_menu2 .ss2 dl {
    display: flex;
    flex-wrap: wrap;
  }
  header .s_menu2 .ss2 h6 {
    width: 100%;
    /* display: none; */
  }
  header .s_menu2 .ss2 dl dt {
    width: 100%;
    margin-bottom: 15px;
  }
  header .s_menu2 .ss2 dl a {
    margin-right: 15px;
  }
  header .s_menu2 .ss2 dl dd {
    margin: 5px 0;
  }
  header .s_menu2 {
    overflow: scroll;
  }
  header .logo img {
    height: 20px;
  }
  header nav {
    padding: 0 5%;
  }
}
@media (max-width: 548px) {
  body,
  html {
    font-size: 54.5%;
  }
  header .s_menu2 .ss2 h6 {
    font-size: 2rem;
    margin-bottom: 8px;
  }
  header .s_menu2 .ss2 dl dt {
    font-size: 2.2rem;
    margin-bottom: 10px;
  }
  header .s_menu2 .ss2 dl {
    padding: 15px 0;
  }
  header .logo img {
    height: 17px;
  }
  header .others .language i {
    height: 24px;
    width: 24px;
    margin-right: 5px;
  }
  header .others .language {
    margin: 0 18px;
  }
  html,
  body {
    --height: 64px;
  }
  header.scroll {
    --height: 64px;
  }
}
/* 导航 End*/

/* 底部栏 Strat */
@media (max-width: 1200px) {
  .w_all {
    width: 90%;
  }
  .footer .boxs .left img {
    width: auto;
    height: 72px;
  }
}
@media (max-width: 1080px) {
  .footer .boxs .right dt {
    font-size: 1.6rem;
  }
  .footer .boxs .right dd {
    font-size: 1.5rem;
  }
  .footer .links h5 {
    font-size: 1.6rem;
  }
}
@media (max-width: 968px) {
  .footer .boxs {
    flex-wrap: wrap;
  }
  .footer .boxs .left {
    width: 100%;
  }
  .footer .boxs .right {
    width: 100%;
    margin: 8% 0;
  }
  .footer {
    padding: 12% 0 0;
  }
}
@media (max-width: 600px) {
  .footer .bottom {
    flex-direction: column;
    align-items: center;
    padding: 0.5rem 0;
  }
  .footer .bottom p a {
    display: block;
    width: 100%;
    text-align: center;
    margin: 5px 0;
  }
  .rightFix b {
    width: 42px;
    height: 42px;
  }
}
@media (max-width: 458px) {
  .footer .boxs .left img {
    height: 60px;
  }
  .footer .links h6 {
    font-size: 2.8rem;
  }
  .footer .links b img {
    width: 24px;
  }
  .rightFix b {
    width: 38px;
    height: 38px;
  }
}
/* 底部栏 End*/

/* 新闻详情 Strat */
@media (max-width: 1520px) {
  .newsdPage {
    padding: 5% 15%;
  }
}
@media (max-width: 1200px) {
  .newsdPage {
    padding: 5% 10%;
  }
}
@media (max-width: 968px) {
  .newsdPage {
    padding: 5% 5%;
  }
  .newsdPage .box .tit h2 {
    font-size: 2.4rem;
  }
  .newsdPage .box .text {
    padding-top: 10px;
  }
}
@media (max-width: 630px) {
  .newsdPage .box .tit h2 {
    font-size: 2rem;
  }
  .newsdPage .box .text p {
    margin: 5px 0;
    font-size: 1.6rem;
    line-height: 1.55;
  }
  .newsdPage .box .tit {
    margin-bottom: 1rem;
  }
}
/* 新闻详情 End*/

/* 内页banner Strat */
@media (max-width: 1520px) {
  .nyBanner .box {
    padding: 18% 0;
  }
}
@media (max-width: 1200px) {
  .nyBanner .box {
    padding: 20% 0;
  }
}
@media (max-width: 1080px) {
  .nyBanner .box {
    padding: 22% 0;
  }
}
@media (max-width: 858px) {
  .nyBanner .box {
    padding: 26% 0;
  }
}
@media (max-width: 468px) {
  .nyBanner .box {
    padding: 30% 0;
  }
}
/* 内页banner End*/

/* 联系页面 Strat */
@media (max-width: 1300px) {
  .contact2 ul li img {
    width: 6rem;
  }
}
@media (max-width: 1200px) {
  .w100p10 {
    padding-left: 5%;
    padding-right: 5%;
  }
  .contact .contain h4 {
    margin-bottom: 8rem;
  }
}
@media (max-width: 968px) {
  .contact2 ul li img {
    width: 5rem;
  }
  .contact2 ul li .ewm {
    width: 12rem;
  }
  .contact2 ul li p {
    margin: 2rem 0 0;
  }
  .contact .contain {
    flex-wrap: wrap;
  }
  .contact .contain .left {
    width: 100%;
  }
  .contact .contain .right {
    width: 100%;
    height: 42rem;
    padding: 0 5% 5%;
  }
  .contact .contain h4 {
    margin-bottom: 5rem;
  }
  .contact2 .title3 h3 {
    font-size: 3.2rem;
  }
}
@media (max-width: 768px) {
  .pt5 {
    padding-top: 10%;
    padding-bottom: 10%;
  }
}
@media (max-width: 648px) {
  .contact .contain .right {
    height: 36rem;
  }
  .contact .contain .tdt-container .tdt-marker-pane img {
    width: 32px !important;
    height: 32px !important;
  }
  .contact .contain p {
    margin: 10px 0;
  }
  .contact .contain h4 {
    margin-bottom: 3.2rem;
    font-size: 2.2rem;
  }
  .contact2 .title3 h3 {
    font-size: 2.8rem;
  }
  .contact2 ul {
    justify-content: space-between;
  }
  .contact2 ul li {
    width: 48.5%;
    margin-right: 0;
  }
  .contact2 ul li img {
    width: 4.2rem;
  }
  .contact2 ul li p {
    font-size: 1.6rem;
  }
  .contact2 ul li .ewm {
    width: 10rem;
  }
  .contact .contain p strong {
    font-size: 1.6rem;
  }
}
@media (max-width: 548px) {
  .contact .contain .right {
    height: 28rem;
  }
}
@media (max-width: 420px) {
  .contact .contain .right {
    height: 22rem;
  }
  .contact .contain h4 {
    font-size: 2rem;
  }
}
/* 联系页面 End*/

/* 新闻分类 Strat */
@media (max-width: 1520px) {
  .title h2 {
    font-size: 4.5rem;
  }
}
@media (max-width: 1200px) {
  .i_part4 .items ul {
    gap: 3.2rem 2rem;
  }
  .title .text {
    margin-top: 2.5rem;
    margin-bottom: 6rem;
  }
}
@media (max-width: 968px) {
  .title h2 {
    font-size: 3.2rem;
  }
  .i_part4 .items ul {
    gap: 2.4rem 1.5rem;
  }
}
@media (max-width: 678px) {
  .i_part4 .items ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 4.2rem 0;
  }
  .i_part4 .items ul li .bottom {
    opacity: 0.7;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  .i_part4 .items ul li .bottom::before {
    width: 100%;
  }
  .title .text {
    margin-top: 1rem;
    margin-bottom: 4.2rem;
  }
  .title h2 {
    font-size: 3rem;
  }
  .i_part4 .title .text p {
    font-size: 1.6rem;
  }
}
@media (max-width: 458px) {
  .title h2 {
    font-size: 2.8rem;
  }
}
/* 新闻分类 End*/

/* 产品中心 Strat */
@media (max-width: 1200px) {
  .proPage .title,
  .proPage .proNav {
    padding-left: 5%;
    padding-right: 5%;
  }
  .proPage .topBox .img {
    width: 63%;
  }
  .proPage .topBox .tit {
    width: 37%;
  }
  .proPage .topBox .num {
    font-size: 5.4rem;
  }
  .proPage .topBox h3 {
    font-size: 3.2rem;
  }
}
@media (max-width: 1080px) {
  .proPage .botBox {
    grid-template-columns: repeat(6, 1fr);
  }
  .proPage .topBox h3 {
    font-size: 2.4rem;
    margin-top: 5px;
  }
  .proPage .topBox .num {
    font-size: 4.2rem;
  }
  .proPage .proNav ul {
    gap: 1.5rem 1.5rem;
  }
}
@media (max-width: 948px) {
  .proPage .botBox {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width: 796px) {
  .proPage .botBox {
    grid-template-columns: repeat(4, 1fr);
  }
  .proPage .topBox h3 {
    font-size: 2rem;
  }
  .proPage .topBox .num {
    font-size: 3.2rem;
  }
  .proPage .proNav {
    margin-top: 2.4rem;
  }
  .proPage .proNav ul {
    gap: 1rem 0.8rem;
  }
  .proPage .items .item:first-of-type {
    padding-top: 5%;
  }
}
@media (max-width: 568px) {
  .proPage .botBox {
    grid-template-columns: repeat(3, 1fr);
  }
  .proPage .botBox {
    gap: 1.8rem 1.5rem;
  }
  .proPage .botBox a h3 {
    margin-top: 5px;
  }
  .proPage .topBox h3 {
    font-size: 1.6rem;
    font-weight: normal;
  }
  .proPage .topBox .num {
    font-size: 2rem;
  }
  .proPage .proNav ul li a {
    font-size: 1.3rem;
    padding: 0.7rem 1rem;
  }
  .proPage .botBox a h3 {
    font-size: 1.4rem;
  }
  .proPage .proNav {
    margin-top: 1rem;
  }
}
/* 产品中心 End*/

/* 产品详情 Strat */
@media (max-width: 1520px) {
  .prodPage .titBox,
  .prodPage .itroBox {
    padding-left: 15%;
    padding-right: 15%;
  }
}
@media (max-width: 1200px) {
  .prodPage .titBox,
  .prodPage .itroBox {
    padding-left: 10%;
    padding-right: 10%;
  }
  .prodPage .titBox .tit a {
    font-size: 2rem;
  }
  .prodPage .titBox .tit h2 {
    font-size: 3.2rem;
  }
}
@media (max-width: 968px) {
  .prodPage .titBox,
  .prodPage .itroBox {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media (max-width: 768px) {
  .prodPage .titBox .tit a {
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
  }
  .prodPage .titBox .tit h2 {
    font-size: 2.4rem;
  }
}
@media (max-width: 529px) {
  .prodPage .titBox .img {
    width: 36%;
  }
  .prodPage .titBox .tit {
    width: 60%;
  }
  .prodPage .titBox .tit a {
    font-size: 1.6rem;
    margin-bottom: 1.2rem;
  }
  .prodPage .titBox .tit h2 {
    font-size: 2rem;
  }
}
/* 产品详情 End*/

/* 品牌中心 Strat */
@media (max-width: 1080px) {
  .about2 ul li img {
    width: 54px;
    height: 54px;
    padding: 8px;
  }
  .about2 ul li h3 {
    font-size: 2.4rem;
  }
  .about2 ul li h4 {
    font-size: 1.6rem;
  }
  .about2 ul li {
    padding: 10% 2%;
  }
  .about4 .gallery-top h3 {
    font-size: 7rem;
  }
}
@media (max-width: 968px) {
  .about .left {
    width: 100%;
    margin-bottom: 2.4rem;
  }
  .about .right {
    width: 100%;
  }
  .about .bar {
    flex-wrap: wrap;
  }
  .about2 ul {
    flex-wrap: wrap;
  }
  .about2 ul li {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  .about2 {
    background: none !important;
  }
  .about2 ul li {
    padding: 5%;
  }
  .about2 ul li img {
    margin-bottom: 2.8rem;
  }
  .about2 ul li h4 {
    margin: 1.5rem 0 3.5rem;
  }
  .about2 ul li h3 {
    font-size: 2rem;
  }
  .about4 .gallery-top .swiper-slide {
    flex-wrap: wrap;
  }
  .about4 .gallery-top .ll {
    width: 100%;
  }
  .about4 .gallery-top .rr {
    width: 100%;
    text-align: center;
    margin-top: 3.2rem;
    margin-bottom: 2rem;
  }
  .about4 .gallery-top h3 {
    font-size: 3.2rem;
  }
  .about4 .gallery-thumbs .swiper-slide::before {
    width: 14px;
    height: 14px;
    border-width: 3px;
    bottom: -20px;
  }
  .about4 .gallery-thumbs .swiper-slide {
    font-size: 1.6rem;
  }
  .title3 h3 {
    font-size: 3.2rem;
  }
  .about h6 strong {
    font-size: 3.2rem;
  }
}
@media (max-width: 858px) {
  .title3 h3 {
    font-size: 2.8rem;
  }
  .about h6 strong {
    font-size: 2.8rem;
  }
  .about3 ul li {
    width: 100%;
  }
  .about3 ul li .img {
    width: 20%;
  }
  .about4 .gallery-top h3 {
    font-size: 3.2rem;
  }
  .about h6 strong {
    margin-bottom: 1rem;
  }
  .about h6 {
    font-size: 1.6rem;
    line-height: 2;
  }
  .about4 .gallery-top .rr {
    margin-top: 2rem;
  }
  .about3 ul li p {
    width: 100% !important;
  }
}
@media (max-width: 768px) {
  .about4 .gallery-top .rr {
    margin-bottom: 0;
  }
}
@media (max-width: 528px) {
  .title3 h3 {
    font-size: 2.6rem;
  }
  .about h6 strong {
    font-size: 2.6rem;
  }
  .about4 .gallery-thumbs .swiper-slide {
    font-size: 1.4rem;
  }
  .about4 .gallery-top .rr {
    margin-top: 1.2rem;
  }
  .about h6 {
    font-size: 1.5rem;
  }
}
/* 品牌中心 End*/

/* 首页 Strat */
@media (max-width: 1520px) {
  .home .i_part2 .items .item .txtBox {
    left: 5%;
  }
  .home .i_part2 .items .item .txtBox h2 {
    font-size: 3.2rem;
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 1200px) {
  .home .i_part1 {
    padding-left: 5%;
  }
  .home .i_part1 .txtBox .tit p {
    font-size: 6rem;
  }
  .home .i_part1 .txtBox .itro p {
    font-size: 2.4rem;
  }
}
@media (max-width: 1080px) {
  .banner .swiper .videoBox {
    display: none;
  }
  .banner .swiper .imgBox {
    display: none;
  }
  .banner .swiper .mobileImg {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
  }
  .banner .swiper .mobileImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media (max-width: 968px) {
  .home .i_part2 .items .item .txtBox h2 {
    font-size: 2.8rem;
  }
  .home .i_part1 .txtBox .tit strong {
    font-size: 3.2rem;
  }
  .home .i_part1 .txtBox .tit p {
    font-size: 5rem;
    display: flex;
    align-items: center;
  }
  .home .i_part1 .txtBox .tit strong {
    margin-right: 1.5rem;
  }
  .home .i_part1 .txtBox .itro p {
    font-size: 2rem;
  }
  .home .i_part1 .box::before {
    width: 3.2rem;
    height: 3px;
    display: none;
  }
  .home .i_part2 .items {
    flex-wrap: wrap;
    height: auto;
  }
  .home .i_part2 .items .item {
    width: 50%;
  }
  .home .i_part2 .items .item .txtBox {
    opacity: 1;
    transform: translateY(-20px);
  }
  .home .i_part1 .txtBox {
    width: 100%;
  }
  .home .i_part1 .videoBox {
    width: 100%;
  }
  .home .i_part1 .box {
    flex-wrap: wrap;
  }
  .home .i_part1 .videoBox .rr {
    display: none;
  }
  .home .i_part1 .videoBox .ll {
    width: 100%;
  }
  .home .i_part1 {
    padding-right: 5%;
  }
  .home .i_part1 .txtBox .itro {
    margin-top: 1rem;
    margin-bottom: 2.4rem;
  }
  .home .i_part1 .txtBox .itro p {
    font-size: 1.8rem;
  }
  .home .i_part1 .txtBox .itro p br {
    display: none;
  }
  .home .i_part2 {
    padding-top: 0;
  }
  .home .i_part2 .items .item .txtBox {
    bottom: 0;
  }
  .home .i_part2 .items .item .txtBox h2 {
    margin-bottom: 1rem;
  }
}
@media (max-width: 678px) {
  .home .i_part4 .items ul li {
    display: none;
  }
  .home .i_part4 .items ul li:first-of-type {
    display: block;
  }
  .home .i_part1 .txtBox .tit strong {
    font-size: 2.8rem;
  }
  .home .i_part1 .txtBox .tit p {
    font-size: 2.8rem;
  }
  .home .i_part2 .items .item .txtBox h2 {
    font-size: 2rem;
  }
  .font18 p {
    font-size: 1.6rem;
  }
  .i_part4 .more {
    top: -2.8rem;
  }
  .home .i_part1 .txtBox .itro p {
    font-size: 1.6rem;
  }
  .i_part4 .items ul li .bottom h4{
    font-size: 1.8rem;
  }
}

@media (max-width: 468px) {
  .home .i_part2 .items .item {
    width: 100%;
  }
  .home .i_part1 .txtBox .tit strong {
    font-size: 2.4rem !important;
  }
  .home .i_part3 .title .text,
  .home .i_part4 .title .text {
    display: none;
  }
  .home .i_part3 .title,
  .home .i_part4 .title {
    margin-bottom: 2.4rem;
  }
  .home .i_part1 .v_btn {
    width: 3.2rem;
    height: 3.2rem;
  }
  .home .i_part1 .v_btn img {
    padding: 1rem;
  }
}

/* 首页 End*/

/* 英文 Strat */
.footer .boxs .right {
  gap: 0 10px;
}
@media (max-width: 1520px) {
  html[lang="cn"] .home .i_part1 .txtBox .itro p {
    font-size: 2.4rem;
  }
  html[lang="cn"] .home .i_part1 {
    padding-left: 5%;
  }
  html[lang="cn"] .w100p10 {
    padding-left: 5%;
    padding-right: 5%;
  }
  html[lang="cn"] .w_all {
    width: 90%;
  }
}
@media (max-width: 1080px) {
  html[lang="cn"] .home .i_part1 .txtBox {
    width: 100%;
  }
  html[lang="cn"] .home .i_part1 .videoBox {
    width: 100%;
  }
  html[lang="cn"] .home .i_part1 .box {
    flex-wrap: wrap;
  }
  html[lang="cn"] .home .i_part1 .videoBox .rr {
    display: none;
  }
  html[lang="cn"] .home .i_part1 .videoBox .ll {
    width: 100%;
  }
  html[lang="cn"] .home .i_part1 .txtBox .tit strong {
    font-size: 3.2rem;
  }
  html[lang="cn"] .home .i_part1 .txtBox .tit p {
    font-size: 5rem;
    display: flex;
    align-items: center;
  }
  html[lang="cn"] .home .i_part1 .txtBox .tit strong {
    margin-right: 1.5rem;
  }
  html[lang="cn"] .home .i_part1 .txtBox .itro p {
    font-size: 2rem;
  }
  html[lang="cn"] .home .i_part1 .box::before {
    width: 3.2rem;
    height: 3px;
    display: none;
  }
  html[lang="cn"] .home .i_part1 .txtBox .itro {
    margin-top: 1rem;
    margin-bottom: 2.4rem;
  }
  html[lang="cn"] .home .i_part1 .txtBox .itro p {
    font-size: 1.8rem;
  }
  html[lang="cn"] .home .i_part1 .txtBox .itro p br {
    display: none;
  }
  html[lang="cn"] .home .i_part1 {
    padding-right: 5%;
  }
  html[lang="cn"] .home .i_part2 {
    padding-top: 0;
  }
}

@media (max-width: 678px) {
  html[lang="cn"] .home .i_part1 .txtBox .tit strong {
    font-size: 2.8rem;
    margin-right: 0.8rem;
  }
  html[lang="cn"] .home .i_part1 .txtBox .tit p {
    font-size: 2.8rem;
  }
  html[lang="cn"] header .s_menu2 .ss2 dl dd{
    letter-spacing: 0;
  }
  html[lang="cn"] header .s_menu2 .ss2 dl dt{
    letter-spacing: 0;
  }
}
@media (max-width: 598px) {
  html[lang="cn"] .prodPage .titBox .img {
    width: 80%;
    margin: 0 auto;
  }
  html[lang="cn"] .prodPage .titBox .tit {
    width: 100%;
  }
  html[lang="cn"] .prodPage .titBox {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}
@media (max-width: 798px){
  .banner{
    height: auto;
  }
  html[lang="cn"] .footer .boxs .right{
    display: none;
  }
  html[lang="cn"] .footer .boxs .left{
    margin-bottom: 20px;
  }
  html[lang="cn"] .footer .bottom p{
    text-align: center;
  }
}
/* 英文 End*/
