*{margin: 0; padding: 0; -webkit-appearance: none; /*去掉浏览器默认样式*/ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; box-sizing: border-box;}
@media (min-width:1681px){}
@media (max-width:1681px){}
@media (min-width:1401px) and (max-width:1560px){
	.wrapper, .page-width{width: auto; margin-left: 4%; margin-right: 4%;}
}
@media (min-width:1401px) and (max-width:1680px){
	.title{font-size: 42px;}
	.atitle{font-size: 38px;}
	.ntitle{font-size:32px;}
	.hpart6-txt .title, .hpart6-txt h2{font-size: 42px;}
	.susp2-text h3{font-size:26px;}
	.susp3-text h3{font-size:26px;}
	.susp1-tbox h3{font-size:26px;}
	.form-none{max-width:580px;}
	#form:not(:has(.bf-title))::before{font-size:21px;}
}
@media (max-width:1400px){
	.wrapper, .page-width{width: auto; margin-left:4%; margin-right:4%;}
	.title{font-size: 40px;}
	.atitle{font-size: 36px;}
	.ntitle{font-size:32px;}
	.hpart6-txt .title, .hpart6-txt h2{font-size: 40px;}
	.susp2-text h3{font-size:24px;}
	.susp3-text h3{font-size:24px;}
	.susp1-tbox h3{font-size:24px;}
	.susp3-item{--susp3-hline-odd: 220px;}
}
@media (max-width:1300px){
	.banner .option{max-width: 110px;}
	.banner .option:not(.active) .labels > div{max-width: 80px;}
	.banner .option.active .info{left: 40px; right: 90px; max-width: none; width: auto; padding-right: 0;}
	.banner .info h1, .banner .info h2, .banner .info h3{font-size: 38px; line-height: 1.25; word-break: break-word; overflow-wrap: break-word;}
}
@media (max-width:1200px){
	.wrapper, .page-width{width: auto; margin-left: 4%; margin-right: 4%;}
	.title{font-size:36px;}
	.atitle{font-size: 32px;}
	.hpart6-txt .title, .hpart6-txt h2{font-size: 36px;}
	.navlist{gap: 20px;}
	.hpart1-item{grid-template-columns: repeat(2, minmax(0, 1fr));}
	.hpart2-item{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 24px;}
	.hpart2-list{padding: 30px 22px 32px;}
	.hpart4-item{grid-template-columns: repeat(2, minmax(0, 1fr));}
	.hpart3-left{padding:50px;}
	.hpart6-item{gap:40px;}
	.banner .option{max-width: 90px;}
	.banner .option:not(.active) .labels > div{max-width: 70px;}
	.banner .option.active .info{left: 30px; right: 85px;}
	.banner .info h1, .banner .info h2, .banner .info h3{font-size: 32px; line-height: 1.3;}
	.banner .icon p{font-size: 14px; line-height: 20px;}
	.banner .option.active .info{top:50%;}
	.hpart4-bottom{gap:40px;}
	.faqp1 .wpb_text_column:first-child p, .faqp1 > p{font-size: 20px; line-height:30px;}
	.susp1-text{padding: 60px 0 50px;}
	.susp1-text p{font-size: 16px;}
	.susp1-tbox{padding: 40px 16px 38px !important;}
	.susp1-tbox h3{font-size: 18px;}
	.susp1-item{gap: 40px; padding: 60px 0 50px;}
	.susp1-left img{max-width: 200px;}
	.susp2{padding: 70px 0 80px;}
	.susp2-item{gap:30px 0;}
	.susp2-text{padding: 22px 18px 26px !important;}
	.susp2-text h3{font-size: 22px;}
	.susp2-text p,
	.susp2-text ul li{font-size: 14px;}
	.susp3{padding: 70px 0 80px;}
	.susp3 .tbox{margin-bottom: 50px;}
	.susp3-item{--susp3-stagger: 220px; --susp3-hline-odd: 100px;}
	.susp3-text h3{font-size: 22px;}
	.form-none{max-width:560px;}
	#form:not(:has(.bf-title))::before{font-size:20px; padding:18px 50px 8px 18px;}
	#form:not(:has(.bf-title)) > .wpcf7::before{font-size:13px; padding:0 18px 18px; margin-bottom:26px;}
	.abanner{height: 560px;}
	.abanner .wrapper{padding: 0 0 60px;}
	.abp1-list .num{font-size: 36px;}
	.abp2-list p{font-size: 20px;}
	.newsp1-item{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px;}
	.newsp1-top h3{font-size: 26px;}
	.newsp1-list h3{font-size: 18px;}
	.sblog-latest{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px;}
	.abp2-item.vc_row,
	.vc_row.abp2-item{display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 40px; margin-left: 0 !important; margin-right: 0 !important; align-items: center;}
	.abp2-item.vc_row::before,
	.abp2-item.vc_row::after,
	.vc_row.abp2-item::before,
	.vc_row.abp2-item::after{display: none !important; content: none !important;}
	.abp2-item > .abp2-list,
	.abp2-item > .wpb_column,
	.abp2-item > .vc_column_container{float: none !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; flex: none !important;}
	.prop1-right{grid-template-columns: repeat(2, 1fr);}
	.prop1-left{flex: 0 0 260px; max-width: 260px;}
	.prop2{padding: 60px 0 80px;}
	.prop2 h3{font-size: 32px; margin-bottom: 32px;}
	.prop2-item1 + .wpb_text_column h3{margin-top: 40px; margin-bottom: 36px;}
	.prop2-item1{gap:30px 0; margin-top: 28px;}
	.prop2-text h4{font-size: 20px;}
	.prop2-item2{gap:30px 0; padding-top: 48px;}
	.prop2-item2::after{top: 37px;}
	.prop2-item2 > .prop2-list2::before{font-size: 20px; top: -48px;}
	.prop2-list2 > .vc_column-inner > .wpb_wrapper{padding: 36px 18px;}
	.prop2-txt h4{font-size: 18px;}
}
@media (max-width:992px){
	.wrapper, .page-width{width: auto; margin-left: 4%; margin-right: 4%;}
	.title{font-size: 36px;}
	.atitle{font-size: 32px;}
	.navlist{display: none;}
	header .wrapper{display: flex; align-items: center; justify-content: space-between; gap: 12px;}
	header .heabottom{display: contents;}
	header .hleft{position: static; transform: none; order: 1; flex-shrink: 0;}
	.heatop{flex: 1; min-width: 0; order: 2;}
	.heatop ul{justify-content: flex-end; flex-wrap: nowrap;gap:10px;}
	.heabottom .mobile-bar{display: block !important;}
	.hright{display: flex; align-items: center; flex-shrink: 0; margin-left: 0; order: 3;}
	.banner .options{height: 520px;}
	.banner .mobile-banner .ban-swiper, .banner .mobile-banner .ban-swiper .swiper-slide, .banner .mobile-banner .mban-box{height: 420px; min-height: 420px;}
	.banner .mban-box .wrapper{padding: 20px 0 44px;}
	.banner .mban-box .info{position: static; transform: none; left: auto; top: auto; margin: 0; max-width: 100%; padding-right: 0;}
	.banner .mban-box .icon{display: none;}
	.banner .mban-box .info h1, .banner .mban-box .info h2, .banner .mban-box .info h3, .banner .mban-box h1, .banner .mban-box h2, .banner .mban-box h3{font-size: 22px; line-height: 1.3; margin-bottom: 10px;}
	.banner .mban-box .info h1 br, .banner .mban-box .info h2 br, .banner .mban-box .info h3 br, .banner .mban-box h1 br, .banner .mban-box h2 br, .banner .mban-box h3 br{display: none;}
	.banner .mban-box .info p, .banner .mban-box p{font-size: 14px; line-height: 1.5; margin-bottom: 14px;}
	.hpart3-item{flex-direction: column;}
	.hpart3-left, .hpart3-right{flex: 0 0 100%; max-width: 100%;}
	.hpart3-left{padding: 60px 6%;}
	.hpart3-right{min-height: 360px;}
	.hpart4-bottom{flex-direction: column; gap: 40px;}
	.hpart4-right{flex: 0 0 100%; max-width: 100%;}
	.hpart4-img{height: auto; min-height: 0;}
	.hpart4-img img{height: auto;}
	.hpart6-form .wpcf7-form > p:nth-of-type(1), .hpart6-form .wpcf7-form > p:nth-of-type(2){width: 100%;}
	.abanner{height: 480px;}
	.abanner .wrapper{padding: 0 0 50px;}
	.abp1-top{flex-direction: column; gap: 40px;}
	.abp1-left, .abp1-right{flex: 0 0 100%; max-width: 100%;}
	.abp1-item.vc_row,
	.vc_row.abp1-item{display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 50px !important; margin-left: 0 !important; margin-right: 0 !important; align-items: stretch;}
	.abp1-item.vc_row::before,
	.abp1-item.vc_row::after,
	.vc_row.abp1-item::before,
	.vc_row.abp1-item::after{display: none !important; content: none !important;}
	.abp1-item > .abp1-list,
	.abp1-item > .wpb_column,
	.abp1-item > .vc_column_container{float: none !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; flex: none !important; box-sizing: border-box;}
	.abp1-list .num{font-size: 32px;}
	.abp2-list p{font-size: 18px;}
	.newsp1{padding: 70px 0 80px;}
	.newsp1-top{grid-template-columns: 1fr;}
	.newsp1-img{border-radius: 6px 6px 0 0;}
	.newsp1-txt{padding: 32px 28px;}
	.newsp1-top h3{font-size: 24px;}
	.newsp1-list h3{font-size: 18px;}
	.sin-brem{padding-top: 24px;}
	.susp2{padding: 60px 0 70px;}
	.susp2-item{flex-wrap: wrap; gap:30px 0;}
	.susp2-item > .susp2-list,
	.susp2-item > .wpb_column{flex: 0 0 calc(50% - 10px);}
	.susp2-text h3{font-size: 22px;}
	.susp3{padding: 60px 0 70px;}
	.susp3 .tbox{margin-bottom: 40px;}
	.susp3-item{--susp3-stagger: 180px; --susp3-hline-odd: 140px;}
	.susp3-item > .susp3-list,
	.susp3-item > .wpb_column,
	.susp3-item > .vc_column_container{width: calc(50% - 30px) !important; max-width: calc(50% - 30px) !important;}
	.susp3-item > .wpb_column:nth-child(odd)::before,
	.susp3-item > .susp3-list:nth-child(odd)::before{right: -30px;}
	.susp3-item > .wpb_column:nth-child(even)::before,
	.susp3-item > .susp3-list:nth-child(even)::before{left: -30px;}
	.susp3-item > .wpb_column:nth-child(1)::before,
	.susp3-item > .susp3-list:nth-child(1)::before{left: calc(100% + 30px - var(--susp3-hline-odd)); right: auto;}
	.susp3-item > .wpb_column:nth-child(2)::before,
	.susp3-item > .susp3-list:nth-child(2)::before{left: -30px;}
	.susp3-item > .wpb_column:nth-child(1)::after,
	.susp3-item > .susp3-list:nth-child(1)::after,
	.susp3-item > .wpb_column:nth-child(odd):nth-child(n+2)::after,
	.susp3-item > .susp3-list:nth-child(odd):nth-child(n+2)::after{left: calc(100% + 30px); right: auto;}
	.susp3-item > .wpb_column:nth-child(even)::after,
	.susp3-item > .susp3-list:nth-child(even)::after{left: -30px; right: auto;}
	.susp3-text h3{font-size: 20px;}
	.form-none{max-width:520px;}
	#form:not(:has(.bf-title))::before{font-size:19px;}
	#form .bform .bf-title{padding:18px 50px 18px 18px !important;}
	#form .bform .bf-title h3{font-size:19px;}
	.singp1{padding: 30px 0 70px;}
	.sing-item{flex-direction: column; gap: 36px;}
	.sing-left{width: 100%; position: static; top: auto;}
	.sing-right .title{font-size: 28px;}
	.sing-des > p{font-size: 16px;}
	.sing-des ul li{font-size: 14px;}
	.sing-des table tr:first-child td{font-size: 16px;}
	.sing-des table td{font-size: 14px;}
	.sing-btn-enquiry,
	.sing-btn-phone{font-size: 16px;}
	.singp2{padding: 60px 0 70px;}
	.singp2-content .vc_tta-tab > a{padding: 14px 28px !important;}
	.singp2-content .vc_tta-tab span{font-size: 32px;}
	.singp2-content .vc_tta-panel-body{padding: 28px 24px 36px !important;}
	.singp2-content .vc_tta-panel-body h3{font-size: 22px;}
	.singp2-content p{line-height: 26px;}
	.singp2-related{margin-top: 50px;}
	.singp2-related .title{font-size: 28px; margin-bottom: 28px;}
	.singp2-list h3{font-size: 16px;}
	.sblogp1{margin-top: 40px; margin-bottom: 50px;}
	.sblog-item{flex-direction: column; gap: 30px;}
	.sblog-left,
	.sblog-right{width: 100%; padding-right: 0;}
	.sblog-right{position: static;}
	.sblogp2{padding-top: 40px; margin-bottom: 50px;}
	.slide-form{padding: 30px 22px;}
	.slide-form h3,
	.slide-form .ntitle{font-size: 24px;}
	.logo{max-width: 200px;}
	.ctap1-right {flex: 0 0 50%;max-width: 50%;margin-left: 10px;}
	.ctap1-right .wpb_text_column:first-child p{font-size:20px;line-height:30px;}
	.prop2{padding: 50px 0 70px;}
	.prop2 h3{font-size: 28px; margin-bottom: 28px;}
	.prop2-item1 + .wpb_text_column h3{margin-top: 36px; margin-bottom: 30px;}
	.prop2-text h4{font-size: 18px;}
	.prop2-item2{padding-top: 44px;}
	.prop2-item2::after{top: 35px;}
	.prop2-item2 > .prop2-list2::before{font-size: 18px; top: -44px;}
	.prop2-list2 > .vc_column-inner > .wpb_wrapper{padding: 32px 16px;}
	.prop2-txt h4{font-size: 16px;}
}
@media (max-width:768px){
	.wrapper, .page-width{width: auto; margin-left: 4%; margin-right: 4%;}
	.title{font-size: 32px;}
	.atitle{font-size: 28px;}
	.nbanner{min-height: 280px;}
	.nbanner .wrapper{padding: 60px 0;}
	.nbanner .nbbox .title{font-size: 32px; margin-bottom: 14px; padding-bottom: 14px;}
	.nbanner .breadcrumbs{font-size: 13px; margin-top: 14px;}
	.pbanner{min-height: 200px;}
	.pbanner .wrapper{padding: 50px 0;}
	.pbanner .pbbox .title{font-size: 32px; padding-bottom: 14px;}
	.pbanner .breadcrumbs{font-size: 13px; margin-top: 14px;}
	.prop1{padding: 40px 0 70px;}
	.prop1-item{gap: 24px;}
	.prop1-left{flex: 0 0 240px; max-width: 240px;}
	.prop1-menu li a{padding: 14px 16px; font-size: 15px;}
	.prop1-right{gap: 18px;}
	.prop1-list{padding: 22px 18px 18px;}
	.prop1-list h3{font-size: 20px;}
	.hpart6-item{flex-direction: column; gap: 40px;}
	.hpart6-left, .hpart6-right{flex: 0 0 100%; max-width: 100%;}
	.hpart6-left{min-height: 300px;}
	.hpart6-left img{min-height: 300px;}
	.prop2{padding: 50px 0 70px;}
	.prop2 .tbox{margin-bottom: 36px;}
	.prop2 h3{font-size: 28px; margin-bottom: 28px;}
	.prop2-item1 + .wpb_text_column h3{margin-top: 36px; margin-bottom: 30px;}
	.prop2-item1{gap: 16px; margin-top: 24px;}
	.prop2-text h4{font-size: 18px;}
	.prop2-item2{gap: 12px; padding-top: 44px;}
	.prop2-item2::after{top: 35px;}
	.prop2-item2 > .prop2-list2::before{font-size: 16px; top: -42px;}
	.prop2-list2 > .vc_column-inner > .wpb_wrapper{padding: 28px 14px;}
	.prop2-txt h4{font-size: 15px;}
	.abanner{height: 420px;}
	.abanner .wrapper{padding: 0 0 50px;}
	.abanner .abbox .title{font-size: 32px; padding-bottom: 14px;}
	.abanner .breadcrumbs{font-size: 13px; margin-top: 14px;}
	.ctap1{padding: 60px 0 80px;}
	.ctap1-left .ntitle{font-size: 32px;}
	.ctap1 .cflist{width: 100%;}
	.faqp1{padding: 60px 0 40px;}
	.abp1{padding: 60px 0 80px;}
	.abp1-top{gap: 30px;}
	.abp1-stats{gap: 16px; margin-top: 40px;}
	.abp1-item{padding: 0;}
	.abp1-list{padding: 36px 16px 40px;}
	.abp1-list .wpb_single_image{margin: 0 auto 28px !important;}
	.abp1-list .num{font-size: 30px; margin-bottom: 10px;}
	.abp1-item.vc_row,
	.vc_row.abp1-item{gap: 16px; margin-top: 40px !important;}
	.abp2{padding: 60px 0 80px;}
	.abp2 .tbox{margin-bottom: 36px;}
	.abp2 .tbox p{font-size: 16px; line-height: 24px;}
	.abp2-item.vc_row,
	.vc_row.abp2-item{gap: 20px; margin-bottom: 40px !important;}
	.abp2-icon{width: 64px; height: 64px;}
	.abp2-icon img{max-width: 34px !important; max-height: 34px !important;}
	.abp2-icon::after{width: 22px; height: 22px; font-size: 10px; line-height: 22px;}
	.abp2-list p{font-size: 15px;}
	.abp2-content ul{gap: 24px;}
	.abp2-content ul li{padding: 18px;}
	.abp2-content ul li img{max-width: 240px;}
	.abp3{padding: 0 0 80px;}
	.abp3-item.vc_row,
	.vc_row.abp3-item{gap: 36px;}
	.abp3-right p{margin-bottom: 22px;}
	.abp3-right ul li{margin-bottom: 14px;}
	.newsp1{padding: 60px 0 70px;}
	.newsp1-item{gap: 20px;}
	.newsp1-top h3{font-size: 22px;}
	.newsp1-list h3{font-size: 17px;}
	.faqp1 .vc_toggle_title,
	.faqp1 .vc_tta-panel-heading{padding: 18px 20px !important;}
	.faqp1 .vc_toggle_content,
	.faqp1 .vc_tta-panel-body{padding: 0 20px !important;}
	.faqp1 .vc_toggle_content > *:last-child,
	.faqp1 .vc_tta-panel-body > *:last-child{padding-bottom: 18px;}
	.faqp1 .vc_toggle_title h4,
	.faqp1 .vc_toggle_title > *,
	.faqp1 .vc_tta-panel-title > a{font-size: 15px !important;}
	.hpart2{padding: 70px 0 80px;}
	.hpart2 .title{font-size: 26px; margin-bottom: 40px;}
	.hpart5-item{padding: 0 44px;}
	.hp5-prev, .hp5-next{width: 40px; height: 40px;}
	footer{padding: 50px 0 30px;}
	footer .fitem{flex-direction: column; gap: 40px;}
	footer .fleft, footer .fright{flex: 0 0 100%; max-width: 100%; width:100%;}
	footer .fright{grid-template-columns: 1fr; gap: 0;}
	footer .copyrihgt{margin-top: 30px;}
	footer .fright .flist{margin-bottom: 0;}
	footer .fleft > p{margin: 30px 0 20px;}
	footer .flist > p{font-size: 18px; border-bottom: 1px solid rgba(255, 255, 255, 0.35); padding: 0 24px 15px 0; position: relative; margin-bottom: 0; cursor: pointer; text-decoration: none; margin-bottom:20px;}
	footer .flist > p::after{content: "\f105"; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 14px; color: #fff;}
	footer .flist > p.active{border-bottom: none; margin-bottom:0px !important;}
	footer .flist > p.active::after{content: "\f107";}
	footer .flist > ul{display: none; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.35);}
	footer .flist > ul.active{display: block;}
	.heatop ul{gap: 10px;}
	.ctap1-right >.vc_column-inner>.wpb_wrapper{padding:30px;}
	.ctap1-right {flex: 0 0 50%;max-width: 50%;margin-left: 10px;}
	.ctap1-right .wpb_text_column:first-child p{font-size:18px;line-height:28px;}
	.ctap1-right ul li{font-size:16px;}
	.form-none{width:90%; max-width:none; max-height:88vh;}
	#form:not(:has(.bf-title))::before{font-size:18px; padding:16px 48px 8px 16px;}
	#form:not(:has(.bf-title)) > .wpcf7::before{padding:0 16px 16px; margin-bottom:22px;}
	#form .single-forms .ref-list, #form .bform .bflist{padding-left:16px; padding-right:16px;}
	#form .wpcf7-form > p{padding:0 16px;}
	#form .bform .bf-title{padding:18px 48px 18px 16px !important;}
	#form .bform .bf-title h3{font-size:18px;}
	#form .ref-list .wpcf7-submit, #form .bf-sub .wpcf7-submit, #form .wpcf7-submit{min-width:140px; height:42px; font-size:15px;}
}
@media(max-width:767px){
	.wrapper, .page-width{width: auto; margin-left: 4%; margin-right: 4%;}
	.title{font-size: 28px;}
	.atitle{font-size: 26px;}
	.ctap1-left, .ctap1-right{flex: 0 0 100%; max-width: 100%;}
	.ctap1-right{margin-left: 0; margin-top: 40px;}
	.searchpage{padding: 50px 0 60px;}
	.searchpage .search-result-count{margin-bottom: 30px; padding-bottom: 20px;}
	.search-no-result-content .search-field{width: 100%;}
	.sear_content .no-results,
	.no-results{margin-top: 60px; margin-bottom: 70px;}
	.nbanner{min-height: 240px;}
	.nbanner .wrapper{padding: 50px 0;}
	.nbanner .nbbox .title{font-size: 28px;}
	.pbanner{min-height: 180px;}
	.pbanner .wrapper{padding: 40px 0;}
	.pbanner .pbbox .title{font-size: 28px;}
	.prop1{padding: 30px 0 50px;}
	.prop1-item{flex-direction: column; gap: 24px;}
	.prop1-left{flex: 0 0 100%; max-width: 100%; width: 100%;}
	.prop1-right{grid-template-columns: 1fr; gap: 16px; width: 100%;}
	.prop1-list h3{font-size: 18px;}
	.prop1-img{min-height: 150px; margin-bottom: 16px;}
	.susp1-text{padding: 40px 0 36px;}
	.susp1-text p{font-size: 15px; line-height: 1.7;}
	.susp1-tbox{padding: 32px 12px 30px !important;}
	.susp1-tbox h3{font-size: 16px;}
	.susp1-item{flex-direction: column; gap: 28px; padding: 40px 0 40px;}
	.susp1-left{flex: 0 0 auto; width: 100%;}
	.susp1-right{width: 100%;}
	.susp1-left img{max-width: 160px;}
	.susp1-right p{font-size: 15px;}
	.susp2{padding: 50px 0 50px;}
	.susp2-item > .susp2-list,
	.susp2-item > .wpb_column{flex: 0 0 100%;}
	.susp2-text{padding: 20px 18px 24px !important;}
	.susp2-text h3{font-size: 20px;}
	.susp3{padding: 50px 0 50px;}
	.susp3 .tbox{margin-bottom: 36px;}
	.susp3 .tbox p{font-size: 15px;}
	.susp3-item{--susp3-gap: 40px; --susp3-stagger: 0px; --susp3-hline-odd: 30px; padding-left: 0;}
	.susp3-item > .susp3-list,
	.susp3-item > .wpb_column,
	.susp3-item > .vc_column_container{width: 100% !important; max-width: 100% !important; align-self: stretch !important; padding: 0 0 0 44px !important; margin-top: 0 !important;}
	.susp3-item > .wpb_column:nth-child(odd)::before,
	.susp3-item > .susp3-list:nth-child(odd)::before,
	.susp3-item > .wpb_column:nth-child(even)::before,
	.susp3-item > .susp3-list:nth-child(even)::before{left: 14px; right: auto; width: var(--susp3-hline-odd);}
	.susp3-item > .wpb_column:nth-child(1)::before,
	.susp3-item > .susp3-list:nth-child(1)::before{left: 14px; right: auto; width: var(--susp3-hline-odd); height: calc(100% - 48px + var(--susp3-gap) + 48px); background: linear-gradient(#fed667, #fed667) left top / 3px 100% no-repeat, linear-gradient(#fed667, #fed667) left top / 100% 2px no-repeat;}
	.susp3-item > .wpb_column:nth-child(2)::before,
	.susp3-item > .susp3-list:nth-child(2)::before{left: 14px; right: auto; width: 30px; height: calc(100% - 48px + var(--susp3-gap) + 48px); background: linear-gradient(#fed667, #fed667) left top / 1px 100% no-repeat, linear-gradient(#fed667, #fed667) left top / 100% 2px no-repeat;}
	.susp3-item > .wpb_column:nth-child(1)::after,
	.susp3-item > .susp3-list:nth-child(1)::after{left: 14px; right: auto; transform: translateX(-50%);}
	.susp3-item > .wpb_column:nth-child(n+2)::after,
	.susp3-item > .susp3-list:nth-child(n+2)::after,
	.susp3-item > .wpb_column:nth-child(odd):nth-child(n+2)::after,
	.susp3-item > .susp3-list:nth-child(odd):nth-child(n+2)::after,
	.susp3-item > .wpb_column:nth-child(even)::after,
	.susp3-item > .susp3-list:nth-child(even)::after{left: 14px; right: auto; transform: translateX(-50%);}
	.susp3-text h3{font-size: 20px;}
	.susp3-text p,
	.susp3-text ul li{font-size: 14px;}
	.singp1{padding: 24px 0 50px;}
	.sing-item{gap: 28px;}
	.sing-left{position: static; top: auto;}
	.sing-right .title{font-size: 24px; margin-bottom: 16px;}
	.sing-des > p{font-size: 15px;}
	.sing-des ul li{font-size: 14px;}
	.sing-des table tr:first-child td{font-size: 16px; padding: 12px 16px;}
	.sing-des table td{padding: 12px 16px; font-size: 14px;}
	.sing-btns{flex-direction: column; gap: 12px;}
	.sing-btn{width: 100%; min-width: 0;}
	.sing-btn-enquiry,
	.sing-btn-phone{font-size: 16px;}
	.sing-thumbs{margin: 0;}
	.singp2{padding: 50px 0 50px;}
	.singp2-content .vc_tta-tab > a{padding: 12px 20px !important;}
	.singp2-content .vc_tta-tab span{font-size: 26px;}
	.singp2-content .vc_tta-panel-body{padding: 22px 18px 28px !important; font-size: 15px;}
	.singp2-content .vc_tta-panel-body h3{font-size: 20px;}
	.singp2-content p{line-height: 26px;}
	.singp2-related{margin-top: 40px;}
	.singp2-related .title{font-size: 24px; margin-bottom: 24px;}
	.singp2-prev, .singp2-next{width: 40px; height: 40px;}
	.singp2-list h3{font-size: 16px;}
	.prop2{padding: 40px 0 60px;}
	.prop2 .tbox{margin-bottom: 32px;}
	.prop2 h3{font-size: 28px; margin-bottom: 24px;}
	.prop1-left{position: relative;top: 0;}
	.prop2-item1 + .wpb_text_column h3{margin-top: 30px; margin-bottom: 24px;}
	.prop2-item1,
	.prop2-item2{flex-direction: column !important; gap: 20px; padding-top: 0; margin-top: 0;}
	.prop2-item2::after{display: none !important;}
	.prop2-item2 > .prop2-list2::before,
	.prop2-item2 > .prop2-list2::after{display: none;}
	.prop2-img{text-align: center !important;}
	.prop2-text h4{font-size: 18px;}
	.prop2-list1 > .vc_column-inner > .wpb_wrapper{padding: 20px 18px 24px;}
	.prop2-list2 > .vc_column-inner > .wpb_wrapper{margin-top: 0; padding: 28px 18px;}
	.prop2-list2 > .vc_column-inner > .wpb_wrapper::before{display: none;}
	.prop2-txt h4{font-size: 18px;}
	.abanner{height: 320px;}
	.abanner .wrapper{padding: 0 0 40px;}
	.abanner .abbox .title{font-size: 28px;}
	.ctap1{padding: 50px 0 60px;}
	.ctap1-left .ntitle{font-size: 28px; margin-bottom: 12px;}
	.ctap1-left .wpb_text_column p, .ctap1-right .wpb_text_column:first-child p{font-size: 15px; line-height: 24px; margin-bottom: 24px;}
	.ctap1 .cform{gap: 12px;}
	.ctap1-right ul li{font-size: 14px; line-height: 24px; margin-bottom: 22px;}
	.btn{font-size:16px;}
	.mobile-banner a.btn:first-child{margin-right:5px;}
	.banner .mobile-banner .ban-swiper, .banner .mobile-banner .ban-swiper .swiper-slide, .banner .mobile-banner .mban-box{height: 360px; min-height: 360px;}
	.banner .mban-box .info h1, .banner .mban-box .info h2, .banner .mban-box .info h3, .banner .mban-box h1, .banner .mban-box h2, .banner .mban-box h3{font-size: 20px;}
	.hpart2-item{grid-template-columns: 1fr; gap: 36px;}
	.hpart2-list{padding: 28px 20px 30px;}
	.hpart2-list h3{font-size: 20px;}
	.hpart1-item{grid-template-columns: 1fr;}
	.hpart4-item{grid-template-columns: repeat(2, minmax(0, 1fr));}
	.heatop ul{gap: 14px;}
	.heatop ul li{display: flex; align-items: center;}
	.heatop ul li a[href^="tel:"], .heatop ul li a[href^="mailto:"]{font-size: 0; display: flex; align-items: center;}
	.heatop ul li a[href^="tel:"] img, .heatop ul li a[href^="mailto:"] img{margin-right: 0; width: 20px; height: 20px; object-fit: contain;}
	.hsear a{display: flex; align-items: center; line-height: 1;}
	.hsear a i{font-size: 20px; line-height: 1;}
	.logo{max-width: 220px;}
	.hpart4-txt .num{font-size:30px;}
	.hpart4-faq-item.active .hpart4-faq-head h3{font-size:24px;}
	.hpart1{padding: 50px 0 60px;}
	.hpart1-item{margin-top: 30px; gap: 24px;}
	.hpart1-list{padding: 24px 20px; min-height: auto;}
	.hpart2{padding: 50px 0 60px;}
	.hpart2-item{gap: 28px; margin-top: 40px;}
	.hpart2 .title{margin-bottom: 30px;}
	.hpart3-left{padding: 50px 6%;}
	.hpart3-txt p{font-size:16px;line-height:26px}
	.hpart3-txt p.sub{font-size:16px;}
	.hpart3-right{min-height: 280px;}
	.hpart4{padding: 50px 0 60px;}
	.hpart4 .title.text-center{margin-bottom: 30px;}
	.hpart4-item{padding-top: 30px; gap: 16px;}
	.hpart4-bottom{gap: 30px;}
	.hpart5{padding: 0 0 60px;}
	.hpart5 .tbox{margin-bottom: 30px;}
	.hpart5-item{padding: 0 40px;}
	.hpart6{padding: 0 0 60px;}
	.hpart6-item{gap: 30px;}
	.faqp1{padding: 50px 0 30px;}
	.abp1{padding: 50px 0 60px;}
	.abp1-stats{grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 30px;}
	.abp1-item.vc_row,
	.vc_row.abp1-item{display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 30px !important; margin-left: 0 !important; margin-right: 0 !important;}
	.abp1-item > .abp1-list,
	.abp1-item > .wpb_column,
	.abp1-item > .vc_column_container{float: none !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; flex: none !important;}
	.abp1-list .num{font-size: 26px;}
	.abp1-list h3{font-size: 14px;}
	.abp2{padding: 50px 0 60px;}
	.abp2-item.vc_row,
	.vc_row.abp2-item{display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 12px; margin-bottom: 30px !important; margin-left: 0 !important; margin-right: 0 !important;}
	.abp2-item > .abp2-list,
	.abp2-item > .wpb_column,
	.abp2-item > .vc_column_container{float: none !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; flex: none !important;}
	.abp2-list .wpb_text_column .wpb_wrapper{gap: 12px;}
	.abp2-icon{width: 56px; height: 56px;}
	.abp2-list p{font-size: 14px; max-width: none;}
	.abp2-content ul{display: flex !important; flex-wrap: nowrap !important; gap: 12px;}
	.abp2-content ul li{flex: 1; min-width: 0; padding: 8px;}
	.abp2-content ul li img{max-width: 100%; max-height: none;}
	.abp3{padding: 0 0 60px;}
	.abp3-item.vc_row,
	.vc_row.abp3-item{flex-direction: column; gap: 30px;}
	.abp3-left,
	.abp3-right{flex: 0 0 100%; max-width: 100%;}
	.newsp1{padding: 50px 0 60px;}
	.newsp1-item{grid-template-columns: 1fr; gap: 20px; margin-bottom: 40px;}
	.newsp1-txt{padding: 24px 20px;}
	.newsp1-top h3{font-size: 20px;}
	.newsp1-list-txt{padding: 18px 18px 22px;}
	.newsp1-list h3{font-size: 16px;}
	.newsp1-page .wp-pagenavi{gap: 12px;}
	.sblog-latest{grid-template-columns: 1fr; gap: 20px;}
	.slide-form{padding: 26px 18px;}
	.slide-form h3,
	.slide-form .ntitle{font-size: 22px;}
	.slide-form textarea{height: 120px;}
	.hpart6-txt .title, .hpart6-txt h2{font-size: 28px;}
	.ctap1-right >.vc_column-inner>.wpb_wrapper{padding:25px;}
	.faqp1 .wpb_text_column:first-child p, .faqp1 > p{font-size: 16px; line-height:24px;}
	.newsp1-top{margin-bottom:30px;}
	.form-none{width:94%; border-radius:6px;}
	.form-none #form-close{right:10px; top:12px;}
	#form:not(:has(.bf-title))::before{font-size:17px; padding:14px 44px 6px 14px;}
	#form:not(:has(.bf-title)) > .wpcf7::before{font-size:13px; line-height:1.5; padding:0 14px 14px; margin-bottom:18px;}
	#form .single-forms .ref-list, #form .bform .bflist{padding-left:14px; padding-right:14px;}
	#form .wpcf7-form > p{padding:0 14px;}
	#form .ref-list textarea, #form .bflist textarea, #form .wpcf7-textarea{height:120px;}
	#form .ref-list .wpcf7-submit, #form .bf-sub .wpcf7-submit, #form .wpcf7-submit{min-width:130px; height:40px; padding:0 26px; font-size:14px;}
	#form .wpcf7-response-output{margin:0 14px 14px; font-size:13px;}
}
@media(max-width:480px){
	.hlogo{width: 120px;}
	.float-side-inquiry, .float-side-item{width: 60px; padding: 12px 6px;}
	.float-side-icon{font-size: 18px;}
	.float-side-label{font-size: 11px;}
	.logo{max-width: 160px;}
	.abanner{height: 260px;}
	.abanner .wrapper{padding: 0 0 28px;}
	.abanner .abbox .title{font-size: 24px;}
	.form-none{width:96%; max-height:86vh;}
	.form-none #form-close svg{width:24px; height:24px;}
	#form:not(:has(.bf-title))::before{font-size:16px; padding:12px 40px 6px 12px;}
	#form .bform .bf-title h3{font-size:16px;}
	#form .bform .bf-title p{font-size:13px;}
	#form .ref-list .wpcf7-submit, #form .bf-sub .wpcf7-submit, #form .wpcf7-submit{min-width:120px; height:38px; padding:0 22px; font-size:13px;}
	.banner .mobile-banner .ban-swiper, .banner .mobile-banner .ban-swiper .swiper-slide, .banner .mobile-banner .mban-box{height: 320px; min-height: 320px;}
	.heatop ul { gap: 10px; }
}