.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@-webkit-keyframes rotateAnima {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotateAnima {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes rotateAnima2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

@keyframes rotateAnima2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

@-webkit-keyframes moveAnima {
  0% {
    -webkit-transform: translateX(-0.05rem);
    transform: translateX(-0.05rem);
  }

  100% {
    -webkit-transform: translateX(0.05rem);
    transform: translateX(0.05rem);
  }
}

@keyframes moveAnima {
  0% {
    -webkit-transform: translateX(-0.05rem);
    transform: translateX(-0.05rem);
  }

  100% {
    -webkit-transform: translateX(0.05rem);
    transform: translateX(0.05rem);
  }
}

body,
textarea,
input {
  font-family: "Microsoft YaHei","PingFang SC","Source Han Sans SC",sans-serif;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  body,
  textarea,
  input {
    font-family: "PingFang SC","Microsoft YaHei","Source Han Sans SC",sans-serif;
  }
}

body.show a,
body.show .transition,
body.show :before,
body.show img {
  -webkit-transition: All .5s ease;
  transition: All .5s ease;
}

.zoomImg {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: block;
}

.zoomImg:before {
  position: absolute;
  top: 0;
  left: -90%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  opacity: .3;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

.zoomImg img {
  width: 100%;
}

.zoomImg:hover:before {
  -webkit-animation: shine .75s;
  animation: shine .75s;
}

.zoomImg:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

a:hover .zoomImg:before {
  -webkit-animation: shine .75s;
  animation: shine .75s;
}

a:hover .zoomImg img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 1rem;
  scroll-behavior: smooth;
}

body {
  font-size: 0.12rem;
  color: #212121;
  -webkit-text-size-adjust: none;
  opacity: 0;
  -webkit-font-smoothing: antialiased;
}

body.show {
  opacity: 1;
}

a {
  color: #212121;
  text-decoration: none;
  outline: none;
}

a:active {
  star: expression(this.onFocus=this.blur());
}

a:link {
  text-decoration: none;
  outline: none;
}

a:visited {
  text-decoration: none;
  outline: none;
}

a:hover {
  text-decoration: none;
  color: #0f5ebb;
  outline: none;
}

li {
  list-style: outside none;
}

li {
  list-style-type: none;
}

h1 {
  font-size: 0.16rem;
}

h2,
h3,
h4,
h5 {
  font-size: 0.14rem;
}

h5 {
  font-size: 0.12rem;
}

textarea,
input {
  background: rgba(0,0,0,0);
  font-size: 0.12rem;
  color: #888;
  outline: none;
  border: 0;
}

em {
  font-style: normal;
}

img {
  vertical-align: middle;
  max-width: 100%;
  border: 0;
  object-fit: cover;
}

.wal {
  max-width: 16rem;
  margin: 0 auto;
}

@font-face {
  font-family: "iconfont";
  src: url("//at.alicdn.com/t/font_2640790_0xr51bk0scp.woff2?t=1650704386844") format("woff2"),url("//at.alicdn.com/t/font_2640790_0xr51bk0scp.woff?t=1650704386844") format("woff"),url("//at.alicdn.com/t/font_2640790_0xr51bk0scp.ttf?t=1650704386844") format("truetype");
}

.iconfont {
  font-family: "iconfont";
}

@font-face {
  font-family: "Bebas";
  src: url(../image/BebasNeueRegular.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}

.g-head .head {
  position: fixed;
  z-index: 50;
  left: 0;
  top: 0;
  right: 0;
  -webkit-transition: background-color .5s;
  transition: background-color .5s;
}

.g-head .head:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  bottom: 0;
  right: 0;
  height: 1px;
  background: rgba(255,255,255,.1);
}

.g-head .wal {
  height: 1rem;
  position: relative;
  max-width: 100%;
}

.g-head a.logo {
  display: block;
  position: absolute;
  z-index: 5;
  left: 0.5rem;
  top: 0;
  bottom: 0;
  width: 4.15rem;
  background: url(../image/logo.svg) center no-repeat;
  background-size: 100%;
}

.g-head .btns {
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.g-head .btns a,
.g-head .btns .search-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  width: 1rem;
  border-left: rgba(255,255,255,.1) solid 1px;
  background: center no-repeat;
  background-size: 0.28rem;
}

.g-head .btns .search-btn {
  background-image: url(../image/search.svg);
  position: relative;
}

.g-head .btns .search-btn input {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}

.g-head .btns a.nav-btn {
  background-image: url(../image/navA.svg);
}

.g-head .btns a.nav-btn.on,
.g-head .btns a.nav-btn:hover {
  background-color: #0f5ebb;
}

.g-head .btns .search {
  position: relative;
}

.g-head .btns .search .input {
  position: absolute;
  z-index: 5;
  top: 0;
  bottom: 0;
  right: 100%;
  width: 0;
  background: #119c85;
  opacity: 0;
  -webkit-transition: .5s;
  transition: .5s;
}

.g-head .btns .search .input input::-webkit-input-placeholder {
  color: rgba(255,255,255,.5);
}

.g-head .btns .search .input input::-moz-placeholder {
  color: rgba(255,255,255,.5);
}

.g-head .btns .search .input input:-moz-placeholder {
  color: rgba(255,255,255,.5);
}

.g-head .btns .search .input input:-ms-input-placeholder {
  color: rgba(255,255,255,.5);
}

.g-head .btns .search .input textarea::-webkit-input-placeholder {
  color: rgba(255,255,255,.5);
}

.g-head .btns .search .input textarea::-moz-placeholder {
  color: rgba(255,255,255,.5);
}

.g-head .btns .search .input textarea:-moz-placeholder {
  color: rgba(255,255,255,.5);
}

.g-head .btns .search .input textarea:-ms-input-placeholder {
  color: rgba(255,255,255,.5);
}

.g-head .btns .search .input input {
  width: 100%;
  height: 1rem;
  line-height: 1rem;
  color: #fff;
  font-size: 0.18rem;
  padding: 0 0.2rem;
}

.g-head .btns .search:hover {
  z-index: 5;
}

.g-head .btns .search:hover a.search-btn {
  background-color: #119c85;
}

.g-head .btns .search:hover .input {
  width: 2.4rem;
  opacity: 1;
}

.g-head .g-nav {
  position: absolute;
  top: 0;
  right: 2.21rem;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
}

.g-head .g-nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.g-head .g-nav a.name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 1rem;
  font-size: .18rem;
  color: #fff;
  padding: 0 0.22rem;
  position: relative;
}

.g-head .g-nav a.name:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: -webkit-linear-gradient(219deg, #07B88A 14%, #0F5EBB 57%);
  background: linear-gradient(231deg, #07B88A 14%, #0F5EBB 57%);
  opacity: 0;
}

.g-head .g-nav a.name em {
  position: relative;
  z-index: 2;
}

.g-head .g-nav a.name:hover {
  color: #fff;
}

.g-head .g-nav a.name:hover:before {
  opacity: 1;
}

.g-head-1 .head:before {
  background: rgba(0,0,0,.05);
}

.g-head-1 .btns .search-btn {
  background-color: #119c85;
}

.g-head-1 .btns a.nav-btn {
  background-color: #0f5ebb;
}

.g-head-1 .g-nav a.name {
  color: #333;
}

.g-head.on .btns .search-btn,
.g-head-2 .btns .search-btn,
.g-head-3 .btns .search-btn {
  background-color: #119c85;
}

.g-head.on .btns a.nav-btn,
.g-head-2 .btns a.nav-btn,
.g-head-3 .btns a.nav-btn {
  background-color: #0f5ebb;
}

.g-head.on .head:before,
.g-head-3 .head:before {
  background: rgba(0,0,0,.05);
}

.g-head.on a.logo,
.g-head-3 a.logo {
  background-image: url(../image/logo2.svg);
}

.g-head.on .g-nav a.name,
.g-head-3 .g-nav a.name {
  color: #333;
}

.g-head.on .head {
  background: #fff;
}

.g-nav2 {
  position: fixed;
  z-index: 49;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
  visibility: hidden;
  pointer-events: none;
  background: url(../image/nav-bg.jpg) center no-repeat;
  background-size: cover;
}

.g-nav2 .wal {
  height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.g-nav2 .wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  min-height: 6.8rem;
  width: 100%;
}

.g-nav2 .wrapper:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0.66rem;
  right: 0;
  height: 1px;
  -webkit-transition: 0s;
  transition: 0s;
  background: rgba(255,255,255,.15);
}

.g-nav2 a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  position: relative;
}

.g-nav2 .item h2 {
  padding-bottom: 0.64rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.g-nav2 .item h2 a {
  font-size: 0.22rem;
  height: 0.5rem;
}

.g-nav2 .item h2 a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 0;
  top: 0.65rem;
  height: 0.03rem;
  background: -webkit-linear-gradient(right, #07B88A 0%, #0F5EBB 82%);
  background: linear-gradient(270deg, #07B88A 0%, #0F5EBB 82%);
  pointer-events: none;
}

.g-nav2 .item h2 a:hover:before,
.g-nav2 .item h2 a.on:before {
  width: 100%;
}

.g-nav2 .item li .name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.g-nav2 .item li .name .arrow {
  width: 0.22rem;
  height: 0.22rem;
  background: url(../image/arrow11.svg) center no-repeat;
  background-size: 0.06rem;
  margin-left: 0.1rem;
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
}

.g-nav2 .item li a {
  font-size: 0.18rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 0.46rem;
}

.g-nav2 .item li ul {
  display: none;
  margin-right: -1rem;
  padding-left: 0.18rem;
}

.g-nav2 .item li ul li a {
  font-size: 0.16rem;
  line-height: 0.36rem;
  opacity: .7;
}

.g-nav2 .item li ul li a:hover {
  opacity: 1;
}

.g-nav2 .item li.open>.name .arrow {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

body.navShow .g-head .head:before {
  width: 2rem;
}

body.navShow .g-head .btns .nav-btn {
  background-color: rgba(0,0,0,0);
  background-image: url(../image/close.svg);
}

body.navShow .g-head .g-nav {
  opacity: 0;
}

body.navShow .g-head.on .head {
  background: rgba(0,0,0,0);
}

body.navShow .g-nav2 {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.phone-show {
  display: none;
}

.g-foot {
  position: relative;
  width: 100%;
  overflow: hidden;
  /* position: fixed; */
  bottom: 0px;
  /* background: #fff; */
}

.g-foot:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.8rem;
  height: 1px;
  background: rgba(0,0,0,.1);
}

@media screen and (min-width: 800px) {
  .g-foot .list {
    height: 0.9rem;
    background: #1450aa;
  }

  .g-foot .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .g-foot .list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 0.9rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 3.25rem;
    position: relative;
    -webkit-transition: width .5s;
    transition: width .5s;
  }

  .g-foot .list li:after {
    content: "";
    display: block;
    position: absolute;
    left: -1px;
    top: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    border-left: rgba(255,255,255,.1) solid 1px;
    border-top: rgba(255,255,255,.1) solid 1px;
  }

  .g-foot .list li:before {
    content: "";
    display: block;
    position: absolute;
    left: -1px;
    top: 0;
    right: -1px;
    bottom: 0;
    z-index: 2;
    background: -webkit-linear-gradient(right, #07B88A 0%, #0F5EBB 82%);
    background: linear-gradient(270deg, #07B88A 0%, #0F5EBB 82%);
    opacity: 0;
  }

  .g-foot .list li .name {
    color: #fff;
    font-size: 0.18rem;
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .g-foot .list li .name img {
    width: 0.5rem;
    margin-right: 0.18rem;
  }

  .g-foot .list li .name:after {
    content: "";
    width: 0;
    -webkit-transition: .5s;
    transition: .5s;
    opacity: 0;
    height: 0.22rem;
    background: url(../image/img495.svg) left center no-repeat;
    background-size: auto 0.22rem;
    margin-left: 0;
    -webkit-transform: translateY(-0.08rem);
    -ms-transform: translateY(-0.08rem);
    transform: translateY(-0.08rem);
  }

  .g-foot .list li.on {
    width: calc(100% - 9.75rem);
  }

  .g-foot .list li.on:before {
    opacity: 1;
  }

  .g-foot .list li.on .name:after {
    opacity: 1;
    width: 5.18rem;
    margin-left: 0.32rem;
  }

  .g-foot .list li:nth-child(1).on .name {
    -webkit-transform: translateX(0.3rem);
    -ms-transform: translateX(0.3rem);
    transform: translateX(0.3rem);
  }
}

.g-foot .wal {
  min-height: 3.7rem;
  position: relative;
  padding-top: 0.76rem;
}

.g-foot .wal .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.g-foot .wal .logo {
  width: 4.95rem;
}

.g-foot .wal .logo img {
  width: 100%;
}

@media screen and (min-width: 800px) {
  .g-foot .wal .links {
    width: 9.28rem;
  }

  .g-foot .wal .links ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .g-foot .wal .links li {
    width: 2.2rem;
  }
}

.g-foot .wal .links li {
  position: relative;
}

.g-foot .wal .links li .name {
  height: 0.46rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0.18rem;
  background: #fff;
  font-size: 0.16rem;
  color: #555;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.g-foot .wal .links li .name:after {
  content: "";
  width: 0.12rem;
  height: 0.12rem;
  background: url(../image/arrow7.svg) center no-repeat;
  background-size: 100%;
}

.g-foot .wal .links li select {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.g-foot .wal .links li select option:first-child
{ 
display:none;
}

.g-foot .wal .row-2 {
  padding: 0.32rem 0 0.79rem 0;
  min-height: 1.51rem;
}

.g-foot .wal .navs ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.g-foot .wal .navs li {
  font-size: 0.17rem;
  position: relative;
  line-height: 0.4rem;
  margin-right: 0.32rem;
}

.g-foot .wal .navs li:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -0.18rem;
  width: 1px;
  height: 0.18rem;
  background: #666;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.g-foot .wal .navs li:last-child:after {
  display: none;
}

.g-foot .wal .list2 {
  font-size: 0.17rem;
  width: 9.28rem;
  line-height: 0.4rem;
}

.g-foot .wal .list2 ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.g-foot .wal .share ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.g-foot .wal .share li {
  height: 0.8rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 0.24rem;
  position: relative;
}

.g-foot .wal .share li a {
  display: block;
  width: 0.42rem;
  position: relative;
  height: 0.42rem;
}

.g-foot .wal .share li a img {
  width: 100%;
}

.g-foot .wal .share li a img:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.g-foot .wal .share li a:hover img:nth-child(1) {
  opacity: 0;
}

.g-foot .wal .share li a:hover img:nth-child(2) {
  opacity: 1;
}

.g-foot .wal .share li .img {
  position: absolute;
  z-index: 5;
  left: 50%;
  bottom: 0.5rem;
  width: 1.28rem;
  background: #fff;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: .5s;
  transition: .5s;
  -webkit-filter: drop-shadow(0 0 0.09rem rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 0 0.09rem rgba(0, 0, 0, 0.1));
}

.g-foot .wal .share li .img:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: -0.05rem;
  width: 0.2rem;
  height: 0.2rem;
  background: #fff;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
}

.g-foot .wal .share li .img img {
  position: relative;
  width: 100%;
}

.g-foot .wal .share li:hover .img {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  bottom: 0.76rem;
}

.g-foot .wal .msg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 0.24rem;
  font-size: 0.15rem;
  line-height: 0.28rem;
  color: #999;
}

.g-foot .wal .msg p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.g-foot .wal .msg p .ico {
  width: 0.25rem;
  margin-right: 0.1rem;
}

.g-foot .wal .msg p .ico-2 {
  width: 0.18rem;
}

@media screen and (max-width: 800px) {
  .wal {
    margin: 0 0.5rem;
  }

  .pc-show {
    display: none;
  }

  .phone-show {
    display: block;
  }

  .g-head .wal {
    margin: 0;
  }

  .g-head .btns .search .input input {
    font-size: 0.24rem;
    padding: 0 0.2rem;
  }

  .g-head .btns .search:hover .input {
    width: 3.4rem;
  }

  .g-head .g-nav {
    display: none;
  }

  .g-nav2 {
    top: 0;
    padding-top: 1rem;
  }

  .g-nav2 .wal {
    height: calc(100vh - 1rem);
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0;
  }

  .g-nav2 .wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0.5rem;
  }

  .g-nav2 .wrapper:before {
    display: none;
  }

  .g-nav2 .item {
    width: 50%;
    padding-bottom: 0.5rem;
  }

  .g-nav2 .item h2 {
    padding-bottom: 0.14rem;
  }

  .g-nav2 .item h2 a {
    font-size: 0.29rem;
  }

  .g-nav2 .item li .name .arrow {
    width: 0.29rem;
    height: 0.29rem;
    background-size: 0.08rem;
    margin-left: 0.13rem;
  }

  .g-nav2 .item li a {
    font-size: 0.23rem;
    height: 0.6rem;
  }

  .g-nav2 .item li ul {
    margin-right: -1rem;
  }

  .g-nav2 .item li ul li a {
    font-size: 0.21rem;
    line-height: 0.47rem;
  }

  .g-foot:after {
    display: none;
  }

  .g-foot .list {
    background: -webkit-linear-gradient(right, #07B88A 0%, #0F5EBB 82%);
    background: linear-gradient(270deg, #07B88A 0%, #0F5EBB 82%);
    width: 100%;
    overflow: hidden;
    position: relative;
  }

  .g-foot .list li {
    width: auto;
  }

  .g-foot .list li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0.2rem 0 0.2rem;
    color: #fff;
    height: 0.9rem;
    font-size: 0.24rem;
  }

  .g-foot .list li a img {
    width: 0.5rem;
  }

  .g-foot .wal {
    padding-top: 0.83rem;
    position: relative;
  }

  .g-foot .wal .row {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .g-foot .wal .logo {
    width: 100%;
  }

  .g-foot .wal .links {
    width: 100%;
    padding-top: 1.8rem;
  }

  .g-foot .wal .links ul {
    display: -ms-grid;
    /* display: block; */
    grid-gap: 0.3rem 0.45rem;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }

  .g-foot .wal .links li .name {
    height: 0.68rem;
    padding: 0 0.22rem;
    font-size: 0.24rem;
  }

  .g-foot .wal .links li .name:after {
    width: 0.18rem;
    height: 0.18rem;
  }

  .g-foot .wal .row-2 {
    padding: 0;
    min-height: 0.1rem;
  }

  .g-foot .wal .navs {
    position: absolute;
    left: -0.3rem;
    right: -0.3rem;
    top: 2.3rem;
  }

  .g-foot .wal .navs ul {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .g-foot .wal .navs li {
    font-size: 0.26rem;
    margin-right: 0;
    padding: 0 0.3rem;
  }

  .g-foot .wal .navs li:after {
    right: 0;
    width: 1px;
    height: 0.18rem;
    background: #666;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .g-foot .wal .list2 {
    font-size: 0.24rem;
    width: 100%;
    padding-top: 0.32rem;
    padding-bottom: 0.32rem;
    line-height: 0.36rem;
  }

  .g-foot .wal .list2 ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .g-foot .wal .list2 li {
    padding-bottom: 0.18rem;
  }

  .g-foot .wal .foot {
    position: relative;
    padding-bottom: 0.4rem;
  }

  .g-foot .wal .foot:after {
    content: "";
    display: block;
    position: absolute;
    left: -0.5rem;
    top: 0;
    right: -0.5rem;
    height: 1px;
    background: rgba(0,0,0,.1);
  }

  .g-foot .wal .share {
    padding: 0.16rem 0 0.2rem 0;
    width: 100%;
  }

  .g-foot .wal .share ul {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .g-foot .wal .share li {
    height: 0.62rem;
    margin: 0 0.24rem;
  }

  .g-foot .wal .share li a {
    width: 0.62rem;
    height: 0.62rem;
  }

  .g-foot .wal .share li .img {
    width: 1.58rem;
  }

  .g-foot .wal .share li .img:before {
    bottom: -0.1rem;
  }

  .g-foot .wal .share li:hover .img {
    bottom: 0.86rem;
  }

  .g-foot .wal .msg {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 0;
    position: relative;
    margin-left: 0.6rem;
    font-size: 0.2rem;
    line-height: 0.36rem;
    padding-left: 0.44rem;
  }

  .g-foot .wal .msg p .ico {
    /* width: 0.56rem; */
  }

  .g-foot .wal .msg p .ico-2 {
    width: 0.24rem;
  }

  .g-foot .wal .msg p:nth-child(1) {
    width: 100%;
  }

  .g-foot .wal .msg p:nth-child(1) .ico {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .g-foot .wal .msg p:nth-child(2) {
    padding-right: 0.3rem;
  }
}
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@-webkit-keyframes rotateAnima {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotateAnima {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes rotateAnima2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

@keyframes rotateAnima2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

@-webkit-keyframes moveAnima {
  0% {
    -webkit-transform: translateX(-0.05rem);
    transform: translateX(-0.05rem);
  }

  100% {
    -webkit-transform: translateX(0.05rem);
    transform: translateX(0.05rem);
  }
}

@keyframes moveAnima {
  0% {
    -webkit-transform: translateX(-0.05rem);
    transform: translateX(-0.05rem);
  }

  100% {
    -webkit-transform: translateX(0.05rem);
    transform: translateX(0.05rem);
  }
}

#index {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  height: 100vh;
  overflow: hidden;
}

#index .index-slide {
  height: 100vh;
  overflow: hidden;
  position: relative;
}

#index .index-foot {
  height: 4.6rem;
}

.index-banner li {
  height: 100vh;
  overflow: hidden;
  position: relative;
}

.index-banner li .bg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: center no-repeat;
  background-size: cover;
}

.index-banner li .wal {
  height: 100vh;
  position: relative;
  z-index: 5;
}

.index-banner li .title {
  width: 5.48rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -6.96rem;
  margin-top: -1.65rem;
}

.index-banner .arrow {
  position: absolute;
  z-index: 5;
  left: 1.6rem;
  bottom: 0.63rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.index-banner .arrow a {
  margin-right: 0.35rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 0.42rem;
  height: 0.42rem;
}

.index-banner .arrow a:before,
.index-banner .arrow a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
}

.index-banner .arrow a:before {
  border: rgba(255,255,255,.8) solid 1px;
}

.index-banner .arrow a:after {
  background: -webkit-linear-gradient(left, #0F5EBB, #119C85);
  background: linear-gradient(to right, #0F5EBB, #119C85);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 0;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
}

.index-banner .arrow a img {
  width: 0.08rem;
  position: relative;
  z-index: 5;
}

.index-banner .arrow a:hover:before {
  opacity: 0;
}

.index-banner .arrow a:hover:after {
  opacity: 1;
}

.index-banner .control {
  position: absolute;
  z-index: 5;
  right: -2.43rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3.6rem;
  height: 3.6rem;
  background: url(../image/img360.svg) center no-repeat;
  background-size: 100% 100%;
}

.index-banner .control .dots-wrapper {
  width: 4.8rem;
  height: 4.8rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.index-banner .control .dots-wrapper:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url(../image/img480.svg) center no-repeat;
  background-size: 100% 100%;
  -webkit-animation: rotateAnima2 200s linear infinite;
  animation: rotateAnima2 200s linear infinite;
}

.index-banner .control .dots-wrapper span {
  display: block;
  width: 1px;
  height: 1px;
  position: absolute;
  z-index: 5;
  left: 50%;
  top: 0;
  -webkit-transform: rotate(var(--rotate));
  -ms-transform: rotate(var(--rotate));
  transform: rotate(var(--rotate));
  -webkit-transform-origin: center 2.4rem;
  -ms-transform-origin: center 2.4rem;
  transform-origin: center 2.4rem;
  cursor: pointer;
}

.index-banner .control .dots-wrapper span:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.05rem;
  height: 0.05rem;
  border-radius: 50%;
  background: #fff;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.index-banner .control .dots-wrapper span.on:before {
  width: 0.09rem;
  height: 0.09rem;
}

.index-banner .control .num {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0.8rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  font-family: "Bebas";
}

.index-banner .control .num .num-curr {
  font-size: 0.42rem;
}

.index-banner .control .num .line {
  background: #fff;
  width: 0.3rem;
  height: 1px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: .5;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}

.index-banner .control .num .num-total {
  font-size: 0.22rem;
}

.index-banner .mouse-ico {
  width: 0.2rem;
  position: absolute;
  z-index: 5;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0.68rem;
}

@media screen and (min-width: 800px) {
  .index-layout {
    background: url(../image/bg.jpg) center no-repeat;
    background-size: cover;
  }

  .index-layout .bigImg {
    width: 10.6rem;
    height: 100vh;
    background: url(../image/img1060.png) center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -9.9rem;
    z-index: 2;
  }

  .index-layout .bigImg ul {
    position: absolute;
    left: -0.2rem;
    top: 0;
    bottom: 0;
    width: 100%;
    -webkit-mask: url(../image/img1060-mask.png) center no-repeat;
    mask: url(../image/img1060-mask.png) center no-repeat;
    -webkit-mask-size: 100% 103%;
    mask-size: 100% 103%;
  }

  .index-layout .bigImg ul li {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
  }

  .index-layout .bigImg ul li img {
    width: 100%;
    height: 100vh;
  }

  .index-layout .light {
    background: url(../image/img875.svg) center no-repeat;
    background-size: 100% 100%;
    width: 8.75rem;
    height: 2.73rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: 0.55rem;
    margin-top: -0.9rem;
  }

  .index-layout .word {
    width: 2rem;
    position: absolute;
    top: 0;
    right: -0.52rem;
  }

  .index-layout .wal {
    position: relative;
    z-index: 5;
    height: 100vh;
  }

  .index-layout .container {
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    bottom: 0.2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .index-layout .container h2 {
    font-size: 0.4rem;
    line-height: 0.5rem;
    text-shadow: 0 0.04rem 0.06rem rgba(21,57,155,.2);
  }

  .index-layout .container p {
    font-size: 0.16rem;
    line-height: 0.3rem;
    text-shadow: 0 0.04rem 0.06rem rgba(21,57,155,.2);
    margin-top: 0.3rem;
    min-height: 2.82rem;
  }

  .index-layout .container .more img {
    height: 0.92rem;
  }

  .index-layout .list {
    position: absolute;
    left: 50%;
    margin-left: -0.5rem;
    top: 1rem;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .index-layout .list .list-wrapper {
    width: 5.6rem;
    height: 7.6rem;
    overflow: hidden;
    position: relative;
  }

  .index-layout .list ul {
    position: relative;
    -webkit-transition: top .5s;
    transition: top .5s;
    top: var(--top);
  }

  .index-layout .list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.25rem;
    -webkit-transition: .5s;
    transition: .5s;
    position: relative;
    left: var(--left);
  }

  .index-layout .list li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0.2rem;
    background: url(../image/img20_1.svg) center no-repeat;
    background-size: 100%;
  }

  .index-layout .list li .name {
    cursor: pointer;
    padding-left: 0.96rem;
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 0.18rem;
    line-height: 0.5rem;
    color: #999;
  }

  .index-layout .list li .bd {
    position: absolute;
    padding-right: 1rem;
    left: 0.46rem;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transform: translateX(-20%);
    -ms-transform: translateX(-20%);
    transform: translateX(-20%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    visibility: hidden;
    -webkit-transition: .5s;
    transition: .5s;
    padding-left: 1.05rem;
  }

  .index-layout .list li .bd .num {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: "Bebas";
    font-size: 1.06rem;
    line-height: 1em;
    color: rgba(15,94,187,.15);
    font-weight: bold;
    height: 0.6rem;
    overflow: hidden;
  }

  .index-layout .list li .bd h3 {
    font-size: 0.28rem;
    font-weight: normal;
    line-height: 0.5rem;
    color: #444;
  }

  .index-layout .list li .bd .en {
    font-size: 0.16rem;
    line-height: 0.3rem;
    color: #999;
  }

  .index-layout .list li.on {
    height: 2.6rem;
  }

  .index-layout .list li.on:before {
    background-image: url(../image/img50.svg);
    -webkit-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }

  .index-layout .list li.on .name {
    opacity: 0;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
  }

  .index-layout .list li.on .bd {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
  }

  .index-layout .img-list {
    position: absolute;
    left: 50%;
    margin-left: 5rem;
    top: 1rem;
    bottom: 0;
    width: 3rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(100%) scale(0.5);
    -ms-transform: translateX(100%) scale(0.5);
    transform: translateX(100%) scale(0.5);
    pointer-events: none;
    -webkit-transition: .5s;
    transition: .5s;
  }

  .index-layout .img-list.show {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0) scale(1);
    -ms-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1);
    pointer-events: auto;
  }

  .index-layout .img-list .list-wrapper {
    height: 8.4rem;
    overflow: hidden;
    position: relative;
  }

  .index-layout .img-list .list-wrapper li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2.8rem;
    position: relative;
  }

  .index-layout .img-list .list-wrapper li:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: 0.3rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 2.93rem;
    height: 0.77rem;
    background: url(../image/img293.svg) center no-repeat;
    background-size: 100%;
    opacity: 0;
  }

  .index-layout .img-list .list-wrapper li .img {
    width: 2rem;
    position: relative;
    z-index: 2;
    top: 0;
    -webkit-transition: top .5s;
    transition: top .5s;
  }

  .index-layout .img-list .list-wrapper li.swiper-slide-active:before {
    opacity: 1;
  }

  .index-layout .img-list .list-wrapper li.swiper-slide-active .img {
    top: -0.2rem;
  }

  .index-layout .img-list .arrow a {
    display: block;
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    height: 0.4rem;
    background: center no-repeat;
    background-size: 0.2rem;
  }

  .index-layout .img-list .arrow a.prev {
    background-image: url(../image/prev13.svg);
    top: 50%;
    margin-top: -1.8rem;
  }

  .index-layout .img-list .arrow a.next {
    background-image: url(../image/next13.svg);
    bottom: 50%;
    margin-bottom: -1.8rem;
  }
}

@media screen and (max-width: 800px) {
  .index-layout {
    background: url(../image/bg.jpg) center no-repeat;
    background-size: cover;
  }

  .index-layout .bigImg {
    width: 100%;
    height: 7.12rem;
    background: url(../image/img750.png) center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
  }

  .index-layout .bigImg ul {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0.2rem;
    width: 100%;
    -webkit-mask: url(../image/img750-mask.png) center no-repeat;
    mask: url(../image/img750-mask.png) center no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }

  .index-layout .bigImg ul li {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
  }

  .index-layout .bigImg ul li img {
    width: 100%;
    height: 7.12rem;
  }

  .index-layout .light {
    background: url(../image/img273.svg) center no-repeat;
    background-size: 100% 100%;
    width: 2.73rem;
    height: 8.25rem;
    position: absolute;
    left: 50%;
    top: 5.81rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .index-layout .word {
    width: 2rem;
    position: absolute;
    top: 0;
    right: -0.52rem;
  }

  .index-layout .container {
    position: absolute;
    z-index: 5;
    left: 0.5rem;
    top: 1.63rem;
    right: 0.5rem;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .index-layout .container h2 {
    font-size: 0.46rem;
    line-height: 0.5rem;
    text-shadow: 0 0.04rem 0.06rem rgba(21,57,155,.2);
  }

  .index-layout .container p {
    font-size: 0.22rem;
    line-height: 0.36rem;
    text-shadow: 0 0.04rem 0.06rem rgba(21,57,155,.2);
    padding: 0.3rem 0;
    min-height: 2.56rem;
    width: 5.8rem;
  }

  .index-layout .container .more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .index-layout .container .more img {
    height: 1.12rem;
  }

  .index-layout .list li {
    --top: 6.91rem;
    --left: 50%;
    position: absolute;
    top: var(--top);
    left: var(--left);
    z-index: 5;
    width: 0.24rem;
    height: 0.24rem;
    -webkit-transition: .5s;
    transition: .5s;
  }

  .index-layout .list li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 0.24rem;
    height: 0.24rem;
    background: url(../image/img20_1.svg) center no-repeat;
    background-size: 100%;
  }

  .index-layout .list li .name {
    position: absolute;
    -webkit-transition: .5s;
    transition: .5s;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0.78rem;
    font-size: 0.24rem;
    line-height: 0.28rem;
    color: #999;
    width: 1em;
  }

  .index-layout .list li .bd {
    position: absolute;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s;
    left: 50%;
    -webkit-transform: translate(-50%, -20%);
    -ms-transform: translate(-50%, -20%);
    transform: translate(-50%, -20%);
    /* top: 0.78rem; */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding-top: 0.5rem;
  }

  .index-layout .list li .bd .num {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-family: "Bebas";
    font-size: 0.9rem;
    line-height: 1em;
    color: rgba(15,94,187,.15);
    height: 0.7rem;
    overflow: hidden;
    display: none;
  }

  .index-layout .list li .bd h3 {
    font-size: 0.36rem;
    width: 1em;
    line-height: 0.38rem;
    color: #444;
    margin-left: 0.08rem;
  }

  .index-layout .list li .bd .en {
    font-size: 0.14rem;
    line-height: 0.3rem;
    color: #999;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
  }

  .index-layout .list li.hide {
    opacity: 0;
    visibility: hidden;
  }

  .index-layout .list li.on:before {
    background-image: url(../image/img50.svg);
    -webkit-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }

  .index-layout .list li.on .name {
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    opacity: 0;
  }

  .index-layout .list li.on .bd {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    opacity: 1;
  }

  .index-layout .img-list {
    position: absolute;
    z-index: 5;
    left: 50%;
    bottom: -0.2rem;
    width: 10rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none;
    -webkit-transition: .5s;
    transition: .5s;
    opacity: 0;
    visibility: hidden;
  }

  .index-layout .img-list.show {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .index-layout .img-list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    padding-bottom: 0.4rem;
  }

  .index-layout .img-list li:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%) scale(0);
    -ms-transform: translateX(-50%) scale(0);
    transform: translateX(-50%) scale(0);
    width: 2.93rem;
    height: 0.77rem;
    background: url(../image/img293.svg) center no-repeat;
    background-size: 100%;
    opacity: 0;
  }

  .index-layout .img-list li .img {
    position: relative;
    z-index: 2;
    width: 2rem;
  }

  .index-layout .img-list li .img img {
    height: 1.4rem;
  }

  .index-layout .img-list li.swiper-slide-active:before {
    opacity: 1;
    -webkit-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
  }

  .index-layout .img-list .arrow a {
    display: block;
    position: absolute;
    z-index: 5;
    top: 0;
    height: 2.3rem;
    width: 0.6rem;
    background: center no-repeat;
    background-size: 0.18rem;
  }

  .index-layout .img-list .arrow a.prev {
    left: 50%;
    margin-left: -2.2rem;
    background-image: url(../image/prev18.svg);
  }

  .index-layout .img-list .arrow a.next {
    right: 50%;
    margin-right: -2.2rem;
    background-image: url(../image/next18.svg);
  }
}

.index-data .video {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 0;
}

.index-data .video video {
  display: block;
  width: 100%;
  height: 110vh;
  object-fit: cover;
}

.index-data .video:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 5;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,.5);
}

.index-data .wal {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-shadow: 0 0.04rem 0.06rem rgba(21,57,155,.2);
  height: 100vh;
}

.index-data .wal .title {
  background: url(../image/img309.png) center 0.46rem no-repeat;
  background-size: 3.09rem;
  width: 100%;
}

.index-data .wal .title h2 {
  font-size: 0.4rem;
  line-height: 0.5rem;
  padding-bottom: 0.27rem;
}

.index-data .wal .title .en {
  font-size: 0.14rem;
  line-height: 0.32rem;
  text-transform: uppercase;
  color: rgba(255,255,255,.5);
}

.index-data .wal .content {
  font-size: 0.16rem;
  line-height: 0.3rem;
  min-height: 4.6rem;
  padding-top: 0.34rem;
}

.index-data .list {
  position: absolute;
  z-index: 5;
  left: 0;
  bottom: 0;
  right: 0;
}

@media screen and (min-width: 800px) {
  .index-data .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: -1px;
  }

  .index-data .list li {
    width: 25%;
  }
}

.index-data .list li {
  border-left: rgba(255,255,255,.3) solid 1px;
  border-top: rgba(255,255,255,.3) solid 1px;
  position: relative;
  color: #fff;
}

.index-data .list li .name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 1.5rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.22rem;
  -webkit-transition: .5s;
  transition: .5s;
}

.index-data .list li .name .ico,
.index-data .list li .name img {
  height: 0.48rem;
  margin-right: 0.15rem;
}

.index-data .list li .bd {
  position: absolute;
  z-index: 5;
  left: -1px;
  right: -1px;
  bottom: 0;
  height: 2rem;
  -webkit-transition: .5s;
  transition: .5s;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  background: -webkit-linear-gradient(210deg, rgba(7, 184, 138, 0.95) 0%, rgba(15, 94, 187, 0.95) 63%);
  background: linear-gradient(240deg, rgba(7, 184, 138, 0.95) 0%, rgba(15, 94, 187, 0.95) 63%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0.38rem 0 0.48rem;
}

.index-data .list li .bd h3 {
  font-size: 0.26rem;
  -webkit-transform: translateY(0.2rem);
  -ms-transform: translateY(0.2rem);
  transform: translateY(0.2rem);
}

.index-data .list li .bd .ico {
  height: 0.9rem;
}

.index-data .list li .bd .layer {
  width: 1.57rem;
  height: 1.57rem;
  position: absolute;
  left: -0.3rem;
  top: 0;
  opacity: 0;
  -webkit-transition: .5s;
  transition: .5s;
}

.index-data .list li .bd .layer:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url(../image/img157.svg) center no-repeat;
  background-size: 100%;
  -webkit-animation: rotateAnima 20s linear infinite;
  animation: rotateAnima 20s linear infinite;
}

.index-data .list li .bd .layer:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  width: 2.86rem;
  height: 0.9rem;
  background: url(../image/img286.svg) left top no-repeat;
  background-size: 100%;
  margin-left: -0.15rem;
}

.index-data .list li .bd .layer .num {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  left: 50%;
  top: -0.8rem;
  margin-left: 0.6rem;
}

.index-data .list li .bd .layer .num b {
  font-family: "Bebas";
  font-size: 0.66rem;
  line-height: 1em;
}

.index-data .list li .bd .layer .num em {
  font-size: 0.18rem;
  white-space: nowrap;
  margin-left: 0.08rem;
  -webkit-transform: translateY(0.2rem);
  -ms-transform: translateY(0.2rem);
  transform: translateY(0.2rem);
}

.index-data .list li .cls-1,
.index-data .list li .cls-2,
.index-data .list li .cls-3 {
  fill: none;
  stroke: #fff;
}

.index-data .list li .cls-1,
.index-data .list li .cls-2 {
  stroke-miterlimit: 10;
}

.index-data .list li .cls-2,
.index-data .list li .cls-3 {
  stroke-linecap: round;
}

.index-data .list li .cls-3 {
  stroke-linejoin: round;
}

.index-data .list li:nth-child(3) .cls-1 {
  fill: none;
  stroke: #fff;
  stroke-linejoin: round;
  stroke-width: 1px;
}

@media screen and (min-width: 800px) {
  .index-data .list li:nth-child(5) .bd {
    padding: 0 0.2rem 0 0.2rem;
  }

  .index-data .list li:hover .name,
  .index-data .list li.on .name {
    opacity: 0;
  }

  .index-data .list li:hover .bd,
  .index-data .list li.on .bd {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  .index-data .list li:hover .bd .layer,
  .index-data .list li.on .bd .layer {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
  }
}


.index-news222 {
  background: url(../image/index-news.jpg) center no-repeat;
  background-size: cover;
}

.index-news222 .word {
  position: absolute;
  right: 0;
  bottom: -0.35rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.index-news222 .word img {
  height: 2rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.index-news222 .wal {
  height: 100vh;
  position: relative;
}

.index-news222 .container {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 6.7rem;
  width: 1.85rem;
}

.index-news222 .container ul {
  width: 1.88rem;
  margin-left: auto;
  -webkit-transform: translateY(1rem);
  -ms-transform: translateY(1rem);
  transform: translateY(1rem);
}

.index-news222 .container li {
  height: 1.7rem;
  position: relative;
  cursor: pointer;
}

.index-news222 .container li .name,
.index-news222 .container li .bd {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  -webkit-transition: .5s;
  transition: .5s;
}

.index-news222 .container li .name {
  font-size: 0.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 0.5rem;
  color: #666;
}

.index-news222 .container li .name:before,
.index-news222 .container li .name:after {
  content: "";
  width: 1px;
  height: 0.24rem;
  background: #d8d8d8;
  -webkit-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
}

.index-news222 .container li .name em {
  padding: 0 0.2rem;
}

.index-news222 .container li .bd {
  opacity: 0;
  -webkit-transform: translateY(-50%) scaleY(0.5);
  -ms-transform: translateY(-50%) scaleY(0.5);
  transform: translateY(-50%) scaleY(0.5);
  background: url(../image/img17.svg) left 0.45rem no-repeat;
  background-size: auto 0.21rem;
}

.index-news222 .container li .bd h5 {
  font-size: 0.36rem;
  font-weight: 500;
  line-height: 0.5rem;
  color: #333;
}

.index-news222 .container li .bd .en {
  margin-top: 0.27rem;
  font-size: 0.14rem;
  line-height: 0.32rem;
  color: #aaa;
  text-transform: uppercase;
}

.index-news222 .container li:hover .name,
.index-news222 .container li.on .name {
  opacity: 0;
  -webkit-transform: translateY(-50%) scaleY(0);
  -ms-transform: translateY(-50%) scaleY(0);
  transform: translateY(-50%) scaleY(0);
}

.index-news222 .container li:hover .bd,
.index-news222 .container li.on .bd {
  opacity: 1;
  -webkit-transform: translateY(-50%) scale(1);
  -ms-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1);
}

.index-news222 .container .more {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 1.22rem;
}

.index-news222 .container .more a {
  display: block;
}

.index-news222 .container .more a:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  background: url(../image/more122-yuan.svg) center no-repeat;
  background-size: 100% 100%;
  width: 0.92rem;
  height: 0.92rem;
  -webkit-animation: rotateAnima 20s linear infinite paused;
  animation: rotateAnima 20s linear infinite paused;
}

.index-news222 .container .more a img {
  position: relative;
  z-index: 2;
}

.index-news222 .container .more a:hover:before {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.index-news222 .list {
  position: absolute;
  z-index: 5;
  left: 3.58rem;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 6.7rem;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .5s;
  transition: .5s;
}

.index-news222 .list.show {
  opacity: 1;
  visibility: visible;
}

.index-news222 .list .list-wrapper1 {
  width: 14.07rem;
  overflow: hidden;
  position: relative;
  left: 5rem;
  top: 0.85rem;
}

.index-news222 .list .list-wrapper1 ul {
  position: relative;
  left: -3.92rem;
}

.index-news222 .list .list-wrapper1 li {
  padding-right: 0.77rem;
}

.index-news222 .list .list-wrapper1 li a {
  display: block;
}

.index-news222 .list .list-wrapper1 li a .time {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  font-family: "Bebas";
  font-weight: bold;
  margin-bottom: 0.3rem;
  font-size: 0.2rem;
  line-height: 0.26rem;
  color: #b9cde5;
}

.index-news222 .list .list-wrapper1 li a .time b {
  font-size: 0.7rem;
  line-height: 0.8rem;
  font-weight: 400;
  margin-right: 0.1rem;
}

.index-news222 .list .list-wrapper1 li a .zoomImg img {
  height: 2.7rem;
}

.index-news222 .list .list-wrapper1 li a .bd {
  padding: 0.26rem 0 0 0;
}

.index-news222 .list .list-wrapper1 li a .bd h5 {
  font-size: 0.2rem;
  line-height: 0.3rem;
  height: 0.3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-weight: 500;
}

.index-news222 .list .list-wrapper1 li a .bd .content {
  display: none;
}

.index-news222 .list .list-wrapper1 li a .bd .more {
  margin-top: 0.51rem;
  height: 0.16rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.index-news222 .list .list-wrapper1 li a .bd .more:before {
  content: "";
  width: 0.39rem;
  height: 0.16rem;
  background: url(../image/more32.png) center no-repeat;
  background-size: 100%;
}

.index-news222 .list .list-wrapper1 li a .bd .more:after {
  content: "";
  width: 0.12rem;
  height: 0.12rem;
  background: url(../image/arrow24.png) center no-repeat;
  background-size: 100%;
  margin-left: 0.1rem;
  -webkit-transition: .5s;
  transition: .5s;
}

.index-news222 .list .list-wrapper1 li a .bd .more:hover:before {
  background-image: url(../image/more32on.png);
}

.index-news222 .list .list-wrapper1 li a .bd .more:hover:after {
  background-image: url(../image/arrow24on.png);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.index-news222 .list .list-wrapper1 li.swiper-slide-active a {
  opacity: 0;
}

.index-news222 .list .big-img {
  position: absolute;
  z-index: 5;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5rem;
  overflow: hidden;
}

.index-news222 .list .list-wrapper2 {
  width: 17.31rem;
}

.index-news222 .list .list-wrapper2 li {
  padding-right: 0.77rem;
}

.index-news222 .list .list-wrapper2 li a {
  display: block;
  padding-top: 0.12rem;
}

.index-news222 .list .list-wrapper2 li a .time {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  font-family: "Bebas";
  font-weight: bold;
  margin-bottom: 0.3rem;
  font-size: 0.2rem;
  line-height: 0.26rem;
  color: #b9cde5;
}

.index-news222 .list .list-wrapper2 li a .time b {
  font-size: 0.7rem;
  line-height: 0.8rem;
  font-weight: 400;
  margin-right: 0.1rem;
}

.index-news222 .list .list-wrapper2 li a .time b,
.index-news222 .list .list-wrapper2 li a .time em {
  background: -webkit-linear-gradient(219deg, #07B88A 14%, #0F5EBB 57%);
  background: linear-gradient(231deg, #07B88A 14%, #0F5EBB 57%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0,0,0,0);
  background-clip: text;
  text-fill-color: rgba(0,0,0,0);
}

.index-news222 .list .list-wrapper2 li a .zoomImg img {
  height: 3.44rem;
}

.index-news222 .list .list-wrapper2 li a .bd {
  padding: 0.26rem 0 0 0;
}

.index-news222 .list .list-wrapper2 li a .bd h5 {
  font-size: 0.2rem;
  line-height: 0.3rem;
  height: 0.3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-weight: 500;
}

.index-news222 .list .list-wrapper2 li a .bd .content {
  margin-top: 0.3rem;
}

.index-news222 .list .list-wrapper2 li a .bd .content p {
  font-size: 0.15rem;
  line-height: 0.26rem;
  height: 0.52rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #555;
}

.index-news222 .list .list-wrapper2 li a .bd .more {
  margin-top: 0.4rem;
  height: 0.16rem;
  width: 1.03rem;
  background: url(../image/more16on.svg) left center no-repeat;
  background-size: auto 100%;
  position: relative;
}

.index-news222 .list .list-wrapper2 li a .bd .more:after {
  content: "";
  width: 0.12rem;
  background: url(../image/arrow24on.png) center no-repeat;
  background-size: 100%;
  -webkit-transition: .5s;
  transition: .5s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

.index-news222 .list .list-wrapper2 li a .bd .more:hover:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.index-news222 .list .arrow {
  position: absolute;
  z-index: 5;
  right: 0;
  bottom: -0.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.index-news222 .list .arrow a {
  width: 0.42rem;
  height: 0.42rem;
  background: #fff;
  border-radius: 50%;
  margin-left: 0.38rem;
  box-shadow: 0 0.03rem 0.2rem rgba(0,57,143,.1);
  position: relative;
}

.index-news222 .list .arrow a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  opacity: 0;
  background: -webkit-linear-gradient(219deg, #07B88A 14%, #0F5EBB 57%);
  background: linear-gradient(231deg, #07B88A 14%, #0F5EBB 57%);
}

.index-news222 .list .arrow a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: center no-repeat;
  background-size: 0.08rem;
}

.index-news222 .list .arrow a:hover:before {
  opacity: 1;
}

.index-news222 .list .arrow a.prev:after {
  background-image: url(../image/prev8.svg);
}

.index-news222 .list .arrow a.prev:hover:after {
  background-image: url(../image/prev8on.svg);
}

.index-news222 .list .arrow a.next:after {
  background-image: url(../image/next8.svg);
}

.index-news222 .list .arrow a.next:hover:after {
  background-image: url(../image/next8on.svg);
}

.index-news {
  background: url(../image/index-news.jpg) center no-repeat;
  background-size: cover;
}

.index-news .word {
  position: absolute;
  right: 0;
  bottom: -0.35rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.index-news .word img {
  height: 2rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.index-news .wal {
  height: 100vh;
  /* padding-top: 1rem; */
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.index-news .title {
  background: url(../image/img17.svg) left 0.45rem no-repeat;
  background-size: auto 0.21rem;
  text-align: center;
  margin-top: 0.84rem;
}

.index-news .title h5 {
  font-size: 0.36rem;
  font-weight: 500;
  line-height: 0.5rem;
  color: #333;
}

.index-news .title .en {
  margin-top: 0.27rem;
  font-size: 0.14rem;
  line-height: 0.32rem;
  color: #aaa;
  text-transform: uppercase;
}

.index-news .list {
  position: relative;
}

.index-news .list .list-wrapper {
  width: 25rem;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.index-news .list li {
  position: relative;
  z-index: 1;
}

.index-news .list li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  background: -webkit-linear-gradient(236deg, #07B88A 0%, #0F5EBB 66%);
  background: linear-gradient(214deg, #07B88A 0%, #0F5EBB 66%);
}

.index-news .list li a {
  display: block;
  padding: 0.3rem 0.3rem;
  position: relative;
  z-index: 2;
  height: 6.4rem;
}

.index-news .list li a .time {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  font-family: "Bebas";
  font-weight: bold;
  margin-bottom: 0.3rem;
  font-size: 0.2rem;
  line-height: 0.26rem;
  color: #b9cde5;
  -webkit-transition: color .5s;
  transition: color .5s;
}

.index-news .list li a .time b {
  font-size: 0.7rem;
  line-height: 0.8rem;
  font-weight: 400;
  margin-right: 0.1rem;
}

.index-news .list li a .time em {
  -webkit-transition: .5s;
  transition: .5s;
}

.index-news .list li a .zoomImg {
  -webkit-transition: .5s;
  transition: .5s;
}

.index-news .list li a .zoomImg img {
  height: 2.7rem;
}

.index-news .list li a .bd {
  padding: 0.26rem 0 0 0;
  -webkit-transition: padding-top .5s;
  transition: padding-top .5s;
}

.index-news .list li a .bd h5 {
  font-size: 0.2rem;
  line-height: 0.3rem;
  height: 0.3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-weight: 500;
}

.index-news .list li a .bd .content {
  margin-top: 0;
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 0;
  height: 0;
  overflow: hidden;
  position: relative;
}

.index-news .list li a .bd .content p {
  font-size: 0.15rem;
  line-height: 0.26rem;
  height: 0.52rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #fff;
}

.index-news .list li a .bd .more {
  position: absolute;
  left: 0.3rem;
  bottom: 1.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: bottom .5s;
  transition: bottom .5s;
}

.index-news .list li a .bd .more:before {
  content: "";
  width: 0.39rem;
  height: 0.16rem;
  background: url(../image/more32.png) center no-repeat;
  background-size: 100%;
}

.index-news .list li a .bd .more:after {
  content: "";
  width: 0.12rem;
  height: 0.12rem;
  background: url(../image/arrow24.png) center no-repeat;
  background-size: 100%;
  margin-left: 0.1rem;
  -webkit-transition: .5s;
  transition: .5s;
}

@media screen and (min-width: 800px) {
  .index-news .list li:hover {
    z-index: 2;
  }

  .index-news .list li:hover:before {
    opacity: 1;
  }

  .index-news .list li:hover a {
    color: #fff;
  }

  .index-news .list li:hover a .time {
    color: #fff;
  }

  .index-news .list li:hover a .time em {
    -webkit-transform: translateY(-90%);
    -ms-transform: translateY(-90%);
    transform: translateY(-90%);
  }

  .index-news .list li:hover a .zoomImg {
    -webkit-transform: scale(1.28);
    -ms-transform: scale(1.28);
    transform: scale(1.28);
  }

  .index-news .list li:hover a .bd {
    padding-top: 0.6rem;
  }

  .index-news .list li:hover a .bd .content {
    margin-top: 0.15rem;
    height: 0.52rem;
    opacity: 1;
  }

  .index-news .list li:hover a .bd .more {
    bottom: 0.3rem;
  }

  .index-news .list li:hover a .bd .more:before {
    background-image: url(../image/more32-white.png);
  }

  .index-news .list li:hover a .bd .more:after {
    background-image: url(../image/arrow24-white.png);
  }

  .index-news .list li:hover a .bd .more:hover:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

.index-news .list .arrow {
  position: absolute;
  z-index: 5;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0.3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 4.6rem;
  pointer-events: none;
}

.index-news .list .arrow a {
  width: 0.42rem;
  height: 0.42rem;
  background: #fff;
  border-radius: 50%;
  pointer-events: auto;
  box-shadow: 0 0.03rem 0.2rem rgba(0,57,143,.1);
  position: relative;
}

.index-news .list .arrow a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  opacity: 0;
  background: -webkit-linear-gradient(219deg, #07B88A 14%, #0F5EBB 57%);
  background: linear-gradient(231deg, #07B88A 14%, #0F5EBB 57%);
}

.index-news .list .arrow a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: center no-repeat;
  background-size: 0.08rem;
}

.index-news .list .arrow a:hover:before {
  opacity: 1;
}

.index-news .list .arrow a.prev:after {
  background-image: url(../image/prev8.svg);
}

.index-news .list .arrow a.prev:hover:after {
  background-image: url(../image/prev8on.svg);
}

.index-news .list .arrow a.next:after {
  background-image: url(../image/next8.svg);
}

.index-news .list .arrow a.next:hover:after {
  background-image: url(../image/next8on.svg);
}

.index-news .more {
  width: 1.22rem;
}

.index-news .more a {
  display: block;
}

.index-news .more a:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  background: url(../image/more122-yuan.svg) center no-repeat;
  background-size: 100% 100%;
  width: 0.92rem;
  height: 0.92rem;
  -webkit-animation: rotateAnima 20s linear infinite paused;
  animation: rotateAnima 20s linear infinite paused;
}

.index-news .more a img {
  position: relative;
  z-index: 2;
}

.index-news .more a:hover:before {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.index-about .word {
  position: absolute;
  right: 0;
  bottom: -0.35rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 5;
  pointer-events: none;
}

.index-about .word img {
  height: 2rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.index-about .img-list {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
}

.index-about .img-list ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.index-about .img-list li {
  width: 100%;
  height: 100vh;
  background: center no-repeat;
  background-size: cover;
  position: relative;
  color: #fff;
  overflow: hidden;
}

.index-about .img-list li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: .3;
}

.index-about .img-list li>.name {
  position: absolute;
  left: 50%;
  top: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-transform: translateX(-50%) translateY(0);
  -ms-transform: translateX(-50%) translateY(0);
  transform: translateX(-50%) translateY(0);
  margin-top: -3.1rem;
  -webkit-transition: .5s;
  transition: .5s;
}

.index-about .img-list li>.name:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  width: 0.21rem;
  height: 2.1rem;
  background: url(../image/line.svg) center top no-repeat;
  background-size: 100%;
  margin-left: -0.05rem;
}

.index-about .img-list li>.name h5 {
  font-size: 0.3rem;
  width: 1em;
  line-height: 0.32rem;
  text-shadow: 0 0.02rem 0.04rem rgba(0,0,0,.3);
}

.index-about .img-list li>.name .en {
  font-size: 0.14rem;
  line-height: 0.32rem;
  text-transform: uppercase;
  color: rgba(255,255,255,.6);
  text-shadow: 0 0.02rem 0.04rem rgba(0,0,0,.3);
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  margin-right: 0.18rem;
}

.index-about .img-list li .bd {
  opacity: 0;
  -webkit-transition: .5s;
  transition: .5s;
  visibility: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
  margin-left: -8rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 12.6rem;
}

.index-about .img-list li .bd .name {
  position: relative;
}

.index-about .img-list li .bd .name:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0.32rem;
  width: 3.97rem;
  height: 0.22rem;
  background: url(../image/line2.png) center top no-repeat;
  background-size: 100%;
}

.index-about .img-list li .bd .name h5 {
  font-size: 0.36rem;
  line-height: 0.32rem;
  color: #fff;
  text-shadow: 0 0.02rem 0.04rem rgba(0,0,0,.3);
}

.index-about .img-list li .bd .name .en {
  font-size: 0.18rem;
  line-height: 0.32rem;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0 0.02rem 0.04rem rgba(0,0,0,.3);
  margin-top: 0.32rem;
}

.index-about .img-list li .bd .more {
  width: 1.16rem;
  display: block;
  height: 0.95rem;
  background: url(../image/more116.svg) center no-repeat;
  background-size: 100%;
  -webkit-transition: 0s;
  transition: 0s;
}

.index-about .img-list li .bd .more:hover {
  background-image: url(../image/more116on.svg);
}

.index-about .img-list li:nth-child(1)>.name {
  margin-top: -2rem;
}

.index-about .img-list li.on {
  width: 100%;
}

.index-about .img-list li.on>.name {
  -webkit-transform: translateX(-50%) translateY(100%);
  -ms-transform: translateX(-50%) translateY(100%);
  transform: translateX(-50%) translateY(100%);
  opacity: 0;
}

.index-about .img-list li.on .bd {
  opacity: 1;
  visibility: visible;
}

.index-about .title {
  position: absolute;
  z-index: 5;
  left: 50%;
  top: 50%;
  margin-left: -8rem;
  margin-top: -3.1rem;
}

.index-about .title h2 {
  font-size: 0.5rem;
  line-height: 0.5rem;
  color: #fff;
}

.index-about .list {
  position: absolute;
  z-index: 5;
  left: 50%;
  top: 50%;
  margin-left: -8rem;
  margin-top: 2.2rem;
  width: 16rem;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .5s;
  transition: .5s;
  pointer-events: none;
}

.index-about .list.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.index-about .list .list-wrapper {
  background: rgba(255,255,255,.92);
  width: 12.6rem;
  height: 2rem;
  overflow: hidden;
  position: relative;
}

.index-about .list .list-wrapper li {
  position: relative;
}

.index-about .list .list-wrapper li:after {
  content: "";
  display: block;
  position: absolute;
  left: -1px;
  top: 0;
  bottom: 0;
  width: 1px;
  background: rgba(0,0,0,.1);
}

.index-about .list .list-wrapper li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 2rem;
  padding: 0 0.45rem;
}

.index-about .list .list-wrapper li a .name {
  font-size: 0.18rem;
  line-height: 0.28rem;
  height: 0.56rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.index-about .list .list-wrapper li a .time {
  margin-top: 0.18rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: url(../image/arrow16.svg) right center no-repeat;
  background-size: 0.16rem;
  font-family: "Bebas";
}

.index-about .list .list-wrapper li a .time em {
  font-size: 0.32rem;
  line-height: 0.5rem;
  background: -webkit-linear-gradient(219deg, #07B88A 14%, #0F5EBB 57%);
  background: linear-gradient(231deg, #07B88A 14%, #0F5EBB 57%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0,0,0,0);
  background-clip: text;
  text-fill-color: rgba(0,0,0,0);
}

.index-about .list .arrow {
  position: absolute;
  right: 0;
  bottom: 0.42rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.index-about .list .arrow a {
  margin-left: 0.38rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 0.42rem;
  height: 0.42rem;
}

.index-about .list .arrow a:before,
.index-about .list .arrow a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
}

.index-about .list .arrow a:before {
  border: rgba(255,255,255,.8) solid 1px;
}

.index-about .list .arrow a:after {
  background: -webkit-linear-gradient(left, #0F5EBB, #119C85);
  background: linear-gradient(to right, #0F5EBB, #119C85);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 0;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
}

.index-about .list .arrow a img {
  width: 0.08rem;
  position: relative;
  z-index: 5;
}

.index-about .list .arrow a:hover:before {
  opacity: 0;
}

.index-about .list .arrow a:hover:after {
  opacity: 1;
}

.page-banner-wrapper {
  position: relative;
}

.page-banner-wrapper .curr {
  position: absolute;
  right: 50%;
  margin-right: -8rem;
  bottom: 0.67rem;
  height: 0.3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../image/img15.svg) left center no-repeat;
  background-size: 0.15rem;
  padding-left: 0.28rem;
  font-size: 0.18rem;
  color: #fff;
}

.page-banner-wrapper .curr a {
  color: #fff;
}

.page-banner-wrapper .curr span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 0.24rem;
  height: 0.24rem;
}

.page-banner-wrapper .curr span:after {
  content: "";
  font-family: "iconfont";
  -webkit-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
}

@media screen and (max-width: 800px) {
  .page-banner-wrapper .curr {
    display: none;
  }
}

.page-banner {
  background: center no-repeat;
  background-size: cover;
  color: #fff;
}



.page-banner .wal {
  height: 5.8rem;
  position: relative;
}

.page-banner .title {
  position: absolute;
  left: 0;
  bottom: 0.67rem;
  padding-bottom: 0.18rem;
}

.page-banner .title:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 2.67rem;
  height: 0.22rem;
  background: url(../image/img264.svg) center no-repeat;
  background-size: 100%;
}

.page-banner .title h2 {
  font-size: 0.36rem;
  font-weight: normal;
  line-height: 0.5rem;
}


.page-bannerqywh{

    width: 90%;
    margin: 0 auto;
    max-width: 1200px;
}


.page-bannerqywh .wal {
  height: 4.4rem !important;
  position: relative;
}


.page-nav {
  box-shadow: 0 1px 0 0 rgba(0,0,0,.1);
}

.page-nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: -0.72rem;
}

.page-nav li {
  position: relative;
  margin-right: 0.72rem;
}

.page-nav li:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 100%;
  width: 0.32rem;
  height: 0.26rem;
  border-right: 1px dashed rgba(0,0,0,.15);
}

.page-nav li a.name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 0.9rem;
  font-size: 0.2rem;
  padding: 0 0.36rem;
  position: relative;
  color: #333;
}

.page-nav li a.name:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: -1px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0.03rem;
  background: -webkit-linear-gradient(right, #07B88A 0%, #0F5EBB 82%);
  background: linear-gradient(270deg, #07B88A 0%, #0F5EBB 82%);
}

.page-nav li a.name:hover:before,
.page-nav li a.name.on:before {
  width: 100%;
}

.page-nav li a.name.on {
  font-weight: 600;
}

.page-nav li:last-child:after {
  display: none;
}

.page-title {
  text-align: center;
  padding: 0.67rem 0 0.45rem 0;
}

.page-title h2 {
  font-size: 0.36rem;
  line-height: 0.5rem;
  padding-bottom: 0.31rem;
  position: relative;
}

.page-title h2:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0.13rem;
  width: 3.88rem;
  height: 0.22rem;
  background: url(../image/img382.svg) center no-repeat;
  background-size: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.page-title .en {
  font-size: 0.18rem;
  line-height: 0.32rem;
  color: rgba(51,51,51,.5);
}

.about {
  padding-bottom: 0.8rem;
}

.about .content {
  font-size: 0.19rem;
  text-align: justify;
  line-height: 0.34rem;
  text-indent: 2em;
}

.about .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 0.5rem;
}

.about .row .content {
  width: 100%;
}

.about .row .logo {
  width: 2.6rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 0.7rem;
}

.about .imgs {
  padding-bottom: 0.78rem;
}

.about .imgs ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.about .imgs li {
  width: 33.333%;
}

.about .imgs li img {
  width: 100%;
}

.about-foot {
  background: center no-repeat;
  background-size: cover;
  color: #fff;
  text-shadow: 0 0.04rem 0.06rem rgba(21,57,155,.2);
}

.about-foot .wal {
  height: 6rem;
  padding-top: 2rem;
}

.about-foot h2 {
  font-size: 0.46rem;
  line-height: 0.5rem;
}

.about-foot .en {
  font-size: 0.2rem;
  margin-top: 0.04rem;
  line-height: 0.5rem;
  letter-spacing: .055em;
}

.leader {
  max-width: 10rem;
  margin: 0 auto;
  padding-bottom: 1rem;
}

.leader ul {
  display: -ms-grid;
  display: grid;
  grid-gap: 0.67rem;
}

.leader li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.leader li .img {
  width: 2.4rem;
}

.leader li .name {
  width: 6.91rem;
}

.leader li .name h5 {
  font-size: 0.32rem;
  line-height: 0.34rem;
  padding-bottom: 0.62rem;
  background: url(../image/line691.svg) left bottom no-repeat;
  background-size: 100%;
}

.leader li .name p {
  font-size: 0.22rem;
  font-weight: 300;
  margin-top: 0.6rem;
  line-height: 0.34rem;
}

.leader222 {
  padding-bottom: 0.94rem;
}

.leader222 ul {
  display: -ms-grid;
  display: grid;
  grid-gap: 0.5rem;
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5, 1fr);
}

.leader222 li {
  position: relative;
}

.leader222 li:before {
  content: "";
  display: block;
  position: absolute;
  left: -0.2rem;
  top: -0.2rem;
  right: -0.2rem;
  bottom: -0.2rem;
  opacity: 0;
  background: -webkit-linear-gradient(236deg, #07B88A 5%, #0F5EBB 74%);
  background: linear-gradient(214deg, #07B88A 5%, #0F5EBB 74%);
}

.leader222 li .img {
  position: relative;
}

.leader222 li .img:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  z-index: 5;
  border: 1px dashed rgba(0,0,0,.12);
}

.leader222 li .img img {
  width: 100%;
  height: 3.6rem;
}

.leader222 li .name {
  position: relative;
  border: 1px solid rgba(0,0,0,.08);
  border-top: 0;
  height: 1.2rem;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: .5s;
  transition: .5s;
}

.leader222 li .name h5 {
  font-size: 0.24rem;
  line-height: 0.34rem;
  -webkit-transition: padding-bottom .5s;
  transition: padding-bottom .5s;
  position: relative;
  padding-bottom: 0;
}

.leader222 li .name h5:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0.03rem;
  width: 0;
  height: 0.02rem;
  background: #fff;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.leader222 li .name p {
  margin-top: 0.04rem;
  font-size: 0.18rem;
  line-height: 0.34rem;
}

.leader222 li:hover:before {
  opacity: 1;
}

.leader222 li:hover .img:before {
  opacity: 0;
}

.leader222 li:hover .name {
  color: #fff;
  border-color: rgba(0,0,0,0);
  -webkit-transform: translateY(0.1rem);
  -ms-transform: translateY(0.1rem);
  transform: translateY(0.1rem);
}

.leader222 li:hover .name h5 {
  padding-bottom: 0.2rem;
}

.leader222 li:hover .name h5:before {
  width: 0.76rem;
}

.group {
  padding-bottom: 0.82rem;
}

.chanye {
  max-width: 14rem;
  margin: 0 auto;
  padding: 0.25rem 0 1.02rem 0;
}

.history {
  background: url(../image/history.jpg) center bottom no-repeat;
  background-size: 100%;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.history .page-title {
  padding: 0.67rem 0 0.5rem 0;
}

.history .logo {
  width: 2.2rem;
  margin: 0 auto;
}

.history .list {
  min-height: 5rem;
  position: relative;
  padding: 0.3rem 0 2rem 0;
}

.history .list:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1px;
  background: #d8d8d8;
}

.history .list .item {
  width: 50%;
  position: relative;
  padding-top: 1.85rem;
  z-index: 2;
}

.history .list .item .year {
  width: 2.27rem;
  border-bottom: #d8d8d8 solid 1px;
  position: absolute;
  top: 0.6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.history .list .item .year em {
  font-size: 0.66rem;
  color: #0f5ebb;
  font-family: "Bebas";
  line-height: 0.5rem;
  padding-bottom: 0.26rem;
  position: relative;
  font-weight: bold;
}

.history .list .item .year em:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  right: 0;
  height: 0.03rem;
  background: #0f5ebb;
}

.history .list .item li {
  padding: 0 0.55rem 0.17rem 0.55rem;
  position: relative;
  min-height: 0.5rem;
}

.history .list .item li:after {
  content: "";
  display: block;
  position: absolute;
  top: 0.21rem;
  width: 0.09rem;
  height: 0.09rem;
  background: #fff;
  box-sizing: border-box;
  border: 1px solid #0f5ebb;
  border-radius: 50%;
}

.history .list .item li .month {
  line-height: 0.5rem;
  font-size: 0.28rem;
  position: absolute;
  top: 0;
  white-space: nowrap;
}

.history .list .item li .content {
  max-width: 6.24rem;
  font-size: 0.18rem;
  font-weight: 300;
  line-height: 0.26rem;
  padding: 0.12rem 0;
}

.history .list .item:nth-child(odd) {
  margin-left: auto;
}

.history .list .item:nth-child(odd) .year {
  right: 100%;
}

.history .list .item:nth-child(odd) li:after {
  left: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.history .list .item:nth-child(odd) li .month {
  right: 100%;
  padding-right: 0.6rem;
}

.history .list .item:nth-child(even) .year {
  left: 100%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.history .list .item:nth-child(even) li:after {
  right: 0;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
}

.history .list .item:nth-child(even) li .month {
  left: 100%;
  padding-left: 0.6rem;
}

.history .list .item:nth-child(even) li .content {
  text-align: right;
  margin-left: auto;
}

.history .word {
  position: absolute;
  left: 0;
  bottom: -0.35rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.history .word img {
  height: 2rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.culture {
  padding: 0.86rem 0 1.04rem 0;
     min-height: 800px;
}

.culture ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -0.1rem;
}

.culture li {
  padding: 0 0 0.1rem 0.1rem;
  width: 33.3%;
}

.culture li a {
  display: block;
  position: relative;
}

.culture li a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 2rem;
  pointer-events: none;
  background: -webkit-linear-gradient(top, rgba(216, 216, 216, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(180deg, rgba(216, 216, 216, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}

.culture li a .name {
  position: absolute;
  z-index: 5;
  left: 0.4rem;
  bottom: 0.3rem;
  font-size: 0.26rem;
  color: #fff;
}

.news {
  padding-top: 0.9rem;
}

.news li {
  margin-bottom: 0.6rem;
  position: relative;
}

.news li:last-child {
  margin-bottom: 0;
}

.news li:before {
  content: "";
  display: block;
  position: absolute;
  left: -0.48rem;
  right: -0.48rem;
  top: -0.4rem;
  bottom: -0.4rem;
  opacity: 0;
  background: -webkit-linear-gradient(194deg, #07B88A 0%, #1450AA 54%);
  background: linear-gradient(256deg, #07B88A 0%, #1450AA 54%);
  pointer-events: none;
}

.news li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
}

.news li a .zoomImg {
  width: 3.48rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.news li a .zoomImg img {
  height: 2.4rem;
}

.news li a .bd {
  width: 100%;
  padding: 0 1.49rem 0 0.63rem;
}

.news li a .bd .time {
  font-size: 0.22rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #0f5ebb;
  font-family: "Bebas";
  font-weight: 600;
  height: 0.8rem;
  -webkit-transition: color .5s;
  transition: color .5s;
}

.news li a .bd .time b {
  margin-right: 0.11rem;
  font-size: 0.56rem;
  background: -webkit-linear-gradient(243deg, #07B88A 16%, #0F5EBB 60%);
  background: linear-gradient(207deg, #07B88A 16%, #0F5EBB 60%);
  -webkit-transition: background .5s;
  transition: background .5s;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0,0,0,0);
  background-clip: text;
  text-fill-color: rgba(0,0,0,0);
}

.news li a .bd .time em {
  -webkit-transform: translateY(0.06rem);
  -ms-transform: translateY(0.06rem);
  transform: translateY(0.06rem);
}

.news li a .bd .name {
  font-size: 0.22rem;
  line-height: 0.3rem;
  margin-top: 0.18rem;
}

.news li a .bd p {
  font-size: 0.18rem;
  line-height: 0.3rem;
  height: 0.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 0.28rem;
  color: #555;
  -webkit-transition: color .5s;
  transition: color .5s;
}

.news li a .bd .more {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  width: 1rem;
  height: 0.92rem;
  background: url(../image/more.svg) center no-repeat;
  background-size: 100% 100%;
  color: rgba(255,255,255,0);
}

@media screen and (min-width: 800px) {
  .news li:hover:before {
    opacity: 1;
  }

  .news li:hover a {
    color: #fff;
  }

  .news li:hover a .bd .time {
    color: #fff;
  }

  .news li:hover a .bd .time b {
    background: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
    background-clip: text;
    text-fill-color: rgba(0,0,0,0);
  }

  .news li:hover a .bd p {
    color: #fff;
  }

  .news li:hover a .bd .more {
    background-image: url(../image/moreon.svg);
  }
}

.activities {
  padding-top: 0.6rem;
  min-height:600px;
}

.activities li {
  border-bottom: 1px solid rgba(0,0,0,.06);
}

.activities li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0rem;
  right: 0rem;
  top: -0.1rem;
  bottom: -0.1rem;
  opacity: 0;
  background: -webkit-linear-gradient(194deg, #07B88A 0%, #1450AA 54%);
  background: linear-gradient(256deg, #07B88A 0%, #1450AA 54%);
  pointer-events: none;
}

.activities li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 1.45rem;
  position: relative;
}

.activities li a .time {
  font-size: 0.22rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #0f5ebb;
  font-family: "Bebas";
  font-weight: 600;
  height: 0.8rem;
  -webkit-transition: color .5s;
  transition: color .5s;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 2.4rem;
  padding-left: 0.1rem;
}

.activities li a .time b {
  margin-right: 0.11rem;
  font-size: 0.56rem;
  background: -webkit-linear-gradient(243deg, #07B88A 16%, #0F5EBB 60%);
  background: linear-gradient(207deg, #07B88A 16%, #0F5EBB 60%);
  -webkit-transition: background .5s;
  transition: background .5s;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0,0,0,0);
  background-clip: text;
  text-fill-color: rgba(0,0,0,0);
}

.activities li a .time em {
  -webkit-transform: translateY(0.06rem);
  -ms-transform: translateY(0.06rem);
  transform: translateY(0.06rem);
}

.activities li a .name {
  font-size: 0.22rem;
  line-height: 0.3rem;
}

.activities li a .more {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: auto;
  width: 1rem;
  height: 0.92rem;
  background: url(../image/more.svg) left no-repeat;
  background-size: 85% 100%;
  color: rgba(255,255,255,0);
  /* padding-right: 0.48rem; */
}

@media screen and (min-width: 800px) {
  .activities li:hover:before {
    opacity: 1;
  }

  .activities li:hover a {
    color: #fff;
  }

  .activities li:hover a .time {
    color: #fff;
  }

  .activities li:hover a .time b {
    background: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
    background-clip: text;
    text-fill-color: rgba(0,0,0,0);
  }

  .activities li:hover a p {
    color: #fff;
  }

  .activities li:hover a .more {
    background-image: url(../image/moreon.svg);
  }
}

.page-num {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.68rem 0 0.97rem 0;
  font-size: 0.16rem;
}

.page-num div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0.12rem;
}

.page-num div a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 0.03rem;
  color: #666;
  width: 0.36rem;
  height: 0.36rem;
  border: 1px solid #dcdcdc;
}

.page-num div a:hover,
.page-num div a.on {
  background: #1450aa;
  border-color: #1450aa;
  color: #fff;
}

.page-num div a.prev:after {
  font-family: "iconfont";
  content: "";
}

.page-num div a.next:after {
  font-family: "iconfont";
  content: "";
}

.news-detail .head {
  border-bottom: #d8d8d8 dashed 1px;
  padding: 0.9rem 0 0.33rem 0;
}

.news-detail .head h2 {
  font-size: 0.28rem;
  line-height: 0.3rem;
  text-align: center;
}

.news-detail .head .row {
  margin-top: 0.19rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.news-detail .head .row .time {
  font-size: 0.18rem;
  color: #666;
  padding-left: 0.28rem;
  background: url(../image/time18.svg) left center no-repeat;
  background-size: 0.18rem;
}

.news-detail .head .row .controls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 0.6rem;
}

.news-detail .head .row .controls .name {
  width: 0.21rem;
}

.news-detail .head .row .controls a {
  font-size: 0.18rem;
  color: #666;
  margin-left: 1em;
}

.news-detail .content {
  padding: 0.6rem 0;
  font-size: calc(var(--s, 1)*0.2rem);
  line-height: 1.7em;
  max-width: 14rem;
  margin: 0 auto;
}

.news-detail .content .p {
  text-indent: 2em;
}
.news-detail .content p {
  
   font-size: 0.18rem !important;
   line-height: 0.5rem !important;
}

.news-detail .content .img {
  text-align: center;
  padding: 0.4rem 0;
}

.news-detail .content .list {
  padding-bottom: 0.4rem;
}

.news-detail .content .list li {
  margin-top: 0.1rem;
  padding-left: 0.18rem;
  position: relative;
}

.news-detail .content .list li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0.17rem;
  border-radius: 50%;
  width: 0.06rem;
  height: 0.06rem;
  background: #333;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


.news-detail .content table{/* display: block; */word-break: keep-all;margin: 0 auto;max-width: 100%;/* overflow-x: scroll; */.ellipsis {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}@-webkit-keyframes rotateAnima {
  0% {
    -webkit-transform: rotate(0deg);transform: rotate(0deg);
  }

  100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);
  }
}@keyframes rotateAnima {
  0% {
    -webkit-transform: rotate(0deg);transform: rotate(0deg);
  }

  100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);
  }
}@-webkit-keyframes rotateAnima2 {
  0% {
    -webkit-transform: rotate(0deg);transform: rotate(0deg);
  }

  100% {-webkit-transform: rotate(-360deg);transform: rotate(-360deg);
  }
}@keyframes rotateAnima2 {
  0% {
    -webkit-transform: rotate(0deg);transform: rotate(0deg);
  }

  100% {-webkit-transform: rotate(-360deg);transform: rotate(-360deg);
  }
}@-webkit-keyframes moveAnima {
  0% {
    -webkit-transform: translateX(-0.05rem);transform: translateX(-0.05rem);
  }

  100% {-webkit-transform: translateX(0.05rem);transform: translateX(0.05rem);
  }
}@keyframes moveAnima {
  0% {
    -webkit-transform: translateX(-0.05rem);transform: translateX(-0.05rem);
  }

  100% {-webkit-transform: translateX(0.05rem);transform: translateX(0.05rem);
  }
}body,
textarea,
input {
  font-family: "Microsoft YaHei","PingFang SC","Source Han Sans SC",sans-serif;
}@media screen and (-webkit-min-device-pixel-ratio: 0) {
  body,
  textarea,
  input {
    font-family: "PingFang SC","Microsoft YaHei","Source Han Sans SC",sans-serif;
  }
}body.show a,
body.show .transition,
body.show :before,
body.show img {
  -webkit-transition: All .5s ease;transition: All .5s ease;
}

.zoomImg {width: 100%;overflow: hidden;position: relative;display: block;
}

.zoomImg:before {
  position: absolute;top: 0;left: -90%;z-index: 2;display: block;content: "";width: 50%;height: 100%;opacity: .3;background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);-webkit-transform: skewX(-25deg);-ms-transform: skewX(-25deg);transform: skewX(-25deg);
}

.zoomImgimg {width: 100%;
}

.zoomImg:hover:before {
  -webkit-animation: shine .75s;animation: shine .75s;
}

.zoomImg:hover img {
  -webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);
}a:hover .zoomImg:before {
  -webkit-animation: shine .75s;animation: shine .75s;
}a:hover .zoomImg img {
  -webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);
}@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}@keyframes shine {
  100% {
    left: 125%;
  }
}

* {margin: 0;padding: 0;box-sizing: border-box;
}html {
  font-size: 1rem;scroll-behavior: smooth;
}body {
  font-size: 0.12rem;color: #212121;-webkit-text-size-adjust: none;opacity: 0;-webkit-font-smoothing: antialiased;
}body.show {
  opacity: 1;
}a {
  color: #212121;text-decoration: none;outline: none;
}a:active {
  star: expression(this.onFocus=this.blur());
}a:link {
  text-decoration: none;outline: none;
}a:visited {
  text-decoration: none;outline: none;
}a:hover {
  text-decoration: none;color: #0f5ebb;outline: none;
}li {
  list-style: outside none;
}li {
  list-style-type: none;
}h1 {
  font-size: 0.16rem;
}h2,
h3,
h4,
h5 {
  font-size: 0.14rem;
}h5 {
  font-size: 0.12rem;
}textarea,
input {
  background: rgba(0,0,0,0);font-size: 0.12rem;color: #888;outline: none;border: 0;
}em {
  font-style: normal;
}img {
  vertical-align: middle;max-width: 100%;border: 0;object-fit: cover;
}

.wal {max-width: 16rem;margin: 0 auto;
}@font-face {
  font-family: "iconfont";src: url("//at.alicdn.com/t/font_2640790_0xr51bk0scp.woff2?t=1650704386844") format("woff2"),url("//at.alicdn.com/t/font_2640790_0xr51bk0scp.woff?t=1650704386844") format("woff"),url("//at.alicdn.com/t/font_2640790_0xr51bk0scp.ttf?t=1650704386844") format("truetype");
}

.iconfont {font-family: "iconfont";
}@font-face {
  font-family: "Bebas";src: url(../image/BebasNeueRegular.woff) format("woff");font-weight: normal;font-style: normal;
}

.g-head .head {position: fixed;z-index: 50;left: 0;top: 0;right: 0;-webkit-transition: background-color .5s;transition: background-color .5s;
}

.g-head .head:before {
  content: "";display: block;position: absolute;width: 100%;bottom: 0;right: 0;height: 1px;background: rgba(255,255,255,.1);
}

.g-head .wal {height: 1rem;position: relative;max-width: 100%;
}

.g-heada.logo {display: block;position: absolute;z-index: 5;left: 0.5rem;top: 0;bottom: 0;width: 4.15rem;background: url(../image/logo.svg) center no-repeat;background-size: 100%;
}

.g-head .btns {position: absolute;z-index: 5;top: 0;right: 0;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
}

.g-head .btnsa,
.g-head .btns .search-btn {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;height: 1rem;width: 1rem;border-left: rgba(255,255,255,.1) solid 1px;background: center no-repeat;background-size: 0.28rem;
}

.g-head .btns .search-btn {background-image: url(../image/search.svg);position: relative;
}

.g-head .btns .search-btninput {opacity: 0;width: 100%;height: 100%;position: absolute;left: 0;top: 0;cursor: pointer;
}

.g-head .btnsa.nav-btn {background-image: url(../image/navA.svg);
}

.g-head .btnsa.nav-btn.on,
.g-head .btnsa.nav-btn:hover {
  background-color: #0f5ebb;
}

.g-head .btns .search {position: relative;
}

.g-head .btns .search .input {position: absolute;z-index: 5;top: 0;bottom: 0;right: 100%;width: 0;background: #119c85;opacity: 0;-webkit-transition: .5s;transition: .5s;
}

.g-head .btns .search .inputinput::-webkit-input-placeholder {
  color: rgba(255,255,255,.5);
}

.g-head .btns .search .inputinput::-moz-placeholder {
  color: rgba(255,255,255,.5);
}

.g-head .btns .search .inputinput:-moz-placeholder {
  color: rgba(255,255,255,.5);
}

.g-head .btns .search .inputinput:-ms-input-placeholder {
  color: rgba(255,255,255,.5);
}

.g-head .btns .search .inputtextarea::-webkit-input-placeholder {
  color: rgba(255,255,255,.5);
}

.g-head .btns .search .inputtextarea::-moz-placeholder {
  color: rgba(255,255,255,.5);
}

.g-head .btns .search .inputtextarea:-moz-placeholder {
  color: rgba(255,255,255,.5);
}

.g-head .btns .search .inputtextarea:-ms-input-placeholder {
  color: rgba(255,255,255,.5);
}

.g-head .btns .search .inputinput {width: 100%;height: 1rem;line-height: 1rem;color: #fff;font-size: 0.18rem;padding: 0 0.2rem;
}

.g-head .btns .search:hover {
  z-index: 5;
}

.g-head .btns .search:hover a.search-btn {
  background-color: #119c85;
}

.g-head .btns .search:hover .input {
  width: 2.4rem;opacity: 1;
}

.g-head .g-nav {position: absolute;top: 0;right: 2.21rem;-webkit-transition: opacity .5s;transition: opacity .5s;
}

.g-head .g-navul {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
}

.g-head .g-nava.name {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;height: 1rem;font-size: .18rem;color: #fff;padding: 0 0.22rem;position: relative;
}

.g-head .g-nava.name:before {
  content: "";display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: -webkit-linear-gradient(219deg, #07B88A 14%, #0F5EBB 57%);background: linear-gradient(231deg, #07B88A 14%, #0F5EBB 57%);opacity: 0;
}

.g-head .g-nava.nameem {position: relative;z-index: 2;
}

.g-head .g-nava.name:hover {
  color: #fff;
}

.g-head .g-nava.name:hover:before {
  opacity: 1;
}

.g-head-1 .head:before {
  background: rgba(0,0,0,.05);
}

.g-head-1 .btns .search-btn {background-color: #119c85;
}

.g-head-1 .btnsa.nav-btn {background-color: #0f5ebb;
}

.g-head-1 .g-nava.name {color: #333;
}

.g-head.on .btns .search-btn,
.g-head-2 .btns .search-btn,
.g-head-3 .btns .search-btn {background-color: #119c85;
}

.g-head.on .btnsa.nav-btn,
.g-head-2 .btnsa.nav-btn,
.g-head-3 .btnsa.nav-btn {background-color: #0f5ebb;
}

.g-head.on .head:before,
.g-head-3 .head:before {
  background: rgba(0,0,0,.05);
}

.g-head.ona.logo,
.g-head-3a.logo {background-image: url(../image/logo2.svg);
}

.g-head.on .g-nava.name,
.g-head-3 .g-nava.name {color: #333;
}

.g-head.on .head {background: #fff;
}

.g-nav2 {position: fixed;z-index: 49;left: 0;top: 0;right: 0;bottom: 0;opacity: 0;-webkit-transition: opacity .5s;transition: opacity .5s;visibility: hidden;pointer-events: none;background: url(../image/nav-bg.jpg) center no-repeat;background-size: cover;
}

.g-nav2 .wal {height: 100vh;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
}

.g-nav2 .wrapper {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;position: relative;min-height: 6.8rem;width: 100%;
}

.g-nav2 .wrapper:before {
  content: "";display: block;position: absolute;left: 0;top: 0.66rem;right: 0;height: 1px;-webkit-transition: 0s;transition: 0s;background: rgba(255,255,255,.15);
}

.g-nav2a {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;color: #fff;position: relative;
}

.g-nav2 .itemh2 {padding-bottom: 0.64rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
}

.g-nav2 .itemh2a {font-size: 0.22rem;height: 0.5rem;
}

.g-nav2 .itemh2a:before {
  content: "";display: block;position: absolute;left: 0;width: 0;top: 0.65rem;height: 0.03rem;background: -webkit-linear-gradient(right, #07B88A 0%, #0F5EBB 82%);background: linear-gradient(270deg, #07B88A 0%, #0F5EBB 82%);pointer-events: none;
}

.g-nav2 .itemh2a:hover:before,
.g-nav2 .item h2 a.on:before {
  width: 100%;
}

.g-nav2 .itemli .name {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
}

.g-nav2 .itemli .name .arrow {width: 0.22rem;height: 0.22rem;background: url(../image/arrow11.svg) center no-repeat;background-size: 0.06rem;margin-left: 0.1rem;cursor: pointer;-webkit-transition: .5s;transition: .5s;
}

.g-nav2 .itemlia {font-size: 0.18rem;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;height: 0.46rem;
}

.g-nav2 .itemliul {display: none;margin-right: -1rem;padding-left: 0.18rem;
}

.g-nav2 .itemliullia {font-size: 0.16rem;line-height: 0.36rem;opacity: .7;
}

.g-nav2 .itemliullia:hover {
  opacity: 1;
}

.g-nav2 .itemli.open>.name .arrow {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);
}body.navShow .g-head .head:before {
  width: 2rem;
}body.navShow .g-head .btns .nav-btn {
  background-color: rgba(0,0,0,0);background-image: url(../image/close.svg);
}body.navShow .g-head .g-nav {
  opacity: 0;
}body.navShow .g-head.on .head {
  background: rgba(0,0,0,0);
}body.navShow .g-nav2 {
  opacity: 1;visibility: visible;pointer-events: auto;
}

.phone-show {display: none;
}

.g-foot {position: relative;width: 100%;overflow: hidden;/* position: fixed; */bottom: 0px;/* background: #fff; */
}

.g-foot:after {
  content: "";display: block;position: absolute;left: 0;right: 0;bottom: 0.8rem;height: 1px;background: rgba(0,0,0,.1);
}@media screen and (min-width: 800px) {
  .g-foot .list {
    height: 0.9rem;background: #1450aa;
  }

  .g-foot .list ul {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
  }

  .g-foot .list li {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;height: 0.9rem;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;width: 3.25rem;position: relative;-webkit-transition: width .5s;transition: width .5s;
  }

  .g-foot .list li:after {
    content: "";display: block;position: absolute;left: -1px;top: 0;right: 0;bottom: 0;pointer-events: none;border-left: rgba(255,255,255,.1) solid 1px;border-top: rgba(255,255,255,.1) solid 1px;
  }

  .g-foot .list li:before {
    content: "";display: block;position: absolute;left: -1px;top: 0;right: -1px;bottom: 0;z-index: 2;background: -webkit-linear-gradient(right, #07B88A 0%, #0F5EBB 82%);background: linear-gradient(270deg, #07B88A 0%, #0F5EBB 82%);opacity: 0;
  }

  .g-foot .list li .name {color: #fff;font-size: 0.18rem;position: relative;z-index: 2;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
  }

  .g-foot .list li .name img {width: 0.5rem;margin-right: 0.18rem;
  }

  .g-foot .list li .name:after {
    content: "";width: 0;-webkit-transition: .5s;transition: .5s;opacity: 0;height: 0.22rem;background: url(../image/img495.svg) left center no-repeat;background-size: auto 0.22rem;margin-left: 0;-webkit-transform: translateY(-0.08rem);-ms-transform: translateY(-0.08rem);transform: translateY(-0.08rem);
  }

  .g-foot .list li.on {width: calc(100% - 9.75rem);
  }

  .g-foot .list li.on:before {
    opacity: 1;
  }

  .g-foot .list li.on .name:after {
    opacity: 1;width: 5.18rem;margin-left: 0.32rem;
  }

  .g-foot .list li:nth-child(1).on .name {-webkit-transform: translateX(0.3rem);-ms-transform: translateX(0.3rem);transform: translateX(0.3rem);
  }
}

.g-foot .wal {min-height: 3.7rem;position: relative;padding-top: 0.76rem;
}

.g-foot .wal .row {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;
}

.g-foot .wal .logo {width: 4.95rem;
}

.g-foot .wal .logoimg {width: 100%;
}@media screen and (min-width: 800px) {
  .g-foot .wal .links {
    width: 9.28rem;
  }

  .g-foot .wal .links ul {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;
  }

  .g-foot .wal .links li {width: 2.2rem;
  }
}

.g-foot .wal .linksli {position: relative;
}

.g-foot .wal .linksli .name {height: 0.46rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;padding: 0 0.18rem;background: #fff;font-size: 0.16rem;color: #555;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;
}

.g-foot .wal .linksli .name:after {
  content: "";width: 0.12rem;height: 0.12rem;background: url(../image/arrow7.svg) center no-repeat;background-size: 100%;
}

.g-foot .wal .linksliselect {position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;
}

.g-foot .wal .linksliselectoption:first-child
{ 
display:none;
}

.g-foot .wal .row-2 {padding: 0.32rem 0 0.79rem 0;min-height: 1.51rem;
}

.g-foot .wal .navsul {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
}

.g-foot .wal .navsli {font-size: 0.17rem;position: relative;line-height: 0.4rem;margin-right: 0.62rem;
}

.g-foot .wal .navsli:after {
  content: "";display: block;position: absolute;top: 50%;right: -0.31rem;width: 1px;height: 0.18rem;background: #666;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);
}

.g-foot .wal .navsli:last-child:after {
  display: none;
}

.g-foot .wal .list2 {font-size: 0.17rem;width: 9.28rem;line-height: 0.4rem;
}

.g-foot .wal .list2ul {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;
}

.g-foot .wal .shareul {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
}

.g-foot .wal .shareli {height: 0.8rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;margin-right: 0.24rem;position: relative;
}

.g-foot .wal .sharelia {display: block;width: 0.42rem;position: relative;height: 0.42rem;
}

.g-foot .wal .shareliaimg {width: 100%;
}

.g-foot .wal .shareliaimg:nth-child(2) {position: absolute;left: 0;top: 0;opacity: 0;
}

.g-foot .wal .sharelia:hover img:nth-child(1) {
  opacity: 0;
}

.g-foot .wal .sharelia:hover img:nth-child(2) {
  opacity: 1;
}

.g-foot .wal .shareli .img {position: absolute;z-index: 5;left: 50%;bottom: 0.5rem;width: 1.28rem;background: #fff;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);opacity: 0;visibility: hidden;pointer-events: none;-webkit-transition: .5s;transition: .5s;-webkit-filter: drop-shadow(0 0 0.09rem rgba(0, 0, 0, 0.1));filter: drop-shadow(0 0 0.09rem rgba(0, 0, 0, 0.1));
}

.g-foot .wal .shareli .img:before {
  content: "";display: block;position: absolute;left: 50%;bottom: -0.05rem;width: 0.2rem;height: 0.2rem;background: #fff;-webkit-transform: translateX(-50%) rotate(45deg);-ms-transform: translateX(-50%) rotate(45deg);transform: translateX(-50%) rotate(45deg);
}

.g-foot .wal .shareli .imgimg {position: relative;width: 100%;
}

.g-foot .wal .shareli:hover .img {
  opacity: 1;visibility: visible;pointer-events: auto;bottom: 0.76rem;
}

.g-foot .wal .msg {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;grid-gap: 0.24rem;font-size: 0.15rem;line-height: 0.28rem;color: #999;
}

.g-foot .wal .msgp {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
}

.g-foot .wal .msgp .ico {width: 0.25rem;margin-right: 0.1rem;
}

.g-foot .wal .msgp .ico-2 {width: 0.18rem;
}@media screen and (max-width: 800px) {
  .wal {
    margin: 0 0.5rem;
  }

  .pc-show {display: none;
  }

  .phone-show {display: block;
  }

  .g-head .wal {margin: 0;
  }

  .g-head .btns .search .input input {font-size: 0.24rem;padding: 0 0.2rem;
  }

  .g-head .btns .search:hover .input {
    width: 3.4rem;
  }

  .g-head .g-nav {display: none;
  }

  .g-nav2 {top: 0;padding-top: 1rem;
  }

  .g-nav2 .wal {height: calc(100vh - 1rem);overflow-y: auto;overflow-x: hidden;margin: 0;
  }

  .g-nav2 .wrapper {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-left: 0.5rem;
  }

  .g-nav2 .wrapper:before {
    display: none;
  }

  .g-nav2 .item {width: 50%;padding-bottom: 0.5rem;
  }

  .g-nav2 .item h2 {padding-bottom: 0.14rem;
  }

  .g-nav2 .item h2 a {font-size: 0.29rem;
  }

  .g-nav2 .item li .name .arrow {width: 0.29rem;height: 0.29rem;background-size: 0.08rem;margin-left: 0.13rem;
  }

  .g-nav2 .item li a {font-size: 0.23rem;height: 0.6rem;
  }

  .g-nav2 .item li ul {margin-right: -1rem;
  }

  .g-nav2 .item li ul li a {font-size: 0.21rem;line-height: 0.47rem;
  }

  .g-foot:after {
    display: none;
  }

  .g-foot .list {background: -webkit-linear-gradient(right, #07B88A 0%, #0F5EBB 82%);background: linear-gradient(270deg, #07B88A 0%, #0F5EBB 82%);width: 100%;overflow: hidden;position: relative;
  }

  .g-foot .list li {width: auto;
  }

  .g-foot .list li a {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;padding: 0 0.2rem 0 0.2rem;color: #fff;height: 0.9rem;font-size: 0.24rem;
  }

  .g-foot .list li a img {width: 0.5rem;
  }

  .g-foot .wal {padding-top: 0.83rem;position: relative;
  }

  .g-foot .wal .row {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;
  }

  .g-foot .wal .logo {width: 100%;
  }

  .g-foot .wal .links {width: 100%;padding-top: 1.8rem;
  }

  .g-foot .wal .links ul {display: -ms-grid;/* display: block; */grid-gap: 0.3rem 0.45rem;-ms-grid-columns: (1fr)[2];grid-template-columns: repeat(2, 1fr);
  }

  .g-foot .wal .links li .name {height: 0.68rem;padding: 0 0.22rem;font-size: 0.24rem;
  }

  .g-foot .wal .links li .name:after {
    width: 0.18rem;height: 0.18rem;
  }

  .g-foot .wal .row-2 {padding: 0;min-height: 0.1rem;
  }

  .g-foot .wal .navs {position: absolute;left: -0.3rem;right: -0.3rem;top: 2.3rem;
  }

  .g-foot .wal .navs ul {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
  }

  .g-foot .wal .navs li {font-size: 0.26rem;margin-right: 0;padding: 0 0.3rem;
  }

  .g-foot .wal .navs li:after {
    right: 0;width: 1px;height: 0.18rem;background: #666;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);
  }

  .g-foot .wal .list2 {font-size: 0.24rem;width: 100%;padding-top: 0.82rem;padding-bottom: 0.62rem;line-height: 0.36rem;
  }

  .g-foot .wal .list2 ul {-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
  }

  .g-foot .wal .list2 li {padding-bottom: 0.18rem;
  }

  .g-foot .wal .foot {position: relative;padding-bottom: 0.4rem;
  }

  .g-foot .wal .foot:after {
    content: "";display: block;position: absolute;left: -0.5rem;top: 0;right: -0.5rem;height: 1px;background: rgba(0,0,0,.1);
  }

  .g-foot .wal .share {padding: 0.36rem 0 0.3rem 0;width: 100%;
  }

  .g-foot .wal .share ul {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
  }

  .g-foot .wal .share li {height: 0.62rem;margin: 0 0.24rem;
  }

  .g-foot .wal .share li a {width: 0.62rem;height: 0.62rem;
  }

  .g-foot .wal .share li .img {width: 1.58rem;
  }

  .g-foot .wal .share li .img:before {
    bottom: -0.1rem;
  }

  .g-foot .wal .share li:hover .img {
    bottom: 0.86rem;
  }

  .g-foot .wal .msg {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;grid-gap: 0;position: relative;margin-left: 0.6rem;font-size: 0.2rem;line-height: 0.36rem;padding-left: 0.44rem;
  }

  .g-foot .wal .msg p .ico {/* width: 0.56rem; */
  }

  .g-foot .wal .msg p .ico-2 {width: 0.24rem;
  }

  .g-foot .wal .msg p:nth-child(1) {width: 100%;
  }

  .g-foot .wal .msg p:nth-child(1) .ico {position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);
  }

  .g-foot .wal .msg p:nth-child(2) {padding-right: 0.3rem;
  }
}
.ellipsis {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}@-webkit-keyframes rotateAnima {
  0% {
    -webkit-transform: rotate(0deg);transform: rotate(0deg);
  }

  100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);
  }
}@keyframes rotateAnima {
  0% {
    -webkit-transform: rotate(0deg);transform: rotate(0deg);
  }

  100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);
  }
}@-webkit-keyframes rotateAnima2 {
  0% {
    -webkit-transform: rotate(0deg);transform: rotate(0deg);
  }

  100% {-webkit-transform: rotate(-360deg);transform: rotate(-360deg);
  }
}@keyframes rotateAnima2 {
  0% {
    -webkit-transform: rotate(0deg);transform: rotate(0deg);
  }

  100% {-webkit-transform: rotate(-360deg);transform: rotate(-360deg);
  }
}@-webkit-keyframes moveAnima {
  0% {
    -webkit-transform: translateX(-0.05rem);transform: translateX(-0.05rem);
  }

  100% {-webkit-transform: translateX(0.05rem);transform: translateX(0.05rem);
  }
}@keyframes moveAnima {
  0% {
    -webkit-transform: translateX(-0.05rem);transform: translateX(-0.05rem);
  }

  100% {-webkit-transform: translateX(0.05rem);transform: translateX(0.05rem);
  }
}

#index {position: fixed;left: 0;top: 0;right: 0;height: 100vh;overflow: hidden;
}

#index .index-slide {height: 100vh;overflow: hidden;position: relative;
}

#index .index-foot {height: 4.6rem;
}

.index-bannerli {height: 100vh;overflow: hidden;position: relative;
}

.index-bannerli .bg {position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: center no-repeat;background-size: cover;
}

.index-bannerli .wal {height: 100vh;position: relative;z-index: 5;
}

.index-bannerli .title {width: 5.48rem;position: absolute;left: 50%;top: 50%;margin-left: -6.96rem;margin-top: -1.65rem;
}

.index-banner .arrow {position: absolute;z-index: 5;left: 1.6rem;bottom: 0.63rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
}

.index-banner .arrowa {margin-right: 0.35rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;position: relative;width: 0.42rem;height: 0.42rem;
}

.index-banner .arrowa:before,
.index-banner .arrow a:after {
  content: "";display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;border-radius: 50%;
}

.index-banner .arrowa:before {
  border: rgba(255,255,255,.8) solid 1px;
}

.index-banner .arrowa:after {
  background: -webkit-linear-gradient(left, #0F5EBB, #119C85);background: linear-gradient(to right, #0F5EBB, #119C85);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);opacity: 0;-webkit-transition: opacity .5s;transition: opacity .5s;
}

.index-banner .arrowaimg {width: 0.08rem;position: relative;z-index: 5;
}

.index-banner .arrowa:hover:before {
  opacity: 0;
}

.index-banner .arrowa:hover:after {
  opacity: 1;
}

.index-banner .control {position: absolute;z-index: 5;right: -2.43rem;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 3.6rem;height: 3.6rem;background: url(../image/img360.svg) center no-repeat;background-size: 100% 100%;
}

.index-banner .control .dots-wrapper {width: 4.8rem;height: 4.8rem;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
}

.index-banner .control .dots-wrapper:before {
  content: "";display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: url(../image/img480.svg) center no-repeat;background-size: 100% 100%;-webkit-animation: rotateAnima2 200s linear infinite;animation: rotateAnima2 200s linear infinite;
}

.index-banner .control .dots-wrapperspan {display: block;width: 1px;height: 1px;position: absolute;z-index: 5;left: 50%;top: 0;-webkit-transform: rotate(var(--rotate));-ms-transform: rotate(var(--rotate));transform: rotate(var(--rotate));-webkit-transform-origin: center 2.4rem;-ms-transform-origin: center 2.4rem;transform-origin: center 2.4rem;cursor: pointer;
}

.index-banner .control .dots-wrapperspan:before {
  content: "";display: block;position: absolute;left: 50%;top: 50%;width: 0.05rem;height: 0.05rem;border-radius: 50%;background: #fff;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
}

.index-banner .control .dots-wrapperspan.on:before {
  width: 0.09rem;height: 0.09rem;
}

.index-banner .control .num {position: absolute;left: 0;top: 0;bottom: 0;width: 0.8rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;color: #fff;font-family: "Bebas";
}

.index-banner .control .num .num-curr {font-size: 0.42rem;
}

.index-banner .control .num .line {background: #fff;width: 0.3rem;height: 1px;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);opacity: .5;margin-top: 0.2rem;margin-bottom: 0.2rem;
}

.index-banner .control .num .num-total {font-size: 0.22rem;
}

.index-banner .mouse-ico {width: 0.2rem;position: absolute;z-index: 5;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);bottom: 0.68rem;
}@media screen and (min-width: 800px) {
  .index-layout {
    background: url(../image/bg.jpg) center no-repeat;background-size: cover;
  }

  .index-layout .bigImg {width: 10.6rem;height: 100vh;background: url(../image/img1060.png) center no-repeat;background-size: 100% 100%;position: absolute;left: 50%;top: 0;margin-left: -9.9rem;z-index: 2;
  }

  .index-layout .bigImg ul {position: absolute;left: -0.2rem;top: 0;bottom: 0;width: 100%;-webkit-mask: url(../image/img1060-mask.png) center no-repeat;mask: url(../image/img1060-mask.png) center no-repeat;-webkit-mask-size: 100% 103%;mask-size: 100% 103%;
  }

  .index-layout .bigImg ul li {position: absolute;left: 0;top: 0;right: 0;
  }

  .index-layout .bigImg ul li img {width: 100%;height: 100vh;
  }

  .index-layout .light {background: url(../image/img875.svg) center no-repeat;background-size: 100% 100%;width: 8.75rem;height: 2.73rem;position: absolute;left: 50%;top: 50%;margin-left: 0.55rem;margin-top: -0.9rem;
  }

  .index-layout .word {width: 2rem;position: absolute;top: 0;right: -0.52rem;
  }

  .index-layout .wal {position: relative;z-index: 5;height: 100vh;
  }

  .index-layout .container {position: absolute;left: 0;top: 0;color: #fff;bottom: 0.2rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
  }

  .index-layout .container h2 {font-size: 0.4rem;line-height: 0.5rem;text-shadow: 0 0.04rem 0.06rem rgba(21,57,155,.2);
  }

  .index-layout .container p {font-size: 0.16rem;line-height: 0.3rem;text-shadow: 0 0.04rem 0.06rem rgba(21,57,155,.2);margin-top: 0.3rem;min-height: 2.82rem;
  }

  .index-layout .container .more img {height: 0.92rem;
  }

  .index-layout .list {position: absolute;left: 50%;margin-left: -0.5rem;top: 1rem;bottom: 0;right: 0;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
  }

  .index-layout .list .list-wrapper {width: 5.6rem;height: 7.6rem;overflow: hidden;position: relative;
  }

  .index-layout .list ul {position: relative;-webkit-transition: top .5s;transition: top .5s;top: var(--top);
  }

  .index-layout .list li {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;height: 1.25rem;-webkit-transition: .5s;transition: .5s;position: relative;left: var(--left);
  }

  .index-layout .list li:before {
    content: "";display: block;position: absolute;left: 0;top: 0;bottom: 0;width: 0.2rem;background: url(../image/img20_1.svg) center no-repeat;background-size: 100%;
  }

  .index-layout .list li .name {cursor: pointer;padding-left: 0.96rem;-webkit-transition: .5s;transition: .5s;font-size: 0.18rem;line-height: 0.5rem;color: #999;
  }

  .index-layout .list li .bd {position: absolute;padding-right: 1rem;left: 0.46rem;top: 0;bottom: 0;right: 0;opacity: 0;-webkit-transform: translateX(-20%);-ms-transform: translateX(-20%);transform: translateX(-20%);display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;visibility: hidden;-webkit-transition: .5s;transition: .5s;padding-left: 1.05rem;
  }

  .index-layout .list li .bd .num {position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);font-family: "Bebas";font-size: 1.06rem;line-height: 1em;color: rgba(15,94,187,.15);font-weight: bold;height: 0.6rem;overflow: hidden;
  }

  .index-layout .list li .bd h3 {font-size: 0.28rem;font-weight: normal;line-height: 0.5rem;color: #444;
  }

  .index-layout .list li .bd .en {font-size: 0.16rem;line-height: 0.3rem;color: #999;
  }

  .index-layout .list li.on {height: 2.6rem;
  }

  .index-layout .list li.on:before {
    background-image: url(../image/img50.svg);-webkit-transform: scale(2.5);-ms-transform: scale(2.5);transform: scale(2.5);
  }

  .index-layout .list li.on .name {opacity: 0;-webkit-transform: translateX(50%);-ms-transform: translateX(50%);transform: translateX(50%);
  }

  .index-layout .list li.on .bd {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);visibility: visible;
  }

  .index-layout .img-list {position: absolute;left: 50%;margin-left: 5rem;top: 1rem;bottom: 0;width: 3rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;opacity: 0;visibility: hidden;-webkit-transform: translateX(100%) scale(0.5);-ms-transform: translateX(100%) scale(0.5);transform: translateX(100%) scale(0.5);pointer-events: none;-webkit-transition: .5s;transition: .5s;
  }

  .index-layout .img-list.show {opacity: 1;visibility: visible;-webkit-transform: translateX(0) scale(1);-ms-transform: translateX(0) scale(1);transform: translateX(0) scale(1);pointer-events: auto;
  }

  .index-layout .img-list .list-wrapper {height: 8.4rem;overflow: hidden;position: relative;
  }

  .index-layout .img-list .list-wrapper li {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;height: 2.8rem;position: relative;
  }

  .index-layout .img-list .list-wrapper li:before {
    content: "";display: block;position: absolute;left: 50%;top: 50%;margin-top: 0.3rem;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 2.93rem;height: 0.77rem;background: url(../image/img293.svg) center no-repeat;background-size: 100%;opacity: 0;
  }

  .index-layout .img-list .list-wrapper li .img {width: 2rem;position: relative;z-index: 2;top: 0;-webkit-transition: top .5s;transition: top .5s;
  }

  .index-layout .img-list .list-wrapper li.swiper-slide-active:before {
    opacity: 1;
  }

  .index-layout .img-list .list-wrapper li.swiper-slide-active .img {top: -0.2rem;
  }

  .index-layout .img-list .arrow a {display: block;position: absolute;z-index: 5;left: 0;right: 0;height: 0.4rem;background: center no-repeat;background-size: 0.2rem;
  }

  .index-layout .img-list .arrow a.prev {background-image: url(../image/prev13.svg);top: 50%;margin-top: -1.8rem;
  }

  .index-layout .img-list .arrow a.next {background-image: url(../image/next13.svg);bottom: 50%;margin-bottom: -1.8rem;
  }
}@media screen and (max-width: 800px) {
  .index-layout {
    background: url(../image/bg.jpg) center no-repeat;background-size: cover;
  }

  .index-layout .bigImg {width: 100%;height: 7.12rem;background: url(../image/img750.png) center no-repeat;background-size: 100% 100%;position: absolute;left: 0;top: 0;z-index: 2;
  }

  .index-layout .bigImg ul {position: absolute;left: 0;top: 0;bottom: 0.2rem;width: 100%;-webkit-mask: url(../image/img750-mask.png) center no-repeat;mask: url(../image/img750-mask.png) center no-repeat;-webkit-mask-size: 100% 100%;mask-size: 100% 100%;
  }

  .index-layout .bigImg ul li {position: absolute;left: 0;top: 0;right: 0;
  }

  .index-layout .bigImg ul li img {width: 100%;height: 7.12rem;
  }

  .index-layout .light {background: url(../image/img273.svg) center no-repeat;background-size: 100% 100%;width: 2.73rem;height: 8.25rem;position: absolute;left: 50%;top: 5.81rem;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);
  }

  .index-layout .word {width: 2rem;position: absolute;top: 0;right: -0.52rem;
  }

  .index-layout .container {position: absolute;z-index: 5;left: 0.5rem;top: 1.63rem;right: 0.5rem;color: #fff;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
  }

  .index-layout .container h2 {font-size: 0.46rem;line-height: 0.5rem;text-shadow: 0 0.04rem 0.06rem rgba(21,57,155,.2);
  }

  .index-layout .container p {font-size: 0.22rem;line-height: 0.36rem;text-shadow: 0 0.04rem 0.06rem rgba(21,57,155,.2);padding: 0.3rem 0;min-height: 2.56rem;width: 5.8rem;
  }

  .index-layout .container .more {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;
  }

  .index-layout .container .more img {height: 1.12rem;
  }

  .index-layout .list li {--top: 6.91rem;--left: 50%;position: absolute;top: var(--top);left: var(--left);z-index: 5;width: 0.24rem;height: 0.24rem;-webkit-transition: .5s;transition: .5s;
  }

  .index-layout .list li:before {
    content: "";display: block;position: absolute;left: 0;top: 0;width: 0.24rem;height: 0.24rem;background: url(../image/img20_1.svg) center no-repeat;background-size: 100%;
  }

  .index-layout .list li .name {position: absolute;-webkit-transition: .5s;transition: .5s;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);top: 0.78rem;font-size: 0.24rem;line-height: 0.28rem;color: #999;width: 1em;
  }

  .index-layout .list li .bd {position: absolute;opacity: 0;-webkit-transition: .5s;transition: .5s;left: 50%;-webkit-transform: translate(-50%, -20%);-ms-transform: translate(-50%, -20%);transform: translate(-50%, -20%);/* top: 0.78rem; */display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;padding-top: 0.5rem;
  }

  .index-layout .list li .bd .num {position: absolute;left: 50%;top: 0;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);font-family: "Bebas";font-size: 0.9rem;line-height: 1em;color: rgba(15,94,187,.15);height: 0.7rem;overflow: hidden;display: none;
  }

  .index-layout .list li .bd h3 {font-size: 0.36rem;width: 1em;line-height: 0.38rem;color: #444;margin-left: 0.08rem;
  }

  .index-layout .list li .bd .en {font-size: 0.14rem;line-height: 0.3rem;color: #999;-webkit-writing-mode: vertical-lr;-ms-writing-mode: tb-lr;writing-mode: vertical-lr;
  }

  .index-layout .list li.hide {opacity: 0;visibility: hidden;
  }

  .index-layout .list li.on:before {
    background-image: url(../image/img50.svg);-webkit-transform: scale(2.5);-ms-transform: scale(2.5);transform: scale(2.5);
  }

  .index-layout .list li.on .name {-webkit-transform: translate(-50%, 50%);-ms-transform: translate(-50%, 50%);transform: translate(-50%, 50%);opacity: 0;
  }

  .index-layout .list li.on .bd {-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);opacity: 1;
  }

  .index-layout .img-list {position: absolute;z-index: 5;left: 50%;bottom: -0.2rem;width: 10rem;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);pointer-events: none;-webkit-transition: .5s;transition: .5s;opacity: 0;visibility: hidden;
  }

  .index-layout .img-list.show {opacity: 1;visibility: visible;pointer-events: auto;
  }

  .index-layout .img-list li {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;position: relative;padding-bottom: 0.4rem;
  }

  .index-layout .img-list li:before {
    content: "";display: block;position: absolute;left: 50%;bottom: 0;-webkit-transform: translateX(-50%) scale(0);-ms-transform: translateX(-50%) scale(0);transform: translateX(-50%) scale(0);width: 2.93rem;height: 0.77rem;background: url(../image/img293.svg) center no-repeat;background-size: 100%;opacity: 0;
  }

  .index-layout .img-list li .img {position: relative;z-index: 2;width: 2rem;
  }

  .index-layout .img-list li .img img {height: 1.4rem;
  }

  .index-layout .img-list li.swiper-slide-active:before {
    opacity: 1;-webkit-transform: translateX(-50%) scale(1);-ms-transform: translateX(-50%) scale(1);transform: translateX(-50%) scale(1);-webkit-transition-delay: .1s;transition-delay: .1s;
  }

  .index-layout .img-list .arrow a {display: block;position: absolute;z-index: 5;top: 0;height: 2.3rem;width: 0.6rem;background: center no-repeat;background-size: 0.18rem;
  }

  .index-layout .img-list .arrow a.prev {left: 50%;margin-left: -2.2rem;background-image: url(../image/prev18.svg);
  }

  .index-layout .img-list .arrow a.next {right: 50%;margin-right: -2.2rem;background-image: url(../image/next18.svg);
  }
}

.index-data .video {position: absolute;left: 0;top: 0;right: 0;bottom: 0;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;z-index: 0;
}

.index-data .videovideo {display: block;width: 100%;height: 110vh;object-fit: cover;
}

.index-data .video:after {
  content: "";display: block;position: absolute;z-index: 5;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);
}

.index-data .wal {position: relative;z-index: 2;text-align: center;color: #fff;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;text-shadow: 0 0.04rem 0.06rem rgba(21,57,155,.2);height: 100vh;
}

.index-data .wal .title {background: url(../image/img309.png) center 0.46rem no-repeat;background-size: 3.09rem;width: 100%;
}

.index-data .wal .titleh2 {font-size: 0.4rem;line-height: 0.5rem;padding-bottom: 0.27rem;
}

.index-data .wal .title .en {font-size: 0.14rem;line-height: 0.32rem;text-transform: uppercase;color: rgba(255,255,255,.5);
}

.index-data .wal .content {font-size: 0.16rem;line-height: 0.3rem;min-height: 4.6rem;padding-top: 0.34rem;
}

.index-data .list {position: absolute;z-index: 5;left: 0;bottom: 0;right: 0;
}@media screen and (min-width: 800px) {
  .index-data .list ul {
    display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;margin-left: -1px;
  }

  .index-data .list li {width: 25%;
  }
}

.index-data .listli {border-left: rgba(255,255,255,.3) solid 1px;border-top: rgba(255,255,255,.3) solid 1px;position: relative;color: #fff;
}

.index-data .listli .name {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;height: 1.5rem;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;font-size: 0.22rem;-webkit-transition: .5s;transition: .5s;
}

.index-data .listli .name .ico,
.index-data .listli .nameimg {height: 0.48rem;margin-right: 0.15rem;
}

.index-data .listli .bd {position: absolute;z-index: 5;left: -1px;right: -1px;bottom: 0;height: 2rem;-webkit-transition: .5s;transition: .5s;-webkit-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%);background: -webkit-linear-gradient(210deg, rgba(7, 184, 138, 0.95) 0%, rgba(15, 94, 187, 0.95) 63%);background: linear-gradient(240deg, rgba(7, 184, 138, 0.95) 0%, rgba(15, 94, 187, 0.95) 63%);display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;padding: 0 0.38rem 0 0.48rem;
}

.index-data .listli .bdh3 {font-size: 0.26rem;-webkit-transform: translateY(0.2rem);-ms-transform: translateY(0.2rem);transform: translateY(0.2rem);
}

.index-data .listli .bd .ico {height: 0.9rem;
}

.index-data .listli .bd .layer {width: 1.57rem;height: 1.57rem;position: absolute;left: -0.3rem;top: 0;opacity: 0;-webkit-transition: .5s;transition: .5s;
}

.index-data .listli .bd .layer:before {
  content: "";display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: url(../image/img157.svg) center no-repeat;background-size: 100%;-webkit-animation: rotateAnima 20s linear infinite;animation: rotateAnima 20s linear infinite;
}

.index-data .listli .bd .layer:after {
  content: "";display: block;position: absolute;left: 50%;top: 0;width: 2.86rem;height: 0.9rem;background: url(../image/img286.svg) left top no-repeat;background-size: 100%;margin-left: -0.15rem;
}

.index-data .listli .bd .layer .num {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;position: absolute;left: 50%;top: -0.8rem;margin-left: 0.6rem;
}

.index-data .listli .bd .layer .numb {font-family: "Bebas";font-size: 0.66rem;line-height: 1em;
}

.index-data .listli .bd .layer .numem {font-size: 0.18rem;white-space: nowrap;margin-left: 0.08rem;-webkit-transform: translateY(0.2rem);-ms-transform: translateY(0.2rem);transform: translateY(0.2rem);
}

.index-data .listli .cls-1,
.index-data .listli .cls-2,
.index-data .listli .cls-3 {fill: none;stroke: #fff;
}

.index-data .listli .cls-1,
.index-data .listli .cls-2 {stroke-miterlimit: 10;
}

.index-data .listli .cls-2,
.index-data .listli .cls-3 {stroke-linecap: round;
}

.index-data .listli .cls-3 {stroke-linejoin: round;
}

.index-data .listli:nth-child(3) .cls-1 {fill: none;stroke: #fff;stroke-linejoin: round;stroke-width: 1px;
}@media screen and (min-width: 800px) {
  .index-data .list li:nth-child(5) .bd {
    padding: 0 0.2rem 0 0.2rem;
  }

  .index-data .list li:hover .name,
  .index-data .list li.on .name {
    opacity: 0;
  }

  .index-data .list li:hover .bd,
  .index-data .list li.on .bd {
    -webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);
  }

  .index-data .list li:hover .bd .layer,
  .index-data .list li.on .bd .layer {
    -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);opacity: 1;-webkit-transition-delay: .3s;transition-delay: .3s;
  }
}


.index-news222 {background: url(../image/index-news.jpg) center no-repeat;background-size: cover;
}

.index-news222 .word {position: absolute;right: 0;bottom: -0.35rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
}

.index-news222 .wordimg {height: 2rem;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;
}

.index-news222 .wal {height: 100vh;position: relative;
}

.index-news222 .container {position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);height: 6.7rem;width: 1.85rem;
}

.index-news222 .containerul {width: 1.88rem;margin-left: auto;-webkit-transform: translateY(1rem);-ms-transform: translateY(1rem);transform: translateY(1rem);
}

.index-news222 .containerli {height: 1.7rem;position: relative;cursor: pointer;
}

.index-news222 .containerli .name,
.index-news222 .containerli .bd {position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);right: 0;-webkit-transition: .5s;transition: .5s;
}

.index-news222 .containerli .name {font-size: 0.2rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;line-height: 0.5rem;color: #666;
}

.index-news222 .containerli .name:before,
.index-news222 .container li .name:after {
  content: "";width: 1px;height: 0.24rem;background: #d8d8d8;-webkit-transform: rotate(40deg);-ms-transform: rotate(40deg);transform: rotate(40deg);
}

.index-news222 .containerli .nameem {padding: 0 0.2rem;
}

.index-news222 .containerli .bd {opacity: 0;-webkit-transform: translateY(-50%) scaleY(0.5);-ms-transform: translateY(-50%) scaleY(0.5);transform: translateY(-50%) scaleY(0.5);background: url(../image/img17.svg) left 0.45rem no-repeat;background-size: auto 0.21rem;
}

.index-news222 .containerli .bdh5 {font-size: 0.36rem;font-weight: 500;line-height: 0.5rem;color: #333;
}

.index-news222 .containerli .bd .en {margin-top: 0.27rem;font-size: 0.14rem;line-height: 0.32rem;color: #aaa;text-transform: uppercase;
}

.index-news222 .containerli:hover .name,
.index-news222 .container li.on .name {
  opacity: 0;-webkit-transform: translateY(-50%) scaleY(0);-ms-transform: translateY(-50%) scaleY(0);transform: translateY(-50%) scaleY(0);
}

.index-news222 .containerli:hover .bd,
.index-news222 .container li.on .bd {
  opacity: 1;-webkit-transform: translateY(-50%) scale(1);-ms-transform: translateY(-50%) scale(1);transform: translateY(-50%) scale(1);
}

.index-news222 .container .more {position: absolute;left: 0;bottom: 0;width: 1.22rem;
}

.index-news222 .container .morea {display: block;
}

.index-news222 .container .morea:before {
  content: "";display: block;position: absolute;right: 0;top: 0;background: url(../image/more122-yuan.svg) center no-repeat;background-size: 100% 100%;width: 0.92rem;height: 0.92rem;-webkit-animation: rotateAnima 20s linear infinite paused;animation: rotateAnima 20s linear infinite paused;
}

.index-news222 .container .moreaimg {position: relative;z-index: 2;
}

.index-news222 .container .morea:hover:before {
  -webkit-animation-play-state: running;animation-play-state: running;
}

.index-news222 .list {position: absolute;z-index: 5;left: 3.58rem;top: 50%;right: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);height: 6.7rem;opacity: 0;visibility: hidden;-webkit-transition: .5s;transition: .5s;
}

.index-news222 .list.show {opacity: 1;visibility: visible;
}

.index-news222 .list .list-wrapper1 {width: 14.07rem;overflow: hidden;position: relative;left: 5rem;top: 0.85rem;
}

.index-news222 .list .list-wrapper1ul {position: relative;left: -3.92rem;
}

.index-news222 .list .list-wrapper1li {padding-right: 0.77rem;
}

.index-news222 .list .list-wrapper1lia {display: block;
}

.index-news222 .list .list-wrapper1lia .time {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;font-family: "Bebas";font-weight: bold;margin-bottom: 0.3rem;font-size: 0.2rem;line-height: 0.26rem;color: #b9cde5;
}

.index-news222 .list .list-wrapper1lia .timeb {font-size: 0.7rem;line-height: 0.8rem;font-weight: 400;margin-right: 0.1rem;
}

.index-news222 .list .list-wrapper1lia .zoomImgimg {height: 2.7rem;
}

.index-news222 .list .list-wrapper1lia .bd {padding: 0.26rem 0 0 0;
}

.index-news222 .list .list-wrapper1lia .bdh5 {font-size: 0.2rem;line-height: 0.3rem;height: 0.3rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-weight: 500;
}

.index-news222 .list .list-wrapper1lia .bd .content {display: none;
}

.index-news222 .list .list-wrapper1lia .bd .more {margin-top: 0.51rem;height: 0.16rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
}

.index-news222 .list .list-wrapper1lia .bd .more:before {
  content: "";width: 0.39rem;height: 0.16rem;background: url(../image/more32.png) center no-repeat;background-size: 100%;
}

.index-news222 .list .list-wrapper1lia .bd .more:after {
  content: "";width: 0.12rem;height: 0.12rem;background: url(../image/arrow24.png) center no-repeat;background-size: 100%;margin-left: 0.1rem;-webkit-transition: .5s;transition: .5s;
}

.index-news222 .list .list-wrapper1lia .bd .more:hover:before {
  background-image: url(../image/more32on.png);
}

.index-news222 .list .list-wrapper1lia .bd .more:hover:after {
  background-image: url(../image/arrow24on.png);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);
}

.index-news222 .list .list-wrapper1li.swiper-slide-activea {opacity: 0;
}

.index-news222 .list .big-img {position: absolute;z-index: 5;left: 0;top: 0;bottom: 0;width: 5rem;overflow: hidden;
}

.index-news222 .list .list-wrapper2 {width: 17.31rem;
}

.index-news222 .list .list-wrapper2li {padding-right: 0.77rem;
}

.index-news222 .list .list-wrapper2lia {display: block;padding-top: 0.12rem;
}

.index-news222 .list .list-wrapper2lia .time {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;font-family: "Bebas";font-weight: bold;margin-bottom: 0.3rem;font-size: 0.2rem;line-height: 0.26rem;color: #b9cde5;
}

.index-news222 .list .list-wrapper2lia .timeb {font-size: 0.7rem;line-height: 0.8rem;font-weight: 400;margin-right: 0.1rem;
}

.index-news222 .list .list-wrapper2lia .timeb,
.index-news222 .list .list-wrapper2lia .timeem {
  background: -webkit-linear-gradient(219deg, #07B88A 14%, #0F5EBB 57%);background: linear-gradient(231deg, #07B88A 14%, #0F5EBB 57%);-webkit-background-clip: text;-webkit-text-fill-color: rgba(0,0,0,0);background-clip: text;text-fill-color: rgba(0,0,0,0);
}

.index-news222 .list .list-wrapper2lia .zoomImgimg {height: 3.44rem;
}

.index-news222 .list .list-wrapper2lia .bd {padding: 0.26rem 0 0 0;
}

.index-news222 .list .list-wrapper2lia .bdh5 {font-size: 0.2rem;line-height: 0.3rem;height: 0.3rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-weight: 500;
}

.index-news222 .list .list-wrapper2lia .bd .content {margin-top: 0.3rem;
}

.index-news222 .list .list-wrapper2lia .bd .contentp {font-size: 0.15rem;line-height: 0.26rem;height: 0.52rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #555;
}

.index-news222 .list .list-wrapper2lia .bd .more {margin-top: 0.4rem;height: 0.16rem;width: 1.03rem;background: url(../image/more16on.svg) left center no-repeat;background-size: auto 100%;position: relative;
}

.index-news222 .list .list-wrapper2lia .bd .more:after {
  content: "";width: 0.12rem;background: url(../image/arrow24on.png) center no-repeat;background-size: 100%;-webkit-transition: .5s;transition: .5s;position: absolute;top: 0;right: 0;bottom: 0;
}

.index-news222 .list .list-wrapper2lia .bd .more:hover:after {
  -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);
}

.index-news222 .list .arrow {position: absolute;z-index: 5;right: 0;bottom: -0.2rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
}

.index-news222 .list .arrowa {width: 0.42rem;height: 0.42rem;background: #fff;border-radius: 50%;margin-left: 0.38rem;box-shadow: 0 0.03rem 0.2rem rgba(0,57,143,.1);position: relative;
}

.index-news222 .list .arrowa:before {
  content: "";display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;border-radius: 50%;opacity: 0;background: -webkit-linear-gradient(219deg, #07B88A 14%, #0F5EBB 57%);background: linear-gradient(231deg, #07B88A 14%, #0F5EBB 57%);
}

.index-news222 .list .arrowa:after {
  content: "";display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: center no-repeat;background-size: 0.08rem;
}

.index-news222 .list .arrowa:hover:before {
  opacity: 1;
}

.index-news222 .list .arrowa.prev:after {
  background-image: url(../image/prev8.svg);
}

.index-news222 .list .arrowa.prev:hover:after {
  background-image: url(../image/prev8on.svg);
}

.index-news222 .list .arrowa.next:after {
  background-image: url(../image/next8.svg);
}

.index-news222 .list .arrowa.next:hover:after {
  background-image: url(../image/next8on.svg);
}

.index-news {background: url(../image/index-news.jpg) center no-repeat;background-size: cover;
}

.index-news .word {position: absolute;right: 0;bottom: -0.35rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
}

.index-news .wordimg {height: 2rem;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;
}

.index-news .wal {height: 100vh;/* padding-top: 1rem; */position: relative;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
}

.index-news .title {background: url(../image/img17.svg) left 0.45rem no-repeat;background-size: auto 0.21rem;text-align: center;
}

.index-news .titleh5 {font-size: 0.36rem;font-weight: 500;line-height: 0.5rem;color: #333;
}

.index-news .title .en {margin-top: 0.27rem;font-size: 0.14rem;line-height: 0.32rem;color: #aaa;text-transform: uppercase;
}

.index-news .list {position: relative;
}

.index-news .list .list-wrapper {width: 25rem;position: relative;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);
}

.index-news .listli {position: relative;z-index: 1;
}

.index-news .listli:before {
  content: "";display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;opacity: 0;background: -webkit-linear-gradient(236deg, #07B88A 0%, #0F5EBB 66%);background: linear-gradient(214deg, #07B88A 0%, #0F5EBB 66%);
}

.index-news .listlia {display: block;padding: 0.3rem 0.3rem;position: relative;z-index: 2;height: 6.4rem;
}

.index-news .listlia .time {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;font-family: "Bebas";font-weight: bold;margin-bottom: 0.3rem;font-size: 0.2rem;line-height: 0.26rem;color: #b9cde5;-webkit-transition: color .5s;transition: color .5s;
}

.index-news .listlia .timeb {font-size: 0.7rem;line-height: 0.8rem;font-weight: 400;margin-right: 0.1rem;
}

.index-news .listlia .timeem {-webkit-transition: .5s;transition: .5s;
}

.index-news .listlia .zoomImg {-webkit-transition: .5s;transition: .5s;
}

.index-news .listlia .zoomImgimg {height: 2.7rem;
}

.index-news .listlia .bd {padding: 0.26rem 0 0 0;-webkit-transition: padding-top .5s;transition: padding-top .5s;
}

.index-news .listlia .bdh5 {font-size: 0.2rem;line-height: 0.3rem;height: 0.3rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-weight: 500;
}

.index-news .listlia .bd .content {margin-top: 0;-webkit-transition: .5s;transition: .5s;opacity: 0;height: 0;overflow: hidden;position: relative;
}

.index-news .listlia .bd .contentp {font-size: 0.15rem;line-height: 0.26rem;height: 0.52rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #fff;
}

.index-news .listlia .bd .more {position: absolute;left: 0.3rem;bottom: 1.2rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-transition: bottom .5s;transition: bottom .5s;
}

.index-news .listlia .bd .more:before {
  content: "";width: 0.39rem;height: 0.16rem;background: url(../image/more32.png) center no-repeat;background-size: 100%;
}

.index-news .listlia .bd .more:after {
  content: "";width: 0.12rem;height: 0.12rem;background: url(../image/arrow24.png) center no-repeat;background-size: 100%;margin-left: 0.1rem;-webkit-transition: .5s;transition: .5s;
}@media screen and (min-width: 800px) {
  .index-news .list li:hover {
    z-index: 2;
  }

  .index-news .list li:hover:before {
    opacity: 1;
  }

  .index-news .list li:hover a {
    color: #fff;
  }

  .index-news .list li:hover a .time {
    color: #fff;
  }

  .index-news .list li:hover a .time em {
    -webkit-transform: translateY(-90%);-ms-transform: translateY(-90%);transform: translateY(-90%);
  }

  .index-news .list li:hover a .zoomImg {
    -webkit-transform: scale(1.28);-ms-transform: scale(1.28);transform: scale(1.28);
  }

  .index-news .list li:hover a .bd {
    padding-top: 0.6rem;
  }

  .index-news .list li:hover a .bd .content {
    margin-top: 0.15rem;height: 0.52rem;opacity: 1;
  }

  .index-news .list li:hover a .bd .more {
    bottom: 0.3rem;
  }

  .index-news .list li:hover a .bd .more:before {
    background-image: url(../image/more32-white.png);
  }

  .index-news .list li:hover a .bd .more:after {
    background-image: url(../image/arrow24-white.png);
  }

  .index-news .list li:hover a .bd .more:hover:after {
    -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);
  }
}

.index-news .list .arrow {position: absolute;z-index: 5;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);bottom: 0.3rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;grid-gap: 4.6rem;pointer-events: none;
}

.index-news .list .arrowa {width: 0.42rem;height: 0.42rem;background: #fff;border-radius: 50%;pointer-events: auto;box-shadow: 0 0.03rem 0.2rem rgba(0,57,143,.1);position: relative;
}

.index-news .list .arrowa:before {
  content: "";display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;border-radius: 50%;opacity: 0;background: -webkit-linear-gradient(219deg, #07B88A 14%, #0F5EBB 57%);background: linear-gradient(231deg, #07B88A 14%, #0F5EBB 57%);
}

.index-news .list .arrowa:after {
  content: "";display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: center no-repeat;background-size: 0.08rem;
}

.index-news .list .arrowa:hover:before {
  opacity: 1;
}

.index-news .list .arrowa.prev:after {
  background-image: url(../image/prev8.svg);
}

.index-news .list .arrowa.prev:hover:after {
  background-image: url(../image/prev8on.svg);
}

.index-news .list .arrowa.next:after {
  background-image: url(../image/next8.svg);
}

.index-news .list .arrowa.next:hover:after {
  background-image: url(../image/next8on.svg);
}

.index-news .more {width: 1.22rem;
}

.index-news .morea {display: block;
}

.index-news .morea:before {
  content: "";display: block;position: absolute;right: 0;top: 0;background: url(../image/more122-yuan.svg) center no-repeat;background-size: 100% 100%;width: 0.92rem;height: 0.92rem;-webkit-animation: rotateAnima 20s linear infinite paused;animation: rotateAnima 20s linear infinite paused;
}

.index-news .moreaimg {position: relative;z-index: 2;
}

.index-news .morea:hover:before {
  -webkit-animation-play-state: running;animation-play-state: running;
}

.index-about .word {position: absolute;right: 0;bottom: -0.35rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;z-index: 5;pointer-events: none;
}

.index-about .wordimg {height: 2rem;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;
}

.index-about .img-list {position: absolute;left: 0;top: 0;right: 0;
}

.index-about .img-listul {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
}

.index-about .img-listli {width: 100%;height: 100vh;background: center no-repeat;background-size: cover;position: relative;color: #fff;overflow: hidden;
}

.index-about .img-listli:before {
  content: "";display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: #000;opacity: .3;
}

.index-about .img-listli>.name {position: absolute;left: 50%;top: 50%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;-webkit-transform: translateX(-50%) translateY(0);-ms-transform: translateX(-50%) translateY(0);transform: translateX(-50%) translateY(0);margin-top: -3.1rem;-webkit-transition: .5s;transition: .5s;
}

.index-about .img-listli>.name:after {
  content: "";display: block;position: absolute;left: 50%;top: 0;width: 0.21rem;height: 2.1rem;background: url(../image/line.svg) center top no-repeat;background-size: 100%;margin-left: -0.05rem;
}

.index-about .img-listli>.nameh5 {font-size: 0.3rem;width: 1em;line-height: 0.32rem;text-shadow: 0 0.02rem 0.04rem rgba(0,0,0,.3);
}

.index-about .img-listli>.name .en {font-size: 0.14rem;line-height: 0.32rem;text-transform: uppercase;color: rgba(255,255,255,.6);text-shadow: 0 0.02rem 0.04rem rgba(0,0,0,.3);-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;margin-right: 0.18rem;
}

.index-about .img-listli .bd {opacity: 0;-webkit-transition: .5s;transition: .5s;visibility: hidden;position: absolute;left: 50%;top: 50%;-webkit-transform: translateY(50%);-ms-transform: translateY(50%);transform: translateY(50%);margin-left: -8rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;width: 12.6rem;
}

.index-about .img-listli .bd .name {position: relative;
}

.index-about .img-listli .bd .name:after {
  content: "";display: block;position: absolute;left: 0;top: 0.32rem;width: 3.97rem;height: 0.22rem;background: url(../image/line2.png) center top no-repeat;background-size: 100%;
}

.index-about .img-listli .bd .nameh5 {font-size: 0.36rem;line-height: 0.32rem;color: #fff;text-shadow: 0 0.02rem 0.04rem rgba(0,0,0,.3);
}

.index-about .img-listli .bd .name .en {font-size: 0.18rem;line-height: 0.32rem;text-transform: uppercase;color: #fff;text-shadow: 0 0.02rem 0.04rem rgba(0,0,0,.3);margin-top: 0.32rem;
}

.index-about .img-listli .bd .more {width: 1.16rem;display: block;height: 0.95rem;background: url(../image/more116.svg) center no-repeat;background-size: 100%;-webkit-transition: 0s;transition: 0s;
}

.index-about .img-listli .bd .more:hover {
  background-image: url(../image/more116on.svg);
}

.index-about .img-listli:nth-child(1)>.name {margin-top: -2rem;
}

.index-about .img-listli.on {width: 100%;
}

.index-about .img-listli.on>.name {-webkit-transform: translateX(-50%) translateY(100%);-ms-transform: translateX(-50%) translateY(100%);transform: translateX(-50%) translateY(100%);opacity: 0;
}

.index-about .img-listli.on .bd {opacity: 1;visibility: visible;
}

.index-about .title {position: absolute;z-index: 5;left: 50%;top: 50%;margin-left: -8rem;margin-top: -3.1rem;
}

.index-about .titleh2 {font-size: 0.5rem;line-height: 0.5rem;color: #fff;
}

.index-about .list {position: absolute;z-index: 5;left: 50%;top: 50%;margin-left: -8rem;margin-top: 2.2rem;width: 16rem;opacity: 0;visibility: hidden;-webkit-transition: .5s;transition: .5s;pointer-events: none;
}

.index-about .list.show {opacity: 1;visibility: visible;pointer-events: auto;
}

.index-about .list .list-wrapper {background: rgba(255,255,255,.92);width: 12.6rem;height: 2rem;overflow: hidden;position: relative;
}

.index-about .list .list-wrapperli {position: relative;
}

.index-about .list .list-wrapperli:after {
  content: "";display: block;position: absolute;left: -1px;top: 0;bottom: 0;width: 1px;background: rgba(0,0,0,.1);
}

.index-about .list .list-wrapperlia {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;height: 2rem;padding: 0 0.45rem;
}

.index-about .list .list-wrapperlia .name {font-size: 0.18rem;line-height: 0.28rem;height: 0.56rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
}

.index-about .list .list-wrapperlia .time {margin-top: 0.18rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;background: url(../image/arrow16.svg) right center no-repeat;background-size: 0.16rem;font-family: "Bebas";
}

.index-about .list .list-wrapperlia .timeem {font-size: 0.32rem;line-height: 0.5rem;background: -webkit-linear-gradient(219deg, #07B88A 14%, #0F5EBB 57%);background: linear-gradient(231deg, #07B88A 14%, #0F5EBB 57%);-webkit-background-clip: text;-webkit-text-fill-color: rgba(0,0,0,0);background-clip: text;text-fill-color: rgba(0,0,0,0);
}

.index-about .list .arrow {position: absolute;right: 0;bottom: 0.42rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
}

.index-about .list .arrowa {margin-left: 0.38rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;position: relative;width: 0.42rem;height: 0.42rem;
}

.index-about .list .arrowa:before,
.index-about .list .arrow a:after {
  content: "";display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;border-radius: 50%;
}

.index-about .list .arrowa:before {
  border: rgba(255,255,255,.8) solid 1px;
}

.index-about .list .arrowa:after {
  background: -webkit-linear-gradient(left, #0F5EBB, #119C85);background: linear-gradient(to right, #0F5EBB, #119C85);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);opacity: 0;-webkit-transition: opacity .5s;transition: opacity .5s;
}

.index-about .list .arrowaimg {width: 0.08rem;position: relative;z-index: 5;
}

.index-about .list .arrowa:hover:before {
  opacity: 0;
}

.index-about .list .arrowa:hover:after {
  opacity: 1;
}

.page-banner-wrapper {position: relative;
}

.page-banner-wrapper .curr {position: absolute;right: 50%;margin-right: -8rem;bottom: 0.67rem;height: 0.3rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;background: url(../image/img15.svg) left center no-repeat;background-size: 0.15rem;padding-left: 0.28rem;font-size: 0.18rem;color: #fff;
}

.page-banner-wrapper .curra {color: #fff;
}

.page-banner-wrapper .currspan {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;width: 0.24rem;height: 0.24rem;
}

.page-banner-wrapper .currspan:after {
  content: "";font-family: "iconfont";-webkit-transform: scale(0.6);-ms-transform: scale(0.6);transform: scale(0.6);
}@media screen and (max-width: 800px) {
  .page-banner-wrapper .curr {
    display: none;
  }
}

.page-banner {background: center no-repeat;background-size: cover;color: #fff;
}



.page-banner .wal {height: 5.8rem;position: relative;
}

.page-banner .title {position: absolute;left: 0;bottom: 0.67rem;padding-bottom: 0.18rem;
}

.page-banner .title:after {
  content: "";display: block;position: absolute;left: 0;bottom: 0;width: 2.67rem;height: 0.22rem;background: url(../image/img264.svg) center no-repeat;background-size: 100%;
}

.page-banner .titleh2 {font-size: 0.36rem;font-weight: normal;line-height: 0.5rem;
}


.page-bannerqywh{width: 90%;margin: 0 auto;max-width: 1200px;
}


.page-bannerqywh .wal {height: 4.4rem !important;position: relative;
}


.page-nav {box-shadow: 0 1px 0 0 rgba(0,0,0,.1);
}

.page-navul {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;margin-right: -0.72rem;
}

.page-navli {position: relative;margin-right: 0.72rem;
}

.page-navli:after {
  content: "";display: block;position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 100%;width: 0.32rem;height: 0.26rem;border-right: 1px dashed rgba(0,0,0,.15);
}

.page-navlia.name {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;height: 0.9rem;font-size: 0.2rem;padding: 0 0.36rem;position: relative;color: #333;
}

.page-navlia.name:before {
  content: "";display: block;position: absolute;left: 50%;bottom: -1px;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 0;height: 0.03rem;background: -webkit-linear-gradient(right, #07B88A 0%, #0F5EBB 82%);background: linear-gradient(270deg, #07B88A 0%, #0F5EBB 82%);
}

.page-navlia.name:hover:before,
.page-nav li a.name.on:before {
  width: 100%;
}

.page-navlia.name.on {font-weight: 600;
}

.page-navli:last-child:after {
  display: none;
}

.page-title {text-align: center;padding: 0.67rem 0 0.45rem 0;
}

.page-titleh2 {font-size: 0.36rem;line-height: 0.5rem;padding-bottom: 0.31rem;position: relative;
}

.page-titleh2:after {
  content: "";display: block;position: absolute;left: 50%;bottom: 0.13rem;width: 3.88rem;height: 0.22rem;background: url(../image/img382.svg) center no-repeat;background-size: 100%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);
}

.page-title .en {font-size: 0.18rem;line-height: 0.32rem;color: rgba(51,51,51,.5);
}

.about {padding-bottom: 0.8rem;
}

.about .content {font-size: 0.19rem;text-align: justify;line-height: 0.34rem;text-indent: 2em;
}

.about .row {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;padding-bottom: 0.5rem;
}

.about .row .content {width: 100%;
}

.about .row .logo {width: 2.6rem;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;margin-left: 0.7rem;
}

.about .imgs {padding-bottom: 0.78rem;
}

.about .imgsul {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;
}

.about .imgsli {width: 33.333%;
}

.about .imgsliimg {width: 100%;
}

.about-foot {background: center no-repeat;background-size: cover;color: #fff;text-shadow: 0 0.04rem 0.06rem rgba(21,57,155,.2);
}

.about-foot .wal {height: 6rem;padding-top: 2rem;
}

.about-footh2 {font-size: 0.46rem;line-height: 0.5rem;
}

.about-foot .en {font-size: 0.2rem;margin-top: 0.04rem;line-height: 0.5rem;letter-spacing: .055em;
}

.leader {max-width: 10rem;margin: 0 auto;padding-bottom: 1rem;
}

.leaderul {display: -ms-grid;display: grid;grid-gap: 0.67rem;
}

.leaderli {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;
}

.leaderli .img {width: 2.4rem;
}

.leaderli .name {width: 6.91rem;
}

.leaderli .nameh5 {font-size: 0.32rem;line-height: 0.34rem;padding-bottom: 0.62rem;background: url(../image/line691.svg) left bottom no-repeat;background-size: 100%;
}

.leaderli .namep {font-size: 0.22rem;font-weight: 300;margin-top: 0.6rem;line-height: 0.34rem;
}

.leader222 {padding-bottom: 0.94rem;
}

.leader222ul {display: -ms-grid;display: grid;grid-gap: 0.5rem;-ms-grid-columns: (1fr)[5];grid-template-columns: repeat(5, 1fr);
}

.leader222li {position: relative;
}

.leader222li:before {
  content: "";display: block;position: absolute;left: -0.2rem;top: -0.2rem;right: -0.2rem;bottom: -0.2rem;opacity: 0;background: -webkit-linear-gradient(236deg, #07B88A 5%, #0F5EBB 74%);background: linear-gradient(214deg, #07B88A 5%, #0F5EBB 74%);
}

.leader222li .img {position: relative;
}

.leader222li .img:before {
  content: "";display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;box-sizing: border-box;z-index: 5;border: 1px dashed rgba(0,0,0,.12);
}

.leader222li .imgimg {width: 100%;height: 3.6rem;
}

.leader222li .name {position: relative;border: 1px solid rgba(0,0,0,.08);border-top: 0;height: 1.2rem;text-align: center;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-transition: .5s;transition: .5s;
}

.leader222li .nameh5 {font-size: 0.24rem;line-height: 0.34rem;-webkit-transition: padding-bottom .5s;transition: padding-bottom .5s;position: relative;padding-bottom: 0;
}

.leader222li .nameh5:before {
  content: "";display: block;position: absolute;left: 50%;bottom: 0.03rem;width: 0;height: 0.02rem;background: #fff;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);
}

.leader222li .namep {margin-top: 0.04rem;font-size: 0.18rem;line-height: 0.34rem;
}

.leader222li:hover:before {
  opacity: 1;
}

.leader222li:hover .img:before {
  opacity: 0;
}

.leader222li:hover .name {
  color: #fff;border-color: rgba(0,0,0,0);-webkit-transform: translateY(0.1rem);-ms-transform: translateY(0.1rem);transform: translateY(0.1rem);
}

.leader222li:hover .name h5 {
  padding-bottom: 0.2rem;
}

.leader222li:hover .name h5:before {
  width: 0.76rem;
}

.group {padding-bottom: 0.82rem;
}

.chanye {max-width: 14rem;margin: 0 auto;padding: 0.25rem 0 1.02rem 0;
}

.history {background: url(../image/history.jpg) center bottom no-repeat;background-size: 100%;position: relative;width: 100%;overflow: hidden;
}

.history .page-title {padding: 0.67rem 0 0.5rem 0;
}

.history .logo {width: 2.2rem;margin: 0 auto;
}

.history .list {min-height: 5rem;position: relative;padding: 0.3rem 0 2rem 0;
}

.history .list:after {
  content: "";display: block;position: absolute;left: 50%;top: 0;bottom: 0;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 1px;background: #d8d8d8;
}

.history .list .item {width: 50%;position: relative;padding-top: 1.85rem;z-index: 2;
}

.history .list .item .year {width: 2.27rem;border-bottom: #d8d8d8 solid 1px;position: absolute;top: 0.6rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
}

.history .list .item .yearem {font-size: 0.66rem;color: #0f5ebb;font-family: "Bebas";line-height: 0.5rem;padding-bottom: 0.26rem;position: relative;font-weight: bold;
}

.history .list .item .yearem:after {
  content: "";display: block;position: absolute;left: 0;bottom: -1px;right: 0;height: 0.03rem;background: #0f5ebb;
}

.history .list .itemli {padding: 0 0.55rem 0.17rem 0.55rem;position: relative;min-height: 0.5rem;
}

.history .list .itemli:after {
  content: "";display: block;position: absolute;top: 0.21rem;width: 0.09rem;height: 0.09rem;background: #fff;box-sizing: border-box;border: 1px solid #0f5ebb;border-radius: 50%;
}

.history .list .itemli .month {line-height: 0.5rem;font-size: 0.28rem;position: absolute;top: 0;white-space: nowrap;
}

.history .list .itemli .content {max-width: 6.24rem;font-size: 0.18rem;font-weight: 300;line-height: 0.26rem;padding: 0.12rem 0;
}

.history .list .item:nth-child(odd) {
  margin-left: auto;
}

.history .list .item:nth-child(odd) .year {
  right: 100%;
}

.history .list .item:nth-child(odd) li:after {
  left: 0;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);
}

.history .list .item:nth-child(odd) li .month {
  right: 100%;padding-right: 0.6rem;
}

.history .list .item:nth-child(even) .year {
  left: 100%;-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;
}

.history .list .item:nth-child(even) li:after {
  right: 0;-webkit-transform: translateX(50%);-ms-transform: translateX(50%);transform: translateX(50%);
}

.history .list .item:nth-child(even) li .month {
  left: 100%;padding-left: 0.6rem;
}

.history .list .item:nth-child(even) li .content {
  text-align: right;margin-left: auto;
}

.history .word {position: absolute;left: 0;bottom: -0.35rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
}

.history .wordimg {height: 2rem;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;
}

.culture {padding: 0.86rem 0 1.04rem 0;min-height: 800px;
}

.cultureul {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-left: -0.1rem;
}

.cultureli {padding: 0 0 0.1rem 0.1rem;width: 33.3%;
}

.culturelia {display: block;position: relative;
}

.culturelia:after {
  content: "";display: block;position: absolute;left: 0;bottom: 0;right: 0;height: 2rem;pointer-events: none;background: -webkit-linear-gradient(top, rgba(216, 216, 216, 0) 0%, rgba(0, 0, 0, 0.7) 100%);background: linear-gradient(180deg, rgba(216, 216, 216, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}

.culturelia .name {position: absolute;z-index: 5;left: 0.4rem;bottom: 0.3rem;font-size: 0.26rem;color: #fff;
}

.news {padding-top: 0.9rem;
}

.newsli {margin-bottom: 0.6rem;position: relative;
}

.newsli:last-child {
  margin-bottom: 0;
}

.newsli:before {
  content: "";display: block;position: absolute;left: -0.48rem;right: -0.48rem;top: -0.4rem;bottom: -0.4rem;opacity: 0;background: -webkit-linear-gradient(194deg, #07B88A 0%, #1450AA 54%);background: linear-gradient(256deg, #07B88A 0%, #1450AA 54%);pointer-events: none;
}

.newslia {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;position: relative;
}

.newslia .zoomImg {width: 3.48rem;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;
}

.newslia .zoomImgimg {height: 2.4rem;
}

.newslia .bd {width: 100%;padding: 0 1.49rem 0 0.63rem;
}

.newslia .bd .time {font-size: 0.22rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;color: #0f5ebb;font-family: "Bebas";font-weight: 600;height: 0.8rem;-webkit-transition: color .5s;transition: color .5s;
}

.newslia .bd .timeb {margin-right: 0.11rem;font-size: 0.56rem;background: -webkit-linear-gradient(243deg, #07B88A 16%, #0F5EBB 60%);background: linear-gradient(207deg, #07B88A 16%, #0F5EBB 60%);-webkit-transition: background .5s;transition: background .5s;-webkit-background-clip: text;-webkit-text-fill-color: rgba(0,0,0,0);background-clip: text;text-fill-color: rgba(0,0,0,0);
}

.newslia .bd .timeem {-webkit-transform: translateY(0.06rem);-ms-transform: translateY(0.06rem);transform: translateY(0.06rem);
}

.newslia .bd .name {font-size: 0.22rem;line-height: 0.3rem;margin-top: 0.18rem;
}

.newslia .bdp {font-size: 0.18rem;line-height: 0.3rem;height: 0.6rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: 0.28rem;color: #555;-webkit-transition: color .5s;transition: color .5s;
}

.newslia .bd .more {position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);right: 0;width: 1rem;height: 0.92rem;background: url(../image/more.svg) center no-repeat;background-size: 100% 100%;color: rgba(255,255,255,0);
}@media screen and (min-width: 800px) {
  .news li:hover:before {
    opacity: 1;
  }

  .news li:hover a {
    color: #fff;
  }

  .news li:hover a .bd .time {
    color: #fff;
  }

  .news li:hover a .bd .time b {
    background: #fff;-webkit-background-clip: text;-webkit-text-fill-color: rgba(0,0,0,0);background-clip: text;text-fill-color: rgba(0,0,0,0);
  }

  .news li:hover a .bd p {
    color: #fff;
  }

  .news li:hover a .bd .more {
    background-image: url(../image/moreon.svg);
  }
}

.activities {padding-top: 0.6rem;min-height:600px;
}

.activitiesli {border-bottom: 1px solid rgba(0,0,0,.06);
}

.activitiesli:before {
  /* content: ""; */
  /* display: block; */
  /* position: absolute; */
  /* left: -0.48rem; */
  /* right: -0.48rem; */
  /* top: -0.1rem; */
  /* bottom: -0.1rem; */
  /* opacity: 0; */
  /* background: -webkit-linear-gradient(194deg, #07B88A 0%, #1450AA 54%); */
  /* background: linear-gradient(256deg, #07B88A 0%, #1450AA 54%); */
  /* pointer-events: none; */}

.activitieslia {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;height: 1.45rem;position: relative;
}

.activitieslia .time {font-size: 0.22rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;color: #0f5ebb;font-family: "Bebas";font-weight: 600;height: 0.8rem;-webkit-transition: color .5s;transition: color .5s;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;width: 2.4rem;padding-left: 0.1rem;
}

.activitieslia .timeb {margin-right: 0.11rem;font-size: 0.56rem;background: -webkit-linear-gradient(243deg, #07B88A 16%, #0F5EBB 60%);background: linear-gradient(207deg, #07B88A 16%, #0F5EBB 60%);-webkit-transition: background .5s;transition: background .5s;-webkit-background-clip: text;-webkit-text-fill-color: rgba(0,0,0,0);background-clip: text;text-fill-color: rgba(0,0,0,0);
}

.activitieslia .timeem {-webkit-transform: translateY(0.06rem);-ms-transform: translateY(0.06rem);transform: translateY(0.06rem);
}

.activitieslia .name {font-size: 0.22rem;line-height: 0.3rem;
}

.activitieslia .more {-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;margin-left: auto;width: 1rem;height: 0.92rem;background: url(../image/more.svg) center no-repeat;background-size: 100% 100%;color: rgba(255,255,255,0);
}@media screen and (min-width: 800px) {
  .activities li:hover:before {
    opacity: 1;
  }

  .activities li:hover a {
    color: #fff;
  }

  .activities li:hover a .time {
    color: #fff;
  }

  .activities li:hover a .time b {
    background: #fff;-webkit-background-clip: text;-webkit-text-fill-color: rgba(0,0,0,0);background-clip: text;text-fill-color: rgba(0,0,0,0);
  }

  .activities li:hover a p {
    color: #fff;
  }

  .activities li:hover a .more {
    background-image: url(../image/moreon.svg);
  }
}

.page-num {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;padding: 0.68rem 0 0.97rem 0;font-size: 0.16rem;
}

.page-numdiv {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;margin: 0 0.12rem;
}

.page-numdiva {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;margin: 0 0.03rem;color: #666;width: 0.36rem;height: 0.36rem;border: 1px solid #dcdcdc;
}

.page-numdiva:hover,
.page-num div a.on {
  background: #1450aa;border-color: #1450aa;color: #fff;
}

.page-numdiva.prev:after {
  font-family: "iconfont";content: "";
}

.page-numdiva.next:after {
  font-family: "iconfont";content: "";
}

.news-detail .head {border-bottom: #d8d8d8 dashed 1px;padding: 0.9rem 0 0.33rem 0;
}

.news-detail .headh2 {font-size: 0.28rem;line-height: 0.3rem;text-align: center;
}

.news-detail .head .row {margin-top: 0.19rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
}

.news-detail .head .row .time {font-size: 0.18rem;color: #666;padding-left: 0.28rem;background: url(../image/time18.svg) left center no-repeat;background-size: 0.18rem;
}

.news-detail .head .row .controls {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;margin-left: 0.6rem;
}

.news-detail .head .row .controls .name {width: 0.21rem;
}

.news-detail .head .row .controlsa {font-size: 0.18rem;color: #666;margin-left: 1em;
}

.news-detail .content {padding: 0.6rem 0;font-size: calc(var(--s, 1)*0.2rem);line-height: 1.7em;max-width: 14rem;margin: 0 auto;
}

.news-detail .content .p {text-indent: 2em;
}
.news-detail .contentp {font-size: 0.18rem !important;line-height: 0.5rem !important;
}

.news-detail .content .img {text-align: center;padding: 0.4rem 0;
}

.news-detail .content .list {padding-bottom: 0.4rem;
}

.news-detail .content .listli {margin-top: 0.1rem;padding-left: 0.18rem;position: relative;
}

.news-detail .content .listli:before {
  content: "";display: block;position: absolute;left: 0;top: 0.17rem;border-radius: 50%;width: 0.06rem;height: 0.06rem;background: #333;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);
}


.news-detail .contenttable{/* display: block; */word-break: keep-all;margin: 0 auto;max-width: 100%;/* overflow-x: scroll; */}
.page-share {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
}

.page-share:before {
  content: "";-webkit-transition: 0s;transition: 0s;width: 100%;height: 1px;background: #333;
}

.page-share .name {-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;font-size: 0.18rem;padding: 0 0.15rem 0 0.35rem;
}

.page-sharea {-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;width: 0.21rem;margin-left: 0.2rem;
}

.page-num2 {padding: 0.25rem 0 0.7rem 0;
}

.page-num2li {padding-bottom: 0.11rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;font-size: 0.18rem;line-height: 0.34rem;
}

.page-num2lib {color: #1450aa;margin-right: 0.27rem;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;
}

.tcjs,
.tcwh {padding: 0.84rem 0 0.84rem 0;
}

.tcjs .head,
.tcwh .head {position: relative;
}

.tcjs .head .title,
.tcwh .head .title {position: absolute;z-index: 5;left: 0.7rem;top: 0.76rem;color: #fff;
}

.tcjs .head .titleh3,
.tcwh .head .titleh3 {font-size: 0.36rem;line-height: 0.5rem;width: 3rem;background: url(../image/img297.svg) left bottom no-repeat;background-size: 100%;padding-bottom: 0.17rem;
}

.tcjs .head .title .en,
.tcwh .head .title .en {font-size: 0.18rem;line-height: 0.32rem;opacity: .5;margin-top: 0.13rem;
}

.tcjs .head .titlep,
.tcwh .head .titlep {font-size: 0.2rem;line-height: 0.32rem;margin-top: 0.15rem;width: 3.05rem;
}

.tcjs .head .img,
.tcwh .head .img {width: 10.02rem;
}

.tcjs .head .video,
.tcwh .head .video {/* width: 7.89rem; *//* position: absolute; */z-index: 5;right: 0;top: 0.91rem;
}

.tcjs .head .video:after,
.tcwh .head .video:after {
  content: "";display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: url(../image/img90.svg) center no-repeat;background-size: 0.9rem;cursor: pointer;
}

.tcjs .head .videovideo,
.tcwh .head .videovideo {display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 5;background: #000;object-fit: cover;opacity: 0;visibility: hidden;-webkit-transition: .5s;transition: .5s;
}

.tcjs .head .video.onvideo,
.tcwh .head .video.onvideo {opacity: 1;visibility: visible;
}

.tcwh-bg {background: url(../image/tcwh-bg.png) center bottom no-repeat;background-size: 100%;
}

.tcwh>.row {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;position: relative;
}

.tcwh .side {width: 3rem;position: -webkit-sticky;position: sticky;top: 0;padding: 2.2rem 0 0 0.4rem;background: url(../image/img18_2.svg) left 3.61rem no-repeat;background-size: 0.18rem;
}

.tcwh .side:before {
  content: "";display: block;position: absolute;left: 0;top: 3.6rem;margin-top: calc(var(--t, 0)*1.1rem);width: 0.03rem;height: 1.14rem;background: url(../image/line3.svg) center no-repeat;background-size: 100% 100%;
}

.tcwh .sideh3 {font-size: 0.36rem;line-height: 0.5rem;margin-bottom: 0.44rem;
}

.tcwh .sideli {padding-bottom: 0.33rem;
}

.tcwh .sidelia {display: block;
}

.tcwh .sideliah5 {font-size: 0.22rem;line-height: 0.47rem;color: #1450aa;
}

.tcwh .sideliap {font-size: 0.18rem;font-weight: normal;line-height: 0.3rem;color: #666;
}

.tcwh .w1200 {width: 12rem;
}

.tcwh .w1200 .nav {position: relative;padding: 0.78rem 0 0 0;
}

.tcwh .w1200 .nav:before {
  content: "";display: block;position: absolute;left: 0;bottom: 0;right: 0;height: 1px;background: -webkit-linear-gradient(right, #07B88A 0%, #0F5EBB 82%);background: linear-gradient(270deg, #07B88A 0%, #0F5EBB 82%);opacity: .2;
}

.tcwh .w1200 .navul {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
}

.tcwh .w1200 .navli {width: 50%;
}

.tcwh .w1200 .navlia {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;height: 0.88rem;font-size: 0.24rem;color: #666;position: relative;
}

.tcwh .w1200 .navlia:before {
  content: "";display: block;position: absolute;left: 50%;bottom: 0;width: 0;height: 0.03rem;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);background: -webkit-linear-gradient(right, #07B88A 0%, #0F5EBB 82%);background: linear-gradient(270deg, #07B88A 0%, #0F5EBB 82%);
}

.tcwh .w1200 .navlia:hover,
.tcwh .w1200 .nav li a.on {
  color: #333;
}

.tcwh .w1200 .navlia:hover:before,
.tcwh .w1200 .nav li a.on:before {
  width: 100%;
}

.tcwh .w1200 .navlia.on {font-weight: 600;
}

.tcwh .w1200 .list .item {margin-top: 0.6rem;border-radius: 0.1rem;padding: 0.5rem 0.5rem 0.6rem 0.5rem;background: #fff;
}

.tcwh .w1200 .list .itemul {margin-top: 0.45rem;
}

.tcwh .w1200 .list .itemulli {font-size: 0.18rem;line-height: 0.38rem;padding-bottom: 0.36rem;
}

.tcwh .w1200 .list .itemulli:last-child {
  padding-bottom: 0;
}

.tcwh .w1200 .list .itemullih5 {font-size: 0.2rem;padding-bottom: 0.18rem;
}

.tcwh .w1200 .list .itemulli .content {font-weight: 300;
}

.tcwh .w1200 .list .item .hd {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
}

.tcwh .w1200 .list .item .hd .zoomImg {-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;width: 2.8rem;margin-right: 0.6rem;
}

.tcwh .w1200 .list .item .hdul {width: 100%;margin-top: 0;
}

.tcjs {padding-bottom: 0.9rem;
}

.tcjs .content {font-size: 0.19rem;line-height: 0.34rem;font-weight: 300;
}

.tcjs .content .p {text-indent: 2em;
}

.tcjs .content .mt {margin-top: 0.34rem;
}

.tcjs .content-1 {position: relative;padding: 1rem 0;
}

.tcjs .content-1:after {
  content: "";display: block;position: absolute;bottom: 0;right: 0;width: 3.68rem;height: 100%;background: url(../image/img368.png) center bottom no-repeat;background-size: 100%;z-index: 0;
}

.tcjs .list {min-height: 5rem;position: relative;padding-top: 1.3rem;
}

.tcjs .list:before {
  content: "";display: block;position: absolute;left: 50%;top: 0;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 19.2rem;height: 5.08rem;z-index: 0;background: url(../image/img508.jpg) center no-repeat;background-size: cover;
}

.tcjs .list .title {position: relative;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;height: 1.6rem;padding-top: 0.47rem;
}

.tcjs .list .title:after {
  content: "";display: block;position: absolute;left: 0;top: 1.18rem;height: 0.03rem;width: 1.3rem;background: -webkit-linear-gradient(right, #07B88A 0%, #0F5EBB 82%);background: linear-gradient(270deg, #07B88A 0%, #0F5EBB 82%);
}

.tcjs .list .title .num {position: absolute;right: 0;top: -0.2rem;font-size: 2rem;line-height: 1em;background: -webkit-linear-gradient(top, rgba(20, 80, 170, 0.1) 22%, rgba(20, 80, 170, 0.01) 100%);background: linear-gradient(180deg, rgba(20, 80, 170, 0.1) 22%, rgba(20, 80, 170, 0.01) 100%);-webkit-background-clip: text;-webkit-text-fill-color: rgba(0,0,0,0);background-clip: text;text-fill-color: rgba(0,0,0,0);font-family: "Bebas";font-weight: bold;
}

.tcjs .list .titleh3 {position: relative;font-size: 0.34rem;line-height: 1em;
}

.tcjs .list .item-1 {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;position: relative;z-index: 1;background: #fff;
}

.tcjs .list .item-1 .zoomImg {width: 7.14rem;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;
}

.tcjs .list .item-1 .bd {width: 100%;padding: 0 0.68rem;
}

.tcjs .list .item-2 {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;position: relative;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;z-index: 1;background: #fff;padding-top: 1.05rem;
}

.tcjs .list .item-2 .zoomImg {width: 9.05rem;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;
}

.tcjs .list .item-2 .bd {width: 100%;padding: 0 0.4rem 0 0;
}

.tcjs .list .item-3 {position: relative;z-index: 1;background: #fff;min-height: 6.6rem;margin-top: 0.45rem;
}

.tcjs .list .item-3:before {
  content: "";display: block;position: absolute;left: 50%;margin-left: -9.6rem;bottom: 0.92rem;width: 7.61rem;height: 0.93rem;background: #119c85;-webkit-transition: 0s;transition: 0s;
}

.tcjs .list .item-3:after {
  content: "";display: block;position: absolute;right: 50%;margin-right: -9.6rem;bottom: 0;width: 11.59rem;height: 0.92rem;background: #1450aa;
}

.tcjs .list .item-3 .zoomImg {width: 7.61rem;position: absolute;left: 50%;top: 0;margin-left: -9.6rem;
}

.tcjs .list .item-3 .zoomImgimg {height: 4.75rem;
}

.tcjs .list .item-3 .bd {width: 9rem;margin-left: auto;padding-top: 0.96rem;
}

.tcjs .list .item-4 {margin-top: 0.64rem;
}

.tcjs .list .item-4 .title {width: 100%;text-align: center;
}

.tcjs .list .item-4 .title:after {
  left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);
}

.tcjs .list .item-4 .title .num {right: 50%;-webkit-transform: translateX(50%);-ms-transform: translateX(50%);transform: translateX(50%);
}

.tcjs .list .item-4 .content {max-width: 12.8rem;margin: 0 auto;background: url(../image/img1280.png) center repeat-y;background-size: 100%;padding: 0.6rem 0.7rem;
}

.tcjs .list .item-5 {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;padding: 0.47rem 0 0.2rem 0;
}

.tcjs .list .item-5 .zoomImg {width: 6.01rem;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;
}

.tcjs .list .item-5 .bd {width: 100%;padding: 0 0.59rem 0.35rem 0;
}

.tcjs .list .item-5 .bd .title .num {right: 100%;-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);
}

.tcjs .list .item-6 {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;padding-bottom: 0.8rem;
}

.tcjs .list .item-6 .left {width: 6.6rem;
}

.tcjs .list .item-6 .left .content {width: 6.14rem;margin-top: 0.4rem;
}

.tcjs .list .item-6 .right {width: 9.2rem;height: 4.25rem;overflow-y: auto;/* overflow: hidden; */padding: 0.3rem 0.4rem;background: -webkit-linear-gradient(222deg, #07B88A 0%, #1450AA 60%);background: linear-gradient(228deg, #07B88A 0%, #1450AA 60%);color: #fff;
}


.tcjs .list .item-6 .right::-webkit-scrollbar {
    width: 5px}

.tcjs .list .item-6 .right::-webkit-scrollbar-track {
    border-radius: 5px;background: rgba(0,0,0,.1);
}

.tcjs .list .item-6 .right::-webkit-scrollbar-thumb {
    border-radius: 5px;background: linear-gradient(45deg,#0082e6 0%,#00aec0 100%);
}


.xwlz {/* background: #f9f9f9; */padding: 0.84rem 0;
}

.xwlz .wal {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;
}

.xwlz .side {width: 4rem;position: -webkit-sticky;position: sticky;top: 1.5rem;padding: 0 0 0 0.4rem;background: url(../image/img18_3.svg) left 1.41rem no-repeat;background-size: 0.18rem;
}

.xwlz .side:before {
  content: "";display: block;position: absolute;left: 0;top: 1.4rem;margin-top: calc(var(--t, 0)*1.1rem);width: 0.03rem;height: 1.14rem;background: url(../image/line3.svg) center no-repeat;background-size: 100% 100%;
}

.xwlz .sideh3 {font-size: 0.36rem;line-height: 0.5rem;margin-bottom: 0.44rem;
}

.xwlz .sideli {padding-bottom: 0.33rem;
}

.xwlz .sidelia {display: block;
}

.xwlz .sideliah5 {font-size: 0.22rem;line-height: 0.47rem;color: #1450aa;
}

.xwlz .sideliap {font-size: 0.18rem;font-weight: normal;line-height: 0.3rem;color: #666;
}

.xwlz .list {width: 11.6rem;display: -ms-grid;display: grid;grid-gap: 0.6rem;
}

.xwlz .list .item {border-radius: 0.1rem;padding: 0.5rem;background: #fff;
}

.xwlz .list .itemh3 {font-size: 0.36rem;line-height: 1em;
}

.xwlz .list .item .msg {font-size: 0.18rem;line-height: 0.38rem;font-weight: 300;margin-top: 0.2rem;
}

.xwlz .list .itemli {margin-top: 0.38rem;
}

.xwlz .list .itemlih5 {font-size: 0.2rem;position: relative;line-height: 0.38rem;padding-left: 0.24rem;color: #1450aa;
}

.xwlz .list .itemlih5:before {
  content: "";display: block;position: absolute;left: 0;top: 50%;width: 0.04rem;height: 0.28rem;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);background: -webkit-linear-gradient(bottom, #07B88A 0%, #0F5EBB 100%);background: linear-gradient(0deg, #07B88A 0%, #0F5EBB 100%);
}

.xwlz .list .itemlip {font-size: 0.18rem;line-height: 0.38rem;font-weight: 300;margin-top: 0.2rem;
}

.service {padding: 0.5rem 0 1.2rem 0;
}

.service .title {padding: 0.74rem 0 0.38rem 0;border-bottom: #d8d8d8 dashed 1px;
}

.service .titleh3 {font-size: 0.36rem;line-height: 1em;
}

.service .list {padding-top: 0.5rem;
}

.service .listul {display: -ms-grid;display: grid;-ms-grid-columns: (1fr)[3];grid-template-columns: repeat(3, 1fr);grid-gap: 0.3rem 0.8rem;
}

.service .listli {background: #f6faff;padding: 0 0.3rem;
}

.service .list .fwzxwz{display: inline-block;width: 60%;
}

.service .list .zoomImg{width: 38%;float: right;padding: 30px 0px;}



.service .listli .tel {font-size: 0.46rem;color: #0f5ebb;font-family: "Bebas";line-height: 1em;white-space: nowrap;
}

.service .listli .hd {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;height: 1.56rem;
}

.service .listli .hd .name {font-size: 0.22rem;line-height: 0.3rem;margin-bottom: 0.16rem;
}

.service .listli .hd .name2 {font-size: 0.19rem;
}

.service .listli>.tel {height: 1.16rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
}

.service .listli .bd {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;padding: 0.28rem 0 0.4rem 0;border-top: rgba(33,74,154,.1) solid 1px;
}

.service .listli .bd .name {margin-right: 0.14rem;font-size: 0.22rem;white-space: nowrap;
}

.service .listli .bdem {white-space: nowrap;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;padding: 0 0.17rem;font-size: 0.18rem;color: #fff;border-radius: 0.3rem;background: -webkit-linear-gradient(right, #07B88A 0%, #0F5EBB 82%);background: linear-gradient(270deg, #07B88A 0%, #0F5EBB 82%);height: 0.36rem;
}

.service .list-2 {width: 10.4rem;
}

.service .list-2ul {-ms-grid-columns: (1fr)[2];grid-template-columns: repeat(2, 1fr);
}
.honor {min-height:600px;}
.honorul {display: -ms-grid;display: grid;-ms-grid-columns: (1fr)[3];grid-template-columns: repeat(3, 1fr);grid-gap: 0.4rem;
}

.honorli {cursor: pointer;
}

.honorli .img {border: #c0a063 solid 1px;padding: 0.12rem;
}

.honorli .imgimg {height: 3.2rem;margin: 0 auto;display: block;
}

.honorli .name {text-align: center;font-size: 0.2rem;line-height: 0.3rem;padding: 0.26rem 0 0.08rem 0;
}

.honor-layer {background: rgba(0,0,0,.4);position: fixed;z-index: 100;left: 0;top: 0;right: 0;bottom: 0;opacity: 0;visibility: hidden;-webkit-transition: opacity .5s;transition: opacity .5s;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
}

.honor-layer.show {opacity: 1;visibility: visible;
}

.honor-layer .wal {height: 70vh;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;position: relative;width: 16rem;
}

.honor-layer .close {display: block;width: 0.3rem;position: absolute;z-index: 5;top: 0;right: 0;
}

.honor-layer .close:hover {
  -webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);
}

.honor-layer .img {width: 6.66rem;border: #c0a063 solid 1px;padding: 0.12rem;
}

.honor-layer .imgimg {width: 100%;
}

.honor-layer .name {text-align: center;font-size: 0.26rem;line-height: 0.3rem;padding: 0.22rem 0 0 0;color: #fff;
}

.industrial {padding: 0.85rem 0 1.2rem 0;
}

.industrialli {margin-bottom: 0.6rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
}

.industrialli:last-child {
  margin-bottom: 0;
}

.industrialli .zoomImg {-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;width: 7.2rem;
}

.industrialli .bd {width: 100%;padding: 0 0.85rem;position: relative;z-index: 5;
}

.industrialli .bd:before {
  content: "";display: block;position: absolute;left: 0;top: 50%;right: 0;height: 4.1rem;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);pointer-events: none;background: url(../image/img910.svg) center no-repeat;background-size: 100% 100%;-webkit-transition: 0s;transition: 0s;
}

.industrialli .bdh5 {font-size: 0.34rem;
}

.industrialli .bdp {font-size: 0.18rem;font-weight: 300;margin-top: 0.36rem;line-height: 0.3rem;height: 0.9rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;
}

.industrialli .bd .more {margin-top: 0.4rem;width: 1rem;
}

.industrialli:nth-child(odd) .bd:before {
  left: -0.3rem;
}

.industrialli:nth-child(even) {
  -webkit-box-orient: horizontal;-webkit-box-direction: reverse;-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;
}

.industrialli:nth-child(even) .bd:before {
  right: -0.3rem;-webkit-transform: translateY(-50%) rotateY(180deg);transform: translateY(-50%) rotateY(180deg);
}

.industrial-nav {padding: 0.5rem 0 0.6rem 0;
}

.industrial-navul {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;grid-gap: 0.3rem;
}

.industrial-navli {position: relative;
}

.industrial-navli:after {
  content: "";display: block;position: absolute;left: 100%;top: 0;width: 0.3rem;height: 0.5rem;background: url(../image/line5.svg) center no-repeat;background-size: 0.17rem;
}

.industrial-navli:last-child:after {
  display: none;
}

.industrial-navlia {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;width: 2.68rem;padding-bottom: 0.18rem;line-height: 0.5rem;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;text-align: center;font-size: 0.2rem;color: #666;position: relative;
}

.industrial-navlia:before {
  content: "";display: block;position: absolute;left: 0;bottom: 0;height: 0.22rem;background: url(../image/img262.svg) center no-repeat;background-size: 100% 100%;opacity: 0;right: 0;
}

.industrial-navlia:hover,
.industrial-nav li a.on {
  color: #0f5ebb;
}

.industrial-navlia:hover:before,
.industrial-nav li a.on:before {
  opacity: 1;
}

.industrial-navlia.on {font-weight: bold;
}

.industrial-list {padding-bottom: 0.86rem;
}

.industrial-listul {display: -ms-grid;display: grid;grid-gap: 0.5rem;-ms-grid-columns: (1fr)[3];grid-template-columns: repeat(3, 1fr);
}

.industrial-listlia {display: block;
}

.industrial-listlia .zoomImgimg {height: 3.3rem;
}

.industrial-listlia .name {margin-top: 0.19rem;font-size: 0.22rem;line-height: 0.5rem;text-align: left;
}

.industrial-listlia .name .more {margin-top: 0.14rem;height: 0.16rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;float: right;
}

.industrial-listli .name .more:before {
  content: "";width: 0.39rem;height: 0.16rem;background: url(../image/more32on.png) center no-repeat;background-size: 100%;
}

.industrial-listli .name .more:after {
  content: "";width: 0.12rem;height: 0.12rem;background: url(../image/arrow24on.png) center no-repeat;background-size: 100%;margin-left: 0.1rem;-webkit-transition: .5s;transition: .5s;
}

.industrial-listli  .name .more:hover:before {
  background-image: url(../image/more32on.png);
}

.industrial-listli  .name .more:hover:after {
  background-image: url(../image/arrow24on.png);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);
}


.industrial-detail .detail .img {max-width: 7.5rem;margin: 0 auto;
}

.industrial-detail .detail .imgimg {width: 100%;
}

.industrial-detail .detail .content {font-size: 0.19rem;line-height: 0.38rem;max-width: 13.6rem;margin: 0 auto;padding-top: 0.6rem;color: #333;text-indent: 2em;
}

.industrial-detail .detail .content .p {text-indent: 2em;padding-bottom: 0.2rem;
}

.representative-productsul {display: -ms-grid;display: grid;-ms-grid-columns: (1fr)[3];grid-template-columns: repeat(3, 1fr);grid-gap: 0.5rem;
}

.representative-productslia {display: block;
}

.representative-productslia .zoomImgimg {height: 3.3rem;
}

.representative-productslia .name {margin-top: 0.19rem;font-size: 0.22rem;line-height: 0.5rem;text-align: center;
}

.project-performance {padding-bottom: 0.97rem;width: 100%;overflow: hidden;position: relative;
}

.project-performance .list-wrapper {margin-right: -0.5rem;
}

.project-performance .list-wrapperli {padding-right: 0.5rem;
}

.project-performance .list-wrapperlia {display: block;
}

.project-performance .list-wrapperlia .zoomImgimg {height: 3.3rem;
}

.project-performance .list-wrapperlia .name {margin-top: 0.19rem;font-size: 0.22rem;line-height: 0.5rem;text-align: center;
}

.product-detail {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-bottom: 0.89rem;
}

.product-detail .head {width: 100%;padding: 1.04rem 0 0.85rem 0;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;
}

.product-detail .head .zoomImg {width: 7.6rem;
}

.product-detail .head .bd {width: 7.6rem;
}

.product-detail .head .bd .title {border-bottom: 1px solid rgba(0,0,0,.1);padding-bottom: 0.26rem;
}

.product-detail .head .bd .titleh2 {font-size: 0.28rem;line-height: 0.5rem;
}

.product-detail .head .bd .title .en {font-size: 0.18rem;line-height: 0.4rem;color: #666;
}

.product-detail .head .bd .list {padding-top: 0.65rem;
}

.product-detail .head .bd .listul {display: -ms-grid;display: grid;-ms-grid-columns: (1fr)[4];grid-template-columns: repeat(4, 1fr);grid-gap: 0.4rem;
}

.product-detail .head .bd .listli {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;border-radius: 0.05rem;height: 2.05rem;background: #f5f8fc;border: 1px solid rgba(15,94,187,.2);
}

.product-detail .head .bd .listli .ico {width: 0.54rem;
}

.product-detail .head .bd .listli .name {margin-top: 0.15rem;line-height: 0.5rem;font-size: 0.18rem;
}

.product-detail .head .bd .content {font-size: 0.18rem;line-height: 1.8em;margin-top: 0.3rem;
}

.product-detail .list-wrapper {width: 7.6rem;
}

.product-detail .list-wrapper .title {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;padding: 0.7rem 0 0.6rem 0;font-size: 0.34rem;color: #1450aa;font-weight: 600;line-height: 1em;
}

.product-detail .list-wrapper .title:before {
  content: "";display: block;margin-right: 0.16rem;background: -webkit-linear-gradient(bottom, #07B88A 0%, #0F5EBB 100%);background: linear-gradient(0deg, #07B88A 0%, #0F5EBB 100%);width: 0.04rem;height: 0.3rem;
}

.product-detail .list-wrapper .list .item {border-bottom: rgba(0,0,0,.1) solid 1px;
}

.product-detail .list-wrapper .list .item .name {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;height: 0.68rem;cursor: pointer;padding: 0 0.5rem 0 0.2rem;position: relative;
}

.product-detail .list-wrapper .list .item .name:before {
  content: "";display: block;position: absolute;left: 0;bottom: 0;width: 0;height: 1px;background: -webkit-linear-gradient(left, #0F5EBB 0%, #07B88A 82%);background: linear-gradient(to right, #0F5EBB 0%, #07B88A 82%);
}

.product-detail .list-wrapper .list .item .name:after {
  content: "";display: block;position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);right: 0.2rem;width: 0.22rem;height: 0.22rem;background: url(../image/arrow22.svg) center no-repeat;background-size: 0.16rem;
}

.product-detail .list-wrapper .list .item .nameh5 {font-weight: 400;font-size: 0.2rem;-webkit-transition: color .5s;transition: color .5s;
}

.product-detail .list-wrapper .list .item .content {display: none;font-size: 0.18rem;line-height: 0.32rem;color: #555;padding: 0.38rem 0 0.62rem 0.2rem;
}

.product-detail .list-wrapper .list .item .contentb {color: #333;
}

.product-detail .list-wrapper .list .item .content .img {text-align: center;padding-top: 0.35rem;width: 4.26rem;margin: 0 auto;
}

.product-detail .list-wrapper .list .item.open .name:before {
  width: 100%;
}

.product-detail .list-wrapper .list .item.open .name:after {
  background-image: url(../image/arrow22on.svg);background-size: 0.22rem;
}

.product-detail .list-wrapper .list .item.open .nameh5 {font-weight: 600;
}

.down {background: #f5f8fc;padding-bottom: 1.03rem;
}

.down .title {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;padding: 0.7rem 0 0.6rem 0;font-size: 0.34rem;color: #1450aa;font-weight: 600;line-height: 1em;
}

.down .title:before {
  content: "";display: block;margin-right: 0.16rem;background: -webkit-linear-gradient(bottom, #07B88A 0%, #0F5EBB 100%);background: linear-gradient(0deg, #07B88A 0%, #0F5EBB 100%);width: 0.04rem;height: 0.3rem;
}

.down .listul {display: -ms-grid;display: grid;grid-gap: 0.5rem;-ms-grid-columns: (1fr)[3];grid-template-columns: repeat(3, 1fr);
}

.down .listlia {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;position: relative;background: #fff;height: 1.26rem;padding: 0 1rem 0 0.5rem;
}

.down .listlia:before {
  content: "";display: block;position: absolute;left: 0;top: 0;bottom: 0;width: 0.18rem;background: #e2ecf9;
}

.down .listlia .ico {width: 0.37rem;position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);right: 0.34rem;
}

.down .listlia .name {font-size: 0.2rem;line-height: 0.34rem;height: 0.34rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;
}

.down .listlia .info {font-size: 0.16rem;line-height: 0.34rem;color: #666;
}

.down .listlia .infoem {color: #ccc;
}

.down .listlia:hover:before {
  background: #0f5ebb;
}

.product {padding: 0.33rem 0 0 0;
}

.product .item .wal {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;padding: 0.73rem 0 0.89rem 0;
}

.product .item .bd {width: 9.2rem;
}

.product .item .bd .title {font-size: 0.32rem;line-height: 0.5rem;padding-bottom: 0.16rem;position: relative;
}

.product .item .bd .title:before {
  content: "";display: block;position: absolute;left: 0;bottom: 0;width: 1rem;height: 0.04rem;background: -webkit-linear-gradient(right, #07B88A 0%, #0F5EBB 82%);background: linear-gradient(270deg, #07B88A 0%, #0F5EBB 82%);
}

.product .item .bd .row {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;padding-top: 0.3rem;
}

.product .item .bd .rowul {/* min-width: 4.6rem; */padding: 0px 20px 0px 0px;
}

.product .item .bd .rowli {font-size: 0.16rem;line-height: 0.36rem;/* background: url(../image/next8.svg) right no-repeat; */
}

.product .item .bd .rowlia{/* display: block; */}





.product .item .bd .rowlia:after {
  content: "";width: 0.39rem;height: 0.16rem;background: url(../image/more32on.png) center no-repeat;background-size: 100%;display: inline-block;
}

.product .item .bd .rowlia:after {
  content: "";width: 0.42rem;height: 0.12rem;background: url(../image/more100.svg) center no-repeat;background-size: 100%;margin-left: 0.1rem;-webkit-transition: .5s;transition: .5s;display: inline-block;
}






.product .item .img-list {width: 6.5rem;
}

.product .item .img-list .list-wrapper {width: 6.7rem;overflow: hidden;position: relative;
}

.product .item .img-listli {padding-right: 0.2rem;
}

.product .item .img-listliimg {height: 2.5rem;
}

.product .item .img-list .control {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;padding-top: 0.26rem;
}

.product .item .img-list .control .line {height: 0.02rem;width: 6rem;background: rgba(0,0,0,.1);position: relative;border-radius: 0.02rem;
}

.product .item .img-list .control .line:before {
  content: "";display: block;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: var(--w);border-radius: 0.04rem;height: 0.04rem;background: -webkit-linear-gradient(right, #07B88A 0%, #0F5EBB 82%);background: linear-gradient(270deg, #07B88A 0%, #0F5EBB 82%);
}

.product .item .img-list .control .arrow {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;width: 1.04rem;
}

.product .item .img-list .control .arrowa {width: 0.42rem;height: 0.42rem;border-radius: 50%;background: #fff;box-shadow: 0 0 0.1rem rgba(0,0,0,.05);position: relative;
}

.product .item .img-list .control .arrowa:before {
  content: "";display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;border-radius: 50%;background: -webkit-linear-gradient(135deg, #0F5EBB 27%, #07B88A 85%);background: linear-gradient(315deg, #0F5EBB 27%, #07B88A 85%);opacity: 0;
}

.product .item .img-list .control .arrowa:after {
  content: "";display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: url(../image/prev8.svg) center no-repeat;background-size: 0.08rem;
}

.product .item .img-list .control .arrowa.next:after {
  -webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);
}

.product .item .img-list .control .arrowa:hover:before {
  opacity: 1;
}

.product .item .img-list .control .arrowa:hover:after {
  background-image: url(../image/prev8on.svg);
}

.product .item:nth-child(even) {
  background: #f9f9f9;
}@media screen and (max-width: 800px) {
  #index .index-foot {
    height: 12rem;
  }

  .index-banner li .wal {margin: 0;
  }

  .index-banner li .title {width: 2.92rem;margin-left: 0;left: 0.75rem;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);margin-top: -3rem;
  }

  .index-banner .arrow {left: 0.5rem;
  }

  .index-banner .arrow a {width: 0.59rem;height: 0.59rem;
  }

  .index-banner .arrow a img {width: 0.11rem;
  }

  .index-banner .control {right: -2.43rem;width: 3.6rem;height: 3.6rem;margin-top: 1rem;
  }

  .index-banner .control .dots-wrapper {width: 4.8rem;height: 4.8rem;
  }

  .index-banner .control .dots-wrapper span {-webkit-transform-origin: center 2.4rem;-ms-transform-origin: center 2.4rem;transform-origin: center 2.4rem;
  }

  .index-banner .control .dots-wrapper span:before {
    width: 0.07rem;height: 0.07rem;
  }

  .index-banner .control .dots-wrapper span.on:before {
    width: 0.14rem;height: 0.14rem;
  }

  .index-banner .control .num {position: absolute;left: 0;top: 0;bottom: 0;width: 0.8rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;color: #fff;font-family: "Bebas";
  }

  .index-banner .control .num .num-curr {font-size: 0.42rem;
  }

  .index-banner .control .num .line {background: #fff;width: 0.3rem;height: 1px;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);opacity: .5;margin-top: 0.2rem;margin-bottom: 0.2rem;
  }

  .index-banner .control .num .num-total {font-size: 0.22rem;
  }

  .index-banner .mouse-ico {width: 0.3rem;left: auto;right: 0.58rem;
  }

  .index-data .wal .title .en {font-size: 0.22rem;
  }

  .index-data .wal .content {font-size: 0.24rem;line-height: 0.45rem;min-height: 6.9rem;
  }

  .index-data .list {left: -0.75rem;right: -0.75rem;
  }

  .index-data .list li .name {height: 1.71rem;font-size: 0.28rem;
  }

  .index-data .list li .name .ico,
  .index-data .list li .name img {display: none;
  }

  .index-data .list li .bd {bottom: 0;height: 1.73rem;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;padding: 0 0.1rem;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;
  }

  .index-data .list li .bd h3 {font-size: 0.28rem;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);margin-left: 0.2rem;
  }

  .index-data .list li .bd .ico {height: 0.6rem;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;
  }

  .index-data .list li .bd .layer {width: 1.88rem;height: 1.88rem;left: -0.88rem;top: 0.08rem;
  }

  .index-data .list li .bd .layer:after {
    width: 3.43rem;height: 1.08rem;margin-left: -0.18rem;
  }

  .index-data .list li .bd .layer .num {top: -0.96rem;margin-left: 0.72rem;
  }

  .index-data .list li .bd .layer .num b {font-size: 0.79rem;
  }

  .index-data .list li .bd .layer .num em {font-size: 0.22rem;margin-left: 0.1rem;-webkit-transform: translateY(0.24rem);-ms-transform: translateY(0.24rem);transform: translateY(0.24rem);
  }

  .index-data .list li.li-4 .name em,
  .index-data .list li.li-4 .bd h3 {width: 5em;
  }

  .index-data .list li.swiper-slide-prev .name {padding-left: 1rem;
  }

  .index-data .list li.swiper-slide-next .name {padding-right: 1rem;
  }

  .index-data .list li.swiper-slide-active .name {opacity: 0;
  }

  .index-data .list li.swiper-slide-active .bd {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);
  }

  .index-data .list li.swiper-slide-active .bd .layer {-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);opacity: 1;-webkit-transition-delay: .3s;transition-delay: .3s;
  }

  .index-data .arrow a {display: block;width: 2rem;height: 100%;position: absolute;z-index: 5;top: 0;background: center no-repeat;background-size: 0.15rem;
  }

  .index-data .arrow a.prev {left: 0;background-image: url(../image/prev15.svg);
  }

  .index-data .arrow a.next {right: 0;background-image: url(../image/next15.svg);
  }

   .index-news222 .container {top: 50%;-webkit-transform: translateY(-5rem);-ms-transform: translateY(-5rem);transform: translateY(-5rem);height: 1.7rem;width: 100%;z-index: 9;
  }

  .index-news222 .container ul {width: 100%;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
  }

  .index-news222 .container li {height: 1.7rem;width: 50%;
  }

  .index-news222 .container li .name {font-size: 0.3rem;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
  }

  .index-news222 .container li .name:before,
  .index-news222 .container li .name:after {
    height: 0.36rem;
  }

  .index-news222 .container li .name em {padding: 0 0.3rem;
  }

  .index-news222 .container li .bd {-webkit-transform: translate(0%, -50%) scaleY(0.5);-ms-transform: translate(0%, -50%) scaleY(0.5);transform: translate(0%, -50%) scaleY(0.5);left: 0;width: 2.2rem;background: url(../image/img17.svg) left 0.54rem no-repeat;background-size: auto 0.25rem;
  }

  .index-news222 .container li .bd h5 {font-size: 0.43rem;line-height: 0.6rem;
  }

  .index-news222 .container li .bd .en {margin-top: 0.32rem;font-size: 0.17rem;line-height: 0.38rem;
  }

  .index-news222 .container li:hover .bd,
  .index-news222 .container li.on .bd {
    opacity: 1;-webkit-transform: translate(0%, -50%) scale(1);-ms-transform: translate(0%, -50%) scale(1);transform: translate(0%, -50%) scale(1);
  }

  .index-news222 .container .more {bottom: -8.9rem;width: 1.65rem;left: auto;right: 0;
  }

  .index-news222 .container .more a:before {
    width: 1.24rem;height: 1.24rem;
  }

  .index-news222 .list {left: -0.5rem;top: 50%;right: 0;height: 7.5rem;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);margin-top: -3rem;
  }

  .index-news222 .list .list-wrapper1 {width: 11rem;left: 0;top: 0;
  }

  .index-news222 .list .list-wrapper1 ul {left: 0;
  }

  .index-news222 .list .list-wrapper1 li {padding: 0 0.2rem 0 0.3rem;
  }

  .index-news222 .list .list-wrapper1 li a {padding-top: 0.74rem;
  }

  .index-news222 .list .list-wrapper1 li a .zoomImg img {height: 2.7rem;
  }

  .index-news222 .list .list-wrapper1 li a .bd h5 {font-size: 0.24rem;line-height: 0.36rem;height: 0.72rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
  }

  .index-news222 .list .list-wrapper1 li a .bd .content {display: block;height: 0;-webkit-transition: .5s;transition: .5s;opacity: 0;padding-top: 0;
  }

  .index-news222 .list .list-wrapper1 li a .bd .more {height: 0.22rem;margin-top: 0.4rem;
  }

  .index-news222 .list .list-wrapper1 li a .bd .more:before {
    width: 0.53rem;height: 0.22rem;
  }

  .index-news222 .list .list-wrapper1 li a .bd .more:after {
    width: 0.16rem;height: 0.16rem;
  }

  .index-news222 .list .list-wrapper1 li.swiper-slide-active a {opacity: 1;padding-top: 0;
  }

  .index-news222 .list .list-wrapper1 li.swiper-slide-active a .time b,
  .index-news222 .list .list-wrapper1 li.swiper-slide-active a .time em {background: -webkit-linear-gradient(219deg, #07B88A 14%, #0F5EBB 57%);background: linear-gradient(231deg, #07B88A 14%, #0F5EBB 57%);-webkit-background-clip: text;-webkit-text-fill-color: rgba(0,0,0,0);background-clip: text;text-fill-color: rgba(0,0,0,0);
  }

  .index-news222 .list .list-wrapper1 li.swiper-slide-active a .zoomImg img {height: 3.44rem;
  }

  .index-news222 .list .list-wrapper1 li.swiper-slide-active a .bd h5 {font-size: 0.28rem;
  }

  .index-news222 .list .list-wrapper1 li.swiper-slide-active a .bd .content {padding-top: 0.38rem;height: 0.9rem;opacity: 1;
  }

  .index-news222 .list .list-wrapper1 li.swiper-slide-active a .bd .content p {font-size: 0.15rem;line-height: 0.26rem;height: 0.52rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
  }

  .index-news222 .list .list-wrapper1 li.swiper-slide-active a .bd .more {margin-top: 0.4rem;height: 0.22rem;width: 1.39rem;background: url(../image/more16on.svg) left center no-repeat;background-size: auto 100%;position: relative;
  }

  .index-news222 .list .list-wrapper1 li.swiper-slide-active a .bd .more:before {
    display: none;
  }

  .index-news222 .list .list-wrapper1 li.swiper-slide-active a .bd .more:after {
    content: "";width: 0.16rem;background: url(../image/arrow24on.png) center no-repeat;background-size: 100%;-webkit-transition: .5s;transition: .5s;position: absolute;top: 0;right: 0;height: 100%;
  }

  .index-news222 .list .list-wrapper1 li.swiper-slide-active a .bd .more:hover:after {
    -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);
  }

  .index-news222 .list .big-img {display: none;
  }

  .index-news222 .list .arrow {bottom: -0.8rem;right: auto;left: 0.5rem;
  }

  .index-news222 .list .arrow a {width: 0.63rem;height: 0.63rem;margin-left: 0;margin-right: 0.57rem;
  }

  .index-news .title {background: url(../image/img17.svg) left 0.54rem no-repeat;background-size: auto 0.25rem;
  }

  .index-news .title h5 {font-size: 0.43rem;line-height: 0.6rem;
  }

  .index-news .title .en {margin-top: 0.32rem;font-size: 0.17rem;line-height: 0.38rem;
  }

  .index-news .list {margin-top: 0.3rem;
  }

  .index-news .list .list-wrapper {width: 16.8rem;
  }

  .index-news .list li a {height: auto;
  }

  .index-news .list li a .time {font-size: 0.24rem;
  }

  .index-news .list li a .zoomImg {margin-top: 0.4rem;
  }

  .index-news .list li a .zoomImg img {height: 3.2rem;
  }

  .index-news .list li a .bd h5 {font-size: 0.26rem;line-height: 0.4rem;height: 0.4rem;
  }

  .index-news .list li a .bd .content p {font-size: 0.24rem;line-height: 0.44rem;height: 0.88rem;
  }

  .index-news .list li.swiper-slide-active {z-index: 2;
  }

  .index-news .list li.swiper-slide-active:before {
    opacity: 1;
  }

  .index-news .list li.swiper-slide-active a {color: #fff;
  }

  .index-news .list li.swiper-slide-active a .time {color: #fff;
  }

  .index-news .list li.swiper-slide-active a .time em {-webkit-transform: translateY(-90%);-ms-transform: translateY(-90%);transform: translateY(-90%);
  }

  .index-news .list li.swiper-slide-active a .zoomImg {-webkit-transform: scale(1.28);-ms-transform: scale(1.28);transform: scale(1.28);
  }

  .index-news .list li.swiper-slide-active a .bd {padding-top: 0.8rem;
  }

  .index-news .list li.swiper-slide-active a .bd .content {margin-top: 0.18rem;height: 0.88rem;opacity: 1;
  }

  .index-news .list li.swiper-slide-active a .bd .more {bottom: 0.3rem;
  }

  .index-news .list li.swiper-slide-active a .bd .more:before {
    background-image: url(../image/more32-white.png);
  }

  .index-news .list li.swiper-slide-active a .bd .more:after {
    background-image: url(../image/arrow24-white.png);
  }

  .index-news .list li.swiper-slide-active a .bd .more:hover:after {
    -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);
  }

  .index-news .list .arrow {grid-gap: 6rem;
  }

  .index-news .list .arrow a {width: 0.6rem;height: 0.6rem;
  }

  .index-news .list .arrow a:after {
    background-size: 0.12rem;
  }

  .index-news .more {width: 1.65rem;margin-top: 0.5rem;
  }

  .index-news .more a:before {
    width: 1.24rem;height: 1.24rem;
  }


  .index-about .word {position: absolute;right: 0;bottom: -0.35rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;z-index: 5;pointer-events: none;
  }

  .index-about .word img {height: 2rem;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;
  }

  .index-about .img-list ul {-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
  }

  .index-about .img-list li {width: 100%;height: 100vh;background-size: cover;
  }

  .index-about .img-list li>.name {display: none;
  }

  .index-about .img-list li .bd {width: 6.5rem;margin-top: -1rem;opacity: 1;visibility: visible;margin-left: -3.25rem;
  }

  .index-about .img-list li .bd .more {width: 1.42rem;height: 1.2rem;opacity: 0;visibility: hidden;pointer-events: none;
  }

  .index-about .img-list li.on {height: 100vh;width: 100%;
  }

  .index-about .img-list li.on .bd .more {opacity: 1;visibility: visible;pointer-events: auto;
  }

  .index-about .title {left: 0.5rem;top: 2.2rem;margin-left: 0;margin-top: 0;
  }

  .index-about .list {position: absolute;z-index: 5;left: 0.5rem;margin-left: 0;margin-top: -3.09rem;width: 7rem;padding-left: 0.8rem;
  }

  .index-about .list.list-1 {top: calc(100vh - 4rem);
  }

  .index-about .list.list-2 {top: 100vh;
  }

  .index-about .list .list-wrapper {width: 8.4rem;height: 2rem;
  }

  .index-about .list .list-wrapper li a {height: 2rem;padding: 0 0.45rem;
  }

  .index-about .list .list-wrapper li a .name {font-size: 0.22rem;line-height: 0.32rem;height: 0.64rem;
  }

  .index-about .list .list-wrapper li a .time {margin-top: 0.14rem;background-size: 0.2rem;
  }

  .index-about .list .list-wrapper li a .time em {font-size: 0.36rem;line-height: 0.5rem;
  }

  .index-about .list .arrow {right: auto;left: -0.1rem;bottom: 0.63rem;
  }

  .index-about .list .arrow a {margin-left: 0;width: 0.58rem;height: 0.58rem;
  }

  .index-about .list .arrow a img {width: 0.12rem;
  }

  .index-about .list .arrow a.next {display: none;
  }

  .page-banner .wal {height: 3.8rem;
  }
   .page-bannerqywh .wal{height: 2.4rem !important;}
  .page-banner .curr {display: none;
  }

  .page-title h2 {font-size: 0.43rem;line-height: 0.6rem;
  }

  .page-title .en {font-size: 0.22rem;line-height: 0.38rem;
  }

  .page-nav {/* display: none; */
  }

  .page-nav ul {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;/* margin-right: -0.5rem; *//* margin-left: -0.5rem; */
  }

  .page-nav li {padding-right: 0.3rem;margin-right: 0;width: auto;
  }

  .page-nav li:after {
    display: none;
  }

  .page-nav li a.name {height: 0.9rem;font-size: 0.28rem;padding: 0;text-align: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
  }

  .page-nav li a.name:before {
    content: "";display: block;position: absolute;left: 50%;bottom: -1px;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 0;height: 0.03rem;background: -webkit-linear-gradient(right, #07B88A 0%, #0F5EBB 82%);background: linear-gradient(270deg, #07B88A 0%, #0F5EBB 82%);
  }

  .page-nav li a.name:hover:before,
  .page-nav li a.name.on:before {
    width: 100%;
  }

  .page-nav li a.name.on {font-weight: 600;
  }

  .page-nav li:last-child:after {
    display: none;
  }

  .about .content {font-size: 0.26rem;line-height: 0.46rem;
  }

  .about .row {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-webkit-flex-direction: column-reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
  }

  .about .row .logo {width: 3.9rem;margin-left: 0;margin-bottom: 0.5rem;
  }

  .about .imgs li {width: 100%;
  }

  .about-foot .wal {height: 4rem;padding-top: 1.2rem;
  }

  .leader li .img {width: 2.4rem;
  }

  .leader li .name {width: 3.7rem;
  }

  .leader li .name h5 {font-size: 0.38rem;
  }

  .leader li .name p {font-size: 0.24rem;
  }

  .leader222 ul {grid-gap: 0.3rem;-ms-grid-columns: (1fr)[2];grid-template-columns: repeat(2, 1fr);
  }

  .leader222 li .name {height: 1.62rem;
  }

  .leader222 li .name h5 {font-size: 0.32rem;line-height: 0.46rem;
  }

  .leader222 li .name p {margin-top: 0.05rem;font-size: 0.24rem;line-height: 0.46rem;
  }

  .history .list {margin-left: -0.3rem;margin-right: -0.3rem;
  }

  .history .list .item li {padding: 0 0 0.17rem 0;
  }

  .history .list .item li:after {
    top: 0.21rem;width: 0.14rem;height: 0.14rem;
  }

  .history .list .item li .month {line-height: 0.68rem;font-size: 0.38rem;
  }

  .history .list .item li .content {font-size: 0.24rem;line-height: 0.35rem;padding: 0.16rem 0;
  }

  .history .list .item:nth-child(odd) li {padding-left: 0.4rem;
  }

  .history .list .item:nth-child(odd) li .month {padding-right: 0.4rem;
  }

  .history .list .item:nth-child(even) li {padding-right: 0.4rem;
  }

  .history .list .item:nth-child(even) li .month {padding-left: 0.4rem;
  }

  .culture ul {margin-left: -0.2rem;
  }

  .culture li {padding: 0 0 0.2rem 0.2rem;width: 100%;
  }

  .culture li a:after {
    height: 1.8rem;
  }

  .culture li a .zoomImg img {height: 3rem;
  }

  .culture li a .name {left: 0.4rem;bottom: 0.3rem;font-size: 0.28rem;
  }

  .news li:before {
    display: none;
  }

  .news li a {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;
  }

  .news li a .zoomImg {width: 100%;
  }

  .news li a .zoomImg img {height: 3.6rem;
  }

  .news li a .bd {width: 100%;padding: 0.3rem 0 0 0;position: relative;
  }

  .news li a .bd .time {font-size: 0.33rem;height: 1.2rem;
  }

  .news li a .bd .time b {margin-right: 0.17rem;font-size: 0.84rem;
  }

  .news li a .bd .time em {-webkit-transform: translateY(0.09rem);-ms-transform: translateY(0.09rem);transform: translateY(0.09rem);
  }

  .news li a .bd .name {font-size: 0.3rem;line-height: 0.41rem;margin-top: 0;
  }

  .news li a .bd p {font-size: 0.24rem;line-height: 0.41rem;height: 0.81rem;
  }

  .news li a .bd .more {top: 0.8rem;
  }

  .activities li:before {
    display: none;
  }

  .activities li a {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;height: auto;padding: 0.3rem 0;
  }

  .activities li a .time {font-size: 0.33rem;height: 1.2rem;
  }

  .activities li a .time b {margin-right: 0.17rem;font-size: 0.84rem;
  }

  .activities li a .time em {-webkit-transform: translateY(0.09rem);-ms-transform: translateY(0.09rem);transform: translateY(0.09rem);
  }

  .activities li a .name {width: 100%;font-size: 0.3rem;line-height: 0.41rem;
  }

  .activities li a .more {top: 0.8rem;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);position: absolute;right: 0;
  }

  .page-num {font-size: 0.26rem;
  }

  .page-num div {margin: 0 0.12rem;
  }

  .page-num div a {margin: 0 0.03rem;width: 0.6rem;height: 0.6rem;
  }

  .news-detail .head h2 {font-size: 0.38rem;line-height: 1.5em;
  }

  .news-detail .head .row {margin-top: 0.26rem;
  }

  .news-detail .head .row .time {font-size: 0.24rem;padding-left: 0.38rem;background-size: 0.24rem;
  }

  .news-detail .head .row .controls .name {width: 0.28rem;
  }

  .news-detail .head .row .controls a {font-size: 0.24rem;
  }

  .news-detail .content {font-size: calc(var(--s, 1)*0.26rem);
   
  }


.news-detail .content table {display: block;word-break: keep-all;margin: 0 auto;max-width: 100%;overflow-x: scroll;border: 0px !important;border-collapse: collapse;
}




  .news-detail .content .list li:before {
    top: 0.23rem;
  }

  .page-share .name {font-size: 0.24rem;
  }

  .page-share a {width: 0.28rem;
  }

  .page-num2 {padding: 0.35rem 0 0.7rem 0;
  }

  .page-num2 li {padding-bottom: 0.11rem;font-size: 0.24rem;line-height: 0.46rem;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;
  }

  .tcjs .head,
  .tcwh .head {height: 5rem;
  }

  .tcjs .head .title,
  .tcwh .head .title {left: 0;top: 0.4rem;
  }

  .tcjs .head .img,
  .tcwh .head .img {width: 4.5rem;position: relative;left: -0.5rem;
  }

  .tcjs .head .video,
  .tcwh .head .video {width: 5.6rem;top: 1.8rem;
  }

  .tcwh>.row {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;
  }

  .tcwh .side {width: 3rem;position: -webkit-sticky;position: sticky;top: 0;padding: 2.2rem 0 0 0.4rem;background: url(../image/img18_2.svg) left 3.61rem no-repeat;background-size: 0.18rem;display: none;
  }

  .tcwh .side:before {
    content: "";display: block;position: absolute;left: 0;top: 3.6rem;margin-top: calc(var(--t, 0)*1.1rem);width: 0.03rem;height: 1.14rem;background: url(../image/line3.svg) center no-repeat;background-size: 100% 100%;
  }

  .tcwh .side h3 {font-size: 0.36rem;line-height: 0.5rem;margin-bottom: 0.44rem;
  }

  .tcwh .side li {padding-bottom: 0.33rem;
  }

  .tcwh .side li a {display: block;
  }

  .tcwh .side li a h5 {font-size: 0.22rem;line-height: 0.47rem;color: #1450aa;
  }

  .tcwh .side li a p {font-size: 0.18rem;font-weight: normal;line-height: 0.3rem;color: #666;
  }

  .tcwh .w1200 {width: 100%;
  }

  .tcwh .w1200 .nav {padding: 0.5rem 0 0 0;
  }

  .tcwh .w1200 .nav li a {height: 1.14rem;font-size: 0.31rem;
  }

  .tcwh .w1200 .list .item {padding: 0;background: none;
  }

  .tcwh .w1200 .list .item ul {margin-top: 0.45rem;
  }

  .tcwh .w1200 .list .item ul li {font-size: 0.24rem;line-height: 0.51rem;padding-bottom: 0.49rem;
  }

  .tcwh .w1200 .list .item ul li h5 {font-size: 0.27rem;padding-bottom: 0.24rem;
  }

  .tcwh .w1200 .list .item .hd {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;
  }

  .tcwh .w1200 .list .item .hd .zoomImg {width: 3.36rem;margin: 0 auto;
  }

  .tcwh .w1200 .list .item .hd ul {margin-top: 0.45rem;
  }

  .tcjs .content {font-size: 0.26rem;line-height: 0.46rem;
  }

  .tcjs .content-1:after {
    right: -0.4rem;
  }

  .tcjs .list:before {
    height: 4rem;
  }

  .tcjs .list .title h3 {font-size: 0.36rem;line-height: 1.3em;
  }

  .tcjs .list .item-1 {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;
  }

  .tcjs .list .item-1 .zoomImg {width: 100%;
  }

  .tcjs .list .item-1 .bd {width: 100%;padding: 0.68rem 0 0 0;
  }

  .tcjs .list .item-2 {-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
  }

  .tcjs .list .item-2 .zoomImg {width: 100%;
  }

  .tcjs .list .item-2 .bd {width: 100%;padding: 0;
  }

  .tcjs .list .item-2 .bd .title h3 {margin-right: -0.5rem;
  }

  .tcjs .list .item-3 {min-height: 5rem;margin-top: 0.64rem;
  }

  .tcjs .list .item-3:before {
    display: none;
  }

  .tcjs .list .item-3:after {
    display: none;
  }

  .tcjs .list .item-3 .zoomImg {width: 100%;position: relative;left: 0;margin-left: 0;
  }

  .tcjs .list .item-3 .zoomImg img {height: 4rem;
  }

  .tcjs .list .item-3 .zoomImg:after {
    content: "";display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 0.5rem;background: #119c85;-webkit-transition: 0s;transition: 0s;
  }

  .tcjs .list .item-3 .bd {width: 100%;padding-top: 0.4rem;
  }

  .tcjs .list .item-4 {margin-top: 0.64rem;
  }

  .tcjs .list .item-4 .title {height: 2rem;
  }

  .tcjs .list .item-4 .title:after {
    top: 1.6rem;
  }

  .tcjs .list .item-4 .content {padding: 0.4rem;margin-right: -0.4rem;margin-left: -0.4rem;
  }

  .tcjs .list .item-5 {-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;padding: 0.64rem 0 0.2rem 0;
  }

  .tcjs .list .item-5 .zoomImg {width: 100%;
  }

  .tcjs .list .item-5 .bd {padding: 0.4rem 0 0 0;
  }

  .tcjs .list .item-6 {-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;padding: 0.3rem 0 0.8rem 0;
  }

  .tcjs .list .item-6 .left {width: 100%;
  }

  .tcjs .list .item-6 .left .content {width: 100%;margin-top: 0.4rem;
  }

  .tcjs .list .item-6 .right {width: calc(100% + 0.8rem);margin-top: 0.4rem;position: relative;left: -0.4rem;min-height: 6.2rem;padding: 0.4rem;
  }

  .xwlz .wal {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;
  }

  .xwlz .side {width: 4rem;position: -webkit-sticky;position: sticky;top: 1.5rem;display: none;padding: 0 0 0 0.4rem;background: url(../image/img18_3.svg) left 1.41rem no-repeat;background-size: 0.18rem;
  }

  .xwlz .side:before {
    content: "";display: block;position: absolute;left: 0;top: 1.4rem;margin-top: calc(var(--t, 0)*1.1rem);width: 0.03rem;height: 1.14rem;background: url(../image/line3.svg) center no-repeat;background-size: 100% 100%;
  }

  .xwlz .side h3 {font-size: 0.36rem;line-height: 0.5rem;margin-bottom: 0.44rem;
  }

  .xwlz .side li {padding-bottom: 0.33rem;
  }

  .xwlz .side li a {display: block;
  }

  .xwlz .side li a h5 {font-size: 0.22rem;line-height: 0.47rem;color: #1450aa;
  }

  .xwlz .side li a p {font-size: 0.18rem;font-weight: normal;line-height: 0.3rem;color: #666;
  }

  .xwlz .list {width: 100%;
  }

  .xwlz .list .item {margin-left: -0.4rem;margin-right: -0.4rem;padding: 0.4rem;
  }

  .xwlz .list .item .msg {font-size: 0.24rem;
  }

  .xwlz .list .item li h5 {font-size: 0.27rem;line-height: 0.51rem;
  }

  .xwlz .list .item li p {font-size: 0.24rem;line-height: 0.51rem;margin-top: 0.27rem;
  }

  .service .title h3 {font-size: 0.42rem;
  }

  .service .list ul {-ms-grid-columns: (1fr)[1];grid-template-columns: repeat(1, 1fr);grid-gap: 0.3rem;
  }

  .service .list li {padding: 0 0.41rem;
  }

  .service .list li .tel {font-size: 0.62rem;
  }

  .service .list li .hd {height: 2.11rem;
  }

  .service .list li .hd .name {font-size: 0.3rem;line-height: 0.41rem;margin-bottom: 0.22rem;
  }

  .service .list li .hd .name2 {font-size: 0.26rem;
  }

  .service .list li>.tel {height: 1.57rem;
  }

  .service .list li .bd {padding: 0.38rem 0 0.54rem 0;
  }

  .service .list li .bd .name {margin-right: 0.31rem;font-size: 0.3rem;
  }

  .service .list li .bd em {padding: 0 0.23rem;font-size: 0.24rem;border-radius: 0.41rem;height: 0.49rem;
  }

  .service .list-2 {width: 100%;
  }

  .service .list-2 ul {-ms-grid-columns: (1fr)[1];grid-template-columns: repeat(1, 1fr);
  }

  .honor ul {-ms-grid-columns: (1fr)[2];grid-template-columns: repeat(2, 1fr);grid-gap: 0.3rem;
  }

  .honor li .img img {height: 1.9rem;
  }

  .honor li .name {font-size: 0.26rem;line-height: 0.38rem;padding: 0.26rem 0 0.08rem 0;
  }

  .honor-layer .wal {width: 7.5rem;
  }

  .honor-layer .close {width: 0.36rem;
  }

  .honor-layer .img {width: 6.5rem;
  }

  .industrial li {-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
  }

  .industrial li .zoomImg {width: 100%;
  }

  .industrial li .bd {padding: 0.3rem 0.25rem 0 0.25rem;
  }

  .industrial li .bd:before {
    display: none;
  }

  .industrial li .bd p {font-size: 0.24rem;margin-top: 0.2rem;line-height: 0.41rem;height: 1.22rem;
  }

  .industrial li .bd .more {margin-top: 0.4rem;width: 1rem;
  }

  .industrial li:nth-child(even) {-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
  }

  .industrial-nav {/* padding: 1.05rem 0 0.6rem 0; *//* display: none; */
  }

  .industrial-nav ul {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;grid-gap: 0.3rem;
  }

  .industrial-nav li {position: relative;
  }

  .industrial-nav li:after {
    content: "";display: block;position: absolute;left: 100%;top: 0;width: 0.3rem;height: 0.5rem;background: url(../image/line5.svg) center no-repeat;background-size: 0.17rem;
  }

  .industrial-nav li:last-child:after {
    display: none;
  }

  .industrial-nav li a {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;width: auto;padding-bottom: 0.18rem;line-height: 0.5rem;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;text-align: center;font-size: 0.2rem;color: #666;position: relative;
  }

  .industrial-nav li a:before {
    content: "";display: block;position: absolute;left: 0;bottom: 0;height: 0.22rem;background: url(../image/img262.svg) center no-repeat;background-size: 100% 100%;opacity: 0;right: 0;
  }

  .industrial-nav li a:hover,
  .industrial-nav li a.on {
    color: #0f5ebb;
  }

  .industrial-nav li a:hover:before,
  .industrial-nav li a.on:before {
    opacity: 1;
  }

  .industrial-nav li a.on {font-weight: bold;
  }

  .industrial-list {padding-top: 1rem;
  }

  .industrial-list ul {-ms-grid-columns: (1fr)[1];grid-template-columns: repeat(1, 1fr);
  }

  .industrial-list li a .zoomImg img {height: 4.46rem;
  }

  .industrial-list li a .name {font-size: 0.26rem;line-height: 0.6rem;
  }








  .industrial-detail .detail .content {font-size: 0.25rem;line-height: 0.49rem;
  }

  .representative-products ul {-ms-grid-columns: (1fr)[1];grid-template-columns: repeat(1, 1fr);
  }

  .representative-products li a .zoomImg img {height: 4.46rem;
  }

  .representative-products li a .name {font-size: 0.26rem;line-height: 0.6rem;
  }

  .project-performance li a .zoomImg img {height: 4.46rem;
  }

  .project-performance li a .name {font-size: 0.26rem;line-height: 0.6rem;
  }

  .product-detail .head {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;
  }

  .product-detail .head .zoomImg {width: 100%;
  }

  .product-detail .head .bd {width: 100%;margin-top: 0.4rem;
  }

  .product-detail .head .bd .title h2 {font-size: 0.36rem;
  }

  .product-detail .head .bd .title .en {font-size: 0.23rem;line-height: 1.4em;
  }

  .product-detail .head .bd .list ul {-ms-grid-columns: (1fr)[2];grid-template-columns: repeat(2, 1fr);grid-gap: 0.4rem;
  }

  .product-detail .head .bd .list li .ico {width: 0.73rem;
  }

  .product-detail .head .bd .list li .name {font-size: 0.24rem;
  }

   .product-detail .head .bd .content {font-size: 0.24rem;
  }

  .product-detail .list-wrapper {width: 100%;
  }

  .product-detail .list-wrapper .title {font-size: 0.37rem;
  }

  .product-detail .list-wrapper .title:before {
    width: 0.04rem;height: 0.33rem;
  }

  .product-detail .list-wrapper .list .item .name {height: 0.92rem;
  }

  .product-detail .list-wrapper .list .item .name:after {
    width: 0.3rem;height: 0.3rem;background-size: 0.22rem;
  }

  .product-detail .list-wrapper .list .item .name h5 {font-size: 0.27rem;
  }

  .product-detail .list-wrapper .list .item .content {font-size: 0.24rem;line-height: 0.43rem;
  }

  .product-detail .list-wrapper .list .item .content .img {width: 5.75rem;
  }

  .product-detail .list-wrapper .list .item.open .name:after {
    background-size: 0.3rem;
  }

  .down .title {font-size: 0.37rem;
  }

  .down .title:before {
    width: 0.04rem;height: 0.33rem;
  }

  .down .list ul {-ms-grid-columns: (1fr)[1];grid-template-columns: repeat(1, 1fr);
  }

  .down .list li a {height: 1.7rem;
  }

  .down .list li a .ico {width: 0.5rem;
  }

  .down .list li a .name {font-size: 0.27rem;line-height: 0.46rem;height: 0.46rem;
  }

  .down .list li a .info {font-size: 0.22rem;line-height: 0.46rem;
  }

  .product .item .wal {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 0.85rem 0;
  }

  .product .item .bd {width: 100%;
  }

  .product .item .bd .title {font-size: 0.38rem;font-weight: 600;
  }

  .product .item .bd .row {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-top: 0.3rem;
  }

  .product .item .bd .row ul {min-width: 50%;
  }

  .product .item .bd .row li {font-size: 0.24rem;line-height: 0.44rem;
  }

  .product .item .img-list {width: 100%;margin-top: 0.6rem;
  }

  .product .item .img-list .list-wrapper {width: calc(100% + 0.2rem);
  }

  .product .item .img-list li img {height: 2.3rem;
  }

  .product .item .img-list .control .line {width: 4.6rem;
  }

  .product .item .img-list .control .arrow {width: 1.25rem;
  }

  .product .item .img-list .control .arrow a {width: 0.5rem;height: 0.5rem;
  }

  .product .item .img-list .control .arrow a:after {
    background-size: 0.1rem;
  }

  .product .item:nth-child(even) {background: #f9f9f9;
  }
};border-collapse: collapse;line-height: 40px;}
.page-share {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.page-share:before {
  content: "";
  -webkit-transition: 0s;
  transition: 0s;
  width: 100%;
  height: 1px;
  background: #333;
}

.page-share .name {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 0.18rem;
  padding: 0 0.15rem 0 0.35rem;
}

.page-share a {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 0.21rem;
  margin-left: 0.2rem;
}

.page-num2 {
  padding: 0.25rem 0 0.7rem 0;
}

.page-num2 li {
  padding-bottom: 0.11rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.18rem;
  line-height: 0.34rem;
}

.page-num2 li b {
  color: #1450aa;
  margin-right: 0.27rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.tcjs,
.tcwh {
  padding: 0.84rem 0 0.84rem 0;
}

.tcjs .head,
.tcwh .head {
  position: relative;
}

.tcjs .head .title,
.tcwh .head .title {
  position: absolute;
  z-index: 5;
  left: 0.7rem;
  top: 0.76rem;
  color: #fff;
}

.tcjs .head .title h3,
.tcwh .head .title h3 {
  font-size: 0.36rem;
  line-height: 0.5rem;
  width: 3rem;
  background: url(../image/img297.svg) left bottom no-repeat;
  background-size: 100%;
  padding-bottom: 0.17rem;
}

.tcjs .head .title .en,
.tcwh .head .title .en {
  font-size: 0.18rem;
  line-height: 0.32rem;
  opacity: .5;
  margin-top: 0.13rem;
}

.tcjs .head .title p,
.tcwh .head .title p {
  font-size: 0.2rem;
  line-height: 0.32rem;
  margin-top: 0.15rem;
  width: 3.05rem;
}

.tcjs .head .img,
.tcwh .head .img {
  width: 10.02rem;
}

.tcjs .head .video,
.tcwh .head .video {
  /* width: 7.89rem; */
  /* position: absolute; */
  z-index: 5;
  right: 0;
  top: 0.91rem;
}

.tcjs .head .video:after,
.tcwh .head .video:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url(../image/img90.svg) center no-repeat;
  background-size: 0.9rem;
  cursor: pointer;
}

.tcjs .head .video video,
.tcwh .head .video video {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background: #000;
  object-fit: cover;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .5s;
  transition: .5s;
}

.tcjs .head .video.on video,
.tcwh .head .video.on video {
  opacity: 1;
  visibility: visible;
}

.tcwh-bg {
  background: url(../image/tcwh-bg.png) center bottom no-repeat;
  background-size: 100%;
}

.tcwh>.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}

.tcwh .side {
  width: 3rem;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding: 2.2rem 0 0 0.4rem;
  background: url(../image/img18_2.svg) left 3.61rem no-repeat;
  background-size: 0.18rem;
}

.tcwh .side:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 3.6rem;
  margin-top: calc(var(--t, 0)*1.1rem);
  width: 0.03rem;
  height: 1.14rem;
  background: url(../image/line3.svg) center no-repeat;
  background-size: 100% 100%;
}

.tcwh .side h3 {
  font-size: 0.36rem;
  line-height: 0.5rem;
  margin-bottom: 0.44rem;
}

.tcwh .side li {
  padding-bottom: 0.33rem;
}

.tcwh .side li a {
  display: block;
}

.tcwh .side li a h5 {
  font-size: 0.22rem;
  line-height: 0.47rem;
  color: #1450aa;
}

.tcwh .side li a p {
  font-size: 0.18rem;
  font-weight: normal;
  line-height: 0.3rem;
  color: #666;
}

.tcwh .w1200 {
  width: 12rem;
}

.tcwh .w1200 .nav {
  position: relative;
  padding: 0.78rem 0 0 0;
}

.tcwh .w1200 .nav:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  background: -webkit-linear-gradient(right, #07B88A 0%, #0F5EBB 82%);
  background: linear-gradient(270deg, #07B88A 0%, #0F5EBB 82%);
  opacity: .2;
}

.tcwh .w1200 .nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.tcwh .w1200 .nav li {
  width: 50%;
}

.tcwh .w1200 .nav li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 0.88rem;
  font-size: 0.24rem;
  color: #666;
  position: relative;
}

.tcwh .w1200 .nav li a:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 0.03rem;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: -webkit-linear-gradient(right, #07B88A 0%, #0F5EBB 82%);
  background: linear-gradient(270deg, #07B88A 0%, #0F5EBB 82%);
}

.tcwh .w1200 .nav li a:hover,
.tcwh .w1200 .nav li a.on {
  color: #333;
}

.tcwh .w1200 .nav li a:hover:before,
.tcwh .w1200 .nav li a.on:before {
  width: 100%;
}

.tcwh .w1200 .nav li a.on {
  font-weight: 600;
}

.tcwh .w1200 .list .item {
  margin-top: 0.6rem;
  border-radius: 0.1rem;
  padding: 0.5rem 0.5rem 0.6rem 0.5rem;
  background: #fff;
}

.tcwh .w1200 .list .item ul {
  margin-top: 0.45rem;
}

.tcwh .w1200 .list .item ul li {
  font-size: 0.18rem;
  line-height: 0.38rem;
  padding-bottom: 0.36rem;
}

.tcwh .w1200 .list .item ul li:last-child {
  padding-bottom: 0;
}

.tcwh .w1200 .list .item ul li h5 {
  font-size: 0.2rem;
  padding-bottom: 0.18rem;
}

.tcwh .w1200 .list .item ul li .content {
  font-weight: 300;
}

.tcwh .w1200 .list .item .hd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.tcwh .w1200 .list .item .hd .zoomImg {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 2.8rem;
  margin-right: 0.6rem;
}

.tcwh .w1200 .list .item .hd ul {
  width: 100%;
  margin-top: 0;
}

.tcjs {
  padding-bottom: 0.9rem;
}

.tcjs .content {
  font-size: 0.19rem;
  line-height: 0.34rem;
  font-weight: 300;
}

.tcjs .content .p {
  text-indent: 2em;
}

.tcjs .content .mt {
  margin-top: 0.34rem;
}

.tcjs .content-1 {
  position: relative;
  padding: 1rem 0;
}

.tcjs .content-1:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 3.68rem;
  height: 100%;
  background: url(../image/img368.png) center bottom no-repeat;
  background-size: 100%;
  z-index: 0;
}

.tcjs .list {
  min-height: 5rem;
  position: relative;
  padding-top: 1.3rem;
}

.tcjs .list:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 19.2rem;
  height: 5.08rem;
  z-index: 0;
  background: url(../image/img508.jpg) center no-repeat;
  background-size: cover;
}

.tcjs .list .title {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 1.6rem;
  padding-top: 0.47rem;
}

.tcjs .list .title:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 1.18rem;
  height: 0.03rem;
  width: 1.3rem;
  background: -webkit-linear-gradient(right, #07B88A 0%, #0F5EBB 82%);
  background: linear-gradient(270deg, #07B88A 0%, #0F5EBB 82%);
}

.tcjs .list .title .num {
  position: absolute;
  right: 0;
  top: -0.2rem;
  font-size: 2rem;
  line-height: 1em;
  background: -webkit-linear-gradient(top, rgba(20, 80, 170, 0.1) 22%, rgba(20, 80, 170, 0.01) 100%);
  background: linear-gradient(180deg, rgba(20, 80, 170, 0.1) 22%, rgba(20, 80, 170, 0.01) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0,0,0,0);
  background-clip: text;
  text-fill-color: rgba(0,0,0,0);
  font-family: "Bebas";
  font-weight: bold;
}

.tcjs .list .title h3 {
  position: relative;
  font-size: 0.34rem;
  line-height: 1em;
}

.tcjs .list .item-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 1;
  background: #fff;
}

.tcjs .list .item-1 .zoomImg {
  width: 7.14rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.tcjs .list .item-1 .bd {
  width: 100%;
  padding: 0 0.68rem;
}

.tcjs .list .item-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  z-index: 1;
  background: #fff;
  padding-top: 1.05rem;
}

.tcjs .list .item-2 .zoomImg {
  width: 9.05rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.tcjs .list .item-2 .bd {
  width: 100%;
  padding: 0 0.4rem 0 0;
}

.tcjs .list .item-3 {
  position: relative;
  z-index: 1;
  background: #fff;
  min-height: 6.6rem;
  margin-top: 0.45rem;
}

.tcjs .list .item-3:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -9.6rem;
  bottom: 0.92rem;
  width: 7.61rem;
  height: 0.93rem;
  background: #119c85;
  -webkit-transition: 0s;
  transition: 0s;
}

.tcjs .list .item-3:after {
  content: "";
  display: block;
  position: absolute;
  right: 50%;
  margin-right: -9.6rem;
  bottom: 0;
  width: 11.59rem;
  height: 0.92rem;
  background: #1450aa;
}

.tcjs .list .item-3 .zoomImg {
  width: 7.61rem;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -9.6rem;
}

.tcjs .list .item-3 .zoomImg img {
  height: 4.75rem;
}

.tcjs .list .item-3 .bd {
  width: 9rem;
  margin-left: auto;
  padding-top: 0.96rem;
}

.tcjs .list .item-4 {
  margin-top: 0.64rem;
}

.tcjs .list .item-4 .title {
  width: 100%;
  text-align: center;
}

.tcjs .list .item-4 .title:after {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.tcjs .list .item-4 .title .num {
  right: 50%;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
}

.tcjs .list .item-4 .content {
  max-width: 12.8rem;
  margin: 0 auto;
  background: url(../image/img1280.png) center repeat-y;
  background-size: 100%;
  padding: 0.6rem 0.7rem;
}

.tcjs .list .item-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  padding: 0.47rem 0 0.2rem 0;
}

.tcjs .list .item-5 .zoomImg {
  width: 6.01rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.tcjs .list .item-5 .bd {
  width: 100%;
  padding: 0 0.59rem 0.35rem 0;
}

.tcjs .list .item-5 .bd .title .num {
  right: 100%;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

.tcjs .list .item-6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 0.8rem;
}

.tcjs .list .item-6 .left {
  width: 6.6rem;
}

.tcjs .list .item-6 .left .content {
  width: 6.14rem;
  margin-top: 0.4rem;
}

.tcjs .list .item-6 .right {
  width: 9.2rem;
  height: 4.25rem;
  overflow-y: auto;
  /* overflow: hidden; */
  padding: 0.3rem 0.4rem;
  background: -webkit-linear-gradient(222deg, #07B88A 0%, #1450AA 60%);
  background: linear-gradient(228deg, #07B88A 0%, #1450AA 60%);
  color: #fff;
}


.tcjs .list .item-6 .right::-webkit-scrollbar {
    width: 5px
}

.tcjs .list .item-6 .right::-webkit-scrollbar-track {
    border-radius: 5px;
    background: rgba(0,0,0,.1);
}

.tcjs .list .item-6 .right::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: linear-gradient(45deg,#0082e6 0%,#00aec0 100%);
}


.xwlz {
  /* background: #f9f9f9; */
  padding: 0.84rem 0;
}

.xwlz .wal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.xwlz .side {
  width: 4rem;
  position: -webkit-sticky;
  position: sticky;
  top: 1.5rem;
  padding: 0 0 0 0.4rem;
  background: url(../image/img18_3.svg) left 1.41rem no-repeat;
  background-size: 0.18rem;
}

.xwlz .side:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 1.4rem;
  margin-top: calc(var(--t, 0)*1.1rem);
  width: 0.03rem;
  height: 1.14rem;
  background: url(../image/line3.svg) center no-repeat;
  background-size: 100% 100%;
}

.xwlz .side h3 {
  font-size: 0.36rem;
  line-height: 0.5rem;
  margin-bottom: 0.44rem;
}

.xwlz .side li {
  padding-bottom: 0.33rem;
}

.xwlz .side li a {
  display: block;
}

.xwlz .side li a h5 {
  font-size: 0.22rem;
  line-height: 0.47rem;
  color: #1450aa;
}

.xwlz .side li a p {
  font-size: 0.18rem;
  font-weight: normal;
  line-height: 0.3rem;
  color: #666;
}

.xwlz .list {
  width: 11.6rem;
  display: -ms-grid;
  display: grid;
  grid-gap: 0.6rem;
}

.xwlz .list .item {
  border-radius: 0.1rem;
  padding: 0.5rem;
  background: #fff;
}

.xwlz .list .item h3 {
  font-size: 0.36rem;
  line-height: 1em;
}

.xwlz .list .item .msg {
  font-size: 0.18rem;
  line-height: 0.38rem;
  font-weight: 300;
  margin-top: 0.2rem;
}

.xwlz .list .item li {
  margin-top: 0.38rem;
}

.xwlz .list .item li h5 {
  font-size: 0.2rem;
  position: relative;
  line-height: 0.38rem;
  padding-left: 0.24rem;
  color: #1450aa;
}

.xwlz .list .item li h5:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 0.04rem;
  height: 0.28rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: -webkit-linear-gradient(bottom, #07B88A 0%, #0F5EBB 100%);
  background: linear-gradient(0deg, #07B88A 0%, #0F5EBB 100%);
}

.xwlz .list .item li p {
  font-size: 0.18rem;
  line-height: 0.38rem;
  font-weight: 300;
  margin-top: 0.2rem;
}

.service {
  padding: 0.5rem 0 1.2rem 0;
}

.service .title {
  padding: 0.74rem 0 0.38rem 0;
  border-bottom: #d8d8d8 dashed 1px;
}

.service .title h3 {
  font-size: 0.36rem;
  line-height: 1em;
}

.service .list {
  padding-top: 0.5rem;
}

.service .list ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0.3rem 0.8rem;
}

.service .list li {
  background: #f6faff;
  padding: 0 0.3rem;
}

.service .list .fwzxwz{
display: inline-block;
    width: 60%;
}

.service .list .zoomImg{width: 38%;float: right;padding: 30px 0px;}



.service .list li .tel {
  font-size: 0.46rem;
  color: #0f5ebb;
  font-family: "Bebas";
  line-height: 1em;
  white-space: nowrap;
}

.service .list li .hd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 1.56rem;
}

.service .list li .hd .name {
  font-size: 0.22rem;
  line-height: 0.3rem;
  margin-bottom: 0.16rem;
}

.service .list li .hd .name2 {
  font-size: 0.19rem;
}

.service .list li>.tel {
  height: 1.16rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.service .list li .bd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.28rem 0 0.4rem 0;
  border-top: rgba(33,74,154,.1) solid 1px;
}

.service .list li .bd .name {
  margin-right: 0.14rem;
  font-size: 0.22rem;
  white-space: nowrap;
}

.service .list li .bd em {
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0.17rem;
  font-size: 0.18rem;
  color: #fff;
  border-radius: 0.3rem;
  background: -webkit-linear-gradient(right, #07B88A 0%, #0F5EBB 82%);
  background: linear-gradient(270deg, #07B88A 0%, #0F5EBB 82%);
  height: 0.36rem;
}

.service .list-2 {
  width: 10.4rem;
}

.service .list-2 ul {
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
.honor {min-height:600px;}
.honor ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0.4rem;
}

.honor li {
  cursor: pointer;
}

.honor li .img {
  border: #c0a063 solid 1px;
  padding: 0.12rem;
}

.honor li .img img {
  height: 3.2rem;
  margin: 0 auto;
  display: block;
}

.honor li .name {
  text-align: center;
  font-size: 0.2rem;
  line-height: 0.3rem;
  padding: 0.26rem 0 0.08rem 0;
}

.honor-layer {
  background: rgba(0,0,0,.4);
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.honor-layer.show {
  opacity: 1;
  visibility: visible;
}

.honor-layer .wal {
  height: 70vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 16rem;
}

.honor-layer .close {
  display: block;
  width: 0.3rem;
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
}

.honor-layer .close:hover {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.honor-layer .img {
  width: 6.66rem;
  border: #c0a063 solid 1px;
  padding: 0.12rem;
}

.honor-layer .img img {
  width: 100%;
}

.honor-layer .name {
  text-align: center;
  font-size: 0.26rem;
  line-height: 0.3rem;
  padding: 0.22rem 0 0 0;
  color: #fff;
}

.industrial {
  padding: 0.85rem 0 1.2rem 0;
}

.industrial li {
  margin-bottom: 0.6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.industrial li:last-child {
  margin-bottom: 0;
}

.industrial li .zoomImg {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 7.2rem;
}

.industrial li .bd {
  width: 100%;
  padding: 0 0.85rem;
  position: relative;
  z-index: 5;
}

.industrial li .bd:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  height: 4.1rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
  background: url(../image/img910.svg) center no-repeat;
  background-size: 100% 100%;
  -webkit-transition: 0s;
  transition: 0s;
}

.industrial li .bd h5 {
  font-size: 0.34rem;
}

.industrial li .bd p {
  font-size: 0.18rem;
  font-weight: 300;
  margin-top: 0.36rem;
  line-height: 0.3rem;
  height: 0.9rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.industrial li .bd .more {
  margin-top: 0.4rem;
  width: 1rem;
}

.industrial li:nth-child(odd) .bd:before {
  left: -0.3rem;
}

.industrial li:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.industrial li:nth-child(even) .bd:before {
  right: -0.3rem;
  -webkit-transform: translateY(-50%) rotateY(180deg);
  transform: translateY(-50%) rotateY(180deg);
}

.industrial-nav {
  padding: 0.5rem 0 0.6rem 0;
}

.industrial-nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-gap: 0.3rem;
}

.industrial-nav li {
  position: relative;
}

.industrial-nav li:after {
  content: "";
  display: block;
  position: absolute;
  left: 100%;
  top: 0;
  width: 0.3rem;
  height: 0.5rem;
  background: url(../image/line5.svg) center no-repeat;
  background-size: 0.17rem;
}

.industrial-nav li:last-child:after {
  display: none;
}

.industrial-nav li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 2.68rem;
  padding-bottom: 0.18rem;
  line-height: 0.5rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  font-size: 0.2rem;
  color: #666;
  position: relative;
}

.industrial-nav li a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0.22rem;
  background: url(../image/img262.svg) center no-repeat;
  background-size: 100% 100%;
  opacity: 0;
  right: 0;
}

.industrial-nav li a:hover,
.industrial-nav li a.on {
  color: #0f5ebb;
}

.industrial-nav li a:hover:before,
.industrial-nav li a.on:before {
  opacity: 1;
}

.industrial-nav li a.on {
  font-weight: bold;
}

.industrial-list {
  padding-bottom: 0.86rem;
}

.industrial-list ul {
  display: -ms-grid;
  display: grid;
  grid-gap: 0.5rem;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}

.industrial-list li a {
  display: block;
}

.industrial-list li a .zoomImg img {
  height: 3.3rem;
}

.industrial-list li a .name {
  margin-top: 0.19rem;
  font-size: 0.22rem;
  line-height: 0.5rem;
  text-align: left;
}

.industrial-list li a .name .more {
  margin-top: 0.14rem;
  height: 0.16rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  float: right;
}

.industrial-list li .name .more:before {
  content: "";
  width: 0.39rem;
  height: 0.16rem;
  background: url(../image/more32on.png) center no-repeat;
  background-size: 100%;
}

.industrial-list li .name .more:after {
  content: "";
  width: 0.12rem;
  height: 0.12rem;
  background: url(../image/arrow24on.png) center no-repeat;
  background-size: 100%;
  margin-left: 0.1rem;
  -webkit-transition: .5s;
  transition: .5s;
}

.industrial-list li  .name .more:hover:before {
  background-image: url(../image/more32on.png);
}

.industrial-list li  .name .more:hover:after {
  background-image: url(../image/arrow24on.png);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


.industrial-detail .detail .img {
  max-width: 7.5rem;
  margin: 0 auto;
}

.industrial-detail .detail .img img {
  width: 100%;
}

.industrial-detail .detail .content {
  font-size: 0.19rem;
  line-height: 0.38rem;
  max-width: 13.6rem;
  margin: 0 auto;
  padding-top: 0.6rem;
  color: #333;
  text-indent: 2em;
}

.industrial-detail .detail .content .p {
  text-indent: 2em;
  padding-bottom: 0.2rem;
}

.representative-products ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0.5rem;
}

.representative-products li a {
  display: block;
}

.representative-products li a .zoomImg img {
  height: 3.3rem;
}

.representative-products li a .name {
  margin-top: 0.19rem;
  font-size: 0.22rem;
  line-height: 0.5rem;
  text-align: center;
}

.project-performance {
  padding-bottom: 0.97rem;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.project-performance .list-wrapper {
  margin-right: -0.5rem;
}

.project-performance .list-wrapper li {
  padding-right: 0.5rem;
}

.project-performance .list-wrapper li a {
  display: block;
}

.project-performance .list-wrapper li a .zoomImg img {
  height: 3.3rem;
}

.project-performance .list-wrapper li a .name {
  margin-top: 0.19rem;
  font-size: 0.22rem;
  line-height: 0.5rem;
  text-align: center;
}

.product-detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 0.89rem;
}

.product-detail .head {
  width: 100%;
  padding: 1.04rem 0 0.85rem 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.product-detail .head .zoomImg {
  width: 7.6rem;
}

.product-detail .head .bd {
  width: 7.6rem;
}

.product-detail .head .bd .title {
  border-bottom: 1px solid rgba(0,0,0,.1);
  padding-bottom: 0.26rem;
}

.product-detail .head .bd .title h2 {
  font-size: 0.28rem;
  line-height: 0.5rem;
}

.product-detail .head .bd .title .en {
  font-size: 0.18rem;
  line-height: 0.4rem;
  color: #666;
}

.product-detail .head .bd .list {
  padding-top: 0.65rem;
}

.product-detail .head .bd .list ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 0.4rem;
}

.product-detail .head .bd .list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 0.05rem;
  height: 2.05rem;
  background: #f5f8fc;
  border: 1px solid rgba(15,94,187,.2);
}

.product-detail .head .bd .list li .ico {
  width: 0.54rem;
}

.product-detail .head .bd .list li .name {
  margin-top: 0.15rem;
  line-height: 0.5rem;
  font-size: 0.18rem;
}

.product-detail .head .bd .content {
  font-size: 0.18rem;
  line-height: 1.8em;
  margin-top: 0.3rem;
}

.product-detail .list-wrapper {
  width: 7.6rem;
}

.product-detail .list-wrapper .title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.7rem 0 0.6rem 0;
  font-size: 0.34rem;
  color: #1450aa;
  font-weight: 600;
  line-height: 1em;
}

.product-detail .list-wrapper .title:before {
  content: "";
  display: block;
  margin-right: 0.16rem;
  background: -webkit-linear-gradient(bottom, #07B88A 0%, #0F5EBB 100%);
  background: linear-gradient(0deg, #07B88A 0%, #0F5EBB 100%);
  width: 0.04rem;
  height: 0.3rem;
}

.product-detail .list-wrapper .list .item {
  border-bottom: rgba(0,0,0,.1) solid 1px;
}

.product-detail .list-wrapper .list .item .name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 0.68rem;
  cursor: pointer;
  padding: 0 0.5rem 0 0.2rem;
  position: relative;
}

.product-detail .list-wrapper .list .item .name:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background: -webkit-linear-gradient(left, #0F5EBB 0%, #07B88A 82%);
  background: linear-gradient(to right, #0F5EBB 0%, #07B88A 82%);
}

.product-detail .list-wrapper .list .item .name:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0.2rem;
  width: 0.22rem;
  height: 0.22rem;
  background: url(../image/arrow22.svg) center no-repeat;
  background-size: 0.16rem;
}

.product-detail .list-wrapper .list .item .name h5 {
  font-weight: 400;
  font-size: 0.2rem;
  -webkit-transition: color .5s;
  transition: color .5s;
}

.product-detail .list-wrapper .list .item .content {
  display: none;
  font-size: 0.18rem;
  line-height: 0.32rem;
  color: #555;
  padding: 0.38rem 0 0.62rem 0.2rem;
}

.product-detail .list-wrapper .list .item .content b {
  color: #333;
}

.product-detail .list-wrapper .list .item .content .img {
  text-align: center;
  padding-top: 0.35rem;
  width: 4.26rem;
  margin: 0 auto;
}

.product-detail .list-wrapper .list .item.open .name:before {
  width: 100%;
}

.product-detail .list-wrapper .list .item.open .name:after {
  background-image: url(../image/arrow22on.svg);
  background-size: 0.22rem;
}

.product-detail .list-wrapper .list .item.open .name h5 {
  font-weight: 600;
}

.down {
  background: #f5f8fc;
  padding-bottom: 1.03rem;
}

.down .title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.7rem 0 0.6rem 0;
  font-size: 0.34rem;
  color: #1450aa;
  font-weight: 600;
  line-height: 1em;
}

.down .title:before {
  content: "";
  display: block;
  margin-right: 0.16rem;
  background: -webkit-linear-gradient(bottom, #07B88A 0%, #0F5EBB 100%);
  background: linear-gradient(0deg, #07B88A 0%, #0F5EBB 100%);
  width: 0.04rem;
  height: 0.3rem;
}

.down .list ul {
  display: -ms-grid;
  display: grid;
  grid-gap: 0.5rem;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}

.down .list li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  background: #fff;
  height: 1.26rem;
  padding: 0 1rem 0 0.5rem;
}

.down .list li a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0.18rem;
  background: #e2ecf9;
}

.down .list li a .ico {
  width: 0.37rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0.34rem;
}

.down .list li a .name {
  font-size: 0.2rem;
  line-height: 0.34rem;
  height: 0.34rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.down .list li a .info {
  font-size: 0.16rem;
  line-height: 0.34rem;
  color: #666;
}

.down .list li a .info em {
  color: #ccc;
}

.down .list li a:hover:before {
  background: #0f5ebb;
}

.product {
  padding: 0.33rem 0 0 0;
}

.product .item .wal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.73rem 0 0.89rem 0;
}

.product .item .bd {
  width: 9.2rem;
}

.product .item .bd .title {
  font-size: 0.32rem;
  line-height: 0.5rem;
  padding-bottom: 0.16rem;
  position: relative;
}

.product .item .bd .title:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 1rem;
  height: 0.04rem;
  background: -webkit-linear-gradient(right, #07B88A 0%, #0F5EBB 82%);
  background: linear-gradient(270deg, #07B88A 0%, #0F5EBB 82%);
}

.product .item .bd .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0.3rem;
}

.product .item .bd .row ul {
  /* min-width: 4.6rem; */
  padding: 0px 20px 0px 0px;
}

.product .item .bd .row li {
  font-size: 0.16rem;
  line-height: 0.36rem;
  /* background: url(../image/next8.svg) right no-repeat; */
}

.product .item .bd .row li a{/* display: block; */}





.product .item .bd .row li a:after {
  content: "";
  width: 0.39rem;
  height: 0.16rem;
  background: url(../image/more32on.png) center no-repeat;
  background-size: 100%;
display: inline-block;
}

.product .item .bd .row li a:after {
  content: "";
  width: 0.42rem;
  height: 0.12rem;
  background: url(../image/more100.svg) center no-repeat;
  background-size: 100%;
  margin-left: 0.1rem;
  -webkit-transition: .5s;
  transition: .5s;
  display: inline-block;
}






.product .item .img-list {
  width: 6.5rem;
}

.product .item .img-list .list-wrapper {
  width: 6.7rem;
  overflow: hidden;
  position: relative;
}

.product .item .img-list li {
  padding-right: 0.2rem;
}

.product .item .img-list li img {
  height: 2.5rem;
}

.product .item .img-list .control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 0.26rem;
}

.product .item .img-list .control .line {
  height: 0.02rem;
  width: 6rem;
  background: rgba(0,0,0,.1);
  position: relative;
  border-radius: 0.02rem;
}

.product .item .img-list .control .line:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: var(--w);
  border-radius: 0.04rem;
  height: 0.04rem;
  background: -webkit-linear-gradient(right, #07B88A 0%, #0F5EBB 82%);
  background: linear-gradient(270deg, #07B88A 0%, #0F5EBB 82%);
}

.product .item .img-list .control .arrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 1.04rem;
}

.product .item .img-list .control .arrow a {
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0.1rem rgba(0,0,0,.05);
  position: relative;
}

.product .item .img-list .control .arrow a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  background: -webkit-linear-gradient(135deg, #0F5EBB 27%, #07B88A 85%);
  background: linear-gradient(315deg, #0F5EBB 27%, #07B88A 85%);
  opacity: 0;
}

.product .item .img-list .control .arrow a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url(../image/prev8.svg) center no-repeat;
  background-size: 0.08rem;
}

.product .item .img-list .control .arrow a.next:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.product .item .img-list .control .arrow a:hover:before {
  opacity: 1;
}

.product .item .img-list .control .arrow a:hover:after {
  background-image: url(../image/prev8on.svg);
}

.product .item:nth-child(even) {
  background: #f9f9f9;
}

@media screen and (max-width: 800px) {
  #index .index-foot {
    height: 12rem;
  }

  .index-banner li .wal {
    margin: 0;
  }

  .index-banner li .title {
    width: 2.92rem;
    margin-left: 0;
    left: 0.75rem;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    margin-top: -3rem;
  }

  .index-banner .arrow {
    left: 0.5rem;
  }

  .index-banner .arrow a {
    width: 0.59rem;
    height: 0.59rem;
  }

  .index-banner .arrow a img {
    width: 0.11rem;
  }

  .index-banner .control {
    right: -2.43rem;
    width: 3.6rem;
    height: 3.6rem;
    margin-top: 1rem;
  }

  .index-banner .control .dots-wrapper {
    width: 4.8rem;
    height: 4.8rem;
  }

  .index-banner .control .dots-wrapper span {
    -webkit-transform-origin: center 2.4rem;
    -ms-transform-origin: center 2.4rem;
    transform-origin: center 2.4rem;
  }

  .index-banner .control .dots-wrapper span:before {
    width: 0.07rem;
    height: 0.07rem;
  }

  .index-banner .control .dots-wrapper span.on:before {
    width: 0.14rem;
    height: 0.14rem;
  }

  .index-banner .control .num {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0.8rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-family: "Bebas";
  }

  .index-banner .control .num .num-curr {
    font-size: 0.42rem;
  }

  .index-banner .control .num .line {
    background: #fff;
    width: 0.3rem;
    height: 1px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: .5;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
  }

  .index-banner .control .num .num-total {
    font-size: 0.22rem;
  }

  .index-banner .mouse-ico {
    width: 0.3rem;
    left: auto;
    right: 0.58rem;
  }

  .index-data .wal .title .en {
    font-size: 0.22rem;
  }

  .index-data .wal .content {
    font-size: 0.24rem;
    line-height: 0.45rem;
    min-height: 6.9rem;
  }

  .index-data .list {
    left: -0.75rem;
    right: -0.75rem;
  }

  .index-data .list li .name {
    height: 1.71rem;
    font-size: 0.28rem;
  }

  .index-data .list li .name .ico,
  .index-data .list li .name img {
    display: none;
  }

  .index-data .list li .bd {
    bottom: 0;
    height: 1.73rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0.1rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .index-data .list li .bd h3 {
    font-size: 0.28rem;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    margin-left: 0.2rem;
  }

  .index-data .list li .bd .ico {
    height: 0.6rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }

  .index-data .list li .bd .layer {
    width: 1.88rem;
    height: 1.88rem;
    left: -0.88rem;
    top: 0.08rem;
  }

  .index-data .list li .bd .layer:after {
    width: 3.43rem;
    height: 1.08rem;
    margin-left: -0.18rem;
  }

  .index-data .list li .bd .layer .num {
    top: -0.96rem;
    margin-left: 0.72rem;
  }

  .index-data .list li .bd .layer .num b {
    font-size: 0.79rem;
  }

  .index-data .list li .bd .layer .num em {
    font-size: 0.22rem;
    margin-left: 0.1rem;
    -webkit-transform: translateY(0.24rem);
    -ms-transform: translateY(0.24rem);
    transform: translateY(0.24rem);
  }

  .index-data .list li.li-4 .name em,
  .index-data .list li.li-4 .bd h3 {
    width: 5em;
  }

  .index-data .list li.swiper-slide-prev .name {
    padding-left: 1rem;
  }

  .index-data .list li.swiper-slide-next .name {
    padding-right: 1rem;
  }

  .index-data .list li.swiper-slide-active .name {
    opacity: 0;
  }

  .index-data .list li.swiper-slide-active .bd {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  .index-data .list li.swiper-slide-active .bd .layer {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
  }

  .index-data .arrow a {
    display: block;
    width: 2rem;
    height: 100%;
    position: absolute;
    z-index: 5;
    top: 0;
    background: center no-repeat;
    background-size: 0.15rem;
  }

  .index-data .arrow a.prev {
    left: 0;
    background-image: url(../image/prev15.svg);
  }

  .index-data .arrow a.next {
    right: 0;
    background-image: url(../image/next15.svg);
  }

   .index-news222 .container {
    top: 50%;
    -webkit-transform: translateY(-5rem);
    -ms-transform: translateY(-5rem);
    transform: translateY(-5rem);
    height: 1.7rem;
    width: 100%;
    z-index: 9;
  }

  .index-news222 .container ul {
    width: 100%;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .index-news222 .container li {
    height: 1.7rem;
    width: 50%;
  }

  .index-news222 .container li .name {
    font-size: 0.3rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .index-news222 .container li .name:before,
  .index-news222 .container li .name:after {
    height: 0.36rem;
  }

  .index-news222 .container li .name em {
    padding: 0 0.3rem;
  }

  .index-news222 .container li .bd {
    -webkit-transform: translate(0%, -50%) scaleY(0.5);
    -ms-transform: translate(0%, -50%) scaleY(0.5);
    transform: translate(0%, -50%) scaleY(0.5);
    left: 0;
    width: 2.2rem;
    background: url(../image/img17.svg) left 0.54rem no-repeat;
    background-size: auto 0.25rem;
  }

  .index-news222 .container li .bd h5 {
    font-size: 0.43rem;
    line-height: 0.6rem;
  }

  .index-news222 .container li .bd .en {
    margin-top: 0.32rem;
    font-size: 0.17rem;
    line-height: 0.38rem;
  }

  .index-news222 .container li:hover .bd,
  .index-news222 .container li.on .bd {
    opacity: 1;
    -webkit-transform: translate(0%, -50%) scale(1);
    -ms-transform: translate(0%, -50%) scale(1);
    transform: translate(0%, -50%) scale(1);
  }

  .index-news222 .container .more {
    bottom: -8.9rem;
    width: 1.65rem;
    left: auto;
    right: 0;
  }

  .index-news222 .container .more a:before {
    width: 1.24rem;
    height: 1.24rem;
  }

  .index-news222 .list {
    left: -0.5rem;
    top: 50%;
    right: 0;
    height: 7.5rem;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    margin-top: -3rem;
  }

  .index-news222 .list .list-wrapper1 {
    width: 11rem;
    left: 0;
    top: 0;
  }

  .index-news222 .list .list-wrapper1 ul {
    left: 0;
  }

  .index-news222 .list .list-wrapper1 li {
    padding: 0 0.2rem 0 0.3rem;
  }

  .index-news222 .list .list-wrapper1 li a {
    padding-top: 0.74rem;
  }

  .index-news222 .list .list-wrapper1 li a .zoomImg img {
    height: 2.7rem;
  }

  .index-news222 .list .list-wrapper1 li a .bd h5 {
    font-size: 0.24rem;
    line-height: 0.36rem;
    height: 0.72rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .index-news222 .list .list-wrapper1 li a .bd .content {
    display: block;
    height: 0;
    -webkit-transition: .5s;
    transition: .5s;
    opacity: 0;
    padding-top: 0;
  }

  .index-news222 .list .list-wrapper1 li a .bd .more {
    height: 0.22rem;
    margin-top: 0.4rem;
  }

  .index-news222 .list .list-wrapper1 li a .bd .more:before {
    width: 0.53rem;
    height: 0.22rem;
  }

  .index-news222 .list .list-wrapper1 li a .bd .more:after {
    width: 0.16rem;
    height: 0.16rem;
  }

  .index-news222 .list .list-wrapper1 li.swiper-slide-active a {
    opacity: 1;
    padding-top: 0;
  }

  .index-news222 .list .list-wrapper1 li.swiper-slide-active a .time b,
  .index-news222 .list .list-wrapper1 li.swiper-slide-active a .time em {
    background: -webkit-linear-gradient(219deg, #07B88A 14%, #0F5EBB 57%);
    background: linear-gradient(231deg, #07B88A 14%, #0F5EBB 57%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
    background-clip: text;
    text-fill-color: rgba(0,0,0,0);
  }

  .index-news222 .list .list-wrapper1 li.swiper-slide-active a .zoomImg img {
    height: 3.44rem;
  }

  .index-news222 .list .list-wrapper1 li.swiper-slide-active a .bd h5 {
    font-size: 0.28rem;
  }

  .index-news222 .list .list-wrapper1 li.swiper-slide-active a .bd .content {
    padding-top: 0.38rem;
    height: 0.9rem;
    opacity: 1;
  }

  .index-news222 .list .list-wrapper1 li.swiper-slide-active a .bd .content p {
    font-size: 0.15rem;
    line-height: 0.26rem;
    height: 0.52rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .index-news222 .list .list-wrapper1 li.swiper-slide-active a .bd .more {
    margin-top: 0.4rem;
    height: 0.22rem;
    width: 1.39rem;
    background: url(../image/more16on.svg) left center no-repeat;
    background-size: auto 100%;
    position: relative;
  }

  .index-news222 .list .list-wrapper1 li.swiper-slide-active a .bd .more:before {
    display: none;
  }

  .index-news222 .list .list-wrapper1 li.swiper-slide-active a .bd .more:after {
    content: "";
    width: 0.16rem;
    background: url(../image/arrow24on.png) center no-repeat;
    background-size: 100%;
    -webkit-transition: .5s;
    transition: .5s;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
  }

  .index-news222 .list .list-wrapper1 li.swiper-slide-active a .bd .more:hover:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .index-news222 .list .big-img {
    display: none;
  }

  .index-news222 .list .arrow {
    bottom: -0.8rem;
    right: auto;
    left: 0.5rem;
  }

  .index-news222 .list .arrow a {
    width: 0.63rem;
    height: 0.63rem;
    margin-left: 0;
    margin-right: 0.57rem;
  }

  .index-news .title {
    background: url(../image/img17.svg) left 0.54rem no-repeat;
    background-size: auto 0.25rem;
  }

  .index-news .title h5 {
    font-size: 0.43rem;
    line-height: 0.6rem;
  }

  .index-news .title .en {
    margin-top: 0.32rem;
    font-size: 0.17rem;
    line-height: 0.38rem;
  }

  .index-news .list {
    margin-top: 0.3rem;
  }

  .index-news .list .list-wrapper {
    width: 16.8rem;
  }

  .index-news .list li a {
    height: auto;
  }

  .index-news .list li a .time {
    font-size: 0.24rem;
  }

  .index-news .list li a .zoomImg {
    margin-top: 0.4rem;
  }

  .index-news .list li a .zoomImg img {
    height: 3.2rem;
  }

  .index-news .list li a .bd h5 {
    font-size: 0.26rem;
    line-height: 0.4rem;
    height: 0.4rem;
  }

  .index-news .list li a .bd .content p {
    font-size: 0.24rem;
    line-height: 0.44rem;
    height: 0.88rem;
  }

  .index-news .list li.swiper-slide-active {
    z-index: 2;
  }

  .index-news .list li.swiper-slide-active:before {
    opacity: 1;
  }

  .index-news .list li.swiper-slide-active a {
    color: #fff;
  }

  .index-news .list li.swiper-slide-active a .time {
    color: #fff;
  }

  .index-news .list li.swiper-slide-active a .time em {
    -webkit-transform: translateY(-90%);
    -ms-transform: translateY(-90%);
    transform: translateY(-90%);
  }

  .index-news .list li.swiper-slide-active a .zoomImg {
    -webkit-transform: scale(1.28);
    -ms-transform: scale(1.28);
    transform: scale(1.28);
  }

  .index-news .list li.swiper-slide-active a .bd {
    padding-top: 0.8rem;
  }

  .index-news .list li.swiper-slide-active a .bd .content {
    margin-top: 0.18rem;
    height: 0.88rem;
    opacity: 1;
  }

  .index-news .list li.swiper-slide-active a .bd .more {
    bottom: 0.3rem;
  }

  .index-news .list li.swiper-slide-active a .bd .more:before {
    background-image: url(../image/more32-white.png);
  }

  .index-news .list li.swiper-slide-active a .bd .more:after {
    background-image: url(../image/arrow24-white.png);
  }

  .index-news .list li.swiper-slide-active a .bd .more:hover:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .index-news .list .arrow {
    grid-gap: 6rem;
  }

  .index-news .list .arrow a {
    width: 0.6rem;
    height: 0.6rem;
  }

  .index-news .list .arrow a:after {
    background-size: 0.12rem;
  }

  .index-news .more {
    width: 1.65rem;
    margin-top: 0.5rem;
  }

  .index-news .more a:before {
    width: 1.24rem;
    height: 1.24rem;
  }


  .index-about .word {
    position: absolute;
    right: 0;
    bottom: -0.35rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    z-index: 5;
    pointer-events: none;
  }

  .index-about .word img {
    height: 2rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }

  .index-about .img-list ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .index-about .img-list li {
    width: 100%;
    height: 100vh;
    background-size: cover;
  }

  .index-about .img-list li>.name {
    display: none;
  }

  .index-about .img-list li .bd {
    width: 6.5rem;
    margin-top: -1rem;
    opacity: 1;
    visibility: visible;
    margin-left: -3.25rem;
  }

  .index-about .img-list li .bd .more {
    width: 1.42rem;
    height: 1.2rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .index-about .img-list li.on {
    height: 100vh;
    width: 100%;
  }

  .index-about .img-list li.on .bd .more {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .index-about .title {
    left: 0.5rem;
    top: 2.2rem;
    margin-left: 0;
    margin-top: 0;
  }

  .index-about .list {
    position: absolute;
    z-index: 5;
    left: 0.5rem;
    margin-left: 0;
    margin-top: -3.09rem;
    width: 7rem;
    padding-left: 0.8rem;
  }

  .index-about .list.list-1 {
    top: calc(100vh - 4rem);
  }

  .index-about .list.list-2 {
    top: 100vh;
  }

  .index-about .list .list-wrapper {
    width: 8.4rem;
    height: 2rem;
  }

  .index-about .list .list-wrapper li a {
    height: 2rem;
    padding: 0 0.45rem;
  }

  .index-about .list .list-wrapper li a .name {
    font-size: 0.22rem;
    line-height: 0.32rem;
    height: 0.64rem;
  }

  .index-about .list .list-wrapper li a .time {
    margin-top: 0.14rem;
    background-size: 0.2rem;
  }

  .index-about .list .list-wrapper li a .time em {
    font-size: 0.36rem;
    line-height: 0.5rem;
  }

  .index-about .list .arrow {
    right: auto;
    left: -0.1rem;
    bottom: 0.63rem;
  }

  .index-about .list .arrow a {
    margin-left: 0;
    width: 0.58rem;
    height: 0.58rem;
  }

  .index-about .list .arrow a img {
    width: 0.12rem;
  }

  .index-about .list .arrow a.next {
    display: none;
  }

  .page-banner .wal {
    height: 3.8rem;
  }
   .page-bannerqywh .wal{height: 2.4rem !important;}
  .page-banner .curr {
    display: none;
  }

  .page-title h2 {
    font-size: 0.43rem;
    line-height: 0.6rem;
  }

  .page-title .en {
    font-size: 0.22rem;
    line-height: 0.38rem;
  }

  .page-nav {
    /* display: none; */
  }

  .page-nav ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* margin-right: -0.5rem; */
    /* margin-left: -0.5rem; */
  }

  .page-nav li {
    padding-right: 0.3rem;
    margin-right: 0;
    width: auto;
  }

  .page-nav li:after {
    display: none;
  }

  .page-nav li a.name {
    height: 0.9rem;
    font-size: 0.28rem;
    padding: 0;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .page-nav li a.name:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: -1px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0.03rem;
    background: -webkit-linear-gradient(right, #07B88A 0%, #0F5EBB 82%);
    background: linear-gradient(270deg, #07B88A 0%, #0F5EBB 82%);
  }

  .page-nav li a.name:hover:before,
  .page-nav li a.name.on:before {
    width: 100%;
  }

  .page-nav li a.name.on {
    font-weight: 600;
  }

  .page-nav li:last-child:after {
    display: none;
  }

  .about .content {
    font-size: 0.26rem;
    line-height: 0.46rem;
  }

  .about .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .about .row .logo {
    width: 3.9rem;
    margin-left: 0;
    margin-bottom: 0.5rem;
  }

  .about .imgs li {
    width: 100%;
  }

  .about-foot .wal {
    height: 4rem;
    padding-top: 1.2rem;
  }

  .leader li .img {
    width: 2.4rem;
  }

  .leader li .name {
    width: 3.7rem;
  }

  .leader li .name h5 {
    font-size: 0.38rem;
  }

  .leader li .name p {
    font-size: 0.24rem;
  }

  .leader222 ul {
    grid-gap: 0.3rem;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }

  .leader222 li .name {
    height: 1.62rem;
  }

  .leader222 li .name h5 {
    font-size: 0.32rem;
    line-height: 0.46rem;
  }

  .leader222 li .name p {
    margin-top: 0.05rem;
    font-size: 0.24rem;
    line-height: 0.46rem;
  }

  .history .list {
    margin-left: -0.3rem;
    margin-right: -0.3rem;
  }

  .history .list .item li {
    padding: 0 0 0.17rem 0;
  }

  .history .list .item li:after {
    top: 0.21rem;
    width: 0.14rem;
    height: 0.14rem;
  }

  .history .list .item li .month {
    line-height: 0.68rem;
    font-size: 0.38rem;
  }

  .history .list .item li .content {
    font-size: 0.24rem;
    line-height: 0.35rem;
    padding: 0.16rem 0;
  }

  .history .list .item:nth-child(odd) li {
    padding-left: 0.4rem;
  }

  .history .list .item:nth-child(odd) li .month {
    padding-right: 0.4rem;
  }

  .history .list .item:nth-child(even) li {
    padding-right: 0.4rem;
  }

  .history .list .item:nth-child(even) li .month {
    padding-left: 0.4rem;
  }

  .culture ul {
    margin-left: -0.2rem;
  }

  .culture li {
    padding: 0 0 0.2rem 0.2rem;
    width: 100%;
  }

  .culture li a:after {
    height: 1.8rem;
  }

  .culture li a .zoomImg img {
    height: 3rem;
  }

  .culture li a .name {
    left: 0.4rem;
    bottom: 0.3rem;
    font-size: 0.28rem;
  }

  .news li:before {
    display: none;
  }

  .news li a {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .news li a .zoomImg {
    width: 100%;
  }

  .news li a .zoomImg img {
    height: 3.6rem;
  }

  .news li a .bd {
    width: 100%;
    padding: 0.3rem 0 0 0;
    position: relative;
  }

  .news li a .bd .time {
    font-size: 0.33rem;
    height: 1.2rem;
  }

  .news li a .bd .time b {
    margin-right: 0.17rem;
    font-size: 0.84rem;
  }

  .news li a .bd .time em {
    -webkit-transform: translateY(0.09rem);
    -ms-transform: translateY(0.09rem);
    transform: translateY(0.09rem);
  }

  .news li a .bd .name {
    font-size: 0.3rem;
    line-height: 0.41rem;
    margin-top: 0;
  }

  .news li a .bd p {
    font-size: 0.24rem;
    line-height: 0.41rem;
    height: 0.81rem;
  }

  .news li a .bd .more {
    top: 0.8rem;
  }

  .activities li:before {
    display: none;
  }

  .activities li a {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
    padding: 0.3rem 0;
  }

  .activities li a .time {
    font-size: 0.33rem;
    height: 1.2rem;
  }

  .activities li a .time b {
    margin-right: 0.17rem;
    font-size: 0.84rem;
  }

  .activities li a .time em {
    -webkit-transform: translateY(0.09rem);
    -ms-transform: translateY(0.09rem);
    transform: translateY(0.09rem);
  }

  .activities li a .name {
    width: 100%;
    font-size: 0.3rem;
    line-height: 0.41rem;
  }

  .activities li a .more {
    top: 0.8rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    right: 0;
  }

  .page-num {
    font-size: 0.26rem;
  }

  .page-num div {
    margin: 0 0.12rem;
  }

  .page-num div a {
    margin: 0 0.03rem;
    width: 0.6rem;
    height: 0.6rem;
  }

  .news-detail .head h2 {
    font-size: 0.38rem;
    line-height: 1.5em;
  }

  .news-detail .head .row {
    margin-top: 0.26rem;
  }

  .news-detail .head .row .time {
    font-size: 0.24rem;
    padding-left: 0.38rem;
    background-size: 0.24rem;
  }

  .news-detail .head .row .controls .name {
    width: 0.28rem;
  }

  .news-detail .head .row .controls a {
    font-size: 0.24rem;
  }

  .news-detail .content {
    font-size: calc(var(--s, 1)*0.26rem);
   
  }


.news-detail .content table {
    display: block;
    word-break: keep-all;
    margin: 0 auto;
    max-width: 100%;
    overflow-x: scroll;
    border: 0px !important;
    border-collapse: collapse;
}

  .news-detail .content .list li:before {
    top: 0.23rem;
  }

  .page-share .name {
    font-size: 0.24rem;
  }

  .page-share a {
    width: 0.28rem;
  }

  .page-num2 {
    padding: 0.35rem 0 0.7rem 0;
  }

  .page-num2 li {
    padding-bottom: 0.11rem;
    font-size: 0.24rem;
    line-height: 0.46rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .tcjs .head,
  .tcwh .head {
    height: 5rem;
  }

  .tcjs .head .title,
  .tcwh .head .title {
    left: 0;
    top: 0.4rem;
  }

  .tcjs .head .img,
  .tcwh .head .img {
    width: 4.5rem;
    position: relative;
    left: -0.5rem;
  }

  .tcjs .head .video,
  .tcwh .head .video {
    width: 5.6rem;
    top: 1.8rem;
  }

  .tcwh>.row {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .tcwh .side {
    width: 3rem;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding: 2.2rem 0 0 0.4rem;
    background: url(../image/img18_2.svg) left 3.61rem no-repeat;
    background-size: 0.18rem;
    display: none;
  }

  .tcwh .side:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 3.6rem;
    margin-top: calc(var(--t, 0)*1.1rem);
    width: 0.03rem;
    height: 1.14rem;
    background: url(../image/line3.svg) center no-repeat;
    background-size: 100% 100%;
  }

  .tcwh .side h3 {
    font-size: 0.36rem;
    line-height: 0.5rem;
    margin-bottom: 0.44rem;
  }

  .tcwh .side li {
    padding-bottom: 0.33rem;
  }

  .tcwh .side li a {
    display: block;
  }

  .tcwh .side li a h5 {
    font-size: 0.22rem;
    line-height: 0.47rem;
    color: #1450aa;
  }

  .tcwh .side li a p {
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #666;
  }

  .tcwh .w1200 {
    width: 100%;
  }

  .tcwh .w1200 .nav {
    padding: 0.5rem 0 0 0;
  }

  .tcwh .w1200 .nav li a {
    height: 1.14rem;
    font-size: 0.31rem;
  }

  .tcwh .w1200 .list .item {
    padding: 0;
    background: none;
  }

  .tcwh .w1200 .list .item ul {
    margin-top: 0.45rem;
  }

  .tcwh .w1200 .list .item ul li {
    font-size: 0.24rem;
    line-height: 0.51rem;
    padding-bottom: 0.49rem;
  }

  .tcwh .w1200 .list .item ul li h5 {
    font-size: 0.27rem;
    padding-bottom: 0.24rem;
  }

  .tcwh .w1200 .list .item .hd {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .tcwh .w1200 .list .item .hd .zoomImg {
    width: 3.36rem;
    margin: 0 auto;
  }

  .tcwh .w1200 .list .item .hd ul {
    margin-top: 0.45rem;
  }

  .tcjs .content {
    font-size: 0.26rem;
    line-height: 0.46rem;
  }

  .tcjs .content-1:after {
    right: -0.4rem;
  }

  .tcjs .list:before {
    height: 4rem;
  }

  .tcjs .list .title h3 {
    font-size: 0.36rem;
    line-height: 1.3em;
  }

  .tcjs .list .item-1 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .tcjs .list .item-1 .zoomImg {
    width: 100%;
  }

  .tcjs .list .item-1 .bd {
    width: 100%;
    padding: 0.68rem 0 0 0;
  }

  .tcjs .list .item-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .tcjs .list .item-2 .zoomImg {
    width: 100%;
  }

  .tcjs .list .item-2 .bd {
    width: 100%;
    padding: 0;
  }

  .tcjs .list .item-2 .bd .title h3 {
    margin-right: -0.5rem;
  }

  .tcjs .list .item-3 {
    min-height: 5rem;
    margin-top: 0.64rem;
  }

  .tcjs .list .item-3:before {
    display: none;
  }

  .tcjs .list .item-3:after {
    display: none;
  }

  .tcjs .list .item-3 .zoomImg {
    width: 100%;
    position: relative;
    left: 0;
    margin-left: 0;
  }

  .tcjs .list .item-3 .zoomImg img {
    height: 4rem;
  }

  .tcjs .list .item-3 .zoomImg:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0.5rem;
    background: #119c85;
    -webkit-transition: 0s;
    transition: 0s;
  }

  .tcjs .list .item-3 .bd {
    width: 100%;
    padding-top: 0.4rem;
  }

  .tcjs .list .item-4 {
    margin-top: 0.64rem;
  }

  .tcjs .list .item-4 .title {
    height: 2rem;
  }

  .tcjs .list .item-4 .title:after {
    top: 1.6rem;
  }

  .tcjs .list .item-4 .content {
    padding: 0.4rem;
    margin-right: -0.4rem;
    margin-left: -0.4rem;
  }

  .tcjs .list .item-5 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0.64rem 0 0.2rem 0;
  }

  .tcjs .list .item-5 .zoomImg {
    width: 100%;
  }

  .tcjs .list .item-5 .bd {
    padding: 0.4rem 0 0 0;
  }

  .tcjs .list .item-6 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0.3rem 0 0.8rem 0;
  }

  .tcjs .list .item-6 .left {
    width: 100%;
  }

  .tcjs .list .item-6 .left .content {
    width: 100%;
    margin-top: 0.4rem;
  }

  .tcjs .list .item-6 .right {
    width: calc(100% + 0.8rem);
    margin-top: 0.4rem;
    position: relative;
    left: -0.4rem;
    min-height: 6.2rem;
    padding: 0.4rem;
  }

  .xwlz .wal {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .xwlz .side {
    width: 4rem;
    position: -webkit-sticky;
    position: sticky;
    top: 1.5rem;
    display: none;
    padding: 0 0 0 0.4rem;
    background: url(../image/img18_3.svg) left 1.41rem no-repeat;
    background-size: 0.18rem;
  }

  .xwlz .side:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 1.4rem;
    margin-top: calc(var(--t, 0)*1.1rem);
    width: 0.03rem;
    height: 1.14rem;
    background: url(../image/line3.svg) center no-repeat;
    background-size: 100% 100%;
  }

  .xwlz .side h3 {
    font-size: 0.36rem;
    line-height: 0.5rem;
    margin-bottom: 0.44rem;
  }

  .xwlz .side li {
    padding-bottom: 0.33rem;
  }

  .xwlz .side li a {
    display: block;
  }

  .xwlz .side li a h5 {
    font-size: 0.22rem;
    line-height: 0.47rem;
    color: #1450aa;
  }

  .xwlz .side li a p {
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #666;
  }

  .xwlz .list {
    width: 100%;
  }

  .xwlz .list .item {
    margin-left: -0.4rem;
    margin-right: -0.4rem;
    padding: 0.4rem;
  }

  .xwlz .list .item .msg {
    font-size: 0.24rem;
  }

  .xwlz .list .item li h5 {
    font-size: 0.27rem;
    line-height: 0.51rem;
  }

  .xwlz .list .item li p {
    font-size: 0.24rem;
    line-height: 0.51rem;
    margin-top: 0.27rem;
  }

  .service .title h3 {
    font-size: 0.42rem;
  }

  .service .list ul {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0.3rem;
  }

  .service .list li {
    padding: 0 0.41rem;
  }

  .service .list li .tel {
    font-size: 0.62rem;
  }

  .service .list li .hd {
    height: 2.11rem;
  }

  .service .list li .hd .name {
    font-size: 0.3rem;
    line-height: 0.41rem;
    margin-bottom: 0.22rem;
  }

  .service .list li .hd .name2 {
    font-size: 0.26rem;
  }

  .service .list li>.tel {
    height: 1.57rem;
  }

  .service .list li .bd {
    padding: 0.38rem 0 0.54rem 0;
  }

  .service .list li .bd .name {
    margin-right: 0.31rem;
    font-size: 0.3rem;
  }

  .service .list li .bd em {
    padding: 0 0.23rem;
    font-size: 0.24rem;
    border-radius: 0.41rem;
    height: 0.49rem;
  }

  .service .list-2 {
    width: 100%;
  }

  .service .list-2 ul {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .honor ul {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0.3rem;
  }

  .honor li .img img {
    height: 1.9rem;
  }

  .honor li .name {
    font-size: 0.26rem;
    line-height: 0.38rem;
    padding: 0.26rem 0 0.08rem 0;
  }

  .honor-layer .wal {
    width: 7.5rem;
  }

  .honor-layer .close {
    width: 0.36rem;
  }

  .honor-layer .img {
    width: 6.5rem;
  }

  .industrial li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .industrial li .zoomImg {
    width: 100%;
  }

  .industrial li .bd {
    padding: 0.3rem 0.25rem 0 0.25rem;
  }

  .industrial li .bd:before {
    display: none;
  }

  .industrial li .bd p {
    font-size: 0.24rem;
    margin-top: 0.2rem;
    line-height: 0.41rem;
    height: 1.22rem;
  }

  .industrial li .bd .more {
    margin-top: 0.4rem;
    width: 1rem;
  }

  .industrial li:nth-child(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .industrial-nav {
    /* padding: 1.05rem 0 0.6rem 0; */
    /* display: none; */
  }

  .industrial-nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    grid-gap: 0.3rem;
  }

  .industrial-nav li {
    position: relative;
  }

  .industrial-nav li:after {
    content: "";
    display: block;
    position: absolute;
    left: 100%;
    top: 0;
    width: 0.3rem;
    height: 0.5rem;
    background: url(../image/line5.svg) center no-repeat;
    background-size: 0.17rem;
  }

  .industrial-nav li:last-child:after {
    display: none;
  }

  .industrial-nav li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    padding-bottom: 0.18rem;
    line-height: 0.5rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 0.2rem;
    color: #666;
    position: relative;
  }

  .industrial-nav li a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0.22rem;
    background: url(../image/img262.svg) center no-repeat;
    background-size: 100% 100%;
    opacity: 0;
    right: 0;
  }

  .industrial-nav li a:hover,
  .industrial-nav li a.on {
    color: #0f5ebb;
  }

  .industrial-nav li a:hover:before,
  .industrial-nav li a.on:before {
    opacity: 1;
  }

  .industrial-nav li a.on {
    font-weight: bold;
  }

  .industrial-list {
    padding-top: 1rem;
  }

  .industrial-list ul {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .industrial-list li a .zoomImg img {
    height: 4.46rem;
  }

  .industrial-list li a .name {
    font-size: 0.26rem;
    line-height: 0.6rem;
  }








  .industrial-detail .detail .content {
    font-size: 0.25rem;
    line-height: 0.49rem;
  }

  .representative-products ul {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .representative-products li a .zoomImg img {
    height: 4.46rem;
  }

  .representative-products li a .name {
    font-size: 0.26rem;
    line-height: 0.6rem;
  }

  .project-performance li a .zoomImg img {
    height: 4.46rem;
  }

  .project-performance li a .name {
    font-size: 0.26rem;
    line-height: 0.6rem;
  }

  .product-detail .head {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .product-detail .head .zoomImg {
    width: 100%;
  }

  .product-detail .head .bd {
    width: 100%;
    margin-top: 0.4rem;
  }

  .product-detail .head .bd .title h2 {
    font-size: 0.36rem;
  }

  .product-detail .head .bd .title .en {
    font-size: 0.23rem;
    line-height: 1.4em;
  }

  .product-detail .head .bd .list ul {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0.4rem;
  }

  .product-detail .head .bd .list li .ico {
    width: 0.73rem;
  }

  .product-detail .head .bd .list li .name {
    font-size: 0.24rem;
  }

   .product-detail .head .bd .content {
    font-size: 0.24rem;
  }

  .product-detail .list-wrapper {
    width: 100%;
  }

  .product-detail .list-wrapper .title {
    font-size: 0.37rem;
  }

  .product-detail .list-wrapper .title:before {
    width: 0.04rem;
    height: 0.33rem;
  }

  .product-detail .list-wrapper .list .item .name {
    height: 0.92rem;
  }

  .product-detail .list-wrapper .list .item .name:after {
    width: 0.3rem;
    height: 0.3rem;
    background-size: 0.22rem;
  }

  .product-detail .list-wrapper .list .item .name h5 {
    font-size: 0.27rem;
  }

  .product-detail .list-wrapper .list .item .content {
    font-size: 0.24rem;
    line-height: 0.43rem;
  }

  .product-detail .list-wrapper .list .item .content .img {
    width: 5.75rem;
  }

  .product-detail .list-wrapper .list .item.open .name:after {
    background-size: 0.3rem;
  }

  .down .title {
    font-size: 0.37rem;
  }

  .down .title:before {
    width: 0.04rem;
    height: 0.33rem;
  }

  .down .list ul {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .down .list li a {
    height: 1.7rem;
  }

  .down .list li a .ico {
    width: 0.5rem;
  }

  .down .list li a .name {
    font-size: 0.27rem;
    line-height: 0.46rem;
    height: 0.46rem;
  }

  .down .list li a .info {
    font-size: 0.22rem;
    line-height: 0.46rem;
  }

  .product .item .wal {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.85rem 0;
  }

  .product .item .bd {
    width: 100%;
  }

  .product .item .bd .title {
    font-size: 0.38rem;
    font-weight: 600;
  }

  .product .item .bd .row {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 0.3rem;
  }

  .product .item .bd .row ul {
    min-width: 50%;
  }

  .product .item .bd .row li {
    font-size: 0.24rem;
    line-height: 0.44rem;
  }

  .product .item .img-list {
    width: 100%;
    margin-top: 0.6rem;
  }

  .product .item .img-list .list-wrapper {
    width: calc(100% + 0.2rem);
  }

  .product .item .img-list li img {
    height: 2.3rem;
  }

  .product .item .img-list .control .line {
    width: 4.6rem;
  }

  .product .item .img-list .control .arrow {
    width: 1.25rem;
  }

  .product .item .img-list .control .arrow a {
    width: 0.5rem;
    height: 0.5rem;
  }

  .product .item .img-list .control .arrow a:after {
    background-size: 0.1rem;
  }

  .product .item:nth-child(even) {
    background: #f9f9f9;
  }
}