.index-section {position: relative;}
.index-section-banner {position: relative;}
.index-banner-swiper {overflow: hidden;}
.index-banner-item {position: relative;}
.index-banner-item-text {position: absolute;left: 15%;top: 50%;transform: translateY(-50%);width: 30%;z-index: 10;color: #fff;}
.index-banner-item-text .category-1 {margin: 0;}
.index-banner-item-text .category-1 span{display: block;background: radial-gradient(circle, #af9165, #e5dac7, #af9165);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;}
.index-banner-item-text .title-1 {transition-delay: .2s;}
.index-banner-item-text .title-1 h1{margin: 0;padding: 0;}
.index-banner-item-text .text-1 {margin-top: 10px;transition-delay: .3s;}
.index-banner-item-text .text-1 span {display: block;}
.index-banner-item-text .learnmore-1 {margin-top: 40px;transition-delay: .4s;}
.index-banner-item-pic {overflow: hidden;position: relative;}

.banner-video.hide {display:none;}
.banner-video {position:absolute;width:100%;height:100%;left:0;top:0;z-index:99;}
.banner-video video {display:block;width:100%;height:100%;object-fit:cover;}
/* 优化：确保隐藏的视频不会加载，节省资源 */
.banner-video.hide video {pointer-events: none;visibility: hidden;}



.learnmore-1 {margin-top: 0px;}
.learnmore-1 a {display: inline-block;text-align: center;border: 2px solid rgba(255,255,255,1);border-radius: 10px;overflow: hidden;padding: 10px 35px;}
.learnmore-1 strong {color: #fff;margin: 0;padding: 0;display: block;}
.learnmore-1 a:hover {border: 2px solid #af9165;background: #af9165;}

.banner-prev,.banner-next {transition: all .3s ease-in-out;width: 60px;height: 60px;position: absolute;top: 50%;transform: translateY(-50%);margin: 0;border: 2px solid rgba(255,255,255,.3);border-radius: 100%;outline: none;}
.banner-prev::after,.banner-next::after {color: #fff;background: url('../upload/r1.svg') center no-repeat;background-size: 100%;content: '';position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;filter: invert(1);width: 20px;height: 20px;}
.banner-prev::after {transform: translate(-50%,-50%) rotate(180deg);}
.banner-prev:hover,.banner-next:hover {background: rgba(0,0,0,.8);border: 2px solid rgba(0,0,0,.8);}
.index-banner-item-text .category-1,
.index-banner-item-text .title-1,
.index-banner-item-text .text-1,
.index-banner-item-text .learnmore-1 {opacity: 0;transition: opacity .8s ease-in-out,transform .8s cubic-bezier(.215,.61,.355,1);}
.index-banner-item-text .category-1 {transform:translateX(100%);}
.index-banner-item-text .title-1 {transform:translateX(-100%);}
.index-banner-item-text .text-1 {transform:translateY(100px);}
.index-banner-item .learnmore-1{transform:translateY(160px);}
.index-section-banner .swiper-slide.swiper-slide-active .category-1,
.index-section-banner .swiper-slide.swiper-slide-active .title-1,
.index-section-banner .swiper-slide.swiper-slide-active .text-1,
.index-section-banner .swiper-slide.swiper-slide-active .learnmore-1 {transform: translate(0,0);opacity: 1;}
.index-section-banner .swiper-button-prev.swiper-button-disabled,.index-section-banner .swiper-button-next.swiper-button-disabled {display: none;}
.banner-pagination {bottom: 5%;top: auto;width: 75%;z-index: 11;display: flex;justify-content: space-between;align-items: center;left: 15%;}
.banner-pagination span {border-radius: 0;width: 24%;margin: 0;display: block;background: rgba(255,255,255,.3);position: relative;opacity: 1;height: 4px;border-radius: 10px;overflow: hidden;outline: none;}
.banner-pagination span::before {content: '';width: 0;height: 100%;position: absolute;left: 0;top: 0;background: #fff;transition:all .4s ease;}
.banner-pagination span.swiper-pagination-bullet-active::before  { animation: jingdu1 5s forwards;}
.banner-pagination.quantity1 span{display: none;}
.banner-pagination.quantity2 span{width: 49%;}
.banner-pagination.quantity3 span{width: 33%;}
.banner-pagination.quantity4 span{width: 24%;}
.banner-pagination.quantity5 span{width: 19%;}
.banner-pagination.quantity6 span{width: 16%;}
.banner-pagination.quantity7 span{width: 13%;}
.banner-pagination.quantity8 span{width: 12%;}
.banner-pagination.quantity9 span{width: 10%;}


.index-section-product-recommend {overflow: hidden;position: relative;padding: 2% 0;background: #fff;}
.index-section-product-recommend-top {text-align:center;}
.index-section-product-recommend-item {position: relative;overflow: hidden;border-radius: 16px;display: flex;width: 70%;margin: auto;background-image: -moz-linear-gradient(120deg, rgb(251,249,244) 0%, rgb(241,243,250) 100%);background-image: -webkit-linear-gradient( 120deg, rgb(251,249,244) 0%, rgb(241,243,250) 100%);background-image: -ms-linear-gradient( 120deg, rgb(251,249,244) 0%, rgb(241,243,250) 100%);margin:4% auto;}
.index-section-product-recommend-item.item2 {flex-direction: row-reverse;}
.product-recommend-item-pic {width: 65%;overflow: hidden;}
.product-recommend-item-pic a {display: block;border-radius:16px;overflow: hidden;background:url('../images/loading.gif') center center no-repeat;}
.product-recommend-item-pic .pic {width: 100%;height: 100%;}
.product-recommend-item-pic .pic img {width: 100%;height: 100%;}
.product-recommend-item-right {width: 35%;overflow: hidden;display: flex;align-items: center;}
.product-recommend-item-text {padding: 5%;position: relative;text-align: center;width: 90%;}
.product-recommend-item-text .title-1 {overflow: hidden;}
.product-recommend-item-text .title-1 h3 {display: block;margin: 0;padding: 0;}
.product-recommend-item-text .text-1 {margin-top: 5px;}
.product-recommend-item-text .feature-3 {margin-top: 20px;}
.product-recommend-item-text .feature-3 ul {list-style: none;margin: 0;padding: 0;display: flex;align-items: center;justify-content: center;}
.product-recommend-item-text .feature-3 li {list-style: none;margin: 0;padding: 0;position: relative;padding: 0 20px;}
.product-recommend-item-text .feature-3 li::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #ccc;opacity: .4;}
.product-recommend-item-text .feature-3 li:last-child::after {display: none;}
.product-recommend-item-text .feature-3 i {display: block;width: 32px;height: 32px;position: relative;margin: auto;}
.product-recommend-item-text .feature-3 span {display: block;margin-top: 1px;}
.product-recommend-item-text .product-3 {overflow: hidden;position: relative;width: 70%;margin: auto;}		
.product-recommend-item-text .btn-2 {display: flex;align-items: center;justify-content: space-between}
.product-recommend-item-text .btn-2 a{display: block;width: 49%;box-sizing: border-box;border: 1px solid #333;text-align: center;padding: 10px 0;border-radius: 4px;color: #000;}
.product-recommend-item-text .btn-2 a:last-child {background: #000;color: #fff; }
.product-recommend-item-text .btn-2 a:hover {background: #ac8956;border: 1px solid #ac8956;color: #fff;}
.index-section-product-recommend-item a:hover .pic {transform: scale(1.05);}
.index-section-product-recommend-item a:hover .img-center {transform: scale(1.05);}


.index-section-product-categories{padding: 0 0 6% 0;overflow: hidden;background: #fff;}
.index-section-container {width: 70%;margin: auto;}
.index-section-product-categories-top {padding-bottom:10px;}
.index-section-product-categories-center {position: relative;display: flex;justify-content: space-between;align-items: center;margin-top: 1%;}
.index-section-product-categories-center .categories-1 {width: 70%;}
.index-section-product-categories-center .categories-1 ul{list-style: none;margin: 0;padding: 0;display: flex;align-items: center;}
.index-section-product-categories-center .categories-1 li{list-style: none;margin: 0;padding: 0;margin-right: 10px;}
.index-section-product-categories-center .categories-1 a{display: block;background: #f1f1f1;border-radius: 10px;overflow: hidden;padding: 8px 20px;text-align: center;color: #000;}
.index-section-product-categories-center .categories-1 li.cur a {background: #000;color: #fff;}
.index-section-product-categories-center .swiper-1 {width: 30%;text-align:right;}
.index-section-product-categories-center .swiper-1 * {-webkit-user-select: none;user-select: none;}
.index-section-product-categories-center .swiper-1 .categories-prev,
.index-section-product-categories-center .swiper-1 .categories-next {position: relative;left: auto;top: auto;right: auto;bottom: auto;margin: auto;transform: none;display: inline-block;vertical-align: middle;}
.index-section-product-categories-center .swiper-1 .categories-next:after,.index-section-product-categories-center .swiper-1 .categories-prev:after {filter: none;}
.index-section-product-categories-center .swiper-1 .categories-pagination {position: relative;left: auto;top: auto;right: auto;bottom: auto;margin: auto;transform: none;width: auto;display: inline-block;vertical-align: middle;padding: 0 10px;}
.index-section-product-categories-center .swiper-1 .swiper-pagination-total {position: relative;}
.index-section-product-categories-center .swiper-1 .swiper-pagination-total::before {content: '/';display: inline-block;vertical-align: middle;margin: 0 5px;font-size: 14px;color: #999;}
.index-section-product-categories-bottom {margin-top: 2%;}
.index-section-product-categories-swiper {overflow: hidden;}
.index-section-product-categories-swiper .swiper-slide {height: auto;}
.index-product-categories-items {width: 100%;overflow: hidden;position: relative;border-radius: 16px;background: url('../upload/categories.jpg') center no-repeat;background-size: cover;padding: 5%;box-sizing: border-box;height: 100%;}
.index-product-categories-items .top-1 {text-align: center;margin-top: 20px;}
.index-product-categories-items .title-1 {color: #000;}
.index-product-categories-items .text-1 {color: #333;margin-top: 1px;}
.index-product-categories-items .pic-1 {position: relative;overflow: hidden;width: 80%;margin: auto;margin-top: 20px;}
.index-product-categories-items .bottom-1 {margin-top: 0px;display: flex;align-items: center;justify-content: space-between;}
.index-product-categories-items .price-1 {color: #000;}
.index-product-categories-items .price-1 strong {display: inline-block;vertical-align: middle;margin: 0;padding: 0;}
.index-product-categories-items .price-1 span {color: #999;text-decoration: line-through;margin-left: 7px;display: inline-block;vertical-align: middle;}
.index-product-categories-items .btn-2 {display: flex;align-items: center;} 
.index-product-categories-items .btn-2 a{display: block;width: 49%;box-sizing: border-box;border: 1px solid #333;text-align: center;padding: 10px 20px;border-radius: 4px;color: #000;margin-left: 5px;}
.index-product-categories-items .btn-2 a:last-child {background-image: -moz-linear-gradient( 0deg, rgb(46,46,46) 0%, rgb(0,0,0) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(46,46,46) 0%, rgb(0,0,0) 100%);background-image: -ms-linear-gradient( 0deg, rgb(46,46,46) 0%, rgb(0,0,0) 100%);color: #fff;text-decoration: none;}
.index-product-categories-items .btn-2 a:hover {background: #ac8956;border: 1px solid #ac8956;color: #fff;}
.index-product-categories-items .btn-2 a strong {white-space: nowrap;}
.index-product-categories-items .pic-1 a:hover .img-center{transform: scale(1.05);}



.index-section-advertisement {overflow: hidden;position: relative;background: #333;}
.index-section-advertisement-text {position: absolute;left: 15%;top: 50%;transform: translateY(-50%);width: 30%;z-index: 10;color: #fff;}
.index-section-advertisement-text .category-1{margin: 0;}
.index-section-advertisement-text .category-1 strong {display: block;background: radial-gradient(circle, #af9165, #e5dac7, #af9165);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;}
.index-section-advertisement-text .title-1 {margin-top: 10px;}
.index-section-advertisement-text .title-1 strong{margin: 0;padding: 0;}
.index-section-advertisement-text .text-1 {margin-top: 20px;} 
.index-section-advertisement-text .learnmore-1 {margin-top: 40px;}
.index-section-advertisement-text.right {left: auto;right: 15%;text-align: right;}



/* 关于模块5 */
.index-section-thebest {padding:0;background: #fff;display:flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
.index-section-thebest .page-content {width: 70%;margin: auto;}
.index-section-thebest .page-content .title-0 {text-align:center;padding-bottom: 3%;}
.index-section-thebest-pin {background: #fff;overflow: hidden;position: relative;}
.index-section-thebest-pin-content {width: 100%;height:100vh;overflow: hidden;}
.index-section-thebest-container {position: relative;}
.index-section-thebest-item {width: 30%;height:49%;position: absolute;overflow: hidden;border-radius: 10px;left:0;top:0;transition:all .4s ease;opacity:0;}
.index-section-thebest-item::after {content: ''; position: absolute; top: 0; left: 0; width: 100%;height: 100%;box-sizing: border-box;border: 2px solid rgba(0,0,0,0.1);overflow: hidden;border-radius: 10px;opacity:.5;}
.index-section-thebest-item.show {opacity: 1;}
.index-section-thebest-item .index-thebest-text {position: absolute;left: 30px;top: 30px;width: 80%;z-index: 1;}
.index-section-thebest-item .index-thebest-text .title-1 {display: flex;align-items: baseline;}
.index-section-thebest-item .index-thebest-text .title-1 strong{display: block;margin: 0;padding: 0;}
.index-section-thebest-item .index-thebest-text .title-1 span {display: block;}
.index-section-thebest-item .index-thebest-text .text-1 {margin-top: -3px;}
.index-section-thebest-item .index-thebest-text .text-2 {margin-top: 10px;color: #999;}
.index-section-thebest-item.item3 .index-thebest-text .text-2 {max-width:70%;}
.index-section-thebest-item .icon-2 {position: absolute;width: 30%;max-height: 90%;right: 10%;bottom: 10%;z-index: 2;}
.index-section-thebest-item .img-block {height: 100%;}
.index-section-thebest-item.item1 {width: 26.4%;height: 58.4%;}
.index-section-thebest-item.item2 {position: absolute;z-index: 111;opacity:1;}
.index-section-thebest-item.item3 {width: 50.4%;height: 40%;left:0;top:auto;bottom:0;}
.index-section-thebest-item.item3 .index-thebest-text {top:50%;transform: translateY(-50%);}
.index-section-thebest-item.item3 .icon-2 {position: absolute;width: 25%;height: auto;right: 5%;bottom: auto;top:50%;transform: translateY(-50%);}
.index-section-thebest-item.item4 {width: 22%;height: 40%;left: 51%;top:auto;bottom:0;}
.index-section-thebest-item.item4 .index-thebest-text {top:50%;transform: translateY(-50%);text-align:center;}
.index-section-thebest-item.item4 .index-thebest-text .title-1{justify-content: center;}
.index-section-thebest-item.item4 .index-thebest-text .text-2 {margin: auto;margin-top: 10px;}
.index-section-thebest-item.item5 {width: 26.4%;height:100%;position: absolute;right:0;top:0;left:auto;}
.thebest-video {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 11;overflow: hidden;}
.thebest-video.hide {opacity: 0;}
.thebest-video video {display: block;width: 100%;height: 100%; object-fit: cover;}



.index-section-cardsshow {background: #fff;padding: 0 0 6% 0;}
.index-section-cardsshow-top {text-align: center;}
.index-section-cardsshow-top .title-1 {width:60%;color: #000;margin:auto;}
.index-section-cardsshow-center {margin-top: 2%;}
.index-section-cardsshow-center .categories-1 {overflow: hidden;}
.index-section-cardsshow-center .categories-1 ul{list-style: none;margin: 0;padding: 0;display: flex;align-items: center;justify-content: center;}
.index-section-cardsshow-center .categories-1 li{list-style: none;margin: 0;padding: 0;margin: 0 5px;}
.index-section-cardsshow-center .categories-1 a{display: block;background: #f1f1f1;border-radius: 10px;overflow: hidden;padding: 8px 20px;text-align: center;color: #000;}
.index-section-cardsshow-center .categories-1 li.cur a {background: #000;color: #fff;}
.index-section-cardsshow-bottom {margin-top: 2%;}
.index-section-cardsshow-bottom .cardsshow-1 {position: relative;}
.index-section-cardsshow-bottom .cardsshow-1 .cardsshow-items {background-image: -moz-linear-gradient( 120deg, rgb(251,249,244) 0%, rgb(241,243,250) 100%);background-image: -webkit-linear-gradient( 120deg, rgb(251,249,244) 0%, rgb(241,243,250) 100%);background-image: -ms-linear-gradient( 120deg, rgb(251,249,244) 0%, rgb(241,243,250) 100%);border-radius: 16px;overflow: hidden;display: flex;justify-content: space-between;padding: 1%;box-sizing: border-box;width: 100%;margin-bottom: 5%;position: -webkit-sticky;position: sticky;top: 100px;} 
.index-section-cardsshow-bottom .cardsshow-1 .cardsshow-items.cur {opacity: 1;} 
.index-section-cardsshow-bottom .cardsshow-1 .cardsshow-items:last-child {margin-bottom: 0;}
.index-section-cardsshow-bottom .cardsshow-1 .cardsshow-items-left {width: 30%;}
.index-section-cardsshow-bottom .cardsshow-1 .cardsshow-items-text {padding: 5%;}
.index-section-cardsshow-bottom .cardsshow-1 .icon-1 {width: 50px;height: 50px;position: relative;}
.index-section-cardsshow-bottom .cardsshow-1 .title-1 {margin-top: 30px;}
.index-section-cardsshow-bottom .cardsshow-1 .title-1 strong {background: linear-gradient(to bottom, #9b7856, #c99c74);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;display: block;}
.index-section-cardsshow-bottom .cardsshow-1 .text-1 {margin-top: 10px;}
.index-section-cardsshow-bottom .cardsshow-1 .cardsshow-items-num {position: absolute;left: 3%;bottom: 5%;z-index: 5;color: #999;}
.index-section-cardsshow-bottom .cardsshow-1 .cardsshow-items-right {width: 65%;}
.index-section-cardsshow-bottom .cardsshow-1 .cardsshow-items-right .pic {border-radius: 10px;overflow: hidden;background-color: #ccc;}

 
.index-section-videos {padding: 7% 0;overflow: hidden;background: url('../upload/videobg.jpg') center no-repeat;background-size: cover;}
.index-section-videos-left {margin-left: 15%;width: 24%;float: left;}
.index-section-videos-text {margin-top: 13%;color: #fff;}
.index-section-videos-text .title-1{margin-top: 10px;width: 90%;}
.index-section-videos-text .text-1 {margin-top: 20px;}
.index-section-videos-left .swiper-1 {margin-top: 100px;}
.index-section-videos-left .swiper-1 * {-webkit-user-select: none;user-select: none;}
.index-section-videos-left .swiper-1 .videos-prev,
.index-section-videos-left .swiper-1 .videos-next {position: relative;left: auto;top: auto;right: auto;bottom: auto;margin: auto;transform: none;display: inline-block;vertical-align: middle;}
.index-section-videos-left .swiper-1 .videos-next:after,.index-section-videos-left .swiper-1 .videos-prev:after {filter: invert(1);}
.index-section-videos-left .swiper-1 .videos-pagination {position: relative;left: auto;top: auto;right: auto;bottom: auto;margin: auto;transform: none;width: auto;display: inline-block;vertical-align: middle;padding: 0 10px;color: #fff;}
.index-section-videos-left .swiper-1 .swiper-pagination-total {position: relative;color: #fff;}
.index-section-videos-left .swiper-1 .swiper-pagination-total::before {content: '/';display: inline-block;vertical-align: middle;margin: 0 5px;font-size: 14px;color: #fff;}
.index-section-videos-right {width: 60%;float: right;}
.index-section-videos-swiper {overflow: hidden;}
.index-section-videos-items {overflow: hidden;position: relative;}
.index-section-videos-items a {display: block;position: relative;background: rgba(255,255,255,.2);overflow: hidden;border-radius: 16px;box-sizing: border-box;border: 2px solid rgba(255,255,255,.1);}
.index-section-videos-items-pic {border-radius: 0 0 16px 16px;overflow: hidden;position: relative;}
.index-section-videos-items-pic .pic {overflow: hidden;}
.index-section-videos-items-text {padding: 5%;overflow: hidden;}
.index-section-videos-items-text .title-1 {color: #fff;}
.index-section-videos-items-text .users-2 {display: flex;align-items: center;margin-top: 20px;}
.index-section-videos-items-text .users-2 .icon-1 {position: relative;}
.index-section-videos-items-text .users-2 .icon-1 i{width: 34px;height: 34px;border-radius: 100%;position: relative;overflow: hidden;display: block;}
.index-section-videos-items-text .users-2 .right-1 {overflow: hidden;margin-left: 5px;color: #fff;}
.index-section-videos-items-text .users-2 .name-1 {overflow: hidden;}
.index-section-videos-items-text .users-2 .time-1 {margin-top: -1px;opacity: .5;}
.index-section-videos-items a:hover .pic {transform: scale(1.05);}





.index-section-technology-data {padding: 6% 0;overflow: hidden;background: url('../upload/databg.jpg') center top no-repeat #fff;background-size: 100%;}
.index-section-technology-data-top {text-align: center;}
.index-section-technology-data-top .title-1 {color: #000;}
.index-section-technology-data-bottom {margin-top: 4%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.index-section-technology-data-icons {width: 24%;text-align: center;}
.index-section-technology-data-icons .icon-1 {overflow: hidden;}
.index-section-technology-data-icons .icon-1 i{display: block;position: relative;width: 100px;height: 100px;margin: auto;}
.index-section-technology-data-icons .title-1{margin-top: 10px;}
.index-section-technology-data-icons .text-1{color: #333;margin-top: 2px;}
 


.index-section-action {padding: 5% 0;background: #fff;overflow: hidden;}
.index-section-action-top {text-align: center;}
.index-section-action-bottom {margin-top: 4%;}
.index-section-action-swiper {overflow: hidden;}
.index-section-action-items {width: 100%;height: 100%;position: relative;}
.index-section-action-items a {display: block;position: relative;overflow: hidden;border-radius: 16px;}
.index-section-action-items a:hover .pic {transform: scale(1.05);}
.index-section-action-items-pic {overflow: hidden;position: relative;}
.index-section-action-items-pic .pic {overflow: hidden;background-color: #333;}
.index-section-action-items-pic::after {content: '';width: 100%;height: 50%;position: absolute;left: 0;bottom: 0;z-index: 2;background-image: -webkit-linear-gradient(to top, rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 100%);background-image: linear-gradient(to top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 100%);}
.index-section-action-items .title-1 {position: absolute;left: 5%;bottom: 5%;width: 90%;color: #fff;z-index: 10;}

.action-pagination {left: auto;top: auto;bottom: auto;right: auto;transform: none;width: 100%;margin-top: 4%;text-align: center;position: relative}
.action-pagination .swiper-pagination-bullet {border-radius: 10px;width: 100px;height: 4px;margin: 0 5px;background: #ddd;opacity: 1;}
.action-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #000;}  



.index-section-photogallery {padding: 2% 0 5% 0;overflow: hidden;background: #fff;}
.index-section-photogallery-top {text-align: center;}
.index-section-photogallery-bottom {margin-top: 3%;position:relative;} 
.index-section-photogallery-bottom::before {content: '';z-index: 11;position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;}
.index-photogallery-item {width: 100%;overflow: hidden;position: relative;}
.index-photogallery-item ul {list-style: none;margin: 0;padding: 0;display: flex;align-items: center;width: 100%;overflow: hidden;}
.index-photogallery-item li {list-style: none;margin: 0;padding: 0;width: auto;position: relative;float: left;overflow: hidden;} 
.index-photogallery-item li::before {content: '';width: 10px;display: block;clear: both;height: 100%;float: left;}
.index-photogallery-item .item-1 {background-position: center ;background-repeat: no-repeat;background-size: cover;border-radius: 10px;position: relative;overflow: hidden;width: 100%;float: left;background-color: #f1f1f1;}
.index-photogallery-item .item-1.item1 {width: auto;height: 100%;margin-right: 10px;}
.index-photogallery-item .item-1.item2 {width: 250px;height: 50%;}
.index-photogallery-item .item-1.item3 {width: 250px;height: 49%;position: absolute;right: 10px;bottom: 0;margin-top: 10px;} 








/* 产品列表样式 */ 
.page-product-items {width: 100%;overflow: hidden;position: relative;border-radius: 10px;background-image: -webkit-linear-gradient(90deg,#f2f3fa,#fbf9f5);background-image: linear-gradient(90deg,#f2f3fa,#fbf9f5);box-sizing: border-box;padding: 10%;}
.page-product-items .pic-1 {position: relative;overflow: hidden;width:80%;margin:5% auto;}
.page-product-items .pic-1 a:hover .img-center {transform: scale(1.05);}
.page-product-items .bottom-1 {margin-top: 10px;}
.page-product-items .bottom-1 .title-1 {overflow: hidden;}
.page-product-items .bottom-1 .text-1 {color: #999;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.page-product-items .bottom-1 .price-1 { display: flex;align-items: center;margin-top: 5px;}
.page-product-items .bottom-1 .price-1 strong { margin: 0;padding: 0;display: block;}
.page-product-items .bottom-1 .price-1 span { display: block;margin-left: 10px;color: #999;text-decoration: line-through;}
.page-product-items .bottom-1 .btn-2 {margin-top: 20px;display: flex;align-items: center;justify-content: space-between}
.page-product-items .bottom-1 .btn-2 a{display: block;width: 49%;box-sizing: border-box;border: 1px solid #333;text-align: center;padding: 10px 0;border-radius: 4px;color: #000;}
.page-product-items .bottom-1 .btn-2 a:last-child {background: #000;color: #fff; }
.page-product-items .bottom-1 .btn-2 a:hover {background: #ac8956;border: 1px solid #ac8956;color: #fff;} 



/* 首页产品分类加载状态 */
.loading {text-align: center;padding: 40px 20px;color: #666;font-size: 16px;}
.no-products {text-align: center;padding: 40px 20px;color: #666;}
.error {text-align: center;padding: 40px 20px;color: #e74c3c;}
/* 分类切换动画 */
.categories-type li {transition: all 0.3s ease;}
.categories-type li.cur {transform: scale(1.05);}
/* 产品容器过渡效果 */
#products-container {transition: opacity 0.3s ease;}
#products-container.loading {opacity: 0.7;}



.sw-prev,.sw-next {top: 50%;transform: translateY(-50%);margin: 0;width: 50px;height: 50px;border-radius: 100%;transition:all .4s ease;outline: none;border: 1px solid #ddd;}
.sw-prev:after, .sw-next:after {color: #fff;font-size: 18px;content:'';width: 15px;height: 15px;background: url('../images/r1.svg') center no-repeat;background-size: 100%;filter: invert(1);position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.sw-prev:after {transform: translate(-50%,-50%) rotate(180deg);}
.sw-prev:hover,.sw-next:hover {background: rgba(0,0,0,.6);}
.sw-prev {left: 4%;}
.sw-next {right: 4%;}
.swiper{--swiper-theme-color: #be9e6f;--swiper-preloader-color: #be9e6f;} 


.tanimation {opacity: 0;transition: opacity .8s ease-in-out,transform .8s cubic-bezier(.215,.61,.355,1);}
.tformY {transform:translateY(160px);}
.tformX {transform:translateX(50%);}
.tformXX {transform:translateX(-50%);}
.tdelay1 {transition-delay: .1s;}
.tdelay2 {transition-delay: .2s;}
.tdelay3 {transition-delay: .3s;}
.tdelay4 {transition-delay: .4s;}
@keyframes jingdu1{0%{width: 0;}100%{width: 100%;}}


 
@keyframes fadeInzoom{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;}0%{opacity:1;transform: translate(-50%,-50%);top:50%;left: 50%;width: 100%;height: 100%;}100%{width: 46%;height: 58%;left: 50%;top: 0%;transform: translate(-50%,0%);}}
.fadeInzoom{-webkit-animation-name:fadeInzoom;animation-name:fadeInzoom;-webkit-animation-duration:2s;animation-duration:1s}




@media screen and (max-width: 5120px) {}
@media screen and (max-width: 3840px) {}
@media screen and (max-width: 2560px) {}
@media screen and (max-width: 2048px) {}
@media screen and (max-width: 1920px) {}
@media screen and (max-width: 1860px) {}
@media screen and (max-width: 1680px) {
    .banner-prev, .banner-next,.sw-prev, .sw-next { width: 45px;height: 45px;}
    .banner-prev::after, .banner-next::after { width: 15px;height: 15px;}
    .learnmore-1 a {padding: 8px 28px;}
    .index-banner-item-text {left: 10%;width: 35%;}
    .banner-pagination {width: 80%;left: 10%;}
    .index-section-product-recommend-item,.index-section-container,.index-section-thebest .page-content {width: 80%;}
    .product-recommend-item-text .product-3 {width: 65%;}
    .index-section-advertisement-text.right {right: 10%;}
    .index-section-videos-left {margin-left: 10%;width: 24%;}
    .index-section-videos-right {width: 60%;}
    .index-section-videos-text .title-1{width: 100%;}
    .index-section-thebest-item .index-thebest-text .title-1 strong {font-size: 30px;line-height: 38px;}
}
@media screen and (max-width: 1580px) {}
@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1366px) {
    .index-banner-item-text {left: 5%;width: 40%;}
    .banner-pagination {width: 90%;left: 5%;}
    .index-section-product-recommend-item,.index-section-container,.index-section-thebest .page-content {width: 90%;}
    .index-section-advertisement-text.right {right: 5%;}
    .index-section-videos-left {margin-left: 5%;width: 30%;}
    .index-section-videos-right {width: 60%;}
    .index-section-videos-text {margin-top: 8%;}
    .index-section-videos-left .swiper-1 {margin-top: 50px;}
    .index-product-categories-items .price-1 {display: flex;width: 100%;justify-content: center;align-items: center;}
    .index-product-categories-items .btn-2 {width: 100%;}
    .header-content,.header-nav a {height: 60px;}
    .nav-sub-menu-list a{height: auto;}
    .header-nav-show-content {padding-top: 60px;}
    .announcement-bar-show .header-nav-show-content {padding-top: 100px;}
    .index-section-cardsshow-top .title-1 {width:100%;}
}
@media screen and (max-width: 1280px) {}
@media screen and (max-width: 1152px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 980px)  {}
@media screen and (max-width: 768px) {
	.yt-modal{width:96vw;}
	.yt-modal-shorts{width: 70vw;max-width: 280px;min-width: 250px;}
	.banner-prev, .banner-next,.index-section-product-categories-center .swiper-1 {display:none;}
	.index-banner-item-text {left: 5%;width: 90%;top: 14%;transform: none;text-align:center;}
	.announcement-bar-show .index-banner-item-text {top: 20%;}
	.index-banner-item-text .text-1 {margin-top: 0px;}
	.index-banner-item-text .learnmore-1 {margin-top: 10px;}
	.index-banner-item-text .title-1 h1 {font-size: 40px;line-height: 50px;}
	.banner-pagination {width: 90%;left: 5%;}
	.index-section-product-recommend {padding: 10% 0;}
	.index-section-product-recommend-item {width: 90%;margin:5% auto;flex-wrap: wrap;}
	.product-recommend-item-pic,.product-recommend-item-right,.index-section-product-categories-center .categories-1,
	.index-section-cardsshow-bottom .cardsshow-1 .cardsshow-items-left,.index-section-cardsshow-bottom .cardsshow-1 .cardsshow-items-right {width: 100%;}
	.product-recommend-item-text .feature-3 li {padding: 0 10px;}
	.index-section-container {width: 90%;}
	.index-section-product-categories-center,.index-section-cardsshow-center {padding: 3% 0;}
	.categories-1 a {white-space: nowrap;}
	.categories-type,.cardsshow-type {overflow-x: auto;width: 100%;justify-content: flex-start!important;}
	.categories-type::-webkit-scrollbar,.cardsshow-type::-webkit-scrollbar {height:0;width:0}
	.index-section-product-categories {padding: 5% 0 15% 0;}
	.index-product-categories-items .bottom-1,.index-section-cardsshow-bottom .cardsshow-1 .cardsshow-items,.index-section-technology-data-bottom {flex-wrap: wrap;}
	.index-product-categories-items .btn-2 {justify-content: space-between;width: 100%;}
	.index-product-categories-items .btn-2 a{padding: 10px 10px;margin-left: 0;}
	.index-section-advertisement-text {position: relative;left: auto;top: auto;transform: none;width: 90%;right:auto;padding: 10% 0;margin:auto;}
	.index-section-advertisement-text.right {left: auto;right: auto;text-align: left;}
	.index-section-advertisement-text.right.moble-txt,.index-section-advertisement-text.moble-txt  {position: absolute;left: 5%;top: 10%;} 
	.index-section-advertisement-text .title-1 {margin-top: 0px;}
	.index-section-advertisement-text .learnmore-1 ,.index-section-advertisement-text .text-1{margin-top: 2%;}
	.index-section-cardsshow-top .title-1 strong {font-size: 21px;line-height: 30px;}
	.index-section-videos-left {margin-left: 5%;width: 90%;float: none;}
	.index-section-videos-left .swiper-1 {margin-top: 5%;}
	.index-section-videos-right {margin-left: 5%;width: 95%;float: none;margin-top: 5%;}
	.index-section-videos,.index-section-action,.index-section-photogallery {padding: 7% 0 10% 0;}
	.index-section-technology-data {padding: 20% 0 10% 0;}
	.index-section-technology-data-icons {width: 50%;}
	.action-pagination .swiper-pagination-bullet {width:10%;}
	.index-photogallery-item .item-1.item1 {height: 300px;}
	.index-photogallery-item .item-1.item2 {width: 150px;height: 49%;}
	.index-photogallery-item .item-1.item3 {width: 150px;height: 48%;margin-top: 0;}
	.index-section-advertisement-text .title-1 strong {font-size: 40px;line-height: 40px;}
	.index-section-videos-text .title-1 strong,.index-section-technology-data-top .title-1 strong,
	.index-section-action-top .title-1 strong,.index-section-photogallery-top .title-1 strong,.index-section-product-categories-top .title-1 strong,.index-section-advertisement-text .title-1 strong{font-size: 34px;line-height: 38px;}
	.page-product-items .bottom-1 .text-1,.page-product-items .bottom-1 .title-1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
	.index-section-technology-data-top .title-1 strong {font-size: 24px;line-height: 30px;}
	.index-section-technology-data-top .title-1 .img-inline { max-width: 80px;}
	.index-section-action-top .title-1 strong,.index-section-photogallery-top .title-1 strong {font-size: 28px;line-height: 32px;}
	
	.index-section-thebest {padding:15% 0;}
	.index-section-thebest .page-content {width: 90%;}
	.index-section-thebest-pin-content {height: auto;}
    .index-section-thebest-pin-content .imgplaceholder {display: none;}
    .index-section-thebest-container { margin-top: auto;display:flex;flex-wrap: wrap;}
    .index-section-thebest-item {width: 100%;height:auto;position: relative;left:auto;top: auto;opacity: 1;margin:1%;background: url('../upload/thebest4.jpg') center no-repeat;background-size: 100% 100%;padding-bottom: 10%;}
    .index-section-thebest-item.item0 {padding-bottom: 0;}
    .index-section-thebest-item.item1 {width: 48%;height: auto;}
    .index-section-thebest-item.item2 {position: relative;width: 100%;height: auto;display:none;}
    .index-section-thebest-item.item3 {position: relative;width: 48%;height: auto;}
    .index-section-thebest-item.item4 {position: relative;width: 48%;height: auto;left: auto;}
    .index-section-thebest-item.item5 {position: relative;width: 48%;height: auto;background: url('../upload/thebest5.jpg') center no-repeat;background-size: 100% 100%;}
    .index-section-thebest-item.item3 .index-thebest-text {top: auto;transform: none;}
    .index-section-thebest-item.item3 .icon-2 { width: 40%;right: auto;bottom: auto;top: auto;transform: none;position: relative;}
    .index-section-thebest-item .index-thebest-text .title-1 strong {font-size: 14px;line-height: 24px;}
    .index-section-thebest-item .index-thebest-text {left: auto;top: auto;width: 80%;position: relative;padding: 10%;z-index: 111;}
    .index-section-thebest-item .img-block,.index-section-thebest-item .img-block.mbshow {display: none!important;}
    .index-section-thebest-item .icon-2 .img-block,.index-section-thebest-item.item0.mbshow .img-block {display: block!important;}
    .index-section-thebest-item .icon-2 {position: relative;width: 30%;max-height:none;right: auto;bottom: auto;margin-left: 10%;}
    .index-section-thebest-item.item4 .index-thebest-text {top: auto;transform: none;text-align: left;}
    .index-section-thebest-item.item4 .index-thebest-text .title-1 {justify-content: left;}
    .index-section-thebest-item .index-thebest-text .text-2 {font-size: 10px;line-height: 16px;color: #000;max-width:100%;}
    .index-section-thebest-item.item3 .index-thebest-text .text-2 {max-width:100%;}
    .index-section-thebest-item.item5::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #fff;z-index: 2;opacity: .9;}
    .index-section-thebest-item::after {z-index: 50;}

    .index-section-product-categories-swiper .page-product-items .bottom-1 .btn-2 {display:block;}
    .index-section-product-categories-swiper .page-product-items .bottom-1 .btn-2 a {width: 100%;margin-bottom:10px;}
    
    
    
}


 

/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	
}

/* iPad x*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : landscape) { 

}
/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
 
}

/* 小屏幕手机 */
@media screen and (max-width: 480px) {
	.yt-modal-shorts{
		width: 85vw;
		max-width: 250px;
		min-width: 200px;
	}
}