/*
Theme Name:Sanitek Theme
Theme URI:  https://eastdigi.com/
Author: the East Digi Marketing Team
Author URI:  https://eastdigi.com/
Version: 1.0
*/
body{
    overflow-x: hidden;
    position: relative;
	font-family: 'Roboto-Light';
	font-size: 16px;
	color: #333;
	/* max-width: 1920px;margin-left: auto;margin-right: auto; */
}
h1,h2{
	font-family: 'Roboto-Bold';position: relative;
}
h3{font-family: 'Roboto-Medium';position: relative;}
ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
a:active,a:link,a:focus,a:visited{
    text-decoration: none;
}
input,
textarea,
select,
button {
	border: 0;
	outline: none;
}
.wrapper {
    width: 1362px;margin: 0 auto;position: relative;
}
.page-width{
	width: 1800px;margin: 0 auto;position: relative;
}
.wrappers{
	margin: 0 auto !important;float: none !important;position: relative !important;width: 1395px !important;
}
.col-xs-5th, .col-sm-5th, .col-md-5th, .col-lg-5th {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}
.btn{
	color: #333333;
	display: inline-block;
	text-decoration: none;
	position: relative;
	z-index: 1;
	font-size: 18px;
	overflow: hidden; 
	transition: all .3s;
	padding: 15px 30px;
	background: #fd9d0b;
	border: 1px solid #fd9d0b;
	outline: none !important;
	border-radius: 6px;
	font-family:"Roboto-Regular";
}
button{font-size: 18px;font-family:"Roboto-Regular";color: #333;}
.btn:hover{
	outline: 0;color:  #fd9d0b;border-color: #fd9d0b;background: #fff;
}
.btn:hover::after{
	width: 100%;
}
.btn i{font-size: 16px;margin-right: 10px;}
.btn::after{
	content: "";position: absolute; left: 0; bottom: 0; width: 0; height: 100%;background: #fff;transition: all 0.3s ease-in-out;z-index: -1;
}
.btn-red{background: #b4202b;color: #fff;}

@media ( min-width : 768px) {
	.col-sm-5th {
		width: 20%;
		float: left;
	}
}
@media ( min-width : 992px) {
	.col-md-5th {
		width: 20%;
		float: left;
	}
}
@media ( min-width : 1200px) {
	.col-lg-5th{
		width: 20%;
		float: left;
	}
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('/wp-content/themes/tecon/assets/fonts/Roboto-Regular.eot');
    src: url('/wp-content/themes/tecon/assets/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/tecon/assets/fonts/Roboto-Regular.woff2') format('woff2'),
        url('/wp-content/themes/tecon/assets/fonts/Roboto-Regular.woff') format('woff'),
        url('/wp-content/themes/tecon/assets/fonts/Roboto-Regular.ttf') format('truetype'),
        url('/wp-content/themes/tecon/assets/fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Roboto-Bold';
    src: url('/wp-content/themes/tecon/assets/fonts/Roboto-Bold.eot');
    src: url('/wp-content/themes/tecon/assets/fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/tecon/assets/fonts/Roboto-Bold.woff2') format('woff2'),
        url('/wp-content/themes/tecon/assets/fonts/Roboto-Bold.woff') format('woff'),
        url('/wp-content/themes/tecon/assets/fonts/Roboto-Bold.ttf') format('truetype'),
        url('/wp-content/themes/tecon/assets/fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url('/wp-content/themes/tecon/assets/fonts/Roboto-Medium.eot');
    src: url('/wp-content/themes/tecon/assets/fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/tecon/assets/fonts/Roboto-Medium.woff2') format('woff2'),
        url('/wp-content/themes/tecon/assets/fonts/Roboto-Medium.woff') format('woff'),
        url('/wp-content/themes/tecon/assets/fonts/Roboto-Medium.ttf') format('truetype'),
        url('/wp-content/themes/tecon/assets/fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Roboto-Light';
    src: url('/wp-content/themes/tecon/assets/fonts/Roboto-Light.eot');
    src: url('/wp-content/themes/tecon/assets/fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/tecon/assets/fonts/Roboto-Light.woff2') format('woff2'),
        url('/wp-content/themes/tecon/assets/fonts/Roboto-Light.woff') format('woff'),
        url('/wp-content/themes/tecon/assets/fonts/Roboto-Light.ttf') format('truetype'),
        url('/wp-content/themes/tecon/assets/fonts/Roboto-Light.svg#Roboto-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

.flex{
    display: flex;
	display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
}
#menu{
    display: none;z-index: 555;
}
#menu.mm-opened,#caidan.mm-opened {
    display: block;
}
.mobile-bar{
	display: none;
}
.pc_none{
	display: none;
}
.swiper{
	position: relative;overflow: hidden;
}
/*解决模态框显示后页面偏移问题和背景颜色变黑问题*/
body.modal-open {
	overflow-y: auto !important;
	padding-right: 0 !important;
}
.modal-backdrop {
  opacity: 0 !important;
  filter: alpha(opacity=0) !important;
  display: none;
}
#exampleModal{
	padding-right: 0 !important;
}
/* search  模态框 */
.sear{
	cursor: pointer;
}
.modal{
	z-index: 999999;
}
.serch-home .modal-lg {
    width: 100%!important;
    margin-top: 0px!important;
    margin-left: 0px;
    max-width: 100%;
}
.fade.show {
    opacity: 1;
    background: rgba(51, 51, 51, 0.5);
}
.serch-home .modal-content {
    min-height: 260px;
    border-top: 0;
    border-radius: 0px;
    background: rgba(51, 51, 51, .7);
}
button.close {
    -webkit-appearance: none;
    padding: 15px;
    cursor: pointer;
    background: 0 0;
    border: 0;
    font-size: 31px!important;
    font-weight: 100;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
}
.serch-home .form-p {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 900;
    padding-right: .625rem;
    padding-left: .625rem;
    padding-top: 3%;
    padding-bottom: 3%;
    color: #fff!important;
    width: 90%;
}
.serch-home form#searchform {
    border: none!important;
    margin: 0!important;
    padding-right: .625rem;
    padding-left: .625rem;
    position: relative;
    color: #fff!important;
}
.serch-home input#s {
    color: #fff!important;
    background: none;
    border: none;
    border-bottom: 2px solid #fdfdfd;
    font-weight: 900;
    padding: 6px 0 20px 0;
    height: auto;
    text-transform: lowercase;
    font-size: 30px;
    border-color: #fff!important;
    width: 100%;
}
.serch-home button.search-submit.search-btn {
    right: 10px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 40px;
    top: 16px;
    outline: 0;
    background: none!important;
    font-size: 38px;
    padding: 0!important;
    z-index: 4;
    cursor: pointer;
    color: #fff;
    overflow: hidden;
    position: absolute;
    border: none;
}
.serch-home form#searchform {
    border: none!important;
    margin: 0!important;
    padding-right: .625rem;
    padding-left: .625rem;
    position: relative;
    color: #fff!important;
}
.serch-home #searchform input{
	outline: none !important;
}
/* header */
header.affix,.affix-bottom{left: 0;right: 0;top: 0; z-index: 99999; background: #fff;    box-shadow: 0px 0px 26px 0px 
		rgba(0, 0, 0, 0.08);position: fixed !important;}
.header-shadow {
    box-shadow: 0px 0px 26px 0px rgba(0,0,0,0.08);
}
.ubermenu-nav >li{position: relative !important;}
.ubermenu-nav >li > a{padding: 30px 25px !important;position: relative !important;}
.ubermenu-nav >li > a > span{font-size: 20px; color: #333 !important;transition: all .3s !important;}
.ubermenu-nav >li a i{color: #333;transition: all .3s !important;}
.ubermenu-nav> li:hover >ul{display: block !important;}
.ubermenu-nav li a:hover span{transition: all .3s !important;color: #b4202b !important;}
.ubermenu-nav li a:hover i{transition: all .3s !important;color: #b4202b !important;}
.ubermenu-submenu-id-257{width: 100% !important;position: fixed !important;top:95px !important;background: #fff !important; padding: 20px 140px !important;  display: none !important;}
.ubermenu-custom-content h3{margin-top: 0px !important;}
.ubermenu .ubermenu-item-type-column>.ubermenu-submenu-type-stack>.ubermenu-item-normal:first-child{margin-top: 0px !important;}
.ubermenu-submenu a span{color: #333 !important;font-size:18px !important;}
.ubermenu-target-with-image .ubermenu-target-title{text-align: center !important;}
.ubermenu-submenu-id-309,.ubermenu-submenu-id-618,.ubermenu-submenu-id-258,.ubermenu-submenu-id-262,.ubermenu-submenu-id-504,.ubermenu-submenu-id-535{top: 75px !important;background: #fff !important; min-width: 250px !important; padding: 0px !important;z-index: 555;display: none!important;}
.ubermenu-submenu-id-309 >li,.ubermenu-submenu-id-618 >li,.ubermenu-submenu-id-258 >li,.ubermenu-submenu-id-262 >li,.ubermenu-submenu-id-504 >li,.ubermenu-submenu-id-535 >li{float: inherit !important;}
.ubermenu-nav a:focus{outline: none !important;}
.hea-left h1{margin-top: 0px;margin-bottom: 0px;}
.hlogo{max-width: 190px;height: auto;}
.hea-box{align-items: center;justify-content: space-between;height: 114px;}
.navlist >li >a{position:relative;display: block;font-size: 20px;font-family: "Roboto-Light";color: #333333;margin-left: 20px;margin-right: 20px;}
.sub-menu-toggle{display: none;}
.hlan >img{margin-right:12px; width: 22px;height: 22px;}
.hea-right >div {margin-left:38px;}
.hea-right >div:first-child{margin-left:0px;}
.hea-right >div a,.hea-right >div span{font-size: 20px;color: #333;cursor: pointer;}
.hlan{align-items: center;justify-content: center;font-family:"Roboto-Regular";}
.hform a{font-size: 22px;color: #ffffff !important;background:#b4202b;border-radius: 6px;padding: 16px 30px;overflow: hidden;position: relative;transition: all .3s;}
.hform a::after{ content: ""; position: absolute;right: 0;bottom: 0;width: 0;height: 0; border-style: solid; border-width: 0 0 20px 20px; border-color: transparent transparent #fff transparent; }
.hform a:hover{background: #fd9d0b;}
.banner .options { display: flex; flex-direction: row;align-items: stretch;overflow: hidden;max-width: 100%;width:100%;height: 700px;}
.banner .option,.hp1-list{background-size:cover !important;background-repeat: no-repeat !important;background-position: center !important;}
.banner .option {position: relative; overflow: hidden; max-width:140px;cursor: pointer; transition: 0.9s cubic-bezier(0.05, 0.61, 0.41, 0.95);}
.banner .option:not(.active) .labels >div{max-width:100px;width:100%}
.banner .option.active {flex-grow: 10000;max-width: 100%;margin: 0px;background-size: auto 100%;}
.banner .option.active .labels{padding-left:50px;}
.banner .option.active .icon p{opacity: 0;} 
.banner .labels{position: relative;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height:100%;display: grid; align-content: space-between;}
.banner .info{margin-bottom: 70px;}
.banner .icon{margin-top: 40px;}
.banner .icon big{font-size: 22px;color: #ffffff;}
.banner .icon p{color: #ffffff;font-size: 24px;}
.banner .option.active .labels .info>div { left: 0px; opacity: 1;}
.banner .main h3{font-size: 60px;color: #ffffff;}
.banner .sub{font-size: 36px;color: #ffffff;margin-top: 15px;margin-bottom: 35px;}
.banner .option:not(.active) {flex-grow: 1;}
.banner .option:not(.active) .labels { padding-left: 14px;padding-right: 14px;}
.banner .option:not(.active) .shadow,.hp1-list:not(.active) .shadow{ position: absolute;left: 0; right: 0;width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7);transition: all .3s;}
.banner .option:not(.active):hover .shadow,.hp1-list:not(.active):hover .shadow{background: rgba(0, 0, 0, 0.9);transition: all .3s;}
.banner .option.active .shadow,.hp1-list.active .shadow{position: absolute;left: 0; right: 0;width: 100%; height: 100%; background: rgba(0, 0, 0, 0.35);top: 0;bottom: 0;}
.banner .option:not(.active) .labels .info>div { opacity: 0;}
.mobile-banner{display: none;}
.tbox-center{text-align: center;}
.tbox{max-width: 1100px;margin-left:auto;margin-right:auto;}
.title{font-size: 40px;color: #333333;margin-bottom: 20px;}
.tbox p{font-size: 20px;line-height: 32px;color: #333333;}
.hp1-mobile{display: none;}
.hp1-item {display: flex;flex-direction: row;align-items: stretch;overflow: hidden;width: 100%;height: 550px;margin-top: 35px;}
.hp1-list {position: relative;overflow: hidden;margin-right: 5px;cursor: pointer;border-radius: 6px;flex: 0 0 150px;transition: flex-basis 1.2s cubic-bezier(0.05,0.61,0.41,0.95);will-change: flex-basis;}
.hp1-list::before{content: "";position: absolute; inset: 0; background-image: inherit; background-size: cover;background-position: center;background-repeat: no-repeat;
 transform: scale(1); transition: transform 1.2s cubic-bezier(0.05, 0.61, 0.41, 0.95);will-change: transform;z-index: 0;}
.hp1-list.active::before{ transform: scale(1.03); }
.hp1-list.active{ flex-grow: 1;flex-basis: calc(100% - ((150px + 5px) * (var(--hp1-count) - 1)));}
.hp1-list:not(.active){ flex-grow: 0; flex-basis: 120px;}
.hp1-list:not(.active) .hp1-txt {display: none;}
.hp1-box{padding: 50px 38px;position: relative; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; display: grid;z-index: 1;}
.hp1-list:not(.active) .hp1-box{padding: 15px;align-items: center;}
.hp1-before{font-size: 20px;color: #ffffff;position: relative;max-width: 110px;}
.hp1-list.active .hp1-box{display: block;}
.hp1-list.active .hp1-before{display: none;}
.hp1-txt h3{font-size: 30px;color: #333333;margin-top: 0;margin-bottom: 30px;}
.hpart1{margin-top: 90px;margin-bottom: 120px;}
.hp1-btn{margin-top: 60px;}
.hp2-swiper{overflow: inherit;padding-bottom: 100px;}
.hpart2{background: #f1f1f1;position: relative;padding-top: 70px;padding-bottom: 90px;}
.hpart2::before{  content: ""; position: absolute; max-width: 1046px; height: 40px; background: #f1f1f1;top: -40px; left: 0; clip-path: polygon(4% 0, 96% 0, 100% 100%, 0 100%);margin-left: auto;margin-right: auto;text-align: center;right: 0;}
.hp2-item{margin-top: 35px;}
.hp2-img{border-radius: 6px;overflow: hidden;}
.hp2-img img{width: 100%;}
.hp2-box{position: relative;}
.hp2-txt {max-width:600px;height: 404px;background-color: #ffffff;position: absolute;left: 50px; bottom: -90px;padding: 55px 45px;box-shadow: 0px 0px 49px rgba(0, 0, 0, 0.1); clip-path: polygon(0 0, 100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,  0 100% );}
.hp2-txt h3{font-size: 30px;font-family: Roboto-Bold;color: #333333;margin-top: 0;margin-bottom: 20px;}
.hp2-txt p{font-size: 20px;line-height: 32px;color: #7d7d7d;margin-bottom: 30px;}
.hp2-btns{position: relative; width: 140px;margin-left: auto; height: 44px; margin-top: 60px;}
.hp2-prev,.hp2-next,
.hp3-prev,.hp3-next,
.catep2-prev,.catep2-next,
.cus-prev,.cus-next{width: 44px;height: 44px;border-radius: 50%;background: #fd9d0b;opacity: 1 !important;}
.hp2-btns .swiper-button-disabled,
.hp3-btns .swiper-button-disabled,
.catep2-btns .swiper-button-disabled{background: transparent;}
.hp2-prev::after,.hp3-prev::after,.catep2-prev::after,.cus-prev::after{content:"\f060";font-family: var(--fa-style-family, "Font Awesome 6 Free");font-weight: 600;font-size: 16px;color: #333333;}
.hp2-next::after,.hp3-next::after,.catep2-next::after,.cus-next::after{content:"\f061";font-family: var(--fa-style-family, "Font Awesome 6 Free");font-weight: 600;font-size: 16px;color: #333333;}
.hpart3{background:url(/wp-content/uploads/2025/11/Projects-Over-The-World-BG.jpg);background-size:cover !important;background-repeat: bottom !important;background-position: center !important;padding-top: 90px;padding-bottom: 90px;}
.hpart3 h2{margin-top: 0;}
.hp3-img img{margin-left:auto;}
.hp3-txt h3{margin-top: 0;font-size: 36px;color: #333333;font-family: "Roboto-Bold";}
.hp3-txt p{	font-size: 18px;line-height: 30px;color: #333333;margin-top:30px;margin-bottom:40px;}
.hp3-list{align-items: stretch;justify-content: space-between;background: #fff;border-radius: 6px;overflow: hidden;position: relative;}
.hp3-left{width:45%;display: grid;align-items: center;    position: relative;}
.txt-swiper{display: grid;align-content: center;height: 100%;}
.hp3-right{width:55%;}
.hp3-right img{margin-left: auto;}
.hp3-txt{padding: 0 65px;}
.hp3-item{margin-top: 35px;}
.hp3-btns{position: absolute;width: 150px;height: 44px; bottom: 50px;right: 80px;}
.hp3-left swiper{height: 100%;display: grid;align-content: center;}
.hp4-box{max-width: 640px; margin-left: auto; background: #b4202b; border-radius: 6px; padding: 60px 50px;position: relative;clip-path: polygon(0 0, 100% 0, 100% calc(100% - 55px), calc(100% - 55px) 100%, 0 100%);}
.hpart4{background: url(/wp-content/uploads/2025/11/About-TECON-BG.jpg);background-size:cover !important;background-repeat: no-repeat !important;background-position: center !important;position: relative;height: 700px;display: grid;align-content: center;}
.hp4-box h2{margin-top: 0;color: #fff;}
.hp4-box p{font-size: 20px;line-height: 32px;color: #ffffff;margin-bottom: 30px;}
.numCount{display: grid; gap: 0rem 18px; grid-template-columns: repeat(3, minmax(0, 1fr));background:#fff;border-radius: 6px;margin-top: 75px;max-width: 1000px;margin-left:auto;margin-right: auto;clip-path: polygon( 25px 0,100% 0,100% calc(100% - 25px),calc(100% - 25px) 100%, 0 100%, 0 25px);}
.hp5-content{background: url(/wp-content/uploads/2025/11/map.png);background-size:cover !important;background-repeat: no-repeat !important;background-position: bottom !important;min-height: 880px;}
.hp5-content > p{text-align: center;font-size: 20px;color: #333333;max-width: 950px;margin-left:auto;margin-right: auto;line-height: 32px;}
.numbox{text-align: center;padding-top: 26px;padding-bottom: 32px;}
.numbox big{font-size: 90px;color: #b4202b;font-family:'Roboto-Bold';}
.numbox p{font-size: 22px;color: #7d7d7d;line-height: 30px;margin-bottom: 0;}
.numCount .item{position: relative;}
.numCount .item:nth-child(2)::before{content:"";width: 1px;height: 130px;background: #d7d7d7;position: absolute;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;left: -30px;}
.numCount .item:nth-child(2)::after{content:"";width: 1px;height: 130px;background: #d7d7d7;position: absolute;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;right: -30px;}
.hpart5{margin-top: 80px;}
.hpart6{background: url(/wp-content/uploads/2025/11/BG.jpg);background-size:cover !important;background-repeat: no-repeat !important;background-position: center !important;min-height: 750px;position: relative;margin-top: 90px;margin-bottom: 90px;}
.hp6-item{display: grid; gap: 0rem 15px; grid-template-columns: repeat(5, minmax(0, 1fr)); align-items: end;margin-bottom: 35px;}
.hp6-box{text-align: center;background: #b4202b;border-radius: 6px;cursor: pointer; padding-left: 20px;padding-right: 20px;}
.hp6-hover{overflow: hidden; }
.hp6-list.active .hp6-before{display: none; }
.hp6-list.active .hp6-box{padding-top: 34px;padding-bottom: 45px; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%);min-height: 300px;} 
.hp6-img img{margin-left: auto;margin-right: auto;}
.hp6-txt h3{color: #fff;font-family:"Roboto-Bold";font-size: 28px;margin-top: 35px;margin-bottom: 20px;}
.hp6-hover * {transition: none !important; animation: none !important; opacity: 1 !important;  }
.hp6-txt p{margin-bottom: 0;color: #fff;font-size: 20px;}
.hp6-before{font-size: 24px;margin-bottom: 0;color: #ffffff;}
.hp6-list:not(.active) .hp6-box{padding: 8px 20px;}
.hp6-content{position: absolute;left: 0;right: 0; top: 0; bottom: 0; display: grid;align-items: end;}
#myTab{display: flex;align-items: center;justify-content: center;margin-bottom: 25px;}
#myTab li a{ color: #e3e3e3;font-family:"Roboto-Bold";margin-left: 20px;margin-right: 20px;}
#myTab li.active a{color: #b4202b;}
.hp7-item{display: grid;gap: 25px 30px;grid-template-columns: repeat(2, minmax(0, 1fr));}
.hp7-img{position: relative;overflow: hidden;border-radius: 6px;}
.hp7-img .date{position: absolute;left: 30px;top: 30px;font-size: 16px;color: #2b2c32;display: block;background-color: #fd9d0b;border-radius: 19px;padding:8px 18px;}
.hp7-txt h3{font-size: 24px;max-width: 560px;color: #404146;margin-top: 40px;}
.hp7-btn{text-align: center;margin-top: 50px;}
.hpart7{margin-bottom: 90px;}
footer{background:#3d3a39;;padding-top: 60px;padding-bottom: 50px;}
.flogo{max-width: 205px;}
.ft-left-box h3{margin-top: 0;color: #fff;font-size: 20px;	line-height: 28px;margin-bottom: 20px;}
.ft-left a.btn{background: #b4202b;border: #b4202b;color: #fff;}
.ft-left a.btn:hover{outline: 0; color: #fd9d0b; border-color: #fd9d0b; background: #fff;}
.fbtn{text-align: center;margin-top: 25px;}
.social li a {font-size: 21px;color: #fff;margin-left: 16px;margin-right: 16px;}
.social li:first-child a{margin-left: 0;}
.social{align-items: center;margin-top: 20px;}
.flist h4{font-family:"Roboto-Bold";font-size: 20px;color: #ffffff;margin-top: 0;margin-bottom: 15px;}
.flist li a{font-size: 16px;color: #bababa;transition: all .3s;line-height: 30px;}
.flist li a:hover{color: #fff;transition: all .3s;color: #fff;}
.lianxi li a,.lianxi li{color: #fff;margin-bottom: 10px;}
.lianxi li a:hover{text-decoration: underline;}
.lianxi li i{margin-right:10px;}
.fbtn.text-left{text-align: left !important;}
.ft-left{padding-right: 50px;}
.flist{display: grid; justify-content: right;}
.flist1,.flist2{width: 23%;}
.flist3{width: 37.333333%;justify-content: center;}
.fbottom p,.fbottom p a{margin-bottom: 0;color: #ffffff;opacity: 0.5;font-size: 16px;transition: all .3s;}
.fbottom p:hover,.fbottom p a:hover{opacity: 1;transition: all .3s;}
.fbottom{margin-top: 60px;}
.fbbox{align-items: center;justify-content: space-between;}
.nbanner h1{margin-top: 0;}
.breadcrumbs a,.breadcrumbs span,.breadcrumbs{font-size: 16px;color: #7d7d7d;transition: all .3s;}
.breadcrumbs a:hover{transition: all .3s;color:#fd9d0b ;}
.breadcrumbs{padding: 16px 0;}
.nbanner{color: #fff;position: relative;min-height: 450px;display: grid;align-content: center;background-size:cover !important;background-repeat: no-repeat !important;background-position: center !important;}
.nbanner::before{content:"";position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;    background: linear-gradient(90deg, #00000090, transparent);}
.nbbox h1,.taxonomy-description h1{font-size:40px;}
.taxonomy-description h1{margin-bottom: 20px;}
.nbbox p{font-size: 18px;color: #ffffff;margin-top: 30px;margin-bottom: 35px;line-height: 30px;}
.nbbox{max-width: 870px;}
.ntitle{font-size: 36px;margin-bottom: 35px;}
.ppart1 p,.ppart1 li{font-size: 18px;line-height: 32px;}
.ppart1 li{position: relative;padding-left: 25px;margin-bottom: 10px;}
.ppart1 ul li::before{content: "\f054"; font-family: var(--fa-style-family, "Font Awesome 6 Free"); font-weight: 600;font-size: 16px;color: #fd9d0b; width: 16px;
display: inline-block;left: 0;position: absolute;}
.ppart1 ul{margin-top: 25px;margin-bottom: 40px;}
.ppart1{margin-top: 80px;margin-bottom: 80px;}
.pp2-txt{text-align: center;}
.pp2-txt h3{font-size: 24px;text-align: center;color: #333;}
.pp2-txt button{color: #fd9d0b; background: none;font-size: 18px;}
.pp2-txt button i{font-size: 16px; margin-right: 10px;}
.pp2-img img{max-height: 288px;width: auto;}
.pp2-pagination{position: relative; margin-top: 50px; margin-bottom: 10px;}
.pp2-content{margin-top: 35px;}
.pp2-pagination .swiper-pagination-bullet{ width: 40px; height: 3px; background: #dcdcdc;border-radius: 2px; opacity: 1;}
.pp2-pagination .swiper-pagination-bullet-active{background: #fd9d0b !important;}
.pp2-prev,.pp2-next{width: 50px;height: 50px;border-radius: 50%;background: #fd9d0b;}
.pp2-next{right: -80px;}
.pp2-prev{left:-80px;}
.pp2-next::after{content: "\f061";font-family: var(--fa-style-family, "Font Awesome 6 Free");font-weight: 600; font-size: 16px; color: #333333;}
.pp2-prev::after{content: "\f060";font-family: var(--fa-style-family, "Font Awesome 6 Free");font-weight: 600;font-size: 16px;color: #333333;}
.ppart2{margin-bottom: 100px;}
.pp3-item:nth-child(2n+1){background-color: #f1f1f1;}
.pp3-item:nth-child(2n+1) .pp3-img{margin-right: 60px;}
.pp3-item:nth-child(2n) .pp3-img{margin-left: 60px;}
.pp3-item{margin-bottom: 90px;}
.pp3-img img{width:100%;}
.pp3-img{border-radius: 6px;overflow: hidden;}
.pp3-list{display: flex;align-items: center;}
.pp3-txt{font-size: 18px;line-height: 32px;}
.pp3-txt h2{margin-bottom: 25px;}
.pp3-txt li{position: relative;padding-left: 25px;}
.pp3-txt li a{color: #fd9d0b;}
.pp3-txt li::before{content: "\f054"; font-family: var(--fa-style-family, "Font Awesome 6 Free"); font-weight: 600;font-size: 16px;color: #fd9d0b; width: 16px;
display: inline-block;left: 0;position: absolute;}
.pp3-txt ul{margin-top: 15px;margin-bottom: 30px;}
.pp3-btn{text-align: right;}
.ppart4{background: #fafafa;padding-top: 80px;padding-bottom: 100px;}
.pp4-item{display: grid;gap: 30px 30px;grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 35px;}
.pp4-list{background: #fff; border-radius: 6px; padding: 35px; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 45px), calc(100% - 45px) 100%, 0 100%);}
.pp4-txt h3{margin-top: 25px; color: #b4202b;margin-bottom: 15px;}
.pp4-txt p{margin-bottom: 0;font-size: 18px;line-height: 28px;}
.pp4-img{height: 75px; display: grid;align-content: center;}
.ppart5{margin-top: 80px;margin-bottom: 90px;}
.catep2-group{display: grid;gap: 0rem 20px;grid-template-columns: repeat(5, minmax(0, 1fr));margin-top: 60px;}
.category .nbbox{max-width: 1030px;}
.taxonomy-description p{font-size:18px;line-height: 32px;margin-bottom: 15px;}
.taxonomy-description h2{margin-bottom: 25px;}
.taxonomy-description{margin-bottom: 30px;}
.catep1{margin-top: 90px;margin-bottom: 90px;}
.catep1-sec{margin-top: 60px;}
.catep2{background: #f1f1f1;padding-top: 80px;padding-bottom: 90px;}
.catep2-left{width: 48%;}
.catep2-right{width: 52%;}
.catep2-item{display: flex;align-items: center;background: #fff;border-radius: 6px;overflow: hidden;}
.catep2-txt{padding-left: 80px;padding-right: 35px;}
.catep2-txt h3{margin-top: 0;font-size: 30px;font-family: 'Roboto-Bold';line-height: 42px;margin-bottom: 15px;}
.catep2-txt p{font-size: 18px;line-height: 32px;margin-bottom: 35px;    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;word-break: break-word;}
.catep2-btns{position: absolute;width: 150px;height: 44px;bottom: 40px;right: 35px;}
.catep2-box{border-radius: 6px; padding: 30px 20px; text-align: center;}
.category-formwork-accessories .catep2-swiper{display:none;}
.catxt h3{color: #333;max-width: 150px;margin-left:auto;margin-right:auto;margin-bottom: 15px;}
.catxt button{font-size: 18px;background: transparent;font-family: "Roboto-Regular";color: #fd9d0b;}
.catxt button i{font-size: 16px;margin-right: 5px;}
.catep3-item,.catep3-box{background: #f1f1f1 !important;}
.catep3-box img{mix-blend-mode: multiply;}
.catep3{margin-top: 80px;margin-bottom: 80px;}
.captep4{background: #fafafa;padding-top: 70px; padding-bottom: 90px;}
.faq-item{max-width: 1160px;margin-left: auto;margin-right:auto;}
.faq-list h3{color: #fd9d0b;padding-bottom: 10px;position: relative; cursor: pointer;}
.faq-content{font-size: 18px;line-height: 32px;margin-top: 20px;display: none;padding-bottom: 15px;}
.faq-list{border-bottom:1px solid #adadad;margin-bottom: 30px;}
.faq-btn{text-align: center; margin-top: 50px;}
.faq-list h3 span{right: 1.5rem;top: calc(50% - .2rem);width: 14px !important;height: 14px !important;z-index: 2; pointer-events: none; display: inline-block; position: absolute;transform: translateY(-50%);}
.faq-list h3 span::before{ top: 50%;right: 5.5px;z-index: 2; content: ""; width: 2px; height: 14px;position: absolute;transition: all .3s ease;transform: translateY(-50%);background-color: #fd9d0b;}
.faq-list h3 span::after{top: 50%; right: 0;z-index: 2;content: "";width: 14px; height: 2px; position: absolute; transform: translateY(-50%); background-color: #fd9d0b;}
.faq-list.open h3 span::before{transform: translateY(-50%) rotate(90deg) !important;}
.catep5{margin-top: 90px;margin-bottom: 90px;}
.ntbox{align-items: center;justify-content: space-between;}
.ntbox h2{margin-top: 0;margin-bottom: 0;}
.catep5-box:hover img{transition: all .3s;transform: scale(1.05);}
.catep5-img{border-radius: 6px;position: relative;overflow: hidden;margin-top: 35px;}
.catep5-img img{transition: all .3s;}
.catep5-img h3{position: absolute;bottom: 0;left: 20px; right: 20px; text-align: center; background-color: #b4202b;border-radius: 6px 6px 0px 0px;margin-bottom: 0px;font-size: 20px; color: #fff; padding-top: 15px; padding-bottom: 15px; margin-top: 0;}
.catep5-txt{box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, 0.1); border-radius: 0px 0px 6px 6px;margin-left: 20px;margin-right: 20px; padding: 30px 50px; text-align: center;}
.catep5-txt p{font-size: 18px;line-height: 30px;color: #333333;    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; word-break: break-word;}
.catep5-txt button{background-color: #fd9d0b;border-radius: 3px;width: 100%;height: 40px;margin-top: 20px;}
.catep5-txt button i{font-size:16px;margin-right: 10px;}
.catep6-item{display: grid;gap: 25px 30px;grid-template-columns: repeat(4, minmax(0, 1fr));margin-top: 40px;}
.catep6{background: #fafafa; padding-top: 90px; padding-bottom: 50px;}
.catep6-list{background: #fff;border-radius: 6px; text-align: center;}
.catep6-img img{margin-left: auto;margin-right: auto;}
.catep6-txt h3{font-size: 20px;color: #333;margin-top: 0;}
.catep6-img{max-height: 90px;margin-top: 50px;}
.catep6-txt button{background: transparent;color: #fd9d0b;margin-top: 10px;}
.catep6-txt button i{font-size: 16px;margin-right: 10px;}
.catep6-txt{min-height: 84px;margin-bottom: 35px;margin-top: 50px;}
.cap2-item { display: grid; gap: 30px; grid-template-columns: repeat(3, minmax(0, 1fr));}
.cap2-img{border-radius: 6px;overflow: hidden;}
.cap2-txt{text-align: center;}
.cap2-txt h4{font-size: 18px; color: #333333;    margin-top: 40px;margin-bottom: 20px;}
.cap2-txt button{background: transparent;color: #fd9d0b;}
.cap2-txt button i{font-size: 16px;margin-right: 10px;}
.cap2-list{margin-bottom: 30px;}
.wp-pagenavi{text-align: center;margin-top: 30px;}
.wp-pagenavi .pages{display: none;}
.wp-pagenavi a, .wp-pagenavi span { padding: 6px 13px !important;  margin: 5px !important;font-size: 18px;color: #333 !important; border: 1px solid transparent !important;}
.wp-pagenavi a:hover, .wp-pagenavi span.current {background: #fd9d0b;border-radius: 50%; border-color: #fd9d0b !important;}
.caad-img{border-radius: 6px;overflow: hidden;}
.caad-txt p{font-size: 18px;color: #333333;}
.caad-txt a.btn{margin-top: 30px;}
.caad-txt{padding-right: 50px;}
.cate-add{margin-top: 90px;margin-bottom: 90px;}
.sinp1-btns{position: relative;width: 150px;margin-left: auto;height: 50px;bottom: 25px;}
.sinp1-next,.sinp1-prev{width: 50px;height: 50px;color: #fff;background: #fd9d0b;border-radius: 50%;top: 60%; outline: none; border: #fd9d0b 2px solid; opacity: 1 !important;}
.sinp1-next::after,.sinp1-prev::after{font-size:18px;font-weight:bold;color: #333;font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: 600;}
.sinp1-prev.swiper-button-disabled{background: transparent;border: #333 2px solid;}
.sinp1-next::after{content: "\f061"; }
.sinp1-prev::after{content: "\f060";}
.sinp1-pagination{width: 100%;margin-top: 10px;}
.sinp1-pagination .swiper-pagination-bullet{margin-left:4px;margin-right:4px;}
.sinp1-pagination .swiper-pagination-bullet-active{background:#fd9d0b !important;}
.sinp1-txt h3{margin-top: 0;margin-bottom: 15px;}
.sinp1-txt h1{font-size: 24px;margin-top: 0;margin-bottom: 15px;}
.sinp1-txt p{font-size: 18px;margin-bottom: 0;}
.sinp1-txt{padding: 32px 50px;text-align: center;}
.sinp1-content{margin-top: 90px;margin-bottom: 90px;}
.sinp1-content h1{font-size: 40px;margin-top: 0;margin-bottom: 30px;}
.overview p{font-size: 18px;line-height: 30px;}
.overview p strong{font-family:"Roboto-Bold";color: #333;display: block;margin-bottom: 20px;}
.over-btns{margin-top: 45px;}
.sinp2 a{font-family:"Roboto-Regular";font-size: 18px;color: #333333;display: inline-block;position: relative;padding-bottom: 18px;}
.sinp2 a::before{position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 3px;background: #b4202b;content: "";opacity: 0;}
.sinp2{background: #fff;border-bottom: #cac3c3 1px solid;}
.pop2-link.active{color: #b4202b;}
.pop2-link.active::before{opacity: 1;}
#section1{margin-top: 60px;margin-bottom: 60px;}
#section1 ul{margin-bottom:30px;margin-top:30px;}
#section1 h3{margin-bottom:25px;}
#section1 p{font-size:18px;}
.sinp3 li{position: relative;padding-left: 25px;margin-bottom: 10px;font-size: 18px;}
.sinp3 li::before{content: "\f054"; font-family: var(--fa-style-family, "Font Awesome 6 Free"); font-weight: 600;font-size: 16px;color: #333; width: 16px;display: inline-block;left: 0;position: absolute;}
#section2{padding-top: 30px;padding-bottom: 60px;}
#section2 p strong{font-family:"Roboto-Bold";font-size: 18px;}
.sinp3 table{width: 100%;table-layout: fixed;border-collapse: collapse;border-radius: 20px;overflow: hidden;margin-top: 20px;}
.sinp3 table td{font-family: Roboto-Light;font-size: 16px;padding-left: 50px;padding-top: 20px;padding-bottom: 20px;}
.sinp3 table tr td:first-child{font-family:"Roboto-Bold";}
.sinp3 table tr:nth-child(2n+1){background: #fff;}
.video-box{max-width: 860px;margin-left: auto;margin-right: auto;border-radius: 6px;overflow: hidden;position: relative;}
.video-box .bo{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 55;width: 70px;height: 70px;background-color: #ffffff;border-radius: 50%;display: flex; align-items: center;justify-content: center;}
.video-box .bo i{font-size: 24px;color: #333;}
.video-box img{transition: all .3s;}
.video-box:hover img{transform: scale(1.05);transition: all .3s;}
.sinp4{padding-top: 70px;padding-bottom: 90px;background: #f4f4f4;}
.sinp5{margin-top: 90px;margin-bottom: 80px;}
.sinp6{margin-bottom: 90px;}
.sinp1 .swiper.gallery-top { width: 100%;  height: calc(100vh - 350px);  display: flex; justify-content: center;align-items: center; }
.sinp1 .swiper.gallery-thumbs { width: 100%;height: auto;  display: flex;justify-content: center;align-items: center;}
.sinp1-image img {height: calc(100vh - 350px); margin-left: auto;margin-right: auto;}
.comp1 p strong{font-family:"Roboto-Bold";font-size: 18px; line-height: 32px;}
.comp1 .video-box{margin-top: 30px;margin-bottom: 60px;}
.comp1 .vc_col-sm-12 p,.comp1-tit p{font-size: 18px;line-height: 32px;}
.comp1-list h3{font-size: 36px;}
.comp1-list p{font-size: 24px !important;min-height: 64px; margin-top: 20px;}
.comp1-list .vc_column-inner .wpb_wrapper{text-align: center;border-radius: 6px;overflow: hidden;padding: 0 20px;}
.comp1-list:first-of-type .vc_column-inner .wpb_wrapper{background: #fd9d0b;}
.comp1-list:nth-of-type(2) .vc_column-inner .wpb_wrapper{background: #f4f4f4;}
.comp1-list:last-of-type .vc_column-inner .wpb_wrapper{background: #b4202b;color: #fff;}
.comp1-list .wpb_single_image{min-height: 80px;display: flex;align-items: center;justify-content: center;margin-bottom: 0 !important;margin-top: 38px;}
.comp1-bottom{margin-top: 20px;}
.comp1 h2{margin-bottom: 25px;}
.comp1{margin-top: 80px;margin-bottom: 90px;}
.comp2{background: #f4f4f4; background-size: cover !important;background-repeat: no-repeat !important;background-position: right !important;background-image: url(/wp-content/uploads/2026/04/Why-Our-Customers-Choose-TECON.png);min-height: 550px;padding-bottom: 80px; padding-top: 70px;}
.comp2 #myTabContent{max-width: 600px;padding-left: 80px;}
.comp2-group{display: flex;align-items: self-start;margin-top: 60px;}
#myTabs li a{font-size: 24px;color: #333;padding-left: 15px;font-family: 'Roboto-Regular';}
#myTabs li::before{content: "\f054";    font-family: var(--fa-style-family, "Font Awesome 6 Free");font-weight: 600;font-size: 18px;color: #fd9d0b;}
#myTabs li.active a{color: #fd9d0b;text-decoration: underline;}
#myTabs li{margin-bottom: 25px;position: relative;}
.comp2 #myTabContent p{font-size: 20px;line-height: 32px;margin-bottom: 20px;}
.comp2 #myTabContent h3{margin-top: 0;font-size: 30px;margin-bottom: 25px;}
.comp3{margin-top: 90px;margin-bottom: 90px;}
.comp3-img{border-radius: 6px;overflow: hidden;}
.comp3-box{text-align: center;}
.comp3-txt h4{font-family:"Roboto-Medium";font-size: 18px;color: #333;}
.comp3-txt{margin-top: 25px;}
.comp3-prev,.comp3-next{top: 52%;width: 50px;height: 50px;border-radius: 50%;background: #fd9d0b;}
.comp3-prev{left: -25px;}
.comp3-next{right:-25px;}
.comp3-prev::after{    content: "\f060";font-family: var(--fa-style-family, "Font Awesome 6 Free");font-weight: 600;font-size: 16px;color: #333333;}
.comp3-next::after{content: "\f061";font-family: var(--fa-style-family, "Font Awesome 6 Free");font-weight: 600;font-size: 16px;color: #333333;}
.comp3-box img{transition: all .3s;}
.comp3-box:hover img{transition: all .3s;transform: scale(1.05);}
.fact-tit{max-width: 1180px;margin-left: auto;margin-right: auto;display: grid;gap: 0rem 30px;grid-template-columns: repeat(4, minmax(0, 1fr));margin-top: 50px;}
.fact-sbox{text-align: center;}
.fact-img{margin-left: auto;margin-right: auto;overflow: hidden;border-radius: 50%;width: 156px;height: 156px;}
.fact-img img{transition: all .3s;}
.fact-sbox:hover img{transition: all .3s;transform: scale(1.03);}
.fact-sbox h3{font-size: 18px;color: #333;}
.fact-tit li.active h3{color: #b4202b;text-decoration: underline;}
.fact-bottom{background: #fbfbfb; padding-top: 70px; padding-bottom: 90px;}
.fact-box h3{font-size: 36px;}
.fact-des{margin-top: 28px;}
.fact-des p{font-size: 20px;position: relative;padding-left: 75px;padding-top: 10px;padding-bottom:10px;}
.fact-des p::before{content: "";width: 44px;height: 44px;position: absolute;left: 0;background-size:cover !important;background-repeat: no-repeat !important;background-position: center !important;top: 0;}
.fact-des p.type::before{background:url(/wp-content/uploads/2026/01/Main-product-type.png);}
.fact-des p.location::before{background:url(/wp-content/uploads/2026/01/Location.png);}
.fact-des p.area::before{background:url(/wp-content/uploads/2026/01/Area.png);}
.fact-des p.capacity::before{background:url(/wp-content/uploads/2026/01/Production-Capacity.png);}
.fact-image-gallery{display: grid;gap: 0rem 30px;grid-template-columns: repeat(3, minmax(0, 1fr));margin-top: 40px;}
.fact-img-list{border-radius: 6px;overflow: hidden;}
.fact-top{margin-top: 70px;margin-bottom: 70px;}
.qualityp1-text .vc_toggle_title{display: flex;align-items: center; padding-left: 0 !important; justify-content: center;flex-direction: column;}
.qualityp1-text .vc_toggle_title h4{font-family:"Roboto-Medium";font-size: 26px;}
.qualityp1-text{padding-bottom: 20px !important;}
.qualityp1-image{margin-bottom: 20px !important;}
.qualityp1-des p{font-size: 18px;}
.qualityp1-list >.vc_column-inner >.wpb_wrapper{background: #f4f4f4; border-radius: 6px;}
.qualityp1-text .vc_toggle_content{padding: 0 35px;}
.qualityp1-text .vc_toggle_icon{position: inherit !important;}
.qualityp1-btn {display: block;margin: 12px auto 0;width: 32px;height: 32px;line-height: 32px;text-align: center;border-radius: 50%;background: #fd9d0b;color: #333;font-size: 20px;cursor: pointer;transition: all 0.2s ease;font-weight: bold;}
.qualityp1{margin-top: 80px;margin-bottom: 60px;}
.qualityp1-text.is-collapsed .qualityp1-btn{ background: transparent;border: 1px solid #a6a6a6; color:#a6a6a6; transition: all 0.2s ease;}
.faqp2{background: #f4f4f4;padding-top: 70px;padding-bottom: 70px;}
.faqp1{margin-top: 80px;margin-bottom: 100px;}
.hon-group .hon-img { width: 100%;aspect-ratio: 317 / 444; height: auto;object-fit: contain;display: block;}
.hon-group a {display: block;}
.hon-nav li a{font-family:"Roboto-Bold";font-size: 30px;color: #e3e3e3;}
.hon-nav li.active a{color: #b4202b;}
.honp2 .ntbox{border-bottom: 1px solid #d7d7d7;padding-bottom: 25px;}
.hon-nav li{margin-right:50px;}
.hon-nav li:last-child{margin-right: 0;}
.hon-bottom{background: #fbfbfb;padding-top: 60px;padding-bottom: 80px;}
.hon-box > a{border-radius: 6px;overflow: hidden; background: #fff;display:block;}
.hon-box{text-align: center;}
.hon-box p{font-size: 20px;margin-top: 35px;min-height: 58px;}
.hon-list{margin-bottom: 25px;}
.honp1{margin-top:70px;margin-bottom: 50px;}
/* Timeline */
.history-nav::before{content:"";position: absolute;top: 10px;width:100%;height: 1px;border: 1px dashed #7d7d7d;display: none;}
.history-nav::after{width: 130px;height: 75px;background-color: #b4202b;border-radius: 6px;content:"";position: absolute;left: 0;right: 0;margin-left: auto;margin-right: auto;top: 0;}
.his-btns{position: relative;height:60px;margin-bottom: 20px;display: none;}
.his-prev,.his-next{width: 50px;height: 50px;border-radius: 50%;background: #b4202b;}
.his-prev::after,.his-next::after{font-size: 16px;color: #fff;font-weight: bold;}
.history-nav .swiper-slide{font-family:"Roboto-Medium";font-size: 18px;color: #7d7d7d;padding-top: 25px;text-align: center;}
.history-nav .swiper-slide-active{color: #fff;;}
.history-nav{padding-bottom: 40px;}
.timeline { position: relative; margin: 50px 0; }
.year-img{margin-top: 35px;}
.year-img img{border-radius: 6px;}
.timeline-year{ font-family:"Roboto-Light";font-size: 48px; color: #b4202b;margin-bottom: 25px;position: relative;}
.year-txt{text-align: left;}
.year-txt p{font-size: 18px;line-height: 32px;}
.timeline::before {content: '';position: absolute;top:0; bottom:0;left:50%;width:1px;background:#333;transform:translateX(-50%);display: none;}
.timeline-content{display: grid; gap: 0rem 90px; grid-template-columns: repeat(2, minmax(0, 1fr));max-width: 1100px;margin-left: auto;margin-right: auto;align-items: center;}
.timeline-item {/* position: relative;width:50%;box-sizing:border-box; */margin-bottom:80px;}
.timeline-year::before{content:"";width:150px;height:1px;position: absolute;background: #333333;display: none;}
/* .timeline-item.left .timeline-year::before{right:-100px;top: 25px;z-index: 1;}
.timeline-item.right .timeline-year::before{left: -100px;top: 25px;z-index: 1;}
.timeline-item.left .timeline-year{padding-right: 80px;}
.timeline-item.right .timeline-year{padding-left: 80px;}
.timeline-item.left { left:0; text-align:right;padding-right: 100px;}
.timeline-item.right { left:50%; text-align:left;padding-left: 100px;margin-top: 60px;} */
.timeline-item::before {content:'';position:absolute;top:20px;width:10px; height:10px;border-radius:50%;background:#b4202b;box-shadow: 0 0 0 5px #e8bcbf;z-index: 2;display: none;}
.timeline-item.left::before { right:-5px; }
.timeline-item.right::before { left:-5px; }
.timeline-controls { text-align:center; margin-top:20px;display: none; }
.timeline-controls button { padding:8px 15px; margin:0 10px; font-size:16px; background:#e41b17; color:#fff; border:none; border-radius:5px; cursor:pointer; }
.timeline-controls button:disabled { background:#ccc; cursor:not-allowed; }
.timeline-controls button.is-disabled {opacity: 0.4;cursor: not-allowed;}
.hisp1{margin-top: 90px;margin-bottom: 90px;}
.video-group {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px 44px; }
.video-txt p{text-align: center;font-size: 20px;color: #333333;transition: all .3s;}
.video-txt{margin-top: 15px;}
.recent-box{background-color: #f1f1f1;border-radius: 6px;padding: 25px; overflow: hidden;}
.recent-box .video-txt p{font-size: 18px;text-align: left;}
.recent-box .video-list{margin-bottom: 40px;}
.recent-box .video-list:last-child{margin-bottom: 20px;}
.videop1{margin-top: 70px;margin-bottom: 70px;}
.video-img{overflow: hidden;}
.video-img img{transition: all .3s;width: 100%;}
.videos-box:hover img{transition: all .3s;transform: scale(1.1);}
.videos-box:hover p{transition: all .3s; color:#b4202b;}
.single-video-content{margin-top: 40px;margin-bottom: 90px;}
.cta-list h3{margin-top: 0;font-size: 24px;position: relative;margin-bottom: 18px;padding-left: 45px;}
.cta-list h3::before{content:"";position: absolute;left: 0;top: 0;background-size:cover !important;background-repeat: no-repeat !important;background-position: center !important;}
.cta-list h3.gobal::before{background:url(/wp-content/uploads/2026/01/Headquarters.png);width: 21px;height: 23px;}
.cta-list h3.service::before{background:url(/wp-content/uploads/2026/01/Service-Center.png);width: 22px;height: 21px;}
.cta-list h3.local::before{background:url(/wp-content/uploads/2026/01/Local-Contact.png);width:20px;height: 24px;}
.cta-list p{font-size:18px;padding-left: 45px;line-height: 30px;}
.cta-list p a{color: #333;}
.cta-list{background: #f1f1f1;border-radius: 6px;overflow: hidden;padding: 24px 48px 34px 35px; margin-bottom: 14px !important;}
.cta-list:nth-of-type(2) p{line-height: 36px;}
.contact-switcher{padding-left: 45px;}
.contact-item p{padding-left: 0;}
.select-wrap{position: relative;}
#countrySelect{border-radius: 6px; width: 100%; height: 50px;padding-left: 60px;}
.select-wrap::before{position: absolute;content:"";left:15px;top:0;bottom:0;margin-top: auto;margin-bottom: auto;background:url(/wp-content/uploads/2026/01/position.png);width: 17px;height: 20px;background-size: cover !important;background-repeat: no-repeat !important;background-position: center !important;}
.select-wrap::after{content:"";position: absolute;width: 1px;background: #cdcdcd;left: 45px;height: 24px;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;}
.select-icon {background: #505050;display: block;position: absolute;right: 20px;width: 12px; height: 8px; top: 50%; transform: translateY(-50%) rotate(0deg); clip-path: polygon(0 0, 100% 0, 50% 100%); transition: transform 0.3s ease, clip-path 0.3s ease;pointer-events: none;}
.contact-list{margin-top: 8px; background: #fff; border-radius: 6px; padding: 20px 30px;}
.contact-item p.people,.contact-item p a{color: #b4202b;}
.cflist p,.cflist span,.cflist input,.cflist select{width: 100%;display: block;}
.cflist input,.cflist select{border-radius: 6px;border: solid 1px #b8b8b8;height: 50px;padding-left: 18px;padding-right: 5px;}
.redtag{color: #b4202b;}
.cflist{padding-left: 7px;padding-right: 7px;margin-bottom: 10px;}
.cform{margin-left: -7px;margin-right: -7px;}
.cflist textarea{width: 100%;height: 100px;border-radius: 6px; border: solid 1px #b8b8b8; padding: 18px;}
.cform .wpcf7-select {color: #333;}
.cform .wpcf7-form-control::placeholder {
  color: #c1c1c1;  opacity: 1;    }
.cform .wpcf7-form-control::-webkit-input-placeholder {color: #c1c1c1;opacity: 1;}
.cform .wpcf7-form-control::-moz-placeholder {color: #c1c1c1;opacity: 1;}
.cform .wpcf7-form-control:-ms-input-placeholder {color: #c1c1c1;}
.cform .wpcf7-form-control:-moz-placeholder {color: #c1c1c1;}
.cform .wpcf7-submit{background-color: #b4202b !important;border: none !important;color: #fff !important;}
.cflist:last-child{margin-top: 10px;}
.ctap1{margin-top: 90px;margin-bottom: 100px;}
.cta-left h2{margin-top: 0;}
.select-icon1 {background: #505050;display: block;position: absolute;right: 20px;width: 12px !important; height: 8px; top: 64%; transform: translateY(-50%) rotate(0deg); clip-path: polygon(0 0, 100% 0, 50% 100%); transition: transform 0.3s ease, clip-path 0.3s ease;pointer-events: none;z-index: 1;}
.cta-right >.vc_column-inner{padding-left: 30px !important;}
.cta-left >.vc_column-inner{padding-right: 60px !important;}
#countrySelect{width: 100%; max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 30px;}
.default-content{overflow: hidden;}
.sblog-item h2{margin-bottom: 20px;}
.blogs-img{border-radius: 6px;overflow: hidden;width: fit-content;}
.sblog-left p,.sblog-left li,.sblog-left{font-size:18px;line-height: 32px;}
.sblog-left ul{list-style: disc;padding-left: 20px;}
.sblog-left a{color: #b4202b;}
.sblog-left{padding-right: 100px;}
.blogs-txt .date{font-size: 14px;color: #333333;display: block;margin-top: 15px;margin-bottom: 10px;}
.blogs-txt p{font-size: 18px;font-family:"Roboto-Medium";color: #333333;line-height: 24px;translate: all .4s;}
.sblog-list{background: #f1f1f1;border-radius: 6px;padding: 25px;overflow: hidden;margin-bottom: 6px;}
.blimg{border-radius: 6px;overflow: hidden;}
.blbox{display: flex;align-items: center;}
.blimg{width: 45%;}
.bltext{width:55%;padding-left: 40px;}
.bltext .date{font-size:16px;}
.bltext h4{font-family:"Roboto-Medium";font-size: 24px;line-height: 30px;}
.bltext h4 a{color: #333333;transition: all .4s;}
.bltext p{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow: hidden;line-height: 30px;}
.bllist{margin-bottom: 60px;}
.sblog-right h2{margin-top: 0;}
.blimg img{transition: all .4s;}
.blbox:hover img{transition: all .4s;transform: scale(1.05);}
.blbox:hover h4 a{color: #b4202b;transition: all .4s;}
.blogs-img img{transition: all .3s;}
.sblog-box:hover img{transform: scale(1.05);transition: all .4s;}
.sblog-box:hover .blogs-txt p{translate: all .4s;color: #b4202b;}
.blog-cate-content{margin-top: 90px;margin-bottom: 90px;}
#toc .toc-list { list-style: none; padding: 0; margin: 0;}
#toc .toc-list li.h2 a {font-weight: 500;font-size: 16px;color: #838281;line-height: 26px;display: inline-flex;align-items: stretch; flex-wrap: nowrap;transition: all .4s;}
#toc .toc-list li.h2 a:hover{transition: all .4s;color: #b4202b;}
#toc .toc-list li.h3 {padding-left: 15px;font-size: 14px;}
#toc a:hover {color: #b4202b;}
.toc-list li{margin-top: 0;margin-bottom: 5px;}
.inbox{background: #fff;border: 1px solid #b4202b; padding: 25px;border-radius: 20px;margin-bottom: 25px;}
.inbox:last-child{margin-bottom: 0;}
#toc ul { counter-reset: item ;}
#toc ul li a::before {content: counters(item, '.', decimal) '. ';display: inline-block; counter-increment: item;flex-grow: 0; flex-shrink: 0;margin-right: .2em; float: left;}
.inbox h3{font-family: 'Roboto-Bold';margin-top: 10px;}
.bflist p,.bflist span,.bflist input{width: 100%;}
.bflist input{border-radius: 6px; border: solid 1px #b8b8b8; height: 35px; font-size: 14px; padding: 0 5px;}
.bflist textarea{width: 100%;border-radius: 6px; border: solid 1px #b8b8b8; height: 35px; font-size: 14px; padding: 5px;height: 100px;}
.bf-sub .wpcf7-submit{background-color: #b4202b !important;border: none !important;color: #fff !important;}
.sblog-right{position: sticky;top: 120px;}
.sblogp2{margin-bottom: 90px;margin-top: 80px;}
.partp1-txt h2{margin-bottom: 25px;}
.partp1-txt p{font-size: 18px;line-height: 30px;margin-bottom: 15px;}
.partp1-img img{border-radius: 6px;overflow: hidden;}
.partp2-list >.vc_column-inner >.wpb_wrapper{background-color: #f4f4f4;border-radius: 6px;overflow: hidden; padding: 20px; padding-top: 35px;min-height: 350px;}
.partp2-list >.vc_column-inner{padding-left: 4px !important;padding-right: 4px !important;}
.partp2-item{margin-left: -4px !important;margin-right: -4px !important;}
.partp2-list .vc_single_image-wrapper{min-height: 64px;display: flex !important;align-items: center;}
.partp2-list .wpb_single_image{margin-bottom: 25px !important;}
.partp2-list h3{margin-bottom: 20px;}
.partp2-list p{font-size:18px;line-height: 28px;}
.partp2-list .wpb_text_column{margin-bottom: 20px !important;}
.partp3-txt .wpb_wrapper{max-width: 640px;background: #b4202b; border-radius: 6px; padding: 58px 48px;position: relative;clip-path: polygon(0 0, 100% 0, 100% calc(100% - 55px), calc(100% - 55px) 100%, 0 100%);color: #fff;}
.partp3-txt p{font-size: 24px;line-height: 36px;}
.partp3-txt p.name{font-size: 18px;position: relative; width: fit-content; margin-left: auto; padding-left: 60px;margin-top: 30px;}
.partp3-txt p.name::before{content:"";width: 50px;height: 1px;background-color: #fff;position: absolute;left:0;top:0px;bottom: 0;margin-top: auto;margin-bottom: auto;}
.partp3{min-height: 600px;display: grid;align-content: center;background-size: cover !important;background-repeat: no-repeat !important;background-position: center !important;}
.partp4-title h2{margin-bottom: 20px;}
.partp4-title p{font-size: 20px;line-height: 32px;}
.partp4-img img{border-radius: 6px;overflow: hidden;}
.partp4-txt h3{font-size: 30px;margin-top: 0;margin-bottom: 25px;}
.partp4-txt ul{font-size: 20px;}
.partp4-list:nth-of-type(2n+1) .partp4-txt .wpb_text_column{padding-right: 40px;}
.partp4-list:nth-of-type(2n) .partp4-txt .wpb_text_column{padding-left: 40px;}
.partp4-txt li{position: relative;padding-left: 25px;margin-bottom: 10px;}
.partp4-txt li::after{content: "\f054";font-family: var(--fa-style-family, "Font Awesome 6 Free"); font-weight: 600; font-size: 16px;color: #fd9d0b;width: 16px;display: inline-block;left: 0; position: absolute;top: 3px;}
.partp4-list{margin-bottom: 20px;}
.partp5 .wpb_raw_html{margin-bottom: 0 !important;}
.partp5 >.wrappers>.vc_column-inner>.wpb_wrapper{height: 230px; background-color: #fd9d0b;border-radius: 6px;display: grid; align-content: center; justify-content: center;}
.partp5-btn img{margin-right: 16px;transition: all .4s;}
.partp5-txt h2{margin-top: 0 !important;font-family:"Roboto-Medium" !important;}
.partp5-btn a{margin-bottom: 0; display: flex;width: 250px;height: 58px;background-color: #ffffff; border-radius: 6px; align-items: center; justify-content: center;margin-left: auto; margin-right: auto;font-family: Roboto-Regular; font-size: 18px;color: #444444;transition: all .4s;}
.partp5-btn a:hover{transition: all .4s;background: #b4202b;color: #fff;}
.partp5-btn a:hover img{transition: all .4s;filter: invert(100%) sepia(100%) saturate(10%) hue-rotate(205deg) brightness(103%) contrast(105%);}
.partp1{margin-top: 90px;margin-bottom: 30px;}
.partp2{margin-bottom: 90px;}
.partp4{margin-top: 30px;}
.partp5{margin-top: 30px;margin-bottom: 90px;}
.serp1{margin-bottom: 50px;margin-top: 100px;}
.serp2-title p{font-size: 18px;line-height: 32px;}
.serp2-list >.vc_column-inner >.wpb_wrapper{background-color: #f4f4f4;border-radius: 6px;overflow: hidden; padding: 20px; padding-top: 35px;min-height: 340px;}
.serp2-list:nth-of-type(2) >.vc_column-inner >.wpb_wrapper{background-color: #fd9d0b;}
.serp2-list >.vc_column-inner{padding-left: 4px !important;padding-right: 4px !important;}
.serp2-item{margin-left: -4px !important;margin-right: -4px !important;}
.serp2-list .vc_single_image-wrapper{min-height: 64px;display: flex !important;align-items: center;}
.serp2-list .wpb_single_image{margin-bottom: 25px !important;}
.serp2-list h3{margin-bottom: 20px;}
.serp2-list p{font-size:18px;line-height: 28px;}
.serp2-list .wpb_text_column{margin-bottom: 20px !important;}
.serp2-bottom{margin-bottom: 0px !important;margin-top: 40px;}
.serp2-bottom p{font-size: 18px;line-height: 32px;}
.serp3-txt .wpb_wrapper{max-width: 640px;background: #b4202b; border-radius: 6px;padding: 58px 48px; position: relative; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 55px), calc(100% - 55px) 100%, 0 100%);color: #fff;margin-left: auto;}
.serp3-txt h2{margin-top: 0;margin-bottom: 20px;}
.serp3-txt p{font-size: 18px;line-height: 32px;}
.serp1-item .partp1-txt >.vc_column-inner >.wpb_wrapper{padding-left: 50px;}
.serp4-item .partp1-txt >.vc_column-inner >.wpb_wrapper{padding-right: 50px;}
.serp4{padding-top: 70px; margin-top: 80px; padding-bottom: 70px;}
.serp5{margin-bottom: 70px;}
.project-img-box{border-radius: 6px;overflow: hidden;}
.project-list{position: relative; display: grid; grid-template-columns: 8fr 7fr; gap: 90px;align-items: center;}
.project-list:nth-child(2n+1){grid-template-columns: 8fr 7fr;}
.project-list:nth-child(2n){grid-template-columns: 7fr 8fr;}
.project-list::before{content:"";position: absolute;right: 0;left: 0;top: 0;bottom: 0;height: 100%;width: 94%;background: #f1f1f1;border-radius: 6px; z-index: -1;}
.project-list:nth-child(2n+1)::before{margin-left: auto;}
.project-list:nth-child(2n)::before{margin-right: auto;}
.project-list:nth-child(2n+1) .project-text-box{padding-right: 70px;}
.project-list:nth-child(2n) .project-text-box{padding-left: 70px;}
.project-btn{margin-top: 35px;text-align: right;}
.project-text-box p{font-size: 18px;line-height: 32px;}
.project-img-box{transform: translateY(-20px);
 transition: transform 0.7s ease-out;
will-change: transform;}
.project-list{margin-bottom: 160px;}
.project-list.is-active .project-img-box{ transform: translateY(-60px);}
.projectp1-tit p{font-size: 18px;line-height: 32px;}
.projectp1-tit .wpb_wrapper{margin-bottom: 140px !important;}
.projectp1{margin-top: 90px;margin-bottom: 70px;}
.sin-image img{margin-left: auto;margin-right: auto;}
.ja-bottom{position: relative;margin-top: 50px;}
.ja-next,.ja-prev{width: 50px;height: 50px;color: #fff;background: #fd9d0b;border-radius: 50%;outline: none; border: #fd9d0b 2px solid; opacity: 1 !important;}
.ja-next::after,.ja-prev::after{font-size:18px;font-weight:bold;color: #333;font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: 600;}
.ja-prev.swiper-button-disabled{background: transparent;border: #333 2px solid;}
.ja-next::after{content: "\f061"; }
.ja-prev::after{content: "\f060";}
.ja-prev{left: 0;}
.ja-prev{right: 0;}
/* 404 page */
.content4{text-align: center;margin-top: 110px;margin-bottom: 120px;}
.no-results{text-align: center;margin-top:110px;margin-bottom:120px;}
.search-no-result-content .search-form label{display: none;}
.search-no-result-content #search-form-1{background: #fff;border-radius: 0; border-style: solid; border-width: 0.1rem; box-shadow: none;font-size: 1.6rem;margin: 0;max-width: 100%; padding: 1.5rem 1.8rem; width: 500px; height: 51px;}
.search-no-result-content .search-submit{background: #b4202b; border: none; border-radius: 0;color: #fff; cursor: pointer; display: inline-block; font-size: 1.5rem;  font-weight: 600; line-height: 1.25;  margin: 0; opacity: 1; padding: 1.1em 1.44em; text-align: center;text-decoration: none;  text-transform: uppercase; transition: opacity .15s linear; margin-top: 7px;}
.sop2-item{display: grid;gap: 70px 30px; grid-template-columns: repeat(2, minmax(0, 1fr));}
.sop2-box{position: relative;border-radius: 6px;overflow: hidden;}
.sop2-content{position: absolute;left: 0;right:0;background-color: rgba(0, 0, 0, .7);opacity: 0;transition: visibility 0s, opacity .4s linear;visibility: 0; z-index: 2;top: 0;bottom: 0;width: 100%;height: 100%;padding: 54px;}
.sop2-list:hover .sop2-content{opacity: 1;visibility: visible;}
.sop2-content{display: grid;align-content: center;}
.sop2-content p{color: #fff;font-size: 18px;line-height: 30px;}
.sop2-content ul{margin-top: 30px;}
.sop2-content ul li a{border-radius: 22px;border: solid 1px #ffffff;font-size:16px;display: inline-block;position: relative;color: #fff; padding: 10px 30px;}
.sop2-content ul li a i{margin-right: 10px;}
.sop2-content ul li{margin-bottom: 9px;display: inline-block;}
.so-btn{margin-left: auto;background-color: #fd9d0b;border-radius: 3px;width: 100%;height: 40px; margin-top: 20px;font-size: 18px; font-family: "Roboto-Regular"; color: #333; line-height: 40px; max-width: 290px; text-align: center;transition: all .4s;}
.so-btn:hover{color: #333;transition: all .4s;background-color: #b4202b;}
.so-btn i{margin-right: 15px;}
.sop2-list h3 a{color: #333;}
.sop1{margin-top: 70px;margin-bottom: 70px;}
.sop2{margin-bottom: 70px;}
.searchpage .search-result-count{border-bottom: 1px solid #ccc;margin-bottom: 50px; padding-bottom: 30px;}
.searchpage{margin-top: 70px;margin-bottom: 70px;}
.menu-item-description{display:none;}
/* click form */
.form-none { 
	position: fixed;display: none; transition: all .6s; z-index:999999; height: 700px; overflow-y: scroll;background: #fff;top: 50%;left: 50%; transform: translate(-50%, -50%);
}
.form-none #form-close {
    position: absolute;right: 0;top: 0;cursor: pointer;z-index: 5;margin-bottom: 0;
}
.form-none.active {
    display:block;
}
.form-bg.active{
	display:block;
}
.form-bg{
	position: fixed;top: 0;left: 0; width: 100%; height: 100%;background-color: rgba(0, 0, 0, .7);z-index:99999;display:none;
}
#form{
	background:#fff;
}
#form .bform .bf-subtitle{display:none;}
#form .bform {margin-left:0px !important;margin-right:0px !important;}
#form .bform .bf-title{background-color: #b4202b !important;margin: 0 !important;padding: 20px !important;color:#fff;margin-bottom:30px !important;} 
#form form{ max-width: 620px;overflow-x: hidden;}
#form .bform p strong{font-size:14px;}
#form .bform .bflist{padding-left:20px;padding-right:20px;}
#form .bform .wpcf7-textarea{height:200px;}
#form .bform .bf-sub{text-align:center;}
#consultancy,
#research,
#technical,
#shipping,
#supervision,
#warranty {
    scroll-margin-top: 90px;
}
.page-template-page-honor .nbbox a.btn,.page-template-page-factory .nbbox a.btn{display:none;}