/*home-s*/
#home-wp-content .home-wp-content{
    transition: all 0.3s ease;
    width: 375px;
}
#home-wp-content .home-wp-content.on {
    background-color: #F0F5FF;
    width: 610px;
}
#home-wp-content .elementor-widget-button {
    display: none;
}
#home-wp-content .on .elementor-widget-button {
    display: block;
}
.on .elementor-button svg path {
    transition: fill 0.3s ease;
}
.on .elementor-button:hover svg path {
    fill: #F08519;
}
#home-wp-content .elementor-heading-title {
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.yg-home-ws .e-n-tabs-heading button {
    flex:1;
    width: calc(50% - 0.5px);
    box-sizing: border-box;
}
.yg-home-ws .e-n-tabs-heading button:not(:last-child) {
    margin-right: 1px;
}
.yg-home-ws .e-n-tabs-heading button[aria-selected="true"]:after {
    z-index: 1;
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #F0F5FF;
    transition: all 0.3s ease; /* 添加过渡效果 */
}
.yg-home-ws .e-n-tabs-heading button[aria-selected="true"]:after {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #F0F5FF;
    transition: all 0.3s ease;
}
.yg-home-ws .e-n-tabs-heading button[aria-selected="false"]:after {
    border-top: 0; /* 隐藏三角形箭头 */
    width: 0;
    height: 0;
    transition: all 0.3s ease;
}
.yg-home-wn-big .elementor-post__thumbnail {
    position: relative;
}
.yg-home-wn-big .elementor-post__text {
    position: absolute;
    top: 77%;
    background-color: #00000099;
}
/*home-e*/
/*solutions-s*/
.solutions-rp-title .elementor-heading-title:hover{
    color: #F08519 !important;
}
/*solutions-e*/
/*wpforms-s*/
.wpforms-form .wpforms-submit-container .wpforms-big-bt {
    width: 100%;
}
.wpforms-form .wpforms-submit-container .wpforms-center-bt {
    display: block;
    margin: auto;
}
/*wpforms-e*/
/*page-s*/
.pagination-container {
    text-align: center;
}
.elementor-pagination a, .elementor-pagination span,.pagination-container span, .pagination-container a{
    display: inline-block;
    width: 42px;
    height: 42px;
    background-color: #FFFFFF;
    line-height: 42px;
    text-align: center;
    color: #616161;
}
.elementor-pagination .page-numbers.current, .elementor-pagination a:hover, .pagination-container .page-numbers.current, .pagination-container a:hover, .pagination-container.page-bg .page-numbers.current, .pagination-container.page-bg a:hover{
    background-color: #F08519;
    color: #FFF;
}
.pagination-container.page-bg span, .pagination-container.page-bg a {
    background-color: #F3F3F3;
}
/*page-e*/
/*service-s*/
.bl-grid {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}
.pcc-box .pcc-left {
    width: 24.286%;
}
.pcc-left .left-nav {
    padding: 30px;
    background-color: #fff;
}
.pcc-left .pcc-menu-title {
    font-size: 24px;
    font-weight: 600;
    color: #1A1A1A;
    line-height: 28px;
    border-bottom: 1px solid #D5D5D5;
    padding-bottom: 30px;
    margin-block-end: 0rem;
}
.pcc-left .treemenu li {
    list-style: none;
    position: relative;
}
.pcc-left .treemenu .toggler {
    cursor: pointer;
    height: 2.75rem;
}

.pcc-left .tree li>span {
    position: absolute;
    right: 0;
    top: 12px;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    text-align: left;
}
.pcc-left .tree>li>a {
    border-bottom: 1px solid #D5D5D5;
}
.pcc-left .tree>li:last-child>a {
    border-bottom: unset;
}
.pcc-left .tree li a {
    transition: all 0.3s ease 0s;
    color: #1A1A1A;
    text-decoration: none;
    line-height: 24px;
    display: inline-block;
    padding: 20px 0 20px 0;
    width: 100%;
    font-size: 14px;
    text-transform: capitalize;
}
.pcc-left .tree li:last-child a {
    padding-bottom: 0;
}
.pcc-left .tree li a.qmenu-on {
    color: #F08519;
}
.pcc-right {
    width: 73.572%;
    margin-left: 2.142%;
}
.pcc-right .ri-top {
    background: #fff;
    position: relative;
}
.category-this-title {
    color: #1A1A1A;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    display: inline-block;
    padding: 13px 0 13px 30px;
}
.pcc-right .list-question {
    margin-top: 1.25rem;
}
.list-question ul li {
    background: #fff;
    margin-bottom: 1.25rem;
    padding: 1.875rem;
}
.pcc-right .question-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pcc-right .question-info .question-title {
    color: #202020;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    transition: all 0.3s ease;
}
.pcc-right .sh-on .question-info .question-title {
    color: #F08519;
}
.question-info .sh-ico {
    cursor: pointer;
}
.pcc-right .sh-on .question-info .sh-ico:before {
    content: "-";
    font-weight: 600;
}
.question-info .sh-ico:before {
    content: "+";
    color: #8B8B8B;
    line-height: 1.5rem;
    text-align: center;
    font-size: 1.125rem;
    font-weight: 600;
    transition: all 0.3s ease;
}
.list-question ul .sh-on .question-detail {
    display: block;
}
.list-question ul li .question-detail {
    display: none;
    margin-top: 1.25rem;
    color: #616161;
    transition: all 0.3s ease;
}

/*service-e*/
/*product-category-s*/
.product-category-list {
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
    gap: 80px;
    padding: 0;
    list-style-type: none;
}
.product-category-list li {
    flex: 0 0 calc(50% - 40px);
}
.product-category-list li a {
    display: flex;
    gap: calc(30 / 660* 100%);
}
.product-category-list .gdyg-img {
    width: calc(290 / 660* 100%);
}
.product-category-list .product-cate-content {
    padding-top: 20px;
    width: calc(340 / 660* 100%);
}
.product-cate-content .cate-tit{
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
}
.product-cate-content p{
    margin: 20px 0 0 0;
    font-size: 16px;
    line-height: 24px;
    color: #616161;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.gdyg-more {
    display: block;
    margin-top: 30px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    opacity: 0;
    transition: all 0.3s ease;
}
.gdyg-more i {
    margin-left: 12px;
}
.product-cate-content:hover .cate-tit, .gdyg-more:hover {
    color: #F08519;
}
.product-cate-content:hover .gdyg-more {
    opacity: 1;
}
.gdyg-products-list {
    width: 100%;
    box-sizing: border-box;
    padding: .1rem;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
}

.gdyg-products-list li {
    position: relative;
    cursor: pointer;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    width: 22.858%;
    margin: 0 2.856% 40px 0;
    box-sizing: border-box;
    overflow: hidden;
}
.gdyg-products-list li:nth-child(4n) {
    margin-right: 0;
}
.gdyg-products-list li a{
    display: block;
    text-align: center;
    width: 100%;
}
.gdyg-products-list .gdyg-img{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.gdyg-products-list .gdyg-img:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}
.gdyg-products-list .gdyg-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.gdyg-products-list .product-content {
    margin-top: 20px;
}
.product-content .p-type {
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #4D4E4D;
    transition: all 0.3s ease;
}
.product-content .p-tit {
    display: block;
    margin-top: 20px;
    font-size: 18px;
    line-height: 26px;
    height: 52px;
    color: #1A1A1A;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease;
}
.gdyg-products-list li:hover .product-content .p-type, .gdyg-products-list li:hover .product-content .p-tit {
    color: #F08519;
}
.product-list-empty {
    text-align: center;
    margin-top: 80px;
}
.product-list-empty span {
    display: block;
    margin-top: 60px;
    font-size: 18px;
    line-height: 18px;
    text-transform: capitalize;
}
/*product-category-e*/
/*product-detail-s*/
.p_det_cont {
    --img_size: 660px;
    --sm_img_box: 660px
}
.p_det_cont {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden
}

/* Photo Gallery TAB */
.pic_tab {
    position: relative;
    width: var(--img_size)
}
.pic_tab dt {
    width: 100%;
    position: relative;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.magnifier {
    position: relative;
    width: var(--img_size)
}
.small-box {
    position: relative;
    width: 100%;
    box-sizing: border-box;
}
.small-box::before {
    content: '';
    display: block;
    padding-bottom: 100%;
}
.small-box img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.small-box .hover {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 50%;
    background: rgb(0 0 0 / 40%);
    cursor: move;
}

.small-box .count {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 15px;
    color: #b3b3b3;
}
.small-box .count i {
    font-size: 22.5px;
    color: #F6A303;
}

.thumbnail-box {
    margin-top: 20px;
    position: relative;
    width: 100%;
}
.thumbnail-box .btn {
    opacity: .6;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 30px;
    height: 100%;
    cursor: pointer;
}
.thumbnail-box .btn-prev {
    left: 0;
    background: url(/wp-content/themes/hello-child/assets/images/arrow_left_hollow_hei2.svg) no-repeat center;
    background-size: 15px;
}
.thumbnail-box .btn-next {
    right: 0;
    background: url(/wp-content/themes/hello-child/assets/images/arrow_right_hollow_hei2.svg) no-repeat center;
    background-size: 15px;
}
.thumbnail-box .btn-prev.btn_prev_disabled {
    background: #CCC;
    cursor: not-allowed;
}

.thumbnail-box .btn-next.btn_next_disabled {
    background: #CCC;
    cursor: not-allowed;
}
.thumbnail-box .list {
    overflow: hidden;
    width: var(--sm_img_box);
    margin: 0 auto;
}
.thumbnail-box .wrapper {
    width: 100000px;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}
.thumbnail-box .list .item {
    width: calc((var(--sm_img_box) - 36px) / 4);
    height: calc((var(--sm_img_box) - 36px) / 4);
    margin-right: 12px;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: pointer;
}
.thumbnail-box .list .item-cur {
    border: 2px solid #F6A303;
}
.thumbnail-box .list .item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.p_detailDesc {
    margin-left: auto;
    width: calc(100% - var(--img_size) - 40px);
}
.p_detailDesc h1 {
    font-size: 28px;
    line-height: 38px;
}
.p-description {
    margin-top: 30px;
    font-size: 16px;
    line-height: 24px;
    color: #616161;
}
.p-attribute {
    margin-top: 30px;
}
.p-attribute tr .pro-set-sx {
    background: #F9FAFA;
    width: 25.71%;
    font-size: 14px;
    color: #202020;
    font-weight: 600;
}
.p-attribute tr .pro-set-sxz {
    font-size: 14px;
    color: #616161;
}
.p-ini {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 20px;
}
.p-ini a {
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    padding: 19px 44px;
    background-color: #FFF3E7;
    box-sizing: border-box;
    transition: all 0.3s ease;
}
.p-ini a span {
    display: block;
    font-size: 20px;
    line-height: 20px;
    color: #F08519;
    transition: all 0.3s ease;
}
.p-ini a i {
    font-size: 20px;
    margin-left: 16px;
    color: #F08519;
}
.p-ini a:hover {
    background-color: #F08519;
}
.p-ini a:hover span, .p-ini a:hover i {
    color: #ffffff;
}
.p-content {
    margin-top: 100px;
}
.p-c-tit {
    font-size: 36px;
    line-height: 44px;
    color: #1A1A1A;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 40px;
}
.p-content ul li::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 10px;
    border: 3px solid #F08519;
    border-radius: 50%;
    background-color: transparent;
}
.p-related-list {
    margin-top: 100px;
    padding-top: 100px;
    padding-bottom: 100px;
}
.p-r {
    position: relative;
}
.in_rp_list {
    overflow: hidden;
}
.in_rp_list .swiper-wrapper {
    display: flex;
    position: relative;
    width: 100%;
    z-index: 1;
}
.in_rp_list .swiper-slide {
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
    background-color: #fff;
    padding: 40px;
}
.in_rp_list .img {
    width: 100%;
    position: relative;
    overflow: hidden
}
.in_rp_list .img::before {
    content: "";
    display: block;
    padding-bottom: 100%
}
.in_rp_list .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover
}
.in_rp_list span {
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #4D4E4D;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
}
.in_rp_list p {
    margin-top: 20px;
    font-size: 18px;
    color: #1A1A1A;
    line-height: 26px;
    height: 52px;
    margin-block-end: 0;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.in_rp_list .swiper-slide:hover p {
    color: #ED741B;
}
.rp-button-prev,
.rp-button-next {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 42px;
    height: 42px;
    background: #F9F9F9;
    z-index: 999;
    cursor: pointer;
    outline: none
}
.rp-button-prev {
    left: 0;
    background: url(/wp-content/themes/hello-child/assets/images/arrow_left_2.svg) no-repeat center;
    transition: background 0.3s ease-in-out;
}
.rp-button-prev:hover {
    background: url(/wp-content/themes/hello-child/assets/images/arrow_left_1.svg) no-repeat center;
}
.rp-button-next {
    right: 0;
    background: url(/wp-content/themes/hello-child/assets/images/arrow_right_2.svg) no-repeat center;
    transition: background 0.3s ease-in-out;
}
.rp-button-next:hover {
    background: url(/wp-content/themes/hello-child/assets/images/arrow_right_1.svg) no-repeat center;
}
.p-r .swiper-button-disabled {
    opacity: .2;
    cursor: not-allowed
}
.df-wpforms-info span {
    display: block;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}
.df-wpforms-info .df-w-tit {
    font-family: "HelMd", Sans-serif;
    color: #1A1A1A;
    font-size: 36px;
    line-height: 44px;
    text-transform: uppercase;
}
.df-wpforms-info .df-w-descrip {
    margin-top: 20px;
    color: #505050;
}
.df-wpforms-info .df-w-p-tit {
    margin-top: 10px;
    color: #F08519;
}
.df-wpforms-info .df-w-p-tit text {
    color: #1A1A1A;
}
#wpforms-621 {
    max-width: 910px;
}
/*product-detail-e*/
/*search-s*/
.elementor-posts-nothing-found {
    margin: auto;
    text-align: center;
    max-width: 1024px;
}
.elementor-posts-nothing-found img {
    margin-bottom: 60px;
}
/*search-e*/
/*translate-press-s*/
.trp-language-switcher {
    width: 100px !important;
}
.elementor-shortcode .trp-ls-shortcode-current-language, .elementor-shortcode .trp-ls-shortcode-language {
    width: 100px !important;
}
.trp-language-switcher > div {
    border:inherit;
    background-image: inherit;
    background-color: inherit;
}
.trp-language-switcher > div > a {
    color: #ffffff;
}
.trp-language-switcher > div > a:hover {
    color: #ED741B;
}
/*translate-press-e*/
.pcc-box {
    padding-top: 40px;
    padding-bottom: 100px;
    width: 100%;
}
.bgc {
    background-color: #f3f3f3;
}
.gdyg-main{
    box-sizing: content-box;
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto;
}
.pcc-banner-img {
    position: relative;
}
.pcc-banner-img img {
    display: block;
}
.pcc-banner-img .pcc-banner-title {
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-family: "HelMd", Sans-serif;
    font-size: 64px;
    font-weight: 500;
    line-height: 72px;
    color: #FFFFFF;
    text-transform: uppercase;
}
.pcc-nav {
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 16px;
    padding-top: 16px;
}
.pcc-nav a {
    color: #4D4E4D;
}
.pcc-nav span {
    color: #1A1A1A;
}
.pcc-nav .nav-gap {
    margin-left: 5px;
    margin-right: 5px;
}
.gdyg-main h2 {
    font-family: "HelMd", Sans-serif;
    font-size: 36px;
    font-weight: 500;
    line-height: 44px;
    margin: 0;
    text-align: center;
}
.margin-top-100 {
    margin-top: 100px;
}
.margin-top-60 {
    margin-top: 60px;
}
.margin-top-20 {
    margin-top: 20px;
}
.padding-tb-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

/*search-star*/
.df-search {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.df-search .search-title {
    display: block;
    text-align: center;
    font-family: "HelMd", Sans-serif;
    font-size: 64px;
    line-height: 72px;
    color: #FFFFFF;
    text-transform: uppercase;
}
.df-search form {
    margin-top: 40px;
    color: #828282;
    display: flex;
}
.df-search .search-kw {
    width: 800px;
    height: 68px;
    border: 1px solid #DEDEDE;
    padding: 1.25rem 1.875rem;
    border-right-style: hidden;
    border-right-width: 0;
    position: relative;
}
.df-search form input {
    background: #FFFFFF;
}
.df-search button {
    display: block;
    position: absolute;
    right: 0;
    height: 68px;
    border: unset;
    border-radius: unset;
    color: #DEDEDE;
    font-size: 24px;
}
.df-search button:hover, .df-search button:focus {
    background-color: unset;
    color: #ED741B;
}
.df-search form input:focus-visible {
    outline: 2px solid #ED741B;
}
/*search-end*/
.loop-product-df:hover .elementor-widget-theme-post-title .elementor-heading-title {
    color: #F08519;
}
@media (max-width: 1024px) and (min-width: 768px) {
	.pcc-nav .gdyg-main, .pcc-box .gdyg-main {
		padding-left:15px;
		padding-right:15px;
	}
	.product-category-list li {
		flex:auto;
	}
	.gdyg-products-list li:nth-child(2n) {
		margin-right: 0;
	}
	.gdyg-products-list li {
		width:48.5%;
	}
	.p_det_cont {
		--img_size: 100%;
		--sm_img_box: 500px;
	}
	.p_detailDesc {
		margin-top:20px;
		width:100%;
	}
	.df-banner-search img {
		height:400px;
	}
	.df-search .search-kw {
		width:500px;
	}
}
@media (max-width: 767px) {
	.pcc-nav .gdyg-main, .pcc-box .gdyg-main {
		padding-left:15px;
		padding-right:15px;
	}
	.product-category-list li {
		flex:auto;
	}
	.pcc-banner-img img {
		height:300px
	}
	.gdyg-products-list li {
		margin-right: 0;
	}
	.gdyg-products-list li {
		width:100%;
	}
	.p_det_cont {
		--img_size: 100%;
		--sm_img_box: 500px;
	}
	.p_detailDesc {
		margin-top:20px;
		width:100%;
	}
	.p-ini {
		row-gap: 15px;
	}
	.p-ini a {
		width:100%;
		justify-content:center;
		align-items: center;
	}
	.p-content {
		margin-top:50px;
	}
	.p-c-tit {
		font-size:24px;
		margin-bottom:20px;
	}
	.p-related-list {
		margin-top: 50px;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.padding-tb-100 {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.margin-top-100 {
		margin-top: 50px;
	}
	.df-search .search-kw {
		width:300px;
		height: 30px;
	}
	.df-search button {
		height: 30px;
		font-size: 20px;
	}
	.df-search .search-title {
		font-size:36px;
		line-height:36px;
	}
}