:root {
  /* 基础颜色 */
  --primary-color: #937449;

  /* 文本颜色 */
  --text-primary-color: #000;
  --text-secondary-color: #727272;
  --text-tertiary-color: #959595;
  --text-quaternary-color: #F0F0F0;
  --text-inverse-color: #fff;
}
* { margin: 0; padding: 0; font-style: normal; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; vertical-align: baseline; }
html, body {-webkit-overflow-scrolling: touch; width: 100%;}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background:#fff; }
body { color: #282526; font-weight: normal; letter-spacing: 0.2px; line-height: 1.5; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", PingFangSC-Regular, sans-serif,'Microsoft Yahei', Helvetica, sans-serif;}
a { color: #282526; text-decoration: none; outline: none; cursor:pointer; }
ol, ul { list-style: none; }
img { vertical-align: middle; }
a, img { -webkit-touch-callout: none }
a, div, img, button, input, textarea, label, select { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
input, textarea { -webkit-appearance: none; appearance: none; }
h1, h2, h3, h4, h5, b, strong { font-weight: normal; }
textarea { color: #282526; font-size: 0.9rem; }
input, textarea, button { outline: 0; }

.nav-btn i {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}


body { padding-top:80px; }
.header { height:80px;position:fixed; left:0; top:0; width:100%; z-index:11; transition: all 0.3s; }
.header-min { background: #fff; -webkit-box-shadow: 0 0 10px -3px rgba(0,0,0,.3); -moz-box-shadow: 0 0 10px -3px rgba(0,0,0,.3); box-shadow: 0 0 10px -3px rgba(0,0,0,.3); }
.header-main { display:flex; height:100%; justify-content:space-between; align-items: center; }
.main-content { width:1366px; margin:0 auto; }
.header-title { font-family:"Arial"; font-weight:600; font-size:16px; cursor:pointer; }

.nav-btn { display:flex; flex-direction:column; }
.nav-btn i { height:2px; width:28px; background: #4d4d4d; display:inline-block; margin:3px 0; }
.nav-btn-active i { background:var(--primary-color); }

.nav-min { display:none; }

/*.nav-btn-active .line-b { opacity:0; }
.nav-btn-active .line-a { transform:rotate(90deg) translate3d(6px, 5px, 0); }
.nav-btn-active .line-c { transform:rotate(90deg) translate3d(6px, -5px, 0); }*/

.header-right { display:flex; justify-content:center; justify-items:center; gap: 24px;  }
.lang { color: var(--primary-color); font-family:"Arial";font-size:16px; cursor:pointer; }
.member-center { color: var(--primary-color); cursor: pointer; }

.home-banner-main { position:relative; overflow:hidden; }
.home-banner-main img { width:100%; }
.hb-video { position:absolute; left:0; right:0; top:-120px; bottom:0; }

.home-banner { overflow:hidden; width:100%; }

.home-word { position:absolute; left:0; top:10px; width:100%; text-align:center; z-index:3; padding:0 5px; }
.home-word .hw-d { position:relative; }
.home-word .hw-d > img { width:auto; max-width:100%; opacity: 0;}
.hw-a,.hw-b,.hw-c { position:absolute; }
.hw-a { left:0; top:0; width: 0%; height:100%; overflow:hidden;  transition: all 2s 0.1s ease-in-out;}
.hw-a img { position:absolute; left:0; top:0; }
.begin .hw-a { width:100%; }
.hw-b { left:0; top:0; width:100%; height:0%; overflow:hidden; transition: all 1.5s 1.8s ease-out; }
.hw-b img { position:absolute; top:0; left:0; }
.begin .hw-b { height:100%; }
.hw-c { left:0; top:0; opacity:0;transition: opacity 0.1s 3.3s ease-out;  }
.begin .hw-c { opacity:1; }

.hw-a img,.hw-b img { opacity:1;transition: opacity 0.8s 3.2s ease-out;  }
.begin .hw-a img,.begin .hw-b img { opacity:0; }
.hw-a-i {  width:100%; height:100%; overflow:hidden; }
.hw-a > img { width:auto; }
.hw-a-i img { position:absolute; left:0; top:0; width:100%; height:100%; }


.home-banner-title { z-index:3; position:absolute; width:100%;left:0; top:50%; margin-top: -42px; text-align:center; color:#fff; font-size:36px; }
.hbt-a {font-weight:200;letter-spacing: 7.2px; font-family: PingFangSC-Ultralight, sans-serif;}
.hbt-b {text-transform:uppercase;font-size:12px; letter-spacing: 3.2px;padding-top: 15px; color: #e0e0e0;  font-family: Arial; font-weight: 100;} 
.hbt-a,.hbt-b { opacity:0; transform:translate3d(0px, 30px, 0px); transition: all 0.6s 3.5s ease-out;  }
.hbt-b {transition-delay:3.8s;  }
.begin .hbt-a,.begin .hbt-b { opacity:1; transform:translate3d(0px, 0px, 0px); }

.home-about { position:relative; }
.home-about-main { position:absolute; left:0; top:0; right:0; bottom:0; text-align:center; display:flex; justify-content:center; align-items:center;  }
.home-about-main > div {  text-align:center; display:flex; justify-content:center; align-items:center;  }
.ham-content { width:580px; color:#343434; text-align:left; margin-left:50px; line-height:24px; font-size:16px; padding-bottom:20px; }

.ham-more { position:absolute; left:0; width:100%; bottom:70px;  }
.ham-more a { color:var(--primary-color); font-size:14px; font-weight:500; font-family: Arial; }

.tit-h2 { font-size:20px; color:#000000; }
.tit-h3 { color:#d1d1d1; font-size:14px; font-family: Arial; font-weight:100; padding-left:6px; }
.title { display:flex; align-items:flex-end; }

.home-product-top { display:flex; justify-content:space-between; align-items:center; padding-top:55px; }
.right-view a { font-size:14px; color:#565656; }
.right-view a { display:flex; align-items:center; justify-content:center }
.right-view:hover { color:var(--primary-color) }
.rv-icon { display:inline-block; margin-left:24px; }
.right-view .aline span:before { left: 0; transform: translate3d(0%, 0px, 0px); }


.select { display:flex; align-items:center; position:relative; z-index: 4; }
.select-title {  display:flex;align-items:center; position:relative;  }
.select-current { font-size:14px; color:var(--primary-color); }
.select-icon {display: inline-block;width: 12px;height: 6px; margin-left: 10px;}
.select-icon-h,.select-icon-d { position:absolute; left:0; top:0; }
.select-content { position:absolute; top:41px; left:0; width:150px; border:1px solid #cccccc; background:#fff; padding:30px 0; }
.select-content a { font-size:14px; display:block; text-align:center; padding:8px 0; display:flex; justify-content:center; align-items:center;  }
.select-content a img { height: 23px; width: 23px; position: relative; left: -15px; }
.select-content a:hover { color:var(--primary-color); }

.select-title .select-icon-h  { opacity: 0; transition: all 0.2s ease-out;  }
.select-title:hover .select-icon-h { opacity:1; }

.select { cursor:pointer; }
.select-icon { transform: rotate(180deg); transition: all 0.3s  ease-in-out;}
.select .hover .select-icon { transform: translate3d(0px, 0, 0); }
.select-content { display:none; }

.select-list { display:flex; position: relative; z-index: 11;  margin-top:35px; padding-bottom:25px; font-size: 14px; color: var(--primary-color); }
.select-list-con { display:flex; }
.select-list-con p {  margin-right:30px; }
.select-list-con p a { cursor:pointer; display:inline-block; color:#a7a7a7; }
.select-list-con p a:hover,.select-list-con p.active a { color:var(--primary-color); }

.search-box { height: 30px; border: 1px var(--text-quaternary-color) solid; padding: 0 10px; display: flex; align-items: center; border-radius: 4px; }
.search-box > i { color: var(--text-secondary-color); margin-right: 8px; font-size: 14px; }
.search-input { border: none; height: 30px; width: 40px; background-color: transparent; will-change: width; transition: width 0.3s ease-in-out; }
.search-input:focus { width: 100px; }

.favorite { color: var(--text-secondary-color); font-size: 14px; cursor: pointer; position: absolute; right: 0; transition: opacity 0.3s ease; }

.front img,.back img { width:100%; }

.home-about-img img { max-width:100%; }

.pc-img { position:relative; }
.pc-img img { width:100%; }
.pci-pic-hover { position:absolute; left:0; top:0; opacity:0; z-index:4; width:100%;  }
.pci-pic-start { position:absolute; left:0; top:0; opacity:1; width:100%;  }
.pc-information { display:flex; align-items:center; padding-top:16px; }
.pc-information .fa-heart { margin-left: auto; color: var(--primary-color); font-size: 17px; }
.picfm-color { width:20px; height:20px; border-radius:50%; display:inline-block;  background: #b8a57e; overflow: hidden;}
.picfm-color img { width:100%; }
.picfm-word { padding-left:20px; }
.picfm-word p { font-size:14px; color:#000; line-height:20px; }

.swiper-container-product { margin-top:-40px; padding-bottom:30px; }
.swiper-container-product .swiper-container {  padding-bottom:70px; padding-top:40px;  }
.swiper-container-product .swiper-pagination-bullet { width:10px; height:10px; opacity:1; border:1px solid #000; background:none; }
.swiper-container-product .swiper-pagination-bullet-active { border:none; background:var(--primary-color); }
.swiper-container-product >.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 5px; }



.home-brand .main-content{ display:flex; justify-content:space-between } 
.home-brand-list { flex:1; position:relative; overflow:hidden; }
.hbl-word { position:absolute; left:0; top:0; right:0; bottom:0; }
.home-brand-list:first-child  { margin-right:10px; }
.hbl-word { color:#ebebeb; display:flex; justify-content: center; flex-direction:column; padding-left:70px; }

.hbl-word h3 { font-size:20px; font-weight:normal;  }
.hbl-word h4 { font-size:14px; font-weight:normal; opacity:0.34; padding-top:8px; text-transform:uppercase }
.hbl-word p { padding-top:25px; }
.hbl-word p a { color:var(--primary-color); font-size:14px; text-decoration:underline; font-weight:700; font-family: Arial;  }

.home-brand { margin-top:80px; }
.videPlayBtn { position:absolute; top:50%; left:50%; transform: translate3d(-50%, -50%, 0); transition:all 0.3s ease-in-out; opacity:1; }
.videPlayBtn:hover { opacity:0.7; }
.videPlayBtn img { width:5.4vw; max-width: 102px;}

.home-news-title { text-align:center; margin-top:0px; }
.home-news-title .tit-h2 { font-size:24px; }

.home-news-content { display:flex; margin-top:60px;  }
.hnc-list { flex:1; text-align:center; }

.hnc-list h5 { font-size:20px; color:#171717; margin-bottom:15px; }
.hnc-list p { color:#171717; font-size:14px; margin-bottom:40px; }
.hnc-list a { width:80px; height:44px; line-height:44px; text-align:center; display:inline-block; font-size: 14px; font-family: Arial; font-weight: 700; background:#000000; }


.footer { margin-top:120px; }
.footer-nav { display:flex; justify-content:center; }
.footer-nav a { display:inline-block; margin:0 40px; font-size:14px; color:#626262; }
.copyright { margin-top:60px; color:#a1a1a1; font-size:14px; text-align:center;  }

.weMedia { display:flex; justify-content:center;align-items:center; margin-top:60px;  }
.weMedia span { color:#171717; font-size:14px; padding-right:28px; }
.weMedia a { display:inline-block; margin:0 12px; position: relative;}
.weMedia .show-code { position: absolute; left: 50%; transform: translate3d(-50%, 0, 0); bottom: 32px; display: none; }
.weMedia a:hover .show-code { display:block; }


.footer-logo { padding:45px 60px 35px 60px;  }
.footer-logo img { max-width:100%; }

.nav-content { position:absolute; top:80px; width:100%; left:0; background:#ececec; z-index:99; overflow:hidden; height:0; transition: all 0.3s; }
.nav-content.open { height:367px; }
.navm-list { opacity:0; transition: opacity 1s 0.1s; }
.nav-content.open .navm-list { opacity:1; }
.navm-sub .navms-list { opacity:0; transition: opacity 1s 0.3s;  }
.nav-content.open .navm-sub .navms-list { opacity:1; }

.nav-main { width:1060px; margin:0 auto; position:relative; }

.navm-list { display:flex; font-size:14px; color:#000000; }
.navm-list > div { display:inline-block; padding-top:24px; margin-right:100px; position:relative; cursor:pointer; }
.nav-bottom { position:absolute; top:0; left:0; width:56px; height:3px; background:#000; transition: all 0.3s ease; }
/*.navm-list a.active:after { content: ""; position:absolute; top:0; left:0; width:100%; height:3px; background:#000; }
*/
.navms-list { display:flex; justify-content:space-between; align-items:center; }
.navm-sub { margin:42px 0 50px 0; }
.navms-left-a { width:320px; }
.navms-left-a a { font-size:14px; color:#000; display:inline-block; margin-right:80px; line-height:36px;transition: color 0.3s ease-in-out; }
.navms-left-a a:hover { color:var(--primary-color); }
.navms-left-b { display:flex; align-items: center; }
.navms-left-b a{ opacity:0.7; display:inline-block; margin-right:60px;transition: opacity 0.3s; }
.navms-left-b a:hover { opacity:1; }


.nav-content { display:none; }

.animation { visibility: hidden; opacity: 1 !important; }
.ham-logo,.ham-content,.ham-more,.home-product-top,.select { transition: all 0.7s 0.1s ease-in-out; opacity: 0;}
.ham-logo,.ham-content { transform: translate3d(0, -30px, 0); opacity:0; }
.ham-content { opacity:0; transition-delay:0.3s; }
.ham-more { opacity:0;  transition-delay:0.5s;}
.select {  transition-delay:0.3s;   }

.begin .ham-logo,.begin .ham-content,.begin .ham-more,.begin .home-product-top,.begin .select  { opacity: 1; transform: translate3d(0, 0, 0); }

.pci-pic-start { transition: all 1s 0.5s ease-in-out; }
.pc-img { cursor:pointer; }

.swiper-container-product.animation { visibility: visible; }
.swiper-container-product .swiper-slide .pci-pic-start { opacity:1;  }
.swiper-container-product .swiper-slide:nth-child(1) .pci-pic-start { opacity:1; }
.swiper-container-product .swiper-slide:nth-child(2) .pci-pic-start {  transition-delay:0.8s  }
.swiper-container-product .swiper-slide:nth-child(3) .pci-pic-start {  transition-delay:1.1s  }
.swiper-container-product .swiper-slide:nth-child(4) .pci-pic-start {  transition-delay:1.4s  }
.begin.swiper-container-product .swiper-slide .pci-pic-start { opacity:0; }

.swiper-container-product .swiper-container .swiper-slide { opacity:0; transition: opacity 0.8s 0s ease-in-out; }
.swiper-container-product .swiper-container .swiper-slide:nth-child(2) { transition-delay:0.1s }
.swiper-container-product .swiper-container .swiper-slide:nth-child(3) { transition-delay:0.2s }
.swiper-container-product .swiper-container .swiper-slide:nth-child(4) { transition-delay:0.3s }
.swiper-container-product.begin .swiper-container .swiper-slide { opacity: 1; }

.pci-pic-hover { transition: all 0.8s  ease-in-out; }
.pc-img .pci-pic-hover  { transition: all 0.7s 0s ease-in-out; opacity:0; }
.pc-img:hover .pci-pic-hover  { opacity:1 !important;  }

.home-brand-list > img { transition: all 0.9s 0s ease-in-out;transform: scale(1.15); width:100%;  } 
.begin .home-brand-list > img { transform: scale(1); }

.hbl-word > * { transition: all 0.5s  ease-in-out; opacity:0; transform: translate3d(0, 30px, 0); }
.hbl-word h4 { opacity:0; transition-delay:0.2s; }
.hbl-word p { opacity:0; transition-delay:0.4s; }
.begin .hbl-word h3 { opacity:1; transform: translate3d(0, 0, 0);}
.begin .hbl-word h4 { opacity:0.34; transform: translate3d(0, 0, 0);}
.begin .hbl-word p { opacity:1; transform: translate3d(0, 0, 0);}

.home-news { flex:1; }
.home-news-title .tit-h2 { opacity:0;  transition: all 0.6s  ease-in-out; transform: translate3d(0, 30px, 0);    }
.home-news-title .tit-h3 { opacity:0;  transition: all 0.6s 0.1s  ease-in-out;  transform: translate3d(0, 30px, 0);   }

.home-news-title.begin .tit-h2 { opacity: 1; transform: translate3d(0, 0, 0);}
.home-news-title.begin .tit-h3 { opacity: 1; transform: translate3d(0, 0, 0);}
 
.hnc-list h5 { opacity:0;  transition: opacity 0.8s 0.3s  ease-in-out; cursor: pointer;}
.hnc-list p { opacity:0;  transition: all 0.8s 0.5s ease-in-out;  }
.hnc-list a { opacity:0;  transition: all 0.8s 0.7s  ease-in-out; }

.hnc-list h5:hover { color:var(--primary-color) }
.begin .hnc-list h5 { opacity:1;  }
.begin .hnc-list p { opacity:1;  }
.begin .hnc-list a { opacity:1; }

.hnc-list a span { color:var(--primary-color); transition: all 0.2s  ease-in-out; display:inline-block; position:relative; line-height:1; }
.hnc-list a span:after { content: ''; position:absolute; bottom:-1px; left:0; right:0; height:1px; background:var(--primary-color); }
.hnc-list a span:before { content: ''; position:absolute; bottom:-1px;  left:50%; transform: translate3d(-50%, 0px, 0px); width: 0; height:1px; background:#f6d4a5; z-index:4; transition: all 0.3s ease-in-out; }
.hnc-list a:hover span:before { width:100%; }

.hnc-list a:hover span { color:#f6d4a5; }

.ham-more a span { color:var(--primary-color); transition: all 0.2s  ease-in-out; display:inline-block; position:relative; line-height:1; }
.ham-more a span:after { content: ''; position:absolute; bottom:-1px; left:0; right:0; height:1px; background:var(--primary-color); }
.ham-more a span:before {content: '';position:absolute;bottom:-1px;left:50%;transform: translate3d(-50%, 0px, 0px);width: 0;height:1px;background: #2e1d05;z-index:4;transition: all 0.3s ease-in-out;}
.ham-more a:hover span:before { width:100%; }
.ham-more a:hover span {color: #2e1d05;}


.aline { position:relative; }
.aline span:before { content: ''; position:absolute; bottom:-1px; left:50%; transform: translate3d(-50%, 0px, 0px); width: 0; height:1px; background:var(--primary-color); z-index:4; transition: all 0.3s ease-in-out; }
.aline:hover span:before { width:100%; }
.aline:hover span { color:var(--primary-color); }



.colorMore { text-decoration:none; }
.colorMore span { color:var(--primary-color); transition: all 0.2s  ease-in-out; display:inline-block; position:relative; line-height:1; }
.colorMore span:after { content: ''; position:absolute; bottom:-1px; left:0; right:0; height:1px; background:var(--primary-color); }
.colorMore span:before { content: ''; position:absolute; bottom:-1px;  left:50%; transform: translate3d(-50%, 0px, 0px); width: 0; height:1px; background:#f6d4a5; z-index:4; transition: all 0.3s ease-in-out; }
.colorMore:hover span:before { width:100%; }
.colorMore:hover span { color:#f6d4a5; }

.footer .main-content ,.footer-logo{ opacity:0; transition: opacity 0.8s 0s  ease-in-out;}
.begin.footer  .main-content ,.begin .footer-logo{ opacity:1; }

.pic-pc { display:block; }
.pic-m { display:none; }

.videPlaybox { position:fixed; left:0; top:0; z-index: 13; width:100%; height:100%; display:flex; justify-content:center; align-items:center; }
.videPlaybox-bg { position:absolute; left:0; top:0; width: 100%; height: 100%; background:#000; opacity:0;  transition:all 0.3s ease-out;  }
.videPlaybox-content { overflow: hidden; background:#000; width:60%; position: relative; z-index: 2; padding: 50px 0 10px 0; transform:scale3d(0.6, 0.6, 1.0); opacity:0; transition:all 0.3s ease-out; }
.playboxOpen .videPlaybox-content { transform:scale3d(1, 1, 1.0); opacity:1; }
.playboxOpen .videPlaybox-bg { opacity:0.8; }
.closeVideo { position:absolute; right:20px; top:10px; display:block; z-index:4; }

.profile-introduce { display:flex; padding:10vw 5vw; align-items: center; justify-content: space-between;}
.profile-i-tit { text-transform:uppercase;  }
.profile-i-tit span { display:block; text-transform:uppercase; }
.profile-i-tit h2 { font-size:32px; font-family:"Arial"; line-height: 1.2;}
.profile-i-tit h3 { font-size:20px; padding-top:2px; }
.profile-i-con { width:50%; font-size:14px; color:var(--text-secondary-color); line-height:24px; }
.profile-ic-line { height:3px; width:27%; background:#0c0c0a; margin-bottom:16px }
.profile-i-tit h2 strong { font-size:56px; padding-right:2px; font-weight:normal; }

.profile-i-tit h2,.profile-i-tit h3 { transition: all 0.6s ease-in-out; transform: translate3d(0, 30px, 0px); opacity:0;  }
.begin .profile-i-tit h3 { transition-delay:0.2s; }
.begin .profile-i-tit h2,.begin .profile-i-tit h3 { opacity:1; transform: translate3d(0, 0, 0px); }
.profile-ic-line { width:0;transition: all 0.6s 0.5s ease-out;  }
.begin .profile-ic-line {  width:27%; }
.profile-ic-word { opacity:0;transition: all 1.2s 0.4s ease-out; }
.begin .profile-ic-word { opacity:1; }

.profile-pic { position:relative; }
.profile-pic img { max-width:100%; }
.profile-pic-g { position:absolute; left:0; top:0; opacity:0; transition: all 1.5s 0.5s ease-out; }
.begin .profile-pic-g { opacity:1; }
.profile-pic-s { position:absolute; left:0; top:0; opacity:0; transition: all 2s 1.6s ease-out; }
.begin .profile-pic-s { opacity:1; }

.profile-product { text-align:center; margin-top:68px; }
.profile-p-tit { font-size:20px; padding-bottom:60px; }
.profile-p-tit span { display:inline-block; position:relative; }
.profile-p-tit span:after { content:""; height:3px; background:#000; position:absolute; width: 160px; left: 50%; transform:translate3d(-50%, 0px, 0px); bottom:-32px;  }
.profile-p-tit span:after { width:0; transition: all 0.6s  ease-out; }
.begin .profile-p-tit span:after { width:160px; }
.profile-p-con { color:var(--text-secondary-color); font-size:14px; padding: 0 30px; padding-top:20px; line-height:24px; }
.profile-p-con h3 { font-size:24px; color:var(--text-secondary-color); padding-top:30px; }
.profile-p-con p,.profile-p-con h3 { opacity:0;  transform:translate3d(0, 30px, 0px);transition: all 0.6s 0.3s  ease-out;  }
.profile-p-con h3 { transition-delay:0.5s; }
.begin .profile-p-con p,.begin .profile-p-con h3 { opacity:1;transform:translate3d(0, 0, 0px); }

.profile-production { margin-top: 50px; }
.profile-production h3 { margin: 30px 0; text-transform: uppercase; }
.profile-production-body { display: flex; flex-direction: row; gap: 30px; }
.profile-production dl { flex: 1; font-size: 30px; }
.profile-production dl:nth-child(3) { flex: 0.6; }
.profile-production dl img { object-fit: cover; width: 18em; height: 9em; }
.profile-production-dt-name { font-size: 14px; color: var(--text-primary-color); }
.profile-production-dt-name i { font-size: 12px; color: var(--text-tertiary-color); }
.profile-production dd { font-size: 14px; color: var(--text-secondary-color); margin-top: 10px; }
.profile-production-imgs { margin-top: 30px; }
.profile-production-imgs, .profile-production-imgs-2, .profile-production-imgs-1 { display: flex; gap: 10px; }
.profile-production-imgs-1 { flex: 2; }
.profile-production-imgs-2 { flex: 3; }
.profile-production-imgs-1 img, .profile-production-imgs-2 img { flex: 1; width: 100px; object-fit: cover; aspect-ratio: 259/143; }
.profile-production .sub-title { font-size: 0.7em; margin-left: 0.7em; color: var(--primary-color); }

.course-introduce { padding:56px 8vw;  }
.course-i-top { display:flex; justify-content:space-between; align-items:center; }
.course-it-left { padding-bottom:100px; }
.course-itl-cn { font-size:20px; padding-top:20px; }

.course-i-bottom { display:flex; justify-content:space-between; align-items:center; padding-top:40px; }
.course-ib-left { color:var(--text-secondary-color); font-size:20px; }
.course-ib-word {width: 334px; padding-bottom: 38px;}
.course-ib-word span { display:block; line-height:24px;color:var(--text-secondary-color); }
.course-ib-line { height:4px; width:100%; background:#b7b7b7; }
.course-title { text-align:center; margin-top:50px; }
.course-title-ch { color:var(--text-secondary-color); font-size:20px; padding-top:46px; }
.swiper-container-course { margin-top:40px; padding-bottom:0px; }

.swiper-pagination-page { display:flex; justify-content:center; position:relative;  bottom:0; margin-top:50px; padding:0 2vw; }
.swiper-page { flex:1; cursor: pointer;}
.swiper-page p { color:#606060; font-size:18px; font-weight:700; line-height:32px; }
.swiper-page h5 { font-size:14px; color:var(--text-secondary-color); padding-top:4px; display:inline-block; position:relative; padding-bottom:12px; }
.swiper-page.swiper-page-active p { animation:swiperPage  0.3s ease-in-out forwards; }
@keyframes swiperPage
{
  0 { font-size:18px; color:#606060; }
  100% { font-size:24px; color: #000;}
} 

.swiper-page.swiper-page-active h5:after {animation:swiperPageLive 0.5s ease-in-out forwards;  content:''; position:absolute; bottom:0; left:50%; transform:translate3d(-50%, 0px, 0px); height:4px; background:#b7b7b7; width:4px; }

@keyframes swiperPageLive
{
  0 { width:0% }
  100% { width:100% }
} 
.swiper-pagination-page.main-content { width:1366px; bottom:0; }

.course-itl-en,.course-itl-cn,.course-ib-left,.course-title-en,.course-title-ch { opacity:0;  transform:translate3d(0, 30px, 0px);transition: all 0.6s ease-out;  }
.course-itl-cn,.course-title-ch { transition-delay:0.2s; }
.course-ib-left  { transition-delay:0.4s; }
.course-it-right,.course-ib-word { transition: all 1.6s ease-out;  opacity:0; }
.course-ib-word  { transition-delay:0.2s; }
.begin .course-itl-en,.begin .course-itl-cn,.begin .course-it-right,.begin .course-ib-left,.begin .course-ib-word,.begin .course-title-en,.begin .course-title-ch { opacity:1;transform:translate3d(0, 0, 0px); }
.course-ib-line { width:0%;transition: all 0.6s 0.6s ease-out;  }
.begin .course-ib-line  { width:100%; }


.swiper-container-course .swiper-slide { overflow:hidden; }
.swiper-container-course .swiper-slide img { transform:scale3d(1.1, 1.1, 1); transition: transform 1.1s ease-out; max-width:100%;  }
.swiper-container-course .swiper-slide-active img { animation:swiperActive 5s 0.1s ease forwards; }
@keyframes swiperActive
{
  0 { transform:scale3d(1.1, 1.1, 1);  }
  100% {  transform:scale3d(1, 1, 1);}
} 

.course-title-en { padding:0 30px; }
.course-title-en img { max-width:100%; }


.team-title { margin:7vw 0 5vw 0; padding:0 3vw; }
.team-t-b { padding-top:18px; }
.team-t-c { font-size:20px; padding-top:30px; }

.team-d-tit { margin-top:6vw; display:flex; justify-content:space-between; align-items:center; }
.team-dt-h3 { font-size:30px; color:var(--text-secondary-color); }
.team-dt-right { font-size:20px; color:var(--text-secondary-color); position: relative; padding-bottom: 30px;}
.team-dt-right:after { content:''; position:absolute; right:0; bottom:0; height:3px; background:#b7b7b7; width:340%; }
.team-dt-right:after { width:0%; transition: all 1s 0s ease-out;  }
.begin .team-dt-right:after { width:40vw; }

.team-pic-list { display:flex; justify-content:space-between; margin-top:8vw; }
.team-pr-a { text-align:right; }

.team-pr-c { display:flex; }
.team-prc-l { padding-top:10px; font-size:20px; color:#000; line-height:36px; }
.team-pr-b { margin-top:18px; }
.team-pr-c { margin-top:18px;display:flex; justify-content:space-between;  }
.team-prc-l span { display:block; }
.team-pic { overflow:hidden; }
.team-pic img { max-width:100%; }
.team-pl-left { max-width:40% }
.team-pl-left img { max-width:100%; }
.team-pl-right { flex:1; padding-left:4vw; }
.team-pl-right img { max-width:100%; }
.team-pr-a img { max-width:60%;  }
.team-prc-r { width:79% }


.ADOA,.ADOB,.ADOC,.ADOD,.ADOE,.ADOF { opacity:0;  transform:translate3d(0, 30px, 0px);transition: all 0.6s ease-out;  }
.ADOB { transition-delay:0.2s; }
.ADOC { transition-delay:0.4s; }
.ADOD { transition-delay:0.6s; }
.ADOE { transition-delay:0.8s; }
.ADOF { transition-delay:1s; }
.begin .ADOA,.begin .ADOB,.begin .ADOC,.begin .ADOD,.begin .ADOE,.begin .ADOF { opacity:1;transform:translate3d(0, 0, 0px); }

.OPOA,.OPOB,.OPOC,.OPOD,.OPOE,.OPOF { opacity:0; transition: all 1.2s ease-out;  }
.OPOB { transition-delay:0.2s; }
.OPOC { transition-delay:0.4s; }
.OPOD { transition-delay:0.6s; }
.OPOE { transition-delay:0.8s; }
.OPOF { transition-delay:1s; }
.begin .OPOA,.begin .OPOB,.begin .OPOC,.begin .OPOD,.begin .OPOE,.begin .OPOF { opacity:1; }


.oh { overflow:hidden; }
.AImg,.AImgB { transform:scale3d(1.1, 1.1, 1);  }
.begin .AImg { animation:aImgStart 10s ease forwards; }
.begin .AImgB { animation:aImgStart 15s ease forwards; }
@keyframes aImgStart
{
  0% { transform:scale3d(1.1, 1.1, 1);  }
  100% {  transform:scale3d(1, 1, 1);}
} 


.factory-list { background:#f6f6f6; padding:38px 0; }
.factory-l-con { display:flex; justify-content:space-between; }

.factory-l-tit { color:var(--text-secondary-color); font-size:20px; padding-bottom:18px; }
.fiwa { font-size:20px; color:#343434; padding-top:20px; padding-bottom:6px; }
.fiwb { font-size:14px; color:var(--text-secondary-color); }
.factory-li { padding-top:60px; }
.factory-l-item { display:flex; justify-content:space-between; align-items:center; margin-bottom:35px; }
.factory-l-item:nth-child(even) { flex-direction:row-reverse; }
.factory-li-word { flex:1; display:flex; justify-content:center;padding: 0 30px; }
.factory-li-word p span { display:block; }

.brand-l-about { display:flex; justify-content:space-between; align-items:center; margin-top:4vw; margin-bottom:3vw; }
.brand-l-pic img { max-width:100%; }
.brand-law-p { color:#272727; font-size:14px; line-height:24px; }
.brand-law-p span { display:block; }
.brand-link { display:flex; justify-content:flex-end; }
.brand-lawl-a { display:flex; align-items:center; font-size:16px; font-family:"Arial"; padding-top:80px }
.brand-lawl-a span { padding-right:50px; text-transform:uppercase; }
.flex-start { justify-content:flex-start; }
.brand .aline span:before { left:0;     transform: translate3d(0%, 0px, 0px); }

.brand-icon { position:relative; display:inline-block; }
.brand-icon-h { display:inline-block; position:absolute; left:0; right:0; overflow:hidden; width:0%; height:100%; transition: all 0.2s 0s ease; }
.aline:hover .brand-icon-h { width:100%; transition: all 0.2s 0.2s ease; }


.tx-concept { display:flex; justify-content:space-between; align-items:center; padding:176px 5vw 110px 5vw; }
.tx-c-tit { position:relative; }
.btx-icon {position:absolute;top: -232px;left: -506px;display: block;}
.tx-h2 { font-size:20px; color:#343434; text-align:center; padding-bottom:15px }
.tx-h3 { font-size:70px; color:#343434; line-height:0.7;font-family:"Arial";  }
.tx-h3 span { display:block; }
.tx-c-con { width:60%; font-size:14px; color:var(--text-secondary-color); line-height:24px; }
.tx-pic { position:relative; z-index:3; }
.tx-logo { position:absolute; width:100%; height:100%; left:0; top:0; display:flex; align-items:flex-end; }
.tx-logo > div { text-align:right; padding-bottom:40px; padding-right:87px; }




.tx-positioning { background:#f6f6f6; padding:90px 0; }
.tx-p-title { font-family:"Arial"; color:#343434; font-size:50px; line-height:1; }
.tx-p-content { display:flex; justify-content:space-between; margin-top:70px; }
.tx-pc-left { flex:1; text-align:center; display:flex; flex-direction:column; justify-content:space-between; }
.tx-pcl-a { font-size:20px; color:#343434; }
.tx-pcl-b { font-size:14px; color:#696969; line-height:36px; }
.tx-pc-right { display:flex; }
.tx-pcr-l { margin-right:40px; }
.tx-pcr-r {margin-right:40px;display: flex;flex-direction: column;justify-content: space-between;}
.tx-pcrr-b {text-align:right;}

.tx-product { display:flex; flex-wrap: wrap; align-content: flex-start; margin-top: 60px;}
.tx-p-item { margin-top: 50px; flex: 0 0 30%; margin-right: calc(15% / 3); }
.tx-p-item:nth-child(3n) { margin-right: 0; }
.tx-pi-tit { color:#000; font-size:16px; padding-top:20px; }
.tx-pi-con { color:#959595; font-size:14px; padding-top:12px; }
.tx-pi-pic img { max-width:100%; }

.tx-p-item:nth-child(2) { transition-delay:0.2s; }
.tx-p-item:nth-child(3) { transition-delay:0.4s; }
.tx-p-item:nth-child(4) { transition-delay:0.6s; }
.tx-p-item:nth-child(5) { transition-delay:0.8s; }
.tx-p-item:nth-child(6) { transition-delay:1s; }
.tx-p-item:nth-child(7) { transition-delay:1.2s; }
.tx-p-item:nth-child(8) { transition-delay:1.4s; }
.tx-p-item:nth-child(9) { transition-delay:1.6s; }

.sw-c-pic { display:inline-block; background:#f3f3f3; padding:56px 32px 42px 32px; position:relative; z-index:2; margin-right:7vw; }
.sw-concept { display:flex; position:relative; padding:30px 0; justify-content:center; }
.sw-concept-bg { position:absolute; left:0; top:14%; text-align:center; width:100%; }
.sw-concept-bg img { max-width:100%; }
.sw-ctt-a { display:flex; align-items:flex-end; color:#343434; }
.sw-ctt-a .a { font-size:70px; line-height:0.9; font-family:"Arial" }
.sw-ctt-a .b { font-size:20px; padding-left:10px;  }
.sw-ctt-b { color:#343434;font-size:70px; line-height:0.9; font-family:"Arial"  }
.sw-c-title { position:relative; z-index:2; display:flex; flex-direction:column; justify-content:center; }
.sw-ct-con span { display:block; }
.sw-ct-con { font-size:14px; color:var(--text-secondary-color); line-height:24px; margin-top:40px; padding-bottom:100px; }
.sw-pic > div { text-align:center; }
.sw-pic .sw-pic-a { width:calc(33% - 10px); }
.sw-pic .sw-pic-b { width:calc(35% - 10px); }
.sw-pic .sw-pic-c { width:calc(31% - 10px); }
.sw-pic-a {  }

.sw-p-title { display:flex; justify-content:space-between; align-items:flex-end; }
.sw-pt-h3 { font-size:80px; line-height:1; color:#343434; font-family:"Arial"; text-transform:uppercase; }
.sw-pt-h3 span { display:block; }
.sw-pt-y { padding-bottom:10px; }
.sw-pt-y span { display:inline-block; font-size:20px; font-family:"Arial"; color:#696969; border:3px solid #000; border-radius:20px; padding:2px 18px; }

.sw-pic { display:flex; align-items:center; justify-content:space-between; }
.sw-pic img { max-width:100%; }
.sw-positioning {display: flex;  margin-top: 8vw; overflow: hidden; justify-content:space-between;}
.sw-p-item-b { margin-left:140px; margin-top:14px; margin-right:10px; }
.sw-p-item-c {  }

.sw-p-item-a { width:calc(30% - 10px); }
.sw-p-item-b,.sw-p-item-c,.sw-p-item-d { width:calc(35% - 10px); }
.sw-pi-pic img { max-width:100%; }


.sw-pi-title { font-size:14px; color:var(--text-secondary-color); padding-top:30px; }

.u-concept { margin-top:2vw; display:flex; justify-content:space-between; }
.u-c-title { padding-right:6vw; display:flex; flex-direction:column; align-items:flex-end; }
.u-ct-con { text-align:right; }
.u-ct-con span { display:block; }
.u-ct-tit { width:100%;  }
.u-ctt-a {  color:#343434;  font-size:20px; line-height:1.8; padding-left:72px; }
.u-ctt-b {  color:#343434;  font-size:70px; line-height:0.8; }
.u-ct-logo { padding-top:20px; }
.u-ct-img { padding-top:30px; }
.u-ct-con { font-size:16px; color:var(--text-secondary-color); line-height:24px; padding-top:30px; }
.u-logo-word { text-align:center; padding-top:4vw; }

.u-product { padding:0 100px 0 30px; margin-top:7vw;  }
.u-pt-h3 { font-size:100px; color:#90521f; font-weight:700; line-height:1.1 }
.u-p-title { align-items:flex-start; }
.u-pt-y { padding-top:15px; }
.u-banner { margin-top:5vw; position:relative; }
.u-banner img { max-width:100%; }
.u-b-word { position:absolute; left: 0; top: 0; width:100%; height:100%; font-size:20px; color:#fff; display:flex; align-items:center; justify-content:center; }
.u-b-word span { padding:0 40px; }
.u-positioning { display:flex; justify-content:space-between; padding:0 8vw; margin-top:7vw; }
.u-pl-tit { color:#343434; font-size:20px; padding-top:100px; padding-bottom:40px; }
.u-plc-list { font-size:14px; color:var(--text-secondary-color); line-height:48px; text-transform:uppercase; position:relative; }
.u-plc-list:nth-child(2):after { content: ''; position:absolute; left:260px; top: 50%; margin-top: -1px;  height:2px; background:#444444; width:90px; }
.u-pr-icon { position:absolute; top: 0; left: 500px; display:inline-block; font-size:16px; color:#fff; width: 210px; text-align: center;  background:#444444; border-radius:50px; }

.product-title { text-align:center; text-transform:uppercase; font-size:50px; color:#0d0d0d; font-family:"Arial"; margin:7vw; }
.product-title h4 { font-size:26px; color:#666; }


.p-cl-item { width: calc(25% - 12px); margin-right:16px; margin-bottom:30px; }
.p-cl-item:nth-child(4n) { margin-right:0; }
.p-c-list { display:flex; flex-wrap: wrap;  }


.p-cl-item .pci-pic-start { opacity:1;  }
.p-cl-item:nth-child(1) .pci-pic-start { opacity:1; }
.p-cl-item:nth-child(2) .pci-pic-start {  transition-delay:0.8s  }
.p-cl-item:nth-child(3) .pci-pic-start {  transition-delay:1.1s  }
.p-cl-item:nth-child(4) .pci-pic-start {  transition-delay:1.4s  }
.begin .p-cl-item .pci-pic-start { opacity:0; }

.col { cursor:pointer; }
.col-hover { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1000px; perspective: 1000px; }
.front, .back{ transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); backface-visibility: hidden; text-align: center; height: auto; color: #fff; }
.col-hover:hover .front, .col-hover:hover .back{ transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); }
.back{ position: absolute; top: 0; left: 0; width: 100%; }
.col-hover .back{ transform: rotateY(180deg); transform-style: preserve-3d; }
.col-hover .front{ transform: rotateY(0deg); transform-style: preserve-3d; }
.col-hover:hover .back{ transform: rotateY(0deg); transform-style: preserve-3d; }
.col-hover:hover .front{ transform: rotateY(-180deg); transform-style: preserve-3d; }
.front:after { content:''; position:absolute; width:100%; height:100%; background:#000; opacity:0; left:0; top:0; transition: all 0.2s ease-in; }
.col-hover:hover .front:after { opacity:0.4 }

.swiper-slide-product { width:calc(25% - 9px); margin-right:11px; }


.defaultAnimation .col-hover .back{ transform: rotateY(0deg); transform-style: preserve-3d; }
.defaultAnimation .col-hover .front{ transform: rotateY(-180deg); transform-style: preserve-3d; }
.defaultAnimation.begin .col-hover .back{ transform: rotateY(180deg); transform-style: preserve-3d; }
.defaultAnimation.begin .col-hover .front{ transform: rotateY(0deg); transform-style: preserve-3d; }

.defaultAnimation .swiper-slide-product:nth-child(1) .col-hover .back { transition-delay:0.5s; }
.defaultAnimation .swiper-slide-product:nth-child(1) .col-hover .front { transition-delay:0.5s; }
.defaultAnimation .swiper-slide-product:nth-child(2) .col-hover .back { transition-delay:0.6s; }
.defaultAnimation .swiper-slide-product:nth-child(2) .col-hover .front { transition-delay:0.6s; }
.defaultAnimation .swiper-slide-product:nth-child(3) .col-hover .back { transition-delay:0.7s; }
.defaultAnimation .swiper-slide-product:nth-child(3) .col-hover .front { transition-delay:0.7s; }
.defaultAnimation .swiper-slide-product:nth-child(4) .col-hover .back { transition-delay:0.8s; }
.defaultAnimation .swiper-slide-product:nth-child(4) .col-hover .front { transition-delay:0.8s; }


.defaultAnimation.p-cl-item:nth-child(4n+1) .col-hover .back { transition-delay:0.3s; }
.defaultAnimation.p-cl-item:nth-child(4n+1) .col-hover .front { transition-delay:0.3s; }
.defaultAnimation.p-cl-item:nth-child(4n+2) .col-hover .back { transition-delay:0.4s; }
.defaultAnimation.p-cl-item:nth-child(4n+2) .col-hover .front { transition-delay:0.4s; }
.defaultAnimation.p-cl-item:nth-child(4n+3) .col-hover .back { transition-delay:0.5s; }
.defaultAnimation.p-cl-item:nth-child(4n+3) .col-hover .front { transition-delay:0.5s; }
.defaultAnimation.p-cl-item:nth-child(4n+4) .col-hover .back { transition-delay:0.6s; }
.defaultAnimation.p-cl-item:nth-child(4n+4) .col-hover .front { transition-delay:0.6s; }




.loading-more { text-align:center; margin-top:40px; }
.loading-more-a { display:inline-block; position:relative;}
.lma-h { position:absolute; left:0; top:0; opacity:0; transition:all 0.3s ease; }
.loading-more-a:hover .lma-h { opacity:1; }

.loading-more-a span { display:block; padding-top:12px; color:#000; font-size:14px;  transition:color 0.3s ease;}
.loading-more-a:hover span { color:var(--primary-color); }
.p-c-select { display:flex; align-items: center; padding: 40px 0 20px; gap: 50px; position: relative; }

.pd-min { margin:0 320px; }
.pd-name {padding-top: 120px;display:flex;justify-content:space-between;align-items:flex-end; position: relative; padding-bottom: 20px; }
.pd-name:after { content: ''; width: 0; position:absolute; left:0; bottom:0; height:2px; background:#000; transition:all 0.6s 0.2s ease; }
.begin.pd-name:after { width:100%; }
.pd-n-left { font-size:40px; color:#0d0d0d; font-family:"Arial" }
.pd-illustrate { padding-top:36px; }
.pd-i-tit { font-size:20px; }
.pd-i-con { font-size:14px; color:var(--text-secondary-color); line-height:24px; padding-top:28px; }

.pd-pic {width:940px;margin:0 auto;margin-top: 60px;}
.swiper-slide-pdPic img { max-width:100%; }
.pd-pic { position:relative; }
.pd-button-prev,.pd-button-next {position:absolute;z-index:12;bottom: -20px; cursor: pointer;}
.pd-button-prev {left: 14%;}
.pd-button-next { right:14%; }

.pd-about { width:720px; margin:0 auto; margin-top:90px; }
.pd-ala-l { font-size:20px; color:#000; padding-left:20px; }
.pd-al-a,.pd-ala-r { display:flex; justify-content:space-between; align-items:center; }
.pd-ala-r .d { display:flex; justify-content:center; align-items:center; border:1px solid #c4c4c4; border-radius:30px; padding:3px; color:#737373; font-size:14px; }
.pd-ala-r .d i { padding:0 10px; }
.pd-ala-r img { width:32px; }
.pd-al-b { padding:25px 50px; border-top:1px solid #000; border-bottom:6px solid #000; margin-top:35px; display:flex; justify-content:space-between; text-align:center;  }
.pd-al-b .b { color:var(--text-secondary-color); padding-top:6px; }

.pd-details { text-align:center; padding-top:50px; font-size:14px; color:#666; }
.pd-details img {  max-width:100%; height:auto !important;  }
.dynamic-title { text-align:center; padding:4vw 0; }
.dy-t-en { font-size:50px; color:#0d0d0d; text-transform:uppercase; font-weight:700;  }
.dy-t-cn { font-size:20px; }

.dynamic-list { display:flex; justify-content:space-between; border:1px solid #dcdcdc; padding:56px 120px; margin-bottom:30px; }
/*.dynamic-list:last-child { border:none; }*/
.dynamic-list:nth-child(even) { flex-direction:row-reverse; }
.dy-l-word { width:40%; }
.dy-l-word .a { color:var(--text-secondary-color); font-size:14px; }
.dy-l-word .a span { padding-left:12px; }
.dy-l-word .b { color:#000; font-size:20px; padding-top:100px; }
.dy-l-word .c { color:var(--text-secondary-color); font-size:14px; padding-top:20px; line-height:24px; }
.dy-l-word .d { margin-top:90px; }
.dy-more { border:1px solid #dcdcdc; display:inline-block; padding:5px 40px; font-size:14px; font-family:"Arial"; transition:all 0.3s ease;  }
.dy-more:hover { color:var(--primary-color); border:1px solid var(--primary-color); }

/*.dynamic-list-nopic { text-align:center; justify-content:center; }
.dynamic-list-nopic  .dy-l-word { width:70%; }*/

.dynamic-list > div:last-child { text-align:center; justify-content:center;  }
.dynamic-list > div:last-child.dy-l-word { width:100%; display:flex; justify-content:center; flex-direction:column; align-items:center; }
.dynamic-list > div:last-child.dy-l-word > div { width:70%; }


.dd-title { font-size:32px; color:#000; margin-top:80px; padding-bottom:14px; border-bottom:3px solid #000; }
.dd-time { padding-top:20px; font-size:14px; color:var(--text-secondary-color); }
.dd-time span { padding-left:10px }
.dd-detail { padding-top:20px; text-align:center; }
.dd-detail img { max-width:100%; height:auto !important; }

.dd-page { margin-top:50px; display:flex; justify-content:space-between; padding:0 100px;  }
.dd-page a { display:flex; justify-content:center; align-items:center; }
.dd-page a:hover span { color:var(--primary-color); }
.dd-page a img { width:31px; height:11px; }
.dd-page a span { display:inline-block; padding:0 30px;color:var(--text-secondary-color); }

.contact-title { text-align:center; margin-top:80px; }
.co-t-en { font-size:70px; color:#000; text-transform:uppercase; font-family: "Arial"; line-height: 1.2;}
.co-t-cn { font-size:20px; color:#000; }
.contact-tel { color:#000; font-size:24px; text-align:center; margin-top:50px; }

.contact-code { display:flex; justify-content:space-between; align-items:flex-end; padding:0 200px; margin-top:100px; text-align:center; }
.co-cl-item .b { font-size:14px; color:#000; padding-top:18px; }

.contact-banner { margin-top:80px; }
.contact-banner img { max-width:100%; }
.contact-address { display:flex; justify-content:space-around; text-align:center; margin-top:100px; }
.co-a-item .a { font-size:20px; color:#000;  }
.co-a-item .b { font-size:14px; color:var(--text-secondary-color); padding-top:8px;  }

.dy-pic { margin-top:80px; }
.dy-pic img { max-width:100%; }
.factory-item { width:calc(50% - 10px); }
.factory-item img { max-width:100%; }
.factory-li-pic img { max-width: 45vw; }

.swiper-slide-pdPic { transition: 300ms; transform: scale(0.9); } 
.swiper-slide-pdPic.swiper-slide-active,.swiper-slide-pdPic.swiper-slide-duplicate-active{ transform: scale(1); } 
.swiper-button-prev { z-index:999; }
.u-p-right { position:relative; z-index:-1; }

.cn {  }
.en { display:none; }

.member-header { display: flex; flex-direction: column; align-items: center; }
.member-header > i { font-size: 100px; color: var(--text-tertiary-color); margin: 10px 0; }
.member-avatar { width: 100px; height: 100px; border-radius: 50px; margin: 10px 0; }
.member-name { color: var(--primary-color); }
.log-out { font-size: 14px; color: var(--text-secondary-color); cursor: pointer; }
.log-out > i { color: var(--text-secondary-color); font-size: 14px; margin-right: 5px; }
.member-info { display: flex; gap: 30px; color: var(--text-secondary-color); font-size: 14px; margin-top: 10px; }

.auth-form { display: flex; flex-direction: column; width: 300px; gap: 10px; margin: 0 auto; }
.st-input-box { display: flex; border: 1px solid var(--text-quaternary-color); height: 50px; border-radius: 5px; padding: 0 16px; transition: border 0.3s ease-in-out; }
.st-input { border: none; flex: 1; height: 100%; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
.st-input::placeholder { color: var(--text-tertiary-color); }
.st-input-box:hover,.st-input-box:focus-within { border: 1px solid var(--primary-color); }
.st-input-box > i { color: var(--text-secondary-color); margin: auto; transition: color 0.3s ease-in-out; }
.st-input-box > i:hover { color: var(--text-primary-color); }
.st-button { height: 50px; border-radius: 5px; border: none; background-color: var(--primary-color); color: var(--text-inverse-color); font-size: 16px; }
.auth-form button { margin-top: 10px; }

@media (max-width:1400px) {
    .main-content { width:100%; padding:0 50px; }
    .videPlaybox-content { width:80% }
    .sw-c-pic img { width:30vw; }
    .tx-pcr-l img { max-width:43vw; }
    .tx-pcrr-a img { max-width:19vw; }
    .tx-pcrr-b img { max-width:15vw; }
    .swiper-pagination-page.main-content { width:100%; }
    .dynamic-list { padding:40px 60px }
    .u-pr-icon { left: 34vw; }
    .u-c-pic { width:40vw; }
    .u-c-pic img { max-width:100%; }
    .pd-min { margin: 0 20vw; }
    .pd-name { padding-top:80px; }
    .profile-production dl { font-size: 24px; } 
}

@media (max-width:1100px) {
    .nav-main { width:100%; padding:0 50px; }
    .navm-list > div { margin-right:8vw; }
    .nav-bottom { left:50px; }
    .navms-left-b { display: flex; align-items: center; flex-direction: column; justify-content: center; flex: 1; }
    .navms-left-b a { margin:9px 0; }
    .sw-c-pic { padding: 4.5vw 3.5vw 4vw 3.5vw; }
    .tx-p-item { margin-top: 50px; flex: 0 0 31%; margin-right: calc(10% / 3); }
    .tx-pcr-l { margin-right: 20px; }
    .contact-code { padding: 0 10vw; }
    .dynamic-list { padding:40px 30px }
    .dy-pic img { max-width:900px; width:900px; position:relative; left:50%; margin-left:-450px;  }
    .pd-pic { width:100%; }
    .begin .team-dt-right:after { width:40vw; }
    .u-c-title { padding-right:0; }
    .u-banner img { max-width:1000px; width:1000px; position:relative; left:50%; margin-left:-500px; }
    .u-p-right { width:40%; }
    .u-p-right img { max-width:100%; }
    .u-positioning { padding:0; }
    .profile-production dl { font-size: 20px; } 
}


@media (max-width:900px) {
    .home-about-main > div { flex-direction:column; }
    .main-content { width: 100%; padding: 0 20px; }
    .home-banner-main > img { height:500px; width:auto; }
    .hb-video video { height:100%; width:auto; }
    .ham-logo img { width:120px; }
    .home-about-img { height:360px; position:relative; }
    .home-about-img img { max-width:10000px; height:100%; position:absolute; right:0; top:0; }
    .ham-content { font-size: 14px; width: 500px; margin-left: 0; text-align: center; padding-top: 25px; }
    .ham-more {position:relative;text-align:center;bottom: 0;padding-top: 20px;}
    .videPlaybox-content { width:90% }

    .right-view .aline span:before { display:none; }
    .tx-pcl-b { line-height:26px; }
    .p-cl-item { width: calc(33.3% - 10px); margin-right: 15px; margin-bottom: 30px; }
    .p-cl-item:nth-child(4n) { margin-right: 15px;}
    .p-cl-item:nth-child(3n) { margin-right: 0; }

    .defaultAnimation.p-cl-item:nth-child(3n+1) .col-hover .back { transition-delay:0.3s; }
    .defaultAnimation.p-cl-item:nth-child(3n+1) .col-hover .front { transition-delay:0.3s; }
    .defaultAnimation.p-cl-item:nth-child(3n+2) .col-hover .back { transition-delay:0.4s; }
    .defaultAnimation.p-cl-item:nth-child(3n+2) .col-hover .front { transition-delay:0.4s; }
    .defaultAnimation.p-cl-item:nth-child(3n+3) .col-hover .back { transition-delay:0.5s; }
    .defaultAnimation.p-cl-item:nth-child(3n+3) .col-hover .front { transition-delay:0.5s; }
    .team-prc-l { font-size:16px; line-height:24px; }
    .begin .team-dt-right:after { width:40vw; }
    .u-pt-h3 { font-size:80px; } 
    .u-ctt-a { font-size:18px; }
    .u-ctt-b { font-size: 50px; padding-left:30px; }
    .u-ctt-a { font-size:18px; line-height:1; padding-top:20px; }
    .u-pr-icon { left: 50vw; width: 120px; font-size: 14px; line-height: 36px; margin-top: 6px; }
    .u-plc-list:nth-child(2):after { left:220px; }
    .u-pl-tit { padding-top:50px; }

  .profile-production-body { flex-direction: column; }
  .profile-production-body dl { order: 2; }
  .profile-production-body dl:last-child { order: 1; }
  .profile-production-body dl:last-child img { width: 100%; height: auto; }
  .profile-production-imgs { flex-direction: column; }
}

@media (max-width:800px) { 
    .header { height:60px; }
    body { padding-top: 60px; }
    .nav-content { top:60px; }
    .navms-right img { width:60vw; }
    .header-logo img { width: 72px; }
    .footer-nav a { margin: 0 20px; }
    .dynamic-list { flex-direction:column-reverse !important; }
    .dy-l-word { width:100%; }
    .dy-l-pic { text-align:center; }
    .dy-l-pic img { max-width:100%; width: auto !important; }
    .dy-l-word { width: 100%; text-align: center; margin-top: 30px; }
    .dy-l-word .b { padding-top: 30px; }
    .dynamic-list { padding:40px 10vw; }
    .dy-l-word .d { margin-top: 40px; margin-bottom: 10px; }
    .dynamic-list > div:last-child.dy-l-word > div { width:100%; }
    .pd-about { width:100%; }
    .u-pt-h3 { font-size: 60px; }
 }

 @media (max-width:767px) { 
     .course-i-top { flex-direction:column; }
     .course-introduce { padding-top:100px; }
     .course-it-left {  width: 90%; }
     .course-i-bottom{ flex-direction:column-reverse; }
     .course-ib-word span { display:inline; }
     .course-ib-line { height:2px; }
     .course-ib-word { padding-bottom:20px; }
     .course-ib-word { font-size:14px; }
     .course-ib-left { color:#000; margin-top:40px; }
     .swiper-container-course .swiper-slide img { width:1300px; position: relative; left: 50%; margin-left: -650px; max-width:2000px; }
     /*.swiper-page { width:200px; flex:1; }*/
     .swiper-pagination-page.main-content { padding:0; }
     .swiper-pagination-page { justify-content: flex-start; }
     /*.course .swiper-pagination { overflow:auto; }*/
 }

@media (max-width:600px) {
    .videPlaybox-content { width:100% }
    .main-content { padding: 0 16px; }
    .hbt-a { font-weight: 500; }
    .hbt-b { font-size:7px; }
    .home-banner-main > img { height:500px; }
    .hb-video { top:-80px; }
    .ham-content { width:auto; padding:0 30px; padding-top:25px; }
    .home-about-main {}
    .home-product-top { padding-top:40px; flex-direction:column; }
    .home-product-top .title { flex-direction:column; text-align:center; align-items:center; }
    .right-view .rv-icon{ display:none; }
    .right-view { text-decoration:underline; margin-top:18px }
    .swiper-container-product .swiper-container .swiper-slide { width:86%; }
    .title .tit-h3 { font-size:12px; padding-top:2px; }
    /* .select { margin-top:25px; padding-bottom:15px; } */
    .header { height:56px; }
    .nav-content { top:56px; }
    body { padding-top: 56px; }
    .select-content { top:36px; padding:15px 0; }
    .select-content a { font-size:14px; }
    .picfm-word p { display:inline; }
    .picfm-color { width:26px; height:26px; }
    .swiper-container-product .swiper-container { padding-bottom: 50px; }
    .swiper-container-product { padding-bottom: 30px; }
    .home-brand { margin-top:40px; display:block; }
    .home-brand .main-content { padding:0; display:block; }
    .home-brand-list:first-child { margin:0; margin-bottom:40px; }
    .pic-pc { display:none; }
    .pic-m { display:block; }
    .hbl-word { padding: 0; text-align: center; justify-content: flex-start; padding-top: 60px; }
    .hbl-word h3 { font-size:18px; }
    .hbl-word h4 {font-size: 12px; }
    .hbl-word p a { font-size:13px; }
    .hbl-word p a { font-weight:normal; }
    .videPlayBtn img { width:80px; }
    .home-news-content .hnc-list { display:none; }
    .home-news-content .hnc-list:first-child { display:block; }
    .home-news-title .tit-h2 { font-size:20px; }
    .tit-h3 { font-size:12px; }
    .hnc-list h5,.hnc-list p { color:var(--primary-color); }
    .hnc-list a { width: 160px; height: 36px; line-height: 36px; font-size:12px; }
    .footer-nav { display: block;}
    .footer-nav a { display:block; text-align:center; margin: 16px; }
    .footer { margin-top: 80px; }
    .copyright { margin-top: 40px; font-size: 12px; text-align: center; }
    .home-banner-title { font-size:32px; }
    .footer-logo { padding: 30px 16px 30px 16px; }
    .weMedia { margin-top:30px; }
    #navmSub { display:none !important; }
    .navm-list {flex-direction:column;font-size:16px;padding: 20px 0;width: 200px;text-align: left;color: #626262;}
    #navBottom { display:none; }
    .navm-list a {text-align: left;}
    .nav-min { display:flex; flex-direction:column; }
    .navm-list .nav-min a {font-size:14px;padding-top:14px;margin-right: 0;color: #626262;}
    .navm-list > div { margin-right:0; }
    .navm-list > div > a {padding-top:0;color: #626262;margin-right: 0;}
    .navm-list > div,.navm-list > a {text-align: left;color:#626262;padding-top:12px;}
    .navm-list > div > span {padding-right: 0;}
    .nav-main { padding:15px 16px; }
    .nav-logo img { max-width:100%; }
    .nav-content.open { height:auto !important; }
    .nav-main {display:flex;flex-direction:column;align-items: center;}
    .home-news-content { margin-top:40px; }


    .brand-l-about { flex-direction:column; margin-top:60px; margin-bottom:40px; padding:0 20px; }
    .brand-la-logo img { width:140px; }
    .brand-law-p { padding-top:40px; text-align:center; line-height:22px; }
    .brand-link { justify-content:center; }
    .brand-lawl-a { padding-top:30px; font-size:14px; }
    .brand-lawl-a span { padding-right:12px; }
    .brand-lawl-a img { width:18px; }
    .brand-icon { width:18px; height:6px; }
    .brand-lawl-a img { width: 18px; position: absolute; top: 0; left: 0; }
    .brand .main-content { padding:0; }

    .brand-l-pic img { max-width:2000px; height:320px; }

    .brand .brand-list:nth-child(even) .brand-l-about { flex-direction: column-reverse; }
    .brand .brand-list:nth-child(2) .brand-la-logo img { width:130px; }
    .brand .brand-list:nth-child(3) .brand-la-logo img { width:80px; }

    .sw-c-pic { background:none; padding:0; margin-right:6vw; }
    .sw-c-pic img { width:42vw; }
    .sw-c-title { justify-content: flex-end; padding-bottom: 20px;    position: initial; }
    .sw-ctt-a .a { font-size: 33px; line-height: 1.1; text-transform: uppercase; color: #000; }
    .sw-ctt-a .b { position: absolute; top: 102px; font-size: 14px; color: var(--text-secondary-color); padding-left: 0; }
    .sw-ctt-b { padding-bottom: 10px; color: #000; font-size: 32px; line-height: 1.1; text-transform: uppercase; }
    .sw-ct-tit { position:relative; }
    .sw-ct-con { position: absolute; line-height: 28px; bottom: 0; right: 0; width: 100vw; text-align: center; margin-top: 0; padding: 0 50px;  color: #999999; }
    .sw-ct-con span { display:inline; }
    .sw-ct-con strong { display:block; }
    .sw-concept {padding-bottom: 180px;}
    .sw-product {margin-top: 80px;}
    .sw-p-title { padding:0 16px; }
    .sw-pt-h3 { font-size: 38px; text-transform: uppercase; font-weight: 700; line-height:1.1; }
    .sw-pt-y span { display: inline-block; font-size: 16px; color: #696969; border: 1px solid #000; padding: 0px 14px; line-height: 24px; }
    .sw-p-title { align-items:flex-start; }
    .sw-pic {margin-top: 30px;}
    .sw-positioning { margin-top:40px; }
    .sw-positioning {margin-top: 60px;width: 620px;position: relative;left:0px;}
    .brand .main-content { overflow:hidden; }
    .sw-pi-title { padding-top:18px; }

    .header-logo img { width:64px }
    .sw-ctt-a strong { font-size:60px; }

   

    .btx-icon img { max-width:300px; }
    .tx-h3 { font-size: 40px; color: #000; line-height: 1.1; text-transform: uppercase; position:relative; z-index:3; }
    .tx-c-tit { position: relative; display: flex; flex-direction: column-reverse; font-family:'Arial' }
    .tx-h3 strong { font-size:64px; }
    .tx-h2 { text-align: left; font-size: 15px; color: #737373; padding-bottom: 15px; padding-top: 10px; }
    .btx-icon { position: absolute; top: -75px; left: -170px; display: block; }
    .tx-concept { padding: 60px 50px 166px 50px; position: relative;}
    .tx-c-con { position:absolute; top:284px; left:0; width:100%; padding: 0 7vw; padding-left: 38vw; text-align: center; color: #999; font-size: 13px;}
    .tx-c-con span {display: block;}
    .tx-concept { padding-bottom:240px; }
    .tx-pic > img { height: 420px; position: relative; left: -800px; }
    .tx-logo img { width:100px; margin-right:20px; margin-bottom:35px; }
    .tx-p-title { font-size:46px; text-align:center; }
    .tx-p-content {flex-direction:column;margin-top:25px;position: relative;padding-bottom: 170px;}
    .tx-positioning {padding-top:50px;padding-bottom: 50px;}
    .tx-pcl-b {display: block;position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;font-size: 13px;}
    .tx-pc-right { display: flex; width: 100%; flex-direction: column; }
    .tx-pcr-l img { max-width: 100%; width:100%; margin:0; }
    .tx-pc-right { margin-top:30px; }
    .tx-pcr-l { margin:0; }
    .tx-pcr-r { margin-right: 0; display: flex; flex-direction: row-reverse; justify-content: space-between; align-items:flex-end; margin-top:4vw; }
    .tx-pcrr-b img { max-width: 100%; width:37vw; }
    .tx-pcrr-a img { max-width: 100%; width:59vw; }
    .tx-product { margin-top:30px; }

    .tx-p-item { flex:none; width:80%; margin-left:16px; margin-right:0; margin-top:30px; }
    .co-t-en { font-size:40px; text-align:left; }
    .co-t-cn { text-align:left; font-size:14px; color:#999999; padding-top:10px; }
    .contact-tel { font-size:18px; }
    .co-cl-item { padding:0 5px; }
    .co-cl-item img { width:100px; }
    .contact-code { padding:0; margin-top:80px; }
    .contact-tel { margin-top:60px; }
    .contact-banner img { max-width: 1000px; height: 100%; position:relative; left:-520px; }
    .contact-address { flex-direction:column; margin-top:60px; }
    .co-a-item { padding-bottom:40px; }
    .co-a-item .a { font-size: 15px;}
    .co-a-item .b { font-size: 13px;}
    .course-introduce { padding: 56px 2vw; }
    .course-itl-en img { width:140px; }
    .course-itl-cn { font-size:16px; }
    .swiper-container-course .swiper-slide img { width:1000px; position: relative; left: 50%; margin-left: -500px; max-width:2000px; }

    .swiper-page p { font-size:14px; }
    .swiper-page h5 { font-size:9px; }
    @keyframes swiperPage
    {
      0% { font-size:14px; color:#606060; }
      100% { font-size:16px; color: #000; }
    } 
    .swiper-page { flex:none; }
    .swiper-pagination-page.main-content { display:flex; justify-content:space-between; padding:0 16px; }
    .swiper-page.swiper-page-active h5:after { height:2px; }
    .dynamic-list { padding: 40px 8vw; }

    .dd-title { font-size: 20px; color: #000; margin-top: 30px; padding-bottom: 14px; border-bottom: 2px solid #000; }
    .dd-page { padding:0; }
    .dd-page a { font-size:14px; }

    .team-t-a img { width:25vw; }
    .team-t-b { padding-top:10px; }
    .team-t-b img { width:60vw; }
    .team-t-c { font-size: 16px; padding-top: 25px; }
    .team-title { margin: 12vw 0 12vw 0;}
    .factory-list { padding: 25px 0; }
    .factory-l-tit { font-size:16px; padding-left:16px; }
    .factory-list .main-content { padding:0; width:100%; }
    .factory-l-con { width:100%; overflow:auto; }
     
    .factory-item { width: 320px; margin-left:16px; }
    .factory-item img { max-width:320px; width:320px; }
    .factory-item:last-child { margin-right:16px; }
    .fiwa { font-size: 14px; color: #000; padding-top: 20px; padding-bottom: 4px; font-weight:700; }
    .fiwb { font-size: 12px; color: var(--text-secondary-color); padding-bottom: 10px; }

    .factory-l-item { flex-direction:column; margin-bottom: 15px;}
    .factory-li-pic img { max-width: 100%; }
    .factory-li { padding-top: 30px; }
    .factory-li-word { flex: none; display: block; text-align: left; width: 100%; padding-right: 0; padding-left: 30px; }
    .factory-li-pic { margin-top:20px; }
    .factory-l-item:nth-child(even) { flex-direction:column; }
    .factory-l-item:nth-child(2) { flex-direction: row-reverse; }
    .factory-l-item:nth-child(2) .factory-li-word { width:52%; }
    .factory-l-item:nth-child(3) .factory-li-word {  text-align:right; padding-right:30px; }
    .factory-l-item:nth-child(4) .factory-li-word {  padding-right: 20%;}
    .factory-li-word p span { display:inline; }
    .pro-t-h3 { font-size:35px; width:100px; line-height:1.2;  }
    .product-title { margin-left:0; text-align: left; }
    .product-title h4 { text-align:left; font-size:14px; color:#999; padding-top:6px; }
    .p-c-select { gap: 12px; }
    .select-content { width:120px; }
    .search-box:focus-within + .favorite { opacity: 0; visibility: hidden; }
    .search-box:not(:focus-within) + .favorite { opacity: 1; visibility: visible; transition-delay: 0.3s; }

    .p-cl-item { width: calc(50% - 10px); margin-right: 15px; margin-bottom: 30px; }
    .p-cl-item:nth-child(3n) { margin-right: 15px;}
    .p-cl-item:nth-child(2n) { margin-right: 0; }

    .defaultAnimation.p-cl-item:nth-child(2n+1) .col-hover .back { transition-delay:0.3s; }
    .defaultAnimation.p-cl-item:nth-child(2n+1) .col-hover .front { transition-delay:0.3s; }
    .defaultAnimation.p-cl-item:nth-child(2n+2) .col-hover .back { transition-delay:0.4s; }
    .defaultAnimation.p-cl-item:nth-child(2n+2) .col-hover .front { transition-delay:0.4s; }
    .product-conent .picfm-color { width: 20px; height: 20px; }
    .product-conent .picfm-word p { display: block; }
    .product-conent .picfm-word { padding-left:15px; }
    .pd-min { margin:0 20px; padding:0; }
    .pd-name { padding-top:30px; border-bottom:1px solid #000; padding-bottom:15px; }
    .pd-n-left { font-size:24px; line-height:1; }
    .pd-n-right { font-size:14px; }
    .pd-i-tit { font-size:14px; padding-top:20px;}
    .pd-i-con { padding-top:4px; font-size:12px; line-height:20px; }
    .productDetails { overflow:hidden; }

    .pd-pic { width:200vw; position:relative; left:50%; margin-left:-100vw; margin-top:40px; }
    .swiper-slide-pdPic { transition: 0ms; transform: scale(1); } 
    .pd-about { margin-top:50px }
    .pd-ala-l { font-size: 16px; color: #000; padding-left: 0px; }
    .pd-ala-r { font-size:14px; }
    .pd-ala-r img { width:24px; }
    .pd-ala-r .d i { font-size:12px; padding:0 6px; }
    .pd-al-b { margin-top:25px;padding: 16px 25px; border-bottom:4px solid #000; font-size:13px; }
    .pd-al-b .b { padding-top:3px; }
    .profile-introduce { flex-direction:column; }
    .profile-introduce { padding:15vw 0; }
    .profile-i-tit { width:100%; padding:0 20px; }
    .profile-i-tit h3 { font-size:14px; }
    .profile-i-con { width:100%; padding:0 20px; margin-top:30px; }
    .profile-ic-line { height:2px; margin-bottom:12px; }
    .begin .profile-ic-line { width:30%; height:2px; }
    .profile-ic-word { font-size:12px; text-align:justify; line-height:20px; }
    .profile-pic img { max-width:100%; width:100%; left:0%; margin-left:0px; }
    .profile-pic .profile-pic-d {  position:relative; }
    .profile-pic { overflow:hidden; }
    .profile-p-tit { font-size: 16px; padding-bottom: 40px; }
    .profile-p-tit span:after { bottom:-24px; height:2px; }
    .begin .profile-p-tit span:after { width: 120px; }
    .team-d-tit { flex-direction:column; }
    .team-pic  img { max-width:600px; width:600px; position:relative; left:50%; margin-left:-300px; }
    .team-dt-h3 { font-size:18px; color:#000; }
    .team-dt-right { font-size: 14px; color: var(--text-secondary-color); position: relative; padding-bottom: 15px; margin-top: 20px; text-align:center; width:100%; }
    .team-d-tit { margin-top:50px; }
    .team-dt-right:after {  height: 2px; } 
    .begin .team-dt-right:after { width:200px; }
    .team-dt-right:after { height: 2px; left: 50%; right: auto; transform: translate3d(-50%, 0px, 0px); }
    .team-pic-list { flex-direction:column; }
    .team-pl-left { max-width:100%; }
    .team-pl-right { margin-top: 0px; padding-left: 0; display:flex; justify-content:space-between; flex-direction: column-reverse; position:relative; padding-bottom:0px; }
    .team-pr-c {  width:100%; margin-top:25px; }
    .team-pr-a { margin-top:30px; }
    .team-pr-a img { max-width: 100%; }
    .team-pr-c { flex-direction:column; text-align:center; }
    .team-prc-l span { display:inline; }
    .team-pr-b { padding:0 25px; }
    .team-prc-l { font-size: 18px; padding-top:0; }
    .team-prc-r { width:100%; margin-top:25px; }
    .team-pr-b,.team-pr-a { margin-top:25px; }
    .u-concept { padding:0 16px; }
    .u-c-title { width:40%; }
    .u-ct-img img { max-width:100%; }
    .u-c-pic { width:56%; }
    .u-ctt-b { font-size: 30px; padding-left: 0px; }
    .u-ctt-a { padding-left: 32px; font-size:12px; }
    .u-ct-logo img { width:60px; }
    .u-ct-con { display:block; width:92vw; text-align: center; font-size: 13px;}
    .u-logo-word {  padding-top: 10vw;  }
    .u-logo-word img { width:50px; }
    .u-ct-img { padding-top: 20px; }
    .u-product { margin-top: 60px; padding: 0; padding-left: 20px; }
    .u-p-title { justify-content:flex-start }
    .u-pt-y { padding-top:10px; }
    .u-banner img { max-width: 1200px; width: 1200px; margin-left: -600px; }
    .u-pt-h3 { text-transform:capitalize; font-size:42px; }
    .u-b-word { flex-direction: column; align-items: flex-start; font-size: 16px; line-height: 48px; padding-left: 10%; }
    .u-positioning {flex-direction: column;}
    .u-pr-icon { position:absolute; }
    .u-plc-list { position:initial; }
    .u-p-left { text-align:center; }
    .u-pl-tit { padding-top: 30px; color:#000; padding-bottom:20px; }
    .u-plc-list { line-height:30px; }
    .u-p-right { width:100%; padding:30px 0 0 20%; }
    .u-positioning { position:relative; }
    .u-pr-icon { position: absolute; bottom: 31%; top: auto; left: 5%; }
    .u-plc-list:nth-child(2):after { display:none; }
    .swiper-pagination-page { margin-top:30px; }
    .swiper-page p { line-height:24px; }
    .tx-concept { flex-direction:column; }

    .setH1 { height:60px; }
    .setH2 { height:140px; }
    .tx-c-con .en { line-height:20px; }

    .sw-p-out {  width:100%; overflow:auto; }
    .sw-p-item-a { width: calc(31% - 10px); }
    .sw-p-item-a .sw-pi-title { padding-left:10px;  }

  .member-info { flex-direction: column; align-items: center; gap: 10px; margin-top: 30px; }
  
}