/*弹性布局*/
.dfc {
  display: flex;
  flex-direction: column;
}
.jcsb {
  display: flex;
  justify-content: space-between;
}
.jcc {
  display: flex;
  justify-content: center;
}
.jcfe {
  display: flex;
  justify-content: flex-end;
}
.aic {
  align-items: center;
}
.aife {
  align-items: flex-end;
}
.fs {
  flex-shrink: 0;
}
.fww {
  flex-wrap: wrap;
}
.lf {
  float: left;
}
.rig {
  float: right;
}
/*背景-边框*/
/*居中&上下左右内外边距*/
/*定位*/
/*C3特效*/
/*行数*/
/*a元素样式*/
/*字体相关*/
.white {
  color: white;
}
/*倒三角小图标*/
.pi {
  cursor: pointer;
}
.none {
  display: none;
}
body,
html {
  height: 100%;
  width: 100%;
  color: #383737;
  line-height: normal;
  font: 14px "Microsoft YaHei", "PingFang SC", sans-serif;
}
body {
  background-color: #ffffff;
}
a {
  text-decoration: none;
  color: #383737;
}
input::-webkit-input-placeholder {
  color: #ebebeb;
  font-size: 14px;
  font-weight: normal;
}
input:-ms-input-placeholder {
  color: #ebebeb;
  font-size: 14px;
  font-weight: normal;
}
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd {
  /* 默认有边距，都要清除 */
  margin: 0;
  padding: 0;
  /* 去掉列表的原点 */
  list-style: none;
  /* 默认鼠标 */
  cursor: default;
}
/*行内块元素*/
input,
img {
  margin: 0;
  padding: 0;
  border: 0 none;
  outline-style: none;
  vertical-align: bottom;
}
/*行内元素*/
a,
a:active,
a:visited {
  /*下划线和颜色*/
  text-decoration: none;
  color: #383737;
}
a {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-select: none;
}
textarea {
  /* 边框清零 */
  border: none;
  /* 轮廓线清零 */
  outline: none;
  /* 防止文本域被随意拖拽 */
  resize: none;
}
i {
  /*文字样式*/
  font-style: normal;
}
table {
  /*边框合并*/
  border-collapse: collapse;
  border-spacing: 0;
}
li {
  list-style-type: none;
}
.li-inlineblock,
.div-inlineblock,
.select-input {
  letter-spacing: -10px;
}
.li-inlineblock > li,
.div-inlineblock > div,
.select-input > input {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
}
.none,
.p-none {
  display: none;
}
h1,
h2,
h3,
h4,
h5 {
  font-weight: normal;
}
.pc .hder,
.pc .fter {
  width: 100%;
  min-width: 1200px;
}
.pc .hder .hder-1 {
  display: flex;
  justify-content: center;
  background: url("../images/index_01.png") no-repeat 100% 100%;
}
.pc .hder .hder-1 .hder-1D {
  height: 140px;
  width: 1200px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pc .hder .hder-2 {
  display: flex;
  justify-content: center;
  background-color: #004592;
}
.pc .hder .hder-2 .hder-2D {
  height: 50px;
  width: 1200px;
}
.pc .hder .hder-2 .hder-2D .menu {
  height: 100%;
  width: 100%;
  display: flex;
}
.pc .hder .hder-2 .hder-2D .menu > li {
  height: 100%;
  width: 100%;
  position: relative;
  text-align: center;
}
.pc .hder .hder-2 .hder-2D .menu > li > a {
  height: 100%;
  width: 100%;
  color: white;
  line-height: 50px;
}
.pc .hder .hder-2 .hder-2D .menu > li .submenu {
  display: none;
  position: absolute;
  top: 50px;
  width: 100%;
  left: 0;
  background-color: #004592;
  z-index: 1;
}
.pc .hder .hder-2 .hder-2D .menu > li .submenu > li {
  height: 50px;
  width: 100%;
}
.pc .hder .hder-2 .hder-2D .menu > li .submenu > li > a {
  color: white;
  line-height: 50px;
  height: 100%;
  width: 100%;
}
.pc .hder .hder-2 .hder-2D .menu > li .submenu > li:hover {
  background-color: white;
}
.pc .hder .hder-2 .hder-2D .menu > li .submenu > li:hover > a {
  color: #004592;
}
.pc .hder .hder-2 .hder-2D .menu > li:hover .submenu {
  display: block;
}
.pc .hder .hder-3 {
  display: flex;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.pc .hder .hder-3 .hder-3D {
  position: relative;
  height: 480px;
  width: 1200px;
  min-width: 1200px;
}
.pc .hder .hder-3 .hder-3D .bd {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.pc .hder .hder-3 .hder-3D .bd .img {
  display: block;
  height: 100%;
  width: 100%;
}
.pc .hder .hder-3 .hder-3D .bd .img img {
  height: 480px;
  width: 1200px;
}
.pc .hder .hder-3 .hder-3D .hd ul {
  position: absolute;
  left: 50%;
  top: 84.4%;
  display: flex;
  transform: translateX(-50%);
  justify-content: space-between;
  z-index: 15;
}
.pc .hder .hder-3 .hder-3D .hd ul li {
  display: block;
  width: 16px;
  height: 16px;
  border: 3px solid white;
  border-radius: 50%;
  background-color: transparent;
  cursor: pointer;
  margin-left: 20px;
}
.pc .hder .hder-3 .hder-3D .hd ul .on {
  background-color: #005bac;
  border: 3.5px solid white;
}
.pc .fter {
  width: 100%;
}
.pc .fter .fter-1 {
  width: 100%;
  background-color: #212121;
  display: flex;
  justify-content: center;
}
.pc .fter .fter-1 .fter-1D {
  width: 1200px;
  padding: 20px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pc .fter .fter-1 .fter-1D .fter-1L ul li {
  color: white;
  line-height: 24px;
  text-align: right;
}
.pc .fter .fter-1 .fter-1D .fter-1L ul li a {
  color: white;
}
.pc .fter .fter-1 .fter-1D .fter-1M {
  margin: 0 65px;
}
.pc .fter .fter-1 .fter-1D .fter-1R > ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pc .fter .fter-1 .fter-1D .fter-1R > ul > li {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pc .fter .fter-1 .fter-1D .fter-1R > ul > li .code {
  background-color: white;
  height: 100px;
  width: 100px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.pc .fter .fter-1 .fter-1D .fter-1R > ul > li .code img {
  height: 100%;
  width: 100%;
}
.pc .fter .fter-1 .fter-1D .fter-1R > ul > li .codeP {
  color: white;
  line-height: normal;
  padding-top: 10px;
}
.pc .fter .fter-1 .fter-1D .fter-1R > ul > li + li {
  margin-left: 20px;
}
.yd {
  display: none;
  font-size: 0.24rem;
  background-color: #f5f5f5;
}
.yd .hder,
.yd .fter {
  width: 100%;
  min-width: 7rem;
  display: flex;
  justify-content: center;
}
.yd .sin-1 {
  width: 100%;
  min-width: 7rem;
}
.yd .hderD,
.yd .fterD {
  width: 7rem;
}
.yd .hder {
  width: 100%;
  display: flex;
  justify-content: center;
}
.yd .hder .hderD {
  height: 1.8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.yd .hder .hderD .hderL a {
  display: block;
}
.yd .hder .hderD .hderL a img {
  height: 100%;
  width: 100%;
}
.yd .hder .hderD .hderL > :first-child {
  height: 0.66rem;
  width: 5.8rem;
}
.yd .hder .hderD .hderR {
  height: 0.45rem;
  width: 0.45rem;
}
.yd .hder .hderD .hderR a {
  display: block;
  height: 100%;
  width: 100%;
}
.yd .hder .hderD .hderR a img {
  height: 100%;
  width: 100%;
}
.yd .sin-1 .tabBox {
  position: relative;
  width: 100%;
}
.yd .sin-1 .tabBox .hd ul {
  position: absolute;
  left: 50%;
  top: 84.4%;
  width: 1rem;
  margin-left: -0.5rem;
  display: flex;
  justify-content: space-between;
  z-index: 15;
}
.yd .sin-1 .tabBox .hd ul li {
  display: block;
  width: 0.16rem;
  height: 0.16rem;
  border: 2px solid white;
  border-radius: 50%;
  background-color: transparent;
  cursor: pointer;
}
.yd .sin-1 .tabBox .hd ul .on {
  background-color: #005bac;
  border: 0.05rem solid white;
}
.yd .sin-1 .tabBox .bd li a {
  color: #666;
}
.yd .sin-1 .tabBox .bd li a img {
  width: 100%;
}
.yd .fter {
  background-color: #323238;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.yd .fter .fterD {
  padding: 0.26rem 0;
}
.yd .fter .fterD > ul {
  width: 100%;
}
.yd .fter .fterD > ul > li {
  width: 100%;
  color: white;
  line-height: normal;
  text-align: center;
}
.yd .fter .fterD > ul > li a {
  color: white;
  line-height: normal;
}
.yd .fter .fterD > ul li:not(:last-child) {
  margin-bottom: 0.18rem;
  margin-right: 0;
}
.yd .fter .fterD2 {
  width: 7rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.26rem 0;
  border-bottom: 1px solid #727276;
}
.yd .fter .fterD2 > ul {
  display: flex;
}
.yd .fter .fterD2 > ul > li {
  display: flex;
  align-items: center;
}
.yd .fter .fterD2 > ul > li > .code {
  height: 1rem;
  width: 1rem;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.1rem;
  background-color: white;
}
.yd .fter .fterD2 > ul > li > .code img {
  height: 100%;
  width: 100%;
}
.yd .fter .fterD2 > ul > li > p {
  color: white;
  line-height: normal;
  padding-left: 0.2rem;
}
.yd .fter .fterD2 > ul li:not(:last-child) {
  margin-bottom: 0;
  margin-right: 0.5rem;
}
/*# sourceMappingURL=base_index.css.map */