@charset "utf-8";

/******** 自适应调整 ********/

#header.head-top #head_top {align-items: center;}
#nav { width: calc(100% - 240px); -webkit-justify-content: flex-end; justify-content: flex-end;}
@media (max-width: 1920px) {
	html {font-size: 10px;}
	.ptb150 {padding-top:120px;padding-bottom:120px}
	#nav ul >li.navitem >a {padding: 0 23px;}
	#nav ul >li.navitem .subnav {left: 0;}
	.union-data {margin-left: 22%;}
	#index_body #about.about::before {left: 1%;}
	#certify { max-width: 1500px; }
	
}
@media (max-width: 1500px) {
	#index_body .bg_core_img {width:720px;}
	#header.head-top.mini #nav ul >li.navitem .subnav {left: -5px;}
	.ptb100 {padding-top: 80px; padding-bottom: 80px;}
	#nav ul >li.navitem >a {padding: 0 15px;}
	#header #logo a {background-size: auto 65%;}
	#about .info .i-more.mt50 {margin-top: 35px;}
	#index_body .head {padding-bottom: 20px;}
	#index_body .head p.en-title {font-size: 5rem;}
	#index_body .head h4.title {font-size: 3.2rem;}
	#about .ptb150 {padding-top: 100px; padding-bottom: 100px;}
	#about .mt30 {margin-top: 20px;}
	#about .mt100 {margin-top: 50px;}
	.union-data {margin-left: 12%;}
	#index_body #quality.quality::before {left: 58%;}
	
}
@media (max-width: 1280px) {
	
	#nav ul >li.navitem >a {padding: 0 10px; color: #FFF;}
	.ptb100 {padding-top: 60px; padding-bottom: 60px;}
	.ptb50-100 {padding-top: 30px; padding-bottom: 50px;}
	.union-data {margin-left: 10%;}
	.mt50 {margin-top: 30px;}
	.f18 {font-size: 16px;}
	
}
@media screen and (max-width: 1200px) {
	body,input,button,form,textarea {font-family:"PingFang SC","Microsoft YaHei","Arial Black";}
	#header #logo {position: relative;z-index: 999;}
	#header #logo a,#header.head-top.mini #logo a { height: 70px; width: 160px; background-size: auto 70%;}
	#header.head-top.mini.header_wap_active #logo a {background: url(../images/logo-on.png); background-size: auto 70%; z-index: 1000; background-repeat: no-repeat; background-position: left;}
	#header.head-top {padding: 0;margin: 0;backdrop-filter: none;}
	#header.head-top.header_wap_active {position: fixed; top: 0;}
	#header.head-top #head_top {justify-content: space-between;}
	#nav {position:fixed;left:0;top:0;width:100%;bottom:0;background:rgba(0,0,0,0.95);-webkit-align-items:center;align-items:center;-webkit-transform:translateY(-101%);transform:translateY(-101%);-webkit-transition:all .8s cubic-bezier(.4,0,.2,1);transition:all .8s cubic-bezier(.4,0,.2,1)}
	#nav .navlist {width:100%;opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-transition:all .8s cubic-bezier(.4,0,.2,1);transition:all .8s cubic-bezier(.4,0,.2,1);-webkit-transition-delay:.2s;transition-delay:.2s; pointer-events: none;}
	
	#nav ul >li.navitem {width: 100%; line-height: 55px;}
	#nav ul >li.navitem >a,#nav ul >li.navitem.nav_default >a,#header.head-top.mini #nav ul >li.navitem.nav_default >a,#header.head-top.mini #nav ul >li.navitem >a {color: #FFF;}
	#nav ul >li.navitem.hover >a,#nav ul >li.navitem.nav_current >a,#header.head-top.mini #nav ul >li.navitem.nav_currentm >a,#header.head-top.mini #nav ul >li.navitem.nav_current >a {color: #c41218;}
	#nav ul >li.navitem.lan {margin-top: 35px;}
	#nav ul >li.navitem.lan >a,#header.mini #nav ul >li.navitem.lan >a {margin: auto;background: #333;}
	#nav ul >li.navitem::before {display: none;}
	#nav ul >li.navitem.jg::before,#nav ul >li.navitem::after {display: none;}
	#header #nav ul >li.navitem.lan >a {display:flex;font-size:14px;justify-content:center;width:100px;margin:auto;}
	#header #nav ul >li.navitem.lan.offer >a {margin-left: auto; margin-right: auto;}
    .header_mobile_button {width: 30px;position: relative;z-index: 999;}
	.header_mobile_label {height:2px;-webkit-border-radius:2px;border-radius:2px;margin-bottom:7px;width:100%;background:#fff;-webkit-transition:all .6s ease;transition:all .6s ease}
	#header.head-top.mini .header_mobile_label {background: #222;}
	#header.head-top.mini.header_wap_active .header_mobile_label {background: #FFF;}
	.header_mobile_label:nth-child(3) {width:65%;margin-left:35%;margin-bottom:0}
	.header_wap_active .header_mobile_button{ width: 25px;}
	.header_wap_active .header_mobile_label:nth-child(1){transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform-origin:100% 50% 0;-webkit-transform-origin:100% 50% 0}
	.header_wap_active .header_mobile_label:nth-child(2){width:0;opacity:0}
	.header_wap_active .header_mobile_label:nth-child(3){width:100%;margin-left:0 !important;background:#fff !important;transform:rotate(45deg);-webkit-transform:rotate(45deg);transform-origin:100% 50% 0;-webkit-transform-origin:100% 50% 0}
	.plr100 {padding-left: 5%; padding-right: 5%;}
	.mini-1200 {min-width: auto;}
	.ptb150,.ptb200 {padding-top: 50px; padding-bottom: 50px;}
	.header_wap_active #nav {-webkit-transform: none;transform: none;opacity: 1;}
	.header_wap_active #nav .navlist {opacity:1;-webkit-transform:none;transform:none;pointer-events:auto;}
	#nav ul >li.navitem .subnav {height: auto; position: sticky; opacity: 100%; width: 100%; visibility: visible; overflow: hidden;}
	#header.head-top #nav ul >li.navitem .subnav,#header.head-top.mini #nav ul >li.navitem .subnav { background:#171717;margin-top:0;left:0;width:100%;border-radius:0; position: relative;}
	#header.head-top #nav ul >li.navitem:hover .subnav,#header.head-top.mini #nav ul >li.navitem:hover .subnav{opacity:1;margin-top:-1px;overflow:hidden;left:0;height:auto}
	#nav ul >li.navitem .subnav li{padding:0;overflow:hidden;width:100%;height:42px;border-bottom:1px solid #1e1e1e;}
	#nav ul >li.navitem .subnav li:first-child{margin-top:10px}
	#nav ul >li.navitem .subnav li:last-child{border-bottom:0;margin-bottom:10px}
	#header.head-top #nav ul >li.navitem .subnav a,#header.head-top.mini #nav ul >li.navitem .subnav a{color:#aaa;display: flex;justify-content: center; align-items: center;}
	#nav ul >li.navitem .subnav li a:hover,#header.head-top #nav ul >li.navitem .subnav a:hover,#header.head-top.mini #nav ul >li.navitem .subnav li a:hover {background: none; color: #c41218;}
	#nav ul >li.navitem .subnav::before {border-bottom: none; width: 100%; height: 3px; background: #c41218; border: none; right: 0; top: 0; left: 0; opacity: 1;}
	#header.head-top.mini #nav ul >li.navitem .subnav::before,#nav ul >li.navitem .subnav::before {height: 1px;}
	#nav ul >li.navitem.lan .subnav {width: 100% !important;}
	#nav ul >li.navitem .subnav a i { margin-left: 7px; margin-right: -22px; width: 15px; opacity: .3;}
	#nav ul >li.navitem.lan .subnav a i {margin-right: 7px; opacity: 1;}
	.navitem .wsarrow {position: absolute; right: 10%;  top: 21.5px; height: 12px; width: 12px;}
	.navitem .wsarrow span { border-radius: 2px; background: #999; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
	.navitem .wsarrow span:nth-child(1) { width: 12px; height: 2px;}
	.navitem .wsarrow span:nth-child(2) {width: 2px; height: 12px;}
	.navitem.nav_current span:nth-child(2) {height: 0;}
	
	#index_body .head h3.title {font-size: 30px;}
	#index_body .head p.en-title {font-size: 30px;}
	.about .data_box {background-position: 65% center;}
	.more-link a, .more-link .btn {padding: 5px 35px 5px 45px;font-size: 14px;}
	.robot_list {padding: 0; padding-bottom: 0;}
	.robot_list::after, .robot_list::before,.advantage-box .advantage-bg,.robot_pagination  {display: none;}
	.robot_list .swiper-wrapper,.news_show .news_list {
	  display: flex;
	  flex-wrap: wrap; /* 允许换行（核心） */
	  width: 100%; /* 确保容器宽度正确 */
	}
	.robot_list .swiper-slide {
	  flex: none; /* 禁止拉伸，保持固定宽度 */
	  width: calc((100% - 10px) / 2); /* 每个公司项的宽度 */
	  margin-right: 10px;
	  margin-bottom: 10px; /* 行间距 */
	}
	.robot_list .swiper-slide:nth-child(2n) {margin-right: 0;}
	.news_show .news_list .swiper-slide {flex: none; width: 100%; margin-bottom: 10px;border-radius: 0; border: none; padding: 15px;}
	.news_list .news_content {display: flex; flex-wrap: wrap; width: 100%;align-items: center;}
	.news_list .news_content .info {width: 60%;}
	.news_list .news_content .news_img {width: 35%; margin-left: 5%;margin-top: 0; padding-bottom: 25%;}
	.news_list li .news_content .info p.title {font-size: 16px;text-overflow: unset; white-space: normal; height: 3em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
	.news_list li .news_content .info p.description {font-size: 14px;line-height: 1.5em;font-weight: normal;color: #666;height: 3em;margin-top: 5px; display: none; height: 0;}
	.news_show .news_list .swiper-slide a {display: flex;flex-direction: column-reverse;}
	.news_list li .date {font-size: 12px; display: none; width: 100%;}
	.news_list li .m-date,.news_con .m-date {display: block; opacity: 1;}
	.adv-con .content,.adv-con .adv-pic {width: 100%;}
	.adv-con .content {margin-top: 30px;}
	.advantage-box .arrow {bottom: 0;}
	.adv-con .flex {padding: 0 0 80px 0; flex-direction: column-reverse;}
	.classList ul li p.title,.product_item_text {letter-spacing:normal; font-weight: normal;}
	.banner-link a {line-height: 38px; height: 40px;width: 130px; border: 1px solid #fff; font-size: 14px;}
	#index_body .about .info {width: 100%;}
	.advantage-box {margin-top: 35px !important;}
	.about .content,.adv-con .content .des,.body-box .container_content {font-size: 15px; font-weight: normal;}
	.adv-con .content .title,.product_view .view_top .p-info h3.title,.parts-tit,.talent_list ul li .st,.contact_info h3.title, .messageBox .info_head .title {font-size: 24px !important; font-weight: normal;}
	#index_body #products .ptb150 {padding-top: 35px; padding-bottom: 35px;}
	
	
	.world-l ul {margin-top: 50px;}
	.world-l li {width: 33.33%; padding-bottom: 0;}
	.world-num {font-size: 28px;}
	#world .body-box .clear.relative,.aboutmh-list ul,.innovation-box,.layout_body,.m_fllist ul,.container_content .sub_nav ul,.news_column ul,.news_con ul li a {display: flex; flex-wrap: wrap;}
	#world .world-l,#world .col7-3.box_vertical {width: 100%;}
	#world .col7-3.box_vertical {display: block;position: unset; transform: none !important;}
	
	#news .body-box {padding-top: 50px !important;}
	.news_show.mt50,.culture .culture_list .des {margin-top: 0;}
	.news_list li {padding: 20px 20px 30px;}
	#index_body .partner_list ul {justify-content: flex-start;}
	#index_body .partner_list ul li {width: calc((100% - 20px) / 3); margin-bottom: 10px;margin-right: 10px;padding-bottom: 16%;}
	#index_body .partner_list ul li:nth-child(3n) {margin-right: 0;}
	
	.product_page_list.mt50 {margin-top: 25px;}
	.product_page_item_box {width: 49%;background:#fff; margin-bottom: 2%;}
	.product_page_item_box a{z-index:99;display:flex;flex-direction:column-reverse;flex-wrap:wrap}
	.product_item_read{position:relative;bottom:6%;left:0;width:100%;padding:0 5%;z-index:3;text-align:center; margin-top: 3.5%;}
	.product_page_item_img{padding-bottom:85%;top:-5%;overflow:hidden;width:100%;height:0;position:relative}
	.cover img{position:absolute;width:100%;height:100%;left:auto;top:auto;object-fit:cover;background-position:center;background-size:cover}
	.product_item_title {font-size: 15px;margin-bottom:0;}
	.product_item_text {font-size: 13px;}
	.classList,.innovation-box .innovation-con,.innovation-box .innovation-pic {width: 100%;}
	.classList ul li .icon {width: 50px; height: 50px; margin: auto;}
	.classList ul li a:hover .icon img {transform: translateY(-50px);}
	
	.headerbg {pointer-events: none;}
	.nybanner {height: 300px;}
	.nybanner::after {position: absolute; content: ''; left: 0; top: 0; right: 0; bottom: 0; background: #000 !important; opacity: .3; z-index: 1;}
	.nybanner::before,.bg_culture::after,#footer::before,.esponsibility,.news_con ul li .ends,.xk_box .xk_sidebar .sidebar_body:nth-child(1),.xk_box .xk_sidebar .sidebar_body:nth-child(3) {display: none;}
	#view_banner .header {text-align: left; margin-top: -25px;}
	#view_banner .header .title,.culture .culture_list .des,.solution_view .view_head h3.title,.news_view .view_head h3.title {font-size: 24px;line-height: 1.5em;}
	#view_banner .header .subtitle {font-size: 15px;color: #FFF;}
	#view_banner .v-banner-link,.bg_culture .culture {bottom: 0; padding: 0;}
	.v-banner-link li a, .v-banner-link li span,.v-banner-link ul li:last-child a {padding: 0 3px; color: #FFF;}
	
	#about .about_body .content .title,.innovation-con .content .title {font-size: 24px !important;}
	.aboutmh-image,.layout_body .max100 img {border-radius: 5px;}
	.aboutmh-list li {width: 50%;height: auto; padding: 25px 0;}
	.aboutmh-list li .num {width: 100%;font-size: 30px; margin-bottom: 10px;}
	.aboutmh-list li .text,.about_body .content .des {font-size: 16px; font-weight: normal;}
	.aboutmh-text {width: 100%; padding: 0; margin-top: 30px; font-weight: normal;color: #222; font-size: 16px;}
	#about .maps { border-top: 1px solid #EEE; border-bottom: 1px solid #EEE;}
	.column2_list li.swiper-slide a {padding: 0 10px; font-size: 17px;}
	.innovation,.aboutzr-mix {border-radius: 5px !important;}
	.img-box .pic_box {height: 0; padding-bottom: 58%;}
	.innovation-con .content {padding: 5%;height: 26em;}
	.innovation-con .no {left: 5%;top: 1%;}
	.innovation .arrow {top: 4%; right: 3%; bottom: auto; left: auto;}
	.innovation .arrow a {width: 40px; height: 40px; line-height: 40px; margin-right: 10px;}
	.culture .culture_list {width: 100%; padding: 0; margin-bottom: 20px;}
	.bg_culture {padding-top: 30px; padding-bottom: 30px;}
	
	.a-thumbs-box {width: 100%;height: auto; padding: 0 10px;box-sizing: border-box;margin-bottom: 20px;}
	.album-thumbs .swiper-slide {height: 0; padding-bottom: 17%;}
	.a-thumbs-box .gdt {left: 10px; right: 10px; width: auto;}
	#honor .honor_list li {width: 48%;}
	.partner_list ul li {width: 31.33%; padding-bottom: 18%;}
	.layout_box .map_tab {width: 300px;}
	
	.solution_line {padding: 15px 10px !important;}
	.solution_line ul.list,.product_line ul li a,.body-box .module_container,#products {padding: 0; border: none;}
	.solution_l ul li {width: 100%; margin-bottom: 10px;}
	.solution_l ul li .info, .product_line ul li .info p.subtitle,.product_view .view_top .p-info p.parameter,.f15,.parts-list ul li,.morenews li,.talent_list ul li .info .description {font-size: 14px; font-weight: normal;}
	.solution_view,.news_column ul li a {padding: 10px 15px;}
	#service >.clear {padding-bottom: 30px !important;}
	
	.m_fllist ul li {margin-right: 5px; margin-bottom: 5px; line-height: 3em;}
	.m_fllist ul li a,.container_content .sub_nav ul li a {padding: 0 15px;}
	.container_content .sub_nav ul li {width: auto;margin-right: 5px; margin-bottom: 5px; line-height: 3em; }
	.product_line ul {margin-right: 0;}
	.product_line ul li,.related_case_list li,.product_view .view_more ul li {width: 100%; margin-right: 0; margin-bottom: 10px;}
	#products >.clear,.about_join .body-box >.relative {padding: 0 !important;}
	#products .products_box.product_view {padding: 5%;}
	.small-box {height: auto !important; box-sizing: border-box;}
	.small-box img {width: 100% !important; height: 100% !important;}
	.thumbnail-box .list {padding: 0 30px; box-sizing: border-box;}
	.product_view .view_top .p-info,.product_view .view_top .bz,.parts-search {position: unset; width: 100%; margin-top: 20px;}
	.product_view .view_top .p-info h3.title {white-space: normal;}
	.product_view .view_more ul li .pic {width: 100%; padding-bottom: 90%; border-radius: 5px;}
	
	.parts-search .form-control {width: 55%;}
	.parts-list ul li div {padding: 15px 2px; line-height: 1.5em; display: flex; flex-wrap: wrap; align-content: center;justify-content: center;}
	.news_column ul li {line-height: 1.5em;margin: 0 10px 10px 0;}
	.news_con ul li {padding: 15px 0;}
	.news_con ul li .p30 {padding: 0;align-content: center;align-items: center;}
	.news_con ul li .imgs {width: 30%;margin-right: 3%;padding-bottom: 21%; float: none;border-radius:5px;}
	.news_con ul li .txts {width: 67%; padding-right: 0;}
	.news_con ul li .txts .h3 {line-height: 1.5em; height: 3em; margin-top: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: break-spaces;}
	.news_con ul li .txts .p {line-height: 1.5em; height: 3em; margin-top: 10px; font-size: 12px; display: none;}
	.news_con .m-date {color: #999; font-size: 12px; margin-top: 5px;}
	.news_con .m-date span {margin-right: 10px;}
	.news_con .m-date span i {margin-right: 5px;}
	.monitor_list li,.monitor_list li.on a {margin: 0 10px !important; font-size: 16px !important;}
	.news_show_con >.body-box {padding-bottom: 0 !important;}
	.news_view .view_head .info span {margin-right: 10px;}
	.news_view .p50 {padding: 30px 0; border: none !important;}
	.news_view .view_head h3.title {margin-bottom: 5px;}
	.view .tag a {margin-right: 5px; margin-bottom: 5px;}
	.paging {height: auto;background: none;}
	.paging .prenext {width: 100%; height: auto;margin-bottom: 20px;}
	.paging .prenext a,.paging .prenext a {text-align: left; height: auto; line-height: 1.5em; padding: 0;}
	.paging .prenext .subtitle {display: block; font-size: 13px; color: #999;}
	.paging .prenext a div { display: flex; flex-wrap: wrap; flex-direction: column-reverse; padding: 0;}
	.xk_box .xk_sidebar {position: unset; margin-top: 30px; border-top: 1px solid #eee; padding-top: 30px; min-height: auto;}
	.pag-title {text-overflow: unset; white-space: normal;}
	
	#join .ptb100,#about .about_join {padding: 30px 0;}
	#join.body-box .container_content {margin: 0;}
	.widget {margin-bottom: 15px;}
	.widget-title {font-size: 20px;letter-spacing:normal;}
	.widget-body,.join_box {padding: 15px 20px !important;}
	.met-job-list li:nth-child(1) .widget-body .job_more, .met-job-list li:nth-child(n+2) .widget-body .job_more,.widget-body .job_more, .widget-body .job_more1,.met-job-list li:nth-child(n+2) .widget-body .job_more1 { right: 20px; top: 10px;}
	.widget-metas {display: flex;flex-wrap: wrap;justify-content: space-between;}
	.widget-metas span {margin-right: 0;}
	.widget-body .salary {right: 90px; top: 13px; font-size: 16px;}
	.widget-metas,.widget-metas i, .widget-body .salary i,.contMode-text .title {font-size: 14px;}
	
	.about_join .about_body .xk .col-4 {width: 50%;}
	.talent_list ul {margin-right: 0;}
	.talent_list ul li {width: 100%; margin-right: 0;}
	
	.contact_box {padding-right: 0;}
	.contact-map {width: 100% !important; height: 0; padding-bottom: 60%; position: relative; display: none;}
	#container {position: absolute;}
	.contact-text {width: 100% !important; padding: 30px 20px !important;}
	
	#pages {margin: 30px 0;}
	#main_content .word h3.title, .i-ban li .word p.description {font-size: 30px;}
	#main_content .word p.description,.innovation-con .content .des,.solution_line ul.list li,.product_line ul li .info p.p-title,.recommend-title h4,.m_fllist ul li,.container_content .sub_nav ul li,.product_view .view_hd ul li,.parts-tips,.news_column ul li,.news_con ul li .txts .h3,.view_content,.xk_box .xk_sidebar .sidebar_body h5.title,.paging .prenext a,.talent_list ul li .info p.title,.contMode-text .text, .contact_info ul li a {font-size: 16px; font-weight: normal;}
	#main_content .word,.layout_box,.news_view,.xk_box .xk_sidebar,.pag-title {width: 100%;}
	#contactinfo {padding: 25px 20px !important;border-top: 1px solid #eee;}
	#footer.module {border: none !important;}
	#contactinfo.ptb100 {padding: 25px 20px;}
	#contactinfo .footer_list .footerLogo {height: 70px;}
	#contactinfo .footer_list,.layout_body .max100,#about .about_body .content,.solution_line ul li h3,.solution_line ul.list,#view_body #products .products_box,#magnifier,.small-box,.thumbnail-box .list,.product_view .view_top .p-contact .fl,#join.body-box .container_content,.contact_info ul li {width: 100% !important;}
	.site-info .list-v p {float: none;}
	#contactinfo .list-r {padding-left: 0; margin-top: 15px;}
	.social {margin-top: 10px;}
	#contactinfo .footer_list .footer_title,#contactinfo .footer_list:nth-child(2),#contactinfo .footer_list:nth-child(3),.product_page_item_box:nth-child(9),.paging .back,.paging .prev a div::after,.news_view .view_head .info span:nth-child(2),#join .job_img {display: none;}
	.module_container span {white-space: revert; text-overflow: unset; overflow: visible;}
}
@media (max-width: 800px) {
	
}