@charset "utf-8";
/* defult */
:root{ 
    /* 一个块一般是设定最小宽度和最大宽度，默认宽度为100%， */
    /* 视口有效区域最小宽度，用于防止屏幕大于手机端宽度又小于模板设置的最小完整宽度时，页面的变形 ，一般区header最小宽度和内容最小宽度中最大的*/
    --page-min-width:1345px;
    --page-max-width:1500px;

    /* 头部最小宽度 */
    --header-min-width:1200px; 
    /* 页面主体最小宽度 */
    --content-min-width:1345px; 
    /* 基本颜色 */
    /* --theme-color-1:#f11312;  */
    --theme-color-1:#d62037; 
    /* 头部的z-index */
    --header-z-index:12;
    /* 手机端的导航面板的z-index */
    --header-panel-z-index:20;
    /* 遮罩层的z-index */
    --overlay-z-index:11;
    /* 回到顶部的z-index */
    --back-to-top-z-index:10;
    /* 轮播图导航的z-index */
    --banner-pagination-z-index:9;
    /* 顶部搜索栏的z-index */
    --top-search-box-z-index:12;
    /* 悬浮的询盘表单的z-index */
    --fixed-feedback-z-index:21;
}
/* @font-face { font-family: 'robotoregular'; src: url('../font/roboto-regular-webfont.eot'); src: url('../font/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto-regular-webfont.woff2') format('woff2'), url('../font/roboto-regular-webfont.woff') format('woff'), url('../font/roboto-regular-webfont.ttf') format('truetype'), url('../font/roboto-regular-webfont.svg#robotoregular') format('svg'); font-weight: normal; font-style: normal; } */
/* *{margin:0px; padding:0px; list-style:none; font-size:14px; text-decoration:none; color:#555; border:none;outline: none;transition: all 0.3s;-webkit-transition: all 0.3s;box-sizing: border-box;font-family: 'robotoregular', sans-serif;} */
/* *{margin:0px; padding:0px; list-style:none; font-size:14px; text-decoration:none; color:#555; border:none;outline: none;transition: all 0.3s;-webkit-transition: all 0.3s;box-sizing: border-box; font-family: "Outfit", sans-serif;} */
*{margin:0px; padding:0px; list-style:none; font-size:14px; text-decoration:none; color:#555; border:none;outline: none;transition: all 0.3s;-webkit-transition: all 0.3s;box-sizing: border-box; font-family: "Roboto", sans-serif;}
body {min-width: var(--page-min-width)}
.clear {clear: both }
input{vertical-align: top;}
.acf-form input{border-bottom: 1px solid #ccc;}
.acf-form textarea{border: 1px solid #ccc;}
a {cursor: pointer;}
a:hover{color: var(--theme-color-1);}
a:hover i{color: var(--theme-color-1);}
a,span,i{display: inline-block;}
.ztb{width: 100%; min-width: var(--page-min-width);}
.zts{width: var(--page-min-width); margin: 0 auto; }
.fll{float: left;}
.flr{float: right;}
img{display: inline-block;vertical-align: middle;}
.dis{display: inline-block;vertical-align: top;}
.flex{display: flex;display: -webkit-flex;}
.overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: var(--overlay-z-index); transition: all 0s;-webkit-transition: all 0s;}
/*阴影*/
.boxyy{-moz-box-shadow:0px 0px 10px #e3e3e3; -webkit-box-shadow:0px 0px 10px #e3e3e3; box-shadow:0px 0px 10px #e3e3e3;}
/*旋转*/
.boxxz:hover{-webkit-transform:rotate(360deg);-webkit-transition-duration:0.5s;}
/*放大*/
.imgfd{transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1);transition: 1s;}
.imgfd:hover{transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-moz-transform:scale(1.2);transition: 1s;}
.boxfd img{transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1);transition: 1s;}
.boxfd:hover img{transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-moz-transform:scale(1.2);transition: 1s;}

.text-no-warp{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.text-no-warp-line-2{overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;}
.text-no-warp-line-3{overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 3;}
.text-no-warp-line-4{overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 4;}
.text-no-warp-line-5{overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 5;}
@media screen and (min-width: 768px) {
    .m{display: none;}
}
/* header */
header{position: absolute;top: 0;left: 0;width: 100%;z-index: var(--header-z-index);min-width: var(--header-min-width)}
header>div{width:100%;}
.header-top{width: 100%;background-color: #000e30;}
.header-top-bg{width:100%;width: 90%;min-width: var(--header-min-width);;margin:0 auto;justify-content: space-between;line-height: 32px;}
.header-top-l{color: #ccc;}
.header-top-l i{margin-right: 5px;color: #ccc;}
.header-top-l a{color: #ccc;}
.header-top-l a:hover{color: var(--theme-color-1);}
.header-top-r{color: #ccc;}
.header-top-r>i,.header-top-r>a{margin-left: 5px;color: #ccc;}
.header-top-r>a i{color: #ccc;}
.header-top-r>a:hover i{color: var(--theme-color-1);}
.search-button{cursor: pointer;}
.search-button:hover{color: var(--theme-color-1);}

.home .header-nav-c>ul>li>a{color: #fff;}
 .header-nav-c>ul>li>a{font-size: 18px;text-transform: uppercase}
.add-fixed>.header-nav>.header-nav-c>ul>li.active>a{color: var(--theme-color-1)}
.add-fixed>.header-nav>.header-nav-c>ul>li>a{color: #333;}
.header-nav-box{background-color:#fff;}
.home .header-nav-box{background-color: rgba(0, 14, 48, 0.8);}
.home .header-nav-box.add-fixed{background-color: #fff;}
.header-nav{justify-content: space-between;padding:20px 0;height: 80px;width: 90%;min-width: var(--header-min-width);margin: 0 auto;}
.header-nav-l{width:180px;}
.header-nav-l a{height: 100%;}
.header-nav-l a img{height: 100%;}

.header-nav-c{}
.header-nav-c>ul{}
.header-nav-c>ul>li{line-height: 40px;margin:0 25px;font-weight: 500;}
.header-nav-c>ul>li a{white-space:nowrap;}
.header-nav-c>ul>li:hover a{}
.header-nav-c>ul>li.active>a{color:var(--theme-color-1);position: relative;}
.header-nav-c>ul>li.active>a::after{content: " ";width: 20px;border-bottom: 2px solid var(--theme-color-1);position: absolute;bottom: 0;left:50%;transform: translateX(-50%);;}

.child-cat-box{display: none;position: absolute;border-left:1px solid #3e3e3e}
.child-cat-box .child-cat-box {top: 0;left:100%;}
.child-cat-box li:hover .child-cat-box {top: 0;left:100%;}
@media screen and (min-width: 768px) {
.home .header-nav-c>ul>li:hover>a{color: var(--theme-color-1)}
.header-nav-c li:hover>.child-cat-box{display: block;}
.child-cat-box li:hover>a{color: var(--theme-color-1);}
}
.child-cat-box li{position: relative;}
.child-cat-box li a{background-color: #000e30;display: inline-block;width: 100%;padding:0 10px;color: #fff;;}



.header-nav-r{} 
.header-nav-r-open-quote-button{border-radius: 20px;background-color: var(--theme-color-1);border: 2px solid var(--theme-color-1);color: #fff;font-size: 15px;cursor: pointer;height: 40px;padding: 0 15px;position: relative;font-weight: 900;}
.header-nav-r-open-quote-button i{color: #fff;font-weight: 100;margin-right: 10px;width: 16px;height: 16px;position: relative;line-height: 21px;}
.header-nav-r-open-quote-button i::before{position: absolute;top:0px;left:0px;}
.header-nav-r-open-quote-button:hover i::before{animation: moveAnimation 1s infinite ease-in-out; }
.header-nav-r-open-quote-button:hover i{color: var(--theme-color-1); }
.header-nav-r-open-quote-button:hover{box-shadow: 6px 6px 5px rgba(314, 32, 55, 0.2);color: var(--theme-color-1);background-color: #fff;}

@keyframes moveAnimation { 0% { transform: translate( 0px,0px); } 50% { transform: translate( -3px,3px); } 100% { transform: translate( 0px,0px);} }

.header-hot{width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;transition: padding 0s;-webkit-transition: padding 0s;background-color: #f4f7f7;;}
.header-hot ul{justify-content: center;}
.header-hot li{margin-right: 40px;font-size: 16px;line-height: 36px;}
.header-hot li a{font-size: 16px;line-height: 36px;}
.header-hot li i.icon-hot{color: var(--theme-color-1);margin-right: 5px;}
.header-hot li.header-hot-li-1{color: var(--theme-color-1);}

.add-fixed{position: fixed;top: 0;left: 0;width: 100%;background-color: #fff;;}
.add-pt{padding-top:80px;}

.top-search-box {width: 100%;max-width: 500px;background: #fff;padding: 5px; z-index: var(--top-search-box-z-index); position: fixed;top: 50px;right: 50px; display: none; transition: all 0s;-webkit-transition: all 0s;}
.top-search-box form{}
.top-search-box input[type="text"]{flex:1;border-bottom: 1px solid #ccc;}
.top-search-box button[type="submit"]{flex:0 0 80px;background-color: var(--theme-color-1);padding:10px;margin-left: 20px;cursor: pointer;}
.top-search-box button[type="submit"] i{color: #fff;}



/* index */
/* banner */
.banner{position: relative;
     --swiper-pagination-color: var(--theme-color-1);
     --swiper-pagination-bullet-inactive-color:#fff;
      --swiper-pagination-bullet-inactive-opacity: 1;
      --swiper-pagination-bullet-border-radius:0%;
      --swiper-pagination-bullet-width:63px;
      --swiper-pagination-bullet-height:3px;
      --swiper-pagination-bottom:20px;
    }
.banner .swiper-slide{width: 100%;overflow: hidden;}
.banner img{width: 100%;}
.banner .banner-pagination {margin:0 auto;position: absolute;z-index: var(--banner-pagination-z-index);text-align: center;}
.banner .swiper-pagination-bullet
.banner .banner-pagination span{width: 30px;height:3px;border-radius: 0;}


/* feedback */
.fixed_feedback {  display: none;  width: var(--content-min-width); max-width: 1000px;z-index: var(--fixed-feedback-z-index);padding-top: 20px; position: fixed; top: 30%; left: 50%; transform: translate(-50%); background-color: #fff; padding: 10px; border-radius: 20px;padding-top: 40px; box-shadow: 0px 2.1px 5.3px rgba(0, 0, 0, 0.057), 0px 6.9px 17.9px rgba(0, 0, 0, 0.083), 0px 31px 80px rgba(0, 0, 0, 0.14); }
.fixed_feedback.open { display: block;}
.fixed_feedback .close_quote_box {position: absolute;top: 10px;right: 10px;cursor: pointer;font-size: 30px;}
.fixed_feedback .feedback .feedback-desc{display: none;}

.feedback {width: 100%;}
.feedback .feedback-title{font-size: 26px;color: #000;text-align: center;font-weight: 900;}
.feedback .feedback-desc{font-size: 16px;color: #999;width: 80%;margin:0 auto;margin-top: 20px;text-align: center;}
.feedback form{flex-wrap: wrap;margin-top: 20px;padding:0 20px;justify-content: space-between;}
.feedback label{border-radius: 7px;background-color: #efefef;flex:0 0 calc(50% - 5px);padding:10px;margin-bottom:10px;border: 1px solid #efefef;}
.feedback label input{font-size: 15px;background-color: unset;margin-left: 10px;line-height: 20px;}
.feedback label i{color: #999;}
label.feedback-label-content{vertical-align: top;flex:0 0 100%}
label.feedback-label-content textarea{flex:auto;font-size: 15px;background-color: unset;margin-left: 10px;}
.feedback button[type="submit"]{width: 100%;background-color: var(--theme-color-1);text-align: center;line-height: 40px;color: #fff;font-weight: 900;border-radius: 7px;margin-top: 10px;}
.feedback .feedback-err{min-height:40px;color: var(--theme-color-1);margin-top: 5px;width: 100%;}
/* footer */
footer{width: 100%;background-color: #03132d;}
.footer-1{width: var(--content-min-width);padding:30px 0;margin:0 auto;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.footer-1-ul{flex-wrap: wrap;justify-content: space-between;}
.footer-1-li{flex:0 0 32%;}
.footer-1-li i{flex:0 0 60px;height: 60px;border-radius: 100%;background-color: var(--theme-color-1);color: #fff;font-size: 26px;position: relative;display: block;margin-right: 12px;}
.footer-1-li i::before{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.footer-1-li div{flex:auto}
.footer-1-li div p{font-size: 16px;color: #fff;margin-bottom: 7px;}
.footer-1-li div p a{font-size: 16px;color: #fff;margin-bottom: 7px;}
.footer-1-li div p:first-child{color: #465b77;}

.back-to-top {position: fixed;bottom: 50px;right:-40px;border: 2px solid rgba(0, 0, 0, 0.2);border-radius: 100%;justify-items: center;align-items: center;width:40px;height: 40px;z-index: var(--back-to-top-z-index);cursor: pointer;font-size: 20px;font-weight: 500;color: var(--theme-color-1);}
.back-to-top:hover{border-color: var(--theme-color-1);background-color: var(--theme-color-1);color: #fff;}
.back-to-top::before{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(-90deg);}
.back-to-top:hover::before{animation: back-to-topAnimation 1s infinite ease-in-out;}
@keyframes back-to-topAnimation { 0% {transform: translate(-50%, -50%) rotate(-90deg); } 50% { transform: translate(-50%, -70%) rotate(-90deg); } 100% { transform: translate(-50%, -50%) rotate(-90deg);} }
.foot-2 {width: var(--content-min-width);margin:0 auto;padding: 40px 0;}
.foot-2-l {flex: 0 0 50%;padding-right: 150px;}
.foot-2-l .header-nav-r-open-quote-button{margin-bottom: 20px;}
.foot-2-r {flex:1;}
.foot-2-l-social-media{}
.foot-2-l-social-media a{margin-right: 5px;}
.foot-2-title { font-size: 20px; font-weight: 900; margin-bottom: 20px; color: #fff; }
.foot-2-text{font-size: 18px;color: #fff;margin-bottom: 20px;}
.foot-2-r-item{flex:0 0 50%}
.foot-2-r-item ul{}
.foot-2-r-item li{}
.foot-2-r-item li a{color: #fff;line-height: 30px;font-size: 18px;}
.foot-3{width: 100%;background-color: var(--theme-color-1);color: #fff;text-align: center;font-size: 15px;line-height: 40px;}

.h1{font-size: 40px;color: #03132d;line-height: 50px;font-weight: 700;}
.h1 span{font-size: 40px;color: var(--theme-color-1);line-height: 50px;font-weight: 700;}
.h2{font-size: 20px;color: #000;line-height: 35px;font-weight: 700;}
.desc{font-size: 16px;color: #666;line-height: 30px;}
.subtitle{font-size: 18px;line-height: 30px;color: var(--theme-color-1);}

.a-button{border-radius: 20px; background-color: var(--theme-color-1); color: #fff; font-size: 15px; cursor: pointer; height: 40px; padding: 0 15px; position: relative; font-weight: 900;line-height: 36px;margin-right: 10px;;border: 2px solid var(--theme-color-1);box-shadow: 6px 6px 5px rgba(314, 32, 55, 0.2) ;} 
.a-button i{color: #fff;margin-right: 10px;}
.a-button:hover i{color: var(--theme-color-1);}
.a-button:hover{border: 2px solid var(--theme-color-1);background-color: #fff;color: var(--theme-color-1);}


.i-b-1{background-color: #f0f0f0;background-image: url(/wp-content/uploads/2024/05/item-bg.png) ;background-size: 100% 100%;}
.i-b-1-content{width:var(--content-min-width);margin:0 auto ;padding: 80px 0 300px;position: relative;}
.i-b-1-c-1{}
.i-b-1-c-1-l{padding-right: 30px;z-index: 1;}
.i-b-1-c-1-l .h1{margin-top: 10px;margin-bottom: 10px;}
.i-b-1-c-1-l .button_box{margin-top: 100px;}
.i-b-1-c-1-l .header-nav-r-open-quote-button{border: 2px solid var(--theme-color-1);background-color: #fff;color:  var(--theme-color-1);;}
.i-b-1-c-1-l .header-nav-r-open-quote-button i{color: var(--theme-color-1);}
.i-b-1-c-1-l .header-nav-r-open-quote-button:hover {background-color: var(--theme-color-1);color:#fff;}
.i-b-1-c-1-l .header-nav-r-open-quote-button:hover i{color:#fff;}
.i-b-1-c-1-r{flex:0 0 840px;}
.i-b-1-c-1-r img{width: 100%;}

.i-b-1-c-2{position: absolute;bottom: 60px;right:0px;z-index: 2;width: 80%;}
.i-b-1-c-2 ul{justify-content: right;}
.i-b-1-c-2 ul li{flex:0 0 32%;margin-right: 40px;padding:39px 30px 90px;background-color: #fff;box-shadow:0px 36px 32px -29px rgba(0, 0, 0, 0.29);position: relative;}
.i-b-1-c-2 ul li>div{width: 100%;margin-top: 20px;}
.i-b-1-c-2 ul li img{height: 60px;}
.i-b-1-c-2 ul li a{position: absolute;bottom: 40px;left:40px;color: #000;font-weight: 900;background-color: #fff;border-color: #fff;box-shadow: none;padding: 0 30px 0 0px}
.i-b-1-c-2 ul li a:hover{padding: 0 15px}
.i-b-1-c-2 ul li a i{color: var(--theme-color-1);margin-right: 5px;}

.i-b-2{}
.i-b-2-content{width:var(--content-min-width);margin:0 auto ;padding: 120px 0;justify-content: space-between;}
.i-b-2-c-l{flex:0 0 32%;padding-right: 4%;}
.i-b-2-c-l>img{margin-top: 20px;}
.i-b-2-c-l-items{margin-top: 20px;width: 160%;padding-right: 41%;;background-color: #f3f3f3;padding-bottom: 40px;;border-radius: 20px 0 0 0;margin-bottom: 40px;border:30px solid #f3f3f3;border-bottom:15px solid #fff;}

.i-b-2-c-r{flex:0 0 68%;position: relative;}


.i-b-2-c-l-items .h2 i{font-size: 20px;color: var(--theme-color-1);font-weight: 900;margin-right: 10px;}
.i-b-2-c-l-items li{margin-top: 7px;}
.i-b-2-c-l-items li i{color: var(--theme-color-1);font-size: 16px;margin-right: 10px;;}

.i-b-2-c-r-fixed{position: absolute;top: 0;right: 0;height: 100%;}
.i-b-2-c-r-fixed li{justify-content: right;align-items: center;}
.i-b-2-c-r-fixed li img{border: 5px solid #fff;border-radius: 100%;box-shadow:5px 4px 10px rgba(0, 0, 0, 0.38) ;width: 127px;}
.i-b-2-c-r-fixed li:hover img{border: 5px solid var(--theme-color-1);}
.i-b-2-c-r-fixed li p{flex:0 0 40px;padding-left: 8px;}


.i-b-2-c-r-fixed li:nth-child(3) p{flex:0 0  134px;}
.i-b-2-c-r-fixed li:nth-child(2n) p{flex:0 0  175px;}
.i-b-2-c-r-fixed li:nth-child(4n+1) p{flex:0 0  280px;}

.i-b-2-c-r-fixed li:nth-child(1) {margin-top:-55px}
.i-b-2-c-r-fixed li:nth-child(2) {margin-top:5px}
.i-b-2-c-r-fixed li:nth-child(3) {margin-top:30px}
.i-b-2-c-r-fixed li:nth-child(4) {margin-top:30px}
.i-b-2-c-r-fixed li:nth-child(5) {margin-top:7px}

.i-b-3{}
.i-b-3-c{}


.fullbox{width: var(--content-min-width);margin: 0 auto;}
.fullbox>.h1{text-align: center;margin-bottom: 20px;}
.fullbox>.desc{text-align: center;width: 40%;margin:0 auto 30px;line-height: 20px;}
.i-b-3{position: relative;--swiper-pagination-color: var(--theme-color-1);--swiper-preloader-color:var(--theme-color-1);padding-bottom: 60px;}
.i-b-3-c{}
.products_slide-pagination{text-align: center;margin-top: 35px;}
.products_slide .swiper-slide:hover .products_slide_thumb{border-color: var(--theme-color-1);}
.products_slide_thumb{position: relative;border: 1px solid #e3e3e3;width: 100%;justify-content: center;align-self: center;;}
.products_slide_thumb img{width: 100%;max-height: 100%;}
.products_slide_title{font-size: 20px;color: #333;height:54px;overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;margin-top: 10px;}
.products_slide_desc{font-size: 15px;color: #666;height:40px;overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;margin-top: 10px;}

.i-b-4 { height: 520px; position: relative; background-color: #; width: 100%; background-image: url("/wp-content/uploads/2025/07/logo_3-1.png"); background-repeat: no-repeat; background-position: 40px bottom; margin-top: 275px;}

.i-b-4-c-t {justify-content: space-between;width: 100%;position: relative;z-index: 2;width: var(--content-min-width);margin:50px auto;}
.i-b-4-c-t-l {width:664px;left: 0;position: absolute;padding-top: 94px;}
.i-b-4-c-t-l .swiper-slide{}
.i-b-4-c-t-l{
--swiper-theme-color: var(--theme-color-1);/* 设置Swiper风格 */
--swiper-navigation-color: var(--theme-color-1);/* 单独设置按钮颜色 */
--swiper-navigation-size: 30px;/* 设置按钮大小 */
}
.playbox.has-video{position: relative;cursor: pointer;}
.playbox.has-video img{width: 100%;}
.fixed_feedback#video iframe{width:100%;min-height: 500px;}

.playbox.has-video::after{position: absolute;top: 50%;left: 50%;content: "▲"; transform: translate(-50%, -50%) rotate(90deg);border-radius: 100%;height: 88px;padding-bottom: 7px;width: 95px;justify-content: center;align-items: center;;display: flex;align-self: center;background-color: var(--theme-color-1);  color: #fff;font-size: 25px;}

.playbox.has-video::before{position: absolute;top: 50%;left: 50%;content:"▲";transform: translate(-50%, -50%) rotate(90deg);border-radius: 100%;height: 95px;width: 95px; border: 8px solid rgba(255, 255, 255, 0.5);font-size: 25px;color:rgba(255, 255, 255, 0)}

.playbox.has-video:hover::before{box-shadow: 0 0 20px 10px var(--theme-color-1);}


.i-b-4-c-t-l .swiper-button{ justify-content: center;}
.i-b-4-c-t-l .swiper-button >div{position: unset;opacity: 1;width: auto;height: auto;margin:0 10px;margin-top: 30px;}
.i-b-4-c-t-l .swiper-button >div::after{border: 2px solid var(--theme-color-1);border-radius: 10px;padding:10px 20px;font-size:16px;}
.i-b-4-c-t-l .swiper-button >div[aria-disabled="false"]::after{background-color: var(--theme-color-1);color: #fff;;}
.i-b-4-c-t-l .swiper-button >div[aria-disabled="true"]::after{color: var(--theme-color-1);}

.i-b-4-c-t-r {width:781px;right: 0;position: absolute;background-color: #;padding-left: 170px;padding-top: 40px;padding-bottom: 40px;}
.i-b-4-c-t-r-1{border-left: 4px solid var(--theme-color-1);padding-left: 20px;width: 90%;}
.i-b-4-c-t-r-1>div{color: #;}
.i-b-4-c-t-r-1 .desc{margin-top: 5px;font-size: 20px;}
.i-b-4-c-t-r-2{margin-top: 30px;}
.i-b-4-c-t-r-2 ul{justify-content: space-between;}
.i-b-4-c-t-r-2 ul li{margin-top: 30px;align-items: start;}
.i-b-4-c-t-r-2 ul li img{flex:0 0 40px;height: auto;align-self: auto; padding-top: 7px;padding-right: 15px;}
.i-b-4-c-t-r-2-text {flex:0 0 75%;}
.i-b-4-c-t-r-2-text .desc {}
.i-b-4-c-t-r-3{margin-top: 60px;}

.i-b-4-c {position: absolute;bottom: 50px;left: 50%;transform: translateX(-50%);}
.i-b-4-c-b{width: 95%;margin:0 auto;}
.i-b-4-c-b ul {justify-content: space-between;}
.i-b-4-c-b ul li{flex:0 0 190px;}
.i-b-4-c-b ul li .h1{color: var(--theme-color-1);display: inline-block;position: relative;}
.i-b-4-c-b ul li .h1::after{content: "+";position: absolute;top: -20px;right: -20px;font-size: 28px;font-weight: 300;;}
.i-b-4-c-b ul li .desc{color: #;}

.i-b-5{padding: 80px 0;background-color: #f3f3f3;}
.i-b-5-c{}
.i-b-5-c>.desc{width: 53%;}
.i-b-5-c-ul{justify-content: space-between;margin-top: 90px;}
.i-b-5-c-ul li{flex:0 0 32%;background-color: #fff;;padding:30px 20px 60px;text-align: center;}
.i-b-5-c-ul li:hover{box-shadow:  0px 0px 80px rgba(0, 0, 0, 0.07)}
.i-b-5-c-ul li .i-b-5-c-img{justify-content: center;align-items: center;width: 90px;height: 90px;border-radius: 100%;background-color: #f3f3f3;margin: 0 auto;}
.i-b-5-c-ul li:hover .i-b-5-c-img{background-color: var(--theme-color-1)}
.i-b-5-c-ul li .i-b-5-c-img img{align-self: auto;width: 60%;transition: all 0s;}
.i-b-5-c-ul li:hover .i-b-5-c-img img{align-self: auto;width: 60%;filter:brightness(739%) contrast(153%) saturate(105%) hue-rotate(315deg)}
.i-b-5-c-ul li .h2{margin-top: 24px;}
.i-b-5-c-ul li .desc{margin: 50px 0;line-height: 24px;font-size: 14px;text-align: left;}

.i-b-6{}
.i-b-6 .a-button{margin-top: 30px;}
.i-b-6-c{padding:80px 0;background-image: url(/wp-content/uploads/2024/06/earth.png); background-repeat: no-repeat; background-position: 40px calc(100% - 65px);overflow: hidden;}
.i-b-6-c>div{flex:0 0 50%;}
.i-b-6-c>div img{width: 100%;}
.i-b-6-c-l{}
.i-b-6-c-l .h1{width: 70%;margin-bottom: 30px;}
.i-b-6-c-l .i-b-6-c-new-list{width: 70%;}
.i-b-6-c-l .i-b-6-c-new-list li {margin-top: 35px;border-bottom: 1px solid #e8e8e8;padding-bottom: 30px;}
.i-b-6-c-l .i-b-6-c-new-list li a{}
.i-b-6-c-new-list-time{font-size: 14px;color:#666666;}
.i-b-6-c-new-list-title{border-left: 3px solid var(--theme-color-1);font-size: 20px;color:#333;font-weight: 700;padding-left: 20px}
.i-b-6-c-new-list-desc{margin-top: 16px;font-size: 15px;color: #666;}


.i-b-6-c-r{height: 100%;}
.i-b-6-c-r .i-b-6-c-new-list{justify-content: space-between;align-self: socket_bind;height: 100%;}
.i-b-6-c-r .i-b-6-c-new-list li {flex:0 0 50%;background-color: #3d425b;color: #fff;;margin-top: 163px;height: 532px;position: relative;}
.i-b-6-c-r .i-b-6-c-new-list li::before {content: "+";background-color: #fff;color: #3d425b;border-radius: 100%;font-size: 23px;line-height: 42px;text-align: center;width: 42px;position: absolute;left: 20px;bottom: 20px;;}
.i-b-6-c-r .i-b-6-c-new-list li:hover::before {color: var(--theme-color-1);}
.i-b-6-c-r .i-b-6-c-new-list li:first-child {margin-top: 0px;}
.i-b-6-c-r .i-b-6-c-new-list li:hover {background-color: var(--theme-color-1);}
.i-b-6-c-r .i-b-6-c-new-list li a{color: #fff;display: block;height: 100%;}
.i-b-6-c-r .i-b-6-c-new-list-time{color: rgba(255, 255, 255, 0.5);margin: 18px;}
.i-b-6-c-r .i-b-6-c-new-list-title{color: #fff;margin: 18px;border-left: 0px;position: relative;padding-bottom: 30px;padding-left: 0;}
.i-b-6-c-r .i-b-6-c-new-list-title::after{position: absolute;content:" ";border: 1px solid #4e526b;width: 50%;bottom: 0;left: 0;}
.i-b-6-c-r li:hover .i-b-6-c-new-list-title::after{border: 1px solid #f9614c;}
.i-b-6-c-r .i-b-6-c-new-list-desc{color: #fff;margin: 18px;}
.i-b-6-c-new-list-image{height: 159px;}
.i-b-6-c-new-list-image img{height: 159px;}


.page-banner { margin-top: 149px; position: relative; }
.page-banner >img{width: 100%;}
.breadcrumbs-wrap{position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 100%;text-align: center;}
.breadcrumbs-wrap .title{width: 100%;text-align: center;color: #fff;font-size: 48px;height: 48px;}
.breadcrumbs {font-size: 18px;color: #fff;text-align: center;margin:0 auto;justify-content: center;margin-top: 30px;}
.breadcrumbs li{font-size: 18px;color: #fff;}
.breadcrumbs li a{font-size: 18px;color: #fff;}
.breadcrumbs li a:hover{color: var(--theme-color-1);}
.breadcrumbs li i{font-size: 18px;color: #fff;margin-right: 10px;}
/* product */
/* p-products */
.p-products-1{padding:60px 0;background-image: url(/wp-content/uploads/2024/05/item-bg.png);background-size: 100% 100%;;}
.p-products-1-c{justify-content: space-between;}
.p-products-1-c-l{margin-right: 120px;}
.p-products-1-c-l .title{margin-top: 25px;}
.p-products-1-c-l .desc{margin-top: 30px;}
.p-products-1-c-l .button_box{margin-top: 60px;}
.p-products-1-c-r{flex: 0 0 40%;}
.p-products-1-c-r img{width: 100%;}

.p-products-2{padding:60px 0}
.p-products-2-c{justify-content: space-between;align-items: start;}
.p-products-2-c-l{flex:0 0 340px;margin-right: 20px;border:1px solid #dcdcdc;box-shadow: 7px 7px 9px rgba(0, 0, 0, 0.07);}
.p-products-2-c-l-t{font-size: 30px;color: #fff;line-height: 68px;background-color: var(--theme-color-1);padding-left: 24px;font-weight: 700;}

.p-products-2-c-l-list{padding: 0 20px}
.p-products-2-c-l-list > li{border-bottom: 1px solid #e3e3e3;position: relative;}
.p-products-2-c-l-list > li span{font-size: 18px;color: #333333;line-height: 68px;justify-content: space-between;font-weight: 700;}
.p-products-2-c-l-list > li span a{font-size: 18px;color: #333333;line-height: 68px;;font-weight: 700;}
.p-products-2-c-l-list > li span i{transform:rotate(270deg);}
.p-products-2-c-l-list > li.active span i{transform:rotate(90deg);}
.p-products-2-c-l-list > li ul{display: none;transition: unset;}
.p-products-2-c-l-list > li ul li{}
.p-products-2-c-l-list > li ul li a{ padding:0 10px 10px 10px}

.p-products-2-c-r { flex: auto }
.p-products-2-c-r ul{justify-content: space-between;flex-wrap: wrap;padding-left: 20px;}
.p-products-2-c-r>ul>li{flex:0 0 49%;margin-bottom: 2%;border: 1px solid #ececec;border-radius: 3px;justify-content: space-between;background-image: url(/wp-content/uploads/2024/05/item-bg.png);background-size: 100% 100%;}
.p-products-2-c-r>ul>li:hover{box-shadow: 7px 7px 9px rgba(0, 0, 0, 0.07);}
.p-products-2-c-r>ul>li:hover .item-title{color: var( --theme-color-1);}
.item-image{flex:0 0 195px;padding:10px;justify-content: center;align-items: center;}
.item-image img{width: 100%;max-height: 100%;}
.item-text{flex:1;padding: 27px 0 80px ;position: relative;}
.item-text::before{content: " ";border-top: 5px solid var(--theme-color-1);position: absolute;top: 23px;left: 0;width: 57px;}
.item-title{margin-bottom: 25px;;}
.item-title,.item-title a{font-size: 20px;color:#333333;font-weight: 700;display: block;width: 100%;min-height:60px;padding:5px 10px 0}
.item-cat-list{margin-bottom: 15px;}
.item-text .a-button{position: absolute;bottom: 30px;left: 0;color: var(--theme-color-1);background-color: #fff;;}

.p-products-2-c-r>ul>li:hover .item-text .a-button {color: #fff;background-color: var(--theme-color-1);}
.p-products-2-c-r>ul>li .item-text .a-button i{color: var(--theme-color-1);}
.p-products-2-c-r>ul>li:hover .item-text .a-button i{color: #fff;}

.item-cat-list>li{margin-bottom: 15px;}
.item-cat-list>li a{font-size: 15px;color: #666666;}

.p-products-1-c-l .h1 { position: relative; }
.p-products-1-c-l .h1::before { content: " "; border-top: 0px solid var(--theme-color-1); position: absolute; top: -7px; left: 0; width: 57px; }
.p-products-1-c-l .h1.has-before::before { content: " "; border-top: 5px solid var(--theme-color-1); position: absolute; top: -7px; left: 0; width: 57px; }
/* category_product */
.products-list-2{padding: 60px 0;}
.products-list-2 .h1{margin-bottom: 40px;}
.products-list-2 .p-products-2-c-r>ul>li{background-image: unset;border: 1px solid #fff;position: relative;flex-wrap: wrap;}
.products-list-2 .p-products-2-c-r>ul>li:hover{background-image: unset;border: 1px solid #ececec;}
.products-list-2 .p-products-2-c-r>ul>li .item-text{padding-left: 15px;padding-top: 5px;}
.products-list-2 .p-products-2-c-r>ul>li .item-text::before{border-top: 0px;}
.products-list-2 .p-products-2-c-r>ul>li .item-text .item-title{margin-bottom: 5px;}
.products-list-2 .p-products-2-c-r>ul>li .item-image{flex: 0 0 100%}

.products-list-3-c-1 { margin-bottom: 60px; }
/* .products-list-3-c-2 { margin-bottom: 30px; } */
.products-list-3-c-1 .h1 { margin-bottom: 30px; }
.products-list-3-c-1 .desc { margin-bottom: 50px; }
.products-list-3-c-1 .desc p { margin-bottom: 20px; }
.h1.center { text-align: center; }
.products-list-3-c-2-box { margin-top: 60px; justify-content: space-between;}
.products-list-3-c-2-box-l { flex: 0 0 550px; justify-content: center; align-self: center;  }
.products-list-3-c-2-box-r .h2{margin-bottom: 20px;}
.products-list-3-c-2-box-r .desc{margin-bottom: 50px;}
.products-list-3-c-2-box-r { flex: auto; }
.products-list-3.bg-f4 .products-list-3-c-2-box.flex {flex-direction: row-reverse;    }
.products-list-3-c-2 {padding-top: 60px;}
.bg-f4{background-color: #f4f4f4;}
/* single_product */
.single-product {}
.single-product-b1-box {background-color: #f0f0f0; background-image: url(/wp-content/uploads/2024/05/item-bg.png); background-size: 100% 100%; }
.single-product-b1 {padding:60px 0;justify-content: space-between;}
.single-product-b1-l { overflow: hidden; flex: 0 0 580px; }
.single-product-b1-l .magic-image-box { justify-content: center;  margin-bottom: 10px;}
.single-product-b1-l .magic-image-box img { max-width: 100%; max-height: 100%; }
.mz-thumb {border: 1px solid #fff !important;;}
.mz-thumb-selected{border-color: var(--theme-color-1) !important;}

.single-product-b1-r {flex:0 0 740px}

.single-product-b1-r .h1 { border-left: 7px solid var(--theme-color-1); padding-left: 20px; margin-bottom: 30px; }
.single-product-b1-r .single-text{}
.single-product-b1-r .single-text-title{font-size: 18px;color: #333;margin-bottom: 25px;font-weight: 700;;}
.single-product-b1-r .single-text-con{font-size: 15px;color: #666;line-height: 30px;}
.single-product-b1-r .single-text-button{margin-top: 60px;}

.single-product-b2{padding: 60px 0 ;position: relative;}
.single-product-b2-top{position: sticky;top: 80px;background-color: #fff;left: 0;;width: 100%;;border-bottom: 1px solid #e2e2e2;padding-bottom: 20px;z-index: 2;}
.single-product-b2-top a{padding: 20px 60px;background-color: #f0f0f0;font-size: 18px;color:#000;}
.single-product-b2-top a.active{background-color: var(--theme-color-1);color: #fff;}
.single-product-b2-top a:hover{background-color: var(--theme-color-1);color: #fff ;}

.single-product-b2-content{width: 100%;padding:20px;overflow: hidden;}
.single-product-b2-content img{max-width: 100%;display: block;margin:20px 0;}

.single-product-b3{justify-content: space-between;padding:60px 0}

.single-product-b3 .pre-box,
.single-product-b3 .next-box{flex:0 0 48%}
.single-product-b3 .pre,
.single-product-b3 .next{display: inline-block;background-color: #fff;flex: 0 0 100%;padding: 10px;position: relative;font-size: 18px;color: #000;line-height: 54px;height: 74px;text-align: center;;background-color: #efefef;}
.single-product-b3 .pre:hover,
.single-product-b3 .next:hover{color: var(--theme-color-1);}

.single-product-b3 .pre::after,
.single-product-b3 .next::after{background-color: var(--theme-color-1);color: #fff;font-size: 18px;text-align: center;position: absolute;width: 140px;height: 54px;line-height: 54px  ;}

.single-product-b3 .pre::after{content: "Previous";left: 10px;}
.single-product-b3 .next::after{content: "Next";right: 10px;}

.single-product-b3 .pre::before,.single-product-b3 .next::before{width: 0;height: 0;position: absolute;}
.single-product-b3 .pre::before{content: ""; left:150px; border-left: 0px solid transparent; border-right: 24px solid transparent; border-bottom: 54px solid var(--theme-color-1); }
.single-product-b3 .next::before{content: " ";    right: 150px; border-left: 24px solid transparent; border-right: 0px solid transparent; border-bottom: 54px solid var(--theme-color-1); }


.single-product-b3 .pre{padding-left: 200px;}
.single-product-b3 .next{padding-right: 200px;}
.i-b-3.single .h1{padding-top: 60px;}



/* category_blog */
.blog-list-b-1{padding:60px 0}
.blog-list-b-1-c{    background-image: url(/wp-content/uploads/2024/06/earth.png); background-repeat: no-repeat; background-position: right ;}
.blog-list-b-1-l{flex:0 0 750px;margin-right: 40px;height:400px;}
.blog-list-b-1-l a{display: block;width: 100%;position: relative;height: 100%;}
.blog-list-b-1-l img{display: block;width: 100%;position: absolute;height: 100%;}
.blog-list-b-1-l p{position: absolute;width: 100%;background-color: rgba(0, 0, 0, 0.7);line-height: 35px;padding:10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;left: 0;bottom: 0;;color: #fff;font-weight: 900;font-size: 18px;}
.blog-list-b-1-l:hover p{color: var(--theme-color-1)}
.i-b-6-c-new-list-read-more{margin-top: 15px;font-weight: 700;color: #000;;}
.i-b-6-c-new-list-read-more:hover{color: var(--theme-color-1);}
.i-b-6-c-new-list-read-more i{color: var(--theme-color-1);margin-right: 5px;font-weight: 700;}
a:hover .i-b-6-c-new-list-title{color: var(--theme-color-1);}
.blog-list-b-1-r{flex: 1;}
.blog-list-b-1-r li{margin-bottom: 15px;}
.blog-list .single-product-b2-top { width: var(--content-min-width); padding-bottom: 0; }

.blog-list-b-2{}
.blog-list-b-2 ul{}
.blog-list-b-2 ul li{padding:50px 0;border-bottom: 1px solid #ccc;}
.blog-list-b-2 ul li a{justify-content: top;align-items:flex-start;}
.blog-list-b-2-post-day{flex:0 0 78px;border-right: 1px solid #ccc;font-size: 50px;color: #999;font-weight: 900;}
.blog-list-b-2-post-year{font-size: 16px;flex:0 0 137px;padding: 10px 20px;;color: #999;font-weight: 700;}
.blog-list-b-2-post-year i{display: block;font-size: 16px;margin-top: 5px;;color: #999;}
.blog-list-b-2-post-img{flex:0 0 400px}
.blog-list-b-2-post-detail{padding-left: 30px;flex:1}
.blog-list-b-2-post-detail-cat{padding:10px 0px;display: inline-block;color: #999;font-weight: 700;}
.blog-list-b-2-post-detail .i-b-6-c-new-list-title{border-left: 0;padding-left: 0;}
/* single_blog */
.single-blog{}
.single-blog-c{}
.single-blog-c-b-1{padding: 60px 0}
.single-blog-c-b-1 h1{text-align: center;}
.single-blog-c-b-1 .summary span{margin-right: 15px;}
.single-blog-c-b-1 .summary{padding: 12px 0;
text-align: center;
margin: 20px 0 30px;
font-size: 16px;
color: #595959;
border-bottom: 1px dashed #000000;
}
.single-blog-c-b-1 .single-blog-content{font-size: 16px;line-height: 24px;}
.single-blog-c-b-1 .single-blog-content img{max-width: 100%;display: block;margin: 10px 0;}
.single-blog-c-b-1 .single-blog-content iframe{max-width: 100%;display: block;margin: 10px 0;}
/* category_video */
.video-list-b-2 { padding: 60px 0 }
.video-list-b-2 ul { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; }
.video-list-b-2 ul li { border: 1px solid #d8d8d8; overflow: hidden; }
.video-list-b-2 ul li a { display: block; }
.video-list-b-2 ul li .i-b-6-c-new-list-read-more { margin-top: 0; }
.video-list-b-2-post-img { position: relative; width: 100%;height: 273px;}
.video-list-b-2-post-img img{ width: 100%;height: 100%; }
.video-list-b-2-post-img::after { position: absolute; top: 50%; left: 50%; content: "▲"; transform: translate(-50%, -50%) rotate(90deg); border-radius: 100%; height: 88px; padding-bottom: 7px; width: 95px; justify-content: center; align-items: center; ; display: flex; align-self: center; background-color: var(--theme-color-1); color: #fff; font-size: 25px; }
.video-list-b-2-post-img::before { position: absolute; top: 50%; left: 50%; content: "▲"; transform: translate(-50%, -50%) rotate(90deg); border-radius: 100%; height: 95px; width: 95px; border: 8px solid rgba(255, 255, 255, 0.5); font-size: 25px; color: rgba(255, 255, 255, 0) }
.video-list-b-2 ul li:hover .video-list-b-2-post-img::before { box-shadow: 0 0 20px 10px var(--theme-color-1); }
.video-list-b-2-post-detail { justify-content: space-between; padding:10px}
.video-list-b-2-post-detail .video-list-b-2-post-year{line-height: 39px;}
.video-list-b-2-post-detail span {box-shadow:none}
.video-list-b-2 ul li:hover .video-list-b-2-post-detail span i{color: #fff;;}
.video-list-b-2 ul li:hover .video-list-b-2-post-detail span i{}
.video-list-b-2 ul li .video-list-b-2-post-detail span{color:#fff;background-color: #999999;border-color: #999999;;}
.video-list-b-2 ul li:hover .video-list-b-2-post-detail span{color:#fff;background-color: var(--theme-color-1);border-color:  var(--theme-color-1);}
.video-list-b-2 ul li .i-b-6-c-new-list-title{border-left: 0px;padding:10px;}
.video-list-b-2 ul li .i-b-6-c-new-list-desc{border-bottom: 1px solid #ccc;word-wrap:break-word  ;padding: 10px;margin-top: 0;overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;height: 61px;}
/* single_video */
/* search */
/* page-about-us */
.about-3 {padding:60px 0}
.about-3 .h1 {}
.about-3 .desc {width: 63%;margin-bottom: 60px;}
.about-3 ul li img {width: 100%;}
.about-3 ul li p {background-color: #f3f3f3;font-size: 24px;color: #000;text-align: center;padding:15px 0;}

.timeline-container { position: relative; margin: 60px auto; padding: 100px 0; }
.timeline { position: absolute; width: 4px; background-color: #ddd; top: 0; bottom: 0; left: 20%; margin-left: -2px; }
.timeline::after { content: " "; background: linear-gradient(to bottom right, #d7d7d7, #9a9a9a); height: 22px; width: 22px; border: 2px solid #fff; border-radius: 100%; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); }
.timeline::before { content: " "; background: linear-gradient(to bottom right, #d7d7d7, #9a9a9a); height: 22px; width: 22px; border: 2px solid #fff; border-radius: 100%; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); }
.timeline-item { position: relative; width: 80%; padding: 20px 0; box-sizing: border-box; display: flex; align-items: center; }
.timeline-item-content { background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); width: 75%; margin-left: 30%; z-index: 2; }
.timeline-item-content img { width: 100%; border-radius: 8px; margin-bottom: 10px; margin-right: 20px; }
.timeline-item-content p { margin: 0; font-size: 0.9em; line-height: 1.5em; }
.timeline-item::after { content: " "; background: linear-gradient(to bottom, #d7d7d7, #9a9a9a); height: 4px; width: 200px; position: absolute; top: 7%; left: 15%; z-index: 1; }
.timeline-item-content::after { content: " "; background:#dd1d21 ; height: 12px; width: 12px; border: 2px solid #fff; border-radius: 100%; position: absolute; top: 5%; left: 25%; transform: translateX(-50%); }
.timeline-item::before { content: attr(data-year); position: absolute; width: 60px; height: 60px; background-color: #dd1d21; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.2em; font-weight: bold; left: 15%; top: 7%; transform: translateY(-50%); z-index: 2; }


.about-3 ul  {justify-content: space-between;}
.about-3 ul li {margin-bottom: 40px;}
.about-3 ul.about-3-ul1 li {flex:0 0 48%}
.about-3 ul.about-3-ul2 li {flex:0 0 31%}
.page-qc-block1 {}
.page-qc-block1-item { padding: 60px 0 }
.page-qc-block1-item-c {padding-bottom: 40px;}
.page-qc-block1-item-c-l {position: relative;}
.page-qc-block1-item-c-l .h1{margin-bottom: 40px;}
.page-qc-block1-item-c-l .header-nav-r-open-quote-button{position: absolute;bottom: 0;;}
.page-qc-block1-item:first-child .page-qc-block1-item-c { flex-direction: row-reverse; }
.page-qc-block1-item:nth-child(3) .page-qc-block1-item-c { flex-direction: row-reverse; }
.page-qc-block1-item:first-child { background-color: #f0f0f0; }
.page-qc-block1-item:nth-child(3) { background-color: #f0f0f0; }
.page-qc-block1-item:nth-child(2)   .page-qc-block1-item-c-l { flex: auto; padding-right: 60px;padding-left: 0; }
.page-qc-block1-item-c-l { flex: auto; padding-left: 60px; }
.page-qc-block1-item-c-r { flex: 0 0 642px; }
.page-qc-block1-item-c-r img { width: 100%; }

.about{}
.about-block1{padding:60px 0;}
.about-block1 .subtitle{text-align: center;}
.about-block1 .h1{}
.about-block1 .desc{width: 100%;font-size: 15px;color: #666;text-align: left;line-height: 26px;}
.about-block1-b{}
.about-block1-b-l{flex:0 0 600px}
.about-block1-b-r{flex:1;padding-left: 25px;position: relative;padding-bottom:60px;}
.about-block1-b-r-t{font-size: 15px;color: #666;line-height: 26px;}
.about-block1-b-r-t p{font-size: 15px;color: #666;line-height: 26px;margin-bottom: 20px;}
.about-block1-b-r-b{position: absolute;bottom: 0;}

.about-2{padding: 60px 0;background-image:url(/wp-content/uploads/2024/06/About-AboutHoch_06.jpg) ;}
.about-2-c{}
.about-2-c .h1{color: #fff;width: 730px;margin:0 auto 60px;}
.about-2-c ul{}
.about-2-c li{text-align: center;}
.about-2-c li .about-2-c-li-t{border: 2px solid #fff;border-radius: 100%;text-align: center;height: 243px;width: 243px;padding-top: 50px;margin:0 auto;}
.about-2-c li:hover .about-2-c-li-t{border: 2px solid var(--theme-color-1);background-color: var(--theme-color-1);}
.about-2-c li div p{font-size: 20px;color: #fff;margin: 30px auto 0;}
.about-2-c li p{margin: 30px auto 0;font-size: 15px;color: #fff;width: 80%;text-align: center;}




.about-nav .single-product-b2-top{width:var(--content-min-width);background-color: #f4f4f4;}

.bg-f{background-color: #fff;}

.page-qa{background-color: #efefef;}
.page-qa-c{padding:60px 0;}
.page-qa-c .h1{}
.page-qa-c .desc{}
.page-qa-c ul{ display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 80px;;margin-top: 110px;position: relative;background-image: url(/wp-content/uploads/2024/06/About-Qualification_03-1.jpg);background-repeat: no-repeat;background-position: bottom;background-size:  100% auto;   padding: 0px 140px 50px 40px;width: calc(100% + 100px);}
/* .page-qa-c ul::before{content:"";background-image: url(/wp-content/uploads/2024/06/About-Qualification_03-2.jpg);position: absolute;background-repeat:no-repeat} */
/* .page-qa-c ul::after{content:"";background-image: url(/wp-content/uploads/2024/06/About-Qualification_07-1.jpg);position: absolute;background-repeat:no-repeat} */
.page-qa-c li{text-align: center;}
.page-qa-c li img{display: block;margin:0 auto;position: relative;}
/* .page-qa-c li img::before{content:" ";width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.3);position: absolute;left: 0;right: 0;} */
.page-qa-c li p{border: 4px solid #fff;border-radius: 20px;display: inline-block;padding:10px 30px;margin:30px  auto 0;}
/* .page-qa-c li:hover p{border: 4px solid var(--theme-color-1);color: #fff;background-color: var(--theme-color-1);} */
/* page-contact-us */
.contact-info { padding: 60px 0 0; display: flex; justify-content: center; justify-content: space-between; }
.contact-item { flex: 0 0 32%; padding: 60px 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 10px; text-align: center; }
.contact-item:hover {background-color: var(--theme-color-1);    }
.contact-item:hover p{color: #fff;}
.contact-item:hover a{color: #fff;}
.contact-item:hover h3{color: #fff;}
.contact-item img { width: 50px; margin-bottom: 30px; }
.contact-item h3 { font-size: 24px; color: #333; margin-bottom: 20px; }
.contact-item p { margin: 20px auto; font-size: 14px; max-width: 80%; color: #333; }
.contact-info-title{text-align: center;padding:60px 0 0 }
.contact-info-title .h1{margin-bottom: 30px;}
/* page-service */
.services { padding: 60px 0; display: flex; flex-wrap: wrap; gap: 20px; }
.service { background: #f9f9f9; padding: 20px; border-radius: 8px; flex: 1 1 calc(50% - 20px); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); position: relative; }
.service img { height: 50px; }
.service h3 { font-size: 1.2em; margin: 10px 0; }
.service p { font-size: 0.9em; line-height: 1.4em; }
.service-number { position: absolute; bottom: 20px; right: 20px; font-size: 4em; color: rgba(0, 0, 0, 0.1); font-weight: bold; }
.service-2{padding:60px 0;}
.service-2-c{border:1px solid #f3f3f3;padding: 30px 60px;}
.service-2-c label {margin-bottom: 20px;}
.service-2-c input {line-height: 35px !important;}
.service-2-c i {line-height: 35px !important;}
.service-2-c label.feedback-label-content textarea {line-height: 35px !important;}

.i-b-6 .i-b-6-c-r li:hover .i-b-6-c-new-list-title{color:#fff;}
.i-b-6 .i-b-6-c-r  a:hover .i-b-6-c-new-list-title{color:#fff !important;}
a:hover .i-b-6-c-new-list-title{}

.single-product-b2-content-box{font-size: 16px;}
.single-product-b2-content-box p{font-size: 16px;}
.single-product-b2-content-box strong{font-size: 16px;}
.single-product-b2-content-box table tr,.single-product-b2-content-box table td{border: 1px solid;padding:5px}
.super_table{max-width: 100%;overflow-x: auto;}

.super_table table{border-spacing: 0px;border-collapse: collapse;}
.super_table tr,
.super_table td{
    border: 1px solid #ccc !important;border-spacing: 0px;border-collapse: collapse;
}

.wp-pagenavi {
    margin: 30px 0;
    font-size: 16px;
}

.wp-pagenavi {
    text-align: center;
    line-height: 24px;
}

.wp-pagenavi {
    width: 100%;
}

.wp-pagenavi>span,
.wp-pagenavi>a {
    position: relative;
    display: inline-block;
    padding: .5rem 0.875rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #444;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.wp-pagenavi a:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.wp-pagenavi>.current {
    color: #fff;
    background-color: var(--theme-color-1);
    border-color: var(--theme-color-1);
}
.text-center{text-align: center;}
@media (max-width:1200px) {
    .p-products-2-c-l{ display: none;}
}