@charset "utf-8";

@media screen and (max-width: 1200px) {
	body,input,button,form,textarea {font-family:"Microsoft YaHei","Arial Black";}
	#header #logo {position: relative;z-index: 999; width: 120px;}
	#header #logo a { height: 70px; width: 120px;background-size: auto 100%;}
	#header.head-top.mini #logo a {height: 70px; width: 120px;background-size: auto 85%;}
	#header.head-top.header_wap_active #logo a {filter: brightness(0) invert(1);}
	#header.head-top {padding: 0;}
	#header.head-top #head_top {justify-content: space-between;}
	#nav {position:fixed;left:0;top:0;width:100%;height:100%;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;}
	#nav ul >li.navitem {width: 100%;font-size: 3.86473vw; line-height: 11.594202vw;}
	#nav ul >li.navitem >a {padding: 0 30px;}
	#nav ul >li.navitem.hover >a,#nav ul >li.navitem.nav_current >a {color: var(--zt-color);}
	#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, #header.head-top.mini #nav ul >li.navitem.hover.nav_default >a,#header.mini #nav ul >li.navitem.lan >a >i {color: #FFF;}
	#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.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: 150px; padding: 7px;  height: auto; line-height: 1.8em;}
	#header.mini #nav ul >li.navitem.lan >a {padding: 7px;  height: auto; line-height: 1.8em;}
    .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}
	.head-top.mini .header_mobile_label {background: #333;}
	.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;background: #FFF;}
	.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;}
	.header_wap_active #nav {-webkit-transform: none;transform: none;opacity: 1;}
	.header_wap_active #nav .navlist {opacity:1;-webkit-transform:none;transform:none;}
	#nav ul >li.navitem .subnav {height: auto;position: sticky;opacity: 100%;width: 100%;visibility: visible;overflow: hidden;top: 0;text-align: left;}
	#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: block;justify-content: center;align-items: center;line-height: 45px;font-size: 3.2vw;height: auto;padding: 0 35px;}
	#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: var(--zt-color);}
	#nav ul >li.navitem .subnav::before {border-bottom: none; width: 100%; height: 3px; background: var(--zt-color); 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 {width: 15px;opacity: .3;font-size: 12px;}
	#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;}
	
	.about .data_box {background-position: 65% center;}
	.classList ul li p.title,.product_item_text {letter-spacing:normal; font-weight: normal;}
	.banner-link a {line-height: 42px; height: 45px; width: 130px; border: 1px solid #fff;}
	#index_body .about .info {width: 100%;}
	#index_body #products .ptb150 {padding-top: 35px; padding-bottom: 35px;}
	.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 {width: 100%;}
	.classList ul li .icon {width: 50px; height: 50px; margin: auto;}
	.classList ul li a:hover .icon img {transform: translateY(-50px);}
	#main_content .word .title, .i-ban li .word p.description {font-size: 5vw;}
	#main_content .word {width: 100%;}
	#main_content .word p.description {font-size: 3.8vw; line-height: 1.6em; height: 8em;}
	.certification-item {margin-right: 10px; line-height: 1.5em;font-size: 2.8vw; width: 33%;}
	#index_body .head h1.title, #index_body .head .title, #index_body .head h4.title {font-size: 4.830917vw; line-height: 1.8em;}
	#index_body .head .subtitle {font-size: 3.381642vw;line-height: 1.5em;}
	#index_body .head .subtitle.mt20 {margin-top: 1.5vw;}
	.world-num {font-size: 6vw;}
	.word-l >.flex {justify-content: center;row-gap: 5vw;}
	.word-l .xk .col-5 {width: 33.33%; m}
	.word-l .data-des {font-size: 3vw; line-height: 1.5em;}
	.i-more {line-height: 10vw;padding: 0 5vw;font-size: 3vw;}
	.industry_item .industry_cont { padding: 5vw 0;}
	.industry_cont .industry_title {font-size: 4vw; line-height: 1.8em;}
	.industry_cont .industry_des {line-height: 1.5em; margin-top: 1.2vw; height: 3em;}
	.partner_list ul {justify-content: normal; flex-wrap: wrap;}
	.partner_list ul li { width: 33.33%; padding-bottom: 15%;}
	.body-box .mt50 {margin-top: 35px;}
	.index_advantage_list {grid-template-columns: repeat(2, 1fr);}
	.index_advantage_item .advantage_icon {width: 10vw;height: 10vw;line-height: 10vw;}
	.index_advantage_item .icon-box i {font-size: 8vw;}
	.advantage_con .box-heading {font-size: 3.86473vw;line-height: 1.5em;}
	.advantage_con .box-description {font-size: 0.8vw;line-height: 1.3vw;font-size: 2.89855vw;line-height: 1.5em;}
	.index_process .process_list {gap: 10px;}
	.process_list_item {width: calc(50% - 5px); padding: 15px 10px;}
	.process_list_icon {width: 15vw; height: 15vw; line-height: 15vw;border-radius: 2vw;}
	.process_list_icon i {font-size: 8vw;}
	.process_list_cont.mt30 {margin-top: 15px;}
	.faq-right {padding: 15px;}
	.faq-container {padding: 20px;}
	.faq-question {padding: 2vw 0;line-height: 1.5em;font-size: 16px;}
	#contactinfo.ptb100 {padding: 25px 20px;}
	#contactinfo .footer_list .footerLogo {height: 70px;}
	#contactinfo .footer_list,.index_about_box .index_about_img,.index_show_box .show_cont {width: 100%;}
	.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),.product_page_item_box:nth-child(9) {display: none;}
	
	
	.text-title { font-size: 4.830917vw; line-height: 6.28019vw;}
	.text-des {font-size: 3.38164vw;line-height: 5.797101vw;}
	#view_body {padding-top: 0 !important;}
	#view_banner .header {margin: -25px auto 0;}
	#view_banner .header .title {font-size: 3rem;font-size: 6vw; line-height: 1.2em;}
	#view_banner .header .subtitle {font-size: 3.6vw;}
	.v-banner-link li a, .v-banner-link li span{font-size: 3vw;line-height: 5.314009vw;padding: 0 10px;}
	.v-banner-link li i {font-size: 2vw}
	.view_page_box .page_cent,.view_page_box .page_type {width: 100%;}
	.container .head .title,.contact-container h3 {font-size: 4.830917vw;line-height: 1.2em;}
	.container .head .en-title,.file-input-area,.service_quote_box .quote_tips,.item-text-des,#footer .module_container  {font-size: 2.8vw;line-height: 1.5em;}
	.container .head .subtitle,.service_item_cont,.footer_nav_title,.mat_type_tiem.second-tab-item  {font-size: 3.381642vw;line-height: 1.6em;}
	.features_list li,.footerAbout_des,.footer_info_list,.message-line .control-label {font-size: 2.89855vw;line-height: 1.8em;margin-bottom: 1vw;}
	.features_list li i {margin-right: 1.5vw; font-size: 3.5vw;}
	.wrapper .ptb100 {padding-top: 50px;padding-bottom: 50px;}
	.view_page_box,.foot_quote,.footer_box >div {row-gap: 25px;}
	.service_quote_box {padding: 6vw 5vw;}
	.service_quote_box .quote_cent {max-width: 100%; border-radius: 2vw; padding: 5vw;}
	.service_item_cont {padding: 15px;}
	.view_item_title,.item-text-title{font-size: 3.86473vw; line-height: 5.797101vw;}
	.finish-table-data tr td.finish-pic {flex-wrap: wrap;row-gap: 10px;}
	.finish-img {width: 100px; max-height: 100px;}
	.tab-container,.first-level-tabs {flex-wrap: wrap;flex-direction: row;}
	
	.materials_left,.materials_right,.materials_cont,.materials_pic,.foot_quote_cont,.foot_quote_link,.footer_container,.footer_nav_box,.footerAbout,.social,.contact-box .cont-box,.message-line.col-2 .form-group {width: 100%;}
	
	.first-tab-item.active::after,.footer_nav,.contact-box .left-cont  {display: none;}
	.materials_link {position: static;margin-top: 5vw;}
	.first-tab-item {padding: 10px 15px;}
	.second-level-tabs {gap: 10px;padding: 10px 0 20px;}
	.second-tab-item {padding: 5px 10px; margin:0;line-height: 6vw;}
	.tab-content-box {padding-top: 15px;}
	.materials_box {row-gap: 15px;}
	.spincrement-container {row-gap: 10px;}
	.spincrement-container .item {width: 50%; padding: 0 2vw;}
	.counter-min {height: 18vw; padding-left: 8vw;}
	.counter-min-block {height: 10vw; width: 15vw; border-radius: 5px; padding: 0 1vw;}
	.counter-min-info {padding-left: 11vw;border-radius: 10px;padding-right: 2vw;}
	.counter-min-info .counter-min-heading {line-height: 1.3em; font-size: 3.381642vw;}
	.counter-min-ico { line-height: 1; margin-right: 1.5vw;}
	.counter-min-ico i {font-size: 4vw;}
	.counter-min-numb {font-size: 5vw;}
	
	#contact .about-con.ptb100 {padding-top: 30px;padding-bottom: 30px;}
	.contact-container .contact-item {font-size: 3.8vw;padding: 5vw;margin-bottom: 4vw;}
	.contact-container .contact-item .information {line-height: 1.6em; margin-bottom: 3vw;}
	.contact-container .contact-item .item { width: 8vw;height: 7vw;line-height: 1.5em;}
	.contact-container .contact-item .item i {font-size: 4.5vw;}
	.message-line.col-2 .form-group {margin-bottom: 3.5vw;}
	.contact_message_box .form-control {padding: 3vw;font-size: 3.5vw;}
	.contact_message_box .form-btn {height: auto; padding: 2.5vw;line-height: 1.5em; margin-top: 5vw;}
	
	.foot_quote {justify-content: center;}
	.foot_quote_box {}
	.footerLogo {height: 40px;}
	.footer_site_info {display: block; width: 100%;}
	.footer_info_list li {margin-bottom: 2vw; line-height: 4vw;}
	.footer_info_list .i-class {margin-right: 2vw;}
	.footer_info_list .i-class i {font-size: 4vw;}
	.footer_nav_title {margin-bottom: 2.5vw;}
	.social ul li {width: 9vw; height: 9vw; margin-right: 2vw;border-radius: 1vw; line-height: 9vw;}
	.social ul li i {font-size: 4vw}
	.mat_type_tiem.second-tab-item {padding: 2vw 3vw;}
	.file-input-area p b {word-wrap: break-word;}
	.service_item_icon i {font-size: 10vw}
	.aii-item {gap: 2vw; align-items: flex-start;}
	.aii-item .material-icons {font-size: 8vw;line-height: 1.5em;}
	
	
	.plr5 {padding-left: 3.5%; padding-right: 3.5%;}
	.ptb50 {padding-top: 30px;padding-bottom: 30px;}
	.mt30 {margin-top: 20px;}
}