﻿@charset "utf-8";
/* @font-face {
	font-family: 'Regular';
	src: url('./font/SourceHanSerifCN-Regular.otf');
}
@font-face {
	font-family: 'Bold';
	src: url('./font/SourceHanSerifCN-Bold.otf');
}
@font-face {
	font-family: 'Heavy';
	src: url('./font/SourceHanSerifCN-Heavy.otf');
}
@font-face {
	font-family: 'Medium';
	src: url('./font/SourceHanSerifCN-Medium.otf');
} */


/*font-size*/
.fnt_12 {
  font-size: 12px;
}

.fnt_14 {
  font-size: 14px;
}

.fnt_16 {
  font-size: 16px;
}

.fnt_18 {
  font-size: 18px;
}

.fnt_20 {
  font-size: 20px;
}

.fnt_22 {
  font-size: 22px;
}

.fnt_24 {
  font-size: 24px;
}

.fnt_26 {
  font-size: 26px;
}

.fnt_28 {
  font-size: 28px;
}

.fnt_30 {
  font-size: 30px;
}

.fnt_32 {
  font-size: 32px;
}

.fnt_34 {
  font-size: 34px;
}

.fnt_36 {
  font-size: 36px;
}

.fnt_38 {
  font-size: 38px;
}

.fnt_40 {
  font-size: 40px;
}

.fnt_42 {
  font-size: 42px;
}

.fnt_44 {
  font-size: 44px;
}

.fnt_46 {
  font-size: 46px;
}

.fnt_48 {
  font-size: 48px;
}

.fnt_50 {
  font-size: 50px;
  line-height: 1.3;
}

.fnt_52 {
  font-size: 52px;
  line-height: 1.3;
}

.fnt_54 {
  font-size: 54px;
  line-height: 1.3;
}

.fnt_56 {
  font-size: 56px;
  line-height: 1.3;
}

.fnt_58 {
  font-size: 58px;
  line-height: 1.3;
}

.fnt_60 {
  font-size: 60px;
  line-height: 1.3;
}

.fnt_70 {
  font-size: 70px;
  line-height: 1.3;
}

.fnt_80 {
  font-size: 80px;
  line-height: 1.3;
}

@media only screen and (max-width: 1600px) {

  .fnt_24 {
    font-size: 22px;
  }

  .fnt_26 {
    font-size: 24px;
  }

  .fnt_28 {
    font-size: 26px;
  }

  .fnt_30 {
    font-size: 28px;
  }

  .fnt_32 {
    font-size: 30px;
  }

  .fnt_34 {
    font-size: 32px;
  }

  .fnt_36 {
    font-size: 34px;
  }

  .fnt_38 {
    font-size: 36px;
  }

  .fnt_40 {
    font-size: 38px;
  }

  .fnt_42 {
    font-size: 38px;
  }

  .fnt_44 {
    font-size: 38px;
  }

  .fnt_46 {
    font-size: 40px;
  }

  .fnt_48 {
    font-size: 40px;
  }

  .fnt_50 {
    font-size: 40px;
  }

  .fnt_52 {
    font-size: 42px;
  }

  .fnt_54 {
    font-size: 42px;
  }

  .fnt_56 {
    font-size: 42px;
  }

  .fnt_58 {
    font-size: 44px;
  }

  .fnt_60 {
    font-size: 44px;
  }

  .fnt_70 {
    font-size: 60px;
  }

  .fnt_80 {
    font-size: 70px;
  }
}

@media only screen and (max-width: 1440px) {
  .fnt_24 {
    font-size: 20px;
  }

  .fnt_26 {
    font-size: 22px;
  }

  .fnt_28 {
    font-size: 24px;
  }

  .fnt_30 {
    font-size: 26px;
  }

  .fnt_32 {
    font-size: 28px;
  }

  .fnt_34 {
    font-size: 30px;
  }

  .fnt_36 {
    font-size: 32px;
  }

  .fnt_38 {
    font-size: 34px;
  }

  .fnt_40 {
    font-size: 34px;
  }

  .fnt_42 {
    font-size: 36px;
  }

  .fnt_44 {
    font-size: 36px;
  }

  .fnt_46 {
    font-size: 38px;
  }

  .fnt_48 {
    font-size: 38px;
  }

  .fnt_50 {
    font-size: 38px;
  }

  .fnt_52 {
    font-size: 40px;
  }

  .fnt_54 {
    font-size: 40px;
  }

  .fnt_56 {
    font-size: 40px;
  }

  .fnt_58 {
    font-size: 42px;
  }

  .fnt_60 {
    font-size: 42px;
  }

  .fnt_70 {
    font-size: 50px;
  }

  .fnt_80 {
    font-size: 60px;
  }
}

@media only screen and (max-width: 1200px) {
  .fnt_18 {
    font-size: 16px;
  }

  .fnt_20 {
    font-size: 18px;
  }

  .fnt_22 {
    font-size: 18px;
  }

  .fnt_24 {
    font-size: 18px;
  }

  .fnt_26 {
    font-size: 20px;
  }

  .fnt_28 {
    font-size: 22px;
  }

  .fnt_30 {
    font-size: 24px;
  }

  .fnt_32 {
    font-size: 26px;
  }

  .fnt_34 {
    font-size: 28px;
  }

  .fnt_36 {
    font-size: 30px;
  }

  .fnt_38 {
    font-size: 30px;
  }

  .fnt_40 {
    font-size: 30px;
  }

  .fnt_42 {
    font-size: 30px;
  }

  .fnt_44 {
    font-size: 30px;
  }

  .fnt_46 {
    font-size: 32px;
  }

  .fnt_48 {
    font-size: 32px;
  }

  .fnt_50 {
    font-size: 32px;
  }

  .fnt_52 {
    font-size: 34px;
  }

  .fnt_54 {
    font-size: 34px;
  }

  .fnt_56 {
    font-size: 34px;
  }

  .fnt_58 {
    font-size: 36px;
  }

  .fnt_60 {
    font-size: 36px;
  }

  .fnt_70 {
    font-size: 50px;
  }

  .fnt_80 {
    font-size: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .fnt_16 {
    font-size: 14px;
  }

  .fnt_18 {
    font-size: 14px;
  }

  .fnt_20 {
    font-size: 16px;
  }

  .fnt_22 {
    font-size: 16px;
  }

  .fnt_24 {
    font-size: 16px;
  }

  .fnt_26 {
    font-size: 16px;
  }

  .fnt_28 {
    font-size: 16px;
  }

  .fnt_30 {
    font-size: 18px;
  }

  .fnt_32 {
    font-size: 18px;
  }

  .fnt_34 {
    font-size: 18px;
  }

  .fnt_36 {
    font-size: 18px;
  }

  .fnt_38 {
    font-size: 18px;
  }

  .fnt_40 {
    font-size: 20px;
  }

  .fnt_42 {
    font-size: 20px;
  }

  .fnt_44 {
    font-size: 20px;
  }

  .fnt_46 {
    font-size: 20px;
  }

  .fnt_48 {
    font-size: 20px;
  }

  .fnt_50 {
    font-size: 22px;
  }

  .fnt_52 {
    font-size: 22px;
  }

  .fnt_54 {
    font-size: 22px;
  }

  .fnt_56 {
    font-size: 22px;
  }

  .fnt_58 {
    font-size: 22px;
  }

  .fnt_60 {
    font-size: 24px;
  }

  .fnt_70 {
    font-size: 26px;
  }

  .fnt_80 {
    font-size: 30px;
  }
}

.mt_150 {
  margin-top: 150px;
}

.mb_150 {
  margin-bottom: 150px;
}

.pt_150 {
  padding-top: 150px;
}

.pb_150 {
  padding-bottom: 150px;
}

.mt_110 {
  margin-top: 110px;
}

.mb_110 {
  margin-bottom: 110px;
}

.pt_110 {
  padding-top: 110px;
}

.pb_110 {
  padding-bottom: 110px;
}

.mt_85 {
  margin-top: 85px;
}

.mb_85 {
  margin-bottom: 85px;
}

.pt_85 {
  padding-top: 85px;
}

.pb_85 {
  padding-bottom: 85px;
}

.mt_75 {
  margin-top: 75px;
}

.mb_75 {
  margin-bottom: 75px;
}

.pt_75 {
  padding-top: 75px;
}

.pb_75 {
  padding-bottom: 75px;
}

.mt_60 {
  margin-top: 60px;
}

.mb_60 {
  margin-bottom: 60px;
}

.pt_60 {
  padding-top: 60px;
}

.pb_60 {
  padding-bottom: 60px;
}

.mt_55 {
  margin-top: 55px;
}

.mb_55 {
  margin-bottom: 55px;
}

.pt_55 {
  padding-top: 55px;
}

.pb_55 {
  padding-bottom: 55px;
}

.mt_45 {
  margin-top: 45px;
}

.mt_40 {
  margin-top: 40px;
}

.mb_40 {
  margin-bottom: 40px;
}

.pt_40 {
  padding-top: 40px;
}

.pb_40 {
  padding-bottom: 40px;
}

.mt_30 {
  margin-top: 30px;
}

.mb_30 {
  margin-bottom: 30px;
}

.pt_30 {
  padding-top: 30px;
}

.pb_30 {
  padding-bottom: 30px;
}

.mt_25 {
  margin-top: 25px;
}

.mt_20 {
  margin-top: 20px;
}

.mt_15 {
  margin-top: 15px;
}

@media only screen and (min-width: 1930px) {
  .mt_150 {
    margin-top: 200px;
  }

  .mb_150 {
    margin-bottom: 200px;
  }

  .pt_150 {
    padding-top: 200px;
  }

  .pb_150 {
    padding-bottom: 200px;
  }

  .mt_110 {
    margin-top: 160px;
  }

  .mb_110 {
    margin-bottom: 160px;
  }

  .pt_110 {
    padding-top: 160px;
  }

  .pb_110 {
    padding-bottom: 160px;
  }
}

@media only screen and (max-width: 1700px) {

  .mt_150 {
    margin-top: 120px;
  }

  .mb_150 {
    margin-bottom: 120px;
  }

  .pt_150 {
    padding-top: 120px;
  }

  .pb_150 {
    padding-bottom: 120px;
  }

  .mt_110 {
    margin-top: 90px;
  }

  .mb_110 {
    margin-bottom: 90px;
  }

  .pt_110 {
    padding-top: 90px;
  }

  .pb_110 {
    padding-bottom: 90px;
  }

}

@media only screen and (max-width: 1600px) {

  .mt_150 {
    margin-top: 110px;
  }

  .mb_150 {
    margin-bottom: 110px;
  }

  .pt_150 {
    padding-top: 110px;
  }

  .pb_150 {
    padding-bottom: 110px;
  }

  .mt_110 {
    margin-top: 80px;
  }

  .mb_110 {
    margin-bottom: 80px;
  }

  .pt_110 {
    padding-top: 80px;
  }

  .pb_110 {
    padding-bottom: 80px;
  }

}

@media only screen and (max-width: 1500px) {

  .mt_150 {
    margin-top: 100px;
  }

  .mb_150 {
    margin-bottom: 100px;
  }

  .pt_150 {
    padding-top: 100px;
  }

  .pb_150 {
    padding-bottom: 100px;
  }

  .mt_110 {
    margin-top: 70px;
  }

  .mb_110 {
    margin-bottom: 70px;
  }

  .pt_110 {
    padding-top: 70px;
  }

  .pb_110 {
    padding-bottom: 70px;
  }

  .mt_85 {
    margin-top: 65px;
  }

  .mb_85 {
    margin-bottom: 65px;
  }

  .pt_85 {
    padding-top: 65px;
  }

  .pb_85 {
    padding-bottom: 65px;
  }

  .mt_75 {
    margin-top: 55px;
  }

  .mb_75 {
    margin-bottom: 55px;
  }

  .pt_75 {
    padding-top: 55px;
  }

  .pb_75 {
    padding-bottom: 55px;
  }

  .mt_60 {
    margin-top: 45px;
  }

  .mb_60 {
    margin-bottom: 45px;
  }

  .pt_60 {
    padding-top: 45px;
  }

  .pb_60 {
    padding-bottom: 45px;
  }

  .mt_55 {
    margin-top: 40px;
  }

  .mb_55 {
    margin-bottom: 40px;
  }

  .pt_55 {
    padding-top: 40px;
  }

  .pb_55 {
    padding-bottom: 40px;
  }
}

@media only screen and (max-width: 1400px) {

  .mt_150 {
    margin-top: 90px;
  }

  .mb_150 {
    margin-bottom: 90px;
  }

  .pt_150 {
    padding-top: 90px;
  }

  .pb_150 {
    padding-bottom: 90px;
  }

  .mt_110 {
    margin-top: 60px;
  }

  .mb_110 {
    margin-bottom: 60px;
  }

  .pt_110 {
    padding-top: 60px;
  }

  .pb_110 {
    padding-bottom: 60px;
  }

  .mt_85 {
    margin-top: 50px;
  }

  .mb_85 {
    margin-bottom: 50px;
  }

  .pt_85 {
    padding-top: 50px;
  }

  .pb_85 {
    padding-bottom: 50px;
  }

  .mt_75 {
    margin-top: 50px;
  }

  .mb_75 {
    margin-bottom: 50px;
  }

  .pt_75 {
    padding-top: 50px;
  }

  .pb_75 {
    padding-bottom: 50px;
  }

  .mt_60 {
    margin-top: 45px;
  }

  .mb_60 {
    margin-bottom: 45px;
  }

  .pt_60 {
    padding-top: 45px;
  }

  .pb_60 {
    padding-bottom: 45px;
  }

  .mt_55 {
    margin-top: 40px;
  }

  .mb_55 {
    margin-bottom: 40px;
  }

  .pt_55 {
    padding-top: 40px;
  }

  .pb_55 {
    padding-bottom: 40px;
  }
}

@media only screen and (max-width: 1300px) {

  .mt_150 {
    margin-top: 50px;
  }

  .mb_150 {
    margin-bottom: 50px;
  }

  .pt_150 {
    padding-top: 50px;
  }

  .pb_150 {
    padding-bottom: 50px;
  }

  .mt_110 {
    margin-top: 50px;
  }

  .mb_110 {
    margin-bottom: 50px;
  }

  .pt_110 {
    padding-top: 50px;
  }

  .pb_110 {
    padding-bottom: 50px;
  }

  .mt_85 {
    margin-top: 50px;
  }

  .mb_85 {
    margin-bottom: 50px;
  }

  .pt_85 {
    padding-top: 50px;
  }

  .pb_85 {
    padding-bottom: 50px;
  }

  .mt_75 {
    margin-top: 50px;
  }

  .mb_75 {
    margin-bottom: 50px;
  }

  .pt_75 {
    padding-top: 50px;
  }

  .pb_75 {
    padding-bottom: 50px;
  }

  .mt_60 {
    margin-top: 45px;
  }

  .mb_60 {
    margin-bottom: 45px;
  }

  .pt_60 {
    padding-top: 45px;
  }

  .pb_60 {
    padding-bottom: 45px;
  }

  .mt_55 {
    margin-top: 40px;
  }

  .mb_55 {
    margin-bottom: 40px;
  }

  .pt_55 {
    padding-top: 40px;
  }

  .pb_55 {
    padding-bottom: 40px;
  }
}


@media only screen and (max-width: 1200px) {
  .line_height21 {
    line-height: 1.8
  }

  .mt_60 {
    margin-top: 30px;
  }

  .mb_60 {
    margin-bottom: 30px;
  }

  .pt_60 {
    padding-top: 30px;
  }

  .pb_60 {
    padding-bottom: 30px;
  }

  .mt_55 {
    margin-top: 30px;
  }

  .mb_55 {
    margin-bottom: 30px;
  }

  .pt_55 {
    padding-top: 30px;
  }

  .pb_55 {
    padding-bottom: 30px;
  }

  .mt_45 {
    margin-top: 30px;
  }

  .mt_40 {
    margin-top: 20px;
  }

  .mb_40 {
    margin-bottom: 20px;
  }

  .pt_40 {
    padding-top: 20px;
  }

  .pb_40 {
    padding-bottom: 20px;
  }

  .mt_30 {
    margin-top: 20px;
  }

  .mb_30 {
    margin-bottom: 20px;
  }

  .pt_30 {
    padding-top: 20px;
  }

  .pb_30 {
    padding-bottom: 20px;
  }

  .mt_25 {
    margin-top: 20px;
  }

  .mt_20 {
    margin-top: 15px;
  }

  .mt_15 {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 1000px) {
  .mt_150 {
    margin-top: 50px;
  }

  .mb_150 {
    margin-bottom: 50px;
  }

  .pt_150 {
    padding-top: 50px;
  }

  .pb_150 {
    padding-bottom: 50px;
  }

  .mt_110 {
    margin-top: 50px;
  }

  .mb_110 {
    margin-bottom: 50px;
  }

  .pt_110 {
    padding-top: 50px;
  }

  .pb_110 {
    padding-bottom: 50px;
  }

  .mt_85 {
    margin-top: 50px;
  }

  .mb_85 {
    margin-bottom: 50px;
  }

  .pt_85 {
    padding-top: 50px;
  }

  .pb_85 {
    padding-bottom: 50px;
  }

  .mt_75 {
    margin-top: 50px;
  }

  .mb_75 {
    margin-bottom: 50px;
  }

  .pt_75 {
    padding-top: 50px;
  }

  .pb_75 {
    padding-bottom: 50px;
  }


  .mt_55 {
    margin-top: 25px;
  }

  .mb_55 {
    margin-bottom: 25px;
  }

  .pt_55 {
    padding-top: 25px;
  }

  .pb_55 {
    padding-bottom: 25px;
  }

  .mt_30 {
    margin-top: 15px;
  }

  .mb_30 {
    margin-bottom: 15px;
  }

  .pt_30 {
    padding-top: 15px;
  }

  .pb_30 {
    padding-bottom: 15px;
  }

  .mt_25 {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .line_height21 {
    line-height: 1.6
  }

  .line_height19 {
    line-height: 1.4
  }

  .mt_150 {
    margin-top: 40px;
  }

  .mb_150 {
    margin-bottom: 40px;
  }

  .pt_150 {
    padding-top: 40px;
  }

  .pb_150 {
    padding-bottom: 40px;
  }

  .mt_110 {
    margin-top: 40px;
  }

  .mb_110 {
    margin-bottom: 40px;
  }

  .pt_110 {
    padding-top: 40px;
  }

  .pb_110 {
    padding-bottom: 40px;
  }

  .mt_85 {
    margin-top: 35px;
  }

  .mb_85 {
    margin-bottom: 35px;
  }

  .pt_85 {
    padding-top: 35px;
  }

  .pb_85 {
    padding-bottom: 35px;
  }

  .mt_45 {
    margin-top: 25px;
  }

  .mt_40 {
    margin-top: 25px;
  }

  .mb_40 {
    margin-bottom: 25px;
  }

  .pt_40 {
    padding-top: 25px;
  }

  .pb_40 {
    padding-bottom: 25px;
  }

  .mt_30 {
    margin-top: 15px;
  }

  .mb_30 {
    margin-bottom: 15px;
  }

  .pt_30 {
    padding-top: 15px;
  }

  .pb_30 {
    padding-bottom: 15px;
  }

  .mt_25 {
    margin-top: 10px;
  }

  .mt_20 {
    margin-top: 10px;
  }

  .mt_15 {
    margin-top: 7px;
  }

}