/* 响应式 */
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1600px) and (max-width:1800px){html{font-size:15px;}}
@media (min-width:1400px) and (max-width:1599px){html{font-size:14px;}}
@media (min-width:1200px) and (max-width:1399px){html{font-size:13px;}}
@media (min-width:640px) and (max-width:1199px){html{font-size:13px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:14px;}}
@media (max-width:328px){html{font-size:14px;}}

/* 手机端下拉 */
.wap-click {display: none; cursor: pointer; margin-left: 2rem;}
.wap-click span { width: 34px; height: 2px; background: #333; display: block;  margin: 10px auto; transition: all 277ms ease-in-out;  position: relative;}
.wap-click span:nth-child(2) {width: 28px;}
.active span.cl-1 { transform: rotate(-45deg);  top: 12px;}
.active span.cl-2 { opacity: 0;}
.active span.cl-3 { transform: rotate(45deg); top: -12px;}

.hadNav2 {position: absolute;left: 0; top: 100%; z-index: 999;width: 100%; height: 100vh; background-color: #fff; display: none;}
.hadNav2 .nav2Box {width: 92%; margin: auto;     height: calc(100% - 5.5rem); }
.wrapNav {height: calc(100% - 5.5rem); margin-bottom: 10px; overflow-x: hidden;overflow-y: auto;}
.wrapNav > li {padding: 1rem 0; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.wrapNav > li > a {display: flex; justify-content: space-between; align-items: center;}
.wrapNav > li > a > span {font-size: 1.3rem;color: #333; display: block; }
.wrapNav > li:hover > a > span {color: #e60012;}
.wrapNav > li > a > i {transition: .5s;}
.wrapNav > li > a > i svg { width: 9px; height: 100%;color:#888}
.wrapNav > li.active > a > i {transform: rotateX(180deg);}

.wrapNav2 {padding:5px 10px; padding-right: 0;display: none;}
.wrapNav2 > li {margin-top: 0.5rem; }
.wrapNav2 > li > a > span {font-size:1.1rem;color: #333; display: block;margin-top: 0.5rem;}
.wrapNav2 > li:hover > a > span {color: #e60012;}
.wrapNav2 > li > a {display: flex; justify-content: space-between; align-items: center;}
.wrapNav2 > li > a > i { width: 40px; height: 25px; display: flex;align-items: center;flex-shrink: 0; justify-content: center; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; position: relative;}
.wrapNav2 > li > a i:after, .wrapNav2 > li > a i:before { content: "";display: block;width: 14px;height: 2px;position: absolute;top: 50%;left: 90%; margin-left: -13px; background-color: #333;}
.wrapNav2 > li > a i:before {transform: rotate(90deg);}
.wrapNav2 > li.active > a i:before { opacity: 0;}

.wrapNav3 {padding:5px 10px; padding-right: 0; display: none;}
.wrapNav3 > li {margin-top: 0.5rem;}
.wrapNav3 > li > a {font-size: 1.1rem;color: #333; display: block;}
.wrapNav3 > li:hover > a {color: #e60012;}

.wrapSearch {width: 100%; background: #f0f0f0; height: 3rem; position: relative;}
.wrapSearch form {height: 100%;}
.wrapSearch input {width: 92%; background: none; outline: none; border: none;  height: 100%; padding-left: 1rem; font-size: 1rem; color: #333; box-sizing: border-box;}
.wrapSearch img {position: absolute;  left: 95%; top: 50%; transform: translate(-50%, -50%) }

@media screen and (min-width: 200px) and (max-width: 1800px) {
    /* 首页 */
    .indexOne .box .swiperBox {    width: calc(50vw + 230px);}
}
/* ======================================================1700px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1700px) {
  
}

/* ======================================================1650px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1650px) {
    .swiperbox .containerBox {width: 92%;}
    .prodeSwiper {width: 92%;}

}

/* ======================================================1550px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1550px) {
    .about-three .container {width: 92%;}
    .three-swiper1 , .three-swiper2 {width: 92%;}
    .aboutFour .container {width: 92%;}
    .aboutFourSwiper {width: 92%;}

}

/* ======================================================1500px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1500px) {
    /* 头部 */
    .search-wrapper.active .input-holder {width: 400px;}
  
}
/* ======================================================1450px========================================================= */

@media screen and (min-width: 200px) and (max-width: 1450px) {
   /* 头部 */

 

}

@media screen and (min-width: 200px) and (max-width: 1400px)  {
    /* 头部 */
   .search-wrapper.active .input-holder {width: 200px;}
   .search-wrapper.active .input-holder .search-icon {    width: 30px;height: 30px;    left: 90%;}
   .search-wrapper.active {left: -35%;}

   /* 首页 */
   /* .indexThree .box .swiperBox {width: calc(50vw + 200px);} */
}

@media screen and (min-width: 200px) and (max-width: 1350px) {
    /* 首页 */
    .indexThree .box .swiperBox {    width: calc(50vw + 290px);}
}


/* ======================================================1300px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1400px) {
    /* 资质证书 */
    .actualList ul {    grid-template-columns: repeat(3,1fr);}

}
@media screen and (min-width:1000px) and (max-width: 1450px) {
	
		/* .container13,.ny-news-xq{max-width: 92%;padding:0 40px;} */
}
/* ======================================================1250px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1250px) {
  

}


/* ======================================================1200px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1200px) {
    /* 头部 */
    nav ul {display: none;}
    .header .box ul {display: none;}
    .search-wrapper {display: none;}
    .headerBox .box .he-re .conUS {margin-left: 0;}
    .wap-click {display: block;}
    .nav {margin-top: 1rem;} 

    /* 首页 */
    .indexOne .le {margin-right: 0;}
    .indexOne .box .swiperBox {width: calc(42vw + 230px);}
    .indexThree .box .swiperBox {width: calc(42vw + 230px);}

    /* 产品中心 */
    .proCenList ul {    grid-template-columns: repeat(3,1fr);}


} 

/* ======================================================1050px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1050px) {
   
    /* 首页 */
    .inTwoSlide .bd li {    height: 35rem;}
    .inTwoSlide .bd li > img {    height: 100%; object-fit: cover;}
	.ny-news-xq{width: 93%;}
}



/* ======================================================1000px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1000px) {
   /* 首页 */
   .indexOne .indexTle {text-align: left;width: 100%;}
   .indexOne .box {flex-wrap: wrap; width: 100%; justify-content: flex-start;}
   .indexOne .le {margin: 3rem auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; width:92%; text-align: center;}
   .indexOne .box .swiperBox {width: calc(85vw + 230px);}

   .indexThree .box {flex-wrap: wrap; width: 100%; justify-content: flex-start;}
   .indexThree .box .le {margin-bottom: 3rem; margin-right: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; text-align: center;}
   .indexThree .indexTle {margin-bottom: 2rem;}
   .indexThree .box .swiperBox {width: 100%; position: relative; padding-bottom: 3rem;}
   .inThSwiper {width:92%; margin: auto;}
   .inThSwiper .swiper-pagination {width: 100%; bottom: 0;}
	.indexOne .le p{font-size: 1.2rem;display: inline;}
   /* 关于我们 */
   .aboutOne .box .le {width: 53%;}

   .aboutTwo ul li {padding: 2rem 1rem 5rem 1rem;}
   .aboutTwo ul li dl dd {margin-top: 2rem;}
   .aboutTwo ul li:hover dl {height: 42%;}

   /* 新闻中心 */
   .newInSwiper img {height: 21rem; object-fit: cover;}

   /* 发展历程 */
   .swiperBox2 {max-width: 98%;}
   .hismySwiper2 {max-width: 80%;}
   .hismySwiper .swiper-slide-thumb-active::after {left: 63%;}
   .navfixed .nav{    margin-top:0}
   .navfixed .headerBox .box .he-le .logo img{    max-width: 60%;}
}


/* ======================================================900px========================================================= */
@media screen and (min-width: 200px) and (max-width: 900px) {
    /* 首页 */
    .inTwoSlide .hd {padding: 1.5rem;}

    /* 底部 */
    .foterNav dd > a {padding-right: 3rem;}
    
}



/* ======================================================手机端========================================================= */
@media screen and (min-width: 200px) and (max-width: 768px) {
 /* 头部 */
 .headerBox .box .he-le .logo img {max-width: 50%;}

 /* 首页 */
 .video-hide {width: 90%; padding-top: 10px;}
 .bannerSwiper .swiper-slide small {font-size: 1.5rem;}
 .bannerSwiper .swiper-slide strong {font-size: 2.5rem;}

 .bannerSwiper {height: 60vh;}
 .banner::after, .banner::before {    width: 30%;  height: 35%;     transform: skewX(-140deg) translateY(0); }
 @keyframes topKvAnim1 { 0% { transform: skewX(-140deg) translateY(-100%); } 100% {transform: skewX(-140deg) translateY(0); } }
 @keyframes topKvAnim2 {0% { transform: skewX(-140deg) translateY(100%); } 100% {transform: skewX(-140deg) translateY(0); } }


 .inTwoSlide {flex-wrap: wrap;}
 .inTwoSlide .hd em {margin-bottom: 1rem;}
 .inTwoSlide .hd ul {display: flex; flex-wrap: wrap;justify-content: space-between;}
 .inTwoSlide .hd ul li {width: 48%;}
 .inTwoSlide .hd , .inTwoSlide .bd {width: 100%;}
 .inTwoSlide .bd li {height: auto;}
 .inTwoSlide .bd li .con {left: 5%;}

 .indexThree {padding: 3rem 0;}
 .inThSwiper .swiper-slide .imgBox{height:18.75rem;overflow: hidden;}

 /* 底部 */
 .foterNav {flex-wrap: wrap; justify-content: space-between; padding: 3rem 0;}
 .foterNav dl {width:100%; margin-top: 1rem;}
 .foterNav dd > a {padding-right: 0;}
 .foterNav dt {padding-left: 0;    margin-bottom: 0;font-size: 1.4rem;}
 .foterNav dl:last-child dd {padding-right: 0;}
 .foterNav dd li a {padding: 0.4rem 0;}
 .foterNav dd > a {padding-left: 0;}
 .foterNav dd, .foterNav dd > a {font-size:1rem;}

 /* 关于我们 */
 .ny-banner .box strong {font-size: 2.25rem;}
 .bannerNav ul {flex-wrap: wrap; justify-content: center;}
 .bannerNav ul li a {margin-right: 1rem;}

 .aboutOne .box {flex-wrap: wrap;}
 .aboutOne .box .le ,.aboutOne .box .re{width: 100%;}
 .aboutOne .box .imgTle h4 {font-size: 1.5rem;}
 .aboutOne .box .reMore {opacity: 1; bottom: -6rem;}
 .aboutOne .box .imgBox img {width: 100%;}
 .aboutOne .box .reMore img {width: auto;}

 .aboutTwo ul {flex-wrap: wrap; height: auto;}
 /* .aboutTwo ul li:hover .conTle {justify-content: space-between; flex-direction: initial; text-align: left;}
 .aboutTwo ul li:hover .conTle img {order: initial; margin-bottom: 0;} */

 .aboutTwo ul li {width: 100%; border: none; border-bottom: 1px solid rgba(255, 255, 255,.38);}
 /* .aboutTwo ul li dl {height: auto; visibility: visible; display: flex; justify-content: center;} */

 .aboutTwo ul li .conTle {justify-content: center;    flex-direction: column;}
 .aboutTwo ul li:hover .conTle img {order: 0;}
 .aboutTwo ul li:hover .conTle img {margin-bottom: 0;}
 .aboutTwo ul li::after {display: none;}
 .aboutTwo ul li .conTle .info {text-align: center; margin-bottom: 2rem;}

 .aboutTwo ul li dl {display: none;}
 .aboutTwo ul li dl dd {margin-right: 2rem;}
 .aboutTwo ul li dl dd:last-child {margin-right: 0; margin-bottom: 2rem;}

 .aboutTwo ul li:hover dl {height: auto; text-align: center;}
 .aboutTwo ul li dl dd span {margin-top: 0.5rem; display: block;}

 /* 资质证书 */
 .publicTtle {padding-top: 1rem; padding-bottom: 3rem;}
 .actualList ul {    grid-template-columns: repeat(2,1fr);}

  /* 新闻中心 */
  .newsinfo .box {flex-wrap: wrap;}
  .newInSwiper {width: 100%;}
  .newInSwiper img {height: auto;}
  .newsinfo .box .con {width: 100%; padding: 3%;}
  .newInSwiper .swiper-pagination {bottom: 3%;}

  /* 新闻中心 */
  .newsList ul li {width: 100%;}
  .newsList ul li:nth-child(2n) { border: 0.06rem solid #eeeeee;}

  /* 发展历程 */
  .historyOne .publicTtle {padding-top: 3rem;}

  /* 底部 */
  #mlang {width: 130px;}
  #mlang a {padding: 10px 10px 10px;}
  #mlang ul {padding: 30px 15px 10px;}
  #mlang ul a {padding: 5px 0 5px;}

  /* 发展历程 */
  .swiperBox2 {margin: 4rem 0;}
  .hismySwiper2 .swiper-slide {flex-wrap: wrap;}
  .hismySwiper2 .le ,.hismySwiper2 .re {width: 100%; height: auto;}
  .hismySwiper2 .re { width: 90%; margin: auto;margin-top: 3rem;}
  .hismySwiper2 .swiper-button-next ,.hismySwiper2 .swiper-button-prev{width: 3.25rem;height: 3.25rem;}
  .hismySwiper2 .swiper-button-next img ,.hismySwiper2 .swiper-button-prev img {width: 50%;}

  /* 产品中心 */
  .proCenList ul {grid-template-columns: repeat(2,1fr);}

  /* 联系我们 */
  .contactUs .tle P {width: 100%;}
  .contactUsOne  .publicTtle {padding-top: 2rem;}
  .contactUsOne {margin-bottom: 2rem;}
  .contactUsOne ul {flex-wrap: wrap;}
  .contactUsOne ul li {width: 100%; margin-bottom: 2rem; padding: 2rem;}
  
  .applicationList{display: none;}
  .ny-banner .tle span{font-size: 0.9rem;}

  /* 车身材料及解决方案 */
  .proCsList .csList li {width: 48%;}
  .proCsList .csList::after {width:48%;}
  .appliList li {width: 100%;}

  
}


@media screen and (min-width: 200px) and (max-width: 640px) {
    /* 应用领域 */
    .applicationList ul li {width: 100%;}

    .page-fy .re {display: flex;justify-content: center;width: 100%; margin-top: 2rem; }

    /* 产品详情 */
    .nyXq {padding-bottom: 4rem;}
    .nyXq .tle h3 {font-size: 2rem;}
    .nyXq .con {padding: 2rem;}
    .nyXq .con h4 {font-size: 1.8rem; margin-bottom: 2rem;}
    .nyXq .con .info {gap: 3rem; margin-bottom: 3rem;}
    .nyXq .con .info .le {width: 100%; height: auto;}
    .nyXq .con .info .le img {width: 100%;}
    .fanhui a {width: 140px; height: 40px; line-height: 40px;}
	.inThSwiper .swiper-button-next{display: none;}
}


@media screen and (min-width: 200px) and (max-width: 500px) {
 /* 头部 */
 .zwys {height: 5rem;}
 .headerBox .box {height: 5rem;}
  .headerBox .box .he-le .logo img {max-width: 50%;}

 /* 首页 */
 .bannerSwiper .swiper-slide small {font-size: 1.2rem;}
 .bannerSwiper .swiper-slide strong {font-size: 1.8rem;}
 .indexOne {padding:0 0 3rem 0}
 .indexTle strong {font-size: 2rem;}
 .indexOne .le .leCon {margin: 1.5rem 0;    width: 100%;text-align: left;}
 .indexTle strong {font-size: 1.9rem;text-align: left;}
 .indexTle small{font-size: 1.2rem;text-align: left;}
 .inTwoSlide .bd li .con h5 {font-size: 1.3rem;}
 .inTwoSlide .bd li .con a {    width: 7.38rem;   height: 2.13rem;}
.inThSwiper .swiper-button-next{display: none;}
 .indexTwo {padding-bottom: 3rem;}

 .indexThree {padding-top: 0;}

 .copyRight .fbt-left {margin-bottom: 1rem;}

 .indexOne .box {margin-left: 0;}
 .indexOne .box .inOneSwiper {padding-bottom: 2rem;}
 .inOneSwiper .swiper-pagination {display: block;}
 .indexOne .box .swiperBox {width: 92%; margin: auto;}
 .inOneSwiper .swiper-wrapper {padding: 0; }

 /* 内页banner */
 .ny-banner {height: 25rem;}
 .ny-banner .box {position: relative;top: 0;}
 .ny-banner .box strong {font-size: 1.5rem;}
 .bannerNav {display: none;}

 /* 关于我们 */
 .aboutOne .box .le p {margin-top: 1rem;}
 .aboutOne .box .le .tle {font-size: 1.5rem; margin-bottom: 2rem;}
 .aboutOne .box .imgTle h3 {font-size: 1.5rem;}
 .aboutOne .box .imgTle h4 {font-size: 1.3rem;}
 .aboutOne .box .reMore {bottom: -4rem;    height: 4.13rem;}

 .aboutOne .box .re {margin-top: 2rem;}
 .aboutOne .box .re dl {margin-top: 5rem;}
 .aboutOne .box .re dl dd strong {font-size: 2rem;}
 .aboutOne .box .re dl dd abbr {font-size: 2rem;}

 .aboutTwo .tle h3 {font-size: 2rem;}
 .aboutTwo .tle h4 {font-size: 1.8rem;}
 .aboutTwo ul li .conTle strong {font-size: 1.5rem;}
 .aboutTwo ul li .conTle i {margin-top: 1rem;}
 .aboutTwo ul li dl dd h4 {font-size: 1.2rem;}

 /* 资质证书 */
 .ny-banner .tle {position: relative; top: 0;}
 .ny-banner .tle strong {font-size: 2rem;}
 .publicTtle strong {font-size: 1.8rem;}
 .publicTtle small {font-size: 1.25rem; margin: 0.5rem;}
 .actualList ul {    gap: 1rem;}
  
 /* 应用领域 */
 .applicationList {margin: 3rem 0;}
 .applicationList ul li {}
 .applicationList ul li h5 {font-size: 1.5rem;}

 /* 新闻中心 */
 .newsinfo {margin: 3rem 0;}
 .newsinfo .box .con h5 {font-size: 1.3rem;}
 .newsList ul li {padding: 1rem;}
 .newsList ul li .con {padding: 0.5rem 0;}
 .newsList ul li .con h6 {font-size: 1rem;}

 /* 新闻详情 */
 .position {    margin: 2rem 0;}
 .otherNews .title h3 {font-size: 2rem;}
 .otherNewsSwiper .swiper-slide {width: 50%;}
 .ny-news-xq .news-title h2 {font-size: 1.3rem;}

 /* 发展历程 */
 .hismySwiper .swiper-slide-thumb-active::after {left: 75%;}

 /* 产品中心 */
 .proCenList ul {    grid-template-columns: repeat(1,1fr);}

 /* 联系我们 */
 .contactUs .tle {top: 0;}
 .contactUs .tle P {font-size:1rem; line-height: 1.5rem;}
 .contactUsOne ul li dt {font-size: 1.2rem;}
 .contactUsOne ul li span {font-size: 1rem;}

  /* 车身材料及解决方案 */
  .proCsList .tle {text-align: center;}
  .proCsList .tle h3::after {width: 100%;}
  .proCsList .csList li {width: 100%;}

 .fy {padding: 30px 0;}
 .contactUs .tleCon{margin-top: 0;}
 .wapbanner h3{width: 70%;margin:2rem auto !important;}
 .wapbanner h2{font-size: 3.3rem;}

}

@media screen and (min-width: 200px) and (max-width: 450px) {    
   
}

@media screen and (min-width: 200px) and (max-width: 400px) {
    .headerBox .box .he-le .logo img {max-width: 60%;}


}