.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;}
.font46 {font-size: 4.6rem;}
.font48 {font-size: 4.8rem;}
.font50 {font-size: 5rem;}
.font54 {font-size: 5.4rem;}

.font60 {font-size: 6rem;}
.font64 {font-size: 6.4rem;}
.font66 {font-size: 6.6rem;}
.font70 {font-size: 7rem;}
.font77 {font-size: 7.7rem;}
.font80 {font-size: 8rem;}
.font90 {font-size: 9rem;}
.font100 {font-size: 10rem;}
.font130 {font-size: 13rem;}
.font160 {font-size: 16rem;}
.font300 {font-size: 30rem;}
.flh20 {line-height: 2.0rem;}
.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;}
.flh50 {line-height: 5rem;}
.flh60 {line-height: 6rem;}
.flh72 {line-height: 7.2rem;}
.flh82 {line-height: 8.2rem;}
.flh90 {line-height: 11rem;}



 


/* fonts */






body,a,input{font-family: Assistant, "微软雅黑";}


@font-face {font-family: 'Abel';src: url('../fonts/Abel-Regular-2.ttf');font-weight: normal;font-style: normal;} 
@font-face {font-family: 'Assistant';src: url('../fonts/Assistant-Regular-6.ttf');font-weight: normal;font-style: normal;} 


@font-face {font-family: 'D-DIN';src: url('../fonts/D-DIN.otf');font-weight: normal;font-style: normal;} 
@font-face {font-family: 'Montserrat-Light';src: url('../fonts/Montserrat-Light.woff');font-weight: normal;font-style: normal;} 
@font-face {font-family: 'Montserrat-Bold';src: url('../fonts/Montserrat-Bold.ttf');font-weight: normal;font-style: normal;} 


@font-face {font-family: 'BrownLLWebPan-B';src: url('../fonts/BrownLLWebPan-Bold.woff2');font-weight: normal;font-style: normal;} 
@font-face {font-family: 'BrownLLWebPan-R';src: url('../fonts/BrownLLWebPan-Regular.woff');font-weight: normal;font-style: normal;} 



@font-face {
  font-family: "mb";
  src: url("../fonts/Montserrat-SemiBold.woff") format("woff"),
	  url("../fonts/Montserrat-SemiBold.ttf") format("truetype"),
       url("../fonts/Montserrat-SemiBold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "ml";
  src: url("../fonts/Montserrat-Light.woff") format("woff"),
	  url("../fonts/Montserrat-Light.ttf") format("truetype"),
       url("../fonts/Montserrat-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: "meb";
  src: url("../fonts/Montserrat-ExtraBold.woff") format("woff"),
	  url("../fonts/Montserrat-ExtraBold.ttf") format("truetype"),
       url("../fonts/Montserrat-ExtraBold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}








.title-1 { font-family:Abel;}




@media screen and (max-width: 5120px) {
	
}
@media screen and (max-width: 3840px) { 

}
@media screen and (max-width: 2560px) {
	
}
@media screen and (max-width: 2048px) {
	
}
@media screen and (max-width: 1920px) {	
	
}
@media screen and (max-width: 1680px) {
    .font13 {font-size: 1.2rem;}
    .font14 {font-size: 1.3rem;}
    .font15 {font-size: 1.4rem;}
    .font16 {font-size: 1.5rem;}
    .font17 {font-size: 1.6rem;}
    .font18 {font-size: 1.7rem;}
    .font19 {font-size: 1.8rem;}
    .font20 {font-size: 1.9rem;}
    .font22 {font-size: 2.0rem;}
    .font23 {font-size: 2.1rem;}
    .font24 {font-size: 2.2rem;}
    .font26 {font-size: 2.3rem;}
    .font28 {font-size: 2.4rem;}
    .font30 {font-size: 2.6rem;}
    .font32 {font-size: 2.8rem;}
    .font34 {font-size: 2.9rem;}
    .font36 {font-size: 3.2rem;}
    .font38 {font-size: 3.4rem;}
    .font40 {font-size: 3.8rem;}
    .font42 {font-size: 4rem;}
    .font44 {font-size: 4.2rem;}
    .font46 {font-size: 4.3rem;}
    .font48 {font-size: 4.4rem;}
    .font50 {font-size: 4.5rem;}
    .font54 {font-size: 4.6rem;}
    .font60 {font-size: 5.2rem;}
    .font64 {font-size: 5.3rem;}
    .font66 {font-size: 5.4rem;}
    .font70 {font-size: 5.6rem;}
    .font77 {font-size: 6.2rem;}
    .font80 {font-size: 6.8rem;}
    .font90 {font-size: 6.9rem;}
    .font100 {font-size: 9rem;}
    .font130 {font-size: 10rem;}
    .font160 {font-size: 12rem;}
    .font300 {font-size: 22rem;}
    .flh24 {line-height: 2.2rem;}
    .flh26 {line-height: 2.4rem;}
    .flh28 {line-height: 2.6rem;}
    .flh30 {line-height: 2.8rem;}
    .flh32 {line-height: 3.0rem;}
    .flh34 {line-height: 3.2rem;}
    .flh36 {line-height: 3.4rem;}
    .flh40 {line-height: 3.8rem;}
    .flh60 {line-height: 5.2rem;}
    .flh72 {line-height: 6.2rem;}
    .flh82 {line-height: 7.2rem;}
    .flh90 {line-height: 10rem;}
}
@media screen and (max-width: 1440px) {
    .font14 {font-size: 1.2rem;}
    .font15 {font-size: 1.3rem;}
    .font16 {font-size: 1.4rem;}
    .font17 {font-size: 1.5rem;}
    .font18 {font-size: 1.6rem;}
    .font19 {font-size: 1.7rem;}
    .font20 {font-size: 1.8rem;}
    .font22 {font-size: 1.9rem;}
    .font23 {font-size: 2.0rem;}
    .font24 {font-size: 2.1rem;}
    .font26 {font-size: 2.2rem;}
    .font28 {font-size: 2.3rem;}
    .font30 {font-size: 2.4rem;}
    .font32 {font-size: 2.5rem;}
    .font34 {font-size: 2.6rem;}
    .font36 {font-size: 3rem;}
    .font38 {font-size: 3.2rem;}
    .font40 {font-size: 3.4rem;}
    .font42 {font-size: 3.8rem;}
    .font44 {font-size: 4rem;}
    .font46 {font-size: 4.1rem;}
    .font48 {font-size: 4.2rem;}
    .font50 {font-size: 4.3rem;}
    .font54 {font-size: 4.4rem;}
    .font60 {font-size: 4.6rem;}
    .font64 {font-size: 4.8rem;}
    .font66 {font-size: 4.9rem;}
    .font70 {font-size: 5rem;}
    .font77 {font-size: 5.2rem;}
    .font80 {font-size: 5.4rem;}
    .font90 {font-size: 5.6rem;}
    .font100 {font-size: 7rem;}
    .font130 {font-size: 9rem;}
    .font160 {font-size: 10rem;}
    .font300 {font-size: 20rem;}
    .flh24 {line-height: 2.1rem;}
    .flh26 {line-height: 2.2rem;}
    .flh28 {line-height: 2.4rem;}
    .flh30 {line-height: 2.6rem;}
    .flh32 {line-height: 2.8rem;}
    .flh34 {line-height: 3rem;}
    .flh36 {line-height: 3.2rem;}
    .flh40 {line-height: 4rem;}
    .flh60 {line-height: 6rem;}
    .flh72 {line-height: 7rem;}
    .flh82 {line-height: 8rem;}
    .flh90 {line-height: 9rem;}
}
@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) { 
}
@media screen and (max-width: 860px) {
    .font16 {font-size: 1.2rem;}
    .font18 {font-size: 1.4rem;}
    .font20 {font-size: 1.4rem;}
    .font22 {font-size: 1.4rem;}
    .font32 {font-size: 2rem;}
    .font36 {font-size: 2.1rem;}
    .font48 {font-size: 3rem !important;}
    .font50 {font-size: 3rem;}
    .font64 {font-size: 3rem;}
    .flh60 {line-height: 5rem;}
    .flh32 {line-height: 2.4rem;}
    .font46 { font-size:3.5rem !important;}
	.font40 { font-size:2.5rem !important;}
	.flh36 {line-height: 2.5rem;}
	.flh40 { line-height:3rem;}
}




/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	
}

/* iPad x*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}
/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	
}