/* 预定义样式开始 */
body,
div,
ol,
ul,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h5,
h6,
p,
form,
fieldset,
legend,
input {
  margin: 0;
  padding: 0;
  /* min-width:1500px; */
}

h1,
h2,
h3,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

ol,
ul {
  list-style: none;
}

img,
fieldset {
  border: 0 none;
  display: block;
}

* {
  padding: 0rem;
  margin: 0rem;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

ul li {
  list-style: none;
}

a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fl {
  float: left;
}

.fr {
  float: right;
}

em {
  font-style: normal;
}

body {
  font: 14px/1.5 Helvetica Neue, Helvetica, Arial, Microsoft Yahei,
    Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
  color: #333;
}

i {
  font-style: normal;
}
input:focus {
  outline: none;
}

/* 预定义样式结束 */
#box {
  margin: 0 auto;
  width: 100%;
}
/* @media screen and (min-width: 1024px) {
  html {
    font-size: 37.5px !important;
  }
} */
.header-top {
  width: 20rem;
  height: 3.2rem;
  margin: 0 auto;
  display: flex;
}
.header-top .header-cation {
  width: 5rem;
  height: auto;
  line-height: normal;
}
.header-top .header-content img {
  width: 100%;
  color: red;
  height: 1.2rem;
  margin-top: 0.3rem;
}
.header-top .header-content {
  width: 10rem;
  height: auto;
  text-align: center;
}
.header-top .header-content .header-sp {
  width: 9.966667rem;
  height: 0.933333rem;
  font-size: 0.96rem;
  color: #333333;
  font-weight: 550;
}

.header-top .header-right img {
  width: 1.386667rem;
  margin: 1.106667rem 2.933333rem;
}
.header-top .header-right .header-right-img {
  width: 1.386667rem;
  height: 1.066667rem;
  background: url(../img/header-cd.png) no-repeat;
  background-size: 100%;
  margin: 1.06667rem 0;
  margin-left: 3.066667rem;
}
.header-top .header-c-left img {
  width: 1.386667rem;
  margin: 0.906667rem 0.533333rem;
}
/* header头部结束 */
/*导航栏开始*/

.box_right .box_right_ul .box_right_icon {
  background: url(../image/icon_ul.png) no-repeat;
  position: relative;
  width: 0.7rem;
  height: 0.7rem;
  background-size: cover;
  cursor: pointer;
}

#box .nav-right-mask .nav-right-content .right_dom_ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: column;
}

#box .nav-right-mask .nav-right-content .right_dom_ul .right_dom_li {
  /* padding: 1.6rem 0 0.4rem; */
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: column;
}

/* #box
  .nav-right-mask
  .nav-right-content
  .right_dom_ul
  .right_dom_li
  .right_dom_text
  .a_color {
  color: #e60012;
} */

#box
  .nav-right-mask
  .nav-right-content
  .right_dom_ul
  .right_dom_li
  .right_dom_text
  a:hover {
  color: #e60012;
}

#box
  .nav-right-mask
  .nav-right-content
  .right_dom_ul
  .right_dom_li
  .right_dom_text {
  display: block;
  position: relative;
  line-height: 1.333333rem;
  color: #fff;
  outline: none;
  transition: all 1s;
}

#box
  .nav-right-mask
  .nav-right-content
  .right_dom_ul
  .right_dom_li
  .right_dom_text
  a {
  color: #333333;
  font-size: 0.8rem;
  display: block;
  margin-top: 1.066667rem;
}
#box
  .nav-right-mask
  .nav-right-content
  .right_dom_ul
  .right_dom_li
  .right_dom_text
  a
  .a_color {
  color: lightgray;
}
a:focus {
  outline-style: none;
  -moz-outline-style: none;
}

.nav-right-mask {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  overflow: auto;
  background: rgba(25, 25, 25, 0.4);
}

.nav-right-content {
  position: absolute;
  top: 0;
  top: -800px;
  height: 20.706667rem;
  width: 100%;
  /* background-color: white; */
  text-align: center;
  list-style: none;
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  transition: 0.8s;
  overflow: auto;
  background-color: #ffffff;
  height: 20.706667rem;
}

.nav-right-mask .nav-right-content .open_no {
  width: 100%;
  height: 3.2rem;
  border: 1px solid #f2f2f2;
}

.nav-right-mask .nav-right-content .open_no .open_no_bu {
  width: 1.146667rem;
  height: 1.146667rem;
  display: block;
  position: absolute;
  right: 0.533333rem;
  top: 1.04rem;
  bottom: 0.986667rem;
}
.nav-right-mask .nav-right-content .open_no .open_no_bu img {
  width: 100%;
}
.nav-right-content > li:nth-child(1) {
}

.nav-right-content > li:not(:nth-child(1)) {
  line-height: 2.8em;
}

.nav-right-content > li {
  color: black;
  text-align: left;
}

.nav-right-content > li > a {
  color: white;
}

.nav-right-content > li > a > strong {
  margin-left: 1.26rem;
  font-size: 1.96rem;
}

.nav-right-content > li:nth-last-child(1) {
  position: absolute;
  bottom: 10%;
}

.nav-right-content > li > img {
  width: 80%;
}

/*导航栏结束*/
/* 中间band部分 */
.band-content {
  width: 100%;
  height: 8rem;
}
.band-content img {
  width: 100%;
}
/* 中部结束 */
/* 搜索部分开始 */
.sechar {
  width: 100%;
  height: 1.6rem;
  margin-bottom: 1.413333rem;
  margin-top: 1.066667rem;
  position: relative;
}
.sechar .sechar-naction {
  width: 19rem;
  height: 1.6rem;
  margin: 0 auto;
  box-shadow: -3px 5px 4px #ebebeb;
  background: #ffffff;
}
.sechar .sechar-naction input[type="text"] {
  width: 7.733333rem;
  height: 1.6rem;
  border: none;
  margin-top: -1.333333rem;
  position: absolute;
  top: 1.33rem;
  padding: 0.266667rem 0.266667rem;
  font-size: 0.693333rem;
  color: #333;
}

.sechar .sechar-naction input[type="submit"] {
  width: 3.2rem;
  height: 1.6rem;
  border: none;
  background: #e60012;
  color: #ffffff;
  position: absolute;
  right: 0.506667rem;
  font-size: 0.693333rem;
  font-family: PingFang, PingFang-SC-Bold;
  font-weight: bold;
}
input::-webkit-input-placeholder {
  color: #333333;
  font-size: 0.5rem;
  line-height: 1.6rem;
  display: block;
  font-family: PingFang, PingFang-SC-Bold;
  font-weight: 550;
}
input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: red;
}
input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: red;
}
input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: red;
}
.sechar .sechar-naction form .search-so {
  width: 7.9rem;
  height: 1.6rem;
  margin-left: 7.8rem;
}
.sechar .sechar-naction form .search-so .search-so-ul {
  display: flex;
  justify-content: space-between;
}
.sechar .sechar-naction form .search-so .search-so-ul li {
  color: #999999;
  font-size: 0.64rem;
  line-height: 1.6rem;
}
/* 搜索结束 */
/* 介绍部分 */
.sey-three {
  width: 100%;
  height: 5.266667rem;
}
.sey-three .sey-bol {
  width: 17.2rem;
  height: 5.266667rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.sey-three .sey-img {
  width: 3.2rem;
  height: 3.2rem;
  background: lightskyblue;
  opacity: 1;
  background: #ffffff;
  box-shadow: 0px 12px 20px 0px rgba(25, 25, 25, 0.17);
  border-radius: 50%;
}
.sey-three .sey-img span {
  opacity: 1;
  font-size: 0.64rem;
  font-family: PingFang, PingFang-SC-Medium;
  text-align: center;
  color: #333333;
  line-height: 1.28rem;
  letter-spacing: 0px;
  margin: 1.23333rem auto;
  display: block;
  width: auto;
  height: 0.613333rem;
}

.me-navas {
  width: 100%;
  height: 25.853333rem;
}
.me-navas-box {
  width: 18.933333rem;
  height: 25.853333rem;
  margin: 0 auto;
}
.me-navas-top {
  width: 100%;
  height: 1.33333rem;
  border-left: 5px solid red;
  display: flex;
  margin-top: 0.4rem;
}
.me-navas-top .me-left-s,
.me-right-s {
  width: 9.466667rem;
  height: 0.933333rem;
  position: relative;
}
.me-navas-top .me-left-s span {
  /*width: 3.84rem;*/
  opacity: 1;
  font-size: 0.96rem;
  font-family: PingFang, PingFang-SC-Bold;
  font-weight: bold;
  text-align: left;
  color: #333333;
  position: absolute;
  left: 0.533333rem;
}
.me-navas-top .me-right-s a {
  opacity: 1;
  font-size: 0.693333rem;
  font-family: PingFang, PingFang-SC-Medium;
  font-weight: SC-Medium;
  text-align: left;
  color: #999999;
  letter-spacing: 1px;
  position: absolute;
  right: 0;
  top: 0.4rem;
}
.me-nav-text {
  width: 100%;
  height: 8.533333rem;
  margin-top: 1.333333rem;
}
.me-nav-text p {
  font-size: 0.693333rem;
  font-family: PingFang, PingFang-SC-Medium;
  text-align: left;
  color: #666666;
  line-height: 1.1rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  line-clamp: 8;
  -webkit-box-orient: vertical;
}
.me-img {
  width: 100%;
  height: 12rem;
  margin-top: 1.28rem;
}
.me-img img {
  width: 100%;
}
/* 关于我们结束 */
/* 产品中心开始 */
.cp-center {
  width: 100%;
  /*height: 33.333333rem;*/
}
.cp-center .cp-center-box {
  width: 18.933333rem;
  /*height: 25.853333rem;*/
  margin: 0 auto;
}
.cp-center .cp-list {
  width: 100%;
  margin-top: 1.12rem;
}
.cp-center .cp-list ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.cp-center .cp-list ul li {
  display: block;
  width: 9.066667rem;
  /*height: 9.093333rem;*/
  background: #ffffff;
  margin-top: 1.093333rem;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 18px 20px 0px rgba(25, 25, 25, 0.17);
}
.cp-center .cp-list ul li span {
  display: block;
  text-align: center;
  color: #333333;
  height: 2.053333rem;
  font-size: 0.693333rem;
  line-height: 2.053333rem;
  background: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
.cp-center .cp-list ul li img {
  width: 100%;
  height: 7rem;
  object-fit: cover;
}
/* 产品中心部分结束 */
/* 合作执照部分开始 */
.hz-cooption {
  width: 100%;
  height: 17.84rem;
  margin-top: 2.133333rem;
  background: url(../img/hezuo.jpg) no-repeat center;
  background-size: 100%;
}
.hz-cooption .hz-coop-top {
  width: 100%;
  height: 3.326667rem;
  padding-top: 0.533333rem;
  padding-left: 0.766667rem;
}
.hz-cooption .hz-coop-top span {
  color: #444;
  font-size: 0.96rem;
  font-weight: 550;
}
.hz-cooption .hz-coop-top span::after {
  content: "";
  display: block;
  width: 3.133333rem;
  height: 0.08rem;
  background: #e60012;
  margin-top: 0.533333rem;
}
.hz-cooption .gz-coop-list {
  width: 13.26667rem;
  height: 1.866667rem;
}
.hz-cooption .gz-coop-list p {
  color: #333333;
  font-size: 0.64rem;
  padding-left: 0.966667rem;
}
.hz-cooption .char-hz {
  width: 17.466667rem;
  height: 5rem;
  padding-top: 0.693333rem;
  margin: auto;
  display: flex;
}
.hz-cooption .char-hz .image-a {
  width: 8.733333rem;
  height: 4.853333rem;
}
.hz-cooption .char-hz .image-a .image-t-op {
  width: 2.693333rem;
  height: 2.72rem;
  margin: 0 auto;
}
.hz-cooption .char-hz .image-a .image-t-op img {
  width: 2.693333rem;
  height: 2.72rem;
}
.hz-cooption .char-hz .image-a .image-t-ls {
  width: 100%;
  height: 1.626667rem;
  margin: 0 auto;
}
.hz-cooption .char-hz .image-a .image-t-ls img {
  width: 8.506667rem;
  height: 1.626667rem;
  margin: 0 auto;
}
.hz-cooption .char-hz .image-b {
  width: 8.733333rem;
  height: 4.853333rem;
}
.hz-cooption .char-hz .image-b .image-t-ri-to {
  width: 5.146667rem;
  height: 2.953333rem;
  margin: 0 auto;
}
.hz-cooption .char-hz .image-b .image-t-ri-ls {
  width: 100%;
  height: 1.626667rem;
  margin: 0 auto;
}
.hz-cooption .char-hz .image-b .image-t-ri-ls img {
  width: 7.68rem;
  height: 1.146667rem;
  margin: 0 auto;
}
.hz-cooption .char-hz .image-b .image-t-ri-to img {
  width: 5.146667rem;
  height: 2.453333rem;
}
.zz-two {
  width: 17.546667rem;
  height: 5.84rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-top: 0.586667rem;
}
.zz-two .zz-left {
  width: 8.266667rem;
  height: 5.84rem;
}
.zz-two .zz-left img {
  width: 8.266667rem;
  height: 5.84rem;
}
.zz-two .zz-left {
  width: 8.266667rem;
  height: 5.84rem;
}
.zz-two .zz-left img {
  width: 8.266667rem;
  height: 5.84rem;
}
/* 合作执照部分结束 */
/* 行业应用开始 */
.application {
  width: 100%;
}
.application .application-box {
  width: 18.933333rem;
  margin: 0 auto;
}
.application .application-box .application-im {
  width: 100%;
  height: 12.64rem;
  background: url(../img/gongye.jpg) no-repeat;
  margin-top: 1.12rem;
  background-size: 100%;
  position: relative;
}
.application .application-box .application-im .application-below {
  width: 100%;
  height: 4.48rem;
  background: #000;
  position: absolute;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.application
  .application-box
  .application-im
  .application-below
  .application-title {
  width: 100%;
  height: 2.08rem;
  font-size: 0.8rem;
  opacity: 1;
  color: #ffffff;
  line-height: 2.08rem;
  padding-left: 0.853333rem;
}
.application
  .application-box
  .application-im
  .application-below
  .application-title
  .application-text-p {
  width: 17.546667rem;
  height: 1.813333rem;
  font-size: 0.64rem;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
}
.application
  .application-box
  .application-im
  .application-below
  .application-title
  .application-text-p
  p {
  font-size: 0.64rem;
  line-height: 1.04rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.application .appication-below-search {
  width: 100%;
  height: 4.213333rem;
  margin-top: 0.8rem;
}
.swiper-container .swiper-wrapper .swiper-slide {
  width: 6.293333rem;
  height: 4.213333rem;
  margin-left: 0 0.010667rem;
}
.swiper-container .swiper-wrapper .swiper-slide img {
  width: 6.293333rem;
  height: 4.213333rem;
}
.swiper-container .swiper-wrapper .swiper-slide .image-opirect {
  width: 6.293333rem;
  height: 1.253333rem;
  background: red;
  position: absolute;
  top: 2.966667rem;
  background: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  font-size: 0.64rem;
  text-align: center;
  line-height: 1.253333rem;
}
/* 行业应用结束 */
/* 到货图片开始 */
.picture {
  width: 100%;
  height: 25.84rem;
  margin-top: 2.213333rem;
}
.picture .picture-box {
  width: 18.933333rem;
  height: 25.84rem;
  margin: 0 auto;
}
.picture .picture-box .picture-box-ul {
  width: 18.933333rem;
  height: 25.84rem;
  margin: 0 auto;
}
.picture .picture-box .picture-box-ul ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.picture .picture-box .picture-box-ul .picture-img {
  width: 9.066667rem;
  height: 6.186667rem;
}
.picture .picture-box .picture-box-ul .picture-img img {
  width: 9.066667rem;
  height: 6.186667rem;
}
.picture .picture-box .picture-box-ul .picture-text {
  width: 9.066667rem;
  height: 4.853333rem;
  /*padding: 0.693333rem 0.533333rem;*/
  overflow: hidden;
  text-overflow: ellipsis;
}
.picture .picture-box .picture-box-ul .picture-text h4 {
  font-size: 0.693333rem;
  color: #333333;
}
.picture .picture-box .picture-box-ul .picture-text span {
  color: #999999;
  font-size: 0.533333rem;
  display: block;
}
.picture .picture-box .picture-box-ul .picture-text p {
  font-size: 0.64rem;
  color: #666666;
}
.picture .picture-box .picture-box-ul li {
  width: 9.066667rem;
  height: 11.04rem;
  margin-top: 1.093333rem;
  box-shadow: 0px 18px 20px 0px rgba(25, 25, 25, 0.17);
}
/* 到货图片结束 */
/* 合作伙伴开始 */
.partner {
  width: 100%;
  margin-top: 2.186667rem;
}
.partner .partner-box {
  width: 18.933333rem;
  height: 1.33333rem;
  margin: 0 auto;
}
.partner .partner-box-navst {
  width: 100%;
  height: 12rem;
  background: url(../img/office-336368.jpg) no-repeat;
  background-size: 100%;
  margin-top: 1.146667rem;
}
.partner .partner-box-navst .partner-mengban {
  width: 100%;
  height: 12rem;
  background: rgba(0, 0, 0, 0.5);
}
.partner .partner-box-navst .partner-mengban .partner-div {
  width: 18.933333rem;
  height: 12rem;
  margin: 0 auto;
  z-index: 99 !important;
  padding-top: 1.493333rem;
  padding-bottom: 1.226667rem;
}
.partner .partner-box-navst .partner-mengban .partner-div .partner-search-a,
.partner-search-b,
.partner-search-c {
  width: 18.933333rem;
  height: 2.24rem;
  margin-bottom: 1.28rem;
}
/* .partner .partner-box-navst .partner-mengban .partner-div .partner-search-b{
  width: 18.933333rem;
  height: 2.24rem;
  margin-bottom: 1.28rem;

  background: lightslategray;
}
.partner .partner-box-navst .partner-mengban .partner-div .partner-search-c{
  width: 18.933333rem;
  height: 2.24rem;
  margin-bottom: 1.28rem;

  background: lightslategray;
} */
/* 合作部分结束 */
/* 底部开始 */
.bottom {
  width: 100%;
  height: 14.533333rem;
  margin-top: 3.2rem;
  background: url(../img/buttom.jpg) no-repeat;
  background-size: 100%;
}
.bottom .bottom-top-logo {
  width: 18.933333rem;
  height: 11.533333rem;
  margin: 0 auto;
}
.bottom .bottom-top-l {
  width: 8.64rem;
  height: 4.026667rem;
  margin: 0 auto;
  padding-top: 0.8rem;
}
.bottom .bottom-top-l img {
  width: 8.64rem;
  height: 1.146667rem;
}
.bottom .bottom-top-l span {
  font-size: 0.853333rem;
  font-family: PingFang, PingFang-SC-Bold;
  font-weight: SC-Bold;
  color: #fffefe;
  font-weight: 550;
  text-align: center;
}
.bottom .bottom-border {
  width: 100%;
  height: 11.533333rem;
  border: 1px solid #2c2c2c;
}
.bottom .bottom-top-logo .bottom-address {
  width: 100%;
  height: 6rem;
  margin-top: 1.04rem;
  display: flex;
  justify-content: space-between;
}
.bottom .bottom-top-logo .bottom-address .bottom-address-left {
  width: 11.466667rem;
  height: 6rem;
}
.bottom .bottom-top-logo .bottom-address .bottom-address-right {
  width: 5.813333rem;
  height: 5.813333rem;
  background: lightblue;
}
.bottom .bottom-top-logo .bottom-address .bottom-address-right img {
  width: 100%;
}
.bottom .bottom-top-logo .bottom-address .bottom-address-left .bottom-title {
  width: 13.466667rem;
  height: 0.746667rem;
  margin-bottom: 0.29rem;
  font-size: 0.64rem;
  color: #ffffff;
  font-weight: 400;
}
.bottom .bottom-lest {
  width: 100%;
  height: 3rem;
}
.bottom .bottom-lest .bottom-lis {
  height: 2.48rem;
  margin: 0 auto;
}
.bottom .bottom-lest .bottom-lis i {
  font-size: 0.586667rem;
  line-height: 0.96rem;
  display: block;
  text-align: center;
  color: #515151;
}
.tab-bar {
  width: 100%;
  height: 3.2rem;
}
.tab-bar ul li {
  width: 5.453333rem;
  height: 2.266667rem;
  position: relative;
}
.tab-bar ul {
  display: flex;
  flex-direction: row;
  align-content: stretch;
  justify-content: space-around;
  align-items: baseline;
  margin-top: 0.506667rem;
}
/* .tab-bar ul li .top-im{
  width: 1.2rem;
  height: 1.253333rem;
  margin: 0 auto;
} */
.tab-bar ul li img {
  width: 1.44rem;
  height: 1.36rem;
  margin: 0 auto;
  display: block;
}
.tab-bar ul li em {
  text-align: center;
  display: block;
  margin-top: 0.426667rem;
  font-size: 0.64rem;
  width: 100%;
  color: #333333;
  height: 0.613333rem;
}
.tab-bar ul li em.active {
  color: #e60012;
}
.swiper-button-prev {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0.5);
  width: 1.1853333rem !important;
  height: 4.213333rem !important;
  margin-top: -2.1033333rem !important;
  outline: none;
}
.swiper-button-next {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
  background: rgba(0, 0, 0, 0.5);
  width: 1.153333rem !important;
  height: 4.213333rem !important;
  margin-top: -2.1033333rem !important;
}