:root {
    --main-color: #00334e;
    --second-color: #63B0DA;
}

#contactSeciton a{
	color:white;
}

html, body {
    overflow-x: hidden;
}

#lianxi a{
	color:#222;
}

.fwb {
    font-weight: bold;
}

.flex {
    display: flex;
}

.justify-content-end {
    display: flex;
    justify-content: flex-end;
}

.flex-justify-around {
    display: flex;
    justify-content: space-around;
}

.flex-justify-between {
    display: flex;
    justify-content: space-between;
}

.flex-flow-column {
    display: flex;
    flex-flow: column;
}

.flex-col-center {
    display: flex;
    flex-flow: column;
    align-items: center;
}

.flex-wrap {
    display: flex;
    flex-wrap: wrap;
}

.pl-24 {
    padding-left: 24px;
}

.mt-12 {
    margin-top: 12px;
}

.mb-24 {
    margin-bottom: 24px;
}

.w-80 {
    width: 80vw;
}

.w-100 {
    width: 100%;
}

.hidden {
    display: none;
}

.tAlign-center {
    text-align: center;
}

.margin-top-82 {
    margin-top: 82px;
}

.ehf-header #masthead {
    position: fixed;
    width: 100%;
    border-bottom: 1px solid #eeeeee;
}

.phone-icon {
    width: 14px;
    margin-right: 3px;
}

.language-btns {
    margin-left: 16px;
    display: flex;
}

.language-btn {
    margin-left: 28px;
    display: flex;
    align-items: center;
}

.language-btn a {
    color: #00334e !important;
    font-size: 18px;
}

.language-btn a:hover {
    color: var(--second-color) !important;
}

/* 頭部輪播圖-start */
 /* 确保轮播图容器适应屏幕宽度 */
 #headerContainer {
    width: 100vw;
    height: 775px;
}

 .header-swiper {
    width: 100vw;
    height: 775px;
}

.header-swiper .swiper-slide {
    position: relative;
}

.header-swiper .swiper-slide.swiper-slide-1 {
    background-image:url("/fz/images/h-bg-3.jpeg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}

.header-swiper .swiper-slide.swiper-slide-2 {
    background-image:url("/fz/images/h-bg-1.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}

.header-swiper .swiper-slide.swiper-slide-3 {
    background-image:url("/fz/images/h-bg-2.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}

/* 图片下的文字内容样式 */
.header-swiper .slide-content {
    width: 100%;
    height: 100%;
    background-color: rgba(32, 52, 63, 0.7);
    position: relative;
}

.header-swiper .slide-content .headerTContainer {
    width: max-content;
    display: flex;
    flex-flow: column;
    position: absolute;
    top: 12vw;
    left: 10vw;
    align-items: start;
}

 
.header-swiper .grey-div {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0, 0.4);
}

.header-swiper .slide-content .blue-tip {
    /* position: absolute; */
    color: #ffffff;
    line-height: 18px;
    letter-spacing: 0px;
    font-weight: 700;
    font-size: 18px;
    padding: 10px 15px;
    background-color: var(--main-color);
    width: max-content;
    margin-bottom: 24px;
}

.header-swiper .slide-content .title {
    /* position: absolute; */
    color: rgb(255, 255, 255);
    white-space: normal;
    line-height: 78px;
    font-weight: 700;
    font-size: 66px;
    transform-origin: 50% 50%;
	width:830px;
}

.header-swiper .slide-content .btns {
    display: flex;
    justify-content: end;
    align-items: center;
    padding-top: 32px;
}

.header-swiper .slide-content .more-btn {
    background-color: rgba(255, 255, 255, 0);
    color: rgb(255, 255, 255);
    white-space: nowrap;
    line-height: 18px;
    letter-spacing: 0px;
    font-weight: 700;
    font-size: 18px;
    border-color: #ffffff;
    border-style: solid;
    border-width: 2px;
    padding: 14px 30px;
    border-radius: 5px;
    transform-origin: 50% 50%;
    width: max-content;
    position: relative;
    cursor: pointer;
}

.header-swiper .slide-content .more-btn:hover {
    color: #ffffff;
    border-color: var(--main-color);
    background-color: var(--main-color);
}

.header-swiper .slide-content .more-btn:before {
    color: #f0f8ff;
    content: " ";
    position: absolute;
    display: inline-block;
    width: 0;
    bottom: 5px;
    right: 5px;
    height: 0;
    z-index: 2;
    border-style: solid;
    border-width: 10px 10px 0 0;
    border-color: transparent #fff transparent transparent;
}

.header-swiper .slide-content .more-btn:hover:before {
    border-color: transparent #ffffff transparent transparent;
}

.header-swiper .slide-content .contact-btn {
    background-color: var(--main-color);
    color: rgb(255, 255, 255);
    white-space: nowrap;
    line-height: 18px;
    letter-spacing: 0px;
    font-weight: 700;
    font-size: 18px;
    padding: 15px 30px;
    border-radius: 3px;
    transform-origin: 50% 50%;
    width: max-content;
    position: relative;
    border: 2px solid var(--main-color);
    margin-left: 24px;
    cursor: pointer;
}

.header-swiper .slide-content .contact-btn:hover {
    color: var(--main-color);
    background-color: #ffffff;
    border-color: #ffffff;
}

.header-swiper .slide-content .contact-btn:before {
    color: #f0f8ff;
    content: " ";
    position: absolute;
    display: inline-block;
    width: 0;
    bottom: 5px;
    right: 5px;
    height: 0;
    z-index: 2;
    border-style: solid;
    border-width: 10px 10px 0 0;
    border-color: transparent #fff transparent transparent;
}

.header-swiper .slide-content .contact-btn:hover:before {
    border-color: transparent var(--main-color) transparent transparent;
}


.tu-weng {
	position: relative;
	display: flex;
	flex-direction: column;
	color: white;
	/* height: 100%; */
	justify-content: center;
}

.tu-weng .tu-title {
	line-height: 56px;
	font-size: 46px;
	opacity: 0;
	/* margin-bottom: 16px; */
	position: relative;
	letter-spacing: 3px;
	transition: all 0.6s;
	transition-delay: 0.1s;
	top: 30px;
}

.tu-weng .tu-desc {
	line-height: 30px;
	font-size: 20px;
	opacity: 0;
	margin-bottom: 15px;
	position: relative;
	letter-spacing: 2px;
	transition: all 0.6s;
	transition-delay: 0.2s;
	top: 30px;
}

.tu-weng .tu-more {
	display: flex;
	margin-top: 12px;
	position: relative;
	transition: all 0.6s;
	transition-delay: 0.3s;
	top: 30px;
	opacity: 0;
}

.swiper-slide-active .tu-title,.swiper-slide-active .tu-weng .tu-desc,.swiper-slide-active .tu-weng .tu-more {
	top: 0px;
	opacity: 1;
}
/* 頭部輪播圖-end */

.elementor-element.elementor-element-714c126 {
    width: 100%;
    position: absolute;
    z-index: 1;
}

#factoryPicSectioin {
    display: flex;
    justify-content: center;
    padding-top: 212px;
  }
  
  #factoryPicSectioin .factory-pic-container {
    width: 1150px;
  }
  
  #factoryPicSectioin .factory-pic-container .imgs-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  
  #factoryPicSectioin .factory-pic-container .imgs-wrapper .img-wrapper {
    position: relative; /* 添加相对定位 */
    width: 32%;
    margin-bottom: 1.33vw;
    overflow: hidden;
    border-radius: 12px;
    height: 0; /* 设置高度为0，以便使用padding-top来控制高度 */
    padding-top: 40%; /* 根据宽高比639:853设置padding-top */
  }
  
  #factoryPicSectioin .factory-pic-container .imgs-wrapper .img-wrapper img {
    position: absolute; /* 图片使用绝对定位 */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* 保持图片比例并覆盖整个容器 */
    border-radius: 12px;
    transition: transform 0.5s ease;
  }
  
  #factoryPicSectioin .factory-pic-container .imgs-wrapper .img-wrapper:hover img {
    transform: scale(1.2); /* 放大效果 */
  }

.elementor-6 .elementor-element.elementor-element-e5eda08 {
    padding-top: 212px;
}

.parner-number {
    font-size: 50px;
    transition: all 0.5s ease-in-out;
}

.elementor-6 .elementor-element.elementor-element-e4a8a68 .jeg-elementor-kit.jkit-icon-box .jkit-icon-box-wrapper {
    padding: 52px 30px 48px 30px;
}

.elementor-6 .elementor-element.elementor-element-c2d5b66 > .elementor-widget-container {
    padding: 0% 18.5% 0% 18.5%;
}

.elementor-element-6243e93 .design-icon,
.elementor-element-6243e93 .service-icon {
    width: 50px;
    max-width: none;
}


.elementor-element-613ddcd {
    width: 70% !important;
}

.elementor-element-4ec6c47 {
    width: 30% !important;
}

#partnerSection {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    padding-bottom: 100px;
}

.partner-container {
    width: 1130px;
    overflow: hidden;
}

#partnerSection .title-wrapper .tip {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    display: inline;
    font-family: var(--e-global-typography-1c08d03-font-family), Sans-serif;
    font-size: var(--e-global-typography-1c08d03-font-size);
    font-weight: var(--e-global-typography-1c08d03-font-weight);
    line-height: var(--e-global-typography-1c08d03-line-height);
    letter-spacing: var(--e-global-typography-1c08d03-letter-spacing);
    word-spacing: var(--e-global-typography-1c08d03-word-spacing);
    color: var(--main-color);
}

#partnerSection .heading-section-separator {
    display: flex;
    justify-content: center;
    align-items: center;
}

#partnerSection .separator-wrapper {
    width: 60px;
    height: 2px;
    background: var(--second-color);
    margin-top: 10px;
    margin-bottom: 8px;
}

#partnerSection .title {
    color: var(--main-color);
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-size: var(--e-global-typography-secondary-font-size);
    font-weight: var(--e-global-typography-secondary-font-weight);
}

.partner-wrapper {
    width: 1130px;
    display: flex;
    border: 1px solid #dedede;
    margin-top: 32px;
    margin-bottom: 80px;
}

#partnerSection a {
    width: 25%;
}

.parner-item {
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.parner-item img{
    width: 52%;
    transition: transform 0.5s ease; 
}

.parner-item:hover img{
    transform: scale(1.1); 
}

#contactSeciton .container {
    background-color: rgba(32, 52, 63, 0.6);
}


.project-ask-blue {
    background-image: url(/fz/images/painting-wall-white-e1623048542965.jpg);
    width: 100%;
    text-align: center;
    background-position: 0px 15%;
    color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
}

.pro-ask-content {
    padding: 140px 0px;
}

.pro-ask-content h1 {
    font-weight: 600;
    color: #fff;
}

p {
    font-family: 'Muli', sans-serif;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 25px;
    margin: 0;
}

.pro-ask-content p {
    width: 45%;
    padding-top: 10px;
    margin: 0px auto;
    font-size: 23px;
    font-weight: bold;
    line-height: 42px;
}

.btn-contact {
    -webkit-mask: url(/fz/images/li.svg) no-repeat;
    background-color: var(--main-color);
    width: 200px;
    margin: 0px auto;
    transition: .5s ease;
    padding: 36px 0px 64px 0px;
    position: relative;

    visibility: visible;
    animation-delay: 0.5s;
    animation-name: zoomIn;
}

.btn-contact::after {
    content: '';
    height: 100%;
    padding: 50px 0px;
    position: absolute;
    width: 0;
    top: 0;
    left: 0;
    background-color: #ffa868;
    transition: .9s ease;
}

.btn-5 span a {
    color: #fff;
}

.elementor-kit-8 a:hover {
    color: var(--second-color);
}


footer .send-btn {
    width: 58px;
    height: 41px;
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 12px;
}

.base-right-btn {
    background-color: var(--second-color) !important;
    width: 38px !important;
    height: 38px !important;
    line-height: 38px !important;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 20px !important;
    color: white !important;
    position: fixed;
    z-index: 98;
}

#all-whatsapp {
    bottom: 155px;
}

#all-top {
    bottom: 90px;
    display: none;
}

#all-top.cur {
    display: flex !important;
}

.reset-div-4 {
    margin-top: 82px;
}

.elementor-676 .elementor-element.elementor-element-ec96456 .elementor-heading-title,
.elementor-1224 .elementor-element.elementor-element-be59792 .elementor-heading-title,
.elementor-1267 .elementor-element.elementor-element-5df40d7 .elementor-heading-title,
.elementor-940 .elementor-element.elementor-element-e9e5604 .elementor-heading-title,
.elementor-1161 .elementor-element.elementor-element-f96694a .elementor-heading-title {
    line-height: inherit;
}

#aboutBody .elementor-element-6243e93 {
    background-color: #ffffff;
}

#aboutBody .elementor-676 .elementor-element.elementor-element-3a462ef {
    padding-bottom: 100px !important;
}

#aboutBody .elementor-676 .elementor-element.elementor-element-862ce3c {
    margin-top: 32px;
}

#aboutBody .certificate-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#aboutBody .certificate-list .certificate-item {
    width: 25%;
    padding: 16px;
    transition: box-shadow 0.3s ease;
}

#aboutBody .certificate-list .certificate-item {
    transition: transform 0.3s ease;
}

#aboutBody .certificate-list .certificate-item:hover {
    transform: translateY(-20px);
  }

  #aboutBody .certificate-list .certificate-item:hover img {
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0), 0px 8px 7px 0px rgba(0, 0, 0, 0.01), 0px 20px 13px 0px rgba(0, 0, 0, 0.01), 0px 39px 25px 0px rgba(0, 0, 0, 0.01), 0px 65px 47px 0px rgba(0, 0, 0, 0.02), 0px 10px 10px 0px rgba(0, 0, 0, 0.02);
  }

  #aboutBody #certificateSection {
    background-image:url("/fz/images/white-textured-cardboard-background-e1623048221453.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    position: relative;
  }

  #aboutBody #certificateSection::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.8);
  }

.google-map {
    margin-bottom: 62px;
}

#singlePostBody p {
    padding: 12px 0px;
}

.elementor-454 .elementor-element.elementor-element-05b8f62,
.elementor-1267 .elementor-element.elementor-element-fde38cd {
    width: 100%;
}

#commitSection {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 62px;
}

#commitSection .commit-container {
    width: 1200px;
    padding: 62px 0;
}

#commitSection .commit-container .term-title {
    color: var(--main-color);
    font-size: 20px;
    padding-bottom: 12px;
}

#commitSection .commit-container .term-detail {
    font-size: 18px;
    color: var(--main-color);
}

.elementor-676 .elementor-element.elementor-element-37f54ca,
.elementor-940 .elementor-element.elementor-element-8cbcfb5,
.elementor-1224 .elementor-element.elementor-element-be232fc,
.elementor-1267 .elementor-element.elementor-element-99f9499,
.elementor-454 .elementor-element.elementor-element-436cda8 {
    padding-top: 500px;
}

.bg-5-div {
    width: 100%;
    height: 254px;
    margin-top: 42px;
    background-image: url(../images/bg-5.jpg);
    background-position: left 82%;
    background-repeat: no-repeat;
    background-size: cover;
}

#searchSection {
    display: flex;
    justify-content: center;
    padding-top: 62px;
}

#searchSection .search-container{
    width: 1200px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#searchSection .chaxun-box {
    padding: 5px 1%;
    border-radius: 25px;
    border: solid 1px #f0f0f0;
    display: flex;
    width: 98%;
    align-items: center;
    position: relative;
}

#searchSection .chaxun-box .cat-box {
    font-size: 16px;
    width: 230px;
    padding-right: 20px;
    border-right: solid 1px #f0f0f0;
    text-align: center;
    position: relative;
    line-height: 40px;
    background: url(/fz/images/down.png) no-repeat 92% center;
    background-size: 15px auto;
    cursor: pointer;
}

#searchSection .cha-input {
    flex: 1;
    position: relative;
    margin-left: 10px;
}

#searchSection .cha-input input.input-cha {
    width: 100%;
    margin-bottom: 0px !important;
    border: none !important;
    min-height: 40px !important;
}

#searchSection .chaxun-box .cha-icon-box {
    font-size: 16px;
    height: 100%;
    position: absolute;
    cursor: pointer;
    background: #eee;
    padding: 0px 25px;
    right: 0px;
    top: 0px;
    line-height: 50px;
    padding-right: 35px;
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
}

#searchSection .search-cat-box-list,
#searchSection .tool-set-list {
    position: absolute;
    left: 22px;
    top: 51px;
    border-bottom: 1px solid #f0f0f0;
    display: none;
	z-index: 100;
}

#searchSection .tool-set-list {
    left: 242px;
    top: 463px;
    border-top: 1px solid #f0f0f0;
    background-color: #ffffff;
}

#searchSection .search-cat-box-list ul,
#searchSection .tool-set-list ul {
    background-color: white;
    padding: 0px;
    width: 220px;
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
}

#searchSection .search-cat-box-list ul li,
#searchSection .tool-set-list ul li {
    font-size: 16px;
    list-style-type: none;
    margin-bottom: 5px;
    height: 33px;
    border-bottom: solid 1px #f0f0f0;
    line-height: 33px;
    color: #333;
    text-align: center;
    cursor: pointer;
    position: relative;
}

#searchSection .search-cat-box-list ul li:last-child,
#searchSection .tool-set-list ul li:last-child {
    border-bottom: none;
    margin-bottom: 0px;
}

#searchSection .tool-set-list ul li:first-child {
    margin-top: 5px;
}

#searchSection .search-cat-box-list ul li:hover,
#searchSection .tool-set-list ul li:hover {
    color: var(--second-color);
}

#searchSection .arrow-right {
    width: 16px;
    position: absolute;
    top: 8px;
    right: 12px;
}

#searchSection .search-cat-box-list ul li .arrow-right.black {
    display: block;
}

#searchSection .search-cat-box-list ul li .arrow-right.blue {
    display: none;
}

#searchSection .search-cat-box-list ul li:hover .arrow-right.black {
    display: none;
}

#searchSection .search-cat-box-list ul li:hover .arrow-right.blue {
    display: block;
}

#searchSection .tool-set {
    display: block;
}

#searchSection .tool-set-i {
    display: none;
}

#screenSection {
    display: flex;
    justify-content: center;
    padding-top: 32px;
}

#screenSection .screen-container {
    width: 1200px;
}

#screenSection .sub-product-cats {
    display: flex;
    flex-wrap: wrap;
}

#screenSection .sub-product-cats a {
    display: inline-block;
    width: 23%;
    margin-right: 2%;
    padding: 0px 1%;
    text-align: center;
    margin-bottom: 13px;
    height: 40px;
    line-height: 42px;
    border-radius: 20px;
    background-color: rgba(0,51,78,0.6);
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

#screenSection .sub-product-cats a:hover, .sub-product-cats a.cur {
    background-color: var(--main-color) !important;
}

#productListSection {
    padding-top: 32px;
    display: flex;
    justify-content: center;
}

#productListSection .product-list-container {
    width: 1200px;
    display: flex;
    flex-flow: column;
}

#productListSection ul.product-list {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 50px;
    margin: 0 0 0px 0px;
    margin-top: 30px;
}

#productListSection .product-list li {
    width: 33.33%;
    padding-right: 2%;
    list-style-type: none;
    margin-bottom: 30px;
    position: relative;
}

.product-list li a .img {
    padding-bottom: 12px;
}

.product-list li a .p-logo {
    width: 36%;
    position: absolute;
    top: 18px;
    left: 18px;
}

.product-list li a .img img {
    width: 100%;
    border-radius: 10px;
}

.product-list li a .img img {
    max-height: 100%;
    max-width: 100%;
}

.product-list li .ptit {
    padding: 12px 0px;
    line-height: 32px;
    font-size: 26px;
    color: #222;
}

.product-list li .desc {
    font-size: 16px;
    line-height: 23px;
    color: #333;
}

.product-list li .tag-product,
#productDetailSection .tag-product {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}

.tag-product .tip-item {
    font-size: 16px;
    margin-bottom: 0px;
    color: #000;
    padding: 0px 0px;
}

.tag-product .tip-item span {
    color: var(--second-color);
}

.product-list li a {
    display: flex;
    flex-direction: column;
    padding: 25px 18px;
    border: solid 1px #dedede;
    font-size: 14px;
    border-radius: 10px;
    background: white;
}

.pages {
    padding-bottom: 62px;
}

.pages a {
    display: inline-block;
    text-align: center;
    background: #f0f0f0;
    text-decoration: none;
    color: #000;
    margin: 0px 5px;
    margin-bottom: 5px;
    height: 23px;
    line-height: 23px;
    padding: 0px 5px;
    font-size: 16px;
}

.pages span {
    display: inline-block;
    text-align: center;
    background: #f0f0f0;
    color: var(--second-color);
    margin: 0px 5px;
    height: 23px;
    line-height: 23px;
    padding: 0px 5px;
}

#partnerDetailSection,
#productDetailSection {
    display: flex;
    justify-content: center;
    padding-top: 82px;
}

#partnerDetailSection .parter,
#productDetailSection .product-details {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#partnerDetailSection .parter .left-wrapper {
    width: 30%;
}

#partnerDetailSection .parter .left-wrapper .brand-icon {
    width: 100%;
}

#partnerDetailSection .parter .right-wrapper {
    width: 70%;
    padding-left: 50px;
}

#partnerDetailSection .parter .right-wrapper .name,
#productDetailSection .product-details .right-wrapper .name {
    font-size: 30px;
    line-height: 42px;
    padding: 12px 0px;
    border-bottom: solid 1px #dedede;
    margin-bottom: 25px;
    color: #000;
}

#partnerDetailSection .parter .right-wrapper .details,
#productDetailSection .product-details .right-wrapper .details  {
    line-height: 34px;
    font-size: 16px;
    color: #666;
    padding-bottom: 25px;
    border-bottom: solid 1px #dedede;
    margin-top: 25px;
    margin-bottom: 25px;
}

#partnerDetailSection .products .p-title,
#productDetailSection .products .p-title {
    font-size: 26px;
    line-height: 65px;
    color: black;
    border-bottom: solid 1px #ccc;
    margin-top: 32px;
}

#productDetailSection .product-detail-container {
    width: 1200px;
}

#productDetailSection .product-details .left-wrapper {
    width: 40%;
}

#productDetailSection .product-details .left-wrapper .product-img {
    width: 100%;
}

#productDetailSection .product-details .right-wrapper {
    width: 60%;
}

#productDetailSection .contact-btn {
    margin-top: 35px;
}

#productDetailSection .contact-btn a {
    font-size: 16px;
    display: inline-block;
    height: 42px;
    line-height: 42px;
    padding: 0px 25px;
    color: white;
    background-color: var(--main-color);
    border-radius: 5px;
}

#productDetailSection .contact-btn:hover a {
    background-color: var(--second-color);
}

#productDetailSection .pic-list {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

#productDetailSection .pic-list img {
    margin-top: 24px;
}

.tip-item span {
    cursor: pointer;
}

#productDetailSection .tip-item span {
    display: inline-block;
    padding-bottom: 6px;
}

#productDetailSection .p-title-1 {
    padding-top: 32px;
    padding-bottom: 8px;
}

#productDetailSection .specification-item {
    color: #656871;
    font-size: 16px;
    padding: 8px 0px;
    border-bottom: 1px solid #f0f0f0;
}

#productDetailSection .specification-item .spe-title {
    font-weight: bold;
}

#productDetailSection .pro-detail {
    padding-left: 24px;
}

#productDetailSection .detail-item ul {
    font-size: 16px;
    padding-left: 18px;
}

#productDetailSection .detail-item ul li {
    padding-bottom: 12px;
}

.elementor-641 .elementor-element.elementor-element-1e62859 > .elementor-container {
    max-width: 1200px;
}

#productBody ul {
    padding-left: 0px;
}

#aboutBody .elementor-676 .elementor-element.elementor-element-b7abf78 {
    text-align: center;
}

.logo-icon {
    cursor: pointer;
}

.pc-contact-tip {
    font-size: 26px !important;
    display: block;
}

.ph-contact-tip {
    display: none;
}

#contactFormSection {
    display: flex;
    justify-content: center;
    padding-top: 82px;
    padding-bottom: 150px;
}

.contact-form-container {
    width: 1200px;
}

#contactUsBody .elementor-element-b5fe391 .elementor-widget-wrap.elementor-element-populated{
    margin-right: 0;
}

/* #contactUsBody .elementor-heading-title.elementor-size-default {
    text-align: center;
} */

.contact-tip-container {
    display: flex;
    justify-content: center;
    margin-bottom: 32px !important;
}

#contactUsBody .contact-tip {
    width: 72%;
}

#contactUsBody .contact-tip p {
    text-align: center
}

#hkSection, #mlSection {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 62px;
}

.hk-container,
.ml-container {
    width: 1200px;
    max-width: none !important;
    display: flex;
}

.google-map {
    width: 50%;
}

.google-map p {
    width: 100%;
}

#contactUsBody .elementor-element-3962169 {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
}

.elementor-6 .elementor-element.elementor-element-5a30f76 > .elementor-element-populated {
    padding-left: 51px !important;
    padding-right: 51px !important;
}

.elementor-element-b5fe391 {
    width: 1200px !important;
}

.elementor-element-7965d9c .form-group.flex-wrap,
.elementor-element-7965d9c .form-group.flex-wrap .form-input {
    width: 100%;
}

.elementor-1224 .elementor-element.elementor-element-cd6d220 {
    padding-top: 0px;
}

.w-66 {
    width: 66.666% !important;
}

.machine-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 12px;
}

.machine-list .machine-item {
    width: 32%;
}

.machine-list .machine-item:last-child {
    padding-right: 0;
}

.machine-list .machine-item img {
    width: 100%;
    height: 100%;
    border-radius: 14px;
}

p.icon-box-description a{
	color:#00334E;
}

.s-more a{
	color:white; background:#63B0DA; text-decoration:none; padding:0px 19px; line-height:40px; display:inline-block; height:40px; border-radius:3px;
}

.s-more a:hover{
	color:white; background:#00334E;
}


.elementor-676 .elementor-element.elementor-element-f2c115e .elementor-heading-title{
	font-size:28px; line-height:1.3em;
}

.dialog-widget.dialog-lightbox-widget.elementor-lightbox{
	display:none !important;
}


.none-data{
	text-align:center; color:#999; font-size:24px; line-height:65px; margin-bottom:60px;
}

.ol-bg{
    background: rgba(0,0,0,0.3); width: 100%; height: 100%; left: 0; top: 0; position: fixed; z-index: 1; display: none;
}

.ol-window{
    width: 100%; height: 100%; left: 0; top: 0; position: fixed; z-index: 10; display: none; align-items: center; justify-content: center;
}

.ol-window .img{
    max-width: 80vw; padding:15px; background:white; border-radius:6px;
}



@media (max-width: 767px) {
    .elementor-column.elementor-element-9f3ae29.w-66 {
        width: 100% !important;
    }

    .elementor-6 .elementor-element.elementor-element-55f4b09 {
        --spacer-size: 296px;
    }
	
	.n-r-page>div{
		margin-bottom:12px;
	}
}

@media (min-width: 768px) {
    .elementor-646 .elementor-element.elementor-element-846c997 {
        width: 20%;
    }

    .elementor-646 .elementor-element.elementor-element-58c0cee {
        width: 20.978%;
    }

    .elementor-646 .elementor-element.elementor-element-021194f {
        width: 28%;
    }
	
	.n-r-page{
		display:flex; justify-content:space-between; width:100%;
	}
}


@media screen and (max-width: 1199px) {
    #factoryPicSectioin {
        padding-top: 400px;
    }

    .elementor-element-1e62859 {
        width: 100vw;
        box-sizing: border-box;
    }
    
    .elementor-element-1e62859 .elementor-container.elementor-column-gap-default {
        margin-left: 0px;
        box-sizing: border-box;
        width: 100%;
        display: flex;
        padding: 0px 16px;
    }

    .elementor-element.elementor-element-fd6e01b .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper {
        max-width: 100vw;
    }

    .elementor-element.elementor-element-fd6e01b .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-nav-identity-panel {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .elementor-641 .elementor-element.elementor-element-fd6e01b .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-nav-identity-panel .jkit-nav-site-title .jkit-nav-logo img {
        width: 60%;
    }

    p {
        font-size: 16px;
    }

    #headerContainer,
    .header-swiper {
        height: 460px;
    }

    .header-swiper .headerTContainer {
        width: 90vw !important;
        left: 5vw !important;
        top: 24vw !important;
        padding: 12px 18px;
        background-color: rgba(32, 52, 63, 0.6);
    }

    .header-swiper .slide-content .blue-tip {
        font-size: 14px;
        line-height: 16px;
        padding: 10px 15px;
    }

    .header-swiper .slide-content .title {
        font-size: 26px;
        width: 100%;
        line-height: 36px;
    }

    .header-swiper .slide-content .more-btn,
    .header-swiper .slide-content .contact-btn {
        font-size: 14px;
        line-height: 18px;
        padding: 8px 18px;
        margin-left: 8px;
    }

    .elementor-6 .elementor-element.elementor-element-714c126 {
        margin-top: -12%;
    }

    .partner-wrapper {
        width: 90vw;
        flex-flow: wrap;
        padding: 24px 0px;
    }

    #partnerSection a {
        width: 100%;
        border: none;
        border-bottom: 1px solid #dedede;
    }

    .reset-div-1 {
        display: flex;
        flex-flow: row;
    }

    .brush-icon-div {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    .elementor-element-b932b97 {
        width: 50% !important;
    }

    .elementor-element-fa79145 {
        width: 50% !important;
        padding-left: 18px;
    }

    .fac-details ul, 
    .fac-details il {
        width: fit-content;
    }

    .elementor-element-f106be1 {
        display: none;
    }

    .reset-div-2 {
        display: flex;
        justify-content: center;
    }

    .jeg-elementor-kit.jkit-icon-box .icon-box.icon-box-header {
        padding-bottom: 24px;
    }

    .jeg-elementor-kit.jkit-icon-box .jkit-icon-box-wrapper {
        background-color: #F6F6F6;
    }

    .jkit-icon-box-wrapper.hover-from-left {
        background-color: rgba(0,0,0,0) !important;
    }

    .elementor-6 .elementor-element.elementor-element-e4a8a68 .jeg-elementor-kit.jkit-icon-box .jkit-icon-box-wrapper {
        padding: 0px 30px 120px 30px !important;
    }

    .elementor-6 .elementor-element.elementor-element-4f743f9 .jeg-elementor-kit.jkit-icon-box .jkit-icon-box-wrapper {
        padding: 0px 20px 90px 20px !important;
    }

    .elementor-6 .elementor-element.elementor-element-cc8b468 .jeg-elementor-kit.jkit-icon-box .jkit-icon-box-wrapper {
        padding: 0px 20px 100px 20px !important;
    }

    .elementor-6 .icon-box-description {
        font-size: 17px !important;
    }

    .elementor-6 .elementor-element.elementor-element-590ddc8 .jeg-elementor-kit.jkit-icon-box .jkit-icon-box-wrapper {
        padding: 50px 24px 40px 24px;
    }

    .reset-div-3 {
        padding: 0% !important;
    }

    .reset-div-4 {
        margin-top: 0;
    }

    .elementor-element-613ddcd {
        width: 84% !important;
    }

    .elementor-container.elementor-column-gap-default {
        max-width: none;
    }

    .elementor-6 .elementor-element.elementor-element-07c2504 .elementor-heading-title {
        line-height: 56px;
    }
    
    .partner-container {
        display: flex;
        flex-flow: column;
        align-items: center;
    }

    .parner-item {
        width: 100%;
        height: auto;
        padding-bottom: 42px;
    }

    .pro-ask-content p {
        width: 90%;
        font-size: 20px !important;
        line-height: 32px !important;
    }

    .project-ask-blue {
        background-position: 45% 15%;
        height: 590px;
    }

    #contactSeciton .container {
        height: 590px;
    }

    #contactSeciton .pro-ask-content {
        height: 590px;
        padding: 82px 0px;
    }

    #commitSection .commit-container {
        width: 100%;
        padding: 24px 16px;
    }

    .elementor-676 .elementor-element.elementor-element-37f54ca,
    .elementor-940 .elementor-element.elementor-element-8cbcfb5,
    .elementor-1224 .elementor-element.elementor-element-be232fc,
    .elementor-1267 .elementor-element.elementor-element-99f9499,
    .elementor-454 .elementor-element.elementor-element-436cda8 {
        padding-top: 320px;
    }

    .heading-section-title.display-inline-block .heading-title {
        font-size: 20px !important;
    }

    .elementor-widget-heading .elementor-heading-title.elementor-size-default {
        font-size: 36px !important;
        line-height: 42px;
    }

    #aboutBody .partner-brand {
        width: 100%;
    }

    #aboutBody .partner-brand .elementor-widget-container {
        display: flex;
        justify-content: center;
        margin-top: 62px;
    }

    #aboutBody .partner-brand:first-child .elementor-widget-container {
        margin-top: 0px;
    }

    #aboutBody .partner-brand img {
        width: 60%;
    }

    .partner-brand.elementor-element-3c50c51 .elementor-widget-wrap.elementor-element-populated {
        padding-left: 0;
    }

    .elementor-676 .elementor-element img {
        opacity: 1 !important;
        filter: none !important;
    }

    footer .elementor-widget-container .elementor-heading-title.elementor-size-default {
        font-size: 20px !important;
    }

    footer .jkit-button-wrapper {
        font-size: 16px !important;
    }

    #searchSection .search-container,
    #screenSection .screen-container,
    #productListSection .product-list-container {
        width: 100vw;
        padding: 0 16px;
    }

    #searchSection {
        padding-top: 32px;
    }

    #searchSection .chaxun-box .cat-box {
        width: 30%;
    }

    #screenSection .sub-product-cats a {
        width: 30%;
    }

    #productListSection {
        padding-top: 0px;
    }

    #productBody ul {
        padding-left: 0px;
    }

    #productListSection .product-list li {
        width: 100% !important;
    }

    #productDetailSection .product-details,
    #partnerDetailSection .parter {
        flex-flow: column;
        align-items: center;
    }

    #productDetailSection .left-wrapper,
    #productDetailSection .right-wrapper,
    #productDetailSection .products,
    #partnerDetailSection .left-wrapper,
    #partnerDetailSection .right-wrapper {
        width: 100% !important;
    }

    #partnerDetailSection .right-wrapper {
        padding: 0 16px !important;
    }

    #partnerDetailSection .p-title { 
        margin: 32px 16px 0px 16px !important;
    }

    #productDetailSection .product-detail-container {
        width: 100% !important;
        padding: 0px 16px;
    }

    #productDetailSection .pro-detail {
        padding-left: 4px;
    }

    #productListSection ul.product-list {
        padding-left: 0px;
    }

    #searchSection .tool-set {
        display: none;
    }
    
    #searchSection .tool-set-i {
        display: block;
    }

    #partnerDetailSection, #productDetailSection {
        padding-top: 62px;
    }

    .elementor-1267 .elementor-element.elementor-element-e612a43 {
        padding-bottom: 62px;
    }

    .elementor-454 .elementor-element.elementor-element-e82562f {
        margin-bottom: 32px;
    }

    .elementor-454 .elementor-element.elementor-element-3320e6b {
        padding-bottom: 62px;
    }

    #singlePostBody .post-title.style-color {
        font-size: 36px;
        line-height: 46px;
    }

    #factoryPicSectioin .factory-pic-container .imgs-wrapper {
        padding: 0 16px;
    }

    #factoryPicSectioin .factory-pic-container .imgs-wrapper .img-wrapper {
        width: 45vw;
        padding-top: 66%;
    }

    .elementor-6 .elementor-element.elementor-element-e5eda08 {
        padding-top: 82px;
    }

    .elementor-6 .elementor-element.elementor-element-b8b20a9 {
        padding-bottom: 62px;
    }

    .partner-wrapper {
        margin-bottom: 32px;
    }

    .jeg-elementor-kit.jkit-icon-box .icon-box.icon-box-header {
        display: flex;
        justify-content: center;
    }

    .elementor-676 .elementor-element.elementor-element-ebf53af .jeg-elementor-kit.jkit-icon-box .icon-box > .icon i,
    .elementor-676 .elementor-element.elementor-element-8eabfb9 .jeg-elementor-kit.jkit-icon-box .icon-box > .icon i {
        font-size: 62px;
    }

    .elementor-676 .elementor-element.elementor-element-ebf53af .jeg-elementor-kit.jkit-icon-box .icon-box > .icon,
    .elementor-676 .elementor-element.elementor-element-8eabfb9 .jeg-elementor-kit.jkit-icon-box .icon-box > .icon {
        width: 62px;
        height: 62px;
    }

    .elementor-676 .elementor-element.elementor-element-ebf53af .jeg-elementor-kit.jkit-icon-box .title,
    .elementor-676 .elementor-element.elementor-element-ebf53af .jeg-elementor-kit.jkit-icon-box .icon-box.icon-box-body .icon-box-description,
    .elementor-676 .elementor-element.elementor-element-8eabfb9 .jeg-elementor-kit.jkit-icon-box .title,
    .elementor-676 .elementor-element.elementor-element-8eabfb9 .jeg-elementor-kit.jkit-icon-box .icon-box.icon-box-body .icon-box-description {
        text-align: center;
        font-size: 20px;
    }

    .elementor-676 .elementor-element.elementor-element-ebf53af .jeg-elementor-kit.jkit-icon-box .title,
    .elementor-676 .elementor-element.elementor-element-8eabfb9 .jeg-elementor-kit.jkit-icon-box .title {
        margin-bottom: 8px;
    }

    p {
        font-size: 18px;
    }

    .elementor-676 .elementor-element > .elementor-element-populated {
        margin-bottom: 32px !important;
    }

    .elementor-6 .elementor-element.elementor-element-6243e93 {
        padding-bottom: 12px;
    }

    .elementor-6 .elementor-element .jeg-elementor-kit.jkit-icon-box .icon-box > .icon {
        height: 28px !important;
    }

    .elementor-646 .elementor-element.elementor-element-1165460 > .elementor-widget-container {
        margin-bottom: 0px;
    }

    .elementor-676 .elementor-element.elementor-element-862ce3c {
        padding: 0 !important;
    }

    #productListSection .product-list li {
        padding-right: 0px;
    }

   #productDetailSection .product-list-container {
    padding:0;
   }

   #aboutBody .elementor-676 .elementor-element > .elementor-element-populated.about-title {
    margin-bottom: -32px !important;
   }

   .google-map p {
    width: 50vw;
   }

   .elementor-6 .elementor-element.elementor-element-b932b97 > .elementor-element-populated {
    padding-left: 20px;
    padding-right: 20px;
   }

   .language-btns {
    display: none;
   }

   .pc-contact-tip {
      display: none;
    }

    .ph-contact-tip {
        display: block;
    }

    #contactFormSection {
        padding-top: 12px;
        padding-bottom: 92px;
    }

    .hk-container,
    .ml-container {
        width: 100%;
        max-width: none;
    }

    #contactUsBody .elementor-element-3962169 {
        width: 100%;
        padding-left: 1px;
        padding-right: 1px;
    }

    #contactUsBody .contact-tip {
        width: 92%;
        padding-bottom: 12px;
    }

    .google-map {
        width: 100vw;
        padding: 0px 11px;
    }

    .google-map p {
        width: 100%;
    }

    .elementor-1224 .elementor-element.elementor-element-cd6d220 {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }

    .elementor-element-6845723 .elementor-heading-title.elementor-size-default {
        font-size: 33px !important;
    }

    .elementor-6 .elementor-element.elementor-element-5a30f76 > .elementor-element-populated {
        padding-left: 28px !important;
        padding-right: 28px !important;
    }

    .elementor-element-2ba9b27.elementor-widget-heading .elementor-heading-title.elementor-size-default {
        font-size: 33px !important;
    }

    #aboutBody .certificate-list .certificate-item {
        width: 100%;
    }
}

.wap-language{
	display:none;
}

.pages{
	text-align:center;
}



@media screen and (max-width:756px) {
	.wap-language {
    display: flex;
    justify-content: center;
	margin-top:40px;
	position:relative; 
	bottom:70px;
	}
	
	
	.wap-language a{
		font-size:13px; text-decoration:none; margin:0px 8px; height:22px; line-height:22px; padding:0px 6px; border-radius:3px; color:#222;  background:#f2f2f2; 
	}
	
	
	.wap-language a.cur{
		color:white; background:#63B0DA; 
	}
	
	#searchSection .chaxun-box .cat-box{
		height:40px; overflow:hidden; font-size:14px;
	}
	
	#searchSection .cha-input input.input-cha{
		font-size:16px; outline:none ;
	}
	
	#searchSection .cha-input input.input-cha:focus{
		outline:none !important;
	}
	
	
	
}