::-webkit-scrollbar {

  width: 0.125rem;

  height: 0.125rem;

  background-color: #F5F5F5;

}

::-webkit-scrollbar-track {

  border-radius: 0.15625rem;

  background-color: #E2E2E2;

}

::-webkit-scrollbar-thumb {

  border-radius: 0.15625rem;

  -webkit-box-shadow: inset 0 0 0.09375rem rgba(0, 0, 0, 0.3);

  box-shadow: inset 0 0 0.09375rem rgba(0, 0, 0, 0.3);

  background-color: #555;

}

::selection {

  background-color: var(--in-color);

  color: #fff;

}

::-moz-selection {

  background-color: var(--in-color);

  color: #fff;

}

::-webkit-selection {

  background-color: var(--in-color);

  color: #fff;

}

* {

  padding: 0;

  margin: 0;

}

body {

  line-height: 1.5;

  color: #333;

  background: #fff;

}

body > div {

  font-size: 0.34375rem;

}

*:before,

*:after {

  box-sizing: content-box;

}

:focus {

  outline: 1;

}

article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary {

  display: block;

}

a {

  color: #2e3136;

  text-decoration: none;

}

a:link,

a:hover,

a:active,

a:visited {

  text-decoration: none;

}

ins {

  background-color: #ff9;

  color: #000;

  text-decoration: none;

}

mark {

  background-color: #ff9;

  color: #000;

  font-style: italic;

  font-weight: bold;

}

del {

  text-decoration: line-through;

}

table {

  border-collapse: collapse;

  border-spacing: 0;

}

input,

select {

  vertical-align: middle;

}

li,

ul {

  list-style-type: none;

}

img {

  border: none;

  max-width: 100%;

}

input,

textarea {

  outline: 0;

  border: 0;

  resize: none;

  font-size: 0.3125rem;

  font-family: 'Microsoft YaHei', arial, helvetica;

}

h1,

h2,

h3,

h4,

h5,

h6,

dl,

dd,

dt,

i,

em {

  font-weight: normal;

  font-style: normal;

}

.inContent {

  margin: 0 auto;

  position: relative;

}

.inContent:after {

  content: "";

  display: block;

  clear: both;

  font-size: 0;

  line-height: 0;

}

* {

  -webkit-box-sizing: border-box;

  -ms-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

*:before,

*:after {

  -webkit-box-sizing: border-box;

  -ms-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.dx {

  text-transform: uppercase;

}

.dh {

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.clearboth:after {

  content: "";

  display: block;

  clear: both;

  font-size: 0;

  line-height: 0;

}

html,

body {

  width: 100%;

}

body {

  background: #fff;

}

.logo {

  background: #fff;

  padding: 0.234375rem 0.3125rem;

  margin: 0;

}

.logo img {

  max-width: 100%;

  max-height: 1.25rem;

  object-fit: contain;

  display: block;

  margin: auto;

}

.banner {

  margin: auto;

  overflow: hidden;

  width: 100%;

  position: relative;

}

.banner .swiper-container {

  width: 100%;

  margin: auto;

  overflow: initial;

}

.banner .swiper-container .swiper-slide {

  width: 100%;

  height: 100%;

  overflow: hidden;

}

.banner .swiper-container .swiper-slide img {

  width: 100%;

  height: 100%;

  display: block;

}

.banner .banner-pagination {

  position: absolute;

  z-index: 3;

  left: 0.3125rem;

  top: 50%;

  transform: translateY(-50%);

}

.banner .banner-pagination span {

  display: block;

  outline: none;

  font-size: 0;

  margin: 0.15625rem 0;

  width: 0.125rem;

  height: 0.125rem;

  background-color: #fff;

  border-radius: 50%;

  opacity: 1;

}

.banner .banner-pagination span.swiper-pagination-bullet-active {

  background: var(--in-color);

}

.banner:before {

  content: "";

  position: absolute;

  z-index: 2;

  width: 100%;

  height: 0.734375rem;

  background: url(../bgimg/bannerbg.png) 0 center no-repeat;

  background-size: 100% 100%;

  left: 0;

  bottom: 0;

}

.boxbg {

  background: url(../bgimg/boxbg.png) center bottom no-repeat;

  background-size: 100%;

}

.boxbg:after {

  content: "";

  display: block;

  clear: both;

  font-size: 0;

  line-height: 0;

}

.inNav {

  position: relative;

  z-index: 4;

  margin-top: -0.46875rem;

  padding: 0 0.15625rem;

}

.inNav ul {

  display: flex;

  justify-content: center;

  align-content: center;

  flex-wrap: wrap;

}

.inNav ul li {

  width: 25%;

  margin-bottom: 0.6875rem;

}

.inNav ul li a {

  display: block;

  margin: auto;

  width: 2.03125rem;

  height: 1.21875rem;

  background-color: #ffffff;

  box-shadow: 0rem 0.03125rem 0.15625rem 0rem rgba(0, 0, 0, 0.15);

  border-radius: 0.140625rem;

  position: relative;

  padding-top: 0.515625rem;

  font-size: 0.3125rem;

  text-align: center;

}

.inNav ul li a i {

  display: block;

  width: 0.78125rem;

  height: 0.78125rem;

  border-radius: 100%;

  background: var(--in-color);

  position: absolute;

  left: 50%;

  top: -0.40625rem;

  margin-left: -0.390625rem;

  overflow: hidden;

}

.inNav ul li a i img {

  display: block;

  max-width: 100%;

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  margin: auto;

}

.inNav ul li a span {

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  padding: 0 0.078125rem;

  line-height: 0.46875rem;

}

.about {

  width: 100%;

  border-top: 0.28125rem solid #fbfbfb;

  background: url(../bgimg/aboutbg.jpg) center 0 no-repeat;

  background-size: 100%;

  padding: 0.5625rem 0.3125rem 0.625rem;

}

.about .tit {

  text-align: center;

}

.about .tit h3 {

  font-size: 0.5rem;

  line-height: 1.5;

}

.about .tit .line {

  width: 0.90625rem;

  height: 0.03125rem;

  background-color: #999999;

  margin: 0.234375rem auto;

}

.about .text {

  margin-top: 0.3125rem;

  text-align: center;

  font-size: 0.3125rem;

  color: #666666;

  line-height: 0.625rem;

  max-height: 3.125rem;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 5;

  overflow: hidden;

}

.about .aboutPic {

  width: 100%;

  position: relative;

  margin-top: 0.46875rem;

}

.about .aboutPic .pic {

  min-height: 2.5rem;

  border-radius: 0.15625rem;

  overflow: hidden;

}

.about .aboutPic .pic img {

  display: block;

  width: 100%;

  height: 100%;

  height: 2.4375rem;

  object-fit: cover;

  -webkit-transition: all 0.6s ease-out;

  transition: all 0.6s ease-out;

}

.about .aboutPic .aboutMore {

  position: absolute;

  left: 50%;

  bottom: 0.875rem;

  transform: translateX(-50%);

  width: 2.6875rem;

  height: 0.6875rem;

  background-color: #ffffff;

  box-shadow: 0rem 0.109375rem 0.15625rem 0rem rgba(0, 0, 0, 0.08);

  border-radius: 0.328125rem;

  z-index: 2;

  font-size: 0.3125rem;

  line-height: 0.6875rem;

  padding-right: 0.6875rem;

  text-align: center;

}

.about .aboutPic .aboutMore:after {

  content: "";

  display: block;

  position: absolute;

  right: 0;

  top: 0;

  width: 0.6875rem;

  height: 0.6875rem;

  border-radius: 100%;

  background: url(../bgimg/arr1.png) center center no-repeat;

  background-size: 0.171875rem 0.3125rem;

  background-color: var(--in-color);

}

.title {

  height: 1.0625rem;

  position: relative;

  line-height: 1.0625rem;

  z-index: 1;

}

.title h3 {

  float: left;

  font-size: 0.40625rem;

  position: relative;

  height: 1.0625rem;

  font-weight: bold;

  padding-left: 0.625rem;

  z-index: 1;

}

.title h3:before {

  content: "";

  display: block;

  position: absolute;

  left: 0;

  top: 0;

  z-index: -1;

  width: 1.40625rem;

  height: 1.0625rem;

  background: url(../bgimg/titbg.png) center center repeat;

  border-bottom: 0.0625rem solid var(--in-color);

}

.title .en {

  position: absolute;

  right: 0;

  z-index: -1;

  font-family: "Arial Black";

  font-size: 0.796875rem;

  color: #f2f2f2;

  opacity: 0.8;

  top: 0;

  text-transform: uppercase;

  font-weight: bold;

}

.title .moreLink {

  float: right;

  display: block;

  font-size: 0.3125rem;

  height: 1.0625rem;

}

.title .moreLink:after {

  content: "";

  display: inline-block;

  vertical-align: middle;

  width: 1.078125rem;

  height: 0.015625rem;

  background-color: #000000;

  margin-left: 0.125rem;

}

.product {

  border-top: 0.28125rem solid #fbfbfb;

  padding: 0.625rem 0.3125rem;

}

.product .proNav {

  margin-top: 0.53125rem;

  position: relative;

  height: 0.8125rem;

  background-color: var(--in-color);

  padding: 0 0.75rem;

}

.product .proNav .proNavPrev {

  position: absolute;

  z-index: 2;

  left: 0;

  width: 0.75rem;

  height: 0.8125rem;

  top: 0;

  background: url(../bgimg/arl1.png) center center no-repeat;

  background-size: 0.171875rem 0.296875rem;

  background-color: rgba(0, 0, 0, 0.3);

  outline: none;

}

.product .proNav .proNavNext {

  position: absolute;

  z-index: 2;

  right: 0;

  width: 0.75rem;

  height: 0.8125rem;

  top: 0;

  background: url(../bgimg/arr1.png) center center no-repeat;

  background-size: 0.171875rem 0.296875rem;

  background-color: rgba(0, 0, 0, 0.3);

  outline: none;

}

.product .proNavSwiper ul li {

  position: relative;

}

.product .proNavSwiper ul li:before {

  content: "";

  display: block;

  position: absolute;

  left: 0;

  top: 50%;

  margin-top: -0.15625rem;

  width: 0.015625rem;

  height: 0.3125rem;

  background-color: #ffffff;

  opacity: 0.3;

}

.product .proNavSwiper ul li a {

  color: #fff;

  position: relative;

  height: 0.8125rem;

  line-height: 0.8125rem;

  font-size: 0.3125rem;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  padding: 0 0.078125rem;

  text-align: center;

}

.product .proNavSwiper ul li a:after {

  content: "";

  display: block;

  position: absolute;

  width: 1.1875rem;

  height: 0.125rem;

  background: url(../bgimg/tabli.png) center center no-repeat;

  bottom: -0.125rem;

  left: 50%;

  margin-left: -0.59375rem;

  -webkit-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

  opacity: 0;

}

.product .proNavSwiper ul li.swiper-slide-thumb-active a:after {

  bottom: 0;

  opacity: 1;

}

.product .proSwiper {

  padding-top: 0.203125rem;

  margin: 0 -0.1875rem;

}

.product .proSwiper .swiper-slide ul:after {

  content: "";

  display: block;

  clear: both;

  font-size: 0;

  line-height: 0;

}

.product .proSwiper .swiper-slide ul li {

  padding: 0.1875rem;

  width: 50%;

  float: left;

}

.product .proSwiper .swiper-slide ul li .item {

  width: 100%;

  background-color: #ffffff;

  box-shadow: 0rem 0rem 0.109375rem 0rem rgba(0, 0, 0, 0.05);

  border: solid 0.015625rem #eeeeee;

  padding: 0.140625rem 0.140625rem 0;

}

.product .proSwiper .swiper-slide ul li .item .pic {

  display: block;

  width: 100%;

  height: 3.203125rem;

  overflow: hidden;

}

.product .proSwiper .swiper-slide ul li .item .pic img {

  display: block;

  object-fit: cover;

  width: 100%;

  height: 100%;

}

.product .proSwiper .swiper-slide ul li .item .bt {

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  padding-right: 0.46875rem;

  position: relative;

  height: 0.8125rem;

  line-height: 0.8125rem;

  font-size: 0.3125rem;

}

.product .proSwiper .swiper-slide ul li .item .bt:before {

  content: "";

  display: block;

  position: absolute;

  height: 100%;

  right: 0;

  top: 0;

  width: 0.34375rem;

  background: url(../bgimg/proli.png) 0 center no-repeat;

  background-size: 100%;

}

.youshi {

  padding: 0.546875rem 0.3125rem;

  position: relative;

  z-index: 1;

}

.youshi:before {

  content: "";

  display: block;

  position: absolute;

  z-index: -1;

  width: 100%;

  left: 0;

  top: 0;

  background-color: #fbfbfb;

  height: 6.84375rem;

}

.youshi .ysSwiper {

  margin-top: 0.546875rem;

  position: relative;

}

.youshi .ysSwiper .swiper-container ul li .pic img {

  display: block;

  width: 100%;

  height: 4.6875rem;

  object-fit: cover;

}

.youshi .ysSwiper .swiper-container ul li .cont {

  margin-left: 3.671875rem;

  margin-top: 0.4375rem;

  min-height: 2.421875rem;

}

.youshi .ysSwiper .swiper-container ul li .cont h4 {

  font-size: 0.34375rem;

  line-height: 1.6;

}

.youshi .ysSwiper .swiper-container ul li .cont .text {

  font-size: 0.28125rem;

  color: #666666;

  line-height: 1.6;

  margin-top: 0.15625rem;

}

.youshi .ysSwiper .page {

  z-index: 2;

  position: absolute;

  left: -0.3125rem;

  top: 4.6875rem;

  width: 3.59375rem;

  height: 1.625rem;

  background-color: #fbfbfb;

  padding-top: 0.5625rem;

  padding-left: 0.3125rem;

  font-size: 0;

}

.youshi .ysSwiper .page:after {

  content: "";

  display: inline-block;

  vertical-align: middle;

  width: 1.59375rem;

  height: 0.03125rem;

  background-color: #2c2c2c;

}

.youshi .ysSwiper .page .ysPrev {

  display: inline-block;

  vertical-align: middle;

  width: 0.5rem;

  height: 0.5rem;

  border-radius: 100%;

  background: url(../bgimg/arl1.png) center center no-repeat;

  background-size: 0.171875rem 0.296875rem;

  background-color: var(--in-color);

  outline: none;

}

.youshi .ysSwiper .page .ysNext {

  display: inline-block;

  vertical-align: middle;

  width: 0.5rem;

  height: 0.5rem;

  border-radius: 100%;

  background: url(../bgimg/arr1.png) center center no-repeat;

  background-size: 0.171875rem 0.296875rem;

  background-color: var(--in-color);

  outline: none;

  margin-left: 0.25rem;

}

.youshi .ysSwiper .ystel {

  display: block;

  position: absolute;

  z-index: 2;

  left: -0.3125rem;

  top: 6.3125rem;

  background: #fff;

  width: 3.59375rem;

  height: 1.25rem;

  padding-top: 0.390625rem;

  padding-left: 0.3125rem;

  font-size: 0.375rem;

  line-height: 0.390625rem;

}

.youshi .ysSwiper .ystel:before {

  content: "";

  display: inline-block;

  width: 0.390625rem;

  height: 0.390625rem;

  vertical-align: top;

  margin-right: 0.15625rem;

  background: url(../bgimg/ystel.png) center center no-repeat;

  background-size: contain;

}

.youshi .ysSwiper .ystel:after {

  content: "";

  display: block;

  position: absolute;

  top: 1.0625rem;

  right: 0.3125rem;

  width: 1.0625rem;

  height: 0.140625rem;

  background: url(../bgimg/ystelline.png) right center no-repeat;

  background-size: contain;

}

.case {

  border-top: 0.28125rem solid #fbfbfb;

  padding: 0.546875rem 0.3125rem 0.703125rem;

}

.case .caseBox {

  margin-top: 0.546875rem;

}

.case .caseBox:after {

  content: "";

  display: block;

  clear: both;

  font-size: 0;

  line-height: 0;

}

.case .caseBox .caseTab {

  float: right;

  width: 2.34375rem;

}

.case .caseBox .caseTab ul li {

  width: 2.34375rem;

  height: 1.59375rem;

  margin-top: 0.15625rem;

  position: relative;

  overflow: hidden;

}

.case .caseBox .caseTab ul li:before {

  content: "";

  display: block;

  position: absolute;

  z-index: 2;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  border: solid 0 var(--in-color);

  -webkit-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}

.case .caseBox .caseTab ul li img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.case .caseBox .caseTab ul li:first-child {

  margin-top: 0;

}

.case .caseBox .caseTab ul li.active:before {

  border-width: 0.078125rem;

}

.case .caseSwiper {

  float: left;

  width: 6.796875rem;

  height: 5.125rem;

}

.case .caseSwiper ul li {

  position: relative;

  width: 100%;

  height: 5.125rem;

  overflow: hidden;

}

.case .caseSwiper ul li .pic {

  display: block;

  width: 100%;

  height: 5.125rem;

  overflow: hidden;

  position: absolute;

  left: 0;

  bottom: 0;

}

.case .caseSwiper ul li .pic img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

  -webkit-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}

.case .caseSwiper ul li .bt {

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  text-align: center;

  background: rgba(0, 0, 0, 0.4);

  height: 0.78125rem;

  line-height: 0.78125rem;

  font-size: 0.3125rem;

  padding: 0 0.234375rem;

  color: #fff;

}

.case .caseList ul {

  margin: 0 -0.1875rem;

}

.case .caseList ul:after {

  content: "";

  display: block;

  clear: both;

  font-size: 0;

  line-height: 0;

}

.case .caseList ul li {

  padding: 0 0.1875rem;

  margin-top: 0.390625rem;

  width: 50%;

  float: left;

}

.case .caseList ul li .item {

  width: 100%;

  background-color: #ffffff;

  box-shadow: 0rem 0rem 0.109375rem 0rem rgba(0, 0, 0, 0.05);

  border: solid 0.015625rem #eeeeee;

  padding: 0.140625rem 0.140625rem 0;

}

.case .caseList ul li .item .pic {

  display: block;

  width: 100%;

  height: 3.203125rem;

  overflow: hidden;

}

.case .caseList ul li .item .pic img {

  display: block;

  object-fit: cover;

  width: 100%;

  height: 100%;

}

.case .caseList ul li .item .bt {

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  padding-right: 0.46875rem;

  position: relative;

  height: 0.8125rem;

  line-height: 0.8125rem;

  font-size: 0.3125rem;

}

.case .caseList ul li .item .bt:before {

  content: "";

  display: block;

  position: absolute;

  height: 100%;

  right: 0;

  top: 0;

  width: 0.34375rem;

  background: url(../bgimg/proli.png) 0 center no-repeat;

  background-size: 100%;

}

.news {

  background-color: #fbfbfb;

  overflow: hidden;

  padding: 0.546875rem 0.3125rem 1.09375rem;

}

.news .newsTab {

  background: var(--in-color);

  margin-top: 0.578125rem;

  overflow: hidden;

}

.news .newsTab ul {

  font-size: 0;

  text-align: center;

}

.news .newsTab ul li {

  display: inline-block;

  position: relative;

  width: 25%;

}

.news .newsTab ul li:before {

  content: "";

  display: block;

  position: absolute;

  left: 0;

  top: 50%;

  margin-top: -0.15625rem;

  width: 0.015625rem;

  height: 0.3125rem;

  background-color: #ffffff;

  opacity: 0.3;

}

.news .newsTab ul li:first-child:before {

  display: none;

}

.news .newsTab ul li a {

  color: #fff;

  position: relative;

  height: 0.8125rem;

  line-height: 0.8125rem;

  font-size: 0.3125rem;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  padding: 0 0.078125rem;

  text-align: center;

}

.news .newsTab ul li a:after {

  content: "";

  display: block;

  position: absolute;

  width: 1.1875rem;

  height: 0.125rem;

  background: url(../bgimg/tabli.png) center center no-repeat;

  bottom: -0.125rem;

  left: 50%;

  margin-left: -0.59375rem;

  -webkit-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

  opacity: 0;

}

.news .newsTab ul li.active a:after {

  bottom: 0;

  opacity: 1;

}

.news .newsSwiper ul li {

  border-bottom: 0.015625rem solid #dddddd;

  padding: 0.390625rem 0;

}

.news .newsSwiper ul li:after {

  content: "";

  display: block;

  clear: both;

  font-size: 0;

  line-height: 0;

}

.news .newsSwiper ul li .pic {

  display: block;

  float: right;

  position: relative;

  overflow: hidden;

  width: 2.40625rem;

  height: 1.875rem;

}

.news .newsSwiper ul li .pic img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.news .newsSwiper ul li .cont {

  float: left;

  width: 6.5625rem;

  height: 1.875rem;

}

.news .newsSwiper ul li .cont .bt {

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  -webkit-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

  font-size: 0.3125rem;

  height: 0.5625rem;

  line-height: 0.5625rem;

}

.news .newsSwiper ul li .cont p {

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  color: #666666;

  height: 0.5rem;

  line-height: 0.5rem;

  margin-top: 0.15625rem;

  font-size: 0.28125rem;

}

.news .newsSwiper ul li .cont .date {

  font-size: 0.234375rem;

  color: #999999;

  margin-top: 0.234375rem;

  line-height: 1.2;

}

.footer {

  text-align: center;

  padding-bottom: 0.3125rem;

}

.footer a {

  color: #333333;

}

.footer .tel {

  position: relative;

  padding-top: 0.703125rem;

}

.footer .tel:before {

  content: "";

  display: block;

  width: 0.90625rem;

  height: 0.90625rem;

  background: url(../bgimg/footel.png) center center no-repeat;

  background-size: contain;

  background-color: #ffffff;

  border: solid 0.046875rem #f8f8f8;

  position: absolute;

  left: 50%;

  margin-left: -0.453125rem;

  top: -0.46875rem;

  border-radius: 100%;

}

.footer .tel .t1 {

  font-size: 0.3125rem;

  line-height: 1.5;

}

.footer .tel .t2 {

  line-height: 1.5;

  color: var(--in-color);

  font-family: Arial;

  font-size: 0.625rem;

}

.footer .tel .t2 a {

  color: var(--in-color);

}

.footer .copyright {

  font-size: 0.3125rem;

  line-height: 2;

}

.footer .copyright img {

  max-height: 0.40625rem;

  vertical-align: middle;

  width: auto !important;

}

#kefu-ball {

  background: var(--in-color);

  position: fixed;

  right: 0;

  bottom: 30%;

  width: 1.25rem;

  height: 1.25rem;

  padding: 0.234375rem;

  z-index: 999;

  border-radius: 50%;

  box-shadow: 0 0 0.15625rem rgba(190, 20, 49, 0.5);

}

#kefu-ball img {

  width: 100%;

  display: block;

  margin: 0 auto;

}

.fooNav {

  height: 60px;

  background: #fff;

}

.fooNav .fooNavA {

  position: fixed;

  z-index: 999;

  width: 94%;

  left: 0;

  right: 0;

  margin: auto;

  bottom: 12px;

  height: 36px;

  border-radius: 0.546875rem;

  background-color: #ffffff;

  box-shadow: 0 0 0 0.015625rem #eeeeee, 0rem 0.171875rem 0.15625rem 0rem rgba(0, 0, 0, 0.03);

}

.fooNav .fooNavA a {

  width: 25%;

  height: 36px;

  line-height: 36px;

  text-align: center;

  float: left;

  position: relative;

  border-left: 1px solid #eeeeee;

}

.fooNav .fooNavA a:first-child {

  border-left: none;

}

.fooNav .fooNavA a i {

  width: 16px;

  height: 16px;

  display: inline-block;

  vertical-align: middle;

  margin-right: 6px;

}

.fooNav .fooNavA a i img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: contain;

}

.fooNav .fooNavA a span {

  display: inline-block;

  font-size: 14px;

  color: #333333;

}