@charset "utf-8";
/* CSS Document */
:root {
  /*--bgcolor: #e6a831; /* 这里的具体颜色值由项目决定 */
}
body {font-size: 18px;}
p {font-size: 18px;}
.divclear{ width:100%; height:0px; overflow:hidden; clear:both;}
.swiper {width: 100%;height: 100%;}

.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}


.swiper {
width: 100%;
height: 300px;
margin-left: auto;
margin-right: auto;
}

.swiper-slide {
background-size: cover;
background-position: center;
}

.mySwiper2 {height: 100%;width: 100%;}

.mySwiper {
height: 20%;
box-sizing: border-box;
padding: 10px 0;
}

.mySwiper .swiper-slide {
width: 25%;
height: 100%;
opacity: 0.4;
}

.mySwiper .swiper-slide-thumb-active {
opacity: 1;
}

.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.main_logo img,.sticky_logo img{ height:120px;}
.inner_main_nav_area >ul >li:hover .sub_menu{top: 120%;}
.mobile_menu_logo img{ height:80px;}
.footer_logo img{ height:120px;}
.footer_addres_area p a{ color:#ffffff;}
.div06110601 .contact_text{ height:100%;}
.single_contact_humb p {    font-size: 20px;}
.inner_breadcum_area ul li { font-size: 20px;}
.single_contact_humb h3 {font-size: 22px; margin-bottom:20px;}
.inner_contact_content p {    font-size: 20px;}
#contact-form .success{ color:blue;}
#contact-form .error{ color:red;}
h2, h2 a {    font-size: 28px;}
.inner_main_nav_area a.active,.inner_main_nav_area ul li .sub_menu li a.active{ color:var(--bgcolor);}
.mean-container .mean-nav ul li a.active{ color:var(--bgcolor);}
.mcallicon:hover{ background:#29c244;}
.mcallicon i{font-size: 22px;}
.yblog_left_sub img{ max-width:96%;}
.yblog_left_sub p {    font-size: 20px; margin-bottom:12px;}
.inner_yblog_left_title a {font-size: 17px;}
.inner_yblog_left_title a.active{ color:var(--bgcolor);}
.lgoclpage{display: flex;    justify-content: center;}
.lgoclpage .pagination li{ margin-right:10px; color:#999999;}
.lgoclpage .pagination li a,.lgoclpage .pagination li.active span{    display: inline-block;    border-radius: 5px;    font-size: 19px;    line-height: 1;    margin: 0 5px;    padding: 15px 24px;    box-shadow: 0 10px 40px 0 rgba(50, 65, 141, .12);}
.lgoclpage .pagination li.active span,.lgoclpage .pagination li a:hover{ background:var(--bgcolor); color:#ffffff;}
.lgoclpage .pagination li .jumpto,.lgoclpage .pagination li.disabled{ display:none;}
.lgoclpage .page_number:focus{  border: 1px solid var(--bgcolor);}
.div26110701 .yblog_left_inner{ height:95%;}
.faq_header p,.inner_faq_text p{color: var(--paracolor);}
.inner_faq_ac_item a {color: var(--paracolor);}
.inner_faq_text {    margin: 20px 0px;}
.portfolio_nav ul li a:hover,.portfolio_nav ul li:hover *{ color:#ffffff;}
.portfolio_img_area i{ width:100%;aspect-ratio: 1 / 1; background:url() no-repeat center center; display:block; background-size:cover;}
.portfolio_img_area img{ display:none;}
.vbox-container img {  max-width: 100%;  max-height: 100%;  width: auto;  height: auto;  object-fit: contain;   /* 保持比例，完整显示不裁切 */
}
.vbox-content{ height:100%;}
.vbox-child { height:100%;justify-items: center;    align-items: center;    display: flex;}
.vbox-child:has(img) {  background-color: transparent !important;}
.portfolio_img_area .portfolio_overlay_cont i { margin-top: 15px;}
.div2611072001{ margin-bottom:20px;}
.div2611072002 p{border-top: 1px solid #dddddd; margin:0px; padding:0.5rem 0px;    display: flex;}
.div2611072002 p em{ font-style: normal; flex:2;}
.div2611072002 p:last-of-type{border-bottom: 1px solid #dddddd;margin-bottom:20px; }
.inner_project_right_content p span {  width: 160px;}
.l_product_detail_swiper{ width:100%;   aspect-ratio: 1 / 1;    background:#f5f5f5;}
.l_product_detail_swiper .swiper-slide{ padding-bottom:0px;    cursor: pointer;}
.l_product_detail_swiper .swiper-slide img{max-width: 100%;  max-height: 100%;width: auto;height: auto;}
.newslistp_botimg img{max-width: 100%;  max-height: 100%;width: auto;height: auto;}
.inner_brand_area {margin-right: 10px;}
.inner_brand_area img{max-width: 100%;  max-height: 100%;width: auto;height: auto;opacity: 1;transition:All 0.4s ease-in-out;    -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out;}
.inner_brand_area img:hover{opacity: 0.6;transform:scale(1); }
.inner_brand_area:hover{ background:var(--bgcolor);}
.slick-track { margin:0px;}
.div2611081902{}
.l_product_detail_swiper .swiper-button-prev,.l_product_detail_swiper .swiper-button-next{ background:#0e76bc; width:42px; height:42px;border-radius: 50%;}
.l_product_detail_swiper .swiper-button-next:after,.l_product_detail_swiper .swiper-button-prev:after{font-size: 18px; color:#ffffff;}
.div26110801{ margin-top:36px;}
.div26110801 button{ background: var(--brcolor);    color: #ffffff;    padding: 4px 18px;    border-radius: 5px;    border: none;    font-size: 26px;}
.div26110801 button:hover{ background:var(--bgcolor);}
.div26110801 button i{margin-right: 10px;}
.menu_btn .dtbtn { position:relative;}
.menu_btn  .dtbtn .cart-count { position: absolute;    right: 15px; top:8px;    min-width: 18px;    padding: 0 2px;    height: 15px;    background-color: var(--bgcolor);
    color: #fff;    border-radius: 10px;    font-size: 10px;    display: flex;    align-items: center;    justify-content: center;}
.div2611081504 button{border-radius:5px;border: 1px solid #dddddd;  padding: 4px 8px;display: inline-block;}
.div2611081504 input{ border-color:#dddddd !important;}
.div2611081504 input:focus,.div2611081504 textarea:focus{  border: 1px solid var(--brcolor) !important;}
.layui-layer-dialog .layui-layer-content{ font-size:18px;}
.inner_project_information_descrip p {font-size: 20px; margin-bottom:12px;}
.inner_project_information_descrip img{ max-width:96%; margin:10px auto;}
.div2611081801{     margin: 30px 0px 30px;    background: #f5f5f5;    clear: both;    padding:6px 10px;}
.div2611081801 p{ margin:0px;}
.div2611082007{ padding:30px 10px;}
.div2611082008.eventhree.allcostyle{ background:none;}
.div2611082009 .faq_header .div1{margin: 0 auto;width: 90%;    padding: 10px;    background: #ffffff;}
h2.h22611101401 span{ font-weight:bold;}
.div2611082009 .div1 *{  width:100%;text-align: left; font-size:20px;}
.div2611082009 .div1 p{  margin: 0 auto 30px;}
.faq_area { margin: 0px;}
.div2611091601{    align-items: center;    justify-items: center;    display: flex;}
.div2611091601 img{ max-width:100%;border: 2px solid #dddddd;}
.div2611091601 .pd{ padding:10px 5px; cursor:pointer;}
.main_feature p {    font-size: 18px;}
.main_feature {    height: 100%;}
.counter_area { margin-top:30px;}
.div2611100901{ height: 100%;}
.div2611100901 .inner_blog_text span {    font-size: 18px;}
.wblogovermeta span { font-size:16px;}
.portfolio_area.div2611101002{ padding-top:45px;}
.div2611101405{  position: relative;  background: none; }
.div2611101405::before {  content: "";  position: absolute;  inset: 0;  background: url(/assets/lgocl/static/image/eo_teste-bg.jpg) no-repeat center center;  background-size: cover;
  opacity: 0.3;              /* 图片透明度，0~1 */
  z-index: -1;               /* 放到底层，不挡内容 */
}
.div2611101501{ position: relative;}
.div2611101501::before {  content: "";position: absolute; left:0px; top:0px; width:100%; height:100%;  inset: 0;  background: url(/assets/img/sp_counter_bg_line.png) no-repeat left center;}
.div2611101501::after{  content: "";position: absolute; right:0px; top:0px; width:100%; height:100%;  inset: 0;  background: url(/assets/img/sp_counter_bg_line.png) no-repeat right center;}
.div2611102101{ padding:35px 0px;}
.div2611102101 *{ font-size:18px;}
.div2611102101 input:focus{  border: 1px solid var(--brcolor) !important;}
.div2611102101 .btn-danger{ background:var(--brcolor); border: 1px solid var(--brcolor);}
.newslistp_bot ul li{list-style: none;}

@media (min-width: 1600px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1580px;
    }
}
@media (min-width: 1400px) {

}
@media (max-width: 980px) {
.div06110601 .contact_text{ height:auto;}
.div2611071501{ order: 2; }
.div2611071502{ order: 1; }
.yblog_left_sub p {    font-size: 18px;}
.inner_project_information_descrip p {font-size: 18px;}
.main_feature {    height: auto;}
.div2611100901 {    height: auto;}
}