@charset "utf-8";
* {
  margin: 0;
  padding: 0;
  font-family: Arial, Tahoma, "微软雅黑", Microsoft YaHei, "宋体", SimSun;
  box-sizing: border-box;
}
a {
  color: inherit;
  outline: none;
  text-decoration: none;
}
ul {
  list-style-type: none;
}
body {
  background: #fff;
}
input,
textarea,
button,
select,
body {
  font-size: 14px;
}
input,
textarea,
button,
select,
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="text"] {
  outline: none;
  resize: none;
}
input[type="button"],
button {
  cursor: pointer;
  outline: none;
}
img,
.block {
  display: block;
}
em,
i {
  font-style: normal;
}
/*宽度*/
.w-100 {
  width: 100%;
}
.h-84 {
  height: 84%;
}
.h-100 {
  height: 100%;
}
.w-1200 {
  width: 84.5%;
}
.w-1400 {
  width: 73%;
}
.w-1600 {
  width: 84%;
}
.w-1200,
.w-1400,
.w-1600 {
  margin: 0 auto;
}
.w-50 {
  width: 50%;
}
.h-50 {
  height: 50%;
}
/*字号*/
.f-0 {
  font-size: 0;
}
.f-12 {
  font-size: 12px;
}
.f-14 {
  font-size: 14px;
}
.f-16 {
  font-size: 16px;
}
.f-18 {
  font-size: 18px;
}
.f-20 {
  font-size: 20px;
}
.f-22 {
  font-size: 22px;
}
.f-24 {
  font-size: 1.25vw;
}
.f-26 {
  font-size: 1.35vw;
}
/*---------------------------------*/
.f-28 {
  font-size: 1.45vw;
}
.f-30 {
  font-size: 1.55vw;
}
.f-32 {
  font-size: 1.65vw;
}
.f-34 {
  font-size: 1.75vw;
}
.f-36 {
  font-size: 1.85vw;
}
.f-38 {
  font-size: 1.95vw;
}
.f-40 {
  font-size: 2.1vw;
}
.f-42 {
  font-size: 2.2vw;
}
.f-44 {
  font-size: 2.3vw;
}
.f-46 {
  font-size: 2.4vw;
}
.f-48 {
  font-size: 2.5vw;
}
.f-50 {
  font-size: 2.6vw;
}
.f-52 {
  font-size: 2.7vw;
}
.f-60 {
  font-size: 3.12vw;
}
.f-72 {
  font-size: 3.75vw;
}
.f-78 {
  font-size: 4.06vw;
}
.f-80 {
  font-size: 4.16vw;
}
.f-90 {
  font-size: 4.69vw;
}
.f-100 {
  font-size: 5.2vw;
}
/*颜色*/
.c-fff {
  color: #fff;
}
.b-fff {
  background: #fff;
}
.c-f5 {
  color: #f5f5f5;
}
.c-ddd {
  color: #646464;
}
.c-bbb {
  color: #bbb;
}
.c-ccc {
  color: #ccc;
}
.c-999 {
  color: #999;
}
.c-888 {
  color: #888;
}
.c-777 {
  color: #777;
}
.c-666 {
  color: #666;
}
.c-555 {
  color: #555;
}
.c-444 {
  color: #444;
}
.c-333 {
  color: #333;
}
/*字体*/
.f-st {
  font-family: "宋体", SimSun;
}
.f-ta {
  font-family: Tahoma, Geneva, sans-serif;
}
.f-impact {
  font-family: impact;
}
.font-over1 {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.font-over2 {
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.text-u {
  text-transform: uppercase;
}
.text-c {
  text-transform: capitalize;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
/*对齐方式*/
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.dis-t,
.dis-m,
.dis-b {
  display: inline-block;
}
.dis-t {
  vertical-align: top;
}
.dis-m {
  vertical-align: middle;
}
.dis-b {
  vertical-align: bottom;
}
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.v-align-m1,
.v-align-m2 {
  font-size: 0;
}
.v-align-m1:before,
.v-align-m2:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0;
}
.m-ot {
  margin: 0 auto;
}
/*尺寸*/
.m-WH100 {
  max-height: 100%;
  max-width: 100%;
}
/*显示/隐藏尺寸*/
.pc,
.pc-800 {
  display: block;
}
.mob,
.mob-800 {
  display: none;
}
/*显示/隐藏尺寸*/
.pc,
.pc-720 {
  display: block;
}
.mob,
.mob-720 {
  display: none;
}
.ov-h {
  overflow: hidden;
}
/*三角形*/
.SJ-L:after,
.SJ-B:after,
.SJ-BL:after,
.SJ-R:after {
  content: "";
  display: inline-block;
  border-style: solid;
  width: 0;
  height: 0;
  margin-left: 5px;
}
/*向左*/
.SJ-L:after {
  border-color: transparent transparent transparent #000;
  border-width: 4px 0 4px 5px;
}
/*向右*/
.SJ-R:after {
  border-color: transparent #000 transparent transparent;
  border-width: 4px 5px 4px 0;
}
/*向下*/
.SJ-B:after {
  border-color: #000 transparent transparent transparent;
  border-width: 4px 5px 0px 5px;
}
/*向左下*/
.SJ-BL:after {
  border-color: transparent transparent transparent #000;
  border-width: 4px 0 4px 5px;
}
/*浮动*/
.clear {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.float-R {
  float: right;
}
.float-L {
  float: left;
}
/*IE8透明度*/
.opacity50 {
  opacity: 0.5;
  filter: Alpha(opacity=50);
}
/*border*/
.b-r50 {
  border-radius: 50%;
}
.b-r999 {
  border-radius: 999px;
}
/*通用背景*/
.public-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 0;
}
[id*="public-bg"] {
  display: none;
}
/*定位*/
.pos-r {
  position: relative;
  z-index: 0;
}
.pos-a {
  position: absolute;
  z-index: 0;
}
.XYcenter {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Ycenter {
  top: 50%;
  transform: translateY(-50%);
}
.Xcenter {
  left: 50%;
  transform: translateX(-50%);
}
/*点击常用动作*/
.change-top.on {
  opacity: 1;
  position: static;
  z-index: 0;
  transform: translate(0);
  transition-delay: 0.3s;
}
.change-top {
  z-index: -1;
  position: absolute;
  width: 100%;
  opacity: 0;
  top: 0;
  left: 0;
  transform: translateY(calc(100vw / 40));
  transition: 1s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;
}
/*过渡时间*/
.tr-ease-03 {
  transition: 0.3s ease 0s;
}
.tr-ease-05 {
  transition: 0.5s ease 0s;
}
@media screen and (min-width: 801px) {
  .select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
  }
  .select::-ms-expand {
    display: none;
  }
}
@media screen and (max-width: 1500px) {
  .f-20,
  .f-22 {
    font-size: 18px;
  }
  .f-18 {
    font-size: 16px;
  }
  .f-14 {
    font-size: 12px;
  }
  .f-16 {
    font-size: 14px;
  }
}
@media screen and (max-width: 1100px) {
  .ewmbox .ewm {
    margin-left: 265% !important;
    margin-bottom: 40% !important;
  }
  .pc {
    display: none;
  }
  .mob {
    display: block;
  }
  .f-20 {
    font-size: 16px;
  }
  .f-18 {
    font-size: 14px;
  }
  .f-16 {
    font-size: 12px;
  }
  .f-22,
  .f-24,
  .f-26 {
    font-size: 1.75vw;
  }
  .f-28 {
    font-size: 1.85vw;
  }

  .w-1400,
  .w-1600 {
    width: 94%;
  }
  .w-1200 {
    width: 100%;
  }
}
@media screen and (max-width: 720px) {
  .pc-720 {
    display: none;
  }
  .mob-720 {
    display: block;
  }
}

@media screen and (max-width: 800px) {
  textarea,
  button,
  input[type="submit"],
  input[type="reset"],
  input[type="button"],
  input[type="text"],
  input[type="tel"],
  input[type="radio"],
  input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  input[type="radio"],
  input[type="radio"]:before,
  input[type="radio"]:after {
    border-radius: 50%;
  }
  input[type="radio"],
  input[type="checkbox"] {
    border: 1px solid #004ea2;
    position: relative;
    z-index: 0;
  }
  input[type="radio"]:checked:after,
  input[type="checkbox"]:checked:after {
    opacity: 1;
  }
  input[type="radio"]:after,
  input[type="checkbox"]:after {
    width: 70%;
    height: 70%;
    content: "";
    left: 15%;
    top: 15%;
    z-index: 1;
    opacity: 0;
    background: #004ea2;
    position: absolute;
  }
  input[type="radio"]:before,
  input[type="checkbox"]:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #fff;
    left: 0;
    top: 0;
    z-index: 0;
    position: absolute;
  }
  input[type="radio"],
  input[type="checkbox"] {
    width: 3vw;
    height: 3vw;
    position: relative;
    z-index: 0;
  }
  .mt-5v {
    margin-top: 5vw;
  }
  .mt-8v {
    margin-top: 8vw;
  }
  .f-3v8 {
    font-size: 3.8vw;
  }
  .f-4v4 {
    font-size: 4.4vw;
  }
  .f-5v {
    font-size: 5vw;
  }
  .f-5v6 {
    font-size: 5.6vw;
  }
  .f-6v2 {
    font-size: 6.2vw;
  }
  .f-6v8 {
    font-size: 6.8vw;
  }
  .f-7v4 {
    font-size: 7.4vw;
  }
  .f-8v {
    font-size: 8vw;
  }
  .f-8v6 {
    font-size: 8.6vw;
  }
  .f-9v2 {
    font-size: 9.2vw;
  }
  .f-11v8 {
    font-size: 11.8vw;
  }
  .pc-800 {
    display: none;
  }
  .mob-800 {
    display: block;
  }
}