:root{
  --color1:#1a70da;
  --color1-light:#3686e8;
  --color1-dark:#1268d2;
  --color2:#8ebb34;
}
/*@font-face {*/
/*  font-family: 'SourceHanSansCNExtraLight';*/
/*  src: url('../fonts/SourceHanSansCN-ExtraLight.woff2') format('woff2');*/
/*}*/
*, *:before, *:after{box-sizing:border-box}
html{font-size:16px}
body{margin:0;font-family:'Microsoft YaHei',system-ui,—apple-system,Segoe UI,Roboto,Emoji,Helvetica,Arial,sans-serif;background-color:#fff;font-size:14px;color:#333;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
p, ol, ul, dl, dd, main, header, footer, article, aside, menu, section, dialog, figure, figcaption{margin:0;padding:0}
h1, h2, h3, h4, h5, h6{margin:0}
li{background-repeat:no-repeat;list-style-type:none}
img{border:0}
a{color:#333;text-decoration:none;background-color:transparent}
td, th{padding:0}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:none;border:0;outline:none}
input:focus,textarea:focus,select:focus{outline:none}
input[type="file"]{border:0}
input[type="radio"],input[type="checkbox"]{padding:0;margin:0}
textarea{overflow:auto;resize:vertical}
::placeholder{color:#b3b3b3}
.text-align-left{text-align:left}
.text-align-center{text-align:center}
.text-align-right{text-align:right}
.ui-full{width:100%}
.text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.text-row-ellipsis{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.container{margin-left:auto;margin-right:auto}
.container.blank{padding-left:10px;padding-right:10px}
.flex{display:flex}
.flex-wrap{display:flex;flex-wrap:wrap}
.flex-wrap-between{display:flex;flex-wrap:wrap;justify-content:space-between}
.text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.text-row-ellipsis{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.hidden{display:none !important}
.container{max-width:1280px;margin-left:auto;margin-right:auto}
.container.blank{padding-left:15px;padding-right:15px}
.header{padding:18px 50px;justify-content:space-between;align-items:center;background:#1c1302}
.logo img{max-height:46px;backface-visibility:hidden;display:block}
.banner{max-height:680px;overflow:hidden}
.banner img{width:100%}
.home-welcome{text-align:center}
.home-welcome img{max-width:100%}
.bottom{padding:20px 60px 20px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center}
.bottom-contact{}
.bottom-contact p{font-size:16px;line-height:1.4;font-weight:500;color:#000}
.bottom-qrcode{display:flex}
.bottom-qrcode__box{margin-left:20px}
.bottom-qrcode__box img{width:110px}
@media (max-width:1460px){
  /*.bottom{padding:70px 30px 50px}*/
  .home-welcome img{width:28vw}
  .bottom-contact p{font-size:15px}
}
@media (max-width:1280px){
  /*.bottom{padding:60px 20px 50px}*/
  .home-welcome{flex:0 0 100%;margin-bottom:50px}
  .home-welcome img{width:25vw}
  .bottom-qrcode__box img{width:100px}
}
@media (max-width:1024px){
  .header{padding:25px 30px}
  .bottom{padding:50px 20px 50px}
  .home-welcome{margin-bottom:40px;text-align:left}
  .home-welcome img{width:40vw}
  .bottom-contact{flex:0 0 100%}
  .bottom-qrcode{margin-top:40px;flex:0 0 100%}
  .bottom-qrcode__box{margin:0 20px 0 0}
  .bottom-qrcode__box img{width:100px}
}
@media (max-width:768px){
  .header{padding:25px}
  .logo img{max-height:40px}
  .bottom{padding:40px 20px}
  .home-welcome img{width:50vw}
}
@media (max-width:512px){
  .header{padding:20px}
  .logo img{max-height:34px}
  .home-welcome img{width:60vw}
}