@charset "utf-8";
:root {
  --color: #ff6218;
  --vh: 100vh;
}
/*字体*/
/* @font-face {
	font-family: "Fontke";
	src: url("Fontke.woff2") format("woff2"),
		 url("Fontke.woff") format("woff"),
		 url("Fontke.ttf") format("truetype"),
		 url("Fontke.eot") format("embedded-opentype"),
		 url("Fontke.svg") format("svg"),
		 url("Fontke.otf") format("opentype");
} */
@font-face {
  font-family: 'font-ishuzi';
  src: url("../font/IMPACT.TTF") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'font-n';
  src: url("../font/Nereus-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'font-l';
  src: url("../font/Nereus-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.font-ishuzi {
  font-family: 'font-ishuzi', 'PingFangSC-Regular', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
}
.font-n {
  font-family: 'font-n', 'PingFangSC-Regular', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
}
.font-l {
  font-family: 'font-l', 'PingFangSC-Regular', '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: #fdd000;
}
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: 85%;
  max-width: 1600px;
}
@media (max-width: 1260px) {
  .container {
    width: 90%;
  }
}
.bg-color1 {
  background-color: #fff;
}
.ptb100 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media (max-width: 767px) {
  .ptb100 {
    padding-top: 1.2rem;
    padding-bottom: 1.2em;
  }
}
.pt100 {
  padding-top: 1rem;
}
@media (max-width: 767px) {
  .pt100 {
    padding-top: 1.2rem;
  }
}
.pb100 {
  padding-bottom: 1rem;
}
@media (max-width: 767px) {
  .pb100 {
    padding-bottom: 1.2rem;
  }
}
.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: #fdd000;
}
.public-scrollbar ::-webkit-scrollbar-track {
  /*滚动条-背景*/
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  background: #ededed;
}
.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: #fdd000;
}
#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: #fdd000;
}
#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: #fdd000;
}
#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: 1.6rem;
}
@media (max-width: 991px) {
  #c-placeholder {
    height: 1.2rem;
  }
}
/*顶部*/
#c-header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 900;
  width: 100%;
  line-height: 0.5rem;
  text-align: center;
  color: #fff;
  transition: all 0.5s;
}
@media (max-width: 991px) {
  #c-header {
    line-height: 1.2rem;
  }
}
#c-header a {
  color: #fff;
  transition: 0.3s;
}
#c-header .container {
  position: relative;
  z-index: 900;
  padding: 0 0.8rem;
  max-width: initial;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991px) {
  #c-header .container {
    position: initial;
    width: 90%;
    padding: 0;
    margin: 0 auto;
    height: 1.2rem;
  }
}
#c-header .c-right-box {
  display: flex;
  align-items: center;
}
#c-header.c-head-move {
  top: -1.6rem;
}
@media (max-width: 991px) {
  #c-header.c-head-move {
    top: -1.2rem;
  }
}
#c-header.c-style2 {
  color: #fff;
  background: #000;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
#c-header.c-style2 a {
  color: #fff;
}
/*顶部logo*/
#c-header .c-logo {
  display: flex;
  align-items: center;
  padding:5px 0
}
#c-header .c-logo .c-img-box {
  display: flex;
  align-items: center;
}
#c-header .c-logo .c-img-box img {
  width: 100%;
}
@media (max-width: 991px) {
  #c-header .c-logo .c-img-box img{
   width: 100%;
  }
}
#c-header .c-logo .c-img-box img {
width: 100%;
}
@media (max-width: 991px) {
  #c-header .c-logo .c-img-box img {
    width: 100%;
  }
}
#c-header .c-logo .c-img-box img:nth-child(2) {
 
}
#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;
  }
}
#c-header.c-style2 .c-logo .c-img-box img:nth-child(1) {
  
}
#c-header.c-style2 .c-logo .c-img-box img:nth-child(2) {
  display: inline-block;
}
/*顶部pc导航*/
#c-header .c-nav {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  #c-header .c-nav {
    display: none;
  }
}
#c-header .c-nav .search { border-radius: 5px;
  border: solid 1px #fff;
  display: flex; height:25px; line-height:25px; padding:0 10px}
#c-header .c-nav .zcn1 {
  display: flex;
  align-items: center;
  margin-left: 0.3rem;
}
#c-header .c-nav .zcn1 .zcn2 {
  margin-right: 0.1rem;
  display: flex;
  align-items: center;
}
#c-header .c-nav .zcn1 .zcn2 svg path {
  fill: #fdd000;
  opacity: 1;
}
#c-header .c-nav .zcn1 .zcn3 {
  color: #fff;
  transition: all 0.5s;
}
#c-header .c-nav .zcn1:hover .zcn3 {
  color: #fdd000 !important;
}
#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: #fdd000;
}
#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: #fdd000 !important;
}
#c-header.c-style2 .c-nav li .c-title-box svg path {
  fill: #fff;
}
#c-header.c-style2 .c-nav .zcn1 .zcn3 {
  color: #fff;
}
/*顶部移动端导航*/
#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 a {
  display: flex;
  align-items: center;
}
#c-header .c-nav2 li .c-title-box a .yidongicon {
  margin-right: 0.2rem;
  height: 0.3rem;
  transform: rotate(0) !important;
}
#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: #fdd000;
}
#c-header .c-nav2 li ul {
  display: none;
}
#c-header .c-nav2 .cn100 .cn99 {
  border-top: 0;
  border-bottom: 0;
  padding: 0;
  margin: 0;
  line-height: 2em;
}
#c-header .c-nav2 .cn100 .cn99:last-child {
  padding-bottom: 0.4rem;
}
#c-header .c-nav2 .cn100 .cn99 a {
  line-height: 2em;
}
.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: #fff;
  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: #fff;
}
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;
  position: relative;
  z-index: 5;
}
@media (max-width: 1260px) {
  #c-header .c-gn {
    display: none;
  }
}
#c-header .c-gn .cn1 {
  width: 90px;
  height: 25px;
  border-radius: 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #Fff;
}
#c-header .c-gn .cn1 svg path {
  fill: #fff;
  opacity: 1;
}
#c-header .c-gn .cn1 .zcn5 {
  color: #fff;
}
#c-header .c-gn .cn1 .zcn6 {
  margin-right: 10px;
  width: 10px;
  height: 6px;
}
#c-header .c-gn .c-box {
  width: 90px !important;
  height: auto !important;
  z-index: 5;
}
#c-header .c-gn .c-box .zcn7 {
  height: 50px;
  line-height: 50px;
  display: block;
  color: #000000;
  transition: all 0.5s;
}
#c-header .c-gn .c-box .zcn7:hover {
  color: #fdd000;
}
#c-header .c-gn form {
  padding-left: 0.8rem;
  position: relative;
  cursor: pointer;
}
#c-header .c-gn form img,
#c-header .c-gn form svg {
  width: 25px;
  height: 25px;
  transition: 0.3s;
  vertical-align: middle;
}
@media (max-width: 991px) {
  #c-header .c-gn form img,
  #c-header .c-gn form svg {
    width: 0.2rem;
    height: 0.2rem;
  }
}
#c-header .c-gn form img path,
#c-header .c-gn form svg path {
  fill: #fff;
}
#c-header .c-gn form:hover > svg path {
  fill: #fdd000 !important;
}
#c-header .c-gn form .c-box {
  z-index: 910;
  position: absolute;
  top: 106%;
  right: 0;
  display: none;
  width: 280px;
  height: 50px;
  line-height: 50px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
#c-header .c-gn form .c-box input {
  float: left;
  padding: 0 0.15rem;
  width: -webkit-calc(30%);
  width: calc(100% - 70px);
  height: 50px;
}
#c-header .c-gn form .c-box button {
  float: left;
  width: 70px;
  height: 50px;
  color: #fff;
  background: #fdd000;
  cursor: pointer;
}
#c-header .c-gn .c-phone {
  display: flex;
  align-items: center;
}
#c-header .c-gn .c-phone img,
#c-header .c-gn .c-phone svg {
  margin: 0 0.1rem 0 0.3rem;
  width: 20px;
  height: 20px;
  fill: #fff;
}
#c-header .c-gn .c-phone span {
  font-weight: bold;
}
#c-header.c-style2 .c-gn form > svg path {
  fill: #fff;
}
#c-header.c-style2 .c-gn .c-phone svg path {
  fill: #fdd000;
}
#c-header.c-style2 .c-gn .cn1 {
  color: #fff;
}
#c-header.c-style2 .c-gn .cn1 svg path {
  fill: #fff;
  opacity: 1;
}
#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: #fdd000;
}
#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;
  display: block;
}
.textflow2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
}
.textflow3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-word;
}
.textflow4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  word-break: break-word;
}
.textflow5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  word-break: break-word;
}
.container {
  max-width: 1400px;
}
.font-b {
  font-weight: bold;
}
.font60 {
  font-size: 0.6rem;
}
.font50 {
  font-size: 0.5rem;
}
.font48 {
  font-size: 0.48rem;
}
.font46 {
  font-size: 0.46rem;
}
.font44 {
  font-size: 0.44rem;
}
.font40 {
  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;
  }
}
.font30 {
  font-size: 0.3rem;
}
@media (max-width: 991px) {
  .font30 {
    font-size: 0.4rem;
  }
}
.font24 {
  font-size: 0.24rem;
}
@media (max-width: 991px) {
  .font24 {
    font-size: 0.4rem;
  }
}
.font22 {
  font-size: 0.22rem;
}
@media (max-width: 1580px) {
  .font22 {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .font22 {
    font-size: 0.32rem;
  }
}
.font20 {
  font-size: 0.2rem;
}
@media (max-width: 1580px) {
  .font20 {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .font20 {
    font-size: 0.32rem;
  }
}
.font18 {
  font-size: 18px;
}
@media (max-width: 1580px) {
  .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: 14px;
  }
}
@media (max-width: 991px) {
  .font14 {
    font-size: 0.28rem;
  }
}
.font12 {
  font-size: 12px;
}
.cls-1 {
  stroke: initial !important;
}
.index-banner {
  width: 100%;
  height: 100vh;
  position: relative;
}
.index-banner .img {
  width: 100%;
  height: 100%;
}
.index-banner .img video {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
@media (max-width: 991px) {
  .index-banner .img video {
    display: none;
  }
}
.index-banner .img .pc-img {
  display: block;
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
@media (max-width: 991px) {
  .index-banner .img .pc-img {
    display: none;
  }
}
.index-banner .img .mb-img {
  display: none;
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
@media (max-width: 991px) {
  .index-banner .img .mb-img {
    display: block;
  }
}
.index-banner .text {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.4rem;
}
.index-banner .text .cn1 {
  text-align: center;
  color: #222222;
  line-height: 1.5em;
}
.index-banner .text .cn2 {
  text-align: center;
}
.index-banner .text .cn2 svg .cls-1 {
  fill: none;
  stroke: #000 !important;
}
.index-banner .text .cn2 svg .cls-2 {
  stroke: #000 !important;
  animation: mygunlun 1s infinite;
}
@keyframes mygunlun {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10%);
  }
  100% {
    transform: translateY(0);
  }
}
.index-about {
  width: 100%;
  overflow: hidden;
  padding:0;
  background-color: #fff;
}
.index-about .container {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top:-1rem;
}
.index-about .container .left {
  width: 50%;
}
@media (max-width: 991px) {
  .index-about .container .left {
    width: 100%;
  }
}
.index-about .container .left .box {
  padding-right: 1.5rem;
  position: relative;
}
@media (max-width: 991px) {
  .index-about .container .left .box {
    padding-right: 0;
  }
}
.index-about .container .left .box .cn25 {
  position: absolute;
  top: 35%;
  transform: translateY(-50%);
  right: -10%;
}
.index-about .container .left .box .cn1 {
  color: #000;
  line-height: 1.5em;
  position: relative;
  z-index: 3;
}
.index-about .container .left .box .cn1 span {
  color: #fdd000;
}
.index-about .container .left .box .cn2 {
  color: #000;
  opacity: 0.8;
  line-height: 1.5em;
  margin: 0.3rem 0 0.5rem;
  position: relative;
  z-index: 3;
}
.index-about .container .left .box .cn5 {
  position: relative;
  z-index: 3;
  justify-content: flex-start;
}
.index-about .container .left .box .cn5 .cn6 {
  margin: 0;
  background-color: #fdd000;
  color: #000;
}
.index-about .container .left .box .cn5 .cn6 span svg path {
  fill: #000;
  opacity: 1;
}
.index-about .container .left .box .cn7 {
  margin-top: 2rem;
  width: 3.84rem;
  border-radius: 0.2rem;
  position: relative;
}
@media (max-width: 991px) {
  .index-about .container .left .box .cn7 {
    display: none;
  }
}
.index-about .container .left .box .cn7::before {
  padding-top: 70.31%;
}
.index-about .container .right {
  width: 50%;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 991px) {
  .index-about .container .right {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.index-about .container .right .img {
  width: 90.71%;
  border-radius: 0.2rem;
  overflow: initial;
}
.index-about .container .right .img::before {
  z-index: 6;
  padding-top: 117.63%;
}
.index-about .container .right .img img {
  border-radius: 0.2rem;
}
.index-about .container .right .img em {
  content: "";
  position: absolute;
  right: -5px;
  top: 30px;
  width: 100%;
  height: 100%;
  background-color: #fdd000;
  z-index: 0;
  border-radius: 0.2rem;
  transition: all 1s;
}
.index-about .container .right .img em.on {
  top: -5px;
}
.index-paoma {
  background-color: #000;
  position: relative;
  z-index: 5;
  padding-top:15px
}

.index-paoma .str4 a {
  margin: 0 0.3rem;
}
.index-paoma .str4 .cn1 {
  display: inline-block;
  font-size: 2.2rem;
  color: #fff;
  line-height: 1em;
  vertical-align: middle;
}
@media (max-width: 991px) {
  .index-paoma .str4 .cn1 {
    font-size: 1.8rem;
  }
}
.index-paoma .str4 .cn2 {
  display: inline-block;
  align-items: center;
}
.index-paoma .str4 .cn2 img {
  vertical-align: text-top;
  width: 1.2rem;
}
.index-paoma .str4 .cn3 {
  display: inline-block;
  font-size: 1.5rem;
  color: #fff;
  line-height: 1em;
  vertical-align: middle;
  text-align: center;
  -webkit-text-stroke: 1px #fff;
  color: transparent;
}
@media (max-width: 991px) {
  .index-paoma .str4 .cn3 {
    font-size: 1rem;
  }
}
@media (max-width: 991px) {
  .index-paoma .str5 {
    margin-top: 0.2rem;
  }
}
.index-paoma .str5 a {
  margin: 0 0.3rem;
}
.index-paoma .str5 .cn1 {
  display: inline-block;
  font-size: 1.5rem;
  color: #fff;
  line-height: 1em;
  vertical-align: middle;
}
@media (max-width: 991px) {
  .index-paoma .str5 .cn1 {
    font-size: 1rem;
  }
}
.index-paoma .str5 .cn2 {
  display: inline-block;
  align-items: center;
}
.index-paoma .str5 .cn2 img {
  vertical-align: text-top;
  width: 1.8rem;
}
.index-paoma .str5 .cn3 {
  display: inline-block;
  font-size: 2.2rem;
  color: #fff;
  line-height: 1em;
  vertical-align: middle;
  text-align: center;
  -webkit-text-stroke: 1px #fff;
  color: transparent;
}
@media (max-width: 991px) {
  .index-paoma .str5 .cn3 {
    font-size: 1.5rem;
  }
}
.index-paoma .cn98 {
  margin-top: 0.5rem;
  text-align: center;
  color: #ffffff;
  line-height: 1.5em;
  width: 85%;
  max-width: 1600px;
  margin: 0 auto;
}
@media (max-width: 1260px) {
  .index-paoma .cn98 {
    width: 90%;
  }
}
.index-paoma .cn98 span {
  color: #fdd000;
  display: block;
}
.index-box4 {
  background-color: #ededed;
  position: relative;
}
.index-box4 .qwimg {
  position: absolute;
  left: 0;
  top: -6rem;
}
.index-box4 .container {
  position: relative;
  z-index: 3;
}
.index-box4 .container .box1 {
  display: flex;
  align-items: center;
  padding: 1rem 0;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .index-box4 .container .box1 {
    padding-top: 1.3rem;
  }
}
.index-box4 .container .box1:last-child {
  padding-top: 1.1rem;
}
@media (max-width: 767px) {
  .index-box4 .container .box1:last-child {
    padding-top: 1.3rem;
  }
}
.index-box4 .container .box1 .left {
  width: 6.4rem;
  position: relative;
}
.index-box4 .container .box1 .left .img {
  height: 6.4rem;
  width: 6.4rem;
  border-radius: 50%;
  object-fit: cover;
}
.index-box4 .container .box1 .left .img2 {
  position: absolute;
  right: 0;
  bottom: -0.6rem;
  z-index: 5;
}
.index-box4 .container .box1 .left .img2 .img3 {
  object-fit: cover;
  width: 2.36rem;
  height: 2.36rem;
  border-radius: 50%;
  box-shadow: 0px 0px 0.35rem 0px rgba(0, 0, 0, 0.55);
}
.index-box4 .container .box1 .right {
  width: calc(100% - 6.4rem);
  padding-left: 1rem;
  padding-right: 0.6rem;
}
@media (max-width: 991px) {
  .index-box4 .container .box1 .right {
    margin-top: 0.5rem;
    width: 100%;
    padding: 0;
    padding-right: 0;
  }
}

.index-box4 .container .box1 .right .box .cn1 {
  line-height: 1em;
  color: #000;
  margin-bottom: 0.3rem;
}
.index-box4 .container .box1 .right .box .cn2 p {
  line-height: 1.5em;
  color: #000;
}
.index-box4 .container .box1 .right .box .cn2 a {
  text-decoration: underline;
  color: #fdd000;
}
.index-box4 .container .box1.box2 {
  flex-direction: row-reverse;
}
.index-box4 .container .box1.box2 .left {
  margin-right: 0.2rem;
  width: 5.8rem;
}
.index-box4 .container .box1.box2 .left .img {
  border-radius: 0.2rem;
  width: 5.8rem;
  height: 5.8rem;
  object-fit: cover;
}
.index-box4 .container .box1.box2 .left .img2 {
  right: initial;
  left: -1.45rem;
  bottom: -0.6rem;
}
@media (max-width: 991px) {
  .index-box4 .container .box1.box2 .left .img2 {
    left: -0.45rem;
  }
}
.index-box4 .container .box1.box2 .left .img2 .img3 {
  width: 2.34rem;
  height: 2.34rem;
  border-radius: 0.2rem;
  object-fit: cover;
}
.index-box4 .container .box1.box2 .right {
  width: calc(100% - 6rem);
  padding-left: 0;
  padding-right: 2.8rem; 
}
@media (max-width: 991px) {
  .index-box4 .container .box1.box2 .right {
    margin-top: 0.5rem;
    width: 100%;
    padding: 0;
    padding-right: 0;
  }
}
.index-box4 .container .box1.box3 .left {
  border-radius: 0;
  width: 5.6rem;
  height: 7.4rem;
  object-fit: cover;
}
.index-box4 .container .box1.box3 .left .img {
  border-radius: 0;
  width: 5.6rem;
  height: 7.4rem;
  object-fit: cover;
}
.index-box4 .container .box1.box3 .right {
  width: calc(100% - 5.6rem);
  padding: 0 1.8rem;
}
@media (max-width: 991px) {
  .index-box4 .container .box1.box3 .right {
    margin-top: 0.5rem;
    width: 100%;
    padding: 0;
    padding-right: 0;
  }
}
.index-stories {
  padding-top: 2.4rem;
  background-color: #0e3c94;
}
.index-stories .container .box30 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.6rem;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .index-stories .container .box30 {
    justify-content: center;
  }
}
.index-stories .container .box30 .cn31 {
  color: #ffffff;
}
@media (max-width: 767px) {
  .index-stories .container .box30 .cn31 {
    width: 100%;
    text-align: center;
  }
}
.index-stories .container .box30 .cn32 {
  justify-content: flex-start;
}
.index-stories .container .box30 .cn32 .cn6 {
  margin: 0;
  background-color: #fdd000;
  color: #000;
}
.index-stories .container .box30 .cn32 .cn6 span svg path {
  fill: #000;
  opacity: 1;
}
.indexcontrol {
  padding-top: 2.4rem;
  background-color: #0e3c94;
  padding-bottom: 1.8rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.indexcontrol.about-box4 .container .box1 .cn1 {
  color: #000;
}
.indexcontrol.about-box4 .container .box2 .public-btnleft {
  background-color: #323232;
  border: solid 2px #707070;
}
.indexcontrol.about-box4 .container .box2 .public-btnleft:hover {
  background-color: #fdd000;
  border: 2px solid #fdd000;
}
.indexcontrol.about-box4 .container .box3 .about-box4a .swiper-slide .box4::after {
  background-color: #000;
}
.indexcontrol.about-box4 .container .box3 .about-box4a .about4page .swiper-pagination-bullet {
  background-color: #ffffff !important;
  opacity: 0.5;
  margin: 0 10px;
}
.indexcontrol.about-box4 .container .box3 .about-box4a .about4page .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fdd000;
  opacity: 1;
}
.product-box1 {
  background-color: #fff;
  padding: 1.4rem 0;
}
.product-box1 .container {
  display: flex;
  flex-wrap: wrap;
}
.product-box1 .container .left {
  width: 50%;
}
@media (max-width: 991px) {
  .product-box1 .container .left {
    width: 100%;
  }
}
.product-box1 .container .left .img::before {
  padding-top: 61.14%;
}
.product-box1 .container .right {
  width: 50%;
  padding-left: 1rem;
}
@media (max-width: 991px) {
  .product-box1 .container .right {
    width: 100%;
    padding-left: 0;
    margin-top: 1rem;
  }
}
.product-box1 .container .right .cn1 {
  color: #fdd000;
  line-height: 1.5em;
  margin-bottom: 0.1rem;
}
.product-box1 .container .right .cn2 {
  color: #000000;
  line-height: 1em;
}
.product-box1 .container .right .cn3 {
  color: #666666;
  line-height: 1.5em;
  margin: 0.3rem 0 0.4rem;
}
.product-box1 .container .right .public-btn {
  justify-content: flex-start;
}
.product-box1 .container .right .public-btn .public-btn99 {
  margin: 0;
}
.product-box2 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1.1rem 0;
}
.product-box2 .container .cn1 {
  text-align: center;
  color: #000000;
  line-height: 1em;
  margin-bottom: 0.6rem;
}
.product-box2 .container .box {
  flex-wrap: wrap;
  display: flex;
}
.product-box2 .container .box .box2 {
  width: calc(33%);
  border: 1px solid #cacbcb;
  padding: 0.3rem;
  border-right: 0;
  border-top: 0;
  position: relative;
}
@media (max-width: 991px) {
  .product-box2 .container .box .box2 {
    width: 100%;
    border-right: 1px solid #cacbcb;
  }
}
.product-box2 .container .box .box2::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  transition: all 0.5s;
  background-color: #fdd000;
}
.product-box2 .container .box .box2:nth-child(-n+3) {
  border-top: 1px solid #cacbcb;
}
@media (max-width: 991px) {
  .product-box2 .container .box .box2:nth-child(-n+3) {
    border-top: 0;
  }
}
@media (max-width: 991px) {
  .product-box2 .container .box .box2:nth-child(1) {
    border-top: 1px solid #cacbcb;
  }
}
.product-box2 .container .box .box2:nth-child(3n) {
  border-right: 1px solid #cacbcb;
}
.product-box2 .container .box .box2:last-child {
  border-right: 1px solid #cacbcb;
}
.product-box2 .container .box .box2 .cn2 {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.3rem;
  align-items: center;
  position: relative;
  z-index: 2;
  animation-fill-mode: forwards;
}
.product-box2 .container .box .box2 .cn2 .cn3 {
  flex-shrink: 0;
  margin-right: 0.3rem;
}
.product-box2 .container .box .box2 .cn2 .cn3 svg {
  height: 0.5rem;
}
.product-box2 .container .box .box2 .cn2 .cn3 svg .cls-1 {
  fill: #000;
  opacity: 1;
}
.product-box2 .container .box .box2 .cn2 .cn3 svg .cls-2 {
  fill: #fdd000;
  opacity: 1;
}
.product-box2 .container .box .box2 .cn2 .cn4 {
  color: #000000;
}
.product-box2 .container .box .box2 .cn5 {
  animation-fill-mode: forwards;
  position: relative;
  z-index: 2;
  color: #666666;
  line-height: 1.5em;
}
.product-box2 .container .box .box2:hover::before {
  height: 100%;
}
.product-box2 .container .box .box2:hover .cn2 {
  animation: myprobox2 0.5s 1;
}
.product-box2 .container .box .box2:hover .cn2 .cn3 svg .cls-1 {
  fill: #000;
  opacity: 1;
}
.product-box2 .container .box .box2:hover .cn2 .cn3 svg .cls-2 {
  fill: #fff;
  opacity: 1;
}
.product-box2 .container .box .box2:hover .cn5 {
  animation: myprobox2 0.5s 1;
}
@keyframes myprobox2 {
  from {
    opacity: 0;
    transform: translateY(60px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.product-box3 {
  padding: 1.2rem 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.product-box3 .container .cn1 {
  text-align: center;
  margin-bottom: 0.6rem;
  line-height: 1em;
}
.product-box3 .container .box {
  position: relative;
}
.product-box3 .container .box .product3prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -1.2rem;
}
@media (max-width: 1260px) {
  .product-box3 .container .box .product3prev {
    display: none;
  }
}
.product-box3 .container .box .product3next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -1.2rem;
}
@media (max-width: 1260px) {
  .product-box3 .container .box .product3next {
    display: none;
  }
}
.product-box3 .container .box .product-box3a {
  position: relative;
  overflow: hidden;
}
@media (max-width: 991px) {
  .product-box3 .container .box .product-box3a {
    padding-bottom: 0.8rem;
  }
}
.product-box3 .container .box .product-box3a .product3page {
  position: absolute;
  left: 29.57%;
  bottom: 0;
  text-align: left;
  z-index: 9;
}
@media (max-width: 991px) {
  .product-box3 .container .box .product-box3a .product3page {
    left: 0;
    text-align: center;
  }
}
.product-box3 .container .box .product-box3a .swiper-slide {
  width: 100%;
  position: relative;
}
.product-box3 .container .box .product-box3a .swiper-slide .box2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.product-box3 .container .box .product-box3a .swiper-slide .box2 .left {
  width: 19.57%;
  margin-right: 10%;
}
@media (max-width: 991px) {
  .product-box3 .container .box .product-box3a .swiper-slide .box2 .left {
    width: 30%;
    margin-right: 5%;
  }
}
.product-box3 .container .box .product-box3a .swiper-slide .box2 .left .img {
  border-radius: 5px;
}
.product-box3 .container .box .product-box3a .swiper-slide .box2 .right {
  width: calc(100% - 19.57% - 10%);
  position: relative;
}
@media (max-width: 991px) {
  .product-box3 .container .box .product-box3a .swiper-slide .box2 .right {
    width: 65%;
  }
}
.product-box3 .container .box .product-box3a .swiper-slide .box2 .right::before {
  content: "";
  position: absolute;
  left: 0;
  top: -0.2rem;
  background-image: url(../images/q-img99.png);
  width: 0.86rem;
  height: 0.64rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (max-width: 991px) {
  .product-box3 .container .box .product-box3a .swiper-slide .box2 .right::before {
    display: none;
  }
}
.product-box3 .container .box .product-box3a .swiper-slide .box2 .right .cn5 {
  color: #060606;
  line-height: 1em;
  font-style: italic;
}
@media (max-width: 991px) {
  .product-box3 .container .box .product-box3a .swiper-slide .box2 .right .cn5 {
    -webkit-line-clamp: 9;
  }
}
.product-box3 .container .box .product-box3a .swiper-slide .box2 .right .cn6 {
  margin-top: 0.3rem;
  color: #060606;
  position: relative;
  padding-left: 0.4rem;
}
.product-box3 .container .box .product-box3a .swiper-slide .box2 .right .cn6::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.3rem;
  height: 1px;
  background-color: #000;
}
.product-box3.proapp-box9 .container .box .product-box3a .swiper-slide .box2 .right::before {
  display: none;
}
.product-box4 {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 0.6rem 0;
}
.product-box4 .container .box {
  margin: 0 0.1rem;
}
.product-box4 .container .box .public-btn .public-btn99 {
  border: solid 1px #fdd000;
  background-color: transparent;
  color: #222222;
  font-weight: bold;
}
.product-box4 .container .box .public-btn .public-btn99 span {
  color: #222222;
}
.product-box4 .container .box .public-btn .public-btn99 span svg path {
  fill: #222;
  opacity: 1;
}
.product-box4 .container .box .public-btn .public-btn99:hover {
  background-color: #fdd000;
}
.product-box4 .container .box2 {
  margin-top: 0.2rem;
  display: flex;
  justify-content: center;
}
.product-box4 .container .box2 .box {
  margin: 0 0.1rem;
}
.product-box4 .container .box2 .box .public-btn .public-btn99 {
  border: solid 1px #fdd000;
  background-color: transparent;
  color: #222222;
}
.product-box4 .container .box2 .box .public-btn .public-btn99 span {
  color: #222222;
}
.product-box4 .container .box2 .box .public-btn .public-btn99 span svg path {
  fill: #222;
  opacity: 1;
}
.product-box4 .container .box2 .box .public-btn .public-btn99:hover {
  background-color: #fdd000;
}
.service-box1.proapp-box1 .container .cn2 {
  width: 72%;
}
@media (max-width: 991px) {
  .service-box1.proapp-box1 .container .cn2 {
    width: 100%;
  }
}
.service-box2.proapp-box2 .container .box1 {
  align-items: center;
  position: relative;
  overflow-x: auto;
  white-space: nowrap;
}
.service-box2.proapp-box2 .container .box1 .cn1 {
  margin-right: 0.4rem;
  font-weight: bold;
}
.service-box2.proapp-box2 .container .box1 .public-btn {
  position: absolute;
  right: 0;
  top: 30%;
  transform: translateY(-50%);
}
@media (max-width: 991px) {
  .service-box2.proapp-box2 .container .box1 .public-btn {
    display: none;
  }
}
.proapp-box3 {
  padding: 0.8rem 0 1.5rem;
}
.proapp-box3 .container .cn1 {
  text-align: center;
  margin-bottom: 0.6rem;
  line-height: 1em;
}
.proapp-box3 .container .box {
  position: relative;
}
.proapp-box3 .container .box .box2 {
  width: 65.71%;
  position: relative;
}
@media (max-width: 991px) {
  .proapp-box3 .container .box .box2 {
    width: 100%;
  }
}
.proapp-box3 .container .box .box2::before {
  content: "";
  display: block;
  position: relative;
  z-index: 0;
  padding-top: 60.43%;
}
.proapp-box3 .container .box .box2 .img {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 5px;
  display: none;
  width: 100%;
  animation-fill-mode: forwards;
}
.proapp-box3 .container .box .box2 .img::before {
  content: "";
  display: block;
  position: relative;
  z-index: 0;
  padding-top: 60.43%;
}
.proapp-box3 .container .box .box2 .img.on {
  display: block;
  animation: proappbox3 0.5s 1;
}
.proapp-box3 .container .box .box3 {
  z-index: 3;
  width: 40%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #f3f3f3;
  border-radius: 5px;
  padding: 0.7rem 0.5rem;
}
@media (max-width: 991px) {
  .proapp-box3 .container .box .box3 {
    position: relative;
    width: 100%;
    top: 0;
    transform: translateY(0);
  }
}
.proapp-box3 .container .box .box3 .proapp-box3a {
  position: relative;
  overflow: hidden;
}
.proapp-box3 .container .box .box3 .proapp-box3a .swiper-slide .cn2 {
  color: #000000;
  line-height: 1.25em;
  opacity: 0;
  transform: translateY(60px);
  transition: all 0.5s;
}
.proapp-box3 .container .box .box3 .proapp-box3a .swiper-slide .cn3 {
  color: #666666;
  line-height: 1.5em;
  margin: 0.2rem 0 0.5rem;
  opacity: 0;
  transform: translateY(60px);
  transition: all 0.5s;
  height: 9em;
  padding-right: 0.2rem;
  overflow: auto;
  text-overflow: initial;
  display: -webkit-box;
  -webkit-line-clamp: initial;
  -webkit-box-orient: initial;
  word-break: initial;
}
.proapp-box3 .container .box .box3 .proapp-box3a .swiper-slide.swiper-slide-active .cn2 {
  opacity: 1;
  transform: translateY(0);
}
.proapp-box3 .container .box .box3 .proapp-box3a .swiper-slide.swiper-slide-active .cn3 {
  opacity: 1;
  transform: translateY(0);
}
.proapp-box3 .container .box .box3 .proapp-box3a .swiper-slide.ani-slide .cn2 {
  opacity: 1;
  transform: translateY(0);
}
.proapp-box3 .container .box .box3 .proapp-box3a .swiper-slide.ani-slide .cn3 {
  opacity: 1;
  transform: translateY(0);
}
.proapp-box3 .container .box .box3 .public-btnleft {
  position: absolute;
  right: 1.5rem;
  bottom: 0.5rem;
}
.proapp-box3 .container .box .box3 .public-btnright {
  position: absolute;
  right: 0.7rem;
  bottom: 0.5rem;
}
.proapp-box3 .container .box .box3 .public-page {
  margin-top: 0;
  text-align: left;
}
@keyframes proappbox3 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.proapp-box4 {
  padding: 0.8rem 0;
  position: relative;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.proapp-box4 .container .cn1 {
  text-align: center;
  line-height: 1em;
  margin-bottom: 0.6rem;
  color: #000;
}
.proapp-box4 .container .cn1 span {
  color: #fdd000;
}
.proapp-box4 .container .box1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.proapp-box4 .container .box1 .cn2 {
  min-width: 120px;
  line-height: 38px;
  border-radius: 19px;
  border: 2px solid #000;
  text-align: center;
  margin: 0 0.3rem 0.3rem;
  cursor: pointer;
  transition: all 0.5s;
  padding: 0 0.2rem;
}
.proapp-box4 .container .box1 .cn2.on {
  background-color: #fdd000;
  border: 2px solid #fdd000;
}
.proapp-box4 .container .box2 .cn3 {
  text-align: center;
  display: none;
  animation-fill-mode: forwards;
}
.proapp-box4 .container .box2 .cn3.on {
  display: block;
  animation: proapp4 0.5s 1;
}
@keyframes proapp4 {
  from {
    transform: translateY(60px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.proapp-box5 {
  padding: 1.5rem 0 2.5rem;
  position: relative;
}
.proapp-box5 .img99 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 79%;
}
.proapp-box5 .img99 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.proapp-box5 .container .cn1 {
  text-align: center;
  line-height: 1em;
  margin-bottom: 0.6rem;
}
.proapp-box5 .container .box {
  width: 100%;
  display: grid;
  grid-template-columns: calc(50% - 0.15rem) calc(50% - 0.15rem);
  /*设置列*/
  /*左边的宽   右边的宽*/
  grid-template-rows: calc(100% - 0.3rem) calc(100% - 0.3rem);
  /*设置行*/
  /*左边的高  右边的高*/
  grid-gap: 0.3rem;
  height: 7.1rem;
}
@media (max-width: 991px) {
  .proapp-box5 .container .box {
    height: 14rem;
    grid-template-columns: 100%;
    grid-template-rows: calc(50% - 0.15rem) calc(50% - 0.15rem);
  }
}
.proapp-box5 .container .box .box2 {
  position: relative;
}
.proapp-box5 .container .box .box2::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background-color: #fdd000;
  opacity: 0.8;
  transition: all 0.5s;
}
.proapp-box5 .container .box .box2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.proapp-box5 .container .box .box2 .cn5 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0.3rem;
  z-index: 5;
}
.proapp-box5 .container .box .box2 .cn5 .cn6 {
  color: #ffffff;
  display: block;
  line-height: 1.5em;
}
@media (max-width: 991px) {
  .proapp-box5 .container .box .box2 .cn5 .cn6 {
    font-size: 0.28rem;
  }
}
.proapp-box5 .container .box .box2 .cn5 .cn7 {
  display: none;
  line-height: 1.5em;
  color: rgba(0, 0, 0, 0.8);
}
@media (max-width: 991px) {
  .proapp-box5 .container .box .box2 .cn5 .cn7 {
    font-size: 0.24rem;
  }
}
.proapp-box5 .container .box .box2:hover::before {
  height: 100%;
}
.proapp-box5 .container .box .box2:hover .cn5 {
  animation: proappbox5 0.5s 1;
}
.proapp-box5 .container .box .box2:hover .cn5 .cn6 {
  color: #000000;
}
.proapp-box5 .container .box .box2:hover .cn5 .cn7 {
  display: block;
}
.proapp-box5 .container .box .box4 {
  position: relative;
  display: grid;
  grid-gap: 0.3rem;
  grid-template-columns: calc(50% - 0.15rem) calc(50% - 0.15rem);
  /*设置列*/
  grid-template-rows: calc(50% - 0.15rem) calc(50% - 0.15rem);
  /*设置行*/
}
.proapp-box5 .container .box .box4 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.proapp-box5 .container .box .box4 .img {
  position: relative;
}
.proapp-box5 .container .box .box4 .img::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background-color: #fdd000;
  opacity: 0.8;
  transition: all 0.5s;
  z-index: 2;
}
.proapp-box5 .container .box .box4 .img::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/zq50.png);
}
.proapp-box5 .container .box .box4 .img .cn5 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0.3rem;
  z-index: 5;
}
.proapp-box5 .container .box .box4 .img .cn5 .cn6 {
  color: #ffffff;
  display: block;
  line-height: 1.5em;
}
@media (max-width: 991px) {
  .proapp-box5 .container .box .box4 .img .cn5 .cn6 {
    font-size: 0.28rem;
  }
}
.proapp-box5 .container .box .box4 .img .cn5 .cn7 {
  display: none;
  line-height: 1.5em;
  color: rgba(0, 0, 0, 0.8);
}
@media (max-width: 991px) {
  .proapp-box5 .container .box .box4 .img .cn5 .cn7 {
    font-size: 0.24rem;
    line-height: 1.2em;
  }
}
.proapp-box5 .container .box .box4 .img:hover::before {
  height: 100%;
}
.proapp-box5 .container .box .box4 .img:hover .cn5 {
  animation: proappbox5 0.5s 1;
}
.proapp-box5 .container .box .box4 .img:hover .cn5 .cn6 {
  color: #000000;
}
.proapp-box5 .container .box .box4 .img:hover .cn5 .cn7 {
  display: block;
}
.proapp-box5 .container .box5 {
  width: 100%;
  display: grid;
  grid-template-columns: calc(50% - 0.15rem) calc(50% - 0.15rem);
  /*设置列*/
  /*左边的宽   右边的宽*/
  grid-template-rows: calc(100% - 0.3rem) calc(100% - 0.3rem);
  /*设置行*/
  /*左边的高  右边的高*/
  grid-gap: 0.3rem;
  height: 5.84rem;
}
@media (max-width: 991px) {
  .proapp-box5 .container .box5 {
    margin-top: 0.3rem;
    height: 11rem;
    grid-template-columns: calc(100%);
    grid-template-rows: calc(50% - 0.15rem) calc(50% - 0.15rem);
  }
}
.proapp-box5 .container .box5 .box2 {
  position: relative;
}
.proapp-box5 .container .box5 .box2::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background-color: #fdd000;
  opacity: 0.8;
  transition: all 0.5s;
}
.proapp-box5 .container .box5 .box2 .img {
  width: 100%;
  height: 100%;
}
.proapp-box5 .container .box5 .box2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.proapp-box5 .container .box5 .box2 .cn5 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0.3rem;
  z-index: 5;
}
.proapp-box5 .container .box5 .box2 .cn5 .cn6 {
  color: #ffffff;
  display: block;
  line-height: 1.5em;
}
.proapp-box5 .container .box5 .box2 .cn5 .cn7 {
  display: none;
  line-height: 1.5em;
  color: rgba(0, 0, 0, 0.8);
}
.proapp-box5 .container .box5 .box2:hover::before {
  height: 100%;
}
.proapp-box5 .container .box5 .box2:hover .cn5 {
  animation: proappbox5 0.5s 1;
}
.proapp-box5 .container .box5 .box2:hover .cn5 .cn6 {
  color: #000000;
}
.proapp-box5 .container .box5 .box2:hover .cn5 .cn7 {
  display: block;
}
@keyframes proappbox5 {
  from {
    opacity: 0;
    transform: translateY(60px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.proapp-box6 {
  padding: 0.6rem 0 0.7rem;
}
.proapp-box6 .container .cn10 {
  text-align: left;
  line-height: 1em;
  margin-bottom: 0.6rem;
}
.proapp-box6 .container .box {
  position: relative;
}
.proapp-box6 .container .box .proapp6prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -1.2rem;
}
@media (max-width: 1260px) {
  .proapp-box6 .container .box .proapp6prev {
    display: none;
  }
}
.proapp-box6 .container .box .proapp6next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -1.2rem;
}
@media (max-width: 1260px) {
  .proapp-box6 .container .box .proapp6next {
    display: none;
  }
}
.proapp-box6 .container .box .proapp-box6a {
  position: relative;
  overflow: hidden;
}
.proapp-box6 .container .box .proapp-box6a .swiper-slide {
  position: relative;
  width:32%; float:left; margin-left:1.3%; margin-bottom:0.5rem
}
.proapp-box6 .container .box .proapp-box6a .swiper-slide::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background-color: #fdd000;
  opacity: 0.9;
  z-index: 2;
  transition: all 0.5s;
}
.proapp-box6 .container .box .proapp-box6a .swiper-slide:nth-child(3n) {
  margin-right: 0;
}
@media (max-width: 991px) {
  .proapp-box6 .container .box .proapp-box6a .swiper-slide:nth-child(3n) {
    margin-right: 0.4rem;
  }
}
@media (max-width: 767px) {
  .proapp-box6 .container .box .proapp-box6a .swiper-slide:nth-child(3n) {
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .proapp-box6 .container .box .proapp-box6a .swiper-slide:nth-child(2n) {
    margin-right: 0;
  }
  .proapp-box6 .container .box .proapp-box6a .swiper-slide {
  width:100%;margin-left:0;
}
}
.proapp-box6 .container .box .proapp-box6a .swiper-slide .box2 {
  display: block;
  padding: 0rem 0;
  background-color: #fff;
  /*border-radius: 5px;*/
  overflow: hidden; border:1px solid #ccc;
  padding-bottom:0.3rem;
}
.proapp-box6 .container .box .proapp-box6a .swiper-slide .box2 .box-bottom .img::before {
  padding-top: 60%;
}
.proapp-box6 .container .box .proapp-box6a .swiper-slide .box2 .box-bottom .cn11 {
  color: #000000;
  line-height: 1.5em;
  padding: 0.1rem 0.2rem;
}
.proapp-box6 .container .box .proapp-box6a .swiper-slide .box2 .box-bottom .cn12 {
  margin-top: 0.1rem;
  color: #000000;
  opacity: 0.7;
  line-height: 1.5em;
  padding: 0 0.2rem;
  min-height:122px;
}
.proapp-box6 .container .box .proapp-box6a .swiper-slide .box2 .text {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: -100%;
  padding: 0.3rem;
  z-index: 3;
  transition: all 0.5s;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.proapp-box6 .container .box .proapp-box6a .swiper-slide .box2 .text .cn3 {
  line-height: 1.5em;
  color: #000000;
  display:none;
}
.proapp-box6 .container .box .proapp-box6a .swiper-slide .box2 .text .cn4 {
  margin: 0.1rem 0;
  line-height: 1.5em;
  height: 3em;
  color: #000000;
  display:none;
}
.proapp-box6 .container .box .proapp-box6a .swiper-slide .box2 .text .box-top .box-top2 {
  margin: 0.2rem 0;
}
.proapp-box6 .container .box .proapp-box6a .swiper-slide .box2 .text .box-top .box-top2 .cn13 {
  color: #000;
  line-height: 1.5em;
}
.proapp-box6 .container .box .proapp-box6a .swiper-slide .box2 .text .box-top .box-top2 .cn13 em {
  font-style: normal;
}
.proapp-box6 .container .box .proapp-box6a .swiper-slide .box2 .text .box-top .box-top2 .cn13 .yincang {
  opacity: 0;
}
.proapp-box6 .container .box .proapp-box6a .swiper-slide .box2 .text .box-top .box-top2 .layui-progress {
  height: 3px;
  border-radius: 2px;
  background-color: #fff;
}
.proapp-box6 .container .box .proapp-box6a .swiper-slide .box2 .text .box-top .box-top2 .layui-progress .layui-progress-bar {
  height: 3px;
  background-color: #000000;
  border-radius: 2px;
  width: 0;
  transition-delay: 0.5s;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.proapp-box6 .container .box .proapp-box6a .swiper-slide .box2 .text .cn5 {
  display: none;
  margin-top: 0.2rem;
  justify-content: flex-start;
}
.proapp-box6 .container .box .proapp-box6a .swiper-slide .box2 .text .cn5 .cn6 {
  margin: 0;
  background-color: #000;
  color: #fdd000;
}
.proapp-box6 .container .box .proapp-box6a .swiper-slide .box2 .text .cn5 .cn6 svg path {
  fill: #fdd000;
  opacity: 1;
}
.proapp-box6 .container .box .proapp-box6a .swiper-slide:hover::before {
  display: none;
}
.proapp-box6 .container .box .proapp-box6a .swiper-slide:hover::after {
 /* height: 100%; */
}
.proapp-box6 .container .box .proapp-box6a .swiper-slide:hover .img img {
 /* transform: scale(1.05);*/
}
.proapp-box6 .container .box .proapp-box6a .swiper-slide:hover .text {
 /* animation: fudong 0.5s 1;
  animation-fill-mode: forwards;*/
}
.proapp-box6 .container .box .proapp-box6a .swiper-slide:hover .text .cn3,.text .cn4{
	/*display:block	*/
}
.proapp-box6 .container .box .proapp-box6a .swiper-slide:hover .text .cn3 {
 /* color: #000000;*/
}
.proapp-box6 .container .box .proapp-box6a .swiper-slide:hover .text .cn4 {
 /* color: #000;*/
}
.proapp-box6 .container .box .proapp-box6a .swiper-slide:hover .text .cn5 {
 /* display: flex;*/
}
.proapp-box7 {
  padding: 0.7rem 0 0.6rem;
}
.proapp-box7 .container .cn1 {
  text-align: center;
  margin-bottom: 0.6rem;
  line-height: 1em;
}
.proapp-box7 .container .box {
  display: flex;
  flex-wrap: wrap;
}
.proapp-box7 .container .box .box2 {
  padding: 0.3rem 0;
  margin-bottom: 0.3rem;
  margin-right: 0.3rem;
  width: calc((100% - 0.9rem) / 4);
  background-color: #f3f3f3;
}
@media (max-width: 991px) {
  .proapp-box7 .container .box .box2 {
    width: calc((100% - 0.3rem) / 2);
  }
}
@media (max-width: 991px) {
  .proapp-box7 .container .box .box2:nth-child(2n) {
    margin-right: 0;
  }
}
.proapp-box7 .container .box .box2:nth-child(4n) {
  margin-right: 0;
}
.proapp-box7 .container .box .box2 .cn3 {
  color: #000000;
  padding: 0 0.3rem;
  font-weight: bold;
}
.proapp-box7 .container .box .box2 .cn2 {
  margin: 0.1rem 0 0;
  color: #999999;
  padding: 0 0.3rem;
}
.proapp-box7 .container .box .box2 .img {
  margin: 0.2rem 0;
}
.proapp-box7 .container .box .box2 .img::before {
  padding-top: 60.6%;
}
.proapp-box7 .container .box .box2 .public-btn {
  padding: 0 0.3rem;
}
.proapp-box7 .container .box .box2 .public-btn .public-btn99 {
  width: 100%;
  border: solid 1px #000000;
  background-color: transparent;
  color: #000000;
  padding: 0 0.2rem;
  font-weight: bold;
}
.proapp-box7 .container .box .box2 .public-btn .public-btn99 span svg path {
  fill: #000;
}
.proapp-box7 .container .box .box2:hover .img img {
  transform: scale(1.05);
}
.proapp-box7 .container .box .box2:hover .public-btn .public-btn99 {
  background-color: #000;
  color: #fdd000;
}
.proapp-box7 .container .box .box2:hover .public-btn .public-btn99 span svg path {
  fill: #fdd000;
}
.proapp-box7 .container .page-box {
  margin-top: 0.3rem;
}
.proapp-box8 {
  position: relative;
  overflow: hidden;
}
.proapp-box8 .container .cn10 {
  line-height: 1em;
  margin-bottom: 0.6rem;
  text-align: center;
}
.proapp-box8.help-box5 {
  background-color: #Fff;
  padding: 0.6rem 0 1.6rem;
}
.proapp-box8.help-box5 .container .box .box2:nth-child(-n+9) {
  display: none;
}
.proapp-box8.help-box5 .container .box .box2:nth-child(-n+4) {
  display: block;
}
.blog-info7.proapp-box10 {
  padding: 1.3rem 0;
}
.juhe-box1.proapp-box6 {
  padding-top: 0.8rem;
  padding-bottom: 0;
}
.juhe-box2 {
  padding: 0.8rem 0 0;
}
.juhe-box2 .container .cn10 {
  text-align: left;
  line-height: 1em;
  margin-bottom: 0.6rem;
}
.juhe-box2 .container .box {
  position: relative;
}
.juhe-box2 .container .box .juhe2prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -1.2rem;
}
@media (max-width: 1260px) {
  .juhe-box2 .container .box .juhe2prev {
    display: none;
  }
}
.juhe-box2 .container .box .juhe2next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -1.2rem;
}
@media (max-width: 1260px) {
  .juhe-box2 .container .box .juhe2next {
    display: none;
  }
}
.juhe-box2 .container .box .juhe-box2a {
  position: relative;
  overflow: hidden;
}
.juhe-box2 .container .box .juhe-box2a .swiper-slide {
  position: relative;
}
.juhe-box2 .container .box .juhe-box2a .swiper-slide::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background-color: #fdd000;
  opacity: 0.9;
  z-index: 2;
  transition: all 0.5s;
}
.juhe-box2 .container .box .juhe-box2a .swiper-slide:nth-child(3n) {
  margin-right: 0;
}
@media (max-width: 991px) {
  .juhe-box2 .container .box .juhe-box2a .swiper-slide:nth-child(3n) {
    margin-right: 0.4rem;
  }
}
@media (max-width: 767px) {
  .juhe-box2 .container .box .juhe-box2a .swiper-slide:nth-child(3n) {
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .juhe-box2 .container .box .juhe-box2a .swiper-slide:nth-child(2n) {
    margin-right: 0;
  }
}
.juhe-box2 .container .box .juhe-box2a .swiper-slide .box2 {
  display: block;
  padding: 0.6rem 0;
  background-color: #f3f3f3;
  border-radius: 5px;
  overflow: hidden;
}
.juhe-box2 .container .box .juhe-box2a .swiper-slide .box2 .box-bottom .img::before {
  padding-top: 60%;
}
.juhe-box2 .container .box .juhe-box2a .swiper-slide .box2 .box-bottom .cn11 {
  color: #000000;
  line-height: 1.5em;
  padding: 0 0.4rem;
}
.juhe-box2 .container .box .juhe-box2a .swiper-slide .box2 .box-bottom .cn12 {
  margin-top: 0.1rem;
  color: #000000;
  opacity: 0.7;
  line-height: 1.5em;
  padding: 0 0.4rem;
}
.juhe-box2 .container .box .juhe-box2a .swiper-slide .box2 .text {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: -100%;
  padding: 0.3rem;
  z-index: 3;
  transition: all 0.5s;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.juhe-box2 .container .box .juhe-box2a .swiper-slide .box2 .text .cn3 {
  line-height: 1.5em;
  color: #000000;
}
.juhe-box2 .container .box .juhe-box2a .swiper-slide .box2 .text .cn4 {
  margin: 0.1rem 0;
  line-height: 1.5em;
  height: 3em;
  color: #000000;
}
.juhe-box2 .container .box .juhe-box2a .swiper-slide .box2 .text .box-top .box-top2 {
  margin: 0.2rem 0;
}
.juhe-box2 .container .box .juhe-box2a .swiper-slide .box2 .text .box-top .box-top2 .cn13 {
  color: #000;
  line-height: 1.5em;
}
.juhe-box2 .container .box .juhe-box2a .swiper-slide .box2 .text .box-top .box-top2 .cn13 em {
  font-style: normal;
}
.juhe-box2 .container .box .juhe-box2a .swiper-slide .box2 .text .box-top .box-top2 .cn13 .yincang {
  opacity: 0;
}
.juhe-box2 .container .box .juhe-box2a .swiper-slide .box2 .text .box-top .box-top2 .layui-progress {
  height: 3px;
  border-radius: 2px;
  background-color: #fff;
}
.juhe-box2 .container .box .juhe-box2a .swiper-slide .box2 .text .box-top .box-top2 .layui-progress .layui-progress-bar {
  height: 3px;
  background-color: #000000;
  border-radius: 2px;
  width: 0;
  transition-delay: 0.5s;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.juhe-box2 .container .box .juhe-box2a .swiper-slide .box2 .text .cn5 {
  display: none;
  margin-top: 0.2rem;
  justify-content: flex-start;
}
.juhe-box2 .container .box .juhe-box2a .swiper-slide .box2 .text .cn5 .cn6 {
  margin: 0;
  background-color: #000;
  color: #fdd000;
}
.juhe-box2 .container .box .juhe-box2a .swiper-slide .box2 .text .cn5 .cn6 svg path {
  fill: #fdd000;
  opacity: 1;
}
.juhe-box2 .container .box .juhe-box2a .swiper-slide:hover::before {
  display: none;
}
.juhe-box2 .container .box .juhe-box2a .swiper-slide:hover::after {
  height: 100%;
}
.juhe-box2 .container .box .juhe-box2a .swiper-slide:hover .img img {
  transform: scale(1.05);
}
.juhe-box2 .container .box .juhe-box2a .swiper-slide:hover .text {
  animation: fudong 0.5s 1;
  animation-fill-mode: forwards;
}
.juhe-box2 .container .box .juhe-box2a .swiper-slide:hover .text .cn3 {
  color: #000000;
}
.juhe-box2 .container .box .juhe-box2a .swiper-slide:hover .text .cn4 {
  color: #000;
}
.juhe-box2 .container .box .juhe-box2a .swiper-slide:hover .text .cn5 {
  display: flex;
}
.juhe-box3 {
  padding-top: 1rem;
  padding-bottom: 1.4rem;
}
.juhe-box3 .container .box {
  display: flex;
  flex-wrap: wrap;
}
.juhe-box3 .container .box .box2 {
  display: none;
  margin-right: 0.4rem;
  margin-bottom: 0.4rem;
  width: calc((100% - 1.2rem) / 4);
  background-color: #e8e8e8;
}
@media (max-width: 991px) {
  .juhe-box3 .container .box .box2 {
    width: calc((100% - 0.4rem) / 2);
  }
}
@media (max-width: 767px) {
  .juhe-box3 .container .box .box2 {
    width: 100%;
    margin-right: 0;
  }
}
.juhe-box3 .container .box .box2:nth-child(-n+4) {
  display: block;
}
.juhe-box3 .container .box .box2:nth-child(4n) {
  margin-right: 0;
}
@media (max-width: 991px) {
  .juhe-box3 .container .box .box2:nth-child(4n) {
    margin-right: 0.4rem;
  }
}
@media (max-width: 767px) {
  .juhe-box3 .container .box .box2:nth-child(4n) {
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .juhe-box3 .container .box .box2:nth-child(2n) {
    margin-right: 0;
  }
}
.juhe-box3 .container .box .box2 .img {
  background-color: #f3f3f3;
}
.juhe-box3 .container .box .box2 .img::before {
  padding-top: 68.65%;
}
.juhe-box3 .container .box .box2 .box3 {
  padding: 0.4rem;
}
.juhe-box3 .container .box .box2 .box3 .cn2 {
  margin-bottom: 0.2rem;
  color: #000;
}
.juhe-box3 .container .box .box2 .box3 .box-top .box-top2 {
  margin-bottom: 0.1rem;
}
.juhe-box3 .container .box .box2 .box3 .box-top .box-top2 .cn13 {
  color: #000;
  line-height: 1.5em;
}
.juhe-box3 .container .box .box2 .box3 .box-top .box-top2 .cn13 em {
  font-style: normal;
}
.juhe-box3 .container .box .box2 .box3 .box-top .box-top2 .cn13 .yincang {
  opacity: 0;
}
.juhe-box3 .container .box .box2 .box3 .box-top .box-top2 .layui-progress {
  margin-top: 5px;
  height: 3px;
  border-radius: 2px;
  background-color: #fff;
}
.juhe-box3 .container .box .box2 .box3 .box-top .box-top2 .layui-progress .layui-progress-bar {
  height: 3px;
  background-color: #000000;
  border-radius: 2px;
  transition-delay: 0.5s;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.juhe-box3 .container .cn25 {
  align-items: center;
  justify-content: center;
  display: flex;
  text-align: center;
  cursor: pointer;
  color: #000000;
  transition: all 0.5s;
}
.juhe-box3 .container .cn25 span {
  display: flex;
  align-items: center;
  margin-left: 5px;
}
.juhe-box3 .container .cn25 span svg {
  width: 13px;
  height: 12px;
}
.juhe-box3 .container .cn25 span svg path {
  fill: #000;
  opacity: 1;
  transition: all 0.5s;
}
.juhe-box3 .container .cn25:hover {
  color: #fdd000;
}
.juhe-box3 .container .cn25:hover span svg path {
  fill: #fdd000;
}
.juhe-box4 {
  padding: 1.2rem 0;
  background-color: #f3f3f3;
}
.juhe-box4 .container .cn1 {
  text-align: center;
  line-height: 1em;
  margin-bottom: 0.6rem;
}
.juhe-box4 .container .box .box2 {
  margin-bottom: 0.4rem;
  display: flex;
  flex-wrap: wrap;
  background-color: #Fff;
  align-items: center;
}
.juhe-box4 .container .box .box2:nth-child(even) {
  flex-direction: row-reverse;
}
.juhe-box4 .container .box .box2 .img {
  width: 66.66%;
}
@media (max-width: 991px) {
  .juhe-box4 .container .box .box2 .img {
    width: 100%;
  }
}
.juhe-box4 .container .box .box2 .img::before {
  padding-top: 45.16%;
}
.juhe-box4 .container .box .box2 .img .cn5 {
  position: absolute;
  right: 0.2rem;
  top: 0.2rem;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #fdd000;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ccc;
  cursor: pointer;
  transition: all 0.4s;
}
.juhe-box4 .container .box .box2 .img .cn5 svg {
  width: 17px;
  height: 20px;
}
.juhe-box4 .container .box .box2 .img .cn5 svg path {
  transition: all 0.4s;
  fill: #000;
  opacity: 1;
}
.juhe-box4 .container .box .box2 .img .cn5:hover {
  opacity: 0.9;
}
.juhe-box4 .container .box .box2 .right {
  width: 33.34%;
  padding: 0.5rem;
}
@media (max-width: 991px) {
  .juhe-box4 .container .box .box2 .right {
    width: 100%;
  }
}
.juhe-box4 .container .box .box2 .right .cn2 {
  height: 0.46rem;
}
.juhe-box4 .container .box .box2 .right .cn2 img {
  height: 100%;
}
.juhe-box4 .container .box .box2 .right .cn2 svg {
  height: 100%;
}
.juhe-box4 .container .box .box2 .right .cn3 {
  margin: 0.3rem 0 0.1rem;
  color: #000000;
  line-height: 1.5em;
}
.juhe-box4 .container .box .box2 .right .cn4 {
  color: #666666;
  opacity: 0.8;
  line-height: 1.5em;
  height: 4.5em;
  overflow: auto;
}
.juhe-box4 .container .box3 .box2 {
  margin-bottom: 0.4rem;
  display: flex;
  background-color: #Fff;
  align-items: center;
  flex-wrap: wrap;
}
.juhe-box4 .container .box3 .box2:nth-child(even) {
  flex-direction: row-reverse;
}
.juhe-box4 .container .box3 .box2 .img {
  width: 42%;
}
@media (max-width: 991px) {
  .juhe-box4 .container .box3 .box2 .img {
    width: 100%;
  }
}
.juhe-box4 .container .box3 .box2 .img::before {
  padding-top: 55.93%;
}
.juhe-box4 .container .box3 .box2 .img .cn5 {
  position: absolute;
  right: 0.2rem;
  top: 0.2rem;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #fdd000;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ccc;
  cursor: pointer;
  transition: all 0.4s;
}
.juhe-box4 .container .box3 .box2 .img .cn5 svg {
  width: 17px;
  height: 20px;
}
.juhe-box4 .container .box3 .box2 .img .cn5 svg path {
  transition: all 0.4s;
  fill: #000;
  opacity: 1;
}
.juhe-box4 .container .box3 .box2 .img .cn5:hover {
  opacity: 0.9;
}
.juhe-box4 .container .box3 .box2 .right {
  width: 58%;
  padding: 0.5rem;
}
@media (max-width: 991px) {
  .juhe-box4 .container .box3 .box2 .right {
    width: 100%;
  }
}
.juhe-box4 .container .box3 .box2 .right .cn2 {
  height: 0.46rem;
}
.juhe-box4 .container .box3 .box2 .right .cn2 img {
  height: 100%;
}
.juhe-box4 .container .box3 .box2 .right .cn3 {
  margin: 0.3rem 0 0.1rem;
  color: #000000;
  line-height: 1.5em;
}
.juhe-box4 .container .box3 .box2 .right .cn4 {
  color: #666666;
  opacity: 0.8;
  line-height: 1.5em;
}
.juhe-box5 {
  padding: 1.4rem 0;
}
.juhe-box5 .container .cn1 {
  text-align: center;
  margin-bottom: 0.6rem;
  line-height: 1em;
}
.juhe-box5 .container .xialabox1 {
  margin-bottom: 0.8rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.juhe-box5 .container .xialabox1 .xialabox2 {
  width: 32%;
  line-height: 45px;
  background-color: #f3f3f3;
  border-radius: 23px;
  position: relative;
  transition: all 0.5s;
}
.juhe-box5 .container .xialabox1 .xialabox2.xialabox9 {
  background-color: transparent;
}
.juhe-box5 .container .xialabox1 .xialabox2.xialabox9 .cn99 {
  width: 120px;
  line-height: 45px;
  background-color: #fdd000;
  border-radius: 23px;
  text-align: center;
  cursor: pointer;
  transition: all 0.5s;
}
.juhe-box5 .container .xialabox1 .xialabox2.xialabox9 .cn99:hover {
  background-color: rgba(253, 208, 0, 0.8);
}
@media (max-width: 767px) {
  .juhe-box5 .container .xialabox1 .xialabox2 {
    width: 100%;
    margin-bottom: 0.2rem;
  }
}
.juhe-box5 .container .xialabox1 .xialabox2 .xialacn1 {
  padding: 0 0.4rem;
  background-image: url(../images/q-img92.jpg.svg);
  background-position: center right 0.2rem;
  background-repeat: no-repeat;
  background-size: 17px 10px;
  color: #000000;
  transition: all 0.5s;
}
.juhe-box5 .container .xialabox1 .xialabox2 .xialacn2 {
  background-color: #f3f3f3;
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: 50;
  height: 225px;
  overflow: auto;
}
.juhe-box5 .container .xialabox1 .xialabox2 .xialacn2 .xialacn3 {
  padding: 0 0.4rem;
}
.juhe-box5 .container .xialabox1 .xialabox2 .xialacn2 .xialacn3 .xialacn4 {
  display: block;
  width: 100%;
  color: #000000;
  transition: all 0.5s;
}
.juhe-box5 .container .xialabox1 .xialabox2 .xialacn2 .xialacn3 .xialacn4:hover {
  color: #fdd000;
}
.juhe-box5 .container .xialabox1 .xialabox2.on {
  border-radius: 23px 23px 0 0;
}
.juhe-box5 .container .box {
  position: relative;
  width: 100%;
}
.juhe-box5 .container .box::-webkit-scrollbar {
  display: none;
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 0px !important;
}
.juhe-box5 .container .box::-webkit-scrollbar-thumb {
  /*滚动条-滑块*/
  display: none;
  border-radius: 0;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #fdd000;
}
.juhe-box5 .container .box::-webkit-scrollbar-track {
  display: none;
  /*滚动条-背景*/
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: #ededed;
}
.juhe-box5 .container .box .zxright {
  position: absolute;
  right: -0.6rem;
  width: 0.6rem;
  height: 0.6rem;
  background-color: rgba(50, 50, 50, 0.2);
  display: flex;
  align-items: center;
  top: 1rem;
  border-radius: 50%;
  justify-content: center;
  transition: all 0.5s;
  cursor: pointer;
}
@media (max-width: 1580px) {
  .juhe-box5 .container .box .zxright {
    right: -0.7rem;
  }
}
@media (max-width: 1260px) {
  .juhe-box5 .container .box .zxright {
    display: none;
    right: initial;
    left: 1rem;
    z-index: 5;
  }
}
.juhe-box5 .container .box .zxright svg {
  transform: rotate(180deg);
}
.juhe-box5 .container .box .zxright svg path {
  fill: #Fff;
  opacity: 1;
}
.juhe-box5 .container .box .zxright:hover {
  background-color: #fdd000;
}
.juhe-box5 .container .box .zxright:hover svg path {
  fill: #333;
  opacity: 1;
}
.juhe-box5 .container .box .box2 {
  border: 0;
  width: 100%;
  white-space: nowrap;
  overflow-x: scroll;
  display: block;
  position: relative;
}
.juhe-box5 .container .box .box2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 3;
}
.juhe-box5 .container .box .box2 tbody {
  display: block;
  width: 100%;
  border: 0;
}
.juhe-box5 .container .box .box2 .box3 {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow-x: scroll;
  font-size: 0;
}
.juhe-box5 .container .box .box2 .box3::-webkit-scrollbar {
  display: none;
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 0px;
}
.juhe-box5 .container .box .box2 .box3::-webkit-scrollbar-thumb {
  /*滚动条-滑块*/
  display: none;
  border-radius: 0;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #fdd000;
}
.juhe-box5 .container .box .box2 .box3::-webkit-scrollbar-track {
  display: none;
  /*滚动条-背景*/
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: #ededed;
}
.juhe-box5 .container .box .box2 .box3:nth-child(odd) {
  background-color: #Fff;
}
.juhe-box5 .container .box .box2 .box3:nth-child(odd) td {
  background-color: #fff;
}
.juhe-box5 .container .box .box2 .box3:nth-child(even) {
  background-color: #f3f3f3;
}
.juhe-box5 .container .box .box2 .box3:nth-child(even) td {
  background-color: #f3f3f3;
}
.juhe-box5 .container .box .box2 .box3:nth-child(1) {
  position: relative;
}
.juhe-box5 .container .box .box2 .box3:nth-child(1) td {
  padding: 0.15rem 0.3rem;
  display: inline-grid;
  vertical-align: sub;
}
.juhe-box5 .container .box .box2 .box3:nth-child(1) .zxleft {
  position: absolute;
  left: calc(100% - 0.6rem);
  width: 0.6rem;
  height: 0.6rem;
  background-color: rgba(50, 50, 50, 0.2);
  display: flex;
  align-items: center;
  top: 1rem;
  border-radius: 50%;
  justify-content: center;
  transition: all 0.5s;
  cursor: pointer;
  z-index: 5;
}
@media (max-width: 1260px) {
  .juhe-box5 .container .box .box2 .box3:nth-child(1) .zxleft {
    left: 0;
  }
}
.juhe-box5 .container .box .box2 .box3:nth-child(1) .zxleft svg path {
  fill: #Fff;
  opacity: 1;
}
.juhe-box5 .container .box .box2 .box3:nth-child(1) .zxleft:hover {
  background-color: #fdd000;
}
.juhe-box5 .container .box .box2 .box3:nth-child(1) .zxleft:hover svg path {
  fill: #333;
  opacity: 1;
}
.juhe-box5 .container .box .box2 .box3:nth-child(1) .zxright {
  position: absolute;
  left: calc(100% - 0.6rem);
  width: 0.6rem;
  height: 0.6rem;
  background-color: rgba(50, 50, 50, 0.2);
  display: flex;
  align-items: center;
  top: 1rem;
  border-radius: 50%;
  justify-content: center;
  transition: all 0.5s;
  cursor: pointer;
  z-index: 5;
  display: none;
}
@media (max-width: 1260px) {
  .juhe-box5 .container .box .box2 .box3:nth-child(1) .zxright {
    left: 1rem;
    display: flex;
  }
}
.juhe-box5 .container .box .box2 .box3:nth-child(1) .zxright svg path {
  fill: #Fff;
  opacity: 1;
}
.juhe-box5 .container .box .box2 .box3:nth-child(1) .zxright:hover {
  background-color: #fdd000;
}
.juhe-box5 .container .box .box2 .box3:nth-child(1) .zxright:hover svg path {
  fill: #333;
  opacity: 1;
}
.juhe-box5 .container .box .box2 .box3 td {
  height: 100%;
  white-space: break-spaces;
  display: inline-block;
  text-align: center;
  width: 20%;
  line-height: 1.5em;
  padding: 0.15rem 0.3rem;
  vertical-align: middle;
  transition: all 0.5s;
}
@media (max-width: 1260px) {
  .juhe-box5 .container .box .box2 .box3 td {
    width: 33%;
  }
}
@media (max-width: 767px) {
  .juhe-box5 .container .box .box2 .box3 td {
    width: 50%;
  }
}
.juhe-box5 .container .box .box2 .box3 td .img::before {
  padding-top: 96%;
}
.juhe-box5 .container .box .box2 .box3 td:nth-child(1) {
  z-index: 4;
  text-align: left;
  position: sticky;
  left: 0;
  top: 0.2rem;
  transform: translateX(0) !important;
  font-weight: bold;
}
.juhe-box5 .container .box .box2 .box3 td .cn5 {
  line-height: 1em;
  display: block;
  text-align: center;
}
.juhe-box5 .container .boxline {
  margin-top: 0.4rem;
  padding-left: 20%;
}
@media (max-width: 1260px) {
  .juhe-box5 .container .boxline {
    padding-left: 33%;
  }
}
@media (max-width: 767px) {
  .juhe-box5 .container .boxline {
    padding-left: 50%;
  }
}
.juhe-box5 .container .boxline .line {
  width: 100%;
  height: 6px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  position: relative;
}
.juhe-box5 .container .boxline .line em {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 6px;
  border-radius: 3px;
  background-color: #fdd000;
  transition: all 0.5s;
}
.product-info1 {
  margin: 0.6rem 0 0.9rem;
}
.product-info1 .container {
  display: flex;
  flex-wrap: wrap;
}
.product-info1 .container .box1 {
  margin-right: 0.4rem;
  margin-bottom: 0.4rem;
  width: calc((100% - 0.8rem) / 3);
  display: flex;
  flex-wrap: wrap;
  background-color: #f3f3f3;
  border-radius: 5px;
  align-items: center;
  padding: 0.6rem 0;
  justify-content: center;
}
@media (max-width: 991px) {
  .product-info1 .container .box1 {
    width: 100%;
    margin-right: 0;
  }
}
.product-info1 .container .box1:nth-child(3n) {
  margin-right: 0;
}
.product-info1 .container .box1 .cn1 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.product-info1 .container .box1 .cn1 .cn2 {
  margin-right: 0.4rem;
}
.product-info1 .container .box1 .cn1 .cn3 {
  color: #000000;
  line-height: 1.5em;
}
.product-info2 {
  background-color: #F3f3f3;
  padding: 0.8rem 0 0.2rem;
}
.product-info2 .container .cn1 {
  text-align: center;
  line-height: 1em;
  margin-bottom: 0.6rem;
}
.product-info2 .container .box1 .box2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 1rem;
}
.product-info2 .container .box1 .box2:nth-child(even) {
  flex-direction: row-reverse;
}
@media (max-width: 991px) {
  .product-info2 .container .box1 .box2:nth-child(even) {
    flex-direction: row;
  }
}
.product-info2 .container .box1 .box2:nth-child(even) .left {
  padding: 0 1rem ;
}
@media (max-width: 991px) {
  .product-info2 .container .box1 .box2:nth-child(even) .left {
    background-color: #fff;
    width: 100%;
    padding-right: 0;
    padding: 0.5rem;
    text-align: center;
  }
}
.product-info2 .container .box1 .box2 .left {
  width: 50%;
  display: flex;
  align-items: center;
  padding-right: 1rem;
}
@media (max-width: 991px) {
  .product-info2 .container .box1 .box2 .left {
    background-color: #fff;
    width: 100%;
    padding-right: 0;
    padding: 0.5rem;
    text-align: center;
  }
}
.product-info2 .container .box1 .box2 .left .box3 .cn2 svg {
  height: 0.5rem;
}
.product-info2 .container .box1 .box2 .left .box3 .cn2 img {
  height: 0.5rem;
}
.product-info2 .container .box1 .box2 .left .box3 .cn3 {
  margin: 0.2rem 0;
  color: #000000;
  line-height: 1.5em;
}
.product-info2 .container .box1 .box2 .left .box3 .cn4 {
  color: #666666;
  line-height: 1.5em;
}
.product-info2 .container .box1 .box2 .right {
  width: 50%;
}
@media (max-width: 991px) {
  .product-info2 .container .box1 .box2 .right {
    width: 100%;
  }
}
.product-info2 .container .box1 .box2 .right .img::before {
  padding-top: 61.14%;
}
.product-info4.download-box3 {
  background-color: #f3f3f3;
  padding: 0.9rem 0 1.3rem;
}
.product-info4 .container .box9 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.product-info4 .container .box9 .cn50 {
  color: #000000;
}
@media (max-width: 991px) {
  .product-info4 .container .box9 .cn50 {
    width: 100%;
    text-align: center;
    line-height: 1em;
    margin-bottom: 0.6rem;
  }
}
.product-info4 .container .box9 .box10 {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .product-info4 .container .box9 .box10 {
    width: 100%;
    justify-content: center;
  }
}
.product-info4 .container .box9 .box10 .cn51 {
  margin-left: 0.4rem;
  margin-bottom: 0.4rem;
  min-width: 1.5rem;
  line-height: 0.5rem;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  color: #000000;
  padding: 0 0.1rem;
  transition: all 0.5s;
}
@media (max-width: 991px) {
  .product-info4 .container .box9 .box10 .cn51 {
    min-width: 40%;
    line-height: 0.7rem;
  }
}
.product-info4 .container .box9 .box10 .cn51.on {
  background-color: #000000;
  border: 1px solid #000;
  color: #fdd000;
}
.product-info4 .container .box9 .box10 .cn51:hover {
  background-color: #000000;
  border: 1px solid #000;
  color: #fdd000;
}
.product-info4 .container .box12 .box {
  display: none;
  flex-wrap: wrap;
}
.product-info4 .container .box12 .box.on {
  display: flex;
  animation: proinfo4 0.5s 1;
  animation-fill-mode: forwards;
}
.product-info4 .container .box12 .box .swiper-slide {
  margin-top: 0.4rem;
  border-radius: 5px;
  overflow: hidden;
  background-color: #ffffff;
  position: relative;
  width: calc((100% - 0.8rem) / 3);
  margin-right: 0.4rem;
}
@media (max-width: 991px) {
  .product-info4 .container .box12 .box .swiper-slide {
    width: 100%;
    margin-right: 0;
  }
}
.product-info4 .container .box12 .box .swiper-slide:nth-child(3n) {
  margin-right: 0;
}
.product-info4 .container .box12 .box .swiper-slide::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background-color: #fdd000;
  opacity: 0.9;
  z-index: 2;
  transition: all 0.5s;
}
.product-info4 .container .box12 .box .swiper-slide:nth-child(3n) {
  margin-right: 0;
}
@media (max-width: 991px) {
  .product-info4 .container .box12 .box .swiper-slide:nth-child(3n) {
    margin-right: 0.4rem;
  }
}
@media (max-width: 767px) {
  .product-info4 .container .box12 .box .swiper-slide:nth-child(3n) {
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .product-info4 .container .box12 .box .swiper-slide:nth-child(2n) {
    margin-right: 0;
  }
}
.product-info4 .container .box12 .box .swiper-slide .img {
  position: relative;
}
.product-info4 .container .box12 .box .swiper-slide .img::before {
  padding-top: 81.81%;
}
.product-info4 .container .box12 .box .swiper-slide .img .cn30 {
  display: block;
  width: 100%;
  padding: 0.35rem;
  left: 0;
  top: 0;
  position: absolute;
}
.product-info4 .container .box12 .box .swiper-slide .img .cn30 .cn31 {
  display: block;
  color: #fdd000;
  font-style: normal;
}
.product-info4 .container .box12 .box .swiper-slide .img .cn30 .cn32 {
  display: block;
  color: #000;
  font-style: normal;
}
.product-info4 .container .box12 .box .swiper-slide .img .cn33 {
  font-size: 2.19rem;
  display: block;
  width: 100%;
  padding: 20% 0.35rem 0;
  left: 0;
  top: 0;
  position: absolute;
  color: #000000;
  opacity: 0.05;
  line-height: 1em;
}
.product-info4 .container .box12 .box .swiper-slide .text {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  padding: 0.3rem;
  z-index: 3;
  transition: all 0.5s;
  animation-fill-mode: forwards;
}
.product-info4 .container .box12 .box .swiper-slide .text .cn3 {
  display: none;
  line-height: 1.5em;
  color: #ffffff;
}
.product-info4 .container .box12 .box .swiper-slide .text .cn4 {
  display: none;
  margin-top: 0.1rem;
  line-height: 1.5em;
  color: #ffffff;
}
.product-info4 .container .box12 .box .swiper-slide .text .cn5 {
  display: none;
  margin-top: 0.2rem;
  justify-content: flex-start;
}
.product-info4 .container .box12 .box .swiper-slide .text .cn5 .cn6 {
  margin: 0;
  background-color: #000;
  color: #fdd000;
}
.product-info4 .container .box12 .box .swiper-slide .text .cn5 .cn6 svg path {
  fill: #fdd000;
  opacity: 1;
}
.product-info4 .container .box12 .box .swiper-slide:hover::before {
  display: none;
}
.product-info4 .container .box12 .box .swiper-slide:hover::after {
  height: 100%;
}
.product-info4 .container .box12 .box .swiper-slide:hover .img img {
  transform: scale(1.05);
}
.product-info4 .container .box12 .box .swiper-slide:hover .text {
  animation: fudong2 0.5s 1;
  animation-fill-mode: forwards;
}
.product-info4 .container .box12 .box .swiper-slide:hover .text .cn3 {
  display: block;
  color: #000000;
}
.product-info4 .container .box12 .box .swiper-slide:hover .text .cn4 {
  display: block;
  color: #000;
}
.product-info4 .container .box12 .box .swiper-slide:hover .text .cn5 {
  display: flex;
}
@keyframes proinfo4 {
  from {
    transform: translateY(60px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.service-box1 {
  padding-top: 1.1rem;
  padding-bottom: 0.6rem;
}
.service-box1 .container {
  position: relative;
}
.service-box1 .container .cn1 {
  color: #000000;
  line-height: 1em;
  width: 80%;
}
@media (max-width: 767px) {
  .service-box1 .container .cn1 {
    width: 100%;
  }
}
.service-box1 .container .cn2 {
  color: #666666;
  opacity: 0.8;
  width: 80%;
  margin: 0.3rem 0;
  line-height: 1.5em;
}
@media (max-width: 767px) {
  .service-box1 .container .cn2 {
    width: 100%;
  }
}
.service-box1 .container .zzcn1 {
  display: flex;
}
.service-box1 .container .cn3 {
  padding: 0 0.2rem;
  min-width: 148px;
  height: 45px;
  background-color: #fdd000;
  border-radius: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  transition: all 0.5s;
}
@media (max-width: 991px) {
  .service-box1 .container .cn3 {
    height: 0.76rem;
    border-radius: 0.38rem;
    padding: 0 0.5rem;
  }
}
.service-box1 .container .cn3 span {
  margin-left: 5px;
}
.service-box1 .container .cn3 span svg {
  width: 16px;
  height: 14px;
}
.service-box1 .container .cn3 span svg path {
  transition: all 0.5s;
  fill: #000;
  opacity: 1;
}
.service-box1 .container .cn3:hover {
  background-color: #000;
  color: #fdd000;
}
.service-box1 .container .cn3:hover span svg path {
  fill: #fdd000;
}
.service-box1 .container .cn4 {
  position: absolute;
  right: 0;
  top: 0;
}
.service-box2 {
  margin-bottom: 1.3rem;
}
.service-box2 .container .box1 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 0.2rem;
  display: flex;
}
.service-box2 .container .box1 .cn1 {
  margin-right: 1rem;
  color: #666666;
  position: relative;
  line-height: 1.5em;
  transition: all 0.5s;
  cursor: pointer;
  font-weight: bold;
}
.service-box2 .container .box1 .cn1::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.3rem;
  width: 0%;
  height: 2px;
  background-color: #fdd000;
  transition: all 0.5s;
}
.service-box2 .container .box1 .cn1:hover {
  color: #000;
}
.service-box2 .container .box1 .cn1:hover::before {
  width: 100%;
}
.service-box2 .container .box1 .cn1.on {
  color: #000;
  font-weight: bold;
}
.service-box2 .container .box1 .cn1.on::before {
  width: 100%;
}
.service-box2 .container .box2 {
  margin-top: 0.7rem;
}
.service-box2 .container .box2 .box3 {
  display: none;
}
.service-box2 .container .box2 .box3.on {
  display: block;
}
.service-box2 .container .box2 .box3 .cn2 {
  text-align: center;
  line-height: 1em;
  margin-bottom: 0.6rem;
}
.service-box2 .container .box2 .box3 .box4 {
  margin: 0 0 0.4rem;
  display: flex;
  flex-wrap: wrap;
}
.service-box2 .container .box2 .box3 .box4 .box4a {
  background-color: #f3f3f3;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
  width: calc((100% - 0.8rem) / 5);
}
@media (max-width: 991px) {
  .service-box2 .container .box2 .box3 .box4 .box4a {
    width: calc((100% - 0.2rem) / 2);
  }
}
.service-box2 .container .box2 .box3 .box4 .box4a:nth-child(5n) {
  margin-right: 0;
}
@media (max-width: 991px) {
  .service-box2 .container .box2 .box3 .box4 .box4a:nth-child(5n) {
    margin-right: 0.2rem;
  }
}
@media (max-width: 991px) {
  .service-box2 .container .box2 .box3 .box4 .box4a:nth-child(2n) {
    margin-right: 0;
  }
}
.service-box2 .container .box2 .box3 .box4 .box4a .img {
  text-align: center;
}
.service-box2 .container .box2 .box3 .box4 .box4a .img::before {
  padding-top: 76.92%;
}
.service-box2 .container .box2 .box3 .box4 .box4a .img svg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.service-box2 .container .box2 .box3 .box4 .box4a .img svg path {
  fill: #666;
  opacity: 1;
}
.service-box2 .container .box2 .box3 .box4 .box4a .text1 {
  background-color: #e8e8e8;
  line-height: 1.5em;
  text-align: center;
  padding: 0.2rem;
  color: #000000;
  transition: all 0.5s;
}
.service-box2 .container .box2 .box3 .box4 .box4a:hover .img {
  background-color: #000;
}
.service-box2 .container .box2 .box3 .box4 .box4a:hover .img svg path {
  fill: #fdd000;
}
.service-box2 .container .box2 .box3 .box4 .box4a:hover .text1 {
  background-color: #fdd000;
  color: #000;
}
.service-box2 .container .box2 .box3 .box4 .box4a.on .img {
  background-color: #000;
}
.service-box2 .container .box2 .box3 .box4 .box4a.on .img svg path {
  fill: #fdd000;
}
.service-box2 .container .box2 .box3 .box4 .box4a.on .text1 {
  background-color: #fdd000;
  color: #000;
}
.service-box2 .container .box2 .box3 .box3b {
  display: none;
}
.service-box2 .container .box2 .box3 .box3b .input1 {
  width: 100%;
  margin-bottom: 0.2rem;
}
.service-box2 .container .box2 .box3 .box3b .input1 textarea {
  width: 100%;
  height: 100px;
  background-color: #f3f3f3;
  border-radius: 5px;
  padding: 0.2rem;
  color: #666666;
}
.service-box2 .container .box2 .box3 .box3b .input1 input {
  width: 100%;
  height: 60px;
  background-color: #f3f3f3;
  border-radius: 5px;
  padding: 0.2rem;
  color: #666666;
}
.service-box2 .container .box2 .box3 .box3b .input4 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.service-box2 .container .box2 .box3 .box3b .input4 .input5 {
  width: 49%;
  margin-bottom: 0.2rem;
}
@media (max-width: 767px) {
  .service-box2 .container .box2 .box3 .box3b .input4 .input5 {
    width: 100%;
  }
}
.service-box2 .container .box2 .box3 .box3b .input4 .input5 input {
  width: 100%;
  height: 60px;
  background-color: #f3f3f3;
  border-radius: 5px;
  padding: 0.2rem;
  color: #666666;
}
.service-box2 .container .box2 .box3 .box3b .cn3 {
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #999999;
}
.service-box2 .container .box2 .box3 .box3b .cn3 svg {
  margin-right: 5px;
  width: 22px;
  height: 20px;
}
.service-box2 .container .box2 .box3 .box3b .cn3 svg path {
  fill: #fdd000;
  opacity: 1;
}
.service-box2 .container .box2 .box3 .box3b .input2 .input2a .hi-file-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 0.2rem;
}
.service-box2 .container .box2 .box3 .box3b .input2 .input2a .hi-file-box .hi-input-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.15rem;
  width: 1.4rem;
  height: 1.4rem;
  background-color: #f3f3f3;
}
.service-box2 .container .box2 .box3 .box3b .input2 .input2a .hi-file-box .hi-input-box svg {
  width: 39px;
  height: 31px;
}
@media (max-width: 767px) {
  .service-box2 .container .box2 .box3 .box3b .input2 .input2a .hi-file-box .hi-input-box {
    padding: 0.1rem 0.15rem;
    line-height: 0.4rem;
  }
}
.service-box2 .container .box2 .box3 .box3b .input2 .input2a .hi-file-box .hi-input-box input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  margin-bottom: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  border: 0;
  cursor: pointer;
}
.service-box2 .container .box2 .box3 .box3b .input2 .input2a .hi-file-box .hi-input-box .hi-text {
  color: #fff;
}
.service-box2 .container .box2 .box3 .box3b .input2 .input2a .hi-file-box .hi-text2 {
  line-height: 0.4rem;
}
@media (max-width: 767px) {
  .service-box2 .container .box2 .box3 .box3b .input2 .input2a .hi-file-box .hi-text2 {
    padding: 0.1rem 0;
  }
}
.service-box2 .container .box2 .box3 .box3b .input3 {
  margin-top: 0.6rem;
  position: relative;
}
.service-box2 .container .box2 .box3 .box3b .input3 .cn3 {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.service-box2 .container .box2 .box3 .box3b .input6 {
  display: flex;
}
.service-box2 .container .box2 .box3 .box3b .input6 .input6a {
  flex-shrink: 0;
  width: 10px;
  margin-right: 0.2rem;
}
@media (max-width: 991px) {
  .service-box2 .container .box2 .box3 .box3b .input6 .input6a {
    width: 0.2rem;
  }
}
.service-box2 .container .box2 .box3 .box3b .input6 .input6a input {
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  border: solid 1px #000000;
}
@media (max-width: 991px) {
  .service-box2 .container .box2 .box3 .box3b .input6 .input6a input {
    width: 0.2rem;
    height: 0.2rem;
  }
}
.service-box2 .container .box2 .box3 .box3b .input6 .input6a input.on {
  background-image: url(../images/q-img80.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.service-box2 .container .box2 .box3 .box3b .input6 .input6b {
  color: #666666;
  line-height: 1.5em;
}
@media (max-width: 991px) {
  .service-box2 .container .box2 .box3 .box3b .input6 .input6b {
    line-height: 1.1em;
  }
}
.service-box2 .container .box2 .box3 .box3b.on {
  display: block;
}
.service-box3 {
  background-color: #f3f3f3;
  padding: 1.4rem 0;
}
.service-box3 .container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.service-box3 .container .left {
  width: 50%;
}
@media (max-width: 991px) {
  .service-box3 .container .left {
    width: 100%;
  }
}
.service-box3 .container .left .img::before {
  padding-top: 61.14%;
}
.service-box3 .container .right {
  width: 50%;
  padding-left: 1rem;
}
@media (max-width: 991px) {
  .service-box3 .container .right {
    width: 100%;
    padding-left: 0;
    margin-top: 1rem;
  }
}
.service-box3 .container .right .cn1 {
  color: #fdd000;
  line-height: 1.5em;
  margin-bottom: 0.1rem;
}
.service-box3 .container .right .cn2 {
  color: #000000;
  line-height: 1em;
}
.service-box3 .container .right .cn3 {
  color: #666666;
  line-height: 1.5em;
  margin: 0.3rem 0 0.4rem;
}
.service-box3 .container .right .public-btn {
  justify-content: flex-start;
}
.service-box3 .container .right .public-btn .public-btn99 {
  margin: 0;
}
.service-box4 {
  padding: 1.4rem 0;
  background-color: #Fff;
}
.service-box4 .container .cn1 {
  text-align: center;
  line-height: 1em;
  margin-bottom: 0.6rem;
}
.service-box4 .container .xialabox1 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.service-box4 .container .xialabox1 .xialabox2 {
  width: 32%;
  line-height: 45px;
  background-color: #f3f3f3;
  border-radius: 23px;
  position: relative;
  transition: all 0.5s;
}
@media (max-width: 767px) {
  .service-box4 .container .xialabox1 .xialabox2 {
    width: 100%;
    margin-bottom: 0.2rem;
  }
}
.service-box4 .container .xialabox1 .xialabox2 .xialacn1 {
  padding: 0 0.4rem;
  background-image: url(../images/q-img92.jpg.svg);
  background-position: center right 0.2rem;
  background-repeat: no-repeat;
  background-size: 17px 10px;
  color: #000000;
  transition: all 0.5s;
}
.service-box4 .container .xialabox1 .xialabox2 .xialacn2 {
  background-color: #f3f3f3;
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: 50;
  height: 225px;
  overflow: auto;
}
.service-box4 .container .xialabox1 .xialabox2 .xialacn2 .xialacn3 {
  padding: 0 0.4rem;
}
.service-box4 .container .xialabox1 .xialabox2 .xialacn2 .xialacn3 .xialacn4 {
  display: block;
  width: 100%;
  color: #000000;
  transition: all 0.5s;
}
.service-box4 .container .xialabox1 .xialabox2 .xialacn2 .xialacn3 .xialacn4:hover {
  color: #fdd000;
}
.service-box4 .container .xialabox1 .xialabox2.on {
  border-radius: 23px 23px 0 0;
}
.service-box4 .container .box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.service-box4 .container .box .box2 {
  margin-top: 0.4rem;
  width: 48%;
  border-radius: 5px 5px 15px 5px;
  padding: 0.6rem 0.4rem;
  background-color: #f3f3f3;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
@media (max-width: 991px) {
  .service-box4 .container .box .box2 {
    width: 100%;
  }
}
.service-box4 .container .box .box2 .bgimg {
  position: absolute;
  right: 0.3rem;
  bottom: 0;
}
.service-box4 .container .box .box2 .bgimg img {
  width: 1.8rem;
}
.service-box4 .container .box .box2 .cn2 {
  color: #211f1e;
  line-height: 1.5em;
  margin-bottom: 0.4rem;
}
.service-box4 .container .box .box2 .cn3 li {
  margin-bottom: 0.1rem;
  display: flex;
  color: #797878;
  line-height: 1.5em;
}
.service-box4 .container .box .box2 .cn3 li span:nth-child(1) {
  flex-shrink: 0;
}
.service-box5 {
  position: relative;
  overflow: hidden;
  padding: 1.1rem 0;
  background-color: #f3f3f3;
}
.service-box5 .container .cn1 {
  text-align: center;
  line-height: 1em;
  margin-bottom: 0.6rem;
}
.service-box5 .container .service-box5a {
  position: relative;
  overflow: hidden;
}
.service-box5 .container .service-box5a .swiper-slide {
  background-color: #ffffff;
  border-radius: 5px;
  height: 1.9rem;
}
.service-box5 .container .service-box5a .swiper-slide .box {
  width: 100%;
  height: 1.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.service-box5 .container .service-box5a .swiper-slide .box img {
  max-height: 0.6rem;
}
.service-box5 .container .box99 {
  margin-top: 0.6rem;
  position: relative;
}
.service-box5 .container .box99 .service5prev {
  z-index: 5;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -1.2rem;
}
@media (max-width: 1260px) {
  .service-box5 .container .box99 .service5prev {
    display: none;
  }
}
.service-box5 .container .box99 .service5next {
  z-index: 5;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -1.2rem;
}
@media (max-width: 1260px) {
  .service-box5 .container .box99 .service5next {
    display: none;
  }
}
.service-box5 .container .box99 .service5page {
  top: initial;
  bottom: -0.3rem;
  z-index: 6;
  height: 6px;
  border-radius: 3px;
}
.service-box5 .container .box99 .service5page.swiper-pagination-progressbar {
  background-color: rgba(0, 0, 0, 0.1);
}
.service-box5 .container .box99 .service5page .swiper-pagination-progressbar-fill {
  background: #fdd000;
}
.service-box5 .container .service-box5b {
  position: relative;
}
.service-box5 .container .service-box5b .swiper-slide .img::before {
  padding-top: 70.64%;
}
.service-box5 .container .service-box5b .swiper-slide .img:hover img {
  transform: scale(1.05);
}
.help-box1 {
  padding: 1.1rem 0 0.8rem;
  background-color: #fff;
}
.help-box1 .container .box {
  display: flex;
  flex-wrap: wrap;
}
.help-box1 .container .box .box2 {
  background-color: #f3f3f3;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
  width: calc((100% - 0.8rem) / 5);
}
@media (max-width: 991px) {
  .help-box1 .container .box .box2 {
    width: calc((100% - 0.2rem) / 2);
  }
}
.help-box1 .container .box .box2:nth-child(5n) {
  margin-right: 0;
}
@media (max-width: 991px) {
  .help-box1 .container .box .box2:nth-child(5n) {
    margin-right: 0.2rem;
  }
}
@media (max-width: 991px) {
  .help-box1 .container .box .box2:nth-child(2n) {
    margin-right: 0;
  }
}
.help-box1 .container .box .box2 .img {
  text-align: center;
}
.help-box1 .container .box .box2 .img::before {
  padding-top: 76.92%;
}
.help-box1 .container .box .box2 .img svg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.help-box1 .container .box .box2 .img svg path {
  fill: #666;
  opacity: 1;
  transition: all 0.5s;
}
.help-box1 .container .box .box2 .text1 {
  background-color: #e8e8e8;
  line-height: 1.5em;
  text-align: center;
  padding: 0.2rem;
  color: #000000;
  transition: all 0.5s;
}
.help-box1 .container .box .box2:hover .img {
  background-color: #000;
}
.help-box1 .container .box .box2:hover .img svg path {
  fill: #fdd000;
}
.help-box1 .container .box .box2:hover .text1 {
  background-color: #fdd000;
  color: #333;
}
.help-box2 {
  background-color: #fff;
  padding: 1.1rem 0 0.8rem;
}
.help-box2 .container .cn1 {
  text-align: center;
  line-height: 1em;
  margin-bottom: 0.5rem;
}
.help-box2 .container .box {
  position: relative;
}
.help-box2 .container .box .help2prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -1.2rem;
}
@media (max-width: 1260px) {
  .help-box2 .container .box .help2prev {
    display: none;
  }
}
.help-box2 .container .box .help2next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -1.2rem;
}
@media (max-width: 1260px) {
  .help-box2 .container .box .help2next {
    display: none;
  }
}
.help-box2 .container .box .help-box2a {
  position: relative;
  overflow: hidden;
}
.help-box2 .container .box .help-box2a .swiper-slide {
  width: 100%;
  background-color: #f3f3f3;
  padding: 0.4rem;
}
.help-box2 .container .box .help-box2a .swiper-slide .img {
  height: 2.28rem;
  margin-bottom: 0.35rem;
  text-align: center;
}
.help-box2 .container .box .help-box2a .swiper-slide .img img {
  height: 100%;
  object-fit: contain;
}
.help-box2 .container .box .help-box2a .swiper-slide .text {
  padding-top: 0.2rem;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.help-box2 .container .box .help-box2a .swiper-slide .text .cn8 {
  width: 100%;
  color: #000000;
  line-height: 1.5em;
}
.help-box2 .container .box .help-box2a .swiper-slide .text .cn8 .cn21 {
  color: #000000;
}
.help-box2 .container .box .help-box2a .swiper-slide .text .cn8 .cn22 {
  color: #666666;
  display: block;
}
.help-box2 .container .box .help-box2a .swiper-slide .text .cn9 {
  cursor: pointer;
  width: 23px;
}
.help-box2 .container .box .help-box2a .swiper-slide .text .cn9 svg {
  width: 23px;
  height: 15px;
}
.help-box2 .container .box .help-box2a .swiper-slide .text .cn9 svg path {
  transition: all 0.5s;
  fill: #000;
  opacity: 1;
}
.help-box2 .container .box .help-box2a .swiper-slide .text .cn9:hover svg path {
  fill: #fdd000;
}
.help-box3 {
  background-color: #fff;
  padding: 1.1rem 0 0.8rem;
}
.help-box3 .container .cn1 {
  text-align: center;
  line-height: 1em;
  margin-bottom: 0.5rem;
}
.help-box3 .container .box {
  position: relative;
}
.help-box3 .container .box .help3prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -1.2rem;
}
@media (max-width: 1260px) {
  .help-box3 .container .box .help3prev {
    display: none;
  }
}
.help-box3 .container .box .help3next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -1.2rem;
}
@media (max-width: 1260px) {
  .help-box3 .container .box .help3next {
    display: none;
  }
}
.help-box3 .container .box .help-box3a {
  position: relative;
  overflow: hidden;
}
.help-box3 .container .box .help-box3a .swiper-slide {
  width: 100%;
  position: relative;
}
.help-box3 .container .box .help-box3a .swiper-slide .box2 .img {
  border-radius: 5px;
}
.help-box3 .container .box .help-box3a .swiper-slide .box2 .img::before {
  padding-top: 62.68%;
}
.help-box3 .container .box .help-box3a .swiper-slide .box2 .img::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 3;
}
.help-box3 .container .box .help-box3a .swiper-slide .box2 .img .videobtn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  width: 0.46rem;
  height: 0.46rem;
  display: block;
  background-color: #000;
  border-radius: 50%;
}
.help-box3 .container .box .help-box3a .swiper-slide .box2 .img .videobtn svg {
  width: 100%;
  height: 100%;
}
.help-box3 .container .box .help-box3a .swiper-slide .box2 .img .videobtn svg path {
  fill: #fdd000;
  opacity: 1;
}
.help-box3 .container .box .help-box3a .swiper-slide .box2 .text {
  color: #000;
  line-height: 1.2em;
  margin: 0.3rem 0 0.2rem;
}
.help-box3 .container .box .help-box3a .swiper-slide .box2 .arrow {
  display: flex;
  align-items: center;
}
.help-box3 .container .box .help-box3a .swiper-slide .box2 .arrow .cn3 {
  color: #000000;
  position: relative;
}
.help-box3 .container .box .help-box3a .swiper-slide .box2 .arrow .cn3::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  transition: all 0.5s;
  height: 1px;
  background-color: #000;
}
.help-box3 .container .box .help-box3a .swiper-slide .box2 .arrow .cn4 {
  margin-left: 5px;
  width: 20px;
  height: 20px;
  background-color: #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
}
.help-box3 .container .box .help-box3a .swiper-slide .box2 .arrow .cn4 svg {
  transform: rotate(180deg);
  width: 10px;
  height: 10px;
}
.help-box3 .container .box .help-box3a .swiper-slide .box2 .arrow .cn4 svg path {
  fill: #fff;
  opacity: 1;
}
.help-box3 .container .box .help-box3a .swiper-slide .box2:hover .img img {
  transform: scale(1.05);
}
.help-box3 .container .box .help-box3a .swiper-slide .box2:hover .arrow .cn3::before {
  width: 100%;
}
.help-box3 .container .box .help-box3a .swiper-slide .box2:hover .arrow .cn4 {
  transform: translateX(5px);
}
.help-box4 {
  padding: 0.6rem 0 1.4rem;
}
.help-box4 .container .cn1 {
  font-size: 1.12rem;
  text-align: center;
  color: #000000;
  line-height: 1em;
}
@media (max-width: 767px) {
  .help-box4 .container .cn1 {
    font-size: 0.6rem;
  }
}
.help-box4 .container .cn2 {
  text-align: center;
  line-height: 1.5em;
  margin: 0.3rem 0;
  color: #666666;
}
@media (max-width: 991px) {
  .help-box4 .container .cn2 {
    font-size: 0.24rem;
  }
}
.help-box4 .container .cn1 {
  text-align: center;
}
.help-box5 {
  padding: 1.1rem 0;
  background-color: #f3f3f3;
}
.help-box5 .container .box .box2 {
  cursor: pointer;
  background-color: #ffffff;
  padding: 0 0.4rem;
  display: none;
}
.help-box5 .container .box .box2:nth-child(even) {
  background-color: #f7f7f7;
}
.help-box5 .container .box .box2:nth-child(-n+9) {
  display: block;
}
.help-box5 .container .box .box2 .box3 {
  padding: 0.3rem 0;
  display: flex;
  align-items: center;
}
.help-box5 .container .box .box2 .box3 .cn1 {
  width: 26px;
  height: 26px;
  background-color: #fdd000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.help-box5 .container .box .box2 .box3 .cn1 svg .cls-1 {
  fill: #fff;
}
.help-box5 .container .box .box2 .box3 .cn2 {
  padding: 0 0.3rem;
  color: #000000;
  width: calc(100% - 41px);
}
.help-box5 .container .box .box2 .box3 .cn3 {
  position: relative;
  width: 15px;
}
.help-box5 .container .box .box2 .box3 .cn3 .cn4 {
  display: block;
  width: 15px;
  height: 3px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #999;
}
.help-box5 .container .box .box2 .box3 .cn3 .cn7 {
  display: block;
  width: 3px;
  height: 15px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #999;
  transition: all 0.5s;
}
.help-box5 .container .box .box2 .box5 {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  display: none;
}
.help-box5 .container .box .box2 .box5 .box4 {
  padding: 0.3rem 0;
  display: flex;
}
.help-box5 .container .box .box2 .box5 .box4 .cn5 {
  width: 26px;
  height: 26px;
  background-color: rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}
.help-box5 .container .box .box2 .box5 .box4 .cn5 svg .cls-1 {
  fill: #fff;
}
.help-box5 .container .box .box2 .box5 .box4 .cn6 {
  padding: 0 0.3rem;
  color: #999999;
  width: calc(100% - 26px);
}
.help-box5 .container .box .box2.on .box3 .cn3 .cn7 {
  transform: translate(-50%, -50%) rotate(90deg);
}
.help-box5 .container .cn25 {
  margin-top: 0.5rem;
  align-items: center;
  justify-content: center;
  display: flex;
  text-align: center;
  cursor: pointer;
  color: #000000;
  transition: all 0.5s;
}
.help-box5 .container .cn25 span {
  display: flex;
  align-items: center;
  margin-left: 5px;
}
.help-box5 .container .cn25 span svg {
  width: 13px;
  height: 12px;
}
.help-box5 .container .cn25 span svg path {
  fill: #000;
  opacity: 1;
  transition: all 0.5s;
}
.help-box5 .container .cn25:hover {
  color: #fdd000;
}
.help-box5 .container .cn25:hover span svg path {
  fill: #fdd000;
}
.award-box1 {
  padding: 1.2rem 0;
  background-color: #f3f3f3;
}
.award-box1 .container .box2 {
  display: flex;
  flex-wrap: wrap;
}
.award-box1 .container .box2 .box {
  display: none;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  width: calc((100% - 2rem) / 5);
  padding: 0.3rem;
  background-color: #Fff;
  border-radius: 5px;
}
@media (max-width: 991px) {
  .award-box1 .container .box2 .box {
    margin-bottom: 0.3rem;
    margin-right: 0.3rem;
    width: calc((100% - 0.6rem) / 3);
  }
}
@media (max-width: 767px) {
  .award-box1 .container .box2 .box {
    width: calc((100% - 0.3rem) / 2);
  }
}
.award-box1 .container .box2 .box:nth-child(5n) {
  margin-right: 0;
}
@media (max-width: 991px) {
  .award-box1 .container .box2 .box:nth-child(5n) {
    margin-right: 0.3rem;
  }
}
@media (max-width: 991px) {
  .award-box1 .container .box2 .box:nth-child(3n) {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .award-box1 .container .box2 .box:nth-child(3n) {
    margin-right: 0.3rem;
  }
}
@media (max-width: 767px) {
  .award-box1 .container .box2 .box:nth-child(2n) {
    margin-right: 0rem;
  }
}
.award-box1 .container .box2 .box:nth-child(-n+15) {
  display: block;
}
@media (max-width: 767px) {
  .award-box1 .container .box2 .box:nth-child(-n+15) {
    display: none;
  }
  .award-box1 .container .box2 .box:nth-child(-n+14) {
    display: block;
  }
}
.award-box1 .container .box2 .box .img {
  width: 100%;
}
.award-box1 .container .box2 .box .img::before {
  padding-top: 63.15%;
}
.award-box1 .container .box2 .box .text {
  margin-top: 0.3rem;
  color: #000000;
  line-height: 1.5em;
}
.award-box1 .container .cn5 {
  align-items: center;
  justify-content: center;
  display: flex;
  text-align: center;
  cursor: pointer;
  color: #000000;
  transition: all 0.5s;
}
.award-box1 .container .cn5 span {
  display: flex;
  align-items: center;
  margin-left: 5px;
}
.award-box1 .container .cn5 span svg {
  width: 13px;
  height: 12px;
}
.award-box1 .container .cn5 span svg path {
  fill: #000;
  opacity: 1;
  transition: all 0.5s;
}
.award-box1 .container .cn5:hover {
  color: #fdd000;
}
.award-box1 .container .cn5:hover span svg path {
  fill: #fdd000;
}
.award-box2 {
  background-color: #fff;
  padding: 1.1rem 0 0.8rem;
}
.award-box2 .container .cn1 {
  text-align: center;
  line-height: 1em;
  margin-bottom: 0.5rem;
}
.award-box2 .container .box {
  position: relative;
}
.award-box2 .container .box .award2prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -1.2rem;
}
@media (max-width: 1260px) {
  .award-box2 .container .box .award2prev {
    display: none;
  }
}
.award-box2 .container .box .award2next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -1.2rem;
}
@media (max-width: 1260px) {
  .award-box2 .container .box .award2next {
    display: none;
  }
}
.award-box2 .container .box .award-box2a {
  position: relative;
  overflow: hidden;
}
.award-box2 .container .box .award-box2a .swiper-slide {
  width: 100%;
  background-color: #f3f3f3;
  padding: 0.4rem;
}
.award-box2 .container .box .award-box2a .swiper-slide .img {
  height: 2.28rem;
  margin-bottom: 0.35rem;
  text-align: center;
}
.award-box2 .container .box .award-box2a .swiper-slide .img img {
  height: 100%;
  object-fit: contain;
}
.award-box2 .container .box .award-box2a .swiper-slide .text {
  padding-top: 0.2rem;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.award-box2 .container .box .award-box2a .swiper-slide .text .cn8 {
  width: calc(100% - 17px);
  padding-right: 0.5rem;
  color: #000000;
  line-height: 1.5em;
}
.award-box2 .container .box .award-box2a .swiper-slide .text .cn9 {
  cursor: pointer;
  width: 17px;
}
.award-box2 .container .box .award-box2a .swiper-slide .text .cn9 svg {
  width: 17px;
  height: 17px;
}
.award-box2 .container .box .award-box2a .swiper-slide .text .cn9 svg path {
  transition: all 0.5s;
  fill: #000;
  opacity: 1;
}
.award-box2 .container .box .award-box2a .swiper-slide .text .cn9:hover svg path {
  fill: #fdd000;
}
.award-box3 {
  background-color: #fff;
  padding: 0.8rem 0 1.4rem;
}
.award-box3 .container .cn1 {
  text-align: center;
  line-height: 1em;
  margin-bottom: 0.5rem;
}
.award-box3 .container .box {
  position: relative;
}
.award-box3 .container .box .award3prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -1.2rem;
}
@media (max-width: 1260px) {
  .award-box3 .container .box .award3prev {
    display: none;
  }
}
.award-box3 .container .box .award3next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -1.2rem;
}
@media (max-width: 1260px) {
  .award-box3 .container .box .award3next {
    display: none;
  }
}
.award-box3 .container .box .award-box3a {
  position: relative;
  overflow: hidden;
}
.award-box3 .container .box .award-box3a .swiper-slide {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}
.award-box3 .container .box .award-box3a .swiper-slide::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.award-box3 .container .box .award-box3a .swiper-slide::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background-color: #fdd000;
  opacity: 0.9;
  z-index: 2;
  transition: all 0.5s;
}
.award-box3 .container .box .award-box3a .swiper-slide:nth-child(3n) {
  margin-right: 0;
}
@media (max-width: 991px) {
  .award-box3 .container .box .award-box3a .swiper-slide:nth-child(3n) {
    margin-right: 0.4rem;
  }
}
@media (max-width: 767px) {
  .award-box3 .container .box .award-box3a .swiper-slide:nth-child(3n) {
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .award-box3 .container .box .award-box3a .swiper-slide:nth-child(2n) {
    margin-right: 0;
  }
}
.award-box3 .container .box .award-box3a .swiper-slide .img::before {
  padding-top: 81.81%;
}
.award-box3 .container .box .award-box3a .swiper-slide .text {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  padding: 0.3rem;
  z-index: 3;
  transition: all 0.5s;
}
.award-box3 .container .box .award-box3a .swiper-slide .text .cn3 {
  line-height: 1.5em;
  color: #ffffff;
}
.award-box3 .container .box .award-box3a .swiper-slide .text .cn4 {
  margin-top: 0.1rem;
  line-height: 1.5em;
  color: #ffffff;
}
.award-box3 .container .box .award-box3a .swiper-slide .text .cn5 {
  display: none;
  margin-top: 0.2rem;
  justify-content: flex-start;
}
.award-box3 .container .box .award-box3a .swiper-slide .text .cn5 .cn6 {
  margin: 0;
  background-color: #000;
  color: #fdd000;
}
.award-box3 .container .box .award-box3a .swiper-slide .text .cn5 .cn6 svg path {
  fill: #fdd000;
  opacity: 1;
}
.award-box3 .container .box .award-box3a .swiper-slide:hover::before {
  display: none;
}
.award-box3 .container .box .award-box3a .swiper-slide:hover::after {
  height: 100%;
}
.award-box3 .container .box .award-box3a .swiper-slide:hover .img img {
  transform: scale(1.05);
}
.award-box3 .container .box .award-box3a .swiper-slide:hover .text {
  animation: fudong 0.5s 1;
}
.award-box3 .container .box .award-box3a .swiper-slide:hover .text .cn3 {
  color: #000000;
}
.award-box3 .container .box .award-box3a .swiper-slide:hover .text .cn4 {
  color: #000;
}
.award-box3 .container .box .award-box3a .swiper-slide:hover .text .cn5 {
  display: flex;
}
.download-box1 {
  padding: 1.4rem 0;
}
.download-box1 .container .cn1 {
  text-align: center;
  line-height: 1em;
  color: #000000;
}
.download-box1 .container .box {
  margin-top: 0.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow-y: hidden;
  overflow-x: hidden;
  width: 100%;
}
@media (max-width: 991px) {
}
.download-box1 .container .box.box10 {
  margin-top: 0.4rem;
}
.download-box1 .container .box.box10 .box2 {
  width: 6.2rem;
  justify-content: space-around;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .download-box1 .container .box.box10 .box2 {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .download-box1 .container .box.box10 .box2 .cn12 {
    width: calc(100% / 3);
    text-align: center;
  }
}
.download-box1 .container .box.box10 .box3 span {
  background-color: transparent;
}
.download-box1 .container .box .box9 {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
}
.download-box1 .container .box .box9 span {
  width: 1.7rem;
  height: 1.7rem;
  display: block;
  position: relative;
  margin-left: -0.2rem;
}
.download-box1 .container .box .box9 span:nth-child(1) {
  margin-left: 0;
}
.download-box1 .container .box .box9 span:nth-child(odd)::before {
  content: "";
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  width: calc(100%);
  height: calc(100%);
  position: absolute;
  border-radius: 50%;
  background-color: #fdd000;
  clip-path: polygon(0% 0%, 100% 100%, 100% 0%, 0% 0%);
}
.download-box1 .container .box .box9 span:nth-child(even)::before {
  content: "";
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-225deg);
  width: calc(100%);
  height: calc(100%);
  position: absolute;
  border-radius: 50%;
  background-color: #fdd000;
  clip-path: polygon(0% 0%, 100% 100%, 100% 0%, 0% 0%);
}
.download-box1 .container .box .box2 {
  display: flex;
  position: relative;
}
.download-box1 .container .box .box2 .box5 {
  width: 1.7rem;
  height: 1.7rem;
  border: 0.2rem solid #e5e5e5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -0.2rem;
  position: relative;
  background-color: #fff;
}
.download-box1 .container .box .box2 .box5 .box7 {
  background-color: #Fff;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 10;
}
.download-box1 .container .box .box2 .box5:nth-child(1) {
  margin-left: 0;
}
.download-box1 .container .box .box2 .box5 .img {
  width: 0.7rem;
  height: 0.55rem;
  text-align: center;
  margin: 0 auto;
}
.download-box1 .container .box .box2 .box5 .img svg {
  width: 0.7rem;
  height: 0.55rem;
}
.download-box1 .container .box .box2 .box5 .box6 {
  text-align: center;
}
.download-box1 .container .box .box3 {
  margin: 0 0.6rem;
  display: flex;
}
@media (max-width: 991px) {
  .download-box1 .container .box .box3 {
    display: none;
  }
}
.download-box1 .container .box .box3 span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #000;
  margin: 0 5px;
}
.download-box1 .container .box .box4 {
  width: 1.2rem;
}
@media (max-width: 991px) {
  .download-box1 .container .box .box4 {
    display: none;
  }
}
.download-box1 .container .box .box4 svg {
  width: 1.2rem;
  height: 0.88rem;
}
.download-box2 {
  width: 100%;
  overflow: hidden;
}
.download-box2 .download-box2a {
  background-color: #f3f3f3;
  padding: 1.1rem 0;
}
.download-box2 .download-box2a .container {
  display: flex;
  flex-wrap: wrap;
}
.download-box2 .download-box2a .container .left {
  width: 50%;
  position: relative;
}
@media (max-width: 991px) {
  .download-box2 .download-box2a .container .left {
    width: 100%;
  }
}
.download-box2 .download-box2a .container .left .img2 {
  width: 110%;
  transform: translateX(-10%);
}
@media (max-width: 991px) {
  .download-box2 .download-box2a .container .left .img2 {
    width: 100%;
    transform: translateX(0);
  }
}
.download-box2 .download-box2a .container .left .img2 .img::before {
  padding-top: 49.8%;
}
.download-box2 .download-box2a .container .right {
  width: 50%;
  padding-left: 1.4rem;
}
@media (max-width: 991px) {
  .download-box2 .download-box2a .container .right {
    width: 100%;
    padding-left: 0;
    margin-top: 1.4rem;
  }
}
.download-box2 .download-box2a .container .right .cn1 {
  color: #666666;
}
.download-box2 .download-box2a .container .right .cn2 {
  color: #000000;
  line-height: 1.2em;
}
.download-box2 .download-box2a .container .right .cn3 {
  margin-top: 0.3rem;
  display: flex;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.download-box2 .download-box2a .container .right .cn3 .cn4 {
  margin-right: 0.45rem;
  color: #666666;
  position: relative;
  cursor: pointer;
}
.download-box2 .download-box2a .container .right .cn3 .cn4::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.3rem;
  width: 0;
  height: 2px;
  background-color: #fdd000;
}
.download-box2 .download-box2a .container .right .cn3 .cn4.on {
  color: #000;
  font-weight: bold;
}
.download-box2 .download-box2a .container .right .cn3 .cn4.on::before {
  width: 100%;
}
.download-box2 .download-box2a .container .right .cn5 .cn6 {
  display: none;
  animation-fill-mode: forwards;
}
.download-box2 .download-box2a .container .right .cn5 .cn6.on {
  display: block;
  animation: mydownload 0.5s 1;
}
.download-box2 .download-box2a .container .right .cn5 .cn6 .cn7 {
  margin: 0.2rem 0;
  color: #666666;
  line-height: 1.5em;
}
.download-box2 .download-box2a .container .right .cn5 .cn6 .cn8 .cn9 {
  display: flex;
  margin-bottom: 0.1rem;
  line-height: 0.3rem;
}
@media (max-width: 767px) {
  .download-box2 .download-box2a .container .right .cn5 .cn6 .cn8 .cn9 {
    margin-bottom: 0.2rem;
  }
}
.download-box2 .download-box2a .container .right .cn5 .cn6 .cn8 .cn9 .cn10 {
  display: flex;
  align-items: center;
  width: 17px;
  margin-right: 0.2rem;
  line-height: 0.3rem;
  height: 0.3rem;
}
.download-box2 .download-box2a .container .right .cn5 .cn6 .cn8 .cn9 .cn10 svg {
  width: 17px;
  height: 15px;
}
.download-box2 .download-box2a .container .right .cn5 .cn6 .cn8 .cn9 .cn10 svg path {
  fill: #000;
  opacity: 1;
}
.download-box2 .download-box2a .container .right .cn5 .cn6 .cn8 .cn9 .cn11 {
  width: calc(100% - 0.2rem -17px);
}
.download-box2 .download-box2a:nth-child(even) {
  background-color: #fff;
}
.download-box2 .download-box2a:nth-child(even) .container {
  flex-direction: row-reverse;
}
.download-box2 .download-box2a:nth-child(even) .container .right {
  padding-left: 0;
  padding-right: 1rem;
}
@keyframes mydownload {
  from {
    opacity: 0;
    transform: translateY(60px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.download-box3 {
  background-color: #fff;
  padding: 0.8rem 0 1.4rem;
}
.download-box3 .container .cn1 {
  text-align: center;
  line-height: 1em;
  margin-bottom: 0.5rem;
}
.download-box3 .container .box {
  position: relative;
}
.download-box3 .container .box .download3prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -1.2rem;
}
@media (max-width: 1260px) {
  .download-box3 .container .box .download3prev {
    display: none;
  }
}
.download-box3 .container .box .download3next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -1.2rem;
}
@media (max-width: 1260px) {
  .download-box3 .container .box .download3next {
    display: none;
  }
}
.download-box3 .container .box .download-box3a {
  position: relative;
  overflow: hidden;
}
.download-box3 .container .box .download-box3a .swiper-slide {
  border-radius: 5px;
  overflow: hidden;
  background-color: #f3f3f3;
  position: relative;
}
.download-box3 .container .box .download-box3a .swiper-slide::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background-color: #fdd000;
  opacity: 0.9;
  z-index: 2;
  transition: all 0.5s;
}
.download-box3 .container .box .download-box3a .swiper-slide:nth-child(3n) {
  margin-right: 0;
}
@media (max-width: 991px) {
  .download-box3 .container .box .download-box3a .swiper-slide:nth-child(3n) {
    margin-right: 0.4rem;
  }
}
@media (max-width: 767px) {
  .download-box3 .container .box .download-box3a .swiper-slide:nth-child(3n) {
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .download-box3 .container .box .download-box3a .swiper-slide:nth-child(2n) {
    margin-right: 0;
  }
}
.download-box3 .container .box .download-box3a .swiper-slide .img {
  position: relative;
}
.download-box3 .container .box .download-box3a .swiper-slide .img::before {
  padding-top: 81.81%;
}
.download-box3 .container .box .download-box3a .swiper-slide .img .cn30 {
  display: block;
  width: 100%;
  padding: 0.35rem;
  left: 0;
  top: 0;
  position: absolute;
}
.download-box3 .container .box .download-box3a .swiper-slide .img .cn30 .cn31 {
  display: block;
  color: #fdd000;
  font-style: normal;
}
.download-box3 .container .box .download-box3a .swiper-slide .img .cn30 .cn32 {
  display: block;
  color: #000;
  font-style: normal;
}
.download-box3 .container .box .download-box3a .swiper-slide .img .cn33 {
  font-size: 2.19rem;
  display: block;
  width: 100%;
  padding: 20% 0.35rem 0;
  left: 0;
  top: 0;
  position: absolute;
  color: #000000;
  opacity: 0.05;
  line-height: 1em;
}
.download-box3 .container .box .download-box3a .swiper-slide .text {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  padding: 0.3rem;
  z-index: 3;
  transition: all 0.5s;
  animation-fill-mode: forwards;
}
.download-box3 .container .box .download-box3a .swiper-slide .text .cn3 {
  display: none;
  line-height: 1.5em;
  color: #ffffff;
}
.download-box3 .container .box .download-box3a .swiper-slide .text .cn4 {
  display: none;
  margin-top: 0.1rem;
  line-height: 1.5em;
  color: #ffffff;
}
.download-box3 .container .box .download-box3a .swiper-slide .text .cn5 {
  display: none;
  margin-top: 0.2rem;
  justify-content: flex-start;
}
.download-box3 .container .box .download-box3a .swiper-slide .text .cn5 .cn6 {
  margin: 0;
}
.download-box3 .container .box .download-box3a .swiper-slide:hover::before {
  display: none;
}
.download-box3 .container .box .download-box3a .swiper-slide:hover::after {
  height: 100%;
}
.download-box3 .container .box .download-box3a .swiper-slide:hover .text {
  animation: fudong2 0.5s 1;
  animation-fill-mode: forwards;
}
.download-box3 .container .box .download-box3a .swiper-slide:hover .text .cn3 {
  display: block;
  color: #000000;
}
.download-box3 .container .box .download-box3a .swiper-slide:hover .text .cn4 {
  display: block;
  color: #000;
}
.download-box3 .container .box .download-box3a .swiper-slide:hover .text .cn5 {
  display: flex;
}
@keyframes fudong2 {
  from {
    opacity: 0 ;
    transform: translateY(60px);
    bottom: 0;
  }
  to {
    opacity: 1 ;
    transform: translateY(0px);
    bottom: 30%;
  }
}
.stories-box1 {
  background-color: #fff;
  padding: 0.8rem 0 1.1rem;
}
.stories-box1 .container .cn1 {
  text-align: center;
  line-height: 1em;
}
.stories-box1 .container .cn2 {
  margin: 0.3rem 0 0.5rem;
  text-align: center;
  color: #666;
  opacity: 0.8;
  line-height: 1.5em;
}
.stories-box1 .container .box {
  position: relative;
}
.stories-box1 .container .box .sto1prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -1.2rem;
}
@media (max-width: 1260px) {
  .stories-box1 .container .box .sto1prev {
    display: none;
  }
}
.stories-box1 .container .box .sto1next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -1.2rem;
}
@media (max-width: 1260px) {
  .stories-box1 .container .box .sto1next {
    display: none;
  }
}
.stories-box1 .container .box .stories-box1a {
  position: relative;
  overflow: hidden;
}
.stories-box1 .container .box .stories-box1a .swiper-slide {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.stories-box1 .container .box .stories-box1a .swiper-slide .left {
  width: 50%;
}
@media (max-width: 991px) {
  .stories-box1 .container .box .stories-box1a .swiper-slide .left {
    width: 100%;
  }
}
.stories-box1 .container .box .stories-box1a .swiper-slide .left .img {
  opacity: 0;
  transform: translateY(60px);
  transition: all 0.5s;
  border-radius: 5px;
}
.stories-box1 .container .box .stories-box1a .swiper-slide .left .img::before {
  padding-top: 69.28%;
}
.stories-box1 .container .box .stories-box1a .swiper-slide .left .img:hover img {
  transform: scale(1.05);
}
.stories-box1 .container .box .stories-box1a .swiper-slide .right {
  width: 50%;
  padding: 0 0.6rem 0 0.8rem;
}
@media (max-width: 991px) {
  .stories-box1 .container .box .stories-box1a .swiper-slide .right {
    margin-top: 0.5rem;
    width: 100%;
    padding: 0 0.3rem;
  }
}
.stories-box1 .container .box .stories-box1a .swiper-slide .right .cn3 {
  line-height: 1.2;
  color: #000000;
  opacity: 0;
  transform: translateY(60px);
  transition: all 0.5s;
}
.stories-box1 .container .box .stories-box1a .swiper-slide .right .cn4 {
  margin: 0.2rem 0 0.3rem;
  line-height: 1.5em;
  color: #666666;
  opacity: 0;
  transform: translateY(60px);
  transition: all 0.5s;
}
.stories-box1 .container .box .stories-box1a .swiper-slide .right .cn5 {
  opacity: 0;
  transform: translateY(60px);
  transition: all 0.5s;
  justify-content: flex-start;
}
.stories-box1 .container .box .stories-box1a .swiper-slide .right .cn5 .cn6 {
  margin: 0;
}
.stories-box1 .container .box .stories-box1a .swiper-slide.ani-slide .left .img {
  opacity: 1;
  transform: translateY(0);
}
.stories-box1 .container .box .stories-box1a .swiper-slide.ani-slide .right .cn3 {
  opacity: 1;
  transform: translateY(0);
}
.stories-box1 .container .box .stories-box1a .swiper-slide.ani-slide .right .cn4 {
  opacity: 1;
  transform: translateY(0);
}
.stories-box1 .container .box .stories-box1a .swiper-slide.ani-slide .right .cn5 {
  opacity: 1;
  transform: translateY(0);
}
.stories-box2 {
  background-color: #f3f3f3;
  padding: 0.8rem 0 1.1rem;
}
.stories-box2 .container .cn1 {
  text-align: center;
  line-height: 1em;
}
.stories-box2 .container .cn2 {
  margin: 0.3rem 0 0.5rem;
  text-align: center;
  color: #666;
  opacity: 0.8;
  line-height: 1.5em;
}
.stories-box2 .container .box {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.2rem;
}
.stories-box2 .container .box .box2 {
  width: calc((100% - 0.8rem) / 3);
  margin-right: 0.4rem;
  margin-bottom: 0.4rem;
  position: relative;
}
@media (max-width: 991px) {
  .stories-box2 .container .box .box2 {
    width: calc((100% - 0.4rem) / 2);
  }
}
@media (max-width: 767px) {
  .stories-box2 .container .box .box2 {
    width: 100%;
    margin-right: 0;
  }
}
.stories-box2 .container .box .box2::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.stories-box2 .container .box .box2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background-color: #fdd000;
  opacity: 0.9;
  z-index: 2;
  transition: all 0.5s;
}
.stories-box2 .container .box .box2:nth-child(3n) {
  margin-right: 0;
}
@media (max-width: 991px) {
  .stories-box2 .container .box .box2:nth-child(3n) {
    margin-right: 0.4rem;
  }
}
@media (max-width: 767px) {
  .stories-box2 .container .box .box2:nth-child(3n) {
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .stories-box2 .container .box .box2:nth-child(2n) {
    margin-right: 0;
  }
}
.stories-box2 .container .box .box2 .img::before {
  padding-top: 81.81%;
}
.stories-box2 .container .box .box2 .text {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  padding: 0.3rem;
  z-index: 3;
  transition: all 0.5s;
}
.stories-box2 .container .box .box2 .text .cn3 {
  line-height: 1.5em;
  color: #ffffff;
}
.stories-box2 .container .box .box2 .text .cn4 {
  margin-top: 0.1rem;
  line-height: 1.5em;
  color: #ffffff;
}
.stories-box2 .container .box .box2 .text .cn5 {
  display: none;
  margin-top: 0.2rem;
  justify-content: flex-start;
}
.stories-box2 .container .box .box2 .text .cn5 .cn6 {
  margin: 0;
  background-color: #000;
  color: #fdd000;
}
.stories-box2 .container .box .box2 .text .cn5 .cn6 svg path {
  fill: #fdd000;
  opacity: 1;
}
.stories-box2 .container .box .box2:hover::before {
  display: none;
}
.stories-box2 .container .box .box2:hover::after {
  height: 100%;
}
.stories-box2 .container .box .box2:hover .img img {
  transform: scale(1.05);
}
.stories-box2 .container .box .box2:hover .text {
  animation: fudong 0.5s 1;
}
.stories-box2 .container .box .box2:hover .text .cn3 {
  color: #000000;
}
.stories-box2 .container .box .box2:hover .text .cn4 {
  color: #000;
}
.stories-box2 .container .box .box2:hover .text .cn5 {
  display: flex;
}
@keyframes fudong {
  from {
    bottom: -0.6rem;
    opacity: 0;
  }
  to {
    bottom: 0;
    opacity: 1;
  }
}
.stories-box3 {
  position: relative;
}
.stories-box3 .img {
  width: 100%;
  position: relative;
}
.stories-box3 .img::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.stories-box3 .img .pc-img {
  width: 100%;
  height: 100%;
  display: block;
}
@media (max-width: 991px) {
  .stories-box3 .img .pc-img {
    display: none;
  }
}
.stories-box3 .img .mb-img {
  width: 100%;
  height: 100%;
  display: none;
}
@media (max-width: 991px) {
  .stories-box3 .img .mb-img {
    display: block;
    height: 6rem;
  }
}
.stories-box3 .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.stories-box3 .container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.stories-box3 .container .cn1 {
  color: #ffffff;
  line-height: 1.5em;
}
.stories-box3 .container .zzcn1 {
  display: flex;
}
.stories-box3 .container .cn2 {
  margin: 0.4rem auto 0;
  display: flex;
  min-width: 163px;
  line-height: 45px;
  background-color: #fdd000;
  border-radius: 23px;
  text-align: center;
  justify-content: center;
  align-items: center;
  transition: all 0.5s;
  padding: 0 0.2rem;
}
@media (max-width: 991px) {
  .stories-box3 .container .cn2 {
    line-height: 0.76rem;
    border-radius: 0.38rem;
    padding: 0 0.5rem;
  }
}
.stories-box3 .container .cn2 span {
  color: #000000;
  transition: all 0.5s;
}
.stories-box3 .container .cn2 svg {
  transition: all 0.5s;
  margin-left: 5px;
}
.stories-box3 .container .cn2 svg path {
  transition: all 0.5s;
  fill: #000;
  opacity: 1 ;
}
.stories-box3 .container .cn2:hover {
  background-color: #000;
}
.stories-box3 .container .cn2:hover span {
  color: #fdd000;
}
.stories-box3 .container .cn2:hover svg path {
  fill: #fdd000;
}
.stories-box4 {
  padding: 1.2rem 0 1.4rem;
  background-color: #Fff;
}
.stories-box4 .container {
  background-color: #f3f3f3;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0.7rem;
}
@media (max-width: 991px) {
  .stories-box4 .container {
    padding: 0.3rem;
  }
}
.stories-box4 .container .left {
  width: 65.5%;
  padding-right: 1rem;
}
@media (max-width: 991px) {
  .stories-box4 .container .left {
    width: 100%;
    padding-right: 0;
  }
}
.stories-box4 .container .left .cn1 {
  color: #000000;
  line-height: 1em;
}
.stories-box4 .container .left .cn2 {
  margin-top: 0.4rem;
  line-height: 1.5em;
  color: #000000;
}
.stories-box4 .container .left .cn3 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 0.1rem;
}
.stories-box4 .container .left .cn3 .cn4 {
  display: flex;
  align-items: center;
  margin-right: 0.35rem;
  cursor: pointer;
  overflow: hidden;
}
.stories-box4 .container .left .cn3 .cn4 .cn5 {
  width: 12px;
  height: 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  overflow: hidden;
}
.stories-box4 .container .left .cn3 .cn4 .cn6 {
  margin-left: 0.15rem;
  color: #666666;
}
.stories-box4 .container .left .cn3 .cn4.on .cn5 {
  border: 1px solid #fdd000;
}
.stories-box4 .container .left .cn3 .cn4.on .checked {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #fdd000;
}
.stories-box4 .container .left .cn3 .cn4.on .checked:before,
.stories-box4 .container .left .cn3 .cn4.on .checked:after,
.stories-box4 .container .left .cn3 .cn4.on .uncheck:before,
.stories-box4 .container .left .cn3 .cn4.on .uncheck:after {
  content: '';
  pointer-events: none;
  position: absolute;
  color: white;
  border: 1px solid;
  background-color: white;
}
.stories-box4 .container .left .cn3 .cn4.on .checked:before {
  width: 1px;
  height: 1px;
  left: 0%;
  top: 50%;
  transform: skew(0deg, 50deg);
}
.stories-box4 .container .left .cn3 .cn4.on .checked:after {
  width: 8px;
  height: 1px;
  left: 20%;
  top: 42%;
  transform: skew(0deg, -50deg);
}
.stories-box4 .container .left .cn7 {
  margin-top: 0.4rem;
  color: #000000;
}
.stories-box4 .container .left .cn8 {
  margin: 0.2rem 0;
  width: 348px;
  display: flex;
  line-height: 0.5rem;
  border-radius: 25px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 991px) {
  .stories-box4 .container .left .cn8 {
    width: 100%;
  }
}
.stories-box4 .container .left .cn8 input {
  width: calc(100% - 50px);
  padding: 0 0.2rem;
  color: #666666;
}
.stories-box4 .container .left .cn8 button {
  width: 50px;
  height: 50px;
  background-color: #fdd000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.stories-box4 .container .left .cn8 button svg {
  width: 16px;
  height: 12px;
}
.stories-box4 .container .left .cn8 button svg path {
  fill: #fff;
  opacity: 1;
}
.stories-box4 .container .left .cn9 {
  color: #666;
  line-height: 1.5em;
}
.stories-box4 .container .right {
  width: 34.5%;
}
@media (max-width: 991px) {
  .stories-box4 .container .right {
    display: none;
  }
}
.stories-box4 .container .right .img::before {
  padding-top: 69.88%;
}
.guides-box1 {
  background-color: #f3f3f3;
  padding: 0.8rem 0 1.1rem;
}
.guides-box1 .container .cn1 {
  text-align: center;
  line-height: 1em;
}
.guides-box1 .container .cn2 {
  margin: 0.3rem 0 0.5rem;
  text-align: center;
  color: #666;
  opacity: 0.8;
  line-height: 1.5em;
}
.guides-box1 .container .box {
  flex-wrap: wrap;
  display: flex;
  position: relative;
}
.guides-box1 .container .box .box2 {
  margin-right: 0.6rem;
  width: calc((100% - 0.6rem) / 2);
  margin-bottom: 0.6rem;
}
@media (max-width: 767px) {
  .guides-box1 .container .box .box2 {
    margin-right: 0;
    width: 100%;
  }
}
.guides-box1 .container .box .box2:nth-child(2n) {
  margin-right: 0;
}
.guides-box1 .container .box .box2 .img {
  border-radius: 5px;
}
.guides-box1 .container .box .box2 .img::before {
  padding-top: 62.68%;
}
.guides-box1 .container .box .box2 .text {
  color: #000;
  line-height: 1.2em;
  margin: 0.3rem 0 0.2rem;
}
.guides-box1 .container .box .box2 .arrow {
  display: flex;
  align-items: center;
}
.guides-box1 .container .box .box2 .arrow .cn3 {
  color: #000000;
  position: relative;
}
.guides-box1 .container .box .box2 .arrow .cn3::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  transition: all 0.5s;
  height: 1px;
  background-color: #000;
}
.guides-box1 .container .box .box2 .arrow .cn4 {
  margin-left: 5px;
  width: 20px;
  height: 20px;
  background-color: #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
}
.guides-box1 .container .box .box2 .arrow .cn4 svg {
  transform: rotate(180deg);
  width: 10px;
  height: 10px;
}
.guides-box1 .container .box .box2 .arrow .cn4 svg path {
  fill: #fff;
  opacity: 1;
}
.guides-box1 .container .box .box2:hover .img img {
  transform: scale(1.05);
}
.guides-box1 .container .box .box2:hover .arrow .cn3::before {
  width: 100%;
}
.guides-box1 .container .box .box2:hover .arrow .cn4 {
  transform: translateX(5px);
}
.news-box1 {
  background-color: #f3f3f3;
  padding: 0.8rem 0 1.1rem;
}
.news-box1 .container .cn1 {
  text-align: center;
  line-height: 1em;
}
.news-box1 .container .cn2 {
  margin: 0.3rem 0 0.5rem;
  text-align: center;
  color: #666;
  opacity: 0.8;
  line-height: 1.5em;
}
.news-box1 .container .box {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.2rem;
}
.news-box1 .container .box .box2 {
  width: calc((100% - 0.6rem) / 4);
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
  position: relative;
}
@media (max-width: 991px) {
  .news-box1 .container .box .box2 {
    width: calc((100% - 0.2rem) / 2);
  }
}
@media (max-width: 767px) {
  .news-box1 .container .box .box2 {
    width: 100%;
    margin-right: 0;
  }
}
.news-box1 .container .box .box2::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.news-box1 .container .box .box2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background-color: #fdd000;
  opacity: 0.9;
  z-index: 2;
  transition: all 0.5s;
}
.news-box1 .container .box .box2:nth-child(4n) {
  margin-right: 0;
}
@media (max-width: 991px) {
  .news-box1 .container .box .box2:nth-child(4n) {
    margin-right: 0.4rem;
  }
}
@media (max-width: 767px) {
  .news-box1 .container .box .box2:nth-child(4n) {
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .news-box1 .container .box .box2:nth-child(2n) {
    margin-right: 0;
  }
}
.news-box1 .container .box .box2 .img::before {
  padding-top: 81.81%;
}
.news-box1 .container .box .box2 .text {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  padding: 0.3rem;
  z-index: 3;
  transition: all 0.5s;
}
.news-box1 .container .box .box2 .text .cn3 {
  line-height: 1.5em;
  color: #ffffff;
}
.news-box1 .container .box .box2 .text .cn4 {
  margin-top: 0.1rem;
  line-height: 1.5em;
  color: #ffffff;
}
.news-box1 .container .box .box2 .text .cn5 {
  display: none;
  margin-top: 0.2rem;
  justify-content: flex-start;
}
.news-box1 .container .box .box2 .text .cn5 .cn6 {
  margin: 0;
  background-color: #000;
  color: #fdd000;
}
.news-box1 .container .box .box2 .text .cn5 .cn6 svg path {
  fill: #fdd000;
  opacity: 1;
}
.news-box1 .container .box .box2:hover::before {
  display: none;
}
.news-box1 .container .box .box2:hover::after {
  height: 100%;
}
.news-box1 .container .box .box2:hover .img img {
  transform: scale(1.05);
}
.news-box1 .container .box .box2:hover .text {
  animation: fudong 0.5s 1;
}
.news-box1 .container .box .box2:hover .text .cn3 {
  color: #000000;
}
.news-box1 .container .box .box2:hover .text .cn4 {
  color: #000;
}
.news-box1 .container .box .box2:hover .text .cn5 {
  display: flex;
}
.news-box1 .container .box5 {
  display: flex;
  flex-wrap: wrap;
}
.news-box1 .container .box5 .box {
  margin-bottom: 0;
}
.news-box1 .container .box5 .left {
  width: 61.85%;
}
@media (max-width: 767px) {
  .news-box1 .container .box5 .left {
    width: 100%;
  }
}
.news-box1 .container .box5 .left .box2 {
  width: 100%;
  margin-right: 0;
}
.news-box1 .container .box5 .left .box2 .img::before {
  padding-top: 54.04%;
}
@media (max-width: 767px) {
  .news-box1 .container .box5 .left .box2 .img::before {
    padding-top: 81.81%;
  }
}
.news-box1 .container .box5 .right {
  margin-left: 0.2rem;
  width: calc(100% - 61.85% - 0.2rem);
}
@media (max-width: 767px) {
  .news-box1 .container .box5 .right {
    margin-left: 0;
    width: 100%;
  }
}
.news-box1 .container .box5 .right .box2 {
  width: 100%;
  margin-right: 0;
}
.news-box1 .container .box5 .right .box2 .img::before {
  padding-top: 91.05%;
}
@media (max-width: 767px) {
  .news-box1 .container .box5 .right .box2 .img::before {
    padding-top: 81.81%;
  }
}
.video-box1 {
  background-color: #f3f3f3;
  padding: 0.8rem 0 1.1rem;
}
.video-box1 .container .cn1 {
  text-align: center;
  line-height: 1em;
}
.video-box1 .container .cn2 {
  margin: 0.3rem 0 0.5rem;
  text-align: center;
  color: #666;
  opacity: 0.8;
  line-height: 1.5em;
}
.video-box1 .container .box {
  flex-wrap: wrap;
  display: flex;
  position: relative;
}
.video-box1 .container .box .box2 {
  margin-right: 0.4rem;
  width: calc((100% - 0.8rem) / 3);
  margin-bottom: 0.4rem;
}
@media (max-width: 767px) {
  .video-box1 .container .box .box2 {
    margin-right: 0;
    width: 100%;
  }
}
.video-box1 .container .box .box2:nth-child(3n) {
  margin-right: 0;
}
.video-box1 .container .box .box2 .img {
  border-radius: 5px;
}
.video-box1 .container .box .box2 .img::before {
  padding-top: 56.36363636%;
}
.video-box1 .container .box .box2 .img::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.video-box1 .container .box .box2 .img .videobtn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  width: 0.46rem;
  height: 0.46rem;
  display: block;
  background-color: #000;
  border-radius: 50%;
}
.video-box1 .container .box .box2 .img .videobtn svg {
  width: 100%;
  height: 100%;
}
.video-box1 .container .box .box2 .img .videobtn svg path {
  fill: #fdd000;
  opacity: 1;
}
.video-box1 .container .box .box2 .text {
  color: #000;
  line-height: 1.2em;
  margin: 0.3rem 0 0.2rem;
  transition: all 0.5s;
}
.video-box1 .container .box .box2 .arrow {
  display: flex;
  align-items: center;
}
.video-box1 .container .box .box2 .arrow .cn3 {
  color: #000000;
  position: relative;
}
.video-box1 .container .box .box2 .arrow .cn3::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  transition: all 0.5s;
  height: 1px;
  background-color: #000;
}
.video-box1 .container .box .box2 .arrow .cn4 {
  margin-left: 5px;
  width: 20px;
  height: 20px;
  background-color: #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
}
.video-box1 .container .box .box2 .arrow .cn4 svg {
  transform: rotate(180deg);
  width: 10px;
  height: 10px;
}
.video-box1 .container .box .box2 .arrow .cn4 svg path {
  fill: #fff;
  opacity: 1;
}
.video-box1 .container .box .box2:hover .img img {
  transform: scale(1.05);
}
.video-box1 .container .box .box2:hover .text {
  color: #fdd000;
}
.video-box1 .container .box .box2:hover .arrow .cn3::before {
  width: 100%;
}
.video-box1 .container .box .box2:hover .arrow .cn4 {
  transform: translateX(5px);
}
.video-box2 {
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}
.video-box2 .container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #Fff;
  height: 80vh;
  box-shadow: 0px 2px 128px 0px rgba(37, 37, 37, 0.07);
  border-radius: 5px;
  padding: 0.8rem 1rem 0.5rem;
  overflow: auto;
}
@media (max-width: 991px) {
  .video-box2 .container {
    padding: 0.5rem;
  }
}
.video-box2 .container .close {
  position: sticky;
  right: 0;
  top: 0;
  text-align: right;
  transform: translateX(0.5rem) translateY(-0.4rem);
  cursor: pointer;
}
@media (max-width: 991px) {
  .video-box2 .container .close {
    transform: translateX(0.25rem) translateY(-0.25rem);
  }
}
.video-box2 .container .close svg path {
  fill: #000;
  opacity: 1;
}
.video-box2 .container .cn1 {
  text-align: center;
  color: #000000;
}
.video-box2 .container .cn2 {
  margin: 0.2rem 0 0.4rem;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.video-box2 .container .cn2 .cn3 {
  margin: 0 0.2rem;
  color: #a7a6a5;
  line-height: 1.5em;
}
.video-box2 .container .cn2 .cn3 em {
  font-style: normal;
}
.video-box2 .container .cn4 {
  color: #666;
  line-height: 1.5em;
}
.video-box2 .container .cn5 {
  margin-top: 0.3rem;
}
.video-box2 .container .cn5 video {
  width: 100%;
}
.blog-info1 {
  padding: 1rem 0;
}
.blog-info1 .container .box {
  width: 70%;
  margin: 0 auto;
}
@media (max-width: 1260px) {
  .blog-info1 .container .box {
    width: 100%;
  }
}
.blog-info1 .container .box p {
  line-height: 1.5em;
  color: #333;
}
.blog-info2 {
  padding-bottom: 1.3rem;
}
.blog-info2 .container .box {
  width: 70%;
  margin: 0 auto;
}
@media (max-width: 1260px) {
  .blog-info2 .container .box {
    width: 100%;
  }
}
.blog-info2 .container .box .cn1 {
  text-align: center;
  color: #333333;
  line-height: 1.2em;
}
.blog-info2 .container .box .box2 {
  padding: 0 1rem;
  margin-top: 0.9rem;
  position: relative;
}
.blog-info2 .container .box .box2 .blog2prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
@media (max-width: 1260px) {
}
.blog-info2 .container .box .box2 .blog2next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
@media (max-width: 1260px) {
}
.blog-info2 .container .box .box2 .blog-info2a {
  position: relative;
  overflow: hidden;
}
.blog-info2 .container .box .box2 .blog-info2a .swiper-slide .img .cn5 {
  position: absolute;
  right: 0.2rem;
  top: 0.2rem;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #fdd000;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fdd000;
  cursor: pointer;
  transition: all 0.4s;
}
.blog-info2 .container .box .box2 .blog-info2a .swiper-slide .img .cn5 svg {
  width: 17px;
  height: 20px;
}
.blog-info2 .container .box .box2 .blog-info2a .swiper-slide .img .cn5 svg path {
  transition: all 0.4s;
  fill: #000;
  opacity: 1;
}
.blog-info2 .container .box .box2 .blog-info2a .swiper-slide .img .cn5:hover {
  background-color: #fdd000;
}
.blog-info2 .container .box .box2 .blog-info2a .swiper-slide .img .cn5:hover svg path {
  fill: #000;
}
.blog-info2 .container .box .box2 .blog-info2a .swiper-slide .img::before {
  padding-top: 57.5%;
}
.blog-info3 {
  padding-bottom: 1.3rem;
}
.blog-info3 .container {
  position: relative;
}
.blog-info3 .container .img {
  text-align: center;
  overflow: hidden;
}
@media (max-width: 991px) {
  .blog-info3 .container .img {
    height: 7rem;
  }
}
.blog-info3 .container .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.blog-info3 .container .text {
  position: absolute;
  left: 0;
  top: 1rem;
  width: 100%;
  text-align: center;
  padding: 0 1rem;
}
@media (max-width: 991px) {
  .blog-info3 .container .text {
    padding: 0 0.3rem;
  }
}
.blog-info3 .container .text .cn1 {
  color: #ffffff;
  line-height: 1.5em;
}
.blog-info3 .container .text .cn2 {
  margin-top: 0.3rem;
  cursor: pointer;
}
.blog-info3 .container .text .cn2 svg .cls-1 {
  fill: #fdd000;
}
.blog-info4 {
  padding: 0 0 1.1rem;
}
.blog-info4 .container .box10 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 0.6rem;
}
.blog-info4 .container .box10 .cn30 {
  margin: 0 0.2rem 0.2rem;
  color: #000000;
  line-height: 0.5rem;
  border-radius: 5px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  padding: 0 0.2rem;
  cursor: pointer;
}
@media (max-width: 991px) {
  .blog-info4 .container .box10 .cn30 {
    line-height: 0.6rem;
  }
}
.blog-info4 .container .box10 .cn30.on {
  background-color: #000;
  color: #fdd000;
  border: 1px solid #000;
}
.blog-info4 .container .box11 {
  width: 100%;
  position: relative;
  height: 5.58rem;
}
@media (max-width: 1580px) {
  .blog-info4 .container .box11 {
    height: 7rem;
  }
}
@media (max-width: 991px) {
  .blog-info4 .container .box11 {
    height: 14rem;
  }
}
@media (max-width: 767px) {
  .blog-info4 .container .box11 {
    height: 11rem;
  }
}
.blog-info4 .container .box11 .box12 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  top: 0;
  z-index: -5;
  opacity: 0;
}
.blog-info4 .container .box11 .box12.on {
  animation: mybox12 0.5s 1;
  animation-fill-mode: forwards;
  z-index: 5;
}
@keyframes mybox12 {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(60px);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0px);
  }
}
.blog-info5 {
  padding-bottom: 0.8rem;
}
.blog-info5 .container .cn1 {
  text-align: center;
  color: #000000;
  line-height: 1em;
  margin-bottom: 0.6rem;
}
.blog-info5 .container .box {
  display: flex;
  flex-wrap: wrap;
  width: 78.5%;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .blog-info5 .container .box {
    width: 100%;
  }
}
.blog-info5 .container .box .box2 {
  position: relative;
  margin-right: 0.75rem;
  width: calc((100% - 1.5rem) / 3);
  margin-bottom: 0.7rem;
}
@media (max-width: 991px) {
  .blog-info5 .container .box .box2 {
    margin-right: 0.5rem;
    width: calc((100% - 0.5rem) / 2);
  }
}
@media (max-width: 767px) {
  .blog-info5 .container .box .box2 {
    margin-right: 0;
    width: 100%;
  }
}
.blog-info5 .container .box .box2:nth-child(3n) {
  margin-right: 0;
}
@media (max-width: 991px) {
  .blog-info5 .container .box .box2:nth-child(3n) {
    margin-right: 0.5rem;
  }
}
@media (max-width: 767px) {
  .blog-info5 .container .box .box2:nth-child(3n) {
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .blog-info5 .container .box .box2:nth-child(2n) {
    margin-right: 0;
  }
}
.blog-info5 .container .box .box2 .cn2::before {
  padding-top: 122.22%;
}
@media (max-width: 767px) {
  .blog-info5 .container .box .box2 .cn2::before {
    padding-top: 90%;
  }
}
.blog-info5 .container .box .box2 .text {
  position: absolute;
  left: 0;
  top: 0;
  width: 66.66%;
  height: 70%;
  background-color: #000;
  z-index: 5;
  padding: 0.2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all 0.5s;
}
.blog-info5 .container .box .box2 .text .cn3 {
  display: flex;
  justify-content: space-between;
}
.blog-info5 .container .box .box2 .text .cn3 .cn4 {
  color: #ffffff;
  flex-shrink: 2;
  transition: all 0.5s;
}
.blog-info5 .container .box .box2 .text .cn3 .cn5 {
  line-height: 0.3rem;
  margin-left: 0.2rem;
  flex-shrink: 1;
  color: #ffffff;
  opacity: 0.8;
  transition: all 0.5s;
}
.blog-info5 .container .box .box2 .text .cn6 {
  display: flex;
  color: rgba(255, 255, 255, 0.8);
  align-items: center;
  transition: all 0.5s;
}
.blog-info5 .container .box .box2 .text .cn6 svg {
  margin-left: 0.1rem;
}
.blog-info5 .container .box .box2 .text .cn6 svg path {
  fill: #Fff;
  opacity: 0.8;
  transition: all 0.5s;
}
.blog-info5 .container .box .box2:hover .text {
  background-color: #fdd000;
  left: -0.2rem;
  top: -0.2rem;
}
.blog-info5 .container .box .box2:hover .text .cn3 .cn4 {
  color: #000;
}
.blog-info5 .container .box .box2:hover .text .cn3 .cn5 {
  color: #000;
  opacity: 1;
}
.blog-info5 .container .box .box2:hover .text .cn6 {
  color: #000;
}
.blog-info5 .container .box .box2:hover .text .cn6 svg path {
  fill: #000;
}
.blog-info6 {
  padding: 0 0 1.25rem;
}
.blog-info6 .container .cn10 {
  text-align: center;
}
.blog-info6 .container .box .proapp-box6a .swiper-slide .box2 .text {
  padding: 0.7rem;
}
.blog-info6 .container .box .proapp-box6a .swiper-slide .cn93 {
  position: absolute;
  left: 0.4rem;
  top: 0.4rem;
  width: 124px;
  line-height: 40px;
  border-radius: 20px;
  border: 2px solid #000;
  text-align: center;
  color: #000;
  z-index: 2;
  background-color: #f3f3f3;
}
@media (max-width: 767px) {
  .blog-info6 .container .box .proapp-box6a .swiper-slide .cn93 {
    width: 80px;
    line-height: 30px;
    border-radius: 15px;
  }
}
.blog-info7 {
  padding-bottom: 1.4rem;
}
.blog-info7 .container .cn1 {
  text-align: center;
  color: #000000;
  line-height: 1em;
}
.blog-info7 .container .cn2 {
  text-align: center;
  color: #666666;
  margin: 0.2rem 0 0.4rem;
}
.blog-info7 .container .box {
  display: flex;
  flex-wrap: wrap;
}
.blog-info7 .container .box .box2 {
  margin-right: 0.3rem;
  width: calc((100% - 0.3rem) / 2);
}
@media (max-width: 991px) {
  .blog-info7 .container .box .box2 {
    margin-right: 0;
    width: 100%;
  }
}
.blog-info7 .container .box .box2:nth-child(2n) {
  margin-right: 0;
}
.blog-info7 .container .box .box2:nth-child(odd) {
  display: flex;
  flex-wrap: wrap;
}
.blog-info7 .container .box .box2:nth-child(odd) .box3 {
  height: 4.05rem;
  margin-bottom: 0.3rem;
  margin-right: 0.3rem;
  width: calc((100% - 0.3rem) / 2);
}
.blog-info7 .container .box .box2:nth-child(odd) .box3:nth-child(2n) {
  margin-right: 0;
}
.blog-info7 .container .box .box2:nth-child(odd) .box3:nth-child(3) {
  width: 100%;
  margin-right: 0;
}
.blog-info7 .container .box .box2 .box3 {
  position: relative;
  height: 8.4rem;
  margin-bottom: 0.3rem;
  width: 100%;
}
.blog-info7 .container .box .box2 .box3 .cn3 {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  position: relative;
}
.blog-info7 .container .box .box2 .box3 .cn3::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fdd000;
  right: -5px;
  bottom: -5px;
  border-radius: 5px;
  z-index: -1;
}
.blog-info7 .container .box .box2 .box3 .cn3::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  left: 0;
  top: 0;
  border-radius: 5px;
  z-index: 4;
}
.blog-info7 .container .box .box2 .box3 .cn3 span {
  content: "";
  position: absolute;
  width: 100%;
  height: 0;
  background-color: #fdd000;
  opacity: 0.8;
  left: 0;
  bottom: 0;
  border-radius: 5px;
  z-index: 7;
  transition: all 0.5s;
}
.blog-info7 .container .box .box2 .box3 .cn3 img {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}
.blog-info7 .container .box .box2 .box3 .text {
  position: absolute;
  padding: 0.4rem;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9;
}
.blog-info7 .container .box .box2 .box3 .text .cn4 {
  color: #ffffff;
  line-height: 1.5em;
}
@media (max-width: 767px) {
  .blog-info7 .container .box .box2 .box3 .text .cn4 {
    font-size: 0.24rem;
  }
}
.blog-info7 .container .box .box2 .box3 .text .cn5 {
  color: #ffffff;
  line-height: 1.5em;
}
@media (max-width: 767px) {
  .blog-info7 .container .box .box2 .box3 .text .cn5 {
    font-size: 0.28rem;
  }
}
.blog-info7 .container .box .box2 .box3 .text .cn6 {
  display: none;
}
.blog-info7 .container .box .box2 .box3:hover .cn3::before {
  display: none;
}
.blog-info7 .container .box .box2 .box3:hover .cn3 span {
  height: 100%;
}
.blog-info7 .container .box .box2 .box3:hover .text {
  animation: blogoinfo7 0.5s 1;
  animation-fill-mode: forwards;
}
.blog-info7 .container .box .box2 .box3:hover .text .cn4 {
  color: #000;
}
.blog-info7 .container .box .box2 .box3:hover .text .cn5 {
  color: #000;
}
.blog-info7 .container .box .box2 .box3:hover .text .cn6 {
  display: block;
}
@keyframes blogoinfo7 {
  from {
    opacity: 0;
    transform: translateY(60px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.about-box1 {
  width: 100%;
  height: 150vh;
}
@media (max-width: 991px) {
  .about-box1 {
    height: 100vh;
  }
}
.about-box1 .box {
  position: sticky;
  left: 0;
  top: 0;
}
.about-box1 .img {
  width: 100%;
  height: 100vh;
  display: block;
}
.about-box1 .img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  filter: blur(0px);
  display: block;
}
.about-box1 .container {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  top: 50%;
  text-align: center;
}
.about-box1 .container .cn1 {
  color: #fff;
  animation-fill-mode: forwards;
}
@media (max-width: 991px) {
  .about-box1 .container .cn1 {
    animation: none !important;
  }
}
.about-box1 .container .cn2 {
  color: #fff;
  animation-fill-mode: forwards;
}
@media (max-width: 991px) {
  .about-box1 .container .cn2 {
    animation: none !important;
  }
}
.about-box1 .container .cn3 {
  display: none;
  animation: about11 0.5s 1;
  animation-fill-mode: forwards;
  transform: translateY(60px);
  opacity: 0;
  width: 10rem;
  margin: 0.2rem auto 0;
}
@media (max-width: 1260px) {
  .about-box1 .container .cn3 {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .about-box1 .container .cn3 {
    opacity: 1;
    display: block;
    animation: initial !important;
  }
}
.about-box1 .container .cn3 p {
  color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 991px) {
  .about-box1 .container .cn3 p {
    line-height: 1.2em;
    font-size: 0.28rem;
  }
}
@keyframes about11 {
  from {
    opacity: 0;
    transform: translateY(60px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.about-box2 {
  padding: 1.4rem 0;
  background-color: #Fff;
}
.about-box2 .container .cn1 {
  text-align: center;
  color: #000000;
  line-height: 1em;
  margin-bottom: 0.6rem;
}
.about-box2 .container .box {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 0.3rem;
}
.about-box2 .container .box::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
@media (max-width: 991px) {
  .about-box2 .container .box::before {
    display: none;
  }
}
.about-box2 .container .box::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background-color: #fdd000;
  opacity: 0.9;
  z-index: 2;
  transition: all 0.5s;
}
@media (max-width: 991px) {
  .about-box2 .container .box::after {
    display: none;
  }
}
.about-box2 .container .box:nth-child(3n) {
  margin-right: 0;
}
@media (max-width: 991px) {
  .about-box2 .container .box:nth-child(3n) {
    margin-right: 0.4rem;
  }
}
@media (max-width: 767px) {
  .about-box2 .container .box:nth-child(3n) {
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .about-box2 .container .box:nth-child(2n) {
    margin-right: 0;
  }
}
.about-box2 .container .box .img::before {
  padding-top: 38.57%;
}
.about-box2 .container .box .text {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  padding: 0.6rem;
  z-index: 3;
  transition: all 0.5s;
}
@media (max-width: 991px) {
  .about-box2 .container .box .text {
    padding: 0.6rem 0;
    position: relative;
  }
}
.about-box2 .container .box .text .cn3 {
  line-height: 1.5em;
  color: #ffffff;
}
@media (max-width: 991px) {
  .about-box2 .container .box .text .cn3 {
    color: #333;
  }
}
@media (max-width: 767px) {
  .about-box2 .container .box .text .cn3 {
    line-height: 1.2em;
    white-space: initial;
  }
}
.about-box2 .container .box .text .cn4 {
  display: none;
  margin-top: 0.1rem;
  line-height: 1.5em;
  color: #ffffff;
}
@media (max-width: 991px) {
  .about-box2 .container .box .text .cn4 {
    color: #333;
  }
}
@media (max-width: 767px) {
  .about-box2 .container .box .text .cn4 {
    display: -webkit-box;
  }
}
.about-box2 .container .box .text .cn5 {
  display: none;
  margin-top: 0.2rem;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .about-box2 .container .box .text .cn5 {
    display: -webkit-box;
  }
}
.about-box2 .container .box .text .cn5 .cn6 {
  margin: 0;
}
@media (min-width: 992px) {
  .about-box2 .container .box:hover::before {
    display: none;
  }
  .about-box2 .container .box:hover::after {
    height: 100%;
  }
  .about-box2 .container .box:hover .text {
    animation: fudong 0.5s 1;
  }
  .about-box2 .container .box:hover .text .cn3 {
    color: #000000;
  }
  .about-box2 .container .box:hover .text .cn4 {
    display: -webkit-box;
    color: #000;
  }
  .about-box2 .container .box:hover .text .cn5 {
    display: flex;
  }
}
.about-box2 .container .box9 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.about-box2 .container .box9 .box {
  width: 49%;
}
@media (max-width: 767px) {
  .about-box2 .container .box9 .box {
    width: 100%;
  }
}
.about-box2 .container .box9 .box .img::before {
  padding-top: 78.83%;
}
@media (max-width: 991px) {
  .about-box2 .container .box9 .box .img::before {
    padding-top: 50%;
  }
}
.about-box3 {
  background-color: #f3f3f3;
  padding: 1.4rem 0;
}
.about-box3 .container .cn1 {
  text-align: center;
  line-height: 1em;
  color: #000;
  margin-bottom: 0.6rem;
}
.about-box3 .container .box50 {
  position: relative;
}
.about-box3 .container .box50 .about-box3a {
  position: relative;
  overflow: hidden;
}
.about-box3 .container .box50 .about-box3a .swiper-slide .img {
  border-radius: 10px;
}
.about-box3 .container .box50 .about-box3a .swiper-slide .img::before {
  padding-top: 45.71%;
}
.about-box3 .container .box9 {
  border-radius: 0 10px 10px 0;
  z-index: 5;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
  width: 34.28%;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0 0.6rem;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .about-box3 .container .box9 {
    background-color: #fff;
    padding: 0.3rem;
    border-radius: 0;
    position: relative;
    top: 0;
    transform: translateY(0);
    width: 100%;
  }
}
.about-box3 .container .about-box3b {
  position: relative;
  overflow: hidden;
}
.about-box3 .container .about-box3b .swiper-slide {
  cursor: pointer;
}
.about-box3 .container .about-box3b .swiper-slide:nth-child(1) .box8 {
  margin-top: 0;
}
.about-box3 .container .about-box3b .swiper-slide.swiper-slide-thumb-active .box8 .cn5 span:nth-child(2) {
  animation: myname1 5s infinite;
}
.about-box3 .container .about-box3b .box8 {
  margin-top: 0.2rem;
}
.about-box3 .container .about-box3b .box8 .cn3 {
  color: #fff;
  line-height: 1em;
}
@media (max-width: 991px) {
  .about-box3 .container .about-box3b .box8 .cn3 {
    color: #000;
  }
}
.about-box3 .container .about-box3b .box8 .cn4 {
  margin: 0.1rem 0 0.2rem;
  line-height: 1.5em;
  color: #fff;
}
@media (max-width: 991px) {
  .about-box3 .container .about-box3b .box8 .cn4 {
    color: #000;
  }
}
.about-box3 .container .about-box3b .box8 .cn5 {
  position: relative;
}
.about-box3 .container .about-box3b .box8 .cn5 span:nth-child(1) {
  display: block;
  width: 100%;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.2);
}
@media (max-width: 991px) {
  .about-box3 .container .about-box3b .box8 .cn5 span:nth-child(1) {
    background-color: rgba(0, 0, 0, 0.2);
  }
}
.about-box3 .container .about-box3b .box8 .cn5 span:nth-child(2) {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 2px;
  background-color: #fdd000;
}
@keyframes myname1 {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.about-box4 {
  padding: 1.3rem 0;
  overflow: hidden;
}
.about-box4 .container .box1 {
  margin-bottom: 0.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.about-box4 .container .box1 .cn1 {
  color: #000000;
  line-height: 1em;
}
.about-box4 .container .box1 .box2 {
  display: flex;
}
@media (max-width: 991px) {
  .about-box4 .container .box1 .box2 {
    display: none;
  }
}
.about-box4 .container .box1 .box2 .public-btnright {
  margin-left: 0.2rem;
}
.about-box4 .container .box3 .about-box4a .swiper-slide.swiper-slide-active .box4::after {
  z-index: -1;
}
.about-box4 .container .box3 .about-box4a .swiper-slide.swiper-slide-next .box4::after {
  z-index: -1;
}
@media (max-width: 991px) {
  .about-box4 .container .box3 .about-box4a .swiper-slide.swiper-slide-next .box4::after {
    z-index: 5;
  }
}
.about-box4 .container .box3 .about-box4a .swiper-slide .box4 {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}
.about-box4 .container .box3 .about-box4a .swiper-slide .box4::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background-color: #fdd000;
  opacity: 0.9;
  z-index: 5;
  transition: all 0.5s;
}
.about-box4 .container .box3 .about-box4a .swiper-slide .box4::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #Fff;
  opacity: 0.5;
  z-index: 5;
}
.about-box4 .container .box3 .about-box4a .swiper-slide .box4 .img {
  border-radius: 5px;
  position: relative;
}
.about-box4 .container .box3 .about-box4a .swiper-slide .box4 .img::before {
  padding-top: 82.35%;
}
.about-box4 .container .box3 .about-box4a .swiper-slide .box4 .img::after {
  z-index: 3;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.about-box4 .container .box3 .about-box4a .swiper-slide .box4 .text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0.4rem;
  z-index: 6;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.about-box4 .container .box3 .about-box4a .swiper-slide .box4 .text .img2 img {
  height: 0.6rem;
}
.about-box4 .container .box3 .about-box4a .swiper-slide .box4 .text .img2 svg {
  height: 0.6rem;
}
.about-box4 .container .box3 .about-box4a .swiper-slide .box4 .text .img2 svg path {
  fill: #fff;
  opacity: 1;
}
.about-box4 .container .box3 .about-box4a .swiper-slide .box4 .text .text2 .cn9 {
  display: flex;
  align-items: flex-start;
}
.about-box4 .container .box3 .about-box4a .swiper-slide .box4 .text .text2 .cn9 .cn10 {
  line-height: 1em;
  color: #ffffff;
}
.about-box4 .container .box3 .about-box4a .swiper-slide .box4 .text .text2 .cn9 .cn11 {
  line-height: 1em;
  color: #ffffff;
}
.about-box4 .container .box3 .about-box4a .swiper-slide .box4 .text .text2 .cn12 {
  margin-top: 0.3rem;
  color: #ffffff;
  line-height: 1.3em;
}
@media (max-width: 991px) {
  .about-box4 .container .box3 .about-box4a .swiper-slide .box4 .text .text2 .cn12 {
    font-size: 0.28rem;
  }
}
.about-box4 .container .box3 .about-box4a .swiper-slide .box4 .text .text2 .cn5 {
  display: none;
  justify-content: flex-start;
}
.about-box4 .container .box3 .about-box4a .swiper-slide .box4 .text .text2 .cn5 .cn6 {
  margin: 0;
  background-color: #000;
  color: #fdd000;
}
.about-box4 .container .box3 .about-box4a .swiper-slide .box4 .text .text2 .cn5 .cn6 svg path {
  fill: #fdd000;
  opacity: 1;
}
.about-box4 .container .box3 .about-box4a .swiper-slide:hover .box4::before {
  height: 100%;
}
.about-box4 .container .box3 .about-box4a .swiper-slide:hover .box4::after {
  display: none;
}
.about-box4 .container .box3 .about-box4a .swiper-slide:hover .box4 .img2 svg path {
  fill: #333;
}
.about-box4 .container .box3 .about-box4a .swiper-slide:hover .box4 .text {
  animation: myaboutbox4a 0.5s 1;
  animation-fill-mode: forwards;
}
.about-box4 .container .box3 .about-box4a .swiper-slide:hover .box4 .text .text2 .cn9 .cn10 {
  color: #000;
}
.about-box4 .container .box3 .about-box4a .swiper-slide:hover .box4 .text .text2 .cn9 .cn11 {
  color: #000;
}
.about-box4 .container .box3 .about-box4a .swiper-slide:hover .box4 .text .text2 .cn12 {
  color: #000;
  display: block;
}
.about-box4 .container .box3 .about-box4a .swiper-slide:hover .box4 .text .text2 .cn5 {
  margin-top: 0.4rem;
  display: flex;
}
@keyframes myaboutbox4a {
  from {
    opacity: 0;
    transform: translateY(60px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.sitemap {
  padding: 1.5rem 0 2.8rem;
  background-color: #Fff;
}
.sitemap .container .cn1 {
  text-align: left;
  color: #222222;
  padding-bottom: 0.3rem;
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
}
.sitemap .container .cn2 .cn3 {
  display: flex;
  flex-wrap: wrap;
}
.sitemap .container .cn2 .cn3 .cn4 {
  padding-top: 0.5rem;
  width: 25%;
  padding-right: 0.5rem;
}
@media (max-width: 991px) {
  .sitemap .container .cn2 .cn3 .cn4 {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .sitemap .container .cn2 .cn3 .cn4 {
    width: 100%;
    padding-right: 0;
  }
}
.sitemap .container .cn2 .cn3 .cn4 .cn5 {
  margin-bottom: 0.3rem;
  color: #444444;
  transition: all 0.5s;
  display: block;
}
.sitemap .container .cn2 .cn3 .cn4 .cn5:hover {
  color: #fdd000;
}
.sitemap .container .cn2 .cn3 .cn4 .cn6 .cn7 {
  margin-top: 0.2rem;
}
.sitemap .container .cn2 .cn3 .cn4 .cn6 .cn7:nth-child(1) {
  margin-top: 0;
}
.sitemap .container .cn2 .cn3 .cn4 .cn6 .cn7 .cn8 {
  color: #999999;
  transition: all 0.5s;
}
.sitemap .container .cn2 .cn3 .cn4 .cn6 .cn7 .cn8:hover {
  color: #fdd000;
}
.error {
  background-color: #fff;
  padding: 2rem 0 1.6rem;
}
.error .container .img {
  text-align: center;
}
.error .container .cn1 {
  text-align: center;
  color: #000000;
  margin: 0.4rem 0 0.5rem;
}
.error .container .cn3 {
  margin-top: 0.25rem;
  text-align: center;
  color: rgba(0, 0, 0, 0.5);
}
.policy {
  padding: 1rem 0 1.5rem;
}
.policy .box {
  width: 60%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1260px) {
  .policy .box {
    width: 90%;
  }
}
.policy .box .left {
  width: 22%;
}
@media (max-width: 991px) {
  .policy .box .left {
    width: 100%;
  }
}
.policy .box .left .box2 {
  position: sticky;
  left: 0;
  top: 1rem;
}
.policy .box .left .box2 .zcn1 {
  line-height: 0.6rem;
  color: #666666;
  display: block;
  padding-left: 0.3rem;
  position: relative;
}
.policy .box .left .box2 .zcn1::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 0;
  background-color: #fdd000;
  transition: all 0.5s;
}
.policy .box .left .box2 .zcn1.on {
  color: #fdd000;
}
.policy .box .left .box2 .zcn1.on::before {
  height: 0.2rem;
}
.policy .box .left .box2 .zcn1:hover {
  color: #fdd000;
}
.policy .box .left .box2 .zcn1:hover::before {
  height: 0.2rem;
}
.policy .box .right {
  width: 78%;
}
@media (max-width: 991px) {
  .policy .box .right {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.policy .box .right .box3 h3 {
  font-size: 0.48rem;
  line-height: 1.5em;
  color: #222;
  font-weight: bold;
}
.policy .box .right .box3 p {
  font-size: 16px;
  line-height: 1.5em;
  color: #666;
}
@media (max-width: 1580px) {
  .policy .box .right .box3 p {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .policy .box .right .box3 p {
    font-size: 0.28rem;
  }
}
.z-footer {
  background:#525252;
  padding-top: 1rem;
}
.z-footer .container .box1 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
.z-footer .container .box1 .logo svg {
  width: 1.98rem;
  height: 0.28rem;
}
@media (max-width: 991px) {
  .z-footer .container .box1 .logo svg {
    width: 2.63rem;
    height: 0.4rem;
  }
}
.z-footer .container .box1 .box2 {
  display: flex;
}
.z-footer .container .box1 .box2 .box3 {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.15rem;
  transition: all 0.5s;
}
@media (max-width: 991px) {
  .z-footer .container .box1 .box2 .box3 {
    width: 0.6rem;
    height: 0.6rem;
  }
}
.z-footer .container .box1 .box2 .box3 svg {
  height: 0.2rem;
}
.z-footer .container .box1 .box2 .box3 svg path {
  fill: #fff;
  opacity: 1;
}
.z-footer .container .box1 .box2 .box3:hover {
  background-color: #fdd000;
}
.z-footer .container .box1 .box2 .box3:hover svg path {
  fill: #000;
  opacity: 1;
}
.z-footer .container .box4 {
  margin-top: 0.4rem;
  display: flex;
  justify-content: space-between;
}
.z-footer .container .box4 .box5 {
  width: calc(100% - 347px - 1.5rem);
}
@media (max-width: 991px) {
  .z-footer .container .box4 .box5 {
    display: none;
  }
}
.z-footer .container .box4 .box5 .cn3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.z-footer .container .box4 .box5 .cn3 .cn4 .cn5 {
  margin-bottom: 0.3rem;
  color: #ffffff;
  transition: all 0.5s;
  display: block;
}
.z-footer .container .box4 .box5 .cn3 .cn4 .cn5:hover {
  color: #fdd000;
}
.z-footer .container .box4 .box5 .cn3 .cn4 .cn6 .cn7 {
  margin-top: 0.2rem;
}
.z-footer .container .box4 .box5 .cn3 .cn4 .cn6 .cn7:nth-child(1) {
  margin-top: 0;
}
.z-footer .container .box4 .box5 .cn3 .cn4 .cn6 .cn7 .cn8 {
  color: #fff;
  transition: all 0.5s;
  display: flex;
  align-items: center;
}
.z-footer .container .box4 .box5 .cn3 .cn4 .cn6 .cn7 .cn8 svg {
  transition: all 0.5s;
  margin-left: 0.1rem;
}
.z-footer .container .box4 .box5 .cn3 .cn4 .cn6 .cn7 .cn8 svg path {
  fill: #999;
  opacity: 1;
  transition: all 0.5s;
}
.z-footer .container .box4 .box5 .cn3 .cn4 .cn6 .cn7 .cn8:hover {
  color: #fdd000;
}
.z-footer .container .box4 .box5 .cn3 .cn4 .cn6 .cn7 .cn8:hover svg path {
  fill: #fdd000;
}
.z-footer .container .box4 .box5 .cn3 .cn4 .cn6 .cn7 .cn8.on + .cn9 {
  display: block;
}
.z-footer .container .box4 .box5 .cn3 .cn4 .cn6 .cn7 .cn8.on svg {
  transform: rotate(180deg);
}
.z-footer .container .box4 .box5 .cn3 .cn4 .cn6 .cn7 .cn9 {
  margin-top: 0.1rem;
  display: none;
}
.z-footer .container .box4 .box5 .cn3 .cn4 .cn6 .cn7 .cn9 .cn10 .cn11 {
  line-height: 1.5em;
  color: #999;
  transition: all 0.4s;
}
.z-footer .container .box4 .box5 .cn3 .cn4 .cn6 .cn7 .cn9 .cn10 .cn11:hover {
  color: #fdd000;
}
.z-footer .container .box4 .box6 {
  margin-left: 1.5rem;
  width: 347px;
}
@media (max-width: 991px) {
  .z-footer .container .box4 .box6 {
    width: 100%;
    margin-left: 0;
  }
}
.z-footer .container .box4 .box6 .cn8 {
  color: #ffffff;
  opacity: 0.5;
  line-height: 1.5em;
}
.z-footer .container .box4 .box6 .cn9 {
  border-radius: 5px;
  border: solid 1px #fdd000;
  display: flex;
  margin-top: 0.2rem;
}
.z-footer .container .box4 .box6 .cn9 input {
  width: calc(100% - 60px);
  line-height: 60px;
  padding: 0 0.1rem;
  color: rgba(255, 255, 255, 0.6);
}
.z-footer .container .box4 .box6 .cn9 input::placeholder {
  color: #909090; 
}
@media (max-width: 767px) {
  .z-footer .container .box4 .box6 .cn9 input {
    padding: 0 0.2rem;
    width: calc(100% - 40px);
    line-height: 40px;
  }
}
.z-footer .container .box4 .box6 .cn9 button {
  width: 60px;
  height: 60px;
  background-color: #fdd000;
}
@media (max-width: 767px) {
  .z-footer .container .box4 .box6 .cn9 button {
    width: 40px;
    height: 40px;
  }
}
.z-footer .container .box4 .box6 .cn9 button svg {
  transition: all 0.5s;
}
.z-footer .container .box4 .box6 .cn9 button svg path {
  fill: #000;
  opacity: 1;
}
.z-footer .container .box4 .box6 .cn9 button:hover svg {
  transform: rotate(45deg);
}
.z-footer .container .box10 {
  padding-bottom: 0.4rem;
  margin-top: 0.8rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.z-footer .container .box10 .cn20 {
  color: #ffffff;
  opacity: 0.3;
}
@media (max-width: 991px) {
  .z-footer .container .box10 .cn20 {
    width: 100%;
    text-align: center;
  }
}
.z-footer .container .box10 .cn21 {
  display: flex;
}
@media (max-width: 991px) {
  .z-footer .container .box10 .cn21 {
    width: 100%;
    justify-content: center;
  }
}
.z-footer .container .box10 .cn21 .cn22 {
  margin-left: 0.7rem;
  color: rgba(255, 255, 255, 0.3);
  position: relative;
  transition: all 0.5s;
}
.z-footer .container .box10 .cn21 .cn22:hover {
  color: #fdd000;
}
.z-footer .container .box10 .cn21 .cn22::before {
  content: "";
  position: absolute;
  left: -0.35rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 0.15rem;
  background-color: rgba(255, 255, 255, 0.3);
}
@media (max-width: 767px) {
  .z-footer .container .box10 .cn21 .cn22::before {
    height: 0.25rem;
  }
}
.z-footer .container .box10 .cn21 .cn22:nth-child(1)::before {
  display: none;
}
.nav-banner {
  width: 100%;
  height: 6.2rem;
  position: relative;
}
@media (max-width: 991px) {
  .nav-banner {
    height: 8rem;
  }
}
.nav-banner .img {
  width: 100%;
  height: 100%;
  position: relative;
}
.nav-banner .img::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.nav-banner .img .pc-video {
  display: block;
  width: 100%;
  height: 100%;
}
@media (max-width: 991px) {
  .nav-banner .img .pc-video {
    display: none;
  }
}
.nav-banner .img .pc-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.nav-banner .img .pc-img {
  display: block;
  width: 100%;
  height: 100%;
}
@media (max-width: 991px) {
  .nav-banner .img .pc-img {
    display: none;
  }
}
.nav-banner .img .mb-img {

  width: 100%;
  height: 100%;
}
@media (max-width: 991px) {
  .nav-banner .img .mb-img {
    display: block;
  }
}
.nav-banner .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.nav-banner .container {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 1.6rem;
  height: calc(100% - 1.6rem);
  display: flex;
  align-items: center;
  z-index: 3;
}
.nav-banner .container .cn31 {
  color: #ffffff;
  line-height: 1.5em;
}
.nav-banner .container .cn1 {
  color: #ffffff;
  line-height: 0.65rem;
}
.nav-banner .container .cn2 {
  margin-top: 0.2rem;
  color: #fff;
}
.nav-banner .container .box2 {
  margin-top: 0.3rem;
  display: flex;
  align-items: center;
}
.nav-banner .container .box2 .cn3 {
  width: 135px;
  line-height: 48px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  border: solid 1px #ffffff;
  justify-content: center;
  margin-right: 0.3rem;
  transition: all 0.5s;
}
.nav-banner .container .box2 .cn3 svg {
  margin-right: 8px;
}
.nav-banner .container .box2 .cn3 svg path {
  fill: #fff;
  transition: all 0.5s;
  opacity: 1;
}
.nav-banner .container .box2 .cn3 span {
  color: #ffffff;
  transition: all 0.5s;
}
.nav-banner .container .box2 .cn3:hover {
  border: 1px solid #fdd000;
  background-color: #fdd000;
}
.nav-banner .container .box2 .cn3:hover svg path {
  fill: #333;
}
.nav-banner .container .box2 .cn3:hover span {
  color: #333;
}
.nav-nav {
  line-height: 0.75rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.nav-nav .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .nav-nav .container {
    flex-direction: column-reverse;
  }
}
.nav-nav .container .left {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .nav-nav .container .left {
    width: 100%;
  }
}
.nav-nav .container .left .cn1 {
  color: #666666;
  transition: all 0.5s;
  position: relative;
  display: flex;
  align-items: center;
  margin-right: 0.5rem;
}
.nav-nav .container .left .cn1 span {
  display: flex;
  align-items: center;
  margin-right: 0.1rem;
}
.nav-nav .container .left .cn1 span svg {
  height: 16px;
}
@media (max-width: 767px) {
  .nav-nav .container .left .cn1 span svg {
    height: 0.32rem;
  }
}
.nav-nav .container .left .cn1 span svg path {
  transition: all 0.5s;
  fill: #666;
  opacity: 1;
}
.nav-nav .container .left .cn1 span img {
  height: 16px;
}
.nav-nav .container .left .cn1::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 0;
  height: 2px;
  background-color: #fdd000;
  transition: all 0.5s;
}
.nav-nav .container .left .cn1:hover {
  color: #000000;
  font-weight: bold;
}
.nav-nav .container .left .cn1:hover span svg path {
  fill: #000;
  opacity: 1;
}
.nav-nav .container .left .cn1:hover::before {
  width: 100%;
}
.nav-nav .container .left .cn1.on {
  color: #000000;
  font-weight: bold;
}
.nav-nav .container .left .cn1.on span svg path {
  fill: #000;
  opacity: 1;
}
.nav-nav .container .left .cn1.on::before {
  width: 100%;
}
.nav-nav .container .right {
  display: flex;
  align-items: center;
}
.nav-nav .container .right .cn2 {
  margin-left: 0.15rem;
}
.nav-nav .container .right .cn2 svg {
  width: 16px;
  height: 14px;
}
.nav-nav .container .right .cn2 svg path {
  transition: all 0.5s;
  fill: #999;
  opacity: 1;
}
.nav-nav .container .right .cn2 svg:hover path {
  fill: #fdd000;
}
.nav-nav .container .right .cn3 {
  margin-left: 0.15rem;
}
.nav-nav .container .right .cn3 svg {
  width: 6px;
  height: 12px;
}
.nav-nav .container .right .cn3 svg path {
  transition: all 0.5s;
  fill: #999;
  opacity: 1;
}
.nav-nav .container .right .cn3 svg:hover path {
  fill: #fdd000;
}
.nav-nav .container .right .cn4 {
  margin-left: 0.15rem;
  color: #000000;
  transition: all 0.5s;
}
.nav-nav .container .right .cn4:hover {
  color: #fdd000;
}
.public-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.public-btn .public-btn99 {
  padding: 0 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  background-color: #000000;
  border-radius: 22px;
  margin: 0 auto;
  color: #fdd000;
  transition: all 0.5s;
}
@media (max-width: 991px) {
  .public-btn .public-btn99 {
    padding: 0 0.5rem;
    height: 0.76rem;
    border-radius: 0.38rem;
  }
}
.public-btn .public-btn99 span {
  margin-left: 10px;
  display: flex;
  align-items: center;
  transition: all 0.5s;
}
.public-btn .public-btn99 span svg path {
  transition: all 0.5s;
  fill: #fdd000;
  opacity: 1;
}
.public-btn .public-btn99:hover {
  background-color: #fdd000;
  color: #000;
}
.public-btn .public-btn99:hover span {
  transform: translateX(10px);
}
.public-btn .public-btn99:hover span svg path {
  fill: #000;
}
.public-btn2 {
  display: flex;
  align-items: center;
}
.public-btn2 .public-btn99 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  border-radius: 22px;
  color: #000000;
  transition: all 0.5s;
}
.public-btn2 .public-btn99 span {
  margin-left: 10px;
  display: flex;
  align-items: center;
  transition: all 0.5s;
}
.public-btn2 .public-btn99 span svg path {
  transition: all 0.5s;
  fill: #000;
  opacity: 1;
}
.public-btn2 .public-btn99:hover {
  color: #000;
  text-decoration: underline;
}
.public-btn2 .public-btn99:hover span {
  transform: translateX(10px);
}
.public-btn2 .public-btn99:hover span svg path {
  fill: #000;
}
.public-btnleft {
  width: 0.6rem;
  height: 0.6rem;
  background-color: rgba(50, 50, 50, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
}
.public-btnleft svg {
  width: 10px;
  height: 17px;
}
.public-btnleft svg path {
  fill: #Fff;
  opacity: 1;
  transition: all 0.5s;
}
.public-btnleft:hover {
  background-color: #fdd000;
}
.public-btnleft:hover svg path {
  fill: #000;
  opacity: 1;
}
.public-btnleft.public-btnright svg {
  transform: rotate(180deg);
}
.public-page {
  margin-top: 0.5rem;
  text-align: center;
}
.public-page .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #000;
  opacity: 0.2;
  margin: 0 10px !important;
  transition: all 0.5s;
}
.public-page .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 30px;
  background-color: #fdd000;
  border-radius: 5px;
  opacity: 1;
}
body.on {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.page-box {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-box .pageprev {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0.1rem;
  border-radius: 50%;
  transition: all 0.5s;
}
@media (max-width: 767px) {
  .page-box .pageprev {
    width: 30px;
    height: 30px;
  }
}
.page-box .pageprev svg path {
  fill: #000;
}
.page-box .pageprev.pagenext svg {
  transform: rotate(180deg);
}
.page-box .pageprev:hover {
  background-color: #fdd000;
}
.page-box .num {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0.1rem;
  border-radius: 50%;
  transition: all 0.5s;
  color: #262626;
  font-weight: bold;
}
@media (max-width: 767px) {
  .page-box .num {
    width: 30px;
    height: 30px;
  }
}
.page-box .num.on {
  background-color: #fdd000;
}
.page-box .num:hover {
  background-color: #fdd000;
}
.product-form1 {
  display: block;
  position: fixed;
  left: 50%;
  top: 50%;
  width: 1140px;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  box-shadow: 0px 2px 128px 0px rgba(37, 37, 37, 0.07);
  border-radius: 5px;
  padding: 1rem;
  z-index: 999;
}
@media (max-width: 991px) {
  .product-form1 {
    width: 90%;
    padding: 0.8rem 0.3rem;
  }
}
.product-form1 .cn1 {
  text-align: center;
  line-height: 1em;
  color: #000;
  margin-bottom: 0.4rem;
}
.product-form1 .cn2 {
  width: 100%;
  margin-bottom: 0.2rem;
}
.product-form1 .cn2 textarea {
  width: 100%;
  height: 100px;
  background-color: #f3f3f3;
  border-radius: 5px;
  padding: 0.2rem;
  color: #666666;
}
.product-form1 .cn2 input {
  width: 100%;
  height: 60px;
  background-color: #f3f3f3;
  border-radius: 5px;
  padding: 0.2rem;
  color: #666666;
}
@media (max-width: 767px) {
  .product-form1 .cn2 input {
    height: 40px;
  }
}
.product-form1 .input6 {
  display: flex;
}
.product-form1 .input6 .input6a {
  flex-shrink: 0;
  width: 10px;
  margin-right: 0.2rem;
}
.product-form1 .input6 .input6a input {
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  border: solid 1px #000000;
}
.product-form1 .input6 .input6a input.on {
  background-image: url(../images/q-img80.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.product-form1 .input6 .input6b {
  color: #666666;
  line-height: 1.5em;
}
.product-form1 .input6 .input6b a {
  color: #666;
  transition: all 0.5s;
}
.product-form1 .input6 .input6b a:hover {
  color: #fdd000;
  text-decoration: underline;
}
.product-form1.on {
  display: block;
}
.product-form1 .cn12 {
  color: #999999;
}
.product-form1 .cn13 {
  margin-top: 0.15rem;
  width: 100%;
  height: 4px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  position: relative;
  overflow: hidden;
}
.product-form1 .cn13::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50%;
  height: 100%;
  background-color: #fdd000;
}
.product-form1 .cn14 {
  margin: 0.3rem 0;
}
.product-form1 .close {
  cursor: pointer;
  position: absolute;
  right: 0.4rem;
  top: 0.2rem;
}
.product-form1.product-form2 .cn1 {
  margin-bottom: 0;
}
.product-form1.product-form2 .cn15 {
  margin: 0.2rem 0;
  text-align: center;
}
.product-form1.product-form2 .cn16 {
  display: flex;
  justify-content: space-between;
}
.product-form1.product-form2 .cn16 .cn2 {
  width: 49%;
}
.product-form1.product-form2 .cn13::before {
  width: 100%;
}
.ganxie-box {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  width: 560px;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  box-shadow: 0px 2px 128px 0px rgba(37, 37, 37, 0.07);
  border-radius: 5px;
  padding: 1rem;
  z-index: 999;
}
@media (max-width: 991px) {
  .ganxie-box {
    width: 90%;
    padding: 0.8rem 0.3rem;
  }
}
.ganxie-box .cn1 {
  text-align: center;
}
.ganxie-box .cn2 {
  margin-top: 0.4rem;
  text-align: center;
}
.ganxie-box .close {
  cursor: pointer;
  position: absolute;
  right: 0.4rem;
  top: 0.2rem;
}
.ganxie-box2 {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  width: 1140px;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  box-shadow: 0px 2px 128px 0px rgba(37, 37, 37, 0.07);
  border-radius: 5px;
  padding: 0.8rem 1.2rem;
  z-index: 999;
}
@media (max-width: 991px) {
  .ganxie-box2 {
    width: 90%;
    padding: 0.8rem 0.3rem;
  }
}
.ganxie-box2 .cn1 {
  text-align: center;
}
.ganxie-box2 .cn1 svg {
  width: 1rem;
  height: 1rem;
}
.ganxie-box2 .cn1 svg path {
  fill: #fdd000;
  opacity: 1;
}
.ganxie-box2 .cn2 {
  text-align: center;
  color: #000000;
}
.ganxie-box2 .cn3 {
  margin-top: 0.4rem;
  text-align: center;
  color: #666666;
  margin-bottom: 0.3rem;
}
.ganxie-box2 .close {
  cursor: pointer;
  position: absolute;
  right: 0.4rem;
  top: 0.2rem;
}
.ganxie-box2 .help-box2 {
  padding: 0;
}
.ganxie-box2 .help-box2 .container {
  width: 100%;
}
.ganxie-box2 .help-box2 .container .box .help-box2a .swiper-slide {
  padding: 0.2rem;
}
.ganxie-box2 .help-box2 .container .box .help-box2a .swiper-slide .img {
  margin-bottom: 0.15rem;
}
.ganxie-box2 .help-box2 .container .box .help-box2a .swiper-slide .text .cn8 {
  width: 100%;
  padding-right: 0;
}
.ganxie-box2 .help-box2 .container .box .help-box2a .swiper-slide .text .cn9 {
  display: none;
}
@media (max-width: 991px) {
  .tongzhi {
    display: none;
  }
}
.tongzhi .cn1 {
  width: 60px;
  height: 60px;
  background-color: #fdd000;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  cursor: pointer;
  transition: all 0.5s;
}
@media (max-width: 767px) {
  .tongzhi .cn1 {
    width: 50px;
    height: 50px;
  }
}
.tongzhi .cn1 svg path {
  fill: #000;
  opacity: 1;
}
.tongzhi .cn1:hover {
  background-color: rgba(255, 216, 0, 0.8);
}
.tongzhi .box1 {
  position: fixed;
  right: 20px;
  bottom: calc(7vh + 80px);
  z-index: 533;
}
.tongzhi .box2 {
  position: fixed;
  right: 20px;
  bottom: calc(7vh);
  z-index: 533;
}
.tongzhi .box3 {
  position: fixed;
  right: 20px;
  bottom: calc(7vh + 80px);
  z-index: 533;
  background-color: #e8e8e8;
  background-color: transparent;
  display: flex;
  width: 345px;
  border-radius: 30px;
  right: -265px;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .tongzhi .box3 {
    right: -275px;
  }
}
.tongzhi .box3 .cn1 {
  width: 60px;
}
@media (max-width: 767px) {
  .tongzhi .box3 .cn1 {
    width: 50px;
  }
}
.tongzhi .box3 .box3a {
  width: 285px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  display: none;
}
.tongzhi .box3 .box3a .cn3a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 1px solid #ccc;
  border-radius: 50%;
  transition: all 0.4s;
}
.tongzhi .box3 .box3a .cn3a svg {
  width: 50%;
}
.tongzhi .box3 .box3a .cn3a svg path {
  transition: all 0.4s;
  fill: #999;
  opacity: 1;
}
.tongzhi .box3 .box3a .cn3a:hover {
  border: 1px solid #fdd000;
}
.tongzhi .box3 .box3a .cn3a:hover svg path {
  fill: #fdd000;
}
.tongzhi .box3:hover {
  background-color: #e8e8e8;
  right: 20px;
}
.tongzhi .box3:hover .box3a {
  display: flex;
}
.tongzhitanchaung {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  display: none;
}
@media (max-width: 1260px) {
  .tongzhitanchaung {
    width: 90%;
  }
}
.tongzhitanchaung .box {
  position: relative;
  background-color: #Fff;
  display: flex;
  flex-wrap: wrap;
  width: 912px;
  box-shadow: 0px 2px 128px 0px rgba(37, 37, 37, 0.07);
  border-radius: 5px;
  align-items: center;
}
@media (max-width: 1260px) {
  .tongzhitanchaung .box {
    width: 100%;
  }
}
.tongzhitanchaung .box .left {
  width: 50%;
}
@media (max-width: 767px) {
  .tongzhitanchaung .box .left {
    display: none;
  }
}
.tongzhitanchaung .box .left .img::before {
  padding-top: 108.99%;
}
.tongzhitanchaung .box .right {
  width: 50%;
  text-align: left;
  padding: 0 0.6rem;
}
@media (max-width: 767px) {
  .tongzhitanchaung .box .right {
    width: 100%;
    padding: 0.6rem;
  }
}
.tongzhitanchaung .box .right .box2 .cn1 {
  color: #000000;
  line-height: 1em;
}
.tongzhitanchaung .box .right .box2 .cn2 {
  margin: 0.3rem 0;
  color: #666666;
  opacity: 0.8;
  line-height: 1.5em;
}
.tongzhitanchaung .box .right .box2 .cn5 {
  justify-content: flex-start;
}
.tongzhitanchaung .box .right .box2 .cn5 .cn6 {
  margin: 0;
}
.tongzhitanchaung .box .cn9 {
  position: absolute;
  right: 0.3rem;
  top: 0.3rem;
}
.tongzhitanchaung .box .cn9 svg path {
  transition: all 0.5s;
  fill: #999;
  opacity: 1;
}
.tongzhitanchaung .box .cn9:hover svg path {
  fill: #000;
}
.cookies {
  padding: 0.3rem 0;
  position: fixed;
  bottom: -100%;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 555;
  transition: all 0.5s;
}
.cookies.on {
  bottom: 0;
}
.cookies.on2 {
  bottom: -100% !important;
}
.cookies .container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}
.cookies .container .left {
  width: 72%;
}
@media (max-width: 991px) {
  .cookies .container .left {
    width: 100%;
  }
}
.cookies .container .left .cn1 {
  color: #ffffff;
  margin-bottom: 0.1rem;
}
.cookies .container .left .cn2 {
  color: #ffffff;
  line-height: 1.5em;
}
.cookies .container .left .cn2 a {
  color: #fdd000;
  text-decoration: underline;
}
.cookies .container .right {
  justify-content: flex-end;
  display: flex;
  width: 28%;
}
@media (max-width: 991px) {
  .cookies .container .right {
    width: 100%;
    justify-content: center;
    margin-top: 0.2rem;
  }
}
.cookies .container .right .cn4 {
  position: absolute;
  right: 0;
  top: 0;
}
.cookies .container .right .cn4 svg path {
  transition: all 0.5s;
  fill: #999;
  opacity: 1;
}
.cookies .container .right .cn4:hover svg path {
  fill: #fff;
}
.cookies .container .right .cn3 {
  width: 1.2rem;
  line-height: 0.5rem;
  border-radius: 0.25rem;
  border: 1px solid #999;
  text-align: center;
  color: #fff;
  margin-left: 0.2rem;
  transition: all 0.5s;
}
.cpfl{ clear:both; padding-top:30px;}
.cpfl .cn3 {
	padding:5px 15px;	
  border-radius:10px;
  border: 1px solid #999;
  text-align: center;
  color: #000;
  margin-right:10px;
  transition: all 0.5s;
  width:auto;
  display:inline-block;
  margin-bottom:10px;
}
.cpfl .cn3:hover {
  background-color: #fdd000;
  color: #333;
  border: 1px solid #fdd000;
}
@media (max-width: 767px) {
  .cookies .container .right .cn3 {
    width: 1.5rem;
    line-height: 0.7rem;
    border-radius: 0.35rem;
  }
}
.cookies .container .right .cn3:hover {
  background-color: #fdd000;
  color: #333;
  border: 1px solid #fdd000;
}
.layui-progress {
  position: relative;
  height: 6px;
  border-radius: 20px;
  background-color: #eee;
}
.layui-progress-bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  max-width: 100%;
  height: 6px;
  border-radius: 20px;
  text-align: right;
  background-color: #5FB878;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.layui-progress-big,
.layui-progress-big .layui-progress-bar {
  height: 18px;
  line-height: 18px;
}
.layui-progress-text {
  position: relative;
  top: -20px;
  line-height: 18px;
  font-size: 12px;
  color: #666;
}
.layui-progress-big .layui-progress-text {
  position: static;
  padding: 0 10px;
  color: #fff;
}
.two-header {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  line-height: 0.5rem;
  height: 0.5rem;
  position: relative;
  top: 2px;
  left: 0;
  z-index: 899;
  width: 100%;
  text-align: center;
  color: #fff;
  transition: all 0.5s;
}
@media (max-width: 991px) {
  .two-header {
    display: none;
    line-height: 1.2rem;
    height: 1.2rem;
    top: 1.2rem;
  }
}
.two-header .container {
  padding: 0 0.8rem;
  max-width: initial;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .two-header .container {
    width: 90%;
    padding: 0;
    margin: 0 auto;
    height: 1.2rem;
  }
}
.two-header .container .box .zcn1 {
  display: flex;
  align-items: center;
}
.two-header .container .box .zcn1 .zcn2 {
  padding-right: 0.5rem;
  z-index: 999;
}
.two-header .container .box .zcn1 .zcn2 .zcn3 {
  display: flex;
  align-items: center;
  color: #Fff;
  position: relative;
}
.two-header .container .box .zcn1 .zcn2 .zcn3::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: #fdd000;
  transition: all 0.4s;
}
.two-header .container .box .zcn1 .zcn2 .zcn3 span {
  margin-left: 5px;
}
.two-header .container .box .zcn1 .zcn2 .zcn3 span svg path {
  fill: #Fff;
  opacity: 1;
}
.two-header .container .box .zcn1 .zcn2.on .xiala {
  display: flex !important;
}
.two-header .container .box .zcn1 .zcn2.on .xiala .container {
  animation: myxiala 0.5s 1;
}
.two-header .container .box .zcn1 .zcn2.on .zcn3 {
  color: #fdd000 !important;
}
.two-header .container .box .zcn1 .zcn2.on .zcn3::before {
  width: 100%;
}
.two-header .container .box .zcn1 .zcn2.on .zcn3 span svg path {
  fill: #fdd000;
}
.two-header.two-header2 {
  top: -1.6rem;
  display: none;
}
.two-header.two-header3 {
  background-color: #000;
  position: relative;
}
.two-header.two-header3::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.15);
}
.xiala {
  display: none;
  width: 100%;
  position: absolute;
  top: calc(0.5rem - 1px);
  left: 0;
  height: auto;
  background-color: #000;
  z-index: 999;
  padding: 0.6rem 0 0.6rem;
}
.xiala .container {
  padding: 0 0.8rem;
  max-width: initial;
  width: 100%;
  color: #Fff;
  display: flex;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  text-align: left;
  line-height: 1.1em;
}
.xiala .container .cn1 {
  display: flex;
}
.xiala .container .cn1 .cn2 {
  line-height: 0.3rem;
  height: 0.3rem;
  display: flex;
  align-items: center;
  margin-right: 0.2rem;
}
.xiala .container .cn1 .cn2 svg {
  width: 0.2rem;
  height: auto;
}
.xiala .container .cn1 .cn2 svg path {
  fill: #Fff;
  opacity: 1;
}
.xiala .container .cn1 .cn3 {
  line-height: 1.5em;
  color: #ffffff;
}
.xiala .container .cn1 .cn3 em {
  font-style: normal;
  display: block;
}
.xiala .container .box1 {
  padding-right: 0.7rem;
  width: 23.86363636%;
  position: relative;
}
.xiala .container .box1::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #0d0d0d;
}
.xiala .container .box1 .cn4 {
  padding-left: 0.4rem;
}
.xiala .container .box1 .cn4 .cn5 {
  margin-top: 0.3rem;
}
.xiala .container .box1 .cn4 .cn5 .cn6 {
  color: #fff;
  transition: all 0.5s;
  display: flex;
  justify-content: space-between;
}
.xiala .container .box1 .cn4 .cn5 .cn6 .cn7 {
  flex-shrink: 1;
  transition: all 0.5s;
}
.xiala .container .box1 .cn4 .cn5 .cn6 .cn7 svg path {
  transition: all 0.5s;
  fill: #Fff;
}
.xiala .container .box1 .cn4 .cn5 .cn6:hover {
  color: #fdd000;
}
.xiala .container .box1 .cn4 .cn5 .cn6:hover .cn7 {
  transform: translateX(10px);
}
.xiala .container .box1 .cn4 .cn5 .cn6:hover .cn7 svg path {
  fill: #fdd000;
}
.xiala .container .box2 {
  width: 29.82954545%;
  padding: 0 3.40909091% 0 2.55681818%;
  position: relative;
}
.xiala .container .box2::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #0d0d0d;
}
.xiala .container .box2 .cn8 {
  display: block;
  padding-left: 0.4rem;
}
.xiala .container .box2 .cn8 .cn9 {
  border-radius: 5px;
  overflow: hidden;
  margin: 0.3rem 0 0.25rem;
}
.xiala .container .box2 .cn8 .cn9::before {
  padding-top: 55.26315789%;
}
.xiala .container .box2 .cn8 .cn9 img {
  border-radius: 10px;
}
.xiala .container .box2 .cn8 .cn10 {
  color: #ffffff;
  line-height: 1.38888889em;
  padding-left: 0;
}
.xiala .container .box2 .cn8 .cn11 {
  margin-top: 0.4rem;
  padding-left: 0.4rem;
  display: flex;
  align-items: center;
  color: #fdd000;
}
.xiala .container .box2 .cn8 .cn11 span {
  margin-left: 0.1rem;
  width: 0.2rem;
  height: 0.2rem;
  background-color: #fdd000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
}
.xiala .container .box2 .cn8 .cn11 span svg {
  width: 0.08rem;
  height: 0.1rem;
}
.xiala .container .box2 .cn8 .cn11 span svg path {
  fill: #000;
  opacity: 1;
}
.xiala .container .box2 .cn8 .cn11:hover span {
  transform: translateX(10px);
}
.xiala .container .box3 {
  width: 46.30681818%;
  padding: 0 0 0 0.7rem;
}
.xiala .container .box3 .box3a {
  display: flex;
  justify-content: space-between;
  padding-left: 0.4rem;
}
.xiala .container .box3 .box3a .box3b {
  width: 48%;
}
.xiala .container .box3 .box3a .box3b .cn16 {
  display: block;
  color: #ffffff;
  line-height: 1.1em;
  margin-top: 0.4rem;
}
.xiala .container .box3 .box3a .box3b .box3c .cn12 {
  display: block;
  margin-top: 0.3rem;
  position: relative;
}
.xiala .container .box3 .box3a .box3b .box3c .cn12 .img {
  border-radius: 5px;
}
.xiala .container .box3 .box3a .box3b .box3c .cn12 .img::before {
  padding-top: 32.35294118%;
}
.xiala .container .box3 .box3a .box3b .box3c .cn12 .img::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 3;
}
.xiala .container .box3 .box3a .box3b .box3c .cn12 .cn19 {
  z-index: 4;
  position: absolute;
  right: 0.2rem;
  top: 0.1rem;
}
.xiala .container .box3 .box3a .box3b .box3c .cn12 .cn19 svg {
  width: 0.19rem;
  height: 0.12rem;
}
.xiala .container .box3 .box3a .box3b .box3c .cn12 .cn19 svg path {
  fill: #fff;
  opacity: 1;
}
.xiala .container .box3 .box3a .box3b .box3c .cn12 .cn13 {
  z-index: 4;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0.2rem;
  width: 100%;
}
.xiala .container .box3 .box3a .box3b .box3c .cn12 .cn13 .cn14 {
  margin-bottom: 0.06rem;
  display: block;
  color: #fff;
  line-height: 1.1em;
}
@media (max-width: 1260px) {
  .xiala .container .box3 .box3a .box3b .box3c .cn12 .cn13 .cn14 {
    display: none;
  }
}
.xiala .container .box3 .box3a .box3b .box3c .cn12 .cn13 .cn15 {
  color: #Fff;
  line-height: 1.33333333em;
}
.xiala .container .box3 .box3a .box3b .box3c .cn12:hover .img img {
  transform: scale(1.05);
}
.xiala.on {
  display: flex;
}
.xiala.on .container {
  animation: myxiala 0.5s 1;
}
.xiala.product-xiala2 .container .box1 {
  width: 30.96590909%;
  padding-right: 1rem;
}
.xiala.product-xiala2 .container .box3 {
width: 30.96590909%;	
}

.xiala.product-xiala2 .container .box4 {
  padding: 0 5.68181818%;
  width: 32.95454545%;
  position: relative;
}
.xiala.product-xiala2 .container .box4::after {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  width: 1px;
  height: 100%;
  background-color: #0d0d0d;
}
.xiala.product-xiala2 .container .box4::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #0d0d0d;
}
.xiala.product-xiala2 .container .box4 .cn4 {
  padding-left: 0.4rem;
}
.xiala.product-xiala2 .container .box4 .cn4 .cn5 {
  margin-top: 0.3rem;
}
.xiala.product-xiala2 .container .box4 .cn4 .cn5 .cn6 {
  color: #fff;
  transition: all 0.5s;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.xiala.product-xiala2 .container .box4 .cn4 .cn5 .cn6 .cn11 {
  display: flex;
  align-items: center;
}
.xiala.product-xiala2 .container .box4 .cn4 .cn5 .cn6 .cn11 svg {
  margin-right: 0.2rem;
}
.xiala.product-xiala2 .container .box4 .cn4 .cn5 .cn6 .cn11 svg path {
  fill: #Fff;
}
.xiala.product-xiala2 .container .box4 .cn4 .cn5 .cn6 .cn7 {
  flex-shrink: 1;
  transition: all 0.5s;
}
.xiala.product-xiala2 .container .box4 .cn4 .cn5 .cn6 .cn7 svg path {
  transition: all 0.5s;
  fill: #Fff;
}
.xiala.product-xiala2 .container .box4 .cn4 .cn5 .cn6:hover {
  color: #fdd000;
}
.xiala.product-xiala2 .container .box4 .cn4 .cn5 .cn6:hover .cn7 {
  transform: translateX(10px);
}
.xiala.product-xiala2 .container .box4 .cn4 .cn5 .cn6:hover .cn7 svg path {
  fill: #fdd000;
}
.xiala.product-xiala2 .container .box3 {
  width: 36.07954545%;
  padding: 0;
  padding-left: 5.68181818%;
  padding-right: 8.52272727%;
}
.xiala.product-xiala2 .container .box3 .box3a {
  padding-left: 0.4rem;
}
.xiala.product-xiala2 .container .box3 .box3a .box3b {
  width: 100%;
}
.xiala.product-xiala3 .box4 {
  padding: 0 0.8rem 0 0;
  width: 20.45454545%;
  position: relative;
}
.xiala.product-xiala3 .box4::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.15);
}
.xiala.product-xiala3 .box4 .cn4 {
  padding-left: 0.4rem;
}
.xiala.product-xiala3 .box4 .cn4 .cn5 {
  margin-top: 0.3rem;
}
.xiala.product-xiala3 .box4 .cn4 .cn5:nth-child(1) {
  margin-top: 0;
}
.xiala.product-xiala3 .box4 .cn4 .cn5 .cn6 {
  color: #fff;
  transition: all 0.5s;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.xiala.product-xiala3 .box4 .cn4 .cn5 .cn6 .cn11 {
  display: flex;
  align-items: center;
}
.xiala.product-xiala3 .box4 .cn4 .cn5 .cn6 .cn11 svg {
  margin-right: 0.2rem;
}
.xiala.product-xiala3 .box4 .cn4 .cn5 .cn6 .cn11 svg path {
  fill: #Fff;
}
.xiala.product-xiala3 .box4 .cn4 .cn5 .cn6 .cn7 {
  flex-shrink: 1;
  transition: all 0.5s;
}
.xiala.product-xiala3 .box4 .cn4 .cn5 .cn6 .cn7 svg path {
  transition: all 0.5s;
  fill: #Fff;
}
.xiala.product-xiala3 .box4 .cn4 .cn5 .cn6:hover {
  color: #fdd000;
}
.xiala.product-xiala3 .box4 .cn4 .cn5 .cn6:hover .cn7 {
  transform: translateX(10px);
}
.xiala.product-xiala3 .box4 .cn4 .cn5 .cn6:hover .cn7 svg path {
  fill: #fdd000;
}
.xiala.product-xiala3 .box3 {
  width: 79.54545455%;
  padding: 0 0 0 5.68181818%;
  position: relative;
}
.xiala.product-xiala3 .box3::before {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  width: 1px;
  height: 100%;
  background-color: #0d0d0d;
}
.xiala.product-xiala3 .box3 .box3a .box3b {
  width: 25%;
}
.xiala.product-xiala3 .box3 .box3a .box3d {
  width: 39%;
}
.xiala.product-xiala3 .box3 .box3a .box3d .box3e {
  display: block;
  margin-top: 0.3rem;
  position: relative;
}
.xiala.product-xiala3 .box3 .box3a .box3d .box3e:hover .img img {
  transform: scale(1.05);
}
.xiala.product-xiala3 .box3 .box3a .box3d .box3e .img::before {
  padding-top: 33.63%;
}
.xiala.product-xiala3 .box3 .box3a .box3d .box3e .img::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 3;
}
.xiala.product-xiala3 .box3 .box3a .box3d .box3e .cn19 {
  z-index: 4;
  position: absolute;
  right: 0.2rem;
  top: 0.1rem;
}
.xiala.product-xiala3 .box3 .box3a .box3d .box3e .cn19 svg {
  width: 0.19rem;
  height: 0.12rem;
}
.xiala.product-xiala3 .box3 .box3a .box3d .box3e .cn19 svg path {
  fill: #fff;
  opacity: 1;
}
.xiala.product-xiala3 .box3 .box3a .box3d .box3e .cn13 {
  z-index: 4;
  position: absolute;
  left: 0;
  top: 0.4rem;
  padding: 0.2rem;
  width: 100%;
}
.xiala.product-xiala3 .box3 .box3a .box3d .box3e .cn13 .cn15 {
  color: #Fff;
  line-height: 1.1em;
}
.xiala.product-xiala3 .box3 .box3a .box3d .box3f {
  margin-top: 0.2rem;
  display: flex;
  align-items: flex-start;
}
.xiala.product-xiala3 .box3 .box3a .box3d .box3f .box3g {
  width: 50%;
}
.xiala.product-xiala3 .box3 .box3a .box3d .box3f .box3g .box3e {
  margin-top: 0;
}
.xiala.product-xiala3 .box3 .box3a .box3d .box3f .box3g .box3e .img::before {
  padding-top: 43.75%;
}
.xiala.product-xiala3 .box3 .box3a .box3d .box3f .box3g .box3e .cn13 {
  top: initial;
  bottom: 0;
}
.xiala.product-xiala3 .box3 .box3a .box3d .box3f .box3h {
  width: 50%;
  padding-left: 0.3rem;
}
.xiala.product-xiala3 .box3 .box3a .box3d .box3f .box3h .cn20 .cn21 {
  margin-bottom: 0.1rem;
  display: flex;
  justify-content: space-between;
}
.xiala.product-xiala3 .box3 .box3a .box3d .box3f .box3h .cn20 .cn21 .cn22 {
  color: #fff;
  width: 80%;
}
.xiala.product-xiala3 .box3 .box3a .box3d .box3f .box3h .cn20 .cn21 .cn23 {
  width: 20%;
}
.xiala.product-xiala3 .box3 .box3a .box3d .box3f .box3h .cn20 .cn21 .cn23 svg path {
  fill: #Fff;
  opacity: 1;
}
.xiala.product-xiala3 .box3 .box3a .box3d .box3f .box3h .cn20 .cn21:hover .cn22 {
  color: #fdd000;
}
.xiala.product-xiala3 .box3 .box3a .box3d .box3f .box3h .cn20 .cn21:hover .cn23 svg path {
  fill: #fdd000;
}
@keyframes myxiala {
  from {
    opacity: 0;
    transform: translateY(-60px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
#c-header.c-style2 .two-header .container .box .zcn1 .zcn2 .zcn3 {
  color: #Fff;
}
#c-header.c-style2 .two-header .container .box .zcn1 .zcn2:hover .zcn3 {
  color: #fdd000;
}
.two-header .container .box .zcn1 .zcn2 .zcn3::before {
  bottom: 1px;
}
#c-header.c-style2 .xiala .container .box1 .cn4 .cn5 .cn6 {
  color: #Fff;
}
#c-header.c-style2 .xiala .container .box1 .cn4 .cn5 .cn6:hover {
  color: #fdd000;
}
#c-header.c-style2 .xiala.product-xiala2 .container .box4 .cn4 .cn5 .cn6 {
  color: #Fff;
}
#c-header.c-style2 .xiala.product-xiala2 .container .box4 .cn4 .cn5 .cn6:hover {
  color: #fdd000;
}
#c-header.c-style2 .xiala .container .box3 .box3a .box3b .cn16 {
  color: #Fff;
}
#c-header.c-style2 .xiala .container .box3 .box3a .box3b .cn16:hover {
  color: #fdd000;
}
#c-header.c-style2 .xiala .container .box2 .cn8 .cn11 {
  color: #Fff;
}
#c-header.c-style2 .xiala .container .box2 .cn8 .cn11:hover {
  color: #fdd000;
}
#c-header.c-style2 .xiala.product-xiala3 .box4 .cn4 .cn5 .cn6 {
  color: #Fff;
}
#c-header.c-style2 .xiala.product-xiala3 .box4 .cn4 .cn5 .cn6:hover {
  color: #fdd000;
}
.xiala .container .box1 .cn4 .cn5 .cn6 {
  align-items: center;
}
.link {
  padding: 1.2rem 0;
}
.link .container h1 {
  text-align: center;
}
@media (max-width: 767px) {
  .link .container h1 {
    font-size: 0.6rem;
  }
}
.link .container .box h3 {
  margin-top: 0.5rem;
  text-align: center;
}
.link .container .box .box2 {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  margin-top: 0.5rem;
}
.link .container .box .box2 a {
  padding: 0.1rem 0;
  color: #000;
  width: calc(25%);
  border: 1px solid #eee;
  transition: all 0.5s;
  border-right: 0;
  border-top: 0;
}
.link .container .box .box2 a:nth-child(-n+4) {
  border-top: 1px solid #eee;
}
@media (max-width: 767px) {
  .link .container .box .box2 a:nth-child(-n+4) {
    border-top: 0;
  }
}
@media (max-width: 767px) {
  .link .container .box .box2 a:nth-child(-n+2) {
    border-top: 1px solid #eee;
  }
}
.link .container .box .box2 a:nth-child(4n) {
  border-right: 1px solid #eee;
}
@media (max-width: 767px) {
  .link .container .box .box2 a:nth-child(4n) {
    border-right: 0;
  }
}
@media (max-width: 767px) {
  .link .container .box .box2 a:nth-child(2n) {
    border-right: 1px solid #eee;
  }
}
.link .container .box .box2 a:last-child {
  border-right: 1px solid #eee;
}
@media (max-width: 767px) {
  .link .container .box .box2 a {
    width: 50%;
    padding: 0.2rem 0;
  }
}
.link .container .box .box2 a:hover {
  color: #fdd000;
}
.juhe-box5 .container .box .box2 .box3 td::-webkit-scrollbar {
  height: 0;
  background-color: transparent;
}
.juhe-box5 .container .box .box2 .box3::-webkit-scrollbar {
  height: 0;
  background-color: transparent;
}
.juhe-box5 .container .box .box2::-webkit-scrollbar {
  height: 0;
  background-color: transparent;
}
.juhe-box5 .container .box .box2 tbody::-webkit-scrollbar {
  height: 0;
  background-color: transparent;
}
.changliangbutton {
  background-color: #fdd000 !important;
}
.service-box2.on {
  background-color: #000;
}
.service-box2.on .container .box1 .cn1 {
  color: #fff;
}
.service-box2.on .container .box1 .public-btn .public-btn99 {
  background-color: #fdd000;
  color: #000;
}
.service-box2.on .container .box1 .public-btn .public-btn99 span svg path {
  fill: #000;
}
.blog-infonew1 {
  padding: 1rem 0;
}
.blog-infonew1 .container .box5:nth-child(1) {
  padding-top: 0;
}
.blog-infonew1 .container .box5.box5a .box .box2 {
  flex-direction: row-reverse;
}
.blog-infonew1 .container .box5.noimage .box .box2 .cn1 {
  width: 100%;
}
.blog-infonew1 .container .box {
  width: 81.42857143%;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .blog-infonew1 .container .box {
    width: 100%;
  }
}
.blog-infonew1 .container .box .box2 {
  margin: 0 0 0.9rem;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .blog-infonew1 .container .box .box2 {
    flex-direction: column-reverse;
    margin: 0;
  }
}
.blog-infonew1 .container .box .box2 .cn1 {
  padding: 0 0.15rem;
  width: 58.33333333%;
}
@media (max-width: 991px) {
  .blog-infonew1 .container .box .box2 .cn1 {
    width: 100%;
    padding: 0;
    margin: 0.9rem 0;
  }
}
.blog-infonew1 .container .box .box2 .cn2 {
  padding: 0 0.15rem;
  width: 41.66666667%;
}
@media (max-width: 991px) {
  .blog-infonew1 .container .box .box2 .cn2 {
    padding: 0;
    width: 100%;
  }
}
.blog-infonew1 .container .box .box2 .cn2 .cn4::before {
  padding-top: 75.05617978%;
}
.blog-infonew1 .container .box .box2 .cn2 .cn4 .cn5 {
  position: absolute;
  right: 0.2rem;
  top: 0.2rem;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #fdd000;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.4s;
}
.blog-infonew1 .container .box .box2 .cn2 .cn4 .cn5 svg {
  width: 17px;
  height: 20px;
}
.blog-infonew1 .container .box .box2 .cn2 .cn4 .cn5 svg path {
  transition: all 0.4s;
  fill: #000;
  opacity: 1;
}
.blog-infonew1 .container .box .box2 .cn2 .cn4 .cn5:hover {
  opacity: 0.9;
}
.blog-infonew1 .container .box3 {
  margin: 0 0 0.9rem;
}
.blog-infonew1 .container .box3 .cn3::before {
  padding-top: 32.14285714%;
}
.proapp-box5 .container .box .box2.on::before {
  display: none;
}
.proapp-box5 .container .box .box4 .img.on::before {
  display: none;
}
.proapp-box5 .container .box5 .box2.on::before {
  display: none;
}
.cnt1 {
  display: flex;
  align-items: center;
}
.cnt1 svg {
  margin-right: 0.1rem;
  width: 0.3rem;
  height: auto;
}
.cnt1 svg path {
  fill: #fff;
  stroke: none;
  opacity: 1;
}
.cnt1 svg .st9 {
  fill: none;
  stroke: #Fff;
}
.yidongicon .st9 {
  fill: none;
  stroke: #Fff;
}
.service-box5 .container .cn1 {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.service-box5 .container .cn1 .tcn1 {
  color: #fdd000;
}
.service-box5 .container .cn1 .tcn2 {
  color: #333;
}
.service-box5 .container .cn1 .tcn3 {
  display: flex;
  align-items: center;
  margin-left: 0.2rem;
  color: #fdd000;
  transition: all 0.5s;
}
.service-box5 .container .cn1 .tcn3 svg {
  margin-left: 0.1rem;
  transform: rotate(-90deg);
  transition: all 0.5s;
}
.service-box5 .container .cn1 .tcn3 svg path {
  fill: #fdd000;
  opacity: 1;
}
.service-box5 .container .cn1 .tcn3:hover {
  text-decoration: underline;
}
.service-box5 .container .cn1 .tcn3:hover svg {
  transform: translateX(5px) rotate(-90deg);
}
.service-box5 .container .box99 .service-box5b {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}
.service-box5 .container .box99 .service-box5b .swiper-slide2 {
  width: 25%;
  font-size: 0;
  margin: 0;
}
@media (max-width: 991px) {
  .service-box5 .container .box99 .service-box5b .swiper-slide2 {
    width: 50%;
  }
}
.service-box5 .container .box99 .service-box5b .swiper-slide2 .img::before {
  padding-top: 100%;
}
.service-box5 .container .box99 .service-box5b .swiper-slide2 .img .yinying {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 10%;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.5s;
}
.service-box5 .container .box99 .service-box5b .swiper-slide2 .img .yinying .cn2 {
  text-align: center;
  color: #ffffff;
  line-height: 1.33333333em;
  height: 5.33333333em;
  overflow: hidden;
}
.service-box5 .container .box99 .service-box5b .swiper-slide2 .img:hover img {
  transform: scale(1.05);
}
.service-box5 .container .box99 .service-box5b .swiper-slide2 .img:hover .yinying {
  opacity: 1;
}
.biaodian0 {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.biaodian0 .yuan0 {
  position: relative;
}
.biaodian0 .yuan1 {
  width: 0.64rem;
  height: 0.64rem;
  background-color: #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.biaodian0 .yuan1 svg {
  height: 0.22rem;
}
.biaodian0 .yuan1 svg path {
  fill: #fdd000;
  opacity: 1;
}
.biaodian0 .yuan2 {
  top: 0;
  left: 0;
  position: absolute;
  min-width: 1.74rem;
  padding: 0 0.3rem;
  height: 0.64rem;
  background-color: #fdd000;
  border-radius: 0.32rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  display: none;
  color: #000000;
}
.biaodian0 .yuan2 .icon {
  height: 0.22rem;
}
.biaodian0 .yuan2 .icon path {
  fill: #000;
  opacity: 1;
}
.biaodian0 .yuan2 span {
  display: block;
  margin: 0 0.2rem;
}
.biaodian0 .yuan2 .jiantou {
  transform: rotate(180deg);
}
.biaodian0 .yuan2 .jiantou path {
  fill: #000;
  opacity: 1;
}
.biaodian0 .line {
  width: 0.02rem;
  height: 0.22rem;
  background-color: #000;
}
.biaodian0 .dian {
  width: 0.08rem;
  height: 0.08rem;
  background-color: #000;
  border-radius: 50%;
}
.biaodian0.biaodian1 {
  left: 12.65625%;
  top: 17.5257732%;
}
.biaodian0.biaodian2 {
  left: 28.80208333%;
  top: 50%;
}
.biaodian0.biaodian3 {
  left: 57.29166667%;
  top: 65.97938144%;
}
.biaodian0.biaodian4 {
  left: 78.125%;
  top: 18.04123711%;
}
.biaodian0.biaodian5 {
  left: 84.63541667%;
  top: 54.94845361%;
}
.biaodian0.biaodian6 {
  left: 41.66666667%;
  top: 18.55670103%;
}
.biaodian0:hover .yuan2 {
  display: flex;
  animation: myyuan2 0.5s 1;
}
.biaodian0:hover .line {
  background-color: #fdd000;
}
.biaodian0:hover .dian {
  background-color: #fdd000;
}
@keyframes myyuan2 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.index-banner {
  height: auto;
  font-size: 0;
}
.index-banner .img video {
  height: auto;
}
.cnt99 {
  text-align: center;
  color: #Fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.1rem;
  cursor: pointer;
}
.cnt99 span {
  margin-left: 0.1rem;
  display: flex;
}
.cnt99 span svg {
  height: 0.3rem;
}
.cnt99 span svg path {
  fill: #Fff;
}
.xiala.product-xiala3 .box3 .box3a .box3b {
  width: 56.55%;
}
.xiala.product-xiala3 .box3 .box3a .box3b.box3d {
  width: 32.7%;
}
.das150 .swiper-paginationdas150 {
  position: absolute;
  bottom: 0;
  text-align: right;
}
.das150 .swiper-pagination-bullet {
  background-color: transparent;
  width: 10px;
  height: 10px;
  border: solid 2px #ffffff;
  opacity: 0.2;
}
.das150 .swiper-pagination-bullet-active {
  border: 2px solid #fdd000;
  opacity: 1;
}
.box31z {
  display: block;
}
.box31z .box31z1 {
  display: flex;
  margin-top: 0.2rem;
  align-items: center;
}
.box31z .box31z1 .box31z2 {
  width: 0.14rem;
  flex-shrink: 0;
  margin-right: 0.2rem;
  transition: all 0.4s;
}
.box31z .box31z1 .box31z2 img {
  width: 0.14rem;
  height: 0.14rem;
}
.box31z .box31z1 .box31z3 .box31z4 {
  display: block;
  color: #999;
}
.box31z .box31z1 .box31z3 .box31z5 {
  display: block;
  color: #fff;
  transition: all 0.5s;
}
.box31z .box31z1:hover .box31z2 {
  transform: rotate(45deg);
}
.box31z .box31z1:hover .box31z3 .box31z5 {
  color: #fdd000;
}
.xiala.product-xiala3 .box3 .box3a .box3d .box3e .img::before {
  padding-top: 56.09756098%;
}
.index-banner0 {
  background-color: #0e3c94;
  position: relative;
  width: 100%;
  height: 100vh;
}
@media (max-width: 991px) {
  .index-banner0 {
    height: auto;
    padding-top: 1.2rem;
  }
}
.index-banner0 .index-banner {
  position: sticky;
  left: 0;
  top: 0;
}
@media (max-width: 991px) {
  .index-banner0 .index-banner .text {
    display: none;
  }
}
.index-banner0 .yinying {

}
@media (max-width: 991px) {
  .index-banner0 .yinying {
    display: none;
  }
}
.index-banner0 .yinying img {

}
@media (max-width: 991px) {
  #c-header {
    background-image: unset !important;
  }
}
.index-banner0 .yinying::before {

}
.index-banner0 .yinying {
  bottom: -2px;
}
.jindutiao {
  margin-top: 0.3rem;
  position: relative;
  width: 100%;
  height: 2px;
  background-color: #fff;
  transition: all 0.5s;
}
.jindutiao .jidutioabiaodian {
  position: absolute;
  left: 50%;
  height: 2px;
  bottom: 0;
}
.jindutiao .jidutioabiaodian span {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: -0.3rem;
  color: #000;
}
.jindutiao .jidutioabiaodian em {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 6px;
  height: 6px;
  background-color: #000;
  border-radius: 50%;
  display: block;
}
.jindutiao i {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 2px;
  transition: all 0.5s;
  background-color: #000;
}
.about-box10 .aboutbox10a .swiper-slide {
  cursor: pointer;
}
#c-header.c-style2{z-index: 900 !important;}
    #c-header{background-image:url("../images/zximg10.png");background-repeat:no-repeat;background-position:center;background-size:cover;}

        .two-header.two-header3 .container .box .zcn1 .zcn2 .zcn3{color:#fff !important}
        .two-header.two-header3 .container .box .zcn1 .zcn2 .zcn3 span svg path{fill:#fff !important}
    
        .two-header.two-header3 .container .box .zcn1 .zcn2.on .zcn3{color:#fdd000 !important}
        .two-header.two-header3 .container .box .zcn1 .zcn2.on .zcn3 span svg path{fill:#fdd000 !important}


        .blog-info7 .container .box .box2 .box3 .cn3::before{z-index: 0;}


        .blog-info7 .container .box .box2 .box3 em{content: "";position: absolute;right: -5px;top: 30px;width: 100%;height: 100%;
        background-color: #fdd000;z-index: 0;border-radius: 5px;transition: all 1s;}
        .blog-info7 .container .box .box2 .box3 .cn3::before{display: none;}
        .blog-info7 .container .box .box2 .box3 em.on{top:-5px}
        
        
        @media(max-width:992px){
            .index-banner{height:auto;}
            .index-banner .img video{height: auto;display:block}
        }


        .zhezao{
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            /* height: 1.7rem; */
            /* background-color: transparent; */
            /* z-index: -1; */
            z-index: 14;
            backdrop-filter: blur(2px);
            height: 0.9rem;
            background-color: rgba(0,0,0,.1);
            background-image: url(../images/jimg1a.png);
        }



        .index-banner .text{
            z-index: 30;
        }

        .index-paoma .str4 a{cursor: inherit;}
        .index-paoma .str5 a{cursor: inherit;}
        


        .index-paoma .cn98{margin-top: .5rem;}
        .index-box4 .qwimg  {z-index: 7;}
        .index-box4 .container{z-index: 12;}

        .biaodian0{z-index: 20;}

        .index-banner0 .yinying{height: auto;}
        
        
        .bgbgbgimg{position: absolute;left: 0;top: -1.9rem;width:100%;}
        .bgbgbgimg img{width:100%;height:1.9rem;object-fit:cover;}
        .index-banner0 .yinying{display: none;}
        .index-banner0{position: sticky;height:100vh;left: 0;top: 0;}
        .index-about{position: relative;z-index: 10;overflow:initial;}
        .indexbgbg{position: relative;background-color: #000;}
        .blog-info7.proapp-box10{position: relative;}
        .about-box4{position: relative;}
        .z-footer{position: relative;}
        
        @media(max-width:991px){
            .index-banner0{height:auto}
            .index-about{margin-top: 0;}
            .bgbgbgimg{display: none;}
        }
.pageblock{ position: absolute; top:0; left:0; width: 100%; height: 100%; color: #fff; z-index:0 }

.pageblock .focus_slider{ width: 100%; height: 100%; overflow: hidden; position: relative; }

.focus_slide{ width: 100%; height: 100%; top: 0; left: 0; position: absolute; background-position: center center; background-size: cover; display: table; cursor: e-resize; }

.slidecontent{ display: table-cell; vertical-align: middle; text-align: center; position: relative; top:0; opacity: 1; color: #fff; line-height: normal; padding: 0 0.3rem;}

#slideposition{ width:100%; text-align: center; position: absolute; bottom: 0.7rem; left:0; z-index: 10; }

#slideposition ul li.indicator{display: inline-block; height: 10px; width: 10px; background: #fff; margin: 0 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; cursor: pointer;}

#slideposition ul li.indicator.active{background: #00a0e9;}

.fp-controlArrow.fp-prev,.fp-controlArrow.fp-next{ display: none;}

.slide1_img{ max-width: 70%;}

.slide2_img{ max-width: 70%;}



.txt1_01{ margin-bottom: 0.1rem;}

.txt1_02{ margin-bottom: 0.2rem;}

.txt1_02 em{ color: #00a0e9;}

.txt1_03{ display: inline-block; line-height: normal; padding: 6px 15px; border: 2px solid #fff;}

.txt1_01{ font-size: 0.8rem; padding-bottom:15px}

.txt1_02{ font-size: 0.3rem;}

.txt1_03{ font-size: 0.24rem;}

.txt1_05{ font-size: 0.70rem;}

.txt1_06{ font-size: 0.45rem;}

.txt1_04{ font-size: .28rem; color: #7d828c;}

.txt1_04 em{ display: inline-block; vertical-align: middle; font-size: 0.24rem; line-height: normal; color: #00a0e9; margin: -0.06rem 0.10rem 0;}

		.fillWidth {
    width: 100%;
    height: 100%;
    object-fit:fill;
	position:absolute; z-index:0;
	
  }
.indexbgbg{position: relative;background-color: #0e3c94;}
.index-paoma{background-color: transparent;}
.indexbgbg .qwimg{position: absolute;left: 0;top: 0;z-index: 2;} 
 .product-box4{padding: .7rem 0 .9rem;}
        .product-box4 .container .box2{margin-top: 0;}
        .product-box4 .container .box2 .box{margin: .2rem .1rem 0;}
        .product-box4 .container .box2 .box .public-btn .public-btn99{background-color: #fff;border: solid 1px #cccccc;}
        .product-box4 .container .box .public-btn .public-btn99 span{background-color: #222;color:#Fff;}
        .product-box4 .container .box .public-btn .public-btn99 span svg path{fill:#Fff !important;}
        
        .product-box4 .container .box2 .box .public-btn .public-btn99:hover{border:1px solid #fdd000;}
        .product-box4 .container .box .public-btn .public-btn99:hover span svg path{fill:#fdd000 !important;}
        .product-box4 .container .box2{flex-wrap: wrap;}
        
        .product-form1{box-shadow: 0px 2px 128px 0px rgba(37, 37, 37, 0.37);}
        .product-form1 .close svg path{fill:#000;opacity:1;}
        
        
        @media(max-width:991px){
            .product-form1 .input6 .input6a{width:.26rem;}
            .product-form1 .input6 .input6a input{width:.26rem;height:.26rem;}
			.index-banner0{ height:350px}
        }
        
        
        @media(max-width:768px){
            .product-box4 .container .box2 .box{width:100%;}
            .product-box4 .container .box2 .box .public-btn .public-btn99{width: 100%;margin-top: .2rem;}
			.index-banner0{ height:350px}
        }


        .blog-info3 .container .text{top:50%;    transform: translateY(-50%);} 		
		/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}


/*内容分页*/
.contPage{height:20px;line-height:20px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;}
.contPage a{display:inline-block;color:#898989;background:#fff;text-align:center;padding:0 7px;margin:0 1px;}
.contPage a:hover{color:#fff;background:#898989;}
.contPage a.on{color:#333;background:#E5EDF2;border:1px solid #C2D5E3;}

.listConts{line-height:26px;color:#666;}
.listConts .title{font-size:24px;text-align:center;line-height:40px;color:#000;}
.listConts .info{width:380px;height:27px;line-height:28px;text-align:center;margin:15px auto;border:1px solid #ccc;border-left:none;border-right:none;color:#666;}
.listConts .info small{margin-left:8px;margin-right:3px;color:#999;font-size:12px;}
.listConts .info .small,.info .big{font-family:Georgia;font-weight:bold;cursor:pointer;}
.listConts .info .small{font-size:10px;padding-right:3px;}
.listConts .info .big{color:#003ba6;padding-left:3px;}
.listConts .desc{margin:20px 0 15px;padding:5px 10px;line-height:20px;border:1px solid #f4e4b4;background:#fffff0;}
.listConts .showimg{margin:20px 0;text-align:center;}
.listConts .showimg a img{border:1px solid #ccc;padding:1px;}
.listConts .showimg a:hover img{border:1px solid #F90;padding:1px;}
.listConts .conttitle{font-weight:bold;padding-bottom:7px;margin-bottom:7px;color:#2f2f2f;line-height:24px;border-bottom:1px solid #ddd;font-size:14px;}
.listConts .author{text-align:right;color:#999;}
#textarea img{ max-width:100%;}
.listConts .showimg img{ max-width:100%}

/*详细页功能区*/
.preNext{position:relative;}
.preNext .line{height:10px;overflow:hidden;clear:both;background:url(../images/box_dotline.gif) left 15px repeat-x;margin:4px auto;padding-top:10px;}
.preNext .line strong{display:block;width:8px;height:10px;overflow:hidden;font-size:0px;line-height:100px;background:url(../images/box_dotline.gif) right -10px no-repeat;float:left;}
.preNext .text{color:#999;}
.preNext .actBox{position:absolute;top:25px;right:0;}
.preNext .actBox li{display:inline;padding-left:22px;background-image:url(../images/actbox-ico.gif);background-repeat:no-repeat;margin-left:10px;}
.preNext  li a{color:#666;}
.preNext  li a:hover{color:#fdd000;}
.preNext .actBox li#act-fav{background-position:4px 0px;}
.preNext .actBox li#act-err{background-position:4px -37px;}
.preNext .actBox li#act-pus{background-position:4px -73px;}
.preNext .actBox li#act-pnt{background-position:4px -109px;}

.news_list li{line-height:30px;background:url(../images/dot_line.gif) repeat-x 0 30px;padding-top:1px;}
.news_list li a{color:#666;}
.news_list li a:hover{text-decoration:none;color:#fdd000;}
.news_list span{float:right;font-family:Arial;color:#666;}
.news_list strong{padding-right:5px;font-size:8px;color:#fc0000;}
/*招聘详细*/
.jobConts{line-height:30px;color:#666;}
.jobConts .line{background:#ccc;height:1px;overflow:hidden;font-size:0;margin:10px 0;}
.jobConts .jobdesc{background:#f5f5f5;padding:10px;color:#333;}
.jobConts strong{color:#333;}