/* 把我们所有标签的内外边距清零 */
* {
  margin: 0;
  padding: 0;
  /* css3盒子模型 */
  box-sizing: border-box;
}
/* em 和 i 斜体的文字不倾斜 */
em,
i {
  font-style: normal;
}
/* 去掉li 的小圆点 */
li {
  list-style: none;
}

img {
  /* border 0 照顾低版本浏览器 如果 图片外面包含了链接会有边框的问题 */
  border: 0;
  /* 取消图片底侧有空白缝隙的问题 */
  vertical-align: middle;
}

button {
  /* 当我们鼠标经过button 按钮的时候，鼠标变成小手 */
  cursor: pointer;
}

a {
  color: #666;
  text-decoration: none;
}

a:hover {
  color: #c81623;
}
:root{
  --themeColor: #CF0F19;
}
button,
input {
  /* "\5B8B\4F53" 就是宋体的意思 这样浏览器兼容性比较好'hei', */
  font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB,
    '\5B8B\4F53', sans-serif;
  /* 默认有灰色边框我们需要手动去掉 */
  border: 0;
  outline: none;
}

body {
  /* CSS3 抗锯齿形 让文字显示的更加清晰 */
  -webkit-font-smoothing: antialiased;
  background-color: #fff;
  font: 20px/1.5 'hei', Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB,
    '\5B8B\4F53', sans-serif;
  color: #666;
  /*font-weight: Microsoft-Yahei-UI-Light;*/
  overflow-x: hidden;
  width: 100vw;
}
@font-face {
  font-family: 'hei';
  src: url('Microsoft-Yahei-UI-Light.ttc');
}
.iconfont{
    font-size: 18px !important;
}
.hide,
.none {
  display: none;
}
/* 清除浮动 */
.clearfix:after {
  visibility: hidden;
  clear: both;
  display: block;
  content: '.';
  height: 0;
}
.rich{
    padding: 20px 0;
}
.clearfix {
  zoom: 1;
}
/* 版心 */
.content {
  width: 1800px;
  margin: 0 auto;
}
.content1{
  width: 1800px;
  margin: 0 auto;
}
.content2{
  width: 1440px;
  margin: 0 auto;
}
.gund{overflow-y: auto;height: 100%;}
.gund::-webkit-scrollbar{width:0px;height:10px;background-color:#D7D7D7}.gund::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 1px transparent;border-radius:10px;background-color:#D7D7D7}.gund::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#c81623}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.animated {
  /* -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; */
  -webkit-animation-duration: 1.8s;
  animation-duration: 1.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@media (min-width:1920px){
    .content{
    width:calc(100vw - 120px);
    
  }
  .content1{
    width:calc(100vw - 120px);
  }
  .content2{
    /*width: 1400px;*/
  }
}
@media (max-width: 1800px) {
  .content{
    width: 1600px;
  }
  .content1{
    width: 1600px;
  }
  .content2{
    width: 1400px;
  }
}
@media (max-width: 1550px) {
  .content{
    width: 95vw;
  }
  .content1{
    width: 90vw;
  }
  .content2{
    width: 80vw;
  }
}