/* CSS Document */
/*
Theme Name: Avant
Theme URI: https://www.avant.com/
Description:  北京六翼信息技术有限公司。
Author:  六翼爱永
Author URI: https://www.eee-eee.com/
Date:2026-07-04
Version: 100.0
License: 六翼许可认证
*/

html.bodyhidden{ overflow:hidden;}


ul,li,ol{list-style:none;}
img{ border:0; display:block; max-width:100%;}
.img100{width:100%; height:100% !important; object-fit: cover;object-position: center;}
.clear{ clear:both;}
.clearfix::after, .clearfix::before{display: table; content: " ";}
.clearfix:after { clear:both}
*, ::after, ::before{box-sizing: border-box;}
a, button{cursor: pointer; /*-webkit-transition: color .3s cubic-bezier(.63,.37,.55,.9);  transition: color .3s cubic-bezier(.63,.37,.55,.9);*/}
a:hover{ color:#505050;}
button{ border:none; background:none; border-radius: 0;}
video{ width:100%; height:auto; display:block; object-fit:cover;}
table{ width:100%; border-collapse:collapse;}

/*以下为兼容手机*/
input, textarea, select{appearance: none;-moz-appearance: none;-webkit-appearance: none;}
input:focus, textarea:focus {outline: none;}
input:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;}
input::-ms-clear {display: none;}
/*以上为兼容手机*/

/*针对 type-"number"*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{ -webkit-appearance: none !important;}
input[type="number"]{ -moz-appearance: textfield;}

.hidden{ display:none !important;}
.wrap{ max-width:1400px; margin:0 auto;}

.hero-slide__media, .hero-slide__media video, .hero-slide__media img{ height:100% !important; }

.dequalitylist{}
.dequalitylist .dequalityitem{ display:none;}
.dequalitylist .dequalityitem.show{ display:block;}

.e-con.quality-cards .quality-card{ cursor:pointer;}

.quality-card.active, .e-con.quality-cards .quality-card.active {
	transform: translateY(-0.25rem);
	border-color: rgba(200, 164, 95, 0.45);
	background: linear-gradient( 145deg, rgba(200, 164, 95, 0.1) 0%, rgba(255, 255, 255, 0.03) 100% );
	box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
}
.quality-card.active::before, .e-con.quality-cards .quality-card.active::before  {
  opacity: 1;
  transform: scaleY(1);
}


/*首页-表单*/
.iorderform{}
.iorderform div.wpforms-container-full{ margin-bottom:0; margin-top:0px;}
.iorderform .wpforms-container .wpforms-field-label{ text-transform:uppercase; font-size: 0.8125rem; margin-bottom:0.5rem;}
/*表单字段*/
.iorderform div.wpforms-container-full .wpforms-form .wpforms-field-container{}
.iorderform .wpforms-container .wpforms-field{ padding-top:0; padding-bottom:20px;}

.iorderform .wpforms-container .wpforms-field.wpforms-field-layout{ padding-bottom:0;}


/*单选按钮*/
.iorderform .wpforms-container .wpforms-field.wpforms-field-radio fieldset{ padding: 0px 16px;}
.iorderform .wpforms-container .wpforms-field.wpforms-field-radio .wpforms-field-label{ margin:0; font-weight: 400;font-size: 14px;color: #FFFFFF;line-height: 20px; float:left; margin-right:13px;}
.iorderform .wpforms-container .wpforms-field.wpforms-field-radio .wpforms-field-label .wpforms-required-label{ display:none;}
.iorderform .wpforms-container .wpforms-field.wpforms-field-radio ul{ display:flex; gap:10px 20px; flex-wrap:wrap;}
.iorderform .wpforms-container .wpforms-field.wpforms-field-radio ul li{}
.iorderform .wpforms-container .wpforms-field.wpforms-field-radio ul li input[type="radio"]{}
.iorderform .wpforms-container .wpforms-field.wpforms-field-radio ul li .wpforms-field-label-inline{font-weight: 400;font-size: 1rem;color:var(--color-ink);line-height: 20px; padding-left: 5px;}
.iorderform div.wpforms-container-full input[type="checkbox"]:checked::before, div.wpforms-container-full input[type="radio"]:checked::before {
	border-color: #DA1715;
	box-shadow: 0 0 0 1px #DA1715,0px 1px 2px rgba(0,0,0,0.15);
}
.iorderform div.wpforms-container-full input[type="radio"]:checked::after {
	background-color: #DA1715;
}

/*文本*/
.iorderform .wpforms-container input.wpforms-field-medium, 
.iorderform div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium,
.iorderform div.wpforms-container-full .wpforms-form select.wpforms-field-medium
{background-color:var(--color-bg-alt); max-width:100%;border-radius: 4px; color:#0d1b24; font-size: 14px; line-height: 1; padding:0.875rem 1rem; border:1px solid var(--color-line); }


.iorderform div.wpforms-container-full .wpforms-form select.wpforms-field-medium{ color:#8a949c;}

.iorderform .wpforms-container .wpforms-field-layout .wpforms-field{ padding-bottom:1.25rem; }

/*多行文本*/
.iorderform div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium{min-height: 8.5rem;
  resize: vertical; padding:10px 16px;}

.iorderform .wpforms-container-full .wpforms-form .wpforms-field-container .wpforms-field .wpforms-field-medium::placeholder{ 
  color: #8a949c;opacity:1;
}
.iorderform .wpforms-container-full .wpforms-form .wpforms-field-container .wpforms-field .wpforms-field-medium:-moz-placeholder{ 
  color: #8a949c;opacity:1;
}
.iorderform .wpforms-container-full .wpforms-form .wpforms-field-container .wpforms-field .wpforms-field-medium::-moz-placeholder{ 
  color: #8a949c;opacity:1;
}
.iorderform .wpforms-container-full .wpforms-form .wpforms-field-container .wpforms-field .wpforms-field-medium::-webkit-input-placeholder{
  color:#8a949c;opacity:1;
}
.iorderform .wpforms-container-full .wpforms-form .wpforms-field-container .wpforms-field .wpforms-field-medium:-ms-input-placeholder{
  color:#8a949c;opacity:1;
}

.iorderform div.wpforms-container-full input[type=date]:focus,
.iorderform div.wpforms-container-full input[type=datetime]:focus,
.iorderform div.wpforms-container-full input[type=datetime-local]:focus,
.iorderform div.wpforms-container-full input[type=email]:focus,
.iorderform div.wpforms-container-full input[type=month]:focus,
.iorderform div.wpforms-container-full input[type=number]:focus,
.iorderform div.wpforms-container-full input[type=password]:focus,
.iorderform div.wpforms-container-full input[type=range]:focus,
.iorderform div.wpforms-container-full input[type=search]:focus,
.iorderform div.wpforms-container-full input[type=tel]:focus,
.iorderform div.wpforms-container-full input[type=text]:focus,
.iorderform div.wpforms-container-full input[type=time]:focus,
.iorderform div.wpforms-container-full input[type=url]:focus,
.iorderform div.wpforms-container-full input[type=week]:focus,
.iorderform div.wpforms-container-full select:focus,
.iorderform div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium:focus,
.iorderform div.wpforms-container-full .wpforms-form select.wpforms-field-medium:focus {
  border:1px solid #c8a45f;
  background-color: var(--color-white);
  outline:none; 
  box-shadow:none;
}


/*提交按钮*/
.iorderform div.wpforms-container-full .wpforms-form .wpforms-submit-container{ padding:0;  display:flex; justify-content:flex-start; }
.iorderform div.wpforms-container-full .wpforms-form .wpforms-submit-container .wpforms-submit{ padding:0.9375rem 2rem; line-height:1; color:#fff; white-space: nowrap; font-weight:600;font-size:0.875rem;background: #c8a45f;border-radius: 0.25rem; letter-spacing: 0.06em; display: inline-flex; box-shadow:none; height:auto;
  align-items: center;
  justify-content: center; transition: all var(--transition);
  gap: 0.625rem;}
.iorderform div.wpforms-container-full .wpforms-form .wpforms-submit-container .wpforms-submit:after{ content:"→"; transition: transform var(--transition); border: none;
  background: none; display:inline; position:static !important;}
.iorderform div.wpforms-container-full .wpforms-form .wpforms-submit-container .wpforms-submit:hover{ background-color: var(--color-gold-dark);}
.iorderform div.wpforms-container-full .wpforms-form .wpforms-submit-container .wpforms-submit:hover:hover:after {
  transform: translateX(0.25rem);
}

/*产品颜色和材质*/
.sprocolormaterial{ display:flex; gap:40px; padding-bottom:40px;}
.sprocmitem{ width:calc(50% - 20px);}
.sprocmitem .sprocmitemtit{ color:#333; line-height:1.5; font-size:1rem;}
.sprocolorlist, .spromateraillist{ margin-top:20px;}
.sprocolorlist ul, .spromateraillist ul{ display:flex; gap:20px; flex-wrap:wrap;}
.sprocolorlist li, .spromateraillist li{ text-align:center;transition: all 0.3s; }
.sprocolorlist li .sprocolorlist_icon, .spromateraillist li .spromateraillist_icon{ width:38px; height:38px; margin:0 auto; border-radius:100%; overflow:hidden; border:#ccc 1px solid;}
.sprocolorlist li .sprocolorlist_name, .spromateraillist li .spromateraillist_name{ margin-top:7px; font-size:0.8rem; line-height:1.5;}
.spromateraillist li .spromateraillist_icon{ border-radius:10px; }
.sprocolorlist li:hover, .spromateraillist li:hover{ transform:translateY(-10px);}


.newslist .section{ padding-top:4rem;}


@media(max-width:1024px){
	.sprocmitem .sprocmitemtit{ font-size:1rem;}
	.sprocolorlist li .sprocolorlist_name, .spromateraillist li .spromateraillist_name{ font-size:0.6rem; }
}

@media(max-width:768px){
	.iorderform .wpforms-container .wpforms-field.wpforms-field-radio ul li .wpforms-field-label-inline{}
	.iorderform .wpforms-container .wpforms-field{ padding-bottom:10px;}
	.iorderform .wpforms-container .wpforms-field.wpforms-field-radio ul{ gap:10px;}
	.iorderform div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-field-layout-columns{ gap:10px;}
	.iorderform div.wpforms-container-full .wpforms-form .wpforms-submit-container{ margin-top:0;}
	.iorderform div.wpforms-container-full .wpforms-form .wpforms-submit-container .wpforms-submit{ font-size:14px;}
	
	
	.sprocolormaterial{flex-direction:column;}
	.sprocmitem{ width:100%;}
	.sprocmitem .sprocmitemtit{ font-size:1.2rem;}
	.sprocolorlist li .sprocolorlist_icon, .spromateraillist li .spromateraillist_icon{ width:30px; height:30px;}
	.sprocolorlist ul, .spromateraillist ul{ gap:10px;}
	.sprocolorlist li:hover, .spromateraillist li:hover{ transform:translateY(-5px);}
	
	.newslist .section{ padding-top:2rem;}
}