@charset "utf-8";
:root {
  --color: #00d1d1;
  --vh: 100vh;
}
/*字体*/
@font-face {
  font-family: "youbiao";
  src: url("../font/youbiao.TTF") format("truetype");
}
@font-face {
  font-family: "shu";
  src: url("../font/OPPOSans-M.ttf") format("truetype");
}
@font-face {
  font-family: "shuzidin";
  src: url("../font/DIN\ NEXT\ LT\ PRO\ MEDIUM.OTF") format("opentype");
}
.font-shuzi {
  font-family: "shu", 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
}
.font-youbiao {
  font-family: youbiao;
}
.fontshuzidin {
  font-family: "shuzidin", 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
}
* {
  padding: 0;
  margin: 0;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: calc(100vw/19.2);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scrollbar-width: thin;
}
html ::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
html ::-webkit-scrollbar-thumb {
  /*滚动条-滑块*/
  border-radius: 3px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #354b9c;
}
html ::-webkit-scrollbar-track {
  /*滚动条-背景*/
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  background: #ededed;
}
@media (min-width: 1901px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 1580px) {
  html {
    font-size: 66px;
  }
}
@media (max-width: 767px) {
  html {
    font-size: calc(100vw/7.5);
  }
}
body {
  min-height: 100%;
  font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  background: #fff;
}
@media (max-width: 1580px) {
  body {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  body {
    font-size: 0.28rem;
  }
}
img {
  max-width: 100%;
  border: 0;
  vertical-align: top;
}
li {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: normal;
}
a,
a:hover,
a:focus {
  text-decoration: none;
}
input,
button {
  -webkit-appearance: none;
  border-radius: 0;
}
button {
  cursor: pointer;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
textarea {
  resize: none;
  overflow: auto;
}
input,
button,
textarea,
select {
  border: 0;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: normal;
  color: inherit;
  background: transparent;
}
select {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select::-ms-expand {
  display: none;
}
table {
  border-collapse: collapse;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clear {
  zoom: 1;
}
.clear:after {
  content: '';
  display: block;
  clear: both;
}
.container {
  margin: 0 auto;
  width: 94%;
  max-width: 1800px;
}
@media (max-width: 1260px) {
  .container {
    width: 90%;
  }
}
.font16 {
  font-size: 16px;
}
@media (max-width: 1580px) {
  .font16 {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .font16 {
    font-size: 0.28rem;
  }
}
.public-scrollbar {
  scrollbar-width: thin;
}
.public-scrollbar ::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.public-scrollbar ::-webkit-scrollbar-thumb {
  /*滚动条-滑块*/
  border-radius: 3px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #354b9c;
}
.public-scrollbar ::-webkit-scrollbar-track {
  /*滚动条-背景*/
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  background: #ededed;
}
.public-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.2rem;
  min-width: 1rem;
}
.public-img {
  display: block;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.public-img::before {
  content: "";
  display: block;
  position: relative;
  z-index: 0;
  padding-top: 100%;
}
.public-img > img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.public-content {
  color: #666;
  line-height: 1.8;
}
.public-content a {
  color: #666;
}
.public-content table {
  max-width: 100%;
}
.public-content table td,
.public-content table th {
  padding: 10px 15px;
  border: 1px solid #dbf1ed;
}
.public-content li {
  margin-left: 15px;
  list-style: disc;
}
.public-content ol {
  margin-left: 15px;
  list-style: decimal;
}
.public-content img,
.public-content video {
  max-width: 100%;
  height: auto !important;
}
#hi-upgrade {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: #fff;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
}
#hi-upgrade .hi-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -177px 0 0 -450px;
  width: 900px;
}
#hi-upgrade .hi-wrap .hi-title {
  font-size: 30px;
  line-height: 40px;
  color: #333;
}
#hi-upgrade .hi-wrap .hi-close {
  margin: 10px 0;
  display: inline-block;
  cursor: pointer;
  font-size: 18px;
  color: #354b9c;
}
#hi-upgrade .hi-wrap .hi-close:hover {
  text-decoration: underline;
}
#hi-upgrade .hi-wrap .hi-text1 {
  color: #666;
}
#hi-upgrade .hi-wrap .hi-text1 span {
  color: #354b9c;
}
#hi-upgrade .hi-wrap .hi-text2 {
  position: relative;
  margin: 60px 0;
  color: #333;
}
#hi-upgrade .hi-wrap .hi-text2::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  width: 100%;
  border-top: 1px solid #ddd;
}
#hi-upgrade .hi-wrap .hi-text2 span {
  position: relative;
  z-index: 5;
  padding: 0 30px;
  background: #fff;
}
#hi-upgrade .hi-wrap .hi-list {
  overflow: hidden;
}
#hi-upgrade .hi-wrap .hi-list li {
  display: inline-block;
  width: 16%;
}
#hi-upgrade .hi-wrap .hi-list li div {
  margin: 0 auto 5px;
  width: 50px;
  height: 50px;
}
#hi-upgrade .hi-wrap .hi-list li a {
  color: #666;
}
#hi-upgrade .hi-wrap .hi-list li a:hover {
  color: #354b9c;
}
#hi-upgrade .hi-wrap .hi-list li .hi-ico1 {
  background: url(../images/hi-llq-1.jpg) no-repeat center / 100%;
}
#hi-upgrade .hi-wrap .hi-list li .hi-ico2 {
  background: url(../images/hi-llq-2.jpg) no-repeat center / 100%;
}
#hi-upgrade .hi-wrap .hi-list li .hi-ico3 {
  background: url(../images/hi-llq-3.jpg) no-repeat center / 100%;
}
#hi-upgrade .hi-wrap .hi-list li .hi-ico4 {
  background: url(../images/hi-llq-4.jpg) no-repeat center / 100%;
}
#hi-upgrade .hi-wrap .hi-list li .hi-ico5 {
  background: url(../images/hi-llq-5.jpg) no-repeat center / 100%;
}
#hi-upgrade .hi-wrap .hi-list li .hi-ico6 {
  background: url(../images/hi-llq-6.jpg) no-repeat center / 100%;
}
/* 占位标签，设置导航样式 */
#c-placeholder {
  height: 1rem;
}
@media (max-width: 991px) {
  #c-placeholder {
    height: 1.2rem;
  }
}
/*顶部*/
#c-header {
  display: flex;
  align-items: center;
  height: 0.85rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 900;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  line-height: 0.85rem;
  text-align: center;
  color: #373737;
  transition: 0.3s;
}
@media (max-width: 991px) {
  #c-header {
    line-height: 1.2rem;
    height: 1.2rem;
  }
}
#c-header a {
  color: #373737;
  transition: 0.3s;
}
#c-header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991px) {
  #c-header .container {
    height: 1.2rem;
  }
}
#c-header .c-right-box {
  display: flex;
  align-items: center;
}
#c-header.c-head-move {
  top: -1rem;
}
@media (max-width: 991px) {
  #c-header.c-head-move {
    top: -1.2rem;
  }
}
#c-header.c-style2 {
  color: #333;
  background: #ffffff;
}
#c-header.c-style2 a {
  color: #333;
}
/*顶部logo*/
#c-header .c-logo {
  display: flex;
  align-items: center;
}
#c-header .c-logo .c-img-box {
  display: flex;
  align-items: center;
}
#c-header .c-logo .c-img-box img {
  width: 1.5rem;
  height: 0.28rem;
}
@media (max-width: 991px) {
  #c-header .c-logo .c-img-box img {
    width: 1.8rem;
    height: 0.336rem;
  }
}
#c-header .c-logo .c-img-box svg {
  width: 1.5rem;
  height: 0.28rem;
}
@media (max-width: 991px) {
  #c-header .c-logo .c-img-box svg {
    width: 2rem;
    height: 0.37rem;
  }
}
#c-header .c-logo span {
  display: inline-block;
  margin-left: 0.2rem;
  padding-left: 0.2rem;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 767px) {
  #c-header .c-logo span {
    display: none;
  }
}
/*顶部pc导航*/
#c-header .c-nav {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  #c-header .c-nav {
    display: none;
  }
}
#c-header .c-nav > li {
  position: relative;
  margin-right: 0.7rem;
}
#c-header .c-nav > li:last-child {
  margin-right: 0;
}
#c-header .c-nav > li > .c-title-box {
  display: flex;
  align-items: center;
  cursor: pointer;
}
#c-header .c-nav > li > .c-title-box > a {
  display: flex;
  align-items: center;
}
#c-header .c-nav > li > .c-title-box img,
#c-header .c-nav > li > .c-title-box svg {
  margin-left: 0.05rem;
  width: 10px;
  height: 6px;
}
#c-header .c-nav > li > .c-title-box img path,
#c-header .c-nav > li > .c-title-box svg path {
  fill: #333;
  transition: all 0.3s;
}
#c-header .c-nav > li > .c-title-box + .cn100 {
  width: 300vw;
  box-shadow: none;
  background-color: transparent;
}
#c-header .c-nav > li > .c-title-box + .cn100 em {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: 300vw;
  height: 1.24rem;
  background-color: rgba(255, 255, 255, 0.9);
}
#c-header .c-nav > li > .c-title-box + .cn100 .cn101 {
  border-bottom: 0;
  display: inline-block;
}
#c-header .c-nav > li > .c-title-box + .cn100 .cn101 .cn102 {
  line-height: 1.24rem;
  color: #666666;
  padding: 0 0.4rem;
  position: relative;
}
#c-header .c-nav > li > .c-title-box + .cn100 .cn101 .cn102:hover {
  color: #354b9c;
}
#c-header .c-nav > li > .c-title-box + .cn100 .cn101 .cn102::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 0.68rem;
  background-color: #d4d4d4;
}
#c-header .c-nav > li > .c-title-box + .cn100 .cn101:last-child .cn102::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 0.68rem;
  background-color: #d4d4d4;
}
#c-header .c-nav > li a:before {
  display: none;
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 0;
  height: 2px;
  background: #354b9c;
  transition: 0.3s;
}
#c-header .c-nav li a {
  position: relative;
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#c-header .c-nav ul {
  position: absolute;
  top: 100%;
  left: 50%;
  display: none;
  min-width: 1.5rem;
  line-height: 0.5rem;
  background: #fff;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
#c-header .c-nav ul li {
  border-bottom: 1px solid #eee;
}
#c-header .c-nav ul li:last-child {
  border: 0;
}
#c-header .c-nav ul li a {
  color: #333;
}
#c-header.c-style2 .c-nav li.on > .c-title-box > a,
#c-header .c-nav li:hover > .c-title-box > a,
#c-header .c-nav li.on > a,
#c-header .c-nav li:hover > a {
  color: #354b9c;
}
#c-header.c-style2 .c-nav li.on > .c-title-box > a:before,
#c-header .c-nav li:hover > .c-title-box > a:before,
#c-header .c-nav li.on > a:before,
#c-header .c-nav li:hover > a:before {
  width: 100%;
}
#c-header.c-style2 .c-nav li.on > .c-title-box svg path,
#c-header .c-nav li:hover > .c-title-box svg path {
  fill: #354b9c !important;
}
#c-header.c-style2 .c-nav li .c-title-box svg path {
  fill: #333;
}
/*顶部移动端导航*/
#c-header .c-nav2 {
  position: absolute;
  top: 1.2rem;
  left: 0;
  width: 100%;
  height: 0;
  line-height: 1rem;
  color: #333;
  background: #fff;
  overflow-y: auto;
  transition: 0.3s;
  text-align: left;
}
#c-header .c-nav2 > li:last-child {
  border-bottom: 1px solid #f1f1f1;
}
#c-header .c-nav2 li {
  padding: 0 0.5rem;
  border-top: 1px solid #f1f1f1;
}
@media (max-width: 767px) {
  #c-header .c-nav2 li {
    padding: 0 0.5rem;
  }
}
#c-header .c-nav2 li .c-title-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#c-header .c-nav2 li .c-title-box img,
#c-header .c-nav2 li .c-title-box svg {
  width: 0.3rem;
  height: 0.3rem;
  transition: all 0.3s;
}
#c-header .c-nav2 li .c-title-box img path,
#c-header .c-nav2 li .c-title-box svg path {
  fill: #333;
}
#c-header .c-nav2 li .c-title-box.on img,
#c-header .c-nav2 li .c-title-box.on svg {
  transform: rotate(90deg);
}
#c-header .c-nav2 li a {
  color: #333;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#c-header .c-nav2 li a:hover,
#c-header .c-nav2 li.on > a {
  color: #354b9c;
}
#c-header .c-nav2 li ul {
  display: none;
}
.c-open #c-header .c-nav2 {
  height: calc(100vh - 1.2rem);
}
/*顶部导航开关*/
#c-header .c-switch {
  position: relative;
  display: none;
  width: 0.48rem;
  height: 0.4rem;
  cursor: pointer;
}
@media (max-width: 991px) {
  #c-header .c-switch {
    display: block;
  }
}
#c-header .c-switch i {
  position: absolute;
  left: 0;
  height: 2px;
  width: 100%;
  background: #333;
  transition: all 0.3s;
}
#c-header .c-switch i:nth-child(1) {
  top: 0;
}
#c-header .c-switch i:nth-child(3) {
  bottom: 0;
}
#c-header .c-switch i:nth-child(2) {
  top: 50%;
  margin-top: -1px;
}
#c-header.c-style2 .c-switch i {
  background: #333;
}
body.c-open #c-header .c-switch i:nth-child(2) {
  opacity: 0;
}
body.c-open #c-header .c-switch i:nth-child(1) {
  top: 50%;
  margin-top: -1px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
body.c-open #c-header .c-switch i:nth-child(3) {
  bottom: 50%;
  margin-bottom: -1px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* 顶部功能区 */
#c-header .c-gn {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  #c-header .c-gn {
    position: absolute;
    right: calc(5% + 0.8rem);
  }
}
#c-header .c-gn .ztop-language {
  display: flex;
  align-items: center;
  position: relative;
}
@media (max-width: 1260px) {
  #c-header .c-gn .ztop-language {
    display: none;
  }
}
#c-header .c-gn .ztop-language .cn1 {
  display: flex;
  align-items: center;
}
#c-header .c-gn .ztop-language .cn1 svg {
  width: 0.31rem;
  height: 0.25rem;
}
#c-header .c-gn .ztop-language .cn2 {
  opacity: 0;
  top: 0;
  transition: all 0.5s;
  margin-top: 0.2rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  padding: 5px;
  border-radius: 30px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  line-height: 1.5em;
  height: auto;
}
#c-header .c-gn .ztop-language .cn2 .cn3 {
  display: block;
  color: #999;
  text-align: center;
  line-height: 50px;
  height: auto;
  position: relative;
}
#c-header .c-gn .ztop-language .cn2 .cn3::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 60%;
  height: 1px;
  background-color: #e5e5e5;
}
#c-header .c-gn .ztop-language .cn2 .cn3:last-child::before {
  display: none;
}
#c-header .c-gn .ztop-language .cn2 .cn3.on {
  background-color: #354b9c;
  border-radius: 50%;
  color: #fff;
}
#c-header .c-gn .ztop-language .cn2 .cn3.on2::before {
  display: none;
}
#c-header .c-gn .ztop-language .cn2 .cn3:hover {
  background-color: #354b9c;
  border-radius: 50%;
  color: #fff;
}
#c-header .c-gn .ztop-language .cn2 .cn3:hover::before {
  display: none;
}
#c-header .c-gn .ztop-language:hover .cn2 {
  opacity: 1;
  top: 100%;
}
#c-header .c-gn .ztop-search {
  margin: 0.1rem 0;
  line-height: 0.65rem;
  height: 0.65rem;
  display: flex;
  align-items: center;
  margin-left: 0.2rem;
  transition: all 0.5s;
  cursor: pointer;
}
@media (max-width: 991px) {
  #c-header .c-gn .ztop-search {
    line-height: 0.7rem;
    height: 0.7rem;
  }
}
#c-header .c-gn .ztop-search form {
  padding-left: 0;
  width: auto;
}
#c-header .c-gn .ztop-search .cn1 {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
  width: 0.57rem;
  height: 0.57rem;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 991px) {
  #c-header .c-gn .ztop-search .cn1 {
    width: 0.7rem;
    height: 0.7rem;
  }
}
#c-header .c-gn .ztop-search .cn1 img {
  width: 0.2rem;
  height: 0.21rem;
}
@media (max-width: 991px) {
  #c-header .c-gn .ztop-search .cn1 img {
    width: 0.3rem;
    height: 0.32rem;
  }
}
#c-header .c-gn .ztop-search .cn1 svg {
  width: 0.2rem;
  height: 0.21rem;
}
@media (max-width: 991px) {
  #c-header .c-gn .ztop-search .cn1 svg {
    width: 0.3rem;
    height: 0.32rem;
  }
}
#c-header .c-gn .ztop-search .cn1 svg path {
  fill: #354b9c;
  stroke: none;
  opacity: 1;
  filter: none;
}
#c-header .c-gn .ztop-search .ztopsearch99 {
  border: 1px solid #eee;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100vw;
  background-color: #fff;
  padding: 0.8rem 0 1rem;
  display: none;
}
#c-header .c-gn .ztop-search .ztopsearch99 .box {
  width: 8rem;
  margin: 0 auto;
  position: relative;
  line-height: 0.56rem;
}
#c-header .c-gn .ztop-search .ztopsearch99 .box input {
  width: 100%;
  line-height: 0.56rem;
  border-radius: 0.28rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0 1.5rem 0 0.25rem;
}
#c-header .c-gn .ztop-search .ztopsearch99 .box button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.05rem;
  height: calc(100% - 0.1rem);
  width: 1.2rem;
  border-radius: 0.24rem;
  background-color: #354b9c;
  color: #fff;
}
#c-go-top {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 999;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #354b9c;
  cursor: pointer;
}
@media (max-width: 767px) {
  #c-go-top {
    display: none !important;
  }
}
#c-go-top img,
#c-go-top svg {
  width: 50%;
  height: 50%;
  transform: rotate(-90deg);
}
#c-go-top img path,
#c-go-top svg path {
  fill: #ffff;
}
#c-code-pop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 910;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
#c-code-pop .c-img-box {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 20px;
  width: 200px;
  border-radius: 5px;
  background: #fff;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#c-code-pop .c-img-box .c-close {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  bottom: -60px;
  left: 50%;
  margin-left: -20px;
  cursor: pointer;
  background-color: #fff;
  border-radius: 50%;
  transition: all 0.5s;
}
#c-code-pop .c-img-box .c-close img,
#c-code-pop .c-img-box .c-close svg {
  margin: 4px;
  width: 18px;
  height: 18px;
}
#c-code-pop .c-img-box .c-close img path,
#c-code-pop .c-img-box .c-close svg path {
  fill: #333;
  transition: all 0.5s;
}
#c-code-pop .c-img-box .c-close:hover {
  background-color: #354b9c;
}
#c-code-pop .c-img-box .c-close:hover svg path {
  fill: #fff;
}
#c-code-pop .c-img-box > img {
  width: 100%;
}
#c-code-pop .c-img-box .c-text {
  padding-top: 10px;
  line-height: 1;
  text-align: center;
  color: #333;
}
.textflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.textflow2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.textflow3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.textflow4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.textflow10 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.font64 {
  font-size: 0.64rem;
}
.font60 {
  font-size: 0.6rem;
}
.font58 {
  font-size: 0.58rem;
}
.font56 {
  font-size: 0.56rem;
}
@media (max-width: 991px) {
  .font56 {
    font-size: 0.5rem;
  }
}
.font54 {
  font-size: 0.54rem;
}
.font52 {
  font-size: 0.52rem;
}
.font50 {
  font-size: 0.5rem;
}
.font48 {
  font-size: 0.48rem;
}
.font46 {
  font-size: 0.46rem;
}
.font44 {
  font-size: 0.44rem;
}
.font42 {
  font-size: 0.42rem;
}
.font40 {
  font-size: 0.4rem;
}
@media (max-width: 991px) {
  .font40 {
    font-size: 0.4rem;
  }
}
.font38 {
  font-size: 0.38rem;
}
@media (max-width: 991px) {
  .font38 {
    font-size: 0.4rem;
  }
}
.font36 {
  font-size: 0.36rem;
}
@media (max-width: 991px) {
  .font36 {
    font-size: 0.4rem;
  }
}
.font34 {
  font-size: 0.34rem;
}
@media (max-width: 991px) {
  .font34 {
    font-size: 0.4rem;
  }
}
.font32 {
  font-size: 0.32rem;
}
@media (max-width: 991px) {
  .font32 {
    font-size: 0.4rem;
  }
}
.font30 {
  font-size: 0.3rem;
}
@media (max-width: 991px) {
  .font30 {
    font-size: 0.4rem;
  }
}
.font28 {
  font-size: 0.28rem;
}
@media (max-width: 991px) {
  .font28 {
    font-size: 0.4rem;
  }
}
.font26 {
  font-size: 26px;
}
@media (max-width: 1580px) {
  .font26 {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  .font26 {
    font-size: 0.3rem;
  }
}
.font24 {
  font-size: 24px;
}
@media (max-width: 1580px) {
  .font24 {
    font-size: 22px;
  }
}
@media (max-width: 1260px) {
  .font24 {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .font24 {
    font-size: 0.3rem;
  }
}
.font22 {
  font-size: 22px;
}
@media (max-width: 1580px) {
  .font22 {
    font-size: 18px;
  }
}
@media (max-width: 1260px) {
  .font22 {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .font22 {
    font-size: 0.3rem;
  }
}
.font20 {
  font-size: 20px;
}
@media (max-width: 1580px) {
  .font20 {
    font-size: 18px;
  }
}
@media (max-width: 1260px) {
  .font20 {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .font20 {
    font-size: 0.3rem;
  }
}
.font18 {
  font-size: 18px;
}
@media (max-width: 1580px) {
  .font18 {
    font-size: 16px;
  }
}
@media (max-width: 1260px) {
  .font18 {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .font18 {
    font-size: 0.28rem;
  }
}
.font16 {
  font-size: 16px;
}
@media (max-width: 1580px) {
  .font16 {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .font16 {
    font-size: 0.28rem;
  }
}
.font14 {
  font-size: 14px;
}
@media (max-width: 1580px) {
  .font14 {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .font14 {
    font-size: 0.24rem;
  }
}
.font12 {
  font-size: 12px;
}
.font-b {
  font-weight: bold;
}
.public-btn1 {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 26px;
  height: 50px;
  border-radius: 25px;
  background-color: #354b9c;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s;
  border: 1px solid #354b9c;
  overflow: hidden;
}
@media (max-width: 1580px) {
  .public-btn1 {
    height: 42px;
  }
}
@media (max-width: 767px) {
  .public-btn1 {
    padding: 0 0.4rem;
    height: 0.8rem;
    border-radius: 0.4rem;
  }
}
.public-btn1 span {
  position: relative;
  z-index: 5;
}
.public-btn1 img,
.public-btn1 svg {
  position: relative;
  z-index: 5;
  margin-left: 0.1rem;
  width: 12px;
  height: 12px;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .public-btn1 img,
  .public-btn1 svg {
    width: 0.24rem;
    height: 0.24rem;
  }
}
.public-btn1 img path,
.public-btn1 svg path {
  fill: #fff;
  transition: all 0.3s;
}
.public-btn1:hover img,
.public-btn1:hover svg {
  transform: translateX(0.1rem);
}
.public-btn1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 25px;
  transform: scaleX(0);
  transform-origin: right;
  -webkit-transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
@media (max-width: 767px) {
  .public-btn1::before {
    border-radius: 0.4rem;
  }
}
.public-btn1:hover {
  color: #354b9c;
}
.public-btn1:hover::before {
  transform: scaleX(1);
  transform-origin: left;
}
.public-btn1:hover svg path {
  fill: #354b9c;
}
.public-line {
  width: 100%;
  height: 6px;
  position: relative;
}
.public-line::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #999;
}
.public-line::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 2px;
  height: 6px;
  transform: rotate(30deg);
  background-color: #999;
}
.public-line span {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.public-line span::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: #354b9c;
  transition: all 0.3s;
  transition-delay: 0.1s;
}
.public-line span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 2px;
  height: 0;
  transform: rotate(30deg) translateY(-6px);
  background-color: #354b9c;
  transition: all 0.1s;
}
/**********************************00-01 首页**********************************/
.index-kaiping {
  display: none;
  width: 100%;
  height: 100vh;
  background-color: #354b9c;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.index-kaiping .text-box {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  width: 80%;
}
.index-kaiping .text-box .img1 {
  text-align: center;
}
.index-kaiping .text-box .img1 .cn1a {
  text-align: center;
  color: #fff;
}
.index-kaiping .text-box .cn2 {
  margin-top: 0.7rem;
  text-align: center;
  color: #fff;
}
.index-kaiping .box3 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 500px;
  height: 500px;
}
.index-kaiping .box3 .ball {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 6.5rem;
  height: 6.5rem;
  border-radius: 50%;
  animation: spin 60s infinite linear;
}
.index-kaiping .box3 .ball .inner {
  width: 0.5rem;
  height: 0.5rem;
  animation: spin-reverse 60s infinite linear;
  background-image: url(../images/zimg50.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: absolute;
}
.index-kaiping .box3 .ball .inner .cn4 {
  color: #fff;
}
.index-kaiping .box3 .ball .inner .cn3 {
  color: #fff;
}
.index-kaiping .box3 .ball .inner.guoji {
  width: 4.11rem;
  height: 4.11rem;
  left: -2rem;
  bottom: -2rem;
}
.index-kaiping .box3 .ball .inner.hangye {
  width: 3.22rem;
  height: 3.22rem;
  left: -1.5rem;
  bottom: -1.5rem;
}
.index-kaiping .box3 .ball .inner.chanpin {
  width: 2.72rem;
  height: 2.72rem;
  left: -1.35rem;
  bottom: -1.35rem;
}
.index-kaiping .box3 .ball .inner.zigongsi {
  width: 1.93rem;
  height: 1.93rem;
  left: -1rem;
  bottom: -1rem;
}
.index-kaiping .box3 .ball .inner.zhuanli {
  width: 1.38rem;
  height: 1.38rem;
  left: -0.7rem;
  bottom: -0.7rem;
}
.index-kaiping .box3 .ball .inner.shengchan {
  width: 0.96rem;
  height: 0.96rem;
  left: -0.5rem;
  bottom: -0.5rem;
}
.index-kaiping .box3 .ball.ball2 {
  animation: spin2 60s infinite linear;
}
.index-kaiping .box3 .ball.ball2 .inner {
  animation: spin-reverse2 60s infinite linear;
}
.index-kaiping .box3 .ball.ball3 {
  animation: spin3 60s infinite linear;
}
.index-kaiping .box3 .ball.ball3 .inner {
  animation: spin-reverse3 60s infinite linear;
}
.index-kaiping .box3 .ball.ball4 {
  animation: spin4 60s infinite linear;
}
.index-kaiping .box3 .ball.ball4 .inner {
  animation: spin-reverse4 60s infinite linear;
}
.index-kaiping .box3 .ball.ball5 {
  animation: spin5 60s infinite linear;
}
.index-kaiping .box3 .ball.ball5 .inner {
  animation: spin-reverse5 60s infinite linear;
}
.index-kaiping .box3 .ball.ball6 {
  animation: spin6 60s infinite linear ;
}
.index-kaiping .box3 .ball.ball6 .inner {
  animation: spin-reverse6 60s infinite linear;
}
.index-kaiping.on .text-box {
  animation: spin11 1s  1 linear forwards;
}
.index-kaiping.on .box3 {
  animation: spin10 1s  1 linear forwards;
}
@keyframes spin10 {
  from {
    transform: translate(-50%, -50%) rotate(0deg) scale(1);
    opacity: 1;
  }
  to {
    transform: translate(-50%, -50%) rotate(720deg) scale(0.5);
    opacity: 0;
  }
}
@keyframes spin11 {
  from {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  to {
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0;
  }
}
@keyframes spin {
  from {
    transform: translate(-50%, -50%) rotate(220deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(580deg);
  }
}
@keyframes spin2 {
  from {
    transform: translate(-50%, -50%) rotate(250deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(610deg);
  }
}
@keyframes spin3 {
  from {
    transform: translate(-50%, -50%) rotate(280deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(640deg);
  }
}
@keyframes spin4 {
  from {
    transform: translate(-50%, -50%) rotate(330deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(690deg);
  }
}
@keyframes spin5 {
  from {
    transform: translate(-50%, -50%) rotate(380deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(740deg);
  }
}
@keyframes spin6 {
  from {
    transform: translate(-50%, -50%) rotate(450deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(810deg);
  }
}
@keyframes spin-reverse {
  from {
    transform: rotate(140deg);
  }
  to {
    transform: rotate(-220deg);
  }
}
@keyframes spin-reverse2 {
  from {
    transform: rotate(110deg);
  }
  to {
    transform: rotate(-250deg);
  }
}
@keyframes spin-reverse3 {
  from {
    transform: rotate(80deg);
  }
  to {
    transform: rotate(-280deg);
  }
}
@keyframes spin-reverse4 {
  from {
    transform: rotate(30deg);
  }
  to {
    transform: rotate(-330deg);
  }
}
@keyframes spin-reverse5 {
  from {
    transform: rotate(-20deg);
  }
  to {
    transform: rotate(-380deg);
  }
}
@keyframes spin-reverse6 {
  from {
    transform: rotate(-90deg);
  }
  to {
    transform: rotate(-450deg);
  }
}
.index-banner {
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 100vh;
  margin-top: -1rem;
}
@media (max-width: 991px) {
  .index-banner {
    margin-top: 0;
    height: 10rem;
  }
}
.index-banner .swiper-slide {
  width: 100%;
}
.index-banner .swiper-slide .indexbanner1 {
  width: 100%;
  height: 100%;
  position: relative;
}
.index-banner .swiper-slide .indexbanner1 .img {
  position: relative;
  width: 100%;
  height: 100%;
}
.index-banner .swiper-slide .indexbanner1 .img::before {
  padding-top: 45.3125%;
}
.index-banner .swiper-slide .indexbanner1 .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 991px) {
  .index-banner .swiper-slide .indexbanner1 .img .pc-img {
    display: none;
  }
}
.index-banner .swiper-slide .indexbanner1 .img .mb-img {
  display: none;
}
@media (max-width: 991px) {
  .index-banner .swiper-slide .indexbanner1 .img .mb-img {
    display: block;
  }
}
.index-banner .swiper-slide .indexbanner1 .text {
  z-index: 2;
  position: absolute;
  width: 85%;
  max-height: 1570px;
  margin: 0 auto;
  left: 50%;
  top: 33vh;
  transform: translate(-50%, 0);
}
@media (max-width: 991px) {
  .index-banner .swiper-slide .indexbanner1 .text {
    top: 30%;
    transform: translate(-50%, -50%);
  }
}
.index-banner .swiper-slide .indexbanner1 .text .cn1 {
  position: relative;
  transform: translateY(10%);
  opacity: 0;
  transition: all 0.8s 0s;
}
.index-banner .swiper-slide .indexbanner1 .text .cn1 img {
  height: 1.68rem;
}
@media (max-width: 991px) {
  .index-banner .swiper-slide .indexbanner1 .text .cn1 img {
    width: 4.6rem;
    height: auto;
  }
}
.index-banner .swiper-slide .indexbanner1 .text .cn1 .cn1a {
  color: #fff;
  display: block;
  line-height: 1.16666667em;
}
.index-banner .swiper-slide .indexbanner1 .text .cn2 {
  color: #ffffff;
  line-height: 1.27777778em;
  padding: 0.25rem 0 0.35rem;
  position: relative;
  transform: translateY(10%);
  opacity: 0;
  transition: all 0.8s 0.2s;
}
.index-banner .swiper-slide .indexbanner1 .text .cn10 {
  position: relative;
  transform: translateY(10%);
  opacity: 0;
  transition: all 0.8s 0.4s;
}
.index-banner .swiper-slide .indexbanner1 .text .cn3 {
  display: flex;
  flex-wrap: wrap;
  background-image: url(../images/zimg56.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 5.68rem;
  line-height: 0.81rem;
  padding: 0 0.8rem 0 0.6rem;
}
.index-banner .swiper-slide .indexbanner1 .text .cn3 .cn4 {
  width: 25%;
  border-radius: 4px;
  color: #Fff;
  text-align: center;
}
@media (max-width: 767px) {
  .index-banner .swiper-slide .indexbanner1 .text .cn3 .cn4 {
    font-size: 12px;
  }
}
.index-banner .swiper-slide .indexbanner2 {
  width: 100%;
  height: 100%;
  position: relative;
}
.index-banner .swiper-slide .indexbanner2 .img {
  position: relative;
  width: 100%;
  height: 100%;
}
.index-banner .swiper-slide .indexbanner2 .img::before {
  padding-top: 45.3125%;
}
.index-banner .swiper-slide .indexbanner2 .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 991px) {
  .index-banner .swiper-slide .indexbanner2 .img .pc-img {
    display: none;
  }
}
.index-banner .swiper-slide .indexbanner2 .img .mb-img {
  display: none;
}
@media (max-width: 991px) {
  .index-banner .swiper-slide .indexbanner2 .img .mb-img {
    display: block;
  }
}
.index-banner .swiper-slide .indexbanner2 .text {
  z-index: 2;
  position: absolute;
  width: 85%;
  max-height: 1570px;
  margin: 0 auto;
  left: 50%;
  top: 30%;
  transform: translate(-50%, -50%);
}
.index-banner .swiper-slide .indexbanner2 .text .cn1 {
  text-align: center;
  color: #ffffff;
  transition: all 0.5s;
  opacity: 0;
  position: relative;
  transform: translateY(10%);
  letter-spacing: 5px;
  text-indent: 5px;
}
.index-banner .swiper-slide .indexbanner3 {
  width: 100%;
  height: 100%;
  position: relative;
}
.index-banner .swiper-slide .indexbanner3 .img {
  position: relative;
  width: 100%;
  height: 100%;
}
.index-banner .swiper-slide .indexbanner3 .img::before {
  padding-top: 45.3125%;
}
.index-banner .swiper-slide .indexbanner3 .img::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 4;
}
.index-banner .swiper-slide .indexbanner3 .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-banner .swiper-slide .indexbanner3 .img .bgvideo1 {
  z-index: 2;
}
@media (max-width: 991px) {
  .index-banner .swiper-slide .indexbanner3 .img .bgvideo1 {
    display: none;
  }
}
.index-banner .swiper-slide .indexbanner3 .img video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
@media (max-width: 991px) {
  .index-banner .swiper-slide .indexbanner3 .img .pc-img {
    display: none;
  }
}
.index-banner .swiper-slide .indexbanner3 .img .mb-img {
  display: none;
}
@media (max-width: 991px) {
  .index-banner .swiper-slide .indexbanner3 .img .mb-img {
    display: block;
  }
}
.index-banner .swiper-slide .indexbanner3 .img .yinying {
  z-index: 5;
}
.index-banner .swiper-slide .indexbanner3 .text {
  z-index: 6;
  position: absolute;
  width: 85%;
  max-height: 1570px;
  margin: 0 auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.index-banner .swiper-slide .indexbanner3 .text .cn1 {
  text-align: center;
  color: #ffffff;
  transition: all 0.5s;
  opacity: 1;
  transform: translateY(0);
  opacity: 0;
  position: relative;
  transform: translateY(10%);
}
.index-banner .swiper-slide .indexbanner3 .text .cn2 {
  text-align: center;
  color: #ffffff;
  line-height: 1.11666667em;
  margin: 0.2rem 0 0.1rem;
  transition: all 0.5s 0.1s;
  opacity: 0;
  position: relative;
  transform: translateY(10%);
}
.index-banner .swiper-slide .indexbanner3 .text .cn3 {
  text-align: center;
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-indent: 0.2em;
  transition: all 0.5s 0.2s;
  opacity: 0;
  position: relative;
  transform: translateY(10%);
}
@media (max-width: 991px) {
  .index-banner .swiper-slide .indexbanner3 .text .cn3 {
    letter-spacing: 0.05rem;
    text-indent: 0.05rem;
  }
}
.index-banner .swiper-slide .indexbanner3 .text .cn4 {
  width: 1.16rem;
  height: 1.16rem;
  border: 1px dashed rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0.7rem auto 0;
  cursor: pointer;
  transition: all 0.5s 0.3s;
  opacity: 0;
  position: relative;
  transform: translateY(10%);
  animation: bannerrotate 4s infinite;
}
.index-banner .swiper-slide .indexbanner3 .text .cn4::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #354b9c;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  animation: joinscale 2s infinite;
}
.index-banner .swiper-slide .indexbanner3 .text .cn4::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #354b9c;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  animation: joinscale2 2s infinite;
}
.index-banner .swiper-slide .indexbanner3 .text .cn4 .cn5 {
  position: relative;
  z-index: 3;
  width: 1rem;
  height: 1rem;
  background-color: #FFf;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.03rem solid #354b9c;
  animation: bannerrotate2 4s infinite;
}
.index-banner .swiper-slide .indexbanner3 .text .cn4 .cn5 img {
  width: 0.19rem;
  transition: all 0.4s;
}
.index-banner .swiper-slide .indexbanner3 .text .cn4 .cn5:hover img {
  transform: scale(0.8);
}
.index-banner .swiper-slide.ani-slide .indexbanner1 .text .cn1 {
  transform: translateY(0);
  opacity: 1;
}
.index-banner .swiper-slide.ani-slide .indexbanner1 .text .cn2 {
  transform: translateY(0);
  opacity: 1;
}
.index-banner .swiper-slide.ani-slide .indexbanner1 .text .cn10 {
  transform: translateY(0);
  opacity: 1;
}
.index-banner .swiper-slide.ani-slide .indexbanner2 .text .cn1 {
  opacity: 1;
  transform: translateY(0);
}
.index-banner .swiper-slide.ani-slide .indexbanner3 .text .cn1 {
  transform: translateY(0);
  opacity: 1;
}
.index-banner .swiper-slide.ani-slide .indexbanner3 .text .cn2 {
  transform: translateY(0);
  opacity: 1;
}
.index-banner .swiper-slide.ani-slide .indexbanner3 .text .cn3 {
  transform: translateY(0);
  opacity: 1;
}
.index-banner .swiper-slide.ani-slide .indexbanner3 .text .cn4 {
  transform: translateY(0);
  opacity: 1;
}
@keyframes bannerrotate {
  from {
    transform: translateY(10%) rotate(0deg);
  }
  to {
    transform: translateY(10%) rotate(360deg);
  }
}
@keyframes bannerrotate2 {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
.index-banner .swiperpaginationindexbanner {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  bottom: 0;
  z-index: 6;
}
.index-banner .swiperpaginationindexbanner .swiper-pagination-bullet {
  width: 0.6rem;
  position: relative;
  border-radius: 0;
  opacity: 1;
  height: 0.86rem;
  background-color: transparent;
  margin: 0 5px;
}
.index-banner .swiperpaginationindexbanner .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.05rem;
  background-color: #fff;
  opacity: 0.2;
  border-radius: 3px;
  transition: all 0.4s;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.index-banner .swiperpaginationindexbanner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.index-banner .swiperpaginationindexbanner .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  opacity: 1;
}
.bxlpublicbtn2a {
  margin-top: 0.6rem;
  display: flex;
}
.bxlpublicbtn2a .bxlpublicbtn2 {
  padding: 0 0.2rem;
  background-image: url(../images/nimg1.png);
  min-width: 1.8rem;
  height: 0.62rem;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  display: flex;
}
@media (max-width: 991px) {
  .bxlpublicbtn2a .bxlpublicbtn2 {
    height: 0.76rem;
  }
}
.bxlpublicbtn2a .bxlpublicbtn2 .bcn1 {
  color: #ffffff;
}
.bxlpublicbtn2a .bxlpublicbtn2 .bcn2 {
  margin-left: 0.3rem;
  width: 0.34rem;
  height: 0.34rem;
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  display: flex;
  align-items: center;
  transition: all 0.4s;
  justify-content: center;
}
.bxlpublicbtn2a .bxlpublicbtn2:hover .bcn2 {
  transform: translateX(5px);
}
.index-yuanjing {
  width: 100%;
  overflow: hidden;
  height: 100vh;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #f4f7fc;
}
.index-yuanjing.pc-yuanjing {
  display: block;
}
@media (max-width: 1260px) {
  .index-yuanjing.pc-yuanjing {
    display: none;
  }
}
.index-yuanjing.mb-yuanjing {
  display: none;
}
@media (max-width: 1260px) {
  .index-yuanjing.mb-yuanjing {
    display: flex;
    align-items: center;
  }
}
.index-yuanjing.mb-yuanjing .mb-yuanjing2 {
  width: 100%;
}
.index-yuanjing.mb-yuanjing .container {
  left: 0;
  top: 0;
  transform: initial;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: initial;
  align-items: initial;
}
@media (max-width: 991px) {
  .index-yuanjing {
    height: 70vh;
  }
}
@media (max-width: 767px) {
  .index-yuanjing {
    height: 60vh;
  }
}
.index-yuanjing .canvas-box {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  bottom: 0;
}
.index-yuanjing .canvas-box .divdivdiv {
  opacity: 0.5;
  transform: translateY(4rem);
}
.index-yuanjing .canvas-box .bgvideo {
  width: 100%;
  height: 100%;
  position: relative;
}
.index-yuanjing .canvas-box .bgvideo .bgimg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.index-yuanjing .canvas-box .bgvideo .bgimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-yuanjing .canvas-box .bgvideo video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-yuanjing .container {
  display: flex;
  align-items: center;
  justify-content: space-around;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.index-yuanjing .text {
  position: relative;
  z-index: 3;
  text-align: center;
}
.index-yuanjing .text .text2 span {
  display: initial;
  background: transparent -webkit-linear-gradient(left, #354b9c, #354b9c) no-repeat 0 0;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-size: 0 100%;
  color: white;
  -webkit-text-stroke: 1px #354b9c;
  /* 描边的宽度和颜色 */
}
@media (max-width: 991px) {
  .index-yuanjing .text .text2 span {
    -webkit-text-stroke: 0;
  }
}
.index-yuanjing .text .cn1 {
  text-align: center;
  color: #333333;
  line-height: 1em;
}
.index-yuanjing .text .cn1 span {
  background-size: 100% 100%;
}
.index-yuanjing .text .cn2 {
  margin-top: 0.5rem;
  color: #354b9c;
  text-align: center;
  letter-spacing: 0.5rem;
  text-indent: 0.5rem;
  font-size: 0.6rem;
  line-height: 1em;
}
.index-yuanjing .text .cn2 span {
  background-size: 100% 100%;
}
.index-yuanjing .text .cn3 {
  margin-top: 0.2rem;
  font-size: 0.67rem;
  letter-spacing: 0;
  color: #354b9c;
  line-height: 1em;
}
.index-yuanjing .text .cn3 span {
  background-size: 100% 100%;
}
.index-yuanjing .text .cn4 {
  color: #354b9c;
  font-size: 0.95rem;
  text-align: center;
  display: flex;
  letter-spacing: 0.07rem;
  text-indent: 0.07rem;
  align-items: center;
  justify-content: center;
  line-height: 1em;
  margin: 0.15rem 0;
}
.index-yuanjing .text .cn4 span {
  width: 1.03rem;
  height: 1.03rem;
  background-color: #354b9c;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 50%;
}
.index-yuanjing .text .cn5 {
  color: #354b9c;
  font-size: 0.67rem;
  letter-spacing: 0;
  line-height: 1em;
}
.index-yuanjing .text .cn6 {
  color: #354b9c;
  font-size: 0.95rem;
  line-height: 1em;
  letter-spacing: 0.07rem;
  text-indent: 0.07rem;
  margin-top: 0.1rem;
}
.index-yuanjing .text9 {
  position: relative;
  z-index: 3;
  text-align: center;
}
.index-yuanjing .text9 .text2 span {
  display: initial;
  background: transparent -webkit-linear-gradient(left, #354b9c, #354b9c) no-repeat 0 0;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-size: 0 100%;
  color: white;
  -webkit-text-stroke: 1px #354b9c;
  /* 描边的宽度和颜色 */
}
@media (max-width: 991px) {
  .index-yuanjing .text9 .text2 span {
    -webkit-text-stroke: 1px #354b9c;
  }
}
.index-yuanjing .text9 .cn1 {
  text-align: center;
  color: #333333;
  line-height: 1em;
}
.index-yuanjing .text9 .cn2 {
  margin-top: 0.5rem;
  color: #354b9c;
  text-align: center;
  letter-spacing: 0.67rem;
  text-indent: 0.67rem;
  font-size: 0.9rem;
  line-height: 1em;
}
.index-yuanjing .text9 .cn2 span {
  background-size: 100% 100%;
}
.index-yuanjing .text9 .cn3 {
  margin-top: 0.2rem;
  font-size: 0.5rem;
  letter-spacing: 0.38rem;
  text-indent: 0.38rem;
  color: #354b9c;
  line-height: 1em;
}
.index-yuanjing .text9 .cn3 span {
  background-size: 100% 100%;
}
.index-yuanjing .text9 .cn4 {
  color: #354b9c;
  font-size: 0.82rem;
  text-align: center;
  display: flex;
  letter-spacing: -0.02rem;
  text-indent: -0.02rem;
  align-items: center;
  justify-content: center;
  line-height: 1em;
  margin: 0.2rem 0 0.3rem;
}
.index-yuanjing .text9 .cn5 {
  color: #354b9c;
  font-size: 0.5rem;
  letter-spacing: 0.2rem;
  text-indent: 0.2rem;
  line-height: 1em;
}
.index-yuanjing .text9 .cn6 {
  margin-top: 0.2rem;
  color: #354b9c;
  font-size: 0.95rem;
  line-height: 1em;
  letter-spacing: 0.04rem;
  text-indent: 0.04rem;
}
.index-yuanjing .text8 {
  position: relative;
  z-index: 3;
  text-align: center;
}
.index-yuanjing .text8 .text2 span {
  display: initial;
  background: transparent -webkit-linear-gradient(left, #354b9c, #354b9c) no-repeat 0 0;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-size: 0 100%;
  color: white;
  -webkit-text-stroke: 1px #354b9c;
  /* 描边的宽度和颜色 */
}
@media (max-width: 991px) {
  .index-yuanjing .text8 .text2 span {
    -webkit-text-stroke: 1px #354b9c;
  }
}
.index-yuanjing .text8 .cn1 {
  text-align: center;
  color: #333333;
  line-height: 1em;
}
.index-yuanjing .text8 .cn2 {
  margin-top: 0.5rem;
  color: #354b9c;
  font-size: 0.95rem;
  line-height: 1em;
  letter-spacing: 0.07rem;
  text-indent: 0.07rem;
}
.index-yuanjing .text8 .cn2 span {
  background-size: 100% 100%;
}
.index-yuanjing .text8 .cn3 {
  margin-top: 0.3rem;
  color: #354b9c;
  font-size: 0.95rem;
  line-height: 1em;
  letter-spacing: 0.07rem;
  text-indent: 0.07rem;
}
.index-yuanjing .text8 .cn3 span {
  background-size: 100% 100%;
}
.index-yuanjing .text8 .cn5 {
  margin-top: 0.25rem;
  color: #354b9c;
  font-size: 0.95rem;
  line-height: 1em;
  letter-spacing: 0.07rem;
  text-indent: 0.07rem;
}
.index-yuanjing .text8 .cn6 {
  margin-top: 0.2rem;
  color: #354b9c;
  font-size: 0.95rem;
  line-height: 1em;
  letter-spacing: 0.07rem;
  text-indent: 0.07rem;
}
.index-yinxiang {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
  position: relative;
  background-color: #040811;
  margin-top: 50vh;
}
@media (max-width: 991px) {
  .index-yinxiang {
    margin-top: 0;
  }
}
.index-yinxiang .bgimg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  animation: yinxiang1 20s infinite linear;
}
.index-yinxiang .bgimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-yinxiang .box {
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 1920px;
  width: 100%;
  height: 100%;
}
@media (max-width: 991px) {
  .index-yinxiang .box {
    height: auto;
    display: flex;
    flex-wrap: wrap;
  }
}
.index-yinxiang .box.on .box2 .box99 {
  opacity: 1;
  top: 0;
}
.index-yinxiang .box.on .box2.zigongsi .box99 {
  transition-delay: 0.1s;
}
.index-yinxiang .box.on .box2.guoji .box99 {
  transition-delay: 0.2s;
}
.index-yinxiang .box.on .box2.chanpin .box99 {
  transition-delay: 0.3s;
}
.index-yinxiang .box.on .box2.hangye .box99 {
  transition-delay: 0.4s;
}
.index-yinxiang .box.on .box2.shengchang .box99 {
  transition-delay: 0.5s;
}
.index-yinxiang .box.on .box2.guojia .box99 {
  transition-delay: 0.6s;
}
.index-yinxiang .box .box2 {
  position: absolute;
  width: 1.22rem;
  transition: all 0.4s;
}
@media (max-width: 991px) {
  .index-yinxiang .box .box2 {
    position: relative;
    left: 0 !important;
    top: 0 !important;
    width: 50% !important;
    animation: initial !important;
    margin: 0.4rem 0 !important;
  }
}
.index-yinxiang .box .box2 .box99 {
  transition: all 0.4s;
  opacity: 0;
  top: 0.6rem;
  position: relative;
}
@media (max-width: 1580px) {
  .index-yinxiang .box .box2 {
    width: 1.5rem;
  }
}
.index-yinxiang .box .box2:nth-child(odd) {
  animation: yinxiang2 3s infinite linear;
}
.index-yinxiang .box .box2:nth-child(even) {
  animation: yinxiang3 3s infinite linear;
}
.index-yinxiang .box .box2.zigongsi {
  left: 33.33333333%;
  top: 28.86597938%;
}
.index-yinxiang .box .box2.guoji {
  left: 51.35416667%;
  top: 12.68041237%;
}
.index-yinxiang .box .box2.chanpin {
  left: 68.95833333%;
  top: 22.06185567%;
}
.index-yinxiang .box .box2.chanpin .img .img2 .img4 {
  font-size: 24px;
}
@media (max-width: 1580px) {
  .index-yinxiang .box .box2.chanpin .img .img2 .img4 {
    font-size: 16px;
  }
}
@media (max-width: 1260px) {
  .index-yinxiang .box .box2.chanpin .img .img2 .img4 {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .index-yinxiang .box .box2.chanpin .img .img2 .img4 {
    font-size: 0.3rem;
  }
}
.index-yinxiang .box .box2.guojia {
  left: 59.89583333%;
  top: 46.70103093%;
}
.index-yinxiang .box .box2.guojia .img .img2 .img4 {
  font-size: 24px;
}
@media (max-width: 1580px) {
  .index-yinxiang .box .box2.guojia .img .img2 .img4 {
    font-size: 16px;
  }
}
@media (max-width: 1260px) {
  .index-yinxiang .box .box2.guojia .img .img2 .img4 {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .index-yinxiang .box .box2.guojia .img .img2 .img4 {
    font-size: 0.3rem;
  }
}
.index-yinxiang .box .box2.shengchang {
  left: 42.86458333%;
  top: 63.91752577%;
}
.index-yinxiang .box .box2.hangye {
  left: 24.21875%;
  top: 53.19587629%;
}
.index-yinxiang .box .box2 .img {
  width: 1.22rem;
  height: 1.22rem;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1580px) {
  .index-yinxiang .box .box2 .img {
    width: 1.5rem;
    height: 1.5rem;
  }
}
@media (max-width: 991px) {
  .index-yinxiang .box .box2 .img {
    margin: 0 auto;
  }
}
.index-yinxiang .box .box2 .img .img2 .img3 {
  text-align: center;
}
.index-yinxiang .box .box2 .img .img2 .img4 {
  text-align: center;
  color: #fff;
}
.index-yinxiang .box .box2 .text {
  margin-top: 0.1rem;
  text-align: center;
  color: #ffffff;
}
.index-yinxiang .box .right {
  position: absolute;
  right: 9.375%;
  bottom: 12.37113402%;
  color: #Fff;
}
@media (max-width: 991px) {
  .index-yinxiang .box .right {
    display: none;
  }
}
.index-yinxiang .box .right .cn3 span {
  color: #fff;
}
.index-yinxiang .box .right .cn3 span::before {
  background-color: #fff;
}
.index-yinxiang .box .right .cn3 svg path {
  fill: #Fff;
}
@keyframes yinxiang1 {
  0% {
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.05) rotate(2deg);
  }
  100% {
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
  }
}
@keyframes yinxiang2 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-0.15rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes yinxiang3 {
  0% {
    transform: translateY(-0.15rem);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-0.15rem);
  }
}
.index-server {
  position: relative;
  overflow: hidden;
}
@media (max-width: 991px) {
  .index-server {
    background-color: #e1e4f5;
  }
}
@media (max-width: 991px) {
  .index-server .imgbox {
    display: none;
  }
}
.index-server .imgbox::before {
  padding-top: 46.61458333%;
}
.index-server .imgbox video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.index-server .imgbox img {
  animation: fudong 2s infinite linear;
}
.index-server .imgbox .tupian1 {
  z-index: 2;
  animation: fudong 2s infinite linear;
}
.index-server .imgbox .tupian2 {
  z-index: 2;
  animation: fudong2 2s infinite linear;
}
.index-server .imgbox .tupian3 {
  z-index: 2;
  animation: fudong 2s infinite linear;
}
.index-server .imgbox .tupian4 {
  z-index: 2;
  animation: fudong2 2s infinite linear;
}
.index-server .bioaidan {
  z-index: 6;
  position: absolute;
  left: 43.75%;
  top: 39.10614525%;
  width: 10.41666667%;
  background-color: transparent;
  overflow: initial;
}
@media (max-width: 991px) {
  .index-server .bioaidan {
    display: none;
  }
}
.index-server .bioaidan.biaodian2 {
  left: 47.91666667%;
  top: 55.86592179%;
}
.index-server .bioaidan.biaodian3 {
  left: 75.52083333%;
  top: 35.75418994%;
}
.index-server .bioaidan.biaodian3 .wenzi {
  left: -40%;
}
.index-server .bioaidan.biaodian3 .wenzi:hover {
  bottom: calc(100% + 0.1rem);
}
.index-server .bioaidan.biaodian4 {
  left: 75.52083333%;
  top: 58.10055866%;
}
.index-server .bioaidan::before {
  padding-top: 100%;
}
.index-server .bioaidan .wenzi {
  width: 1.8rem;
  position: absolute;
  bottom: calc(100%);
  left: -40%;
  background-color: #354b9c;
  padding: 0.2rem;
  border-radius: 4px;
  color: #Fff;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
}
.index-server .bioaidan .wenzi::before {
  content: "";
  position: absolute;
  left: 80%;
  top: calc(100% - 0.1rem);
  width: 0;
  height: 0;
  border: 0.1rem solid;
  border-color: transparent #354b9c transparent transparent;
}
.index-server .bioaidan:hover .wenzi {
  bottom: calc(100% + 0.2rem);
  opacity: 1;
  visibility: visible;
}
.index-server .container {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 44.5%;
  z-index: 3;
}
@media (max-width: 1580px) {
  .index-server .container {
    top: 50%;
  }
}
@media (max-width: 991px) {
  .index-server .container {
    position: relative;
    top: 0;
    left: 0;
    transform: initial;
    padding: 1.2rem 0 0;
  }
}
.index-server .container .textbox {
  width: 27.77777778%;
}
@media (max-width: 991px) {
  .index-server .container .textbox {
    width: 100%;
  }
}
.index-server .container .cn1 {
  color: #666;
  line-height: 1.55555556em;
}
.index-server .container .cn2 {
  color: #333333;
  line-height: 1.17857143em;
  margin: 0.2rem 0 0.3rem;
}
.index-server .container .cn3 {
  color: #333333;
  line-height: 1.625em;
  margin-bottom: 0.65rem;
}
.index-server .container .cn4 {
  display: flex;
  align-items: center;
}
.index-server .container .cn4 .cn5 {
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  background-color: #354b9c;
  position: relative;
}
.index-server .container .cn4 .cn5 span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #Fff;
  display: block;
  transition: all 0.4s;
}
.index-server .container .cn4 .cn5 span:nth-child(1) {
  width: 0.18rem;
  height: 0.03rem;
}
.index-server .container .cn4 .cn5 span:nth-child(2) {
  width: 0.03rem;
  height: 0.18rem;
}
.index-server .container .cn4 .cn6 {
  margin-left: 0.2rem;
  color: #333333;
  transition: all 0.4s;
  position: relative;
}
.index-server .container .cn4 .cn6::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: #354b9c;
  transition: all 0.4s;
}
.index-server .container .cn4:hoveR span {
  transform: translate(-50%, -50%) rotate(180deg);
}
.index-server .container .cn4:hoveR .cn6 {
  color: #354b9c;
}
.index-server .container .cn4:hoveR .cn6::before {
  width: 100%;
}
.index-server .container .cn10 {
  margin-top: 0.5rem;
  display: none;
}
@media (max-width: 991px) {
  .index-server .container .cn10 {
    display: block;
  }
}
@keyframes fudong {
  0% {
    top: 0.1rem;
  }
  50% {
    top: 0;
  }
  100% {
    top: 0.1rem;
  }
}
@keyframes fudong2 {
  0% {
    top: 0rem;
  }
  50% {
    top: 0.1rem;
  }
  100% {
    top: 0;
  }
}
.index-case {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  background-color: #fff;
}
.index-case .container {
  max-width: 1800px;
  width: 94%;
}
.index-case .container .box1 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
}
.index-case .container .box1 .left {
  padding-bottom: 0.5rem;
}
@media (max-width: 991px) {
  .index-case .container .box1 .left {
    width: 100%;
    text-align: center;
  }
}
.index-case .container .box1 .left .cn1 {
  line-height: 1em;
  color: #666;
  margin-bottom: 0.2rem;
}
.index-case .container .box1 .left .cn2 {
  color: #333333;
  line-height: 1.17857143em;
}
@media (max-width: 991px) {
  .index-case .container .box1 .right {
    width: 100%;
  }
}
.index-case .container .box1 .right .cn3 {
  display: flex;
}
@media (max-width: 991px) {
  .index-case .container .box1 .right .cn3 {
    justify-content: flex-end;
  }
}
.index-case .container .box2 {
  margin-top: 0.25rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.index-case .container .box2 .left {
  width: 21.33333333%;
  position: sticky;
  left: 0;
  top: 1rem;
}
@media (max-width: 991px) {
  .index-case .container .box2 .left {
    position: relative;
    top: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
.index-case .container .box2 .left .box2left {
  width: 62.5%;
  display: flex;
  padding: 0.18rem 10.41666667%;
  border-radius: 0.35rem;
  margin-bottom: 0.15rem;
  transition: all 0.4s;
  cursor: pointer;
}
@media (max-width: 1580px) {
  .index-case .container .box2 .left .box2left {
    width: 80%;
  }
}
@media (max-width: 991px) {
  .index-case .container .box2 .left .box2left {
    text-align: center;
    width: auto;
    min-width: 28%;
    padding: 0 0.3rem;
    border: 1px solid #354b9c;
    line-height: 0.76rem;
    border-radius: 0.38rem;
    margin: 0 2% 0.2rem;
    justify-content: center;
  }
}
.index-case .container .box2 .left .box2left .cn4 {
  display: flex;
  align-items: center;
}
.index-case .container .box2 .left .box2left .cn4 svg {
  flex-shrink: 0;
  margin-right: 0.25rem;
  width: 0.25rem;
}
@media (max-width: 991px) {
  .index-case .container .box2 .left .box2left .cn4 svg {
    display: none;
  }
}
.index-case .container .box2 .left .box2left .cn4 svg path {
  fill: #354b9c;
  opacity: 1;
  stroke: none;
  transition: all 0.4s;
  filter: none;
}
.index-case .container .box2 .left .box2left .cn4 .cn5 {
  display: block;
  color: #444444;
  transition: all 0.4s;
}
@media (max-width: 991px) {
  .index-case .container .box2 .left .box2left .cn4 .cn5 {
    color: #354b9c;
    line-height: 1.2em;
    padding: 0.2rem 0;
  }
}
.index-case .container .box2 .left .box2left.on {
  background-color: #354b9c;
}
.index-case .container .box2 .left .box2left.on .cn4 svg path {
  fill: #Fff;
}
.index-case .container .box2 .left .box2left.on .cn4 .cn5 {
  color: #fff;
}
.index-case .container .box2 .right {
  width: 78.66666667%;
}
@media (max-width: 991px) {
  .index-case .container .box2 .right {
    margin-top: 0.35rem;
    width: 100%;
  }
}
.index-case .container .box2 .right .indexcasea2 {
  display: none;
  justify-content: space-between;
  flex-wrap: wrap;
}
.index-case .container .box2 .right .indexcasea2.on {
  display: flex;
}
.index-case .container .box2 .right .indexcasea2 .box2a {
  width: 48.58757062%;
  margin-bottom: 0.4rem;
  box-shadow: 1px 1px 11px 0px rgba(53, 75, 156, 0.2);
}
.index-case .container .box2 .right .indexcasea2 .box2a .img::before {
  padding-top: 87.20930233%;
}
.index-case .container .box2 .right .indexcasea2 .box2a .text2a {
  display: flex;
  align-items: center;
  padding: 0.4rem 0.4rem 0.2rem;
  justify-content: space-between;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  flex-wrap: wrap;
  background-image: url(../images/zimg13.jpg);
}
@media (max-width: 991px) {
  .index-case .container .box2 .right .indexcasea2 .box2a .text2a {
    padding: 0.4rem 0.2rem;
  }
}
.index-case .container .box2 .right .indexcasea2 .box2a .text2a .text2b {
  max-width: 65%;
}
@media (max-width: 991px) {
  .index-case .container .box2 .right .indexcasea2 .box2a .text2a .text2b {
    max-width: 100%;
  }
}
.index-case .container .box2 .right .indexcasea2 .box2a .text2a .text2b .cn6 {
  line-height: 1.5em;
  color: #354b9c;
}
@media (max-width: 991px) {
  .index-case .container .box2 .right .indexcasea2 .box2a .text2a .text2b .cn6 {
    font-size: 0.32rem;
  }
}
.index-case .container .box2 .right .indexcasea2 .box2a .text2a .text2b .cn7 {
  color: #666666;
  line-height: 1.5em;
}
@media (max-width: 991px) {
  .index-case .container .box2 .right .indexcasea2 .box2a .text2a .text2b .cn7 {
    margin: 0.1rem 0;
  }
}
.index-case .container .box2 .right .indexcasea2 .box2a .text2a .text2c {
  max-width: 35%;
}
@media (max-width: 991px) {
  .index-case .container .box2 .right .indexcasea2 .box2a .text2a .text2c {
    max-width: 100%;
  }
}
.index-case .container .box2 .right .indexcasea2 .box2a .text2a .text2c .cn8 {
  border-radius: 6px;
  background-color: #354b9c;
  text-align: center;
  color: #fff;
  line-height: 0.28rem;
  display: block;
  padding: 0 0.2rem;
}
@media (max-width: 991px) {
  .index-case .container .box2 .right .indexcasea2 .box2a .text2a .text2c .cn8 {
    padding: 0.1rem 0.3rem;
    font-size: 0.24rem;
  }
}
.index-case .container .box2 .right .indexcasea2 .box2a:hover .img img {
  transform: scale(1.05);
}
.bxlpublicbtn {
  color: #354b9c;
  display: flex;
  align-items: center;
}
.bxlpublicbtn span {
  position: relative;
}
.bxlpublicbtn span::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  transition: all 0.4s;
  background-color: #354b9c;
}
.bxlpublicbtn img {
  width: 0.24rem;
  height: 0.24rem;
  transition: all 0.4s;
}
@media (max-width: 991px) {
  .bxlpublicbtn img {
    width: 0.32rem;
    height: 0.32rem;
  }
}
.bxlpublicbtn svg {
  width: 0.24rem;
  height: 0.24rem;
  transition: all 0.4s;
}
@media (max-width: 991px) {
  .bxlpublicbtn svg {
    width: 0.32rem;
    height: 0.32rem;
  }
}
.bxlpublicbtn svg path {
  fill: #354b9c;
  opacity: 1;
  stroke: none;
  filter: none;
}
.bxlpublicbtn:hover span::before {
  width: 100%;
}
.bxlpublicbtn:hover img {
  transform: rotate(45deg);
}
.bxlpublicbtn:hover svg {
  transform: rotate(45deg);
}
.index-buju0 {
  background-color: #354b9c;
}
.index-buju {
  margin: 0 auto;
  background-color: #354b9c;
  width: 100%;
  position: relative;
  height: 250vh;
}
.index-buju .wenzi {
  position: sticky;
  top: 0;
  padding-top: 8vh;
  z-index: 2;
  height: 100vh;
}
@media (max-width: 991px) {
  .index-buju .wenzi {
    padding-top: 20vh;
  }
}
.index-buju .wenzi .cn1 {
  display: block;
  text-align: center;
  line-height: 1.55555556em;
  color: #fff;
}
@media (max-width: 991px) {
  .index-buju .wenzi .cn1 {
    font-size: 0.5rem;
  }
}
.index-buju .wenzi .cn2 {
  display: block;
  text-align: center;
  color: #fff;
  line-height: 1.2173913em;
  margin: 0.15rem auto 0;
  max-width: 90%;
  position: relative;
}
@media (max-width: 991px) {
  .index-buju .wenzi .cn2 {
    font-size: 0.32rem;
  }
}
.index-buju .wenzi .cn2 .cn9 {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.index-buju .index-buju1 {
  width: 100%;
  height: 100vh;
  position: sticky;
  left: 0;
  top: 0;
  margin-top: -100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .index-buju .index-buju1 {
    overflow: hidden;
  }
}
.index-buju .index-buju1 .index-buju1a {
  position: relative;
}
@media (max-width: 991px) {
  .index-buju .index-buju1 .index-buju1a {
    scale: 2;
  }
}
.index-buju .index-buju1 .bgimg {
  width: 100%;
}
.index-buju .index-buju1 .bgimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-buju .index-buju1 .beimei {
  position: absolute;
  left: 25.36458333%;
  top: 46.39175258%;
  z-index: 10;
  color: #Fff;
}
.index-buju .index-buju1 .ouzhou {
  position: absolute;
  left: 54.32291667%;
  top: 46.39175258%;
  z-index: 10;
  color: #Fff;
}
.index-buju .index-buju1 .zhongdong {
  position: absolute;
  left: 54.94791667%;
  top: 58.7628866%;
  z-index: 10;
  color: #Fff;
}
.index-buju .index-buju1 .yazhou {
  position: absolute;
  left: 67.96875%;
  top: 42.68041237%;
  z-index: 10;
  color: #Fff;
}
.index-buju .index-buju1 .dongnanya {
  position: absolute;
  left: 63.28125%;
  top: 70.6185567%;
  z-index: 10;
  color: #Fff;
}
.index-buju .index-buju1 .aozhou {
  position: absolute;
  left: 72.39583333%;
  top: 79.3814433%;
  z-index: 10;
  color: #Fff;
}
.index-buju .index-buju1 .cn20 {
  opacity: 0;
  transform: translateY(0.2rem);
  transition-duration: 0.4s;
}
@media (max-width: 991px) {
  .index-buju .index-buju1 .cn20 {
    scale: 0.5;
    font-size: 0.24rem;
  }
}
.index-buju .index-buju1 .dian {
  position: absolute;
  left: 27.76041667%;
  top: 51.54639175%;
  transition-duration: 0.4s;
  opacity: 0;
  transform: translateY(0.2rem);
}
@media (max-width: 991px) {
  .index-buju .index-buju1 .dian {
    scale: 0.5;
  }
}
.index-buju .index-buju1 .dian.dian2 {
  left: 67.70833333%;
  top: 54.32989691%;
}
.index-buju .index-buju1 .dian .cn21 {
  display: block;
  animation: shangxiadong 1s infinite linear;
}
.index-buju .index-buju1 .dian .cn21 img {
  width: 0.34rem;
  height: 0.38rem;
}
.index-buju .index-buju1 .dian .cn22 {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: -0.01rem;
  left: -0.01rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  z-index: 2;
}
.index-buju .index-buju1 .dian .cn22 img {
  width: 0.15rem;
  height: 0.08rem;
}
.index-buju .index-buju1 .dian .cn23 {
  position: absolute;
  width: 0.3rem;
  left: calc(50% - 0.02rem);
  transform: translateX(-50%);
  bottom: -0.05rem;
  display: flex;
  align-items: flex-end;
  animation: fangda 1s infinite linear;
}
.index-buju .index-buju1 .dian .cn23 img {
  width: 0.3rem;
}
.index-buju .index-buju1 .dian .cn24 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.35rem;
  color: #fff;
  font-weight: normal;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .index-buju .index-buju1 .dian .cn24 {
    font-size: 0.24rem;
  }
}
.index-buju .index-buju2 {
  width: 100%;
  height: 100vh;
  position: sticky;
  left: 0;
  top: 0;
  margin-top: -100vh;
  display: flex;
  align-items: center;
  opacity: 0;
  overflow: hidden;
  transition: all 0s;
  justify-content: center;
}
.index-buju .index-buju2 .index-buju2a {
  position: relative;
}
@media (max-width: 991px) {
  .index-buju .index-buju2 .index-buju2a {
    scale: 2;
  }
}
.index-buju .index-buju2 .bgimg {
  width: 100%;
  height: 100%;
  opacity: 0;
  left: 30%;
  top: 5%;
  transform: scale(0.2);
  position: relative;
}
.index-buju .index-buju2 .bgimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-buju .index-buju2 .dian {
  position: absolute;
  transition-property: opacity, transform;
  transition-duration: 0.4s;
  opacity: 0;
  transform: translateY(0.2rem);
  display: none;
}
@media (max-width: 991px) {
  .index-buju .index-buju2 .dian {
    scale: 0.5;
  }
}
.index-buju .index-buju2 .dian.hebei {
  left: 54.42708333%;
  top: 52.06185567%;
}
.index-buju .index-buju2 .dian.shanxi {
  left: 52.29166667%;
  top: 55.67010309%;
}
.index-buju .index-buju2 .dian.jiangsu {
  left: 57.5%;
  top: 59.27835052%;
}
.index-buju .index-buju2 .dian.tianfu {
  left: 46.25%;
  top: 62.98969072%;
}
.index-buju .index-buju2 .dian.guizhou {
  left: 48.4375%;
  top: 70.10309278%;
}
.index-buju .index-buju2 .dian.huizhou {
  left: 55.98958333%;
  top: 76.28865979%;
}
@media (max-width: 767px) {
  .index-buju .index-buju2 .dian.huizhou {
    top: 70%;
  }
}
.index-buju .index-buju2 .dian.huizhou .cn24 {
  top: 0%;
}
.index-buju .index-buju2 .dian.shenzhen {
  left: 54.375%;
  top: 78.35051546%;
}
@media (max-width: 767px) {
  .index-buju .index-buju2 .dian.shenzhen {
    top: 72%;
  }
}
.index-buju .index-buju2 .dian .cn21 {
  display: block;
  animation: shangxiadong 1s infinite linear;
}
.index-buju .index-buju2 .dian .cn21 img {
  width: 0.34rem;
  height: 0.38rem;
}
.index-buju .index-buju2 .dian .cn22 {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: -0.01rem;
  left: -0.01rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  z-index: 2;
}
.index-buju .index-buju2 .dian .cn22 img {
  width: 0.15rem;
  height: 0.08rem;
}
.index-buju .index-buju2 .dian .cn23 {
  position: absolute;
  width: 0.3rem;
  left: calc(50% - 0.02rem);
  transform: translateX(-50%);
  bottom: -0.05rem;
  display: flex;
  align-items: flex-end;
  animation: fangda 1s infinite linear;
}
.index-buju .index-buju2 .dian .cn23 img {
  width: 0.3rem;
}
.index-buju .index-buju2 .dian .cn24 {
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  min-width: 100px;
  text-align: right;
  padding-right: 0.1rem;
  z-index: 4;
}
@media (max-width: 767px) {
  .index-buju .index-buju2 .dian .cn24 {
    font-size: 10px;
  }
}
@keyframes shangxiadong {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-0.1rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes fangda {
  0% {
    transform: translateX(-50%) scale(1);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateX(-50%) scale(1.5);
  }
}
.index-kehu0 {
  background-color: #e1e4f5;
}
.index-kehu0 .container99 {
  display: none;
}
@media (max-width: 991px) {
  .index-kehu0 .container99 {
    display: block;
  }
}
@media (max-width: 991px) {
  .index-kehu0 {
    padding-top: 1rem;
  }
}
.index-kehu0 .text .cn1 {
  text-align: center;
  color: #333333;
  line-height: 1.5em;
}
.index-kehu0 .text .cn2 {
  text-align: center;
  color: #333;
  line-height: 1.17857143em;
  margin: 0.2rem 0 0.45rem;
}
.index-kehu0 .text .box3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.index-kehu0 .text .box3 .cn3 {
  display: block;
  border: 1px solid #354b9c;
  border-radius: 0.28rem;
  line-height: 0.56rem;
  padding: 0 0.4rem;
  color: #354b9c;
  transition: all 0.4s;
  margin: 0 0.1rem;
}
@media (max-width: 991px) {
  .index-kehu0 .text .box3 .cn3 {
    margin: 0 0.05rem;
  }
}
@media (max-width: 767px) {
  .index-kehu0 .text .box3 .cn3 {
    line-height: 0.76rem;
    border-radius: 0.38rem;
  }
}
.index-kehu0 .text .box3 .cn3.on {
  background-color: #354b9c;
  color: #Fff;
}
.index-kehu {
  width: 100%;
  position: relative;
}
.index-kehu::before {
  padding-top: 49.47916667%;
}
@media (max-width: 991px) {
  .index-kehu::before {
    padding-top: 80%;
  }
}
.index-kehu .container {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  top: 1rem;
}
@media (max-width: 991px) {
  .index-kehu .container {
    top: 0;
  }
}
@media (max-width: 991px) {
  .index-kehu .container .text .cn1 {
    display: none;
  }
}
@media (max-width: 991px) {
  .index-kehu .container .text .cn2 {
    display: none;
  }
}
.index-kehu .imgbox {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 2;
}
@media (max-width: 991px) {
  .index-kehu .imgbox {
    top: -2px;
  }
}
.index-kehu .imgbox .img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  transition: all 0.4s;
}
.index-kehu .imgbox .img::before {
  padding-top: 49.47916667%;
}
@media (max-width: 991px) {
  .index-kehu .imgbox .img::before {
    padding-top: 80%;
  }
}
.index-kehu .imgbox .img video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
  z-index: 3;
}
.index-kehu .imgbox .img.on {
  opacity: 1;
  transform: translateX(0);
}
.index-news {
  padding-top: 1.2rem;
  padding-bottom: 0;
  background-color: #fff;
}
.index-news.news-list {
  padding-top: 0;
  padding-bottom: 0.8rem;
}
.index-news.news-list .container .indexnewsa2 .swiper-wrapper .swiper-slide .box {
  margin-top: 0;
  display: block;
  margin-bottom: 0.4rem;
}
.index-news.news-list .container .indexnewsa2 .swiper-wrapper .swiper-slide .box .text .cn10 {
  display: block;
  margin-top: 0.2rem;
  line-height: 1.83333333em;
  color: #999;
  transition: all 0.4s;
}
.index-news.news-list .container .indexnewsa2 .swiper-wrapper .swiper-slide .box:hover .text .cn10 {
  color: #354b9c;
}
.index-news.news-list .container .public-page {
  margin-top: 0.3rem;
}
.index-news .container {
  max-width: 1800px;
  width: 94%;
}
.index-news .container .box1 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .index-news .container .box1 .left {
    width: 100%;
  }
}
.index-news .container .box1 .left .cn1 {
  line-height: 1em;
  color: #666;
  margin-bottom: 0.2rem;
}
@media (max-width: 991px) {
  .index-news .container .box1 .left .cn1 {
    text-align: center;
  }
}
.index-news .container .box1 .left .cn2 {
  color: #333333;
  line-height: 1.17857143em;
}
@media (max-width: 991px) {
  .index-news .container .box1 .left .cn2 {
    text-align: center;
  }
}
.index-news .container .box1 .left .indexnewsa1 {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .index-news .container .box1 .left .indexnewsa1 {
    justify-content: center;
  }
}
.index-news .container .box1 .left .indexnewsa1 .cn4 {
  margin-top: 0.6rem;
  min-width: 1.4rem;
  line-height: 0.6rem;
  border-radius: 0.3rem;
  border: 1px solid #354b9c;
  text-align: center;
  color: #354b9c;
  margin-right: 0.2rem;
  padding: 0 0.2rem;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .index-news .container .box1 .left .indexnewsa1 .cn4 {
    line-height: 0.76rem;
    border-radius: 0.38rem;
    padding: 0 0.3rem;
  }
}
.index-news .container .box1 .left .indexnewsa1 .cn4.on {
  background-color: #354b9c;
  color: #Fff;
}
.index-news .container .box1 .left .indexnewsa1 .cn4:hover {
  background-color: #354b9c;
  color: #Fff;
}
@media (max-width: 991px) {
  .index-news .container .box1 .right {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.index-news .container .box1 .right .cn3 {
  display: flex;
}
@media (max-width: 991px) {
  .index-news .container .box1 .right .cn3 {
    justify-content: flex-end;
  }
}
.index-news .container .indexnewsa2 {
  position: relative;
  overflow: hidden;
}
.index-news .container .indexnewsa2 .swiper-slide {
  display: flex;
  flex-wrap: wrap;
}
.index-news .container .indexnewsa2 .swiper-slide .box {
  margin-top: 0.5rem;
  width: 31.83333333%;
  margin-right: 2.22222222%;
  display: none;
}
@media (min-width: 992px) {
  .index-news .container .indexnewsa2 .swiper-slide .box:nth-child(-n+3) {
    display: block;
  }
}
@media (max-width: 991px) {
  .index-news .container .indexnewsa2 .swiper-slide .box:nth-child(-n+4) {
    display: block;
  }
}
@media (max-width: 991px) {
  .index-news .container .indexnewsa2 .swiper-slide .box {
    width: 49%;
    margin-right: 2%;
  }
}
.index-news .container .indexnewsa2 .swiper-slide .box:nth-child(3n) {
  margin-right: 0;
}
@media (max-width: 991px) {
  .index-news .container .indexnewsa2 .swiper-slide .box:nth-child(3n) {
    margin-right: 2%;
  }
}
@media (max-width: 991px) {
  .index-news .container .indexnewsa2 .swiper-slide .box:nth-child(2n) {
    margin-right: 0;
  }
}
.index-news .container .indexnewsa2 .swiper-slide .box .img::before {
  padding-top: 80.62827225%;
}
.index-news .container .indexnewsa2 .swiper-slide .box .text {
  padding: 0.2rem 0.4rem 0.4rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(../images/zimg21.jpg);
}
@media (max-width: 991px) {
  .index-news .container .indexnewsa2 .swiper-slide .box .text {
    padding: 0.4rem 0.2rem;
  }
}
.index-news .container .indexnewsa2 .swiper-slide .box .text .cn5 {
  line-height: 1.875em;
  color: #333333;
  transition: all 0.4s;
  display: block;
}
@media (max-width: 991px) {
  .index-news .container .indexnewsa2 .swiper-slide .box .text .cn5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    white-space: wrap;
    line-height: 1.3em;
    height: 2.6em;
    font-size: 0.26rem;
  }
}
.index-news .container .indexnewsa2 .swiper-slide .box .text .cn6 {
  margin-top: 0.1rem;
  color: #999999;
  line-height: 1.375em;
  transition: all 0.4s;
}
@media (max-width: 991px) {
  .index-news .container .indexnewsa2 .swiper-slide .box .text .cn6 {
    height: 2.75em;
    font-size: 0.24rem;
    -webkit-line-clamp: 2;
  }
}
.index-news .container .indexnewsa2 .swiper-slide .box:hover .img img {
  transform: scale(1.05);
}
.index-news .container .indexnewsa2 .swiper-slide .box:hover .text .cn5 {
  color: #354b9c;
}
.index-contact {
  padding: 1.2rem 0 0.8rem;
  overflow: hidden;
}
.index-contact .supbox_tit {
  margin-bottom: 0.74rem;
  margin-bottom: 0.9rem;
}
.index-contact .cont {
  width: 100%;
  position: relative;
}
.index-contact .cont .font {
  display: flex;
  font-size: 3rem;
  line-height: 0.8;
  max-width: initial;
}
.index-contact .cont .font .text {
  display: flex;
  animation: leftwef5 30s linear infinite;
}
.index-contact .cont .font .text span:nth-child(even) {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-size: 0 100%;
  color: white;
  -webkit-text-stroke: 1px rgba(220, 220, 220, 0.5);
}
.index-contact .cont .font span {
  display: block;
  flex-shrink: 0;
  padding-right: 0.8rem;
  font-size: 0.7rem;
  color: #dcdcdc;
}
@media (max-width: 991px) {
  .index-contact .cont .font span {
    font-size: 1rem;
  }
}
.index-contact .cont .but {
  position: relative;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  border-radius: 50%;
  width: 1.44rem;
  height: 1.44rem;
  background-color: #354b9c;
  transition: all 0.4s;
  z-index: 5;
}
@media (max-width: 991px) {
  .index-contact .cont .but {
    width: 2.44rem;
    height: 2.44rem;
  }
}
.index-contact .cont .but::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #354b9c;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  animation: joinscale 2s infinite;
}
.index-contact .cont .but::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #354b9c;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  animation: joinscale2 2s infinite;
}
.index-contact .cont .but .box1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 4;
  flex-wrap: wrap;
}
.index-contact .cont .but .box2 {
  text-align: center;
}
.index-contact .cont .but span {
  color: #Fff;
  display: block;
  font-style: normal;
  width: 100%;
  text-align: center;
}
.index-contact .cont .but svg {
  width: 44.44444444%;
  max-height: 44.44444444%;
  margin: 0 auto;
  text-align: center;
}
.index-contact .cont .but svg path {
  fill: #ffffff;
  opacity: 1;
  filter: none;
}
@keyframes joinscale {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.2);
    opacity: 0.1;
  }
}
@keyframes joinscale2 {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.43);
    opacity: 0.05;
  }
}
.fadeInLeft {
  animation-timing-function: ease;
  animation-duration: 2s;
}
.fadeInRight {
  animation-timing-function: ease;
  animation-duration: 2s;
}
.fadeInUp2 {
  animation-timing-function: ease;
  animation-duration: 2s;
  -webkit-animation-name: fadeInUp2;
  animation-name: fadeInUp2;
}
@-webkit-keyframes fadeInUp2 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInUp2 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes leftwef5 {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.index-footer {
  padding-top: 0.6rem;
  background-color: #354b9c;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.index-footer .container {
  max-width: 1800px;
  width: 94%;
}
.index-footer .container .box1 {
  padding-bottom: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.index-footer .container .box1 .cn1 img {
  width: 2.53rem;
}
.index-footer .container .box1 .right {
  display: flex;
}
.index-footer .container .box1 .right .box1a {
  position: relative;
  margin-left: 0.2rem;
}
.index-footer .container .box1 .right .box1a .img {
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  width: 0.48rem;
  height: 0.48rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
}
@media (max-width: 991px) {
  .index-footer .container .box1 .right .box1a .img {
    width: 0.7rem;
    height: 0.7rem;
  }
}
.index-footer .container .box1 .right .box1a .img img {
  width: 50%;
}
@media (max-width: 991px) {
  .index-footer .container .box1 .right .box1a {
    margin-left: 0.4rem;
  }
}
.index-footer .container .box1 .right .box1a .qrcode {
  position: absolute;
  right: calc(100% + 0.1rem);
  top: 50%;
  transform: translateY(-50%);
  width: 1.27rem;
  height: 1.27rem;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
}
@media (max-width: 991px) {
  .index-footer .container .box1 .right .box1a .qrcode {
    width: 100px;
    height: 100px;
  }
}
.index-footer .container .box1 .right .box1a .qrcode img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-footer .container .box1 .right .box1a:hover .img {
  background-color: rgba(255, 255, 255, 0.2);
}
.index-footer .container .box1 .right .box1a:hover .qrcode {
  opacity: 1;
  visibility: visible;
}
.index-footer .container .box2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 991px) {
  .index-footer .container .box2 {
    padding-bottom: 0.5rem;
  }
}
.index-footer .container .box2 .left {
  max-width: 70%;
  display: flex;
}
@media (max-width: 991px) {
  .index-footer .container .box2 .left {
    width: 100%;
    max-width: 100%;
    display: none;
  }
}
.index-footer .container .box2 .left .box2a {
  padding-top: 0.6rem;
  margin-right: 0.7rem;
}
.index-footer .container .box2 .left .box2a .cn2 {
  display: inline-block;
  color: #ffffff;
  margin-bottom: 0.3rem;
  position: relative;
}
.index-footer .container .box2 .left .box2a .cn2::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: #fff;
  transition: all 0.4s;
}
.index-footer .container .box2 .left .box2a .cn2:hover::before {
  width: 100%;
}
.index-footer .container .box2 .left .box2a .cn3 {
  display: block;
}
.index-footer .container .box2 .left .box2a .cn3 .cn4 {
  margin-bottom: 0.2rem;
}
.index-footer .container .box2 .left .box2a .cn3 .cn4 .cn5 {
  color: #8295db;
  transition: all 0.4s;
  position: relative;
}
.index-footer .container .box2 .left .box2a .cn3 .cn4 .cn5::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: #fff;
  transition: all 0.4s;
}
.index-footer .container .box2 .left .box2a .cn3 .cn4 .cn5:hover {
  color: #Fff;
}
.index-footer .container .box2 .left .box2a .cn3 .cn4 .cn5:hover::before {
  width: 100%;
}
.index-footer .container .box2 .right {
  max-width: 30%;
}
@media (max-width: 991px) {
  .index-footer .container .box2 .right {
    max-width: 100%;
    width: 100%;
    padding-top: 0.15rem;
  }
}
.index-footer .container .box2 .right .cn5 {
  display: flex;
  padding-top: 0.35rem;
  align-items: center;
}
.index-footer .container .box2 .right .cn5 .cn6 {
  width: 0.54rem;
  height: 0.54rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  margin-right: 0.2rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .index-footer .container .box2 .right .cn5 .cn6 {
    width: 0.7rem;
    height: 0.7rem;
  }
}
.index-footer .container .box2 .right .cn5 .cn6.cn8 {
  opacity: 0;
}
.index-footer .container .box2 .right .cn5 .cn7 {
  color: #ffffff;
  line-height: 1.75em;
}
.index-footer .container .box2 .right .cn5 .cn7 img {
  width: 1.27rem;
  height: 1.27rem;
  object-fit: cover;
}
@media (max-width: 991px) {
  .index-footer .container .box2 .right .cn5 .cn7 img {
    width: 1.6rem;
    height: 1.6rem;
  }
}
.index-footer .container .box3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.3rem 0;
}
.index-footer .container .box3 .left {
  max-width: 50%;
}
@media (max-width: 991px) {
  .index-footer .container .box3 .left {
    max-width: 100%;
    width: 100%;
    text-align: center;
  }
}
.index-footer .container .box3 .left .cn9 {
  color: #8295db;
}
.index-footer .container .box3 .left .cn9 a {
  color: #8295db;
  transition: all 0.4s;
}
.index-footer .container .box3 .left .cn9 a:hover {
  color: #fff;
}
.index-footer .container .box3 .right {
  max-width: 50%;
  display: flex;
}
@media (max-width: 991px) {
  .index-footer .container .box3 .right {
    max-width: 100%;
    width: 100%;
    text-align: center;
    justify-content: center;
  }
}
.index-footer .container .box3 .right .cn10 {
  color: #8295db;
  transition: all 0.4s;
  position: relative;
  margin-left: 0.4rem;
}
@media (max-width: 991px) {
  .index-footer .container .box3 .right .cn10 {
    margin: 0 0.2rem;
  }
}
.index-footer .container .box3 .right .cn10::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: #fff;
  transition: all 0.4s;
}
.index-footer .container .box3 .right .cn10:hover {
  color: #fff;
}
.index-footer .container .box3 .right .cn10:hover::before {
  width: 100%;
}
#c-header {
  height: 1rem;
  line-height: 1rem;
}
@media (max-width: 991px) {
  #c-header {
    height: 1.2rem;
    line-height: 1.2rem;
  }
}
#c-header .container {
  max-width: 1800px;
  width: 94%;
}
#c-header .container .c-logo .c-img-box img {
  width: 1.78rem;
  height: 0.55rem;
}
#c-header .container .c-logo .c-img-box svg {
  width: 1.78rem;
  height: 0.55rem;
}
#c-header .container .c-logo .z-textbox1 {
  padding-left: 0.4rem;
  position: relative;
}
#c-header .container .c-logo .z-textbox1::before {
  content: "";
  position: absolute;
  left: 0.2rem;
  width: 1px;
  height: 0.37rem;
  background-color: rgba(0, 0, 0, 0.2);
  top: 50%;
  transform: translateY(-50%);
}
#c-header .container .c-logo .z-textbox1 .cn9 {
  text-align: left;
  color: #666666;
  line-height: 1.25em;
}
#c-header .container .c-right-box.rightbox222 {
  display: none;
}
@media (max-width: 991px) {
  #c-header .container .c-right-box.rightbox222 {
    display: flex;
  }
}
#c-header .container .c-right-box .c-nav > li {
  padding: 0 0.15rem;
  position: relative;
  margin: 0 0.2rem;
}
#c-header .container .c-right-box .c-nav > li::before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  transition: all 0.4s;
  height: 2px;
  background-color: #354b9c;
}
#c-header .container .c-right-box .c-nav > li.on::before {
  width: 100%;
}
#c-header .container .c-right-box .c-nav > li:hover::before {
  width: 100%;
}
#c-header .container .c-right-box .c-gn {
  margin-left: 0.35rem;
}
@media (max-width: 991px) {
  #c-header .container .c-right-box .c-gn {
    display: none;
  }
}
#c-header .container .c-right-box .c-gn .ztop-tel {
  padding: 0 0.25rem;
  display: flex;
  background-color: #354b9c;
  border-radius: 0.28rem;
  height: 0.56rem;
  line-height: 0.56rem;
  align-items: center;
}
@media (max-width: 1260px) {
  #c-header .container .c-right-box .c-gn .ztop-tel {
    display: none;
  }
}
#c-header .container .c-right-box .c-gn .ztop-tel .cn1 {
  display: flex;
  align-items: center;
  margin-right: 0.1rem;
}
#c-header .container .c-right-box .c-gn .ztop-tel .cn2 {
  color: #FFf;
}
.contactbanner.contactbanner2 .cont .f_tit {
  font-weight: normal;
}
@media (max-width: 767px) {
  .contactbanner.contactbanner2 .cont .f_tit {
    font-size: 0.5rem;
  }
}
.contactbanner.contactbanner4 .bag::before {
  padding-top: 35.41666667%;
}
@media (max-width: 991px) {
  .contactbanner.contactbanner4 .bag::before {
    padding-top: 80%;
  }
}
.contactbanner.contactbanner4 .cont .cn1 {
  display: flex;
  align-items: center;
  color: #Fff;
  justify-content: center;
}
.contactbanner.contactbanner4 .cont .cn1 img {
  margin-right: 0.15rem;
  width: 0.35rem;
}
.contactbanner.contactbanner5 {
  width: 100%;
  height: 100vh;
}
.contactbanner.contactbanner5 .bag {
  width: 100%;
  height: 100%;
}
.contactbanner.contactbanner5 .bag::before {
  padding-top: 45.3125%;
}
@media (max-width: 991px) {
  .contactbanner.contactbanner5 .bag::before {
    padding-top: 133.33333333%;
  }
}
.contactbanner.contactbanner5 .breadbox {
  top: 1rem;
}
.contactbanner.contactbanner5 .cont {
  top: 55%;
}
.contactbanner.contactbanner5 .text {
  position: relative;
  z-index: 3;
  text-align: center;
}
.contactbanner.contactbanner5 .text .text2 span {
  display: initial;
  background: transparent -webkit-linear-gradient(left, #fff, #Fff) no-repeat 0 0;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-size: 100% 100%;
  opacity: 0.4;
  color: white;
  -webkit-text-stroke: 1px #Fff;
  /* 描边的宽度和颜色 */
}
@media (max-width: 991px) {
  .contactbanner.contactbanner5 .text .text2 span {
    -webkit-text-stroke: 1px #fff;
  }
}
.contactbanner.contactbanner5 .text .cn2 {
  margin-top: 0.5rem;
  color: #ffffff;
  text-align: center;
  letter-spacing: 0.5rem;
  text-indent: 0.5rem;
  font-size: 0.6rem;
  line-height: 1em;
}
.contactbanner.contactbanner5 .text .cn2 span {
  background-size: 100% 100%;
}
.contactbanner.contactbanner5 .text .cn3 {
  margin-top: 0.2rem;
  font-size: 0.67rem;
  letter-spacing: 0;
  color: #ffffff;
  opacity: 1;
  line-height: 1em;
}
.contactbanner.contactbanner5 .text .cn3 span {
  background-size: 100% 100%;
}
.contactbanner.contactbanner5 .text .cn4 {
  color: #ffffff;
  opacity: 0.4;
  font-size: 0.95rem;
  text-align: center;
  display: flex;
  letter-spacing: 0.07rem;
  text-indent: 0.07rem;
  align-items: center;
  justify-content: center;
  line-height: 1em;
  margin: 0.15rem 0;
}
.contactbanner.contactbanner5 .text .cn4 span {
  width: 1.03rem;
  height: 1.03rem;
  background-color: #fff;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0d141f;
  border-radius: 50%;
}
.contactbanner.contactbanner5 .text .cn5 {
  color: #354b9c;
  font-size: 0.67rem;
  letter-spacing: 0;
  line-height: 1em;
}
.contactbanner.contactbanner5 .text .cn6 {
  color: #354b9c;
  font-size: 0.95rem;
  line-height: 1em;
  letter-spacing: 0.07rem;
  text-indent: 0.07rem;
  margin-top: 0.1rem;
}
.contactbanner.contactbanner5 .text .cn14 {
  width: 1.16rem;
  height: 1.16rem;
  border: 1px dashed rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0.5rem auto 0;
  cursor: pointer;
  transition: all 0.5s 0.3s;
  opacity: 1;
  position: relative;
  transform: translateY(0);
  animation: bannerrotate 4s infinite;
}
.contactbanner.contactbanner5 .text .cn14::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #354b9c;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  animation: joinscale 2s infinite;
}
.contactbanner.contactbanner5 .text .cn14::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #354b9c;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  animation: joinscale2 2s infinite;
}
.contactbanner.contactbanner5 .text .cn14 .cn15 {
  position: relative;
  z-index: 3;
  width: 1rem;
  height: 1rem;
  background-color: #FFf;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.03rem solid #354b9c;
  animation: bannerrotate2 4s infinite;
}
.contactbanner.contactbanner5 .text .cn14 .cn15 img {
  width: 0.19rem;
}
.public-search {
  padding: 0.4rem 0;
  background-color: #fff;
}
.public-search .container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.public-search .cns1 {
  text-align: center;
  line-height: 1.17857143em;
  margin-bottom: 0.4rem;
}
.public-search2 {
  position: relative;
  width: 5.4rem;
}
.public-search2 input {
  width: 100%;
  line-height: 0.54rem;
  border: 1px solid #e2e2e2;
  padding: 0 1rem 0 0.2rem;
  color: #999999;
}
.public-search2 input::placeholder {
  color: #999;
}
@media (max-width: 991px) {
  .public-search2 input {
    line-height: 0.76rem;
  }
}
.public-search2 button {
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
}
.public-fenlei .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.public-fenlei .container .box2left {
  width: 13.33333333%;
  display: flex;
  line-height: 0.7rem;
  border-radius: 0.35rem;
  margin-bottom: 0.55rem;
  transition: all 0.4s;
  flex-wrap: wrap;
  justify-content: center;
  cursor: pointer;
}
@media (max-width: 991px) {
  .public-fenlei .container .box2left {
    text-align: center;
    width: auto;
    padding: 0 0.3rem;
    border: 1px solid #354b9c;
    line-height: 0.76rem;
    border-radius: 0.38rem;
    justify-content: center;
    margin: 0 0.2rem 0.55rem;
  }
}
@media (max-width: 767px) {
  .public-fenlei .container .box2left {
    padding: 0 0.15rem;
    margin: 0 0.05rem 0.4rem;
  }
}
.public-fenlei .container .box2left .cn4 {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.public-fenlei .container .box2left .cn4 svg {
  flex-shrink: 0;
  margin-right: 0.25rem;
  width: 0.25rem;
}
@media (max-width: 991px) {
  .public-fenlei .container .box2left .cn4 svg {
    display: none;
  }
}
.public-fenlei .container .box2left .cn4 svg path {
  fill: #354b9c;
  opacity: 1;
  stroke: none;
  transition: all 0.4s;
  filter: none;
}
.public-fenlei .container .box2left .cn4 .cn5 {
  display: block;
  color: #444444;
  transition: all 0.4s;
}
@media (max-width: 991px) {
  .public-fenlei .container .box2left .cn4 .cn5 {
    color: #354b9c;
    line-height: 1.2em;
    padding: 0.2rem 0.08rem;
  }
}
.public-fenlei .container .box2left.on {
  background-color: #354b9c;
}
.public-fenlei .container .box2left.on .cn4 svg path {
  fill: #Fff;
}
.public-fenlei .container .box2left.on .cn4 .cn5 {
  color: #fff;
}
.public-fenlei.news-fenlei {
  margin-top: 0.6rem;
}
.public-fenlei.news-fenlei .container .box2left {
  margin-bottom: 0.6rem;
}
.public-fenlei.on {
  position: sticky;
  left: 0;
  top: 0;
  background-color: #fff;
  z-index: 20;
  padding: 0.15rem 0 !important;
  margin: 0;
}
.public-fenlei.on .container .box2left {
  margin-bottom: 0;
}
.bxlcase-list {
  position: relative;
  padding: 0.6rem 0 1.6rem;
  background-color: #354b9c;
}
.bxlcase-list .container {
  max-width: 1440px;
}
.bxlcase-list #canvas {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.bxlcase-list1 {
  position: relative;
  display: flex;
  z-index: 2;
  flex-wrap: wrap;
}
.bxlcase-list1 .box2a {
  width: 30.88133241%;
  margin-bottom: 0.5rem;
  margin-right: 3.46981263%;
  background-color: #fff;
}
@media (max-width: 991px) {
  .bxlcase-list1 .box2a {
    width: 100%;
    margin-right: 0;
  }
}
.bxlcase-list1 .box2a:nth-child(3n) {
  margin-right: 0;
}
.bxlcase-list1 .box2a .img {
  border: solid 1px #f4f7fc;
  position: relative;
}
.bxlcase-list1 .box2a .img::before {
  padding-top: 89.68609865%;
}
.bxlcase-list1 .box2a .img .text2e {
  padding-right: 0.08rem;
  display: flex;
  align-items: center;
  z-index: 5;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 0.34rem;
  background-color: #354b9c;
  color: #fff;
}
@media (max-width: 991px) {
  .bxlcase-list1 .box2a .img .text2e {
    line-height: 0.7rem;
  }
}
.bxlcase-list1 .box2a .img .text2e::after {
  content: "";
  position: absolute;
  width: 0;
  left: -0.23rem;
  top: 0;
  height: 0;
  border-top: 0.34rem solid #354b9c;
  border-left: 0.23rem solid transparent;
}
@media (max-width: 991px) {
  .bxlcase-list1 .box2a .img .text2e::after {
    left: -19px;
    border-left: 20px solid transparent;
    border-top: 0.7rem solid #354b9c;
  }
}
.bxlcase-list1 .box2a .img .text2e img {
  width: auto;
  height: 0.19rem;
  margin-right: 0.05rem;
}
@media (max-width: 991px) {
  .bxlcase-list1 .box2a .img .text2e img {
    height: 0.38rem;
  }
}
.bxlcase-list1 .box2a .text2a {
  display: flex;
  align-items: flex-start;
  padding: 0.25rem 0.3rem 0.25rem 0.4rem;
  justify-content: space-between;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  flex-wrap: wrap;
  background-image: url(../images/zimg13.jpg);
}
@media (max-width: 991px) {
  .bxlcase-list1 .box2a .text2a {
    padding: 0.4rem 0.2rem;
  }
}
.bxlcase-list1 .box2a .text2a .text2d {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.bxlcase-list1 .box2a .text2a .cn7 {
  margin-top: 0.05rem;
  color: #666666;
  line-height: 1.625em;
}
@media (max-width: 991px) {
  .bxlcase-list1 .box2a .text2a .cn7 {
    margin: 0.1rem 0;
  }
}
.bxlcase-list1 .box2a .text2a .text2b {
  max-width: 65%;
}
@media (max-width: 991px) {
  .bxlcase-list1 .box2a .text2a .text2b {
    max-width: 100%;
  }
}
.bxlcase-list1 .box2a .text2a .text2b .cn6 {
  line-height: 1.5em;
  color: #354b9c;
}
.bxlcase-list1 .box2a .text2a .text2c {
  max-width: 35%;
}
@media (max-width: 991px) {
  .bxlcase-list1 .box2a .text2a .text2c {
    max-width: 100%;
  }
}
.bxlcase-list1 .box2a .text2a .text2c .cn8 {
  border-radius: 6px;
  background-color: #354b9c;
  text-align: center;
  color: #fff;
  line-height: 0.28rem;
  display: block;
  padding: 0 0.2rem;
}
@media (max-width: 991px) {
  .bxlcase-list1 .box2a .text2a .text2c .cn8 {
    padding: 0.15rem 0.4rem;
  }
}
.bxlcase-list1 .box2a:hover .img > img {
  transform: scale(1.05);
}
.public-page {
  position: relative;
  z-index: 2;
  margin-top: 0.7rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.public-page .num {
  width: 0.4rem;
  height: 0.4rem;
  background-color: #Fff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
  margin: 0 0.05rem;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .public-page .num {
    width: 0.5rem;
    height: 0.5rem;
  }
}
.public-page .num:hover {
  background-color: #354b9c;
  color: #fff;
}
.public-page .num.on {
  background-color: #354b9c;
  color: #fff;
}
.public-page span.num:hover {
  background-color: #Fff;
  color: #999;
}
.public-page .prev {
  width: 0.4rem;
  height: 0.4rem;
  background-color: #Fff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
  margin: 0 0.05rem;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .public-page .prev {
    width: 0.5rem;
    height: 0.5rem;
  }
}
.public-page .prev.next svg {
  transform: rotate(180deg);
}
.public-page .prev svg path {
  fill: #999;
  opacity: 1;
  stroke: none;
  transition: all 0.4s;
}
.public-page .prev:hover {
  background-color: #354b9c;
  color: #fff;
}
.public-page .prev:hover svg path {
  fill: #fff;
}
.public-page .prev.on {
  background-color: #354b9c;
  color: #fff;
}
.contactbanner.contactbanner3 .bag::before {
  padding-top: 46.04166667%;
}
@media (max-width: 991px) {
  .contactbanner.contactbanner3 .bag::before {
    padding-top: 100%;
  }
}
.contactbanner.contactbanner3 .contactbanenr3a {
  z-index: 5;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 100%;
  margin: 0 auto;
  max-width: 1920px;
}
.contactbanner.contactbanner3 .contactbanenr3a .container {
  width: 100%;
  padding: 0 3%;
  margin: 0 ;
  max-width: initial;
  background-color: rgba(20, 20, 20, 0.8);
  width: 40.98958333%;
}
@media (max-width: 1260px) {
  .contactbanner.contactbanner3 .contactbanenr3a .container {
    width: 80%;
    padding: 0 0 0 5%;
  }
}
@media (max-width: 991px) {
  .contactbanner.contactbanner3 .contactbanenr3a .container {
    width: 100%;
  }
}
.contactbanner.contactbanner3 .contactbanenr3a .container .box {
  padding: 0.7rem 0 0.5rem;
}
@media (max-width: 991px) {
  .contactbanner.contactbanner3 .contactbanenr3a .container .box {
    padding: 0.3rem 0;
  }
}
.contactbanner.contactbanner3 .contactbanenr3a .container .box .bxlpublic-text {
  width: 100%;
}
.contactbanner.contactbanner3 .contactbanenr3a .container .box .bxlpublic-text .bxltextleft {
  width: 100%;
}
.bxlpublic-text {
  display: flex;
  flex-wrap: wrap;
}
.bxlpublic-text .bxltextleft .pcn1 {
  color: #ffffff;
  line-height: 1.17857143em;
  padding: 0 0.3rem;
  position: relative;
}
.bxlpublic-text .bxltextleft .pcn1::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.1rem;
  width: 0.04rem;
  height: 0.3rem;
  background-color: #fff;
}
.bxlpublic-text .bxltextleft .pcn2 {
  color: #ffffff;
  line-height: 1.33333333em;
  padding: 0 0.3rem;
  margin: 0.2rem 0 0.3rem;
}
@media (max-width: 991px) {
  .bxlpublic-text .bxltextleft .pcn2 {
    font-size: 0.28rem;
  }
}
.bxlpublic-text .bxltextleft .pcn3 {
  padding: 0 0.3rem;
  display: flex;
  flex-wrap: wrap;
}
.bxlpublic-text .bxltextleft .pcn3 .pcn4 {
  min-width: 0.65rem;
  line-height: 1.78571429em;
  background-color: #354b9c;
  color: #Fff;
  text-align: center;
  padding: 0 0.2rem;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
}
.bxlpublic-text2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.bxlpublic-text2 .bxltextleft .pcn1 {
  color: #333333;
  line-height: 1.17857143em;
  padding: 0 0.3rem;
  position: relative;
}
.bxlpublic-text2 .bxltextleft .pcn1::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.1rem;
  width: 0.04rem;
  height: 0.3rem;
  background-color: #354b9c;
}
.bxlpublic-text2 .bxltextright {
  max-width: 6.45rem;
}
@media (max-width: 991px) {
  .bxlpublic-text2 .bxltextright {
    width: 100%;
    max-width: 100%;
    margin-top: 0.3rem;
  }
}
.bxlpublic-text2 .bxltextright .pcn2 {
  line-height: 1.5em;
  color: #333333;
}
.case-sheji {
  overflow: hidden;
  padding-bottom: 1.2rem;
}
.case-sheji1 {
  padding-top: 1.4rem;
  display: flex;
  flex-wrap: wrap;
}
.case-sheji1 .left {
  width: 50%;
  padding-right: 11.66666667%;
  position: relative;
}
@media (max-width: 991px) {
  .case-sheji1 .left {
    padding-right: 0;
    width: 100%;
  }
}
.case-sheji1 .left .bxlpublic-text2 {
  max-height: 4rem;
  overflow-y: auto;
  padding-right: 0.2rem;
}
@media (max-width: 991px) {
  .case-sheji1 .left .bxlpublic-text2 {
    max-height: auto;
  }
}
.case-sheji1 .left .casesheji1a {
  position: relative;
  overflow: hidden;
  margin-top: 0.5rem;
}
.case-sheji1 .left .casesheji1a .swiper-slide p {
  font-size: 20px;
  line-height: 1.5em;
  color: #666666;
}
@media (max-width: 1580px) {
  .case-sheji1 .left .casesheji1a .swiper-slide p {
    font-size: 18px;
  }
}
@media (max-width: 1260px) {
  .case-sheji1 .left .casesheji1a .swiper-slide p {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .case-sheji1 .left .casesheji1a .swiper-slide p {
    font-size: 0.3rem;
  }
}
.case-sheji1 .left .casesheji1a .swiper-slide b {
  line-height: 1.45454545em;
  color: #444444;
  font-size: 22px;
}
@media (max-width: 991px) {
  .case-sheji1 .left .casesheji1a .swiper-slide b {
    font-weight: initial;
  }
}
@media (max-width: 1580px) {
  .case-sheji1 .left .casesheji1a .swiper-slide b {
    font-size: 18px;
  }
}
@media (max-width: 1260px) {
  .case-sheji1 .left .casesheji1a .swiper-slide b {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .case-sheji1 .left .casesheji1a .swiper-slide b {
    font-size: 0.3rem;
  }
}
.case-sheji1 .left .casesheji1bpage {
  position: absolute;
  left: 0;
  bottom: 1rem;
  color: #cccccc;
}
@media (max-width: 991px) {
  .case-sheji1 .left .casesheji1bpage {
    position: relative;
    bottom: 0;
    margin-top: 0.5rem;
  }
}
.case-sheji1 .left .casesheji1bpage .swiper-pagination-current {
  color: #354b9c;
}
.case-sheji1 .right {
  width: 50%;
}
@media (max-width: 991px) {
  .case-sheji1 .right {
    margin-top: 0.6rem;
    width: 100%;
  }
}
.case-sheji1 .right .casesheji1b {
  position: relative;
  overflow: hidden;
}
.case-sheji1 .right .swiper-slide .img::before {
  padding-top: 72.22222222%;
}
.case-sheji2 {
  padding-top: 1.4rem;
}
.case-sheji2 .casesheji2a {
  margin-top: 0.6rem;
  position: relative;
  overflow: hidden;
}
.case-sheji2 .casesheji2a .swiper-slide .img::before {
  padding-top: 118.62068966%;
}
.case-sheji3 {
  padding-top: 1.4rem;
}
.case-sheji3 .casesheji3a {
  margin-top: 0.6rem;
  position: relative;
}
.case-sheji3 .casesheji3a .swiper-slide {
  position: relative;
}
.case-sheji3 .casesheji3a .swiper-slide .img::before {
  padding-top: 66.66666667%;
}
.case-sheji3 .casesheji3a .swiper-slide::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: #000;
  opacity: 0;
  z-index: 3;
  transition: all 0.4s;
}
.case-sheji3 .casesheji3a .swiper-slide.swiper-slide-active::before {
  opacity: 0;
}
.case-sheji4 {
  padding-top: 1.4rem;
}
.case-sheji4 .casesheji4a {
  margin-top: 0.6rem;
  position: relative;
}
.case-sheji4 .casesheji4a .swiper-slide .img::before {
  padding-top: 100%;
}
.case-sheji4 .casesheji4a .swiper-slide .cn1 {
  text-align: center;
  color: #333333;
  line-height: 1.41666667em;
  margin-top: 0.25rem;
}
.case-sheji5 {
  padding-top: 1.4rem;
}
.case-sheji5 .casesheji5a {
  margin-top: 0.6rem;
  position: relative;
}
.case-sheji5 .casesheji5a .swiper-slide {
  position: relative;
}
.case-sheji5 .casesheji5a .swiper-slide .img::before {
  padding-top: 66.66666667%;
}
.case-sheji5 .casesheji5a .swiper-slide::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: #000;
  opacity: 0;
  z-index: 3;
  transition: all 0.4s;
}
.case-sheji5 .casesheji5a .swiper-slide.swiper-slide-active::before {
  opacity: 0;
}
.case-sheji6 {
  padding-top: 1.4rem;
}
.case-sheji6 .casesheji6a {
  margin-top: 0.6rem;
  width: 100%;
}
.case-sheji6 .casesheji6a p {
  width: 100%;
}
.case-sheji6 .casesheji6a p img {
  width: 100%;
}
.case-sheji7 {
  padding-top: 1.4rem;
}
.case-sheji7 .casesheji7a {
  margin-top: 0.6rem;
}
.case-sheji7 .casesheji7a .swiper-wrapper .swiper-slide .box2a {
  width: 100%;
}
.case-sheji7 .casesheji7a .swiper-wrapper .swiper-slide .box2a .img {
  border: solid 1px #f4f7fc;
  position: relative;
}
.case-sheji7 .casesheji7a .swiper-wrapper .swiper-slide .box2a .img::before {
  padding-top: 89.68609865%;
}
.case-sheji7 .casesheji7a .swiper-wrapper .swiper-slide .box2a .img .text2e {
  padding-right: 0.08rem;
  display: flex;
  align-items: center;
  z-index: 5;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 0.34rem;
  background-color: #354b9c;
  color: #fff;
}
@media (max-width: 991px) {
  .case-sheji7 .casesheji7a .swiper-wrapper .swiper-slide .box2a .img .text2e {
    line-height: 0.7rem;
  }
}
.case-sheji7 .casesheji7a .swiper-wrapper .swiper-slide .box2a .img .text2e::after {
  content: "";
  position: absolute;
  width: 0;
  left: -0.23rem;
  top: 0;
  height: 0;
  border-top: 0.34rem solid #354b9c;
  border-left: 0.23rem solid transparent;
}
@media (max-width: 991px) {
  .case-sheji7 .casesheji7a .swiper-wrapper .swiper-slide .box2a .img .text2e::after {
    left: -19px;
    border-left: 20px solid transparent;
    border-top: 0.7rem solid #354b9c;
  }
}
.case-sheji7 .casesheji7a .swiper-wrapper .swiper-slide .box2a .img .text2e img {
  width: auto;
  height: 0.19rem;
  margin-right: 0.05rem;
}
@media (max-width: 991px) {
  .case-sheji7 .casesheji7a .swiper-wrapper .swiper-slide .box2a .img .text2e img {
    height: 0.38rem;
  }
}
.case-sheji7 .casesheji7a .swiper-wrapper .swiper-slide .box2a .text2a {
  display: flex;
  align-items: flex-start;
  padding: 0.25rem 0.3rem 0.25rem 0.4rem;
  justify-content: space-between;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  flex-wrap: wrap;
  background-image: url(../images/zimg13.jpg);
}
@media (max-width: 991px) {
  .case-sheji7 .casesheji7a .swiper-wrapper .swiper-slide .box2a .text2a {
    padding: 0.4rem 0.2rem;
  }
}
.case-sheji7 .casesheji7a .swiper-wrapper .swiper-slide .box2a .text2a .text2d {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.case-sheji7 .casesheji7a .swiper-wrapper .swiper-slide .box2a .text2a .cn7 {
  margin-top: 0.05rem;
  color: #666666;
  line-height: 1.625em;
}
@media (max-width: 991px) {
  .case-sheji7 .casesheji7a .swiper-wrapper .swiper-slide .box2a .text2a .cn7 {
    margin: 0.1rem 0;
  }
}
.case-sheji7 .casesheji7a .swiper-wrapper .swiper-slide .box2a .text2a .text2b {
  max-width: 65%;
}
@media (max-width: 991px) {
  .case-sheji7 .casesheji7a .swiper-wrapper .swiper-slide .box2a .text2a .text2b {
    max-width: 100%;
  }
}
.case-sheji7 .casesheji7a .swiper-wrapper .swiper-slide .box2a .text2a .text2b .cn6 {
  line-height: 1.5em;
  color: #354b9c;
}
.case-sheji7 .casesheji7a .swiper-wrapper .swiper-slide .box2a .text2a .text2c {
  max-width: 35%;
}
@media (max-width: 991px) {
  .case-sheji7 .casesheji7a .swiper-wrapper .swiper-slide .box2a .text2a .text2c {
    max-width: 100%;
  }
}
.case-sheji7 .casesheji7a .swiper-wrapper .swiper-slide .box2a .text2a .text2c .cn8 {
  border-radius: 6px;
  background-color: #354b9c;
  text-align: center;
  color: #fff;
  line-height: 0.28rem;
  display: block;
  padding: 0 0.2rem;
}
@media (max-width: 991px) {
  .case-sheji7 .casesheji7a .swiper-wrapper .swiper-slide .box2a .text2a .text2c .cn8 {
    padding: 0.15rem 0.4rem;
  }
}
.case-sheji7 .casesheji7a .swiper-wrapper .swiper-slide .box2a:hover .img > img {
  transform: scale(1.05);
}
.publicswiperprev {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.68rem;
  height: 0.68rem;
  background-color: #f6f6f6;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0;
  transition: all 0.4s;
}
@media (max-width: 991px) {
  .publicswiperprev {
    opacity: 1;
    width: 0.78rem;
    height: 0.78rem;
  }
}
.publicswiperprev svg {
  width: 0.2rem;
  height: auto;
}
.publicswiperprev svg path {
  transition: all 0.4s;
  fill: #354b9c;
  opacity: 1;
  stroke: none;
  filter: initial;
}
.publicswiperprev:hover {
  background-color: #354b9c;
}
.publicswiperprev:hover svg path {
  fill: #FFf;
}
.publicswipernext {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.68rem;
  height: 0.68rem;
  cursor: pointer;
  background-color: #f6f6f6;
  border-radius: 50%;
  opacity: 0;
  transition: all 0.4s;
}
@media (max-width: 991px) {
  .publicswipernext {
    width: 0.78rem;
    height: 0.78rem;
    opacity: 1;
  }
}
.publicswipernext svg {
  width: 0.2rem;
  height: auto;
}
.publicswipernext svg path {
  transition: all 0.4s;
  fill: #354b9c;
  opacity: 1;
  stroke: none;
  filter: initial;
}
.publicswipernext:hover {
  background-color: #354b9c;
}
.publicswipernext:hover svg path {
  fill: #FFf;
}
.swiper-container-initialized:hover .publicswiperprev {
  opacity: 1;
  visibility: visible;
}
.swiper-container-initialized:hover .publicswipernext {
  opacity: 1;
  visibility: visible;
}
.case-pinpai {
  padding-bottom: 1.2rem;
}
.case-pinpai .case-pinpai1 .img img {
  width: 100%;
}
.case-pinpai .case-pinpai2 {
  padding-top: 0.8rem;
  background-color: #f3f4f9;
}
.case-pinpai .case-pinpai2 .container.text-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.case-pinpai .case-pinpai2 .container.img-box {
  margin-top: 0.9rem;
}
.case-pinpai .case-pinpai2 .container.img-box img {
  width: 100%;
}
.case-pinpai .case-pinpai2 .container.img-box img img {
  width: 100%;
}
.case-pinpai .case-pinpai2 .container .left {
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .case-pinpai .case-pinpai2 .container .left {
    width: 100%;
  }
}
.case-pinpai .case-pinpai2 .container .left .cn1 {
  color: #354b9c;
}
.case-pinpai .case-pinpai2 .container .left .cn2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.case-pinpai .case-pinpai2 .container .left .cn2 .cn3 {
  color: #000;
}
.case-pinpai .case-pinpai2 .container .left .cn2 .cn4 {
  margin-left: 0.12rem;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: #Fff;
  display: flex;
  align-items: center;
  transition: all 0.4s;
  justify-content: center;
}
@media (max-width: 991px) {
  .case-pinpai .case-pinpai2 .container .left .cn2 .cn4 {
    width: 0.8rem;
    height: 0.8rem;
  }
}
.case-pinpai .case-pinpai2 .container .left .cn2 .cn4 svg {
  max-width: 60%;
  max-height: 60%;
}
.case-pinpai .case-pinpai2 .container .left .cn2 .cn4 svg path {
  transition: all 0.4s;
  fill: #354b9c;
  opacity: 1;
  stroke: none;
}
.case-pinpai .case-pinpai2 .container .left .cn2 .cn4:hover {
  background-color: #354b9c;
}
.case-pinpai .case-pinpai2 .container .left .cn2 .cn4:hover svg path {
  fill: #fff;
}
.case-pinpai .case-pinpai2 .container .right {
  width: 70%;
}
@media (max-width: 991px) {
  .case-pinpai .case-pinpai2 .container .right {
    margin-top: 0.3rem;
    width: 100%;
  }
}
.case-pinpai .case-pinpai2 .container .right .cn5 {
  color: #354b9c;
  line-height: 1.20833333em;
}
.case-pinpai .case-pinpai2 .container .right .cn6 {
  margin-top: 0.3rem;
}
.case-pinpai .case-pinpai2 .container .right .cn6 p {
  color: #666666;
  line-height: 1.625em;
}
.case-pinpai .case-pinpai2 .container .right .cn7 {
  margin-top: 1.7rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.case-pinpai .case-pinpai2 .container .right .cn7 .cn8 .cn9 {
  color: #999999;
}
.case-pinpai .case-pinpai2 .container .right .cn7 .cn8 .cn10 {
  color: #999999;
  transition: all 0.4s;
}
.case-pinpai .case-pinpai2 .container .right .cn7 .cn8 .cn10:hover {
  color: #354b9c;
}
.case-pinpai .case-pinpai3 {
  padding-top: 0.8rem;
  background-color: #f3f4f9;
}
.case-pinpai .case-pinpai3 .case-pinpai3a {
  margin-top: 0.5rem;
  position: relative;
  overflow: hidden;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(53, 75, 156, 0.1);
}
.case-pinpai .case-pinpai3 .case-pinpai3a .swiper-slide {
  background-color: #e9ecf5;
}
.case-pinpai .case-pinpai3 .case-pinpai3a .swiper-slide .img::before {
  padding-top: 52.88135593%;
}
.case-pinpai .case-pinpai3 .case-pinpai3a .swiper-slide .text {
  padding: 0.3rem 0.4rem;
}
.case-pinpai .case-pinpai3 .case-pinpai3a .swiper-slide .text .cn1 {
  color: #354b9c;
  line-height: 1.41666667em;
}
.case-pinpai .case-pinpai3 .case-pinpai3a .swiper-slide .text .cn2 {
  margin-top: 0.2rem;
  color: #666;
  line-height: 1.625em;
}
.case-pinpai4 {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  background-color: #f3f4f9;
}
.case-pinpai4 .box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 0.6rem;
}
.case-pinpai4 .box .cn1 {
  color: #354b9c;
}
.case-pinpai4 .box .arrow {
  display: flex;
}
@media (max-width: 767px) {
  .case-pinpai4 .box .arrow {
    margin-top: 0.5rem;
  }
}
.case-pinpai4 .box .arrow .publicswiperprev {
  position: relative;
  background-color: #fff;
  opacity: 1;
  top: initial;
  transform: initial;
}
.case-pinpai4 .box .arrow .publicswiperprev:hover {
  background-color: #354b9c;
}
.case-pinpai4 .box .arrow .publicswipernext {
  position: relative;
  background-color: #fff;
  opacity: 1;
  margin-left: 0.2rem;
  top: initial;
  transform: translateY(0) rotate(180deg);
}
.case-pinpai4 .box .arrow .publicswipernext:hover {
  background-color: #354b9c;
}
.case-pinpai4 .casepinpai4a {
  position: relative;
  overflow: hidden;
  margin-top: 0.45rem;
}
.case-pinpai4 .casepinpai4a .swiper-slide {
  position: relative;
}
.case-pinpai4 .casepinpai4a .swiper-slide .img::before {
  padding-top: 110.34482759%;
}
.case-pinpai4 .casepinpai4a .swiper-slide .text {
  background-color: #Ffffff;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0 0.5rem;
  height: 1.8rem;
  z-index: 3;
  transition: all 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.case-pinpai4 .casepinpai4a .swiper-slide .text .cn2 {
  text-align: center;
  color: #666666;
  line-height: 1.55555556em;
  display: block;
}
.case-pinpai4 .casepinpai4a .swiper-slide .text .cn3 {
  display: block;
  text-align: center;
  color: #354b9c;
  line-height: 1.41666667em;
}
.case-pinpai4 .casepinpai4a .swiper-slide:hover .img img {
  transform: scale(1.05);
}
.case-pinpai4 .casepinpai4a .swiper-slide:hover .text {
  bottom: -1.8rem;
}
.case-pinpai5 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.case-pinpai5 .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.case-pinpai5 .container .left {
  height: 100vh;
  position: sticky;
  left: 0;
  top: 0;
  width: 44.44444444%;
  padding-top: 1rem;
  padding-bottom: 0.8rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .case-pinpai5 .container .left {
    width: 100%;
    position: relative;
    height: auto;
  }
}
.case-pinpai5 .container .left .cn1 {
  width: 75%;
}
@media (max-width: 991px) {
  .case-pinpai5 .container .left .cn1 {
    margin-top: 1rem;
    width: 100%;
  }
}
.case-pinpai5 .container .left .cn1 .cn2 {
  color: #354b9c;
  line-height: 1.27777778em;
}
.case-pinpai5 .container .left .cn1 .cn3 {
  margin-top: 0.9rem;
}
.case-pinpai5 .container .left .cn1 .cn3 p {
  color: #666;
  line-height: 1.625em;
}
.case-pinpai5 .container .right {
  padding-top: 1rem;
  width: 49.16666667%;
}
@media (max-width: 991px) {
  .case-pinpai5 .container .right {
    width: 100%;
  }
}
.case-pinpai5 .container .right p {
  margin-bottom: 0.4rem;
}
.case-pinpai5 .container .right p:last-child {
  margin-bottom: 0;
}
.case-pinpai6 {
  padding-top: 0.8rem;
}
.case-pinpai6 .container {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 1rem;
}
.case-pinpai6 .container .box .box2 {
  margin-top: 0.8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.case-pinpai6 .container .box .box2 .left {
  width: 49.16666667%;
}
@media (max-width: 991px) {
  .case-pinpai6 .container .box .box2 .left {
    width: 100%;
  }
}
.case-pinpai6 .container .box .box2 .left .cn3 {
  width: 85.31073446%;
}
@media (max-width: 991px) {
  .case-pinpai6 .container .box .box2 .left .cn3 {
    width: 100%;
  }
}
.case-pinpai6 .container .box .box2 .left .cn3 .cn1 {
  color: #333333;
  line-height: 1.3125em;
}
.case-pinpai6 .container .box .box2 .left .cn3 .cn2 {
  margin-top: 0.5rem;
  color: #666666;
  line-height: 1.55555556em;
}
.case-pinpai6 .container .box .box2 .right {
  width: 49.16666667%;
}
@media (max-width: 991px) {
  .case-pinpai6 .container .box .box2 .right {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.case-pinpai6 .container .box .box2 .right .img::before {
  padding-top: 59.0960452%;
}
.case-pinpai6 .container .box .box2:nth-child(even) {
  flex-direction: row-reverse;
}
.case-pinpai6 .container .box .box2:nth-child(even) .left .cn3 {
  margin: 0 0 0 auto;
}
.case-pinpai7 {
  padding-bottom: 1rem;
  padding-top: 1rem;
}
.case-pinpai7 .container {
  background-color: #f3f4f9;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-wrap: wrap;
}
.case-pinpai7 .container .left {
  width: 50.83333333%;
  padding: 0.8rem 0.6rem;
}
@media (max-width: 991px) {
  .case-pinpai7 .container .left {
    width: 100%;
    padding: 0.8rem 0.3rem;
  }
}
.case-pinpai7 .container .left .casepinpai7a {
  margin-top: 1.55rem;
  position: relative;
  overflow: hidden;
  max-width: 7rem;
}
@media (max-width: 991px) {
  .case-pinpai7 .container .left .casepinpai7a {
    max-width: 100%;
  }
}
.case-pinpai7 .container .left .casepinpai7a .swiper-slide .cn1 {
  color: #333333;
  line-height: 1.27777778em;
}
.case-pinpai7 .container .left .casepinpai7a .swiper-slide .cn2 {
  line-height: 1.55555556em;
  margin-top: 0.3rem;
  color: #666666;
  height: 9.33333333em;
  overflow: auto;
}
.case-pinpai7 .container .left .arrow {
  margin-top: 0.6rem;
  display: flex;
}
.case-pinpai7 .container .left .arrow .publicswiperprev {
  position: relative;
  background-color: #fff;
  opacity: 1;
  top: 0;
  transform: translateY(0);
}
.case-pinpai7 .container .left .arrow .publicswiperprev:hover {
  background-color: #354b9c;
}
.case-pinpai7 .container .left .arrow .publicswipernext {
  margin-left: 0.2rem;
  position: relative;
  background-color: #fff;
  opacity: 1;
  top: 0;
  transform: translateY(0) rotate(180deg);
}
.case-pinpai7 .container .left .arrow .publicswipernext:hover {
  background-color: #354b9c;
}
.case-pinpai7 .container .right {
  width: 49.16666667%;
}
@media (max-width: 991px) {
  .case-pinpai7 .container .right {
    width: 100%;
  }
}
.case-pinpai7 .container .right .casepinpai7b {
  position: relative;
  overflow: hidden;
}
.case-pinpai7 .container .right .casepinpai7b .img::before {
  padding-top: 93.55932203%;
}
.case-pinpai8 .container {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 1.2rem;
}
.case-pinpai8 .container .box {
  margin-top: 0.9rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 0.6rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.case-pinpai8 .container .box .casepinpai8a .swiper-wrapper {
  flex-wrap: wrap;
}
.case-pinpai8 .container .box .casepinpai8a .swiper-slide {
  width: auto;
  height: auto;
  margin-right: 0.8rem;
  color: #333333;
  cursor: pointer;
}
@media (max-width: 767px) {
  .case-pinpai8 .container .box .casepinpai8a .swiper-slide {
    margin-right: 0.4rem;
  }
}
.case-pinpai8 .container .box .casepinpai8a .swiper-slide.swiper-slide-thumb-active {
  color: #354b9c;
}
@media (max-width: 767px) {
  .case-pinpai8 .container .box .public-gundong {
    display: none;
  }
}
.case-pinpai8 .container .casepinpai8b {
  padding-top: 0.6rem;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
}
.case-pinpai9 {
  padding: 2rem 0;
}
.case-pinpai9 .container {
  text-align: center;
}
.case-pinpai9 .container .cn1 {
  margin: 0 auto;
  width: 77.77777778%;
  text-align: center;
}
@media (max-width: 767px) {
  .case-pinpai9 .container .cn1 {
    width: 100%;
  }
}
.case-pinpai9 .container .cn1 span {
  color: #999999;
}
.case-pinpai9 .container .cn1 span.on {
  color: #354b9c;
}
.case-pinpai9 .container .cn2 {
  margin-top: 2.4rem;
  display: block;
  text-align: center;
}
.case-pinpai9 .container .cn2 .cn3 {
  display: block;
}
.case-pinpai9 .container .cn2 .cn4 {
  display: block;
  color: #999999;
}
.case-pinpai10 {
  overflow: hidden;
}
.case-pinpai10 .case-sheji7 {
  overflow: hidden;
}
.case-pinpaitext {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
.case-pinpaitext .pcn1 {
  color: #999999;
  line-height: 1.17857143em;
}
.case-pinpaitext .pcn1 b {
  display: block;
  color: #354b9c;
}
.case-pinpaitext .pcn1.pcn9 b {
  color: #000;
}
.case-pinpaitext .pcn2 {
  color: #333333;
}
.case-pinpaitext .pcn3 {
  line-height: 1.875em;
  color: #666;
  width: 32.77777778%;
}
@media (max-width: 991px) {
  .case-pinpaitext .pcn3 {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.public-line2 {
  display: flex;
  justify-content: flex-end;
  height: 31px;
  align-items: flex-end;
}
.public-line2 span {
  width: 4px;
  height: 10px;
  background-color: #354b9c;
  margin-left: 0.08rem;
}
.public-line2 span:nth-child(1) {
  animation: pline2sport1 2s 0s infinite linear;
}
.public-line2 span:nth-child(2) {
  animation: pline2sport1 2s 0.8s infinite linear;
}
.public-line2 span:nth-child(3) {
  animation: pline2sport1 2s 0.4s infinite linear;
}
.public-line2 span:nth-child(4) {
  animation: pline2sport1 2s 1.2s infinite linear;
}
@keyframes pline2sport1 {
  0% {
    height: 10px;
  }
  50% {
    height: 31px;
  }
  100% {
    height: 10px;
  }
}
.public-gundong {
  display: flex;
  align-items: center;
}
.public-gundong .pcn1 {
  color: #354b9c;
  margin-right: 0.1rem;
}
.public-gundong .pcn2 {
  width: 0.4rem;
  height: 0.4rem;
  background-color: #354b9c;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.public-gundong .pcn2 img {
  animation: gundong 2s infinite linear;
  width: 0.16rem;
}
@keyframes gundong {
  0% {
    transform: translateY(-0.05rem);
  }
  50% {
    transform: translateY(0.05rem);
  }
  100% {
    transform: translateY(-0.05rem);
  }
}
.public-fenlei2 {
  background-color: #Fff;
  padding: 0.3rem 0;
  border-bottom: 1px solid #e5e5e5;
}
.public-fenlei2 .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.public-fenlei2 .container .cn1 {
  min-width: 2.4rem;
  margin: 0 0.1rem;
  padding: 0 0.2rem;
  line-height: 0.7rem;
  border-radius: 0.35rem;
  background-color: transparent;
  color: #333333;
  transition: all 0.4s;
  text-align: center;
}
@media (max-width: 767px) {
  .public-fenlei2 .container .cn1 {
    min-width: 1.8rem;
  }
}
.public-fenlei2 .container .cn1:hover {
  color: #Fff;
  background-color: #354b9c;
}
.public-fenlei2 .container .cn1.on {
  color: #Fff;
  background-color: #354b9c;
}
.public-fenlei2.on {
  position: sticky;
  left: 0;
  top: 0;
  background-color: #fff;
  z-index: 20;
  padding: 0.15rem 0;
}
.about1box1 {
  background-color: #Fff;
  padding: 1.5rem 0;
}
.about1box1 .container {
  display: flex;
  flex-wrap: wrap;
}
.about1box1 .container .left {
  width: 45.77777778%;
  padding-right: 11.66666667%;
}
@media (max-width: 991px) {
  .about1box1 .container .left {
    width: 100%;
    padding-right: 0;
  }
}
.about1box1 .container .left .cn1 {
  line-height: 1.17857143em;
  color: #333;
}
.about1box1 .container .left .cn2 {
  line-height: 1.55555556em;
  color: rgba(51, 51, 51, 0.6);
  margin: 0.7rem 0 1.05rem;
}
.about1box1 .container .left .cn3 {
  line-height: 1.45454545em;
  color: #333333;
  padding-left: 0.44rem;
  position: relative;
}
.about1box1 .container .left .cn3 .cn3a {
  position: absolute;
  left: 0;
  top: -0.45rem;
}
.about1box1 .container .left .cn3 .cn3a img {
  width: 0.68rem;
}
.about1box1 .container .left .cn3 .cn3b {
  position: relative;
  z-index: 2;
}
.about1box1 .container .left .arrow {
  display: flex;
  position: relative;
  margin-top: 0.8rem;
  padding-left: 0.44rem;
}
.about1box1 .container .left .arrow .publicswiperprev {
  margin-right: 0.2rem;
  position: relative;
  opacity: 1;
  top: initial;
  transform: translateY(0);
}
.about1box1 .container .left .arrow .publicswipernext {
  position: relative;
  opacity: 1;
  top: initial;
  transform: translateY(0) rotate(180deg);
}
.about1box1 .container .right {
  width: 54.22222222%;
}
@media (max-width: 991px) {
  .about1box1 .container .right {
    margin-top: 0.5rem;
    width: 100%;
  }
}
.about1box1 .container .right .about1box1a {
  position: relative;
  overflow: hidden;
}
.about1box1 .container .right .about1box1a .img::before {
  padding-top: 69.17525773%;
}
.about1box1 .container .right .about1box1a:hover .img img {
  transform: scale(1.05);
}
.about1box2 {
  background-color: #Fff;
  position: relative;
  padding: 1rem 0 1.3rem;
}
.about1box2 .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.about1box2 .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about1box2 .textbox {
  position: relative;
  z-index: 2;
}
.about1box2 .textbox .cn1 {
  text-align: center;
  color: #ffffff;
  line-height: 1.17857143em;
}
.about1box2 .textbox .cn2 {
  text-align: center;
  color: #ffffff;
  line-height: 1.55555556em;
  margin: 0.35rem 0 0.85rem;
}
.about1box2 .bigbox {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.about1box2 .bigbox .box1 {
  width: 22.77777778%;
}
@media (max-width: 1580px) {
  .about1box2 .bigbox .box1 {
    width: 32.77777778%;
  }
}
@media (max-width: 767px) {
  .about1box2 .bigbox .box1 {
    width: 100%;
  }
}
.about1box2 .bigbox .box1 .box3 {
  margin-top: 0.3rem;
  position: relative;
}
.about1box2 .bigbox .box1 .box3:nth-child(1) {
  margin-top: 0;
}
.about1box2 .bigbox .box1 .box3 .img3 {
  width: 114.63414634%;
}
@media (max-width: 767px) {
  .about1box2 .bigbox .box1 .box3 .img3 {
    width: 100%;
  }
}
.about1box2 .bigbox .box1 .box3 .img3::before {
  padding-top: 54.68409586%;
}
.about1box2 .bigbox .box1 .box3 .box4 {
  z-index: 3;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 0.3rem;
}
@media (max-width: 991px) {
  .about1box2 .bigbox .box1 .box3 .box4 {
    padding: 0.1rem 0.1rem;
  }
}
@media (max-width: 767px) {
  .about1box2 .bigbox .box1 .box3 .box4 {
    padding: 0.3rem 1rem 0.3rem 0.3rem;
  }
}
@media (max-width: 991px) {
  .about1box2 .bigbox .box1 .box3 .box4 .img2 {
    display: none;
  }
}
@media (max-width: 767px) {
  .about1box2 .bigbox .box1 .box3 .box4 .img2 {
    display: block;
  }
}
.about1box2 .bigbox .box1 .box3 .box4 .img2 img {
  height: 0.4rem;
}
@media (max-width: 767px) {
  .about1box2 .bigbox .box1 .box3 .box4 .img2 img {
    height: 0.6rem;
  }
}
.about1box2 .bigbox .box1 .box3 .box4 .cn3 {
  margin: 0.15rem 0 0.1rem;
  color: #Fff;
  line-height: 1.41666667em;
}
@media (max-width: 767px) {
  .about1box2 .bigbox .box1 .box3 .box4 .cn3 {
    font-size: 0.4rem;
  }
}
.about1box2 .bigbox .box1 .box3 .box4 .cn4 {
  color: #Fff;
  line-height: 1.71428571em;
  height: 5.14285714em;
  overflow: auto;
}
@media (max-width: 767px) {
  .about1box2 .bigbox .box1 .box3 .box4 .cn4 {
    height: 6.85714286em;
  }
}
@media (max-width: 767px) {
  .about1box2 .bigbox .box1.box5 {
    margin-top: 0.3rem;
  }
}
.about1box2 .bigbox .box1.box5 .box3 .img3 {
  transform: translateX(-13%) rotate(180deg);
}
@media (max-width: 767px) {
  .about1box2 .bigbox .box1.box5 .box3 .img3 {
    transform: translateX(0) rotate(0);
  }
}
.about1box2 .bigbox .box2 {
  width: 34.44444444%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (max-width: 767px) {
  .about1box2 .bigbox .box2 {
    display: none;
  }
}
.about1box2 .bigbox .box2 .zlogo {
  width: 33.38709677%;
  position: relative;
  z-index: 8;
}
.about1box2 .bigbox .box2 .zlogo svg {
  width: 100%;
}
.about1box2 .bigbox .box2 .zlogo svg path {
  fill: #Fff;
}
.about1box2 .bigbox .box2 .bgyuan {
  position: absolute;
  width: 49.51612903%;
  background-image: linear-gradient(-73deg, #577bff 0%, #4663ce 29%, #354b9c 100%);
  border: 1px dashed #fff;
  border-radius: 50%;
  z-index: 7;
}
.about1box2 .bigbox .box2 .kuosan1 {
  z-index: 6;
  position: absolute;
  width: 64.51612903%;
  background-image: linear-gradient(-73deg, #577bff 0%, #4663ce 29%, #354b9c 100%);
  border: 1px dashed #fff;
  border-radius: 50%;
  animation: kuosan 3s infinite linear;
}
.about1box2 .bigbox .box2 .kuosan2 {
  z-index: 5;
  position: absolute;
  width: 64.51612903%;
  background-image: linear-gradient(-73deg, #577bff 0%, #4663ce 29%, #354b9c 100%);
  border: 1px dashed #fff;
  border-radius: 50%;
  animation: kuosan2 3s infinite linear;
}
.about1box2 .bigbox .box2 .kuosan3 {
  z-index: 4;
  position: absolute;
  width: 64.51612903%;
  background-image: linear-gradient(-73deg, #577bff 0%, #4663ce 29%, #354b9c 100%);
  border: 1px dashed #fff;
  border-radius: 50%;
  animation: kuosan3 3s infinite linear;
}
@keyframes kuosan {
  0% {
    opacity: 0.5;
    width: 49.51612903%;
  }
  100% {
    width: 64.51612903%;
    opacity: 0;
  }
}
@keyframes kuosan2 {
  0% {
    opacity: 0.5;
    width: 49.51612903%;
  }
  100% {
    width: 78.22580645%;
    opacity: 0;
  }
}
@keyframes kuosan3 {
  0% {
    opacity: 0.5;
    width: 49.51612903%;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}
.about1box3 {
  background-color: #Fff;
  padding-top: 1.35rem;
  padding-bottom: 2.25rem;
  overflow: hidden;
}
.about1box3 .container .cn1 {
  color: #333333;
  line-height: 1.17857143em;
}
.about1box3 .container .cn2 {
  color: #999999;
  margin-top: 0.3rem;
  line-height: 1.55555556em;
  margin-bottom: 0.45rem;
}
.about1box3 .container .about1box3a {
  position: relative;
}
.about1box3 .container .about1box3a .swiper-slide .img::before {
  padding-top: 56.3237774%;
}
.about1box3 .container .about1box3a .swiper-slide .text {
  margin-top: 0.3rem;
}
.about1box3 .container .about1box3a .swiper-slide .text .cn3 {
  color: #333333;
  line-height: 1.38461538em;
}
.about1box3 .container .about1box3a .swiper-slide .text .cn4 {
  margin-top: 0.05rem;
  color: #666666;
  line-height: 1.625em;
}
.about1box3 .container .about1box3a .swiper-slide:hover .img img {
  transform: scale(1.05);
}
.about1box3 .container .arrow {
  display: flex;
  position: relative;
  margin-top: 0.5rem;
}
.about1box3 .container .arrow .publicswiperprev {
  margin-right: 0.2rem;
  position: relative;
  opacity: 1;
  top: initial;
  transform: translateY(0);
}
.about1box3 .container .arrow .publicswipernext {
  position: relative;
  opacity: 1;
  top: initial;
  transform: translateY(0) rotate(180deg);
}
.about1box4 {
  background-color: #f6f6f6;
  display: flex;
  flex-wrap: wrap;
  max-width: 1920px;
  margin: 0 auto;
}
.about1box4 .left {
  width: 50%;
  padding-left: 3%;
  padding-top: 1.4rem;
  padding-bottom: 0.4rem;
}
@media (max-width: 991px) {
  .about1box4 .left {
    width: 100%;
    padding: 1.4rem 5%;
  }
}
.about1box4 .left .cn1 {
  color: #333333;
  line-height: 1.17857143em;
}
.about1box4 .left .cn2 {
  color: #999999;
  margin-top: 0.3rem;
  line-height: 1.55555556em;
  margin-bottom: 0.45rem;
}
.about1box4 .left .cn3 {
  display: flex;
  flex-wrap: wrap;
  width: 5.2rem;
}
@media (max-width: 1580px) {
  .about1box4 .left .cn3 {
    width: 6.5rem;
  }
}
@media (max-width: 991px) {
  .about1box4 .left .cn3 {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .about1box4 .left .cn3 {
    justify-content: space-between;
  }
}
.about1box4 .left .cn3 .cn4 {
  text-align: center;
  line-height: 0.5rem;
  width: 1.6rem;
  margin-bottom: 0.2rem;
  border: solid 1px #d2d2d2;
  margin-right: 0.2rem;
}
@media (max-width: 1580px) {
  .about1box4 .left .cn3 .cn4 {
    width: 2rem;
  }
}
@media (max-width: 991px) {
  .about1box4 .left .cn3 .cn4 {
    width: 30%;
    margin-right: 3%;
  }
}
@media (max-width: 767px) {
  .about1box4 .left .cn3 .cn4 {
    width: 48%;
    margin-right: 0 !important;
    line-height: 0.76rem;
  }
}
.about1box4 .left .cn3 .cn4:nth-child(3n) {
  margin-right: 0;
}
.about1box4 .right {
  width: 50%;
}
@media (max-width: 991px) {
  .about1box4 .right {
    width: 100%;
  }
}
.about1box4 .right .about1box4a {
  position: relative;
  overflow: hidden;
}
.about1box4 .right .about1box4a .swiper-slide .img::before {
  padding-top: 80.83333333%;
}
.about1box4 .right .about1box4a .swiper-slide .img .yinying {
  height: 1.44rem;
  top: initial;
  bottom: 0;
  object-fit: fill;
}
.about1box4 .right .about1box4a .swiper-slide:hover .img img {
  transform: scale(1.05);
}
.about1box4 .right .about1box4a .about1box4aprev {
  left: 0.4rem;
  opacity: 1;
}
.about1box4 .right .about1box4a .about1box4anext {
  right: 0.4rem;
  opacity: 1;
}
.about1box4 .right .about1box4a .about1box4apage {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 0.4rem;
  left: 0;
  z-index: 5;
}
.about1box4 .right .about1box4a .about1box4apage .swiper-pagination-bullet {
  background-color: #ffffff;
  opacity: 0.4;
  margin: 0 5px;
  width: 10px;
  height: 10px;
}
.about1box4 .right .about1box4a .about1box4apage .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.about1box5 {
  position: relative;
}
.about1box5 .img {
  width: 100%;
}
.about1box5 .img img {
  width: 100%;
}
@media (max-width: 991px) {
  .about1box5 .img img.pc-img {
    display: none;
  }
}
.about1box5 .img img.mb-img {
  display: none;
}
@media (max-width: 991px) {
  .about1box5 .img img.mb-img {
    object-fit: cover;
    min-height: 6rem;
    display: block;
  }
}
.about1box5 .container {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.64rem;
  text-align: center;
}
.about1box5 .container .cn1 {
  color: #Fff;
  line-height: 1.25em;
}
.about1box5 .container .cn2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.about1box5 .container .cn2 .cn3 {
  margin: 0.35rem 0.2rem 0;
  width: 2.4rem;
  line-height: 0.7rem;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.35rem;
  color: #333333;
  transition: all 0.4s;
}
.about1box5 .container .cn2 .cn3:hover {
  background-color: #00b4b3;
  color: #Fff;
}
.about1box5 .container .cn2 .cn3.on1:hover {
  background-color: #00b4b3;
  color: #fff;
}
.about1box5 .container .cn2 .cn3.on2:hover {
  background-color: #ff6000;
  color: #fff;
}
.about2box1 {
  overflow: hidden;
  position: relative;
  background-color: #Fff;
  padding: 0.65rem 0 1.65rem;
}
.about2box1 .img2 {
  position: absolute;
  left: 0;
  top: 0;
}
.about2box1 .img2 img {
  width: 7.48rem;
}
.about2box1 .container {
  position: relative;
  z-index: 2;
}
.about2box1 .container .box1 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.about2box1 .container .box1 .left {
  width: 48.33333333%;
  padding-right: 9.44444444%;
}
@media (max-width: 991px) {
  .about2box1 .container .box1 .left {
    width: 100%;
    padding-right: 0;
  }
}
.about2box1 .container .box1 .left .cn1 {
  color: #333;
  line-height: 1.17857143em;
}
.about2box1 .container .box1 .left .cn2 {
  padding-right: 0.3rem;
  margin-top: 0.3rem;
  line-height: 1.625em;
  height: 11.375em;
  overflow: auto;
}
.about2box1 .container .box1 .left .cn2::-webkit-scrollbar-thumb {
  background-color: #434343;
}
.about2box1 .container .box1 .right {
  width: 51.66666667%;
}
@media (max-width: 991px) {
  .about2box1 .container .box1 .right {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.about2box1 .container .box1 .right .img {
  width: 106.4516129%;
}
@media (max-width: 991px) {
  .about2box1 .container .box1 .right .img {
    width: 100%;
  }
}
.about2box1 .container .box1 .right .img::before {
  padding-top: 48.48484848%;
}
.about2box1 .container .box2 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.75rem;
}
.about2box1 .container .box2 .box2a {
  width: 20%;
  background-color: #354b9c;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0 0.3rem;
}
@media (max-width: 991px) {
  .about2box1 .container .box2 .box2a {
    width: calc(100% / 3);
  }
}
.about2box1 .container .box2 .box2a .box2b .cn3 {
  position: relative;
  justify-content: center;
  display: flex;
  align-items: flex-start;
}
.about2box1 .container .box2 .box2a .box2b .cn3 .cn5 {
  position: relative;
}
.about2box1 .container .box2 .box2a .box2b .cn3 .cn3a {
  position: relative;
  color: #fff;
  line-height: 0.8125em;
  font-size: 0.8rem;
}
@media (max-width: 767px) {
  .about2box1 .container .box2 .box2a .box2b .cn3 .cn3a {
    font-size: 0.6rem;
  }
}
.about2box1 .container .box2 .box2a .box2b .cn3 .cn3b {
  line-height: 1em;
  color: #fff;
  position: absolute;
  left: calc(100% + 0.1rem);
}
.about2box1 .container .box2 .box2a .box2b .cn4 {
  text-align: center;
  margin-top: 0.2rem;
  line-height: 1.41666667em;
  color: #fff;
}
@media (max-width: 767px) {
  .about2box1 .container .box2 .box2a .box2b .cn4 {
    font-size: 0.24rem;
  }
}
.about2box1 .container .box2 .box2a:nth-child(even) {
  background-color: #f5f5f5;
}
.about2box1 .container .box2 .box2a:nth-child(even) .cn3 .cn3a {
  color: #354b9c;
}
.about2box1 .container .box2 .box2a:nth-child(even) .cn3 .cn3b {
  color: #354b9c;
}
.about2box1 .container .box2 .box2a:nth-child(even) .cn4 {
  color: #354b9c;
}
.about2box2 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: 1.35rem;
  overflow: hidden;
}
.about2box2 .container .cn1 {
  color: #Fff;
  line-height: 1.17857143em;
}
.about2box2 .box {
  display: flex;
  margin-top: 1rem;
  height: 6.55rem;
  position: relative;
}
@media (max-width: 767px) {
  .about2box2 .box {
    height: auto;
    flex-wrap: wrap;
  }
}
.about2box2 .box .box2 {
  width: 50%;
  text-align: center;
  position: relative;
  padding-bottom: 1rem;
  transition: all 0.9s;
}
@media (max-width: 767px) {
  .about2box2 .box .box2 {
    height: 6.55rem;
    width: 100%;
  }
}
.about2box2 .box .box2::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #Fff;
  opacity: 0.4;
}
@media (max-width: 767px) {
  .about2box2 .box .box2::before {
    width: 100%;
    height: 1px;
  }
}
.about2box2 .box .box2:last-child::before {
  display: none;
}
@media (max-width: 767px) {
  .about2box2 .box .box2:last-child::before {
    display: block;
  }
}
.about2box2 .box .box2.on {
  flex-shrink: 0;
  width: 49.47916667%;
  padding: 0 5.20833333%;
}
@media (max-width: 767px) {
  .about2box2 .box .box2.on {
    width: 100%;
  }
}
.about2box2 .box .box2.on .cn2 {
  opacity: 0;
}
.about2box2 .box .box2.on .box3 {
  opacity: 1;
  animation: donghua1 linear 1 1.3s;
}
@media (max-width: 767px) {
  .about2box2 .box .box2.on .box3 {
    animation: initial;
  }
}
.about2box2 .box .box2 .cn2 {
  color: #Fff;
  width: 25px;
  line-height: 1.1em;
  margin: 0 auto;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .about2box2 .box .box2 .cn2 {
    opacity: 0;
  }
}
.about2box2 .box .box2 .box3 {
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0;
  width: 80%;
  transform: translate(-50%, -50%);
  text-align: left;
  transition: all 0.3s;
  height: 4.6rem;
  overflow: auto;
  padding-right: 0.3rem;
}
@media (max-width: 767px) {
  .about2box2 .box .box2 .box3 {
    width: 90%;
    opacity: 1;
  }
}
.about2box2 .box .box2 .box3 .cn3 {
  line-height: 1.33333333em;
  color: #Fff;
  margin-bottom: 0.3rem;
}
.about2box2 .box .box2 .box3 .cn4 {
  line-height: 1.625em;
  color: #Ffff;
}
@keyframes donghua1 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.about2box3 {
  padding: 1.5rem 0 1.35rem;
  overflow: hidden;
  width: 100%;
}
.about2box3 .container .cn1 {
  color: #333333;
  line-height: 1.17857143em;
}
.about2box3 .container .about2box3a {
  width: 64.88888889%;
  margin-top: 1.2rem;
  position: relative;
}
@media (max-width: 1260px) {
  .about2box3 .container .about2box3a {
    width: 100%;
  }
}
.about2box3 .container .about2box3a .swiper-slide {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.about2box3 .container .about2box3a .swiper-slide .img {
  margin-left: 6.5%;
  width: 47%;
}
@media (max-width: 1580px) {
  .about2box3 .container .about2box3a .swiper-slide .img {
    margin-left: 0;
    width: 50%;
  }
}
@media (max-width: 1260px) {
  .about2box3 .container .about2box3a .swiper-slide .img {
    margin-left: 0;
    width: 50%;
  }
}
@media (max-width: 767px) {
  .about2box3 .container .about2box3a .swiper-slide .img {
    width: 100%;
    margin-left: 0;
  }
}
.about2box3 .container .about2box3a .swiper-slide .img::before {
  padding-top: 64.28571429%;
}
.about2box3 .container .about2box3a .swiper-slide .img::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.5;
  transition: all 0.4s;
  z-index: 5;
}
.about2box3 .container .about2box3a .swiper-slide .text {
  width: 45%;
  padding: 4% 5%;
}
@media (max-width: 1580px) {
  .about2box3 .container .about2box3a .swiper-slide .text {
    width: 50%;
    padding: 0 0.35rem;
  }
}
@media (max-width: 1260px) {
  .about2box3 .container .about2box3a .swiper-slide .text {
    width: 50%;
    padding: 0 0.35rem;
  }
}
@media (max-width: 767px) {
  .about2box3 .container .about2box3a .swiper-slide .text {
    width: 100%;
    padding: 0;
    margin-top: 0.5rem;
  }
}
.about2box3 .container .about2box3a .swiper-slide .text .cn2 {
  line-height: 1.25em;
  color: #354b9c;
}
.about2box3 .container .about2box3a .swiper-slide .text .cn3 {
  margin: 0.2rem 0 0.1rem;
  color: #333333;
  line-height: 1.5em;
}
.about2box3 .container .about2box3a .swiper-slide .text .cn4 {
  padding-left: 20px;
}
.about2box3 .container .about2box3a .swiper-slide .text .cn4 li {
  color: #999999;
  line-height: 1.625em;
  list-style: disc;
}
.about2box3 .container .about2box3a .swiper-slide:hover .img img {
  transform: scale(1.05);
}
.about2box3 .container .about2box3a .swiper-slide.swiper-slide-active .img::after {
  opacity: 0;
}
.about2box3 .container .about2box3b {
  position: relative;
  overflow: hidden;
  padding: 1.2rem 0.6rem 0;
}
.about2box3 .container .about2box3b .about2box3bprev {
  opacity: 1;
  background-color: #fff;
  top: initial;
  transform: translateY(0);
  bottom: 0.55rem;
}
.about2box3 .container .about2box3b .about2box3bprev:hover {
  background-color: #354b9c;
}
.about2box3 .container .about2box3b .about2box3bnext {
  opacity: 1;
  background-color: #fff;
  top: initial;
  transform: translateY(0) rotate(180deg);
  bottom: 0.55rem;
}
.about2box3 .container .about2box3b .about2box3bnext:hover {
  background-color: #354b9c;
}
.about2box3 .container .about2box3b::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0.87rem;
  width: 100%;
  height: 1px;
  background-color: #dcdcdc;
}
@media (max-width: 767px) {
  .about2box3 .container .about2box3b::before {
    bottom: 0.92rem;
  }
}
.about2box3 .container .about2box3b .swiper-slide {
  text-align: center;
  cursor: pointer;
}
.about2box3 .container .about2box3b .swiper-slide .dian {
  width: 0.2rem;
  height: 0.2rem;
  border: 1px solid #354b9c;
  position: relative;
  margin: 0 auto;
  border-radius: 50%;
  opacity: 0;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .about2box3 .container .about2box3b .swiper-slide .dian {
    width: 0.3rem;
    height: 0.3rem;
  }
}
.about2box3 .container .about2box3b .swiper-slide .dian::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.08rem;
  height: 0.08rem;
  background-color: #354b9c;
  border-radius: 50%;
}
.about2box3 .container .about2box3b .swiper-slide .year {
  line-height: 0.77rem;
  color: #354b9c;
  opacity: 0.55;
  font-size: 0.24rem;
  transition: all 0.4s;
}
.about2box3 .container .about2box3b .swiper-slide.swiper-slide-thumb-active .dian {
  opacity: 1;
}
.about2box3 .container .about2box3b .swiper-slide.swiper-slide-thumb-active .year {
  opacity: 1;
  font-size: 0.3rem;
}
.about2box4 {
  display: flex;
  background-color: #fff;
  align-items: center;
  flex-wrap: wrap;
}
.about2box4 .left {
  width: 62.5%;
}
@media (max-width: 991px) {
  .about2box4 .left {
    width: 100%;
  }
}
.about2box4 .left .box::before {
  padding-top: 57.08333333%;
}
.about2box4 .left .box iframe {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.about2box4 .right {
  width: 37.5%;
  padding: 0.5rem 1rem 0.5rem 0.8rem;
}
@media (max-width: 991px) {
  .about2box4 .right {
    padding: 0.5rem 0.3rem;
    width: 100%;
  }
}
.about2box4 .right .cn1 {
  color: #333333;
  line-height: 1.25em;
}
.about2box4 .right .cn2 {
  margin-top: 0.25rem;
  color: #666666;
  line-height: 1.625em;
}
.about2box4 .right .cn3 {
  margin-top: 0.55rem;
  display: flex;
  align-items: center;
}
.about2box4 .right .cn3 .cn4 {
  width: 0.7rem;
  height: 0.7rem;
  background-color: #354b9c;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.about2box4 .right .cn3 .cn5 {
  color: #354b9c;
  margin-left: 0.2rem;
}
.about2box4a {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1005;
  width: 100%;
  height: 100%;
  background-color: #fff;
  overflow: hidden;
  display: none;
}
.about2box4a iframe {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.about2box4a .close {
  position: absolute;
  z-index: 2;
  width: 0.7rem;
  height: 0.7rem;
  background-color: #354b9c;
  right: 0;
  top: 0;
  text-align: center;
  color: #Fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.about2box5 {
  background-color: #f6f6f6;
  padding-top: 1.35rem;
  padding-bottom: 1.2rem;
  overflow: hidden;
  position: relative;
}
.about2box5 .bgbgbg {
  position: absolute;
  left: 0%;
  top: 0;
  width: calc(3% + ((100% - 1800px) / 2) + 1px);
  height: 100%;
  background-color: #f6f6f6;
  z-index: 6;
}
@media (max-width: 1580px) {
  .about2box5 .bgbgbg {
    width: 3%;
  }
}
@media (max-width: 1260px) {
  .about2box5 .bgbgbg {
    width: 5%;
  }
}
.about2box5 .container {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
}
.about2box5 .container .left {
  position: relative;
  z-index: 2;
  background-color: #f6f6f6;
  width: 31.66666667%;
}
@media (max-width: 767px) {
  .about2box5 .container .left {
    display: none;
  }
}
.about2box5 .container .left .img {
  width: 76.84210526%;
}
.about2box5 .container .right {
  width: 68.33333333%;
}
@media (max-width: 767px) {
  .about2box5 .container .right {
    width: 100%;
  }
}
.about2box5 .container .right .cn1 {
  line-height: 1.17857143em;
  color: #333;
}
.about2box5 .container .right .about2box5a {
  margin-top: 1rem;
  position: relative;
}
.about2box5 .container .right .about2box5a .swiper-slide .img {
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.67);
}
.about2box5 .container .right .about2box5a .swiper-slide .img::before {
  padding-top: 72.05882353%;
}
.about2box5 .container .right .about2box5a .swiper-slide .cn2 {
  margin-top: 0.3rem;
  line-height: 1.5em;
  text-align: center;
}
.about2box5 .container .right .about2box5a .about2box5apage {
  margin-top: 0.7rem;
  position: relative;
  background-color: rgba(0, 0, 0, 0.1);
}
.about2box5 .container .right .about2box5a .about2box5apage .swiper-pagination-progressbar-fill {
  background-color: #354b9c;
}
.about2box5 .container .right .about2box5a .cn99 {
  margin-top: 0.6rem;
  display: flex;
  justify-content: flex-end;
}
.about2box5 .container .right .about2box5a .cn99 .about2box5aprev {
  position: relative;
  opacity: 1;
  background-color: #eeeeee;
  top: initial;
  transform: translateY(0);
}
.about2box5 .container .right .about2box5a .cn99 .about2box5aprev:hover {
  background-color: #354b9c;
}
.about2box5 .container .right .about2box5a .cn99 .about2box5anext {
  position: relative;
  opacity: 1;
  background-color: #eeeeee;
  top: initial;
  transform: translateY(0) rotate(180deg);
  margin-left: 0.2rem;
}
.about2box5 .container .right .about2box5a .cn99 .about2box5anext:hover {
  background-color: #354b9c;
}
.about2box6 {
  padding-top: 1.65rem;
  background-color: #f0f3f9;
}
.about2box6 .container {
  background-color: #394f9e;
  display: flex;
  padding: 1rem 0 2.5rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .about2box6 .container {
    padding: 1rem 0;
  }
}
.about2box6 .container .left {
  padding: 0 0.7rem;
  width: 45.55555556%;
}
@media (max-width: 767px) {
  .about2box6 .container .left {
    width: 100%;
    padding: 0 0.3rem;
  }
}
.about2box6 .container .left .cn1 {
  color: #Fff;
  line-height: 1.17857143em;
}
.about2box6 .container .left .cn2 {
  margin-top: 0.3rem;
  color: #ffffff;
  line-height: 2em;
  height: 16em;
  overflow: auto;
  padding-right: 0.2rem;
}
@media (max-width: 991px) {
  .about2box6 .container .left .cn2 {
    height: auto;
    line-height: 1.8em;
  }
}
.about2box6 .container .right {
  position: relative;
  width: 54.44444444%;
}
@media (max-width: 767px) {
  .about2box6 .container .right {
    display: none;
  }
}
.about2box6 .container .right .img {
  position: absolute;
  bottom: -2.5rem;
  width: 52.04081633%;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .about2box6 .container .right .img {
    bottom: -3rem;
  }
}
.about2box6 .container .right .img::before {
  padding-top: 160.39215686%;
}
.public-aside {
  position: fixed;
  right: 0.2rem;
  bottom: 0.5rem;
  z-index: 50;
  display: none;
}
.public-aside .box2 {
  background-color: #fff;
  box-shadow: 0px 2px 9px 0px rgba(50, 51, 51, 0.1);
  border-radius: 30px;
  width: 60px;
  padding-bottom: 0.2rem;
}
.public-aside .box2 .box:last-child::before {
  display: none;
}
.public-aside .box {
  padding-bottom: 0.1rem;
  position: relative;
  display: block;
}
.public-aside .box .cn2 {
  position: absolute;
  right: 100%;
  top: 0.1rem;
  padding-right: 0.18rem;
  opacity: 0;
  transition: all 0.4s;
  visibility: hidden;
}
.public-aside .box .cn2 .cn3 {
  background-color: #fff;
  border-radius: 6px;
  line-height: 1.5em;
  padding: 0.08rem 0.16rem;
  width: 1.86rem;
  position: relative;
  opacity: 0;
  transition: all 0.4s;
  color: #333333;
  text-align: center;
}
.public-aside .box .cn2 .cn3::before {
  content: "";
  position: absolute;
  left: calc(100% - 0.05rem);
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 0.1rem;
  height: 0.1rem;
  background-color: #fff;
}
.public-aside .box::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 40px;
  height: 1px;
  background-color: #ddd;
}
.public-aside .box .img {
  width: 60px;
  height: 60px;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.public-aside .box .img .lan1 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background-color: #354b9c;
  z-index: 5;
  opacity: 0;
  transition: all 0.4s;
}
.public-aside .box .img .lan2 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background-color: #354b9c;
  z-index: 4;
  opacity: 0;
}
.public-aside .box .img .lan3 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background-color: #354b9c;
  z-index: 3;
  opacity: 0;
}
.public-aside .box .img img {
  position: relative;
  z-index: 6;
}
.public-aside .box .img svg {
  position: relative;
  z-index: 6;
}
.public-aside .box .img svg path {
  fill: #354b9c;
  opacity: 1;
  transition: all 0.4s;
  stroke: none;
  filter: initial;
}
.public-aside .box .cn1 {
  text-align: center;
  color: #333333;
  line-height: 1.28571429em;
  padding: 0 10px;
}
@media (max-width: 767px) {
  .public-aside .box .cn1 {
    padding: 0 0.24rem;
  }
}
.public-aside .box:hover .cn2 {
  z-index: 2;
  opacity: 1;
  visibility: visible;
}
.public-aside .box:hover .cn2 .cn3 {
  opacity: 1;
}
.public-aside .box:hover .img .lan1 {
  opacity: 1;
}
.public-aside .box:hover .img .lan2 {
  animation: asidean1 2s infinite linear;
}
.public-aside .box:hover .img .lan3 {
  animation: asidean2 2s infinite linear;
}
.public-aside .box:hover .img svg path {
  fill: #Fff;
}
.public-aside .box3 {
  margin-top: 0.2rem;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0px 2px 9px 0px rgba(50, 51, 51, 0.1);
  transition: all 0.4s;
}
.public-aside .box3 svg {
  position: relative;
  z-index: 6;
}
.public-aside .box3 svg path {
  fill: #354b9c;
  opacity: 1;
  transition: all 0.4s;
  stroke: none;
  filter: initial;
}
.public-aside .box3:hover {
  background-color: #354b9c;
}
.public-aside .box3:hover svg path {
  fill: #Fff;
}
@keyframes asidean1 {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  100% {
    opacity: 0.5;
    transform: translate(-50%, -50%) scale(1.25);
  }
}
@keyframes asidean2 {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.5;
  }
  100% {
    opacity: 0.05;
    transform: translate(-50%, -50%) scale(1.5);
  }
}
.public-window {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}
.public-window .box {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 9.1rem;
  display: flex;
  border-radius: 6px;
  background-color: #354b9c;
  align-items: stretch;
  overflow: auto;
}
@media (max-width: 991px) {
  .public-window .box {
    width: 90%;
  }
}
.public-window .box::before {
  content: "";
  position: absolute;
  width: 61.53846154%;
  right: 0;
  top: 0;
  height: 100%;
  background-color: #fff;
}
.public-window .box .left {
  width: 38.46153846%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.5rem 0.3rem 0.3rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0%;
}
@media (max-width: 767px) {
  .public-window .box .left {
    display: none;
  }
}
.public-window .box .left .box1 .cn1 img {
  width: 2.02rem;
}
.public-window .box .left .box1 .cn2 {
  color: #fff;
  line-height: 1.25em;
  margin-top: 0.14rem;
}
.public-window .box .left .box2 .cn3 {
  color: #fff;
}
.public-window .box .left .box2 .cn4 {
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
}
.public-window .box .left .box2 .cn4 .cn5 {
  margin-top: 0.1rem;
  width: 48.14814815%;
  border-radius: 6px;
  line-height: 0.37rem;
  border: 1px solid #fff;
  text-align: center;
  color: #Fff;
}
.public-window .box .left .box3 {
  text-align: right;
}
.public-window .box .left .box3 .cn6 {
  color: #Fff;
  margin-left: 0.24rem;
  position: relative;
  transition: all 0.4s;
}
.public-window .box .left .box3 .cn6:hover {
  color: #354b9c;
}
.public-window .box .left .box3 .cn6:nth-child(1)::before {
  display: none;
}
.public-window .box .left .box3 .cn6::before {
  content: "";
  position: absolute;
  left: -0.13rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 60%;
  background-color: #fff;
}
.public-window .box .right {
  min-height: 5.97rem;
  overflow: auto;
  width: 61.53846154%;
  background-color: #fff;
  padding: 0.55rem;
  position: relative;
}
@media (max-width: 991px) {
  .public-window .box .right {
    width: 100%;
  }
}
.public-window .box .right .close {
  position: absolute;
  right: 0.3rem;
  top: 0.3rem;
  width: 19px;
  height: 19px;
  cursor: pointer;
}
.public-window .box .right .close span {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 2px;
  background-color: #000;
  transition: all 0.4s;
  display: block;
}
.public-window .box .right .close span:nth-child(1) {
  transform: translate(-50%, -50%) rotate(45deg);
}
.public-window .box .right .close span:nth-child(2) {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.public-window .box .right .close:hover span {
  background-color: #354b9c;
}
.public-window .box .right .cn1 {
  color: #333333;
  line-height: 1.35714286em;
}
.public-window .box .right .cn2 {
  color: #666666;
  line-height: 1.5em;
  margin: 0.1rem 0;
}
.public-window .box .right .cn2 span {
  color: #354b9c;
}
.public-window .box .right .cn3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.public-window .box .right .cn3 .cn4 {
  width: 48.88888889%;
  margin-top: 0.15rem;
}
.public-window .box .right .cn3 .cn4 input {
  width: 100%;
  line-height: 0.5rem;
  background-color: #fafafa;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  color: #999999;
  padding: 0 0.1rem;
}
@media (max-width: 767px) {
  .public-window .box .right .cn3 .cn4 input {
    line-height: 0.76rem;
  }
}
.public-window .box .right .cn3 .cn4 input::placeholder {
  color: #999;
}
.public-window .box .right .cn3 .cn4.cn5 {
  width: 100%;
}
.public-window .box .right .cn3 .cn4 .cn6 {
  line-height: 1.71428571em;
  color: #666;
}
.public-window .box .right .cn3 .cn4 .cn6 a {
  color: #00a2f7;
}
.public-window .box .right .cn3 .cn9 {
  margin-top: 0.3rem;
  align-items: center;
  display: flex;
  line-height: 0.62rem;
  background-color: #354b9c;
  border-radius: 4px;
  justify-content: center;
  min-width: 1.8rem;
  padding: 0 0.2rem;
  background-image: url(../images/zimg138.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  .public-window .box .right .cn3 .cn9 {
    line-height: 0.76rem;
  }
}
.public-window .box .right .cn3 .cn9 .cn7 {
  color: #Fff;
}
.public-window .box .right .cn3 .cn9 .cn8 {
  margin-left: 0.3rem;
  width: 0.34rem;
  height: 0.34rem;
  border-radius: 50%;
  background-color: #5f79d5;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .public-window .box .right .cn3 .cn9 .cn8 {
    width: 0.5rem;
    height: 0.5rem;
  }
}
.public-window .box .right .cn3 .cn9 .cn8 img {
  width: 0.15rem;
}
@media (max-width: 767px) {
  .public-window .box .right .cn3 .cn9 .cn8 img {
    width: 0.3rem;
    height: 0.3rem;
  }
}
.public-window .box .right .cn3 .cn9:hover .cn8 {
  transform: translateX(5px);
}
.search-result {
  padding: 1.2rem 0;
}
.search-result .container .list1 {
  display: none;
}
.search-result .container .list1 .cn99 {
  width: 100%;
  text-align: center;
}
@media (max-width: 991px) {
  .search-result .container .list1 .cn99 {
    font-size: 0.36rem;
  }
}
.search-result .container .list1.on {
  display: flex;
}
.search-result .container .list1.sousuobudao {
  justify-content: center;
  flex-wrap: wrap;
}
.search-result .container .index-news {
  padding-bottom: 0;
}
.search-result .container .index-news .container {
  width: 100%;
}
.search-result .container .bxlcase-list2 {
  width: 100%;
  padding: 0;
}
.search-result .container .bxlcase-list2 .investorbox2_cont {
  border-bottom: 0;
}
.search-result .container .bxlcase-list2 .investorbox2_cont .swiper-slide .item {
  padding-bottom: 0;
}
.search-result .container .bxlcase-list2 .investorbox2_cont .swiper-slide .item .gt {
  width: 100%;
}
#c-header .container .c-right-box .c-nav > li {
  position: initial;
}
#c-header .container .c-right-box .c-nav > li::before {
  display: none;
}
.ttopheader {
  width: 100vw;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.ttopheader .container {
  display: flex;
}
.ttopheader .container .left {
  min-height: 2.11rem;
  width: 35%;
  position: relative;
  display: flex;
  align-items: center;
}
.ttopheader .container .left .tcn1 {
  position: relative;
  text-align: left;
  color: #333333;
  line-height: 1.33333333em;
  z-index: 2;
}
.ttopheader .container .left .tcn2 {
  z-index: 2;
  position: relative;
  margin-top: 0.1rem;
  text-align: left;
  color: #333333;
  line-height: 1.45454545em;
}
.ttopheader .container .left .tcn3 {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ttopheader .container .left .tcn3 img {
  max-width: auto;
  height: 100%;
}
.ttopheader .container .right {
  width: 65%;
  display: flex;
}
.ttopheader .container .right .rightbox {
  width: 25%;
  padding-right: 0.3rem;
}
.ttopheader .container .right .rightbox .tcn4 {
  text-align: left;
  line-height: 1.55555556em;
  color: #333;
  font-weight: bold;
  transition: all 0.4s;
}
.ttopheader .container .right .rightbox .tcn4 svg {
  margin-left: 0.1rem;
  width: 0.2rem;
  height: 0.14rem;
  transition: all 0.4s;
}
.ttopheader .container .right .rightbox .tcn4 svg path {
  transition: all 0.4s;
  fill: #666;
  opacity: 1;
  stroke: none;
  filter: initial;
}
.ttopheader .container .right .rightbox .tcn5 {
  position: relative;
  padding-top: 0.3rem;
  text-align: left;
  line-height: 1.71428571em;
}
.ttopheader .container .right .rightbox .tcn5::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.15rem;
  width: 2.2rem;
  height: 1px;
  background-color: #eee;
}
@media (max-width: 1260px) {
  .ttopheader .container .right .rightbox .tcn5::before {
    width: 2rem;
  }
}
.ttopheader .container .right .rightbox:hover .tcn4 {
  color: #354b9c;
}
.ttopheader .container .right .rightbox:hover .tcn4 svg {
  transform: translateX(5px);
}
.ttopheader .container .right .rightbox:hover .tcn4 svg path {
  fill: #354b9c;
}
.news-info {
  background-color: #f4f7fc;
  padding-top: 0.9rem;
  padding-bottom: 1.4rem;
}
.news-info .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.news-info .container .left {
  width: 0.54rem;
  position: relative;
  z-index: 50;
}
@media (max-width: 991px) {
  .news-info .container .left {
    width: 0.76rem;
  }
}
@media (max-width: 767px) {
  .news-info .container .left {
    background-color: #Fff;
    order: 2;
    margin: 0 0 0;
    width: 100%;
    padding: 0 0.45rem;
  }
}
.news-info .container .left .box {
  position: sticky;
  left: 0;
  top: 1rem;
}
@media (max-width: 767px) {
  .news-info .container .left .box {
    position: relative;
    top: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}
.news-info .container .left .box span {
  display: none;
  color: #999;
}
@media (max-width: 767px) {
  .news-info .container .left .box span {
    display: block;
  }
}
.news-info .container .left .box .box2 {
  width: 0.54rem;
  height: 0.54rem;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.1rem;
  transition: all 0.4s;
}
@media (max-width: 991px) {
  .news-info .container .left .box .box2 {
    width: 0.76rem;
    height: 0.76rem;
  }
}
@media (max-width: 767px) {
  .news-info .container .left .box .box2 {
    margin-left: 0.2rem;
    margin-bottom: 0;
    background-color: #f4f7fc;
  }
}
.news-info .container .left .box .box2::before {
  display: none;
}
.news-info .container .left .box .box2 svg {
  width: auto;
  height: 0.19rem;
}
@media (max-width: 991px) {
  .news-info .container .left .box .box2 svg {
    height: 0.3rem;
  }
}
.news-info .container .left .box .box2 svg path {
  fill: #999;
  opacity: 1;
  stroke: none;
  filter: initial;
  transition: all 0.4s;
}
.news-info .container .left .box .box2:hover {
  background-color: #354b9c;
}
.news-info .container .left .box .box2:hover svg path {
  fill: #fff;
}
@media (max-width: 767px) {
  .news-info .container .left .box .box2.box3 {
    display: none;
  }
}
.news-info .container .center {
  width: calc(100% - 5.94rem);
  margin: 0 0.4rem;
}
@media (max-width: 991px) {
  .news-info .container .center {
    margin: 0 0 0 0.3rem;
    width: calc(100% - 1.06rem);
  }
}
@media (max-width: 767px) {
  .news-info .container .center {
    width: 100%;
    margin: 0;
    order: 1;
  }
}
.news-info .container .center .box {
  background-color: #fff;
  padding: 0.9rem 0.9rem 0.6rem;
}
@media (max-width: 1580px) {
  .news-info .container .center .box {
    padding: 0.9rem 0.45rem 0.6rem;
  }
}
.news-info .container .center .box .cn1 {
  line-height: 1.20833333em;
  color: #333;
}
.news-info .container .center .box .cn2 {
  margin-top: 0.2rem;
  padding-bottom: 0.45rem;
  color: #333333;
  line-height: 1.625em;
}
.news-info .container .center .box .cn2 span {
  margin-right: 0.3rem;
}
.news-info .container .center .box .cn3 {
  border-top: 1px solid #f1f1f1;
  padding-top: 0.5rem;
  color: #000000;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #f1f1f1;
}
.news-info .container .center .box .cn4 {
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
}
.news-info .container .center .box .cn4 .cn5 {
  padding-top: 0.4rem;
  width: 39%;
}
@media (max-width: 991px) {
  .news-info .container .center .box .cn4 .cn5 {
    width: 100%;
  }
}
.news-info .container .center .box .cn4 .cn5 .cn6 {
  color: #999999;
  line-height: 1.625em;
  margin-bottom: 0.1rem;
}
.news-info .container .center .box .cn4 .cn5 .cn7 {
  align-items: center;
  display: flex;
}
.news-info .container .center .box .cn4 .cn5 .cn7 .cn8 {
  width: 29.72972973%;
}
.news-info .container .center .box .cn4 .cn5 .cn7 .cn8::before {
  padding-top: 80.90909091%;
}
.news-info .container .center .box .cn4 .cn5 .cn7 .cn9 {
  padding-left: 0.2rem;
  width: 70.27027027%;
}
.news-info .container .center .box .cn4 .cn5 .cn7 .cn9 .cn10 {
  color: #333333;
  line-height: 1.375em;
  transition: all 0.4s;
}
.news-info .container .center .box .cn4 .cn5 .cn7:hover .cn8 img {
  transform: scale(1.05);
}
.news-info .container .center .box .cn4 .cn5 .cn7:hover .cn9 .cn10 {
  color: #354b9c;
}
.news-info .container .center .cn99 {
  display: block;
  margin-top: 0.5rem;
  text-align: center;
  color: #999;
  transition: all 0.4s;
}
@media (max-width: 991px) {
  .news-info .container .center .cn99 {
    display: none;
  }
}
.news-info .container .center .cn99:hover {
  color: #354b9c;
}
.news-info .container .right {
  width: 4.6rem;
}
@media (max-width: 991px) {
  .news-info .container .right {
    width: 100%;
    margin-top: 1rem;
  }
}
@media (max-width: 767px) {
  .news-info .container .right {
    order: 2;
    margin-top: 0rem;
  }
}
.news-info .container .right .box {
  background-color: #ffffff;
  padding: 0.3rem 0.45rem 0;
}
@media (max-width: 767px) {
  .news-info .container .right .box {
    padding: 0.6rem 0.45rem 0;
  }
}
.news-info .container .right .box .cn1 {
  color: #333333;
  line-height: 1.33333333em;
}
.news-info .container .right .box .cn2 {
  margin-top: 0.25rem;
}
.news-info .container .right .box .cn2 .cn3 {
  border-top: 1px solid #f1f1f1;
  padding: 0.2rem 0;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .news-info .container .right .box .cn2 .cn3 {
    padding: 0.4rem 0;
  }
}
.news-info .container .right .box .cn2 .cn3 .cn4 {
  width: 29.72972973%;
}
.news-info .container .right .box .cn2 .cn3 .cn4::before {
  padding-top: 80.90909091%;
}
.news-info .container .right .box .cn2 .cn3 .cn5 {
  padding-left: 0.2rem;
  width: 70.27027027%;
}
.news-info .container .right .box .cn2 .cn3 .cn5 .cn6 {
  transition: all 0.4s;
  color: #333333;
  line-height: 1.375em;
}
.news-info .container .right .box .cn2 .cn3 .cn5 .cn7 {
  margin-top: 0.03rem;
  line-height: 1.71428571em;
  color: #999999;
}
.news-info .container .right .box .cn2 .cn3:hover .cn4 img {
  transform: scale(1.05);
}
.news-info .container .right .box .cn2 .cn3:hover .cn5 .cn6 {
  color: #354b9c;
}
.social-share a {
  margin: 0;
  margin-bottom: 0.1rem;
}
.social-share .icon-wechat .wechat-qrcode {
  left: 110%;
  top: 0;
  box-shadow: initial;
}
.social-share .icon-wechat .wechat-qrcode:after {
  display: none;
}
.footertebie {
  opacity: 0;
}
.index-footer {
  overflow: hidden;
}
.index-footer .container .box1 .cn1 {
  position: relative;
}
.index-footer .container .box1 .right {
  position: relative;
}
.index-footer .container .box3 {
  position: relative;
}
.index-footer .container .box3 .left {
  position: relative;
}
.index-footer .container .box3 .right {
  position: relative;
}
.index-footer.on .container .box1 .cn1 {
  animation: donghua456 0.8s linear 1 forwards;
}
.index-footer.on .container .box1 .right {
  animation: donghua456 0.8s linear 1 forwards;
}
.index-footer.on .container .box2 .left .box2a {
  animation: donghua456 0.8s linear 1 forwards;
}
.index-footer.on .container .box2 .right .cn5.cn5a {
  animation: donghua456 0.8s linear 1 forwards;
}
.index-footer.on .container .box2 .right .cn5.cn5b {
  animation: donghua457 0.8s linear 1 forwards;
}
.index-footer.on .container .box3 .left {
  animation: donghua456 0.8s linear 1 forwards;
}
.index-footer.on .container .box3 .right {
  animation: donghua456 0.8s linear 1 forwards;
}
@keyframes donghua456 {
  from {
    opacity: 0;
    transform: translateY(0.5rem) scaleX(1.2);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes donghua457 {
  from {
    opacity: 0;
    transform: translateY(0.5rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes anim-bottom {
  0% {
    -webkit-transform: translateY(300px);
    transform: translateY(300px);
    opacity: 0;
    visibility: hidden;
  }
  50% {
    -webkit-transform: translateY(150px);
    transform: translateY(150px);
    opacity: 0;
    visibility: hidden;
  }
  100% {
    visibility: visible;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}
.contactbanner.contactbanner5 .text h3.on {
  animation: anim-bottom 0.8s ease-out 0s forwards;
}
.contactbanner .bag img {
  animation: fangdasuoxiao 10s 1 linear forwards;
}
@keyframes fangdasuoxiao {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.index-yuanjing .text9 .text2 span {
  line-height: 1.3em;
}
.index-yuanjing .text9 .cn2 span {
  line-height: 1.2em;
}
.index-yuanjing .text9 .cn3 {
  margin-top: 0;
}
.index-yuanjing .text9 .cn6 {
  margin-top: 0;
}
.index-yuanjing .text9 .cn3 {
  letter-spacing: 0.48rem;
  text-indent: 0.48rem;
  line-height: 1em;
  font-size: 0.4rem;
}
.index-yuanjing .text9 .cn3 span {
  line-height: 1.4em;
}
.index-yuanjing .text9 .cn5 {
  letter-spacing: 0.67rem;
  text-indent: 0.67rem;
}
.index-yuanjing .text9 .cn5 span {
  font-size: 0.9rem;
}
.index-yuanjing .text9 .cn6 {
  font-size: 0.5rem;
  line-height: 1.2em;
  letter-spacing: 0.2rem;
  text-indent: 0.2rem;
  text-align: center;
}
.index-yuanjing .text9 .cn7 {
  letter-spacing: 0.55rem;
  text-indent: 0.55rem;
  font-size: 0.6rem;
}
.index-yuanjing .text9 .cn7 span {
  font-size: 0.6rem;
}
@media (max-width: 992px) {
  .strategybox-sec4 .f_zhong .strategybox4_cont3 .bag:before {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2;
  }
  .creativebox-sec4-1 .f_zhong .f_title .font .text {
    opacity: 1 !important;
  }
  .devebox-sec3 .f_cont .devebox3_cont2 .devebox3_cont2_swiper .item .font .text p {
    font-size: 0.24rem !important;
    line-height: 1.5em !important;
  }
  .devebox-sec2 .bag:after {
    opacity: 0.9 !important;
  }
  .creativebox-sec6 .f_img {
    top: 0 !important;
  }
  .case-pinpai4 .box .arrow .publicswiperprev {
    left: 0;
  }
  .case-pinpai4 .box .arrow .publicswipernext {
    right: 0;
  }
}
.swiperpaginationindexbanner2 {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  bottom: 0;
  z-index: 6;
  display: none;
}
@media (max-width: 991px) {
  .swiperpaginationindexbanner2 {
    display: block;
  }
}
.swiperpaginationindexbanner2 .swiper-pagination-bullet {
  width: 0.6rem;
  position: relative;
  border-radius: 0;
  opacity: 1;
  height: 0.86rem;
  background-color: transparent;
  margin: 0 5px;
}
.swiperpaginationindexbanner2 .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.05rem;
  background-color: #354b9c;
  opacity: 0.2;
  border-radius: 3px;
  transition: all 0.4s;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.swiperpaginationindexbanner2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.swiperpaginationindexbanner2 .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  opacity: 1;
}