@charset "utf-8";
/* CSS Document */
* {margin: 0;padding: 0;}
body {background:#f5f6f8;font-size: 14px;font-family: "微软雅黑";font-style:normal; color:#333;font-weight: 400;overflow-x: hidden;scroll-behavior: smooth;}


a:focus {outline: none;}
a{text-decoration: none; color:#333;transition: all 0.3s ease;}
a:hover {color: #541b86;text-decoration: none !important;}
li {list-style-type: none;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
input, button, select, textarea {outline: none;}
button:focus{border:0; outline:0;}
table{border-collapse: collapse;}
th,tr,td{border: 1px solid #DDD;}
.cl:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.cl {zoom: 1;}
img{transition: all 0.5s ease;}
.cont{width: 1600px;margin: 0 auto;max-width: 90%;}
.h60{font-size: 60px;line-height: 90px;}
.h55{font-size: 55px;line-height: 80px;}
.h50{font-size: 50px;line-height: 80px;}
.h45{font-size: 45px;line-height: 60px;}
.h40{font-size: 40px;line-height: 60px;}
.h35{font-size: 35px;line-height: 50px;}
.h30{font-size: 30px;line-height: 50px;}
.h25{font-size: 25px;line-height: 40px;}
.h24{font-size: 24px;line-height: 40px;}
.h20{font-size: 20px;line-height: 40px;}
.h18{font-size: 18px;line-height: 35px;}
.h16{font-size: 16px;line-height: 30px;}
.h14{font-size: 14px;line-height: 30px;}
.h12{font-size: 12px;line-height: 25px;}
.bold{font-weight: bold;}
.flx-center{display: flex;justify-content: center;align-items: center;}
.flx-left{display: flex;justify-content: left;align-items: center;}
.flx-right{display: flex;justify-content: right;align-items: center;}
.flx-top{display: flex;justify-content: center;align-items: flex-start;}
.flx-bottom{display: flex;justify-content: center;align-items: bottom;}
.flx-top-center{display: flex;justify-content: center;align-items: flex-start;}
.flx-bottom-center{display: flex;justify-content: center;align-items: bottom;}
.flx-left-center{display: flex;justify-content: left;align-items: center;}
.flx-right-center{display: flex;justify-content: right;align-items: center;}
.flx-top-left{display: flex;justify-content: left;align-items: flex-start;}
.flx-top-right{display: flex;justify-content: right;align-items: flex-start;}
.flx-bottom-left{display: flex;justify-content: left;align-items: bottom;}
.flx-bottom-right{display: flex;justify-content: right;align-items: bottom;}
.flx-between{display: flex;justify-content: space-between;align-items: flex-start;}
.flx-between-center{display: flex;justify-content: space-between;align-items: center;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.border-r10{border-radius: 10px;}
.border-r30{border-radius: 30px;}
.border-r50{border-radius: 50%;}
.relative{position: relative;}
.absolute{position: absolute;}

@media screen and (max-width:1500px){  
  .h60{font-size: 50px;line-height: 80px;}
  .h55{font-size: 45px;line-height: 70px;}
  .h50{font-size: 40px;line-height: 70px;}
  .h45{font-size: 35px;line-height: 50px;}
  .h40{font-size: 30px;line-height: 50px;}
  .h35{font-size: 26px;line-height: 45px;}
  .h30{font-size: 24px;line-height: 45px;}
  .h25{font-size: 20px;line-height: 40px;}
 
}

@media screen and (max-width:1400px){  
  .h16{font-size: 14px;line-height: 25px;}
 
}

@media screen and (max-width:1200px){
  .h60 {font-size: 30px;line-height: 50px;}
  .h55 {font-size: 35px;line-height: 45px;}
  .h30 {font-size: 20px;line-height: 30px;}
  .h18 {font-size: 16px;line-height: 30px;}

}

@media screen and (max-width: 640px) {
  .h60 {font-size: 24px;line-height: 40px;}
}