 



.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;}
.font54 {font-size: 5.4rem;}
.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;}
.font120 {font-size: 12rem;}
.font130 {font-size: 13rem;}
.font140 {font-size: 14rem;}
.font160 {font-size: 16rem;}
.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;} 
.flh400 {line-height: 40rem;} 
 



/* fonts */

/* 
body,a,input,select,textarea{font-family:'HONORSansCN-Regular',PingFang SC,'Microsoft YaHei',Arial,sans-serif;}
h1,h2,h3,h4,h5,h6,strong{font-family: 'HONORSansCN-Bold';font-weight: bold;margin: 0;padding: 0;} */

body,a,input,select,textarea{font-family: 'OPPOSans3.0cn-Regular',PingFang SC,'Microsoft YaHei',Arial,sans-serif; font-weight: 300;}
h1,h2,h3,h4,h5,h6,strong{font-weight: bold;margin: 0;padding: 0;font-family: 'OPPOSans3.0cn-Regular';}


.index-banner-text * {font-family: 'OPPOSans-L';}
.tsemid-product-features-content-top .title-1 {font-family: 'OPPOSans3.0cn-Regular';}
.tsemid-product-features-content-top .entitle-1,.tsemid-content-title .title-1,.tsemid-content-title .title-1 strong {font-family: 'OPPOSans3.0cn-Medium';}
.tsemid-history-item .title-1{font-family: 'Manrope-r';} 
.tsemid-contact-item .text-1,.tsemid-data-item .data-1 strong,.tsemid-data-item .data-1 sup {font-family: 'Manrope-r','OPPOSans3.0cn-Regular',PingFang SC,'Microsoft YaHei',Arial,sans-serif;} 
.index-technical-leader-item .data-4 strong ,.technical-pagination{font-family: 'Manrope-r';}


@font-face {font-family: 'OPPOSans3.0cn-Regular';src: url('../fonts/OPPOSans3.0cn-Regular.woff2');font-weight: normal;font-style: normal;} 
@font-face {font-family: 'OPPOSans3.0cn-Medium';src: url('../fonts/OPPOSans3.0cn-Medium.woff2');font-weight: normal;font-style: normal;}  
@font-face {font-family: 'OPPOSans-L';src: url('../fonts/OPPOSans-L.ttf');font-weight: normal;font-style: normal;}  
@font-face {font-family: 'Manrope-r';src: url('../fonts/Manrope-Regular.ttf');font-weight: normal;font-style: normal;}  




  
@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) {
	html{font-size: 52.5%;} 
}
@media screen and (max-width: 1440px) {
	html{font-size: 42.5%;}  
}
@media screen and (max-width: 1366px) { 
}
@media screen and (max-width: 1280px) {  
}
@media screen and (max-width: 1152px) { 
}
@media screen and (max-width: 1024px) { 
}
@media screen and (max-width: 980px) {  
}



			 

