@import "font-awesome.css";
@import "/skin/iconfont/iconfont.css";
@import "michuan.css";
@import "animate.css";
@import "swiper.min.css";
*{box-sizing:border-box}
.wrap{width: 90%;max-width: 96%;margin:0 auto;}
.flex{display: flex;flex-wrap:wrap;justify-content:space-between}
.list.flex{justify-content:flex-start;}
.main{padding:60px 0;}
.img_filter a img{transition-duration:.4s;}
.img_filter a:hover img,.img_filter.on a img{-webkit-filter: brightness(0) saturate(100%) invert(48%) sepia(13%) saturate(2677%) hue-rotate(84deg) brightness(95%) contrast(98%);filter: brightness(0) saturate(100%) invert(48%) sepia(13%) saturate(2677%) hue-rotate(84deg) brightness(95%) contrast(98%);}

.top_header{position: fixed;top:0;left:0;width:100%;z-index:99999999999;transition: 0.4s;}
.top{height:45px;transition: 0.4s;background: #1e1e1e;}
.top .wrap{align-items: center;height: 100%;}
.top .lang-box .lang a{display: flex;align-items: center;margin-right: 15px;}
.top .lang-box .lang a img{width: 32px;}
.top .lang-box .lang a:nth-child(3) img{max-width: 28px;}
.top .lang-box .lang a:nth-child(4) img{max-width: 26px;}
.top .lang-box .lang a span{font-size:13px;color:#f9f9f9;margin-left:7px;line-height: 1;transition: 0.4s;font-family: 'Arial';}
.top .lang-box .lang a:hover span{color:var(--on-color);}
.header{transition:.6s;height:70px;width:100%;background:#282828;z-index: 9999999;display:flex;align-items: center;}
.top_header.height{box-shadow:0 15px 30px rgba(0,82,162,.1);transform: translateY(-45px);}
.header .header-left{align-items: center;}
.header .menu{align-items: center;height: 100%;} 
.header .wrap{height: 100%;}
.header .header-left .logo{margin-right:40px;}
.header .header-left .logo img{transition: 0.5s;}
.header.height .header-left .logo img{transform: scale(0.8);}
.header .header-left .item{margin-right:55px;position: relative;height: 100%;}
.header .header-left .item h3 a{font-family: 'Arial';font-size:18px;position: relative;color: #fff;text-transform: uppercase;}
.header .header-left .item::after{content: '';width: 0;height: 6px;background: var(--on-color);position: absolute;bottom: 0;right: 0;transition: 0.4s ease;}
.header .header-left .item:hover::after,.header .header-left .item.on::after{width: 100%;right: auto;left: 0;}

.header .header-left .item:last-child{margin-right: 20px;}
.header .header-right {align-items: center;}
.header .header-right .book{width: 45px;height: 45px;border-radius: 50%;background: var(--bgcolor);display: flex;align-items: center;justify-content: center;margin-left: 25px;}
.header .item{display:flex;height:80px;align-items: center;}
.header .subs{z-index:999;transform: scaleY(0);transform-origin: top;transition:transform 0.3s ease;transition:.5s;position: fixed;top:145px;left:0;width:100%;background: rgba(255,255,255,1);box-shadow:0 15px 30px rgba(0,0,0,0.1);padding: 30px 0 40px 0;}
.header.height .subs{top: 115px;}
.header .subs .wraps{display:flex;flex-wrap: wrap;}
.header .subs .items{display: flex;flex-direction: column;align-items: center;width: calc((100% - 160px)/5);margin-right: 40px;margin-bottom: 35px;}
.header .subs .items .pic{border-radius: 6px;}
.header .subs .items img{transition: 0.5s;}
.header .subs .items:hover img{transform: scale(1.1);}
.header .subs .items:nth-child(5n){margin-right: 0;}
.header .subs .items span{font-size: 17px;margin-top: 20px;transition: 0.4s;}
.header .subs .items:hover span{color: var(--on-color);}
.header .header-right .item:hover .subs{transform: scaleY(1);}

.header .header-left .menu .sub {
  z-index: 2;
  /* display: none; */
  transform: scaleY(0) translateX(-50%);
  transform-origin: top;transition:transform 0.3s ease;
  position: absolute;
  top:100%;
  left: 50%;
  width: auto;
  background: rgba(255,255,255,1);
  color: #000 !important;
  border-radius: 0 0 5px 5px;
  box-shadow:0 15px 30px rgba(20,73,111,0.1);
}
.header .header-left .menu .item:hover .sub {transform: scaleY(1) translateX(-50%);}
.header .header-left .menu .sub .wraps {
  display: flex;
  flex-direction: column;
  padding: 5px 0 5px;
  width: 100%;
}
.header .header-left .menu .sub .p {
  width: 100%;
  height: 35px;
  display: flex;
  position: relative;
}
.header .header-left .menu .sub .p a {
  display: flex;
  width: 100%;
  align-items: center;
  height: 100%;
  transition-duration: 0.6s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  font-size: 17px;
  padding: 0 18px;
  transition: 0.6s;
  color: #000;
  font-family: 'Arial';
}
/* .header .header-left .menu .sub .p:hover{background-color: var(--on-color);} */
.header .header-left .menu .sub .p:hover > a {
  transform: translateX(5px);
  color: #fff;
}
.header .header-left .menu .sub .p:hover{background: var(--bgcolor);}
.info-f {
  margin-left: 35px;
}
.footer .info-f{margin-left: 0 !important;}
.info-f .ico {
  align-items: center;
}
.info-f .ico a {
  position: relative;
  color: #fff;
  margin-left: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1.5px solid #fff;
  opacity: 0.75;
  transition: 0.3s;
}
.footer .info-f .ico a{margin: 0 17px 10px 0;}
.footer .info-f .ico a:last-child{margin-right: 0;}
.info-f .ico a i{color: #fff;font-size: 18px;transition: 0.3s;}
.info-f .ico a:hover i{color: var(--on-color);}
.info-f .ico a:hover{border-color: var(--on-color);}
.search-div {
  width: 190px;
  height: 35px;
  box-sizing: border-box;
  background: #7a7a7a;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 7px;
  padding-left: 10px;
}
.search-div form{display: flex;align-items: center;width: 100%;justify-content: center;}
.search-div input {
  height: 30px;
  width: calc(83% - 25px);
  border: none;
  outline: none;
  font-size: 17px;
  background: #7a7a7a;
  font-family: 'Arial';
  color: #fff;
  padding-left: 5px;
}
.search-div input::placeholder{color: #fff;}
.search-div button i{font-size: 26px !important;color: #fff !important;transition: 0.3s;}
.search-div button {
  border: none;
  width: 17%;
  background: #7a7a7a;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.search-div button:hover i{color: var(--on-color) !important;}
.banner{margin-top: 115px;position: relative;}
.banner img{width: 100%;}
.banner .banner-txt{position: absolute;bottom: 120px;left: 170px;}
.banner .banner-txt h2{font-size: 66px;font-family: 'Arial';color: var(--bgcolor);text-transform: uppercase;}
.banner .banner-txt h3{font-size: 24px;font-family: 'Arial';max-width: 690px;color: #fff;}
.h_banner{position: relative !important;margin-top: 115px;overflow: hidden;}
.h_banner img{width: 100%;}
.h_banner .home_swi{height: 43.91vw !important;}
.h_banner .home_swi .swiper-slide{overflow: hidden;}
.h_banner .home_swi .h_b_box{position: relative;}

.swiper-button-next:after,.swiper-button-prev:after{content: ""}

.h_banner .home_swi .home_pag{right: 70px;}
  .home_swi .swiper-pagination .swiper-pagination-bullet{ opacity: 1; background-color: transparent; width: 25px;height: 25px;border-radius: 50%;margin: 20px 0 !important;transition: 0.5s;border: 2px solid #fff;}
  .home_swi .swiper-pagination .swiper-pagination-bullet-active{background-color: #fff;}
  .h_banner .home_swi .h_b_box .h_b_txt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
  }
  .h_banner .home_swi .h_b_box .h_b_txt .container {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 90px;
  }
.h_banner .home_swi .h_b_box .h_b_txt .container .p1{font-size: 50px;font-family: 'Arial';line-height: 1.1;text-transform: uppercase;z-index: 10; color: #fff;margin-top: 15px;}
.h_banner .home_swi .h_b_box .h_b_txt .container .p2{font-size: 35px;text-align: center;margin-top: 10px;font-family: 'Arial';line-height: 1.1;z-index: 10; color: #fff;text-align: center;}

.pro-swiper{margin-top: 60px !important;position: relative;}
.pro-swiper .txt{position: absolute;bottom: 35px;left: 0;width: 100%;text-align: center;color: #fff;z-index: 5;padding: 0 40px;align-items: center;}
.pro-swiper .txt h1{font-size: 28px;font-family: 'Arial';color: #fff;transition: 0.5s;}
.pro-swiper .pic{position: relative;}
.pro-swiper i{font-size: 50px;color: #fff;}
.pro-swiper .pic .i{transition: 0.5s;}
.pro-swiper .pic:hover .i{transform: translate(10px);}
.pro-swiper .pic:hover h1{transform: translate(-10px);}

.titles{text-align: center;}
.titles h1{font-size: 32px;font-family: 'Arial';line-height:1;text-transform: uppercase;}
.titles p{font-size: 18px;font-family: 'Arial';line-height:1.1;max-width: 70%;margin: 15px auto 0 auto;}

.index-prod{width: 100%;padding: 120px 0 110px;}
.index-prod .prod-top{align-items: center;}
.index-prod .prod-top h2{font-size: 40px;font-family: 'Arial';color: var(--on-color);}

.index-prod .prod-list a{font-size: 24px;font-family: 'Arial';margin-right: 45px;position: relative;margin-top: 25px;}
.index-prod .prod-list a:nth-child(1){color: var(--on-color);}
.index-prod .prod-list a i{position: absolute;left: 50%;transform: translate(-50%);bottom: -22px;opacity: 0;transition: 0.5s;}
.index-prod .prod-list a:nth-child(1) i{opacity: 1;}
.prod-swiper{overflow: visible;padding-bottom: 30px;width: 100%;display: none;padding-top: 60px;position: relative;}
.prod-swiper .swiper-slide .item .pic img{transition: 0.6s;width: auto;}
.prod-swiper .swiper-slide .item .pic{overflow: visible;position: relative;}
.prod-swiper .swiper-slide{opacity: 0.5;transition: 0.6s;}
.prod-swiper .swiper-slide .txts{opacity: 0;transform: translateY(30px);}
.prod-swiper .swiper-slide-active{opacity: 1;}
.prod-swiper .swiper-slide-active .txts{opacity: 1;transform: translateY(0);}
.prod-swiper .swiper-slide .item .txts{text-transform: uppercase;margin-top: 20px;transition: 0.6s;}
.prod-swiper .swiper-slide .item .txts h2{font-size: 25px;font-family: 'Arial';line-height: 1;color: #000;text-align: center;}
.prod-swiper .swiper-slide .item:hover .pic img{transform: scale(1);}
.prod-swiper .swiper-slide .item .pic{text-align: center;}
.prod-swiper .swiper-slide .item .pic h3{color: #eaeaea;font-size: 90px;position: absolute;left: 50%;transform: translate(-50%);top: 7%;font-family: 'Arial';white-space: nowrap;z-index: -1;text-transform: uppercase;opacity: 0.4;}
.prod-swiper .swiper-slide-active .item:hover .pic img{transform: scale(1.1);}
.prod-swiper .swiper-button-prev {
  left: 50px;
  top: 35%;
  font-size: 64px;
  color: #8e8e8e;width: 63px;height: 63px;border: 4px solid #8e8e8e;
  border-radius: 50%;
  transition: 0.5s;
}
.prod-swiper .swiper-button-next {
  right: 0;
  width: auto;
  top: 35%;
  font-size: 64px;
  color: #8e8e8e;
  color: #8e8e8e;width: 63px;height: 63px;border: 4px solid #8e8e8e;
  border-radius: 50%;
  transform: rotate(180deg);
  transition: 0.5s;
}
.prod-swiper .swiper-button-prev:hover,
.prod-swiper .swiper-button-next:hover {border-color: var(--on-color);background: var(--bgcolor);}
.prod-swiper .swiper-button-prev:hover img,
.prod-swiper .swiper-button-next:hover img{filter: brightness(0) invert(1);}
.pro_list{padding: 70px 0 60px;}
.pro_list .list{margin-top: 100px;}
.index-back{background: url("/skin/images/index-back_02.jpg") no-repeat center center / cover;padding: 240px 0 185px;margin-top: 60px;background-attachment: fixed;}
.index-back .texts{text-align: center;}
.index-back .texts h1{font-size: 32px;font-family: 'Arial';text-transform: uppercase;color: #fff;}
.index-back .texts p{font-size: 17.32px;font-family: 'Arial';color: #fff;max-width: 1050px;margin: 0 auto;margin-top: 30px;line-height: 22px;}
.common .btns{height: 65px;font-size: 17px;border-radius: 4px;display: flex;align-items: center;justify-content: center;min-width: 210px;padding: 0 10px;z-index: 10;transition: 0.4s;font-family: 'Arial';background: var(--bgcolor);}
.btns span{line-height: 1;z-index: 9;transition: 0.5s;color: #fff;}
.index-back .btn_box{margin-top: 35px;display: flex;justify-content: center;}

.index-more{background: url("/skin/images/index-more_02.jpg") no-repeat center center / cover;padding: 280px 0 270px;margin-top: 60px;}
.index-more .texts{text-align: center;}
.index-more .texts h1{font-size: 32px;font-family: 'Arial';text-transform: uppercase;color: #fff;}
.index-more .texts p{font-size: 18px;font-family: 'Arial';color: #fff;max-width: 1200px;margin: 0 auto;margin-top: 50px;line-height: 28px;}
.index-more .btns{height: 60px;font-size: 20px;border-radius: 4px;display: flex;align-items: center;justify-content: center;min-width: 210px;padding: 0 10px;z-index: 10;transition: 0.4s;font-family: 'Arial';background: var(--bgcolor);color: #fff;}
.btns span{line-height: 1;z-index: 100;transition: 0.5s;}
.index-more .btn_box{margin-top: 65px;display: flex;justify-content: center;}
.index-more .btns:nth-child(1){background: #fff;margin-right: 40px;}
.index-more .btns:nth-child(1) span{color: var(--on-color);font-size: 18px;}
.index-more .btns:nth-child(1):hover span{color: #fff;}

.news-list{padding-bottom: 110px;}
.list-news .list{display: flex;justify-content: flex-start;flex-wrap: wrap;}
.list-news .list .item{width: calc((100% - 80px)/3);margin-right: 40px;background: #fff;margin-bottom: 90px;transition: 0.5s;position: relative;overflow: hidden;box-shadow: 0 10px 30px rgba(6, 0, 1, 0.07);}
.list-news .list .item:nth-child(3n){margin-right: 0;}
.list-news .list .item .date{font-size: 18px;margin-top: 25px;display: inline-block;}
.list-news .list .item .txt{padding: 25px 40px 30px 20px;}
.list-news .list .item h2{font-size: 24px;font-family: 'Arial';transition: 0.5s;line-height: 32px;}
.list-news .list .item h3{font-size: 18px;font-family: 'Arial';transition: 0.5s;margin-top: 15px;color: #363636;}
.list-news .list .item:hover h2{color: var(--on-color);}
.list-news .list .item p{font-size: 18px;margin-top: 20px;line-height: 24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-family: 'Arial';}
.list-news .list .item .btns{font-size: 18px;transition: 0.4s;font-family: 'Arial';margin-top: 35px;}
.list-news .list .item .btns span{line-height: 1;z-index: 9;transition: 0.5s;color: #363636;font-family: 'Arial';}
.list-news .btn_box{margin-top: 30px;}
.index-news .tit{font-size: 35px;font-family: 'Montserrat-Black';margin-bottom: 30px;}
.index-news{margin-top: 60px;}

.location{position: absolute;margin-top: 40px;left: 170px;bottom: 45px;}
.location .wrap{display:flex;align-items: center;height: 100%;justify-content: space-between;}
.location a{font-size: 20px;color: #fff;font-family: 'Arial';}
.location a:hover{color: var(--bgcolor);}
.location span{margin:0 5px;color: #fff;font-size: 20px;font-family: 'Arial';}

.footer-custom .custom{background: var(--bgcolor);color: #fff;padding: 40px 60px;align-items: center;}
.footer-custom .custom .custom-l h2{font-size: 30px;font-family: 'Arial';}
.footer-custom .custom .custom-l h3{font-size: 35px;font-family: 'Arial';margin-top: 5px;}
.footer-custom .custom .custom-r{display: flex;align-items: center;}
.footer-custom .custom .custom-r a{display: flex;align-items: center;font-size: 23px;font-family: 'Arial';color: #fff;}
.footer-custom .custom .custom-r a em{font-size: 34px;color: #fff;margin-left: 15px;font-weight: bold;line-height: 1;margin-top: 3px;}
.footer-custom .custom .custom-r .line{height: 73px;width: 2px;background: #fff;margin: 0 20px 0 30px;}
.footer .meslist{width: 100%;padding: 40px 0;border-bottom: 1px solid #575757;}
.footer .meslist .wrap{flex-wrap: nowrap;justify-content: space-between;align-items: center;}
.footer .meslist .txt h3{font-size: 20px;font-family: 'Arial';color: #fff;line-height: 1.4;margin-top: 20px;}
.footer .meslist .mes-des{font-size: 18px;color: #fff;font-family: 'Arial';margin: 0 15px;}
.footer .meslist .mes-des a{color: #fff;}
.footer .meslist .mes-des img{margin-bottom: 20px;}
.footer .meslist form{flex-wrap: nowrap;border-left: 1px solid #575757;padding: 20px 0 20px 40px;}
.footer .meslist .form-div{display: flex;justify-content: space-between;align-items: center;margin-bottom: 25px;}
/* .footer .meslist label{width: 100%;} */
.footer .meslist .mw
{font-size: 20px;width: 415px;height: 60px;padding-left: 20px;box-sizing: border-box;background: transparent;border-radius: 7px;border: 1px solid #575757;color: #fff;}
.footer .meslist .mw::placeholder{color: #fff;}
.footer .meslist #submit{transition: 0.4s ease; display: flex; height:60px;background-color: var(--bgcolor);border: none;align-items: center;justify-content: center;padding: 0 10px;position: relative;width: 200px;line-height: 1;cursor: pointer;border-radius: 5px;margin-left: 60px;gap: 20px;}
.footer .meslist #submit:hover{transform: scale(1.05);}
.footer .meslist #submit span{font-size: 16px;color: #fff;z-index: 2;transition: 0.5s;font-family: 'Arial';}
.footer .meslist #submit i{font-size: 25px;z-index: 2;color: #fff;transition: 0.5s;}
 .message #submit:hover{box-shadow: 10px 5px 20px rgba(216,23,6,0.2),-10px -5px 20px rgba(216,23,6,0.2),-10px -5px 20px rgba(216,23,6,0.2) inset;transform: scale(1.05);}
 /* .footer .meslist #submit:hover span{transform: translate(10px);color: var(--bgcolor);}
 .footer .meslist #submit:hover i{transform: translate(-10px);color: var(--bgcolor);} */

.footer{background:#282828;color:#fff;margin-top: 120px;border-top: 10px solid var(--bgcolor);}
.footer .dls{display: flex;flex-wrap: nowrap;justify-content: space-between;margin-top: 50px;}
.footer .dls .dl{margin-right: 30px;}
.dl .dl-title,.dl>dt a {
font-size: 23px;
color: #fff;
line-height: 1;
margin-bottom: 20px;
font-family: 'Arial';
text-transform: uppercase;
}
.footer .dls .dl:last-child{margin-right: 0;}
.dl .tel a{margin-right: 10px;}
.dl>p .iconx{width: 16px;margin-right: 10px;}
.dl>p .iconx img{width: 100%;}
.dl>p a{width: calc(100% - 30px);}
.dl>p,.dl>p a{color: #fff;line-height: 28px;font-family: 'Arial';font-size: 20px;opacity: 0.9;}
.dl>p{display: flex;max-width: 400px;margin-bottom: 10px;}
.dl .consbox{display: flex;white-space: nowrap;margin-right: 5px;font-family: 'Arial';}
.dl p:last-child .consbox{margin-right: 0;}
.dl .ems a{display: block;white-space: nowrap;}
.footer .dls .dl dd span{position: relative;display: inline-block;line-height: 40px;white-space: nowrap;font-size: 20px;color: #fff;font-family: 'Arial';opacity: 0.9;}
.footer .dls .dl dd span:hover::after{width: 100%;}
.footer .dls .dl dd span::after {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  background: rgba(255,255,255,.8);
  left: 0;
  bottom: 0;
  transition: all 0.5s ease;
  transform-origin: 50% 50%;
  z-index: -5;
}

.footer .bottom{padding:40px 0 50px;width: 100%;margin-top: 80px;border-top: 1px solid rgba(255,255,255,.5);}
.footer .bottom .flex{flex-wrap: wrap;justify-content: space-between;}
.footer .bottom br{display: none;}
.footer .bottom .py{margin-left: 40px;}
.footer .bottom .mc{margin-left: 50px;}
.footer .bottom p,.footer .bottom p a{font-size:16px;color: #fff;display: flex; align-items: center;}
.footer .bottom .ba{margin-left: 15px;}
.footer .bottom .ga img{margin: 0 5px 0 15px;}
.footer .codes{margin-top: 30px;}
.footer .codes .pic{max-width: 180px;padding: 6px;background: #fff;}
.footer .codes h1{margin-top: 35px;font-size: 18px;font-family: 'Arial';color: #fff;display: flex;align-items: center;}
.footer .codes h1 img{margin-right: 10px;}

.bn-list{
    display: flex;
    width: 100%;
    margin-right: 0;
    justify-content: space-between;
    margin-top: 70px;
  }
 .bn-list .libox{width: 23%;transition: 0.5s;border: 1px solid #cbcbcb;padding: 35px 10px 40px 10px;border-radius: 7px;overflow: hidden;position: relative;}
 .bn-list .libox::after{content: "";height: 6px;width: 0;position: absolute;left: 0;bottom: 0;background-color: var(--bgcolor);transition: 0.5s;}
 .bn-list .libox:hover::after{width: 100%;}
 .bn-list .libox:hover{border-color: var(--bgcolor);}
 .bn-list li {
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
    transition: 0.5s;
  }
  .bn-list li h2 .txt{
    font-size: 20px;
    position: absolute;
    top: 10px;
    right: -60px;
   }
   .bn-list li h2{position: relative;}
   .bn-list li h2 .txt>sup{
    font-size: 10px;
    position: absolute;
    top: 2px;
    left: 20px;
   }
   .bn-list li h2 .plus{
    font-size: 26.67px;
    font-family: 'Arial';
    display: inline-block;
    position: absolute;
    top: 0;
    right: -30px;
   }
   .bn-list li h2 .number {
    font-size: 67px;
    font-family: 'Arial';
    display: inline-block;
    transition: 0.5s;
  }
  .bn-list .libox:hover h2 .number{color: var(--bgcolor);}
 .bn-list li .des {
    font-size: 20px;
    line-height: 1;
    text-align: center;
    margin-top: 10px;
    opacity: 0.4;
  }

.pc-menu{transition-duration:.8s;overflow: hidden;position:sticky;top:0;left:0;z-index:9998;background:#fff;}
.pc-menu .menu-swiper{transition-duration:.4s;padding:60px 0 40px;border-bottom:1px solid #D2D4D5;overflow: hidden;}
.pc-menu.on .menu-swiper{padding:25px 0;}
.pc-menu.on2{top:130px !important;}
.pc-menu .menu-swiper .swiper-slide a{display:block;width:100%;text-align:center;}
.pc-menu .menu-swiper .swiper-slide a .p{padding-top:8px;}
.pc-menu .menu-swiper .swiper-slide a .p p{transition-duration:.4s;font-size:16px;}
.pc-menu .menu-swiper .swiper-slide.on a .p p{color:var(--on-color);}
.pc-menu .swiper-button-next,.pc-menu .swiper-button-prev{transition-duration:.4s;top:50%;transform: translateY(-50%);margin:0;width:30px;color:#fff;font-size:24px;height:30px;background:var(--color);border-radius:30px;}
.pc-menu .swiper-button-next::after,.pc-menu .swiper-button-prev::after{display:none;}
.pc-menu .swiper-button-next{right:40px;}
.pc-menu .swiper-button-prev{left:40px;}
.pc-menu .swiper-button-next:hover,.pc-menu .swiper-button-prev:hover{background-color: var(--on-color);}
.pc-menu.on{top:0;}

.list-news .content{padding-top:60px}
.list-news .content h1{font-size:24px;font-weight:bold;}
.list-news .content .time{font-size:16px;color:#373D42;margin:15px 0;}
.list-news .content .body{font-size:18px;line-height:24px;border-top:1px solid #DBDDDE;border-bottom:1px solid #DBDDDE;padding:50px 0;}
.list-news .content .body p{margin-bottom:20px}
.list-news .content .up-more{width:100%;padding:35px 0 70px;}
.list-news .content .up-more .up p,.list-news .content .up-more .up p a{font-size:16px;line-height:24px;}
.list-news .content .up-more .up p a:hover{color:var(--on-color);}
.list-news .content .up-more .mroe{width:118px;height:46px;border-radius:50px;background:var(--on-color);gap:10px;display:flex;align-items: center;justify-content: center;}
.list-news .content .up-more .mroe span{font-size:18px;color:#fff;}
.list-news .content .up-more .mroe:hover{background:#1E262B;}
.list-news .content .title{color:var(--color);font-size: 40px;font-family: 'Arial';margin-bottom: 35px;}
.index-news .list{margin-top: 50px;}

.list-video{padding: 90px 0 100px;}
.list-video .list .item{width: calc((100% - 90px) / 3);margin-right: 45px;margin-bottom: 75px;position: relative;overflow: hidden;transition: 0.5s;}
.list-video .list .item:nth-child(3n){margin-right: 0;}
.list-video .list .item .play{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.list-video .list .item h2{font-size: 19px;padding: 25px 5px;width: 100%;text-align: center;background: #fff;transition: 0.5s;font-family: 'Arial';}
.index-video .list{margin-top: 60px;}
.list-video .list .item:hover .pic>img{transform: scale(1.1);}
.list-video .list .item .pic{position: relative;overflow: hidden;border-radius: 7px 7px 0 0;}
.list-video .list .item .pic img{transition: 0.5s;width: 100%;}
.list-video .list .item:hover h2{background: var(--bgcolor);color: #fff;}
.list-video .list .item:hover{border-radius: 8px;}

.list-faq .title{margin-bottom:45px;color:var(--color)}
.list-faq .faq-list{padding-bottom:40px;}
.list-faq .faq-list .item{overflow: hidden;;margin-bottom:40px;}
.list-faq .faq-list .item .t{border-radius:8px 8px 0 0;display:flex;align-items: center;min-height:65px;padding:10px 30px;font-size:16px;background:var(--on-color);color:#fff;}
.list-faq .faq-list .item .p{border-radius:0 0 8px 8px;border:1px solid var(--on-color);padding:30px;font-size:16px;line-height:30px;color:var(--color);}
.list-faq .faq-list .item:last-child{margin:0;}
.list-faq .faq-list:last-child{padding:0;}

.two-columns .item{width:calc(50% - 40px);background:#fff;box-shadow:0 0 15px rgba(0,0,0,0.1);border-radius:12px;transition-duration:.4s;overflow: hidden;}
.two-columns .item .pic img{width:100%;border-radius:15px 15px 0 0;}
.two-columns .item .txt{padding:50px 30px;}
.two-columns .item .txt h3{font-size:30px;line-height:30px;color:var(--on-color);font-weight:bold;font-family: 'Saira-Bold';margin-bottom:15px;}
.two-columns .item .txt h4{font-size:16px;line-height:28px;color:var(--color);}
.two-columns .item .txt ul{padding-top:35px;}
.two-columns .item .txt ul li{margin-bottom:25px;padding-left:30px;position: relative;font-size:16px;line-height:20px;color:var(--color);}
.two-columns .item .txt ul li:last-child{margin-bottom:0;}
.two-columns .item .txt ul li::before{content:'';position:absolute;top:50%;left:5px;width:10px;height:10px;background:var(--on-color);;border-radius:50%;transform:translate(-50%,-50%);}

.list-customized .title{text-align:center;margin-bottom:60px;color:var(--color)}
.list-customized h1{margin-top:60px;}
.list-customized .hd{padding:100px 0 80px;text-align:center;}
.list-customized .hd h2{margin-bottom:15px;}
.list-customized .hd p{font-size:16px;line-height:28px;color:var(--color);}
.list-customized .bd{display:flex;flex-wrap:wrap;}
.list-customized .bd .item{transition-duration:.5s;position: relative;;box-shadow:0 0 15px rgba(0,0,0,0.1);width:calc(100% / 3 - 40px);margin:0 60px 100px 0;}
.list-customized .bd .item:nth-child(3n){margin-right:0;}
.list-customized .bd .item a{transition-duration:.5s;display:block;width:100%;height:100%;padding:120px 35px 35px 35px;border-radius:12px;background:#fff;}
.list-customized .bd .item .i{border:3px solid var(--on-color);;transition-duration:.5s;position: absolute;top:30px;left:50%;transform:translateX(-50%);display:flex;align-items: center;width:88px;height:88px;background:var(--on-color);border-radius:100%;display:flex;align-items: center;justify-content: center;}
.list-customized .bd .item .t{transition-duration:.3s;text-align:center;padding:24px 0 24px;border-bottom:1px solid #D2D4D5;}
.list-customized .bd .item .t h3{transition-duration:.3s;font-size:30px;font-weight:bold;line-height:30px;color:var(--on-color);;font-family: 'Saira-Bold';}
.list-customized .bd .item .p{transition-duration:.3s;}
.list-customized .bd .item .p h4{transition-duration:.3s;padding:29px 0 23px 0;font-size:24px;line-height:24px;color:#000000;}
.list-customized .bd .item .p p{transition-duration:.3s;font-size:16px;line-height:28px;color:var(--color);}
.list-customized .bd .item:hover a{background:var(--on-color);;padding:100px 35px 55px;}
.list-customized .bd .item:hover .i{width:120px;top:-60px;height:120px;background:#fff;}
.list-customized .bd .item:hover .t{border-bottom:1px solid #fff;}
.list-customized .bd .item:hover .t h3{color:#FFF;}
.list-customized .bd .item:hover .p h4{color:#FFF;}
.list-customized .bd .item:hover .p p{color:#FFF;}

.list-contact .info{padding:80px 0 120px;border-bottom:1px solid #D1D1D1;}
.list-contact .info .left{width:50%;}
.list-contact .info .left h2{color:var(--color);margin-bottom:30px;}
.list-contact .info .left .addlist .item{width:calc(50% - 20px);padding:22px 0;border-bottom:1px solid #E8E8E9;display:flex;align-items: center;}
.list-contact .info .left .addlist .item .i{width:40px;height:40px;background-color: var(--on-color);border-radius:40px;display:flex;align-items: center;justify-content: center;}
.list-contact .info .left .addlist .item .i i{color: #fff;font-size:20px;}
.whatsapp{position: fixed;bottom: 10px;right: 10px;z-index: 99999999999;}
.whatsapp .close{position: absolute;top: -3px;right: -3px;width: 14px;height: 14px;background: #dddcdc;border-radius: 50%;padding: 2px;cursor: pointer;}
@media screen and (max-width:992px) {.whatsapp{bottom: 48px;} .whatsapp .whatsapp-icon{width: 45px;height: 45px}}
.list-contact .info .left .addlist .item .p{flex:1;padding-left:20px;}
.list-contact .info .left .addlist .item .p h4{margin-bottom:2px;}
.list-contact .info .left .addlist .item .p p,.list-contact .info .left .addlist .item .p p a{color:var(--on-color)}
.list-contact .info .left .addlist .item:first-child{width:100%;}
.list-contact .info .left .qrcode{margin-top:50px;height:280px;background:url(../images/contact_bg.jpg) no-repeat center center;background-size: cover;border-radius:8px;padding:20px;display:flex;gap:20px;}
.list-contact .info .left .qrcode .item .i{padding:20px;background:#fff;}
.list-contact .info .left .qrcode .item .i img{width:174px;height:174px;}
.list-contact .info .left .qrcode .item .p{margin-top:10px;display:flex;align-items: center;justify-content: center;gap:10px;text-align:center;}
.list-contact .info .left .qrcode .item .p img{width:18px;height:18px;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.list-contact .info .left .qrcode .item .p p{color:#fff;}
.list-contact .info .right{width:45%;}
.list-contact .info .right input{transition-duration:.4s;width:100%;height:50px;border-radius:5px;border:1px solid #BCBCBC;margin-bottom:30px;padding:0 15px}
.list-contact .info .right textarea{transition-duration:.4s;width:100%;min-height:240px;border-radius:5px;border:1px solid #BCBCBC;margin-bottom:30px;padding:15px}
.list-contact .info .right input::placeholder,.list-contact .info .right textarea::placeholder{color:var(--color)}
.list-contact .info .right input:hover,.list-contact .info .right textarea:hover{border:1px solid var(--on-color);}
.list-contact .info .right .code_box{position: relative;;width:calc(100% - 200px);}
.list-contact .info .right .code_box input{margin:0;}
.list-contact .info .right .code_box img{position: absolute;right:1px;bottom:1px;height:48px;}
.list-contact .info .right .btn{transition-duration:.4s;display:flex;align-items: center;justify-content: center;width:160px;height:50px;border-radius:5px;cursor: pointer;background:var(--on-color);gap:10px;color:#fff}
.list-contact .info .right .btn:hover{border-radius:40px;}
.list-contact .about{padding-top:160px;}
.list-contact .about .pic{width:45%;}
.list-contact .about .pic img{border-radius:20px;width:100%}
.list-contact .about .txt{width:50%;}
.list-contact .about .txt h1{line-height:60px;color:var(--on-color);}
.list-contact .about .txt .p{margin:10px 0 5px}
.list-contact .about .txt h3{opacity:.6;font-size:18px;margin-top:12px;}
.list-contact .about .txt p{font-size:18px;line-height:30px;margin:55px 0;}
.list-contact .about .txt .more{width:160px;height:50px;border-radius:5px;cursor: pointer;background:#1B1A1A;font-size:18px;display:flex;align-items: center;justify-content: center;gap:10px;color:#fff;}
.list-contact .about .txt .more:hover{background:var(--on-color);border-radius:40px;}
.list-contact .about .txt ul{padding-top:100px;display:flex;align-items: center;}
.list-contact .about .txt ul li{width:25%;padding:8px 16px;border-right:1px solid #DDDDDD;text-align:center;display:flex;justify-content: center;}
.list-contact .about .txt ul li:last-child{border-right:none;}
.list-contact .about .txt ul li .i{height:55px;display:flex;justify-content: center;align-items: center;}
.list-contact .about .txt ul li .p{font-size:24px;margin-top:5px;font-weight:bold;font-family: 'Saira-Bold';}

.list-about .imageslist{display:flex;flex-wrap:wrap;}
.list-about .imageslist .item{width:calc(100% / 3 - 2%);margin:0 3% 60px 0;}
.list-about .imageslist .item:nth-child(3n){margin-right:0;}
.list-about .imageslist .item a{display:block;width:100%;padding:20px;border-radius:8px;box-shadow:0 0 10px 0 rgba(0,0,0,0.1);}
.list-about .imageslist .item a .p{padding-top:15px;}
.list-about .culture .item{display:flex;margin-bottom:120px;position: relative;}
.list-about .culture .item .pic{width:50%;border-radius:12px;overflow: hidden;}
.list-about .culture .item .pic img{width:100%;}
.list-about .culture .item:last-child{margin-bottom:0;}
.list-about .culture .item .txt{display:flex;flex-direction: column;justify-content: center;gap:40px;box-shadow:0 0 15px 0 rgba(0,0,0,0.1);position: absolute;right:0;top:10%;background:#fff;border-radius:12px;height:calc(100% - 20%);padding:60px;width:calc(50% + 80px);z-index:999;}
.list-about .culture .item .txt h2{font-size:60px;color:var(--on-color);}
.list-about .culture .item .txt p{font-size:18px;line-height:30px;}
.list-about .culture .item .txt p:last-child{margin-bottom:0;}
.list-about .culture .item:nth-child(2n){justify-content: flex-end;}
.list-about .culture .item:nth-child(2n) .txt{left:0;right:auto;}
.list-about .talent_philosophy{padding-top:70px;}
.list-about .talent_philosophy .hd{flex-wrap:nowrap}
.list-about .talent_philosophy .hd .pic{order:2;width:500%;max-width:840px;}
.list-about .talent_philosophy .hd .pic img{width:100%;border-radius:12px;overflow: hidden;}
.list-about .talent_philosophy .hd .txt{width:45%;}
.list-about .talent_philosophy .hd .txt .logo{gap:25px;display:flex;align-items: center;}
.list-about .talent_philosophy .hd .txt .logo .line{height:6px;background:var(--on-color);width:50%;max-width:400px;}
.list-about .talent_philosophy .hd .txt h1{color:var(--on-color);margin:27px 0 80px 0 ;}
.list-about .talent_philosophy .hd .txt h3{color:var(--on-color);margin-bottom:40px;font-size:36px;text-transform:none;}
.list-about .talent_philosophy .hd .txt p{font-size:18px;line-height:30px;margin-bottom:20px;}
.list-about .talent_philosophy .hd .txt p:last-child{margin-bottom:0;}
.list-about .talent_philosophy .bd{margin-top:100px;display:flex;align-items: center;position: relative;}
.list-about .talent_philosophy .bd .pic{width:100%;}
.list-about .talent_philosophy .bd .pic img{width:100%;}
.list-about .talent_philosophy .bd .txt{position: absolute;left:50%;top:65%;transform: translate(-50%,-50%);width:70%;max-width:800px;}
.list-about .talent_philosophy .bd .txt h2{color:var(--on-color);;margin-bottom:30px;font-size:36px;font-weight:bold;font-family: 'Saira-Bold';}
.list-about .talent_philosophy .bd .txt p{font-size:18px;line-height:30px;margin-bottom:20px;}
.list-about .body{font-size:16px;line-height:24px;}
.list-about .body h3{font-size:24px;font-family: 'Saira-Bold';color:var(--on-color);font-weight:bold;margin-bottom:20px;}
.list-about .history .bd .item{padding:60px 0;border-bottom:1px solid #D1D1D1;display:flex;}
.list-about .history .bd .item .pic{width:40%;border-radius:12px;overflow: hidden;max-width:680px;}
.list-about .history .bd .item .pic img{width:100%;border-radius:12px;overflow: hidden;}
.list-about .history .bd .item .txt{width:60%;padding-left:60px;}
.list-about .history .bd .item .txt h2{color:var(--on-color);font-size:24px;text-transform:none;margin-bottom:45px;}
.list-about .history .bd .item .txt ul li{margin-bottom:35px;}
.list-about .history .bd .item .txt ul li .title{color:var(--on-color);margin-bottom:10px;}
.list-about .history .bd .item .txt ul li .p{font-size:16px;line-height:24px;}
.list-about .history .bd .item:nth-child(2n) .pic{order:2;}
.list-about .history .bd .item:nth-child(2n) .txt{padding:0 60px 0 0;}
.list-about .history .body{padding-top:60px}
.list-about .certificate{position: relative;}
.list-about .certificate::after{width:calc(100% + 180px);height:200px;content:"";position: absolute;left:-90px;top:500px;background:url(../images/bg3.jpg) repeat-x;}
.list-about .certificate .title{padding:45px 0;color:var(--on-color)}
.list-about .certificate .list{position: relative;z-index:3;}
.list-about .certificate .list .item{width:30%;margin:0 5% 60px 0;position: relative;}
.list-about .certificate .list .item:nth-child(3n){margin:0;}
.list-about .certificate .list .item .pic{width:100%;}
.list-about .certificate .list .item .pic img{width:100%;height:100%;object-fit: cover;}
.list-about .certificate .list:last-child .item{width:22%;margin:0 4% 60px 0 !important;}
.list-about .certificate .list:last-child .item:nth-child(4n){margin-right:0 !important;}
.list-about .about .content .body{flex:1;padding-right:60px;}
.list-about .about .content .body h1{color:var(--on-color);line-height:60px;}
.list-about .about .content .body h4{color:var(--color);opacity:.6;font-size:18px;margin:20px 0 50px;}
.list-about .about .content .body p{font-size:18px;line-height:24px;margin-bottom:35px;}
.list-about .about .content .pic{width:45%;max-width:700px;}
.list-about .about .content .pic .item{margin-bottom:60px;}
.list-about .about .content .pic .item img{width:100%;border-radius:15px;}
.list-about .about .content .pic .item:last-child{margin-bottom:0;}
.list-about .about .data{border-top:1px solid #CFCFCF;border-bottom:1px solid #CFCFCF;margin:80px 0;}
.list-about .about .data .item{flex:1;}
.list-about .about .data .item h3{font-size:60px;color:var(--color);}
.list-about .about .data .item p{font-size:18px;margin-top:8px;}
.list-about .about .choose .hd{margin-bottom:60px;}
.list-about .about .choose .hd h2{color:var(--on-color);margin-bottom:15px;}
.list-about .about .choose .hd p{font-size:18px;line-height:30px;}
.list-about .about .choose .list .item{padding:45px 40px 70px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);width:calc(100% / 3 - 40px);margin:0 60px 0 0;}
.list-about .about .choose .list .item:nth-child(3n){margin-right:0;}
.list-about .about .choose .list .item h4{margin:40px 0;color:var(--color);font-size:30px;line-height:30px;}
.list-about .about .choose .list .item p{font-size:18px;line-height:30px;}

.index-banner{width: 100%;position: relative;overflow: hidden;padding-top:130px;}
.index-banner .swiper{width: 100%;height:100%;}
.index-banner .swiper .swiper-slide{position: relative;}
.index-banner .swiper .swiper-slide .pic{display:none;}
.index-banner .swiper .swiper-slide .pic img{width: 100%;height: 100%;object-fit: cover;display: block;}
.index-banner .swiper .swiper-slide .txt{position: absolute;text-align:center;left:50%;top:80%;transform: translate(-50%,-50%);width:70%;max-width:800px;opacity:0;transition-duration:1.5s;}
.index-banner .swiper .swiper-slide .txt h3{display:inline-block;padding:4px 10px;background:var(--on-color);border-radius:8px;color:#fff;font-size:30px;}
.index-banner .swiper .swiper-slide .txt h2{font-size:60px;margin-top:10px}
.index-banner .swiper .swiper-slide.swiper-slide-active .txt{top:50%;opacity:1;}
.index-banner .swiper-button-prev,.index-banner .swiper-button-next {color: #fff;background: rgba(0, 0, 0, 0.3);width: 60px;height: 60px;border-radius: 50%;transition: all 0.3s ease;}
.index-banner .swiper-button-prev:hover,.index-banner .swiper-button-next:hover {background: rgba(0, 0, 0, 0.6);}
.index-banner .swiper-button-prev:after,.index-banner .swiper-button-next:after {font-size: 20px;font-weight: bold;}
.index-banner .swiper-pagination{text-align:right;padding-right:100px;bottom:40px;}
.index-banner .swiper-pagination-bullet{width: 30px;height: 10px;border-radius:8px !important;margin:0 10px 0 0 !important;background: #fff;opacity: 0.5;transition: all 0.3s ease;}
.index-banner .swiper-pagination-bullet-active {opacity: 1;background: #fff;width: 60px;}

.index-about .about .data{margin:0;border-top:0;}
.index-type .hd{margin:100px 0 70px}
.index-type .hd .t h2{color:var(--on-color);margin-bottom:15px;}
.index-type .hd .t p{font-size:18px;line-height:30px;}
.index-type .hd .btn{display:flex;gap:15px;align-items: center;}
.index-type .hd .btn div{transition-duration:.4s;width:50px;height:50px;position: static !important;border-radius:4px;display:flex;justify-content: center;align-items: center;background:#1B1A1A;}
.index-type .hd .btn div i{font-size:24px;color:#fff;}
.index-type .hd .btn div::after{display:none;}
.index-type .hd .btn div:hover{background:var(--on-color);}
.index-type .swiper .swiper-slide a{display:block;width:100%;border-radius:12px;overflow: hidden;}
.index-type .swiper .swiper-slide .txt{padding:30px;background:#fff;position: relative;}
.index-type .swiper .swiper-slide .txt .num{position: absolute;right:30px;top:45px;color:var(--color)}
.index-type .swiper .swiper-slide .txt h3{font-size:24px;color:var(--on-color);font-family: 'Arial';margin-bottom:10px;}
.index-type .swiper .swiper-slide .txt p{opacity:.5;font-size:16px;color:var(--color)}
.index-type .swiper-pagination{position: static;padding-top:80px;}
.index-type .swiper-pagination span{width:18px;height:18px;background:#1B1A1A;opacity:1;margin:0 8px !important;}
.index-type .swiper-pagination span.swiper-pagination-bullet-active{background:#fff;}
.index-choose{position: relative;background:var(--on-color);padding:70px 0 120px}
.index-choose::after{background:var(--on-color);position: absolute;top:-350px;height:350px;left:0;width:100%;content:'';}
.index-choose .hd{color:#fff;}
.index-choose .about .choose .hd h2{color:#fff !important;}
.index-choose .about .choose .list .item{background:#fff;border-radius:8px;}

.index-pro{padding-bottom: 110px;}
.index-pro .list {margin-top: 60px;}
.list-products .tit{font-size: 35px;font-family: 'Montserrat-Black';color: #000;text-align: center;max-width: 1160px;margin: 0 auto;margin-bottom: 65px;text-transform: uppercase;}
.list-products .list .item{width: calc((100% - 90px)/3);margin:0 45px 60px 0;transition: 0.6s;border: 1px solid #e7e7e7;padding: 0 5px 65px 5px;position:relative;overflow:hidden;}
.list-products .list .item:nth-child(3n){margin-right:0;}
.pro_list .list .item{border-radius: 8px;}
.list-products .list .item:hover{box-shadow: 0 13px 27px rgba(0, 0, 0, 0.07);border-color: transparent;}
.index.index-pros{background: #f7f7f7;padding: 70px 0 60px 0;position: relative;}
.index-prod{padding: 0 15px;}
.index-prod .list .item{width: 100%;margin-right: 0;}
.swiper-container{margin: unset;}

.prod-swiper{overflow: hidden;}
.pros-box{display: flex;width: 100%;justify-content: flex-end;}
.prod-swiper .swiper-slide{display: flex;justify-content: center;}
.list-products .list .item .txt{width: 100%;transition: 0.6s;text-align: center;position:relative;z-index:3;}
.list-products .list .item .pic{overflow: hidden;transition: 0.5s;position:relative;z-index:1;}
.list-products .list .item .txt h3{font-family: 'Arial';overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:30px;line-height: 1;width: 100%;transition: 0.5s;}
.list-products .list .item .txt h1{font-family: 'Arial';color:#000;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:20px;line-height: 1;width: 100%;transition: 0.5s;margin-top: 15px;padding: 0 10px;line-height: 1.2;}
.list-products .list .item .btns{font-size: 18px;display: flex;justify-content: center;margin-top: 20px;}
.list-products .list .item .btns span{line-height: 1;transition: 0.5s;color: #797979;font-family: 'Arial';border-bottom: 1px solid #797979;position: relative;padding-bottom: 2px;}
.list-products .list .item .btns span::after{content: "";position: absolute;bottom: -1px;left: 0;height: 1px;width: 0;background: var(--bgcolor);transition: 0.8s;}
.list-products .list .item:hover .btns span::after{width: 100%;}
.list-products .list .item:hover .btns span{color: var(--bgcolor);}
.list-prod{padding-top: 100px;}

.pro-detail{padding: 90px 0 30px;}
.list-pro .right{width: 100%;}
.list-pro .right .body{line-height:30px;color:#fff;}
.list-pro .show_head .show_swiper{display:none;}
.show_swiper .swiper{position: relative;}
.show_swiper .swiper .swiper-slide{text-align: center;}
.show_swiper .swiper-pagination .swiper-pagination-bullet-active{background: var(--bgcolor);}
.list-products .head .img_list{z-index:2;width:940px}
.list-products .head .img_list .datu{width: calc(100% - 240px);box-shadow: 0 21px 30px rgba(0, 0, 0, 0.05);position: relative;border: 1px solid #f0f0f0;}
.list-products .head .backs{width: 60px;height: 50px;background-color: var(--bgcolor);display: flex;justify-content: center;align-items: center;}
.list-products .head .datu .backs img{width: 29px;}
.list-products .head .img_list .datu .cloud-zoom img{width:100%;}
.list-products .head .img_list .xiaotu{width:155px;display:flex;flex-wrap:wrap;align-content:flex-start;height: 700px;position: relative;}
.list-products .head .img_list .xiaotu li{transition:.5s;width:155px;height: 155px;margin-bottom: 20px;border: 1px solid #f1f1f1;border-radius: 2px;}
.list-products .head .img_list .xiaotu li:not(:last-child):hover{border-color:var(--bgcolor)}
.list-products .head .img_list .xiaotu li img{width:100%;max-height: 100%;padding: 10px;}
.list-products .head .img_list .xiaotu .pro_next,.list-products .head .img_list .xiaotu .pro_prev{color:#767676;text-align:center;cursor: pointer;display:block;width:100%;}
.list-products .head .img_list .xiaotu .pro_next i,.list-products .head .img_list .xiaotu .pro_prev i{font-size:30px;}
.list-products .head .img_list .xiaotu .pro_next{position: absolute;top: -30px;left: 50%;transform: translate(-50%);}
.list-products .head .img_list .xiaotu .pro_prev{position: absolute;bottom: -30px;left: 50%;transform: translate(-50%);}
.list-products .head .img_list .xiaotu .more_pic{margin-top: 25px;position: relative;margin-bottom: 0;cursor: pointer;}
.list-products .head .img_list .xiaotu .more_pic::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,.5);}
.list-products .head .img_list .xiaotu .more_pic span{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 35px;color: #fff;z-index: 99;font-family: 'Arial';}
.list-products .head .img_list .xiaotu .more_pic video{width: 100%;height: 100%;object-fit: cover;}
.list-products .head .img_list .xiaotu .more_pic .btn,.video-item .btn{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: auto;z-index: 999;margin: 0;}
.list-products .head .img_list .xiaotu .pro_next,.list-products .head .img_list .xiaotu .pro_prev{color:#737373;text-align:center;cursor: pointer;display:block;width:100%;}
.list-products .head .img_list .xiaotu .pro_next i,.list-products .head .img_list .xiaotu .pro_prev i{font-size:30px;}
.list-products .head .img_list .xiaotu .pro_next{position: absolute;top: -40px;left: 50%;transform: translate(-50%);}
.list-products .head .img_list .xiaotu .pro_prev{position: absolute;bottom: -40px;left: 50%;transform: translate(-50%);}
.list-products .head .txt_list{width: calc(100% - 940px);display:flex;align-content: space-between;flex-wrap:wrap;padding-left: 50px;}
.list-products .head .txt_list .txt_list_t{width:100%}
.list-products .head .txt_list .t h2{font-size:32px;font-family: 'Arial';line-height: 1;margin-top: 25px;color: var(--bgcolor);}
.list-products .head .txt_list .t h1{margin-top: 20px;font-size: 48px;font-family: 'Arial';}
.list-products .head .txt_list .t {border-bottom: 4px solid #919191;padding-bottom: 35px;}
.list-products .head .txt_list .c .feature h3{margin-top: 30px;font-size: 25px;font-family: 'Arial';line-height: 1;}
.list-products .head .txt_list .c .feature .fea-content{margin-top: 20px;max-height: 150px;overflow-y: auto;}
.list-products .head .txt_list .c .feature p{font-size: 20px;color: #202020;line-height: 30px;}
.list-products .head .txt_list .touch{border: 1px solid #dddddd;padding: 25px 20px 30px 40px;margin-top: 50px;width: 100%;}
.list-products .head .txt_list .touch .titles{font-size: 22px;font-family: 'Arial';color:#000;margin-bottom: 15px;text-align: left;}
.list-products .head .txt_list .touch .desc{font-size: 17px;line-height: 26px;color: #202020;}
.list-products .head .txt_list .touch .desc a:hover{color: var(--on-color) !important;}
.list-products .head .txt_list .touch .touch-box{display: flex;margin-top: 15px;justify-content: space-between;padding-right: 40px;}
.list-products .head .txt_list .touch .touch-box .btn{border-radius:4px;height:65px;display:flex;align-items: center;background: var(--bgcolor);font-size:18px;transition: 0.6s ease;color: #fff;border: none;font-family: 'Montserrat-Black';padding: 0 17px 0 28px;transition: 0.5;}
.list-products .head .txt_list .touch .touch-box .btn:hover{border-radius: 65px;}
.cart{display: flex;align-items: center;background: var(--bgcolor);height: 48px;padding: 0 16px 0 10px;border-radius: 4px;font-size: 20px;color: #fff;min-width: 205px;justify-content: center;}
.cart span{font-family: 'Arial';}
.cart:hover{color: #fff;}
.nav{display:flex;}
 .list-contaact .nav{margin-top: 40px;}
 .nav a{width:48px;height:48px;border-radius:5px;margin-right:12px;display:flex;align-items: center;justify-content: center;color:var(--on-color);font-size: 24px;border: 1px solid var(--on-color);}
 .nav a i{font-size: 24px;}
 .nav a:hover{border-color:var(--bgcolor);background:var(--bgcolor);color:#fff;border-radius: 50%;}

.list-products .title_n{font-size: 36px;margin-top: 70px;font-family: 'Arial';}
.list-products .title_n1{margin-top: 20px;}
.list-products .title_n4{padding-bottom: 35px;}
.list-products .title_n3{margin-top: 0;margin-bottom: 50px;}
.list-products .title_n2{padding-bottom: 45px;border-bottom: 2px solid #dddddd;}
.list-products .body{width: 100%;margin-top: 25px;}

.list-products .body table{width: 100%;border-collapse: collapse;table-layout: fixed;}
.list-products .body table td{font-size:24px;color:var(--color);height:50px;vertical-align: middle;padding: 8px;padding-left: 70px;border: 1px solid #000;width: auto;line-height: 1.1;}
.pro-detail .list{margin-top: 100px;}
.app-swiper{width: 100%;overflow: hidden;padding: 15px;}
.list-app .pic{border-radius: 8px;overflow: hidden;transition: 0.5s;position: relative;}
.list-app .pic:hover{box-shadow: 0 11px 26px rgba(0, 0, 0, 0.22);}
.list-app .pic img{width: 100%;}
.list-app .pic::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(to top,rgba(0,0,0,0.7), rgba(0,0,0,0) 50%);}
.list-app .pic h2{position: absolute;left: 40px;bottom: 25px;font-size: 22px;color: #fff;font-family: 'Arial';line-height: 1;z-index: 5;}
.faq{margin-top: 40px;}
.title_s{font-size: 38px;font-family: 'Arial';text-align: center;line-height: 1;margin-bottom: 60px;}
.faq .faq_t{display: flex;justify-content: space-between;align-items: center;}
.faq .faq_t .qu,.faq .faq_t .qu span{font-size: 26px;width: calc(100% - 40px);color: #000;font-family: 'Arial' !important;transition: 0.5s;}
.faq .faq_t i{font-size: 16px;width: 30px;height: 30px;background: #fff;color: #8e8e8e;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-weight: bold;cursor: pointer;border: 2px solid #8e8e8e;transition: 0.5s;transform: rotate(-90deg);}
.faq .faq_box{border-top: 2px solid #e7e7e7;padding: 50px 0;cursor: pointer;}
.faq .faq_box:last-child{border-bottom: 2px solid #e7e7e7;}
.faq .faq_box .an{font-size: 20px;line-height: 35px;margin-top: 20px;display:none;height: auto;padding: 0 50px 0 40px;color: #565656;}
.trans{transform: rotate(-180deg) !important;}
.bgcolor{background: var(--bgcolor) !important;border-color: var(--bgcolor) !important;color: #fff !important;}
.color{color: var(--bgcolor) !important;}
.app-swiper .swiper-pagination{bottom: 0;position: absolute;}

.app-swiper .swiper-pagination.swiper-pagination-lock{display: block;}
.app-swiper .swiper-pagination .swiper-pagination-bullet{ opacity: 1; background: #5b5b5b;width: 18px;height: 18px;border-radius: 50%;margin-right: 20px !important;}
.app-swiper .swiper-pagination .swiper-pagination-bullet-active{background: var(--bgcolor);}
.app-swiper{padding-bottom: 50px;}

.list-contact{padding:50px 0 80px;}
.cn-head{text-align:center;}
.cn-head h1{font-family:'Arial';font-size:52px;line-height:1.15;color:#000;}
.cn-head p{font-size:22px;color:#626262;margin-top:25px;font-family: 'Arial';}
.cn-sec{margin-top:45px;}
.cn-title{font-family: 'Arial';font-size:35px;color:var(--on-color);text-transform:uppercase;display: flex;align-items: center;gap: 20px;}
.cn-title1{font-family: 'Arial';}
.cn-map{position:relative;margin-top:25px;}
.cn-map > img{width:100%;}
.cn-map-card{position:absolute;left:50%;bottom:80px;transform:translateX(-50%);background:#fff;border-radius:8px;box-shadow:0 26px 32px rgba(0,0,0,.1);display:flex;padding:25px 80px 30px 35px;width: 70%;border: 2px solid #f1f1f1;}
.cn-map-card .cn-logo{width:290px;border-right:1px solid #eaeaea;padding:10px 10px 10px 0;display: flex;align-items: center;}
.cn-map-card .cn-info{padding-left:85px;}
.cn-map-card .cn-info h3{font-family:'Arial';font-size:36px;color:#000;position:relative;padding-bottom:15px;margin-bottom:15px;}
.cn-map-card .cn-info h3::after{content:"";position:absolute;left:0;bottom:0;width:95px;height:6px;background:var(--on-color);}
.cn-map-card .cn-info p,.cn-map-card .cn-info p a{font-size:24px;line-height:1.6;color: #494949;font-family: 'Arial';}
.cn-map-card .cn-info p b{color:#000;font-family: 'Arial';}

.cn-cards{display:flex;justify-content:space-between;margin-top:45px;}
.cn-cards .item{width:48%;border:2px solid #f1f1f1;border-radius:10px;background:#fff;padding:45px 30px 45px 50px;transition: 0.5s;}
.cn-cards .item:hover,.cn-qrcodes .item:hover{border-color: var(--bgcolor);box-shadow: 0 11px 26px rgba(233, 84, 18, 0.22);}
.cn-cards .item p{font-size:24px;color:#494949;font-family: 'Arial';line-height: 1;}
.cn-cards .item p b{color:#000;font-family:'Arial';}
.cn-cards .item a{color:#777;font-family: 'Arial';}
.cn-cards .item a:hover{color:var(--on-color);}

.cn-qrcodes{display:flex;justify-content:space-between;margin-top:50px;}
.cn-qrcodes .item{width:27%;border:1px solid #f1f1f1;border-radius:10px;background:#fff;padding:40px 20px 45px 20px;text-align:center;transition: 0.5s;}
.cn-qrcodes .item h4{font-family:'Arial';font-size:24px;color:#000;}
.cn-qrcodes .item img{display:block;margin:30px auto 0;}

.cn-form{margin-top:25px;}
.cn-form .row{display:flex;justify-content:space-between;}
.cn-form input,.cn-form textarea{width:100%;border:1px solid #ddd;border-radius:4px;padding:14px 16px;font-size:14px;color:#333;background:#fff;margin-bottom:15px;font-family:'Arial';}
.cn-form .row input{width:48.7%;}
.cn-form input:focus,.cn-form textarea:focus{border-color:var(--on-color);outline:none;}
.cn-form textarea{resize:vertical;}
.cn-form button{display:inline-block;background:var(--bgcolor);color:#fff;border:0;border-radius:4px;padding:14px 45px;font-size:15px;font-family:'Arial';cursor:pointer;transition:.3s;}
.cn-form button:hover{opacity:.85;}

.list-contact .message{width: 100%;margin-top: 120px;border-radius: 20px;}
.list-contact .message h3{font-size: 22px;margin: 5px 0 0 75px;font-family: 'Arial';}
.list-contact .message form{margin-top: 30px;}
.list-contact .message .form-div{display: flex;justify-content: space-between;align-items: center;margin-bottom: 35px;}
.list-contact .message  .name,.list-contact .message .mw
{font-size: 21px; width: 100%;height: 55px;padding-left: 80px;box-sizing: border-box;border-radius: 8px;transition: 0.4s;border: 1px solid #e5e5e5;font-family: 'Arial';}
.list-contact .message  .name:hover,.list-contact .message .mw:hover,.list-contact .message .content:hover,.list-contact .form-div .code_box:hover{border-color: var(--bgcolor);}
.list-contact .message .label-name,.list-contact .message .label-mw{display: flex;width: 48.6%;}
.list-contact .message form input::placeholder,.list-contact .message form textarea::placeholder{ color: #000;}
.list-contact .message .content{padding-top: 20px; width:100%;height: 280px;padding-left: 80px;margin-bottom: 35px;font-size: 21px;border: 1px solid #e5e5e5;border-radius: 8px;transition: 0.4s;color:#000;font-family: 'Arial';}
.list-contact .message #submit{transition: 0.5s ease; display: flex; width: 190px;height:55px;font-size: 17px;color: #fff;border: none;align-items: center;justify-content: center;border-radius: 6px;cursor: pointer;font-family: 'Arial';background: var(--bgcolor);}
.list-contact .message #submit i{ margin-left: 10px;font-size: 24px;color: #fff;}
/* .list-contact .message #submit:hover{transform: scale(1.08);} */
.list-contact .form-div .code_box {
  position: relative;
  border: 1px solid #e5e5e5;
  width: calc(100% - 290px);
  border-radius: 8px;
  transition: 0.4s;
}
.list-contact .form-div .code_box input{width: 100%;height: 55px;padding-left: 80px;border-radius: 8px;font-size: 20px;font-family: 'Arial';}
.list-contact .form-div .code_box img {
  height: 55px;
  position: absolute;
  right: 5px;
  top: 0;
  cursor: pointer;
}

.index-adv{padding:100px 0;}
.pro-detail .index-adv{padding:60px 0 0;}
.index-adv-hd{text-align:center;padding:0 4%;}
.index-adv-hd h2{font-family: 'Arial';font-size:32px;line-height:1.2;color:#000;text-transform:uppercase;}
.index-adv-hd p{font-size:18px;line-height:1.5;font-family: 'Arial';max-width:1490px;margin:21px auto 0;}
.index-adv-banner{position:relative;margin:50px auto 0;}
.pro-detail .index-adv-banner{width: 100%;}
.index-adv-banner .adv_swiper{width:100%;overflow:hidden;position:relative;}
.index-adv-banner .adv_swiper .swiper-slide{position:relative;}
.index-adv-banner .adv_swiper .swiper-slide img{width:100%;height:100%;object-fit:cover;display:block;}
.index-adv-banner .adv_swiper .swiper-slide::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.18) 45%,rgba(0,0,0,0) 70%);}
.index-adv-banner .adv-txt{position:absolute;left:6.7%;top:14%;z-index:2;color:#fff;}
.index-adv-banner .adv-txt h3{font-family:'Arial';font-size:48px;line-height:1.2;}
.index-adv-banner .adv-txt p{font-size:24px;line-height:1.6;font-family:'Arial';margin-top:20px;max-width:595px;}
.adv-tabs{position:absolute;left:0;right:0;bottom:100px;z-index:3;display:flex;justify-content:space-between;padding:0 7%;}
.adv-tabs span{font-family:'Arial';font-size:25px;line-height:1;color:#fff;cursor:pointer;padding:40px 20px;transition: .4s;white-space:nowrap;min-width: 380px;text-align: center;border-top: 2px solid #fff;position: relative;display: inline-block;}
.adv-tabs span::after{content:'';position:absolute;top:0;left:0;width:100%;height:0;background:var(--bgcolor);border-radius:8px;z-index: -1;transition: .4s;}
.adv-tabs span.on::after,.adv-tabs span:hover::after{border-radius:8px;border-color: var(--bgcolor);height: 100%;}
.adv-tabs span.on,.adv-tabs span:hover{border-radius:9px;border-color: var(--bgcolor);}

.about-us{padding:75px 0 0;}
.au-tag{display:block;font-family:'Arial';font-size:24px;color:var(--on-color);}
.au-head h1{font-family:'Arial';font-size:40px;line-height:1.15;color:#000;margin-top:10px;text-transform: uppercase;}
.au-head h1 span{color: var(--bgcolor);font-family:'Arial';}
.au-desc{margin-top:22px;}
.au-desc p{font-size:20px;line-height:28px;color:#5b5b5b;}
.au-desc p + p,.ab-des p + p{margin-top:18px;}
.about-work{padding:120px 0 0;}
.aw-head h2{font-family:'Arial';font-size:42px;line-height:1.15;color:#000;margin-top:6px;}
.aw-head h2 em{font-style:normal;color:var(--on-color);}
.aw-main{display:flex;align-items:stretch;justify-content: space-between;}
.aw-main .aw-txt{width:41%;display:flex;flex-direction:column;padding-top: 30px;}
.ab-des{margin-top: 50px;}
.ab-des p{font-size:20px;line-height: 28px;}
.aw-main .aw-txt p + p{margin-top:14px;}
.aw-main .aw-video{position:relative;width:53%;}
.aw-main .aw-video img{width:100%;height:100%;object-fit:cover;display:block;border-radius:8px;}
.aw-video .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90px;height:90px;border-radius:50%;background: rgba(233,84,18,.7);display:flex;align-items:center;justify-content:center;cursor:pointer;}
.aw-video .play i{width:0;height:0;border-left:18px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:4px;}
.aw-video .play .videoback{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;;background: rgba(233,84,18,.95);z-index: -1;animation: video 4s infinite}
.aw-video .play .videoback1{animation: video1 4s 0.4s infinite}
.aw-video .more{color: #fff;font-size: 17px;padding-bottom: 5px;cursor: pointer;position: absolute;left: 50%;transform: translate(-50%);top: calc(100% + 45px);white-space: nowrap;font-family: 'Arial';}
.aw-video .more::after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #fff;transition: 0.5s;}
.aw-video .more:hover::after{width: 0;background: var(--bgcolor);}
.aw-video .more:hover{color: var(--bgcolor);border-color: var(--bgcolor);}
.aw-icons{display:flex;gap:2%;margin-top:90px;}
.aw-icons .item{width:23.5%;border:1px solid #eee;border-radius:8px;padding:22px;background:#fff;transition: 0.4s;}
.aw-icons .item:hover{border-color: var(--bgcolor);}
.aw-icons .item .ico{display:inline-flex;width:57px;height:57px;border-radius:8px;background:#f2f2f2;font-family:'Arial';font-size:22px;align-items:center;justify-content:center;transition: 0.4s;}
.aw-icons .item .ico img{filter:invert(1) brightness(0);transition: 0.4s;}
.aw-icons .item:hover .ico img{filter: brightness(0) invert(1);}
.aw-icons .item:hover .ico{background: var(--bgcolor);}
.aw-icons .item h3{font-family:'Arial';font-size:22px;color:#000;margin-top:25px;}
.aw-icons .item p{font-size:20px;line-height:1.3;margin-top:15px;}
.aw-grid{display:flex;flex-wrap:wrap;margin-top:90px;}
.aw-grid .item{position:relative;width:calc((100% - 80px) / 3);border-radius:10px;overflow:hidden;margin-right: 40px;margin-bottom: 35px;}
.aw-grid .item:nth-child(3n){margin-right: 0;}
.aw-grid .item img{width:100%;}
.aw-grid .item h1{position:absolute;left:35px;bottom:20px;color:#fff;font-size:24px;font-family: 'Arial';}
.about-cert{padding:70px 0 80px;}
.ac-main{display:flex;justify-content: space-between;}
.ac-main .ac-img{width:53%;}
.ac-main .ac-img img{width:100%;display:block;border-radius:8px;}
.ac-main .ac-txt{width:39%;padding-top: 25px;}
.ac-txt h2{font-family:'Arial';font-size:42px;line-height:1.15;color:#000;margin-top:6px;}
.ac-txt h2 em{font-style:normal;color:var(--on-color);}
.ac-images{display:flex;flex-wrap:wrap;margin-top:90px;}
.ac-images .item{position:relative;width:calc((100% - 90px) / 3);border-radius:10px;overflow:hidden;margin-right: 45px;margin-bottom: 50px;transition: 0.6s;}
.ac-images .item:nth-child(3n){margin-right: 0;}
.ac-images .item:hover{transform: translateY(-10px);}
.oem{padding: 80px 0 0;}
.om-wrap{width:80%;max-width:1200px;margin:0 auto;padding:50px 0 80px;}
.om-head{text-align:center;}
.om-head:first-child{margin-top:0;}
.om-head h1{font-family:'Arial';font-size:38px;line-height:1;color:#000;text-transform:uppercase;}
.om-head h2{font-size:22px;color:#626262;margin-top:25px;font-family: 'Arial';}

.om-modes{display:flex;justify-content:space-between;margin-top:50px;padding-bottom: 120px;}
.om-modes .item{width:47%;border:2px solid #ebebeb;border-radius: 0 0 14px 14px;overflow:hidden;background:#fff;transition:.4s;}
.om-modes .item:hover{border-color:transparent;box-shadow:0 32px 57px rgba(0,0,0,.12);}
.om-modes .item .pic img{width:100%;}
.om-modes .item .txt{padding:35px 40px 45px 45px;}
.om-modes .item h2{font-family: 'Arial';font-size:30px;color:var(--on-color);}
.om-modes .item .strong{font-family:'Arial';font-size:22px;color:#000;margin-top:10px;}
.om-modes .item ul{margin-top:20px;}
.om-modes .item ul li{position:relative;font-size:20px;line-height:24px;color:#626262;padding-left:25px;font-family: 'Arial';min-height: 45px;}
.om-modes .item ul li + li{margin-top:15px;}
.om-modes .item ul li::before{content:"";position:absolute;left:0;top:8px;width:10px;height:10px;border-radius:50%;background:var(--on-color);}
.om-steps{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:80px;padding-bottom: 10px;}
.om-steps .item{width: calc((100% - 80px)/3);text-align:center;border:1px solid #f1f1f1;border-radius:20px;background:#fff;padding:50px 45px 80px 45px;transition:.4s;margin: 0 40px 90px 0;}
.om-steps .item:nth-child(3n){margin-right:0;}
.om-steps .item:hover{box-shadow:0 29px 43px rgba(18,18,18,.12);}
.om-steps .ico{display:inline-flex;width:140px;height:140px;border-radius:50%;background:#f0f0f0;align-items:center;justify-content:center;transition:.4s;}
.om-steps .ico img{filter: invert(1) brightness(0);transition: 0.4s;}
.om-steps .item:hover .ico img{filter: brightness(0) invert(1);}
.om-steps .item:hover .ico{background:var(--on-color);}
.om-steps .item h3{font-family:'Arial';font-size:39px;color:#000;margin-top:30px;}
.om-steps .item:hover h3{color:var(--on-color);}
.om-steps .item h4{font-family:'Arial';font-size:24px;margin-top:20px;}
.om-steps .item p{font-size:18px;line-height:1.2;margin-top:20px;font-family: 'Arial';}

.om-cases{display:flex;margin-top:70px;}
.om-cases .item{width: calc((100% - 80px)/3);border:2px solid #f1f1f1;border-radius: 0 0 10px 10px;overflow:hidden;background:#fff;transition:.4s;margin: 0 40px 40px 0;}
.om-cases .item:nth-child(3n){margin-right: 0;}
.om-cases .item:hover{box-shadow:0 12px 30px rgba(0,0,0,.12);}
.om-cases .item .pic img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;}
.om-cases .item .txt{padding:35px 25px 35px 45px;}
.om-cases .item h3{font-family: 'Arial';font-size:26px;color:#000;}
.om-cases .item p{font-size:18px;line-height:1.4;margin-top:10px;font-family: 'Arial';}
.om-cases .item p b{font-family:'Arial';}
.om-cases .item.on .txt{background:var(--on-color);}
.om-cases .item.on h3,.om-cases .item.on p,.om-cases .item.on p b{color:#fff;}

@media (max-width: 1920px){
.wrap{width:96%;max-width: 1580px;margin:0 auto;}
.index-quality .wrap{padding:0 5%}

}

@media (max-width: 1580px){
.list-products .head .txt_list .touch{padding: 25px 15px 30px 20px;}
.list-products .head .txt_list{padding-left: 30px;}
.cart{font-size: 18px;min-width: 150px;}
.list-products .head .txt_list .touch .touch-box{padding-right: 0;}
.list-products .head .txt_list .t h1{font-size: 38px;}
.list-products .head .txt_list .t h2{font-size: 26px;margin-top: 15px;}
.footer-custom .custom .custom-l h2{font-size: 25px;}
.footer-custom .custom .custom-r a em{font-size: 28px;}
.footer-custom .custom .custom-l h3{font-size: 36px;}
.footer-custom .custom .custom-r a{font-size: 20px;}
.footer-custom .custom{padding: 40px 30px;}
.list-news .list .item .txt {padding: 25px 20px 30px 20px;}
.list-news .list .item h2{font-size: 22px;}
.prod-swiper .swiper-slide .item .pic h3{font-size: 140px;}
.index-prod .prod-list a{font-size: 20px;margin-right: 25px;}
.adv-tabs span{font-size:1.6vw;padding:2.08vw 1.04vw;white-space:nowrap;min-width: 19.79vw;}
.list-catalog .hd{padding-bottom:430px;}
.wrap{max-width: calc(100% - 60px);}
.title{font-size:40px;line-height:40px !important}
.header .header-left .item h3 a{font-size: 16px;}
.index-quality .wrap{padding:0;}
.index-quality .btn a .p p{font-size:30px;}
.footer .right{width: calc(100% - 430px);}
.footer .right .menu .item{padding:0 10px;}
.list-products .show-content .tupian_box{width:750px;}
.list-products .scene .txt{bottom:45px;}
.list-products .scene .txt .title{font-size:40px;}
}
@media (max-width: 1440px){
.cn-qrcodes .item{width: 30%;}
.cn-map-card{width: 85%;}
.cn-map-card .cn-info p, .cn-map-card .cn-info p a{font-size: 20px;}
.cn-map-card .cn-info{padding-left: 30px;}
.cn-map-card .cn-info h3{font-size: 26px;}
.cn-map-card{padding: 25px 30px 30px 20px}
.cats .item h3 a{font-size: 22px;}
.cats .item{margin-right: 20px;}
.banner .banner-txt{bottom: 6.25vw;left: 8.85vw;}
.banner .banner-txt h2{font-size: 3.44vw;}
.banner .banner-txt h3{font-size: 1.25vw;max-width: 35.94vw;}
.footer .meslist .mw{width: 250px;}
.adv-tabs{bottom:5.21vw;}
.logo-banner img{width: 22.08vw;}
.h_banner .home_swi .h_b_box .h_b_txt .container .p1{font-size: 3.13vw;}
.h_banner .home_swi .h_b_box .h_b_txt .container .p2{font-size: 1.82vw;}
.list-about .certificate::after{top:320px}
.list-catalog .hd{padding-bottom:350px;}
.list-pro .item:nth-child(3n){margin-right:0 !important;}
.list-products .show-content .tupian_box{width:680px;}
.list-products .show-content .info_box .info_box_bottom .btn .item{width:100%;margin-bottom:15px;}
.list-products .show-content .info_box .info_box_bottom .btn .item:last-child{margin-bottom:0;}
}
@media (max-width: 1366px){
.list-products .head .txt_list{width: 100%;margin-top: 40px;padding-left: 0;}
.om-steps .item{padding: 35px 25px 50px 20px;}
.om-modes .item h2{font-size: 30px;}
.om-modes .item .txt{padding: 25px 20px 35px 25px;}
.header .header-left .item{margin-right: 30px;}
.list-catalog .hd{padding-bottom:300px;}
.list-contact .about .txt p{font-size:14px;line-height:22px;margin:25px 0;}
.list-contact .about .txt ul{padding-top:35px;}
.list-contact .about .txt ul li .p{font-size:18px;}
.index-subscribe .bg{height:400px;}
.list-news .bd .item{padding:20px;width: calc(50% - 25px);margin-bottom:40px;}
.list-products .hd{margin:30px 0;}
.list-about .talent_philosophy .bd .txt{max-width:400px;}
}
@media (max-width: 1280px){
.list-app .pic h2{font-size: 18px;left: 20px;}
.list-contact .message .name, .list-contact .message .mw,.list-contact .message .content,.list-contact .form-div .code_box input{padding-left: 20px;}
.footer .dls .dl dd span{font-size: 18px;}
.index-prod .prod-list{width: 100%;margin-top: 35px;}
.pro-swiper .txt{padding: 0 20px;}
.pro-swiper .txt h1{font-size: 22px;}
.pro-swiper i{font-size: 32px;}
.header .header-left .item h3 a{font-size: 15px;}
.header .header-left .logo img{width: 180px;}
.header .header-left .item{margin-right: 20px;}
.list-catalog .hd{padding-bottom:250px;}
.top .left{display:none;}
.footer .right .qrcode{display:none;}
.titles h1{font-size:40px;}
.bn-list li h2 .number{font-size:50px;}
.index-back .texts h1,.index-more .texts h1{font-size:40px;}
.index-back,.index-more{padding:150px 30px;}
}
@media (max-width: 1024px){
.list-catalog .hd{padding-bottom:200px;}
.list-about .talent_philosophy .bd .txt{max-width:350px;}
.list-about .talent_philosophy .bd .txt p{font-size:14px;line-height:24px;margin-bottom:10px;}
.titles h1{font-size:34px;}
.index-back,.index-more{padding:100px 20px;}
.list-products .head .img_list{width:58%;}
.list-products .head .txt_list{width:42%;padding-left:30px;}
.list-products .head .txt_list .t p{font-size:30px;margin-top:25px;}
.list-products .head .img_list .xiaotu li{width:110px;height:110px;margin-bottom:15px;}
.list-products .head .img_list .xiaotu{width:110px;height:auto;}
.list-products .head .img_list .datu{width:calc(100% - 140px);}
}
@media screen and (max-width:992px){
.faq .faq_box .an{margin-top: 10px;}
.faq .faq_box{padding: 30px 0;}
.om-wrap{width:92%;padding:30px 0 50px;}
.oem{padding-top:40px;}
.om-head h1{font-size:24px;}
.om-head h2{font-size:16px;margin-top:12px;line-height:22px;}
.om-modes,.om-cases{flex-direction:column;gap:30px;}
.om-modes{padding-bottom:40px;}
.om-modes .item,.om-cases .item{width:100%;margin-right:0;}
.om-modes .item .txt{padding:20px;}
.om-modes .item h2{font-size:24px;}
.om-modes .item .strong{font-size:18px;margin-top:8px;}
.om-modes .item ul{margin-top:12px;}
.om-modes .item ul li{font-size:16px;line-height:20px;min-height:0;padding-left:18px;}
.om-modes .item ul li::before{width:7px;height:7px;top:6px;}
.om-steps{margin-top:40px;}
.om-steps .item{width:100%;padding:30px 20px;margin:0 0 40px 0;}
.om-steps .ico{width:100px;height:100px;}
.om-steps .ico img{width: 50px;}
.om-steps .item h3{font-size:26px;margin-top:18px;}
.om-steps .item h4{font-size:18px;margin-top:10px;}
.om-steps .item p{font-size:16px;line-height:1.6;margin-top:10px;}
.om-cases{margin-top:40px;}
.om-cases .item{margin:0 0 15px 0;}
.om-cases .item .txt{padding:20px 15px;}
.om-cases .item h3{font-size:18px;}
.om-cases .item p{font-size:16px;}
.list-contact .message h3{margin: 5px 0 0 0;font-size: 18px;}
.list-contact .message{margin-top: 20px;}
.list-contact .message .content{margin-bottom: 20px;}
.list-video .list{justify-content: space-between;}
.list-video .list .item{width: 48%;margin-right: 0;}
.aw-icons{margin-top: 40px;}
.about-work{padding-top: 30px;}
.aw-main .aw-txt{padding-top: 0;}
.about-us{padding-top: 40px;}
.footer .bottom .flex{justify-content: center;}
.footer .bottom p{width: 100%;text-align: center;}
.footer .bottom .mc{margin-top: 15px;}
.footer .bottom{padding: 40px 0 80px;}
.footer{margin-top: 50px;}
.footer-custom .custom{margin-top: 30px;}
.cn-wrap{width:92%;padding:30px 0 50px;}
.cn-head h1{font-size:28px;}
.cn-title{font-size:26px;}
.cn-title i{font-size:18px;}
.cn-map-card{width:92%;bottom:15px;flex-direction:column;padding:20px;}
.cn-map-card .cn-logo{width:100%;border-right:0;border-bottom:1px solid #e5e5e5;padding-bottom:12px;margin-bottom:12px;}
.cn-map-card .cn-info{width:100%;padding-left:0;}
.cn-cards{flex-direction:column;gap:20px;}
.cn-cards .item{width:100%;}
.cn-form .row{flex-direction:column;}
.cn-form .row input{width:100%;}
.about-wrap{width:92%;}
.au-head h1,.aw-head h2,.ac-txt h2{font-size:36px;}
.au-stats{flex-wrap:wrap;gap:10px;}
.au-stats .item{width:calc(50% - 5px);padding:18px 0;}
.au-stats .item h2{font-size:26px;}
.aw-main,.ac-main{flex-direction:column;gap:20px;}
.aw-main .aw-txt,.aw-main .aw-video,.ac-main .ac-img,.ac-main .ac-txt{width:100%;}
.ab-des{margin-top: 35px;}
.aw-icons{flex-wrap:wrap;gap:20px;}
.aw-icons .item{width:calc(50% - 10px);}
.ac-cards{flex-wrap:wrap;gap:10px;}
.ac-cards .item{width:calc(50% - 5px);}
.aw-video .play{width:48px;height:48px;}
 .index-adv{padding:40px 0;}
.index-adv-hd h2{font-size:36px;}
.index-adv-hd p{font-size:18px;margin-top:10px;}
.index-adv-banner{width:96%;margin-top:18px;}
.index-adv-banner .adv_swiper{aspect-ratio:auto;height:52vw;}
.index-adv-banner .adv-txt h3{font-size:4.4vw;}
.index-adv-banner .adv-txt p{font-size:3vw;margin-top:8px;max-width:80%;line-height: 1.3;}
.adv-tabs{padding:8px 4% 10px;} 
.list-products{padding-top: 40px;}
.wrap{max-width:96%;}
.index-back,.index-more{background-attachment: scroll;}

.top_header{display:none !important;}
.h_banner,.banner{margin-top:0;}
.titles h1{font-size:30px;line-height:1.2;}
.titles p{font-size:15px;line-height:22px;margin-top:10px;}
.pro-swiper{margin-top:30px;}
.pro-swiper .txt{bottom:15px;padding:0 20px;}
.pro-swiper .txt h1{font-size:18px;}
.index-prod{padding:50px 10px;}
.index-prod .prod-top h2{font-size:28px;}
.index-prod .prod-list{flex-wrap:wrap;}
.index-prod .prod-list a{font-size:18px;margin:0 18px 25px 0;}
.index-prod .prod-list a i{bottom:-22px;}
.prod-swiper{padding-top:40px;}
.prod-swiper .swiper-slide .item .pic h3{font-size:80px;}
.prod-swiper .swiper-slide .item .txts h2{font-size:18px;line-height:1.3;}
.prod-swiper .swiper-button-prev,.prod-swiper .swiper-button-next{width:35px;height:35px;font-size:26px;border-width:2px;padding: 10px;z-index: 10;}
.prod-swiper .swiper-button-prev{left:5px;}
.prod-swiper .swiper-button-next{right:5px;}
.index-back,.index-more{padding:60px 15px;}
.index-back .texts h1,.index-more .texts h1{font-size:26px;}
.index-back .texts p{font-size:14px;line-height:22px;margin-top:20px;}
.index-more .texts p{font-size:14px;line-height:24px;margin-top:25px;max-width:100%;}
.common .btns,.index-more .btns{min-width:150px;height:48px;font-size:15px;}
.index-more .btns:nth-child(1){margin-right:15px;}
.list-news .list .item{width:100%;margin-right:0;margin-bottom:40px;}
.bn-list{flex-wrap:wrap;margin-top:40px;}
.bn-list .libox{width:calc(50% - 10px);margin-bottom:15px;padding:20px 8px;}
.bn-list li h2 .number{font-size:38px;}
.bn-list li .des{font-size:16px;margin-top:8px;}
/* footer CTA */
.footer-custom .custom{flex-wrap:wrap;padding:30px 20px;}
.footer-custom .custom .custom-l h2{font-size:22px;}
.footer-custom .custom .custom-l h3{font-size:28px;}
.footer-custom .custom .custom-r{margin-top:20px;justify-content:center;}
.footer-custom .custom .custom-r a{font-size:16px;}

.footer .meslist .wrap{flex-wrap:wrap;}
.footer .meslist .txt,.footer .meslist .mes-des,.footer .meslist form{width:100%;}
.footer .meslist .mes-des{margin:20px 0;}
.footer .meslist form{border-left:0;padding:10px 0;}
.footer .meslist .form-div{flex-wrap:wrap;margin-bottom:0;}
.footer .meslist .mw{width: 100%;}
.list-contact .message  .name,.list-contact .message .mw,.list-contact .message .content,.list-contact .form-div .code_box input{font-size: 16px;}
.list-contact .form-div .code_box{width: 100%;margin-bottom: 20px;}
.list-contact .message .form-div{flex-wrap: wrap;margin-bottom: 0;}
.list-contact .message .label-name,.list-contact .message .label-mw{width: 100%;margin-bottom: 20px;}
.footer .dls{flex-wrap:wrap;}
.footer .dls .dl{width:49%;margin-right:0;margin-bottom:25px;}
.footer .dls .dl1{width: 100%;}
.cats .item{margin-right:25px;flex:none;}
.cats .item h3 a{height:60px;font-size:18px;white-space:nowrap;}
.pro_list{padding:40px 0 20px;}
.pro_list .list{margin-top:40px;}
.list-products .list{justify-content: space-between;}
.list-products .list .item{width:48%;margin:0 0 30px 0;padding:15px 10px 30px;}
.list-products .list .item .txt h3{font-size:22px;}
.list-products .list .item .txt h1{font-size:18px;}

/* FAQ 列表页 */
.list-faq .faq-list .item .t{padding:12px 15px;font-size:15px;}
.list-faq .faq-list .item .p{padding:20px;font-size:14px;line-height:24px;}
/* 产品详情页 */
.list-products .head .img_list{width:100%;}
.list-products .head .img_list .datu{display:none;}
.list-products .head .img_list .xiaotu{display:none;}
.list-pro .show_head .show_swiper{display:block !important;width:100%;}
.list-products .head .txt_list{width:100%;padding-left:0;margin-top:20px;}
.list-products .head .txt_list .t h2{font-size:27px;margin-top:10px;}
.list-products .head .txt_list .t p{font-size:26px;margin-top:20px;}
.list-products .head .txt_list .c .feature h3{font-size:20px;margin-top:25px;}
.list-products .head .txt_list .c .feature p{font-size:16px;line-height:24px;}
.list-products .head .txt_list .touch{padding:20px 15px;margin-top:30px;}
.list-products .head .txt_list .touch .touch-box .btn{width:100%;height:50px;font-size:15px;justify-content:center;margin-top:15px;}
.list-products .title_n{font-size:25px;margin-top:40px;}
.inquire .title{font-size: 20px;}
.list-products .body table td{font-size:16px;padding:8px 10px;}
.list-products .body table td:first-child{padding-left:10px;}
.faq .faq_t .qu,.faq .faq_t .qu span{font-size:18px;}
.faq_box .an{font-size:16px;line-height:24px;padding:0 15px;}
.app-swiper{padding-bottom:40px;}
.app-swiper .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;margin-right:10px !important;}
/* 产品弹窗 */
.pro-modal .pro-modal-box{padding:15px;}
.pro-modal .pro-modal-box .model-info{flex-direction:column;}
.pro-modal .pro-modal-box .hd{width:100%;}
.pro-modal .pro-modal-box .bd{width:100%;padding:20px 0;}
.pro-modal .pro-modal-box .bd img{max-height:60vw;}

.au-desc p,.ab-des p{font-size:16px;line-height:22px;}
.aw-icons .item{padding:15px;}
.aw-icons .item h3{font-size:20px;margin-top:15px;}
.aw-icons .item p{font-size:16px;line-height:1.6;margin-top:8px;}
.aw-video .play{width:56px;height:56px;}
.aw-video .more{top:calc(100% + 15px);font-size:14px;}
.aw-grid{gap:0;}
.aw-grid .item{width:calc((100% - 12px) / 3);margin-right:6px;margin-bottom:6px;}
.aw-grid .item:nth-child(3n){margin-right:0;}
.aw-grid .item h1,.aw-grid .item span{font-size:16px;left:10px;bottom:10px;}
.ac-images .item{width:calc((100% - 12px) / 3);margin-right:6px;margin-bottom:6px;}
.ac-images .item:nth-child(3n){margin-right:0;}
.h_banner .home_swi .home_pag{bottom:20px;}
.title {font-size: 30px;line-height: 30px !important;}
.inquire .inquire_form .item{width:100%;margin:0 0 12px 0;}
.inquire .inquire_form .item input{padding:10px !important;}
.inquire .inquire_form .item .code_img{height:38px;}
.list-contact .info,.index-subscribe,.index-quality,.list-about .talent_philosophy,.list-about .certificate,.list-about .history .body,.list-news .content,.list-news .bd,.main,.list-contact .about,.list-catalog .hd{padding:40px 5px;}
.list-contact .info .left,.list-about .talent_philosophy .hd .txt,.list-about .talent_philosophy .hd .pic,.list-about .history .bd .item .pic,.list-about .history .bd .item .txt,.list-catalog .hd .txt,.list-catalog .hd .down,.footer .left,.list-contact .info .right,.list-contact .info .left .addlist .item,.list-contact .about .pic,.list-contact .about .txt{width:100%;}
.index-header,.list-products .scene,.list-products .show-content .tupian_box,.list-news .content .up-more .mroe,.pc-menu,.list-catalog .hd .bg,.footer .right{display:none !important;}
.index-banner,.banner,.list-catalog .hd .down{padding:0;}
.banner .breadcrumbs{height:45px;padding:0 10px;}
.banner .breadcrumbs .wrap{overflow:auto;}
.banner .breadcrumbs .wrap::-webkit-scrollbar{width:0;height:0;}
.banner .breadcrumbs .wrap::-webkit-scrollbar-track{background-color:transparent;}
.banner .breadcrumbs .wrap::-webkit-scrollbar-thumb{background-color:transparent;}
.banner .breadcrumbs .wrap::-webkit-scrollbar-corner{background-color:transparent;}
.banner .breadcrumbs .wrap a{white-space:nowrap;}
.list-contact .info .left .qrcode{margin:25px 0;height:auto;}
.list-contact .info .left .qrcode .item .i img{width:100%;height:auto;}
.list-contact .info .right input{margin-bottom:15px;}
.list-contact .about .pic{margin-bottom:15px;}
.list-contact .about .txt ul{flex-wrap:wrap;}
.list-contact .about .txt ul li{width:50%;margin:0;border:none;padding:12px}
.index-subscribe .bg{height:250px;background: url(../images/bg.jpg) no-repeat center center /cover fixed;}
.index-subscribe .txt{padding:20px;}
.index-subscribe .txt .title{font-size:24px !important;line-height:24px !important;}
.index-subscribe .txt p{font-size:14px;max-width:100%;line-height:22px;margin:25px 0;}
.index-quality .btn{width:100%;margin-top:20px;}
.index-quality .btn a{padding:0 10px;gap:10px}
.index-quality .btn a .p p{font-size:20px;}
.bottom{padding:25px 10px 60px;}
.bottom .michuan{margin:20px auto 0;}
.footer .left ul li{margin-bottom:15px;}
.two-columns{padding:20px 10px;}
.two-columns .item{width:100%;margin-bottom:20px;}
.two-columns .item .txt{padding:22px;}
.two-columns .item .txt ul{padding-top:15px;}
.two-columns .item .txt h3{font-size:20px;line-height:24px;}
.two-columns .item .txt h4{font-size:14px;line-height:24px;}
.list-customized .hd{padding:30px 0;}
.list-customized .hd h2{font-size:34px;line-height:34px;}
.list-customized .bd{padding:0 10px 20px;}
.list-customized .bd .item{width:100%;margin:50px 0 0 0 !important;}
.list-customized .bd .item a{padding:80px 40px 40px 40px;}
.list-customized .bd .item .i{top:-10px;}
.list-customized .bd .item .p h4{font-size:18px;line-height:18px;padding:12px 0;}
.list-customized .bd .item .p p{font-size:14px;line-height:22px;}
.list-customized h1{margin:30px 0 !important;}
.list-catalog .hd .down a{margin-top:30px;}
.list-catalog .bd .pdf{margin:0 10px 40px;}
.list-news .bd .item{width:100%;padding:24px;}
.list-news .bd .item .txt h3{font-size:22px;}
.list-news .bd .item .txt p{margin-top:15px;font-size:14px;line-height:22px;}
.list-news .content{font-size:14px;line-height:22px;padding-bottom:0;}
.list-news .content .body p{margin-bottom:10px;}
.list-news .content .up-more{padding:20px 0;}
.list-products .hd{margin:0 0 15px 0;}
.index-pro .hd .t p{font-size:15px;line-height:24px;}
.list-pro .item .txt{padding:12px 0;}
.list-pro .item .attr{padding:8px 0;}
.list-products .show-content .show_swiper{display:block !important}
.list-products .show-content{padding:15px;margin-bottom:30px;}
.list-products .show-content .info_box{padding:0;width: 100%;}
.list-products .company .txt{padding:25px 0;}
.list-products .company .txt p{font-size:14px;line-height:24px;margin-bottom:10px;}
.list-products .images .item{margin-bottom:20px;}
.list-products .ask{padding:0;}
.list-products .ask .left{width:100%;display:flex;flex-wrap:wrap;justify-content: space-between;}
.list-products .ask .left span{width:calc(50% - 10px);}
.list-products .ask .right{padding:0;}
.list-products .ask .item{margin-bottom:20px;}
.list-about .history .bd .item{padding:20px 10px;flex-wrap:wrap;}
.list-about .history .bd .item .pic{order:1 !important;}
.list-about .history .bd .item .txt{padding:20px 0 0 0 !important;order:2 !important;}
.list-about .history .bd .item .txt h2{font-size:22px;line-height:24px;margin-bottom:15px;}
.list-about .certificate .title{padding:22px 0;}
.list-about .certificate .list .item,.list-about .certificate .list:last-child .item{width:100% !important;margin:0 0 20px 0 !important}
.list-about .certificate::after{display:none;}
.list-about .imageslist .item{width:100%;margin:0 0 15px 0 !important;}
.list-about .talent_philosophy .hd{flex-wrap:wrap;}
.list-about .talent_philosophy .hd .txt{order:2 !important;padding:30px 0;}
.list-about .talent_philosophy .hd .txt h1{margin:25px 0;}
.list-about .talent_philosophy .bd .pic{display:none;}
.list-about .talent_philosophy .bd{margin-top:30px;}
.list-about .talent_philosophy .bd .txt{position: static;width:100%;transform:none;}
.list-about .culture .item{margin-bottom:30px;flex-wrap:wrap;}
.list-about .culture .item .pic{width:100%;}
.list-about .culture .item .txt{width:100%;position: static;gap:15px;padding:22px;}
.list-about .culture .item .txt h2{font-size:40px;}
.list-about .culture .item .txt p{font-size:14px;line-height:22px;}
.list-about .about .content .body{width:100%;padding:0 0 20px 0;}
.list-about .about .content .pic{max-width:100%;width:100%;}
.list-about .about .content .body p{font-size:14px;line-height:26px;margin-bottom:15px;}
.list-about .about .data{margin:40px 0;}
.list-about .about .data .item{width:50%;flex:none;margin-bottom:15px;}
.list-about .about .data .item h3{font-size:34px;margin-bottom:10px;}
.list-about .about .choose .list .item{width:100%;margin:0 0 30px 0;padding:32px 22px;}
.list-about .about .choose .list .item h4{font-size:24px;margin:15px 0;}
.list-about .about .choose .list .item p{font-size:16px;line-height:26px;}
.list-about .about .choose .list .item:last-child{margin-bottom:0;}
.index-banner .swiper .swiper-slide .txt{max-width:100%;}
.index-banner .swiper .swiper-slide .txt h3{font-size:14px;}
.index-banner .swiper .swiper-slide .txt h2{font-size:24px;line-height:34px;}
.index-banner .swiper-pagination{padding-right:10px;bottom:10px;}
.index-banner .swiper-pagination-bullet-active{width:30px;}
.index-about .about .data{margin:0;}
.list-contact .about .txt .p img{max-height:30px;}
.list-contact .about .txt .more{margin:0 auto;}
.index-type{padding:0 10px 30px;}
.index-type .hd{margin:0 0 20px 0;}
.index-banner .swiper-button-prev, .index-banner .swiper-button-next,.index-choose::after,.index-type .hd .btn{display:none;}
.index-type .hd .t p{font-size:15px;line-height:24px;}
.index-pro{padding-bottom:40px;}
.list-about .about .choose .hd{margin-bottom:25px;}
.index-pro .hd{margin-bottom:30px;}
.index-pro .hd .tabs{width:100%;margin:40px auto 30px;justify-content: center;}
.list-pro .item .attr{display:none;}
.list-pro .item .txt{border-bottom:0;}
.index-type .swiper-pagination{padding-top:30px;}
.index-type .swiper-pagination .swiper-pagination-bullet-active{background:var(--on-color) !important;}
.index-banner .swiper .swiper-slide{background:none !important}
.index-banner .swiper .swiper-slide .pic{display:block;}
}
@media screen and (max-width:786px){
.cn-qrcodes{flex-wrap: wrap;margin-top: 40px;}
.cn-qrcodes .item{width: 100%;margin-bottom: 30px;}
.cats,.location{display: none;}
.list-video{padding: 40px 0 20px;}
.footer .dls .dl dd span{white-space: wrap;}
}
@media screen and (max-width:640px){
.dl .ems a{white-space: wrap;}
.footer .meslist .mw{font-size: 16px;}
.titles p{max-width: 96%}
.pro-swiper{overflow: hidden;}
.banner .banner-txt h3{font-size: 2.4vw;max-width: 50vw;}
.h_banner .home_swi{height:100vw !important;}
.pro-detail {padding: 40px 0 0;}
.pro-detail .list{margin-top: 40px;}
.inquire{padding-bottom: 0;}
.list-products .title_n2{padding-bottom: 25px;}
.inquire .inquire_form .btn{margin-top: 20px;}
.inquire .inquire_form .item input{font-size: 14px;}
.inquire .inquire_form .item label{font-size: 18px;}
.inquire .title2{font-size: 26px;}
.inquire .inquire_box .item{font-size: 18px;}
.inquire .inquire_box .item .num_box .num{width: 40px;height: 40px;}
.inquire .inquire_box .item .num_box .num_reduce,.inquire .inquire_box .item .num_box .num_add{height: 40px;line-height: 40px;}
.inquire .inquire_box .item .s,.inquire .inquire_box .item .s1{flex: 1;}
.pro-detail .index-adv{padding-top: 35px;}
.index-adv-banner .adv-txt{left: 4%;}
.list-products .title_n4{padding-bottom: 10px;}
.faq .faq_box .an{padding: 0;font-size: 16px;line-height: 24px;}
.list-products .title_n{margin-top: 30px;}
.list-products .title_n1,.list-products .title_n3{margin-top: 10px;}
.list-products .title_n3{margin-bottom: 25px;}
.faq{margin-top: 10px;}
.om-modes{margin-top: 35px;}
.om-modes .item h2{font-size:22px;}
.list-contact .message .content{height: 150px;}
.list-contact{padding-bottom: 30px;}
.cn-sec{margin-top: 30px;}
.cn-cards{margin-top: 30px;}
.cn-title i img{width: 45px;}
.cn-cards .item{padding: 25px 20px 30px 30px;}
.cn-head p{font-size: 18px;}
.cn-map-card .cn-info p, .cn-map-card .cn-info p a{font-size: 17px;}
.cn-map-card .cn-info h3{font-size: 19px;}
.cn-map-card .cn-logo img{width: 180px;}
.cn-map>img{display: none;}
.cn-map-card{position: relative;bottom: auto;}
.cn-map{background: url("/skin/images/map_03.jpg") no-repeat center center/cover;padding: 60px 0;}
.list-video .list .item{width:100%;margin-right:0;margin-bottom:10px;}
.news-list{padding-bottom: 30px;}
.paging{margin-top: 20px;}
.titles h1{font-size: 28px;}
.paging span, .paging a{margin-right: 20px;}
.ac-images .item{width: 48%;margin-right: 0;margin-bottom: 20px;}
.ac-images{justify-content: space-between;margin-top: 35px;}
.about-cert{padding: 30px 0;}
.aw-grid{margin-top: 40px;}
.aw-grid .item{width: 100%;margin-right: 0;margin-bottom: 20px;}
.aw-icons .item{width: 100%;}
.au-head h1, .aw-head h2, .ac-txt h2{font-size: 30px;}
.ab-des{margin-top: 30px;}
.footer .bottom{margin-top: 20px;}
.footer .codes{display: flex;flex-direction: column;align-items: center;}
.label-mw{flex: 1;width: 100%;flex: unset;}
.footer .meslist #submit{margin: 30px 0 0 0;}
.footer .meslist form{flex-wrap: wrap;}
.footer-custom .custom .custom-r .line{margin: 0 15px;}
.footer-custom .custom .custom-r a{font-size: 15px;}
.list-news .list .item h2{font-size: 20px;}
.index-news .list{margin-top: 30px;}
.index-news{margin-top: 40px;}
.index-more .btns:nth-child(1) span{font-size: 16px;}
.index-more{margin-top: 30px;}
.list-products .list .item .btns,.list-products .list .item .txt h1{font-size: 16px;}
.list-products .list .item .txt{padding-top: 20px;}
.list-products .list .item .pic{padding: 0 10px;}
.index-back{margin-top: 30px;}
.prod-swiper .swiper-slide .item .pic h3{font-size:50px;}
.index-prod{padding: 0;}
.index-prod .prod-list{margin-top: 25px;}
.index-prod .prod-list a{font-size:16px;margin:0 15px 25px 0;}
.pro-swiper{margin-top: 30px !important;}
.index-adv-hd h2{font-size:23px;}
.adv-tabs span.on::after,.adv-tabs span:hover::after{border-radius: 4px;}
.adv-tabs span.on,.adv-tabs span:hover{border-radius: 5px;}
.adv-tabs span{font-size:10px;padding:10px 8px;white-space:wrap !important;min-width: unset;max-width: 26vw;font-family: 'Arial';}
.h_banner .home_swi .h_b_box .h_b_txt .container {padding-bottom: 30px;}
.h_banner .home_swi .home_pag{right: 10px;}
.home_swi .swiper-pagination .swiper-pagination-bullet{width: 13px;height: 13px;margin: 10px 0 !important;border: 1px solid #fff;}
.logo-banner img{width: 26vw;}
.h_banner .home_swi .h_b_box .h_b_txt .container .p1{font-size: 3.7vw;margin-top: 5px;}
.h_banner .home_swi .h_b_box .h_b_txt .container .p2{font-size: 2.2vw;padding: 0 50px;line-height: 1.2;}
.pro_list .list .item,.pro-detail .list .item{width: 100%;}
}


@keyframes pageFadeIn{from{opacity:0}to{opacity:1}}
body{animation:pageFadeIn .45s ease;}

.scroll-progress{position:fixed;top:0;left:0;width:0;height:3px;background:linear-gradient(90deg,var(--on-color),#ff9a5a);z-index:999999999999;box-shadow:0 0 10px rgba(233,84,18,.55);pointer-events:none;transition:width .08s linear;}

.common .btns,.index-more .btns,.message_btns,.cn-form button,.footer .meslist #submit,.list-contact .info .right .btn,.list-contact .about .txt .more{position:relative;overflow:hidden;z-index:0;transition: 0.4s ease;}
.common .btns::before,.index-more .btns::before,.message_btns::before,.cn-form button::before,.footer .meslist #submit::before,.list-contact .info .right .btn::before,.list-contact .about .txt .more::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,#ff9a5a,var(--on-color) 55%,#ff7a2e);clip-path:polygon(0 0,0 0,0 100%,0 100%);transition:clip-path .45s cubic-bezier(.7,0,.3,1);}
.common .btns:hover::before,.index-more .btns:hover::before,.message_btns:hover::before,.cn-form button:hover::before,.footer .meslist #submit:hover::before,.list-contact .info .right .btn:hover::before,.list-contact .about .txt .more:hover::before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);}
.common .btns:hover,.index-more .btns:hover,.message_btns:hover,.cn-form button:hover,.footer .meslist #submit:hover,.list-contact .info .right .btn:hover,.list-contact .about .txt .more:hover{color:#fff;letter-spacing:1px;box-shadow:0 12px 30px -6px rgba(233,84,18,.55),0 0 22px rgba(233,84,18,.35);}
.common .btns:active,.index-more .btns:active,.message_btns:active,.cn-form button:active,.footer .meslist #submit:active,.list-contact .info .right .btn:active,.list-contact .about .txt .more:active{transform:translateY(0) scale(.96);transition:transform .12s ease;box-shadow:0 6px 14px rgba(233,84,18,.35);}
.btn-ripple{position:absolute;border-radius:50%;transform:scale(0);background:rgba(255,255,255,.55);animation:btnRipple .6s ease-out forwards;pointer-events:none;z-index:1;}
@keyframes btnRipple{to{transform:scale(2.6);opacity:0;}}

.tilt-card{transition:transform .18s ease,box-shadow .35s ease;will-change:transform;transform-style:preserve-3d;}
.list-news .list .item:hover,.list-video .list .item:hover{transform:translateY(-8px);box-shadow:0 20px 45px rgba(0,0,0,.14);}
.list-products .list .item.tilt-card:hover{box-shadow:0 25px 50px rgba(0,0,0,.12);border-color:transparent;}
.list-products .list .item .pic,.list-news .list .item .pic,.list-video .list .item .pic,.om-cases .item .pic,.aw-grid .item{position:relative;overflow: hidden;}
.list-products .list .item .pic img,.list-news .list .item .pic img,.list-video .list .item .pic img,.om-cases .item .pic img,.aw-grid .item img{transition:transform 1s ease,filter .5s ease;}
.list-products .list .item:hover .pic img,.list-news .list .item:hover .pic img,.list-video .list .item:hover .pic img,.om-cases .item:hover .pic img,.aw-grid .item:hover img{transform:scale(1.12);filter:saturate(1.18) contrast(1.05);}
.list-news .list .item .pic::after,.list-video .list .item .pic::after,.om-cases .item .pic::after,.aw-grid .item::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(circle 8vw at var(--mx,50%) var(--my,50%),rgba(255,170,100,.4),rgba(255,170,100,0) 60%);opacity:0;transition:opacity .35s ease;}

.list-products .list .item::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(circle 6vw at var(--mx,50%) var(--my,50%),rgba(255,170,100,.2),rgba(255,170,100,0) 60%);opacity:0;transition:opacity .35s ease;}

.list-products .list .item:hover::after{opacity:1;}
.aw-grid .item h1,.aw-grid .item span{position:absolute;z-index:2;}
.info-f .ico a i{transition:transform .6s ease,color .3s;}
.info-f .ico a:hover i{transform:rotateY(360deg);}
.footer .left .ico a{transition:transform .4s ease,border-radius .4s ease,background .4s ease;}
.om-steps .item .ico{transition:transform .4s ease,background .4s ease,box-shadow .4s ease;}
.om-steps .item:hover .ico{transform:rotate(8deg) scale(1.08);box-shadow:0 10px 28px rgba(233,84,18,.3);}

.au-stats .item{transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease;}
.au-stats .item:hover{transform:translateY(-8px);border-color:var(--on-color);box-shadow:0 16px 36px rgba(233,84,18,.15);}
.cn-form input:focus,.cn-form textarea:focus{box-shadow:0 0 0 3px rgba(233,84,18,.12);}
.footer .meslist .mw:focus{border-color:var(--on-color);box-shadow:0 0 0 3px rgba(233,84,18,.25);outline:none;}

@media screen and (max-width:992px){
.tilt-card{transform:none !important;}
}