/*@font-face {*/
/*  font-family: siyuan;*/
/*  src: url(../fonts/sourcehansanscn-normal.ttf) format('truetype');*/
/*}*/
/*@font-face {*/
/*  font-family: siyuanBold;*/
/*  src: url(../fonts/sourcehansanscn-bold.ttf) format('truetype');*/
/*}*/
/*@font-face {*/
/*  font-family: mont;*/
/*  src: url(../fonts/Montserrat-Light.otf) format('opentype');*/
/*}*/
/*html,*/
body {
  font-family: siyuan;
}
#menuClose{
    display: none;
    width: .2742857143rem;
    height: .2742857143rem;
}
#menuImg{
    width: .2742857143rem;
    height: .2742857143rem;
}
.search a{
    width: .2742857143rem;
    height: .2742857143rem;
    display: block;
    display: flex;
    align-items: center;
}
.header .iconfont {
     
    font-size: .2742857143rem;
    display: block;
  }
  .iconfont{
    font-size: .2742857143rem!important;
  }
.width1600 {
  /* width: 16rem; */
  width: 88%;
  margin: 0 auto;
}
.width1200 {
  width: 12rem;
  margin: 0 auto;
}
body {
  position: relative;
}
.h-back-btn {
  display: none;
}
header {
  width: 100%;
  position: absolute;
  /* top: 0; */
  left: 0;
  right: 0;
  z-index: 1001;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
}
header .fx {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  height: 0.91rem;
  display: flex;
  align-items: center;
}
header .fxs {
  display: flex;
  display: -webkit-flex;
  align-items: center;
}

.menu{
    width: .2742857143rem;
    height:.2742857143rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
header .logo {
    height: 75%;
    width: 169px;
  display: flex;
  /* margin-top: 12px; */
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
header .logo a{
    height: 100%;
}
header .logo img {
  display: block;
  height: 100%;
}
header .logo .s {
  display: block;
}
header .logo .h {
  display: none;
}
header .search {
  width:.2742857143rem;
  height: .2742857143rem;
  margin-left: .2857142857rem;
  
  position: relative;
}
header .search .search-btn {
  display: flex;
  width: 100%;
  height: 100%;
  background: url(../images/icon-search1.png) center/100% auto no-repeat;
  cursor: pointer;
}
header .search .search-kuang {
  position: absolute;
  right: 0;
  top: 70px;
  display: none;
  padding: 10px 20px;
  background-color: #fff;
  border-radius: 2px;
}
header .search .search-kuang .input {
  display: block;
  width: 300px;
  height: 40px;
  border: 1px solid #3558b2;
  padding: 0 15px;
}
header .search .search-kuang .btn {
  display: block;
  width: 50px;
  height: 40px;
  border: 1px solid #3558b2;
  background-color: #3558b2;
  background-image: url(../images/icon-search1.png);
  background-position: center;
  background-repeat: no-repeat;
}
header.fixed {
  position: fixed;
}
.header {
  background-color: #fff;
}
.header .logo .s {
  display: none;
}
.header .logo .h {
  display: block;
}
.header nav li .a {
  color: #333;
  font-family: siyuanBold;
}
header nav li .a a {
  color: #fff;
}
.header nav li .a a {
  color: #333;
}
nav ul {
  display: flex;
  display: -webkit-flex;
  margin-right: 252px;
  /* margin-top: 30px; */
}
nav li {
  margin: 0 0.3rem;
}
nav li .a {
  display: block;
  color: #fff;
  font-size: 16px;
  font-family: siyuanBold;
  line-height: 0.91rem;
  position: relative;
}
nav li .a:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #333;
  opacity: 0;
  transform: all 0.2s;
  -webkit-transform: all 0.2s;
}
nav li:hover .a:after {
  opacity: 1;
}
nav .po {
  position: relative;
}
nav .child {
  display: none;
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  bottom: auto;
  z-index: 1;
}
nav .child-pro {
  background-color: #fff;
  top: 0.91rem;
  /* padding: 40px 0 25px; */
  max-height: 480px;
  overflow-y: auto;
}
nav .child-pro .fxs {
  max-height: 100%;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: flex-start;
  /* margin-left: 1rem; */
  width: 88%;
  margin:auto;
}
nav .child-pro .li {
  width: 25%;
  max-height: 100%;
  padding: 24px 0px;
  /* border-bottom: 1px solid #f0f1f2; */
  /* height: 3.67rem; */
  overflow-y: auto;
}
.home-fxs nav .child-pro .li{
    /* height: 4.2rem; */
    max-height: 100%;
}
nav .child-pro .li::-webkit-scrollbar{
    display: none;
}
nav .child-pro::-webkit-scrollbar{
    display: none;
}
nav .child-pro .li .sub {
  height: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  /* border-right: 1px solid #f0f1f2; */
}
nav .child-pro .li:nth-child(3n) .sub {
  border-right: none;
}
nav .child-pro .li .img {
  display: block;
  width: 45%;
}
nav .child-pro .li .img img {
  display: block;
  width: 100%;
  margin: auto;
}
nav .child-pro dl {
  width: 50%;
  max-height: 100%;
}
nav .child-pro dl dt {
  margin-bottom: 5px;
  color: #3f3f3f;
  font-size: 18px;
  font-family: siyuanBold;
}
nav .child-pro dl dd {
  margin-bottom: 10px;
}
nav .child-pro dl dd a {
  color: #3f3f3f;
  font-size: 14px;
  white-space: nowrap;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
nav .child-pro dl dd a:hover {
  color: #34a0ef;
}
nav .child-pro dl .desc {
  color: #888;
  font-size: 13px;
  line-height: 20px;
  max-height: 80px;
  overflow: hidden;
  padding-bottom: 10px;
}
nav .child-ling {
  background-color: #fff;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  top: 0.91rem;
}
nav .child-ling a {
  display: block;
  white-space: nowrap;
  color: #666;
  font-size: 14px;
  line-height: 44px;
  padding: 0 25px;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
nav .child-ling a:hover {
  background-color: #eee;
}
#siteHeaderSearch {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background-color: #fff;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}
#siteHeaderSearch .search-box {
  width: 960px;
  height: 100%;
  margin: 0 auto;
  padding: 16px 0;
  position: relative;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
}
#siteHeaderSearch .search-box-cover {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 85px;
  left: 0;
  opacity: 0.5;
  background-color: #000;
  z-index: 990;
}
#siteHeaderSearch .searchBtn {
  display: inline-block;
  vertical-align: middle;
  width: 38px;
  height: 38px;
  cursor: pointer;
  background: url(../images/icon-search2.png) center/60% auto no-repeat;
}
#siteHeaderSearch .search-input {
  display: inline-block;
  vertical-align: middle;
  width: 640px;
  outline: none;
  font-size: 16px;
  height: 38px;
  padding: 4px 8px;
  border: none;
}
#siteHeaderSearch .close-btn {
  width: 24px;
  height: 24px;
  color: #616466;
  cursor: pointer;
  background-size: cover;
  background: url(../images/icon-cha.png) center / 100% no-repeat;
}
#siteHeaderSearch .search-push {
  display: none;
  position: fixed;
  background-color: #fff;
  border-top: solid 1px #e7eef3;
  z-index: 1001;
  top: 70px;
  width: 704px;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  font-size: 16px;
  line-height: 16px;
  border-radius: 2px;
  padding: 16px 0;
}
#siteHeaderSearch .search-item h3 {
  font-size: 12px;
  padding: 8px 0;
  margin: 0 40px;
  color: #919699;
}
#siteHeaderSearch .search-item a {
  padding: 8px 40px;
  display: inline-block;
  width: 100%;
  font-size: 16px;
  line-height: 16px;
  color: #303233;
}
#siteHeaderSearch .search-item li:hover {
  background: #ebeff2;
}
.menus,
.menu-meng {
  display: none;
}
.swiper-banner {
  width: 100%;
  height: 100vh;
}
.swiper-banner .swiper-slide {
  background-color: #dddd;
}
.swiper-banner .swiper-slide video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper-banner .swiper-slide .img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper-banner .swiper-slide .kg {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.swiper-banner .swiper-slide .txt {
  width: 600px;
  padding: 0.2rem 0.3rem 0.3rem;
  background-color: rgba(14, 28, 58, 0.4);
}
.swiper-banner .swiper-slide .txt h6 {
  color: #fff;
  font-size: 32px;
  margin-bottom: 0.2rem;
}
.swiper-banner .swiper-slide .txt .line {
  width: 34px;
  height: 2px;
  background-color: #fff;
  margin-bottom: 35px;
}
.swiper-banner .swiper-slide .txt .desc {
  color: rgba(255, 255, 255, 0.64);
  font-size: 14px;
  line-height: 30px;
  margin-bottom: 0.45rem;
}
.swiper-banner .swiper-slide .txt a {
  display: block;
  width: 148px;
  height: 44px;
  border-radius: 22px;
  border: 1px solid #fff;
  color: #fff;
  font-size: 14px;
  line-height: 42px;
  text-align: center;
}
.swiper-banner .swiper-slide .txt a:hover {
  color: #34a0ef;
  border-color: #34a0ef;
}
.swiper-banner .swiper-pagination-bullet {
  width: 29px;
  height: 7px;
  border-radius: 3.5px;
  background-color: #fff;
  opacity: 0.5;
}
.swiper-banner .swiper-pagination-bullet-active {
  opacity: 1;
}
.swiper-banner .swiper-button-next,
.swiper-banner .swiper-button-prev {
  width: 14px;
  height: 24px;
  outline: none;
  background-position: center;
  background-size: cover;
}
.swiper-banner .swiper-button-prev {
  background-image: url(../images/icon-prev1.png);
}
.swiper-banner .swiper-button-next {
  background-image: url(../images/icon-next1.png);
}
.hm-title {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  margin-bottom: 0.72rem;
}
.hm-title .t {
  text-align: center;
  position: relative;
  border: 1px solid #bababa;
  border-bottom: none;
  padding: 0 0.5rem;
}
.hm-title .t .line-left,
.hm-title .t .line-right {
  height: 1px;
  background-color: #bababa;
  position: absolute;
  bottom: 0;
}
.hm-title .t .line-left {
  left: 0;
}
.hm-title .t .line-right {
  right: 0;
}
.hm-title .t h5 {
  color: #282828;
  font-size: 0.28rem;
  line-height: 0.6rem;
  font-family: siyuanBold;
  white-space: nowrap;
}
.hm-title .t .en {
  color: #838383;
  font-size: 0.14rem;
  white-space: nowrap;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  z-index: 2;
  font-family: mont;
}
.hm-provider {
  width: 100%;
  padding: 70px 0 114px;
  background: url(../images/bg1.jpg) center / cover no-repeat;
}
.hm-provider .cir {
  width: 5.64rem;
  margin: 0.86rem auto 0;
  position: relative;
}
.hm-provider .cir .img {
  display: block;
  width: 100%;
}
.hm-provider .cir .logo {
  position: absolute;
  top: -0.1rem;
  left: 0;
  right: 0;
  display: block;
  margin: 0 auto;
  height: 0.44rem;
}
.hm-provider .cir li {
  position: absolute;
  z-index: 2;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.hm-provider .cir li:nth-child(1) {
  top: 1.35rem;
  right: 5rem;
}
.hm-provider .cir li:nth-child(2) {
  top: 1.35rem;
  left: 5rem;
}
.hm-provider .cir li:nth-child(3) {
  top: 4.5rem;
  right: 4.14rem;
}
.hm-provider .cir li:nth-child(4) {
  top: 4.5rem;
  left: 4.14rem;
}
.hm-provider .cir li:nth-child(odd) {
  flex-direction: row;
  -webkit-flex-direction: row;
}
.hm-provider .cir li:nth-child(odd) .tx {
  text-align: right;
  margin-right: 0.15rem;
}
.hm-provider .cir li:nth-child(even) {
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
}
.hm-provider .cir li:nth-child(even) .tx {
  text-align: left;
  margin-left: 0.15rem;
}
.hm-provider .cir li .tx h6 {
  color: #282828;
  font-size: 0.24rem;
  font-family: siyuanBold;
  white-space: nowrap;
}
.hm-provider .cir li .tx .en {
  color: #777777;
  font-size: 0.16rem;
  white-space: nowrap;
}
.hm-provider .cir li .yuan {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background-color: #3558b2;
  display: flex;
  display: -webkit-flex;
}
.hm-provider .cir li .yuan img {
  display: block;
  width: 0.44rem;
  margin: auto;
}
.hm-provider .cir li .yuan:hover img {
  animation: bai 0.5s linear;
}
.hm-provider .cir .kuang {
  width: 4.6rem;
  height: 4.6rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.hm-provider .cir .kuang .im {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  animation: sz 8s linear infinite;
  -webkit-animation: sz 8s linear infinite;
}
.hm-provider .cir .kuang img {
  display: block;
  width: 1.07rem;
  margin: 0 auto;
  animation: nz 8s linear infinite;
  -webkit-animation: nz 8s linear infinite;
}
@keyframes sz {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes sz {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes nz {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(-360deg);
  }
}
@-webkit-keyframes nz {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(-360deg);
  }
}
@keyframes bai {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@-webkit-keyframes bai {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
.hm-buju {
  width: 100%;
  background: url(../images/bg2.jpg) center / cover no-repeat;
  padding: 0.76rem 0 1.6rem;
}
.hm-buju .items {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.hm-buju .item {
  width: 32.5%;
  height: 5.12rem;
  background-position: center;
  background-size: cover;
  padding: 0 0.4rem;
  overflow: hidden;
  padding-top: 1.74rem;
}
.hm-buju .item .icon {
  display: block;
  height: 0.62rem;
  margin: 0 auto 0.2rem;
}
.hm-buju .item h6 {
  color: #fff;
  font-size: 0.3rem;
  margin-bottom: 0.35rem;
  text-align: center;
}
.hm-buju .item .desc {
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.15rem;
  line-height: 0.24rem;
  opacity: 0;
  margin-bottom: .3rem;
}
.hm-buju .item a {
  display: block;
  width: 1.8rem;
  height: .42rem;
  margin: 0 auto;
  border-radius: .25rem;
  border: 1px solid #fff;
  color: #fff;
  font-size: .15rem;
  line-height: .4rem;
  text-align: center;
  opacity: 0;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
}
.hm-buju .item:hover {
  padding-top: 1.1rem
}
.hm-buju .item:hover .desc,
.hm-buju .item:hover a {
  opacity: 1;
}
.hm-news {
  width: 100%;
  padding: 1.18rem 0 1.8rem;
  background: url(../images/bg3.jpg) center / cover;
}
.hm-news .hm-title .t h5 {
  color: #fff;
}
.hm-news .hm-title .t .en {
  color: rgba(255, 255, 255, 0.4);
}
.hm-news .fx {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.hm-news ul {
  width: 47.6%;
}
.hm-news li {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.13);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  padding: 0 0.2rem;
  overflow: hidden;
  position: relative;
}
.hm-news li:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  left: -100%;
  top: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.hm-news li a,
.hm-news li .date {
  position: relative;
  z-index: 2;
}
.hm-news li a {
  display: block;
  color: #fff;
  font-size: 16px;
  padding: 0.2rem 0;
  width: 75%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hm-news li .date {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  font-weight: lighter;
}
.hm-news li:hover:after {
  left: 0;
}
.hm-news li:hover a,
.hm-news li:hover .date {
  color: #34a0ef;
}
.swiper-hm-news {
  width: 47.6%;
  margin: 0;
}
.swiper-hm-news .swiper-slide {
  display: block;
}
.swiper-hm-news .swiper-slide .img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.swiper-hm-news .swiper-slide .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper-hm-news .swiper-slide .txt {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.64rem;
  background-color: #fff;
  padding: 0 0.16rem;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
}
.swiper-hm-news .swiper-slide .txt h6 {
  color: #282828;
  font-size: 0.18rem;
  width: 75%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.swiper-hm-news .swiper-slide .txt .date {
  color: #9f9f9f;
  font-size: 14px;
}
.swiper-hm-news .swiper-slide:hover .img img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
}
@media screen and (max-width: 1366px) {
  .swiper-hm-news .swiper-slide .txt h6 {
    font-size: 14px;
  }
}
.hm-part {
  width: 100%;
  background: url(../images/bg2.jpg) center / cover no-repeat;
  padding: 1.1rem 0 1.7rem;
}
.hm-part ul {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.hm-part li {
  width: 25%;
  height: 1.42rem;
  border: 1px solid #ececec;
  transition: all .2s ease;
  -webkit-transition: all .2s ease;
}
.hm-part li a {
  display: flex;
  display: -webkit-flex;
  width: 100%;
  height: 100%;
}
.hm-part li img {
  display: block;
  max-width: 90%;
  max-height: 90%;
  margin: auto;
  /* filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%); */
}
.hm-part li:hover {
  box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.hm-part li:hover img {
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
}
footer {
  width: 100%;
  background-color: #232323;
}
.foot {
  width: 100%;
  padding: 0.72rem 0 0.56rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.foot .fx {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.foot .link {
  display: flex;
  display: -webkit-flex;
}
.foot .link a {
  margin-right: 0.17rem;
  position: relative;
}
.foot .link .child {
  display: none;
  position: absolute;
  top: .4rem;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  padding: 5px;
  background-color: #fff;
}
.foot .link .child img {
  display: block;
  width: 1rem;
}
.foot .link a>img {
  display: block;
  width: 0.28rem;
}
.f-nav {
  display: flex;
  display: -webkit-flex;
}
.f-nav dl {
  margin-left: 0.5rem;
}
.f-nav dt {
  color: #fff;
  font-size: 16px;
  margin-bottom: 0.24rem;
  white-space: nowrap;
}
.f-nav dd {
  margin-bottom: 0.18rem;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  white-space: nowrap;
}
.f-nav dd a {
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  white-space: nowrap;
}
.f-nav dd a:hover {
  color: #fff;
}
.f-btm {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 0.21rem 0;
}
.f-btm p,
.f-btm a {
  color: #606772;
  font-size: 14px;
}
.f-logo {
  margin-bottom: 35px;
}
.f-logo img {
  display: block;
  width: 2.8rem;
  height: 0.75rem;
}
@media screen and (max-width: 1366px) {
  .f-nav dt {
    font-size: 14px;
  }
  .f-nav dd,
  .f-nav dd a {
    font-size: 12px;
  }
  .f-btm p,
  .f-btm a {
    font-size: 12px;
  }
}
.header {
  background-color: #fff;
}
.header nav li > a {
  color: #282828;
}
.header .search .search-btn {
  background: url(../images/icon-search2.png) center/100% auto no-repeat;
}
.header .iconfont {
    width: .2742857143rem;
    height:.2742857143rem;
    color: #282828;
    font-size: .2742857143rem;
}
header .iconfont {
    width:.2742857143rem;
    height: .2742857143rem; 
  color: #fff;
}
.zhanwei {
  height: 70px;
}
.ab-banner {
  width: 100%;
  height: 7.8rem;
  position: relative;
  z-index: -1;
}
.ab-banner video,
.ab-banner canvas {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.ab-banner .txt {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  left: 0;
  right: 0;
  z-index: 2;
  text-align: center;
  padding: 0 0.65rem;
}
.ab-banner .txt h4 {
  color: #fff;
  font-size: 0.6rem;
  font-family: siyuanBold;
  margin-bottom: 0.45rem;
}
.ab-banner .txt .desc {
  color: #f4f4f4;
  font-size: 0.18rem;
  line-height: 2.4;
}
.ab-wh {
  padding: 1.6rem 0;
  background-color: #f5f5f5;
}
.ab-wh .title {
  color: #282828;
  font-size: 0.45rem;
  font-family: siyuanBold;
  margin-bottom: 0.65rem;
  text-align: center;
}
.ab-wh ul {
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
  -webkit-justify-content: space-around;
}
.ab-wh li {
  width: 30%;
  text-align: center;
  background-color: #fff;
  padding: 0.4rem 0.6rem;
}
.ab-wh li .icon {
  display: block;
  height: 0.89rem;
  margin: 0 auto 0.4rem;
}
.ab-wh li h6 {
  color: #606060;
  font-size: 0.24rem;
  margin-bottom: 0.2rem;
}
.ab-wh li .desc {
  color: #919191;
  font-size: 0.18rem;
  line-height: 0.3rem;
}
.ab-lc {
  width: 100%;
  padding: 1.2rem 0;
  background: url(../images/bg4.jpg) center / cover no-repeat;
}
.ab-lc .title {
  color: #ffffff;
  font-size: 0.45rem;
  font-family: siyuanBold;
  margin-bottom: 0.65rem;
  text-align: center;
}
.swiper-lc {
  width: 100%;
  padding: 0 0.3rem;
}
.swiper-lc:after {
  content: "";
  display: block;
  width: 93%;
  height: 2px;
  background-color: #34a0ef;
  margin: 0 auto;
  position: absolute;
  top: 52px;
  left: 0;
  right: 0;
  z-index: 0;
}
.swiper-lc .swiper-slide {
  padding: 0 30px;
}
.swiper-lc .swiper-slide .icon {
  display: block;
  height: 30px;
  margin-bottom: 15px;
  margin-left: 47px;
}
.swiper-lc .swiper-slide .cir {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #34a0ef;
  margin-bottom: 8px;
  display: flex;
  display: -webkit-flex;
  margin-left: 50px;
}
.swiper-lc .swiper-slide .cir span {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #fff;
  margin: auto;
}
.swiper-lc .swiper-slide .y {
  color: #34a0ef;
  font-size: 0.3rem;
  font-family: siyuanBold;
  margin-bottom: 30px;
  margin-left: 50px;
}
.swiper-lc .swiper-slide .desc {
  height: 2.9rem;
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  line-height: 2;
  overflow-y: auto;
}
.swiper-lc .swiper-slide .desc::-webkit-scrollbar {
  width: 1px;
  background-color: rgba(255, 255, 255, 0.2);
}
.swiper-lc .swiper-slide .desc::-webkit-scrollbar-thumb {
  width: 1px;
  background-color: rgba(255, 255, 255, 0.5);
}
.swiper-lc .swiper-button-prev,
.swiper-lc .swiper-button-next {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  margin-top: 0;
  top: 38px;
  background-position: center;
  background-size: cover;
}
.swiper-lc .swiper-button-prev {
  left: 0;
  background-image: url(../images/icon-prev2.png);
}
.swiper-lc .swiper-button-next {
  right: 0;
  background-image: url(../images/icon-next2.png);
}
.ab-zz .swiper {
  width: 100%;
  position: relative;
}
.ab-zz .swiper-button-prev,
.ab-zz .swiper-button-next {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
}
.ab-zz .swiper-button-prev {
  left: -35px;
  background-image: url(../images/icon-prev2.png);
}
.ab-zz .swiper-button-next {
  right: -35px;
  background-image: url(../images/icon-next2.png);
}
.ab-hz-con {
  width: 100%;
}
.ab-zz {
  padding: 1.13rem 0 1.8rem;
}
.ab-zz .title {
  color: #282828;
  font-size: 0.45rem;
  font-family: siyuanBold;
  margin-bottom: 0.65rem;
  text-align: center;
}
.ab-hz {
  width: 100%;
  background-color: #f8fcff;
  padding: 1.05rem 0 1.67rem;
}
.ab-hz .title {
  color: #282828;
  font-size: 0.45rem;
  font-family: siyuanBold;
  margin-bottom: 0.65rem;
  text-align: center;
}
.ab-hz .tab {
  margin-bottom: 0.75rem;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
}
.ab-hz .tab li {
  margin: 0 0.25rem;
  color: #6a6a6a;
  font-size: 0.18rem;
  cursor: pointer;
  position: relative;
}
.ab-hz .tab li.active {
  color: #34a0ef;
  font-family: siyuanBold;
}
.ab-hz .tab li.active:after {
  content: "";
  display: block;
  width: 0.47rem;
  height: 2px;
  margin: 0 auto;
  background-color: #34a0ef;
  position: absolute;
  bottom: -0.14rem;
  left: 0;
  right: 0;
}
.ab-hz .list {
  width: 100%;
  display: none;
}
.ab-hz .items {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}
.ab-hz .item {
  width: 25%;
  height: 1.42rem;
  border: 1px solid #ececec;
  transition: all .2s ease;
  -webkit-transition: all .2s ease;
}
.ab-hz .item a {
  display: flex;
  display: -webkit-flex;
  width: 100%;
  height: 100%;
}
.ab-hz .item img {
  display: block;
  max-width: 90%;
  max-height: 90%;
  margin: auto;
  /* filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%); */
}
.ab-hz .item:hover {
  box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.ab-hz .item:hover img {
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
}
.ins-banner {
  width: 100%;
  height: 4rem;
  position: relative;
}
.ins-banner .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ins-banner .txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  text-align: center;
}
.ins-banner .txt h5 {
  color: #fff;
  font-size: 0.46rem;
  font-family: siyuanBold;
  white-space: nowrap;
}
.ins-banner .txt h6 {
  color: rgba(255, 255, 255, .8);
  font-size: 0.22rem;
  white-space: nowrap;
  margin-top: 0.1rem;
}
.zp {
  padding: 0.46rem 0 0.6rem;
}
.zp .tab {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  margin-bottom: 0.6rem;
}
.zp .tab a {
  display: block;
  margin: 0 0.13rem;
  width: 1.48rem;
  height: 0.44rem;
  border: 1px solid #dadada;
  border-radius: 0.02rem;
  line-height: 0.42rem;
  text-align: center;
  color: #585858;
  font-size: 0.18rem;
}
.zp .tab a.active {
  background-color: #34a0ef;
  border-color: #34a0ef;
  color: #fff;
}
.zp-con .list {
  width: 100%;
  display: none;
}
.zp-con .item {
  width: 100%;
  margin-bottom: 0.3rem;
}
.zp-con .item .tit {
  width: 100%;
  height: 1rem;
  background-color: #f3f5f8;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
}
.zp-con .item .tit .tx {
  padding-left: 0.35rem;
}
.zp-con .item .tit .tx h6 {
  color: #282828;
  font-size: 0.2rem;
  font-family: siyuanBold;
  margin-bottom: 0.15rem;
}
.zp-con .item .tit .tx p {
  color: #787878;
  font-size: 14px;
}
.zp-con .item .tit .btn {
  width: 1.1rem;
  height: 1rem;
  border-left: 1px solid #e8e8e8;
  position: relative;
  cursor: pointer;
}
.zp-con .item .tit .btn span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  background-color: #1f1e1e;
}
.zp-con .item .tit .btn .s1 {
  width: 0.33rem;
  height: 1px;
}
.zp-con .item .tit .btn .s2 {
  width: 1px;
  height: 0.33rem;
}
.zp-con .item .desc {
  display: none;
  width: 100%;
  border: 1px solid #f3f5f8;
  padding: 0.25rem 0.35rem 0.45rem;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  color: #606060;
  font-size: 14px;
  line-height: 2;
}
.zp-con .item.ed .tit .btn .s2 {
  display: none;
}
.lx-link {
  width: 100%;
  background-color: #f8fcff;
  padding: 0.72rem 0 0.8rem;
}
.lx-link ul {
  display: flex;
  display: -webkit-flex;
}
.lx-link li {
  width: 25%;
  text-align: center;
}
.lx-link li .icon {
  display: block;
  height: 0.45rem;
  margin: 0 auto 0.2rem;
}
.lx-link li h6 {
  color: #282828;
  font-size: 0.18rem;
  margin-bottom: 0.13rem;
}
.lx-link li p {
  color: #858585;
  font-size: 0.18rem;
  font-family: mont;
}
.lx-addr {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  padding: 0.74rem 0 0.6rem;
}
.lx-addr .item {
  width: 32%;
  margin-bottom: 0.25rem;
  margin-right: 2%;
  border: 1px solid #e1e1e1;
  padding: 0.3rem 0.35rem;
}
.lx-addr .item:nth-child(3n) {
  margin-right: 0;
}
.lx-addr .item h6 {
  color: #5d5d5d;
  font-size: 0.24rem;
  font-family: siyuanBold;
  margin-bottom: 0.15rem;
}
.lx-addr .item .desc {
  color: #5d5d5d;
  font-size: 16px;
  line-height: 36px;
}
.news-banner {
  height: 3.3rem;
}
.news {
  width: 100%;
  background-color: #f2f2f2;
  padding: 0.5rem 0;
}
.news .items {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.news .item {
  display: block;
  width: 48.3%;
  margin-bottom: 0.25rem;
}
.news .item .img {
  width: 100%;
  height: 2.8rem;
  overflow: hidden;
}
.news .item .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news .item .tx {
  width: 100%;
  padding: 0.25rem;
  background-color: #fff;
}
.news .item .tx h6 {
  color: #282828;
  font-size: 0.18rem;
  font-family: siyuanBold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0.2rem;
}
.news .item .tx .date {
  color: rgba(77, 77, 77, 0.66);
  font-size: 14px;
}
.news .item:hover {
  box-shadow: 5px 5px 5px rgba(7, 0, 2, 0.09);
}
.news .item:hover .img img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
}
.p-tu .item .tx {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.p-tu .item .tx h6 {
  margin-bottom: 0;
}
.page {
  padding: 0.25rem 0;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
}
.page a,
.page strong {
  display: block;
  margin: 0 7px;
  line-height: 32px;
  padding: 0 11px;
  border: 1px solid #e8e8e8;
  color: #9e9e9e;
  font-size: 13px;
}
.page strong {
  background-color: #34a0ef;
  border-color: #34a0ef;
  color: #fff;
}
.news-detail {
  width: 100%;
  background-color: #f2f2f2;
  padding: 0.4rem 0 0.76rem;
}
.news-detail .content {
  background-color: #fff;
}
.news-detail .con {
  width: 100%;
  padding: 0.3rem 0.6rem 0.4rem;
  border-bottom: 2px solid #f2f2f2;
}
.news-detail .con .tit {
  text-align: center;
  margin-bottom: 0.3rem;
}
.news-detail .con .tit h5 {
  color: #282828;
  font-size: 0.3rem;
  font-family: siyuanBold;
  line-height: 1.5;
  margin-bottom: 0.12rem;
}
.news-detail .con .tit .date {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
}
.news-detail .con .tit .date span {
  color: #999;
  font-size: 14px;
  padding-left: 23px;
  background: url(../images/icon-date.png) left center no-repeat;
}
.news-detail .con .desc {
  color: #666;
  font-size: 0.18rem;
  line-height: 2;
  margin-bottom: 0.5rem;
}
.news-detail .con .desc img {
  max-width: 100%;
}
.p-n {
  width: 100%;
  height: 0.7rem;
  padding: 0 0.6rem;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
}
.p-n a {
  color: #474747;
  font-size: 16px;
  width: 40%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.p-n a:hover {
  color: #34a0ef;
}
.solu-banner {
  width: 100%;
  height: calc(100vh - 70px);
  height: -webkit-calc(100vh - 70px);
  position: relative;
}
.solu-banner .img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.solu-banner .txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  text-align: center;
  width: 60%;
}
.solu-banner .txt h5 {
  color: #fff;
  font-size: 0.7rem;
  font-family: siyuanBold;
}
.solu-banner .txt .desc {
  color: #fff;
  font-size: 0.26rem;
  line-height: 1.5;
  margin-top: 0.3rem;
  margin-bottom: .7rem;
}
.solu-banner .txt ul {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.solu-banner .txt li .icon {
  display: block;
  height: 0.6rem;
  margin: 0 auto 0.25rem;
}
.solu-banner .txt li p {
  color: #f8fafd;
  font-size: 0.2rem;
}
.solu-cq {
  padding: 0.95rem 0 0;
}
.solu-cq .title {
  color: #282828;
  font-size: 0.45rem;
  font-family: siyuanBold;
  text-align: center;
  margin-bottom: 0.9rem;
}
.solu-cq ul {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.solu-cq li {
  width: 48%;
  height: 4.5rem;
  margin-bottom: 0.35rem;
  position: relative;
}
.solu-cq li .img {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}
.solu-cq li .txt {
  position: absolute;
  bottom: 0.4rem;
  left: 0;
  right: 0;
  padding: 0 0.4rem;
}
.solu-cq li .txt h6 {
  color: #fff;
  font-size: 0.24rem;
  font-family: siyuanBold;
  margin-bottom: 3px;
}
.solu-cq li .txt .desc {
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
  line-height: 1.7;
}
.solu-ys {
  width: 100%;
  padding: 1.45rem 0 0;
}
.solu-ys .title {
  color: #282828;
  font-size: 0.45rem;
  font-family: siyuanBold;
  text-align: center;
  margin-bottom: 0.6rem;
}
.solu-ys .items {
  width: 100%;
}
.solu-ys .item {
  width: 100%;
  padding: 0.9rem 0;
}
.solu-ys .item:nth-child(odd) {
  background-color: #f9f9f9;
}
.solu-ys .item:nth-child(odd) .fx {
  flex-direction: row;
  -webkit-flex-direction: row;
}
.solu-ys .item:nth-child(even) {
  background-color: #fff;
}
.solu-ys .item:nth-child(even) .fx {
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
}
.solu-ys .item .fx {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.solu-ys .item .img {
  width: 41.7%;
  height: 3rem;
  background-position: center;
  background-size: cover;
  border-radius: 0.18rem;
}
.solu-ys .item .txt {
  width: 44%;
}
.solu-ys .item .txt h6 {
  color: #333;
  font-size: 0.4rem;
  font-family: siyuanBold;
  margin-bottom: 0.12rem;
}
.solu-ys .item .txt .desc {
  color: #808080;
  font-size: 0.18rem;
  line-height: 0.3rem;
}
.solu-al {
  padding: 1.4rem 0 0;
}
.solu-al .title {
  color: #282828;
  font-size: 0.45rem;
  font-family: siyuanBold;
  text-align: center;
  margin-bottom: 0.43rem;
}
.solu-al .tab {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  margin-bottom: 0.4rem;
}
.solu-al .tab li {
  color: #282828;
  font-size: 0.18rem;
  line-height: 0.4rem;
  margin: 0 0.2rem;
  cursor: pointer;
}
.solu-al .tab li.active {
  color: #34a0ef;
  border-bottom: 1px solid #34a0ef;
}
.swiper-al {
  width: 100%;
}
.swiper-al .swiper-slide {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  background-color: #fff;
}
.swiper-al .swiper-slide .txt {
  width: 50%;
  background-color: #f7f9fa;
  padding: 0 0.5rem;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.swiper-al .swiper-slide .txt .sub {
  width: 100%;
}
.swiper-al .swiper-slide .txt h5 {
  color: #282828;
  font-size: 0.32rem;
  font-family: siyuanBold;
}
.swiper-al .swiper-slide .txt h6 {
  color: #979797;
  font-size: 0.2rem;
  margin-bottom: 0.15rem;
}
.swiper-al .swiper-slide .txt .t {
  padding: 0.35rem 0 0.15rem;
  color: #282828;
  font-size: 0.24rem;
}
.swiper-al .swiper-slide .txt .desc {
  color: #7d7d7d;
  font-size: 14px;
  line-height: 30px;
}
.swiper-al .swiper-slide .txt .bark {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.swiper-al .swiper-slide .txt .bark a {
  padding: 0 12px;
  line-height: 30px;
  background-color: #ebebeb;
  border-radius: 4px;
  margin-right: 0.2rem;
  color: #5d5d5d;
  font-size: 14px;
  margin-bottom: 0.1rem;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.swiper-al .swiper-slide .txt .bark a:hover {
  background-color: #34a0ef;
  color: #fff;
}
.swiper-al .swiper-slide .img {
  width: 50%;
  height: 5.5rem;
  background-position: center;
  background-size: cover;
}
.solu-lx {
  padding: 1.15rem 0 1rem;
}
.solu-lx .title {
  color: #282828;
  font-size: 0.45rem;
  font-family: siyuanBold;
  text-align: center;
  margin-bottom: 0.2rem;
}
.solu-lx .desc {
  width: 590px;
  margin: 0 auto 0.6rem;
  color: #6f6f6f;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.solu-lx .fx {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.solu-lx .input {
  display: block;
  width: 48%;
  height: 50px;
  margin-bottom: 0.25rem;
  border: 1px solid #aeaeae;
  border-radius: 8px;
  padding: 0 20px;
}
.solu-lx textarea {
  display: block;
  width: 100%;
  height: 100px;
  border: 1px solid #aeaeae;
  border-radius: 8px;
  padding: 10px 20px;
  margin-bottom: 35px;
}
.solu-lx .btn {
  display: block;
  width: 135px;
  height: 44px;
  margin: 0 auto;
  border: none;
  background-color: #34a0ef;
  color: #fff;
  font-size: 16px;
  border-radius: 4px;
}
.pro {
  width: 100%;
  background-color: #f2f2f2;
  padding: 0.42rem 0 1.12rem;
}
.pro .fx {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  width: 1200px;
  margin: 0 auto;
}
.pro-nav {
  width: 24%;
}
.pro-nav ul {
  width: 100%;
  background-color: #fff;
  padding: 0 0.3rem 0.5rem;
  min-height: 473px;
}
.pro-nav li {
  padding: 0.3rem 0 0;
}
.pro-nav li > a {
  color: #282828;
  font-size: 16px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  margin-bottom: 0.15rem;
  transition: all .2s ease;
  -webkit-transition: all .2s ease;
}
.pro-nav li > a img {
  display: block;
  margin-left: 10px;
  opacity: 0;
  transition: all .2s ease;
  -webkit-transition: all .2s ease;
}
.pro-nav li > a:hover {
  font-family: siyuanBold;
}
.pro-nav li.active > a {
  font-family: siyuanBold;
}
.pro-nav li.active > a img {
  opacity: 1;
}
.pro-con {
  width: 74%;
}
.pro-con .list {
  width: 100%;
  display: none;
}
.pro-con .items {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.pro-con .item {
  width: 48%;
  margin-bottom: 24px;
  background-color: #fff;
  padding: 0 0.32rem 35px;
}
.pro-con .item .img {
  display: block;
  width: 100%;
  height: 300px;
  display: flex;
  display: -webkit-flex;
}
.pro-con .item .img img {
  display: block;
  max-width: 90%;
  max-height: 90%;
  margin: auto;
}
.pro-con .item h6 {
  color: #282828;
  font-size: 20px;
  font-family: siyuanBold;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pro-con .item .desc {
  color: #555;
  font-size: 15px;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  margin-bottom: 20px;
}
.pro-con .item .d {
  display: block;
  width: 96px;
  height: 30px;
  background-color: #282828;
  line-height: 30px;
  text-align: center;
  color: #fff;
  font-size: 14px;
}
.pro-con .item:hover {
  box-shadow: 5px 5px 5px rgba(7, 0, 2, 0.09);
}
.pro-top {
  width: 100%;
  height: 58px;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 1.01rem;
  left: 0;
  right: 0;
  z-index: 1000;
}
.pro-top .fx {
  height: 100%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.pro-top h5 {
  color: #fff;
  font-size: 14px;
}
.pro-top .tab {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.pro-top .tab a {
  line-height: 32px;
  padding: 0 16px;
  color: #fff;
  font-size: 14px;
  border-radius: 16px;
  margin-left: 10px;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.pro-top .tab a.on {
  background-color: #34a0ef;
}
.pro-top .tab a.active {
  color: #34a0ef;
}
.pro-top .tab a:hover {
  color: #9fa3a6;
}
.pro-top.ed {
  top: 0;
}
.pro-top .xia-btn {
  display: none;
}
.pro-list {
  width: 100%;
}
.pro-list .list {
  display: none;
}
.pro-gl {
  width: 100%;
}
.pro-gl .ber {
  width: 100%;
  position: relative;
}
.pro-gl .ber .img {
  display: block;
  width: 100%;
}
.pro-gl .ber .txt {
  position: absolute;
  bottom: 1.4rem;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  text-align: center;
}
.pro-gl .ber .txt h6 {
  color: #fff;
  font-size: 0.7rem;
  font-family: siyuanBold;
  margin-bottom: 0.15rem;
  white-space: nowrap;
}
.pro-gl .ber .txt p {
  color: #fff;
  font-size: 0.4rem;
  white-space: nowrap;
}
.pro-gl-items {
  width: 100%;
}
.pro-gl-items .item {
  width: 100%;
  padding: 1.95rem 0;
}
.pro-gl-items .item:nth-child(odd) {
  background-color: #f2f2f2;
}
.pro-gl-items .item:nth-child(odd) .fx {
  flex-direction: row;
  -webkit-flex-direction: row;
}
.pro-gl-items .item:nth-child(even) {
  background-color: #fff;
}
.pro-gl-items .item:nth-child(even) .fx {
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
}
.pro-gl-items .item .fx {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
}
.pro-gl-items .item .img {
  width: 40%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.pro-gl-items .item .img img {
  display: block;
  margin: auto;
  max-width: 100%;
  min-width: 70%;
}
.pro-gl-items .item .txt {
  width: 50%;
}
.pro-gl-items .item .txt h6 {
  color: #686868;
  font-size: 0.48rem;
  margin-bottom: 0.2rem;
}
.pro-gl-items .item .txt .desc {
  color: #575656;
  font-size: 0.24rem;
  line-height: 1.5;
}
.pro-gl-items .item .con {
  width: 50%;
}
.pro-gl-items .item .con li {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  padding: 0.1rem 0;
}
.pro-gl-items .item .con li .num {
  color: #4e4e4e;
  font-size: 0.9rem;
  line-height: 1;
  font-weight: lighter;
  margin-right: 0.2rem;
}
.pro-gl-items .item .con li h6 {
  color: #686868;
  font-size: 0.36rem;
}
.pro-gl-items .item .con li .desc {
  color: #282828;
  font-size: 0.18rem;
  line-height: 1.5;
}
.pro-gl-items .item .zong {
  width: 50%;
}
.pro-gl-items .item .zong .txt,
.pro-gl-items .item .zong .lian {
  width: 100%;
}
.pro-gl-items .item .lian .li {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  margin-top: 0.5rem;
}
.pro-gl-items .item .lian .cir {
  width: 1.04rem;
  height: 1.04rem;
  border-radius: 50%;
  border: 2px solid #8d8d8d;
  margin-right: 0.25rem;
  display: flex;
  display: -webkit-flex;
}
.pro-gl-items .item .lian .cir img {
  display: block;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.pro-gl-items .item .lian h6 {
  color: #393939;
  font-size: 0.26rem;
}
.pro-gl-items .item .lian p {
  color: #656565;
  font-size: 0.2rem;
}
.pro-gl-qd {
  width: 100%;
  padding: 1.8rem 0 1.95rem;
  background: url(../images/bg5.jpg) center / cover no-repeat;
}
.pro-gl-qd h5 {
  color: #fff;
  font-size: 0.6rem;
  font-family: siyuanBold;
  text-align: center;
}
.pro-gl-qd h6 {
  color: #fff;
  font-size: 0.3rem;
  text-align: center;
  margin-bottom: 1.05rem;
}
.pro-gl-qd .fx {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.pro-gl-qd li {
  text-align: center;
}
.pro-gl-qd li .cir {
  width: 1.4rem;
  height: 1.4rem;
  margin: 0 auto 25px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);
  display: flex;
  display: -webkit-flex;
}
.pro-gl-qd li .cir img {
  display: block;
  margin: auto;
}
.pro-gl-qd li p {
  color: #fff;
  font-size: 0.3rem;
}
.pro-gl-img {
  width: 100%;
}
.pro-gl-img img {
  display: block;
  width: 100%;
}
.pro-data {
  padding: 1.13rem 0 0.8rem;
}
.pro-data .title {
  color: #282828;
  font-size: 0.5rem;
  font-family: siyuanBold;
  margin-bottom: 0.5rem;
}
.pro-data .items {
  width: 100%;
}
.pro-data .item {
  width: 100%;
  padding: 0.2rem 0.15rem;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.pro-data .item:nth-child(odd) {
  background-color: #f8f9fb;
}
.pro-data .item:nth-child(even) {
  background-color: #fff;
}
.pro-data .item .t {
  width: 21%;
  color: #4d4c4c;
  font-size: 15px;
  font-weight: bold;
}
.pro-data .item .desc {
  width: 79%;
  color: #4d4c4c;
  font-size: 14px;
  line-height: 1.5;
}
.pro-qt {
  width: 100%;
  background-color: #f0f1f2;
  padding: 1rem 0 1.44rem;
}
.pro-qt .title {
  color: #282828;
  font-size: 0.5rem;
  font-family: siyuanBold;
  margin-bottom: 0.3rem;
}
.pro-qt .content {
  width: 100%;
  background-color: #fff;
  padding: 0.25rem 0.3rem;
  min-height: 750px;
}
.pro-qt .item {
  width: 100%;
  margin-bottom: 0.18rem;
}
.pro-qt .item .btn {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #f2f2f2;
  cursor: pointer;
}
.pro-qt .item .btn h6 {
  color: #282828;
  font-size: 16px;
  font-family: siyuanBold;
}
.pro-qt .item .btn img {
  transition: all .2s ease;
  -webkit-transition: all .2s ease;
}
.pro-qt .item .btn.ed img {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
.pro-qt .item .desc {
  display: none;
  width: 100%;
  background-color: #f8f8f8;
  padding: 0.12rem 0.2rem 0.18rem;
  color: #7d7d7d;
  font-size: 14px;
  line-height: 28px;
}
.result {
  width: 10.5rem;
  margin: 0 auto;
  padding: 0.4rem 0 0.7rem;
}
.result .tab {
  display: flex;
  display: -webkit-flex;
  margin-bottom: 0.6rem;
}
.result .tab li {
  margin-right: 0.2rem;
  color: #666;
  font-size: 15px;
  cursor: pointer;
  line-height: 36px;
}
.result .tab li.active {
  border-bottom: 2px solid #34a0ef;
}
.res-con {
  width: 100%;
}
.res-con .list {
  display: none;
}
.res-con .cp {
  display: block;
  width: 100%;
  padding: 0.3rem 0;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
}
.res-con .cp .img {
  width: 30%;
  height: 2rem;
  display: flex;
  display: -webkit-flex;
}
.res-con .cp .img img {
  display: block;
  max-width: 90%;
  max-height: 90%;
  margin: auto;
}
.res-con .cp .txt {
  width: 60%;
}
.res-con .cp h6 {
  color: #282828;
  font-size: 0.2rem;
  font-family: siyuanBold;
  margin-bottom: 0.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.res-con .cp .desc {
  color: #282828;
  font-size: 14px;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  margin-bottom: 0.2rem;
}
.res-con .cp .d {
  width: 96px;
  height: 30px;
  border: 1px solid #282828;
  line-height: 28px;
  text-align: center;
  color: #6b6b6b;
  font-size: 14px;
}
.res-con .cp:hover .d {
  border-color: #34a0ef;
  color: #34a0ef;
}
.res-con .xw {
  display: block;
  width: 100%;
  padding: 0.3rem 0;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
}
.res-con .xw .img {
  width: 30%;
  height: 1.5rem;
}
.res-con .xw .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.res-con .xw .txt {
  width: 60%;
}
.res-con .xw h6 {
  color: #282828;
  font-size: 20px;
  font-family: siyuanBold;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.res-con .xw .date {
  color: rgba(77, 77, 77, 0.66);
  font-size: 14px;
}
.res-con .xw:hover h6 {
  color: #34a0ef;
}
.swiper-zz {
  width: 100%;
}
.swiper-zz .swiper-slide {
  /*background-color: #f6f6f6;*/
  /*border: 0.06rem solid #cdcdcd;*/
  padding: .06rem;
}
.swiper-zz .swiper-slide .img {
  width: 100%;
  display: flex;
  display: -webkit-flex;
}
.swiper-zz .swiper-slide .img img {
  display: block;
  width: 100%;
  margin: auto;
}
.swiper-zz .swiper-slide p {
  color: #282828;
  font-size: 14px;
  line-height: 2;
  text-align: center;
}
@media screen and (max-width: 1366px) {
  .p-n a {
    font-size: 13px;
  }
  .hm-title .t .en {
    font-size: 12px;
  }
  .swiper-al .swiper-slide .txt .desc {
    font-size: 12px;
    line-height: 24px;
  }
  .solu-al .tab li {
    font-size: 14px;
  }
  .swiper-al .swiper-slide .txt .bark a {
    font-size: 12px;
  }
  .news .item .tx h6 {
    font-size: 14px;
  }
  .news-detail .con .desc {
    font-size: 13px;
  }
  .ab-wh li .desc {
    font-size: 12px;
  }
  .ab-hz .tab li {
    font-size: 13px;
  }
  .lx-link li h6,
  .lx-link li p {
    font-size: 13px;
  }
  .lx-addr .item .desc {
    font-size: 13px;
    line-height: 2;
  }
  .hm-news li a {
    font-size: 13px;
  }
  .swiper-lc .swiper-slide .y {
    margin-bottom: 10px;
  }
  .swiper-lc .swiper-slide {
    padding: 0 20px;
  }
  .swiper-lc .swiper-slide .desc {
    font-size: 12px;
  }
}

@media screen and (min-width: 1280px) {
  nav .child-pro .sub-sec {
    margin-top: 40px;
  }
}
@media screen and (max-width: 1270px) {
    header .fx{
        height: 0.91rem;
    }
    .search a{
        width: .2742857143rem!important;
        height: .2742857143rem!important;
      }
      .header .iconfont{
        font-size: .2742857143rem!important;
        width: .2742857143rem!important;
        height: .2742857143rem!important;
      }
      .menu{
        width: .2742857143rem;
        height:.2742857143rem;
      }
      .menuBgImg{
        width: .2742857143rem;
        height: .2742857143rem;
        background-image: url(../images/menu.png);
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .header .menuBgImg{
        width: .2742857143rem;
        height: .2742857143rem;
        background-image: url(../images/menub.png);
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .fixed .menuBgImg{
        width: .2742857143rem;
        height: .2742857143rem;
        background-image: url(../images/chab.png);
        background-repeat: no-repeat;
        background-size: 100%;
    }
  
  .width1600 {
    width: 100%;
  }
  .header nav li .a {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
  }
  .h-back-btn {
    font-size: 14px;
    font-family: siyuanBold;
    cursor: pointer;
    color: #202020;
    background-image: url(../images/icon-l-back.png);
    background-position: left center;
    background-size: auto 10px;
    background-repeat: no-repeat;
    padding-left: 15px;
  }
  nav .xia-btn {
    display: block;
    width: 0.3rem;
    height: 0.3rem;
    background: url(../images/icon-xia2.png) center / 100% auto;
  }
  nav .xia-btn.ed {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
  }
  .menus {
    height: 70px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    margin-left: 30px;
  }
  .menu .bar {
    width: .2742857143rem;
    height: .02rem;
    background-color: #fff;
    margin: 0 0;
    border-radius: .0228571429rem 0 .0228571429rem 0;
  }
  .menu.ed .bar:nth-child(1) {
    transform: translateY(0.16rem) rotate(-40deg);
  }
  .menu.ed .bar:nth-child(2) {
    opacity: 0;
  }
  .menu.ed .bar:nth-child(3) {
    transform: translateY(-0.08rem) rotate(40deg);
  }
  #menuClose{
    display: none;
    width: .2742857143rem;
    height: .2742857143rem;
}
#menuImg{
    width: .2742857143rem;
    height: .2742857143rem;
}
  nav li .a:after {
    display: none;
  }
  .home-fxs nav{
    top: 0.91rem;
  }
  nav {
    display: none;
    width: 100%;
    background-color: #fff;
    position: fixed;
    top: 1.91rem;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
  }
  nav ul {
    display: block;
    height: 100%;
    overflow-y: auto;
  }
  nav li {
    margin: 0;
  }
  nav li .a {
    color: #333;
    line-height: 40px;
    padding: 20px 24px 18px 24px;
    border-bottom: 1px solid #eaeaea;
    line-height: inherit;
  }
  nav .po {
    position: initial;
  }
  nav .child {
    display: block;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    width: 100%;
    height: 100%;
    max-height: initial;
    top: 0;
    left: 100%;
    padding: 30px 24px 38px 24px;
    overflow-y: auto;
  }
  nav .child-pro dl dd,
  nav .child-ling a {
    margin-bottom: 30px;
  }
  nav .child-ling a {
    line-height: inherit;
    padding: 0;
  }
  nav .child-pro .fxs {
    display: block;
  }
  nav .child-pro .li {
    width: 100%;
    display: block;
    border-right: none;
    padding: 0;
  }
  nav .child-pro .li .img {
    display: none;
  }
  nav .child-pro dl {
    width: 100%;
  }
  nav .child-pro dl .desc {
    display: none;
  }
  nav .child-pro dl dt {
    font-size: 15px;
  }
  .menu-meng {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
  }
  .header .menu .bar {
    background-color: #3558b2;
  }
  .width1200 {
    width: 100%;
  }
  .hm-buju .item .desc {
    opacity: 1;
    font-size: 12px;
    line-height: 20px;
  }
  .hm-buju .item a {
    opacity: 1;
    font-size: 12px;
  }
  .ab-zz li .img {
    height: 4.3rem;
  }
  .ab-zz li p {
    font-size: 12px;
  }
  .hm-title .t h5 {
    font-size: 20px;
    line-height: 48px;
  }
  .hm-title .t .en {
    font-size: 12px;
    bottom: -7px;
  }
  .hm-buju .item .icon {
    margin-top: 40px;
  }
  .hm-buju .item h6 {
    font-size: 20px;
  }
  .hm-news li a {
    padding: 10px 0;
  }
  .swiper-hm-news .swiper-slide .img {
    height: 252px;
  }
  .hm-part li {
    height: 100px;
  }
  .pro-data .item .t {
    font-size: 15px;
  }
  .pro-data .item .desc {
    font-size: 14px;
  }
  .solu-banner .txt h5 {
    font-size: 30px;
  }
  .solu-banner .txt .desc {
    font-size: 14px;
    line-height: 2;
  }
  .pro .fx {
    width: 100%;
  }
  .solu-banner .txt li .icon {
    height: 40px;
  }
  .solu-banner .txt li p {
    font-size: 15px;
  }
  .solu-ys .title {
    font-size: 30px;
  }
  .news .item .img {
    height: 240px;
  }
  .ab-wh li .desc {
    font-size: 15px;
  }
  .swiper-lc .swiper-slide .desc {
    line-height: 2.5;
  }
  .ab-hz .item {
    height: 110px;
  }
  .lx-addr .item {
    padding: 30px 20px;
  }
  .lx-addr .item .desc {
    font-size: 14px;
    line-height: 2;
  }
  .swiper-banner .swiper-slide .txt h6 {
    font-size: 20px;
  }
  .hm-provider .cir li .tx h6 {
    font-size: 15px;
  }
  .hm-provider .cir li .tx .en {
    font-size: 12px;
    white-space: normal;
  }
  header {
    padding: 0 20px;
  }
  .swiper-banner .swiper-slide .kg {
    padding: 0 20px;
  }
  .swiper-banner .swiper-slide .txt .desc {
    font-size: 13px;
    line-height: 2;
  }
  .hm-buju {
    padding: 0.7rem 20px 1.6rem;
  }
  .hm-news {
    padding: 1.2rem 20px 1.8rem;
  }
  .hm-part {
    padding: 1.1rem 20px 1.7rem;
  }
  .foot {
    padding: 0.7rem 20px 0.6rem;
  }
  .f-btm {
    padding: 0.2rem 20px;
  }
  .pro {
    padding: 0.4rem 20px 1.1rem;
  }
  .pro-nav li > a {
    font-size: 14px;
    line-height: 1.8;
  }
  .pro-top {
    padding: 0 20px;
    height: 44px;
    margin-top: 15px;
  }
  .pro-data {
    padding: 1.5rem 20px 0.8rem;
  }
  .pro-qt {
    padding: 1.5rem 20px 1.4rem;
  }
  .solu-cq {
    padding: 0.95rem 20px 0;
  }
  .solu-ys .item {
    padding: 0.9rem 20px;
  }
  .solu-ys .item .txt .desc {
    font-size: 12px;
  }
  .swiper-al .swiper-slide .txt h6 {
    font-size: 14px;
  }
  .swiper-al .swiper-slide .txt .t {
    font-size: 13px;
  }
  .solu-lx {
    padding: 1.1rem 20px 1rem;
  }
  .solu-lx .desc {
    width: 100%;
  }
  .ins-banner .txt h6 {
    font-size: 13px;
  }
  .news {
    padding: 0.5rem 20px;
  }
  .news-detail {
    padding: 0.4rem 20px 0.7rem;
  }
  .news-detail .con .tit h5 {
    font-size: 18px;
  }
  .p-n a {
    font-size: 14px;
  }
  .ab-banner .txt .desc {
    font-size: 13px;
    line-height: 2;
  }
  .ab-wh li .desc {
    font-size: 14px;
    line-height: 1.5;
  }
  .ab-lc {
    padding: 1.2rem 20px;
  }
  .swiper-lc .swiper-button-prev,
  .swiper-lc .swiper-button-next {
    top: 25px;
  }
  .swiper-lc:after {
    top: 39px;
    width: 93%;
  }
  .swiper-lc .swiper-slide .icon {
    height: 24px;
  }
  .ab-zz {
    padding: 1.1rem 20px 1.8rem;
  }
  .ab-hz {
    padding: 1rem 20px 1.6rem;
  }
  .lx-addr {
    padding: 0.7rem 20px 0.6rem;
  }
  .lx-addr .item h6 {
    font-size: 15px;
  }
  .zp {
    padding: 0.5rem 20px 0.6rem;
  }
  .zp .tab a {
    font-size: 13px;
    width: 100px;
    height: 30px;
    line-height: 28px;
  }
  .zp-con .item .tit .tx h6 {
    font-size: 15px;
  }
  .zp-con .item .tit {
    height: 70px;
  }
  .res-con .cp h6 {
    font-size: 15px;
  }
  .res-con .cp .desc {
    font-size: 12px;
    line-height: 20px;
  }
  .res-con .xw h6 {
    font-size: 15px;
  }
}
@media screen and (max-width: 980px) {
    .home-fxs nav {
        top: 1.91rem;
    }
    header .search{
        width: 0.5rem;
        height: 0.5rem;
    }
    .search a{
        width: .5rem!important;
        height: .5rem!important;
      }
      .header .iconfont{
        font-size: .5rem!important;
        width: .5rem!important;
        height: .5rem!important;
      }
      header .iconfont{
        font-size: 0.5rem!important;
        width: 0.5rem;
        height: 0.5rem;
      }
      .menu{
        width: .5rem;
        height:.5rem;
      }
      .menuBgImg{
        width: .5rem;
        height: .5rem;
        background-image: url(../images/menu.png);
        background-repeat: no-repeat;
        background-size: 100%;
    }
    
    .header .menuBgImg{
        width: .5rem;
        height: .5rem;
        background-image: url(../images/menub.png);
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .fixed .menuBgImg{
        width: .5rem;
        height: .5rem;
        background-image: url(../images/chab.png);
        background-repeat: no-repeat;
        background-size: 100%;
    }
    header .fx{
        height: 1.91rem;
    }
   nav ul{
    margin-right: 0;
   }
  #siteHeaderSearch .search-box {
    width: 95%;
  }
  .swiper-banner {
    height: 500px;
  }
  .swiper-banner .swiper-slide .img {
    height: 100%;
    object-fit: cover;
  }
  .swiper-banner .swiper-button-next,
  .swiper-banner .swiper-button-prev {
    display: none;
  }
  .ab-zz li .img {
    height: 12rem;
  }
  .hm-buju .items {
    display: block;
  }
  .hm-buju .item {
    width: 100%;
    margin-bottom: 20px;
    padding: 0 0.4rem .3rem;
  }
  .hm-news .fx {
    display: block;
  }
  .swiper-hm-news {
    width: 100%;
    margin-bottom: 30px;
  }
  .swiper-hm-news .swiper-slide .img {
    height: 380px;
  }
  .hm-news ul {
    width: 100%;
  }
  .foot .fx {
    display: block;
  }
  .foot .fx > div {
    margin-bottom: 20px;
  }
  .pro .fx {
    display: block;
  }
  .pro-nav {
    width: 100%;
    margin-bottom: 20px;
  }
  .pro-nav ul {
    min-height: auto;
    padding: 20px;
  }
  .pro-nav li {
    padding: 0;
  }
  .pro-con {
    width: 100%;
  }
  .solu-banner .txt {
    width: 400px;
  }
  .solu-cq li .txt {
    padding: 0 20px;
  }
  .swiper-al .swiper-slide {
    display: block;
  }
  .swiper-al .swiper-slide .txt {
    width: 100%;
    padding: 20px 30px;
  }
  .swiper-al .swiper-slide .img {
    width: 100%;
  }
  .ab-banner .txt h4 {
    font-size: 30px;
  }
  .ab-banner {
    height: 400px;
  }
  .swiper-lc:after {
    width: 90%;
  }
  .ab-zz li {
    width: 49%;
    margin-right: 2%;
  }
  .ab-zz li:nth-child(2n) {
    margin-right: 0;
  }
  .hm-buju .item {
    height: 210px;
  }
  .hm-title .t {
    padding: 0 40px;
  }
  .swiper-hm-news .swiper-slide .txt {
    height: 40px;
  }
  .foot .link img {
    width: 25px;
  }
  .pro-data .title,
  .pro-qt .title {
    font-size: 15px;
  }
  .pro-data .item .t {
    font-size: 14px;
  }
  .pro-data .item .desc {
    font-size: 13px;
  }
  .solu-cq .title {
    font-size: 20px;
  }
  .solu-cq li .txt h6 {
    font-size: 15px;
  }
  .solu-ys .item .txt h6 {
    font-size: 15px;
  }
  .solu-ys .item .txt .desc {
    line-height: 1.5;
  }
  .solu-al {
    padding: 1.4rem 20px 0;
  }
  .swiper-al .swiper-slide .txt h5 {
    font-size: 16px;
  }
  .swiper-al .swiper-slide .txt .t {
    font-size: 14px;
  }
  .solu-lx .title,
  .solu-al .title,
  .ab-wh .title,
  .ab-zz .title,
  .ab-hz .title {
    font-size: 22px;
  }
  .ins-banner .txt h5 {
    font-size: 24px;
  }
  .news .item .img {
    height: 170px;
  }
  .p-n {
    padding: 10px;
    height: initial;
    display: block;
  }
  .p-n a {
    display: block;
    width: 100%;
    margin: 10px 0;
  }
  .ab-wh li h6 {
    font-size: 15px;
  }
  .swiper-lc .swiper-slide .icon {
    margin: 0 auto 0.2rem;
  }
  .swiper-lc .swiper-slide .cir {
    margin: 0 auto 0.1rem;
  }
  .swiper-lc .swiper-slide .y {
    font-size: 16px;
    text-align: center;
    margin-left: 0;
  }
  .swiper-lc .swiper-button-prev, .swiper-lc .swiper-button-next {
    display: none;
  }
  .swiper-lc {
    padding: 0;
  }
  .menu.ed .bar:nth-child(1) {
    transform: translateY(0.16rem) rotate(-40deg);
  }
  .menu.ed .bar:nth-child(2) {
    opacity: 0;
  }
  .menu.ed .bar:nth-child(3) {
    transform: translateY(-0.07rem) rotate(40deg);
  }
}
@media screen and (max-width: 750px) {
  header {
    padding: 0 0.2rem;
  }
  header .fx{
    height: 0.91rem;
  }
  header .home-fxs{
    height: 2.4rem;
  }
  .width1600,
  .width1200 {
    width: 100%;
  }
  header .logo {
    /* height: 1rem; */
  }
  header .logo img {
    /* height: 1.5rem; */
  }
  header .search {
    height: 1rem;
  }
  header .search>a{
    display: block;
    display: flex;
    align-items: center;
    
  }
 
  header .search {
    margin-left: 5px;
    margin-right: 20px;
  display: flex;
  align-items: center;
  width: 0.5rem;
    height: 0.5rem;
  }
  .home-fxs .search{
    width: 1.3rem;
    height: 1.3rem;

  }
  /* .home-fxs .search{
    width: 0.25rem;
    height: 0.25rem;
  } */
  
  header .iconfont{
    width: 0.5rem;
    display: block;
    height: 0.5rem;
    font-size: 0.5rem!important;
  }
  .search a{
    width: 0.5rem!important;
    height: 0.5rem!important;
  }
  .home-fxs .search a{
    width: 1.3rem!important;
    height: 1.3rem!important;
  }

  .header .iconfont{
    font-size: 0.5rem!important;
    width: 0.5rem!important;
    height: 0.5rem!important;
  }
  .home-fxs .iconfont{
    font-size: 1.3rem!important;
    width: 1.3rem!important;
    height: 1.3rem!important;
  }
  .menu{
    width: 0.5rem;
    height: 0.5rem;
  }
  .home-fxs .menu{
    width: 1.3rem;
    height: 1.3rem;
  }
  .header .home-fxs .menuBgImg{
    width: 1.3rem;
    height: 1.3rem;
    background-image: url(../images/menub.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
.fixed .home-fxs .menuBgImg{
    width: 1.3rem;
    height: 1.3rem;
    background-image: url(../images/chab.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

 

  .menuBgImg{
    width: .5rem;
    height: .5rem;
    background-image: url(../images/menu.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
.header .menuBgImg{
    width: .5rem;
    height: .5rem;
    background-image: url(../images/menub.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
.fixed .menuBgImg{
    width: .5rem;
    height: .5rem;
    background-image: url(../images/chab.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
.header .menus{
    width: 0.5rem;
    height: 0.5rem;
}
.home-fxs .menus{
    width: 1.3rem;
    height: 1.3rem;

}
.header .menu{
    width: 0.5rem;
    height: 0.5rem;
}
.home-fxs .menu{
    width: 1.3rem;
    height: 1.3rem;
    
}
.header .ed{
    margin-top: 0;
}
.home-fxs .menuBgImg{
    width: 1.3rem;
    height: 1.3rem;
    background-image: url(../images/menu.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
  #menuImg{
    width: 0.5rem;
    height: 0.5rem;
     
  }
  #menuClose{
    width: 0.5rem;
    height: 0.5rem;
  }
  .menus {
    /* //height: 1rem; */
    margin-left: 0.2rem;
  }
  .ab-zz li .img {
    height: 5.6rem;
  }
  #siteHeaderSearch .search-input {
    width: 5rem;
  }
  #siteHeaderSearch .search-push {
    top: 1rem;
    width: 100%;
  }
  .swiper-banner .swiper-slide .txt {
    width: 100%;
  }
  .swiper-banner .swiper-slide .txt h6 {
    font-size: 0.4rem;
  }
  .swiper-banner .swiper-slide .txt a {
    width: 1.6rem;
    height: 0.6rem;
    line-height: 0.58rem;
    font-size: 0.24rem;
  }
  .swiper-banner {
    height: 23rem;
  }
  .hm-title .t .en {
    font-size: 0.2rem;
  }
  .hm-title .t h5 {
    font-size: 0.3rem;
    line-height: 0.8rem;
  }
  .hm-provider .cir {
    width: 3.8rem;
  }
  .hm-provider .cir .logo {
    height: 0.3rem;
    top: 0;
  }
  .hm-provider .cir li .yuan {
    width: 0.9rem;
    height: 0.9rem;
  }
  .hm-provider .cir li:nth-child(1) {
    top: 0.65rem;
    right: 3.15rem;
  }
  .hm-provider .cir li .yuan img {
    width: 0.5rem;
  }
  .hm-provider .cir li:nth-child(2) {
    top: 0.65rem;
    left: 3.15rem;
  }
  .hm-provider .cir li:nth-child(3) {
    top: 2.2rem;
    right: 3.15rem;
  }
  .hm-provider .cir li:nth-child(4) {
    top: 2.2rem;
    left: 3.15rem;
  }
  .hm-provider .cir .kuang {
    width:3.2rem;
    height: 3.2rem;
  }
  .hm-title {
    margin-bottom: 0.7rem;
  }
  .hm-news {
    padding: 1.1rem 0.2rem 1.8rem;
  }
  .swiper-hm-news .swiper-slide .img {
    height: 4.6rem;
  }
  .hm-part {
    padding: 1.1rem 0.2rem 1.5rem;
  }
  .hm-part li {
    width: 50%;
  }
  .foot {
    padding: 0.7rem 0.2rem 0.5rem;
  }
  .f-logo {
    margin-bottom: 0.4rem;
  }
  .f-nav {
    display: block;
  }
  .f-nav dl:nth-child(1),
  .f-nav dl:nth-child(2),
  .f-nav dl:nth-child(3) {
    display: none;
  }
  .f-nav dd {
    white-space: normal;
  }
  .f-btm {
    display: block;
    text-align: center;
    padding: 0.2rem;
  }
  .f-btm p,
  .f-btm a {
    font-size: 0.22rem;
  }
  .hm-provider .cir li .tx .en {
    display: none;
  }
  .pro-con .item {
    width: 100%;
  }
  .pro-top .fx {
    position: relative;
  }
  .pro-top {
    padding: 0 0.2rem;
  }
  .pro-data,
  .pro-qt {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
  }
  .pro-data .item {
    display: block;
  }
  .pro-data .item .t {
    margin-bottom: 0.2rem;
    width: 100%;
  }
  .pro-data .item .desc {
    width: 100%;
  }
  .pro-qt .content {
    min-height: initial;
  }
  .pro-top .tab {
    position: absolute;
    top: 58px;
    left: 0;
    right: 0;
    display: none;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 0.3rem 0.2rem;
  }
  .pro-top .tab a {
    display: block;
  }
  .pro-top .xia-btn {
    display: block;
    width: 0.3rem;
    height: 0.3rem;
    background: url(../images/icon-xia.png) center / 100% auto;
  }
  .pro-top .xia-btn.ed {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
  }
  .xia-meng {
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
  }
  .ins-banner {
    height: 5rem;
  }
  .ins-banner .txt h5 {
    font-size: 0.4rem;
  }
  .ins-banner .txt h6 {
    font-size: 0.3rem;
  }
  .news {
    padding: 0.5rem 0.2rem;
  }
  .news .item {
    width: 100%;
  }
  .page a {
    display: none;
  }
  .page .a {
    display: block;
  }
  .news-detail .con {
    padding: 0.4rem 0.2rem;
  }
  .news-detail .con .tit h5 {
    font-size: 0.36rem;
  }
  .p-n {
    display: block;
    padding: 0.3rem 0.2rem;
    height: auto;
  }
  .pro {
    padding: 0.4rem 0.2rem 1rem;
  }
  .solu-banner .txt {
    width: 7rem;
  }
  .solu-banner .txt h5 {
    font-size: 0.36rem;
  }
  .solu-banner .txt .desc {
    font-size: 0.26rem;
  }
  .solu-cq {
    padding: 0.9rem 0.2rem;
  }
  .solu-cq .title {
    margin-bottom: 0.3rem;
  }
  .solu-cq {
    padding-bottom: 0.4rem;
  }
  .solu-ys {
    padding: 0.5rem 0.2rem;
  }
  .solu-cq li {
    width: 100%;
    margin-bottom: 0.3rem;
  }
  .solu-ys {
    padding: 1rem 0.2rem;
  }
  .solu-ys .item {
    padding: 0.5rem 0.15rem;
  }
  .solu-ys .item .fx {
    display: block;
  }
  .solu-ys .item .txt {
    width: 100%;
    margin-bottom: 0.3rem;
  }
  .solu-ys .item .img {
    width: 100%;
  }
  .solu-ys .item .txt h6 {
    font-size: 0.36rem;
  }
  .solu-al .tab li {
    text-align: center;
    line-height: 1.2;
  }
  .pro-con .item {
    padding: 0.3rem 0.2rem;
  }
  .hm-buju .item h6 {
    font-size: 0.36rem;
    margin-bottom: 0.35rem;
  }
  .hm-news li a {
    font-size: 0.3rem;
  }
  .hm-buju .item {
    height: initial;
  }
  .hm-buju .item .desc {
    font-size: 0.24rem;
    line-height: 2;
    height: initial;
  }
  .hm-buju .item a {
    height: .52rem;
    line-height: .5rem;
  }
  .solu-lx {
    padding: 0.5rem 0.2rem;
  }
  .solu-lx .desc {
    width: 100%;
    margin-bottom: 0.6rem;
  }
  .solu-lx .fx {
    display: block;
  }
  .solu-lx .input {
    width: 100%;
    margin-bottom: 0.2rem;
  }
  .ab-banner .txt {
    padding: 0 0.2rem;
  }
  .news-detail {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
  }
  .ab-banner .txt .desc {
    font-size: 0.24rem;
  }
  .ab-banner .txt h4 {
    font-size: 0.4rem;
  }
  .ab-wh {
    padding: 1rem 0.2rem;
  }
  .ab-wh .title {
    font-size: 0.4rem;
    margin-bottom: 0.6rem;
  }
  .ab-wh li .desc {
    width: 4rem;
    margin: 0 auto;
  }
  .ab-wh ul {
    display: block;
  }
  .ab-wh li {
    width: 100%;
    margin-bottom: 0.3rem;
  }
  .ab-wh li .icon {
    height: 1rem;
    margin-bottom: 0.2rem;
  }
  .ab-wh li h6 {
    font-size: 0.36rem;
    margin-bottom: 0.2rem;
  }
  .ab-lc {
    padding: 1rem 0.2rem;
  }
  .ab-lc .title {
    font-size: 0.4rem;
    margin-bottom: 0.6rem;
  }
  .swiper-lc:after {
    width: 84%;
  }
  .ab-zz {
    padding: 1rem 0.2rem;
  }
  .ab-zz .title,
  .ab-hz .title {
    font-size: 0.4rem;
    margin-bottom: 0.6rem;
  }
  .ab-zz li {
    width: 49%;
    margin-bottom: 0.2rem;
  }
  .ab-zz li:nth-child(3n) {
    margin-right: 2%;
  }
  .ab-zz li:nth-child(2n) {
    margin-right: 0;
  }
  .ab-hz .tab {
    justify-content: space-between;
    -webkit-justify-content: space-between;
  }
  .ab-hz {
    padding: 1rem 0.2rem;
  }
  .ab-hz .tab li {
    width: 1.2rem;
    font-size: 0.3rem;
    margin: 0;
  }
  .ab-hz .item {
    width: 50%;
    height: 1.8rem;
  }
  .lx-link {
    padding: 0.7rem 0.2rem;
  }
  .lx-link ul {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .lx-link li {
    width: 50%;
    margin-bottom: 0.3rem;
  }
  .lx-link li .icon {
    height: 0.6rem;
    margin-bottom: 0.2rem;
  }
  .lx-link li p {
    font-size: 0.28rem;
  }
  .lx-addr {
    padding: 0.6rem 0.2rem;
  }
  .lx-addr .item {
    width: 100%;
    margin-bottom: 0.3rem;
    padding: 0.3rem 0.2rem;
    margin-right: 0;
  }
  .lx-addr .item h6 {
    font-size: 0.32rem;
  }
  .zp-con .item .desc {
    padding: 0.4rem 0.2rem;
  }
  .zp-con .item .tit {
    height: 1.2rem;
  }
  .zp-con .item .tit .btn {
    width: 1rem;
    height: 1.2rem;
  }
  .zp-con .item .tit .tx h6 {
    font-size: 0.3rem;
    margin-bottom: 0.1rem;
  }
  .zp {
    padding: 0.4rem 0.2rem 0.6rem;
  }
  .news .item .tx {
    padding: 0.2rem;
  }
  .news .item .tx h6 {
    font-size: 0.32rem;
    margin-bottom: 0.2rem;
  }
  .solu-cq li .txt h6 {
    font-size: 0.36rem;
  }
  .solu-ys .title,
  .solu-al .title {
    font-size: 0.4rem;
    margin-bottom: 0.5rem;
  }
  .zhanwei {
    height: 1rem;
  }
  .pro-top {
    top: 1rem;
  }
  .result {
    width: 100%;
    padding: 0.4rem 0.2rem 0.7rem;
  }
  .res-con .cp,
  .res-con .xw {
    display: block;
  }
  .res-con .xw .img {
    height: 3rem;
  }
  .res-con .cp .img,
  .res-con .xw .img {
    width: 100%;
  }
  .res-con .xw .img {
    margin-bottom: 0.2rem;
  }
  .res-con .cp .txt,
  .res-con .xw .txt {
    width: 100%;
  }
  .swiper-al .swiper-slide .txt h5 {
    font-size: 0.36rem;
  }
  .swiper-al .swiper-slide .txt h6,
  .swiper-al .swiper-slide .txt .t {
    font-size: 0.3rem;
  }
  .swiper-al .swiper-slide .txt .desc {
    line-height: 2;
  }
  .solu-al {
    padding: 1rem 0.2rem;
  }
  .swiper-al .swiper-slide .img {
    height: 5.6rem;
  }
  .solu-lx .title {
    font-size: 0.4rem;
    margin-bottom: 0.2rem;
  }
  .hm-buju {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    padding-bottom: 0.4rem;
  }
  .hm-news {
    padding-bottom: 0.5rem;
  }
  .hm-part li {
    height: 1.5rem;
  }
  .f-logo img {
    width: 4rem;
    margin: 0 auto;
  }
  .foot .link {
    justify-content: center;
    -webkit-justify-content: center;
  }
  .f-nav dl {
    margin-left: 0;
    text-align: center;
  }
 
  .home-fxs nav{
    top: 2.4rem;
  }
  nav {
    top: 0.91rem;
  }
  .menus{
    width: 1.17rem;
height: 100%;
display: flex;
align-items: center;
 
  }
  .menu.ed .bar:nth-child(3) {
    transform: translateY(-6px) rotate(40deg);
}
  .menu{
    width: 0.17rem;
    
  }
  .ed{
    margin-top: 0.3rem;
  }
  .menu.ed .bar:nth-child(1){
    transform: translateY(-1px) rotate(-40deg);
  }
  .solu-cq li .txt .desc {
    display: none;
  }
  .ab-zz .swiper-button-prev, .ab-zz .swiper-button-next {
    display: none;
  }
  .pro-gl .ber .txt h6 {
    font-size: .44rem;
    margin-bottom: 0;
    display: none;
  }
  .pro-gl .ber .txt p {
    font-size: .26rem;
  }
  .solu-lx .desc {
    font-size: .26rem;
    line-height: .4rem;
  }
  .swiper-zz .swiper-slide p {
    font-size: .2rem;
  }
  .pro-gl .ber .txt {
    bottom: .4rem;
  }
}