/* 自定义字体 */
@font-face {  
  font-family: 'font-extrabold';  /* 定义一个一级标题 */  
  src: url('../static/font/Montserrat-ExtraBold.otf') format('opentype'), ;    
  font-weight: normal;  /* 设置字体的粗细 */  
  font-style: normal;  /* 设置字体的样式（如斜体） */  
} 
@font-face {  
  font-family: 'font-semibold';  /* 定义一个按钮 */  
  src: url('../static/font/Montserrat-SemiBold.otf') format('opentype');    
  font-weight: normal;  /* 设置字体的粗细 */  
  font-style: normal;  /* 设置字体的样式（如斜体） */  
}  
@font-face {  
  font-family: 'font-regular';  /* 定义一个普通文本 */  
  src: url('../static/font/Montserrat-Regular.otf') format('opentype');    
  font-weight: normal;  /* 设置字体的粗细 */  
  font-style: normal;  /* 设置字体的样式（如斜体） */  
} 


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: normal;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, menu, nav, section{
    display: block;
}

body{
    line-height: 1
}

input {
    outline: none;
}


ul,li{margin: 0;padding: 0;list-style: none;}
i{font-style: normal;}
strong,b{font-weight: normal;}
input{border: none;outline: none;}
body {
  font-size: 16px;
  line-height: 1.6;
  color: #333;
  background: #fff;
  font-family: "PingFang SC","微软雅黑","Microsoft YaHei", Arial, sans-serif;
}

#page {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  background: #ffffff;
}

a{
  text-decoration: none;
}
a:hover,
a:active,
a:focus {
  outline: none;
  text-decoration: none;
}

::-webkit-selection {
  color: #fff;
  background: #4587e8;
}

::-moz-selection {
  color: #fff;
  background: #4587e8;
}

::selection {
  color: #fff;
  background: #4587e8;
}



/* 版本 */
.auto_content{
  margin: 0 auto;
}
/* 媒体显示 */
@media screen and (min-width: 1920px) {
  .auto_content{
    width: 1300px;
  }
}
@media screen and (max-width: 1919px) {
  .auto_content{
    width: 1100px;
  }
}
@media screen and (max-width: 1439px) {
  .auto_content{
    width: 984px;
  }
}
@media screen and (max-width: 1023px) {
  .auto_content{
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
 
}