body,html{
    height:100%;
    width:100%;
    font-size:14px;
    position:relative;
    font-family: 'Poppins';
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
*{margin:0;padding:0;box-sizing:border-box;}
ul li{list-style: none;}
table{ border-spacing: 0px; }
th{ font-weight: 400; color: var(--gray02); }
img{max-width:100%;width:auto;vertical-align:middle;}
a{text-decoration: none;color:var(--blue03);}
input::-webkit-input-placeholder{color:#D9D9D9;letter-spacing: 1px;font-size: 14px;}
input::-moz-input-placeholder{color:#D9D9D9;letter-spacing: 1px;font-size: 14px;}
input::-ms-input-placeholder{color:#D9D9D9;letter-spacing: 1px;font-size: 14px;}
textarea{resize: none;}
textarea::-webkit-input-placeholder {color:#D9D9D9;letter-spacing: 1px;font-size: 14px;}
textarea::-moz-input-placeholder {color:#D9D9D9;letter-spacing: 1px;font-size: 14px;}
textarea::-ms-input-placeholder {color:#D9D9D9;letter-spacing: 1px;font-size: 14px;}
input,textarea,select,button{outline:none;border: 0;box-sizing: border-box;font-weight:inherit;}
input{font-family:inherit;font-size:14px;}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJbecnFHGPezSQ.woff2) format('woff2');
}

.htop{ background: #000000; height: 40px; line-height: 40px; display: flex; align-items: center; padding: 0px 10%;  }
.htopleft{ color: #fff; }
.menus{ height: 94px; position: absolute; top: 40px; z-index: 999; width: 100%; background: rgb(0 0 0 / 50%); display: flex; align-items: center; padding: 0px 20%; }
.menustxt{ display: flex; align-items: center; }
.menustxt .active{ color: #ff0000; font-weight: 600; }
.menustxt a{ width: 110px; text-align: center; color: #fff; }
.banner{ height: 587px; overflow: hidden; }

.pagebanner{ height: 450px; background: url(../images/best-dinnerware-manufacturer.webp);     background-position: center center; background-repeat: no-repeat; background-size: cover; }
.pagetitle{ font-size: 38px; font-weight: 600; color: #fff; padding-top: 120px; padding-bottom: 30px; text-align: center; }
.pagedispo{ text-align: center; color:#fff ; font-size: 18px; line-height: 30px; }
.pagefoot{ padding: 80px 10%; height: 608px; background: url(../images/aboutbg1012_1.png); background-position: center center; background-repeat: no-repeat; background-size: cover; display: flex; align-items: start; justify-content: space-between; }
.pagefoot0{ width: 40%; }
.pagefoot00{ font-size: 33px; font-weight: 600; color: #000000; }
.pagefoot01{ margin-bottom: 28px; margin-top: 28px; line-height: 30px; font-size: 18px; font-weight: 400; }
.pagefoot02{ display: flex; align-items: center; height: 52px; padding-bottom: 10px; }
.pagefoot03{ display: flex; }
.pagefoot03 svg{ fill: #000000; width: 22px; }
.pagefoot04{ font-size: 18px; font-size: 400; padding-left: 10px; }
.pagefoot05{ font-size: 33px; font-weight: 600; color: #000000; text-align: center; }
.pagefoot06{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 30px; }
.pagefoot07{ width: 47%; }
.pagefoot08{ width: 100%; height: 40px; border: 1px solid #02010121; background: #fff; text-indent: 8px; border-radius: 5px; }
.pagefoot09{ width: 100%; height: 100px; border: 1px solid #02010121; background: #fff; text-indent: 8px; border-radius: 5px; padding: 8px; }
.pagefoot10{ width: 100%; height: 40px; background-color: #C79F62; color: #ffffff; text-align: center; line-height: 40px; border-radius: 5px; cursor: pointer; }
.pagefoot11{ margin-top: 30px; }

.index{ width: 100%; min-height: 640px; background: url(../images/sec2.png); background-position: center center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: space-between; padding: 50px 8%; position: relative; }
.index00{ width: 90%; }
.index01{ font-size: 72px; font-weight: 600; text-transform: uppercase; color: #8F9094; }
.index02{ font-size: 61px; font-weight: 500; text-transform: capitalize; color: #FFFFFF; }
.index03{ width: 80%; margin-top: 20px; font-size: 27px; font-weight: 500; color: #FFFFFF; }
.index04{ height: 39px; color: #000000; width: 125px; background-color: #FFD61E; text-align: center; font-size: 18px; cursor: pointer; text-align: center; line-height: 39px; position: absolute; bottom: 130px; right: 170px; }

.index05{ background-color: #212121; margin-top: -113px; min-height: 402px; }
.index06{ font-size: 38px; font-weight: 600; text-transform: uppercase; color: #FFFFFF;  padding-top: 120px; text-align: center; }
.index07{ display: flex; align-items: center; justify-content: center; }
.product-swiper { width: 100%; margin: 0 auto; padding: 50px 90px; position: relative; box-sizing: border-box; }
.index08{ display: block; text-decoration: none; color: #fff; border: 1px solid #212121; overflow: hidden; transition: box-shadow 0.25s ease, transform 0.25s ease; -webkit-tap-highlight-color: transparent; height: 100%; }
.index08 p{ font-size: 18px; text-align: center; color: #fff; padding: 20px; }
.swiper-button-prev, .swiper-button-next { width: 54px;  height: 90px; }
.swiper-button-prev, .swiper-button-next svg{ fill: #ffffff; background: #383838; opacity: 1 !important; }
.jfhdj{ transform: rotate(180deg); }
.index08:hover{ border: 1px solid #fff; }
.index08 img{ transition: all 0.25s ease-in-out; aspect-ratio: 1 / 1;
object-fit: cover; transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1); transform-origin: center center; 
will-change: transform; }
.index08:hover img{ transform: scale(1.08); } 
.index09{ display: flex; align-items: center; justify-content: center; margin-top: -20px; padding-bottom: 50px; }
.index10{ height: 39px; color: #000000; width: 125px; background-color: #FFD61E; text-align: center; font-size: 18px; cursor: pointer; text-align: center; line-height: 39px; }
.index11{  }
.index12{ min-height: 450px; padding: 100px 15%; }
.index13{ font-size: 75px; margin-bottom: 25px; font-weight: 600; text-decoration: underline; color: #fff; } 
.index14{ font-size: 24px; margin-bottom: 100px; font-weight: 500; text-decoration: underline; color: #fff; }
.index15{ display: flex; align-items: center; justify-content: end; }
.index16{ height: 39px; color: #000000; width: 125px; background-color: #FFD61E; text-align: center; font-size: 18px; cursor: pointer; text-align: center; line-height: 39px; }
.index17{ min-height: 740px; background-color: #000000; background-image: url(../images/whybg.webp); background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 50px 0px; }
.index18{ font-size: 74px; margin-bottom: 25px; font-weight: 500; color: #fff; text-align: center; }
.index19{ font-size: 16px; margin-bottom: 30px; font-weight: 400;  color: #fff; text-align: center; }
.index20{ display: flex; align-items: center; gap: 40px; justify-content: space-between; padding: 50px 10%; padding-top: 0px; }
.index21{ background: #00000080; padding: 70px 30px; min-height: 375px; }
.index22{ font-size: 24px; font-weight: 600; color: #fff; }
.index23{ margin-top: 10px; }
.index23 p{ line-height: 30px; font-size: 16px; color: #fff; }
.index24{ height: 350px; background-color: #000000; background-image: url(../images/brand-concept.png); background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 50px 10%; }
.index25{ font-size: 45px; font-weight: 600; color: #fff; }
.index26{ margin-bottom: 26px; font-size: 16px; margin-top: 10px; width: 600px; color: #fff; }
.index27{ background-color: #BA1111; min-height: 98px; padding: 30px 10%; display: flex; align-items: center; }
.index28{ flex: 1; }
.index29{ width: 1px; height: 50px; background: #fff; }
.index30{ display: flex; align-items: center; justify-content: center;font-size: 16px; color: #fff;  }
.index30 svg{ fill: #ffffff; width: 15px; margin-right: 8px; }
.index31{ font-size: 16px; text-align: center; color: #fff; }


.aboutbanner{ height: 450px; background: url(../images/banner-scaled.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;  }
.about{ padding: 50px 10%; display: flex; align-items: center; gap: 50px; }
.about01{ width: 43%; }
.about01 img{ box-shadow: 2px 2px 10px 0px rgba(51, 51, 51, 0.6); transition-duration: .3s; transition-property: transform; transition-timing-function: ease-out; }
.about01 img:hover{ transform: translateY(-8px); }
.about02{ width: 50%; }
.about02_title{ font-size: 34px; font-weight: 600; color: #000000; }
.about02_diskl{ font-size: 18px; font-weight: 400; color: #000000; padding: 30px 0; line-height: 30px; }
.about03{ width: 157px; background-color: #C8A063; font-size: 16px; font-weight: 500; border-radius: 50px; padding: 15px; cursor: pointer; color: #fff; }
.about04{ background-color: #C8A063; padding: 50px 10%; display: flex; align-items: center; }
.about04_item{ flex: 1; text-align: center; color: #fff; }
.about04_item01{ font-size: 30px; font-weight: 600; }
.about04_item02{ font-size: 18px; font-weight: 400; padding-top: 10px; }
.about05{ background-color: #F1F1E6; padding: 50px; }
.about05_title{ font-size: 33px; padding-bottom: 50px; font-weight: 700; text-align: center; }
.about05 p{ font-size: 18px; text-align: center; padding-bottom: 20px; }

.newbanner{ height: 450px; background: url(../images/meatbanner-scaled.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.news{ padding: 50px 10%; padding-bottom: 10px; display: flex; align-items: flex-start; gap: 50px; }
.newlist{ width: 66.6666%; }
.newlist ul li{ background-color: #FFFFFF; padding: 0px 0px 0px 0px; border-radius: 0px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); cursor: pointer; margin-bottom: 40px; }
.newlist ul li:hover{ box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 76%); }
.newlist ul li a{ display: flex; align-items: center; }
.newlisimg{ width: 295px; height: 225px; }
.newlisimg img{ width: 100%; height: 100%; transition: 0.3s; position: relative; z-index: 1; }
.newlistxt{ width: 70%; padding: 20px; }
.newlisttitle{ color: #000000; font-size: 24px; font-weight: 500; }
.newlistdispl{ color: #000000; font-size: 18px;font-weight: 300; margin-top: 10px; }
.newlistmore{ font-weight: 500; padding: 10px 0px; color: #C8A063; }
.conment{ width: 66.6666%; }
.conmentime{ font-size: 14px; }
.conmentxt{ padding-top: 20px; }

.gallerybanner{ height: 450px; background: url(../images/gallerybanner-scaled.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;  }
.gallery01{ width: 43%; }
.gallery01_diskl p{ font-size: 18px; font-weight: 400; color: #000000; padding: 10px 0; line-height: 35px;  }
.gallery02{ background-color: #F1F1E6; padding: 50px 10%; display: flex; align-items: center; }
.gallery03{ width: 50%; padding-left: 20px; display: flex; align-items: center; justify-content: space-between; gap: 5px; }
.gallery04{ width: 49%; }
.gallery05{ padding: 50px 10%; }
.gallery06{ font-size: 33px; text-align: center; padding-bottom: 20px; color: #000000; font-weight: 600; }
.gallery07{ text-align: center; font-size: 18px; color: #000000; font-weight: 400; }
.gallery08{ display: flex; flex-wrap: wrap; gap: 20px; padding: 0px 10%; padding-bottom: 50px; }
.gallery08item{ width: 48%; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.11); border-radius: 8px;}
.gallery08item:hover{ border-radius: 8px;box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.5);transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform var(--e-transform-transition-duration, .4s);  }
.gallery08txt{ padding: 15px; font-size: 18px; font-weight: 400; color: #000000; }
.gallery09{ padding: 0px 10%; padding-bottom: 50px; }
.gallery10{ font-size: 33px; text-align: center; padding-bottom: 20px; color: #000000; font-weight: 600; }
.gallery11 { width: 100%; background: #ffffff; border-radius: 24px; padding: 24px 32px; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.05); }
.gallery12 {  display: flex;  align-items: center;  justify-content: space-between;  cursor: pointer;  user-select: none; padding: 18px 0;  border-bottom: 1px solid #eef2f6;}
.gallery13 { font-size: 20px; font-weight: 500; color: #000000; line-height: 1.4; padding-right: 16px; transition: color 0.2s;}
.gallery12:hover .gallery13 {  color: #000000;}
.gallery14 {  flex-shrink: 0;  width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; transition: transform 0.3s cubic-bezier(0.2, 0, 0, 1); transform-origin: center center;}
.gallery14 svg { width: 10px; height: auto; display: block; fill: #000000; transition: fill 0.2s;}
.gallery12.expanded .gallery14 { transform: rotate(180deg);}
.gallery12.expanded .gallery14 svg { fill: #000000;}
.gallery15 { padding: 20px 0; font-size: 18px; font-weight: 400; color: #000000; line-height: 1.6; border-bottom: 1px solid #eef2f6; overflow: hidden; max-height: 300px;         /* 足够容纳内容 */ opacity: 1;  transition: max-height 0.3s ease, padding 0.3s ease, opacity 0.25s ease, border-color 0.2s;}
.gallery15.hidden { max-height: 0; padding-top: 0; padding-bottom: 0; opacity: 0; border-bottom-color: transparent; pointer-events: none;}
.gallery11 > .gallery12:first-of-type { padding-top: 0;}
.gallery11 > .gallery15:last-of-type { border-bottom: none;}


.newright{ width: 33.3333%; }
.newrighttop{ height: 46px; display: flex; align-items:center; }
.newrightinput{ width: 100%; height: 46px; text-indent: 8px; border: 1px solid #cdcdcd; }
.newrighttopicon{ width: 46px; height: 46px; background: #000000; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.newrighttopicon svg{ width: 16px; fill: #ffffff; }
.LatestProducts{ padding-top: 20px; }
.LatestProductstitle{ font-size: 24px; }
.LatestProducts ul{}
.LatestProducts ul li{ padding-bottom: 10px; border-bottom: 1px solid #d9d9d9; margin-top: 20px; }
.LatestProducts ul li a{ display: flex; align-items: center; gap: 30px; }
.LatestProductsimg{ width: 120px; }
.LatestProditle{ font-size: 16px; font-weight: 500; color: #000000; margin-bottom: 10px; }
.LatestProddisk{ font-size: 14px; font-weight: 400; color: #a3a3a3; }

.probanner{ height: 450px; background: url(../images/pro_banner-scaled.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;  }
.prodispo{ text-align: center; color:#fff ; font-size: 18px; line-height: 30px; padding: 0px 10%; }
.product01{ padding: 40px 10%; }
.product02{ display: flex;  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); }
.product02item{ background-color: #FFFFFF; padding: 40px 30px 40px 30px; cursor: pointer;  flex: 1;}
.product02itemtxt{ font-size: 24px;  margin-bottom: 21px; color: #000000; }
.product02itemdis{ font-size: 16px; line-height: 30px; }
.product02item:hover{ background: #C79F62; }
.product02item:hover .product02itemtxt{ color: #fff; }
.product02item:hover .product02itemdis{ color: #fff; }

.product03{ padding: 0px 10%; padding-bottom: 40px; }
.product04{ font-size: 33px; font-weight: 600; color: #000000; padding-bottom: 20px; }
.product05{ font-size: 18px; color: #000000; margin-bottom: 20px; }
.product06{ background-color: #C8A063; font-family: "Poppins", Sans-serif; font-size: 16px; font-weight: 500; border-radius: 50px;  padding: 15px; color: #fff; cursor: pointer; display: inline-block; }
.product07{ padding: 0px 10%; display: flex; align-items: center; justify-content: space-between; gap: 20px; transition: all .3s; padding-bottom: 40px; flex-wrap: wrap; }
.product08{ border-radius: 5px; border: 1px solid #0201015E; overflow: hidden; display: block; flex: 0 0 calc(25% - 15px); }
.product08 img{ border-radius: 5px 5px 0px 0px; transition: all 0.25s ease-in-out; aspect-ratio: 1 / 1;
object-fit: cover; transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1); transform-origin: center center; 
will-change: transform; }
.product08:hover img{ transform: scale(1.08); } 

.product08 p{ font-size: 18px; font-weight: 500; padding: 15px; text-align: center; }
.product09{ padding: 50px 10%; }
.product10{ font-size: 33px; font-weight: 600; color: #000000; text-align: center; padding-bottom: 20px; }
.product11{ font-size: 18px; color: #000000; margin-bottom: 20px; text-align: center; }
.product12{ display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 20px; }
.product13{ text-align: center; }
.product14{ width: 50px; height: 50px; margin: 0px auto; }
.product15{ text-align: center; font-size: 18px; padding-top: 15px; }
.product16{ height: 450px; background: #808080; background-position: center center; background-repeat: no-repeat; background-size: cover;  }
.product17{ padding: 50px 10%; padding-bottom: 10px; display: flex; align-items: flex-start; gap: 50px; }
.product18{ width: 23.3333%; }
.product19{ padding: 30px 0px; }
.product19 ul{ margin-top: 20px; }
.product19 ul a{ display: flex; align-items: center;     font-size: 18px; font-weight: 400;  padding: 5px 10px 5px 10px;
background-color: #ffffff; color: #000000; border-style: none; border-radius: 10px; justify-content: space-between; margin-top: 10px; }
.product19 ul a p{ display: flex; align-items: center; }
.product19 ul a p i{ width: 8px; height: 8px; border-radius: 100%; border: 1px solid #000000; display: block; }
.product19 ul a .name{ font-size: 18px; margin-left: 10px; }
.product19 ul a .num{ font-size: 18px; }
.product19 ul a:hover{background-color: #f1f1f1; color: #363636;}
.product19 ul a.active{ background: #000000; color: #fff; }

.product20{ padding: 0px; display: flex; align-items: center; justify-content: start; gap: 20px; transition: all .3s; padding-bottom: 40px; flex-wrap: wrap; width: 100%; }
.product21{ border-radius: 5px; box-shadow: 0px 0px 10px 0px #CCCCCC; overflow: hidden; display: block; flex: 0 0 calc(25% - 15px);transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform var(--e-transform-transition-duration, .4s); margin-bottom: 20px; }
.product21 img{ border-radius: 5px 5px 0px 0px; transition: all 0.25s ease-in-out; aspect-ratio: 1 / 1;
object-fit: cover; transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1); transform-origin: center center; 
will-change: transform; }
.product21:hover{ box-shadow: 5px 5px 10px 0px #999999;}
.product21:hover img{ transform: scale(1.08); }
.product21 p{ font-size: 18px; font-weight: 500; padding: 15px 0px; text-align: center; }

.productdetail{ padding: 50px 10%; }
.productdetail01{ font-size: 24px; font-weight: 600; color: #000000; line-height: 31px; padding-bottom: 18px; border-bottom: 1px solid #000000; }
.productdetail02{ padding: 30px 0;}
.productdetail02 p{ margin-bottom: 18px; font-size: 16px; line-height: 31px; }
.productdetail02 strong{ font-size: 18px; }
.productdetail02 ul{ padding-left: 30px; }
.productdetail02 ul li{ list-style: disc; }
.productdetail03{ display: flex; align-items: center; gap: 20px; margin-top: 20px; }
.productdetail03 a{ border: 1px solid #000000; }
.productdetail03 a{ border-radius: 5px; border: 1px solid #0201015E; overflow: hidden; display: block; flex: 0 0 calc(25% - 15px); }
.productdetail03 a img{ border-radius: 5px 5px 0px 0px; transition: all 0.25s ease-in-out; aspect-ratio: 1 / 1;
object-fit: cover; transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1); transform-origin: center center; 
will-change: transform; }
.productdetail03 a:hover img{ transform: scale(1.08); }
.productdetail03 a p{ font-size: 18px; font-weight: 500; padding: 15px; text-align: center; }
.productdetail04{ display: flex; align-items:self-start; gap: 0px 50px; padding-bottom: 50px; }
.productdetail05{ width: 47%; }
.productdetail06{ width: 47%; }
.productdetail07{ font-size: 30px; font-weight: 500; color: #000000; margin-bottom: 20px; }
.productdetail08{ border: 1px solid #d1d5db; }
.productdetail09{ min-height: 50px; display: flex; align-items: center; border-bottom: 1px solid #ccc; background-color: #ffffff; font-size: 16px; font-weight: 400; }
.productdetail10{ width: 150px; flex-shrink: 0; padding: 11px 16px; font-size: 16px; background-color: transparent; }
.productdetail09 p{ padding: 11px 16px; font-weight: 300; font-style: italic; }
.productdetail09:nth-child(odd){ background-color: #ffffff;}
.productdetail09:nth-child(even){ background-color: #f0f0f0;}
.productdetail09:last-child{ border-bottom: none; }

.foot{ width: 100%; height: 315px; background: #232323; display: flex; align-items: start; padding: 55px 10%; }
.footitem{ width: 26%; }
.foot01{ font-size: 16px; font-weight: 600; color: #FFD61E; padding-bottom: 20px; }
.foot02{ width: 29px; }
.foot03{ padding-top: 15px; display: flex; align-items: center; }
.foot03input{ width: 248px; height: 40px; background: #fff; text-indent: 5px; }
.foot03button{ width: 62px; height: 40px; background: #ffd61e; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.foot03buttonicon{ width: 20px; }
.foot04{ padding-top: 10px; display: flex; align-items: center; }
.foot04 p{ margin-right: 8px; }
.foot05{ width: 20px; cursor: pointer; }
.foot04 svg{ fill: #fff; }
.footitem ul li{ color: #fff; height: 30px; line-height: 30px; font-size: 12px; }
.footitem ul li a{ color: #fff; }

.footer{ width: 100%; height: 117px; padding: 30px 0; background: #000000; }
.footer01{ display: flex; align-items: center; justify-content: center; }
.footer01 ul{ display: flex; align-items: center; }
.footer01 ul li{ color: #fff; padding: 0px 16px; }
.footer01 ul p{ width: 1px; height: 15px; background: #DDDDDD6B; }
.footer02{ text-align: center; color: #fff; padding-top: 15px; }


.justify-content-center{ display: flex; align-items: center; justify-content: center;  padding-bottom:50px; }
.page-item{ text-align: center; line-height: 24px; border: 1px solid #B2B8C2; color: #B2B8C2; border-radius: 6px; margin-left: 10px; cursor: pointer; padding: 3px 9px; }
.page-num{ text-align: center; min-width: 32px; line-height: 24px; border: 1px solid #C79F62; color: #000000; border-radius: 6px; margin-left: 10px; cursor: pointer; padding: 3px 9px;}
.page-num-current{ background: #C79F62; color:#ffffff; }


.productdetail14{position:relative;width:100%;border-radius:12px;overflow:hidden;background:#fff;border:1px solid #e5e7eb}
.productdetail14 > img{display:block;width:100%;height:auto;object-fit:cover;transition:opacity .35s ease,transform .35s ease}
.productdetail14 > img.fade-in{animation:fadeIn .4s ease}
.productdetail14:hover > img{transform:scale(1.48)}
@keyframes fadeIn{0%{opacity:.3;transform:scale(1.03)}100%{opacity:1;transform:scale(1)}}
.productdetail13{width:20px;position:absolute;top:20px;right:20px;cursor:pointer;opacity:.85;transition:opacity .2s,transform .2s;z-index:2}
.productdetail13:hover{opacity:1;transform:scale(1.15)}
.productdetail11{display:flex;align-items:center;gap:20px;margin-top:16px;flex-wrap:wrap}
.productdetail12{cursor:pointer;opacity:.7;width:113px;flex-shrink:0;border-radius:8px;overflow:hidden;border:2px solid transparent;transition:opacity .2s,border-color .2s,transform .2s}
.productdetail12:hover{opacity:1;transform:translateY(-2px)}
.productdetail12.active{opacity:1;border-color:#3b82f6}
.productdetail12 img{display:block;width:100%;height:auto;object-fit:cover}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;z-index:999;opacity:0;transition:opacity .3s ease}
.lightbox.show{display:flex;opacity:1}
.lightbox-img-wrap{max-width:85vw;max-height:85vh;position:relative}
.lightbox-img-wrap img{max-width:85vw;max-height:85vh;object-fit:contain;border-radius:8px;display:block;animation:lbFade .35s ease}
@keyframes lbFade{0%{opacity:0;transform:scale(.96)}100%{opacity:1;transform:scale(1)}}
.lb-btn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;border:none;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;user-select:none;backdrop-filter:blur(4px)}
.lb-btn:hover{background:rgba(255,255,255,.35)}
.lb-prev{left:-70px}
.lb-next{right:-70px}
.lb-close{position:absolute;top:-50px;right:0;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;border:none;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}
.lb-close:hover{background:rgba(255,255,255,.35)}
.lb-counter{position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);color:#fff;font-size:14px;letter-spacing:1px;opacity:.8}
.mobliemenus{ display:none; }
.menuspage{ display:none; }


@media (max-width: 767px){
    .htop{ height:auto; padding:0px 20px; display:none;  }
    .menus{ display:none; }
    .mobliemenus{ background: #000; display: flex; align-items: center; padding: 10px 15px; justify-content: space-between;}
    .moblielogo{ width:30%; }
    .moblielicon{ background: #fff; width: 30px; display: flex; align-items: center; justify-content: center; border-radius:5px;  padding: 0px 5px; }
    .menuspage{ background: #fff; padding: 10px 15px;  position: absolute; top: 47px; width: 100%; z-index: 999; display:none; }
    .menuspage ul li{ height:30px; line-height:30px} 
    .banner{ height:auto; }
    .index{ min-height: auto; background-position: top center; background-size: 135%;  padding: 25px 10px; }
    .index01{ font-size:18px; }
    .index02{ font-size:16px; }
    .index03{ font-size:14px; }
    .index04{ font-size:14px; width: 89px; height:30px; line-height:30px; bottom:22px; right:17px; }
    .index06{ font-size:18px; padding-top: 127px; }
    .index12{ min-height:auto; padding: 14px 15px; background-position: top center !important; }
    .index13{ font-size:16px; }
    .index14{ font-size:14px; margin-bottom:0px;}
    .index16{ font-size:14px; width: 89px; height:30px; line-height:30px; }
    .index18{ font-size:24px; }
    .index19{ margin-bottom:15px; }
    .index20{ display:block; padding: 20px; }
    .index21{ padding: 20px; margin-bottom:10px; min-height: auto;}
    .index22{ font-size:16px; }
    .index24{ height:auto; background-position: center right; }
    .index26{ width:auto; }
    .index27{ display:block; }
    .index28{ margin-bottom:15px; }
    .index29{ display:none; }
    .index31{ font-size:14px; }
    .pagefoot{ display:none; }
    .gallerybanner{ height:auto; background-position: top center; background-size: 100%; }
    .pagebanner{ height:auto; background-position: top center; background-size: 100%; }
    .aboutbanner{ height:auto; background-position: top center; background-size: 100%; }
    .newbanner{ height:auto; background-position: top center; background-size: 100%; }
    .pagedispo{ font-size:16px; }
    .pagetitle{ font-size: 20px; padding-top:10px; padding-bottom:10px; }
    .about{ display:block; padding:10px 15px; }
    .about01{ width:100%; }
    .about02{ width:100%; padding-top:20px; }
    .about04{ display:flow-root; padding:20px 10px; }
    .about04_item{ width:50%; float: left; padding-bottom:15px; }
    .about04_item02{ font-size:14px; }
    .about04_item01{ font-size:16px; }
    .about02_title{ font-size:20px; }
    .gallery01_diskl p{ font-size:14px; padding:0px; }
    .gallery01{ width:100%; }
    .gallery02{ display:block; padding:10px 15px; }
    .gallery03{ width:100%; }
    .gallery05{ padding:10px 15px;  }
    .gallery06{ font-size:20px; }
    .gallery07{ font-size:14px; }
    .gallery08{ padding:20px 15px; } 
    .gallery08item{ width:100%; }
    .gallery08txt{ font-size:16px; }
    .about02_diskl{ font-size:14px; }
    .gallery09{ padding:10px 15px;  }
    .gallery10{ font-size:20px; }
    .gallery11{ padding:10px 0px; }
    .gallery13{ font-size:16px; }
    .gallery15{ font-size:14px; }
    .news{ display:block; padding:20px 15px; }
    .newlist{ width:100%; }
    .newright{ width:100%; }
    .newlist ul li a{ display:block; }
    .newlistxt{ width:100%; }
    .newlisimg{ width:100%; }
    .probanner{ height:auto; }
    .product01{ padding:10px 15px; }
    .product02{ display:block; }
    .product02itemtxt{ font-size:20px; }
    .product02item{ padding-bottom:20px; }
    .product03{ padding:10px 15px; }
    .product04{ font-size:20px; }
    .product05{ font-size:16px; }
    .product07{ padding:10px 15px; display: block; }
    .product08{ margin-bottom:15px; }
    .product09{ padding:10px 15px; }
    .product10{ font-size:20px; }
    .product11{ font-size:14px; }
    .product12{ display:flow-root; padding-bottom:20px; }
    .product13{ width:50%; float:left; padding-bottom: 20px; }
    .prodispo{ font-size:14px; padding:0px 20px; }
    .productdetail{ padding:15px 20px; }
    .productdetail04{ display:block; }
    .productdetail05{ width:100%; }
    .productdetail11{ gap: 14px; }
    .productdetail06{ width:100%; }
    .productdetail07{ font-size:20px; }
    .productdetail01{ font-size:18px; }
    .productdetail02 strong{ font-size:16px; }
    .productdetail03{ display:block; }
    .productdetail03 a{ margin-bottom:20px; }
    .conment{ width:100%; }
    .product16{ height:auto; padding:30px 0px; }
    .product17{ flex-wrap: wrap-reverse; padding:20px ; }
    .product18{ width:100%; }
    .product181{ width:100% !important; }
    .product20{ display:block; }
    .foot{ display:block; height:auto; }
    .footitem{ width:100%; padding-bottom: 20px; }
}