.page-banner {position: relative;}
.page-banner-swiper {overflow: hidden;}
.page-banner-item {position: relative;}
.page-banner-text {position: absolute;left: 15%;top: 50%;transform: translateY(-50%);width: 80%;z-index: 10;color: #fff;} 
.page-banner-text.center {left: 50%;top: 55%;transform: translate(-50%,-50%);text-align: center;}
.page-banner-text .title-1 {transition-delay: .2s;}
.page-banner-text .title-1 h1{margin: 0;padding: 0;}
.page-banner-text .text-1 {margin-top: 10px;transition-delay: .3s;}
.page-banner-text .text-1 span {display: block;} 
.page-banner-text .search-1 {width: 40%;margin: auto;position: relative;margin-top: 2%;}
.page-banner-text .input-1 {position: relative;}
.page-banner-text .input-1 input{width: 100%;padding: 15px 5%;border-radius: 50px;box-sizing: border-box;background: #fff;border: none;color: #000;}
.page-banner-text .button-1 {position: absolute;right: 4%;top: 50%;transform: translateY(-50%);z-index: 1;}
.page-banner-text .button-1 a{display: block;width: 30px;height: 30px;background: url('../upload/shuosuo.svg') center no-repeat;background-size: 100%;opacity: .5;}
.page-banner-pic {overflow: hidden;position: relative;}




.page-section {position: relative;}
.page-section-content {width: 70%;margin: auto;}
.page-support-service {background: #fff;padding: 5% 0;overflow: hidden;}
.page-support-service .title-1 {text-align: center;}
.page-support-service .title-1 strong {margin: 0;padding: 0;}
.page-support-service .txt-1 {text-align: center;margin-top:5px;color:#666;}
.page-support-service-list {display: flex;flex-wrap: wrap;justify-content: center;margin-top: 3%;align-items: center;}
.page-support-service-item {width: 23%;padding: 20px;border-radius: 10px;transition:all .4s ease;box-sizing: border-box;margin: 1%;}
.page-support-service-item-icon {width: 100%;margin: auto;}
.page-support-service-item-icon i {width: 100px;height: 100px;display: block;position: relative;margin: auto;}
.page-support-service-item-text {margin-top: 20px;text-align: center;}
.page-support-service-item-text .title-2 {margin: 0;padding: 0;}
.page-support-service-item-text .text-1 {margin-top: 10px;}
.page-support-service-item-text .button-1 {margin-top: 20px;}
.page-support-service-item-text .button-1 strong {color: #fff;display: inline-block;padding: 10px 20px;background: #000;border-radius: 5px;overflow: hidden;text-align: center;}
.page-support-service-item-text .button-1:hover strong {background: #ac8956;}
.page-support-service-item:hover {background: #f5f5f5;}


.page-support-video-item {position: relative;width: 32%;margin-right: 1%;margin-bottom: 1%;}
.page-support-video-item.mr0 {margin-right:0;}
.page-support-video-item a {border-radius: 10px;overflow: hidden;display: block;position: relative;}
.page-support-video-item-pic {background:#000;}
.page-support-video-item a:hover .pic {transform: scale(1.05);}







.page-product-support {background: #fff;padding: 5% 0;overflow: hidden;}
.page-product-support .title-1 {text-align: center;}
.page-product-support .title-1 strong {margin: 0;padding: 0;}
.page-product-support-list {display: flex;flex-wrap: wrap;justify-content: center;margin-top: 1%;}
.page-product-support-list-left {width: 20%;}
.page-product-support-list-right {width: 80%;display: flex;flex-wrap: wrap;}
#product-support .page-product-support-list-right {width: 100%;}
.page-support-nav {width: 100%;margin: auto;margin-top: 2%;}
.page-support-nav ul {list-style: none;padding: 0;margin: 0;display: flex;align-items: center;justify-content: center;}
.page-support-nav ul li {list-style: none;padding: 0;margin: 0;margin: 1% 5px;}
.page-support-nav ul li a {display: block;position: relative;background-color: #f5f5f5;padding: 10px 20px;box-sizing: border-box;overflow: hidden;border-radius: 100px;text-align: center;}
.page-support-nav ul li a span {display: block;color: #000;}
.page-support-nav ul li.cur a span {color: #fff;}
.page-support-nav ul li.cur a {background-color: #ac8956;}
.page-support-left-nav {width: 100%;margin: auto;}
.page-support-left-nav ul {list-style: none;padding: 0;margin: 0;position: relative;}
.page-support-left-nav ul::before {content: '';width: 3px;height: 100%;position: absolute;left: 0;top: 0;background-color: #f5f5f5;z-index: 1;}
.page-support-left-nav ul li {list-style: none;padding: 0;margin: 0;position: relative;z-index: 10;}
.page-support-left-nav ul li a {display: block;position: relative;padding-left: 20px;}
.page-support-left-nav ul li a::before {content: '';width: 3px;height: 0;position: absolute;left: 0;top: 0;background-color: #ac8956;transition:all .4s ease;}
.page-support-left-nav ul li a span {display: block;padding: 10px 20px;color: #000;}
.page-support-left-nav ul li.cur a::before {height: 100%;}
.page-support-left-nav ul li.cur a span {color: #ac8956;}
.page-product-support-item {width: 23%;box-sizing: border-box;margin-right: 2%;margin-bottom: 2%;}
.page-product-support-item.mr0 {margin-right: 0;}
.page-product-support-item a {display: block;position: relative;overflow: hidden;border-radius: 10px;background-color: #f5f5f5;}
.page-product-support-item a:hover .img-center {transform: scale(1.05);}
.page-product-support-item-pic {width: 50%;margin: auto;margin-top: 10px;}
.page-product-support-item-pic .pic {width: 100%;height: 100%;position: relative;overflow: hidden;background: transparent;} 
.page-product-support-item-text {width: 100%;margin: auto;padding: 0px 0 20px 0;;}
.page-product-support-item-text .title-2 {text-align: center;}
.page-product-support-item-text .title-2 strong {margin: 0;padding: 0;color: #000;} 
 

.page-support-faqs {background: #fff;padding: 5% 0;overflow: hidden;}
.page-support-faqs .title-1 {text-align: center;}
.page-support-faqs .title-1 strong {margin: 0;padding: 0;}
.page-support-faqs-list {display: flex;flex-wrap: wrap;margin-top: 1%;}
.page-support-faqs .page-section-content {border-radius: 16px;overflow: hidden;padding: 5%;background-color: #f5f5f5;box-sizing: border-box;}
.page-support-faqs .page-support-nav ul li a {background-color: #fff;}
.page-support-faqs .page-support-nav ul li.cur a {background-color: #ac8956;}


/* FAQ样式 */
.page-section-faq-item {border-bottom: 1px solid #f1f1f1;margin-bottom: 20px;background: rgba(255, 255, 255, 0.5);border-radius: 16px;overflow: hidden;transition:all .4s ease;width: 100%;}
.page-section-faq-item.cur,.page-section-faq-item:hover {background: #fff;}
.page-section-faq-item:last-child {border-bottom: none;}
.page-section-faq-item-title {cursor: pointer;padding: 24px 2%;transition: all 0.3s ease;position: relative}
.page-section-faq-item-title:hover {color: #af9165;}
.page-section-faq-item-title .title-1 {display: flex;align-items: center;justify-content: space-between;width:90%;}
.page-section-faq-item-title .title-1 strong {font-size: 18px;color: #000;margin: 0;padding: 0;}
.page-section-faq-item-title .title-1 i {display: block;width: 14px;height: 14px;background: url('../upload/d1.svg') center no-repeat;background-size: 100%;transition: transform 0.3s ease;position: absolute;right: 5%;top: 50%;transform: translateY(-50%);}
.page-section-faq-item-title .title-1 i.active {transform: rotate(180deg);}
.page-section-faq-item-content {overflow: hidden;display: none;padding: 0 2%;position: relative;}
.page-section-faq-item-content::before {content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 3px;background: #af9165;z-index: 1;}
.page-section-faq-item.cur .page-section-faq-item-content::before {width: 100%;}
.page-section-faq-item-content .text-1 {padding: 0 0 30px 0;color: #666;}



/* contact */
.page-still-help {background: #fff;padding: 5% 0;overflow: hidden;}
.page-still-help .title-1 {text-align: center;}
.page-still-help .title-1 strong {margin: 0;padding: 0;}
.page-still-help-list {display: flex;flex-wrap: wrap;justify-content: center;margin-top: 2%;}
.page-still-help-item {width: 32%;margin-right: 2%;margin-bottom: 2%;}
.page-still-help-item.mr0 {margin-right: 0;}
.page-still-help-item a {display: block;position: relative;overflow: hidden;border-radius: 10px;background-color: #f5f5f5;padding: 10% 5%;box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);}
.page-still-help-item-icon {width: 100%;margin: auto;position: relative;}
.page-still-help-item-icon i {width: 100px;height: 100px;display: block;position: relative;margin: auto;}
.page-still-help-item-text {margin-top: 20px;text-align: center;}
.page-still-help-item-text .title-2 {margin: 0;padding: 0;color: #000;}
.page-still-help-item-text .text-1 {margin-top: 0px;}
.page-still-help-item-text .text-1 span {display: block;color: #af9165;}
.page-still-help-item a:hover span {text-decoration: underline;}




/* help-center-product */
.page-help-center-product {background: #fff;padding: 5% 0;overflow: hidden;}
.page-help-center-product-overview {overflow: hidden;text-align: center;}
.page-help-center-product-pic {width: 20%;margin: auto;position: relative;overflow: hidden;}
.page-help-center-product-name {margin-top: 2%;text-align: center;}
.page-help-center-product-name .title-1{color: #000;}
.page-help-center-product-name .link-1{margin-top: 0;}
.page-help-center-product-name .link-1 a{display: inline-block;vertical-align: middle;margin: 5px 10px;}
.page-help-center-product-name .link-1 a span {color: #ac8956;text-decoration: underline;display: inline-block;vertical-align: middle;}
.page-help-center-product-name .link-1 a i {display: inline-block;vertical-align: middle;width: 15px;height: 15px;background: url('../images/download.svg') center no-repeat;background-size: 100%;margin-left: 5px;position: relative;}
.page-help-center-product-name .link-1 a i {filter: brightness(0) saturate(100%) invert(67%) sepia(21%) saturate(1500%) hue-rotate(346deg) brightness(104%) contrast(97%);}
.page-help-center-product-name .link-1 a:hover span {color: #000;}
.page-help-center-product-content {margin-top: 3%;}
.page-help-center-product-content .page-product-support-list-right {width: 100%;margin-top: 3%;}
.page-product-detail-specs-bottom {width: 100%;}




.page-support-search {position: relative;width: 50%;margin: auto;padding: 2% 0;}
.page-support-search .search-1{position: relative;}
.page-support-search .search-1 input{width: 100%;padding: 10px 20px;box-sizing: border-box;background: #fff;border-radius: 100px;color: #000;outline: none;border: none;}
.page-support-search .icon-1{position: absolute;right: 2%;top: 50%;transform: translateY(-50%);z-index: 11;}
.page-support-search .icon-1 a{display: block;width: 25px;height: 25px;position: relative;}
.page-support-search .icon-1 i{overflow: hidden;display: block;width: 100%;height: 100%;background: url('../upload/shuosuo.svg') center no-repeat;background-size: 100%;opacity:.5;}
.page-support-search .icon-1 a:hover i{opacity: 1;}




/* 导航样式 */
.page-nav-top {background-color: #f1f1f1;overflow: hidden;}
.page-nav-top ul {list-style: none;padding: 0;margin: 0;display: flex;align-items: center;justify-content: center;}
.page-nav-top ul li {list-style: none;padding: 0;margin: 0;}
.page-nav-top ul li a {display: block;position: relative;}
.page-nav-top ul li a::after {content: '';width: 100%;height: 2px;background-color: #ac8956;position: absolute;bottom: 0;left: 0;opacity: 0;}
.page-nav-top ul li a span {display: block;padding: 20px 20px;color: #666;}
.page-nav-top ul li.cur a span {color: #ac8956;}
.page-nav-top ul li.cur a::after {width: 100%;opacity: 1;}




/* Specs */
.page-product-detail-specs-bottom {margin-top: 3%;display: flex;align-items: center;justify-content: space-between;}
.page-product-detail-specs-pic {width: 42%;background: #f5f5f5;border-radius: 20px;overflow: hidden;box-sizing: border-box;padding: 4% 2% 2% 2%;}
.page-product-detail-specs-pic .pic-1 {overflow: hidden;position: relative;text-align: center;margin:8% auto;}
.page-product-detail-specs-pic .title-2 {text-align: center;color: #000;margin-top: 20px;}
.page-product-detail-specs-parameter {overflow: hidden;width: 53%;margin-left: 5%;}
.page-product-detail-specs-parameter ul{list-style: none;margin: 0;padding: 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
.page-product-detail-specs-parameter li{list-style: none;margin: 0;padding: 0;width: 48%;margin-bottom: 30px;}
.page-product-detail-specs-parameter strong{display: block;margin: 0;padding: 0;}
.page-product-detail-specs-parameter p {margin: 0;padding: 0;margin-top: 0px;color: #999;}


/* 视频分页样式 */
.video-pagination-wrapper,
.product-pagination-wrapper {margin-top: 40px;text-align: center;}
.video-pagination-wrapper .pagination,
.product-pagination-wrapper .pagination {display: flex;align-items: center;justify-content: center;gap: 10px;margin-bottom: 20px;}
.video-pagination-wrapper .pagination-link,
.product-pagination-wrapper .pagination-link {display: flex;align-items: center;gap: 8px;padding: 10px 20px;background: #fff;border: 1px solid #e0e0e0;border-radius: 6px;color: #333;text-decoration: none;transition: all 0.3s ease;font-size: 14px;cursor: pointer;}
.video-pagination-wrapper .pagination-link:hover,
.product-pagination-wrapper .pagination-link:hover {background: #af9165;color: #fff;border-color: #af9165;}
.video-pagination-wrapper .pagination-link.prev i, 
.video-pagination-wrapper .pagination-link.next i,
.product-pagination-wrapper .pagination-link.prev i, 
.product-pagination-wrapper .pagination-link.next i {width: 12px;height: 12px;background: url('../upload/d1.svg') center no-repeat;background-size: 100%;}
.video-pagination-wrapper .pagination-link.next i,
.product-pagination-wrapper .pagination-link.next i {transform: rotate(180deg);}
.video-pagination-wrapper .pagination-numbers,
.product-pagination-wrapper .pagination-numbers {display: flex;align-items: center;gap: 5px;}
.video-pagination-wrapper .pagination-number,
.product-pagination-wrapper .pagination-number {display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;background: #fff;border: 1px solid #e0e0e0;border-radius: 6px;color: #333;text-decoration: none;transition: all 0.3s ease;font-size: 14px;font-weight: 500;cursor: pointer;}
.video-pagination-wrapper .pagination-number:hover,
.product-pagination-wrapper .pagination-number:hover {background: #f5f5f5;border-color: #af9165;color: #af9165;}
.video-pagination-wrapper .pagination-number.current,
.product-pagination-wrapper .pagination-number.current  {background: #af9165;color: #fff;border-color: #af9165;}
.video-pagination-wrapper .pagination-dots,
.product-pagination-wrapper .pagination-dots {display: flex;align-items: center;}







.no-videos,.no-specs,.no-faqs,.no-help{width: 100%;}




@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) {
    .page-section-content {width: 75%;}
}
@media screen and (max-width: 1680px) { 
    .page-section-content {width: 80%; }
    .page-support-service-item-icon i,.page-still-help-item-icon i {width: 80px;height: 80px;}
}
@media screen and (max-width: 1580px) {}
@media screen and (max-width: 1440px) {
    .page-support-nav ul li a {padding: 5px 20px;}
    .page-banner-text.center {top: 60%;}
}
@media screen and (max-width: 1366px) { 
    .page-section-content {width: 90%; }
}
@media screen and (max-width: 1280px) {
    .page-support-service-item-icon i,.page-still-help-item-icon i {width: 60px;height: 60px;}
}
@media screen and (max-width: 1152px) {
    .page-section-faq-item-title .title-1 strong {font-size: 14px;}
}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 980px)  {}
@media screen and (max-width: 768px) { 
    .page-banner-text.center {width: 90%;}
	.page-banner-text .search-1 {width: 100%;}
	.page-nav-top ul,.page-support-nav ul {overflow-x: auto;width: 100%;justify-content: flex-start!important;}
	.page-nav-top ul::-webkit-scrollbar,.page-support-nav ul::-webkit-scrollbar,.page-support-left-nav ul::-webkit-scrollbar {height:0;width:0;}
	.page-nav-top ul li a span,.page-support-nav ul li a span {white-space: nowrap;}
	.page-support-service ,.page-product-support,.page-still-help {padding:15% 0;}
	.page-support-service-item {width: 100%;margin: 2% 0;background: #f5f5f5;}
	.page-product-support-list,.page-support-faqs-list {margin-top:5%;}
	.page-product-support-list-left ,.page-still-help-item {width: 100%;}
	.page-support-left-nav ul {display: flex;overflow-x: auto;width: 100%;justify-content: flex-start!important;}
	.page-product-support-list-right {width: 100%;margin-top:5%;}
	.page-support-left-nav ul li a span {white-space: nowrap;}
	.page-support-left-nav ul li.cur a span {padding: 5px 20px;}
	.page-support-left-nav ul li a::before {width: 0;height: 3px;top:auto;bottom:0;}
	.page-support-left-nav ul li.cur a::before  {width: 100%;height: 3px;}
	.page-support-left-nav ul::before {display:none;}
	.page-support-video-item ,.page-still-help-item{ width: 100%;margin-right: 0; margin-top:5%;}
	.page-section-faq-item-title {padding: 24px 5%;}
	.page-section-faq-item-title .title-1 {text-align:left;}
	.page-section-faq-item-content .text-1 {padding: 24px 5%;}
	.page-support-faqs .page-section-content {width: 100%;padding:15% 5%;}
	.page-banner-text .input-1 input {padding: 10px 5%;}
	.page-help-center-product-pic {width: 60%;margin-top:10%;}
	.page-help-center-product-overview {padding: 10% 0;}
	.page-help-center-product-name .title-1 strong {font-size: 26px;}
	.page-product-detail-specs-bottom {display: block;}
	.page-product-detail-specs-pic {width: 100%;padding: 10%;}
    .page-product-detail-specs-parameter,.customer-reviews-right,.customer-reviews-comment-right {width: 100%;margin-left: 0;margin-top: 10%;}
    .page-support-service .title-1 strong,.page-product-support .title-1 strong,.page-still-help .title-1 strong{font-size: 30px;line-height: 38px;}
    .page-product-support-item { width: 48%;margin: 1%;margin-top:2%;}
    .page-product-support-item-text .title-2 strong {margin: auto;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;width: 90%;}
    .page-support-search  {width: 100%;}
    .page-support-service-item,.page-still-help-item a {box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);}
	
}


 

/* 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) { 
 
}