@media screen and (max-width:786px) {
.content {
	padding: 0 1.2rem
}
.swiper_content {
	padding: 10px 1.2rem
}
.only_mobile {
	display: block
}
body.fixed {
	padding-right: 0
}
.head .subtitle {
	font-size: 14px;
margin-bottom:.5rem
}
.head h1 {
	font-size: 25px;
	line-height: 1.5
}
.single-capabilities .head h1 {
	font-size: 25px!important
}
div.head h2 {
	font-size: 22px;
	line-height: 1.5!important
}
.head p {
font-size:.9rem;
	line-height: 1.5rem
}
.video_pop .pop_content {
	height: auto;
	width: 90vw
}
.btn {
	min-width: unset;
	font-size: 14px;
	height: 42px;
padding:.6rem 1rem;
	line-height: 1.3;
	border-radius: 4px
}
.btn::after {
	height: 10px
}
.btn_trans {
	font-size: 14px;
	border-radius: 4px;
	height: 42px;
padding:.4rem 1rem
}
.page_banner {
	padding: 4rem 0
}
.page_banner .flex {
	min-height: unset
}
.page_banner .head {
	padding: 0
}
.page_banner .head h1 {
	font-size: 25px;
	line-height: 1.5
}
.page_banner .head .desc {
margin-top:.5rem;
	font-size: 15px;
	line-height: 1.5
}
.blog_main .flex {
	flex-direction: column;
	padding: 0;
	padding-top: 1rem
}
.blog_main .leftcate {
	width: 100%;
	order: 9;
	margin-top: 2rem
}
.blog_main .leftcate .catemobile_menu {
	display: block
}
.blog_main .leftcate .catemask {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.2)
}
.blog_main .leftcate .categorycon {
	position: fixed;
	width: 70vw;
	height: 100%;
	top: 0;
	right: -70%;
	background-color: #fff;
	z-index: 2;
	border-radius: 0;
	padding: 2rem 5.2%;
	opacity: 0;
	transition: all 0.3s;
	overflow: auto
}
.blog_main .leftcate .categorycon.show {
	display: block;
	right: 0;
	opacity: 1
}
.blog_main .leftcate .categorycon.show .cateclose {
	display: block
}
.blog_main .leftcate .categorycon .category_box {
	width: 100%;
	box-shadow: unset;
	padding: 0
}
.blog_main .leftcate .email_box {
	margin-top: 2rem;
	border-radius: 8px
}
.blog_main .leftcate .email_box form {
padding:1.2rem .9rem
}
.blog_main .leftcate .email_box form input {
	font-size: 14px;
padding:.6rem 1rem;
	border-radius: 5px
}
.blog_main .leftcate .icons {
	margin-top: 2rem
}
.blog_main .leftcate .icons .social {
	justify-content: space-around
}
.blog_main .leftcate .icons .social li {
	width: 36px;
	height: 36px
}
.blog_main .rightmain .list .blog_list {
gap:1rem .5rem
}
.blog_main .rightmain .list .blog_list .blog_item .info {
padding:.8rem .5rem 1rem
}
.blog_main .rightmain .list .blog_list .blog_item .info div.title {
	font-size: 16px;
	line-height: 1.2
}
.blog_main .rightmain .list .blog_list .blog_item .date {
	font-size: 14px;
	line-height: 1.5;
padding:5px .8rem
}
.contact_banner .btns {
	margin-top: 1.6rem
}
.contact_main {
	padding-bottom: 4rem
}
.contact_main .white {
	margin-bottom: 2rem
}
.contact_main .flex {
	flex-direction: column;
	gap: 3rem
}
.contact_main .lefttext {
	width: 100%;
	padding: 0
}
.contact_main .lefttext h2 {
	font-size: 22px;
	line-height: 1.5
}
.contact_main .lefttext p {
	font-size: 14px;
	line-height: 1.5;
margin:.5rem 0
}
.contact_main .nums_box {
	margin-top: 2rem
}
.contact_main .nums_box>div {
	gap: 1.8rem
}
.contact_main .nums_box .item .icon {
	width: 45px;
	height: 45px
}
.contact_main .nums_box .item span {
	font-size: 25px
}
.contact_main .nums_box .item i {
	font-size: 20px
}
.contact_main .nums_box .item p {
	font-size: 14px;
	margin: 0
}
.contact_main .form {
	width: 100%
}
.contact_main .form form {
	gap: 1rem
}
.contact_main .form .con {
	padding: 1.6rem 1rem
}
.contact_main .form .title {
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 1.5rem
}
.contact_main .form .col2 {
	width: 100%
}
.contact_main .form input, .contact_main .form select, .contact_main .form textarea {
	font-size: 14px;
padding:.6rem .9rem
}
.contact_main .form select {
	background-size: 3%;
	background-position-x: 94%
}
.contact_main .form p {
	font-size: 1rem;
	margin-bottom: 5px
}
.contact_main .form .file {
padding:1.5rem .5rem
}
.contact_main .form .file strong {
	font-size: 18px
}
.contact_main .form .file strong::before {
	width: 18px;
	height: 18px;
	margin-right: 8px
}
.contact_main .form .file span {
	font-size: 14px;
	margin-top: 5px
}
.contact_main .form button {
	font-size: 14px;
padding:.75rem 1rem;
	border-radius: 4px
}
.contact_main .warn {
	margin-top: 2rem
}
.contact_main .warn p {
	font-size: 14px;
	line-height: 1.5;
	gap: 8px
}
.contact_main .warn p::before {
	width: 18px;
	height: 18px
}
.contact_visit {
	padding: 4rem 0 5.5rem
}
.contact_visit .flex {
	flex-direction: column
}
.contact_visit .left h2 {
	font-size: 22px;
	line-height: 1.5;
	margin-bottom: 2rem
}
.contact_visit .left li {
	margin-bottom: 1.5rem;
	gap: 1.4rem;
	align-items: start
}
.contact_visit .left li i {
	width: 45px;
	height: 45px
}
.contact_visit .left li strong {
	font-size: 18px
}
.contact_visit .left li p {
	font-size: 14px;
	line-height: 1.5;
	margin-top: 0
}
.contact_visit .left li a {
	font-size: 14px;
	line-height: 1.5;
	margin-top: 0
}
.contact_visit .rightmap {
	width: 100%;
margin-top:.5rem
}
.download_nav .nav ul {
	overflow: auto
}
.download_nav .nav ul::-webkit-scrollbar {
height:0
}
.download_nav .nav ul li a {
	min-width: unset;
	text-wrap: nowrap;
	padding: 1rem 1rem;
	font-size: 16px
}
.download_guides {
	padding: 3rem 0 2rem
}
.download_guides .head {
	margin-bottom: 2rem
}
.download_guides .head h2 {
	font-size: 25px;
	line-height: 1.5
}
.download_guides .head .desc {
	font-size: 14px;
	line-height: 1.5;
margin-top:.5rem
}
.download_list .download_item a {
	padding: 1.5rem 0
}
.download_list .download_item a .img {
	min-height: unset;
	padding: 1rem;
	max-height: 215px
}
.download_list .download_item a .info span {
	font-size: 14px
}
.download_list .download_item a .info strong {
	font-size: 16px;
	margin: 5px 0 1.2rem
}
.swiper_btns {
	display: none
}
.downbtn {
	font-size: 14px;
padding:.7rem 1rem
}
.downbtn::after {
	width: 14px;
	height: 14px
}
.download_poster .posterlist .download_list {
	grid-template-columns: repeat(1, 1fr);
	gap: 1.8rem
}
.download_poster .posterlist .download_list a {
	padding-top: 0
}
.download_poster {
	padding: 3rem 0
}
.download_poster .head {
	margin-bottom: 2rem
}
.download_poster .head h2 {
	font-size: 22px;
	line-height: 1.5
}
.download_poster .head .desc {
	font-size: 14px;
	line-height: 1.5;
margin-top:.5rem
}
.download_reports {
	padding: 3rem 0 5rem
}
.download_reports .flex {
	flex-direction: column
}
.download_reports .con {
	padding: 1.5rem 1.2rem
}
.download_reports .con .left .head h2 {
	font-size: 22px;
	line-height: 1.5
}
.download_reports .con .left .img {
	width: 60px;
	height: 60px;
	margin-top: 1rem
}
.download_reports .con .right {
	width: 100%
}
.download_reports .con .right p {
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 1rem
}
.download_reports .con .right ul li {
	font-size: 14px;
margin-bottom:.8rem
}
.download_reports .con .right ul li::before {
	width: 8px;
	height: 8px
}
.download_reports .contact {
	margin-top: 2rem
}
.download_reports .contact .left strong {
	font-size: 18px;
	line-height: 1.5
}
.download_reports .contact .left .social {
	margin-top: 1rem
}
.download_reports .contact .left .social li {
	width: 40px;
	height: 40px
}
.download_reports .contact .right {
	width: 100%;
	padding-top: 1rem
}
.download_reports .contact .right form {
gap:.5rem
}
.download_reports .contact .right button {
	width: unset;
	font-size: 14px;
padding:.8rem 1rem;
	border-radius: 4px
}
.download_reports .contact .right button::after {
	height: 8px
}
.download_reports .contact .right input[type='email'] {
	font-size: 12px;
padding:0 .8rem;
	border-radius: 4px
}
.blog_main .leftcate .cateswiper-box {
	padding: 1.5rem 1.2rem 3.5rem;
	border-radius: 10px
}
.blog_main .leftcate .cateswiper-box .swiper-pagination {
	bottom: 15px
}
.blog_main .leftcate .cateswiper-box .swiper-pagination span {
	width: 10px;
	height: 10px
}
.blog_main .leftcate .cateswiper-box h3 {
	font-size: 18px;
	line-height: 1.4
}
.blog_main .leftcate .cateswiper-box .leftcateswiper {
	margin-top: 1rem
}
.blog_main .leftcate .cateswiper-box .list li a {
	gap: 1rem
}
.blog_main .leftcate .cateswiper-box .list li .left {
	width: 21%
}
.blog_main .leftcate .cateswiper-box .list li .info strong {
	font-size: 15px;
	line-height: 1.3
}
.blog_main .leftcate .cateswiper-box .list li .info .date {
	font-size: 13px;
	margin-top: 6px
}
.blog_main {
	padding-bottom: 4rem
}
.blog_main .white {
	margin-bottom: 0
}
.blog_main .flex {
	flex-direction: column
}
.blog_main .leftcate {
	width: 100%;
	display: flex;
	flex-direction: column
}
.blog_main .leftcate .catemobile_menu, .blog_main .type_menu {
	display: block
}
.blog_main .type_menu {
	width: 20px;
	height: 20px;
	margin: 3.5rem 0 2.5rem;
	margin-left: auto;
margin-right:.5rem;
	cursor: pointer;
	margin-top: 0;
	order: 3;
	background: url(../../../../../../../../themes/sytech/assets/img/mobile-menu/nav-btn-p.svg) no-repeat center / contain
}
.blog_main .leftcate .type_menu {
	display: none
}
.blog_main .leftcate .catemask, .blog_main .leftcate .only_mobilmask {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 998;
	background: rgba(0,0,0,.2)
}
.blog_main .leftcate .catetitle {
	margin-top: 1rem;
	font-size: 16px;
	margin: 0
}
.blog_main .leftcate .type_close {
	display: block;
	padding: 1.5rem 0 0;
	width: fit-content;
	margin-left: auto
}
.blog_main .leftcate .type_close span {
	display: block;
	width: 20px;
	height: 20px;
	margin-left: auto;
	filter: brightness(0);
	background: url(../../../../../../../../themes/sytech/assets/img/mobile-menu/close.svg) no-repeat center / contain
}
.blog_main .leftcate .type_container .item .title {
	font-size: 16px;
	margin-top: 1rem
}
.blog_main .leftcate .type_container .item strong {
	font-size: 15px;
padding:.8rem 1rem
}
.blog_main .leftcate .type_container .subheadoption {
	margin: 0
}
.blog_main .leftcate .type_container .subheadoption li .leftcate_a {
	font-size: 14px;
	margin-bottom: 5px
}
.blog_main .leftcate .con {
	position: fixed;
	top: 0;
	right: -70%;
	width: 80vw;
	height: 100%;
	z-index: 2;
	background-color: #fff;
	padding: 0 1.2rem;
	transition: all 0.3s;
	opacity: 0;
	pointer-events: none;
	overflow: auto;
	z-index: 999
}
.blog_main .leftcate .con.active {
	right: 0;
	opacity: 1;
	pointer-events: unset
}
.blog_main .leftcate .categorycon {
	position: fixed;
	width: 80vw;
	height: 100%;
	top: 0;
	right: -70%;
	background-color: #fff;
	z-index: 2;
	border-radius: 0;
	padding: 2rem 5.2%;
	padding-top: 0;
	opacity: 0;
	transition: all 0.3s;
	pointer-events: none
}
.blog_main .leftcate .categorycon.show {
	display: block;
	right: 0;
	opacity: 1;
	pointer-events: unset
}
.blog_main .leftcate .categorycon .title {
	font-size: 18px
}
.blog_main .leftcate .categorycon strong {
	font-size: 16px;
	margin-top: 1rem
}
.blog_main .leftcate .categorycon ul {
	margin: 1rem 0
}
.blog_main .leftcate .categorycon ul li {
	font-size: 14px;
margin:.5rem 0
}
.blog_main .leftcate .categorycon .clear {
	margin-top: 1.5rem;
	font-size: 16px
}
.blog_main .leftcate .categorycon .clear::before {
	width: 12px;
	height: 12px
}
.blog_main .rightmain .btc {
	margin-bottom: 2rem;
	padding-bottom: 1.5rem
}
.blog_main .rightmain .list .blog_list {
	grid-template-columns: repeat(2, 1fr)
}
.resource_nav ul li .item {
	min-width: 160px
}
.resource_nav ul li .item i {
	width: 25px;
	height: 25px
}
.resource_nav ul li .item span {
	font-size: 16px
}
.navigation {
	margin-top: 3rem
}
.navigation .nav-links a {
	font-size: 18px
}
.navigation .nav-links a:first-child, .navigation .nav-links a:last-child {
	width: 30px;
	height: 30px
}
.blogend {
	padding-top: 3rem;
	padding-bottom: 5.5rem
}
.blogend .list ul {
	grid-template-columns: repeat(1, 1fr)
}
.blogend .list ul li {
	min-height: unset;
	border-radius: 10px
}
.blogend .list ul li a {
	padding: 1.8rem 1.2rem
}
.blogend .list ul li a i {
	width: 60px;
	height: 50px
}
.blogend .list ul li a strong {
	font-size: 18px;
	margin-top: 1rem
}
.blogend .list ul li a p {
	font-size: 14px;
	line-height: 1.5;
margin:.5rem 0 1rem
}
.search form button {
	width: 45px;
	height: 45px
}
.blog_main .leftcate .type_container .item.active>.title strong {
	font-size: 15px;
padding:.8rem 1rem
}
.video_latest {
	padding-bottom: 3rem
}
.video_latest .white {
	margin-bottom: 2rem
}
.video_latest .head {
	margin-bottom: 2rem
}
.video_latest .flex {
	flex-direction: column;
	gap: 2.2rem
}
.video_latest .video_item {
	border-radius: 6px
}
.video_latest .leftimg {
	width: 100%
}
.video_latest .leftimg .leftcon {
	padding-bottom: 80.6666%;
	border-radius: 6px
}
.video_latest .leftimg .info {
	padding: 1rem
}
.video_latest .leftimg .info p {
	font-size: 16px;
	line-height: 1.5;
	font-weight: 500
}
.video_latest .leftimg .info .date {
	font-size: 13px;
margin-top:.5rem
}
.video_latest .leftimg .info .date span {
	font-size: 13px
}
.video_latest .rightlist {
	width: 100%
}
.video_latest .rightlist .title {
	margin-bottom: 1rem
}
.video_latest .rightlist .title i {
	width: 25px;
	height: 25px
}
.video_latest .rightlist .title strong {
	font-size: 18px
}
.video_latest .rightlist li a {
	padding: 1.4rem 1rem;
gap:.8rem;
	border-radius: 6px
}
.video_latest .rightlist li .img {
	max-width: 90px;
	border-radius: 4px
}
.video_latest .rightlist li .info p {
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 2px
}
.video_latest .rightlist li .info span {
	font-size: 13px
}
.blogdetail_banner {
	padding-bottom: 4rem
}
.blogdetail_banner .flex {
	min-height: unset
}
.blogdetail_banner .flex .head h1 {
	font-size: 25px;
	line-height: 1.3
}
.blogdetail_banner .flex .head .desc {
margin-top:.5rem
}
.blogdetail_banner .flex .head .desc p {
	display: flex;
	align-items: center
}
.blogdetail_main {
	margin-bottom: 0;
	padding-bottom: 3rem
}
.blogdetail_main .flex {
	padding: 2.6rem 0 0;
	flex-direction: column-reverse;
	gap: 2.6rem
}
.blogdetail_main .left {
	width: 100%
}
.blogdetail_main .left .blogdl_tbale {
	padding: 1.5rem 1rem 1.4rem;
	margin-bottom: 3rem
}
.blogdetail_main .left .blogdl_tbale strong {
	font-size: 16px;
	margin-bottom: 1rem
}
.blogdetail_main .left .blogdl_tbale li {
	padding-bottom: 0;
gap:.5rem
}
.blogdetail_main .left .blogdl_tbale li a {
	font-size: 14px;
	line-height: 1.5;
	max-width: unset
}
.blogdetail_main .left .tags {
	margin-top: 2rem
}
.blogdetail_main .left .tags .title {
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 1rem
}
.blogdetail_main .left .tags .tag_item {
	font-size: 14px;
padding:.65rem 1rem
}
.blogdetail_main .left .pages {
	margin-top: 2rem
}
.blogdetail_main .left .pages .title {
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 1rem
}
.blogdetail_main .left .pages li {
	margin-bottom: 1.6rem
}
.blogdetail_main .left .pages li a {
	border-radius: 6px
}
.blogdetail_main .left .pages li a .img {
	aspect-ratio: 2/1.2
}
.blogdetail_main .left .pages li a .info {
	padding: 1.2rem
}
.blogdetail_main .left .pages li a .info strong {
	font-size: 16px;
	line-height: 1.5
}
.blogdetail_main .left .pages li a .info p {
	font-size: 14px;
	line-height: 1.5;
	margin-top: 5px;
	margin-bottom: 1rem
}
.blogdetail_main .left .pages li a .info span {
	font-size: 15px
}
.blogdetail_main .left .pages li a .info span::after {
	margin-top: 5px
}
.blogdetail_main .right p, .blogdetail_main .right a {
	font-size: 14px;
	line-height: 1.5;
	margin: 1rem 0
}
.blogdetail_main .right .content li {
	font-size: 14px;
	line-height: 1.5;
	padding-left: 1rem
}
.blogdetail_main .right .content ul li::before {
	width: 6px;
	top: 7px
}
.blogdetail_main .right h2 {
	font-size: 20px;
	line-height: 1.4;
	margin-top: 1.3rem
}
.blogdetail_main .right img {
	margin: 1.5rem 0
}
.blogdetail_main .right iframe {
	height: auto;
	aspect-ratio: 1920/1080
}
.blogdetail_main .right h3 {
	font-size: 18px;
	line-height: 1.5;
	margin-top: 1rem
}
.blogdetail_main .right h4 {
	font-size: 16px
}
.blogdetail_main .right .contact {
	margin-top: 2rem
}
.blogdetail_main .right .contact .flex {
	padding-top: 1rem;
	gap: 1.2rem;
	padding-bottom: 0
}
.blogdetail_main .right .contact .left strong {
	font-size: 18px;
	line-height: 1.5
}
.blogdetail_main .right .contact .left .social {
	margin-top: 1rem
}
.blogdetail_main .right .contact .left .social li {
	width: 40px;
	height: 40px
}
.blogdetail_main .right .contact .right {
	width: 100%;
	padding-top: 1rem
}
.blogdetail_main .right .contact .right form {
gap:.5rem
}
.blogdetail_main .right .contact .right button {
	width: unset;
	font-size: 14px;
padding:.8rem 1rem;
	border-radius: 4px
}
.blogdetail_main .right .contact .right button::after {
	height: 8px
}
.blogdetail_main .right .contact .right input[type='email'] {
	font-size: 12px;
padding:0 .8rem;
	border-radius: 4px
}
.blogdetail_main .line_box {
	top: 63px;
	height: 3px
}
.blogdl_contact {
	padding: 2rem 0
}
.blogdl_contact .flex {
	padding: 3rem 0;
	border-radius: 0;
	width: 100%
}
.blogdl_contact .head i {
	width: 60px
}
.blogdl_contact .head h2 {
	font-size: 22px;
	line-height: 1.5
}
.blogdl_contact .head .btn {
	margin-top: 1rem
}
.blogdl_article {
	padding: 3rem 0 5.3rem
}
.blogdl_article .head {
	margin-bottom: 2rem
}
.blogdl_article .list ul {
	grid-template-columns: repeat(1, 1fr);
	gap: 1.6rem
}
.blogdl_article .articles .article_item {
	border-radius: 8px
}
.blogdl_article .articles .article_item .img {
	aspect-ratio: 2/1.2
}
.blogdl_article .articles .article_item .info {
	padding: 1rem
}
.blogdl_article .articles .article_item .info strong {
	font-size: 18px;
	line-height: 1.35
}
.blogdl_article .articles .article_item .info p {
	font-size: 14px;
	line-height: 1.5;
	margin-top: 5px
}
.blogdl_article .articles .article_item span {
	font-size: 14px;
padding:.5rem 1rem
}
.surface_banner {
	display: flex;
	flex-direction: column;
	gap: 3rem
}
.surface_banner .head {
	padding: 0;
	padding-top: 3rem
}
.surface_banner .head .desc {
	font-weight: 400;
margin:.5rem 0 1rem
}
.surface_banner .flex {
	min-height: unset;
	padding: 0
}
.surface_banner .surface_swipercon {
	position: static;
	width: 100%;
	padding-bottom: 3.5rem
}
.surface_banner .surface_swipercon .swiper-pagination {
	bottom: -27px
}

.factory_banner .flex {
	min-height: unset;
	padding: 2rem 0 0
}
.factory_banner .head {
	padding: 0
}
.factory_banner .head .desc p {
	font-size: 14px;
	line-height: 1.5;
margin-top:.5rem
}
.factory_banner .head .desc ul {
	margin-top: 1rem
}
.factory_main {
	padding: 4rem 0
}
.factory_main .factory_main_swiper {
	margin: 2rem 0
}
.factory_main .factory_main_swiper .info {
	padding: 1rem
}
.factory_main .factory_main_swiper .info h3 {
	font-size: 16px
}
.factory_main .factory_main_swiper .visit {
	font-size: 14px;
padding:.7rem 1rem;
	font-weight: 500
}
.factory_equipment {
	padding: 4rem 0 5rem
}
.factory_equipment .factory_equipment_swiper {
	margin: 2rem 0
}
.factory_equipment .factory_equipment_swiper .swiper-slide .img {
	padding-bottom: 70%
}
.factory_equipment .factory_equipment_swiper .swiper-slide .info h3 {
	margin-top: 1.5rem;
	font-size: 18px
}
.factory_equipment .factory_equipment_swiper .swiper-slide .info p {
	font-size: 14px;
	line-height: 1.5;
margin-top:.5rem
}
.factory_equipment .control_box .btn_prev, .factory_equipment .control_box .btn_next {
	width: 30px
}
.factory_equipment .map {
	margin-top: 4rem
}
.factory_equipment .map h3 {
	font-size: 20px;
	line-height: 1.5
}
.factory_equipment .map .main {
	margin-top: 1rem;
	aspect-ratio: 2/1.2;
	position: relative;
	border-radius: 8px;
	flex-direction: column;
	overflow: visible;
	box-shadow: unset
}
.factory_equipment .map .main::before {
	display: none
}
.factory_equipment .map .main .img {
	position: static
}
.factory_equipment .map .main .infos {
	padding: 1.5rem 1.2rem 1rem;
	gap: 5px;
	position: relative;
	z-index: 2
}
.factory_equipment .map .main .infos .item {
gap:0 .8rem;
margin-bottom:.8rem
}
.factory_equipment .map .main .infos .item:last-child {
	margin-bottom: 0
}
.factory_equipment .map .main .infos .item .icon {
	width: 35px;
	height: 35px;
	background-color: var(--theme_color)
}
.factory_equipment .map .main .infos .item .icon i {
	filter: brightness(100)
}
.factory_equipment .map .main .infos .item strong {
	font-size: 14px;
	color: var(--title_color)
}
.factory_equipment .map .main .infos .item a, .factory_equipment .map .main .infos .item p {
	font-size: 12px;
	line-height: 1.3;
	color: #333
}
.home_banner {
	padding: 4rem 0
}
.home_banner .flex {
	min-height: unset;
	padding: 0
}
.home_banner .head {
	padding: 0
}
.home_banner .head .desc {
	margin-top: 1rem
}
.home_banner .head .desc ul {
margin-top:.5rem
}
.home_banner .head .desc li {
margin-bottom:.5rem
}
.home_banner .head .btns {
	margin-top: 1.5rem;
gap:.8rem
}
.home_banner .brands {
	padding: 1.8rem 0 1rem;
	margin-top: 2rem
}
.home_banner .brands ul {
	gap: 1rem
}
.home_banner .brands ul li img {
	max-width: 100px;
	max-height: 40px
}
.home_about {
	padding: 4rem 0 3rem;
	overflow: hidden
}
.home_about .flex {
	flex-direction: column;
	gap: 2rem
}
.home_about .head span {
	font-size: 14px;
margin-bottom:.5rem
}
.home_about .head h2 {
	font-size: 22px
}
.home_about .head h2 span {
	font-size: 22px
}
.home_about .head .desc p {
	font-size: 14px;
	line-height: 1.5;
margin-top:.5rem
}
.home_about .head .btn {
	margin-top: 2rem
}
.home_about .img {
	width: 100%
}
.home_about .img .pic {
	border-radius: 10px;
	transform: translate3d(0, 0, 0)!important;
	padding-bottom: 73%
}
.home_about .nums_box {
	margin-top: 2rem
}
.home_about .nums_box .syeditorlist {
	grid-template-columns: repeat(1, 1fr);
	gap: 1rem
}
.home_about .nums_box .syeditorlist .item {
	padding: 1rem;
gap:.5rem 1rem;
	border-radius: 8px
}
.home_about .nums_box .syeditorlist .item::before {
	border-radius: 8px
}
.home_about .nums_box .syeditorlist .item .icon {
	width: 40px;
	height: 40px
}
.home_about .nums_box .syeditorlist .item .num {
	font-size: 25px
}
.home_about .nums_box .syeditorlist .item i {
	font-size: 18px
}
.home_about .nums_box .syeditorlist .item p {
	font-size: 14px
}
.home_capabilities {
	padding: 3rem 0 4rem
}
.home_capabilities .head span {
margin-bottom:.5rem
}
.home_capabilities .head .desc {
margin-top:.5rem
}
.home_capabilities .swiper_box {
	margin-top: 2rem
}
.home_capabilities .swiper_box .img {
	padding-bottom: 72.5%
}
.home_capabilities .swiper_box .info {
	padding: 1.2rem
}
.home_capabilities .swiper_box .info h3 {
	font-size: 18px
}
.home_capabilities .swiper_box .info h3::after {
	height: 12px
}
.home_capabilities .swiper_box .info p {
	font-size: 14px;
margin-top:.5rem;
	line-height: 1.5
}
.btn_video_trans {
	min-width: unset;
	height: 42px;
padding:.6rem 1rem;
	font-size: 14px
}
.btn_video_trans::after {
	width: 15px;
	height: 15px
}
.home_advantage {
	overflow: hidden;
	padding: 4rem 0 3rem
}
.home_advantage .main {
	margin-top: 3rem;
	flex-direction: column
}
.home_advantage .roulette {
	width: 70%;
	padding-bottom: 70%;
	margin: 0
}
.home_advantage .roulette .container li {
	gap: 3px
}
.home_advantage .roulette .container li p {
	font-size: 12px;
	line-height: 1.2;
	max-width: 95%
}
.home_advantage .home_advantage_swiper {
	width: calc(100% - 2.4rem);
	margin-top: 3rem
}
.home_advantage .home_advantage_swiper .swiper-slide .icon {
	width: 45px;
	height: 45px
}
.home_advantage .home_advantage_swiper .swiper-slide h3 {
	font-size: 20px;
	margin-top: 1rem;
	line-height: 1.5
}
.home_advantage .home_advantage_swiper .swiper-slide p {
	font-size: 14px;
	line-height: 1.5;
margin-top:.5rem
}
.home_step {
	padding: 4rem 0;
	margin-top: 0;
	border-radius: 0;
	width: 100%
}
.home_step .head .subtitle {
margin-bottom:.5rem
}
.home_step .swiper_box {
	margin-top: 2rem
}
.home_step .home_step_swiper .swiper-slide .img {
	padding-bottom: 50%
}
.home_step .home_step_swiper .swiper-slide .order {
	width: 35px;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	margin-top: 2rem
}
.home_step .home_step_swiper .swiper-slide .order::before {
	width: 40px;
	height: 40px
}
.home_step .home_step_swiper .swiper-slide .order::after {
	width: 60px;
	height: 60px
}
.home_step .home_step_swiper .swiper-slide h3 {
	font-size: 18px;
	margin-top: 1.5rem;
	line-height: 1.5;
	min-height: unset
}
.home_step .home_step_swiper .swiper-slide p {
	font-size: 14px;
	line-height: 1.5
}
.home_step .btn {
	text-wrap: nowrap
}
.home_step .home_step_swiper .swiper-slide::before {
	transform: translateY(17px)
}
.home_step .home_step_swiper .swiper-slide::after {
	transform: translateY(17px)
}
.home_quality {
	padding: 6.5rem 0 3rem
}
.home_quality .list {
	margin-top: 2rem
}
.home_quality .list>div {
	grid-template-columns: repeat(1, 1fr);
	gap: 1.8rem
}
.home_quality .list .item:nth-child(3n+2) {
	transform: unset
}
.home_quality .list .item a {
	padding: 1.5rem 1.2rem 1.8rem;
	border-radius: 10px
}
.home_quality .list .item a::before {
	border-radius: 10px
}
.home_quality .list .item .icon {
	width: 50px;
	height: 66px
}
.home_quality .list .item h3 {
	font-size: 18px;
	line-height: 1.5;
	margin-top: 1rem
}
.home_quality .list .item p {
	font-size: 14px;
	line-height: 1.5;
margin-top:.5rem
}
.home_quality .list .item ul li {
	font-size: 14px;
	line-height: 1.4;
	margin-bottom: 5px
}
.home_quality .list .item ul li::before {
	width: 15px;
	height: 15px;
	transform: translateY(2px)
}
.home_quality .list .item .more {
	margin-top: 1.6rem
}
.home_quality .list .item .more span {
	font-size: 15px
}
.home_industried {
	padding: 3rem 0 4rem
}
.home_industried .head {
	flex-direction: column;
gap:.5rem
}
.home_industried .head .subtitle {
margin-bottom:.5rem
}
.home_industried .main {
	margin-top: 2rem;
	flex-direction: column
}
.home_industried .items {
	width: 100%
}
.home_industried .items>div {
	padding-bottom: 83%;
	border-radius: 10px
}
.home_industried .items .item a {
	border-radius: 10px
}
.home_industried .items .item .info {
	padding: 1.5rem 1rem
}
.home_industried .items .item .info h3 {
	font-size: 16px;
	line-height: 1.5
}
.home_industried .items .item .info p {
	font-size: 14px;
	line-height: 1.5;
margin-top:.5rem
}
.home_industried .items .item .info .more {
	font-size: 14px;
	margin-top: 1rem
}
.home_industried .nav {
	overflow: auto;
	width: 100%;
	display: flex;
margin-bottom:.8rem;
	padding: 0;
	align-items: center;
	gap: 1rem
}
.home_industried .nav::-webkit-scrollbar {
height:unset
}
.home_industried .nav .more {
	text-wrap: nowrap;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	min-width: 180px;
	font-size: 14px;
	gap: 8px;
	border-bottom: none
}
.home_industried .nav .more::after {
	position: static;
	flex-shrink: 0;
	transform: unset
}
.home_industried .nav ul {
	display: flex;
	gap: 1rem
}
.home_industried .nav ul li {
padding:.33rem 1rem;
	gap: 10px
}
.home_industried .nav ul li.active::before {
	width: 100%
}
.home_industried .nav ul li::before {
	border-radius: 6px;
	width: 100%
}
.home_industried .nav ul li .title {
	font-size: 15px;
	text-wrap: nowrap
}
.home_industried .nav ul li .icon {
	width: 40px;
	height: 35px
}
.home_customer {
	padding: 4rem 0 0;
	margin-bottom: 0
}
.home_customer .head .subtitle {
margin-bottom:.5rem
}
.home_customer .swiper_box {
	margin: 0;
	transform: unset
}
.home_customer .home_customer_swiper {
	margin-top: 2rem
}
.home_customer .home_customer_swiper .swiper-slide {
	padding: 2rem 1.2rem;
	border-radius: 8px
}
.home_customer .home_customer_swiper .swiper-slide .stars {
	height: 14px;
	transform: translateX(-12px)
}
.home_customer .home_customer_swiper .swiper-slide .title {
	font-size: 16px;
	line-height: 1.5;
	margin-top: 1rem
}
.home_customer .home_customer_swiper .swiper-slide p {
	font-size: 14px;
	line-height: 1.5;
margin-top:.5rem
}
.home_customer .home_customer_swiper .swiper-slide .info {
	margin-top: 1rem
}
.home_customer .home_customer_swiper .swiper-slide .info strong {
	font-size: 15px
}
.home_customer .home_customer_swiper .swiper-slide .info span {
	font-size: 13px
}
.home_customer .home_customer_logo_swiper {
	margin-top: 2rem
}
.home_customer .contact {
	padding: 3rem 0;
	width: 100%;
	margin-top: 4rem
}
.home_customer .contact::before {
	border-radius: 0;
	left: -1.2rem
}
.home_customer .contact .flex {
	padding: 2rem 0;
	border-radius: 8px
}
.home_customer .contact i {
	width: 60px;
	height: 56px
}
.home_customer .contact strong {
	font-size: 22px;
	line-height: 1.5
}
.home_customer .contact .btn {
	margin-top: 1rem
}
.home_blog {
	padding: 4rem 0 5rem
}
.home_blog .head .subtitle {
margin-bottom:.5rem
}
.home_blog .swiper_box {
	margin-top: 1.6rem
}
.blog_list .blog_item a {
	border-radius: 8px
}
.blog_list .blog_item .info {
	padding: 1rem
}
.blog_list .blog_item .info .title {
	font-size: 16px;
	line-height: 1.5
}
.blog_list .blog_item .info .desc {
	font-size: 14px;
	line-height: 1.5;
margin-top:.5rem
}
.blog_list .blog_item .date {
	font-size: 14px;
	line-height: 1.5;
padding:.8rem 1rem .86rem
}
.home_factory .control_box {
	max-width: 86%
}
.home_factory .control_box .btn_prev, .home_factory .control_box .btn_next {
	width: 31px
}
.home_factory {
	padding: 4rem 0
}
.home_factory .head .subtitle {
margin-bottom:.5rem
}
.home_factory .home_factory_swiper {
	margin-top: 2.5rem;
	margin-bottom: 2rem
}
.home_factory .home_factory_swiper .swiper-slide .img {
	padding-bottom: 70%;
	border-radius: 8px
}
.home_factory .home_factory_swiper .swiper-slide .img i {
	width: 45px;
	height: 45px
}
.home_factory .home_factory_swiper .swiper-slide .info h3 {
	font-size: 18px;
	margin-top: 1.5rem
}
.home_factory .home_factory_swiper .swiper-slide .info p {
	font-size: 14px;
	line-height: 1.5;
margin-top:.5rem
}
.about_banner {
	padding-bottom: 4rem
}
.about_banner .flex {
	min-height: unset;
	padding: unset;
	flex-direction: column;
	padding: 1.5rem 0 0
}
.about_banner .head {
margin-top:.8rem
}
.about_banner .head h1 {
	font-size: 25px;
	line-height: 1.42
}
.about_banner .head br {
	display: none
}
.about_banner .head .desc p {
	font-size: 14px;
	line-height: 1.5;
margin-top:.5rem
}
.about_banner .img {
	width: 100%;
	border-radius: 6px;
	aspect-ratio: 2/1.25
}
.about_background {
	padding: 4rem 0 3rem;
	overflow: hidden
}
.about_background .flex {
	flex-direction: column;
	gap: 2rem
}
.about_background .img {
	width: 100%
}
.about_background .img::after {
	width: 15%
}
.about_background .img .pic {
	padding-bottom: 74.69566%;
	border-radius: 8px
}
.about_background .head .desc p {
margin-top:.5rem
}
.about_background .head .desc ul {
padding-top:.7rem
}
.about_background .head .desc ul li {
	font-size: 15px;
	line-height: 1.5;
	font-weight: 500;
margin-top:.5rem
}
.about_background .head .desc ul li::before {
	width: 15px;
	height: 15px;
	transform: translateY(3px)
}
.about_growth {
	padding: 3rem 0 0
}
.about_growth .nav {
	margin-top: 3rem;
	overflow: auto;
	width: 100%
}
.about_growth .nav::-webkit-scrollbar {
height:0
}
.about_growth .nav ul li a {
	font-size: 15px;
	font-weight: 500;
	text-wrap: nowrap;
padding:.6rem 0;
	border-bottom: 2px solid transparent
}
.about_growth .head .desc p {
margin-top:.5rem
}
.about_milestones {
	padding: 4rem 0
}
.about_milestones .swiper_box {
	margin-top: 2rem
}
.about_milestones .about_milestones_control {
	display: flex;
	margin-top: 2rem
}
.about_milestones .about_milestones_swiper {
	margin: 0 auto
}
.about_milestones .about_milestones_swiper .swiper-slide {
	border-radius: 8px;
	flex-direction: column
}
.about_milestones .about_milestones_swiper .swiper-slide .img {
	width: 100%;
	border-radius: 10px;
	aspect-ratio: 2/1.2;
	margin: 0;
	margin-top: -2px
}
.about_milestones .about_milestones_swiper .swiper-slide .img::before {
	border-radius: 10px
}
.about_milestones .about_milestones_swiper .swiper-slide .intro {
	width: 100%;
	padding: 1.4rem 1.2rem
}
.about_milestones .about_milestones_swiper .swiper-slide .intro .year {
	font-size: 20px;
	line-height: 1.5
}
.about_milestones .about_milestones_swiper .swiper-slide .intro .title {
	font-size: 16px;
margin-top:.5rem
}
.about_milestones .about_milestones_swiper .swiper-slide .intro .desc {
	font-size: 14px;
	line-height: 1.5
}
.about_milestones .about_milestones_btns {
	margin: 0
}
.about_milestones .about_milestones_control_swiper .swiper-slide .year {
	font-size: 15px;
	margin-top: 0
}
.about_milestones .about_milestones_control_swiper .swiper-slide .dot {
	width: 35px;
	height: 35px;
	margin-top: 5px
}
.about_relation {
	padding: 3rem 0
}
.about_relation .head .desc p {
margin-top:.5rem
}
.about_relation .nums_box {
	margin-top: 2rem
}
.about_relation .nums_box>div {
	grid-template-columns: repeat(1, 1fr);
	gap: 1rem
}
.about_relation .nums_box .item {
padding:.8rem 1.25rem;
	justify-content: left;
	border-radius: 9px;
	gap: 1.2rem
}
.about_relation .nums_box .item .icon {
	width: 42px;
	height: 42px;
	flex-shrink: 0
}
.about_relation .nums_box .item .num {
	font-size: 25px
}
.about_relation .nums_box .item i {
	font-size: 18px
}
.about_relation .nums_box .item p {
	font-size: 14px;
	line-height: 1.5;
	margin-top: 3px
}
.about_leadership {
	padding: 3rem 0
}
.about_leadership .about_leadership_swiper {
	margin-top: 2rem;
	padding-bottom: 1.5rem
}
.about_leadership .about_leadership_swiper .img {
	padding-bottom: 76%
}
.about_leadership .about_leadership_swiper .info .name {
	font-size: 16px;
	margin-top: 1.2rem;
	line-height: 1.5
}
.about_leadership .about_leadership_swiper .info .position {
	font-size: 15px;
	line-height: 1.5;
margin-top:.5rem
}
.about_leadership .about_leadership_swiper .info .desc {
	font-size: 14px;
	line-height: 1.5;
margin-top:.5rem
}
.about_leadership .about_leadership_swiper .info .more {
	font-size: 14px
}
.about_life {
	padding: 3rem 0 4rem
}
.about_life .head .desc p {
margin-top:.5rem
}
.about_life .about_life_swiper {
	margin-top: 2rem
}
.about_life .about_life_swiper .img {
	border-radius: 8px
}
.about_life .about_life_swiper .info h3 {
	font-size: 18px;
	line-height: 1.5;
	margin-top: 1rem
}
.about_forward {
	overflow: hidden;
	padding: 4rem 0 3rem
}
.about_forward .head .desc p {
margin-top:.5rem
}
.about_forward .list {
	margin-top: 2rem
}
.about_forward .list>div {
	grid-template-columns: repeat(2, 1fr);
	display: flex;
	overflow: auto;
	gap: 1rem
}
.about_forward .list .item {
	padding: 1.4rem 1rem;
	border-radius: 6px;
	min-height: unset;
	min-width: 260px
}
.about_forward .list .item .icon {
	width: 45px;
	height: 45px
}
.about_forward .list .item h3 {
	font-size: 16px;
	line-height: 1.4;
	margin: 1rem 0 1.2rem
}
.about_forward .list .item span {
	font-size: 14px;
	line-height: 1.5
}
.about_leadership div.swiper-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px
}
.about_keep {
	padding: 3rem 0 5.5rem
}
.about_keep .head .desc p {
margin-top:.5rem
}
.about_keep .list {
	margin-top: 2rem
}
.about_keep .list>div {
	grid-template-columns: repeat(1, 1fr);
	gap: 1rem
}
.about_keep .list .item a {
	min-height: 210px;
	border-radius: 8px
}
.about_keep .list .item a::before {
	background: rgba(0,0,0,.3)
}
.about_keep .list .item a .info {
	padding: 1.2rem 1rem;
	min-height: unset
}
.about_keep .list .item a .info h3 {
	font-size: 16px
}
.about_keep .list .item a .info p {
	font-size: 14px;
	line-height: 1.3;
	display: block;
	padding-top: 5px;
	max-width: 80%
}
.about_keep .list .item a .info i {
	width: 45px;
	height: 45px;
	bottom: 14px
}
.machining_nav ul {
	overflow: auto;
	width: 100vw;
	padding: 0 1.2rem;
	margin: 0 -1.2rem
}
.machining_nav ul::-webkit-scrollbar {
height:0
}
.machining_nav ul {
	gap: 12px
}
.machining_nav ul li {
	padding: 0
}
.machining_nav ul li a {
	text-wrap: nowrap;
	font-size: 15px;
padding:.8rem 0;
	min-width: 80px
}
.machining_options {
	margin-top: 3rem
}
.machining_options ul {
	grid-template-columns: repeat(1, 1fr);
	gap: 1rem
}
.machining_options ul .option {
	padding: 1rem 1.2rem;
	border-radius: 8px
}
.machining_options ul .option i {
	width: 45px;
	height: 45px
}
.machining_options ul .option .right strong {
	font-size: 18px;
	line-height: 1.5
}
.machining_options ul .option .right span {
	font-size: 14px;
	line-height: 1.5;
	margin-top: 0
}
.machining_main {
	padding: 3rem 0
}
.machining_main:last-of-type {
	padding-bottom: 5rem
}
.machining_main .content>.flex {
	flex-direction: column
}
.machining_main .head {
	margin-bottom: 2rem
}
.machining_main .head h2 {
	font-size: 22px;
	line-height: 1.5
}
.machining_main .head .desc {
	font-size: 14px;
	line-height: 1.5;
margin:.5rem 0 0
}
.machining_main .head .desc a {
font-size:.9rem
}
.machining_main .head br {
	display: none
}
.machining_main .right {
	width: 100%
}
.machining_main .right .resource_swiper {
	padding-bottom: 2rem
}
.machining_main .right .resource_swiper .swiper-pagination {
	bottom: 4.2%
}
.machining_main .right .con {
	border-radius: 6px;
	padding: 1.6rem 1.2rem 1.4rem
}
.machining_main .right .con .title {
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 1rem
}
.machining_main .right li:not(.machining_main .right li:last-child) {
	margin-bottom: 1rem
}
.machining_main .right li a {
	gap: 1rem
}
.machining_main .right li .img {
	width: 65px;
	height: 65px;
	border-radius: 4px
}
.machining_main .right li strong {
	font-size: 15px;
	line-height: 1.3
}
.machining_main .right li span {
	font-size: 14px;
	margin-top: 5px
}
.machining_main .right li span::before {
	width: 12px;
	height: 12px;
	margin-right: 5px
}
.machining_main .right .swiper-pagination span {
	width: 10px;
	height: 10px
}
.machining_main .pormpt {
	margin-top: 2rem;
	padding: 1rem;
	gap: 12px
}
.machining_main .pormpt::before {
	width: 18px;
	height: 18px
}
.machining_main .pormpt p {
	font-size: 14px;
	line-height: 1.5
}
.machining_main .pormpt a {
	font-size: 14px
}
.cutting_banner {
	padding: 3rem 0 3rem
}
.cutting_banner .flex .head {
	padding: 0
}
.machining_banner .flex .head h1, .cutting_banner .flex .head h1 {
margin-bottom:.5rem
}
.machining_banner .flex .head .logo, .cutting_banner .flex .head .logo {
	padding: 1.8rem 0 0;
	margin-top: 1.4rem
}
.machining_banner .flex .head .logo ul, .cutting_banner .flex .head .logo ul {
	gap: 1rem;
	display: flex;
	flex-wrap: wrap
}
.machining_banner .flex .head .logo ul li .img, .cutting_banner .flex .head .logo ul li .img {
	max-width: 100px;
	max-height: 40px;
	width: unset;
	height: unset
}
.machining_banner .flex .head .logo ul li .img img, .cutting_banner .flex .head .logo ul li .img img {
	opacity: 1
}
.machining_banner .flex .head span, .cutting_banner .flex .head span {
	font-size: 14px;
	line-height: 1.5;
	align-items: unset
}
.machining_banner .flex .head span::before, .cutting_banner .flex .head span::before {
	height: 14px;
	margin-top: 3px
}
.cutting_capabilite {
	padding: 1rem 0 3rem
}
.cutting_capabilite .list {
	margin-top: 2rem;
	padding-bottom: 1.6rem;
	margin-bottom: 2rem
}
.cutting_capabilite .list ul {
	display: flex;
	overflow: auto;
	gap: 1rem
}
.cutting_capabilite .list ul::-webkit-scrollbar {
height:0
}
.cutting_capabilite .list li {
	align-items: start;
	gap: 1rem;
	margin-bottom: 1rem;
	flex-direction: column;
	flex-shrink: 0;
	width: 260px
}
.cutting_capabilite .list li strong {
	font-size: 16px;
	line-height: 1.5
}
.cutting_capabilite .list li p {
	font-size: 14px;
	line-height: 1.5;
	margin-top: 5px
}
.cutting_capabilite .list li .img {
	aspect-ratio: 2/1.2;
	border-radius: 4px;
	width: 100%
}
.machining_order {
	padding: 3rem 0
}
.machining_order .flex {
	flex-direction: column;
	gap: 2rem
}
.machining_order .left {
	width: 100%
}
.machining_order .left .imgs {
	padding-bottom: 67%;
	border-radius: 8px
}
.machining_order .orderright {
	width: 100%
}
.machining_order .orderright .intro ul li {
	margin-bottom: 1rem
}
.machining_order .orderright .intro ul li.active .title {
padding:1.2rem 1rem .75rem
}
.machining_order .orderright .intro ul li .title {
	font-size: 15px;
padding:.75rem 1rem;
	line-height: 1.5
}
.machining_order .orderright .intro ul li .title::after {
	width: 14px;
	height: 14px
}
.machining_order .orderright .intro ul li .detail {
padding:0 1rem .8rem
}
.machining_order .orderright .intro ul li .detail .text p {
	font-size: 14px;
	line-height: 1.6;
margin-bottom:.5rem
}
.machining_order .orderright .intro ul li .detail .text p:not(.machining_order .orderright .intro ul li .detail .text p:last-child) {
	margin-bottom: 1rem
}
.machining_order .orderright .intro ul li .detail .text strong {
	font-size: 15px;
	margin-bottom: 5px
}
.cutting_parts {
	padding: 3rem 0
}
.cutting_parts .con {
	margin-top: 2rem
}
.cutting_parts .con .parts {
	grid-template-columns: repeat(1, 1fr);
	gap: 1.6rem
}
.cutting_parts .con .img {
	aspect-ratio: 2/1.2
}
.cutting_parts .con .info {
	padding: 1.2rem
}
.cutting_parts .con .info strong {
	font-size: 16px;
	line-height: 1.5
}
.cutting_parts .con .info p {
	font-size: 14px;
	line-height: 1.4
}
.cutting_parts .con .info p a {
	font-size: 14px;
	line-height: 1.4
}
.partsnav {
	margin-top: 2rem
}
.partsnav ul {
	gap: 1rem;
	overflow: auto
}
.partsnav ul::-webkit-scrollbar {
height:0
}
.partsnav ul li {
	text-wrap: nowrap;
	font-size: 15px;
	line-height: 1.5;
padding-bottom:.8rem
}
.partsnav ul li::after {
	height: 2px
}
.machining_quality {
	padding: 3rem 0
}
.machining_quality .flex {
	flex-direction: column-reverse;
	margin-top: 2rem
}
.machining_quality .rightimg {
	width: 100%!important
}
.machining_quality .rightimg .imgbox {
	aspect-ratio: 2/1.3
}
.machining_quality .rightimg .imgbox .img {
	border-radius: 10px
}
.machining_quality .leftlist .title {
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 1rem
}
.machining_quality .leftlist .title br {
	display: none
}
.machining_quality .leftlist .intro .item {
	margin-bottom: 1rem
}
.machining_quality .leftlist .intro h3 {
	font-size: 15px;
	padding-left: 7.395062%
}
.machining_quality .leftlist .intro h3::after {
	width: 15px;
	height: 15px
}
.machining_quality .leftlist .intro p {
	font-size: 14px;
	padding-left: 7.395062%;
	line-height: 1.5;
	margin-top: 5px
}
.machining_quality .svg {
	zoom: .8
}
.application_con {
	flex-direction: column;
	gap: 2rem;
	margin-top: 2rem
}
.application_con .rightswiper {
	width: 100%
}
.application_con .rightswiper .application_swiper {
	aspect-ratio: 2/1.8
}
.application_con .rightswiper .application_swiper a {
	border-radius: 10px
}
.application_con .rightswiper .application_swiper a .info {
	padding: 0 1.2rem 1.2rem
}
.application_con .rightswiper .application_swiper a .info strong {
	font-size: 16px;
	line-height: 1.5
}
.application_con .rightswiper .application_swiper a .info p {
	font-size: 14px;
	line-height: 1.4;
margin:.5rem 0 1rem
}
.application_con .rightswiper .application_swiper a .info span {
	font-size: 14px
}
.application_con .rightswiper .application_swiper a .info span::after {
	margin-top: 2px;
	height: 10px
}
.application_con .leftoptions {
	width: 100%;
	display: flex;
	align-items: center;
	overflow: auto;
	gap: 1rem
}
.application_con .leftoptions::-webkit-scrollbar {
height:0
}
.application_con .leftoptions ul {
	display: flex;
	gap: 1rem
}
.application_con .leftoptions li {
	overflow: unset;
	text-wrap: nowrap;
	border-radius: 6px;
padding:.4rem 1rem;
	font-size: 14px;
gap:.5rem;
	margin-bottom: 0
}
.application_con .leftoptions li::after {
	border-radius: 6px
}
.application_con .leftoptions li i {
	width: 36px;
	height: 36px
}
.application_con .leftoptions a {
	font-size: 14px;
	margin: 0;
	text-wrap: nowrap
}
.application_con .swiepr-con {
	flex-direction: column;
	gap: 2rem
}
.machining_parts {
	padding: 3rem 0;
	padding: 0!important
}
.partsswiper {
	margin-top: 2rem
}
.partsswiper p {
	font-size: 14px;
	line-height: 1.5;
padding:.5rem 1rem
}
.partsswiper .swiper-pagination span {
	width: 10px;
	height: 10px
}
.cutting_qual {
	padding-bottom: 2rem
}
.machining_services {
	padding: 3rem 0
}
.machining_services .con {
	flex-direction: column;
	padding: 0;
	border-radius: 6px;
padding-bottom:.6rem
}
.machining_services .con .leftcontent {
	width: 100%
}
.machining_services .con .leftcontent .swiper-slide {
	aspect-ratio: unset;
	padding: 1.6rem 1.2rem
}
.machining_services .con .leftcontent .swiper-slide i {
	width: 55px;
	height: 55px
}
.machining_services .con .leftcontent .swiper-slide strong {
	font-size: 16px;
	line-height: 1.5;
	margin-top: 1rem
}
.machining_services .con .leftcontent .swiper-slide p {
	font-size: 14px;
	line-height: 1.5;
margin-top:.5rem
}
.machining_services .con .rightlist {
	width: 100%
}
.machining_services .con .rightlist ul {
	display: flex;
	overflow: auto;
	gap: 1rem;
	padding-right: 8px
}
.machining_services .con .rightlist ul::-webkit-scrollbar {
height:0
}
.machining_services .con .rightlist ul li {
padding:.5rem .8rem;
gap:.8rem
}
.machining_services .con .rightlist ul li:not(.machining_services .con .rightlist ul li:last-child) {
	margin: 0
}
.machining_services .con .rightlist ul li i {
	width: 35px;
	height: 35px
}
.machining_services .con .rightlist ul li p {
	font-size: 14px;
	line-height: 1.4;
	text-wrap: nowrap;
	max-width: unset
}
.cutting_project {
	padding: 3rem 0
}
.cutting_project .table {
	width: 100%;
	overflow: auto
}
.cutting_project .table tr:first-child td {
	font-size: 14px;
padding:.5rem .8rem;
	text-wrap: nowrap
}
.cutting_project .table td {
	width: fit-content!important;
	min-width: 80px;
	font-size: 13px;
padding:.5rem .8rem;
	line-height: 1.3
}
.machining_faq {
	padding: 3rem 0 4.5rem
}
.machining_faq .flex {
	flex-direction: column
}
.machining_faq .lefttitle .img {
	width: 16%;
	margin-top: 1.5rem
}
.machining_faq .questionlist {
	width: 100%
}
.machining_faq .questionlist .faq .question {
	align-items: unset;
padding-bottom:.8rem;
padding-top:.8rem
}
.machining_faq .questionlist .faq .question strong {
	font-size: 16px;
	line-height: 1.5
}
.machining_faq .questionlist .faq .question span {
	margin-top: 7px
}
.machining_faq .questionlist .faq .answer {
	font-size: 14px;
	line-height: 1.5;
	padding-bottom: 1rem
}
.machining_service {
	padding: 1.5rem 0 3rem
}
.machining_service .videolist {
	margin-top: 2rem
}
.machining_service .videolist .videos {
	grid-template-columns: repeat(1, 1fr);
	gap: 1.4rem
}
.machining_service .videolist .videos .video_item .img {
	aspect-ratio: 2/1.2
}
.machining_service .videolist .videos .video_item .info {
	padding: 1rem 0
}
.machining_service .videolist .videos .video_item .info strong {
	font-size: 16px;
	line-height: 1.5
}
.machining_service .videolist .videos .video_item .info p {
	font-size: 14px;
	line-height: 1.5
}
.machining_service .videolist .videos .video_item .info span {
	font-size: 14px
}
.machining_service .videolist .videos .video_item .info span::after {
	height: 10px;
	margin-top: 5px
}
.play {
	width: 45px;
	height: 45px
}
.machining_projectcon .machining_project::before {
	top: 7px
}
.machining_projectcon .machining_project {
	margin-bottom: 1.5rem
}
.machining_projectcon {
	padding: 3rem 0
}
.machining_projectcon .nums_box {
	margin-top: 2rem
}
.machining_projectcon .nums_box .syeditorlist {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem
}
.machining_projectcon .nums_box .syeditorlist .icon {
	width: 40px;
	height: 40px
}
.machining_projectcon .nums_box .syeditorlist .num {
	font-size: 25px
}
.machining_projectcon .nums_box .syeditorlist i {
	font-size: 19px
}
.machining_projectcon .nums_box .syeditorlist p {
	font-size: 14px;
	margin-top: 5px
}
.machining_projectcon .con {
	padding: 2rem 1.2rem;
	margin-top: 3rem
}
.machining_projectcon .con .swiper-slide::after {
	transform: translateY(17px)
}
.machining_projectcon .con .swiper-slide::after {
	left: 9%
}
.machining_projectcon .con .swiper-slide .order {
	width: 35px;
	height: 35px;
	line-height: 35px;
	font-size: 14px
}
.machining_projectcon .con .swiper-slide .order::before {
	width: 40px;
	height: 40px
}
.machining_projectcon .con .swiper-slide strong {
	font-size: 16px;
	line-height: 1.5;
	margin-top: 1rem
}
.machining_projectcon .con .swiper-slide p {
	font-size: 14px;
	line-height: 1.5;
	margin-top: 1rem;
	margin-bottom: 1.2rem
}
.machining_projectcon .machining_project .swiper-slide .order::after {
	width: 55px;
	height: 55px
}
.machining_product {
	padding: 3rem 0
}
.machining_product .prodduct_nav {
	margin-top: 2rem
}
.machining_product .prodduct_nav ul {
	width: 100%;
	overflow: auto
}
.machining_product .prodduct_nav ul::-webkit-scrollbar {
height:0
}
.machining_product .prodduct_nav ul li {
	text-wrap: nowrap;
	font-size: 15px
}
.machining_product .product_con {
	margin-top: 2rem;
	border-radius: 8px;
	padding: 1.6rem 1.2rem 1.8rem
}
.machining_product .product_con .imgs {
	grid-template-columns: repeat(1, 1fr);
	gap: 1rem;
	margin-bottom: 1.5rem
}
.machining_product .product_con .imgs .img {
	aspect-ratio: 2/1.2;
	border-radius: 4px
}
.machining_product .product_con strong {
	font-size: 16px
}
.machining_product .product_con p {
	font-size: 14px;
	line-height: 1.5;
margin-top:.5rem
}
.machining_product .product_con ul li {
	font-size: 15px;
	line-height: 1.3;
margin-bottom:.5rem;
	gap: 12px
}
.machining_product .product_con ul li::after {
	height: 15px;
	width: 15px
}
.machining_materials {
	padding: 3rem 0
}
.machining_materials .materials_nav ul li {
	font-size: 18px;
	line-height: 1.5
}
.machining_materials .materialcon {
	margin-top: 2rem;
	flex-direction: column
}
.machining_materials .materialcon .list {
	width: 100%
}
.machining_materials .materialcon .list ul {
	display: flex;
	overflow: auto;
	width: 100%;
	gap: 1rem
}
.machining_materials .materialcon .list ul::-webkit-scrollbar {
height:0
}
.machining_materials .materialcon .list ul li {
	font-size: 15px;
	text-wrap: nowrap
}
.machining_materials .materialcon .material_swiper {
	width: 100%
}
.machining_materials .materialcon .material_swiper .material_a .info {
	padding: 1.5rem 1.2rem
}
.machining_materials .materialcon .material_swiper .material_a .info strong {
	font-size: 16px
}
.machining_materials .materialcon .material_swiper .material_a .info p {
	font-size: 14px;
	line-height: 1.5;
margin-top:.5rem
}
.machining_materials .materialcon .material_swiper .material_a .info .params {
	margin-top: 1rem;
	padding: 1rem 0
}
.machining_materials .materialcon .material_swiper .material_a .info .params li {
	font-size: 14px;
	line-height: 1.5
}
.machining_materials .materialcon .material_swiper .material_a .info .params span {
	font-size: 15px
}
.machining_materials .materialcon .material_swiper .material_a .morebtn {
	font-size: 15px
}
.machining_materials .materialcon .material_swiper .material_a .morebtn::after {
	margin-top: 5px
}
.machining_finishes {
	padding: 3rem 0
}
.machining_finishes .table {
	margin-top: 2rem
}
.machining_finishes .table tr:first-child td {
	text-wrap: nowrap;
padding:.7rem 1rem;
	font-size: 15px
}
.machining_finishes .table td {
	font-size: 14px;
	line-height: 1.4;
padding:.65rem .5rem;
	min-width: 125px
}
.machining_finishes .table td:first-child {
	min-width: 60px
}
.machining_finishes .table td a {
	font-size: 14px;
	line-height: 1.3
}
.machining_tolerances {
	padding: 3rem 0
}
.machining_tolerances .table {
	margin-top: 2rem;
	overflow: auto;
	margin-bottom: 2rem
}
.machining_tolerances .table tbody tr:first-child td {
	font-size: 15px;
padding:.68rem 1rem;
	line-height: 1.4
}
.machining_tolerances .table tbody tr td {
	font-size: 14px;
padding:.65rem 1rem
}
.machining_study {
	padding: 3rem 0
}
.machining_study .imgs {
	grid-template-columns: repeat(1, 1fr);
	margin-top: 2rem;
gap:.85rem
}
.machining_study .imgs .img {
	aspect-ratio: 2/1.2
}
.machining_application {
	padding: 3rem 0
}
.cutting_application {
	padding: 1.3rem 0 3rem
}
.wire_chiggo {
	padding-top: 1rem;
	padding-bottom: 3rem
}
.wire_chiggo .flex {
	flex-direction: column-reverse;
	gap: 1.9rem
}
.wire_chiggo .rightimg {
	width: 100%
}
.wire_chiggo .rightimg .img {
	aspect-ratio: 2/1.3;
	border-radius: 8px;
	transform: translate3d(0, 0, 0)!important
}
.wire_chiggo .left p {
	font-size: 14px;
	line-height: 1.5
}
.wire_chiggo .left a {
	margin-top: 2rem
}
.wire_what {
	padding: 3rem 0
}
.machining_service {
	padding: 3rem 0
}
.wire_available .materials_nav {
	margin-top: 2rem
}
.wire_available .materials_nav ul li {
	font-size: 15px;
	padding-bottom: 5px
}
.wire_main {
	padding-bottom: 5.5rem
}
.guides_swiper {
	transform: translateX(7.5px)
}
.download_guides .swiper_content {
	padding: 10px 20px
}
.factory_equipment .control_box .swiper-pagination {
	gap: 1rem
}
.factory_main div.swiper-pagination {
	gap: 1rem
}
.video_pop .pop_content {
	height: 30vh
}
.default_page_head .flex {
	padding: 4rem 0
}
.default_page_head h1 {
	font-size: 25px
}
.default_page_head {
	margin-bottom: 0
}
.default_page_main h2 {
	font-size: 20px;
margin-bottom:.5rem;
	margin-top: 1rem
}
.default_page_main {
	padding-top: 0
}
.default_page_main h3 {
	font-size: 18px
}
.default_page_main p {
font-size:.9rem;
	line-height: 1.5rem
}
section.quailty_precise .left p a {
font-size:.9rem;
	line-height: 1.5rem
}
.metals_banner {
	padding: 5rem 0 2rem
}
.metals_banner::after {
	width: 100%;
	background: rgba(0,0,0,.5)
}
.metals_banner .flex {
	min-height: unset
}
.metals_banner .head .desc {
margin-top:.5rem
}
.metals_banner .head span {
	font-size: 13px;
	gap: 8px
}
.metals_banner .head span::before {
	height: 13px
}
.finishing_banner {
	padding: 0 0 4rem
}
.finishing_banner br {
	display: none
}
.finishing_banner .flex {
	min-height: unset;
	flex-direction: column-reverse;
	gap: 2rem
}
.finishing_banner .left {
	padding: 0
}
.finishing_banner .right {
	width: 100vw;
	margin-left: -1.2rem;
	padding: 1.6rem 0 1rem
}
.finishing_banner .right .finishing_banner_swiper {
	width: 70%
}
.finishing_banner .right .swiper_btns {
	display: block
}
.finishing_banner .right .swiper_btns div {
	width: 38px;
	height: 38px
}
.finishing_banner .right .swiper_btns {
	max-width: calc(100% - 2.4rem)
}
.finishing_banner .head .desc {
	margin-top: 1rem
}
.finishing_banner .head .btn {
	margin-top: 2rem
}
.finishing_machined .faqs_list .answer .flex {
	display: block
}
div.faqs_list .answer .img {
	width: 100%;
	margin-bottom: 20px
}
div.faqs_list .question {
	font-size: 1rem
}
.lang_popup {
	width: calc(100vw - 2rem);
	padding: 2rem 20px
}
.lang_popup strong {
	font-size: 25px;
	line-height: 1.5;
	margin-bottom: 2rem
}
.quality_banner.precision_banner .flex {
	padding: 2.3rem 0 0!important
}
}