/* 前端白明明 */

@charset "UTF-8";

@font-face {
  font-family: "popb";
  src: url("../fonts/Poppins-Bold.otf ");
  font-style: normal;
  font-weight: bold;
}

@font-face {
  font-family: "popl";
  src: url("../fonts/Poppins-Light.otf ");
  font-style: normal;
}

@font-face {
  font-family: "popl2";
  src: url("../fonts/Poppins-ExtraLight.otf ");
  font-style: normal;
}

@font-face {
  font-family: "popm";
  src: url("../fonts/Poppins-Medium.otf ");
  font-style: normal;
}

@font-face {
  font-family: "popr";
  src: url("../fonts/Poppins-Regular.otf ");
  font-style: normal;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  margin: 0 auto;
  overflow-x: hidden;
  position: relative;
  padding: 0;
  width: 100%;
  color: #222;
  font-family: "popr", Arial, Helvetica, sans-serif, Microsoft Yahei;
  font-size: 14px;
  line-height: 1;
  background: #fff;
}

html.act {
  overflow: hidden;
  width: 100%;
  height: 100vh;
}

.ul,
.ul li,
.ul1 li,
.ul td,
.ul,
.ul dd,
.uls,
.uls li,
.uls li,
.uls td,
.uls,
.uls dd {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  *zoom: 1;
}

a {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  color: #222;
}

textarea,
select {
  outline: none;
  color: #666;
  font-size: 14px;
  width: 100%;
}

img {
  border: none;
  display: block;
  max-width: 100%;
}

img[src=""] {
  opacity: 0;
}

.gdt::-webkit-scrollbar {
  width: 4px;
  height: 1px;
}

.gdt::-webkit-scrollbar-thumb {
  background: #000;
}

.gdt::-webkit-scrollbar-track {
  background: #fff;
}

.f_12 {
  font-size: 12px;
}

.f_16 {
  font-size: 16px;
}

.f_18 {
  font-size: 18px;
}

.f_20 {
  font-size: 20px;
}

.f_22 {
  font-size: 22px;
}

.f_24 {
  font-size: 24px;
}

.f_26 {
  font-size: 26px;
}

.f_28 {
  font-size: 28px;
}

.f_30 {
  font-size: 30px;
}

.f_32 {
  font-size: 32px;
}

.f_34 {
  font-size: 34px;
}

.f_36 {
  font-size: 36px;
}

.f_38 {
  font-size: 38px;
}

.f_40 {
  font-size: 40px;
}

.f_42 {
  font-size: 42px;
}

.f_48 {
  font-size: 48px;
}

.f_54 {
  font-size: 54px;
}

.f_56 {
  font-size: 56px;
}

.f_72 {
  font-size: 72px;
}

.f_80 {
  font-size: 80px;
}

/*分页*/

.page1 {
  text-align: center;
  margin: 0;
  text-align: center;
  display: flex;
  justify-content: center;
  font-family: "arial";
}

.page1 span a {
  display: block;
  color: #888;
  height: 32px;
  padding: 0 15px;
  text-decoration: none;
  font-size: 18px;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0);
}

.page1 span a:hover,
.page1 span.current a {
  color: #00a17f;
}

.page1 span.current a {
  color: #00a17f;
}

.page1 span {
  margin: 0 7px;
  display: inline-block;
  line-height: 30px;
  color: #888;
}

.page1 span input {
  display: block;
  width: 50px;
  height: 32px;
  border: 1px solid #ccc;
  border-radius: 3px;
  outline: none;
  text-align: center;
  background: rgba(0, 0, 0, 0);
}

.page2 {
  width: 120px;
  height: 32px;
  background: #00a17f;
  color: #fff;
  display: block;
  margin: 0 auto;
  line-height: 32px;
  display: none;
  text-align: center;
}

.a_dw {
  position: relative;
  top: -70px;
}

.box {
  max-width: 1680px;
  width: 87.5%;
  margin: 0 auto;
  position: relative;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  box-sizing: border-box;
}

.alltime,
.alltime * {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.alltime2,
.alltime2 * {
  -webkit-transition: all 5s;
  -moz-transition: all 5s;
  transition: all 5s;
}

.alltime4,
.alltime4 * {
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.alltime3,
.alltime3 * {
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  transition: all 2s;
}

.wow {
  opacity: 0;
}

.wow1 {
  opacity: 1;
}

.fbd {
  font-weight: bold;
}

/* 头部 */

.head {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 20;
  padding: 0 2%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.head .logo {
  display: flex;
  align-items: center;
  align-content: center;
  width: 11%;
  max-width: 172px;
}

.head .logo span {
  display: block;
  position: relative;
  width: 100%;
}

.head .logo span img {
  width: 100%;
}

.head .logo span img:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
}

.head .ul1 {
  display: flex;
  position: relative;
  left: 0;
}

.head .ul1 li {
  margin: 0 2vw;
  position: relative;
}

/* .head .ul1 li:nth-child(4){
    pointer-events: none;
    width: 0;
    overflow: hidden;
    margin: 0;
} */

.head .ul1 li .ltop a {
  display: block;
  position: relative;
  line-height: 80px;
  white-space: nowrap;
  color: #fff;
  font-family: "popl";
}

.head .ul1 li .ltop a s {
  display: block;
  width: 0%;
  height: 4px;
  background: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  bottom: 0;
  z-index: 2;
}

.head .ul1 li:hover .ltop a s {
  width: 100%;
}

.head .hrt {
  display: flex;
  align-items: center;
  font-family: "popb";
  position: relative;
}

.head .hrt .denglu {
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 12px;
  border: 1px solid #fff;
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  letter-spacing: 1px;
  min-width: 74px;
}

.head .hrt .denglu s {
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/svg/hy.svg) center no-repeat;
}

.head .hrt .denglu2 {
  display: flex;
  align-items: center;
  line-height: 34px;
  font-family: "popr";
}

.head .hrt .denglu2 .hy2 {
  display: none;
}

.head .hrt .denglu2 img {
  width: 11px;
  height: 11px;
  border: none;
  margin-right: 4px;
}

.head .hrt .denglu2 .wz {
  color: #fff;
  display: flex;
}

.head .hrt .denglu2 .wz .userEmail {
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  display: inline-block;
}

.head .hrt .denglu2 .wz .userEmail::after {
  content: var(--tooltip-content);
  position: fixed;
  top: 10px;
  right: 60px;
  line-height: 1;
  padding: 4px;
  border-radius: 4px;
  transform: translateX(-50%) translateY(-10px);
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 10px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 9999;
  pointer-events: none;
}

.head .hrt .denglu2 .wz:hover .userEmail::before,
.head .hrt .denglu2 .wz:hover .userEmail::after {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

.head .hrt .yuyan {
  position: relative;
}

.head .hrt .yuyan .yy {
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 12px;
  border: 1px solid #fff;
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  margin-left: 10px;
  position: relative;
  min-width: 46px;
}

.head .hrt .yuyan .yy2 {
  position: absolute;
  width: 60px;
  top: 150%;
  left: 50%;
  margin-left: -24px;
  font-family: "popl";
  padding-top: 10px;
  opacity: 0;
  pointer-events: none;
}

.head .hrt .yuyan .yy2 s {
  display: block;
  width: 4px;
  height: 2px;
  background: url(../images/svg/sj.svg) center no-repeat;
  margin: 0 auto;
  display: none;
}

.head .hrt .yuyan .yy2 .a {
  background: #fff;
  width: 100%;
  padding: 0;
  border-radius: 8px;
  border: 1px solid #eee;
  overflow: hidden;
}

.head .hrt .yuyan .yy2 .a a {
  display: block;
  text-align: center;
  line-height: 24px;
  border-bottom: 1px dashed #ddd;
  padding: 5px;
}

.head .hrt .yuyan .yy2 .a a:last-child {
  border: 0;
}

.head .hrt .yuyan .yy2 .a a:hover {
  background: #ddd;
  font-family: "popb";
}

.head .hrt .yuyan:hover .yy2 {
  top: 100%;
  opacity: 1;
  pointer-events: visible;
}

.head .hrt .caidan {
  display: block;
  width: 36px;
  height: 36px;
  background: url(../images/svg/caidan.svg) center no-repeat;
  cursor: pointer;
  display: none;
}

.head.act,
.head.bai,
.head.bai2,
.head:hover {
  background: #fff;
  border-bottom: 1px solid #e7e6e5;
}

.head.act .logo span img:nth-child(1),
.head.bai .logo span img:nth-child(1),
.head.bai2 .logo span img:nth-child(1),
.head:hover .logo span img:nth-child(1) {
  opacity: 0;
}

.head.act .logo span img:nth-child(2),
.head.bai .logo span img:nth-child(2),
.head.bai2 .logo span img:nth-child(2),
.head:hover .logo span img:nth-child(2) {
  opacity: 1;
}

.head.act .ul1 li .ltop a,
.head.bai .ul1 li .ltop a,
.head.bai2 .ul1 li .ltop a,
.head:hover .ul1 li .ltop a {
  color: #000;
}

.head.act .ul1 li .ltop a s,
.head.bai .ul1 li .ltop a s,
.head.bai2 .ul1 li .ltop a s,
.head:hover .ul1 li .ltop a s {
  background: #00ab84;
}

.head.act .ul1 li.act .ltop a,
.head.bai .ul1 li.act .ltop a,
.head.bai2 .ul1 li.act .ltop a,
.head:hover .ul1 li.act .ltop a {
  color: #00ab84;
}

.head.act .hrt .denglu,
.head.bai .hrt .denglu,
.head.bai2 .hrt .denglu,
.head:hover .hrt .denglu {
  border: 1px solid #000;
  color: #000;
}

.head.act .hrt .yuyan .yy,
.head.bai .hrt .yuyan .yy,
.head.bai2 .hrt .yuyan .yy,
.head:hover .hrt .yuyan .yy {
  border: 1px solid #000;
  color: #000;
}

.head.act .hrt .denglu s,
.head.bai .hrt .denglu s,
.head.bai2 .hrt .denglu s,
.head:hover .hrt .denglu s {
  background: url(../images/svg/hy2.svg) center no-repeat;
}

.head.act .hrt .denglu2 .wz,
.head.bai .hrt .denglu2 .wz,
.head.bai2 .hrt .denglu2 .wz,
.head:hover .hrt .denglu2 .wz {
  color: #000;
}

.head .ul1 li:hover .ltop a {
  color: #00ab84;
}

.head.up {
  top: -81px;
}

.head2 {
  position: fixed;
  width: 100%;
  height: 500px;
  top: 80px;
  left: 0;
  overflow: auto;
  background: rgba(0, 0, 0, 0);
  z-index: -1;
  border-top: 1px solid #eee;
  text-transform: capitalize;
  display: none;
}

.head2 .dl2 {
  width: 100%;
  max-height: 100%;
  min-height: 450px;
  background: #fff;
  display: flex;
  overflow: auto;
}

.head2 .dl2 dt {
  display: block;
  width: 25%;
  padding: 70px 0.6rem 50px;
  background: #000;
}

.head2 .dl2 dt a {
  display: flex;
  justify-content: flex-end;
  color: #fff;
  margin-bottom: 40px;
}

.head2 .dl2 dt a span {
  display: block;
  position: relative;
  padding-bottom: 5px;
}

.head2 .dl2 dt a span s {
  display: block;
  width: 0%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  background: #fff;
}

.head2 .dl2 dt a.act span s {
  width: 100%;
}

.head2 .dl2 dd {
  padding: 70px 0.6rem 40px;
  width: 75%;
}

.head2 .dl2 dd .dox {
  display: none;
}

.head2 .dl2 dd .dox:nth-child(1) {
  display: block;
}

.head2 .dl2 dd .dox .dhezi {
  display: flex;
}

.head2 .dl2 dd .dox .dhezi .ditem {
  margin-right: 3vw;
}

.head2 .dl2 dd .dox .dhezi .ditem:last-child {
  margin-right: 0;
}

.head2 .dl2 dd .dox .dhezi a {
  display: block;
}

.head2 .dl2 dd .dox .dhezi .dtt {
  margin-bottom: 10px;
}

.head2 .dl2 dd .dox .dhezi .dtt a {
  display: flex;
}

.head2 .dl2 dd .dox .dhezi .dtt a span {
  display: block;
  position: relative;
  padding-bottom: 5px;
}

.head2 .dl2 dd .dox .dhezi .dtt a span s {
  display: block;
  width: 0%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  background: #00a17f;
}

.head2 .dl2 dd .dox .dhezi .dtt a.pointer-none {
  pointer-events: none;
  color: #66666687;
}

.head2 .dl2 dd .dox .dhezi .dtt a:not(.pointer-none):hover span s {
  width: 100%;
}

.head2 .dl2 dd .dox .dhezi .dtt a:not(.pointer-none):hover span {
  color: #00a17f;
}

.head2 .dl2 dd .dox .dhezi .dtc {
  margin-bottom: 15px;
}

.head2 .dl2 dd .dox .dhezi .dtc a {
  display: flex;
  margin-bottom: 5px;
  line-height: 24px;
}

.head2 .dl2 dd .dox .dhezi .dtc a span {
  display: block;
  position: relative;
  padding-bottom: 3px;
}

.head2 .dl2 dd .dox .dhezi .dtc a span s {
  display: block;
  width: 0%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  background: #00a17f;
}

.head2 .dl2 dd .dox .dhezi .dtc a.pointer-none {
  pointer-events: none;
  color: #66666687;
}

.head2 .dl2 dd .dox .dhezi .dtc a:not(.pointer-none):hover span s {
  width: 100%;
}

.head2 .dl2 dd .dox .dhezi .dtc a:not(.pointer-none):hover span {
  color: #00a17f;
}

.head2 .bg {
}

.head2 .dl1 {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.head2 .dl1 dd {
  display: flex;
  margin-bottom: 20px;
}

.head2 .dl1 dd .dlt {
  width: 28%;
  text-align: right;
  padding: 0 3.125vw;
  line-height: 36px;
}

.head2 .dl1 dd .dlt a {
  display: block;
  color: #fff;
}

.head2 .dl1 dd .dlt a:hover span {
  text-decoration: underline;
  font-weight: bold;
}

.head2 .dl1 dd .dcon {
  width: 25%;
  text-transform: capitalize;
}

.head2 .dl1 dd .dcon a {
  display: block;
  padding: 0 3.125vw;
  line-height: 36px;
  margin-bottom: 20px;
}

.head2 .dl1 dd .dcon a:hover span {
  color: #00ab84;
  text-decoration: underline;
}

.head2 .dl1 dd .drt {
  width: 47%;
  padding: 0 3vw;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  font-family: "popl";
}

.head2 .dl1 dd .drt a {
  display: block;
  width: 25%;
  white-space: nowrap;
  line-height: 26px;
  margin-bottom: 30px;
}

.head2 .dl1 dd .drt a:hover span {
  color: #00ab84;
  text-decoration: underline;
}

.head2 .xian {
}

.head3 {
  overflow: hidden;
  height: 450px;
}

/* 进度条 */

.bmeter {
  position: fixed;
  top: 50px;
  left: 0px;
  width: 0%;
  height: 15px;
  background: #000;
  opacity: 0;
  z-index: -999;
  pointer-events: none;
}

.bmeter span {
  display: block;
  width: 100%;
  position: absolute;
  top: -20px;
  left: 0;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
}

/* 首页 */

.i1 {
  position: relative;
}

.i1 .swiper1 {
  background: #000;
}

.i1 .swiper1 .swiper-slide {
  position: relative;
  overflow: hidden;
}

.i1 .swiper1 .swiper-slide img {
  width: 100%;
  position: relative;
  z-index: 3;
  pointer-events: none;
}

.i1 .swiper1 .swiper-slide .bg {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  z-index: 1;
  transform: scale(1.3);
  -webkit-transform: scale(1.3);
}

.i1 .swiper1 .swiper-slide .mimg {
  display: none;
}

.i1 .swiper1 .swiper-slide-active .bg {
  transform: scale(1);
  -webkit-transform: scale(1);
}

.i1 .swiper1 .swiper-slide video {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  z-index: 3;
}

.i1 .swiper1 .swiper-slide .slide-icon {
  width: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  display: none;
}

.i1 .ceng {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  pointer-events: none;
}

.i1 .btn {
  width: 52px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  right: 4.6vw;
  height: 52px;
  margin-top: -30px;
  z-index: 9;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0);
  border-radius: 50%;
  background: url(../images/jt_r.png) center no-repeat;
}

.i1 .btn:hover {
  opacity: 1;
  border: 1px solid rgba(255, 255, 255, 1);
}

.i1 .prev1 {
  left: 4.6vw;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.i1 .jdt {
  width: 100%;
  height: 4px;
  background: rgba(255, 255, 255, 0);
  border-radius: 5px;
  position: absolute;
  left: 0%;
  bottom: 0px;
  z-index: 5;
  overflow: hidden;
}

.i1 .jdt span {
  display: block;
  width: 0%;
  border-radius: 5px;
  background: #00ab84;
  background-size: cover;
  height: 100%;
}

.i1 .jdt.act span {
  width: 100%;
  -webkit-transition: all 5s linear;
  -moz-transition: all 5s linear;
  transition: all 5s linear;
}

.i1 .swiper1 .pagination1 {
  width: 10px;
  height: 100%;
  right: 6.25%;
  top: 0;
  display: flex;
  color: #fff;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  left: auto;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 24px;
}

.i1 .swiper1 .pagination1 span {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  background: rgba(0, 0, 0, 0);
  border-radius: 0;
  margin: 10px 0;
  opacity: 0.5;
}

.i1 .swiper1 .pagination1 span.swiper-pagination-bullet-active {
  opacity: 1;
}

.i1 .swiper1.one-swiping .pagination1 {
  display: none;
}

.i1 .xlts {
  position: absolute;
  left: 50%;
  bottom: 50px;
  z-index: 3;
  margin-left: -23px;
}

.i1 .xlts span {
  display: block;
  width: 2px;
  height: 80%;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  left: 50%;
  margin-left: -1px;
  top: 5%;
  overflow: hidden;
}

.i1 .xlts span s {
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  top: -100%;
  left: 0;
  position: relative;
  animation: zhuan 2s linear infinite;
  -webkit-animation: zhuan 2s linear infinite;
}

.i2 {
  width: 100%;
  height: 350vh;
  position: relative;
}

.i2 .hezi {
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  position: sticky;
  top: 0;
  left: 0;
  z-index: 3;
}

.i2 .hezi video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.i2 .hezi .bai {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  background: #fff;
}

.i2 .hezi .one {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  align-content: center;
}

.i2 .hezi .one .iox {
  width: 100%;
  text-align: center;
}

.i2 .hezi .one .iox .tt1 {
  font-family: "popb";
  color: #000;
  line-height: 48px;
}

.i2 .hezi .one .iox .tc1 {
  line-height: 24px;
}

.i2 .hezi .one .ul1 {
  display: flex;
  justify-content: center;
  padding-top: 50px;
}

.i2 .hezi .one .ul1 li {
  margin: 0 1.2rem;
  text-align: center;
  min-width: 280px;
}

.i2 .hezi .one .ul1 li .ico {
  width: 120px;
  margin: 0 auto;
}

.i2 .hezi .one .ul1 li .sz {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  line-height: 72px;
  font-family: "popb";
  color: #000;
  margin: 15px 0 0;
}

.i2 .hezi .one .ul1 li .sz .num {
  margin-right: 10px;
}

.i2 .hezi .one .ul1 li .sz span:last-child {
  align-self: flex-end;
  line-height: 50px;
  margin-left: 10px;
}

.i2 .hezi .one .ul1 li .sz span:first-child {
  white-space: break-spaces;
}

.i2 .hezi .two {
  position: absolute;
  top: 0;
  left: 0%;
  z-index: 3;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.i2 .hezi .two .wz1 {
  width: 45.52%;
  position: relative;
  top: 9.9vw;
  left: 6.25vw;
  color: #fff;
}

.i2 .hezi .two .wz1 .itt1 {
  line-height: 60px;
}

.i2 .hezi .two .wz1 .itt2 {
  font-family: "popb";
  line-height: 1.34;
  margin: 20px 0 3.65vw;
}

.i2 .hezi .two .wz1 .mo {
  display: flex;
}

.i2 .hezi .two .wz1 .mo a {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  padding: 0 30px;
  border: 1px solid #fff;
  border-radius: 30px;
  color: #fff;
  line-height: 60px;
}

.i2 .hezi .two .wz1 .mo a s {
  display: block;
  width: 12px;
  height: 12px;
  background: url(../images/svg/in_2_3.svg) center no-repeat;
  margin-left: 15px;
}

.i2 .hezi .two .wz1 .mo a:hover {
  background: #00a17f;
  border: 1px solid #00a17f;
}

.i2 .hezi .two .wz1 .dh {
  position: relative;
  top: 50px;
  opacity: 0;
}

.i2 .hezi .two .wz2 {
  width: 2420px;
  position: absolute;
  top: 8.1vw;
  left: 90%;
  opacity: 0;
  z-index: 3;
  height: 640px;
  display: flex;
  justify-content: space-between;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.i2 .hezi .two .wz2 .wzlt {
  width: 740px;
  height: 100%;
  background: #fff;
  border-radius: 40px;
  padding: 30px 40px 0;
  position: relative;
}

.i2 .hezi .two .wz2 .wzlt .wtt1 {
  text-align: center;
  line-height: 34px;
  font-family: "popb";
}

.swiper2 {
  margin-top: 40px;
}

.swiper2 .swiper-slide {
}

.swiper2 .swiper-slide .sbox {
}

.swiper2 .swiper-slide .sbox .txt1 {
  width: 400px;
  height: 400px;
  border-radius: 50%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  align-content: center;
  text-align: center;
  line-height: 1.5;
}

.swiper2 .swiper-slide .sbox .txt1 .tox {
  width: 100%;
  padding: 0 30px;
}

.swiper2 .swiper-slide .sbox .txt1 .tox .dtt1 {
  font-family: "popl";
  line-height: 1.4;
  margin: 15px 0 0;
}

.swiper2 .swiper-slide .sbox .txt2 img {
  display: inline-block;
}

.swiper2 .swiper-slide .sbox .txt1 .tox .ico {
  text-align: center;
  font-family: "popb";
  line-height: 1.2;
}

.swiper2 .swiper-slide .sbox5 .txt1 .tox img {
  display: inline-block;
}

.swiper2 .swiper-slide .sbox5 .txt1 .tox .dtt2 {
  color: #162d5c;
}

.swiper2 .swiper-slide .sbox5 .txt1 .tox .dtt2 .fbd {
  font-family: "popb";
}

.swiper2 .swiper-slide .sbox5 .txt1 .tox .dtt2 .sp2 {
  margin-right: 10px;
}

.swiper2 .swiper-slide .sbox3 .txt1 {
  line-height: 1.2;
}

.swiper2 .swiper-slide .sbox3 .txt1 .tox .ico {
  line-height: 1.3;
}

.swiper2 .swiper-slide .sbox3 .txt1 .tox .dtt2 {
  margin: 5px 0 0;
  font-family: "popb";
}

.i2 .hezi .two .wz2 .wzlt .btn {
  display: block;
  width: 50px;
  height: 50px;
  background: #000000 url(../images/svg/lb_jtb.svg) center no-repeat;
  position: absolute;
  right: calc(50% - 60px);
  bottom: 25px;
  z-index: 5;
  cursor: pointer;
  border-radius: 50%;
}

.i2 .hezi .two .wz2 .wzlt .prev2 {
  right: calc(50% + 10px);
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.i2 .hezi .two .wz2 .wzlt .btn:hover {
  background: #00a17f url(../images/svg/lb_jtb.svg) center no-repeat;
}

.i2 .hezi .two .wz2 .wzlt .ul1 {
}

.i2 .hezi .two .wz2 .wzlt .ul1 li {
  width: 62px;
  position: absolute;
  top: 25%;
  left: 27%;
  z-index: 2;
  border-radius: 50%;
  cursor: pointer;
}

.i2 .hezi .two .wz2 .wzlt .ul1 li img {
  width: 100%;
}

.i2 .hezi .two .wz2 .wzlt .ul1 li img:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
}

.i2 .hezi .two .wz2 .wzlt .ul1 li:nth-child(2) {
  left: 65%;
}

.i2 .hezi .two .wz2 .wzlt .ul1 li:nth-child(3) {
  left: 65%;
  top: 69.5%;
}

.i2 .hezi .two .wz2 .wzlt .ul1 li:nth-child(4) {
  top: 69.5%;
}

.i2 .hezi .two .wz2 .wzlt .ul1 li .ltt {
  position: absolute;
  font-family: "popb";
  white-space: nowrap;
  right: 110%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  line-height: 1.5;
  text-align: right;
}

.i2 .hezi .two .wz2 .wzlt .ul1 li:nth-child(2) .ltt,
.i2 .hezi .two .wz2 .wzlt .ul1 li:nth-child(3) .ltt {
  left: 120%;
  right: auto;
  text-align: left;
}

.i2 .hezi .two .wz2 .wzlt .ul1 li span {
  display: block;
  position: absolute;
  width: 225px;
  height: 40px;
  background: url(../images/inx_1_2.png) center no-repeat;
  top: -22px;
  left: 58px;
  pointer-events: none;
}

.i2 .hezi .two .wz2 .wzlt .ul1 li span s {
  display: block;
  width: 0%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/inx_1_1.png) left center no-repeat;
}

.i2 .hezi .two .wz2 .wzlt .ul1 li:nth-child(2) span {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  top: 157px;
  left: -44px;
}

.i2 .hezi .two .wz2 .wzlt .ul1 li:nth-child(3) span {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  top: 52px;
  left: -223px;
}

.i2 .hezi .two .wz2 .wzlt .ul1 li:nth-child(4) span {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  top: -130px;
  left: -122px;
}

.i2 .hezi .two .wz2 .wzlt .ul1 li.act img:nth-child(1) {
  opacity: 0;
}

.i2 .hezi .two .wz2 .wzlt .ul1 li.act img:nth-child(2) {
  opacity: 1;
}

.i2 .hezi .two .wz2 .wzlt .ul1 li.act .ltt {
  color: #00a17f;
}

.i2 .hezi .two .wz2 .wzlt .ul1 li.act span s {
  width: 100%;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

/* 
.i2 .hezi .two .wz2 .wzlt .ul1 li:nth-child(2).act span s{transition-delay: .5s;-webkit-transition-delay: .5s;}

.i2 .hezi .two .wz2 .wzlt .ul1 li:nth-child(3).act span s{transition-delay: 1s;-webkit-transition-delay: 1s;}

.i2 .hezi .two .wz2 .wzlt .ul1 li:nth-child(4).act span s{transition-delay: 1.5s;-webkit-transition-delay: 1.5s;} */

.i2 .hezi .two .wz2 .wzlt.act > img {
  opacity: 0;
}

.i2 .hezi .two .wz2 .wzrt {
  width: 1640px;
  background: #00a17f;
  border-radius: 40px;
  color: #fff;
  padding: 0.7rem;
  display: flex;
  align-items: center;
  align-content: center;
}

.i2 .hezi .two .wz2 .wzrt .wox {
  width: 980px;
  position: relative;
}

.i2 .hezi .two .wz2 .wzrt .wox .dl1 {
  display: flex;
  justify-content: space-between;
}

.i2 .hezi .two .wz2 .wzrt .wox .dl1 dd {
  width: 31%;
  margin-right: 3.5%;
}

.i2 .hezi .two .wz2 .wzrt .wox .dl1 dd:last-child {
  margin-right: 0;
}

.i2 .hezi .two .wz2 .wzrt .wox .dl1 dd img {
  display: block;
  width: 100%;
  border-radius: 30px;
  box-shadow: 5px 8px 10.5px 5px rgba(0, 0, 0, 0.11);
}

.i2 .hezi .two .wz2 .wzrt .wox2 {
  width: calc(100% - 980px);
  padding-left: 30px;
  line-height: 1.3;
  text-align: right;
  height: 100%;
  display: flex;
  align-content: space-between;
  flex-wrap: wrap;
}

.i2 .hezi .two .wz2 .wzrt .wox2 .wtt1 {
  font-family: "popb";
  margin-bottom: 10px;
}

.i2 .hezi .two .wz2 .wzrt .wox2 .wtc1 {
  margin-bottom: 20px;
  font-family: "popl";
}

.i2 .hezi .two .wz2 .wzrt .wox2 .ico {
  text-align: right;
  width: 100%;
}

.i2 .hezi .two .wz2 .wzrt .wox2 .ico img {
  display: inline-block;
  width: 2.53rem;
}

.i2 .hezi .two .wz2 .wzrt .wox2 .wbtm {
  margin-left: auto;
}

.i2 .hezi .two.act {
}

.i2 .hezi .two.act .wz1 .dh {
  top: 0px;
  opacity: 1;
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
}

.i2 .hezi .two.act .wz1 .dh1 {
  top: 0px;
  opacity: 1;
  transition-delay: 0.4s;
  -webkit-transition-delay: 0.4s;
}

.i2 .hezi .two.act .wz1 .dh2 {
  top: 0px;
  opacity: 1;
  transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
}

.i2 .hezi .two.act .wz2 {
  left: 53.2%;
  opacity: 1;
  transition-delay: 0.6s;
  -webkit-transition-delay: 0.6s;
}

.i2 .hezi .two.act2 .wz2 {
  left: 6%;
  transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
}

.i3 {
  position: relative;
  width: 100%;
  height: 250vh;
  background: #19212d;
}

.i3 .iox {
  position: sticky;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
}

.i3 .iox img {
  width: 100%;
}

.i3 .iox .lux {
  position: relative;
  width: 100%;
  height: 100%;
}

.i3 .iox .lux .i3l {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 3;
}

.i3 .iox > .bg {
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9;
  pointer-events: none;
}

.i3 .iox > .bg span {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: -1;
  background: url(../images/in_5_2.png) center no-repeat;
  background-size: cover;
}

.swiper4 {
  width: 100%;
  height: 100%;
  background: #000;
}

.swiper4 .swiper-slide {
  position: relative;
  overflow: hidden;
}

.swiper4 .swiper-slide .sbox {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
}

.swiper4 .swiper-slide > img {
  width: 100%;
  position: relative;
  z-index: 3;
}

.swiper4 .swiper-slide .bg2 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  z-index: 1;
  transform: scale(1.3);
  -webkit-transform: scale(1.3);
}

.swiper4 .swiper-slide-active .bg2 {
  transform: scale(1);
  -webkit-transform: scale(1);
}

.swiper4 .btn {
  width: 50px;
  height: 50px;
  background: url(../images/svg/lb_jtb.svg) center no-repeat;
  border: 1px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  right: 6.25%;
  margin-top: -25px;
  z-index: 5;
  top: 50%;
}

.swiper4 .btn:hover {
  background: #00a17f url(../images/svg/lb_jtb.svg) center no-repeat;
  border: 1px solid #00a17f;
}

.swiper4 .prev4 {
  left: 6.25%;
  right: auto;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.swiper4 .swiper-slide .sbox .txt {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 70px;
  z-index: 5;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-end;
  padding: 0 6.25%;
}

.swiper4 .swiper-slide .sbox .txt .tlt {
  width: 50%;
  line-height: 1.5;
}

.swiper4 .swiper-slide .sbox .txt .tlt .mo {
  display: flex;
  margin-top: 15px;
}

.swiper4 .swiper-slide .sbox .txt .tlt .mo a {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  padding: 0 20px;
  border: 1px solid #fff;
  border-radius: 30px;
  color: #fff;
  line-height: 60px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.swiper4 .swiper-slide .sbox .txt .tlt .mo a s {
  display: block;
  width: 12px;
  height: 12px;
  background: url(../images/svg/in_2_3.svg) center no-repeat;
  margin-left: 10px;
  transform: rotate(-90deg);
}

.swiper4 .swiper-slide .sbox .txt .tlt .mo a:hover {
  background: #00ab84;
  border: 1px solid #00ab84;
}

.swiper4 .swiper-slide .sbox .txt .trt {
  max-width: 50%;
}

.i4 {
  padding: 6.25vw 0 5.2vw 6.25vw;
  display: flex;
  justify-content: space-between;
  background: #fff;
  position: relative;
  z-index: 3;
}

.i4 .ilt {
  width: 72.5%;
}

.swiper5 {
  padding-bottom: 70px;
}

.swiper5 .swiper-slide {
}

.swiper5 .swiper-slide .sbox {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: block;
}

.swiper5 .swiper-slide .sbox .img,
.swiper5 .swiper-slide .sbox .img img {
  width: 100%;
  overflow: hidden;
}

.swiper5 .swiper-slide .sbox .img img {
  transform: scale(1.000002);
  -webkit-transform: scale(1.000002);
}

.swiper5 .swiper-slide .sbox .txt {
  padding: 30px 20px 60px;
  background: #f4f4f4;
  line-height: 1.5;
}

.swiper5 .swiper-slide .sbox .txt .itt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000;
}

.swiper5 .swiper-slide .sbox .txt .itc {
  margin: 10px 0 40px;
  line-height: 22px;
  height: 44px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.swiper5 .swiper-slide .sbox .txt .mo {
  display: flex;
}

.swiper5 .swiper-slide .sbox .txt .mo span {
  display: flex;
  align-items: center;
  align-content: center;
}

.swiper5 .swiper-slide .sbox .txt .mo span s {
  display: block;
  width: 12px;
  height: 12px;
  background: url(../images/svg/lb_jth.svg) center no-repeat;
  margin-left: 10px;
}

.swiper5 .pagination5 {
  bottom: 24px;
  width: calc(100% - 160px);
  left: 80px;
  top: auto;
  height: 4px;
}

.swiper5 .pagination5 span {
  background: #00ab84;
}

.swiper5 .btn {
  width: 50px;
  height: 50px;
  background: #000000 url(../images/svg/lb_jtb.svg) center no-repeat;
  border-radius: 50%;
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: pointer;
}

.swiper5 .btn:hover {
  background: #00ab84 url(../images/svg/lb_jtb.svg) center no-repeat;
}

.swiper5 .prev5 {
  left: 0;
  right: auto;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.swiper5 .swiper-slide .sbox:hover .img img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
}

.swiper5 .swiper-slide .sbox:hover .txt .itt {
  color: #00ab84;
}

.swiper5 .swiper-slide .sbox:hover .mo {
  padding-left: 10px;
}

.i4 .irt {
  width: 26.5%;
  padding: 5.8vw 0 0;
  background: #000000;
}

.i4 .irt .dl1 {
  line-height: 36px;
}

.i4 .irt .dl1 dt {
  color: #fff;
  position: relative;
  margin-bottom: 40px;
  padding-left: 35px;
  font-family: "popb";
}

.i4 .irt .dl1 dt s {
  display: block;
  width: 10px;
  height: 24px;
  background: #00ab84;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -12px;
}

.i4 .irt .dl1 dd {
  color: #fff;
  padding-left: 35px;
  margin-bottom: 20px;
  font-family: "popl";
  cursor: pointer;
}

.i4 .irt .dl1 dd.act,
.i4 .irt .dl1 dd:hover {
  color: #00ab84;
}

.i4 .irt .dl1 dd.act {
  text-decoration: underline;
  font-family: "popb";
}

.i5 {
  padding: 5.2vw 6.25vw;
  background: #f6f6f6;
  display: flex;
  justify-content: space-between;
}

.i5 .ilt {
  width: 23.5%;
  line-height: 1.5;
}

.i5 .ilt .itc {
  margin: 0 0 40px;
}

.i5 .ilt .ss {
  display: flex;
  border-bottom: 1px solid #1f7d68;
  height: 36px;
  justify-content: space-between;
}

.i5 .ilt .ss input {
  display: block;
  width: calc(100% - 40px);
  height: 100%;
  border: 0;
  background: rgba(0, 0, 0, 0);
  outline: none;
}

.i5 .ilt .ss span {
  display: block;
  width: 36px;
  height: 36px;
  background: url(../images/svg/ss_l.svg) center no-repeat;
  cursor: pointer;
}

.i5 .ilt .dl1 {
  display: flex;
  margin: 40px 0 20px;
  font-size: 16px;
  flex-wrap: wrap;
}

.i5 .ilt .dl1 dd {
  min-width: 50%;
  display: flex;
  align-items: flex-start;
  align-content: center;
  font-family: "popl";
  cursor: pointer;
}

.i5 .ilt .dl1 dd .sz {
  margin-right: 5px;
  line-height: calc(28 / 16);
  font-family: "popb";
  transition: all 0.5s;
  flex-shrink: 0;
  white-space: nowrap;
}

.i5 .ilt .dl1 dd.act .sz {
  color: #00ab84;
  font-family: "popb";
}

.i5 .ilt .dl1 dd.act .en {
  color: #00ab84;
}

.i5 .ilt .dl1 dd.act .en::before {
  width: 100%;
}

.i5 .ilt .dl1 dd .en {
  font-size: 18px;
  font-family: "popb";
  transition: all 0.5s;
  position: relative;
}

.i5 .ilt .dl1 dd .en::before {
  position: absolute;
  content: "";
  height: 1px;
  width: 0;
  background-color: #00ab84;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  transition: all 0.5s;
}

.i5 .ilt .dl2 {
  width: 100%;
  padding-right: 20px;
  height: 450px;
  overflow: auto;
}

.i5 .ilt .dl2 dd {
  display: none;
}

.i5 .ilt .dl2 dd:nth-child(1) {
  display: block;
}

.i5 .ilt .dl2 dd .li {
  cursor: pointer;
}

.i5 .ilt .dl2 dd .li img {
  width: 100%;
}

.i5 .ilt .dl2 dd .li .txt {
  padding: 30px 30px 60px;
  background: #000000;
  color: #fff;
  line-height: 1.5;
}

.i5 .ilt .dl2 dd .li .txt .ltc {
  max-width: 220px;
  margin-top: 10px;
}

.i5 .irt {
  width: 75.5%;
  overflow: hidden;
}

.i5 .irt iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.i5 .irt .img {
  overflow: hidden;
}

.i5 .irt img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.i6 {
  padding: 5.2vw 0 7.8vw;
}

.i6 .tt {
  text-align: center;
  color: #000;
  font-family: "popb";
}

.i6 .ul1 {
  display: flex;
  margin: 0 auto;
  width: 100%;
  max-width: 1230px;
  justify-content: space-between;
  margin-top: 50px;
}

.i6 .ul1 li {
  width: 22.8%;
  max-width: 280px;
}

.i6 .ul1 li a {
  display: block;
  width: 100%;
  position: relative;
}

.i6 .ul1 li a .img {
  display: block;
  width: 100%;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
}

.i6 .ul1 li a .img img {
  display: block;
  width: 100%;
  transform: scale(1.000002);
  -webkit-transform: scale(1.000002);
}

.i6 .ul1 li a .txt {
  padding: 30px;
  width: 100%;
  position: relative;
  z-index: 3;
  height: 250px;
  border-radius: 0 0 20px 20px;
  color: #fff;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(153, 153, 153, 0.8);
  box-shadow: 0px 5px 10px 0px rgba(153, 153, 153, 0.8);
}

.i6 .ul1 li a .txt s {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  background: #0dac67;
  border-radius: 0 0 20px 20px;
}

.i6 .ul1 li a .txt .ltt {
  line-height: 36px;
  height: 72px;
  overflow: hidden;
}

.i6 .ul1 li a .txt .ltc {
  line-height: 22px;
  margin-top: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.i6 .ul1 li:hover a .txt s {
  height: 110%;
}

.i6 .ul1 li:nth-child(2) a .txt s {
  background: #006c55;
}

.i6 .ul1 li:nth-child(3) a .txt s {
  background: #1b2e60;
}

.i6 .ul1 li:nth-child(4) a .txt s {
  background: #886138;
}

.i6 .ul1 li:hover a .img img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
}

/* 底部 */

.footer {
  background: #000;
}

.footer1 {
  display: flex;
  justify-content: space-between;
  padding: 6.25vw 0;
}

.footer1 .flt {
  width: 360px;
  color: #fff;
}

.footer1 .flt .ftt {
  margin-top: 80px;
}

.footer1 .flt .yx {
  display: block;
  color: #fff;
  line-height: 24px;
  margin-top: 10px;
  font-family: "popl";
}

.footer1 .flt .yx span {
  text-decoration: underline;
}

.footer1 .ul1 {
  display: flex;
  width: calc((100% - 500px) * (800 / 1000));
  justify-content: space-between;
  text-transform: capitalize;
}

.footer1 .ul1 li {
}

.footer1 .ul1 li a {
  display: block;
  color: #fff;
  font-family: "popl";
  line-height: 26px;
  opacity: 0.5;
}

.footer1 .ul1 li .ltop a {
  margin-bottom: 25px;
  opacity: 1;
  font-family: "popb";
}

.footer1 .ul1 li a:hover {
  opacity: 1;
}

.footer1 .frt {
  width: 130px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}

.footer1 .frt .top s {
  display: block;
  width: 50px;
  height: 50px;
  border: 1px solid #fff;
  border-radius: 50%;
  background: url(../images/svg/lb_jtb.svg) center no-repeat;
  margin: 0 auto 15px;
  transform: rotate(-90deg);
}

.footer1 .frt .top:hover s {
  background: #00ab84 url(../images/svg/lb_jtb.svg) center no-repeat;
  border: 1px solid #00ab84;
}

.footer1 .frt .inquiryBtn {
  margin-top: 15px;
  width: 130px;
  height: 46px;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #00a17f;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  transition: 0.5s;
  img {
    width: 17px;
    height: 17px;
    margin-right: 9px;
  }
}
.footer1 .frt .inquiryBtn:hover {
  background: #00a17f80;
}

.footer2 {
  display: flex;
  justify-content: space-between;
  padding: 30px 0;
  color: rgba(255, 255, 255, 0.5);
  font-family: "popl";
}

.footer2 .flt {
  width: calc(100% - 200px);
  display: flex;
}

.footer2 .flt p {
  display: flex;
}

.footer2 .flt a {
  display: block;
  color: rgba(255, 255, 255, 0.5);
  margin: 0 5px;
}

.footer2 .flt a:hover {
  color: #fff;
}

.footer2 .frt {
  display: flex;
  align-items: center;
  align-content: center;
}

.footer2 .frt a {
  display: block;
  width: 40px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  margin-left: 10px;
}

.footer2 .frt a:hover {
  background: #00ab84;
  border: 1px solid #00ab84;
}

/* 精选品牌 */

.fea1 {
  padding: 1.2rem 0 0.8rem;
  background: #483698;
  color: #fff;
  text-align: center;
  font-family: "popl2";
}

.fea1 .ico {
  width: 50%;
  max-width: 250px;
  margin: 0 auto;
}

.fea1 .wz span {
  line-height: 1.5;
  padding-top: 15px;
  display: inline-block;
  border-top: 1px solid #fff;
  margin-top: 15px;
}

.fea2 {
  display: flex;
}

.fea2 .flt {
  width: 50%;
  height: 100vh;
  overflow: hidden;
}

.fea2 .flt img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.fea2 .frt {
  width: 50%;
  height: 100vh;
  display: flex;
  align-items: center;
  align-content: center;
  text-align: center;
  line-height: 1.5;
  justify-content: center;
}

.fea2 .frt .ico {
  margin: 0 auto 0.6rem;
  width: 48px;
}

.fea2 .frt p {
  margin-top: 15px;
  position: relative;
  top: 50px;
  opacity: 0;
}

.fea2 .flt.wow1 img {
  transform: scale(1);
  -webkit-transform: scale(1);
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
}

.fea2 .frt .txt.wow1 .ico {
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
}

.fea2 .frt .txt.wow1 .tc p {
  opacity: 1;
  top: 0px;
  transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
}

.fea2 .frt .txt.wow1 .tc p:nth-child(2) {
  opacity: 1;
  top: 0px;
  transition-delay: 0.7s;
  -webkit-transition-delay: 0.7s;
}

.fea3 {
  padding: 1.2rem 0;
}

.fea3 .ul1 {
  display: flex;
}

.fea3 .ul1 li {
  position: relative;
  width: 32.15%;
  margin-right: 1.775%;
  cursor: pointer;
  pointer-events: none;
}

.fea3 .ul1 li:last-child {
  margin-right: 0;
}

.fea3 .ul1 li .img,
.fea3 .ul1 li .img img {
  border-radius: 0.3rem;
  overflow: hidden;
  display: block;
  width: 100%;
}

.fea3 .ul1 li .img img {
}

.fea3 .ul1 li .wz {
  color: #fff;
  position: absolute;
  top: 0.85rem;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 2;
}

.fea3 .ul1 li .jia {
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  margin-left: -18px;
  bottom: 0.7rem;
  z-index: 3;
  background: #000000 url(../images/svg2/jia.svg) center no-repeat;
  z-index: 3;
}

.fea3 .ul1 li:hover .jia {
  background: #00ab84 url(../images/svg2/jia.svg) center no-repeat;
}

.fea3 .ul1 li:hover .img img {
  transform: scale(1.1);
}

.fea3_tc {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}

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

.fea3_tc .fox .foxcont {
  position: relative;
  height: 100vh;
  overflow-y: auto;
  width: 100%;
  display: block;
  padding: 0.3rem 1.2rem 0.6rem;
}

.fea3_tc .fox .foxcont .pclose {
  display: flex;
  justify-content: flex-end;
  cursor: pointer;
  position: sticky;
  top: 0px;
  z-index: 3;
  width: 90%;
  max-width: 1200px;
  margin: 0 auto 20px;
}

.fea3_tc .fox .foxcont .pclose span {
  display: block;
  width: 0.5rem;
}

.fea3_tc .fox .foxcont .pclose span:hover {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.fea3_tc .fox .foxcont .hezi {
  padding: 0.7rem;
  background: #fff;
  border-radius: 30px;
  margin-top: 0.4rem;
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}

.fea3_tc .fox .foxcont .hezi dd {
  display: none;
}

.fea3_tc .fox .foxcont .hezi .tt1 {
  line-height: 1.5;
  color: #00a17f;
}

.fea3_tc .fox .foxcont .hezi .tc1 {
  padding: 15px 0;
  border-top: 2px solid #000;
  margin: 0.5rem 0;
  line-height: 1.55;
}

.fea3_tc .fox .foxcont .hezi .vid1 {
  position: relative;
  border-radius: 30px;
  overflow: hidden;
}

.fea3_tc .fox .foxcont .hezi .vid1 > img {
  display: block;
  width: 100%;
  border-radius: 30px;
}

.fea3_tc .fox .foxcont .hezi .vid1 video {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  object-fit: cover;
  opacity: 0;
  pointer-events: none;
}

.fea3_tc .fox .foxcont .hezi .vid1 .bidbf {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 1.2rem;
  cursor: pointer;
}

.fea3_tc .fox .foxcont .hezi .vid1.act video {
  opacity: 1;
  pointer-events: visible;
}

.fea3_tc .fox .foxcont .hezi .img1 {
  position: relative;
  border-radius: 30px;
  overflow: hidden;
  margin-top: 0.6rem;
}

.fea3_tc .fox .foxcont .hezi .img1 > img {
  display: block;
  width: 100%;
  border-radius: 30px;
}

.fea3_tc .fox .foxcont .hezi .tt2 {
  line-height: 1.5;
  margin-top: 0.5rem;
}

.fea3_tc .fox .foxcont .hezi .tc2 {
  padding: 15px 0 0;
  border-top: 2px solid #000;
  margin: 0.2rem 0 0;
  line-height: 1.55;
}

.fea4 {
  padding: 110px 0 110px 120px;
  background: #f6f6f6;
  position: relative;
  overflow: hidden;
}

.fea4 .swiper {
  position: relative;
  width: 93.25%;
  max-width: 1660px;
  overflow: visible;
}

.fea4 .swiper .swiper-slide {
}

.fea4 .swiper .swiper-slide .sbox {
  display: block;
  position: relative;
  border-radius: 30px;
  overflow: hidden;
}

.fea4 .swiper .swiper-slide .sbox img {
  display: block;
  width: 100%;
  border-radius: 30px;
}

.fea4 .swiper .swiper-slide .sbox .txt {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  padding: 1rem 1.3rem;
}

.fea4 .swiper .swiper-slide .sbox .txt .wz {
  display: flex;
  flex-wrap: wrap;
  width: 38%;
  max-width: 530px;
  height: 100%;
  align-content: space-between;
  line-height: 1.5;
}

.fea4 .swiper .swiper-slide .sbox .txt .wz .wtop {
  width: 100%;
}

.fea4 .swiper .swiper-slide .sbox .txt .wz .wtop .tc2 {
  margin: 5px 0 0.4rem;
}

.fea4 .swiper .swiper-slide .sbox .txt .wz .wtop .tc3 {
  color: #666;
}

.fea4 .swiper .swiper-slide .sbox .txt .wz .wbtm {
  width: 100%;
}

.fea4 .swiper .swiper-slide .sbox .txt .wz .wbtm .tt1 span {
  text-transform: uppercase;
}

.fea4 .swiper .swiper-slide .sbox .txt .wz .wbtm .tc1 {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid #999;
  color: #333;
}

.fea4 .swpbtn {
  position: absolute;
  bottom: 48px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  opacity: 1 !important;
}

.fea4 .swpbtn .icons {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgba(34, 41, 53, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.fea4 .swpbtn .icons svg {
  fill: #fff;
  width: 100%;
  height: 100%;
}

.fea4 .swpbtn .icons svg:nth-child(2) {
  display: none;
}

.fea4 .swpbtn .icons svg:nth-child(3) {
  display: none;
}

.fea4 .swpbtn .pogin2 {
  width: 217px;
  height: 56px;
  border-radius: 28px;
  margin-left: 12px;
  position: relative;
  background: rgba(34, 41, 53, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
}

.fea4 .swpbtn .pogin2 span {
  background: #d9d9d9;
  width: 8px;
  height: 8px;
  opacity: 1;
  margin: 0 8px;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}

.fea4 .swpbtn .pogin2 span.swiper-pagination-bullet-active {
  width: 48px;
}

@keyframes ww {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

@-webkit-keyframes ww {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

.fea4 .swpbtn .pogin2 span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: rgb(245, 245, 247);
}

.fea4.act .swpbtn .pogin2 span.swiper-pagination-bullet-active::before {
  animation: ww 5s linear forwards;
}

.fea4.act .swpbtn .icons svg:nth-child(2) {
  display: block;
}

.fea4.act .swpbtn .icons svg:nth-child(1) {
  display: none;
}

.fea4.act2 .swpbtn .pogin2 span::before {
  transition-duration: 0.6s;
}

.fea5 {
  position: relative;
}

.swiper_fe1 {
}

.swiper_fe1 .swiper-slide {
}

.swiper_fe1 .swiper-slide .sbox {
  display: block;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.swiper_fe1 .swiper-slide .sbox img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.fea5.wow1 .swiper_fe1 .swiper-slide .sbox img {
  transform: scale(1);
  -webkit-transform: scale(1);
}

.fea5 .dl1 {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  padding: 1.2rem;
  display: flex;
}

.fea5 .dl1 dd {
  width: 33.33%;
  border-bottom: 1px solid #fff;
  position: relative;
}

.fea5 .dl1 dd a {
  display: block;
  color: #fff;
  text-align: center;
  width: 100%;
  padding-bottom: 40px;
}

.fea5 .dl1 dd s {
  display: block;
  width: 0%;
  height: 8px;
  background: #483698;
  position: absolute;
  left: 0;
  bottom: -4px;
  z-index: 3;
}

.fea5 .dl1 dd.act {
  font-weight: bold;
}

.fea5 .dl1 dd.act s,
.fea5 .dl1 dd:hover s {
  width: 100%;
}

.fea6 {
  padding: 1.5rem 0 1.3rem;
  line-height: 1.5;
}

.fea6 .ico1 {
  display: flex;
  justify-content: center;
}

.fea6 .ico1.wow1 span {
  transform: rotate(360deg);
}

.fea6 .tt1 {
  text-align: center;
  color: #483698;
  margin: 30px 0 15px;
  text-transform: capitalize;
}

.fea6 .tc1 {
  text-align: center;
  text-transform: capitalize;
}

.fea6 .img1 {
  margin: 40px 0 30px;
}

.fea6 .img1 img {
  display: block;
  margin: 0 auto;
}

.fea6 .dl1 {
  display: flex;
  justify-content: space-between;
}

.fea6 .dl1 .dd1 {
  width: 22.3%;
}

.fea6 .dl1 .dd2 {
  width: 27%;
}

.fea6 .dl1 .dd3 {
  width: 30.5%;
}

.fea6 .dl1 .swiper-slide {
  height: auto;
  transition: padding-top 0s;
}

.fea6 .dl1 .swiper-slide-next {
  padding-top: 4.53rem;
}

.fea6 .dl1 .swiper-pagination {
  bottom: 0;
  top: auto;
  display: none;
  background-color: #d9d9d9;
}
.fea6 .dl1 .swiper-pagination .swiper-pagination-progressbar {
  background-color: #00a17f;
}

.fea6 .dl1 .swiper-button {
  width: 0.72rem;
  height: 0.72rem;
  border-radius: 50%;
  background: url(../images/svg/lb_jtb.svg) no-repeat center center;
  background-color: #000;
  -o-background-size: 0.15rem auto;
  background-size: 0.15rem auto;
  cursor: pointer;
  position: absolute;
  z-index: 5;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  top: 70%;
}

.fea6 .dl1 .swiper-button:hover {
  background-color: #00a17f;
  border-color: #00a17f;
}

.fea6 .dl1 .swiper-button.swiper-prev {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  left: 0;
}

.fea6 .dl1 .swiper-button.swiper-next {
  margin-left: 0.27rem;
  right: 0;
}

.fea6 .dl1 dd {
}

.fea6 .dl1 dd .dox {
  display: block;
}

.fea6 .dl1 dd .dox .img2,
.fea6 .dl1 dd .dox .img2 img {
  width: 100%;
  overflow: hidden;
}

.fea6 .dl1 dd .dox .img2 {
  padding-bottom: 20px;
}

.fea6 .dl1 dd .dox .txt {
}

.fea6 .dl1 dd .dox .txt .tt2 span {
  text-transform: uppercase;
}

.fea6 .dl1 dd .dox .txt .tc2 {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid #999;
  color: #333;
}

.fea6 .dl1 .dox2 {
  text-align: center;
  margin-top: 1.1rem;
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 22.32142857%;
  max-height: 3rem;
  overflow: auto;
  z-index: 4;
}

.fea6 .dl1 .dox2::-webkit-scrollbar {
  width: 4px;
}

.fea6 .dl1 .dox2::-webkit-scrollbar-thumb {
  width: 4px;
  background-color: #483698;
}

.fea6 .dl1 .dox2 p {
  display: block;
}

.fea6 .dl1 .dox2 p + p {
  margin-top: 0.2rem;
}

.fea7 {
  display: flex;
  background: #f8f8f8;
}

.fea7 .flt {
  width: 50%;
  height: 100vh;
  overflow: hidden;
}

.fea7 .flt img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.fea7 .frt {
  width: 50%;
  height: 100vh;
  display: flex;
  align-items: center;
  align-content: center;
  text-align: center;
  line-height: 1.5;
  justify-content: center;
}

.fea7 .frt .ico {
  margin: 0 auto 0.2rem;
  width: 48px;
}

.fea7 .frt .tc {
  margin: 5px 0 1.3rem;
}

.fea7 .frt .p {
  position: relative;
  top: 50px;
  opacity: 0;
}

.fea7 .flt.wow1 img {
  transform: scale(1);
  -webkit-transform: scale(1);
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
}

.fea7 .frt .txt.wow1 .ico {
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
}

.fea7 .frt .txt.wow1 .p {
  opacity: 1;
  top: 0px;
  transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
}

.fea7 .frt .txt.wow1 .p2 {
  opacity: 1;
  top: 0px;
  transition-delay: 0.6s;
  -webkit-transition-delay: 0.6s;
}

.fea7 .frt .txt.wow1 .p3 {
  opacity: 1;
  top: 0px;
  transition-delay: 0.7s;
  -webkit-transition-delay: 0.7s;
}

.fea8 {
  background: #fff;
  padding: 1.2rem 0;
}

.swiper_fe2 {
  padding-bottom: 50px;
}

.swiper_fe2 .swiper-slide {
  pointer-events: none;
}

.swiper_fe2 .swiper-slide .sbox {
  display: block;
  position: relative;
}

.swiper_fe2 .swiper-slide .sbox .img,
.swiper_fe2 .swiper-slide .sbox .img img {
  display: block;
  width: 100%;
  overflow: hidden;
}

.swiper_fe2 .swiper-slide .sbox .txt {
  padding-top: 20px;
  line-height: 1.5;
}

.swiper_fe2 .swiper-slide .sbox .txt .tt1 span {
  text-transform: uppercase;
  font-family: "popb";
}

.swiper_fe2 .swiper-slide .sbox .txt .tc1 {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid #ddd;
  color: #333;
  font-family: "popl";
}

.swiper_fe2 .pagination_fe2 {
  bottom: 0;
}

.swiper_fe2 .pagination_fe2 .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #ddd;
  opacity: 1;
  border-radius: 5px;
}

.swiper_fe2 .pagination_fe2 .swiper-pagination-bullet-active {
  width: 30px;
  border-radius: 5px;
  background-color: #00a17f;
}

.swiper_fe2 .swiper-slide .sbox:hover .img img {
  transform: scale(1.1);
}

.fea9 {
  padding: 1.5rem 0 1.3rem;
  line-height: 1.5;
  background: #f4f4f4;
}

.fea9 .ico1 {
  display: flex;
  justify-content: center;
}

.fea9 .ico1.wow1 span {
  transform: rotate(360deg);
}

.fea9 .tt1 {
  text-align: center;
  color: #483698;
  margin: 30px 0;
  text-transform: capitalize;
}

.fea9 .tt2 {
  text-align: center;
}

.fea9 .dl1 {
  display: flex;
  justify-content: space-between;
  align-content: flex-end;
  align-items: flex-end;
  text-align: center;
  margin-top: -0.5rem;
}

.fea9 .dl1 dd {
  display: flex;
  justify-content: space-between;
  width: 30%;
  max-width: 500px;
}

.fea9 .dl1 dt {
  width: 31%;
  position: absolute;
  left: 34.5%;
  bottom: 0;
}

.fea9 .dl1 dd .p {
  width: 46%;
  text-transform: uppercase;
}

.fea9 .dl1 dd .p .img {
  margin-bottom: 5px;
}

.fea9 .dl1 dt .img img {
  margin: 0.5rem auto 0;
}

.fea10 {
  padding-top: 1rem;
}

.fea10 .dl1 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.fea10 .dl1 dd {
  width: 49.5%;
  background: #f4f4f4;
}

.fea10 .dl1 dd .img,
.fea10 .dl1 dd .img img {
  display: block;
  width: 100%;
  overflow: hidden;
}

.fea10 .dl1 dd .img img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.fea10 .dl1 dd .txt {
  padding: 0.5rem 0.65rem;
  line-height: 1.5;
}

.fea10 .dl1 dd .txt .tt1 {
  text-transform: capitalize;
}

.fea10 .dl1 dd .txt .tt2 {
  text-transform: uppercase;
}

.fea10 .dl1 dd .txt .tc1 {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid #ddd;
  color: #333;
  min-height: 63px;
  font-family: "popl";
  margin-bottom: 0.29rem;
}

.fea10 .dl1 dd .txt .tc2 {
  color: rgba(34, 34, 34, 0.5);
  font-family: "popl";
}

.fea10 .dl1.wow1 dd .img img {
  transform: scale(1);
  -webkit-transform: scale(1);
}

.swiper_fe2 .swiper-slide .sbox .txt .tt2 {
  text-transform: capitalize;
}

.fea11 {
  padding: 1.5rem 0;
  line-height: 1.5;
}

.fea11 .ico1 {
  display: flex;
  justify-content: center;
}

.fea11 .ico1.wow1 span {
  transform: rotate(360deg);
}

.fea11 .tt1 {
  text-align: center;
  color: #483698;
  margin: 0.5rem 0 10px;
  text-transform: capitalize;
}

.fea11 .tt2 {
  text-align: center;
}

.fea11 .dl1 {
  display: flex;
  justify-content: center;
  margin: 0.5rem 0 0.3rem;
}

.fea11 .dl1 dd {
  width: 22%;
  padding: 0 15px;
}

.fea11 .dl1 dd img {
  margin: 0 auto;
}

.fea11 .tc1 {
  margin: 0 auto 0.5rem;
  width: 100%;
  max-width: 790px;
  text-align: center;
}

.fea11 .img1 {
}

.fea11 .img1 img {
  margin: 0 auto;
}

.fea12 {
}

.fea12 .img,
.fea12 .img img {
  display: block;
  width: 100%;
  overflow: hidden;
}

.fea12 .img img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.fea12.wow1 .img img {
  transform: scale(1);
  -webkit-transform: scale(1);
}

.fea13 {
  padding: 1.5rem 0 1.2rem;
}

.fea13 .dl1 {
  position: relative;
}

.fea13 .dl1 dt {
  width: 40%;
  margin-left: 1.1rem;
  display: block;
  text-align: center;
  line-height: 1.5;
  padding-top: 20px;
}

.fea13 .dl1 dt .tt1 {
  line-height: 1.2;
}

.fea13 .dl1 dt .tc1 {
  margin-top: 0.3rem;
}

.fea13 .dl1 dt .img {
  width: 100%;
}

.fea13 .dl1 dt .img img {
  margin: 0 auto 15px;
}

.fea13 .dl1 dd {
  position: absolute;
  top: 0;
  right: 1rem;
  width: 36%;
  max-width: 600px;
  overflow: hidden;
  height: 100%;
}

.fea13 .dl1 dd img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 产品详情页 */

.feac1 {
  padding: 2rem 0 0;
}

.feac1 .ico {
  display: flex;
  justify-content: center;
}

.feac1 .tt1 {
  text-align: center;
  line-height: 1.2;
  color: #483698;
  font-family: "popb";
  margin: 30px 0 20px;
}

.feac1 .tc1 {
  text-align: center;
  line-height: 1.5;
  text-transform: capitalize;
}

.feac1 .img {
  padding-top: 25px;
}

.feac1 .img img {
  margin: 0 auto;
  width: 100%;
}

.feac1.wow1 .ico span {
  transform: rotate(360deg);
}

.feac2 {
  position: relative;
  overflow: hidden;
}

.feac2 > img {
  display: block;
  width: 100%;
}

.feac2 video {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  object-fit: cover;
  opacity: 1;
  pointer-events: none;
}

.feac2 .bidbf {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 1.2rem;
  cursor: pointer;
}

.feac2.act video {
  opacity: 1;
  pointer-events: visible;
}

.feacdh img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.feacdh.wow1 img {
  transform: scale(1);
  -webkit-transform: scale(1);
}

.feac3 {
  padding: 1.2rem 0;
  text-align: center;
  font-family: "popl";
  line-height: 1.6;
}

.feac3 .fox {
  width: 100%;
  margin: 0 auto;
  max-width: 865px;
}

.feac3 .fox .ftop .p span {
  font-family: "popb";
}

.feac3 .fox .xian {
  display: block;
  width: 100%;
  height: 1px;
  background: #ddd;
  margin: 0.4rem 0;
}

.feac3 .fox .img img {
  margin: 10px auto 0;
}

.feac4 {
  display: flex;
}

.feac4 .feac2 {
  width: 50%;
}

.feac4 .feac2 .wz1 {
  position: absolute;
  width: 100%;
  z-index: 2;
  top: 2.5rem;
  text-align: center;
  line-height: 1.5;
  font-family: "popb";
}

.feac5 {
  text-align: center;
  line-height: 1.5;
  padding: 1.2rem 0 0.55rem;
  font-family: "popb";
}

.feac6 .tt {
  text-align: center;
  font-family: "popb";
  line-height: 1.2;
  margin-bottom: 0.65rem;
}

.feaon1 {
  padding-top: 1rem;
}

.feaon1 .txt {
  text-align: center;
  line-height: 1.5;
}

.feaon1 .tt {
  color: #162d5c;
}

.feaon1 .tc {
  width: 100%;
  max-width: 960px;
  margin: 0.3rem auto 1rem;
}

.feaon2 {
}

.feaon2 .dl1 {
}

.feaon2 .dl1 dd {
  display: block;
  position: relative;
  overflow: hidden;
  margin-bottom: 1rem;
}

.feaon2 .dl1 dd .img,
.feaon2 .dl1 dd .img img {
  display: block;
  width: 100%;
  overflow: hidden;
}

.feaon2 .dl1 dd .img img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.feaon2 .dl1 dd .txt {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  padding: 0 6.25vw 0.9rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

.feaon2 .dl1 dd .txt .dlt {
  width: 50%;
  color: #fff;
  font-family: "popb";
}

.feaon2 .dl1 dd .txt .mo {
  width: 165px;
}

.feaon2 .dl1 dd .txt .mo a {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  padding: 0 20px;
  border: 1px solid #fff;
  border-radius: 30px;
  color: #fff;
  line-height: 60px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.feaon2 .dl1 dd .txt .mo a s {
  display: block;
  width: 12px;
  height: 12px;
  background: url(../images/svg/in_2_3.svg) center no-repeat;
  margin-left: 10px;
  transform: rotate(-90deg);
}

.feaon2 .dl1 dd .txt .mo a:hover {
  background: #00ab84;
  border: 1px solid #00ab84;
}

.feaon2 .dl1 dd.wow1 .img img {
  transform: scale(1);
  -webkit-transform: scale(1);
}

/* 关于我们 */

.ab-banner .box {
  top: 30%;
}

.ab-banner .xian {
  display: block;
  width: 87.5%;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 6.25%;
  bottom: 1.8rem;
  z-index: 3;
  pointer-events: none;
}

.my-banner .slide-icon {
  z-index: 5 !important;
}

.ab1 {
  padding: 1rem 0 1.2rem;
  text-align: center;
  line-height: 1.5;
}

.ab1 .aox {
  margin: 0 auto;
  width: 100%;
  max-width: 1300px;
}

.ab1 .tc p {
  display: block;
  margin-top: 30px;
  font-family: "popl";
}

.ab1 .tt {
  font-family: "popb";
}

.ab1 .tt2 {
  font-family: "popb";
  color: #00a17f;
  margin: 0.7rem 0 1rem;
}

.ab1 .ul1 {
  display: flex;
  justify-content: space-between;
  padding: 0 5%;
}

.ab1 .ul1 li {
  width: 25%;
}

.ab2 {
  position: relative;
  z-index: 3;
  background: #000;
  padding: 1rem 0 1.2rem;
  padding-bottom: 0;
}

.ab2 .box {
  position: relative;
  z-index: 3;
}

.ab2 .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 2;
}

.ab2 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  object-fit: cover;
  opacity: 0.7;
}

.ab2 .tt {
  text-align: center;
  color: #fff;
  line-height: 1.5;
  font-family: "popb";
  display: none;
}

/* .ab2 .txt{width: 100%;padding: .6rem;background: #FBF0DF;border-radius: 0 0 1.27rem 0;position: relative;overflow: hidden;line-height: 1.5;margin-top: 3rem;} */

.ab2 .txt {
  margin-top: 3rem;
}

.ab2 .txt img {
  margin: 0 auto;
}

.ab2 .txt .tt1 {
  font-family: "popb";
  margin-bottom: 0.3rem;
}

.ab2 .txt .tc1 p {
  display: block;
  margin-bottom: 20px;
}

.ab2 .txt .bg {
  display: block;
  width: 1.28rem;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  pointer-events: none;
}

.ab3 {
  position: relative;
  overflow: hidden;
}

.ab3 .bg {
  width: 100%;
}

.ab3 .tt {
  position: absolute;
  top: 1rem;
  left: 0;
  width: 100%;
  line-height: 1.5;
  z-index: 2;
  text-align: center;
  font-family: "popb";
}

/* 详情 */

.abc1 {
  padding: 2rem 0 1.1rem;
  background: #f5f7f8;
}

.abc1 .ul1 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
}

.abc1 .ul1 li {
  display: flex;
  align-items: center;
  align-content: center;
  margin: 0 20px;
  color: #686868;
}

.abc1 .ul1 li span {
  display: block;
  font-family: "popb";
}

.abc1 .ul1 li .ico {
  display: block;
  margin-right: 5px;
}

.abc1 .box {
  max-width: 1400px;
}

.abc1 .tt {
  text-align: center;
  line-height: 1.5;
  margin: 0.2rem 0 0.6rem;
}

.abc1 .aox {
  padding: 0.5rem 1rem;
  border-top: 1px solid #ddd;
  border-bottom: 4px solid #00a17f;
  margin: 0.5rem 0;
  line-height: 1.5;
  font-family: "popl";
}

.abc1 .aox {
  line-height: normal;
}

.abc1 .aox img {
  display: inline-block;
}

.abc1 .aox .p {
  margin-bottom: 15px;
}

.abc1 .abtm {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

.abc1 .abtm .alt {
  width: calc(100% - 200px);
}

.abc1 .abtm .alt a {
  display: flex;
  margin-top: 20px;
  width: 100%;
  align-items: center;
  align-content: center;
}

.abc1 .abtm .alt a span {
  display: block;
  flex-shrink: 0;
  font-family: "popb";
  color: #686868;
}

.abc1 .abtm .alt a p {
  display: block;
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #686868;
}

.abc1 .abtm .alt a:hover span {
  color: #000;
}

.abc1 .abtm .alt a:hover p {
  color: #000;
  text-decoration: underline;
}

.abc1 .abtm .art {
  width: 180px;
}

.abc1 .abtm .art a {
  display: block;
  width: 100%;
  line-height: 50px;
  border: 1px solid #000;
  border-radius: 30px;
  color: #000;
  text-align: center;
}

.abc1 .abtm .art a:hover {
  background: #00a17f;
  border: 1px solid #00a17f;
  color: #fff;
}

/* 联系我们 */

.con1 {
  padding: 1.2rem 0 1.5rem;
  background: #f4f4f6;
}

.con1 .cox {
  display: flex;
  background: #fff;
}

.con1 .cox .clt {
  width: 53.5%;
  height: 7.7rem;
}

.con1 .cox .clt img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.con1 .cox .crt {
  width: 46.5%;
  padding: 0.6rem 0.8rem 0;
}

.con1 .cox .crt .tt {
  line-height: 1.3;
  margin-bottom: 0.15rem;
}

.con1 .cox .crt .ul1 {
}

.con1 .cox .crt .ul1 li {
  display: flex;
  border: 1px solid #ddd;
  margin-bottom: 0.1rem;
}

.con1 .cox .crt .ul1 li.act {
  border: 1px solid #f00;
}

.con1 .cox .crt .ul1 li input {
  display: block;
  width: 100%;
  height: 0.4rem;
  border: 0;
  outline: none;
  padding: 0 20px;
}

.con1 .cox .crt .ul1 li textarea {
  display: block;
  width: 100%;
  height: 1.5rem;
  border: 0;
  outline: none;
  padding: 10px 20px;
  font-family: Arial, Helvetica, sans-serif;
  resize: none;
}

.con1 .cox .crt .ul1 li.yzm input {
  width: calc(100% - 160px);
}

.con1 .cox .crt .ul1 li.yzm .img {
  width: 160px;
  height: 40px;
}

.con1 .cox .crt .ul1 li.yzm .img img {
  width: 100%;
  height: 100%;
}

.con1 .cox .crt .xuanze {
  display: flex;
  color: #999;
  line-height: 18px;
  font-family: "popl";
  cursor: pointer;
  justify-content: space-between;
}

.con1 .cox .crt .xuanze span {
  display: block;
  width: 18px;
  height: 18px;
  border: 1px solid #00a17f;
  border-radius: 4px;
}

.con1 .cox .crt .xuanze p {
  display: block;
  width: calc(100% - 25px);
}

.con1 .cox .crt .xuanze.act span {
  background: #00a17f url(../images/svg2/dui.svg) center no-repeat;
  background-size: 20px;
}

.con1 .cox .crt .tc {
  color: #999;
  line-height: 1.5;
  font-family: "popl";
  margin: 0.25rem 0 0.4rem;
}

.con1 .cox .crt .btn {
  display: block;
  width: 150px;
  line-height: 50px;
  background: #000;
  color: #fff;
  border-radius: 30px;
  text-align: center;
  cursor: pointer;
}

.con1 .cox .crt .btn:hover {
  background: #00a17f;
}

.i6 .page1 {
  margin-top: 0.5rem;
}

/* 社会责任 */

.socox {
  position: relative;
  width: 100%;
  background: #f9f9f9;
}

.socox .hezi {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  pointer-events: none;
}

.socox .hezi .dl1 dd {
  position: absolute;
  top: 0;
  left: 10.7%;
  z-index: 2;
}

.socox .hezi .dl1 dd img {
  display: block;
  width: 100%;
}

.socox .hezi .dl1 .img1 {
  width: 15%;
  max-width: 282px;
}

.socox .hezi .dl1 .img2 {
  width: 21%;
  max-width: 396px;
  right: 10%;
  left: auto;
  z-index: 5;
}

.socox .hezi .dl1 .img3 {
  width: 21%;
  max-width: 396px;
  left: 8%;
  top: auto;
  bottom: 2%;
}

.socox .hezi .dl1 .img4 {
  width: 36%;
  max-width: 692px;
  left: auto;
  top: auto;
  bottom: 0;
  right: 0;
}

.socox .hezi .sox {
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
  left: 0;
}

.soc1 {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  min-height: 100vh;
  padding: 1rem 0;
  position: relative;
  z-index: 3;
}

.soc1 .sox {
  width: 90%;
  max-width: 800px;
  text-align: center;
  line-height: 1.2;
}

.soc1 .sox .stt1 {
  font-family: "popl";
  color: #000000;
}

.soc1 .sox .stt2 {
  font-family: "popb";
  margin-top: 35px;
  color: #00a17f;
}

.soc1 .sox .tc1 {
  font-family: "popl";
  line-height: 1.5;
}

.soc1 .sox .tc1 .p {
  margin-bottom: 30px;
}

.soc1 .sox .stt3 {
  font-family: "popb";
  line-height: 1.4;
}

.soc1 .sox .stt3 span {
  color: #00a17f;
  position: relative;
  overflow: hidden;
}

.soc1 .sox .stt3 span::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.soc1 .sox .stt3.wow1 span::after {
  width: 0%;
  transition-delay: 1s;
  -webkit-transition-delay: 1s;
}

.soc2 {
  background: #fff;
  z-index: 1;
}

.soc2 .wzlt {
  width: 740px;
  height: 640px;
  background: #fff;
  border-radius: 40px;
  padding: 30px 40px 0;
  position: relative;
}

.soc2 .wzlt .wtt1 {
  text-align: center;
  line-height: 34px;
  font-family: "popb";
}

.soc2 .wzlt .btn {
  display: block;
  width: 50px;
  height: 50px;
  background: #000000 url(../images/svg/lb_jtb.svg) center no-repeat;
  position: absolute;
  right: calc(50% - 60px);
  bottom: 25px;
  z-index: 5;
  cursor: pointer;
  border-radius: 50%;
}

.soc2 .wzlt .prev2 {
  right: calc(50% + 10px);
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.soc2 .wzlt .btn:hover {
  background: #00a17f url(../images/svg/lb_jtb.svg) center no-repeat;
}

.soc2 .wzlt .ul1 {
}

.soc2 .wzlt .ul1 li {
  width: 62px;
  position: absolute;
  top: 25%;
  left: 27%;
  z-index: 2;
  border-radius: 50%;
  cursor: pointer;
}

.soc2 .wzlt .ul1 li img {
  width: 100%;
}

.soc2 .wzlt .ul1 li img:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
}

.soc2 .wzlt .ul1 li:nth-child(2) {
  left: 65%;
}

.soc2 .wzlt .ul1 li:nth-child(3) {
  left: 65%;
  top: 69.5%;
}

.soc2 .wzlt .ul1 li:nth-child(4) {
  top: 69.5%;
}

.soc2 .wzlt .ul1 li .ltt {
  position: absolute;
  font-family: "popb";
  white-space: nowrap;
  right: 110%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  line-height: 1.5;
  text-align: right;
}

.soc2 .wzlt .ul1 li:nth-child(2) .ltt,
.soc2 .wzlt .ul1 li:nth-child(3) .ltt {
  left: 120%;
  right: auto;
  text-align: left;
}

.soc2 .wzlt .ul1 li span {
  display: block;
  position: absolute;
  width: 225px;
  height: 40px;
  background: url(../images/inx_1_2.png) center no-repeat;
  top: -22px;
  left: 58px;
  pointer-events: none;
}

.soc2 .wzlt .ul1 li span s {
  display: block;
  width: 0%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/inx_1_1.png) left center no-repeat;
}

.soc2 .wzlt .ul1 li:nth-child(2) span {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  top: 157px;
  left: -44px;
}

.soc2 .wzlt .ul1 li:nth-child(3) span {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  top: 52px;
  left: -223px;
}

.soc2 .wzlt .ul1 li:nth-child(4) span {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  top: -130px;
  left: -122px;
}

.soc2 .wzlt .ul1 li.act img:nth-child(1) {
  opacity: 0;
}

.soc2 .wzlt .ul1 li.act img:nth-child(2) {
  opacity: 1;
}

.soc2 .wzlt .ul1 li.act .ltt {
  color: #00a17f;
}

.soc2 .wzlt .ul1 li.act span s {
  width: 100%;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.soc3 {
  min-height: 200px;
  padding: 1rem 0 3rem;
}

.soc4 {
  padding: 1.2rem 0;
}

.soc4 .tt {
  font-family: "popb";
  line-height: 1.5;
}

.soc4 .tt span {
  color: #00a17f;
  position: relative;
  overflow: hidden;
}

.soc4 .tt span::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.soc4 .tt.wow1 span::after {
  width: 0%;
  transition-delay: 1s;
  -webkit-transition-delay: 1s;
}

.soc4 .ul1 {
  display: flex;
  flex-wrap: wrap;
  padding-top: 20px;
}

.soc4 .ul1 li {
  display: block;
  width: 31.5%;
  padding: 0.3rem;
  background: #f5f5f7;
  border-radius: 0.3rem;
  margin: 20px 2.75% 0 0;
  position: relative;
  top: 0;
}

.soc4 .ul1 li:nth-child(3n) {
  margin-right: 0;
}

.soc4 .ul1 li .ico {
  width: 1rem;
}

.soc4 .ul1 li .tc {
  line-height: 1.5;
  margin-top: 15px;
}

.soc4 .ul1 li:hover {
  top: -10px;
}

.soc5 {
}

.soc5 .tt {
  font-family: "popb";
  line-height: 1.5;
}

.soc5 .tt span {
  color: #00a17f;
  position: relative;
  overflow: hidden;
}

.soc5 .tt span::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.soc5 .tt.wow1 span::after {
  width: 0%;
  transition-delay: 1s;
  -webkit-transition-delay: 1s;
}

.swiper_so1 {
  margin: 0.65rem 0 0.3rem;
  overflow: visible;
}

.swiper_so1 .swiper-slide {
  width: 482px;
}

.swiper_so1 .swiper-slide .sbox {
  position: relative;
  overflow: hidden;
  border-radius: 0.3rem;
  border: 1px solid #ddd;
}

.swiper_so1 .swiper-slide .sbox .dh1 {
  position: absolute;
  left: 50%;
  top: 15.4%;
  z-index: 2;
}

.swiper_so1 .swiper-slide .sbox .dh2 {
  position: absolute;
  left: -4%;
  top: 39%;
  z-index: 2;
}

.swiper_so1 .swiper-slide .sbox .dh3 {
  position: absolute;
  right: -11%;
  top: 45%;
  z-index: 2;
}

.swiper_so1 .swiper-slide .sbox .dh4 {
  position: absolute;
  left: 5%;
  top: 9%;
  z-index: 2;
  height: 165px;
  background: url(../images/so_5_4.png) left center no-repeat;
  width: 0%;
}

.swiper_so1 .swiper-slide .sbox .dh4.wow1 {
  width: 90%;
  transition-delay: 3s;
  -webkit-transition-delay: 3s;
}

.swiper_so1 .swiper-slide .sbox .dh5 {
  position: absolute;
  left: 5%;
  top: 55%;
  z-index: 2;
}

.swiper_so1 .swiper-slide .sbox .dh6 {
  position: absolute;
  right: 0%;
  top: 5%;
  z-index: 2;
}

.swiper_so1 .swiper-slide .sbox .dh7 {
  position: absolute;
  right: 0%;
  top: 5%;
  z-index: 2;
}

.swiper_so1 .swiper-slide .sbox .dh7 img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper_so1 .swiper-slide .sbox .dh7 img:nth-child(1) {
  position: relative;
}

.soc5 .anniu {
  display: flex;
  justify-content: flex-end;
}

.soc5 .anniu .btn {
  display: block;
  width: 50px;
  height: 50px;
  background: #000000 url(../images/svg/lb_jtb.svg) center no-repeat;
  z-index: 5;
  cursor: pointer;
  border-radius: 50%;
}

.soc5 .anniu .prev_so1 {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  margin-right: 20px;
}

.soc5 .anniu .btn:hover {
  background: #00a17f url(../images/svg/lb_jtb.svg) center no-repeat;
}

.soc6 {
  padding: 1.2rem 0 1rem;
}

.soc6 .tt {
  font-family: "popb";
  line-height: 1.5;
  text-transform: capitalize;
}

.soc6 .tt p {
  color: #00a17f;
  position: relative;
  overflow: hidden;
}

.soc6 .tt p::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: all 3s;
  -moz-transition: all 3s;
  transition: all 3s;
}

.soc6 .tt.wow1 p::after {
  width: 0%;
  transition-delay: 1s;
  -webkit-transition-delay: 1s;
}

.soc6 .tc {
  line-height: 1.5;
}

.swiper_so2 {
  margin: 0.65rem 0;
}

.swiper_so2 .swiper-slide {
}

.swiper_so2 .swiper-slide .sbox {
  position: relative;
  overflow: hidden;
  border-radius: 0.3rem;
}

.swiper_so2 .swiper-slide .sbox img {
  display: block;
  width: 100%;
}

.swiper_so2 .swiper-slide .sbox .txt {
  opacity: 0;
  background: url(../images/so_6_1.png) center bottom no-repeat;
  background-size: cover;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%;
  display: flex;
  align-items: flex-end;
  align-content: end;
  color: #fff;
  line-height: 1.5;
  padding: 0.4rem 0.7rem;
  font-family: "popl";
  text-transform: capitalize;
}

.swiper_so2 .swiper-slide-active .sbox .txt {
  opacity: 1;
  transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
}

.soc6 .anniu {
  display: flex;
  justify-content: center;
}

.soc6 .anniu .btn {
  display: block;
  width: 50px;
  height: 50px;
  background: #000000 url(../images/svg/lb_jtb.svg) center no-repeat;
  z-index: 5;
  cursor: pointer;
  border-radius: 50%;
}

.soc6 .anniu .prev_so2 {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  margin-right: 20px;
}

.soc6 .anniu .btn:hover {
  background: #00a17f url(../images/svg/lb_jtb.svg) center no-repeat;
}

.soc7 {
  padding: 1rem 0;
  background: #f5f5f7;
}

.soc7 .tt {
  font-family: "popb";
  line-height: 1.4;
  text-transform: capitalize;
  color: #00a17f;
}

.soc7 .tt {
  color: #00a17f;
  position: relative;
  overflow: hidden;
}

.soc7 .tt::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #f5f5f7;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: all 3s;
  -moz-transition: all 3s;
  transition: all 3s;
}

.soc7 .tt.wow1::after {
  width: 0%;
  transition-delay: 1s;
  -webkit-transition-delay: 1s;
}

.soc7 .tc {
  line-height: 1.5;
}

.soc7 .sox {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  background: #fff;
  border-radius: 30px;
  overflow: hidden;
  margin-top: 0.8rem;
}

.soc7 .sox .img1 {
  width: 26.2%;
  height: 615px;
  display: flex;
  align-items: center;
}

.soc7 .sox .img1_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 10px;
}

.soc7 .sox .img1_box:last-child {
  margin-right: 0;
}

.soc7 .sox .img1_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
}

.soc7 .sox .img1_box img:hover {
  transform: scale(1.2);
}

.soc7 .sox .txt {
  width: 33%;
  margin: 0 3.5%;
  text-align: center;
  line-height: 1.5;
}

.soc7 .sox .txt .ico {
  margin: 0 auto;
  width: 0.7rem;
}

.soc7 .sox .txt .wz {
  margin: 0.3rem 0 0.4rem;
}

.soc7 .sox .txt .wz span {
  color: #00a17f;
}

.soc7 .sox .txt .a a span {
  text-decoration: underline;
  color: #000;
}

.soc7 .sox .txt .a a {
  color: #000;
}

.soc7 .sox .txt .a a:hover,
.soc7 .sox .txt .a a:hover span {
  color: #00a17f;
}

.soc8 {
  padding: 1.2rem 0 1.5rem;
}

.soc8 .tt {
  font-family: "popb";
  line-height: 1.5;
  text-transform: capitalize;
  color: #00a17f;
}

.soc8 .tt {
  color: #00a17f;
  position: relative;
  overflow: hidden;
}

.soc8 .tt::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: all 3s;
  -moz-transition: all 3s;
  transition: all 3s;
}

.soc8 .tt.wow1::after {
  width: 0%;
  transition-delay: 1s;
  -webkit-transition-delay: 1s;
}

.soc8 .tc {
  margin: 15px 0 0.4rem;
  line-height: 1.5;
}

.soc8 .a {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 30px;
}

.soc8 .a a {
  display: block;
  line-height: 44px;
  padding: 0 0.2rem;
  margin: 0 0.15rem 0.2rem 0;
  background: #e8e8ed;
  border-radius: 30px;
}

.soc8 .tc2 {
  line-height: 1.8;
  padding-bottom: 20px;
}

.soc8 .pdf {
  font-family: "popb";
  color: #000;
}

.soc8 .pdf span {
  color: #000;
  text-decoration: underline;
}

.soc8 .pdf:hover,
.soc8 .pdf:hover span {
  color: #00a17f;
}

/* 提示弹窗 */

.ts_tanchuang {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.6);
  overflow: hidden;
  display: none;
}

.ts_tanchuang .tox {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.ts_tanchuang .tox .wz {
  background: #fff;
  padding: 30px 80px;
  line-height: 1.5;
}

.liuyan_tanchuang {
  position: fixed;
  width: 90%;
  max-width: 400px;
  display: none;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  z-index: 99;
  border-radius: 2px;
  background: #000;
}

.liuyan_tanchuang .lox {
  display: flex;
  padding: 15px;
  color: #fff;
  line-height: 24px;
}

.liuyan_tanchuang .ico {
  width: 24px;
}

.liuyan_tanchuang .out {
  width: 20px;
  cursor: pointer;
  margin-top: 2px;
}

.liuyan_tanchuang .wz {
  width: calc(100% - 48px);
  padding: 0 10px;
}

.cokie {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 9;
  background: #00a17f;
  padding: 25px 0;
  color: #fff;
  line-height: 2;
}

.cokie .cox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

.cokie .cox .clt {
  width: calc(100% - 250px);
}

.cokie .cox .crt {
  width: 230px;
  display: flex;
  justify-content: space-between;
}

.cokie .cox .crt .btn {
  display: block;
  width: 105px;
  line-height: 40px;
  background: #fff;
  text-align: center;
  border-radius: 5px;
  color: #000;
  cursor: pointer;
}

.cokie .cox .crt .btn:hover {
  background: #ddd;
}

.swiper-button-disabled {
  opacity: 0.2;
  pointer-events: none;
}

.one-swiping .swiper-pagination {
  display: none;
}

/* 动画 */

@-webkit-keyframes zhuan {
  0% {
    top: -100%;
  }
  100% {
    top: 100%;
  }
}

@keyframes zhuan {
  0% {
    top: -100%;
  }
  100% {
    top: 100%;
  }
}

@media (max-width: 1800px) {
  .i2 .hezi .two .wz2 {
    width: 2200px;
  }

  .i2 .hezi .two .wz2 .wzrt {
    width: 1400px;
  }

  .i2 .hezi .two .wz2 .wzrt .wox {
    width: 900px;
  }

  .i2 .hezi .two .wz2 .wzrt .wox2 {
    width: calc(100% - 920px);
  }

  .swiper3 {
    width: calc(100% - 140px);
  }

  .i2 .hezi .two.act2 .wz2 {
    left: 8%;
  }
}

@media (max-width: 1700px) {
  .i2 .hezi .two.act2 .wz2 {
    left: 8%;
  }

  .i2 .hezi .two .wz2 .wzrt .wox {
    width: 55%;
  }

  .i2 .hezi .two .wz2 .wzrt .wox2 {
    width: 45%;
    padding: 50px 0 0 20px;
  }

  .i2 .hezi .two .wz2 .wzrt .wox2 .ico img {
    width: 2.5rem;
  }

  .f_12 {
    font-size: 12px;
  }

  .f_14 {
    font-size: 14px;
  }

  .f_16 {
    font-size: 14px;
  }

  .f_18 {
    font-size: 16px;
  }

  .f_20 {
    font-size: 18px;
  }

  .f_22 {
    font-size: 20px;
  }

  .f_24 {
    font-size: 20px;
  }

  .f_26 {
    font-size: 22px;
  }

  .f_28 {
    font-size: 24px;
  }

  .f_30 {
    font-size: 26px;
  }

  .f_32 {
    font-size: 28px;
  }

  .f_34 {
    font-size: 30px;
  }

  .f_36 {
    font-size: 30px;
  }

  .f_38 {
    font-size: 32px;
  }

  .f_40 {
    font-size: 32px;
  }

  .f_48 {
    font-size: 34px;
  }

  .f_54 {
    font-size: 36px;
  }

  .f_56 {
    font-size: 36px;
  }

  .f_72 {
    font-size: 58px;
  }

  .f_80 {
    font-size: 64px;
  }
}

@media (max-width: 1600px) {
  .i2 .hezi .two .wz1 {
    top: 8vw;
  }

  .i2 .hezi .two .wz2 {
    top: 5vw;
  }

  .i2 .hezi .two.act2 .wz2 {
    left: 10%;
  }

  .fea4 .swiper .swiper-slide .sbox .txt {
    padding: 0.5rem;
  }

  .fea4 .swiper .swiper-slide .sbox .txt .wz .wtop .tc2 {
    margin: 5px 0 10px;
  }

  .fea4 .swpbtn {
    padding-left: 1rem;
    bottom: 20px;
  }

  .head .hrt .denglu2 .wz .userEmail {
    width: 160px;
  }
}

@media (max-width: 1500px) {
  .i2 .hezi .two.act .wz2 {
    left: 45%;
  }

  .i2 .hezi .two.act2 .wz2 {
    left: 10%;
  }

  .i2 .hezi .two .wz2 {
    width: 2000px;
  }

  .i2 .hezi .two .wz2 .wzrt {
    width: 1240px;
  }

  .i2 .hezi .two .wz2 .wzrt .wox {
    width: 55%;
  }

  .i2 .hezi .two .wz2 .wzrt .wox2 {
    width: 45%;
    padding: 50px 0 0 20px;
  }

  .i2 .hezi .two .wz2 .wzrt .wox2 .ico img {
    width: 2.5rem;
  }

  .head2 .dl1 dd .dlt {
    width: 22%;
    padding: 0 2vw;
  }

  .head2 .bg {
    width: 22%;
  }

  .head2 .dl1 dd .drt {
    width: 53%;
    padding: 0 2vw;
  }

  .head2 .dl1 dd .dcon a {
    padding: 0 2vw;
  }

  .head2 .xian {
    left: 46%;
  }

  .head2 .dl1 dd .dcon a {
    margin-bottom: 5px;
  }

  .head2 .dl1 dd {
    margin-bottom: 10px;
  }

  .footer1 .flt {
    width: 240px;
  }

  .footer1 .flt .logo {
    width: 70%;
  }

  .footer1 .ul1 {
    width: 700px;
  }

  .fea4 .swiper .swiper-slide .sbox .txt .wz {
    line-height: 1.3;
  }

  .fea5 .dl1 {
    padding: 1rem 0.5rem;
  }

  .head2 .dl2 dd .dox .dhezi .ditem {
    margin-right: 2vw;
  }

  .socox .hezi .dl1 dd img {
    width: 70%;
  }

  .socox .hezi .dl1 .img4 img {
    margin-left: 30%;
  }

  .socox .hezi .dl1 .img1 {
    left: 5%;
  }

  .socox .hezi .dl1 .img2 {
    right: 0%;
  }

  .socox .hezi .dl1 .img3 {
    left: 3%;
  }

  .fea6 .dl1 dd .dox .img2 {
    width: 70%;
  }

  .fea9 .dl1 dd {
    width: 25%;
  }

  .fea13 .dl1 dt .img img {
    width: 70%;
  }

  .head .hrt .denglu2 .wz .userEmail {
    width: 110px;
  }
}

@media (max-width: 1450px) {
  .head .ul1 li {
    margin: 0 1.5vw;
  }

  .i2 .hezi .two .wz2 {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform-origin: left center;
    -webkit-transform-origin: left center;
  }

  .i2 .hezi .two.act .wz2 {
    left: 48%;
    top: 2vw;
  }

  .i2 .hezi .two.act2 .wz2 {
    left: 10%;
  }

  .i2 .hezi .two .wz1 {
    top: 5vw;
  }

  .con1 .cox .crt {
    padding: 0.3rem 0.5rem 0;
  }

  .con1 .cox .clt {
    height: 8rem;
  }

  .head2 .dl2 dd .dox .dhezi {
    flex-wrap: wrap;
  }

  .head2 .dl2 dd .dox .dhezi .dtt a span {
    font-size: 18px;
  }

  .head2 .dl2 dd .dox .dhezi .dtc a span {
    font-size: 12px;
  }

  .head2 .dl2 dt a span {
    font-size: 20px;
  }

  .i5 .ilt .dl1 {
    font-size: 12px;
  }

  .head .hrt .denglu2 .wz .userEmail {
    width: 80px;
  }
}

@media (max-width: 1300px) {
  .i2 .hezi .two.act2 .wz2 {
    left: 10%;
  }

  .head .hrt .denglu2 .wz .userEmail {
    width: 50px;
  }
}

.mhead,
.mnav,
.mnav2 {
  display: none;
}

@media (max-width: 1200px) {
  .f_12 {
    font-size: 12px;
  }

  .f_16 {
    font-size: 14px;
  }

  .f_18 {
    font-size: 16px;
  }

  .f_20 {
    font-size: 16px;
  }

  .f_22 {
    font-size: 16px;
  }

  .f_24 {
    font-size: 16px;
  }

  .f_26 {
    font-size: 16px;
  }

  .f_28 {
    font-size: 16px;
  }

  .f_30 {
    font-size: 16px;
  }

  .f_32 {
    font-size: 20px;
  }

  .f_34 {
    font-size: 20px;
  }

  .f_36 {
    font-size: 20px;
  }

  .f_38 {
    font-size: 20px;
  }

  .f_40 {
    font-size: 22px;
  }

  .f_42 {
    font-size: 24px;
  }

  .f_48 {
    font-size: 24px;
  }

  .f_54 {
    font-size: 24px;
  }

  .f_56 {
    font-size: 24px;
  }

  .f_72 {
    font-size: 36px;
  }

  .f_80 {
    font-size: 40px;
  }

  .wow {
    opacity: 1;
  }

  .head {
    display: none;
  }

  .box {
    width: 90%;
    min-width: 100px;
    padding: 0;
  }

  body {
    min-width: 200px;
    padding-top: 50px;
  }

  .mhead {
    display: block;
    width: 100%;
    height: 50px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
    top: 0;
    left: 0;
    background: #fff;
    border-bottom: 1px solid #eee;
  }

  .mhead .menu {
    height: 50px;
    padding-left: 35px;
    background: url(../images/m1.png) center no-repeat;
    background-size: 30px;
    float: right;
    cursor: pointer;
  }

  .mhead .logo {
    display: block;
    position: absolute;
    top: 15px;
    left: 0;
    z-index: 3;
    height: 20px;
  }

  .mhead .logo img {
    display: block;
    height: 100%;
  }

  .mhead .logo2 {
    display: block;
    position: absolute;
    top: 5px;
    height: 40px;
    left: 70px;
    z-index: 3;
    padding-left: 10px;
    border-left: 1px solid #ddd;
  }

  .mhead .logo2 img {
    display: block;
    height: 100%;
  }

  .mhead .hy {
    display: block;
    width: 50px;
    height: 50px;
    float: right;
    background: url(../images/svg/hy2.svg) center no-repeat;
    background-size: 16px;
  }

  .mhead .hy2 {
    display: block;
    line-height: 50px;
    float: right;
    background-size: 16px;
    width: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 10px;
  }

  .mhead.act {
    -moz-box-shadow: 0px 1px 5px #ddd;
    -webkit-box-shadow: 0px 1px 5px #ddd;
    box-shadow: 0px 1px 5px #ddd;
  }

  .mnav {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    z-index: 250;
    display: block;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .mnav .hei {
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    cursor: pointer;
  }

  .mnav .mbox {
    width: 80%;
    height: 100%;
    overflow: auto;
    background: #fff;
    position: relative;
    z-index: 2;
    left: -100%;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .mnav .mbox .ul1 li:nth-child(5) {
    pointer-events: none;
    overflow: hidden;
    opacity: 0;
    height: 0;
  }
  .mnav .mbox .ul1 li .ltop {
    position: relative;
    line-height: 50px;
    padding: 0 50px 0 15px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
  }

  .mnav .mbox .ul1 li .ltop a {
    display: block;
    width: 100%;
  }

  .mnav .mbox .ul1 li .ltop span {
    display: block;
    width: 100%;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
  }

  .mnav .mbox .ul1 li .ltop span::after {
    width: 16px;
    height: 2px;
    background: #444444;
    content: "";
    position: absolute;
    right: 15px;
    top: calc(50% - 1px);
  }

  .mnav .mbox .ul1 li .ltop span::before {
    width: 2px;
    height: 16px;
    background: #444444;
    content: "";
    position: absolute;
    right: 22px;
    top: 17px;
  }

  .mnav .mbox .ul1 li .ltop span.act::before {
    opacity: 0;
  }

  .mnav .mbox .ul1 li .lbtm {
    display: none;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
  }

  .mnav .mbox .ul1 li .lbtm a {
    display: block;
    width: 100%;
    padding: 0 15px;
    line-height: 30px;
    font-size: 12px;
    color: #666;
  }

  .mnav .mbox .ul1 .lang .ltop {
    font-weight: bold;
    background: #eeeeee;
    height: 50px;
  }

  .mnav .mbox .ul1 .lang .yy {
    position: relative;
    width: 80px;
    line-height: 30px;
    top: 10px;
    left: 0px;
    z-index: 3;
    font-family: Arial, Helvetica, sans-serif;
  }

  .mnav .mbox .ul1 .lang .yy1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    padding-left: 30px;
    background: url(../images/svg/myy_1.svg) center left no-repeat;
    background-size: 20px;
    white-space: nowrap;
  }

  .mnav .mbox .ul1 .lang .yy1 s {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/svg/myy_3.svg) center no-repeat;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    background-size: 14px;
  }

  .mnav .mbox .ul1 .lang .yy2 {
    width: 110px;
    padding: 40px 10px 10px 40px;
    background: #fff;
    border-radius: 6px;
    position: absolute;
    top: -5px;
    left: -10px;
    z-index: -1;
    -moz-box-shadow: 0px 1px 5px #ddd;
    -webkit-box-shadow: 0px 1px 5px #ddd;
    box-shadow: 0px 1px 5px #ddd;
    display: none;
  }

  .mnav .mbox .ul1 .lang .yy.act .yy1 s {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    background: url(../images/svg/myy_2.svg) center no-repeat;
    background-size: 14px;
  }

  .mnav .mbox .ul1 .scxz .ltop {
    position: relative;
    display: flex;
    align-items: center;
    align-content: center;
  }

  .mnav .mbox .ul1 .scxz .ltop .i {
    height: 14px;
    margin-right: 10px;
  }

  .mnav.act {
    left: 0;
  }

  .mnav.act .mbox {
    left: 0;
    transition-delay: 0.15s;
    -webkit-transition-delay: 0.15s;
  }

  .mnav2 {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    z-index: 2000;
    display: block;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    display: block;
  }

  .mnav2 .hei {
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }

  .mnav2 .mbox {
    width: 80%;
    height: 100%;
    overflow: auto;
    background: #fff;
    position: relative;
    z-index: 2;
    left: -100%;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .mnav2 .mbox .dl1 {
  }

  .mnav2 .mbox .dl1 dd {
  }

  .mnav2 .mbox .dl1 dd .dtop {
    position: relative;
    line-height: 50px;
    padding: 0 50px 0 15px;
    border-bottom: 1px solid #ddd;
  }

  .mnav2 .mbox .dl1 dd .dtop a {
    display: block;
    width: 100%;
    position: relative;
    z-index: 3;
  }

  .mnav2 .mbox .dl1 dd .dtop span {
    display: block;
    width: 100%;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
  }

  .mnav2 .mbox .dl1 dd .dtop span::after {
    width: 16px;
    height: 2px;
    background: #444444;
    content: "";
    position: absolute;
    right: 15px;
    top: calc(50% - 1px);
  }

  .mnav2 .mbox .dl1 dd .dtop span::before {
    width: 2px;
    height: 16px;
    background: #444444;
    content: "";
    position: absolute;
    right: 22px;
    top: 17px;
  }

  .mnav2 .mbox .dl1 dd .dtop span.act::before {
    opacity: 0;
  }

  .mnav2 .mbox .dl1 dd .dbtm {
    display: none;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
  }

  .mnav2 .mbox .dl1 dd .dbtm a {
    display: block;
    width: 100%;
    padding: 0 15px;
    line-height: 30px;
    font-size: 12px;
    color: #666;
  }

  .mnav2.act {
    left: 0;
  }

  .mnav2.act .mbox {
    left: 0;
    transition-delay: 0.15s;
    -webkit-transition-delay: 0.15s;
  }
}

@media (max-width: 960px) {
  .i1 .xlts {
    display: none;
  }

  .i1 .swiper1 .swiper-slide img {
    display: none;
  }

  /* .i1 .swiper1 .swiper-slide video{display: none;pointer-events: none;visibility: hidden;opacity: 0;} */

  .i1 .swiper1 .swiper-slide .mimg {
    display: block;
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
  }

  .i1 .swiper1 .swiper-slide-active .mimg {
    display: block;
    transform: scale(1);
    -webkit-transform: scale(1);
  }

  .i2 {
    height: auto;
  }

  .i2 .hezi video {
    display: none;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
  }

  .i2 .hezi {
    position: relative;
    height: auto;
  }

  .i2 .hezi .bai {
    display: none;
  }

  .i2 .hezi .one {
    position: relative;
    padding: 50px 0;
    background: #fff;
  }

  .i2 .hezi .one .ul1 {
    padding: 30px 0 0;
  }

  .i2 .hezi .one .ul1 li {
    margin: 0;
    width: 50%;
    min-width: 100px;
  }

  .i2 .hezi .one .ul1 li .ico {
    width: 60px;
  }

  .i2 .hezi .one .ul1 li .sz {
    line-height: 50px;
    flex-wrap: wrap;
  }

  .i2 .hezi .one .ul1 li .sz span:last-child {
    line-height: 20px;
    width: 100%;
    margin-left: 0;
  }

  .i2 .hezi .two {
    position: relative;
    width: 100%;
    height: auto;
    background: #fff;
    padding: 0 5%;
  }

  .i2 .hezi .two .wz1 {
    width: 100%;
    left: 0;
    color: #000;
    top: 0;
  }

  .i2 .hezi .two .wz1 .dh {
    top: 0;
    opacity: 1;
  }

  .i2 .hezi .two .wz1 .itt2 {
    margin: 10px 0;
  }

  .i2 .hezi .two .wz1 .itt1 {
    line-height: 1.5;
  }

  .i2 .hezi .two .wz1 .itt2 br {
    display: none;
  }

  .i2 .hezi .two .wz1 .mo a {
    background: #00a17f;
  }

  .i2 .hezi .two .wz1 .mo a s {
  }

  .i2 .hezi .two .wz2 {
    width: 100%;
    display: block;
    position: relative;
    top: 0;
    left: 0;
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    height: auto;
  }

  .i2 .hezi .two .wz2 .wzlt {
    width: 100%;
    padding: 0;
    margin-top: 30px;
  }

  .i2 .hezi .two .wz2 .wzrt {
    width: 100%;
    display: block;
    margin-top: 20px;
    border-radius: 10px;
    padding: 30px 5%;
  }

  .i2 .hezi .two .wz2 .wzrt .wox {
    width: 100%;
  }

  .swiper3 {
    width: 100%;
    padding-bottom: 30px;
  }

  .i2 .hezi .two .wz2 .wzrt .wox .btn {
    display: none;
  }

  .swiper3 {
    padding-bottom: 30px;
  }

  .swiper3 .pagination3 {
    bottom: 0;
  }

  .swiper3 .pagination3 span {
    background: #fff;
    opacity: 1;
  }

  .swiper3 .pagination3 .swiper-pagination-bullet-active {
    background: #162d5c;
  }

  .i2 .hezi .two .wz2 .wzrt .wox2 {
    width: 100%;
    padding: 30px 0 0;
  }

  .i3 {
    height: auto;
    padding: 50px 0 0;
    background: #fff;
  }

  .i3 .iox {
    position: relative;
    height: auto;
  }

  .i3 .iox > .bg {
    display: none;
  }

  .i3 .iox .lux .i3l {
    position: relative;
  }

  .swiper4 .swiper-slide .sbox {
    height: 70vh;
  }

  .swiper4 .btn {
    display: none;
  }

  .swiper4 .swiper-slide .sbox .txt {
    padding: 0 5%;
    display: block;
    bottom: 60px;
  }

  .swiper4 .swiper-slide .sbox .txt .tlt {
    width: 100%;
  }

  .swiper4 .swiper-slide .sbox .txt .trt {
    width: 50%;
    margin-top: 20px;
  }

  .swiper4 .swiper-slide .sbox .txt .tlt .mo {
    margin-top: 10px;
    line-height: 50px;
  }

  .swiper4 .pagination4 {
    bottom: 20px;
  }

  .swiper4 .pagination4 span {
    background: #fff;
    opacity: 1;
  }

  .swiper4 .pagination4 .swiper-pagination-bullet-active {
    background: #0dac67;
  }

  .i4 {
    padding: 0 5% 50px;
    display: block;
  }

  .i4 .ilt {
    width: 100%;
    padding-top: 170px;
  }

  .i4 .irt {
    position: absolute;
    top: 0px;
    left: 0;
  }

  .swiper5 .pagination5 {
    bottom: 0;
    width: 100%;
    left: 0;
  }

  .swiper5 {
    padding: 0;
  }

  .swiper5 .swiper-slide .sbox .txt .itc {
    margin: 15px 0;
  }

  .swiper5 .swiper-slide .sbox .txt {
    padding: 30px 5%;
  }

  .swiper5 .btn {
    display: none;
  }

  .i4 .irt {
    width: 100%;
    margin-top: 0px;
    padding: 30px 0;
  }

  .i4 .irt .dl1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .i4 .irt .dl1 dt {
    width: 100%;
  }

  .i4 .irt .dl1 dd {
    width: auto;
    margin: 0 10px;
    padding: 0;
    text-align: center;
  }

  .i4 .irt .dl1 dt {
    margin-bottom: 10px;
  }

  .i5 {
    padding: 50px 5%;
    display: block;
  }

  .i5 .ilt {
    width: 100%;
  }

  .i5 .ilt .itc {
    margin-bottom: 20px;
  }

  .i5 .ilt .dl1 {
    margin: 20px 0;
  }

  .i5 .ilt .dl2 {
    padding-right: 10px;
    height: 265px;
  }

  .i5 .ilt .dl2 dd .li .txt {
    padding: 20px 5%;
  }

  .i5 .ilt .dl2 dd .li .txt .ltc {
    max-width: 100%;
  }

  .i5 .irt {
    width: 100%;
    height: 300px;
    margin-top: 0px;
  }

  .i6 {
    padding: 50px 0;
  }

  .i6 .ul1 {
    margin-top: 20px;
    overflow: auto;
  }

  .i6 .ul1 li {
    width: 80%;
    margin-right: 10%;
    flex-shrink: 0;
    max-width: 100%;
  }

  .i6 .ul1 li a .txt s {
    height: 101%;
  }

  .i6 .ul1 li a .txt {
    padding: 20px 10px;
  }

  .i6 .ul1 li a .txt .ltt {
    line-height: 24px;
    height: 48px;
  }

  .i6 .ul1 li a .txt .ltc {
    margin-top: 10px;
  }

  .footer1 {
    padding: 30px 0 0px;
    display: block;
  }

  .footer1 .flt {
    width: 100%;
  }

  .footer1 .ul1 {
    display: none;
  }

  .footer1 .flt .logo {
    width: 150px;
  }

  .footer1 .flt .ftt {
    margin-top: 20px;
  }

  .footer1 .frt {
    margin: 20px auto 0;
  }

  .footer2 {
    display: block;
    text-align: center;
  }

  .footer2 .flt a {
    display: inline-block;
  }

  .footer2 .flt {
    width: 100%;
    display: block;
    line-height: 1.8;
  }

  .footer2 .flt p {
    display: inline-block;
  }

  .footer2 .frt {
    justify-content: center;
    margin-top: 10px;
  }

  .fea1 {
    padding: 50px 0;
  }

  .fea1 .ico {
    width: 40%;
  }

  .fea2 {
    display: block;
  }

  .fea2 .flt {
    width: 100%;
    height: auto;
  }

  .fea2 .flt img {
    transform: scale(1);
    -webkit-transform: scale(1);
  }

  .fea2 .frt {
    width: 100%;
    height: auto;
    padding: 50px 5%;
  }

  .fea2 .frt p {
    top: 0;
    opacity: 1;
  }

  .fea3 {
    padding: 50px 0;
    background: #f4f4f4;
  }

  .fea3 .ul1 {
    overflow: auto;
  }

  .fea3 .ul1 li {
    width: 250px;
    margin-right: 10px;
  }

  .fea3 .ul1 li .img,
  .fea3 .ul1 li .img img {
    width: 250px;
  }

  .fea3 .ul1 li .wz {
    padding: 0 10px;
  }

  .fea3_tc .fox .foxcont {
    padding: 20px 5% 50px;
  }

  .fea3_tc .fox .foxcont .pclose span {
    width: 40px;
  }

  .fea3_tc .fox .foxcont .hezi {
    padding: 30px 20px;
    border-radius: 10px;
  }

  .fea3_tc .fox .foxcont .hezi .vid1,
  .fea3_tc .fox .foxcont .hezi .vid1 > img,
  .fea3_tc .fox .foxcont .hezi .img1,
  .fea3_tc .fox .foxcont .hezi .img1 img {
    border-radius: 5px;
  }

  .fea2 .frt .ico {
    margin-bottom: 20px;
  }

  .fea4 {
    padding: 50px 5%;
    background: #fff;
  }

  .fea4 .swiper {
    overflow: hidden;
    width: 100%;
    padding-bottom: 100px;
  }

  .fea4 .swpbtn {
    padding: 0;
  }

  .fea4 .swiper .swiper-slide .sbox,
  .fea4 .swiper .swiper-slide .sbox img {
    border-radius: 5px;
  }

  .fea4 .swiper .swiper-slide .sbox .txt {
    position: relative;
    padding: 20px 0;
  }

  .fea4 .swiper .swiper-slide .sbox .txt .wz {
    width: 100%;
  }

  .fea4 .swiper .swiper-slide .sbox .txt .wz .wtop {
    padding-bottom: 30px;
  }

  .swiper_fe1 .swiper-slide .sbox {
    height: 50vh;
  }

  .fea5 .dl1 {
    padding: 20px 10px;
  }

  .fea5 .dl1 dd a {
    line-height: 1.6;
    font-size: 14px;
    padding-bottom: 20px;
  }

  .fea6 .tt1 {
    margin: 20px 0 10px;
  }

  .fea6 .tt1 br {
    display: none;
  }

  .fea6 .img1 {
    margin: 20px 0;
  }

  .fea6 .dl1 {
    display: block;
  }

  .fea6 .dl1 .dd1,
  .fea6 .dl1 .dd3 {
    width: 100%;
  }

  .fea6 .dl1 dd .dox .img2 img {
    margin: 0 auto;
    width: 50%;
  }

  .fea6 .dl1 .dd2 {
    padding: 0;
    width: 100%;
    margin: 20px 0;
  }

  .fea6 .dl1 dd .dox2 {
    padding: 20px 0;
  }

  .fea7 {
    display: block;
  }

  .fea7 .flt {
    width: 100%;
    height: auto;
  }

  .fea7 .flt img {
    transform: scale(1);
    -webkit-transform: scale(1);
  }

  .fea7 .frt {
    width: 100%;
    height: auto;
    padding: 50px 5%;
  }

  .fea7 .frt .p {
    opacity: 1;
    top: 0;
  }

  .fea9 {
    padding: 50px 0;
  }

  .fea9 .tt1 {
    margin: 10px 0;
  }

  .fea9 .dl1 {
    display: block;
    margin-top: 20px;
  }

  .fea9 .dl1 dt {
    position: relative;
    width: 100%;
    left: 0;
  }

  .fea9 .dl1 dd {
    width: 100%;
    margin-top: 20px;
  }

  .fea10 .dl1 {
    display: block;
  }

  .fea10 .dl1 dd {
    width: 100%;
    margin-bottom: 10px;
  }

  .fea10 .dl1 dd .txt {
    padding: 20px;
  }

  .fea11 {
    padding: 50px 0;
  }

  .fea11 .dl1 dd {
    width: 33.33%;
    padding: 0 5px;
  }

  .fea13 {
    padding: 50px 0;
  }

  .fea13 .dl1 dt {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .fea13 .dl1 dt .img img {
    width: 50%;
    margin: 0 auto 20px;
  }

  .fea13 .dl1 dd {
    position: relative;
    width: 100%;
    right: 0;
    height: auto;
    margin-top: 20px;
  }

  .feac1 {
    padding: 50px 0;
  }

  .feac3 {
    padding: 50px 0;
  }

  .feac4 {
    display: block;
  }

  .feac4 .feac2 {
    width: 100%;
  }

  .feac4 .feac2 .wz1 {
    top: 1rem;
  }

  .feac5 {
    padding: 50px 0 20px;
  }

  .fea8 {
    padding: 50px 0;
  }

  .feac6 .tt {
    margin-bottom: 20px;
  }

  .feaon1 .tc {
    margin: 10px 0 20px;
  }

  .feaon2 .dl1 dd .txt {
    padding: 0 5% 30px;
  }

  .feaon2 .dl1 dd {
    margin-bottom: 10px;
  }

  .feaon2 .dl1 dd .txt {
    display: block;
  }

  .feaon2 .dl1 dd .txt .dlt {
    width: 100%;
    padding-bottom: 20px;
  }

  .feaon2 .dl1 dd .txt .mo a {
    line-height: 50px;
  }

  .feaon2 .dl1 dd .img,
  .feaon2 .dl1 dd .img img {
    height: 250px;
    object-fit: cover;
    transform: scale(1);
    -webkit-transform: scale(1);
  }

  .abc1 {
    padding: 50px 0;
  }

  .abc1 .tt {
    margin: 15px 0;
  }

  .abc1 .ul1 {
  }

  .abc1 .ul1 li {
    margin: 5px;
  }

  .abc1 .aox {
    padding: 20px 0;
    margin: 20px 0;
  }

  .abc1 .abtm {
    display: block;
  }

  .abc1 .abtm .alt {
    width: 100%;
  }

  .abc1 .abtm .art {
    margin: 20px auto 0;
  }

  .abc1 .abtm .alt a {
    margin-top: 15px;
  }

  .con1 {
    padding: 50px 0;
  }

  .con1 .cox {
    display: block;
  }

  .con1 .cox .clt {
    width: 100%;
    height: 6rem;
  }

  .con1 .cox .crt {
    padding: 30px 5%;
    width: 100%;
  }

  .con1 .cox .crt .ul1 li input {
    height: 40px;
  }

  .con1 .cox .crt .ul1 li {
    margin-bottom: 10px;
  }

  .con1 .cox .crt .ul1 li.yzm .img {
    width: 100px;
  }

  .con1 .cox .crt .ul1 li.yzm input {
    width: calc(100% - 100px);
  }

  .page1 {
    display: none;
  }

  .page2 {
    display: block;
    width: 160px;
    line-height: 50px;
    height: auto;
    border-radius: 5px;
    margin-top: 30px;
  }

  .ab1 .tc p {
    margin-top: 10px;
  }

  .ab1 {
    padding: 50px 0;
  }

  .ab2 {
    padding: 50px 0;
  }

  .ab2 .txt {
    margin-top: 20px;
  }

  .ab3 {
    padding-top: 50px;
  }

  .ab3 .tt {
    position: relative;
    top: 0;
    padding: 0 5% 20px;
  }

  .ab1 .tt2 {
    margin: 20px 0 0;
  }

  .ab1 .ul1 {
    padding: 0;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
  }

  .ab1 .ul1 li {
    width: 48%;
    margin-top: 20px;
  }

  .ab2 .txt .ico {
    width: 100px;
  }

  .swiper2 {
    margin-top: 10px;
    padding-bottom: 30px;
  }

  .i2 .hezi .two .wz2 .wzlt .ul1 {
    display: flex;
    justify-content: center;
  }

  .i2 .hezi .two .wz2 .wzlt .ul1 li {
    display: block;
    width: 25%;
    position: relative;
    top: 0 !important;
    left: 0 !important;
  }

  .i2 .hezi .two .wz2 .wzlt .ul1 li img {
    left: 50%;
    width: 50px;
    margin-left: -25px;
    position: relative;
  }

  .i2 .hezi .two .wz2 .wzlt .ul1 li img:nth-child(2) {
    left: 50%;
    width: 50px;
    margin-left: -25px;
    position: absolute;
  }

  .i2 .hezi .two .wz2 .wzlt .ul1 li .ltt {
    position: relative;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    text-align: center !important;
  }

  .i2 .hezi .two .wz2 .wzlt .ul1 li .ltt {
    display: none;
  }

  .i2 .hezi .two .wz2 .wzlt .ul1 li span {
    display: none;
  }

  .swiper2 .swiper-slide .sbox .txt1 {
    width: 100%;
    height: auto;
  }

  .swiper2 .swiper-slide .sbox .txt1 .tox .ico br,
  .i2 .hezi .two .wz2 .wzlt .wtt1 br {
    display: none;
  }

  .i2 .hezi .two .wz2 .wzlt .btn {
    display: none;
  }

  .swiper2 .swiper-pagination-bullet-active {
    background: #00a17f;
  }

  .i2 .hezi .two .wz2 .wzrt .wox .dl1 dd img {
    border-radius: 10px;
  }

  .soc1 {
    min-height: 10vh;
    padding: 50px 0;
  }

  .soc2 .wzlt {
    width: 100%;
    height: auto;
    padding: 0;
    margin-top: 30px;
  }

  .soc2 .wzlt .ul1 {
    display: none;
  }

  .socox .hezi {
    display: none;
  }

  .soc1 .sox .stt2 {
    margin-top: 10px;
  }

  .soc3 {
    padding: 0 0 30px;
  }

  .soc2 .wzlt .btn {
    display: none;
  }

  .soc2 .wzlt .wtt1 br {
    display: none;
  }

  .soc4 {
    padding: 0 0 50px;
  }

  .soc4 .ul1 {
    flex-wrap: nowrap;
    overflow: auto;
  }

  .soc4 .ul1 li {
    margin: 0 10px 0 0;
    width: 280px;
    padding: 20px;
  }

  .soc4 .ul1 li .ico {
    width: 240px;
  }

  .soc4 .ul1 li .ico img {
    width: 50px;
  }

  .swiper_so1 .swiper-slide {
    width: 280px;
  }

  .soc5 .anniu {
    display: none;
  }

  .swiper_so1 .swiper-slide .sbox .dh1 {
    width: 60px;
  }

  .swiper_so1 .swiper-slide .sbox .dh2 {
    width: 60px;
  }

  .swiper_so1 .swiper-slide .sbox .dh3 {
    width: 60px;
  }

  .swiper_so1 .swiper-slide .sbox .dh4 {
    width: 90%;
    top: 2%;
    background-size: 100%;
  }

  .swiper_so1 .swiper-slide .sbox .dh5 {
    width: 60px;
  }

  .swiper_so1 .swiper-slide .sbox .dh6 {
    width: 60px;
    top: 15%;
  }

  .swiper_so1 .swiper-slide .sbox .dh7 {
    width: 60px;
    top: 15%;
  }

  .swiper_so1 {
    margin: 20px 0 0;
    padding-bottom: 30px;
  }

  .swiper_so1 .swiper-pagination {
    bottom: 0;
  }

  .swiper_so1 .swiper-pagination-bullet-active {
    background: #00a17f;
  }

  .soc6 .anniu {
    display: none;
  }

  .swiper_so2 {
    padding-bottom: 30px;
    width: 90%;
    margin: 20px auto 0;
  }

  .swiper_so2 .swiper-pagination {
    bottom: 0;
  }

  .swiper_so2 .swiper-pagination-bullet-active {
    background: #00a17f;
  }

  .soc7 .sox {
    display: block;
    margin-top: 20px;
    border-radius: 10px;
  }

  .soc7 .sox .img1 {
    width: 60%;
    margin: 0 auto;
  }

  .soc7 .sox .txt {
    width: 100%;
    margin: 0;
  }

  .soc8 .a a {
    padding: 0 25px;
  }

  .swiper_so1 {
    overflow: hidden;
  }

  .soc2 .wzlt .ul1 {
    display: flex;
    justify-content: center;
  }

  .soc2 .wzlt .ul1 li {
    display: block;
    width: 25%;
    position: relative;
    top: 0 !important;
    left: 0 !important;
  }

  .soc2 .wzlt .ul1 li img {
    left: 50%;
    width: 50px;
    margin-left: -25px;
    position: relative;
  }

  .soc2 .wzlt .ul1 li img:nth-child(2) {
    left: 50%;
    width: 50px;
    margin-left: -25px;
    position: absolute;
  }

  .soc2 .wzlt .ul1 li .ltt {
    position: relative;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    text-align: center !important;
  }

  .soc2 .wzlt .ul1 li .ltt {
    display: none;
  }

  .soc2 .wzlt .ul1 li span {
    display: none;
  }

  .i5 .ilt .dl2 dd .li .img {
    height: 150px;
  }

  .i5 .ilt .dl2 dd .li .img img {
    height: 100%;
    object-fit: cover;
  }

  .soc1 .sox .stt3 span::after,
  .soc4 .tt span::after,
  .soc5 .tt span::after,
  .soc6 .tt p::after,
  .soc7 .tt::after,
  .soc8 .tt::after {
    display: none;
  }

  .cokie .cox {
    display: block;
  }

  .cokie .cox .clt {
    width: 100%;
    line-height: 1.5;
  }

  .cokie .cox .crt {
    width: 100%;
    margin-top: 20px;
  }

  .i5 .ilt .dl1 dd .sz {
    width: 25px;
    margin-right: 0;
  }

  .i5 .ilt .dl1 dd .en {
    width: calc(100% - 25px);
  }

  .fea6 .dl1 .dox2 {
    position: relative;
    width: 100%;
    max-height: initial;
  }
  .fea6 .dl1 .swiper-button {
    top: 50%;
  }
  .fea6 .dl1 dd .dox .img2 img,
  .fea6 .dl1 dd .dox .img2 {
    width: 100%;
  }
  .fea6 .dl1 .swiper-slide-next {
    padding-top: 0;
  }

  .fea6 .dl1 {
    padding-bottom: 20px;
  }

  .fea6 .dl1 .swiper-button {
    display: none;
  }

  .fea6 .dl1 .swiper-pagination {
    display: block;
  }

  .i1 .swiper1 .swiper-slide .slide-icon {
    display: block;
  }
}