@charset "UTF-8";
/*图标*/
/*滚动条*/
body,
html {
  background-color: #ffffff;
}

body {
  position: relative;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

body,
div,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
textarea,
p,
th,
td,
button {
  margin: 0;
  padding: 0;
}

body,
button,
input,
select,
textarea {
  font: 3vw/1.6667 sans-serif, "宋体", Arial, Verdana, tahoma, Helvetica;
}

input,
select,
textarea {
  font-size: 100%;
  line-height: inherit;
  outline: none;
}

/* 去掉各Table cell 的边距并让其边重合 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* IE bug fixed: th 不继承 text-align*/
th {
  text-align: inherit;
}

/* 去除默认边框 */
img {
  border: 0;
}

/* ie6 7 8(q) bug 显示为行内表现 */
iframe {
  display: block;
}

/* 去掉列表前的标识, li 会继承 */
ol,
ul {
  list-style: none;
}

/* 标题都自定义, 适应多个系统应用 */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 500;
}

a:link, a:visited, a:hover, a:active {
  text-decoration: none;
  color: #000000;
}

.clear {
  *zoom: 1;
}

.clear:after {
  content: "";
  display: table;
  clear: both;
}

.text-white {
  color: #fff;
}

.bg-white {
  background-color: #fff;
}

.text-black {
  color: #000;
}

.bg-black {
  background-color: #000;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.fs-12 {
  font-size: 12px;
}

.fs-14 {
  font-size: 14px;
}

.fs-16 {
  font-size: 16px;
}

.fs-18 {
  font-size: 18px;
}

.fs-20 {
  font-size: 20px;
}

.fs-22 {
  font-size: 22px;
}

.fs-24 {
  font-size: 24px;
}

.fs-26 {
  font-size: 26px;
}

.fs-28 {
  font-size: 28px;
}

.fs-30 {
  font-size: 30px;
}

.fs-32 {
  font-size: 32px;
}

.fs-34 {
  font-size: 34px;
}

.fs-36 {
  font-size: 36px;
}

.fs-38 {
  font-size: 38px;
}

.fs-40 {
  font-size: 40px;
}

.fs-42 {
  font-size: 42px;
}

.fs-44 {
  font-size: 44px;
}

.fs-46 {
  font-size: 46px;
}

.fs-48 {
  font-size: 48px;
}

.fs-50 {
  font-size: 50px;
}

.fs-52 {
  font-size: 52px;
}

.fs-54 {
  font-size: 54px;
}

.fs-56 {
  font-size: 56px;
}

.fs-58 {
  font-size: 58px;
}

.fs-60 {
  font-size: 60px;
}

.fs-62 {
  font-size: 62px;
}

.fs-64 {
  font-size: 64px;
}

.fs-66 {
  font-size: 66px;
}

.fs-68 {
  font-size: 68px;
}

.fs-70 {
  font-size: 70px;
}

.fs-72 {
  font-size: 72px;
}

.fs-74 {
  font-size: 74px;
}

.fs-76 {
  font-size: 76px;
}

.fs-78 {
  font-size: 78px;
}

.fs-80 {
  font-size: 80px;
}

.fs-82 {
  font-size: 82px;
}

.fs-84 {
  font-size: 84px;
}

.fs-86 {
  font-size: 86px;
}

.fs-88 {
  font-size: 88px;
}

.fs-90 {
  font-size: 90px;
}

.fs-92 {
  font-size: 92px;
}

.fs-94 {
  font-size: 94px;
}

.fs-96 {
  font-size: 96px;
}

.fs-98 {
  font-size: 98px;
}

.d-flex {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-column {
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.jc-start {
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.jc-end {
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.jc-center {
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.jc-between {
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.jc-around {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

.jc-stretch {
  -webkit-justify-content: stretch;
     -moz-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}

.ai-start {
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.ai-end {
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.ai-center {
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ai-stretch {
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.flex-1 {
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.flex-grow-1 {
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.fWrap-nowrap {
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

.fWrap-wrap {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.fWrap-reverse {
  -webkit-flex-wrap: wrap-reverse;
      -ms-flex-wrap: wrap-reverse;
          flex-wrap: wrap-reverse;
}

.m-5 {
  margin: 5px;
}

.mx-5 {
  margin-left: 5px;
  margin-right: 5px;
}

.my-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.mt-5 {
  margin-top: 5px;
}

.mb-5 {
  margin-bottom: 5px;
}

.mr-5 {
  margin-right: 5px;
}

.ml-5 {
  margin-left: 5px;
}

.p-5 {
  padding: 5px;
}

.px-5 {
  padding-left: 5px;
  padding-right: 5px;
}

.py-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.pt-5 {
  padding-top: 5px;
}

.pb-5 {
  padding-bottom: 5px;
}

.pr-5 {
  padding-right: 5px;
}

.pl-5 {
  padding-left: 5px;
}

.m-10 {
  margin: 10px;
}

.mx-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.my-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.mt-10 {
  margin-top: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mr-10 {
  margin-right: 10px;
}

.ml-10 {
  margin-left: 10px;
}

.p-10 {
  padding: 10px;
}

.px-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.py-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.pt-10 {
  padding-top: 10px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pr-10 {
  padding-right: 10px;
}

.pl-10 {
  padding-left: 10px;
}

.m-15 {
  margin: 15px;
}

.mx-15 {
  margin-left: 15px;
  margin-right: 15px;
}

.my-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.mt-15 {
  margin-top: 15px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mr-15 {
  margin-right: 15px;
}

.ml-15 {
  margin-left: 15px;
}

.p-15 {
  padding: 15px;
}

.px-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.py-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.pt-15 {
  padding-top: 15px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pr-15 {
  padding-right: 15px;
}

.pl-15 {
  padding-left: 15px;
}

.m-20 {
  margin: 20px;
}

.mx-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.my-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mt-20 {
  margin-top: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mr-20 {
  margin-right: 20px;
}

.ml-20 {
  margin-left: 20px;
}

.p-20 {
  padding: 20px;
}

.px-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.pt-20 {
  padding-top: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pr-20 {
  padding-right: 20px;
}

.pl-20 {
  padding-left: 20px;
}

.m-25 {
  margin: 25px;
}

.mx-25 {
  margin-left: 25px;
  margin-right: 25px;
}

.my-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.mt-25 {
  margin-top: 25px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mr-25 {
  margin-right: 25px;
}

.ml-25 {
  margin-left: 25px;
}

.p-25 {
  padding: 25px;
}

.px-25 {
  padding-left: 25px;
  padding-right: 25px;
}

.py-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.pt-25 {
  padding-top: 25px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pr-25 {
  padding-right: 25px;
}

.pl-25 {
  padding-left: 25px;
}

.m-30 {
  margin: 30px;
}

.mx-30 {
  margin-left: 30px;
  margin-right: 30px;
}

.my-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mt-30 {
  margin-top: 30px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mr-30 {
  margin-right: 30px;
}

.ml-30 {
  margin-left: 30px;
}

.p-30 {
  padding: 30px;
}

.px-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.py-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.pt-30 {
  padding-top: 30px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pr-30 {
  padding-right: 30px;
}

.pl-30 {
  padding-left: 30px;
}

.m-35 {
  margin: 35px;
}

.mx-35 {
  margin-left: 35px;
  margin-right: 35px;
}

.my-35 {
  margin-top: 35px;
  margin-bottom: 35px;
}

.mt-35 {
  margin-top: 35px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mr-35 {
  margin-right: 35px;
}

.ml-35 {
  margin-left: 35px;
}

.p-35 {
  padding: 35px;
}

.px-35 {
  padding-left: 35px;
  padding-right: 35px;
}

.py-35 {
  padding-top: 35px;
  padding-bottom: 35px;
}

.pt-35 {
  padding-top: 35px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pr-35 {
  padding-right: 35px;
}

.pl-35 {
  padding-left: 35px;
}

.m-40 {
  margin: 40px;
}

.mx-40 {
  margin-left: 40px;
  margin-right: 40px;
}

.my-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.mt-40 {
  margin-top: 40px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mr-40 {
  margin-right: 40px;
}

.ml-40 {
  margin-left: 40px;
}

.p-40 {
  padding: 40px;
}

.px-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.pt-40 {
  padding-top: 40px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pr-40 {
  padding-right: 40px;
}

.pl-40 {
  padding-left: 40px;
}

.m-45 {
  margin: 45px;
}

.mx-45 {
  margin-left: 45px;
  margin-right: 45px;
}

.my-45 {
  margin-top: 45px;
  margin-bottom: 45px;
}

.mt-45 {
  margin-top: 45px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mr-45 {
  margin-right: 45px;
}

.ml-45 {
  margin-left: 45px;
}

.p-45 {
  padding: 45px;
}

.px-45 {
  padding-left: 45px;
  padding-right: 45px;
}

.py-45 {
  padding-top: 45px;
  padding-bottom: 45px;
}

.pt-45 {
  padding-top: 45px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pr-45 {
  padding-right: 45px;
}

.pl-45 {
  padding-left: 45px;
}

.m-50 {
  margin: 50px;
}

.mx-50 {
  margin-left: 50px;
  margin-right: 50px;
}

.my-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.mt-50 {
  margin-top: 50px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mr-50 {
  margin-right: 50px;
}

.ml-50 {
  margin-left: 50px;
}

.p-50 {
  padding: 50px;
}

.px-50 {
  padding-left: 50px;
  padding-right: 50px;
}

.py-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.pt-50 {
  padding-top: 50px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pr-50 {
  padding-right: 50px;
}

.pl-50 {
  padding-left: 50px;
}

.m-55 {
  margin: 55px;
}

.mx-55 {
  margin-left: 55px;
  margin-right: 55px;
}

.my-55 {
  margin-top: 55px;
  margin-bottom: 55px;
}

.mt-55 {
  margin-top: 55px;
}

.mb-55 {
  margin-bottom: 55px;
}

.mr-55 {
  margin-right: 55px;
}

.ml-55 {
  margin-left: 55px;
}

.p-55 {
  padding: 55px;
}

.px-55 {
  padding-left: 55px;
  padding-right: 55px;
}

.py-55 {
  padding-top: 55px;
  padding-bottom: 55px;
}

.pt-55 {
  padding-top: 55px;
}

.pb-55 {
  padding-bottom: 55px;
}

.pr-55 {
  padding-right: 55px;
}

.pl-55 {
  padding-left: 55px;
}

.m-60 {
  margin: 60px;
}

.mx-60 {
  margin-left: 60px;
  margin-right: 60px;
}

.my-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.mt-60 {
  margin-top: 60px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mr-60 {
  margin-right: 60px;
}

.ml-60 {
  margin-left: 60px;
}

.p-60 {
  padding: 60px;
}

.px-60 {
  padding-left: 60px;
  padding-right: 60px;
}

.py-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.pt-60 {
  padding-top: 60px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pr-60 {
  padding-right: 60px;
}

.pl-60 {
  padding-left: 60px;
}

.m-65 {
  margin: 65px;
}

.mx-65 {
  margin-left: 65px;
  margin-right: 65px;
}

.my-65 {
  margin-top: 65px;
  margin-bottom: 65px;
}

.mt-65 {
  margin-top: 65px;
}

.mb-65 {
  margin-bottom: 65px;
}

.mr-65 {
  margin-right: 65px;
}

.ml-65 {
  margin-left: 65px;
}

.p-65 {
  padding: 65px;
}

.px-65 {
  padding-left: 65px;
  padding-right: 65px;
}

.py-65 {
  padding-top: 65px;
  padding-bottom: 65px;
}

.pt-65 {
  padding-top: 65px;
}

.pb-65 {
  padding-bottom: 65px;
}

.pr-65 {
  padding-right: 65px;
}

.pl-65 {
  padding-left: 65px;
}

.m-70 {
  margin: 70px;
}

.mx-70 {
  margin-left: 70px;
  margin-right: 70px;
}

.my-70 {
  margin-top: 70px;
  margin-bottom: 70px;
}

.mt-70 {
  margin-top: 70px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mr-70 {
  margin-right: 70px;
}

.ml-70 {
  margin-left: 70px;
}

.p-70 {
  padding: 70px;
}

.px-70 {
  padding-left: 70px;
  padding-right: 70px;
}

.py-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.pt-70 {
  padding-top: 70px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pr-70 {
  padding-right: 70px;
}

.pl-70 {
  padding-left: 70px;
}

.m-75 {
  margin: 75px;
}

.mx-75 {
  margin-left: 75px;
  margin-right: 75px;
}

.my-75 {
  margin-top: 75px;
  margin-bottom: 75px;
}

.mt-75 {
  margin-top: 75px;
}

.mb-75 {
  margin-bottom: 75px;
}

.mr-75 {
  margin-right: 75px;
}

.ml-75 {
  margin-left: 75px;
}

.p-75 {
  padding: 75px;
}

.px-75 {
  padding-left: 75px;
  padding-right: 75px;
}

.py-75 {
  padding-top: 75px;
  padding-bottom: 75px;
}

.pt-75 {
  padding-top: 75px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pr-75 {
  padding-right: 75px;
}

.pl-75 {
  padding-left: 75px;
}

.m-80 {
  margin: 80px;
}

.mx-80 {
  margin-left: 80px;
  margin-right: 80px;
}

.my-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.mt-80 {
  margin-top: 80px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mr-80 {
  margin-right: 80px;
}

.ml-80 {
  margin-left: 80px;
}

.p-80 {
  padding: 80px;
}

.px-80 {
  padding-left: 80px;
  padding-right: 80px;
}

.py-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.pt-80 {
  padding-top: 80px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pr-80 {
  padding-right: 80px;
}

.pl-80 {
  padding-left: 80px;
}

.m-85 {
  margin: 85px;
}

.mx-85 {
  margin-left: 85px;
  margin-right: 85px;
}

.my-85 {
  margin-top: 85px;
  margin-bottom: 85px;
}

.mt-85 {
  margin-top: 85px;
}

.mb-85 {
  margin-bottom: 85px;
}

.mr-85 {
  margin-right: 85px;
}

.ml-85 {
  margin-left: 85px;
}

.p-85 {
  padding: 85px;
}

.px-85 {
  padding-left: 85px;
  padding-right: 85px;
}

.py-85 {
  padding-top: 85px;
  padding-bottom: 85px;
}

.pt-85 {
  padding-top: 85px;
}

.pb-85 {
  padding-bottom: 85px;
}

.pr-85 {
  padding-right: 85px;
}

.pl-85 {
  padding-left: 85px;
}

.m-90 {
  margin: 90px;
}

.mx-90 {
  margin-left: 90px;
  margin-right: 90px;
}

.my-90 {
  margin-top: 90px;
  margin-bottom: 90px;
}

.mt-90 {
  margin-top: 90px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mr-90 {
  margin-right: 90px;
}

.ml-90 {
  margin-left: 90px;
}

.p-90 {
  padding: 90px;
}

.px-90 {
  padding-left: 90px;
  padding-right: 90px;
}

.py-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.pt-90 {
  padding-top: 90px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pr-90 {
  padding-right: 90px;
}

.pl-90 {
  padding-left: 90px;
}

.m-95 {
  margin: 95px;
}

.mx-95 {
  margin-left: 95px;
  margin-right: 95px;
}

.my-95 {
  margin-top: 95px;
  margin-bottom: 95px;
}

.mt-95 {
  margin-top: 95px;
}

.mb-95 {
  margin-bottom: 95px;
}

.mr-95 {
  margin-right: 95px;
}

.ml-95 {
  margin-left: 95px;
}

.p-95 {
  padding: 95px;
}

.px-95 {
  padding-left: 95px;
  padding-right: 95px;
}

.py-95 {
  padding-top: 95px;
  padding-bottom: 95px;
}

.pt-95 {
  padding-top: 95px;
}

.pb-95 {
  padding-bottom: 95px;
}

.pr-95 {
  padding-right: 95px;
}

.pl-95 {
  padding-left: 95px;
}

.d-inline {
  display: inline;
}

.d-inblock {
  display: inline-block;
}

.d-block {
  display: block;
}

.viH {
  visibility: hidden;
}

.viV {
  visibility: visible;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.overflowH hidden {
  overflow: "H" hidden;
}

.overflowH hidden-x {
  overflow-x: "H" hidden;
}

.overflowH hidden-y {
  overflow-y: "H" hidden;
}

.overflowA auto {
  overflow: "A" auto;
}

.overflowA auto-x {
  overflow-x: "A" auto;
}

.overflowA auto-y {
  overflow-y: "A" auto;
}

.widthPer-1 {
  width: -webkit-calc(100% / 1);
  width: -moz-calc(100% / 1);
  width: calc(100% / 1);
}

.heightPer-1 {
  height: -webkit-calc(100% / 1);
  height: -moz-calc(100% / 1);
  height: calc(100% / 1);
}

.widthPer-2 {
  width: -webkit-calc(100% / 2);
  width: -moz-calc(100% / 2);
  width: calc(100% / 2);
}

.heightPer-2 {
  height: -webkit-calc(100% / 2);
  height: -moz-calc(100% / 2);
  height: calc(100% / 2);
}

.widthPer-3 {
  width: -webkit-calc(100% / 3);
  width: -moz-calc(100% / 3);
  width: calc(100% / 3);
}

.heightPer-3 {
  height: -webkit-calc(100% / 3);
  height: -moz-calc(100% / 3);
  height: calc(100% / 3);
}

.widthPer-4 {
  width: -webkit-calc(100% / 4);
  width: -moz-calc(100% / 4);
  width: calc(100% / 4);
}

.heightPer-4 {
  height: -webkit-calc(100% / 4);
  height: -moz-calc(100% / 4);
  height: calc(100% / 4);
}

.widthPer-5 {
  width: -webkit-calc(100% / 5);
  width: -moz-calc(100% / 5);
  width: calc(100% / 5);
}

.heightPer-5 {
  height: -webkit-calc(100% / 5);
  height: -moz-calc(100% / 5);
  height: calc(100% / 5);
}

.lineH-10 {
  line-height: 10px;
}

.heightDiv-10 {
  height: 10px;
}

.lineH-15 {
  line-height: 15px;
}

.heightDiv-15 {
  height: 15px;
}

.lineH-20 {
  line-height: 20px;
}

.heightDiv-20 {
  height: 20px;
}

.lineH-25 {
  line-height: 25px;
}

.heightDiv-25 {
  height: 25px;
}

.lineH-30 {
  line-height: 30px;
}

.heightDiv-30 {
  height: 30px;
}

.lineH-35 {
  line-height: 35px;
}

.heightDiv-35 {
  height: 35px;
}

.lineH-40 {
  line-height: 40px;
}

.heightDiv-40 {
  height: 40px;
}

.lineH-45 {
  line-height: 45px;
}

.heightDiv-45 {
  height: 45px;
}

.lineH-50 {
  line-height: 50px;
}

.heightDiv-50 {
  height: 50px;
}

.lineH-55 {
  line-height: 55px;
}

.heightDiv-55 {
  height: 55px;
}

.lineH-60 {
  line-height: 60px;
}

.heightDiv-60 {
  height: 60px;
}

.lineH-65 {
  line-height: 65px;
}

.heightDiv-65 {
  height: 65px;
}

.lineH-70 {
  line-height: 70px;
}

.heightDiv-70 {
  height: 70px;
}

.lineH-75 {
  line-height: 75px;
}

.heightDiv-75 {
  height: 75px;
}

.lineH-80 {
  line-height: 80px;
}

.heightDiv-80 {
  height: 80px;
}

.lineH-85 {
  line-height: 85px;
}

.heightDiv-85 {
  height: 85px;
}

.lineH-90 {
  line-height: 90px;
}

.heightDiv-90 {
  height: 90px;
}

.lineH-95 {
  line-height: 95px;
}

.heightDiv-95 {
  height: 95px;
}

.box-b {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}

.box-c {
  -moz-box-sizing: content-box;
       box-sizing: content-box;
}

[class*="myIcon-"] {
  display: inline-block;
  background: url("../img/spriteBig.png") no-repeat 0 0;
  -o-background-size: 100vw auto;
     background-size: 100vw auto;
}

.myIcon-logo {
  background-position: -0.75vw -0.5vw;
  width: 17.75vw;
  height: 6.5vw;
}

.myIcon-dingwei {
  background-position: -22.5vw -0.5vw;
  width: 3.5vw;
  height: 4vw;
}

.myIcon-shangyiye {
  background-position: -27.75vw -0.5vw;
  width: 1.5vw;
  height: 2.25vw;
}

.myIcon-xiayiye {
  background-position: -31.25vw -0.5vw;
  width: 1.5vw;
  height: 2.5vw;
}

.myIcon-lanmu {
  background-position: -34.75vw -0.5vw;
  width: 6.75vw;
  height: 5.5vw;
}

.myIcon-closelanmu {
  background-position: -69vw -0.5vw;
  width: 5.25vw;
  height: 5.25vw;
}

.myIcon-youjiantou {
  background-position: -43.25vw -0.5vw;
  width: 4.75vw;
  height: 2.5vw;
}

.myIcon-rili {
  background-position: -49.75vw -0.5vw;
  width: 3.75vw;
  height: 3.5vw;
}

.myIcon-shouqijiantou {
  background-position: -55.25vw -0.5vw;
  width: 2vw;
  height: 3vw;
}

.myIcon-zhankaijiantou {
  background-position: -59vw -0.5vw;
  width: 3vw;
  height: 2vw;
}

.myIcon-zhibo {
  background-position: -63.75vw -0.5vw;
  width: 3.25vw;
  height: 3.75vw;
}

.common_head {
  height: 14.5vw;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: #ffffff;
}

.common_head > .top {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding: 0 5vw;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  box-shadow: 0 1vw 1vw rgba(0, 0, 0, 0.1);
}

.common_head > .top.close_div #lanmuHeadClose {
  display: none;
}

.common_head > .top.close_div #lanmuHeadOpen {
  display: inline-block;
}

.common_head > .top.open_div #lanmuHeadClose {
  display: inline-block;
}

.common_head > .top.open_div #lanmuHeadOpen {
  display: none;
}

.common_head > .box {
  width: 100%;
  height: -webkit-calc(100vh - 14.5vw);
  height: -moz-calc(100vh - 14.5vw);
  height: calc(100vh - 14.5vw);
  background-color: transparent;
  position: absolute;
  top: 14.5vw;
  left: 0;
  overflow: hidden;
  z-index: 10;
}

.common_head > .box.close_div {
  display: none;
}

.common_head > .box.open_div {
  display: block;
}

.common_head .head_lists {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding: 3.75vw 5vw;
  -webkit-transition: left 0.3s;
  -o-transition: left 0.3s;
  -moz-transition: left 0.3s;
  transition: left 0.3s;
}

.common_head .head_lists.close_div {
  left: 100%;
}

.common_head .head_lists.open_div {
  left: 0;
}

.common_head .head_lists > .parent_lists > li > .link_a {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding: 3.75vw 0;
  padding-right: 1.25vw;
  border-top: 1px solid #cfcfcf;
}

.common_head .head_lists > .parent_lists > li > .link_a > [class^="myIcon-"].down {
  -webkit-animation: myend 0.5s;
     -moz-animation: myend 0.5s;
       -o-animation: myend 0.5s;
          animation: myend 0.5s;
  -webkit-animation-fill-mode: forwards;
     -moz-animation-fill-mode: forwards;
       -o-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  z-index: 8;
}

.common_head .head_lists > .parent_lists > li > .link_a > [class^="myIcon-"].up {
  -webkit-animation: myfirst 0.5s;
     -moz-animation: myfirst 0.5s;
       -o-animation: myfirst 0.5s;
          animation: myfirst 0.5s;
  -webkit-animation-fill-mode: forwards;
     -moz-animation-fill-mode: forwards;
       -o-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  z-index: 8;
}

@-webkit-keyframes myfirst {
  from {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  to {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}

@-moz-keyframes myfirst {
  from {
    -moz-transform: rotate(90deg);
         transform: rotate(90deg);
  }
  to {
    -moz-transform: rotate(0);
         transform: rotate(0);
  }
}

@-o-keyframes myfirst {
  from {
    -o-transform: rotate(90deg);
       transform: rotate(90deg);
  }
  to {
    -o-transform: rotate(0);
       transform: rotate(0);
  }
}

@keyframes myfirst {
  from {
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  to {
    -webkit-transform: rotate(0);
       -moz-transform: rotate(0);
         -o-transform: rotate(0);
            transform: rotate(0);
  }
}

@-webkit-keyframes myend {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

@-moz-keyframes myend {
  from {
    -moz-transform: rotate(0);
         transform: rotate(0);
  }
  to {
    -moz-transform: rotate(90deg);
         transform: rotate(90deg);
  }
}

@-o-keyframes myend {
  from {
    -o-transform: rotate(0);
       transform: rotate(0);
  }
  to {
    -o-transform: rotate(90deg);
       transform: rotate(90deg);
  }
}

@keyframes myend {
  from {
    -webkit-transform: rotate(0);
       -moz-transform: rotate(0);
         -o-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

.common_head .head_lists > .parent_lists > li .text {
  font-size: 3.5vw;
  font-weight: bold;
  color: #000129;
}

.common_head .head_lists > .parent_lists > li:nth-of-type(1) > .link_a {
  border-color: transparent;
}

.common_head .head_lists > .parent_lists .second_level {
  width: 100%;
  height: 100%;
  border-top: 1px solid #cfcfcf;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding: 2vw 0;
  display: none;
}

.common_head .head_lists > .parent_lists .second_level > li {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding-left: 7.5vw;
}

.common_head .head_lists > .parent_lists .second_level .second_link_a {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding: 2vw 0;
  padding-right: 1.25vw;
}

.common_foot {
  background-color: #f7f7f7;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding-top: 2.5vw;
  padding-bottom: 15vw;
}

.common_foot .foot_lists {
  width: 100%;
  height: 100%;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding: 0 5vw;
  -webkit-transition: left 0.3s;
  -o-transition: left 0.3s;
  -moz-transition: left 0.3s;
  transition: left 0.3s;
  position: relative;
}

.common_foot .foot_lists > .parent_lists > li > .link_a {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding: 3vw 0;
  padding-right: 1.25vw;
  border-bottom: 1px solid #cfcfcf;
}

.common_foot .foot_lists > .parent_lists > li > .link_a > [class^="myIcon-"].down {
  -webkit-animation: myend 0.5s;
     -moz-animation: myend 0.5s;
       -o-animation: myend 0.5s;
          animation: myend 0.5s;
  -webkit-animation-fill-mode: forwards;
     -moz-animation-fill-mode: forwards;
       -o-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  z-index: 1;
}

.common_foot .foot_lists > .parent_lists > li > .link_a > [class^="myIcon-"].up {
  -webkit-animation: myfirst 0.5s;
     -moz-animation: myfirst 0.5s;
       -o-animation: myfirst 0.5s;
          animation: myfirst 0.5s;
  -webkit-animation-fill-mode: forwards;
     -moz-animation-fill-mode: forwards;
       -o-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  z-index: 1;
}

@keyframes myfirst {
  from {
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  to {
    -webkit-transform: rotate(0);
       -moz-transform: rotate(0);
         -o-transform: rotate(0);
            transform: rotate(0);
  }
}

@keyframes myend {
  from {
    -webkit-transform: rotate(0);
       -moz-transform: rotate(0);
         -o-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

.common_foot .foot_lists > .parent_lists > li .text {
  font-size: 3.5vw;
  color: #000129;
}

.common_foot .foot_lists > .parent_lists .second_level {
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #cfcfcf;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding: 2vw 0;
  display: none;
}

.common_foot .foot_lists > .parent_lists .second_level > li {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  font-size: 3vw;
  color: #686868;
  line-height: 6vw;
}

.common_foot .foot_lists > .parent_lists .second_level > li a {
  display: block;
  font-size: 3vw;
  color: #686868;
  line-height: 6vw;
}

.common_foot .texts_div_bottom {
  font-size: 3vw;
  color: #686868;
  line-height: 5.5vw;
  text-align: center;
  margin-top: 7.5vw;
}

.content_chunk {
  width: 100%;
  min-height: -webkit-calc(100vh - 14.5vw - 72.25vw);
  min-height: -moz-calc(100vh - 14.5vw - 72.25vw);
  min-height: calc(100vh - 14.5vw - 72.25vw);
  background-color: #ffffff;
}

.look_img_swiper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 99;
}

.look_img_swiper.enter {
  -webkit-animation: confirmBoxE 0.3s 1;
     -moz-animation: confirmBoxE 0.3s 1;
       -o-animation: confirmBoxE 0.3s 1;
          animation: confirmBoxE 0.3s 1;
  -webkit-animation-fill-mode: forwards;
     -moz-animation-fill-mode: forwards;
       -o-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.look_img_swiper.out {
  -webkit-animation: confirmBoxO 0.3s 1;
     -moz-animation: confirmBoxO 0.3s 1;
       -o-animation: confirmBoxO 0.3s 1;
          animation: confirmBoxO 0.3s 1;
  -webkit-animation-fill-mode: forwards;
     -moz-animation-fill-mode: forwards;
       -o-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes confirmBoxE {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes confirmBoxE {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-o-keyframes confirmBoxE {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes confirmBoxE {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes confirmBoxO {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes confirmBoxO {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes confirmBoxO {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes confirmBoxO {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.look_img_swiper > .mask {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.look_img_swiper .lookImg_carousel {
  width: 100%;
  height: 90%;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 2;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  box-sizing: border-box;
  padding: 8.5vw 0;
}

.look_img_swiper .lookImg_carousel .swiper-slide {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}

.look_img_swiper .lookImg_carousel .swiper-slide img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.look_img_swiper .lookImg_carousel .swiper-pagination {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 9;
  color: #ffffff;
  font-size: 5vw;
  line-height: 8.5vw;
}

.common_banner {
  width: 100%;
  position: sticky;
  top: 14.5vw;
  left: 0;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding: 3vw 0;
  padding-top: 7.5vw;
  border-bottom: 0.25vw solid #959595;
  background-color: #ffffff;
}

.common_banner > .tab {
  font-size: 3.5vw;
  color: #959595;
}

.common_banner > .tab.active {
  color: #000129;
}

.common_banner > .line {
  width: 7.5vw;
  height: 0.5vw;
  background-color: #d94611;
  position: absolute;
  bottom: -0.25vw;
  left: 0;
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  -moz-transition: left 0.5s;
  transition: left 0.5s;
}

.common_banner_swiper {
  width: 100%;
  position: sticky;
  top: 14.5vw;
  left: 0;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding: 3vw 0;
  padding-top: 4.5vw;
  border-bottom: 0.25vw solid #959595;
  background-color: #ffffff;
  z-index: 1;
}

.common_banner_swiper .swiper-slide {
  display: block;
  width: 25%;
  position: relative;
}

.common_banner_swiper .swiper-slide p {
  font-size: 3.5vw;
  color: #959595;
  text-align: center;
  line-height: 6vw;
}

.common_banner_swiper .swiper-slide .line {
  width: 7.5vw;
  height: 0.5vw;
  background-color: #d94611;
  position: absolute;
  bottom: -3vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  display: none;
}

.common_banner_swiper .swiper-slide.active p {
  color: #000129;
}

.common_banner_swiper .swiper-slide.active .line {
  display: block;
}

.index_carousel {
  width: 100%;
  height: 66.67vw；
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  position: relative;
  margin-bottom: 8.75vw;
}

.index_carousel .swiper-slide {
  width: 100%;
}

.index_carousel .swiper-slide > a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
}

.index_carousel .swiper-slide img {
  width: 100%;
  height: 100%;
}

.index_carousel .swiper-pagination {
  position: absolute;
  bottom: 1.25vw;
  left: 0;
}

.index_carousel .swiper-pagination .swiper-pagination-bullet {
  width: 2vw;
  height: 2vw;
  background-color: transparent;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  border: 1px solid #ffffff;
  opacity: 1;
  margin: 0 1.25vw;
}

.index_carousel .swiper-pagination .swiper-pagination-bullet-active {
  background: #ffffff;
}

.index_title_line {
  font-size: 5vw;
  font-weight: bold;
  color: #000129;
  line-height: 7.5vw;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding: 3vw 0;
  text-align: center;
  position: relative;
}

.index_title_line::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 5.5vw;
  height: 0.75vw;
  background-color: #d94611;
}

.index_solution {
  width: 100%;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding: 0 5vw;
  background: #ffffff;
  margin-bottom: 12.5vw;
}

.index_solution > .card_item {
  margin-top: 10vw;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.index_solution > .card_item > .item {
  display: inline-block;
  width: 42.5vw;
  height: 47.5vw;
  box-shadow: 0 0.75vw 1.5vw rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
  margin-bottom: 5vw;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.index_solution > .card_item > .item > .icon {
  width: 100%;
  height: 10vw;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0;
}

.index_solution > .card_item > .item > .icon img {
  max-height: 100%;
}

.index_solution > .card_item > .item > p {
  font-size: 4vw;
  color: #000000;
  line-height: 6vw;
  text-align: center;
  margin-top: 5vw;
}

.index_news_active {
  width: 100%;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding: 0 5vw;
  background: #ffffff;
  margin-bottom: 12.5vw;
}

.index_news_active .btns_div {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 7.5vw;
}

.index_news_active .btns_div > a {
  display: block;
  width: 30vw;
  height: 8vw;
  border-radius: 1vw;
  border: 1px solid #959595;
  text-align: center;
  line-height: 8vw;
  margin: 0 2.5vw;
}

.index_active {
  width: 100%;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  margin-top: 2.5vw;
}

.index_active > .item {
  width: 100%;
  display: block;
  background-color: #f7f7f7;
  margin-top: 5vw;
}

.index_active > .item > .mark_img {
  position: relative;
  width: 100%;
  display: block;
}

.index_active > .item > .mark_img > .mark {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 18vw;
  height: 6vw;
  line-height: 6vw;
  text-align: center;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding: 0 2.5vw;
  font-size: 3vw;
  color: #ffffff;
  background-color: rgba(217, 70, 17, 0.8);
  z-index: 9;
}

.index_active > .item > .mark_img > .img {
  width: 100%;
  height: 100%;
  font-size: 0;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}

.index_active > .item > .mark_img > .img img {
  width: 100%;
}

.index_active > .item > .texts {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding: 5vw 5vw 5.5vw 5vw;
}

.index_active > .item > .texts > .title {
  font-size: 4vw;
  color: #000129;
  font-weight: bold;
  line-height: 6vw;
}

.index_active > .item > .texts > .icon_text {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 3.5vw;
  line-height: 5vw;
  color: #000129;
  margin-top: 4vw;
}

.index_active > .item > .texts > .icon_text > div {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 37.5vw;
}

.index_active > .item > .texts > .icon_text > div img {
  height: 5vw;
}

.index_active > .item > .texts > .icon_text span {
  margin-left: 2.5vw;
}

.index_active > .item > .texts > .detail_text {
  font-size: 12px;
  color: #686868;
  line-height: 5.5vw;
  margin-top: 5vw;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
}

.index_news {
  width: 100%;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  margin-top: 5vw;
  position: relative;
  background-color: #f7f7f7;
  padding-top: 6vw;
}

.index_news > .mark {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 18vw;
  height: 6vw;
  line-height: 6vw;
  text-align: center;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding: 0 2.5vw;
  font-size: 3vw;
  color: #ffffff;
  background-color: #d94611;
  z-index: 9;
}

.index_news > .news_lists {
  width: 100%;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding: 0 5vw;
  margin-top: 1.25vw;
}

.index_news >.news_lists > .item {
  display: block;
  width: 100%;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding: 3.75vw 0;
  border-top: 1px solid #cfcfcf;
}

.index_news >.news_lists > .item:nth-of-type(1) {
  border-color: transparent;
}

.index_news >.news_lists > .item >li{
            width: 100%;
            display: block;
            list-style-type:none ;
            height:22vw;
        }

.index_news >.news_lists > .item >li>.news-text{
    width: 68%;
    float: left;
}

.index_news >.news_lists > .item >li>.news-text> h5 {
  font-size: 4vw;
  color: #000129;
  line-height: 5.5vw;
  font-weight: bold;
  overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.index_news >.news_lists > .item >li>.news-text> p {
  font-size: 3vw;
  color: #000129;
  line-height: 5vw;
  margin-top: 3.25vw;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.index_news >.news_lists > .item >li>.news-text> div {
  font-size: 3vw;
  line-height: 5vw;
  color: #686868;
  margin-top: 4.25vw;
}

.index_news >.news_lists > .item >li>.news-img{
    width: 30%;
    height: 20vw;
    float: right;
    overflow:hidden;
}
.index_news >.news_lists > .item >li>.news-img> img{
    max-height:100%;
    position: relative;
    left: 50%;
    transform: translate(-50%);
}

.index_products {
  width: 100%;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding: 0 5vw;
  background: #ffffff;
  margin-bottom: 15vw;
}

.index_products > .card_lists {
  width: 100%;
}

.index_products > .card_lists > .item {
  margin-top: 7.5vw;
}

.index_products .div_oneImg {
  width: 100%;
  font-size: 0;
}

.index_products .div_oneImg img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.index_products .div_cnt {
  background-color: #f7f7f7;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding: 3.75vw 5vw 6.25vw 5vw;
  display: block;
}

.index_products .div_cnt > h5 {
  font-size: 4vw;
  color: #000129;
  font-weight: bold;
  line-height: 5.5vw;
}

.index_products .div_cnt > p {
  font-size: 3vw;
  color: #686868;
  line-height: 5vw;
  margin-top: 3vw;
}

.index_products .two_line_img_div,
.index_products .three_line_img_div {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.index_products .two_line_img_div > div,
.index_products .three_line_img_div > div {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 44.75vw;
  font-size: 0;
  margin-top: 0.5vw;
  overflow: hidden;
}

.index_products .two_line_img_div > div img,
.index_products .three_line_img_div > div img {
  width: 100%;
  height: 100%;
}

.index_products .three_line_img_div > div {
  width: 26.5vw;
}

.summary .content_chunk {
  padding: 0 5vw;
  padding-bottom: 15vw;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}

.summary .common_banner > .tab {
  position: relative;
}

.summary .common_banner > .tab .line {
  width: 7.5vw;
  height: 0.5vw;
  background-color: #d94611;
  position: absolute;
  bottom: -3.25vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  display: none;
}

.summary .common_banner > .tab.active .line {
  display: block;
}

.summary_cnt {
  width: 100%;
  text-align: center;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding-top: 2.5vw;
}

.summary_cnt img {
  max-width: 100%;
}

.summary_cnt h1,
.summary_cnt h2,
.summary_cnt h3,
.summary_cnt h4,
.summary_cnt h5,
.summary_cnt h6 {
  font-size: 4vw;
  font-weight: bold;
  color: #000129;
  line-height: 6vw;
  text-align: left;
}

.summary_cnt p {
  font-size: 3vw;
  color: #686868;
  line-height: 5.5vw;
  text-align: left;
}

.software .content_chunk {
  padding: 7.5vw 5vw 15vw 5vw;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}

.software_item {
  width: 100%;
  background-color: #f7f7f7;
  display: block;
  font-size: 0;
  margin-top: 10vw;
}

.software_item:nth-child(1) {
  margin-top: 0;
}

.software_item img {
  width: 100%;
}

.software_item > .cnt {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding: 5vw;
}

.software_item > .cnt [class^="myIcon-"] {
  margin-left: 2.5vw;
}

.software_item > .cnt p {
  max-width: -webkit-calc(100% - 4.75vw - 2.5vw);
  max-width: -moz-calc(100% - 4.75vw - 2.5vw);
  max-width: calc(100% - 4.75vw - 2.5vw);
  color: #000129;
  font-size: 3.5vw;
  font-weight: bold;
  line-height: 5vw;
}

.content .content_chunk {
  padding: 7.5vw 5vw 15vw 5vw;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}

.content .content_chunk > h5 {
  font-size: 6vw;
  font-weight: bold;
  color: #000129;
  line-height: 8vw;
}

.content .content_chunk > .message {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 3vw;
}

.content .content_chunk > .message > .mark {
  height: 5.5vw;
  text-align: center;
  line-height: 5.5vw;
  min-width: 8vw;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding: 0 1.25vw;
  background-color: #f7f7f7;
  color: #686868;
  font-size: 3vw;
  border-radius: 0.75vw;
  margin-right: 3.75vw;
}

.content .content_chunk > .message > .tip {
  font-size: 3.5vw;
  color: #2675ff;
  line-height: 5.5vw;
  margin-right: 5vw;
}

.content .content_chunk > .message > .time {
  font-size: 3.5vw;
  color: #959595;
  line-height: 5.5vw;
}

.content .content_chunk > .detail_cnt {
  width: 100%;
  margin-top: 5vw;
  text-align: center;
}

.content .content_chunk > .detail_cnt img {
  max-width: 100% !important;
  height: auto !important;
}

.content .content_chunk > .detail_cnt p {
  text-align: left;
  font-size: 4vw;
  color: #686868;
  line-height: 6.5vw;
}

.talent .content_chunk {
  padding: 7.5vw 5vw 15vw 5vw;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}

.talent_lists {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.talent_item {
  background-color: #f7f7f7;
  display: block;
  margin-top: 5vw;
}

.talent_item:nth-child(1) {
  margin-top: 0;
}

.talent_item .div_img {
  width: 100%;
  font-size: 0;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.talent_item .div_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.talent_item .div_text {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding: 3.75vw;
}

.talent_item .div_text p {
  font-size: 4vw;
  font-weight: bold;
  color: #000129;
  line-height: 5.5vw;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  height: 11vw;
}

.talent_item .div_text div {
  font-size: 3.5vw;
  color: #000129;
  margin-top: 2.5vw;
}

.talent_item.one {
  width: 100%;
}

.talent_item.one .div_img {
  width: 100%;
  height: 60vw;
}

.talent_item.two {
  width: 42.5vw;
}

.talent_item.two .div_img {
  width: 100%;
  height: 35.5vw;
}

.hardware {
  background-color: #f7f7f7;
}

.hardware .content_chunk {
  padding: 7.5vw 5vw 15vw 5vw;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  background-color: #f7f7f7;
}

.hardware_lists {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.hardware_item {
  margin-top: 5vw;
  width: 42.5vw;
  height: 52.25vw;
  background-color: #ffffff;
  box-shadow: 0 0.75vw 1.5vw rgba(0, 0, 0, 0.16);
  border-radius: 1vw;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.hardware_item:nth-of-type(1), .hardware_item:nth-of-type(2) {
  margin-top: 0;
}

.hardware_item .div_img {
  width: 100%;
  height: 34vw;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.hardware_item .div_img img {
  max-width: 100%;
  max-height: 100%;
}

.hardware_item .div_text {
  width: 100%;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding: 0 3.75vw 5vw 3.75vw;
}

.hardware_item .div_text h5 {
  font-weight: bold;
  font-size: 3.5vw;
  color: #000129;
  line-height: 5.5vw;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.hardware_item .div_text p {
  font-size: 3.5vw;
  color: #959595;
  line-height: 5.5vw;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.hardware_loading {
  text-align: center;
}

.hardware_loading span {
  display: block;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding-top: 5vw;
  font-size: 3.5vw;
  color: #959595;
  line-height: 6vw;
}

.newlists .content_chunk,
.announcement .content_chunk {
  padding: 0 5vw;
  padding-bottom: 15vw;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}

.newlists .common_banner,
.announcement .common_banner {
  padding-top: 3vw;
  top: 0;
}

.newlists .common_banner > .tab,
.announcement .common_banner > .tab {
  position: relative;
}

.newlists .common_banner > .tab .line,
.announcement .common_banner > .tab .line {
  width: 7.5vw;
  height: 0.5vw;
  background-color: #d94611;
  position: absolute;
  bottom: -3.25vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  display: none;
}

.newlists .common_banner > .tab.active .line,
.announcement .common_banner > .tab.active .line {
  display: block;
}

.newlists_cnt {
  width: 100%;
}

.newlists_cnt > .newlists_detail {
  width: 100%;
}

.newlists_lists {
  width: 100%;
}
/* 新闻中心不带图片的样式 */
/*
.newlists_lists > a {
  display: block;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding: 2.5vw 0;
}

.newlists_lists > a > h5 {
  font-size: 4vw;
  font-weight: bold;
  color: #000129;
  line-height: 5.5vw;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
}

.newlists_lists > a > div {
  font-size: 3vw;
  color: #686868;
  line-height: 4vw;
  margin-top: 2.5vw;
}
*/
/* 新闻中心带图片的样式 */
.newlists_lists > a{
        display: block;
        -moz-box-sizing: border-box;
            box-sizing: border-box;
        padding: 2.5vw 0;
        clear: both;
        }
.newlists_lists >a>li{
            width: 100%;
            display: block;
            list-style-type:none ;
            height:24vw;
        }
.newlists_lists > a >li>.news-text{
            width: 70%;
            float: left;
        }
.newlists_lists >  a >li> .news-text > h5 {
        width: 96%;
        font-size: 4vw;
        font-weight: bold;
        color: #000129;
        line-height: 5.5vw;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* autoprefixer: off */
        -webkit-box-orient: vertical;
        /* autoprefixer: on */
        float: left;
        }
.newlists_lists > a >li> .news-text >div {
        font-size: 3vw;
        color: #686868;
        line-height: 4vw;
        margin-top: 2.5vw;
        float: left;
        }
.newlists_lists > a >li>.news-img{
            width: 30%;
            height: 20vw;
            float: right;
            overflow:hidden;
        }
.newlists_lists > a >li>.news-img> img{
            max-height:100%;
        }

.newlists .newlists_lists {
           margin-top: 5vw;
}