@charset "utf-8";

@import "iconfont.css";

:root {
  --color-primary: #e93e25;
  /* 区块 */
  --bg-color: #e93e25;
  --bg-color-second: #bf4c46;
  /* 文字 */
  --text-color-active: #e93e25;
  /* 链接、导航 */
  --link-color-selected: #e93e25;
  --link-color-hover: #e93e25;
  /* 按钮 */
  --btn-bg: #e93e25;
  --btn-bg-hover: #ee6d5b;
  /* 轮播图 */
  --swiper-btn-color: #e93e25;
  --swiper-btn-color-hover: #ee6d5b;
  /* 字体 */
  --font-family: 'Open Sans', sans-serif;
}

@font-face {
  font-family: 'ubuntu';
  src: url('../font/ubuntu.eot');
  src: url('../font/ubuntu.eot?#iefix') format('embedded-opentype'), url('../font/ubuntu.woff2') format('woff2'), url('../font/ubuntu.woff') format('woff'), url('../font/ubuntu.ttf') format('truetype'), url('../font/ubuntu.svg#ubuntulight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ubuntubold';
  src: url('../font/ubuntu-b.eot');
  src: url('../font/ubuntu-b.eot?#iefix') format('embedded-opentype'), url('../font/ubuntu-b.woff2') format('woff2'), url('../font/ubuntu-b.woff') format('woff'), url('../font/ubuntu-b.ttf') format('truetype'), url('../font/ubuntu-b.svg#ubuntubold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Ubuntu-Medium';
  src: url('../font/Ubuntu-Medium.eot');
  src: url('../font/Ubuntu-Medium.eot?#iefix') format('embedded-opentype'), url('../font/Ubuntu-Medium.woff2') format('woff2'), url('../font/Ubuntu-Medium.woff') format('woff'), url('../font/Ubuntu-Medium.ttf') format('truetype'), url('../font/Ubuntu-Medium.svg#ubuntubold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat-Regular';
  src: url('../font/Montserrat-Regular.eot');
  src: url('../font/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('../font/Montserrat-Regular.woff2') format('woff2'), url('../font/Montserrat-Regular.woff') format('woff'), url('../font/Montserrat-Regular.ttf') format('truetype'), url('../font/Montserrat-Regular.svg#ubuntulight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat-Medium';
  src: url('../font/Montserrat-Medium.eot');
  src: url('../font/Montserrat-Medium.eot?#iefix') format('embedded-opentype'), url('../font/Montserrat-Medium.woff2') format('woff2'), url('../font/Montserrat-Medium.woff') format('woff'), url('../font/Montserrat-Medium.ttf') format('truetype'), url('../font/Montserrat-Medium.svg#ubuntulight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat-Bold';
  src: url('../font/Montserrat-Bold.eot');
  src: url('../font/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), url('../font/Montserrat-Bold.woff2') format('woff2'), url('../font/Montserrat-Bold.woff') format('woff'), url('../font/Montserrat-Bold.ttf') format('truetype'), url('../font/Montserrat-Bold.svg#ubuntulight') format('svg');
  font-weight: normal;
  font-style: normal;
}

*,*:before,*:after{box-sizing:border-box;}

html {
  height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
textarea,
p,
blockquote,
th,
td,
input,
select,
textarea,
button,menu{
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
  font-family: "Montserrat-Regular", "Arial";
} /* 初始化标签在所有浏览器中的margin、padding值 */
header,
section,
footer,
aside,
nav,
main,
article,
figure {
  display: block;
}
img {
  border: none;
} /* 重置fieldset（表单分组）、图片的边框为0*/
dl,
ul,
ol,
menu,
li {
  list-style-type: none;
} /* 重置类表前导符号为onne,menu在HTML5中有效 */
button {
  border: 0;
  cursor: pointer;
} /* 重置表单button按钮效果 */

a {
  color: #000009;
  text-decoration: none;
  box-sizing: border-box;
} /* 重置链接a标签 */
a:active,
a:hover {
  text-decoration: none;
} /* 重置链接a标签的鼠标滑动效果 */

table {max-width:100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
} /* 重置table属性 */
img {
  vertical-align: middle;
  transition: 1s all;
  width: auto;
  height: auto;
} /* 图片在当前行内的垂直位置 */
a {
  outline: none;
  transition: 0.3s all;
}
a:active {
  star: expression(this.onFocus=this.blur());
}
/*清除浮动*/
.clearfix {
  overflow: hidden;
  clear: both;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000009;
  font-weight: normal;
  font-family: 'Noto Sans', sans-serif';
}
p {
  font-size: 17px;
  font-family: 'Montserrat-Regular';
  color: #666;
  line-height: 32px;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}

.container,.wp{
  max-width: 1440px;
  margin: 0 auto;
}
/* Chrome */
::-webkit-input-placeholder {
  color: #666;
  }/* IE 10 + */:-ms-input-placeholder
  {
    color: #666;
  }
  /* Firefox 4-18 */
  /* Firefox 19 + */:-moz-placeholder,
  ::-moz-placeholder {
    color: #666;
    opacity: 1;
  }
  /* Chrome */
  .newsletter input::-webkit-input-placeholder {
    color: #fff;
  }
  /* IE 10+ */
  .newsletter input:-ms-input-placeholder {
    color: #fff;
  }
  /* Firefox 4-18 */
  /* Firefox 19+ */
  .newsletter input:-moz-placeholder,
  .newsletter input::-moz-placeholder {
    color: #fff;
    opacity: 1;
  }

  @keyframes fadeInLeft {
    from {
      opacity: 0;
      transform: translate3d(-200px, 0, 0)
    }
    to {
      opacity: 1;
      transform: none
    }
  }
  .fadeInLeft {
    animation-name: fadeInLeft
  }
  @keyframes fadeInRight {
    from {
      opacity: 0;
      transform: translate3d(200px, 0, 0)
    }
    to {
      opacity: 1;
      transform: none
    }
  }
  .fadeInRight {
    animation-name: fadeInRight
  }
  .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
  }

  .padding-top {
    padding-top: 100px;
  }
  .padding {
    padding: 100px 0;
  }
  .margin-top {
    margin-top: 100px;
  }
  @keyframes bounce-down {
    25% {
      transform: translateY(-3px);
    }
    50% {
      transform: translateY(0);
    }
    75% {
      transform: translateY(3px);
    }
    100% {
      transform: translateY(0);
    }
  }
  @keyframes bounce-down2 {
    25% {
      transform: translateY(-30px);
    }
    50% {
      transform: translateY(0);
    }
    75% {
      transform: translateY(15px);
    }
    100% {
      transform: translateY(0);
    }
  }
  @keyframes scale2 {
    from {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
    50% {
      -webkit-transform: scale(1.4);
      transform: scale(1.4);
    }
    to {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  @keyframes scale1 {
    from {
      -webkit-transform: scale(0.6);
      transform: scale(0.6);
    }
    50% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
    to {
      -webkit-transform: scale(0.6);
      transform: scale(0.6);
    }
  }