@charset "utf-8";
:root {
  --color: #da251d;
  --vh: 100vh;
  --shadow: 0 0.09rem 0.16rem rgba(218, 37, 29, 0.13);
}
/*字体*/
/* @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");
} */
* {
  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;
}
* ::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
* ::-webkit-scrollbar-thumb {
  /*滚动条-滑块*/
  border-radius: 3px;
  background: var(--color);
}
* ::-webkit-scrollbar-track {
  /*滚动条-背景*/
  border-radius: 3px;
  background: #fff;
}
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;
}
@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: #f5f8fc;
}
@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;
}
video,
video:focus {
  display: block;
  font-size: 0;
  border: 0;
  outline: none;
}
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;
  color: inherit;
}
input,
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}
button {
  cursor: pointer;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  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;
}
svg path:not(.cls-1112) {
  fill: currentColor !important;
  opacity: 1 !important;
}
picture,
section,
main {
  display: block;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clear {
  zoom: 1;
}
.clear:after {
  content: '';
  display: block;
  clear: both;
}
.container {
  margin: 0 auto;
  width: 82%;
  max-width: 1400px;
}
@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-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.2rem;
  min-width: 1rem;
}
.public-img {
  display: block;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.public-img::before {
  content: "";
  display: block;
  position: relative;
  z-index: 0;
  padding-top: 100%;
}
.public-img > img,
.public-img > video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.8s;
}
.public-content {
  color: #666;
}
.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;
}
/* 占位标签，设置导航样式 */
#c-placeholder {
  height: 77px;
}
@media (max-width: 991px) {
  #c-placeholder {
    height: 60px;
  }
}
.g_tac {
  text-align: center;
}
/*头部*/
#c-header {
  position: fixed;
  top: 0.3rem;
  left: 0;
  z-index: 900;
  width: 100%;
  height: calc(0.3rem + 77px);
  text-align: center;
  color: #333;
  transition: 0.4s;
  pointer-events: none;
  /* 搜索下拉 */
}
@media (max-width: 991px) {
  #c-header {
    line-height: 60px;
    height: 60px;
  }
}
#c-header a {
  color: #333;
  transition: 0.4s;
}
#c-header > .container {
  position: relative;
  transition: all 0.4s;
  height: 77px;
  border-radius: 0.1rem;
  background: #fff;
  pointer-events: initial;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991px) {
  #c-header > .container {
    width: 100% !important;
    height: 60px;
    position: initial;
  }
}
#c-header .c-right-box {
  display: flex;
  align-items: center;
  height: 100%;
}
#c-header.c-head-move {
  top: -100px;
}
@media (max-width: 991px) {
  #c-header.c-head-move {
    top: -60px;
  }
}
#c-header.c-style2 > .container {
  color: #333;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
#c-header.c-style2 a {
  color: #333;
}
#c-header .c-logo {
  display: flex;
  align-items: center;
}
#c-header .c-logo .c-img-box {
  transition: all 0.4s;
  margin-left: 0.19rem;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  #c-header .c-logo .c-img-box {
    margin-left: 0;
  }
}
#c-header .c-logo .c-img-box img {
  height: 26px;
}
@media (max-width: 991px) {
  #c-header .c-logo .c-img-box img {
    height: 20px;
  }
}
#c-header .c-logo .c-img-box img:nth-child(2) {
  display: none;
}
#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) {
  display: none;
}
#c-header.c-style2 .c-logo .c-img-box img:nth-child(2) {
  display: inline-block;
}
#c-header .c-switch {
  position: relative;
  display: none;
  width: 24px;
  height: 20px;
  cursor: pointer;
}
@media (max-width: 991px) {
  #c-header .c-switch {
    display: block;
  }
}
#c-header .c-switch i {
  position: absolute;
  left: 0;
  height: 2px;
  width: 100%;
  background: #333;
  transition: all 0.4s;
}
#c-header .c-switch i:nth-child(1) {
  top: 0;
}
#c-header .c-switch i:nth-child(3) {
  bottom: 0;
}
#c-header .c-switch i:nth-child(2) {
  top: 50%;
  margin-top: -1px;
}
#c-header.c-style2 .c-switch i {
  background: #333;
}
#c-header .c-gn {
  display: flex;
  align-items: center;
  height: 100%;
}
@media (max-width: 991px) {
  #c-header .c-gn {
    display: none;
  }
}
#c-header .c-gn .c-search {
  position: relative;
  cursor: pointer;
}
#c-header .c-gn .c-search img,
#c-header .c-gn .c-search svg {
  width: 16px;
  height: 16px;
  transition: 0.4s;
  vertical-align: middle;
}
@media (max-width: 991px) {
  #c-header .c-gn .c-search img,
  #c-header .c-gn .c-search svg {
    width: 0.2rem;
    height: 0.2rem;
  }
}
#c-header .c-gn .c-search:hover > svg {
  color: var(--color);
}
#c-header .c-gn .c-language {
  margin: 0 0.22rem;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 100%;
  transition: all 0.4s;
}
#c-header .c-gn .c-language .c-ico-text {
  display: flex;
  align-items: center;
}
#c-header .c-gn .c-language .c-ico-text span {
  margin: 0 0.05rem;
  transition: all 0.4s;
}
#c-header .c-gn .c-language .c-ico-text img,
#c-header .c-gn .c-language .c-ico-text svg {
  width: 16px;
  height: 16px;
  transition: 0.4s;
  vertical-align: middle;
}
#c-header .c-gn .c-language .c-ico-text img:nth-child(3),
#c-header .c-gn .c-language .c-ico-text svg:nth-child(3) {
  width: 14px;
  height: 14px;
  transform: rotate(90deg);
}
#c-header .c-gn .c-language .c-box {
  display: none;
  position: absolute;
  top: calc(100% - 2px);
  left: 50%;
  padding: 0.1rem 0;
  border-radius: 0 0 0.1rem 0.1rem;
  transform: translateX(-50%);
  background: #fff;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  white-space: nowrap;
  line-height: 0.4rem;
}
#c-header .c-gn .c-language .c-box a {
  position: relative;
  display: block;
  padding: 0 25px;
  color: #333;
}
#c-header .c-gn .c-language .c-box a::before {
  display: none;
}
#c-header .c-gn .c-language .c-box a:hover {
  text-decoration: underline;
  color: var(--color);
}
#c-header .c-gn .c-language:hover .c-ico-text {
  color: var(--color);
}
#c-header .c-gn .c-language:hover .c-ico-text svg {
  color: var(--color);
}
#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;
  width: 20px;
  height: 20px;
}
#c-header .c-gn .c-phone span {
  font-weight: bold;
}
#c-header.c-style2,
#c-header.c-style3,
#c-header.c-style4 {
  top: 0;
  background: #fff;
  height: 77px;
  /* &>.container{
			width: 100%;
			border-radius: 0;
			max-width: 100%;
		} */
}
@media (max-width: 991px) {
  #c-header.c-style2,
  #c-header.c-style3,
  #c-header.c-style4 {
    height: 60px;
  }
}
#c-header.c-style2 > .container,
#c-header.c-style3 > .container,
#c-header.c-style4 > .container {
  box-shadow: none;
  margin: 0 auto;
  width: 82%;
  max-width: 1400px;
  border-radius: 0;
}
@media (max-width: 1260px) {
  #c-header.c-style2 > .container,
  #c-header.c-style3 > .container,
  #c-header.c-style4 > .container {
    width: 90%;
  }
}
#c-header.c-style2 > .container .c-logo .c-img-box,
#c-header.c-style3 > .container .c-logo .c-img-box,
#c-header.c-style4 > .container .c-logo .c-img-box {
  margin-left: 0;
}
#c-header.c-style2 > .container .c-gn .c-language,
#c-header.c-style3 > .container .c-gn .c-language,
#c-header.c-style4 > .container .c-gn .c-language {
  margin: 0 0 0 0.22rem;
}
#c-header.c-style2 .c-gn .c-phone svg,
#c-header.c-style3 .c-gn .c-phone svg,
#c-header.c-style4 .c-gn .c-phone svg {
  color: var(--color);
}
@media (max-width: 991px) {
  #c-header {
    top: 0;
  }
  #c-header .container {
    width: 100%;
    border-radius: 0;
    max-width: 100%;
    padding: 0 5%;
  }
  #c-header .c-gn .c-phone svg {
    color: var(--color);
  }
}
#c-header .c-nav {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  #c-header .c-nav {
    display: none;
  }
}
#c-header .c-nav > li {
  margin-right: 0.68rem;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  /* &.on{
				.c-title-box{
					img,svg {
					    transform: rotate(270deg);
					}
				}
			} */
}
#c-header .c-nav > li.on2 {
  position: initial;
}
@media (max-width: 1260px) {
  #c-header .c-nav > li {
    margin-right: 0.3rem;
  }
}
#c-header .c-nav > li:last-child {
  margin-right: 0;
}
#c-header .c-nav > li > .c-title-box {
  display: flex;
  align-items: center;
  cursor: pointer;
}
#c-header .c-nav > li > .c-title-box img,
#c-header .c-nav > li > .c-title-box svg {
  position: absolute;
  left: calc(100% + 5px);
  width: 10px;
  height: 10px;
  transform: rotate(90deg);
  transition: all 0.4s;
}
@media (max-width: 1580px) {
  #c-header .c-nav > li > .c-title-box img,
  #c-header .c-nav > li > .c-title-box svg {
    width: 7px;
    height: 7px;
  }
}
#c-header .c-nav > li a:before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 50%;
  width: 0;
  height: 2px;
  background: var(--color);
  transition: 0.4s;
}
#c-header .c-nav li a {
  position: relative;
  display: block;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#c-header .c-nav ul {
  z-index: 100;
  position: absolute;
  top: calc(100% - 2px);
  left: 50%;
  display: none;
  white-space: nowrap;
  line-height: 0.4rem;
  background: #fff;
  padding: 0.1rem 0;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 0 0 0.1rem 0.1rem;
}
#c-header .c-nav ul li:last-child a::before {
  display: none;
}
#c-header .c-nav ul li a {
  padding: 0 25px;
  color: #333;
}
#c-header .c-nav ul li a:hover {
  text-decoration: underline;
}
#c-header .c-nav ul li a::before {
  display: none;
}
#c-header .c-nav .navpro {
  position: absolute;
  top: calc(100% - 2px);
  left: 50%;
  display: none;
  min-width: 1.5rem;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100vw;
}
#c-header .c-nav .navpro .container {
  display: flex;
  justify-content: space-between;
}
#c-header .c-nav .navpro .container .gl {
  box-shadow: 1.66rem 0 1.66rem rgba(0, 0, 0, 0.06);
  text-align: left;
  width: 60.71428571%;
  padding: 0.42rem 0 0.64rem;
}
#c-header .c-nav .navpro .container .gl .lbox_t {
  margin-bottom: 0.28rem;
  display: flex;
  justify-content: space-between;
}
#c-header .c-nav .navpro .container .gl .lbox_t .item {
  width: 33.33%;
  padding-right: 0.2rem;
}
#c-header .c-nav .navpro .container .gl .lbox_t .item h3 {
  margin-bottom: 0.16rem;
  padding-bottom: 0.18rem;
  font-weight: bold;
  position: relative;
}
#c-header .c-nav .navpro .container .gl .lbox_t .item h3::after {
  content: '';
  position: absolute;
  width: 13px;
  height: 3px;
  background: var(--color);
  bottom: 0;
  left: 0;
}
#c-header .c-nav .navpro .container .gl .lbox_t .item .g_a a {
  margin-bottom: 0.08rem;
  color: #666;
  transition: all 0.4s;
}
#c-header .c-nav .navpro .container .gl .lbox_t .item .g_a a:hover {
  color: var(--color);
  text-decoration: underline;
}
#c-header .c-nav .navpro .container .gl .lbox_b {
  padding-right: 0.58rem;
}
#c-header .c-nav .navpro .container .gl .lbox_b .lbox_b_con {
  padding: 0.28rem 0 0 0;
  border-top: 1px dashed #dfdfdf;
}
#c-header .c-nav .navpro .container .gl .lbox_b .lbox_b_con h3 {
  font-weight: bold;
  margin-bottom: 0.24rem;
}
#c-header .c-nav .navpro .container .gl .lbox_b .lbox_b_con .g_a {
  margin-bottom: 0.24rem;
  display: flex;
  flex-wrap: wrap;
}
#c-header .c-nav .navpro .container .gl .lbox_b .lbox_b_con .g_a a {
  color: #666;
  width: 25%;
  padding-right: 0.1rem;
  margin-bottom: 0.08rem;
  transition: all 0.4s;
}
#c-header .c-nav .navpro .container .gl .lbox_b .lbox_b_con .g_a a:hover {
  color: var(--color);
  text-decoration: underline;
}
#c-header .c-nav .navpro .container .gl .lbox_b .lbox_b_con .pub_btn {
  display: inline-flex;
}
#c-header .c-nav .navpro .container .gr {
  width: 39.28571429%;
  padding: 0.45rem 0 0.2rem 0.6rem;
  display: flex;
  justify-content: space-between;
}
#c-header .c-nav .navpro .container .gr .lbox {
  width: 55.10204082%;
}
#c-header .c-nav .navpro .container .gr .lbox .item {
  margin-bottom: 0.3rem;
  position: relative;
  border-radius: 0.1rem;
  overflow: hidden;
}
#c-header .c-nav .navpro .container .gr .lbox .item:hover img {
  transform: scale(1.05);
}
#c-header .c-nav .navpro .container .gr .lbox .item .public-img:before {
  padding-top: 56.2962963%;
}
#c-header .c-nav .navpro .container .gr .lbox .item .txt {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  background: url(../images/prodown4.png) no-repeat;
  background-size: 100% auto;
  background-position: bottom;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0.14rem;
}
#c-header .c-nav .navpro .container .gr .lbox .item .txt h3 {
  color: #fff;
  text-align: center;
}
#c-header .c-nav .navpro .container .gr .rbox {
  text-align: left;
  width: 33.46938776%;
}
#c-header .c-nav .navpro .container .gr .rbox .item {
  padding-bottom: 0.3rem;
  margin-bottom: 0.48rem;
  border-bottom: 1px dashed #e0e0e0;
}
#c-header .c-nav .navpro .container .gr .rbox .item:last-child {
  border: none;
  margin-bottom: 0;
}
#c-header .c-nav .navpro .container .gr .rbox .item:last-child .g_ico .g_it:last-child:hover i {
  color: #666;
}
#c-header .c-nav .navpro .container .gr .rbox .item:last-child .g_ico .g_it:last-child:hover a {
  color: #333;
}
#c-header .c-nav .navpro .container .gr .rbox .item:last-child .g_ico .g_it:last-child:hover p {
  color: var(--color);
}
#c-header .c-nav .navpro .container .gr .rbox .item h3 {
  margin-bottom: 0.16rem;
  padding-bottom: 0.18rem;
  font-weight: bold;
  position: relative;
}
#c-header .c-nav .navpro .container .gr .rbox .item h3::after {
  content: '';
  position: absolute;
  width: 13px;
  height: 3px;
  background: var(--color);
  bottom: 0;
  left: 0;
}
#c-header .c-nav .navpro .container .gr .rbox .item .g_ico .g_it {
  margin-bottom: 0.12rem;
  display: flex;
  align-items: flex-start;
}
#c-header .c-nav .navpro .container .gr .rbox .item .g_ico .g_it:hover i,
#c-header .c-nav .navpro .container .gr .rbox .item .g_ico .g_it:hover p,
#c-header .c-nav .navpro .container .gr .rbox .item .g_ico .g_it:hover a {
  color: var(--color);
}
#c-header .c-nav .navpro .container .gr .rbox .item .g_ico .g_it i {
  transition: all 0.4s;
  margin-right: 0.08rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 13px;
  height: 13px;
  color: #666;
  margin-top: 3px;
}
#c-header .c-nav .navpro .container .gr .rbox .item .g_ico .g_it i svg,
#c-header .c-nav .navpro .container .gr .rbox .item .g_ico .g_it i img {
  width: 100%;
  height: auto;
}
#c-header .c-nav .navpro .container .gr .rbox .item .g_ico .g_it i svg path,
#c-header .c-nav .navpro .container .gr .rbox .item .g_ico .g_it i img path {
  fill: var(--color);
}
#c-header .c-nav .navpro .container .gr .rbox .item .g_ico .g_it p {
  transition: all 0.4s;
  color: #666;
}
#c-header .c-nav .navpro .container .gr .rbox .item .g_ico .g_it .p2 {
  color: var(--color);
  font-weight: bold;
}
#c-header.c-style2 .c-logo .c-img-box img:nth-child(1) {
  display: none;
}
#c-header.c-style2 .c-logo .c-img-box img:nth-child(2) {
  display: inline-block;
}
#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: var(--color);
}
#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 {
  left: 0;
  width: 100%;
}
#c-header.c-style2 .c-nav li.on > .c-title-box svg,
#c-header .c-nav li:hover > .c-title-box svg {
  color: var(--color);
}
#c-header .c-nav2 {
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  height: 0;
  line-height: 50px;
  color: #333;
  background: #fff;
  overflow-y: auto;
  transition: 0.4s;
  text-align: left;
  display: flex;
  flex-direction: column;
}
#c-header .c-nav2 > li:last-child {
  border-bottom: 1px solid #f1f1f1;
}
#c-header .c-nav2 li {
  padding: 0 5vw;
  border-top: 1px solid #f1f1f1;
}
#c-header .c-nav2 li .c-title-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#c-header .c-nav2 li .c-title-box img,
#c-header .c-nav2 li .c-title-box svg {
  width: 14px;
  height: 14px;
  transition: all 0.4s;
}
#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.4s;
  transition: all 0.4s;
}
#c-header .c-nav2 li a:hover,
#c-header .c-nav2 li.on > a {
  color: var(--color);
}
#c-header .c-nav2 li ul {
  display: none;
  padding: 0 0 14px;
}
#c-header .c-nav2 li ul li {
  border: none;
  line-height: 36px;
}
#c-header .g_navsearch {
  text-align: left;
  pointer-events: auto;
  position: absolute;
  left: 0;
  top: calc(100% - 2px);
  width: 100%;
  z-index: 50;
  background-color: #ffffff;
  color: #222222;
  display: none;
}
#c-header .g_navsearch .container {
  display: flex;
  justify-content: center;
  padding: 0.6rem 0 1rem;
  position: relative;
}
@media (max-width: 767px) {
  #c-header .g_navsearch .container {
    padding-bottom: 0.6rem;
  }
}
#c-header .g_navsearch .f_close {
  position: absolute;
  right: 0.8rem;
  top: 0.96rem;
  width: 18px;
  height: 18px;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  #c-header .g_navsearch .f_close {
    right: 0;
    top: 0.3rem;
    width: 16px;
    height: 16px;
  }
}
#c-header .g_navsearch .f_close img {
  width: 100%;
  float: left;
}
#c-header .g_navsearch .f_close img:nth-child(2) {
  display: none;
}
#c-header .g_navsearch .f_close svg {
  width: 100%;
  height: auto;
  max-height: 100%;
  color: #808080;
}
#c-header .g_navsearch .f_close svg path {
  fill: #808080;
}
#c-header .g_navsearch .f_close:hover {
  transform: rotate(90deg);
}
#c-header .g_navsearch .f_cont {
  max-width: 1000px;
  margin: 0 auto;
}
#c-header .g_navsearch .f_cont .fz_title {
  margin-bottom: 0.26rem;
}
@media (max-width: 767px) {
  #c-header .g_navsearch .f_cont .fz_title {
    margin-bottom: 0.2rem;
  }
}
#c-header .g_navsearch .f_cont .g_form {
  margin-bottom: 0.18rem;
  display: flex;
  align-items: center;
}
#c-header .g_navsearch .f_cont .g_form i {
  cursor: pointer;
  margin-left: 0.1rem;
  border-radius: 100px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.48rem;
  height: 0.48rem;
  color: #666666;
  background: #f2f2f2;
  transition: all 0.4s;
}
#c-header .g_navsearch .f_cont .g_form i:hover {
  background: var(--color);
  color: #fff;
}
#c-header .g_navsearch .f_cont .g_form i svg,
#c-header .g_navsearch .f_cont .g_form i img {
  width: calc(14/48*100%);
  height: auto;
}
#c-header .g_navsearch .f_cont .g_form i svg path,
#c-header .g_navsearch .f_cont .g_form i img path {
  fill: var(--color);
}
#c-header .g_navsearch .f_cont .f_form {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 480px;
  height: 0.5rem;
  border: 1px solid #c9c9c9;
  border-radius: 100px;
}
@media (max-width: 767px) {
  #c-header .g_navsearch .f_cont .f_form {
    width: 100%;
    padding-bottom: 0.3rem;
  }
}
#c-header .g_navsearch .f_cont .f_form .ginp {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 0.14rem;
}
#c-header .g_navsearch .f_cont .f_form .ginp img,
#c-header .g_navsearch .f_cont .f_form .ginp svg {
  flex-shrink: 0;
  color: #dedede;
}
#c-header .g_navsearch .f_cont .f_form .ginp input {
  width: 100%;
  padding: 0 0.12rem;
}
@media (max-width: 767px) {
  #c-header .g_navsearch .f_cont .f_form .ginp input {
    width: 380px;
  }
}
#c-header .g_navsearch .f_cont .f_form .ginp input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #dedede;
}
#c-header .g_navsearch .f_cont .f_form .ginp input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #dedede;
}
#c-header .g_navsearch .f_cont .f_form .ginp input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #dedede;
}
#c-header .g_navsearch .f_cont .f_form .f_sub {
  flex-shrink: 0;
  padding: 0 0.28rem;
  background: var(--color);
  color: #fff;
  height: 100%;
  border-radius: 100px;
}
@media (max-width: 767px) {
  #c-header .g_navsearch .f_cont .f_form .f_sub {
    width: 0.36rem;
  }
}
#c-header .g_navsearch .f_cont .f_form .f_sub img {
  float: left;
  width: 100%;
}
#c-header .g_navsearch .f_cont .f_form .f_sub svg {
  color: #444444;
  width: 100%;
}
#c-header .g_navsearch .f_cont .f_form .f_sub svg path {
  fill: #444444;
}
#c-header .g_navsearch .f_cont .f_form .f_sub:hover svg {
  color: var(--color);
}
#c-header .g_navsearch .f_cont .f_form .f_sub:hover svg path {
  fill: var(--color);
}
#c-header .g_navsearch .f_cont .f_jut {
  display: flex;
  line-height: 24px;
  align-items: flex-start;
  line-height: 36px;
}
@media (max-width: 1580px) {
  #c-header .g_navsearch .f_cont .f_jut {
    line-height: 32px;
  }
}
@media (max-width: 991px) {
  #c-header .g_navsearch .f_cont .f_jut {
    line-height: 26px;
  }
}
#c-header .g_navsearch .f_cont .f_jut .name {
  color: #999999;
  fill: 0 0 auto;
  margin-top: 1px;
  display: block;
  padding-right: 0.2rem;
}
#c-header .g_navsearch .f_cont .f_jut .f_list {
  fill: 1 1 auto;
  display: flex;
  flex-wrap: wrap;
}
#c-header .g_navsearch .f_cont .f_jut .f_list .li {
  margin-bottom: 10px;
  color: #333;
  display: block;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  margin-right: 0.26rem;
}
@media (max-width: 1580px) {
  #c-header .g_navsearch .f_cont .f_jut .f_list .li {
    border-radius: 16px;
  }
}
@media (max-width: 991px) {
  #c-header .g_navsearch .f_cont .f_jut .f_list .li {
    border-radius: 13px;
  }
}
#c-header .g_navsearch .f_cont .f_jut .f_list .li:hover {
  color: var(--color);
}
.c-open #c-header .c-nav2 {
  height: calc(100vh - 1.2rem);
}
.c-open #c-header .c-switch i:nth-child(2) {
  opacity: 0;
}
.c-open #c-header .c-switch i:nth-child(1) {
  top: 50%;
  margin-top: -1px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.c-open #c-header .c-switch i:nth-child(3) {
  bottom: 50%;
  margin-bottom: -1px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* 底部 */
#c-footer {
  background: #fff;
}
#c-footer a {
  color: #666;
  transition: 0.4s;
}
#c-footer a:hover {
  color: var(--color) !important;
}
#c-footer .c-top-box .foot_logo {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  margin-right: 0.4rem;
}
@media (max-width: 1260px) {
  #c-footer .c-top-box .foot_logo {
    margin-bottom: 0.4rem;
  }
}
#c-footer .c-top-box .foot_logo a {
  display: inline-flex;
  height: 0.31rem;
  width: auto;
}
@media (max-width: 767px) {
  #c-footer .c-top-box .foot_logo a {
    height: 0.45rem;
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  #c-footer .c-top-box .foot_logo a img {
    height: 100%;
  }
}
#c-footer .c-top-box .foot_logo p {
  margin-top: 0.15rem;
  color: #666;
  letter-spacing: 0.2em;
}
#c-footer .c-top-box .foot_ad_box {
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  #c-footer .c-top-box .foot_ad_box {
    transform: translateY(0%);
  }
}
#c-footer .c-top-box .foot_ad_box .foot_logo {
  display: none;
}
@media (max-width: 767px) {
  #c-footer .c-top-box .foot_ad_box .foot_logo {
    display: flex;
    margin: 0 auto;
    padding-top: 0.5rem;
  }
}
@media (max-width: 767px) {
  #c-footer .c-top-box .foot_ad_box .foot_logo p {
    display: none;
  }
}
#c-footer .c-top-box .foot_ad_box .foot_ad {
  display: flex;
  justify-content: space-between;
  /* align-items: center; */
  padding: 0.2rem 0.6rem;
  min-height: 2.1rem;
  z-index: 10;
  border-radius: 6px;
  box-shadow: 0 0 0.32rem rgba(0, 0, 0, 0.06);
  background: #fff;
  position: relative;
}
@media (max-width: 991px) {
  #c-footer .c-top-box .foot_ad_box .foot_ad {
    flex-direction: column;
    align-items: center;
    padding: 0.4rem 0.6rem;
  }
}
@media (max-width: 767px) {
  #c-footer .c-top-box .foot_ad_box .foot_ad {
    padding: 0.5rem 0;
    box-shadow: none;
  }
}
#c-footer .c-top-box .foot_ad_box .foot_ad .imgbj1 {
  position: absolute;
  width: 1.27rem;
  height: auto;
  left: calc(100% - 0.5rem);
  top: -0.75rem;
}
@media (max-width: 991px) {
  #c-footer .c-top-box .foot_ad_box .foot_ad .imgbj1 {
    width: 0.8rem;
    top: -0.55rem;
    left: calc(100% - 0.3rem);
  }
}
@media (max-width: 767px) {
  #c-footer .c-top-box .foot_ad_box .foot_ad .imgbj1 {
    display: none;
  }
}
#c-footer .c-top-box .foot_ad_box .foot_ad .imgbj2 {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  pointer-events: none;
  overflow: hidden;
}
@media (max-width: 767px) {
  #c-footer .c-top-box .foot_ad_box .foot_ad .imgbj2 {
    display: none;
  }
}
#c-footer .c-top-box .foot_ad_box .foot_ad .imgbj2 img {
  position: absolute;
  width: 1.66rem;
  height: auto;
  right: -0.4rem;
  top: 0.15rem;
}
@media (max-width: 991px) {
  #c-footer .c-top-box .foot_ad_box .foot_ad .imgbj2 img {
    top: -0.2rem;
  }
}
#c-footer .c-top-box .foot_ad_box .foot_ad .gl {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#c-footer .c-top-box .foot_ad_box .foot_ad .gl h2 {
  color: #000;
}
@media (max-width: 767px) {
  #c-footer .c-top-box .foot_ad_box .foot_ad .gl h2 {
    font-size: 18px;
  }
}
#c-footer .c-top-box .foot_ad_box .foot_ad .gl p {
  margin-top: 0.08rem;
  color: #666;
  line-height: 1.25;
}
@media (max-width: 767px) {
  #c-footer .c-top-box .foot_ad_box .foot_ad .gl p {
    font-size: 14px;
    display: none;
  }
}
#c-footer .c-top-box .foot_ad_box .foot_ad .gr {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 991px) {
  #c-footer .c-top-box .foot_ad_box .foot_ad .gr {
    margin-top: 0.4rem;
  }
}
#c-footer .c-top-box .foot_ad_box .foot_ad .gr .pub_btn {
  margin-left: 0.2rem;
}
@media (max-width: 991px) {
  #c-footer .c-top-box .foot_ad_box .foot_ad .gr .pub_btn {
    margin: 0 0.4rem 0 0;
  }
}
#c-footer .c-top-box .container .foot_t {
  padding-bottom: 0.45rem;
  margin-top: 0.12rem;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1260px) {
  #c-footer .c-top-box .container .foot_t {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  #c-footer .c-top-box .container .foot_t .foot_logo {
    display: none;
  }
}
#c-footer .c-top-box .container .foot_t .foot_list {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991px) {
  #c-footer .c-top-box .container .foot_t .foot_list {
    width: 100%;
  }
}
@media (max-width: 767px) {
  #c-footer .c-top-box .container .foot_t .foot_list {
    flex-direction: column;
  }
}
#c-footer .c-top-box .container .foot_t .foot_t_r {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 80.57142857%;
}
@media (max-width: 1260px) {
  #c-footer .c-top-box .container .foot_t .foot_t_r {
    width: 100%;
  }
}
@media (max-width: 991px) {
  #c-footer .c-top-box .container .foot_t .foot_t_r {
    flex-direction: column;
  }
}
#c-footer .c-top-box .container .c-title-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.22rem;
}
@media (max-width: 767px) {
  #c-footer .c-top-box .container .c-title-box {
    padding: 0.3rem 0;
  }
}
#c-footer .c-top-box .container .c-title-box .c-title {
  color: #333;
}
#c-footer .c-top-box .container .c-title-box a {
  color: #fff;
}
#c-footer .c-top-box .container .c-title-box a:hover {
  color: var(--color);
}
#c-footer .c-top-box .container .c-title-box img,
#c-footer .c-top-box .container .c-title-box svg {
  display: none;
  transition: 0.4s;
  width: 14px;
  height: 14px;
}
@media (max-width: 767px) {
  #c-footer .c-top-box .container .c-title-box img,
  #c-footer .c-top-box .container .c-title-box svg {
    display: inline-block;
  }
}
#c-footer .c-top-box .container .c-list-box {
  /* margin-right: 1rem; */
  margin-right: 0.3rem;
}
@media screen and (max-width: 1400px) {
  #c-footer .c-top-box .container .c-list-box {
    margin-right: 0.2rem;
  }
}
@media (max-width: 1260px) {
  #c-footer .c-top-box .container .c-list-box {
    margin-right: 0.3rem;
  }
}
#c-footer .c-top-box .container .c-list-box:last-child {
  margin-right: 0;
}
@media (max-width: 767px) {
  #c-footer .c-top-box .container .c-list-box {
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
  }
}
@media (max-width: 767px) {
  #c-footer .c-top-box .container .c-list-box .c-list {
    padding-bottom: 0.2rem;
    display: none;
  }
}
#c-footer .c-top-box .container .c-list-box .c-list li {
  padding-bottom: 0.14rem;
}
#c-footer .c-top-box .container .c-list-box .c-list li:last-child {
  padding-bottom: 0;
}
@media (max-width: 767px) {
  #c-footer .c-top-box .container .c-list-box .c-list li:last-child {
    padding-bottom: 0.2rem;
  }
}
@media (max-width: 767px) {
  #c-footer .c-top-box .container .c-list-box .c-list li {
    padding-bottom: 0.2rem;
  }
}
#c-footer .c-top-box .container .c-list-box .c-list li a:hover {
  text-decoration: underline;
}
#c-footer .c-top-box .container .c-list-box.on .c-title-box img,
#c-footer .c-top-box .container .c-list-box.on .c-title-box svg {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
@media (max-width: 767px) {
  #c-footer .c-top-box .container .c-list-box.on .c-title-box img,
  #c-footer .c-top-box .container .c-list-box.on .c-title-box svg {
    display: inline-block;
  }
}
#c-footer .c-top-box .container .c-text-box .item_add {
  margin-bottom: 0.22rem;
}
@media (max-width: 767px) {
  #c-footer .c-top-box .container .c-text-box .item_add {
    display: flex;
    align-items: center;
  }
}
#c-footer .c-top-box .container .c-text-box .item_add span {
  color: #222;
}
@media (max-width: 767px) {
  #c-footer .c-top-box .container .c-text-box .item_add span {
    margin-right: 0.2rem;
  }
}
#c-footer .c-top-box .container .c-text-box .item_add p {
  color: #666;
}
#c-footer .c-top-box .container .c-link {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 991px) {
  #c-footer .c-top-box .container .c-link {
    justify-content: flex-start;
  }
}
#c-footer .c-top-box .container .c-ico {
  margin-top: 0.18rem;
  display: flex;
  align-items: center;
}
#c-footer .c-top-box .container .c-ico a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.1rem;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff;
  background: #dbdcdc;
  transition: 0.4s;
}
@media (max-width: 767px) {
  #c-footer .c-top-box .container .c-ico a {
    width: 40px;
    height: 40px;
    margin: 0 0.2rem;
  }
}
#c-footer .c-top-box .container .c-ico a img,
#c-footer .c-top-box .container .c-ico a svg {
  width: 75%;
  height: 75%;
}
@media (max-width: 767px) {
  #c-footer .c-top-box .container .c-ico a img,
  #c-footer .c-top-box .container .c-ico a svg {
    width: 70%;
    height: 70%;
  }
}
#c-footer .c-top-box .container .c-ico a:hover {
  background: var(--color);
}
#c-footer .c-top-box .container .c-text-wrap {
  margin-left: 0.3rem;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
  padding-left: 0.62rem;
}
@media (max-width: 991px) {
  #c-footer .c-top-box .container .c-text-wrap {
    width: 100%;
    padding: 0;
    border: none;
    margin: 0.5rem 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  #c-footer .c-top-box .container .c-text-wrap {
    margin: 0;
    width: 100%;
    padding-top: 0.4rem;
    flex-wrap: initial;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}
#c-footer .c-top-box .container .c-text-wrap .c-title-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 767px) {
  #c-footer .c-top-box .container .c-text-wrap .c-title-box {
    align-items: center;
  }
}
#c-footer .c-top-box .container .c-text-wrap .c-title-box .p1 {
  color: #333;
}
#c-footer .c-top-box .container .c-text-wrap .c-title-box .p2 {
  font-weight: bold;
  color: var(--color);
}
#c-footer .g_wl {
  display: flex;
  margin-bottom: 0.25rem;
}
#c-footer .g_wl p {
  margin-right: 0.24rem;
  color: #666;
}
#c-footer .g_wl a {
  margin-right: 0.2rem;
  color: #999;
}
#c-footer .c-bottom-box {
  padding: 0.18rem 0;
  border-top: 1px solid #f0f0f0;
  color: #7f7f7f;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  #c-footer .c-bottom-box {
    padding: 0.4rem 0;
    text-align: center;
  }
}
#c-footer .c-bottom-box a {
  color: #7f7f7f;
}
#c-footer .c-bottom-box a:hover {
  color: var(--color);
}
#c-footer .c-bottom-box .c-copyright {
  word-wrap: break-word;
  word-break: break-all;
  color: rgba(102, 102, 102, 0.4);
}
#c-footer .c-bottom-box .c-copyright a {
  margin-left: 0.1rem;
  color: rgba(102, 102, 102, 0.4);
}
#c-footer .c-bottom-box .c-policy-link {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  #c-footer .c-bottom-box .c-policy-link {
    margin-top: 0.2rem;
    justify-content: center;
    width: 100%;
  }
}
#c-footer .c-bottom-box .c-policy-link a {
  line-height: 1;
  margin-left: 0.09rem;
  padding-left: 0.09rem;
  border-left: 1px solid #d1d1d1;
  color: rgba(102, 102, 102, 0.4);
}
#c-footer .c-bottom-box .c-policy-link a:first-child {
  border: none;
  padding: 0;
  margin-left: 0;
}
#c-go-top {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 999;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--color);
  cursor: pointer;
  display: none !important;
}
#c-go-top img,
#c-go-top svg {
  width: 50%;
  height: 50%;
  color: #fff;
  transform: rotate(-90deg);
}
#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.4s;
  color: #333;
}
#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:hover {
  color: #fff;
  background-color: var(--color);
}
#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;
}
/*首页内容1*/
@media (max-width: 991px) {
  .c-home1 {
    margin-top: 60px;
  }
}
.c-home1 .swiper-slide {
  overflow: hidden;
}
.c-home1 .swiper-slide .g_hban {
  position: relative;
  top: 0;
  left: 0;
  z-index: 4;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-home1 .swiper-slide .g_hban::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3) url(../images/mbl.png) repeat top left;
  z-index: 19;
  pointer-events: none;
}
.c-home1 .swiper-slide .c-img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.c-home1 .swiper-slide .c-img:before {
  padding-top: 43.22916667%;
}
@media (max-width: 991px) {
  .c-home1 .swiper-slide .c-img:before {
    padding-top: 120%;
  }
}
.c-home1 .swiper-slide .c-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-home1 .swiper-slide .c-video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-home1 .swiper-slide .c-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
}
.c-home1 .swiper-slide .c-wrap .container {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
}
@media (max-width: 767px) {
  .c-home1 .swiper-slide .c-wrap .container {
    padding-bottom: 1rem;
  }
}
.c-home1 .swiper-slide .c-wrap .container .c-title {
  font-weight: bold;
}
.c-home1 .swiper-slide .c-wrap .container .ban_b {
  font-weight: bold;
  opacity: 0.8;
  display: flex;
  position: absolute;
  width: 100%;
  bottom: 0.36rem;
}
.c-home1 .swiper-slide .c-wrap .container .ban_b .item {
  display: flex;
  justify-content: center;
  text-align: center;
  width: 25%;
  padding: 0 0.1rem;
  position: relative;
  /* border-right: 1px dashed #fff; */
}
@media (max-width: 767px) {
  .c-home1 .swiper-slide .c-wrap .container .ban_b .item {
    padding: 0 0.2rem;
  }
}
.c-home1 .swiper-slide .c-wrap .container .ban_b .item:last-child i {
  display: none;
}
.c-home1 .swiper-slide .c-wrap .container .ban_b .item i {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 100%;
  right: 0;
  top: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.c-home1 .swiper-slide .c-wrap .container .ban_b .item i svg,
.c-home1 .swiper-slide .c-wrap .container .ban_b .item i img {
  width: 95%;
  height: auto;
}
.c-home1 .swiper-slide .c-wrap .container .ban_b .item .itembox {
  text-align: left;
}
.c-home1 .swiper-slide .c-wrap .container .ban_b .item .itembox .g_t {
  padding-left: 3px;
  align-items: flex-start;
  display: flex;
}
@media (max-width: 767px) {
  .c-home1 .swiper-slide .c-wrap .container .ban_b .item .itembox .g_t {
    font-size: 16px;
  }
}
.c-home1 .swiper-slide .c-wrap .container .ban_b .item .itembox .g_t p {
  line-height: 1;
  font-weight: bold;
}
.c-home1 .swiper-slide .c-wrap .container .ban_b .item .itembox .g_t span {
  margin-left: 0.07rem;
  font-weight: bold;
  line-height: 1;
}
.c-home1 .swiper-slide .c-wrap .container .ban_b .item .itembox .g_b {
  margin-top: 0.03rem;
}
@media (max-width: 767px) {
  .c-home1 .swiper-slide .c-wrap .container .ban_b .item .itembox .g_b p {
    font-size: 10px;
  }
}
.c-home1 .swiper-button-next,
.c-home1 .swiper-button-prev {
  margin-top: -0.2rem;
  width: 0.6rem;
  height: 0.6rem;
  opacity: 0.2;
  transition: 0.4s;
  right: 0.6rem;
  background: transparent;
}
@media (max-width: 991px) {
  .c-home1 .swiper-button-next,
  .c-home1 .swiper-button-prev {
    display: none;
  }
}
.c-home1 .swiper-button-next::after,
.c-home1 .swiper-button-prev::after {
  display: none;
}
.c-home1 .swiper-button-next img,
.c-home1 .swiper-button-prev img,
.c-home1 .swiper-button-next svg,
.c-home1 .swiper-button-prev svg {
  width: 100%;
  height: 100%;
  color: #fff;
}
.c-home1 .swiper-button-prev {
  left: 0.6rem;
  transform: rotate(180deg);
}
.c-home1 .swiper-button-next:hover,
.c-home1 .swiper-button-prev:hover {
  opacity: 1;
}
.c-home1 .swiper-pagination {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  bottom: 0.4rem;
}
@media (max-width: 767px) {
  .c-home1 .swiper-pagination {
    bottom: 0.6rem;
  }
}
.c-home1 .swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0;
  width: 0.6rem;
  height: 3px;
  vertical-align: top;
  margin: 0 0.1rem;
}
@media (max-width: 767px) {
  .c-home1 .swiper-pagination .swiper-pagination-bullet {
    margin: 0 0.1rem;
    width: 0.3rem;
  }
}
.c-home1 .swiper-pagination .swiper-pagination-bullet div {
  height: 100%;
  background: var(--color);
  width: 0;
  transition-timing-function: linear;
}
.c-home1 .g_line {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  pointer-events: none;
  width: 0%;
  height: 0.06rem;
  background: -webkit-linear-gradient(to right, rgba(218, 37, 29, 0), #da251d);
  background: linear-gradient(to right, rgba(218, 37, 29, 0), #da251d);
}
/* 自己的公共样式 */
/*过渡*/
a {
  text-decoration: initial;
}
input::-webkit-input-placeholder {
  color: #999;
}
textarea::-webkit-input-placeholder {
  color: #999;
}
/* 字体 */
@font-face {
  font-family: 'pop';
  src: url(../font/POPPINS-REGULAR.ttf);
}
@font-face {
  font-family: 'sou-sb';
  src: url(../font/SOURCEHANSERIFCN-SEMIBOLD.OTF);
}
.font-pop {
  font-family: 'pop', 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
}
.font-sou-sb {
  font-family: 'sou-sb', 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
}
.img_hover img {
  transition: all 0.8s;
  -moz-transition: all 0.8s;
  /* Firefox 4 */
  -webkit-transition: all 0.8s;
  /* Safari 和 Chrome */
  -o-transition: all 0.8s;
  /* Opera */
}
.pro_show_js_con * {
  transition: all 0.4s;
  -moz-transition: all 0.4s;
  /* Firefox 4 */
  -webkit-transition: all 0.4s;
  /* Safari 和 Chrome */
  -o-transition: all 0.4s;
  /* Opera */
}
/*延迟*/
.sy_t_box:nth-child(2),
.xinw_nr_box:nth-child(2) {
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
  /* Safari 和 Chrome */
}
.sy_t_box:nth-child(3),
.xinw_nr_box:nth-child(3) {
  animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
  /* Safari 和 Chrome */
}
.sy_t_box:nth-child(4),
.xinw_nr_box:nth-child(4) {
  animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
  /* Safari 和 Chrome */
}
.sy_t_box:nth-child(5) {
  animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
  /* Safari 和 Chrome */
}
.sy_t_box:nth-child(6) {
  animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
  /* Safari 和 Chrome */
}
.team_box:hover {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.wow_up {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* 普通移入效果 */
.hov_08 {
  transition: all 0.4s;
}
.hov_08:hover {
  opacity: 0.8;
}
/* 粘性布局调整 */
.sticky_top {
  top: 0 !important;
}
@media screen and (max-width: 1440px) {
  .sticky_top {
    top: 60px;
  }
}
/* 移入图片切换 */
.img_qh .img2 {
  display: none;
}
.img_qh:hover .img1 {
  display: none;
}
.img_qh:hover .img2 {
  display: block;
}
/* pc和移动端的隐藏显示 */
.xs,
.xs2 {
  display: block;
}
.yc,
.yc2 {
  display: none;
}
@media (max-width: 767px) {
  .xs,
  .xs2 {
    display: none;
  }
  .yc,
  .yc2 {
    display: block;
  }
}
.g_xs {
  display: block;
}
.g_yc {
  display: none;
}
@media (max-width: 767px) {
  .g_xs {
    display: none;
  }
  .g_yc {
    display: block;
  }
}
.g_pc {
  display: block;
}
.g_md {
  display: none;
}
@media (max-width: 767px) {
  .g_pc {
    display: none;
  }
  .g_md {
    display: block;
  }
}
/* 图片移入效果 */
.img_hover:hover img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
}
/* 使用swiper 出现闪屏问题 */
.swiper-slide {
  transform: translate3d(0, 0, 0);
  /* overflow: hidden; */
}
/* banner中间小图标 */
.banner_sb {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.5rem;
  width: 18px;
  height: auto;
  z-index: 100;
  object-fit: contain;
  animation: moveh 3s infinite linear;
  -webkit-animation: moveh 3s infinite linear;
}
@keyframes moveh {
  0% {
    bottom: 0.5rem;
  }
  50% {
    bottom: 0.3rem;
  }
  100% {
    bottom: 0.5rem;
  }
}
/* 子页面分隔 */
.gw {
  height: 100px;
  width: 100%;
  background: #fff;
}
.gw.on {
  height: 81px;
}
@media screen and (max-width: 1440px) {
  .gw {
    height: 60px;
  }
  .gw.on {
    height: 61px;
  }
}
.ceshi {
  -webkit-animation-name: fadeInRightSm;
  animation-name: fadeInRightSm;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  animation-delay: 0.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.font14 {
  font-size: 14px;
}
.font16 {
  font-size: 16px;
}
.font18 {
  font-size: 18px;
}
.font20 {
  font-size: 20px;
}
.font22 {
  font-size: 22px;
}
.font24 {
  font-size: 24px;
}
.font26 {
  font-size: 26px;
}
.font28 {
  font-size: 28px;
}
.font30 {
  font-size: 30px;
}
.font32 {
  font-size: 32px;
}
.font34 {
  font-size: 34px;
}
.font36 {
  font-size: 36px;
}
.font38 {
  font-size: 38px;
}
.font40 {
  font-size: 40px;
}
.font42 {
  font-size: 42px;
}
.font44 {
  font-size: 44px;
}
.font46 {
  font-size: 46px;
}
.font48 {
  font-size: 48px;
}
.font50 {
  font-size: 50px;
}
.font52 {
  font-size: 52px;
}
.font54 {
  font-size: 54px;
}
.font56 {
  font-size: 56px;
}
.font60 {
  font-size: 60px;
}
.font80 {
  font-size: 80px;
}
@media (max-width: 1580px) {
  .font16 {
    font-size: 14px;
  }
  .font18 {
    font-size: 16px;
  }
  .font20 {
    font-size: 18px;
  }
  .font22 {
    font-size: 20px;
  }
  .font24 {
    font-size: 22px;
  }
  .font26 {
    font-size: 24px;
  }
  .font28 {
    font-size: 26px;
  }
  .font30 {
    font-size: 28px;
  }
  .font32 {
    font-size: 30px;
  }
  .font34 {
    font-size: 32px;
  }
  .font36 {
    font-size: 34px;
  }
  .font38 {
    font-size: 36px;
  }
  .font40 {
    font-size: 38px;
  }
  .font42,
  .font44 {
    font-size: 40px;
  }
  .font46 {
    font-size: 42px;
  }
  .font48 {
    font-size: 44px;
  }
  .font50 {
    font-size: 46px;
  }
  .font52 {
    font-size: 48px;
  }
  .font54 {
    font-size: 50px;
  }
  .font56 {
    font-size: 52px;
  }
  .font60,
  .font80 {
    font-size: 56px;
  }
}
@media (max-width: 1260px) {
  .font16 {
    font-size: 14px;
  }
  .font18 {
    font-size: 16px;
  }
  .font20 {
    font-size: 18px;
  }
  .font22 {
    font-size: 20px;
  }
  .font24 {
    font-size: 22px;
  }
  .font26 {
    font-size: 24px;
  }
  .font28 {
    font-size: 24px;
  }
  .font30 {
    font-size: 26px;
  }
  .font32 {
    font-size: 28px;
  }
  .font34 {
    font-size: 28px;
  }
  .font36,
  .font38,
  .font40 {
    font-size: 30px;
  }
  .font42,
  .font44 {
    font-size: 32px;
  }
  .font46 {
    font-size: 36px;
  }
  .font48,
  .font50,
  .font52,
  .font54,
  .font56 {
    font-size: 38px;
  }
  .font60,
  .font80 {
    font-size: 46px;
  }
}
@media (max-width: 767px) {
  .font14,
  .font16 {
    font-size: 14px;
  }
  .font18,
  .font20 {
    font-size: 15px;
  }
  .font22,
  .font24,
  .font26,
  .font28 {
    font-size: 16px;
  }
  .font30,
  .font32,
  .font34 {
    font-size: 17px;
  }
  .font36,
  .font38,
  .font40 {
    font-size: 20px;
  }
  .font42,
  .font44,
  .font46 {
    font-size: 23px;
  }
  .font48,
  .font50,
  .font52,
  .font54,
  .font56,
  .font60,
  .font80 {
    font-size: 24px;
  }
}
/*延迟*/
.yanchi1 {
  animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
  /* Safari 和 Chrome */
}
.yanchi2 {
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
}
.yanchi3 {
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
}
.yanchi4 {
  animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
}
.yanchi5 {
  animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
}
.yanchi6 {
  animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
}
.yanchi7 {
  animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
}
.yanchi8 {
  animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
}
.yanchi9 {
  animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
}
.yanchi10 {
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
}
.yanchi11 {
  animation-delay: 1.1s;
  -webkit-animation-delay: 1.1s;
}
.yanchi12 {
  animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
}
.yanchi13 {
  animation-delay: 1.4s;
  -webkit-animation-delay: 1.4s;
}
.yanchi14 {
  animation-delay: 1.4s;
  -webkit-animation-delay: 1.4s;
}
.yanchi15 {
  animation-delay: 1.8s;
  -webkit-animation-delay: 1.8s;
}
.yanchi16 {
  animation-delay: 1.6s;
  -webkit-animation-delay: 1.6s;
}
.yanchi17 {
  animation-delay: 1.7s;
  -webkit-animation-delay: 1.7s;
}
.yanchi18 {
  animation-delay: 1.8s;
  -webkit-animation-delay: 1.8s;
}
.yanchi19 {
  animation-delay: 1.9s;
  -webkit-animation-delay: 1.9s;
}
.yanchi20 {
  animation-delay: 2s;
  -webkit-animation-delay: 2s;
}
/* 缓动效果 */
@-webkit-keyframes slideInUp200 {
  from {
    -webkit-transform: translate3d(0, 200px, 0);
    transform: translate3d(0, 200px, 0);
    visibility: visible;
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes slideInUp200 {
  from {
    -webkit-transform: translate3d(0, 200px, 0);
    transform: translate3d(0, 200px, 0);
    visibility: visible;
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.slideInUp200 {
  -webkit-animation-name: slideInUp200;
  animation-name: slideInUp200;
}
@-webkit-keyframes slideInUp100 {
  from {
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
    visibility: visible;
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes slideInUp100 {
  from {
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
    visibility: visible;
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.slideInUp100 {
  -webkit-animation-name: slideInUp100;
  animation-name: slideInUp100;
}
@-webkit-keyframes slideInUp50 {
  from {
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
    visibility: visible;
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes slideInUp50 {
  from {
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
    visibility: visible;
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.slideInUp50 {
  -webkit-animation-name: slideInUp50;
  animation-name: slideInUp50;
}
@-webkit-keyframes slideInUp40 {
  from {
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
    visibility: visible;
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes slideInUp40 {
  from {
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
    visibility: visible;
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.slideInUp40 {
  -webkit-animation-name: slideInUp40;
  animation-name: slideInUp40;
}
@-webkit-keyframes slideInUp30 {
  from {
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    visibility: visible;
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes slideInUp30 {
  from {
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    visibility: visible;
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.slideInUp30 {
  -webkit-animation-name: slideInUp30;
  animation-name: slideInUp30;
}
@-webkit-keyframes slideInUp20 {
  from {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    visibility: visible;
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes slideInUp20 {
  from {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    visibility: visible;
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.slideInUp20 {
  -webkit-animation-name: slideInUp20;
  animation-name: slideInUp20;
}
@keyframes fadeInDown20 {
  from {
    opacity: 0;
    transform: translate3d(0%, -20px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDown20 {
  animation-name: fadeInDown20;
}
.ptb140 {
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
}
.ptb120 {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.ptb110 {
  padding-top: 1.1rem;
  padding-bottom: 1.1rem;
}
.ptb100 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.ptb90 {
  padding-top: 0.9rem;
  padding-bottom: 0.9rem;
}
.ptb80 {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.ptb60 {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}
@media screen and (max-width: 767px) {
  .ptb140 {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
  }
  .ptb120 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .ptb110 {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
  }
  .ptb100 {
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
  }
  .ptb90 {
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
  }
  .ptb80 {
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
  }
}
/* 导航各种效果 */
.nav1_none {
  top: -100px !important;
}
.nav2_none {
  top: 100px !important;
}
@media (max-width: 1440px) {
  .nav1_none {
    top: -60px !important;
  }
  .nav2_none {
    top: 60px !important;
  }
}
/* 下拉导航 */
.g_nav2 {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  background: #f8f8f8;
  border-radius: 0 0 0.2rem 0.2rem;
  box-shadow: 0 6px 29px rgba(211, 211, 211, 0.08);
  padding: 10px 0;
  display: none;
  width: auto;
  white-space: nowrap;
}
.g_nav2 > a {
  min-height: 0.6rem;
  padding: 0.07rem 0.2rem 0.07rem 0.3rem;
  text-align: center;
  justify-content: center;
  display: flex;
  align-items: center;
  margin: 5px 10px;
  border-radius: 0.15rem;
  -webkit-transition: all 0.6s;
}
.g_nav2 > a:hover {
  background: #fff;
}
.g_nav3 {
  display: none;
  position: absolute;
  width: 100%;
  height: calc(100vh);
  top: calc(100% + 1px);
  left: 0;
  background: #fff;
}
/* 404 */
.notbox404 {
  padding: 1.5rem 0;
}
.notbox404 .notbox404_box {
  text-align: center;
  width: 90%;
  margin: auto;
}
.notbox404 .notbox404_box > img {
  margin-bottom: 0.35rem;
  height: 3.41rem;
}
@media (max-width: 991px) {
  .notbox404 .notbox404_box > img {
    width: 100%;
    height: auto;
  }
}
.notbox404 .notbox404_box .notbox404_con .txt {
  color: #999;
}
.notbox404 .notbox404_box .notbox404_con .txt span {
  color: var(--color);
}
.g-cookies {
  padding: 0.5rem 0 1.6rem;
}
@media (max-width: 767px) {
  .g-cookies {
    padding: 0.5rem 0 1rem;
  }
}
.g-cookies .g-tit {
  margin-bottom: 0.75rem;
  text-align: center;
}
.g-cookies .g-tit h2 {
  font-weight: bold;
}
.g-cookies .box {
  background: #fff;
  border-radius: 0.1rem;
  border: 1px solid #eeeeee;
  padding: 0.95rem 1rem;
}
@media (max-width: 767px) {
  .g-cookies .box {
    padding: 0.4rem;
  }
}
.g-cookies .box .tit {
  margin-bottom: 0.35rem;
  text-align: center;
}
.g-cookies .box .tit h2 {
  font-weight: bold;
  margin-bottom: 0.35rem;
}
.g-cookies .box .tit .g-p {
  display: flex;
  justify-content: center;
}
.g-cookies .box .tit .g-p p {
  color: #999;
  margin: 0 0.18rem;
}
.g-cookies .box .public-content {
  color: #333;
}
@media (max-width: 767px) {
  .g-cookies .box .public-content h3 {
    font-size: 20px !important;
  }
}
.g-cookies .box .public-content .p1 {
  display: block;
  position: relative;
  padding-left: 20px;
}
.g-cookies .box .public-content .p1:after {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #000;
  left: 0;
  top: 12px;
}
@media (max-width: 1580px) {
  .g-cookies .box .public-content .p1:after {
    top: 14px;
  }
}
.g-cookies .box .public-content .g-pritxt .g-pritxt-box {
  display: flex;
}
@media (max-width: 767px) {
  .g-cookies .box .public-content .g-pritxt .g-pritxt-box {
    flex-direction: column;
  }
}
.g-cookies .box .public-content .g-pritxt .g-pritxt-box span {
  flex-shrink: 0;
  color: #222;
  display: block;
  position: relative;
  padding-left: 20px;
}
.g-cookies .box .public-content .g-pritxt .g-pritxt-box span:after {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #000;
  left: 0;
  top: 12px;
}
@media (max-width: 1580px) {
  .g-cookies .box .public-content .g-pritxt .g-pritxt-box span:after {
    top: 14px;
  }
}
.g-cookies .box .public-content .g-pritxt .g-pritxt-box ul {
  padding: 0;
}
.g-cookies .box .public-content .g-pritxt .g-pritxt-box ul li {
  list-style: none;
}
.pub_title {
  text-align: center;
}
.pub_title h2 {
  font-weight: bold;
  color: #1e304a;
  line-height: 1.2;
}
.pub_title p {
  margin-top: 0.2rem;
  color: #999;
}
.pub_btn {
  min-width: 1.2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 0.48rem;
  padding: 0.05rem 0.2rem;
  border-radius: 100px;
  /* border-radius: 100px; */
  overflow: hidden;
  border: 1px solid #535353;
  transition: all 0.4s;
}
@media (max-width: 1580px) {
  .pub_btn {
    height: 0.6rem;
  }
}
@media (max-width: 767px) {
  .pub_btn {
    height: 0.8rem;
    padding: 0.05rem 0.4rem;
  }
}
.pub_btn:hover i {
  transform: translateX(5px);
}
.pub_btn i {
  margin-left: 0.11rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6px;
  height: auto;
  transition: all 0.4s;
  color: #333;
}
.pub_btn i svg,
.pub_btn i img {
  width: 100%;
  height: auto;
}
.pub_btn i svg path,
.pub_btn i img path {
  fill: #111;
  transition: all 0.4s;
}
.pub_btn p {
  color: #000;
  position: relative;
  z-index: 5;
  transition: all 0.4s;
}
.pub_btn2 {
  box-shadow: var(--shadow);
  background: var(--color);
  border-color: var(--color);
}
.pub_btn2 p,
.pub_btn2 i {
  color: #fff;
}
.pub_btn3 {
  padding: 0;
  border: none;
  overflow: initial;
  min-width: auto;
  height: auto;
}
.pub_btn3 p,
.pub_btn3 i {
  color: var(--color);
}
.pub_btn4 {
  background: none;
  border-color: #fff;
}
.pub_btn4 p,
.pub_btn4 i {
  color: #fff;
}
.pub_btn5 {
  background: #fff;
  border-color: #fff;
}
.pub_btn5 p,
.pub_btn5 i {
  color: var(--color);
}
/* 二级 */
/* .nav_two_tit{display: flex;align-items: center;justify-content: space-between;}
.nav_two_tit>a{color: #666 !important;display: block;padding-left: 20px;line-height: 40px;}
.nav_two_tit svg{width: 8px;height: auto;color: #666;}
.nav_two_tit svg path{fill: #666;}
.nav_three{display: none;}
.nav_three>a{color: #999 !important;display: block;padding-left: 30px;line-height: 36px;} */
/* 开始 */
.g_title {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.g_title h2 {
  line-height: 1.2;
  font-weight: bold;
}
@media (max-width: 767px) {
  .g_title h2 {
    font-size: 22px;
  }
}
.g_title h2 span {
  color: var(--color);
}
.g_title p {
  margin-top: 0.2rem;
}
.g_title p span {
  color: var(--color);
}
.g_title p .span1 {
  display: inline-flex;
  align-items: flex-start;
}
.g_title p .i2 {
  font-style: initial;
  font-size: 12px;
}
.g_title2 {
  text-align: left;
  align-items: flex-start;
}
.g_title2 p {
  margin-top: 0.1rem;
  color: #999;
}
.hon {
  padding: 1.3rem 0 0.75rem;
}
@media (max-width: 767px) {
  .hon {
    padding: 1rem 0 0.5rem;
  }
}
.hon .box {
  margin-top: 0.35rem;
}
.hon .box .hon_nav {
  display: flex;
  justify-content: space-between;
}
.hon .box .hon_nav a {
  text-align: center;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 100px;
  width: calc(50% - 0.1rem);
  height: 0.55rem;
  border: 1px solid #e6e6e6;
  font-weight: bold;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .hon .box .hon_nav a {
    font-size: 12px;
  }
}
.hon .box .hon_nav a.on {
  background: var(--color);
  border-color: var(--color);
  color: #fff;
  box-shadow: var(--shadow);
}
.hon .box .hon_con {
  position: relative;
  margin-top: 0.4rem;
}
.hon .box .hon_con .item {
  position: absolute;
  width: 100%;
  top: 0;
  transition: all 0.4s;
}
.hon .box .hon_con .item.on {
  position: relative;
  z-index: 10;
}
.hon .box .hon_con .item.on .itembox .gl {
  transform: translateY(0);
  opacity: 1;
}
.hon .box .hon_con .item.on .itembox .gr {
  opacity: 1;
}
.hon .box .hon_con .item .itembox {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .hon .box .hon_con .item .itembox {
    flex-direction: column-reverse;
  }
}
.hon .box .hon_con .item .itembox .gl {
  transition: all 0.4s;
  width: 39.16666667%;
  padding-right: 0.2rem;
  transform: translateY(0.4rem);
  opacity: 0;
}
@media (max-width: 991px) {
  .hon .box .hon_con .item .itembox .gl {
    width: 100%;
  }
}
.hon .box .hon_con .item .itembox .gl .gl_fl {
  display: flex;
}
.hon .box .hon_con .item .itembox .gl .gl_fl .fl_it {
  padding-right: 0.2rem;
  width: 46.59090909%;
}
@media (max-width: 1260px) {
  .hon .box .hon_con .item .itembox .gl .gl_fl .fl_it {
    width: 50%;
  }
}
.hon .box .hon_con .item .itembox .gl .gl_fl .fl_it.fl_it2 {
  width: 100%;
}
.hon .box .hon_con .item .itembox .gl .gl_fl .fl_it .tit {
  display: inline-flex;
  align-items: center;
  /* &:hover{
										i{
											color: @color1;
											svg{
												circle{
													stroke: @color1;
												}
											}
										}
									} */
}
.hon .box .hon_con .item .itembox .gl .gl_fl .fl_it .tit i {
  transition: all 0.4s;
  margin-right: 0.15rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.2rem;
  height: auto;
  color: #c1c1c2;
}
@media (max-width: 1260px) {
  .hon .box .hon_con .item .itembox .gl .gl_fl .fl_it .tit i {
    width: 0.22rem;
  }
}
@media (max-width: 767px) {
  .hon .box .hon_con .item .itembox .gl .gl_fl .fl_it .tit i {
    width: 0.32rem;
  }
}
.hon .box .hon_con .item .itembox .gl .gl_fl .fl_it .tit i svg,
.hon .box .hon_con .item .itembox .gl .gl_fl .fl_it .tit i img {
  width: 100%;
  height: auto;
}
.hon .box .hon_con .item .itembox .gl .gl_fl .fl_it .tit i svg path,
.hon .box .hon_con .item .itembox .gl .gl_fl .fl_it .tit i img path {
  fill: var(--color);
}
.hon .box .hon_con .item .itembox .gl .gl_fl .fl_it .tit i svg circle,
.hon .box .hon_con .item .itembox .gl .gl_fl .fl_it .tit i img circle {
  transition: all 0.4s;
}
@media (max-width: 1260px) {
  .hon .box .hon_con .item .itembox .gl .gl_fl .fl_it .tit h4 {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .hon .box .hon_con .item .itembox .gl .gl_fl .fl_it .tit h4 {
    font-size: 16px;
  }
}
.hon .box .hon_con .item .itembox .gl .gl_fl .fl_it .g_a {
  margin-top: 0.33rem;
  margin-left: 0.14rem;
  border-left: 1px solid #e8e8e8;
}
.hon .box .hon_con .item .itembox .gl .gl_fl .fl_it .g_a a {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 0.22rem;
  margin-bottom: 0.15rem;
}
@media (max-width: 767px) {
  .hon .box .hon_con .item .itembox .gl .gl_fl .fl_it .g_a a {
    justify-content: space-between;
  }
}
.hon .box .hon_con .item .itembox .gl .gl_fl .fl_it .g_a a:hover::after {
  height: 100%;
}
.hon .box .hon_con .item .itembox .gl .gl_fl .fl_it .g_a a:hover p {
  color: var(--color);
}
.hon .box .hon_con .item .itembox .gl .gl_fl .fl_it .g_a a:hover i {
  background: var(--color);
  color: #fff;
}
.hon .box .hon_con .item .itembox .gl .gl_fl .fl_it .g_a a:last-child {
  margin-bottom: 0;
}
.hon .box .hon_con .item .itembox .gl .gl_fl .fl_it .g_a a::after {
  content: '';
  position: absolute;
  width: 2px;
  height: 0;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: var(--color);
  transition: all 0.4s;
}
.hon .box .hon_con .item .itembox .gl .gl_fl .fl_it .g_a a p {
  width: 59.53488372%;
  flex-shrink: 0;
  transition: all 0.4s;
}
@media (max-width: 1260px) {
  .hon .box .hon_con .item .itembox .gl .gl_fl .fl_it .g_a a p {
    width: 70%;
  }
}
@media (max-width: 767px) {
  .hon .box .hon_con .item .itembox .gl .gl_fl .fl_it .g_a a p {
    width: 84%;
  }
}
.hon .box .hon_con .item .itembox .gl .gl_fl .fl_it .g_a a i {
  transition: all 0.4s;
  flex-shrink: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.16rem;
  height: 0.16rem;
  color: var(--color);
}
@media (max-width: 1580px) {
  .hon .box .hon_con .item .itembox .gl .gl_fl .fl_it .g_a a i {
    width: 14px;
    height: 14px;
  }
}
.hon .box .hon_con .item .itembox .gl .gl_fl .fl_it .g_a a i svg,
.hon .box .hon_con .item .itembox .gl .gl_fl .fl_it .g_a a i img {
  width: 25%;
  height: auto;
}
.hon .box .hon_con .item .itembox .gl .gl_fl .fl_it .g_a a i svg path,
.hon .box .hon_con .item .itembox .gl .gl_fl .fl_it .g_a a i img path {
  fill: var(--color);
}
.hon .box .hon_con .item .itembox .gl .g_txt {
  padding: 0 0.9rem 0 0.14rem;
  margin-top: 0.35rem;
}
@media (max-width: 991px) {
  .hon .box .hon_con .item .itembox .gl .g_txt {
    padding: 0 0 0 0.14rem;
  }
}
@media (max-width: 767px) {
  .hon .box .hon_con .item .itembox .gl .g_txt {
    padding: 0;
    text-align: center;
  }
}
.hon .box .hon_con .item .itembox .gl .g_txt p {
  color: #666;
}
.hon .box .hon_con .item .itembox .gl .g_txt p span {
  color: #333;
}
.hon .box .hon_con .item .itembox .gl .g_more {
  margin-top: 0.75rem;
}
@media (max-width: 991px) {
  .hon .box .hon_con .item .itembox .gl .g_more {
    margin-top: 0.3rem;
  }
}
@media (max-width: 767px) {
  .hon .box .hon_con .item .itembox .gl .g_more {
    display: flex;
    justify-content: center;
  }
}
.hon .box .hon_con .item .itembox .gl .g_more .pub_btn {
  margin-right: 9px;
}
@media (max-width: 767px) {
  .hon .box .hon_con .item .itembox .gl .g_more .pub_btn {
    margin: 0 6px;
  }
}
.hon .box .hon_con .item .itembox .gr {
  transition: all 0.4s;
  opacity: 0;
  width: 58.05555556%;
}
@media (max-width: 991px) {
  .hon .box .hon_con .item .itembox .gr {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}
.hon .box .hon_con .item .itembox .gr .public-img {
  border-radius: 0.1rem;
  /* &:hover{
								img{
									transform: scale(1.05);
								}
							} */
}
.hon .box .hon_con .item .itembox .gr .public-img:before {
  padding-top: 57.34767025%;
}
.hon .box .hon_b {
  display: flex;
  justify-content: space-between;
  margin-top: 0.4rem;
}
@media (max-width: 767px) {
  .hon .box .hon_b {
    overflow: auto;
  }
}
.hon .box .hon_b .hon_b_it {
  text-align: center;
  width: calc((100% - 0.8rem)/6);
  position: relative;
  background: #fff;
  height: 86px;
  padding: 5px 0.2rem;
  border: 1px solid #e8edf1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 0.1rem 0.1rem 0 0;
}
@media (max-width: 767px) {
  .hon .box .hon_b .hon_b_it {
    width: calc((100% - 0.4rem)/3);
    margin-bottom: 0.2rem;
    margin-right: 0.2rem;
    flex-shrink: 0;
    padding: 10px 0.2rem;
    justify-content: flex-start;
  }
}
.hon .box .hon_b .hon_b_it:hover::before {
  width: 100%;
}
.hon .box .hon_b .hon_b_it::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: #dcdcdc;
  left: 0;
  bottom: -2px;
}
.hon .box .hon_b .hon_b_it::before {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  background: var(--color);
  left: 0;
  bottom: -2px;
  z-index: 10;
  transition: all 0.4s;
}
.hon .box .hon_b .hon_b_it p {
  color: #333;
}
.hon .box .hon_b .hon_b_it span {
  color: #999;
  margin-top: 4px;
}
@media (max-width: 1260px) {
  .hon .box .hon_b .hon_b_it span {
    font-size: 12px;
  }
}
.htw {
  padding: 0.75rem 0 1.6rem;
}
@media (max-width: 767px) {
  .htw {
    padding: 0.5rem 0 1rem;
  }
}
.htw .box {
  margin-top: 0.55rem;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1260px) {
  .htw .box {
    flex-direction: column;
  }
}
.htw .box .gl {
  width: 32.14285714%;
}
@media (max-width: 1260px) {
  .htw .box .gl {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.4rem;
  }
}
@media (max-width: 767px) {
  .htw .box .gl {
    flex-direction: column;
  }
}
.htw .box .gl .item {
  border-radius: 0.08rem;
  overflow: hidden;
  position: relative;
  margin-bottom: 0.2rem;
}
@media (max-width: 1260px) {
  .htw .box .gl .item {
    width: 48%;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .htw .box .gl .item {
    width: 100%;
    margin-bottom: 0.4rem;
  }
}
.htw .box .gl .item:last-child {
  margin-bottom: 0;
}
.htw .box .gl .item .public-img:before {
  padding-top: 51.11111111%;
}
.htw .box .gl .item .txt {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  background: url(../images/home3.png) no-repeat;
  background-size: 100% 2.06rem;
  background-position: bottom;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0.24rem;
}
@media (max-width: 767px) {
  .htw .box .gl .item .txt {
    position: initial;
    background: none;
    height: auto;
    padding: 0.24rem 0 0;
  }
}
.htw .box .gl .item .txt .txt_box h3 {
  color: #fff;
}
@media (max-width: 767px) {
  .htw .box .gl .item .txt .txt_box h3 {
    color: #333;
    font-weight: bold;
  }
}
.htw .box .gl .item .txt .txt_box p {
  margin-top: 0.08rem;
  color: rgba(255, 255, 255, 0.6);
}
@media (max-width: 767px) {
  .htw .box .gl .item .txt .txt_box p {
    color: #666;
  }
}
.htw .box .gl .item .txt .g_a {
  display: none;
}
@media (max-width: 991px) {
  .htw .box .gl .item .txt .g_a {
    display: block;
  }
}
.htw .box .gl .item .txt .g_a .pub_btn {
  margin-top: 0.14rem;
}
.htw .box .gl .item .txt .g_a .pub_btn p {
  color: #fff;
}
@media (max-width: 767px) {
  .htw .box .gl .item .txt .g_a .pub_btn p {
    color: #333;
  }
}
.htw .box .gl .item .txt .g_a .pub_btn i {
  color: #fff;
}
@media (max-width: 767px) {
  .htw .box .gl .item .txt .g_a .pub_btn i {
    color: #333;
  }
}
.htw .box .gr {
  border-radius: 0.08rem;
  overflow: hidden;
  position: relative;
  width: 66.42857143%;
}
@media (max-width: 1260px) {
  .htw .box .gr {
    width: 100%;
  }
}
.htw .box .gr .g_swi .public-img:before {
  padding-top: 51.93548387%;
}
@media (max-width: 991px) {
  .htw .box .gr .g_swi .public-img:before {
    padding-top: 63%;
  }
}
@media (max-width: 767px) {
  .htw .box .gr .g_swi .public-img:before {
    padding-top: 102%;
  }
}
@media (max-width: 767px) {
  .htw .box .gr .g_swi .public-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
.htw .box .gr .g_pai {
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0.62rem 0 0;
}
@media (max-width: 767px) {
  .htw .box .gr .g_pai {
    position: relative;
    padding: 0.62rem 0 0.2rem;
  }
}
.htw .box .gr .g_pai .g_pai_box {
  width: 100%;
  position: relative;
}
.htw .box .gr .g_pai .g_pai_box .bj1 {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  width: 3.01rem;
  height: 3.84rem;
  pointer-events: none;
  z-index: 10;
  background: url(../images/gmb.png) no-repeat;
  background-size: 100% 100%;
  background-position: top center;
}
@media (max-width: 1580px) {
  .htw .box .gr .g_pai .g_pai_box .bj1 {
    height: 4.84rem;
  }
}
@media (max-width: 767px) {
  .htw .box .gr .g_pai .g_pai_box .bj1 {
    display: none;
  }
}
.htw .box .gr .g_pai .g_pai_box .bj2 {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotateY(180deg);
  width: 3.01rem;
  height: 3.84rem;
  pointer-events: none;
  z-index: 10;
  background: url(../images/gmb.png) no-repeat;
  background-size: 100% 100%;
  background-position: top center;
}
@media (max-width: 1580px) {
  .htw .box .gr .g_pai .g_pai_box .bj2 {
    height: 4.84rem;
  }
}
@media (max-width: 767px) {
  .htw .box .gr .g_pai .g_pai_box .bj2 {
    display: none;
  }
}
.htw .box .gr .g_pai .g_pai_box .g_pai_con {
  padding-bottom: 0.3rem;
  display: flex;
  white-space: initial;
  line-height: 1.5;
}
.htw .box .gr .g_pai .g_pai_box .g_pai_con .swiper-slide {
  width: 75px;
  display: inline-block;
  margin-right: 0.2rem;
  /* &:hover{
								.g_logo_box{
									.g_logo_con{
										img,svg{
											color: @color1;
										}
										h4{
											color: @color1;
										}
									}
								}
							} */
  /* &.on,&:hover{
								.g_logo_box{
									box-shadow: var(--shadow);
									background: @color1;
									.g_logo_con{
										img,svg{
											color: #fff;
										}
										h4{
											color: #fff;
										}
									}
								}
							} */
}
@media (max-width: 1260px) {
  .htw .box .gr .g_pai .g_pai_box .g_pai_con .swiper-slide {
    width: 85px;
  }
}
@media (max-width: 767px) {
  .htw .box .gr .g_pai .g_pai_box .g_pai_con .swiper-slide {
    width: 65px;
  }
}
.htw .box .gr .g_pai .g_pai_box .g_pai_con .swiper-slide .g_logo_box {
  border-radius: 0.1rem;
  background: #fff;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.htw .box .gr .g_pai .g_pai_box .g_pai_con .swiper-slide .g_logo_box::before {
  content: "";
  display: block;
  position: relative;
  z-index: 0;
  padding-top: 100%;
}
.htw .box .gr .g_pai .g_pai_box .g_pai_con .swiper-slide .g_logo_box .g_logo_con {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s;
}
.htw .box .gr .g_pai .g_pai_box .g_pai_con .swiper-slide .g_logo_box .g_logo_con img,
.htw .box .gr .g_pai .g_pai_box .g_pai_con .swiper-slide .g_logo_box .g_logo_con svg {
  color: #808589;
  width: auto;
  height: 0.26rem;
  object-fit: cover;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .htw .box .gr .g_pai .g_pai_box .g_pai_con .swiper-slide .g_logo_box .g_logo_con img,
  .htw .box .gr .g_pai .g_pai_box .g_pai_con .swiper-slide .g_logo_box .g_logo_con svg {
    height: 0.4rem;
  }
}
.htw .box .gr .g_pai .g_pai_box .g_pai_con .swiper-slide .g_logo_box .g_logo_con h4 {
  margin-top: 0.08rem;
  font-size: 12px;
  transition: all 0.4s;
  color: #999;
}
@media (max-width: 767px) {
  .htw .box .gr .g_pai .g_pai_box .g_pai_con .swiper-slide .g_logo_box .g_logo_con h4 {
    font-size: 10px;
  }
}
.htw .box .gr .g_pai .g_pai_txt {
  padding: 0 0.25rem 0.3rem;
}
@media (max-width: 767px) {
  .htw .box .gr .g_pai .g_pai_txt {
    width: 100%;
    padding: 0;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .htw .box .gr .g_pai .g_pai_txt .txt {
    padding-right: 0%;
  }
}
@media (max-width: 767px) {
  .htw .box .gr .g_pai .g_pai_txt .txt h3 {
    font-weight: bold;
  }
}
.htw .box .gr .g_pai .g_pai_txt .txt p {
  color: #666;
  margin-top: 0.1rem;
}
.htw .box .gr .g_pai .g_pai_txt .g_a {
  display: none;
}
@media (max-width: 991px) {
  .htw .box .gr .g_pai .g_pai_txt .g_a {
    display: block;
  }
}
.htw .box .gr .g_pai .g_pai_txt .g_a .pub_btn {
  margin-top: 0.25rem;
}
.hth {
  height: 7.88rem;
  color: #fff;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .hth {
    height: auto;
  }
}
.hth .img {
  width: 100%;
  height: 100%;
}
.hth .img:before {
  padding-top: 41.04166667%;
}
@media (max-width: 767px) {
  .hth .img:before {
    padding-top: 70%;
  }
}
.hth .img img {
  width: 100%;
  height: calc(100% + 250px);
  object-fit: cover;
  top: auto;
  bottom: 0;
  transition: all 0s;
}
.hth .box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  z-index: 10;
}
@media (max-width: 767px) {
  .hth .box {
    position: relative;
    color: #333;
    padding: 0.4rem 0;
  }
}
@media (max-width: 767px) {
  .hth .box .container {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .hth .box h2 {
    text-align: left;
  }
}
.hth .box .hth_box {
  margin-top: 0.7rem;
}
@media (max-width: 767px) {
  .hth .box .hth_box {
    margin-top: 0.4rem;
    text-align: left;
  }
}
.hth .box .hth_box .item {
  padding: 0 0 0.35rem 0.42rem;
  position: relative;
}
@media (max-width: 767px) {
  .hth .box .hth_box .item {
    padding: 0 0 0.35rem 0;
  }
}
.hth .box .hth_box .item:last-child .g_line .g_line_box {
  display: none;
}
.hth .box .hth_box .item .g_line {
  position: absolute;
  left: 0;
  top: 0.18rem;
  height: 100%;
  pointer-events: none;
}
@media (max-width: 767px) {
  .hth .box .hth_box .item .g_line {
    display: none;
  }
}
.hth .box .hth_box .item .g_line .t_ring {
  width: 1px;
  height: 1px;
  position: relative;
}
.hth .box .hth_box .item .g_line .t_ring .i1 {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #fff;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hth .box .hth_box .item .g_line .t_ring .i2 {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #fff;
  opacity: 0.6;
  animation: moveq 2s infinite linear;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hth .box .hth_box .item .g_line .g_line_box {
  display: block;
  width: 1px;
  height: 100%;
  background: rgba(255, 255, 255, 0.21);
  /* margin-left: 1px; */
}
.hth .box .hth_box .item .txt .g_lab {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.12rem;
}
.hth .box .hth_box .item .txt .g_lab p {
  line-height: 1;
  margin-right: 0.15rem;
  margin-bottom: 5px;
  padding-right: 0.15rem;
  border-right: 1px solid rgba(255, 255, 255, 0.6);
  color: rgba(255, 255, 255, 0.6);
}
@media (max-width: 767px) {
  .hth .box .hth_box .item .txt .g_lab p {
    color: rgba(0, 0, 0, 0.6);
  }
}
.hth .box .hth_box .item .txt .g_lab p:last-child {
  border: none;
  padding: 0;
  margin-right: 0;
}
.hth .box .pub_btn {
  margin-top: 0.3rem;
}
@keyframes moveq {
  0% {
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    opacity: 0.6;
  }
  100% {
    transform: translate(-50%, -50%) scale(3);
    -webkit-transform: translate(-50%, -50%) scale(3);
    opacity: 0;
  }
}
.hfo {
  padding: 1.6rem 0 1.5rem;
}
@media (max-width: 767px) {
  .hfo {
    padding: 1rem 0;
  }
}
.hfo .box {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.21rem;
}
@media (max-width: 767px) {
  .hfo .box {
    margin: 0 ;
  }
}
.hfo .box .item {
  width: calc(1/3*100%);
  margin-bottom: 0.4rem;
  padding: 0 0.21rem;
}
@media (max-width: 991px) {
  .hfo .box .item {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .hfo .box .item {
    width: 100%;
    padding: 0;
  }
}
.hfo .box .item .itembox {
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 0.15rem;
  overflow: hidden;
}
.hfo .box .item .itembox:hover .public-img img {
  transform: scale(1.05);
}
.hfo .box .item .itembox:hover .txt .pub_btn p::after {
  width: 100%;
}
.hfo .box .item .itembox:hover .img .i1 {
  opacity: 1;
  left: 0;
}
.hfo .box .item .itembox:hover .img .i2 {
  opacity: 1;
  right: 0;
}
.hfo .box .item .itembox .txt {
  padding: 0.45rem 0.4rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}
.hfo .box .item .itembox .txt .txt_box {
  width: 100%;
}
.hfo .box .item .itembox .txt .txt_box h3 {
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.4s;
}
.hfo .box .item .itembox .txt .txt_box p {
  position: relative;
  margin-top: 0.12rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 3em;
  color: #666;
}
@media (max-width: 767px) {
  .hfo .box .item .itembox .txt .txt_box p {
    display: none;
  }
}
.hfo .box .item .itembox .txt .pub_btn {
  margin-top: 0.15rem;
}
.hfo .box .item .itembox .txt .pub_btn p {
  position: relative;
}
.hfo .box .item .itembox .txt .pub_btn p::after {
  content: '';
  position: absolute;
  width: 0;
  bottom: 2px;
  left: 0;
  height: 1px;
  background: var(--color);
  transition: all 0.4s;
}
.hfo .box .item .itembox .img {
  overflow: hidden;
  position: relative;
  border-radius: 0.15rem;
}
.hfo .box .item .itembox .img .public-img:before {
  padding-top: 56.81818182%;
}
.hfo .box .item .itembox .img i {
  opacity: 0;
  transition: all 0.4s;
  left: 0;
  top: 0;
  z-index: 10;
  pointer-events: initial;
  display: block;
  position: absolute;
  width: 50%;
  height: 0.08rem;
  background: -webkit-linear-gradient(to right, #de3e37, rgba(222, 62, 55, 0));
  background: linear-gradient(to right, #de3e37, rgba(222, 62, 55, 0));
}
.hfo .box .item .itembox .img .i1 {
  left: 0.8rem;
}
.hfo .box .item .itembox .img .i2 {
  left: auto;
  top: auto;
  right: 0.8rem;
  bottom: 0;
  transform: rotate(180deg);
}
.foot_b {
  height: 1rem;
}
@media (max-width: 767px) {
  .foot_b {
    height: 0;
  }
}
/* 产品中心-类别 */
.caton {
  background: url(../images/category.png) no-repeat;
  background-size: 100% auto;
  background-position: top;
}
@media (max-width: 767px) {
  .caton {
    background: url(../images/category.png) no-repeat;
    background-size: 160% auto;
    background-position: top;
  }
}
.caton .box {
  padding: 1.1rem 0 0;
}
@media (max-width: 767px) {
  .caton .box {
    padding: 1.1rem 0 0;
  }
}
.caton .box .caton_con {
  margin-top: 1.3rem;
}
.caton .box .caton_con .caton_tit {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .caton .box .caton_con .caton_tit {
    margin-bottom: 0.4rem;
    flex-direction: column-reverse;
  }
}
.caton .box .caton_con .caton_tit .gl {
  flex-wrap: wrap;
  display: flex;
  width: 50%;
}
@media (max-width: 767px) {
  .caton .box .caton_con .caton_tit .gl {
    width: 100%;
    margin-top: 0.3rem;
    justify-content: center;
  }
}
.caton .box .caton_con .caton_tit .gl a {
  cursor: pointer;
  margin-right: 0.68rem;
  display: flex;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .caton .box .caton_con .caton_tit .gl a {
    margin: 0 0.34rem;
    font-size: 18px;
  }
}
.caton .box .caton_con .caton_tit .gl a.on p {
  color: var(--color);
}
.caton .box .caton_con .caton_tit .gl a.on p::after {
  width: 100%;
}
.caton .box .caton_con .caton_tit .gl a.on span {
  color: var(--color);
}
.caton .box .caton_con .caton_tit .gl a p {
  transition: all 0.4s;
  position: relative;
}
.caton .box .caton_con .caton_tit .gl a p::after {
  content: '';
  position: absolute;
  width: 0;
  transition: all 0.4s;
  background: var(--color);
  height: 2px;
  bottom: -3px;
  left: 50%;
  transform: translateX(-50%);
}
.caton .box .caton_con .caton_tit .gl a span {
  transition: all 0.4s;
  margin-left: 3px;
  font-size: 12px;
}
.caton .box .caton_con .caton_tit .gr {
  display: flex;
  align-items: auto;
}
@media (max-width: 767px) {
  .caton .box .caton_con .caton_tit .gr {
    width: 100%;
  }
}
.caton .box .caton_con .caton_tit .gr .newa {
  flex-shrink: 0;
  margin-right: 0.23rem;
  min-width: 1.2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 0.4rem;
  padding: 0.05rem 0.2rem;
  border-radius: 100px;
  /* border-radius: 100px; */
  overflow: hidden;
  background: #fff;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .caton .box .caton_con .caton_tit .gr .newa {
    height: 0.8rem;
  }
}
.caton .box .caton_con .caton_tit .gr .newa:hover {
  background: var(--color);
}
.caton .box .caton_con .caton_tit .gr .newa:hover i {
  color: #fff;
}
.caton .box .caton_con .caton_tit .gr .newa:hover p {
  color: #fff;
}
.caton .box .caton_con .caton_tit .gr .newa i {
  transition: all 0.4s;
  margin-right: 0.07rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.19rem;
  height: auto;
  color: var(--color);
}
@media (max-width: 1260px) {
  .caton .box .caton_con .caton_tit .gr .newa i {
    width: 0.23rem;
  }
}
@media (max-width: 767px) {
  .caton .box .caton_con .caton_tit .gr .newa i {
    width: 0.27rem;
  }
}
.caton .box .caton_con .caton_tit .gr .newa i svg,
.caton .box .caton_con .caton_tit .gr .newa i img {
  width: 100%;
  height: auto;
}
.caton .box .caton_con .caton_tit .gr .newa i svg path,
.caton .box .caton_con .caton_tit .gr .newa i img path {
  fill: var(--color);
}
.caton .box .caton_con .caton_tit .gr .newa p {
  transition: all 0.4s;
  color: #333;
}
.caton .box .caton_con .caton_tit .gr form .search_box {
  width: 4rem;
  height: 0.4rem;
  background: #fff;
  border-radius: 1rem;
  border: 1px solid #c9c9c9;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .caton .box .caton_con .caton_tit .gr form .search_box {
    height: 0.8rem;
    width: 100%;
  }
}
.caton .box .caton_con .caton_tit .gr form .search_box .search_inp {
  display: flex;
  align-items: center;
}
.caton .box .caton_con .caton_tit .gr form .search_box .search_inp svg,
.caton .box .caton_con .caton_tit .gr form .search_box .search_inp img {
  flex-shrink: 0;
  color: #e7ecf3;
  margin: 0 0.13rem;
}
@media (max-width: 767px) {
  .caton .box .caton_con .caton_tit .gr form .search_box .search_inp svg,
  .caton .box .caton_con .caton_tit .gr form .search_box .search_inp img {
    margin: 0 0.23rem;
  }
}
.caton .box .caton_con .caton_tit .gr form .search_box .search_inp input {
  padding: 0 0.3rem 0 0;
  width: 100%;
  color: #333;
}
.caton .box .caton_con .caton_tit .gr form .search_box .search_inp input::-webkit-input-placeholder {
  color: #dedede;
}
.caton .box .caton_con .caton_tit .gr form .search_box button {
  display: inline-flex;
  align-items: center;
  color: #fff;
  flex-shrink: 0;
  border-radius: 100px;
  padding: 0 0.2rem;
  height: 100%;
  background: var(--color);
}
@media (max-width: 767px) {
  .caton .box .caton_con .caton_tit .gr form .search_box button {
    padding: 0 0.4rem;
  }
}
.caton .box .caton_con .caton_tit .gr form .search_box button svg {
  width: 100%;
  height: auto;
}
.caton .box .caton_con .caton_tit .gr form .search_box button svg path {
  fill: #9a9a9a;
}
.caton .proon {
  padding: 0.6rem 0 1.6rem;
  /* 产品中心-类别 */
  /* 产品中心-全貌 */
}
@media (max-width: 767px) {
  .caton .proon {
    padding: 0.2rem 0 1rem;
  }
}
.caton .proon .pro_it {
  display: none;
}
.caton .proon .caton_nr {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.19rem;
}
@media (max-width: 767px) {
  .caton .proon .caton_nr {
    margin: 0 ;
  }
}
.caton .proon .caton_nr .item {
  width: calc(1/2*100%);
  margin-bottom: 0.4rem;
  padding: 0 0.19rem;
}
@media (max-width: 991px) {
  .caton .proon .caton_nr .item {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .caton .proon .caton_nr .item {
    width: 100%;
    padding: 0;
  }
}
.caton .proon .caton_nr .item .itembox {
  overflow: hidden;
  position: relative;
  background: #fff;
  border-radius: 0.08rem;
  display: block;
  padding: 0.4rem;
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  transition: all 0.4s;
}
.caton .proon .caton_nr .item .itembox:hover {
  border-color: #fbe5e4;
  background: #fffcfc;
}
.caton .proon .caton_nr .item .itembox:hover .caton_ul {
  background: #fff;
  border-color: #ffeded;
}
.caton .proon .caton_nr .item .itembox:hover .i2 {
  opacity: 1;
  right: 0;
}
.caton .proon .caton_nr .item .itembox .txt h3 {
  font-weight: bold;
}
.caton .proon .caton_nr .item .itembox .txt p {
  margin-top: 0.1rem;
}
@media (max-width: 767px) {
  .caton .proon .caton_nr .item .itembox .txt p {
    display: none;
  }
}
.caton .proon .caton_nr .item .itembox .caton_ul {
  border: 1px dashed transparent;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 0.26rem;
  border-radius: 0.24rem;
  background: #f8f8f8;
  padding: 0.14rem 0.2rem 1px;
  transition: all 0.4s;
}
.caton .proon .caton_nr .item .itembox .caton_ul li {
  position: relative;
  /* padding-right: 0.3rem; */
  width: 46.42857143%;
  display: flex;
  align-items: center;
  margin-bottom: 0.13rem;
}
@media (max-width: 1580px) {
  .caton .proon .caton_nr .item .itembox .caton_ul li {
    width: 48%;
  }
}
@media (max-width: 767px) {
  .caton .proon .caton_nr .item .itembox .caton_ul li {
    width: 100%;
  }
}
.caton .proon .caton_nr .item .itembox .caton_ul li:hover i {
  color: var(--color);
}
.caton .proon .caton_nr .item .itembox .caton_ul li:hover i circle {
  stroke: #ffe7e6;
}
.caton .proon .caton_nr .item .itembox .caton_ul li:hover i .cls-122 {
  stroke: var(--color);
}
.caton .proon .caton_nr .item .itembox .caton_ul li:hover p {
  text-decoration: underline;
  color: var(--color);
}
.caton .proon .caton_nr .item .itembox .caton_ul li .i1 {
  margin-right: 0.12rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.2rem;
  height: auto;
  color: var(--color);
}
@media (max-width: 1260px) {
  .caton .proon .caton_nr .item .itembox .caton_ul li .i1 {
    width: 0.22rem;
  }
}
@media (max-width: 767px) {
  .caton .proon .caton_nr .item .itembox .caton_ul li .i1 {
    width: 0.26rem;
  }
}
.caton .proon .caton_nr .item .itembox .caton_ul li .i1 svg,
.caton .proon .caton_nr .item .itembox .caton_ul li .i1 img {
  transition: all 0.4s;
  width: 100%;
  height: auto;
}
.caton .proon .caton_nr .item .itembox .caton_ul li .i1 svg path,
.caton .proon .caton_nr .item .itembox .caton_ul li .i1 img path {
  fill: var(--color);
}
.caton .proon .caton_nr .item .itembox .caton_ul li .i1 svg circle,
.caton .proon .caton_nr .item .itembox .caton_ul li .i1 img circle {
  transition: all 0.4s;
}
.caton .proon .caton_nr .item .itembox .caton_ul li .i2 {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  flex-shrink: 0;
  display: none;
  align-items: center;
  justify-content: center;
  width: 0.2rem;
  height: auto;
  color: var(--color);
}
@media (max-width: 767px) {
  .caton .proon .caton_nr .item .itembox .caton_ul li .i2 {
    width: 0.26rem;
    display: flex;
  }
}
.caton .proon .caton_nr .item .itembox .caton_ul li .i2 svg,
.caton .proon .caton_nr .item .itembox .caton_ul li .i2 img {
  transition: all 0.4s;
  width: 100%;
  height: auto;
}
.caton .proon .caton_nr .item .itembox .caton_ul li .i2 svg path,
.caton .proon .caton_nr .item .itembox .caton_ul li .i2 img path {
  fill: var(--color);
}
.caton .proon .caton_nr .item .itembox .caton_ul li .i2 svg circle,
.caton .proon .caton_nr .item .itembox .caton_ul li .i2 img circle {
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .caton .proon .caton_nr .item .itembox .caton_ul li a {
    font-size: 16px;
  }
}
.caton .proon .caton_nr .item .itembox .caton_ul li p {
  transition: all 0.4s;
}
@media (max-width: 1260px) {
  .caton .proon .caton_nr .item .itembox .caton_ul li p {
    font-size: 12px;
  }
}
.caton .proon .caton_nr .item .itembox > i {
  opacity: 0;
  transition: all 0.4s;
  left: 0;
  top: 0;
  z-index: 10;
  pointer-events: initial;
  display: block;
  position: absolute;
  width: 30%;
  height: 0.08rem;
  background: -webkit-linear-gradient(to right, #de3e37, rgba(222, 62, 55, 0));
  background: linear-gradient(to right, #de3e37, rgba(222, 62, 55, 0));
}
.caton .proon .caton_nr .item .itembox .i2 {
  left: auto;
  top: auto;
  right: 0.8rem;
  bottom: 0;
  transform: rotate(180deg);
}
.caton .proon .proall {
  position: relative;
}
.caton .proon .proall .proall_nav {
  width: 2.4rem;
  left: 0.22rem;
  top: 0;
  position: absolute;
  height: 100%;
}
@media (max-width: 1900px) {
  .caton .proon .proall .proall_nav {
    width: 1.4rem;
  }
}
@media (max-width: 1260px) {
  .caton .proon .proall .proall_nav {
    display: none;
  }
}
.caton .proon .proall .proall_nav .proall_nav_box {
  position: sticky;
  position: -webkit-sticky;
  top: 90px;
  left: 0;
  display: flex;
  flex-direction: column;
  padding: 0 0.1rem 0 0;
  border-left: 1px solid #e5e5e5;
}
.caton .proon .proall .proall_nav .proall_nav_box a {
  cursor: pointer;
  color: #666;
  padding-left: 0.14rem;
  margin-bottom: 0.28rem;
  position: relative;
}
.caton .proon .proall .proall_nav .proall_nav_box a::after {
  content: '';
  position: absolute;
  width: 3px;
  height: 100%;
  border-radius: 3px;
  background: var(--color);
  left: -1px;
  top: 0;
  opacity: 0;
}
.caton .proon .proall .proall_nav .proall_nav_box a:last-child {
  margin-bottom: 0;
}
.caton .proon .proall .proall_nav .proall_nav_box a.on {
  color: var(--color) !important;
  text-decoration: underline;
}
.caton .proon .proall .proall_nav .proall_nav_box a.on::after {
  opacity: 1;
}
.caton .proon .proall .container .proall_box .proall_it {
  margin-bottom: 0.42rem;
}
.caton .proon .proall .container .proall_box .proall_it:last-child {
  margin-bottom: 0;
}
.caton .proon .proall .container .proall_box .proall_it > h3 {
  margin-bottom: 0.2rem;
}
.caton .proon .proall .container .proall_box .proall_it .proall_ul {
  display: flex;
  flex-wrap: wrap;
}
.caton .proon .proall .container .proall_box .proall_it .proall_ul.proall_ul_4 li {
  width: calc(1/4*100%);
}
.caton .proon .proall .container .proall_box .proall_it .proall_ul li {
  padding-right: 0.2rem;
  /* margin-right: 0.2rem; */
  display: flex;
  align-items: center;
  margin-bottom: 0.16rem;
  width: calc(100%/7);
}
@media (max-width: 1580px) {
  .caton .proon .proall .container .proall_box .proall_it .proall_ul li {
    width: calc(100%/6);
    padding-right: 0.1rem;
  }
}
@media (max-width: 767px) {
  .caton .proon .proall .container .proall_box .proall_it .proall_ul li {
    width: auto;
    margin-right: 0.16rem;
  }
}
.caton .proon .proall .container .proall_box .proall_it .proall_ul li:hover i {
  color: var(--color);
}
.caton .proon .proall .container .proall_box .proall_it .proall_ul li:hover i circle {
  stroke: #ffe7e6;
}
.caton .proon .proall .container .proall_box .proall_it .proall_ul li:hover i .cls-122 {
  stroke: var(--color);
}
.caton .proon .proall .container .proall_box .proall_it .proall_ul li:hover p,
.caton .proon .proall .container .proall_box .proall_it .proall_ul li:hover a {
  text-decoration: underline;
  color: var(--color);
}
.caton .proon .proall .container .proall_box .proall_it .proall_ul li i {
  margin-right: 0.12rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.2rem;
  height: auto;
  color: #c9c9c9;
}
@media (max-width: 1260px) {
  .caton .proon .proall .container .proall_box .proall_it .proall_ul li i {
    width: 0.22rem;
  }
}
@media (max-width: 767px) {
  .caton .proon .proall .container .proall_box .proall_it .proall_ul li i {
    width: 0.26rem;
  }
}
.caton .proon .proall .container .proall_box .proall_it .proall_ul li i svg,
.caton .proon .proall .container .proall_box .proall_it .proall_ul li i img {
  transition: all 0.4s;
  width: 100%;
  height: auto;
}
.caton .proon .proall .container .proall_box .proall_it .proall_ul li i svg path,
.caton .proon .proall .container .proall_box .proall_it .proall_ul li i img path {
  fill: #c9c9c9;
}
.caton .proon .proall .container .proall_box .proall_it .proall_ul li i svg circle,
.caton .proon .proall .container .proall_box .proall_it .proall_ul li i img circle {
  transition: all 0.4s;
}
.caton .proon .proall .container .proall_box .proall_it .proall_ul li p,
.caton .proon .proall .container .proall_box .proall_it .proall_ul li a {
  transition: all 0.4s;
}
@media (max-width: 1260px) {
  .caton .proon .proall .container .proall_box .proall_it .proall_ul li p,
  .caton .proon .proall .container .proall_box .proall_it .proall_ul li a {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .caton .proon .proall .container .proall_box .proall_it .proall_ul li p,
  .caton .proon .proall .container .proall_box .proall_it .proall_ul li a {
    font-size: 14px;
  }
}
.crumbs_box {
  padding: 0.25rem 0;
}
.crumbs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .crumbs {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
.crumbs.crumbs2 p:last-child a {
  color: var(--color);
}
.crumbs.crumbs2 p:last-child svg,
.crumbs.crumbs2 p:last-child i {
  display: none;
}
.crumbs.crumbs3 {
  position: absolute;
  top: 0;
  left: 0;
}
.crumbs p {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .crumbs p {
    margin-bottom: 0.06rem;
    display: inline;
  }
}
.crumbs p > a {
  margin-right: 0.1rem;
  color: #999;
}
@media (max-width: 767px) {
  .crumbs p > a {
    font-size: 14px;
  }
}
.crumbs p > a svg {
  width: 0.16rem;
  height: auto;
}
@media (max-width: 767px) {
  .crumbs p > a svg {
    width: 0.24rem;
  }
}
.crumbs p:last-child a {
  /* color: #333; */
}
.crumbs p:last-child svg,
.crumbs p:last-child i {
  display: none;
}
.crumbs p > svg {
  color: #999;
  width: 5px;
  height: auto;
  margin-right: 0.1rem;
}
.crumbs p > svg path {
  fill: #666;
}
.crumbs p i {
  font-style: initial;
  opacity: 0.7;
  color: #999;
  margin-right: 0.12rem;
}
.plist2_on {
  padding: 0 0 1.5rem;
}
@media (max-width: 767px) {
  .plist2_on {
    padding: 0 0 1rem;
  }
}
.plist2_on > .publ_index2 {
  position: sticky;
  position: -webkit-sticky;
  top: 60px;
  left: 0;
  z-index: 100;
  background: #f5f8fc;
  padding: 0.25rem 0 0;
  margin-bottom: 0;
  display: none;
}
@media (max-width: 767px) {
  .plist2_on > .publ_index2 {
    display: block;
  }
}
@media (max-width: 767px) {
  .plist2_on > .publ_index2 .publ_nav {
    margin-bottom: 0;
  }
}
.plist2_on > .publ_index2 .publ_nav .publ_nav_box {
  display: flex;
}
.plist2_on .box {
  margin-top: 0.55rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .plist2_on .box {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .plist2_on .box {
    margin-top: 0.15rem;
  }
}
.plist2_on .box .publ_index1 {
  position: sticky;
  position: -webkit-sticky;
  top: 132px;
  padding: 0 0 1rem;
  width: 20%;
}
@media (max-width: 991px) {
  .plist2_on .box .publ_index1 {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .plist2_on .box .publ_index1 {
    position: initial;
  }
}
.plist2_on .box .publ_index1 .tit {
  margin-bottom: 0.28rem;
}
@media (max-width: 767px) {
  .plist2_on .box .publ_index1 .g_list ul {
    display: flex;
    overflow: auto;
    padding-bottom: 16px;
  }
}
.plist2_on .box .publ_index1 .g_list ul li {
  border-top: 1px solid #e5e5e5;
}
@media (max-width: 767px) {
  .plist2_on .box .publ_index1 .g_list ul li {
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    margin-right: 0.3rem;
    flex-shrink: 0;
    position: relative;
    background: #fff;
    padding: 0.2rem 0.3rem;
  }
  .plist2_on .box .publ_index1 .g_list ul li::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 6px;
    background: url(../images/g_bsj.png);
    background-size: 100% 100%;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
  }
}
@media (max-width: 767px) {
  .plist2_on .box .publ_index1 .g_list ul li.on {
    border: 1px solid var(--color);
  }
  .plist2_on .box .publ_index1 .g_list ul li.on::after {
    opacity: 1;
  }
}
.plist2_on .box .publ_index1 .g_list ul li.on .g_xia {
  /* display: block; */
}
.plist2_on .box .publ_index1 .g_list ul li.on .g_top .g_gb {
  transform: rotate(180deg);
  background: var(--color);
}
.plist2_on .box .publ_index1 .g_list ul li.on .g_top .g_gb svg {
  color: #fff;
}
.plist2_on .box .publ_index1 .g_list ul li .g_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.18rem 0;
  position: relative;
  cursor: pointer;
}
@media (max-width: 767px) {
  .plist2_on .box .publ_index1 .g_list ul li .g_top {
    padding: 0;
  }
}
.plist2_on .box .publ_index1 .g_list ul li .g_top .g_top_l {
  width: 80%;
  font-weight: bold;
}
.plist2_on .box .publ_index1 .g_list ul li .g_top .g_gb {
  position: relative;
  transition: 0.4s all;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.2rem;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #eaeef2;
  flex-shrink: 0;
}
@media (max-width: 1260px) {
  .plist2_on .box .publ_index1 .g_list ul li .g_top .g_gb {
    width: 21px;
    height: 21px;
  }
}
@media (max-width: 767px) {
  .plist2_on .box .publ_index1 .g_list ul li .g_top .g_gb {
    display: none;
  }
}
.plist2_on .box .publ_index1 .g_list ul li .g_top .g_gb svg,
.plist2_on .box .publ_index1 .g_list ul li .g_top .g_gb img {
  width: 28%;
  height: auto;
  color: #6b6b6b;
}
.plist2_on .box .publ_index1 .g_list ul li .g_xia {
  display: none;
}
@media (max-width: 767px) {
  .plist2_on .box .publ_index1 .g_list ul li .g_xia {
    display: block;
    margin-top: 0.3rem;
  }
}
.plist2_on .box .publ_index1 .g_list ul li .g_xia .g_bjq {
  padding-left: 0.15rem;
  border-left: 1px solid #e5e5e5;
}
.plist2_on .box .publ_index1 .g_list ul li .g_xia .g_bjq .g_it {
  margin-bottom: 0.15rem;
  display: flex;
  align-items: center;
}
.plist2_on .box .publ_index1 .g_list ul li .g_xia .g_bjq .g_it:hover i,
.plist2_on .box .publ_index1 .g_list ul li .g_xia .g_bjq .g_it.on i {
  color: var(--color);
}
.plist2_on .box .publ_index1 .g_list ul li .g_xia .g_bjq .g_it:hover i circle,
.plist2_on .box .publ_index1 .g_list ul li .g_xia .g_bjq .g_it.on i circle {
  stroke: #ffe7e6;
}
.plist2_on .box .publ_index1 .g_list ul li .g_xia .g_bjq .g_it:hover i .cls-122,
.plist2_on .box .publ_index1 .g_list ul li .g_xia .g_bjq .g_it.on i .cls-122 {
  stroke: var(--color);
}
.plist2_on .box .publ_index1 .g_list ul li .g_xia .g_bjq .g_it:hover p,
.plist2_on .box .publ_index1 .g_list ul li .g_xia .g_bjq .g_it.on p {
  text-decoration: underline;
  color: var(--color);
}
.plist2_on .box .publ_index1 .g_list ul li .g_xia .g_bjq .g_it i {
  margin-right: 0.12rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.2rem;
  height: auto;
  color: var(--color);
}
@media (max-width: 1260px) {
  .plist2_on .box .publ_index1 .g_list ul li .g_xia .g_bjq .g_it i {
    width: 0.22rem;
  }
}
@media (max-width: 767px) {
  .plist2_on .box .publ_index1 .g_list ul li .g_xia .g_bjq .g_it i {
    width: 0.26rem;
  }
}
.plist2_on .box .publ_index1 .g_list ul li .g_xia .g_bjq .g_it i svg,
.plist2_on .box .publ_index1 .g_list ul li .g_xia .g_bjq .g_it i img {
  transition: all 0.4s;
  width: 100%;
  height: auto;
}
.plist2_on .box .publ_index1 .g_list ul li .g_xia .g_bjq .g_it i svg path,
.plist2_on .box .publ_index1 .g_list ul li .g_xia .g_bjq .g_it i img path {
  fill: var(--color);
}
.plist2_on .box .publ_index1 .g_list ul li .g_xia .g_bjq .g_it i svg circle,
.plist2_on .box .publ_index1 .g_list ul li .g_xia .g_bjq .g_it i img circle {
  transition: all 0.4s;
}
.plist2_on .box .publ_index1 .g_list ul li .g_xia .g_bjq .g_it p {
  transition: all 0.4s;
}
@media (max-width: 1260px) {
  .plist2_on .box .publ_index1 .g_list ul li .g_xia .g_bjq .g_it p {
    font-size: 12px;
  }
}
.plist2_on .box .publ_index1 .g_lj {
  margin-top: 0.22rem;
}
.plist2_on .box .publ_index1 .g_lj a {
  margin-bottom: 0.1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  padding: 0.15rem 0.2rem;
  border-radius: 0.08rem;
}
.plist2_on .box .publ_index1 .g_lj a:hover i {
  background: var(--color);
}
.plist2_on .box .publ_index1 .g_lj a:hover i svg {
  color: #fff;
}
.plist2_on .box .publ_index1 .g_lj a .txt h3 {
  font-weight: bold;
}
.plist2_on .box .publ_index1 .g_lj a .txt h3 span {
  color: var(--color);
}
.plist2_on .box .publ_index1 .g_lj a .txt p {
  color: #666;
  margin-top: 4px;
}
.plist2_on .box .publ_index1 .g_lj a i {
  position: relative;
  transition: 0.4s all;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.2rem;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: #eaeef2;
  flex-shrink: 0;
}
@media (max-width: 1260px) {
  .plist2_on .box .publ_index1 .g_lj a i {
    width: 21px;
    height: 21px;
  }
}
.plist2_on .box .publ_index1 .g_lj a i svg,
.plist2_on .box .publ_index1 .g_lj a i img {
  transition: 0.4s all;
  width: 20%;
  height: auto;
  color: #6b6b6b;
}
.plist2_on .box .publ_index1 .g_down {
  padding-bottom: 0.24rem;
  border-radius: 0.1rem;
  margin-top: 0.78rem;
  background: #fff url(../images/pro_two5.png) no-repeat;
  background-size: 100% auto;
  background-position: top;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 767px) {
  .plist2_on .box .publ_index1 .g_down {
    display: none;
    width: 70%;
    margin: 0.8rem auto 0;
  }
}
.plist2_on .box .publ_index1 .g_down .g_t {
  margin-top: -0.4rem;
  text-align: center;
}
.plist2_on .box .publ_index1 .g_down .g_t img {
  width: 1.91rem;
  height: auto;
}
@media (max-width: 767px) {
  .plist2_on .box .publ_index1 .g_down .g_t img {
    width: 2.4rem;
  }
}
.plist2_on .box .publ_index1 .g_down .g_t p {
  margin-top: 3px;
  color: #666;
}
.plist2_on .box .publ_index1 .g_down .pub_btn {
  margin-top: 0.12rem;
}
.plist2_on .box .pubr_index1 {
  position: relative;
  width: 74.28571429%;
}
@media (max-width: 991px) {
  .plist2_on .box .pubr_index1 {
    width: 100%;
  }
}
.plist2_on .box .pubr_index1 .g_fh {
  cursor: pointer;
  position: absolute;
  right: 0;
  bottom: calc(100% + 0.18rem);
  display: flex;
  align-items: center;
}
.plist2_on .box .pubr_index1 .g_fh i {
  margin-right: 0.09rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.16rem;
  height: auto;
  color: var(--color);
}
@media (max-width: 1260px) {
  .plist2_on .box .pubr_index1 .g_fh i {
    width: 0.2rem;
  }
}
@media (max-width: 767px) {
  .plist2_on .box .pubr_index1 .g_fh i {
    width: 0.24rem;
  }
}
.plist2_on .box .pubr_index1 .g_fh i svg,
.plist2_on .box .pubr_index1 .g_fh i img {
  width: 100%;
  height: auto;
}
.plist2_on .box .pubr_index1 .g_fh i svg path,
.plist2_on .box .pubr_index1 .g_fh i img path {
  fill: var(--color);
}
.plist2_on .box .pubr_index1 .g_fh p {
  color: var(--color);
}
.plist2_on .box .pubr_index1 .r_top {
  margin-bottom: 0.2rem;
  overflow: hidden;
  border-radius: 0.08rem;
  position: relative;
}
.plist2_on .box .pubr_index1 .r_top .img {
  position: absolute;
  width: 100%;
  height: 100%;
}
.plist2_on .box .pubr_index1 .r_top .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.plist2_on .box .pubr_index1 .r_top .txt {
  position: relative;
  z-index: 10;
  color: #fff;
  padding: 0.6rem 2.85rem 0.6rem 0.62rem;
}
@media (max-width: 767px) {
  .plist2_on .box .pubr_index1 .r_top .txt {
    padding: 0.4rem 0.3rem;
  }
}
.plist2_on .box .pubr_index1 .r_top .txt p {
  margin-top: 0.16rem;
}
.plist2_on .box .pubr_index1 .protwo_list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.1rem;
  margin-bottom: 0.95rem;
}
@media (max-width: 767px) {
  .plist2_on .box .pubr_index1 .protwo_list {
    margin: 0 ;
  }
}
.plist2_on .box .pubr_index1 .protwo_list .item {
  width: calc(1/2*100%);
  margin-bottom: 0.2rem;
  padding: 0 0.1rem;
}
@media (max-width: 991px) {
  .plist2_on .box .pubr_index1 .protwo_list .item {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .plist2_on .box .pubr_index1 .protwo_list .item {
    width: 100%;
    padding: 0;
  }
}
.plist2_on .box .pubr_index1 .protwo_list .item .itembox {
  transition: all 0.4s;
  border: 1px solid transparent;
  border-radius: 0.08rem;
  overflow: hidden;
  min-height: 2.3rem;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  background: #fff;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .plist2_on .box .pubr_index1 .protwo_list .item .itembox {
    min-height: 2.4rem;
  }
}
.plist2_on .box .pubr_index1 .protwo_list .item .itembox:hover {
  border-color: #fbe5e4;
  background: #fffcfc;
}
.plist2_on .box .pubr_index1 .protwo_list .item .itembox:hover .gl img {
  opacity: 1;
  transform: translateY(-0.1rem) scale(1.2);
}
.plist2_on .box .pubr_index1 .protwo_list .item .itembox:hover .gr i {
  background: var(--color);
}
.plist2_on .box .pubr_index1 .protwo_list .item .itembox:hover .gr i svg {
  color: #fff;
}
.plist2_on .box .pubr_index1 .protwo_list .item .itembox .gl {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 42.15686275%;
}
.plist2_on .box .pubr_index1 .protwo_list .item .itembox .gl img {
  opacity: 0;
  transition: all 0.4s;
  width: 1.11rem;
  height: auto;
  transform: translateY(0.05rem);
}
@media (max-width: 1260px) {
  .plist2_on .box .pubr_index1 .protwo_list .item .itembox .gl img {
    opacity: 1 !important;
  }
}
.plist2_on .box .pubr_index1 .protwo_list .item .itembox .gr {
  padding-right: 0.36rem;
  width: 57.84313725%;
}
.plist2_on .box .pubr_index1 .protwo_list .item .itembox .gr .txt {
  width: 100%;
}
.plist2_on .box .pubr_index1 .protwo_list .item .itembox .gr .txt h3 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
  .plist2_on .box .pubr_index1 .protwo_list .item .itembox .gr .txt h3 {
    font-weight: bold;
  }
}
.plist2_on .box .pubr_index1 .protwo_list .item .itembox .gr .txt p {
  color: #666;
  margin-top: 0.12rem;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.plist2_on .box .pubr_index1 .protwo_list .item .itembox .gr i {
  position: relative;
  transition: 0.4s all;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.2rem;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: #eaeef2;
  flex-shrink: 0;
}
@media (max-width: 1260px) {
  .plist2_on .box .pubr_index1 .protwo_list .item .itembox .gr i {
    width: 21px;
    height: 21px;
  }
}
.plist2_on .box .pubr_index1 .protwo_list .item .itembox .gr i svg,
.plist2_on .box .pubr_index1 .protwo_list .item .itembox .gr i img {
  transition: 0.4s all;
  width: 20%;
  height: auto;
  color: #9e9e9e;
}
.plist2_on .box .pubr_index1 .pro2_list {
  /* .item .g_t{
					.gr i{
						background: var(--color);
						svg{
							color: #fff;
						}
					}
					.gl .txt h3 span{
						color: var(--color);
					}
				} */
}
.plist2_on .box .g_mddown .g_down {
  padding-bottom: 0.24rem;
  border-radius: 0.1rem;
  margin-top: 0.78rem;
  background: #fff url(../images/pro_two5.png) no-repeat;
  background-size: 100% auto;
  background-position: top;
  flex-direction: column;
  align-items: center;
  display: none;
}
@media (max-width: 767px) {
  .plist2_on .box .g_mddown .g_down {
    width: 70%;
    margin: 0.8rem auto 0;
    display: flex;
  }
}
.plist2_on .box .g_mddown .g_down .g_t {
  margin-top: -0.4rem;
  text-align: center;
}
.plist2_on .box .g_mddown .g_down .g_t img {
  width: 1.91rem;
  height: auto;
}
@media (max-width: 767px) {
  .plist2_on .box .g_mddown .g_down .g_t img {
    width: 2.4rem;
  }
}
.plist2_on .box .g_mddown .g_down .g_t p {
  margin-top: 3px;
  color: #666;
}
.plist2_on .box .g_mddown .g_down .pub_btn {
  margin-top: 0.12rem;
}
.protwo_faq {
  margin-bottom: 0.55rem;
}
@media (max-width: 767px) {
  .protwo_faq {
    padding: 0.3rem 0 0;
  }
}
.protwo_faq h2 {
  margin-bottom: 0.25rem;
}
@media (max-width: 767px) {
  .protwo_faq h2 {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
  }
}
.protwo_faq .protwo_faq_box ul li {
  padding: 0 0.3rem 0 0.28rem;
  background: #fff;
  border-radius: 0.08rem;
  border: 1px solid #ecf1f6;
  margin-bottom: 0.1rem;
}
.protwo_faq .protwo_faq_box ul li:first-child .g_xia {
  display: block;
}
.protwo_faq .protwo_faq_box ul li.on {
  border-color: #f7e8e8;
  background: #fffcfc;
}
.protwo_faq .protwo_faq_box ul li.on .g_top .g_gb {
  transform: rotate(180deg);
}
.protwo_faq .protwo_faq_box ul li.on .g_top .g_gb svg {
  color: #333;
}
.protwo_faq .protwo_faq_box ul li .g_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.25rem 0;
  position: relative;
  cursor: pointer;
}
.protwo_faq .protwo_faq_box ul li .g_top .g_top_l {
  display: flex;
  align-items: center;
  width: 80%;
}
.protwo_faq .protwo_faq_box ul li .g_top .g_top_l i {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: initial;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: #313232;
  color: #fff;
  margin-right: 0.15rem;
}
@media (max-width: 1260px) {
  .protwo_faq .protwo_faq_box ul li .g_top .g_top_l i {
    width: 21px;
    height: 21px;
  }
}
.protwo_faq .protwo_faq_box ul li .g_top .g_top_l p {
  color: #000;
}
.protwo_faq .protwo_faq_box ul li .g_top .g_gb {
  position: relative;
  transition: 0.4s all;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.2rem;
  width: 13px;
  height: auto;
  flex-shrink: 0;
}
.protwo_faq .protwo_faq_box ul li .g_top .g_gb svg,
.protwo_faq .protwo_faq_box ul li .g_top .g_gb img {
  width: 100%;
  height: auto;
  color: #999;
}
.protwo_faq .protwo_faq_box ul li .g_xia {
  display: none;
}
.protwo_faq .protwo_faq_box ul li .g_xia .g_bjq {
  border-top: 1px dashed #dcdcdc;
  padding: 0.24rem 0 0.3rem;
  display: flex;
}
.protwo_faq .protwo_faq_box ul li .g_xia .g_bjq i {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: initial;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: var(--color);
  color: #fff;
  margin-right: 0.15rem;
}
@media (max-width: 1260px) {
  .protwo_faq .protwo_faq_box ul li .g_xia .g_bjq i {
    width: 21px;
    height: 21px;
  }
}
.protwo_faq .protwo_faq_box ul li .g_xia .g_bjq p {
  color: #666666;
}
/* 产品三级 */
.publ_index2 .publ_nav {
  position: relative;
  margin-bottom: 0.44rem;
}
@media (max-width: 767px) {
  .publ_index2 .publ_nav {
    position: sticky;
    position: -webkit-sticky;
    top: 70px;
    left: 0;
  }
}
.publ_index2 .publ_nav .g_line {
  position: absolute;
  left: -3px;
  top: 0;
  height: 20%;
  width: 5px;
}
@media (max-width: 767px) {
  .publ_index2 .publ_nav .g_line {
    display: none;
  }
}
.publ_index2 .publ_nav .g_line img {
  width: 5px;
  height: auto;
  overflow: hidden;
  clip-path: inset(0% 0% 80% 0%);
  position: absolute;
}
.publ_index2 .publ_nav .g_line .g_i {
  position: absolute;
  left: 2px;
  bottom: 0;
  width: 1px;
  height: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.publ_index2 .publ_nav .g_line .g_i .i1 {
  width: 3px;
  height: 3px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  z-index: 10;
}
.publ_index2 .publ_nav .g_line .g_i .i2 {
  width: 9px;
  height: 9px;
  background: var(--color);
  border-radius: 50%;
  position: absolute;
  z-index: 8;
}
.publ_index2 .publ_nav .g_line .g_i .i3 {
  width: 9px;
  height: 9px;
  background: var(--color);
  border-radius: 50%;
  position: absolute;
  z-index: 6;
  opacity: 0.8;
  animation: moveq2 3s infinite linear;
}
.publ_index2 .publ_nav .publ_nav_box {
  border-left: 1px solid #e5e5e5;
}
@media (max-width: 767px) {
  .publ_index2 .publ_nav .publ_nav_box {
    display: none;
  }
}
.publ_index2 .publ_nav .publ_nav_box a {
  cursor: pointer;
  position: relative;
  padding-left: 0.24rem;
  display: flex;
  margin-bottom: 0.25rem;
}
.publ_index2 .publ_nav .publ_nav_box a.on .g_line {
  opacity: 1;
}
.publ_index2 .publ_nav .publ_nav_box a.on p {
  color: var(--color);
  text-decoration: underline;
}
.publ_index2 .publ_nav .publ_nav_box a p {
  transition: all 0.4s;
}
.publ_index2 .g_sul {
  margin-bottom: 0.26rem;
  border-top: 1px solid #eeeeee;
  padding-top: 0.26rem;
}
.publ_index2 .g_sul .g_p {
  color: #999;
  /* padding-right: 0.6rem; */
}
.publ_index2 .g_sul .g_p p span {
  color: #333;
}
.publ_index2 .g_sul .pub_btn {
  margin-top: 0.22rem;
}
@media (max-width: 767px) {
  .publ_index2 .g_sul .pub_btn {
    padding: 0 0.3rem;
  }
}
.publ_index2 .g_sul .pub_btn i {
  transform: translateX(0) !important;
  width: 0.2rem;
  margin: 0 0.1rem 0 0;
}
@media (max-width: 767px) {
  .publ_index2 .g_sul .pub_btn i {
    width: 14px;
  }
}
@keyframes moveq2 {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0.8;
  }
  100% {
    transform: scale(2.5);
    -webkit-transform: scale(2.5);
    opacity: 0;
  }
}
.proth_t {
  border: 1px solid #ecf1f6;
  background: #fff;
  border-radius: 0.08rem;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.55rem;
  min-height: 2.3rem;
  padding: 0 0.58rem 0 0.5rem;
}
@media (max-width: 767px) {
  .proth_t {
    padding: 0.5rem;
    flex-direction: column-reverse;
    align-items: center;
  }
}
.proth_t .gl {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 767px) {
  .proth_t .gl {
    margin-top: 0.5rem;
  }
}
.proth_t .gl .g_h3 {
  display: flex;
  align-items: center;
}
.proth_t .gl .g_h3 h3 {
  font-weight: bold;
  margin-right: 0.26rem;
}
.proth_t .gl .g_h3 .img {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.proth_t .gl .g_h3 .img img {
  height: 0.29rem;
  width: auto;
  margin-right: 0.1rem;
}
@media (max-width: 767px) {
  .proth_t .gl .g_h3 .img img {
    height: 0.4rem;
    margin-right: 0.2rem;
  }
}
.proth_t .gl .g_p {
  margin-top: 0.2rem;
}
.proth_t .gr {
  margin-left: 0.6rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .proth_t .gr {
    margin-left: 0;
  }
}
.proth_t .gr img {
  width: 1.84rem;
  height: auto;
}
@media (max-width: 767px) {
  .proth_t .gr img {
    width: 3rem;
  }
}
.proth_gs {
  margin-bottom: 0.55rem;
}
.proth_gs .proth_gs_box {
  margin-top: 0.26rem;
  background: #fff;
  border: 1px solid #ecf1f6;
  border-radius: 0.1rem;
  overflow: hidden;
  width: 100%;
}
.proth_gs .proth_gs_box .g_it {
  border-bottom: 1px dashed #dbe2e9;
  justify-content: flex-start;
  display: flex;
}
.proth_gs .proth_gs_box .g_it:first-child .p1 {
  border-radius: 0 0.1rem 0 0;
}
.proth_gs .proth_gs_box .g_it:last-child {
  border: none;
}
.proth_gs .proth_gs_box .g_it:last-child .p1 {
  border-radius: 0 0 0.1rem 0;
}
.proth_gs .proth_gs_box .g_it .p1 {
  flex-shrink: 0;
  background: #f6f8fa;
  text-align: center;
  width: 1rem;
  padding: 0.2rem 0.1rem;
}
.proth_gs .proth_gs_box .g_it .p2 {
  color: #666;
  padding: 0.2rem 0.3rem;
}
.proth_model {
  margin-bottom: 0.55rem;
}
.proth_model .proth_model_box {
  margin-top: 0.25rem;
}
.proth_model .proth_model_box table {
  text-align: center;
  background: #fff;
  border-radius: 0.1rem;
  border: 1px solid #ecf1f6;
  width: 100%;
}
.proth_model .proth_model_box table td,
.proth_model .proth_model_box table th {
  border: 1px solid #ecf1f6;
  padding: 0.13rem 0.1rem;
}
.proth_model .proth_model_box table tr {
  transition: all 0.4s;
}
.proth_model .proth_model_box table tr:hover {
  background: #fef8f8;
}
.proth_model .proth_model_box table tr th {
  background: #f6f8fa;
}
.proth_model .proth_model_box table tr th:first-child {
  width: 1rem;
}
.proth_model .proth_model_box table tr th:last-child {
  width: 1.65rem;
}
.proth_model .proth_model_box table tr td p {
  color: #666;
}
.proth_model .proth_model_box table tr td p span {
  color: var(--color);
  text-decoration: underline;
}
.proth_model .proth_model_box table tr td .tab_down {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.proth_model .proth_model_box table tr td .tab_down:hover i {
  color: var(--color);
}
.proth_model .proth_model_box table tr td .tab_down:hover p {
  color: var(--color);
  text-decoration: underline;
}
.proth_model .proth_model_box table tr td .tab_down i {
  margin-right: 0.08rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.18rem;
  height: auto;
  color: #666;
}
@media (max-width: 1260px) {
  .proth_model .proth_model_box table tr td .tab_down i {
    width: 0.22rem;
  }
}
@media (max-width: 767px) {
  .proth_model .proth_model_box table tr td .tab_down i {
    width: 0.26rem;
  }
}
.proth_model .proth_model_box table tr td .tab_down i svg,
.proth_model .proth_model_box table tr td .tab_down i img {
  width: 100%;
  height: auto;
}
.proth_model .proth_model_box table tr td .tab_down i svg path,
.proth_model .proth_model_box table tr td .tab_down i img path {
  fill: var(--color);
}
.proth_model .proth_model_box table tr td[rowspan] {
  border: 1px solid #ecf1f6 !important;
  background: #fff !important;
}
.proth_str {
  margin-bottom: 0.55rem;
}
.proth_str .proth_str_box {
  overflow: hidden;
  border: 1px solid #ecf1f6;
  margin-top: 0.25rem;
  background: #fff;
  border-radius: 0.1rem;
  padding: 0.26rem 0 0.36rem;
}
.proth_str .proth_str_box .g_nav {
  margin-bottom: 0.2rem;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0.32rem;
}
.proth_str .proth_str_box .g_nav a {
  cursor: pointer;
  margin-right: 0.28rem;
  position: relative;
}
.proth_str .proth_str_box .g_nav a.on {
  color: var(--color);
}
.proth_str .proth_str_box .g_nav a.on::after {
  width: 100%;
}
.proth_str .proth_str_box .g_nav a::after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  background: var(--color);
  left: 0;
  bottom: -5px;
  transition: all 0.4s;
}
@media (max-width: 1260px) {
  .proth_str .proth_str_box .proth_str_img {
    padding: 0.5rem 0;
  }
}
@media (max-width: 767px) {
  .proth_str .proth_str_box .proth_str_img {
    padding: 0.6rem 0;
  }
}
.proth_str .proth_str_box .proth_str_img .proth_str_it {
  display: none;
  position: relative;
}
.proth_str .proth_str_box .proth_str_img .proth_str_it .img {
  width: 100%;
  height: auto;
}
.proth_str .proth_str_box .proth_str_img .proth_str_it .img img {
  object-fit: contain;
}
.proth_str .proth_str_box .proth_str_img .proth_str_it .g_ani .g_ani_it {
  width: 1px;
  height: 1px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.proth_str .proth_str_box .proth_str_img .proth_str_it .g_ani .g_ani_it .g_ring {
  position: absolute;
  z-index: 10;
  width: 0.13rem;
  height: 0.13rem;
  border-radius: 50%;
  border: 0.04rem solid var(--color);
  background: #fff;
}
.proth_str .proth_str_box .proth_str_img .proth_str_it .g_ani .g_ani_it .gtxt {
  position: absolute;
  display: flex;
}
@media (max-width: 767px) {
  .proth_str .proth_str_box .proth_str_img .proth_str_it .g_ani .g_ani_it .gtxt img {
    width: 20px;
  }
}
.proth_str .proth_str_box .proth_str_img .proth_str_it .g_ani .g_ani_it .gtxt p {
  color: #666;
  white-space: nowrap;
  margin-left: 5px;
}
@media (max-width: 767px) {
  .proth_str .proth_str_box .proth_str_img .proth_str_it .g_ani .g_ani_it .gtxt p {
    font-size: 10px;
  }
}
.proth_str .proth_str_box .proth_str_img .proth_str_it .g_ani .it_b .gtxt {
  align-items: flex-end;
  top: 0;
  left: 0;
}
.proth_str .proth_str_box .proth_str_img .proth_str_it .g_ani .it_b p {
  transform: translateY(50%);
}
.proth_str .proth_str_box .proth_str_img .proth_str_it .g_ani .it_t .gtxt {
  align-items: flex-start;
  bottom: 0;
  left: 0;
}
.proth_str .proth_str_box .proth_str_img .proth_str_it .g_ani .it_t p {
  transform: translateY(-50%);
}
.proth_why {
  border-radius: 0.1rem;
  background: url(../images/pro_three7.jpg) no-repeat;
  background-size: cover;
  padding: 0.75rem 0.1rem 0.34rem 0.6rem;
}
@media (max-width: 767px) {
  .proth_why {
    padding: 0.3rem;
  }
}
.proth_why .proth_why_box {
  color: #fff;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .proth_why .proth_why_box {
    flex-direction: column;
    text-align: center;
  }
}
.proth_why .proth_why_box .gl {
  width: 47.42268041%;
}
@media (max-width: 767px) {
  .proth_why .proth_why_box .gl {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}
.proth_why .proth_why_box .gl .pub_btn {
  margin-top: 0.55rem;
}
@media (max-width: 767px) {
  .proth_why .proth_why_box .gl .pub_btn {
    margin-top: 0.3rem;
  }
}
.proth_why .proth_why_box .gr {
  width: 52.57731959%;
}
@media (max-width: 767px) {
  .proth_why .proth_why_box .gr {
    width: 100%;
  }
}
.proth_why .proth_why_box .gr .item {
  padding: 0 0 0.35rem 0.22rem;
  position: relative;
}
@media (max-width: 767px) {
  .proth_why .proth_why_box .gr .item {
    padding: 0 0 0.35rem 0;
  }
}
.proth_why .proth_why_box .gr .item:last-child .g_line .g_line_box {
  display: none;
}
.proth_why .proth_why_box .gr .item .g_line {
  position: absolute;
  left: 0;
  top: 0.12rem;
  height: 100%;
  pointer-events: none;
}
@media (max-width: 1260px) {
  .proth_why .proth_why_box .gr .item .g_line {
    top: 0.18rem;
  }
}
@media (max-width: 767px) {
  .proth_why .proth_why_box .gr .item .g_line {
    display: none;
  }
}
.proth_why .proth_why_box .gr .item .g_line .t_ring {
  width: 1px;
  height: 1px;
  position: relative;
}
.proth_why .proth_why_box .gr .item .g_line .t_ring .i1 {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #fff;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.proth_why .proth_why_box .gr .item .g_line .t_ring .i2 {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #fff;
  opacity: 0.6;
  animation: moveq 2s infinite linear;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.proth_why .proth_why_box .gr .item .g_line .g_line_box {
  display: block;
  width: 1px;
  height: 100%;
  background: rgba(255, 255, 255, 0.21);
  margin-left: 0;
}
@media (max-width: 1260px) {
  .proth_why .proth_why_box .gr .item .g_line .g_line_box {
    margin-left: 0;
  }
}
.proth_why .proth_why_box .gr .item .txt .g_lab {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.12rem;
}
@media (max-width: 767px) {
  .proth_why .proth_why_box .gr .item .txt .g_lab {
    justify-content: center;
  }
}
.proth_why .proth_why_box .gr .item .txt .g_lab p {
  line-height: 1;
  margin-right: 0.15rem;
  margin-bottom: 5px;
  padding-right: 0.15rem;
  border-right: 1px solid rgba(255, 255, 255, 0.6);
  color: rgba(255, 255, 255, 0.6);
}
@media (max-width: 767px) {
  .proth_why .proth_why_box .gr .item .txt .g_lab p {
    border: none;
    margin: 0 0.15rem 5px !important;
    padding: 0;
  }
}
.proth_why .proth_why_box .gr .item .txt .g_lab p:last-child {
  border: none;
  padding: 0;
  margin-right: 0;
}
.pinfoon {
  margin-bottom: 0.4rem;
  padding: 0.6rem 0.3rem 5px;
  background: #fff;
  border-radius: 0.08rem;
}
.pinfoon .pinfo_t {
  margin-bottom: 0.36rem;
}
.pinfoon .pinfo_t .pinfo_t_tit {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .pinfoon .pinfo_t .pinfo_t_tit {
    flex-direction: column;
  }
}
.pinfoon .pinfo_t .pinfo_t_tit .gl {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .pinfoon .pinfo_t .pinfo_t_tit .gl {
    margin-bottom: 0.3rem;
  }
}
.pinfoon .pinfo_t .pinfo_t_tit .gl h1 {
  line-height: 1.3;
  color: #000;
  margin-right: 0.18rem;
}
.pinfoon .pinfo_t .pinfo_t_tit .gl .g_dow {
  transition: all 0.4s;
  flex-shrink: 0;
  border: 1px solid #ebeef1;
  border-radius: 5px;
  padding: 4px 0.14rem;
  display: flex;
  align-items: center;
}
.pinfoon .pinfo_t .pinfo_t_tit .gl .g_dow:hover {
  border-color: var(--color);
  background: var(--color);
}
.pinfoon .pinfo_t .pinfo_t_tit .gl .g_dow:hover i,
.pinfoon .pinfo_t .pinfo_t_tit .gl .g_dow:hover p {
  color: #fff;
}
.pinfoon .pinfo_t .pinfo_t_tit .gl .g_dow i {
  transition: all 0.4s;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 13px;
  height: auto;
  color: #666;
  margin-right: 0.08rem;
}
@media (max-width: 767px) {
  .pinfoon .pinfo_t .pinfo_t_tit .gl .g_dow i {
    width: 10px;
  }
}
.pinfoon .pinfo_t .pinfo_t_tit .gl .g_dow i svg,
.pinfoon .pinfo_t .pinfo_t_tit .gl .g_dow i img {
  width: 100%;
  height: auto;
}
.pinfoon .pinfo_t .pinfo_t_tit .gl .g_dow i svg path,
.pinfoon .pinfo_t .pinfo_t_tit .gl .g_dow i img path {
  fill: var(--color);
}
.pinfoon .pinfo_t .pinfo_t_tit .gl .g_dow p {
  transition: all 0.4s;
  color: #666;
  max-width: 2rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
  .pinfoon .pinfo_t .pinfo_t_tit .gl .g_dow p {
    max-width: 3rem;
  }
}
.pinfoon .pinfo_t .pinfo_t_tit .gr {
  display: flex;
  align-items: center;
}
.pinfoon .pinfo_t .pinfo_t_tit .gr img {
  height: 0.29rem;
  width: auto;
  margin-right: 0.1rem;
}
@media (max-width: 767px) {
  .pinfoon .pinfo_t .pinfo_t_tit .gr img {
    height: 0.4rem;
    margin-right: 0.2rem;
  }
}
.pinfoon .pinfo_t .pinfo_t_box {
  margin-top: 0.18rem;
}
@media (max-width: 767px) {
  .pinfoon .pinfo_t .pinfo_t_box {
    margin-top: 0.2rem;
  }
}
.pinfoon .pinfo_t .pinfo_t_box .g_tag {
  color: #666;
  flex-wrap: wrap;
  display: flex;
}
.pinfoon .pinfo_t .pinfo_t_box .g_tag p {
  margin-right: 0.34rem;
}
@media (max-width: 767px) {
  .pinfoon .pinfo_t .pinfo_t_box .g_tag p {
    margin-top: 0.1rem;
  }
}
.pinfoon .pinfo_t .pinfo_t_box .pinfo_t_con {
  display: flex;
  border-radius: 0.1rem;
  margin-top: 0.25rem;
  padding: 0.23rem 0 0.25rem;
  background: #fef4f4;
}
@media (max-width: 767px) {
  .pinfoon .pinfo_t .pinfo_t_box .pinfo_t_con {
    flex-wrap: wrap;
    padding: 0.43rem 0 0.25rem;
  }
}
.pinfoon .pinfo_t .pinfo_t_box .pinfo_t_con .item {
  border-right: 1px solid #f7cbc9;
  width: 20%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 767px) {
  .pinfoon .pinfo_t .pinfo_t_box .pinfo_t_con .item {
    width: 50%;
    margin-bottom: 0.3rem;
  }
}
.pinfoon .pinfo_t .pinfo_t_box .pinfo_t_con .item:last-child {
  border: none;
}
@media (max-width: 767px) {
  .pinfoon .pinfo_t .pinfo_t_box .pinfo_t_con .item:last-child {
    border-right: 1px solid #f7cbc9;
  }
}
@media (max-width: 767px) {
  .pinfoon .pinfo_t .pinfo_t_box .pinfo_t_con .item:nth-child(2n) {
    border: none;
  }
}
.pinfoon .pinfo_t .pinfo_t_box .pinfo_t_con .item .p1 {
  color: #666;
}
.pinfoon .pinfo_t .pinfo_t_box .pinfo_t_con .item .p2 {
  font-weight: bold;
  color: var(--color);
  line-height: 1.3;
}
.proth_str2 {
  margin-bottom: 0.35rem;
}
.proth_str2 .proth_str2_box {
  overflow: hidden;
  border: 1px solid #ecf1f6;
  margin-top: 0.25rem;
  background: #fff;
  border-radius: 0.1rem;
  padding: 0.26rem 0 0.36rem;
}
.proth_str2 .proth_str2_box .img img {
  width: 100%;
}
.pinfo_t_para .g_list {
  margin-top: 0.25rem;
}
.pinfo_t_para .g_list.g_list2 ul li .g_top {
  padding: 0.26rem 0;
}
.pinfo_t_para .g_list.g_list2 ul li .g_xia {
  padding: 0 0 0.2rem;
}
.pinfo_t_para .g_list.g_list2 ul li:last-child {
  border-bottom: none;
}
.pinfo_t_para .g_list ul li {
  border-top: 1px solid #e5e5e5;
}
.pinfo_t_para .g_list ul li:first-child .g_xia {
  display: block;
}
.pinfo_t_para .g_list ul li:last-child {
  /* border-bottom: 1px solid #e5e5e5; */
}
.pinfo_t_para .g_list ul li.on .g_top .g_gb .i2 {
  transform: translate(-50%, -50%) rotate(0deg);
}
.pinfo_t_para .g_list ul li .g_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.26rem 0.3rem;
  position: relative;
  cursor: pointer;
}
.pinfo_t_para .g_list ul li .g_top .g_top_l {
  width: 80%;
}
.pinfo_t_para .g_list ul li .g_top .g_gb {
  position: relative;
  transition: 0.4s all;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.2rem;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .pinfo_t_para .g_list ul li .g_top .g_gb {
    width: 16px;
  }
}
.pinfo_t_para .g_list ul li .g_top .g_gb i {
  width: 65%;
  height: 2px;
  background: #333;
  display: block;
  position: absolute;
  transition: all 0.4s;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .pinfo_t_para .g_list ul li .g_top .g_gb i {
    width: 16px;
    height: 1px;
  }
}
.pinfo_t_para .g_list ul li .g_top .g_gb .i2 {
  transform: translate(-50%, -50%) rotate(90deg);
}
.pinfo_t_para .g_list ul li .g_xia {
  display: none;
  padding: 0 0.3rem 0.2rem;
}
.pinfo_t_para .g_list ul li .g_xia .g_bjq table {
  text-align: center;
  background: #fffcfc;
  border-radius: 0.1rem;
  border: 1px solid #fbe0e0;
  width: 100%;
}
.pinfo_t_para .g_list ul li .g_xia .g_bjq table td,
.pinfo_t_para .g_list ul li .g_xia .g_bjq table th {
  padding: 0.13rem 0.1rem;
  border: 1px solid #fbe0e0;
}
.pinfo_t_para .g_list ul li .g_xia .g_bjq table tr {
  transition: all 0.4s;
  /* &:hover{
									background: #fef8f8;
								} */
}
.pinfo_t_para .g_list ul li .g_xia .g_bjq table tr th {
  background: #fef4f4;
}
.pinfo_t_para .g_list ul li .g_xia .g_bjq table tr td p {
  color: #666;
}
.pinfo_t_para .g_list ul li .g_xia .g_bjq table tr td p span {
  color: var(--color);
  text-decoration: underline;
}
.pinfo_t_para .g_list .gul_b {
  display: flex;
  justify-content: space-between;
  color: #999;
  margin-bottom: 0.2rem;
}
@media (max-width: 767px) {
  .pinfo_t_para .g_list .gul_b {
    flex-direction: column;
    justify-content: flex-start;
  }
}
@media (max-width: 767px) {
  .pinfo_t_para .g_list .gul_b p {
    margin-bottom: 0.1rem;
  }
}
.public-error {
  width: 100%;
  min-height: 4rem;
  background: #fff;
  border-radius: 0.1rem;
  padding: 0.4rem 0.3rem;
}
.pro2_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.pro2_list .pro2_list_not {
  width: 100%;
  min-height: 4rem;
  background: #fff;
  border-radius: 0.1rem;
  padding: 0.4rem 0.3rem;
}
.pro2_list .item {
  width: calc(50% - 0.1rem);
  margin-bottom: 0.2rem;
  background: #fff;
  border-radius: 0.08rem;
  padding: 0.2rem 0.4rem;
  /* min-height: 2.3rem; */
  transition: all 0.4s;
  border: 1px solid transparent;
}
@media (max-width: 767px) {
  .pro2_list .item {
    width: 100%;
    margin-bottom: 0.4rem;
  }
}
.pro2_list .item:hover {
  border-color: #fbe5e4;
  background: #fffcfc;
}
.pro2_list .item:hover .g_t .gl .txt h3 span {
  color: var(--color);
}
.pro2_list .item:hover .g_t .gr i {
  background: var(--color);
}
.pro2_list .item:hover .g_t .gr i svg {
  color: #fff;
}
.pro2_list .item .g_t {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pro2_list .item .g_t .gl {
  align-items: center;
  display: flex;
}
.pro2_list .item .g_t .gl .public-img {
  width: 0.38rem;
  height: 0.38rem;
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 0.14rem;
}
@media (max-width: 991px) {
  .pro2_list .item .g_t .gl .public-img {
    width: 22px;
    height: 22px;
  }
}
.pro2_list .item .g_t .gl .txt h3 {
  margin-right: 0.2rem;
  position: relative;
}
.pro2_list .item .g_t .gl .txt h3 span {
  /* opacity: 0; */
  position: absolute;
  top: -3px;
  left: calc(100% + 3px);
  font-size: 12px;
}
.pro2_list .item .g_t .gl .txt p {
  color: #666;
  margin-top: 0.08rem;
}
.pro2_list .item .g_t .gr i {
  position: relative;
  transition: 0.4s all;
  display: flex;
  align-items: center;
  justify-content: center;
  /* margin-top: 0.2rem; */
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: #eaeef2;
  flex-shrink: 0;
}
@media (max-width: 1260px) {
  .pro2_list .item .g_t .gr i {
    width: 21px;
    height: 21px;
  }
}
.pro2_list .item .g_t .gr i svg,
.pro2_list .item .g_t .gr i img {
  transition: 0.4s all;
  width: 20%;
  height: auto;
  color: #9e9e9e;
}
.pro2_list .item .g_b {
  margin-top: 0.22rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.22rem 0.44rem;
}
@media (max-width: 991px) {
  .pro2_list .item .g_b {
    grid-template-columns: repeat(1, 1fr);
  }
}
.pro2_list .item .g_b li {
  padding-right: 0.1rem;
  /* margin-right: 0.2rem; */
  display: flex;
  align-items: center;
}
.pro2_list .item .g_b li:hover i {
  color: var(--color);
}
.pro2_list .item .g_b li:hover i circle {
  stroke: #ffe7e6;
}
.pro2_list .item .g_b li:hover i .cls-122 {
  stroke: var(--color);
}
.pro2_list .item .g_b li:hover p,
.pro2_list .item .g_b li:hover a {
  text-decoration: underline;
  color: var(--color);
}
.pro2_list .item .g_b li i {
  margin-right: 0.12rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.2rem;
  height: auto;
  color: #c9c9c9;
}
@media (max-width: 1260px) {
  .pro2_list .item .g_b li i {
    width: 0.22rem;
  }
}
@media (max-width: 767px) {
  .pro2_list .item .g_b li i {
    width: 0.26rem;
  }
}
.pro2_list .item .g_b li i svg,
.pro2_list .item .g_b li i img {
  transition: all 0.4s;
  width: 100%;
  height: auto;
}
.pro2_list .item .g_b li i svg path,
.pro2_list .item .g_b li i img path {
  fill: #c9c9c9;
}
.pro2_list .item .g_b li i svg circle,
.pro2_list .item .g_b li i img circle {
  transition: all 0.4s;
}
.pro2_list .item .g_b li p,
.pro2_list .item .g_b li a {
  transition: all 0.4s;
}
@media (max-width: 1260px) {
  .pro2_list .item .g_b li p,
  .pro2_list .item .g_b li a {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .pro2_list .item .g_b li p,
  .pro2_list .item .g_b li a {
    font-size: 14px;
  }
}
.pselon {
  margin: 0.45rem 0 0.75rem;
}
.pselon h2 {
  text-align: center;
  font-weight: bold;
}
.pselon .pselon_box {
  margin-top: 0.1rem;
}
.pselon .pselon_box .pselon_nav {
  display: flex;
  justify-content: center;
}
.pselon .pselon_box .pselon_nav .pselon_nav_box {
  display: inline-flex;
  justify-content: center;
  padding: 3px;
  background: #fff;
  border: 1px solid #fde5e4;
  border-radius: 100px;
  transition: all 0.4s;
}
.pselon .pselon_box .pselon_nav .pselon_nav_box a {
  cursor: pointer;
  height: 0.4rem;
  min-width: 1.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.2rem;
  margin: 0 2px;
  border-radius: 100px;
}
@media (max-width: 767px) {
  .pselon .pselon_box .pselon_nav .pselon_nav_box a {
    height: 0.6rem;
    padding: 0 0.4rem;
    margin: 0;
  }
}
.pselon .pselon_box .pselon_nav .pselon_nav_box a.on {
  background: var(--color);
  color: #fff;
}
.pselon .pselon_box .pselon_con {
  margin-top: 0.3rem;
  background: #fff;
  border-radius: 0.1rem;
  padding: 0.38rem 0.3rem;
}
.pselon .pselon_box .pselon_con .pselon_item {
  display: none;
}
.pselon .pselon_box .pselon_con .pselon_nr {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1260px) {
  .pselon .pselon_box .pselon_con .pselon_nr {
    overflow: auto;
    justify-content: flex-start;
  }
}
.pselon .pselon_box .pselon_con .pselon_nr .item {
  margin-right: 0.5rem;
}
@media (max-width: 1260px) {
  .pselon .pselon_box .pselon_con .pselon_nr .item {
    width: 25%;
    margin-right: 0;
    margin-bottom: 0.4rem;
    padding-right: 0.3rem;
  }
}
@media (max-width: 767px) {
  .pselon .pselon_box .pselon_con .pselon_nr .item {
    flex-shrink: 0;
    width: 50%;
  }
}
.pselon .pselon_box .pselon_con .pselon_nr .item:last-child {
  margin-right: 0;
}
.pselon .pselon_box .pselon_con .pselon_nr .item h3 {
  font-weight: bold;
}
.pselon .pselon_box .pselon_con .pselon_nr .item .it_box {
  overflow: auto;
  max-height: calc((16px + 0.2rem)*6 - 0.2rem);
  margin-top: 0.26rem;
  padding-right: 0.2rem;
}
.pselon .pselon_box .pselon_con .pselon_nr .item .it_box::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
.pselon .pselon_box .pselon_con .pselon_nr .item .it_box::-webkit-scrollbar-track {
  background: #f9f9f9;
  border-radius: 2px;
}
.pselon .pselon_box .pselon_con .pselon_nr .item .it_box::-webkit-scrollbar-thumb {
  background: #d4dce5;
  border-radius: 25px;
}
.pselon .pselon_box .pselon_con .pselon_nr .item .it_box::-webkit-scrollbar-corner {
  background: #d4dce5;
}
.pselon .pselon_box .pselon_con .pselon_nr .item .it_box .g_it {
  cursor: pointer;
  margin-bottom: 0.2rem;
  display: flex;
  align-items: center;
}
.pselon .pselon_box .pselon_con .pselon_nr .item .it_box .g_it:last-child {
  margin-bottom: 0;
}
.pselon .pselon_box .pselon_con .pselon_nr .item .it_box .g_it.on .g_act {
  border-color: var(--color);
  background: var(--color);
}
.pselon .pselon_box .pselon_con .pselon_nr .item .it_box .g_it .g_act {
  transition: all 0.4s;
  margin-right: 0.1rem;
  width: 16px;
  height: 16px;
  border-radius: 3px;
  border: 1px solid #ececec;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pselon .pselon_box .pselon_con .pselon_nr .item .it_box .g_it .g_act svg,
.pselon .pselon_box .pselon_con .pselon_nr .item .it_box .g_it .g_act img {
  width: 68.75%;
}
.pselon .pselon_box .pselon_con .pselon_nr .item .it_box p {
  line-height: 1;
  overflow: hidden;
  /* white-space: nowrap; */
  text-overflow: ellipsis;
}
.pselon .pselon_box .pselon_con .g_tac {
  margin-top: 0.3rem;
}
.pselon .pselon_box .pselon_con .g_tac .pub_btn {
  border-color: #eeeeee;
}
@media (max-width: 767px) {
  .pselon .pselon_box .pselon_con .g_tac .pub_btn {
    padding: 5px 20px;
  }
}
.pselon .pselon_box .pselon_con .g_tac .pub_btn:hover {
  border-color: var(--color);
}
.pselon .pselon_box .pselon_con .g_tac .pub_btn:hover i,
.pselon .pselon_box .pselon_con .g_tac .pub_btn:hover p {
  color: var(--color);
}
.pselon .pselon_box .pselon_con .g_tac .pub_btn i {
  margin-right: 0.1rem;
  width: 14px;
  height: auto;
  color: #959595;
  transform: translateX(0) !important;
}
.pselon .pselon_box .pselon_con .g_tac .pub_btn p {
  color: #999;
}
.pseltw .g_tit {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pseltw .g_tit h2 {
  line-height: 1.3;
  justify-content: center;
  display: flex;
  align-items: flex-start;
  font-weight: bold;
}
.pseltw .g_tit h2 span {
  font-weight: 400;
}
.pseltw .g_tit .g_ra {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}
.pseltw .g_tit .g_ra .p1 {
  margin-top: 0.12rem;
  color: #999;
}
.pseltw .pseltw_box {
  margin-top: 0.3rem;
}
.pseltw .pseltw_box .pseltw_tag {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.pseltw .pseltw_box .pseltw_tag .tag_it {
  display: inline-flex;
  align-items: center;
  margin: 0 0.05rem 0.1rem;
  border-radius: 100px;
  padding: 0.08rem 0.12rem 0.08rem 0.22rem;
  background: #474f57;
}
.pseltw .pseltw_box .pseltw_tag .tag_it p {
  color: #fff;
}
.pseltw .pseltw_box .pseltw_tag .tag_it i {
  cursor: pointer;
  margin-left: 0.14rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.22rem;
  height: 0.22rem;
  background: #676f79;
  border-radius: 50%;
  color: #fff;
}
@media (max-width: 767px) {
  .pseltw .pseltw_box .pseltw_tag .tag_it i {
    width: 0.35rem;
    height: 0.35rem;
  }
}
.pseltw .pseltw_box .pseltw_tag .tag_it i:hover svg,
.pseltw .pseltw_box .pseltw_tag .tag_it i:hover img {
  opacity: 1;
}
.pseltw .pseltw_box .pseltw_tag .tag_it i svg,
.pseltw .pseltw_box .pseltw_tag .tag_it i img {
  transition: all 0.4s;
  opacity: 0.3;
  width: 31.81818182%;
  height: auto;
}
.pseltw .pseltw_box .pseltw_tag .tag_it i svg path,
.pseltw .pseltw_box .pseltw_tag .tag_it i img path {
  fill: var(--color);
}
.pseltw .pseltw_box .pseltw_con {
  margin-top: 0.22rem;
}
@media (max-width: 767px) {
  .pseltw .pseltw_box .pseltw_con {
    overflow: auto;
  }
}
.pseltw .pseltw_box .pseltw_con table {
  text-align: center;
  background: #ecf1f6;
  border-radius: 0.1rem;
  border: 1px solid #ecf1f6;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .pseltw .pseltw_box .pseltw_con table {
    width: 1000px;
  }
}
.pseltw .pseltw_box .pseltw_con table td,
.pseltw .pseltw_box .pseltw_con table th {
  font-weight: 400;
  padding: 0.13rem 0.1rem;
  border: 1px solid #ecf1f6;
  background: #fff;
}
.pseltw .pseltw_box .pseltw_con table tr {
  transition: all 0.4s;
}
.pseltw .pseltw_box .pseltw_con table tr:first-child th p {
  font-weight: bold;
}
.pseltw .pseltw_box .pseltw_con table tr:hover {
  background: #fef8f8;
}
.pseltw .pseltw_box .pseltw_con table tr th {
  background: #f6f8fa;
}
.pseltw .pseltw_box .pseltw_con table tr th .g_xh {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  /* i{
								background: #fff;
								transition: all 0.4s;
								margin-right: 0.1rem;
								width: 16px;
								height: 16px;
								border-radius: 3px;
								border: 1px solid #ececec;
								display: flex;
								align-items: center;
								justify-content: center;
							} */
}
.pseltw .pseltw_box .pseltw_con table tr th .g_xh.on .g_act_box {
  border-color: var(--color);
  background: var(--color);
}
.pseltw .pseltw_box .pseltw_con table tr th .g_xh .g_act_box {
  transition: all 0.4s;
  margin-right: 0.1rem;
  width: 16px;
  height: 16px;
  border-radius: 3px;
  border: 1px solid #ececec;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pseltw .pseltw_box .pseltw_con table tr th .g_xh .g_act_box svg,
.pseltw .pseltw_box .pseltw_con table tr th .g_xh .g_act_box img {
  width: 68.75%;
}
.pseltw .pseltw_box .pseltw_con table tr td .g_act {
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.pseltw .pseltw_box .pseltw_con table tr td .g_act:hover a,
.pseltw .pseltw_box .pseltw_con table tr td .g_act:hover p {
  color: var(--color);
}
.pseltw .pseltw_box .pseltw_con table tr td .g_act.on .g_act_box {
  border-color: var(--color);
  background: var(--color);
}
.pseltw .pseltw_box .pseltw_con table tr td .g_act .g_act_box {
  transition: all 0.4s;
  margin-right: 0.1rem;
  width: 16px;
  height: 16px;
  border-radius: 3px;
  border: 1px solid #ececec;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pseltw .pseltw_box .pseltw_con table tr td .g_act .g_act_box svg,
.pseltw .pseltw_box .pseltw_con table tr td .g_act .g_act_box img {
  width: 68.75%;
}
.pseltw .pseltw_box .pseltw_con table tr td .g_act a,
.pseltw .pseltw_box .pseltw_con table tr td .g_act p {
  transition: all 0.4s;
}
.pseltw .pseltw_box .pseltw_con table tr td .g_act p {
  color: #666;
}
.pseltw .pseltw_box .pseltw_con table tr td .g_act p span {
  color: var(--color);
  text-decoration: underline;
}
.pseltw .pseltw_b {
  text-align: center;
  margin-top: 0.6rem;
}
.pseltw .pseltw_b .pseltw_b_tel {
  margin-top: 0.73rem;
}
.pseltw .pseltw_b .pseltw_b_tel .p1 {
  font-weight: bold;
}
.pseltw .pseltw_b .pseltw_b_tel .p2 {
  margin-top: 0.12rem;
}
.pseltw .pseltw_b .pseltw_b_tel .p2 span {
  color: var(--color);
  text-decoration: underline;
}
.sub_banner {
  overflow: hidden;
  height: 6.43rem;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 1940px) {
  .sub_banner {
    height: 8.43rem;
  }
}
.sub_banner.sub_banner2 {
  /* .crumbs_box{
			.crumbs{
				p{
					&>a{
						color: #999;
					}
					&>svg{
						color: #999;
					}
				}
			}
		} */
}
.sub_banner.sub_banner2 .ban_l2 .tit h3 {
  color: var(--color);
}
.sub_banner.sub_banner2 .ban_l2 .tit p {
  margin-top: 0.24rem;
  line-height: 1.2;
}
.sub_banner .crumbs p > a {
  color: #fff;
}
.sub_banner .crumbs p > svg {
  color: #fff;
}
.sub_banner .mob_pc {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sub_banner .mob_pc .g_img {
  width: 100%;
  height: 100%;
}
.sub_banner .mob_pc .g_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sub_banner .mob_pc .g_video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}
.sub_banner .sub_banner_txt {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 5;
}
.sub_banner .sub_banner_txt .crumbs_box {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
}
.sub_banner .sub_banner_txt > .container {
  position: relative;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  padding-bottom: 0.4rem;
}
@media (max-width: 767px) {
  .sub_banner .sub_banner_txt > .container .ban_l {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .sub_banner .sub_banner_txt > .container .ban_l .tit p {
    font-size: 18px;
  }
  .sub_banner .sub_banner_txt > .container .ban_l .tit p br {
    display: none;
  }
}
.sub_banner .sub_banner_txt > .container .ban_l .tit h3 {
  line-height: 1.2;
}
.sub_banner .sub_banner_txt > .container .ban_l .sub_banner_p {
  width: 5.4rem;
  margin-top: 0.44rem;
}
.sub_banner .sub_banner_txt > .container .ban_l .pub_btn {
  margin-top: 0.77rem;
}
.sub_banner .g_line {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  pointer-events: none;
  width: 0%;
  height: 0.06rem;
  background: -webkit-linear-gradient(to right, rgba(218, 37, 29, 0), #da251d);
  background: linear-gradient(to right, rgba(218, 37, 29, 0), #da251d);
}
.cuson {
  background: url(../images/customized10.png) no-repeat;
  background-size: 100% 100%;
  background-position: top center;
  padding: 1.4rem 0 1.5rem;
}
@media (max-width: 767px) {
  .cuson {
    padding: 1rem 0 ;
  }
}
.cuson .box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .cuson .box {
    flex-direction: column;
  }
}
.cuson .box .gl {
  width: 20.28571429%;
}
@media (max-width: 991px) {
  .cuson .box .gl {
    width: 35.71428571%;
  }
}
@media (max-width: 767px) {
  .cuson .box .gl {
    width: 100%;
  }
}
.cuson .box .gl .lbox1 h3 {
  font-weight: bold;
  margin-bottom: 0.28rem;
}
.cuson .box .gl .lbox1 .publ_nav {
  padding-left: 0.1rem;
  margin-bottom: 0.44rem;
}
.cuson .box .gl .lbox1 .publ_nav .publ_nav_box {
  border-left: 1px solid #e5e5e5;
}
.cuson .box .gl .lbox1 .publ_nav .publ_nav_box a {
  cursor: pointer;
  position: relative;
  padding-left: 0.24rem;
  display: flex;
  margin-bottom: 0.09rem;
}
.cuson .box .gl .lbox1 .publ_nav .publ_nav_box a.on .g_line {
  opacity: 1;
}
.cuson .box .gl .lbox1 .publ_nav .publ_nav_box a.on .g_tit .g_tit_bj svg {
  color: var(--color);
}
.cuson .box .gl .lbox1 .publ_nav .publ_nav_box a.on .g_tit .g_tit_txt span {
  color: var(--color);
}
.cuson .box .gl .lbox1 .publ_nav .publ_nav_box a.on .g_tit .g_tit_txt p {
  color: #fff;
}
.cuson .box .gl .lbox1 .publ_nav .publ_nav_box a .g_line {
  transition: all 0.4s;
  opacity: 0;
  position: absolute;
  left: -3px;
  top: 20%;
  transform: translateY(-50%);
}
.cuson .box .gl .lbox1 .publ_nav .publ_nav_box a .g_line img {
  width: 5px;
  height: auto;
}
.cuson .box .gl .lbox1 .publ_nav .publ_nav_box a .g_line .g_i {
  position: absolute;
  left: 2px;
  width: 1px;
  height: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cuson .box .gl .lbox1 .publ_nav .publ_nav_box a .g_line .g_i .i1 {
  width: 3px;
  height: 3px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  z-index: 10;
}
.cuson .box .gl .lbox1 .publ_nav .publ_nav_box a .g_line .g_i .i2 {
  width: 9px;
  height: 9px;
  background: var(--color);
  border-radius: 50%;
  position: absolute;
  z-index: 8;
}
.cuson .box .gl .lbox1 .publ_nav .publ_nav_box a .g_line .g_i .i3 {
  width: 9px;
  height: 9px;
  background: var(--color);
  border-radius: 50%;
  position: absolute;
  z-index: 6;
  opacity: 0.8;
  animation: moveq2 3s infinite linear;
}
.cuson .box .gl .lbox1 .publ_nav .publ_nav_box a .g_tit {
  position: relative;
  width: 154px;
  height: 32px;
}
.cuson .box .gl .lbox1 .publ_nav .publ_nav_box a .g_tit .g_tit_bj {
  position: absolute;
  width: 100%;
  height: 100%;
}
.cuson .box .gl .lbox1 .publ_nav .publ_nav_box a .g_tit .g_tit_bj svg {
  color: #fff;
}
.cuson .box .gl .lbox1 .publ_nav .publ_nav_box a .g_tit .g_tit_txt {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  padding: 0 0.1rem 0 0.15rem;
}
@media (max-width: 767px) {
  .cuson .box .gl .lbox1 .publ_nav .publ_nav_box a .g_tit .g_tit_txt {
    padding: 0 0.2rem 0 0.25rem;
  }
}
.cuson .box .gl .lbox1 .publ_nav .publ_nav_box a .g_tit .g_tit_txt span {
  flex-shrink: 0;
  width: 0.19rem;
  height: 0.19rem;
  background: #f4f4f4;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
  margin-right: 0.1rem;
}
@media (max-width: 1260px) {
  .cuson .box .gl .lbox1 .publ_nav .publ_nav_box a .g_tit .g_tit_txt span {
    width: 15px;
    height: 15px;
    font-size: 12px;
  }
}
.cuson .box .gl .lbox2 {
  margin-top: 0.35rem;
}
.cuson .box .gl .lbox2 h3 {
  font-weight: bold;
}
.cuson .box .gl .lbox2 .g_form {
  border-radius: 0.08rem;
  background: #fff url(../images/customized8.png) no-repeat;
  background-position: top;
  background-size: 100% auto;
  padding: 0.3rem 0.21rem;
  margin-top: 0.25rem;
}
.cuson .box .gl .lbox2 .g_form form .inp {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .cuson .box .gl .lbox2 .g_form form .inp {
    flex-direction: column;
  }
}
.cuson .box .gl .lbox2 .g_form form .inp .inp_box {
  width: 100%;
  margin-bottom: 0.1rem;
}
@media (max-width: 767px) {
  .cuson .box .gl .lbox2 .g_form form .inp .inp_box {
    width: 100%;
    margin-bottom: 0.4rem;
  }
}
.cuson .box .gl .lbox2 .g_form form .inp .inp_box .inp_txt {
  margin-bottom: 0.2rem;
}
.cuson .box .gl .lbox2 .g_form form .inp .inp_box .inp_txt p {
  color: #333;
  font-weight: bold;
}
.cuson .box .gl .lbox2 .g_form form .inp .inp_box .inp_txt p span {
  color: var(--color);
}
.cuson .box .gl .lbox2 .g_form form .inp .inp_box input {
  padding: 0 0.16rem;
  width: 100%;
  height: 0.5rem;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 2rem;
}
@media (max-width: 767px) {
  .cuson .box .gl .lbox2 .g_form form .inp .inp_box input {
    height: 0.8rem;
    padding: 0 0.3rem;
  }
}
.cuson .box .gl .lbox2 .g_form form .inp .inp_box .sot_select_nr .sel_text_x {
  height: 0.5rem;
}
@media (max-width: 767px) {
  .cuson .box .gl .lbox2 .g_form form .inp .inp_box .sot_select_nr .sel_text_x {
    height: 0.8rem;
  }
}
.cuson .box .gl .lbox2 .g_form form .inp2 .inp_box {
  width: 100%;
}
.cuson .box .gl .lbox2 .g_form form .inptext .inp_box {
  margin-bottom: 0.05rem;
}
@media (max-width: 767px) {
  .cuson .box .gl .lbox2 .g_form form .inptext .inp_box {
    margin-bottom: 0.3rem;
  }
}
.cuson .box .gl .lbox2 .g_form form .inptext .inp_box textarea {
  border: 1px solid #e5e5e5;
  border-radius: 0.2rem;
  width: 100%;
  height: 1.2rem;
  padding: 0.13rem 0.16rem;
}
@media (max-width: 767px) {
  .cuson .box .gl .lbox2 .g_form form .inptext .inp_box textarea {
    height: 2.2rem;
    padding: 0.2rem 0.3rem;
  }
}
.cuson .box .gl .lbox2 .g_form form .pub_btn {
  width: 100%;
  border: none;
  background: var(--color);
  height: 0.4rem;
  padding: 0 0.25rem;
}
@media (max-width: 767px) {
  .cuson .box .gl .lbox2 .g_form form .pub_btn {
    height: 0.8rem;
  }
}
.cuson .box .gl .lbox2 .g_form form .pub_btn p {
  color: #fff;
}
.cuson .box .gr {
  width: 74.14285714%;
}
@media (max-width: 991px) {
  .cuson .box .gr {
    width: 60.71428571%;
  }
}
@media (max-width: 767px) {
  .cuson .box .gr {
    width: 100%;
    margin-top: 0.8rem;
  }
}
.cuson .box .gr .item {
  background: #fff;
  padding: 0.71rem 0.54rem 0.63rem 0.65rem;
  border-radius: 8px;
  border: 1px solid #ecf1f6;
  margin-bottom: 0.28rem;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .cuson .box .gr .item {
    flex-direction: column-reverse;
  }
}
@media (max-width: 767px) {
  .cuson .box .gr .item {
    padding: 0.3rem;
  }
}
.cuson .box .gr .item .txt {
  padding-right: 0.3rem;
  width: 56.30434783%;
}
@media (max-width: 991px) {
  .cuson .box .gr .item .txt {
    width: 100%;
    display: flex;
    margin-top: 0.3rem;
  }
}
.cuson .box .gr .item .txt .g_num {
  flex-shrink: 0;
  margin: -0.11rem 0 0.4rem;
  width: 0.56rem;
  height: 0.56rem;
  border-radius: 50%;
  box-shadow: 0 0.11rem 0.32rem rgba(218, 37, 29, 0.24);
  background: -webkit-linear-gradient(to bottom, #e14e47, #e35a54);
  background: linear-gradient(to bottom, #e14e47, #e35a54);
}
@media (max-width: 991px) {
  .cuson .box .gr .item .txt .g_num {
    display: none;
  }
}
.cuson .box .gr .item .txt .g_num span {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  width: 100%;
  height: 100%;
  background: url(../images/customized9.png) no-repeat;
  background-size: contain;
  background-position: 0 -0.1rem;
}
.cuson .box .gr .item .txt .txt_box {
  padding-left: 0.08rem;
}
.cuson .box .gr .item .txt .txt_box h3 {
  font-weight: bold;
}
.cuson .box .gr .item .txt .txt_box .g_p {
  margin-top: 0.26rem;
  padding-left: 0.1rem;
}
.cuson .box .gr .item .txt .txt_box .g_p p {
  color: #666;
  margin-bottom: 0.08rem;
  display: block;
  position: relative;
  padding-left: 20px;
}
.cuson .box .gr .item .txt .txt_box .g_p p:after {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--color);
  left: 0;
  top: 9px;
}
@media (max-width: 1580px) {
  .cuson .box .gr .item .txt .txt_box .g_p p:after {
    top: 8px;
    width: 5px;
    height: 5px;
  }
}
.cuson .box .gr .item .public-img {
  border-radius: 8px;
  width: 43.69565217%;
}
@media (max-width: 991px) {
  .cuson .box .gr .item .public-img {
    width: 100%;
  }
}
.cuson .box .gr .item .public-img:before {
  padding-top: 75%;
}
.newsbox .newsbox_title {
  margin-top: 0.5rem;
}
.newsbox .newsbox_title h2 {
  line-height: 1.2;
  font-weight: bold;
}
.newsbox .newsbox_title p {
  margin-top: 0.1rem;
  color: #999;
}
.newsbox .newon {
  padding: 0.8rem 0 0.7rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .newsbox .newon {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .newsbox .newon {
    padding: 0.4rem 0 0.8rem;
    flex-direction: column-reverse;
  }
}
.newsbox .newon .gl {
  width: 74.42857143%;
}
@media (max-width: 991px) {
  .newsbox .newon .gl {
    width: 100%;
  }
}
.newsbox .newon .gl .newon_con .item {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  padding: 0.4rem;
  border-radius: 8px;
  position: relative;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .newsbox .newon .gl .newon_con .item {
    flex-direction: column;
    margin-bottom: 0.4rem;
  }
}
.newsbox .newon .gl .newon_con .item:hover {
  box-shadow: 0 0 0.65rem rgba(0, 0, 0, 0.04);
}
.newsbox .newon .gl .newon_con .item:hover .i2 {
  right: 0;
  opacity: 1;
}
.newsbox .newon .gl .newon_con .item:hover .rtxt .txt .txt_box a h3 {
  color: var(--color);
}
.newsbox .newon .gl .newon_con .item:hover .rtxt .txt .pub_btn p,
.newsbox .newon .gl .newon_con .item:hover .rtxt .txt .pub_btn i {
  color: var(--color);
}
.newsbox .newon .gl .newon_con .item:hover .public-img img {
  transform: scale(1.05);
}
.newsbox .newon .gl .newon_con .item .public-img {
  width: 43.76299376%;
  border-radius: 8px;
}
@media (max-width: 767px) {
  .newsbox .newon .gl .newon_con .item .public-img {
    width: 100%;
  }
}
.newsbox .newon .gl .newon_con .item .public-img:before {
  padding-top: 68.64608076%;
}
.newsbox .newon .gl .newon_con .item .rtxt {
  width: 49.8960499%;
}
@media (max-width: 767px) {
  .newsbox .newon .gl .newon_con .item .rtxt {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.newsbox .newon .gl .newon_con .item .rtxt .g_time {
  display: flex;
  align-items: center;
}
.newsbox .newon .gl .newon_con .item .rtxt .g_time i {
  margin-right: 0.1rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 13px;
  color: #999;
}
@media (max-width: 1260px) {
  .newsbox .newon .gl .newon_con .item .rtxt .g_time i {
    width: 12px;
  }
}
@media (max-width: 767px) {
  .newsbox .newon .gl .newon_con .item .rtxt .g_time i {
    width: 10px;
  }
}
.newsbox .newon .gl .newon_con .item .rtxt .g_time i svg,
.newsbox .newon .gl .newon_con .item .rtxt .g_time i img {
  width: 100%;
}
.newsbox .newon .gl .newon_con .item .rtxt .g_time i svg path,
.newsbox .newon .gl .newon_con .item .rtxt .g_time i img path {
  fill: var(--color);
}
.newsbox .newon .gl .newon_con .item .rtxt .g_time p {
  color: #999;
}
.newsbox .newon .gl .newon_con .item .rtxt .txt {
  padding-left: 0.22rem;
  margin-top: 0.16rem;
}
.newsbox .newon .gl .newon_con .item .rtxt .txt .txt_box a {
  position: relative;
}
.newsbox .newon .gl .newon_con .item .rtxt .txt .txt_box a::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 74%;
  left: -0.22rem;
  top: 13%;
  background: var(--color);
}
.newsbox .newon .gl .newon_con .item .rtxt .txt .txt_box a h3 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  color: #333;
  font-weight: bold;
}
.newsbox .newon .gl .newon_con .item .rtxt .txt .txt_box p {
  margin-top: 0.16rem;
  color: #666;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.newsbox .newon .gl .newon_con .item .rtxt .txt .g_tag {
  margin-top: 0.2rem;
  display: flex;
  flex-wrap: wrap;
}
.newsbox .newon .gl .newon_con .item .rtxt .txt .g_tag a {
  border-radius: 0.06rem;
  margin: 0 0.1rem 0.05rem 0;
  padding: 5px 13px;
  background: #f7fafd;
  color: #666;
}
.newsbox .newon .gl .newon_con .item .rtxt .txt .pub_btn {
  margin-top: 0.4rem;
}
.newsbox .newon .gl .newon_con .item .rtxt .txt .pub_btn p {
  color: #333;
  text-decoration: underline;
}
.newsbox .newon .gl .newon_con .item .rtxt .txt .pub_btn i {
  color: #333;
}
.newsbox .newon .gl .newon_con .item .i2 {
  opacity: 0;
  transition: all 0.4s;
  right: 0.8rem;
  bottom: 0;
  z-index: 10;
  pointer-events: initial;
  display: block;
  position: absolute;
  width: 50%;
  height: 0.08rem;
  background: -webkit-linear-gradient(to right, #de3e37, rgba(222, 62, 55, 0));
  background: linear-gradient(to right, #de3e37, rgba(222, 62, 55, 0));
  transform: rotate(180deg);
}
.newsbox .newon .gr {
  /* position: sticky;
			position: -webkit-sticky;
			top: 90px; */
  width: 20.14285714%;
}
@media (max-width: 991px) {
  .newsbox .newon .gr {
    width: 100%;
    position: initial;
    margin-top: 0.6rem;
  }
}
@media (max-width: 767px) {
  .newsbox .newon .gr {
    margin: 0 0 0.5rem;
  }
}
@media (max-width: 767px) {
  .newsbox .newon .gr .rbox {
    display: flex;
    overflow: auto;
  }
}
.newsbox .newon .gr .rbox .item {
  padding: 0.3rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e5e5e5;
}
@media (max-width: 767px) {
  .newsbox .newon .gr .rbox .item {
    border: none !important;
    margin-right: 0.3rem;
    flex-shrink: 0;
  }
}
.newsbox .newon .gr .rbox .item:hover p,
.newsbox .newon .gr .rbox .item.on p {
  color: var(--color);
}
.newsbox .newon .gr .rbox .item:hover i,
.newsbox .newon .gr .rbox .item.on i {
  background: var(--color);
  color: #fff;
  transform: rotate(-90deg);
}
.newsbox .newon .gr .rbox .item:first-child {
  border-top: 1px solid #e5e5e5;
}
.newsbox .newon .gr .rbox .item p {
  font-weight: bold;
  transition: all 0.4s;
}
.newsbox .newon .gr .rbox .item i {
  transition: all 0.4s;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: #eaeef2;
  color: #6e6f6f;
}
@media (max-width: 1260px) {
  .newsbox .newon .gr .rbox .item i {
    width: 0.35rem;
    height: 0.35rem;
  }
}
@media (max-width: 767px) {
  .newsbox .newon .gr .rbox .item i {
    width: 0.4rem;
    height: 0.4rem;
    display: none;
  }
}
.newsbox .newon .gr .rbox .item i svg,
.newsbox .newon .gr .rbox .item i img {
  width: 24%;
  height: auto;
}
.newsbox .newon .gr .rbox .item i svg path,
.newsbox .newon .gr .rbox .item i img path {
  fill: var(--color);
}
.newsbox .newon .gr .r_tag {
  margin-top: 0.58rem;
}
@media (max-width: 767px) {
  .newsbox .newon .gr .r_tag {
    display: none;
  }
}
.newsbox .newon .gr .r_tag h3 {
  font-weight: bold;
}
.newsbox .newon .gr .r_tag .r_tag_box {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.2rem;
}
.newsbox .newon .gr .r_tag .r_tag_box a {
  display: inline-flex;
  border: 1px solid #eeeeee;
  border-radius: 0.06rem;
  margin: 0 0.1rem 0.1rem 0;
  padding: 4px 13px;
  color: #666;
  transition: all 0.4s;
}
.newsbox .newon .gr .r_tag .r_tag_box a:hover {
  border-color: var(--color);
  color: var(--color);
}
.newsbox .newon .gr .r_hot h3 {
  font-weight: bold;
}
.newsbox .newon .gr .r_hot .r_hot_box {
  margin-top: 0.26rem;
}
.newsbox .newon .gr .r_hot .r_hot_box .item {
  display: flex;
  flex-direction: column;
  padding: 0.28rem 0;
  transition: all 0.4s;
  border-bottom: 1px solid #e5e5e5;
}
.newsbox .newon .gr .r_hot .r_hot_box .item:first-child {
  border-top: 1px solid #e5e5e5;
}
.newsbox .newon .gr .r_hot .r_hot_box .item:hover {
  border-bottom-color: var(--color);
}
.newsbox .newon .gr .r_hot .r_hot_box .item:hover .txt h4 {
  border-color: var(--color);
  color: var(--color);
}
.newsbox .newon .gr .r_hot .r_hot_box .item .g_time {
  display: flex;
  align-items: center;
}
.newsbox .newon .gr .r_hot .r_hot_box .item .g_time i {
  margin-right: 0.1rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 13px;
  color: #999;
}
@media (max-width: 1260px) {
  .newsbox .newon .gr .r_hot .r_hot_box .item .g_time i {
    width: 12px;
  }
}
@media (max-width: 767px) {
  .newsbox .newon .gr .r_hot .r_hot_box .item .g_time i {
    width: 10px;
  }
}
.newsbox .newon .gr .r_hot .r_hot_box .item .g_time i svg,
.newsbox .newon .gr .r_hot .r_hot_box .item .g_time i img {
  width: 100%;
}
.newsbox .newon .gr .r_hot .r_hot_box .item .g_time i svg path,
.newsbox .newon .gr .r_hot .r_hot_box .item .g_time i img path {
  fill: var(--color);
}
.newsbox .newon .gr .r_hot .r_hot_box .item .g_time p {
  color: #999;
}
.newsbox .newon .gr .r_hot .r_hot_box .item .txt {
  margin-top: 0.15rem;
}
.newsbox .newon .gr .r_hot .r_hot_box .item .txt h4 {
  transition: all 0.4s;
  padding-left: 0.18rem;
  border-left: 1px solid #dcdcdc;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.page {
  margin-top: 0.52rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page a {
  height: 0.5rem;
  width: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0.08rem;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background: none;
  border-radius: 50%;
  border: 1px solid  transparent;
  background: #fff;
  color: #222;
  cursor: pointer;
}
@media (max-width: 767px) {
  .page a {
    font-size: 0.28rem;
    height: 0.7rem;
    min-width: 0.7rem;
  }
}
.page a.prev img,
.page a.prev svg {
  transform: rotate(180deg);
}
.page a:hover {
  color: #fff;
  border-color: var(--color);
  background: var(--color);
}
.page a:hover p {
  color: #fff;
}
.page a:hover svg path {
  fill: #fff;
}
.page a img,
.page a svg {
  width: 6px;
  height: auto;
}
@media (max-width: 1580px) {
  .page a img,
  .page a svg {
    width: 7px;
  }
}
@media (max-width: 767px) {
  .page a img,
  .page a svg {
    width: 6px;
  }
}
.page a .img2 {
  display: none;
}
.page a svg path {
  fill: #999999;
}
.page .active {
  color: #fff;
  border-color: var(--color);
  background: var(--color);
}
.page .active p {
  color: #fff;
}
.page > p {
  color: #222;
  margin: 0 0.08rem;
}
@media (max-width: 767px) {
  .page > p {
    display: none;
  }
}
.page input {
  margin: 0 0.1rem;
  border: 1px solid #dadada;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 0.05rem;
  color: var(--color);
  text-align: center;
}
@media (max-width: 767px) {
  .page input {
    display: none;
  }
}
/* 新闻详情页 */
.ninfo .ninfo_box {
  background: #fff;
  border-radius: 0.1rem;
  padding: 0.8rem 0.8rem 0.55rem;
}
@media (max-width: 767px) {
  .ninfo .ninfo_box {
    padding: 0.4rem;
  }
}
.ninfo .ninfo_box h1 {
  margin-bottom: 0.26rem;
}
.ninfo .ninfo_box .g_lab {
  margin-bottom: 0.28rem;
  display: flex;
  align-items: center;
  padding-bottom: 0.17rem;
  border-bottom: 1px solid #eeeeee;
}
.ninfo .ninfo_box .g_lab .g_lab_it {
  margin-right: 0.72rem;
  display: flex;
  align-items: center;
}
.ninfo .ninfo_box .g_lab .g_lab_it i {
  margin-right: 0.1rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 13px;
  color: #999;
}
@media (max-width: 1260px) {
  .ninfo .ninfo_box .g_lab .g_lab_it i {
    width: 12px;
  }
}
@media (max-width: 767px) {
  .ninfo .ninfo_box .g_lab .g_lab_it i {
    width: 10px;
  }
}
.ninfo .ninfo_box .g_lab .g_lab_it i svg,
.ninfo .ninfo_box .g_lab .g_lab_it i img {
  width: 100%;
}
.ninfo .ninfo_box .g_lab .g_lab_it i svg path,
.ninfo .ninfo_box .g_lab .g_lab_it i img path {
  fill: var(--color);
}
.ninfo .ninfo_box .g_lab .g_lab_it p {
  color: #999;
}
.ninfo .g_fh {
  margin-top: 0.3rem;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.ninfo .g_fh i {
  margin-right: 0.09rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.16rem;
  height: auto;
  color: var(--color);
}
@media (max-width: 1260px) {
  .ninfo .g_fh i {
    width: 0.2rem;
  }
}
@media (max-width: 767px) {
  .ninfo .g_fh i {
    width: 0.24rem;
  }
}
.ninfo .g_fh i svg,
.ninfo .g_fh i img {
  width: 100%;
  height: auto;
}
.ninfo .g_fh i svg path,
.ninfo .g_fh i img path {
  fill: var(--color);
}
.ninfo .g_fh p {
  color: var(--color);
}
.gfx {
  margin-top: 0.75rem;
}
.gfx .gfx_box {
  display: flex;
  justify-content: space-between;
}
.gfx .gfx_box .g_tag {
  display: flex;
  flex-wrap: wrap;
}
.gfx .gfx_box .g_tag a {
  border-radius: 0.06rem;
  margin: 0 0.1rem 0.05rem 0;
  padding: 5px 13px;
  background: #f7fafd;
  color: #666;
}
.gfx .gfx_box .rbox {
  flex-shrink: 0;
  display: flex;
}
.gfx .gfx_box .rbox .bshare-custom {
  display: flex;
  align-items: center;
  justify-content: center;
}
.gfx .gfx_box .rbox .bshare-custom a {
  width: 0.3rem;
  height: 0.3rem;
  padding: 0;
  background: #fff;
  border-radius: 50%;
  margin: 0 0 0 0.06rem;
  border: 1px solid #efefef;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
}
.gfx .gfx_box .rbox .bshare-custom a:hover {
  background: var(--color);
  opacity: 1;
}
.gfx .gfx_box .rbox .bshare-custom a:hover svg {
  color: #fff;
}
.gfx .gfx_box .rbox .bshare-custom a::before {
  content: '' !important;
}
@media (max-width: 767px) {
  .gfx .gfx_box .rbox .bshare-custom a {
    width: 0.5rem;
    height: 0.5rem;
  }
}
.gfx .gfx_box .rbox .bshare-custom a svg {
  transition: all 0.4s;
  color: #000;
  width: auto;
  height: 43.33333333%;
  pointer-events: none;
}
.gfx .gfx_box .rbox .bshare-custom a svg path {
  fill: #fff;
  opacity: 1;
}
.gfx .gfx_box .rbox .social-share .icon-wechat .wechat-qrcode {
  top: 120% !important;
  left: 50% !important;
  transform: translateX(-50%);
  height: auto;
}
@media (max-width: 767px) {
  .gfx .gfx_box .rbox .social-share .icon-wechat .wechat-qrcode {
    left: auto !important;
    right: 0 !important;
    transform: translateX(0%);
  }
}
.gfx .gfx_box .rbox .social-share .icon-wechat .wechat-qrcode:after {
  display: none !important;
}
.gfx .gfx_box .rbox .bsBox {
  box-sizing: initial;
}
.gfx .g_pag {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-top: 0.26rem;
}
.gfx .g_pag .fh {
  display: flex;
  align-items: center;
}
.gfx .g_pag .fh:hover p {
  color: var(--color);
}
.gfx .g_pag .fh p {
  color: #222;
  transition: all 0.4s;
}
.gfx .g_pag .fh svg {
  width: 14px;
  height: 14px;
  margin-left: 0.15rem;
}
.gfx .g_pag .fh svg path {
  fill: var(--color);
}
.gfx .g_pag .pag_l,
.gfx .g_pag .pag_r {
  display: flex;
  align-items: center;
  width: 48%;
}
.gfx .g_pag .pag_l:hover span,
.gfx .g_pag .pag_r:hover span,
.gfx .g_pag .pag_l:hover p,
.gfx .g_pag .pag_r:hover p,
.gfx .g_pag .pag_l:hover i,
.gfx .g_pag .pag_r:hover i {
  color: var(--color);
}
.gfx .g_pag .pag_l span,
.gfx .g_pag .pag_r span {
  margin: 0 0.1rem;
  flex-shrink: 0;
  color: #333;
  transition: all 0.4s;
}
.gfx .g_pag .pag_l p,
.gfx .g_pag .pag_r p {
  transition: all 0.4s;
  color: #666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.gfx .g_pag .pag_l i,
.gfx .g_pag .pag_r i {
  transition: all 0.4s;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.13rem;
  height: auto;
  color: #333;
}
@media (max-width: 1260px) {
  .gfx .g_pag .pag_l i,
  .gfx .g_pag .pag_r i {
    width: 0.16rem;
  }
}
@media (max-width: 767px) {
  .gfx .g_pag .pag_l i,
  .gfx .g_pag .pag_r i {
    width: 0.19rem;
    display: none;
  }
}
.gfx .g_pag .pag_l i svg,
.gfx .g_pag .pag_r i svg,
.gfx .g_pag .pag_l i img,
.gfx .g_pag .pag_r i img {
  width: 100%;
  height: auto;
}
.gfx .g_pag .pag_l i svg path,
.gfx .g_pag .pag_r i svg path,
.gfx .g_pag .pag_l i img path,
.gfx .g_pag .pag_r i img path {
  fill: var(--color);
}
.gfx .g_pag .pag_l i {
  transform: rotate(180deg);
}
.gfx .g_pag .pag_r {
  text-align: right;
  justify-content: flex-end;
}
.wechat-qrcode .help {
  display: none !important;
}
.social-share .icon-wechat .wechat-qrcode .qrcode {
  width: 115px !important;
}
.social-share .icon-wechat .wechat-qrcode .qrcode img {
  width: 100%;
}
.b_hot {
  margin-bottom: 1.2rem;
}
@media (max-width: 767px) {
  .b_hot {
    margin-bottom: 0.8rem;
  }
}
.b_hot .pub_news {
  margin-top: 0.34rem;
}
.pub_news {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.32rem;
}
@media (max-width: 767px) {
  .pub_news {
    margin: 0 ;
  }
}
.pub_news .item {
  width: calc(1/3*100%);
  margin-bottom: 0.4rem;
  padding: 0 0.32rem;
}
@media (max-width: 767px) {
  .pub_news .item {
    width: 100%;
    padding: 0;
  }
}
.pub_news .item .itembox {
  background: #fff;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0.1rem;
}
.pub_news .item .itembox:hover .public-img img {
  transform: scale(1.05);
}
.pub_news .item .itembox:hover .txt h4 {
  color: var(--color) !important;
}
.pub_news .item .itembox .public-img {
  border-radius: 0.1rem;
}
.pub_news .item .itembox .public-img:before {
  padding-top: 68.64608076%;
}
.pub_news .item .itembox .pub_news_b {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.25rem 0.3rem 0.26rem;
}
.pub_news .item .itembox .pub_news_b .g_time {
  display: flex;
  align-items: center;
}
.pub_news .item .itembox .pub_news_b .g_time i {
  margin-right: 0.1rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 13px;
  color: #999;
}
@media (max-width: 1260px) {
  .pub_news .item .itembox .pub_news_b .g_time i {
    width: 12px;
  }
}
@media (max-width: 767px) {
  .pub_news .item .itembox .pub_news_b .g_time i {
    width: 10px;
  }
}
.pub_news .item .itembox .pub_news_b .g_time i svg,
.pub_news .item .itembox .pub_news_b .g_time i img {
  width: 100%;
}
.pub_news .item .itembox .pub_news_b .g_time i svg path,
.pub_news .item .itembox .pub_news_b .g_time i img path {
  fill: var(--color);
}
.pub_news .item .itembox .pub_news_b .g_time p {
  color: #999;
}
.pub_news .item .itembox .pub_news_b .txt {
  display: flex;
  margin-top: 0.15rem;
}
.pub_news .item .itembox .pub_news_b .txt h4 {
  transition: all 0.4s;
  padding-left: 0.18rem;
  border-left: 1px solid var(--color);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.pub_news .item .itembox .pub_news_b .g_tag {
  padding-left: 0.24rem;
  margin-top: 0.25rem;
  display: flex;
  flex-wrap: wrap;
}
.pub_news .item .itembox .pub_news_b .g_tag a {
  border-radius: 0.06rem;
  margin: 0 0.1rem 0.05rem 0;
  padding: 5px 13px;
  background: #f7fafd;
  color: #666;
}
.stobox .box {
  padding: 0.75rem 0 1.1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .stobox .box {
    flex-direction: column;
    padding: 0.9rem 0;
  }
}
.stobox .box .gl {
  width: 43%;
}
@media (max-width: 767px) {
  .stobox .box .gl {
    width: 100%;
  }
}
.stobox .box .gl h1 {
  font-weight: bold;
  line-height: 1.2;
}
.stobox .box .gl .g_p {
  margin-top: 0.48rem;
  color: #666;
}
.stobox .box .gl .g_num {
  margin-top: 0.58rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.stobox .box .gl .g_num .item {
  text-align: center;
  margin-right: 0.4rem;
}
.stobox .box .gl .g_num .item .item_t {
  color: var(--color);
  position: relative;
}
.stobox .box .gl .g_num .item .item_t p {
  line-height: 1;
  text-align: center;
  font-weight: bold;
}
.stobox .box .gl .g_num .item .item_t span {
  position: absolute;
  top: 0;
  left: calc(100% + 2px);
  font-weight: bold;
  line-height: 1;
}
.stobox .box .gl .g_num .item .item_b {
  margin-top: 0.1rem;
}
.stobox .box .gl .g_num .item .item_b p {
  color: #666;
}
.stobox .box .gr {
  width: 48.57142857%;
}
@media (max-width: 767px) {
  .stobox .box .gr {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.stobox .box .gr .public-img {
  border-radius: 0.1rem;
}
.stobox .box .gr .public-img:before {
  padding-top: 68.67647059%;
}
.stoon {
  padding: 0.8rem 0 0;
  margin-bottom: 0.75rem;
}
@media (max-width: 767px) {
  .stoon {
    margin-bottom: 0.5rem;
  }
}
.stoon .box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 991px) {
  .stoon .box {
    flex-direction: column;
  }
}
.stoon .box .gl {
  width: 74.28571429%;
}
@media (max-width: 991px) {
  .stoon .box .gl {
    width: 100%;
  }
}
.stoon .box .gl .card {
  border-radius: 0.1rem;
  border: 2px solid #fde0da;
  padding: 0.55rem 0.96rem 0.52rem;
  background: url(../images/story6.png) no-repeat;
  background-size: 100% 100%;
}
@media (max-width: 767px) {
  .stoon .box .gl .card {
    padding: 0.4rem 0.6rem;
  }
}
.stoon .box .gl .card .card_t {
  position: relative;
}
.stoon .box .gl .card .card_t span {
  color: var(--color);
  position: absolute;
  line-height: 1;
}
.stoon .box .gl .card .card_t .span1 {
  left: -0.3rem;
  top: -0.06rem;
}
.stoon .box .gl .card .card_t .span2 {
  right: -0.36rem;
  top: calc(100% - 0.15rem);
}
.stoon .box .gl .card .card_b {
  margin-top: 0.6rem;
  display: flex;
  align-items: center;
}
.stoon .box .gl .card .card_b img {
  object-fit: contain;
  width: 0.65rem;
  height: 0.65rem;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .stoon .box .gl .card .card_b img {
    width: 0.95rem;
    height: 0.95rem;
  }
}
.stoon .box .gl .card .card_b .txt {
  margin-left: 0.15rem;
}
.stoon .box .gl .card .card_b .txt .p1 {
  color: #666;
}
.stoon .box .gl .card .card_b .txt .p2 {
  margin-top: 5px;
}
.stoon .box .gl .stoon_box {
  margin-top: 1.15rem;
}
.stoon .box .gl .stoon_box .stoon_con {
  margin-top: 0.35rem;
  padding: 0.8rem 0.8rem 0.4rem;
  background: #fff;
  border-radius: 0.1rem;
}
@media (max-width: 767px) {
  .stoon .box .gl .stoon_box .stoon_con {
    padding: 0.4rem;
  }
}
.stoon .box .gl .stoon_box .stoon_con .g_sinfo .g_it {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.2rem;
}
@media (max-width: 767px) {
  .stoon .box .gl .stoon_box .stoon_con .g_sinfo .g_it {
    flex-direction: column;
  }
}
.stoon .box .gl .stoon_box .stoon_con .g_sinfo .g_it h3 {
  color: #000;
  margin-bottom: 0.14rem;
  font-weight: bold;
}
.stoon .box .gl .stoon_box .stoon_con .g_sinfo .g_it p {
  line-height: 1.71428571;
}
.stoon .box .gl .stoon_box .stoon_con .g_sinfo .g_it .lbox {
  width: 38.63636364%;
  border-radius: 0.1rem;
  background: #f7fafd;
  padding: 0.4rem 0.72rem 0.4rem 0.4rem;
  position: relative;
}
@media (max-width: 767px) {
  .stoon .box .gl .stoon_box .stoon_con .g_sinfo .g_it .lbox {
    width: 100%;
  }
}
.stoon .box .gl .stoon_box .stoon_con .g_sinfo .g_it .lbox i {
  z-index: 10;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: var(--color);
  color: var(--color);
}
@media (max-width: 767px) {
  .stoon .box .gl .stoon_box .stoon_con .g_sinfo .g_it .lbox i {
    width: 0.6rem;
    height: 0.6rem;
    top: 100%;
    right: 50%;
    transform: translate(50%, -50%);
  }
}
.stoon .box .gl .stoon_box .stoon_con .g_sinfo .g_it .lbox i svg,
.stoon .box .gl .stoon_box .stoon_con .g_sinfo .g_it .lbox i img {
  color: #fff;
  width: calc(12/40*100%);
  height: auto;
}
.stoon .box .gl .stoon_box .stoon_con .g_sinfo .g_it .lbox i svg path,
.stoon .box .gl .stoon_box .stoon_con .g_sinfo .g_it .lbox i img path {
  fill: var(--color);
}
.stoon .box .gl .stoon_box .stoon_con .g_sinfo .g_it .rbox {
  width: 61.36363636%;
  padding: 0.4rem;
  border-radius: 0.1rem;
  border: 2px solid #fde0da;
  background: url(../images/story6.png) no-repeat;
  background-size: 100% 100%;
}
@media (max-width: 767px) {
  .stoon .box .gl .stoon_box .stoon_con .g_sinfo .g_it .rbox {
    width: 100%;
  }
}
.stoon .box .gl .stoon_box .g_fh {
  margin-top: 0.3rem;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.stoon .box .gl .stoon_box .g_fh i {
  margin-right: 0.09rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.16rem;
  height: auto;
  color: var(--color);
}
@media (max-width: 1260px) {
  .stoon .box .gl .stoon_box .g_fh i {
    width: 0.2rem;
  }
}
@media (max-width: 767px) {
  .stoon .box .gl .stoon_box .g_fh i {
    width: 0.24rem;
  }
}
.stoon .box .gl .stoon_box .g_fh i svg,
.stoon .box .gl .stoon_box .g_fh i img {
  width: 100%;
  height: auto;
}
.stoon .box .gl .stoon_box .g_fh i svg path,
.stoon .box .gl .stoon_box .g_fh i img path {
  fill: var(--color);
}
.stoon .box .gl .stoon_box .g_fh p {
  color: var(--color);
}
.stoon .box .gr {
  position: sticky;
  position: -webkit-sticky;
  top: 90px;
  width: 20%;
}
@media (max-width: 991px) {
  .stoon .box .gr {
    width: 50%;
    position: relative;
    top: 0;
    margin: 0.6rem auto 0;
  }
}
@media (max-width: 767px) {
  .stoon .box .gr {
    width: 100%;
  }
}
.stoon .box .gr .public-img {
  border-radius: 0.1rem;
}
.stoon .box .gr .public-img:before {
  padding-top: 150%;
}
@media (max-width: 767px) {
  .stoon .box .gr .public-img:before {
    padding-top: 80%;
  }
}
.stoon .box .gr .gbox {
  width: 100%;
  height: 100%;
  position: absolute;
  padding: 0.35rem 0.1rem 0.1rem;
  top: 0;
  left: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.stoon .box .gr .gbox .gt {
  line-height: 1.2;
  color: #fff;
  text-align: center;
}
.stoon .box .gr .gbox .gt p span {
  font-weight: bold;
  display: inline-flex;
}
.stoon .box .gr .gbox .gt p i {
  font-style: initial;
  font-size: 14px;
  margin-top: 0.04rem;
}
.stoon .box .gr .gbox .gb {
  width: 100%;
  display: flex;
  justify-content: center;
}
.stoon .box .gr .gbox .gb .pub_btn {
  width: 48%;
  padding: 0.05rem 0.15rem;
}
.stoon .box .gr .gbox .gb .pub_btn p {
  white-space: nowrap;
}
/* 客户联系 */
.conbox .box {
  padding: 0.54rem 0 1.6rem;
}
@media (max-width: 767px) {
  .conbox .box {
    padding: 0.4rem 0 0.8rem;
  }
}
.conbox .box .g_title {
  margin-bottom: 0.75rem;
}
.conbox .box .conon {
  padding: 0.84rem 0 0;
  border-top: 1px solid #e5e5e5;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .conbox .box .conon {
    flex-direction: column;
  }
}
.conbox .box .conon .gl {
  width: 50%;
}
@media (max-width: 767px) {
  .conbox .box .conon .gl {
    width: 100%;
  }
}
.conbox .box .conon .gl .conl h2 {
  margin-bottom: 0.36rem;
  font-weight: bold;
}
.conbox .box .conon .gl .conl .conl_box .item {
  margin-bottom: 0.36rem;
  position: relative;
  padding-left: 0.18rem;
}
.conbox .box .conon .gl .conl .conl_box .item::after {
  content: '';
  position: absolute;
  width: 2px;
  height: calc(100% - 6px);
  left: 0;
  top: 3px;
  background: var(--color);
}
.conbox .box .conon .gl .conl .conl_box .item:hover .p2 {
  color: var(--color);
}
.conbox .box .conon .gl .conl .conl_box .item p {
  line-height: 1.4;
}
.conbox .box .conon .gl .conl .conl_box .item .p1 {
  margin-bottom: 0.05rem;
  color: #666;
}
.conbox .box .conon .gl .conl .conl_box .item .p2 {
  color: #000;
  transition: all 0.4s;
}
.conbox .box .conon .gl .conl .conl_b {
  display: flex;
  align-items: center;
}
.conbox .box .conon .gl .conl .conl_b .img {
  margin-right: 0.18rem;
  border-radius: 0.1rem;
  padding: 0.13rem;
  border: 1px solid #efefef;
}
.conbox .box .conon .gl .conl .conl_b .img img {
  width: 90px;
  height: auto;
}
.conbox .box .conon .gl .conl .conl_b .txt p {
  color: #666;
}
.conbox .box .conon .gl .cool {
  padding-right: 0.6rem;
}
@media (max-width: 767px) {
  .conbox .box .conon .gl .cool {
    padding-right: 0;
  }
}
.conbox .box .conon .gl .cool h2 {
  font-weight: bold;
  margin-bottom: 0.36rem;
}
.conbox .box .conon .gl .cool .cool_box .item {
  margin-bottom: 0.1rem;
  background: #fff;
  border-radius: 0.08rem;
  padding: 0.3rem 0.4rem 0.26rem;
  border: 1px solid transparent;
}
.conbox .box .conon .gl .cool .cool_box .item:hover {
  background: #fffcfc;
  border-color: #fbe5e4;
}
.conbox .box .conon .gl .cool .cool_box .item h4 {
  font-weight: bold;
  margin-bottom: 0.24rem;
}
.conbox .box .conon .gl .cool .cool_box .item p {
  border-top: 1px dashed #dcdcdc;
  padding-top: 0.26rem;
  color: #666;
}
.conbox .box .conon .gr {
  width: 50%;
}
@media (max-width: 767px) {
  .conbox .box .conon .gr {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.conbox .box .conon .gr h2 {
  font-weight: bold;
  margin-bottom: 0.36rem;
}
.conbox .box .conon .gr form .inp {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .conbox .box .conon .gr form .inp {
    flex-direction: column;
  }
}
.conbox .box .conon .gr form .inp .inp_box {
  width: calc(50% - 0.1rem);
  margin-bottom: 0.18rem;
}
@media (max-width: 767px) {
  .conbox .box .conon .gr form .inp .inp_box {
    width: 100%;
    margin-bottom: 0.2rem;
  }
}
.conbox .box .conon .gr form .inp .inp_box .inp_txt {
  margin-bottom: 0.1rem;
}
.conbox .box .conon .gr form .inp .inp_box .inp_txt p {
  color: #333;
}
.conbox .box .conon .gr form .inp .inp_box .inp_txt p span {
  color: var(--color);
}
.conbox .box .conon .gr form .inp .inp_box input {
  padding: 0 0.2rem;
  width: 100%;
  height: 0.5rem;
  background: #fff;
  border: 1px solid #eeeeee;
  border-radius: 0.08rem;
}
@media (max-width: 767px) {
  .conbox .box .conon .gr form .inp .inp_box input {
    height: 0.8rem;
  }
}
.conbox .box .conon .gr form .inp .inp_box .sot_select_nr .sel_text_x {
  height: 0.5rem;
}
@media (max-width: 767px) {
  .conbox .box .conon .gr form .inp .inp_box .sot_select_nr .sel_text_x {
    height: 0.8rem;
  }
}
.conbox .box .conon .gr form .inp2 .inp_box {
  width: 100%;
}
.conbox .box .conon .gr form .inptext .inp_box textarea {
  background: #fff;
  border: 1px solid #eeeeee;
  border-radius: 0.1rem;
  width: 100%;
  height: 1.44rem;
  padding: 0.13rem 0.18rem;
}
@media (max-width: 767px) {
  .conbox .box .conon .gr form .inptext .inp_box textarea {
    height: 2.2rem;
  }
}
.conbox .box .conon .gr form .g_lab {
  margin-bottom: 0.25rem;
  padding-right: 0.1rem;
  color: #999999;
}
.conbox .box .conon .gr form .g_lab a {
  color: #333;
}
.conbox .box .conon .gr form .pub_btn {
  padding: 0;
}
@media (max-width: 1260px) {
  .conbox .box .conon .gr form .pub_btn {
    padding: 0.05rem 0.3rem;
  }
}
.layui-form .layui-input:focus,
.layui-form .layui-textarea:focus {
  border-color: var(--color) !important;
}
.layui-form .layui-input-block {
  margin-left: 0;
  margin-right: 0;
}
.layui-form .layui-form-select dl {
  top: 100%;
  bottom: auto;
}
.layui-form .layui-form-select dl dd.layui-this {
  background: var(--color);
  color: #fff;
}
.layui-form .layui-form-select .layui-input {
  height: 0.5rem;
  border: 1px solid #cccccc;
  color: #444;
  padding: 0 0.2rem;
  border-radius: 100px;
}
@media (max-width: 767px) {
  .layui-form .layui-form-select .layui-input {
    height: 0.8rem;
  }
}
.layui-form .layui-form-select .layui-edge {
  right: 0.24rem;
  background: url(../images/b3.svg) no-repeat;
  background-size: contain;
  width: 12px;
  height: 7px;
  border: none;
  margin: 0;
  margin-top: -4px;
}
/* 加入我们 */
.joinon {
  padding-top: 1rem;
  margin: 0 0 1.35rem;
  position: relative;
}
@media (max-width: 767px) {
  .joinon {
    margin: 0 0 0.8rem;
  }
}
.joinon .gbj {
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  pointer-events: none;
  max-height: 2050px;
}
.joinon .container {
  position: relative;
  z-index: 10;
}
.joinon .box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
@media (max-width: 767px) {
  .joinon .box {
    flex-direction: column;
  }
}
.joinon .box .g_jia {
  position: absolute;
  flex-shrink: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.25rem;
  height: auto;
  color: #fff;
  z-index: 100;
}
@media (max-width: 1260px) {
  .joinon .box .g_jia {
    width: 0.28rem;
  }
}
@media (max-width: 767px) {
  .joinon .box .g_jia {
    width: 0.32rem;
    display: none;
  }
}
.joinon .box .g_jia svg,
.joinon .box .g_jia img {
  width: 100%;
  height: auto;
}
.joinon .box .g_jia svg path,
.joinon .box .g_jia img path {
  fill: var(--color);
}
.joinon .box .gl,
.joinon .box .gr {
  margin: 0 -0.5rem;
  width: 47.5%;
  position: relative;
}
@media (max-width: 991px) {
  .joinon .box .gl,
  .joinon .box .gr {
    width: 55%;
  }
}
@media (max-width: 767px) {
  .joinon .box .gl,
  .joinon .box .gr {
    width: 100%;
    margin: 0 0 0.5rem;
  }
}
.joinon .box .gl::before,
.joinon .box .gr::before {
  content: "";
  display: block;
  position: relative;
  z-index: 0;
  padding-top: 99.5%;
}
.joinon .box .gl .lbox,
.joinon .box .gr .lbox {
  background: url(../images/join2.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.8s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0.56rem 1.15rem 0.76rem 0.77rem;
}
@media (max-width: 767px) {
  .joinon .box .gl .lbox,
  .joinon .box .gr .lbox {
    padding: 0.1rem 0.7rem 0.76rem;
  }
}
@media (max-width: 767px) {
  .joinon .box .gl .lbox .lbox_con .g_h3,
  .joinon .box .gr .lbox .lbox_con .g_h3 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.joinon .box .gl .lbox .lbox_con .g_h3 i,
.joinon .box .gr .lbox .lbox_con .g_h3 i {
  margin-bottom: 0.11rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.32rem;
  height: auto;
  color: #fff;
}
@media (max-width: 1260px) {
  .joinon .box .gl .lbox .lbox_con .g_h3 i,
  .joinon .box .gr .lbox .lbox_con .g_h3 i {
    width: 0.38rem;
  }
}
@media (max-width: 767px) {
  .joinon .box .gl .lbox .lbox_con .g_h3 i,
  .joinon .box .gr .lbox .lbox_con .g_h3 i {
    width: 0.44rem;
  }
}
.joinon .box .gl .lbox .lbox_con .g_h3 i svg,
.joinon .box .gr .lbox .lbox_con .g_h3 i svg,
.joinon .box .gl .lbox .lbox_con .g_h3 i img,
.joinon .box .gr .lbox .lbox_con .g_h3 i img {
  width: 100%;
  height: auto;
}
.joinon .box .gl .lbox .lbox_con .g_h3 i svg path,
.joinon .box .gr .lbox .lbox_con .g_h3 i svg path,
.joinon .box .gl .lbox .lbox_con .g_h3 i img path,
.joinon .box .gr .lbox .lbox_con .g_h3 i img path {
  fill: var(--color);
}
.joinon .box .gl .lbox .lbox_con .g_h3 h3,
.joinon .box .gr .lbox .lbox_con .g_h3 h3 {
  font-weight: bold;
}
@media (max-width: 1260px) {
  .joinon .box .gl .lbox .lbox_con .g_h3 h3,
  .joinon .box .gr .lbox .lbox_con .g_h3 h3 {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .joinon .box .gl .lbox .lbox_con .g_h3 h3,
  .joinon .box .gr .lbox .lbox_con .g_h3 h3 {
    font-size: 16px;
  }
}
.joinon .box .gl .lbox .lbox_con .g_p,
.joinon .box .gr .lbox .lbox_con .g_p {
  margin-top: 0.2rem;
}
.joinon .box .gl .lbox .lbox_con .g_p ul,
.joinon .box .gr .lbox .lbox_con .g_p ul {
  padding-left: 18px;
}
.joinon .box .gl .lbox .lbox_con .g_p ul li,
.joinon .box .gr .lbox .lbox_con .g_p ul li {
  margin-bottom: 0.1rem;
  list-style: auto;
}
@media (max-width: 1260px) {
  .joinon .box .gl .lbox .lbox_con .g_p ul li,
  .joinon .box .gr .lbox .lbox_con .g_p ul li {
    font-size: 12px;
  }
}
.joinon .box .gr::before {
  padding-top: 97.3%;
}
.joinon .box .gr .lbox {
  background: url(../images/join3.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  justify-content: flex-end;
}
@media (max-width: 991px) {
  .joinon .box .gr .lbox {
    justify-content: center;
  }
}
.joinon .box .gr .lbox .lbox_con {
  margin-left: 0.8rem;
}
@media (max-width: 991px) {
  .joinon .box .gr .lbox .lbox_con {
    margin-left: 0;
  }
}
.jointw {
  margin: 1.35rem 0;
}
@media (max-width: 767px) {
  .jointw {
    margin: 0.8rem 0;
  }
}
.jointw .g_list {
  margin-top: 0.55rem;
}
@media (max-width: 767px) {
  .jointw .g_list {
    display: flex;
    overflow: auto;
  }
}
.jointw .g_list li {
  position: relative;
  z-index: 10;
  margin-bottom: 0.3rem;
  box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.1);
  border-radius: 0.2rem;
  background: #fff;
  padding: 10px;
  will-change: transform;
}
@media (max-width: 767px) {
  .jointw .g_list li {
    width: 84%;
    flex-shrink: 0;
    margin-right: 0.3rem;
  }
}
.jointw .g_list li .g_wrap {
  /* border: 1px solid #eff2f5; */
  border-radius: 0.1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.32rem 0.3rem;
}
@media (max-width: 767px) {
  .jointw .g_list li .g_wrap {
    flex-direction: column-reverse;
  }
}
.jointw .g_list li .g_wrap .gl {
  padding: 0 1rem 0 0.25rem;
  width: 52.65151515%;
}
@media (max-width: 767px) {
  .jointw .g_list li .g_wrap .gl {
    width: 100%;
    padding: 0.5rem 0 0;
  }
}
.jointw .g_list li .g_wrap .gl h3 {
  margin-bottom: 0.48rem;
  font-weight: bold;
}
.jointw .g_list li .g_wrap .gl .g_p p {
  margin-bottom: 0.22rem;
  display: block;
  position: relative;
  padding-left: 18px;
}
.jointw .g_list li .g_wrap .gl .g_p p:after {
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--color);
  left: 0;
  top: 9px;
}
@media (max-width: 1580px) {
  .jointw .g_list li .g_wrap .gl .g_p p:after {
    top: 8px;
    width: 4px;
    height: 4px;
  }
}
.jointw .g_list li .g_wrap .gr {
  width: 47.34848485%;
}
@media (max-width: 767px) {
  .jointw .g_list li .g_wrap .gr {
    width: 100%;
  }
}
.jointw .g_list li .g_wrap .gr .public-img {
  border-radius: 0.1rem;
}
.jointw .g_list li .g_wrap .gr .public-img:before {
  padding-top: 68.48%;
}
.jointh {
  margin: 1.35rem 0 1.6rem;
}
@media (max-width: 767px) {
  .jointh {
    margin: 0.8rem 0;
  }
}
.jointh .box {
  margin-top: 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 991px) {
  .jointh .box {
    flex-direction: column;
  }
}
.jointh .box .gl {
  width: 74.28571429%;
}
@media (max-width: 991px) {
  .jointh .box .gl {
    width: 100%;
  }
}
.jointh .box .gl .tit {
  border-bottom: 1px solid #dddddd;
  font-weight: bold;
  margin-bottom: 0.1rem;
  display: flex;
  justify-content: space-between;
  padding: 0 0.58rem 0.26rem 0;
}
.jointh .box .gl .tit p {
  width: 19.23076923%;
  text-align: center;
}
@media (max-width: 767px) {
  .jointh .box .gl .tit p {
    font-size: 14px;
    width: 25% !important;
  }
}
.jointh .box .gl .tit p:first-child {
  width: 11.73076923%;
}
@media (max-width: 767px) {
  .jointh .box .gl .tit p:nth-child(5) {
    display: none;
  }
}
.jointh .box .gl ul li {
  border-bottom: 1px solid #dddddd;
  transition: all 0.4s;
}
.jointh .box .gl ul li:first-child .g_xia {
  display: block;
}
.jointh .box .gl ul li.on {
  border-color: transparent;
}
.jointh .box .gl ul li.on .g_top {
  background: var(--color);
}
.jointh .box .gl ul li.on .g_top .g_top_txt {
  color: #fff;
}
.jointh .box .gl ul li.on .g_top .g_gb {
  transform: translateY(-50%) rotate(180deg);
}
.jointh .box .gl ul li.on .g_top .g_gb svg {
  color: #fff;
}
.jointh .box .gl ul li.on .g_xia {
  background: #fff;
}
.jointh .box .gl ul li .g_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 0.1rem;
  padding: 0.25rem 0;
  position: relative;
  cursor: pointer;
  transition: all 0.4s;
}
.jointh .box .gl ul li .g_top .g_top_txt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 0.58rem 0 0;
}
.jointh .box .gl ul li .g_top .g_top_txt p {
  transition: all 0.4s;
  width: 19.23076923%;
  text-align: center;
}
@media (max-width: 767px) {
  .jointh .box .gl ul li .g_top .g_top_txt p {
    font-size: 14px;
    width: 25% !important;
  }
}
.jointh .box .gl ul li .g_top .g_top_txt p:first-child {
  width: 11.73076923%;
}
@media (max-width: 767px) {
  .jointh .box .gl ul li .g_top .g_top_txt p:nth-child(5) {
    display: none;
  }
}
.jointh .box .gl ul li .g_top .g_gb {
  border-radius: 0.1rem;
  right: 0.2rem;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  position: absolute;
  transition: 0.4s all;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.2rem;
  width: 13px;
  height: auto;
  flex-shrink: 0;
}
.jointh .box .gl ul li .g_top .g_gb svg,
.jointh .box .gl ul li .g_top .g_gb img {
  width: 100%;
  height: auto;
  color: #999;
}
.jointh .box .gl ul li .g_xia {
  margin-top: -0.1rem;
  border-radius: 0 0 0.1rem 0.1rem;
  display: none;
}
.jointh .box .gl ul li .g_xia .g_bjq {
  padding: 0.5rem 0.34rem;
}
.jointh .box .gl ul li .g_xia .g_bjq p {
  line-height: 1.875;
  color: #999;
}
.jointh .box .gl ul li .g_xia .g_bjq h3,
.jointh .box .gl ul li .g_xia .g_bjq h4,
.jointh .box .gl ul li .g_xia .g_bjq h5 {
  font-weight: bold;
  margin-bottom: 0.15rem;
}
.jointh .box .gr {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  width: 20%;
  padding: 1.4rem 0 0.3rem;
}
@media (max-width: 991px) {
  .jointh .box .gr {
    width: 100%;
    padding: 0.5rem 0 0;
  }
}
.jointh .box .gr h2 {
  margin-bottom: 0.26rem;
  font-weight: bold;
  padding-left: 12px;
  border-left: 2px solid var(--color);
  line-height: 1;
}
.jointh .box .gr .txt {
  line-height: 1.71428571;
}
.jointh .box .gr .txt a {
  color: var(--color);
}
.jointh .box .gr .txt a:hover {
  text-decoration: underline;
}
/* 留资单页 */
.retbox .box {
  padding: 0.54rem 0 1.6rem;
}
@media (max-width: 767px) {
  .retbox .box {
    padding: 0.4rem 0 0.8rem;
  }
}
.retbox .box .g_title {
  margin-bottom: 0.75rem;
}
.retbox .box .reton {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .retbox .box .reton {
    flex-direction: column;
  }
}
.retbox .box .reton .gl {
  width: 42.85714286%;
}
@media (max-width: 767px) {
  .retbox .box .reton .gl {
    width: 100%;
  }
}
.retbox .box .reton .gl .txt {
  margin-bottom: 0.36rem;
}
.retbox .box .reton .gl .txt h2 {
  font-weight: 900;
  margin-bottom: 0.2rem;
  line-height: 1.2;
}
.retbox .box .reton .gl .gimg {
  margin-bottom: 0.26rem;
}
.retbox .box .reton .gl .gimg img {
  border-radius: 0.1rem;
}
.retbox .box .reton .gl .glogo h3 {
  font-weight: bold;
  margin-bottom: 0.24rem;
}
.retbox .box .reton .gl .glogo .glogo_box {
  position: relative;
}
.retbox .box .reton .gl .glogo .glogo_box .bj1 {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  width: 0.6rem;
  height: 1rem;
  pointer-events: none;
  z-index: 10;
  background: linear-gradient(270deg, #f5f8fc 20.45%, hsla(0, 0%, 100%, 0));
}
@media (max-width: 1580px) {
  .retbox .box .reton .gl .glogo .glogo_box .bj1 {
    height: 1.2rem;
  }
}
@media (max-width: 767px) {
  .retbox .box .reton .gl .glogo .glogo_box .bj1 {
    width: 1rem;
  }
}
.retbox .box .reton .gl .glogo .glogo_box .bj2 {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.6rem;
  height: 1rem;
  pointer-events: none;
  z-index: 10;
  background: linear-gradient(270deg, #f5f8fc 20.45%, hsla(0, 0%, 100%, 0));
}
@media (max-width: 1580px) {
  .retbox .box .reton .gl .glogo .glogo_box .bj2 {
    height: 1.2rem;
  }
}
@media (max-width: 767px) {
  .retbox .box .reton .gl .glogo .glogo_box .bj2 {
    width: 1rem;
  }
}
.retbox .box .reton .gl .glogo .glogo_box .item {
  margin-bottom: 0.3rem;
  display: flex;
  white-space: initial;
  line-height: 1.5;
}
.retbox .box .reton .gl .glogo .glogo_box .item .img {
  width: auto;
  height: 20px;
  display: inline-block;
  margin-right: 0.2rem;
}
.retbox .box .reton .gl .glogo .glogo_box .item .img img {
  height: 100%;
}
.retbox .box .reton .gr {
  margin-top: 0.9rem;
  width: 50%;
  border: 1px solid #fbe5e4;
  padding: 0.38rem 0.3rem 0.47rem;
  border-radius: 0.1rem;
  background: #fffcfc;
}
@media (max-width: 767px) {
  .retbox .box .reton .gr {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.retbox .box .reton .gr .txt {
  margin-bottom: 0.54rem;
}
.retbox .box .reton .gr .txt h2 {
  font-weight: bold;
  margin-bottom: 0.12rem;
}
.retbox .box .reton .gr form .inp {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .retbox .box .reton .gr form .inp {
    flex-direction: column;
  }
}
.retbox .box .reton .gr form .inp .inp_box {
  width: calc(50% - 0.1rem);
  margin-bottom: 0.15rem;
}
@media (max-width: 767px) {
  .retbox .box .reton .gr form .inp .inp_box {
    width: 100%;
    margin-bottom: 0.2rem;
  }
}
.retbox .box .reton .gr form .inp .inp_box .inp_txt {
  margin-bottom: 0.08rem;
}
.retbox .box .reton .gr form .inp .inp_box .inp_txt p {
  color: #333;
  font-weight: bold;
}
.retbox .box .reton .gr form .inp .inp_box .inp_txt p span {
  color: var(--color);
}
.retbox .box .reton .gr form .inp .inp_box input {
  padding: 0 0.2rem;
  width: 100%;
  height: 0.5rem;
  background: #fff;
  border: 1px solid #eeeeee;
  border-radius: 0.08rem;
}
@media (max-width: 767px) {
  .retbox .box .reton .gr form .inp .inp_box input {
    height: 0.8rem;
  }
}
.retbox .box .reton .gr form .inp .inp_box .sot_select_nr .sel_text_x {
  height: 0.5rem;
}
@media (max-width: 767px) {
  .retbox .box .reton .gr form .inp .inp_box .sot_select_nr .sel_text_x {
    height: 0.8rem;
  }
}
.retbox .box .reton .gr form .inp2 .inp_box {
  width: 100%;
}
.retbox .box .reton .gr form .gcode .inp_box {
  width: 71.77419355%;
}
@media (max-width: 991px) {
  .retbox .box .reton .gr form .gcode .inp_box {
    width: 100%;
  }
}
.retbox .box .reton .gr form .gcode .inp_box .gcode_box {
  border: 1px solid #e9eff5;
  border-radius: 0.08rem;
  flex-shrink: 0;
  display: flex;
}
.retbox .box .reton .gr form .gcode .inp_box .gcode_box input {
  border: none;
  width: 71.91011236%;
}
@media (max-width: 991px) {
  .retbox .box .reton .gr form .gcode .inp_box .gcode_box input {
    width: 48%;
  }
}
.retbox .box .reton .gr form .gcode .inp_box .gcode_box input::-webkit-input-placeholder {
  color: #999;
  opacity: 0.3;
}
.retbox .box .reton .gr form .gcode .inp_box .gcode_box a {
  cursor: pointer;
  border-left: 1px solid #e9eff5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f6f8fa;
  text-align: center;
  width: 28.08988764%;
}
@media (max-width: 991px) {
  .retbox .box .reton .gr form .gcode .inp_box .gcode_box a {
    width: 52%;
  }
}
.retbox .box .reton .gr form .inptext .inp_box textarea {
  background: #fff;
  border: 1px solid #eeeeee;
  border-radius: 0.1rem;
  width: 100%;
  height: 1.44rem;
  padding: 0.13rem 0.18rem;
}
@media (max-width: 767px) {
  .retbox .box .reton .gr form .inptext .inp_box textarea {
    height: 2.2rem;
  }
}
.retbox .box .reton .gr form .g_lab {
  margin-top: 0.1rem;
  color: #666;
  /* a{
							color: #000;
							text-decoration: underline;
						} */
}
.retbox .box .reton .gr form .g_lab label {
  display: flex;
  align-items: center;
}
.retbox .box .reton .gr form .g_lab label.on i {
  color: var(--color);
  border-color: var(--color);
}
.retbox .box .reton .gr form .g_lab label.on i svg,
.retbox .box .reton .gr form .g_lab label.on i img {
  opacity: 1;
}
.retbox .box .reton .gr form .g_lab i {
  margin-top: 0;
  flex-shrink: 0;
  transition: all 0.4s;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e9eff5;
  width: 16px;
  height: 16px;
  border-radius: 3px;
  color: transparent;
  margin-right: 0.1rem;
}
@media (max-width: 1580px) {
  .retbox .box .reton .gr form .g_lab i {
    width: 14px;
    height: 14px;
  }
}
.retbox .box .reton .gr form .g_lab i svg,
.retbox .box .reton .gr form .g_lab i img {
  opacity: 0;
  width: 8px;
  height: auto;
}
.retbox .box .reton .gr form .g_lab i svg path,
.retbox .box .reton .gr form .g_lab i img path {
  filter: none;
}
.retbox .box .reton .gr form .pub_btn {
  margin-top: 0.38rem;
  padding: 0;
}
@media (max-width: 1260px) {
  .retbox .box .reton .gr form .pub_btn {
    padding: 0.05rem 0.3rem;
  }
}
.curtain1 {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  display: none;
}
.curtain1 .mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1000;
  position: absolute;
  top: 0;
  left: 0;
}
.curtain1 .curtain_box {
  position: absolute;
  max-width: 90%;
  max-height: 90%;
  left: 50%;
  top: 50%;
  overflow: hidden;
  z-index: 10000;
  transform: translate(-50%, -50%);
}
@media (max-width: 991px) {
  .curtain1 .curtain_box {
    width: 90%;
  }
}
.curtain1 .curtain_box .curtain_title {
  position: relative;
  padding: 0 30px;
  background: #1c4798;
}
.curtain1 .curtain_box .curtain_title .close_tc {
  position: absolute;
  top: 0.1rem;
  right: 0.1rem;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #f4f4f4;
  cursor: pointer;
  z-index: 10000;
  transition: all 0.4s;
}
.curtain1 .curtain_box .curtain_title .close_tc:hover {
  background: var(--color);
}
.curtain1 .curtain_box .curtain_title .close_tc:hover::before,
.curtain1 .curtain_box .curtain_title .close_tc:hover::after {
  background: #fff;
}
@media screen and (max-width: 767px) {
  .curtain1 .curtain_box .curtain_title .close_tc {
    width: 40px;
    height: 40px;
  }
}
.curtain1 .curtain_box .curtain_title .close_tc::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -10px;
  width: 18px;
  height: 2px;
  background: #666;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: all 0.4s;
}
.curtain1 .curtain_box .curtain_title .close_tc::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -10px;
  width: 18px;
  height: 2px;
  background: #666;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: all 0.4s;
}
.curtain1 .curtain_box .curtain_con {
  max-height: 90vh;
  overflow: auto;
}
.permissions {
  background: #fff;
  border-radius: 0.1rem;
  width: 512px;
  padding: 0.55rem 0.2rem 0.7rem;
  text-align: center;
}
@media (max-width: 991px) {
  .permissions {
    width: 100%;
  }
}
.permissions h2 {
  font-weight: bold;
}
.permissions form {
  margin: 0.36rem auto 0;
}
.permissions form .search_box {
  margin-bottom: 0.28rem;
  width: 3.44rem;
  height: 0.5rem;
  background: #fff;
  border: 1px solid #c9c9c9;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .permissions form .search_box {
    height: 0.8rem;
    width: 5rem;
  }
}
.permissions form .search_box input {
  padding: 0 0.3rem;
  width: 100%;
  color: #333;
}
.permissions form .search_box input::-webkit-input-placeholder {
  color: #dedede;
}
.permissions form .search_box button {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  padding: 0 0.28rem;
  background: var(--color);
  height: 100%;
  border-radius: 100px;
  color: #fff;
}
@media (max-width: 767px) {
  .permissions form .search_box button {
    padding: 0 0.35rem;
  }
}
.permissions form .search_box button svg {
  width: 100%;
  height: auto;
}
.permissions form .search_box button svg path {
  fill: #9a9a9a;
}
.permissions .p1 {
  color: #666;
}
.permissions .p1 a {
  color: var(--color);
  font-weight: bold;
  text-decoration: underline;
}
/* Cookie */
#c-home-tips {
  display: none;
  position: fixed;
  z-index: 890;
  bottom: 0;
  left: 0;
  width: 100%;
  box-shadow: 0 0.07rem 0.49rem rgba(232, 232, 232, 0.38);
  background: #fff;
}
#c-home-tips .c-wrap {
  padding: 0.55rem 0 0.58rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 991px) {
  #c-home-tips .c-wrap {
    margin: 0 5%;
  }
}
@media (max-width: 767px) {
  #c-home-tips .c-wrap {
    flex-direction: column;
  }
}
#c-home-tips .c-wrap .c-left {
  width: 70%;
  text-align: left;
}
@media (max-width: 767px) {
  #c-home-tips .c-wrap .c-left {
    width: 100%;
    margin-bottom: 0.3rem;
  }
}
#c-home-tips .c-wrap .c-left h2 {
  font-weight: bold;
  margin-bottom: 0.14rem;
}
#c-home-tips .c-wrap .c-left p {
  color: #666;
}
#c-home-tips .c-wrap .c-wrapr {
  width: 30%;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  #c-home-tips .c-wrap .c-wrapr {
    width: 100%;
  }
}
#c-home-tips .c-wrap .c-wrapr a {
  margin-left: 0.1rem;
  height: 0.4rem;
}
@media (max-width: 767px) {
  #c-home-tips .c-wrap .c-wrapr a {
    height: 0.7rem;
  }
}
#c-home-tips .c-wrap .c-wrapr .c-close {
  background: #fff;
  border-radius: 8px;
  color: #333;
  cursor: pointer;
}
/* 右侧浮窗 */
.gpop {
  position: fixed;
  right: 0.15rem;
  bottom: 2rem;
  z-index: 100;
  display: none;
  /* background: #fff;
	width: 68px;
	border-radius: 68px;
	padding: 2px 4px;
	border: 1px solid #eee; */
}
@media (max-width: 1260px) {
  .gpop {
    right: 10px;
  }
}
.gpop > * {
  transition: all 0.4s;
}
.gpop .pop_a {
  width: 42px;
  height: auto;
  position: relative;
  display: block;
  border-radius: 100px;
  padding: 0.12rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  margin-bottom: 0.11rem;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1260px) {
  .gpop .pop_a {
    width: 36px;
    height: 36px;
  }
}
.gpop .pop_a.on .pop_text {
  transform: translateY(-50%) scale(1);
  -webkit-transform: translateY(-50%) scale(1);
}
.gpop .pop_a.on .pop_a_img svg path {
  fill: #fff;
}
.gpop .pop_a.on .pop_a_img p {
  color: #fff;
}
.gpop .pop_a img {
  z-index: 100;
}
.gpop .pop_a .pop_a_img {
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.gpop .pop_a .pop_a_img svg {
  transition: all 0.4s;
  width: 19px;
  height: auto;
}
@media (max-width: 1260px) {
  .gpop .pop_a .pop_a_img svg {
    width: 14px;
  }
}
.gpop .pop_a .pop_a_img svg path {
  fill: #969696;
}
.gpop .pop_a .pop_a_img p {
  transition: all 0.4s;
  margin-top: 5px;
  line-height: 1.25;
  width: 1em;
}
@media (max-width: 1260px) {
  .gpop .pop_a .pop_a_img p {
    display: none;
  }
}
.gpop .pop_a .pop_text {
  position: absolute;
  top: 50%;
  right: 130%;
  background: #fff;
  border: 1px solid #eeeeee;
  padding: 0.14rem 0.18rem;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  z-index: 1;
  transform: translateY(-50%) scale(0);
  -webkit-transform: translateY(-50%) scale(0);
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  border-radius: 0.1rem;
  white-space: nowrap;
}
.gpop .pop_a .pop_text p {
  color: var(--color);
  margin-bottom: 0.02rem;
}
.gpop .pop_a .pop_text img {
  height: 19px;
  width: 19px;
  margin-right: 0.1rem;
}
.gpop .pop_a .pop_text::after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid dashed dashed;
  border-color: #fff transparent transparent;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  position: absolute;
  top: 50%;
  right: -20px;
  margin-top: -10px;
  border-width: 10px;
  border-top-color: #fff;
  -webkit-transform: rotate(-90deg);
}
.gpop .cur1 {
  background: linear-gradient(to right, #de3029, #f26f69);
}
.gpop .cur1 .pop_a_img svg,
.gpop .cur1 .pop_a_img img,
.gpop .cur1 .pop_a_img p {
  color: #fff;
}
.gpop .cur2:hover {
  /* background: none; */
}
.gpop .cur2:hover .pop_a_img svg,
.gpop .cur2:hover .pop_a_img p {
  color: var(--color);
}
.gpop .cur2 .pop_a_img p {
  line-height: 1;
  width: 1em;
}
.gpop .cur3:hover {
  background: none;
}
.gpop .cur3:hover .pop_a_img svg,
.gpop .cur3:hover .pop_a_img p {
  color: var(--color);
}
.seabox .box {
  padding: 0.54rem 0 1.6rem;
}
@media (max-width: 767px) {
  .seabox .box {
    padding: 0.4rem 0 0.8rem;
  }
}
.seabox .box .g_title {
  margin-bottom: 0.75rem;
}
.seabox .box .seanav {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.76rem;
}
@media (max-width: 991px) {
  .seabox .box .seanav {
    flex-direction: column;
  }
}
.seabox .box .seanav .gl {
  display: flex;
  flex-wrap: wrap;
}
.seabox .box .seanav .gl a {
  margin-right: 0.65rem;
  padding: 0 0.18rem 0.1rem;
  position: relative;
}
@media (max-width: 767px) {
  .seabox .box .seanav .gl a {
    margin-right: 0.4rem;
  }
}
.seabox .box .seanav .gl a.on p,
.seabox .box .seanav .gl a.on span {
  color: var(--color);
}
.seabox .box .seanav .gl a.on::after {
  width: 100%;
}
.seabox .box .seanav .gl a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 2px;
  background: var(--color);
}
.seabox .box .seanav .gl a p {
  color: #333;
}
.seabox .box .seanav .gl a span {
  position: absolute;
  top: 0;
  left: calc(100% - 0.14rem);
  font-size: 12px;
}
@media (max-width: 991px) {
  .seabox .box .seanav .gr {
    margin-top: 0.3rem;
  }
}
.seabox .box .seanav .gr .f_form {
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 400px;
  height: 0.5rem;
  border: 1px solid #c9c9c9;
  border-radius: 100px;
}
@media (max-width: 991px) {
  .seabox .box .seanav .gr .f_form {
    height: 0.8rem;
    width: 100%;
  }
}
.seabox .box .seanav .gr .f_form .ginp {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 0.14rem;
}
.seabox .box .seanav .gr .f_form .ginp img,
.seabox .box .seanav .gr .f_form .ginp svg {
  flex-shrink: 0;
  color: #dedede;
}
.seabox .box .seanav .gr .f_form .ginp input {
  width: 100%;
  padding: 0 0.12rem;
}
.seabox .box .seanav .gr .f_form .ginp input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #dedede;
}
.seabox .box .seanav .gr .f_form .ginp input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #dedede;
}
.seabox .box .seanav .gr .f_form .ginp input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #dedede;
}
.seabox .box .seanav .gr .f_form .f_sub {
  flex-shrink: 0;
  padding: 0 0.28rem;
  background: var(--color);
  color: #fff;
  height: 100%;
  border-radius: 100px;
}
@media (max-width: 991px) {
  .seabox .box .seanav .gr .f_form .f_sub {
    padding: 0 0.4rem;
  }
}
.seabox .box .seanav .gr .f_form .f_sub img {
  float: left;
  width: 100%;
}
.seabox .box .seanav .gr .f_form .f_sub svg {
  color: #444444;
  width: 100%;
}
.seabox .box .seanav .gr .f_form .f_sub svg path {
  fill: #444444;
}
.seabox .box .seanav .gr .f_form .f_sub:hover svg {
  color: var(--color);
}
.seabox .box .seanav .gr .f_form .f_sub:hover svg path {
  fill: var(--color);
}
.seabox .box .sea_not {
  padding: 0.9rem 0 2rem;
  text-align: center;
}
.seabox .box .sea_not p {
  font-weight: bold;
}
.seabox .box .sea_not p span {
  color: var(--color);
}
.seabox .box .seaon .sea_it {
  margin-bottom: 0.7rem;
  /* 搜索产品 */
  /* 搜索新闻 */
}
.seabox .box .seaon .sea_it .tit {
  margin-bottom: 0.28rem;
}
.seabox .box .seaon .sea_it .tit h2 {
  font-weight: bold;
}
.seabox .box .seaon .sea_it .pro_sea .pro_sea_it {
  margin-bottom: 0.1rem;
  display: flex;
  justify-content: space-between;
  background: #fff;
  transition: all 0.4s;
  border-radius: 0.1rem;
}
@media (max-width: 767px) {
  .seabox .box .seaon .sea_it .pro_sea .pro_sea_it {
    margin-bottom: 0.4rem;
    flex-direction: column-reverse;
  }
}
.seabox .box .seaon .sea_it .pro_sea .pro_sea_it:hover {
  border-color: #fbe5e4;
  background: #fffcfc;
}
.seabox .box .seaon .sea_it .pro_sea .pro_sea_it:hover .img > img {
  transform: translateY(-0.1rem) scale(1.1);
}
.seabox .box .seaon .sea_it .pro_sea .pro_sea_it:hover .img .public-img img {
  transform: scale(1.05);
}
.seabox .box .seaon .sea_it .pro_sea .pro_sea_it .txt {
  padding: 0.45rem 0 0.45rem 0.42rem;
  width: 65%;
}
@media (max-width: 767px) {
  .seabox .box .seaon .sea_it .pro_sea .pro_sea_it .txt {
    width: 100%;
    padding: 0.4rem;
  }
}
.seabox .box .seaon .sea_it .pro_sea .pro_sea_it .txt .txt_box h3 {
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.seabox .box .seaon .sea_it .pro_sea .pro_sea_it .txt .txt_box p {
  color: #666;
  margin-top: 0.12rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.seabox .box .seaon .sea_it .pro_sea .pro_sea_it .txt .cru {
  margin-top: 0.18rem;
  padding: 0.08rem 0.14rem;
  border-radius: 40px;
  background: #f8f8f8;
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .seabox .box .seaon .sea_it .pro_sea .pro_sea_it .txt .cru {
    border-radius: 10px;
  }
}
.seabox .box .seaon .sea_it .pro_sea .pro_sea_it .txt .cru .cru_hz {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .seabox .box .seaon .sea_it .pro_sea .pro_sea_it .txt .cru .cru_hz {
    margin-bottom: 0.06rem;
  }
}
.seabox .box .seaon .sea_it .pro_sea .pro_sea_it .txt .cru .cru_hz > p {
  margin-right: 0.1rem;
  color: #999;
}
@media (max-width: 767px) {
  .seabox .box .seaon .sea_it .pro_sea .pro_sea_it .txt .cru .cru_hz > p {
    font-size: 14px;
  }
}
.seabox .box .seaon .sea_it .pro_sea .pro_sea_it .txt .cru .cru_hz > p svg {
  width: 0.16rem;
  height: auto;
}
@media (max-width: 767px) {
  .seabox .box .seaon .sea_it .pro_sea .pro_sea_it .txt .cru .cru_hz > p svg {
    width: 0.24rem;
  }
}
.seabox .box .seaon .sea_it .pro_sea .pro_sea_it .txt .cru .cru_hz:last-child a {
  /* color: #333; */
}
.seabox .box .seaon .sea_it .pro_sea .pro_sea_it .txt .cru .cru_hz:last-child svg,
.seabox .box .seaon .sea_it .pro_sea .pro_sea_it .txt .cru .cru_hz:last-child i {
  display: none;
}
.seabox .box .seaon .sea_it .pro_sea .pro_sea_it .txt .cru .cru_hz > svg {
  color: #999;
  width: 5px;
  height: auto;
  margin-right: 0.1rem;
}
.seabox .box .seaon .sea_it .pro_sea .pro_sea_it .txt .cru .cru_hz > svg path {
  fill: #666;
}
.seabox .box .seaon .sea_it .pro_sea .pro_sea_it .txt .cru .cru_hz i {
  font-style: initial;
  opacity: 0.7;
  color: #999;
  margin-right: 0.12rem;
}
.seabox .box .seaon .sea_it .pro_sea .pro_sea_it .img {
  width: 20%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
@media (max-width: 767px) {
  .seabox .box .seaon .sea_it .pro_sea .pro_sea_it .img {
    width: 100%;
    height: 4rem;
    padding: 0.4rem;
  }
}
.seabox .box .seaon .sea_it .pro_sea .pro_sea_it .img > img {
  transition: all 0.4s;
  width: 1.11rem;
  height: auto;
  object-fit: contain;
  transform: translateY(0.05rem);
}
@media (max-width: 767px) {
  .seabox .box .seaon .sea_it .pro_sea .pro_sea_it .img > img {
    width: 100%;
    height: 100%;
  }
}
.seabox .box .seaon .sea_it .news_sea .pro_sea_it .img {
  width: 19.71428571%;
  padding: 0.1rem 0.28rem 0.1rem 0;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .seabox .box .seaon .sea_it .news_sea .pro_sea_it .img {
    width: 100%;
    padding: 0 0.4rem;
    margin-top: 0.4rem;
  }
}
.seabox .box .seaon .sea_it .news_sea .pro_sea_it .img .public-img {
  width: 100%;
}
.seabox .box .seaon .sea_it .news_sea .pro_sea_it .img .public-img:before {
  padding-top: 68.5483871%;
}
.seabox .box .seaon .sea_it .news_sea .pro_sea_it .img .public-img img {
  border-radius: 0.1rem;
  width: 100%;
}
.seabox .box .seaon .sea_it .gb_more {
  display: inline-flex;
  align-items: center;
  margin-top: 0.28rem;
}
.seabox .box .seaon .sea_it .gb_more:hover i {
  transform: translateX(5px);
}
.seabox .box .seaon .sea_it .gb_more p span {
  color: var(--color);
}
.seabox .box .seaon .sea_it .gb_more i {
  transition: all 0.4s;
  margin-left: 0.1rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5px;
  height: auto;
  color: #333;
}
@media (max-width: 767px) {
  .seabox .box .seaon .sea_it .gb_more i {
    width: 4px;
  }
}
.seabox .box .seaon .sea_it .gb_more i svg,
.seabox .box .seaon .sea_it .gb_more i img {
  width: 100%;
  height: auto;
}
.seabox .box .seaon .sea_it .gb_more i svg path,
.seabox .box .seaon .sea_it .gb_more i img path {
  fill: var(--color);
}
/* 网站地图 */
.g-mapon {
  padding: 0.5rem 0 1.45rem;
}
@media (max-width: 767px) {
  .g-mapon {
    padding: 0.5rem 0 1rem;
  }
}
.g-mapon .g-tit {
  text-align: center;
}
.g-mapon .g-tit h2 {
  font-weight: bold;
  line-height: 1;
}
@media (max-width: 767px) {
  .g-mapon .g-tit h2 {
    font-size: 0.48rem;
  }
}
.g-mapon .box {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
}
@media (max-width: 991px) {
  .g-mapon .box {
    flex-direction: column;
  }
}
.g-mapon .box .item {
  padding: 0.45rem 0 0.3rem;
  position: relative;
}
.g-mapon .box .item a {
  transition: all 0.4s;
}
.g-mapon .box .item a:hover {
  text-decoration: underline;
  color: var(--color) !important;
}
.g-mapon .box .item .g-la {
  font-weight: bold;
  margin-bottom: 0.15rem;
  color: #222;
}
@media (max-width: 767px) {
  .g-mapon .box .item .g-la {
    margin-bottom: 0.2rem;
    font-size: 0.32rem;
  }
}
.g-mapon .box .item .g-twa {
  margin-top: 0.2rem;
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  .g-mapon .box .item .g-twa {
    flex-wrap: wrap;
    flex-direction: row;
  }
}
.g-mapon .box .item .g-twa a {
  margin-right: 0.2rem;
  margin-bottom: 0.15rem;
  padding-right: 0.2rem;
  color: #666;
}
@media (max-width: 767px) {
  .g-mapon .box .item .g-twa a {
    min-width: auto;
  }
}
.g-pri {
  padding: 0.5rem 0 1.48rem;
}
.g-pri .box .tit {
  margin-bottom: 0.78rem;
  text-align: center;
}
.g-pri .box .tit h2 {
  font-weight: bold;
  margin-bottom: 0.15rem;
}
.g-pri .box .tit .g-p {
  display: flex;
  justify-content: center;
}
.g-pri .box .tit .g-p p {
  color: #999;
  margin: 0 0.18rem;
}
.g-pri .box .public-content {
  color: #333;
  background: #fff;
  border-radius: 0.1rem;
  border: 1px solid #eeeeee;
  padding: 0.95rem 1rem;
}
@media (max-width: 767px) {
  .g-pri .box .public-content {
    padding: 0.4rem;
  }
}
.g-pri .box .public-content h3 {
  font-size: 24px;
}
@media (max-width: 767px) {
  .g-pri .box .public-content h3 {
    font-size: 20px;
  }
}
.g-pri .box .public-content .p1 {
  display: block;
  position: relative;
  padding-left: 20px;
}
.g-pri .box .public-content .p1:after {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #000;
  left: 0;
  top: 12px;
}
@media (max-width: 1580px) {
  .g-pri .box .public-content .p1:after {
    top: 14px;
  }
}
.g-pri .box .public-content .g-pritxt .g-pritxt-box {
  display: flex;
}
@media (max-width: 767px) {
  .g-pri .box .public-content .g-pritxt .g-pritxt-box {
    flex-direction: column;
  }
}
.g-pri .box .public-content .g-pritxt .g-pritxt-box span {
  flex-shrink: 0;
  color: #222;
  display: block;
  position: relative;
  padding-left: 20px;
}
.g-pri .box .public-content .g-pritxt .g-pritxt-box span:after {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #000;
  left: 0;
  top: 12px;
}
@media (max-width: 1580px) {
  .g-pri .box .public-content .g-pritxt .g-pritxt-box span:after {
    top: 14px;
  }
}
.g-pri .box .public-content .g-pritxt .g-pritxt-box ul {
  padding: 0;
}
.g-pri .box .public-content .g-pritxt .g-pritxt-box ul li {
  list-style: none;
}
/* 关于我们 */
@media (max-width: 767px) {
  .about_ban {
    height: auto;
  }
}
.about_ban .mob_pc::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5) url(../images/mbl.png) repeat top left;
  z-index: 19;
  pointer-events: none;
}
.about_ban .sub_banner_txt .crumbs_box .crumbs p > a {
  color: #999;
}
.about_ban .sub_banner_txt .crumbs_box .crumbs p > svg {
  color: #999;
}
.about_ban .sub_banner_txt > .container {
  padding: 1rem 0 0;
}
@media (max-width: 767px) {
  .about_ban .sub_banner_txt > .container {
    padding: 0;
    min-height: 60vh;
  }
}
@media (max-width: 767px) {
  .about_ban .sub_banner_txt > .container .ban_l {
    padding-right: 0.1rem;
  }
}
.about_ban .sub_banner_txt > .container .ban_l .tit h3 {
  margin-bottom: 0.24rem;
  color: var(--color);
}
.about_ban .sub_banner_txt > .container .ban_l .tit p {
  font-weight: bold;
  line-height: 1.2;
}
.about_ban .sub_banner_txt > .container .ban_l .g_num {
  margin-top: 0.76rem;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .about_ban .sub_banner_txt > .container .ban_l .g_num {
    display: none;
    /* margin-left: -0.4rem; */
  }
}
.about_ban .sub_banner_txt > .container .ban_l .g_num .g_num_t {
  display: flex;
  width: 100%;
  margin-bottom: 0.48rem;
}
@media (max-width: 767px) {
  .about_ban .sub_banner_txt > .container .ban_l .g_num .g_num_t {
    flex-wrap: wrap;
    margin-bottom: 0;
  }
}
.about_ban .sub_banner_txt > .container .ban_l .g_num .g_num_t .item {
  position: relative;
  padding: 0 0.4rem;
  min-width: 1.8rem;
}
@media (max-width: 767px) {
  .about_ban .sub_banner_txt > .container .ban_l .g_num .g_num_t .item {
    padding: 0 0.4rem !important;
    margin-bottom: 0.4rem;
    min-width: initial !important;
    width: 50%;
  }
}
.about_ban .sub_banner_txt > .container .ban_l .g_num .g_num_t .item::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 0.43rem;
  background: rgba(255, 255, 255, 0.2);
  right: 0;
  top: 0.04rem;
}
@media (max-width: 767px) {
  .about_ban .sub_banner_txt > .container .ban_l .g_num .g_num_t .item::after {
    display: none;
  }
}
.about_ban .sub_banner_txt > .container .ban_l .g_num .g_num_t .item:first-child {
  min-width: 1.68rem;
  padding-left: 0;
}
.about_ban .sub_banner_txt > .container .ban_l .g_num .g_num_t .item:last-child::after {
  display: none;
}
.about_ban .sub_banner_txt > .container .ban_l .g_num .g_num_t .item.item2 {
  min-width: 2rem;
}
.about_ban .sub_banner_txt > .container .ban_l .g_num .g_num_t .item.item3 {
  min-width: 1.44rem;
}
.about_ban .sub_banner_txt > .container .ban_l .g_num .g_num_t .item .item_t {
  opacity: 0.8;
  align-items: flex-start;
  display: flex;
}
.about_ban .sub_banner_txt > .container .ban_l .g_num .g_num_t .item .item_t p {
  line-height: 1;
  font-weight: bold;
}
.about_ban .sub_banner_txt > .container .ban_l .g_num .g_num_t .item .item_t span {
  margin-left: 0.07rem;
  font-weight: bold;
  line-height: 1;
}
.about_ban .sub_banner_txt > .container .ban_l .g_num .g_num_t .item .item_b {
  margin-top: 0.1rem;
}
.about_ban .sub_banner_txt > .container .ban_l .g_num .g_num_t .item .item_b p {
  opacity: 0.7;
}
@media (max-width: 767px) {
  .about_ban .sub_banner_txt > .container .ban_l .g_num .g_num_t .item .item_b p {
    font-size: 14px;
  }
}
.gmd_ban {
  display: none;
}
@media (max-width: 767px) {
  .gmd_ban {
    display: block;
    padding: 0.8rem 0 0;
  }
}
.gmd_ban .g_num {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .gmd_ban .g_num {
    /* display: none; */
    /* margin-left: -0.4rem; */
  }
}
.gmd_ban .g_num .g_num_t {
  display: flex;
  width: 100%;
  margin-bottom: 0.48rem;
}
@media (max-width: 767px) {
  .gmd_ban .g_num .g_num_t {
    flex-wrap: wrap;
    margin-bottom: 0;
  }
}
.gmd_ban .g_num .g_num_t .item {
  position: relative;
  min-width: 1.8rem;
}
@media (max-width: 767px) {
  .gmd_ban .g_num .g_num_t .item {
    padding-right: 0.2rem;
    margin-bottom: 0.4rem;
    min-width: initial !important;
    width: 33.33%;
  }
}
.gmd_ban .g_num .g_num_t .item::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 0.43rem;
  background: rgba(255, 255, 255, 0.2);
  right: 0;
  top: 0.04rem;
}
@media (max-width: 767px) {
  .gmd_ban .g_num .g_num_t .item::after {
    display: none;
  }
}
.gmd_ban .g_num .g_num_t .item:first-child {
  min-width: 1.68rem;
}
.gmd_ban .g_num .g_num_t .item:last-child::after {
  display: none;
}
.gmd_ban .g_num .g_num_t .item.item2 {
  min-width: 2rem;
}
.gmd_ban .g_num .g_num_t .item.item3 {
  min-width: 1.44rem;
}
.gmd_ban .g_num .g_num_t .item .item_t {
  opacity: 0.8;
  align-items: flex-start;
  display: flex;
}
.gmd_ban .g_num .g_num_t .item .item_t p {
  line-height: 1;
  font-weight: bold;
}
.gmd_ban .g_num .g_num_t .item .item_t span {
  margin-left: 0.07rem;
  font-weight: bold;
  line-height: 1;
}
.gmd_ban .g_num .g_num_t .item .item_b {
  margin-top: 0.1rem;
}
.gmd_ban .g_num .g_num_t .item .item_b p {
  opacity: 0.7;
}
@media (max-width: 767px) {
  .gmd_ban .g_num .g_num_t .item .item_b p {
    font-size: 14px;
  }
}
.aboon {
  padding: 1.2rem 0 1px;
  background: url(../images/about4.png) no-repeat;
  background-size: 100% auto;
  background-position: bottom center;
}
@media (max-width: 767px) {
  .aboon {
    padding: 0.4rem 0 1px;
  }
}
.aboon .box .item {
  margin-bottom: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.aboon .box .item:nth-child(2n) {
  flex-direction: row-reverse;
}
@media (max-width: 767px) {
  .aboon .box .item {
    margin-bottom: 0.6rem;
    flex-direction: column-reverse !important;
  }
}
.aboon .box .item .gl {
  width: 42.85714286%;
}
@media (max-width: 767px) {
  .aboon .box .item .gl {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.aboon .box .item .gl .g_h3 h3 {
  line-height: 1.2;
  font-weight: bold;
}
.aboon .box .item .gl .g_h3 h3 span {
  color: var(--color);
}
@media (max-width: 991px) {
  .aboon .box .item .gl .g_h3 h3 br {
    display: none;
  }
}
.aboon .box .item .gl .g_p {
  margin-top: 0.52rem;
}
@media (max-width: 767px) {
  .aboon .box .item .gl .g_p {
    margin-top: 0.3rem;
  }
}
.aboon .box .item .gl .g_p p {
  margin-bottom: 0.1rem;
}
.aboon .box .item .gr {
  width: 48.57142857%;
}
@media (max-width: 767px) {
  .aboon .box .item .gr {
    width: 100%;
  }
}
.aboon .box .item .gr .public-img {
  border-radius: 0.1rem;
}
.aboon .box .item .gr .public-img:before {
  padding-top: 68.67647059%;
}
.abotw {
  background: #fff;
  padding: 1.6rem 0 1.8rem;
}
@media (max-width: 767px) {
  .abotw {
    padding: 1rem 0;
  }
}
.abotw .box {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .abotw .box {
    flex-direction: column;
  }
}
.abotw .box .gl {
  width: 50%;
}
@media (max-width: 767px) {
  .abotw .box .gl {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}
.abotw .box .gr {
  width: 45.14285714%;
}
@media (max-width: 767px) {
  .abotw .box .gr {
    width: 100%;
  }
}
.abotw .box .gr .card {
  padding-right: 26px;
}
.abotw .box .gr .card .card_t {
  position: relative;
}
.abotw .box .gr .card .card_t span {
  color: var(--color);
  position: absolute;
  line-height: 1;
}
@media (max-width: 767px) {
  .abotw .box .gr .card .card_t span {
    display: none;
  }
}
.abotw .box .gr .card .card_t .span1 {
  left: -0.54rem;
  top: 0.02rem;
}
.abotw .box .gr .card .card_t .span2 {
  right: -0.02rem;
  top: calc(100% - 0.15rem);
}
.abotw .box .gr .card .card_t p {
  line-height: 1.33333333;
}
.abotw .box .gr .card .card_b {
  margin-top: 0.46rem;
  display: flex;
  align-items: center;
}
.abotw .box .gr .card .card_b img {
  object-fit: contain;
  width: 0.65rem;
  height: 0.65rem;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .abotw .box .gr .card .card_b img {
    width: 0.95rem;
    height: 0.95rem;
  }
}
.abotw .box .gr .card .card_b .txt {
  margin-left: 0.15rem;
}
.abotw .box .gr .card .card_b .txt .p1 {
  color: #666;
}
.abotw .box .gr .card .card_b .txt .p2 {
  margin-top: 2px;
}
.aboth {
  padding: 1.2rem 0;
}
@media (max-width: 767px) {
  .aboth {
    padding: 1rem 0;
  }
}
.aboth .box {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .aboth .box {
    flex-direction: column-reverse;
  }
}
.aboth .box .gl {
  padding: 0.25rem 0 0 0;
  width: 45.42857143%;
}
@media (max-width: 991px) {
  .aboth .box .gl {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.aboth .box .gl .g_h2 h2 {
  line-height: 1.2;
  font-weight: bold;
}
.aboth .box .gl .g_h2 h2 span {
  color: var(--color);
}
.aboth .box .gl .aboth_box {
  display: flex;
  flex-wrap: wrap;
}
.aboth .box .gl .aboth_box .item {
  width: 50%;
  padding-left: 0.18rem;
  border-left: 2px solid var(--color);
  margin-top: 0.5rem;
}
.aboth .box .gl .aboth_box .item .item_t {
  align-items: flex-start;
  display: flex;
}
.aboth .box .gl .aboth_box .item .item_t p {
  line-height: 1;
  font-weight: bold;
}
.aboth .box .gl .aboth_box .item .item_t span {
  font-weight: bold;
  line-height: 1;
}
.aboth .box .gl .aboth_box .item .item_b {
  margin-bottom: 0.04rem;
}
.aboth .box .gl .aboth_box .item .item_b p {
  color: #666;
}
.aboth .box .gr {
  width: 48.57142857%;
}
@media (max-width: 991px) {
  .aboth .box .gr {
    width: 100%;
  }
}
.aboth .box .gr .public-img {
  border-radius: 0.1rem;
}
.aboth .box .gr .public-img:before {
  padding-top: 68.67647059%;
}
.abofo {
  padding: 1.2rem 0 0;
  background: #fff;
}
.abofo .abofo_tit {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .abofo .abofo_tit {
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .abofo .abofo_tit .pub_btn {
    display: none;
  }
}
.abofo .box {
  overflow: hidden;
  margin-top: 0.6rem;
  padding-bottom: 1.2rem;
}
.abofo .box .swiper {
  overflow: initial;
  width: 41.66666667%;
}
@media (max-width: 767px) {
  .abofo .box .swiper {
    width: 100%;
  }
}
.abofo .box .abofo_con {
  opacity: 0.6;
  transition: all 0.4s;
  position: relative;
}
.abofo .box .abofo_con .public-img {
  border-radius: 0.1rem;
}
.abofo .box .abofo_con .public-img:before {
  padding-top: 56.25%;
}
.abofo .box .abofo_con .txt {
  text-align: center;
  opacity: 0;
  transition: all 0.4s;
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: calc(100% + 0.25rem);
}
.abofo .box .abofo_con .txt h3 {
  font-weight: bold;
}
.abofo .box .swiper-slide-active .abofo_con {
  opacity: 1;
}
.abofo .box .swiper-slide-active .abofo_con .txt {
  opacity: 1;
}
@media (max-width: 767px) {
  .abofo .box .g_a {
    margin: 1rem auto 0;
    display: flex;
    justify-content: center;
  }
}
.abofo .box .g_a .pub_btn {
  display: none;
}
@media (max-width: 767px) {
  .abofo .box .g_a .pub_btn {
    display: flex;
  }
}
.g_qie .pub_nav {
  margin-top: 0;
  width: 0.48rem;
  height: 0.48rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #eeeeee;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.05);
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  z-index: 10;
  cursor: pointer;
  transition: all 0.4s;
}
.g_qie .pub_nav:after {
  display: none;
}
.g_qie .pub_nav:hover {
  background: var(--color);
}
.g_qie .pub_nav:hover svg {
  color: #fff;
}
.g_qie .pub_nav:hover svg path {
  fill: #fff;
}
.g_qie .pub_nav svg {
  color: #999;
  width: calc(6/48*100%);
  height: auto;
}
.g_qie .pub_nav svg path {
  fill: #999;
  opacity: 1;
  transition: all 0.4s;
}
.g_qie .pub_prev {
  left: -1.05rem;
}
@media (max-width: 1260px) {
  .g_qie .pub_prev {
    left: -0.75rem;
  }
}
.g_qie .pub_prev svg {
  transform: rotate(180deg);
}
.g_qie .pub_next {
  right: -1.05rem;
}
@media (max-width: 1260px) {
  .g_qie .pub_next {
    right: -0.75rem;
  }
}
.abofi {
  padding: 1.2rem 0 1px;
}
.abofi .box .item {
  margin-bottom: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.abofi .box .item:nth-child(2n) {
  flex-direction: row-reverse;
}
@media (max-width: 767px) {
  .abofi .box .item {
    flex-direction: column-reverse !important;
  }
}
.abofi .box .item .gl {
  width: 42.85714286%;
}
@media (max-width: 767px) {
  .abofi .box .item .gl {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.abofi .box .item .gl .g_h3 h3 {
  line-height: 1.2;
  font-weight: bold;
}
.abofi .box .item .gl .g_h3 h3 span {
  color: var(--color);
}
.abofi .box .item .gl .txt {
  margin-top: 0.52rem;
}
.abofi .box .item .gl .txt .g_p2 > p {
  margin-bottom: 0.1rem;
  display: block;
  position: relative;
  padding-left: 20px;
}
.abofi .box .item .gl .txt .g_p2 > p:after {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--color);
  left: 0;
  top: 9px;
}
@media (max-width: 1580px) {
  .abofi .box .item .gl .txt .g_p2 > p:after {
    top: 8px;
    width: 5px;
    height: 5px;
  }
}
.abofi .box .item .gl .txt .g_p2 .g_p2_a {
  display: flex;
  flex-wrap: wrap;
}
.abofi .box .item .gl .txt .g_p2 .g_p2_a > p {
  position: relative;
  padding-left: 20px;
}
.abofi .box .item .gl .txt .g_p2 .g_p2_a > p:after {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--color);
  left: 0;
  top: 9px;
}
@media (max-width: 1580px) {
  .abofi .box .item .gl .txt .g_p2 .g_p2_a > p:after {
    top: 8px;
    width: 5px;
    height: 5px;
  }
}
.abofi .box .item .gl .txt .g_p2 .g_p2_a a {
  margin-left: 8px;
}
.abofi .box .item .gl .txt .g_p2 .g_p2_a a p {
  text-decoration: underline;
}
.abofi .box .item .gl .txt .g_a {
  margin-top: 0.4rem;
}
.abofi .box .item .gl .txt .g_a .pub_btn {
  margin-right: 0.18rem;
}
.abofi .box .item .gl .g_p {
  margin-top: 0.52rem;
}
.abofi .box .item .gl .g_p p {
  margin-bottom: 0.1rem;
}
.abofi .box .item .gr {
  width: 48.57142857%;
}
@media (max-width: 767px) {
  .abofi .box .item .gr {
    width: 100%;
  }
}
.abofi .box .item .gr .public-img {
  border-radius: 0.1rem;
}
.abofi .box .item .gr .public-img:before {
  padding-top: 68.67647059%;
}
.abosi {
  overflow: hidden;
  border-top: 1px solid #e5e8ed;
  padding: 0.95rem 0 1.2rem;
}
.abosi .abosi_nav {
  margin-top: 0.35rem;
  display: flex;
  justify-content: center;
}
.abosi .abosi_nav a {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  border-radius: 100px;
  background: #fff;
  border: 1px solid #e5e5e5;
  margin: 0 0.05rem;
  height: 0.48rem;
  padding: 0.1rem 0.36rem;
}
@media (max-width: 767px) {
  .abosi .abosi_nav a {
    padding: 0.1rem 0.46rem 0.1rem 0.26rem;
    height: 0.7rem;
  }
}
.abosi .abosi_nav a.on {
  border-color: var(--color);
  background: var(--color);
}
.abosi .abosi_nav a.on p,
.abosi .abosi_nav a.on span {
  color: #fff;
}
.abosi .abosi_nav a.on span {
  opacity: 1;
}
.abosi .abosi_nav a p {
  position: relative;
  color: #333;
}
@media (max-width: 767px) {
  .abosi .abosi_nav a p {
    font-size: 12px;
  }
}
.abosi .abosi_nav a span {
  /* opacity: 0; */
  position: absolute;
  top: -3px;
  left: calc(100% + 3px);
  font-size: 12px;
}
@media (max-width: 767px) {
  .abosi .abosi_nav a span {
    font-size: 10px;
  }
}
.abosi .box {
  position: relative;
  margin-top: 0.4rem;
}
.abosi .box .item {
  width: 100%;
  opacity: 0;
  position: absolute;
  top: 0.5rem;
  left: 0;
  transition: all 0.4s;
}
.abosi .box .item.on {
  top: 0;
  position: relative;
  opacity: 1;
  z-index: 10;
}
.abosi .box .item .swiper {
  padding-bottom: 0.92rem;
}
@media (max-width: 767px) {
  .abosi .box .item .swiper {
    padding-bottom: 0.2rem;
  }
}
.abosi .box .item .swiper .swiper-pagination {
  bottom: 1px;
  top: auto;
  height: 1px;
  background: #e2dcdc;
}
.abosi .box .item .swiper .swiper-pagination .swiper-pagination-progressbar-fill {
  height: 2px;
  background: var(--color);
}
.abosi .box .item .swiper .abosi_box {
  height: 2.1rem;
  display: flex;
  justify-content: space-between;
  border-radius: 0.1rem;
  background: #e9eef2;
  padding: 0.4rem 0.3rem 0.38rem 0.4rem;
}
@media (max-width: 1900px) {
  .abosi .box .item .swiper .abosi_box {
    padding: 0.4rem 0.2rem 0.38rem 0.2rem;
  }
}
@media (max-width: 1260px) {
  .abosi .box .item .swiper .abosi_box {
    height: auto;
    flex-direction: column-reverse;
  }
}
.abosi .box .item .swiper .abosi_box .gl {
  width: 36%;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 1580px) {
  .abosi .box .item .swiper .abosi_box .gl {
    width: 44%;
  }
}
@media (max-width: 1260px) {
  .abosi .box .item .swiper .abosi_box .gl {
    width: 100%;
    margin-top: 0.3rem;
    text-align: center;
  }
}
.abosi .box .item .swiper .abosi_box .gl h3 {
  margin-bottom: 0.2rem;
  font-weight: bold;
  position: relative;
  padding-bottom: 0.18rem;
}
.abosi .box .item .swiper .abosi_box .gl h3 p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.abosi .box .item .swiper .abosi_box .gl h3::after {
  content: '';
  position: absolute;
  width: 19px;
  height: 3px;
  z-index: 10;
  background: var(--color);
  left: 0;
  bottom: 0;
}
.abosi .box .item .swiper .abosi_box .gr {
  width: 60%;
}
@media (max-width: 1580px) {
  .abosi .box .item .swiper .abosi_box .gr {
    width: 48%;
  }
}
@media (max-width: 1260px) {
  .abosi .box .item .swiper .abosi_box .gr {
    width: 100%;
  }
}
.abosi .box .item .swiper .abosi_box .gr .public-img:before {
  padding-top: 136.66666667%;
}
.abose {
  background: #fff;
  padding: 1rem 0 1.1rem;
}
@media (max-width: 767px) {
  .abose {
    padding: 0.8rem 0;
  }
}
.abose .box {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .abose .box {
    flex-direction: column;
  }
}
.abose .box .gl {
  width: 62.5%;
}
@media (max-width: 767px) {
  .abose .box .gl {
    width: 100%;
  }
}
.abose .box .gl .tit h2 {
  color: var(--color);
}
.abose .box .gl .tit p {
  margin-top: 0.08rem;
  line-height: 1.2;
}
.abose .box .gl .lbox {
  margin-top: 0.54rem;
  display: flex;
  align-items: center;
}
.abose .box .gl .lbox .img {
  width: 68.57142857%;
}
.abose .box .gl .lbox .img .public-img {
  border-radius: 10px;
}
.abose .box .gl .lbox .img .public-img:before {
  padding-top: 68.5%;
}
.abose .box .gl .lbox .img .public-img img {
  opacity: 0;
}
.abose .box .gl .lbox .img .public-img img.on {
  opacity: 1;
}
.abose .box .gl .lbox .g_year {
  padding-left: 0.7rem;
  overflow: hidden;
  height: 4.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30.85714286%;
}
@media (max-width: 767px) {
  .abose .box .gl .lbox .g_year {
    height: 3.7rem;
  }
}
.abose .box .gl .lbox .g_year .swiper {
  cursor: pointer;
  overflow: initial;
  height: 100%;
}
.abose .box .gl .lbox .g_year .swiper .swiper-wrapper {
  transition: all 0.4s;
}
.abose .box .gl .lbox .g_year .swiper .swiper-container {
  perspective: 1000px;
}
.abose .box .gl .lbox .g_year .swiper .swiper-slide {
  will-change: transform;
  backface-visibility: hidden;
  perspective: 1000px;
  transform-style: preserve-3d;
  display: flex;
  align-items: center;
}
.abose .box .gl .lbox .g_year .swiper .swiper-slide-active p {
  color: var(--color);
}
.abose .box .gl .lbox .g_year .swiper .swiper-slide-active p:after {
  opacity: 1;
}
.abose .box .gl .lbox .g_year .swiper p {
  padding-left: 13px;
  display: block;
  position: relative;
  color: #999;
}
.abose .box .gl .lbox .g_year .swiper p:after {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--color);
  left: 0;
  top: 9px;
  opacity: 0;
}
@media (max-width: 1580px) {
  .abose .box .gl .lbox .g_year .swiper p:after {
    top: 8px;
    width: 5px;
    height: 5px;
  }
}
.abose .box .gr {
  overflow: hidden;
  padding-top: 140px;
  height: 100%;
  width: 37.5%;
}
@media (max-width: 767px) {
  .abose .box .gr {
    width: 100%;
    padding: 0;
  }
}
.abose .box .gr .swiper {
  overflow: initial;
  height: 380px;
}
@media (max-width: 1580px) {
  .abose .box .gr .swiper {
    height: 340px;
  }
}
@media (max-width: 767px) {
  .abose .box .gr .swiper {
    height: 240px;
  }
}
.abose .box .gr .swiper .swiper-slide {
  transition: all 0.4s;
  opacity: 0.1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.abose .box .gr .swiper .swiper-slide .abose_txt h3 {
  /* overflow: hidden;
							white-space: nowrap;
							text-overflow:ellipsis; */
  margin-bottom: 0.26rem;
  padding-bottom: 0.28rem;
  line-height: 1.11111111;
  position: relative;
}
.abose .box .gr .swiper .swiper-slide .abose_txt h3::after {
  content: '';
  position: absolute;
  width: 0.36rem;
  height: 3px;
  z-index: 10;
  background: var(--color);
  left: 0;
  bottom: 0;
}
.abose .box .gr .swiper .swiper-slide .abose_txt p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
}
.abose .box .gr .swiper .swiper-slide-active {
  opacity: 1;
}
.aboen {
  padding: 1.15rem 0 0.3rem;
}
.aboen .aboen_tit {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .aboen .aboen_tit {
    justify-content: center;
  }
}
.aboen .aboen_tit .pub_btn {
  display: flex;
}
@media (max-width: 767px) {
  .aboen .aboen_tit .pub_btn {
    display: none;
  }
}
.aboen .pub_news {
  margin-top: 0.3rem;
}
@media (max-width: 767px) {
  .aboen .pub_news {
    flex-wrap: initial;
    overflow: auto;
  }
}
@media (max-width: 767px) {
  .aboen .pub_news .item {
    width: 84%;
    flex-shrink: 0;
    margin-right: 0.3rem;
  }
}
@media (max-width: 767px) {
  .aboen .g_a {
    margin: 0.5rem auto 0;
    display: flex;
    justify-content: center;
  }
}
.aboen .g_a .pub_btn {
  display: none;
}
@media (max-width: 767px) {
  .aboen .g_a .pub_btn {
    display: flex;
  }
}
.aboni {
  padding: 0.95rem 0 1.7rem;
}
@media (max-width: 767px) {
  .aboni {
    padding: 0.4rem 0 1rem;
  }
}
.aboni .box {
  display: flex;
  justify-content: space-between;
}
.aboni .box .item {
  width: 50%;
  text-align: center;
}
.aboni .box .item .pub_btn {
  margin-top: 0.32rem;
}
@media (max-width: 767px) {
  .aboni .box .item h3 {
    font-size: 16px;
  }
}
.aboni .box .item1 {
  position: relative;
}
.aboni .box .item1::after {
  content: '';
  z-index: 10;
  position: absolute;
  width: 1px;
  height: 2rem;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: linear-gradient(to bottom, #f7fafd 0%, #c7c9cc 50%, #f7fafd 100%);
}
@media (max-width: 767px) {
  .aboni .box .item1::after {
    display: none;
  }
}
.aboni .box .item1 .pub_btn {
  border-color: #dedede;
  background: #fff;
}
/* 为什么选择丰泰 */
.why {
  position: relative;
}
.why .proall_nav {
  width: 2.4rem;
  left: 0.22rem;
  top: 0;
  margin-top: 120px;
  position: absolute;
  z-index: 1000;
  height: 100%;
}
@media (max-width: 1900px) {
  .why .proall_nav {
    width: 1.4rem;
  }
}
@media (max-width: 1260px) {
  .why .proall_nav {
    display: none;
  }
}
.why .proall_nav .proall_con {
  position: sticky;
  position: -webkit-sticky;
  top: 90px;
  left: 0;
  border-left: 1px solid #e5e5e5;
}
@media (max-width: 1580px) {
  .why .proall_nav .proall_con {
    font-size: 12px;
  }
}
.why .proall_nav .proall_con > p {
  transition: all 0.2s;
  margin-bottom: 0.28rem;
  color: #666;
  padding: 0 0.7rem 0 0;
  padding-left: 0.14rem;
  position: relative;
}
@media (max-width: 1900px) {
  .why .proall_nav .proall_con > p {
    padding: 0 0.1rem 0 0.14rem;
  }
}
.why .proall_nav .proall_con > p.on {
  color: var(--color);
  text-decoration: underline;
}
.why .proall_nav .proall_con > p.on::after {
  opacity: 1;
}
.why .proall_nav .proall_con > p::after {
  content: '';
  position: absolute;
  width: 3px;
  height: 100%;
  border-radius: 3px;
  background: var(--color);
  left: -1px;
  top: 0;
  opacity: 0;
}
.why .proall_nav .proall_nav_box {
  display: flex;
  flex-direction: column;
  padding: 0 0.7rem 0 0;
}
@media (max-width: 1900px) {
  .why .proall_nav .proall_nav_box {
    padding: 0 0.1rem 0 0;
  }
}
.why .proall_nav .proall_nav_box a {
  transition: all 0.2s;
  cursor: pointer;
  color: #666;
  padding-left: 0.14rem;
  margin-bottom: 0.28rem;
  position: relative;
}
.why .proall_nav .proall_nav_box a::after {
  content: '';
  position: absolute;
  width: 3px;
  height: 100%;
  border-radius: 3px;
  background: var(--color);
  left: -1px;
  top: 0;
  opacity: 0;
}
.why .proall_nav .proall_nav_box a:last-child {
  margin-bottom: 0;
}
.why .proall_nav .proall_nav_box a.on {
  color: var(--color) !important;
  text-decoration: underline;
}
.why .proall_nav .proall_nav_box a.on::after {
  opacity: 1;
}
.whyon {
  padding: 1rem 0 ;
  background-color: #fff;
}
.whyon .box {
  --bor: 1px solid #eff2f5;
  margin-top: 0.62rem;
}
.whyon .box .g_t {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.2rem;
}
@media (max-width: 1260px) {
  .whyon .box .g_t {
    flex-direction: column;
  }
}
.whyon .box .g_t .gl {
  width: calc(50% - 0.1rem);
}
@media (max-width: 1260px) {
  .whyon .box .g_t .gl {
    width: 100%;
    margin-bottom: 0.2rem;
  }
}
.whyon .box .g_t .gl .glt {
  overflow: hidden;
  margin-bottom: 0.2rem;
  border: var(--bor);
  border-radius: 0.1rem;
  position: relative;
}
.whyon .box .g_t .gl .glt img {
  width: 100%;
  height: 100%;
}
.whyon .box .g_t .gl .glt p {
  font-weight: bold;
  position: absolute;
  left: 0.3rem;
  top: 50%;
  transform: translateY(-50%);
}
.whyon .box .g_t .gl .glt p span {
  color: var(--color);
}
.whyon .box .g_t .gl .glb {
  border: var(--bor);
  border-radius: 0.1rem;
  padding: 0.3rem;
}
.whyon .box .g_t .gl .glb h3 {
  font-weight: bold;
}
.whyon .box .g_t .gl .glb h3 span {
  color: var(--color);
}
.whyon .box .g_t .gl .glb .glb_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.whyon .box .g_t .gl .glb .glb_box .item {
  display: flex;
  align-items: center;
  margin-top: 0.2rem;
  width: 28.57142857%;
}
@media (max-width: 767px) {
  .whyon .box .g_t .gl .glb .glb_box .item {
    width: 50%;
    padding-right: 0.1rem;
  }
}
.whyon .box .g_t .gl .glb .glb_box .item .gicon {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: var(--color);
  margin-right: 0.1rem;
  color: #666;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .whyon .box .g_t .gl .glb .glb_box .item .gicon {
    width: 0.6rem;
    height: 0.6rem;
  }
}
.whyon .box .g_t .gr {
  display: flex;
  justify-content: space-between;
  width: calc(50% - 0.1rem);
}
@media (max-width: 1260px) {
  .whyon .box .g_t .gr {
    width: 100%;
  }
}
.whyon .box .g_t .gr .item {
  border: var(--bor);
  border-radius: 0.1rem;
  width: calc((100% - 0.4rem)/3);
  padding: 0.48rem 0.3rem 0.2rem;
}
@media (max-width: 767px) {
  .whyon .box .g_t .gr .item {
    padding: 0.2rem 0.1rem;
  }
}
.whyon .box .g_t .gr .item h3 {
  text-align: center;
  font-weight: bold;
}
@media (max-width: 767px) {
  .whyon .box .g_t .gr .item h3 {
    font-size: 14px;
  }
}
.whyon .box .g_t .gr .item .grbox {
  margin-top: 0.5rem;
}
@media (max-width: 767px) {
  .whyon .box .g_t .gr .item .grbox {
    margin-top: 0.3rem;
  }
}
.whyon .box .g_t .gr .item .grbox .g_it {
  position: relative;
  padding-bottom: 0.14rem;
  margin-bottom: 0.14rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.whyon .box .g_t .gr .item .grbox .g_it::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background: linear-gradient(to right, rgba(251, 232, 231, 0) 0%, #fbe8e7 50%, rgba(251, 232, 231, 0) 100%);
}
.whyon .box .g_t .gr .item .grbox .g_it .g_i {
  flex-shrink: 0;
  margin-right: 0.1rem;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid var(--color);
  display: flex;
  align-items: center;
  justify-content: center;
}
.whyon .box .g_t .gr .item .grbox .g_it .g_i i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 1px solid var(--color);
}
.whyon .box .g_t .gr .item .grbox .g_it p {
  color: #666;
}
@media (max-width: 767px) {
  .whyon .box .g_t .gr .item .grbox .g_it p {
    font-size: 10px;
  }
}
.whyon .box .g_b {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.1rem;
}
@media (max-width: 767px) {
  .whyon .box .g_b {
    margin: 0 ;
  }
}
.whyon .box .g_b .item {
  width: calc(1/4*100%);
  margin-bottom: 0.2rem;
  padding: 0 0.1rem;
}
@media (max-width: 991px) {
  .whyon .box .g_b .item {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .whyon .box .g_b .item {
    width: 100%;
    padding: 0;
  }
}
.whyon .box .g_b .item .itembox {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
  border: var(--bor);
  border-radius: 0.1rem;
  padding: 0 0 0 0.3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.whyon .box .g_b .item .itembox .txt {
  display: flex;
  align-items: center;
}
.whyon .box .g_b .item .itembox .txt i {
  margin-left: 0.1rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4px;
  height: auto;
  color: #666;
}
.whyon .box .g_b .item .itembox .txt i svg,
.whyon .box .g_b .item .itembox .txt i img {
  width: 100%;
  height: auto;
}
.whyon .box .g_b .item .itembox .txt i svg path,
.whyon .box .g_b .item .itembox .txt i img path {
  fill: var(--color);
}
.whyon .box .g_b .item .itembox .public-img {
  width: 35.40983607%;
}
.whytw {
  padding: 0.9rem 0 1.4rem;
}
@media (max-width: 767px) {
  .whytw {
    padding: 0.8rem 0 1rem;
  }
}
.whytw .box {
  margin-top: 0.56rem;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .whytw .box {
    flex-direction: column;
  }
}
.whytw .box .gl {
  border-radius: 0.1rem;
  width: 24.85714286%;
  padding: 0.5rem 0.48rem 1px;
  background: url(../images/why42.png) no-repeat;
  background-size: cover;
}
@media (max-width: 991px) {
  .whytw .box .gl {
    width: 100%;
    margin-bottom: 0.4rem;
    display: flex;
    flex-wrap: wrap;
    padding: 0.5rem 0.2rem 1px;
  }
}
.whytw .box .gl .item {
  border-left: 2px solid #fbe9e8;
  padding-left: 0.22rem;
  margin-bottom: 0.55rem;
}
@media (max-width: 991px) {
  .whytw .box .gl .item {
    width: 50%;
  }
}
.whytw .box .gl .item .item_t {
  align-items: flex-end;
  display: flex;
}
.whytw .box .gl .item .item_t p {
  line-height: 1;
  color: var(--color);
  font-weight: bold;
}
.whytw .box .gl .item .item_t span {
  margin-bottom: 0.1rem;
  color: var(--color);
  font-weight: 400;
  line-height: 1;
}
.whytw .box .gl .item .item_b {
  margin-top: 0.06rem;
}
.whytw .box .gm {
  border-radius: 0.1rem;
  background: #fff;
  padding: 0.4rem 0.56rem 0.2rem 0.44rem;
  width: 50%;
}
@media (max-width: 991px) {
  .whytw .box .gm {
    width: 100%;
    margin-bottom: 0.4rem;
    padding: 0.2rem;
  }
}
.whytw .box .gm .g_t {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .whytw .box .gm .g_t {
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .whytw .box .gm .g_t h3 {
    margin-bottom: 0;
    font-size: 20px;
  }
}
.whytw .box .gm .g_t h3 span {
  color: var(--color);
}
@media (max-width: 767px) {
  .whytw .box .gm .g_t .pub_btn {
    display: none;
  }
}
.whytw .box .gm .g_b {
  margin-top: 0.25rem;
}
.whytw .box .gm .g_b .item {
  display: flex;
  align-items: center;
  margin-top: 0.16rem;
  background: #f8f8f8;
  border-radius: 0.1rem;
  padding: 0.11rem;
}
.whytw .box .gm .g_b .item .public-img {
  border-radius: 0.06rem;
  width: 37.02422145%;
  flex-shrink: 0;
}
.whytw .box .gm .g_b .item .public-img:before {
  padding-top: 56.07476636%;
}
.whytw .box .gm .g_b .item .txt {
  margin-left: 0.22rem;
}
.whytw .box .gm .g_b .item .txt h3 {
  font-weight: bold;
}
.whytw .box .gm .g_b .item .txt p {
  color: #666;
  margin-top: 0.06rem;
}
@media (max-width: 767px) {
  .whytw .box .gm .g_b .item .txt p {
    font-size: 12px;
  }
}
.whytw .box .gm .g_na {
  display: none;
}
@media (max-width: 767px) {
  .whytw .box .gm .g_na {
    display: flex;
    justify-content: center;
    padding: 0.3rem 0;
  }
}
.whytw .box .gr {
  width: 24.85714286%;
}
@media (max-width: 991px) {
  .whytw .box .gr {
    width: 100%;
  }
}
.whytw .box .gr .grbox {
  height: 50%;
  background: #fff;
  border-radius: 0.1rem;
  margin-bottom: 2px;
  padding: 0.5rem 0.3rem 0.45rem;
}
.whytw .box .gr .grbox .grcon {
  position: relative;
}
.whytw .box .gr .grbox .grcon .g_qie .pub_nav {
  top: 34%;
  width: auto;
  height: auto;
  background: no-repeat;
}
.whytw .box .gr .grbox .grcon .g_qie .pub_nav:hover svg {
  color: var(--color);
}
.whytw .box .gr .grbox .grcon .g_qie .pub_nav svg,
.whytw .box .gr .grbox .grcon .g_qie .pub_nav img {
  color: #c2c2c2;
  width: 10px;
  height: auto;
}
.whytw .box .gr .grbox .grcon .g_qie .pub_prev {
  left: 0;
}
.whytw .box .gr .grbox .grcon .g_qie .pub_next {
  right: 0;
}
.whytw .box .gr .grbox .swiper .public-img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0.2rem;
}
.whytw .box .gr .grbox .swiper .public-img:before {
  padding-top: 57.48987854%;
}
.whytw .box .gr .grbox .swiper .public-img img {
  object-fit: contain;
  width: auto;
  height: auto;
  max-height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.whytw .box .gr .grbox .swiper .txt {
  text-align: center;
  margin-top: 0.15rem;
}
.whytw .box .gr .grbox .swiper .txt h3 {
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.whytw .box .gr .grbox .swiper .txt p {
  color: #666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.why_tel {
  background: var(--color);
  color: #fff;
  border-radius: 0.1rem;
  position: relative;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.6rem;
  padding: 0.27rem 0.3rem;
}
@media (max-width: 991px) {
  .why_tel {
    flex-direction: column;
    text-align: center;
  }
}
.why_tel:hover {
  color: #fff;
}
.why_tel .tel_l {
  display: flex;
  align-items: center;
}
.why_tel .tel_l img {
  width: 23px;
  height: auto;
  margin-right: 0.1rem;
}
@media (max-width: 767px) {
  .why_tel .tel_l img {
    width: 18px;
  }
}
.why_tel .tel_r p span:last-child {
  text-decoration: underline;
}
.whythbox1 {
  overflow: hidden;
  position: relative;
}
@media (max-width: 767px) {
  .whythbox1 {
    min-height: 5rem;
  }
}
@media (max-width: 767px) {
  .whythbox1 .imgbj {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
  }
}
.whythbox1 .imgbj:before {
  padding-top: 38.54166667%;
}
.whythbox1 .imgbj img,
.whythbox1 .imgbj video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.whythbox1 .imgbj img,
.whythbox1 .imgbj video {
  width: 100%;
  height: calc(100% + 250px);
  object-fit: cover;
  top: auto;
  bottom: 0;
  transition: all 0s;
}
.whythbox1 .box {
  position: absolute;
  width: 100%;
  height: 100%;
  color: #fff;
  left: 0;
  top: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
@media (max-width: 767px) {
  .whythbox1 .box {
    position: relative;
    min-height: 5rem;
  }
}
.whythbox1 .box h2 {
  line-height: 1.2;
}
.whythbox1 .box .video_on {
  cursor: pointer;
  margin-top: 0.56rem;
}
.whythbox1 .box .video_on:hover svg {
  color: var(--color);
}
.whythbox1 .box .video_on svg,
.whythbox1 .box .video_on img {
  width: 0.4rem;
  height: auto;
  transition: all 0.4s;
}
.whythbox2 {
  margin: 1rem 0 1.4rem;
}
@media (max-width: 991px) {
  .whythbox2 {
    margin: 1rem 0 0.4rem;
  }
}
.whythbox2 .box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .whythbox2 .box {
    flex-direction: column;
  }
}
.whythbox2 .box .item {
  width: calc(50% - 0.41rem);
  position: relative;
  border-radius: 0.1rem;
  padding: 0.2rem;
  background: #fff url(../images/why20.png) no-repeat;
  background-size: 100% 1.48rem;
  background-position: top;
}
@media (max-width: 767px) {
  .whythbox2 .box .item {
    width: 100%;
    display: flex;
    flex-direction: column-reverse !important;
    margin-bottom: 0.3rem;
    background: #fff url(../images/why20.png) no-repeat !important;
    background-size: 100% 1.48rem !important;
    background-position: top !important;
  }
}
.whythbox2 .box .item:nth-child(2n) {
  margin-top: 1rem;
  background: #fff url(../images/why43.png) no-repeat;
  background-size: 100% 1.48rem;
  background-position: bottom;
  display: flex;
  flex-direction: column-reverse;
}
@media (max-width: 767px) {
  .whythbox2 .box .item:nth-child(2n) {
    margin-top: 0;
  }
}
.whythbox2 .box .item:nth-child(2n) .txt {
  padding: 0.36rem 0.25rem 0.36rem;
}
.whythbox2 .box .item .txt {
  padding: 0.36rem 0.25rem 0.16rem;
}
.whythbox2 .box .item .txt h3 {
  font-weight: bold;
  margin-bottom: 0.35rem;
}
.whythbox2 .box .item .txt .txt_box .txt_it {
  margin-bottom: 0.32rem;
}
.whythbox2 .box .item .txt .txt_box .txt_it .g_h4 {
  display: flex;
  align-items: center;
}
.whythbox2 .box .item .txt .txt_box .txt_it .g_h4 i {
  margin-right: 0.12rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.18rem;
  height: 0.18rem;
  border-radius: 50%;
  background: var(--color);
  color: #fff;
}
@media (max-width: 767px) {
  .whythbox2 .box .item .txt .txt_box .txt_it .g_h4 i {
    width: 0.3rem;
    height: 0.3rem;
  }
}
.whythbox2 .box .item .txt .txt_box .txt_it .g_h4 i svg,
.whythbox2 .box .item .txt .txt_box .txt_it .g_h4 i img {
  width: 55.55555556%;
  height: auto;
}
.whythbox2 .box .item .txt .txt_box .txt_it .g_h4 i svg path,
.whythbox2 .box .item .txt .txt_box .txt_it .g_h4 i img path {
  fill: var(--color);
}
.whythbox2 .box .item .txt .txt_box .txt_it .g_h4 h4 {
  font-weight: bold;
}
.whythbox2 .box .item .txt .txt_box .txt_it .g_p {
  padding-left: calc(0.18rem + 0.12rem);
  margin-top: 0.08rem;
}
@media (max-width: 767px) {
  .whythbox2 .box .item .txt .txt_box .txt_it .g_p {
    padding-left: calc(0.3rem + 0.12rem);
  }
}
.whythbox2 .box .item .txt .txt_box .txt_it .g_p p {
  color: #666;
}
.whythbox2 .box .item .txt .g_a {
  padding-left: calc(0.18rem + 0.12rem);
}
.whythbox2 .box .item .public-img {
  border-radius: 0.1rem;
}
.whythbox2 .box .item .public-img:before {
  padding-top: 40%;
}
.whythbox3 {
  margin: 1.4rem 0 1rem;
}
@media (max-width: 991px) {
  .whythbox3 {
    margin: 0.8rem 0;
  }
}
.whythbox3 .box {
  position: relative;
  overflow: hidden;
  margin-top: 0.6rem;
  padding-bottom: 0.55rem;
  /* .swip2_pag{
			.swiper-pagination-bullet{
				width: 8px;
				height: 8px;
				background: #e5e5e5;
				margin: 0 5px;
				opacity: 1;
				transition: all 0.4s;
				position: relative;
				overflow: hidden;
				&::after{
					content: '';
					background: #cb211a;
					position: absolute;
					width: 100%;
					height: 100%;
					opacity: 0;
					left: 0;
					top: 0;
				}
			}
			.swiper-pagination-bullet-active{
				background: none;
				border-radius: 2px;
				width: 0.7rem;
				&::after{
					opacity: 1;
				}
			}
		} */
}
@media (max-width: 767px) {
  .whythbox3 .box {
    padding-bottom: 0.8rem;
  }
}
.whythbox3 .box .swiper {
  overflow: initial;
  width: 41.66666667%;
}
@media (max-width: 767px) {
  .whythbox3 .box .swiper {
    width: 100%;
  }
}
.whythbox3 .box .swip2_pag .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #e5e5e5;
  border-radius: 2px;
  margin: 0 5px;
  opacity: 1;
  transition: all 0.4s;
  position: relative;
  will-change: transform, background-color;
  /* 提示浏览器优化 */
}
.whythbox3 .box .swip2_pag .swiper-pagination-bullet-active {
  background: #cb211a;
  border-radius: 8px;
  width: 0.7rem;
}
.whythbox3 .box .abofo_con {
  opacity: 0.6;
  transition: all 0.4s;
  position: relative;
}
.whythbox3 .box .abofo_con .public-img {
  border-radius: 0.1rem;
}
.whythbox3 .box .abofo_con .public-img:before {
  padding-top: 56.25%;
}
.whythbox3 .box .abofo_con .txt {
  text-align: center;
  border-radius: 0.1rem;
  transition: all 0.4s;
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/why24.png) no-repeat;
  background-size: 100% auto;
  background-position: bottom center;
  left: 0;
  top: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 0.18rem;
}
.whythbox3 .box .abofo_con .txt h3 {
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.whythbox3 .box .swiper-slide-active .abofo_con {
  opacity: 1;
}
.whythbox3 .box .swiper-slide-active .abofo_con .txt {
  opacity: 1;
}
.whyfo {
  /* height: 230vh; */
}
@media (max-width: 767px) {
  .whyfo {
    /* height: 250vh; */
  }
}
.whyfo .whyfo_con {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}
.whyfo .whyfo_con .imgbj {
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .whyfo .whyfo_con .imgbj {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
  }
}
.whyfo .whyfo_con .imgbj img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.whyfobox1 {
  position: relative;
  width: 100%;
  margin-top: -100vh;
  left: 0;
  z-index: 10;
  padding: 1.5rem 0;
}
.whyfobox1 .box {
  width: 100%;
  height: 100%;
}
.whyfobox1 .box .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: #fff;
  text-align: center;
}
.whyfobox1 .box .container .gcon {
  padding: 0 1.12rem;
  margin-top: 1.15rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 1260px) {
  .whyfobox1 .box .container .gcon {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .whyfobox1 .box .container .gcon {
    flex-direction: column;
  }
}
.whyfobox1 .box .container .gcon .item {
  padding-left: 0.16rem;
  width: 28.7414966%;
  text-align: left;
  position: relative;
}
@media (max-width: 767px) {
  .whyfobox1 .box .container .gcon .item {
    width: 100%;
    margin-bottom: 0.4rem;
    padding-left: 0.3rem;
  }
}
.whyfobox1 .box .container .gcon .item::after {
  content: '';
  position: absolute;
  width: 2px;
  background: var(--color);
  height: 80%;
  left: 0;
  top: 0.05rem;
}
.whyfobox1 .box .container .gcon .item p {
  margin-top: 0.1rem;
  opacity: 0.8;
  line-height: 1.25;
}
.whyfobox2 {
  width: 100%;
  height: 100%;
  z-index: 5;
  padding: 0 0 1.22rem;
}
@media (max-width: 767px) {
  .whyfobox2 {
    padding: 0 0 1.22rem;
  }
}
.whyfobox2 .box {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 1.65rem;
  margin-top: 0.58rem;
}
@media (max-width: 991px) {
  .whyfobox2 .box {
    margin-bottom: 0.65rem;
  }
}
@media (max-width: 767px) {
  .whyfobox2 .box {
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 0;
  }
}
.whyfobox2 .box .line {
  position: absolute;
  z-index: 10;
  width: 3rem;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
@media (max-width: 991px) {
  .whyfobox2 .box .line {
    display: none;
  }
}
.whyfobox2 .box .item {
  width: calc(50% - 0.58rem);
  position: relative;
  border-radius: 0.1rem;
  background: #fff;
}
@media (max-width: 991px) {
  .whyfobox2 .box .item {
    width: calc(50% - 0.2rem);
  }
}
@media (max-width: 767px) {
  .whyfobox2 .box .item {
    margin-bottom: 0.4rem;
    width: 100%;
    top: 0  !important;
  }
}
.whyfobox2 .box .item:nth-child(2n) {
  top: 1.2rem;
}
.whyfobox2 .box .item .txt {
  padding: 0.4rem;
}
.whyfobox2 .box .item .txt h3 {
  font-weight: bold;
  margin-bottom: 0.35rem;
}
.whyfobox2 .box .item .txt h3 span {
  color: var(--color);
}
.whyfobox2 .box .item .txt .txt_box .txt_it {
  margin-bottom: 0.32rem;
}
.whyfobox2 .box .item .txt .txt_box .txt_it .g_h4 {
  display: flex;
  align-items: center;
}
.whyfobox2 .box .item .txt .txt_box .txt_it .g_h4 i {
  margin-right: 0.12rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.18rem;
  height: 0.18rem;
  border-radius: 50%;
  background: #eeeeee;
  color: #717171;
}
@media (max-width: 767px) {
  .whyfobox2 .box .item .txt .txt_box .txt_it .g_h4 i {
    width: 0.3rem;
    height: 0.3rem;
  }
}
.whyfobox2 .box .item .txt .txt_box .txt_it .g_h4 i svg,
.whyfobox2 .box .item .txt .txt_box .txt_it .g_h4 i img {
  width: 55.55555556%;
  height: auto;
}
.whyfobox2 .box .item .txt .txt_box .txt_it .g_h4 i svg path,
.whyfobox2 .box .item .txt .txt_box .txt_it .g_h4 i img path {
  fill: var(--color);
}
.whyfobox2 .box .item .txt .txt_box .txt_it .g_h4 h4 {
  font-weight: bold;
}
.whyfobox2 .box .item .txt .txt_box .txt_it .g_p {
  padding-left: calc(0.18rem + 0.12rem);
  margin-top: 0.08rem;
}
@media (max-width: 767px) {
  .whyfobox2 .box .item .txt .txt_box .txt_it .g_p {
    padding-left: calc(0.3rem + 0.12rem);
  }
}
.whyfobox2 .box .item .txt .txt_box .txt_it .g_p p {
  color: #666;
}
.whyfobox2 .box .item .txt .g_a {
  padding-left: calc(0.18rem + 0.12rem);
}
@media (max-width: 767px) {
  .whyfobox2 .box .item .txt .g_a {
    padding-left: calc(0.3rem + 0.12rem);
  }
}
.whyfobox2 .box .item .public-img {
  border-radius: 0.1rem;
}
.whyfobox2 .box .item .public-img:before {
  padding-top: 49.6875%;
}
.whyfibox1 {
  padding: 0.95rem 0 1rem;
  background-color: #fff;
}
.whyfibox1 .box {
  margin-top: 0.62rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 991px) {
  .whyfibox1 .box {
    flex-direction: column;
  }
}
.whyfibox1 .box .g_txt {
  margin-bottom: 0.24rem;
}
@media (max-width: 767px) {
  .whyfibox1 .box .g_txt {
    margin-bottom: 0.4rem;
  }
}
.whyfibox1 .box .gl {
  width: 48.57142857%;
}
@media (max-width: 991px) {
  .whyfibox1 .box .gl {
    width: 100%;
  }
}
.whyfibox1 .box .gl .g_txt {
  display: none;
}
@media (max-width: 767px) {
  .whyfibox1 .box .gl .g_txt {
    display: block;
  }
}
.whyfibox1 .box .gl img {
  border-radius: 0.1rem;
}
.whyfibox1 .box .gr {
  width: 47.14285714%;
  padding-top: 0.25rem;
}
@media (max-width: 991px) {
  .whyfibox1 .box .gr {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .whyfibox1 .box .gr {
    padding-top: 0.45rem;
  }
}
@media (max-width: 767px) {
  .whyfibox1 .box .gr .g_txt {
    display: none;
  }
}
.whyfibox1 .box .gr .item {
  margin-bottom: 0.08rem;
}
@media (max-width: 767px) {
  .whyfibox1 .box .gr .item {
    margin-bottom: 0.4rem;
  }
}
.whyfibox1 .box .gr .item h3 {
  padding-left: 0.1rem;
  border-left: 2px solid var(--color);
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 0.14rem;
}
@media (max-width: 767px) {
  .whyfibox1 .box .gr .item h3 {
    margin-bottom: 0.2rem;
  }
}
.whyfibox1 .box .gr .item .txt_it {
  margin-bottom: 0.24rem;
}
.whyfibox1 .box .gr .item .txt_it .g_pubp {
  display: flex;
  margin-bottom: 0.12rem;
}
@media (max-width: 767px) {
  .whyfibox1 .box .gr .item .txt_it .g_pubp {
    margin-bottom: 0.4rem;
  }
}
.whyfibox1 .box .gr .item .txt_it .g_pubp i {
  margin-right: 0.12rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.18rem;
  height: 0.18rem;
  border-radius: 50%;
  background: #eeeeee;
  color: #717171;
  margin-top: 4px;
}
@media (max-width: 767px) {
  .whyfibox1 .box .gr .item .txt_it .g_pubp i {
    width: 0.3rem;
    height: 0.3rem;
  }
}
.whyfibox1 .box .gr .item .txt_it .g_pubp i svg,
.whyfibox1 .box .gr .item .txt_it .g_pubp i img {
  width: 55.55555556%;
  height: auto;
}
.whyfibox1 .box .gr .item .txt_it .g_pubp i svg path,
.whyfibox1 .box .gr .item .txt_it .g_pubp i img path {
  fill: var(--color);
}
.whyfibox1 .box .gr .item .txt_it .g_pubp p {
  font-weight: bold;
  color: #666;
}
.whysibox1 {
  padding: 0.95rem 0 1rem;
  background-color: #f1f6fa;
}
.whysibox1 .box {
  margin-top: 0.62rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 991px) {
  .whysibox1 .box {
    flex-direction: column;
  }
}
.whysibox1 .box .g_txt {
  margin-bottom: 0.24rem;
}
@media (max-width: 767px) {
  .whysibox1 .box .g_txt {
    margin-bottom: 0.4rem;
  }
}
.whysibox1 .box .gl {
  width: 48.57142857%;
}
@media (max-width: 991px) {
  .whysibox1 .box .gl {
    width: 100%;
  }
}
.whysibox1 .box .gl img {
  border-radius: 0.1rem;
}
.whysibox1 .box .gl .g_txt {
  display: none;
}
@media (max-width: 767px) {
  .whysibox1 .box .gl .g_txt {
    display: block;
  }
}
.whysibox1 .box .gr {
  width: 47.14285714%;
}
@media (max-width: 991px) {
  .whysibox1 .box .gr {
    width: 100%;
    padding-top: 0.25rem;
  }
}
@media (max-width: 767px) {
  .whysibox1 .box .gr .g_txt {
    display: none;
  }
}
.whysibox1 .box .gr h3 {
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 0.14rem;
}
@media (max-width: 767px) {
  .whysibox1 .box .gr h3 {
    margin-bottom: 0.3rem;
  }
}
.whysibox1 .box .gr .item {
  margin-bottom: 0.08rem;
}
.whysibox1 .box .gr .item .txt_it {
  margin-bottom: 0.32rem;
}
.whysibox1 .box .gr .item .txt_it .g_h4 {
  display: flex;
  align-items: center;
}
.whysibox1 .box .gr .item .txt_it .g_h4 i {
  margin-right: 0.14rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.26rem;
  height: 0.26rem;
  color: var(--color);
}
@media (max-width: 767px) {
  .whysibox1 .box .gr .item .txt_it .g_h4 i {
    width: 0.4rem;
    height: 0.4rem;
  }
}
.whysibox1 .box .gr .item .txt_it .g_h4 i svg,
.whysibox1 .box .gr .item .txt_it .g_h4 i img {
  width: 100%;
  height: auto;
}
.whysibox1 .box .gr .item .txt_it .g_h4 i svg path,
.whysibox1 .box .gr .item .txt_it .g_h4 i img path {
  fill: var(--color);
}
.whysibox1 .box .gr .item .txt_it .g_h4 h4 {
  font-weight: bold;
}
.whysibox1 .box .gr .item .txt_it .g_p {
  padding-left: calc(0.26rem + 0.14rem);
  margin-top: 0.08rem;
}
@media (max-width: 767px) {
  .whysibox1 .box .gr .item .txt_it .g_p {
    padding-left: calc(0.4rem + 0.14rem);
  }
}
.whysibox1 .box .gr .item .txt_it .g_p p {
  color: #666;
}
.whysibox1 .box .gr .g_a {
  padding-left: calc(0.26rem + 0.14rem);
}
@media (max-width: 767px) {
  .whysibox1 .box .gr .g_a {
    padding-left: calc(0.4rem + 0.14rem);
  }
}
.whysebox1 {
  position: relative;
  overflow: hidden;
}
.whysebox1 .imgbj {
  /* height: 7.2rem; */
}
@media (max-width: 767px) {
  .whysebox1 .imgbj {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
  }
}
.whysebox1 .imgbj:before {
  padding-top: 37.5%;
}
@media (max-width: 991px) {
  .whysebox1 .imgbj:before {
    padding-top: 62.5%;
  }
}
.whysebox1 .imgbj img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.whysebox1 .imgbj img,
.whysebox1 .imgbj video {
  width: 100%;
  height: calc(100% + 250px);
  object-fit: cover;
  top: auto;
  bottom: 0;
  transition: all 0s;
}
.whysebox1 .box {
  z-index: 10;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
@media (max-width: 767px) {
  .whysebox1 .box {
    position: relative;
    z-index: 10;
    padding: 1rem 0;
  }
}
.whysebox1 .box .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  color: #fff;
  text-align: center;
}
.whysebox1 .box .container .gcon {
  position: relative;
  width: 3.34rem;
  padding: 0.27rem 0.4rem 0.3rem;
  margin-top: 0.44rem;
  border-radius: 0.2rem;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(0px);
  backdrop-filter: blur(0px);
}
@media (max-width: 1580px) {
  .whysebox1 .box .container .gcon {
    width: 4.5rem;
  }
}
.whysebox1 .box .container .gcon .txt {
  text-align: left;
}
.whysebox1 .box .container .gcon .txt span {
  color: var(--color);
}
.whysebox1 .box .container .gcon .txt p {
  margin-top: 0.13rem;
  line-height: 1.66666667;
}
.whysebox1 .box .container .gcon .g_name {
  margin-top: 0.12rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.whysebox1 .box .container .gcon .g_name i {
  width: 0.48rem;
  height: 1px;
  background: #fff;
  margin-right: 4px;
}
.whysebox1 .box .container .gcon .bline {
  position: absolute;
  width: 88.0239521%;
  height: auto;
  bottom: -0.08rem;
  left: 50%;
  transform: translateX(-50%);
}
.whysebox2 {
  border-bottom: 1px solid #eee;
  padding: 1.15rem 0 1.2rem;
}
.whysebox2 .box {
  margin-top: 0.75rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
@media (max-width: 1260px) {
  .whysebox2 .box {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  .whysebox2 .box {
    margin-top: 0.4rem;
    flex-direction: column-reverse;
  }
}
.whysebox2 .box .gl {
  position: relative;
  z-index: 10;
  padding-top: 0.3rem;
  width: 50%;
}
@media (max-width: 1260px) {
  .whysebox2 .box .gl {
    width: 100%;
  }
}
.whysebox2 .box .gl h3 {
  font-weight: bold;
}
@media (max-width: 767px) {
  .whysebox2 .box .gl h3 {
    display: none;
  }
}
.whysebox2 .box .gl h3 span {
  color: var(--color);
}
.whysebox2 .box .gl .whysebox2_t {
  margin-top: 1.15rem;
}
@media (max-width: 1260px) {
  .whysebox2 .box .gl .whysebox2_t {
    margin: 0.4rem 0;
  }
}
.whysebox2 .box .gl .whysebox2_t .g_t p {
  padding-left: 0.1rem;
  border-left: 2px solid var(--color);
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 0.14rem;
}
.whysebox2 .box .gl .whysebox2_t .whysebox2_box {
  transform: translateX(0.2rem);
  margin-top: 0.27rem;
  display: flex;
}
@media (max-width: 1260px) {
  .whysebox2 .box .gl .whysebox2_t .whysebox2_box {
    transform: translateX(0);
  }
}
@media (max-width: 767px) {
  .whysebox2 .box .gl .whysebox2_t .whysebox2_box {
    flex-direction: column;
  }
}
.whysebox2 .box .gl .whysebox2_t .whysebox2_box .item {
  flex-shrink: 0;
  margin-right: 0.2rem;
  width: calc(50% - 0.2rem);
  padding: 0.28rem 0.24rem 0.3rem;
  border: 1px solid #eff2f5;
  background: #fff;
  border-radius: 0.1rem;
}
@media (max-width: 1260px) {
  .whysebox2 .box .gl .whysebox2_t .whysebox2_box .item {
    flex-shrink: initial;
  }
}
@media (max-width: 767px) {
  .whysebox2 .box .gl .whysebox2_t .whysebox2_box .item {
    width: 100%;
    margin-bottom: 0.1rem;
  }
}
.whysebox2 .box .gl .whysebox2_t .whysebox2_box .item h4 {
  font-weight: bold;
}
.whysebox2 .box .gl .whysebox2_t .whysebox2_box .item p {
  color: #666;
  margin-top: 0.06rem;
}
.whysebox2 .box .gr {
  width: 50%;
  -webkit-mask-image: url(../images/why32.png);
  mask-image: url(../images/why32.png);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  /* -webkit-mask-size: cover; */
  mask-size: 100% 100%;
}
@media (max-width: 1260px) {
  .whysebox2 .box .gr {
    width: 100%;
    mask-image: initial;
  }
}
.whysebox2 .box .gr h3 {
  font-weight: bold;
  display: none;
}
@media (max-width: 767px) {
  .whysebox2 .box .gr h3 {
    display: block;
    margin-bottom: 0.4rem;
  }
}
.whysebox2 .box .gr h3 span {
  color: var(--color);
}
@media (max-width: 1260px) {
  .whysebox2 .box .gr .public-img {
    border-radius: 0.1rem;
  }
}
.whysebox2 .box .gr .public-img:before {
  padding-top: 66.66666667%;
}
.whysebox2 .box2 {
  margin-top: 1.2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .whysebox2 .box2 {
    margin-top: 0.8rem;
    flex-direction: column;
  }
}
.whysebox2 .box2 .public-img {
  border-radius: 0.1rem;
  width: 48.57142857%;
}
@media (max-width: 767px) {
  .whysebox2 .box2 .public-img {
    width: 100%;
  }
}
.whysebox2 .box2 .public-img:before {
  padding-top: 68.57562408%;
}
.whysebox2 .box2 .txt {
  width: 42.85714286%;
}
@media (max-width: 767px) {
  .whysebox2 .box2 .txt {
    width: 100%;
    padding: 0.5rem 0 0;
  }
}
.whysebox2 .box2 .txt .txt_box h3 {
  font-weight: bold;
  padding-right: 1.35rem;
  line-height: 1.33333333;
}
@media (max-width: 1260px) {
  .whysebox2 .box2 .txt .txt_box h3 {
    padding: 0;
  }
}
.whysebox2 .box2 .txt .txt_box h3 span {
  color: var(--color);
}
.whysebox2 .box2 .txt .txt_box p {
  margin-top: 0.46rem;
}
.whysebox2 .box2 .txt .pub_btn {
  margin-top: 0.55rem;
}
.whysebox3 {
  padding: 1.15rem 0 0;
  margin: 0 0 1.2rem;
}
.whysebox3 .box {
  margin-top: 0.6rem;
}
.whysebox3 .box .item {
  margin-bottom: 0.21rem;
  background: #fff;
  border-radius: 0.1rem;
  padding: 0.1rem;
}
.whysebox3 .box .item:nth-child(2n) .itembox {
  flex-direction: row-reverse;
}
.whysebox3 .box .item:nth-child(2n) .itembox .txt {
  padding: 0 0 0 0.9rem;
}
.whysebox3 .box .item .itembox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* border: 1px solid #eff2f5; */
  border-radius: 0.1rem;
  padding: 0.3rem;
}
@media (max-width: 991px) {
  .whysebox3 .box .item .itembox {
    flex-direction: column-reverse !important;
  }
}
.whysebox3 .box .item .itembox .txt {
  width: 52.65151515%;
  padding: 0 0.35rem 0 0.25rem;
}
@media (max-width: 991px) {
  .whysebox3 .box .item .itembox .txt {
    width: 100%;
    padding: 0.4rem 0 0 !important;
  }
}
.whysebox3 .box .item .itembox .txt .g_h3 h3 {
  font-weight: bold;
  line-height: 1.33333333;
  margin-bottom: 0.6rem;
}
.whysebox3 .box .item .itembox .txt .g_h3 .g_h3_span {
  font-weight: bold;
  margin-top: -0.2rem;
  padding-left: 0.17rem;
  border-left: 2px solid var(--color);
  position: relative;
}
.whysebox3 .box .item .itembox .txt .g_h3 .g_h3_span::after {
  content: '';
  position: absolute;
  width: 1.55rem;
  max-width: 80%;
  left: 0;
  top: 0;
  height: 100%;
  background: -webkit-linear-gradient(to right, #f6d7d6, rgba(246, 215, 214, 0));
  background: linear-gradient(to right, #f6d7d6, rgba(246, 215, 214, 0));
}
.whysebox3 .box .item .itembox .txt .g_h3 .g_h3_span span {
  position: relative;
  z-index: 10;
}
.whysebox3 .box .item .itembox .txt .g_p .g_it {
  margin-top: 0.2rem;
}
.whysebox3 .box .item .itembox .txt .g_p .g_it h4 {
  font-weight: bold;
  display: block;
  position: relative;
  padding-left: 14px;
}
.whysebox3 .box .item .itembox .txt .g_p .g_it h4:after {
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--color);
  left: 0;
  top: 10px;
}
@media (max-width: 1580px) {
  .whysebox3 .box .item .itembox .txt .g_p .g_it h4:after {
    top: 8px;
    width: 5px;
    height: 5px;
  }
}
.whysebox3 .box .item .itembox .txt .g_p .g_it p {
  padding-left: 14px;
  margin-top: 0.08rem;
  color: #666;
}
.whysebox3 .box .item .itembox .public-img {
  border-radius: 0.1rem;
  width: 47.27272727%;
}
@media (max-width: 991px) {
  .whysebox3 .box .item .itembox .public-img {
    width: 100%;
  }
}
.whysebox3 .box .item .itembox .public-img:before {
  padding-top: 68.58974359%;
}
.whysebox4 {
  border: none;
  padding: 0;
  margin: 1.2rem 0 1.15rem;
}
/* 社会责任 */
.whyenbox1 {
  margin: 1.15rem 0 1.92rem;
}
@media (max-width: 767px) {
  .whyenbox1 {
    margin: 1rem 0;
  }
}
.whyenbox1 .box {
  margin-top: 0.4rem;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .whyenbox1 .box {
    flex-direction: column;
  }
}
.whyenbox1 .box .gl {
  position: relative;
  border-radius: 0.1rem;
  overflow: hidden;
  width: 48.78571429%;
}
@media (max-width: 991px) {
  .whyenbox1 .box .gl {
    width: 100%;
    margin-bottom: 0.2rem;
  }
}
.whyenbox1 .box .gl:hover .txt .pub_btn {
  opacity: 1;
  margin-bottom: 0rem;
}
.whyenbox1 .box .gl .img {
  width: 100%;
  height: 100%;
}
.whyenbox1 .box .gl .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.whyenbox1 .box .gl .txt {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(../images/why41.png) no-repeat;
  background-size: 100% auto;
  background-position: bottom center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0.3rem;
}
.whyenbox1 .box .gl .txt .txt_box {
  color: #fff;
}
.whyenbox1 .box .gl .txt .pub_btn {
  margin-top: 0.28rem;
  background: #fff;
  opacity: 0;
  position: relative;
  margin-bottom: -0.76rem;
}
@media (max-width: 1260px) {
  .whyenbox1 .box .gl .txt .pub_btn {
    margin-bottom: 0;
    opacity: 1;
  }
}
.whyenbox1 .box .gr {
  width: 48.78571429%;
}
@media (max-width: 991px) {
  .whyenbox1 .box .gr {
    width: 100%;
  }
}
.whyenbox1 .box .gr .item {
  margin-bottom: 0.2rem;
  position: relative;
  border-radius: 0.1rem;
  overflow: hidden;
  width: 100%;
}
.whyenbox1 .box .gr .item:last-child {
  margin-bottom: 0;
}
.whyenbox1 .box .gr .item:hover .txt .pub_btn {
  opacity: 1;
  margin-bottom: 0rem;
}
.whyenbox1 .box .gr .item .public-img {
  width: 100%;
}
.whyenbox1 .box .gr .item .public-img:before {
  padding-top: 35.74529667%;
}
.whyenbox1 .box .gr .item .txt {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(../images/why41.png) no-repeat;
  background-size: 100% auto;
  background-position: bottom center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0.3rem;
  z-index: 10;
}
.whyenbox1 .box .gr .item .txt .txt_box {
  color: #fff;
}
.whyenbox1 .box .gr .item .txt .pub_btn {
  margin-top: 0.28rem;
  background: #fff;
  opacity: 0;
  margin-bottom: -0.76rem;
}
@media (max-width: 1260px) {
  .whyenbox1 .box .gr .item .txt .pub_btn {
    margin-bottom: 0;
    opacity: 1;
  }
}
.curtain_no2 .curtain_box {
  position: absolute;
  max-width: initial;
  max-height: initial;
  left: auto;
  right: -50%;
  top: 0;
  width: 50%;
  height: 100%;
  transition: all 0.4s;
  transform: translate(0);
  /* &.on{
			right: 0;
		} */
}
@media (max-width: 991px) {
  .curtain_no2 .curtain_box {
    width: 90%;
  }
}
.curtain_no2 .curtain_box .whypop1 {
  overflow: initial;
  width: 100%;
  height: 100%;
  background: #fff;
  padding: 0.5rem 0.22rem 0 0.65rem;
  max-height: 100%;
}
.curtain_no2 .curtain_box .whypop1 .title {
  padding: 0 0.33rem 0 0;
}
.curtain_no2 .curtain_box .whypop1 .title .title_box {
  padding-bottom: 0.22rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e0e0e0;
}
.curtain_no2 .curtain_box .whypop1 .title h2 {
  font-weight: bold;
}
.curtain_no2 .curtain_box .whypop1 .title .close_tc {
  position: relative;
  top: 0;
  right: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #f4f4f4;
  cursor: pointer;
  z-index: 10000;
  transition: all 0.4s;
}
.curtain_no2 .curtain_box .whypop1 .title .close_tc:hover {
  background: var(--color);
}
.curtain_no2 .curtain_box .whypop1 .title .close_tc:hover::before,
.curtain_no2 .curtain_box .whypop1 .title .close_tc:hover::after {
  background: #fff;
}
@media screen and (max-width: 767px) {
  .curtain_no2 .curtain_box .whypop1 .title .close_tc {
    width: 30px;
    height: 30px;
  }
}
.curtain_no2 .curtain_box .whypop1 .title .close_tc::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -10px;
  width: 18px;
  height: 2px;
  background: #666;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .curtain_no2 .curtain_box .whypop1 .title .close_tc::before {
    margin: -1px 0 0 -6px;
    width: 12px;
    height: 1px;
  }
}
.curtain_no2 .curtain_box .whypop1 .title .close_tc::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -10px;
  width: 18px;
  height: 2px;
  background: #666;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .curtain_no2 .curtain_box .whypop1 .title .close_tc::after {
    margin: -1px 0 0 -6px;
    width: 12px;
    height: 1px;
  }
}
.whypop1_box {
  padding: 0.28rem 0.33rem 0 0;
  overflow: auto;
}
.whypop1_box .whypop1_con {
  max-height: 80vh;
}
.whypop1_box .whypop1_it {
  transition: all 0.4s;
  position: relative;
  /* &:hover{
			.public-img{
				img{
					transform: scale(1.05);
				}
			}
		} */
}
.whypop1_box .whypop1_it.whypop1_it2 {
  margin-bottom: 0.2rem;
}
.whypop1_box .whypop1_it.whypop1_it2 .public-img:before {
  padding-top: 47.56097561%;
}
.whypop1_box .whypop1_it.whypop1_it2 .txt {
  background: url(../images/why50.png) no-repeat;
  background-size: 100% auto;
  background-position: bottom center;
}
.whypop1_box .whypop1_it .public-img {
  border-radius: 0.1rem;
}
.whypop1_box .whypop1_it .txt {
  text-align: center;
  border-radius: 0.1rem;
  transition: all 0.4s;
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/why49.png) no-repeat;
  background-size: 100% auto;
  background-position: bottom center;
  left: 0;
  top: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 0.18rem;
}
.whypop1_box .whypop1_it .txt h3 {
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.whypop1_box .gbox1 {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .whypop1_box .gbox1 {
    flex-direction: column;
  }
}
.whypop1_box .gbox1 .gl {
  width: calc(50% - 0.1rem);
}
@media (max-width: 767px) {
  .whypop1_box .gbox1 .gl {
    width: 100%;
    margin-bottom: 0.2rem;
  }
}
.whypop1_box .gbox1 .gl .public-img {
  width: 100%;
}
.whypop1_box .gbox1 .gr {
  width: calc(50% - 0.1rem);
}
@media (max-width: 767px) {
  .whypop1_box .gbox1 .gr {
    width: 100%;
  }
}
.whypop1_box .gbox1 .gr .public-img {
  width: 100%;
}
.curtain_pop1 {
  display: block;
  /* opacity: 0; */
  pointer-events: none;
}
.curtain_pop1.on {
  pointer-events: initial;
  opacity: 1;
}
.curtain_pop1.on .mask {
  opacity: 1;
}
.curtain_pop1.on .curtain_box {
  opacity: 1;
  right: 0;
}
.curtain_pop1 .mask {
  opacity: 0;
}
.curtain_pop1 .curtain_box {
  opacity: 0;
}
.curtain_pop2 {
  display: block;
  /* opacity: 0; */
  pointer-events: none;
}
.curtain_pop2.on {
  pointer-events: initial;
  opacity: 1;
}
.curtain_pop2.on .mask {
  opacity: 1;
}
.curtain_pop2.on .curtain_box {
  opacity: 1;
  right: 0;
}
.curtain_pop2 .mask {
  opacity: 0;
}
.curtain_pop2 .curtain_box {
  opacity: 0;
}
.rzpop {
  padding: 0.32rem 0;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .rzpop {
    flex-direction: column;
  }
}
.rzpop .gl {
  width: 52.02380952%;
}
@media (max-width: 767px) {
  .rzpop .gl {
    width: 100%;
    margin-bottom: 0.2rem;
  }
}
.rzpop .gl .public-img:before {
  padding-top: 142.46575342%;
}
.rzpop .gr {
  width: 45.47619048%;
}
@media (max-width: 767px) {
  .rzpop .gr {
    width: 100%;
  }
}
.rzpop .gr .item {
  margin-bottom: 0.2rem;
  transition: all 0.4s;
  border-radius: 0.1rem;
  border: 1px solid #f8f8f8;
}
.rzpop .gr .item:last-child {
  margin-bottom: 0;
}
.rzpop .gr .item:hover {
  background: #fffcfc;
  border: 1px solid #f6d7d6;
}
.rzpop .gr .item:hover .itembox {
  border: 3px solid #ffefee;
}
.rzpop .gr .item:hover .itembox .tit h3 {
  color: var(--color);
}
.rzpop .gr .item .itembox {
  transition: all 0.4s;
  border-radius: 0.1rem;
  border: 3px solid #f8f8f8;
  padding: 0.28rem 0.28rem 0.38rem;
}
.rzpop .gr .item .itembox .tit {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.rzpop .gr .item .itembox .tit h3 {
  font-weight: bold;
  transition: all 0.4s;
}
.rzpop .gr .item .itembox .tit i {
  margin-left: 0.2rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 13px;
  height: auto;
  color: #333;
}
@media (max-width: 1260px) {
  .rzpop .gr .item .itembox .tit i {
    width: 11px;
  }
}
@media (max-width: 767px) {
  .rzpop .gr .item .itembox .tit i {
    width: 8px;
  }
}
.rzpop .gr .item .itembox .tit i svg,
.rzpop .gr .item .itembox .tit i img {
  width: 100%;
  height: auto;
}
.rzpop .gr .item .itembox .tit i svg path,
.rzpop .gr .item .itembox .tit i img path {
  fill: var(--color);
}
.rzpop .gr .item .itembox .txt {
  margin-top: 0.12rem;
}
.home_head {
  background: none !important;
}
.home_head.c-style2 .container::after {
  width: 100vw;
  border-radius: 0;
}
.home_head .container {
  background: none !important;
}
.home_head .container::after {
  content: '';
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  border-radius: 0.1rem;
  background: #fff;
  top: 49%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s;
}
#translate {
  display: none;
}
@media (max-width: 767px) {
  .proth_it h2 {
    font-size: 20px;
    font-weight: bold;
  }
}
.headnav {
  margin-top: auto;
  display: none;
}
@media (max-width: 991px) {
  .headnav {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #f1f1f1;
    padding: 0.2rem 5%;
    align-items: center;
  }
}
.headnav .headnav_l .c-language {
  margin: 0 0.22rem;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 100%;
  transition: all 0.4s;
}
.headnav .headnav_l .c-language .c-ico-text {
  display: flex;
  align-items: center;
}
.headnav .headnav_l .c-language .c-ico-text span {
  margin: 0 0.05rem;
  transition: all 0.4s;
}
.headnav .headnav_l .c-language .c-ico-text img,
.headnav .headnav_l .c-language .c-ico-text svg {
  width: 16px;
  height: 16px;
  transition: 0.4s;
  vertical-align: middle;
}
.headnav .headnav_l .c-language .c-ico-text img:nth-child(3),
.headnav .headnav_l .c-language .c-ico-text svg:nth-child(3) {
  width: 14px;
  height: 14px;
  transform: rotate(90deg);
}
.headnav .headnav_l .c-language .c-box {
  display: none;
  position: absolute;
  bottom: calc(100% + 3px);
  left: 0;
  padding: 0.1rem 0;
  border-radius: 0 0 0.1rem 0.1rem;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  white-space: nowrap;
  line-height: 0.6rem;
}
.headnav .headnav_l .c-language .c-box a {
  position: relative;
  display: block;
  padding: 0 25px;
  color: #333;
}
.headnav .headnav_l .c-language .c-box a::before {
  display: none;
}
.headnav .headnav_l .c-language .c-box a:hover {
  text-decoration: underline;
  color: var(--color);
}
.headnav .headnav_l .c-language:hover .c-ico-text {
  color: var(--color);
}
.headnav .headnav_l .c-language:hover .c-ico-text svg {
  color: var(--color);
}
.headnav .headnav_r .c-search {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.g_none {
  color: #666;
}