/* #region 初始化 */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  padding: 0;
  margin: 0;
  font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", Helvetica, Arial;
}

html,
body {
  width: 100%;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  color: #000;
  background-color: #fff;
  font-family: text;
  overflow-x: hidden;
}

audio,
video {
  display: block;
}

a {
  display: block;
  background-color: transparent;
  text-decoration: none;
  color: inherit;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

li {
  list-style: none;
}

img {
  display: block;
  border: 0;
}

dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  outline: none;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

td,
th {
  padding: 0;
}

.swiper-container {
  width: 100%;
}

/* #endregion */
/* #region  sass */
/* #endregion */
/* #region  首页*/
html,
body {
  width: 100%;
  overflow-x: hidden;
}

.width {
  width: 1600px;
  margin: 0 auto;
}

.phone_nod {
  display: none;
}

header {
  position: fixed;
  background: #fff;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 99;
  transition: ease-out .36s;
  box-shadow: 0px 4px 15px -2px rgba(49, 70, 81, 0.1);
}

header>.width {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}

header .logo {
  position: relative;
  max-height: 100%;
  max-width: 8.7rem;
}

header .logo img {
  width: 100%;
}

header .logo img:last-child {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

header .header_con {
  margin-left: auto;
  height: 5.2rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

header .header_phone {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

header .header_phone i {
  position: relative;
}

header .header_phone i img {
  width: 1.2rem;
}

header .header_phone i img:last-child {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

header .header_phone span {
  font-size: 1.2rem;
  background: linear-gradient(121.59deg, #17BD6A 0%, #3597F2 100%);
  -webkit-background-clip: text;
  color: transparent;
  font-weight: bold;
  margin-left: .3rem;
}

header .header_row {
  display: flex;
  align-items: center;
}

header .header_right {
  display: flex;
  align-items: center;
  padding-left: 1.05rem;
  position: relative;
  margin-left: .6rem;
}

header .header_right::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 1rem;
  width: 2px;
  border-radius: 2px;
  background: #666;
}

header .header_code,
header .header_search {
  position: relative;
  padding: .5rem;
  margin-left: .5rem;
  cursor: pointer;
}

header .header_code img,
header .header_search img {
  width: 1rem;
}

header .header_code img:nth-child(2) {
  position: absolute;
  left: .5rem;
  top: .5rem;
  opacity: 0;
}

header .nav {
  display: flex;
  align-items: center;
}

header .nav li {
  margin: 0 1.5rem;
}

header .nav li>a {
  font-size: .9rem;
  line-height: 2.7rem;
  color: #333;
  position: relative;
  transition: ease-out .36s;
}

header .nav li>a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  transition: ease-out .36s;
  background: #149957;
}

header .nav li a.active,
header .nav li a:hover {
  color: #149957;
}

header .nav li a.active::after,
header .nav li a:hover::after {
  width: 100%;
}

header .header_con {
  margin-top: auto;
}

header::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, #000, transparent);
  opacity: 0;
}

header .header_code div {
  position: absolute;
  left: 50%;
  top: 110%;
  transform: translateX(-50%);
  background: #fff;
  border-radius: .5rem;
  padding: .2rem;
  box-shadow: 0px 4px 3.5rem -2px rgba(49, 70, 81, 0.4);
  display: none;
}

header .header_code div img {
  width: 6rem;
}

header .header_code div::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -100%);
  width: 0;
  height: 0;
  border: .4rem solid transparent;
  border-top: none;
  border-bottom-color: #fff;
}

.nav_icon {
  display: none;
}

header.active {
  background: none;
  box-shadow: none;
}

header.active .logo img {
  opacity: 0;
}

header.active .logo img:last-child {
  opacity: 1;
}

header.active .header_phone i img {
  opacity: 0;
}

header.active .header_phone i img:last-child {
  opacity: 1;
}

header.active .header_phone span {
  color: #fff;
}

header.active .header_right::before {
  background: #fff;
}

header.active .header_right .header_code {
  position: relative;
}

header.active .header_right .header_code>img {
  opacity: 0;
}

header.active .header_right .header_code>img:nth-child(2) {
  opacity: 1;
}

header.active .nav li>a{
  color: #fff;
}
header.active .met-head .language dt span {color: #fff;}

header.active .nav li>a::after {
  background: #fff;
}

header.active::before {
  opacity: .6;
}

.nav_two {
  position: fixed;
  left: 0;
  top: 5.2rem;
  width: 100%;
  background: #FAFAFA;
  display: none;
}

.nav_two>div {
  display: flex;
}

.nav_two .nav_left {
  width: 37.6%;
  background: #F5F5F5;
  padding: 3.8rem 5.75rem 3rem 3rem;
  text-align: right;
  font-size: 1.2rem;
}

.nav_two .nav_left span {
  color: #333;
  font-weight: bold;
}

.nav_two .nav_left p {
  color: #E0E0E0;
  text-transform: uppercase;
  margin-top: .75rem;
}

.nav_two .nav_right {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 2.15rem 0;
  padding-left: 5.8rem;
  justify-content: start;
}

.nav_two .nav_right img {
  width: 20.35rem;
}

.nav_two .nav_select {
  display: flex;
  flex-wrap: wrap;
  width: 26rem;
}

.nav_two .nav_select a {
  width: 10.5rem;
  margin-right: .25rem;
  font-size: 1rem;
  color: #666;
  padding: .75rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: ease-out .36s;
}

.nav_two .nav_select a:hover,
.nav_two .nav_select a.active {
  color: #149957;
  transform: translateX(0.5rem);
}

.modal_color::before,
.modal_color::after {
  content: '';
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 50%;
  background-color: #FFFFFF;
  z-index: 9999;
}

.modal_color::after {
  top: auto;
  bottom: 0;
}

.modal_color.none::before,
.modal_color.none::after {
  height: 0px;
  transition: all 1.5s ease 0s;
}

.banner {
  position: relative;
}

.banner video {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}

.banner::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /* background: rgba(0, 0, 0, 0.3); */
  background: url("../image/bg_icon.png") repeat;
}

.banner span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.banner span img {
  width: 72%;
}

.fadeInUp2 {
  animation-name: fadeInUp2;
  animation-fill-mode: both;
  animation-duration: 1s;
}

@keyframes fadeInUp2 {
  0% {
    transform: translate3d(0, 5rem, 0);
  }

  to {
    transform: none;
  }
}

.index1 {
  padding: 7rem 0;
  display: flex;
  align-items: center;
}

.index1 .index1_left {
  width: 46%;
}

.index1 .index1_left .index1_t h3 {
  font-size: 2.1rem;
  color: #000;
  font-weight: bold;
}

.index1 .index1_left .index1_t div {
  font-size: 2.1rem;
  color: #333;
  margin-top: 1rem;
}

.index1 .index1_left .index1_t div span {
  background: linear-gradient(to right, #17BD6A, #3597F2);
  font-weight: bold;
  color: #fff;
}

.index1 .index1_left .index1_p {
  font-size: 1rem;
  color: #333;
  line-height: 1.4;
  margin-top: 2rem;
}
 
.index1 .index1_left ul {
  display: flex;
  margin-top: 4.4rem;
}

.index1 .index1_left ul li {
  flex: 1;
  padding-left: .3rem;
}
.index1 .index1_left ul span i{
  font-style: normal;
}
.index1 .index1_left ul span {
  font-size: 1.8rem;
  font-weight: bold;
  background: linear-gradient(121.59deg, #17BD6A 0%, #3597F2 100%);
  -webkit-background-clip: text;
  color: transparent;
}

.index1 .index1_left ul div {
  font-size: 1rem;
  color: #333;
  margin-top: .4rem;
}

.index1 .index1_left .index_route {
  margin-top: 4.75rem;
}

.index1 .index1_right {
  width: 50%;
  position: relative;
  overflow: hidden;
  padding-top: 1rem;
	padding-left: 2rem;
}

.index1 .index1_right .bus_tree {
  position: absolute;
  left: 0;
  bottom: .25rem;
  width: 100%;
}

.index1 .index1_right .bus_tree div {
  width: 100%;
  padding-left: 7%;
  animation: bus_tree 6s infinite linear;
}

.index1 .index1_right .bus_tree div:nth-child(2) {
  position: absolute;
  left: 200%;
  bottom: 0;
}

.index1 .index1_right .bus_tree img {
  width: 4.8rem;
}

.index1 .index1_right .bus {
  width: 25.75rem;
  position: relative;
  bottom: .5rem;
  left: 25%;
}

.index1 .index1_right .bus .bus_img {
  position: relative;
  animation: bus_all 3s infinite ease;
}

.index1 .index1_right .bus .bus_img img {
  width: 100%;
  transform: translateY(.5rem);
}

.index1 .index1_right .bus .bus_prev,
.index1 .index1_right .bus .bus_next {
  width: 4.5rem;
  position: absolute;
  bottom: -.5rem;
  animation: bus_icon 0.4s infinite linear;
}

.index1 .index1_right .bus .bus_prev img,
.index1 .index1_right .bus .bus_next img {
  width: 100%;
}

.index1 .index1_right .bus .bus_prev {
  left: 29.3%;
}

.index1 .index1_right .bus .bus_next {
  right: 10.2%;
}

.index1 .index1_right .bus_line {
  width: 100%;
  height: .25rem;
  animation: bus_line 3s infinite linear;
  position: relative;
}

.index1 .index1_right .bus_line img {
  width: 100%;
}

.index1 .index1_right .bus_line img:nth-child(2) {
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
}

.index_route {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 11.25rem;
  padding: 0 1.5rem;
  height: 2.9rem;
  border-radius: 2rem;
  background: linear-gradient(121.59deg, #17BD6A 0%, #3597F2 100%);
  color: #fff;
  font-size: 1rem;
  position: relative;
  overflow: hidden;
}

.pdetails_title .index_route {
  width: auto;
  min-width: 11.25rem;
}

.index_route span,
.index_route img {
  position: relative;
  z-index: 1;
}

.index_route img {
  width: 1.7rem;
  margin-left: 1.45rem;
  transition: ease-out .5s;
}

.index_route:hover img {
  transform: translateX(0.8rem);
}

.index_route::before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: linear-gradient(121.59deg, #3597F2 0%, #17BD6A 100%);
  transition: ease-out .5s;
}

.index_route:hover::before {
  width: 100%;
}

@keyframes bus_line {
  0% {
    transform: translate(-100%, 0);
  }

  100% {
    transform: translate(0, 0);
  }
}

@keyframes bus_tree {
  0% {
    transform: translate(-200%, 0);
  }

  100% {
    transform: translate(0, 0);
  }
}

@keyframes bus_icon {
  0% {
    transform: rotate(360deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

@keyframes bus_all {

  0%,
  20%,
  40%,
  45%,
  60%,
  80%,
  100% {
    top: 0;
  }

  70% {
    top: 3px;
  }

  30%,
  90% {
    top: 6px;
  }
}

.index2 {
  background: #FAFAFA;
}

.index2>div {
  max-width: 1920px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}

.index2 a {
  width: 33.33%;
  display: flex;
  align-items: center;
  padding: 1.8rem 0 2.3rem 0;
}

.index2 a:hover .index2_right {
  animation: index2_img 2s infinite linear;
}

.index2 a:hover .index2_t1 h3 {
  color: #149957;
}

.index2 a:hover .index2_t3 {
  transform: translateX(0.5rem);
  color: #149957;
}

.index2 a:nth-child(even) {
  background: #F5F5F5;
}

.index2 .index2_right {
  width: 36%;
  margin-right: .65rem;
  transition: ease-out .36s;
}

.index2 .index2_right img {
  width: 100%;
}

.index2 .index2_left {
  flex: 1;
  padding-left: 1.8rem;
}

.index2 .index2_left .index2_t1 {
  display: flex;
  align-items: end;
  line-height: 1;
}

.index2 .index2_left .index2_t1 h3 {
  font-size: 2.1rem;
  font-weight: bold;
  color: #333;
  transition: ease-out .2s;
}

.index2 .index2_left .index2_t1 span {
  font-size: 1.2rem;
  color: #666;
  margin-left: .75rem;
}

.index2 .index2_left .index2_t2 {
  font-size: 1.6rem;
  line-height: 1.3;
  color: #E8E8E8;
  margin-top: .9rem;
  height: 4.16rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.index2 .index2_left .index2_t3 {
  display: flex;
  align-items: center;
  margin-top: 1.34rem;
  transition: ease-out .36s;
  color: #666;
}

.index2 .index2_left .index2_t3 img {
  width: 1.85rem;
}

.index2 .index2_left .index2_t3 span {
  margin-left: .75rem;
  font-size: 14px;
}

.index2 .index2_last {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.1rem;
  color: #333;
  font-weight: bold;
  transition: ease-out .36s;
}

.index2 .index2_last img {
  width: 1.95rem;
  margin-left: 3.95rem;
  transition: ease-out .36s;
}

.index2 .index2_last:hover {
  color: #149957;
}

.index2 .index2_last:hover img {
  transform: translateX(0.7rem);
}

@keyframes index2_img {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }

  100% {
    transform: scale(1);
  }
}

.index3 {
  margin: 0 auto;
  margin-top: 7rem;
  max-width: 1920px;
  display: flex;
  position: relative;
}

.index3 a {
  flex: 1;
}

.index3 a:hover .index3_text>div {
  top: 0;
}

.index3 a:hover .index3_text ul {
  opacity: 1;
}

.index3 a:hover .index3_text h3 {
  transform: translateY(0.3rem);
}

.index3 a.active .index3_bg {
  opacity: 1;
}

.index3 a:last-child .index3_text::after {
  display: none;
}

.index3 .index3_bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: ease-out .36s;
}

.index3 .index3_bg::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 42, 77, 0.6);
}

.index3 .index3_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.index3 .index3_text {
  width: 100%;
  height: 40rem;
  padding: 28.12% 15.83% 5% 15.8%;
  position: relative;
  z-index: 1;
  color: #fff;
}

.index3 .index3_text img {
  width: 2.9rem;
}

.index3 .index3_text h3 {
  font-size: 2.1rem;
  font-weight: bold;
  margin-top: .8rem;
  transition: 1s;
}

.index3 .index3_text ul {
  font-size: 1.2rem;
  line-height: 1.66;
  margin-top: 1.9rem;
  opacity: 0;
  transition: 1s;
}

.index3 .index3_text::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 99.5%;
  width: 1px;
  background: #FAFAFA;
}

.index3 .index3_text>div {
  position: relative;
  top: 10rem;
  transition: 1s;
}

.index_tcon {
  display: flex;
  align-items: end;
  justify-content: space-between;
}

.index_txt {
  position: relative;
  line-height: 1;
}

.index_txt div {
  font-size: 6.1rem;
  font-weight: bold;
  color: #F7F7F7;
  position: relative;
  left: -1.5rem;
  text-transform: uppercase;
}

.index_txt span {
  font-size: 1.8rem;
  color: #149957;
  position: absolute;
  bottom: 0;
  left: .55rem;
}

.index4 {
  margin-top: 7rem;
}

.index4_ul {
  display: flex;
  flex-wrap: wrap;
  padding-top: .65rem;
}

.index4_ul a {
  width: 23.75%;
  margin-right: 1.66%;
  margin-top: 2.75rem;
}

.index4_ul a:nth-child(4n+4) {
  margin-right: 0;
}

.index4_ul a:hover h3::before {
  opacity: 1;
}

.index4_ul a:hover h3 span {
  color: #fff;
}

.index4_ul a:hover .index4_img {
  border-top-left-radius: 2.5rem;
}

.index4_ul a:hover .index4_img img {
  transform: scale(1.1);
}

.index4_ul .index4_img {
  overflow: hidden;
  transition: ease-out .5s;
}

.index4_ul .index4_img img {
  width: 100%;
  height: 14.25rem;
  object-fit: cover;
  object-position: center;
  transition: ease-out .5s;
}

.index4_ul h3 {
  font-size: 1rem;
  color: #333;
  line-height: 3.7rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 1rem;
  position: relative;
  background: rgba(20, 153, 87, 0.06);
}

.index4_ul h3::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../image/index4_icon.jpg) no-repeat;
  background-position: center;
  background-size: cover;
  opacity: 0;
  transition: ease-out .36s;
}

.index4_ul h3 span {
  display: block;
  text-align: center;
  position: relative;
  transition: ease-out .36s;
}

.index5 {
  background: linear-gradient(121.59deg, #17bd6a 0%, #3597f2 100%);
  padding: 3rem 0;
  color: #fff;
  margin-top: 7rem;
}

.index5>.width {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.index5>.width .index5_right {
  line-height: 1.3;
}

.index5>.width .index5_right div {
  font-size: 2.4rem;
  font-weight: bold;
}

.index5>.width .index5_right p {
  font-size: 1.8rem;
  margin-top: 1.1rem;
}

.index5 .index5_left img {
  width: 18.5rem;
}

.index6 {
  margin-top: 5rem;
}

.index6 .index6_ul {
  margin-top: 2.6rem;
  display: flex;
}

.index6 .index6_ul a {
  width: 30.65%;
  margin-right: 4.025%;
  border: 1px solid #E8E8E8;
}

.index6 .index6_ul a:last-child {
  margin-right: 0;
}

.index6 .index6_ul a .index6_img {
  padding: 1.75rem 1.5rem;
  overflow: hidden;
}

.index6 .index6_ul a .index6_img img {
  width: 100%;
  transition: ease-out .5s;
}

.index6 .index6_ul a .index6_text {
  border-top: 1px solid #E8E8E8;
  padding: 1.75rem 1.5rem;
}

.index6 .index6_ul a .index6_text span {
  font-size: 16px;
  color: #149957;
}

.index6 .index6_ul a .index6_text h3 {
  font-size: 20px;
  color: #000;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 15px;
  transition: ease-out .36s;
}

.index6 .index6_ul a .index6_text p {
  font-size: 14px;
  line-height: 20px;
  height: 60px;
  margin-top: 15px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

.index6 .index6_ul a .index6_text div {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #666;
  margin-top: 2.7rem;
  transition: ease-out .36s;
}

.index6 .index6_ul a .index6_text div img {
  width: 25px;
  margin-right: 20px;
}

.index6 .index6_ul a:hover .index6_img img {
  transform: scale(1.3);
}

.index6 .index6_ul a:hover .index6_text h3 {
  color: #149957;
}

.index6 .index6_ul a:hover .index6_text div {
  transform: translateX(15px);
}

.index7 {
  margin-top: 5.3rem;
  padding: 3.6rem 0 4.5rem 0;
  background: url(../image/index7_bg.png) #F7F7F7 no-repeat;
  background-size: 100% auto;
  background-position: center bottom;
}

.index7 .index_txt div {
  color: #E8E8E8;
}

.index7 ul {
  display: flex;
  flex-wrap: wrap;
  padding-top: 2rem;
}

.index7 ul li {
  width: 18.94%;
  margin-right: 1.325%;
  margin-top: 2.25rem;
  overflow: hidden;
}

.index7 ul li img {
  width: 100%;
  transition: ease-out .5s;
}

.index7 ul li:nth-child(5n+5) {
  margin-right: 0;
}

.index7 ul li:hover img {
  transform: scale(1.1);
}

.index8 {
  background: url(../image/index8_bg.jpg) rgba(20, 153, 87, 0.06) no-repeat;
  background-size: 50% 100%;
  background-position: left center;
  height: 15rem;
  display: flex;
  align-items: center;
}

.index8 .width {
  display: flex;
  align-items: center;
}

.index8 .index8_left {
  width: 50%;
  font-size: 1.2rem;
  color: #fff;
  line-height: 2.1;
}

.index8 .index8_left span {
  font-size: 1.8rem;
}

.index8 .index8_right {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.index8 .index8_right span {
  font-size: 1.2rem;
  color: #333;
}

.index8 .index8_right p {
  font-size: 2.4rem;
  color: #149957;
  padding: .9rem 0;
}

.index8 .index8_right a {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #666;
  transition: ease-out .36s;
}

.index8 .index8_right a img {
  width: 25px;
  margin-right: 1rem;
}

.index8 .index8_right a:hover {
  transform: translateX(0.5rem);
}

footer {
  background: #333333;
  color: #fff;
}

footer .footer_top {
  display: flex;
  justify-content: space-evenly;
  align-items: first;
  font-size: 1rem;
  line-height: 1.5;
  padding: 3.85rem 0 2.35rem 0;
}

footer .footer_row1>img {
  width: 11.9rem;
  margin: 0 auto;
}

footer .footer_row1 div {
  display: flex;
  align-items: center;
  margin-top: .75rem;
}

footer .footer_row1 div i {
  height: 2rem;
  border-right: 1px solid #999;
  margin: 0 1.2rem;
}

footer .footer_row1 div img {
  height: 3.25rem;
}

footer .footer_row2 {
  display: flex;
  flex-wrap: wrap;
  width: 18%;
}

footer .footer_row2 a {
  width: 50%;
  transition: ease-out .2s;
}

footer .footer_row2 a:hover {
  color: #149957;
}

footer .footer_row3 p {
  padding-bottom: .4rem;
}

footer .footer_row3 div {
  display: flex;
  align-items: start;
  align-items: center;
  margin-top: 1.4rem;
}

footer .footer_row3 div>img {
  width: .9rem;
  position: relative;
  /* top: .15rem; */
}

footer .footer_row3 span {
  flex: 1;
  font-size: .8rem;
  margin-left: .4rem;
}

footer .footer_row3 span a {
  display: inline;
  margin-left: .4rem;
  position: relative;
  top: .25rem;
}

footer .footer_row3 span a img {
  width: 1.05rem;
  display: inline;
}

footer .footer_row4 {
  font-size: 14px;
  text-align: center;
  display: flex;
}

footer .footer_row4 img {
  width: 7rem;
  margin: 0 auto;
}

footer .footer_row4 p {
  display: block;
  margin-top: 1.2rem;
}

footer .footer_row4 div {
  margin-left: 3rem;
  white-space: nowrap;
}

footer .footer_row4 div:first-child {
  margin-left: 0;
}

footer .footer_bottom {
  border-top: 1px solid #ccc;
  padding: .5rem 0;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
}

footer .footer_bottom img {
  width: 6rem;
  display: inline;
  vertical-align: middle;
}

footer .footer_bottom a {
  display: inline;
}

.index6_ul a:nth-child(2) {
  animation-delay: .1s;
}

.index6_ul a:nth-child(3) {
  animation-delay: .2s;
}

/* #endregion */
/* #region  关于我们*/
.main_page {
  padding-top: 5.2rem;
}


.top_bg {
  height: 25rem;
  position: relative;
  overflow: hidden;
}

.top_bg i {
  display: block;
  transform: scale(1.1);
  transition: ease 3s;
}

.top_bg i::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}

.top_bg i img {
  width: 100%;
  height: 25rem;
  object-fit: cover;
  object-position: center;
}

.top_bg.top_bg2 i {
  transform: scale(1);
}

.top_bg .width {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}

.top_bg .width div {
  font-size: 2.4rem;
  text-transform: uppercase;
}

.top_bg .width span {
  font-size: 2.1rem;
  display: block;
  margin-top: .3rem;
}

.about1 {
  padding-top: 4rem;
  padding-bottom: 7.5rem;
  color: #333;
}

.about1 ul {
  display: flex;
  justify-content: center;
  text-align: center;
  margin-top: 2.3rem;
}

.about1 ul li {
  width: 20%;
}

.about1 ul i {
  display: block;
}

.about1 ul i img {
  width: 8.5rem;
  margin: 0 auto;
}

.about1 ul div {
  font-size: 1.8rem;
  color: #333;
  position: relative;
  top: -.5rem;
}

.about1 ul p {
  display: block;
  font-size: 1.2rem;
  color: #666;
}

.about1 .about1_p {
  font-size: 1rem;
  line-height: 1.5;
  margin-top: 3.1rem;
}

.about1_t1 {
  font-size: 2.1rem;
  font-weight: bold;
  text-align: center;
}

.about2 {
  display: flex;
  align-items: center;
}

.about2 .about2_left {
  width: 50%;
}

.about2 .about2_left img {
  width: 100%;
}

.about2 .about2_right {
  width: 50%;
  padding: 3rem 0;
  font-size: 1rem;
  color: #333;
  line-height: 1.5;
}

.about2 .about2_right>div {
  width: 800px;
  padding-left: 3rem;
}

.about2 .about2_right:first-child>div {
  margin-left: auto;
  padding-left: 0;
  padding-right: 3rem;
}

.about2p {
  position: relative;
  z-index: 1;
}

.about3 {
  margin-top: 9rem;
  background: linear-gradient(121.59deg, #17bd6a 0%, #3597f2 100%);
  padding: 6.2rem 0 6.9rem 0;
  color: #fff;
  position: relative;
}

.about3 .about3_ton {
  position: absolute;
  left: 50%;
  top: -1rem;
  transform: translateX(-50%);
  width: 9.5rem;
  height: 4.15rem;
  background: url(../image/about3_jiao.png) no-repeat;
  background-size: 100% 100%;
  animation: about3_ton 1s linear;
}

.about3 .about3_title {
  font-size: 2.1rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

.about3 .about3_li2 {
  opacity: 0;
}

.about3 ul {
  display: flex;
  justify-content: space-between;
  margin-top: 3.8rem;
}

.about3 li {
  width: 18.75%;
  height: 15rem;
  border: 1px solid #fff;
  border-radius: 1.5rem;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  transition: ease-out .5s;
}

.about3 li.active {
  width: 31.25%;
}

.about3 li .about3_li {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  padding-bottom: .2rem;
  transition: ease-out .36s;
}

.about3 li .about3_li img {
  width: 2.5rem;
  margin-bottom: .6rem;
}

.about3 li .about3_li2 {
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 2.1rem 2rem;
  transition: ease-out .5s;
}

.about3 li .about3_li2>img {
  width: 1.8rem;
}

.about3 li .about3_li2 div {
  font-size: 1.8rem;
  color: #2D6FAC;
  margin-top: 1rem;
}

.about3 li .about3_li2 p {
  font-size: 1.2rem;
  line-height: 1.42;
  color: #333;
  margin-top: .8rem;
}

.about3 li .about3_li2 i {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 7.25rem;
}

.about3 li .about3_li2 i img {
  width: 100%;
}

.about3 li.active .about3_li {
  opacity: 0;
}

.about3 li.active .about3_li2 {
  opacity: 1;
}

@keyframes about3_ton {
  0% {
    transform: translateX(-50%) translateY(-102%);
  }

  100% {
    transform: translateX(-50%) translateY(0);
  }
}

.about4 {
  padding: 2.7rem 0 4rem 0;
  background: linear-gradient(121.59deg, rgba(23, 189, 106, 0.11) 0%, rgba(53, 151, 242, 0.49) 100%);
  margin-top: 8.5rem;
}

.about4 .about4_img {
  margin-top: 5.5rem;
}

.about4 .about4_img img {
  width: 65.85rem;
  max-width: 100%;
  margin: 0 auto;
}

.about5 {
  padding: 8rem 0;
}

.about5 .swiper-container {
  overflow: visible;
}

.about5 .swiper-slide {
  width: 50rem;
  height: 30rem;
  background: url(../image/about5_bg.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.about5 .swiper-slide img {
  max-width: 24.5rem;
  max-height: 24.5rem;
}

.about5 .about5_con {
  margin-top: 5.5rem;
  position: relative;
}

.about5 .about5_dot div {
  position: absolute;
  left: 10rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  cursor: pointer;
  transition: ease-out .36s;
}

.about5 .about5_dot div img {
  width: 2rem;
}

.about5 .about5_dot .about5_next {
  left: auto;
  right: 10rem;
}

/* #endregion */
/* #region  产品中心*/
.product_bread {
  font-size: 16px;
  line-height: 3;
  color: #666;
  border-bottom: 1px solid #C4C4C4;
}

.product_bread .width {
  height: 80px;
  display: flex;
  align-items: center;
}

.product_bread img {
  width: 25px;
  margin-right: 11px;
}

.product_bread a,
.product_bread span {
  color: #666;
  padding: 0 4px;
  transition: ease-out .2s;
}

.product_bread a:hover {
  color: #149957;
}

.product {
  display: flex;
  align-items: start;
  padding: 3.3rem 0 5.5rem 0;
}

.product .product_left {
  width: 18.75%;
}

.product .product_left a {
  height: 4.75rem;
  border-bottom: 1px solid #DBDBDB;
  font-size: 1.2rem;
  color: #333;
  display: flex;
  align-items: center;
  padding-left: 10%;
  padding-right: 5%;
  overflow: hidden;
  position: relative;
  transition: ease-out .36s;
}

.product .product_left a::before {
  content: '';
  width: 6px;
  height: 6px;
  background: #149957;
  transform: rotate(45deg);
  margin-right: .8rem;
  position: relative;
  z-index: 1;
}

.product .product_left a span {
  position: relative;
  z-index: 1;
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.product .product_left a::after {
  content: '';
  position: absolute;
  top: 0;
  left: -101%;
  width: 100%;
  height: 100%;
  background: linear-gradient(121.59deg, rgba(23, 189, 106, 0.11) 0%, rgba(53, 151, 242, 0.49) 100%);
  box-sizing: border-box;
  border-right: 2.5px solid #149957;
  transition: ease-out .5s;
}

.product .product_left a.active,
.product .product_left a:hover {
  color: #149957;
  border-bottom: 1px solid rgba(219, 219, 219, 0);
}

.product .product_left a.active::after,
.product .product_left a:hover::after {
  left: 0;
}

.product .product_right {
  width: 77%;
  margin-left: auto;
}

.product .product_right .product_ul {
  display: flex;
  flex-wrap: wrap;
}

.product .product_right .product_ul span {
  display: block;
  width: 100%;
  height: 13.5rem;
  overflow: hidden;
}

.product .product_right .product_ul span img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: ease-out .5s;
}

.product .product_right .product_ul div {
  height: 5rem;
  display: flex;
  align-items: center;
  background: whitesmoke;
  padding: 0 1.25rem 0 .9rem;
  font-size: 1rem;
  color: #000;
}

.product .product_right .product_ul div p {
  flex: 1;
  transition: ease-out .2s;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.product .product_right .product_ul div i {
  width: 1.85rem;
  position: relative;
  transform: rotate(-45deg);
  margin-left: 1rem;
  transition: ease-out .36s;
}

.product .product_right .product_ul div i img {
  width: 100%;
  transition: ease-out .36s;
}

.product .product_right .product_ul div i img:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.product .product_right .product_ul a {
  width: 30.6%;
  margin-right: 4.1%;
  margin-bottom: 3.5rem;
}

.product .product_right .product_ul a:nth-child(3n+3) {
  margin-right: 0;
}

.product .product_right .product_ul a:hover span img {
  transform: scale(1.1);
}

.product .product_right .product_ul a:hover i {
  transform: rotate(0);
}

.product .product_right .product_ul a:hover i img:nth-child(2) {
  opacity: 1;
}

.product .product_right .product_ul a:hover div p {
  color: #149957;
}

.product .pagination {
  padding-top: 2rem;
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .8rem;
}

.pagination .page-numbar {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagination .page-numbar a {
  min-width: 2rem;
  height: 2rem;
  border-radius: 1rem;
  border: 1px solid #E8E8E8;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 .5rem;
  margin: 0 .35rem;
  color: #666;
}

.page-num {
  padding: 0 .5rem;
}

.page-index a,
.page-last a {
  width: 4rem;
}

/* .pagination .page-numbar a:first-child,
.pagination .page-numbar a:last-child {
  width: 4rem;
} */

.pagination .page-numbar a:hover,
.pagination .page-numbar a.page-num-current {
  color: #fff;
  background: linear-gradient(121.59deg, #17BD6A 0%, #3597F2 100%);
  border: none;
}

.pagination .page-pre,
.pagination .page-next {
  color: #666;
  line-height: 2;
  padding: 0 .5rem;
  font-weight: bold;
  margin: 0 .9rem;
  transition: ease-out .2s;
}

.pagination .page-pre:hover,
.pagination .page-next:hover {
  color: #149957;
}

.fadeInUp2 {
  animation-name: fadeInUp2;
  animation-fill-mode: both;
  animation-duration: 1s;
}

@keyframes fadeInUp2 {
  0% {
    transform: translate3d(0, 7rem, 0);
    opacity: 0;
  }

  to {
    transform: none;
    opacity: 1;
  }
}

.pdetails_top {
  background: #F5F5F5;
  padding: 4rem 0;
}

.pdetails_top .width {
  display: flex;
  align-items: center;
}

.pdetails_top .width p {
  font-size: 1.2rem;
  color: #149957;
}

.pdetails_top .width h3 {
  font-size: 2.4rem;
  color: #333333;
  margin-top: 1.25rem;
}

.pdetails_top .pdetails_title {
  max-width: 58%;
}

.pdetails_top .index_route {
  margin-top: 4.8rem;
}

.pdetails_top .pdetails_video {
  width: 40%;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
}

.pdetails_top .pdetails_video video {
  width: 100%;
}

.pdetails_top .pdetails_video img {
  width: 100%;
}

.pdetails_top .pdetails_video::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}

.pdetails_top .pdetails_video::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2.5rem;
  height: 2.5rem;
  background: url(../image/video_icon.png) no-repeat;
  background-size: 100% 100%;
}

.pdetails_row {
  border-bottom: 1px solid #C4C4C4;
}

.pdetails_row div {
  display: flex;
}

.pdetails_row span {
  font-size: 1.2rem;
  color: #333;
  line-height: 4rem;
  padding: 0 2rem;
  cursor: pointer;
  transition: ease-out .2s;
}

.pdetails_row span:hover {
  color: #149957;
}

.pdetails_row span.active {
  color: #fff;
  background: linear-gradient(121.59deg, #17BD6A 0%, #3597F2 100%);
}

.pdetails_con1 {
  padding-top: 3.4rem;
}

.pdetails_tit {
  font-size: 2.1rem;
  font-weight: bold;
  color: #333;
  text-align: center;
}

.swp_all {
  width: 40rem;
  margin: 0 auto;
  margin-top: 3.4rem;
  position: relative;
}

.swp_all .swp_top {
  width: 100%;
  position: relative;
}

.swp_all .swp_top .swiper-slide {
  height: 25rem;
}

.swp_all .swp_top img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.swp_all .swp_bottom {
  height: 4rem;
  padding: 2px 0;
  margin-top: 2.2rem;
}

.swp_all .swp_bottom .swiper-slide {
  height: 100%;
  background: #000;
  position: relative;
  cursor: pointer;
}

.swp_all .swp_bottom .swiper-slide::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  transition: ease-out .36s;
}

.swp_all .swp_bottom .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.swp_all .swp_bottom .swiper-slide:hover::before,
.swp_all .swp_bottom .swiper-slide-thumb-active::before {
  opacity: 0;
}

.swp_all .swp_prev,
.swp_all .swp_next {
  position: absolute;
  top: 50%;
  left: -7rem;
  width: 2.5rem;
  cursor: pointer;
}

.swp_all .swp_prev img,
.swp_all .swp_next img {
  width: 100%;
  transition: ease-out .2s;
}

.swp_all .swp_prev img:nth-child(2),
.swp_all .swp_next img:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.swp_all .swp_prev:hover img,
.swp_all .swp_next:hover img {
  opacity: 0;
}

.swp_all .swp_prev:hover img:nth-child(2),
.swp_all .swp_next:hover img:nth-child(2) {
  opacity: 1;
}

.swp_all .swp_next {
  left: auto;
  right: -7rem;
}

.pdetails_con2 {
  padding-top: 5.5rem;
}

.pdetails_con2 .pdetails_parameter {
  font-size: .9rem;
  line-height: 1.4;
  color: #000;
  margin-top: 4.75rem;
}

.pdetails_con2 .pdetails_parameter img {
  max-width: 100%;
  /* display: inline; */
  margin: 10px auto;
}

.pdetails_con2 .pdetails_parameter video {
  max-width: 100%;
}

.pdetails_con3 {
  margin: 7rem 0 5rem 0;
  background: #F5F5F5;
}

.pdetails_con3 .width {
  background: url(../image/pdetails_charact.png) no-repeat right bottom;
  background-size: 27.6rem auto;
  padding: 2.65rem 0 8.5rem 0;
}

.pdetails_con3 .pdetails_charact {
  font-size: 1.2rem;
  line-height: 2.08;
  color: #000;
  margin-top: 3.8rem;
}

.case .index4_ul {
  padding-top: 1.5rem;
}

.case .pagination {
  margin: 3.5rem;
}

.index4_ul a:nth-child(10),
.index4_ul a:nth-child(6),
.index4_ul a:nth-child(2) {
  animation-delay: .1s;
}

.index4_ul a:nth-child(3),
.index4_ul a:nth-child(7),
.index4_ul a:nth-child(11) {
  animation-delay: .2s;
}

.index4_ul a:nth-child(4),
.index4_ul a:nth-child(8),
.index4_ul a:nth-child(12) {
  animation-delay: .3s;
}

/* #endregion */
/* #region  */
.new {
  display: flex;
  align-items: start;
  padding: 2.5rem 0 8.5rem 0;
}

.new .new_left {
  width: 50%;
}

.new .new_left .new_img img {
  width: 100%;
  height: 21rem;
  object-fit: cover;
  object-position: center;
}

.new .new_left .new_date {
  display: flex;
  align-items: center;
  font-size: 1rem;
  color: #666;
  margin-top: 3rem;
}

.new .new_left .new_date img {
  width: 2.1rem;
  margin-right: .9rem;
}

.new .new_left h3 {
  font-size: 2.1rem;
  color: #149957;
  font-weight: bold;
  margin-top: 1.4rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.new .new_left p {
  font-size: 1rem;
  line-height: 1.5rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 3rem;
  color: #666;
  margin-top: 1.9rem;
}

.new .new_left a {
  width: 11.9rem;
  height: 2.5rem;
  display: flex;
  margin-top: 1.9rem;
  transition: ease-out .36s;
}

.new .new_left a span {
  font-size: 1rem;
  color: #149957;
  border: 1px solid #149957;
  border-right: none;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.new .new_left a i {
  width: 4rem;
  height: 100%;
  background: linear-gradient(121.59deg, #17bd6a 0%, #3597f2 100%);
  border-bottom-right-radius: 1.5rem;
  border: 1px solid #149957;
  border-left: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.new .new_left a i img {
  width: 1.2rem;
}

.new .new_left a:hover {
  transform: translateX(0.5rem);
}

.new .new_left .new_dot {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 2.2rem;
}

.new .new_left .new_dot .new_num {
  font-size: 1rem;
  line-height: 1.5;
  color: #666666;
  flex: 1;
}

.new .new_left .new_dot>span {
  display: flex;
  align-items: center;
}

.new .new_left .new_dot>span i {
  position: relative;
  margin-left: 1.5rem;
  cursor: pointer;
}

.new .new_left .new_dot>span i:hover img {
  opacity: 0;
}

.new .new_left .new_dot>span i:hover img:nth-child(2) {
  opacity: 1;
}

.new .new_left .new_dot>span img {
  width: 1.25rem;
  transition: ease-out .2s;
}

.new .new_left .new_dot>span img:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.new .new_left .new_dot .new_line {
  width: 100%;
  height: 3px;
  margin-top: 1.5rem;
  position: relative;
  opacity: 1 !important;
  background: #ccc;
}

.new .new_left .new_dot .new_line .swiper-scrollbar-drag {
  background: #149957;
}

.new .new_right {
  width: 44.44%;
  margin-left: auto;
}

.new .new_right .new_ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.new .new_right .new_ul a {
  width: 45%;
  margin-bottom: 1.5rem;
}

.new .new_right .new_ul a span {
  display: block;
  overflow: hidden;
}

.new .new_right .new_ul a span img {
  width: 100%;
  height: 10rem;
  transition: ease-out .36s;
}

.new .new_right .new_ul a h3 {
  font-size: 1.2rem;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #333;
  margin-top: 1rem;
  transition: ease-out .2s;
}

.new .new_right .new_ul a div {
  display: flex;
  font-size: .8rem;
  color: #666;
  margin-top: .5rem;
}

.new .new_right .new_ul a div i {
  width: 1rem;
  margin-left: auto;
  position: relative;
}

.new .new_right .new_ul a div i img {
  width: 100%;
}

.new .new_right .new_ul a:hover span img {
  transform: scale(1.1);
}

.new .new_right .new_ul a:hover h3 {
  color: #149957;
}

.new .new_right .pagination {
  padding-top: 1.2rem;
}

.nshow_con {
  display: flex;
}

.nshow_con .width {
  display: flex;
  justify-content: space-between;
}

.nshow_con::before,
.nshow_con::after {
  content: '';
  flex: 1;
}

.nshow_con::after {
  background: #F5F5F5;
}

.nshow_con .nshow_left,
.nshow_con .nshow_right {
  padding: 2.5rem 0 8rem 0;
}

.nshow_con .nshow_left {
  width: 68.625%;
}

.nshow_con .nshow_right {
  width: 24.5%;
  background: #F5F5F5;
  padding-left: 4.375%;
}

.nshow_con h1 {
  font-size: 2.1rem;
  color: #333;
  line-height: 1.4;
  font-weight: bold;
}

.nshow_con h2 {
  font-size: 1.5rem;
  font-weight: bold;
  color: #333;
}

.nshow_con .nshow_date {
  font-size: 1.2rem;
  color: #666;
  line-height: 1.5;
  margin-top: 2rem;
}

.nshow_con .nshow_date span {
  margin-right: 3.8rem;
}

.nshow_con .nshow_date span:last-child {
  margin-right: 0;
}

.nshow_con .nshow_p {
  font-size: 1rem;
  color: #333;
  line-height: 1.4;
  border-top: 1px solid #C4C4C4;
  margin-top: 1.8rem;
  padding-top: 2.2rem;
}

.nshow_con .nshow_p img {
  max-width: 100%;
}

.nshow_con .nshow_p video {
  width: 100%;
}

.nshow_con .nshow_page {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 5rem;
}

.nshow_con .nshow_page a {
  font-size: 1rem;
  color: #333;
  max-width: 49%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: ease-out .2s;
}

.nshow_con .nshow_page a:hover {
  color: #149957;
}

.nshow_con .nshow_ul a {
  margin-top: 1.7rem;
}

.nshow_con .nshow_ul a:hover .nsli_txt span,
.nshow_con .nshow_ul a:hover .nsli_txt div {
  color: #149957;
}

.nshow_con .nshow_ul a:hover .nsli_img>img {
  transform: scale(1.1);
}

.nshow_con .nshow_ul .nsli_img {
  overflow: hidden;
  position: relative;
}

.nshow_con .nshow_ul .nsli_img>img {
  width: 100%;
  height: 8.75rem;
  transition: ease-out 0.36s;
}

.nshow_con .nshow_ul .nsli_txt span {
  font-size: .8rem;
  display: block;
  color: #666;
  margin-top: .8rem;
  transition: ease-out 0.3s;
  transition: ease-out .2s;
}

.nshow_con .nshow_ul .nsli_txt div {
  font-size: 1.2rem;
  color: #333;
  margin-top: .75rem;
  transition: ease-out .2s;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.contact_top {
  background: url(../image/contact_bg.jpg) no-repeat left bottom;
  background-size: 50% 100%;
  margin-top: 4.2rem;
}

.contact_top .width {
  display: flex;
  align-items: center;
}

.contact_top .contact_left {
  width: 50%;
}

.contact_top .contact_left .contact_t1 {
  font-size: 2.1rem;
  font-weight: bold;
  color: #333;
}

.contact_top .contact_left .contact_t2 {
  font-size: 1.2rem;
  line-height: 1.5;
  color: #666666;
  margin-top: 2.9rem;
}

.contact_top .contact_left .contact_t3 {
  margin-top: 2.3rem;
}

.contact_top .contact_left .contact_t3 div {
  font-size: 1.8rem;
  color: #666;
}

.contact_top .contact_left .contact_t3 p {
  font-size: 2.4rem;
  color: #149957;
  font-weight: bold;
  margin-top: .3rem;
}

.contact_top .contact_right {
  width: 50%;
}

.contact_top .contact_right img {
  width: 100%;
}

.contact_ul {
  display: flex;
  justify-content: space-between;
  margin-top: 5rem;
  margin-bottom: 5.75rem;
}

.contact_ul li {
  width: 23%;
  height: 16.15rem;
  color: #333;
  position: relative;
}

.contact_ul li .contact_lp {
  width: 100%;
  height: 100%;
}

.contact_ul li .contact_li {
  padding: 1rem 1.35rem 1rem 1.35rem;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #F5F5F5;
  transition: ease-out .36s;
}

.contact_ul li .contact_li img {
  width: 2rem;
}

.contact_ul li .contact_li div {
  font-size: 1.2rem;
  font-weight: bold;
  margin-top: 1.25rem;
}

.contact_ul li .contact_li span {
  font-size: 1rem;
  margin-top: .5rem;
  display: block;
}

.contact_ul li:last-child .contact_li div {
  margin-top: 1.6rem;
}

/* .contact_ul li:hover .contact_lp .contact_li {
  opacity: 0;
}

.contact_ul li:hover .contact_lp .contact_li2 {
  opacity: 1;
} */


/* .contact_ul li .contact_lp:hover .contact_li {
  opacity: 0;
}
 
.contact_ul li .contact_lp:hover .contact_li2 {
  opacity: 1;
} */


.contact_ul li .contact_li2 {
  background: linear-gradient(121.59deg, #17BD6A 0%, #3597F2 100%);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  transition: ease-out .36s;
  opacity: 0;
}

.contact_ul li .contact_li2 .contact_code {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
}

.contact_ul li .contact_li2 .contact_code p {
  margin-top: 1.175rem;
}



.contact_title {
  text-align: center;
  color: #333;
}

.contact_title h3 {
  font-size: 2.1rem;
  font-weight: bold;
  display: block;
}

.contact_title p {
  display: block;
  font-size: 1rem;
  margin-top: 1.5rem;
}

.contact_map {
  position: relative;
  margin-top: 7.75rem;

}

.contact_map .contact_bg {
  position: relative;
}

.contact_map .contact_bg img {
  width: 100%;
}

.contact_map .contact_bg a,
.contact_map .contact_bg div {
  position: absolute;
  left: 49.9%;
  top: 49.9%;
}

.contact_map .contact_bg a img,
.contact_map .contact_bg div img {
  width: 1.35rem;
  animation: bounceInDown2 2s 1s linear infinite;
}

.contact_map .contact_bg a i,
.contact_map .contact_bg div i {
  background: rgba(0, 0, 0, 0.2);
  display: block;
  border-radius: 50%;
  height: .7rem;
  width: .7rem;
  position: absolute;
  left: -24.3%;
  top: 62%;
  margin: .55rem 0px 0px .6rem;
  transform: rotateX(55deg);
}

.contact_map .contact_bg a i::after,
.contact_map .contact_bg div i::after {
  content: "";
  border-radius: 50%;
  height: 2rem;
  width: 2rem;
  position: absolute;
  margin: -0.65rem 0 0 -.65rem;
  animation: mypulsate 1s ease-out;
  animation-iteration-count: infinite;
  opacity: 0;
  filter: alpha(opacity=0);
  box-shadow: 0 0 1px 2px #89849b;
  animation-delay: 1.1s;
}

.contact_map .contact_title {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  background: linear-gradient(121.59deg, #17BD6A 0%, #3597F2 100%);
  color: #fff;
  padding: 2.65rem 0;
  z-index: 1;
}

.contact_map .contact_title p {
  margin-top: 1.2rem;
}

@keyframes mypulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
    filter: alpha(opacity=0);
  }

  50% {
    opacity: 1;
    filter: none;
  }

  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
    filter: alpha(opacity=0);
  }
}

/* #endregion */
/* #region  修改 */
.pdetails_title {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* #endregion */
/* #region  */
/* #endregion */
/* #region  */
.contact_ul li:nth-child(2),
.about3 li:nth-child(2),
.about1_p,
.about1 li:nth-child(2) {
  animation-delay: .1s;
}

.contact_ul li:nth-child(3),
.about3 li:nth-child(3),
.about1 li:nth-child(3) {
  animation-delay: .2s;
}

.contact_ul li:nth-child(4),
.about3 li:nth-child(4),
.about1 li:nth-child(4) {
  animation-delay: .3s;
}

.contact_code img {
  width: 7rem;
}



.pdetails_parameter table {
  width: 100%;
  font-size: 16px;
  color: #333333;
  border-width: 1px;
  border-color: #a9c6c9;
  border-collapse: collapse;
  text-align: center;
}

.pdetails_parameter table th {
  border-width: 1px;
  padding: 8px;
  border-style: solid;
  border-color: #a9c6c9;
}

.pdetails_parameter table td {
  border-width: 1px;
  padding: 8px;
  border-style: solid;
  border-color: #a9c6c9;
}

.pdetails_parameter table tr:nth-child(odd) {
  background: #F4F4F4;
}

.index4_phone {
  display: none !important;
}

.my_img {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999;
  display: none;
}

.my_img .my_img_con {
  border-radius: .3rem;
  padding: 1rem;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  background: #ffffff;
  transform: translate(-50%, -50%);
}

.my_img .my_img_con .my_img_close {
  position: absolute;
  left: 105%;
  top: -3%;
  background: url(../image/close.png) #fff no-repeat center;
  background-size: 45% 45%;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  cursor: pointer;
}

.my_img .my_img_con img {
  width: 35rem;
  height: auto;
  max-height: 35rem;
  object-fit: contain;
  object-position: center;
  margin: 0 auto;
}

.pagination .page-numbar .page-pre,
.pagination .page-numbar .page-next,
.pagination .page-status {
  display: none;
}

.banner_phone {
  display: none;
}

.footer_bottom span {
  margin-left: 2rem;
}

.footer_bottom .width>a {
  margin-left: .5rem;
}

 
.pdetails_images{
  margin-top: 3rem;
}

.pdetails_images img {
  max-width: 100%;
  min-width: 50%;
  /* height: 200px; */
  /* min-height: 200px; */
  margin: 0 auto;
}

.pdetails_page{
  padding-bottom: 7rem;
}

.product_line{
  display: none;
}

/* #endregion */

/* #region 右侧 */
@font-face {
	font-family: 'icomoon';
    src:url('../font/icomoon.eot');
    src:url('../font/icomoon.eot') format('embedded-opentype'),
        url('../font/icomoon.ttf') format('truetype'),
        url('../font/icomoon.woff') format('woff'),
        url('../font/icomoon.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
.demo-icon{
  font-family:"icomoon";
  font-style:normal;
  font-weight:normal;
  speak:none;
  display:inline-block;
  text-decoration:inherit;
  text-align:center;
  font-variant:normal;
  text-transform:none;
  font-size:24px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:24px;
  color:#999; 
}
 

.cndns-right img{
  max-width: 100%;
}
.cndns-right{position:fixed;right:1px;top:40%;margin-top:-100px;z-index:100}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:48px;height:48px;border:1px solid #ddd;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#fff}
.cndns-right-btn span{color:#848484;font-size:26px;line-height:48px;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#ff6800;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:#ff6800;font-size:14px;line-height:18px;padding-top:5px;display:none;}
.cndns-right-meau:hover .cndns-right-btn span{display:none}
.cndns-right-meau:hover .cndns-right-btn p{display:block;}
.meau-sev .cndns-right-btn{border-color:#ff6800;background:url(../image/kefu.gif) no-repeat #ff6800 center;} 
.meau-sev .cndns-right-btn p{color:#fff}
.meau-sev .cndns-right-btn span{color:#fff}
.meau-top .cndns-right-btn span{font-size:12px;line-height:12px;padding-top:10px;display:block}
.meau-top .cndns-right-btn i{display:block;color:#999;font-size: 16px;}
.meau-top.cndns-right-meau:hover .cndns-right-btn{background-color:#ff6800}
.meau-top.cndns-right-meau:hover .cndns-right-btn span{display:block;color:#fff} 
.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}
.cndns-right-box{position:absolute;top:-15px;right:48px;padding-right:25px;display:none;}
.cndns-right-box .box-border{border:1px solid #ccc;border-top:4px solid #ff6800;padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(../images/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.cndns-right-box .box-border .sev-t{overflow: hidden;}
.cndns-right-box .box-border .sev-t span{font-size:42px;float:left;display:block;line-height:56px;margin-right:8px;color:#d3d3d3}
.cndns-right-box .box-border .sev-t p{float:left;color:#ff6800;font-size:24px;line-height:28px;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}
.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.meau-sev .cndns-right-box .box-border{width:275px;}
.meau-contact .cndns-right-box .box-border{width:230px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:198px;text-align:center;border-top:1px solid #ccc;}
.meau-code .cndns-right-box .box-border i{display:block;color:#ff6800;font-size:16px;line-height:16px;margin-top: 16px;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-sev .cndns-right-btn .demo-icon{display:none;}
.meau-sev:hover .cndns-right-btn{background:#ff6800}
 

/* 工具栏 */
#toolbar{position: fixed;bottom: 0;width: 100%;z-index: 888;left: 0;display: none;}
#toolbar .list{display: flex;background: linear-gradient(121.59deg, #17bd6a 0%, #3597f2 100%);}
#toolbar .list li{width: 25%; text-align: center;}
#toolbar .list a{display: block;padding: 5px;}
#toolbar .list a span{text-align: center; color: #fff; display: block; font-size: 14px;}
#toolbar .list a img {display: block;margin: 5px auto;}
#toolbar .list li:hover{background: #0185d0;}
/*微信弹窗*/

#wxnr{width:100%;height: 100%;position:fixed;top: 0;z-index:1000;display:none;background: rgba(0,0,0,.6);}
#wxnr .nrdf{position: absolute;top: 50%;left: 0;right: 0;width: 300px;height: 300px;padding: 20px 10px;text-align:center;background-color: rgba(255, 255, 255, 0.8);box-shadow: 0px 2px 6px #777;-webkit-box-shadow: 0px 2px 6px #777;-moz-box-shadow: 0px 2px 6px #777;border-radius:10px;box-sizing: border-box;margin: -150px auto 0;}
#wxnr img{width: 135px;height: 135px;display: block;margin: 0 auto;}
#wxnr p{font-size: 14px;text-align:center;line-height: 30px;}
#wxnr i{position: absolute;top: 5px;right:5px;width: 20px;height: 20px;font-size: 14px;text-align:center;color: #fff;font-weight: bold;font-style: normal;background: #333;border-radius: 100%;cursor: pointer;}
#wxnr span{display:inline-block;padding: 0 5px;background-color: linear-gradient(121.59deg, #17bd6a 0%, #3597f2 100%);color:#fff;border-radius: 5px;cursor:pointer;}
/*复制提示*/
#weixin{position: fixed;top: 50%;margin-top: -26px;z-index: 9999999;font-size: 16px;color: #fff;width: 90%;right: 5%;text-align: center;background: rgba(0, 0, 0, 0.8);border: 2px solid #333;border-radius: 5px;display: none;line-height: 50px;}
 
@media screen and (max-width: 1024px){
  .cndns-right{display: none;}
  #toolbar{display: block;}
  footer{
    padding-bottom: 58px;
  }
}


/* #endregion */



.met-head .icons {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.met-head .icons-line {
  background: rgba(255, 255, 255, .2);
  width: 1px;
  height: 30px
}
.met-head .icons > dl > dt > i > img {
  filter: brightness(0) invert(1)
}
.met-head .nav-item dt {
  font-weight: normal;
  display: flex;
  align-items: center;
  height: 100px;
  cursor: pointer;
  position: relative;
  z-index: 2
}
.met-head .nav-item dt span {
  padding-left: 19px;
  padding-right: 9px;
  font-size: 16px; color: #149957;
}
.met-head .language {
  position: relative
}
.met-head .nav-item dd {
  position: absolute;
  background: #fff;
  width: 150%;
  transform: translateY(-100%);
  opacity: 0;
  z-index: -1
}

.met-head .nav-item dd i{float: left; line-height: 12px;display: block;}
.met-head .nav-item dd span{float: left; line-height: 12px;display: block;margin-left: 5px;}

.met-head .nav-item dd a {
  display: block;
  padding: 20px 20px;
  color: #333;font-size: 16px;

}
.met-head .nav-item dd a + a {
  border-top: 1px solid #ccc
}
.met-head .language:hover dd {
  transform: translateY(0);
  opacity: 1
}
.met-head .language:hover > dt > i > img {
  filter: brightness(1) invert(0) !important
}
.met-head .language:hover > dt > span, .met-head .language:hover i {
  color: #b9131c !important
}
.met-head .language dd a:hover {
  background-color: #b9131c
}
.met-head .language dd a:hover span {
  color: #fff;
  transform: none !important
}
.met-head .search:hover > dt > span {
  color: #b9131c !important
}
.met-head .search:hover > dt > i > img {
  filter: brightness(1) invert(0) !important
}
.met-head .search:hover i {
  color: #b9131c !important
}
.met-head .icons > dl > dt > i > img, .met-head.down .icons > dl > dt > i > img {
  filter: brightness(0) invert(0.3)
}