.font12 {font-size: 1.2rem;}
.font13 {font-size: 1.3rem;}
.font14 {font-size: 1.4rem;}
.font15 {font-size: 1.5rem;}
.font16 {font-size: 1.6rem;}
.font17 {font-size: 1.7rem;}
.font18 {font-size: 1.8rem;}
.font19 {font-size: 1.9rem;}
.font20 {font-size: 2rem;}
.font22 {font-size: 2.2rem;}
.font23 {font-size: 2.3rem;}
.font24 {font-size: 2.4rem;}
.font26 {font-size: 2.6rem;}
.font28 {font-size: 2.8rem;}
.font30 {font-size: 3rem;}
.font32 {font-size: 3.2rem;}
.font34 {font-size: 3.4rem;}
.font36 {font-size: 3.6rem;}
.font38 {font-size: 3.8rem;}
.font40 {font-size: 4rem;}
.font42 {font-size: 4.2rem;}
.font44 {font-size: 4.4rem;}
.font45 {font-size: 4.5rem;}
.font46 {font-size: 4.6rem;}
.font48 {font-size: 4.8rem;}
.font50 {font-size: 5rem;}
.font52 {font-size: 5.2rem;}
.font54 {font-size: 5.4rem;}
.font56 {font-size: 5.6rem;}
.font58 {font-size: 5.8rem;}
.font60 {font-size: 6rem;}
.font64 {font-size: 6.4rem;}
.font66 {font-size: 6.6rem;}
.font68 {font-size: 6.8rem;}
.font70 {font-size: 7rem;}
.font72 {font-size: 7.2rem;}
.font77 {font-size: 7.7rem;}
.font80 {font-size: 8rem;}
.font90 {font-size: 9rem;}
.font100 {font-size: 10rem;}
.font110 {font-size: 11rem;}
.font120 {font-size: 12rem;}
.font130 {font-size: 13rem;}
.font140 {font-size: 14rem;}
.font160 {font-size: 16rem;}
.font260 {font-size: 26rem;}
.font280 {font-size: 28rem;}
.font300 {font-size: 30rem;}
.font400 {font-size: 40rem;}
.flh14 {line-height: 1.4rem;}
.flh20 {line-height: 2rem;}
.flh22 {line-height: 2.2rem;}
.flh24 {line-height: 2.4rem;}
.flh26 {line-height: 2.6rem;}
.flh28 {line-height: 2.8rem;}
.flh30 {line-height: 3.0rem;}
.flh32 {line-height: 3.2rem;}
.flh34 {line-height: 3.4rem;}
.flh36 {line-height: 3.6rem;}
.flh40 {line-height: 4rem;}
.flh42 {line-height: 4.2rem;}
.flh44 {line-height: 4.4rem;}
.flh48 {line-height: 4.8rem;}
.flh50 {line-height: 5rem;}
.flh52 {line-height: 5.2rem;}
.flh54 {line-height: 5.4rem;}
.flh56 {line-height: 5.6rem;}
.flh58 {line-height: 5.8rem;}
.flh60 {line-height: 6rem;}
.flh64 {line-height: 6.4rem;}
.flh70 {line-height: 7rem;}
.flh72 {line-height: 7.2rem;}
.flh75 {line-height: 7.5rem;}
.flh80 {line-height: 8rem;}
.flh90 {line-height: 9rem;}
.flh140 {line-height: 14rem;} 
.flh160 {line-height: 16rem;} 
.flh260 {line-height: 26rem;} 
.flh400 {line-height: 40rem;} 
 



/* fonts */
@font-face {font-family: 'outfitr';src: url('../fonts/Outfit-Regular.ttf');font-weight: normal;font-style: normal;} 
@font-face {font-family: 'outfitm';src: url('../fonts/Outfit-Medium.ttf');font-weight: normal;font-style: normal;} 
@font-face {font-family: 'outfitl';src: url('../fonts/Outfit-Light.ttf');font-weight: normal;font-style: normal;} 
@font-face {font-family: 'outfitm';src: url('../fonts/Outfit-Medium.ttf');font-weight: normal;font-style: normal;} 
@font-face {font-family: 'outfitb';src: url('../fonts/Outfit-Bold.ttf');font-weight: normal;font-style: normal;} 
@font-face {font-family: 'outfitsb';src: url('../fonts/Outfit-SemiBold.ttf');font-weight: normal;font-style: normal;} 
@font-face {font-family: 'outfitel';src: url('../fonts/Outfit-ExtraLight.ttf');font-weight: normal;font-style: normal;}  





body,a,input,select,textarea {font-family: 'outfitl',PingFang SC,-apple-system,Arial,sans-serif,Helvetica,system-ui,Segoe UI,Roboto,Ubuntu,Noto Sans;}
h1,h2,h3,h4,h5,h6,strong{font-weight: bold;margin: 0;padding: 0;} 


.index-banner-item .num-1,.click-contact span,.footer-content-top-left .email-1 .text-1,.click-application-feature-item .title-1,
.click-quality-management-system-item .title-2 span,.click-quality-certificate-item .year-1 span,
.click-page-container-banner .text-1,.click-product-detial-message-from span,.click-classify .class-1 a,.click-service-item .top-1,
.click-pageturn a span {font-family: 'outfitr',PingFang SC,-apple-system,Arial,sans-serif,Helvetica,system-ui,Segoe UI,Roboto,Ubuntu,Noto Sans;}

.header-nav-list ul li a,.header-nav-general-bottom .title-1,.click-quality-management-system-title .title-1,.click-quality-certificate-title .title-1,
.click-intelligent-charging-curve .title-1,.mobile-nav-list ul li a.nav-1,.click-quality-management-system .title-1,.click-quality-certificate-item .title-1 span,
.click-application-solution-item .title-1,.click-search-nav .search-nav li a span,.click-research-and-development-item .text-1,.click-it-system-list .item-1 span,
.click-search-nav .search-total,.click-service-item .title-1,.click-research-and-development-class span,.click-it-system-container .title-1,.click-it-system-text .item-1 .title-2,
.click-application-feature-type span,.click-application-scenarios .title-1,.click-application-scenarios-item .title-2 ,.click-related-products-top .title-1,
.click-product-detial-parameters-table table strong,.click-product-detial-message-from input, .click-product-detial-message-from textarea,.click-application-other-item .title-1,
.click-page-container-nav a,.click-classify .total-1 span,.click-classify-item .title-1,.click-product-detial-section .title-1,.footer-content-top-left .title-1,.click-page-section-nav a,
.header-nav-general-left .text .title-1,.click-page-container-banner .title-1,.click-classify .title-1 span,.viewdetails-1 .link-1 span,.click-product-top-left .title-1,
.header-nav-general-item .title-1 span  {font-family: 'outfitm',PingFang SC,-apple-system,Arial,sans-serif,Helvetica,system-ui,Segoe UI,Roboto,Ubuntu,Noto Sans;}

.header-nav-product-type li.cur span {font-family: 'outfitsb',PingFang SC,-apple-system,Arial,sans-serif,Helvetica,system-ui,Segoe UI,Roboto,Ubuntu,Noto Sans;}





@font-face {font-family: 'Outfit-Black';src: url('../fonts/Outfit-Black.ttf');}
@font-face {font-family: 'Outfit-Bold';src: url('../fonts/Outfit-Bold.ttf');}
@font-face {font-family: 'Outfit-ExtraBold';src: url('../fonts/Outfit-ExtraBold.ttf');}
@font-face {font-family: 'Outfit-ExtraLight';src: url('../fonts/Outfit-ExtraLight.ttf');}
@font-face {font-family: 'Outfit-Light';src: url('../fonts/Outfit-Light.ttf');}
@font-face {font-family: 'Outfit-Medium';src: url('../fonts/Outfit-Medium.ttf');}
@font-face {font-family: 'Outfit-Regular';src: url('../fonts/Outfit-Regular.ttf');}
@font-face {font-family: 'Outfit-SemiBold';src: url('../fonts/Outfit-SemiBold.ttf');}
@font-face {font-family: 'Outfit-Thin';src: url('../fonts/Outfit-Thin.ttf');}
@font-face {font-family: 'Barlow-Bold';src: url('../fonts/Barlow-Bold.ttf');}
@font-face {font-family: 'BarlowCondensed-ExtraLight';src: url('../fonts/BarlowCondensed-ExtraLight.ttf');}
@font-face {font-family: 'Barlow-Light';src: url('../fonts/Barlow-Light.ttf');}
@font-face {font-family: 'Barlow-Medium';src: url('../fonts/Barlow-Medium.ttf');}
@font-face {font-family: 'Barlow-Regular';src: url('../fonts/Barlow-Regular.ttf');}


.outm1,.click-banner .more-4,.click-Products .title,.click-Products .click-Products-top .item-1 .text .txt-1,
.click-Products .click-Products-bottom .title-1,.click-Products .click-Products-bottom .click-Products-data .item .txt-3,
.click-blurb .click-blurb-right .title-1,.click-latest-news .title,.click-latest-news-bottom .text .txt-2,.click-blurb1 .click-blurb-right .more-4 .text-2,
.click-footer-content-left .title-1,.click-banner1 .text .title-1,.click-scheme .click-scheme-left .title-1,
.click-banner1 .text .title-1,.click-banner1-bottom .item .title,.click-stock-bottom .title-1,.click-Create-top .title-1,
.click-Create-bottom .item .title-2,.click-history .title-1,.click-Corporate .title,.click-Corporate .item .text .title-1,
.click-Mission .title,.click-business-content .item .title-2,.click-duty .click-duty-content-right .title-1,.click-recruitment .click-recruitment-content .title,
.click-recruitment .click-recruitment-content-bottom .item .title-2,.click-engineer .click-engineer-content .text span,.click-hire-content-right .item .text .num-2 span{font-family: 'Outfit-Medium';}

.outl1,.click-Products .click-Products-bottom .txt-2,.click-blurb .click-blurb-right .txt-2,
.click-scheme .click-scheme-left .txt-3,.click-stock-bottom .txt-3,.click-Create-bottom .item .txt-3,.click-history .item,
.click-Corporate .item .text .txt-2,.click-Mission .txt,.click-business-content .item .txt-3,.click-recruitment .click-recruitment-content-bottom .item .txt-3{font-family: 'Outfit-Light';}

.Barm1,.mySwiper3 .swiper-slide a .num{font-family: 'Barlow-Medium';}
.click-quality-center-laboratory-right .item-1 li strong {font-family: 'Barlow-Light';}









  
@media screen and (max-width: 5120px) { 
	html{font-size: 82.5%;}   
}
@media screen and (max-width: 3840px) { 
	html{font-size: 72.5%;}  
}
@media screen and (max-width: 2560px) {	
}
@media screen and (max-width: 2048px) {
}
@media screen and (max-width: 1920px) {	
	html{font-size: 62.5%;}   
}
@media screen and (max-width: 1680px) {
	
}
@media screen and (max-width: 1440px) {
	html{font-size: 58%;} 
}
@media screen and (max-width: 1366px) { 
	html{font-size: 50%;} 
}
@media screen and (max-width: 1280px) {  
}
@media screen and (max-width: 1152px) { 
	html{font-size: 40%;} 
}
@media screen and (max-width: 1024px) { 
}
@media screen and (max-width: 980px) {  
}