@charset "UTF-8";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  -webkit-tap-highlight-color: transparent;
}
img {
  border: 0 none;
  max-width: 100%;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
body {
  font-family: 'Microsoft YaHei', '微软雅黑', Arial, Helvetica, sans-serif;
  font-size: 0.18rem;
  -webkit-text-size-adjust: none;
  position: relative;
  color: #000;
  padding: 1.4rem 0 0 0;
  margin: auto;
  overflow-x: hidden;
}
html {
  font-size: 100px;
}
::selection {
  background: #182980;
  color: white; /* Safari */
}
::-moz-selection {
  background: #182980;
  color: white; /* Firefox */
}
* {
  margin: 0px;
  padding: 0px;
}
input,
button,
a {
  outline: 0 none !important;
  blr: expression(this.onFocus=this.blur());
}
img {
  max-width: 100%;
  height: auto;
  border: 0px;
}
li {
  list-style-type: none;
}
table {
  border-collapse: collapse;
}

a:link,
a:visited {
  color: #000;
  -webkit-transition: all 0.25s linear 0.25s;
  transition: all 0.25s linear 0.25s;
  text-decoration: none;
}
a:hover {
  color: #262626;
  -webkit-transition: all 0.25s linear 0.25s;
  transition: all 0.25s linear 0.25s;
  text-decoration: none;
}
a {
  outline: 0;
}
.clearFix {
  clear: both;
  width: 100%;
  display: block;
  font-size: 0px;
  line-height: 0px;
  height: 0px;
  overflow: hidden;
}
.clear {
  clear: both;
}
.block {
  display: block;
}
.leftBar {
  display: block;
  float: left;
}
.rightBar {
  float: right;
}
.FullScreen {
  position: relative;
  background-position: top center;
  background-size: cover;
  overflow: hidden;
}
.main {
  max-width: 14.12rem;
  padding: 0 8%;
  margin: auto;
  position: relative;
  zoom: 1;
}
header {
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 990;
}
.header {
  width: 100%;
  max-width: 19.2rem;
  margin: auto;
  height: 1.4rem;
  position: relative;
  background-color: rgba(255, 255, 255, 1);
  -webkit-transition: all 0.25s linear 0.25s;
  transition: all 0.25s linear 0.25s;
}
.headFixed .header {
  height: 0.9rem;
  -webkit-transition: all 0.25s linear 0.25s;
  transition: all 0.25s linear 0.25s;
  -webkit-box-shadow: 0px 0 0.05rem rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0 0.05rem rgba(0, 0, 0, 0.2);
}
.header .logo {
  position: absolute;
  left: 8.3%;
  top: 50%;
  height: 0.46rem;
  margin-top: -0.23rem;
}
.header .logo img {
  height: 0.46rem;
}
@media screen and (max-width: 641px) {
}
.nav {
  right: 11.7%;
  text-align: right;
  left: 0px;
  position: absolute;
  top: 0.6rem;
  font-size: 0px;
  -webkit-transition: all 0.25s linear 0.25s;
  transition: all 0.25s linear 0.25s;
}
.headFixed .nav {
  top: 0.35rem;
  -webkit-transition: all 0.25s linear 0.25s;
  transition: all 0.25s linear 0.25s;
}
.nav li {
  display: inline-block;
  position: relative;
  padding: 0 1.5%;
  vertical-align: top;
}
.nav li > a {
  display: block;
  padding-bottom: 0.05rem;
  font-size: 0.18rem;
  color: #000000;
  border-bottom: solid 1px rgba(0, 0, 0, 0);
  position: relative;
  z-index: 2;
}
.nav li:hover > a,
.nav li > a.sed {
  border-bottom: solid 1px rgba(0, 0, 0, 1);
}
.nav li.menus > a {
  padding-right: 0.2rem;
}
.nav li.menus > a:after {
  border: 1px solid transparent;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  transform: rotate(-45deg);
  width: 0.06rem;
  height: 0.06rem;
  position: absolute;
  content: ' ';
  right: 0px;
  top: 0.06rem;
}
.nav li.menus:before {
  content: ' ';
  position: absolute;
  z-index: 1;
  background-color: #fff;
  top: -0.2rem;
  left: 0.75%;
  right: 0.75%;
  bottom: -0.2rem;
  border-radius: 0.12rem;
  -webkit-box-shadow: 0.05rem 0.05rem 0.1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0.05rem 0.05rem 0.1rem rgba(0, 0, 0, 0.15);
  opacity: 0;
  transform: scale(0.8);
  -webkit-transition: all 0.25s linear 0.25s;
  transition: all 0.25s linear 0.25s;
}
.nav li.menus:hover:before {
  transform: scale(1);
  opacity: 1;
  -webkit-transition: all 0.25s linear 0.25s;
  transition: all 0.25s linear 0.25s;
}
.nav li div {
  height: 0px;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: all 0.25s linear 0.25s;
  transition: all 0.25s linear 0.25s;
  position: relative;
  z-index: 2;
  text-align: left;
}
.nav li:hover div {
  height: auto;
  opacity: 1;
  padding-top: 0.4rem;
  display: block;
  -webkit-transition: all 0.25s linear 0.25s;
  transition: all 0.25s linear 0.25s;
}
.nav li div a {
  display: inline-block;
  clear: both;
  font-size: 0.16rem;
  padding-bottom: 0.07rem;
  border-bottom: solid 1px rgba(112, 112, 112, 0);
  color: #000;
  position: relative;
  margin-bottom: 0.15rem;
}
.nav li div a:hover,
.nav li div a.sed {
  color: #666666;
  border-bottom: solid 1px rgba(112, 112, 112, 1);
}
@media screen and (max-width: 1367px) {
  .nav {
    display: none;
    right: 0px;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
  }
  .nav {
    right: 0px;
    width: 100%;
    height: calc(100vh - 0.7rem);
    position: absolute;
    top: 0.7rem;
    overflow: auto;
  }
  .nav li {
    display: block;
    text-align: center;
  }
  .nav li > a {
    clear: both;
    display: inline-block;
    padding: 0.3rem;
    font-size: 0.4rem;
  }
  .nav li.menus > a:after {
    top: 50%;
    margin-top: -0.05rem;
  }
  .nav li div {
    height: auto;
    opacity: 1;
    text-align: center;
    padding-top: 0.3rem;
  }
  .nav li div a {
    font-size: 0.3rem;
  }
  .nav li:hover div {
    padding-top: 0.3rem;
  }
  .nav li.menus:before {
    display: none;
  }
  header.sed {
    width: 100%;
    height: 100vh;
    background-color: rgba(255, 255, 255, 0.9);
  }
  header.sed .header {
    height: 0.7rem;
    background-color: rgba(0, 0, 0, 0);
  }
}
.Ibanner {
  max-width: 19.2rem;
  margin: auto;
}
.Ibanner img {
  display: block;
  width: 100%;
}
@keyframes typing {
  from {
    width: 0;
  }
}
h3.mTitle {
  font-size: 0px;
  position: relative;
  z-index: 9;
}
h3.mTitle strong {
  display: none;
}
h3.mTitle span {
  font-size: 0.46rem;
  line-height: 0.53rem;
  padding-bottom: 0.05rem;
  display: inline-block;
  font-weight: normal;
  border-bottom: solid 0.02rem #000;
  margin-bottom: 0.05rem;
}
h3.mTitle span br {
  display: none;
}
a.mBt {
  display: block;
  width: 1.8rem;
  height: 0.5rem;
  text-align: center;
  line-height: 0.5rem;
  border-radius: 0.25rem;
  vertical-align: middle;
  background-color: rgba(24, 41, 128, 1);
  color: #fff;
  font-size: 0.21rem;
  position: relative;
  overflow: hidden;
}
a.mBt span {
  z-index: 2;
  position: relative;
}
a.mBt:hover {
  color: #000;
  background-color: rgba(24, 41, 128, 0);
}
a.mBt:before {
  content: ' ';
  display: block;
  width: 2px;
  border-radius: 50%;
  height: 2px;
  background-color: #f1f2f6;
  position: absolute;
  bottom: -1px;
  left: 50%;
  margin-left: -1px;
  transform: scale(1);
  -webkit-transition: all 0.25s linear 0.25s;
  transition: all 0.25s linear 0.25s;
  z-index: 0;
  opacity: 0;
}
a.mBt:hover:before {
  width: 3rem;
  height: 3rem;
  bottom: -1.5rem;
  margin-left: -1.5rem;
  -webkit-transition: all 0.25s linear 0.25s;
  transition: all 0.25s linear 0.25s;
  opacity: 1;
}
.iBrand {
  clear: both;
  width: 100%;
  max-width: 19.2rem;
  margin: auto;
  vertical-align: top;
}
.iBrand .s1 {
  height: 5.4rem;
  float: left;
  width: 35%;
  position: relative;
}
.iBrand .s2 {
  width: 65%;
  float: left;
}
.iBrand .s1 .mTitle {
  padding: 0.85rem 0 0 23%;
  vertical-align: top;
}
.iBrand .s1 .mBt {
  position: absolute;
  left: 23%;
  bottom: 0.9rem;
}
.iBrand .s2 a {
  width: 50%;
  height: 2.7rem;
  display: block;
  float: left;
  position: relative;
}
.iBrand .s2 a div {
  padding: 0.55rem 0 0 13.5%;
  display: block;
  float: left;
  position: absolute;
  z-index: 1;
  overflow: hidden;
  -webkit-transition: all 0.25s linear 0.25s;
  transition: all 0.25s linear 0.25s;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: #fff;
}
.iBrand .s2 a:nth-child(1) div,
.iBrand .s2 a:nth-child(4) div {
  background-color: #f1f2f6;
}
.iBrand .s2 a:hover div {
  -webkit-box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.25s linear 0.25s;
  transition: all 0.25s linear 0.25s;
  z-index: 2;
}
.iBrand .s2 a:nth-child(1):hover div {
  top: 0px;
  right: -0.2rem;
  left: -0.2rem;
  bottom: -0.2rem;
}
.iBrand .s2 a:nth-child(2):hover div {
  top: 0px;
  right: 0px;
  left: -0.2rem;
  bottom: -0.2rem;
}
.iBrand .s2 a:nth-child(3):hover div {
  top: -0.2rem;
  right: -0.2rem;
  left: -0.2rem;
  bottom: 0;
}
.iBrand .s2 a:nth-child(4):hover div {
  top: -0.2rem;
  right: 0px;
  left: -0.2rem;
  bottom: 0;
}
.iBrand .s2 a h4 {
  background-image: url(../img/iBrand_01.png);
  background-repeat: no-repeat;
  background-size: 0.58rem auto;
  padding-top: 0.85rem;
  font-size: 0.28rem;
  font-weight: normal;
  position: relative;
  z-index: 3;
}
.iBrand .s2 a:nth-child(2) h4 {
  background-image: url(../img/iBrand_02.png);
}
.iBrand .s2 a:nth-child(3) h4 {
  background-image: url(../img/iBrand_03.png);
}
.iBrand .s2 a:nth-child(4) h4 {
  background-image: url(../img/iBrand_04.png);
}
.iBrand .s2 a i {
  display: block;
  border-radius: 50%;
  width: 0.5rem;
  height: 0.5rem;
  bottom: 0.4rem;
  right: 0.4rem;
  background-color: #fff;
  position: absolute;
  -webkit-transition: all 0.25s linear 0.25s;
  transition: all 0.25s linear 0.25s;
  z-index: 3;
}
.iBrand .s2 a svg {
  display: block;
  width: 0.15rem;
  height: 0.15rem;
  bottom: 0.58rem;
  right: 0.58rem;
  position: absolute;
  z-index: 4;
  transform: rotate(90deg);
}
.iBrand .s2 a svg line,
.iBrand .s2 a svg path {
  stroke: #000000;
  stroke-width: 0.03rem;
}
.iBrand .s2 a:nth-child(2) i,
.iBrand .s2 a:nth-child(3) i {
  background-color: #f3f4f9;
}
.iBrand .s2 a:hover i {
  width: 0.6rem;
  height: 0.6rem;
  bottom: 0.35rem;
  right: 0.35rem;
  background-color: #fff;
  -webkit-box-shadow: 0 0.05rem 0.05rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.05rem 0.05rem rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.25s linear 0.25s;
  transition: all 0.25s linear 0.25s;
}
.iBrand .s2 a div:before {
  content: ' ';
  display: block;
  width: 2px;
  border-radius: 50%;
  height: 2px;
  background-color: #fff;
  position: absolute;
  bottom: -1px;
  left: 50%;
  margin-left: -1px;
  transform: scale(1);
  -webkit-transition: all 0.25s linear 0.25s;
  transition: all 0.25s linear 0.25s;
  z-index: 0;
  opacity: 0;
}
.iBrand .s2 a:hover div:before {
  width: 10rem;
  height: 10rem;
  bottom: -5rem;
  margin-left: -5rem;
  -webkit-transition: all 0.25s linear 0.25s;
  transition: all 0.25s linear 0.25s;
  opacity: 1;
}
.iBrand .s2 a:nth-child(2) div:before,
.iBrand .s2 a:nth-child(3) div:before {
  background-color: #f1f2f6;
}
@media screen and (max-width: 1024px) {
  h3.mTitle span {
    padding-bottom: 0.07rem;
    border-bottom: solid 0.03rem #000;
    margin-bottom: 0.1rem;
  }
  h3.mTitle span br {
    display: block;
  }
  .iBrand {
    padding-bottom: 1.5rem;
    position: relative;
  }
  .iBrand .s1 {
    height: auto;
    float: none;
    width: 100%;
    position: static;
  }
  .iBrand .s1 .mTitle {
    padding: 0.85rem 0 0.4rem 0;
    text-align: center;
  }
  .iBrand .s2 {
    width: 100%;
    float: none;
  }
  .iBrand .s1 .mBt {
    position: absolute;
    left: 50%;
    bottom: 0.5rem;
    margin-left: -0.9rem;
  }
}
.iNews {
  clear: both;
  padding-top: 2.05rem;
  position: relative;
  background-color: #f1f2f6;
  max-width: 19.2rem;
  margin: auto;
  overflow: hidden;
}
.iNews .mTitle {
  position: absolute;
  left: 15.6%;
  top: 0.7rem;
  z-index: 5;
}
.iNews .s1 {
  position: absolute;
  left: 34.9%;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-color: #1d2080;
}
.iNews .s1 .s1_1 {
  position: relative;
  padding-top: 0.75rem;
  padding-right: 1.4rem;
}
.iNews .s1 .s1_1 .after {
  background-color: #0091ff;
  display: block;
  width: 14.5rem;
  border-radius: 50%;
  height: 14.5rem;
  position: absolute;
  top: -6.2rem;
  right: -7.8rem;
  animation: scaleBgA2 1.5s ease-in both;
}
.iNews .s1 .s1_1 a.mBt {
  float: right;
  z-index: 3;
  background-color: rgba(255, 255, 255, 1);
  color: #000;
}
.iNews .s1 .s1_1 a.mBt span {
  z-index: 2;
  position: relative;
}
.iNews .s1 .s1_1 a.mBt:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0);
}
.iNews .s1 .s1_1 a.mBt:before {
  background-color: #000;
}
.swiper-button-next,
.swiper-button-prev {
  position: relative;
  left: auto;
  top: auto;
  right: auto;
  margin: 0px;
  height: 0.7rem;
  width: 0.7rem;
  border-radius: 0.35rem;
  background-color: #fff;
  background-position: -1rem -1rem;
  float: left;
}
.swiper-button-next button,
.swiper-button-prev button {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 0.7rem;
  width: 0.7rem;
  border-radius: 50%;
  background-color: #fff;
  border: 0px;
  cursor: pointer;
  z-index: 1;
  -webkit-transition: all 0.25s linear 0.25s;
  transition: all 0.25s linear 0.25s;
}
.iNews .swiper-button-prev {
  margin-left: -0.4rem;
}
.iNews .swiper-button-next {
  margin-right: 0px;
  margin-left: 0.3rem;
}
.swiper-button-next button svg,
.swiper-button-prev button svg {
  object-fit: none;
  display: block;
  width: 0.2rem;
  height: 0.2rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -0.1rem;
  margin-left: -0.1rem;
  z-index: 2;
  -webkit-transition: all 0.25s linear 0.25s;
  transition: all 0.25s linear 0.25s;
}
.swiper-button-next button svg line,
.swiper-button-next button svg path,
.swiper-button-prev button svg line,
.swiper-button-prev button svg path {
  stroke: #000000;
  stroke-width: 0.03rem;
}
.swiper-button-next button svg {
  transform: rotate(90deg);
}
.swiper-button-prev button svg {
  transform: rotate(-90deg);
}
.swiper-button-next button:hover,
.swiper-button-prev button:hover {
  top: -0.05rem;
  left: -0.05rem;
  width: 0.8rem;
  height: 0.8rem;
  -webkit-transition: all 0.25s linear 0.25s;
  transition: all 0.25s linear 0.25s;
}

.iNewsList {
  overflow: hidden;
  clear: both;
}
.iNewsList .swiper-container {
  float: left;
  width: 100%;
  padding-bottom: 1.75rem;
  padding-top: 0.5rem;
}
.iNewsList .swiper-container .swiper-slide {
  width: 6.9rem;
}
.iNewsList .swiper-container .swiper-slide:nth-child(1) {
  margin-left: 15.3%;
}
.iNewsList .swiper-container .swiper-slide a {
  background-color: #fff;
  padding: 0.25rem;
  border-radius: 0.1rem;
  height: auto;
  overflow: hidden;
  display: block;
  width: 6.05rem;
  background-color: #fff;
}
.swiper-container .swiper-slide a,
.matching_list1 .swiper-container .swiper-slide,
.matching_list5 .swiper-slide {
  -webkit-box-shadow: 0.05rem 0.05rem 0.09rem rgba(0, 0, 0, 0.2);
  box-shadow: 0.05rem 0.05rem 0.09rem rgba(0, 0, 0, 0.2);
}
.iNewsList .swiper-container .swiper-slide a img {
  width: 3.48rem;
  height: 3.01rem;
  float: left;
  display: block;
}
.iNewsList .swiper-container .swiper-slide a div {
  width: 2.2rem;
  float: right;
  height: 3.01rem;
  position: relative;
}
.iNewsList .swiper-slide a div h4 {
  font-size: 0.18rem;
  line-height: 0.31rem;
  margin-bottom: 0.25rem;
}
.iNewsList .swiper-slide a div p {
  font-size: 0.18rem;
  line-height: 0.29rem;
  display: block;
  color: #666666;
}
.iNewsList .swiper-slide a div span {
  font-size: 0.14rem;
  position: absolute;
  left: 0px;
  bottom: 0px;
}
.iNewsList .swiper-slide a div strong {
  width: 0.4rem;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  vertical-align: middle;
  display: block;
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.iNewsList .swiper-slide a div strong:after {
  content: ' ';
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  position: absolute;
  bottom: 0px;
  right: 0px;
  background-color: #000;
  border-radius: 0.2rem;
  z-index: 1;
  -webkit-transition: all 0.25s linear 0.25s;
  transition: all 0.25s linear 0.25s;
}
.iNewsList .swiper-slide a:hover div strong:after {
  transform: scale(1.2);
  -webkit-transition: all 0.25s linear 0.25s;
  transition: all 0.25s linear 0.25s;
}
.iNewsList .swiper-slide a div strong svg {
  content: url(jt.svg);
  width: 0.12rem;
  height: 0.12rem;
  display: block;
  vertical-align: middle;
  transform: rotate(90deg);
  position: relative;
  z-index: 3;
  position: absolute;
  z-index: 5;
  top: 50%;
  margin-top: -0.06rem;
  left: 50%;
  margin-left: -0.06rem;
}
.iNewsList .swiper-slide a div strong svg line,
.iNewsList .swiper-slide a div strong svg path {
  stroke-width: 0.03rem;
}
@media screen and (max-width: 1024px) {
  .iNews {
    padding-top: 2.05rem;
    position: relative;
    padding-bottom: 2rem;
  }
  .iNews .mTitle {
    position: absolute;
    left: 0%;
    width: 100%;
    text-align: center;
    top: 1rem;
    color: #fff;
  }
  .iNews h3.mTitle span {
    border-bottom-color: #fff;
  }
  .iNews .s1 {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #1d2080;
    padding-top: 1rem;
  }
  .iNews .s1 .s1_1 {
    position: static;
    padding-right: 1.4rem;
  }
  .iNews .s1 .s1_1 a.mBt {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    float: none;
    z-index: 3;
    background-color: rgba(255, 255, 255, 1);
    color: #000;
    z-index: 99;
    margin-left: -0.9rem;
  }
  .iNewsList .swiper-container {
    padding-bottom: 0rem;
    padding-top: 0rem;
    z-index: 2;
    position: relative;
  }
  .iNewsList .swiper-container .swiper-slide {
    width: 7.5rem;
  }
  .iNewsList .swiper-container .swiper-slide:nth-child(1) {
    margin-left: 0px;
  }
  .iNewsList .swiper-container .swiper-slide a {
    width: 5rem;
    margin: auto;
  }
  .iNewsList .swiper-container .swiper-slide a img {
    width: 100%;
    height: auto;
    float: none;
    margin-bottom: 0.4rem;
  }
  .iNewsList .swiper-container .swiper-slide a div {
    width: 100%;
    float: none;
    height: auto;
  }
  .iNewsList .swiper-slide a div h4 {
    font-size: 0.4rem;
    line-height: 0.55rem;
    margin-bottom: 0.3rem;
  }
  .iNewsList .swiper-slide a div p {
    font-size: 0.2rem;
    line-height: 0.35rem;
    padding-bottom: 1.3rem;
    width: 70%;
  }
  .iNewsList .swiper-slide a div span {
    font-size: 0.14rem;
    position: absolute;
    left: 0px;
    bottom: 0px;
  }
  .iNewsList .swiper-slide a div strong {
    bottom: 0.3rem;
    right: 0.2rem;
  }
  .iNews .s1 .s1_1 .swiper-button {
    display: none;
  }
}
.iProducts {
  padding-top: 1.08rem;
  clear: both;
  max-width: 19.2rem;
  margin: auto;
}
.iProducts .mTitle {
  text-align: center;
  margin-bottom: 1.1rem;
}
.iProductsList ul {
  clear: both;
  display: block;
  width: 100%;
}
.iProductsList ul li {
  width: 50%;
  position: relative;
  float: left;
  vertical-align: top;
  height: 7.59rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.iProductsList ul:nth-child(2n) li:nth-child(1) {
  float: right;
}
.iProductsList ul li img {
  display: block;
  visibility: hidden;
  width: 100%;
}
.iProductsList ul li dl {
  padding-top: 1.15rem;
  padding-left: 30%;
}
.iProductsList ul li dl dt {
  display: inline-block;
  font-weight: normal;
  font-size: 0.46rem;
  padding-bottom: 0.08rem;
  margin-bottom: 0.3rem;
  position: relative;
}
.iProductsList ul li dl dt:after {
  content: ' ';
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 2px;
  background-color: #000;
  font-size: 0px;
}
.iProductsList ul li dl dd {
  font-size: 0.18rem;
  line-height: 0.24rem;
  color: #565656;
}
.iProductsList ul li dl dd strong {
  font-size: 0.2rem;
}
.iProductsList ul li .bt {
  position: absolute;
  left: 30%;
  bottom: 1.2rem;
}
@media screen and (max-width: 1024px) {
  .iProducts .mTitle {
    text-align: center;
    margin-bottom: 0.5rem;
  }
  .iProductsList ul {
    display: block;
    width: 100%;
  }
  .iProductsList ul li {
    display: block;
    width: 100%;
    background-image: none;
    height: auto;
    text-align: center;
  }
  .iProductsList ul:nth-child(2n) li:nth-child(1) {
    float: none;
  }
  .iProductsList ul li:nth-child(2) {
    padding-bottom: 2rem;
  }
  .iProductsList ul li img {
    display: block;
  }
  .iProductsList ul li dl {
    padding-top: 1rem;
    padding-left: 0px;
    display: inline-block;
    text-align: left;
  }
  .iProductsList ul li dl dt {
    padding-bottom: 0.14rem;
  }
  .iProductsList ul li .bt {
    left: 50%;
    bottom: 1rem;
    margin-left: -0.9rem;
  }
  .iProductsList ul li dl dd {
    line-height: 0.35rem;
  }
}
/*.iProductsList ul:nth-child(2n) li:nth-child(1) {
	float:right;
}*/
@keyframes scaleBgB {
  0% {
    transform: scale(0);
    opacity: 0;
    transform: translate(-5rem, -10rem);
    transform-origin: top left;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes scaleBgA {
  0% {
    transform: scale(0);
    opacity: 0;
    transform: translate(5rem, 10rem);
    transform-origin: bottom right;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes scaleBgA2 {
  0% {
    transform: scale(0);
    opacity: 0;
    transform: translate(5rem, -10rem);
    transform-origin: top right;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.bgQu {
  background-color: #1d2080;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.bgQu .before {
  position: absolute;
  display: block;
  width: 14rem;
  height: 14rem;
  left: -6rem;
  border-radius: 50%;
  background-color: #0091ff;
  z-index: 0;
  animation: scaleBgB 1.5s ease-in both;
}
.bgQu .after {
  position: absolute;
  display: block;
  width: 12rem;
  height: 12rem;
  right: -5.1rem;
  border-radius: 50%;
  background-color: #ffd254;
  z-index: 0;
  animation: scaleBgA 1.5s ease-in both;
}
@media screen and (max-width: 1024px) {
}
.mInfo {
  max-width: 19.2rem;
  margin: auto;
  position: relative;
  overflow: hidden;
}
.mBanner {
  padding: 1.3rem 0 0 0;
  position: relative;
  background-color: #fff;
  z-index: 2;
  overflow: hidden;
}
.mBanner .mTitle {
  margin-left: 16.4%;
  margin-bottom: 1.35rem;
}
.eBanner .mTitle {
  margin-bottom: 0.59rem;
}
.mBanner .zw {
  margin-left: 16.4%;
  margin-bottom: 1.3rem;
}
.mBanner .mT {
  position: relative;
}
@keyframes scaleJt {
  0% {
    transform: scale(2);
    opacity: 0;
    transform-origin: bottom right;
  }
  100% {
    transform: scale(1);
    opacity: 1;
    transform-origin: bottom right;
  }
}
.mBanner .mT .mJt {
  display: block;
  position: absolute;
  right: 16.4%;
  bottom: -0.3rem;
  animation: scaleJt 0.3s ease-in both;
}
.mBanner .mBarImg {
  margin-right: 16.4%;
  width: 83.6%;
  display: block;
  clear: both;
  position: relative;
  z-index: 2;
}
.mBanner .mBarImg img {
  display: block;
}
.mBanner:after {
  content: ' ';
  display: block;
  position: absolute;
  height: 2.15rem;
  width: 100%;
  bottom: -1px;
  right: 0px;
  background-color: #1d2080;
  z-index: 0;
}
@media screen and (max-width: 1024px) {
  .mBanner .mT .mJt {
    height: 0.8rem;
  }
}
.brandJs {
  padding: 0 5%;
  overflow: inherit;
  position: relative;
}
.brandJs .before {
  top: -9.8rem;
}
.brandJs .after {
  bottom: -4.85rem;
}
.brandJs .bMain {
  max-width: 9.5rem;
  margin: 0 auto;
  padding: 1.15rem 0 0.75rem 0;
  position: relative;
  z-index: 5;
}
.zw {
  font-size: 0.18rem;
  line-height: 0.32rem;
}
.sTitle {
  display: block;
  font-size: 0.36rem;
  margin-bottom: 0.6rem;
}
.sTitle span {
  display: inline-block;
  position: relative;
  padding-bottom: 0.08rem;
}
.sTitle p {
  padding-bottom: 0.08rem;
}
.sTitle span:after {
  content: ' ';
  display: block;
  position: absolute;
  width: 100%;
  bottom: 0px;
  left: 0px;
  height: 0.03rem;
  font-size: 0px;
  background-color: #000;
}
.brandJs .bMain .sTitle {
  color: #fff;
  clear: both;
}
.brandJs .bMain .sTitle span:after {
  background-color: #fff;
}
.brandJs .bMain .zw {
  color: #fff;
}
.brandJs .bMain .s1 {
  margin-bottom: 1rem;
  clear: both;
}
.brandJs .bMain .s1 .sTitle {
  margin-bottom: 0.45rem;
}
.brandWh li {
  width: 40%;
  float: left;
  padding: 0.4rem 0 0.4rem 7.3%;
  border-radius: 0.17rem;
  background-color: #fff;
  position: relative;
  float: left;
  margin-bottom: 0.3rem;
  -webkit-box-shadow: 0.05rem 0.05rem 0.09rem rgba(0, 0, 0, 0.2);
  box-shadow: 0.05rem 0.05rem 0.09rem rgba(0, 0, 0, 0.2);
}
.brandWh li:nth-child(2n) {
  float: right;
}
.brandWh li h5 {
  font-weight: normal;
  font-size: 0.26rem;
  margin-bottom: 0.15rem;
}
.brandWh li p {
  display: block;
  width: 80%;
  max-width: 3.1rem;
  color: #727171;
  font-size: 0.18rem;
}
.brandWh li p br {
  display: none;
}
.brandWh li:after {
  content: ' ';
  display: block;
  top: 0.4rem;
  position: absolute;
  right: 6%;
  width: 0.58rem;
  height: 0.51rem;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.brandWh li:nth-child(1):after {
  background-image: url(../img/brand_01.png);
}
.brandWh li:nth-child(2):after {
  background-image: url(../img/brand_02.png);
}
.brandWh li:nth-child(3):after {
  background-image: url(../img/brand_03.png);
}
.brandWh li:nth-child(4):after {
  background-image: url(../img/brand_04.png);
}
.brandZz {
  display: table;
  clear: both;
  background-color: #fff;
  position: relative;
  z-index: 2;
}
.brandZz .s1,
.brandZz .s2 {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.brandZz .s1 {
  width: 42.7%;
}
.brandZz .s2 img {
  display: block;
  width: 100%;
}
.brandZz .s1 .s1_1 {
  display: inline-block;
  vertical-align: middle;
  width: 61%;
  text-align: left;
}
.brandHzkh {
  padding: 1.2rem 10.5% 0.2rem 10.5%;
  text-align: center;
  background-color: #fff;
  position: relative;
  z-index: 2;
}
.brandHzkh .sTitle {
  margin-bottom: 0.2rem;
}
.brandHzkh .s1 {
  display: block;
  width: 100%;
  padding-top: 0.7rem;
  margin-bottom: 0.7rem;
}
.brandHzkh .s2 {
  padding-top: 0.3rem;
  display: block;
  width: 100%;
}
.brandHzkh .sm {
  font-size: 0.26rem;
}
.brandHzkh .sm br {
  display: none;
}
@media screen and (max-width: 1024px) {
  .brandJs {
    padding: 0 10%;
  }
  .brandWh li p {
    font-size: 0.2rem;
    line-height: 0.3rem;
  }
  .brandWh li p br {
    display: block;
  }
  .zw {
    font-size: 0.2rem;
    line-height: 0.4rem;
  }
  .brandZz {
    display: block;
  }
  .brandZz .s1,
  .brandZz .s2 {
    display: block;
    width: 100%;
  }
  .brandZz .s1 {
    width: 100%;
  }
  .brandZz .s2 img {
    display: block;
    width: 100%;
  }
  .brandZz .s1 .s1_1 {
    padding: 1rem 0;
    display: block;
    width: 80%;
    margin: auto;
  }
  .brandHzkh {
    padding: 1.2rem 10.5% 0.2rem 10.5%;
    text-align: center;
    background-color: #fff;
    position: relative;
    z-index: 2;
  }
  .brandHzkh .sTitle {
    margin-bottom: 0.2rem;
  }
  .brandHzkh .s1 {
    display: block;
    width: 100%;
    padding-top: 0.7rem;
    margin-bottom: 0.7rem;
  }
  .brandHzkh .s2 {
    padding-top: 0.3rem;
    display: block;
    width: 100%;
  }
  .brandHzkh .sm {
    line-height: 0.4rem;
  }
  .brandHzkh .sm br {
    display: block;
  }
}
.matching_list1 {
  color: #fff;
}
.matching_list1 {
  padding-top: 1.2rem;
  overflow: hidden;
}
.matching_list1 .sTitle span:after {
  background-color: #fff;
}
.matching_list1 .s1 {
  margin-left: 1.4rem;
  display: inline-block;
  width: 4.4rem;
  position: relative;
  z-index: 2;
}
.matching_list1 .s1 .sm {
  font-size: 0.26rem;
  line-height: 0.4rem;
  font-weight: bold;
}
.matching_list1 .s2 {
  margin-left: 1.4rem;
  display: inline-block;
  position: relative;
  z-index: 2;
}
.matching_list1 .s2 strong {
  font-size: 0.24rem;
}
.matching_list1 .s2 p {
  font-size: 0.24rem;
}
@media screen and (max-width: 1024px) {
  .matching_list1 .s2 {
    margin-bottom: 1rem;
  }
  .matching_list1 .s2 p {
    padding-right: 10%;
  }
}
.matching_list1 .before {
  top: -9.8rem;
}
.matching_list1 .after {
  bottom: -2.1rem;
}
.matching_list1 .matchingInfo_1 {
  position: relative;
  z-index: 10;
}
.matching_list1 .swiper-button,
.matching_list5 .swiper-button {
  clear: both;
  padding: 0.8rem 12.9% 0.75rem 12.9%;
  position: relative;
  z-index: 2;
  text-align: right;
}
.matching_list1 .swiper-button-prev,
.matching_list5 .swiper-button-prev {
  display: inline-block;
  float: none;
  margin-left: 0.15rem;
}
.matching_list1 .swiper-button-next,
.matching_list5 .swiper-button-next {
  display: inline-block;
  float: none;
  margin-left: 0.15rem;
}
.matching_list1 .swiper-slide {
  width: 3.3rem;
  border-radius: 0.25rem;
  background-color: #fff;
  padding: 0.3rem 0.45rem 1.25rem 0.45rem;
  margin: 0 0.125rem;
  color: #000;
  margin-bottom: 1.4rem;
}
.matching_list1 .swiper-slide h4 img {
  display: block;
  width: 1.2rem;
  border-radius: 50%;
  float: left;
}
.matching_list1 .swiper-slide h4 p {
  display: block;
  width: 1.88rem;
  float: right;
  font-size: 0.36rem;
  line-height: 0.45rem;
  padding-top: 0.25rem;
}
.matching_list1 .swiper-slide h4 p span {
  display: block;
  font-size: 0.22rem;
  font-weight: normal;
}
.matching_list1 .swiper-slide ol {
  padding-top: 0.2rem;
  clear: both;
  margin-left: 0.2rem;
}
.matching_list1 .swiper-slide ol li,
.educationJs_1 ol li {
  list-style-type: disc;
  font-size: 0.18rem;
  line-height: 0.29rem;
}
@media screen and (max-width: 1024px) {
  .matching_list1 .swiper-button,
  .matching_list5 .swiper-button {
    display: none;
  }
}
.educationJs_1 ol {
  max-width: 3.8rem;
}
.educationJs_1 ol li {
  width: 100%;
  padding: 0px;
  margin: 0px;
  clear: both;
  width: auto;
}
.matching_list1 .swiper-slide div {
  position: absolute;
  left: 0px;
  bottom: 0.35rem;
  width: 100%;
  text-align: center;
}
.matching_list1 .swiper-slide div a.mBt {
  margin: auto;
  font-size: 0.24rem;
  width: 2.45rem;
  background-color: #000;
}
.matching_list1 .swiper-slide div a.mBt:hover {
  color: #000;
  background-color: rgba(0, 0, 0, 0);
}
.matching_list1 .swiper-container,
.matching_list5 .swiper-container {
  width: 100%;
  position: relative;
  z-index: 3;
}
.matching_list1 .swiper-slide:nth-child(1),
.matching_list5 .swiper-slide:nth-child(1) {
  /* margin-left:1.40rem; */
}
.matching_list1 .bg,
.matching_list5 .bg {
  background-color: #fff;
  width: 100%;
  height: 2.7rem;
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 1;
}
.matching_list2 {
  clear: both;
  display: table;
  width: 100%;
}
.matching_list2 li {
  display: table-cell;
}
.matching_list2 li.s1 {
  padding-left: 1.45rem;
  width: 5.4rem;
}
.matching_list2 li.s1 .sTitle {
  margin-bottom: 0.35rem;
}
.matching_list2 li.s1 .sm {
  font-size: 0.26rem;
  line-height: 0.4rem;
  font-weight: bold;
  margin-bottom: 0.75rem;
}
.matching_list2 li.s1 .kxbb {
  padding-top: 1.2rem;
  font-size: 0.24rem;
  line-height: 0.4rem;
  margin-bottom: 0.85rem;
}
.matching_list2 li.s1 .kxbb strong {
  display: block;
}
.matching_list2 li.s2 {
  min-height: 8.24rem;
  background-image: url(../uploadFiles/matching_03.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.matching_list2 li.s2 img {
  display: none;
}
@media screen and (max-width: 1024px) {
  .matching_list2 {
    display: block;
  }
  .matching_list2 li {
    display: block;
  }
  .matching_list2 li.s1 {
    width: auto;
    padding-right: 10%;
  }
  .matching_list2 li.s1 .kxbb {
    padding-top: 0.5rem;
  }
  .matching_list2 li.s2 {
    min-height: inherit;
    background-image: none;
  }
  .matching_list2 li.s2 img {
    display: block;
  }
}
.matching_list3 {
  padding: 0px;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .matching_list3 {
    padding: 0 10%;
  }
}
.matching_list3 .brandWh li {
  width: 44.9%;
  padding: 0px 0 0px 3.5%;
  margin-bottom: 0.3rem;
  height: 1.4rem;
  line-height: 1.4rem;
  vertical-align: middle;
}
.matching_list3 .brandWh li h5 {
  display: inline-block;
  font-size: 0.26rem;
  line-height: 0.33rem;
  vertical-align: middle;
}
.br {
  display: none;
}
@media screen and (max-width: 1024px) {
  .br {
    display: block;
  }
}
.matching_list3 .brandWh li:after {
  top: 50%;
  right: 6%;
  width: 0.69rem;
  height: 0.51rem;
  margin-top: -0.25rem;
  background-image: url(../img/matching_01_1.png);
}
.matching_list3 .brandWh li:nth-child(2):after {
  background-image: url(../img/matching_01_2.png);
}
.matching_list3 .brandWh li:nth-child(3):after {
  background-image: url(../img/matching_01_3.png);
}
.matching_list3 .brandWh li:nth-child(4):after {
  background-image: url(../img/matching_01_4.png);
}
.matching_list3 .before {
  top: -9.8rem;
  left: -7rem;
}
.matching_list5 .before {
  top: -8.4rem;
  left: -5.2rem;
  width: 11.2rem;
  height: 11.2rem;
}
.matching_list3 .after,
.matching_list4 .after {
  bottom: -7.8rem;
  right: -5.7rem;
}
.matching_list4 {
  display: table;
  width: 100%;
  clear: both;
}
.matching_list4 li {
  display: table-cell;
}
.matching_list4 li.s1 {
  height: 7.4rem;
  background-image: url(../uploadFiles/matching_04.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.matching_list4 li.s1 img {
  display: none;
}
.matching_list4 li.s2 {
  width: 41.6%;
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width: 1024px) {
  .matching_list4 {
    display: block;
  }
  .matching_list4 li {
    display: block;
  }
  .matching_list4 li.s1 {
    height: auto;
    background-image: none;
  }
  .matching_list4 li.s1 img {
    display: block;
  }
  .matching_list4 li.s2 {
    width: 80%;
    margin: auto;
    padding: 1rem 0;
  }
}
.matching_list4 li.s2 div {
  display: inline-block;
}
.matching_list4 li.s2 div img {
  width: 1.63rem;
}
.matching_list4 li.s2 div strong {
  display: block;
  font-size: 0.18rem;
  text-align: center;
  display: block;
  margin-bottom: 0.45rem;
  clear: both;
}
.matching_list4 li.s2 div .sTitle,
.matching_list5 .sTitle {
  display: block;
  font-size: 0.26rem;
  margin-bottom: 0;
}
.matching_list4 li.s2 div .sTitle span,
.matching_list5 .sTitle span {
  padding-bottom: 0.05rem;
  margin-bottom: 0.1rem;
}
.matching_list5 {
  padding: 1.65rem 0 0 0;
  color: #fff;
  overflow: hidden;
}
.matching_list5:after {
  bottom: -3.4rem;
}
.matching_list5 .contact {
  position: relative;
  z-index: 3;
  text-align: center;
}
.matching_list5 .contact .ewm,
.cMainInfo .ewm {
  display: inline-block;
  font-size: 0px;
  padding-right: 0.48rem;
}
.matching_list5 .contact .ewm li {
  display: inline-block;
  margin-right: 0.3rem;
  text-align: center;
}
.matching_list5 .contact .ewm li img,
.cMainInfo .ewm img {
  width: 1.63rem;
  display: block;
  margin-bottom: 0.1rem;
}
.matching_list5 .contact .ewm li p,
.cMainInfo .ewm p {
  font-weight: bold;
  font-size: 0.2rem;
  font-weight: bold;
}
.matching_list5 .contact .sTitle {
  display: inline-block;
  text-align: left;
  vertical-align: top;
}
@media screen and (max-width: 1024px) {
  .matching_list5 .contact .ewm,
  .cMainInfo .ewm {
    text-align: center;
    padding-right: 0rem;
  }

  .matching_list5 .contact .sTitle {
    display: block;
    text-align: center;
    padding: 0.5rem 0 0.5rem 0;
  }
  .matching_list5 .contact .ewm li:nth-child(2) {
    margin-right: 0rem;
  }
}
.matching_list5 .contact .sTitle span:after {
  background-color: #fff;
}
.matching_list5 .swiper-button {
  padding: 0.45rem 12.9% 0.6rem 12.9%;
}
.matching_list5 .swiper-slide {
  width: 5.95rem;
  height: 3.9rem;
  padding: 0.3rem;
  margin: 0.175rem;
  border-radius: 0.3rem;
  background-color: #fff;
  margin-bottom: 1rem;
}

.matching_list5 .swiper-slide img {
  width: 5.95rem;
  height: 3.9rem;
  display: block;
}
@media screen and (max-width: 1024px) {
  .matching_list5 .swiper-slide {
    width: 4.05rem;
    padding: 0.2rem;
    height: auto;
  }
  .matching_list5 .swiper-slide img {
    width: 4.05rem;
    height: auto;
  }
}
.matching_list6 {
  background-image: url(../img/matching_bg_2_1.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-color: #1d2080;
  background-position: center center;
  padding: 1.65rem 5% 1.8rem 5%;
}
@media screen and (max-width: 1024px) {
  .matching_list6 {
    padding: 1rem 10% 1rem 10%;
  }
}
.matching_list6 .mainINfo {
  max-width: 13rem;
  margin: auto;
}
.matching_list6_nav {
  margin-bottom: 0.68rem;
  height: auto;
  overflow: hidden;
}
.matching_list6_nav div {
  clear: both;
}
.matching_list6_nav a {
  display: block;
  width: 15.8%;
  margin-right: 1%;
  margin-bottom: 0.28rem;
  height: 0.56rem;
  line-height: 0.56rem;
  vertical-align: middle;
  border-radius: 0.28rem;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  float: left;
  font-size: 0.18rem;
}
.matching_list6_nav a:nth-child(6n) {
  margin-right: 0px;
}
@media screen and (max-width: 750px) {
  .matching_list6_nav {
    margin-bottom: 0.2rem;
  }
  .matching_list6 {
    padding: 1rem 5% 1rem 5%;
  }
  .matching_list6_nav a {
    display: block;
    width: 33%;
    margin-right: 0.5%;
    margin-bottom: 0.15rem;
  }
  .matching_list6_nav a:nth-child(3n) {
    margin-right: 0px;
  }
}
.matching_list6_nav a:hover,
.matching_list6_nav a.sed {
  background-color: rgba(255, 255, 255, 1);
  color: #000;
}
.matching_list6_show {
  background-color: #fff;
  border-radius: 0.2rem;
  padding: 0.35rem 8.8% 0.7rem 8.8%;
  font-size: 0;
  clear: both;
}
.matching_list6_show .s1 {
  background-image: url(../img/matching_02.png);
  background-size: auto 0.52rem;
}
.matching_list6_show a {
  display: inline-block;
  height: 0.52rem;
  line-height: 0.52rem;
  font-size: 0.18rem;
  color: #1d2080;
  padding: 0 0.4rem 0 0.1rem;
}
.newsBanner {
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  height: 5.95rem;
}
.newsBanner .bgQu {
  width: 100%;
  padding-top: 2.35rem;
  text-align: center;
  height: 3.6rem;
  color: #fff;
}
.newsBanner .bgQu h4 {
  font-size: 0.3rem;
  position: relative;
  z-index: 20;
}
.newsBanner .bgQu h3.mTitle span {
  border-bottom: solid 2px #fff;
}
.newsBanner .bgQu .before {
  top: -9.8rem;
}
.newsBanner .bgQu .after {
  bottom: -8.3rem;
}
@media screen and (max-width: 1024px) {
  .bgQu .before {
    width: 12rem;
    height: 12rem;
  }
  .newsBanner .bgQu .after {
    bottom: -8.5rem;
  }
}
.newsListBg {
  height: 4.4rem;
  background-color: #f3f4f9;
  width: 100%;
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 1;
}
.newsList {
  position: relative;
  clear: both;
  z-index: 3;
  max-width: 13rem;
  margin: 0 auto 0 auto;
  padding-top: 3.95rem;
}
.newsListMain {
  background-color: #fff;
  padding: 0.6rem 5% 0.5rem 5%;
  margin-bottom: 0.35rem;
  min-height: 5rem;
}
.newsMore .newsListMain {
  padding: 0rem 5% 0.5rem 5%;
}
.newsListMain li {
  display: block;
  height: 1.29rem;
  line-height: 1.29rem;
  vertical-align: middle;
  border-bottom: solid 1px #c0c0c0;
  display: block;
  width: 100%;
  font-size: 0px;
}
.newsListMain li p {
  font-size: 0.14rem;
  line-height: 0.14rem;
  color: #1a1a1a;
  text-align: left;
  display: inline-block;
  vertical-align: middle;
}
.newsListMain li p:nth-child(1) {
  padding-left: 1.2%;
  width: 11%;
}
.newsListMain li p:nth-child(2) {
  width: 15%;
}
.newsListMain li p:nth-child(3) {
  width: 48%;
  margin-right: 2%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.newsListMain li p a {
  padding-right: 0.22rem;
  background-image: url(../img/ico_jt3.png);
  background-repeat: no-repeat;
  background-position: right center;
  vertical-align: middle;
  display: inline-block;
}
@media screen and (max-width: 1024px) {
  .newsListMain li p:nth-child(1) {
    width: 18%;
  }
  .newsListMain li p:nth-child(3) {
    font-size: 0.2rem;
    line-height: 0.2rem;
  }
}
.newsListMain li:last-child {
  border-bottom: 0px;
}
.newsListMain b {
  display: inline-block;
  height: 0.26rem;
  line-height: 0.26rem;
  vertical-align: middle;
  text-align: center;
  width: 74.8%;
  min-width: 0.8rem;
  max-width: 1.67rem;
  border-radius: 0.13rem;
  background-color: #838591;
  color: #fff;
  font-weight: normal;
  vertical-align: middle;
}
.newsMoreInfo b {
  font-size: 0.18rem;
  height: 0.32rem;
  line-height: 0.32rem;
  border-radius: 0.16rem;
}
.newsListMain .zw {
  padding-top: 1rem;
}
.cBanner:after {
  background-color: #f3f4f9;
}
.contactMain {
  background-color: #f3f4f9;
  padding: 0.97rem 15% 1.7rem 15%;
}
.cMainInfo {
  position: relative;
  padding-right: 2.5rem;
}
.cMainInfo .sTitle {
  margin-bottom: 0.35rem;
}
.cMainInfo .zw {
  line-height: 0.29rem;
}
.cMainInfo .zw strong {
  font-size: 0.24rem;
  margin-bottom: 0.1rem;
}
.cMainInfo .ewm {
  position: absolute;
  right: 3.4%;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .contactMain {
    padding: 0.97rem 15% 1rem 15%;
  }
  .cMainInfo {
    position: relative;
    padding-right: 0rem;
    padding-bottom: 2rem;
  }
  .cMainInfo .ewm {
    right: none;
    left: 0px;
    bottom: 0rem;
    text-align: center;
  }
}
.cMainInfo .ewm img {
  width: 1.34rem;
}
.cMainInfo .ewm p {
  width: 1.34rem;
  font-size: 0.16rem;
}
.teachingJs {
  overflow: hidden;
}
.teachingJs .s2 {
  clear: both;
  height: auto;
  overflow: hidden;
  margin-bottom: 0.7rem;
}
.teachingJs .s3 {
  clear: both;
}
.teachingJs li {
  width: 21.2%;
  padding: 0;
  height: 1.4rem;
  line-height: 1.4rem;
  vertical-align: middle;
  margin-right: 1.7%;
  padding-right: 11%;
}
.teachingJs li:nth-child(2n) {
  float: left;
}
.teachingJs li:nth-child(3) {
  float: left;
  margin-right: 0%;
}
.teachingJs li h5 {
  font-size: 0.26rem;
  line-height: 0.33rem;
  vertical-align: middle;
  display: inline-block;
  margin-bottom: 0px;
  padding-left: 0.23rem;
}
.teachingJs li:after {
  top: 50%;
  right: 6%;
  width: 0.68rem;
  height: 0.52rem;
  margin-top: -0.26rem;
  background-image: url(../img/teaching_101.png);
}
.teachingTs li:nth-child(1):after {
  background-image: url(../img/teaching_101.png);
}
.teachingTs li:nth-child(2):after {
  background-image: url(../img/teaching_102.png);
}
.teachingTs li:nth-child(3):after {
  background-image: url(../img/teaching_103.png);
}
@media screen and (max-width: 1024px) {
  .teachingJs li {
    width: 32.2%;
    height: auto;
    line-height: normal;
    vertical-align: top;
    padding-right: 0%;
    padding-top: 1.3rem;
    padding-bottom: 0.3rem;
  }
  .teachingJs li h5 {
    vertical-align: top;
    display: block;
    text-align: center;
    padding-left: 0;
  }
  .teachingJs li:after {
    top: 0.4rem;
    right: 50%;
    margin-top: -0rem;
    margin-right: -0.34rem;
  }
}
.teachingJs li:nth-child(2):after {
  background-image: url(../img/teaching_102.png);
}
.teachingJs li:nth-child(3):after {
  background-image: url(../img/teaching_103.png);
}
.teachingJsgz {
  text-align: center;
  padding: 1rem 5% 1.15rem 5%;
}
@media screen and (max-width: 1024px) {
  .teachingJsgz {
    padding: 1rem 10% 0.5rem 10%;
  }
}
.teachingJsgz .s1 {
  max-width: 9.5rem;
  margin: auto;
}
.teachingCj {
  overflow: hidden;
  clear: both;
}
.teachingCj .before {
  top: -4.3rem;
  left: -4.5rem;
  width: 10.6rem;
  height: 10.6rem;
}
.teachingCj .after {
  display: none;
}
.teachingCjList {
  padding-top: 0.8rem;
}
.teachingJsgz .s1 li {
  width: 48.7%;
  float: left;
  text-align: left;
}
.teachingJsgz .s1 li:nth-child(2n) {
  float: right;
}
.teachingJsgz .s1 li div {
  display: block;
  overflow: hidden;
  margin-bottom: 0.2rem;
}
.teachingJsgz .s1 li img {
  display: block;
  transform: scale(1);
  -webkit-transition: all 0.25s linear 0.25s;
  transition: all 0.25s linear 0.25s;
}
.teachingJsgz .s1 li:hover img {
  display: block;
  transform: scale(1.1);
  -webkit-transition: all 0.25s linear 0.25s;
  transition: all 0.25s linear 0.25s;
}
.teachingJsgz .s1 li h4 {
  font-size: 0.24rem;
  clear: both;
  margin-bottom: 0.5rem;
}
.teachingCjList li {
  width: 44%;
  float: left;
  border: solid 0.2rem #fff;
  border-radius: 0.1rem;
  margin-bottom: 0.3rem;
  -webkit-box-shadow: 0.05rem 0.05rem 0.09rem rgba(0, 0, 0, 0.2);
  box-shadow: 0.05rem 0.05rem 0.09rem rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 1024px) {
  .teachingCjList li {
    width: 2.51rem;
    border: solid 0.1rem #fff;
    margin-bottom: 0.3rem;
  }
}
.teachingCjList li:nth-child(2n) {
  float: right;
}
.teachingCjList li img {
  display: block;
}
.teachingJsgz img {
  display: block;
  margin: auto;
}
.educationJs .bMain {
  max-width: 13.14rem;
  color: #fff;
  padding-left: 5%;
  padding-right: 5%;
}
.educationJs .bMain .mTitle {
  text-align: center;
  margin-bottom: 0.85rem;
}
.educationJs .bMain .mTitle span {
  border-bottom: solid 2px #fff;
}
.educationJs_1 {
  margin-bottom: 0.8rem;
  height: auto;
  overflow: hidden;
}
.educationJs_1 li.i1 {
  width: 36.5%;
  float: left;
}
.educationJs_1 li.i1 .sTitle {
  margin-bottom: 0.55rem;
}
.educationJs_1 li.i1 strong {
  display: block;
  font-size: 0.24rem;
}
.educationJs_1 li.i2 {
  width: 60.8%;
  float: right;
}
@media screen and (max-width: 1024px) {
  .educationJs .bMain {
    max-width: inherit;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
  }
  .educationJs_1 li.i1 {
    width: auto;
    display: inline-block;
    margin: auto;
    float: none;
    text-align: left;
    padding-bottom: 0.5rem;
    text-align: left;
  }
  .educationJs_1 li.i2 {
    width: 80%;
    margin: auto;
    float: none;
  }
  .educationJs .bMain .mTitle {
    margin-bottom: 0.5rem;
  }
  .educationJs_1 li.i1 .sTitle {
    margin-bottom: 0.3rem;
    text-align: center;
  }
}
.educationJs_1 li.i2 img {
  display: block;
}
.educationJs_2 {
  margin-bottom: 2.05rem;
  height: auto;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .educationJs_2 {
    margin: 0 10% 1rem 10%;
  }
}
.educationJs_2 strong {
  display: block;
  font-size: 0.24rem;
  margin-bottom: 0.18rem;
}
.educationJs_2 div img:nth-child(1) {
  width: 52.5%;
  display: block;
  float: left;
}
.educationJs_2 div img:nth-child(2) {
  width: 46.8%;
  display: block;
  float: right;
}
.educationJs .swiper-button {
  text-align: right;
}
.educationJs .swiper-button .sTitle {
  float: left;
  display: inline-block;
  margin: 0px;
}
.educationJs .swiper-button .i1 {
  display: inline-block;
}
@media screen and (max-width: 1024px) {
  .educationJs .swiper-button {
    text-align: center;
  }
  .educationJs .swiper-button .sTitle {
    float: none;
  }
  .educationJs .swiper-button .i1 {
    display: none;
  }
}
.educationJs .swiper-button .swiper-button-prev,
.educationJs .swiper-button .swiper-button-next {
  margin: 0px;
  padding: 0px;
  position: relative;
}
.educationJs .swiper-button .swiper-button-next,
.educationJsPxfw .swiper-button .swiper-button-next {
  margin-right: -0.45rem;
  margin-left: 0.15rem;
}
.educationJs {
  padding: 0px;
  overflow: hidden;
}
.educationJs:after {
  width: 9.3rem;
  height: 9.3rem;
  bottom: -3.82rem;
}
.educationJs .swiper-slide,
.educationJsPxfw .swiper-slide {
  width: 5.36rem;
  border-radius: 0.4rem;
  overflow: hidden;
  margin: 0 0.175rem 1.45rem 0.175rem;
  -webkit-box-shadow: 0.05rem 0.05rem 0.09rem rgba(0, 0, 0, 0.2);
  box-shadow: 0.05rem 0.05rem 0.09rem rgba(0, 0, 0, 0.2);
}
.educationJs .swiper-slide:nth-child(1),
.educationJsPxfw .swiper-slide:nth-child(1),
.steamJsJy .swiper-slide:nth-child(1) {
  margin-left: 1.4rem;
}
.educationJs .swiper-slide a,
.educationJsPxfw .swiper-slide a,
.educationJs .swiper-slide div.m1,
.educationJsPxfw .swiper-slide div.m1 {
  display: block;
  width: 4.35rem;
  padding: 0.505rem 0.505rem 3.3rem 0.505rem;
  position: relative;
  color: #000;
  background-color: #fff;
}
.educationJs .swiper-slide a p,
.educationJsPxfw .swiper-slide a p,
.educationJs .swiper-slide div.m1 p,
.educationJsPxfw .swiper-slide div.m1 p {
  font-size: 0.18rem;
  line-height: 0.29rem;
}
.educationJs .swiper-slide a .sTitle,
.educationJsPxfw .swiper-slide a .sTitle,
.educationJs .swiper-slide div.m1 .sTitle,
.educationJsPxfw .swiper-slide div.m1 .sTitle {
  margin-bottom: 0.35rem;
}
.educationJs .swiper-slide a img,
.educationJsPxfw .swiper-slide a img,
.educationJs .swiper-slide div.m1 img,
.educationJsPxfw .swiper-slide div.m1 img {
  display: block;
  position: absolute;
  width: 4.35rem;
  left: 50%;
  margin-left: -2.17rem;
  bottom: 0.505rem;
}
@media screen and (max-width: 1024px) {
  .educationJs .swiper-slide,
  .educationJsPxfw .swiper-slide {
    width: 4.66rem;
  }
  .educationJs .swiper-slide a,
  .educationJsPxfw .swiper-slide a,
  .educationJs .swiper-slide div.m1,
  .educationJsPxfw .swiper-slide div.m1 {
    display: block;
    width: 3.65rem;
  }
  .educationJs .swiper-slide a img,
  .educationJsPxfw .swiper-slide a img,
  .educationJs .swiper-slide div.m1 img,
  .educationJsPxfw .swiper-slide div.m1 img {
    width: 3.65rem;
    margin-left: -1.875rem;
  }
  .educationJs .swiper-slide a p,
  .educationJsPxfw .swiper-slide a p,
  .educationJs .swiper-slide div.m1 p,
  .educationJsPxfw .swiper-slide div.m1 p {
    font-size: 0.2rem;
    line-height: 0.35rem;
  }
}
.educationJsJsgz {
  padding: 0 5% 1.2rem 5%;
}
.educationJsJsgz .s1 {
  position: absolute;
  padding: 1.6rem 0 0 0;
  max-width: 13rem;
  position: relative;
  margin: auto;
}
.educationJsJsgz .s1 .tEwm {
  position: absolute;
  top: 0.8rem;
  right: 0rem;
}
.educationJsJsgz .s2 {
  clear: both;
}
.educationJsJsgz .s2 li {
  width: 48.5%;
  float: left;
}
.educationJsJsgz .s2 li:nth-child(2n) {
  float: right;
}
.educationJsJsgz .s2 li img {
  display: block;
  width: 100%;
  margin-bottom: 0.5rem;
}
.educationJsJsgz .s2 li h4 {
  font-size: 0.24rem;
  margin-bottom: 0.2rem;
}
.educationJsJsgz .s2 li p {
  display: block;
  font-size: 0.18rem;
  line-height: 0.3rem;
  margin-bottom: 0.5rem;
}
.educationJsPxfw {
  padding-top: 1.4rem;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .educationJsJsgz {
    padding: 1rem 10% 0 10%;
    text-align: center;
  }
  .educationJsJsgz .s1 {
    padding: 1rem 0 0 0;
  }
  .educationJsJsgz .s1 .tEwm {
    position: relative;
    top: auto;
    right: auto;
    margin-bottom: 0.5rem;
  }
  .educationJsJsgz .s2 {
    clear: both;
  }
  .educationJsJsgz .s2 li {
    width: 100%;
    float: none;
    text-align: left;
  }
  .educationJsJsgz .s2 li:nth-child(2n) {
    float: none;
  }
  .educationJsJsgz .s2 li img {
    display: block;
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .educationJsJsgz .s2 li p {
    display: block;
    font-size: 0.2rem;
    line-height: 0.35rem;
  }
  .educationJsJsgz .s2 li h4 {
    font-size: 0.3rem;
  }
  .educationJsPxfw {
    padding-top: 1rem;
    text-align: center;
  }
}
.educationJsPxfw .before {
  display: none;
}
.educationJsPxfw .after {
  bottom: -3.33rem;
}
.educationJsPxfw .swiper-button {
  padding-right: 1.4rem;
}
.educationJsPxfw .swiper-button .sTitle {
  margin-bottom: 0.85rem;
  margin-left: 1.4rem;
  color: #fff;
  float: left;
  display: inline-block;
}
@media screen and (max-width: 1024px) {
  .educationJsPxfw .swiper-button .sTitle {
    margin-bottom: 1rem;
    margin-left: 0rem;
    float: none;
  }
}
.educationJsPxfw .swiper-button .sTitle span:after {
  background-color: #fff;
}
.educationJsPxfw .i1 {
  display: inline-block;
  float: right;
}
@media screen and (max-width: 1024px) {
  .educationJsPxfw .swiper-button {
    text-align: center;
    padding-right: 0rem;
  }
  .educationJsPxfw .i1 {
    display: none;
  }
}
.educationJsPxfw .swiper-container {
  clear: both;
  position: relative;
  z-index: 5;
}
.educationJsPxfw .bg {
  background-color: #fff;
  width: 100%;
  height: 2.35rem;
  position: absolute;
  left: 0rem;
  bottom: 0rem;
  z-index: 1;
}
.steamJs .bMain {
  max-width: 100%;
  margin: 0 auto 0 1.4rem;
  padding: 2rem 0 1.7rem 0;
  position: relative;
  z-index: 5;
  color: #fff;
}
.steamJs {
  padding: 0rem;
  overflow: hidden;
}
.steamJs .after {
  width: 9.2rem;
  height: 9.2rem;
  bottom: -3.7rem;
}
.steamJs .sTitle {
  position: absolute;
  left: 0rem;
  top: 50%;
  margin-top: -0.52rem;
}
.steamJs h3.sTitle span:after,
.steamJsJy h3.sTitle span:after {
  background-color: #fff;
}
.steamJs_01 {
  width: 4.9rem;
  height: 3.09rem;
  background-image: url(../uploadFiles/steam_02.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  margin: auto;
}
@media screen and (max-width: 1024px) {
  .steamJs .bMain {
    padding: 1rem 0 1.7rem 0;
  }
  .steamJs .sTitle {
    position: relative;
    left: auto;
    top: auto;
    margin-top: 0rem;
    text-align: center;
    margin-bottom: 1.5rem;
  }
  .steamJs .bMain {
    margin: 0 auto 0 0rem;
  }
}
.steamJs_01 div {
  position: absolute;
  text-align: center;
}
.steamJs_01 div h4 {
  font-size: 0.34rem;
  margin-bottom: 0.08rem;
}
.steamJs_01 div p {
  font-size: 0.24rem;
  display: block;
}
.steamJs_01 div.i1 {
  top: -0.9rem;
  left: 0.2rem;
}
.steamJs_01 div.i2 {
  bottom: -0.8rem;
  left: -0.25rem;
}
.steamJs_01 div.i3 {
  bottom: -0.3rem;
  right: -0.6rem;
}
.steamJsTzcl {
  padding: 1rem 5% 1.2rem 5%;
  text-align: center;
}
.steamJsTzcl ul {
  font-size: 0rem;
}
.steamJsTzcl ul li {
  display: inline-block;
  margin: 0 3.5%;
}
@media screen and (max-width: 1024px) {
  .steamJsTzcl ul li {
    width: 43%;
    margin: 0 3.5%;
  }
  .steamJsTzcl ul li:nth-child(1),
  .steamJsTzcl ul li:nth-child(2) {
    margin-bottom: 0.5rem;
  }
}
.steamJsTzcl ul li:before {
  content: ' ';
  width: 0.61rem;
  height: 0.69rem;
  background-size: 100% 100%;
  background-image: url(../img/steam_01_1.png);
  display: block;
  margin: 0 auto 0.15rem auto;
}
.steamJsTzcl ul li:nth-child(2):before {
  background-image: url(../img/steam_01_2.png);
}
.steamJsTzcl ul li:nth-child(3):before {
  background-image: url(../img/steam_01_3.png);
}
.steamJsTzcl ul li:nth-child(4):before {
  background-image: url(../img/steam_01_4.png);
}
.steamJsTzcl ul li h4 {
  font-size: 0.36rem;
  font-weight: normal;
}
.steamJsTzcl ul li p {
  font-size: 0.28rem;
  display: block;
}
.steamJsJy {
  padding: 1.35rem 0 0 0;
  color: #fff;
  position: relative;
}
.steamJsJy .bg {
  height: 1.9rem;
  width: 100%;
  background-color: #fff;
  position: absolute;
  left: 0rem;
  bottom: 0rem;
  z-index: 2;
}
.steamJsJy .before {
  display: none;
}
.steamJsJy .after {
  bottom: -2.8rem;
  height: 11rem;
  width: 11rem;
}
.steamJsJy .swiper-button {
  padding: 0 0 0.5rem 0;
  margin: 0 7.3%;
  position: relative;
  z-index: 3;
  font-size: 0rem;
}
.steamJsJy .swiper-button .sTitle {
  margin-right: 11%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0rem;
  margin-bottom: 0.36rem;
}
.steamJsJy .swiper-button .js {
  font-size: 0.24rem;
  line-height: 0.4rem;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0.36rem;
}
.steamJsJy .swiper-button .i1 {
  position: absolute;
  right: 7.3%;
  bottom: 0.2rem;
}
@media screen and (max-width: 1024px) {
  .steamJsJy .swiper-button {
    margin: 0 10% 0 1.35rem;
  }
  .steamJsJy .swiper-button .i1 {
    display: none;
  }
}
.steamJsJy .swiper-button-next {
  margin-left: 0.17rem;
}
.steamJsJy .swiper-slide {
  margin: 0 0.14rem;
  padding: 0.64rem 0.4rem 0.9rem 0.4rem;
  width: 3.09rem;
  background-color: #fff;
  -webkit-box-shadow: 0.05rem 0.05rem 0.09rem rgba(0, 0, 0, 0.2);
  box-shadow: 0.05rem 0.05rem 0.09rem rgba(0, 0, 0, 0.2);
  border-radius: 0.2rem;
  color: #000;
  margin-bottom: 1.05rem;
}
.steamJsJy .swiper-slide:nth-child(1) {
  width: 3.09rem;
  margin: 0 0.14rem 0 1.35rem;
}
.steamJsJy .swiper-slide h4 {
  padding: 0 0 0 1.4rem;
  position: relative;
  height: 1.24rem;
  font-size: 0.36rem;
  line-height: 1.24rem;
  vertical-align: middle;
  margin-bottom: 0.32rem;
}
.steamJsJy .swiper-slide h4:before {
  content: ' ';
  display: block;
  width: 1.41rem;
  height: 1.24rem;
  background-image: url(../img/steam_02_1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  margin-top: -0.67rem;
  left: 0rem;
}
.steamJsJy .swiper-slide:nth-child(2) h4:before {
  background-image: url(../img/steam_02_2.png);
}
.steamJsJy .swiper-slide:nth-child(3) h4:before {
  background-image: url(../img/steam_02_3.png);
}
.steamJsJy .swiper-slide:nth-child(4) h4:before {
  background-image: url(../img/steam_02_4.png);
}
.steamJsJy .swiper-slide p {
  font-size: 0.18rem;
  line-height: 0.29rem;
}
@media screen and (max-width: 1024px) {
  .steamJsJy .swiper-slide p {
    font-size: 0.2rem;
    line-height: 0.35rem;
  }
}
.steamJsJy .swiper-container {
  position: relative;
  z-index: 3;
}
.steamJsClh {
  clear: both;
  display: table;
  width: 89%;
  margin-left: 11%;
  margin-bottom: 1.2rem;
}
.steamJsClh div.s1,
.steamJsClh div.s2 {
  display: table-cell;
  vertical-align: top;
}
.steamJsClh div.s1 {
  padding-top: 1.25rem;
}
.steamJsClh div.s1 .sTitle {
  margin-bottom: 0.45rem;
}
.steamJsClh div.s1 .sm {
  width: 6.04rem;
  font-size: 0.24rem;
  line-height: 0.4rem;
  margin-bottom: 0.45rem;
}
.steamJsClh div.s1 .sm img {
  display: block;
  padding-top: 0.35rem;
}
.steamJsClh div.s1 .sm2 {
  width: 6.04rem;
  font-weight: bold;
  font-size: 0.24rem;
  line-height: 0.4rem;
  margin-bottom: 1.3rem;
}
.steamJsClh div.s2 {
  background-image: url(../uploadFiles/steam_03.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.steamJsClh div.s2 img {
  visibility: hidden;
}
@media screen and (max-width: 1024px) {
  .steamJsClh {
    display: block;
    width: 100%;
    margin: 0px;
    text-align: center;
  }
  .steamJsClh div.s1,
  .steamJsClh div.s2 {
    display: block;
    clear: both;
  }
  .steamJsClh div.s1 {
    padding-top: 0.5rem;
    display: inline-block;
  }
  .steamJsClh div.s1 .sm {
    width: auto;
    margin-bottom: 0.5rem;
  }
  .steamJsClh div.s1 .sm2 {
    width: auto;
    margin-bottom: 1rem;
  }
  .steamJsClh div.s2 {
    background-image: url(../uploadFiles/steam_03.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .steamJsClh div.s2 img {
    visibility: hidden;
  }
}
.steamJsZxclh {
  color: #fff;
}
.steamJsZxclh .after {
  display: none;
}
.steamJsZxclh .before {
  display: block;
  width: 10.6rem;
  height: 10.6rem;
  left: -4.5rem;
  top: -4.25rem;
}
.steamJsZxclh .swiper-button {
  text-align: center;
  padding-bottom: 1.7rem;
  position: relative;
}
.steamJsZxclh .swiper-button .i1 {
  position: absolute;
  right: 1.4rem;
  bottom: 0.5rem;
}
.steamJsZxclh .swiper-button .s1 {
  display: inline-block;
  text-align: left;
  vertical-align: top;
}
.steamJsZxclh .swiper-button .s1 img {
  display: block;
  float: left;
  width: 1.78rem;
  margin: 0 0.24rem 0.25rem 0;
}
.steamJsZxclh .swiper-button .s1 p {
  display: block;
  font-weight: bold;
  font-size: 0.24rem;
  clear: both;
}
.steamJsZxclh .swiper-button .s2 {
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.steamJsZxclh .swiper-button .sTitle {
  margin-bottom: 0.68rem;
  margin-left: 0rem;
  display: block;
}
.steamJsZxclh .swiper-button .s2 .sm {
  clear: both;
  font-size: 0.24rem;
  line-height: 0.4rem;
}
.steamJsZxclh .bg {
  height: 3.4rem;
}
@media screen and (max-width: 1024px) {
  .steamJsZxclh .swiper-button .s1 {
    margin-bottom: 0.5rem;
  }
  .steamJsZxclh .swiper-button {
    padding-bottom: 0.5rem;
    text-align: center;
    margin-left: 1.25rem;
  }
  .steamJsZxclh .swiper-button .i1 {
    display: none;
  }
}
.newsNav {
  padding: 0.5rem 0 0 0;
  text-align: center;
  background-color: #fff;
  width: 100%;
}
.newsNav a {
  font-size: 0px;
  width: 1.4rem;
  line-height: 0.36rem;
  line-height: 0.36rem;
  vertical-align: middle;
  color: #fff;
  font-size: 0.18rem;
  border-radius: 0.18rem;
  background-color: #1d2080;
  display: inline-block;
  margin: 0 0.15rem;
}
.newsNav a.sed {
  background-color: #000;
}
.newsNav a {
  display: inline-block;
}
.newsPage {
  clear: both;
  width: 100%;
  max-width: 13rem;
  margin: 0 auto 1rem auto;
  position: relative;
  z-index: 99;
  text-align: center;
}
@media screen and (max-width: 1300px) {
  .newsNav {
    margin-bottom: -1px;
  }
  .newsPage {
    width: 95%;
  }
}
.newsPage span {
  display: inline-block;
  padding: 0 0.1rem;
  position: relative;
}
.newsPage a {
  display: inline-block;
  padding: 0 0.1rem;
  position: relative;
}
.newsPage a strong {
  font-weight: normal;
  font-size: 0.14rem;
}
.newsPage .prebt {
  float: left;
  padding-left: 0.65rem;
  position: relative;
  text-align: left;
}
.newsPage .prebt:after,
.newsPage .nextbt:after {
  content: ' ';
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  position: absolute;
  bottom: -0.1rem;
  background-color: #fff;
  border-radius: 0.2rem;
  z-index: 1;
  -webkit-transition: all 0.25s linear 0.25s;
  transition: all 0.25s linear 0.25s;
}
.newsNp .prebt:after,
.newsNp .nextbt:after {
  bottom: 0rem;
  background-color: #fff;
  border-radius: 0.2rem;
}
.newsPage a strong {
  display: block;
  padding-top: 0.05rem;
}
.newsPage .disabled {
  opacity: 0.5;
}
.newsPage .current {
  color: #182980;
}
.newsPage .prebt:after {
  left: 0px;
}
.newsPage .nextbt:after {
  right: 0px;
}
.newsPage .prebt svg,
.newsPage .nextbt svg {
  width: 0.12rem;
  height: 0.12rem;
  display: block;
  vertical-align: middle;
  z-index: 3;
  position: absolute;
  bottom: 0.05rem;
}
.newsNp .prebt svg,
.newsNp .nextbt svg {
  bottom: 0.13rem;
}
.newsPage .prebt svg line,
.newsPage .prebt svg path,
.newsPage .nextbt svg line,
.newsPage .nextbt svg path {
  stroke: #000000;
  stroke-width: 0.03rem;
}
.newsPage .nextbt svg {
  transform: rotate(90deg);
  right: 0.14rem;
}
.newsPage .prebt svg {
  transform: rotate(-90deg);
  left: 0.14rem;
}
.newsPage .prebt:hover:after,
.newsPage .nextbt:hover:after {
  transform: scale(1.2);
  -webkit-transition: all 0.25s linear 0.25s;
  transition: all 0.25s linear 0.25s;
}
.newsPage .disabled:hover:after {
  transform: scale(1);
}
.newsPage .nextbt {
  float: right;
  padding-right: 0.65rem;
  position: relative;
  text-align: right;
}
footer {
  width: 100%;
  max-width: 19.2rem;
  margin: auto;
  position: relative;
  overflow: hidden;
  clear: both;
  clear: both;
}
footer .before {
  left: -6.4rem;
  top: -7.8rem;
  width: 12rem;
  height: 12rem;
}
footer .after {
  bottom: -6.7rem;
}
.footer {
  padding: 0.8rem 10% 0.8rem 10%;
  max-width: 12rem;
  margin: auto;
  position: relative;
  z-index: 3;
}
.footer .fInfo {
  min-height: 3.3rem;
  padding-bottom: 0.7rem;
  position: relative;
}
.footer .footerNav {
  float: left;
  max-width: 1.8rem;
  font-size: 0.18rem;
  text-align: left;
  margin-right: 0.8rem;
}
.footer .footerNav li {
  clear: both;
}
.footer .footerNav a {
  display: inline-block;
  padding-bottom: 0.03rem;
  position: relative;
  margin-bottom: 0.15rem;
  color: #fff;
}
.footer .footerNav a:after {
  content: ' ';
  display: block;
  position: absolute;
  height: 1px;
  font-size: 0px;
  left: 0px;
  bottom: 0px;
  background-color: #fff;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.25s linear 0.25s;
  transition: all 0.25s linear 0.25s;
}
.footer .footerNav a:hover:after,
.footer .footerNav a.sed:after {
  opacity: 1;
  -webkit-transition: all 0.25s linear 0.25s;
  transition: all 0.25s linear 0.25s;
}
.footer ul.ewm {
  width: auto;
  display: inline-block;
  float: right;
  font-size: 0px;
}
.footer .ewm li {
  display: block;
  float: left;
  width: 1.33rem;
  float: left;
  margin-left: 0.17rem;
  text-align: center;
  color: #fff;
}
.footer .ewm li img {
  display: block;
}
.footer .ewm li p {
  font-size: 0.16rem;
  display: block;
  padding-top: 0.15rem;
  font-weight: bold;
}
.footer .footerLogo {
  position: absolute;
  left: 0rem;
  bottom: 0.15rem;
}
.footer .footerLogo img {
  display: block;
  float: left;
  height: 0.41rem;
}
.footer .footerLogo p {
  display: block;
  float: left;
  font-size: 0.26rem;
  color: #fff;
  height: 0.41rem;
  line-height: 0.41rem;
  vertical-align: middle;
  padding-left: 0.2rem;
  margin-left: 0.2rem;
  border-left: solid 1px #ffffff;
  font-weight: normal;
}
.copyRight {
  clear: both;
  border-top: solid 1px #fff;
  padding-top: 0.15rem;
  text-align: left;
  color: #fff;
}
.copyRight a {
  color: #fff;
}
@media screen and (max-width: 750px) {
  .footer .footerNav {
    margin-right: 0.3rem;
  }
}
@media screen and (max-width: 1024px) {
  footer .before {
    top: -8rem;
  }
  footer .after {
    bottom: -10.7rem;
  }
  .copyRight {
    line-height: 0.3rem;
  }
}
.copyRight li {
  display: inline-block;
  padding-right: 3.3%;
  font-size: 0.16rem;
}
.copyRight li:last-child {
  padding-right: 0%;
}
.closeNav {
  display: inline-block;
  cursor: pointer;
  position: absolute;
  right: 0.45rem;
  top: 50%;
  margin-top: -16px;
  z-index: 999;
}
.line1,
.line2,
.line3 {
  width: 27px;
  height: 2px;
  background-color: #7f7f7f;
  margin: 6px 0;
  transition: 0.4s;
}
header.sed .line1 {
  -webkit-transform: rotate(-45deg) translate(-0.05rem, 0.06rem);
  transform: rotate(-45deg) translate(-5px, 6px);
  background-color: #7f7f7f;
}

header.sed .line2 {
  opacity: 0;
}
header.sed .line3 {
  -webkit-transform: rotate(45deg) translate(-5px, -6px);
  transform: rotate(45deg) translate(-5px, -6px);
  background-color: #7f7f7f;
}
@media screen and (min-width: 1367px) {
  .closeNav {
    display: none;
  }
}
@media screen and (max-width: 641px) {
  .closeNav {
    right: 8%;
  }
}